@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 1.13 kB
JavaScript
var l=(...n)=>n.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?l(...e):typeof e=="object"?Object.keys(e).map((o,r)=>e[r]||e[o]&&o||null).filter(o=>o!==null).join(" "):e).filter(e=>!!e).join(" ");function d(n,e){if(!e)return{};let o=Array.isArray(e)?e:[e];return Object.fromEntries(o.map(r=>[`k-${r}`,!0]))}var i="skeleton",c=i;import{jsx as g}from"react/jsx-runtime";var s="k-skeleton",x=["circle","text","rect"],f=[],k={},a={variant:"text",shape:"text",animation:"pulse"},t=n=>{let{variant:e,shape:o,animation:r=a.animation,...u}=n,m=`skeleton-${e||o||a.variant}`;return g("span",{...u,className:l(n.className,s,d(s,m),{[`k-skeleton-${r}`]:r}),style:n.style})};t.states=f;t.options=k;t.variants=x;t.className=s;t.defaultOptions=a;t.moduleName=i;t.folderName=c;t.ariaSpec={selector:".k-skeleton",rules:[]};import{jsx as p}from"react/jsx-runtime";var w=n=>p(t,{...n});import{jsx as h}from"react/jsx-runtime";var P=n=>h(t,{shape:"rect",...n});import{jsx as S}from"react/jsx-runtime";var q=n=>S(t,{shape:"circle",...n});export{s as SKELETON_CLASSNAME,t as Skeleton,q as SkeletonCircle,w as SkeletonNormal,P as SkeletonRectangle};