vx-vue 0.1.0 → 0.3.0

package/dist/vxvue.umd.js

@@ -1 +1 @@
-(function(p,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(p=typeof globalThis<"u"?globalThis:p||self,e(p.vxVue={},p.Vue))})(this,function(p,e){"use strict";function x(l,r){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M3.98 8.223A10.477 10.477 0 001.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.45 10.45 0 0112 4.5c4.756 0 8.773 3.162 10.065 7.498a10.523 10.523 0 01-4.293 5.774M6.228 6.228L3 3m3.228 3.228l3.65 3.65m7.894 7.894L21 21m-3.228-3.228l-3.65-3.65m0 0a3 3 0 10-4.243-4.243m4.242 4.242L9.88 9.88"})])}function b(l,r){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178z"}),e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M15 12a3 3 0 11-6 0 3 3 0 016 0z"})])}const y=["value","type"],_=Object.assign({inheritAttrs:!1},{__name:"password-input",props:["modelValue"],emits:["update:modelValue"],setup(l,{emit:r}){const o=e.ref(!1),n=e.computed(()=>{let t=Object.assign({},e.useAttrs());return delete t.class,t});return(t,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass("inline-block relative "+e.useAttrs().class)},[e.createElementVNode("input",e.mergeProps({value:l.modelValue,type:o.value?"text":"password",onInput:d[0]||(d[0]=s=>r("update:modelValue",s.target.value))},n.value,{class:"block pr-10 w-full form-input peer"}),null,16,y),e.createElementVNode("button",{onClick:d[1]||(d[1]=e.withModifiers(s=>o.value=!o.value,["stop"])),class:"flex absolute inset-y-0 right-0 items-center pr-3 text-brand-700 hover:text-brand"},[o.value?(e.openBlock(),e.createBlock(e.unref(x),{key:0,class:"w-5 h-5"})):(e.openBlock(),e.createBlock(e.unref(b),{key:1,class:"w-5 h-5"}))]),e.renderSlot(t.$slots,"default")],2))}}),w=["value"],B={key:0,disabled:"",value:""},V=["value","selected"],g={__name:"form-select",props:{options:Array,modelValue:[String,Number],disabledLabel:String},emits:["update:modelValue"],setup(l,{emit:r}){return(o,n)=>(e.openBlock(),e.createElementBlock("select",e.mergeProps(o.$attrs,{value:l.modelValue,class:"form-select",onChange:n[0]||(n[0]=t=>r("update:modelValue",t.target.value))}),[l.disabledLabel?(e.openBlock(),e.createElementBlock("option",B,e.toDisplayString(l.disabledLabel),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.options,t=>(e.openBlock(),e.createElementBlock("option",{value:t.key!==void 0?t.key:t.label||t,selected:(t.key!==void 0?t.key:t.label||t)===l.modelValue},e.toDisplayString(t.label||t),9,V))),256))],16,w))}},E={key:0,class:"fixed inset-0 z-50 bg-black bg-opacity-50 backdrop-blur-sm","aria-hidden":"true"},N={key:0,class:"overflow-y-auto fixed inset-0 z-50"},C={class:"flex justify-center items-end px-4 pt-4 pb-20 min-h-screen text-center sm:block sm:p-0"},$={key:0},S=e.createElementVNode("span",{class:"hidden sm:inline-block sm:h-screen sm:align-middle","aria-hidden":"true"},"​",-1),P={class:"inline-block overflow-hidden text-left align-bottom bg-white rounded shadow-xl transition-all transform sm:my-8 sm:w-full sm:max-w-sm sm:align-middle lg:max-w-lg"},T={class:"px-4 pb-4 mt-4 sm:px-6 sm:pb-6 sm:mt-5"},M={class:"flex flex-row items-center"},A={class:"flex-shrink-0"},z={class:"flex-grow text-center"},D=["onClick"],L={__name:"confirm",props:{buttons:{type:[Object,Array],default:{label:"Ok"},validator:l=>Array.isArray(l)&&l.length<=2&&l.filter(r=>r.label!=="undefined"&&r.value!=="undefined").length===l.length||l.label!==void 0&&l.value!==void 0},headerClass:{type:String,default:"text-vxvue-alt-900 bg-vxvue-alt-400"},buttonClass:{type:String,default:"button"}},setup(l,{expose:r}){const o=l,n=e.ref(""),t=e.ref(""),d=e.ref(!1);let s=null,i=null;const c=e.computed(()=>Array.isArray(o.buttons)?o.buttons:[o.buttons]),a=e.ref(null);return r({open:(m,h)=>(n.value=m,t.value=h,d.value=!0,e.nextTick(()=>a.value.firstElementChild.focus()),new Promise((u,k)=>{s=u,i=k}))}),(m,h)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[d.value?(e.openBlock(),e.createElementBlock("div",E)):e.createCommentVNode("",!0),e.createVNode(e.Transition,{name:"appear"},{default:e.withCtx(()=>[d.value?(e.openBlock(),e.createElementBlock("div",N,[e.createElementVNode("div",C,[d.value?(e.openBlock(),e.createElementBlock("div",$,[S,e.createElementVNode("div",P,[n.value?(e.openBlock(),e.createElementBlock("h3",{key:0,class:e.normalizeClass(["py-4 pt-4 text-lg font-medium text-center sm:py-6",l.headerClass])},[e.renderSlot(m.$slots,"title",{title:n.value},()=>[e.createTextVNode(e.toDisplayString(n.value),1)])],2)):e.createCommentVNode("",!0),e.createElementVNode("div",T,[e.createElementVNode("div",M,[e.createElementVNode("div",A,[e.renderSlot(m.$slots,"icon")]),e.createElementVNode("p",z,[e.renderSlot(m.$slots,"default",{message:t.value},()=>[e.createTextVNode(e.toDisplayString(t.value),1)])])]),e.createElementVNode("div",{class:"flex justify-center mt-5 space-x-2 sm:mt-6",ref_key:"buttonsContainer",ref:a},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,(u,k)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass([l.buttonClass,u.class]),onClick:e.withModifiers(Ne=>{d.value=!1,k===0?e.unref(s)():e.unref(i)()},["prevent"])},e.toDisplayString(u.label),11,D))),256))],512)])])])):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0)]),_:3})],64))}},j=["aria-checked"],F=["checked"],O={__name:"form-switch",props:["modelValue"],emits:["update:modelValue"],setup(l,{emit:r}){const o=l,n=e.computed(()=>o.modelValue?"bg-vxvue":"bg-slate-200"),t=e.computed(()=>o.modelValue?"translate-x-5":"translate-x-0"),d=e.computed(()=>{let s=Object.assign({},e.useAttrs());return delete s.class,s});return(s,i)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("label",{class:e.normalizeClass(s.$attrs.class)},[e.createElementVNode("span",{class:e.normalizeClass([n.value,"inline-flex relative flex-shrink-0 w-11 h-6 rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out cursor-pointer focus:ring-2 focus:ring-offset-2 focus:outline-none focus:ring-vxvue"]),role:"switch","aria-checked":!!l.modelValue},[e.createElementVNode("span",{"aria-hidden":"true",class:e.normalizeClass([t.value,"inline-block w-5 h-5 bg-white rounded-full ring-0 shadow transition duration-200 ease-in-out transform pointer-events-none"])},null,2),e.createElementVNode("input",e.mergeProps({class:"hidden",value:"1",type:"checkbox",onChange:i[0]||(i[0]=c=>r("update:modelValue",c.target.checked))},d.value,{checked:l.modelValue}),null,16,F)],10,j)],2),e.renderSlot(s.$slots,"default")],64))}};function I(l,r){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"fill-rule":"evenodd",d:"M7.72 12.53a.75.75 0 010-1.06l7.5-7.5a.75.75 0 111.06 1.06L9.31 12l6.97 6.97a.75.75 0 11-1.06 1.06l-7.5-7.5z","clip-rule":"evenodd"})])}function q(l,r){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"fill-rule":"evenodd",d:"M16.28 11.47a.75.75 0 010 1.06l-7.5 7.5a.75.75 0 01-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 011.06-1.06l7.5 7.5z","clip-rule":"evenodd"})])}function R(l,r){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"fill-rule":"evenodd",d:"M5.47 5.47a.75.75 0 011.06 0L12 10.94l5.47-5.47a.75.75 0 111.06 1.06L13.06 12l5.47 5.47a.75.75 0 11-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 01-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 010-1.06z","clip-rule":"evenodd"})])}const Be="",U={"aria-live":"assertive",class:"flex fixed inset-0 z-50 items-start py-6 px-4 pointer-events-none sm:p-6"},G={class:"flex flex-col items-center space-y-4 w-full"},H={class:"p-4"},J={class:"flex items-start"},K={class:"flex-shrink-0"},Q={class:"flex-1 pt-0.5 ml-3 w-0"},W={class:"font-bold"},X={class:"mt-1"},Y={class:"flex flex-shrink-0 ml-4"},Z=e.createElementVNode("span",{class:"sr-only"},"Close",-1),v=Object.assign({inheritAttrs:!1},{__name:"message-toast",props:{title:String,message:[String,Array],timeout:{type:Number,default:5e3},active:{type:Boolean,default:!1}},emits:["timeout","close"],setup(l,{emit:r}){const o=l,n=e.ref(null),t=e.computed(()=>typeof o.message=="string"?[o.message]:o.message),d=()=>{window.clearTimeout(n.value),o.active&&o.timeout&&(n.value=window.setTimeout(()=>{r("timeout")},o.timeout))};return e.watch(()=>o.active,d),e.onMounted(d),(s,i)=>(e.openBlock(),e.createElementBlock("div",U,[e.createElementVNode("div",G,[e.createVNode(e.Transition,{name:"messagetoast-fade"},{default:e.withCtx(()=>[l.active?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["overflow-hidden w-full max-w-sm rounded-md ring-1 ring-black ring-opacity-5 shadow-lg pointer-events-auto",s.$attrs.class])},[e.createElementVNode("div",H,[e.createElementVNode("div",J,[e.createElementVNode("div",K,[e.renderSlot(s.$slots,"icon")]),e.createElementVNode("div",Q,[e.createElementVNode("p",W,[e.renderSlot(s.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(l.title),1)])]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,c=>(e.openBlock(),e.createElementBlock("p",X,[e.renderSlot(s.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(c),1)])]))),256))]),e.createElementVNode("div",Y,[e.createElementVNode("button",{onClick:i[0]||(i[0]=c=>r("close")),class:"inline-flex text-white bg-black bg-opacity-20 rounded-sm focus:ring-2 focus:outline-none hover:text-stone-200 focus:ring-stone-200"},[Z,e.createVNode(e.unref(R),{class:"w-5 h-5"})])])])])],2)):e.createCommentVNode("",!0)]),_:3})])]))}}),ee={class:"flex justify-between items-center px-4 sm:px-0"},te={class:"flex flex-1 -mt-px w-0"},le=["onClick"],oe={class:"hidden md:flex md:-mt-px"},ne={class:"flex flex-1 justify-end -mt-px w-0"},ae=["onClick"],re={__name:"pagination",props:{page:{type:Number,default:1},total:{type:Number,default:1},perPage:{type:Number,default:20,validator(l){return l>=1}},showNavButtons:{type:Boolean,default:!0},prevText:{type:String,default:"Previous"},nextText:{type:String,default:"Next"},showAllPages:{type:Boolean,default:!1},markerPosition:{type:String,default:"above",validator(l){return["above","below"].indexOf(l)!==-1}}},emits:["update:page"],setup(l,{emit:r}){const o=l,n=e.ref(Math.ceil(o.total/o.perPage)),t=e.ref(null),d=e.computed(()=>o.markerPosition==="above"?"border-t-2 pt-4":"border-b-2 pb-4"),s=e.computed(()=>{let a=[1];if(o.showAllPages||n.value<=7){for(let f=2;f<=n.value;++f)a.push(f);return a}return t.value>=n.value?a.push("dots",t.value-2,t.value-1):t.value-1&&t.value-1>1&&(t.value>1&&a.push("dots"),a.push(t.value-1)),t.value>1&&a.push(t.value),t.value+1<n.value&&(a.push(t.value+1),t.value<=1&&a.push(t.value+2),t.value+2<this.maxPage&&a.push("dots")),t.value<this.maxPage&&a.push(this.maxPage),a}),i=()=>{t.value>1&&r("update:page",t.value-1)},c=()=>{t.value<n.value&&r("update:page",t.value+1)};return e.watch(()=>o.page,a=>t.value=Math.min(Math.max(a,1),n.value),{immediate:!0}),e.watch(()=>o.perPage,a=>{n.value=Math.ceil(o.total/o.perPage),r("update:page",1)}),e.watch(()=>o.total,a=>{n.value=Math.ceil(o.total/o.perPage),t.value>n.value&&r("update:page",1)}),(a,f)=>(e.openBlock(),e.createElementBlock("nav",ee,[e.createElementVNode("div",te,[l.showNavButtons?(e.openBlock(),e.createElementBlock("a",{key:0,onClick:e.withModifiers(i,["prevent"]),href:"#",class:e.normalizeClass(["inline-flex items-center pr-1 text-sm font-medium text-gray-500 border-transparent hover:text-gray-700 hover:border-gray-300",[{"cursor-default pointer-events-none":t.value<=1},d.value]])},[e.createVNode(e.unref(I),{class:"w-5 h-5"}),e.createTextVNode(" "+e.toDisplayString(l.prevText),1)],10,le)):e.createCommentVNode("",!0)]),e.createElementVNode("div",oe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,(m,h)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(m!=="dots"?"a":"span"),{onClick:e.withModifiers(u=>m!=="dots"?r("update:page",m):null,["prevent"]),key:h,href:m!=="dots"?"#":null,class:e.normalizeClass(["inline-flex items-center px-4 text-sm font-medium",[{"border-vxvue-500 text-vxvue-700":m===t.value,"border-transparent text-gray-500":m!==t.value,"hover:text-gray-700 hover:border-gray-300":m!=="dots"},d.value]])},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(m!=="dots"?m:"..."),1)]),_:2},1032,["onClick","href","class"]))),128))]),e.createElementVNode("div",ne,[l.showNavButtons?(e.openBlock(),e.createElementBlock("a",{key:0,onClick:e.withModifiers(c,["prevent"]),href:"#",class:e.normalizeClass(["inline-flex items-center pl-1 text-sm font-medium text-gray-500 border-transparent hover:text-gray-700 hover:border-gray-300",[d.value,{"cursor-default pointer-events-none":t.value>=n.value}]])},[e.createTextVNode(e.toDisplayString(l.nextText)+" ",1),e.createVNode(e.unref(q),{class:"w-5 h-5"})],10,ae)):e.createCommentVNode("",!0)])]))}},Ve="",se=(l,r)=>{const o=l.__vccOpts||l;for(const[n,t]of r)o[n]=t;return o},ce={class:"overflow-hidden rounded ring-1 ring-opacity-10 shadow ring-slate-500"},ie={class:"min-w-full divide-y divide-y-slate-900"},de={class:"text-white bg-slate-700"},me=["onClick"],pe={class:"flex items-center"},fe={key:0,xmlns:"http://www.w3.org/2000/svg",class:"flex-shrink-0 ml-2 w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor"},ue=["d"],he={key:1,"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M8 9l4-4 4 4m0 6l-4 4-4-4"},ke=se({__name:"sortable",props:{columns:{type:Array,required:!0,validator:l=>{for(const r of l)if(r.label===void 0||r.prop===void 0)return!1;return!0}},rows:{type:Array,required:!0},offset:{type:Number,default:null},count:{type:Number,default:null},sortProp:{type:String},sortDirection:{type:String,validator:l=>!l||["asc","desc"].indexOf(l)!==-1},keyProperty:{type:String,default:"key"}},emits:["before-sort","after-sort"],setup(l,{emit:r}){const o=l,n=e.ref(o.sortProp),t=e.ref(o.sortDirection),d=e.computed(()=>{let i=o.rows.slice();const c=o.columns.find(({prop:a})=>a===n.value);return c&&(t.value==="asc"&&c.sortAscFunction?i.sort(c.sortAscFunction):t.value==="desc"&&c.sortDescFunction?i.sort(c.sortDescFunction):i.sort((a,f)=>a[n.value]<f[n.value]?t.value==="asc"?-1:1:a[n.value]>f[n.value]?t.value==="asc"?1:-1:0)),i.slice(o.offset||0,(o.offset||0)+(o.count||i.length))}),s=i=>{r("before-sort",{prop:n.value,dir:t.value}),n.value===i?t.value=t.value==="asc"?"desc":"asc":(n.value=i,t.value=t.value||"asc"),e.nextTick(()=>r("after-sort",{prop:n.value,dir:t.value}))};return(i,c)=>(e.openBlock(),e.createElementBlock("div",ce,[e.createElementVNode("table",ie,[e.createElementVNode("thead",de,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.columns,a=>(e.openBlock(),e.createElementBlock("th",{scope:"col",class:e.normalizeClass(["py-3 px-6 text-left",[{"cursor-pointer":a.sortable,active:n.value===a.prop},a.cssClass]]),onClick:f=>a.sortable?s(a.prop):null},[e.renderSlot(i.$slots,a.prop+"-header",{column:a,sortDir:t.value,sortProp:n.value},()=>[e.createElementVNode("div",pe,[e.createElementVNode("span",null,e.toDisplayString(a.label),1),a.sortable?(e.openBlock(),e.createElementBlock("svg",fe,[n.value===a.prop?(e.openBlock(),e.createElementBlock("path",{key:0,"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:t.value==="asc"?"M19 9l-7 7-7-7":"M5 15l7-7 7 7"},null,8,ue)):(e.openBlock(),e.createElementBlock("path",he))])):e.createCommentVNode("",!0)])],!0)],10,me))),256))])]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,a=>(e.openBlock(),e.createElementBlock("tr",{key:a[l.keyProperty],class:e.normalizeClass(a.cssClass)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.columns,f=>(e.openBlock(),e.createElementBlock("td",{class:e.normalizeClass(["py-3 px-6 whitespace-nowrap",{active:n.value===f.prop}])},[e.renderSlot(i.$slots,f.prop,{row:a},()=>[e.createTextVNode(e.toDisplayString(a[f.prop]),1)],!0)],2))),256))],2))),128))])])]))}},[["__scopeId","data-v-c18eb3d8"]]),ge={class:"sm:hidden"},xe={class:"hidden sm:block"},be={class:"border-b border-gray-200"},ye={class:"flex -mb-px space-x-8","aria-label":"Tabs"},_e=["onClick","aria-current"],we={__name:"tabs",props:{items:{type:Array,default:[]},activeIndex:{type:Number,default:0}},emits:["update:active-index"],setup(l,{emit:r}){const o=l,n=e.ref(o.items[o.activeIndex]||{}),t=e.computed(()=>{let s=[];return o.items.forEach((i,c)=>{i.disabled||s.push({label:i.name,key:c})}),s});e.watch(()=>o.activeIndex,s=>{n.value=o.items[s]||{}});const d=s=>{s.disabled||(n.value=s,r("update:active-index",o.items.indexOf(s)))};return(s,i)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",ge,[e.createVNode(g,{options:t.value,"model-value":l.activeIndex,"onUpdate:modelValue":i[0]||(i[0]=c=>r("update:activeIndex",c)),class:"w-full"},null,8,["options","model-value"])]),e.createElementVNode("div",xe,[e.createElementVNode("div",be,[e.createElementVNode("nav",ye,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.items,c=>(e.openBlock(),e.createElementBlock("a",{key:c.name,href:"#",onClick:e.withModifiers(a=>d(c),["prevent"]),class:e.normalizeClass([n.value===c?"border-vxvue-500 text-vxvue-600":"border-transparent text-gray-900 hover:text-gray-700 hover:border-gray-300",c.disabled?"cursor-not-allowed text-gray-400 hover:border-transparent":"","group inline-flex items-center py-4 px-1 border-b-4 font-medium"]),"aria-current":n.value===c?"page":void 0},[e.renderSlot(s.$slots,"icon",{tab:c}),e.createElementVNode("span",null,[e.renderSlot(s.$slots,"default",{tab:c},()=>[e.createTextVNode(e.toDisplayString(c.name),1)])]),c.badge?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([n.value===c?"bg-vxvue-50 text-vxvue-700":"bg-gray-200 text-gray-900",c.disabled?"bg-gray-100 text-gray-400":"","hidden ml-3 py-0.5 px-2.5 rounded-full text-xs font-medium md:inline-block"])},e.toDisplayString(c.badge),3)):e.createCommentVNode("",!0)],10,_e))),128))])])])],64))}};p.Confirm=L,p.FormSelect=g,p.FormSwitch=O,p.MessageToast=v,p.Pagination=re,p.PasswordInput=_,p.Sortable=ke,p.Tabs=we,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})});
+(function(w,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(w=typeof globalThis<"u"?globalThis:w||self,e(w.vxVue={},w.Vue))})(this,function(w,e){"use strict";const T={key:0,class:"fixed inset-0 z-50 bg-black bg-opacity-50 backdrop-blur-sm","aria-hidden":"true"},z={key:0,class:"overflow-y-auto fixed inset-0 z-50"},O={class:"flex justify-center items-end px-4 pt-4 pb-20 min-h-screen text-center sm:block sm:p-0"},j={key:0},Y=e.createElementVNode("span",{class:"hidden sm:inline-block sm:h-screen sm:align-middle","aria-hidden":"true"},"​",-1),I={class:"inline-block overflow-hidden text-left align-bottom bg-white rounded shadow-xl transition-all transform sm:my-8 sm:w-full sm:max-w-sm sm:align-middle lg:max-w-lg"},v={class:"px-4 pb-4 mt-4 sm:px-6 sm:pb-6 sm:mt-5"},H={class:"flex flex-row items-center"},U={class:"flex-shrink-0"},W={class:"flex-grow text-center"},R=["onClick"],q={__name:"confirm",props:{buttons:{type:[Object,Array],default:{label:"Ok"},validator:t=>Array.isArray(t)&&t.length<=2&&t.filter(r=>r.label!=="undefined"&&r.value!=="undefined").length===t.length||t.label!==void 0&&t.value!==void 0},headerClass:{type:String,default:"text-vxvue-alt-900 bg-vxvue-alt-400"},buttonClass:{type:String,default:"button"}},setup(t,{expose:r}){const n=t,o=e.ref(""),l=e.ref(""),s=e.ref(!1);let i=null,a=null;const d=e.computed(()=>Array.isArray(n.buttons)?n.buttons:[n.buttons]),c=e.ref(null);return r({open:(p,m)=>(o.value=p,l.value=m,s.value=!0,e.nextTick(()=>c.value.firstElementChild.focus()),new Promise((f,k)=>{i=f,a=k}))}),(p,m)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[s.value?(e.openBlock(),e.createElementBlock("div",T)):e.createCommentVNode("",!0),e.createVNode(e.Transition,{name:"appear"},{default:e.withCtx(()=>[s.value?(e.openBlock(),e.createElementBlock("div",z,[e.createElementVNode("div",O,[s.value?(e.openBlock(),e.createElementBlock("div",j,[Y,e.createElementVNode("div",I,[o.value?(e.openBlock(),e.createElementBlock("h3",{key:0,class:e.normalizeClass(["py-4 pt-4 text-lg font-medium text-center sm:py-6",t.headerClass])},[e.renderSlot(p.$slots,"title",{title:o.value},()=>[e.createTextVNode(e.toDisplayString(o.value),1)])],2)):e.createCommentVNode("",!0),e.createElementVNode("div",v,[e.createElementVNode("div",H,[e.createElementVNode("div",U,[e.renderSlot(p.$slots,"icon")]),e.createElementVNode("p",W,[e.renderSlot(p.$slots,"default",{message:l.value},()=>[e.createTextVNode(e.toDisplayString(l.value),1)])])]),e.createElementVNode("div",{class:"flex justify-center mt-5 space-x-2 sm:mt-6",ref_key:"buttonsContainer",ref:c},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,(f,k)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass([t.buttonClass,f.class]),onClick:e.withModifiers(b=>{s.value=!1,k===0?e.unref(i)():e.unref(a)()},["prevent"])},e.toDisplayString(f.label),11,R))),256))],512)])])])):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0)]),_:3})],64))}};function G(t,r){const n=e.ref(!1),o=e.toValue(r);let l,s=o.toLowerCase().replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),i=[];if((l=o.match(/\bd\b/gi))&&l.length===1)s=s.replace("d","(\\d{1,2})");else if((l=o.match(/\bdd\b/gi))&&l.length===1)s=s.replace("dd","(\\d{2})");else return{date:n};if(i.push({srcPos:o.toLowerCase().indexOf("d"),destPos:2}),(l=o.match(/\bm\b/gi))&&l.length===1)s=s.replace("m","(\\d{1,2})");else if((l=o.match(/\bmm\b/gi))&&l.length===1)s=s.replace("mm","(\\d{2})");else return{date:n};if(i.push({srcPos:o.toLowerCase().indexOf("m"),destPos:1}),(l=o.match(/\byyyy\b/gi))&&l.length===1)s=s.replace("yyyy","(\\d{4})");else return{date:n};if(i.push({srcPos:o.toLowerCase().indexOf("y"),destPos:0}),!(l=e.toValue(t).match(s)))return{date:n};l.shift(),i.sort((u,p)=>u.srcPos<p.srcPos?-1:1);let a=[],d,c;for(;d=l.shift();)c=i.shift(),a[c.destPos]=d;return a=Date.parse(a.join("-")),a&&(a=new Date(a),n.value=new Date(a.getFullYear(),a.getMonth(),a.getDate(),0,0,0)),{date:n}}function X(t){return e.getCurrentScope()?(e.onScopeDispose(t),!0):!1}function S(t){return typeof t=="function"?t():e.unref(t)}const _=typeof window<"u"&&typeof document<"u",Z=Object.prototype.toString,J=t=>Z.call(t)==="[object Object]",$=()=>{},K=Q();function Q(){var t;return _&&((t=window==null?void 0:window.navigator)==null?void 0:t.userAgent)&&/iP(ad|hone|od)/.test(window.navigator.userAgent)}const ee=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a{1,2}|A{1,2}|m{1,2}|s{1,2}|Z{1,2}|SSS/g;function te(t,r,n,o){let l=t<12?"AM":"PM";return o&&(l=l.split("").reduce((s,i)=>s+=`${i}.`,"")),n?l.toLowerCase():l}function D(t,r,n={}){var o;const l=t.getFullYear(),s=t.getMonth(),i=t.getDate(),a=t.getHours(),d=t.getMinutes(),c=t.getSeconds(),u=t.getMilliseconds(),p=t.getDay(),m=(o=n.customMeridiem)!=null?o:te,f={YY:()=>String(l).slice(-2),YYYY:()=>l,M:()=>s+1,MM:()=>`${s+1}`.padStart(2,"0"),MMM:()=>t.toLocaleDateString(n.locales,{month:"short"}),MMMM:()=>t.toLocaleDateString(n.locales,{month:"long"}),D:()=>String(i),DD:()=>`${i}`.padStart(2,"0"),H:()=>String(a),HH:()=>`${a}`.padStart(2,"0"),h:()=>`${a%12||12}`.padStart(1,"0"),hh:()=>`${a%12||12}`.padStart(2,"0"),m:()=>String(d),mm:()=>`${d}`.padStart(2,"0"),s:()=>String(c),ss:()=>`${c}`.padStart(2,"0"),SSS:()=>`${u}`.padStart(3,"0"),d:()=>p,dd:()=>t.toLocaleDateString(n.locales,{weekday:"narrow"}),ddd:()=>t.toLocaleDateString(n.locales,{weekday:"short"}),dddd:()=>t.toLocaleDateString(n.locales,{weekday:"long"}),A:()=>m(a,d),AA:()=>m(a,d,!1,!0),a:()=>m(a,d,!0),aa:()=>m(a,d,!0,!0)};return r.replace(ee,(k,b)=>{var E,V;return(V=b??((E=f[k])==null?void 0:E.call(f)))!=null?V:k})}function y(t){var r;const n=S(t);return(r=n==null?void 0:n.$el)!=null?r:n}const M=_?window:void 0;function N(...t){let r,n,o,l;if(typeof t[0]=="string"||Array.isArray(t[0])?([n,o,l]=t,r=M):[r,n,o,l]=t,!r)return $;Array.isArray(n)||(n=[n]),Array.isArray(o)||(o=[o]);const s=[],i=()=>{s.forEach(u=>u()),s.length=0},a=(u,p,m,f)=>(u.addEventListener(p,m,f),()=>u.removeEventListener(p,m,f)),d=e.watch(()=>[y(r),S(l)],([u,p])=>{if(i(),!u)return;const m=J(p)?{...p}:p;s.push(...n.flatMap(f=>o.map(k=>a(u,f,k,m))))},{immediate:!0,flush:"post"}),c=()=>{d(),i()};return X(c),c}let P=!1;function le(t,r,n={}){const{window:o=M,ignore:l=[],capture:s=!0,detectIframe:i=!1}=n;if(!o)return;K&&!P&&(P=!0,Array.from(o.document.body.children).forEach(m=>m.addEventListener("click",$)),o.document.documentElement.addEventListener("click",$));let a=!0;const d=m=>l.some(f=>{if(typeof f=="string")return Array.from(o.document.querySelectorAll(f)).some(k=>k===m.target||m.composedPath().includes(k));{const k=y(f);return k&&(m.target===k||m.composedPath().includes(k))}}),u=[N(o,"click",m=>{const f=y(t);if(!(!f||f===m.target||m.composedPath().includes(f))){if(m.detail===0&&(a=!d(m)),!a){a=!0;return}r(m)}},{passive:!0,capture:s}),N(o,"pointerdown",m=>{const f=y(t);f&&(a=!m.composedPath().includes(f)&&!d(m))},{passive:!0}),i&&N(o,"blur",m=>{setTimeout(()=>{var f;const k=y(t);((f=o.document.activeElement)==null?void 0:f.tagName)==="IFRAME"&&!(k!=null&&k.contains(o.document.activeElement))&&r(m)},0)})].filter(Boolean);return()=>u.forEach(m=>m())}const ne={key:0},oe={class:"text-vxvue-700"},ae=[e.createElementVNode("svg",{class:"w-2 h-2",stroke:"currentColor",fill:"none",viewBox:"0 0 8 8"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-width":"1.5",d:"M1 1l6 6m0-6L1 7"})],-1)],re=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",class:"w-6 h-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"})],-1)],A={__name:"date-input",props:{outputFormat:{type:String,default:"YYYY-MM-DD"},inputFormat:{type:String,default:"YYYY-MM-DD"},showButton:{type:Boolean,default:!0},locale:{type:String,default:"default"},modelValue:Date},emits:["update:modelValue","toggle-datepicker"],setup(t,{emit:r}){const n=t,o=e.ref(""),l=e.computed(()=>n.modelValue?D(n.modelValue,n.outputFormat):""),s=e.computed(()=>{let i=Object.assign({},e.useAttrs());return delete i.class,i});return e.watch(()=>n.modelValue,i=>o.value=i?D(i,n.outputFormat):""),(i,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["inline-block relative",i.$attrs.class])},[l.value?(e.openBlock(),e.createElementBlock("div",ne,[e.createElementVNode("div",{class:e.normalizeClass(["block flex items-center w-full form-input bg-vxvue-50",{"pr-10":t.showButton}])},[e.createElementVNode("span",oe,e.toDisplayString(l.value),1),e.createElementVNode("button",{onClick:a[0]||(a[0]=d=>r("update:modelValue",null)),class:"inline-flex flex-shrink-0 justify-center items-center ml-2 w-4 h-4 rounded-full focus:text-white focus:outline-none text-vxvue hover:bg-vxvue-100 hover:text-vue-700 focus:bg-vxvue-700"},ae)],2)])):e.withDirectives((e.openBlock(),e.createElementBlock("input",e.mergeProps({key:1,type:"text",class:["block w-full form-input focus:border-vxvue peer",{"pr-10":t.showButton}],"onUpdate:modelValue":a[1]||(a[1]=d=>o.value=d),onBlur:a[2]||(a[2]=d=>{var c;return r("update:modelValue",((c=e.unref(G)(o.value,n.inputFormat).date)==null?void 0:c.value)||null)}),onInput:a[3]||(a[3]=e.withModifiers(()=>{},["prevent"]))},s.value),null,16)),[[e.vModelText,o.value]]),t.showButton?(e.openBlock(),e.createElementBlock("button",{key:2,class:"flex absolute inset-y-0 right-0 items-center px-2 text-vxvue-700 hover:text-vxvue",onClick:a[4]||(a[4]=e.withModifiers(d=>r("toggle-datepicker"),["stop"]))},re)):e.createCommentVNode("",!0),e.renderSlot(i.$slots,"default")],2))}};function F(t,r){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"fill-rule":"evenodd",d:"M7.72 12.53a.75.75 0 010-1.06l7.5-7.5a.75.75 0 111.06 1.06L9.31 12l6.97 6.97a.75.75 0 11-1.06 1.06l-7.5-7.5z","clip-rule":"evenodd"})])}function L(t,r){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"fill-rule":"evenodd",d:"M16.28 11.47a.75.75 0 010 1.06l-7.5 7.5a.75.75 0 01-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 011.06-1.06l7.5 7.5z","clip-rule":"evenodd"})])}function se(t,r){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"fill-rule":"evenodd",d:"M3.75 12a.75.75 0 01.75-.75h15a.75.75 0 010 1.5h-15a.75.75 0 01-.75-.75z","clip-rule":"evenodd"})])}function ce(t,r){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"fill-rule":"evenodd",d:"M12 3.75a.75.75 0 01.75.75v6.75h6.75a.75.75 0 010 1.5h-6.75v6.75a.75.75 0 01-1.5 0v-6.75H4.5a.75.75 0 010-1.5h6.75V4.5a.75.75 0 01.75-.75z","clip-rule":"evenodd"})])}function ie(t,r){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"fill-rule":"evenodd",d:"M5.47 5.47a.75.75 0 011.06 0L12 10.94l5.47-5.47a.75.75 0 111.06 1.06L13.06 12l5.47 5.47a.75.75 0 11-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 01-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 010-1.06z","clip-rule":"evenodd"})])}const de={class:"flex flex-row items-center py-2 px-3 text-white bg-vxvue-700"},me=["onClick"],ue={class:"flex-grow text-center"},pe=["onClick"],fe={class:"grid grid-cols-7 gap-0.5 p-0.5"},he=["disabled","onClick"],ge={__name:"datepicker",props:{modelValue:[Date,Boolean],validFrom:Date,validUntil:Date,dayNames:{type:Array,default:()=>"S M T W T F S".split(" ")},locale:{type:String,default:"default"},startOfWeekIndex:{type:Number,default:0,validator:t=>t===0||t===1},hasInput:{type:Boolean,default:!0}},emits:["update:modelValue","month-change"],setup(t,{emit:r}){const n=t,o=(()=>{let h=new Date;return new Date(h.getFullYear(),h.getMonth(),h.getDate())})(),l=e.ref(new Date(o.getFullYear(),o.getMonth(),1)),s=e.ref(null),i=e.ref(!n.hasInput),a=e.ref("left-0"),d=e.ref("top-0"),c=e.ref(null),u=e.ref(null),p=e.computed(()=>n.hasInput?{class:["absolute",i.value?"block":"hidden"]}:{}),m=e.computed(()=>{const h=[],x=l.value.getFullYear(),g=l.value.getMonth(),B=new Date(x,g+1,0),it=new Date(x,g,0).getDay()+1-n.startOfWeekIndex,dt=(6+n.startOfWeekIndex-B.getDay())%7;for(let C=-it,mt=B.getDate()+dt;C<mt;++C)h.push(new Date(x,g,C+1));return h}),f=e.computed(()=>n.startOfWeekIndex?n.dayNames.slice(1).concat(n.dayNames[0]):n.dayNames.slice());e.watch(()=>n.modelValue,h=>{h?(s.value=new Date(h.getFullYear(),h.getMonth(),h.getDate()),l.value=new Date(s.value.getTime())):(s.value=null,l.value=new Date(o.getTime())),l.value.setDate(1)},{immediate:!0}),e.watch(i,h=>{h&&n.hasInput&&e.nextTick(()=>{const x=c.value.$el.getBoundingClientRect(),g=u.value.getBoundingClientRect();a.value=x.left+g.width>window.innerWidth?"right-0":"left-0",d.value=x.bottom+g.height>window.innerHeight?"bottom-0 -translate-y-12":"top-0 translate-y-12"})}),le(u,()=>i.value=!1);const k=()=>{l.value=new Date(l.value.getFullYear(),l.value.getMonth()-1,1),r("month-change",l.value)},b=()=>{l.value=new Date(l.value.getFullYear(),l.value.getMonth()+1,1),r("month-change",l.value)},E=h=>{s.value=h,r("update:modelValue",h),i.value=!n.hasInput},V=h=>{s.value=h,r("update:modelValue",h)};return(h,x)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["relative",h.$attrs.class])},[t.hasInput?(e.openBlock(),e.createBlock(A,e.mergeProps({key:0,modelValue:s.value,onToggleDatepicker:x[0]||(x[0]=g=>i.value=!0),"onUpdate:modelValue":V},h.$attrs,{ref_key:"input",ref:c,class:"w-full",locale:t.locale}),{default:e.withCtx(()=>[e.renderSlot(h.$slots,"default")]),_:3},16,["modelValue","locale"])):e.createCommentVNode("",!0),e.createElementVNode("div",e.mergeProps({class:"z-10 bg-white shadow-md"},p.value,{ref_key:"calendar",ref:u,class:[a.value,d.value]}),[e.createElementVNode("div",de,[e.createElementVNode("button",{onClick:e.withModifiers(k,["stop"]),class:"flex-shrink-0 text-vxvue-100 hover:text-vxvue-50"},[e.createVNode(e.unref(F),{class:"w-6 h-6"})],8,me),e.createElementVNode("div",ue,e.toDisplayString(l.value.toLocaleString(t.locale,{month:"long"}))+" "+e.toDisplayString(l.value.getFullYear()),1),e.createElementVNode("button",{onClick:e.withModifiers(b,["stop"]),class:"flex-shrink-0 text-vxvue-100 hover:text-vxvue-50"},[e.createVNode(e.unref(L),{class:"w-6 h-6"})],8,pe)]),e.createElementVNode("div",fe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,(g,B)=>(e.openBlock(),e.createElementBlock("div",{class:"py-2 text-center bg-gray-200",key:B},e.toDisplayString(g),1))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,g=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["text-center",g.getMonth()-l.value.getMonth()===0?"text-vxvue-700":"text-gray-400"])},[e.createElementVNode("button",{class:e.normalizeClass([{"bg-vxvue-700 text-white":s.value&&g.getTime()===s.value.getTime(),"bg-gray-200":g.getTime()===e.unref(o).getTime(),"text-red-400":t.validFrom&&t.validFrom>g||t.validUntil&&t.validUntil<g},"py-2 px-3 rounded-sm"]),disabled:t.validFrom&&t.validFrom>g||t.validUntil&&t.validUntil<g,onClick:e.withModifiers(B=>t.validFrom&&t.validFrom>g||t.validUntil&&t.validUntil<g?null:E(g),["stop"])},e.toDisplayString(g.getDate()),11,he)],2))),256))])],16)],2))}},ke=["value"],we={key:0,disabled:"",value:""},xe=["value","selected"],ye={__name:"form-select",props:{options:Array,modelValue:[String,Number],disabledLabel:String},emits:["update:modelValue"],setup(t,{emit:r}){return(n,o)=>(e.openBlock(),e.createElementBlock("select",e.mergeProps(n.$attrs,{value:t.modelValue,class:"form-select",onChange:o[0]||(o[0]=l=>r("update:modelValue",l.target.value))}),[t.disabledLabel?(e.openBlock(),e.createElementBlock("option",we,e.toDisplayString(t.disabledLabel),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,l=>(e.openBlock(),e.createElementBlock("option",{value:l.key!==void 0?l.key:l.label||l,selected:(l.key!==void 0?l.key:l.label||l)===t.modelValue},e.toDisplayString(l.label||l),9,xe))),256))],16,ke))}},be=["aria-checked"],Be=["checked"],Ee={__name:"form-switch",props:["modelValue"],emits:["update:modelValue"],setup(t,{emit:r}){const n=t,o=e.computed(()=>n.modelValue?"bg-vxvue":"bg-slate-200"),l=e.computed(()=>n.modelValue?"translate-x-5":"translate-x-0"),s=e.computed(()=>{let i=Object.assign({},e.useAttrs());return delete i.class,i});return(i,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("label",{class:e.normalizeClass(i.$attrs.class)},[e.createElementVNode("span",{class:e.normalizeClass([o.value,"inline-flex relative flex-shrink-0 w-11 h-6 rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out cursor-pointer focus:ring-2 focus:ring-offset-2 focus:outline-none focus:ring-vxvue"]),role:"switch","aria-checked":!!t.modelValue},[e.createElementVNode("span",{"aria-hidden":"true",class:e.normalizeClass([l.value,"inline-block w-5 h-5 bg-white rounded-full ring-0 shadow transition duration-200 ease-in-out transform pointer-events-none"])},null,2),e.createElementVNode("input",e.mergeProps({class:"hidden",value:"1",type:"checkbox",onChange:a[0]||(a[0]=d=>r("update:modelValue",d.target.checked))},s.value,{checked:t.modelValue}),null,16,Be)],10,be)],2),e.renderSlot(i.$slots,"default")],64))}},ft="",Ve={"aria-live":"assertive",class:"flex fixed inset-0 z-50 items-start py-6 px-4 pointer-events-none sm:p-6"},$e={class:"flex flex-col items-center space-y-4 w-full"},Ne={class:"p-4"},Ce={class:"flex items-start"},Se={class:"flex-shrink-0"},_e={class:"flex-1 pt-0.5 ml-3 w-0"},De={class:"font-bold"},Me={class:"mt-1"},Pe={class:"flex flex-shrink-0 ml-4"},Ae=e.createElementVNode("span",{class:"sr-only"},"Close",-1),Fe=Object.assign({inheritAttrs:!1},{__name:"message-toast",props:{title:String,message:[String,Array],timeout:{type:Number,default:5e3},active:{type:Boolean,default:!1}},emits:["timeout","close"],setup(t,{emit:r}){const n=t,o=e.ref(null),l=e.computed(()=>typeof n.message=="string"?[n.message]:n.message),s=()=>{window.clearTimeout(o.value),n.active&&n.timeout&&(o.value=window.setTimeout(()=>{r("timeout")},n.timeout))};return e.watch(()=>n.active,s),e.onMounted(s),(i,a)=>(e.openBlock(),e.createElementBlock("div",Ve,[e.createElementVNode("div",$e,[e.createVNode(e.Transition,{name:"messagetoast-fade"},{default:e.withCtx(()=>[t.active?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["overflow-hidden w-full max-w-sm rounded-md ring-1 ring-black ring-opacity-5 shadow-lg pointer-events-auto",i.$attrs.class])},[e.createElementVNode("div",Ne,[e.createElementVNode("div",Ce,[e.createElementVNode("div",Se,[e.renderSlot(i.$slots,"icon")]),e.createElementVNode("div",_e,[e.createElementVNode("p",De,[e.renderSlot(i.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,d=>(e.openBlock(),e.createElementBlock("p",Me,[e.renderSlot(i.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(d),1)])]))),256))]),e.createElementVNode("div",Pe,[e.createElementVNode("button",{onClick:a[0]||(a[0]=d=>r("close")),class:"inline-flex text-white bg-black bg-opacity-20 rounded-sm focus:ring-2 focus:outline-none hover:text-stone-200 focus:ring-stone-200"},[Ae,e.createVNode(e.unref(ie),{class:"w-5 h-5"})])])])])],2)):e.createCommentVNode("",!0)]),_:3})])]))}}),Le={class:"flex justify-between items-center px-4 sm:px-0"},Te={class:"flex flex-1 -mt-px w-0"},ze=["onClick"],Oe={class:"hidden md:flex md:-mt-px"},je={class:"flex flex-1 justify-end -mt-px w-0"},Ye=["onClick"],Ie={__name:"pagination",props:{page:{type:Number,default:1},total:{type:Number,default:1},perPage:{type:Number,default:20,validator(t){return t>=1}},showNavButtons:{type:Boolean,default:!0},prevText:{type:String,default:"Previous"},nextText:{type:String,default:"Next"},showAllPages:{type:Boolean,default:!1},markerPosition:{type:String,default:"above",validator(t){return["above","below"].indexOf(t)!==-1}}},emits:["update:page"],setup(t,{emit:r}){const n=t,o=e.ref(Math.ceil(n.total/n.perPage)),l=e.ref(null),s=e.computed(()=>n.markerPosition==="above"?"border-t-2 pt-4":"border-b-2 pb-4"),i=e.computed(()=>{let c=[1];if(n.showAllPages||o.value<=7){for(let u=2;u<=o.value;++u)c.push(u);return c}return l.value>=o.value?c.push("dots",l.value-2,l.value-1):l.value-1&&l.value-1>1&&(l.value>1&&c.push("dots"),c.push(l.value-1)),l.value>1&&c.push(l.value),l.value+1<o.value&&(c.push(l.value+1),l.value<=1&&c.push(l.value+2),l.value+2<this.maxPage&&c.push("dots")),l.value<this.maxPage&&c.push(this.maxPage),c}),a=()=>{l.value>1&&r("update:page",l.value-1)},d=()=>{l.value<o.value&&r("update:page",l.value+1)};return e.watch(()=>n.page,c=>l.value=Math.min(Math.max(c,1),o.value),{immediate:!0}),e.watch(()=>n.perPage,c=>{o.value=Math.ceil(n.total/n.perPage),r("update:page",1)}),e.watch(()=>n.total,c=>{o.value=Math.ceil(n.total/n.perPage),l.value>o.value&&r("update:page",1)}),(c,u)=>(e.openBlock(),e.createElementBlock("nav",Le,[e.createElementVNode("div",Te,[t.showNavButtons?(e.openBlock(),e.createElementBlock("a",{key:0,onClick:e.withModifiers(a,["prevent"]),href:"#",class:e.normalizeClass(["inline-flex items-center pr-1 text-sm font-medium text-gray-500 border-transparent hover:text-gray-700 hover:border-gray-300",[{"cursor-default pointer-events-none":l.value<=1},s.value]])},[e.createVNode(e.unref(F),{class:"w-5 h-5"}),e.createTextVNode(" "+e.toDisplayString(t.prevText),1)],10,ze)):e.createCommentVNode("",!0)]),e.createElementVNode("div",Oe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,(p,m)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(p!=="dots"?"a":"span"),{onClick:e.withModifiers(f=>p!=="dots"?r("update:page",p):null,["prevent"]),key:m,href:p!=="dots"?"#":null,class:e.normalizeClass(["inline-flex items-center px-4 text-sm font-medium",[{"border-vxvue-500 text-vxvue-700":p===l.value,"border-transparent text-gray-500":p!==l.value,"hover:text-gray-700 hover:border-gray-300":p!=="dots"},s.value]])},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p!=="dots"?p:"..."),1)]),_:2},1032,["onClick","href","class"]))),128))]),e.createElementVNode("div",je,[t.showNavButtons?(e.openBlock(),e.createElementBlock("a",{key:0,onClick:e.withModifiers(d,["prevent"]),href:"#",class:e.normalizeClass(["inline-flex items-center pl-1 text-sm font-medium text-gray-500 border-transparent hover:text-gray-700 hover:border-gray-300",[s.value,{"cursor-default pointer-events-none":l.value>=o.value}]])},[e.createTextVNode(e.toDisplayString(t.nextText)+" ",1),e.createVNode(e.unref(L),{class:"w-5 h-5"})],10,Ye)):e.createCommentVNode("",!0)])]))}};function ve(t,r){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M3.98 8.223A10.477 10.477 0 001.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.45 10.45 0 0112 4.5c4.756 0 8.773 3.162 10.065 7.498a10.523 10.523 0 01-4.293 5.774M6.228 6.228L3 3m3.228 3.228l3.65 3.65m7.894 7.894L21 21m-3.228-3.228l-3.65-3.65m0 0a3 3 0 10-4.243-4.243m4.242 4.242L9.88 9.88"})])}function He(t,r){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178z"}),e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M15 12a3 3 0 11-6 0 3 3 0 016 0z"})])}const Ue=["value","type"],We=Object.assign({inheritAttrs:!1},{__name:"password-input",props:["modelValue"],emits:["update:modelValue"],setup(t,{emit:r}){const n=e.ref(!1),o=e.computed(()=>{let l=Object.assign({},e.useAttrs());return delete l.class,l});return(l,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass("inline-block relative "+e.useAttrs().class)},[e.createElementVNode("input",e.mergeProps({value:t.modelValue,type:n.value?"text":"password",onInput:s[0]||(s[0]=i=>r("update:modelValue",i.target.value))},o.value,{class:"block pr-10 w-full form-input peer"}),null,16,Ue),e.createElementVNode("button",{onClick:s[1]||(s[1]=e.withModifiers(i=>n.value=!n.value,["stop"])),class:"flex absolute inset-y-0 right-0 items-center pr-3 text-brand-700 hover:text-brand"},[n.value?(e.openBlock(),e.createBlock(e.unref(ve),{key:0,class:"w-5 h-5"})):(e.openBlock(),e.createBlock(e.unref(He),{key:1,class:"w-5 h-5"}))]),e.renderSlot(l.$slots,"default")],2))}}),Re={class:"flex items-center pb-1"},qe=["id","checked"],Ge=["for"],Xe={key:1},Ze=["href"],Je={key:0,class:"ml-6"},Ke=Object.assign({inheritAttrs:!1},{__name:"simple-tree",props:{branch:{type:Object,default:{}}},emits:["branch-selected","expand"],setup(t,{emit:r}){const n=t,o=e.ref(!1);return e.onMounted(()=>{n.branch.current&&r("expand",!0)}),(l,s)=>{const i=e.resolveComponent("simple-tree",!0);return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([!t.branch.branches||!t.branch.branches.length?"terminates":"",l.$attrs.class])},[e.createElementVNode("div",Re,[t.branch.branches&&t.branch.branches.length?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("input",{type:"checkbox",id:"branch-"+t.branch.id,onClick:s[0]||(s[0]=a=>o.value=!o.value),checked:o.value,class:"hidden"},null,8,qe),e.createElementVNode("label",{for:"branch-"+t.branch.id,class:"mr-2"},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.value?e.unref(se):e.unref(ce)),{class:"w-4 h-4 border"}))],8,Ge)],64)):e.createCommentVNode("",!0),t.branch.current?(e.openBlock(),e.createElementBlock("strong",Xe,e.toDisplayString(t.branch.label),1)):(e.openBlock(),e.createElementBlock("a",{key:2,href:t.branch.path,onClick:s[1]||(s[1]=e.withModifiers(a=>r("branch-selected",t.branch),["prevent"]))},e.toDisplayString(t.branch.label),9,Ze))]),t.branch.branches&&t.branch.branches.length?e.withDirectives((e.openBlock(),e.createElementBlock("ul",Je,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.branch.branches,a=>(e.openBlock(),e.createBlock(i,{branch:a,key:a.id,onBranchSelected:s[2]||(s[2]=d=>r("branch-selected",d)),onExpand:s[3]||(s[3]=d=>{o.value=d,r("expand",d)})},null,8,["branch"]))),128))],512)),[[e.vShow,o.value]]):e.createCommentVNode("",!0)],2)}}}),ht="",Qe=(t,r)=>{const n=t.__vccOpts||t;for(const[o,l]of r)n[o]=l;return n},et={class:"overflow-hidden rounded ring-1 ring-opacity-10 shadow ring-slate-500"},tt={class:"min-w-full divide-y divide-y-slate-900"},lt={class:"text-white bg-slate-700"},nt=["onClick"],ot={class:"flex items-center"},at={key:0,xmlns:"http://www.w3.org/2000/svg",class:"flex-shrink-0 ml-2 w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor"},rt=["d"],st={key:1,"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M8 9l4-4 4 4m0 6l-4 4-4-4"},ct=Qe({__name:"sortable",props:{columns:{type:Array,required:!0,validator:t=>{for(const r of t)if(r.label===void 0||r.prop===void 0)return!1;return!0}},rows:{type:Array,required:!0},offset:{type:Number,default:null},count:{type:Number,default:null},sortProp:{type:String},sortDirection:{type:String,validator:t=>!t||["asc","desc"].indexOf(t)!==-1},keyProperty:{type:String,default:"key"}},emits:["before-sort","after-sort"],setup(t,{emit:r}){const n=t,o=e.ref(n.sortProp),l=e.ref(n.sortDirection),s=e.computed(()=>{let a=n.rows.slice();const d=n.columns.find(({prop:c})=>c===o.value);return d&&(l.value==="asc"&&d.sortAscFunction?a.sort(d.sortAscFunction):l.value==="desc"&&d.sortDescFunction?a.sort(d.sortDescFunction):a.sort((c,u)=>c[o.value]<u[o.value]?l.value==="asc"?-1:1:c[o.value]>u[o.value]?l.value==="asc"?1:-1:0)),a.slice(n.offset||0,(n.offset||0)+(n.count||a.length))}),i=a=>{r("before-sort",{prop:o.value,dir:l.value}),o.value===a?l.value=l.value==="asc"?"desc":"asc":(o.value=a,l.value=l.value||"asc"),e.nextTick(()=>r("after-sort",{prop:o.value,dir:l.value}))};return(a,d)=>(e.openBlock(),e.createElementBlock("div",et,[e.createElementVNode("table",tt,[e.createElementVNode("thead",lt,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.columns,c=>(e.openBlock(),e.createElementBlock("th",{scope:"col",class:e.normalizeClass(["py-3 px-6 text-left",[{"cursor-pointer":c.sortable,active:o.value===c.prop},c.cssClass]]),onClick:u=>c.sortable?i(c.prop):null},[e.renderSlot(a.$slots,c.prop+"-header",{column:c,sortDir:l.value,sortProp:o.value},()=>[e.createElementVNode("div",ot,[e.createElementVNode("span",null,e.toDisplayString(c.label),1),c.sortable?(e.openBlock(),e.createElementBlock("svg",at,[o.value===c.prop?(e.openBlock(),e.createElementBlock("path",{key:0,"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:l.value==="asc"?"M19 9l-7 7-7-7":"M5 15l7-7 7 7"},null,8,rt)):(e.openBlock(),e.createElementBlock("path",st))])):e.createCommentVNode("",!0)])],!0)],10,nt))),256))])]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,c=>(e.openBlock(),e.createElementBlock("tr",{key:c[t.keyProperty],class:e.normalizeClass(c.cssClass)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.columns,u=>(e.openBlock(),e.createElementBlock("td",{class:e.normalizeClass(["py-3 px-6 whitespace-nowrap",{active:o.value===u.prop}])},[e.renderSlot(a.$slots,u.prop,{row:c},()=>[e.createTextVNode(e.toDisplayString(c[u.prop]),1)],!0)],2))),256))],2))),128))])])]))}},[["__scopeId","data-v-069dfce3"]]);w.Confirm=q,w.DateInput=A,w.Datepicker=ge,w.FormSelect=ye,w.FormSwitch=Ee,w.MessageToast=Fe,w.Pagination=Ie,w.PasswordInput=We,w.SimpleTree=Ke,w.Sortable=ct,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,26 +1,27 @@
-{
-  "name": "vx-vue",
-  "files": ["dist"],
-  "main": "./dist/vxvue.umd.js",
-  "module": "./dist/vxvue.es.js",
-  "exports": {
-    ".": {
-      "import": "./dist/vxvue.es.js",
-      "require": "./dist/vxvue.umd.js"
-    }
-  },
-  "version": "0.1.0",
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "preview": "vite preview"
-  },
-  "devDependencies": {
-    "vue": "^3.3.4",
-    "tailwindcss": "^3.3.3",
-    "@tailwindcss/forms": "^0.5.6",
-    "@heroicons/vue": "^2.0.18",
-    "@vitejs/plugin-vue": "^4.4.0",
-    "vite": "^4.4.11"
-  }
-}
+{
+  "name": "vx-vue",
+  "files": ["dist"],
+  "main": "./dist/vxvue.umd.js",
+  "module": "./dist/vxvue.es.js",
+  "exports": {
+    ".": {
+      "import": "./dist/vxvue.es.js",
+      "require": "./dist/vxvue.umd.js"
+    }
+  },
+  "version": "0.3.0",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "devDependencies": {
+    "vue": "^3.3.4",
+    "tailwindcss": "^3.3.3",
+    "@tailwindcss/forms": "^0.5.6",
+    "@heroicons/vue": "^2.0.18",
+    "@vitejs/plugin-vue": "^4.4.0",
+    "vite": "^4.4.11",
+    "@vueuse/core": "^10.5.0"
+  }
+}