@progress/kendo-themes-html/dist/esm/loader/templates/loader-infinite.mjs

A collection of HTML helpers used for developing Kendo UI themes

var s=(...o)=>o.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?s(...e):typeof e=="object"?Object.keys(e).map((t,a)=>e[a]||e[t]&&t||null).filter(t=>t!==null).join(" "):e).filter(e=>!!e).join(" ");var f=(o,e)=>s({[`${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.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 l={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var r={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"};var u="loader",g=u;import{Fragment as v,jsx as b,jsxs as x}from"react/jsx-runtime";var h="k-loader",K={pulsing:"pulsing-2","infinite-spinner":"spinner-3","converging-spinner":"spinner-4"},T=[],z={size:[l.undefined,l.small,l.medium,l.large],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary]},N={animation:"pulsing"},n=o=>{let{size:e,themeColor:t,animation:a=N.animation,...p}=o,i=b("span",{className:"k-loader-segment"});return b("div",{...p,className:s(o.className,h,{[`k-loader-${K[a]||a}`]:a},f(h,{size:e,themeColor:t})),role:"status","aria-label":p["aria-label"]||"Loading",children:x("div",{className:"k-loader-canvas",children:[a==="pulsing"&&x(v,{children:[i,i]}),a==="infinite-spinner"&&x(v,{children:[i,i,i]}),a==="converging-spinner"&&x(v,{children:[i,i,i,i]})]})})};n.states=T;n.options=z;n.className=h;n.defaultOptions=N;n.moduleName=u;n.folderName=g;n.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=n;var y="overlay",C=y;import{jsx as S}from"react/jsx-runtime";var R="k-overlay",$=[],P={},H={},m=o=>{let{...e}=o;return S("div",{...e,className:s(o.className,R),children:o.children})};m.states=$;m.options=P;m.className=R;m.defaultOptions=H;m.moduleName=y;m.folderName=C;var D=m;import{jsx as O,jsxs as _}from"react/jsx-runtime";var k="k-loader-container",F=[],V={size:[l.undefined,l.small,l.medium,l.large],themeColor:[r.undefined,r.base,r.primary,r.secondary,r.tertiary]},L={loaderType:"pulsing",position:"top",panel:!1},d=o=>{let{size:e,themeColor:t,loaderType:a=L.loaderType,position:p=L.position,panel:i=L.panel,...A}=o;return _("div",{...A,className:s(o.className,k,f(k,{size:e}),{[`k-loader-${p}`]:p}),role:"status","aria-live":"polite","aria-label":A["aria-label"]||"Loading",children:[O(D,{className:"k-loader-container-overlay"}),_("div",{className:s("k-loader-container-inner",{"k-loader-container-panel":i}),children:[O(M,{size:e,themeColor:t,animation:a}),O("div",{className:"k-loader-container-label",children:"Loading..."})]})]})};d.states=F;d.options=V;d.className=k;d.defaultOptions=L;d.moduleName=u;d.folderName=g;d.ariaSpec={selector:".k-loader-container",rules:[{selector:".k-loader-container",attribute:"role=status",usage:"Live region for loading state."},{selector:".k-loader-container",attribute:"aria-live=polite",usage:"Polite announcements of loading state changes."},{selector:".k-loader-container",attribute:"aria-label",usage:"Accessible name for the loader container."}]};import{jsx as Oe}from"react/jsx-runtime";import{jsx as be}from"react/jsx-runtime";import{jsx as Re}from"react/jsx-runtime";import{jsx as E}from"react/jsx-runtime";var I=n.options,U=n.states,Y={...n.defaultOptions,variant:"infinite-spinner"},w=[{name:"infinite-spinner",title:"Infinite"},{name:"pulsing",title:"Pulsing"},{name:"converging-spinner",title:"Converging"}],q=[],c=o=>{let{variant:e,...t}=o;switch(e){case"pulsing":return E(n,{animation:"pulsing",...t});case"converging-spinner":return E(n,{animation:"converging-spinner",...t});default:return E(n,{animation:"infinite-spinner",...t})}};c.options=I;c.states=U;c.variants=w;c.defaultOptions=Y;c.modifiers=q;c.className=n.className;import{jsx as B}from"react/jsx-runtime";var we=o=>B(n,{animation:"infinite-spinner",...o});export{we as LoaderInfinite};