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