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

A collection of HTML helpers used for developing Kendo UI themes

var Se=Object.create;var U=Object.defineProperty;var Be=Object.getOwnPropertyDescriptor;var Te=Object.getOwnPropertyNames;var Ie=Object.getPrototypeOf,Oe=Object.prototype.hasOwnProperty;var we=(t,e)=>{for(var o in e)U(t,o,{get:e[o],enumerable:!0})},te=(t,e,o,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of Te(e))!Oe.call(t,a)&&a!==o&&U(t,a,{get:()=>e[a],enumerable:!(i=Be(e,a))||i.enumerable});return t};var Ee=(t,e,o)=>(o=t!=null?Se(Ie(t)):{},te(e||!t||!t.__esModule?U(o,"default",{value:t,enumerable:!0}):o,t)),Ae=t=>te(U({},"__esModule",{value:!0}),t);var tt={};we(tt,{MENU_CLASSNAME:()=>G,Menu:()=>M,default:()=>et});module.exports=Ae(tt);var u=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?u(...e):typeof e=="object"?Object.keys(e).map((o,i)=>e[i]||e[o]&&o||null).filter(o=>o!==null).join(" "):e).filter(e=>!!e).join(" ");var S=(t,e)=>u({[`${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"}),oe=(t,e)=>{let{valid:o,invalid:i,hover:a,focus:c,checked:m,active:l,selected:v,disabled:g,indeterminate:x,loading:p,empty:f,readonly:K,highlighted:q,...E}=e;return u({"k-valid":o,"k-invalid":i,"k-hover":a,"k-focus":c,"k-checked":m,"k-active":l,"k-selected":v,"k-disabled":g,"k-indeterminate":x&&!m,"k-loading":p,"k-empty":f,"k-readonly":K,"k-highlighted":q},Object.keys(E).reduce((h,C)=>(C.startsWith("k-")?h[C]=E[C]:h[`k-${C}`]=E[C],h),{}))};function ne(t,e){if(!e)return{};let o=Array.isArray(e)?e:[e];return Object.fromEntries(o.map(i=>[`k-${i}`,!0]))}var r={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},B={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},T={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},N={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"},I={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 L=require("react/jsx-runtime"),J="k-font-icon",Le=[],_e={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info]},ze={},_=t=>{let{size:e,themeColor:o,icon:i,rotate:a,flip:c,...m}=t;return i?(0,L.jsx)("span",{...m,className:u(t.className,J,S(J,{size:e}),{[`k-i-${i}`]:i,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"}),"aria-hidden":"true"}):(0,L.jsx)(L.Fragment,{})};_.states=Le;_.options=_e;_.className=J;_.defaultOptions=ze;var re=_;var O=require("react/jsx-runtime"),X="k-svg-icon",Re=[],$e={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info],variant:[N.outline,N.solid,N.duotone]},Q={viewBox:"0 0 24 24",variant:N.outline},z=t=>{var p,f;let{size:e,themeColor:o,rotate:i,flip:a,viewBox:c=Q.viewBox,variant:m=Q.variant,icon:l,...v}=t;if(!l)return(0,O.jsx)(O.Fragment,{});if(l==="none")return(0,O.jsx)("span",{...v,className:u(t.className,X,S("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let g=typeof l=="object"&&l.name&&l.name,x=typeof l=="object"?m&&((p=l.variants)==null?void 0:p[m])||((f=l.variants)==null?void 0:f.outline)||l.content:void 0;return(0,O.jsx)("span",{...v,className:u(t.className,X,S("k-icon",{size:e}),{[`k-svg-i-${g}`]:g,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":a==="h"||a==="both","k-flip-v":a==="v"||a==="both"}),"aria-hidden":"true",children:(0,O.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof l=="object"?l.viewBox:c,dangerouslySetInnerHTML:x!==void 0?{__html:x}:void 0,children:l?void 0:t.children})})};z.states=Re;z.options=$e;z.className=X;z.defaultOptions=Q;var Y=z;var Z=Ee(require("@progress/kendo-svg-icons"));var ae="icon",se="icons";var ue=require("react");var ie=require("react"),le=(0,ie.createContext)({iconsType:"svg"});var y=require("react/jsx-runtime"),H="k-icon",Ke=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),Pe=[],Ue={size:[r.undefined,r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info],variant:[N.outline,N.solid,N.duotone]},D={viewBox:"0 0 24 24",type:"svg",variant:N.outline},k=t=>{let{iconsType:e}=(0,ue.useContext)(le),{size:o,themeColor:i,icon:a,type:c=e||D.type,rotate:m,flip:l,viewBox:v=D.viewBox,variant:g=D.variant,...x}=t;if(!a)return(0,y.jsx)(y.Fragment,{});if((e||c)==="svg"){if(a==="none")return(0,y.jsx)(Y,{...x,className:u(t.className,H),icon:a,size:o,variant:g});let f=Z[a]?a:Ke(`${a}-icon`);return Z[f]?(0,y.jsx)(Y,{...x,className:u(t.className,H),icon:Z[f],size:o,themeColor:i,rotate:m,flip:l,viewBox:v,variant:g}):(0,y.jsx)(y.Fragment,{})}return(0,y.jsx)(re,{...x,className:u(t.className,H),icon:a,size:o,themeColor:i,rotate:m,flip:l})};k.states=Pe;k.options=Ue;k.defaultOptions=D;k.className=H;k.moduleName=ae;k.folderName=se;k.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."}]};var j="button",ce=j;var b=require("react/jsx-runtime"),R="k-button",He=["icon-button"],De=[I.hover,I.focus,I.active,I.selected,I.disabled,I.generating],Fe={size:[r.undefined,r.xsmall,r.small,r.medium,r.large],rounded:[B.undefined,B.none,B.small,B.medium,B.large,B.full],fillMode:[T.undefined,T.solid,T.flat,T.outline,T.clear,T.link],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info,n.inverse]},ee={showArrow:!1,arrowIconName:"chevron-down"},s=t=>{let{as:e="button",size:o,rounded:i,fillMode:a,themeColor:c,showArrow:m=ee.showArrow,arrowIconName:l=ee.arrowIconName,variant:v,hover:g,focus:x,active:p,selected:f,disabled:K,togglable:q,ariaDisabled:E,icon:h,iconSize:C,text:P,iconClassName:Ne,className:ke,...ye}=t,Me=h!=null,Ce=t.children!==void 0;return(0,b.jsxs)(e,{className:u(ke,R,ne(R,v),S(R,{size:o,rounded:i,fillMode:a,themeColor:c}),oe(R,{hover:g,focus:x,active:p,disabled:K||E,selected:f}),{"k-icon-button":!P&&!Ce&&Me}),"aria-pressed":q?f?"true":"false":void 0,...ye,"aria-disabled":E?"true":void 0,disabled:K||void 0,children:[typeof h=="string"&&h&&(0,b.jsx)(k,{className:u(Ne,"k-button-icon"),icon:h,size:C}),h&&typeof h!="string"&&(0,b.jsx)(b.Fragment,{children:h}),P?(0,b.jsxs)(b.Fragment,{children:[P&&(0,b.jsx)("span",{className:"k-button-text",children:P}),t.children]}):t.children&&(0,b.jsx)("span",{className:"k-button-text",children:t.children}),m&&(0,b.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,b.jsx)(k,{icon:l})})]})};s.states=De;s.options=Fe;s.variants=He;s.className=R;s.defaultOptions=ee;s.moduleName=j;s.folderName=ce;s.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};var me=require("react/jsx-runtime"),de=t=>(0,me.jsx)(s,{icon:"folder",...t,"aria-label":t["aria-label"]||"Folder",children:void 0});var fe=require("react/jsx-runtime"),pe=t=>(0,fe.jsx)(s,{icon:"folder",children:"Button",...t});var xe=require("react/jsx-runtime"),be=t=>(0,xe.jsx)(s,{children:"Button",...t});var F=require("react/jsx-runtime"),Ve=s.options,We=s.states,Ge={...s.defaultOptions,variant:"text"},qe=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Je=[],A=t=>{let{variant:e,...o}=t;switch(e){case"icon-only":return(0,F.jsx)(de,{...o,icon:"star"});case"icon-and-text":return(0,F.jsx)(pe,{...o,icon:"star",children:"Button"});default:return(0,F.jsx)(be,{...o,children:"Button"})}};A.options=Ve;A.states=We;A.variants=qe;A.defaultOptions=Ge;A.modifiers=Je;A.className=s.className;var $="menu",V=$;var ve=require("react/jsx-runtime"),he="k-menu-scroll-wrapper",Xe=[],Qe={},Ye={},w=t=>{let{className:e,children:o,orientation:i,...a}=t;return(0,ve.jsx)("div",{...a,className:u(e,he,{"k-menu-scroll-wrapper-vertical":i==="vertical"}),children:o})};w.states=Xe;w.options=Qe;w.className=he;w.defaultOptions=Ye;w.moduleName=$;w.folderName=V;var ge=w;var d=require("react/jsx-runtime"),G="k-menu",Ze=[],je={},W={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},M=t=>{let{children:e,orientation:o=W.orientation,header:i=W.header,scrollable:a,scrollButtonsPosition:c=W.scrollButtonsPosition,wrapperStyles:m,dir:l,popup:v,contextMenu:g,...x}=t,p={horizontal:{prev:l!=="rtl"?"left":"right",next:l!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},f=(0,d.jsx)("ul",{dir:l,...x,className:u(t.className,"k-reset",G,{[`${G}-${o}`]:o,"k-header":i}),role:g?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:e});return(0,d.jsxs)(d.Fragment,{children:[a?(0,d.jsxs)(ge,{orientation:o,style:m,dir:t.dir,children:[c==="start"&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(s,{fillMode:"flat",icon:`chevron-${p[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,d.jsx)(s,{fillMode:"flat",icon:`chevron-${p[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),c==="around"&&(0,d.jsx)(s,{fillMode:"flat",icon:`chevron-${p[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),f,c==="end"&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(s,{fillMode:"flat",icon:`chevron-${p[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,d.jsx)(s,{fillMode:"flat",icon:`chevron-${p[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),c==="around"&&(0,d.jsx)(s,{fillMode:"flat",icon:`chevron-${p[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):f,v]})};M.states=Ze;M.options=je;M.className=G;M.defaultOptions=W;M.moduleName=$;M.folderName=V;M.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};var et=M;