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