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