@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
1 lines • 237 kB
JavaScript
var aT=Object.create;var Xl=Object.defineProperty;var rT=Object.getOwnPropertyDescriptor;var lT=Object.getOwnPropertyNames;var iT=Object.getPrototypeOf,nT=Object.prototype.hasOwnProperty;var sT=(e,t)=>{for(var o in t)Xl(e,o,{get:t[o],enumerable:!0})},bc=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let l of lT(t))!nT.call(e,l)&&l!==o&&Xl(e,l,{get:()=>t[l],enumerable:!(a=rT(t,l))||a.enumerable});return e};var fc=(e,t,o)=>(o=e!=null?aT(iT(e)):{},bc(t||!e||!e.__esModule?Xl(o,"default",{value:e,enumerable:!0}):o,e)),dT=e=>bc(Xl({},"__esModule",{value:!0}),e);var bL={};sT(bL,{ChartWizardData:()=>uL});module.exports=dT(bL);var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...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 L=(e,t)=>r({[`${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:a,hover:l,focus:n,checked:d,active:c,selected:u,disabled:g,indeterminate:x,loading:N,empty:b,readonly:w,highlighted:C,...I}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":l,"k-focus":n,"k-checked":d,"k-active":c,"k-selected":u,"k-disabled":g,"k-indeterminate":x&&!d,"k-loading":N,"k-empty":b,"k-readonly":w,"k-highlighted":C},Object.keys(I).reduce((E,G)=>(G.startsWith("k-")?E[G]=I[G]:E[`k-${G}`]=I[G],E),{}))};function Tc(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"},T={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},k={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},fo={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},S={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 Ji={};function H(e){return Ji[e]=(Ji[e]||0)+1,`k-${e}-${Ji[e]}`}var Zi="action-buttons",hc=Zi;var gc=require("react/jsx-runtime"),ql="k-actions",cT=[],pT={},Yi={alignment:"start",orientation:"horizontal"},Mt=e=>{let{alignment:t=Yi.alignment,orientation:o=Yi.orientation,...a}=e;return(0,gc.jsx)("div",{...a,className:r(ql,{[`${ql}-${t}`]:t,[`${ql}-${o}`]:o},e.className),children:e.children})};Mt.states=cT;Mt.options=pT;Mt.className=ql;Mt.defaultOptions=Yi;Mt.moduleName=Zi;Mt.folderName=hc;var tl=require("react/jsx-runtime"),Qi="k-font-icon",mT=[],uT={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info]},bT={},ol=e=>{let{size:t,themeColor:o,icon:a,rotate:l,flip:n,...d}=e;return a?(0,tl.jsx)("span",{...d,className:r(e.className,Qi,L(Qi,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${l}`]:l,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true"}):(0,tl.jsx)(tl.Fragment,{})};ol.states=mT;ol.options=uT;ol.className=Qi;ol.defaultOptions=bT;var xc=ol;var Na=require("react/jsx-runtime"),ji="k-svg-icon",fT=[],TT={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info],variant:[fo.outline,fo.solid,fo.duotone]},en={viewBox:"0 0 24 24",variant:fo.outline},al=e=>{var N,b;let{size:t,themeColor:o,rotate:a,flip:l,viewBox:n=en.viewBox,variant:d=en.variant,icon:c,...u}=e;if(!c)return(0,Na.jsx)(Na.Fragment,{});if(c==="none")return(0,Na.jsx)("span",{...u,className:r(e.className,ji,L("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let g=typeof c=="object"&&c.name&&c.name,x=typeof c=="object"?d&&((N=c.variants)==null?void 0:N[d])||((b=c.variants)==null?void 0:b.outline)||c.content:void 0;return(0,Na.jsx)("span",{...u,className:r(e.className,ji,L("k-icon",{size:t}),{[`k-svg-i-${g}`]:g,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true",children:(0,Na.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:n,dangerouslySetInnerHTML:x!==void 0?{__html:x}:void 0,children:c?void 0:e.children})})};al.states=fT;al.options=TT;al.className=ji;al.defaultOptions=en;var tn=al;var on=fc(require("@progress/kendo-svg-icons"));var kc="icon",Nc="icons";var yc=require("react");var vc=require("react"),wc=(0,vc.createContext)({iconsType:"svg"});var Lo=require("react/jsx-runtime"),Jl="k-icon",hT=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),gT=[],xT={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info],variant:[fo.outline,fo.solid,fo.duotone]},Zl={viewBox:"0 0 24 24",type:"svg",variant:fo.outline},h=e=>{let{iconsType:t}=(0,yc.useContext)(wc),{size:o,themeColor:a,icon:l,type:n=t||Zl.type,rotate:d,flip:c,viewBox:u=Zl.viewBox,variant:g=Zl.variant,...x}=e;if(!l)return(0,Lo.jsx)(Lo.Fragment,{});if((t||n)==="svg"){if(l==="none")return(0,Lo.jsx)(tn,{...x,className:r(e.className,Jl),icon:l,size:o,variant:g});let b=on[l]?l:hT(`${l}-icon`);return on[b]?(0,Lo.jsx)(tn,{...x,className:r(e.className,Jl),icon:on[b],size:o,themeColor:a,rotate:d,flip:c,viewBox:u,variant:g}):(0,Lo.jsx)(Lo.Fragment,{})}return(0,Lo.jsx)(xc,{...x,className:r(e.className,Jl),icon:l,size:o,themeColor:a,rotate:d,flip:c})};h.states=gT;h.options=xT;h.defaultOptions=Zl;h.className=Jl;h.moduleName=kc;h.folderName=Nc;h.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 an="button",Cc=an;var Bt=require("react/jsx-runtime"),rl="k-button",kT=["icon-button"],NT=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],vT={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info,S.inverse]},rn={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:l,themeColor:n,showArrow:d=rn.showArrow,arrowIconName:c=rn.arrowIconName,variant:u,hover:g,focus:x,active:N,selected:b,disabled:w,togglable:C,ariaDisabled:I,icon:E,iconSize:G,text:B,iconClassName:de,className:ne,...Oe}=e,Fe=E!=null,Ue=e.children!==void 0;return(0,Bt.jsxs)(t,{className:r(ne,rl,Tc(rl,u),L(rl,{size:o,rounded:a,fillMode:l,themeColor:n}),y(rl,{hover:g,focus:x,active:N,disabled:w||I,selected:b}),{"k-icon-button":!B&&!Ue&&Fe}),"aria-pressed":C?b?"true":"false":void 0,...Oe,"aria-disabled":I?"true":void 0,disabled:w||void 0,children:[typeof E=="string"&&E&&(0,Bt.jsx)(h,{className:r(de,"k-button-icon"),icon:E,size:G}),E&&typeof E!="string"&&(0,Bt.jsx)(Bt.Fragment,{children:E}),B?(0,Bt.jsxs)(Bt.Fragment,{children:[B&&(0,Bt.jsx)("span",{className:"k-button-text",children:B}),e.children]}):e.children&&(0,Bt.jsx)("span",{className:"k-button-text",children:e.children}),d&&(0,Bt.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,Bt.jsx)(h,{icon:c})})]})};p.states=NT;p.options=vT;p.variants=kT;p.className=rl;p.defaultOptions=rn;p.moduleName=an;p.folderName=Cc;p.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 Lc=require("react/jsx-runtime"),Mo=e=>(0,Lc.jsx)(p,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var Mc=require("react/jsx-runtime"),ll=e=>(0,Mc.jsx)(p,{icon:"folder",children:"Button",...e});var Sc=require("react/jsx-runtime"),va=e=>(0,Sc.jsx)(p,{children:"Button",...e});var Yl=require("react/jsx-runtime"),wT=p.options,yT=p.states,CT={...p.defaultOptions,variant:"text"},LT=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],MT=[],Ba=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,Yl.jsx)(Mo,{...o,icon:"star"});case"icon-and-text":return(0,Yl.jsx)(ll,{...o,icon:"star",children:"Button"});default:return(0,Yl.jsx)(va,{...o,children:"Button"})}};Ba.options=wT;Ba.states=yT;Ba.variants=LT;Ba.defaultOptions=CT;Ba.modifiers=MT;Ba.className=p.className;var ln="menu-button",Ac=ln;var Ec=require("react/jsx-runtime"),Ic="k-menu-button",ST=[i.hover,i.focus,i.active,i.selected,i.disabled],AT={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info,S.inverse]},nn={showArrow:!0,arrowIconName:"chevron-down"},re=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:n,focus:d,active:c,selected:u,disabled:g,icon:x,text:N,showArrow:b=nn.showArrow,arrowIconName:w=nn.arrowIconName,expanded:C,...I}=e;return(0,Ec.jsx)(p,{...I,className:r(e.className,Ic),text:N,size:t,rounded:o,fillMode:a,themeColor:l,hover:n,focus:d,active:c,selected:u,disabled:g,ariaDisabled:g||void 0,icon:x,showArrow:b,arrowIconName:w,"aria-expanded":C?"true":"false",...!N&&x&&!e["aria-label"]&&{"aria-label":"Menu"}})};re.states=ST;re.options=AT;re.className=Ic;re.defaultOptions=nn;re.moduleName=ln;re.folderName=Ac;re.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 IT=require("react/jsx-runtime");var ET=require("react/jsx-runtime");var RT=require("react/jsx-runtime");var zt="menu",Yt=zt;var So=require("react/jsx-runtime"),sn="k-menu-item",OT=[i.hover,i.focus,i.active,i.selected,i.disabled],PT={},Rc={iconPosition:"before"},rt=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:n,icon:d,text:c,first:u,last:g,showArrow:x,arrowIconName:N,iconPosition:b=Rc.iconPosition,dir:w,children:C,expanded:I,...E}=e,G=N;return G||(G=w==="rtl"?"chevron-left":"chevron-right"),(0,So.jsxs)("li",{...E,className:r(e.className,sn,"k-item",y(sn,{focus:o,disabled:n,hover:t,active:a,selected:l}),{"k-first":u,"k-last":g}),role:"menuitem",...x&&{"aria-haspopup":"menu"},...x&&{"aria-expanded":I?"true":"false"},...n&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,So.jsxs)("span",{className:r("k-link k-menu-link"),children:[d&&b==="before"&&(0,So.jsx)(h,{className:"k-menu-link-icon",icon:d}),(0,So.jsx)("span",{className:"k-menu-link-text",children:c}),d&&b==="after"&&(0,So.jsx)(h,{className:"k-menu-link-icon",icon:d}),x&&(0,So.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,So.jsx)(h,{icon:G})})]}),C]})};rt.states=OT;rt.options=PT;rt.className=sn;rt.defaultOptions=Rc;rt.moduleName=zt;rt.folderName=Yt;var Ao=require("react/jsx-runtime"),dn="k-menu-item",GT=[i.hover,i.focus,i.active,i.selected,i.disabled],HT={},cn={dir:"ltr",iconPosition:"before"},j=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:n,icon:d,text:c,first:u,last:g,showArrow:x,arrowIconName:N,iconPosition:b=cn.iconPosition,dir:w=cn.dir,children:C,popup:I,expanded:E,...G}=e,B=N;return B||(B=w==="rtl"?"chevron-left":"chevron-right"),(0,Ao.jsxs)("li",{role:"menuitem",...G,className:r(e.className,dn,"k-item",y(dn,{focus:o,disabled:n}),{"k-first":u,"k-last":g}),...x&&{"aria-haspopup":"menu"},...x&&{"aria-expanded":E?"true":"false"},...n&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,Ao.jsxs)("span",{className:r("k-link k-menu-link",y("k-menu-link",{hover:t,active:a,selected:l,disabled:n})),children:[d&&b==="before"&&(0,Ao.jsx)(h,{className:"k-menu-link-icon",icon:d}),(0,Ao.jsx)("span",{className:"k-menu-link-text",children:c}),d&&b==="after"&&(0,Ao.jsx)(h,{className:"k-menu-link-icon",icon:d}),x&&(0,Ao.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,Ao.jsx)(h,{icon:B})})]}),C,I]})};j.states=GT;j.options=HT;j.className=dn;j.defaultOptions=cn;j.moduleName=zt;j.folderName=Yt;var Gc=require("react/jsx-runtime"),Oc="k-menu-scroll-wrapper",_T=[],DT={},KT={},wa=e=>{let{className:t,children:o,orientation:a,...l}=e;return(0,Gc.jsx)("div",{...l,className:r(t,Oc,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};wa.states=_T;wa.options=DT;wa.className=Oc;wa.defaultOptions=KT;wa.moduleName=zt;wa.folderName=Yt;var Pc=wa;var We=require("react/jsx-runtime"),pn="k-menu",BT=[],zT={},jl={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Ne=e=>{let{children:t,orientation:o=jl.orientation,header:a=jl.header,scrollable:l,scrollButtonsPosition:n=jl.scrollButtonsPosition,wrapperStyles:d,dir:c,popup:u,contextMenu:g,...x}=e,N={horizontal:{prev:c!=="rtl"?"left":"right",next:c!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},b=(0,We.jsx)("ul",{dir:c,...x,className:r(e.className,"k-reset",pn,{[`${pn}-${o}`]:o,"k-header":a}),role:g?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,We.jsxs)(We.Fragment,{children:[l?(0,We.jsxs)(Pc,{orientation:o,style:d,dir:e.dir,children:[n==="start"&&(0,We.jsxs)(We.Fragment,{children:[(0,We.jsx)(p,{fillMode:"flat",icon:`chevron-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,We.jsx)(p,{fillMode:"flat",icon:`chevron-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),n==="around"&&(0,We.jsx)(p,{fillMode:"flat",icon:`chevron-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),b,n==="end"&&(0,We.jsxs)(We.Fragment,{children:[(0,We.jsx)(p,{fillMode:"flat",icon:`chevron-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,We.jsx)(p,{fillMode:"flat",icon:`chevron-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),n==="around"&&(0,We.jsx)(p,{fillMode:"flat",icon:`chevron-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):b,u]})};Ne.states=BT;Ne.options=zT;Ne.className=pn;Ne.defaultOptions=jl;Ne.moduleName=zt;Ne.folderName=Yt;Ne.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 _c=require("react/jsx-runtime"),mn="k-separator",Hc={orientation:"horizontal"},qo=e=>{let{orientation:t=Hc.orientation,...o}=e;return(0,_c.jsx)("li",{...o,className:r(e.className,"k-item",mn,{[`${mn}-${t}`]:t}),role:"separator"})};qo.className=mn;qo.defaultOptions=Hc;qo.moduleName=zt;qo.folderName=Yt;var Dc=require("react/jsx-runtime");var Kc=require("react/jsx-runtime"),un="k-menu-group",FT=[],UT={size:[s.undefined,s.small,s.medium,s.large]},WT={},Ae=e=>{let{children:t,size:o,...a}=e;return(0,Kc.jsx)("ul",{role:"menu",...a,className:r(e.className,un,L(un,{size:o})),children:t})};Ae.states=FT;Ae.options=UT;Ae.className=un;Ae.defaultOptions=WT;Ae.moduleName=zt;Ae.folderName=Yt;var io=require("react/jsx-runtime"),bn=e=>(0,io.jsx)(Ne,{children:(0,io.jsxs)(io.Fragment,{children:[(0,io.jsx)(rt,{first:!0,text:"Item 1"}),(0,io.jsx)(rt,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),(0,io.jsx)(rt,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),(0,io.jsx)(rt,{text:"Item 4"}),(0,io.jsx)(rt,{last:!0,text:"Item 5"})]}),...e});var fn="popup",Bc=fn;var hn=require("react/jsx-runtime"),zc="k-animation-container",$T=[],VT={},Tn={positionMode:"absolute",shown:!0},To=e=>{let{positionMode:t=Tn.positionMode,shown:o=Tn.shown,animationStyle:a,offset:l,...n}=e;return(0,hn.jsx)("div",{...n,style:{...l,...e.style},className:r(e.className,zc,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:(0,hn.jsx)("div",{className:"k-child-animation-container",style:a,children:e.children})})};To.states=$T;To.options=VT;To.className=zc;To.defaultOptions=Tn;To.moduleName=fn;To.folderName=Bc;var gn="popup",Fc=gn;var xn=require("react/jsx-runtime"),Uc="k-popup",XT=[],qT={},Wc={positionMode:"absolute"},ce=e=>{let{offset:t,positionMode:o=Wc.positionMode,animationStyle:a,containerClassName:l,containerRole:n,containerAriaLabel:d,...c}=e;return(0,xn.jsx)(To,{positionMode:o,offset:t,animationStyle:a,className:l,role:n,"aria-label":d,children:(0,xn.jsx)("div",{...c,className:r(e.className,Uc),children:e.children})})};ce.states=XT;ce.options=qT;ce.className=Uc;ce.defaultOptions=Wc;ce.moduleName=gn;ce.folderName=Fc;ce.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 kn=require("react/jsx-runtime");var Nn=require("react/jsx-runtime");var vn=require("react/jsx-runtime");var wn=require("react/jsx-runtime");var ho=require("react/jsx-runtime"),JT={...Ne.options,scrollable:{type:"boolean"}},ZT=Ne.states,$c={...Ne.defaultOptions,variant:"horizontal"},YT=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],QT=[{name:"opened",title:"Opened"}],za=e=>{let{variant:t,modifiers:o,...a}={...$c,...e},l={},n=t==="vertical"?{left:"200px",top:"30px"}:{left:"90px",top:"auto"};return Object.keys(o||{}).forEach(d=>{d==="opened"&&(l.opened=!!(o!=null&&o[d]),l.popup=o!=null&&o[d]?(0,ho.jsx)(ce,{className:"k-menu-popup",offset:n,children:(0,ho.jsxs)(Ae,{children:[(0,ho.jsx)(j,{text:"Item 1"}),(0,ho.jsx)(j,{text:"Item 2"}),(0,ho.jsx)(qo,{}),(0,ho.jsx)(j,{text:"Item 3"})]})}):null)}),t==="vertical"?(0,ho.jsx)(bn,{...a,...l,orientation:"vertical",style:{width:"200px"}}):(0,ho.jsx)(bn,{...a,...l})};za.options=JT;za.states=ZT;za.variants=YT;za.defaultOptions=$c;za.modifiers=QT;za.className=Ne.className;var yn=require("react/jsx-runtime");var jT=require("react/jsx-runtime");var lt=require("react/jsx-runtime"),eh=p.states,Vc={...p.defaultOptions,variant:"text"},th=p.options,oh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ah=[{name:"opened",title:"Opened"}],Fa=e=>{let{variant:t,modifiers:o,...a}={...Vc,...e},l={},n=(0,lt.jsx)(ce,{className:"k-menu-popup",children:(0,lt.jsxs)(Ae,{size:a.size,children:[(0,lt.jsx)(j,{first:!0,text:"Menu Item"}),(0,lt.jsx)(j,{text:"Menu Item"}),(0,lt.jsx)(j,{last:!0,text:"Menu Item"})]})}),d;switch(t){case"icon-only":d=(0,lt.jsx)("div",{children:(0,lt.jsx)(re,{...a,...l,icon:"star"})});break;case"icon-and-text":d=(0,lt.jsx)("div",{children:(0,lt.jsx)(re,{...a,...l,icon:"star",children:"Dropdown Button"})});break;default:d=(0,lt.jsx)("div",{children:(0,lt.jsx)(re,{...a,...l,children:"Dropdown Button"})});break}return(0,lt.jsxs)(lt.Fragment,{children:[d,(o==null?void 0:o.opened)&&n]})};Fa.options=th;Fa.states=eh;Fa.variants=oh;Fa.defaultOptions=Vc;Fa.modifiers=ah;Fa.className=re.className;var il="window",ei=il;var qc=require("react/jsx-runtime"),Xc="k-window-content",rh=[],lh={},ih={},Jo=e=>{let{children:t,...o}=e;return(0,qc.jsx)("div",{...o,className:r(Xc,e.className),children:t})};Jo.states=rh;Jo.options=lh;Jo.className=Xc;Jo.defaultOptions=ih;Jo.moduleName=il;Jo.folderName=ei;var Ft=require("react/jsx-runtime"),Cn="k-window",nh=[],sh={},dh={},it=e=>{let{title:t,actions:o,minimized:a,actionButtons:l,actionButtonsAlign:n,...d}=e,c=t!==void 0?H("window-title"):void 0;return(0,Ft.jsxs)("div",{...d,className:r(e.className,Cn,{[`${Cn}-minimized`]:a}),role:"dialog","aria-labelledby":c,children:[(t!==void 0||o)&&(0,Ft.jsxs)("div",{className:"k-window-titlebar",children:[t!==void 0&&(0,Ft.jsx)("span",{className:"k-window-title",id:c,children:t}),o&&(0,Ft.jsx)(Ft.Fragment,{children:(0,Ft.jsx)("div",{className:"k-window-titlebar-actions",children:o.map(u=>u==="more-vertical"?(0,Ft.jsx)(re,{icon:u,fillMode:"flat",size:"xsmall",showArrow:!1,className:"k-window-titlebar-action","aria-label":"More actions"},u):(0,Ft.jsx)(p,{icon:u,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action","aria-label":u},u))})})]}),(0,Ft.jsx)(Jo,{className:r({"k-hidden":a}),children:e.children}),l&&(0,Ft.jsx)(Mt,{alignment:n,className:"k-window-actions",children:l})]})};it.states=nh;it.options=sh;it.className=Cn;it.defaultOptions=dh;it.moduleName=il;it.folderName=ei;it.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 Jc=require("react/jsx-runtime");var Zo=require("react/jsx-runtime"),ch=it.options,ph=it.states,Zc={...it.defaultOptions,variant:"normal"},mh=[{name:"normal",title:"Normal"},{name:"actions",title:"Actions"}],uh=[],Ua=e=>{let{variant:t,...o}={...Zc,...e};return(0,Zo.jsx)(it,{title:"Window",actions:["window-minimize","window","x"],style:{maxWidth:"400px"},actionButtonsAlign:"stretched",actionButtons:t==="actions"?(0,Zo.jsxs)(Zo.Fragment,{children:[(0,Zo.jsx)(p,{children:"Cancel"}),(0,Zo.jsx)(p,{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."})};Ua.options=ch;Ua.states=ph;Ua.variants=mh;Ua.defaultOptions=Zc;Ua.modifiers=uh;Ua.className=it.className;var Ln="chart-wizard",Yc=Ln;var jc=require("react/jsx-runtime"),Qc="k-chart-wizard",bh=[],fh={},Th={},no=e=>{let{children:t,...o}=e;return(0,jc.jsx)(it,{title:"Chart Preview",actions:["window","x"],...o,className:r(e.className,Qc),children:t})};no.states=bh;no.options=fh;no.className=Qc;no.defaultOptions=Th;no.moduleName=Ln;no.folderName=Yc;no.ariaSpec={selector:".k-chart-wizard",rules:[]};var Yo=require("react/jsx-runtime"),hh=[],gh={},ep={buttonText:"Export"},ya=e=>{let{buttonText:t=ep.buttonText,children:o}=e;return(0,Yo.jsxs)(Yo.Fragment,{children:[(0,Yo.jsx)("div",{className:"k-preview-pane-header",children:(0,Yo.jsx)(re,{fillMode:"flat",icon:"export",showArrow:!1,children:t})}),(0,Yo.jsx)("div",{className:"k-preview-pane-content",children:o})]})};ya.states=hh;ya.options=gh;ya.defaultOptions=ep;var tp=require("react/jsx-runtime"),Ca="k-pane",xh=[],kh={},Mn={resizable:!0,flex:!1},_e=e=>{let{scrollable:t,flexBasis:o,flex:a=Mn.flex,collapsible:l,resizable:n=Mn.resizable,pinned:d,unpinned:c,tabbed:u,...g}=e;return(0,tp.jsx)("div",{...g,style:{flexBasis:o,...e.style},className:r(e.className,Ca,{[`${Ca}-static`]:o,[`${Ca}-flex`]:a,"k-scrollable":t,[`${Ca}-pinned`]:d,[`${Ca}-unpinned`]:c,[`${Ca}-tabbed`]:u}),role:"group",children:e.children})};_e.states=xh;_e.options=kh;_e.className=Ca;_e.defaultOptions=Mn;var Ut=require("react/jsx-runtime"),Wa="k-splitbar",Nh=[i.hover,i.focus],vh={},Sn={orientation:"horizontal",draggable:!0},$a=e=>{let{hover:t,focus:o,orientation:a=Sn.orientation,draggable:l=Sn.draggable,collapsePrev:n,collapseNext:d,ariaLabel:c,...u}=e;return(0,Ut.jsxs)("div",{...u,className:r(e.className,Wa,y(Wa,{hover:t,focus:o}),{[`${Wa}-${a}`]:a,[`${Wa}-draggable-${a}`]:l,[`${Wa}-static-${a}`]:!l&&!n&&!d}),role:"separator","aria-label":c,...a==="horizontal"&&{"aria-orientation":"vertical"},"aria-keyshortcuts":"ArrowLeft ArrowRight ArrowUp ArrowDown",children:[n&&(0,Ut.jsx)(Ut.Fragment,{children:(0,Ut.jsx)("div",{className:"k-collapse-prev",children:(0,Ut.jsx)(h,{icon:`chevron-${a==="horizontal"?"left":"up"}`,size:"xsmall"})})}),(0,Ut.jsx)("div",{className:"k-resize-handle","aria-hidden":"true"}),d&&(0,Ut.jsx)(Ut.Fragment,{children:(0,Ut.jsx)("div",{className:"k-collapse-next",children:(0,Ut.jsx)(h,{icon:`chevron-${a==="horizontal"?"right":"down"}`,size:"xsmall"})})})]})};$a.states=Nh;$a.options=vh;$a.className=Wa;$a.defaultOptions=Sn;var An="splitter",op=An;var ti=require("react/jsx-runtime"),rp=require("react"),In="k-splitter",wh={},ap={orientation:"horizontal"},$e=e=>{let{orientation:t=ap.orientation,children:o,panes:a,...l}=e,n=[];return a&&a.forEach((d,c)=>{let u=a[c+1],g=d.props,x=u==null?void 0:u.props;n.push((0,rp.createElement)(_e,{...g,key:c})),u&&n.push((0,ti.jsx)($a,{draggable:g.resizable!==!1&&x.resizable!==!1,collapsePrev:g.collapsible,collapseNext:x.collapsible,orientation:t,ariaLabel:"Pane separator"},`splitbar-${c}`))}),(0,ti.jsxs)("div",{...l,className:r(e.className,In,{[`${In}-${t}`]:t},"k-splitter-flex"),children:[n,o]})};$e.options=wh;$e.className=In;$e.defaultOptions=ap;$e.moduleName=An;$e.folderName=op;$e.ariaSpec={selector:".k-splitter",rules:[{selector:".k-pane",attribute:"role=group",usage:"Sets the proper role for the Splitter pane."},{selector:".k-splitbar",attribute:"role=separator",usage:"Sets the proper role for the Splitter split-bar element."},{selector:".k-splitbar",attribute:"aria-label",usage:"An accessible name for the separator."},{selector:".k-splitbar-horizontal",attribute:"aria-orientation=vertical",usage:"When a splitbar separates two panes horizontally, its aria-orientation must be explicitly set to vertical."},{selector:".k-splitbar",attribute:"aria-keyshortcuts",usage:"Announces available keyboard shortcuts."}]};var lp=require("react/jsx-runtime");var ip=require("react/jsx-runtime");var La=require("react/jsx-runtime"),nl=require("react"),yh=$e.options,Ch=$e.states,np={...$e.defaultOptions,variant:"horizontal",firstPaneProps:!0,secondPaneProps:!0},Lh=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Mh=[{name:"firstPaneProps",title:"Collapsible Left"},{name:"secondPaneProps",title:"Collapsible Right"}],Va=e=>{let{variant:t,modifiers:o,...a}={...np,...e},l=u=>({collapsible:u,content:u?"Resizable and collapsible":"Resizable only"}),n=l(!0),d=l(!0),c={display:"flex",justifyContent:"center",alignItems:"center"};return Object.keys(o||{}).forEach(u=>{let g=o==null?void 0:o[u];switch(u){case"secondPaneProps":d=l(!!g);break;case"firstPaneProps":n=l(!!g);break;default:break}}),t==="vertical"?(0,La.jsx)($e,{style:{height:"238px"},...a,orientation:"vertical",panes:[(0,nl.createElement)(_e,{...n,flexBasis:"50%",style:c,key:"pane-1"},(0,La.jsx)("p",{children:n.content})),(0,nl.createElement)(_e,{...d,flexBasis:"50%",style:c,key:"pane-2"},(0,La.jsx)("p",{children:d.content}))]}):(0,La.jsx)($e,{style:{height:"238px"},...a,orientation:"horizontal",panes:[(0,nl.createElement)(_e,{...n,flexBasis:"50%",style:c,key:"pane-1"},(0,La.jsx)("p",{children:n.content})),(0,nl.createElement)(_e,{...d,flexBasis:"50%",style:c,key:"pane-2"},(0,La.jsx)("p",{children:d.content}))]})};Va.options=yh;Va.states=Ch;Va.variants=Lh;Va.defaultOptions=np;Va.modifiers=Mh;Va.className=$e.className;var dp=require("react/jsx-runtime"),sp="k-chart-wizard-splitter",Sh=[],Ah={},Ih={},Qo=e=>{let{children:t,panes:o,...a}=e;return(0,dp.jsx)($e,{...a,className:r(e.className,sp),panes:o,children:t})};Qo.states=Sh;Qo.options=Ah;Qo.className=sp;Qo.defaultOptions=Ih;var pp=require("react/jsx-runtime"),cp="k-chart-types-wrapper",Eh={},Rh={},oi=e=>(0,pp.jsx)("div",{...e,className:r(e.className,cp),children:e.children});oi.options=Eh;oi.className=cp;oi.defaultOptions=Rh;var sl=require("react/jsx-runtime"),En="k-icon-text-wrapper",Oh=[i.focus,i.selected],Ph={},Gh={},dl=e=>{let{focus:t,selected:o,icon:a,text:l,...n}=e;return(0,sl.jsxs)("div",{...n,className:r(e.className,En,y(En,{focus:t,selected:o})),children:[(0,sl.jsx)("div",{className:"k-icon-background-area",children:(0,sl.jsx)(h,{icon:a,size:"xlarge"})}),l]})};dl.states=Oh;dl.options=Ph;dl.className=En;dl.defaultOptions=Gh;var mp="expander",up="expansion-panel";var Qt=require("react/jsx-runtime"),ai="k-expander",Hh=[i.hover,i.focus,i.disabled,i.expanded],_h={},Dh={},Ve=e=>{let{title:t,subtitle:o,expanded:a,hover:l,focus:n,disabled:d,dir:c,contentStyle:u,id:g,...x}=e,N=g?`${g}-content`:H("expander-content");return(0,Qt.jsxs)("div",{...x,className:r(e.className,ai,y(ai,{hover:l,focus:n,disabled:d,expanded:a})),dir:c,children:[(0,Qt.jsxs)("div",{className:r("k-expander-header",y(ai,{hover:l})),role:"button","aria-controls":N,"aria-expanded":a?"true":"false",tabIndex:0,"aria-disabled":d?"true":void 0,children:[(0,Qt.jsx)("div",{className:"k-expander-title",children:t}),(0,Qt.jsx)("span",{className:"k-spacer"}),(0,Qt.jsx)("div",{className:"k-expander-sub-title",children:o}),(0,Qt.jsx)("span",{className:"k-expander-indicator",children:a?(0,Qt.jsx)(h,{icon:"chevron-up"}):(0,Qt.jsx)(h,{icon:"chevron-down"})})]}),(0,Qt.jsx)("div",{className:r("k-expander-content-wrapper",{"k-hidden":!a}),id:N,children:(0,Qt.jsx)("div",{className:"k-expander-content",style:u,children:e.children})})]})};Ve.states=Hh;Ve.options=_h;Ve.className=ai;Ve.defaultOptions=Dh;Ve.moduleName=mp;Ve.folderName=up;Ve.ariaSpec={selector:".k-expander",rules:[{selector:".k-expander-header",attribute:"role=button",usage:"Sets the proper role for the ExpansionPanel header."},{selector:".k-expander-header",attribute:"aria-controls",usage:"Points to the controlled content wrapper element."},{selector:".k-expander-header",attribute:"aria-expanded=true/false",usage:"Indicates the expanded state of the ExpansionPanel."},{selector:".k-expander-header",attribute:"tabindex=0",usage:"The element should be focusable."},{selector:".k-disabled .k-expander-header",attribute:"aria-disabled=true",usage:"Rendered only when the ExpansionPanel is disabled."},{selector:".k-expander-content-wrapper",attribute:"id",usage:"Content wrapper has an id referenced by aria-controls."}]};var cl=Ve;var Rn=require("react/jsx-runtime"),pl=e=>(0,Rn.jsx)(cl,{title:"Panel Title",subtitle:"Optional subtitle",id:H("expander"),children:(0,Rn.jsx)("span",{children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text."}),...e});var On=require("react/jsx-runtime"),bp=e=>(0,On.jsx)(cl,{expanded:!0,title:"Expanded Panel",subtitle:"With content visible",id:H("expander"),children:(0,On.jsx)("span",{children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text."}),...e});var Kh=require("react/jsx-runtime");var Io=require("react/jsx-runtime"),Bh=Ve.options,zh=Ve.states,fp={...Ve.defaultOptions,variant:"normal"},Fh=[{name:"normal",title:"Normal"},{name:"expanded",title:"Expanded"}],Uh=[],Xa=e=>{let{variant:t,...o}={...fp,...e};return(0,Io.jsxs)("div",{style:o.style?o.style:{width:"467px",height:"265"},children:[t==="expanded"?(0,Io.jsx)(bp,{title:"Title",children:[(0,Io.jsx)("span",{children:"This is just a quick example text to build on the Expansion Panel to make up the bulk of the panel content."})],...o,subtitle:"Subtitle"}):(0,Io.jsx)(pl,{title:"Title",subtitle:"Subtitle",...o}),(0,Io.jsx)(pl,{title:"Title",subtitle:"Subtitle",...o}),(0,Io.jsx)(pl,{title:"Title",subtitle:"Subtitle",...o}),(0,Io.jsx)(pl,{title:"Title",subtitle:"Subtitle",...o})]})};Xa.options=Bh;Xa.states=zh;Xa.variants=Fh;Xa.defaultOptions=fp;Xa.modifiers=Uh;Xa.className=Ve.className;var gp=require("react/jsx-runtime"),Tp="k-tabstrip-items",Wh=[],$h={},Vh={tabAlignment:"start"},ml=e=>{let{children:t,tabAlignment:o,orientation:a,...l}=e;return(0,gp.jsx)("ul",{...l,className:r(e.className,Tp,"k-reset",`k-tabstrip-items-${o}`),role:"tablist",...a==="vertical"&&{"aria-orientation":"vertical"},children:t})};ml.states=Wh;ml.options=$h;ml.className=Tp;ml.defaultOptions=Vh;var hp=ml;var vp=require("react/jsx-runtime"),xp="k-tabstrip-items-wrapper",Xh=[],qh={},kp={orientation:"horizontal"},ul=e=>{let{children:t,orientation:o=kp.orientation,...a}=e;return(0,vp.jsx)("div",{...a,className:r(e.className,xp,{"k-hstack":o==="horizontal","k-vstack":o==="vertical"}),children:t})};ul.states=Xh;ul.options=qh;ul.className=xp;ul.defaultOptions=kp;var Np=ul;var bl="tabstrip",ri=bl;var xt=require("react/jsx-runtime"),jo="k-tabstrip",Jh=[],Zh={size:[s.undefined,s.small,s.medium,s.large]},li={position:"top",tabAlignment:"start",scrollButtons:"around"},Ce=e=>{let{size:t,scrollable:o,children:a,tabStripItems:l,tabStripItemsId:n,position:d=li.position,tabAlignment:c=li.tabAlignment,scrollButtons:u=li.scrollButtons,dir:g,scrollingPosition:x,overflow:N,...b}=e,w={top:{prev:g!=="rtl"?"left":"right",next:g!=="rtl"?"right":"left"},bottom:{prev:g!=="rtl"?"left":"right",next:g!=="rtl"?"right":"left"},right:{prev:"up",next:"down"},left:{prev:"up",next:"down"}},C={top:"horizontal",bottom:"horizontal",left:"vertical",right:"vertical"},I={start:"start",center:"center",end:"end",justify:"justify",stretched:"stretched"};return(0,xt.jsxs)("div",{dir:g,...b,className:r(jo,e.className,{[`${jo}-${d}`]:d,[`${jo}-scrollable`]:o,[`${jo}-scrollable-overlay`]:o&&(u==="hidden"||!u),[`${jo}-scrollable-${x}`]:x&&x!=="both",[`${jo}-overflow`]:N},L(jo,{size:t})),children:[d==="bottom"&&a,(0,xt.jsxs)(Np,{orientation:C[d],children:[o&&(u==="around"||u==="start")&&(0,xt.jsx)("span",{className:r("k-tabstrip-prev","k-button",L("k-button",{size:t,fillMode:k.flat}),"k-icon-button"),"aria-hidden":"true",children:(0,xt.jsx)(h,{className:"k-button-icon",icon:`chevron-${w[d].prev}`})}),o&&u==="start"&&(0,xt.jsx)("span",{className:r("k-tabstrip-next","k-button",L("k-button",{size:t,fillMode:k.flat}),"k-icon-button"),"aria-hidden":"true",children:(0,xt.jsx)(h,{className:"k-button-icon",icon:`chevron-${w[d].next}`})}),(0,xt.jsx)(hp,{className:r({"k-tabstrip-items-scroll":o&&u==="hidden"}),tabAlignment:I[c],orientation:C[d],...n&&{id:n},children:l}),o&&u==="end"&&(0,xt.jsx)("span",{className:r("k-tabstrip-prev","k-button",L("k-button",{size:t,fillMode:k.flat}),"k-icon-button"),"aria-hidden":"true",children:(0,xt.jsx)(h,{className:"k-button-icon",icon:`chevron-${w[d].prev}`})}),o&&(u==="around"||u==="end")&&(0,xt.jsx)("span",{className:r("k-tabstrip-next","k-button",L("k-button",{size:t,fillMode:k.flat}),"k-icon-button"),"aria-hidden":"true",children:(0,xt.jsx)(h,{className:"k-button-icon",icon:`chevron-${w[d].next}`})}),N&&(0,xt.jsx)("div",{className:"k-tabstrip-actions k-hstack",children:(0,xt.jsx)(re,{className:"k-tabstrip-overflow-button",icon:"more-vertical",fillMode:"flat",size:t,showArrow:!1})})]}),d!=="bottom"&&a]})};Ce.states=Jh;Ce.options=Zh;Ce.className=jo;Ce.defaultOptions=li;Ce.moduleName=bl;Ce.folderName=ri;Ce.ariaSpec={selector:".k-tabstrip",rules:[{selector:".k-tabstrip-items",attribute:"role=tablist",usage:"Indicates the tablist role for the ul element."},{selector:".k-tabstrip.k-tabstrip-left .k-tabstrip-items,.k-tabstrip.k-tabstrip-right .k-tabstrip-items",attribute:"aria-orientation=vertical",usage:"Indicates the orientation when vertical."},{selector:".k-tabstrip-item",attribute:"role=tab",usage:"The tab li element."},{selector:".k-tabstrip .k-tabstrip-item.k-active",attribute:"aria-selected=true",usage:"Announces the selected state of the tab."},{selector:".k-tabstrip-content",attribute:"role=tabpanel",usage:"The content div of the tab."},{selector:".k-tabstrip .k-tabstrip-item.k-active",attribute:"aria-controls (when present)",usage:"Announces the relation between the panel and active tab. Only present when tab controls a specific panel."},{selector:".k-tabstrip-content",attribute:"aria-hidden=true (when not active)",usage:"Only if the component implements a feature to control whether the content should be persisted."},{selector:".k-tabstrip-content",attribute:"aria-labelledby (when present)",usage:"Refers to the tab element that controls the panel. Only present when panel has an associated tab."},{selector:".k-tabstrip-scrollable .k-button",attribute:"aria-hidden=true",usage:"Scroll buttons are hidden from assistive technologies."}]};var yp=require("react/jsx-runtime"),wp="k-tabstrip-wrapper",Yh=[],Qh={},jh={},qa=e=>{let{...t}=e;return(0,yp.jsx)("div",{...t,className:r(e.className,wp),children:e.children})};qa.states=Yh;qa.options=Qh;qa.className=wp;qa.defaultOptions=jh;qa.moduleName=bl;qa.folderName=ri;var Eo=require("react/jsx-runtime"),Pn="k-tabstrip-item",eg=[i.active,i.hover,i.disabled,i.focus],tg={},Cp={iconPosition:"before"},Ie=e=>{let{dragging:t,active:o,hover:a,focus:l,disabled:n,children:d,first:c,last:u,closable:g,icon:x,iconPosition:N=Cp.iconPosition,value:b,actions:w,...C}=e;return(0,Eo.jsxs)("li",{...C,className:r(e.className,Pn,y(Pn,{hover:a,active:o,disabled:n,focus:l}),{"k-tabstrip-dragging":t,"k-first":c,"k-last":u}),role:"tab",...o&&{"aria-selected":"true"},...n&&{"aria-disabled":"true"},children:[(0,Eo.jsxs)("span",{className:"k-link",children:[x&&N==="before"&&(0,Eo.jsx)(h,{icon:x}),b&&(0,Eo.jsx)("span",{className:"k-link-text",children:b}),x&&N==="after"&&(0,Eo.jsx)(h,{icon:x})]}),(w||g)&&(0,Eo.jsxs)("span",{className:"k-item-actions",children:[w,g&&(0,Eo.jsx)(p,{as:"span",className:"k-remove-tab",icon:"x",fillMode:"flat",size:"xsmall",title:"Close","aria-hidden":"true"})]}),d]})};Ie.states=eg;Ie.options=tg;Ie.className=Pn;Ie.item=Cp;var Lp=require("react/jsx-runtime"),Gn="k-tabstrip-content",og=[i.active,i.focus],ag={},rg={},St=e=>{let{active:t,focus:o,children:a,...l}=e;return(0,Lp.jsx)("div",{...l,className:r(e.className,Gn,y(Gn,{active:t,focus:o}),e.className),role:"tabpanel",children:a})};St.states=og;St.options=ag;St.className=Gn;St.defaultOptions=rg;var Wt=require("react/jsx-runtime"),so=({children:e,...t})=>(0,Wt.jsx)(Ce,{tabStripItems:(0,Wt.jsxs)(Wt.Fragment,{children:[(0,Wt.jsx)(Ie,{first:!0,value:"First"}),(0,Wt.jsx)(Ie,{active:!0,value:"Second"}),(0,Wt.jsx)(Ie,{value:"Third"}),(0,Wt.jsx)(Ie,{value:"Fourth"}),(0,Wt.jsx)(Ie,{last:!0,value:"Fifth"})]}),...t,children:e||(0,Wt.jsx)(St,{active:!0,children:(0,Wt.jsx)("div",{children:"TabStrip Content"})})});var Sp=require("react/jsx-runtime"),Mp=e=>(0,Sp.jsx)(so,{position:"bottom",...e});var Ip=require("react/jsx-runtime"),Ap=e=>(0,Ip.jsx)(so,{position:"right",...e});var Rp=require("react/jsx-runtime"),Ep=e=>(0,Rp.jsx)(so,{position:"left",...e});var lg=require("react/jsx-runtime");var Hn=require("react/jsx-runtime");var ig=require("react/jsx-runtime");var _n=require("react/jsx-runtime");var Dn=require("react/jsx-runtime");var fl=require("react/jsx-runtime"),ng={...Ce.options,scrollable:{type:"boolean"}},sg=Ce.states,Op={...Ce.defaultOptions,scrollable:!1,variant:"up"},dg=[{name:"up",title:"Position Up"},{name:"bottom",title:"Position Bottom"},{name:"left",title:"Position Left"},{name:"right",title:"Position Right"}],cg=[],Ja=e=>{let{variant:t,...o}={...Op,...e},a={};switch(t){case"right":return(0,fl.jsx)(Ap,{style:{height:"230px"},...o,...a,position:"right"});case"left":return(0,fl.jsx)(Ep,{style:{height:"230px"},...o,...a,position:"left"});case"bottom":return(0,fl.jsx)(Mp,{style:{width:"350px"},...o,...a,position:"bottom"});default:return(0,fl.jsx)(so,{style:{width:"350px"},...o,...a})}};Ja.options=ng;Ja.states=sg;Ja.variants=dg;Ja.defaultOptions=Op;Ja.modifiers=cg;Ja.className=Ce.className;var Kn=require("react/jsx-runtime");var Pp="form",Gp="forms";var go=require("react/jsx-runtime"),ii="k-form",pg=[],mg={size:[s.undefined,s.small,s.medium,s.large]},Bn={layout:"basic",tag:"form"},Ee=e=>{let{size:t,orientation:o,layout:a=Bn.layout,formButtons:l,cols:n,gutters:d,tag:c=Bn.tag,children:u}=e,g=c,x=r(e.className,ii,L(ii,{size:t}),{[`${ii}-${o}`]:o}),N=(0,go.jsxs)(go.Fragment,{children:[a==="grid"?(0,go.jsx)("div",{className:r("k-form-layout","k-d-grid",{[`k-grid-cols-${n}`]:n}),style:{...typeof d=="string"&&{gap:d},...typeof d=="object"&&d.rows&&{rowGap:d.rows},...typeof d=="object"&&d.cols&&{columnGap:d.cols}},children:u}):(0,go.jsx)(go.Fragment,{children:u}),l&&(0,go.jsx)("div",{className:"k-form-buttons",children:l})]}),{role:b,"aria-labelledby":w,"aria-label":C,id:I}=e;return(0,go.jsx)(g,{className:x,role:b,"aria-labelledby":w,"aria-label":C,id:I,children:N})};Ee.states=pg;Ee.options=mg;Ee.className=ii;Ee.defaultOptions=Bn;Ee.moduleName=Pp;Ee.folderName=Gp;var Hp="label",_p="label";var Tl=require("react/jsx-runtime"),zn="k-label",ug=[i.disabled],bg={},fg={},ea=e=>{let{disabled:t,optional:o,info:a,text:l,children:n,...d}=e;return(0,Tl.jsxs)("label",{...d,className:r(e.className,zn,y(zn,{disabled:t})),children:[l||n,o&&(0,Tl.jsx)("span",{className:"k-label-optional",children:"(Optional)"}),a&&(0,Tl.jsx)("span",{className:"k-field-info",children:a})]})};ea.states=ug;ea.options=bg;ea.className=zn;ea.defaultOptions=fg;ea.moduleName=Hp;ea.folderName=_p;var Kp=require("react/jsx-runtime"),Dp="k-form-hint",Tg=[],hg={},gg={},jt=e=>{let{text:t,children:o,...a}=e;return(0,Kp.jsx)("div",{...a,className:r(e.className,Dp),children:t||o})};jt.states=Tg;jt.options=hg;jt.className=Dp;jt.defaultOptions=gg;var zp=require("react/jsx-runtime"),Bp="k-form-error",xg=[],kg={},Ng={},eo=e=>{let{text:t,children:o,...a}=e;return(0,zp.jsx)("div",{...a,className:r(e.className,Bp),children:t||o})};eo.states=xg;eo.options=kg;eo.className=Bp;eo.defaultOptions=Ng;var ta=require("react/jsx-runtime"),Fn="k-form-field",vg=[i.disabled],At=e=>{let{editorId:t,label:o,orientation:a,optional:l,editor:n,hint:d,error:c,info:u,disabled:g,dir:x,colSpan:N,...b}=e;return(0,ta.jsxs)("div",{...b,className:r(Fn,e.className,y(Fn,{disabled:g}),{[`k-col-span-${N}`]:N}),dir:x,children:[o&&(0,ta.jsx)(ea,{className:"k-form-label",id:t?`${t}-label`:void 0,htmlFor:t||void 0,optional:l,info:u?"(field info)":void 0,children:o}),a==="horizontal"&&!o&&(0,ta.jsx)("span",{className:"k-label k-form-label k-label-empty"}),(0,ta.jsxs)("div",{className:"k-form-field-wrap",children:[n,d&&(0,ta.jsx)(jt,{id:t?`${t}-hint`:void 0,children:d}),c&&(0,ta.jsx)(eo,{id:t?`${t}-error`:void 0,children:c})]})]})};At.states=vg;At.className=Fn;var oa=require("react/jsx-runtime"),Fp="k-form-fieldset",co=e=>{let{legend:t,layout:o,cols:a,gutters:l,colSpan:n}=e;return(0,oa.jsxs)("fieldset",{className:r(Fp,{[`k-col-span-${n}`]:n}),children:[t&&(0,oa.jsx)("legend",{className:"k-form-legend",children:t}),o==="grid"?(0,oa.jsx)("div",{className:r("k-form-layout","k-d-grid",{[`k-grid-cols-${a}`]:a}),style:{...typeof l=="string"&&{gap:l},...typeof l=="object"&&l.rows&&{rowGap:l.rows},...typeof l=="object"&&l.cols&&{columnGap:l.cols}},children:e.children}):(0,oa.jsx)(oa.Fragment,{children:e.children})]})};co.className=Fp;var hl="input",ni=hl;var Up=require("react/jsx-runtime"),si="k-input",wg=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],yg={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},Cg={},be=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:n,loading:d,readonly:c,size:u,rounded:g,fillMode:x,...N}=e;return(0,Up.jsx)("span",{...N,className:r(e.className,si,L(si,{size:u,rounded:g,fillMode:x}),y(si,{hover:t,focus:o,disabled:a,invalid:l,valid:n,loading:d,readonly:c}))})};be.states=wg;be.options=yg;be.className=si;be.defaultOptions=Cg;be.moduleName=hl;be.folderName=ni;var Wp=require("react/jsx-runtime"),di="k-picker",Lg=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Mg={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},Sg={},xo=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:n,loading:d,readonly:c,size:u,rounded:g,fillMode:x,...N}=e;return(0,Wp.jsx)("span",{...N,className:r(e.className,di,L(di,{size:u,rounded:g,fillMode:x}),y(di,{hover:t,focus:o,disabled:a,invalid:l,valid:n,loading:d,readonly:c})),children:e.children})};xo.states=Lg;xo.options=Mg;xo.className=di;xo.defaultOptions=Sg;xo.moduleName=hl;xo.folderName=ni;var Za=require("react/jsx-runtime"),$p="k-clear-value",Ag=[i.disabled,i.loading,i.readonly],Ig={},Xe=e=>{let{disabled:t,loading:o,readonly:a,value:l}=e;return t||a||o||!l?(0,Za.jsx)(Za.Fragment,{}):(0,Za.jsx)("span",{className:r(e.className,$p),children:(0,Za.jsx)(h,{icon:"x"})})};Xe.states=Ag;Xe.options=Ig;Xe.className=$p;var Vp=require("react/jsx-runtime"),Un="k-input-inner",Eg=[],Rg={},ci={type:"text",autocomplete:"off",value:"",placeholder:""},qe=e=>{let{value:t=ci.value,type:o=ci.type,placeholder:a=ci.placeholder,autocomplete:l=ci.autocomplete,disabled:n,readOnly:d,...c}=e;return(0,Vp.jsx)("input",{...c,type:o,className:r(e.className,Un,L(Un,e)),placeholder:a,autoComplete:l,defaultValue:t,disabled:n||void 0,readOnly:d||void 0})};qe.states=Eg;qe.options=Rg;qe.className=Un;var gl=require("react/jsx-runtime"),Wn="k-input-inner",Og=[],Pg={},Ma=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:l,valueIconName:n,...d}=e;return(0,gl.jsxs)("span",{...d,className:r(e.className,Wn,L(Wn,e)),children:[l,!l&&n&&(0,gl.jsx)(h,{className:"k-input-value-icon",icon:n}),a&&!t&&o,a&&t&&(0,gl.jsx)("span",{className:"k-input-value-text",children:t})]})};Ma.states=Og;Ma.options=Pg;Ma.className=Wn;var qp=require("react/jsx-runtime"),$n="k-input-inner",Gg=[],Hg={},Xp={value:"",placeholder:""},xl=e=>{let{value:t=Xp.value,placeholder:o=Xp.placeholder,rows:a,disabled:l,...n}=e;return(0,qp.jsx)("textarea",{...n,className:r(e.className,$n,L($n,e)),placeholder:o,rows:a,defaultValue:t,disabled:l||void 0})};xl.states=Gg;xl.options=Hg;xl.className=$n;var kl=require("react/jsx-runtime"),Jp="k-input-loading-icon",_g=[i.disabled,i.loading],De=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,kl.jsx)(kl.Fragment,{}):(0,kl.jsx)("span",{className:r(e.className,Jp,"k-icon k-i-loading")})};De.states=_g;De.className=Jp;var Nl=require("react/jsx-runtime"),Zp="k-input-validation-icon",Dg=[i.valid,i.invalid,i.disabled,i.loading],Kg={},Pe=e=>{let{valid:t,invalid:o,disabled:a,loading:l}=e,n=o?"warning-circle":"check-circle";return a||l||!!!(t||o)?(0,Nl.jsx)(Nl.Fragment,{}):(0,Nl.jsx)(h,{className:r(Zp),icon:n})};Pe.states=Dg;Pe.options=Kg;Pe.className=Zp;var vl=require("react/jsx-runtime"),Bg="k-input-prefix",zg={direction:"horizontal"},nt=e=>{let{direction:t=zg.direction,...o}=e;return e.children?(0,vl.jsx)("span",{...o,className:r(Bg,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,vl.jsx)(vl.Fragment,{})};var wl=require("react/jsx-runtime"),Fg="k-input-suffix",Ug={direction:"horizontal"},st=e=>{let{direction:t=Ug.direction,...o}=e;return e.children?(0,wl.jsx)("span",{...o,className:r(Fg,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,wl.jsx)(wl.Fragment,{})};var Wg=require("react/jsx-runtime");