@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,r)=>t[r]||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.fillMode}-${t.themeColor}`]:t.fillMode&&t.themeColor},{[`${e}-${t.themeColor}`]:t.themeColor&&t.fillMode===void 0},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full"}),x=(e,t)=>{let{valid:s,invalid:r,hover:c,focus:m,checked:w,active:A,selected:k,disabled:V,indeterminate:Q,loading:X,empty:Y,readonly:Z,highlighted:j,...v}=t;return o({"k-valid":s,"k-invalid":r,"k-hover":c,"k-focus":m,"k-checked":w,"k-active":A,"k-selected":k,"k-disabled":V,"k-indeterminate":Q&&!w,"k-loading":X,"k-empty":Y,"k-readonly":Z,"k-highlighted":j},Object.keys(v).reduce((O,H)=>(H.startsWith("k-")?O[H]=v[H]:O[`k-${H}`]=v[H],O),{}))};var p={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var T={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 i="table",d=i;import{jsx as ae}from"react/jsx-runtime";var W="k-data-table",ee=[],te={size:[p.small,p.medium,p.large]},U={size:p.medium},L=e=>{let{size:t=U.size,...s}=e;return ae("div",{...s,className:o(e.className,W,E("k-table",{size:t})),children:e.children})};L.states=ee;L.options=te;L.className=W;L.defaultOptions=U;L.moduleName=i;L.folderName=d;import{jsx as Te}from"react/jsx-runtime";var _="k-table-header-wrap",oe=[T.hover,T.focus,T.disabled],le={},se={},R=e=>{let{children:t,hover:s,focus:r,disabled:c,...m}=e;return Te("div",{...m,className:o(e.className,_,x(_,{hover:s,focus:r,disabled:c})),children:t})};R.states=oe;R.options=le;R.className=_;R.defaultOptions=se;R.moduleName=i;R.folderName=d;import{jsx as ne}from"react/jsx-runtime";var C="k-table",re=[],ie={size:[p.small,p.medium,p.large]},de={},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=re;h.options=ie;h.className=C;h.defaultOptions=de;h.moduleName=i;h.folderName=d;import{jsx as B}from"react/jsx-runtime";var z="k-table-header",be=[T.hover,T.focus,T.disabled],ce={},me={},f=e=>{let{children:t,hover:s,focus:r,disabled:c,...m}=e;return B("div",{...m,className:o(e.className,z,x(z,{hover:s,focus:r,disabled:c})),children:B(R,{children:B(h,{children:t})})})};f.states=be;f.options=ce;f.className=z;f.defaultOptions=me;f.moduleName=i;f.folderName=d;import{jsx as he}from"react/jsx-runtime";var I="k-table-scroller",pe=[],xe={},Le={},M=e=>{let{children:t,...s}=e;return he("div",{...s,className:o(e.className,I),children:t})};M.states=pe;M.options=xe;M.className=I;M.defaultOptions=Le;M.moduleName=i;M.folderName=d;import{jsx as ue}from"react/jsx-runtime";var fe="k-table-body",g=e=>ue("div",{className:o(e.className,fe,"k-table-scroller"),children:e.children});import{jsx as ye}from"react/jsx-runtime";var J="k-table-footer",Ne=[],we={},Re={},y=e=>{let{children:t,...s}=e;return ye("div",{...s,className:o(e.className,J),children:t})};y.states=Ne;y.options=we;y.className=J;y.defaultOptions=Re;y.moduleName=i;y.folderName=d;import{jsx as Ae}from"react/jsx-runtime";var P="k-table-list",De=[],Ee={size:[p.small,p.medium,p.large]},Me={},N=e=>{let{size:t,virtualization:s,...r}=e;return Ae("ul",{...r,className:o(e.className,"k-table",P,E(P,{size:t}),{"k-virtual-table":s}),children:e.children})};N.states=De;N.options=Ee;N.className=P;N.defaultOptions=Me;N.moduleName=i;N.folderName=d;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 _t}from"react/jsx-runtime";import{jsx as Pt}from"react/jsx-runtime";import{jsx as Se}from"react/jsx-runtime";var F="k-table-row",ge=[T.hover,T.focus,T.selected,T.disabled,T.highlighted],D=e=>{let{hover:t,focus:s,selected:r,highlighted:c,disabled:m,alt:w,...A}=e;return Se("tr",{...A,className:o(e.className,F,{"k-table-alt-row":w},x(F,{hover:t,focus:s,disabled:m,selected:r,highlighted:c})),children:e.children})};D.states=ge;D.className=F;import{jsx as ve}from"react/jsx-runtime";var G="k-table-row",ke=[T.hover,T.focus,T.selected,T.disabled],b=e=>{let{hover:t,focus:s,selected:r,disabled:c,alt:m,...w}=e;return ve("li",{...w,className:o(e.className,G,{"k-table-alt-row":m},x(G,{hover:t,focus:s,disabled:c,selected:r})),children:e.children})};b.states=ke;b.className=G;import{jsx as Oe}from"react/jsx-runtime";var q="k-table-th",u=e=>{let{text:t,colspan:s,rowspan:r,...c}=e,m=t||e.children;return Oe("th",{colSpan:s,rowSpan:r,...c,className:o(e.className,q),children:m})};u.className=q;u.moduleName=i;u.folderName=d;import{jsx as jt}from"react/jsx-runtime";import{jsx as Ce}from"react/jsx-runtime";var $="k-table-td",_e=[T.focus,T.selected,T.highlighted],S=e=>{let{focus:t,selected:s,highlighted:r,text:c,colspan:m,rowspan:w,...A}=e,k=c||e.children;return Ce("td",{colSpan:m,rowSpan:w,...A,className:o(e.className,$,x($,{focus:t,selected:s,highlighted:r})),children:k})};S.states=_e;S.className=$;import{jsx as ze}from"react/jsx-runtime";var Be="k-table-td",l=e=>{let{text:t,...s}=e,r=t||e.children;return ze("span",{...s,className:o(e.className,Be),children:r})};import{jsx as da}from"react/jsx-runtime";import{jsx as ma}from"react/jsx-runtime";import{jsx as ha}from"react/jsx-runtime";import{jsx as wa}from"react/jsx-runtime";import{jsx as Ha,jsxs as Ka}from"react/jsx-runtime";import{jsx as va,jsxs as Oa}from"react/jsx-runtime";import{Fragment as Fa,jsx as za,jsxs as Pa}from"react/jsx-runtime";import{jsx as a,jsxs as n}from"react/jsx-runtime";var Lo=e=>n(L,{...e,children:[n(f,{children:[n("colgroup",{children:[a("col",{style:{width:"50px"}}),a("col",{style:{width:"160px"}}),a("col",{})]}),a(K,{children:n(D,{children:[a(u,{text:"ID"}),a(u,{text:"Name"}),a(u,{text:"Job Title"})]})})]}),a(g,{children:n(N,{virtualization:!0,children:[n(b,{children:[a(l,{text:"1",style:{width:"50px"}}),a(l,{text:"Data 1.2",style:{width:"160px"}}),a(l,{text:"Data 1.3"})]}),n(b,{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(b,{children:[a(l,{text:"3",style:{width:"50px"}}),a(l,{text:"Data 3.2",style:{width:"160px"}}),a(l,{text:"Data 3.3"})]}),n(b,{children:[a(l,{text:"4",style:{width:"50px"}}),a(l,{text:"Data 4.2",style:{width:"160px"}}),a(l,{text:"Data 4.3"})]}),n(b,{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(b,{children:[a(l,{text:"6",style:{width:"50px"}}),a(l,{text:"Data 6.2",style:{width:"160px"}}),a(l,{text:"Data 6.3"})]}),n(b,{children:[a(l,{text:"7",style:{width:"50px"}}),a(l,{text:"Data 7.2",style:{width:"160px"}}),a(l,{text:"Data 7.3"})]}),n(b,{children:[a(l,{text:"8",style:{width:"50px"}}),a(l,{text:"Data 8.2",style:{width:"160px"}}),a(l,{text:"Data 8.3"})]}),n(b,{children:[a(l,{text:"9",style:{width:"50px"}}),a(l,{text:"Data 9.2",style:{width:"160px"}}),a(l,{text:"Data 9.3"})]}),n(b,{children:[a(l,{text:"10",style:{width:"50px"}}),a(l,{text:"Data 10.2",style:{width:"160px"}}),a(l,{text:"Data 10.3"})]}),n(b,{children:[a(l,{text:"11",style:{width:"50px"}}),a(l,{text:"Data 11.2",style:{width:"160px"}}),a(l,{text:"Data 11.3"})]})]})})]});export{Lo as DataTableVirtualization};