dendelion-ui 0.0.4 → 0.0.5

package/dist/dendelion-ui.cjs.js

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue");var p=(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))(p||{});class f{static toClassName(n){switch(n){case 0:return"primary";case 1:return"primary-content";case 2:return"secondary";case 3:return"secondary-content";case 4:return"accent";case 5:return"accent-content";case 6:return"neutral";case 7:return"neutral-content";case 8:return"base-100";case 9:return"base-200";case 10:return"base-300";case 11:return"base-content";case 12:return"info";case 13:return"info-content";case 14:return"success";case 15:return"success-content";case 16:return"warning";case 17:return"warning-content";case 18:return"error";case 19:return"error-content";default:return"primary"}}}function B(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var m={exports:{}};/*!
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue");var L=(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))(L||{});class D{static toClassName(r){switch(r){case 0:return"primary";case 1:return"primary-content";case 2:return"secondary";case 3:return"secondary-content";case 4:return"accent";case 5:return"accent-content";case 6:return"neutral";case 7:return"neutral-content";case 8:return"base-100";case 9:return"base-200";case 10:return"base-300";case 11:return"base-content";case 12:return"info";case 13:return"info-content";case 14:return"success";case 15:return"success-content";case 16:return"warning";case 17:return"warning-content";case 18:return"error";case 19:return"error-content";default:return"primary"}}}function I(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var T={exports:{}};/*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
-*/var _;function k(){return _||(_=1,function(t){(function(){var n={}.hasOwnProperty;function a(){for(var r="",c=0;c<arguments.length;c++){var l=arguments[c];l&&(r=o(r,s(l)))}return r}function s(r){if(typeof r=="string"||typeof r=="number")return r;if(typeof r!="object")return"";if(Array.isArray(r))return a.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var c="";for(var l in r)n.call(r,l)&&r[l]&&(c=o(c,l));return c}function o(r,c){return c?r?r+" "+c:r+c:r}t.exports?(a.default=a,t.exports=a):window.classNames=a})()}(m)),m.exports}var x=k();const d=B(x),w=["type"],S={class:"group-[.is-loading]:text-transparent"},E=e.defineComponent({__name:"Button",props:{type:{default:"button"},loading:{type:Boolean},color:{default:p.Neutral},click:{}},setup(t){const n=t,a=e.ref(d("btn","group",`btn-${f.toClassName(n.color)}`,n.loading?"is-loading":""));return e.watch(()=>n.loading,s=>{a.value=d("btn","group",`btn-${f.toClassName(n.color)}`,s?"is-loading":"")}),(s,o)=>(e.openBlock(),e.createElementBlock("button",{onClick:o[0]||(o[0]=(...r)=>s.click&&s.click(...r)),class:e.normalizeClass(a.value),type:s.type},[o[1]||(o[1]=e.createElementVNode("span",{class:"loading loading-spinner loading-md absolute hidden group-[.is-loading]:block"},null,-1)),e.createElementVNode("span",S,[e.renderSlot(s.$slots,"default")])],10,w))}});var b=(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))(b||{});class v{static toClassName(n){switch(n){case 0:return"xs";case 1:return"sm";case 2:return"md";case 3:return"lg";case 4:return"xl";case 5:return"2xl";case 6:return"3xl";default:return"md"}}}const N=e.defineComponent({__name:"Card",props:{backgroundColor:{default:p.Primary},shadow:{type:Boolean,default:!1},fullWidth:{type:Boolean,default:!1},rounded:{type:Boolean},roundedSize:{}},setup(t){const n=t,a=e.ref(d("card",`bg-${n.backgroundColor}`,n.shadow?"shadow-lg":"",n.fullWidth?"w-full":"",n.rounded&&!n.roundedSize?"rounded":n.roundedSize?`rounded-${n.roundedSize}`:""));return(s,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(a.value)},[e.renderSlot(s.$slots,"default")],2))}}),y=(t,n)=>{const a=t.__vccOpts||t;for(const[s,o]of n)a[s]=o;return a},$={},C={class:"card-body"};function V(t,n){return e.openBlock(),e.createElementBlock("div",C,[e.renderSlot(t.$slots,"default")])}const M=y($,[["render",V]]),L=e.defineComponent({__name:"CardTitle",props:{is:{default:"h1"},text:{default:""}},setup(t){return(n,a)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.is),{class:"card-title"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.text),1)]),_:1}))}}),P=e.defineComponent({__name:"Container",props:{container:{type:Boolean,default:!0},padding:{type:Boolean,default:!0}},setup(t){const n=t,a=e.ref([n.container?"container":"",n.padding?"p-6":""]);return(s,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(a.value)},[e.renderSlot(s.$slots,"default")],2))}}),T=e.defineComponent({__name:"Table",props:{zebra:{type:Boolean,default:!1},pinRows:{type:Boolean,default:!1},pinCols:{type:Boolean,default:!1},size:{default:b.MD},columns:{},dataSource:{},ajax:{}},setup(t){const n=e.ref(null),a=t,s=e.ref(d("table",`table-${v.toClassName(a.size)}`,{"table-zebra":a.zebra,"table-pin-rows":a.pinRows,"table-pin-cols	":a.pinCols}));return(o,r)=>(e.openBlock(),e.createElementBlock("table",{ref_key:"table",ref:n,class:e.normalizeClass(s.value)},null,2))}}),j=e.defineComponent({__name:"Stepper",props:{value:{}},emits:["update:value"],setup(t,{expose:n,emit:a}){const s=t,o=e.ref(s.value),r=a,c=l=>{o.value=l,r("update:value",l)};return e.provide("stepper",{value:o,updateValue:c}),e.watch(()=>s.value,l=>{o.value=l}),n({updateValue:c}),(l,g)=>e.renderSlot(l.$slots,"default",{updateValue:c})}}),z=e.defineComponent({__name:"Step",props:{value:{}},setup(t){const n=t,a=e.inject("stepper"),s=e.ref("");return e.watch(()=>a==null?void 0:a.value.value,o=>{o&&n.value&&(s.value=Number(o)>=Number(n.value)?"step-primary":"")}),e.onMounted(()=>{a&&(s.value=a.value.value===n.value?"step-primary":"",Number(a.value.value)>=Number(n.value)&&(s.value="step-primary"))}),(o,r)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(["step",s.value])},[e.renderSlot(o.$slots,"default")],2))}}),O={},W={class:"steps"};function X(t,n){return e.openBlock(),e.createElementBlock("ul",W,[e.renderSlot(t.$slots,"default")])}const A=y(O,[["render",X]]),D={key:0},I=e.defineComponent({__name:"StepPanels",setup(t){const n=e.inject("stepper");return(a,s)=>(e.openBlock(),e.createBlock(e.Transition,{name:"fade",mode:"out-in"},{default:e.withCtx(()=>{var o,r;return[(o=e.unref(n))!=null&&o.value?(e.openBlock(),e.createElementBlock("div",D,[e.renderSlot(a.$slots,"default",{currentStep:(r=e.unref(n))==null?void 0:r.value})])):e.createCommentVNode("",!0)]}),_:3}))}}),R={key:0},U=e.defineComponent({__name:"StepPanel",props:{value:{}},setup(t,{expose:n}){const a=e.computed(()=>s==null?void 0:s.value.value),s=e.inject("stepper"),o=r=>{s&&s.updateValue(r.toString())};return n({activateCallback:o}),(r,c)=>r.value===a.value?(e.openBlock(),e.createElementBlock("div",R,[e.renderSlot(r.$slots,"default",{activateCallback:o})])):e.createCommentVNode("",!0)}}),K={className:"modal-box"},q={key:0,method:"dialog"},H=e.defineComponent({__name:"Modal",props:{closeButton:{type:Boolean,default:!0},overflow:{type:Boolean,default:!1}},emits:["close"],setup(t,{expose:n,emit:a}){const s=e.ref(null),o=a,r=t,c=e.ref(d("modal",{"overflow-visible":r.overflow}));return n({showModal:()=>{var u;(u=s.value)==null||u.showModal()},closeModal:()=>{var u;(u=s.value)==null||u.close()}}),(u,i)=>(e.openBlock(),e.createElementBlock("dialog",{ref_key:"modal",ref:s,class:e.normalizeClass(c.value),"aria-modal":"true","aria-hidden":"true",role:"dialog",onClose:i[0]||(i[0]=h=>o("close",h))},[e.createElementVNode("div",K,[u.closeButton?(e.openBlock(),e.createElementBlock("form",q,i[1]||(i[1]=[e.createElementVNode("button",{className:"btn btn-sm btn-circle btn-ghost absolute right-2 top-2"},"✕",-1)]))):e.createCommentVNode("",!0),e.renderSlot(u.$slots,"default")])],34))}}),G={class:"hidden w-full max-w-sm lg:flex"},F={class:"relative mx-3 w-full"},Z={class:"w-full max-w-full relative"},J=e.defineComponent({__name:"SearchBar",emits:["input"],setup(t,{emit:n}){const a=e.ref(null),s=n,o=r=>{(r.ctrlKey||r.metaKey)&&r.key.toLowerCase()==="k"&&(r.preventDefault(),a.value&&a.value.focus())};return e.onMounted(()=>{document.addEventListener("keydown",o)}),e.onUnmounted(()=>{document.removeEventListener("keydown",o)}),(r,c)=>(e.openBlock(),e.createElementBlock("div",G,[e.createElementVNode("label",F,[c[1]||(c[1]=e.createElementVNode("svg",{class:"pointer-events-none absolute z-10 my-3.5 ms-4 opacity-60 text-base-content","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",Z,[e.createElementVNode("form",null,[e.createElementVNode("input",{ref_key:"searchInput",ref:a,type:"search",placeholder:"Zoeken...",onInput:c[0]||(c[0]=l=>s("input",l.target.value)),class:"bg-transparent color-[inherit] border-[2px] border-solid border-transparent focus:border-[2px] focus:border-base-200 focus:outline-none rounded-xl w-full px-3 py-2 ps-10"},null,544)])]),c[2]||(c[2]=e.createElementVNode("div",{class:"pointer-events-none absolute end-10 top-2.5 gap-1 opacity-50 rtl:flex-row-reverse hidden lg:flex"},[e.createElementVNode("kbd",{class:"kbd kbd-sm"},"ctrl"),e.createElementVNode("kbd",{class:"kbd kbd-sm"},"K")],-1))])]))}}),Q=["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.Button=E;exports.Card=N;exports.CardBody=M;exports.CardTitle=L;exports.Color=p;exports.ColorUtils=f;exports.Container=P;exports.Modal=H;exports.SearchBar=J;exports.Size=b;exports.SizeUtils=v;exports.Step=z;exports.StepList=A;exports.StepPanel=U;exports.StepPanels=I;exports.Stepper=j;exports.Table=T;exports.dendelionSafeList=Q;
+*/var R;function Q(){return R||(R=1,function(t){(function(){var r={}.hasOwnProperty;function a(){for(var n="",c=0;c<arguments.length;c++){var v=arguments[c];v&&(n=o(n,s(v)))}return n}function s(n){if(typeof n=="string"||typeof n=="number")return n;if(typeof n!="object")return"";if(Array.isArray(n))return a.apply(null,n);if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]"))return n.toString();var c="";for(var v in n)r.call(n,v)&&n[v]&&(c=o(c,v));return c}function o(n,c){return c?n?n+" "+c:n+c:n}t.exports?(a.default=a,t.exports=a):window.classNames=a})()}(T)),T.exports}var ee=Q();const $=I(ee),te=["type"],ne={class:"group-[.is-loading]:text-transparent"},re=e.defineComponent({__name:"Button",props:{type:{default:"button"},loading:{type:Boolean},color:{default:L.Neutral},click:{}},setup(t){const r=t,a=e.ref($("btn","group",`btn-${D.toClassName(r.color)}`,r.loading?"is-loading":""));return e.watch(()=>r.loading,s=>{a.value=$("btn","group",`btn-${D.toClassName(r.color)}`,s?"is-loading":"")}),(s,o)=>(e.openBlock(),e.createElementBlock("button",{onClick:o[0]||(o[0]=(...n)=>s.click&&s.click(...n)),class:e.normalizeClass(a.value),type:s.type},[o[1]||(o[1]=e.createElementVNode("span",{class:"loading loading-spinner loading-md absolute hidden group-[.is-loading]:block"},null,-1)),e.createElementVNode("span",ne,[e.renderSlot(s.$slots,"default")])],10,te))}});var O=(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))(O||{});class H{static toClassName(r){switch(r){case 0:return"xs";case 1:return"sm";case 2:return"md";case 3:return"lg";case 4:return"xl";case 5:return"2xl";case 6:return"3xl";default:return"md"}}}const ae=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 r=t,a=e.ref($("card",`bg-${r.backgroundColor}`,r.shadow?"shadow-lg":"",r.fullWidth?"w-full":"",r.rounded&&!r.roundedSize?"rounded":r.roundedSize?`rounded-${r.roundedSize}`:""));return(s,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(a.value)},[e.renderSlot(s.$slots,"default")],2))}}),U=(t,r)=>{const a=t.__vccOpts||t;for(const[s,o]of r)a[s]=o;return a},se={},oe={class:"card-body"};function ce(t,r){return e.openBlock(),e.createElementBlock("div",oe,[e.renderSlot(t.$slots,"default")])}const le=U(se,[["render",ce]]),ue=e.defineComponent({__name:"CardTitle",props:{is:{default:"h1"},text:{default:""}},setup(t){return(r,a)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.is),{class:"card-title"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.text),1)]),_:1}))}}),ie=e.defineComponent({__name:"Container",props:{container:{type:Boolean,default:!0},padding:{type:Boolean,default:!0}},setup(t){const r=t,a=e.ref([r.container?"container":"",r.padding?"p-6":""]);return(s,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(a.value)},[e.renderSlot(s.$slots,"default")],2))}});var F={},W={},q;function G(){return q||(q=1,function(t){t.__esModule=!0,t.default=o;var r=/[\u0300-\u036f]/g,a=/ł/g,s=/ñ/g;function o(n){return n.toLowerCase().normalize("NFD").replace(r,"").replace(a,"l").replace(s,"n").trim()}}(W)),W}var C={},P;function A(){if(P)return C;P=1,C.__esModule=!0,C.aggressiveFuzzyMatch=k,C.createFuzzySearchImpl=K,C.experimentalSmartFuzzyMatch=B,C.fuzzyMatchImpl=x;var t=r(G());function r(u){return u&&u.__esModule?u:{default:u}}var a=Number.MAX_SAFE_INTEGER,s=function(l,m){return l.score-m.score},o=function(l,m){return l[0]-m[0]},n=new Set(`  []()-–—'"“”`.split(""));function c(u){return n.has(u)}function v(u,l,m,_,i,h,p){if(u===_)return[0,[[0,u.length-1]]];var d=_.length,f=l.length,g=i.length;if(l===i)return[.1,[[0,f-1]]];if(l.startsWith(i))return[.5,[[0,g-1]]];var S=u.indexOf(_);if(S>-1&&c(u[S-1]))return[.9,[[S,S+d-1]]];var y=l.indexOf(i);if(y>-1&&c(l[y-1]))return[1,[[y,y+d-1]]];var E=h.length;if(E>1&&h.every(function(N){return m.has(N)})){var w=1.5+E*.2;return[w,h.map(function(N){var M=l.indexOf(N);return[M,M+N.length-1]}).sort(o)]}return y>-1?[2,[[y,y+d-1]]]:p==="aggressive"?k(l,i):p==="smart"?B(l,i):null}function k(u,l){for(var m=u.length,_=l.length,i=0,h=l[i],p=[],d=-1,f=-2,g=0;g<m;g+=1)if(u[g]===h){if(g!==f+1&&(d>=0&&p.push([d,f]),d=g),f=g,i+=1,i===_)return p.push([d,f]),b(p,u);h=l[i]}return null}function B(u,l){for(var m=u.length,_=[],i=0,h=l[i],p=-1,d=-2;;){var f=u.indexOf(h,d+1);if(f===-1)break;if(f===0||c(u[f-1]))p=f;else{var g=l.length-i,S=u.length-f,y=Math.min(3,g,S),E=l.slice(i,i+y);if(u.slice(f,f+y)===E)p=f;else{d+=1;continue}}for(d=p;d<m&&u[d]===h;d+=1)i+=1,h=l[i];if(d-=1,_.push([p,d]),i===l.length)return b(_,u)}return null}function b(u,l){var m=2;return u.forEach(function(_){var i=_[0],h=_[1],p=h-i+1,d=i===0||l[i]===" "||l[i-1]===" ",f=h===l.length-1||l[h]===" "||l[h+1]===" ",g=d&&f;g?m+=.2:d?m+=.4:p>=3?m+=.8:m+=1.6}),[m,u]}function x(u,l){var m=(0,t.default)(l),_=m.split(" "),i=(0,t.default)(u),h=new Set(i.split(" ")),p=v(u,i,h,l,m,_,"smart");return p?{item:u,score:p[0],matches:[p[1]]}:null}function K(u,l){var m=l.strategy,_=m===void 0?"aggressive":m,i=l.getText,h=u.map(function(p){var d;if(i)d=i(p);else{var f=l.key?p[l.key]:p;d=[f]}var g=d.map(function(S){var y=S||"",E=(0,t.default)(y),w=new Set(E.split(" "));return[y,E,w]});return[p,g]});return function(p){var d=[],f=(0,t.default)(p),g=f.split(" ");return f.length?(h.forEach(function(S){for(var y=S[0],E=S[1],w=a,N=[],M=0,j=E.length;M<j;M+=1){var V=E[M],Z=V[0],J=V[1],Y=V[2],z=v(Z,J,Y,p,f,g,_);z?(w=Math.min(w,z[0]),N.push(z[1])):N.push(null)}w<a&&d.push({item:y,score:w,matches:N})}),d.sort(s),d):[]}}return C}var X;function de(){return X||(X=1,function(t){t.__esModule=!0,t.default=s,t.fuzzyMatch=o;var r=a(G());t.normalizeText=r.default;function a(n){return n&&n.__esModule?n:{default:n}}function s(n,c){return c===void 0&&(c={}),A().createFuzzySearchImpl(n,c)}function o(n,c){return A().fuzzyMatchImpl(n,c)}}(F)),F}var pe=de();const fe=I(pe),ve=["innerHTML"],me=e.defineComponent({__name:"Table",props:{zebra:{type:Boolean,default:!1},pinRows:{type:Boolean,default:!1},pinCols:{type:Boolean,default:!1},size:{default:O.MD},columns:{},dataSource:{},ajax:{},searchValue:{},searchFunction:{}},setup(t){const r=e.ref([]),a=e.ref([]),s=e.computed(()=>fe(r.value)),o=e.ref(null),n=t,c=e.ref($("table",`table-${H.toClassName(n.size)}`,{"table-zebra":n.zebra,"table-pin-rows":n.pinRows,"table-pin-cols	":n.pinCols})),v=(k,B)=>String(!k||typeof k!="object"?k:B.split(".").reduce((b,x)=>b&&(typeof b=="object"?b[x]:b),k));return e.watch(()=>n.searchValue,k=>{if(n.searchFunction){a.value=n.searchFunction(k??"");return}a.value=k?s.value(k):r.value}),(k,B)=>(e.openBlock(),e.createElementBlock("table",{ref_key:"table",ref:o,class:e.normalizeClass(c.value)},[e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.columns,b=>(e.openBlock(),e.createElementBlock("th",{key:b.title},e.toDisplayString(b.title),1))),128))])]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,b=>(e.openBlock(),e.createElementBlock("tr",{key:String(b)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.columns,x=>(e.openBlock(),e.createElementBlock("td",{key:x.title,innerHTML:x.render?x.render(v(b,x.data),b):v(b,x.data)},null,8,ve))),128))]))),128))])],2))}}),be=e.defineComponent({__name:"Stepper",props:{value:{}},emits:["update:value"],setup(t,{expose:r,emit:a}){const s=t,o=e.ref(s.value),n=a,c=v=>{o.value=v,n("update:value",v)};return e.provide("stepper",{value:o,updateValue:c}),e.watch(()=>s.value,v=>{o.value=v}),r({updateValue:c}),(v,k)=>e.renderSlot(v.$slots,"default",{updateValue:c})}}),he=e.defineComponent({__name:"Step",props:{value:{}},setup(t){const r=t,a=e.inject("stepper"),s=e.ref("");return e.watch(()=>a==null?void 0:a.value.value,o=>{o&&r.value&&(s.value=Number(o)>=Number(r.value)?"step-primary":"")}),e.onMounted(()=>{a&&(s.value=a.value.value===r.value?"step-primary":"",Number(a.value.value)>=Number(r.value)&&(s.value="step-primary"))}),(o,n)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(["step",s.value])},[e.renderSlot(o.$slots,"default")],2))}}),ge={},_e={class:"steps"};function ye(t,r){return e.openBlock(),e.createElementBlock("ul",_e,[e.renderSlot(t.$slots,"default")])}const ke=U(ge,[["render",ye]]),Be={key:0},xe=e.defineComponent({__name:"StepPanels",setup(t){const r=e.inject("stepper");return(a,s)=>(e.openBlock(),e.createBlock(e.Transition,{name:"fade",mode:"out-in"},{default:e.withCtx(()=>{var o,n;return[(o=e.unref(r))!=null&&o.value?(e.openBlock(),e.createElementBlock("div",Be,[e.renderSlot(a.$slots,"default",{currentStep:(n=e.unref(r))==null?void 0:n.value})])):e.createCommentVNode("",!0)]}),_:3}))}}),Se={key:0},Ee=e.defineComponent({__name:"StepPanel",props:{value:{}},setup(t,{expose:r}){const a=e.computed(()=>s==null?void 0:s.value.value),s=e.inject("stepper"),o=n=>{s&&s.updateValue(n.toString())};return r({activateCallback:o}),(n,c)=>n.value===a.value?(e.openBlock(),e.createElementBlock("div",Se,[e.renderSlot(n.$slots,"default",{activateCallback:o})])):e.createCommentVNode("",!0)}}),we={className:"modal-box"},Ne={key:0,method:"dialog"},Ce=e.defineComponent({__name:"Modal",props:{closeButton:{type:Boolean,default:!0},overflow:{type:Boolean,default:!1}},emits:["close"],setup(t,{expose:r,emit:a}){const s=e.ref(null),o=a,n=t,c=e.ref($("modal",{"overflow-visible":n.overflow}));return r({showModal:()=>{var B;(B=s.value)==null||B.showModal()},closeModal:()=>{var B;(B=s.value)==null||B.close()}}),(B,b)=>(e.openBlock(),e.createElementBlock("dialog",{ref_key:"modal",ref:s,class:e.normalizeClass(c.value),"aria-modal":"true","aria-hidden":"true",role:"dialog",onClose:b[0]||(b[0]=x=>o("close",x))},[e.createElementVNode("div",we,[B.closeButton?(e.openBlock(),e.createElementBlock("form",Ne,b[1]||(b[1]=[e.createElementVNode("button",{className:"btn btn-sm btn-circle btn-ghost absolute right-2 top-2"},"✕",-1)]))):e.createCommentVNode("",!0),e.renderSlot(B.$slots,"default")])],34))}}),Me={class:"hidden w-full max-w-sm lg:flex"},$e={class:"relative mx-3 w-full"},Le={class:"w-full max-w-full relative"},Ve=e.defineComponent({__name:"SearchBar",emits:["input"],setup(t,{emit:r}){const a=e.ref(null),s=r,o=n=>{(n.ctrlKey||n.metaKey)&&n.key.toLowerCase()==="k"&&(n.preventDefault(),a.value&&a.value.focus())};return e.onMounted(()=>{document.addEventListener("keydown",o)}),e.onUnmounted(()=>{document.removeEventListener("keydown",o)}),(n,c)=>(e.openBlock(),e.createElementBlock("div",Me,[e.createElementVNode("label",$e,[c[1]||(c[1]=e.createElementVNode("svg",{class:"pointer-events-none absolute z-10 my-3.5 ms-4 opacity-60 text-base-content","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",Le,[e.createElementVNode("form",null,[e.createElementVNode("input",{ref_key:"searchInput",ref:a,type:"search",placeholder:"Zoeken...",onInput:c[0]||(c[0]=v=>s("input",v.target.value)),class:"bg-transparent color-[inherit] border-[2px] border-solid border-transparent focus:border-[2px] focus:border-base-200 focus:outline-none rounded-xl w-full px-3 py-2 ps-10"},null,544)])]),c[2]||(c[2]=e.createElementVNode("div",{class:"pointer-events-none absolute end-10 top-2.5 gap-1 opacity-50 rtl:flex-row-reverse hidden lg:flex"},[e.createElementVNode("kbd",{class:"kbd kbd-sm"},"ctrl"),e.createElementVNode("kbd",{class:"kbd kbd-sm"},"K")],-1))])]))}}),ze=["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.Button=re;exports.Card=ae;exports.CardBody=le;exports.CardTitle=ue;exports.Color=L;exports.ColorUtils=D;exports.Container=ie;exports.Modal=Ce;exports.SearchBar=Ve;exports.Size=O;exports.SizeUtils=H;exports.Step=he;exports.StepList=ke;exports.StepPanel=Ee;exports.StepPanels=xe;exports.Stepper=be;exports.Table=me;exports.dendelionSafeList=ze;

package/dist/dendelion-ui.es.js

@@ -1,8 +1,8 @@
-import { defineComponent as i, ref as p, watch as g, createElementBlock as d, openBlock as u, normalizeClass as m, createElementVNode as l, renderSlot as f, createBlock as S, resolveDynamicComponent as T, withCtx as N, createTextVNode as O, toDisplayString as W, provide as X, inject as h, onMounted as M, Transition as A, createCommentVNode as x, unref as $, computed as D, onUnmounted as I } from "vue";
-var w = /* @__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))(w || {});
-class B {
-  static toClassName(t) {
-    switch (t) {
+import { defineComponent as N, ref as M, watch as R, createElementBlock as m, openBlock as h, normalizeClass as W, createElementVNode as _, renderSlot as T, createBlock as te, resolveDynamicComponent as be, withCtx as ne, createTextVNode as he, toDisplayString as re, computed as ae, Fragment as P, renderList as A, provide as ge, inject as H, onMounted as se, Transition as me, createCommentVNode as G, unref as U, onUnmounted as _e } from "vue";
+var K = /* @__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))(K || {});
+class Z {
+  static toClassName(n) {
+    switch (n) {
       case 0:
         return "primary";
       case 1:
@@ -48,88 +48,88 @@ class B {
     }
   }
 }
-function V(e) {
+function ue(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var y = { exports: {} };
+var V = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var k;
-function j() {
-  return k || (k = 1, function(e) {
+var J;
+function ye() {
+  return J || (J = 1, function(e) {
     (function() {
-      var t = {}.hasOwnProperty;
-      function s() {
-        for (var n = "", o = 0; o < arguments.length; o++) {
-          var c = arguments[o];
-          c && (n = r(n, a(c)));
+      var n = {}.hasOwnProperty;
+      function r() {
+        for (var t = "", u = 0; u < arguments.length; u++) {
+          var p = arguments[u];
+          p && (t = s(t, a(p)));
         }
-        return n;
+        return t;
       }
-      function a(n) {
-        if (typeof n == "string" || typeof n == "number")
-          return n;
-        if (typeof n != "object")
+      function a(t) {
+        if (typeof t == "string" || typeof t == "number")
+          return t;
+        if (typeof t != "object")
           return "";
-        if (Array.isArray(n))
-          return s.apply(null, n);
-        if (n.toString !== Object.prototype.toString && !n.toString.toString().includes("[native code]"))
-          return n.toString();
-        var o = "";
-        for (var c in n)
-          t.call(n, c) && n[c] && (o = r(o, c));
-        return o;
+        if (Array.isArray(t))
+          return r.apply(null, t);
+        if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
+          return t.toString();
+        var u = "";
+        for (var p in t)
+          n.call(t, p) && t[p] && (u = s(u, p));
+        return u;
       }
-      function r(n, o) {
-        return o ? n ? n + " " + o : n + o : n;
+      function s(t, u) {
+        return u ? t ? t + " " + u : t + u : t;
       }
-      e.exports ? (s.default = s, e.exports = s) : window.classNames = s;
+      e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
     })();
-  }(y)), y.exports;
+  }(V)), V.exports;
 }
-var R = j();
-const _ = /* @__PURE__ */ V(R), K = ["type"], H = { class: "group-[.is-loading]:text-transparent" }, oe = /* @__PURE__ */ i({
+var xe = ye();
+const D = /* @__PURE__ */ ue(xe), Se = ["type"], we = { class: "group-[.is-loading]:text-transparent" }, Xe = /* @__PURE__ */ N({
   __name: "Button",
   props: {
     type: { default: "button" },
     loading: { type: Boolean },
-    color: { default: w.Neutral },
+    color: { default: K.Neutral },
     click: {}
   },
   setup(e) {
-    const t = e, s = p(_(
+    const n = e, r = M(D(
       "btn",
       "group",
-      `btn-${B.toClassName(t.color)}`,
-      t.loading ? "is-loading" : ""
+      `btn-${Z.toClassName(n.color)}`,
+      n.loading ? "is-loading" : ""
     ));
-    return g(() => t.loading, (a) => {
-      s.value = _(
+    return R(() => n.loading, (a) => {
+      r.value = D(
         "btn",
         "group",
-        `btn-${B.toClassName(t.color)}`,
+        `btn-${Z.toClassName(n.color)}`,
         a ? "is-loading" : ""
       );
-    }), (a, r) => (u(), d("button", {
-      onClick: r[0] || (r[0] = //@ts-ignore
-      (...n) => a.click && a.click(...n)),
-      class: m(s.value),
+    }), (a, s) => (h(), m("button", {
+      onClick: s[0] || (s[0] = //@ts-ignore
+      (...t) => a.click && a.click(...t)),
+      class: W(r.value),
       type: a.type
     }, [
-      r[1] || (r[1] = l("span", { class: "loading loading-spinner loading-md absolute hidden group-[.is-loading]:block" }, null, -1)),
-      l("span", H, [
-        f(a.$slots, "default")
+      s[1] || (s[1] = _("span", { class: "loading loading-spinner loading-md absolute hidden group-[.is-loading]:block" }, null, -1)),
+      _("span", we, [
+        T(a.$slots, "default")
       ])
-    ], 10, K));
+    ], 10, Se));
   }
 });
-var E = /* @__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))(E || {});
-class U {
-  static toClassName(t) {
-    switch (t) {
+var oe = /* @__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))(oe || {});
+class ke {
+  static toClassName(n) {
+    switch (n) {
       case 0:
         return "xs";
       case 1:
@@ -149,227 +149,409 @@ class U {
     }
   }
 }
-const ce = /* @__PURE__ */ i({
+const Ie = /* @__PURE__ */ N({
   __name: "Card",
   props: {
-    backgroundColor: { default: w.Primary },
+    backgroundColor: { default: K.Primary },
     shadow: { type: Boolean, default: !1 },
     fullWidth: { type: Boolean, default: !1 },
     rounded: { type: Boolean },
     roundedSize: {}
   },
   setup(e) {
-    const t = e, s = p(_(
+    const n = e, r = M(D(
       "card",
-      `bg-${t.backgroundColor}`,
-      t.shadow ? "shadow-lg" : "",
-      t.fullWidth ? "w-full" : "",
-      t.rounded && !t.roundedSize ? "rounded" : t.roundedSize ? `rounded-${t.roundedSize}` : ""
+      `bg-${n.backgroundColor}`,
+      n.shadow ? "shadow-lg" : "",
+      n.fullWidth ? "w-full" : "",
+      n.rounded && !n.roundedSize ? "rounded" : n.roundedSize ? `rounded-${n.roundedSize}` : ""
     ));
-    return (a, r) => (u(), d("div", {
-      class: m(s.value)
+    return (a, s) => (h(), m("div", {
+      class: W(r.value)
     }, [
-      f(a.$slots, "default")
+      T(a.$slots, "default")
     ], 2));
   }
-}), L = (e, t) => {
-  const s = e.__vccOpts || e;
-  for (const [a, r] of t)
-    s[a] = r;
-  return s;
-}, q = {}, z = { class: "card-body" };
-function G(e, t) {
-  return u(), d("div", z, [
-    f(e.$slots, "default")
+}), ce = (e, n) => {
+  const r = e.__vccOpts || e;
+  for (const [a, s] of n)
+    r[a] = s;
+  return r;
+}, Me = {}, $e = { class: "card-body" };
+function Be(e, n) {
+  return h(), m("div", $e, [
+    T(e.$slots, "default")
   ]);
 }
-const le = /* @__PURE__ */ L(q, [["render", G]]), ue = /* @__PURE__ */ i({
+const He = /* @__PURE__ */ ce(Me, [["render", Be]]), Ge = /* @__PURE__ */ N({
   __name: "CardTitle",
   props: {
     is: { default: "h1" },
     text: { default: "" }
   },
   setup(e) {
-    return (t, s) => (u(), S(T(t.is), { class: "card-title" }, {
-      default: N(() => [
-        O(W(t.text), 1)
+    return (n, r) => (h(), te(be(n.is), { class: "card-title" }, {
+      default: ne(() => [
+        he(re(n.text), 1)
       ]),
       _: 1
     }));
   }
-}), de = /* @__PURE__ */ i({
+}), Ke = /* @__PURE__ */ N({
   __name: "Container",
   props: {
     container: { type: Boolean, default: !0 },
     padding: { type: Boolean, default: !0 }
   },
   setup(e) {
-    const t = e, s = p([
-      t.container ? "container" : "",
+    const n = e, r = M([
+      n.container ? "container" : "",
       //To disable the max width in some cases
-      t.padding ? "p-6" : ""
+      n.padding ? "p-6" : ""
     ]);
-    return (a, r) => (u(), d("div", {
-      class: m(s.value)
+    return (a, s) => (h(), m("div", {
+      class: W(r.value)
     }, [
-      f(a.$slots, "default")
+      T(a.$slots, "default")
     ], 2));
   }
-}), ie = /* @__PURE__ */ i({
+});
+var X = {}, I = {}, Y;
+function le() {
+  return Y || (Y = 1, function(e) {
+    e.__esModule = !0, e.default = s;
+    var n = /[\u0300-\u036f]/g, r = /ł/g, a = /ñ/g;
+    function s(t) {
+      return t.toLowerCase().normalize("NFD").replace(n, "").replace(r, "l").replace(a, "n").trim();
+    }
+  }(I)), I;
+}
+var F = {}, j;
+function Q() {
+  if (j) return F;
+  j = 1, F.__esModule = !0, F.aggressiveFuzzyMatch = w, F.createFuzzySearchImpl = ie, F.experimentalSmartFuzzyMatch = k, F.fuzzyMatchImpl = $;
+  var e = n(le());
+  function n(c) {
+    return c && c.__esModule ? c : { default: c };
+  }
+  var r = Number.MAX_SAFE_INTEGER, a = function(o, v) {
+    return (
+      /*: number*/
+      o.score - v.score
+    );
+  }, s = function(o, v) {
+    return (
+      /*: number*/
+      o[0] - v[0]
+    );
+  }, t = new Set(`  []()-–—'"“”`.split(""));
+  function u(c) {
+    return t.has(c);
+  }
+  function p(c, o, v, x, l, g, d) {
+    if (c === x)
+      return [0, [[0, c.length - 1]]];
+    var i = x.length, f = o.length, y = l.length;
+    if (o === l)
+      return [0.1, [[0, f - 1]]];
+    if (o.startsWith(l))
+      return [0.5, [[0, y - 1]]];
+    var B = c.indexOf(x);
+    if (B > -1 && u(c[B - 1]))
+      return [0.9, [[B, B + i - 1]]];
+    var S = o.indexOf(l);
+    if (S > -1 && u(o[S - 1]))
+      return [1, [[S, S + i - 1]]];
+    var L = g.length;
+    if (L > 1 && g.every(function(z) {
+      return v.has(z);
+    })) {
+      var E = 1.5 + L * 0.2;
+      return [E, g.map(function(z) {
+        var C = o.indexOf(z);
+        return [C, C + z.length - 1];
+      }).sort(s)];
+    }
+    return S > -1 ? [2, [[S, S + i - 1]]] : d === "aggressive" ? w(o, l) : d === "smart" ? k(o, l) : null;
+  }
+  function w(c, o) {
+    for (var v = c.length, x = o.length, l = 0, g = o[l], d = [], i = -1, f = -2, y = 0; y < v; y += 1)
+      if (c[y] === g) {
+        if (y !== f + 1 && (i >= 0 && d.push([i, f]), i = y), f = y, l += 1, l === x)
+          return d.push([i, f]), b(d, c);
+        g = o[l];
+      }
+    return null;
+  }
+  function k(c, o) {
+    for (var v = c.length, x = [], l = 0, g = o[l], d = -1, i = -2; ; ) {
+      var f = c.indexOf(g, i + 1);
+      if (f === -1)
+        break;
+      if (f === 0 || u(c[f - 1]))
+        d = f;
+      else {
+        var y = o.length - l, B = c.length - f, S = Math.min(3, y, B), L = o.slice(l, l + S);
+        if (c.slice(f, f + S) === L)
+          d = f;
+        else {
+          i += 1;
+          continue;
+        }
+      }
+      for (i = d; i < v && c[i] === g; i += 1)
+        l += 1, g = o[l];
+      if (i -= 1, x.push([d, i]), l === o.length)
+        return b(x, c);
+    }
+    return null;
+  }
+  function b(c, o) {
+    var v = 2;
+    return c.forEach(function(x) {
+      var l = x[0], g = x[1], d = g - l + 1, i = l === 0 || o[l] === " " || o[l - 1] === " ", f = g === o.length - 1 || o[g] === " " || o[g + 1] === " ", y = i && f;
+      y ? v += 0.2 : i ? v += 0.4 : d >= 3 ? v += 0.8 : v += 1.6;
+    }), [v, c];
+  }
+  function $(c, o) {
+    var v = (0, e.default)(o), x = v.split(" "), l = (0, e.default)(c), g = new Set(l.split(" ")), d = p(c, l, g, o, v, x, "smart");
+    return d ? {
+      item: c,
+      score: d[0],
+      matches: [d[1]]
+    } : null;
+  }
+  function ie(c, o) {
+    var v = o.strategy, x = v === void 0 ? "aggressive" : v, l = o.getText, g = c.map(function(d) {
+      var i;
+      if (l)
+        i = l(d);
+      else {
+        var f = o.key ? d[o.key] : d;
+        i = [f];
+      }
+      var y = i.map(function(B) {
+        var S = B || "", L = (0, e.default)(S), E = new Set(L.split(" "));
+        return [S, L, E];
+      });
+      return [d, y];
+    });
+    return function(d) {
+      var i = [], f = (0, e.default)(d), y = f.split(" ");
+      return f.length ? (g.forEach(function(B) {
+        for (var S = B[0], L = B[1], E = r, z = [], C = 0, de = L.length; C < de; C += 1) {
+          var O = L[C], fe = O[0], pe = O[1], ve = O[2], q = p(fe, pe, ve, d, f, y, x);
+          q ? (E = Math.min(E, q[0]), z.push(q[1])) : z.push(null);
+        }
+        E < r && i.push({
+          item: S,
+          score: E,
+          matches: z
+        });
+      }), i.sort(a), i) : [];
+    };
+  }
+  return F;
+}
+var ee;
+function Ne() {
+  return ee || (ee = 1, function(e) {
+    e.__esModule = !0, e.default = a, e.fuzzyMatch = s;
+    var n = r(le());
+    e.normalizeText = n.default;
+    function r(t) {
+      return t && t.__esModule ? t : { default: t };
+    }
+    function a(t, u) {
+      return u === void 0 && (u = {}), Q().createFuzzySearchImpl(t, u);
+    }
+    function s(t, u) {
+      return Q().fuzzyMatchImpl(t, u);
+    }
+  }(X)), X;
+}
+var Le = Ne();
+const Te = /* @__PURE__ */ ue(Le), Ee = ["innerHTML"], Ue = /* @__PURE__ */ N({
   __name: "Table",
   props: {
     zebra: { type: Boolean, default: !1 },
     pinRows: { type: Boolean, default: !1 },
     pinCols: { type: Boolean, default: !1 },
-    size: { default: E.MD },
+    size: { default: oe.MD },
     columns: {},
     dataSource: {},
-    ajax: {}
+    ajax: {},
+    searchValue: {},
+    searchFunction: {}
   },
   setup(e) {
-    const t = p(null), s = e, a = p(_("table", `table-${U.toClassName(s.size)}`, {
-      "table-zebra": s.zebra,
-      "table-pin-rows": s.pinRows,
-      "table-pin-cols	": s.pinCols
-    }));
-    return (r, n) => (u(), d("table", {
+    const n = M([]), r = M([]), a = ae(() => Te(n.value)), s = M(null), t = e, u = M(D("table", `table-${ke.toClassName(t.size)}`, {
+      "table-zebra": t.zebra,
+      "table-pin-rows": t.pinRows,
+      "table-pin-cols	": t.pinCols
+    })), p = (w, k) => String(!w || typeof w != "object" ? w : k.split(".").reduce((b, $) => b && (typeof b == "object" ? b[$] : b), w));
+    return R(() => t.searchValue, (w) => {
+      if (t.searchFunction) {
+        r.value = t.searchFunction(w ?? "");
+        return;
+      }
+      r.value = w ? a.value(w) : n.value;
+    }), (w, k) => (h(), m("table", {
       ref_key: "table",
-      ref: t,
-      class: m(a.value)
-    }, null, 2));
+      ref: s,
+      class: W(u.value)
+    }, [
+      _("thead", null, [
+        _("tr", null, [
+          (h(!0), m(P, null, A(t.columns, (b) => (h(), m("th", {
+            key: b.title
+          }, re(b.title), 1))), 128))
+        ])
+      ]),
+      _("tbody", null, [
+        (h(!0), m(P, null, A(r.value, (b) => (h(), m("tr", {
+          key: String(b)
+        }, [
+          (h(!0), m(P, null, A(t.columns, ($) => (h(), m("td", {
+            key: $.title,
+            innerHTML: $.render ? $.render(p(b, $.data), b) : p(b, $.data)
+          }, null, 8, Ee))), 128))
+        ]))), 128))
+      ])
+    ], 2));
   }
-}), pe = /* @__PURE__ */ i({
+}), Ze = /* @__PURE__ */ N({
   __name: "Stepper",
   props: {
     value: {}
   },
   emits: ["update:value"],
-  setup(e, { expose: t, emit: s }) {
-    const a = e, r = p(a.value), n = s, o = (c) => {
-      r.value = c, n("update:value", c);
+  setup(e, { expose: n, emit: r }) {
+    const a = e, s = M(a.value), t = r, u = (p) => {
+      s.value = p, t("update:value", p);
     };
-    return X("stepper", {
-      value: r,
-      updateValue: o
-    }), g(() => a.value, (c) => {
-      r.value = c;
-    }), t({
-      updateValue: o
-    }), (c, P) => f(c.$slots, "default", { updateValue: o });
+    return ge("stepper", {
+      value: s,
+      updateValue: u
+    }), R(() => a.value, (p) => {
+      s.value = p;
+    }), n({
+      updateValue: u
+    }), (p, w) => T(p.$slots, "default", { updateValue: u });
   }
-}), fe = /* @__PURE__ */ i({
+}), Je = /* @__PURE__ */ N({
   __name: "Step",
   props: {
     value: {}
   },
   setup(e) {
-    const t = e, s = h("stepper"), a = p("");
-    return g(() => s == null ? void 0 : s.value.value, (r) => {
-      r && t.value && (a.value = Number(r) >= Number(t.value) ? "step-primary" : "");
-    }), M(() => {
-      s && (a.value = s.value.value === t.value ? "step-primary" : "", Number(s.value.value) >= Number(t.value) && (a.value = "step-primary"));
-    }), (r, n) => (u(), d("li", {
-      class: m(["step", a.value])
+    const n = e, r = H("stepper"), a = M("");
+    return R(() => r == null ? void 0 : r.value.value, (s) => {
+      s && n.value && (a.value = Number(s) >= Number(n.value) ? "step-primary" : "");
+    }), se(() => {
+      r && (a.value = r.value.value === n.value ? "step-primary" : "", Number(r.value.value) >= Number(n.value) && (a.value = "step-primary"));
+    }), (s, t) => (h(), m("li", {
+      class: W(["step", a.value])
     }, [
-      f(r.$slots, "default")
+      T(s.$slots, "default")
     ], 2));
   }
-}), F = {}, Z = { class: "steps" };
-function J(e, t) {
-  return u(), d("ul", Z, [
-    f(e.$slots, "default")
+}), ze = {}, Fe = { class: "steps" };
+function Ce(e, n) {
+  return h(), m("ul", Fe, [
+    T(e.$slots, "default")
   ]);
 }
-const be = /* @__PURE__ */ L(F, [["render", J]]), Q = { key: 0 }, me = /* @__PURE__ */ i({
+const Ye = /* @__PURE__ */ ce(ze, [["render", Ce]]), We = { key: 0 }, je = /* @__PURE__ */ N({
   __name: "StepPanels",
   setup(e) {
-    const t = h("stepper");
-    return (s, a) => (u(), S(A, {
+    const n = H("stepper");
+    return (r, a) => (h(), te(me, {
       name: "fade",
       mode: "out-in"
     }, {
-      default: N(() => {
-        var r, n;
+      default: ne(() => {
+        var s, t;
         return [
-          (r = $(t)) != null && r.value ? (u(), d("div", Q, [
-            f(s.$slots, "default", {
-              currentStep: (n = $(t)) == null ? void 0 : n.value
+          (s = U(n)) != null && s.value ? (h(), m("div", We, [
+            T(r.$slots, "default", {
+              currentStep: (t = U(n)) == null ? void 0 : t.value
             })
-          ])) : x("", !0)
+          ])) : G("", !0)
         ];
       }),
       _: 3
     }));
   }
-}), Y = { key: 0 }, _e = /* @__PURE__ */ i({
+}), De = { key: 0 }, Qe = /* @__PURE__ */ N({
   __name: "StepPanel",
   props: {
     value: {}
   },
-  setup(e, { expose: t }) {
-    const s = D(() => a == null ? void 0 : a.value.value), a = h("stepper"), r = (n) => {
-      a && a.updateValue(n.toString());
+  setup(e, { expose: n }) {
+    const r = ae(() => a == null ? void 0 : a.value.value), a = H("stepper"), s = (t) => {
+      a && a.updateValue(t.toString());
     };
-    return t({
-      activateCallback: r
-    }), (n, o) => n.value === s.value ? (u(), d("div", Y, [
-      f(n.$slots, "default", { activateCallback: r })
-    ])) : x("", !0);
+    return n({
+      activateCallback: s
+    }), (t, u) => t.value === r.value ? (h(), m("div", De, [
+      T(t.$slots, "default", { activateCallback: s })
+    ])) : G("", !0);
   }
-}), ee = { className: "modal-box" }, te = {
+}), Re = { className: "modal-box" }, Oe = {
   key: 0,
   method: "dialog"
-}, ve = /* @__PURE__ */ i({
+}, et = /* @__PURE__ */ N({
   __name: "Modal",
   props: {
     closeButton: { type: Boolean, default: !0 },
     overflow: { type: Boolean, default: !1 }
   },
   emits: ["close"],
-  setup(e, { expose: t, emit: s }) {
-    const a = p(null), r = s, o = p(_("modal", {
+  setup(e, { expose: n, emit: r }) {
+    const a = M(null), s = r, u = M(D("modal", {
       "overflow-visible": e.overflow
     }));
-    return t({
+    return n({
       showModal: () => {
-        var b;
-        (b = a.value) == null || b.showModal();
+        var k;
+        (k = a.value) == null || k.showModal();
       },
       closeModal: () => {
-        var b;
-        (b = a.value) == null || b.close();
+        var k;
+        (k = a.value) == null || k.close();
       }
-    }), (b, v) => (u(), d("dialog", {
+    }), (k, b) => (h(), m("dialog", {
       ref_key: "modal",
       ref: a,
-      class: m(o.value),
+      class: W(u.value),
       "aria-modal": "true",
       "aria-hidden": "true",
       role: "dialog",
-      onClose: v[0] || (v[0] = (C) => r("close", C))
+      onClose: b[0] || (b[0] = ($) => s("close", $))
     }, [
-      l("div", ee, [
-        b.closeButton ? (u(), d("form", te, v[1] || (v[1] = [
-          l("button", { className: "btn btn-sm btn-circle btn-ghost absolute right-2 top-2" }, "✕", -1)
-        ]))) : x("", !0),
-        f(b.$slots, "default")
+      _("div", Re, [
+        k.closeButton ? (h(), m("form", Oe, b[1] || (b[1] = [
+          _("button", { className: "btn btn-sm btn-circle btn-ghost absolute right-2 top-2" }, "✕", -1)
+        ]))) : G("", !0),
+        T(k.$slots, "default")
       ])
     ], 34));
   }
-}), ne = { class: "hidden w-full max-w-sm lg:flex" }, se = { class: "relative mx-3 w-full" }, ae = { class: "w-full max-w-full relative" }, ye = /* @__PURE__ */ i({
+}), qe = { class: "hidden w-full max-w-sm lg:flex" }, Pe = { class: "relative mx-3 w-full" }, Ae = { class: "w-full max-w-full relative" }, tt = /* @__PURE__ */ N({
   __name: "SearchBar",
   emits: ["input"],
-  setup(e, { emit: t }) {
-    const s = p(null), a = t, r = (n) => {
-      (n.ctrlKey || n.metaKey) && n.key.toLowerCase() === "k" && (n.preventDefault(), s.value && s.value.focus());
+  setup(e, { emit: n }) {
+    const r = M(null), a = n, s = (t) => {
+      (t.ctrlKey || t.metaKey) && t.key.toLowerCase() === "k" && (t.preventDefault(), r.value && r.value.focus());
     };
-    return M(() => {
-      document.addEventListener("keydown", r);
-    }), I(() => {
-      document.removeEventListener("keydown", r);
-    }), (n, o) => (u(), d("div", ne, [
-      l("label", se, [
-        o[1] || (o[1] = l("svg", {
+    return se(() => {
+      document.addEventListener("keydown", s);
+    }), _e(() => {
+      document.removeEventListener("keydown", s);
+    }), (t, u) => (h(), m("div", qe, [
+      _("label", Pe, [
+        u[1] || (u[1] = _("svg", {
           class: "pointer-events-none absolute z-10 my-3.5 ms-4 opacity-60 text-base-content",
           "aria-hidden": "true",
           width: "16",
@@ -377,32 +559,32 @@ const be = /* @__PURE__ */ L(F, [["render", J]]), Q = { key: 0 }, me = /* @__PUR
           viewBox: "0.48 0.48 23.04 23.04",
           fill: "currentColor"
         }, [
-          l("path", {
+          _("path", {
             fill: "none",
             d: "M0 0h24v24H0z"
           }),
-          l("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" })
+          _("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)),
-        l("div", ae, [
-          l("form", null, [
-            l("input", {
+        _("div", Ae, [
+          _("form", null, [
+            _("input", {
               ref_key: "searchInput",
-              ref: s,
+              ref: r,
               type: "search",
               placeholder: "Zoeken...",
-              onInput: o[0] || (o[0] = (c) => a("input", c.target.value)),
+              onInput: u[0] || (u[0] = (p) => a("input", p.target.value)),
               class: "bg-transparent color-[inherit] border-[2px] border-solid border-transparent focus:border-[2px] focus:border-base-200 focus:outline-none rounded-xl w-full px-3 py-2 ps-10"
             }, null, 544)
           ])
         ]),
-        o[2] || (o[2] = l("div", { class: "pointer-events-none absolute end-10 top-2.5 gap-1 opacity-50 rtl:flex-row-reverse hidden lg:flex" }, [
-          l("kbd", { class: "kbd kbd-sm" }, "ctrl"),
-          l("kbd", { class: "kbd kbd-sm" }, "K")
+        u[2] || (u[2] = _("div", { class: "pointer-events-none absolute end-10 top-2.5 gap-1 opacity-50 rtl:flex-row-reverse hidden lg:flex" }, [
+          _("kbd", { class: "kbd kbd-sm" }, "ctrl"),
+          _("kbd", { class: "kbd kbd-sm" }, "K")
         ], -1))
       ])
     ]));
   }
-}), ge = [
+}), nt = [
   "bg-primary",
   "bg-primary-content",
   "bg-secondary",
@@ -488,22 +670,22 @@ const be = /* @__PURE__ */ L(F, [["render", J]]), Q = { key: 0 }, me = /* @__PUR
   "block"
 ];
 export {
-  oe as Button,
-  ce as Card,
-  le as CardBody,
-  ue as CardTitle,
-  w as Color,
-  B as ColorUtils,
-  de as Container,
-  ve as Modal,
-  ye as SearchBar,
-  E as Size,
-  U as SizeUtils,
-  fe as Step,
-  be as StepList,
-  _e as StepPanel,
-  me as StepPanels,
-  pe as Stepper,
-  ie as Table,
-  ge as dendelionSafeList
+  Xe as Button,
+  Ie as Card,
+  He as CardBody,
+  Ge as CardTitle,
+  K as Color,
+  Z as ColorUtils,
+  Ke as Container,
+  et as Modal,
+  tt as SearchBar,
+  oe as Size,
+  ke as SizeUtils,
+  Je as Step,
+  Ye as StepList,
+  Qe as StepPanel,
+  je as StepPanels,
+  Ze as Stepper,
+  Ue as Table,
+  nt as dendelionSafeList
 };

package/dist/dendelion-ui.umd.js

@@ -1,5 +1,5 @@
-(function(l,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(l=typeof globalThis<"u"?globalThis:l||self,e(l.DendelionUI={},l.Vue))})(this,function(l,e){"use strict";var u=(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))(u||{});class m{static toClassName(n){switch(n){case 0:return"primary";case 1:return"primary-content";case 2:return"secondary";case 3:return"secondary-content";case 4:return"accent";case 5:return"accent-content";case 6:return"neutral";case 7:return"neutral-content";case 8:return"base-100";case 9:return"base-200";case 10:return"base-300";case 11:return"base-content";case 12:return"info";case 13:return"info-content";case 14:return"success";case 15:return"success-content";case 16:return"warning";case 17:return"warning-content";case 18:return"error";case 19:return"error-content";default:return"primary"}}}function B(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var b={exports:{}};/*!
+(function(p,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(p=typeof globalThis<"u"?globalThis:p||self,e(p.DendelionUI={},p.Vue))})(this,function(p,e){"use strict";var T=(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))(T||{});class V{static toClassName(r){switch(r){case 0:return"primary";case 1:return"primary-content";case 2:return"secondary";case 3:return"secondary-content";case 4:return"accent";case 5:return"accent-content";case 6:return"neutral";case 7:return"neutral-content";case 8:return"base-100";case 9:return"base-200";case 10:return"base-300";case 11:return"base-content";case 12:return"info";case 13:return"info-content";case 14:return"success";case 15:return"success-content";case 16:return"warning";case 17:return"warning-content";case 18:return"error";case 19:return"error-content";default:return"primary"}}}function q(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var z={exports:{}};/*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
-*/var y;function k(){return y||(y=1,function(t){(function(){var n={}.hasOwnProperty;function r(){for(var a="",c=0;c<arguments.length;c++){var d=arguments[c];d&&(a=o(a,s(d)))}return a}function s(a){if(typeof a=="string"||typeof a=="number")return a;if(typeof a!="object")return"";if(Array.isArray(a))return r.apply(null,a);if(a.toString!==Object.prototype.toString&&!a.toString.toString().includes("[native code]"))return a.toString();var c="";for(var d in a)n.call(a,d)&&a[d]&&(c=o(c,d));return c}function o(a,c){return c?a?a+" "+c:a+c:a}t.exports?(r.default=r,t.exports=r):window.classNames=r})()}(b)),b.exports}var w=k();const p=B(w),S=["type"],x={class:"group-[.is-loading]:text-transparent"},E=e.defineComponent({__name:"Button",props:{type:{default:"button"},loading:{type:Boolean},color:{default:u.Neutral},click:{}},setup(t){const n=t,r=e.ref(p("btn","group",`btn-${m.toClassName(n.color)}`,n.loading?"is-loading":""));return e.watch(()=>n.loading,s=>{r.value=p("btn","group",`btn-${m.toClassName(n.color)}`,s?"is-loading":"")}),(s,o)=>(e.openBlock(),e.createElementBlock("button",{onClick:o[0]||(o[0]=(...a)=>s.click&&s.click(...a)),class:e.normalizeClass(r.value),type:s.type},[o[1]||(o[1]=e.createElementVNode("span",{class:"loading loading-spinner loading-md absolute hidden group-[.is-loading]:block"},null,-1)),e.createElementVNode("span",x,[e.renderSlot(s.$slots,"default")])],10,S))}});var _=(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))(_||{});class g{static toClassName(n){switch(n){case 0:return"xs";case 1:return"sm";case 2:return"md";case 3:return"lg";case 4:return"xl";case 5:return"2xl";case 6:return"3xl";default:return"md"}}}const N=e.defineComponent({__name:"Card",props:{backgroundColor:{default:u.Primary},shadow:{type:Boolean,default:!1},fullWidth:{type:Boolean,default:!1},rounded:{type:Boolean},roundedSize:{}},setup(t){const n=t,r=e.ref(p("card",`bg-${n.backgroundColor}`,n.shadow?"shadow-lg":"",n.fullWidth?"w-full":"",n.rounded&&!n.roundedSize?"rounded":n.roundedSize?`rounded-${n.roundedSize}`:""));return(s,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(r.value)},[e.renderSlot(s.$slots,"default")],2))}}),h=(t,n)=>{const r=t.__vccOpts||t;for(const[s,o]of n)r[s]=o;return r},$={},C={class:"card-body"};function V(t,n){return e.openBlock(),e.createElementBlock("div",C,[e.renderSlot(t.$slots,"default")])}const M=h($,[["render",V]]),L=e.defineComponent({__name:"CardTitle",props:{is:{default:"h1"},text:{default:""}},setup(t){return(n,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.is),{class:"card-title"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.text),1)]),_:1}))}}),P=e.defineComponent({__name:"Container",props:{container:{type:Boolean,default:!0},padding:{type:Boolean,default:!0}},setup(t){const n=t,r=e.ref([n.container?"container":"",n.padding?"p-6":""]);return(s,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(r.value)},[e.renderSlot(s.$slots,"default")],2))}}),T=e.defineComponent({__name:"Table",props:{zebra:{type:Boolean,default:!1},pinRows:{type:Boolean,default:!1},pinCols:{type:Boolean,default:!1},size:{default:_.MD},columns:{},dataSource:{},ajax:{}},setup(t){const n=e.ref(null),r=t,s=e.ref(p("table",`table-${g.toClassName(r.size)}`,{"table-zebra":r.zebra,"table-pin-rows":r.pinRows,"table-pin-cols	":r.pinCols}));return(o,a)=>(e.openBlock(),e.createElementBlock("table",{ref_key:"table",ref:n,class:e.normalizeClass(s.value)},null,2))}}),j=e.defineComponent({__name:"Stepper",props:{value:{}},emits:["update:value"],setup(t,{expose:n,emit:r}){const s=t,o=e.ref(s.value),a=r,c=d=>{o.value=d,a("update:value",d)};return e.provide("stepper",{value:o,updateValue:c}),e.watch(()=>s.value,d=>{o.value=d}),n({updateValue:c}),(d,Y)=>e.renderSlot(d.$slots,"default",{updateValue:c})}}),z=e.defineComponent({__name:"Step",props:{value:{}},setup(t){const n=t,r=e.inject("stepper"),s=e.ref("");return e.watch(()=>r==null?void 0:r.value.value,o=>{o&&n.value&&(s.value=Number(o)>=Number(n.value)?"step-primary":"")}),e.onMounted(()=>{r&&(s.value=r.value.value===n.value?"step-primary":"",Number(r.value.value)>=Number(n.value)&&(s.value="step-primary"))}),(o,a)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(["step",s.value])},[e.renderSlot(o.$slots,"default")],2))}}),O={},D={class:"steps"};function I(t,n){return e.openBlock(),e.createElementBlock("ul",D,[e.renderSlot(t.$slots,"default")])}const W=h(O,[["render",I]]),X={key:0},A=e.defineComponent({__name:"StepPanels",setup(t){const n=e.inject("stepper");return(r,s)=>(e.openBlock(),e.createBlock(e.Transition,{name:"fade",mode:"out-in"},{default:e.withCtx(()=>{var o,a;return[(o=e.unref(n))!=null&&o.value?(e.openBlock(),e.createElementBlock("div",X,[e.renderSlot(r.$slots,"default",{currentStep:(a=e.unref(n))==null?void 0:a.value})])):e.createCommentVNode("",!0)]}),_:3}))}}),U={key:0},R=e.defineComponent({__name:"StepPanel",props:{value:{}},setup(t,{expose:n}){const r=e.computed(()=>s==null?void 0:s.value.value),s=e.inject("stepper"),o=a=>{s&&s.updateValue(a.toString())};return n({activateCallback:o}),(a,c)=>a.value===r.value?(e.openBlock(),e.createElementBlock("div",U,[e.renderSlot(a.$slots,"default",{activateCallback:o})])):e.createCommentVNode("",!0)}}),K={className:"modal-box"},q={key:0,method:"dialog"},H=e.defineComponent({__name:"Modal",props:{closeButton:{type:Boolean,default:!0},overflow:{type:Boolean,default:!1}},emits:["close"],setup(t,{expose:n,emit:r}){const s=e.ref(null),o=r,a=t,c=e.ref(p("modal",{"overflow-visible":a.overflow}));return n({showModal:()=>{var i;(i=s.value)==null||i.showModal()},closeModal:()=>{var i;(i=s.value)==null||i.close()}}),(i,f)=>(e.openBlock(),e.createElementBlock("dialog",{ref_key:"modal",ref:s,class:e.normalizeClass(c.value),"aria-modal":"true","aria-hidden":"true",role:"dialog",onClose:f[0]||(f[0]=v=>o("close",v))},[e.createElementVNode("div",K,[i.closeButton?(e.openBlock(),e.createElementBlock("form",q,f[1]||(f[1]=[e.createElementVNode("button",{className:"btn btn-sm btn-circle btn-ghost absolute right-2 top-2"},"✕",-1)]))):e.createCommentVNode("",!0),e.renderSlot(i.$slots,"default")])],34))}}),G={class:"hidden w-full max-w-sm lg:flex"},F={class:"relative mx-3 w-full"},Z={class:"w-full max-w-full relative"},J=e.defineComponent({__name:"SearchBar",emits:["input"],setup(t,{emit:n}){const r=e.ref(null),s=n,o=a=>{(a.ctrlKey||a.metaKey)&&a.key.toLowerCase()==="k"&&(a.preventDefault(),r.value&&r.value.focus())};return e.onMounted(()=>{document.addEventListener("keydown",o)}),e.onUnmounted(()=>{document.removeEventListener("keydown",o)}),(a,c)=>(e.openBlock(),e.createElementBlock("div",G,[e.createElementVNode("label",F,[c[1]||(c[1]=e.createElementVNode("svg",{class:"pointer-events-none absolute z-10 my-3.5 ms-4 opacity-60 text-base-content","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",Z,[e.createElementVNode("form",null,[e.createElementVNode("input",{ref_key:"searchInput",ref:r,type:"search",placeholder:"Zoeken...",onInput:c[0]||(c[0]=d=>s("input",d.target.value)),class:"bg-transparent color-[inherit] border-[2px] border-solid border-transparent focus:border-[2px] focus:border-base-200 focus:outline-none rounded-xl w-full px-3 py-2 ps-10"},null,544)])]),c[2]||(c[2]=e.createElementVNode("div",{class:"pointer-events-none absolute end-10 top-2.5 gap-1 opacity-50 rtl:flex-row-reverse hidden lg:flex"},[e.createElementVNode("kbd",{class:"kbd kbd-sm"},"ctrl"),e.createElementVNode("kbd",{class:"kbd kbd-sm"},"K")],-1))])]))}}),Q=["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"];l.Button=E,l.Card=N,l.CardBody=M,l.CardTitle=L,l.Color=u,l.ColorUtils=m,l.Container=P,l.Modal=H,l.SearchBar=J,l.Size=_,l.SizeUtils=g,l.Step=z,l.StepList=W,l.StepPanel=R,l.StepPanels=A,l.Stepper=j,l.Table=T,l.dendelionSafeList=Q,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})});
+*/var P;function j(){return P||(P=1,function(t){(function(){var r={}.hasOwnProperty;function a(){for(var n="",c=0;c<arguments.length;c++){var h=arguments[c];h&&(n=o(n,s(h)))}return n}function s(n){if(typeof n=="string"||typeof n=="number")return n;if(typeof n!="object")return"";if(Array.isArray(n))return a.apply(null,n);if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]"))return n.toString();var c="";for(var h in n)r.call(n,h)&&n[h]&&(c=o(c,h));return c}function o(n,c){return c?n?n+" "+c:n+c:n}t.exports?(a.default=a,t.exports=a):window.classNames=a})()}(z)),z.exports}var Z=j();const L=q(Z),J=["type"],Y={class:"group-[.is-loading]:text-transparent"},Q=e.defineComponent({__name:"Button",props:{type:{default:"button"},loading:{type:Boolean},color:{default:T.Neutral},click:{}},setup(t){const r=t,a=e.ref(L("btn","group",`btn-${V.toClassName(r.color)}`,r.loading?"is-loading":""));return e.watch(()=>r.loading,s=>{a.value=L("btn","group",`btn-${V.toClassName(r.color)}`,s?"is-loading":"")}),(s,o)=>(e.openBlock(),e.createElementBlock("button",{onClick:o[0]||(o[0]=(...n)=>s.click&&s.click(...n)),class:e.normalizeClass(a.value),type:s.type},[o[1]||(o[1]=e.createElementVNode("span",{class:"loading loading-spinner loading-md absolute hidden group-[.is-loading]:block"},null,-1)),e.createElementVNode("span",Y,[e.renderSlot(s.$slots,"default")])],10,J))}});var F=(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))(F||{});class A{static toClassName(r){switch(r){case 0:return"xs";case 1:return"sm";case 2:return"md";case 3:return"lg";case 4:return"xl";case 5:return"2xl";case 6:return"3xl";default:return"md"}}}const ee=e.defineComponent({__name:"Card",props:{backgroundColor:{default:T.Primary},shadow:{type:Boolean,default:!1},fullWidth:{type:Boolean,default:!1},rounded:{type:Boolean},roundedSize:{}},setup(t){const r=t,a=e.ref(L("card",`bg-${r.backgroundColor}`,r.shadow?"shadow-lg":"",r.fullWidth?"w-full":"",r.rounded&&!r.roundedSize?"rounded":r.roundedSize?`rounded-${r.roundedSize}`:""));return(s,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(a.value)},[e.renderSlot(s.$slots,"default")],2))}}),X=(t,r)=>{const a=t.__vccOpts||t;for(const[s,o]of r)a[s]=o;return a},te={},ne={class:"card-body"};function re(t,r){return e.openBlock(),e.createElementBlock("div",ne,[e.renderSlot(t.$slots,"default")])}const ae=X(te,[["render",re]]),se=e.defineComponent({__name:"CardTitle",props:{is:{default:"h1"},text:{default:""}},setup(t){return(r,a)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.is),{class:"card-title"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.text),1)]),_:1}))}}),oe=e.defineComponent({__name:"Container",props:{container:{type:Boolean,default:!0},padding:{type:Boolean,default:!0}},setup(t){const r=t,a=e.ref([r.container?"container":"",r.padding?"p-6":""]);return(s,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(a.value)},[e.renderSlot(s.$slots,"default")],2))}});var D={},W={},I;function U(){return I||(I=1,function(t){t.__esModule=!0,t.default=o;var r=/[\u0300-\u036f]/g,a=/ł/g,s=/ñ/g;function o(n){return n.toLowerCase().normalize("NFD").replace(r,"").replace(a,"l").replace(s,"n").trim()}}(W)),W}var M={},H;function G(){if(H)return M;H=1,M.__esModule=!0,M.aggressiveFuzzyMatch=S,M.createFuzzySearchImpl=$e,M.experimentalSmartFuzzyMatch=E,M.fuzzyMatchImpl=x;var t=r(U());function r(i){return i&&i.__esModule?i:{default:i}}var a=Number.MAX_SAFE_INTEGER,s=function(l,b){return l.score-b.score},o=function(l,b){return l[0]-b[0]},n=new Set(`  []()-–—'"“”`.split(""));function c(i){return n.has(i)}function h(i,l,b,k,u,y,f){if(i===k)return[0,[[0,i.length-1]]];var d=k.length,m=l.length,_=u.length;if(l===u)return[.1,[[0,m-1]]];if(l.startsWith(u))return[.5,[[0,_-1]]];var w=i.indexOf(k);if(w>-1&&c(i[w-1]))return[.9,[[w,w+d-1]]];var B=l.indexOf(u);if(B>-1&&c(l[B-1]))return[1,[[B,B+d-1]]];var N=y.length;if(N>1&&y.every(function(C){return b.has(C)})){var v=1.5+N*.2;return[v,y.map(function(C){var $=l.indexOf(C);return[$,$+C.length-1]}).sort(o)]}return B>-1?[2,[[B,B+d-1]]]:f==="aggressive"?S(l,u):f==="smart"?E(l,u):null}function S(i,l){for(var b=i.length,k=l.length,u=0,y=l[u],f=[],d=-1,m=-2,_=0;_<b;_+=1)if(i[_]===y){if(_!==m+1&&(d>=0&&f.push([d,m]),d=_),m=_,u+=1,u===k)return f.push([d,m]),g(f,i);y=l[u]}return null}function E(i,l){for(var b=i.length,k=[],u=0,y=l[u],f=-1,d=-2;;){var m=i.indexOf(y,d+1);if(m===-1)break;if(m===0||c(i[m-1]))f=m;else{var _=l.length-u,w=i.length-m,B=Math.min(3,_,w),N=l.slice(u,u+B);if(i.slice(m,m+B)===N)f=m;else{d+=1;continue}}for(d=f;d<b&&i[d]===y;d+=1)u+=1,y=l[u];if(d-=1,k.push([f,d]),u===l.length)return g(k,i)}return null}function g(i,l){var b=2;return i.forEach(function(k){var u=k[0],y=k[1],f=y-u+1,d=u===0||l[u]===" "||l[u-1]===" ",m=y===l.length-1||l[y]===" "||l[y+1]===" ",_=d&&m;_?b+=.2:d?b+=.4:f>=3?b+=.8:b+=1.6}),[b,i]}function x(i,l){var b=(0,t.default)(l),k=b.split(" "),u=(0,t.default)(i),y=new Set(u.split(" ")),f=h(i,u,y,l,b,k,"smart");return f?{item:i,score:f[0],matches:[f[1]]}:null}function $e(i,l){var b=l.strategy,k=b===void 0?"aggressive":b,u=l.getText,y=i.map(function(f){var d;if(u)d=u(f);else{var m=l.key?f[l.key]:f;d=[m]}var _=d.map(function(w){var B=w||"",N=(0,t.default)(B),v=new Set(N.split(" "));return[B,N,v]});return[f,_]});return function(f){var d=[],m=(0,t.default)(f),_=m.split(" ");return m.length?(y.forEach(function(w){for(var B=w[0],N=w[1],v=a,C=[],$=0,Le=N.length;$<Le;$+=1){var O=N[$],Te=O[0],Ve=O[1],ze=O[2],R=h(Te,Ve,ze,f,m,_,k);R?(v=Math.min(v,R[0]),C.push(R[1])):C.push(null)}v<a&&d.push({item:B,score:v,matches:C})}),d.sort(s),d):[]}}return M}var K;function ce(){return K||(K=1,function(t){t.__esModule=!0,t.default=s,t.fuzzyMatch=o;var r=a(U());t.normalizeText=r.default;function a(n){return n&&n.__esModule?n:{default:n}}function s(n,c){return c===void 0&&(c={}),G().createFuzzySearchImpl(n,c)}function o(n,c){return G().fuzzyMatchImpl(n,c)}}(D)),D}var le=ce();const ie=q(le),ue=["innerHTML"],de=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:{}},setup(t){const r=e.ref([]),a=e.ref([]),s=e.computed(()=>ie(r.value)),o=e.ref(null),n=t,c=e.ref(L("table",`table-${A.toClassName(n.size)}`,{"table-zebra":n.zebra,"table-pin-rows":n.pinRows,"table-pin-cols	":n.pinCols})),h=(S,E)=>String(!S||typeof S!="object"?S:E.split(".").reduce((g,x)=>g&&(typeof g=="object"?g[x]:g),S));return e.watch(()=>n.searchValue,S=>{if(n.searchFunction){a.value=n.searchFunction(S??"");return}a.value=S?s.value(S):r.value}),(S,E)=>(e.openBlock(),e.createElementBlock("table",{ref_key:"table",ref:o,class:e.normalizeClass(c.value)},[e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.columns,g=>(e.openBlock(),e.createElementBlock("th",{key:g.title},e.toDisplayString(g.title),1))),128))])]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,g=>(e.openBlock(),e.createElementBlock("tr",{key:String(g)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.columns,x=>(e.openBlock(),e.createElementBlock("td",{key:x.title,innerHTML:x.render?x.render(h(g,x.data),g):h(g,x.data)},null,8,ue))),128))]))),128))])],2))}}),fe=e.defineComponent({__name:"Stepper",props:{value:{}},emits:["update:value"],setup(t,{expose:r,emit:a}){const s=t,o=e.ref(s.value),n=a,c=h=>{o.value=h,n("update:value",h)};return e.provide("stepper",{value:o,updateValue:c}),e.watch(()=>s.value,h=>{o.value=h}),r({updateValue:c}),(h,S)=>e.renderSlot(h.$slots,"default",{updateValue:c})}}),pe=e.defineComponent({__name:"Step",props:{value:{}},setup(t){const r=t,a=e.inject("stepper"),s=e.ref("");return e.watch(()=>a==null?void 0:a.value.value,o=>{o&&r.value&&(s.value=Number(o)>=Number(r.value)?"step-primary":"")}),e.onMounted(()=>{a&&(s.value=a.value.value===r.value?"step-primary":"",Number(a.value.value)>=Number(r.value)&&(s.value="step-primary"))}),(o,n)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(["step",s.value])},[e.renderSlot(o.$slots,"default")],2))}}),me={},he={class:"steps"};function be(t,r){return e.openBlock(),e.createElementBlock("ul",he,[e.renderSlot(t.$slots,"default")])}const ge=X(me,[["render",be]]),ye={key:0},_e=e.defineComponent({__name:"StepPanels",setup(t){const r=e.inject("stepper");return(a,s)=>(e.openBlock(),e.createBlock(e.Transition,{name:"fade",mode:"out-in"},{default:e.withCtx(()=>{var o,n;return[(o=e.unref(r))!=null&&o.value?(e.openBlock(),e.createElementBlock("div",ye,[e.renderSlot(a.$slots,"default",{currentStep:(n=e.unref(r))==null?void 0:n.value})])):e.createCommentVNode("",!0)]}),_:3}))}}),ke={key:0},Be=e.defineComponent({__name:"StepPanel",props:{value:{}},setup(t,{expose:r}){const a=e.computed(()=>s==null?void 0:s.value.value),s=e.inject("stepper"),o=n=>{s&&s.updateValue(n.toString())};return r({activateCallback:o}),(n,c)=>n.value===a.value?(e.openBlock(),e.createElementBlock("div",ke,[e.renderSlot(n.$slots,"default",{activateCallback:o})])):e.createCommentVNode("",!0)}}),Se={className:"modal-box"},Ee={key:0,method:"dialog"},xe=e.defineComponent({__name:"Modal",props:{closeButton:{type:Boolean,default:!0},overflow:{type:Boolean,default:!1}},emits:["close"],setup(t,{expose:r,emit:a}){const s=e.ref(null),o=a,n=t,c=e.ref(L("modal",{"overflow-visible":n.overflow}));return r({showModal:()=>{var E;(E=s.value)==null||E.showModal()},closeModal:()=>{var E;(E=s.value)==null||E.close()}}),(E,g)=>(e.openBlock(),e.createElementBlock("dialog",{ref_key:"modal",ref:s,class:e.normalizeClass(c.value),"aria-modal":"true","aria-hidden":"true",role:"dialog",onClose:g[0]||(g[0]=x=>o("close",x))},[e.createElementVNode("div",Se,[E.closeButton?(e.openBlock(),e.createElementBlock("form",Ee,g[1]||(g[1]=[e.createElementVNode("button",{className:"btn btn-sm btn-circle btn-ghost absolute right-2 top-2"},"✕",-1)]))):e.createCommentVNode("",!0),e.renderSlot(E.$slots,"default")])],34))}}),we={class:"hidden w-full max-w-sm lg:flex"},Ne={class:"relative mx-3 w-full"},ve={class:"w-full max-w-full relative"},Ce=e.defineComponent({__name:"SearchBar",emits:["input"],setup(t,{emit:r}){const a=e.ref(null),s=r,o=n=>{(n.ctrlKey||n.metaKey)&&n.key.toLowerCase()==="k"&&(n.preventDefault(),a.value&&a.value.focus())};return e.onMounted(()=>{document.addEventListener("keydown",o)}),e.onUnmounted(()=>{document.removeEventListener("keydown",o)}),(n,c)=>(e.openBlock(),e.createElementBlock("div",we,[e.createElementVNode("label",Ne,[c[1]||(c[1]=e.createElementVNode("svg",{class:"pointer-events-none absolute z-10 my-3.5 ms-4 opacity-60 text-base-content","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",ve,[e.createElementVNode("form",null,[e.createElementVNode("input",{ref_key:"searchInput",ref:a,type:"search",placeholder:"Zoeken...",onInput:c[0]||(c[0]=h=>s("input",h.target.value)),class:"bg-transparent color-[inherit] border-[2px] border-solid border-transparent focus:border-[2px] focus:border-base-200 focus:outline-none rounded-xl w-full px-3 py-2 ps-10"},null,544)])]),c[2]||(c[2]=e.createElementVNode("div",{class:"pointer-events-none absolute end-10 top-2.5 gap-1 opacity-50 rtl:flex-row-reverse hidden lg:flex"},[e.createElementVNode("kbd",{class:"kbd kbd-sm"},"ctrl"),e.createElementVNode("kbd",{class:"kbd kbd-sm"},"K")],-1))])]))}}),Me=["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"];p.Button=Q,p.Card=ee,p.CardBody=ae,p.CardTitle=se,p.Color=T,p.ColorUtils=V,p.Container=oe,p.Modal=xe,p.SearchBar=Ce,p.Size=F,p.SizeUtils=A,p.Step=pe,p.StepList=ge,p.StepPanel=Be,p.StepPanels=_e,p.Stepper=fe,p.Table=de,p.dendelionSafeList=Me,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})});

package/dist/types/components/table/Table.vue.d.ts

@@ -1,11 +1,14 @@
 import { TableProps } from './interface';
-import { Size } from '@/types';
-declare const _default: import("vue").DefineComponent<TableProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TableProps> & Readonly<{}>, {
-    size: Size;
-    zebra: boolean;
-    pinRows: boolean;
-    pinCols: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {
-    table: HTMLTableElement;
-}, HTMLTableElement>;
+declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & TableProps<T> & Partial<{}>> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
 export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -1,2 +1,2 @@
 export { default as Table } from './Table.vue';
-export type { TableProps } from './interface';
+export * from './interface';

package/dist/types/components/table/interface.d.ts

@@ -1,17 +1,20 @@
 import { Size } from "@/types";
-export type TableProps = {
+import { Component, VNode } from "vue";
+export type TableProps<T> = {
     zebra?: boolean;
     pinRows?: boolean;
     pinCols?: boolean;
-    size: Size;
-    columns: Column[];
-    dataSource: Record<string, unknown>[];
-    ajax?: (params: object) => Promise<object>;
+    size?: Size;
+    columns: Column<T>[];
+    dataSource: T[];
+    ajax?: (params: object) => Promise<object> | string;
+    searchValue?: string;
+    searchFunction?: (searchValue: string) => T[];
 };
-export type Column = {
+export type Column<T> = {
     title: string;
     data: string;
-    render?: (text: string, record?: Record<string, unknown>) => string;
+    render?: (text: string, row: T) => string | Component | VNode;
     extraClasses?: ExtraClasses;
 };
 export type ExtraClasses = {

package/package.json

@@ -2,7 +2,7 @@
   "name": "dendelion-ui",
   "private": false,
   "description": "Simpel component library using Tailwind css and DaisyUI",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "author": "ThatzOkay",
   "license": "MIT",
   "homepage": "https://github.com/ThatzOkay/DendelionUI#readme",
@@ -25,7 +25,7 @@
     "dist",
     "src"
   ],
-  "main": "./dist/apldendelion-uiayer.umd.js",
+  "main": "./dist/dendelion-ui.umd.js",
   "module": "./dist/dendelion-ui.es.js",
   "typings": "./dist/types/index.d.ts",
   "types": "./dist/types/index.d.ts",
@@ -52,7 +52,9 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@nozbe/microfuzz": "^1.0.0",
     "classnames": "^2.5.1",
+    "fuzzysearch": "^1.0.3",
     "vue": "^3.5.13"
   },
   "devDependencies": {

package/src/components/table/Table.vue

@@ -1,18 +1,37 @@
 <template>
     <table ref="table" :class="tableClasses">
-        
+        <thead>
+            <tr>
+                <th v-for="column in props.columns" v-bind:key="column.title">
+                    {{ column.title }}
+                </th>
+            </tr>
+        </thead>
+        <tbody>
+            <tr v-for="row in filteredDataSource" v-bind:key="String(row)">
+                <td v-for="column in props.columns" v-bind:key="column.title" v-html="column.render ? column.render(getValue(row, column.data), row as T) : getValue(row, column.data) ">                    
+                </td>
+            </tr>
+        </tbody>
     </table>
 </template>
 
-<script setup lang="ts">
-import { ref } from 'vue';
+<script setup lang="ts" generic="T">
+import { computed, ref, watch } from 'vue';
 import { TableProps } from './interface';
 import classNames from 'classnames';
 import { Size, SizeUtils } from '@/types';
+import createFuzzySearch from '@nozbe/microfuzz'
+
+const originalDataSource = ref<T[]>([]);
+const filteredDataSource = ref<T[]>([]);
+const fuzzyDataSource = computed(() => {
+    return createFuzzySearch(originalDataSource.value);
+});
 
 const table = ref<HTMLTableElement | null>(null)
 
-const props = withDefaults(defineProps<TableProps>(), {
+const props = withDefaults(defineProps<TableProps<T>>(), {
     size: Size.MD,
     zebra: false,
     pinRows: false,
@@ -24,4 +43,22 @@ const tableClasses = ref(classNames('table', `table-${SizeUtils.toClassName(prop
     'table-pin-rows': props.pinRows,
     'table-pin-cols	': props.pinCols,
 }));
+
+//I'll figure pagination later
+const getValue = (obj: any, keyPath: string): string => {
+    if (!obj || typeof obj !== 'object') return String(obj);
+    return String(
+        keyPath.split('.').reduce<unknown>((acc, key) => acc && (typeof acc === 'object' ? (acc as Record<string, any>)[key] : acc), obj)
+    );
+};
+
+watch(() => props.searchValue, (value) => {
+    if (props.searchFunction) {
+        filteredDataSource.value = props.searchFunction(value ?? "");
+        return;
+    }
+
+    filteredDataSource.value = value ? fuzzyDataSource.value(value) as T[] : originalDataSource.value;
+});
+
 </script>

package/src/components/table/index.ts

@@ -1,2 +1,2 @@
 export { default as Table } from './Table.vue';
-export type { TableProps } from './interface';
+export * from './interface';

package/src/components/table/interface.ts

@@ -1,19 +1,22 @@
 import { Size } from "@/types";
+import { Component, VNode } from "vue";
 
-export type TableProps = {
+export type TableProps<T> = {
     zebra?: boolean;
     pinRows?: boolean;
     pinCols?: boolean;
-    size: Size
-    columns: Column[];
-    dataSource: Record<string, unknown>[];
-    ajax?: (params: object) => Promise<object>;
+    size?: Size
+    columns: Column<T>[];
+    dataSource: T[];
+    ajax?: (params: object) => Promise<object> | string;
+    searchValue?: string;
+    searchFunction?: (searchValue: string) => T[];
 }
 
-export type Column = {
+export type Column<T> = {
     title: string;
     data: string;
-    render?: (text: string, record?: Record<string, unknown>) => string;
+    render?: (text: string, row: T) => string | Component | VNode;
     extraClasses?: ExtraClasses;
 }