@progress/kendo-themes-html/dist/cjs/panelbar/templates/panelbar-expand-content.js

A collection of HTML helpers used for developing Kendo UI themes

var ve=Object.create;var G=Object.defineProperty;var Ie=Object.getOwnPropertyDescriptor;var Pe=Object.getOwnPropertyNames;var Be=Object.getPrototypeOf,Ce=Object.prototype.hasOwnProperty;var Ne=(t,e)=>{for(var n in e)G(t,n,{get:e[n],enumerable:!0})},j=(t,e,n,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of Pe(e))!Ce.call(t,o)&&o!==n&&G(t,o,{get:()=>e[o],enumerable:!(r=Ie(e,o))||r.enumerable});return t};var ee=(t,e,n)=>(n=t!=null?ve(Be(t)):{},j(e||!t||!t.__esModule?G(n,"default",{value:t,enumerable:!0}):n,t)),ke=t=>j(G({},"__esModule",{value:!0}),t);var Xe={};Ne(Xe,{PanelBarExpandContent:()=>Qe});module.exports=ke(Xe);var c=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?c(...e):typeof e=="object"?Object.keys(e).map((n,r)=>e[r]||e[n]&&n||null).filter(n=>n!==null).join(" "):e).filter(e=>!!e).join(" ");var _=(t,e)=>c({[`${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"}),te=(t,e)=>{let{valid:n,invalid:r,hover:o,focus:h,checked:x,active:d,selected:I,disabled:b,indeterminate:g,loading:C,empty:v,readonly:S,highlighted:M,...N}=e;return c({"k-valid":n,"k-invalid":r,"k-hover":o,"k-focus":h,"k-checked":x,"k-active":d,"k-selected":I,"k-disabled":b,"k-indeterminate":g&&!x,"k-loading":C,"k-empty":v,"k-readonly":S,"k-highlighted":M},Object.keys(N).reduce((U,w)=>(w.startsWith("k-")?U[w]=N[w]:U[`k-${w}`]=N[w],U),{}))};var s={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var y={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},l={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 q={};function m(t){return q[t]=(q[t]||0)+1,`k-${t}-${q[t]}`}var W="panelbar",ne=W;var ae=require("react/jsx-runtime"),oe="k-panelbar",ye=[],Ae={},Ee={},f=t=>{let{activeDescendant:e,...n}=t;return(0,ae.jsx)("ul",{...n,className:c(t.className,oe),role:"tree","aria-activedescendant":e,children:t.children})};f.states=ye;f.options=Ae;f.className=oe;f.defaultOptions=Ee;f.moduleName=W;f.folderName=ne;f.ariaSpec={selector:".k-panelbar",rules:[{selector:".k-panelbar",attribute:"role=tree",usage:"The root element of the PanelBar has role tree."},{selector:".k-panelbar",attribute:"aria-activedescendant (when present)",usage:"Points to the currently focused item in the PanelBar."},{selector:".k-panelbar-group",attribute:"role=group",usage:"The ul element that wraps child nodes."},{selector:".k-panelbar-item:not(.k-expanded) > .k-panelbar-group",attribute:"aria-hidden=true",usage:"Hides the group element from assistive technologies when its parent is not expanded."},{selector:".k-panelbar-item",attribute:"role=treeitem",usage:"The li element rendered for a PanelBar item."},{selector:".k-panelbar-item",attribute:"aria-expanded=true/false",usage:"Announces the expanded state of the item (if expandable)."},{selector:".k-panelbar-item",attribute:"aria-selected=true/false",usage:"Announces the selected state of the item."}]};var F=ee(require("react"));var R=require("react/jsx-runtime"),J="k-font-icon",Le=[],Me={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[l.undefined,l.base,l.primary,l.secondary,l.tertiary,l.success,l.warning,l.error,l.info]},Oe={},$=t=>{let{size:e,themeColor:n,icon:r,rotate:o,flip:h,...x}=t;return r?(0,R.jsx)("span",{...x,className:c(t.className,J,_(J,{size:e}),{[`k-i-${r}`]:r,[`k-color-${n}`]:n,[`k-rotate-${o}`]:o,"k-flip-h":h==="h"||h==="both","k-flip-v":h==="v"||h==="both"}),"aria-hidden":"true"}):(0,R.jsx)(R.Fragment,{})};$.states=Le;$.options=Me;$.className=J;$.defaultOptions=Oe;var re=$;var O=require("react/jsx-runtime"),Q="k-svg-icon",Se=[],Te={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[l.undefined,l.base,l.primary,l.secondary,l.tertiary,l.success,l.warning,l.error,l.info],variant:[y.outline,y.solid,y.duotone]},X={viewBox:"0 0 24 24",variant:y.outline},H=t=>{var C,v;let{size:e,themeColor:n,rotate:r,flip:o,viewBox:h=X.viewBox,variant:x=X.variant,icon:d,...I}=t;if(!d)return(0,O.jsx)(O.Fragment,{});if(d==="none")return(0,O.jsx)("span",{...I,className:c(t.className,Q,_("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let b=typeof d=="object"&&d.name&&d.name,g=typeof d=="object"?x&&((C=d.variants)==null?void 0:C[x])||((v=d.variants)==null?void 0:v.outline)||d.content:void 0;return(0,O.jsx)("span",{...I,className:c(t.className,Q,_("k-icon",{size:e}),{[`k-svg-i-${b}`]:b,[`k-color-${n}`]:n,[`k-rotate-${r}`]:r,"k-flip-h":o==="h"||o==="both","k-flip-v":o==="v"||o==="both"}),"aria-hidden":"true",children:(0,O.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof d=="object"?d.viewBox:h,dangerouslySetInnerHTML:g!==void 0?{__html:g}:void 0,children:d?void 0:t.children})})};H.states=Se;H.options=Te;H.className=Q;H.defaultOptions=X;var Y=H;var Z=ee(require("@progress/kendo-svg-icons"));var ie="icon",le="icons";var ce=require("react");var se=require("react"),de=(0,se.createContext)({iconsType:"svg"});var E=require("react/jsx-runtime"),D="k-icon",we=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),_e=[],ze={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[l.undefined,l.base,l.primary,l.secondary,l.tertiary,l.success,l.warning,l.error,l.info],variant:[y.outline,y.solid,y.duotone]},K={viewBox:"0 0 24 24",type:"svg",variant:y.outline},A=t=>{let{iconsType:e}=(0,ce.useContext)(de),{size:n,themeColor:r,icon:o,type:h=e||K.type,rotate:x,flip:d,viewBox:I=K.viewBox,variant:b=K.variant,...g}=t;if(!o)return(0,E.jsx)(E.Fragment,{});if((e||h)==="svg"){if(o==="none")return(0,E.jsx)(Y,{...g,className:c(t.className,D),icon:o,size:n,variant:b});let v=Z[o]?o:we(`${o}-icon`);return Z[v]?(0,E.jsx)(Y,{...g,className:c(t.className,D),icon:Z[v],size:n,themeColor:r,rotate:x,flip:d,viewBox:I,variant:b}):(0,E.jsx)(E.Fragment,{})}return(0,E.jsx)(re,{...g,className:c(t.className,D),icon:o,size:n,themeColor:r,rotate:x,flip:d})};A.states=_e;A.options=ze;A.defaultOptions=K;A.className=D;A.moduleName=ie;A.folderName=le;A.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 L=require("react/jsx-runtime"),me="k-panelbar-item",Re=[z.hover,z.focus,z.selected,z.disabled],$e={},V={level:0,expanded:!1,text:"Item"},a=t=>{let{text:e=V.text,level:n=V.level,expanded:r=V.expanded,header:o,hover:h,focus:x,selected:d,disabled:I,icon:b,iconClass:g,ariaSelected:C,children:v,...S}=t,M=!!v;return(0,L.jsxs)("li",{...S,className:c(t.className,me,{"k-panelbar-header":o,[`k-level-${n}`]:n||n===0,"k-expanded":r}),role:"treeitem","aria-expanded":M?r?"true":"false":void 0,"aria-selected":C?"true":"false","aria-disabled":I?"true":void 0,children:[(0,L.jsxs)("span",{className:c("k-link",te("k-link",{hover:h,focus:x,disabled:I,selected:d})),children:[b&&(0,L.jsx)(A,{className:"k-panelbar-item-icon",icon:b}),g&&!b&&(0,L.jsx)("span",{className:`k-panelbar-item-icon ${g}`}),(0,L.jsx)("span",{className:"k-panelbar-item-text",children:e}),M&&(0,L.jsx)(A,{className:c("k-panelbar-toggle",r?"k-panelbar-collapse":"k-panelbar-expand"),icon:`chevron-${r?"up":"down"}`})]}),r&&v,!r&&v&&F.default.Children.map(v,N=>F.default.isValidElement(N)?F.default.cloneElement(N,{"aria-hidden":"true",style:{display:"none"}}):N)]})};a.states=Re;a.options=$e;a.className=me;a.defaultOptions=V;var ue=require("react/jsx-runtime"),pe="k-panelbar-group",He=[],Ge={},De={},k=t=>{let{ariaHidden:e,...n}=t;return(0,ue.jsx)("ul",{...n,className:c(t.className,pe),role:"group",...e!==void 0&&{"aria-hidden":e?"true":void 0},children:t.children})};k.states=He;k.options=Ge;k.className=pe;k.defaultOptions=De;var xe=require("react/jsx-runtime"),fe="k-panelbar-content",Ke=[],Fe={},Ve={},p=t=>{let{...e}=t;return(0,xe.jsx)("div",{...e,className:c(t.className,fe),children:t.children})};p.states=Ke;p.options=Fe;p.className=fe;p.defaultOptions=Ve;var B=require("react/jsx-runtime"),he=t=>{let e=m("pb-item"),n=m("pb-item"),r=m("pb-item"),o=m("pb-item");return(0,B.jsx)(f,{children:(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(a,{header:!0,text:"Item 1",id:e,children:(0,B.jsx)(p,{children:"content"})}),(0,B.jsx)(a,{header:!0,text:"Item 2",id:n,children:(0,B.jsx)(p,{children:"content"})}),(0,B.jsx)(a,{header:!0,text:"Item 3",id:r,children:(0,B.jsx)(p,{children:"content"})}),(0,B.jsx)(a,{header:!0,text:"Item 4",id:o})]}),...t})};var u=require("react/jsx-runtime"),be=t=>{let e=m("pb-item"),n=m("pb-item"),r=m("pb-item"),o=m("pb-item"),h=m("pb-child"),x=m("pb-child"),d=m("pb-child"),I=m("pb-child"),b=m("pb-child"),g=m("pb-child"),C=m("pb-child");return(0,u.jsx)(f,{activeDescendant:n,children:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(a,{header:!0,text:"Item 1",id:e,children:(0,u.jsx)(p,{children:"content"})}),(0,u.jsx)(a,{header:!0,expanded:!0,text:"Item 2",id:n,ariaSelected:!0,focus:!0,children:(0,u.jsxs)(k,{children:[(0,u.jsx)(a,{level:1,text:"Child 1",id:h}),(0,u.jsx)(a,{level:1,expanded:!0,text:"Child 2",id:x,children:(0,u.jsxs)(k,{children:[(0,u.jsx)(a,{level:2,text:"Child 2.1",id:d}),(0,u.jsx)(a,{level:2,text:"Child 2.2",id:I})]})}),(0,u.jsx)(a,{level:1,text:"Child 3",id:b,children:(0,u.jsx)(k,{children:(0,u.jsx)(a,{level:2,text:"Child 3.1",id:g})})}),(0,u.jsx)(a,{level:1,text:"Child 4",id:C})]})}),(0,u.jsx)(a,{header:!0,text:"Item 3",id:r,children:(0,u.jsx)(p,{children:"content"})}),(0,u.jsx)(a,{header:!0,text:"Item 4",id:o})]}),...t})};var i=require("react/jsx-runtime"),Ue=f.options,qe=f.states,ge={...f.defaultOptions,variant:"normal"},We=[{name:"normal",title:"Normal"},{name:"expand",title:"Expanded"}],Je=[{name:"icon",title:"Item icons"},{name:"disabled",title:"Disabled item"}],T=t=>{var x,d,I,b,g,C,v,S,M;let{variant:e,modifiers:n,...r}={...ge,...t},o={},h={folder:"folder",gear:"gear",file:"file",image:"image"};return Object.keys(n||{}).forEach(N=>{switch(N){case"icon":{o.icon=n!=null&&n[N]?h:void 0;break}case"disabled":o.disabled=!!(n!=null&&n[N])}}),e==="expand"?(0,i.jsx)(i.Fragment,{children:(0,i.jsxs)(be,{style:{width:"300px"},...r,children:[(0,i.jsx)(a,{icon:(x=o.icon)==null?void 0:x.gear,header:!0,text:"Item 1",children:(0,i.jsx)(p,{children:"content"})}),(0,i.jsx)(a,{icon:(d=o.icon)==null?void 0:d.folder,selected:!0,header:!0,expanded:!0,text:"Item 2",children:(0,i.jsxs)(k,{children:[(0,i.jsx)(a,{level:1,text:"Child 1"}),(0,i.jsx)(a,{level:1,expanded:!0,text:"Child 2",children:(0,i.jsxs)(k,{children:[(0,i.jsx)(a,{level:2,text:"Child 2.1"}),(0,i.jsx)(a,{icon:(I=o.icon)==null?void 0:I.image,level:2,text:"Child 2.2"})]})}),(0,i.jsx)(a,{disabled:o.disabled,level:1,text:"Child 3",children:(0,i.jsx)(p,{children:"content"})}),(0,i.jsx)(a,{level:1,text:"Child 4"})]})}),(0,i.jsx)(a,{icon:(b=o.icon)==null?void 0:b.folder,disabled:o.disabled,header:!0,text:"Item 3",children:(0,i.jsx)(p,{children:"content"})}),(0,i.jsx)(a,{icon:(g=o.icon)==null?void 0:g.file,header:!0,text:"Item 4"})]})}):(0,i.jsx)(i.Fragment,{children:(0,i.jsxs)(he,{style:{width:"300px"},...r,children:[(0,i.jsx)(a,{icon:(C=o.icon)==null?void 0:C.gear,header:!0,text:"Item 1",children:(0,i.jsx)(p,{children:"content"})}),(0,i.jsx)(a,{icon:(v=o.icon)==null?void 0:v.folder,header:!0,text:"Item 2",children:(0,i.jsx)(p,{children:"content"})}),(0,i.jsx)(a,{icon:(S=o.icon)==null?void 0:S.folder,disabled:o.disabled,header:!0,text:"Item 3",children:(0,i.jsx)(p,{children:"content"})}),(0,i.jsx)(a,{icon:(M=o.icon)==null?void 0:M.file,header:!0,text:"Item 4"})]})})};T.options=Ue;T.states=qe;T.variants=We;T.defaultOptions=ge;T.modifiers=Je;T.className=f.className;var P=require("react/jsx-runtime"),Qe=t=>{let e=m("pb-item"),n=m("pb-item"),r=m("pb-item"),o=m("pb-item");return(0,P.jsx)(f,{activeDescendant:e,children:(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(a,{header:!0,expanded:!0,text:"Item 1",id:e,ariaSelected:!0,focus:!0,children:(0,P.jsx)(p,{children:(0,P.jsx)("p",{children:"Paragraph content in template."})})}),(0,P.jsx)(a,{header:!0,text:"Item 2",id:n,children:(0,P.jsx)(p,{children:"content"})}),(0,P.jsx)(a,{header:!0,text:"Item 3",id:r,children:(0,P.jsx)(p,{children:"content"})}),(0,P.jsx)(a,{header:!0,text:"Item 4",id:o})]}),...t})};