@progress/kendo-themes-html/dist/cjs/menu/menu.spec.js

A collection of HTML helpers used for developing Kendo UI themes

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