@progress/kendo-themes-html/dist/esm/panelbar/panelbar-item.mjs

A collection of HTML helpers used for developing Kendo UI themes

import H from"react";var l=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?l(...e):typeof e=="object"?Object.keys(e).map((r,a)=>e[a]||e[r]&&r||null).filter(r=>r!==null).join(" "):e).filter(e=>!!e).join(" ");var y=(t,e)=>l({[`${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:a,hover:i,focus:c,checked:d,active:s,selected:x,disabled:m,indeterminate:u,loading:S,empty:g,readonly:w,highlighted:O,...h}=e;return l({"k-valid":r,"k-invalid":a,"k-hover":i,"k-focus":c,"k-checked":d,"k-active":s,"k-selected":x,"k-disabled":m,"k-indeterminate":u&&!d,"k-loading":S,"k-empty":g,"k-readonly":w,"k-highlighted":O},Object.keys(h).reduce((E,v)=>(v.startsWith("k-")?E[v]=h[v]:E[`k-${v}`]=h[v],E),{}))};var o={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var p={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},n={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},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"};import{Fragment as Y,jsx as V}from"react/jsx-runtime";var L="k-font-icon",J=[],Q={size:[o.undefined,o.xsmall,o.small,o.medium,o.large,o.xlarge,o.xxlarge,o.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info]},X={},b=t=>{let{size:e,themeColor:r,icon:a,rotate:i,flip:c,...d}=t;return a?V("span",{...d,className:l(t.className,L,y(L,{size:e}),{[`k-i-${a}`]:a,[`k-color-${r}`]:r,[`k-rotate-${i}`]:i,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"}),"aria-hidden":"true"}):V(Y,{})};b.states=J;b.options=Q;b.className=L;b.defaultOptions=X;var G=b;import{Fragment as te,jsx as z}from"react/jsx-runtime";var B="k-svg-icon",Z=[],ee={size:[o.undefined,o.xsmall,o.small,o.medium,o.large,o.xlarge,o.xxlarge,o.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info],variant:[p.outline,p.solid,p.duotone]},_={viewBox:"0 0 24 24",variant:p.outline},C=t=>{let{size:e,themeColor:r,rotate:a,flip:i,viewBox:c=_.viewBox,variant:d=_.variant,icon:s,...x}=t;if(!s)return z(te,{});if(s==="none")return z("span",{...x,className:l(t.className,B,y("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let m=typeof s=="object"&&s.name&&s.name,u=typeof s=="object"?d&&s.variants?.[d]||s.variants?.outline||s.content:void 0;return z("span",{...x,className:l(t.className,B,y("k-icon",{size:e}),{[`k-svg-i-${m}`]:m,[`k-color-${r}`]:r,[`k-rotate-${a}`]:a,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),"aria-hidden":"true",children:z("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof s=="object"?s.viewBox:c,dangerouslySetInnerHTML:u!==void 0?{__html:u}:void 0,children:s?void 0:t.children})})};C.states=Z;C.options=ee;C.className=B;C.defaultOptions=_;var P=C;import*as R from"@progress/kendo-svg-icons";var K="icon",j="icons";import{useContext as oe}from"react";import{createContext as ne}from"react";var D=ne({iconsType:"svg"});import{Fragment as U,jsx as N}from"react/jsx-runtime";var M="k-icon",re=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),ae=[],ie={size:[o.undefined,o.xsmall,o.small,o.medium,o.large,o.xlarge,o.xxlarge,o.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info],variant:[p.outline,p.solid,p.duotone]},T={viewBox:"0 0 24 24",type:"svg",variant:p.outline},f=t=>{let{iconsType:e}=oe(D),{size:r,themeColor:a,icon:i,type:c=e||T.type,rotate:d,flip:s,viewBox:x=T.viewBox,variant:m=T.variant,...u}=t;if(!i)return N(U,{});if((e||c)==="svg"){if(i==="none")return N(P,{...u,className:l(t.className,M),icon:i,size:r,variant:m});let g=R[i]?i:re(`${i}-icon`);return R[g]?N(P,{...u,className:l(t.className,M),icon:R[g],size:r,themeColor:a,rotate:d,flip:s,viewBox:x,variant:m}):N(U,{})}return N(G,{...u,className:l(t.className,M),icon:i,size:r,themeColor:a,rotate:d,flip:s})};f.states=ae;f.options=ie;f.defaultOptions=T;f.className=M;f.moduleName=K;f.folderName=j;f.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."}]};import{jsx as $,jsxs as q}from"react/jsx-runtime";var W="k-panelbar-item",se=[k.hover,k.focus,k.selected,k.disabled],le={},A={level:0,expanded:!1,text:"Item"},I=t=>{let{text:e=A.text,level:r=A.level,expanded:a=A.expanded,header:i,hover:c,focus:d,selected:s,disabled:x,icon:m,iconClass:u,ariaSelected:S,children:g,...w}=t,O=!!g;return q("li",{...w,className:l(t.className,W,{"k-panelbar-header":i,[`k-level-${r}`]:r||r===0,"k-expanded":a}),role:"treeitem","aria-expanded":O?a?"true":"false":void 0,"aria-selected":S?"true":"false","aria-disabled":x?"true":void 0,children:[q("span",{className:l("k-link",F("k-link",{hover:c,focus:d,disabled:x,selected:s})),children:[m&&$(f,{className:"k-panelbar-item-icon",icon:m}),u&&!m&&$("span",{className:`k-panelbar-item-icon ${u}`}),$("span",{className:"k-panelbar-item-text",children:e}),O&&$(f,{className:l("k-panelbar-toggle",a?"k-panelbar-collapse":"k-panelbar-expand"),icon:`chevron-${a?"up":"down"}`})]}),a&&g,!a&&g&&H.Children.map(g,h=>H.isValidElement(h)?H.cloneElement(h,{"aria-hidden":"true",style:{display:"none"}}):h)]})};I.states=se;I.options=le;I.className=W;I.defaultOptions=A;var Ke=I;export{W as PANELBARITEM_CLASSNAME,I as PanelBarItem,Ke as default};