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