@progress/kendo-themes-html/dist/esm/table/templates/table-list-virtualization.mjs

A collection of HTML helpers used for developing Kendo UI themes

var o=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?o(...t):typeof t=="object"?Object.keys(t).map((s,T)=>t[T]||t[s]&&s||null).filter(s=>s!==null).join(" "):t).filter(t=>!!t).join(" ");var E=(e,t)=>o({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),x=(e,t)=>{let{valid:s,invalid:T,hover:m,focus:p,checked:w,active:M,selected:k,disabled:q,indeterminate:V,loading:Q,empty:X,readonly:Y,highlighted:Z,...v}=t;return o({"k-valid":s,"k-invalid":T,"k-hover":m,"k-focus":p,"k-checked":w,"k-active":M,"k-selected":k,"k-disabled":q,"k-indeterminate":V&&!w,"k-loading":Q,"k-empty":X,"k-readonly":Y,"k-highlighted":Z},Object.keys(v).reduce((O,H)=>(H.startsWith("k-")?O[H]=v[H]:O[`k-${H}`]=v[H],O),{}))};var b={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var r={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var d="table",i=d;import{jsx as ae}from"react/jsx-runtime";var W="k-data-table",j=[],ee={size:[b.undefined,b.small,b.medium,b.large]},te={},L=e=>{let{size:t,...s}=e;return ae("div",{...s,className:o(e.className,W,E("k-table",{size:t})),children:e.children})};L.states=j;L.options=ee;L.className=W;L.defaultOptions=te;L.moduleName=d;L.folderName=i;import{jsx as re}from"react/jsx-runtime";var _="k-table-header-wrap",oe=[r.hover,r.focus,r.disabled],le={},se={},R=e=>{let{children:t,hover:s,focus:T,disabled:m,...p}=e;return re("div",{...p,className:o(e.className,_,x(_,{hover:s,focus:T,disabled:m})),children:t})};R.states=oe;R.options=le;R.className=_;R.defaultOptions=se;R.moduleName=d;R.folderName=i;import{jsx as ne}from"react/jsx-runtime";var C="k-table",Te=[],de={size:[b.undefined,b.small,b.medium,b.large]},ie={},h=e=>{let{size:t,...s}=e;return ne("table",{...s,className:o(e.className,C,E(C,{size:t})),children:e.children})};h.states=Te;h.options=de;h.className=C;h.defaultOptions=ie;h.moduleName=d;h.folderName=i;import{jsx as B}from"react/jsx-runtime";var P="k-table-header",be=[r.hover,r.focus,r.disabled],ce={},me={},u=e=>{let{children:t,hover:s,focus:T,disabled:m,...p}=e;return B("div",{...p,className:o(e.className,P,x(P,{hover:s,focus:T,disabled:m})),children:B(R,{children:B(h,{children:t})})})};u.states=be;u.options=ce;u.className=P;u.defaultOptions=me;u.moduleName=d;u.folderName=i;import{jsx as he}from"react/jsx-runtime";var I="k-table-scroller",pe=[],xe={},Le={},A=e=>{let{children:t,...s}=e;return he("div",{...s,className:o(e.className,I),children:t})};A.states=pe;A.options=xe;A.className=I;A.defaultOptions=Le;A.moduleName=d;A.folderName=i;import{jsx as fe}from"react/jsx-runtime";var ue="k-table-body",g=e=>fe("div",{className:o(e.className,ue,"k-table-scroller"),children:e.children});import{jsx as ye}from"react/jsx-runtime";var U="k-table-footer",Ne=[],we={},Re={},y=e=>{let{children:t,...s}=e;return ye("div",{...s,className:o(e.className,U),children:t})};y.states=Ne;y.options=we;y.className=U;y.defaultOptions=Re;y.moduleName=d;y.folderName=i;import{jsx as Me}from"react/jsx-runtime";var z="k-table-list",De=[],Ee={size:[b.undefined,b.small,b.medium,b.large]},Ae={},N=e=>{let{size:t,virtualization:s,...T}=e;return Me("ul",{...T,className:o(e.className,"k-table",z,E(z,{size:t}),{"k-virtual-table":s}),children:e.children})};N.states=De;N.options=Ee;N.className=z;N.defaultOptions=Ae;N.moduleName=d;N.folderName=i;import{jsx as Ke}from"react/jsx-runtime";var He="k-table-thead",K=e=>Ke("thead",{className:o(e.className,He),children:e.children});import{jsx as Bt}from"react/jsx-runtime";import{jsx as Gt}from"react/jsx-runtime";import{jsx as Se}from"react/jsx-runtime";var F="k-table-row",ge=[r.hover,r.focus,r.selected,r.disabled,r.highlighted],D=e=>{let{hover:t,focus:s,selected:T,highlighted:m,disabled:p,alt:w,...M}=e;return Se("tr",{...M,className:o(e.className,F,{"k-table-alt-row":w},x(F,{hover:t,focus:s,disabled:p,selected:T,highlighted:m})),children:e.children})};D.states=ge;D.className=F;import{jsx as ve}from"react/jsx-runtime";var G="k-table-row",ke=[r.hover,r.focus,r.selected,r.disabled],c=e=>{let{hover:t,focus:s,selected:T,disabled:m,alt:p,...w}=e;return ve("li",{...w,className:o(e.className,G,{"k-table-alt-row":p},x(G,{hover:t,focus:s,disabled:m,selected:T})),children:e.children})};c.states=ke;c.className=G;import{jsx as Oe}from"react/jsx-runtime";var J="k-table-th",f=e=>{let{text:t,colspan:s,rowspan:T,...m}=e,p=t||e.children;return Oe("th",{colSpan:s,rowSpan:T,...m,className:o(e.className,J),children:p})};f.className=J;f.moduleName=d;f.folderName=i;import{jsx as ta}from"react/jsx-runtime";import{jsx as Ce}from"react/jsx-runtime";var $="k-table-td",_e=[r.focus,r.selected,r.highlighted],S=e=>{let{focus:t,selected:s,highlighted:T,text:m,colspan:p,rowspan:w,...M}=e,k=m||e.children;return Ce("td",{colSpan:p,rowSpan:w,...M,className:o(e.className,$,x($,{focus:t,selected:s,highlighted:T})),children:k})};S.states=_e;S.className=$;import{jsx as Pe}from"react/jsx-runtime";var Be="k-table-td",l=e=>{let{text:t,...s}=e,T=t||e.children;return Pe("span",{...s,className:o(e.className,Be),children:T})};import{jsx as ba}from"react/jsx-runtime";import{jsx as xa}from"react/jsx-runtime";import{jsx as fa}from"react/jsx-runtime";import{jsx as ya}from"react/jsx-runtime";import{jsx as ga,jsxs as Sa}from"react/jsx-runtime";import{jsx as _a,jsxs as Ca}from"react/jsx-runtime";import{Fragment as $a,jsx as Fa,jsxs as Ga}from"react/jsx-runtime";import{jsx as a,jsxs as n}from"react/jsx-runtime";var uo=e=>n(L,{...e,children:[n(u,{children:[n("colgroup",{children:[a("col",{style:{width:"50px"}}),a("col",{style:{width:"160px"}}),a("col",{})]}),a(K,{children:n(D,{children:[a(f,{text:"ID"}),a(f,{text:"Name"}),a(f,{text:"Job Title"})]})})]}),a(g,{children:n(N,{virtualization:!0,children:[n(c,{children:[a(l,{text:"1",style:{width:"50px"}}),a(l,{text:"Data 1.2",style:{width:"160px"}}),a(l,{text:"Data 1.3"})]}),n(c,{alt:!0,children:[a(l,{text:"2",style:{width:"50px"}}),a(l,{text:"Data 2.2 (alt)",style:{width:"160px"}}),a(l,{text:"Data 2.3"})]}),n(c,{children:[a(l,{text:"3",style:{width:"50px"}}),a(l,{text:"Data 3.2",style:{width:"160px"}}),a(l,{text:"Data 3.3"})]}),n(c,{children:[a(l,{text:"4",style:{width:"50px"}}),a(l,{text:"Data 4.2",style:{width:"160px"}}),a(l,{text:"Data 4.3"})]}),n(c,{alt:!0,children:[a(l,{text:"5",style:{width:"50px"}}),a(l,{text:"Data 5.2 (alt)",style:{width:"160px"}}),a(l,{text:"Data 5.3"})]}),n(c,{children:[a(l,{text:"6",style:{width:"50px"}}),a(l,{text:"Data 6.2",style:{width:"160px"}}),a(l,{text:"Data 6.3"})]}),n(c,{children:[a(l,{text:"7",style:{width:"50px"}}),a(l,{text:"Data 7.2",style:{width:"160px"}}),a(l,{text:"Data 7.3"})]}),n(c,{children:[a(l,{text:"8",style:{width:"50px"}}),a(l,{text:"Data 8.2",style:{width:"160px"}}),a(l,{text:"Data 8.3"})]}),n(c,{children:[a(l,{text:"9",style:{width:"50px"}}),a(l,{text:"Data 9.2",style:{width:"160px"}}),a(l,{text:"Data 9.3"})]}),n(c,{children:[a(l,{text:"10",style:{width:"50px"}}),a(l,{text:"Data 10.2",style:{width:"160px"}}),a(l,{text:"Data 10.3"})]}),n(c,{children:[a(l,{text:"11",style:{width:"50px"}}),a(l,{text:"Data 11.2",style:{width:"160px"}}),a(l,{text:"Data 11.3"})]})]})})]});export{uo as DataTableVirtualization};