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

A collection of HTML helpers used for developing Kendo UI themes

var a=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?a(...e):typeof e=="object"?Object.keys(e).map((n,l)=>e[l]||e[n]&&n||null).filter(n=>n!==null).join(" "):e).filter(e=>!!e).join(" ");var E=(t,e)=>a({[`${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"}),j=(t,e)=>{let{valid:n,invalid:l,hover:c,focus:i,checked:s,active:d,selected:u,disabled:x,indeterminate:p,loading:y,empty:H,readonly:S,highlighted:C,...B}=e;return a({"k-valid":n,"k-invalid":l,"k-hover":c,"k-focus":i,"k-checked":s,"k-active":d,"k-selected":u,"k-disabled":x,"k-indeterminate":p&&!s,"k-loading":y,"k-empty":H,"k-readonly":S,"k-highlighted":C},Object.keys(B).reduce((A,h)=>(h.startsWith("k-")?A[h]=B[h]:A[`k-${h}`]=B[h],A),{}))};function Q(t,e){if(!e)return{};let n=Array.isArray(e)?e:[e];return Object.fromEntries(n.map(l=>[`k-${l}`,!0]))}var r={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},O={small:"small",medium:"medium",large:"large",full:"full"},N={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"},g={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 ue,jsx as Y}from"react/jsx-runtime";var D="k-font-icon",ce=[],me={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},de={},T=t=>{let{size:e,themeColor:n,icon:l,rotate:c,flip:i,...s}=t;return l?Y("span",{...s,className:a(t.className,D,E(D,{size:e}),{[`k-i-${l}`]:l,[`k-color-${n}`]:n,[`k-rotate-${c}`]:c,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"})}):Y(ue,{})};T.states=ce;T.options=me;T.className=D;T.defaultOptions=de;var Z=T;import{Fragment as xe,jsx as $}from"react/jsx-runtime";var F="k-svg-icon",pe=[],fe={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},ee={viewBox:"0 0 24 24"},L=t=>{let{size:e,themeColor:n,rotate:l,flip:c,viewBox:i=ee.viewBox,icon:s,...d}=t;if(!s)return $(xe,{});s==="none"&&{...d,className:a(t.className,F,"k-none")};let u=typeof s=="object"&&s.name&&s.name;return $("span",{...d,className:a(t.className,F,E("k-icon",{size:e}),{[`k-svg-i-${u}`]:u,[`k-color-${n}`]:n,[`k-rotate-${l}`]:l,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"}),children:$("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof s=="object"?s.viewBox:i,dangerouslySetInnerHTML:typeof s=="object"?{__html:s.content}:void 0,children:s?void 0:t.children})})};L.states=pe;L.options=fe;L.className=F;L.defaultOptions=ee;var V=L;import*as W from"@progress/kendo-svg-icons";var oe="icon",te="icons";import{Fragment as ne,jsx as z}from"react/jsx-runtime";var R="k-icon",he=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),Ne=[],ge={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},G={viewBox:"0 0 24 24",type:"svg"},f=t=>{let{size:e,themeColor:n,icon:l,type:c=G.type,rotate:i,flip:s,viewBox:d=G.viewBox,...u}=t;if(!l)return z(ne,{});if(c==="svg"){if(l==="none")return z(V,{...u,className:a(t.className,R),icon:l,size:e});let x=W[l]?l:he(`${l}-icon`);return W[x]?z(V,{...u,className:a(t.className,R),icon:W[x],size:e,themeColor:n,rotate:i,flip:s,viewBox:d}):z(ne,{})}return z(Z,{...u,className:a(t.className,R),icon:l,size:e,themeColor:n,rotate:i,flip:s})};f.states=Ne;f.options=ge;f.defaultOptions=G;f.className=R;f.moduleName=oe;f.folderName=te;var q="button",re=q;import{Fragment as ke,jsx as _,jsxs as le}from"react/jsx-runtime";var w="k-button",be=["icon-button"],Me=[g.hover,g.focus,g.active,g.selected,g.disabled,g.generating],ve={size:[r.small,r.medium,r.large],rounded:[O.small,O.medium,O.large,O.full],fillMode:[N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark,o.inverse]},b={size:r.medium,rounded:O.medium,fillMode:N.solid,themeColor:o.base,showArrow:!1,arrowIconName:"caret-alt-down"},m=t=>{let{size:e=b.size,rounded:n=b.rounded,fillMode:l=b.fillMode,themeColor:c=b.themeColor,showArrow:i=b.showArrow,arrowIconName:s=b.arrowIconName,variant:d,hover:u,focus:x,active:p,selected:y,disabled:H,icon:S,text:C,iconClassName:B,...A}=t,h=S!==void 0,ie=t.children!==void 0;return le("button",{...A,className:a(t.className,w,Q(w,d),E(w,{size:e,rounded:n,fillMode:l,themeColor:c}),j(w,{hover:u,focus:x,active:p,disabled:H,selected:y}),{"k-icon-button":!C&&!ie&&h}),children:[S&&_(f,{className:a(B,"k-button-icon"),icon:S}),C?le(ke,{children:[C&&_("span",{className:"k-button-text",children:C}),t.children]}):t.children&&_("span",{className:"k-button-text",children:t.children}),i&&_("span",{className:"k-menu-button-arrow k-button-arrow",children:_(f,{icon:s})})]})};m.states=Me;m.options=ve;m.variants=be;m.className=w;m.defaultOptions=b;m.moduleName=q;m.folderName=re;import{jsx as io}from"react/jsx-runtime";import{jsx as po}from"react/jsx-runtime";import{jsx as No}from"react/jsx-runtime";var I="menu",U=I;import{jsx as Oe}from"react/jsx-runtime";var se="k-menu-scroll-wrapper",ye=[],Ce={},Ee={},M=t=>{let{className:e,children:n,orientation:l,...c}=t;return Oe("div",{...c,className:a(e,se,{"k-menu-scroll-wrapper-vertical":l==="vertical"}),children:n})};M.states=ye;M.options=Ce;M.className=se;M.defaultOptions=Ee;M.moduleName=I;M.folderName=U;var ae=M;import{Fragment as J,jsx as v,jsxs as K}from"react/jsx-runtime";var X="k-menu",Se=[],Be={},P={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},k=t=>{let{children:e,orientation:n=P.orientation,header:l=P.header,scrollable:c,scrollButtonsPosition:i=P.scrollButtonsPosition,wrapperStyles:s,dir:d,popup:u,...x}=t,p={horizontal:{prev:d!=="rtl"?"left":"right",next:d!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},y=v("ul",{dir:d,...x,className:a(t.className,"k-reset",X,{[`${X}-${n}`]:n,"k-header":l}),children:e});return K(J,{children:[c?K(ae,{orientation:n,style:s,dir:t.dir,children:[i==="start"&&K(J,{children:[v(m,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${p[n].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev"}),v(m,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${p[n].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next"})]}),i==="around"&&v(m,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${p[n].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev"}),y,i==="end"&&K(J,{children:[v(m,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${p[n].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev"}),v(m,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${p[n].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next"})]}),i==="around"&&v(m,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${p[n].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next"})]}):y,u]})};k.states=Se;k.options=Be;k.className=X;k.defaultOptions=P;k.moduleName=I;k.folderName=U;var _o=k;export{X as MENU_CLASSNAME,k as Menu,_o as default};