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

A collection of HTML helpers used for developing Kendo UI themes

var ke=Object.create;var V=Object.defineProperty;var Ie=Object.getOwnPropertyDescriptor;var Se=Object.getOwnPropertyNames;var Te=Object.getPrototypeOf,_e=Object.prototype.hasOwnProperty;var Ke=(e,t)=>{for(var n in t)V(e,n,{get:t[n],enumerable:!0})},ne=(e,t,n,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of Se(t))!_e.call(e,a)&&a!==n&&V(e,a,{get:()=>t[a],enumerable:!(l=Ie(t,a))||l.enumerable});return e};var He=(e,t,n)=>(n=e!=null?ke(Te(e)):{},ne(t||!e||!e.__esModule?V(n,"default",{value:e,enumerable:!0}):n,e)),Pe=e=>ne(V({},"__esModule",{value:!0}),e);var gt={};Ke(gt,{DrawerWithHierarchy:()=>Dt});module.exports=Pe(gt);var i=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?i(...t):typeof t=="object"?Object.keys(t).map((n,l)=>t[l]||t[n]&&n||null).filter(n=>n!==null).join(" "):t).filter(t=>!!t).join(" ");var P=(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"}),ae=(e,t)=>{let{valid:n,invalid:l,hover:a,focus:p,checked:u,active:m,selected:A,disabled:y,indeterminate:O,loading:K,empty:L,readonly:Re,highlighted:Le,...G}=t;return i({"k-valid":n,"k-invalid":l,"k-hover":a,"k-focus":p,"k-checked":u,"k-active":m,"k-selected":A,"k-disabled":y,"k-indeterminate":O&&!u,"k-loading":K,"k-empty":L,"k-readonly":Re,"k-highlighted":Le},Object.keys(G).reduce((Y,H)=>(H.startsWith("k-")?Y[H]=G[H]:Y[`k-${H}`]=G[H],Y),{}))};var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var b={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"},z={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 v="drawer",N=v;var se=require("react/jsx-runtime"),ie="k-drawer-container",ze=[],Fe={},$e={},M=e=>{let{...t}=e;return(0,se.jsx)("div",{...t,className:i(ie,e.className),children:e.children})};M.states=ze;M.options=Fe;M.className=ie;M.defaultOptions=$e;M.moduleName=v;M.folderName=N;var J="overlay",le=J;var me=require("react/jsx-runtime"),de="k-overlay",We=[],qe={},Ve={},R=e=>{let{...t}=e;return(0,me.jsx)("div",{...t,className:i(e.className,de),children:e.children})};R.states=We;R.options=qe;R.className=de;R.defaultOptions=Ve;R.moduleName=J;R.folderName=le;var k=require("react/jsx-runtime"),ce="k-drawer",Be=[],Ue={position:["start","end"],mode:["overlay","push"]},F={mini:!1,mode:"push",position:"start",expanded:!1},c=e=>{let{expanded:t=F.expanded,mini:n=F.mini,position:l=F.position,mode:a=F.mode,items:p,width:u,...m}=e;return(0,k.jsxs)(M,{className:i({"k-drawer-mini":n&&!t,[`k-drawer-${a}`]:a,"k-drawer-expanded":t}),children:[a==="overlay"&&(0,k.jsx)(R,{}),(0,k.jsx)("div",{...m,className:i(e.className,ce,{[`k-drawer-${l}`]:l}),children:(0,k.jsx)("div",{className:"k-drawer-wrapper",style:{width:u},children:(0,k.jsx)("ul",{className:"k-drawer-items",role:"menubar","aria-orientation":"vertical",children:p})})}),e.children]})};c.states=Be;c.options=Ue;c.className=ce;c.defaultOptions=F;c.moduleName=v;c.folderName=N;c.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 ue=require("react/jsx-runtime"),pe="k-drawer-push",Ge=[],Ye={},Je={},S=e=>{let{...t}=e;return(0,ue.jsx)("div",{...t,className:i(e.className,pe),children:e.children})};S.states=Ge;S.options=Ye;S.className=pe;S.defaultOptions=Je;S.moduleName=v;S.folderName=N;var xe=require("react/jsx-runtime"),fe="k-drawer-overlay",Xe=[],Qe={},Ze={},T=e=>{let{...t}=e;return(0,xe.jsx)("div",{...t,className:i(e.className,fe),children:e.children})};T.states=Xe;T.options=Qe;T.className=fe;T.defaultOptions=Ze;T.moduleName=v;T.folderName=N;var he=require("react/jsx-runtime"),ve="k-drawer-content",je=[],et={},tt={},f=e=>{let{...t}=e;return(0,he.jsx)("div",{...t,className:i(e.className,ve),children:e.children})};f.states=je;f.options=et;f.className=ve;f.defaultOptions=tt;f.moduleName=v;f.folderName=N;var $=require("react/jsx-runtime"),X="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={},W=e=>{let{size:t,themeColor:n,icon:l,rotate:a,flip:p,...u}=e;return l?(0,$.jsx)("span",{...u,className:i(e.className,X,P(X,{size:t}),{[`k-i-${l}`]:l,[`k-color-${n}`]:n,[`k-rotate-${a}`]:a,"k-flip-h":p==="h"||p==="both","k-flip-v":p==="v"||p==="both"}),"aria-hidden":"true"}):(0,$.jsx)($.Fragment,{})};W.states=ot;W.options=rt;W.className=X;W.defaultOptions=nt;var we=W;var I=require("react/jsx-runtime"),Q="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:[b.outline,b.solid,b.duotone]},Z={viewBox:"0 0 24 24",variant:b.outline},q=e=>{var K,L;let{size:t,themeColor:n,rotate:l,flip:a,viewBox:p=Z.viewBox,variant:u=Z.variant,icon:m,...A}=e;if(!m)return(0,I.jsx)(I.Fragment,{});if(m==="none")return(0,I.jsx)("span",{...A,className:i(e.className,Q,P("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let y=typeof m=="object"&&m.name&&m.name,O=typeof m=="object"?u&&((K=m.variants)==null?void 0:K[u])||((L=m.variants)==null?void 0:L.outline)||m.content:void 0;return(0,I.jsx)("span",{...A,className:i(e.className,Q,P("k-icon",{size:t}),{[`k-svg-i-${y}`]:y,[`k-color-${n}`]:n,[`k-rotate-${l}`]:l,"k-flip-h":a==="h"||a==="both","k-flip-v":a==="v"||a==="both"}),"aria-hidden":"true",children:(0,I.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:p,dangerouslySetInnerHTML:O!==void 0?{__html:O}:void 0,children:m?void 0:e.children})})};q.states=at;q.options=it;q.className=Q;q.defaultOptions=Z;var j=q;var ee=He(require("@progress/kendo-svg-icons"));var Ne="icon",De="icons";var Ee=require("react");var ge=require("react"),be=(0,ge.createContext)({iconsType:"svg"});var C=require("react/jsx-runtime"),B="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:[b.outline,b.solid,b.duotone]},U={viewBox:"0 0 24 24",type:"svg",variant:b.outline},E=e=>{let{iconsType:t}=(0,Ee.useContext)(be),{size:n,themeColor:l,icon:a,type:p=t||U.type,rotate:u,flip:m,viewBox:A=U.viewBox,variant:y=U.variant,...O}=e;if(!a)return(0,C.jsx)(C.Fragment,{});if((t||p)==="svg"){if(a==="none")return(0,C.jsx)(j,{...O,className:i(e.className,B),icon:a,size:n,variant:y});let L=ee[a]?a:st(`${a}-icon`);return ee[L]?(0,C.jsx)(j,{...O,className:i(e.className,B),icon:ee[L],size:n,themeColor:l,rotate:u,flip:m,viewBox:A,variant:y}):(0,C.jsx)(C.Fragment,{})}return(0,C.jsx)(we,{...O,className:i(e.className,B),icon:a,size:n,themeColor:l,rotate:u,flip:m})};E.states=lt;E.options=dt;E.defaultOptions=U;E.className=B;E.moduleName=Ne;E.folderName=De;E.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 g=require("react/jsx-runtime"),te="k-drawer-item",mt=[z.hover,z.focus,z.selected,z.disabled],ct={},ye={level:0},r=e=>{let{icon:t,text:n,level:l=ye.level,hover:a,focus:p,selected:u,disabled:m,expanded:A,hasChildren:y}=e;return(0,g.jsxs)("li",{className:i(e.className,te,ae(te,{hover:a,focus:p,selected:u,disabled:m}),{[`k-level-${l}`]:l||l===0}),role:"menuitem",children:[t&&(0,g.jsx)(E,{icon:t}),n&&(0,g.jsx)("span",{className:"k-item-text",children:n}),y&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("span",{className:"k-spacer"}),(0,g.jsx)("span",{className:"k-drawer-toggle",children:(0,g.jsx)(E,{icon:`chevron-${A?"up":"down"}`})})]}),e.children]})};r.states=mt;r.options=ct;r.className=te;r.defaultOptions=ye;r.moduleName=v;r.folderName=N;var Ae=require("react/jsx-runtime"),Ce="k-drawer-separator",pt=[],ut={},ft={},D=e=>{let{...t}=e;return(0,Ae.jsx)("div",{...t,className:i("k-drawer-item",Ce),role:"separator"})};D.states=pt;D.options=ut;D.className=Ce;D.defaultOptions=ft;var h=require("react/jsx-runtime"),oe=e=>(0,h.jsx)(c,{expanded:!0,items:(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(r,{text:"Inbox"}),(0,h.jsx)(D,{}),(0,h.jsx)(r,{icon:"bell",text:"Notification"}),(0,h.jsx)(r,{icon:"star",text:"Favourites"}),(0,h.jsx)(r,{icon:"calendar",text:"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."})})});var w=require("react/jsx-runtime"),Oe=e=>(0,w.jsx)(c,{mini:!0,items:(0,w.jsxs)(w.Fragment,{children:[(0,w.jsx)(r,{icon:"inbox",text:"Inbox",level:"","aria-label":"Inbox"}),(0,w.jsx)(r,{icon:"bell",text:"Notification",level:"","aria-label":"Notification"}),(0,w.jsx)(D,{}),(0,w.jsx)(r,{icon:"star",text:"Favourites",level:"","aria-label":"Favourites"}),(0,w.jsx)(r,{icon:"calendar",text:"Calendar",level:"","aria-label":"Calendar"})]}),...e,children:e.children||(0,w.jsx)(f,{children:(0,w.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 re=require("react/jsx-runtime");var o=require("react/jsx-runtime"),xt=c.options,vt=c.states,Me={...c.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=[],_=e=>{let{variant:t,modifiers:n,...l}={...Me,...e},a={};Object.keys(n||{}).forEach(u=>{u==="end-position"&&(a.position=n!=null&&n[u]?"end":void 0)});let p=(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)(Oe,{...l,...a,mini:!0,items:(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(r,{selected:!0,icon:"inbox",text:"Inbox",level:""}),(0,o.jsx)(r,{icon:"bell",text:"Notification",level:""}),(0,o.jsx)(D,{}),(0,o.jsx)(r,{icon:"star",text:"Favourites",level:""}),(0,o.jsx)(r,{icon:"calendar",text:"Calendar",level:""})]}),children:(0,o.jsx)(f,{children:p})})});case"overlay":return(0,o.jsx)(o.Fragment,{children:(0,o.jsx)(oe,{...l,...a,mode:"overlay",expanded:!0,items:(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(r,{selected:!0,text:"Inbox"}),(0,o.jsx)(r,{icon:"bell",text:"Notification"}),(0,o.jsx)(D,{}),(0,o.jsx)(r,{icon:"star",text:"Favourites"}),(0,o.jsx)(r,{icon:"calendar",text:"Calendar"})]}),children:(0,o.jsx)(f,{children:p})})});default:return(0,o.jsx)(o.Fragment,{children:(0,o.jsx)(oe,{...l,...a,expanded:!0,items:(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(r,{selected:!0,text:"Inbox"}),(0,o.jsx)(r,{icon:"bell",text:"Notification"}),(0,o.jsx)(D,{}),(0,o.jsx)(r,{icon:"star",text:"Favourites"}),(0,o.jsx)(r,{icon:"calendar",text:"Calendar"})]}),children:(0,o.jsx)(f,{children:p})})})}};_.options=xt;_.states=vt;_.variants=wt;_.defaultOptions=Me;_.modifiers=Nt;_.className=c.className;var x=require("react/jsx-runtime"),Dt=e=>(0,x.jsx)(c,{expanded:!0,items:(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(r,{icon:"info-circle",text:"Getting Started",hasChildren:!0}),(0,x.jsx)(r,{icon:"question-circle",text:"About Kendo UI",level:1}),(0,x.jsx)(r,{icon:"palette",text:"Supported Themes",level:2}),(0,x.jsx)(r,{icon:"search",text:"Overview",hasChildren:!0,expanded:!0}),(0,x.jsx)(r,{icon:"star",text:"Most Popular Widgets",hasChildren:!0}),(0,x.jsx)(r,{icon:"palette",text:"Supported Themes",level:1})]}),...e,children:e.children||(0,x.jsx)(f,{children:(0,x.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."})})});