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