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