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

A collection of HTML helpers used for developing Kendo UI themes

var a=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?a(...t):typeof t=="object"?Object.keys(t).map((o,s)=>t[s]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var E=(e,t)=>a({[`${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"}),p=(e,t)=>{let{valid:o,invalid:s,hover:b,focus:c,checked:R,active:M,selected:k,disabled:X,indeterminate:Y,loading:Z,empty:j,readonly:ee,highlighted:te,...v}=t;return a({"k-valid":o,"k-invalid":s,"k-hover":b,"k-focus":c,"k-checked":R,"k-active":M,"k-selected":k,"k-disabled":X,"k-indeterminate":Y&&!R,"k-loading":Z,"k-empty":j,"k-readonly":ee,"k-highlighted":te},Object.keys(v).reduce((O,H)=>(H.startsWith("k-")?O[H]=v[H]:O[`k-${H}`]=v[H],O),{}))};var n={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 se}from"react/jsx-runtime";var I="k-data-table",ae=[],oe={size:[n.undefined,n.small,n.medium,n.large]},le={},x=e=>{let{size:t,...o}=e;return se("div",{...o,className:a(e.className,I,E("k-table",{size:t})),children:e.children})};x.states=ae;x.options=oe;x.className=I;x.defaultOptions=le;x.moduleName=d;x.folderName=i;import{jsx as ie}from"react/jsx-runtime";var _="k-table-header-wrap",re=[r.hover,r.focus,r.disabled],Te={},de={},y=e=>{let{children:t,hover:o,focus:s,disabled:b,...c}=e;return ie("div",{...c,className:a(e.className,_,p(_,{hover:o,focus:s,disabled:b})),children:t})};y.states=re;y.options=Te;y.className=_;y.defaultOptions=de;y.moduleName=d;y.folderName=i;import{jsx as me}from"react/jsx-runtime";var C="k-table",ne=[],be={size:[n.undefined,n.small,n.medium,n.large]},ce={},L=e=>{let{size:t,...o}=e;return me("table",{...o,className:a(e.className,C,E(C,{size:t})),children:e.children})};L.states=ne;L.options=be;L.className=C;L.defaultOptions=ce;L.moduleName=d;L.folderName=i;import{jsx as B}from"react/jsx-runtime";var P="k-table-header",pe=[r.hover,r.focus,r.disabled],xe={},Le={},h=e=>{let{children:t,hover:o,focus:s,disabled:b,...c}=e;return B("div",{...c,className:a(e.className,P,p(P,{hover:o,focus:s,disabled:b})),children:B(y,{children:B(L,{children:t})})})};h.states=pe;h.options=xe;h.className=P;h.defaultOptions=Le;h.moduleName=d;h.folderName=i;import{jsx as Ne}from"react/jsx-runtime";var U="k-table-scroller",he=[],ue={},fe={},A=e=>{let{children:t,...o}=e;return Ne("div",{...o,className:a(e.className,U),children:t})};A.states=he;A.options=ue;A.className=U;A.defaultOptions=fe;A.moduleName=d;A.folderName=i;import{jsx as Re}from"react/jsx-runtime";var we="k-table-body",g=e=>Re("div",{className:a(e.className,we,"k-table-scroller"),children:e.children});import{jsx as Ae}from"react/jsx-runtime";var J="k-table-footer",ye=[],De={},Ee={},N=e=>{let{children:t,...o}=e;return Ae("div",{...o,className:a(e.className,J),children:t})};N.states=ye;N.options=De;N.className=J;N.defaultOptions=Ee;N.moduleName=d;N.folderName=i;import{jsx as ge}from"react/jsx-runtime";var z="k-table-list",Me=[],He={size:[n.undefined,n.small,n.medium,n.large]},Ke={},w=e=>{let{size:t,virtualization:o,...s}=e;return ge("ul",{...s,className:a(e.className,"k-table",z,E(z,{size:t}),{"k-virtual-table":o}),children:e.children})};w.states=Me;w.options=He;w.className=z;w.defaultOptions=Ke;w.moduleName=d;w.folderName=i;import{jsx as ke}from"react/jsx-runtime";var Se="k-table-thead",K=e=>ke("thead",{className:a(e.className,Se),children:e.children});import{jsx as Jt}from"react/jsx-runtime";import{jsx as Xt}from"react/jsx-runtime";import{jsx as Oe}from"react/jsx-runtime";var F="k-table-row",ve=[r.hover,r.focus,r.selected,r.disabled,r.highlighted],D=e=>{let{hover:t,focus:o,selected:s,highlighted:b,disabled:c,alt:R,...M}=e;return Oe("tr",{...M,className:a(e.className,F,{"k-table-alt-row":R},p(F,{hover:t,focus:o,disabled:c,selected:s,highlighted:b})),children:e.children})};D.states=ve;D.className=F;import{jsx as Ce}from"react/jsx-runtime";var G="k-table-row",_e=[r.hover,r.focus,r.selected,r.disabled],u=e=>{let{hover:t,focus:o,selected:s,disabled:b,alt:c,...R}=e;return Ce("li",{...R,className:a(e.className,G,{"k-table-alt-row":c},p(G,{hover:t,focus:o,disabled:b,selected:s})),children:e.children})};u.states=_e;u.className=G;import{jsx as Be}from"react/jsx-runtime";var q="k-table-th",f=e=>{let{text:t,colspan:o,rowspan:s,...b}=e,c=t||e.children;return Be("th",{colSpan:o,rowSpan:s,...b,className:a(e.className,q),children:c})};f.className=q;f.moduleName=d;f.folderName=i;import{jsx as ze}from"react/jsx-runtime";var Pe="k-table-th",$=e=>{let{text:t,...o}=e,s=t||e.children;return ze("span",{...o,className:a(e.className,Pe),children:s})};import{jsx as Ge}from"react/jsx-runtime";var W="k-table-td",Fe=[r.focus,r.selected,r.highlighted],S=e=>{let{focus:t,selected:o,highlighted:s,text:b,colspan:c,rowspan:R,...M}=e,k=b||e.children;return Ge("td",{colSpan:c,rowSpan:R,...M,className:a(e.className,W,p(W,{focus:t,selected:o,highlighted:s})),children:k})};S.states=Fe;S.className=W;import{jsx as We}from"react/jsx-runtime";var $e="k-table-td",T=e=>{let{text:t,...o}=e,s=t||e.children;return We("span",{...o,className:a(e.className,$e),children:s})};import{jsx as fa}from"react/jsx-runtime";import{jsx as Ue}from"react/jsx-runtime";var Ie="k-table-group-sticky-header",V=e=>Ue("div",{className:a(e.className,Ie),children:e.children});import{jsx as Aa}from"react/jsx-runtime";import{jsx as qe}from"react/jsx-runtime";var Je="k-table-group-row",Q=e=>{let{className:t,children:o,...s}=e;return qe("li",{...s,className:a(t,Je),children:o})};import{jsx as va,jsxs as Oa}from"react/jsx-runtime";import{jsx as Pa,jsxs as za}from"react/jsx-runtime";import{Fragment as Ua,jsx as Wa,jsxs as Ia}from"react/jsx-runtime";import{jsx as l,jsxs as m}from"react/jsx-runtime";var wo=e=>m(x,{...e,children:[m(h,{children:[m("colgroup",{children:[l("col",{style:{width:"50px"}}),l("col",{style:{width:"160px"}}),l("col",{})]}),l(K,{children:m(D,{children:[l(f,{text:"ID"}),l(f,{text:"Name"}),l(f,{text:"Job Title"})]})})]}),l(V,{children:l($,{text:"Initial group"})}),l(g,{children:m(w,{children:[m(u,{children:[l(T,{text:"1",style:{width:"50px"}}),l(T,{text:"Data 1.2",style:{width:"160px"}}),l(T,{text:"Data 1.3"})]}),m(u,{alt:!0,children:[l(T,{text:"2",style:{width:"50px"}}),l(T,{text:"Data 2.2 (alt)",style:{width:"160px"}}),l(T,{text:"Data 2.3"})]}),m(u,{children:[l(T,{text:"3",style:{width:"50px"}}),l(T,{text:"Data 3.2",style:{width:"160px"}}),l(T,{text:"Data 3.3"})]}),l(Q,{children:l($,{text:"Group"})}),m(u,{children:[l(T,{text:"4",style:{width:"50px"}}),l(T,{text:"Data 4.2",style:{width:"160px"}}),l(T,{text:"Data 4.3"})]}),m(u,{alt:!0,children:[l(T,{text:"5",style:{width:"50px"}}),l(T,{text:"Data 5.2 (alt)",style:{width:"160px"}}),l(T,{text:"Data 5.3"})]}),m(u,{children:[l(T,{text:"6",style:{width:"50px"}}),l(T,{text:"Data 6.2",style:{width:"160px"}}),l(T,{text:"Data 6.3"})]})]})}),l(N,{children:l(T,{text:"30 records in total"})})]});export{wo as DataTableList};