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

A collection of HTML helpers used for developing Kendo UI themes

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