solid-tom-ui 0.1.0 → 0.2.0

package/dist/components/pagination/pagination.js

@@ -1,2 +1,2 @@
-import{cn as e}from"../../utils/cn.js";import{getColor as t}from"../../utils/helper.js";import{Select as n}from"../select/select.js";import{className as r,createComponent as i,delegateEvents as a,effect as o,insert as s,memo as c,setAttribute as l,setStyleProperty as u,template as d}from"solid-js/web";import{For as f,Match as p,Show as m,Switch as h,createEffect as g,createMemo as _,createSignal as v,mergeProps as y}from"solid-js";import b from"lucide-solid/icons/chevron-left";import x from"lucide-solid/icons/chevron-right";var S=d(`<span>`),C=d(`<div class=w-fit>`),w=d(`<span class=cursor-pointer>`),T=d(`<span><span>Go to</span><input type=number min=1>`),E=d(`<div>`),D=d(`<button title="Previous Page">`),O=d(`<button>•••`),k=d(`<button>`),A=d(`<button title="Next Page">`),j=d(`<div><button title=Previous></button><span><input type=number min=1><span>/</span><span></span></span><button title=Next>`),M=d(`<div><div><span>Items per page:</span><select></select><div class="bg-c3/50 w-px self-stretch"></div><span>–<!> of <!> items</span></div><div><input type=number min=1><span>of <!> pages</span><button title="Previous Page"></button><button title="Next Page">`),N=d(`<option>`),P={defaultCurrent:1,defaultPageSize:10,total:0,align:`start`,size:`md`,color:`neutral`,hideOnSinglePage:!1,showLessItems:!1,showQuickJumper:!1,showTitle:!0,disabled:!1,pageSizeOptions:[10,20,50,100],totalBoundaryShowSizeChanger:50};function F(e){switch(e){case`xs`:return`pag26`;case`sm`:return`pag27`;case`lg`:return`pag29`;case`xl`:return`pag30`;default:return`pag28`}}function I(e){switch(e){case`center`:return`justify-center`;case`end`:return`justify-end`;default:return`justify-start`}}function L(e){return e===`lg`||e===`xl`?`lg`:e===`md`?`md`:`sm`}function R(e,t,n){let r=n?1:2;if(e<=(n?7:9))return Array.from({length:e},(e,t)=>t+1);let i=[];i.push(1);let a=Math.max(2,t-r),o=Math.min(e-1,t+r);a>2&&i.push(`prev-ellipsis`);for(let e=a;e<=o;e++)i.push(e);return o<e-1&&i.push(`next-ellipsis`),i.push(e),i}var z=a=>{let u=y(P,a),[d,p]=v(u.defaultCurrent),[h,g]=v(u.defaultPageSize),[j,M]=v(``),N=_(()=>u.current??d()),z=_(()=>u.pageSize??h()),B=_(()=>Math.max(1,Math.ceil((u.total??0)/z()))),V=_(()=>typeof u.showSizeChanger==`boolean`?u.showSizeChanger:typeof u.showSizeChanger==`object`?!0:(u.total??0)>(u.totalBoundaryShowSizeChanger??50)),H=_(()=>u.hideOnSinglePage&&B()<=1),U=e=>{let t=Math.min(Math.max(1,e),B());t!==N()&&(p(t),u.onChange?.(t,z()))},W=e=>{let t=Math.max(1,Math.ceil((u.total??0)/e)),n=Math.min(N(),t);g(e),p(n),u.onShowSizeChange?.(n,e),u.onChange?.(n,e)},G=_(()=>R(B(),N(),u.showLessItems)),K=()=>{let e=parseInt(j(),10);isNaN(e)||(U(e),M(``))},q=_(()=>[(N()-1)*z()+1,Math.min(N()*z(),u.total??0)]),J=_(()=>u.pageSizeOptions.map(e=>({label:`${e} / page`,value:e})));return i(m,{get when(){return!H()},get children(){var a=E();return s(a,i(m,{get when(){return u.showTotal},get children(){var t=S();return s(t,()=>u.showTotal(u.total??0,q())),o(()=>r(t,e(`pag13`,u.class?.total))),t}}),null),s(a,()=>{let t=(()=>{var t=D();return t.$$click=()=>U(N()-1),s(t,i(b,{size:16})),o(n=>{var i=e(`pag06 pag08`,u.class?.btn,u.class?.prev,N()<=1&&`pag07`,N()<=1&&u.class?.btnDisabled),a=u.disabled||N()<=1;return i!==n.e&&r(t,n.e=i),a!==n.t&&(t.disabled=n.t=a),n},{e:void 0,t:void 0}),t})();return u.itemRender?u.itemRender(N()-1,`prev`,t):t},null),s(a,i(f,{get each(){return G()},children:t=>{if(t===`prev-ellipsis`||t===`next-ellipsis`)return(()=>{var n=O();return n.$$click=()=>{U(t===`prev-ellipsis`?Math.max(1,N()-(u.showLessItems?3:5)):Math.min(B(),N()+(u.showLessItems?3:5)))},l(n,`title`,t===`prev-ellipsis`?`Previous 5 pages`:`Next 5 pages`),o(t=>{var i=e(`pag06 pag10`,u.class?.btn,u.class?.ellipsis),a=u.disabled;return i!==t.e&&r(n,t.e=i),a!==t.t&&(n.disabled=t.t=a),t},{e:void 0,t:void 0}),n})();let n=(()=>{var n=k();return n.$$click=()=>U(t),s(n,t),o(i=>{var a=e(`pag06`,t===N()&&`pag11`,t===N()&&u.class?.itemActive,u.class?.btn),o=u.disabled,s=u.showTitle?`Page ${t}`:void 0;return a!==i.e&&r(n,i.e=a),o!==i.t&&(n.disabled=i.t=o),s!==i.a&&l(n,`title`,i.a=s),i},{e:void 0,t:void 0,a:void 0}),n})();return u.itemRender?u.itemRender(t,`page`,n):n}}),null),s(a,()=>{let t=(()=>{var t=A();return t.$$click=()=>U(N()+1),s(t,i(x,{size:16})),o(n=>{var i=e(`pag06 pag09`,N()>=B()&&`pag07`,N()>=B()&&u.class?.btnDisabled,u.class?.btn,u.class?.next),a=u.disabled||N()>=B();return i!==n.e&&r(t,n.e=i),a!==n.t&&(t.disabled=n.t=a),n},{e:void 0,t:void 0}),t})();return u.itemRender?u.itemRender(N()+1,`next`,t):t},null),s(a,i(m,{get when(){return V()},get children(){var e=C();return s(e,i(n,{get options(){return J()},get value(){return z()},onChange:e=>W(e),get disabled(){return u.disabled},get size(){return L(u.size)},get color(){return u.color},placement:`top`,get class(){return{root:u.class?.sizeChanger}}})),e}}),null),s(a,i(m,{get when(){return u.showQuickJumper},get children(){var t=T(),n=t.firstChild,a=n.nextSibling;return a.$$keydown=e=>{e.key===`Enter`&&(K(),e.currentTarget.blur())},a.$$input=e=>M(e.currentTarget.value),s(t,i(m,{get when(){return c(()=>typeof u.showQuickJumper==`object`)()&&u.showQuickJumper.goButton},fallback:null,get children(){var e=w();return e.$$click=()=>K(),s(e,()=>u.showQuickJumper.goButton),e}}),null),o(i=>{var o=e(`pag14`,u.align===`end`&&`order-first mr-auto`,u.align===`start`&&`ml-auto`,u.class?.jumper),s=e(`pag15`,u.class?.jumperLabel),c=e(`pag16`,u.class?.jumperInput),d=B(),f=u.disabled;return o!==i.e&&r(t,i.e=o),s!==i.t&&r(n,i.t=s),c!==i.a&&r(a,i.a=c),d!==i.o&&l(a,`max`,i.o=d),f!==i.i&&(a.disabled=i.i=f),i},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0}),o(()=>a.value=j()),t}}),null),o(()=>r(a,e(`pag01 pag02`,F(u.size),I(u.align),t(u.color),u.disabled&&`pag05`,u.class?.root))),a}})},B=n=>{let a=y(P,n),[c,u]=v(a.defaultCurrent),[d,f]=v(a.defaultPageSize),p=_(()=>a.current??c()),h=_(()=>a.pageSize??d()),g=_(()=>Math.max(1,Math.ceil((a.total??0)/h()))),S=_(()=>a.hideOnSinglePage&&g()<=1),C=e=>{let t=Math.min(Math.max(1,e),g());t!==p()&&(u(t),a.onChange?.(t,h()))};return i(m,{get when(){return!S()},get children(){var n=j(),c=n.firstChild,u=c.nextSibling,d=u.firstChild,f=d.nextSibling,m=f.nextSibling,h=u.nextSibling;return c.$$click=()=>C(p()-1),s(c,i(b,{size:16})),d.addEventListener(`blur`,e=>{let t=parseInt(e.currentTarget.value,10);isNaN(t)||C(t)}),d.$$keydown=e=>{if(e.key===`Enter`){let t=parseInt(e.target.value,10);isNaN(t)||C(t)}},d.addEventListener(`focus`,e=>e.currentTarget.select()),s(m,g),h.$$click=()=>C(p()+1),s(h,i(x,{size:16})),o(i=>{var o=e(`pag01 pag03`,F(a.size),I(a.align),t(a.color),a.disabled&&`pag05`,a.class?.root),s=e(`pag06 pag08`,a.class?.btn,a.class?.prev,p()<=1&&`pag07`,p()<=1&&a.class?.btnDisabled),m=a.disabled||p()<=1,_=e(`pag17`,a.class?.simplePager),v=e(`pag18`,a.class?.simpleInput),y=g(),b=a.disabled,x=e(`pag19`,a.class?.slash),S=e(`pag06 pag09`,a.class?.btn,a.class?.next,p()>=g()&&`pag07`,p()>=g()&&a.class?.btnDisabled),C=a.disabled||p()>=g();return o!==i.e&&r(n,i.e=o),s!==i.t&&r(c,i.t=s),m!==i.a&&(c.disabled=i.a=m),_!==i.o&&r(u,i.o=_),v!==i.i&&r(d,i.i=v),y!==i.n&&l(d,`max`,i.n=y),b!==i.s&&(d.disabled=i.s=b),x!==i.h&&r(f,i.h=x),S!==i.r&&r(h,i.r=S),C!==i.d&&(h.disabled=i.d=C),i},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0,n:void 0,s:void 0,h:void 0,r:void 0,d:void 0}),o(()=>d.value=p()),n}})},V=n=>{let a=y(P,n),[c,d]=v(a.defaultCurrent),[p,h]=v(a.defaultPageSize),[S,C]=v(String(a.defaultCurrent??1)),w=_(()=>a.current??c()),T=_(()=>a.pageSize??p()),E=_(()=>Math.max(1,Math.ceil((a.total??0)/T()))),D=_(()=>a.hideOnSinglePage&&E()<=1);g(function(){C(String(w()))});let O=e=>{let t=Math.min(Math.max(1,e),E());t!==w()&&(d(t),a.onChange?.(t,T()))},k=e=>{let t=Math.max(1,Math.ceil((a.total??0)/e)),n=Math.min(w(),t);h(e),d(n),a.onShowSizeChange?.(n,e),a.onChange?.(n,e)},A=_(()=>[(w()-1)*T()+1,Math.min(w()*T(),a.total??0)]),j=e=>{let t=parseInt(e,10),n=isNaN(t)?w():Math.min(Math.max(1,t),E());O(n),C(String(n))};return i(m,{get when(){return!D()},get children(){var n=M(),c=n.firstChild,d=c.firstChild,p=d.nextSibling,m=p.nextSibling.nextSibling,h=m.firstChild,g=h.nextSibling,_=g.nextSibling.nextSibling;_.nextSibling;var v=c.nextSibling,y=v.firstChild,D=y.nextSibling,P=D.firstChild.nextSibling;P.nextSibling;var I=D.nextSibling,L=I.nextSibling;return p.addEventListener(`change`,e=>k(Number(e.currentTarget.value))),s(p,i(f,{get each(){return a.pageSizeOptions},children:e=>(()=>{var t=N();return t.value=e,s(t,e),t})()})),s(m,()=>A()[0],h),s(m,()=>A()[1],g),s(m,()=>a.total??0,_),y.$$keydown=e=>{e.key===`Enter`&&(j(e.currentTarget.value),e.currentTarget.blur())},y.addEventListener(`blur`,e=>j(e.currentTarget.value)),y.$$input=e=>C(e.currentTarget.value),y.addEventListener(`focus`,e=>e.currentTarget.select()),s(D,E,P),I.$$click=()=>O(w()-1),s(I,i(b,{size:16})),L.$$click=()=>O(w()+1),s(L,i(x,{size:16})),o(i=>{var o=e(`pag01 pag04`,F(a.size),t(a.color),a.disabled&&`pag05`,a.class?.root),s=e(`pag20`,a.class?.fullyLeft),f=e(`pag22`,a.class?.fullyLabel),h=e(`pag12`,a.class?.sizeChanger),g=a.disabled,_=e(`pag23`,a.class?.fullyRange),b=e(`pag21`,a.class?.fullyRight),x=e(`pag25`,a.class?.fullyPageInput),C=E(),T=a.disabled,O=`${Math.max(2,S().length)+.5}ch`,k=e(`pag24`,a.class?.fullyPages),A=e(`pag06`,a.class?.btn,a.class?.prev,w()<=1&&`pag07`,w()<=1&&a.class?.btnDisabled),j=a.disabled||w()<=1,M=e(`pag06`,a.class?.btn,a.class?.next,w()>=E()&&`pag07`,w()>=E()&&a.class?.btnDisabled),N=a.disabled||w()>=E();return o!==i.e&&r(n,i.e=o),s!==i.t&&r(c,i.t=s),f!==i.a&&r(d,i.a=f),h!==i.o&&r(p,i.o=h),g!==i.i&&(p.disabled=i.i=g),_!==i.n&&r(m,i.n=_),b!==i.s&&r(v,i.s=b),x!==i.h&&r(y,i.h=x),C!==i.r&&l(y,`max`,i.r=C),T!==i.d&&(y.disabled=i.d=T),O!==i.l&&u(y,`width`,i.l=O),k!==i.u&&r(D,i.u=k),A!==i.c&&r(I,i.c=A),j!==i.w&&(I.disabled=i.w=j),M!==i.m&&r(L,i.m=M),N!==i.f&&(L.disabled=i.f=N),i},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0,n:void 0,s:void 0,h:void 0,r:void 0,d:void 0,l:void 0,u:void 0,c:void 0,w:void 0,m:void 0,f:void 0}),o(()=>p.value=T()),o(()=>y.value=S()),n}})},H=e=>i(h,{get fallback(){return i(z,e)},get children(){return[i(p,{get when(){return e.mode===`simple`},get children(){return i(B,e)}}),i(p,{get when(){return e.mode===`fully`},get children(){return i(V,e)}})]}});a([`input`,`keydown`,`click`]);export{H as Pagination};
+import{cn as e}from"../../utils/cn.js";import{chevron_left_default as t}from"../../node_modules/.pnpm/lucide-solid@1.8.0_solid-js@1.9.11/node_modules/lucide-solid/dist/source/icons/chevron-left.js";import{chevron_right_default as n}from"../../node_modules/.pnpm/lucide-solid@1.8.0_solid-js@1.9.11/node_modules/lucide-solid/dist/source/icons/chevron-right.js";import{getColor as r}from"../../utils/helper.js";import{Select as i}from"../select/select.js";import{className as a,createComponent as o,delegateEvents as s,effect as c,insert as l,memo as u,setAttribute as d,setStyleProperty as f,template as p}from"solid-js/web";import{For as m,Match as h,Show as g,Switch as _,createEffect as v,createMemo as y,createSignal as b,mergeProps as x}from"solid-js";var S=p(`<span>`),C=p(`<div class=w-fit>`),w=p(`<span class=cursor-pointer>`),T=p(`<span><span>Go to</span><input type=number min=1>`),E=p(`<div>`),D=p(`<button title="Previous Page">`),O=p(`<button>•••`),k=p(`<button>`),A=p(`<button title="Next Page">`),j=p(`<div><button title=Previous></button><span><input type=number min=1><span>/</span><span></span></span><button title=Next>`),M=p(`<div><div><span>Items per page:</span><select></select><div class="bg-c3/50 w-px self-stretch"></div><span>–<!> of <!> items</span></div><div><input type=number min=1><span>of <!> pages</span><button title="Previous Page"></button><button title="Next Page">`),N=p(`<option>`),P={defaultCurrent:1,defaultPageSize:10,total:0,align:`start`,size:`md`,color:`neutral`,hideOnSinglePage:!1,showLessItems:!1,showQuickJumper:!1,showTitle:!0,disabled:!1,pageSizeOptions:[10,20,50,100],totalBoundaryShowSizeChanger:50};function F(e){switch(e){case`xs`:return`pag26`;case`sm`:return`pag27`;case`lg`:return`pag29`;case`xl`:return`pag30`;default:return`pag28`}}function I(e){switch(e){case`center`:return`justify-center`;case`end`:return`justify-end`;default:return`justify-start`}}function L(e){return e===`lg`||e===`xl`?`lg`:e===`md`?`md`:`sm`}function R(e,t,n){let r=n?1:2;if(e<=(n?7:9))return Array.from({length:e},(e,t)=>t+1);let i=[];i.push(1);let a=Math.max(2,t-r),o=Math.min(e-1,t+r);a>2&&i.push(`prev-ellipsis`);for(let e=a;e<=o;e++)i.push(e);return o<e-1&&i.push(`next-ellipsis`),i.push(e),i}var z=s=>{let f=x(P,s),[p,h]=b(f.defaultCurrent),[_,v]=b(f.defaultPageSize),[j,M]=b(``),N=y(()=>f.current??p()),z=y(()=>f.pageSize??_()),B=y(()=>Math.max(1,Math.ceil((f.total??0)/z()))),V=y(()=>typeof f.showSizeChanger==`boolean`?f.showSizeChanger:typeof f.showSizeChanger==`object`?!0:(f.total??0)>(f.totalBoundaryShowSizeChanger??50)),H=y(()=>f.hideOnSinglePage&&B()<=1),U=e=>{let t=Math.min(Math.max(1,e),B());t!==N()&&(h(t),f.onChange?.(t,z()))},W=e=>{let t=Math.max(1,Math.ceil((f.total??0)/e)),n=Math.min(N(),t);v(e),h(n),f.onShowSizeChange?.(n,e),f.onChange?.(n,e)},G=y(()=>R(B(),N(),f.showLessItems)),K=()=>{let e=parseInt(j(),10);isNaN(e)||(U(e),M(``))},q=y(()=>[(N()-1)*z()+1,Math.min(N()*z(),f.total??0)]),J=y(()=>f.pageSizeOptions.map(e=>({label:`${e} / page`,value:e})));return o(g,{get when(){return!H()},get children(){var s=E();return l(s,o(g,{get when(){return f.showTotal},get children(){var t=S();return l(t,()=>f.showTotal(f.total??0,q())),c(()=>a(t,e(`pag13`,f.class?.total))),t}}),null),l(s,()=>{let n=(()=>{var n=D();return n.$$click=()=>U(N()-1),l(n,o(t,{size:16})),c(t=>{var r=e(`pag06 pag08`,f.class?.btn,f.class?.prev,N()<=1&&`pag07`,N()<=1&&f.class?.btnDisabled),i=f.disabled||N()<=1;return r!==t.e&&a(n,t.e=r),i!==t.t&&(n.disabled=t.t=i),t},{e:void 0,t:void 0}),n})();return f.itemRender?f.itemRender(N()-1,`prev`,n):n},null),l(s,o(m,{get each(){return G()},children:t=>{if(t===`prev-ellipsis`||t===`next-ellipsis`)return(()=>{var n=O();return n.$$click=()=>{U(t===`prev-ellipsis`?Math.max(1,N()-(f.showLessItems?3:5)):Math.min(B(),N()+(f.showLessItems?3:5)))},d(n,`title`,t===`prev-ellipsis`?`Previous 5 pages`:`Next 5 pages`),c(t=>{var r=e(`pag06 pag10`,f.class?.btn,f.class?.ellipsis),i=f.disabled;return r!==t.e&&a(n,t.e=r),i!==t.t&&(n.disabled=t.t=i),t},{e:void 0,t:void 0}),n})();let n=(()=>{var n=k();return n.$$click=()=>U(t),l(n,t),c(r=>{var i=e(`pag06`,t===N()&&`pag11`,t===N()&&f.class?.itemActive,f.class?.btn),o=f.disabled,s=f.showTitle?`Page ${t}`:void 0;return i!==r.e&&a(n,r.e=i),o!==r.t&&(n.disabled=r.t=o),s!==r.a&&d(n,`title`,r.a=s),r},{e:void 0,t:void 0,a:void 0}),n})();return f.itemRender?f.itemRender(t,`page`,n):n}}),null),l(s,()=>{let t=(()=>{var t=A();return t.$$click=()=>U(N()+1),l(t,o(n,{size:16})),c(n=>{var r=e(`pag06 pag09`,N()>=B()&&`pag07`,N()>=B()&&f.class?.btnDisabled,f.class?.btn,f.class?.next),i=f.disabled||N()>=B();return r!==n.e&&a(t,n.e=r),i!==n.t&&(t.disabled=n.t=i),n},{e:void 0,t:void 0}),t})();return f.itemRender?f.itemRender(N()+1,`next`,t):t},null),l(s,o(g,{get when(){return V()},get children(){var e=C();return l(e,o(i,{get options(){return J()},get value(){return z()},onChange:e=>W(e),get disabled(){return f.disabled},get size(){return L(f.size)},get color(){return f.color},placement:`top`,get class(){return{root:f.class?.sizeChanger}}})),e}}),null),l(s,o(g,{get when(){return f.showQuickJumper},get children(){var t=T(),n=t.firstChild,r=n.nextSibling;return r.$$keydown=e=>{e.key===`Enter`&&(K(),e.currentTarget.blur())},r.$$input=e=>M(e.currentTarget.value),l(t,o(g,{get when(){return u(()=>typeof f.showQuickJumper==`object`)()&&f.showQuickJumper.goButton},fallback:null,get children(){var e=w();return e.$$click=()=>K(),l(e,()=>f.showQuickJumper.goButton),e}}),null),c(i=>{var o=e(`pag14`,f.align===`end`&&`order-first mr-auto`,f.align===`start`&&`ml-auto`,f.class?.jumper),s=e(`pag15`,f.class?.jumperLabel),c=e(`pag16`,f.class?.jumperInput),l=B(),u=f.disabled;return o!==i.e&&a(t,i.e=o),s!==i.t&&a(n,i.t=s),c!==i.a&&a(r,i.a=c),l!==i.o&&d(r,`max`,i.o=l),u!==i.i&&(r.disabled=i.i=u),i},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0}),c(()=>r.value=j()),t}}),null),c(()=>a(s,e(`pag01 pag02`,F(f.size),I(f.align),r(f.color),f.disabled&&`pag05`,f.class?.root))),s}})},B=i=>{let s=x(P,i),[u,f]=b(s.defaultCurrent),[p,m]=b(s.defaultPageSize),h=y(()=>s.current??u()),_=y(()=>s.pageSize??p()),v=y(()=>Math.max(1,Math.ceil((s.total??0)/_()))),S=y(()=>s.hideOnSinglePage&&v()<=1),C=e=>{let t=Math.min(Math.max(1,e),v());t!==h()&&(f(t),s.onChange?.(t,_()))};return o(g,{get when(){return!S()},get children(){var i=j(),u=i.firstChild,f=u.nextSibling,p=f.firstChild,m=p.nextSibling,g=m.nextSibling,_=f.nextSibling;return u.$$click=()=>C(h()-1),l(u,o(t,{size:16})),p.addEventListener(`blur`,e=>{let t=parseInt(e.currentTarget.value,10);isNaN(t)||C(t)}),p.$$keydown=e=>{if(e.key===`Enter`){let t=parseInt(e.target.value,10);isNaN(t)||C(t)}},p.addEventListener(`focus`,e=>e.currentTarget.select()),l(g,v),_.$$click=()=>C(h()+1),l(_,o(n,{size:16})),c(t=>{var n=e(`pag01 pag03`,F(s.size),I(s.align),r(s.color),s.disabled&&`pag05`,s.class?.root),o=e(`pag06 pag08`,s.class?.btn,s.class?.prev,h()<=1&&`pag07`,h()<=1&&s.class?.btnDisabled),c=s.disabled||h()<=1,l=e(`pag17`,s.class?.simplePager),g=e(`pag18`,s.class?.simpleInput),y=v(),b=s.disabled,x=e(`pag19`,s.class?.slash),S=e(`pag06 pag09`,s.class?.btn,s.class?.next,h()>=v()&&`pag07`,h()>=v()&&s.class?.btnDisabled),C=s.disabled||h()>=v();return n!==t.e&&a(i,t.e=n),o!==t.t&&a(u,t.t=o),c!==t.a&&(u.disabled=t.a=c),l!==t.o&&a(f,t.o=l),g!==t.i&&a(p,t.i=g),y!==t.n&&d(p,`max`,t.n=y),b!==t.s&&(p.disabled=t.s=b),x!==t.h&&a(m,t.h=x),S!==t.r&&a(_,t.r=S),C!==t.d&&(_.disabled=t.d=C),t},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0,n:void 0,s:void 0,h:void 0,r:void 0,d:void 0}),c(()=>p.value=h()),i}})},V=i=>{let s=x(P,i),[u,p]=b(s.defaultCurrent),[h,_]=b(s.defaultPageSize),[S,C]=b(String(s.defaultCurrent??1)),w=y(()=>s.current??u()),T=y(()=>s.pageSize??h()),E=y(()=>Math.max(1,Math.ceil((s.total??0)/T()))),D=y(()=>s.hideOnSinglePage&&E()<=1);v(function(){C(String(w()))});let O=e=>{let t=Math.min(Math.max(1,e),E());t!==w()&&(p(t),s.onChange?.(t,T()))},k=e=>{let t=Math.max(1,Math.ceil((s.total??0)/e)),n=Math.min(w(),t);_(e),p(n),s.onShowSizeChange?.(n,e),s.onChange?.(n,e)},A=y(()=>[(w()-1)*T()+1,Math.min(w()*T(),s.total??0)]),j=e=>{let t=parseInt(e,10),n=isNaN(t)?w():Math.min(Math.max(1,t),E());O(n),C(String(n))};return o(g,{get when(){return!D()},get children(){var i=M(),u=i.firstChild,p=u.firstChild,h=p.nextSibling,g=h.nextSibling.nextSibling,_=g.firstChild,v=_.nextSibling,y=v.nextSibling.nextSibling;y.nextSibling;var b=u.nextSibling,x=b.firstChild,D=x.nextSibling,P=D.firstChild.nextSibling;P.nextSibling;var I=D.nextSibling,L=I.nextSibling;return h.addEventListener(`change`,e=>k(Number(e.currentTarget.value))),l(h,o(m,{get each(){return s.pageSizeOptions},children:e=>(()=>{var t=N();return t.value=e,l(t,e),t})()})),l(g,()=>A()[0],_),l(g,()=>A()[1],v),l(g,()=>s.total??0,y),x.$$keydown=e=>{e.key===`Enter`&&(j(e.currentTarget.value),e.currentTarget.blur())},x.addEventListener(`blur`,e=>j(e.currentTarget.value)),x.$$input=e=>C(e.currentTarget.value),x.addEventListener(`focus`,e=>e.currentTarget.select()),l(D,E,P),I.$$click=()=>O(w()-1),l(I,o(t,{size:16})),L.$$click=()=>O(w()+1),l(L,o(n,{size:16})),c(t=>{var n=e(`pag01 pag04`,F(s.size),r(s.color),s.disabled&&`pag05`,s.class?.root),o=e(`pag20`,s.class?.fullyLeft),c=e(`pag22`,s.class?.fullyLabel),l=e(`pag12`,s.class?.sizeChanger),m=s.disabled,_=e(`pag23`,s.class?.fullyRange),v=e(`pag21`,s.class?.fullyRight),y=e(`pag25`,s.class?.fullyPageInput),C=E(),T=s.disabled,O=`${Math.max(2,S().length)+.5}ch`,k=e(`pag24`,s.class?.fullyPages),A=e(`pag06`,s.class?.btn,s.class?.prev,w()<=1&&`pag07`,w()<=1&&s.class?.btnDisabled),j=s.disabled||w()<=1,M=e(`pag06`,s.class?.btn,s.class?.next,w()>=E()&&`pag07`,w()>=E()&&s.class?.btnDisabled),N=s.disabled||w()>=E();return n!==t.e&&a(i,t.e=n),o!==t.t&&a(u,t.t=o),c!==t.a&&a(p,t.a=c),l!==t.o&&a(h,t.o=l),m!==t.i&&(h.disabled=t.i=m),_!==t.n&&a(g,t.n=_),v!==t.s&&a(b,t.s=v),y!==t.h&&a(x,t.h=y),C!==t.r&&d(x,`max`,t.r=C),T!==t.d&&(x.disabled=t.d=T),O!==t.l&&f(x,`width`,t.l=O),k!==t.u&&a(D,t.u=k),A!==t.c&&a(I,t.c=A),j!==t.w&&(I.disabled=t.w=j),M!==t.m&&a(L,t.m=M),N!==t.f&&(L.disabled=t.f=N),t},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0,n:void 0,s:void 0,h:void 0,r:void 0,d:void 0,l:void 0,u:void 0,c:void 0,w:void 0,m:void 0,f:void 0}),c(()=>h.value=T()),c(()=>x.value=S()),i}})},H=e=>o(_,{get fallback(){return o(z,e)},get children(){return[o(h,{get when(){return e.mode===`simple`},get children(){return o(B,e)}}),o(h,{get when(){return e.mode===`fully`},get children(){return o(V,e)}})]}});s([`input`,`keydown`,`click`]);export{H as Pagination};
 //# sourceMappingURL=pagination.js.map

