dendelion-ui 0.0.30 → 0.0.32

package/dist/dendelion-ui.umd.js

@@ -1 +1 @@
-(function(d,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(d=typeof globalThis<"u"?globalThis:d||self,e(d.DendelionUI={},d.Vue))})(this,(function(d,e){"use strict";var R=(t=>(t[t.Primary=0]="Primary",t[t.PrimaryContent=1]="PrimaryContent",t[t.Secondary=2]="Secondary",t[t.SecondaryContent=3]="SecondaryContent",t[t.Accent=4]="Accent",t[t.AccentContent=5]="AccentContent",t[t.Neutral=6]="Neutral",t[t.NeutralContent=7]="NeutralContent",t[t.Base100=8]="Base100",t[t.Base200=9]="Base200",t[t.Base300=10]="Base300",t[t.BaseContent=11]="BaseContent",t[t.Info=12]="Info",t[t.InfoContent=13]="InfoContent",t[t.Success=14]="Success",t[t.SuccessContent=15]="SuccessContent",t[t.Warning=16]="Warning",t[t.WarningContent=17]="WarningContent",t[t.Error=18]="Error",t[t.ErrorContent=19]="ErrorContent",t))(R||{});class q{static toClassName(n){switch(n){case 0:return"bg-primary";case 1:return"bg-primary-content";case 2:return"bg-secondary";case 3:return"bg-secondary-content";case 4:return"bg-accent";case 5:return"bg-accent-content";case 6:return"bg-neutral";case 7:return"bg-neutral-content";case 8:return"base-100";case 9:return"bg-base-200";case 10:return"bg-base-300";case 11:return"bg-base-content";case 12:return"bg-info";case 13:return"bg-info-content";case 14:return"bg-success";case 15:return"bg-success-content";case 16:return"bg-warning";case 17:return"bg-warning-content";case 18:return"bg-error";case 19:return"bg-error-content";default:return"bg-base-content"}}}class I{static toClassName(n){switch(n){case 0:return"btn-primary";case 1:return"btn-primary-content";case 2:return"btn-secondary";case 3:return"btn-secondary-content";case 4:return"btn-accent";case 5:return"btn-accent-content";case 6:return"btn-neutral";case 7:return"btn-neutral-content";case 8:return"base-100";case 9:return"btn-base-200";case 10:return"btn-base-300";case 11:return"btn-base-content";case 12:return"btn-info";case 13:return"btn-info-content";case 14:return"btn-success";case 15:return"btn-success-content";case 16:return"btn-warning";case 17:return"btn-warning-content";case 18:return"btn-error";case 19:return"btn-error-content";default:return"btn-base-content"}}}class ne{static toClassName(n){switch(n){case 0:return"text-primary";case 1:return"text-primary-content";case 2:return"text-secondary";case 3:return"text-secondary-content";case 4:return"text-accent";case 5:return"text-accent-content";case 6:return"text-neutral";case 7:return"text-neutral-content";case 8:return"base-100";case 9:return"text-base-200";case 10:return"text-base-300";case 11:return"text-base-content";case 12:return"text-info";case 13:return"text-info-content";case 14:return"text-success";case 15:return"text-success-content";case 16:return"text-warning";case 17:return"text-warning-content";case 18:return"text-error";case 19:return"text-error-content";default:return"text-base-content"}}}var L=(t=>(t[t.XS=0]="XS",t[t.SM=1]="SM",t[t.MD=2]="MD",t[t.LG=3]="LG",t[t.XL=4]="XL",t[t.TWOXL=5]="TWOXL",t[t.THREEXL=6]="THREEXL",t))(L||{});class X{static toClassName(n){switch(n){case 0:return"btn-xs";case 1:return"btn-sm";case 2:return"btn-md";case 3:return"btn-lg";case 4:return"btn-xl";case 5:return"btn-2xl";case 6:return"btn-3xl";default:return"btn-md"}}}class K{static toClassName(n){switch(n){case 0:return"rounded-xs";case 1:return"rounded-sm";case 2:return"rounded-md";case 3:return"rounded-lg";case 4:return"rounded-xl";case 5:return"rounded-2xl";case 6:return"rounded-3xl";default:return"rounded-md"}}}class j{static toClassName(n){switch(n){case 0:return"table-xs";case 1:return"table-sm";case 2:return"table-md";case 3:return"table-lg";case 4:return"table-xl";case 5:return"table-2xl";case 6:return"table-3xl";default:return"table-md"}}}class H{static toClassName(n){switch(n){case 0:return"tabs-xs";case 1:return"tabs-sm";case 2:return"tabs-md";case 3:return"tabs-lg";case 4:return"tabs-xl";default:return"tabs-md"}}}function G(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var D={exports:{}};var J;function re(){return J||(J=1,(function(t){(function(){var n={}.hasOwnProperty;function a(){for(var r="",i=0;i<arguments.length;i++){var p=arguments[i];p&&(r=o(r,l(p)))}return r}function l(r){if(typeof r=="string"||typeof r=="number")return r;if(typeof r!="object")return"";if(Array.isArray(r))return a.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var i="";for(var p in r)n.call(r,p)&&r[p]&&(i=o(i,p));return i}function o(r,i){return i?r?r+" "+i:r+i:r}t.exports?(a.default=a,t.exports=a):window.classNames=a})()})(D)),D.exports}var ae=re();const T=G(ae),oe=["type","disabled"],se={class:"group-[.is-loading]:text-transparent"},le=e.defineComponent({__name:"Button",props:{type:{default:"button"},loading:{type:Boolean},color:{default:R.Neutral},soft:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},disabled:{type:Boolean},click:{}},setup(t){const n=t,a=e.computed(()=>T("btn","group",I.toClassName(n.color),n.soft?"btn-soft":"",n.outline?"btn-outline":"",n.loading?"is-loading":"",n.disabled?"disabled":""));return(l,o)=>(e.openBlock(),e.createElementBlock("button",{onClick:o[0]||(o[0]=r=>t.click?t.click:void 0),class:e.normalizeClass(a.value),type:t.type,disabled:t.disabled||t.loading},[o[1]||(o[1]=e.createElementVNode("span",{class:"loading loading-spinner loading-md absolute hidden group-[.is-loading]:block"},null,-1)),e.createElementVNode("span",se,[e.renderSlot(l.$slots,"default")])],10,oe))}}),W=(t,n)=>{const a=t.__vccOpts||t;for(const[l,o]of n)a[l]=o;return a},ce={};function ie(t,n){return e.openBlock(),e.createElementBlock("button")}const de=W(ce,[["render",ie]]),ue=e.defineComponent({__name:"Card",props:{backgroundColor:{default:R.Primary},shadow:{type:Boolean,default:!1},fullWidth:{type:Boolean,default:!1},rounded:{type:Boolean},roundedSize:{}},setup(t){const n=t,a=e.ref(T("card",q.toClassName(n.backgroundColor),n.shadow?"shadow-lg":"",n.fullWidth?"w-full":"",n.rounded&&!n.roundedSize?"rounded":n.roundedSize?K.toClassName(n.roundedSize):""));return(l,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(a.value)},[e.renderSlot(l.$slots,"default")],2))}}),fe={},pe={class:"card-body"};function me(t,n){return e.openBlock(),e.createElementBlock("div",pe,[e.renderSlot(t.$slots,"default")])}const be=W(fe,[["render",me]]),he=e.defineComponent({__name:"CardTitle",props:{is:{default:"h1"},text:{default:""}},setup(t){return(n,a)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.is),{class:"card-title"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.text),1)]),_:1}))}}),ge=e.defineComponent({__name:"Container",props:{container:{type:Boolean,default:!0},padding:{type:Boolean,default:!0}},setup(t){const n=t,a=e.ref([n.container?"container":"",n.padding?"p-6":""]);return(l,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(a.value)},[e.renderSlot(l.$slots,"default")],2))}});var O={},P={},Z;function Y(){return Z||(Z=1,(function(t){t.__esModule=!0,t.default=o;var n=/[\u0300-\u036f]/g,a=/ł/g,l=/ñ/g;function o(r){return r.toLowerCase().normalize("NFD").replace(n,"").replace(a,"l").replace(l,"n").trim()}})(P)),P}var $={},Q;function v(){if(Q)return $;Q=1,$.__esModule=!0,$.aggressiveFuzzyMatch=B,$.createFuzzySearchImpl=k,$.experimentalSmartFuzzyMatch=w,$.fuzzyMatchImpl=h;var t=n(Y());function n(s){return s&&s.__esModule?s:{default:s}}var a=Number.MAX_SAFE_INTEGER,l=function(c,u){return c.score-u.score},o=function(c,u){return c[0]-u[0]},r=new Set(`  []()-–—'"“”`.split(""));function i(s){return r.has(s)}function p(s,c,u,_,f,g,b){if(s===_)return[0,[[0,s.length-1]]];var m=_.length,y=c.length,x=f.length;if(c===f)return[.1,[[0,y-1]]];if(c.startsWith(f))return[.5,[[0,x-1]]];var S=s.indexOf(_);if(S>-1&&i(s[S-1]))return[.9,[[S,S+m-1]]];var C=c.indexOf(f);if(C>-1&&i(c[C-1]))return[1,[[C,C+m-1]]];var E=g.length;if(E>1&&g.every(function(V){return u.has(V)})){var z=1.5+E*.2;return[z,g.map(function(V){var M=c.indexOf(V);return[M,M+V.length-1]}).sort(o)]}return C>-1?[2,[[C,C+m-1]]]:b==="aggressive"?B(c,f):b==="smart"?w(c,f):null}function B(s,c){for(var u=s.length,_=c.length,f=0,g=c[f],b=[],m=-1,y=-2,x=0;x<u;x+=1)if(s[x]===g){if(x!==y+1&&(m>=0&&b.push([m,y]),m=x),y=x,f+=1,f===_)return b.push([m,y]),N(b,s);g=c[f]}return null}function w(s,c){for(var u=s.length,_=[],f=0,g=c[f],b=-1,m=-2;;){var y=s.indexOf(g,m+1);if(y===-1)break;if(y===0||i(s[y-1]))b=y;else{var x=c.length-f,S=s.length-y,C=Math.min(3,x,S),E=c.slice(f,f+C);if(s.slice(y,y+C)===E)b=y;else{m+=1;continue}}for(m=b;m<u&&s[m]===g;m+=1)f+=1,g=c[f];if(m-=1,_.push([b,m]),f===c.length)return N(_,s)}return null}function N(s,c){var u=2;return s.forEach(function(_){var f=_[0],g=_[1],b=g-f+1,m=f===0||c[f]===" "||c[f-1]===" ",y=g===c.length-1||c[g]===" "||c[g+1]===" ",x=m&&y;x?u+=.2:m?u+=.4:b>=3?u+=.8:u+=1.6}),[u,s]}function h(s,c){var u=(0,t.default)(c),_=u.split(" "),f=(0,t.default)(s),g=new Set(f.split(" ")),b=p(s,f,g,c,u,_,"smart");return b?{item:s,score:b[0],matches:[b[1]]}:null}function k(s,c){var u=c.strategy,_=u===void 0?"aggressive":u,f=c.getText,g=s.map(function(b){var m;if(f)m=f(b);else{var y=c.key?b[c.key]:b;m=[y]}var x=m.map(function(S){var C=S||"",E=(0,t.default)(C),z=new Set(E.split(" "));return[C,E,z]});return[b,x]});return function(b){var m=[],y=(0,t.default)(b),x=y.split(" ");return y.length?(g.forEach(function(S){for(var C=S[0],E=S[1],z=a,V=[],M=0,nt=E.length;M<nt;M+=1){var U=E[M],rt=U[0],at=U[1],ot=U[2],A=p(rt,at,ot,b,y,x,_);A?(z=Math.min(z,A[0]),V.push(A[1])):V.push(null)}z<a&&m.push({item:C,score:z,matches:V})}),m.sort(l),m):[]}}return $}var ee;function ye(){return ee||(ee=1,(function(t){t.__esModule=!0,t.default=l,t.fuzzyMatch=o;var n=a(Y());t.normalizeText=n.default;function a(r){return r&&r.__esModule?r:{default:r}}function l(r,i){return i===void 0&&(i={}),v().createFuzzySearchImpl(r,i)}function o(r,i){return v().fuzzyMatchImpl(r,i)}})(O)),O}var ke=ye();const Be=G(ke),F=(t,n)=>!t||typeof t!="object"?String(t):n.split(".").reduce((a,l)=>a&&(typeof a=="object"?a[l]:a),t),_e=()=>t=>t,xe={key:0},Ce={key:0},Se=["innerHTML"],Ee={key:1},we={key:2},te=e.defineComponent({__name:"TableColumn",props:{column:{},row:{},rowIndex:{}},setup(t){const n=t,a=e.computed(()=>n.column.render?n.column.render(F(n.row,n.column.data),n.row):F(n.row,n.column.data));e.onMounted(()=>{a.value&&typeof a.value=="object"&&"then"in a.value&&console.warn("Async component detected in TableColumn, this may cause issues with rendering.")});const l=(r,i)=>i.render===void 0?{}:i.render(F(r,i.data),r).props,o=r=>(console.log("getComponent",r),r&&typeof r=="object"&&"then"in r?e.defineAsyncComponent(()=>r):typeof r=="function"?e.defineAsyncComponent(r):r);return(r,i)=>(e.openBlock(),e.createElementBlock("td",null,[t.column.render?t.row?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[a.value?(e.openBlock(),e.createElementBlock("div",xe,[typeof a.value=="string"?(e.openBlock(),e.createElementBlock("div",Ce,[e.createElementVNode("div",{innerHTML:a.value},null,8,Se)])):e.isVNode(a.value)?(e.openBlock(),e.createElementBlock("div",Ee,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.value)))])):(e.openBlock(),e.createElementBlock("div",we,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o(a.value.component)),e.normalizeProps(e.guardReactiveProps(l(t.row,t.column))),null,16))]))])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(e.unref(F)(t.row,t.column.data)),1)],64))]))}}),Ne={key:0},ze={key:1},Ve={key:0},Te=["colspan"],$e=["onClick"],Me={key:2},Le={key:0},Fe=["colspan"],Re=e.defineComponent({__name:"Table",props:{zebra:{type:Boolean,default:!1},pinRows:{type:Boolean,default:!1},pinCols:{type:Boolean,default:!1},horizontal:{type:Boolean,default:!1},size:{default:L.MD},customRowClasses:{default:void 0},columns:{},dataSource:{},ajax:{},searchValue:{},searchFunction:{},onRowClick:{}},setup(t){const n=e.ref([]),a=e.ref([]),l=e.ref(null),o=t,r=e.ref(T(o.customRowClasses,{hover:o.onRowClick})),i=e.ref(T("table",j.toClassName(o.size),{"table-zebra":o.zebra,"table-pin-rows":o.pinRows,"table-pin-cols	":o.pinCols})),p=(h,k)=>{o.onRowClick&&o.onRowClick(h,k)};e.onMounted(()=>{n.value=o.dataSource,a.value=o.dataSource}),e.watch(()=>o.dataSource,h=>{n.value=h,a.value=h},{immediate:!0}),e.watch(()=>o.searchValue,h=>{if(o.searchFunction){a.value=o.searchFunction(h??"");return}a.value=h?N(h):n.value},{immediate:!0});const B=(h,k="")=>Object.keys(h).flatMap(s=>{const c=h[s],u=k?`${k}.${s}`:s;return c!==null&&typeof c=="object"?B(c,u):[u]}),w=(h,k)=>k.split(".").reduce((s,c)=>s!==null&&typeof s=="object"?s[c]:void 0,h),N=h=>{const k=[];return n.value.length>0?(B(n.value[0]).forEach(c=>{const u=n.value.map(g=>w(g,c)),f=Be(u)(h);for(const g of f){const b=n.value.filter(m=>w(m,c)===g.item);k.push(...b)}}),[...new Set(k)]):[]};return(h,k)=>(e.openBlock(),e.createElementBlock("table",{ref_key:"table",ref:l,class:e.normalizeClass(i.value)},[t.horizontal?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("thead",Ne,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.columns,s=>(e.openBlock(),e.createElementBlock("th",{key:s.title},e.toDisplayString(s.title),1))),128))])])),t.horizontal?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("tbody",ze,[a.value.length===0?(e.openBlock(),e.createElementBlock("tr",Ve,[e.createElementVNode("td",{colspan:o.columns.length},"No data found",8,Te)])):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(a.value,(s,c)=>(e.openBlock(),e.createElementBlock("tr",{class:e.normalizeClass(r.value),key:JSON.stringify(s),onClick:u=>p(s,c)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.columns,u=>(e.openBlock(),e.createBlock(te,{key:u.data,column:u,row:s,rowIndex:c},null,8,["column","row","rowIndex"]))),128))],10,$e))),128))])),t.horizontal?(e.openBlock(),e.createElementBlock("tbody",Me,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.columns,s=>(e.openBlock(),e.createElementBlock("tr",{key:s.title},[e.createElementVNode("th",null,e.toDisplayString(s.title),1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,(c,u)=>(e.openBlock(),e.createBlock(te,{key:u,column:s,row:c,rowIndex:u},null,8,["column","row","rowIndex"]))),128))]))),128)),a.value.length===0?(e.openBlock(),e.createElementBlock("tr",Le,[e.createElementVNode("td",{colspan:o.columns.length+1,style:{"text-align":"center",padding:"1rem"}}," No data found ",8,Fe)])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],2))}}),De=e.defineComponent({__name:"Stepper",props:{value:{}},emits:["update:value"],setup(t,{expose:n,emit:a}){const l=t,o=e.ref(l.value),r=a,i=p=>{o.value=p,r("update:value",p)};return e.provide("stepper",{value:o,updateValue:i}),e.watch(()=>l.value,p=>{o.value=p}),n({updateValue:i}),(p,B)=>e.renderSlot(p.$slots,"default",{updateValue:i})}}),We=e.defineComponent({__name:"Step",props:{value:{}},setup(t){const n=t,a=e.inject("stepper"),l=e.ref("");return e.watch(()=>a?.value.value,o=>{o&&n.value&&(l.value=Number(o)>=Number(n.value)?"step-primary":"")}),e.onMounted(()=>{a&&(l.value=a.value.value===n.value?"step-primary":"",Number(a.value.value)>=Number(n.value)&&(l.value="step-primary"))}),(o,r)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(["step",l.value])},[e.renderSlot(o.$slots,"default")],2))}}),Oe={},Pe={class:"steps"};function Ue(t,n){return e.openBlock(),e.createElementBlock("ul",Pe,[e.renderSlot(t.$slots,"default")])}const Ae=W(Oe,[["render",Ue]]),qe={key:0},Ie=e.defineComponent({__name:"StepPanels",setup(t){const n=e.inject("stepper");return(a,l)=>(e.openBlock(),e.createBlock(e.Transition,{name:"fade",mode:"out-in"},{default:e.withCtx(()=>[e.unref(n)?.value?(e.openBlock(),e.createElementBlock("div",qe,[e.renderSlot(a.$slots,"default",{currentStep:e.unref(n)?.value})])):e.createCommentVNode("",!0)]),_:3}))}}),Xe={key:0},Ke=e.defineComponent({__name:"StepPanel",props:{value:{}},setup(t,{expose:n}){const a=e.computed(()=>l?.value.value),l=e.inject("stepper"),o=r=>{l&&l.updateValue(r.toString())};return n({activateCallback:o}),(r,i)=>t.value===a.value?(e.openBlock(),e.createElementBlock("div",Xe,[e.renderSlot(r.$slots,"default",{activateCallback:o})])):e.createCommentVNode("",!0)}}),je={key:0,method:"dialog"},He=e.defineComponent({__name:"Modal",props:{closeButton:{type:Boolean,default:!0},overflow:{type:Boolean,default:!1},closeButtonSize:{default:L.SM},extraBoxClasses:{}},emits:["close"],setup(t,{expose:n,emit:a}){const l=e.ref(null),o=a,r=t,i=e.ref(T("modal-box",r.extraBoxClasses,{"overflow-visible":r.overflow})),p=e.ref(T("modal")),B=e.ref(T("btn",X.toClassName(r.closeButtonSize),"btn-circle","btn-ghost","absolute","right-2","top-2"));return n({showModal:()=>{l.value?.showModal()},closeModal:()=>{l.value?.close()}}),(h,k)=>(e.openBlock(),e.createElementBlock("dialog",{ref_key:"modal",ref:l,class:e.normalizeClass([p.value,h.$attrs.class]),"aria-modal":"true","aria-hidden":"true",role:"dialog",onClose:k[0]||(k[0]=s=>o("close",s))},[e.createElementVNode("div",{class:e.normalizeClass(i.value)},[t.closeButton?(e.openBlock(),e.createElementBlock("form",je,[e.createElementVNode("button",{class:e.normalizeClass(B.value)},"✕",2)])):e.createCommentVNode("",!0),e.renderSlot(h.$slots,"default")],2),k[1]||(k[1]=e.createElementVNode("form",{method:"dialog",class:"modal-backdrop"},[e.createElementVNode("button",null,"close")],-1))],34))}}),Ge={class:"hidden w-full max-w-sm lg:flex"},Je={class:"relative mx-3 w-full"},Ze={class:"relative w-full max-w-full"},Ye=["value"],Qe=e.defineComponent({__name:"SearchBar",props:["modelValue"],emits:["update:modelValue"],setup(t,{emit:n}){const a=t,l=e.ref(null),o=n,r=i=>{(i.ctrlKey||i.metaKey)&&i.key.toLowerCase()==="k"&&(i.preventDefault(),l.value&&l.value.focus())};return e.onMounted(()=>{document.addEventListener("keydown",r)}),e.onUnmounted(()=>{document.removeEventListener("keydown",r)}),(i,p)=>(e.openBlock(),e.createElementBlock("div",Ge,[e.createElementVNode("label",Je,[p[1]||(p[1]=e.createElementVNode("svg",{class:"pointer-events-none absolute z-10 my-3.5 ms-4 text-base-content opacity-60","aria-hidden":"true",width:"16",height:"16",viewBox:"0.48 0.48 23.04 23.04",fill:"currentColor"},[e.createElementVNode("path",{fill:"none",d:"M0 0h24v24H0z"}),e.createElementVNode("path",{d:"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"})],-1)),e.createElementVNode("div",Ze,[e.createElementVNode("form",null,[e.createElementVNode("input",{ref_key:"searchInput",ref:l,type:"search",placeholder:"Zoeken...",value:a.modelValue,onInput:p[0]||(p[0]=B=>o("update:modelValue",B.target.value)),class:"color-[inherit] w-full rounded-xl border-[2px] border-solid border-transparent bg-transparent px-3 py-2 ps-10 focus:border-[2px] focus:border-base-200 focus:outline-none"},null,40,Ye)])]),p[2]||(p[2]=e.createElementVNode("div",{class:"pointer-events-none absolute end-10 top-2.5 hidden gap-1 opacity-50 lg:flex rtl:flex-row-reverse"},[e.createElementVNode("kbd",{class:"kbd kbd-sm"},"ctrl"),e.createElementVNode("kbd",{class:"kbd kbd-sm"},"K")],-1))])]))}}),ve=["name","value"],et=e.defineComponent({__name:"Tabs",props:{box:{type:Boolean,default:!1},border:{type:Boolean,default:!1},lift:{type:Boolean,default:!1},fullWidth:{type:Boolean,default:!1},placement:{default:"top"},size:{default:L.MD},items:{},activeTab:{default:0}},setup(t,{expose:n}){const a=Math.random().toString(36).substring(2,15),l=t,o=e.computed(()=>100/l.items.length),r=e.computed(()=>["tabs",l.placement==="top"?"tabs-top":"tabs-bottom",`${H.toClassName(l.size)}`,{"tabs-box":l.box,"tabs-border":l.border,"tabs-lift":l.lift}]),i=e.ref(l.activeTab??0),p=B=>{i.value=B};return e.watch(()=>l.activeTab,B=>{i.value=B}),n({activeIndex:i,setActiveTab:p}),(B,w)=>(e.openBlock(),e.createElementBlock("div",{role:"tablist",class:e.normalizeClass(r.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.items,(N,h)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:h},[e.createElementVNode("label",{class:"tab",style:e.normalizeStyle(l.fullWidth?{width:o.value+"%"}:{})},[e.withDirectives(e.createElementVNode("input",{type:"radio",name:e.unref(a),value:h,"onUpdate:modelValue":w[0]||(w[0]=k=>i.value=k)},null,8,ve),[[e.vModelRadio,i.value]]),e.createTextVNode(" "+e.toDisplayString(N.label),1)],4),e.createElementVNode("div",{class:e.normalizeClass(["tab-content p-6",N.disabled?"tab-disabled":""])},[e.renderSlot(B.$slots,N.slot)],2)],64))),128))],2))}}),tt=["bg-primary","bg-primary-content","bg-secondary","bg-secondary-content","bg-accent","bg-accent-content","bg-neutral","bg-neutral-content","bg-base-100","bg-base-200","bg-base-300","bg-base-content","bg-info","bg-info-content","bg-success","bg-success-content","bg-warning","bg-warning-content","bg-error","bg-error-content","btn-primary","btn-primary-content","btn-secondary","btn-secondary-content","btn-accent","btn-accent-content","btn-neutral","btn-neutral-content","btn-base-100","btn-base-200","btn-base-300","btn-base-content","btn-info","btn-info-content","btn-success","btn-success-content","btn-warning","btn-warning-content","btn-error","btn-error-content","text-primary","text-primary-content","text-secondary","text-secondary-content","text-accent","text-accent-content","text-neutral","text-neutral-content","text-base-100","text-base-200","text-base-300","text-base-content","text-info","text-info-content","text-success","text-success-content","text-warning","text-warning-content","text-error","text-error-content","text-transparent","step","steps","modal","modal-box","btn","btn-sm","btn-circle","btn-ghost","absolute","right-2","top-2","shadow-lg","w-full","rounded-xs","rounded-sm","rounded-md","rounded-lg","rounded-xl","rounded-2xl","rounded-3xl","hidden","block"];d.BackgroundColorUtils=q,d.Button=le,d.ButtonColorUtils=I,d.ButtonSizeUtils=X,d.Card=ue,d.CardBody=be,d.CardTitle=he,d.Color=R,d.Container=ge,d.Modal=He,d.RoundedSizeUtils=K,d.SearchBar=Qe,d.SimpleButton=de,d.Size=L,d.Step=We,d.StepList=Ae,d.StepPanel=Ke,d.StepPanels=Ie,d.Stepper=De,d.Table=Re,d.TableSizeUtils=j,d.Tabs=et,d.TabsSizeUtils=H,d.TextColorUtils=ne,d.defineColumns=_e,d.dendelionSafeList=tt,d.getValue=F,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})}));
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("vue")):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.DendelionUI={},e.Vue))})(this,function(e,t){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var n=Object.create,r=Object.defineProperty,i=Object.getOwnPropertyDescriptor,a=Object.getOwnPropertyNames,o=Object.getPrototypeOf,s=Object.prototype.hasOwnProperty,c=(e,t)=>()=>(t||(e((t={exports:{}}).exports,t),e=null),t.exports),l=(e,t,n,o)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var c=a(t),l=0,u=c.length,d;l<u;l++)d=c[l],!s.call(e,d)&&d!==n&&r(e,d,{get:(e=>t[e]).bind(null,d),enumerable:!(o=i(t,d))||o.enumerable});return e},u=(e,t,i)=>(i=e==null?{}:n(o(e)),l(t||!e||!e.__esModule?r(i,`default`,{value:e,enumerable:!0}):i,e)),d=function(e){return e[e.Primary=0]=`Primary`,e[e.PrimaryContent=1]=`PrimaryContent`,e[e.Secondary=2]=`Secondary`,e[e.SecondaryContent=3]=`SecondaryContent`,e[e.Accent=4]=`Accent`,e[e.AccentContent=5]=`AccentContent`,e[e.Neutral=6]=`Neutral`,e[e.NeutralContent=7]=`NeutralContent`,e[e.Base100=8]=`Base100`,e[e.Base200=9]=`Base200`,e[e.Base300=10]=`Base300`,e[e.BaseContent=11]=`BaseContent`,e[e.Info=12]=`Info`,e[e.InfoContent=13]=`InfoContent`,e[e.Success=14]=`Success`,e[e.SuccessContent=15]=`SuccessContent`,e[e.Warning=16]=`Warning`,e[e.WarningContent=17]=`WarningContent`,e[e.Error=18]=`Error`,e[e.ErrorContent=19]=`ErrorContent`,e}({}),f=class{static toClassName(e){switch(e){case 0:return`bg-primary`;case 1:return`bg-primary-content`;case 2:return`bg-secondary`;case 3:return`bg-secondary-content`;case 4:return`bg-accent`;case 5:return`bg-accent-content`;case 6:return`bg-neutral`;case 7:return`bg-neutral-content`;case 8:return`base-100`;case 9:return`bg-base-200`;case 10:return`bg-base-300`;case 11:return`bg-base-content`;case 12:return`bg-info`;case 13:return`bg-info-content`;case 14:return`bg-success`;case 15:return`bg-success-content`;case 16:return`bg-warning`;case 17:return`bg-warning-content`;case 18:return`bg-error`;case 19:return`bg-error-content`;default:return`bg-base-content`}}},p=class{static toClassName(e){switch(e){case 0:return`btn-primary`;case 1:return`btn-primary-content`;case 2:return`btn-secondary`;case 3:return`btn-secondary-content`;case 4:return`btn-accent`;case 5:return`btn-accent-content`;case 6:return`btn-neutral`;case 7:return`btn-neutral-content`;case 8:return`base-100`;case 9:return`btn-base-200`;case 10:return`btn-base-300`;case 11:return`btn-base-content`;case 12:return`btn-info`;case 13:return`btn-info-content`;case 14:return`btn-success`;case 15:return`btn-success-content`;case 16:return`btn-warning`;case 17:return`btn-warning-content`;case 18:return`btn-error`;case 19:return`btn-error-content`;default:return`btn-base-content`}}},m=class{static toClassName(e){switch(e){case 0:return`text-primary`;case 1:return`text-primary-content`;case 2:return`text-secondary`;case 3:return`text-secondary-content`;case 4:return`text-accent`;case 5:return`text-accent-content`;case 6:return`text-neutral`;case 7:return`text-neutral-content`;case 8:return`base-100`;case 9:return`text-base-200`;case 10:return`text-base-300`;case 11:return`text-base-content`;case 12:return`text-info`;case 13:return`text-info-content`;case 14:return`text-success`;case 15:return`text-success-content`;case 16:return`text-warning`;case 17:return`text-warning-content`;case 18:return`text-error`;case 19:return`text-error-content`;default:return`text-base-content`}}},h=function(e){return e[e.XS=0]=`XS`,e[e.SM=1]=`SM`,e[e.MD=2]=`MD`,e[e.LG=3]=`LG`,e[e.XL=4]=`XL`,e[e.TWOXL=5]=`TWOXL`,e[e.THREEXL=6]=`THREEXL`,e}({}),g=class{static toClassName(e){switch(e){case 0:return`btn-xs`;case 1:return`btn-sm`;case 2:return`btn-md`;case 3:return`btn-lg`;case 4:return`btn-xl`;case 5:return`btn-2xl`;case 6:return`btn-3xl`;default:return`btn-md`}}},_=class{static toClassName(e){switch(e){case 0:return`rounded-xs`;case 1:return`rounded-sm`;case 2:return`rounded-md`;case 3:return`rounded-lg`;case 4:return`rounded-xl`;case 5:return`rounded-2xl`;case 6:return`rounded-3xl`;default:return`rounded-md`}}},v=class{static toClassName(e){switch(e){case 0:return`table-xs`;case 1:return`table-sm`;case 2:return`table-md`;case 3:return`table-lg`;case 4:return`table-xl`;case 5:return`table-2xl`;case 6:return`table-3xl`;default:return`table-md`}}},y=class{static toClassName(e){switch(e){case 0:return`tabs-xs`;case 1:return`tabs-sm`;case 2:return`tabs-md`;case 3:return`tabs-lg`;case 4:return`tabs-xl`;default:return`tabs-md`}}},b=u(c(((e,t)=>{(function(){"use strict";var e={}.hasOwnProperty;function n(){for(var e=``,t=0;t<arguments.length;t++){var n=arguments[t];n&&(e=i(e,r(n)))}return e}function r(t){if(typeof t==`string`||typeof t==`number`)return t;if(typeof t!=`object`)return``;if(Array.isArray(t))return n.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes(`[native code]`))return t.toString();var r=``;for(var a in t)e.call(t,a)&&t[a]&&(r=i(r,a));return r}function i(e,t){return t?e?e+` `+t:e+t:e}t!==void 0&&t.exports?(n.default=n,t.exports=n):typeof define==`function`&&typeof define.amd==`object`&&define.amd?define(`classnames`,[],function(){return n}):window.classNames=n})()}))(),1),x=[`type`,`disabled`],S={class:`group-[.is-loading]:text-transparent`},C=(0,t.defineComponent)({__name:`Button`,props:{type:{default:`button`},loading:{type:Boolean},color:{default:d.Neutral},soft:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},disabled:{type:Boolean},click:{}},setup(e){let n=e,r=(0,t.computed)(()=>(0,b.default)(`btn`,`group`,p.toClassName(n.color),n.soft?`btn-soft`:``,n.outline?`btn-outline`:``,n.loading?`is-loading`:``,n.disabled?`disabled`:``));return(n,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`button`,{onClick:i[0]||=t=>e.click?e.click:void 0,class:(0,t.normalizeClass)(r.value),type:e.type,disabled:e.disabled||e.loading},[i[1]||=(0,t.createElementVNode)(`span`,{class:`loading loading-spinner loading-md absolute hidden group-[.is-loading]:block`},null,-1),(0,t.createElementVNode)(`span`,S,[(0,t.renderSlot)(n.$slots,`default`)])],10,x))}}),w=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},T={};function ee(e,n){return(0,t.openBlock)(),(0,t.createElementBlock)(`button`)}var E=w(T,[[`render`,ee]]),D=(0,t.defineComponent)({__name:`Card`,props:{backgroundColor:{default:d.Primary},shadow:{type:Boolean,default:!1},fullWidth:{type:Boolean,default:!1},rounded:{type:Boolean},roundedSize:{}},setup(e){let n=e,r=(0,t.ref)((0,b.default)(`card`,f.toClassName(n.backgroundColor),n.shadow?`shadow-lg`:``,n.fullWidth?`w-full`:``,n.rounded&&!n.roundedSize?`rounded`:n.roundedSize?_.toClassName(n.roundedSize):``));return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)(r.value)},[(0,t.renderSlot)(e.$slots,`default`)],2))}}),O={},k={class:`card-body`};function A(e,n){return(0,t.openBlock)(),(0,t.createElementBlock)(`div`,k,[(0,t.renderSlot)(e.$slots,`default`)])}var j=w(O,[[`render`,A]]),M=(0,t.defineComponent)({__name:`CardTitle`,props:{is:{default:`h1`},text:{default:``}},setup(e){return(n,r)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(e.is),{class:`card-title`},{default:(0,t.withCtx)(()=>[(0,t.createTextVNode)((0,t.toDisplayString)(e.text),1)]),_:1}))}}),N=(0,t.defineComponent)({__name:`Container`,props:{container:{type:Boolean,default:!0},padding:{type:Boolean,default:!0}},setup(e){let n=e,r=(0,t.ref)([n.container?`container`:``,n.padding?`p-6`:``]);return(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)(r.value)},[(0,t.renderSlot)(e.$slots,`default`)],2))}}),P=c((e=>{e.__esModule=!0,e.default=i;var t=/[\u0300-\u036f]/g,n=/ł/g,r=/ñ/g;function i(e){return e.toLowerCase().normalize(`NFD`).replace(t,``).replace(n,`l`).replace(r,`n`).trim()}})),F=c((e=>{e.__esModule=!0,e.aggressiveFuzzyMatch=l,e.createFuzzySearchImpl=p,e.experimentalSmartFuzzyMatch=u,e.fuzzyMatchImpl=f;var t=n(P());function n(e){return e&&e.__esModule?e:{default:e}}var r=2**53-1,i=function(e,t){return e.score-t.score},a=function(e,t){return e[0]-t[0]},o=new Set(` \xA0[]()-–—'"“”`.split(``));function s(e){return o.has(e)}function c(e,t,n,r,i,o,c){if(e===r)return[0,[[0,e.length-1]]];var d=r.length,f=t.length,p=i.length;if(t===i)return[.1,[[0,f-1]]];if(t.startsWith(i))return[.5,[[0,p-1]]];var m=e.indexOf(r);if(m>-1&&s(e[m-1]))return[.9,[[m,m+d-1]]];var h=t.indexOf(i);if(h>-1&&s(t[h-1]))return[1,[[h,h+d-1]]];var g=o.length;return g>1&&o.every(function(e){return n.has(e)})?[1.5+g*.2,o.map(function(e){var n=t.indexOf(e);return[n,n+e.length-1]}).sort(a)]:h>-1?[2,[[h,h+d-1]]]:c===`aggressive`?l(t,i):c===`smart`?u(t,i):null}function l(e,t){for(var n=e.length,r=t.length,i=0,a=t[i],o=[],s=-1,c=-2,l=0;l<n;l+=1)if(e[l]===a){if(l!==c+1&&(s>=0&&o.push([s,c]),s=l),c=l,i+=1,i===r)return o.push([s,c]),d(o,e);a=t[i]}return null}function u(e,t){for(var n=e.length,r=[],i=0,a=t[i],o=-1,c=-2;;){var l=e.indexOf(a,c+1);if(l===-1)break;if(l===0||s(e[l-1]))o=l;else{var u=t.length-i,f=e.length-l,p=Math.min(3,u,f),m=t.slice(i,i+p);if(e.slice(l,l+p)===m)o=l;else{c+=1;continue}}for(c=o;c<n&&e[c]===a;c+=1)i+=1,a=t[i];if(--c,r.push([o,c]),i===t.length)return d(r,e)}return null}function d(e,t){var n=2;return e.forEach(function(e){var r=e[0],i=e[1],a=i-r+1,o=r===0||t[r]===` `||t[r-1]===` `,s=i===t.length-1||t[i]===` `||t[i+1]===` `;o&&s?n+=.2:o?n+=.4:a>=3?n+=.8:n+=1.6}),[n,e]}function f(e,n){var r=(0,t.default)(n),i=r.split(` `),a=(0,t.default)(e),o=c(e,a,new Set(a.split(` `)),n,r,i,`smart`);return o?{item:e,score:o[0],matches:[o[1]]}:null}function p(e,n){var a=n.strategy,o=a===void 0?`aggressive`:a,s=n.getText,l=e.map(function(e){return[e,(s?s(e):[n.key?e[n.key]:e]).map(function(e){var n=e||``,r=(0,t.default)(n);return[n,r,new Set(r.split(` `))]})]});return function(e){var n=[],a=(0,t.default)(e),s=a.split(` `);return a.length?(l.forEach(function(t){for(var i=t[0],l=t[1],u=r,d=[],f=0,p=l.length;f<p;f+=1){var m=l[f],h=m[0],g=m[1],_=m[2],v=c(h,g,_,e,a,s,o);v?(u=Math.min(u,v[0]),d.push(v[1])):d.push(null)}u<r&&n.push({item:i,score:u,matches:d})}),n.sort(i),n):[]}}})),I=u(c((e=>{e.__esModule=!0,e.default=n,e.fuzzyMatch=r,e.normalizeText=t(P()).default;function t(e){return e&&e.__esModule?e:{default:e}}function n(e,t){return t===void 0&&(t={}),F().createFuzzySearchImpl(e,t)}function r(e,t){return F().fuzzyMatchImpl(e,t)}}))(),1),L=(e,t)=>!e||typeof e!=`object`?String(e):t.split(`.`).reduce((e,t)=>e&&(typeof e==`object`?e[t]:e),e),R=()=>e=>e,z={key:0},B={key:0},V=[`innerHTML`],H={key:1},U={key:2},W=(0,t.defineComponent)({__name:`TableColumn`,props:{column:{},row:{},rowIndex:{}},setup(e){let n=e,r=(0,t.computed)(()=>n.column.render?n.column.render(L(n.row,n.column.data),n.row):L(n.row,n.column.data));(0,t.onMounted)(()=>{r.value&&typeof r.value==`object`&&`then`in r.value&&console.warn(`Async component detected in TableColumn, this may cause issues with rendering.`)});let i=(e,t)=>t.render===void 0?{}:t.render(L(e,t.data),e).props,a=e=>(console.log(`getComponent`,e),e&&typeof e==`object`&&`then`in e?(0,t.defineAsyncComponent)(()=>e):typeof e==`function`?(0,t.defineAsyncComponent)(e):e);return(n,o)=>((0,t.openBlock)(),(0,t.createElementBlock)(`td`,null,[e.column.render?e.row?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:1},[r.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,z,[typeof r.value==`string`?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,B,[(0,t.createElementVNode)(`div`,{innerHTML:r.value},null,8,V)])):(0,t.isVNode)(r.value)?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,H,[((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(r.value)))])):((0,t.openBlock)(),(0,t.createElementBlock)(`div`,U,[((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(a(r.value.component)),(0,t.normalizeProps)((0,t.guardReactiveProps)(i(e.row,e.column))),null,16))]))])):(0,t.createCommentVNode)(``,!0)],64)):(0,t.createCommentVNode)(``,!0):((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:0},[(0,t.createTextVNode)((0,t.toDisplayString)((0,t.unref)(L)(e.row,e.column.data)),1)],64))]))}}),G={key:0},K={key:1},q={key:0},J=[`colspan`],Y=[`onClick`],te={key:2},X={key:0},Z=[`colspan`],Q=(0,t.defineComponent)({__name:`Table`,props:{class:{type:[Boolean,null,String,Object,Array]},zebra:{type:Boolean,default:!1},pinRows:{type:Boolean,default:!1},pinCols:{type:Boolean,default:!1},horizontal:{type:Boolean,default:!1},size:{default:h.MD},customRowClasses:{default:void 0},columns:{},dataSource:{},ajax:{},searchValue:{},searchFunction:{},onRowClick:{}},setup(e){let n=(0,t.ref)([]),r=(0,t.ref)([]),i=(0,t.ref)(null),a=e,o=(0,t.ref)((0,b.default)(a.customRowClasses,{hover:a.onRowClick})),s=(0,t.ref)((0,b.default)(a.class,`table`,v.toClassName(a.size),{"table-zebra":a.zebra,"table-pin-rows":a.pinRows,"table-pin-cols	":a.pinCols})),c=(e,t)=>{a.onRowClick&&a.onRowClick(e,t)};(0,t.onMounted)(()=>{n.value=a.dataSource,r.value=a.dataSource}),(0,t.watch)(()=>a.dataSource,e=>{n.value=e,r.value=e},{immediate:!0}),(0,t.watch)(()=>a.searchValue,e=>{if(a.searchFunction){r.value=a.searchFunction(e??``);return}r.value=e?d(e):n.value},{immediate:!0});let l=(e,t=``)=>Object.keys(e).flatMap(n=>{let r=e[n],i=t?`${t}.${n}`:n;return typeof r==`object`&&r?l(r,i):[i]}),u=(e,t)=>t.split(`.`).reduce((e,t)=>typeof e==`object`&&e?e[t]:void 0,e),d=e=>{let t=[];return n.value.length>0?(l(n.value[0]).forEach(r=>{let i=(0,I.default)(n.value.map(e=>u(e,r)))(e);for(let e of i){let i=n.value.filter(t=>u(t,r)===e.item);t.push(...i)}}),[...new Set(t)]):[]};return(n,l)=>((0,t.openBlock)(),(0,t.createElementBlock)(`table`,{ref_key:`table`,ref:i,class:(0,t.normalizeClass)(s.value)},[e.horizontal?(0,t.createCommentVNode)(``,!0):((0,t.openBlock)(),(0,t.createElementBlock)(`thead`,G,[(0,t.createElementVNode)(`tr`,null,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(a.columns,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`th`,{key:e.title},(0,t.toDisplayString)(e.title),1))),128))])])),e.horizontal?(0,t.createCommentVNode)(``,!0):((0,t.openBlock)(),(0,t.createElementBlock)(`tbody`,K,[r.value.length===0?((0,t.openBlock)(),(0,t.createElementBlock)(`tr`,q,[(0,t.createElementVNode)(`td`,{colspan:a.columns.length},`No data found`,8,J)])):((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,{key:1},(0,t.renderList)(r.value,(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`tr`,{class:(0,t.normalizeClass)(o.value),key:JSON.stringify(e),onClick:t=>c(e,n)},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(a.columns,r=>((0,t.openBlock)(),(0,t.createBlock)(W,{key:r.data,column:r,row:e,rowIndex:n},null,8,[`column`,`row`,`rowIndex`]))),128))],10,Y))),128))])),e.horizontal?((0,t.openBlock)(),(0,t.createElementBlock)(`tbody`,te,[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(a.columns,e=>((0,t.openBlock)(),(0,t.createElementBlock)(`tr`,{key:e.title},[(0,t.createElementVNode)(`th`,null,(0,t.toDisplayString)(e.title),1),((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(r.value,(n,r)=>((0,t.openBlock)(),(0,t.createBlock)(W,{key:r,column:e,row:n,rowIndex:r},null,8,[`column`,`row`,`rowIndex`]))),128))]))),128)),r.value.length===0?((0,t.openBlock)(),(0,t.createElementBlock)(`tr`,X,[(0,t.createElementVNode)(`td`,{colspan:a.columns.length+1,style:{"text-align":`center`,padding:`1rem`}},` No data found `,8,Z)])):(0,t.createCommentVNode)(``,!0)])):(0,t.createCommentVNode)(``,!0)],2))}}),ne=(0,t.defineComponent)({__name:`Stepper`,props:{value:{}},emits:[`update:value`],setup(e,{expose:n,emit:r}){let i=e,a=(0,t.ref)(i.value),o=r,s=e=>{a.value=e,o(`update:value`,e)};return(0,t.provide)(`stepper`,{value:a,updateValue:s}),(0,t.watch)(()=>i.value,e=>{a.value=e}),n({updateValue:s}),(e,n)=>(0,t.renderSlot)(e.$slots,`default`,{updateValue:s})}}),re=(0,t.defineComponent)({__name:`Step`,props:{value:{}},setup(e){let n=e,r=(0,t.inject)(`stepper`),i=(0,t.ref)(``);return(0,t.watch)(()=>r?.value.value,e=>{e&&n.value&&(i.value=Number(e)>=Number(n.value)?`step-primary`:``)}),(0,t.onMounted)(()=>{r&&(i.value=r.value.value===n.value?`step-primary`:``,Number(r.value.value)>=Number(n.value)&&(i.value=`step-primary`))}),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`li`,{class:(0,t.normalizeClass)([`step`,i.value])},[(0,t.renderSlot)(e.$slots,`default`)],2))}}),ie={},ae={class:`steps`};function oe(e,n){return(0,t.openBlock)(),(0,t.createElementBlock)(`ul`,ae,[(0,t.renderSlot)(e.$slots,`default`)])}var se=w(ie,[[`render`,oe]]),ce={key:0},le=(0,t.defineComponent)({__name:`StepPanels`,setup(e){let n=(0,t.inject)(`stepper`);return(e,r)=>((0,t.openBlock)(),(0,t.createBlock)(t.Transition,{name:`fade`,mode:`out-in`},{default:(0,t.withCtx)(()=>[(0,t.unref)(n)?.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,ce,[(0,t.renderSlot)(e.$slots,`default`,{currentStep:(0,t.unref)(n)?.value})])):(0,t.createCommentVNode)(``,!0)]),_:3}))}}),ue={key:0},de=(0,t.defineComponent)({__name:`StepPanel`,props:{value:{}},setup(e,{expose:n}){let r=(0,t.computed)(()=>i?.value.value),i=(0,t.inject)(`stepper`),a=e=>{i&&i.updateValue(e.toString())};return n({activateCallback:a}),(n,i)=>e.value===r.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,ue,[(0,t.renderSlot)(n.$slots,`default`,{activateCallback:a})])):(0,t.createCommentVNode)(``,!0)}}),fe={key:0,method:`dialog`},pe=(0,t.defineComponent)({__name:`Modal`,props:{closeButton:{type:Boolean,default:!0},overflow:{type:Boolean,default:!1},closeButtonSize:{default:h.SM},extraBoxClasses:{}},emits:[`close`],setup(e,{expose:n,emit:r}){let i=(0,t.ref)(null),a=r,o=e,s=(0,t.ref)((0,b.default)(`modal-box`,o.extraBoxClasses,{"overflow-visible":o.overflow})),c=(0,t.ref)((0,b.default)(`modal`)),l=(0,t.ref)((0,b.default)(`btn`,g.toClassName(o.closeButtonSize),`btn-circle`,`btn-ghost`,`absolute`,`right-2`,`top-2`));return n({showModal:()=>{i.value?.showModal()},closeModal:()=>{i.value?.close()}}),(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`dialog`,{ref_key:`modal`,ref:i,class:(0,t.normalizeClass)([c.value,n.$attrs.class]),"aria-modal":`true`,"aria-hidden":`true`,role:`dialog`,onClose:r[0]||=e=>a(`close`,e)},[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)(s.value)},[e.closeButton?((0,t.openBlock)(),(0,t.createElementBlock)(`form`,fe,[(0,t.createElementVNode)(`button`,{class:(0,t.normalizeClass)(l.value)},`✕`,2)])):(0,t.createCommentVNode)(``,!0),(0,t.renderSlot)(n.$slots,`default`)],2),r[1]||=(0,t.createElementVNode)(`form`,{method:`dialog`,class:`modal-backdrop`},[(0,t.createElementVNode)(`button`,null,`close`)],-1)],34))}}),$={class:`hidden w-full max-w-sm lg:flex`},me={class:`relative mx-3 w-full`},he={class:`relative w-full max-w-full`},ge=[`value`],_e=(0,t.defineComponent)({__name:`SearchBar`,props:[`modelValue`],emits:[`update:modelValue`],setup(e,{emit:n}){let r=e,i=(0,t.ref)(null),a=n,o=e=>{(e.ctrlKey||e.metaKey)&&e.key.toLowerCase()===`k`&&(e.preventDefault(),i.value&&i.value.focus())};return(0,t.onMounted)(()=>{document.addEventListener(`keydown`,o)}),(0,t.onUnmounted)(()=>{document.removeEventListener(`keydown`,o)}),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,$,[(0,t.createElementVNode)(`label`,me,[n[1]||=(0,t.createElementVNode)(`svg`,{class:`pointer-events-none absolute z-10 my-3.5 ms-4 text-base-content opacity-60`,"aria-hidden":`true`,width:`16`,height:`16`,viewBox:`0.48 0.48 23.04 23.04`,fill:`currentColor`},[(0,t.createElementVNode)(`path`,{fill:`none`,d:`M0 0h24v24H0z`}),(0,t.createElementVNode)(`path`,{d:`M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z`})],-1),(0,t.createElementVNode)(`div`,he,[(0,t.createElementVNode)(`form`,null,[(0,t.createElementVNode)(`input`,{ref_key:`searchInput`,ref:i,type:`search`,placeholder:`Zoeken...`,value:r.modelValue,onInput:n[0]||=e=>a(`update:modelValue`,e.target.value),class:`color-[inherit] w-full rounded-xl border-[2px] border-solid border-transparent bg-transparent px-3 py-2 ps-10 focus:border-[2px] focus:border-base-200 focus:outline-none`},null,40,ge)])]),n[2]||=(0,t.createElementVNode)(`div`,{class:`pointer-events-none absolute end-10 top-2.5 hidden gap-1 opacity-50 lg:flex rtl:flex-row-reverse`},[(0,t.createElementVNode)(`kbd`,{class:`kbd kbd-sm`},`ctrl`),(0,t.createElementVNode)(`kbd`,{class:`kbd kbd-sm`},`K`)],-1)])]))}}),ve=[`name`,`value`],ye=(0,t.defineComponent)({__name:`Tabs`,props:{box:{type:Boolean,default:!1},border:{type:Boolean,default:!1},lift:{type:Boolean,default:!1},fullWidth:{type:Boolean,default:!1},placement:{default:`top`},size:{default:h.MD},items:{},activeTab:{default:0}},setup(e,{expose:n}){let r=Math.random().toString(36).substring(2,15),i=e,a=(0,t.computed)(()=>100/i.items.length),o=(0,t.computed)(()=>[`tabs`,i.placement===`top`?`tabs-top`:`tabs-bottom`,`${y.toClassName(i.size)}`,{"tabs-box":i.box,"tabs-border":i.border,"tabs-lift":i.lift}]),s=(0,t.ref)(i.activeTab??0);return(0,t.watch)(()=>i.activeTab,e=>{s.value=e}),n({activeIndex:s,setActiveTab:e=>{s.value=e}}),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{role:`tablist`,class:(0,t.normalizeClass)(o.value)},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(i.items,(o,c)=>((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:c},[(0,t.createElementVNode)(`label`,{class:`tab`,style:(0,t.normalizeStyle)(i.fullWidth?{width:a.value+`%`}:{})},[(0,t.withDirectives)((0,t.createElementVNode)(`input`,{type:`radio`,name:(0,t.unref)(r),value:c,"onUpdate:modelValue":n[0]||=e=>s.value=e},null,8,ve),[[t.vModelRadio,s.value]]),(0,t.createTextVNode)(` `+(0,t.toDisplayString)(o.label),1)],4),(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`tab-content p-6`,o.disabled?`tab-disabled`:``])},[(0,t.renderSlot)(e.$slots,o.slot)],2)],64))),128))],2))}}),be=`bg-primary.bg-primary-content.bg-secondary.bg-secondary-content.bg-accent.bg-accent-content.bg-neutral.bg-neutral-content.bg-base-100.bg-base-200.bg-base-300.bg-base-content.bg-info.bg-info-content.bg-success.bg-success-content.bg-warning.bg-warning-content.bg-error.bg-error-content.btn-primary.btn-primary-content.btn-secondary.btn-secondary-content.btn-accent.btn-accent-content.btn-neutral.btn-neutral-content.btn-base-100.btn-base-200.btn-base-300.btn-base-content.btn-info.btn-info-content.btn-success.btn-success-content.btn-warning.btn-warning-content.btn-error.btn-error-content.text-primary.text-primary-content.text-secondary.text-secondary-content.text-accent.text-accent-content.text-neutral.text-neutral-content.text-base-100.text-base-200.text-base-300.text-base-content.text-info.text-info-content.text-success.text-success-content.text-warning.text-warning-content.text-error.text-error-content.text-transparent.step.steps.modal.modal-box.btn.btn-sm.btn-circle.btn-ghost.absolute.right-2.top-2.shadow-lg.w-full.rounded-xs.rounded-sm.rounded-md.rounded-lg.rounded-xl.rounded-2xl.rounded-3xl.hidden.block`.split(`.`);e.BackgroundColorUtils=f,e.Button=C,e.ButtonColorUtils=p,e.ButtonSizeUtils=g,e.Card=D,e.CardBody=j,e.CardTitle=M,e.Color=d,e.Container=N,e.Modal=pe,e.RoundedSizeUtils=_,e.SearchBar=_e,e.SimpleButton=E,e.Size=h,e.Step=re,e.StepList=se,e.StepPanel=de,e.StepPanels=le,e.Stepper=ne,e.Table=Q,e.TableSizeUtils=v,e.Tabs=ye,e.TabsSizeUtils=y,e.TextColorUtils=m,e.defineColumns=R,e.dendelionSafeList=be,e.getValue=L});

