@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 17.5 kB
JavaScript
var Bt=Object.create;var Le=Object.defineProperty;var wt=Object.getOwnPropertyDescriptor;var Pt=Object.getOwnPropertyNames;var Ft=Object.getPrototypeOf,zt=Object.prototype.hasOwnProperty;var Ut=(e,t)=>{for(var n in t)Le(e,n,{get:t[n],enumerable:!0})},Xe=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of Pt(t))!zt.call(e,i)&&i!==n&&Le(e,i,{get:()=>t[i],enumerable:!(r=wt(t,i))||r.enumerable});return e};var Wt=(e,t,n)=>(n=e!=null?Bt(Ft(e)):{},Xe(t||!e||!e.__esModule?Le(n,"default",{value:e,enumerable:!0}):n,e)),$t=e=>Xe(Le({},"__esModule",{value:!0}),e);var Yo={};Ut(Yo,{TimelineHorizontal:()=>qo});module.exports=$t(Yo);var o=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?o(...t):typeof t=="object"?Object.keys(t).map((n,r)=>t[r]||t[n]&&n||null).filter(n=>n!==null).join(" "):t).filter(t=>!!t).join(" ");var R=(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:n,invalid:r,hover:i,focus:f,checked:l,active:C,selected:N,disabled:$,indeterminate:Ie,loading:Se,empty:_e,readonly:ae,highlighted:V,...ie}=t;return o({"k-valid":n,"k-invalid":r,"k-hover":i,"k-focus":f,"k-checked":l,"k-active":C,"k-selected":N,"k-disabled":$,"k-indeterminate":Ie&&!l,"k-loading":Se,"k-empty":_e,"k-readonly":ae,"k-highlighted":V},Object.keys(ie).reduce((se,w)=>(w.startsWith("k-")?se[w]=ie[w]:se[`k-${w}`]=ie[w],se),{}))};function qe(e,t){if(!t)return{};let n=Array.isArray(t)?t:[t];return Object.fromEntries(n.map(r=>[`k-${r}`,!0]))}var s={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},G={small:"small",medium:"medium",large:"large",full:"full"},P={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},a={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},m={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"},Ye={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var c="timeline",d=c;var me=require("react/jsx-runtime"),le="k-timeline",Vt=[],Gt={},Ze={orientation:"vertical"},A=e=>{let{orientation:t=Ze.orientation,collapsibleEvents:n,alternatingMode:r,...i}=e;return(0,me.jsx)("div",{...i,className:o(e.className,le,{[`${le}-${t}`]:t,[`${le}-alternating`]:r,[`${le}-collapsible`]:n}),children:(0,me.jsx)(me.Fragment,{children:e.children})})};A.states=Vt;A.options=Gt;A.className=le;A.defaultOptions=Ze;A.moduleName=c;A.folderName=d;var Qe=require("react/jsx-runtime"),Jt="k-card-callout",Ae=e=>{let{callout:t,...n}=e;return(0,Qe.jsx)("span",{...n,className:o(e.className,Jt,{[`k-callout-${Ye.calloutMap[t]||t}`]:t})})};var E="card",L=E;var F=require("react/jsx-runtime"),xe="k-card",Xt=[m.hover,m.focus,m.selected,m.disabled],qt={themeColor:[a.primary,a.success,a.warning,a.error,a.info]},Yt={},b=e=>{let{orientation:t,themeColor:n,callout:r,hover:i,focus:f,selected:l,disabled:C,...N}=e;return(0,F.jsxs)("div",{...N,className:o(e.className,xe,R(xe,{themeColor:n}),M(xe,{hover:i,focus:f,disabled:C,selected:l}),{[`k-card-${t}`]:t,"k-card-with-callout":r}),children:[r&&r!=="true"&&(0,F.jsx)(Ae,{callout:r}),(0,F.jsx)(F.Fragment,{children:e.children})]})};b.states=Xt;b.options=qt;b.className=xe;b.defaultOptions=Yt;b.moduleName=E;b.folderName=L;var ce=require("react/jsx-runtime"),ge="k-card-list",Zt=[],Qt={},jt={},J=e=>{let{...t}=e;return(0,ce.jsx)("div",{...t,className:o(e.className,ge,M(ge,{})),children:(0,ce.jsx)(ce.Fragment,{children:e.children})})};J.states=Zt;J.options=Qt;J.className=ge;J.defaultOptions=jt;J.moduleName=E;J.folderName=L;var et=require("react/jsx-runtime"),je="k-card-group",eo=[],to={},oo={},X=e=>{let{...t}=e;return(0,et.jsx)("div",{...t,className:o(e.className,je),children:e.children})};X.states=eo;X.options=to;X.className=je;X.defaultOptions=oo;X.moduleName=E;X.folderName=L;var tt=require("react/jsx-runtime"),Ke="k-card-wrap",no=[m.focus,m.selected],ro={},ao={},q=e=>{let{focus:t,selected:n,...r}=e;return(0,tt.jsx)("div",{...r,className:o(e.className,Ke,M(Ke,{focus:t,selected:n})),children:e.children})};q.states=no;q.options=ro;q.className=Ke;q.defaultOptions=ao;q.moduleName=E;q.folderName=L;var ot=require("react/jsx-runtime"),De="k-card-title",io=[m.hover,m.focus],Y=e=>{let{hover:t,focus:n,...r}=e;return(0,ot.jsx)("div",{...r,className:o(e.className,De,M(De,{hover:t,focus:n})),children:e.children})};Y.states=io;Y.className=De;var nt=require("react/jsx-runtime"),so="k-card-subtitle",y=e=>{let{...t}=e;return(0,nt.jsx)("div",{...t,className:o(e.className,so),children:e.children})};var rt=require("react/jsx-runtime");var de=require("react/jsx-runtime"),Re="k-font-icon",lo=[],mo={size:[s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[a.base,a.primary,a.secondary,a.tertiary,a.success,a.warning,a.error,a.info,a.light,a.dark]},co={},pe=e=>{let{size:t,themeColor:n,icon:r,rotate:i,flip:f,...l}=e;return r?(0,de.jsx)("span",{...l,className:o(e.className,Re,R(Re,{size:t}),{[`k-i-${r}`]:r,[`k-color-${n}`]:n,[`k-rotate-${i}`]:i,"k-flip-h":f==="h"||f==="both","k-flip-v":f==="v"||f==="both"})}):(0,de.jsx)(de.Fragment,{})};pe.states=lo;pe.options=mo;pe.className=Re;pe.defaultOptions=co;var at=pe;var z=require("react/jsx-runtime"),ye="k-svg-icon",po=[],uo={size:[s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[a.base,a.primary,a.secondary,a.tertiary,a.success,a.warning,a.error,a.info,a.light,a.dark]},it={viewBox:"0 0 24 24"},ue=e=>{let{size:t,themeColor:n,rotate:r,flip:i,viewBox:f=it.viewBox,icon:l,...C}=e;if(!l)return(0,z.jsx)(z.Fragment,{});l==="none"&&{...C,className:o(e.className,ye,"k-none")};let N=typeof l=="object"&&l.name&&l.name;return(0,z.jsx)("span",{...C,className:o(e.className,ye,R("k-icon",{size:t}),{[`k-svg-i-${N}`]:N,[`k-color-${n}`]:n,[`k-rotate-${r}`]:r,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),children:(0,z.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof l=="object"?l.viewBox:f,dangerouslySetInnerHTML:typeof l=="object"?{__html:l.content}:void 0,children:l?void 0:e.children})})};ue.states=po;ue.options=uo;ue.className=ye;ue.defaultOptions=it;var He=ue;var Be=Wt(require("@progress/kendo-svg-icons"));var st="icon",lt="icons";var _=require("react/jsx-runtime"),he="k-icon",fo=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),No=[],To={size:[s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[a.base,a.primary,a.secondary,a.tertiary,a.success,a.warning,a.error,a.info,a.light,a.dark]},we={viewBox:"0 0 24 24",type:"svg"},x=e=>{let{size:t,themeColor:n,icon:r,type:i=we.type,rotate:f,flip:l,viewBox:C=we.viewBox,...N}=e;if(!r)return(0,_.jsx)(_.Fragment,{});if(i==="svg"){if(r==="none")return(0,_.jsx)(He,{...N,className:o(e.className,he),icon:r,size:t});let $=Be[r]?r:fo(`${r}-icon`);return Be[$]?(0,_.jsx)(He,{...N,className:o(e.className,he),icon:Be[$],size:t,themeColor:n,rotate:f,flip:l,viewBox:C}):(0,_.jsx)(_.Fragment,{})}return(0,_.jsx)(at,{...N,className:o(e.className,he),icon:r,size:t,themeColor:n,rotate:f,flip:l})};x.states=No;x.options=To;x.defaultOptions=we;x.className=he;x.moduleName=st;x.folderName=lt;var Pe="button",mt=Pe;var h=require("react/jsx-runtime"),fe="k-button",Eo=["icon-button"],Co=[m.hover,m.focus,m.active,m.selected,m.disabled,m.generating],Mo={size:[s.small,s.medium,s.large],rounded:[G.small,G.medium,G.large,G.full],fillMode:[P.solid,P.flat,P.outline,P.clear,P.link],themeColor:[a.base,a.primary,a.secondary,a.tertiary,a.success,a.warning,a.error,a.info,a.light,a.dark,a.inverse]},U={size:s.medium,rounded:G.medium,fillMode:P.solid,themeColor:a.base,showArrow:!1,arrowIconName:"caret-alt-down"},u=e=>{let{size:t=U.size,rounded:n=U.rounded,fillMode:r=U.fillMode,themeColor:i=U.themeColor,showArrow:f=U.showArrow,arrowIconName:l=U.arrowIconName,variant:C,hover:N,focus:$,active:Ie,selected:Se,disabled:_e,icon:ae,text:V,iconClassName:ie,...se}=e,w=ae!==void 0,Ht=e.children!==void 0;return(0,h.jsxs)("button",{...se,className:o(e.className,fe,qe(fe,C),R(fe,{size:t,rounded:n,fillMode:r,themeColor:i}),M(fe,{hover:N,focus:$,active:Ie,disabled:_e,selected:Se}),{"k-icon-button":!V&&!Ht&&w}),children:[ae&&(0,h.jsx)(x,{className:o(ie,"k-button-icon"),icon:ae}),V?(0,h.jsxs)(h.Fragment,{children:[V&&(0,h.jsx)("span",{className:"k-button-text",children:V}),e.children]}):e.children&&(0,h.jsx)("span",{className:"k-button-text",children:e.children}),f&&(0,h.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,h.jsx)(x,{icon:l})})]})};u.states=Co;u.options=Mo;u.variants=Eo;u.className=fe;u.defaultOptions=U;u.moduleName=Pe;u.folderName=mt;var Lo=require("react/jsx-runtime");var Ao=require("react/jsx-runtime");var xo=require("react/jsx-runtime");var k=require("react/jsx-runtime"),ho="k-card-header",Ne=e=>{let{title:t,subtitle:n,details:r,...i}=e;return(0,k.jsxs)("div",{...i,className:o(e.className,ho),children:[t&&(0,k.jsx)(Y,{children:t}),n&&(0,k.jsx)(y,{children:n}),(0,k.jsx)(k.Fragment,{children:e.children}),r&&(0,k.jsx)("span",{className:"k-card-header-actions",children:(0,k.jsx)(u,{className:"k-card-details",icon:"more-vertical",rounded:"medium",size:"medium",fillMode:"flat",themeColor:"base"})})]})};var vo=require("react/jsx-runtime");var O=require("react/jsx-runtime"),bo="k-card-body",Z=e=>{let{title:t,subtitle:n,details:r,...i}=e;return(0,O.jsxs)("div",{...i,className:o(e.className,bo),children:[t&&(0,O.jsx)(Y,{children:t}),n&&(0,O.jsx)(y,{children:n}),(0,O.jsx)(O.Fragment,{children:e.children}),r&&(0,O.jsx)("span",{className:"k-card-header-actions",children:(0,O.jsx)(u,{className:"k-card-details",icon:"more-vertical",rounded:"medium",size:"medium",fillMode:"flat",themeColor:"base"})})]})};var dt=require("react/jsx-runtime"),ct="k-card-deck",ko=[],Oo={},Io={},Q=e=>{let{...t}=e;return(0,dt.jsx)("div",{...t,className:o(e.className,ct),children:e.children})};Q.states=ko;Q.options=Oo;Q.className=ct;Q.defaultOptions=Io;Q.moduleName=E;Q.folderName=L;var ut=require("react/jsx-runtime"),pt="k-card-deck-scrollwrap",So=[],_o={},go={},j=e=>{let{...t}=e;return(0,ut.jsx)("div",{...t,className:o(e.className,pt),children:e.children})};j.states=So;j.options=_o;j.className=pt;j.defaultOptions=go;j.moduleName=E;j.folderName=L;var Fe="action-buttons",ft=Fe;var Nt=require("react/jsx-runtime"),ve="k-actions",Ko=[],Do={},ze={alignment:"start",orientation:"horizontal"},H=e=>{let{alignment:t=ze.alignment,orientation:n=ze.orientation,...r}=e;return(0,Nt.jsx)("div",{...r,className:o(ve,{[`${ve}-${t}`]:t,[`${ve}-${n}`]:n},e.className),children:e.children})};H.states=Ko;H.options=Do;H.className=ve;H.defaultOptions=ze;H.moduleName=Fe;H.folderName=ft;var Ue=require("react/jsx-runtime");var We=require("react/jsx-runtime");var T=require("react/jsx-runtime"),Tt="k-timeline-event",Ro=[],yo={},ee={collapsed:!1,reverse:!1,title:"Event title",subtitle:"Event subtitle",content:"Event content"},g=e=>{let{date:t,content:n=ee.content,collapsed:r=ee.collapsed,reverse:i=ee.reverse,title:f=ee.title,subtitle:l=ee.subtitle,showCollapseButton:C,...N}=e;return(0,T.jsxs)("li",{...N,className:o(e.className,Tt,{"k-reverse":i}),children:[t&&(0,T.jsx)("div",{className:"k-timeline-date-wrap",children:(0,T.jsx)("span",{className:"k-timeline-date",children:t})}),(0,T.jsx)(K,{}),n&&(0,T.jsx)("div",{className:o("k-timeline-card",{"k-collapsed":r}),children:(0,T.jsx)(te,{...i?{callout:"right"}:{callout:"left"},children:(0,T.jsxs)("div",{className:"k-card-inner",children:[(0,T.jsxs)(Ne,{children:[(0,T.jsx)(W,{collapsible:C,children:f}),(0,T.jsx)(y,{children:l})]}),(0,T.jsx)(Z,{children:(0,T.jsx)("div",{className:"k-card-description",children:n})})]})})}),e.children]})};g.states=Ro;g.options=yo;g.className=Tt;g.defaultOptions=ee;g.moduleName=c;g.folderName=d;var v=require("react/jsx-runtime"),Et="k-timeline-event",Ho=[],Bo={},be={title:"Event title",subtitle:"Event subtitle",content:"Event content"},B=e=>{let{content:t=be.content,title:n=be.title,subtitle:r=be.subtitle,...i}=e;return(0,v.jsxs)("li",{...i,className:o(e.className,Et),children:[t&&(0,v.jsx)("div",{className:o("k-timeline-card"),children:(0,v.jsx)(te,{orientation:"vertical",callout:"top",children:(0,v.jsxs)("div",{className:"k-card-inner",children:[(0,v.jsxs)(Ne,{children:[(0,v.jsx)(W,{children:n}),(0,v.jsx)(y,{children:r})]}),(0,v.jsx)(Z,{children:(0,v.jsx)("div",{className:"k-card-description",children:t})})]})})}),e.children]})};B.states=Ho;B.options=Bo;B.className=Et;B.defaultOptions=be;B.moduleName=c;B.folderName=d;var $e=require("react/jsx-runtime"),Ct="k-timeline-events-list",Te=e=>{let{...t}=e;return(0,$e.jsx)("div",{...t,className:o(e.className,Ct),children:(0,$e.jsx)("ul",{className:"k-timeline-scrollable-wrap",children:e.children})})};Te.className=Ct;Te.moduleName=c;Te.folderName=d;var ke=require("react/jsx-runtime"),Mt="k-timeline-flag-wrap",wo=[m.focus,m.selected],Po={},Lt={year:"2020"},D=e=>{let{year:t=Lt.year,...n}=e;return(0,ke.jsxs)("li",{...n,className:o(e.className,Mt),children:[(0,ke.jsx)("span",{className:"k-timeline-flag",children:t}),e.children]})};D.states=wo;D.options=Po;D.className=Mt;D.defaultOptions=Lt;D.moduleName=c;D.folderName=d;var xt=require("react/jsx-runtime"),At="k-timeline-circle",K=e=>{let{...t}=e;return(0,xt.jsx)("span",{...t,className:o(e.className,At)})};K.className=At;K.moduleName=c;K.folderName=d;var vt=require("react/jsx-runtime"),ht="k-timeline-flag",oe=e=>{let{content:t,...n}=e;return(0,vt.jsx)("span",{...n,className:o(e.className,ht),children:t})};oe.className=ht;oe.moduleName=c;oe.folderName=d;var Oe=require("react/jsx-runtime"),Fo=[],zo={},te=e=>{let{callout:t,children:n,...r}=e;return(0,Oe.jsxs)(b,{className:o(e.className),orientation:"vertical",callout:"true",...r,children:[t&&(0,Oe.jsx)(Ee,{callout:t}),n]})};te.states=Fo;te.defaultOptions=zo;var ne=require("react/jsx-runtime"),bt="k-card-title",Uo=[],Wo={},W=e=>{let{collapsible:t,children:n,...r}=e;return(0,ne.jsxs)("div",{className:o(e.className,bt),...r,children:[(0,ne.jsx)("span",{className:"k-event-title",children:n}),t&&(0,ne.jsx)("span",{className:"k-event-collapse k-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-icon-button",children:(0,ne.jsx)(x,{icon:"chevron-right",className:"k-button-icon"})})]})};W.states=Uo;W.className=bt;W.defaultOptions=Wo;var Ot=require("react/jsx-runtime"),kt="k-timeline-card-callout",$o=[],Vo={},Ee=e=>{let{...t}=e;return(0,Ot.jsx)(Ae,{className:o(e.className,kt),...t})};Ee.states=$o;Ee.className=kt;Ee.defaultOptions=Vo;var Ve=require("react/jsx-runtime"),It="k-timeline-date-wrap",Go=[],Jo={},St={date:"May 25, 2008"},I=e=>{let{date:t=St.date,...n}=e;return(0,Ve.jsx)("div",{...n,className:o(e.className,It),children:(0,Ve.jsx)("span",{className:"k-timeline-date",children:t})})};I.states=Go;I.options=Jo;I.className=It;I.defaultOptions=St;I.moduleName=c;I.folderName=d;var re=require("react/jsx-runtime"),_t="k-timeline-track-wrap",Ce=e=>{let{...t}=e;return(0,re.jsxs)("div",{...t,className:o(e.className,_t),children:[(0,re.jsx)(u,{className:"k-timeline-arrow k-timeline-arrow-left",rounded:"full",icon:"caret-alt-left",disabled:!0}),(0,re.jsx)(u,{className:"k-timeline-arrow k-timeline-arrow-right",rounded:"full",icon:"caret-alt-right"}),(0,re.jsx)(Me,{children:e.children})]})};Ce.className=_t;Ce.moduleName=c;Ce.folderName=d;var Ge=require("react/jsx-runtime"),gt="k-timeline-track",Me=e=>{let{...t}=e;return(0,Ge.jsx)("div",{...t,className:o(e.className,gt),children:(0,Ge.jsx)("ul",{className:"k-timeline-scrollable-wrap",children:e.children})})};Me.className=gt;Me.moduleName=c;Me.folderName=d;var Kt=require("react/jsx-runtime"),Je="k-timeline-track-item",Xo=[m.focus],S=e=>{let{content:t,focus:n,...r}=e;return(0,Kt.jsxs)("li",{...r,className:o(e.className,Je,M(Je,{focus:n})),children:[t,e.children]})};S.states=Xo;S.className=Je;S.moduleName=c;S.folderName=d;var Dt=require("react/jsx-runtime");var Rt=require("react/jsx-runtime");var yt=require("react/jsx-runtime");var p=require("react/jsx-runtime"),qo=e=>(0,p.jsx)(A,{orientation:"horizontal",children:(0,p.jsxs)(p.Fragment,{children:[(0,p.jsxs)(Ce,{children:[(0,p.jsx)(S,{className:"k-timeline-flag-wrap",children:(0,p.jsx)(oe,{content:"2015"})}),(0,p.jsxs)(S,{children:[(0,p.jsx)(I,{date:"Jan 14, 2015"}),(0,p.jsx)(K,{})]}),(0,p.jsxs)(S,{focus:!0,children:[(0,p.jsx)(I,{date:"Jun 1, 2015"}),(0,p.jsx)(K,{})]}),(0,p.jsxs)(S,{children:[(0,p.jsx)(I,{date:"Sep 29, 2015"}),(0,p.jsx)(K,{})]}),(0,p.jsx)(S,{className:"k-timeline-flag-wrap",children:(0,p.jsx)(oe,{content:"2016"})})]}),(0,p.jsx)(Te,{children:(0,p.jsx)(B,{})})]}),...e});