UNPKG

@progress/kendo-themes-html

Version:

A collection of HTML helpers used for developing Kendo UI themes

2 lines (1 loc) 2.99 kB
var a=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?a(...e):typeof e=="object"?Object.keys(e).map((r,i)=>e[i]||e[r]&&r||null).filter(r=>r!==null).join(" "):e).filter(e=>!!e).join(" ");var g=(t,e)=>a({[`${t}-xs`]:e.size==="xsmall",[`${t}-sm`]:e.size==="small",[`${t}-md`]:e.size==="medium",[`${t}-lg`]:e.size==="large",[`${t}-xl`]:e.size==="xlarge",[`${t}-xxl`]:e.size==="xxlarge",[`${t}-xxxl`]:e.size==="xxxlarge"},{[`${t}-${e.fillMode}`]:e.fillMode},{[`${t}-${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"}),f=(t,e)=>{let{valid:r,invalid:i,hover:s,focus:p,checked:b,active:y,selected:v,disabled:M,indeterminate:B,loading:A,empty:E,readonly:R,highlighted:$,...u}=e;return a({"k-valid":r,"k-invalid":i,"k-hover":s,"k-focus":p,"k-checked":b,"k-active":y,"k-selected":v,"k-disabled":M,"k-indeterminate":B&&!b,"k-loading":A,"k-empty":E,"k-readonly":R,"k-highlighted":$},Object.keys(u).reduce((c,o)=>(o.startsWith("k-")?c[o]=u[o]:c[`k-${o}`]=u[o],c),{}))};var l={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var k={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"};var m="breadcrumb",x=m;import{jsx as _}from"react/jsx-runtime";var d="k-breadcrumb",z=[k.focus],N={size:[l.undefined,l.small,l.medium,l.large]},h={collapsing:"auto"},n=t=>{let{size:e,collapsing:r=h.collapsing,focus:i,...s}=t;return _("nav",{...s,className:a(t.className,d,f(d,{focus:i}),g(d,{size:e}),{"k-breadcrumb-wrap":r==="wrap"}),"aria-label":"Breadcrumb",children:t.children})};n.states=z;n.options=N;n.className=d;n.defaultOptions=h;n.moduleName=m;n.folderName=x;n.ariaSpec={selector:".k-breadcrumb",rules:[{selector:".k-breadcrumb",attribute:"aria-label=Breadcrumb",usage:"Indicates the type of navigation provided by the nav element."},{selector:".k-breadcrumb-item .k-breadcrumb-link,.k-breadcrumb-item .k-breadcrumb-root-link",attribute:"role=link or nodeName=a",usage:'The breadcrumb item should render an <a> element or have role="link".'},{selector:".k-breadcrumb-last-item .k-breadcrumb-link,.k-breadcrumb-last-item .k-breadcrumb-root-link",attribute:"aria-current=page",usage:"The last breadcrumb item points to the active page."},{selector:".k-breadcrumb-last-item .k-breadcrumb-link",attribute:"aria-disabled=true",usage:"The last breadcrumb item is disabled."},{selector:".k-breadcrumb-delimiter-icon",attribute:"aria-hidden=true",usage:"Delimiter icon should not be accessed through assistive technology."}]};var P=n;export{d as BREADCRUMB_CLASSNAME,n as Breadcrumb,P as default};