@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=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?o(...e):typeof e=="object"?Object.keys(e).map((s,b)=>e[b]||e[s]&&s||null).filter(s=>s!==null).join(" "):e).filter(e=>!!e).join(" ");var w=(t,e)=>o({[`${t}-xs`]:e.size==="xsmall",[`${t}-sm`]:e.size==="small",[`${t}-md`]:e.size==="medium",[`${t}-lg`]:e.size==="large",[`${t}-xl`]:e.size==="xlarge",[`${t}-xxl`]:e.size==="xxlarge",[`${t}-xxxl`]:e.size==="xxxlarge"},{[`${t}-${e.fillMode}`]:e.fillMode},{[`${t}-${e.fillMode}-${e.themeColor}`]:e.fillMode&&e.themeColor},{[`${t}-${e.themeColor}`]:e.themeColor&&e.fillMode===void 0},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full"}),u=(t,e)=>o({"k-valid":e.valid,"k-invalid":e.invalid,"k-hover":e.hover,"k-focus":e.focus,"k-checked":e.checked,"k-active":e.active,"k-selected":e.selected,"k-disabled":e.disabled,"k-indeterminate":e.indeterminate&&!e.checked,"k-loading":e.loading,"k-empty":e.empty,"k-readonly":e.readonly,"k-highlighted":e.highlighted});var r={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var i={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"};import{jsx as C}from"react/jsx-runtime";var z="k-data-table",G=[],O={size:[r.small,r.medium,r.large]},E={size:r.medium},c=t=>{let{size:e=E.size,...s}=t;return C("div",{...s,className:o(t.className,z,w("k-table",{size:e})),children:t.children})};c.states=G;c.options=O;c.className=z;c.defaultOptions=E;import{jsx as k}from"react/jsx-runtime";var B="k-table-header",N=t=>k("div",{className:o(t.className,B),children:k("div",{className:"k-table-header-wrap",children:k(x,{children:t.children})})});import{jsx as $}from"react/jsx-runtime";var P="k-table-body",R=t=>$("div",{className:o(t.className,P,"k-table-scroller"),children:t.children});import{jsx as Se}from"react/jsx-runtime";import{jsx as J}from"react/jsx-runtime";var M="k-table",I=[],F={size:[r.small,r.medium,r.large]},_={},x=t=>{let{size:e,...s}=t;return J("table",{...s,className:o(t.className,M,w(M,{size:e})),children:t.children})};x.states=I;x.options=F;x.className=M;x.defaultOptions=_;import{jsx as V}from"react/jsx-runtime";var H="k-table-list",q=[],W={size:[r.small,r.medium,r.large]},U={},h=t=>{let{size:e,virtualization:s,...b}=t;return V("ul",{...b,className:o(t.className,"k-table",H,w(H,{size:e}),{"k-virtual-table":s}),children:t.children})};h.states=q;h.options=W;h.className=H;h.defaultOptions=U;import{jsx as X}from"react/jsx-runtime";var Q="k-table-thead",y=t=>X("thead",{className:o(t.className,Q),children:t.children});import{jsx as Je}from"react/jsx-runtime";import{jsx as Ve}from"react/jsx-runtime";import{jsx as Z}from"react/jsx-runtime";var v="k-table-row",Y=[i.hover,i.focus,i.selected,i.disabled,i.highlighted],p=t=>{let{hover:e,focus:s,selected:b,highlighted:n,disabled:m,alt:f,...g}=t;return Z("tr",{...g,className:o(t.className,v,{"k-table-alt-row":f},u(v,{hover:e,focus:s,disabled:m,selected:b,highlighted:n})),children:t.children})};p.states=Y;p.className=v;import{jsx as ee}from"react/jsx-runtime";var A="k-table-row",j=[i.hover,i.focus,i.selected,i.disabled],d=t=>{let{hover:e,focus:s,selected:b,disabled:n,alt:m,...f}=t;return ee("li",{...f,className:o(t.className,A,{"k-table-alt-row":m},u(A,{hover:e,focus:s,disabled:n,selected:b})),children:t.children})};d.states=j;d.className=A;import{jsx as ae}from"react/jsx-runtime";var te="k-table-th",L=t=>{let{text:e,colspan:s,rowspan:b,...n}=t,m=e||t.children;return ae("th",{colSpan:s,rowSpan:b,...n,className:o(t.className,te),children:m})};import{jsx as it}from"react/jsx-runtime";import{jsx as oe}from"react/jsx-runtime";var S="k-table-td",le=[i.focus,i.selected,i.highlighted],D=t=>{let{focus:e,selected:s,highlighted:b,text:n,colspan:m,rowspan:f,...g}=t,K=n||t.children;return oe("td",{colSpan:m,rowSpan:f,...g,className:o(t.className,S,u(S,{focus:e,selected:s,highlighted:b})),children:K})};D.states=le;D.className=S;import{jsx as Te}from"react/jsx-runtime";var se="k-table-td",l=t=>{let{text:e,...s}=t,b=e||t.children;return Te("span",{...s,className:o(t.className,se),children:b})};import{jsx as Lt}from"react/jsx-runtime";import{jsx as yt}from"react/jsx-runtime";import{jsx as gt}from"react/jsx-runtime";import{jsx as vt}from"react/jsx-runtime";import{jsx as Ot,jsxs as Ct}from"react/jsx-runtime";import{jsx as It,jsxs as Ft}from"react/jsx-runtime";import{Fragment as Vt,jsx as Wt,jsxs as Ut}from"react/jsx-runtime";import{jsx as a,jsxs as T}from"react/jsx-runtime";var ya=t=>T(c,{...t,children:[T(N,{children:[T("colgroup",{children:[a("col",{style:{width:"50px"}}),a("col",{style:{width:"160px"}}),a("col",{})]}),a(y,{children:T(p,{children:[a(L,{text:"ID"}),a(L,{text:"Name"}),a(L,{text:"Job Title"})]})})]}),a(R,{children:T(h,{virtualization:!0,children:[T(d,{children:[a(l,{text:"1",style:{width:"50px"}}),a(l,{text:"Data 1.2",style:{width:"160px"}}),a(l,{text:"Data 1.3"})]}),T(d,{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"})]}),T(d,{children:[a(l,{text:"3",style:{width:"50px"}}),a(l,{text:"Data 3.2",style:{width:"160px"}}),a(l,{text:"Data 3.3"})]}),T(d,{children:[a(l,{text:"4",style:{width:"50px"}}),a(l,{text:"Data 4.2",style:{width:"160px"}}),a(l,{text:"Data 4.3"})]}),T(d,{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"})]}),T(d,{children:[a(l,{text:"6",style:{width:"50px"}}),a(l,{text:"Data 6.2",style:{width:"160px"}}),a(l,{text:"Data 6.3"})]}),T(d,{children:[a(l,{text:"7",style:{width:"50px"}}),a(l,{text:"Data 7.2",style:{width:"160px"}}),a(l,{text:"Data 7.3"})]}),T(d,{children:[a(l,{text:"8",style:{width:"50px"}}),a(l,{text:"Data 8.2",style:{width:"160px"}}),a(l,{text:"Data 8.3"})]}),T(d,{children:[a(l,{text:"9",style:{width:"50px"}}),a(l,{text:"Data 9.2",style:{width:"160px"}}),a(l,{text:"Data 9.3"})]}),T(d,{children:[a(l,{text:"10",style:{width:"50px"}}),a(l,{text:"Data 10.2",style:{width:"160px"}}),a(l,{text:"Data 10.3"})]}),T(d,{children:[a(l,{text:"11",style:{width:"50px"}}),a(l,{text:"Data 11.2",style:{width:"160px"}}),a(l,{text:"Data 11.3"})]})]})})]});export{ya as DataTableVirtualization};