package/dist/types/{components → src/components}/table/interface.d.ts

@@ -1,4 +1,4 @@
-import { Size } from '@/types';
+import { Size, type ClassValue } from '@/types';
 import { Component, VNode } from 'vue';
 type DeepKey<T> = T extends object ? {
     [K in keyof T & string]: K | `${K}.${DeepKey<T[K]>}`;
@@ -6,6 +6,7 @@ type DeepKey<T> = T extends object ? {
 type DeepValue<T, P extends string> = P extends `${infer K}.${infer Rest}` ? K extends keyof T ? DeepValue<T[K], Rest> : never : P extends keyof T ? T[P] : never;
 type ColumnSet<T> = Column<T, DeepKey<T>>[];
 export type TableProps<T> = {
+    class?: ClassValue | undefined;
     zebra?: boolean;
     pinRows?: boolean;
     pinCols?: boolean;

package/dist/types/src/types/index.d.ts

@@ -0,0 +1,3 @@
+export * from './color';
+export * from './size';
+export type ClassValue = false | null | undefined | string | Record<string, any> | Array<ClassValue>;

package/package.json

@@ -2,7 +2,7 @@
 	"name": "dendelion-ui",
 	"private": false,
 	"description": "Simpel component library using Tailwind css and DaisyUI",
-	"version": "0.0.30",
+	"version": "0.0.32",
 	"author": "ThatzOkay",
 	"license": "MIT",
 	"homepage": "https://github.com/ThatzOkay/DendelionUI#readme",
@@ -61,18 +61,18 @@
 		"vue": "^3.3.0"
 	},
 	"devDependencies": {
-		"vue": "^3.5.28",
-		"@vitejs/plugin-vue": "^6.0.4",
-		"@vue/tsconfig": "^0.9.0",
-		"autoprefixer": "^10.4.24",
+		"vue": "^3.5.35",
+		"@vitejs/plugin-vue": "^6.0.7",
+		"@vue/tsconfig": "^0.9.1",
+		"autoprefixer": "^10.5.0",
 		"cross-env": "^10.1.0",
-		"daisyui": "^5.5.18",
-		"eslint": "^10.0.0",
-		"eslint-plugin-vue": "^10.7.0",
+		"daisyui": "^5.5.23",
+		"eslint": "^10.4.1",
+		"eslint-plugin-vue": "^10.9.2",
 		"fluid-tailwind": "^1.0.4",
-		"prettier": "^3.8.1",
+		"prettier": "^3.8.3",
 		"prettier-eslint": "^16.4.2",
-		"prettier-plugin-tailwindcss": "^0.7.2",
+		"prettier-plugin-tailwindcss": "^0.8.0",
 		"rimraf": "^6.1.2",
 		"typescript": "^6.0.0",
 		"typescript-eslint": "^8.55.0",

package/src/components/table/Table.vue

@@ -66,7 +66,9 @@ const trClasses = ref(classNames(
 ));
 
 const tableClasses = ref(
-	classNames('table', TableSizeUtils.toClassName(props.size), {
+	classNames(
+		props.class,
+		'table', TableSizeUtils.toClassName(props.size), {
 		'table-zebra': props.zebra,
 		'table-pin-rows': props.pinRows,
 		'table-pin-cols	': props.pinCols,

package/src/components/table/interface.ts

@@ -1,4 +1,4 @@
-import { Size } from '@/types';
+import { Size, type ClassValue } from '@/types';
 import { Component, VNode } from 'vue';
 
 type DeepKey<T> = T extends object
@@ -18,6 +18,7 @@ type DeepValue<T, P extends string> = P extends `${infer K}.${infer Rest}`
 type ColumnSet<T> = Column<T, DeepKey<T>>[];
 
 export type TableProps<T> = {
+	class?: ClassValue | undefined;
 	zebra?: boolean;
 	pinRows?: boolean;
 	pinCols?: boolean;

package/src/types/index.ts

@@ -1,2 +1,4 @@
 export * from './color';
 export * from './size';
+
+export type ClassValue = false | null | undefined | string | Record<string, any> | Array<ClassValue>;

package/dist/types/types/index.d.ts

@@ -1,2 +0,0 @@
-export * from './color';
-export * from './size';