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