@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 3.23 kB
JavaScript
var g=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var L=Object.prototype.hasOwnProperty;var b=(n,e)=>{for(var t in e)g(n,t,{get:e[t],enumerable:!0})},A=(n,e,t,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of y(e))!L.call(n,s)&&s!==t&&g(n,s,{get:()=>e[s],enumerable:!(r=k(e,s))||r.enumerable});return n};var E=n=>A(g({},"__esModule",{value:!0}),n);var K={};b(K,{LoaderDemo:()=>l,default:()=>C});module.exports=E(K);var u=(...n)=>n.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?u(...e):typeof e=="object"?Object.keys(e).map((t,r)=>e[r]||e[t]&&t||null).filter(t=>t!==null).join(" "):e).filter(e=>!!e).join(" ");var x=(n,e)=>u({[`${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 c={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var d={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"};var f="loader",h=f;var o=require("react/jsx-runtime"),p="k-loader",M={pulsing:"pulsing-2","infinite-spinner":"spinner-3","converging-spinner":"spinner-4"},O=[],$={size:[c.undefined,c.small,c.medium,c.large],themeColor:[d.undefined,d.base,d.primary,d.secondary,d.tertiary]},v={animation:"pulsing"},i=n=>{let{size:e,themeColor:t,animation:r=v.animation,...s}=n,a=(0,o.jsx)("span",{className:"k-loader-segment"});return(0,o.jsx)("div",{...s,className:u(n.className,p,{[`k-loader-${M[r]||r}`]:r},x(p,{size:e,themeColor:t})),role:"status","aria-label":s["aria-label"]||"Loading",children:(0,o.jsxs)("div",{className:"k-loader-canvas",children:[r==="pulsing"&&(0,o.jsxs)(o.Fragment,{children:[a,a]}),r==="infinite-spinner"&&(0,o.jsxs)(o.Fragment,{children:[a,a,a]}),r==="converging-spinner"&&(0,o.jsxs)(o.Fragment,{children:[a,a,a,a]})]})})};i.states=O;i.options=$;i.className=p;i.defaultOptions=v;i.moduleName=f;i.folderName=h;i.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."}]};var m=require("react/jsx-runtime"),z=i.options,N=i.states,D={...i.defaultOptions,variant:"infinite-spinner"},R=[{name:"infinite-spinner",title:"Infinite"},{name:"pulsing",title:"Pulsing"},{name:"converging-spinner",title:"Converging"}],_=[],l=n=>{let{variant:e,...t}=n;switch(e){case"pulsing":return(0,m.jsx)(i,{animation:"pulsing",...t});case"converging-spinner":return(0,m.jsx)(i,{animation:"converging-spinner",...t});default:return(0,m.jsx)(i,{animation:"infinite-spinner",...t})}};l.options=z;l.states=N;l.variants=R;l.defaultOptions=D;l.modifiers=_;l.className=i.className;var C=l;