@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 8.98 kB
JavaScript
var Me=Object.create;var H=Object.defineProperty;var ge=Object.getOwnPropertyDescriptor;var be=Object.getOwnPropertyNames;var ye=Object.getPrototypeOf,Ae=Object.prototype.hasOwnProperty;var Oe=(o,e)=>{for(var n in e)H(o,n,{get:e[n],enumerable:!0})},j=(o,e,n,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of be(e))!Ae.call(o,i)&&i!==n&&H(o,i,{get:()=>e[i],enumerable:!(s=ge(e,i))||s.enumerable});return o};var Ce=(o,e,n)=>(n=o!=null?Me(ye(o)):{},j(e||!o||!o.__esModule?H(n,"default",{value:o,enumerable:!0}):n,o)),ve=o=>j(H({},"__esModule",{value:!0}),o);var Je={};Oe(Je,{IconMenuButton:()=>qe});module.exports=ve(Je);var l=(...o)=>o.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?l(...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=(o,e)=>l({[`${o}-xs`]:e.size==="xsmall",[`${o}-sm`]:e.size==="small",[`${o}-md`]:e.size==="medium",[`${o}-lg`]:e.size==="large",[`${o}-xl`]:e.size==="xlarge",[`${o}-xxl`]:e.size==="xxlarge",[`${o}-xxxl`]:e.size==="xxxlarge"},{[`${o}-${e.fillMode}`]:e.fillMode},{[`${o}-${e.fillMode}-${e.themeColor}`]:e.fillMode&&e.themeColor},{[`${o}-${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"}),ee=(o,e)=>{let{valid:n,invalid:s,hover:i,focus:m,checked:a,active:N,selected:u,disabled:b,indeterminate:w,loading:L,empty:z,readonly:O,highlighted:h,...C}=e;return l({"k-valid":n,"k-invalid":s,"k-hover":i,"k-focus":m,"k-checked":a,"k-active":N,"k-selected":u,"k-disabled":b,"k-indeterminate":w&&!a,"k-loading":L,"k-empty":z,"k-readonly":O,"k-highlighted":h},Object.keys(C).reduce((v,T)=>(T.startsWith("k-")?v[T]=C[T]:v[`k-${T}`]=C[T],v),{}))};function oe(o,e){if(!e)return{};let n=Array.isArray(e)?e:[e];return Object.fromEntries(n.map(s=>[`k-${s}`,!0]))}var r={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},p={small:"small",medium:"medium",large:"large",full:"full"},d={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},t={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 P=require("react/jsx-runtime"),$="k-font-icon",Te=[],Ee={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info,t.light,t.dark]},ke={},R=o=>{let{size:e,themeColor:n,icon:s,rotate:i,flip:m,...a}=o;return s?(0,P.jsx)("span",{...a,className:l(o.className,$,S($,{size:e}),{[`k-i-${s}`]:s,[`k-color-${n}`]:n,[`k-rotate-${i}`]:i,"k-flip-h":m==="h"||m==="both","k-flip-v":m==="v"||m==="both"})}):(0,P.jsx)(P.Fragment,{})};R.states=Te;R.options=Ee;R.className=$;R.defaultOptions=ke;var te=R;var E=require("react/jsx-runtime"),F="k-svg-icon",_e=[],Ie={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info,t.light,t.dark]},ne={viewBox:"0 0 24 24"},K=o=>{let{size:e,themeColor:n,rotate:s,flip:i,viewBox:m=ne.viewBox,icon:a,...N}=o;if(!a)return(0,E.jsx)(E.Fragment,{});a==="none"&&{...N,className:l(o.className,F,"k-none")};let u=typeof a=="object"&&a.name&&a.name;return(0,E.jsx)("span",{...N,className:l(o.className,F,S("k-icon",{size:e}),{[`k-svg-i-${u}`]:u,[`k-color-${n}`]:n,[`k-rotate-${s}`]:s,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),children:(0,E.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof a=="object"?a.viewBox:m,dangerouslySetInnerHTML:typeof a=="object"?{__html:a.content}:void 0,children:a?void 0:o.children})})};K.states=_e;K.options=Ie;K.className=F;K.defaultOptions=ne;var V=K;var G=Ce(require("@progress/kendo-svg-icons"));var re="icon",se="icons";var M=require("react/jsx-runtime"),D="k-icon",Be=o=>o.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),Se=[],we={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info,t.light,t.dark]},q={viewBox:"0 0 24 24",type:"svg"},g=o=>{let{size:e,themeColor:n,icon:s,type:i=q.type,rotate:m,flip:a,viewBox:N=q.viewBox,...u}=o;if(!s)return(0,M.jsx)(M.Fragment,{});if(i==="svg"){if(s==="none")return(0,M.jsx)(V,{...u,className:l(o.className,D),icon:s,size:e});let b=G[s]?s:Be(`${s}-icon`);return G[b]?(0,M.jsx)(V,{...u,className:l(o.className,D),icon:G[b],size:e,themeColor:n,rotate:m,flip:a,viewBox:N}):(0,M.jsx)(M.Fragment,{})}return(0,M.jsx)(te,{...u,className:l(o.className,D),icon:s,size:e,themeColor:n,rotate:m,flip:a})};g.states=Se;g.options=we;g.defaultOptions=q;g.className=D;g.moduleName=re;g.folderName=se;var J="button",ie=J;var x=require("react/jsx-runtime"),U="k-button",Le=["icon-button"],ze=[c.hover,c.focus,c.active,c.selected,c.disabled,c.generating],Pe={size:[r.small,r.medium,r.large],rounded:[p.small,p.medium,p.large,p.full],fillMode:[d.solid,d.flat,d.outline,d.clear,d.link],themeColor:[t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info,t.light,t.dark,t.inverse]},k={size:r.medium,rounded:p.medium,fillMode:d.solid,themeColor:t.base,showArrow:!1,arrowIconName:"caret-alt-down"},f=o=>{let{size:e=k.size,rounded:n=k.rounded,fillMode:s=k.fillMode,themeColor:i=k.themeColor,showArrow:m=k.showArrow,arrowIconName:a=k.arrowIconName,variant:N,hover:u,focus:b,active:w,selected:L,disabled:z,icon:O,text:h,iconClassName:C,...v}=o,T=O!==void 0,he=o.children!==void 0;return(0,x.jsxs)("button",{...v,className:l(o.className,U,oe(U,N),S(U,{size:e,rounded:n,fillMode:s,themeColor:i}),ee(U,{hover:u,focus:b,active:w,disabled:z,selected:L}),{"k-icon-button":!h&&!he&&T}),children:[O&&(0,x.jsx)(g,{className:l(C,"k-button-icon"),icon:O}),h?(0,x.jsxs)(x.Fragment,{children:[h&&(0,x.jsx)("span",{className:"k-button-text",children:h}),o.children]}):o.children&&(0,x.jsx)("span",{className:"k-button-text",children:o.children}),m&&(0,x.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,x.jsx)(g,{icon:a})})]})};f.states=ze;f.options=Pe;f.variants=Le;f.className=U;f.defaultOptions=k;f.moduleName=J;f.folderName=ie;var Re=require("react/jsx-runtime");var Ke=require("react/jsx-runtime");var Ue=require("react/jsx-runtime");var W="popup",ae=W;var X=require("react/jsx-runtime"),le="k-animation-container",He=[],De={},me={positionMode:"absolute"},y=o=>{let{positionMode:e=me.positionMode,animationStyle:n,offset:s,...i}=o;return(0,X.jsx)("div",{...i,style:{...s,...o.style},className:l(o.className,le,"k-animation-container-shown",{"k-animation-container-fixed":e==="fixed"}),children:(0,X.jsx)("div",{className:"k-child-animation-container",style:n,children:o.children})})};y.states=He;y.options=De;y.className=le;y.defaultOptions=me;y.moduleName=W;y.folderName=ae;var Q="popup",de=Q;var Y=require("react/jsx-runtime"),ce="k-popup",$e=[],Fe={},ue={positionMode:"absolute"},A=o=>{let{offset:e,positionMode:n=ue.positionMode,animationStyle:s,...i}=o;return(0,Y.jsx)(y,{positionMode:n,offset:e,animationStyle:s,children:(0,Y.jsx)("div",{...i,className:l(o.className,ce),children:o.children})})};A.states=$e;A.options=Fe;A.className=ce;A.defaultOptions=ue;A.moduleName=Q;A.folderName=de;var Z="menu-button",pe=Z;var I=require("react/jsx-runtime"),fe="k-menu-button",Ve=[c.hover,c.focus,c.active,c.selected,c.disabled],Ge={size:[r.small,r.medium,r.large],rounded:[p.small,p.medium,p.large,p.full],fillMode:[d.solid,d.flat,d.outline,d.clear,d.link],themeColor:[t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info,t.light,t.dark,t.inverse]},_={size:r.medium,rounded:p.medium,fillMode:d.solid,themeColor:t.base,showArrow:!0,arrowIconName:"caret-alt-down"},B=o=>{let{size:e=_.size,rounded:n=_.rounded,fillMode:s=_.fillMode,themeColor:i=_.themeColor,hover:m,focus:a,active:N,selected:u,disabled:b,icon:w,text:L,showArrow:z=_.showArrow,arrowIconName:O=_.arrowIconName,popup:h,opened:C,...v}=o;return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(f,{...v,className:l(o.className,fe),text:L,size:e,rounded:n,fillMode:s,themeColor:i,hover:m,focus:a,active:N,selected:u,disabled:b,icon:w,showArrow:z,arrowIconName:O}),C&&h&&(0,I.jsx)(A,{className:"k-menu-popup",children:h})]})};B.states=Ve;B.options=Ge;B.className=fe;B.defaultOptions=_;B.moduleName=Z;B.folderName=pe;var xe=B;var Ne=require("react/jsx-runtime"),qe=o=>(0,Ne.jsx)(xe,{icon:"save",...o,children:void 0});