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