UNPKG

@progress/kendo-themes-html

Version:

A collection of HTML helpers used for developing Kendo UI themes

2 lines (1 loc) 25.4 kB
var Ft=Object.create;var ce=Object.defineProperty;var Vt=Object.getOwnPropertyDescriptor;var qt=Object.getOwnPropertyNames;var Jt=Object.getPrototypeOf,Xt=Object.prototype.hasOwnProperty;var Gt=(e,t)=>{for(var o in t)ce(e,o,{get:t[o],enumerable:!0})},Ye=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of qt(t))!Xt.call(e,r)&&r!==o&&ce(e,r,{get:()=>t[r],enumerable:!(s=Vt(t,r))||s.enumerable});return e};var Zt=(e,t,o)=>(o=e!=null?Ft(Jt(e)):{},Ye(t||!e||!e.__esModule?ce(o,"default",{value:e,enumerable:!0}):o,e)),Qt=e=>Ye(ce({},"__esModule",{value:!0}),e);var ln={};Gt(ln,{CHARTWIZARD_CLASSNAME:()=>Qe,ChartWizard:()=>q,default:()=>an});module.exports=Qt(ln);var i=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?i(...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 W=(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"}),Y=(e,t)=>{let{valid:o,invalid:s,hover:r,focus:u,checked:l,active:c,selected:p,disabled:N,indeterminate:f,loading:M,empty:x,readonly:D,highlighted:z,...B}=t;return i({"k-valid":o,"k-invalid":s,"k-hover":r,"k-focus":u,"k-checked":l,"k-active":c,"k-selected":p,"k-disabled":N,"k-indeterminate":f&&!l,"k-loading":M,"k-empty":x,"k-readonly":D,"k-highlighted":z},Object.keys(B).reduce((v,T)=>(T.startsWith("k-")?v[T]=B[T]:v[`k-${T}`]=B[T],v),{}))};function je(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"},k={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"},U={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 he={};function Ie(e){return he[e]=(he[e]||0)+1,`k-${e}-${he[e]}`}var ve="action-buttons",et=ve;var tt=require("react/jsx-runtime"),de="k-actions",Yt=[],jt={},Ae={alignment:"start",orientation:"horizontal"},X=e=>{let{alignment:t=Ae.alignment,orientation:o=Ae.orientation,...s}=e;return(0,tt.jsx)("div",{...s,className:i(de,{[`${de}-${t}`]:t,[`${de}-${o}`]:o},e.className),children:e.children})};X.states=Yt;X.options=jt;X.className=de;X.defaultOptions=Ae;X.moduleName=ve;X.folderName=et;var ie=require("react/jsx-runtime"),we="k-font-icon",eo=[],to={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]},oo={},ae=e=>{let{size:t,themeColor:o,icon:s,rotate:r,flip:u,...l}=e;return s?(0,ie.jsx)("span",{...l,className:i(e.className,we,W(we,{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,ie.jsx)(ie.Fragment,{})};ae.states=eo;ae.options=to;ae.className=we;ae.defaultOptions=oo;var ot=ae;var j=require("react/jsx-runtime"),ge="k-svg-icon",no=[],ro={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:[U.outline,U.solid,U.duotone]},Ee={viewBox:"0 0 24 24",variant:U.outline},le=e=>{var M,x;let{size:t,themeColor:o,rotate:s,flip:r,viewBox:u=Ee.viewBox,variant:l=Ee.variant,icon:c,...p}=e;if(!c)return(0,j.jsx)(j.Fragment,{});if(c==="none")return(0,j.jsx)("span",{...p,className:i(e.className,ge,W("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let N=typeof c=="object"&&c.name&&c.name,f=typeof c=="object"?l&&((M=c.variants)==null?void 0:M[l])||((x=c.variants)==null?void 0:x.outline)||c.content:void 0;return(0,j.jsx)("span",{...p,className:i(e.className,ge,W("k-icon",{size:t}),{[`k-svg-i-${N}`]:N,[`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,j.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:u,dangerouslySetInnerHTML:f!==void 0?{__html:f}:void 0,children:c?void 0:e.children})})};le.states=no;le.options=ro;le.className=ge;le.defaultOptions=Ee;var ke=le;var Le=Zt(require("@progress/kendo-svg-icons"));var nt="icon",rt="icons";var at=require("react");var st=require("react"),it=(0,st.createContext)({iconsType:"svg"});var $=require("react/jsx-runtime"),pe="k-icon",so=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),io=[],ao={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:[U.outline,U.solid,U.duotone]},fe={viewBox:"0 0 24 24",type:"svg",variant:U.outline},b=e=>{let{iconsType:t}=(0,at.useContext)(it),{size:o,themeColor:s,icon:r,type:u=t||fe.type,rotate:l,flip:c,viewBox:p=fe.viewBox,variant:N=fe.variant,...f}=e;if(!r)return(0,$.jsx)($.Fragment,{});if((t||u)==="svg"){if(r==="none")return(0,$.jsx)(ke,{...f,className:i(e.className,pe),icon:r,size:o,variant:N});let x=Le[r]?r:so(`${r}-icon`);return Le[x]?(0,$.jsx)(ke,{...f,className:i(e.className,pe),icon:Le[x],size:o,themeColor:s,rotate:l,flip:c,viewBox:p,variant:N}):(0,$.jsx)($.Fragment,{})}return(0,$.jsx)(ot,{...f,className:i(e.className,pe),icon:r,size:o,themeColor:s,rotate:l,flip:c})};b.states=io;b.options=ao;b.defaultOptions=fe;b.className=pe;b.moduleName=nt;b.folderName=rt;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 Oe="button",lt=Oe;var y=require("react/jsx-runtime"),me="k-button",lo=["icon-button"],mo=[d.hover,d.focus,d.active,d.selected,d.disabled,d.generating],uo={size:[a.undefined,a.xsmall,a.small,a.medium,a.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.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]},Te={showArrow:!1,arrowIconName:"chevron-down"},m=e=>{let{as:t="button",size:o,rounded:s,fillMode:r,themeColor:u,showArrow:l=Te.showArrow,arrowIconName:c=Te.arrowIconName,variant:p,hover:N,focus:f,active:M,selected:x,disabled:D,togglable:z,ariaDisabled:B,icon:v,iconSize:T,text:J,iconClassName:Ut,className:Ht,...zt}=e,Wt=v!=null,$t=e.children!==void 0;return(0,y.jsxs)(t,{className:i(Ht,me,je(me,p),W(me,{size:o,rounded:s,fillMode:r,themeColor:u}),Y(me,{hover:N,focus:f,active:M,disabled:D||B,selected:x}),{"k-icon-button":!J&&!$t&&Wt}),"aria-pressed":z?x?"true":"false":void 0,...zt,"aria-disabled":B?"true":void 0,disabled:D||void 0,children:[typeof v=="string"&&v&&(0,y.jsx)(b,{className:i(Ut,"k-button-icon"),icon:v,size:T}),v&&typeof v!="string"&&(0,y.jsx)(y.Fragment,{children:v}),J?(0,y.jsxs)(y.Fragment,{children:[J&&(0,y.jsx)("span",{className:"k-button-text",children:J}),e.children]}):e.children&&(0,y.jsx)("span",{className:"k-button-text",children:e.children}),l&&(0,y.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,y.jsx)(b,{icon:c})})]})};m.states=mo;m.options=uo;m.variants=lo;m.className=me;m.defaultOptions=Te;m.moduleName=Oe;m.folderName=lt;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 ut=require("react/jsx-runtime"),mt=e=>(0,ut.jsx)(m,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var dt=require("react/jsx-runtime"),ct=e=>(0,dt.jsx)(m,{icon:"folder",children:"Button",...e});var ft=require("react/jsx-runtime"),pt=e=>(0,ft.jsx)(m,{children:"Button",...e});var Me=require("react/jsx-runtime"),co=m.options,po=m.states,fo={...m.defaultOptions,variant:"text"},Mo=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],xo=[],te=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,Me.jsx)(mt,{...o,icon:"star"});case"icon-and-text":return(0,Me.jsx)(ct,{...o,icon:"star",children:"Button"});default:return(0,Me.jsx)(pt,{...o,children:"Button"})}};te.options=co;te.states=po;te.variants=Mo;te.defaultOptions=fo;te.modifiers=xo;te.className=m.className;var ye="menu-button",Mt=ye;var Nt=require("react/jsx-runtime"),xt="k-menu-button",No=[d.hover,d.focus,d.active,d.selected,d.disabled],bo={size:[a.undefined,a.xsmall,a.small,a.medium,a.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.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]},Ce={showArrow:!0,arrowIconName:"chevron-down"},O=e=>{let{size:t,rounded:o,fillMode:s,themeColor:r,hover:u,focus:l,active:c,selected:p,disabled:N,icon:f,text:M,showArrow:x=Ce.showArrow,arrowIconName:D=Ce.arrowIconName,expanded:z,...B}=e;return(0,Nt.jsx)(m,{...B,className:i(e.className,xt),text:M,size:t,rounded:o,fillMode:s,themeColor:r,hover:u,focus:l,active:c,selected:p,disabled:N,ariaDisabled:N||void 0,icon:f,showArrow:x,arrowIconName:D,"aria-expanded":z?"true":"false",...!M&&f&&!e["aria-label"]&&{"aria-label":"Menu"}})};O.states=No;O.options=bo;O.className=xt;O.defaultOptions=Ce;O.moduleName=ye;O.folderName=Mt;O.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 ho=require("react/jsx-runtime");var Io=require("react/jsx-runtime");var vo=require("react/jsx-runtime");var C="menu",P=C;var F=require("react/jsx-runtime"),Se="k-menu-item",Ao=[d.hover,d.focus,d.active,d.selected,d.disabled],wo={},bt={iconPosition:"before"},A=e=>{let{hover:t,focus:o,active:s,selected:r,disabled:u,icon:l,text:c,first:p,last:N,showArrow:f,arrowIconName:M,iconPosition:x=bt.iconPosition,dir:D,children:z,expanded:B,...v}=e,T=M;return T||(T=D==="rtl"?"chevron-left":"chevron-right"),(0,F.jsxs)("li",{...v,className:i(e.className,Se,"k-item",Y(Se,{focus:o,disabled:u,hover:t,active:s,selected:r}),{"k-first":p,"k-last":N}),role:"menuitem",...f&&{"aria-haspopup":"menu"},...f&&{"aria-expanded":B?"true":"false"},...u&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,F.jsxs)("span",{className:i("k-link k-menu-link"),children:[l&&x==="before"&&(0,F.jsx)(b,{className:"k-menu-link-icon",icon:l}),(0,F.jsx)("span",{className:"k-menu-link-text",children:c}),l&&x==="after"&&(0,F.jsx)(b,{className:"k-menu-link-icon",icon:l}),f&&(0,F.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,F.jsx)(b,{icon:T})})]}),z]})};A.states=Ao;A.options=wo;A.className=Se;A.defaultOptions=bt;A.moduleName=C;A.folderName=P;var V=require("react/jsx-runtime"),_e="k-menu-item",go=[d.hover,d.focus,d.active,d.selected,d.disabled],Eo={},Be={dir:"ltr",iconPosition:"before"},w=e=>{let{hover:t,focus:o,active:s,selected:r,disabled:u,icon:l,text:c,first:p,last:N,showArrow:f,arrowIconName:M,iconPosition:x=Be.iconPosition,dir:D=Be.dir,children:z,popup:B,expanded:v,...T}=e,J=M;return J||(J=D==="rtl"?"chevron-left":"chevron-right"),(0,V.jsxs)("li",{role:"menuitem",...T,className:i(e.className,_e,"k-item",Y(_e,{focus:o,disabled:u}),{"k-first":p,"k-last":N}),...f&&{"aria-haspopup":"menu"},...f&&{"aria-expanded":v?"true":"false"},...u&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,V.jsxs)("span",{className:i("k-link k-menu-link",Y("k-menu-link",{hover:t,active:s,selected:r,disabled:u})),children:[l&&x==="before"&&(0,V.jsx)(b,{className:"k-menu-link-icon",icon:l}),(0,V.jsx)("span",{className:"k-menu-link-text",children:c}),l&&x==="after"&&(0,V.jsx)(b,{className:"k-menu-link-icon",icon:l}),f&&(0,V.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,V.jsx)(b,{icon:J})})]}),z,B]})};w.states=go;w.options=Eo;w.className=_e;w.defaultOptions=Be;w.moduleName=C;w.folderName=P;var vt=require("react/jsx-runtime"),ht="k-menu-scroll-wrapper",ko=[],Lo={},Oo={},ee=e=>{let{className:t,children:o,orientation:s,...r}=e;return(0,vt.jsx)("div",{...r,className:i(t,ht,{"k-menu-scroll-wrapper-vertical":s==="vertical"}),children:o})};ee.states=ko;ee.options=Lo;ee.className=ht;ee.defaultOptions=Oo;ee.moduleName=C;ee.folderName=P;var It=ee;var I=require("react/jsx-runtime"),Pe="k-menu",To=[],yo={},Ne={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},h=e=>{let{children:t,orientation:o=Ne.orientation,header:s=Ne.header,scrollable:r,scrollButtonsPosition:u=Ne.scrollButtonsPosition,wrapperStyles:l,dir:c,popup:p,contextMenu:N,...f}=e,M={horizontal:{prev:c!=="rtl"?"left":"right",next:c!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},x=(0,I.jsx)("ul",{dir:c,...f,className:i(e.className,"k-reset",Pe,{[`${Pe}-${o}`]:o,"k-header":s}),role:N?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,I.jsxs)(I.Fragment,{children:[r?(0,I.jsxs)(It,{orientation:o,style:l,dir:e.dir,children:[u==="start"&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(m,{fillMode:"flat",icon:`chevron-${M[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,I.jsx)(m,{fillMode:"flat",icon:`chevron-${M[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),u==="around"&&(0,I.jsx)(m,{fillMode:"flat",icon:`chevron-${M[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),x,u==="end"&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(m,{fillMode:"flat",icon:`chevron-${M[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,I.jsx)(m,{fillMode:"flat",icon:`chevron-${M[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),u==="around"&&(0,I.jsx)(m,{fillMode:"flat",icon:`chevron-${M[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):x,p]})};h.states=To;h.options=yo;h.className=Pe;h.defaultOptions=Ne;h.moduleName=C;h.folderName=P;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 wt=require("react/jsx-runtime"),Re="k-separator",At={orientation:"horizontal"},oe=e=>{let{orientation:t=At.orientation,...o}=e;return(0,wt.jsx)("li",{...o,className:i(e.className,"k-item",Re,{[`${Re}-${t}`]:t}),role:"separator"})};oe.className=Re;oe.defaultOptions=At;oe.moduleName=C;oe.folderName=P;var gt=require("react/jsx-runtime");var Et=require("react/jsx-runtime"),Ke="k-menu-group",Co=[],So={size:[a.undefined,a.small,a.medium,a.large]},_o={},R=e=>{let{children:t,size:o,...s}=e;return(0,Et.jsx)("ul",{role:"menu",...s,className:i(e.className,Ke,W(Ke,{size:o})),children:t})};R.states=Co;R.options=So;R.className=Ke;R.defaultOptions=_o;R.moduleName=C;R.folderName=P;var K=require("react/jsx-runtime"),De=e=>(0,K.jsx)(h,{children:(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(A,{first:!0,text:"Item 1"}),(0,K.jsx)(A,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),(0,K.jsx)(A,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),(0,K.jsx)(A,{text:"Item 4"}),(0,K.jsx)(A,{last:!0,text:"Item 5"})]}),...e});var Ue="popup",kt=Ue;var ze=require("react/jsx-runtime"),Lt="k-animation-container",Bo=[],Po={},He={positionMode:"absolute",shown:!0},G=e=>{let{positionMode:t=He.positionMode,shown:o=He.shown,animationStyle:s,offset:r,...u}=e;return(0,ze.jsx)("div",{...u,style:{...r,...e.style},className:i(e.className,Lt,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:(0,ze.jsx)("div",{className:"k-child-animation-container",style:s,children:e.children})})};G.states=Bo;G.options=Po;G.className=Lt;G.defaultOptions=He;G.moduleName=Ue;G.folderName=kt;var We="popup",Ot=We;var $e=require("react/jsx-runtime"),Tt="k-popup",Ro=[],Ko={},yt={positionMode:"absolute"},S=e=>{let{offset:t,positionMode:o=yt.positionMode,animationStyle:s,containerClassName:r,containerRole:u,containerAriaLabel:l,...c}=e;return(0,$e.jsx)(G,{positionMode:o,offset:t,animationStyle:s,className:r,role:u,"aria-label":l,children:(0,$e.jsx)("div",{...c,className:i(e.className,Tt),children:e.children})})};S.states=Ro;S.options=Ko;S.className=Tt;S.defaultOptions=yt;S.moduleName=We;S.folderName=Ot;S.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 Fe=require("react/jsx-runtime");var Ve=require("react/jsx-runtime");var qe=require("react/jsx-runtime");var Je=require("react/jsx-runtime");var H=require("react/jsx-runtime"),Do={...h.options,scrollable:{type:"boolean"}},Uo=h.states,Ct={...h.defaultOptions,variant:"horizontal"},Ho=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],zo=[{name:"opened",title:"Opened"}],ne=e=>{let{variant:t,modifiers:o,...s}={...Ct,...e},r={},u=t==="vertical"?{left:"200px",top:"30px"}:{left:"90px",top:"auto"};return Object.keys(o||{}).forEach(l=>{l==="opened"&&(r.opened=!!(o!=null&&o[l]),r.popup=o!=null&&o[l]?(0,H.jsx)(S,{className:"k-menu-popup",offset:u,children:(0,H.jsxs)(R,{children:[(0,H.jsx)(w,{text:"Item 1"}),(0,H.jsx)(w,{text:"Item 2"}),(0,H.jsx)(oe,{}),(0,H.jsx)(w,{text:"Item 3"})]})}):null)}),t==="vertical"?(0,H.jsx)(De,{...s,...r,orientation:"vertical",style:{width:"200px"}}):(0,H.jsx)(De,{...s,...r})};ne.options=Do;ne.states=Uo;ne.variants=Ho;ne.defaultOptions=Ct;ne.modifiers=zo;ne.className=h.className;var Xe=require("react/jsx-runtime");var Wo=require("react/jsx-runtime");var g=require("react/jsx-runtime"),$o=m.states,St={...m.defaultOptions,variant:"text"},Fo=m.options,Vo=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],qo=[{name:"opened",title:"Opened"}],re=e=>{let{variant:t,modifiers:o,...s}={...St,...e},r={},u=(0,g.jsx)(S,{className:"k-menu-popup",children:(0,g.jsxs)(R,{size:s.size,children:[(0,g.jsx)(w,{first:!0,text:"Menu Item"}),(0,g.jsx)(w,{text:"Menu Item"}),(0,g.jsx)(w,{last:!0,text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=(0,g.jsx)("div",{children:(0,g.jsx)(O,{...s,...r,icon:"star"})});break;case"icon-and-text":l=(0,g.jsx)("div",{children:(0,g.jsx)(O,{...s,...r,icon:"star",children:"Dropdown Button"})});break;default:l=(0,g.jsx)("div",{children:(0,g.jsx)(O,{...s,...r,children:"Dropdown Button"})});break}return(0,g.jsxs)(g.Fragment,{children:[l,(o==null?void 0:o.opened)&&u]})};re.options=Fo;re.states=$o;re.variants=Vo;re.defaultOptions=St;re.modifiers=qo;re.className=O.className;var ue="window",be=ue;var Bt=require("react/jsx-runtime"),_t="k-window-content",Jo=[],Xo={},Go={},Z=e=>{let{children:t,...o}=e;return(0,Bt.jsx)("div",{...o,className:i(_t,e.className),children:t})};Z.states=Jo;Z.options=Xo;Z.className=_t;Z.defaultOptions=Go;Z.moduleName=ue;Z.folderName=be;var _=require("react/jsx-runtime"),Ge="k-window",Zo=[],Qo={},Yo={},E=e=>{let{title:t,actions:o,minimized:s,actionButtons:r,actionButtonsAlign:u,...l}=e,c=t!==void 0?Ie("window-title"):void 0;return(0,_.jsxs)("div",{...l,className:i(e.className,Ge,{[`${Ge}-minimized`]:s}),role:"dialog","aria-labelledby":c,children:[(t!==void 0||o)&&(0,_.jsxs)("div",{className:"k-window-titlebar",children:[t!==void 0&&(0,_.jsx)("span",{className:"k-window-title",id:c,children:t}),o&&(0,_.jsx)(_.Fragment,{children:(0,_.jsx)("div",{className:"k-window-titlebar-actions",children:o.map(p=>p==="more-vertical"?(0,_.jsx)(O,{icon:p,fillMode:"flat",size:"xsmall",showArrow:!1,className:"k-window-titlebar-action","aria-label":"More actions"},p):(0,_.jsx)(m,{icon:p,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action","aria-label":p},p))})})]}),(0,_.jsx)(Z,{className:i({"k-hidden":s}),children:e.children}),r&&(0,_.jsx)(X,{alignment:u,className:"k-window-actions",children:r})]})};E.states=Zo;E.options=Qo;E.className=Ge;E.defaultOptions=Yo;E.moduleName=ue;E.folderName=be;E.ariaSpec={selector:".k-window",rules:[{selector:".k-window:not(.k-dialog)",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-window:not(.k-dialog)",attribute:"aria-labelledby",usage:"Associate the title of the dialog."}]};var Pt=require("react/jsx-runtime");var Q=require("react/jsx-runtime"),jo=E.options,en=E.states,Rt={...E.defaultOptions,variant:"normal"},tn=[{name:"normal",title:"Normal"},{name:"actions",title:"Actions"}],on=[],se=e=>{let{variant:t,...o}={...Rt,...e};return(0,Q.jsx)(E,{title:"Window",actions:["window-minimize","window","x"],style:{maxWidth:"400px"},actionButtonsAlign:"stretched",actionButtons:t==="actions"?(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(m,{children:"Cancel"}),(0,Q.jsx)(m,{themeColor:"primary",children:"Submit"})]}):void 0,...o,children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut facilisis hac neque, sapien orci. Dignissim pulvinar commodo lorem pellentesque ornare dictum egestas feugiat fringilla. Proin facilisis mattis sed accumsan orci velit eget."})};se.options=jo;se.states=en;se.variants=tn;se.defaultOptions=Rt;se.modifiers=on;se.className=E.className;var Ze="chart-wizard",Kt=Ze;var Dt=require("react/jsx-runtime"),Qe="k-chart-wizard",nn=[],rn={},sn={},q=e=>{let{children:t,...o}=e;return(0,Dt.jsx)(E,{title:"Chart Preview",actions:["window","x"],...o,className:i(e.className,Qe),children:t})};q.states=nn;q.options=rn;q.className=Qe;q.defaultOptions=sn;q.moduleName=Ze;q.folderName=Kt;q.ariaSpec={selector:".k-chart-wizard",rules:[]};var an=q;