@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 1.52 kB
JavaScript
var n=(...l)=>l.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?n(...e):typeof e=="object"?Object.keys(e).map((i,o)=>e[o]||e[i]&&i||null).filter(i=>i!==null).join(" "):e).filter(e=>!!e).join(" ");var r="tile-layout",a="tilelayout";import{jsx as f}from"react/jsx-runtime";var s="k-tilelayout",x=[],g={},h={},t=l=>{let{gap:e,columns:i,columnWidth:o,rowHeight:d,style:u,children:c}=l,m={gridTemplateColumns:`repeat(${i}, minmax(0px, ${o}))`,gridAutoRows:`minmax(0px, ${d})`,gap:e,...u};return f("div",{className:n(l.className,s),style:m,role:"list",children:c})};t.states=x;t.options=g;t.className=s;t.defaultOptions=h;t.moduleName=r;t.folderName=a;t.ariaSpec={selector:".k-tilelayout",rules:[{selector:".k-tilelayout",attribute:"role=list",usage:"Sets list role to the TileLayout wrapper."},{selector:".k-tilelayout-item",attribute:"role=listitem",usage:"Sets listitem role to the TileLayout items."},{selector:".k-tilelayout-item",attribute:"aria-labelledby",usage:"Associates the focusable item wrapper with the respective header text element."},{selector:".k-tilelayout-item",attribute:"tabindex=0",usage:"Makes the item wrapper element focusable."},{selector:".k-tilelayout-item",attribute:"aria-keyshortcuts=Enter",usage:"Announces Enter as an available key shortcut when the item is focused."},{selector:".k-tilelayout-item-header .k-card-title",attribute:"id",usage:"Unique identifier to link the header text element to the focusable wrapper."}]};var S=t;export{s as TILELAYOUT_CLASSNAME,t as TileLayout,S as default};