@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 21.3 kB
JavaScript
var ht=Object.create;var oe=Object.defineProperty;var Nt=Object.getOwnPropertyDescriptor;var It=Object.getOwnPropertyNames;var vt=Object.getPrototypeOf,gt=Object.prototype.hasOwnProperty;var kt=(e,t)=>{for(var o in t)oe(e,o,{get:t[o],enumerable:!0})},_e=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of It(t))!gt.call(e,r)&&r!==o&&oe(e,r,{get:()=>t[r],enumerable:!(a=Nt(t,r))||a.enumerable});return e};var At=(e,t,o)=>(o=e!=null?ht(vt(e)):{},_e(t||!e||!e.__esModule?oe(o,"default",{value:e,enumerable:!0}):o,e)),Et=e=>_e(oe({},"__esModule",{value:!0}),e);var co={};kt(co,{MenuButtonPopup:()=>mo});module.exports=Et(co);var i=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?i(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var z=(e,t)=>i({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),G=(e,t)=>{let{valid:o,invalid:a,hover:r,focus:l,checked:u,active:m,selected:I,disabled:b,indeterminate:p,loading:f,empty:M,readonly:B,highlighted:U,...S}=t;return i({"k-valid":o,"k-invalid":a,"k-hover":r,"k-focus":l,"k-checked":u,"k-active":m,"k-selected":I,"k-disabled":b,"k-indeterminate":p&&!u,"k-loading":f,"k-empty":M,"k-readonly":B,"k-highlighted":U},Object.keys(S).reduce((v,L)=>(L.startsWith("k-")?v[L]=S[L]:v[`k-${L}`]=S[L],v),{}))};function Pe(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var s={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},A={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},E={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},K={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"},d={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 ie={};function Be(e){return ie[e]=(ie[e]||0)+1,`k-${e}-${ie[e]}`}var Z=require("react/jsx-runtime"),le="k-font-icon",Lt=[],yt={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info]},wt={},j=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:l,...u}=e;return a?(0,Z.jsx)("span",{...u,className:i(e.className,le,z(le,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true"}):(0,Z.jsx)(Z.Fragment,{})};j.states=Lt;j.options=yt;j.className=le;j.defaultOptions=wt;var Ke=j;var J=require("react/jsx-runtime"),ue="k-svg-icon",St=[],Ot={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info],variant:[K.outline,K.solid,K.duotone]},me={viewBox:"0 0 24 24",variant:K.outline},ee=e=>{var f,M;let{size:t,themeColor:o,rotate:a,flip:r,viewBox:l=me.viewBox,variant:u=me.variant,icon:m,...I}=e;if(!m)return(0,J.jsx)(J.Fragment,{});if(m==="none")return(0,J.jsx)("span",{...I,className:i(e.className,ue,z("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof m=="object"&&m.name&&m.name,p=typeof m=="object"?u&&((f=m.variants)==null?void 0:f[u])||((M=m.variants)==null?void 0:M.outline)||m.content:void 0;return(0,J.jsx)("span",{...I,className:i(e.className,ue,z("k-icon",{size:t}),{[`k-svg-i-${b}`]:b,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true",children:(0,J.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:l,dangerouslySetInnerHTML:p!==void 0?{__html:p}:void 0,children:m?void 0:e.children})})};ee.states=St;ee.options=Ot;ee.className=ue;ee.defaultOptions=me;var ce=ee;var de=At(require("@progress/kendo-svg-icons"));var Re="icon",Ue="icons";var De=require("react");var ze=require("react"),He=(0,ze.createContext)({iconsType:"svg"});var H=require("react/jsx-runtime"),ne="k-icon",Tt=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Ct=[],_t={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info],variant:[K.outline,K.solid,K.duotone]},re={viewBox:"0 0 24 24",type:"svg",variant:K.outline},x=e=>{let{iconsType:t}=(0,De.useContext)(He),{size:o,themeColor:a,icon:r,type:l=t||re.type,rotate:u,flip:m,viewBox:I=re.viewBox,variant:b=re.variant,...p}=e;if(!r)return(0,H.jsx)(H.Fragment,{});if((t||l)==="svg"){if(r==="none")return(0,H.jsx)(ce,{...p,className:i(e.className,ne),icon:r,size:o,variant:b});let M=de[r]?r:Tt(`${r}-icon`);return de[M]?(0,H.jsx)(ce,{...p,className:i(e.className,ne),icon:de[M],size:o,themeColor:a,rotate:u,flip:m,viewBox:I,variant:b}):(0,H.jsx)(H.Fragment,{})}return(0,H.jsx)(Ke,{...p,className:i(e.className,ne),icon:r,size:o,themeColor:a,rotate:u,flip:m})};x.states=Ct;x.options=_t;x.defaultOptions=re;x.className=ne;x.moduleName=Re;x.folderName=Ue;x.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 pe="button",$e=pe;var y=require("react/jsx-runtime"),te="k-button",Pt=["icon-button"],Bt=[d.hover,d.focus,d.active,d.selected,d.disabled,d.generating],Kt={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[A.undefined,A.none,A.small,A.medium,A.large,A.full],fillMode:[E.undefined,E.solid,E.flat,E.outline,E.clear,E.link],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info,n.inverse]},fe={showArrow:!1,arrowIconName:"chevron-down"},c=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:l,showArrow:u=fe.showArrow,arrowIconName:m=fe.arrowIconName,variant:I,hover:b,focus:p,active:f,selected:M,disabled:B,togglable:U,ariaDisabled:S,icon:v,iconSize:L,text:F,iconClassName:pt,className:ft,...Mt}=e,bt=v!=null,xt=e.children!==void 0;return(0,y.jsxs)(t,{className:i(ft,te,Pe(te,I),z(te,{size:o,rounded:a,fillMode:r,themeColor:l}),G(te,{hover:b,focus:p,active:f,disabled:B||S,selected:M}),{"k-icon-button":!F&&!xt&&bt}),"aria-pressed":U?M?"true":"false":void 0,...Mt,"aria-disabled":S?"true":void 0,disabled:B||void 0,children:[typeof v=="string"&&v&&(0,y.jsx)(x,{className:i(pt,"k-button-icon"),icon:v,size:L}),v&&typeof v!="string"&&(0,y.jsx)(y.Fragment,{children:v}),F?(0,y.jsxs)(y.Fragment,{children:[F&&(0,y.jsx)("span",{className:"k-button-text",children:F}),e.children]}):e.children&&(0,y.jsx)("span",{className:"k-button-text",children:e.children}),u&&(0,y.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,y.jsx)(x,{icon:m})})]})};c.states=Bt;c.options=Kt;c.variants=Pt;c.className=te;c.defaultOptions=fe;c.moduleName=pe;c.folderName=$e;c.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 Ve=require("react/jsx-runtime"),Fe=e=>(0,Ve.jsx)(c,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var Ge=require("react/jsx-runtime"),We=e=>(0,Ge.jsx)(c,{icon:"folder",children:"Button",...e});var Xe=require("react/jsx-runtime"),Je=e=>(0,Xe.jsx)(c,{children:"Button",...e});var se=require("react/jsx-runtime"),Rt=c.options,Ut=c.states,zt={...c.defaultOptions,variant:"text"},Ht=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Dt=[],q=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,se.jsx)(Fe,{...o,icon:"star"});case"icon-and-text":return(0,se.jsx)(We,{...o,icon:"star",children:"Button"});default:return(0,se.jsx)(Je,{...o,children:"Button"})}};q.options=Rt;q.states=Ut;q.variants=Ht;q.defaultOptions=zt;q.modifiers=Dt;q.className=c.className;var Me="menu-button",qe=Me;var Ze=require("react/jsx-runtime"),Qe="k-menu-button",$t=[d.hover,d.focus,d.active,d.selected,d.disabled],Ft={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[A.undefined,A.none,A.small,A.medium,A.large,A.full],fillMode:[E.undefined,E.solid,E.flat,E.outline,E.clear,E.link],themeColor:[n.undefined,n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info,n.inverse]},be={showArrow:!0,arrowIconName:"chevron-down"},V=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:l,focus:u,active:m,selected:I,disabled:b,icon:p,text:f,showArrow:M=be.showArrow,arrowIconName:B=be.arrowIconName,expanded:U,...S}=e;return(0,Ze.jsx)(c,{...S,className:i(e.className,Qe),text:f,size:t,rounded:o,fillMode:a,themeColor:r,hover:l,focus:u,active:m,selected:I,disabled:b,ariaDisabled:b||void 0,icon:p,showArrow:M,arrowIconName:B,"aria-expanded":U?"true":"false",...!f&&p&&!e["aria-label"]&&{"aria-label":"Menu"}})};V.states=$t;V.options=Ft;V.className=Qe;V.defaultOptions=be;V.moduleName=Me;V.folderName=qe;V.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var Ye=V;var w="menu",O=w;var D=require("react/jsx-runtime"),xe="k-menu-item",Vt=[d.hover,d.focus,d.active,d.selected,d.disabled],Wt={},je={iconPosition:"before"},g=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:l,icon:u,text:m,first:I,last:b,showArrow:p,arrowIconName:f,iconPosition:M=je.iconPosition,dir:B,children:U,expanded:S,...v}=e,L=f;return L||(L=B==="rtl"?"chevron-left":"chevron-right"),(0,D.jsxs)("li",{...v,className:i(e.className,xe,"k-item",G(xe,{focus:o,disabled:l,hover:t,active:a,selected:r}),{"k-first":I,"k-last":b}),role:"menuitem",...p&&{"aria-haspopup":"menu"},...p&&{"aria-expanded":S?"true":"false"},...l&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,D.jsxs)("span",{className:i("k-link k-menu-link"),children:[u&&M==="before"&&(0,D.jsx)(x,{className:"k-menu-link-icon",icon:u}),(0,D.jsx)("span",{className:"k-menu-link-text",children:m}),u&&M==="after"&&(0,D.jsx)(x,{className:"k-menu-link-icon",icon:u}),p&&(0,D.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,D.jsx)(x,{icon:L})})]}),U]})};g.states=Vt;g.options=Wt;g.className=xe;g.defaultOptions=je;g.moduleName=w;g.folderName=O;var $=require("react/jsx-runtime"),he="k-menu-item",Gt=[d.hover,d.focus,d.active,d.selected,d.disabled],Jt={},Ne={dir:"ltr",iconPosition:"before"},k=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:l,icon:u,text:m,first:I,last:b,showArrow:p,arrowIconName:f,iconPosition:M=Ne.iconPosition,dir:B=Ne.dir,children:U,popup:S,expanded:v,...L}=e,F=f;return F||(F=B==="rtl"?"chevron-left":"chevron-right"),(0,$.jsxs)("li",{role:"menuitem",...L,className:i(e.className,he,"k-item",G(he,{focus:o,disabled:l}),{"k-first":I,"k-last":b}),...p&&{"aria-haspopup":"menu"},...p&&{"aria-expanded":v?"true":"false"},...l&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,$.jsxs)("span",{className:i("k-link k-menu-link",G("k-menu-link",{hover:t,active:a,selected:r,disabled:l})),children:[u&&M==="before"&&(0,$.jsx)(x,{className:"k-menu-link-icon",icon:u}),(0,$.jsx)("span",{className:"k-menu-link-text",children:m}),u&&M==="after"&&(0,$.jsx)(x,{className:"k-menu-link-icon",icon:u}),p&&(0,$.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,$.jsx)(x,{icon:F})})]}),U,S]})};k.states=Gt;k.options=Jt;k.className=he;k.defaultOptions=Ne;k.moduleName=w;k.folderName=O;var ot=require("react/jsx-runtime"),et="k-menu-scroll-wrapper",Xt=[],qt={},Qt={},X=e=>{let{className:t,children:o,orientation:a,...r}=e;return(0,ot.jsx)("div",{...r,className:i(t,et,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};X.states=Xt;X.options=qt;X.className=et;X.defaultOptions=Qt;X.moduleName=w;X.folderName=O;var tt=X;var N=require("react/jsx-runtime"),Ie="k-menu",Yt=[],Zt={},ae={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},h=e=>{let{children:t,orientation:o=ae.orientation,header:a=ae.header,scrollable:r,scrollButtonsPosition:l=ae.scrollButtonsPosition,wrapperStyles:u,dir:m,popup:I,contextMenu:b,...p}=e,f={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},M=(0,N.jsx)("ul",{dir:m,...p,className:i(e.className,"k-reset",Ie,{[`${Ie}-${o}`]:o,"k-header":a}),role:b?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,N.jsxs)(N.Fragment,{children:[r?(0,N.jsxs)(tt,{orientation:o,style:u,dir:e.dir,children:[l==="start"&&(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(c,{fillMode:"flat",icon:`chevron-${f[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,N.jsx)(c,{fillMode:"flat",icon:`chevron-${f[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),l==="around"&&(0,N.jsx)(c,{fillMode:"flat",icon:`chevron-${f[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),M,l==="end"&&(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(c,{fillMode:"flat",icon:`chevron-${f[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,N.jsx)(c,{fillMode:"flat",icon:`chevron-${f[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),l==="around"&&(0,N.jsx)(c,{fillMode:"flat",icon:`chevron-${f[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):M,I]})};h.states=Yt;h.options=Zt;h.className=Ie;h.defaultOptions=ae;h.moduleName=w;h.folderName=O;h.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 rt=require("react/jsx-runtime"),ve="k-separator",nt={orientation:"horizontal"},Q=e=>{let{orientation:t=nt.orientation,...o}=e;return(0,rt.jsx)("li",{...o,className:i(e.className,"k-item",ve,{[`${ve}-${t}`]:t}),role:"separator"})};Q.className=ve;Q.defaultOptions=nt;Q.moduleName=w;Q.folderName=O;var st=require("react/jsx-runtime");var at=require("react/jsx-runtime"),ge="k-menu-group",jt=[],eo={size:[s.undefined,s.small,s.medium,s.large]},to={},C=e=>{let{children:t,size:o,...a}=e;return(0,at.jsx)("ul",{role:"menu",...a,className:i(e.className,ge,z(ge,{size:o})),children:t})};C.states=jt;C.options=eo;C.className=ge;C.defaultOptions=to;C.moduleName=w;C.folderName=O;var _=require("react/jsx-runtime"),ke=e=>(0,_.jsx)(h,{children:(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(g,{first:!0,text:"Item 1"}),(0,_.jsx)(g,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),(0,_.jsx)(g,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),(0,_.jsx)(g,{text:"Item 4"}),(0,_.jsx)(g,{last:!0,text:"Item 5"})]}),...e});var Ae="popup",it=Ae;var Le=require("react/jsx-runtime"),lt="k-animation-container",oo=[],no={},Ee={positionMode:"absolute",shown:!0},W=e=>{let{positionMode:t=Ee.positionMode,shown:o=Ee.shown,animationStyle:a,offset:r,...l}=e;return(0,Le.jsx)("div",{...l,style:{...r,...e.style},className:i(e.className,lt,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:(0,Le.jsx)("div",{className:"k-child-animation-container",style:a,children:e.children})})};W.states=oo;W.options=no;W.className=lt;W.defaultOptions=Ee;W.moduleName=Ae;W.folderName=it;var ye="popup",ut=ye;var we=require("react/jsx-runtime"),mt="k-popup",ro=[],so={},ct={positionMode:"absolute"},T=e=>{let{offset:t,positionMode:o=ct.positionMode,animationStyle:a,containerClassName:r,containerRole:l,containerAriaLabel:u,...m}=e;return(0,we.jsx)(W,{positionMode:o,offset:t,animationStyle:a,className:r,role:l,"aria-label":u,children:(0,we.jsx)("div",{...m,className:i(e.className,mt),children:e.children})})};T.states=ro;T.options=so;T.className=mt;T.defaultOptions=ct;T.moduleName=ye;T.folderName=ut;T.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var Se=require("react/jsx-runtime");var Oe=require("react/jsx-runtime");var Te=require("react/jsx-runtime");var Ce=require("react/jsx-runtime");var R=require("react/jsx-runtime"),ao={...h.options,scrollable:{type:"boolean"}},io=h.states,dt={...h.defaultOptions,variant:"horizontal"},lo=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],uo=[{name:"opened",title:"Opened"}],Y=e=>{let{variant:t,modifiers:o,...a}={...dt,...e},r={},l=t==="vertical"?{left:"200px",top:"30px"}:{left:"90px",top:"auto"};return Object.keys(o||{}).forEach(u=>{u==="opened"&&(r.opened=!!(o!=null&&o[u]),r.popup=o!=null&&o[u]?(0,R.jsx)(T,{className:"k-menu-popup",offset:l,children:(0,R.jsxs)(C,{children:[(0,R.jsx)(k,{text:"Item 1"}),(0,R.jsx)(k,{text:"Item 2"}),(0,R.jsx)(Q,{}),(0,R.jsx)(k,{text:"Item 3"})]})}):null)}),t==="vertical"?(0,R.jsx)(ke,{...a,...r,orientation:"vertical",style:{width:"200px"}}):(0,R.jsx)(ke,{...a,...r})};Y.options=ao;Y.states=io;Y.variants=lo;Y.defaultOptions=dt;Y.modifiers=uo;Y.className=h.className;var P=require("react/jsx-runtime"),mo=e=>{let t=Be("menu-group");return(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(Ye,{expanded:!0,"aria-controls":t,...e,children:"button"}),(0,P.jsx)(T,{className:"k-menu-popup",children:(0,P.jsxs)(C,{id:t,role:"list",children:[(0,P.jsx)(k,{first:!0,text:"Menu Item",role:"listitem"}),(0,P.jsx)(k,{text:"Menu Item",role:"listitem"}),(0,P.jsx)(k,{last:!0,text:"Menu Item",role:"listitem"})]})})]})};