package/dist/components/pagination/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","names":["Select","cn","getColor","ChevronLeft","ChevronRight","Component","createEffect","createMemo","createSignal","For","Match","mergeProps","Show","Switch","PaginationDefaultProps","PaginationFullyProps","PaginationProps","PaginationSimpleProps","DEFAULT_PROPS","defaultCurrent","defaultPageSize","total","align","const","size","color","hideOnSinglePage","showLessItems","showQuickJumper","showTitle","disabled","pageSizeOptions","totalBoundaryShowSizeChanger","buildSizeClass","buildAlignClass","mapSizeToSelect","buildPageItems","totalPages","current","sibling","Array","from","length","_","i","items","push","leftBound","Math","max","rightBound","min","PaginationDefault","props","p","internalCurrent","setInternalCurrent","internalPageSize","setInternalPageSize","jumpValue","setJumpValue","pageSize","ceil","showSizeChanger","shouldHide","changePage","page","clamped","onChange","changePageSize","newTotal","newCurrent","onShowSizeChange","pageItems","handleJump","val","parseInt","isNaN","range","start","end","pageSizeSelectOpts","map","opt","label","value","_$createComponent","when","children","_el$","_tmpl$5","_$insert","showTotal","_el$2","_tmpl$","_$effect","_$className","class","btn","_el$8","_tmpl$6","$$click","_p$","_v$6","prev","btnDisabled","_v$7","e","t","undefined","itemRender","each","item","_el$9","_tmpl$7","jump","_$setAttribute","_v$8","ellipsis","_v$9","pageBtn","_el$0","_tmpl$8","_v$0","itemActive","_v$1","_v$10","a","_el$1","_tmpl$9","_v$11","next","_v$12","_el$3","_tmpl$2","options","placement","root","sizeChanger","_el$4","_tmpl$4","_el$5","firstChild","_el$6","nextSibling","$$keydown","key","currentTarget","blur","$$input","_$memo","goButton","fallback","_el$7","_tmpl$3","_v$","jumper","_v$2","jumperLabel","_v$3","jumperInput","_v$4","_v$5","o","PaginationSimple","_el$10","_tmpl$0","_el$11","_el$12","_el$13","_el$14","_el$15","_el$16","addEventListener","v","target","HTMLInputElement","select","_v$13","_v$14","_v$15","_v$16","simplePager","_v$17","simpleInput","_v$18","_v$19","_v$20","slash","_v$21","_v$22","n","s","h","r","d","PaginationFully","modernPageInput","setModernPageInput","String","syncPageInput","commitPageInput","num","_el$17","_tmpl$1","_el$18","_el$19","_el$20","_el$21","_el$22","_el$23","_el$26","_el$24","_el$27","_el$25","_el$28","_el$29","_el$30","_el$31","_el$33","_el$32","_el$34","_el$35","Number","_el$36","_tmpl$10","_v$23","_v$24","fullyLeft","_v$25","fullyLabel","_v$26","_v$27","_v$28","fullyRange","_v$29","fullyRight","_v$30","fullyPageInput","_v$31","_v$32","_v$33","_v$34","fullyPages","_v$35","_v$36","_v$37","_v$38","l","_$setStyleProperty","u","c","w","m","f","Pagination","mode","_$delegateEvents"],"sources":["../../../src/components/pagination/pagination.tsx"],"sourcesContent":["import { Select } from '@/components/select';\r\nimport { cn } from '@/utils/cn';\r\nimport { getColor } from '@/utils/helper';\r\nimport ChevronLeft from 'lucide-solid/icons/chevron-left';\r\nimport ChevronRight from 'lucide-solid/icons/chevron-right';\r\nimport {\r\n  Component,\r\n  createEffect,\r\n  createMemo,\r\n  createSignal,\r\n  For,\r\n  Match,\r\n  mergeProps,\r\n  Show,\r\n  Switch,\r\n} from 'solid-js';\r\nimport type {\r\n  PaginationDefaultProps,\r\n  PaginationFullyProps,\r\n  PaginationProps,\r\n  PaginationSimpleProps,\r\n} from './pagination.types';\r\n\r\nconst DEFAULT_PROPS = {\r\n  defaultCurrent: 1,\r\n  defaultPageSize: 10,\r\n  total: 0,\r\n  align: 'start' as const,\r\n  size: 'md' as const,\r\n  color: 'neutral' as const,\r\n  hideOnSinglePage: false,\r\n  showLessItems: false,\r\n  showQuickJumper: false,\r\n  showTitle: true,\r\n  disabled: false,\r\n  pageSizeOptions: [10, 20, 50, 100],\r\n  totalBoundaryShowSizeChanger: 50,\r\n};\r\n\r\n// ─── Shared helpers ─────────────────────────────────────────────────────────\r\n\r\nfunction buildSizeClass(size: string) {\r\n  switch (size) {\r\n    case 'xs':\r\n      return 'pag26';\r\n    case 'sm':\r\n      return 'pag27';\r\n    case 'lg':\r\n      return 'pag29';\r\n    case 'xl':\r\n      return 'pag30';\r\n    default:\r\n      return 'pag28';\r\n  }\r\n}\r\n\r\nfunction buildAlignClass(align: string) {\r\n  switch (align) {\r\n    case 'center':\r\n      return 'justify-center';\r\n    case 'end':\r\n      return 'justify-end';\r\n    default:\r\n      return 'justify-start';\r\n  }\r\n}\r\n\r\nfunction mapSizeToSelect(size: string): 'sm' | 'md' | 'lg' {\r\n  if (size === 'lg' || size === 'xl') return 'lg';\r\n  if (size === 'md') return 'md';\r\n  return 'sm';\r\n}\r\n\r\n// Build page list with ellipsis algorithm\r\nfunction buildPageItems(totalPages: number, current: number, showLessItems: boolean) {\r\n  const sibling = showLessItems ? 1 : 2;\r\n\r\n  if (totalPages <= (showLessItems ? 7 : 9)) {\r\n    return Array.from({ length: totalPages }, (_, i) => i + 1);\r\n  }\r\n\r\n  const items: (number | 'prev-ellipsis' | 'next-ellipsis')[] = [];\r\n\r\n  items.push(1);\r\n\r\n  const leftBound = Math.max(2, current - sibling);\r\n  const rightBound = Math.min(totalPages - 1, current + sibling);\r\n\r\n  if (leftBound > 2) items.push('prev-ellipsis');\r\n  for (let i = leftBound; i <= rightBound; i++) items.push(i);\r\n  if (rightBound < totalPages - 1) items.push('next-ellipsis');\r\n\r\n  items.push(totalPages);\r\n\r\n  return items;\r\n}\r\n\r\n// ─── Mode: default ──────────────────────────────────────────────────────────\r\n\r\nconst PaginationDefault: Component<PaginationDefaultProps> = props => {\r\n  const p = mergeProps(DEFAULT_PROPS, props);\r\n\r\n  const [internalCurrent, setInternalCurrent] = createSignal(p.defaultCurrent);\r\n  const [internalPageSize, setInternalPageSize] = createSignal(p.defaultPageSize);\r\n  const [jumpValue, setJumpValue] = createSignal('');\r\n\r\n  const current = createMemo(() => p.current ?? internalCurrent());\r\n  const pageSize = createMemo(() => p.pageSize ?? internalPageSize());\r\n  const totalPages = createMemo(() => Math.max(1, Math.ceil((p.total ?? 0) / pageSize())));\r\n\r\n  const showSizeChanger = createMemo(() => {\r\n    if (typeof p.showSizeChanger === 'boolean') return p.showSizeChanger;\r\n    if (typeof p.showSizeChanger === 'object') return true;\r\n    return (p.total ?? 0) > (p.totalBoundaryShowSizeChanger ?? 50);\r\n  });\r\n\r\n  const shouldHide = createMemo(() => p.hideOnSinglePage && totalPages() <= 1);\r\n\r\n  const changePage = (page: number) => {\r\n    const clamped = Math.min(Math.max(1, page), totalPages());\r\n    if (clamped === current()) return;\r\n    setInternalCurrent(clamped);\r\n    p.onChange?.(clamped, pageSize());\r\n  };\r\n\r\n  const changePageSize = (size: number) => {\r\n    const newTotal = Math.max(1, Math.ceil((p.total ?? 0) / size));\r\n    const newCurrent = Math.min(current(), newTotal);\r\n    setInternalPageSize(size);\r\n    setInternalCurrent(newCurrent);\r\n    p.onShowSizeChange?.(newCurrent, size);\r\n    p.onChange?.(newCurrent, size);\r\n  };\r\n\r\n  const pageItems = createMemo(() => buildPageItems(totalPages(), current(), p.showLessItems));\r\n\r\n  const handleJump = () => {\r\n    const val = parseInt(jumpValue(), 10);\r\n    if (!isNaN(val)) {\r\n      changePage(val);\r\n      setJumpValue('');\r\n    }\r\n  };\r\n\r\n  const range = createMemo<[number, number]>(() => {\r\n    const start = (current() - 1) * pageSize() + 1;\r\n    const end = Math.min(current() * pageSize(), p.total ?? 0);\r\n    return [start, end];\r\n  });\r\n\r\n  const pageSizeSelectOpts = createMemo(() =>\r\n    p.pageSizeOptions.map(opt => ({ label: `${opt} / page`, value: opt as number })),\r\n  );\r\n\r\n  return (\r\n    <Show when={!shouldHide()}>\r\n      <div\r\n        class={cn(\r\n          'pag01 pag02',\r\n          buildSizeClass(p.size),\r\n          buildAlignClass(p.align),\r\n          getColor(p.color),\r\n          p.disabled && 'pag05',\r\n          p.class?.root,\r\n        )}\r\n      >\r\n        {/* Show total */}\r\n        <Show when={p.showTotal}>\r\n          <span class={cn('pag13', p.class?.total)}>{p.showTotal!(p.total ?? 0, range())}</span>\r\n        </Show>\r\n\r\n        {/* Prev button */}\r\n        {(() => {\r\n          const btn = (\r\n            <button\r\n              class={cn(\r\n                'pag06 pag08',\r\n                p.class?.btn,\r\n                p.class?.prev,\r\n                current() <= 1 && 'pag07',\r\n                current() <= 1 && p.class?.btnDisabled,\r\n              )}\r\n              disabled={p.disabled || current() <= 1}\r\n              onClick={() => changePage(current() - 1)}\r\n              title=\"Previous Page\"\r\n            >\r\n              <ChevronLeft size={16} />\r\n            </button>\r\n          );\r\n          return p.itemRender ? p.itemRender(current() - 1, 'prev', btn) : btn;\r\n        })()}\r\n\r\n        {/* Page items */}\r\n        <For each={pageItems()}>\r\n          {item => {\r\n            if (item === 'prev-ellipsis' || item === 'next-ellipsis') {\r\n              return (\r\n                <button\r\n                  class={cn('pag06 pag10', p.class?.btn, p.class?.ellipsis)}\r\n                  disabled={p.disabled}\r\n                  onClick={() => {\r\n                    const jump =\r\n                      item === 'prev-ellipsis'\r\n                        ? Math.max(1, current() - (p.showLessItems ? 3 : 5))\r\n                        : Math.min(totalPages(), current() + (p.showLessItems ? 3 : 5));\r\n                    changePage(jump);\r\n                  }}\r\n                  title={item === 'prev-ellipsis' ? 'Previous 5 pages' : 'Next 5 pages'}\r\n                >\r\n                  •••\r\n                </button>\r\n              );\r\n            }\r\n            const pageBtn = (\r\n              <button\r\n                class={cn(\r\n                  'pag06',\r\n                  item === current() && 'pag11',\r\n                  item === current() && p.class?.itemActive,\r\n                  p.class?.btn,\r\n                )}\r\n                disabled={p.disabled}\r\n                onClick={() => changePage(item)}\r\n                title={p.showTitle ? `Page ${item}` : undefined}\r\n              >\r\n                {item}\r\n              </button>\r\n            );\r\n            return p.itemRender ? p.itemRender(item, 'page', pageBtn) : pageBtn;\r\n          }}\r\n        </For>\r\n\r\n        {/* Next button */}\r\n        {(() => {\r\n          const btn = (\r\n            <button\r\n              class={cn(\r\n                'pag06 pag09',\r\n                current() >= totalPages() && 'pag07',\r\n                current() >= totalPages() && p.class?.btnDisabled,\r\n                p.class?.btn,\r\n                p.class?.next,\r\n              )}\r\n              disabled={p.disabled || current() >= totalPages()}\r\n              onClick={() => changePage(current() + 1)}\r\n              title=\"Next Page\"\r\n            >\r\n              <ChevronRight size={16} />\r\n            </button>\r\n          );\r\n          return p.itemRender ? p.itemRender(current() + 1, 'next', btn) : btn;\r\n        })()}\r\n\r\n        {/* Size changer */}\r\n        <Show when={showSizeChanger()}>\r\n          <div class=\"w-fit\">\r\n            <Select\r\n              options={pageSizeSelectOpts()}\r\n              value={pageSize()}\r\n              onChange={val => changePageSize(val as number)}\r\n              disabled={p.disabled}\r\n              size={mapSizeToSelect(p.size)}\r\n              color={p.color}\r\n              placement=\"top\"\r\n              class={{ root: p.class?.sizeChanger }}\r\n            />\r\n          </div>\r\n        </Show>\r\n\r\n        {/* Quick jumper */}\r\n        <Show when={p.showQuickJumper}>\r\n          <span\r\n            class={cn(\r\n              'pag14',\r\n              p.align === 'end' && 'order-first mr-auto',\r\n              p.align === 'start' && 'ml-auto',\r\n              p.class?.jumper,\r\n            )}\r\n          >\r\n            <span class={cn('pag15', p.class?.jumperLabel)}>Go to</span>\r\n            <input\r\n              class={cn('pag16', p.class?.jumperInput)}\r\n              type=\"number\"\r\n              min={1}\r\n              max={totalPages()}\r\n              value={jumpValue()}\r\n              disabled={p.disabled}\r\n              onInput={e => setJumpValue(e.currentTarget.value)}\r\n              onKeyDown={e => {\r\n                if (e.key === 'Enter') {\r\n                  handleJump();\r\n                  e.currentTarget.blur();\r\n                }\r\n              }}\r\n            />\r\n            <Show\r\n              when={typeof p.showQuickJumper === 'object' && p.showQuickJumper.goButton}\r\n              fallback={null}\r\n            >\r\n              <span onClick={() => handleJump()} class=\"cursor-pointer\">\r\n                {(p.showQuickJumper as { goButton: any }).goButton}\r\n              </span>\r\n            </Show>\r\n          </span>\r\n        </Show>\r\n      </div>\r\n    </Show>\r\n  );\r\n};\r\n\r\n// ─── Mode: simple ────────────────────────────────────────────────────────────\r\n\r\nconst PaginationSimple: Component<PaginationSimpleProps> = props => {\r\n  const p = mergeProps(DEFAULT_PROPS, props);\r\n\r\n  const [internalCurrent, setInternalCurrent] = createSignal(p.defaultCurrent);\r\n  const [internalPageSize, setInternalPageSize] = createSignal(p.defaultPageSize);\r\n\r\n  const current = createMemo(() => p.current ?? internalCurrent());\r\n  const pageSize = createMemo(() => p.pageSize ?? internalPageSize());\r\n  const totalPages = createMemo(() => Math.max(1, Math.ceil((p.total ?? 0) / pageSize())));\r\n  const shouldHide = createMemo(() => p.hideOnSinglePage && totalPages() <= 1);\r\n\r\n  const changePage = (page: number) => {\r\n    const clamped = Math.min(Math.max(1, page), totalPages());\r\n    if (clamped === current()) return;\r\n    setInternalCurrent(clamped);\r\n    p.onChange?.(clamped, pageSize());\r\n  };\r\n\r\n  return (\r\n    <Show when={!shouldHide()}>\r\n      <div\r\n        class={cn(\r\n          'pag01 pag03',\r\n          buildSizeClass(p.size),\r\n          buildAlignClass(p.align),\r\n          getColor(p.color),\r\n          p.disabled && 'pag05',\r\n          p.class?.root,\r\n        )}\r\n      >\r\n        <button\r\n          class={cn(\r\n            'pag06 pag08',\r\n            p.class?.btn,\r\n            p.class?.prev,\r\n            current() <= 1 && 'pag07',\r\n            current() <= 1 && p.class?.btnDisabled,\r\n          )}\r\n          disabled={p.disabled || current() <= 1}\r\n          onClick={() => changePage(current() - 1)}\r\n          title=\"Previous\"\r\n        >\r\n          <ChevronLeft size={16} />\r\n        </button>\r\n        <span class={cn('pag17', p.class?.simplePager)}>\r\n          <input\r\n            class={cn('pag18', p.class?.simpleInput)}\r\n            type=\"number\"\r\n            min={1}\r\n            max={totalPages()}\r\n            value={current()}\r\n            disabled={p.disabled}\r\n            onFocus={e => e.currentTarget.select()}\r\n            onKeyDown={e => {\r\n              if (e.key === 'Enter') {\r\n                const v = parseInt((e.target as HTMLInputElement).value, 10);\r\n                if (!isNaN(v)) changePage(v);\r\n              }\r\n            }}\r\n            onBlur={e => {\r\n              const v = parseInt(e.currentTarget.value, 10);\r\n              if (!isNaN(v)) changePage(v);\r\n            }}\r\n          />\r\n          <span class={cn('pag19', p.class?.slash)}>/</span>\r\n          <span>{totalPages()}</span>\r\n        </span>\r\n        <button\r\n          class={cn(\r\n            'pag06 pag09',\r\n            p.class?.btn,\r\n            p.class?.next,\r\n            current() >= totalPages() && 'pag07',\r\n            current() >= totalPages() && p.class?.btnDisabled,\r\n          )}\r\n          disabled={p.disabled || current() >= totalPages()}\r\n          onClick={() => changePage(current() + 1)}\r\n          title=\"Next\"\r\n        >\r\n          <ChevronRight size={16} />\r\n        </button>\r\n      </div>\r\n    </Show>\r\n  );\r\n};\r\n\r\n// ─── Mode: fully ─────────────────────────────────────────────────────────────\r\n\r\nconst PaginationFully: Component<PaginationFullyProps> = props => {\r\n  const p = mergeProps(DEFAULT_PROPS, props);\r\n\r\n  const [internalCurrent, setInternalCurrent] = createSignal(p.defaultCurrent);\r\n  const [internalPageSize, setInternalPageSize] = createSignal(p.defaultPageSize);\r\n  const [modernPageInput, setModernPageInput] = createSignal(String(p.defaultCurrent ?? 1));\r\n\r\n  const current = createMemo(() => p.current ?? internalCurrent());\r\n  const pageSize = createMemo(() => p.pageSize ?? internalPageSize());\r\n  const totalPages = createMemo(() => Math.max(1, Math.ceil((p.total ?? 0) / pageSize())));\r\n  const shouldHide = createMemo(() => p.hideOnSinglePage && totalPages() <= 1);\r\n\r\n  createEffect(function syncPageInput() {\r\n    setModernPageInput(String(current()));\r\n  });\r\n\r\n  const changePage = (page: number) => {\r\n    const clamped = Math.min(Math.max(1, page), totalPages());\r\n    if (clamped === current()) return;\r\n    setInternalCurrent(clamped);\r\n    p.onChange?.(clamped, pageSize());\r\n  };\r\n\r\n  const changePageSize = (size: number) => {\r\n    const newTotal = Math.max(1, Math.ceil((p.total ?? 0) / size));\r\n    const newCurrent = Math.min(current(), newTotal);\r\n    setInternalPageSize(size);\r\n    setInternalCurrent(newCurrent);\r\n    p.onShowSizeChange?.(newCurrent, size);\r\n    p.onChange?.(newCurrent, size);\r\n  };\r\n\r\n  const range = createMemo<[number, number]>(() => {\r\n    const start = (current() - 1) * pageSize() + 1;\r\n    const end = Math.min(current() * pageSize(), p.total ?? 0);\r\n    return [start, end];\r\n  });\r\n\r\n  const commitPageInput = (value: string) => {\r\n    const num = parseInt(value, 10);\r\n    const clamped = !isNaN(num) ? Math.min(Math.max(1, num), totalPages()) : current();\r\n    changePage(clamped);\r\n    setModernPageInput(String(clamped));\r\n  };\r\n\r\n  return (\r\n    <Show when={!shouldHide()}>\r\n      <div\r\n        class={cn(\r\n          'pag01 pag04',\r\n          buildSizeClass(p.size),\r\n          getColor(p.color),\r\n          p.disabled && 'pag05',\r\n          p.class?.root,\r\n        )}\r\n      >\r\n        {/* Left: items-per-page dropdown + range */}\r\n        <div class={cn('pag20', p.class?.fullyLeft)}>\r\n          <span class={cn('pag22', p.class?.fullyLabel)}>Items per page:</span>\r\n          <select\r\n            class={cn('pag12', p.class?.sizeChanger)}\r\n            disabled={p.disabled}\r\n            value={pageSize()}\r\n            onChange={e => changePageSize(Number(e.currentTarget.value))}\r\n          >\r\n            <For each={p.pageSizeOptions}>{opt => <option value={opt}>{opt}</option>}</For>\r\n          </select>\r\n          <div class=\"bg-c3/50 w-px self-stretch\"></div>\r\n          <span class={cn('pag23', p.class?.fullyRange)}>\r\n            {range()[0]}–{range()[1]} of {p.total ?? 0} items\r\n          </span>\r\n        </div>\r\n\r\n        {/* Right: page input + prev/next buttons */}\r\n        <div class={cn('pag21', p.class?.fullyRight)}>\r\n          <input\r\n            class={cn('pag25', p.class?.fullyPageInput)}\r\n            type=\"number\"\r\n            min={1}\r\n            max={totalPages()}\r\n            value={modernPageInput()}\r\n            disabled={p.disabled}\r\n            style={{ width: `${Math.max(2, modernPageInput().length) + 0.5}ch` }}\r\n            onFocus={e => e.currentTarget.select()}\r\n            onInput={e => setModernPageInput(e.currentTarget.value)}\r\n            onBlur={e => commitPageInput(e.currentTarget.value)}\r\n            onKeyDown={e => {\r\n              if (e.key === 'Enter') {\r\n                commitPageInput((e.currentTarget as HTMLInputElement).value);\r\n                e.currentTarget.blur();\r\n              }\r\n            }}\r\n          />\r\n          <span class={cn('pag24', p.class?.fullyPages)}>of {totalPages()} pages</span>\r\n          <button\r\n            class={cn(\r\n              'pag06',\r\n              p.class?.btn,\r\n              p.class?.prev,\r\n              current() <= 1 && 'pag07',\r\n              current() <= 1 && p.class?.btnDisabled,\r\n            )}\r\n            disabled={p.disabled || current() <= 1}\r\n            onClick={() => changePage(current() - 1)}\r\n            title=\"Previous Page\"\r\n          >\r\n            <ChevronLeft size={16} />\r\n          </button>\r\n          <button\r\n            class={cn(\r\n              'pag06',\r\n              p.class?.btn,\r\n              p.class?.next,\r\n              current() >= totalPages() && 'pag07',\r\n              current() >= totalPages() && p.class?.btnDisabled,\r\n            )}\r\n            disabled={p.disabled || current() >= totalPages()}\r\n            onClick={() => changePage(current() + 1)}\r\n            title=\"Next Page\"\r\n          >\r\n            <ChevronRight size={16} />\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </Show>\r\n  );\r\n};\r\n\r\n// ─── Public component ────────────────────────────────────────────────────────\r\n\r\nexport const Pagination: Component<PaginationProps> = p => {\r\n  return (\r\n    <Switch fallback={<PaginationDefault {...(p as PaginationDefaultProps)} />}>\r\n      <Match when={p.mode === 'simple'}>\r\n        <PaginationSimple {...(p as PaginationSimpleProps)} />\r\n      </Match>\r\n      <Match when={p.mode === 'fully'}>\r\n        <PaginationFully {...(p as PaginationFullyProps)} />\r\n      </Match>\r\n    </Switch>\r\n  );\r\n};\r\n"],"mappings":"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"}
+{"version":3,"file":"pagination.js","names":["Select","cn","getColor","ChevronLeft","ChevronRight","Component","createEffect","createMemo","createSignal","For","Match","mergeProps","Show","Switch","PaginationDefaultProps","PaginationFullyProps","PaginationProps","PaginationSimpleProps","DEFAULT_PROPS","defaultCurrent","defaultPageSize","total","align","const","size","color","hideOnSinglePage","showLessItems","showQuickJumper","showTitle","disabled","pageSizeOptions","totalBoundaryShowSizeChanger","buildSizeClass","buildAlignClass","mapSizeToSelect","buildPageItems","totalPages","current","sibling","Array","from","length","_","i","items","push","leftBound","Math","max","rightBound","min","PaginationDefault","props","p","internalCurrent","setInternalCurrent","internalPageSize","setInternalPageSize","jumpValue","setJumpValue","pageSize","ceil","showSizeChanger","shouldHide","changePage","page","clamped","onChange","changePageSize","newTotal","newCurrent","onShowSizeChange","pageItems","handleJump","val","parseInt","isNaN","range","start","end","pageSizeSelectOpts","map","opt","label","value","_$createComponent","when","children","_el$","_tmpl$5","_$insert","showTotal","_el$2","_tmpl$","_$effect","_$className","class","btn","_el$8","_tmpl$6","$$click","_p$","_v$6","prev","btnDisabled","_v$7","e","t","undefined","itemRender","each","item","_el$9","_tmpl$7","jump","_$setAttribute","_v$8","ellipsis","_v$9","pageBtn","_el$0","_tmpl$8","_v$0","itemActive","_v$1","_v$10","a","_el$1","_tmpl$9","_v$11","next","_v$12","_el$3","_tmpl$2","options","placement","root","sizeChanger","_el$4","_tmpl$4","_el$5","firstChild","_el$6","nextSibling","$$keydown","key","currentTarget","blur","$$input","_$memo","goButton","fallback","_el$7","_tmpl$3","_v$","jumper","_v$2","jumperLabel","_v$3","jumperInput","_v$4","_v$5","o","PaginationSimple","_el$10","_tmpl$0","_el$11","_el$12","_el$13","_el$14","_el$15","_el$16","addEventListener","v","target","HTMLInputElement","select","_v$13","_v$14","_v$15","_v$16","simplePager","_v$17","simpleInput","_v$18","_v$19","_v$20","slash","_v$21","_v$22","n","s","h","r","d","PaginationFully","modernPageInput","setModernPageInput","String","syncPageInput","commitPageInput","num","_el$17","_tmpl$1","_el$18","_el$19","_el$20","_el$21","_el$22","_el$23","_el$26","_el$24","_el$27","_el$25","_el$28","_el$29","_el$30","_el$31","_el$33","_el$32","_el$34","_el$35","Number","_el$36","_tmpl$10","_v$23","_v$24","fullyLeft","_v$25","fullyLabel","_v$26","_v$27","_v$28","fullyRange","_v$29","fullyRight","_v$30","fullyPageInput","_v$31","_v$32","_v$33","_v$34","fullyPages","_v$35","_v$36","_v$37","_v$38","l","_$setStyleProperty","u","c","w","m","f","Pagination","mode","_$delegateEvents"],"sources":["../../../src/components/pagination/pagination.tsx"],"sourcesContent":["import { Select } from '@/components/select';\nimport { cn } from '@/utils/cn';\nimport { getColor } from '@/utils/helper';\nimport ChevronLeft from 'lucide-solid/icons/chevron-left';\nimport ChevronRight from 'lucide-solid/icons/chevron-right';\nimport {\n  Component,\n  createEffect,\n  createMemo,\n  createSignal,\n  For,\n  Match,\n  mergeProps,\n  Show,\n  Switch,\n} from 'solid-js';\nimport type {\n  PaginationDefaultProps,\n  PaginationFullyProps,\n  PaginationProps,\n  PaginationSimpleProps,\n} from './pagination.types';\n\nconst DEFAULT_PROPS = {\n  defaultCurrent: 1,\n  defaultPageSize: 10,\n  total: 0,\n  align: 'start' as const,\n  size: 'md' as const,\n  color: 'neutral' as const,\n  hideOnSinglePage: false,\n  showLessItems: false,\n  showQuickJumper: false,\n  showTitle: true,\n  disabled: false,\n  pageSizeOptions: [10, 20, 50, 100],\n  totalBoundaryShowSizeChanger: 50,\n};\n\n// ─── Shared helpers ─────────────────────────────────────────────────────────\n\nfunction buildSizeClass(size: string) {\n  switch (size) {\n    case 'xs':\n      return 'pag26';\n    case 'sm':\n      return 'pag27';\n    case 'lg':\n      return 'pag29';\n    case 'xl':\n      return 'pag30';\n    default:\n      return 'pag28';\n  }\n}\n\nfunction buildAlignClass(align: string) {\n  switch (align) {\n    case 'center':\n      return 'justify-center';\n    case 'end':\n      return 'justify-end';\n    default:\n      return 'justify-start';\n  }\n}\n\nfunction mapSizeToSelect(size: string): 'sm' | 'md' | 'lg' {\n  if (size === 'lg' || size === 'xl') return 'lg';\n  if (size === 'md') return 'md';\n  return 'sm';\n}\n\n// Build page list with ellipsis algorithm\nfunction buildPageItems(totalPages: number, current: number, showLessItems: boolean) {\n  const sibling = showLessItems ? 1 : 2;\n\n  if (totalPages <= (showLessItems ? 7 : 9)) {\n    return Array.from({ length: totalPages }, (_, i) => i + 1);\n  }\n\n  const items: (number | 'prev-ellipsis' | 'next-ellipsis')[] = [];\n\n  items.push(1);\n\n  const leftBound = Math.max(2, current - sibling);\n  const rightBound = Math.min(totalPages - 1, current + sibling);\n\n  if (leftBound > 2) items.push('prev-ellipsis');\n  for (let i = leftBound; i <= rightBound; i++) items.push(i);\n  if (rightBound < totalPages - 1) items.push('next-ellipsis');\n\n  items.push(totalPages);\n\n  return items;\n}\n\n// ─── Mode: default ──────────────────────────────────────────────────────────\n\nconst PaginationDefault: Component<PaginationDefaultProps> = props => {\n  const p = mergeProps(DEFAULT_PROPS, props);\n\n  const [internalCurrent, setInternalCurrent] = createSignal(p.defaultCurrent);\n  const [internalPageSize, setInternalPageSize] = createSignal(p.defaultPageSize);\n  const [jumpValue, setJumpValue] = createSignal('');\n\n  const current = createMemo(() => p.current ?? internalCurrent());\n  const pageSize = createMemo(() => p.pageSize ?? internalPageSize());\n  const totalPages = createMemo(() => Math.max(1, Math.ceil((p.total ?? 0) / pageSize())));\n\n  const showSizeChanger = createMemo(() => {\n    if (typeof p.showSizeChanger === 'boolean') return p.showSizeChanger;\n    if (typeof p.showSizeChanger === 'object') return true;\n    return (p.total ?? 0) > (p.totalBoundaryShowSizeChanger ?? 50);\n  });\n\n  const shouldHide = createMemo(() => p.hideOnSinglePage && totalPages() <= 1);\n\n  const changePage = (page: number) => {\n    const clamped = Math.min(Math.max(1, page), totalPages());\n    if (clamped === current()) return;\n    setInternalCurrent(clamped);\n    p.onChange?.(clamped, pageSize());\n  };\n\n  const changePageSize = (size: number) => {\n    const newTotal = Math.max(1, Math.ceil((p.total ?? 0) / size));\n    const newCurrent = Math.min(current(), newTotal);\n    setInternalPageSize(size);\n    setInternalCurrent(newCurrent);\n    p.onShowSizeChange?.(newCurrent, size);\n    p.onChange?.(newCurrent, size);\n  };\n\n  const pageItems = createMemo(() => buildPageItems(totalPages(), current(), p.showLessItems));\n\n  const handleJump = () => {\n    const val = parseInt(jumpValue(), 10);\n    if (!isNaN(val)) {\n      changePage(val);\n      setJumpValue('');\n    }\n  };\n\n  const range = createMemo<[number, number]>(() => {\n    const start = (current() - 1) * pageSize() + 1;\n    const end = Math.min(current() * pageSize(), p.total ?? 0);\n    return [start, end];\n  });\n\n  const pageSizeSelectOpts = createMemo(() =>\n    p.pageSizeOptions.map(opt => ({ label: `${opt} / page`, value: opt as number })),\n  );\n\n  return (\n    <Show when={!shouldHide()}>\n      <div\n        class={cn(\n          'pag01 pag02',\n          buildSizeClass(p.size),\n          buildAlignClass(p.align),\n          getColor(p.color),\n          p.disabled && 'pag05',\n          p.class?.root,\n        )}\n      >\n        {/* Show total */}\n        <Show when={p.showTotal}>\n          <span class={cn('pag13', p.class?.total)}>{p.showTotal!(p.total ?? 0, range())}</span>\n        </Show>\n\n        {/* Prev button */}\n        {(() => {\n          const btn = (\n            <button\n              class={cn(\n                'pag06 pag08',\n                p.class?.btn,\n                p.class?.prev,\n                current() <= 1 && 'pag07',\n                current() <= 1 && p.class?.btnDisabled,\n              )}\n              disabled={p.disabled || current() <= 1}\n              onClick={() => changePage(current() - 1)}\n              title=\"Previous Page\"\n            >\n              <ChevronLeft size={16} />\n            </button>\n          );\n          return p.itemRender ? p.itemRender(current() - 1, 'prev', btn) : btn;\n        })()}\n\n        {/* Page items */}\n        <For each={pageItems()}>\n          {item => {\n            if (item === 'prev-ellipsis' || item === 'next-ellipsis') {\n              return (\n                <button\n                  class={cn('pag06 pag10', p.class?.btn, p.class?.ellipsis)}\n                  disabled={p.disabled}\n                  onClick={() => {\n                    const jump =\n                      item === 'prev-ellipsis'\n                        ? Math.max(1, current() - (p.showLessItems ? 3 : 5))\n                        : Math.min(totalPages(), current() + (p.showLessItems ? 3 : 5));\n                    changePage(jump);\n                  }}\n                  title={item === 'prev-ellipsis' ? 'Previous 5 pages' : 'Next 5 pages'}\n                >\n                  •••\n                </button>\n              );\n            }\n            const pageBtn = (\n              <button\n                class={cn(\n                  'pag06',\n                  item === current() && 'pag11',\n                  item === current() && p.class?.itemActive,\n                  p.class?.btn,\n                )}\n                disabled={p.disabled}\n                onClick={() => changePage(item)}\n                title={p.showTitle ? `Page ${item}` : undefined}\n              >\n                {item}\n              </button>\n            );\n            return p.itemRender ? p.itemRender(item, 'page', pageBtn) : pageBtn;\n          }}\n        </For>\n\n        {/* Next button */}\n        {(() => {\n          const btn = (\n            <button\n              class={cn(\n                'pag06 pag09',\n                current() >= totalPages() && 'pag07',\n                current() >= totalPages() && p.class?.btnDisabled,\n                p.class?.btn,\n                p.class?.next,\n              )}\n              disabled={p.disabled || current() >= totalPages()}\n              onClick={() => changePage(current() + 1)}\n              title=\"Next Page\"\n            >\n              <ChevronRight size={16} />\n            </button>\n          );\n          return p.itemRender ? p.itemRender(current() + 1, 'next', btn) : btn;\n        })()}\n\n        {/* Size changer */}\n        <Show when={showSizeChanger()}>\n          <div class=\"w-fit\">\n            <Select\n              options={pageSizeSelectOpts()}\n              value={pageSize()}\n              onChange={val => changePageSize(val as number)}\n              disabled={p.disabled}\n              size={mapSizeToSelect(p.size)}\n              color={p.color}\n              placement=\"top\"\n              class={{ root: p.class?.sizeChanger }}\n            />\n          </div>\n        </Show>\n\n        {/* Quick jumper */}\n        <Show when={p.showQuickJumper}>\n          <span\n            class={cn(\n              'pag14',\n              p.align === 'end' && 'order-first mr-auto',\n              p.align === 'start' && 'ml-auto',\n              p.class?.jumper,\n            )}\n          >\n            <span class={cn('pag15', p.class?.jumperLabel)}>Go to</span>\n            <input\n              class={cn('pag16', p.class?.jumperInput)}\n              type=\"number\"\n              min={1}\n              max={totalPages()}\n              value={jumpValue()}\n              disabled={p.disabled}\n              onInput={e => setJumpValue(e.currentTarget.value)}\n              onKeyDown={e => {\n                if (e.key === 'Enter') {\n                  handleJump();\n                  e.currentTarget.blur();\n                }\n              }}\n            />\n            <Show\n              when={typeof p.showQuickJumper === 'object' && p.showQuickJumper.goButton}\n              fallback={null}\n            >\n              <span onClick={() => handleJump()} class=\"cursor-pointer\">\n                {(p.showQuickJumper as { goButton: any }).goButton}\n              </span>\n            </Show>\n          </span>\n        </Show>\n      </div>\n    </Show>\n  );\n};\n\n// ─── Mode: simple ────────────────────────────────────────────────────────────\n\nconst PaginationSimple: Component<PaginationSimpleProps> = props => {\n  const p = mergeProps(DEFAULT_PROPS, props);\n\n  const [internalCurrent, setInternalCurrent] = createSignal(p.defaultCurrent);\n  const [internalPageSize, setInternalPageSize] = createSignal(p.defaultPageSize);\n\n  const current = createMemo(() => p.current ?? internalCurrent());\n  const pageSize = createMemo(() => p.pageSize ?? internalPageSize());\n  const totalPages = createMemo(() => Math.max(1, Math.ceil((p.total ?? 0) / pageSize())));\n  const shouldHide = createMemo(() => p.hideOnSinglePage && totalPages() <= 1);\n\n  const changePage = (page: number) => {\n    const clamped = Math.min(Math.max(1, page), totalPages());\n    if (clamped === current()) return;\n    setInternalCurrent(clamped);\n    p.onChange?.(clamped, pageSize());\n  };\n\n  return (\n    <Show when={!shouldHide()}>\n      <div\n        class={cn(\n          'pag01 pag03',\n          buildSizeClass(p.size),\n          buildAlignClass(p.align),\n          getColor(p.color),\n          p.disabled && 'pag05',\n          p.class?.root,\n        )}\n      >\n        <button\n          class={cn(\n            'pag06 pag08',\n            p.class?.btn,\n            p.class?.prev,\n            current() <= 1 && 'pag07',\n            current() <= 1 && p.class?.btnDisabled,\n          )}\n          disabled={p.disabled || current() <= 1}\n          onClick={() => changePage(current() - 1)}\n          title=\"Previous\"\n        >\n          <ChevronLeft size={16} />\n        </button>\n        <span class={cn('pag17', p.class?.simplePager)}>\n          <input\n            class={cn('pag18', p.class?.simpleInput)}\n            type=\"number\"\n            min={1}\n            max={totalPages()}\n            value={current()}\n            disabled={p.disabled}\n            onFocus={e => e.currentTarget.select()}\n            onKeyDown={e => {\n              if (e.key === 'Enter') {\n                const v = parseInt((e.target as HTMLInputElement).value, 10);\n                if (!isNaN(v)) changePage(v);\n              }\n            }}\n            onBlur={e => {\n              const v = parseInt(e.currentTarget.value, 10);\n              if (!isNaN(v)) changePage(v);\n            }}\n          />\n          <span class={cn('pag19', p.class?.slash)}>/</span>\n          <span>{totalPages()}</span>\n        </span>\n        <button\n          class={cn(\n            'pag06 pag09',\n            p.class?.btn,\n            p.class?.next,\n            current() >= totalPages() && 'pag07',\n            current() >= totalPages() && p.class?.btnDisabled,\n          )}\n          disabled={p.disabled || current() >= totalPages()}\n          onClick={() => changePage(current() + 1)}\n          title=\"Next\"\n        >\n          <ChevronRight size={16} />\n        </button>\n      </div>\n    </Show>\n  );\n};\n\n// ─── Mode: fully ─────────────────────────────────────────────────────────────\n\nconst PaginationFully: Component<PaginationFullyProps> = props => {\n  const p = mergeProps(DEFAULT_PROPS, props);\n\n  const [internalCurrent, setInternalCurrent] = createSignal(p.defaultCurrent);\n  const [internalPageSize, setInternalPageSize] = createSignal(p.defaultPageSize);\n  const [modernPageInput, setModernPageInput] = createSignal(String(p.defaultCurrent ?? 1));\n\n  const current = createMemo(() => p.current ?? internalCurrent());\n  const pageSize = createMemo(() => p.pageSize ?? internalPageSize());\n  const totalPages = createMemo(() => Math.max(1, Math.ceil((p.total ?? 0) / pageSize())));\n  const shouldHide = createMemo(() => p.hideOnSinglePage && totalPages() <= 1);\n\n  createEffect(function syncPageInput() {\n    setModernPageInput(String(current()));\n  });\n\n  const changePage = (page: number) => {\n    const clamped = Math.min(Math.max(1, page), totalPages());\n    if (clamped === current()) return;\n    setInternalCurrent(clamped);\n    p.onChange?.(clamped, pageSize());\n  };\n\n  const changePageSize = (size: number) => {\n    const newTotal = Math.max(1, Math.ceil((p.total ?? 0) / size));\n    const newCurrent = Math.min(current(), newTotal);\n    setInternalPageSize(size);\n    setInternalCurrent(newCurrent);\n    p.onShowSizeChange?.(newCurrent, size);\n    p.onChange?.(newCurrent, size);\n  };\n\n  const range = createMemo<[number, number]>(() => {\n    const start = (current() - 1) * pageSize() + 1;\n    const end = Math.min(current() * pageSize(), p.total ?? 0);\n    return [start, end];\n  });\n\n  const commitPageInput = (value: string) => {\n    const num = parseInt(value, 10);\n    const clamped = !isNaN(num) ? Math.min(Math.max(1, num), totalPages()) : current();\n    changePage(clamped);\n    setModernPageInput(String(clamped));\n  };\n\n  return (\n    <Show when={!shouldHide()}>\n      <div\n        class={cn(\n          'pag01 pag04',\n          buildSizeClass(p.size),\n          getColor(p.color),\n          p.disabled && 'pag05',\n          p.class?.root,\n        )}\n      >\n        {/* Left: items-per-page dropdown + range */}\n        <div class={cn('pag20', p.class?.fullyLeft)}>\n          <span class={cn('pag22', p.class?.fullyLabel)}>Items per page:</span>\n          <select\n            class={cn('pag12', p.class?.sizeChanger)}\n            disabled={p.disabled}\n            value={pageSize()}\n            onChange={e => changePageSize(Number(e.currentTarget.value))}\n          >\n            <For each={p.pageSizeOptions}>{opt => <option value={opt}>{opt}</option>}</For>\n          </select>\n          <div class=\"bg-c3/50 w-px self-stretch\"></div>\n          <span class={cn('pag23', p.class?.fullyRange)}>\n            {range()[0]}–{range()[1]} of {p.total ?? 0} items\n          </span>\n        </div>\n\n        {/* Right: page input + prev/next buttons */}\n        <div class={cn('pag21', p.class?.fullyRight)}>\n          <input\n            class={cn('pag25', p.class?.fullyPageInput)}\n            type=\"number\"\n            min={1}\n            max={totalPages()}\n            value={modernPageInput()}\n            disabled={p.disabled}\n            style={{ width: `${Math.max(2, modernPageInput().length) + 0.5}ch` }}\n            onFocus={e => e.currentTarget.select()}\n            onInput={e => setModernPageInput(e.currentTarget.value)}\n            onBlur={e => commitPageInput(e.currentTarget.value)}\n            onKeyDown={e => {\n              if (e.key === 'Enter') {\n                commitPageInput((e.currentTarget as HTMLInputElement).value);\n                e.currentTarget.blur();\n              }\n            }}\n          />\n          <span class={cn('pag24', p.class?.fullyPages)}>of {totalPages()} pages</span>\n          <button\n            class={cn(\n              'pag06',\n              p.class?.btn,\n              p.class?.prev,\n              current() <= 1 && 'pag07',\n              current() <= 1 && p.class?.btnDisabled,\n            )}\n            disabled={p.disabled || current() <= 1}\n            onClick={() => changePage(current() - 1)}\n            title=\"Previous Page\"\n          >\n            <ChevronLeft size={16} />\n          </button>\n          <button\n            class={cn(\n              'pag06',\n              p.class?.btn,\n              p.class?.next,\n              current() >= totalPages() && 'pag07',\n              current() >= totalPages() && p.class?.btnDisabled,\n            )}\n            disabled={p.disabled || current() >= totalPages()}\n            onClick={() => changePage(current() + 1)}\n            title=\"Next Page\"\n          >\n            <ChevronRight size={16} />\n          </button>\n        </div>\n      </div>\n    </Show>\n  );\n};\n\n// ─── Public component ────────────────────────────────────────────────────────\n\nexport const Pagination: Component<PaginationProps> = p => {\n  return (\n    <Switch fallback={<PaginationDefault {...(p as PaginationDefaultProps)} />}>\n      <Match when={p.mode === 'simple'}>\n        <PaginationSimple {...(p as PaginationSimpleProps)} />\n      </Match>\n      <Match when={p.mode === 'fully'}>\n        <PaginationFully {...(p as PaginationFullyProps)} />\n      </Match>\n    </Switch>\n  );\n};\n"],"mappings":"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"}

