@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 1.66 kB
JavaScript
var o=(...r)=>r.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?o(...e):typeof e=="object"?Object.keys(e).map((n,a)=>e[a]||e[n]&&n||null).filter(n=>n!==null).join(" "):e).filter(e=>!!e).join(" ");var m=(r,e)=>{let{valid:n,invalid:a,hover:g,focus:h,checked:u,active:k,selected:b,disabled:y,indeterminate:v,loading:A,empty:p,readonly:L,highlighted:C,...s}=e;return o({"k-valid":n,"k-invalid":a,"k-hover":g,"k-focus":h,"k-checked":u,"k-active":k,"k-selected":b,"k-disabled":y,"k-indeterminate":v&&!u,"k-loading":A,"k-empty":p,"k-readonly":L,"k-highlighted":C},Object.keys(s).reduce((d,i)=>(i.startsWith("k-")?d[i]=s[i]:d[`k-${i}`]=s[i],d),{}))};var l="card",x=l;import{Fragment as R,jsx as f}from"react/jsx-runtime";var c="k-card-list",M=[],E={},$={},t=r=>{let{...e}=r;return f("div",{...e,className:o(r.className,c,m(c,{})),role:"list",children:f(R,{children:r.children})})};t.states=M;t.options=E;t.className=c;t.defaultOptions=$;t.moduleName=l;t.folderName=x;t.ariaSpec={selector:".k-card-list",rules:[{selector:".k-card-list",attribute:"role=list",usage:"The card list container announces its list role."},{selector:".k-card-list .k-card",attribute:"role=listitem",usage:"Each card in the list has the listitem role."},{selector:".k-card-list .k-card",attribute:"tabindex=0",usage:"The card is focusable when navigatable."},{selector:".k-card-list .k-card",attribute:"aria-describedby=.k-card-title id",usage:"Associate the card to its title element."},{selector:".k-card-list .k-card",attribute:"aria-keyshortcuts=Enter",usage:"Announces the Enter key for navigation inside the card."}]};var P=t;export{c as CARD_LIST_CLASSNAME,t as CardList,P as default};