@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 2.12 kB
JavaScript
var r=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?r(...e):typeof e=="object"?Object.keys(e).map((i,l)=>e[l]||e[i]&&i||null).filter(i=>i!==null).join(" "):e).filter(e=>!!e).join(" ");var s="drawer",m=s;import{jsx as R}from"react/jsx-runtime";var f="k-drawer-container",A=[],w={},y={},o=t=>{let{...e}=t;return R("div",{...e,className:r(f,t.className),children:t.children})};o.states=A;o.options=w;o.className=f;o.defaultOptions=y;o.moduleName=s;o.folderName=m;var p="overlay",x=p;import{jsx as N}from"react/jsx-runtime";var h="k-overlay",D=[],M={},O={},n=t=>{let{...e}=t;return N("div",{...e,className:r(t.className,h),children:t.children})};n.states=D;n.options=M;n.className=h;n.defaultOptions=O;n.moduleName=p;n.folderName=x;import{jsx as c,jsxs as _}from"react/jsx-runtime";var v="k-drawer",L=[],b={position:["start","end"],mode:["overlay","push"]},d={mini:!1,mode:"push",position:"start",expanded:!1},a=t=>{let{expanded:e=d.expanded,mini:i=d.mini,position:l=d.position,mode:u=d.mode,items:E,width:g,...k}=t;return _(o,{className:r({"k-drawer-mini":i&&!e,[`k-drawer-${u}`]:u,"k-drawer-expanded":e}),children:[u==="overlay"&&c(n,{}),c("div",{...k,className:r(t.className,v,{[`k-drawer-${l}`]:l}),children:c("div",{className:"k-drawer-wrapper",style:{width:g},children:c("ul",{className:"k-drawer-items",role:"menubar","aria-orientation":"vertical",children:E})})}),t.children]})};a.states=L;a.options=b;a.className=v;a.defaultOptions=d;a.moduleName=s;a.folderName=m;a.ariaSpec={selector:".k-drawer",rules:[{selector:".k-drawer ul",attribute:"role=menubar",usage:"Indicates that the list of drawer items is a menubar."},{selector:".k-drawer ul",attribute:"aria-orientation=vertical",usage:"Indicates that the orientation of the drawer is vertical."},{selector:".k-drawer-item:not(.k-drawer-separator)",attribute:"role=menuitem",usage:"Indicates that the item of a drawer serves as a menuitem."},{selector:".k-drawer-item.k-drawer-separator",attribute:"role=separator",usage:"Indicates that the item of a drawer serves as a separator."}]};var ne=a;export{v as DRAWER_CLASSNAME,a as Drawer,ne as default};