package/dist/components/progress-bar/progress-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-bar.js","names":["render","createSignal","onCleanup","cn","getColor","ProgressBarOptions","BarProps","Required","instanceId","onDone","ProgressBarInner","props","progress","setProgress","opacity","setOpacity","rafId","startTime","INITIAL_SPEED","DECAY","MAX_PROGRESS","animate","timestamp","elapsed","speed","Math","pow","delta","prev","next","requestAnimationFrame","completeAndFade","cancelAnimationFrame","setTimeout","fadeOutDuration","completionHandlers","set","cancelProgressAnimation","delete","isRtl","direction","barStyle","width","height","transition","rounded","undefined","containerStyle","zIndex","position","const","left","right","_el$","_tmpl$","_el$2","firstChild","_$insert","_c$","_$memo","shimmer","_el$3","_tmpl$2","_$effect","_$className","_p$","_v$","_v$2","color","_v$3","e","_$style","t","a","Map","activeDisposers","containerEl","HTMLDivElement","ensureContainer","document","createElement","id","body","appendChild","disposeAll","dispose","values","clear","ProgressBarAPI","start","options","dismiss","DEFAULT_OPTIONS","progressBar","random","toString","slice","mergedOptions","slot","_$createComponent","_$mergeProps","remove","size","ids","keys","handler","get"],"sources":["../../../src/components/progress-bar/progress-bar.tsx"],"sourcesContent":["import { render } from 'solid-js/web';\r\nimport { createSignal, onCleanup } from 'solid-js';\r\nimport { cn } from '@/utils/cn';\r\nimport { getColor } from '@/utils/helper';\r\nimport type { ProgressBarOptions } from './progress-bar.types';\r\n\r\n// ─── Internal Bar Component ───────────────────────────────────────────────────\r\n\r\ninterface BarProps extends Required<ProgressBarOptions> {\r\n  instanceId: string;\r\n  onDone: () => void;\r\n}\r\n\r\nconst ProgressBarInner = (props: BarProps) => {\r\n  const [progress, setProgress] = createSignal(0);\r\n  const [opacity, setOpacity] = createSignal(1);\r\n\r\n  let rafId: number;\r\n  let startTime: number | null = null;\r\n\r\n  // Tốc độ ban đầu (% mỗi giây), giảm dần theo hàm mũ\r\n  const INITIAL_SPEED = 28;\r\n  const DECAY = 0.88; // mỗi giây speed *= DECAY\r\n  const MAX_PROGRESS = 99;\r\n\r\n  const animate = (timestamp: number) => {\r\n    if (startTime === null) startTime = timestamp;\r\n    const elapsed = (timestamp - startTime) / 1000; // giây\r\n\r\n    const speed = INITIAL_SPEED * Math.pow(DECAY, elapsed * 2.5);\r\n    const delta = speed / 60; // per frame (60fps)\r\n\r\n    setProgress(prev => {\r\n      const next = prev + delta;\r\n      return next >= MAX_PROGRESS ? MAX_PROGRESS : next;\r\n    });\r\n\r\n    if (progress() < MAX_PROGRESS) {\r\n      rafId = requestAnimationFrame(animate);\r\n    }\r\n  };\r\n\r\n  rafId = requestAnimationFrame(animate);\r\n\r\n  // dismiss() gọi hàm này — jump lên 100% rồi fade out\r\n  const completeAndFade = () => {\r\n    cancelAnimationFrame(rafId);\r\n    setProgress(100);\r\n    setTimeout(() => {\r\n      setOpacity(0);\r\n      setTimeout(() => props.onDone(), props.fadeOutDuration);\r\n    }, 80);\r\n  };\r\n\r\n  completionHandlers.set(props.instanceId, completeAndFade);\r\n\r\n  onCleanup(function cancelProgressAnimation() {\r\n    cancelAnimationFrame(rafId);\r\n    completionHandlers.delete(props.instanceId);\r\n  });\r\n\r\n  const isRtl = () => props.direction === 'rightToLeft';\r\n\r\n  const barStyle = () => ({\r\n    width: `${progress()}%`,\r\n    height: `${props.height}px`,\r\n    transition: 'width 0.06s linear',\r\n    'border-radius': props.rounded\r\n      ? isRtl()\r\n        ? '9999px 0 0 9999px'\r\n        : '0 9999px 9999px 0'\r\n      : '0',\r\n    'margin-left': isRtl() ? 'auto' : undefined,\r\n  });\r\n\r\n  const containerStyle = () => ({\r\n    opacity: opacity(),\r\n    transition: `opacity ${props.fadeOutDuration}ms ease`,\r\n    'z-index': props.zIndex,\r\n    position: 'fixed' as const,\r\n    [props.position === 'bottom' ? 'bottom' : 'top']: '0',\r\n    left: '0',\r\n    right: '0',\r\n    'pointer-events': 'none' as const,\r\n  });\r\n\r\n  return (\r\n    <div style={containerStyle()}>\r\n      <div\r\n        class={cn('relative overflow-hidden', getColor(props.color), 'bg-(--color)')}\r\n        style={barStyle()}\r\n      >\r\n        {props.shimmer && (\r\n          <div\r\n            class={cn(\r\n              'absolute inset-0',\r\n              'animate-[shimmer_1.2s_ease-in-out_infinite]',\r\n              'bg-linear-to-r from-transparent via-white/40 to-transparent',\r\n            )}\r\n          />\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\n// ─── Global state ─────────────────────────────────────────────────────────────\r\n\r\nconst completionHandlers = new Map<string, () => void>();\r\n\r\n// Track tất cả instances đang tồn tại (có thể nhiều hơn 1 trong khoảng thời gian ngắn)\r\nconst activeDisposers = new Map<string, () => void>();\r\n\r\nlet containerEl: HTMLDivElement | null = null;\r\n\r\nconst ensureContainer = () => {\r\n  if (containerEl) return;\r\n  containerEl = document.createElement('div');\r\n  containerEl.id = 'sui-progress-bar-container';\r\n  document.body.appendChild(containerEl);\r\n};\r\n\r\n// Xóa tất cả instances ngay lập tức (không animate)\r\nconst disposeAll = () => {\r\n  for (const dispose of activeDisposers.values()) {\r\n    dispose();\r\n  }\r\n  activeDisposers.clear();\r\n};\r\n\r\n// ─── Public API ───────────────────────────────────────────────────────────────\r\n\r\nexport interface ProgressBarAPI {\r\n  start: (options?: ProgressBarOptions) => void;\r\n  dismiss: () => void;\r\n}\r\n\r\nconst DEFAULT_OPTIONS: Required<ProgressBarOptions> = {\r\n  color: 'primary',\r\n  height: 3,\r\n  shimmer: true,\r\n  rounded: true,\r\n  zIndex: 9999,\r\n  fadeOutDuration: 300,\r\n  position: 'top',\r\n  direction: 'leftToRight',\r\n};\r\n\r\nconst progressBar: ProgressBarAPI = {\r\n  start(options?: ProgressBarOptions) {\r\n    ensureContainer();\r\n\r\n    // Xóa tất cả instances cũ ngay lập tức\r\n    disposeAll();\r\n\r\n    const instanceId = Math.random().toString(36).slice(2);\r\n\r\n    const mergedOptions: Required<ProgressBarOptions> = {\r\n      ...DEFAULT_OPTIONS,\r\n      ...options,\r\n    };\r\n\r\n    const slot = document.createElement('div');\r\n    containerEl!.appendChild(slot);\r\n\r\n    const dispose = render(\r\n      () => (\r\n        <ProgressBarInner\r\n          {...mergedOptions}\r\n          instanceId={instanceId}\r\n          onDone={() => {\r\n            dispose();\r\n            slot.remove();\r\n            activeDisposers.delete(instanceId);\r\n          }}\r\n        />\r\n      ),\r\n      slot,\r\n    );\r\n\r\n    activeDisposers.set(instanceId, () => {\r\n      dispose();\r\n      slot.remove();\r\n    });\r\n  },\r\n\r\n  dismiss() {\r\n    if (activeDisposers.size === 0) return;\r\n\r\n    // Lấy tất cả instanceIds hiện tại\r\n    const ids = [...activeDisposers.keys()];\r\n\r\n    for (const id of ids) {\r\n      const handler = completionHandlers.get(id);\r\n      if (handler) {\r\n        // Animate lên 100% rồi fade out\r\n        activeDisposers.delete(id);\r\n        handler();\r\n      } else {\r\n        // Fallback: xóa ngay\r\n        const dispose = activeDisposers.get(id);\r\n        activeDisposers.delete(id);\r\n        dispose?.();\r\n      }\r\n    }\r\n  },\r\n};\r\n\r\nexport { progressBar };\r\n"],"mappings":"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"}
+{"version":3,"file":"progress-bar.js","names":["render","createSignal","onCleanup","cn","getColor","ProgressBarOptions","BarProps","Required","instanceId","onDone","ProgressBarInner","props","progress","setProgress","opacity","setOpacity","rafId","startTime","INITIAL_SPEED","DECAY","MAX_PROGRESS","animate","timestamp","elapsed","speed","Math","pow","delta","prev","next","requestAnimationFrame","completeAndFade","cancelAnimationFrame","setTimeout","fadeOutDuration","completionHandlers","set","cancelProgressAnimation","delete","isRtl","direction","barStyle","width","height","transition","rounded","undefined","containerStyle","zIndex","position","const","left","right","_el$","_tmpl$","_el$2","firstChild","_$insert","_c$","_$memo","shimmer","_el$3","_tmpl$2","_$effect","_$className","_p$","_v$","_v$2","color","_v$3","e","_$style","t","a","Map","activeDisposers","containerEl","HTMLDivElement","ensureContainer","document","createElement","id","body","appendChild","disposeAll","dispose","values","clear","ProgressBarAPI","start","options","dismiss","DEFAULT_OPTIONS","progressBar","random","toString","slice","mergedOptions","slot","_$createComponent","_$mergeProps","remove","size","ids","keys","handler","get"],"sources":["../../../src/components/progress-bar/progress-bar.tsx"],"sourcesContent":["import { render } from 'solid-js/web';\nimport { createSignal, onCleanup } from 'solid-js';\nimport { cn } from '@/utils/cn';\nimport { getColor } from '@/utils/helper';\nimport type { ProgressBarOptions } from './progress-bar.types';\n\n// ─── Internal Bar Component ───────────────────────────────────────────────────\n\ninterface BarProps extends Required<ProgressBarOptions> {\n  instanceId: string;\n  onDone: () => void;\n}\n\nconst ProgressBarInner = (props: BarProps) => {\n  const [progress, setProgress] = createSignal(0);\n  const [opacity, setOpacity] = createSignal(1);\n\n  let rafId: number;\n  let startTime: number | null = null;\n\n  // Tốc độ ban đầu (% mỗi giây), giảm dần theo hàm mũ\n  const INITIAL_SPEED = 28;\n  const DECAY = 0.88; // mỗi giây speed *= DECAY\n  const MAX_PROGRESS = 99;\n\n  const animate = (timestamp: number) => {\n    if (startTime === null) startTime = timestamp;\n    const elapsed = (timestamp - startTime) / 1000; // giây\n\n    const speed = INITIAL_SPEED * Math.pow(DECAY, elapsed * 2.5);\n    const delta = speed / 60; // per frame (60fps)\n\n    setProgress(prev => {\n      const next = prev + delta;\n      return next >= MAX_PROGRESS ? MAX_PROGRESS : next;\n    });\n\n    if (progress() < MAX_PROGRESS) {\n      rafId = requestAnimationFrame(animate);\n    }\n  };\n\n  rafId = requestAnimationFrame(animate);\n\n  // dismiss() gọi hàm này — jump lên 100% rồi fade out\n  const completeAndFade = () => {\n    cancelAnimationFrame(rafId);\n    setProgress(100);\n    setTimeout(() => {\n      setOpacity(0);\n      setTimeout(() => props.onDone(), props.fadeOutDuration);\n    }, 80);\n  };\n\n  completionHandlers.set(props.instanceId, completeAndFade);\n\n  onCleanup(function cancelProgressAnimation() {\n    cancelAnimationFrame(rafId);\n    completionHandlers.delete(props.instanceId);\n  });\n\n  const isRtl = () => props.direction === 'rightToLeft';\n\n  const barStyle = () => ({\n    width: `${progress()}%`,\n    height: `${props.height}px`,\n    transition: 'width 0.06s linear',\n    'border-radius': props.rounded\n      ? isRtl()\n        ? '9999px 0 0 9999px'\n        : '0 9999px 9999px 0'\n      : '0',\n    'margin-left': isRtl() ? 'auto' : undefined,\n  });\n\n  const containerStyle = () => ({\n    opacity: opacity(),\n    transition: `opacity ${props.fadeOutDuration}ms ease`,\n    'z-index': props.zIndex,\n    position: 'fixed' as const,\n    [props.position === 'bottom' ? 'bottom' : 'top']: '0',\n    left: '0',\n    right: '0',\n    'pointer-events': 'none' as const,\n  });\n\n  return (\n    <div style={containerStyle()}>\n      <div\n        class={cn('relative overflow-hidden', getColor(props.color), 'bg-(--color)')}\n        style={barStyle()}\n      >\n        {props.shimmer && (\n          <div\n            class={cn(\n              'absolute inset-0',\n              'animate-[shimmer_1.2s_ease-in-out_infinite]',\n              'bg-linear-to-r from-transparent via-white/40 to-transparent',\n            )}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n\n// ─── Global state ─────────────────────────────────────────────────────────────\n\nconst completionHandlers = new Map<string, () => void>();\n\n// Track tất cả instances đang tồn tại (có thể nhiều hơn 1 trong khoảng thời gian ngắn)\nconst activeDisposers = new Map<string, () => void>();\n\nlet containerEl: HTMLDivElement | null = null;\n\nconst ensureContainer = () => {\n  if (containerEl) return;\n  containerEl = document.createElement('div');\n  containerEl.id = 'sui-progress-bar-container';\n  document.body.appendChild(containerEl);\n};\n\n// Xóa tất cả instances ngay lập tức (không animate)\nconst disposeAll = () => {\n  for (const dispose of activeDisposers.values()) {\n    dispose();\n  }\n  activeDisposers.clear();\n};\n\n// ─── Public API ───────────────────────────────────────────────────────────────\n\nexport interface ProgressBarAPI {\n  start: (options?: ProgressBarOptions) => void;\n  dismiss: () => void;\n}\n\nconst DEFAULT_OPTIONS: Required<ProgressBarOptions> = {\n  color: 'primary',\n  height: 3,\n  shimmer: true,\n  rounded: true,\n  zIndex: 9999,\n  fadeOutDuration: 300,\n  position: 'top',\n  direction: 'leftToRight',\n};\n\nconst progressBar: ProgressBarAPI = {\n  start(options?: ProgressBarOptions) {\n    ensureContainer();\n\n    // Xóa tất cả instances cũ ngay lập tức\n    disposeAll();\n\n    const instanceId = Math.random().toString(36).slice(2);\n\n    const mergedOptions: Required<ProgressBarOptions> = {\n      ...DEFAULT_OPTIONS,\n      ...options,\n    };\n\n    const slot = document.createElement('div');\n    containerEl!.appendChild(slot);\n\n    const dispose = render(\n      () => (\n        <ProgressBarInner\n          {...mergedOptions}\n          instanceId={instanceId}\n          onDone={() => {\n            dispose();\n            slot.remove();\n            activeDisposers.delete(instanceId);\n          }}\n        />\n      ),\n      slot,\n    );\n\n    activeDisposers.set(instanceId, () => {\n      dispose();\n      slot.remove();\n    });\n  },\n\n  dismiss() {\n    if (activeDisposers.size === 0) return;\n\n    // Lấy tất cả instanceIds hiện tại\n    const ids = [...activeDisposers.keys()];\n\n    for (const id of ids) {\n      const handler = completionHandlers.get(id);\n      if (handler) {\n        // Animate lên 100% rồi fade out\n        activeDisposers.delete(id);\n        handler();\n      } else {\n        // Fallback: xóa ngay\n        const dispose = activeDisposers.get(id);\n        activeDisposers.delete(id);\n        dispose?.();\n      }\n    }\n  },\n};\n\nexport { progressBar };\n"],"mappings":"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"}

