dendelion-ui 0.0.17 → 0.0.18

package/dist/dendelion-ui.cjs.js

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue");var $=(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))($||{});class I{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 K{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 T=(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))(T||{});class H{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 j{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 G{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"}}}function Z(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var R={exports:{}};/*!
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue");var $=(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))($||{});class I{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 K{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 T=(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))(T||{});class H{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 j{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 G{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"}}}function J(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var R={exports:{}};/*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
-*/var P;function re(){return P||(P=1,function(t){(function(){var n={}.hasOwnProperty;function o(){for(var a="",i=0;i<arguments.length;i++){var d=arguments[i];d&&(a=s(a,c(d)))}return a}function c(a){if(typeof a=="string"||typeof a=="number")return a;if(typeof a!="object")return"";if(Array.isArray(a))return o.apply(null,a);if(a.toString!==Object.prototype.toString&&!a.toString.toString().includes("[native code]"))return a.toString();var i="";for(var d in a)n.call(a,d)&&a[d]&&(i=s(i,d));return i}function s(a,i){return i?a?a+" "+i:a+i:a}t.exports?(o.default=o,t.exports=o):window.classNames=o})()}(R)),R.exports}var ae=re();const z=Z(ae),se=["type","disabled"],oe={class:"group-[.is-loading]:text-transparent"},ce=e.defineComponent({__name:"Button",props:{type:{default:"button"},loading:{type:Boolean},color:{default:$.Neutral},soft:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},disabled:{type:Boolean},click:{}},setup(t){const n=t,o=e.computed(()=>z("btn","group",K.toClassName(n.color),n.soft?"btn-soft":"",n.outline?"btn-outline":"",n.loading?"is-loading":"",n.disabled?"disabled":""));return(c,s)=>(e.openBlock(),e.createElementBlock("button",{onClick:s[0]||(s[0]=a=>c.click?c.click:void 0),class:e.normalizeClass(o.value),type:c.type,disabled:c.disabled||c.loading},[s[1]||(s[1]=e.createElementVNode("span",{class:"loading loading-spinner loading-md absolute hidden group-[.is-loading]:block"},null,-1)),e.createElementVNode("span",oe,[e.renderSlot(c.$slots,"default")])],10,se))}}),O=(t,n)=>{const o=t.__vccOpts||t;for(const[c,s]of n)o[c]=s;return o},le={};function ue(t,n){return e.openBlock(),e.createElementBlock("button")}const ie=O(le,[["render",ue]]),de=e.defineComponent({__name:"Card",props:{backgroundColor:{default:$.Primary},shadow:{type:Boolean,default:!1},fullWidth:{type:Boolean,default:!1},rounded:{type:Boolean},roundedSize:{}},setup(t){const n=t,o=e.ref(z("card",I.toClassName(n.backgroundColor),n.shadow?"shadow-lg":"",n.fullWidth?"w-full":"",n.rounded&&!n.roundedSize?"rounded":n.roundedSize?j.toClassName(n.roundedSize):""));return(c,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(o.value)},[e.renderSlot(c.$slots,"default")],2))}}),pe={},fe={class:"card-body"};function me(t,n){return e.openBlock(),e.createElementBlock("div",fe,[e.renderSlot(t.$slots,"default")])}const be=O(pe,[["render",me]]),ve=e.defineComponent({__name:"CardTitle",props:{is:{default:"h1"},text:{default:""}},setup(t){return(n,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.is),{class:"card-title"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.text),1)]),_:1}))}}),ge=e.defineComponent({__name:"Container",props:{container:{type:Boolean,default:!0},padding:{type:Boolean,default:!0}},setup(t){const n=t,o=e.ref([n.container?"container":"",n.padding?"p-6":""]);return(c,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(o.value)},[e.renderSlot(c.$slots,"default")],2))}});var D={},W={},q;function J(){return q||(q=1,function(t){t.__esModule=!0,t.default=s;var n=/[\u0300-\u036f]/g,o=/ł/g,c=/ñ/g;function s(a){return a.toLowerCase().normalize("NFD").replace(n,"").replace(o,"l").replace(c,"n").trim()}}(W)),W}var N={},A;function U(){if(A)return N;A=1,N.__esModule=!0,N.aggressiveFuzzyMatch=S,N.createFuzzySearchImpl=h,N.experimentalSmartFuzzyMatch=M,N.fuzzyMatchImpl=p;var t=n(J());function n(r){return r&&r.__esModule?r:{default:r}}var o=Number.MAX_SAFE_INTEGER,c=function(l,u){return l.score-u.score},s=function(l,u){return l[0]-u[0]},a=new Set(`  []()-–—'"“”`.split(""));function i(r){return a.has(r)}function d(r,l,u,y,f,v,b){if(r===y)return[0,[[0,r.length-1]]];var m=y.length,g=l.length,_=f.length;if(l===f)return[.1,[[0,g-1]]];if(l.startsWith(f))return[.5,[[0,_-1]]];var x=r.indexOf(y);if(x>-1&&i(r[x-1]))return[.9,[[x,x+m-1]]];var k=l.indexOf(f);if(k>-1&&i(l[k-1]))return[1,[[k,k+m-1]]];var B=v.length;if(B>1&&v.every(function(E){return u.has(E)})){var C=1.5+B*.2;return[C,v.map(function(E){var w=l.indexOf(E);return[w,w+E.length-1]}).sort(s)]}return k>-1?[2,[[k,k+m-1]]]:b==="aggressive"?S(l,f):b==="smart"?M(l,f):null}function S(r,l){for(var u=r.length,y=l.length,f=0,v=l[f],b=[],m=-1,g=-2,_=0;_<u;_+=1)if(r[_]===v){if(_!==g+1&&(m>=0&&b.push([m,g]),m=_),g=_,f+=1,f===y)return b.push([m,g]),V(b,r);v=l[f]}return null}function M(r,l){for(var u=r.length,y=[],f=0,v=l[f],b=-1,m=-2;;){var g=r.indexOf(v,m+1);if(g===-1)break;if(g===0||i(r[g-1]))b=g;else{var _=l.length-f,x=r.length-g,k=Math.min(3,_,x),B=l.slice(f,f+k);if(r.slice(g,g+k)===B)b=g;else{m+=1;continue}}for(m=b;m<u&&r[m]===v;m+=1)f+=1,v=l[f];if(m-=1,y.push([b,m]),f===l.length)return V(y,r)}return null}function V(r,l){var u=2;return r.forEach(function(y){var f=y[0],v=y[1],b=v-f+1,m=f===0||l[f]===" "||l[f-1]===" ",g=v===l.length-1||l[v]===" "||l[v+1]===" ",_=m&&g;_?u+=.2:m?u+=.4:b>=3?u+=.8:u+=1.6}),[u,r]}function p(r,l){var u=(0,t.default)(l),y=u.split(" "),f=(0,t.default)(r),v=new Set(f.split(" ")),b=d(r,f,v,l,u,y,"smart");return b?{item:r,score:b[0],matches:[b[1]]}:null}function h(r,l){var u=l.strategy,y=u===void 0?"aggressive":u,f=l.getText,v=r.map(function(b){var m;if(f)m=f(b);else{var g=l.key?b[l.key]:b;m=[g]}var _=m.map(function(x){var k=x||"",B=(0,t.default)(k),C=new Set(B.split(" "));return[k,B,C]});return[b,_]});return function(b){var m=[],g=(0,t.default)(b),_=g.split(" ");return g.length?(v.forEach(function(x){for(var k=x[0],B=x[1],C=o,E=[],w=0,Y=B.length;w<Y;w+=1){var L=B[w],Q=L[0],ee=L[1],te=L[2],F=d(Q,ee,te,b,g,_,y);F?(C=Math.min(C,F[0]),E.push(F[1])):E.push(null)}C<o&&m.push({item:k,score:C,matches:E})}),m.sort(c),m):[]}}return N}var X;function he(){return X||(X=1,function(t){t.__esModule=!0,t.default=c,t.fuzzyMatch=s;var n=o(J());t.normalizeText=n.default;function o(a){return a&&a.__esModule?a:{default:a}}function c(a,i){return i===void 0&&(i={}),U().createFuzzySearchImpl(a,i)}function s(a,i){return U().fuzzyMatchImpl(a,i)}}(D)),D}var ye=he();const _e=Z(ye),ke={key:0},xe=["colspan"],Be=["onClick"],Se=["innerHTML"],Ce=e.defineComponent({__name:"Table",props:{zebra:{type:Boolean,default:!1},pinRows:{type:Boolean,default:!1},pinCols:{type:Boolean,default:!1},size:{default:T.MD},columns:{},dataSource:{},ajax:{},searchValue:{},searchFunction:{},onRowClick:{}},setup(t){const n=e.ref([]),o=e.ref([]),c=e.ref(null),s=t,a=e.ref(z("table",G.toClassName(s.size),{"table-zebra":s.zebra,"table-pin-rows":s.pinRows,"table-pin-cols	":s.pinCols})),i=(p,h)=>{s.onRowClick&&s.onRowClick(p,h)},d=(p,h)=>String(!p||typeof p!="object"?p:h.split(".").reduce((r,l)=>r&&(typeof r=="object"?r[l]:r),p)),S=(p,h)=>h.render===void 0?{}:h.render(d(p,h.data),p).props,M=p=>(console.log("getComponent",p),p&&typeof p=="object"&&"then"in p?e.defineAsyncComponent(()=>p):typeof p=="function"?e.defineAsyncComponent(p):p);e.onMounted(()=>{n.value=s.dataSource,o.value=s.dataSource}),e.watch(()=>s.dataSource,p=>{n.value=p,o.value=p},{immediate:!0}),e.watch(()=>s.searchValue,p=>{if(s.searchFunction){o.value=s.searchFunction(p??"");return}o.value=p?V(p):n.value},{immediate:!0});const V=p=>{const h=[];return n.value.length>0?(Object.keys(n.value[0]).forEach(l=>{const u=n.value.map(v=>d(v,l)),f=_e(u)(p);for(const v of f){const b=n.value.filter(m=>d(m,l)===v.item);h.push(...b)}}),h):[]};return(p,h)=>(e.openBlock(),e.createElementBlock("table",{ref_key:"table",ref:c,class:e.normalizeClass(a.value)},[e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.columns,r=>(e.openBlock(),e.createElementBlock("th",{key:r.title},e.toDisplayString(r.title),1))),128))])]),e.createElementVNode("tbody",null,[o.value.length===0?(e.openBlock(),e.createElementBlock("tr",ke,[e.createElementVNode("td",{colspan:s.columns.length},"No data found",8,xe)])):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(o.value,(r,l)=>(e.openBlock(),e.createElementBlock("tr",{class:e.normalizeClass(s.onRowClick?"hover":""),key:String(r),onClick:u=>i(r,l)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.columns,u=>(e.openBlock(),e.createElementBlock("td",{key:u.title},[u.render?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(d(r,u.data)),1)],64)),typeof u.render=="function"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[typeof u.render(d(r,u.data),r)=="string"?(e.openBlock(),e.createElementBlock("div",{key:0,innerHTML:u.render(d(r,u.data),r)},null,8,Se)):e.isVNode(u.render(d(r,u.data),r))?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(u.render(d(r,u.data),r)),{key:1})):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(M(u.render(d(r,u.data),r).component)),e.mergeProps({key:2,ref_for:!0},S(r,u)),null,16))],64)):e.createCommentVNode("",!0)]))),128))],10,Be))),128))])],2))}}),Ee=e.defineComponent({__name:"Stepper",props:{value:{}},emits:["update:value"],setup(t,{expose:n,emit:o}){const c=t,s=e.ref(c.value),a=o,i=d=>{s.value=d,a("update:value",d)};return e.provide("stepper",{value:s,updateValue:i}),e.watch(()=>c.value,d=>{s.value=d}),n({updateValue:i}),(d,S)=>e.renderSlot(d.$slots,"default",{updateValue:i})}}),Ne=e.defineComponent({__name:"Step",props:{value:{}},setup(t){const n=t,o=e.inject("stepper"),c=e.ref("");return e.watch(()=>o?.value.value,s=>{s&&n.value&&(c.value=Number(s)>=Number(n.value)?"step-primary":"")}),e.onMounted(()=>{o&&(c.value=o.value.value===n.value?"step-primary":"",Number(o.value.value)>=Number(n.value)&&(c.value="step-primary"))}),(s,a)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(["step",c.value])},[e.renderSlot(s.$slots,"default")],2))}}),we={},ze={class:"steps"};function Me(t,n){return e.openBlock(),e.createElementBlock("ul",ze,[e.renderSlot(t.$slots,"default")])}const Ve=O(we,[["render",Me]]),$e={key:0},Te=e.defineComponent({__name:"StepPanels",setup(t){const n=e.inject("stepper");return(o,c)=>(e.openBlock(),e.createBlock(e.Transition,{name:"fade",mode:"out-in"},{default:e.withCtx(()=>[e.unref(n)?.value?(e.openBlock(),e.createElementBlock("div",$e,[e.renderSlot(o.$slots,"default",{currentStep:e.unref(n)?.value})])):e.createCommentVNode("",!0)]),_:3}))}}),Le={key:0},Fe=e.defineComponent({__name:"StepPanel",props:{value:{}},setup(t,{expose:n}){const o=e.computed(()=>c?.value.value),c=e.inject("stepper"),s=a=>{c&&c.updateValue(a.toString())};return n({activateCallback:s}),(a,i)=>a.value===o.value?(e.openBlock(),e.createElementBlock("div",Le,[e.renderSlot(a.$slots,"default",{activateCallback:s})])):e.createCommentVNode("",!0)}}),Re={key:0,method:"dialog"},De=e.defineComponent({__name:"Modal",props:{closeButton:{type:Boolean,default:!0},overflow:{type:Boolean,default:!1},closeButtonSize:{default:T.SM},extraBoxClasses:{}},emits:["close"],setup(t,{expose:n,emit:o}){const c=e.ref(null),s=o,a=t,i=e.ref(z("modal-box",a.extraBoxClasses,{"overflow-visible":a.overflow})),d=e.ref(z("modal")),S=e.ref(z("btn",H.toClassName(a.closeButtonSize),"btn-circle","btn-ghost","absolute","right-2","top-2"));return n({showModal:()=>{c.value?.showModal()},closeModal:()=>{c.value?.close()}}),(p,h)=>(e.openBlock(),e.createElementBlock("dialog",{ref_key:"modal",ref:c,class:e.normalizeClass([d.value,p.$attrs.class]),"aria-modal":"true","aria-hidden":"true",role:"dialog",onClose:h[0]||(h[0]=r=>s("close",r))},[e.createElementVNode("div",{class:e.normalizeClass(i.value)},[p.closeButton?(e.openBlock(),e.createElementBlock("form",Re,[e.createElementVNode("button",{class:e.normalizeClass(S.value)},"✕",2)])):e.createCommentVNode("",!0),e.renderSlot(p.$slots,"default")],2),h[1]||(h[1]=e.createElementVNode("form",{method:"dialog",class:"modal-backdrop"},[e.createElementVNode("button",null,"close")],-1))],34))}}),We={class:"hidden w-full max-w-sm lg:flex"},Oe={class:"relative mx-3 w-full"},Pe={class:"relative w-full max-w-full"},qe=["value"],Ae=e.defineComponent({__name:"SearchBar",props:["modelValue"],emits:["update:modelValue"],setup(t,{emit:n}){const o=t,c=e.ref(null),s=n,a=i=>{(i.ctrlKey||i.metaKey)&&i.key.toLowerCase()==="k"&&(i.preventDefault(),c.value&&c.value.focus())};return e.onMounted(()=>{document.addEventListener("keydown",a)}),e.onUnmounted(()=>{document.removeEventListener("keydown",a)}),(i,d)=>(e.openBlock(),e.createElementBlock("div",We,[e.createElementVNode("label",Oe,[d[1]||(d[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",Pe,[e.createElementVNode("form",null,[e.createElementVNode("input",{ref_key:"searchInput",ref:c,type:"search",placeholder:"Zoeken...",value:o.modelValue,onInput:d[0]||(d[0]=S=>s("update:modelValue",S.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,qe)])]),d[2]||(d[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))])]))}}),Ue=["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"];exports.BackgroundColorUtils=I;exports.Button=ce;exports.ButtonColorUtils=K;exports.ButtonSizeUtils=H;exports.Card=de;exports.CardBody=be;exports.CardTitle=ve;exports.Color=$;exports.Container=ge;exports.Modal=De;exports.RoundedSizeUtils=j;exports.SearchBar=Ae;exports.SimpleButton=ie;exports.Size=T;exports.Step=Ne;exports.StepList=Ve;exports.StepPanel=Fe;exports.StepPanels=Te;exports.Stepper=Ee;exports.Table=Ce;exports.TableSizeUtils=G;exports.TextColorUtils=ne;exports.dendelionSafeList=Ue;
+*/var P;function re(){return P||(P=1,function(t){(function(){var n={}.hasOwnProperty;function c(){for(var a="",d=0;d<arguments.length;d++){var f=arguments[d];f&&(a=s(a,l(f)))}return a}function l(a){if(typeof a=="string"||typeof a=="number")return a;if(typeof a!="object")return"";if(Array.isArray(a))return c.apply(null,a);if(a.toString!==Object.prototype.toString&&!a.toString.toString().includes("[native code]"))return a.toString();var d="";for(var f in a)n.call(a,f)&&a[f]&&(d=s(d,f));return d}function s(a,d){return d?a?a+" "+d:a+d:a}t.exports?(c.default=c,t.exports=c):window.classNames=c})()}(R)),R.exports}var ae=re();const z=J(ae),se=["type","disabled"],oe={class:"group-[.is-loading]:text-transparent"},ce=e.defineComponent({__name:"Button",props:{type:{default:"button"},loading:{type:Boolean},color:{default:$.Neutral},soft:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},disabled:{type:Boolean},click:{}},setup(t){const n=t,c=e.computed(()=>z("btn","group",K.toClassName(n.color),n.soft?"btn-soft":"",n.outline?"btn-outline":"",n.loading?"is-loading":"",n.disabled?"disabled":""));return(l,s)=>(e.openBlock(),e.createElementBlock("button",{onClick:s[0]||(s[0]=a=>l.click?l.click:void 0),class:e.normalizeClass(c.value),type:l.type,disabled:l.disabled||l.loading},[s[1]||(s[1]=e.createElementVNode("span",{class:"loading loading-spinner loading-md absolute hidden group-[.is-loading]:block"},null,-1)),e.createElementVNode("span",oe,[e.renderSlot(l.$slots,"default")])],10,se))}}),W=(t,n)=>{const c=t.__vccOpts||t;for(const[l,s]of n)c[l]=s;return c},le={};function ue(t,n){return e.openBlock(),e.createElementBlock("button")}const ie=W(le,[["render",ue]]),de=e.defineComponent({__name:"Card",props:{backgroundColor:{default:$.Primary},shadow:{type:Boolean,default:!1},fullWidth:{type:Boolean,default:!1},rounded:{type:Boolean},roundedSize:{}},setup(t){const n=t,c=e.ref(z("card",I.toClassName(n.backgroundColor),n.shadow?"shadow-lg":"",n.fullWidth?"w-full":"",n.rounded&&!n.roundedSize?"rounded":n.roundedSize?j.toClassName(n.roundedSize):""));return(l,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(c.value)},[e.renderSlot(l.$slots,"default")],2))}}),pe={},fe={class:"card-body"};function me(t,n){return e.openBlock(),e.createElementBlock("div",fe,[e.renderSlot(t.$slots,"default")])}const be=W(pe,[["render",me]]),ve=e.defineComponent({__name:"CardTitle",props:{is:{default:"h1"},text:{default:""}},setup(t){return(n,c)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.is),{class:"card-title"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.text),1)]),_:1}))}}),ge=e.defineComponent({__name:"Container",props:{container:{type:Boolean,default:!0},padding:{type:Boolean,default:!0}},setup(t){const n=t,c=e.ref([n.container?"container":"",n.padding?"p-6":""]);return(l,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(c.value)},[e.renderSlot(l.$slots,"default")],2))}});var D={},O={},q;function Z(){return q||(q=1,function(t){t.__esModule=!0,t.default=s;var n=/[\u0300-\u036f]/g,c=/ł/g,l=/ñ/g;function s(a){return a.toLowerCase().normalize("NFD").replace(n,"").replace(c,"l").replace(l,"n").trim()}}(O)),O}var N={},A;function U(){if(A)return N;A=1,N.__esModule=!0,N.aggressiveFuzzyMatch=x,N.createFuzzySearchImpl=u,N.experimentalSmartFuzzyMatch=V,N.fuzzyMatchImpl=E;var t=n(Z());function n(r){return r&&r.__esModule?r:{default:r}}var c=Number.MAX_SAFE_INTEGER,l=function(o,p){return o.score-p.score},s=function(o,p){return o[0]-p[0]},a=new Set(`  []()-–—'"“”`.split(""));function d(r){return a.has(r)}function f(r,o,p,h,i,v,b){if(r===h)return[0,[[0,r.length-1]]];var m=h.length,g=o.length,y=i.length;if(o===i)return[.1,[[0,g-1]]];if(o.startsWith(i))return[.5,[[0,y-1]]];var k=r.indexOf(h);if(k>-1&&d(r[k-1]))return[.9,[[k,k+m-1]]];var _=o.indexOf(i);if(_>-1&&d(o[_-1]))return[1,[[_,_+m-1]]];var B=v.length;if(B>1&&v.every(function(C){return p.has(C)})){var S=1.5+B*.2;return[S,v.map(function(C){var w=o.indexOf(C);return[w,w+C.length-1]}).sort(s)]}return _>-1?[2,[[_,_+m-1]]]:b==="aggressive"?x(o,i):b==="smart"?V(o,i):null}function x(r,o){for(var p=r.length,h=o.length,i=0,v=o[i],b=[],m=-1,g=-2,y=0;y<p;y+=1)if(r[y]===v){if(y!==g+1&&(m>=0&&b.push([m,g]),m=y),g=y,i+=1,i===h)return b.push([m,g]),M(b,r);v=o[i]}return null}function V(r,o){for(var p=r.length,h=[],i=0,v=o[i],b=-1,m=-2;;){var g=r.indexOf(v,m+1);if(g===-1)break;if(g===0||d(r[g-1]))b=g;else{var y=o.length-i,k=r.length-g,_=Math.min(3,y,k),B=o.slice(i,i+_);if(r.slice(g,g+_)===B)b=g;else{m+=1;continue}}for(m=b;m<p&&r[m]===v;m+=1)i+=1,v=o[i];if(m-=1,h.push([b,m]),i===o.length)return M(h,r)}return null}function M(r,o){var p=2;return r.forEach(function(h){var i=h[0],v=h[1],b=v-i+1,m=i===0||o[i]===" "||o[i-1]===" ",g=v===o.length-1||o[v]===" "||o[v+1]===" ",y=m&&g;y?p+=.2:m?p+=.4:b>=3?p+=.8:p+=1.6}),[p,r]}function E(r,o){var p=(0,t.default)(o),h=p.split(" "),i=(0,t.default)(r),v=new Set(i.split(" ")),b=f(r,i,v,o,p,h,"smart");return b?{item:r,score:b[0],matches:[b[1]]}:null}function u(r,o){var p=o.strategy,h=p===void 0?"aggressive":p,i=o.getText,v=r.map(function(b){var m;if(i)m=i(b);else{var g=o.key?b[o.key]:b;m=[g]}var y=m.map(function(k){var _=k||"",B=(0,t.default)(_),S=new Set(B.split(" "));return[_,B,S]});return[b,y]});return function(b){var m=[],g=(0,t.default)(b),y=g.split(" ");return g.length?(v.forEach(function(k){for(var _=k[0],B=k[1],S=c,C=[],w=0,Y=B.length;w<Y;w+=1){var L=B[w],Q=L[0],ee=L[1],te=L[2],F=f(Q,ee,te,b,g,y,h);F?(S=Math.min(S,F[0]),C.push(F[1])):C.push(null)}S<c&&m.push({item:_,score:S,matches:C})}),m.sort(l),m):[]}}return N}var X;function he(){return X||(X=1,function(t){t.__esModule=!0,t.default=l,t.fuzzyMatch=s;var n=c(Z());t.normalizeText=n.default;function c(a){return a&&a.__esModule?a:{default:a}}function l(a,d){return d===void 0&&(d={}),U().createFuzzySearchImpl(a,d)}function s(a,d){return U().fuzzyMatchImpl(a,d)}}(D)),D}var ye=he();const _e=J(ye),ke={key:0},Be=["colspan"],xe=["onClick"],Se={key:0},Ce={key:0},Ee=["innerHTML"],Ne={key:1},we={key:2},ze=e.defineComponent({__name:"Table",props:{zebra:{type:Boolean,default:!1},pinRows:{type:Boolean,default:!1},pinCols:{type:Boolean,default:!1},size:{default:T.MD},columns:{},dataSource:{},ajax:{},searchValue:{},searchFunction:{},onRowClick:{}},setup(t){const n=e.ref([]),c=e.ref([]),l=e.ref(null),s=t,a=e.ref(z("table",G.toClassName(s.size),{"table-zebra":s.zebra,"table-pin-rows":s.pinRows,"table-pin-cols	":s.pinCols})),d=(u,r)=>{s.onRowClick&&s.onRowClick(u,r)},f=(u,r)=>String(!u||typeof u!="object"?u:r.split(".").reduce((o,p)=>o&&(typeof o=="object"?o[p]:o),u)),x=(u,r)=>r.render===void 0?{}:r.render(f(u,r.data),u).props,V=u=>(console.log("getComponent",u),u&&typeof u=="object"&&"then"in u?e.defineAsyncComponent(()=>u):typeof u=="function"?e.defineAsyncComponent(u):u),M=(u,r)=>r.render?r.render(f(u,r.data),u):f(u,r.data);e.onMounted(()=>{n.value=s.dataSource,c.value=s.dataSource}),e.watch(()=>s.dataSource,u=>{console.log("dataSource changed",u),n.value=u,c.value=u},{immediate:!0}),e.watch(()=>s.searchValue,u=>{if(s.searchFunction){c.value=s.searchFunction(u??"");return}c.value=u?E(u):n.value},{immediate:!0});const E=u=>{const r=[];return n.value.length>0?(Object.keys(n.value[0]).forEach(p=>{const h=n.value.map(b=>f(b,p)),v=_e(h)(u);for(const b of v){const m=n.value.filter(g=>f(g,p)===b.item);r.push(...m)}}),r):[]};return(u,r)=>{const o=e.resolveComponent("component");return e.openBlock(),e.createElementBlock("table",{ref_key:"table",ref:l,class:e.normalizeClass(a.value)},[e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.columns,p=>(e.openBlock(),e.createElementBlock("th",{key:p.title},e.toDisplayString(p.title),1))),128))])]),e.createElementVNode("tbody",null,[c.value.length===0?(e.openBlock(),e.createElementBlock("tr",ke,[e.createElementVNode("td",{colspan:s.columns.length},"No data found",8,Be)])):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(c.value,(p,h)=>(e.openBlock(),e.createElementBlock("tr",{class:e.normalizeClass(s.onRowClick?"hover":""),key:JSON.stringify(p),onClick:i=>d(p,h)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.columns,i=>(e.openBlock(),e.createElementBlock("td",{key:i.title},[i.render?p?(e.openBlock(),e.createBlock(o,{key:1},{default:e.withCtx(({cell:v=M(p,i)})=>[v?(e.openBlock(),e.createElementBlock("div",Se,[typeof v=="string"?(e.openBlock(),e.createElementBlock("div",Ce,[e.createElementVNode("div",{innerHTML:v},null,8,Ee)])):e.isVNode(v)?(e.openBlock(),e.createElementBlock("div",Ne,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(v)))])):(e.openBlock(),e.createElementBlock("div",we,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(V(v.component)),e.mergeProps({ref_for:!0},x(p,i)),null,16))]))])):e.createCommentVNode("",!0)]),_:2},1024)):e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(f(p,i.data)),1)],64))]))),128))],10,xe))),128))])],2)}}}),Ve=e.defineComponent({__name:"Stepper",props:{value:{}},emits:["update:value"],setup(t,{expose:n,emit:c}){const l=t,s=e.ref(l.value),a=c,d=f=>{s.value=f,a("update:value",f)};return e.provide("stepper",{value:s,updateValue:d}),e.watch(()=>l.value,f=>{s.value=f}),n({updateValue:d}),(f,x)=>e.renderSlot(f.$slots,"default",{updateValue:d})}}),Me=e.defineComponent({__name:"Step",props:{value:{}},setup(t){const n=t,c=e.inject("stepper"),l=e.ref("");return e.watch(()=>c?.value.value,s=>{s&&n.value&&(l.value=Number(s)>=Number(n.value)?"step-primary":"")}),e.onMounted(()=>{c&&(l.value=c.value.value===n.value?"step-primary":"",Number(c.value.value)>=Number(n.value)&&(l.value="step-primary"))}),(s,a)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(["step",l.value])},[e.renderSlot(s.$slots,"default")],2))}}),$e={},Te={class:"steps"};function Le(t,n){return e.openBlock(),e.createElementBlock("ul",Te,[e.renderSlot(t.$slots,"default")])}const Fe=W($e,[["render",Le]]),Re={key:0},De=e.defineComponent({__name:"StepPanels",setup(t){const n=e.inject("stepper");return(c,l)=>(e.openBlock(),e.createBlock(e.Transition,{name:"fade",mode:"out-in"},{default:e.withCtx(()=>[e.unref(n)?.value?(e.openBlock(),e.createElementBlock("div",Re,[e.renderSlot(c.$slots,"default",{currentStep:e.unref(n)?.value})])):e.createCommentVNode("",!0)]),_:3}))}}),Oe={key:0},We=e.defineComponent({__name:"StepPanel",props:{value:{}},setup(t,{expose:n}){const c=e.computed(()=>l?.value.value),l=e.inject("stepper"),s=a=>{l&&l.updateValue(a.toString())};return n({activateCallback:s}),(a,d)=>a.value===c.value?(e.openBlock(),e.createElementBlock("div",Oe,[e.renderSlot(a.$slots,"default",{activateCallback:s})])):e.createCommentVNode("",!0)}}),Pe={key:0,method:"dialog"},qe=e.defineComponent({__name:"Modal",props:{closeButton:{type:Boolean,default:!0},overflow:{type:Boolean,default:!1},closeButtonSize:{default:T.SM},extraBoxClasses:{}},emits:["close"],setup(t,{expose:n,emit:c}){const l=e.ref(null),s=c,a=t,d=e.ref(z("modal-box",a.extraBoxClasses,{"overflow-visible":a.overflow})),f=e.ref(z("modal")),x=e.ref(z("btn",H.toClassName(a.closeButtonSize),"btn-circle","btn-ghost","absolute","right-2","top-2"));return n({showModal:()=>{l.value?.showModal()},closeModal:()=>{l.value?.close()}}),(E,u)=>(e.openBlock(),e.createElementBlock("dialog",{ref_key:"modal",ref:l,class:e.normalizeClass([f.value,E.$attrs.class]),"aria-modal":"true","aria-hidden":"true",role:"dialog",onClose:u[0]||(u[0]=r=>s("close",r))},[e.createElementVNode("div",{class:e.normalizeClass(d.value)},[E.closeButton?(e.openBlock(),e.createElementBlock("form",Pe,[e.createElementVNode("button",{class:e.normalizeClass(x.value)},"✕",2)])):e.createCommentVNode("",!0),e.renderSlot(E.$slots,"default")],2),u[1]||(u[1]=e.createElementVNode("form",{method:"dialog",class:"modal-backdrop"},[e.createElementVNode("button",null,"close")],-1))],34))}}),Ae={class:"hidden w-full max-w-sm lg:flex"},Ue={class:"relative mx-3 w-full"},Xe={class:"relative w-full max-w-full"},Ie=["value"],Ke=e.defineComponent({__name:"SearchBar",props:["modelValue"],emits:["update:modelValue"],setup(t,{emit:n}){const c=t,l=e.ref(null),s=n,a=d=>{(d.ctrlKey||d.metaKey)&&d.key.toLowerCase()==="k"&&(d.preventDefault(),l.value&&l.value.focus())};return e.onMounted(()=>{document.addEventListener("keydown",a)}),e.onUnmounted(()=>{document.removeEventListener("keydown",a)}),(d,f)=>(e.openBlock(),e.createElementBlock("div",Ae,[e.createElementVNode("label",Ue,[f[1]||(f[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",Xe,[e.createElementVNode("form",null,[e.createElementVNode("input",{ref_key:"searchInput",ref:l,type:"search",placeholder:"Zoeken...",value:c.modelValue,onInput:f[0]||(f[0]=x=>s("update:modelValue",x.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,Ie)])]),f[2]||(f[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))])]))}}),He=["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"];exports.BackgroundColorUtils=I;exports.Button=ce;exports.ButtonColorUtils=K;exports.ButtonSizeUtils=H;exports.Card=de;exports.CardBody=be;exports.CardTitle=ve;exports.Color=$;exports.Container=ge;exports.Modal=qe;exports.RoundedSizeUtils=j;exports.SearchBar=Ke;exports.SimpleButton=ie;exports.Size=T;exports.Step=Me;exports.StepList=Fe;exports.StepPanel=We;exports.StepPanels=De;exports.Stepper=Ve;exports.Table=ze;exports.TableSizeUtils=G;exports.TextColorUtils=ne;exports.dendelionSafeList=He;

package/dist/dendelion-ui.es.js

@@ -1,6 +1,6 @@
-import { defineComponent as C, computed as ce, createElementBlock as m, openBlock as v, normalizeClass as z, createElementVNode as y, renderSlot as M, ref as w, createBlock as P, resolveDynamicComponent as G, withCtx as le, createTextVNode as ie, toDisplayString as j, onMounted as Z, watch as q, Fragment as O, renderList as I, createCommentVNode as D, isVNode as he, mergeProps as me, defineAsyncComponent as te, provide as ye, inject as J, Transition as _e, unref as ne, onUnmounted as xe } from "vue";
-var Y = /* @__PURE__ */ ((e) => (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))(Y || {});
-class Se {
+import { defineComponent as B, computed as le, createElementBlock as m, openBlock as b, normalizeClass as N, createElementVNode as y, renderSlot as $, ref as k, createBlock as V, resolveDynamicComponent as G, withCtx as J, createTextVNode as ie, toDisplayString as j, onMounted as Z, watch as q, resolveComponent as he, Fragment as P, renderList as I, createCommentVNode as D, isVNode as me, mergeProps as ye, defineAsyncComponent as ne, provide as _e, inject as Y, Transition as xe, unref as re, onUnmounted as Se } from "vue";
+var Q = /* @__PURE__ */ ((e) => (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))(Q || {});
+class ke {
   static toClassName(t) {
     switch (t) {
       case 0:
@@ -48,7 +48,7 @@ class Se {
     }
   }
 }
-class ke {
+class we {
   static toClassName(t) {
     switch (t) {
       case 0:
@@ -96,7 +96,7 @@ class ke {
     }
   }
 }
-class et {
+class st {
   static toClassName(t) {
     switch (t) {
       case 0:
@@ -144,8 +144,8 @@ class et {
     }
   }
 }
-var Q = /* @__PURE__ */ ((e) => (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))(Q || {});
-class we {
+var ee = /* @__PURE__ */ ((e) => (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))(ee || {});
+class Be {
   static toClassName(t) {
     switch (t) {
       case 0:
@@ -167,7 +167,7 @@ class we {
     }
   }
 }
-class Be {
+class Ce {
   static toClassName(t) {
     switch (t) {
       case 0:
@@ -189,7 +189,7 @@ class Be {
     }
   }
 }
-class Ce {
+class $e {
   static toClassName(t) {
     switch (t) {
       case 0:
@@ -220,15 +220,15 @@ var U = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var re;
-function $e() {
-  return re || (re = 1, function(e) {
+var ae;
+function Me() {
+  return ae || (ae = 1, function(e) {
     (function() {
       var t = {}.hasOwnProperty;
-      function s() {
-        for (var r = "", l = 0; l < arguments.length; l++) {
-          var i = arguments[l];
-          i && (r = a(r, u(i)));
+      function o() {
+        for (var r = "", i = 0; i < arguments.length; i++) {
+          var f = arguments[i];
+          f && (r = a(r, u(f)));
         }
         return r;
       }
@@ -238,292 +238,292 @@ function $e() {
         if (typeof r != "object")
           return "";
         if (Array.isArray(r))
-          return s.apply(null, r);
+          return o.apply(null, r);
         if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
           return r.toString();
-        var l = "";
-        for (var i in r)
-          t.call(r, i) && r[i] && (l = a(l, i));
-        return l;
+        var i = "";
+        for (var f in r)
+          t.call(r, f) && r[f] && (i = a(i, f));
+        return i;
       }
-      function a(r, l) {
-        return l ? r ? r + " " + l : r + l : r;
+      function a(r, i) {
+        return i ? r ? r + " " + i : r + i : r;
       }
-      e.exports ? (s.default = s, e.exports = s) : window.classNames = s;
+      e.exports ? (o.default = o, e.exports = o) : window.classNames = o;
     })();
   }(U)), U.exports;
 }
-var Me = $e();
-const R = /* @__PURE__ */ de(Me), Ne = ["type", "disabled"], ze = { class: "group-[.is-loading]:text-transparent" }, tt = /* @__PURE__ */ C({
+var Ne = Me();
+const R = /* @__PURE__ */ de(Ne), ze = ["type", "disabled"], Te = { class: "group-[.is-loading]:text-transparent" }, ot = /* @__PURE__ */ B({
   __name: "Button",
   props: {
     type: { default: "button" },
     loading: { type: Boolean },
-    color: { default: Y.Neutral },
+    color: { default: Q.Neutral },
     soft: { type: Boolean, default: !1 },
     outline: { type: Boolean, default: !1 },
     disabled: { type: Boolean },
     click: {}
   },
   setup(e) {
-    const t = e, s = ce(
+    const t = e, o = le(
       () => R(
         "btn",
         "group",
-        ke.toClassName(t.color),
+        we.toClassName(t.color),
         t.soft ? "btn-soft" : "",
         t.outline ? "btn-outline" : "",
         t.loading ? "is-loading" : "",
         t.disabled ? "disabled" : ""
       )
     );
-    return (u, a) => (v(), m("button", {
+    return (u, a) => (b(), m("button", {
       onClick: a[0] || (a[0] = (r) => u.click ? u.click : void 0),
-      class: z(s.value),
+      class: N(o.value),
       type: u.type,
       disabled: u.disabled || u.loading
     }, [
       a[1] || (a[1] = y("span", { class: "loading loading-spinner loading-md absolute hidden group-[.is-loading]:block" }, null, -1)),
-      y("span", ze, [
-        M(u.$slots, "default")
+      y("span", Te, [
+        $(u.$slots, "default")
       ])
-    ], 10, Ne));
+    ], 10, ze));
   }
-}), ee = (e, t) => {
-  const s = e.__vccOpts || e;
+}), te = (e, t) => {
+  const o = e.__vccOpts || e;
   for (const [u, a] of t)
-    s[u] = a;
-  return s;
-}, Te = {};
-function Le(e, t) {
-  return v(), m("button");
+    o[u] = a;
+  return o;
+}, Le = {};
+function Ee(e, t) {
+  return b(), m("button");
 }
-const nt = /* @__PURE__ */ ee(Te, [["render", Le]]), rt = /* @__PURE__ */ C({
+const ut = /* @__PURE__ */ te(Le, [["render", Ee]]), ct = /* @__PURE__ */ B({
   __name: "Card",
   props: {
-    backgroundColor: { default: Y.Primary },
+    backgroundColor: { default: Q.Primary },
     shadow: { type: Boolean, default: !1 },
     fullWidth: { type: Boolean, default: !1 },
     rounded: { type: Boolean },
     roundedSize: {}
   },
   setup(e) {
-    const t = e, s = w(
+    const t = e, o = k(
       R(
         "card",
-        Se.toClassName(t.backgroundColor),
+        ke.toClassName(t.backgroundColor),
         t.shadow ? "shadow-lg" : "",
         t.fullWidth ? "w-full" : "",
-        t.rounded && !t.roundedSize ? "rounded" : t.roundedSize ? Be.toClassName(t.roundedSize) : ""
+        t.rounded && !t.roundedSize ? "rounded" : t.roundedSize ? Ce.toClassName(t.roundedSize) : ""
       )
     );
-    return (u, a) => (v(), m("div", {
-      class: z(s.value)
+    return (u, a) => (b(), m("div", {
+      class: N(o.value)
     }, [
-      M(u.$slots, "default")
+      $(u.$slots, "default")
     ], 2));
   }
-}), Ee = {}, Fe = { class: "card-body" };
-function Re(e, t) {
-  return v(), m("div", Fe, [
-    M(e.$slots, "default")
+}), Fe = {}, Re = { class: "card-body" };
+function We(e, t) {
+  return b(), m("div", Re, [
+    $(e.$slots, "default")
   ]);
 }
-const at = /* @__PURE__ */ ee(Ee, [["render", Re]]), st = /* @__PURE__ */ C({
+const lt = /* @__PURE__ */ te(Fe, [["render", We]]), it = /* @__PURE__ */ B({
   __name: "CardTitle",
   props: {
     is: { default: "h1" },
     text: { default: "" }
   },
   setup(e) {
-    return (t, s) => (v(), P(G(t.is), { class: "card-title" }, {
-      default: le(() => [
+    return (t, o) => (b(), V(G(t.is), { class: "card-title" }, {
+      default: J(() => [
         ie(j(t.text), 1)
       ]),
       _: 1
     }));
   }
-}), ut = /* @__PURE__ */ C({
+}), dt = /* @__PURE__ */ B({
   __name: "Container",
   props: {
     container: { type: Boolean, default: !0 },
     padding: { type: Boolean, default: !0 }
   },
   setup(e) {
-    const t = e, s = w([
+    const t = e, o = k([
       t.container ? "container" : "",
       //To disable the max width in some cases
       t.padding ? "p-6" : ""
     ]);
-    return (u, a) => (v(), m("div", {
-      class: z(s.value)
+    return (u, a) => (b(), m("div", {
+      class: N(o.value)
     }, [
-      M(u.$slots, "default")
+      $(u.$slots, "default")
     ], 2));
   }
 });
-var K = {}, H = {}, ae;
+var K = {}, H = {}, se;
 function fe() {
-  return ae || (ae = 1, function(e) {
+  return se || (se = 1, function(e) {
     e.__esModule = !0, e.default = a;
-    var t = /[\u0300-\u036f]/g, s = /ł/g, u = /ñ/g;
+    var t = /[\u0300-\u036f]/g, o = /ł/g, u = /ñ/g;
     function a(r) {
-      return r.toLowerCase().normalize("NFD").replace(t, "").replace(s, "l").replace(u, "n").trim();
+      return r.toLowerCase().normalize("NFD").replace(t, "").replace(o, "l").replace(u, "n").trim();
     }
   }(H)), H;
 }
-var E = {}, se;
+var E = {}, oe;
 function ue() {
-  if (se) return E;
-  se = 1, E.__esModule = !0, E.aggressiveFuzzyMatch = N, E.createFuzzySearchImpl = _, E.experimentalSmartFuzzyMatch = W, E.fuzzyMatchImpl = d;
+  if (oe) return E;
+  oe = 1, E.__esModule = !0, E.aggressiveFuzzyMatch = M, E.createFuzzySearchImpl = c, E.experimentalSmartFuzzyMatch = W, E.fuzzyMatchImpl = L;
   var e = t(fe());
   function t(n) {
     return n && n.__esModule ? n : { default: n };
   }
-  var s = Number.MAX_SAFE_INTEGER, u = function(o, c) {
+  var o = Number.MAX_SAFE_INTEGER, u = function(s, d) {
     return (
       /*: number*/
-      o.score - c.score
+      s.score - d.score
     );
-  }, a = function(o, c) {
+  }, a = function(s, d) {
     return (
       /*: number*/
-      o[0] - c[0]
+      s[0] - d[0]
     );
   }, r = new Set(`  []()-–—'"“”`.split(""));
-  function l(n) {
+  function i(n) {
     return r.has(n);
   }
-  function i(n, o, c, x, f, g, b) {
-    if (n === x)
+  function f(n, s, d, _, l, g, v) {
+    if (n === _)
       return [0, [[0, n.length - 1]]];
-    var p = x.length, h = o.length, S = f.length;
-    if (o === f)
+    var p = _.length, h = s.length, x = l.length;
+    if (s === l)
       return [0.1, [[0, h - 1]]];
-    if (o.startsWith(f))
-      return [0.5, [[0, S - 1]]];
-    var B = n.indexOf(x);
-    if (B > -1 && l(n[B - 1]))
-      return [0.9, [[B, B + p - 1]]];
-    var k = o.indexOf(f);
-    if (k > -1 && l(o[k - 1]))
-      return [1, [[k, k + p - 1]]];
-    var $ = g.length;
-    if ($ > 1 && g.every(function(L) {
-      return c.has(L);
+    if (s.startsWith(l))
+      return [0.5, [[0, x - 1]]];
+    var w = n.indexOf(_);
+    if (w > -1 && i(n[w - 1]))
+      return [0.9, [[w, w + p - 1]]];
+    var S = s.indexOf(l);
+    if (S > -1 && i(s[S - 1]))
+      return [1, [[S, S + p - 1]]];
+    var C = g.length;
+    if (C > 1 && g.every(function(T) {
+      return d.has(T);
     })) {
-      var T = 1.5 + $ * 0.2;
-      return [T, g.map(function(L) {
-        var F = o.indexOf(L);
-        return [F, F + L.length - 1];
+      var z = 1.5 + C * 0.2;
+      return [z, g.map(function(T) {
+        var F = s.indexOf(T);
+        return [F, F + T.length - 1];
       }).sort(a)];
     }
-    return k > -1 ? [2, [[k, k + p - 1]]] : b === "aggressive" ? N(o, f) : b === "smart" ? W(o, f) : null;
+    return S > -1 ? [2, [[S, S + p - 1]]] : v === "aggressive" ? M(s, l) : v === "smart" ? W(s, l) : null;
   }
-  function N(n, o) {
-    for (var c = n.length, x = o.length, f = 0, g = o[f], b = [], p = -1, h = -2, S = 0; S < c; S += 1)
-      if (n[S] === g) {
-        if (S !== h + 1 && (p >= 0 && b.push([p, h]), p = S), h = S, f += 1, f === x)
-          return b.push([p, h]), V(b, n);
-        g = o[f];
+  function M(n, s) {
+    for (var d = n.length, _ = s.length, l = 0, g = s[l], v = [], p = -1, h = -2, x = 0; x < d; x += 1)
+      if (n[x] === g) {
+        if (x !== h + 1 && (p >= 0 && v.push([p, h]), p = x), h = x, l += 1, l === _)
+          return v.push([p, h]), O(v, n);
+        g = s[l];
       }
     return null;
   }
-  function W(n, o) {
-    for (var c = n.length, x = [], f = 0, g = o[f], b = -1, p = -2; ; ) {
+  function W(n, s) {
+    for (var d = n.length, _ = [], l = 0, g = s[l], v = -1, p = -2; ; ) {
       var h = n.indexOf(g, p + 1);
       if (h === -1)
         break;
-      if (h === 0 || l(n[h - 1]))
-        b = h;
+      if (h === 0 || i(n[h - 1]))
+        v = h;
       else {
-        var S = o.length - f, B = n.length - h, k = Math.min(3, S, B), $ = o.slice(f, f + k);
-        if (n.slice(h, h + k) === $)
-          b = h;
+        var x = s.length - l, w = n.length - h, S = Math.min(3, x, w), C = s.slice(l, l + S);
+        if (n.slice(h, h + S) === C)
+          v = h;
         else {
           p += 1;
           continue;
         }
       }
-      for (p = b; p < c && n[p] === g; p += 1)
-        f += 1, g = o[f];
-      if (p -= 1, x.push([b, p]), f === o.length)
-        return V(x, n);
+      for (p = v; p < d && n[p] === g; p += 1)
+        l += 1, g = s[l];
+      if (p -= 1, _.push([v, p]), l === s.length)
+        return O(_, n);
     }
     return null;
   }
-  function V(n, o) {
-    var c = 2;
-    return n.forEach(function(x) {
-      var f = x[0], g = x[1], b = g - f + 1, p = f === 0 || o[f] === " " || o[f - 1] === " ", h = g === o.length - 1 || o[g] === " " || o[g + 1] === " ", S = p && h;
-      S ? c += 0.2 : p ? c += 0.4 : b >= 3 ? c += 0.8 : c += 1.6;
-    }), [c, n];
+  function O(n, s) {
+    var d = 2;
+    return n.forEach(function(_) {
+      var l = _[0], g = _[1], v = g - l + 1, p = l === 0 || s[l] === " " || s[l - 1] === " ", h = g === s.length - 1 || s[g] === " " || s[g + 1] === " ", x = p && h;
+      x ? d += 0.2 : p ? d += 0.4 : v >= 3 ? d += 0.8 : d += 1.6;
+    }), [d, n];
   }
-  function d(n, o) {
-    var c = (0, e.default)(o), x = c.split(" "), f = (0, e.default)(n), g = new Set(f.split(" ")), b = i(n, f, g, o, c, x, "smart");
-    return b ? {
+  function L(n, s) {
+    var d = (0, e.default)(s), _ = d.split(" "), l = (0, e.default)(n), g = new Set(l.split(" ")), v = f(n, l, g, s, d, _, "smart");
+    return v ? {
       item: n,
-      score: b[0],
-      matches: [b[1]]
+      score: v[0],
+      matches: [v[1]]
     } : null;
   }
-  function _(n, o) {
-    var c = o.strategy, x = c === void 0 ? "aggressive" : c, f = o.getText, g = n.map(function(b) {
+  function c(n, s) {
+    var d = s.strategy, _ = d === void 0 ? "aggressive" : d, l = s.getText, g = n.map(function(v) {
       var p;
-      if (f)
-        p = f(b);
+      if (l)
+        p = l(v);
       else {
-        var h = o.key ? b[o.key] : b;
+        var h = s.key ? v[s.key] : v;
         p = [h];
       }
-      var S = p.map(function(B) {
-        var k = B || "", $ = (0, e.default)(k), T = new Set($.split(" "));
-        return [k, $, T];
+      var x = p.map(function(w) {
+        var S = w || "", C = (0, e.default)(S), z = new Set(C.split(" "));
+        return [S, C, z];
       });
-      return [b, S];
+      return [v, x];
     });
-    return function(b) {
-      var p = [], h = (0, e.default)(b), S = h.split(" ");
-      return h.length ? (g.forEach(function(B) {
-        for (var k = B[0], $ = B[1], T = s, L = [], F = 0, pe = $.length; F < pe; F += 1) {
-          var A = $[F], be = A[0], ve = A[1], ge = A[2], X = i(be, ve, ge, b, h, S, x);
-          X ? (T = Math.min(T, X[0]), L.push(X[1])) : L.push(null);
+    return function(v) {
+      var p = [], h = (0, e.default)(v), x = h.split(" ");
+      return h.length ? (g.forEach(function(w) {
+        for (var S = w[0], C = w[1], z = o, T = [], F = 0, pe = C.length; F < pe; F += 1) {
+          var A = C[F], be = A[0], ve = A[1], ge = A[2], X = f(be, ve, ge, v, h, x, _);
+          X ? (z = Math.min(z, X[0]), T.push(X[1])) : T.push(null);
         }
-        T < s && p.push({
-          item: k,
-          score: T,
-          matches: L
+        z < o && p.push({
+          item: S,
+          score: z,
+          matches: T
         });
       }), p.sort(u), p) : [];
     };
   }
   return E;
 }
-var oe;
-function We() {
-  return oe || (oe = 1, function(e) {
+var ce;
+function Oe() {
+  return ce || (ce = 1, function(e) {
     e.__esModule = !0, e.default = u, e.fuzzyMatch = a;
-    var t = s(fe());
+    var t = o(fe());
     e.normalizeText = t.default;
-    function s(r) {
+    function o(r) {
       return r && r.__esModule ? r : { default: r };
     }
-    function u(r, l) {
-      return l === void 0 && (l = {}), ue().createFuzzySearchImpl(r, l);
+    function u(r, i) {
+      return i === void 0 && (i = {}), ue().createFuzzySearchImpl(r, i);
     }
-    function a(r, l) {
-      return ue().fuzzyMatchImpl(r, l);
+    function a(r, i) {
+      return ue().fuzzyMatchImpl(r, i);
     }
   }(K)), K;
 }
-var Ve = We();
-const Oe = /* @__PURE__ */ de(Ve), De = { key: 0 }, Pe = ["colspan"], qe = ["onClick"], Ae = ["innerHTML"], ot = /* @__PURE__ */ C({
+var Ve = Oe();
+const De = /* @__PURE__ */ de(Ve), Pe = { key: 0 }, qe = ["colspan"], Ae = ["onClick"], Xe = { key: 0 }, Ie = { key: 0 }, Ue = ["innerHTML"], Ke = { key: 1 }, He = { key: 2 }, ft = /* @__PURE__ */ B({
   __name: "Table",
   props: {
     zebra: { type: Boolean, default: !1 },
     pinRows: { type: Boolean, default: !1 },
     pinCols: { type: Boolean, default: !1 },
-    size: { default: Q.MD },
+    size: { default: ee.MD },
     columns: {},
     dataSource: {},
     ajax: {},
@@ -532,188 +532,195 @@ const Oe = /* @__PURE__ */ de(Ve), De = { key: 0 }, Pe = ["colspan"], qe = ["onC
     onRowClick: {}
   },
   setup(e) {
-    const t = w([]), s = w([]), u = w(null), a = e, r = w(
-      R("table", Ce.toClassName(a.size), {
+    const t = k([]), o = k([]), u = k(null), a = e, r = k(
+      R("table", $e.toClassName(a.size), {
         "table-zebra": a.zebra,
         "table-pin-rows": a.pinRows,
         "table-pin-cols	": a.pinCols
       })
-    ), l = (d, _) => {
-      a.onRowClick && a.onRowClick(d, _);
-    }, i = (d, _) => String(!d || typeof d != "object" ? d : _.split(".").reduce((n, o) => n && (typeof n == "object" ? n[o] : n), d)), N = (d, _) => _.render === void 0 ? {} : _.render(i(d, _.data), d).props, W = (d) => (console.log("getComponent", d), d && typeof d == "object" && "then" in d ? te(() => d) : typeof d == "function" ? te(d) : d);
+    ), i = (c, n) => {
+      a.onRowClick && a.onRowClick(c, n);
+    }, f = (c, n) => String(!c || typeof c != "object" ? c : n.split(".").reduce((s, d) => s && (typeof s == "object" ? s[d] : s), c)), M = (c, n) => n.render === void 0 ? {} : n.render(f(c, n.data), c).props, W = (c) => (console.log("getComponent", c), c && typeof c == "object" && "then" in c ? ne(() => c) : typeof c == "function" ? ne(c) : c), O = (c, n) => n.render ? n.render(f(c, n.data), c) : f(c, n.data);
     Z(() => {
-      t.value = a.dataSource, s.value = a.dataSource;
+      t.value = a.dataSource, o.value = a.dataSource;
     }), q(
       () => a.dataSource,
-      (d) => {
-        t.value = d, s.value = d;
+      (c) => {
+        console.log("dataSource changed", c), t.value = c, o.value = c;
       },
       { immediate: !0 }
     ), q(
       () => a.searchValue,
-      (d) => {
+      (c) => {
         if (a.searchFunction) {
-          s.value = a.searchFunction(d ?? "");
+          o.value = a.searchFunction(c ?? "");
           return;
         }
-        s.value = d ? V(d) : t.value;
+        o.value = c ? L(c) : t.value;
       },
       { immediate: !0 }
     );
-    const V = (d) => {
-      const _ = [];
-      return t.value.length > 0 ? (Object.keys(t.value[0]).forEach((o) => {
-        const c = t.value.map((g) => i(g, o)), f = Oe(c)(d);
-        for (const g of f) {
-          const b = t.value.filter((p) => i(p, o) === g.item);
-          _.push(...b);
+    const L = (c) => {
+      const n = [];
+      return t.value.length > 0 ? (Object.keys(t.value[0]).forEach((d) => {
+        const _ = t.value.map((v) => f(v, d)), g = De(_)(c);
+        for (const v of g) {
+          const p = t.value.filter((h) => f(h, d) === v.item);
+          n.push(...p);
         }
-      }), _) : [];
+      }), n) : [];
     };
-    return (d, _) => (v(), m("table", {
-      ref_key: "table",
-      ref: u,
-      class: z(r.value)
-    }, [
-      y("thead", null, [
-        y("tr", null, [
-          (v(!0), m(O, null, I(a.columns, (n) => (v(), m("th", {
-            key: n.title
-          }, j(n.title), 1))), 128))
-        ])
-      ]),
-      y("tbody", null, [
-        s.value.length === 0 ? (v(), m("tr", De, [
-          y("td", {
-            colspan: a.columns.length
-          }, "No data found", 8, Pe)
-        ])) : (v(!0), m(O, { key: 1 }, I(s.value, (n, o) => (v(), m("tr", {
-          class: z(a.onRowClick ? "hover" : ""),
-          key: String(n),
-          onClick: (c) => l(n, o)
-        }, [
-          (v(!0), m(O, null, I(a.columns, (c) => (v(), m("td", {
-            key: c.title
+    return (c, n) => {
+      const s = he("component");
+      return b(), m("table", {
+        ref_key: "table",
+        ref: u,
+        class: N(r.value)
+      }, [
+        y("thead", null, [
+          y("tr", null, [
+            (b(!0), m(P, null, I(a.columns, (d) => (b(), m("th", {
+              key: d.title
+            }, j(d.title), 1))), 128))
+          ])
+        ]),
+        y("tbody", null, [
+          o.value.length === 0 ? (b(), m("tr", Pe, [
+            y("td", {
+              colspan: a.columns.length
+            }, "No data found", 8, qe)
+          ])) : (b(!0), m(P, { key: 1 }, I(o.value, (d, _) => (b(), m("tr", {
+            class: N(a.onRowClick ? "hover" : ""),
+            key: JSON.stringify(d),
+            onClick: (l) => i(d, _)
           }, [
-            c.render ? D("", !0) : (v(), m(O, { key: 0 }, [
-              ie(j(i(n, c.data)), 1)
-            ], 64)),
-            typeof c.render == "function" ? (v(), m(O, { key: 1 }, [
-              typeof c.render(i(n, c.data), n) == "string" ? (v(), m("div", {
-                key: 0,
-                innerHTML: c.render(i(n, c.data), n)
-              }, null, 8, Ae)) : he(c.render(i(n, c.data), n)) ? (v(), P(G(c.render(i(n, c.data), n)), { key: 1 })) : (v(), P(G(W(c.render(i(n, c.data), n).component)), me({
-                key: 2,
-                ref_for: !0
-              }, N(n, c)), null, 16))
-            ], 64)) : D("", !0)
-          ]))), 128))
-        ], 10, qe))), 128))
-      ])
-    ], 2));
+            (b(!0), m(P, null, I(a.columns, (l) => (b(), m("td", {
+              key: l.title
+            }, [
+              l.render ? d ? (b(), V(s, { key: 1 }, {
+                default: J(({ cell: g = O(d, l) }) => [
+                  g ? (b(), m("div", Xe, [
+                    typeof g == "string" ? (b(), m("div", Ie, [
+                      y("div", { innerHTML: g }, null, 8, Ue)
+                    ])) : me(g) ? (b(), m("div", Ke, [
+                      (b(), V(G(g)))
+                    ])) : (b(), m("div", He, [
+                      (b(), V(G(W(g.component)), ye({ ref_for: !0 }, M(d, l)), null, 16))
+                    ]))
+                  ])) : D("", !0)
+                ]),
+                _: 2
+              }, 1024)) : D("", !0) : (b(), m(P, { key: 0 }, [
+                ie(j(f(d, l.data)), 1)
+              ], 64))
+            ]))), 128))
+          ], 10, Ae))), 128))
+        ])
+      ], 2);
+    };
   }
-}), ct = /* @__PURE__ */ C({
+}), pt = /* @__PURE__ */ B({
   __name: "Stepper",
   props: {
     value: {}
   },
   emits: ["update:value"],
-  setup(e, { expose: t, emit: s }) {
-    const u = e, a = w(u.value), r = s, l = (i) => {
-      a.value = i, r("update:value", i);
+  setup(e, { expose: t, emit: o }) {
+    const u = e, a = k(u.value), r = o, i = (f) => {
+      a.value = f, r("update:value", f);
     };
-    return ye("stepper", {
+    return _e("stepper", {
       value: a,
-      updateValue: l
+      updateValue: i
     }), q(
       () => u.value,
-      (i) => {
-        a.value = i;
+      (f) => {
+        a.value = f;
       }
     ), t({
-      updateValue: l
-    }), (i, N) => M(i.$slots, "default", { updateValue: l });
+      updateValue: i
+    }), (f, M) => $(f.$slots, "default", { updateValue: i });
   }
-}), lt = /* @__PURE__ */ C({
+}), bt = /* @__PURE__ */ B({
   __name: "Step",
   props: {
     value: {}
   },
   setup(e) {
-    const t = e, s = J("stepper"), u = w("");
+    const t = e, o = Y("stepper"), u = k("");
     return q(
-      () => s?.value.value,
+      () => o?.value.value,
       (a) => {
         a && t.value && (u.value = Number(a) >= Number(t.value) ? "step-primary" : "");
       }
     ), Z(() => {
-      s && (u.value = s.value.value === t.value ? "step-primary" : "", Number(s.value.value) >= Number(t.value) && (u.value = "step-primary"));
-    }), (a, r) => (v(), m("li", {
-      class: z(["step", u.value])
+      o && (u.value = o.value.value === t.value ? "step-primary" : "", Number(o.value.value) >= Number(t.value) && (u.value = "step-primary"));
+    }), (a, r) => (b(), m("li", {
+      class: N(["step", u.value])
     }, [
-      M(a.$slots, "default")
+      $(a.$slots, "default")
     ], 2));
   }
-}), Xe = {}, Ie = { class: "steps" };
-function Ue(e, t) {
-  return v(), m("ul", Ie, [
-    M(e.$slots, "default")
+}), Ge = {}, je = { class: "steps" };
+function Je(e, t) {
+  return b(), m("ul", je, [
+    $(e.$slots, "default")
   ]);
 }
-const it = /* @__PURE__ */ ee(Xe, [["render", Ue]]), Ke = { key: 0 }, dt = /* @__PURE__ */ C({
+const vt = /* @__PURE__ */ te(Ge, [["render", Je]]), Ze = { key: 0 }, gt = /* @__PURE__ */ B({
   __name: "StepPanels",
   setup(e) {
-    const t = J("stepper");
-    return (s, u) => (v(), P(_e, {
+    const t = Y("stepper");
+    return (o, u) => (b(), V(xe, {
       name: "fade",
       mode: "out-in"
     }, {
-      default: le(() => [
-        ne(t)?.value ? (v(), m("div", Ke, [
-          M(s.$slots, "default", {
-            currentStep: ne(t)?.value
+      default: J(() => [
+        re(t)?.value ? (b(), m("div", Ze, [
+          $(o.$slots, "default", {
+            currentStep: re(t)?.value
           })
         ])) : D("", !0)
       ]),
       _: 3
     }));
   }
-}), He = { key: 0 }, ft = /* @__PURE__ */ C({
+}), Ye = { key: 0 }, ht = /* @__PURE__ */ B({
   __name: "StepPanel",
   props: {
     value: {}
   },
   setup(e, { expose: t }) {
-    const s = ce(() => u?.value.value), u = J("stepper"), a = (r) => {
+    const o = le(() => u?.value.value), u = Y("stepper"), a = (r) => {
       u && u.updateValue(r.toString());
     };
     return t({
       activateCallback: a
-    }), (r, l) => r.value === s.value ? (v(), m("div", He, [
-      M(r.$slots, "default", { activateCallback: a })
+    }), (r, i) => r.value === o.value ? (b(), m("div", Ye, [
+      $(r.$slots, "default", { activateCallback: a })
     ])) : D("", !0);
   }
-}), Ge = {
+}), Qe = {
   key: 0,
   method: "dialog"
-}, pt = /* @__PURE__ */ C({
+}, mt = /* @__PURE__ */ B({
   __name: "Modal",
   props: {
     closeButton: { type: Boolean, default: !0 },
     overflow: { type: Boolean, default: !1 },
-    closeButtonSize: { default: Q.SM },
+    closeButtonSize: { default: ee.SM },
     extraBoxClasses: {}
   },
   emits: ["close"],
-  setup(e, { expose: t, emit: s }) {
-    const u = w(null), a = s, r = e, l = w(R("modal-box", r.extraBoxClasses, {
+  setup(e, { expose: t, emit: o }) {
+    const u = k(null), a = o, r = e, i = k(R("modal-box", r.extraBoxClasses, {
       "overflow-visible": r.overflow
-    })), i = w(
+    })), f = k(
       R("modal")
-    ), N = w(
+    ), M = k(
       R(
         "btn",
-        we.toClassName(r.closeButtonSize),
+        Be.toClassName(r.closeButtonSize),
         "btn-circle",
         "btn-ghost",
         "absolute",
@@ -728,26 +735,26 @@ const it = /* @__PURE__ */ ee(Xe, [["render", Ue]]), Ke = { key: 0 }, dt = /* @_
       closeModal: () => {
         u.value?.close();
       }
-    }), (d, _) => (v(), m("dialog", {
+    }), (L, c) => (b(), m("dialog", {
       ref_key: "modal",
       ref: u,
-      class: z([i.value, d.$attrs.class]),
+      class: N([f.value, L.$attrs.class]),
       "aria-modal": "true",
       "aria-hidden": "true",
       role: "dialog",
-      onClose: _[0] || (_[0] = (n) => a("close", n))
+      onClose: c[0] || (c[0] = (n) => a("close", n))
     }, [
       y("div", {
-        class: z(l.value)
+        class: N(i.value)
       }, [
-        d.closeButton ? (v(), m("form", Ge, [
+        L.closeButton ? (b(), m("form", Qe, [
           y("button", {
-            class: z(N.value)
+            class: N(M.value)
           }, "✕", 2)
         ])) : D("", !0),
-        M(d.$slots, "default")
+        $(L.$slots, "default")
       ], 2),
-      _[1] || (_[1] = y("form", {
+      c[1] || (c[1] = y("form", {
         method: "dialog",
         class: "modal-backdrop"
       }, [
@@ -755,21 +762,21 @@ const it = /* @__PURE__ */ ee(Xe, [["render", Ue]]), Ke = { key: 0 }, dt = /* @_
       ], -1))
     ], 34));
   }
-}), je = { class: "hidden w-full max-w-sm lg:flex" }, Ze = { class: "relative mx-3 w-full" }, Je = { class: "relative w-full max-w-full" }, Ye = ["value"], bt = /* @__PURE__ */ C({
+}), et = { class: "hidden w-full max-w-sm lg:flex" }, tt = { class: "relative mx-3 w-full" }, nt = { class: "relative w-full max-w-full" }, rt = ["value"], yt = /* @__PURE__ */ B({
   __name: "SearchBar",
   props: ["modelValue"],
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const s = e, u = w(null), a = t, r = (l) => {
-      (l.ctrlKey || l.metaKey) && l.key.toLowerCase() === "k" && (l.preventDefault(), u.value && u.value.focus());
+    const o = e, u = k(null), a = t, r = (i) => {
+      (i.ctrlKey || i.metaKey) && i.key.toLowerCase() === "k" && (i.preventDefault(), u.value && u.value.focus());
     };
     return Z(() => {
       document.addEventListener("keydown", r);
-    }), xe(() => {
+    }), Se(() => {
       document.removeEventListener("keydown", r);
-    }), (l, i) => (v(), m("div", je, [
-      y("label", Ze, [
-        i[1] || (i[1] = y("svg", {
+    }), (i, f) => (b(), m("div", et, [
+      y("label", tt, [
+        f[1] || (f[1] = y("svg", {
           class: "pointer-events-none absolute z-10 my-3.5 ms-4 text-base-content opacity-60",
           "aria-hidden": "true",
           width: "16",
@@ -783,27 +790,27 @@ const it = /* @__PURE__ */ ee(Xe, [["render", Ue]]), Ke = { key: 0 }, dt = /* @_
           }),
           y("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)),
-        y("div", Je, [
+        y("div", nt, [
           y("form", null, [
             y("input", {
               ref_key: "searchInput",
               ref: u,
               type: "search",
               placeholder: "Zoeken...",
-              value: s.modelValue,
-              onInput: i[0] || (i[0] = (N) => a("update:modelValue", N.target.value)),
+              value: o.modelValue,
+              onInput: f[0] || (f[0] = (M) => a("update:modelValue", M.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)
+            }, null, 40, rt)
           ])
         ]),
-        i[2] || (i[2] = y("div", { class: "pointer-events-none absolute end-10 top-2.5 hidden gap-1 opacity-50 lg:flex rtl:flex-row-reverse" }, [
+        f[2] || (f[2] = y("div", { class: "pointer-events-none absolute end-10 top-2.5 hidden gap-1 opacity-50 lg:flex rtl:flex-row-reverse" }, [
           y("kbd", { class: "kbd kbd-sm" }, "ctrl"),
           y("kbd", { class: "kbd kbd-sm" }, "K")
         ], -1))
       ])
     ]));
   }
-}), vt = [
+}), _t = [
   "bg-primary",
   "bg-primary-content",
   "bg-secondary",
@@ -889,27 +896,27 @@ const it = /* @__PURE__ */ ee(Xe, [["render", Ue]]), Ke = { key: 0 }, dt = /* @_
   "block"
 ];
 export {
-  Se as BackgroundColorUtils,
-  tt as Button,
-  ke as ButtonColorUtils,
-  we as ButtonSizeUtils,
-  rt as Card,
-  at as CardBody,
-  st as CardTitle,
-  Y as Color,
-  ut as Container,
-  pt as Modal,
-  Be as RoundedSizeUtils,
-  bt as SearchBar,
-  nt as SimpleButton,
-  Q as Size,
-  lt as Step,
-  it as StepList,
-  ft as StepPanel,
-  dt as StepPanels,
-  ct as Stepper,
-  ot as Table,
-  Ce as TableSizeUtils,
-  et as TextColorUtils,
-  vt as dendelionSafeList
+  ke as BackgroundColorUtils,
+  ot as Button,
+  we as ButtonColorUtils,
+  Be as ButtonSizeUtils,
+  ct as Card,
+  lt as CardBody,
+  it as CardTitle,
+  Q as Color,
+  dt as Container,
+  mt as Modal,
+  Ce as RoundedSizeUtils,
+  yt as SearchBar,
+  ut as SimpleButton,
+  ee as Size,
+  bt as Step,
+  vt as StepList,
+  ht as StepPanel,
+  gt as StepPanels,
+  pt as Stepper,
+  ft as Table,
+  $e as TableSizeUtils,
+  st as TextColorUtils,
+  _t as dendelionSafeList
 };

package/dist/dendelion-ui.umd.js

@@ -2,4 +2,4 @@
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
-*/var j;function ee(){return j||(j=1,function(t){(function(){var n={}.hasOwnProperty;function o(){for(var a="",u=0;u<arguments.length;u++){var d=arguments[u];d&&(a=s(a,c(d)))}return a}function c(a){if(typeof a=="string"||typeof a=="number")return a;if(typeof a!="object")return"";if(Array.isArray(a))return o.apply(null,a);if(a.toString!==Object.prototype.toString&&!a.toString.toString().includes("[native code]"))return a.toString();var u="";for(var d in a)n.call(a,d)&&a[d]&&(u=s(u,d));return u}function s(a,u){return u?a?a+" "+u:a+u:a}t.exports?(o.default=o,t.exports=o):window.classNames=o})()}(R)),R.exports}var te=ee();const V=K(te),ne=["type","disabled"],re={class:"group-[.is-loading]:text-transparent"},ae=e.defineComponent({__name:"Button",props:{type:{default:"button"},loading:{type:Boolean},color:{default:L.Neutral},soft:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},disabled:{type:Boolean},click:{}},setup(t){const n=t,o=e.computed(()=>V("btn","group",q.toClassName(n.color),n.soft?"btn-soft":"",n.outline?"btn-outline":"",n.loading?"is-loading":"",n.disabled?"disabled":""));return(c,s)=>(e.openBlock(),e.createElementBlock("button",{onClick:s[0]||(s[0]=a=>c.click?c.click:void 0),class:e.normalizeClass(o.value),type:c.type,disabled:c.disabled||c.loading},[s[1]||(s[1]=e.createElementVNode("span",{class:"loading loading-spinner loading-md absolute hidden group-[.is-loading]:block"},null,-1)),e.createElementVNode("span",re,[e.renderSlot(c.$slots,"default")])],10,ne))}}),v=(t,n)=>{const o=t.__vccOpts||t;for(const[c,s]of n)o[c]=s;return o},se={};function oe(t,n){return e.openBlock(),e.createElementBlock("button")}const ce=v(se,[["render",oe]]),le=e.defineComponent({__name:"Card",props:{backgroundColor:{default:L.Primary},shadow:{type:Boolean,default:!1},fullWidth:{type:Boolean,default:!1},rounded:{type:Boolean},roundedSize:{}},setup(t){const n=t,o=e.ref(V("card",U.toClassName(n.backgroundColor),n.shadow?"shadow-lg":"",n.fullWidth?"w-full":"",n.rounded&&!n.roundedSize?"rounded":n.roundedSize?I.toClassName(n.roundedSize):""));return(c,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(o.value)},[e.renderSlot(c.$slots,"default")],2))}}),ie={},ue={class:"card-body"};function de(t,n){return e.openBlock(),e.createElementBlock("div",ue,[e.renderSlot(t.$slots,"default")])}const fe=v(ie,[["render",de]]),pe=e.defineComponent({__name:"CardTitle",props:{is:{default:"h1"},text:{default:""}},setup(t){return(n,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.is),{class:"card-title"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.text),1)]),_:1}))}}),me=e.defineComponent({__name:"Container",props:{container:{type:Boolean,default:!0},padding:{type:Boolean,default:!0}},setup(t){const n=t,o=e.ref([n.container?"container":"",n.padding?"p-6":""]);return(c,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(o.value)},[e.renderSlot(c.$slots,"default")],2))}});var D={},W={},H;function G(){return H||(H=1,function(t){t.__esModule=!0,t.default=s;var n=/[\u0300-\u036f]/g,o=/ł/g,c=/ñ/g;function s(a){return a.toLowerCase().normalize("NFD").replace(n,"").replace(o,"l").replace(c,"n").trim()}}(W)),W}var z={},Z;function J(){if(Z)return z;Z=1,z.__esModule=!0,z.aggressiveFuzzyMatch=E,z.createFuzzySearchImpl=_,z.experimentalSmartFuzzyMatch=$,z.fuzzyMatchImpl=f;var t=n(G());function n(r){return r&&r.__esModule?r:{default:r}}var o=Number.MAX_SAFE_INTEGER,c=function(l,i){return l.score-i.score},s=function(l,i){return l[0]-i[0]},a=new Set(`  []()-–—'"“”`.split(""));function u(r){return a.has(r)}function d(r,l,i,k,p,h,g){if(r===k)return[0,[[0,r.length-1]]];var m=k.length,y=l.length,B=p.length;if(l===p)return[.1,[[0,y-1]]];if(l.startsWith(p))return[.5,[[0,B-1]]];var S=r.indexOf(k);if(S>-1&&u(r[S-1]))return[.9,[[S,S+m-1]]];var x=l.indexOf(p);if(x>-1&&u(l[x-1]))return[1,[[x,x+m-1]]];var C=h.length;if(C>1&&h.every(function(w){return i.has(w)})){var N=1.5+C*.2;return[N,h.map(function(w){var M=l.indexOf(w);return[M,M+w.length-1]}).sort(s)]}return x>-1?[2,[[x,x+m-1]]]:g==="aggressive"?E(l,p):g==="smart"?$(l,p):null}function E(r,l){for(var i=r.length,k=l.length,p=0,h=l[p],g=[],m=-1,y=-2,B=0;B<i;B+=1)if(r[B]===h){if(B!==y+1&&(m>=0&&g.push([m,y]),m=B),y=B,p+=1,p===k)return g.push([m,y]),T(g,r);h=l[p]}return null}function $(r,l){for(var i=r.length,k=[],p=0,h=l[p],g=-1,m=-2;;){var y=r.indexOf(h,m+1);if(y===-1)break;if(y===0||u(r[y-1]))g=y;else{var B=l.length-p,S=r.length-y,x=Math.min(3,B,S),C=l.slice(p,p+x);if(r.slice(y,y+x)===C)g=y;else{m+=1;continue}}for(m=g;m<i&&r[m]===h;m+=1)p+=1,h=l[p];if(m-=1,k.push([g,m]),p===l.length)return T(k,r)}return null}function T(r,l){var i=2;return r.forEach(function(k){var p=k[0],h=k[1],g=h-p+1,m=p===0||l[p]===" "||l[p-1]===" ",y=h===l.length-1||l[h]===" "||l[h+1]===" ",B=m&&y;B?i+=.2:m?i+=.4:g>=3?i+=.8:i+=1.6}),[i,r]}function f(r,l){var i=(0,t.default)(l),k=i.split(" "),p=(0,t.default)(r),h=new Set(p.split(" ")),g=d(r,p,h,l,i,k,"smart");return g?{item:r,score:g[0],matches:[g[1]]}:null}function _(r,l){var i=l.strategy,k=i===void 0?"aggressive":i,p=l.getText,h=r.map(function(g){var m;if(p)m=p(g);else{var y=l.key?g[l.key]:g;m=[y]}var B=m.map(function(S){var x=S||"",C=(0,t.default)(x),N=new Set(C.split(" "));return[x,C,N]});return[g,B]});return function(g){var m=[],y=(0,t.default)(g),B=y.split(" ");return y.length?(h.forEach(function(S){for(var x=S[0],C=S[1],N=o,w=[],M=0,Ue=C.length;M<Ue;M+=1){var O=C[M],qe=O[0],Ae=O[1],Ie=O[2],P=d(qe,Ae,Ie,g,y,B,k);P?(N=Math.min(N,P[0]),w.push(P[1])):w.push(null)}N<o&&m.push({item:x,score:N,matches:w})}),m.sort(c),m):[]}}return z}var Y;function be(){return Y||(Y=1,function(t){t.__esModule=!0,t.default=c,t.fuzzyMatch=s;var n=o(G());t.normalizeText=n.default;function o(a){return a&&a.__esModule?a:{default:a}}function c(a,u){return u===void 0&&(u={}),J().createFuzzySearchImpl(a,u)}function s(a,u){return J().fuzzyMatchImpl(a,u)}}(D)),D}var ge=be();const he=K(ge),ye={key:0},_e=["colspan"],ke=["onClick"],Be=["innerHTML"],xe=e.defineComponent({__name:"Table",props:{zebra:{type:Boolean,default:!1},pinRows:{type:Boolean,default:!1},pinCols:{type:Boolean,default:!1},size:{default:F.MD},columns:{},dataSource:{},ajax:{},searchValue:{},searchFunction:{},onRowClick:{}},setup(t){const n=e.ref([]),o=e.ref([]),c=e.ref(null),s=t,a=e.ref(V("table",X.toClassName(s.size),{"table-zebra":s.zebra,"table-pin-rows":s.pinRows,"table-pin-cols	":s.pinCols})),u=(f,_)=>{s.onRowClick&&s.onRowClick(f,_)},d=(f,_)=>String(!f||typeof f!="object"?f:_.split(".").reduce((r,l)=>r&&(typeof r=="object"?r[l]:r),f)),E=(f,_)=>_.render===void 0?{}:_.render(d(f,_.data),f).props,$=f=>(console.log("getComponent",f),f&&typeof f=="object"&&"then"in f?e.defineAsyncComponent(()=>f):typeof f=="function"?e.defineAsyncComponent(f):f);e.onMounted(()=>{n.value=s.dataSource,o.value=s.dataSource}),e.watch(()=>s.dataSource,f=>{n.value=f,o.value=f},{immediate:!0}),e.watch(()=>s.searchValue,f=>{if(s.searchFunction){o.value=s.searchFunction(f??"");return}o.value=f?T(f):n.value},{immediate:!0});const T=f=>{const _=[];return n.value.length>0?(Object.keys(n.value[0]).forEach(l=>{const i=n.value.map(h=>d(h,l)),p=he(i)(f);for(const h of p){const g=n.value.filter(m=>d(m,l)===h.item);_.push(...g)}}),_):[]};return(f,_)=>(e.openBlock(),e.createElementBlock("table",{ref_key:"table",ref:c,class:e.normalizeClass(a.value)},[e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.columns,r=>(e.openBlock(),e.createElementBlock("th",{key:r.title},e.toDisplayString(r.title),1))),128))])]),e.createElementVNode("tbody",null,[o.value.length===0?(e.openBlock(),e.createElementBlock("tr",ye,[e.createElementVNode("td",{colspan:s.columns.length},"No data found",8,_e)])):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(o.value,(r,l)=>(e.openBlock(),e.createElementBlock("tr",{class:e.normalizeClass(s.onRowClick?"hover":""),key:String(r),onClick:i=>u(r,l)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.columns,i=>(e.openBlock(),e.createElementBlock("td",{key:i.title},[i.render?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(d(r,i.data)),1)],64)),typeof i.render=="function"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[typeof i.render(d(r,i.data),r)=="string"?(e.openBlock(),e.createElementBlock("div",{key:0,innerHTML:i.render(d(r,i.data),r)},null,8,Be)):e.isVNode(i.render(d(r,i.data),r))?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.render(d(r,i.data),r)),{key:1})):(e.openBlock(),e.createBlock(e.resolveDynamicComponent($(i.render(d(r,i.data),r).component)),e.mergeProps({key:2,ref_for:!0},E(r,i)),null,16))],64)):e.createCommentVNode("",!0)]))),128))],10,ke))),128))])],2))}}),Se=e.defineComponent({__name:"Stepper",props:{value:{}},emits:["update:value"],setup(t,{expose:n,emit:o}){const c=t,s=e.ref(c.value),a=o,u=d=>{s.value=d,a("update:value",d)};return e.provide("stepper",{value:s,updateValue:u}),e.watch(()=>c.value,d=>{s.value=d}),n({updateValue:u}),(d,E)=>e.renderSlot(d.$slots,"default",{updateValue:u})}}),Ce=e.defineComponent({__name:"Step",props:{value:{}},setup(t){const n=t,o=e.inject("stepper"),c=e.ref("");return e.watch(()=>o?.value.value,s=>{s&&n.value&&(c.value=Number(s)>=Number(n.value)?"step-primary":"")}),e.onMounted(()=>{o&&(c.value=o.value.value===n.value?"step-primary":"",Number(o.value.value)>=Number(n.value)&&(c.value="step-primary"))}),(s,a)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(["step",c.value])},[e.renderSlot(s.$slots,"default")],2))}}),Ee={},Ne={class:"steps"};function we(t,n){return e.openBlock(),e.createElementBlock("ul",Ne,[e.renderSlot(t.$slots,"default")])}const ze=v(Ee,[["render",we]]),Ve={key:0},Me=e.defineComponent({__name:"StepPanels",setup(t){const n=e.inject("stepper");return(o,c)=>(e.openBlock(),e.createBlock(e.Transition,{name:"fade",mode:"out-in"},{default:e.withCtx(()=>[e.unref(n)?.value?(e.openBlock(),e.createElementBlock("div",Ve,[e.renderSlot(o.$slots,"default",{currentStep:e.unref(n)?.value})])):e.createCommentVNode("",!0)]),_:3}))}}),$e={key:0},Te=e.defineComponent({__name:"StepPanel",props:{value:{}},setup(t,{expose:n}){const o=e.computed(()=>c?.value.value),c=e.inject("stepper"),s=a=>{c&&c.updateValue(a.toString())};return n({activateCallback:s}),(a,u)=>a.value===o.value?(e.openBlock(),e.createElementBlock("div",$e,[e.renderSlot(a.$slots,"default",{activateCallback:s})])):e.createCommentVNode("",!0)}}),Le={key:0,method:"dialog"},Fe=e.defineComponent({__name:"Modal",props:{closeButton:{type:Boolean,default:!0},overflow:{type:Boolean,default:!1},closeButtonSize:{default:F.SM},extraBoxClasses:{}},emits:["close"],setup(t,{expose:n,emit:o}){const c=e.ref(null),s=o,a=t,u=e.ref(V("modal-box",a.extraBoxClasses,{"overflow-visible":a.overflow})),d=e.ref(V("modal")),E=e.ref(V("btn",A.toClassName(a.closeButtonSize),"btn-circle","btn-ghost","absolute","right-2","top-2"));return n({showModal:()=>{c.value?.showModal()},closeModal:()=>{c.value?.close()}}),(f,_)=>(e.openBlock(),e.createElementBlock("dialog",{ref_key:"modal",ref:c,class:e.normalizeClass([d.value,f.$attrs.class]),"aria-modal":"true","aria-hidden":"true",role:"dialog",onClose:_[0]||(_[0]=r=>s("close",r))},[e.createElementVNode("div",{class:e.normalizeClass(u.value)},[f.closeButton?(e.openBlock(),e.createElementBlock("form",Le,[e.createElementVNode("button",{class:e.normalizeClass(E.value)},"✕",2)])):e.createCommentVNode("",!0),e.renderSlot(f.$slots,"default")],2),_[1]||(_[1]=e.createElementVNode("form",{method:"dialog",class:"modal-backdrop"},[e.createElementVNode("button",null,"close")],-1))],34))}}),Re={class:"hidden w-full max-w-sm lg:flex"},ve={class:"relative mx-3 w-full"},De={class:"relative w-full max-w-full"},We=["value"],Oe=e.defineComponent({__name:"SearchBar",props:["modelValue"],emits:["update:modelValue"],setup(t,{emit:n}){const o=t,c=e.ref(null),s=n,a=u=>{(u.ctrlKey||u.metaKey)&&u.key.toLowerCase()==="k"&&(u.preventDefault(),c.value&&c.value.focus())};return e.onMounted(()=>{document.addEventListener("keydown",a)}),e.onUnmounted(()=>{document.removeEventListener("keydown",a)}),(u,d)=>(e.openBlock(),e.createElementBlock("div",Re,[e.createElementVNode("label",ve,[d[1]||(d[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",De,[e.createElementVNode("form",null,[e.createElementVNode("input",{ref_key:"searchInput",ref:c,type:"search",placeholder:"Zoeken...",value:o.modelValue,onInput:d[0]||(d[0]=E=>s("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,We)])]),d[2]||(d[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))])]))}}),Pe=["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"];b.BackgroundColorUtils=U,b.Button=ae,b.ButtonColorUtils=q,b.ButtonSizeUtils=A,b.Card=le,b.CardBody=fe,b.CardTitle=pe,b.Color=L,b.Container=me,b.Modal=Fe,b.RoundedSizeUtils=I,b.SearchBar=Oe,b.SimpleButton=ce,b.Size=F,b.Step=Ce,b.StepList=ze,b.StepPanel=Te,b.StepPanels=Me,b.Stepper=Se,b.Table=xe,b.TableSizeUtils=X,b.TextColorUtils=Q,b.dendelionSafeList=Pe,Object.defineProperty(b,Symbol.toStringTag,{value:"Module"})});
+*/var j;function ee(){return j||(j=1,function(t){(function(){var n={}.hasOwnProperty;function c(){for(var a="",d=0;d<arguments.length;d++){var p=arguments[d];p&&(a=s(a,l(p)))}return a}function l(a){if(typeof a=="string"||typeof a=="number")return a;if(typeof a!="object")return"";if(Array.isArray(a))return c.apply(null,a);if(a.toString!==Object.prototype.toString&&!a.toString.toString().includes("[native code]"))return a.toString();var d="";for(var p in a)n.call(a,p)&&a[p]&&(d=s(d,p));return d}function s(a,d){return d?a?a+" "+d:a+d:a}t.exports?(c.default=c,t.exports=c):window.classNames=c})()}(R)),R.exports}var te=ee();const z=K(te),ne=["type","disabled"],re={class:"group-[.is-loading]:text-transparent"},ae=e.defineComponent({__name:"Button",props:{type:{default:"button"},loading:{type:Boolean},color:{default:L.Neutral},soft:{type:Boolean,default:!1},outline:{type:Boolean,default:!1},disabled:{type:Boolean},click:{}},setup(t){const n=t,c=e.computed(()=>z("btn","group",q.toClassName(n.color),n.soft?"btn-soft":"",n.outline?"btn-outline":"",n.loading?"is-loading":"",n.disabled?"disabled":""));return(l,s)=>(e.openBlock(),e.createElementBlock("button",{onClick:s[0]||(s[0]=a=>l.click?l.click:void 0),class:e.normalizeClass(c.value),type:l.type,disabled:l.disabled||l.loading},[s[1]||(s[1]=e.createElementVNode("span",{class:"loading loading-spinner loading-md absolute hidden group-[.is-loading]:block"},null,-1)),e.createElementVNode("span",re,[e.renderSlot(l.$slots,"default")])],10,ne))}}),D=(t,n)=>{const c=t.__vccOpts||t;for(const[l,s]of n)c[l]=s;return c},se={};function oe(t,n){return e.openBlock(),e.createElementBlock("button")}const ce=D(se,[["render",oe]]),le=e.defineComponent({__name:"Card",props:{backgroundColor:{default:L.Primary},shadow:{type:Boolean,default:!1},fullWidth:{type:Boolean,default:!1},rounded:{type:Boolean},roundedSize:{}},setup(t){const n=t,c=e.ref(z("card",U.toClassName(n.backgroundColor),n.shadow?"shadow-lg":"",n.fullWidth?"w-full":"",n.rounded&&!n.roundedSize?"rounded":n.roundedSize?I.toClassName(n.roundedSize):""));return(l,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(c.value)},[e.renderSlot(l.$slots,"default")],2))}}),ie={},ue={class:"card-body"};function de(t,n){return e.openBlock(),e.createElementBlock("div",ue,[e.renderSlot(t.$slots,"default")])}const fe=D(ie,[["render",de]]),pe=e.defineComponent({__name:"CardTitle",props:{is:{default:"h1"},text:{default:""}},setup(t){return(n,c)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.is),{class:"card-title"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.text),1)]),_:1}))}}),me=e.defineComponent({__name:"Container",props:{container:{type:Boolean,default:!0},padding:{type:Boolean,default:!0}},setup(t){const n=t,c=e.ref([n.container?"container":"",n.padding?"p-6":""]);return(l,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(c.value)},[e.renderSlot(l.$slots,"default")],2))}});var v={},O={},H;function G(){return H||(H=1,function(t){t.__esModule=!0,t.default=s;var n=/[\u0300-\u036f]/g,c=/ł/g,l=/ñ/g;function s(a){return a.toLowerCase().normalize("NFD").replace(n,"").replace(c,"l").replace(l,"n").trim()}}(O)),O}var w={},J;function Z(){if(J)return w;J=1,w.__esModule=!0,w.aggressiveFuzzyMatch=C,w.createFuzzySearchImpl=i,w.experimentalSmartFuzzyMatch=$,w.fuzzyMatchImpl=V;var t=n(G());function n(r){return r&&r.__esModule?r:{default:r}}var c=Number.MAX_SAFE_INTEGER,l=function(o,f){return o.score-f.score},s=function(o,f){return o[0]-f[0]},a=new Set(`  []()-–—'"“”`.split(""));function d(r){return a.has(r)}function p(r,o,f,_,u,h,g){if(r===_)return[0,[[0,r.length-1]]];var m=_.length,y=o.length,k=u.length;if(o===u)return[.1,[[0,y-1]]];if(o.startsWith(u))return[.5,[[0,k-1]]];var x=r.indexOf(_);if(x>-1&&d(r[x-1]))return[.9,[[x,x+m-1]]];var B=o.indexOf(u);if(B>-1&&d(o[B-1]))return[1,[[B,B+m-1]]];var S=h.length;if(S>1&&h.every(function(N){return f.has(N)})){var E=1.5+S*.2;return[E,h.map(function(N){var M=o.indexOf(N);return[M,M+N.length-1]}).sort(s)]}return B>-1?[2,[[B,B+m-1]]]:g==="aggressive"?C(o,u):g==="smart"?$(o,u):null}function C(r,o){for(var f=r.length,_=o.length,u=0,h=o[u],g=[],m=-1,y=-2,k=0;k<f;k+=1)if(r[k]===h){if(k!==y+1&&(m>=0&&g.push([m,y]),m=k),y=k,u+=1,u===_)return g.push([m,y]),T(g,r);h=o[u]}return null}function $(r,o){for(var f=r.length,_=[],u=0,h=o[u],g=-1,m=-2;;){var y=r.indexOf(h,m+1);if(y===-1)break;if(y===0||d(r[y-1]))g=y;else{var k=o.length-u,x=r.length-y,B=Math.min(3,k,x),S=o.slice(u,u+B);if(r.slice(y,y+B)===S)g=y;else{m+=1;continue}}for(m=g;m<f&&r[m]===h;m+=1)u+=1,h=o[u];if(m-=1,_.push([g,m]),u===o.length)return T(_,r)}return null}function T(r,o){var f=2;return r.forEach(function(_){var u=_[0],h=_[1],g=h-u+1,m=u===0||o[u]===" "||o[u-1]===" ",y=h===o.length-1||o[h]===" "||o[h+1]===" ",k=m&&y;k?f+=.2:m?f+=.4:g>=3?f+=.8:f+=1.6}),[f,r]}function V(r,o){var f=(0,t.default)(o),_=f.split(" "),u=(0,t.default)(r),h=new Set(u.split(" ")),g=p(r,u,h,o,f,_,"smart");return g?{item:r,score:g[0],matches:[g[1]]}:null}function i(r,o){var f=o.strategy,_=f===void 0?"aggressive":f,u=o.getText,h=r.map(function(g){var m;if(u)m=u(g);else{var y=o.key?g[o.key]:g;m=[y]}var k=m.map(function(x){var B=x||"",S=(0,t.default)(B),E=new Set(S.split(" "));return[B,S,E]});return[g,k]});return function(g){var m=[],y=(0,t.default)(g),k=y.split(" ");return y.length?(h.forEach(function(x){for(var B=x[0],S=x[1],E=c,N=[],M=0,Xe=S.length;M<Xe;M+=1){var W=S[M],Ke=W[0],je=W[1],He=W[2],P=p(Ke,je,He,g,y,k,_);P?(E=Math.min(E,P[0]),N.push(P[1])):N.push(null)}E<c&&m.push({item:B,score:E,matches:N})}),m.sort(l),m):[]}}return w}var Y;function be(){return Y||(Y=1,function(t){t.__esModule=!0,t.default=l,t.fuzzyMatch=s;var n=c(G());t.normalizeText=n.default;function c(a){return a&&a.__esModule?a:{default:a}}function l(a,d){return d===void 0&&(d={}),Z().createFuzzySearchImpl(a,d)}function s(a,d){return Z().fuzzyMatchImpl(a,d)}}(v)),v}var ge=be();const he=K(ge),ye={key:0},_e=["colspan"],ke=["onClick"],Be={key:0},xe={key:0},Se=["innerHTML"],Ce={key:1},Ee={key:2},Ne=e.defineComponent({__name:"Table",props:{zebra:{type:Boolean,default:!1},pinRows:{type:Boolean,default:!1},pinCols:{type:Boolean,default:!1},size:{default:F.MD},columns:{},dataSource:{},ajax:{},searchValue:{},searchFunction:{},onRowClick:{}},setup(t){const n=e.ref([]),c=e.ref([]),l=e.ref(null),s=t,a=e.ref(z("table",X.toClassName(s.size),{"table-zebra":s.zebra,"table-pin-rows":s.pinRows,"table-pin-cols	":s.pinCols})),d=(i,r)=>{s.onRowClick&&s.onRowClick(i,r)},p=(i,r)=>String(!i||typeof i!="object"?i:r.split(".").reduce((o,f)=>o&&(typeof o=="object"?o[f]:o),i)),C=(i,r)=>r.render===void 0?{}:r.render(p(i,r.data),i).props,$=i=>(console.log("getComponent",i),i&&typeof i=="object"&&"then"in i?e.defineAsyncComponent(()=>i):typeof i=="function"?e.defineAsyncComponent(i):i),T=(i,r)=>r.render?r.render(p(i,r.data),i):p(i,r.data);e.onMounted(()=>{n.value=s.dataSource,c.value=s.dataSource}),e.watch(()=>s.dataSource,i=>{console.log("dataSource changed",i),n.value=i,c.value=i},{immediate:!0}),e.watch(()=>s.searchValue,i=>{if(s.searchFunction){c.value=s.searchFunction(i??"");return}c.value=i?V(i):n.value},{immediate:!0});const V=i=>{const r=[];return n.value.length>0?(Object.keys(n.value[0]).forEach(f=>{const _=n.value.map(g=>p(g,f)),h=he(_)(i);for(const g of h){const m=n.value.filter(y=>p(y,f)===g.item);r.push(...m)}}),r):[]};return(i,r)=>{const o=e.resolveComponent("component");return e.openBlock(),e.createElementBlock("table",{ref_key:"table",ref:l,class:e.normalizeClass(a.value)},[e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.columns,f=>(e.openBlock(),e.createElementBlock("th",{key:f.title},e.toDisplayString(f.title),1))),128))])]),e.createElementVNode("tbody",null,[c.value.length===0?(e.openBlock(),e.createElementBlock("tr",ye,[e.createElementVNode("td",{colspan:s.columns.length},"No data found",8,_e)])):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(c.value,(f,_)=>(e.openBlock(),e.createElementBlock("tr",{class:e.normalizeClass(s.onRowClick?"hover":""),key:JSON.stringify(f),onClick:u=>d(f,_)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.columns,u=>(e.openBlock(),e.createElementBlock("td",{key:u.title},[u.render?f?(e.openBlock(),e.createBlock(o,{key:1},{default:e.withCtx(({cell:h=T(f,u)})=>[h?(e.openBlock(),e.createElementBlock("div",Be,[typeof h=="string"?(e.openBlock(),e.createElementBlock("div",xe,[e.createElementVNode("div",{innerHTML:h},null,8,Se)])):e.isVNode(h)?(e.openBlock(),e.createElementBlock("div",Ce,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(h)))])):(e.openBlock(),e.createElementBlock("div",Ee,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent($(h.component)),e.mergeProps({ref_for:!0},C(f,u)),null,16))]))])):e.createCommentVNode("",!0)]),_:2},1024)):e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(p(f,u.data)),1)],64))]))),128))],10,ke))),128))])],2)}}}),we=e.defineComponent({__name:"Stepper",props:{value:{}},emits:["update:value"],setup(t,{expose:n,emit:c}){const l=t,s=e.ref(l.value),a=c,d=p=>{s.value=p,a("update:value",p)};return e.provide("stepper",{value:s,updateValue:d}),e.watch(()=>l.value,p=>{s.value=p}),n({updateValue:d}),(p,C)=>e.renderSlot(p.$slots,"default",{updateValue:d})}}),Ve=e.defineComponent({__name:"Step",props:{value:{}},setup(t){const n=t,c=e.inject("stepper"),l=e.ref("");return e.watch(()=>c?.value.value,s=>{s&&n.value&&(l.value=Number(s)>=Number(n.value)?"step-primary":"")}),e.onMounted(()=>{c&&(l.value=c.value.value===n.value?"step-primary":"",Number(c.value.value)>=Number(n.value)&&(l.value="step-primary"))}),(s,a)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(["step",l.value])},[e.renderSlot(s.$slots,"default")],2))}}),ze={},Me={class:"steps"};function $e(t,n){return e.openBlock(),e.createElementBlock("ul",Me,[e.renderSlot(t.$slots,"default")])}const Te=D(ze,[["render",$e]]),Le={key:0},Fe=e.defineComponent({__name:"StepPanels",setup(t){const n=e.inject("stepper");return(c,l)=>(e.openBlock(),e.createBlock(e.Transition,{name:"fade",mode:"out-in"},{default:e.withCtx(()=>[e.unref(n)?.value?(e.openBlock(),e.createElementBlock("div",Le,[e.renderSlot(c.$slots,"default",{currentStep:e.unref(n)?.value})])):e.createCommentVNode("",!0)]),_:3}))}}),Re={key:0},De=e.defineComponent({__name:"StepPanel",props:{value:{}},setup(t,{expose:n}){const c=e.computed(()=>l?.value.value),l=e.inject("stepper"),s=a=>{l&&l.updateValue(a.toString())};return n({activateCallback:s}),(a,d)=>a.value===c.value?(e.openBlock(),e.createElementBlock("div",Re,[e.renderSlot(a.$slots,"default",{activateCallback:s})])):e.createCommentVNode("",!0)}}),ve={key:0,method:"dialog"},Oe=e.defineComponent({__name:"Modal",props:{closeButton:{type:Boolean,default:!0},overflow:{type:Boolean,default:!1},closeButtonSize:{default:F.SM},extraBoxClasses:{}},emits:["close"],setup(t,{expose:n,emit:c}){const l=e.ref(null),s=c,a=t,d=e.ref(z("modal-box",a.extraBoxClasses,{"overflow-visible":a.overflow})),p=e.ref(z("modal")),C=e.ref(z("btn",A.toClassName(a.closeButtonSize),"btn-circle","btn-ghost","absolute","right-2","top-2"));return n({showModal:()=>{l.value?.showModal()},closeModal:()=>{l.value?.close()}}),(V,i)=>(e.openBlock(),e.createElementBlock("dialog",{ref_key:"modal",ref:l,class:e.normalizeClass([p.value,V.$attrs.class]),"aria-modal":"true","aria-hidden":"true",role:"dialog",onClose:i[0]||(i[0]=r=>s("close",r))},[e.createElementVNode("div",{class:e.normalizeClass(d.value)},[V.closeButton?(e.openBlock(),e.createElementBlock("form",ve,[e.createElementVNode("button",{class:e.normalizeClass(C.value)},"✕",2)])):e.createCommentVNode("",!0),e.renderSlot(V.$slots,"default")],2),i[1]||(i[1]=e.createElementVNode("form",{method:"dialog",class:"modal-backdrop"},[e.createElementVNode("button",null,"close")],-1))],34))}}),We={class:"hidden w-full max-w-sm lg:flex"},Pe={class:"relative mx-3 w-full"},Ue={class:"relative w-full max-w-full"},qe=["value"],Ae=e.defineComponent({__name:"SearchBar",props:["modelValue"],emits:["update:modelValue"],setup(t,{emit:n}){const c=t,l=e.ref(null),s=n,a=d=>{(d.ctrlKey||d.metaKey)&&d.key.toLowerCase()==="k"&&(d.preventDefault(),l.value&&l.value.focus())};return e.onMounted(()=>{document.addEventListener("keydown",a)}),e.onUnmounted(()=>{document.removeEventListener("keydown",a)}),(d,p)=>(e.openBlock(),e.createElementBlock("div",We,[e.createElementVNode("label",Pe,[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",Ue,[e.createElementVNode("form",null,[e.createElementVNode("input",{ref_key:"searchInput",ref:l,type:"search",placeholder:"Zoeken...",value:c.modelValue,onInput:p[0]||(p[0]=C=>s("update:modelValue",C.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,qe)])]),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))])]))}}),Ie=["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"];b.BackgroundColorUtils=U,b.Button=ae,b.ButtonColorUtils=q,b.ButtonSizeUtils=A,b.Card=le,b.CardBody=fe,b.CardTitle=pe,b.Color=L,b.Container=me,b.Modal=Oe,b.RoundedSizeUtils=I,b.SearchBar=Ae,b.SimpleButton=ce,b.Size=F,b.Step=Ve,b.StepList=Te,b.StepPanel=De,b.StepPanels=Fe,b.Stepper=we,b.Table=Ne,b.TableSizeUtils=X,b.TextColorUtils=Q,b.dendelionSafeList=Ie,Object.defineProperty(b,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -2,7 +2,7 @@
   "name": "dendelion-ui",
   "private": false,
   "description": "Simpel component library using Tailwind css and DaisyUI",
-  "version": "0.0.17",
+  "version": "0.0.18",
   "author": "ThatzOkay",
   "license": "MIT",
   "homepage": "https://github.com/ThatzOkay/DendelionUI#readme",

package/src/components/table/Table.vue

@@ -11,24 +11,27 @@
 			<tr v-if="filteredDataSource.length === 0">
 				<td :colspan="props.columns.length">No data found</td>
 			</tr>
-			<tr :class="props.onRowClick ? 'hover' : ''" v-else v-for="(row, rowIndex) in filteredDataSource" v-bind:key="String(row)" @click="handleRowClick(row as T, rowIndex)">
-				<td v-for="column in props.columns" v-bind:key="column.title">
+			<tr :class="props.onRowClick ? 'hover' : ''" v-else v-for="(row, rowIndex) in filteredDataSource"
+				v-bind:key="JSON.stringify(row as T)" @click="handleRowClick(row as T, rowIndex)">
+				<td v-for="column in props.columns" :key="column.title">
 					<template v-if="!column.render">
 						{{ getValue(row, column.data) }}
 					</template>
-					<template v-if="typeof column.render === 'function'">
-						<div
-							v-if="typeof column.render(getValue(row, column.data), row as T) === 'string'"
-							v-html="column.render(getValue(row, column.data), row as T)"
-						/>
-
-						<component v-else-if="isVNode(column.render(getValue(row, column.data), row as T))" :is="column.render(getValue(row, column.data), row as T)" />
-
-						<component
-							v-else
-							:is="getComponent((column.render(getValue(row, column.data), row as T) as ColumnComponent).component)"
-							v-bind="getProps(row, column)"
-						/>
+					<template v-else-if="row">
+						<component v-slot="{ cell = renderedCell(row as T, column) }">
+							<div v-if="cell">
+								<div v-if="typeof cell === 'string'">
+									<div v-html="cell" />
+								</div>
+								<div v-else-if="isVNode(cell)">
+									<component :is="cell" />
+								</div>
+								<div v-else>
+									<component :is="getComponent((cell as ColumnComponent).component)"
+										v-bind="getProps(row as T, column)" />
+								</div>
+							</div>
+						</component>
 					</template>
 				</td>
 			</tr>
@@ -38,7 +41,7 @@
 
 <script setup lang="ts" generic="T">
 import { defineAsyncComponent, isVNode, onMounted, ref, watch } from 'vue';
-import type { Component } from 'vue';
+import type { Component, Ref } from 'vue';
 import { Column, ColumnComponent, ComponentImport, ComponentOrImport, TableProps } from './interface';
 import classNames from 'classnames';
 import { Size, TableSizeUtils } from '../../types';
@@ -80,7 +83,7 @@ const getValue = (obj: any, keyPath: string): string => {
 	);
 };
 
-const getProps = (row: any, column: Column<T>) => {
+const getProps = (row: T, column: Column<T>) => {
 	if (column.render === undefined) return {};
 	const columnComponent = column.render(getValue(row, column.data), row as T) as ColumnComponent;
 	return columnComponent.props;
@@ -97,6 +100,11 @@ const getComponent = (component: ComponentOrImport) => {
 	return component as Component;
 };
 
+const renderedCell = (row: T, column: Column<T>) => {
+	if (!column.render) return getValue(row, column.data);
+	return column.render(getValue(row, column.data), row as T);
+};
+
 onMounted(() => {
 	originalDataSource.value = props.dataSource;
 	filteredDataSource.value = props.dataSource;
@@ -105,6 +113,7 @@ onMounted(() => {
 watch(
 	() => props.dataSource,
 	(value) => {
+		console.log('dataSource changed', value);
 		originalDataSource.value = value;
 		filteredDataSource.value = value;
 	},