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

A collection of HTML helpers used for developing Kendo UI themes

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