package/dist/components/qr-code/qr-code.js

@@ -1,2 +1,2 @@
-import{cn as e}from"../../utils/cn.js";import{getColor as t}from"../../utils/helper.js";import{addEventListener as n,className as r,createComponent as i,delegateEvents as a,effect as o,insert as s,setAttribute as c,setStyleProperty as l,template as u,use as d}from"solid-js/web";import{Show as f,createEffect as p,createUniqueId as m,mergeProps as h}from"solid-js";import g from"lucide-solid/icons/loader";import _ from"lucide-solid/icons/refresh-cw";import v from"qrcode";import y from"lucide-solid/icons/check-circle";var b=u(`<div>`),x=u(`<div><button aria-label="Refresh QR code"></button><span>`),S=u(`<div><canvas>`),C={size:160,color:`#000000`,bgColor:`#ffffff`,errorLevel:`M`,status:`active`,expiredText:`QR code expired`,accentColor:`primary`};async function w(e,t,n){await v.toCanvas(e,t||` `,{width:n.size,margin:2,color:{dark:n.color,light:n.bgColor},errorCorrectionLevel:n.errorLevel})}function T(e,t,n){let r=e.getContext(`2d`);if(!r)return;let i=new Image;i.crossOrigin=`anonymous`,i.onload=function(){let e=t.width??n*.2,a=t.height??e,o=t.padding??4,s=t.borderRadius??4,c=t.background??`#ffffff`,l=e+o*2,u=a+o*2,d=(n-l)/2,f=(n-u)/2;r.beginPath(),r.moveTo(d+s,f),r.lineTo(d+l-s,f),r.quadraticCurveTo(d+l,f,d+l,f+s),r.lineTo(d+l,f+u-s),r.quadraticCurveTo(d+l,f+u,d+l-s,f+u),r.lineTo(d+s,f+u),r.quadraticCurveTo(d,f+u,d,f+u-s),r.lineTo(d,f+s),r.quadraticCurveTo(d,f,d+s,f),r.closePath(),r.fillStyle=c,r.fill(),r.drawImage(i,d+o,f+o,e,a)},i.src=t.src}var E=a=>{let u=h(C,a),v=m(),E;return p(function(){if(!E)return;let e=E,t=u.value,n=u.size,r=u.color,i=u.bgColor,a=u.errorLevel,o=u.logo;w(e,t,{size:n,color:r,bgColor:i,errorLevel:a}).then(function(){o&&T(e,o,n)})}),(()=>{var a=S(),p=a.firstChild;c(a,`id`,v);var m=E;return typeof m==`function`?d(m,p):E=p,s(a,i(f,{get when(){return u.status===`loading`},get children(){var n=b();return s(n,i(g,{get class(){return e(`qr04 animate-spin`,u.class?.overlayIcon)},get size(){return u.size*.22}})),o(()=>r(n,e(`qr03`,t(u.accentColor),u.class?.overlay))),n}}),null),s(a,i(f,{get when(){return u.status===`expired`},get children(){var a=x(),c=a.firstChild,l=c.nextSibling;return n(c,`click`,u.onRefresh,!0),s(c,i(_,{get size(){return u.size*.22}})),s(l,()=>u.expiredText),o(n=>{var i=e(`qr03 qr05`,t(u.accentColor),u.class?.overlay),o=e(`qr06`,u.class?.overlayIcon),s=e(`qr07`,u.class?.overlayText);return i!==n.e&&r(a,n.e=i),o!==n.t&&r(c,n.t=o),s!==n.a&&r(l,n.a=s),n},{e:void 0,t:void 0,a:void 0}),a}}),null),s(a,i(f,{get when(){return u.status===`scanned`},get children(){var n=b();return s(n,i(y,{get class(){return e(`qr04`,u.class?.overlayIcon)},get size(){return u.size*.22}})),o(()=>r(n,e(`qr03`,t(`success`),u.class?.overlay))),n}}),null),o(t=>{var n=e(`qr01`,u.class?.root),i=`${u.size}px`,o=`${u.size}px`,s=e(`qr02`,u.class?.canvas),d=u.size,f=u.size,m=`QR code for: ${u.value}`;return n!==t.e&&r(a,t.e=n),i!==t.t&&l(a,`width`,t.t=i),o!==t.a&&l(a,`height`,t.a=o),s!==t.o&&r(p,t.o=s),d!==t.i&&c(p,`width`,t.i=d),f!==t.n&&c(p,`height`,t.n=f),m!==t.s&&c(p,`aria-label`,t.s=m),t},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0,n:void 0,s:void 0}),a})()};a([`click`]);export{E as QrCode};
+import{cn as e}from"../../utils/cn.js";import{getColor as t}from"../../utils/helper.js";import{loader_default as n}from"../../node_modules/.pnpm/lucide-solid@1.8.0_solid-js@1.9.11/node_modules/lucide-solid/dist/source/icons/loader.js";import{refresh_cw_default as r}from"../../node_modules/.pnpm/lucide-solid@1.8.0_solid-js@1.9.11/node_modules/lucide-solid/dist/source/icons/refresh-cw.js";import{circle_check_big_default as i}from"../../node_modules/.pnpm/lucide-solid@1.8.0_solid-js@1.9.11/node_modules/lucide-solid/dist/source/icons/circle-check-big.js";import{addEventListener as a,className as o,createComponent as s,delegateEvents as c,effect as l,insert as u,setAttribute as d,setStyleProperty as f,template as p,use as m}from"solid-js/web";import{Show as h,createEffect as g,createUniqueId as _,mergeProps as v}from"solid-js";import y from"qrcode";var b=p(`<div>`),x=p(`<div><button aria-label="Refresh QR code"></button><span>`),S=p(`<div><canvas>`),C={size:160,color:`#000000`,bgColor:`#ffffff`,errorLevel:`M`,status:`active`,expiredText:`QR code expired`,accentColor:`primary`};async function w(e,t,n){await y.toCanvas(e,t||` `,{width:n.size,margin:2,color:{dark:n.color,light:n.bgColor},errorCorrectionLevel:n.errorLevel})}function T(e,t,n){let r=e.getContext(`2d`);if(!r)return;let i=new Image;i.crossOrigin=`anonymous`,i.onload=function(){let e=t.width??n*.2,a=t.height??e,o=t.padding??4,s=t.borderRadius??4,c=t.background??`#ffffff`,l=e+o*2,u=a+o*2,d=(n-l)/2,f=(n-u)/2;r.beginPath(),r.moveTo(d+s,f),r.lineTo(d+l-s,f),r.quadraticCurveTo(d+l,f,d+l,f+s),r.lineTo(d+l,f+u-s),r.quadraticCurveTo(d+l,f+u,d+l-s,f+u),r.lineTo(d+s,f+u),r.quadraticCurveTo(d,f+u,d,f+u-s),r.lineTo(d,f+s),r.quadraticCurveTo(d,f,d+s,f),r.closePath(),r.fillStyle=c,r.fill(),r.drawImage(i,d+o,f+o,e,a)},i.src=t.src}var E=c=>{let p=v(C,c),y=_(),E;return g(function(){if(!E)return;let e=E,t=p.value,n=p.size,r=p.color,i=p.bgColor,a=p.errorLevel,o=p.logo;w(e,t,{size:n,color:r,bgColor:i,errorLevel:a}).then(function(){o&&T(e,o,n)})}),(()=>{var c=S(),g=c.firstChild;d(c,`id`,y);var _=E;return typeof _==`function`?m(_,g):E=g,u(c,s(h,{get when(){return p.status===`loading`},get children(){var r=b();return u(r,s(n,{get class(){return e(`qr04 animate-spin`,p.class?.overlayIcon)},get size(){return p.size*.22}})),l(()=>o(r,e(`qr03`,t(p.accentColor),p.class?.overlay))),r}}),null),u(c,s(h,{get when(){return p.status===`expired`},get children(){var n=x(),i=n.firstChild,c=i.nextSibling;return a(i,`click`,p.onRefresh,!0),u(i,s(r,{get size(){return p.size*.22}})),u(c,()=>p.expiredText),l(r=>{var a=e(`qr03 qr05`,t(p.accentColor),p.class?.overlay),s=e(`qr06`,p.class?.overlayIcon),l=e(`qr07`,p.class?.overlayText);return a!==r.e&&o(n,r.e=a),s!==r.t&&o(i,r.t=s),l!==r.a&&o(c,r.a=l),r},{e:void 0,t:void 0,a:void 0}),n}}),null),u(c,s(h,{get when(){return p.status===`scanned`},get children(){var n=b();return u(n,s(i,{get class(){return e(`qr04`,p.class?.overlayIcon)},get size(){return p.size*.22}})),l(()=>o(n,e(`qr03`,t(`success`),p.class?.overlay))),n}}),null),l(t=>{var n=e(`qr01`,p.class?.root),r=`${p.size}px`,i=`${p.size}px`,a=e(`qr02`,p.class?.canvas),s=p.size,l=p.size,u=`QR code for: ${p.value}`;return n!==t.e&&o(c,t.e=n),r!==t.t&&f(c,`width`,t.t=r),i!==t.a&&f(c,`height`,t.a=i),a!==t.o&&o(g,t.o=a),s!==t.i&&d(g,`width`,t.i=s),l!==t.n&&d(g,`height`,t.n=l),u!==t.s&&d(g,`aria-label`,t.s=u),t},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0,n:void 0,s:void 0}),c})()};c([`click`]);export{E as QrCode};
 //# sourceMappingURL=qr-code.js.map

