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