@progress/kendo-themes-html/dist/esm/menu/menu-list-item.spec.mjs

A collection of HTML helpers used for developing Kendo UI themes

var a=(...o)=>o.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?a(...e):typeof e=="object"?Object.keys(e).map((i,s)=>e[s]||e[i]&&i||null).filter(i=>i!==null).join(" "):e).filter(e=>!!e).join(" ");var C=(o,e)=>a({[`${o}-xs`]:e.size==="xsmall",[`${o}-sm`]:e.size==="small",[`${o}-md`]:e.size==="medium",[`${o}-lg`]:e.size==="large",[`${o}-xl`]:e.size==="xlarge",[`${o}-xxl`]:e.size==="xxlarge",[`${o}-xxxl`]:e.size==="xxxlarge"},{[`${o}-${e.fillMode}`]:e.fillMode},{[`${o}-${e.fillMode}-${e.themeColor}`]:e.fillMode&&e.themeColor},{[`${o}-${e.themeColor}`]:e.themeColor&&e.fillMode===void 0},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full"}),z=(o,e)=>{let{valid:i,invalid:s,hover:c,focus:l,checked:r,active:p,selected:m,disabled:x,indeterminate:L,loading:O,empty:b,readonly:w,highlighted:I,...k}=e;return a({"k-valid":i,"k-invalid":s,"k-hover":c,"k-focus":l,"k-checked":r,"k-active":p,"k-selected":m,"k-disabled":x,"k-indeterminate":L&&!r,"k-loading":O,"k-empty":b,"k-readonly":w,"k-highlighted":I},Object.keys(k).reduce((N,u)=>(u.startsWith("k-")?N[u]=k[u]:N[`k-${u}`]=k[u],N),{}))};var n={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};var t={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},h={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 Z,jsx as U}from"react/jsx-runtime";var _="k-font-icon",W=[],Q={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info,t.light,t.dark]},Y={},v=o=>{let{size:e,themeColor:i,icon:s,rotate:c,flip:l,...r}=o;return s?U("span",{...r,className:a(o.className,_,C(_,{size:e}),{[`k-i-${s}`]:s,[`k-color-${i}`]:i,[`k-rotate-${c}`]:c,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"})}):U(Z,{})};v.states=W;v.options=Q;v.className=_;v.defaultOptions=Y;var D=v;import{Fragment as oe,jsx as S}from"react/jsx-runtime";var T="k-svg-icon",ee=[],te={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info,t.light,t.dark]},G={viewBox:"0 0 24 24"},y=o=>{let{size:e,themeColor:i,rotate:s,flip:c,viewBox:l=G.viewBox,icon:r,...p}=o;if(!r)return S(oe,{});r==="none"&&{...p,className:a(o.className,T,"k-none")};let m=typeof r=="object"&&r.name&&r.name;return S("span",{...p,className:a(o.className,T,C("k-icon",{size:e}),{[`k-svg-i-${m}`]:m,[`k-color-${i}`]:i,[`k-rotate-${s}`]:s,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"}),children:S("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof r=="object"?r.viewBox:l,dangerouslySetInnerHTML:typeof r=="object"?{__html:r.content}:void 0,children:r?void 0:o.children})})};y.states=ee;y.options=te;y.className=T;y.defaultOptions=G;var $=y;import*as B from"@progress/kendo-svg-icons";var V="icon",j="icons";import{Fragment as q,jsx as M}from"react/jsx-runtime";var E="k-icon",ne=o=>o.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),re=[],se={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info,t.light,t.dark]},P={viewBox:"0 0 24 24",type:"svg"},d=o=>{let{size:e,themeColor:i,icon:s,type:c=P.type,rotate:l,flip:r,viewBox:p=P.viewBox,...m}=o;if(!s)return M(q,{});if(c==="svg"){if(s==="none")return M($,{...m,className:a(o.className,E),icon:s,size:e});let x=B[s]?s:ne(`${s}-icon`);return B[x]?M($,{...m,className:a(o.className,E),icon:B[x],size:e,themeColor:i,rotate:l,flip:r,viewBox:p}):M(q,{})}return M(D,{...m,className:a(o.className,E),icon:s,size:e,themeColor:i,rotate:l,flip:r})};d.states=re;d.options=se;d.defaultOptions=P;d.className=E;d.moduleName=V;d.folderName=j;var R="menu",J=R;import{Fragment as le,jsx as g,jsxs as X}from"react/jsx-runtime";var H="k-menu-item",ie=[h.hover,h.focus,h.active,h.selected,h.disabled],ae={},F={dir:"ltr",iconPosition:"before"},f=o=>{let{hover:e,focus:i,active:s,selected:c,disabled:l,icon:r,text:p,first:m,last:x,showArrow:L,arrowIconName:O,iconPosition:b=F.iconPosition,dir:w=F.dir,children:I,popup:k,...N}=o,u=g(le,{});I&&I.forEach(K=>{if(K.type==="MenuListItemContent"){u.props.children.push(K);return}});let A=O;return A||(A=w==="rtl"?"caret-alt-left":"caret-alt-right"),X("li",{...N,className:a(o.className,H,"k-item",z(H,{focus:i,disabled:l}),{"k-first":m,"k-last":x}),children:[X("span",{className:a("k-link k-menu-link",z("k-menu-link",{hover:e,active:s,selected:c,disabled:l})),children:[r&&b==="before"&&g(d,{className:"k-menu-link-icon",icon:r}),g("span",{className:"k-menu-link-text",children:p}),r&&b==="after"&&g(d,{className:"k-menu-link-icon",icon:r}),L&&g("span",{className:"k-menu-expand-arrow",children:g(d,{icon:A})})]}),u,k]})};f.states=ie;f.options=ae;f.className=H;f.defaultOptions=F;f.moduleName=R;f.folderName=J;var He=f;export{H as MENULISTITEM_CLASSNAME,f as MenuListItem,He as default};