@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 15.9 kB
JavaScript
var r=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?r(...e):typeof e=="object"?Object.keys(e).map((n,s)=>e[s]||e[n]&&n||null).filter(n=>n!==null).join(" "):e).filter(e=>!!e).join(" ");var S=(t,e)=>r({[`${t}-xs`]:e.size==="xsmall",[`${t}-sm`]:e.size==="small",[`${t}-md`]:e.size==="medium",[`${t}-lg`]:e.size==="large",[`${t}-xl`]:e.size==="xlarge",[`${t}-xxl`]:e.size==="xxlarge",[`${t}-xxxl`]:e.size==="xxxlarge"},{[`${t}-${e.fillMode}`]:e.fillMode},{[`${t}-${e.fillMode}-${e.themeColor}`]:e.fillMode&&e.themeColor},{[`${t}-${e.themeColor}`]:e.themeColor&&e.fillMode===void 0},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full"}),H=(t,e)=>{let{valid:n,invalid:s,hover:m,focus:l,checked:i,active:d,selected:p,disabled:x,indeterminate:M,loading:I,empty:w,readonly:C,highlighted:N,...T}=e;return r({"k-valid":n,"k-invalid":s,"k-hover":m,"k-focus":l,"k-checked":i,"k-active":d,"k-selected":p,"k-disabled":x,"k-indeterminate":M&&!i,"k-loading":I,"k-empty":w,"k-readonly":C,"k-highlighted":N},Object.keys(T).reduce((b,h)=>(h.startsWith("k-")?b[h]=T[h]:b[`k-${h}`]=T[h],b),{}))};function Se(t,e){if(!e)return{};let n=Array.isArray(e)?e:[e];return Object.fromEntries(n.map(s=>[`k-${s}`,!0]))}var a={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},L={small:"small",medium:"medium",large:"large",full:"full"},A={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},o={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},c={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 ce="action-buttons",ge=ce;import{jsx as pt}from"react/jsx-runtime";var oe="k-actions",mt=[],ct={},pe={alignment:"start",orientation:"horizontal"},R=t=>{let{alignment:e=pe.alignment,orientation:n=pe.orientation,...s}=t;return pt("div",{...s,className:r(oe,{[`${oe}-${e}`]:e,[`${oe}-${n}`]:n},t.className),children:t.children})};R.states=mt;R.options=ct;R.className=oe;R.defaultOptions=pe;R.moduleName=ce;R.folderName=ge;import{Fragment as Mt,jsx as ye}from"react/jsx-runtime";var de="k-font-icon",dt=[],ut={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},ft={},q=t=>{let{size:e,themeColor:n,icon:s,rotate:m,flip:l,...i}=t;return s?ye("span",{...i,className:r(t.className,de,S(de,{size:e}),{[`k-i-${s}`]:s,[`k-color-${n}`]:n,[`k-rotate-${m}`]:m,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"})}):ye(Mt,{})};q.states=dt;q.options=ut;q.className=de;q.defaultOptions=ft;var Ke=q;import{Fragment as ht,jsx as ne}from"react/jsx-runtime";var ue="k-svg-icon",Nt=[],xt={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},Re={viewBox:"0 0 24 24"},Q=t=>{let{size:e,themeColor:n,rotate:s,flip:m,viewBox:l=Re.viewBox,icon:i,...d}=t;if(!i)return ne(ht,{});i==="none"&&{...d,className:r(t.className,ue,"k-none")};let p=typeof i=="object"&&i.name&&i.name;return ne("span",{...d,className:r(t.className,ue,S("k-icon",{size:e}),{[`k-svg-i-${p}`]:p,[`k-color-${n}`]:n,[`k-rotate-${s}`]:s,"k-flip-h":m==="h"||m==="both","k-flip-v":m==="v"||m==="both"}),children:ne("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof i=="object"?i.viewBox:l,dangerouslySetInnerHTML:typeof i=="object"?{__html:i.content}:void 0,children:i?void 0:t.children})})};Q.states=Nt;Q.options=xt;Q.className=ue;Q.defaultOptions=Re;var fe=Q;import*as Me from"@progress/kendo-svg-icons";var Be="icon",Pe="icons";import{Fragment as De,jsx as Y}from"react/jsx-runtime";var re="k-icon",At=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),Et=[],It={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},Ne={viewBox:"0 0 24 24",type:"svg"},f=t=>{let{size:e,themeColor:n,icon:s,type:m=Ne.type,rotate:l,flip:i,viewBox:d=Ne.viewBox,...p}=t;if(!s)return Y(De,{});if(m==="svg"){if(s==="none")return Y(fe,{...p,className:r(t.className,re),icon:s,size:e});let x=Me[s]?s:At(`${s}-icon`);return Me[x]?Y(fe,{...p,className:r(t.className,re),icon:Me[x],size:e,themeColor:n,rotate:l,flip:i,viewBox:d}):Y(De,{})}return Y(Ke,{...p,className:r(t.className,re),icon:s,size:e,themeColor:n,rotate:l,flip:i})};f.states=Et;f.options=It;f.defaultOptions=Ne;f.className=re;f.moduleName=Be;f.folderName=Pe;var xe="button",Ue=xe;import{Fragment as wt,jsx as j,jsxs as He}from"react/jsx-runtime";var ee="k-button",bt=["icon-button"],Lt=[c.hover,c.focus,c.active,c.selected,c.disabled,c.generating],Ot={size:[a.small,a.medium,a.large],rounded:[L.small,L.medium,L.large,L.full],fillMode:[A.solid,A.flat,A.outline,A.clear,A.link],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark,o.inverse]},z={size:a.medium,rounded:L.medium,fillMode:A.solid,themeColor:o.base,showArrow:!1,arrowIconName:"caret-alt-down"},u=t=>{let{size:e=z.size,rounded:n=z.rounded,fillMode:s=z.fillMode,themeColor:m=z.themeColor,showArrow:l=z.showArrow,arrowIconName:i=z.arrowIconName,variant:d,hover:p,focus:x,active:M,selected:I,disabled:w,icon:C,text:N,iconClassName:T,...b}=t,h=C!==void 0,K=t.children!==void 0;return He("button",{...b,className:r(t.className,ee,Se(ee,d),S(ee,{size:e,rounded:n,fillMode:s,themeColor:m}),H(ee,{hover:p,focus:x,active:M,disabled:w,selected:I}),{"k-icon-button":!N&&!K&&h}),children:[C&&j(f,{className:r(T,"k-button-icon"),icon:C}),N?He(wt,{children:[N&&j("span",{className:"k-button-text",children:N}),t.children]}):t.children&&j("span",{className:"k-button-text",children:t.children}),l&&j("span",{className:"k-menu-button-arrow k-button-arrow",children:j(f,{icon:i})})]})};u.states=Lt;u.options=Ot;u.variants=bt;u.className=ee;u.defaultOptions=z;u.moduleName=xe;u.folderName=Ue;import{jsx as qo}from"react/jsx-runtime";import{jsx as en}from"react/jsx-runtime";import{jsx as rn}from"react/jsx-runtime";var he="popup",ze=he;import{jsx as We}from"react/jsx-runtime";var $e="k-animation-container",Ct=[],Tt={},Fe={positionMode:"absolute"},B=t=>{let{positionMode:e=Fe.positionMode,animationStyle:n,offset:s,...m}=t;return We("div",{...m,style:{...s,...t.style},className:r(t.className,$e,"k-animation-container-shown",{"k-animation-container-fixed":e==="fixed"}),children:We("div",{className:"k-child-animation-container",style:n,children:t.children})})};B.states=Ct;B.options=Tt;B.className=$e;B.defaultOptions=Fe;B.moduleName=he;B.folderName=ze;var Ae="popup",Ve=Ae;import{jsx as Je}from"react/jsx-runtime";var Xe="k-popup",_t=[],kt={},Ge={positionMode:"absolute"},g=t=>{let{offset:e,positionMode:n=Ge.positionMode,animationStyle:s,...m}=t;return Je(B,{positionMode:n,offset:e,animationStyle:s,children:Je("div",{...m,className:r(t.className,Xe),children:t.children})})};g.states=_t;g.options=kt;g.className=Xe;g.defaultOptions=Ge;g.moduleName=Ae;g.folderName=Ve;var Ee="menu-button",Ze=Ee;import{Fragment as gt,jsx as qe,jsxs as yt}from"react/jsx-runtime";var Qe="k-menu-button",vt=[c.hover,c.focus,c.active,c.selected,c.disabled],St={size:[a.small,a.medium,a.large],rounded:[L.small,L.medium,L.large,L.full],fillMode:[A.solid,A.flat,A.outline,A.clear,A.link],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark,o.inverse]},W={size:a.medium,rounded:L.medium,fillMode:A.solid,themeColor:o.base,showArrow:!0,arrowIconName:"caret-alt-down"},P=t=>{let{size:e=W.size,rounded:n=W.rounded,fillMode:s=W.fillMode,themeColor:m=W.themeColor,hover:l,focus:i,active:d,selected:p,disabled:x,icon:M,text:I,showArrow:w=W.showArrow,arrowIconName:C=W.arrowIconName,popup:N,opened:T,...b}=t;return yt(gt,{children:[qe(u,{...b,className:r(t.className,Qe),text:I,size:e,rounded:n,fillMode:s,themeColor:m,hover:l,focus:i,active:d,selected:p,disabled:x,icon:M,showArrow:w,arrowIconName:C}),T&&N&&qe(g,{className:"k-menu-popup",children:N})]})};P.states=vt;P.options=St;P.className=Qe;P.defaultOptions=W;P.moduleName=Ee;P.folderName=Ze;import{jsx as Bn}from"react/jsx-runtime";import{jsx as Hn}from"react/jsx-runtime";import{jsx as Fn}from"react/jsx-runtime";var E="menu",O=E;import{Fragment as Bt,jsx as G,jsxs as Ye}from"react/jsx-runtime";var be="k-menu-item",Kt=[c.hover,c.focus,c.active,c.selected,c.disabled],Rt={},je={iconPosition:"before"},_=t=>{let{hover:e,focus:n,active:s,selected:m,disabled:l,icon:i,text:d,first:p,last:x,showArrow:M,arrowIconName:I,iconPosition:w=je.iconPosition,dir:C,children:N,...T}=t,b=G(Bt,{});N&&N.forEach(K=>{if(K.type==="MenuItemContent"){b.props.children.push(K);return}});let h=I;return h||(h=C==="rtl"?"caret-alt-left":"caret-alt-right"),Ye("li",{...T,className:r(t.className,be,"k-item",H(be,{focus:n,disabled:l,hover:e,active:s,selected:m}),{"k-first":p,"k-last":x}),children:[Ye("span",{className:r("k-link k-menu-link"),children:[i&&w==="before"&&G(f,{className:"k-menu-link-icon",icon:i}),G("span",{className:"k-menu-link-text",children:d}),i&&w==="after"&&G(f,{className:"k-menu-link-icon",icon:i}),M&&G("span",{className:"k-menu-expand-arrow",children:G(f,{icon:h})})]}),b]})};_.states=Kt;_.options=Rt;_.className=be;_.defaultOptions=je;_.moduleName=E;_.folderName=O;import{Fragment as Ut,jsx as Z,jsxs as et}from"react/jsx-runtime";var Le="k-menu-item",Pt=[c.hover,c.focus,c.active,c.selected,c.disabled],Dt={},Oe={dir:"ltr",iconPosition:"before"},k=t=>{let{hover:e,focus:n,active:s,selected:m,disabled:l,icon:i,text:d,first:p,last:x,showArrow:M,arrowIconName:I,iconPosition:w=Oe.iconPosition,dir:C=Oe.dir,children:N,popup:T,...b}=t,h=Z(Ut,{});N&&N.forEach(me=>{if(me.type==="MenuListItemContent"){h.props.children.push(me);return}});let K=I;return K||(K=C==="rtl"?"caret-alt-left":"caret-alt-right"),et("li",{...b,className:r(t.className,Le,"k-item",H(Le,{focus:n,disabled:l}),{"k-first":p,"k-last":x}),children:[et("span",{className:r("k-link k-menu-link",H("k-menu-link",{hover:e,active:s,selected:m,disabled:l})),children:[i&&w==="before"&&Z(f,{className:"k-menu-link-icon",icon:i}),Z("span",{className:"k-menu-link-text",children:d}),i&&w==="after"&&Z(f,{className:"k-menu-link-icon",icon:i}),M&&Z("span",{className:"k-menu-expand-arrow",children:Z(f,{icon:K})})]}),h,T]})};k.states=Pt;k.options=Dt;k.className=Le;k.defaultOptions=Oe;k.moduleName=E;k.folderName=O;import{jsx as $t}from"react/jsx-runtime";var tt="k-menu-scroll-wrapper",Ht=[],zt={},Wt={},$=t=>{let{className:e,children:n,orientation:s,...m}=t;return $t("div",{...m,className:r(e,tt,{"k-menu-scroll-wrapper-vertical":s==="vertical"}),children:n})};$.states=Ht;$.options=zt;$.className=tt;$.defaultOptions=Wt;$.moduleName=E;$.folderName=O;var ot=$;import{Fragment as we,jsx as F,jsxs as se}from"react/jsx-runtime";var Ce="k-menu",Ft=[],Vt={},ie={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},v=t=>{let{children:e,orientation:n=ie.orientation,header:s=ie.header,scrollable:m,scrollButtonsPosition:l=ie.scrollButtonsPosition,wrapperStyles:i,dir:d,popup:p,...x}=t,M={horizontal:{prev:d!=="rtl"?"left":"right",next:d!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},I=F("ul",{dir:d,...x,className:r(t.className,"k-reset",Ce,{[`${Ce}-${n}`]:n,"k-header":s}),children:e});return se(we,{children:[m?se(ot,{orientation:n,style:i,dir:t.dir,children:[l==="start"&&se(we,{children:[F(u,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${M[n].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev"}),F(u,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${M[n].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next"})]}),l==="around"&&F(u,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${M[n].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev"}),I,l==="end"&&se(we,{children:[F(u,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${M[n].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev"}),F(u,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${M[n].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next"})]}),l==="around"&&F(u,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${M[n].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next"})]}):I,p]})};v.states=Ft;v.options=Vt;v.className=Ce;v.defaultOptions=ie;v.moduleName=E;v.folderName=O;import{jsx as Jt}from"react/jsx-runtime";var Te="k-separator",nt={orientation:"horizontal"},V=t=>{let{orientation:e=nt.orientation,...n}=t;return Jt("li",{...n,className:r(t.className,"k-item",Te,{[`${Te}-${e}`]:e})})};V.className=Te;V.defaultOptions=nt;V.moduleName=E;V.folderName=O;import{Fragment as Ar,jsx as Er}from"react/jsx-runtime";import{jsx as rt}from"react/jsx-runtime";import{createElement as Zt}from"react";var _e="k-menu-group",Xt=[],Gt={size:[a.small,a.medium,a.large]},ke={size:a.medium,dir:"ltr"},D=t=>{let{children:e,size:n=ke.size,dir:s=ke.dir,...m}=t,l=[];return e&&Array.isArray(e)&&e.map((i,d)=>{i.type===k?l.push(Zt(k,{...i.props,dir:s,key:d})):i.type===V?l.push(rt(V,{})):l.push(i)}),rt("ul",{...m,className:r(t.className,_e,S(_e,{size:n})),children:l})};D.states=Xt;D.options=Gt;D.className=_e;D.defaultOptions=ke;D.moduleName=E;D.folderName=O;import{Fragment as Sr,jsx as vr,jsxs as gr}from"react/jsx-runtime";import{Fragment as Ur,jsx as Pr,jsxs as Dr}from"react/jsx-runtime";import{Fragment as Fr,jsx as $r,jsxs as Vr}from"react/jsx-runtime";import{Fragment as qr,jsx as Zr,jsxs as Qr}from"react/jsx-runtime";import{Fragment as os,jsx as ts,jsxs as ns}from"react/jsx-runtime";import{jsx as Is,jsxs as bs}from"react/jsx-runtime";var te="window",ae=te;import{jsx as jt}from"react/jsx-runtime";var st="k-window-content",qt=[],Qt={},Yt={},U=t=>{let{children:e,...n}=t;return jt("div",{...n,className:r(st,t.className),children:e})};U.states=qt;U.options=Qt;U.className=st;U.defaultOptions=Yt;U.moduleName=te;U.folderName=ae;import{Fragment as no,jsx as J,jsxs as it}from"react/jsx-runtime";var le="k-window",eo=[],to={themeColor:[o.primary,o.light,o.dark]},oo={},y=t=>{let{title:e,actions:n,minimized:s,themeColor:m,actionButtons:l,actionButtonsAlign:i,...d}=t;return it("div",{...d,className:r(t.className,le,S(le,{themeColor:m}),{[`${le}-minimized`]:s}),children:[(e!==void 0||n)&&it("div",{className:"k-window-titlebar",children:[e!==void 0&&J("span",{className:"k-window-title",children:e}),n&&J(no,{children:J("div",{className:"k-window-titlebar-actions",children:n.map(p=>p==="more-vertical"?J(P,{icon:p,fillMode:"flat",showArrow:!1,className:"k-window-titlebar-action"},p):J(u,{icon:p,fillMode:"flat",className:"k-window-titlebar-action"},p))})})]}),J(U,{className:r({"k-hidden":s}),children:t.children}),l&&J(R,{alignment:i,className:"k-window-actions",children:l})]})};y.states=eo;y.options=to;y.className=le;y.defaultOptions=oo;y.moduleName=te;y.folderName=ae;import{Fragment as Vs,jsx as Js}from"react/jsx-runtime";var ve="chart-wizard",at=ve;import{jsx as ao}from"react/jsx-runtime";var lt="k-chart-wizard",ro=[],so={},io={},X=t=>{let{children:e,...n}=t;return ao(y,{title:"Chart Preview",actions:["window","x"],...n,className:r(t.className,lt),children:e})};X.states=ro;X.options=so;X.className=lt;X.defaultOptions=io;X.moduleName=ve;X.folderName=at;var ni=X;export{lt as CHARTWIZARD_CLASSNAME,X as ChartWizard,ni as default};