@progress/kendo-themes-html/dist/cjs/drawer/templates/drawer-mini.js

A collection of HTML helpers used for developing Kendo UI themes

var ke=Object.create;var q=Object.defineProperty;var Ie=Object.getOwnPropertyDescriptor;var Se=Object.getOwnPropertyNames;var Te=Object.getPrototypeOf,_e=Object.prototype.hasOwnProperty;var Ke=(e,t)=>{for(var r in t)q(e,r,{get:t[r],enumerable:!0})},ae=(e,t,r,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Se(t))!_e.call(e,n)&&n!==r&&q(e,n,{get:()=>t[n],enumerable:!(l=Ie(t,n))||l.enumerable});return e};var He=(e,t,r)=>(r=e!=null?ke(Te(e)):{},ae(t||!e||!e.__esModule?q(r,"default",{value:e,enumerable:!0}):r,e)),Pe=e=>ae(q({},"__esModule",{value:!0}),e);var Dt={};Ke(Dt,{DrawerMini:()=>ne});module.exports=Pe(Dt);var i=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?i(...t):typeof t=="object"?Object.keys(t).map((r,l)=>t[l]||t[r]&&r||null).filter(r=>r!==null).join(" "):t).filter(t=>!!t).join(" ");var H=(e,t)=>i({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),ie=(e,t)=>{let{valid:r,invalid:l,hover:n,focus:c,checked:u,active:m,selected:C,disabled:E,indeterminate:A,loading:_,empty:R,readonly:Re,highlighted:Le,...U}=t;return i({"k-valid":r,"k-invalid":l,"k-hover":n,"k-focus":c,"k-checked":u,"k-active":m,"k-selected":C,"k-disabled":E,"k-indeterminate":A&&!u,"k-loading":_,"k-empty":R,"k-readonly":Re,"k-highlighted":Le},Object.keys(U).reduce((G,K)=>(K.startsWith("k-")?G[K]=U[K]:G[`k-${K}`]=U[K],G),{}))};var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var g={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},s={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},P={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 x="drawer",w=x;var le=require("react/jsx-runtime"),se="k-drawer-container",ze=[],Fe={},$e={},O=e=>{let{...t}=e;return(0,le.jsx)("div",{...t,className:i(se,e.className),children:e.children})};O.states=ze;O.options=Fe;O.className=se;O.defaultOptions=$e;O.moduleName=x;O.folderName=w;var Y="overlay",de=Y;var ce=require("react/jsx-runtime"),me="k-overlay",We=[],qe={},Ve={},M=e=>{let{...t}=e;return(0,ce.jsx)("div",{...t,className:i(e.className,me),children:e.children})};M.states=We;M.options=qe;M.className=me;M.defaultOptions=Ve;M.moduleName=Y;M.folderName=de;var L=require("react/jsx-runtime"),pe="k-drawer",Be=[],Ue={position:["start","end"],mode:["overlay","push"]},z={mini:!1,mode:"push",position:"start",expanded:!1},p=e=>{let{expanded:t=z.expanded,mini:r=z.mini,position:l=z.position,mode:n=z.mode,items:c,width:u,...m}=e;return(0,L.jsxs)(O,{className:i({"k-drawer-mini":r&&!t,[`k-drawer-${n}`]:n,"k-drawer-expanded":t}),children:[n==="overlay"&&(0,L.jsx)(M,{}),(0,L.jsx)("div",{...m,className:i(e.className,pe,{[`k-drawer-${l}`]:l}),children:(0,L.jsx)("div",{className:"k-drawer-wrapper",style:{width:u},children:(0,L.jsx)("ul",{className:"k-drawer-items",role:"menubar","aria-orientation":"vertical",children:c})})}),e.children]})};p.states=Be;p.options=Ue;p.className=pe;p.defaultOptions=z;p.moduleName=x;p.folderName=w;p.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 fe=require("react/jsx-runtime"),ue="k-drawer-push",Ge=[],Ye={},Je={},I=e=>{let{...t}=e;return(0,fe.jsx)("div",{...t,className:i(e.className,ue),children:e.children})};I.states=Ge;I.options=Ye;I.className=ue;I.defaultOptions=Je;I.moduleName=x;I.folderName=w;var ve=require("react/jsx-runtime"),xe="k-drawer-overlay",Xe=[],Qe={},Ze={},S=e=>{let{...t}=e;return(0,ve.jsx)("div",{...t,className:i(e.className,xe),children:e.children})};S.states=Xe;S.options=Qe;S.className=xe;S.defaultOptions=Ze;S.moduleName=x;S.folderName=w;var we=require("react/jsx-runtime"),he="k-drawer-content",je=[],et={},tt={},f=e=>{let{...t}=e;return(0,we.jsx)("div",{...t,className:i(e.className,he),children:e.children})};f.states=je;f.options=et;f.className=he;f.defaultOptions=tt;f.moduleName=x;f.folderName=w;var F=require("react/jsx-runtime"),J="k-font-icon",ot=[],rt={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info]},nt={},$=e=>{let{size:t,themeColor:r,icon:l,rotate:n,flip:c,...u}=e;return l?(0,F.jsx)("span",{...u,className:i(e.className,J,H(J,{size:t}),{[`k-i-${l}`]:l,[`k-color-${r}`]:r,[`k-rotate-${n}`]:n,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"}),"aria-hidden":"true"}):(0,F.jsx)(F.Fragment,{})};$.states=ot;$.options=rt;$.className=J;$.defaultOptions=nt;var Ne=$;var k=require("react/jsx-runtime"),X="k-svg-icon",at=[],it={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info],variant:[g.outline,g.solid,g.duotone]},Q={viewBox:"0 0 24 24",variant:g.outline},W=e=>{var _,R;let{size:t,themeColor:r,rotate:l,flip:n,viewBox:c=Q.viewBox,variant:u=Q.variant,icon:m,...C}=e;if(!m)return(0,k.jsx)(k.Fragment,{});if(m==="none")return(0,k.jsx)("span",{...C,className:i(e.className,X,H("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let E=typeof m=="object"&&m.name&&m.name,A=typeof m=="object"?u&&((_=m.variants)==null?void 0:_[u])||((R=m.variants)==null?void 0:R.outline)||m.content:void 0;return(0,k.jsx)("span",{...C,className:i(e.className,X,H("k-icon",{size:t}),{[`k-svg-i-${E}`]:E,[`k-color-${r}`]:r,[`k-rotate-${l}`]:l,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true",children:(0,k.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:c,dangerouslySetInnerHTML:A!==void 0?{__html:A}:void 0,children:m?void 0:e.children})})};W.states=at;W.options=it;W.className=X;W.defaultOptions=Q;var Z=W;var j=He(require("@progress/kendo-svg-icons"));var De="icon",ge="icons";var ye=require("react");var be=require("react"),Ee=(0,be.createContext)({iconsType:"svg"});var y=require("react/jsx-runtime"),V="k-icon",st=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),lt=[],dt={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[s.undefined,s.base,s.primary,s.secondary,s.tertiary,s.success,s.warning,s.error,s.info],variant:[g.outline,g.solid,g.duotone]},B={viewBox:"0 0 24 24",type:"svg",variant:g.outline},b=e=>{let{iconsType:t}=(0,ye.useContext)(Ee),{size:r,themeColor:l,icon:n,type:c=t||B.type,rotate:u,flip:m,viewBox:C=B.viewBox,variant:E=B.variant,...A}=e;if(!n)return(0,y.jsx)(y.Fragment,{});if((t||c)==="svg"){if(n==="none")return(0,y.jsx)(Z,{...A,className:i(e.className,V),icon:n,size:r,variant:E});let R=j[n]?n:st(`${n}-icon`);return j[R]?(0,y.jsx)(Z,{...A,className:i(e.className,V),icon:j[R],size:r,themeColor:l,rotate:u,flip:m,viewBox:C,variant:E}):(0,y.jsx)(y.Fragment,{})}return(0,y.jsx)(Ne,{...A,className:i(e.className,V),icon:n,size:r,themeColor:l,rotate:u,flip:m})};b.states=lt;b.options=dt;b.defaultOptions=B;b.className=V;b.moduleName=De;b.folderName=ge;b.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var D=require("react/jsx-runtime"),ee="k-drawer-item",mt=[P.hover,P.focus,P.selected,P.disabled],ct={},Ce={level:0},a=e=>{let{icon:t,text:r,level:l=Ce.level,hover:n,focus:c,selected:u,disabled:m,expanded:C,hasChildren:E}=e;return(0,D.jsxs)("li",{className:i(e.className,ee,ie(ee,{hover:n,focus:c,selected:u,disabled:m}),{[`k-level-${l}`]:l||l===0}),role:"menuitem",children:[t&&(0,D.jsx)(b,{icon:t}),r&&(0,D.jsx)("span",{className:"k-item-text",children:r}),E&&(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)("span",{className:"k-spacer"}),(0,D.jsx)("span",{className:"k-drawer-toggle",children:(0,D.jsx)(b,{icon:`chevron-${C?"up":"down"}`})})]}),e.children]})};a.states=mt;a.options=ct;a.className=ee;a.defaultOptions=Ce;a.moduleName=x;a.folderName=w;var Oe=require("react/jsx-runtime"),Ae="k-drawer-separator",pt=[],ut={},ft={},N=e=>{let{...t}=e;return(0,Oe.jsx)("div",{...t,className:i("k-drawer-item",Ae),role:"separator"})};N.states=pt;N.options=ut;N.className=Ae;N.defaultOptions=ft;var v=require("react/jsx-runtime"),te=e=>(0,v.jsx)(p,{expanded:!0,items:(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(a,{text:"Inbox"}),(0,v.jsx)(N,{}),(0,v.jsx)(a,{icon:"bell",text:"Notification"}),(0,v.jsx)(a,{icon:"star",text:"Favourites"}),(0,v.jsx)(a,{icon:"calendar",text:"Calendar"})]}),...e,children:e.children||(0,v.jsx)(f,{children:(0,v.jsx)("p",{children:"Lorem ipsum dolor sit amet consectetur adipisicing elit.olor sit amet consectetur adipisicing elit. Error accusantium odit, optio nulla maiores quo neque fugit debitis dignissimos incidunt maxime? Eum voluptatem blanditiis voluptatum praesentium dolorem, dolore placeat debitis quod delectus laborum assumenda cupiditate."})})});var oe=require("react/jsx-runtime");var re=require("react/jsx-runtime");var o=require("react/jsx-runtime"),xt=p.options,vt=p.states,Me={...p.defaultOptions,variant:"normal"},ht=`
.custom-content ul {
    padding: 0;
}
.custom-content li {
    font-size: 1.2em;
    border-width: 0 0 1px;
    border-color: rgba(33, 37, 41, 0.125);
    border-style: solid;
    padding: 1em
}
.custom-content li:last-child {
    border: 0;
}
`,wt=[{name:"normal",title:"Normal"},{name:"mini",title:"Mini"},{name:"overlay",title:"Overlay"}],Nt=[],T=e=>{let{variant:t,modifiers:r,...l}={...Me,...e},n={};Object.keys(r||{}).forEach(u=>{u==="end-position"&&(n.position=r!=null&&r[u]?"end":void 0)});let c=(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("style",{children:ht}),(0,o.jsx)("div",{className:"custom-content",children:(0,o.jsxs)("ul",{children:[(0,o.jsx)("li",{children:(0,o.jsx)("p",{children:"Hi Tom, Since Monday I'll be out of office, I'm rescheduling the meeting for Tuesday."})}),(0,o.jsx)("li",{children:(0,o.jsx)("p",{children:"Hi Tom, my aunt comes for a visit this Saturday, so I can't come back to St. Pete..."})})]})})]});switch(t){case"mini":return(0,o.jsx)(o.Fragment,{children:(0,o.jsx)(ne,{...l,...n,mini:!0,items:(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(a,{selected:!0,icon:"inbox",text:"Inbox",level:""}),(0,o.jsx)(a,{icon:"bell",text:"Notification",level:""}),(0,o.jsx)(N,{}),(0,o.jsx)(a,{icon:"star",text:"Favourites",level:""}),(0,o.jsx)(a,{icon:"calendar",text:"Calendar",level:""})]}),children:(0,o.jsx)(f,{children:c})})});case"overlay":return(0,o.jsx)(o.Fragment,{children:(0,o.jsx)(te,{...l,...n,mode:"overlay",expanded:!0,items:(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(a,{selected:!0,text:"Inbox"}),(0,o.jsx)(a,{icon:"bell",text:"Notification"}),(0,o.jsx)(N,{}),(0,o.jsx)(a,{icon:"star",text:"Favourites"}),(0,o.jsx)(a,{icon:"calendar",text:"Calendar"})]}),children:(0,o.jsx)(f,{children:c})})});default:return(0,o.jsx)(o.Fragment,{children:(0,o.jsx)(te,{...l,...n,expanded:!0,items:(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(a,{selected:!0,text:"Inbox"}),(0,o.jsx)(a,{icon:"bell",text:"Notification"}),(0,o.jsx)(N,{}),(0,o.jsx)(a,{icon:"star",text:"Favourites"}),(0,o.jsx)(a,{icon:"calendar",text:"Calendar"})]}),children:(0,o.jsx)(f,{children:c})})})}};T.options=xt;T.states=vt;T.variants=wt;T.defaultOptions=Me;T.modifiers=Nt;T.className=p.className;var h=require("react/jsx-runtime"),ne=e=>(0,h.jsx)(p,{mini:!0,items:(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(a,{icon:"inbox",text:"Inbox",level:"","aria-label":"Inbox"}),(0,h.jsx)(a,{icon:"bell",text:"Notification",level:"","aria-label":"Notification"}),(0,h.jsx)(N,{}),(0,h.jsx)(a,{icon:"star",text:"Favourites",level:"","aria-label":"Favourites"}),(0,h.jsx)(a,{icon:"calendar",text:"Calendar",level:"","aria-label":"Calendar"})]}),...e,children:e.children||(0,h.jsx)(f,{children:(0,h.jsx)("p",{children:"Lorem ipsum dolor sit amet consectetur adipisicing elit.olor sit amet consectetur adipisicing elit. Error accusantium odit, optio nulla maiores quo neque fugit debitis dignissimos incidunt maxime? Eum voluptatem blanditiis voluptatum praesentium dolorem, dolore placeat debitis quod delectus laborum assumenda cupiditate."})})});