@progress/kendo-themes-html/dist/cjs/table/templates/table-list-virtualization.js

A collection of HTML helpers used for developing Kendo UI themes

var _=Object.defineProperty;var Le=Object.getOwnPropertyDescriptor;var he=Object.getOwnPropertyNames;var fe=Object.prototype.hasOwnProperty;var ue=(e,t)=>{for(var l in t)_(e,l,{get:t[l],enumerable:!0})},Ne=(e,t,l,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of he(t))!fe.call(e,i)&&i!==l&&_(e,i,{get:()=>t[i],enumerable:!(r=Le(t,i))||r.enumerable});return e};var we=e=>Ne(_({},"__esModule",{value:!0}),e);var st={};ue(st,{DataTableVirtualization:()=>lt});module.exports=we(st);var o=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?o(...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)=>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"}),p=(e,t)=>{let{valid:l,invalid:r,hover:i,focus:c,checked:N,active:M,selected:k,disabled:ne,indeterminate:be,loading:ce,empty:me,readonly:pe,highlighted:xe,...v}=t;return o({"k-valid":l,"k-invalid":r,"k-hover":i,"k-focus":c,"k-checked":N,"k-active":M,"k-selected":k,"k-disabled":ne,"k-indeterminate":be&&!N,"k-loading":ce,"k-empty":me,"k-readonly":pe,"k-highlighted":xe},Object.keys(v).reduce((O,A)=>(A.startsWith("k-")?O[A]=v[A]:O[`k-${A}`]=v[A],O),{}))};var m={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 d="table",n=d;var J=require("react/jsx-runtime"),U="k-data-table",Re=[],ye={size:[m.small,m.medium,m.large]},I={size:m.medium},x=e=>{let{size:t=I.size,...l}=e;return(0,J.jsx)("div",{...l,className:o(e.className,U,D("k-table",{size:t})),children:e.children})};x.states=Re;x.options=ye;x.className=U;x.defaultOptions=I;x.moduleName=d;x.folderName=n;var q=require("react/jsx-runtime"),C="k-table-header-wrap",De=[T.hover,T.focus,T.disabled],Ee={},Me={},w=e=>{let{children:t,hover:l,focus:r,disabled:i,...c}=e;return(0,q.jsx)("div",{...c,className:o(e.className,C,p(C,{hover:l,focus:r,disabled:i})),children:t})};w.states=De;w.options=Ee;w.className=C;w.defaultOptions=Me;w.moduleName=d;w.folderName=n;var V=require("react/jsx-runtime"),B="k-table",Ae=[],He={size:[m.small,m.medium,m.large]},Ke={},L=e=>{let{size:t,...l}=e;return(0,V.jsx)("table",{...l,className:o(e.className,B,D(B,{size:t})),children:e.children})};L.states=Ae;L.options=He;L.className=B;L.defaultOptions=Ke;L.moduleName=d;L.folderName=n;var K=require("react/jsx-runtime"),z="k-table-header",ge=[T.hover,T.focus,T.disabled],Se={},ke={},h=e=>{let{children:t,hover:l,focus:r,disabled:i,...c}=e;return(0,K.jsx)("div",{...c,className:o(e.className,z,p(z,{hover:l,focus:r,disabled:i})),children:(0,K.jsx)(w,{children:(0,K.jsx)(L,{children:t})})})};h.states=ge;h.options=Se;h.className=z;h.defaultOptions=ke;h.moduleName=d;h.folderName=n;var X=require("react/jsx-runtime"),Q="k-table-scroller",ve=[],Oe={},_e={},E=e=>{let{children:t,...l}=e;return(0,X.jsx)("div",{...l,className:o(e.className,Q),children:t})};E.states=ve;E.options=Oe;E.className=Q;E.defaultOptions=_e;E.moduleName=d;E.folderName=n;var Y=require("react/jsx-runtime"),Ce="k-table-body",g=e=>(0,Y.jsx)("div",{className:o(e.className,Ce,"k-table-scroller"),children:e.children});var j=require("react/jsx-runtime"),Z="k-table-footer",Be=[],ze={},Pe={},R=e=>{let{children:t,...l}=e;return(0,j.jsx)("div",{...l,className:o(e.className,Z),children:t})};R.states=Be;R.options=ze;R.className=Z;R.defaultOptions=Pe;R.moduleName=d;R.folderName=n;var ee=require("react/jsx-runtime"),P="k-table-list",Fe=[],Ge={size:[m.small,m.medium,m.large]},$e={},u=e=>{let{size:t,virtualization:l,...r}=e;return(0,ee.jsx)("ul",{...r,className:o(e.className,"k-table",P,D(P,{size:t}),{"k-virtual-table":l}),children:e.children})};u.states=Fe;u.options=Ge;u.className=P;u.defaultOptions=$e;u.moduleName=d;u.folderName=n;var te=require("react/jsx-runtime"),We="k-table-thead",H=e=>(0,te.jsx)("thead",{className:o(e.className,We),children:e.children});var Ue=require("react/jsx-runtime");var Ie=require("react/jsx-runtime");var ae=require("react/jsx-runtime"),F="k-table-row",Je=[T.hover,T.focus,T.selected,T.disabled,T.highlighted],y=e=>{let{hover:t,focus:l,selected:r,highlighted:i,disabled:c,alt:N,...M}=e;return(0,ae.jsx)("tr",{...M,className:o(e.className,F,{"k-table-alt-row":N},p(F,{hover:t,focus:l,disabled:c,selected:r,highlighted:i})),children:e.children})};y.states=Je;y.className=F;var oe=require("react/jsx-runtime"),G="k-table-row",qe=[T.hover,T.focus,T.selected,T.disabled],b=e=>{let{hover:t,focus:l,selected:r,disabled:i,alt:c,...N}=e;return(0,oe.jsx)("li",{...N,className:o(e.className,G,{"k-table-alt-row":c},p(G,{hover:t,focus:l,disabled:i,selected:r})),children:e.children})};b.states=qe;b.className=G;var se=require("react/jsx-runtime"),le="k-table-th",f=e=>{let{text:t,colspan:l,rowspan:r,...i}=e,c=t||e.children;return(0,se.jsx)("th",{colSpan:l,rowSpan:r,...i,className:o(e.className,le),children:c})};f.className=le;f.moduleName=d;f.folderName=n;var Ve=require("react/jsx-runtime");var Te=require("react/jsx-runtime"),$="k-table-td",Qe=[T.focus,T.selected,T.highlighted],S=e=>{let{focus:t,selected:l,highlighted:r,text:i,colspan:c,rowspan:N,...M}=e,k=i||e.children;return(0,Te.jsx)("td",{colSpan:c,rowSpan:N,...M,className:o(e.className,$,p($,{focus:t,selected:l,highlighted:r})),children:k})};S.states=Qe;S.className=$;var re=require("react/jsx-runtime"),Xe="k-table-td",s=e=>{let{text:t,...l}=e,r=t||e.children;return(0,re.jsx)("span",{...l,className:o(e.className,Xe),children:r})};var Ye=require("react/jsx-runtime");var Ze=require("react/jsx-runtime");var je=require("react/jsx-runtime");var et=require("react/jsx-runtime");var ie=require("react/jsx-runtime");var de=require("react/jsx-runtime");var W=require("react/jsx-runtime");var a=require("react/jsx-runtime"),lt=e=>(0,a.jsxs)(x,{...e,children:[(0,a.jsxs)(h,{children:[(0,a.jsxs)("colgroup",{children:[(0,a.jsx)("col",{style:{width:"50px"}}),(0,a.jsx)("col",{style:{width:"160px"}}),(0,a.jsx)("col",{})]}),(0,a.jsx)(H,{children:(0,a.jsxs)(y,{children:[(0,a.jsx)(f,{text:"ID"}),(0,a.jsx)(f,{text:"Name"}),(0,a.jsx)(f,{text:"Job Title"})]})})]}),(0,a.jsx)(g,{children:(0,a.jsxs)(u,{virtualization:!0,children:[(0,a.jsxs)(b,{children:[(0,a.jsx)(s,{text:"1",style:{width:"50px"}}),(0,a.jsx)(s,{text:"Data 1.2",style:{width:"160px"}}),(0,a.jsx)(s,{text:"Data 1.3"})]}),(0,a.jsxs)(b,{alt:!0,children:[(0,a.jsx)(s,{text:"2",style:{width:"50px"}}),(0,a.jsx)(s,{text:"Data 2.2 (alt)",style:{width:"160px"}}),(0,a.jsx)(s,{text:"Data 2.3"})]}),(0,a.jsxs)(b,{children:[(0,a.jsx)(s,{text:"3",style:{width:"50px"}}),(0,a.jsx)(s,{text:"Data 3.2",style:{width:"160px"}}),(0,a.jsx)(s,{text:"Data 3.3"})]}),(0,a.jsxs)(b,{children:[(0,a.jsx)(s,{text:"4",style:{width:"50px"}}),(0,a.jsx)(s,{text:"Data 4.2",style:{width:"160px"}}),(0,a.jsx)(s,{text:"Data 4.3"})]}),(0,a.jsxs)(b,{alt:!0,children:[(0,a.jsx)(s,{text:"5",style:{width:"50px"}}),(0,a.jsx)(s,{text:"Data 5.2 (alt)",style:{width:"160px"}}),(0,a.jsx)(s,{text:"Data 5.3"})]}),(0,a.jsxs)(b,{children:[(0,a.jsx)(s,{text:"6",style:{width:"50px"}}),(0,a.jsx)(s,{text:"Data 6.2",style:{width:"160px"}}),(0,a.jsx)(s,{text:"Data 6.3"})]}),(0,a.jsxs)(b,{children:[(0,a.jsx)(s,{text:"7",style:{width:"50px"}}),(0,a.jsx)(s,{text:"Data 7.2",style:{width:"160px"}}),(0,a.jsx)(s,{text:"Data 7.3"})]}),(0,a.jsxs)(b,{children:[(0,a.jsx)(s,{text:"8",style:{width:"50px"}}),(0,a.jsx)(s,{text:"Data 8.2",style:{width:"160px"}}),(0,a.jsx)(s,{text:"Data 8.3"})]}),(0,a.jsxs)(b,{children:[(0,a.jsx)(s,{text:"9",style:{width:"50px"}}),(0,a.jsx)(s,{text:"Data 9.2",style:{width:"160px"}}),(0,a.jsx)(s,{text:"Data 9.3"})]}),(0,a.jsxs)(b,{children:[(0,a.jsx)(s,{text:"10",style:{width:"50px"}}),(0,a.jsx)(s,{text:"Data 10.2",style:{width:"160px"}}),(0,a.jsx)(s,{text:"Data 10.3"})]}),(0,a.jsxs)(b,{children:[(0,a.jsx)(s,{text:"11",style:{width:"50px"}}),(0,a.jsx)(s,{text:"Data 11.2",style:{width:"160px"}}),(0,a.jsx)(s,{text:"Data 11.3"})]})]})})]});