UNPKG

@progress/kendo-themes-html

Version:

A collection of HTML helpers used for developing Kendo UI themes

2 lines (1 loc) 2.86 kB
var g=Object.defineProperty;var K=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames;var O=Object.prototype.hasOwnProperty;var S=(o,e)=>{for(var t in e)g(o,t,{get:e[t],enumerable:!0})},_=(o,e,t,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of D(e))!O.call(o,r)&&r!==t&&g(o,r,{get:()=>e[r],enumerable:!(a=K(e,r))||a.enumerable});return o};var T=o=>_(g({},"__esModule",{value:!0}),o);var F={};S(F,{CARD_CLASSNAME:()=>u,Card:()=>n,default:()=>j});module.exports=T(F);var l=(...o)=>o.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?l(...e):typeof e=="object"?Object.keys(e).map((t,a)=>e[a]||e[t]&&t||null).filter(t=>t!==null).join(" "):e).filter(e=>!!e).join(" ");var b=(o,e)=>{let{valid:t,invalid:a,hover:r,focus:m,checked:c,active:h,selected:A,disabled:M,indeterminate:$,loading:E,empty:L,readonly:N,highlighted:R,...x}=e;return l({"k-valid":t,"k-invalid":a,"k-hover":r,"k-focus":m,"k-checked":c,"k-active":h,"k-selected":A,"k-disabled":M,"k-indeterminate":$&&!c,"k-loading":E,"k-empty":L,"k-readonly":N,"k-highlighted":R},Object.keys(x).reduce((f,d)=>(d.startsWith("k-")?f[d]=x[d]:f[`k-${d}`]=x[d],f),{}))};var s={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"},p={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var y=require("react/jsx-runtime"),z="k-card-callout",v=o=>{let{callout:e,...t}=o;return(0,y.jsx)("span",{...t,className:l(o.className,z,{[`k-callout-${p.calloutMap[e]||e}`]:e})})};var k="card",C=k;var i=require("react/jsx-runtime"),u="k-card",H=[s.hover,s.focus,s.selected,s.disabled],w={},P={},n=o=>{let{orientation:e,callout:t,hover:a,focus:r,selected:m,disabled:c,...h}=o;return(0,i.jsxs)("div",{...h,className:l(o.className,u,b(u,{hover:a,focus:r,disabled:c,selected:m}),{[`k-card-${e}`]:e,"k-card-with-callout":t}),children:[t&&t!=="true"&&(0,i.jsx)(v,{callout:t}),(0,i.jsx)(i.Fragment,{children:o.children})]})};n.states=H;n.options=w;n.className=u;n.defaultOptions=P;n.moduleName=k;n.folderName=C;n.ariaSpec={selector:".k-card",rules:[{selector:".k-card-list .k-card",attribute:"role=listitem",usage:"When the card is located in a list, it should have the listitem role."},{selector:".k-card-list .k-card",attribute:"tabindex=0",usage:"The card component is focusable when navigatable."},{selector:".k-card-list .k-card",attribute:"aria-describedby=.k-card-title id",usage:"Associate the card to the title element."},{selector:".k-card-list .k-card",attribute:"aria-keyshortcuts=Enter",usage:"Announces the bound Enter key that enables navigation inside the card."}]};var j=n;