@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 2.73 kB
JavaScript
var l=(...n)=>n.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?l(...e):typeof e=="object"?Object.keys(e).map((i,r)=>e[r]||e[i]&&i||null).filter(i=>i!==null).join(" "):e).filter(e=>!!e).join(" ");var x=(n,e)=>l({[`${n}-xs`]:e.size==="xsmall",[`${n}-sm`]:e.size==="small",[`${n}-md`]:e.size==="medium",[`${n}-lg`]:e.size==="large",[`${n}-xl`]:e.size==="xlarge",[`${n}-xxl`]:e.size==="xxlarge",[`${n}-xxxl`]:e.size==="xxxlarge"},{[`${n}-${e.fillMode}`]:e.fillMode},{[`${n}-${e.themeColor}`]:e.themeColor},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full","k-rounded-none":e.rounded==="none"});var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var s={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"};var c="loader",h=c;import{Fragment as m,jsx as v,jsxs as u}from"react/jsx-runtime";var g="k-loader",y={pulsing:"pulsing-2","infinite-spinner":"spinner-3","converging-spinner":"spinner-4"},L=[],b={size:[d.undefined,d.small,d.medium,d.large],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary]},k={animation:"pulsing"},t=n=>{let{size:e,themeColor:i,animation:r=k.animation,...p}=n,o=v("span",{className:"k-loader-segment"});return v("div",{...p,className:l(n.className,g,{[`k-loader-${y[r]||r}`]:r},x(g,{size:e,themeColor:i})),role:"status","aria-label":p["aria-label"]||"Loading",children:u("div",{className:"k-loader-canvas",children:[r==="pulsing"&&u(m,{children:[o,o]}),r==="infinite-spinner"&&u(m,{children:[o,o,o]}),r==="converging-spinner"&&u(m,{children:[o,o,o,o]})]})})};t.states=L;t.options=b;t.className=g;t.defaultOptions=k;t.moduleName=c;t.folderName=h;t.ariaSpec={selector:".k-loader",rules:[{selector:".k-loader",attribute:"role=status",usage:"Live region that announces loading state."},{selector:".k-loader",attribute:"aria-label",usage:"Accessible name for the loader."}]};import{jsx as f}from"react/jsx-runtime";var A=t.options,E=t.states,M={...t.defaultOptions,variant:"infinite-spinner"},O=[{name:"infinite-spinner",title:"Infinite"},{name:"pulsing",title:"Pulsing"},{name:"converging-spinner",title:"Converging"}],$=[],a=n=>{let{variant:e,...i}=n;switch(e){case"pulsing":return f(t,{animation:"pulsing",...i});case"converging-spinner":return f(t,{animation:"converging-spinner",...i});default:return f(t,{animation:"infinite-spinner",...i})}};a.options=A;a.states=E;a.variants=O;a.defaultOptions=M;a.modifiers=$;a.className=t.className;var U=a;export{a as LoaderDemo,U as default};