package/dist/components/qr-code/qr-code.js.map

@@ -1 +1 @@
-{"version":3,"file":"qr-code.js","names":["cn","getColor","QRCode","RefreshCw","CheckCircle","Loader","Component","createEffect","createUniqueId","mergeProps","onCleanup","Show","QrCodeProps","DEFAULT_PROPS","size","color","bgColor","errorLevel","const","status","expiredText","accentColor","drawQr","canvas","HTMLCanvasElement","value","opts","Promise","toCanvas","width","margin","dark","light","errorCorrectionLevel","drawLogo","logo","NonNullable","ctx","getContext","img","Image","crossOrigin","onload","onLogoLoad","logoW","logoH","height","pad","padding","radius","borderRadius","bg","background","bgW","bgH","x","y","beginPath","moveTo","lineTo","quadraticCurveTo","closePath","fillStyle","fill","drawImage","src","QrCode","props","p","id","canvasRef","renderQrCode","then","onQrDrawn","_el$","_tmpl$3","_el$2","firstChild","_$setAttribute","_ref$","_$use","_$insert","_$createComponent","when","children","_el$3","_tmpl$","class","overlayIcon","_$effect","_$className","overlay","_el$4","_tmpl$2","_el$5","_el$6","nextSibling","_$addEventListener","onRefresh","_p$","_v$","_v$2","_v$3","overlayText","e","t","a","undefined","_el$7","_v$4","root","_v$5","_v$6","_v$7","_v$8","_v$9","_v$0","_$setStyleProperty","o","i","n","s","_$delegateEvents"],"sources":["../../../src/components/qr-code/qr-code.tsx"],"sourcesContent":["import { cn } from '@utils/cn';\r\nimport { getColor } from '@utils/helper';\r\nimport QRCode from 'qrcode';\r\nimport RefreshCw from 'lucide-solid/icons/refresh-cw';\r\nimport CheckCircle from 'lucide-solid/icons/check-circle';\r\nimport Loader from 'lucide-solid/icons/loader';\r\nimport { Component, createEffect, createUniqueId, mergeProps, onCleanup, Show } from 'solid-js';\r\nimport type { QrCodeProps } from './qr-code.types';\r\n\r\nconst DEFAULT_PROPS = {\r\n  size: 160,\r\n  color: '#000000',\r\n  bgColor: '#ffffff',\r\n  errorLevel: 'M' as const,\r\n  status: 'active' as const,\r\n  expiredText: 'QR code expired',\r\n  accentColor: 'primary' as const,\r\n};\r\n\r\nasync function drawQr(\r\n  canvas: HTMLCanvasElement,\r\n  value: string,\r\n  opts: {\r\n    size: number;\r\n    color: string;\r\n    bgColor: string;\r\n    errorLevel: 'L' | 'M' | 'Q' | 'H';\r\n  },\r\n): Promise<void> {\r\n  await QRCode.toCanvas(canvas, value || ' ', {\r\n    width: opts.size,\r\n    margin: 2,\r\n    color: {\r\n      dark: opts.color,\r\n      light: opts.bgColor,\r\n    },\r\n    errorCorrectionLevel: opts.errorLevel,\r\n  });\r\n}\r\n\r\nfunction drawLogo(\r\n  canvas: HTMLCanvasElement,\r\n  logo: NonNullable<QrCodeProps['logo']>,\r\n  size: number,\r\n): void {\r\n  const ctx = canvas.getContext('2d');\r\n  if (!ctx) return;\r\n\r\n  const img = new Image();\r\n  img.crossOrigin = 'anonymous';\r\n  img.onload = function onLogoLoad() {\r\n    const logoW = logo.width ?? size * 0.2;\r\n    const logoH = logo.height ?? logoW;\r\n    const pad = logo.padding ?? 4;\r\n    const radius = logo.borderRadius ?? 4;\r\n    const bg = logo.background ?? '#ffffff';\r\n\r\n    const bgW = logoW + pad * 2;\r\n    const bgH = logoH + pad * 2;\r\n    const x = (size - bgW) / 2;\r\n    const y = (size - bgH) / 2;\r\n\r\n    // Draw background rect with rounded corners\r\n    ctx.beginPath();\r\n    ctx.moveTo(x + radius, y);\r\n    ctx.lineTo(x + bgW - radius, y);\r\n    ctx.quadraticCurveTo(x + bgW, y, x + bgW, y + radius);\r\n    ctx.lineTo(x + bgW, y + bgH - radius);\r\n    ctx.quadraticCurveTo(x + bgW, y + bgH, x + bgW - radius, y + bgH);\r\n    ctx.lineTo(x + radius, y + bgH);\r\n    ctx.quadraticCurveTo(x, y + bgH, x, y + bgH - radius);\r\n    ctx.lineTo(x, y + radius);\r\n    ctx.quadraticCurveTo(x, y, x + radius, y);\r\n    ctx.closePath();\r\n    ctx.fillStyle = bg;\r\n    ctx.fill();\r\n\r\n    // Draw logo image centered inside background\r\n    ctx.drawImage(img, x + pad, y + pad, logoW, logoH);\r\n  };\r\n  img.src = logo.src;\r\n}\r\n\r\nexport const QrCode: Component<QrCodeProps> = props => {\r\n  const p = mergeProps(DEFAULT_PROPS, props);\r\n  const id = createUniqueId();\r\n  let canvasRef: HTMLCanvasElement | undefined;\r\n\r\n  createEffect(function renderQrCode() {\r\n    if (!canvasRef) return;\r\n\r\n    // Snapshot all reactive values synchronously — reads inside .then() would\r\n    // occur outside the reactive computation and throw \"Effects is null\".\r\n    const canvas = canvasRef;\r\n    const value = p.value;\r\n    const size = p.size;\r\n    const color = p.color;\r\n    const bgColor = p.bgColor;\r\n    const errorLevel = p.errorLevel;\r\n    const logo = p.logo;\r\n\r\n    drawQr(canvas, value, { size, color, bgColor, errorLevel }).then(function onQrDrawn() {\r\n      if (logo) {\r\n        drawLogo(canvas, logo, size);\r\n      }\r\n    });\r\n  });\r\n\r\n  return (\r\n    <div\r\n      id={id}\r\n      class={cn('qr01', p.class?.root)}\r\n      style={{ width: `${p.size}px`, height: `${p.size}px` }}\r\n    >\r\n      {/* The QR canvas */}\r\n      <canvas\r\n        ref={canvasRef}\r\n        class={cn('qr02', p.class?.canvas)}\r\n        width={p.size}\r\n        height={p.size}\r\n        aria-label={`QR code for: ${p.value}`}\r\n      />\r\n\r\n      {/* Loading overlay */}\r\n      <Show when={p.status === 'loading'}>\r\n        <div class={cn('qr03', getColor(p.accentColor), p.class?.overlay)}>\r\n          <Loader\r\n            class={cn('qr04 animate-spin', p.class?.overlayIcon)}\r\n            size={p.size * 0.22}\r\n          />\r\n        </div>\r\n      </Show>\r\n\r\n      {/* Expired overlay */}\r\n      <Show when={p.status === 'expired'}>\r\n        <div class={cn('qr03 qr05', getColor(p.accentColor), p.class?.overlay)}>\r\n          <button\r\n            class={cn('qr06', p.class?.overlayIcon)}\r\n            onClick={p.onRefresh}\r\n            aria-label=\"Refresh QR code\"\r\n          >\r\n            <RefreshCw size={p.size * 0.22} />\r\n          </button>\r\n          <span class={cn('qr07', p.class?.overlayText)}>{p.expiredText}</span>\r\n        </div>\r\n      </Show>\r\n\r\n      {/* Scanned overlay */}\r\n      <Show when={p.status === 'scanned'}>\r\n        <div class={cn('qr03', getColor('success'), p.class?.overlay)}>\r\n          <CheckCircle\r\n            class={cn('qr04', p.class?.overlayIcon)}\r\n            size={p.size * 0.22}\r\n          />\r\n        </div>\r\n      </Show>\r\n    </div>\r\n  );\r\n};\r\n"],"mappings":"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"}
+{"version":3,"file":"qr-code.js","names":["cn","getColor","QRCode","RefreshCw","CheckCircle","Loader","Component","createEffect","createUniqueId","mergeProps","onCleanup","Show","QrCodeProps","DEFAULT_PROPS","size","color","bgColor","errorLevel","const","status","expiredText","accentColor","drawQr","canvas","HTMLCanvasElement","value","opts","Promise","toCanvas","width","margin","dark","light","errorCorrectionLevel","drawLogo","logo","NonNullable","ctx","getContext","img","Image","crossOrigin","onload","onLogoLoad","logoW","logoH","height","pad","padding","radius","borderRadius","bg","background","bgW","bgH","x","y","beginPath","moveTo","lineTo","quadraticCurveTo","closePath","fillStyle","fill","drawImage","src","QrCode","props","p","id","canvasRef","renderQrCode","then","onQrDrawn","_el$","_tmpl$3","_el$2","firstChild","_$setAttribute","_ref$","_$use","_$insert","_$createComponent","when","children","_el$3","_tmpl$","class","overlayIcon","_$effect","_$className","overlay","_el$4","_tmpl$2","_el$5","_el$6","nextSibling","_$addEventListener","onRefresh","_p$","_v$","_v$2","_v$3","overlayText","e","t","a","undefined","_el$7","_v$4","root","_v$5","_v$6","_v$7","_v$8","_v$9","_v$0","_$setStyleProperty","o","i","n","s","_$delegateEvents"],"sources":["../../../src/components/qr-code/qr-code.tsx"],"sourcesContent":["import { cn } from '@utils/cn';\nimport { getColor } from '@utils/helper';\nimport QRCode from 'qrcode';\nimport RefreshCw from 'lucide-solid/icons/refresh-cw';\nimport CheckCircle from 'lucide-solid/icons/check-circle';\nimport Loader from 'lucide-solid/icons/loader';\nimport { Component, createEffect, createUniqueId, mergeProps, onCleanup, Show } from 'solid-js';\nimport type { QrCodeProps } from './qr-code.types';\n\nconst DEFAULT_PROPS = {\n  size: 160,\n  color: '#000000',\n  bgColor: '#ffffff',\n  errorLevel: 'M' as const,\n  status: 'active' as const,\n  expiredText: 'QR code expired',\n  accentColor: 'primary' as const,\n};\n\nasync function drawQr(\n  canvas: HTMLCanvasElement,\n  value: string,\n  opts: {\n    size: number;\n    color: string;\n    bgColor: string;\n    errorLevel: 'L' | 'M' | 'Q' | 'H';\n  },\n): Promise<void> {\n  await QRCode.toCanvas(canvas, value || ' ', {\n    width: opts.size,\n    margin: 2,\n    color: {\n      dark: opts.color,\n      light: opts.bgColor,\n    },\n    errorCorrectionLevel: opts.errorLevel,\n  });\n}\n\nfunction drawLogo(\n  canvas: HTMLCanvasElement,\n  logo: NonNullable<QrCodeProps['logo']>,\n  size: number,\n): void {\n  const ctx = canvas.getContext('2d');\n  if (!ctx) return;\n\n  const img = new Image();\n  img.crossOrigin = 'anonymous';\n  img.onload = function onLogoLoad() {\n    const logoW = logo.width ?? size * 0.2;\n    const logoH = logo.height ?? logoW;\n    const pad = logo.padding ?? 4;\n    const radius = logo.borderRadius ?? 4;\n    const bg = logo.background ?? '#ffffff';\n\n    const bgW = logoW + pad * 2;\n    const bgH = logoH + pad * 2;\n    const x = (size - bgW) / 2;\n    const y = (size - bgH) / 2;\n\n    // Draw background rect with rounded corners\n    ctx.beginPath();\n    ctx.moveTo(x + radius, y);\n    ctx.lineTo(x + bgW - radius, y);\n    ctx.quadraticCurveTo(x + bgW, y, x + bgW, y + radius);\n    ctx.lineTo(x + bgW, y + bgH - radius);\n    ctx.quadraticCurveTo(x + bgW, y + bgH, x + bgW - radius, y + bgH);\n    ctx.lineTo(x + radius, y + bgH);\n    ctx.quadraticCurveTo(x, y + bgH, x, y + bgH - radius);\n    ctx.lineTo(x, y + radius);\n    ctx.quadraticCurveTo(x, y, x + radius, y);\n    ctx.closePath();\n    ctx.fillStyle = bg;\n    ctx.fill();\n\n    // Draw logo image centered inside background\n    ctx.drawImage(img, x + pad, y + pad, logoW, logoH);\n  };\n  img.src = logo.src;\n}\n\nexport const QrCode: Component<QrCodeProps> = props => {\n  const p = mergeProps(DEFAULT_PROPS, props);\n  const id = createUniqueId();\n  let canvasRef: HTMLCanvasElement | undefined;\n\n  createEffect(function renderQrCode() {\n    if (!canvasRef) return;\n\n    // Snapshot all reactive values synchronously — reads inside .then() would\n    // occur outside the reactive computation and throw \"Effects is null\".\n    const canvas = canvasRef;\n    const value = p.value;\n    const size = p.size;\n    const color = p.color;\n    const bgColor = p.bgColor;\n    const errorLevel = p.errorLevel;\n    const logo = p.logo;\n\n    drawQr(canvas, value, { size, color, bgColor, errorLevel }).then(function onQrDrawn() {\n      if (logo) {\n        drawLogo(canvas, logo, size);\n      }\n    });\n  });\n\n  return (\n    <div\n      id={id}\n      class={cn('qr01', p.class?.root)}\n      style={{ width: `${p.size}px`, height: `${p.size}px` }}\n    >\n      {/* The QR canvas */}\n      <canvas\n        ref={canvasRef}\n        class={cn('qr02', p.class?.canvas)}\n        width={p.size}\n        height={p.size}\n        aria-label={`QR code for: ${p.value}`}\n      />\n\n      {/* Loading overlay */}\n      <Show when={p.status === 'loading'}>\n        <div class={cn('qr03', getColor(p.accentColor), p.class?.overlay)}>\n          <Loader\n            class={cn('qr04 animate-spin', p.class?.overlayIcon)}\n            size={p.size * 0.22}\n          />\n        </div>\n      </Show>\n\n      {/* Expired overlay */}\n      <Show when={p.status === 'expired'}>\n        <div class={cn('qr03 qr05', getColor(p.accentColor), p.class?.overlay)}>\n          <button\n            class={cn('qr06', p.class?.overlayIcon)}\n            onClick={p.onRefresh}\n            aria-label=\"Refresh QR code\"\n          >\n            <RefreshCw size={p.size * 0.22} />\n          </button>\n          <span class={cn('qr07', p.class?.overlayText)}>{p.expiredText}</span>\n        </div>\n      </Show>\n\n      {/* Scanned overlay */}\n      <Show when={p.status === 'scanned'}>\n        <div class={cn('qr03', getColor('success'), p.class?.overlay)}>\n          <CheckCircle\n            class={cn('qr04', p.class?.overlayIcon)}\n            size={p.size * 0.22}\n          />\n        </div>\n      </Show>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/select/select.js

@@ -1,2 +1,2 @@
-import{cn as e}from"../../utils/cn.js";import{getColor as t}from"../../utils/helper.js";import{Dropdown as n}from"../dropdown/dropdown.js";import{className as r,createComponent as i,delegateEvents as a,effect as o,insert as s,memo as c,setAttribute as l,setStyleProperty as u,template as d,use as f}from"solid-js/web";import{cva as p}from"class-variance-authority";import{For as m,Show as h,createEffect as g,createMemo as _,createSignal as v,mergeProps as ee,on as y}from"solid-js";import b from"lucide-solid/icons/x";import{createVirtualizer as te}from"@tanstack/solid-virtual";import ne from"lucide-solid/icons/check";import re from"lucide-solid/icons/chevron-down";import ie from"lucide-solid/icons/search";var x=d(`<span class=sel19>`),S=d(`<span class=sel17><span class=sel18>`),C=d(`<span class=sel42><span class=sel43><span class=sel44>`),ae=d(`<span class=sel36>`),oe=d(`<div><span class=sel35>`),se=d(`<div class=sel39>`),ce=d(`<div style=overflow-y:auto><div style=width:100%;position:relative>`),le=d(`<div style=position:absolute;top:0;left:0;width:100%>`),ue=d(`<div class=sel37>`),de=d(`<div class=sel30>`),fe=d(`<div class="flex items-center px-3 shadow-2xs"><input class=sel29 autocomplete=off role=combobox aria-haspopup=listbox aria-autocomplete=list placeholder=Search...>`),pe=d(`<div role=listbox>`),me=d(`<span class=sel11>`),he=d(`<span class="sel17 sel20">`),ge=d(`<span class=sel15>`),_e=d(`<div class=sel16>`),ve=d(`<span class=sel26>`),ye=d(`<span>`),be=d(`<div role=combobox aria-haspopup=listbox><div class=sel12></div><div class=sel22>`),xe=d(`<span class=sel14>`),Se=d(`<div class=sel13>`),Ce=d(`<span class=sel25>`),we=p(`sel01`,{variants:{variant:{outline:`sel07`,filled:`sel09`,borderless:`sel08`,underlined:`sel10`},size:{lg:`sel06`,md:`sel05`,sm:`sel04`},color:{neutral:`input-neutral`,primary:`input-primary`,secondary:`input-secondary`,accent:`input-accent`,info:`input-info`,success:`input-success`,warning:`input-warning`,error:`input-error`}}}),Te=e=>e.tagRender?e.tagRender({label:e.tag.label,value:e.tag.value,closable:e.tag.closable,onClose:()=>e.onRemove(e.tag.value,new MouseEvent(`click`))}):(()=>{var t=S(),n=t.firstChild;return s(n,()=>e.tag.label),s(t,i(h,{get when(){return e.tag.closable},get children(){var t=x();return t.$$click=t=>e.onRemove(e.tag.value,t),s(t,(()=>{var t=c(()=>!!e.removeIcon);return()=>t()?e.removeIcon:i(b,{class:`m-auto`,size:12,"stroke-width":3})})()),t}}),null),t})(),Ee=e=>(()=>{var t=C(),n=t.firstChild,r=n.firstChild;return s(t,()=>e.children,n),s(r,()=>e.content),t})();function De(e){return{label:e?.label??`label`,value:e?.value??`value`,options:e?.options??`options`,groupLabel:e?.groupLabel??`label`}}function w(e,t){return e?.[t]}function Oe(e,t){if(!e)return[];let n=[];for(let r of e){let e=w(r,t.options);if(e&&Array.isArray(e)){let i=w(r,t.groupLabel);for(let r of e)n.push({label:w(r,t.label),value:w(r,t.value),disabled:r.disabled,class:r.class,title:r.title,groupLabel:i,raw:r})}else n.push({label:w(r,t.label),value:w(r,t.value),disabled:r.disabled,class:r.class,title:r.title,groupLabel:void 0,raw:r})}return n}function ke(e){let t=[];for(let n of e){let e=t[t.length-1];e&&e.groupLabel===n.groupLabel?e.items.push(n):t.push({groupLabel:n.groupLabel,items:[n]})}return t}function T(e){if(e!=null)return typeof e==`object`&&`value`in e?e.value:e}function E(e){if(e==null)return[];if(Array.isArray(e))return e.map(e=>T(e)).filter(e=>e!==void 0);let t=T(e);return t===void 0?[]:[t]}var D=a=>{a=ee({color:`error`,size:`md`,variant:`outline`,disabled:!1,loading:!1,placement:`bottom`,listHeight:256,virtual:!1,defaultActiveFirstOption:!1,notFoundContent:`Not Found`,labelInValue:!1,placeholder:`Select...`,blockScroll:!0},a);let d=_(()=>De(a.fieldNames)),p=_(()=>a.mode===`multiple`),x=_(()=>p()&&!!a.allowCustomValue),S=_(()=>typeof a.showSearch==`boolean`?a.showSearch:typeof a.showSearch==`object`?!0:p()),C=_(()=>{let e={autoClearSearchValue:!0,filterOption:!0,optionFilterProp:`value`};return typeof a.showSearch==`object`?{...e,...a.showSearch}:e}),[T,D]=v(E(a.defaultValue)),[Ae,O]=v(a.defaultOpen??!1),[je,k]=v(``),[A,j]=v(-1),M=_(()=>a.value===void 0?T():E(a.value)),N=_(()=>a.open===void 0?Ae():a.open),Me=_(()=>{let e=C();if(e.searchValue!==void 0)return e.searchValue}),P=_(()=>Me()??je()),Ne,Pe,F,[I,L]=v(null),Fe=_(()=>Oe(a.options,d())),R=_(()=>{let e=Fe();if(!x())return e;let t=new Set(e.map(e=>e.value)),n=[];for(let e of M())t.has(e)||n.push({label:String(e),value:e,disabled:!1,class:void 0,title:void 0,groupLabel:void 0,raw:{label:String(e),value:e}});return[...e,...n]}),z=_(()=>{let e=new Map;for(let t of R())e.set(t.value,t);return e}),B=_(()=>{let e=R(),t=P();if(!t||!S())return e;let n=C();if(n.filterOption===!1)return e;let r;if(typeof n.filterOption==`function`)r=e.filter(e=>n.filterOption(t,e.raw));else{let i=Array.isArray(n.optionFilterProp)?n.optionFilterProp:[n.optionFilterProp??`value`],a=t.toLowerCase();r=e.filter(e=>i.some(t=>{let n=w(e.raw,t)??(t===`label`?e.label:e.value);return String(n??``).toLowerCase().includes(a)}))}if(n.filterSort){let e=n.filterSort;r.sort((n,r)=>e(n.raw,r.raw,{searchValue:t}))}return r}),Ie=_(()=>P()&&S()?[{groupLabel:void 0,items:B()}]:ke(R())),V=_(()=>{let e=Ie(),t=[],n=0;for(let r of e){r.groupLabel!==void 0&&t.push({type:`group`,groupLabel:r.groupLabel});for(let e of r.items)t.push({type:`option`,option:e,flatIdx:n}),n++}return t}),H=te({get count(){return V().length},getScrollElement:()=>I(),estimateSize:e=>V()[e]?.type===`group`?28:32,overscan:2}),Le=_(()=>new Set(M())),U=e=>Le().has(e),W=_(()=>{if(!p())return!1;let e=a.maxCount;return e===void 0?!1:M().length>=e}),G=0,K=()=>{a.disabled||(G=performance.now()+150,a.open===void 0&&O(!0),a.onOpenChange?.(!0))},q=()=>{a.open===void 0&&O(!1),L(null),a.onOpenChange?.(!1),S()&&(k(``),C().onSearch?.(``))},Re=()=>{N()?q():K()},J=e=>{let t=z();if(p())return a.labelInValue?e.map(e=>({value:e,label:t.get(e)?.label??String(e)})):e;let n=e[0];if(n!==void 0)return a.labelInValue?{value:n,label:t.get(n)?.label??String(n)}:n},Y=e=>{let t=z();if(p())return e.map(e=>t.get(e)?.raw??{value:e,label:String(e)});let n=e[0];return t.get(n)?.raw??{value:n,label:String(n)}},X=e=>{let t=z().get(e),n=t?.raw??{value:e,label:String(e)};if(p()){let r=M(),i;if(r.includes(e)){i=r.filter(t=>t!==e);let n=a.labelInValue?{value:e,label:t?.label??String(e)}:e;a.onDeselect?.(n)}else{if(W())return;i=[...r,e];let o=a.labelInValue?{value:e,label:t?.label??String(e)}:e;a.onSelect?.(o,n)}a.value===void 0&&D(i),a.onChange?.(J(i),Y(i)),C().autoClearSearchValue!==!1&&(k(``),C().onSearch?.(``))}else{let r=[e],i=a.labelInValue?{value:e,label:t?.label??String(e)}:e;a.onSelect?.(i,n),a.value===void 0&&D(r),a.onChange?.(J(r),Y(r)),q(),k(``)}},ze=e=>{e.stopPropagation(),e.preventDefault(),a.value===void 0&&D([]),a.onClear?.(),a.onChange?.(p()?[]:void 0,p()?[]:void 0),k(``)},Z=(e,t)=>{t?.stopPropagation(),t?.preventDefault();let n=M().filter(t=>t!==e),r=z().get(e),i=a.labelInValue?{value:e,label:r?.label??String(e)}:e;a.onDeselect?.(i),a.value===void 0&&D(n),a.onChange?.(J(n),Y(n))},Be=e=>{if(a.disabled)return;a.onInputKeyDown?.(e);let t=B();switch(e.key){case`ArrowDown`:{if(e.preventDefault(),!N()){K();return}let n=A()+1;for(;n<t.length;){let e=t[n];if(!e.disabled&&(!W()||U(e.value)))break;n++}if(n<t.length){j(n);let e=a.labelInValue?{value:t[n].value,label:t[n].label}:t[n].value;a.onActive?.(e),Ve(n)}break}case`ArrowUp`:{if(e.preventDefault(),!N()){K();return}let n=A()===-1?t.length-1:A()-1;for(;n>=0;){let e=t[n];if(!e.disabled&&(!W()||U(e.value)))break;n--}if(n>=0){j(n);let e=a.labelInValue?{value:t[n].value,label:t[n].label}:t[n].value;a.onActive?.(e),Ve(n)}break}case`Enter`:case` `:{if(e.preventDefault(),!N()){K();return}if(e.key===` `&&S())break;let n=A();if(n>=0&&n<t.length){let e=t[n];e.disabled||X(e.value)}else x()&&P().trim()&&X(P().trim());break}case`Escape`:e.preventDefault(),q(),F?.focus();break;case`Backspace`:if(p()&&P()===``){let e=M();e.length>0&&Z(e[e.length-1])}break;case`Tab`:q();break}},Ve=e=>{if(a.virtual){let t=V().findIndex(t=>t.type===`option`&&t.flatIdx===e);t>=0&&H.scrollToIndex(t,{align:`auto`});return}let t=I();if(!t)return;let n=t.querySelectorAll(`[data-option-index]`)[e];n&&n.scrollIntoView({block:`nearest`})},He=()=>{let e=M();if(e.length===0)return;let t=e[0],n=B().findIndex(e=>e.value===t);if(!(n<0))if(a.virtual){let e=V().findIndex(e=>e.type===`option`&&e.flatIdx===n);e>=0&&H.scrollToIndex(e,{align:`start`})}else{let e=I();if(!e)return;let t=e.querySelector(`[data-option-index="${n}"]`);t&&t.scrollIntoView({block:`nearest`})}},Ue=e=>{let t=e.target.value;Me()===void 0&&k(t),C().onSearch?.(t),N()||K()},We=e=>{if(e.target===F){let e=window.scrollX,t=window.scrollY,n=()=>requestAnimationFrame(()=>requestAnimationFrame(()=>window.scrollTo(e,t)));window.addEventListener(`scroll`,n,{once:!0,passive:!1}),setTimeout(()=>window.removeEventListener(`scroll`,n),200)}a.onFocus?.(e)},Ge=e=>{let t=e.relatedTarget;t&&Pe?.contains(t)||t?.closest(`.nd-content`)||performance.now()<G||(a.onBlur?.(e),q())},Ke=_(()=>{if(p())return null;let e=M();if(e.length===0)return null;let t=e[0],n=z().get(t);return a.labelRender?a.labelRender({value:t,label:n?.label??String(t),key:String(t)}):n?.label??String(t)}),Q=_(()=>{if(!p())return{visible:[],omitted:[]};let e=M(),t=z(),n=a.maxTagCount,r=a.maxTagTextLength,i=e.map(e=>{let n=t.get(e)?.label??String(e);return r&&typeof n==`string`&&n.length>r&&(n=n.slice(0,r)+`...`),{value:e,label:n,closable:!a.disabled}});return typeof n==`number`&&i.length>n?{visible:i.slice(0,n),omitted:i.slice(n)}:{visible:i,omitted:[]}}),qe=_(()=>!a.allowClear||a.disabled?!1:M().length>0),Je=e=>{a.disabled||a.loading||(e.preventDefault(),Re())},Ye=e=>{let t=e;for(;t;){let e=t.dataset?.optionIndex;if(e!==void 0)return Number(e);if(t.classList?.contains(`sel30`))return null;t=t.parentElement}return null},Xe=e=>{let t=Ye(e.target);if(t===null)return;let n=B()[t];!n||n.disabled||W()&&!U(n.value)||(p()&&(G=performance.now()+150),X(n.value))},Ze=(t,n)=>{let u=()=>U(t.value),d=()=>A()===n,f=()=>t.disabled||W()&&!u(),p={label:t.label,value:t.value,disabled:t.disabled,key:t.value,groupLabel:t.groupLabel},m=a.optionRender?a.optionRender(p,{index:n}):t.label;return(()=>{var p=oe(),g=p.firstChild;return l(p,`data-option-index`,n),s(g,m),s(p,i(h,{get when(){return u()},get children(){var e=ae();return s(e,(()=>{var e=c(()=>!!a.menuItemSelectedIcon);return()=>e()?a.menuItemSelectedIcon:i(ne,{size:14,color:`var(--color)`,"stroke-width":3})})()),e}}),null),o(n=>{var i=e(`sel31`,u()&&`sel33`,d()&&`sel32`,f()&&`sel34`,t.groupLabel!==void 0&&`sel38`,t.class),a=t.title;return i!==n.e&&r(p,n.e=i),a!==n.t&&l(p,`title`,n.t=a),n},{e:void 0,t:void 0}),p})()},$=()=>{let n=V();return n.length===0?(()=>{var e=se();return s(e,()=>a.notFoundContent),e})():a.virtual?(()=>{var d=ce(),p=d.firstChild;return d.$$click=Xe,f(e=>{requestAnimationFrame(()=>L(e))},d),s(p,i(m,{get each(){return H.getVirtualItems()},children:e=>{let t=n[e.index];return(()=>{var n=le();return s(n,(()=>{var e=c(()=>t.type===`group`);return()=>e()?(()=>{var e=ue();return s(e,()=>t.groupLabel),e})():Ze(t.option,t.flatIdx)})()),o(t=>{var r=e.index,i=`translateY(${e.start}px)`;return r!==t.e&&l(n,`data-index`,t.e=r),i!==t.t&&u(n,`transform`,t.t=i),t},{e:void 0,t:void 0}),n})()}})),o(n=>{var i=e(`sel30`,t(a.color)),o=`${a.listHeight}px`,s=`${H.getTotalSize()}px`;return i!==n.e&&r(d,n.e=i),o!==n.t&&u(d,`max-height`,n.t=o),s!==n.a&&u(p,`height`,n.a=s),n},{e:void 0,t:void 0,a:void 0}),d})():(()=>{var e=de();return e.$$click=Xe,f(e=>L(e),e),s(e,i(m,{each:n,children:e=>e.type===`group`?(()=>{var t=ue();return s(t,()=>e.groupLabel),t})():Ze(e.option,e.flatIdx)})),o(t=>u(e,`max-height`,`${a.listHeight}px`)),e})()},Qe=e=>i(Te,{tag:e,get removeIcon(){return a.removeIcon},get tagRender(){return a.tagRender},onRemove:Z});return g(y(N,e=>{if(e&&a.defaultActiveFirstOption){let e=B().findIndex(e=>!e.disabled&&(!W()||U(e.value)));j(e>=0?e:-1)}e||j(-1)})),g(y(()=>P(),()=>{if(N()&&a.defaultActiveFirstOption){let e=B().findIndex(e=>!e.disabled&&(!W()||U(e.value)));j(e>=0?e:-1)}})),g(y(I,e=>{e&&N()&&requestAnimationFrame(()=>{a.virtual&&H.measure(),He()})})),g(y(()=>N(),e=>{e&&S()&&queueMicrotask(()=>Ne?.focus({preventScroll:!0}))})),i(n,{ref:e=>Pe=e,get open(){return N()},get blockScroll(){return a.blockScroll},get position(){return a.placement===`top`?`top`:`bottom`},get class(){return{trigger:`${a.disabled?`pointer-events-none`:``} w-full`,content:e(`border-c3 bg-base-100 rounded-box menu p-0`,a.placement===`bottom`?`mt-1 shadow-md`:`shadow-md-top mb-1`,a.class?.dropdownContent)}},get triggerElement(){return(()=>{var n=be(),d=n.firstChild,g=d.nextSibling;return n.addEventListener(`blur`,Ge),n.addEventListener(`focus`,We),n.$$keydown=Be,n.$$click=Je,f(e=>F=e,n),s(n,i(h,{get when(){return a.prefix},get children(){var e=me();return s(e,()=>a.prefix),e}}),d),s(d,i(h,{get when(){return p()},get fallback(){return(()=>{var e=Se();return s(e,i(h,{get when(){return M().length>0},get fallback(){return(()=>{var e=ge();return s(e,()=>a.placeholder),o(t=>u(e,`visibility`,P()?`hidden`:void 0)),e})()},get children(){var e=xe();return s(e,Ke),o(t=>u(e,`visibility`,P()&&S()?`hidden`:void 0)),e}})),e})()},get children(){var e=_e();return s(e,i(m,{get each(){return Q().visible},children:e=>Qe(e)}),null),s(e,i(h,{get when(){return Q().omitted.length>0},get children(){return i(Ee,{get content(){return i(m,{get each(){return Q().omitted},children:e=>i(Te,{tag:e,get removeIcon(){return a.removeIcon},get tagRender(){return a.tagRender},onRemove:Z})})},get children(){var e=he();return s(e,()=>{let e=a.maxTagPlaceholder;return typeof e==`function`?e(Q().omitted.map(e=>({value:e.value,label:e.label}))):e||`+${Q().omitted.length} more...`}),e}})}}),null),s(e,i(h,{get when(){return M().length===0},get children(){var e=ge();return s(e,()=>a.placeholder),e}}),null),e}})),s(g,i(h,{get when(){return qe()},get children(){var e=ve();return e.$$click=ze,s(e,i(b,{class:`m-auto`,size:14})),e}}),null),s(g,i(h,{get when(){return!a.loading},get fallback(){return Ce()},get children(){var t=ye();return s(t,(()=>{var e=c(()=>!!a.suffixIcon);return()=>e()?a.suffixIcon:i(re,{size:16})})()),o(()=>r(t,e(`sel23`,N()&&`sel24`))),t}}),null),o(i=>{var o=e(we({size:a.size,variant:a.variant}),t(a.color),N()&&`sel41 sel02`,p()&&`sel40`,a.class?.root,a.disabled&&`sel03`),s=a.disabled?-1:0,c=N();return o!==i.e&&r(n,i.e=o),s!==i.t&&l(n,`tabindex`,i.t=s),c!==i.a&&l(n,`aria-expanded`,i.a=c),i},{e:void 0,t:void 0,a:void 0}),n})()},get children(){var e=pe();return e.$$mousedown=e=>{e.target?.tagName!==`INPUT`&&e.preventDefault()},s(e,i(h,{get when(){return S()},get children(){var e=fe(),t=e.firstChild;return s(e,i(ie,{size:14}),t),t.addEventListener(`blur`,Ge),t.addEventListener(`focus`,We),t.$$keydown=Be,t.$$input=Ue,f(e=>Ne=e,t),o(e=>{var n=a.disabled,r=N();return n!==e.e&&(t.disabled=e.e=n),r!==e.t&&l(t,`aria-expanded`,e.t=r),e},{e:void 0,t:void 0}),o(()=>t.value=P()),e}}),null),s(e,(()=>{var e=c(()=>!!a.popupRender);return()=>e()?a.popupRender($()):$()})(),null),o(()=>r(e,t(a.color))),e}})};a([`click`,`mousedown`,`input`,`keydown`]);export{D as Select};
+import{cn as e}from"../../utils/cn.js";import{getColor as t}from"../../utils/helper.js";import{x_default as n}from"../../node_modules/.pnpm/lucide-solid@1.8.0_solid-js@1.9.11/node_modules/lucide-solid/dist/source/icons/x.js";import{Dropdown as r}from"../dropdown/dropdown.js";import{check_default as i}from"../../node_modules/.pnpm/lucide-solid@1.8.0_solid-js@1.9.11/node_modules/lucide-solid/dist/source/icons/check.js";import{chevron_down_default as a}from"../../node_modules/.pnpm/lucide-solid@1.8.0_solid-js@1.9.11/node_modules/lucide-solid/dist/source/icons/chevron-down.js";import{search_default as o}from"../../node_modules/.pnpm/lucide-solid@1.8.0_solid-js@1.9.11/node_modules/lucide-solid/dist/source/icons/search.js";import{className as s,createComponent as c,delegateEvents as l,effect as u,insert as d,memo as f,setAttribute as p,setStyleProperty as m,template as h,use as g}from"solid-js/web";import{cva as _}from"class-variance-authority";import{For as v,Show as y,createEffect as b,createMemo as x,createSignal as S,mergeProps as ee,on as C}from"solid-js";import{createVirtualizer as te}from"@tanstack/solid-virtual";var w=h(`<span class=sel19>`),T=h(`<span class=sel17><span class=sel18>`),E=h(`<span class=sel42><span class=sel43><span class=sel44>`),ne=h(`<span class=sel36>`),re=h(`<div><span class=sel35>`),ie=h(`<div class=sel39>`),ae=h(`<div style=overflow-y:auto><div style=width:100%;position:relative>`),oe=h(`<div style=position:absolute;top:0;left:0;width:100%>`),se=h(`<div class=sel37>`),ce=h(`<div class=sel30>`),le=h(`<div class="flex items-center px-3 shadow-2xs"><input class=sel29 autocomplete=off role=combobox aria-haspopup=listbox aria-autocomplete=list placeholder=Search...>`),ue=h(`<div role=listbox>`),de=h(`<span class=sel11>`),fe=h(`<span class="sel17 sel20">`),pe=h(`<span class=sel15>`),me=h(`<div class=sel16>`),he=h(`<span class=sel26>`),ge=h(`<span>`),_e=h(`<div role=combobox aria-haspopup=listbox><div class=sel12></div><div class=sel22>`),ve=h(`<span class=sel14>`),ye=h(`<div class=sel13>`),be=h(`<span class=sel25>`),xe=_(`sel01`,{variants:{variant:{outline:`sel07`,filled:`sel09`,borderless:`sel08`,underlined:`sel10`},size:{lg:`sel06`,md:`sel05`,sm:`sel04`},color:{neutral:`input-neutral`,primary:`input-primary`,secondary:`input-secondary`,accent:`input-accent`,info:`input-info`,success:`input-success`,warning:`input-warning`,error:`input-error`}}}),Se=e=>e.tagRender?e.tagRender({label:e.tag.label,value:e.tag.value,closable:e.tag.closable,onClose:()=>e.onRemove(e.tag.value,new MouseEvent(`click`))}):(()=>{var t=T(),r=t.firstChild;return d(r,()=>e.tag.label),d(t,c(y,{get when(){return e.tag.closable},get children(){var t=w();return t.$$click=t=>e.onRemove(e.tag.value,t),d(t,(()=>{var t=f(()=>!!e.removeIcon);return()=>t()?e.removeIcon:c(n,{class:`m-auto`,size:12,"stroke-width":3})})()),t}}),null),t})(),Ce=e=>(()=>{var t=E(),n=t.firstChild,r=n.firstChild;return d(t,()=>e.children,n),d(r,()=>e.content),t})();function we(e){return{label:e?.label??`label`,value:e?.value??`value`,options:e?.options??`options`,groupLabel:e?.groupLabel??`label`}}function D(e,t){return e?.[t]}function Te(e,t){if(!e)return[];let n=[];for(let r of e){let e=D(r,t.options);if(e&&Array.isArray(e)){let i=D(r,t.groupLabel);for(let r of e)n.push({label:D(r,t.label),value:D(r,t.value),disabled:r.disabled,class:r.class,title:r.title,groupLabel:i,raw:r})}else n.push({label:D(r,t.label),value:D(r,t.value),disabled:r.disabled,class:r.class,title:r.title,groupLabel:void 0,raw:r})}return n}function Ee(e){let t=[];for(let n of e){let e=t[t.length-1];e&&e.groupLabel===n.groupLabel?e.items.push(n):t.push({groupLabel:n.groupLabel,items:[n]})}return t}function O(e){if(e!=null)return typeof e==`object`&&`value`in e?e.value:e}function De(e){if(e==null)return[];if(Array.isArray(e))return e.map(e=>O(e)).filter(e=>e!==void 0);let t=O(e);return t===void 0?[]:[t]}var k=l=>{l=ee({color:`error`,size:`md`,variant:`outline`,disabled:!1,loading:!1,placement:`bottom`,listHeight:256,virtual:!1,defaultActiveFirstOption:!1,notFoundContent:`Not Found`,labelInValue:!1,placeholder:`Select...`,blockScroll:!0},l);let h=x(()=>we(l.fieldNames)),_=x(()=>l.mode===`multiple`),w=x(()=>_()&&!!l.allowCustomValue),T=x(()=>typeof l.showSearch==`boolean`?l.showSearch:typeof l.showSearch==`object`?!0:_()),E=x(()=>{let e={autoClearSearchValue:!0,filterOption:!0,optionFilterProp:`value`};return typeof l.showSearch==`object`?{...e,...l.showSearch}:e}),[O,k]=S(De(l.defaultValue)),[Oe,ke]=S(l.defaultOpen??!1),[Ae,A]=S(``),[j,M]=S(-1),N=x(()=>l.value===void 0?O():De(l.value)),P=x(()=>l.open===void 0?Oe():l.open),je=x(()=>{let e=E();if(e.searchValue!==void 0)return e.searchValue}),F=x(()=>je()??Ae()),Me,Ne,I,[L,R]=S(null),Pe=x(()=>Te(l.options,h())),z=x(()=>{let e=Pe();if(!w())return e;let t=new Set(e.map(e=>e.value)),n=[];for(let e of N())t.has(e)||n.push({label:String(e),value:e,disabled:!1,class:void 0,title:void 0,groupLabel:void 0,raw:{label:String(e),value:e}});return[...e,...n]}),B=x(()=>{let e=new Map;for(let t of z())e.set(t.value,t);return e}),V=x(()=>{let e=z(),t=F();if(!t||!T())return e;let n=E();if(n.filterOption===!1)return e;let r;if(typeof n.filterOption==`function`)r=e.filter(e=>n.filterOption(t,e.raw));else{let i=Array.isArray(n.optionFilterProp)?n.optionFilterProp:[n.optionFilterProp??`value`],a=t.toLowerCase();r=e.filter(e=>i.some(t=>{let n=D(e.raw,t)??(t===`label`?e.label:e.value);return String(n??``).toLowerCase().includes(a)}))}if(n.filterSort){let e=n.filterSort;r.sort((n,r)=>e(n.raw,r.raw,{searchValue:t}))}return r}),Fe=x(()=>F()&&T()?[{groupLabel:void 0,items:V()}]:Ee(z())),H=x(()=>{let e=Fe(),t=[],n=0;for(let r of e){r.groupLabel!==void 0&&t.push({type:`group`,groupLabel:r.groupLabel});for(let e of r.items)t.push({type:`option`,option:e,flatIdx:n}),n++}return t}),U=te({get count(){return H().length},getScrollElement:()=>L(),estimateSize:e=>H()[e]?.type===`group`?28:32,overscan:2}),Ie=x(()=>new Set(N())),W=e=>Ie().has(e),G=x(()=>{if(!_())return!1;let e=l.maxCount;return e===void 0?!1:N().length>=e}),K=0,q=()=>{l.disabled||(K=performance.now()+150,l.open===void 0&&ke(!0),l.onOpenChange?.(!0))},J=()=>{l.open===void 0&&ke(!1),R(null),l.onOpenChange?.(!1),T()&&(A(``),E().onSearch?.(``))},Le=()=>{P()?J():q()},Y=e=>{let t=B();if(_())return l.labelInValue?e.map(e=>({value:e,label:t.get(e)?.label??String(e)})):e;let n=e[0];if(n!==void 0)return l.labelInValue?{value:n,label:t.get(n)?.label??String(n)}:n},X=e=>{let t=B();if(_())return e.map(e=>t.get(e)?.raw??{value:e,label:String(e)});let n=e[0];return t.get(n)?.raw??{value:n,label:String(n)}},Z=e=>{let t=B().get(e),n=t?.raw??{value:e,label:String(e)};if(_()){let r=N(),i;if(r.includes(e)){i=r.filter(t=>t!==e);let n=l.labelInValue?{value:e,label:t?.label??String(e)}:e;l.onDeselect?.(n)}else{if(G())return;i=[...r,e];let a=l.labelInValue?{value:e,label:t?.label??String(e)}:e;l.onSelect?.(a,n)}l.value===void 0&&k(i),l.onChange?.(Y(i),X(i)),E().autoClearSearchValue!==!1&&(A(``),E().onSearch?.(``))}else{let r=[e],i=l.labelInValue?{value:e,label:t?.label??String(e)}:e;l.onSelect?.(i,n),l.value===void 0&&k(r),l.onChange?.(Y(r),X(r)),J(),A(``)}},Re=e=>{e.stopPropagation(),e.preventDefault(),l.value===void 0&&k([]),l.onClear?.(),l.onChange?.(_()?[]:void 0,_()?[]:void 0),A(``)},Q=(e,t)=>{t?.stopPropagation(),t?.preventDefault();let n=N().filter(t=>t!==e),r=B().get(e),i=l.labelInValue?{value:e,label:r?.label??String(e)}:e;l.onDeselect?.(i),l.value===void 0&&k(n),l.onChange?.(Y(n),X(n))},ze=e=>{if(l.disabled)return;l.onInputKeyDown?.(e);let t=V();switch(e.key){case`ArrowDown`:{if(e.preventDefault(),!P()){q();return}let n=j()+1;for(;n<t.length;){let e=t[n];if(!e.disabled&&(!G()||W(e.value)))break;n++}if(n<t.length){M(n);let e=l.labelInValue?{value:t[n].value,label:t[n].label}:t[n].value;l.onActive?.(e),Be(n)}break}case`ArrowUp`:{if(e.preventDefault(),!P()){q();return}let n=j()===-1?t.length-1:j()-1;for(;n>=0;){let e=t[n];if(!e.disabled&&(!G()||W(e.value)))break;n--}if(n>=0){M(n);let e=l.labelInValue?{value:t[n].value,label:t[n].label}:t[n].value;l.onActive?.(e),Be(n)}break}case`Enter`:case` `:{if(e.preventDefault(),!P()){q();return}if(e.key===` `&&T())break;let n=j();if(n>=0&&n<t.length){let e=t[n];e.disabled||Z(e.value)}else w()&&F().trim()&&Z(F().trim());break}case`Escape`:e.preventDefault(),J(),I?.focus();break;case`Backspace`:if(_()&&F()===``){let e=N();e.length>0&&Q(e[e.length-1])}break;case`Tab`:J();break}},Be=e=>{if(l.virtual){let t=H().findIndex(t=>t.type===`option`&&t.flatIdx===e);t>=0&&U.scrollToIndex(t,{align:`auto`});return}let t=L();if(!t)return;let n=t.querySelectorAll(`[data-option-index]`)[e];n&&n.scrollIntoView({block:`nearest`})},Ve=()=>{let e=N();if(e.length===0)return;let t=e[0],n=V().findIndex(e=>e.value===t);if(!(n<0))if(l.virtual){let e=H().findIndex(e=>e.type===`option`&&e.flatIdx===n);e>=0&&U.scrollToIndex(e,{align:`start`})}else{let e=L();if(!e)return;let t=e.querySelector(`[data-option-index="${n}"]`);t&&t.scrollIntoView({block:`nearest`})}},He=e=>{let t=e.target.value;je()===void 0&&A(t),E().onSearch?.(t),P()||q()},Ue=e=>{if(e.target===I){let e=window.scrollX,t=window.scrollY,n=()=>requestAnimationFrame(()=>requestAnimationFrame(()=>window.scrollTo(e,t)));window.addEventListener(`scroll`,n,{once:!0,passive:!1}),setTimeout(()=>window.removeEventListener(`scroll`,n),200)}l.onFocus?.(e)},We=e=>{let t=e.relatedTarget;t&&Ne?.contains(t)||t?.closest(`.nd-content`)||performance.now()<K||(l.onBlur?.(e),J())},Ge=x(()=>{if(_())return null;let e=N();if(e.length===0)return null;let t=e[0],n=B().get(t);return l.labelRender?l.labelRender({value:t,label:n?.label??String(t),key:String(t)}):n?.label??String(t)}),$=x(()=>{if(!_())return{visible:[],omitted:[]};let e=N(),t=B(),n=l.maxTagCount,r=l.maxTagTextLength,i=e.map(e=>{let n=t.get(e)?.label??String(e);return r&&typeof n==`string`&&n.length>r&&(n=n.slice(0,r)+`...`),{value:e,label:n,closable:!l.disabled}});return typeof n==`number`&&i.length>n?{visible:i.slice(0,n),omitted:i.slice(n)}:{visible:i,omitted:[]}}),Ke=x(()=>!l.allowClear||l.disabled?!1:N().length>0),qe=e=>{l.disabled||l.loading||(e.preventDefault(),Le())},Je=e=>{let t=e;for(;t;){let e=t.dataset?.optionIndex;if(e!==void 0)return Number(e);if(t.classList?.contains(`sel30`))return null;t=t.parentElement}return null},Ye=e=>{let t=Je(e.target);if(t===null)return;let n=V()[t];!n||n.disabled||G()&&!W(n.value)||(_()&&(K=performance.now()+150),Z(n.value))},Xe=(t,n)=>{let r=()=>W(t.value),a=()=>j()===n,o=()=>t.disabled||G()&&!r(),m={label:t.label,value:t.value,disabled:t.disabled,key:t.value,groupLabel:t.groupLabel},h=l.optionRender?l.optionRender(m,{index:n}):t.label;return(()=>{var m=re(),g=m.firstChild;return p(m,`data-option-index`,n),d(g,h),d(m,c(y,{get when(){return r()},get children(){var e=ne();return d(e,(()=>{var e=f(()=>!!l.menuItemSelectedIcon);return()=>e()?l.menuItemSelectedIcon:c(i,{size:14,color:`var(--color)`,"stroke-width":3})})()),e}}),null),u(n=>{var i=e(`sel31`,r()&&`sel33`,a()&&`sel32`,o()&&`sel34`,t.groupLabel!==void 0&&`sel38`,t.class),c=t.title;return i!==n.e&&s(m,n.e=i),c!==n.t&&p(m,`title`,n.t=c),n},{e:void 0,t:void 0}),m})()},Ze=()=>{let n=H();return n.length===0?(()=>{var e=ie();return d(e,()=>l.notFoundContent),e})():l.virtual?(()=>{var r=ae(),i=r.firstChild;return r.$$click=Ye,g(e=>{requestAnimationFrame(()=>R(e))},r),d(i,c(v,{get each(){return U.getVirtualItems()},children:e=>{let t=n[e.index];return(()=>{var n=oe();return d(n,(()=>{var e=f(()=>t.type===`group`);return()=>e()?(()=>{var e=se();return d(e,()=>t.groupLabel),e})():Xe(t.option,t.flatIdx)})()),u(t=>{var r=e.index,i=`translateY(${e.start}px)`;return r!==t.e&&p(n,`data-index`,t.e=r),i!==t.t&&m(n,`transform`,t.t=i),t},{e:void 0,t:void 0}),n})()}})),u(n=>{var a=e(`sel30`,t(l.color)),o=`${l.listHeight}px`,c=`${U.getTotalSize()}px`;return a!==n.e&&s(r,n.e=a),o!==n.t&&m(r,`max-height`,n.t=o),c!==n.a&&m(i,`height`,n.a=c),n},{e:void 0,t:void 0,a:void 0}),r})():(()=>{var e=ce();return e.$$click=Ye,g(e=>R(e),e),d(e,c(v,{each:n,children:e=>e.type===`group`?(()=>{var t=se();return d(t,()=>e.groupLabel),t})():Xe(e.option,e.flatIdx)})),u(t=>m(e,`max-height`,`${l.listHeight}px`)),e})()},Qe=e=>c(Se,{tag:e,get removeIcon(){return l.removeIcon},get tagRender(){return l.tagRender},onRemove:Q});return b(C(P,e=>{if(e&&l.defaultActiveFirstOption){let e=V().findIndex(e=>!e.disabled&&(!G()||W(e.value)));M(e>=0?e:-1)}e||M(-1)})),b(C(()=>F(),()=>{if(P()&&l.defaultActiveFirstOption){let e=V().findIndex(e=>!e.disabled&&(!G()||W(e.value)));M(e>=0?e:-1)}})),b(C(L,e=>{e&&P()&&requestAnimationFrame(()=>{l.virtual&&U.measure(),Ve()})})),b(C(()=>P(),e=>{e&&T()&&queueMicrotask(()=>Me?.focus({preventScroll:!0}))})),c(r,{ref:e=>Ne=e,get open(){return P()},get blockScroll(){return l.blockScroll},get position(){return l.placement===`top`?`top`:`bottom`},get class(){return{trigger:`${l.disabled?`pointer-events-none`:``} w-full`,content:e(`border-c3 bg-base-100 rounded-box menu p-0`,l.placement===`bottom`?`mt-1 shadow-md`:`shadow-md-top mb-1`,l.class?.dropdownContent)}},get triggerElement(){return(()=>{var r=_e(),i=r.firstChild,o=i.nextSibling;return r.addEventListener(`blur`,We),r.addEventListener(`focus`,Ue),r.$$keydown=ze,r.$$click=qe,g(e=>I=e,r),d(r,c(y,{get when(){return l.prefix},get children(){var e=de();return d(e,()=>l.prefix),e}}),i),d(i,c(y,{get when(){return _()},get fallback(){return(()=>{var e=ye();return d(e,c(y,{get when(){return N().length>0},get fallback(){return(()=>{var e=pe();return d(e,()=>l.placeholder),u(t=>m(e,`visibility`,F()?`hidden`:void 0)),e})()},get children(){var e=ve();return d(e,Ge),u(t=>m(e,`visibility`,F()&&T()?`hidden`:void 0)),e}})),e})()},get children(){var e=me();return d(e,c(v,{get each(){return $().visible},children:e=>Qe(e)}),null),d(e,c(y,{get when(){return $().omitted.length>0},get children(){return c(Ce,{get content(){return c(v,{get each(){return $().omitted},children:e=>c(Se,{tag:e,get removeIcon(){return l.removeIcon},get tagRender(){return l.tagRender},onRemove:Q})})},get children(){var e=fe();return d(e,()=>{let e=l.maxTagPlaceholder;return typeof e==`function`?e($().omitted.map(e=>({value:e.value,label:e.label}))):e||`+${$().omitted.length} more...`}),e}})}}),null),d(e,c(y,{get when(){return N().length===0},get children(){var e=pe();return d(e,()=>l.placeholder),e}}),null),e}})),d(o,c(y,{get when(){return Ke()},get children(){var e=he();return e.$$click=Re,d(e,c(n,{class:`m-auto`,size:14})),e}}),null),d(o,c(y,{get when(){return!l.loading},get fallback(){return be()},get children(){var t=ge();return d(t,(()=>{var e=f(()=>!!l.suffixIcon);return()=>e()?l.suffixIcon:c(a,{size:16})})()),u(()=>s(t,e(`sel23`,P()&&`sel24`))),t}}),null),u(n=>{var i=e(xe({size:l.size,variant:l.variant}),t(l.color),P()&&`sel41 sel02`,_()&&`sel40`,l.class?.root,l.disabled&&`sel03`),a=l.disabled?-1:0,o=P();return i!==n.e&&s(r,n.e=i),a!==n.t&&p(r,`tabindex`,n.t=a),o!==n.a&&p(r,`aria-expanded`,n.a=o),n},{e:void 0,t:void 0,a:void 0}),r})()},get children(){var e=ue();return e.$$mousedown=e=>{e.target?.tagName!==`INPUT`&&e.preventDefault()},d(e,c(y,{get when(){return T()},get children(){var e=le(),t=e.firstChild;return d(e,c(o,{size:14}),t),t.addEventListener(`blur`,We),t.addEventListener(`focus`,Ue),t.$$keydown=ze,t.$$input=He,g(e=>Me=e,t),u(e=>{var n=l.disabled,r=P();return n!==e.e&&(t.disabled=e.e=n),r!==e.t&&p(t,`aria-expanded`,e.t=r),e},{e:void 0,t:void 0}),u(()=>t.value=F()),e}}),null),d(e,(()=>{var e=f(()=>!!l.popupRender);return()=>e()?l.popupRender(Ze()):Ze()})(),null),u(()=>s(e,t(l.color))),e}})};l([`click`,`mousedown`,`input`,`keydown`]);export{k as Select};
 //# sourceMappingURL=select.js.map