vx-vue 0.7.0 → 0.7.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/vxvue.es.js +214 -205
- package/dist/vxvue.umd.js +1 -1
- package/package.json +3 -3
package/dist/vxvue.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(x,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(x=typeof globalThis<"u"?globalThis:x||self,e(x.vxVue={},x.Vue))})(this,function(x,e){"use strict";function W(t){return e.getCurrentScope()?(e.onScopeDispose(t),!0):!1}function L(t){return typeof t=="function"?t():e.unref(t)}const z=typeof window<"u"&&typeof document<"u",q=Object.prototype.toString,X=t=>q.call(t)==="[object Object]",F=()=>{},G=Z();function Z(){var t;return z&&((t=window==null?void 0:window.navigator)==null?void 0:t.userAgent)&&/iP(ad|hone|od)/.test(window.navigator.userAgent)}const J=/\[([^\]]+)]|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 Q(t,m,l,a){let o=t<12?"AM":"PM";return a&&(o=o.split("").reduce((n,i)=>n+=`${i}.`,"")),l?o.toLowerCase():o}function I(t,m,l={}){var a;const o=t.getFullYear(),n=t.getMonth(),i=t.getDate(),r=t.getHours(),s=t.getMinutes(),d=t.getSeconds(),c=t.getMilliseconds(),g=t.getDay(),u=(a=l.customMeridiem)!=null?a:Q,h={YY:()=>String(o).slice(-2),YYYY:()=>o,M:()=>n+1,MM:()=>`${n+1}`.padStart(2,"0"),MMM:()=>t.toLocaleDateString(l.locales,{month:"short"}),MMMM:()=>t.toLocaleDateString(l.locales,{month:"long"}),D:()=>String(i),DD:()=>`${i}`.padStart(2,"0"),H:()=>String(r),HH:()=>`${r}`.padStart(2,"0"),h:()=>`${r%12||12}`.padStart(1,"0"),hh:()=>`${r%12||12}`.padStart(2,"0"),m:()=>String(s),mm:()=>`${s}`.padStart(2,"0"),s:()=>String(d),ss:()=>`${d}`.padStart(2,"0"),SSS:()=>`${c}`.padStart(3,"0"),d:()=>g,dd:()=>t.toLocaleDateString(l.locales,{weekday:"narrow"}),ddd:()=>t.toLocaleDateString(l.locales,{weekday:"short"}),dddd:()=>t.toLocaleDateString(l.locales,{weekday:"long"}),A:()=>u(r,s),AA:()=>u(r,s,!1,!0),a:()=>u(r,s,!0),aa:()=>u(r,s,!0,!0)};return m.replace(J,(b,E)=>{var C,V;return(V=E??((C=h[b])==null?void 0:C.call(h)))!=null?V:b})}function M(t){var m;const l=L(t);return(m=l==null?void 0:l.$el)!=null?m:l}const O=z?window:void 0;function P(...t){let m,l,a,o;if(typeof t[0]=="string"||Array.isArray(t[0])?([l,a,o]=t,m=O):[m,l,a,o]=t,!m)return F;Array.isArray(l)||(l=[l]),Array.isArray(a)||(a=[a]);const n=[],i=()=>{n.forEach(c=>c()),n.length=0},r=(c,g,u,h)=>(c.addEventListener(g,u,h),()=>c.removeEventListener(g,u,h)),s=e.watch(()=>[M(m),L(o)],([c,g])=>{if(i(),!c)return;const u=X(g)?{...g}:g;n.push(...l.flatMap(h=>a.map(b=>r(c,h,b,u))))},{immediate:!0,flush:"post"}),d=()=>{s(),i()};return W(d),d}let j=!1;function T(t,m,l={}){const{window:a=O,ignore:o=[],capture:n=!0,detectIframe:i=!1}=l;if(!a)return;G&&!j&&(j=!0,Array.from(a.document.body.children).forEach(u=>u.addEventListener("click",F)),a.document.documentElement.addEventListener("click",F));let r=!0;const s=u=>o.some(h=>{if(typeof h=="string")return Array.from(a.document.querySelectorAll(h)).some(b=>b===u.target||u.composedPath().includes(b));{const b=M(h);return b&&(u.target===b||u.composedPath().includes(b))}}),c=[P(a,"click",u=>{const h=M(t);if(!(!h||h===u.target||u.composedPath().includes(h))){if(u.detail===0&&(r=!s(u)),!r){r=!0;return}m(u)}},{passive:!0,capture:n}),P(a,"pointerdown",u=>{const h=M(t);h&&(r=!u.composedPath().includes(h)&&!s(u))},{passive:!0}),i&&P(a,"blur",u=>{setTimeout(()=>{var h;const b=M(t);((h=a.document.activeElement)==null?void 0:h.tagName)==="IFRAME"&&!(b!=null&&b.contains(a.document.activeElement))&&m(u)},0)})].filter(Boolean);return()=>c.forEach(u=>u())}const ee=["value","onKeydown"],te={class:"flex absolute inset-y-0 right-0 items-center pr-3 text-vxvue-700"},le={key:0,class:"w-5 h-5 animate-spin",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},ne=[e.createElementVNode("circle",{class:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor","stroke-width":"4"},null,-1),e.createElementVNode("path",{class:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"},null,-1)],oe=Object.assign({inheritAttrs:!1},{__name:"autocomplete",props:{modelValue:{type:String,default:""},search:{type:Function,required:!0},baseClass:{type:String,default:"vxvue-autocomplete"},resultListClass:{type:String,default:"result-list"},resultItemClass:{type:String,default:"result-list-item"},inputClass:{type:String,default:"autocomplete-input"},autoSelect:{type:Boolean,default:!1},getResultValue:{type:Function,default:t=>t}},emits:["update:modelValue","blur","submit"],setup(t,{emit:m}){const l=m,a=t,o=e.useAttrs(),i=(()=>{let y=0;return w=>(w||"")+ ++y})()((o.id||"autocomplete")+"-"),r=e.ref([]),s=e.ref(-1),d=e.ref(0),c=e.ref(!1),g=e.ref(!1),u=e.ref("top-0 translate-y-12"),h=e.ref(!0),b=e.ref(null),E=e.ref(null),C=e.ref(null),V=e.computed(()=>r.value.map((y,w)=>({id:(o.id||"autocomplete")+"-item-"+w,class:["autocomplete-item",a.resultItemClass,{"bg-vxvue-700 text-white":s.value===w}],"data-result-index":w,role:"option",...s.value===w?{"aria-selected":"true"}:{}}))),_=e.computed(()=>({role:"combobox",autocomplete:"off",autocapitalize:"off",autocorrect:"off",spellcheck:"false","aria-autocomplete":"list","aria-haspopup":"listbox","aria-owns":i,"aria-expanded":c.value?"true":"false","aria-activedescendant":s.value>-1?V.value[s.value].id:"",...o})),f=e.computed(()=>({id:i,class:["autocomplete-list absolute min-w-full transform z-10",a.resultListClass,u.value],role:"listbox"})),p=()=>{s.value=-1,r.value=[],c.value=!1,h.value=!0},k=y=>{const w=a.search(y);if(w instanceof Promise){const N=++d.value;g.value=!0,w.then($=>{N===d.value&&(r.value=$,g.value=!1,r.value.length?(s.value=a.autoSelect?0:-1,c.value=!0):p())})}else r.value=w,r.value.length===0?p():(s.value=a.autoSelect?0:-1,c.value=!0)},B=()=>{const y=r.value[s.value];return y&&l("update:modelValue",a.getResultValue(y)),p(),y},S=y=>{l("update:modelValue",y),k(y)},v=y=>k(y.target.value),D=()=>{p(),l("blur")},A=()=>{const y=r.value.length;s.value=((s.value-1)%y+y)%y},zt=y=>{c.value||v(y);const w=r.value.length;s.value=((s.value+1)%w+w)%w},It=()=>{p(),l("update:modelValue","")},Ot=()=>l("submit",B()),jt=y=>{const w=y.target.closest("[data-result-index]");w&&(s.value=parseInt(w.dataset.resultIndex,10),l("submit",B()))};return T(C,p),e.onUpdated(()=>{if(b.value){const y=E.value.getBoundingClientRect(),w=b.value.getBoundingClientRect();h.value&&r.value.length&&(h.value=!1,u.value=y.bottom+w.height>window.innerHeight&&window.innerHeight-y.bottom<y.top&&window.pageYOffset+y.top-w.height>0?"bottom-0 -translate-y-12":"top-0 translate-y-12");const N=b.value.querySelector('[data-result-index="'+s.value+'"]');if(N){let $=N.getBoundingClientRect();$.top<w.top?b.value.scrollTop-=w.top-$.top:$.bottom>w.bottom&&(b.value.scrollTop+=$.bottom-w.bottom)}}}),(y,w)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["inline-block relative",y.$attrs.class]),ref_key:"container",ref:C},[e.createElementVNode("input",e.mergeProps({ref_key:"input",ref:E,class:"block pr-10 w-full form-input focus:border-vxvue",value:t.modelValue},_.value,{onInput:w[0]||(w[0]=N=>S(N.target.value)),onKeydown:[e.withKeys(Ot,["enter"]),e.withKeys(It,["esc"]),e.withKeys(B,["tab"]),e.withKeys(e.withModifiers(A,["prevent"]),["up"]),e.withKeys(e.withModifiers(zt,["prevent"]),["down"])],onFocus:v,onBlur:D}),null,16,ee),e.createElementVNode("span",te,[g.value?(e.openBlock(),e.createElementBlock("svg",le,ne)):e.createCommentVNode("",!0)]),r.value.length?(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:0,ref_key:"resultList",ref:b},f.value,{onClick:jt,onMousedown:w[1]||(w[1]=e.withModifiers(()=>{},["prevent"]))}),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,(N,$)=>e.renderSlot(y.$slots,"result",{result:N,props:V.value[$]},()=>[(e.openBlock(),e.createElementBlock("li",e.mergeProps({key:V.value[$].id},V.value[$]),e.toDisplayString(t.getResultValue(N)),17))])),256))],16)):e.createCommentVNode("",!0)],2))}}),ae={key:0,class:"fixed inset-0 z-50 bg-black bg-opacity-50 backdrop-blur-sm","aria-hidden":"true"},re={key:0,class:"overflow-y-auto fixed inset-0 z-50"},se={class:"flex justify-center items-center min-h-screen text-center sm:block sm:p-0"},ce={key:0},ie=e.createElementVNode("span",{class:"hidden sm:inline-block sm:h-screen sm:align-middle","aria-hidden":"true"},"",-1),de={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"},me={class:"px-4 pb-4 mt-4 sm:px-6 sm:pb-6 sm:mt-5"},ue={class:"flex flex-row items-center"},fe={class:"flex-shrink-0"},pe={class:"flex-grow text-center"},he=["onClick"],ge={__name:"confirm",props:{buttons:{type:[Object,Array],default:{label:"Ok"},validator:t=>Array.isArray(t)&&t.length<=2&&t.filter(m=>m.label!=="undefined"&&m.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:m}){const l=t,a=e.ref(""),o=e.ref(""),n=e.ref(!1);let i=null,r=null;const s=e.computed(()=>Array.isArray(l.buttons)?l.buttons:[l.buttons]),d=e.ref(null);return m({open:(g,u)=>(a.value=g,o.value=u,n.value=!0,e.nextTick(()=>d.value.firstElementChild.focus()),new Promise((h,b)=>{i=h,r=b}))}),(g,u)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[n.value?(e.openBlock(),e.createElementBlock("div",ae)):e.createCommentVNode("",!0),e.createVNode(e.Transition,{name:"appear"},{default:e.withCtx(()=>[n.value?(e.openBlock(),e.createElementBlock("div",re,[e.createElementVNode("div",se,[n.value?(e.openBlock(),e.createElementBlock("div",ce,[ie,e.createElementVNode("div",de,[a.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(g.$slots,"title",{title:a.value},()=>[e.createTextVNode(e.toDisplayString(a.value),1)])],2)):e.createCommentVNode("",!0),e.createElementVNode("div",me,[e.createElementVNode("div",ue,[e.createElementVNode("div",fe,[e.renderSlot(g.$slots,"icon")]),e.createElementVNode("p",pe,[e.renderSlot(g.$slots,"default",{message:o.value},()=>[e.createTextVNode(e.toDisplayString(o.value),1)])])]),e.createElementVNode("div",{class:"flex justify-center mt-5 space-x-2 sm:mt-6",ref_key:"buttonsContainer",ref:d},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,(h,b)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass([t.buttonClass,h.class]),onClick:e.withModifiers(E=>{n.value=!1,b===0?e.unref(i)():e.unref(r)()},["prevent"])},e.toDisplayString(h.label),11,he))),256))],512)])])])):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0)]),_:3})],64))}};function ke(t,m){const l=e.ref(!1),a=e.toValue(m);let o,n=a.toLowerCase().replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),i=[];if((o=a.match(/\bd\b/gi))&&o.length===1)n=n.replace("d","(\\d{1,2})");else if((o=a.match(/\bdd\b/gi))&&o.length===1)n=n.replace("dd","(\\d{2})");else return{date:l};if(i.push({srcPos:a.toLowerCase().indexOf("d"),destPos:2}),(o=a.match(/\bm\b/gi))&&o.length===1)n=n.replace("m","(\\d{1,2})");else if((o=a.match(/\bmm\b/gi))&&o.length===1)n=n.replace("mm","(\\d{2})");else return{date:l};if(i.push({srcPos:a.toLowerCase().indexOf("m"),destPos:1}),(o=a.match(/\byyyy\b/gi))&&o.length===1)n=n.replace("yyyy","(\\d{4})");else return{date:l};if(i.push({srcPos:a.toLowerCase().indexOf("y"),destPos:0}),!(o=e.toValue(t).match(n)))return{date:l};o.shift(),i.sort((c,g)=>c.srcPos<g.srcPos?-1:1);let r=[],s,d;for(;s=o.shift();)d=i.shift(),r[d.destPos]=s;return r=Date.parse(r.join("-")),r&&(r=new Date(r),l.value=new Date(r.getFullYear(),r.getMonth(),r.getDate(),0,0,0)),{date:l}}const be={key:0},ye={class:"text-vxvue-700"},we=[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)],xe=[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)],Y={__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:m}){const l=m,a=t,o=e.ref(""),n=e.computed(()=>a.modelValue?I(a.modelValue,a.outputFormat):""),i=e.computed(()=>{let r=Object.assign({},e.useAttrs());return delete r.class,r});return e.watch(()=>a.modelValue,r=>o.value=r?I(r,a.outputFormat):""),(r,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["inline-block relative",r.$attrs.class])},[n.value?(e.openBlock(),e.createElementBlock("div",be,[e.createElementVNode("div",{class:e.normalizeClass(["block flex items-center w-full form-input bg-vxvue-50",{"pr-10":t.showButton}])},[e.createElementVNode("span",ye,e.toDisplayString(n.value),1),e.createElementVNode("button",{onClick:s[0]||(s[0]=d=>l("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"},we)],2)])):e.withDirectives((e.openBlock(),e.createElementBlock("input",e.mergeProps({key:1,type:"text",class:["block w-full form-input peer focus:border-vxvue",{"pr-10":t.showButton}],"onUpdate:modelValue":s[1]||(s[1]=d=>o.value=d),onBlur:s[2]||(s[2]=d=>{var c;return l("update:modelValue",((c=e.unref(ke)(o.value,a.inputFormat).date)==null?void 0:c.value)||null)}),onInput:s[3]||(s[3]=e.withModifiers(()=>{},["prevent"]))},i.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:s[4]||(s[4]=e.withModifiers(d=>l("toggle-datepicker"),["stop"]))},xe)):e.createCommentVNode("",!0),e.renderSlot(r.$slots,"default")],2))}};function R(t,m){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 H(t,m){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 Be(t,m){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 Ve(t,m){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 Ee(t,m){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 Ce={class:"flex flex-row items-center py-2 px-3 text-white bg-vxvue-700"},$e=["onClick"],Ne={class:"flex-grow text-center"},Se=["onClick"],_e={class:"grid grid-cols-7 gap-0.5 p-0.5"},Me=["disabled","onClick"],De={__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:m}){const l=t,a=m,o=(()=>{let f=new Date;return new Date(f.getFullYear(),f.getMonth(),f.getDate())})(),n=e.ref(new Date(o.getFullYear(),o.getMonth(),1)),i=e.ref(null),r=e.ref(!l.hasInput),s=e.ref("left-0"),d=e.ref("top-0"),c=e.ref(null),g=e.ref(null),u=e.computed(()=>l.hasInput?{class:["absolute",r.value?"block":"hidden"]}:{}),h=e.computed(()=>{const f=[],p=n.value.getFullYear(),k=n.value.getMonth(),B=new Date(p,k+1,0),S=new Date(p,k,0).getDay()+1-l.startOfWeekIndex,v=(6+l.startOfWeekIndex-B.getDay())%7;for(let D=-S,A=B.getDate()+v;D<A;++D)f.push(new Date(p,k,D+1));return f}),b=e.computed(()=>l.startOfWeekIndex?l.dayNames.slice(1).concat(l.dayNames[0]):l.dayNames.slice());e.watch(()=>l.modelValue,f=>{f?(i.value=new Date(f.getFullYear(),f.getMonth(),f.getDate()),n.value=new Date(i.value.getTime())):(i.value=null,n.value=new Date(o.getTime())),n.value.setDate(1)},{immediate:!0}),e.watch(r,f=>{f&&l.hasInput&&e.nextTick(()=>{const p=c.value.$el.getBoundingClientRect(),k=g.value.getBoundingClientRect();s.value=p.left+k.width>window.innerWidth?"right-0":"left-0",d.value=p.bottom+k.height>window.innerHeight?"bottom-0 -translate-y-12":"top-0 translate-y-12"})}),T(g,()=>r.value=!1);const E=()=>{n.value=new Date(n.value.getFullYear(),n.value.getMonth()-1,1),a("month-change",n.value)},C=()=>{n.value=new Date(n.value.getFullYear(),n.value.getMonth()+1,1),a("month-change",n.value)},V=f=>{i.value=f,a("update:modelValue",f),r.value=!l.hasInput},_=f=>{i.value=f,a("update:modelValue",f)};return(f,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["relative",f.$attrs.class])},[t.hasInput?(e.openBlock(),e.createBlock(Y,e.mergeProps({key:0,modelValue:i.value,onToggleDatepicker:p[0]||(p[0]=k=>r.value=!0),"onUpdate:modelValue":_},f.$attrs,{ref_key:"input",ref:c,class:"w-full",locale:t.locale}),{default:e.withCtx(()=>[e.renderSlot(f.$slots,"default")]),_:3},16,["modelValue","locale"])):e.createCommentVNode("",!0),e.createElementVNode("div",e.mergeProps({class:"z-10 bg-white shadow-md"},u.value,{ref_key:"calendar",ref:g,class:[s.value,d.value]}),[e.createElementVNode("div",Ce,[e.createElementVNode("button",{onClick:e.withModifiers(E,["stop"]),class:"flex-shrink-0 text-vxvue-100 hover:text-vxvue-50"},[e.createVNode(e.unref(R),{class:"w-6 h-6"})],8,$e),e.createElementVNode("div",Ne,e.toDisplayString(n.value.toLocaleString(t.locale,{month:"long"}))+" "+e.toDisplayString(n.value.getFullYear()),1),e.createElementVNode("button",{onClick:e.withModifiers(C,["stop"]),class:"flex-shrink-0 text-vxvue-100 hover:text-vxvue-50"},[e.createVNode(e.unref(H),{class:"w-6 h-6"})],8,Se)]),e.createElementVNode("div",_e,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value,(k,B)=>(e.openBlock(),e.createElementBlock("div",{class:"py-2 text-center bg-gray-200",key:B},e.toDisplayString(k),1))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,k=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["text-center",k.getMonth()-n.value.getMonth()===0?"text-vxvue-700":"text-gray-400"])},[e.createElementVNode("button",{class:e.normalizeClass([{"bg-vxvue-700 text-white":i.value&&k.getTime()===i.value.getTime(),"bg-gray-200":k.getTime()===e.unref(o).getTime(),"text-red-400":t.validFrom&&t.validFrom>k||t.validUntil&&t.validUntil<k},"py-2 px-3 rounded-sm"]),disabled:t.validFrom&&t.validFrom>k||t.validUntil&&t.validUntil<k,onClick:e.withModifiers(B=>t.validFrom&&t.validFrom>k||t.validUntil&&t.validUntil<k?null:V(k),["stop"])},e.toDisplayString(k.getDate()),11,Me)],2))),256))])],16)],2))}},ve=["for"],Fe=["id","multiple","accept"],Pe={__name:"form-file-button",props:{modelValue:{type:Array},accept:{type:String,default:"*"},multiple:{type:Boolean,default:!1},name:{type:String,default:"file"},id:{type:String,default:"form-file-button-"+Math.ceil(Math.random()*1e3)}},emits:["update:modelValue","form-data"],setup(t,{emit:m}){const l=m,a=t,o=i=>{const r=new FormData;for(let s of i)r.append(a.name,s,s.name);return r},n=i=>{const r=i.target.files||i.dataTransfer.files;if(r){const s=[...r];l("update:modelValue",s),l("form-data",o(s))}};return(i,r)=>(e.openBlock(),e.createElementBlock("label",{for:t.id},[e.renderSlot(i.$slots,"default",{},()=>[e.createTextVNode("Upload")]),e.createElementVNode("input",{type:"file",id:t.id,multiple:t.multiple,accept:t.accept,onChange:n,class:"hidden"},null,40,Fe)],8,ve))}},Te=["value"],Ae={key:0,disabled:"",value:""},Le=["value","selected"],U={__name:"form-select",props:{options:Array,modelValue:[String,Number],disabledLabel:String},emits:["update:modelValue"],setup(t,{emit:m}){const l=m;return(a,o)=>(e.openBlock(),e.createElementBlock("select",e.mergeProps(a.$attrs,{value:t.modelValue,class:"form-select",onChange:o[0]||(o[0]=n=>l("update:modelValue",n.target.value))}),[t.disabledLabel?(e.openBlock(),e.createElementBlock("option",Ae,e.toDisplayString(t.disabledLabel),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,n=>(e.openBlock(),e.createElementBlock("option",{value:n.key!==void 0?n.key:n.label||n,selected:(n.key!==void 0?n.key:n.label||n)===t.modelValue},e.toDisplayString(n.label||n),9,Le))),256))],16,Te))}},ze=["aria-checked"],Ie=["checked"],Oe={__name:"form-switch",props:["modelValue"],emits:["update:modelValue"],setup(t,{emit:m}){const l=t,a=m,o=e.computed(()=>l.modelValue?"bg-vxvue":"bg-slate-200"),n=e.computed(()=>l.modelValue?"translate-x-5":"translate-x-0"),i=e.computed(()=>{let r=Object.assign({},e.useAttrs());return delete r.class,r});return(r,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("label",{class:e.normalizeClass(r.$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([n.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:s[0]||(s[0]=d=>a("update:modelValue",d.target.checked))},i.value,{checked:t.modelValue}),null,16,Ie)],10,ze)],2),e.renderSlot(r.$slots,"default")],64))}},Kt="",K=(t,m)=>{const l=t.__vccOpts||t;for(const[a,o]of m)l[a]=o;return l},je=t=>(e.pushScopeId("data-v-1be10676"),t=t(),e.popScopeId(),t),Ye={"aria-live":"assertive",class:"flex fixed inset-0 z-50 items-start py-6 px-4 pointer-events-none sm:p-6"},Re={class:"flex flex-col items-center space-y-4 w-full"},He={class:"p-4"},Ue={class:"flex items-start"},Ke={class:"flex-shrink-0"},We={class:"flex-1 pt-0.5 ml-3 w-0"},qe={class:"font-bold"},Xe={class:"mt-1"},Ge={class:"flex flex-shrink-0 ml-4"},Ze=je(()=>e.createElementVNode("span",{class:"sr-only"},"Close",-1)),Je=K(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:m}){const l=t,a=m,o=e.ref(null),n=e.computed(()=>typeof l.message=="string"?[l.message]:l.message),i=()=>{window.clearTimeout(o.value),l.active&&l.timeout&&(o.value=window.setTimeout(()=>{a("timeout")},l.timeout))};return e.watch(()=>l.active,i),e.onMounted(i),(r,s)=>(e.openBlock(),e.createElementBlock("div",Ye,[e.createElementVNode("div",Re,[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",r.$attrs.class])},[e.createElementVNode("div",He,[e.createElementVNode("div",Ue,[e.createElementVNode("div",Ke,[e.renderSlot(r.$slots,"icon",{},void 0,!0)]),e.createElementVNode("div",We,[e.createElementVNode("p",qe,[e.renderSlot(r.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)],!0)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,d=>(e.openBlock(),e.createElementBlock("p",Xe,[e.renderSlot(r.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(d),1)],!0)]))),256))]),e.createElementVNode("div",Ge,[e.createElementVNode("button",{onClick:s[0]||(s[0]=d=>a("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"},[Ze,e.createVNode(e.unref(Ee),{class:"w-5 h-5"})])])])])],2)):e.createCommentVNode("",!0)]),_:3})])]))}}),[["__scopeId","data-v-1be10676"]]),Qe={key:0,class:"fixed inset-0 z-[9998] bg-white/50 backdrop-blur-sm","aria-hidden":"true"},et={key:0,class:"fixed inset-0 z-[9999]"},tt={class:"flex justify-center items-center h-screen"},lt={__name:"modal",props:{show:Boolean,containerClass:{type:String,default:"w-3/4 h-[90vh]"},headerClass:{type:String,default:""},contentClass:{type:String,default:""}},emits:["clicked-outside"],setup(t,{emit:m}){const l=m,a=e.ref(null);return T(a,()=>l("clicked-outside")),(o,n)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[t.show?(e.openBlock(),e.createElementBlock("div",Qe)):e.createCommentVNode("",!0),e.createVNode(e.Transition,{name:"appear"},{default:e.withCtx(()=>[t.show?(e.openBlock(),e.createElementBlock("div",et,[e.createElementVNode("div",tt,[e.createElementVNode("div",{class:e.normalizeClass(["overflow-hidden relative max-w-full bg-white rounded ring-1 ring-black ring-opacity-10 shadow-xl transition-all transform xl:max-w-screen-xl",t.containerClass]),ref_key:"container",ref:a},[e.createElementVNode("div",{class:e.normalizeClass(t.headerClass)},[e.renderSlot(o.$slots,"title")],2),e.createElementVNode("div",{class:e.normalizeClass(["overflow-y-auto h-full pb-4 mt-16",t.contentClass])},[e.renderSlot(o.$slots,"default")],2)],2)])])):e.createCommentVNode("",!0)]),_:3})],64))}},nt={class:"flex justify-between items-center px-4 sm:px-0"},ot={class:"flex flex-1 -mt-px w-0"},at=["onClick"],rt={class:"hidden md:flex md:-mt-px"},st={class:"flex flex-1 justify-end -mt-px w-0"},ct=["onClick"],it={__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:m}){const l=m,a=t,o=e.ref(Math.ceil(a.total/a.perPage)),n=e.ref(null),i=e.computed(()=>a.markerPosition==="above"?"border-t-2 pt-4":"border-b-2 pb-4"),r=e.computed(()=>{let c=[1];if(a.showAllPages||o.value<=7){for(let g=2;g<=o.value;++g)c.push(g);return c}return n.value>=o.value?c.push("dots",n.value-2,n.value-1):n.value-1&&n.value-1>1&&(n.value>1&&c.push("dots"),c.push(n.value-1)),n.value>1&&c.push(n.value),n.value+1<o.value&&(c.push(n.value+1),n.value<=1&&c.push(n.value+2),n.value+2<o.value&&c.push("dots")),n.value<o.value&&c.push(o.value),c}),s=()=>{n.value>1&&l("update:page",n.value-1)},d=()=>{n.value<o.value&&l("update:page",n.value+1)};return e.watch(()=>a.page,c=>n.value=Math.min(Math.max(c,1),o.value),{immediate:!0}),e.watch(()=>a.perPage,c=>{o.value=Math.ceil(a.total/a.perPage),l("update:page",1)}),e.watch(()=>a.total,c=>{o.value=Math.ceil(a.total/a.perPage),n.value>o.value&&l("update:page",1)}),(c,g)=>(e.openBlock(),e.createElementBlock("nav",nt,[e.createElementVNode("div",ot,[t.showNavButtons?(e.openBlock(),e.createElementBlock("a",{key:0,onClick:e.withModifiers(s,["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":n.value<=1},i.value]])},[e.createVNode(e.unref(R),{class:"w-5 h-5"}),e.createTextVNode(" "+e.toDisplayString(t.prevText),1)],10,at)):e.createCommentVNode("",!0)]),e.createElementVNode("div",rt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,(u,h)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(u!=="dots"?"a":"span"),{onClick:e.withModifiers(b=>u!=="dots"?l("update:page",u):null,["prevent"]),key:h,href:u!=="dots"?"#":null,class:e.normalizeClass(["inline-flex items-center px-4 text-sm font-medium",[{"border-vxvue-500 text-vxvue-700":u===n.value,"border-transparent text-gray-500":u!==n.value,"hover:text-gray-700 hover:border-gray-300":u!=="dots"},i.value]])},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u!=="dots"?u:"..."),1)]),_:2},1032,["onClick","href","class"]))),128))]),e.createElementVNode("div",st,[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",[i.value,{"cursor-default pointer-events-none":n.value>=o.value}]])},[e.createTextVNode(e.toDisplayString(t.nextText)+" ",1),e.createVNode(e.unref(H),{class:"w-5 h-5"})],10,ct)):e.createCommentVNode("",!0)])]))}};function dt(t,m){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 mt(t,m){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 ut=["value","type"],ft=Object.assign({inheritAttrs:!1},{__name:"password-input",props:["modelValue"],emits:["update:modelValue"],setup(t,{emit:m}){const l=m,a=e.ref(!1),o=e.computed(()=>{let n=Object.assign({},e.useAttrs());return delete n.class,n});return(n,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass("inline-block relative "+e.useAttrs().class)},[e.createElementVNode("input",e.mergeProps({value:t.modelValue,type:a.value?"text":"password",onInput:i[0]||(i[0]=r=>l("update:modelValue",r.target.value))},o.value,{class:"block pr-10 w-full form-input peer"}),null,16,ut),e.createElementVNode("button",{onClick:i[1]||(i[1]=e.withModifiers(r=>a.value=!a.value,["stop"])),class:"flex absolute inset-y-0 right-0 items-center pr-3 text-brand-700 hover:text-brand"},[a.value?(e.openBlock(),e.createBlock(e.unref(dt),{key:0,class:"w-5 h-5"})):(e.openBlock(),e.createBlock(e.unref(mt),{key:1,class:"w-5 h-5"}))]),e.renderSlot(n.$slots,"default")],2))}}),pt={class:"flex items-center pb-1"},ht=["id","checked"],gt=["for"],kt={key:1},bt=["href"],yt={key:0,class:"ml-6"},wt=Object.assign({inheritAttrs:!1},{__name:"simple-tree",props:{branch:{type:Object,default:{}}},emits:["branch-selected","expand"],setup(t,{emit:m}){const l=t,a=m,o=e.ref(!1);return e.onMounted(()=>{l.branch.current&&a("expand",!0)}),(n,i)=>{const r=e.resolveComponent("simple-tree",!0);return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([!t.branch.branches||!t.branch.branches.length?"terminates":"",n.$attrs.class])},[e.createElementVNode("div",pt,[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:i[0]||(i[0]=s=>o.value=!o.value),checked:o.value,class:"hidden"},null,8,ht),e.createElementVNode("label",{for:"branch-"+t.branch.id,class:"mr-2"},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.value?e.unref(Be):e.unref(Ve)),{class:"w-4 h-4 border"}))],8,gt)],64)):e.createCommentVNode("",!0),t.branch.current?(e.openBlock(),e.createElementBlock("strong",kt,e.toDisplayString(t.branch.label),1)):(e.openBlock(),e.createElementBlock("a",{key:2,href:t.branch.path,onClick:i[1]||(i[1]=e.withModifiers(s=>a("branch-selected",t.branch),["prevent"]))},e.toDisplayString(t.branch.label),9,bt))]),t.branch.branches&&t.branch.branches.length?e.withDirectives((e.openBlock(),e.createElementBlock("ul",yt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.branch.branches,s=>(e.openBlock(),e.createBlock(r,{branch:s,key:s.id,onBranchSelected:i[2]||(i[2]=d=>a("branch-selected",d)),onExpand:i[3]||(i[3]=d=>{o.value=d,a("expand",d)})},null,8,["branch"]))),128))],512)),[[e.vShow,o.value]]):e.createCommentVNode("",!0)],2)}}}),xt=["id","aria-valuenow"],Bt=["id","aria-valuenow","onFocus","onMousedown","onTouchstart"],Vt=Object.assign({inheritAttrs:!1},{__name:"slider",props:{min:{type:Number,default:0},max:{type:Number,default:100},modelValue:{type:[Number,Array],validator(t){return typeof t=="number"||t.every(m=>typeof m=="number")}}},emits:["update:modelValue"],setup(t,{emit:m}){const l=t,a=m,o=e.useAttrs(),n=e.ref({x:null,y:null}),i=e.ref({w:null,h:null}),r=e.ref(!1),s=e.ref(null),d=e.ref(0),c=e.computed(()=>{const f=l.max,p=l.min;return l.modelValue instanceof Array?l.modelValue.map(k=>Math.max(Math.min(k,f),p)*100/(f-p)):Math.max(Math.min(l.modelValue,f),p)*100/(f-p)}),g=e.computed(()=>l.modelValue instanceof Array?{left:Math.min(...c.value)+"%",width:Math.max(...c.value)-Math.min(...c.value)+"%"}:{width:c.value+"%"}),u=e.ref({class:"absolute top-0 w-5 h-5 bg-white rounded-full border-2 transition-colors duration-200 -translate-x-2.5 -translate-y-1.5 focus:ring-4 focus:outline-none border-vxvue cursor-grab touch-none hover:bg-vxvue focus:ring-vxvue/50",tabindex:0,role:"slider","aria-valuemin":l.min,"aria-valuemax":l.max}),h=f=>{let p=parseFloat(f.toFixed(10));if(p=Math.min(l.max,Math.max(l.min,p)),l.modelValue instanceof Array){let k=[...l.modelValue];k[d.value]=p,a("update:modelValue",k)}else a("update:modelValue",p)},b=f=>{const{pageX:p,pageY:k}=f.touches?f.touches[0]:f,B=(p-n.value.x)/i.value.w;h(Math.floor((l.max-l.min)*B+l.min))},E=f=>{r.value&&(f.preventDefault(),b(f))},C=f=>{r.value=!0;const p=document.documentElement,k=s.value.getBoundingClientRect();n.value={x:k.left+p.scrollLeft-p.clientLeft,y:k.top+p.scrollTop-p.clientTop},i.value={w:s.value.offsetWidth,h:s.value.offsetHeight},f.currentTarget.focus(),document.addEventListener("mousemove",E),document.addEventListener("mouseup",V)},V=()=>{r.value&&(r.value=!1,document.removeEventListener("mousemove",E),document.removeEventListener("mouseup",V))},_=f=>{f.keyCode>=33&&f.keyCode<=40&&f.preventDefault();const p=l.modelValue[d.value]??l.modelValue;switch(f.keyCode){case 37:h(p-1);break;case 39:h(p+1);break;case 33:h(p+(l.max-l.min)/10);break;case 34:h(p-(l.max-l.min)/10);break;case 36:h(l.min);break;case 35:h(l.max)}};return(f,p)=>(e.openBlock(),e.createElementBlock("div",{class:"relative w-full h-2 rounded-r-full rounded-l-full bg-slate-300",ref_key:"track",ref:s},[e.createElementVNode("div",{class:"absolute h-full rounded-r-full rounded-l-full bg-vxvue",style:e.normalizeStyle(g.value)},null,4),t.modelValue.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(t.modelValue,(k,B)=>(e.openBlock(),e.createElementBlock("button",e.mergeProps({id:B?null:e.unref(o).id,style:{left:c.value[B]+"%"},"aria-valuenow":t.modelValue[B],onFocus:S=>d.value=B,onKeydown:_,onMousedown:e.withModifiers(S=>{d.value=B,C(S)},["prevent"]),onTouchstart:e.withModifiers(S=>{d.value=B,C(S)},["prevent"]),onTouchmove:E,onTouchend:V},u.value),null,16,Bt))),256)):(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:0,id:e.unref(o).id,style:{left:c.value+"%"},"aria-valuenow":t.modelValue,onFocus:p[0]||(p[0]=k=>d.value=0),onKeydown:_,onMousedown:p[1]||(p[1]=e.withModifiers(k=>{d.value=0,C(k)},["prevent"])),onTouchstart:p[2]||(p[2]=e.withModifiers(k=>{d.value=0,C(k)},["prevent"])),onTouchmove:E,onTouchend:V},u.value),null,16,xt))],512))}}),qt="",Et={class:"w-full divide-y divide-y-slate-900"},Ct={class:"text-white bg-slate-700"},$t=["onClick"],Nt={class:"flex items-center"},St={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"},_t=["d"],Mt={key:1,"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M8 9l4-4 4 4m0 6l-4 4-4-4"},Dt=K({__name:"sortable",props:{columns:{type:Array,required:!0,validator:t=>{for(const m of t)if(m.label===void 0||m.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:m}){const l=t,a=m,o=e.ref(l.sortProp),n=e.ref(l.sortDirection),i=e.computed(()=>{let s=l.rows.slice();const d=l.columns.find(({prop:c})=>c===o.value);return d&&(n.value==="asc"&&d.sortAscFunction?s.sort(d.sortAscFunction):n.value==="desc"&&d.sortDescFunction?s.sort(d.sortDescFunction):s.sort((c,g)=>c[o.value]<g[o.value]?n.value==="asc"?-1:1:c[o.value]>g[o.value]?n.value==="asc"?1:-1:0)),s.slice(l.offset||0,(l.offset||0)+(l.count||s.length))}),r=s=>{a("before-sort",{prop:o.value,dir:n.value}),o.value===s?n.value=n.value==="asc"?"desc":"asc":(o.value=s,n.value=n.value||"asc"),e.nextTick(()=>a("after-sort",{prop:o.value,dir:n.value}))};return(s,d)=>(e.openBlock(),e.createElementBlock("table",Et,[e.createElementVNode("thead",Ct,[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:g=>c.sortable?r(c.prop):null},[e.renderSlot(s.$slots,c.prop+"-header",{column:c,sortDir:n.value,sortProp:o.value},()=>[e.createElementVNode("div",Nt,[e.createElementVNode("span",null,e.toDisplayString(c.label),1),c.sortable?(e.openBlock(),e.createElementBlock("svg",St,[o.value===c.prop?(e.openBlock(),e.createElementBlock("path",{key:0,"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:n.value==="asc"?"M19 9l-7 7-7-7":"M5 15l7-7 7 7"},null,8,_t)):(e.openBlock(),e.createElementBlock("path",Mt))])):e.createCommentVNode("",!0)])],!0)],10,$t))),256))])]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.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,g=>(e.openBlock(),e.createElementBlock("td",{class:e.normalizeClass(["py-3 px-6 whitespace-nowrap",{active:o.value===g.prop}])},[e.renderSlot(s.$slots,g.prop,{row:c},()=>[e.createTextVNode(e.toDisplayString(c[g.prop]),1)],!0)],2))),256))],2))),128))])]))}},[["__scopeId","data-v-1c751c5a"]]),vt={class:"sm:hidden"},Ft={class:"hidden sm:block"},Pt={class:"border-b border-gray-200"},Tt={class:"flex -mb-px space-x-8","aria-label":"Tabs"},At=["onClick","aria-current"],Lt={__name:"tabs",props:{items:{type:Array,default:[]},activeIndex:{type:Number,default:0}},emits:["update:active-index"],setup(t,{emit:m}){const l=t,a=m,o=e.ref(l.items[l.activeIndex]||{}),n=e.computed(()=>{let r=[];return l.items.forEach((s,d)=>{s.disabled||r.push({label:s.name,key:d})}),r});e.watch(()=>l.activeIndex,r=>{o.value=l.items[r]||{}});const i=r=>{r.disabled||(o.value=r,a("update:active-index",l.items.indexOf(r)))};return(r,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",vt,[e.createVNode(U,{options:n.value,"model-value":t.activeIndex,"onUpdate:modelValue":s[0]||(s[0]=d=>a("update:activeIndex",d)),class:"w-full"},null,8,["options","model-value"])]),e.createElementVNode("div",Ft,[e.createElementVNode("div",Pt,[e.createElementVNode("nav",Tt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,d=>(e.openBlock(),e.createElementBlock("a",{key:d.name,href:"#",onClick:e.withModifiers(c=>i(d),["prevent"]),class:e.normalizeClass([o.value===d?"border-vxvue-500 text-vxvue-600":"border-transparent text-gray-900 hover:text-gray-700 hover:border-gray-300",d.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":o.value===d?"page":void 0},[e.renderSlot(r.$slots,"icon",{tab:d}),e.createElementVNode("span",null,[e.renderSlot(r.$slots,"default",{tab:d},()=>[e.createTextVNode(e.toDisplayString(d.name),1)])]),d.badge?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([o.value===d?"bg-vxvue-50 text-vxvue-700":"bg-gray-200 text-gray-900",d.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(d.badge),3)):e.createCommentVNode("",!0)],10,At))),128))])])])],64))}};x.Autocomplete=oe,x.Confirm=ge,x.DateInput=Y,x.Datepicker=De,x.FormFileButton=Pe,x.FormSelect=U,x.FormSwitch=Oe,x.MessageToast=Je,x.Modal=lt,x.Pagination=it,x.PasswordInput=ft,x.SimpleTree=wt,x.Slider=Vt,x.Sortable=Dt,x.Tabs=Lt,Object.defineProperty(x,Symbol.toStringTag,{value:"Module"})});
|
|
1
|
+
(function(x,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(x=typeof globalThis<"u"?globalThis:x||self,e(x.vxVue={},x.Vue))})(this,function(x,e){"use strict";function W(t){return e.getCurrentScope()?(e.onScopeDispose(t),!0):!1}function L(t){return typeof t=="function"?t():e.unref(t)}const z=typeof window<"u"&&typeof document<"u",q=Object.prototype.toString,X=t=>q.call(t)==="[object Object]",F=()=>{},G=Z();function Z(){var t;return z&&((t=window==null?void 0:window.navigator)==null?void 0:t.userAgent)&&/iP(ad|hone|od)/.test(window.navigator.userAgent)}const J=/\[([^\]]+)]|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 Q(t,m,l,a){let n=t<12?"AM":"PM";return a&&(n=n.split("").reduce((o,i)=>o+=`${i}.`,"")),l?n.toLowerCase():n}function I(t,m,l={}){var a;const n=t.getFullYear(),o=t.getMonth(),i=t.getDate(),r=t.getHours(),s=t.getMinutes(),d=t.getSeconds(),c=t.getMilliseconds(),g=t.getDay(),u=(a=l.customMeridiem)!=null?a:Q,h={YY:()=>String(n).slice(-2),YYYY:()=>n,M:()=>o+1,MM:()=>`${o+1}`.padStart(2,"0"),MMM:()=>t.toLocaleDateString(l.locales,{month:"short"}),MMMM:()=>t.toLocaleDateString(l.locales,{month:"long"}),D:()=>String(i),DD:()=>`${i}`.padStart(2,"0"),H:()=>String(r),HH:()=>`${r}`.padStart(2,"0"),h:()=>`${r%12||12}`.padStart(1,"0"),hh:()=>`${r%12||12}`.padStart(2,"0"),m:()=>String(s),mm:()=>`${s}`.padStart(2,"0"),s:()=>String(d),ss:()=>`${d}`.padStart(2,"0"),SSS:()=>`${c}`.padStart(3,"0"),d:()=>g,dd:()=>t.toLocaleDateString(l.locales,{weekday:"narrow"}),ddd:()=>t.toLocaleDateString(l.locales,{weekday:"short"}),dddd:()=>t.toLocaleDateString(l.locales,{weekday:"long"}),A:()=>u(r,s),AA:()=>u(r,s,!1,!0),a:()=>u(r,s,!0),aa:()=>u(r,s,!0,!0)};return m.replace(J,(b,E)=>{var C,V;return(V=E??((C=h[b])==null?void 0:C.call(h)))!=null?V:b})}function M(t){var m;const l=L(t);return(m=l==null?void 0:l.$el)!=null?m:l}const O=z?window:void 0;function P(...t){let m,l,a,n;if(typeof t[0]=="string"||Array.isArray(t[0])?([l,a,n]=t,m=O):[m,l,a,n]=t,!m)return F;Array.isArray(l)||(l=[l]),Array.isArray(a)||(a=[a]);const o=[],i=()=>{o.forEach(c=>c()),o.length=0},r=(c,g,u,h)=>(c.addEventListener(g,u,h),()=>c.removeEventListener(g,u,h)),s=e.watch(()=>[M(m),L(n)],([c,g])=>{if(i(),!c)return;const u=X(g)?{...g}:g;o.push(...l.flatMap(h=>a.map(b=>r(c,h,b,u))))},{immediate:!0,flush:"post"}),d=()=>{s(),i()};return W(d),d}let j=!1;function T(t,m,l={}){const{window:a=O,ignore:n=[],capture:o=!0,detectIframe:i=!1}=l;if(!a)return;G&&!j&&(j=!0,Array.from(a.document.body.children).forEach(u=>u.addEventListener("click",F)),a.document.documentElement.addEventListener("click",F));let r=!0;const s=u=>n.some(h=>{if(typeof h=="string")return Array.from(a.document.querySelectorAll(h)).some(b=>b===u.target||u.composedPath().includes(b));{const b=M(h);return b&&(u.target===b||u.composedPath().includes(b))}}),c=[P(a,"click",u=>{const h=M(t);if(!(!h||h===u.target||u.composedPath().includes(h))){if(u.detail===0&&(r=!s(u)),!r){r=!0;return}m(u)}},{passive:!0,capture:o}),P(a,"pointerdown",u=>{const h=M(t);h&&(r=!u.composedPath().includes(h)&&!s(u))},{passive:!0}),i&&P(a,"blur",u=>{setTimeout(()=>{var h;const b=M(t);((h=a.document.activeElement)==null?void 0:h.tagName)==="IFRAME"&&!(b!=null&&b.contains(a.document.activeElement))&&m(u)},0)})].filter(Boolean);return()=>c.forEach(u=>u())}const ee=["value","onKeydown"],te={class:"flex absolute inset-y-0 right-0 items-center pr-3 text-vxvue-700"},le={key:0,class:"w-5 h-5 animate-spin",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},oe=[e.createElementVNode("circle",{class:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor","stroke-width":"4"},null,-1),e.createElementVNode("path",{class:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"},null,-1)],ne=Object.assign({inheritAttrs:!1},{__name:"autocomplete",props:{modelValue:{type:String,default:""},search:{type:Function,required:!0},baseClass:{type:String,default:"vxvue-autocomplete"},resultListClass:{type:String,default:"result-list"},resultItemClass:{type:String,default:"result-list-item"},inputClass:{type:String,default:"autocomplete-input"},autoSelect:{type:Boolean,default:!1},getResultValue:{type:Function,default:t=>t}},emits:["update:modelValue","blur","submit"],setup(t,{emit:m}){const l=m,a=t,n=e.useAttrs(),i=(()=>{let y=0;return w=>(w||"")+ ++y})()((n.id||"autocomplete")+"-"),r=e.ref([]),s=e.ref(-1),d=e.ref(0),c=e.ref(!1),g=e.ref(!1),u=e.ref("top-0 translate-y-12"),h=e.ref(!0),b=e.ref(null),E=e.ref(null),C=e.ref(null),V=e.computed(()=>r.value.map((y,w)=>({id:(n.id||"autocomplete")+"-item-"+w,class:["autocomplete-item",a.resultItemClass,{"bg-vxvue-700 text-white":s.value===w}],"data-result-index":w,role:"option",...s.value===w?{"aria-selected":"true"}:{}}))),_=e.computed(()=>({role:"combobox",autocomplete:"off",autocapitalize:"off",autocorrect:"off",spellcheck:"false","aria-autocomplete":"list","aria-haspopup":"listbox","aria-owns":i,"aria-expanded":c.value?"true":"false","aria-activedescendant":s.value>-1?V.value[s.value].id:"",...n})),f=e.computed(()=>({id:i,class:["autocomplete-list absolute min-w-full transform z-10",a.resultListClass,u.value],role:"listbox"})),p=()=>{s.value=-1,r.value=[],c.value=!1,h.value=!0},k=y=>{const w=a.search(y);if(w instanceof Promise){const N=++d.value;g.value=!0,w.then($=>{N===d.value&&(r.value=$,g.value=!1,r.value.length?(s.value=a.autoSelect?0:-1,c.value=!0):p())})}else r.value=w,r.value.length===0?p():(s.value=a.autoSelect?0:-1,c.value=!0)},B=()=>{const y=r.value[s.value];return y&&l("update:modelValue",a.getResultValue(y)),p(),y},S=y=>{l("update:modelValue",y),k(y)},v=y=>k(y.target.value),D=()=>{p(),l("blur")},A=()=>{const y=r.value.length;s.value=((s.value-1)%y+y)%y},zt=y=>{c.value||v(y);const w=r.value.length;s.value=((s.value+1)%w+w)%w},It=()=>{p(),l("update:modelValue","")},Ot=()=>l("submit",B()),jt=y=>{const w=y.target.closest("[data-result-index]");w&&(s.value=parseInt(w.dataset.resultIndex,10),l("submit",B()))};return T(C,p),e.onUpdated(()=>{if(b.value){const y=E.value.getBoundingClientRect(),w=b.value.getBoundingClientRect();h.value&&r.value.length&&(h.value=!1,u.value=y.bottom+w.height>window.innerHeight&&window.innerHeight-y.bottom<y.top&&window.pageYOffset+y.top-w.height>0?"bottom-0 -translate-y-12":"top-0 translate-y-12");const N=b.value.querySelector('[data-result-index="'+s.value+'"]');if(N){let $=N.getBoundingClientRect();$.top<w.top?b.value.scrollTop-=w.top-$.top:$.bottom>w.bottom&&(b.value.scrollTop+=$.bottom-w.bottom)}}}),(y,w)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["inline-block relative",y.$attrs.class]),ref_key:"container",ref:C},[e.createElementVNode("input",e.mergeProps({ref_key:"input",ref:E,class:"block pr-10 w-full form-input focus:border-vxvue",value:t.modelValue},_.value,{onInput:w[0]||(w[0]=N=>S(N.target.value)),onKeydown:[e.withKeys(Ot,["enter"]),e.withKeys(It,["esc"]),e.withKeys(B,["tab"]),e.withKeys(e.withModifiers(A,["prevent"]),["up"]),e.withKeys(e.withModifiers(zt,["prevent"]),["down"])],onFocus:v,onBlur:D}),null,16,ee),e.createElementVNode("span",te,[g.value?(e.openBlock(),e.createElementBlock("svg",le,oe)):e.createCommentVNode("",!0)]),r.value.length?(e.openBlock(),e.createElementBlock("ul",e.mergeProps({key:0,ref_key:"resultList",ref:b},f.value,{onClick:jt,onMousedown:w[1]||(w[1]=e.withModifiers(()=>{},["prevent"]))}),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,(N,$)=>e.renderSlot(y.$slots,"result",{result:N,props:V.value[$]},()=>[(e.openBlock(),e.createElementBlock("li",e.mergeProps({key:V.value[$].id},V.value[$]),e.toDisplayString(t.getResultValue(N)),17))])),256))],16)):e.createCommentVNode("",!0)],2))}}),ae={key:0,class:"fixed inset-0 z-50 bg-black bg-opacity-50 backdrop-blur-sm","aria-hidden":"true"},re={key:0,class:"overflow-y-auto fixed inset-0 z-50"},se={class:"flex justify-center items-center min-h-screen text-center sm:block sm:p-0"},ce={key:0},ie=e.createElementVNode("span",{class:"hidden sm:inline-block sm:h-screen sm:align-middle","aria-hidden":"true"},"",-1),de={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"},me={class:"px-4 pb-4 mt-4 sm:px-6 sm:pb-6 sm:mt-5"},ue={class:"flex flex-row items-center"},fe={class:"flex-shrink-0"},pe={class:"flex-grow text-center"},he=["onClick"],ge={__name:"confirm",props:{buttons:{type:[Object,Array],default:{label:"Ok"},validator:t=>Array.isArray(t)&&t.length<=2&&t.filter(m=>m.label!=="undefined"&&m.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:m}){const l=t,a=e.ref(""),n=e.ref(""),o=e.ref(!1);let i=null,r=null;const s=e.computed(()=>Array.isArray(l.buttons)?l.buttons:[l.buttons]),d=e.ref(null);return m({open:(g,u)=>(a.value=g,n.value=u,o.value=!0,e.nextTick(()=>d.value.firstElementChild.focus()),new Promise((h,b)=>{i=h,r=b}))}),(g,u)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[o.value?(e.openBlock(),e.createElementBlock("div",ae)):e.createCommentVNode("",!0),e.createVNode(e.Transition,{name:"appear"},{default:e.withCtx(()=>[o.value?(e.openBlock(),e.createElementBlock("div",re,[e.createElementVNode("div",se,[o.value?(e.openBlock(),e.createElementBlock("div",ce,[ie,e.createElementVNode("div",de,[a.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(g.$slots,"title",{title:a.value},()=>[e.createTextVNode(e.toDisplayString(a.value),1)])],2)):e.createCommentVNode("",!0),e.createElementVNode("div",me,[e.createElementVNode("div",ue,[e.createElementVNode("div",fe,[e.renderSlot(g.$slots,"icon")]),e.createElementVNode("p",pe,[e.renderSlot(g.$slots,"default",{message:n.value},()=>[e.createTextVNode(e.toDisplayString(n.value),1)])])]),e.createElementVNode("div",{class:"flex justify-center mt-5 space-x-2 sm:mt-6",ref_key:"buttonsContainer",ref:d},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,(h,b)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass([t.buttonClass,h.class]),onClick:e.withModifiers(E=>{o.value=!1,b===0?e.unref(i)():e.unref(r)()},["prevent"])},e.toDisplayString(h.label),11,he))),256))],512)])])])):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0)]),_:3})],64))}};function ke(t,m){const l=e.ref(!1),a=e.toValue(m);let n,o=a.toLowerCase().replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),i=[];if((n=a.match(/\bd\b/gi))&&n.length===1)o=o.replace("d","(\\d{1,2})");else if((n=a.match(/\bdd\b/gi))&&n.length===1)o=o.replace("dd","(\\d{2})");else return{date:l};if(i.push({srcPos:a.toLowerCase().indexOf("d"),destPos:2}),(n=a.match(/\bm\b/gi))&&n.length===1)o=o.replace("m","(\\d{1,2})");else if((n=a.match(/\bmm\b/gi))&&n.length===1)o=o.replace("mm","(\\d{2})");else return{date:l};if(i.push({srcPos:a.toLowerCase().indexOf("m"),destPos:1}),(n=a.match(/\byyyy\b/gi))&&n.length===1)o=o.replace("yyyy","(\\d{4})");else return{date:l};if(i.push({srcPos:a.toLowerCase().indexOf("y"),destPos:0}),!(n=e.toValue(t).match(o)))return{date:l};n.shift(),i.sort((c,g)=>c.srcPos<g.srcPos?-1:1);let r=[],s,d;for(;s=n.shift();)d=i.shift(),r[d.destPos]=s;return r=Date.parse(r.join("-")),r&&(r=new Date(r),l.value=new Date(r.getFullYear(),r.getMonth(),r.getDate(),0,0,0)),{date:l}}const be={key:0},ye={class:"text-vxvue-700"},we=[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)],xe=[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)],Y={__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:m}){const l=m,a=t,n=e.ref(""),o=e.computed(()=>a.modelValue?I(a.modelValue,a.outputFormat):""),i=e.computed(()=>{let r=Object.assign({},e.useAttrs());return delete r.class,r});return e.watch(()=>a.modelValue,r=>n.value=r?I(r,a.outputFormat):""),(r,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["inline-block relative",r.$attrs.class])},[o.value?(e.openBlock(),e.createElementBlock("div",be,[e.createElementVNode("div",{class:e.normalizeClass(["block flex items-center w-full form-input bg-vxvue-50",{"pr-10":t.showButton}])},[e.createElementVNode("span",ye,e.toDisplayString(o.value),1),e.createElementVNode("button",{onClick:s[0]||(s[0]=d=>l("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"},we)],2)])):e.withDirectives((e.openBlock(),e.createElementBlock("input",e.mergeProps({key:1,type:"text",class:["block w-full form-input peer focus:border-vxvue",{"pr-10":t.showButton}],"onUpdate:modelValue":s[1]||(s[1]=d=>n.value=d),onBlur:s[2]||(s[2]=d=>{var c;return l("update:modelValue",((c=e.unref(ke)(n.value,a.inputFormat).date)==null?void 0:c.value)||null)}),onInput:s[3]||(s[3]=e.withModifiers(()=>{},["prevent"]))},i.value),null,16)),[[e.vModelText,n.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:s[4]||(s[4]=e.withModifiers(d=>l("toggle-datepicker"),["stop"]))},xe)):e.createCommentVNode("",!0),e.renderSlot(r.$slots,"default")],2))}};function R(t,m){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 H(t,m){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 Be(t,m){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 Ve(t,m){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 Ee(t,m){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 Ce={class:"flex flex-row items-center py-2 px-3 text-white bg-vxvue-700"},$e=["onClick"],Ne={class:"flex-grow text-center"},Se=["onClick"],_e={class:"grid grid-cols-7 gap-0.5 p-0.5"},Me=["disabled","onClick"],De={__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:m}){const l=t,a=m,n=(()=>{let f=new Date;return new Date(f.getFullYear(),f.getMonth(),f.getDate())})(),o=e.ref(new Date(n.getFullYear(),n.getMonth(),1)),i=e.ref(null),r=e.ref(!l.hasInput),s=e.ref("left-0"),d=e.ref("top-0"),c=e.ref(null),g=e.ref(null),u=e.computed(()=>l.hasInput?{class:["absolute",r.value?"block":"hidden"]}:{}),h=e.computed(()=>{const f=[],p=o.value.getFullYear(),k=o.value.getMonth(),B=new Date(p,k+1,0),S=new Date(p,k,0).getDay()+1-l.startOfWeekIndex,v=(6+l.startOfWeekIndex-B.getDay())%7;for(let D=-S,A=B.getDate()+v;D<A;++D)f.push(new Date(p,k,D+1));return f}),b=e.computed(()=>l.startOfWeekIndex?l.dayNames.slice(1).concat(l.dayNames[0]):l.dayNames.slice());e.watch(()=>l.modelValue,f=>{f?(i.value=new Date(f.getFullYear(),f.getMonth(),f.getDate()),o.value=new Date(i.value.getTime())):(i.value=null,o.value=new Date(n.getTime())),o.value.setDate(1)},{immediate:!0}),e.watch(r,f=>{f&&l.hasInput&&e.nextTick(()=>{const p=c.value.$el.getBoundingClientRect(),k=g.value.getBoundingClientRect();s.value=p.left+k.width>window.innerWidth?"right-0":"left-0",d.value=p.bottom+k.height>window.innerHeight?"bottom-0 -translate-y-12":"top-0 translate-y-12"})}),T(g,()=>r.value=!1);const E=()=>{o.value=new Date(o.value.getFullYear(),o.value.getMonth()-1,1),a("month-change",o.value)},C=()=>{o.value=new Date(o.value.getFullYear(),o.value.getMonth()+1,1),a("month-change",o.value)},V=f=>{i.value=f,a("update:modelValue",f),r.value=!l.hasInput},_=f=>{i.value=f,a("update:modelValue",f)};return(f,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["relative",f.$attrs.class])},[t.hasInput?(e.openBlock(),e.createBlock(Y,e.mergeProps({key:0,modelValue:i.value,onToggleDatepicker:p[0]||(p[0]=k=>r.value=!0),"onUpdate:modelValue":_},f.$attrs,{ref_key:"input",ref:c,class:"w-full",locale:t.locale}),{default:e.withCtx(()=>[e.renderSlot(f.$slots,"default")]),_:3},16,["modelValue","locale"])):e.createCommentVNode("",!0),e.createElementVNode("div",e.mergeProps({class:"z-10 bg-white shadow-md"},u.value,{ref_key:"calendar",ref:g,class:[s.value,d.value]}),[e.createElementVNode("div",Ce,[e.createElementVNode("button",{onClick:e.withModifiers(E,["stop"]),class:"flex-shrink-0 text-vxvue-100 hover:text-vxvue-50"},[e.createVNode(e.unref(R),{class:"w-6 h-6"})],8,$e),e.createElementVNode("div",Ne,e.toDisplayString(o.value.toLocaleString(t.locale,{month:"long"}))+" "+e.toDisplayString(o.value.getFullYear()),1),e.createElementVNode("button",{onClick:e.withModifiers(C,["stop"]),class:"flex-shrink-0 text-vxvue-100 hover:text-vxvue-50"},[e.createVNode(e.unref(H),{class:"w-6 h-6"})],8,Se)]),e.createElementVNode("div",_e,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value,(k,B)=>(e.openBlock(),e.createElementBlock("div",{class:"py-2 text-center bg-gray-200",key:B},e.toDisplayString(k),1))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,k=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["text-center",k.getMonth()-o.value.getMonth()===0?"text-vxvue-700":"text-gray-400"])},[e.createElementVNode("button",{class:e.normalizeClass([{"bg-vxvue-700 text-white":i.value&&k.getTime()===i.value.getTime(),"bg-gray-200":k.getTime()===e.unref(n).getTime(),"text-red-400":t.validFrom&&t.validFrom>k||t.validUntil&&t.validUntil<k},"py-2 px-3 rounded-sm"]),disabled:t.validFrom&&t.validFrom>k||t.validUntil&&t.validUntil<k,onClick:e.withModifiers(B=>t.validFrom&&t.validFrom>k||t.validUntil&&t.validUntil<k?null:V(k),["stop"])},e.toDisplayString(k.getDate()),11,Me)],2))),256))])],16)],2))}},ve=["for"],Fe=["id","multiple","accept"],Pe={__name:"form-file-button",props:{modelValue:{type:Array},accept:{type:String,default:"*"},multiple:{type:Boolean,default:!1},name:{type:String,default:"file"},id:{type:String,default:"form-file-button-"+Math.ceil(Math.random()*1e3)}},emits:["update:modelValue","form-data"],setup(t,{emit:m}){const l=m,a=t,n=i=>{const r=new FormData;for(let s of i)r.append(a.name,s,s.name);return r},o=i=>{const r=i.target.files||i.dataTransfer.files;if(r){const s=[...r];l("update:modelValue",s),l("form-data",n(s))}};return(i,r)=>(e.openBlock(),e.createElementBlock("label",{for:t.id},[e.renderSlot(i.$slots,"default",{},()=>[e.createTextVNode("Upload")]),e.createElementVNode("input",{type:"file",id:t.id,multiple:t.multiple,accept:t.accept,onChange:o,class:"hidden"},null,40,Fe)],8,ve))}},Te=["value"],Ae={key:0,disabled:"",value:""},Le=["value","selected"],U={__name:"form-select",props:{options:Array,modelValue:[String,Number],disabledLabel:String},emits:["update:modelValue"],setup(t,{emit:m}){const l=m;return(a,n)=>(e.openBlock(),e.createElementBlock("select",e.mergeProps(a.$attrs,{value:t.modelValue,class:"form-select",onChange:n[0]||(n[0]=o=>l("update:modelValue",o.target.value))}),[t.disabledLabel?(e.openBlock(),e.createElementBlock("option",Ae,e.toDisplayString(t.disabledLabel),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,o=>(e.openBlock(),e.createElementBlock("option",{value:o.key!==void 0?o.key:o.label||o,selected:(o.key!==void 0?o.key:o.label||o)===t.modelValue},e.toDisplayString(o.label||o),9,Le))),256))],16,Te))}},ze=["aria-checked"],Ie=["checked"],Oe={__name:"form-switch",props:["modelValue"],emits:["update:modelValue"],setup(t,{emit:m}){const l=t,a=m,n=e.computed(()=>l.modelValue?"bg-vxvue":"bg-slate-200"),o=e.computed(()=>l.modelValue?"translate-x-5":"translate-x-0"),i=e.computed(()=>{let r=Object.assign({},e.useAttrs());return delete r.class,r});return(r,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("label",{class:e.normalizeClass(r.$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":!!t.modelValue},[e.createElementVNode("span",{"aria-hidden":"true",class:e.normalizeClass([o.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:s[0]||(s[0]=d=>a("update:modelValue",d.target.checked))},i.value,{checked:t.modelValue}),null,16,Ie)],10,ze)],2),e.renderSlot(r.$slots,"default")],64))}},Kt="",K=(t,m)=>{const l=t.__vccOpts||t;for(const[a,n]of m)l[a]=n;return l},je=t=>(e.pushScopeId("data-v-1be10676"),t=t(),e.popScopeId(),t),Ye={"aria-live":"assertive",class:"flex fixed inset-0 z-50 items-start py-6 px-4 pointer-events-none sm:p-6"},Re={class:"flex flex-col items-center space-y-4 w-full"},He={class:"p-4"},Ue={class:"flex items-start"},Ke={class:"flex-shrink-0"},We={class:"flex-1 pt-0.5 ml-3 w-0"},qe={class:"font-bold"},Xe={class:"mt-1"},Ge={class:"flex flex-shrink-0 ml-4"},Ze=je(()=>e.createElementVNode("span",{class:"sr-only"},"Close",-1)),Je=K(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:m}){const l=t,a=m,n=e.ref(null),o=e.computed(()=>typeof l.message=="string"?[l.message]:l.message),i=()=>{window.clearTimeout(n.value),l.active&&l.timeout&&(n.value=window.setTimeout(()=>{a("timeout")},l.timeout))};return e.watch(()=>l.active,i),e.onMounted(i),(r,s)=>(e.openBlock(),e.createElementBlock("div",Ye,[e.createElementVNode("div",Re,[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",r.$attrs.class])},[e.createElementVNode("div",He,[e.createElementVNode("div",Ue,[e.createElementVNode("div",Ke,[e.renderSlot(r.$slots,"icon",{},void 0,!0)]),e.createElementVNode("div",We,[e.createElementVNode("p",qe,[e.renderSlot(r.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)],!0)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,d=>(e.openBlock(),e.createElementBlock("p",Xe,[e.renderSlot(r.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(d),1)],!0)]))),256))]),e.createElementVNode("div",Ge,[e.createElementVNode("button",{onClick:s[0]||(s[0]=d=>a("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"},[Ze,e.createVNode(e.unref(Ee),{class:"w-5 h-5"})])])])])],2)):e.createCommentVNode("",!0)]),_:3})])]))}}),[["__scopeId","data-v-1be10676"]]),Qe={key:0,class:"fixed inset-0 z-[9998] bg-white/50 backdrop-blur-sm","aria-hidden":"true"},et={key:0,class:"fixed inset-0 z-[9999]"},tt={class:"flex justify-center items-center h-screen"},lt={__name:"modal",props:{show:Boolean,containerClass:{type:String,default:"w-3/4 h-[90vh]"},headerClass:{type:String,default:""},contentClass:{type:String,default:""}},emits:["clicked-outside"],setup(t,{emit:m}){const l=m,a=e.ref(null);return T(a,()=>l("clicked-outside")),(n,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[t.show?(e.openBlock(),e.createElementBlock("div",Qe)):e.createCommentVNode("",!0),e.createVNode(e.Transition,{name:"appear"},{default:e.withCtx(()=>[t.show?(e.openBlock(),e.createElementBlock("div",et,[e.createElementVNode("div",tt,[e.createElementVNode("div",{class:e.normalizeClass(["overflow-hidden relative max-w-full bg-white rounded ring-1 ring-black ring-opacity-10 shadow-xl transition-all transform xl:max-w-screen-xl",t.containerClass]),ref_key:"container",ref:a},[e.createElementVNode("div",{class:e.normalizeClass(t.headerClass)},[e.renderSlot(n.$slots,"title")],2),e.createElementVNode("div",{class:e.normalizeClass(["overflow-y-auto h-full pb-4 mt-16",t.contentClass])},[e.renderSlot(n.$slots,"default")],2)],2)])])):e.createCommentVNode("",!0)]),_:3})],64))}},ot={class:"flex justify-between items-center px-4 sm:px-0"},nt={class:"flex flex-1 -mt-px w-0"},at=["onClick"],rt={class:"hidden md:flex md:-mt-px"},st={class:"flex flex-1 justify-end -mt-px w-0"},ct=["onClick"],it={__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:m}){const l=m,a=t,n=e.ref(Math.ceil(a.total/a.perPage)),o=e.ref(null),i=e.computed(()=>a.markerPosition==="above"?"border-t-2 pt-4":"border-b-2 pb-4"),r=e.computed(()=>{let c=[1];if(a.showAllPages||n.value<=7){for(let g=2;g<=n.value;++g)c.push(g);return c}return o.value>=n.value?c.push("dots",o.value-2,o.value-1):o.value-1&&o.value-1>1&&(o.value>1&&c.push("dots"),c.push(o.value-1)),o.value>1&&c.push(o.value),o.value+1<n.value&&(c.push(o.value+1),o.value<=1&&c.push(o.value+2),o.value+2<n.value&&c.push("dots")),o.value<n.value&&c.push(n.value),c}),s=()=>{o.value>1&&l("update:page",o.value-1)},d=()=>{o.value<n.value&&l("update:page",o.value+1)};return e.watch(()=>a.page,c=>o.value=Math.min(Math.max(c,1),n.value),{immediate:!0}),e.watch(()=>a.perPage,c=>{n.value=Math.ceil(a.total/a.perPage),l("update:page",1)}),e.watch(()=>a.total,c=>{n.value=Math.ceil(a.total/a.perPage),o.value>n.value&&l("update:page",1)}),(c,g)=>(e.openBlock(),e.createElementBlock("nav",ot,[e.createElementVNode("div",nt,[t.showNavButtons?(e.openBlock(),e.createElementBlock("a",{key:0,onClick:e.withModifiers(s,["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":o.value<=1},i.value]])},[e.createVNode(e.unref(R),{class:"w-5 h-5"}),e.createTextVNode(" "+e.toDisplayString(t.prevText),1)],10,at)):e.createCommentVNode("",!0)]),e.createElementVNode("div",rt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,(u,h)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(u!=="dots"?"a":"span"),{onClick:e.withModifiers(b=>u!=="dots"?l("update:page",u):null,["prevent"]),key:h,href:u!=="dots"?"#":null,class:e.normalizeClass(["inline-flex items-center px-4 text-sm font-medium",[{"border-vxvue-500 text-vxvue-700":u===o.value,"border-transparent text-gray-500":u!==o.value,"hover:text-gray-700 hover:border-gray-300":u!=="dots"},i.value]])},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u!=="dots"?u:"..."),1)]),_:2},1032,["onClick","href","class"]))),128))]),e.createElementVNode("div",st,[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",[i.value,{"cursor-default pointer-events-none":o.value>=n.value}]])},[e.createTextVNode(e.toDisplayString(t.nextText)+" ",1),e.createVNode(e.unref(H),{class:"w-5 h-5"})],10,ct)):e.createCommentVNode("",!0)])]))}};function dt(t,m){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 mt(t,m){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 ut=["value","type"],ft=Object.assign({inheritAttrs:!1},{__name:"password-input",props:["modelValue"],emits:["update:modelValue"],setup(t,{emit:m}){const l=m,a=e.ref(!1),n=e.computed(()=>{let o=Object.assign({},e.useAttrs());return delete o.class,o});return(o,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass("inline-block relative "+e.useAttrs().class)},[e.createElementVNode("input",e.mergeProps({value:t.modelValue,type:a.value?"text":"password",onInput:i[0]||(i[0]=r=>l("update:modelValue",r.target.value))},n.value,{class:"block pr-10 w-full form-input peer"}),null,16,ut),e.createElementVNode("button",{onClick:i[1]||(i[1]=e.withModifiers(r=>a.value=!a.value,["stop"])),class:"flex absolute inset-y-0 right-0 items-center pr-3 text-brand-700 hover:text-brand"},[a.value?(e.openBlock(),e.createBlock(e.unref(dt),{key:0,class:"w-5 h-5"})):(e.openBlock(),e.createBlock(e.unref(mt),{key:1,class:"w-5 h-5"}))]),e.renderSlot(o.$slots,"default")],2))}}),pt={class:"flex items-center pb-1"},ht=["id","checked"],gt=["for"],kt={key:1},bt=["href"],yt={key:0,class:"ml-6"},wt=Object.assign({inheritAttrs:!1},{__name:"simple-tree",props:{branch:{type:Object,default:{}}},emits:["branch-selected","expand"],setup(t,{emit:m}){const l=t,a=m,n=e.ref(!1);return e.onMounted(()=>{l.branch.current&&a("expand",!0)}),(o,i)=>{const r=e.resolveComponent("simple-tree",!0);return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([!t.branch.branches||!t.branch.branches.length?"terminates":"",o.$attrs.class])},[e.createElementVNode("div",pt,[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:i[0]||(i[0]=s=>n.value=!n.value),checked:n.value,class:"hidden"},null,8,ht),e.createElementVNode("label",{for:"branch-"+t.branch.id,class:"mr-2"},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.value?e.unref(Be):e.unref(Ve)),{class:"w-4 h-4 border"}))],8,gt)],64)):e.createCommentVNode("",!0),t.branch.current?(e.openBlock(),e.createElementBlock("strong",kt,e.toDisplayString(t.branch.label),1)):(e.openBlock(),e.createElementBlock("a",{key:2,href:t.branch.path,onClick:i[1]||(i[1]=e.withModifiers(s=>a("branch-selected",t.branch),["prevent"]))},e.toDisplayString(t.branch.label),9,bt))]),t.branch.branches&&t.branch.branches.length?e.withDirectives((e.openBlock(),e.createElementBlock("ul",yt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.branch.branches,s=>(e.openBlock(),e.createBlock(r,{branch:s,key:s.id,onBranchSelected:i[2]||(i[2]=d=>a("branch-selected",d)),onExpand:i[3]||(i[3]=d=>{n.value=d,a("expand",d)})},null,8,["branch"]))),128))],512)),[[e.vShow,n.value]]):e.createCommentVNode("",!0)],2)}}}),xt=["id","aria-valuenow"],Bt=["id","aria-valuenow","onFocus","onMousedown","onTouchstart"],Vt=Object.assign({inheritAttrs:!1},{__name:"slider",props:{min:{type:Number,default:0},max:{type:Number,default:100},vertical:Boolean,modelValue:{type:[Number,Array],validator(t){return typeof t=="number"||t.every(m=>typeof m=="number")}}},emits:["update:modelValue"],setup(t,{emit:m}){const l=t,a=m,n=e.useAttrs(),o=e.ref({x:null,y:null}),i=e.ref({w:null,h:null}),r=e.ref(!1),s=e.ref(null),d=e.ref(0),c=e.computed(()=>{const f=l.max,p=l.min;return l.modelValue instanceof Array?l.modelValue.map(k=>Math.max(Math.min(k,f),p)*100/(f-p)):Math.max(Math.min(l.modelValue,f),p)*100/(f-p)}),g=e.computed(()=>{if(l.modelValue instanceof Array){const f=Math.min(...c.value)+"%",p=Math.max(...c.value)-Math.min(...c.value)+"%";return l.vertical?{bottom:f,height:p}:{left:f,width:p}}return l.vertical?{bottom:0,height:c.value+"%"}:{width:c.value+"%"}}),u=e.ref({class:(l.vertical?"left-0 -translate-x-1.5 translate-y-2.5":"top-0 -translate-x-2.5 -translate-y-1.5")+" absolute w-5 h-5 bg-white rounded-full border-2 transition-colors duration-200 focus:ring-4 focus:outline-none border-vxvue cursor-grab touch-none hover:bg-vxvue focus:ring-vxvue/50",tabindex:0,role:"slider","aria-valuemin":l.min,"aria-valuemax":l.max}),h=f=>{let p=parseFloat(f.toFixed(10));if(p=Math.min(l.max,Math.max(l.min,p)),l.modelValue instanceof Array){let k=[...l.modelValue];k[d.value]=p,a("update:modelValue",k)}else a("update:modelValue",p)},b=f=>{const{pageX:p,pageY:k}=f.touches?f.touches[0]:f,B=l.vertical?(-k+o.value.y)/i.value.h:(p-o.value.x)/i.value.w;h(Math.floor((l.max-l.min)*B+l.min))},E=f=>{r.value&&(f.preventDefault(),b(f))},C=f=>{r.value=!0;const p=document.documentElement,k=s.value.getBoundingClientRect();o.value={x:k.left+p.scrollLeft-p.clientLeft,y:k.bottom+p.scrollTop-p.clientTop},i.value={w:s.value.offsetWidth,h:s.value.offsetHeight},f.currentTarget.focus(),document.addEventListener("mousemove",E),document.addEventListener("mouseup",V)},V=()=>{r.value&&(r.value=!1,document.removeEventListener("mousemove",E),document.removeEventListener("mouseup",V))},_=f=>{f.keyCode>=33&&f.keyCode<=40&&f.preventDefault();const p=l.modelValue[d.value]??l.modelValue;switch(f.keyCode){case 37:case 40:h(p-1);break;case 39:case 38:h(p+1);break;case 33:h(p+(l.max-l.min)/10);break;case 34:h(p-(l.max-l.min)/10);break;case 36:h(l.min);break;case 35:h(l.max)}};return(f,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["relative bg-slate-300",t.vertical?"h-full w-2 rounded-t-full rounded-b-full":"w-full h-2 rounded-r-full rounded-l-full"]),ref_key:"track",ref:s},[e.createElementVNode("div",{class:e.normalizeClass(["absolute bg-vxvue",t.vertical?"w-full rounded-t-full rounded-b-full":"h-full rounded-r-full rounded-l-full"]),style:e.normalizeStyle(g.value)},null,6),t.modelValue.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(t.modelValue,(k,B)=>(e.openBlock(),e.createElementBlock("button",e.mergeProps({id:B?null:e.unref(n).id,style:t.vertical?{bottom:c.value[B]+"%"}:{left:c.value[B]+"%"},"aria-valuenow":t.modelValue[B],onFocus:S=>d.value=B,onKeydown:_,onMousedown:e.withModifiers(S=>{d.value=B,C(S)},["prevent"]),onTouchstart:e.withModifiers(S=>{d.value=B,C(S)},["prevent"]),onTouchmove:E,onTouchend:V},u.value),null,16,Bt))),256)):(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:0,id:e.unref(n).id,style:t.vertical?{bottom:c.value+"%"}:{left:c.value+"%"},"aria-valuenow":t.modelValue,onFocus:p[0]||(p[0]=k=>d.value=0),onKeydown:_,onMousedown:p[1]||(p[1]=e.withModifiers(k=>{d.value=0,C(k)},["prevent"])),onTouchstart:p[2]||(p[2]=e.withModifiers(k=>{d.value=0,C(k)},["prevent"])),onTouchmove:E,onTouchend:V},u.value),null,16,xt))],2))}}),qt="",Et={class:"w-full divide-y divide-y-slate-900"},Ct={class:"text-white bg-slate-700"},$t=["onClick"],Nt={class:"flex items-center"},St={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"},_t=["d"],Mt={key:1,"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M8 9l4-4 4 4m0 6l-4 4-4-4"},Dt=K({__name:"sortable",props:{columns:{type:Array,required:!0,validator:t=>{for(const m of t)if(m.label===void 0||m.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:m}){const l=t,a=m,n=e.ref(l.sortProp),o=e.ref(l.sortDirection),i=e.computed(()=>{let s=l.rows.slice();const d=l.columns.find(({prop:c})=>c===n.value);return d&&(o.value==="asc"&&d.sortAscFunction?s.sort(d.sortAscFunction):o.value==="desc"&&d.sortDescFunction?s.sort(d.sortDescFunction):s.sort((c,g)=>c[n.value]<g[n.value]?o.value==="asc"?-1:1:c[n.value]>g[n.value]?o.value==="asc"?1:-1:0)),s.slice(l.offset||0,(l.offset||0)+(l.count||s.length))}),r=s=>{a("before-sort",{prop:n.value,dir:o.value}),n.value===s?o.value=o.value==="asc"?"desc":"asc":(n.value=s,o.value=o.value||"asc"),e.nextTick(()=>a("after-sort",{prop:n.value,dir:o.value}))};return(s,d)=>(e.openBlock(),e.createElementBlock("table",Et,[e.createElementVNode("thead",Ct,[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:n.value===c.prop},c.cssClass]]),onClick:g=>c.sortable?r(c.prop):null},[e.renderSlot(s.$slots,c.prop+"-header",{column:c,sortDir:o.value,sortProp:n.value},()=>[e.createElementVNode("div",Nt,[e.createElementVNode("span",null,e.toDisplayString(c.label),1),c.sortable?(e.openBlock(),e.createElementBlock("svg",St,[n.value===c.prop?(e.openBlock(),e.createElementBlock("path",{key:0,"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:o.value==="asc"?"M19 9l-7 7-7-7":"M5 15l7-7 7 7"},null,8,_t)):(e.openBlock(),e.createElementBlock("path",Mt))])):e.createCommentVNode("",!0)])],!0)],10,$t))),256))])]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.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,g=>(e.openBlock(),e.createElementBlock("td",{class:e.normalizeClass(["py-3 px-6 whitespace-nowrap",{active:n.value===g.prop}])},[e.renderSlot(s.$slots,g.prop,{row:c},()=>[e.createTextVNode(e.toDisplayString(c[g.prop]),1)],!0)],2))),256))],2))),128))])]))}},[["__scopeId","data-v-1c751c5a"]]),vt={class:"sm:hidden"},Ft={class:"hidden sm:block"},Pt={class:"border-b border-gray-200"},Tt={class:"flex -mb-px space-x-8","aria-label":"Tabs"},At=["onClick","aria-current"],Lt={__name:"tabs",props:{items:{type:Array,default:[]},activeIndex:{type:Number,default:0}},emits:["update:active-index"],setup(t,{emit:m}){const l=t,a=m,n=e.ref(l.items[l.activeIndex]||{}),o=e.computed(()=>{let r=[];return l.items.forEach((s,d)=>{s.disabled||r.push({label:s.name,key:d})}),r});e.watch(()=>l.activeIndex,r=>{n.value=l.items[r]||{}});const i=r=>{r.disabled||(n.value=r,a("update:active-index",l.items.indexOf(r)))};return(r,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",vt,[e.createVNode(U,{options:o.value,"model-value":t.activeIndex,"onUpdate:modelValue":s[0]||(s[0]=d=>a("update:activeIndex",d)),class:"w-full"},null,8,["options","model-value"])]),e.createElementVNode("div",Ft,[e.createElementVNode("div",Pt,[e.createElementVNode("nav",Tt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,d=>(e.openBlock(),e.createElementBlock("a",{key:d.name,href:"#",onClick:e.withModifiers(c=>i(d),["prevent"]),class:e.normalizeClass([n.value===d?"border-vxvue-500 text-vxvue-600":"border-transparent text-gray-900 hover:text-gray-700 hover:border-gray-300",d.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===d?"page":void 0},[e.renderSlot(r.$slots,"icon",{tab:d}),e.createElementVNode("span",null,[e.renderSlot(r.$slots,"default",{tab:d},()=>[e.createTextVNode(e.toDisplayString(d.name),1)])]),d.badge?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([n.value===d?"bg-vxvue-50 text-vxvue-700":"bg-gray-200 text-gray-900",d.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(d.badge),3)):e.createCommentVNode("",!0)],10,At))),128))])])])],64))}};x.Autocomplete=ne,x.Confirm=ge,x.DateInput=Y,x.Datepicker=De,x.FormFileButton=Pe,x.FormSelect=U,x.FormSwitch=Oe,x.MessageToast=Je,x.Modal=lt,x.Pagination=it,x.PasswordInput=ft,x.SimpleTree=wt,x.Slider=Vt,x.Sortable=Dt,x.Tabs=Lt,Object.defineProperty(x,Symbol.toStringTag,{value:"Module"})});
|
package/package.json
CHANGED
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
"./vx-vue.css": "./dist/style.css",
|
|
12
12
|
"./dist/*": "./dist/*"
|
|
13
13
|
},
|
|
14
|
-
"version": "0.7.
|
|
14
|
+
"version": "0.7.1",
|
|
15
15
|
"license": "MIT",
|
|
16
16
|
"homepage": "https://vxweb.net/vxvue/index.html",
|
|
17
17
|
"repository": "https://github.com/Vectrex/vxVue",
|
|
@@ -21,11 +21,11 @@
|
|
|
21
21
|
"preview": "vite preview"
|
|
22
22
|
},
|
|
23
23
|
"devDependencies": {
|
|
24
|
-
"vue": "^3.3.
|
|
24
|
+
"vue": "^3.3.8",
|
|
25
25
|
"tailwindcss": "^3.3.5",
|
|
26
26
|
"@tailwindcss/forms": "^0.5.6",
|
|
27
27
|
"@heroicons/vue": "^2.0.18",
|
|
28
|
-
"@vitejs/plugin-vue": "^4.4.
|
|
28
|
+
"@vitejs/plugin-vue": "^4.4.1",
|
|
29
29
|
"vite": "^4.5.0",
|
|
30
30
|
"@vueuse/core": "^10.5.0",
|
|
31
31
|
"rustywind": "^0.20.0"
|