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