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

A collection of HTML helpers used for developing Kendo UI themes

var i=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?i(...e):typeof e=="object"?Object.keys(e).map((n,s)=>e[s]||e[n]&&n||null).filter(n=>n!==null).join(" "):e).filter(e=>!!e).join(" ");var y=(t,e)=>i({[`${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.fillMode}-${e.themeColor}`]:e.fillMode&&e.themeColor},{[`${t}-${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"}),w=(t,e)=>{let{valid:n,invalid:s,hover:m,focus:l,checked:r,active:p,selected:f,disabled:h,indeterminate:M,loading:L,empty:S,readonly:O,highlighted:I,...v}=e;return i({"k-valid":n,"k-invalid":s,"k-hover":m,"k-focus":l,"k-checked":r,"k-active":p,"k-selected":f,"k-disabled":h,"k-indeterminate":M&&!r,"k-loading":L,"k-empty":S,"k-readonly":O,"k-highlighted":I},Object.keys(v).reduce((k,N)=>(N.startsWith("k-")?k[N]=v[N]:k[`k-${N}`]=v[N],k),{}))};function Me(t,e){if(!e)return{};let n=Array.isArray(e)?e:[e];return Object.fromEntries(n.map(s=>[`k-${s}`,!0]))}var a={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},H={small:"small",medium:"medium",large:"large",full:"full"},P={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},o={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},c={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 $e,jsx as Ne}from"react/jsx-runtime";var j="k-font-icon",Ue=[],He={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},De={},F=t=>{let{size:e,themeColor:n,icon:s,rotate:m,flip:l,...r}=t;return s?Ne("span",{...r,className:i(t.className,j,y(j,{size:e}),{[`k-i-${s}`]:s,[`k-color-${n}`]:n,[`k-rotate-${m}`]:m,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"})}):Ne($e,{})};F.states=Ue;F.options=He;F.className=j;F.defaultOptions=De;var xe=F;import{Fragment as We,jsx as G}from"react/jsx-runtime";var ee="k-svg-icon",Fe=[],Ve={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},he={viewBox:"0 0 24 24"},V=t=>{let{size:e,themeColor:n,rotate:s,flip:m,viewBox:l=he.viewBox,icon:r,...p}=t;if(!r)return G(We,{});r==="none"&&{...p,className:i(t.className,ee,"k-none")};let f=typeof r=="object"&&r.name&&r.name;return G("span",{...p,className:i(t.className,ee,y("k-icon",{size:e}),{[`k-svg-i-${f}`]:f,[`k-color-${n}`]:n,[`k-rotate-${s}`]:s,"k-flip-h":m==="h"||m==="both","k-flip-v":m==="v"||m==="both"}),children:G("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:t.children})})};V.states=Fe;V.options=Ve;V.className=ee;V.defaultOptions=he;var te=V;import*as oe from"@progress/kendo-svg-icons";var Ie="icon",be="icons";import{Fragment as Ee,jsx as W}from"react/jsx-runtime";var q="k-icon",Je=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),Xe=[],Ge={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},ne={viewBox:"0 0 24 24",type:"svg"},u=t=>{let{size:e,themeColor:n,icon:s,type:m=ne.type,rotate:l,flip:r,viewBox:p=ne.viewBox,...f}=t;if(!s)return W(Ee,{});if(m==="svg"){if(s==="none")return W(te,{...f,className:i(t.className,q),icon:s,size:e});let h=oe[s]?s:Je(`${s}-icon`);return oe[h]?W(te,{...f,className:i(t.className,q),icon:oe[h],size:e,themeColor:n,rotate:l,flip:r,viewBox:p}):W(Ee,{})}return W(xe,{...f,className:i(t.className,q),icon:s,size:e,themeColor:n,rotate:l,flip:r})};u.states=Xe;u.options=Ge;u.defaultOptions=ne;u.className=q;u.moduleName=Ie;u.folderName=be;var x="menu",b=x;import{Fragment as Ye,jsx as D,jsxs as Ae}from"react/jsx-runtime";var re="k-menu-item",qe=[c.hover,c.focus,c.active,c.selected,c.disabled],Qe={},Le={iconPosition:"before"},E=t=>{let{hover:e,focus:n,active:s,selected:m,disabled:l,icon:r,text:p,first:f,last:h,showArrow:M,arrowIconName:L,iconPosition:S=Le.iconPosition,dir:O,children:I,...v}=t,k=D(Ye,{});I&&I.forEach(C=>{if(C.type==="MenuItemContent"){k.props.children.push(C);return}});let N=L;return N||(N=O==="rtl"?"caret-alt-left":"caret-alt-right"),Ae("li",{...v,className:i(t.className,re,"k-item",w(re,{focus:n,disabled:l,hover:e,active:s,selected:m}),{"k-first":f,"k-last":h}),children:[Ae("span",{className:i("k-link k-menu-link"),children:[r&&S==="before"&&D(u,{className:"k-menu-link-icon",icon:r}),D("span",{className:"k-menu-link-text",children:p}),r&&S==="after"&&D(u,{className:"k-menu-link-icon",icon:r}),M&&D("span",{className:"k-menu-expand-arrow",children:D(u,{icon:N})})]}),k]})};E.states=qe;E.options=Qe;E.className=re;E.defaultOptions=Le;E.moduleName=x;E.folderName=b;import{Fragment as et,jsx as $,jsxs as ke}from"react/jsx-runtime";var se="k-menu-item",Ze=[c.hover,c.focus,c.active,c.selected,c.disabled],je={},ie={dir:"ltr",iconPosition:"before"},g=t=>{let{hover:e,focus:n,active:s,selected:m,disabled:l,icon:r,text:p,first:f,last:h,showArrow:M,arrowIconName:L,iconPosition:S=ie.iconPosition,dir:O=ie.dir,children:I,popup:v,...k}=t,N=$(et,{});I&&I.forEach(Z=>{if(Z.type==="MenuListItemContent"){N.props.children.push(Z);return}});let C=L;return C||(C=O==="rtl"?"caret-alt-left":"caret-alt-right"),ke("li",{...k,className:i(t.className,se,"k-item",w(se,{focus:n,disabled:l}),{"k-first":f,"k-last":h}),children:[ke("span",{className:i("k-link k-menu-link",w("k-menu-link",{hover:e,active:s,selected:m,disabled:l})),children:[r&&S==="before"&&$(u,{className:"k-menu-link-icon",icon:r}),$("span",{className:"k-menu-link-text",children:p}),r&&S==="after"&&$(u,{className:"k-menu-link-icon",icon:r}),M&&$("span",{className:"k-menu-expand-arrow",children:$(u,{icon:C})})]}),N,v]})};g.states=Ze;g.options=je;g.className=se;g.defaultOptions=ie;g.moduleName=x;g.folderName=b;var ae="button",ge=ae;import{Fragment as rt,jsx as J,jsxs as Se}from"react/jsx-runtime";var X="k-button",tt=["icon-button"],ot=[c.hover,c.focus,c.active,c.selected,c.disabled,c.generating],nt={size:[a.small,a.medium,a.large],rounded:[H.small,H.medium,H.large,H.full],fillMode:[P.solid,P.flat,P.outline,P.clear,P.link],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark,o.inverse]},R={size:a.medium,rounded:H.medium,fillMode:P.solid,themeColor:o.base,showArrow:!1,arrowIconName:"caret-alt-down"},d=t=>{let{size:e=R.size,rounded:n=R.rounded,fillMode:s=R.fillMode,themeColor:m=R.themeColor,showArrow:l=R.showArrow,arrowIconName:r=R.arrowIconName,variant:p,hover:f,focus:h,active:M,selected:L,disabled:S,icon:O,text:I,iconClassName:v,...k}=t,N=O!==void 0,C=t.children!==void 0;return Se("button",{...k,className:i(t.className,X,Me(X,p),y(X,{size:e,rounded:n,fillMode:s,themeColor:m}),w(X,{hover:f,focus:h,active:M,disabled:S,selected:L}),{"k-icon-button":!I&&!C&&N}),children:[O&&J(u,{className:i(v,"k-button-icon"),icon:O}),I?Se(rt,{children:[I&&J("span",{className:"k-button-text",children:I}),t.children]}):t.children&&J("span",{className:"k-button-text",children:t.children}),l&&J("span",{className:"k-menu-button-arrow k-button-arrow",children:J(u,{icon:r})})]})};d.states=ot;d.options=nt;d.variants=tt;d.className=X;d.defaultOptions=R;d.moduleName=ae;d.folderName=ge;import{jsx as co}from"react/jsx-runtime";import{jsx as Mo}from"react/jsx-runtime";import{jsx as Io}from"react/jsx-runtime";import{jsx as lt}from"react/jsx-runtime";var Oe="k-menu-scroll-wrapper",st=[],it={},at={},K=t=>{let{className:e,children:n,orientation:s,...m}=t;return lt("div",{...m,className:i(e,Oe,{"k-menu-scroll-wrapper-vertical":s==="vertical"}),children:n})};K.states=st;K.options=it;K.className=Oe;K.defaultOptions=at;K.moduleName=x;K.folderName=b;var ve=K;import{Fragment as le,jsx as z,jsxs as Q}from"react/jsx-runtime";var me="k-menu",mt=[],ct={},Y={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},A=t=>{let{children:e,orientation:n=Y.orientation,header:s=Y.header,scrollable:m,scrollButtonsPosition:l=Y.scrollButtonsPosition,wrapperStyles:r,dir:p,popup:f,...h}=t,M={horizontal:{prev:p!=="rtl"?"left":"right",next:p!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},L=z("ul",{dir:p,...h,className:i(t.className,"k-reset",me,{[`${me}-${n}`]:n,"k-header":s}),children:e});return Q(le,{children:[m?Q(ve,{orientation:n,style:r,dir:t.dir,children:[l==="start"&&Q(le,{children:[z(d,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${M[n].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev"}),z(d,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${M[n].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next"})]}),l==="around"&&z(d,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${M[n].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev"}),L,l==="end"&&Q(le,{children:[z(d,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${M[n].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev"}),z(d,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${M[n].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next"})]}),l==="around"&&z(d,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${M[n].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next"})]}):L,f]})};A.states=mt;A.options=ct;A.className=me;A.defaultOptions=Y;A.moduleName=x;A.folderName=b;import{jsx as pt}from"react/jsx-runtime";var ce="k-separator",Ce={orientation:"horizontal"},B=t=>{let{orientation:e=Ce.orientation,...n}=t;return pt("li",{...n,className:i(t.className,"k-item",ce,{[`${ce}-${e}`]:e})})};B.className=ce;B.defaultOptions=Ce;B.moduleName=x;B.folderName=b;import{Fragment as $o,jsx as Fo}from"react/jsx-runtime";import{Fragment as Go,jsx as Xo,jsxs as qo}from"react/jsx-runtime";var pe="popup",ye=pe;import{jsx as Te}from"react/jsx-runtime";var _e="k-animation-container",ut=[],dt={},we={positionMode:"absolute"},T=t=>{let{positionMode:e=we.positionMode,animationStyle:n,offset:s,...m}=t;return Te("div",{...m,style:{...s,...t.style},className:i(t.className,_e,"k-animation-container-shown",{"k-animation-container-fixed":e==="fixed"}),children:Te("div",{className:"k-child-animation-container",style:n,children:t.children})})};T.states=ut;T.options=dt;T.className=_e;T.defaultOptions=we;T.moduleName=pe;T.folderName=ye;var ue="popup",Pe=ue;import{jsx as Re}from"react/jsx-runtime";var Ke="k-popup",ft=[],Mt={},ze={positionMode:"absolute"},U=t=>{let{offset:e,positionMode:n=ze.positionMode,animationStyle:s,...m}=t;return Re(T,{positionMode:n,offset:e,animationStyle:s,children:Re("div",{...m,className:i(t.className,Ke),children:t.children})})};U.states=ft;U.options=Mt;U.className=Ke;U.defaultOptions=ze;U.moduleName=ue;U.folderName=Pe;import{Fragment as hn,jsx as Nn,jsxs as xn}from"react/jsx-runtime";import{Fragment as Ln,jsx as An,jsxs as kn}from"react/jsx-runtime";import{Fragment as Cn,jsx as vn,jsxs as yn}from"react/jsx-runtime";import{Fragment as Rn,jsx as Pn,jsxs as Kn}from"react/jsx-runtime";import{jsx as Be}from"react/jsx-runtime";import{createElement as ht}from"react";var de="k-menu-group",Nt=[],xt={size:[a.small,a.medium,a.large]},fe={size:a.medium,dir:"ltr"},_=t=>{let{children:e,size:n=fe.size,dir:s=fe.dir,...m}=t,l=[];return e&&Array.isArray(e)&&e.map((r,p)=>{r.type===g?l.push(ht(g,{...r.props,dir:s,key:p})):r.type===B?l.push(Be(B,{})):l.push(r)}),Be("ul",{...m,className:i(t.className,de,y(de,{size:n})),children:l})};_.states=Nt;_.options=xt;_.className=de;_.defaultOptions=fe;_.moduleName=x;_.folderName=b;var er=_;export{de as MENULIST_CLASSNAME,_ as MenuList,er as default};