@progress/kendo-themes-html/dist/esm/loader/loader-container.spec.mjs

A collection of HTML helpers used for developing Kendo UI themes

var a=(...o)=>o.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?a(...e):typeof e=="object"?Object.keys(e).map((s,r)=>e[r]||e[s]&&s||null).filter(s=>s!==null).join(" "):e).filter(e=>!!e).join(" ");var p=(o,e)=>a({[`${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 i={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var n={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"};var L="overlay",E=L;import{jsx as T}from"react/jsx-runtime";var A="k-overlay",_=[],D={},K={},m=o=>{let{...e}=o;return T("div",{...e,className:a(o.className,A),children:o.children})};m.states=_;m.options=D;m.className=A;m.defaultOptions=K;m.moduleName=L;m.folderName=E;var b=m;var u="loader",f=u;import{Fragment as v,jsx as N,jsxs as g}from"react/jsx-runtime";var y="k-loader",z={pulsing:"pulsing-2","infinite-spinner":"spinner-3","converging-spinner":"spinner-4"},$=[],H={size:[i.undefined,i.small,i.medium,i.large],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary]},M={animation:"pulsing"},l=o=>{let{size:e,themeColor:s,animation:r=M.animation,...c}=o,t=N("span",{className:"k-loader-segment"});return N("div",{...c,className:a(o.className,y,{[`k-loader-${z[r]||r}`]:r},p(y,{size:e,themeColor:s})),role:"status","aria-label":c["aria-label"]||"Loading",children:g("div",{className:"k-loader-canvas",children:[r==="pulsing"&&g(v,{children:[t,t]}),r==="infinite-spinner"&&g(v,{children:[t,t,t]}),r==="converging-spinner"&&g(v,{children:[t,t,t,t]})]})})};l.states=$;l.options=H;l.className=y;l.defaultOptions=M;l.moduleName=u;l.folderName=f;l.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 C=l;import{jsx as h,jsxs as R}from"react/jsx-runtime";var k="k-loader-container",S=[],P={size:[i.undefined,i.small,i.medium,i.large],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary]},x={loaderType:"pulsing",position:"top",panel:!1},d=o=>{let{size:e,themeColor:s,loaderType:r=x.loaderType,position:c=x.position,panel:t=x.panel,...O}=o;return R("div",{...O,className:a(o.className,k,p(k,{size:e}),{[`k-loader-${c}`]:c}),role:"status","aria-live":"polite","aria-label":O["aria-label"]||"Loading",children:[h(b,{className:"k-loader-container-overlay"}),R("div",{className:a("k-loader-container-inner",{"k-loader-container-panel":t}),children:[h(C,{size:e,themeColor:s,animation:r}),h("div",{className:"k-loader-container-label",children:"Loading..."})]})]})};d.states=S;d.options=P;d.className=k;d.defaultOptions=x;d.moduleName=u;d.folderName=f;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."}]};var de=d;export{k as LOADERCONTAINER_CLASSNAME,d as LoaderContainer,de as default};