npm - @progress/kendo-themes-html - Versions diffs - 13.1.0-dev.1 → 13.1.0-dev.2 - Mend

@progress/kendo-themes-html 13.1.0-dev.1 → 13.1.0-dev.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (86) hide show

package/dist/esm/gantt/templates/gantt-normal.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- 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 E=(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"}),I=(e,t)=>{let{valid:o,invalid:a,hover:l,focus:i,checked:c,active:b,selected:T,disabled:k,indeterminate:L,loading:C,empty:f,readonly:A,highlighted:S,...R}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":l,"k-focus":i,"k-checked":c,"k-active":b,"k-selected":T,"k-disabled":k,"k-indeterminate":L&&!c,"k-loading":C,"k-empty":f,"k-readonly":A,"k-highlighted":S},Object.keys(R).reduce((P,G)=>(G.startsWith("k-")?P[G]=R[G]:P[`k-${G}`]=R[G],P),{}))};function qn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},g={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},v={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},N={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},s={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var ie="gantt",de=ie;import{jsxs as yc}from"react/jsx-runtime";var Yn="k-gantt",vc=[],Lc={},Cc={},$t=e=>{let{headerToolbar:t,footerToolbar:o,...a}=e;return yc("div",{...a,className:r(e.className,Yn),children:[t,e.children,o]})};$t.states=vc;$t.options=Lc;$t.className=Yn;$t.defaultOptions=Cc;$t.moduleName=ie;$t.folderName=de;import{Fragment as Ac,jsx as Qn}from"react/jsx-runtime";var al="k-font-icon",Mc=[],wc={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark]},Sc={},xa=e=>{let{size:t,themeColor:o,icon:a,rotate:l,flip:i,...c}=e;return a?Qn("span",{...c,className:r(e.className,al,E(al,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${l}`]:l,"k-flip-h":i==="h"\|\|i==="both","k-flip-v":i==="v"\|\|i==="both"}),"aria-hidden":"true"}):Qn(Ac,{})};xa.states=Mc;xa.options=wc;xa.className=al;xa.defaultOptions=Sc;var Zn=xa;import{Fragment as Ic,jsx as Nr}from"react/jsx-runtime";var rl="k-svg-icon",Ec=[],Rc={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark]},jn={viewBox:"0 0 24 24"},Na=e=>{let{size:t,themeColor:o,rotate:a,flip:l,viewBox:i=jn.viewBox,icon:c,...b}=e;if(!c)return Nr(Ic,{});if(c==="none")return Nr("span",{...b,className:r(e.className,rl,E("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let T=typeof c=="object"&&c.name&&c.name;return Nr("span",{...b,className:r(e.className,rl,E("k-icon",{size:t}),{[`k-svg-i-${T}`]:T,[`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:Nr("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:i,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};Na.states=Ec;Na.options=Rc;Na.className=rl;Na.defaultOptions=jn;var ll=Na;importas nl from"@progress/kendo-svg-icons";var es="icon",ts="icons";import{useContext as Gc}from"react";import{createContext as Oc}from"react";var os=Oc({iconsType:"svg"});import{Fragment as as,jsx as ga}from"react/jsx-runtime";var gr="k-icon",Pc=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Hc=[],Kc={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark]},sl={viewBox:"0 0 24 24",type:"svg"},m=e=>{let{iconsType:t}=Gc(os),{size:o,themeColor:a,icon:l,type:i=t\|\|sl.type,rotate:c,flip:b,viewBox:T=sl.viewBox,...k}=e;if(!l)return ga(as,{});if((t\|\|i)==="svg"){if(l==="none")return ga(ll,{...k,className:r(e.className,gr),icon:l,size:o});let C=nl[l]?l:Pc(`${l}-icon`);return nl[C]?ga(ll,{...k,className:r(e.className,gr),icon:nl[C],size:o,themeColor:a,rotate:c,flip:b,viewBox:T}):ga(as,{})}return ga(Zn,{...k,className:r(e.className,gr),icon:l,size:o,themeColor:a,rotate:c,flip:b})};m.states=Hc;m.options=Kc;m.defaultOptions=sl;m.className=gr;m.moduleName=es;m.folderName=ts;m.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 il="button",rs=il;import{Fragment as zc,jsx as ka,jsxs as ls}from"react/jsx-runtime";var va="k-button",Dc=["icon-button"],Bc=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],_c={size:[d.undefined,d.small,d.medium,d.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark,N.inverse]},dl={showArrow:!1,arrowIconName:"caret-alt-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:l,themeColor:i,showArrow:c=dl.showArrow,arrowIconName:b=dl.arrowIconName,variant:T,hover:k,focus:L,active:C,selected:f,disabled:A,togglable:S,icon:R,text:P,iconClassName:G,className:J,...xe}=e,Me=R!==void 0,Ve=e.children!==void 0;return ls(t,{className:r(J,va,qn(va,T),E(va,{size:o,rounded:a,fillMode:l,themeColor:i}),I(va,{hover:k,focus:L,active:C,disabled:A,selected:f}),{"k-icon-button":!P&&!Ve&&Me}),...xe,"aria-pressed":S?f?"true":"false":void 0,disabled:A\|\|void 0,children:[R&&ka(m,{className:r(G,"k-button-icon"),icon:R}),P?ls(zc,{children:[P&&ka("span",{className:"k-button-text",children:P}),e.children]}):e.children&&ka("span",{className:"k-button-text",children:e.children}),c&&ka("span",{className:"k-menu-button-arrow k-button-arrow",children:ka(m,{icon:b})})]})};p.states=Bc;p.options=_c;p.variants=Dc;p.className=va;p.defaultOptions=dl;p.moduleName=il;p.folderName=rs;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."}]};import{jsx as Uc}from"react/jsx-runtime";var oo=e=>Uc(p,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as Fc}from"react/jsx-runtime";var La=e=>Fc(p,{icon:"folder",children:"Button",...e});import{jsx as $c}from"react/jsx-runtime";var vo=e=>$c(p,{children:"Button",...e});import{jsx as cl}from"react/jsx-runtime";var Vc=p.options,Wc=p.states,Xc={...p.defaultOptions,variant:"text"},Jc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],qc=[],Ca=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return cl(oo,{...o,icon:"star"});case"icon-and-text":return cl(La,{...o,icon:"star",children:"Button"});default:return cl(vo,{...o,children:"Button"})}};Ca.options=Vc;Ca.states=Wc;Ca.variants=Jc;Ca.defaultOptions=Xc;Ca.modifiers=qc;var pl="button",ns=pl;import{jsx as jc}from"react/jsx-runtime";var ya="k-button-group",Yc=[s.disabled],Qc={fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link]},Zc={},B=e=>{let{fillMode:t,disabled:o,stretched:a,...l}=e;return jc("div",{role:"group",...l,className:r(e.className,ya,E(ya,{fillMode:t}),I(ya,{disabled:o}),{[`${ya}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};B.states=Yc;B.options=Qc;B.className=ya;B.defaultOptions=Zc;B.moduleName=pl;B.folderName=ns;B.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};import{Fragment as Kg,jsx as Hg,jsxs as Dg}from"react/jsx-runtime";import{Fragment as $g,jsx as Fg,jsxs as Vg}from"react/jsx-runtime";import{Fragment as Qg,jsx as Yg,jsxs as Zg}from"react/jsx-runtime";import{Fragment as rk,jsx as ak,jsxs as lk}from"react/jsx-runtime";import{Fragment as pk,jsx as ck,jsxs as mk}from"react/jsx-runtime";import{Fragment as xk,jsx as hk,jsxs as Nk}from"react/jsx-runtime";import{jsx as Vt,jsxs as ml}from"react/jsx-runtime";var ep={...p.options,...B.options},tp=p.states,op={...p.defaultOptions,...B.defaultOptions,variant:"text-button"},ap=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],rp=[],Ma=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?ml(B,{fillMode:a.fillMode,className:o,children:[Vt(p,{...a,icon:"star"}),Vt(p,{...a,icon:"star"}),Vt(p,{...a,icon:"star"})]}):t==="icon-text-button"?ml(B,{fillMode:a.fillMode,className:o,children:[Vt(p,{...a,icon:"star",children:"First"}),Vt(p,{...a,icon:"star",children:"Middle"}),Vt(p,{...a,icon:"star",children:"Last"})]}):ml(B,{fillMode:a.fillMode,className:o,children:[Vt(p,{...a,children:"First"}),Vt(p,{...a,children:"Middle"}),Vt(p,{...a,children:"Last"})]})};Ma.options=ep;Ma.states=tp;Ma.variants=ap;Ma.defaultOptions=op;Ma.modifiers=rp;var wa="input",kr=wa;import{jsx as ip}from"react/jsx-runtime";var vr="k-input",lp=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],np={size:[d.undefined,d.small,d.medium,d.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},sp={},we=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:c,readonly:b,size:T,rounded:k,fillMode:L,...C}=e;return ip("span",{...C,className:r(e.className,vr,E(vr,{size:T,rounded:k,fillMode:L}),I(vr,{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:c,readonly:b}))})};we.states=lp;we.options=np;we.className=vr;we.defaultOptions=sp;we.moduleName=wa;we.folderName=kr;import{jsx as mp}from"react/jsx-runtime";var Lr="k-picker",dp=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],cp={size:[d.undefined,d.small,d.medium,d.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},pp={},Gt=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:c,readonly:b,size:T,rounded:k,fillMode:L,...C}=e;return mp("span",{...C,className:r(e.className,Lr,E(Lr,{size:T,rounded:k,fillMode:L}),I(Lr,{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:c,readonly:b})),children:e.children})};Gt.states=dp;Gt.options=cp;Gt.className=Lr;Gt.defaultOptions=pp;Gt.moduleName=wa;Gt.folderName=kr;import{Fragment as fp,jsx as ul}from"react/jsx-runtime";var ss="k-clear-value",up=[s.disabled,s.loading,s.readonly],bp={},it=e=>{let{disabled:t,loading:o,readonly:a,value:l}=e;return t\|\|a\|\|o\|\|!l?ul(fp,{}):ul("span",{className:r(e.className,ss),children:ul(m,{icon:"x"})})};it.states=up;it.options=bp;it.className=ss;import{jsx as xp}from"react/jsx-runtime";var bl="k-input-inner",Tp=[],hp={},Cr={type:"text",autocomplete:"off",value:"",placeholder:""},dt=e=>{let{value:t=Cr.value,type:o=Cr.type,placeholder:a=Cr.placeholder,autocomplete:l=Cr.autocomplete,disabled:i,readOnly:c,...b}=e;return xp("input",{...b,type:o,className:r(e.className,bl,E(bl,e)),placeholder:a,autoComplete:l,defaultValue:t,disabled:i\|\|void 0,readOnly:c\|\|void 0})};dt.states=Tp;dt.options=hp;dt.className=bl;import{jsx as is,jsxs as kp}from"react/jsx-runtime";var fl="k-input-inner",Np=[],gp={},Lo=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:l,valueIconName:i,...c}=e;return kp("span",{...c,className:r(e.className,fl,E(fl,e)),children:[l,!l&&i&&is(m,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&is("span",{className:"k-input-value-text",children:t})]})};Lo.states=Np;Lo.options=gp;Lo.className=fl;import{jsx as Cp}from"react/jsx-runtime";var Tl="k-input-inner",vp=[],Lp={},ds={value:"",placeholder:""},hl=e=>{let{value:t=ds.value,placeholder:o=ds.placeholder,rows:a,disabled:l,...i}=e;return Cp("textarea",{...i,className:r(e.className,Tl,E(Tl,e)),placeholder:o,rows:a,defaultValue:t,disabled:l\|\|void 0})};hl.states=vp;hl.options=Lp;hl.className=Tl;import{Fragment as Mp,jsx as cs}from"react/jsx-runtime";var ps="k-input-loading-icon",yp=[s.disabled,s.loading],je=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?cs(Mp,{}):cs("span",{className:r(e.className,ps,"k-icon k-i-loading")})};je.states=yp;je.className=ps;import{Fragment as Ap,jsx as ms}from"react/jsx-runtime";var us="k-input-validation-icon",wp=[s.valid,s.invalid,s.disabled,s.loading],Sp={},We=e=>{let{valid:t,invalid:o,disabled:a,loading:l}=e,i=o?"warning-circle":"check-circle";return a\|\|l\|\|!!!(t\|\|o)?ms(Ap,{}):ms(m,{className:r(us),icon:i})};We.states=wp;We.options=Sp;We.className=us;import{Fragment as Ip,jsx as bs}from"react/jsx-runtime";var Ep="k-input-prefix",Rp={direction:"horizontal"},xt=e=>{let{direction:t=Rp.direction,...o}=e;return e.children?bs("span",{...o,className:r(Ep,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):bs(Ip,{})};import{Fragment as Pp,jsx as fs}from"react/jsx-runtime";var Op="k-input-suffix",Gp={direction:"horizontal"},Nt=e=>{let{direction:t=Gp.direction,...o}=e;return e.children?fs("span",{...o,className:r(Op,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):fs(Pp,{})};import{jsx as Nv}from"react/jsx-runtime";import{jsx as Kp}from"react/jsx-runtime";var Hp="k-input-suffix-text",xl=e=>{let{children:t,...o}=e;return Kp("span",{...o,className:r(Hp,e.className),children:t})};import{jsx as Bp}from"react/jsx-runtime";var Ts="k-input-separator",Dp={direction:"vertical"},gt=e=>{let{direction:t=Dp.direction,...o}=e;return Bp("span",{...o,className:r(Ts,e.className,{[`${Ts}-${t}`]:t})})};import{Fragment as hs,jsx as Pt,jsxs as Nl}from"react/jsx-runtime";var _p=we.states,zp=we.defaultOptions,Up=we.options,Fp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],$p=[],Sa=e=>{let{modifiers:t,valid:o,invalid:a,loading:l,disabled:i,readonly:c,...b}=e,T=t?.prefix,k=t?.suffix,L=t?.["clear-button"],C=t?.["validation-icon"],f=t?.separators;return Nl(we,{...b,valid:o,invalid:a,loading:l,disabled:i,readonly:c,style:{width:300},children:[T&&Nl(hs,{children:[Pt(xt,{children:Pt(m,{icon:"lock"})}),f&&Pt(gt,{})]}),Pt(dt,{placeholder:"Placeholder",value:"Value"}),C&&Pt(We,{valid:o,invalid:a,loading:l,disabled:i}),Pt(je,{loading:l,disabled:i}),L&&Pt(it,{loading:l,disabled:i,readonly:c,value:"Value"}),k&&Nl(hs,{children:[f&&Pt(gt,{}),Pt(Nt,{children:Pt(vo,{size:b.size,fillMode:"clear",children:"Send"})})]})]})};Sa.options=Up;Sa.states=_p;Sa.variants=$p;Sa.defaultOptions=zp;Sa.modifiers=Fp;import{jsx as xs,jsxs as Xp}from"react/jsx-runtime";var Ns="k-color-preview",Vp=[],Wp={},ao=e=>{let{color:t,iconName:o,...a}=e;return Xp("span",{...a,className:r(e.className,Ns,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&xs(m,{icon:o,className:"k-color-preview-icon"}),xs("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};ao.states=Vp;ao.options=Wp;ao.className=Ns;var gl="popup",gs=gl;import{jsx as ks}from"react/jsx-runtime";var vs="k-animation-container",Jp=[],qp={},Ls={positionMode:"absolute"},Ht=e=>{let{positionMode:t=Ls.positionMode,animationStyle:o,offset:a,...l}=e;return ks("div",{...l,style:{...a,...e.style},className:r(e.className,vs,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:ks("div",{className:"k-child-animation-container",style:o,children:e.children})})};Ht.states=Jp;Ht.options=qp;Ht.className=vs;Ht.defaultOptions=Ls;Ht.moduleName=gl;Ht.folderName=gs;var kl="popup",Cs=kl;import{jsx as ys}from"react/jsx-runtime";var Ms="k-popup",Yp=[],Qp={},ws={positionMode:"absolute"},fe=e=>{let{offset:t,positionMode:o=ws.positionMode,animationStyle:a,containerClassName:l,containerRole:i,containerAriaLabel:c,...b}=e;return ys(Ht,{positionMode:o,offset:t,animationStyle:a,className:l,role:i,"aria-label":c,children:ys("div",{...b,className:r(e.className,Ms),children:e.children})})};fe.states=Yp;fe.options=Qp;fe.className=Ms;fe.defaultOptions=ws;fe.moduleName=kl;fe.folderName=Cs;fe.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 vl="action-buttons",Ss=vl;import{jsx as em}from"react/jsx-runtime";var yr="k-actions",Zp=[],jp={},Ll={alignment:"start",orientation:"horizontal"},Kt=e=>{let{alignment:t=Ll.alignment,orientation:o=Ll.orientation,...a}=e;return em("div",{...a,className:r(yr,{[`${yr}-${t}`]:t,[`${yr}-${o}`]:o},e.className),children:e.children})};Kt.states=Zp;Kt.options=jp;Kt.className=yr;Kt.defaultOptions=Ll;Kt.moduleName=vl;Kt.folderName=Ss;import{jsx as om}from"react/jsx-runtime";var tm="k-actionsheet-footer",As={alignment:"stretched",orientation:"horizontal"},ro=e=>{let{alignment:t=As.alignment,orientation:o=As.orientation,template:a,as:l=a?"div":Kt,...i}=e;return om(l,{...i,...!a&&{alignment:t,orientation:o},className:r(e.className,tm),children:e.children})};var Cl="searchbox",Es=Cl;import{jsx as Aa,jsxs as lm}from"react/jsx-runtime";var Rs="k-searchbox",am=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],rm={size:[d.undefined,d.small,d.medium,d.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},yl={showIcon:!0,icon:"search"},kt=e=>{let{value:t,placeholder:o,size:a,rounded:l,fillMode:i,hover:c,focus:b,valid:T,invalid:k,required:L,loading:C,disabled:f,showIcon:A=yl.showIcon,icon:S=yl.icon,...R}=e;return lm(we,{...R,size:a,rounded:l,fillMode:i,hover:c,focus:b,valid:T,invalid:k,required:L,loading:C,disabled:f,className:r(e.className,Rs),children:[A&&Aa(m,{className:"k-input-icon",icon:S}),Aa(dt,{placeholder:o,value:t}),Aa(je,{...e}),Aa(We,{...e}),Aa(it,{...e})]})};kt.states=am;kt.options=rm;kt.className=Rs;kt.defaultOptions=yl;kt.moduleName=Cl;kt.folderName=Es;import{jsx as $L}from"react/jsx-runtime";var Ml="textbox",Is=Ml;import{Fragment as Os,jsx as lo,jsxs as wl}from"react/jsx-runtime";var Gs="k-textbox",nm=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],sm={size:[d.undefined,d.small,d.medium,d.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},Mr={showClearButton:!0,showValidationIcon:!0,separators:!0},me=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Mr.separators,showClearButton:i=Mr.showClearButton,showValidationIcon:c=Mr.showValidationIcon,prefix:b,suffix:T,type:k,value:L,placeholder:C,hover:f,focus:A,valid:S,invalid:R,required:P,loading:G,disabled:J,readonly:xe,id:Me,"aria-label":Ve,"aria-describedby":nt,...st}=e;return wl(we,{...st,size:t,rounded:o,fillMode:a,hover:f,focus:A,valid:S,invalid:R,required:P,loading:G,disabled:J,readonly:xe,className:r(e.className,Gs),children:[b&&wl(Os,{children:[lo(xt,{children:b}),l&&lo(gt,{})]}),lo(dt,{id:Me,placeholder:C,value:L,type:k,disabled:J,"aria-label":Ve,"aria-describedby":nt,"aria-invalid":R?"true":void 0}),c&&lo(We,{valid:S,invalid:R,loading:G,disabled:J}),lo(je,{loading:G,disabled:J}),i&&lo(it,{loading:G,disabled:J,readonly:xe,value:L}),T&&wl(Os,{children:[l&&lo(gt,{}),lo(Nt,{children:T})]})]})};me.states=nm;me.options=sm;me.className=Gs;me.defaultOptions=Mr;me.moduleName=Ml;me.folderName=Is;me.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var Ea=me;import{jsx as im}from"react/jsx-runtime";var Ps=e=>im(Ea,{...e});import{Fragment as iC,jsx as sC}from"react/jsx-runtime";import{Fragment as bC,jsx as uC}from"react/jsx-runtime";import{jsx as xC}from"react/jsx-runtime";import{jsx as Sl}from"react/jsx-runtime";var dm=me.states,cm=me.defaultOptions,pm=me.options,mm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],um=[],Ra=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?Sl(m,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[l]?Sl(vo,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[l];break;default:break}}),Sl(Ps,{value:"Value",style:{width:300},...o,...a})};Ra.options=pm;Ra.states=dm;Ra.variants=um;Ra.defaultOptions=cm;Ra.modifiers=mm;import{jsx as no,jsxs as Al}from"react/jsx-runtime";var Hs="k-actionsheet-titlebar",bm={},Xe=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:l,filter:i,input:c,inputValue:b,inputPlaceholder:T,adaptive:k,titleId:L,children:C,...f}=e;return Al("div",{...f,className:r(e.className,Hs),children:[Al("div",{className:"k-actionsheet-titlebar-group",children:[a&&no("div",{className:"k-actionsheet-actions",children:a}),!C&&Al("div",{className:"k-actionsheet-title",id:L,children:[t&&no("div",{className:"k-text-center",children:t}),o&&no("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),C&&no("div",{className:"k-actionsheet-title",id:L,children:C}),l&&no("div",{className:"k-actionsheet-actions",children:l})]}),(c\|\|i)&&no("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?no(me,{value:b,placeholder:T,size:k?"large":"medium","aria-label":t\|\|T\|\|"Input"}):no(kt,{placeholder:"Filter",size:k?"large":"medium","aria-label":"Filter options"})})]})};Xe.className=Hs;Xe.defaultOptions=bm;import{jsx as El,jsxs as xm}from"react/jsx-runtime";var Rl="k-actionsheet-view",fm=[],Tm={},hm={},zo=e=>{let{adaptive:t,animated:o,children:a,header:l,footer:i,titleId:c,...b}=e,T=l?.type===Xe&&El(Xe,{adaptive:t,titleId:c,...l?.props}),k=i?.type===ro&&El(ro,{...i?.props});return xm("div",{...b,className:r(e.className,Rl,{[`${Rl}-animated`]:o}),children:[T,El("div",{className:"k-actionsheet-content",children:a}),k]})};zo.states=fm;zo.options=Tm;zo.className=Rl;zo.defaultOptions=hm;var Ia="action-sheet",wr=Ia;var Il="overlay",Ks=Il;import{jsx as vm}from"react/jsx-runtime";var Ol="k-overlay",Nm=[],gm={themeColor:[N.undefined,N.light,N.dark,N.inverse]},km={},so=e=>{let{themeColor:t,...o}=e;return vm("div",{...o,className:r(e.className,Ol,E(Ol,{themeColor:t})),children:e.children})};so.states=Nm;so.options=gm;so.className=Ol;so.defaultOptions=km;so.moduleName=Il;so.folderName=Ks;import{jsx as Sr,jsxs as ym}from"react/jsx-runtime";var Ds="k-actionsheet",Lm=[],Cm={},Oa={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Le=e=>{let{side:t=Oa.side,fullscreen:o=Oa.fullscreen,adaptive:a=Oa.adaptive,overlay:l=Oa.overlay,template:i,children:c,header:b,footer:T,id:k,...L}=e,C=k&&!i&&b?`${k}-title`:void 0;return ym("div",{className:"k-actionsheet-container",children:[l&&Sr(so,{}),Sr(Ht,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"\|\|t==="bottom"?"width":null}`]:"100%",[`${t==="left"\|\|t==="right"?"height":null}`]:"100%"},children:Sr("div",{...L,id:k,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":C,className:r(e.className,Ds,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i\|\|Sr(zo,{header:b,footer:T,adaptive:a,titleId:C,...e,children:c})})})]})};Le.states=Lm;Le.options=Cm;Le.className=Ds;Le.defaultOptions=Oa;Le.moduleName=Ia;Le.folderName=wr;Le.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};import{jsx as Am}from"react/jsx-runtime";var Bs="k-actionsheet-container",Mm=[],wm={},Sm={},Uo=e=>{let{children:t,...o}=e;return Am("div",{...o,className:Bs,children:t})};Uo.states=Mm;Uo.options=wm;Uo.className=Bs;Uo.defaultOptions=Sm;Uo.moduleName=Ia;Uo.folderName=wr;import{jsx as Em}from"react/jsx-runtime";var Gl=e=>{let{...t}=e;return Em("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as Im,jsx as Ga,jsxs as Pl}from"react/jsx-runtime";var Hl="k-actionsheet-item",Rm=[s.hover,s.focus,s.selected,s.disabled],io=e=>{let{iconName:t,text:o,description:a,hover:l,focus:i,selected:c,disabled:b,...T}=e;return Pl("span",{...T,className:r(e.className,Hl,I(Hl,{hover:l,focus:i,selected:c,disabled:b})),children:[!e.children&&Ga(Im,{children:Pl("span",{className:"k-actionsheet-action",children:[t&&Ga("span",{className:"k-icon-wrap",children:Ga(m,{className:"k-actionsheet-item-icon",icon:t})}),Pl("span",{className:"k-actionsheet-item-text",children:[o&&Ga("span",{className:"k-actionsheet-item-title",children:o}),a&&Ga("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};io.states=Rm;io.className=Hl;import{jsx as hy,jsxs as xy}from"react/jsx-runtime";import{jsx as vy}from"react/jsx-runtime";import{jsx as My}from"react/jsx-runtime";import{jsx as Ey}from"react/jsx-runtime";import{jsx as Ge,jsxs as Kl}from"react/jsx-runtime";var Om=Le.options,Gm=Le.states,zs={...Le.defaultOptions,variant:"normal"},Pm=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Hm=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Pa=e=>{let{variant:t,modifiers:o,...a}={...zs,...e},l={},i=Kl(Gl,{children:[Ge(io,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),Ge(io,{text:"Add to Favorites",iconName:"heart"}),Ge(io,{text:"Upload New",iconName:"upload",disabled:!0}),Ge("hr",{className:"k-hr"}),Ge(io,{text:"Cancel",iconName:"cancel"})]}),c="Choose from the items below",b="Select Item";return t==="fullScreen"&&(l.fullScreen=!0),Object.keys(o\|\|{}).forEach(T=>{switch(T){case"actions":l.actionsStart=!!o?.[T],l.actionsEnd=!!o?.[T];break;case"subtitle":l.subtitle=o?.[T]?c:void 0;break;case"footer":l.footer=!!o?.[T];break;default:break}}),t==="adaptive"?Ge(Le,{...a,adaptive:!0,fullscreen:l.fullScreen,header:Ge(Xe,{actionsStart:l.actionsStart?Ge(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Ge(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:b,subtitle:l.subtitle}),footer:l.footer?Kl(ro,{alignment:"stretched",children:[Ge(p,{text:"Cancel",size:"large",themeColor:"base"}),Ge(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):Ge(Le,{...a,fullscreen:l.fullScreen,header:Ge(Xe,{actionsStart:l.actionsStart?Ge(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Ge(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?Kl(ro,{alignment:"stretched",children:[Ge(p,{text:"Apply",themeColor:"primary"}),Ge(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};Pa.options=Om;Pa.states=Gm;Pa.variants=Pm;Pa.defaultOptions=zs;Pa.modifiers=Hm;var Dl="slider",Us=Dl;import{jsx as Fo,jsxs as Bl}from"react/jsx-runtime";var Ha="k-slider",Km=[s.hover,s.focus,s.active,s.disabled,s.readonly],Dm={},vt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},Te=e=>{let{type:t=vt.type,orientation:o=vt.orientation,gradientType:a=vt.gradientType,readonly:l=vt.readonly,disabled:i=vt.disabled,handlePosition:c=vt.handlePosition,showButtons:b=vt.showButtons,showTicks:T=vt.showTicks,value:k=vt.value,min:L=vt.min,max:C=vt.max,startValue:f,endValue:A,hover:S,focus:R,active:P,trackStyle:G,dir:J,...xe}=e,Ve=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),nt,st;return o==="horizontal"?(nt=J==="rtl"?"caret-alt-left":"caret-alt-right",st=J==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(nt="caret-alt-up",st="caret-alt-down"),Bl("div",{...xe,className:r(Ha,e.className,I(Ha,{readonly:l,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:J,children:[b&&Fo(p,{className:"k-button-decrease",rounded:"full",icon:st,tabIndex:-1,title:"Decrease"}),Bl("div",{className:"k-slider-track-wrap",children:[T&&Fo("ul",{className:"k-reset k-slider-items",children:e.children}),Bl("div",{className:"k-slider-track",style:G,children:[Fo("div",{className:"k-slider-selection"}),t==="range"&&Fo("span",{className:r("k-draghandle","k-draghandle-start",I(Ha,{hover:S,focus:R,active:P})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":f??L,"aria-valuemin":L,"aria-valuemax":A??C,"aria-orientation":Ve,"aria-disabled":i?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":xe["aria-label"]?`${xe["aria-label"]} start`:"Range start"}),Fo("span",{className:r("k-draghandle",`k-draghandle-${c}`,I(Ha,{hover:S,focus:R,active:P})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?A??C:k,"aria-valuemin":t==="range"?f??L:L,"aria-valuemax":C,"aria-orientation":Ve,"aria-disabled":i?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":t==="range"?xe["aria-label"]?`${xe["aria-label"]} end`:"Range end":xe["aria-label"]})]})]}),b&&Fo(p,{className:"k-button-increase",rounded:"full",icon:nt,tabIndex:-1,title:"Increase"})]})};Te.states=Km;Te.options=Dm;Te.className=Ha;Te.defaultOptions=vt;Te.moduleName=Dl;Te.folderName=Us;Te.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'}]};import{jsx as Fs}from"react/jsx-runtime";var $s="k-tick",Bm=[],_m={},Vs={label:!1},K=e=>{let{style:t,label:o=Vs.label,orientation:a,large:l,text:i,...c}=e;return Fs("li",{...c,className:r(e.className,$s,{[`k-tick-${a}`]:a,"k-tick-large":l}),style:t,children:o&&Fs("span",{className:"k-label",children:i})})};K.states=Bm;K.options=_m;K.className=$s;K.defaultOptions=Vs;import{Fragment as zm,jsx as Lt,jsxs as Um}from"react/jsx-runtime";var Ws=e=>Lt(Te,{"aria-label":e["aria-label"]\|\|"Slider",children:Um(zm,{children:[Lt(K,{className:"k-first",label:!0,large:!0,text:"0"}),Lt(K,{}),Lt(K,{}),Lt(K,{}),Lt(K,{}),Lt(K,{label:!0,large:!0,text:"5"}),Lt(K,{}),Lt(K,{}),Lt(K,{}),Lt(K,{}),Lt(K,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Fm,jsx as Ct,jsxs as $m}from"react/jsx-runtime";var Xs=e=>Ct(Te,{children:$m(Fm,{children:[Ct(K,{className:"k-first",label:!0,large:!0,text:"0"}),Ct(K,{}),Ct(K,{}),Ct(K,{}),Ct(K,{}),Ct(K,{label:!0,large:!0,text:"5"}),Ct(K,{}),Ct(K,{}),Ct(K,{}),Ct(K,{}),Ct(K,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});import{Fragment as xM,jsx as hM,jsxs as NM}from"react/jsx-runtime";import{Fragment as CM,jsx as LM,jsxs as yM}from"react/jsx-runtime";import{jsx as Vm}from"react/jsx-runtime";var _l=e=>Vm(Te,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{jsx as Wm}from"react/jsx-runtime";var zl=e=>Wm(Te,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{Fragment as HM,jsx as PM,jsxs as KM}from"react/jsx-runtime";import{Fragment as UM,jsx as zM,jsxs as FM}from"react/jsx-runtime";import{jsx as Dt,jsxs as Js}from"react/jsx-runtime";var Xm=Te.options,Jm=Te.states,qs={...Te.defaultOptions,variant:"horizontal",label:!0},qm=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Ym=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Ka=e=>{let{variant:t,modifiers:o,...a}={...qs,...e},l={};Object.keys(o\|\|{}).forEach(k=>{switch(k){case"button":{l.showButtons=!!o?.[k];break}case"label":{l.label=!!o?.[k];break}case"tick":{l.showTicks=!!o?.[k];break}}});let{label:i=!0,showButtons:c,showTicks:b}=l,T={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?Js(Xs,{showTicks:b,showButtons:c,style:{height:"300px",...T},...a,children:[Dt(K,{label:i,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),Dt(K,{label:i,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),Dt(K,{label:i,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),Dt(K,{label:i,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),Dt(K,{label:i,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Js(Ws,{showTicks:b,showButtons:c,style:{width:"400px",...T},...a,children:[Dt(K,{label:i,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),Dt(K,{label:i,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),Dt(K,{label:i,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),Dt(K,{label:i,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),Dt(K,{label:i,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Ka.options=Xm;Ka.states=Jm;Ka.variants=qm;Ka.defaultOptions=qs;Ka.modifiers=Ym;import{jsx as Ys,jsxs as tu}from"react/jsx-runtime";var Qs="k-spin-button",jm=[],eu={size:[d.undefined,d.small,d.medium,d.large],fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link]},Ul={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},co=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:l=Ul.increaseLabel,decreaseLabel:i=Ul.decreaseLabel,...c}=e;return tu("span",{...c,className:r(Qs,e.className),children:[Ys(p,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":l}),Ys(p,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};co.states=jm;co.options=eu;co.className=Qs;co.defaultOptions=Ul;co.moduleName=null;co.folderName=null;var Zs="numeric-textbox",js="numerictextbox";import{Fragment as ei,jsx as Wt,jsxs as Fl}from"react/jsx-runtime";var ti="k-numerictextbox",ou=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],au={size:[d.undefined,d.small,d.medium,d.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},Ar={showSpinButton:!0,showClearButton:!0,separators:!0},Y=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Ar.separators,showClearButton:i=Ar.showClearButton,showSpinButton:c=Ar.showSpinButton,prefix:b,suffix:T,value:k,placeholder:L,hover:C,focus:f,valid:A,invalid:S,required:R,loading:P,disabled:G,readonly:J,id:xe,"aria-label":Me,"aria-describedby":Ve,...nt}=e;return Fl(we,{...nt,size:t,rounded:o,fillMode:a,hover:C,focus:f,valid:A,invalid:S,required:R,loading:P,disabled:G,readonly:J,className:r(e.className,ti),children:[b&&Fl(ei,{children:[Wt(xt,{children:b}),l&&Wt(gt,{})]}),Wt(dt,{id:xe,placeholder:L,value:k,role:"spinbutton",disabled:G,"aria-label":Me,"aria-describedby":Ve,"aria-invalid":S?"true":void 0}),Wt(We,{valid:A,invalid:S,loading:P,disabled:G}),Wt(je,{loading:P,disabled:G}),i&&Wt(it,{loading:P,disabled:G,readonly:J,value:k}),T&&Fl(ei,{children:[l&&Wt(gt,{}),Wt(Nt,{children:T})]}),c&&Wt(co,{className:"k-input-spinner",size:t,fillMode:a,disabled:G})]})};Y.states=ou;Y.options=au;Y.className=ti;Y.defaultOptions=Ar;Y.moduleName=Zs;Y.folderName=js;Y.ariaSpec={selector:".k-numerictextbox",rules:[{selector:".k-numerictextbox > .k-input-inner",attribute:"role=spinbutton",usage:"Announces the spin button capabilities of the NumericTextBox."},{selector:".k-numerictextbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuenow (when has value)",usage:"Announces the current value of the component."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemin (when has min)",usage:"Announces the minimum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemax (when has max)",usage:"Announces the maximum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the NumericTextBox is in an invalid state."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-numerictextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"role=button or nodeName=button",usage:"Describes the role of the spin buttons."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"aria-label",usage:"The button element requires discernible text."},{selector:".k-numerictextbox.k-disabled .k-spin-button > .k-button",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."}]};var Da=Y;import{jsx as ru}from"react/jsx-runtime";var oi=e=>ru(Da,{...e});import Vl from"react";import{jsx as ai}from"react/jsx-runtime";var lu="k-list-group-sticky-header",$l=e=>ai("div",{className:r(lu,e.className),children:ai("div",{className:"k-list-header-text",children:e.children})});import{jsx as su}from"react/jsx-runtime";var nu="k-no-data",Er=e=>{let{live:t,...o}=e;return su("span",{...o,className:r(nu,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Co="list",$o=Co;import{jsx as ri,jsxs as li}from"react/jsx-runtime";var Wl="k-list",iu=[],du={size:[d.undefined,d.small,d.medium,d.large]},cu={},ee=e=>{let{size:t,virtualization:o,children:a,header:l,optionLabel:i,customValue:c,noData:b,screenReaders:T,...k}=e,C=Vl.Children.toArray(a)[0],f=C?.props?.children?Vl.Children.count(C.props.children):Vl.Children.count(a);return li("div",{...k,className:r(e.className,Wl,E(Wl,{size:t}),{"k-virtual-list":o}),children:[i,c,l&&ri($l,{children:l}),a\|\|(b!==void 0?b:ri(Er,{live:!0,children:"No data found."})),T&&a&&li(Er,{className:"k-sr-only",live:!0,children:[f," items found."]})]})};ee.states=iu;ee.options=du;ee.className=Wl;ee.defaultOptions=cu;ee.moduleName=Co;ee.folderName=$o;ee.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as bu}from"react/jsx-runtime";var ni="k-list-container",pu=[],mu={},uu={},Vo=e=>{let{...t}=e;return bu("div",{...t,className:r(e.className,ni),children:e.children})};Vo.states=pu;Vo.options=mu;Vo.className=ni;Vo.defaultOptions=uu;Vo.moduleName=Co;Vo.folderName=$o;var yo="checkbox",Wo=yo;import{jsx as si}from"react/jsx-runtime";var Rr="k-checkbox",fu=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],Tu={size:[d.undefined,d.small,d.medium,d.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full]},hu={},et=e=>{let{id:t,checked:o,indeterminate:a,hover:l,focus:i,disabled:c,invalid:b,valid:T,required:k,size:L,rounded:C,...f}=e;return si("span",{className:"k-checkbox-wrap",children:si("input",{...f,id:t,type:"checkbox",defaultChecked:o,required:k,disabled:c\|\|void 0,"aria-invalid":b?"true":void 0,className:r(e.className,Rr,E(Rr,{size:L,rounded:C}),I(Rr,{hover:l,focus:i,disabled:c,invalid:b,valid:T,indeterminate:a,checked:o}))})})};et.states=fu;et.options=Tu;et.className=Rr;et.defaultOptions=hu;et.moduleName=yo;et.folderName=Wo;et.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var Bt=et;import{jsx as gu}from"react/jsx-runtime";var ii="k-checkbox-list",xu=[],Nu={},di={layout:"vertical"},tt=e=>{let{layout:t=di.layout,...o}=e;return gu("ul",{...o,className:r(e.className,ii,{[`k-list-${t}`]:t}),children:e.children})};tt.states=xu;tt.options=Nu;tt.className=ii;tt.defaultOptions=di;tt.moduleName=yo;tt.folderName=Wo;import{jsx as Cu}from"react/jsx-runtime";var ci="k-checkbox-list-item",ku=[],vu={},Lu={},Je=e=>{let{...t}=e;return Cu("li",{...t,className:r(e.className,ci),children:e.children})};Je.states=ku;Je.options=vu;Je.className=ci;Je.defaultOptions=Lu;Je.moduleName=yo;Je.folderName=Wo;import{Fragment as yu,jsx as pi,jsxs as Mu}from"react/jsx-runtime";var Xt=({children:e,id:t,...o})=>Mu(yu,{children:[pi(Bt,{id:t,...o}),pi("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as uS,jsx as mS,jsxs as bS}from"react/jsx-runtime";import{Fragment as NS,jsx as xS,jsxs as gS}from"react/jsx-runtime";import{Fragment as yS,jsx as CS,jsxs as MS}from"react/jsx-runtime";import{jsx as ES}from"react/jsx-runtime";import{jsx as GS}from"react/jsx-runtime";import{jsx as DS}from"react/jsx-runtime";import{jsx as yt,jsxs as mi}from"react/jsx-runtime";var wu=tt.options,Su=tt.states,Au={...tt.defaultOptions,variant:"vertical"},Eu=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Ru=[],Ba=e=>{let{variant:t,...o}=e;return t==="horizontal"?mi(tt,{layout:"horizontal",...o,children:[yt(Je,{children:yt(Xt,{id:"first",defaultChecked:!0,children:"Label"})}),yt(Je,{children:yt(Xt,{id:"second",children:"Label"})}),yt(Je,{children:yt(Xt,{id:"third",children:"Label"})})]}):mi(tt,{...o,children:[yt(Je,{children:yt(Xt,{id:"first",defaultChecked:!0,children:"Label"})}),yt(Je,{children:yt(Xt,{id:"second",children:"Label"})}),yt(Je,{children:yt(Xt,{id:"third",children:"Label"})})]})};Ba.options=wu;Ba.states=Su;Ba.variants=Eu;Ba.defaultOptions=Au;Ba.modifiers=Ru;import{jsx as Ku}from"react/jsx-runtime";var Iu=Bt.options,Ou=Bt.states,Gu=Bt.defaultOptions,Pu=[],Hu=[],_a=e=>Ku(Xt,{id:"checkbox-demo-checkbox",...e,defaultChecked:!0,children:"Label"});_a.options=Iu;_a.states=Ou;_a.variants=Pu;_a.defaultOptions=Gu;_a.modifiers=Hu;import{jsx as Mo,jsxs as zu}from"react/jsx-runtime";var Xl="k-list-item",Du=[s.hover,s.focus,s.selected,s.disabled],Bu={},_u={},F=e=>{let{text:t,groupLabel:o,group:a,iconName:l,iconClassName:i,showCheckbox:c,checked:b,hover:T,focus:k,selected:L,disabled:C,actions:f,description:A,id:S,...R}=e,P=t\|\|e.children;return zu("li",{...R,id:S,role:a?"presentation":"option",tabIndex:a?void 0:k?0:-1,"aria-selected":!a&&L?"true":a?void 0:"false","aria-disabled":!a&&C?"true":void 0,className:r(e.className,a?"k-list-group-item":Xl,I(Xl,{hover:T,focus:k,disabled:C,selected:L})),children:[c&&Mo(et,{checked:b}),l&&Mo("span",{className:"k-list-item-icon-wrapper",children:Mo(m,{icon:l,className:r("k-list-item-icon",i)})}),Mo("span",{className:"k-list-item-text",children:P}),f&&Mo("div",{className:"k-list-item-actions",children:f}),A&&Mo("span",{className:"k-list-item-description",children:A}),o&&o!==""&&Mo("div",{className:"k-list-item-group-label",children:o})]})};F.states=Du;F.options=Bu;F.className=Xl;F.defaultOptions=_u;F.moduleName=Co;F.folderName=$o;F.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as Fu}from"react/jsx-runtime";var Uu="k-list-ul",Jt=e=>{let{children:t,role:o,id:a,...l}=e;return Fu("ul",{...l,id:a,role:o,className:r(Uu,e.className),children:t})};Jt.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};import{jsx as Jl,jsxs as Vu}from"react/jsx-runtime";var $u="k-list-content",ce=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":l,listboxId:i,...c}=e;return Vu("div",{...c,className:r($u,e.className),role:o?"listbox":void 0,id:o?i:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?l:void 0,children:[o?e.children:Jl(Jt,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":l,children:e.children}),t&&Jl("div",{className:"k-height-container",children:Jl("div",{})})]})};ce.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{Fragment as MA,jsx as yA,jsxs as wA}from"react/jsx-runtime";import{jsx as ql,jsxs as Xu}from"react/jsx-runtime";var Wu="k-list-group-item",wo=e=>{let{groupIconName:t,...o}=e;return Xu("li",{...o,role:"presentation",className:r(Wu,e.className),children:[t&&ql("span",{className:"k-list-item-icon-wrapper",children:ql(m,{icon:t,className:"k-list-item-icon"})}),ql("span",{className:"k-list-item-text",children:e.children})]})};wo.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as Qu}from"react/jsx-runtime";var Yl="k-list-optionlabel",Ju=[s.hover,s.focus,s.selected,s.disabled],qu={},Yu={},Ir=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:i,...c}=e;return Qu("div",{...c,className:r(Yl,I(Yl,{hover:o,focus:a,selected:l,disabled:i})),children:t})};Ir.states=Ju;Ir.options=qu;Ir.className=Yl;Ir.defaultOptions=Yu;import{jsx as tb}from"react/jsx-runtime";var Ql="k-list-custom-value",Zu=[s.hover,s.focus,s.selected,s.disabled],ju={},eb={},po=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:i,...c}=e;return tb("div",{...c,className:r(Ql,I(Ql,{hover:o,focus:a,selected:l,disabled:i})),children:t})};po.states=Zu;po.options=ju;po.className=Ql;po.defaultOptions=eb;import{Fragment as FA,jsx as UA,jsxs as $A}from"react/jsx-runtime";import{Fragment as YA,jsx as qA,jsxs as QA}from"react/jsx-runtime";import{Fragment as rE,jsx as oE,jsxs as aE}from"react/jsx-runtime";import{Fragment as pE,jsx as dE,jsxs as cE}from"react/jsx-runtime";import{jsx as fE}from"react/jsx-runtime";import{Fragment as kE,jsx as gE,jsxs as vE}from"react/jsx-runtime";var ui="dropdown-list",bi="dropdownlist";import{Fragment as rb,jsx as qe,jsxs as Zl}from"react/jsx-runtime";var fi="k-dropdownlist",ob=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],ab={size:[d.undefined,d.small,d.medium,d.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},jl={showValue:!0,arrowIconName:"caret-alt-down"},ue=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=jl.arrowIconName,showValue:i=jl.showValue,valueIconName:c,prefix:b,suffix:T,value:k,placeholder:L,hover:C,focus:f,valid:A,invalid:S,required:R,loading:P,disabled:G,readonly:J,popup:xe,opened:Me,adaptive:Ve,adaptiveSettings:nt,adaptiveTitle:st,adaptiveSubtitle:_o,adaptiveFilter:ol,...xr}=e;return Zl(rb,{children:[Zl(Gt,{...xr,size:t,rounded:o,fillMode:a,hover:C,focus:f,valid:A,invalid:S,required:R,loading:P,disabled:G,readonly:J,className:r(e.className,fi,{"k-icon-picker":!i&&c}),children:[qe(xt,{children:b}),qe(Lo,{placeholder:L,value:k,showValue:i,valueIconName:c}),qe(We,{valid:A,invalid:S,loading:P,disabled:G}),qe(je,{loading:P,disabled:G}),qe(Nt,{children:T}),qe(p,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":L\|\|"Toggle dropdown"})]}),Me&&xe&&qe(fe,{className:"k-list-container k-dropdownlist-popup",children:xe}),Ve&&qe(Le,{adaptive:!0,...nt,header:qe(Xe,{actionsEnd:qe(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:ol,inputValue:k,inputPlaceholder:L,title:st,subtitle:_o}),children:qe("div",{className:"k-list-container",children:qe(ee,{size:"large",children:Zl(ce,{children:[qe(F,{text:"List item"}),qe(F,{text:"List item"}),qe(F,{text:"List item"})]})})})})]})};ue.states=ob;ue.options=ab;ue.className=fi;ue.defaultOptions=jl;ue.moduleName=ui;ue.folderName=bi;import{jsx as eR}from"react/jsx-runtime";import{jsx as lR,jsxs as nR}from"react/jsx-runtime";import{Fragment as bR,jsx as mR,jsxs as uR}from"react/jsx-runtime";import{jsx as xR}from"react/jsx-runtime";import{jsx as LR,jsxs as CR}from"react/jsx-runtime";import{Fragment as IR,jsx as ER,jsxs as RR}from"react/jsx-runtime";import{Fragment as cb,jsx as mo,jsxs as Ti}from"react/jsx-runtime";var lb=ue.states,nb=ue.defaultOptions,sb=ue.options,ib=[{name:"opened",title:"Opened"}],db=[],Ua=e=>{let{modifiers:t,...o}=e,a={},l=Ti(cb,{children:[mo("div",{className:"k-list-filter",children:mo(kt,{})}),mo(ee,{style:{width:300},size:o.size,children:Ti(ce,{children:[mo(F,{children:"List item"}),mo(F,{children:"List item"}),mo(F,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(i=>{i==="opened"&&(a.opened=!!t?.[i],a.popup=t?.[i]?l:void 0)}),mo("div",{children:mo(ue,{placeholder:"Value",style:{width:300},...o,...a})})};Ua.options=sb;Ua.states=lb;Ua.variants=db;Ua.defaultOptions=nb;Ua.modifiers=ib;import{Fragment as jR,jsx as ZR}from"react/jsx-runtime";import{Fragment as lI,jsx as rI}from"react/jsx-runtime";import{jsx as dI}from"react/jsx-runtime";import{jsx as en}from"react/jsx-runtime";var pb=Y.states,mb=Y.defaultOptions,ub=Y.options,bb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],fb=[],Fa=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?en(ue,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[l]?en(xl,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[l];break;case"spin-button":a.showSpinButton=t?.[l];break;default:break}}),en(oi,{value:"Value",style:{width:300},...o,...a})};Fa.options=ub;Fa.states=pb;Fa.variants=fb;Fa.defaultOptions=mb;Fa.modifiers=bb;import{Fragment as $a,jsx as Z,jsxs as Ce}from"react/jsx-runtime";var hi="k-colorgradient-inputs",Tb=[],hb={size:[d.undefined,d.small,d.medium,d.large]},xi={mode:"rgba"},Xo=e=>{let{mode:t=xi.mode,size:o,...a}=e;return Ce("div",{...a,className:r(hi,"k-hstack"),children:[Z("div",{className:"k-vstack",children:Z(p,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&Ce($a,{children:[Ce("div",{className:"k-vstack",children:[Z(Y,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),Z("label",{className:"k-colorgradient-input-label",children:"R"})]}),Ce("div",{className:"k-vstack",children:[Z(Y,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),Z("label",{className:"k-colorgradient-input-label",children:"G"})]}),Ce("div",{className:"k-vstack",children:[Z(Y,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),Z("label",{className:"k-colorgradient-input-label",children:"B"})]}),Ce("div",{className:"k-vstack",children:[Z(Y,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),Z("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&Ce($a,{children:[Ce("div",{className:"k-vstack",children:[Z(Y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),Z("label",{className:"k-colorgradient-input-label",children:"R"})]}),Ce("div",{className:"k-vstack",children:[Z(Y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),Z("label",{className:"k-colorgradient-input-label",children:"G"})]}),Ce("div",{className:"k-vstack",children:[Z(Y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),Z("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&Ce($a,{children:[Ce("div",{className:"k-vstack",children:[Z(Y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),Z("label",{className:"k-colorgradient-input-label",children:"H"})]}),Ce("div",{className:"k-vstack",children:[Z(Y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),Z("label",{className:"k-colorgradient-input-label",children:"S"})]}),Ce("div",{className:"k-vstack",children:[Z(Y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),Z("label",{className:"k-colorgradient-input-label",children:"V"})]}),Ce("div",{className:"k-vstack",children:[Z(Y,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),Z("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&Ce($a,{children:[Ce("div",{className:"k-vstack",children:[Z(Y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),Z("label",{className:"k-colorgradient-input-label",children:"H"})]}),Ce("div",{className:"k-vstack",children:[Z(Y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),Z("label",{className:"k-colorgradient-input-label",children:"S"})]}),Ce("div",{className:"k-vstack",children:[Z(Y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),Z("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&Z($a,{children:Ce("div",{className:"k-vstack k-flex-1",children:[Z(me,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),Z("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Xo.states=Tb;Xo.options=hb;Xo.className=hi;Xo.defaultOptions=xi;import{jsx as So,jsxs as Ao}from"react/jsx-runtime";var Ni="k-colorgradient-color-contrast",xb=[],Nb={},gb={},Jo=()=>Ao("div",{className:r(Ni,"k-vbox"),children:[Ao("div",{className:"k-contrast-ratio",children:[So("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),Ao("span",{className:"k-contrast-validation !k-text-success",children:[So(m,{icon:"check"}),So(m,{icon:"check"})]})]}),Ao("div",{children:[So("span",{children:"AA: 4.5"}),Ao("span",{className:"k-contrast-validation !k-text-success",children:["Pass",So(m,{icon:"check"})]})]}),Ao("div",{children:[So("span",{children:"AAA: 7.0"}),Ao("span",{className:"k-contrast-validation !k-text-error",children:["Fail",So(m,{icon:"x"})]})]})]});Jo.states=xb;Jo.options=Nb;Jo.className=Ni;Jo.defaultOptions=gb;var gi="color-gradient",ki="colorgradient";import{jsx as wt,jsxs as Va}from"react/jsx-runtime";var Or="k-colorgradient",kb=[s.hover,s.focus,s.readonly,s.disabled],vb={size:[d.undefined,d.small,d.medium,d.large]},_t={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},Pe=e=>{let{size:t,mode:o=_t.mode,readonly:a=_t.readonly,disabled:l=_t.disabled,gradientStyle:i=_t.gradientStyle,dragHandleStyle:c=_t.dragHandleStyle,alphaStyle:b=_t.alphaStyle,alphaStyleHorizontal:T=_t.alphaStyleHorizontal,contrast:k=_t.contrast,dir:L,hover:C,focus:f,hoverHandle:A,focusHandle:S,canvasOrientation:R=_t.canvasOrientation,role:P,tabIndex:G,...J}=e;return Va("div",{...J,role:P??"textbox","aria-label":P==="none"?void 0:"Color gradient",tabIndex:G??0,"aria-disabled":l?"true":void 0,className:r(e.className,Or,E(Or,{size:t}),I(Or,{hover:C,focus:f,readonly:a,disabled:l})),dir:L,children:[!R\|\|R==="horizontal"&&Va("div",{className:"k-colorgradient-canvas k-hstack",children:[wt("div",{className:"k-hsv-rectangle",style:i,children:wt("div",{className:"k-hsv-gradient",children:wt("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":A,"k-focus":S}),style:c,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Va("div",{className:"k-hsv-controls k-hstack",children:[wt(zl,{className:"k-hue-slider",hover:A,focus:S}),o!=="rgb"&&o!=="hsv"&&wt(zl,{className:"k-alpha-slider",hover:A,focus:S,trackStyle:b})]})]}),R==="vertical"&&Va("div",{className:"k-colorgradient-canvas k-vstack",children:[wt("div",{className:"k-hsv-rectangle",style:i,children:wt("div",{className:"k-hsv-gradient",children:wt("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":A,"k-focus":S}),style:c,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Va("div",{className:"k-hsv-controls k-vstack",children:[wt(_l,{className:"k-hue-slider",hover:A,focus:S}),o!=="rgb"&&o!=="hsv"&&wt(_l,{className:"k-alpha-slider",hover:A,focus:S,trackStyle:T})]})]}),wt(Xo,{mode:e.mode,size:t}),k&&wt(Jo,{})]})};Pe.states=kb;Pe.options=vb;Pe.className=Or;Pe.defaultOptions=_t;Pe.moduleName=gi;Pe.folderName=ki;Pe.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};import{jsx as Lb}from"react/jsx-runtime";var Gr=e=>Lb(Pe,{...e});import{jsx as JI}from"react/jsx-runtime";import{jsx as ZI}from"react/jsx-runtime";import{jsx as tn}from"react/jsx-runtime";var Cb=Pe.options,yb=Pe.states,Mb={...Pe.defaultOptions,variant:"rgba"},wb=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Sb=[],Wa=e=>{let{variant:t,...o}=e;switch(t){case"hex":return tn(Gr,{...o,mode:t});case"rgb":return tn(Gr,{...o,mode:t});default:return tn(Gr,{...o,mode:t})}};Wa.options=Cb;Wa.states=yb;Wa.variants=wb;Wa.defaultOptions=Mb;Wa.modifiers=Sb;import{jsx as Ab}from"react/jsx-runtime";var on=e=>Ab("tr",{role:"row",children:e.children});import{jsx as Ib}from"react/jsx-runtime";var an="k-colorpalette-tile",Eb=[s.hover,s.focus,s.selected],Rb={},qo=e=>{let{color:t,tileSize:o,hover:a,focus:l,selected:i,...c}=e,b={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Ib("td",{...c,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:r(e.className,an,I(an,{hover:a,focus:l,selected:i})),style:b})};qo.states=Eb;qo.options=Rb;qo.className=an;var vi="color-palette",Li="colorpalette";import{jsx as Xa}from"react/jsx-runtime";var Pr="k-colorpalette",Ob=[s.disabled],Gb={size:[d.undefined,d.small,d.medium,d.large]},Ci={columns:10},ot=e=>{let{size:t,palette:o,columns:a=Ci.columns,tileSize:l,disabled:i,...c}=e,b=[];if(o){let T=a\|\|o.columns,k=o.colors?o.colors:o;Array.isArray(k)&&Array.from({length:Math.ceil(k.length/T)},(L,C)=>{let f=[];k.slice(CT,(C+1)T).map((S,R)=>{f.push(Xa(qo,{color:S,tileSize:l},R))});let A=Xa(on,{children:f},C);b.push(A)})}return Xa("div",{...c,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:r(e.className,Pr,I(Pr,{disabled:i}),E(Pr,{size:t})),children:Xa("table",{className:"k-colorpalette-table",role:"none",children:Xa("tbody",{children:b.length>0?b:e.children})})})};ot.states=Ob;ot.options=Gb;ot.className=Pr;ot.defaultOptions=Ci;ot.moduleName=vi;ot.folderName=Li;ot.ariaSpec={selector:".k-colorpalette",rules:[{selector:".k-colorpalette",attribute:"role=grid",usage:"The focusable wrapper announces its role as a grid."},{selector:".k-colorpalette",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpalette",attribute:"aria-activedescendant",usage:"Points to the focused cell in the table."},{selector:".k-colorpalette",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpalette.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorPalette is disabled."},{selector:".k-colorpalette-table",attribute:"role=none or role=presentation",usage:"Negates the default role of the table element."},{selector:".k-colorpalette-table>tbody>tr",attribute:"role=row",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"role=gridcell",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"aria-label or title",usage:"The text representation of the color value for the current cell."},{selector:".k-colorpalette-tile.k-selected",attribute:"aria-selected=true",usage:"Present on the currently selected cell."}]};var Hr=ot;var Ja={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as Pb}from"react/jsx-runtime";var yi=e=>Pb(Hr,{palette:Ja.basic,...e});import{jsx as OO}from"react/jsx-runtime";import{jsx as BO,jsxs as _O}from"react/jsx-runtime";import{jsx as Ub}from"react/jsx-runtime";var Hb=ot.options,Kb=ot.states,Db={...ot.defaultOptions,variant:"basic"},Bb=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],_b={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}},zb=[],qa=e=>{let{variant:t="basic",...o}=e,a=_b[t];return Ub(yi,{columns:a.columns,palette:a,...o})};qa.options=Hb;qa.states=Kb;qa.variants=Bb;qa.defaultOptions=Db;qa.modifiers=zb;var Mi="color-editor",wi="coloreditor";import{jsx as St,jsxs as Yo}from"react/jsx-runtime";var Kr="k-coloreditor",Fb=[s.focus],$b={size:[d.undefined,d.small,d.medium,d.large]},Ya={view:"gradient",palette:Ja.office,actionButtons:!0,canvasOrientation:"horizontal"},ye=e=>{let{size:t,view:o=Ya.view,palette:a=Ya.palette,color:l,currentColor:i,focus:c,focusView:b,dir:T,group:k,actionButtons:L=Ya.actionButtons,canvasOrientation:C=Ya.canvasOrientation,...f}=e;return Yo("div",{...f,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",Kr,E(Kr,{size:t}),I(Kr,{focus:c})),dir:T,children:[Yo("div",{className:"k-coloreditor-header k-hstack",children:[St("div",{className:"k-coloreditor-header-actions k-hstack",children:k&&Yo(B,{fillMode:"flat",children:[St(p,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),St(p,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),St("div",{className:"k-spacer"}),Yo("div",{className:"k-coloreditor-header-actions k-hstack",children:[St(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Yo("div",{className:"k-coloreditor-preview k-vstack",children:[St(ao,{className:"k-coloreditor-preview-color",color:l}),St(ao,{className:"k-coloreditor-current-color",color:i})]})]})]}),St("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?St(Pe,{focus:b,size:t,canvasOrientation:C,role:"none",tabIndex:-1}):St(ot,{palette:a,size:t})}),L&&Yo(Kt,{className:"k-coloreditor-footer",alignment:"start",children:[St(p,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),St(p,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};ye.states=Fb;ye.options=$b;ye.className=Kr;ye.defaultOptions=Ya;ye.moduleName=Mi;ye.folderName=wi;ye.ariaSpec={selector:".k-flatcolorpicker",rules:[{selector:".k-flatcolorpicker",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a submittable value."},{selector:".k-flatcolorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-flatcolorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-flatcolorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the FlatColorPicker is disabled."},{selector:".k-colorgradient",attribute:"role=none",usage:"The inner ColorGradient must have its role removed."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var Qo=ye;import{jsx as fG}from"react/jsx-runtime";import{jsx as NG}from"react/jsx-runtime";import{jsx as Vb}from"react/jsx-runtime";var Si=e=>Vb(Qo,{group:!0,currentColor:"fuchsia",...e});import{jsx as Wb}from"react/jsx-runtime";var Ai=e=>Wb(Qo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Ei}from"react/jsx-runtime";var Xb=ye.options,Jb=ye.states,qb={...ye.defaultOptions,variant:"gradient"},Yb=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Qb=[],Qa=e=>{let{variant:t,...o}=e;return t==="palette"?Ei(Ai,{...o,color:"white"}):Ei(Si,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Qa.options=Xb;Qa.states=Jb;Qa.variants=Yb;Qa.defaultOptions=qb;Qa.modifiers=Qb;var Ri="color-picker",Ii="colorpicker";import{Fragment as ef,jsx as At,jsxs as rn}from"react/jsx-runtime";var Oi="k-colorpicker",Zb=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled],jb={size:[d.undefined,d.small,d.medium,d.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},Gi={arrowIconName:"caret-alt-down"},ct=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=Gi.arrowIconName,prefix:i,suffix:c,value:b,placeholder:T,hover:k,focus:L,valid:C,invalid:f,required:A,disabled:S,valueIconName:R,popup:P,opened:G,adaptive:J,adaptiveSettings:xe,adaptiveTitle:Me,adaptiveSubtitle:Ve,...nt}=e,st="colorpicker-popup";return rn(ef,{children:[rn(Gt,{...nt,size:t,rounded:o,fillMode:a,hover:k,focus:L,valid:C,invalid:f,required:A,disabled:S,role:"combobox","aria-haspopup":"dialog","aria-expanded":G?"true":"false","aria-controls":G\|\|J?st:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":S?"true":void 0,className:r(e.className,Oi,"k-icon-picker"),children:[At(xt,{children:i}),At(Lo,{placeholder:T,value:b,showValue:!1,valueIcon:At(ao,{className:"k-value-icon",color:b,iconName:R}),valueIconName:R}),At(Nt,{children:c}),At(p,{className:"k-input-button",icon:l,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:S})]}),G&&P&&At(fe,{id:st,className:"k-colorpicker-popup",children:P}),J&&At(Le,{adaptive:!0,id:st,...xe,header:At(Xe,{actionsEnd:At(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:Me,subtitle:Ve}),footer:rn(ro,{children:[At(p,{text:"Cancel",size:"large"}),At(p,{text:"Set",size:"large",themeColor:"primary"})]}),children:At(ye,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};ct.states=Zb;ct.options=jb;ct.className=Oi;ct.defaultOptions=Gi;ct.moduleName=Ri;ct.folderName=Ii;ct.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var uo=ct;import{jsx as tf}from"react/jsx-runtime";var Dr=e=>tf(uo,{...e});import{jsx as o0}from"react/jsx-runtime";import{jsx as s0}from"react/jsx-runtime";import{jsx as p0}from"react/jsx-runtime";import{jsx as f0}from"react/jsx-runtime";import{jsx as N0}from"react/jsx-runtime";import{jsx as L0}from"react/jsx-runtime";import{jsx as Eo}from"react/jsx-runtime";var of=uo.options,af=uo.states,Pi={...uo.defaultOptions,variant:"color"},rf=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],lf=[{name:"opened",title:"Opened"}],Za=e=>{let{variant:t,modifiers:o,...a}={...Pi,...e},l={};Object.keys(o\|\|{}).forEach(c=>{c==="opened"&&(l.opened=!!o?.[c],l.popup=o?.[c]?Eo(ye,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let i=l.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return Eo("div",{style:i,children:Eo(Dr,{...a,...l})});case"icon":return Eo("div",{style:i,children:Eo(Dr,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...l})});default:return Eo("div",{style:i,children:Eo(Dr,{value:"rgba(183, 118 , 118, 1.00)",...a,...l})})}};Za.options=of;Za.states=af;Za.variants=rf;Za.defaultOptions=Pi;Za.modifiers=lf;var ln="combobox",Hi=ln;import{Fragment as nn,jsx as Se,jsxs as ja}from"react/jsx-runtime";var Ki="k-combobox",nf=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],sf={size:[d.undefined,d.small,d.medium,d.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},Di={separators:!0},Ye=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Di.separators,prefix:i,suffix:c,value:b,placeholder:T,hover:k,focus:L,valid:C,invalid:f,required:A,loading:S,disabled:R,popup:P,opened:G,readonly:J,adaptive:xe,adaptiveSettings:Me,adaptiveTitle:Ve,adaptiveSubtitle:nt,adaptiveCustomValue:st,id:_o,autocomplete:ol,activeDescendant:xr,"aria-label":Nc,...gc}=e,kc=_o?`${_o}-listbox`:void 0;return ja(nn,{children:[ja(we,{...gc,size:t,rounded:o,fillMode:a,hover:k,focus:L,valid:C,invalid:f,required:A,loading:S,disabled:R,readonly:J,className:r(e.className,Ki),children:[i&&ja(nn,{children:[Se(xt,{children:i}),l&&Se(gt,{})]}),Se(dt,{placeholder:T,value:b,role:"combobox","aria-haspopup":"listbox","aria-expanded":G?"true":"false","aria-controls":G?kc:void 0,"aria-activedescendant":G&&xr?xr:void 0,"aria-autocomplete":ol,"aria-invalid":f?"true":void 0,"aria-busy":S?"true":void 0,"aria-label":Nc,disabled:R,readOnly:J}),Se(We,{valid:C,invalid:f,loading:S,disabled:R}),Se(je,{loading:S,disabled:R}),Se(it,{loading:S,disabled:R,readonly:J,value:b}),c&&ja(nn,{children:[l&&Se(gt,{}),Se(Nt,{children:c})]}),Se(p,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:R})]}),G&&P&&Se(fe,{className:"k-list-container k-combobox-popup",containerClassName:"k-combobox-popup-container",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:P}),xe&&Se(Le,{adaptive:!0,id:_o?`${_o}-adaptive`:void 0,...Me,header:Se(Xe,{actionsEnd:Se(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:b,inputPlaceholder:T,title:Ve,subtitle:nt}),children:Se("div",{className:"k-list-container",children:Se(ee,{customValue:st?Se(po,{text:`Use "${b}"`}):void 0,size:"large",children:ja(ce,{"aria-label":Ve\|\|"Options",children:[Se(F,{text:"List item"}),Se(F,{text:"List item"}),Se(F,{text:"List item"})]})})})})]})};Ye.states=nf;Ye.options=sf;Ye.className=Ki;Ye.defaultOptions=Di;Ye.moduleName=ln;Ye.folderName=Hi;Ye.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list\|both\|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var pt=Ye;import{jsx as df}from"react/jsx-runtime";var Bi=e=>df(pt,{...e});import{jsx as lP,jsxs as nP}from"react/jsx-runtime";import{jsx as mP,jsxs as uP}from"react/jsx-runtime";import{jsx as NP,jsxs as gP}from"react/jsx-runtime";import{Fragment as MP,jsx as yP}from"react/jsx-runtime";import{Fragment as IP,jsx as RP}from"react/jsx-runtime";import{jsx as DP,jsxs as BP}from"react/jsx-runtime";import{Fragment as XP,jsx as VP,jsxs as WP}from"react/jsx-runtime";import{jsx as QP}from"react/jsx-runtime";import{jsx as tH}from"react/jsx-runtime";import{jsx as sH,jsxs as iH}from"react/jsx-runtime";import{jsx as bH,jsxs as fH}from"react/jsx-runtime";import{jsx as bo,jsxs as ff}from"react/jsx-runtime";var cf=Ye.states,pf=Ye.defaultOptions,mf=Ye.options,uf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],bf=[],er=e=>{let{modifiers:t,...o}=e,a={},l=bo(ee,{style:{width:300},size:o.size,children:ff(ce,{children:[bo(F,{children:"List item"}),bo(F,{children:"List item"}),bo(F,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?bo(m,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[i]?bo(oo,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[i],a.popup=t?.[i]?l:void 0;break;default:break}}),bo("div",{children:bo(Bi,{value:"Value",style:{width:300},...o,...a})})};er.options=mf;er.states=cf;er.variants=bf;er.defaultOptions=pf;er.modifiers=uf;var sn="menu-button",_i=sn;import{jsx as xf}from"react/jsx-runtime";var zi="k-menu-button",Tf=[s.hover,s.focus,s.active,s.selected,s.disabled],hf={size:[d.undefined,d.small,d.medium,d.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark,N.inverse]},dn={showArrow:!0,arrowIconName:"caret-alt-down"},be=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:c,active:b,selected:T,disabled:k,icon:L,text:C,showArrow:f=dn.showArrow,arrowIconName:A=dn.arrowIconName,expanded:S,...R}=e;return xf(p,{...R,className:r(e.className,zi),text:C,size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:c,active:b,selected:T,disabled:k,icon:L,showArrow:f,arrowIconName:A,"aria-expanded":S?"true":"false",...!C&&L&&!e["aria-label"]&&{"aria-label":"Menu"},...k&&{"aria-disabled":"true"}})};be.states=Tf;be.options=hf;be.className=zi;be.defaultOptions=dn;be.moduleName=sn;be.folderName=_i;be.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."}]};import{jsx as JH}from"react/jsx-runtime";import{jsx as ZH}from"react/jsx-runtime";import{jsx as o1}from"react/jsx-runtime";var mt="menu",Et=mt;import{jsx as tr,jsxs as Ui}from"react/jsx-runtime";var cn="k-menu-item",Nf=[s.hover,s.focus,s.active,s.selected,s.disabled],gf={},Fi={iconPosition:"before"},Ue=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:i,icon:c,text:b,first:T,last:k,showArrow:L,arrowIconName:C,iconPosition:f=Fi.iconPosition,dir:A,children:S,expanded:R,...P}=e,G=C;return G\|\|(G=A==="rtl"?"caret-alt-left":"caret-alt-right"),Ui("li",{...P,className:r(e.className,cn,"k-item",I(cn,{focus:o,disabled:i,hover:t,active:a,selected:l}),{"k-first":T,"k-last":k}),role:"menuitem",...L&&{"aria-haspopup":"menu"},...L&&{"aria-expanded":R?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Ui("span",{className:r("k-link k-menu-link"),children:[c&&f==="before"&&tr(m,{className:"k-menu-link-icon",icon:c}),tr("span",{className:"k-menu-link-text",children:b}),c&&f==="after"&&tr(m,{className:"k-menu-link-icon",icon:c}),L&&tr("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:tr(m,{icon:G})})]}),S]})};Ue.states=Nf;Ue.options=gf;Ue.className=cn;Ue.defaultOptions=Fi;Ue.moduleName=mt;Ue.folderName=Et;import{jsx as or,jsxs as $i}from"react/jsx-runtime";var pn="k-menu-item",kf=[s.hover,s.focus,s.active,s.selected,s.disabled],vf={},mn={dir:"ltr",iconPosition:"before"},Ne=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:i,icon:c,text:b,first:T,last:k,showArrow:L,arrowIconName:C,iconPosition:f=mn.iconPosition,dir:A=mn.dir,children:S,popup:R,expanded:P,...G}=e,J=C;return J\|\|(J=A==="rtl"?"caret-alt-left":"caret-alt-right"),$i("li",{...G,className:r(e.className,pn,"k-item",I(pn,{focus:o,disabled:i}),{"k-first":T,"k-last":k}),role:"menuitem",...L&&{"aria-haspopup":"menu"},...L&&{"aria-expanded":P?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[$i("span",{className:r("k-link k-menu-link",I("k-menu-link",{hover:t,active:a,selected:l,disabled:i})),children:[c&&f==="before"&&or(m,{className:"k-menu-link-icon",icon:c}),or("span",{className:"k-menu-link-text",children:b}),c&&f==="after"&&or(m,{className:"k-menu-link-icon",icon:c}),L&&or("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:or(m,{icon:J})})]}),S,R]})};Ne.states=kf;Ne.options=vf;Ne.className=pn;Ne.defaultOptions=mn;Ne.moduleName=mt;Ne.folderName=Et;import{jsx as Mf}from"react/jsx-runtime";var Vi="k-menu-scroll-wrapper",Lf=[],Cf={},yf={},Ro=e=>{let{className:t,children:o,orientation:a,...l}=e;return Mf("div",{...l,className:r(t,Vi,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};Ro.states=Lf;Ro.options=Cf;Ro.className=Vi;Ro.defaultOptions=yf;Ro.moduleName=mt;Ro.folderName=Et;var Wi=Ro;import{Fragment as un,jsx as Io,jsxs as _r}from"react/jsx-runtime";var bn="k-menu",wf=[],Sf={},zr={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},He=e=>{let{children:t,orientation:o=zr.orientation,header:a=zr.header,scrollable:l,scrollButtonsPosition:i=zr.scrollButtonsPosition,wrapperStyles:c,dir:b,popup:T,contextMenu:k,...L}=e,C={horizontal:{prev:b!=="rtl"?"left":"right",next:b!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},f=Io("ul",{dir:b,...L,className:r(e.className,"k-reset",bn,{[`${bn}-${o}`]:o,"k-header":a}),role:k?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return _r(un,{children:[l?_r(Wi,{orientation:o,style:c,dir:e.dir,children:[i==="start"&&_r(un,{children:[Io(p,{fillMode:"flat",icon:`caret-alt-${C[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Io(p,{fillMode:"flat",icon:`caret-alt-${C[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&Io(p,{fillMode:"flat",icon:`caret-alt-${C[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),f,i==="end"&&_r(un,{children:[Io(p,{fillMode:"flat",icon:`caret-alt-${C[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Io(p,{fillMode:"flat",icon:`caret-alt-${C[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&Io(p,{fillMode:"flat",icon:`caret-alt-${C[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):f,T]})};He.states=wf;He.options=Sf;He.className=bn;He.defaultOptions=zr;He.moduleName=mt;He.folderName=Et;He.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[aria-haspopup]",attribute:"aria-haspopup=menu",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item[aria-haspopup]",attribute:"aria-expanded=true/false",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[aria-haspopup][aria-controls]",attribute:"aria-controls=ul.k-menu-group id",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."}]};import{jsx as Af}from"react/jsx-runtime";var fn="k-separator",Xi={orientation:"horizontal"},Zo=e=>{let{orientation:t=Xi.orientation,...o}=e;return Af("li",{...o,className:r(e.className,"k-item",fn,{[`${fn}-${t}`]:t}),role:"separator"})};Zo.className=fn;Zo.defaultOptions=Xi;Zo.moduleName=mt;Zo.folderName=Et;import{Fragment as R1,jsx as I1}from"react/jsx-runtime";import{jsx as Of}from"react/jsx-runtime";var Tn="k-menu-group",Ef=[],Rf={size:[d.undefined,d.small,d.medium,d.large]},If={},Fe=e=>{let{children:t,size:o,...a}=e;return Of("ul",{...a,className:r(e.className,Tn,E(Tn,{size:o})),role:"menu",children:t})};Fe.states=Ef;Fe.options=Rf;Fe.className=Tn;Fe.defaultOptions=If;Fe.moduleName=mt;Fe.folderName=Et;import{Fragment as Gf,jsx as jo,jsxs as Pf}from"react/jsx-runtime";var hn=e=>jo(He,{children:Pf(Gf,{children:[jo(Ue,{first:!0,text:"Item 1"}),jo(Ue,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),jo(Ue,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),jo(Ue,{text:"Item 4"}),jo(Ue,{last:!0,text:"Item 5"})]}),...e});import{Fragment as W1,jsx as $1,jsxs as V1}from"react/jsx-runtime";import{Fragment as Q1,jsx as Y1,jsxs as Z1}from"react/jsx-runtime";import{Fragment as aK,jsx as oK,jsxs as rK}from"react/jsx-runtime";import{Fragment as dK,jsx as iK,jsxs as cK}from"react/jsx-runtime";import{jsx as Oo,jsxs as _f}from"react/jsx-runtime";var Hf=He.options,Kf=He.states,Ji={...He.defaultOptions,variant:"horizontal"},Df=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Bf=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],ar=e=>{let{variant:t,modifiers:o,...a}={...Ji,...e},l={};return Object.keys(o\|\|{}).forEach(i=>{switch(i){case"scrollable":l.scrollable=!!o?.[i];break;case"opened":l.opened=!!o?.[i],l.popup=Oo(fe,{className:"k-menu-popup",children:_f(Fe,{children:[Oo(Ne,{text:"Item 1"}),Oo(Ne,{text:"Item 2"}),Oo(Zo,{}),Oo(Ne,{text:"Item 3"})]})});break}}),t==="vertical"?Oo(hn,{...a,...l,orientation:"vertical",style:{width:"200px"}}):Oo(hn,{...a,...l})};ar.options=Hf;ar.states=Kf;ar.variants=Df;ar.defaultOptions=Ji;ar.modifiers=Bf;import{Fragment as UK,jsx as _K,jsxs as zK}from"react/jsx-runtime";import{jsx as WK}from"react/jsx-runtime";import{Fragment as Vf,jsx as zt,jsxs as qi}from"react/jsx-runtime";var zf=p.states,Yi={...p.defaultOptions,variant:"text"},Uf=p.options,Ff=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],$f=[{name:"opened",title:"Opened"}],rr=e=>{let{variant:t,modifiers:o,...a}={...Yi,...e},l={},i=zt(fe,{className:"k-menu-popup",children:qi(Fe,{size:a.size,children:[zt(Ne,{first:!0,text:"Menu Item"}),zt(Ne,{text:"Menu Item"}),zt(Ne,{last:!0,text:"Menu Item"})]})}),c;switch(t){case"icon-only":c=zt("div",{children:zt(be,{...a,...l,icon:"star"})});break;case"icon-and-text":c=zt("div",{children:zt(be,{...a,...l,icon:"star",children:"Dropdown Button"})});break;default:c=zt("div",{children:zt(be,{...a,...l,children:"Dropdown Button"})});break}return qi(Vf,{children:[c,o?.opened&&i]})};rr.options=Uf;rr.states=zf;rr.variants=Ff;rr.defaultOptions=Yi;rr.modifiers=$f;var xn="split-button",Qi=xn;import{Fragment as Jf,jsx as Nn,jsxs as Zi}from"react/jsx-runtime";var gn="k-split-button",Wf=[s.hover,s.focus,s.active,s.selected,s.disabled],Xf={size:[d.undefined,d.small,d.medium,d.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark,N.inverse]},ji={arrowIconName:"caret-alt-down"},te=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:c,active:b,selected:T,disabled:k,icon:L,text:C,arrowIconName:f=ji.arrowIconName,popup:A,opened:S,popupId:R,...P}=e;return Zi(Jf,{children:[Zi("div",{...P,className:r(e.className,gn,"k-button-group",E(gn,{rounded:o})),children:[Nn(p,{text:C,icon:L,size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:c,active:b,selected:T,disabled:k,...!C&&!e.children&&L&&{"aria-label":"Action"},children:e.children}),Nn(p,{className:"k-split-button-arrow",icon:f,size:t,rounded:o,fillMode:a,disabled:k,"aria-label":"Toggle dropdown","aria-expanded":S?"true":"false","aria-controls":S?R:void 0,tabIndex:-1,...k&&{"aria-disabled":"true"}})]}),S&&A&&Nn(fe,{className:"k-menu-popup",children:A})]})};te.states=Wf;te.options=Xf;te.className=gn;te.defaultOptions=ji;te.moduleName=xn;te.folderName=Qi;te.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",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-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.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 kn=te;import{jsx as Yf}from"react/jsx-runtime";var qf="k-toolbar-separator",Ot=e=>Yf("div",{className:r(qf,e.className,"k-separator")});var qt="toolbar",fo=qt;import{Fragment as vn,jsx as oe,jsxs as ea}from"react/jsx-runtime";var Yt="k-toolbar",Qf=[s.focus],Zf={size:[d.undefined,d.small,d.medium,d.large],fillMode:[v.undefined,v.solid,v.outline,v.flat]},jf={scrollButtons:"around"},se=e=>{let{size:t,fillMode:o,focus:a,resizable:l,scrollable:i,scrollButtons:c,scrollingPosition:b,section:T,...k}=e,L=[],C=(f,A)=>{let S=[];if(f.type===p&&f.props.className&&f.props.className.includes("k-toolbar-overflow-button"))S.push(oe(p,{...f.props,className:`${f.props.className?f.props.className:""}`},`${A}-${new Date().getTime()}`));else if(f.type===p)S.push(oe(p,{...f.props,className:`k-toolbar-button ${f.props.className?f.props.className:""}`},`${A}-${new Date().getTime()}`));else if(f.type===La)S.push(oe(La,{...f.props,className:`k-toolbar-button ${f.props.className?f.props.className:""}`},`${A}-${new Date().getTime()}`));else if(f.type===oo)S.push(oe(oo,{...f.props,className:`k-toolbar-button ${f.props.className?f.props.className:""}`},`${A}-${new Date().getTime()}`));else if(f.type===be)S.push(oe(be,{...f.props,className:`k-toolbar-menu-button ${f.props.className?f.props.className:""}`},`${A}-${new Date().getTime()}`));else if(f.type===kn)S.push(oe(kn,{...f.props,className:`k-toolbar-split-button ${f.props.className?f.props.className:""}`},`${A}-${new Date().getTime()}`));else if(f.type===B\|\|f.props.className&&f.props.className.includes("k-button-group")){let R=[];(Array.isArray(f.props.children)?f.props.children:[f.props.children]).forEach((G,J)=>{R.push(oe(p,{...G.props,className:`${G.props.className?G.props.className:""}`},`${J}-${new Date().getTime()}`))}),S.push(oe(B,{...f.props,className:`k-toolbar-button-group ${f.props.className?f.props.className:""}`,children:R},`${A}-${new Date().getTime()}`))}else f.type===Ye?S.push(oe(Ye,{...f.props,className:`k-toolbar-combobox ${f.props.className?f.props.className:""}`},`${A}-${new Date().getTime()}`)):f.type===ue?S.push(oe(ue,{...f.props,className:`k-toolbar-dropdownlist ${f.props.className?f.props.className:""}`},`${A}-${new Date().getTime()}`)):f.type===ct?S.push(oe(ct,{...f.props,className:`k-toolbar-colorpicker ${f.props.className?f.props.className:""}`},`${A}-${new Date().getTime()}`)):S.push(f);S.forEach(R=>{L.push(R)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((A,S)=>{C(A,S)}),ea("div",{...k,className:r(e.className,Yt,E(Yt,{size:t,fillMode:o}),I(Yt,{focus:a}),{[`${Yt}-resizable`]:l,[`${Yt}-scrollable`]:i,[`${Yt}-scrollable-overlay`]:i&&c==="hidden",[`${Yt}-scrollable-${b}`]:b&&b!=="both",[`${Yt}-section`]:T}),role:"toolbar","aria-label":"Toolbar",children:[!i&&L,i&&c==="hidden"&&oe("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L}),i&&c==="start"&&ea(vn,{children:[ea(B,{children:[oe("span",{className:r("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:oe(m,{className:"k-button-icon",icon:"caret-alt-left"})}),oe("span",{className:r("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:oe(m,{className:"k-button-icon",icon:"caret-alt-right"})})]}),oe(Ot,{className:"k-toolbar-button-separator"}),oe("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L})]}),i&&c==="end"&&ea(vn,{children:[oe("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L}),oe(Ot,{className:"k-toolbar-button-separator"}),ea(B,{children:[oe("span",{className:r("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:oe(m,{className:"k-button-icon",icon:"caret-alt-left"})}),oe("span",{className:r("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:oe(m,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),i&&(c==="around"\|\|!c)&&ea(vn,{children:[oe("span",{className:r("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:oe(m,{className:"k-button-icon",icon:"caret-alt-left"})}),oe(Ot,{className:"k-toolbar-button-separator"}),oe("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L}),oe(Ot,{className:"k-toolbar-button-separator"}),oe("span",{className:r("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:oe(m,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};se.states=Qf;se.options=Zf;se.className=Yt;se.defaultOptions=jf;se.moduleName=qt;se.folderName=fo;se.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])[aria-controls]',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group[aria-labelledby]",attribute:"aria-labelledby=.k-toolbar-overflow-button id",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])[aria-controls]',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list[aria-labelledby]",attribute:"aria-labelledby=.k-toolbar-overflow-button id",usage:"Associates the title of the section toggle button."}]};import{jsx as aT}from"react/jsx-runtime";var ed="k-floating-toolbar",eT=[],tT={},oT={},ta=e=>{let{...t}=e;return aT("div",{...t,className:r(e.className,ed),children:e.children})};ta.states=eT;ta.options=tT;ta.className=ed;ta.defaultOptions=oT;ta.moduleName=qt;ta.folderName=fo;import{jsx as sT}from"react/jsx-runtime";var Ln="k-toolbar-item",rT=[s.focus],lT={},nT={},oa=e=>{let{focus:t,...o}=e;return sT("div",{...o,className:r(e.className,Ln,I(Ln,{focus:t})),children:e.children})};oa.states=rT;oa.options=lT;oa.className=Ln;oa.defaultOptions=nT;oa.moduleName=qt;oa.folderName=fo;import{jsx as td}from"react/jsx-runtime";var od="k-toolbar-popup",iT=[],dT={size:[d.undefined,d.small,d.medium,d.large],fillMode:[v.undefined,v.solid,v.outline,v.flat]},cT={},Go=e=>{let{size:t,fillMode:o,section:a,...l}=e;return td(fe,{...l,className:r(e.className,od),children:a?td("span",{className:r("k-toolbar-items-list",E("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};Go.states=iT;Go.options=dT;Go.className=od;Go.defaultOptions=cT;Go.moduleName=qt;Go.folderName=fo;var Ur=Go;import{jsx as qD}from"react/jsx-runtime";import{jsx as jD}from"react/jsx-runtime";import{jsx as aB}from"react/jsx-runtime";import{jsx as dB,jsxs as cB}from"react/jsx-runtime";import{jsx as bB}from"react/jsx-runtime";import{jsx as Qt,jsxs as fT}from"react/jsx-runtime";var pT=te.states,ad={...te.defaultOptions,variant:"text"},mT=te.options,uT=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],bT=[{name:"opened",title:"Opened"}],lr=e=>{let{variant:t,modifiers:o,...a}={...ad,...e},l={},i=fT(Fe,{size:a.size,children:[Qt(Ne,{first:!0,text:"Menu Item"}),Qt(Ne,{text:"Menu Item"}),Qt(Ne,{last:!0,text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(c=>{c==="opened"&&(l.opened=!!o?.[c],l.popup=o?.[c]?i:"")}),t){case"icon-only":return Qt("div",{children:Qt(te,{...a,...l,icon:"star"})});case"icon-and-text":return Qt("div",{children:Qt(te,{...a,...l,icon:"star",children:"Split Button"})});default:return Qt("div",{children:Qt(te,{...a,...l,children:"Split Button"})})}};lr.options=mT;lr.states=pT;lr.variants=uT;lr.defaultOptions=ad;lr.modifiers=bT;import{jsx as Po,jsxs as TT}from"react/jsx-runtime";var rd=e=>Po(se,{children:[Po(p,{children:"Button"},"toolbar-button"),Po(be,{text:"Menu button"},"toolbar-menu-button"),Po(te,{children:"Split button"},"toolbar-split-button"),TT(B,{children:[Po(p,{className:"k-group-start",icon:"align-left",children:"Left"}),Po(p,{icon:"align-center",children:"Center"}),Po(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as FB,jsxs as $B}from"react/jsx-runtime";import{jsx as ut,jsxs as ld}from"react/jsx-runtime";var nd=e=>ut(se,{scrollable:!0,...e,children:[ut(p,{children:"Button"},"toolbar-button"),ut(be,{text:"Menu button"},"toolbar-menu-button"),ut(te,{children:"Split button"},"toolbar-split-button"),ld(B,{children:[ut(p,{className:"k-group-start",icon:"align-left",children:"Left"}),ut(p,{icon:"align-center",children:"Center"}),ut(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),ut(p,{children:"Button"},"toolbar-button"),ut(be,{text:"Menu button"},"toolbar-menu-button"),ut(te,{children:"Split button"},"toolbar-split-button"),ld(B,{children:[ut(p,{className:"k-group-start",icon:"align-left",children:"Left"}),ut(p,{icon:"align-center",children:"Center"}),ut(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as bt,jsxs as sd}from"react/jsx-runtime";var id=({scrollingPosition:e="start",...t})=>bt(se,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[bt(p,{children:"Button"},"toolbar-button"),bt(be,{text:"Menu button"},"toolbar-menu-button"),bt(te,{children:"Split button"},"toolbar-split-button"),sd(B,{children:[bt(p,{className:"k-group-start",icon:"align-left",children:"Left"}),bt(p,{icon:"align-center",children:"Center"}),bt(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),bt(p,{children:"Button"},"toolbar-button"),bt(be,{text:"Menu button"},"toolbar-menu-button"),bt(te,{children:"Split button"},"toolbar-split-button"),sd(B,{children:[bt(p,{className:"k-group-start",icon:"align-left",children:"Left"}),bt(p,{icon:"align-center",children:"Center"}),bt(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as hT,jsx as at,jsxs as Fr}from"react/jsx-runtime";var dd=({fillMode:e,size:t,...o})=>Fr(hT,{children:[at(se,{section:!0,fillMode:e,size:t,children:[at(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Fr(B,{fillMode:e,children:[at(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),at(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),at(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),at(Ot,{className:"k-toolbar-button-separator"}),at(p,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),Fr(Ur,{size:t,fillMode:e,section:!0,...o,children:[at(te,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),at(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),at(Ot,{}),at(be,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Fr(B,{fillMode:e,children:[at(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),at(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),at(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as L_,jsx as k_,jsxs as v_}from"react/jsx-runtime";import{Fragment as G_,jsx as I_,jsxs as O_}from"react/jsx-runtime";import{jsx as To}from"react/jsx-runtime";var xT=se.options,NT=se.states,cd={...se.defaultOptions,variant:"default"},gT=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],kT=[],nr=e=>{let{variant:t,...o}={...cd,...e};switch(t){case"responsive":return To("div",{children:To(dd,{style:{width:"583px"},...o})});case"overlay":return To("div",{children:To(id,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return To("div",{children:To(nd,{style:{width:"583px"},...o})});default:return To("div",{children:To(rd,{style:{width:"583px"},...o})})}};nr.options=xT;nr.states=NT;nr.variants=gT;nr.defaultOptions=cd;nr.modifiers=kT;import{jsx as vT}from"react/jsx-runtime";var pd="k-gantt-header",aa=e=>vT(se,{...e,className:r(e.className,pd,"k-gantt-toolbar"),children:e.children});aa.className=pd;aa.moduleName=ie;aa.folderName=de;import{jsx as LT}from"react/jsx-runtime";var md="k-gantt-footer",ra=e=>LT(se,{...e,className:r(e.className,md,"k-gantt-toolbar"),children:e.children});ra.className=md;ra.moduleName=ie;ra.folderName=de;import{jsx as CT}from"react/jsx-runtime";var ud="k-gantt-content",la=e=>CT("div",{...e,className:r(e.className,ud),children:e.children});la.className=ud;la.moduleName=ie;la.folderName=de;import{jsx as yT}from"react/jsx-runtime";var bd="k-gantt-tables",na=e=>yT("div",{...e,className:r(e.className,bd),children:e.children});na.className=bd;na.moduleName=ie;na.folderName=de;var Ke="table",$e=Ke;import{jsx as AT}from"react/jsx-runtime";var fd="k-data-table",MT=[],wT={size:[d.undefined,d.small,d.medium,d.large]},ST={},Zt=e=>{let{size:t,...o}=e;return AT("div",{...o,className:r(e.className,fd,E("k-table",{size:t})),children:e.children})};Zt.states=MT;Zt.options=wT;Zt.className=fd;Zt.defaultOptions=ST;Zt.moduleName=Ke;Zt.folderName=$e;import{jsx as OT}from"react/jsx-runtime";var Cn="k-table-header-wrap",ET=[s.hover,s.focus,s.disabled],RT={},IT={},ho=e=>{let{children:t,hover:o,focus:a,disabled:l,...i}=e;return OT("div",{...i,className:r(e.className,Cn,I(Cn,{hover:o,focus:a,disabled:l})),children:t})};ho.states=ET;ho.options=RT;ho.className=Cn;ho.defaultOptions=IT;ho.moduleName=Ke;ho.folderName=$e;import{jsx as KT}from"react/jsx-runtime";var yn="k-table",GT=[],PT={size:[d.undefined,d.small,d.medium,d.large]},HT={},ge=e=>{let{size:t,...o}=e;return KT("table",{...o,className:r(e.className,yn,E(yn,{size:t})),children:e.children})};ge.states=GT;ge.options=PT;ge.className=yn;ge.defaultOptions=HT;ge.moduleName=Ke;ge.folderName=$e;import{jsx as Mn}from"react/jsx-runtime";var wn="k-table-header",DT=[s.hover,s.focus,s.disabled],BT={},_T={},jt=e=>{let{children:t,hover:o,focus:a,disabled:l,...i}=e;return Mn("div",{...i,className:r(e.className,wn,I(wn,{hover:o,focus:a,disabled:l})),children:Mn(ho,{children:Mn(ge,{children:t})})})};jt.states=DT;jt.options=BT;jt.className=wn;jt.defaultOptions=_T;jt.moduleName=Ke;jt.folderName=$e;import{jsx as $T}from"react/jsx-runtime";var Td="k-table-scroller",zT=[],UT={},FT={},sa=e=>{let{children:t,...o}=e;return $T("div",{...o,className:r(e.className,Td),children:t})};sa.states=zT;sa.options=UT;sa.className=Td;sa.defaultOptions=FT;sa.moduleName=Ke;sa.folderName=$e;import{jsx as q2}from"react/jsx-runtime";import{jsx as JT}from"react/jsx-runtime";var hd="k-table-footer",VT=[],WT={},XT={},xo=e=>{let{children:t,...o}=e;return JT("div",{...o,className:r(e.className,hd),children:t})};xo.states=VT;xo.options=WT;xo.className=hd;xo.defaultOptions=XT;xo.moduleName=Ke;xo.folderName=$e;import{jsx as ZT}from"react/jsx-runtime";var Sn="k-table-list",qT=[],YT={size:[d.undefined,d.small,d.medium,d.large]},QT={},No=e=>{let{size:t,virtualization:o,...a}=e;return ZT("ul",{...a,className:r(e.className,"k-table",Sn,E(Sn,{size:t}),{"k-virtual-table":o}),children:e.children})};No.states=qT;No.options=YT;No.className=Sn;No.defaultOptions=QT;No.moduleName=Ke;No.folderName=$e;import{jsx as eh}from"react/jsx-runtime";var jT="k-table-thead",$=e=>eh("thead",{className:r(e.className,jT),children:e.children});import{jsx as oh}from"react/jsx-runtime";var th="k-table-tbody",V=e=>oh("tbody",{className:r(e.className,th),children:e.children});import{jsx as u3}from"react/jsx-runtime";import{jsx as rh}from"react/jsx-runtime";var An="k-table-row",ah=[s.hover,s.focus,s.selected,s.disabled,s.highlighted],x=e=>{let{hover:t,focus:o,selected:a,highlighted:l,disabled:i,alt:c,...b}=e;return rh("tr",{...b,className:r(e.className,An,{"k-table-alt-row":c},I(An,{hover:t,focus:o,disabled:i,selected:a,highlighted:l})),children:e.children})};x.states=ah;x.className=An;import{jsx as nh}from"react/jsx-runtime";var En="k-table-row",lh=[s.hover,s.focus,s.selected,s.disabled],$r=e=>{let{hover:t,focus:o,selected:a,disabled:l,alt:i,...c}=e;return nh("li",{...c,className:r(e.className,En,{"k-table-alt-row":i},I(En,{hover:t,focus:o,disabled:l,selected:a})),children:e.children})};$r.states=lh;$r.className=En;import{jsx as sh}from"react/jsx-runtime";var xd="k-table-th",eo=e=>{let{text:t,colspan:o,rowspan:a,...l}=e,i=t\|\|e.children;return sh("th",{colSpan:o,rowSpan:a,...l,className:r(e.className,xd),children:i})};eo.className=xd;eo.moduleName=Ke;eo.folderName=$e;import{jsx as w3}from"react/jsx-runtime";import{jsx as dh}from"react/jsx-runtime";var Rn="k-table-td",ih=[s.focus,s.selected,s.highlighted],n=e=>{let{focus:t,selected:o,highlighted:a,text:l,colspan:i,rowspan:c,...b}=e,T=l\|\|e.children;return dh("td",{colSpan:i,rowSpan:c,...b,className:r(e.className,Rn,I(Rn,{focus:t,selected:o,highlighted:a})),children:T})};n.states=ih;n.className=Rn;import{jsx as G3}from"react/jsx-runtime";import{jsx as D3}from"react/jsx-runtime";import{jsx as U3}from"react/jsx-runtime";import{jsx as W3}from"react/jsx-runtime";import{jsx as Y3}from"react/jsx-runtime";import{jsx as a5,jsxs as r5}from"react/jsx-runtime";import{jsx as i5,jsxs as d5}from"react/jsx-runtime";import{jsx as u5,jsxs as b5}from"react/jsx-runtime";import{Fragment as g5,jsx as x5,jsxs as N5}from"react/jsx-runtime";import{jsx as uh}from"react/jsx-runtime";var gd="k-gantt-columns",ia=e=>uh(ge,{...e,className:r(e.className,gd),children:e.children});ia.className=gd;ia.moduleName=ie;ia.folderName=de;import{jsx as bh}from"react/jsx-runtime";var kd="k-gantt-rows",da=e=>bh(ge,{...e,className:r(e.className,kd),children:e.children});da.className=kd;da.moduleName=ie;da.folderName=de;import{jsx as fh}from"react/jsx-runtime";var vd="k-gantt-tasks",ca=e=>fh(ge,{...e,className:r(e.className,vd),children:e.children});ca.className=vd;ca.moduleName=ie;ca.folderName=de;import{jsx as xh}from"react/jsx-runtime";var Ld="k-task",Th=[],hh={},Cd={type:"single"},ft=e=>{let{type:t=Cd.type,...o}=e;return xh("div",{...o,className:r(e.className,Ld,{"k-task-single":t==="single","k-task-milestone":t==="milestone","k-task-summary":t==="summary"})})};ft.states=Th;ft.options=hh;ft.className=Ld;ft.defaultOptions=Cd;ft.moduleName=ie;ft.folderName=de;import{jsx as kh}from"react/jsx-runtime";var yd="k-task-wrap",Nh=[],gh={},Md={type:"single"},Tt=e=>{let{type:t=Md.type,...o}=e;return kh("div",{...o,className:r(e.className,yd,{"k-milestone-wrap":t==="milestone","k-summary-wrap":t==="summary"})})};Tt.states=Nh;Tt.options=gh;Tt.className=yd;Tt.defaultOptions=Md;Tt.moduleName=ie;Tt.folderName=de;import{jsx as Ch}from"react/jsx-runtime";var wd="k-task-dot",vh=[],Lh={},Sd={position:"start"},Ie=e=>{let{position:t=Sd.position,...o}=e;return Ch("div",{...o,className:r(e.className,wd,{"k-task-start":t==="start","k-task-end":t==="end"})})};Ie.states=vh;Ie.options=Lh;Ie.className=wd;Ie.defaultOptions=Sd;Ie.moduleName=ie;Ie.folderName=de;import{jsx as pa,jsxs as Sh}from"react/jsx-runtime";var Ad="k-task-content",yh=[],Mh={},wh={},Ut=e=>{let{content:t,...o}=e;return Sh("div",{...o,className:r(e.className,Ad),children:[t&&pa("div",{className:"k-task-template",children:t}),pa("span",{className:"k-task-actions",children:pa("a",{className:"k-link k-task-delete",children:pa(m,{icon:"x"})})}),pa("span",{className:"k-resize-handle k-resize-w"}),pa("span",{className:"k-resize-handle k-resize-e"})]})};Ut.states=yh;Ut.options=Mh;Ut.className=Ad;Ut.defaultOptions=wh;Ut.moduleName=ie;Ut.folderName=de;import{jsx as Rh}from"react/jsx-runtime";var Ed="k-gantt-line",Ah=[],Eh={},Rd={orientation:"horizontal"},ke=e=>{let{orientation:t=Rd.orientation,...o}=e;return Rh("div",{...o,className:r(e.className,Ed,{"k-gantt-line-h":t==="horizontal","k-gantt-line-v":t==="vertical"})})};ke.states=Ah;ke.options=Eh;ke.className=Ed;ke.defaultOptions=Rd;ke.moduleName=ie;ke.folderName=de;var ae="grid",le=ae;import{jsx as Ph,jsxs as Hh}from"react/jsx-runtime";var Vr="k-grid",Ih=[],Oh={size:[d.undefined,d.small,d.medium,d.large]},Gh=[],Id={pagerPosition:"bottom"},q=e=>{let{size:t,pagerPosition:o=Id.pagerPosition,toolbar:a,pager:l,groupingHeader:i,gridSelectionAggregates:c,_renderAriaRoot:b,resizable:T,...k}=e;return Hh("div",{...k,className:r(e.className,Vr,{[`${Vr}-resizable`]:T},E(Vr,{size:t})),children:[a,o==="top"&&l,i,e.children&&b?Ph("div",{className:"k-grid-aria-root",children:e.children}):e.children,c,o==="bottom"&&l]})};q.states=Ih;q.options=Oh;q.variants=Gh;q.className=Vr;q.defaultOptions=Id;q.moduleName=ae;q.folderName=le;import{jsx as Kh}from"react/jsx-runtime";var Od="k-grid-header",W=e=>{let{draggable:t,...o}=e;return Kh("div",{...o,className:r(e.className,Od,{"k-grid-draggable-header":t}),children:e.children})};W.className=Od;W.moduleName=ae;W.folderName=le;import{jsx as Gd,jsxs as Dh}from"react/jsx-runtime";var Pd="k-grouping-header",go=e=>{let{dropHint:t,dropClue:o,...a}=e;return Dh("div",{...a,className:r(e.className,Pd),children:[o&&Gd("div",{className:"k-grouping-dropclue"}),e.children,Gd("div",{className:"k-grouping-drop-container",children:t})]})};go.className=Pd;go.moduleName=ae;go.folderName=le;import{jsx as Bh}from"react/jsx-runtime";var Hd="k-grid-sticky-container",Kd={position:"top"},Wr=e=>{let{position:t=Kd.position,...o}=e;return Bh("div",{...o,className:r(e.className,Hd,{"k-grid-sticky-top-container":t==="top","k-grid-sticky-bottom-container":t==="bottom"}),children:e.children})};Wr.className=Hd;Wr.defaultProps=Kd;Wr.moduleName=ae;Wr.folderName=le;import{jsx as _h}from"react/jsx-runtime";var Dd="k-grid-header-table",X=e=>_h(ge,{...e,className:r(e.className,Dd),children:e.children});X.className=Dd;X.moduleName=ae;X.folderName=le;import{jsx as ko,jsxs as In}from"react/jsx-runtime";var On="k-header",zh=[s.hover,s.focus,s.active],Bd={sortIcon:"sort-asc-small"},M=e=>{let{menu:t,sortable:o,filterable:a,sticky:l,resizable:i,columnTitle:c,hover:b,focus:T,active:k,sortIcon:L=Bd.sortIcon,sortOrder:C,accessibleLabel:f,...A}=e;return In(eo,{...A,className:r(e.className,On,{"k-filterable":t\|\|a,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":i},I(On,{hover:b,focus:T,active:k})),children:[c&&In("span",{className:"k-cell-inner",children:[In("span",{className:"k-link",children:[ko("span",{className:"k-column-title",children:c}),o&&ko("span",{className:"k-sort-icon",children:ko(m,{icon:L})}),C&&ko("span",{className:"k-sort-order",children:C})]}),t&&ko("a",{href:"#",className:r("k-grid-header-menu",{"k-active":k,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:ko(m,{icon:t==="filter"?"filter":"more-vertical"})})]}),!c&&f&&ko("span",{className:"k-sr-only",children:f}),e.children,i&&ko("span",{className:"k-column-resizer k-touch-action-none"})]})};M.states=zh;M.className=On;M.defaultOptions=Bd;M.moduleName=ae;M.folderName=le;import{jsx as Uh}from"react/jsx-runtime";var _d="k-grid-container",re=e=>Uh("div",{...e,className:r(e.className,_d),children:e.children});re.className=_d;re.moduleName=ae;re.folderName=le;import{jsx as Fh}from"react/jsx-runtime";var zd="k-grid-content",Q=e=>Fh("div",{...e,className:r(e.className,zd),children:e.children});Q.className=zd;Q.moduleName=ae;Q.folderName=le;import{jsx as $h}from"react/jsx-runtime";var Ud="k-grid-table",j=e=>$h(ge,{...e,className:r(e.className,Ud),children:e.children});j.className=Ud;j.moduleName=ae;j.folderName=le;import{jsx as Vh}from"react/jsx-runtime";var Fd="k-grid-footer",Gn=e=>Vh("div",{...e,className:r(e.className,Fd),children:e.children});Gn.className=Fd;Gn.moduleName=ae;Gn.folderName=le;import{jsx as Wh}from"react/jsx-runtime";var $d="k-grid-footer-table",Pn=e=>Wh(ge,{...e,className:r(e.className,$d),children:e.children});Pn.className=$d;Pn.moduleName=ae;Pn.folderName=le;var Hn="pager",Vd=Hn;import{Fragment as Wd,jsx as rt,jsxs as ma}from"react/jsx-runtime";var Xr="k-pager",Xh=[s.focus,s.disabled],Jh={size:[d.undefined,d.small,d.medium,d.large]},ht={responsive:!0,pagerSizeInfo:!0,pageTitleInfo:!0,maxPagesInfo:!0,type:"numeric",pageSizes:!0,refresh:!0,previousNext:!0,info:"1 - 5 of 20 items",itemsPerPage:5,maxPages:6,currentPage:1},ve=e=>{let{responsive:t=ht.responsive,size:o,pagerSizeInfo:a=ht.pagerSizeInfo,pageTitleInfo:l=ht.pageTitleInfo,maxPagesInfo:i=ht.maxPagesInfo,itemsPerPage:c=ht.itemsPerPage,maxPages:b=ht.maxPages,currentPage:T=ht.currentPage,previousNext:k=ht.previousNext,type:L=ht.type,pageSizes:C=ht.pageSizes,refresh:f=ht.refresh,info:A=ht.info,focus:S,disabled:R,dir:P,...G}=e,J=[],xe=[];for(let Me=1;Me<=b;Me++)J.push(rt(p,{selected:Me===T,fillMode:"flat",themeColor:"primary",size:o,children:Me})),xe.push(rt("option",{selected:Me===T,children:Me}));return ma("div",{dir:P,...G,className:r(e.className,Xr,E(Xr,{size:o}),I(Xr,{focus:S,disabled:R}),{"k-pager-responsive":t}),children:[ma("div",{className:r("k-pager-numbers-wrap"),children:[k&&ma(Wd,{children:[rt(p,{className:r("k-pager-nav","k-pager-first"),disabled:T===1&&!R,fillMode:"flat",size:o,icon:P==="rtl"?"caret-alt-to-right":"caret-alt-to-left"}),rt(p,{className:r("k-pager-nav"),disabled:T===1&&!R,fillMode:"flat",size:o,icon:P==="rtl"?"caret-alt-right":"caret-alt-left"})]}),L==="numeric"&&rt("div",{className:r("k-pager-numbers"),children:J}),L==="input"&&ma("span",{className:r("k-pager-input"),children:[l&&rt("span",{children:"Page"}),rt(Y,{value:`${T}`,size:o,showSpinButton:!1,showClearButton:!1}),rt("span",{children:i&&`of ${b}`})]}),k&&ma(Wd,{children:[rt(p,{className:r("k-pager-nav"),disabled:T===b&&!R,fillMode:"flat",size:o,icon:P==="rtl"?"caret-alt-left":"caret-alt-right"}),rt(p,{className:r("k-pager-nav","k-pager-last"),disabled:T===b&&!R,fillMode:"flat",size:o,icon:P==="rtl"?"caret-alt-to-left":"caret-alt-to-right"})]})]}),C&&ma("span",{className:r("k-pager-sizes"),children:[rt(ue,{value:`${c}`,size:o}),a&&rt("span",{children:"items per page"})]}),f&&rt(p,{className:r("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw"}),A&&rt("span",{className:r("k-pager-info"),children:A})]})};ve.states=Xh;ve.options=Jh;ve.className=Xr;ve.defaultOptions=ht;ve.moduleName=Hn;ve.folderName=Vd;import{jsx as F6}from"react/jsx-runtime";import{jsx as X6}from"react/jsx-runtime";import{jsx as Q6}from"react/jsx-runtime";import{jsx as Xd}from"react/jsx-runtime";var qh=ve.options,Yh=ve.states,Qh={...ve.defaultOptions,variant:"numeric"},Zh=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],jh=[],sr=e=>{let{variant:t,...o}=e;return t==="input"?Xd(ve,{...o,type:"input"}):Xd(ve,{...o,type:"numeric"})};sr.options=qh;sr.states=Yh;sr.variants=Zh;sr.defaultOptions=Qh;sr.modifiers=jh;import{jsx as ex}from"react/jsx-runtime";var Jd="k-grid-pager",Ft=e=>ex(ve,{...e,className:r(e.className,Jd),children:e.children});Ft.className=Jd;Ft.moduleName=ae;Ft.folderName=le;import{jsx as tx}from"react/jsx-runtime";var qd="k-grid-toolbar",to=e=>tx(se,{...e,className:r(e.className,qd),children:e.children});to.className=qd;to.moduleName=ae;to.folderName=le;import{jsx as Kn,jsxs as ax}from"react/jsx-runtime";var Dn="k-grid-stack-cell",ox=[s.focus,s.selected],Jr=e=>{let{cellHeader:t,cellContent:o,edit:a,commandCell:l,dirty:i,focus:c,selected:b,...T}=e;return ax("div",{...T,className:r(e.className,Dn,{"k-grid-stack-edit-cell":a,"k-command-cell":l,"k-dirty-cell":i},I(Dn,{focus:c,selected:b})),children:[i&&Kn("span",{className:"k-dirty"}),t&&Kn("div",{className:"k-grid-stack-header",children:t}),Kn("div",{className:"k-grid-stack-content",children:o}),e.children]})};Jr.states=ox;Jr.className=Dn;Jr.moduleName=ae;Jr.folderName=le;import{jsx as rx}from"react/jsx-runtime";var Yd="k-grid-stack-row",qr=e=>{let{cols:t,...o}=e;return rx("div",{...o,className:r(e.className,Yd,{[`k-grid-cols-${t}`]:t}),children:e.children})};qr.className=Yd;qr.moduleName=ae;qr.folderName=le;import{Fragment as G7,jsx as I7,jsxs as O7}from"react/jsx-runtime";import{Fragment as z7,jsx as B7,jsxs as _7}from"react/jsx-runtime";import{Fragment as J7,jsx as W7,jsxs as X7}from"react/jsx-runtime";import{Fragment as lx,jsx as w,jsxs as he}from"react/jsx-runtime";var Qd=({contentClassName:e,...t})=>w(q,{_renderAriaRoot:!0,pager:w(Ft,{refresh:!1}),children:he(lx,{children:[w(W,{children:w("div",{className:"k-grid-header-wrap",children:he(X,{children:[he("colgroup",{children:[w("col",{}),w("col",{style:{width:"225px"}}),w("col",{}),w("col",{}),w("col",{})]}),he($,{children:[he(x,{children:[w(M,{rowspan:1,colspan:1,columnTitle:"Product Id"}),w(M,{rowspan:1,colspan:1,columnTitle:"Name"}),w(M,{rowspan:1,colspan:1,columnTitle:"Quantity"}),w(M,{rowspan:1,colspan:1,columnTitle:"Unit Price"}),w(M,{rowspan:1,colspan:1,columnTitle:"Discontinued"})]}),he(x,{className:"k-filter-row",children:[w(n,{children:w("div",{className:"k-filtercell",children:he("div",{className:"k-filtercell-wrapper",children:[w(Y,{}),he("div",{className:"k-filtercell-operator",children:[w(ue,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",w(p,{disabled:!0,icon:"filter-clear"})]})]})})}),w(n,{children:w("div",{className:"k-filtercell",children:he("div",{className:"k-filtercell-wrapper",children:[w(me,{}),he("div",{className:"k-filtercell-operator",children:[w(ue,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",w(p,{disabled:!0,icon:"filter-clear"})]})]})})}),w(n,{children:w("div",{className:"k-filtercell",children:he("div",{className:"k-filtercell-wrapper",children:[w(me,{}),he("div",{className:"k-filtercell-operator",children:[w(ue,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",w(p,{disabled:!0,icon:"filter-clear"})]})]})})}),w(n,{children:w("div",{className:"k-filtercell",children:he("div",{className:"k-filtercell-wrapper",children:[w(Y,{}),he("div",{className:"k-filtercell-operator",children:[w(ue,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",w(p,{disabled:!0,icon:"filter-clear"})]})]})})}),w(n,{children:w("div",{className:"k-filtercell",children:he("div",{className:"k-filtercell-wrapper",children:[w(ue,{}),w("div",{className:"k-filtercell-operator",children:w(p,{disabled:!0,icon:"filter-clear"})})]})})})]})]})]})})}),w(re,{children:w(Q,{className:e,children:he(j,{children:[he("colgroup",{children:[w("col",{}),w("col",{style:{width:"225px"}}),w("col",{}),w("col",{}),w("col",{})]}),he(V,{children:[he(x,{className:"k-master-row",children:[w(n,{children:"1"}),w(n,{children:"Chai"}),w(n,{children:"10 boxes x 20 bags"}),w(n,{children:"18"}),w(n,{children:"false"})]}),he(x,{className:"k-master-row",alt:!0,children:[w(n,{children:"2"}),w(n,{children:"Chang"}),w(n,{children:"24 - 12 oz bottles"}),w(n,{children:"19"}),w(n,{children:"false"})]}),he(x,{className:"k-master-row",children:[w(n,{children:"3"}),w(n,{children:"Aniseed Syrup"}),w(n,{children:"12 - 550 ml bottles"}),w(n,{children:"10"}),w(n,{children:"false"})]}),he(x,{className:"k-master-row",alt:!0,children:[w(n,{children:"4"}),w(n,{children:"Chef Anton's Cajun Seasoning"}),w(n,{children:"48 - 6 oz jars"}),w(n,{children:"22"}),w(n,{children:"false"})]}),he(x,{className:"k-master-row",children:[w(n,{children:"5"}),w(n,{children:"Grandma's Boysenberry Spread"}),w(n,{children:"12 - 8 oz jars"}),w(n,{children:"25"}),w(n,{children:"false"})]})]})]})})})]}),...t});import{jsx as Yr}from"react/jsx-runtime";var nx="k-chip-action";var Ae=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=Yr(m,{icon:"x-circle",size:"small"});break;case"more":a=Yr(m,{icon:"more-vertical",size:"small"});break;default:return Yr(m,{icon:t,size:"small"})}return Yr("span",{...o,className:r(e.className,nx,`k-chip-${t}-action`),children:a})};var Bn="avatar",Zd=Bn;import{jsx as jd}from"react/jsx-runtime";var ir="k-avatar";var sx=[s.hover,s.focus,s.active,s.selected,s.disabled],ix={size:[d.undefined,d.small,d.medium,d.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[v.undefined,v.solid,v.outline],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark,N.inverse]},_n={type:"text",border:!1},lt=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,type:i=_n.type,border:c=_n.border,...b}=e;return jd("div",{...b,className:r(e.className,ir,E(ir,{size:t,rounded:o,fillMode:a,themeColor:l}),{[`${ir}-bordered`]:c}),children:jd("span",{className:`${ir}-${i}`,children:e.children})})};lt.states=sx;lt.options=ix;lt.className=ir;lt.defaultOptions=_n;lt.moduleName=Bn;lt.folderName=Zd;lt.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var Ho=lt;import{jsx as dx}from"react/jsx-runtime";var ec=e=>dx(Ho,{type:"icon",...e});import{jsx as cx}from"react/jsx-runtime";var tc=e=>cx(Ho,{type:"text",...e});import{jsx as px}from"react/jsx-runtime";var oc=e=>px(Ho,{type:"image",...e});import{jsx as C9}from"react/jsx-runtime";import{jsx as dr}from"react/jsx-runtime";var mx=lt.options,ux=lt.states,bx={...lt.defaultOptions,variant:"image"},fx=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],Tx=[],cr=e=>{let{variant:t,...o}=e;switch(t){case"icon":return dr(ec,{...o,children:dr(m,{icon:"star"})});case"text":return dr(tc,{...o,children:"JO"});default:return dr(oc,{...o,children:dr("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};cr.options=mx;cr.states=ux;cr.variants=fx;cr.defaultOptions=bx;cr.modifiers=Tx;var pr="chip",Qr=pr;import{jsx as ua,jsxs as Nx}from"react/jsx-runtime";var Zr="k-chip",hx=[s.hover,s.focus,s.active,s.selected,s.disabled],xx={size:[d.undefined,d.small,d.medium,d.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[v.undefined,v.solid,v.outline],themeColor:[N.undefined,N.base,N.success,N.warning,N.error,N.info]},ac={avatarImage:"/packages/html/assets/avatar.jpg"},Ee=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,text:i,icon:c,actions:b,showAvatar:T,avatarImage:k=ac.avatarImage,hover:L,focus:C,active:f,selected:A,disabled:S,...R}=e;return Nx("div",{...R,className:r(e.className,Zr,E(Zr,{size:t,rounded:o,fillMode:a,themeColor:l}),I(Zr,{hover:L,focus:C,active:f,disabled:S,selected:A})),role:e.role\|\|"button","aria-pressed":e.role==="option"?void 0:A?"true":"false","aria-selected":e.role==="option"?A?"true":"false":void 0,"aria-disabled":S?"true":void 0,children:[c&&ua(m,{className:"k-chip-icon",icon:c,size:"small"}),T&&ua(lt,{className:"k-chip-avatar",type:"image",children:ua("img",{src:k,alt:""})}),ua("span",{className:"k-chip-content",children:e.children?e.children:i&&ua("span",{className:"k-chip-label",children:i})}),b&&ua("span",{className:"k-chip-actions",children:b})]})};Ee.states=hx;Ee.options=xx;Ee.className=Zr;Ee.defaultOptions=ac;Ee.moduleName=pr;Ee.folderName=Qr;Ee.ariaSpec={selector:".k-chip",rules:[{selector:":not(.k-chip-list) > .k-chip",attribute:"role=button",usage:"Announces that the chip acts as a button when standalone."},{selector:":not(.k-chip-list) > .k-chip.k-selected",attribute:"aria-pressed=true",usage:"Announces that the Chip has been selected."},{selector:"*:not(.k-chip-list) > .k-chip:not(.k-selected)",attribute:"aria-pressed=false",usage:"Announces that the Chip has not been selected."},{selector:".k-chip",attribute:"aria-disabled=true (when disabled)",usage:"Announces that the Chip is disabled."}]};var Rt=Ee;import{jsx as Lx}from"react/jsx-runtime";var zn="k-chip-list",gx=[],kx={size:[d.undefined,d.small,d.medium,d.large]},vx={},Re=e=>{let{size:t,multiselectable:o,ariaLabel:a,...l}=e;return Lx("div",{...l,className:r(e.className,zn,E(zn,{size:t})),role:"listbox","aria-label":a\|\|"chip list","aria-orientation":"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};Re.states=gx;Re.options=kx;Re.className=zn;Re.defaultOptions=vx;Re.moduleName=pr;Re.folderName=Qr;Re.ariaSpec={selector:".k-chip-list",rules:[{selector:".k-chip-list",attribute:"role=listbox",usage:"Announces the list role of the chip list."},{selector:".k-chip-list",attribute:"aria-label or aria-labelledby",usage:"Adds label to the ChipList element. ListBox element requires an accessible name."},{selector:".k-chip-list",attribute:"aria-orientation=horizontal",usage:"Specifies the horizontal orientation of the chiplist."},{selector:".k-chip-list",attribute:"aria-multiselectable=true (when multiple selection)",usage:"Announces the multiple selection ability of the chiplist."},{selector:".k-chip-list .k-chip",attribute:"role=option",usage:"Announces the chip is an option inner component of the chip list."},{selector:".k-chip-list .k-chip.k-selected",attribute:"aria-selected=true",usage:"Announces the chip is selected."},{selector:".k-chip-list .k-chip:not(.k-selected)",attribute:"aria-selected=false",usage:"Announces the chip is not selected."},{selector:".k-chip-list .k-chip:has(.k-i-x-circle), .k-chip-list .k-chip:has(.k-svg-i-x-circle)",attribute:"aria-keyshortcuts=Enter Delete",usage:"Announces the Delete action along with the default Enter key."}]};import{jsx as eU}from"react/jsx-runtime";import{jsx as rU}from"react/jsx-runtime";import{jsx as Cx}from"react/jsx-runtime";var jr=e=>Cx(Rt,{text:"text",...e});import{jsx as mU}from"react/jsx-runtime";import{jsx as TU}from"react/jsx-runtime";import{Fragment as vU,jsx as kU,jsxs as LU}from"react/jsx-runtime";import{jsx as SU,jsxs as AU}from"react/jsx-runtime";import{jsx as GU,jsxs as PU}from"react/jsx-runtime";import{jsx as zU,jsxs as UU}from"react/jsx-runtime";import{jsx as ba,jsxs as Ex}from"react/jsx-runtime";var yx={...Rt.options,...Re.options},Mx=[],wx=Re.states,Sx={...Rt.defaultOptions,...Re.defaultOptions},Ax=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],mr=e=>{let{modifiers:t,className:o,...a}=e,l=t?.icon,i=t?.actions,c=t?.avatar;return Ex(Re,{size:a.size,className:o,children:[ba(jr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?ba(Ae,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),ba(jr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?ba(Ae,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),ba(jr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?ba(Ae,{type:"remove"}):void 0,showAvatar:c,children:"Chip"})]})};mr.options=yx;mr.states=wx;mr.variants=Mx;mr.defaultOptions=Sx;mr.modifiers=Ax;import{jsx as Un}from"react/jsx-runtime";var Rx=Ee.states,Ix=Ee.defaultOptions,Ox=Ee.options,Gx=[],Px=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],ur=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"icon":a.icon=t?.[l]?"arrow-down":void 0;break;case"avatar":a.showAvatar=!!t?.[l],a.avatarImage=t?.[l]?"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg":void 0;break;case"more-options":a.actions\|\|(a.actions=[]),a.actions[0]=t?.[l]?Un(Ae,{type:"more"}):void 0;break;case"remove-icon":a.actions\|\|(a.actions=[]),a.actions[1]=t?.[l]?Un(Ae,{type:"remove"}):void 0;break;default:break}}),Un(Ee,{...o,...a,children:"Chip component"})};ur.options=Ox;ur.states=Rx;ur.variants=Gx;ur.defaultOptions=Ix;ur.modifiers=Px;import{Fragment as Fn,jsx as H,jsxs as Qe}from"react/jsx-runtime";var rc=({dropClue:e,contentClassName:t,...o})=>H(q,{_renderAriaRoot:!0,groupingHeader:H(go,{dropClue:e,children:Qe(Re,{children:[H(Ee,{icon:"sort-asc-small",text:"ID",actions:Qe(Fn,{children:[H(Ae,{type:"more"}),H(Ae,{type:"remove"})]})}),H(Ee,{icon:"sort-desc-small",text:"Name",actions:Qe(Fn,{children:[H(Ae,{type:"more"}),H(Ae,{type:"remove"})]})})]})}),children:Qe(Fn,{children:[H(W,{draggable:!0,children:H("div",{className:"k-grid-header-wrap",children:Qe(X,{children:[Qe("colgroup",{children:[H("col",{className:"k-group-col"}),H("col",{className:"k-group-col"}),H("col",{}),H("col",{}),H("col",{}),H("col",{})]}),H($,{children:Qe(x,{children:[H(M,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),H(M,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),H(M,{colspan:1,columnTitle:"ID"}),H(M,{colspan:1,columnTitle:"Name"}),H(M,{colspan:1,columnTitle:"Price"}),H(M,{colspan:1,columnTitle:"Category"})]})})]})})}),H(re,{children:H(Q,{className:t,children:Qe(j,{children:[Qe("colgroup",{children:[H("col",{className:"k-group-col"}),H("col",{className:"k-group-col"}),H("col",{}),H("col",{}),H("col",{}),H("col",{})]}),Qe(V,{children:[H(x,{className:"k-table-group-row k-grouping-row",children:H(n,{colspan:6,children:Qe("p",{className:"k-reset",children:[H(m,{icon:"caret-alt-right"}),"ID: 1"]})})}),H(x,{className:"k-table-group-row k-grouping-row",children:H(n,{colspan:6,children:Qe("p",{className:"k-reset",children:[H(m,{icon:"caret-alt-down"}),"ID: 2"]})})}),Qe(x,{className:"k-table-group-row k-grouping-row",children:[H(n,{className:"k-table-group-td k-group-cell"}),H(n,{colspan:5,children:Qe("p",{className:"k-reset",children:[H(m,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),Qe(x,{className:"k-master-row",alt:!0,children:[H(n,{className:"k-table-group-td k-group-cell"}),H(n,{className:"k-table-group-td k-group-cell"}),H(n,{colspan:0,children:"2"}),H(n,{colspan:0,children:"Chang"}),H(n,{colspan:0,children:"$19.00"}),H(n,{colspan:0,children:"Beverages"})]})]})]})})})]}),...o});import{Fragment as E4,jsx as S4,jsxs as A4}from"react/jsx-runtime";import{Fragment as D4,jsx as H4,jsxs as K4}from"react/jsx-runtime";import{Fragment as V4,jsx as F4,jsxs as $4}from"react/jsx-runtime";import{Fragment as Hx,jsx as z,jsxs as Ze}from"react/jsx-runtime";var lc=({headerWrapClassName:e,contentClassName:t,...o})=>z(q,{_renderAriaRoot:!0,children:Ze(Hx,{children:[z(W,{children:z("div",{className:`k-grid-header-wrap ${e}`,children:Ze(X,{children:[Ze("colgroup",{children:[z("col",{}),z("col",{}),z("col",{}),z("col",{})]}),Ze($,{children:[Ze(x,{children:[z(M,{rowspan:3,colspan:1,columnTitle:"ID"}),z(M,{rowspan:1,colspan:3,columnTitle:"Product Information"})]}),Ze(x,{children:[z(M,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first"}),z(M,{rowspan:1,colspan:2,columnTitle:"Unit"})]}),Ze(x,{children:[z(M,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first"}),z(M,{rowspan:1,colspan:1,columnTitle:"Units Price"})]})]})]})})}),z(re,{children:z(Q,{className:t,children:Ze(j,{children:[Ze("colgroup",{children:[z("col",{}),z("col",{}),z("col",{}),z("col",{})]}),Ze(V,{children:[Ze(x,{className:"k-master-row",children:[z(n,{children:"1"}),z(n,{children:"Chai"}),z(n,{children:"39"}),z(n,{children:"18"})]}),Ze(x,{className:"k-master-row",alt:!0,children:[z(n,{children:"2"}),z(n,{children:"Chang"}),z(n,{children:"17"}),z(n,{children:"19"})]}),Ze(x,{className:"k-master-row",children:[z(n,{children:"3"}),z(n,{children:"Aniseed Syrup"}),z(n,{children:"13"}),z(n,{children:"10"})]}),Ze(x,{className:"k-master-row",alt:!0,children:[z(n,{children:"4"}),z(n,{children:"Chef Anton's Cajun Seasoning"}),z(n,{children:"53"}),z(n,{children:"22"})]}),Ze(x,{className:"k-master-row",children:[z(n,{children:"5"}),z(n,{children:"Chef Anton's Gumbo Mix"}),z(n,{children:"0"}),z(n,{children:"21.35"})]})]})]})})})]}),...o});import{Fragment as aF,jsx as tF,jsxs as oF}from"react/jsx-runtime";import{Fragment as cF,jsx as iF,jsxs as dF}from"react/jsx-runtime";import{Fragment as Kx,jsx as _,jsxs as It}from"react/jsx-runtime";var nc=e=>_(q,{_renderAriaRoot:!0,toolbar:It(to,{children:[_(p,{children:"Add new"}),_(p,{children:"Save Changes"}),_(p,{children:"Cancel Changes"})]}),children:It(Kx,{children:[_(W,{children:_("div",{className:"k-grid-header-wrap",children:It(X,{children:[It("colgroup",{children:[_("col",{}),_("col",{}),_("col",{}),_("col",{style:{width:"300px"}})]}),_($,{children:It(x,{children:[_(M,{columnTitle:"Name"}),_(M,{columnTitle:"Price"}),_(M,{columnTitle:"Available"}),_(M,{accessibleLabel:"Commands"})]})})]})})}),_(re,{children:_(Q,{children:_("div",{children:It(j,{children:[It("colgroup",{children:[_("col",{}),_("col",{}),_("col",{}),_("col",{style:{width:"300px"}})]}),It(V,{children:[It(x,{className:"k-master-row k-grid-add-row k-grid-edit-row",children:[_(n,{children:_(me,{value:"Towel"})}),_(n,{children:_(Y,{value:"42"})}),_(n,{children:_(et,{})}),It(n,{className:"k-command-cell",children:[_(p,{children:"Add"}),_(p,{children:"Cancel"})]})]}),It(x,{className:"k-master-row",children:[_(n,{children:"Chai"}),_(n,{children:"18"}),_(n,{children:"false"}),_(n,{className:"k-command-cell",children:_(p,{children:"Remove"})})]}),It(x,{className:"k-master-row",alt:!0,children:[_(n,{children:"Chang"}),_(n,{children:"19"}),_(n,{children:"false"}),_(n,{className:"k-command-cell",children:_(p,{children:"Remove"})})]})]})]})})})})]}),...e});import{Fragment as PF,jsx as GF,jsxs as HF}from"react/jsx-runtime";import{Fragment as el,jsx as h,jsxs as ne}from"react/jsx-runtime";var Dx=q.options,Bx=q.states,sc={...q.defaultOptions,variant:"normal"},_x=[{name:"normal",title:"Normal"},{name:"column-menu",title:"Column Menu"},{name:"filter-menu",title:"Filter Menu"},{name:"filter-row",title:"Filter Row"},{name:"row-reordering",title:"Row Reordering"},{name:"multicolumn-headers",title:"Multicolumn Headers"},{name:"grouping",title:"Grouping"},{name:"editing",title:"Editing"}],zx=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],br=e=>{let{variant:t,modifiers:o,...a}={...sc,...e},l={toolbar:void 0,pager:void 0},i=ne(to,{children:[h(p,{icon:"plus",children:"Add New"}),h(p,{icon:"file-pdf",children:"Export to PDF"}),h("span",{className:"k-spacer"}),h(me,{prefix:h(m,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=h(ve,{pageSizes:!1,refresh:!1});Object.keys(o\|\|{}).forEach(k=>{switch(k){case"toolbar":l.toolbar=o?.[k]?i:void 0;break;case"pager":l.pager=o?.[k]?c:void 0;break;default:return}});let b={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},T=ne(el,{children:[h(W,{children:h("div",{className:"k-grid-header-wrap",children:ne(X,{children:[ne("colgroup",{children:[h("col",{}),h("col",{}),h("col",{}),h("col",{})]}),h($,{children:ne(x,{children:[h(M,{...b[t],columnTitle:"ID"}),h(M,{...b[t],columnTitle:"Product Name"}),h(M,{...b[t],columnTitle:"Units in Stock"}),h(M,{...b[t],columnTitle:"Units Price"})]})})]})})}),h(re,{children:h(Q,{children:ne(j,{children:[ne("colgroup",{children:[h("col",{}),h("col",{}),h("col",{}),h("col",{})]}),ne(V,{children:[ne(x,{children:[h(n,{children:"1"}),h(n,{children:"Chai"}),h(n,{children:"39"}),h(n,{children:"18"})]}),ne(x,{className:"k-alt",alt:!0,children:[h(n,{children:"2"}),h(n,{children:"Chang"}),h(n,{children:"17"}),h(n,{children:"19"})]}),ne(x,{children:[h(n,{children:"3"}),h(n,{children:"Aniseed Syrup"}),h(n,{children:"13"}),h(n,{children:"10"})]}),ne(x,{className:"k-alt",alt:!0,children:[h(n,{children:"4"}),h(n,{children:"Chef Anton's Cajun Seasoning"}),h(n,{children:"53"}),h(n,{children:"22"})]}),ne(x,{children:[h(n,{children:"5"}),h(n,{children:"Chef Anton's Gumbo Mix"}),h(n,{children:"0"}),h(n,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return h(lc,{...a,...l});case"editing":return h(nc,{...a,...l});case"grouping":return h(rc,{...a,...l,groupingHeader:h(go,{children:ne(Re,{children:[h(Ee,{icon:"sort-asc-small",actions:ne(el,{children:[h(Ae,{type:"more"}),h(Ae,{type:"remove"})]}),children:"ID"}),h(Ee,{icon:"sort-desc-small",actions:ne(el,{children:[h(Ae,{type:"more"}),h(Ae,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return h(q,{...a,...l,children:ne(el,{children:[h(W,{children:ne("div",{className:"k-grid-header-wrap",children:[" ",ne(X,{children:[ne("colgroup",{children:[h("col",{className:"k-drag-col"}),h("col",{}),h("col",{}),h("col",{}),h("col",{})]}),h($,{children:ne(x,{children:[h(M,{className:"k-drag-cell",accessibleLabel:"Reorder"}),h(M,{columnTitle:"ID"}),h(M,{columnTitle:"Product Name"}),h(M,{columnTitle:"Units in Stock"}),h(M,{columnTitle:"Units Price"})]})})]})]})}),h(re,{children:h(Q,{children:ne(j,{children:[ne("colgroup",{children:[h("col",{className:"k-drag-col"}),h("col",{}),h("col",{}),h("col",{}),h("col",{})]}),ne(V,{children:[ne(x,{children:[h(n,{className:"k-drag-cell",children:h(m,{icon:"reorder"})}),h(n,{children:"1"}),h(n,{children:"Chai"}),h(n,{children:"39"}),h(n,{children:"18"})]}),ne(x,{className:"k-alt",alt:!0,children:[h(n,{className:"k-drag-cell",children:h(m,{icon:"reorder"})}),h(n,{children:"2"}),h(n,{children:"Chang"}),h(n,{children:"17"}),h(n,{children:"19"})]}),ne(x,{children:[h(n,{className:"k-drag-cell",children:h(m,{icon:"reorder"})}),h(n,{children:"3"}),h(n,{children:"Aniseed Syrup"}),h(n,{children:"13"}),h(n,{children:"10"})]}),ne(x,{className:"k-alt",alt:!0,children:[h(n,{className:"k-drag-cell",children:h(m,{icon:"reorder"})}),h(n,{children:"4"}),h(n,{children:"Chef Anton's Cajun Seasoning"}),h(n,{children:"53"}),h(n,{children:"22"})]}),ne(x,{children:[h(n,{className:"k-drag-cell",children:h(m,{icon:"reorder"})}),h(n,{children:"5"}),h(n,{children:"Chef Anton's Gumbo Mix"}),h(n,{children:"0"}),h(n,{children:"21.35"})]})]})]})})})]})});case"filter-row":return h(Qd,{...a,...l});default:return h(q,{...a,...l,children:T})}};br.options=Dx;br.states=Bx;br.variants=_x;br.defaultOptions=sc;br.modifiers=zx;import{jsx as $x}from"react/jsx-runtime";var Ko="k-pane",Ux=[],Fx={},$n={resizable:!0,flex:!1},De=e=>{let{scrollable:t,flexBasis:o,flex:a=$n.flex,collapsible:l,resizable:i=$n.resizable,pinned:c,unpinned:b,tabbed:T,...k}=e;return $x("div",{...k,style:{flexBasis:o,...e.style},className:r(e.className,Ko,{[`${Ko}-static`]:o,[`${Ko}-flex`]:a,"k-scrollable":t,[`${Ko}-pinned`]:c,[`${Ko}-unpinned`]:b,[`${Ko}-tabbed`]:T}),role:"group",children:e.children})};De.states=Ux;De.options=Fx;De.className=Ko;De.defaultOptions=$n;import{Fragment as ic,jsx as Do,jsxs as Xx}from"react/jsx-runtime";var fa="k-splitbar",Vx=[s.hover,s.focus],Wx={},Vn={orientation:"horizontal",draggable:!0},Ta=e=>{let{hover:t,focus:o,orientation:a=Vn.orientation,draggable:l=Vn.draggable,collapsePrev:i,collapseNext:c,ariaLabel:b,...T}=e;return Xx("div",{...T,className:r(e.className,fa,I(fa,{hover:t,focus:o}),{[`${fa}-${a}`]:a,[`${fa}-draggable-${a}`]:l,[`${fa}-static-${a}`]:!l&&!i&&!c}),role:"separator","aria-label":b,...a==="horizontal"&&{"aria-orientation":"vertical"},"aria-keyshortcuts":"ArrowLeft ArrowRight ArrowUp ArrowDown",children:[i&&Do(ic,{children:Do("div",{className:"k-collapse-prev",children:Do(m,{icon:`caret-alt-${a==="horizontal"?"left":"up"}`,size:"xsmall"})})}),Do("div",{className:"k-resize-handle"}),c&&Do(ic,{children:Do("div",{className:"k-collapse-next",children:Do(m,{icon:`caret-alt-${a==="horizontal"?"right":"down"}`,size:"xsmall"})})})]})};Ta.states=Vx;Ta.options=Wx;Ta.className=fa;Ta.defaultOptions=Vn;var Wn="splitter",dc=Wn;import{jsx as Yx,jsxs as Qx}from"react/jsx-runtime";import{createElement as qx}from"react";var Xn="k-splitter",Jx={},cc={orientation:"horizontal"},Be=e=>{let{orientation:t=cc.orientation,children:o,panes:a,...l}=e,i=[];return a&&a.forEach((c,b)=>{let T=a[b+1],k=c.props,L=T?.props;i.push(qx(De,{...k,key:b})),T&&i.push(Yx(Ta,{draggable:k.resizable!==!1&&L.resizable!==!1,collapsePrev:k.collapsible,collapseNext:L.collapsible,orientation:t,ariaLabel:"Pane separator"},`splitbar-${b}`))}),Qx("div",{...l,className:r(e.className,Xn,{[`${Xn}-${t}`]:t},"k-splitter-flex"),children:[i,o]})};Be.options=Jx;Be.className=Xn;Be.defaultOptions=cc;Be.moduleName=Wn;Be.folderName=dc;Be.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."}]};import{jsx as e$,jsxs as t$}from"react/jsx-runtime";import{jsx as l$,jsxs as n$}from"react/jsx-runtime";import{jsx as ha}from"react/jsx-runtime";import{createElement as tl}from"react";var Zx=Be.options,jx=Be.states,pc={...Be.defaultOptions,variant:"horizontal",firstPaneProps:!0,secondPaneProps:!0},eN=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],tN=[{name:"firstPaneProps",title:"Collapsible Left"},{name:"secondPaneProps",title:"Collapsible Right"}],fr=e=>{let{variant:t,modifiers:o,...a}={...pc,...e},l=T=>({collapsible:T,content:T?"Resizable and collapsible":"Resizable only"}),i=l(!0),c=l(!0),b={display:"flex",justifyContent:"center",alignItems:"center"};return Object.keys(o\|\|{}).forEach(T=>{let k=o?.[T];switch(T){case"secondPaneProps":c=l(!!k);break;case"firstPaneProps":i=l(!!k);break;default:break}}),t==="vertical"?ha(Be,{style:{height:"238px"},...a,orientation:"vertical",panes:[tl(De,{...i,flexBasis:"50%",style:b,key:"pane-1"},ha("p",{children:i.content})),tl(De,{...c,flexBasis:"50%",style:b,key:"pane-2"},ha("p",{children:c.content}))]}):ha(Be,{style:{height:"238px"},...a,orientation:"horizontal",panes:[tl(De,{...i,flexBasis:"50%",style:b,key:"pane-1"},ha("p",{children:i.content})),tl(De,{...c,flexBasis:"50%",style:b,key:"pane-2"},ha("p",{children:c.content}))]})};fr.options=Zx;fr.states=jx;fr.variants=eN;fr.defaultOptions=pc;fr.modifiers=tN;var Jn="treelist",mc=Jn;import{jsx as lN}from"react/jsx-runtime";var uc="k-treelist",oN=[],aN={},rN={},Oe=e=>lN(q,{...e,className:r(uc,e.className),children:e.children});Oe.states=oN;Oe.options=aN;Oe.className=uc;Oe.defaultOptions=rN;Oe.moduleName=Jn;Oe.folderName=mc;import{jsx as U,jsxs as _e}from"react/jsx-runtime";var Bo=({gridHeader:e,gridContent:t,menu:o,...a})=>_e(Oe,{id:"treelist",_renderAriaRoot:!0,...a,children:[e\|\|U(W,{children:U("div",{className:"k-grid-header-wrap",children:_e(X,{children:[_e("colgroup",{children:[U("col",{}),U("col",{}),U("col",{})]}),U($,{children:_e(x,{children:[U(M,{menu:o,columnTitle:"Name"}),U(M,{menu:o,columnTitle:"Position"}),U(M,{menu:o,columnTitle:"Hire Date"})]})})]})})}),U(re,{children:t\|\|U(Q,{children:_e(j,{children:[_e("colgroup",{children:[U("col",{}),U("col",{}),U("col",{})]}),_e(V,{children:[_e(x,{children:[_e(n,{children:[U(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),U(n,{children:"Sweeney"}),U(n,{children:"CEO"})]}),_e(x,{alt:!0,children:[_e(n,{children:[U(m,{className:"k-treelist-toggle",icon:"none"}),U(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),U(n,{children:"Wooten"}),U(n,{children:"Chief Technical Officer"})]}),_e(x,{children:[_e(n,{children:[U(m,{className:"k-treelist-toggle",icon:"none"}),U(m,{className:"k-treelist-toggle",icon:"none"}),U(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),U(n,{children:"Weber"}),U(n,{children:"VP, Engineering"})]}),_e(x,{alt:!0,children:[_e(n,{children:[U(m,{className:"k-treelist-toggle",icon:"none"}),U(m,{className:"k-treelist-toggle",icon:"none"}),U(m,{className:"k-treelist-toggle",icon:"none"}),U(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),U(n,{children:"Hood"}),U(n,{children:"Team Lead"})]}),_e(x,{children:[_e(n,{children:[U(m,{className:"k-treelist-toggle",icon:"none"}),U(m,{className:"k-treelist-toggle",icon:"none"}),U(m,{className:"k-treelist-toggle",icon:"none"}),U(m,{className:"k-treelist-toggle",icon:"none"}),U(m,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),U(n,{children:"Carr"}),U(n,{children:"Junior Software Developer"})]})]})]})})})]});import{jsx as nN}from"react/jsx-runtime";var bc=e=>nN(Bo,{menu:"column",...e});import{jsx as sN}from"react/jsx-runtime";var fc=e=>sN(Bo,{menu:"filter",...e});import{jsx as O,jsxs as ze}from"react/jsx-runtime";var Tc=({gridHeader:e,gridContent:t,menu:o,...a})=>ze(Oe,{id:"treelist",_renderAriaRoot:!0,...a,children:[e\|\|O(W,{children:O("div",{className:"k-grid-header-wrap",children:ze(X,{children:[ze("colgroup",{children:[O("col",{className:"k-drag-col"}),O("col",{}),O("col",{}),O("col",{})]}),O($,{children:ze(x,{children:[O(M,{}),O(M,{menu:o,columnTitle:"First Name"}),O(M,{menu:o,columnTitle:"Last Name"}),O(M,{menu:o,columnTitle:"Position"})]})})]})})}),O(re,{children:t\|\|O(Q,{children:ze(j,{children:[ze("colgroup",{children:[O("col",{className:"k-drag-col"}),O("col",{}),O("col",{}),O("col",{})]}),ze(V,{children:[ze(x,{children:[O(n,{className:"k-drag-cell",children:O(m,{icon:"reorder"})}),ze(n,{children:[O(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),O(n,{children:"Sweeney"}),O(n,{children:"CEO"})]}),ze(x,{alt:!0,children:[O(n,{className:"k-drag-cell",children:O(m,{icon:"reorder"})}),ze(n,{children:[O(m,{className:"k-treelist-toggle",icon:"none"}),O(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),O(n,{children:"Wooten"}),O(n,{children:"Chief Technical Officer"})]}),ze(x,{children:[O(n,{className:"k-drag-cell",children:O(m,{icon:"reorder"})}),ze(n,{children:[O(m,{className:"k-treelist-toggle",icon:"none"}),O(m,{className:"k-treelist-toggle",icon:"none"}),O(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),O(n,{children:"Weber"}),O(n,{children:"VP, Engineering"})]}),ze(x,{alt:!0,children:[O(n,{className:"k-drag-cell",children:O(m,{icon:"reorder"})}),ze(n,{children:[O(m,{className:"k-treelist-toggle",icon:"none"}),O(m,{className:"k-treelist-toggle",icon:"none"}),O(m,{className:"k-treelist-toggle",icon:"none"}),O(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),O(n,{children:"Hood"}),O(n,{children:"Team Lead"})]}),ze(x,{children:[O(n,{className:"k-drag-cell",children:O(m,{icon:"reorder"})}),ze(n,{children:[O(m,{className:"k-treelist-toggle",icon:"none"}),O(m,{className:"k-treelist-toggle",icon:"none"}),O(m,{className:"k-treelist-toggle",icon:"none"}),O(m,{className:"k-treelist-toggle",icon:"none"}),O(m,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),O(n,{children:"Carr"}),O(n,{children:"Junior Software Developer"})]})]})]})})})]});import{jsx as Q$,jsxs as Z$}from"react/jsx-runtime";import{jsx as y,jsxs as pe}from"react/jsx-runtime";var iN=Oe.options,dN=Oe.states,hc={...Oe.defaultOptions,variant:"normal"},cN=[{name:"normal",title:"Normal"},{name:"column-menu",title:"Column Menu"},{name:"filter-row",title:"Filter Row"},{name:"sorting",title:"Sorting"},{name:"row-reordering",title:"Row Reordering"}],pN=[{name:"toolbar",title:"Toolbar"},{name:"pager",title:"Pager"}],Tr=e=>{let{variant:t,modifiers:o,...a}={...hc,...e},l={},i=pe(to,{children:[y(p,{icon:"plus",children:"Add New"}),y(p,{icon:"file-pdf",children:"Export to PDF"}),y("span",{className:"k-spacer"}),y(me,{prefix:y(m,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=y(ve,{pageSizes:!1,refresh:!1});switch(Object.keys(o\|\|{}).forEach(b=>{switch(b){case"toolbar":l.toolbar=o?.[b]?i:void 0;break;case"pager":l.pager=o?.[b]?c:void 0;break;default:return}}),t){case"row-reordering":return y(Tc,{...a,...l});case"column-menu":return y(bc,{...a,...l,gridHeader:y(W,{children:y("div",{className:"k-grid-header-wrap",children:pe(X,{children:[pe("colgroup",{children:[y("col",{}),y("col",{}),y("col",{})]}),y($,{children:pe(x,{children:[y(M,{menu:"column",columnTitle:"First Name"}),y(M,{menu:"column",columnTitle:"Last Name"}),y(M,{menu:"column",columnTitle:"Position"})]})})]})})})});case"filter-row":return y(fc,{...a,...l,gridHeader:y(W,{children:y("div",{className:"k-grid-header-wrap",children:pe(X,{children:[pe("colgroup",{children:[y("col",{}),y("col",{}),y("col",{})]}),y($,{children:pe(x,{children:[y(M,{menu:"filter",columnTitle:"First Name"}),y(M,{menu:"filter",columnTitle:"Last Name"}),y(M,{menu:"filter",columnTitle:"Position"})]})})]})})})});case"sorting":return y(Bo,{...a,...l,gridHeader:y(W,{children:y("div",{className:"k-grid-header-wrap",children:pe(X,{children:[pe("colgroup",{children:[y("col",{}),y("col",{}),y("col",{})]}),y($,{children:pe(x,{children:[y(M,{columnTitle:"First Name"}),y(M,{columnTitle:"Last Name",sortable:!0}),y(M,{columnTitle:"Position"})]})})]})})}),gridContent:y(Q,{children:pe(j,{children:[pe("colgroup",{children:[y("col",{}),y("col",{className:"k-sorted"}),y("col",{})]}),pe(V,{children:[pe(x,{className:"k-treelist-group",children:[pe(n,{children:[y(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),y(n,{children:"Sweeney"}),y(n,{children:"CEO"})]}),pe(x,{className:"k-treelist-group k-alt",alt:!0,children:[pe(n,{children:[y(m,{className:"k-treelist-toggle",icon:"none"}),y(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),y(n,{children:"Wooten"}),y(n,{children:"Chief Technical Officer"})]}),pe(x,{className:"k-treelist-group",children:[pe(n,{children:[y(m,{className:"k-treelist-toggle",icon:"none"}),y(m,{className:"k-treelist-toggle",icon:"none"}),y(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),y(n,{children:"Weber"}),y(n,{children:"VP, Engineering"})]}),pe(x,{className:"k-treelist-group k-alt",alt:!0,children:[pe(n,{children:[y(m,{className:"k-treelist-toggle",icon:"none"}),y(m,{className:"k-treelist-toggle",icon:"none"}),y(m,{className:"k-treelist-toggle",icon:"none"}),y(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),y(n,{children:"Hood"}),y(n,{children:"Team Lead"})]}),pe(x,{children:[pe(n,{children:[y(m,{className:"k-treelist-toggle",icon:"none"}),y(m,{className:"k-treelist-toggle",icon:"none"}),y(m,{className:"k-treelist-toggle",icon:"none"}),y(m,{className:"k-treelist-toggle",icon:"none"}),y(m,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),y(n,{children:"Carr"}),y(n,{children:"Junior Software Developer"})]})]})]})})});default:return y(Bo,{...a,...l,gridHeader:y(W,{children:y("div",{className:"k-grid-header-wrap",children:pe(X,{children:[pe("colgroup",{children:[y("col",{}),y("col",{}),y("col",{})]}),y($,{children:pe(x,{children:[y(M,{columnTitle:"First Name"}),y(M,{columnTitle:"Last Name"}),y(M,{columnTitle:"Position"})]})})]})})})})}};Tr.options=iN;Tr.states=dN;Tr.variants=cN;Tr.defaultOptions=hc;Tr.modifiers=pN;import{jsx as RV,jsxs as IV}from"react/jsx-runtime";import{jsx as hN}from"react/jsx-runtime";var mN={},uN=[],bN=[],fN={},TN=[],hr=()=>hN(xc,{flexBasis:"40%",gridContentHeight:"197px",style:{width:"90%",height:"367px"}});hr.options=mN;hr.states=uN;hr.variants=bN;hr.defaultOptions=fN;hr.modifiers=TN;import{jsx as u,jsxs as D}from"react/jsx-runtime";var xc=({flexBasis:e="30%",gridContentHeight:t="180px",tablesWidth:o="675px",tablesHeight:a="828px",currentTimeLeftOffset:l="243px",ganttDependencies:i,menu:c,...b})=>u($t,{headerToolbar:D(aa,{children:[u(p,{className:"k-gantt-toggle",icon:"layout-1-by-4"}),u(p,{className:"k-gantt-create",icon:"plus",children:"Add Task"}),u("span",{className:"k-spacer"}),D("div",{className:"k-gantt-views-wrapper",children:[D("select",{className:"k-picker k-dropdown-list k-dropdown k-views-dropdown",children:[u("option",{value:"day",children:"Day"}),u("option",{value:"week",children:"Week"}),u("option",{value:"month",children:"Month"})]}),D(B,{className:"k-gantt-views",children:[u(p,{className:"k-view-day k-group-start",children:"Day"}),u(p,{className:"k-view-week",selected:!0,children:"Week"}),u(p,{className:"k-view-month k-group-end",children:"Month"})]})]})]}),footerToolbar:u(ra,{children:u(p,{className:"k-gantt-create",icon:"plus",children:"Add Task"})}),...b,children:u(la,{children:b.children\|\|u(Be,{className:"k-gantt-splitter",panes:[u(De,{className:"k-gantt-treelist",flexBasis:e,children:D(Oe,{_renderAriaRoot:!0,children:[u(W,{children:u("div",{className:"k-grid-header-wrap",children:D(X,{style:{minWidth:"250px"},children:[D("colgroup",{children:[u("col",{style:{width:"50px"}}),u("col",{})]}),u($,{children:D(x,{children:[u(M,{menu:c,rowspan:1,columnTitle:"ID"}),u(M,{menu:c,rowspan:1,columnTitle:"Title"})]})})]})})}),u(re,{children:u(Q,{style:{height:t},children:D(j,{style:{minWidth:"250px"},children:[D("colgroup",{children:[u("col",{style:{width:"50px"}}),u("col",{})]}),D(V,{children:[D(x,{children:[u(n,{children:"7"}),D(n,{children:[u(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Software validation, research and implementation"]})]}),D(x,{alt:!0,children:[u(n,{children:"18"}),D(n,{children:[u(m,{className:"k-treelist-toggle",icon:"none"}),u(m,{className:"k-treelist-toggle",icon:"none"}),"Project Kickoff"]})]}),D(x,{children:[u(n,{children:"11"}),D(n,{children:[u(m,{className:"k-treelist-toggle",icon:"none"}),u(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Research"]})]}),D(x,{alt:!0,children:[u(n,{children:"19"}),D(n,{children:[u(m,{className:"k-treelist-toggle",icon:"none"}),u(m,{className:"k-treelist-toggle",icon:"none"}),u(m,{className:"k-treelist-toggle",icon:"none"}),"Validation with Customers"]})]}),D(x,{children:[u(n,{children:"20"}),D(n,{children:[u(m,{className:"k-treelist-toggle",icon:"none"}),u(m,{className:"k-treelist-toggle",icon:"none"}),u(m,{className:"k-treelist-toggle",icon:"none"}),"Market Research"]})]})]})]})})})]})},"gantt-treelist-pane"),u(De,{className:"k-gantt-timeline-pane",children:D(q,{className:"k-gantt-timeline",children:[u(W,{children:u("div",{className:"k-grid-header-wrap",children:D(X,{style:{width:o},children:[D("colgroup",{children:[u("col",{}),u("col",{}),u("col",{}),u("col",{}),u("col",{}),u("col",{}),u("col",{})]}),D(V,{children:[u(x,{children:u(n,{className:"k-header",colspan:7,children:"Sun 6/01 - Sat 6/07"})}),D(x,{children:[u(n,{colspan:1,className:"k-header k-nonwork-hour",children:"Sun 6/01"}),u(n,{className:"k-header",colspan:1,children:"Mon 6/02"}),u(n,{className:"k-header",colspan:1,children:"Tue 6/03"}),u(n,{className:"k-header",colspan:1,children:"Wed 6/04"}),u(n,{className:"k-header",colspan:1,children:"Thu 6/05"}),u(n,{className:"k-header",colspan:1,children:"Fri 6/06"}),u(n,{colspan:1,className:"k-header k-nonwork-hour",children:"Sat 6/07"})]})]})]})})}),D(Q,{style:{height:t},children:[D(na,{children:[D(da,{className:"k-grid-table",style:{width:o},children:[u("colgroup",{children:u("col",{})}),D(V,{children:[u(x,{children:u(n,{})}),u(x,{alt:!0,children:u(n,{})}),u(x,{children:u(n,{})}),u(x,{alt:!0,children:u(n,{})}),u(x,{children:u(n,{})})]})]}),D(ia,{style:{width:o,height:a},children:[D("colgroup",{children:[u("col",{}),u("col",{}),u("col",{}),u("col",{}),u("col",{}),u("col",{}),u("col",{})]}),u(V,{children:D(x,{children:[u(n,{className:"k-nonwork-hour"}),u(n,{}),u(n,{}),u(n,{}),u(n,{}),u(n,{}),u(n,{className:"k-nonwork-hour"})]})})]}),D(ca,{style:{width:o},children:[u("colgroup",{children:u("col",{})}),D(V,{children:[u(x,{children:u(n,{children:D(Tt,{type:"summary",style:{left:"113px"},children:[u(ft,{type:"summary",style:{width:"4000px"},children:u("div",{className:"k-task-summary-progress",style:{width:"1720px"},children:u("div",{className:"k-task-summary-complete",style:{width:"4000px"}})})}),u(Ie,{}),u(Ie,{position:"end",style:{right:"0px"}})]})})}),u(x,{children:u(n,{children:D(Tt,{type:"milestone",style:{left:"113px"},children:[u(ft,{type:"milestone"}),u(Ie,{}),u(Ie,{position:"end",style:{right:"0px"}})]})})}),u(x,{children:u(n,{children:D(Tt,{type:"summary",style:{left:"113px"},children:[u(ft,{type:"summary",style:{width:"500px"},children:u("div",{className:"k-task-summary-progress",style:{width:"215px"},children:u("div",{className:"k-task-summary-complete",style:{width:"500px"}})})}),u(Ie,{}),u(Ie,{position:"end",style:{right:"0px"}})]})})}),u(x,{children:u(n,{children:D(Tt,{style:{left:"113px"},children:[D(ft,{style:{width:"200px"},children:[u("div",{className:"k-task-complete",style:{width:"50px"}}),u(Ut,{content:"Validation with Customers"})]}),u(Ie,{}),u(Ie,{position:"end",style:{right:"0px"}}),u("div",{className:"k-task-draghandle",style:{left:"50px"}})]})})}),u(x,{children:u(n,{children:D(Tt,{style:{left:"113px"},children:[D(ft,{style:{width:"200px"},children:[u("div",{className:"k-task-complete",style:{width:"164px"}}),u(Ut,{content:"Market Research"})]}),u(Ie,{}),u(Ie,{position:"end",style:{right:"0px"}}),u("div",{className:"k-task-draghandle",style:{left:"164px"}})]})})})]})]})]}),i\|\|D("div",{className:"k-gantt-dependencies",style:{width:o},children:[u(ke,{style:{left:"124.5px",top:"53px",width:"10px"}}),u(ke,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),u(ke,{style:{left:"103px",top:"71px",width:"31.5px"}}),u(ke,{orientation:"vertical",style:{left:"103px",top:"71px",height:"54px"}}),u(ke,{style:{left:"103px",top:"125px",width:"9px"},children:u("span",{className:"k-arrow-e"})}),u(ke,{style:{left:"124.5px",top:"53px",width:"10px"}}),u(ke,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),u(ke,{style:{left:"103px",top:"71px",width:"31.5px"}}),u(ke,{orientation:"vertical",style:{left:"103px",top:"71px",height:"90px"}}),u(ke,{style:{left:"103px",top:"161px",width:"9px"},children:u("span",{className:"k-arrow-e"})}),u(ke,{style:{left:"313px",top:"125px",width:"10px"}}),u(ke,{orientation:"vertical",style:{left:"321px",top:"125px",height:"18px"}}),u(ke,{style:{left:"303px",top:"143px",width:"20px"}}),u(ke,{orientation:"vertical",style:{left:"303px",top:"143px",height:"18px"}})]}),u("div",{className:"k-current-time",style:{left:l,top:"0px",width:"1px",height:a}})]})]})},"gantt-timeline-pane")]})})});export{xc as GanttNormal};
1	+ 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 E=(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"}),I=(e,t)=>{let{valid:o,invalid:a,hover:l,focus:i,checked:c,active:b,selected:T,disabled:k,indeterminate:L,loading:C,empty:f,readonly:A,highlighted:S,...R}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":l,"k-focus":i,"k-checked":c,"k-active":b,"k-selected":T,"k-disabled":k,"k-indeterminate":L&&!c,"k-loading":C,"k-empty":f,"k-readonly":A,"k-highlighted":S},Object.keys(R).reduce((P,G)=>(G.startsWith("k-")?P[G]=R[G]:P[`k-${G}`]=R[G],P),{}))};function Yn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},g={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},v={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},N={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},s={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var ie="gantt",de=ie;import{jsxs as Mc}from"react/jsx-runtime";var Qn="k-gantt",Lc=[],Cc={},yc={},$t=e=>{let{headerToolbar:t,footerToolbar:o,...a}=e;return Mc("div",{...a,className:r(e.className,Qn),children:[t,e.children,o]})};$t.states=Lc;$t.options=Cc;$t.className=Qn;$t.defaultOptions=yc;$t.moduleName=ie;$t.folderName=de;import{Fragment as Ec,jsx as Zn}from"react/jsx-runtime";var ol="k-font-icon",wc=[],Sc={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark]},Ac={},xa=e=>{let{size:t,themeColor:o,icon:a,rotate:l,flip:i,...c}=e;return a?Zn("span",{...c,className:r(e.className,ol,E(ol,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${l}`]:l,"k-flip-h":i==="h"\|\|i==="both","k-flip-v":i==="v"\|\|i==="both"}),"aria-hidden":"true"}):Zn(Ec,{})};xa.states=wc;xa.options=Sc;xa.className=ol;xa.defaultOptions=Ac;var jn=xa;import{Fragment as Oc,jsx as Nr}from"react/jsx-runtime";var al="k-svg-icon",Rc=[],Ic={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark]},es={viewBox:"0 0 24 24"},Na=e=>{let{size:t,themeColor:o,rotate:a,flip:l,viewBox:i=es.viewBox,icon:c,...b}=e;if(!c)return Nr(Oc,{});if(c==="none")return Nr("span",{...b,className:r(e.className,al,E("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let T=typeof c=="object"&&c.name&&c.name;return Nr("span",{...b,className:r(e.className,al,E("k-icon",{size:t}),{[`k-svg-i-${T}`]:T,[`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:Nr("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:i,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};Na.states=Rc;Na.options=Ic;Na.className=al;Na.defaultOptions=es;var rl=Na;importas ll from"@progress/kendo-svg-icons";var ts="icon",os="icons";import{useContext as Pc}from"react";import{createContext as Gc}from"react";var as=Gc({iconsType:"svg"});import{Fragment as rs,jsx as ga}from"react/jsx-runtime";var gr="k-icon",Hc=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Kc=[],Dc={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark]},nl={viewBox:"0 0 24 24",type:"svg"},m=e=>{let{iconsType:t}=Pc(as),{size:o,themeColor:a,icon:l,type:i=t\|\|nl.type,rotate:c,flip:b,viewBox:T=nl.viewBox,...k}=e;if(!l)return ga(rs,{});if((t\|\|i)==="svg"){if(l==="none")return ga(rl,{...k,className:r(e.className,gr),icon:l,size:o});let C=ll[l]?l:Hc(`${l}-icon`);return ll[C]?ga(rl,{...k,className:r(e.className,gr),icon:ll[C],size:o,themeColor:a,rotate:c,flip:b,viewBox:T}):ga(rs,{})}return ga(jn,{...k,className:r(e.className,gr),icon:l,size:o,themeColor:a,rotate:c,flip:b})};m.states=Kc;m.options=Dc;m.defaultOptions=nl;m.className=gr;m.moduleName=ts;m.folderName=os;m.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 sl="button",ls=sl;import{Fragment as Uc,jsx as ka,jsxs as ns}from"react/jsx-runtime";var va="k-button",Bc=["icon-button"],_c=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],zc={size:[d.undefined,d.small,d.medium,d.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark,N.inverse]},il={showArrow:!1,arrowIconName:"caret-alt-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:l,themeColor:i,showArrow:c=il.showArrow,arrowIconName:b=il.arrowIconName,variant:T,hover:k,focus:L,active:C,selected:f,disabled:A,togglable:S,icon:R,text:P,iconClassName:G,className:J,...xe}=e,Me=R!==void 0,Ve=e.children!==void 0;return ns(t,{className:r(J,va,Yn(va,T),E(va,{size:o,rounded:a,fillMode:l,themeColor:i}),I(va,{hover:k,focus:L,active:C,disabled:A,selected:f}),{"k-icon-button":!P&&!Ve&&Me}),...xe,"aria-pressed":S?f?"true":"false":void 0,disabled:A\|\|void 0,children:[R&&ka(m,{className:r(G,"k-button-icon"),icon:R}),P?ns(Uc,{children:[P&&ka("span",{className:"k-button-text",children:P}),e.children]}):e.children&&ka("span",{className:"k-button-text",children:e.children}),c&&ka("span",{className:"k-menu-button-arrow k-button-arrow",children:ka(m,{icon:b})})]})};p.states=_c;p.options=zc;p.variants=Bc;p.className=va;p.defaultOptions=il;p.moduleName=sl;p.folderName=ls;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."}]};import{jsx as Fc}from"react/jsx-runtime";var oo=e=>Fc(p,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as $c}from"react/jsx-runtime";var La=e=>$c(p,{icon:"folder",children:"Button",...e});import{jsx as Vc}from"react/jsx-runtime";var vo=e=>Vc(p,{children:"Button",...e});import{jsx as dl}from"react/jsx-runtime";var Wc=p.options,Xc=p.states,Jc={...p.defaultOptions,variant:"text"},qc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Yc=[],Ca=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return dl(oo,{...o,icon:"star"});case"icon-and-text":return dl(La,{...o,icon:"star",children:"Button"});default:return dl(vo,{...o,children:"Button"})}};Ca.options=Wc;Ca.states=Xc;Ca.variants=qc;Ca.defaultOptions=Jc;Ca.modifiers=Yc;var cl="button",ss=cl;import{jsx as ep}from"react/jsx-runtime";var ya="k-button-group",Qc=[s.disabled],Zc={fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link]},jc={},B=e=>{let{fillMode:t,disabled:o,stretched:a,...l}=e;return ep("div",{role:"group",...l,className:r(e.className,ya,E(ya,{fillMode:t}),I(ya,{disabled:o}),{[`${ya}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};B.states=Qc;B.options=Zc;B.className=ya;B.defaultOptions=jc;B.moduleName=cl;B.folderName=ss;B.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};import{Fragment as Bg,jsx as Dg,jsxs as _g}from"react/jsx-runtime";import{Fragment as Wg,jsx as Vg,jsxs as Xg}from"react/jsx-runtime";import{Fragment as jg,jsx as Zg,jsxs as ek}from"react/jsx-runtime";import{Fragment as nk,jsx as lk,jsxs as sk}from"react/jsx-runtime";import{Fragment as uk,jsx as mk,jsxs as bk}from"react/jsx-runtime";import{Fragment as gk,jsx as Nk,jsxs as kk}from"react/jsx-runtime";import{jsx as Vt,jsxs as pl}from"react/jsx-runtime";var tp={...p.options,...B.options},op=p.states,ap={...p.defaultOptions,...B.defaultOptions,variant:"text-button"},rp=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],lp=[],Ma=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?pl(B,{fillMode:a.fillMode,className:o,children:[Vt(p,{...a,icon:"star"}),Vt(p,{...a,icon:"star"}),Vt(p,{...a,icon:"star"})]}):t==="icon-text-button"?pl(B,{fillMode:a.fillMode,className:o,children:[Vt(p,{...a,icon:"star",children:"First"}),Vt(p,{...a,icon:"star",children:"Middle"}),Vt(p,{...a,icon:"star",children:"Last"})]}):pl(B,{fillMode:a.fillMode,className:o,children:[Vt(p,{...a,children:"First"}),Vt(p,{...a,children:"Middle"}),Vt(p,{...a,children:"Last"})]})};Ma.options=tp;Ma.states=op;Ma.variants=rp;Ma.defaultOptions=ap;Ma.modifiers=lp;var wa="input",kr=wa;import{jsx as dp}from"react/jsx-runtime";var vr="k-input",np=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],sp={size:[d.undefined,d.small,d.medium,d.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},ip={},we=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:c,readonly:b,size:T,rounded:k,fillMode:L,...C}=e;return dp("span",{...C,className:r(e.className,vr,E(vr,{size:T,rounded:k,fillMode:L}),I(vr,{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:c,readonly:b}))})};we.states=np;we.options=sp;we.className=vr;we.defaultOptions=ip;we.moduleName=wa;we.folderName=kr;import{jsx as up}from"react/jsx-runtime";var Lr="k-picker",cp=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],pp={size:[d.undefined,d.small,d.medium,d.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},mp={},Gt=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:c,readonly:b,size:T,rounded:k,fillMode:L,...C}=e;return up("span",{...C,className:r(e.className,Lr,E(Lr,{size:T,rounded:k,fillMode:L}),I(Lr,{hover:t,focus:o,disabled:a,invalid:l,valid:i,loading:c,readonly:b})),children:e.children})};Gt.states=cp;Gt.options=pp;Gt.className=Lr;Gt.defaultOptions=mp;Gt.moduleName=wa;Gt.folderName=kr;import{Fragment as Tp,jsx as ml}from"react/jsx-runtime";var is="k-clear-value",bp=[s.disabled,s.loading,s.readonly],fp={},it=e=>{let{disabled:t,loading:o,readonly:a,value:l}=e;return t\|\|a\|\|o\|\|!l?ml(Tp,{}):ml("span",{className:r(e.className,is),children:ml(m,{icon:"x"})})};it.states=bp;it.options=fp;it.className=is;import{jsx as Np}from"react/jsx-runtime";var ul="k-input-inner",hp=[],xp={},Cr={type:"text",autocomplete:"off",value:"",placeholder:""},dt=e=>{let{value:t=Cr.value,type:o=Cr.type,placeholder:a=Cr.placeholder,autocomplete:l=Cr.autocomplete,disabled:i,readOnly:c,...b}=e;return Np("input",{...b,type:o,className:r(e.className,ul,E(ul,e)),placeholder:a,autoComplete:l,defaultValue:t,disabled:i\|\|void 0,readOnly:c\|\|void 0})};dt.states=hp;dt.options=xp;dt.className=ul;import{jsx as ds,jsxs as vp}from"react/jsx-runtime";var bl="k-input-inner",gp=[],kp={},Lo=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:l,valueIconName:i,...c}=e;return vp("span",{...c,className:r(e.className,bl,E(bl,e)),children:[l,!l&&i&&ds(m,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&ds("span",{className:"k-input-value-text",children:t})]})};Lo.states=gp;Lo.options=kp;Lo.className=bl;import{jsx as yp}from"react/jsx-runtime";var fl="k-input-inner",Lp=[],Cp={},cs={value:"",placeholder:""},Tl=e=>{let{value:t=cs.value,placeholder:o=cs.placeholder,rows:a,disabled:l,...i}=e;return yp("textarea",{...i,className:r(e.className,fl,E(fl,e)),placeholder:o,rows:a,defaultValue:t,disabled:l\|\|void 0})};Tl.states=Lp;Tl.options=Cp;Tl.className=fl;import{Fragment as wp,jsx as ps}from"react/jsx-runtime";var ms="k-input-loading-icon",Mp=[s.disabled,s.loading],je=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?ps(wp,{}):ps("span",{className:r(e.className,ms,"k-icon k-i-loading")})};je.states=Mp;je.className=ms;import{Fragment as Ep,jsx as us}from"react/jsx-runtime";var bs="k-input-validation-icon",Sp=[s.valid,s.invalid,s.disabled,s.loading],Ap={},We=e=>{let{valid:t,invalid:o,disabled:a,loading:l}=e,i=o?"warning-circle":"check-circle";return a\|\|l\|\|!!!(t\|\|o)?us(Ep,{}):us(m,{className:r(bs),icon:i})};We.states=Sp;We.options=Ap;We.className=bs;import{Fragment as Op,jsx as fs}from"react/jsx-runtime";var Rp="k-input-prefix",Ip={direction:"horizontal"},xt=e=>{let{direction:t=Ip.direction,...o}=e;return e.children?fs("span",{...o,className:r(Rp,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):fs(Op,{})};import{Fragment as Hp,jsx as Ts}from"react/jsx-runtime";var Gp="k-input-suffix",Pp={direction:"horizontal"},Nt=e=>{let{direction:t=Pp.direction,...o}=e;return e.children?Ts("span",{...o,className:r(Gp,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ts(Hp,{})};import{jsx as kv}from"react/jsx-runtime";import{jsx as Dp}from"react/jsx-runtime";var Kp="k-input-suffix-text",hl=e=>{let{children:t,...o}=e;return Dp("span",{...o,className:r(Kp,e.className),children:t})};import{jsx as _p}from"react/jsx-runtime";var hs="k-input-separator",Bp={direction:"vertical"},gt=e=>{let{direction:t=Bp.direction,...o}=e;return _p("span",{...o,className:r(hs,e.className,{[`${hs}-${t}`]:t})})};import{Fragment as xs,jsx as Pt,jsxs as xl}from"react/jsx-runtime";var zp=we.states,Up=we.defaultOptions,Fp=we.options,$p=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Vp=[],Sa=e=>{let{modifiers:t,valid:o,invalid:a,loading:l,disabled:i,readonly:c,...b}=e,T=t?.prefix,k=t?.suffix,L=t?.["clear-button"],C=t?.["validation-icon"],f=t?.separators;return xl(we,{...b,valid:o,invalid:a,loading:l,disabled:i,readonly:c,style:{width:300},children:[T&&xl(xs,{children:[Pt(xt,{children:Pt(m,{icon:"lock"})}),f&&Pt(gt,{})]}),Pt(dt,{placeholder:"Placeholder",value:"Value"}),C&&Pt(We,{valid:o,invalid:a,loading:l,disabled:i}),Pt(je,{loading:l,disabled:i}),L&&Pt(it,{loading:l,disabled:i,readonly:c,value:"Value"}),k&&xl(xs,{children:[f&&Pt(gt,{}),Pt(Nt,{children:Pt(vo,{size:b.size,fillMode:"clear",children:"Send"})})]})]})};Sa.options=Fp;Sa.states=zp;Sa.variants=Vp;Sa.defaultOptions=Up;Sa.modifiers=$p;import{jsx as Ns,jsxs as Jp}from"react/jsx-runtime";var gs="k-color-preview",Wp=[],Xp={},ao=e=>{let{color:t,iconName:o,...a}=e;return Jp("span",{...a,className:r(e.className,gs,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Ns(m,{icon:o,className:"k-color-preview-icon"}),Ns("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};ao.states=Wp;ao.options=Xp;ao.className=gs;var Nl="popup",ks=Nl;import{jsx as vs}from"react/jsx-runtime";var Ls="k-animation-container",qp=[],Yp={},Cs={positionMode:"absolute"},Ht=e=>{let{positionMode:t=Cs.positionMode,animationStyle:o,offset:a,...l}=e;return vs("div",{...l,style:{...a,...e.style},className:r(e.className,Ls,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:vs("div",{className:"k-child-animation-container",style:o,children:e.children})})};Ht.states=qp;Ht.options=Yp;Ht.className=Ls;Ht.defaultOptions=Cs;Ht.moduleName=Nl;Ht.folderName=ks;var gl="popup",ys=gl;import{jsx as Ms}from"react/jsx-runtime";var ws="k-popup",Qp=[],Zp={},Ss={positionMode:"absolute"},fe=e=>{let{offset:t,positionMode:o=Ss.positionMode,animationStyle:a,containerClassName:l,containerRole:i,containerAriaLabel:c,...b}=e;return Ms(Ht,{positionMode:o,offset:t,animationStyle:a,className:l,role:i,"aria-label":c,children:Ms("div",{...b,className:r(e.className,ws),children:e.children})})};fe.states=Qp;fe.options=Zp;fe.className=ws;fe.defaultOptions=Ss;fe.moduleName=gl;fe.folderName=ys;fe.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 kl="action-buttons",As=kl;import{jsx as tm}from"react/jsx-runtime";var yr="k-actions",jp=[],em={},vl={alignment:"start",orientation:"horizontal"},Kt=e=>{let{alignment:t=vl.alignment,orientation:o=vl.orientation,...a}=e;return tm("div",{...a,className:r(yr,{[`${yr}-${t}`]:t,[`${yr}-${o}`]:o},e.className),children:e.children})};Kt.states=jp;Kt.options=em;Kt.className=yr;Kt.defaultOptions=vl;Kt.moduleName=kl;Kt.folderName=As;import{jsx as am}from"react/jsx-runtime";var om="k-actionsheet-footer",Es={alignment:"stretched",orientation:"horizontal"},ro=e=>{let{alignment:t=Es.alignment,orientation:o=Es.orientation,template:a,as:l=a?"div":Kt,...i}=e;return am(l,{...i,...!a&&{alignment:t,orientation:o},className:r(e.className,om),children:e.children})};var Ll="searchbox",Rs=Ll;import{jsx as Aa,jsxs as nm}from"react/jsx-runtime";var Is="k-searchbox",rm=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],lm={size:[d.undefined,d.small,d.medium,d.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},Cl={showIcon:!0,icon:"search"},kt=e=>{let{value:t,placeholder:o,size:a,rounded:l,fillMode:i,hover:c,focus:b,valid:T,invalid:k,required:L,loading:C,disabled:f,showIcon:A=Cl.showIcon,icon:S=Cl.icon,...R}=e;return nm(we,{...R,size:a,rounded:l,fillMode:i,hover:c,focus:b,valid:T,invalid:k,required:L,loading:C,disabled:f,className:r(e.className,Is),children:[A&&Aa(m,{className:"k-input-icon",icon:S}),Aa(dt,{placeholder:o,value:t}),Aa(je,{...e}),Aa(We,{...e}),Aa(it,{...e})]})};kt.states=rm;kt.options=lm;kt.className=Is;kt.defaultOptions=Cl;kt.moduleName=Ll;kt.folderName=Rs;import{jsx as WL}from"react/jsx-runtime";var yl="textbox",Os=yl;import{Fragment as Gs,jsx as lo,jsxs as Ml}from"react/jsx-runtime";var Ps="k-textbox",sm=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],im={size:[d.undefined,d.small,d.medium,d.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},Mr={showClearButton:!0,showValidationIcon:!0,separators:!0},me=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Mr.separators,showClearButton:i=Mr.showClearButton,showValidationIcon:c=Mr.showValidationIcon,prefix:b,suffix:T,type:k,value:L,placeholder:C,hover:f,focus:A,valid:S,invalid:R,required:P,loading:G,disabled:J,readonly:xe,id:Me,"aria-label":Ve,"aria-describedby":nt,...st}=e;return Ml(we,{...st,size:t,rounded:o,fillMode:a,hover:f,focus:A,valid:S,invalid:R,required:P,loading:G,disabled:J,readonly:xe,className:r(e.className,Ps),children:[b&&Ml(Gs,{children:[lo(xt,{children:b}),l&&lo(gt,{})]}),lo(dt,{id:Me,placeholder:C,value:L,type:k,disabled:J,"aria-label":Ve,"aria-describedby":nt,"aria-invalid":R?"true":void 0}),c&&lo(We,{valid:S,invalid:R,loading:G,disabled:J}),lo(je,{loading:G,disabled:J}),i&&lo(it,{loading:G,disabled:J,readonly:xe,value:L}),T&&Ml(Gs,{children:[l&&lo(gt,{}),lo(Nt,{children:T})]})]})};me.states=sm;me.options=im;me.className=Ps;me.defaultOptions=Mr;me.moduleName=yl;me.folderName=Os;me.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var Ea=me;import{jsx as dm}from"react/jsx-runtime";var Hs=e=>dm(Ea,{...e});import{Fragment as cC,jsx as dC}from"react/jsx-runtime";import{Fragment as TC,jsx as fC}from"react/jsx-runtime";import{jsx as gC}from"react/jsx-runtime";import{jsx as wl}from"react/jsx-runtime";var cm=me.states,pm=me.defaultOptions,mm=me.options,um=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],bm=[],Ra=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?wl(m,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[l]?wl(vo,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[l];break;default:break}}),wl(Hs,{value:"Value",style:{width:300},...o,...a})};Ra.options=mm;Ra.states=cm;Ra.variants=bm;Ra.defaultOptions=pm;Ra.modifiers=um;import{jsx as no,jsxs as Sl}from"react/jsx-runtime";var Ks="k-actionsheet-titlebar",fm={},Xe=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:l,filter:i,input:c,inputValue:b,inputPlaceholder:T,adaptive:k,titleId:L,children:C,...f}=e;return Sl("div",{...f,className:r(e.className,Ks),children:[Sl("div",{className:"k-actionsheet-titlebar-group",children:[a&&no("div",{className:"k-actionsheet-actions",children:a}),!C&&Sl("div",{className:"k-actionsheet-title",id:L,children:[t&&no("div",{className:"k-text-center",children:t}),o&&no("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),C&&no("div",{className:"k-actionsheet-title",id:L,children:C}),l&&no("div",{className:"k-actionsheet-actions",children:l})]}),(c\|\|i)&&no("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?no(me,{value:b,placeholder:T,size:k?"large":"medium","aria-label":t\|\|T\|\|"Input"}):no(kt,{placeholder:"Filter",size:k?"large":"medium","aria-label":"Filter options"})})]})};Xe.className=Ks;Xe.defaultOptions=fm;import{jsx as Al,jsxs as Nm}from"react/jsx-runtime";var El="k-actionsheet-view",Tm=[],hm={},xm={},zo=e=>{let{adaptive:t,animated:o,children:a,header:l,footer:i,titleId:c,...b}=e,T=l?.type===Xe&&Al(Xe,{adaptive:t,titleId:c,...l?.props}),k=i?.type===ro&&Al(ro,{...i?.props});return Nm("div",{...b,className:r(e.className,El,{[`${El}-animated`]:o}),children:[T,Al("div",{className:"k-actionsheet-content",children:a}),k]})};zo.states=Tm;zo.options=hm;zo.className=El;zo.defaultOptions=xm;var Ia="action-sheet",wr=Ia;var Rl="overlay",Ds=Rl;import{jsx as Lm}from"react/jsx-runtime";var Il="k-overlay",gm=[],km={themeColor:[N.undefined,N.light,N.dark,N.inverse]},vm={},so=e=>{let{themeColor:t,...o}=e;return Lm("div",{...o,className:r(e.className,Il,E(Il,{themeColor:t})),children:e.children})};so.states=gm;so.options=km;so.className=Il;so.defaultOptions=vm;so.moduleName=Rl;so.folderName=Ds;import{jsx as Sr,jsxs as Mm}from"react/jsx-runtime";var Bs="k-actionsheet",Cm=[],ym={},Oa={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Le=e=>{let{side:t=Oa.side,fullscreen:o=Oa.fullscreen,adaptive:a=Oa.adaptive,overlay:l=Oa.overlay,template:i,children:c,header:b,footer:T,id:k,...L}=e,C=k&&!i&&b?`${k}-title`:void 0;return Mm("div",{className:"k-actionsheet-container",children:[l&&Sr(so,{}),Sr(Ht,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"\|\|t==="bottom"?"width":null}`]:"100%",[`${t==="left"\|\|t==="right"?"height":null}`]:"100%"},children:Sr("div",{...L,id:k,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":C,className:r(e.className,Bs,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i\|\|Sr(zo,{header:b,footer:T,adaptive:a,titleId:C,...e,children:c})})})]})};Le.states=Cm;Le.options=ym;Le.className=Bs;Le.defaultOptions=Oa;Le.moduleName=Ia;Le.folderName=wr;Le.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};import{jsx as Em}from"react/jsx-runtime";var _s="k-actionsheet-container",wm=[],Sm={},Am={},Uo=e=>{let{children:t,...o}=e;return Em("div",{...o,className:_s,children:t})};Uo.states=wm;Uo.options=Sm;Uo.className=_s;Uo.defaultOptions=Am;Uo.moduleName=Ia;Uo.folderName=wr;import{jsx as Rm}from"react/jsx-runtime";var Ol=e=>{let{...t}=e;return Rm("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as Om,jsx as Ga,jsxs as Gl}from"react/jsx-runtime";var Pl="k-actionsheet-item",Im=[s.hover,s.focus,s.selected,s.disabled],io=e=>{let{iconName:t,text:o,description:a,hover:l,focus:i,selected:c,disabled:b,...T}=e;return Gl("span",{...T,className:r(e.className,Pl,I(Pl,{hover:l,focus:i,selected:c,disabled:b})),children:[!e.children&&Ga(Om,{children:Gl("span",{className:"k-actionsheet-action",children:[t&&Ga("span",{className:"k-icon-wrap",children:Ga(m,{className:"k-actionsheet-item-icon",icon:t})}),Gl("span",{className:"k-actionsheet-item-text",children:[o&&Ga("span",{className:"k-actionsheet-item-title",children:o}),a&&Ga("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};io.states=Im;io.className=Pl;import{jsx as Ny,jsxs as gy}from"react/jsx-runtime";import{jsx as Cy}from"react/jsx-runtime";import{jsx as Sy}from"react/jsx-runtime";import{jsx as Iy}from"react/jsx-runtime";import{jsx as Ge,jsxs as Hl}from"react/jsx-runtime";var Gm=Le.options,Pm=Le.states,Us={...Le.defaultOptions,variant:"normal"},Hm=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Km=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Pa=e=>{let{variant:t,modifiers:o,...a}={...Us,...e},l={},i=Hl(Ol,{children:[Ge(io,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),Ge(io,{text:"Add to Favorites",iconName:"heart"}),Ge(io,{text:"Upload New",iconName:"upload",disabled:!0}),Ge("hr",{className:"k-hr"}),Ge(io,{text:"Cancel",iconName:"cancel"})]}),c="Choose from the items below",b="Select Item";return t==="fullScreen"&&(l.fullScreen=!0),Object.keys(o\|\|{}).forEach(T=>{switch(T){case"actions":l.actionsStart=!!o?.[T],l.actionsEnd=!!o?.[T];break;case"subtitle":l.subtitle=o?.[T]?c:void 0;break;case"footer":l.footer=!!o?.[T];break;default:break}}),t==="adaptive"?Ge(Le,{...a,adaptive:!0,fullscreen:l.fullScreen,header:Ge(Xe,{actionsStart:l.actionsStart?Ge(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Ge(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:b,subtitle:l.subtitle}),footer:l.footer?Hl(ro,{alignment:"stretched",children:[Ge(p,{text:"Cancel",size:"large",themeColor:"base"}),Ge(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):Ge(Le,{...a,fullscreen:l.fullScreen,header:Ge(Xe,{actionsStart:l.actionsStart?Ge(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Ge(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?Hl(ro,{alignment:"stretched",children:[Ge(p,{text:"Apply",themeColor:"primary"}),Ge(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};Pa.options=Gm;Pa.states=Pm;Pa.variants=Hm;Pa.defaultOptions=Us;Pa.modifiers=Km;var Kl="slider",Fs=Kl;import{jsx as Fo,jsxs as Dl}from"react/jsx-runtime";var Ha="k-slider",Dm=[s.hover,s.focus,s.active,s.disabled,s.readonly],Bm={},vt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},Te=e=>{let{type:t=vt.type,orientation:o=vt.orientation,gradientType:a=vt.gradientType,readonly:l=vt.readonly,disabled:i=vt.disabled,handlePosition:c=vt.handlePosition,showButtons:b=vt.showButtons,showTicks:T=vt.showTicks,value:k=vt.value,min:L=vt.min,max:C=vt.max,startValue:f,endValue:A,hover:S,focus:R,active:P,trackStyle:G,dir:J,...xe}=e,Ve=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),nt,st;return o==="horizontal"?(nt=J==="rtl"?"caret-alt-left":"caret-alt-right",st=J==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(nt="caret-alt-up",st="caret-alt-down"),Dl("div",{...xe,className:r(Ha,e.className,I(Ha,{readonly:l,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:J,children:[b&&Fo(p,{className:"k-button-decrease",rounded:"full",icon:st,tabIndex:-1,title:"Decrease"}),Dl("div",{className:"k-slider-track-wrap",children:[T&&Fo("ul",{className:"k-reset k-slider-items",children:e.children}),Dl("div",{className:"k-slider-track",style:G,children:[Fo("div",{className:"k-slider-selection"}),t==="range"&&Fo("span",{className:r("k-draghandle","k-draghandle-start",I(Ha,{hover:S,focus:R,active:P})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":f??L,"aria-valuemin":L,"aria-valuemax":A??C,"aria-orientation":Ve,"aria-disabled":i?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":xe["aria-label"]?`${xe["aria-label"]} start`:"Range start"}),Fo("span",{className:r("k-draghandle",`k-draghandle-${c}`,I(Ha,{hover:S,focus:R,active:P})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?A??C:k,"aria-valuemin":t==="range"?f??L:L,"aria-valuemax":C,"aria-orientation":Ve,"aria-disabled":i?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":t==="range"?xe["aria-label"]?`${xe["aria-label"]} end`:"Range end":xe["aria-label"]})]})]}),b&&Fo(p,{className:"k-button-increase",rounded:"full",icon:nt,tabIndex:-1,title:"Increase"})]})};Te.states=Dm;Te.options=Bm;Te.className=Ha;Te.defaultOptions=vt;Te.moduleName=Kl;Te.folderName=Fs;Te.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'}]};import{jsx as $s}from"react/jsx-runtime";var Vs="k-tick",_m=[],zm={},Ws={label:!1},K=e=>{let{style:t,label:o=Ws.label,orientation:a,large:l,text:i,...c}=e;return $s("li",{...c,className:r(e.className,Vs,{[`k-tick-${a}`]:a,"k-tick-large":l}),style:t,children:o&&$s("span",{className:"k-label",children:i})})};K.states=_m;K.options=zm;K.className=Vs;K.defaultOptions=Ws;import{Fragment as Um,jsx as Lt,jsxs as Fm}from"react/jsx-runtime";var Xs=e=>Lt(Te,{"aria-label":e["aria-label"]\|\|"Slider",children:Fm(Um,{children:[Lt(K,{className:"k-first",label:!0,large:!0,text:"0"}),Lt(K,{}),Lt(K,{}),Lt(K,{}),Lt(K,{}),Lt(K,{label:!0,large:!0,text:"5"}),Lt(K,{}),Lt(K,{}),Lt(K,{}),Lt(K,{}),Lt(K,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as $m,jsx as Ct,jsxs as Vm}from"react/jsx-runtime";var Js=e=>Ct(Te,{children:Vm($m,{children:[Ct(K,{className:"k-first",label:!0,large:!0,text:"0"}),Ct(K,{}),Ct(K,{}),Ct(K,{}),Ct(K,{}),Ct(K,{label:!0,large:!0,text:"5"}),Ct(K,{}),Ct(K,{}),Ct(K,{}),Ct(K,{}),Ct(K,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});import{Fragment as gM,jsx as NM,jsxs as kM}from"react/jsx-runtime";import{Fragment as MM,jsx as yM,jsxs as wM}from"react/jsx-runtime";import{jsx as Wm}from"react/jsx-runtime";var Bl=e=>Wm(Te,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{jsx as Xm}from"react/jsx-runtime";var _l=e=>Xm(Te,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{Fragment as DM,jsx as KM,jsxs as BM}from"react/jsx-runtime";import{Fragment as $M,jsx as FM,jsxs as VM}from"react/jsx-runtime";import{jsx as Dt,jsxs as qs}from"react/jsx-runtime";var Jm=Te.options,qm=Te.states,Ys={...Te.defaultOptions,variant:"horizontal",label:!0},Ym=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Qm=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Ka=e=>{let{variant:t,modifiers:o,...a}={...Ys,...e},l={};Object.keys(o\|\|{}).forEach(k=>{switch(k){case"button":{l.showButtons=!!o?.[k];break}case"label":{l.label=!!o?.[k];break}case"tick":{l.showTicks=!!o?.[k];break}}});let{label:i=!0,showButtons:c,showTicks:b}=l,T={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?qs(Js,{showTicks:b,showButtons:c,style:{height:"300px",...T},...a,children:[Dt(K,{label:i,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),Dt(K,{label:i,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),Dt(K,{label:i,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),Dt(K,{label:i,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),Dt(K,{label:i,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):qs(Xs,{showTicks:b,showButtons:c,style:{width:"400px",...T},...a,children:[Dt(K,{label:i,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),Dt(K,{label:i,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),Dt(K,{label:i,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),Dt(K,{label:i,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),Dt(K,{label:i,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Ka.options=Jm;Ka.states=qm;Ka.variants=Ym;Ka.defaultOptions=Ys;Ka.modifiers=Qm;import{jsx as Qs,jsxs as ou}from"react/jsx-runtime";var Zs="k-spin-button",eu=[],tu={size:[d.undefined,d.small,d.medium,d.large],fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link]},zl={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},co=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:l=zl.increaseLabel,decreaseLabel:i=zl.decreaseLabel,...c}=e;return ou("span",{...c,className:r(Zs,e.className),children:[Qs(p,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":l}),Qs(p,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};co.states=eu;co.options=tu;co.className=Zs;co.defaultOptions=zl;co.moduleName=null;co.folderName=null;var js="numeric-textbox",ei="numerictextbox";import{Fragment as ti,jsx as Wt,jsxs as Ul}from"react/jsx-runtime";var oi="k-numerictextbox",au=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],ru={size:[d.undefined,d.small,d.medium,d.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},Ar={showSpinButton:!0,showClearButton:!0,separators:!0},Y=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Ar.separators,showClearButton:i=Ar.showClearButton,showSpinButton:c=Ar.showSpinButton,prefix:b,suffix:T,value:k,placeholder:L,hover:C,focus:f,valid:A,invalid:S,required:R,loading:P,disabled:G,readonly:J,id:xe,"aria-label":Me,"aria-describedby":Ve,...nt}=e;return Ul(we,{...nt,size:t,rounded:o,fillMode:a,hover:C,focus:f,valid:A,invalid:S,required:R,loading:P,disabled:G,readonly:J,className:r(e.className,oi),children:[b&&Ul(ti,{children:[Wt(xt,{children:b}),l&&Wt(gt,{})]}),Wt(dt,{id:xe,placeholder:L,value:k,role:"spinbutton",disabled:G,"aria-label":Me,"aria-describedby":Ve,"aria-invalid":S?"true":void 0}),Wt(We,{valid:A,invalid:S,loading:P,disabled:G}),Wt(je,{loading:P,disabled:G}),i&&Wt(it,{loading:P,disabled:G,readonly:J,value:k}),T&&Ul(ti,{children:[l&&Wt(gt,{}),Wt(Nt,{children:T})]}),c&&Wt(co,{className:"k-input-spinner",size:t,fillMode:a,disabled:G})]})};Y.states=au;Y.options=ru;Y.className=oi;Y.defaultOptions=Ar;Y.moduleName=js;Y.folderName=ei;Y.ariaSpec={selector:".k-numerictextbox",rules:[{selector:".k-numerictextbox > .k-input-inner",attribute:"role=spinbutton",usage:"Announces the spin button capabilities of the NumericTextBox."},{selector:".k-numerictextbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuenow (when has value)",usage:"Announces the current value of the component."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemin (when has min)",usage:"Announces the minimum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemax (when has max)",usage:"Announces the maximum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the NumericTextBox is in an invalid state."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-numerictextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"role=button or nodeName=button",usage:"Describes the role of the spin buttons."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"aria-label",usage:"The button element requires discernible text."},{selector:".k-numerictextbox.k-disabled .k-spin-button > .k-button",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."}]};var Da=Y;import{jsx as lu}from"react/jsx-runtime";var ai=e=>lu(Da,{...e});import $l from"react";import{jsx as ri}from"react/jsx-runtime";var nu="k-list-group-sticky-header",Fl=e=>ri("div",{className:r(nu,e.className),children:ri("div",{className:"k-list-header-text",children:e.children})});import{jsx as iu}from"react/jsx-runtime";var su="k-no-data",Er=e=>{let{live:t,...o}=e;return iu("span",{...o,className:r(su,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Co="list",$o=Co;import{jsx as li,jsxs as ni}from"react/jsx-runtime";var Vl="k-list",du=[],cu={size:[d.undefined,d.small,d.medium,d.large]},pu={},te=e=>{let{size:t,virtualization:o,children:a,header:l,optionLabel:i,customValue:c,noData:b,screenReaders:T,...k}=e,C=$l.Children.toArray(a)[0],f=C?.props?.children?$l.Children.count(C.props.children):$l.Children.count(a);return ni("div",{...k,className:r(e.className,Vl,E(Vl,{size:t}),{"k-virtual-list":o}),children:[i,c,l&&li(Fl,{children:l}),a\|\|(b!==void 0?b:li(Er,{live:!0,children:"No data found."})),T&&a&&ni(Er,{className:"k-sr-only",live:!0,children:[f," items found."]})]})};te.states=du;te.options=cu;te.className=Vl;te.defaultOptions=pu;te.moduleName=Co;te.folderName=$o;te.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as fu}from"react/jsx-runtime";var si="k-list-container",mu=[],uu={},bu={},Vo=e=>{let{...t}=e;return fu("div",{...t,className:r(e.className,si),children:e.children})};Vo.states=mu;Vo.options=uu;Vo.className=si;Vo.defaultOptions=bu;Vo.moduleName=Co;Vo.folderName=$o;var yo="checkbox",Wo=yo;import{jsx as ii}from"react/jsx-runtime";var Rr="k-checkbox",Tu=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],hu={size:[d.undefined,d.small,d.medium,d.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full]},xu={},et=e=>{let{id:t,checked:o,indeterminate:a,hover:l,focus:i,disabled:c,invalid:b,valid:T,required:k,size:L,rounded:C,...f}=e;return ii("span",{className:"k-checkbox-wrap",children:ii("input",{...f,id:t,type:"checkbox",defaultChecked:o,required:k,disabled:c\|\|void 0,"aria-invalid":b?"true":void 0,className:r(e.className,Rr,E(Rr,{size:L,rounded:C}),I(Rr,{hover:l,focus:i,disabled:c,invalid:b,valid:T,indeterminate:a,checked:o}))})})};et.states=Tu;et.options=hu;et.className=Rr;et.defaultOptions=xu;et.moduleName=yo;et.folderName=Wo;et.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var Bt=et;import{jsx as ku}from"react/jsx-runtime";var di="k-checkbox-list",Nu=[],gu={},ci={layout:"vertical"},tt=e=>{let{layout:t=ci.layout,...o}=e;return ku("ul",{...o,className:r(e.className,di,{[`k-list-${t}`]:t}),children:e.children})};tt.states=Nu;tt.options=gu;tt.className=di;tt.defaultOptions=ci;tt.moduleName=yo;tt.folderName=Wo;import{jsx as yu}from"react/jsx-runtime";var pi="k-checkbox-list-item",vu=[],Lu={},Cu={},Je=e=>{let{...t}=e;return yu("li",{...t,className:r(e.className,pi),children:e.children})};Je.states=vu;Je.options=Lu;Je.className=pi;Je.defaultOptions=Cu;Je.moduleName=yo;Je.folderName=Wo;import{Fragment as Mu,jsx as mi,jsxs as wu}from"react/jsx-runtime";var Xt=({children:e,id:t,...o})=>wu(Mu,{children:[mi(Bt,{id:t,...o}),mi("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as fS,jsx as bS,jsxs as TS}from"react/jsx-runtime";import{Fragment as kS,jsx as gS,jsxs as vS}from"react/jsx-runtime";import{Fragment as wS,jsx as MS,jsxs as SS}from"react/jsx-runtime";import{jsx as IS}from"react/jsx-runtime";import{jsx as HS}from"react/jsx-runtime";import{jsx as _S}from"react/jsx-runtime";import{jsx as yt,jsxs as ui}from"react/jsx-runtime";var Su=tt.options,Au=tt.states,Eu={...tt.defaultOptions,variant:"vertical"},Ru=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Iu=[],Ba=e=>{let{variant:t,...o}=e;return t==="horizontal"?ui(tt,{layout:"horizontal",...o,children:[yt(Je,{children:yt(Xt,{id:"first",defaultChecked:!0,children:"Label"})}),yt(Je,{children:yt(Xt,{id:"second",children:"Label"})}),yt(Je,{children:yt(Xt,{id:"third",children:"Label"})})]}):ui(tt,{...o,children:[yt(Je,{children:yt(Xt,{id:"first",defaultChecked:!0,children:"Label"})}),yt(Je,{children:yt(Xt,{id:"second",children:"Label"})}),yt(Je,{children:yt(Xt,{id:"third",children:"Label"})})]})};Ba.options=Su;Ba.states=Au;Ba.variants=Ru;Ba.defaultOptions=Eu;Ba.modifiers=Iu;import{jsx as Du}from"react/jsx-runtime";var Ou=Bt.options,Gu=Bt.states,Pu=Bt.defaultOptions,Hu=[],Ku=[],_a=e=>Du(Xt,{id:"checkbox-demo-checkbox",...e,defaultChecked:!0,children:"Label"});_a.options=Ou;_a.states=Gu;_a.variants=Hu;_a.defaultOptions=Pu;_a.modifiers=Ku;import{jsx as Mo,jsxs as Uu}from"react/jsx-runtime";var Wl="k-list-item",Bu=[s.hover,s.focus,s.selected,s.disabled],_u={},zu={},F=e=>{let{text:t,groupLabel:o,group:a,iconName:l,iconClassName:i,showCheckbox:c,checked:b,hover:T,focus:k,selected:L,disabled:C,actions:f,description:A,id:S,...R}=e,P=t\|\|e.children;return Uu("li",{...R,id:S,role:a?"presentation":"option",tabIndex:a?void 0:k?0:-1,"aria-selected":!a&&L?"true":a?void 0:"false","aria-disabled":!a&&C?"true":void 0,className:r(e.className,a?"k-list-group-item":Wl,I(Wl,{hover:T,focus:k,disabled:C,selected:L})),children:[c&&Mo(et,{checked:b}),l&&Mo("span",{className:"k-list-item-icon-wrapper",children:Mo(m,{icon:l,className:r("k-list-item-icon",i)})}),Mo("span",{className:"k-list-item-text",children:P}),f&&Mo("div",{className:"k-list-item-actions",children:f}),A&&Mo("span",{className:"k-list-item-description",children:A}),o&&o!==""&&Mo("div",{className:"k-list-item-group-label",children:o})]})};F.states=Bu;F.options=_u;F.className=Wl;F.defaultOptions=zu;F.moduleName=Co;F.folderName=$o;F.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as $u}from"react/jsx-runtime";var Fu="k-list-ul",Jt=e=>{let{children:t,role:o,id:a,...l}=e;return $u("ul",{...l,id:a,role:o,className:r(Fu,e.className),children:t})};Jt.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};import{jsx as Xl,jsxs as Wu}from"react/jsx-runtime";var Vu="k-list-content",ce=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":l,listboxId:i,...c}=e;return Wu("div",{...c,className:r(Vu,e.className),role:o?"listbox":void 0,id:o?i:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?l:void 0,children:[o?e.children:Xl(Jt,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":l,children:e.children}),t&&Xl("div",{className:"k-height-container",children:Xl("div",{})})]})};ce.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{Fragment as SA,jsx as wA,jsxs as AA}from"react/jsx-runtime";import{jsx as Jl,jsxs as Ju}from"react/jsx-runtime";var Xu="k-list-group-item",wo=e=>{let{groupIconName:t,...o}=e;return Ju("li",{...o,role:"presentation",className:r(Xu,e.className),children:[t&&Jl("span",{className:"k-list-item-icon-wrapper",children:Jl(m,{icon:t,className:"k-list-item-icon"})}),Jl("span",{className:"k-list-item-text",children:e.children})]})};wo.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as Zu}from"react/jsx-runtime";var ql="k-list-optionlabel",qu=[s.hover,s.focus,s.selected,s.disabled],Yu={},Qu={},Ir=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:i,...c}=e;return Zu("div",{...c,className:r(ql,I(ql,{hover:o,focus:a,selected:l,disabled:i})),children:t})};Ir.states=qu;Ir.options=Yu;Ir.className=ql;Ir.defaultOptions=Qu;import{jsx as ob}from"react/jsx-runtime";var Yl="k-list-custom-value",ju=[s.hover,s.focus,s.selected,s.disabled],eb={},tb={},po=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:i,...c}=e;return ob("div",{...c,className:r(Yl,I(Yl,{hover:o,focus:a,selected:l,disabled:i})),children:t})};po.states=ju;po.options=eb;po.className=Yl;po.defaultOptions=tb;import{Fragment as VA,jsx as $A,jsxs as WA}from"react/jsx-runtime";import{Fragment as ZA,jsx as QA,jsxs as jA}from"react/jsx-runtime";import{Fragment as nE,jsx as rE,jsxs as lE}from"react/jsx-runtime";import{Fragment as uE,jsx as pE,jsxs as mE}from"react/jsx-runtime";import{jsx as hE}from"react/jsx-runtime";import{Fragment as LE,jsx as vE,jsxs as CE}from"react/jsx-runtime";var bi="dropdown-list",fi="dropdownlist";import{Fragment as lb,jsx as qe,jsxs as Ql}from"react/jsx-runtime";var Ti="k-dropdownlist",ab=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],rb={size:[d.undefined,d.small,d.medium,d.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},Zl={showValue:!0,arrowIconName:"caret-alt-down"},ue=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=Zl.arrowIconName,showValue:i=Zl.showValue,valueIconName:c,prefix:b,suffix:T,value:k,placeholder:L,hover:C,focus:f,valid:A,invalid:S,required:R,loading:P,disabled:G,readonly:J,popup:xe,opened:Me,adaptive:Ve,adaptiveSettings:nt,adaptiveTitle:st,adaptiveSubtitle:_o,adaptiveFilter:tl,...xr}=e;return Ql(lb,{children:[Ql(Gt,{...xr,size:t,rounded:o,fillMode:a,hover:C,focus:f,valid:A,invalid:S,required:R,loading:P,disabled:G,readonly:J,className:r(e.className,Ti,{"k-icon-picker":!i&&c}),children:[qe(xt,{children:b}),qe(Lo,{placeholder:L,value:k,showValue:i,valueIconName:c}),qe(We,{valid:A,invalid:S,loading:P,disabled:G}),qe(je,{loading:P,disabled:G}),qe(Nt,{children:T}),qe(p,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":L\|\|"Toggle dropdown"})]}),Me&&xe&&qe(fe,{className:"k-list-container k-dropdownlist-popup",children:xe}),Ve&&qe(Le,{adaptive:!0,...nt,header:qe(Xe,{actionsEnd:qe(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:tl,inputValue:k,inputPlaceholder:L,title:st,subtitle:_o}),children:qe("div",{className:"k-list-container",children:qe(te,{size:"large",children:Ql(ce,{children:[qe(F,{text:"List item"}),qe(F,{text:"List item"}),qe(F,{text:"List item"})]})})})})]})};ue.states=ab;ue.options=rb;ue.className=Ti;ue.defaultOptions=Zl;ue.moduleName=bi;ue.folderName=fi;import{jsx as oR}from"react/jsx-runtime";import{jsx as sR,jsxs as iR}from"react/jsx-runtime";import{Fragment as TR,jsx as bR,jsxs as fR}from"react/jsx-runtime";import{jsx as gR}from"react/jsx-runtime";import{jsx as yR,jsxs as MR}from"react/jsx-runtime";import{Fragment as GR,jsx as IR,jsxs as OR}from"react/jsx-runtime";import{Fragment as pb,jsx as mo,jsxs as hi}from"react/jsx-runtime";var nb=ue.states,sb=ue.defaultOptions,ib=ue.options,db=[{name:"opened",title:"Opened"}],cb=[],Ua=e=>{let{modifiers:t,...o}=e,a={},l=hi(pb,{children:[mo("div",{className:"k-list-filter",children:mo(kt,{})}),mo(te,{style:{width:300},size:o.size,children:hi(ce,{children:[mo(F,{children:"List item"}),mo(F,{children:"List item"}),mo(F,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(i=>{i==="opened"&&(a.opened=!!t?.[i],a.popup=t?.[i]?l:void 0)}),mo("div",{children:mo(ue,{placeholder:"Value",style:{width:300},...o,...a})})};Ua.options=ib;Ua.states=nb;Ua.variants=cb;Ua.defaultOptions=sb;Ua.modifiers=db;import{Fragment as tI,jsx as eI}from"react/jsx-runtime";import{Fragment as sI,jsx as nI}from"react/jsx-runtime";import{jsx as pI}from"react/jsx-runtime";import{jsx as jl}from"react/jsx-runtime";var mb=Y.states,ub=Y.defaultOptions,bb=Y.options,fb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Tb=[],Fa=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?jl(ue,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[l]?jl(hl,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[l];break;case"spin-button":a.showSpinButton=t?.[l];break;default:break}}),jl(ai,{value:"Value",style:{width:300},...o,...a})};Fa.options=bb;Fa.states=mb;Fa.variants=Tb;Fa.defaultOptions=ub;Fa.modifiers=fb;import{Fragment as $a,jsx as Z,jsxs as Ce}from"react/jsx-runtime";var xi="k-colorgradient-inputs",hb=[],xb={size:[d.undefined,d.small,d.medium,d.large]},Ni={mode:"rgba"},Xo=e=>{let{mode:t=Ni.mode,size:o,...a}=e;return Ce("div",{...a,className:r(xi,"k-hstack"),children:[Z("div",{className:"k-vstack",children:Z(p,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&Ce($a,{children:[Ce("div",{className:"k-vstack",children:[Z(Y,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),Z("label",{className:"k-colorgradient-input-label",children:"R"})]}),Ce("div",{className:"k-vstack",children:[Z(Y,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),Z("label",{className:"k-colorgradient-input-label",children:"G"})]}),Ce("div",{className:"k-vstack",children:[Z(Y,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),Z("label",{className:"k-colorgradient-input-label",children:"B"})]}),Ce("div",{className:"k-vstack",children:[Z(Y,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),Z("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&Ce($a,{children:[Ce("div",{className:"k-vstack",children:[Z(Y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),Z("label",{className:"k-colorgradient-input-label",children:"R"})]}),Ce("div",{className:"k-vstack",children:[Z(Y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),Z("label",{className:"k-colorgradient-input-label",children:"G"})]}),Ce("div",{className:"k-vstack",children:[Z(Y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),Z("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&Ce($a,{children:[Ce("div",{className:"k-vstack",children:[Z(Y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),Z("label",{className:"k-colorgradient-input-label",children:"H"})]}),Ce("div",{className:"k-vstack",children:[Z(Y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),Z("label",{className:"k-colorgradient-input-label",children:"S"})]}),Ce("div",{className:"k-vstack",children:[Z(Y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),Z("label",{className:"k-colorgradient-input-label",children:"V"})]}),Ce("div",{className:"k-vstack",children:[Z(Y,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),Z("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&Ce($a,{children:[Ce("div",{className:"k-vstack",children:[Z(Y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),Z("label",{className:"k-colorgradient-input-label",children:"H"})]}),Ce("div",{className:"k-vstack",children:[Z(Y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),Z("label",{className:"k-colorgradient-input-label",children:"S"})]}),Ce("div",{className:"k-vstack",children:[Z(Y,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),Z("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&Z($a,{children:Ce("div",{className:"k-vstack k-flex-1",children:[Z(me,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),Z("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Xo.states=hb;Xo.options=xb;Xo.className=xi;Xo.defaultOptions=Ni;import{jsx as So,jsxs as Ao}from"react/jsx-runtime";var gi="k-colorgradient-color-contrast",Nb=[],gb={},kb={},Jo=()=>Ao("div",{className:r(gi,"k-vbox"),children:[Ao("div",{className:"k-contrast-ratio",children:[So("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),Ao("span",{className:"k-contrast-validation !k-text-success",children:[So(m,{icon:"check"}),So(m,{icon:"check"})]})]}),Ao("div",{children:[So("span",{children:"AA: 4.5"}),Ao("span",{className:"k-contrast-validation !k-text-success",children:["Pass",So(m,{icon:"check"})]})]}),Ao("div",{children:[So("span",{children:"AAA: 7.0"}),Ao("span",{className:"k-contrast-validation !k-text-error",children:["Fail",So(m,{icon:"x"})]})]})]});Jo.states=Nb;Jo.options=gb;Jo.className=gi;Jo.defaultOptions=kb;var ki="color-gradient",vi="colorgradient";import{jsx as wt,jsxs as Va}from"react/jsx-runtime";var Or="k-colorgradient",vb=[s.hover,s.focus,s.readonly,s.disabled],Lb={size:[d.undefined,d.small,d.medium,d.large]},_t={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},Pe=e=>{let{size:t,mode:o=_t.mode,readonly:a=_t.readonly,disabled:l=_t.disabled,gradientStyle:i=_t.gradientStyle,dragHandleStyle:c=_t.dragHandleStyle,alphaStyle:b=_t.alphaStyle,alphaStyleHorizontal:T=_t.alphaStyleHorizontal,contrast:k=_t.contrast,dir:L,hover:C,focus:f,hoverHandle:A,focusHandle:S,canvasOrientation:R=_t.canvasOrientation,role:P,tabIndex:G,...J}=e;return Va("div",{...J,role:P??"textbox","aria-label":P==="none"?void 0:"Color gradient",tabIndex:G??0,"aria-disabled":l?"true":void 0,className:r(e.className,Or,E(Or,{size:t}),I(Or,{hover:C,focus:f,readonly:a,disabled:l})),dir:L,children:[!R\|\|R==="horizontal"&&Va("div",{className:"k-colorgradient-canvas k-hstack",children:[wt("div",{className:"k-hsv-rectangle",style:i,children:wt("div",{className:"k-hsv-gradient",children:wt("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":A,"k-focus":S}),style:c,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Va("div",{className:"k-hsv-controls k-hstack",children:[wt(_l,{className:"k-hue-slider",hover:A,focus:S}),o!=="rgb"&&o!=="hsv"&&wt(_l,{className:"k-alpha-slider",hover:A,focus:S,trackStyle:b})]})]}),R==="vertical"&&Va("div",{className:"k-colorgradient-canvas k-vstack",children:[wt("div",{className:"k-hsv-rectangle",style:i,children:wt("div",{className:"k-hsv-gradient",children:wt("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":A,"k-focus":S}),style:c,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Va("div",{className:"k-hsv-controls k-vstack",children:[wt(Bl,{className:"k-hue-slider",hover:A,focus:S}),o!=="rgb"&&o!=="hsv"&&wt(Bl,{className:"k-alpha-slider",hover:A,focus:S,trackStyle:T})]})]}),wt(Xo,{mode:e.mode,size:t}),k&&wt(Jo,{})]})};Pe.states=vb;Pe.options=Lb;Pe.className=Or;Pe.defaultOptions=_t;Pe.moduleName=ki;Pe.folderName=vi;Pe.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};import{jsx as Cb}from"react/jsx-runtime";var Gr=e=>Cb(Pe,{...e});import{jsx as YI}from"react/jsx-runtime";import{jsx as eO}from"react/jsx-runtime";import{jsx as en}from"react/jsx-runtime";var yb=Pe.options,Mb=Pe.states,wb={...Pe.defaultOptions,variant:"rgba"},Sb=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Ab=[],Wa=e=>{let{variant:t,...o}=e;switch(t){case"hex":return en(Gr,{...o,mode:t});case"rgb":return en(Gr,{...o,mode:t});default:return en(Gr,{...o,mode:t})}};Wa.options=yb;Wa.states=Mb;Wa.variants=Sb;Wa.defaultOptions=wb;Wa.modifiers=Ab;import{jsx as Eb}from"react/jsx-runtime";var tn=e=>Eb("tr",{role:"row",children:e.children});import{jsx as Ob}from"react/jsx-runtime";var on="k-colorpalette-tile",Rb=[s.hover,s.focus,s.selected],Ib={},qo=e=>{let{color:t,tileSize:o,hover:a,focus:l,selected:i,...c}=e,b={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Ob("td",{...c,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:r(e.className,on,I(on,{hover:a,focus:l,selected:i})),style:b})};qo.states=Rb;qo.options=Ib;qo.className=on;var Li="color-palette",Ci="colorpalette";import{jsx as Xa}from"react/jsx-runtime";var Pr="k-colorpalette",Gb=[s.disabled],Pb={size:[d.undefined,d.small,d.medium,d.large]},yi={columns:10},ot=e=>{let{size:t,palette:o,columns:a=yi.columns,tileSize:l,disabled:i,...c}=e,b=[];if(o){let T=a\|\|o.columns,k=o.colors?o.colors:o;Array.isArray(k)&&Array.from({length:Math.ceil(k.length/T)},(L,C)=>{let f=[];k.slice(CT,(C+1)T).map((S,R)=>{f.push(Xa(qo,{color:S,tileSize:l},R))});let A=Xa(tn,{children:f},C);b.push(A)})}return Xa("div",{...c,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:r(e.className,Pr,I(Pr,{disabled:i}),E(Pr,{size:t})),children:Xa("table",{className:"k-colorpalette-table",role:"none",children:Xa("tbody",{children:b.length>0?b:e.children})})})};ot.states=Gb;ot.options=Pb;ot.className=Pr;ot.defaultOptions=yi;ot.moduleName=Li;ot.folderName=Ci;ot.ariaSpec={selector:".k-colorpalette",rules:[{selector:".k-colorpalette",attribute:"role=grid",usage:"The focusable wrapper announces its role as a grid."},{selector:".k-colorpalette",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpalette",attribute:"aria-activedescendant",usage:"Points to the focused cell in the table."},{selector:".k-colorpalette",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpalette.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorPalette is disabled."},{selector:".k-colorpalette-table",attribute:"role=none or role=presentation",usage:"Negates the default role of the table element."},{selector:".k-colorpalette-table>tbody>tr",attribute:"role=row",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"role=gridcell",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"aria-label or title",usage:"The text representation of the color value for the current cell."},{selector:".k-colorpalette-tile.k-selected",attribute:"aria-selected=true",usage:"Present on the currently selected cell."}]};var Hr=ot;var Ja={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as Hb}from"react/jsx-runtime";var Mi=e=>Hb(Hr,{palette:Ja.basic,...e});import{jsx as PO}from"react/jsx-runtime";import{jsx as zO,jsxs as UO}from"react/jsx-runtime";import{jsx as Fb}from"react/jsx-runtime";var Kb=ot.options,Db=ot.states,Bb={...ot.defaultOptions,variant:"basic"},_b=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],zb={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}},Ub=[],qa=e=>{let{variant:t="basic",...o}=e,a=zb[t];return Fb(Mi,{columns:a.columns,palette:a,...o})};qa.options=Kb;qa.states=Db;qa.variants=_b;qa.defaultOptions=Bb;qa.modifiers=Ub;var wi="color-editor",Si="coloreditor";import{jsx as St,jsxs as Yo}from"react/jsx-runtime";var Kr="k-coloreditor",$b=[s.focus],Vb={size:[d.undefined,d.small,d.medium,d.large]},Ya={view:"gradient",palette:Ja.office,actionButtons:!0,canvasOrientation:"horizontal"},ye=e=>{let{size:t,view:o=Ya.view,palette:a=Ya.palette,color:l,currentColor:i,focus:c,focusView:b,dir:T,group:k,actionButtons:L=Ya.actionButtons,canvasOrientation:C=Ya.canvasOrientation,...f}=e;return Yo("div",{...f,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",Kr,E(Kr,{size:t}),I(Kr,{focus:c})),dir:T,children:[Yo("div",{className:"k-coloreditor-header k-hstack",children:[St("div",{className:"k-coloreditor-header-actions k-hstack",children:k&&Yo(B,{fillMode:"flat",children:[St(p,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),St(p,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),St("div",{className:"k-spacer"}),Yo("div",{className:"k-coloreditor-header-actions k-hstack",children:[St(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Yo("div",{className:"k-coloreditor-preview k-vstack",children:[St(ao,{className:"k-coloreditor-preview-color",color:l}),St(ao,{className:"k-coloreditor-current-color",color:i})]})]})]}),St("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?St(Pe,{focus:b,size:t,canvasOrientation:C,role:"none",tabIndex:-1}):St(ot,{palette:a,size:t})}),L&&Yo(Kt,{className:"k-coloreditor-footer",alignment:"start",children:[St(p,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),St(p,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};ye.states=$b;ye.options=Vb;ye.className=Kr;ye.defaultOptions=Ya;ye.moduleName=wi;ye.folderName=Si;ye.ariaSpec={selector:".k-flatcolorpicker",rules:[{selector:".k-flatcolorpicker",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a submittable value."},{selector:".k-flatcolorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-flatcolorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-flatcolorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the FlatColorPicker is disabled."},{selector:".k-colorgradient",attribute:"role=none",usage:"The inner ColorGradient must have its role removed."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var Qo=ye;import{jsx as hG}from"react/jsx-runtime";import{jsx as kG}from"react/jsx-runtime";import{jsx as Wb}from"react/jsx-runtime";var Ai=e=>Wb(Qo,{group:!0,currentColor:"fuchsia",...e});import{jsx as Xb}from"react/jsx-runtime";var Ei=e=>Xb(Qo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Ri}from"react/jsx-runtime";var Jb=ye.options,qb=ye.states,Yb={...ye.defaultOptions,variant:"gradient"},Qb=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Zb=[],Qa=e=>{let{variant:t,...o}=e;return t==="palette"?Ri(Ei,{...o,color:"white"}):Ri(Ai,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Qa.options=Jb;Qa.states=qb;Qa.variants=Qb;Qa.defaultOptions=Yb;Qa.modifiers=Zb;var Ii="color-picker",Oi="colorpicker";import{Fragment as tf,jsx as At,jsxs as an}from"react/jsx-runtime";var Gi="k-colorpicker",jb=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled],ef={size:[d.undefined,d.small,d.medium,d.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},Pi={arrowIconName:"caret-alt-down"},ct=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=Pi.arrowIconName,prefix:i,suffix:c,value:b,placeholder:T,hover:k,focus:L,valid:C,invalid:f,required:A,disabled:S,valueIconName:R,popup:P,opened:G,adaptive:J,adaptiveSettings:xe,adaptiveTitle:Me,adaptiveSubtitle:Ve,...nt}=e,st="colorpicker-popup";return an(tf,{children:[an(Gt,{...nt,size:t,rounded:o,fillMode:a,hover:k,focus:L,valid:C,invalid:f,required:A,disabled:S,role:"combobox","aria-haspopup":"dialog","aria-expanded":G?"true":"false","aria-controls":G\|\|J?st:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":S?"true":void 0,className:r(e.className,Gi,"k-icon-picker"),children:[At(xt,{children:i}),At(Lo,{placeholder:T,value:b,showValue:!1,valueIcon:At(ao,{className:"k-value-icon",color:b,iconName:R}),valueIconName:R}),At(Nt,{children:c}),At(p,{className:"k-input-button",icon:l,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:S})]}),G&&P&&At(fe,{id:st,className:"k-colorpicker-popup",children:P}),J&&At(Le,{adaptive:!0,id:st,...xe,header:At(Xe,{actionsEnd:At(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:Me,subtitle:Ve}),footer:an(ro,{children:[At(p,{text:"Cancel",size:"large"}),At(p,{text:"Set",size:"large",themeColor:"primary"})]}),children:At(ye,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};ct.states=jb;ct.options=ef;ct.className=Gi;ct.defaultOptions=Pi;ct.moduleName=Ii;ct.folderName=Oi;ct.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var uo=ct;import{jsx as of}from"react/jsx-runtime";var Dr=e=>of(uo,{...e});import{jsx as r0}from"react/jsx-runtime";import{jsx as d0}from"react/jsx-runtime";import{jsx as u0}from"react/jsx-runtime";import{jsx as h0}from"react/jsx-runtime";import{jsx as k0}from"react/jsx-runtime";import{jsx as y0}from"react/jsx-runtime";import{jsx as Eo}from"react/jsx-runtime";var af=uo.options,rf=uo.states,Hi={...uo.defaultOptions,variant:"color"},lf=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],nf=[{name:"opened",title:"Opened"}],Za=e=>{let{variant:t,modifiers:o,...a}={...Hi,...e},l={};Object.keys(o\|\|{}).forEach(c=>{c==="opened"&&(l.opened=!!o?.[c],l.popup=o?.[c]?Eo(ye,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let i=l.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return Eo("div",{style:i,children:Eo(Dr,{...a,...l})});case"icon":return Eo("div",{style:i,children:Eo(Dr,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...l})});default:return Eo("div",{style:i,children:Eo(Dr,{value:"rgba(183, 118 , 118, 1.00)",...a,...l})})}};Za.options=af;Za.states=rf;Za.variants=lf;Za.defaultOptions=Hi;Za.modifiers=nf;var rn="combobox",Ki=rn;import{Fragment as ln,jsx as Se,jsxs as ja}from"react/jsx-runtime";var Di="k-combobox",sf=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],df={size:[d.undefined,d.small,d.medium,d.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},Bi={separators:!0},Ye=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Bi.separators,prefix:i,suffix:c,value:b,placeholder:T,hover:k,focus:L,valid:C,invalid:f,required:A,loading:S,disabled:R,popup:P,opened:G,readonly:J,adaptive:xe,adaptiveSettings:Me,adaptiveTitle:Ve,adaptiveSubtitle:nt,adaptiveCustomValue:st,id:_o,autocomplete:tl,activeDescendant:xr,"aria-label":gc,...kc}=e,vc=_o?`${_o}-listbox`:void 0;return ja(ln,{children:[ja(we,{...kc,size:t,rounded:o,fillMode:a,hover:k,focus:L,valid:C,invalid:f,required:A,loading:S,disabled:R,readonly:J,className:r(e.className,Di),children:[i&&ja(ln,{children:[Se(xt,{children:i}),l&&Se(gt,{})]}),Se(dt,{placeholder:T,value:b,role:"combobox","aria-haspopup":"listbox","aria-expanded":G?"true":"false","aria-controls":G?vc:void 0,"aria-activedescendant":G&&xr?xr:void 0,"aria-autocomplete":tl,"aria-invalid":f?"true":void 0,"aria-busy":S?"true":void 0,"aria-label":gc,disabled:R,readOnly:J}),Se(We,{valid:C,invalid:f,loading:S,disabled:R}),Se(je,{loading:S,disabled:R}),Se(it,{loading:S,disabled:R,readonly:J,value:b}),c&&ja(ln,{children:[l&&Se(gt,{}),Se(Nt,{children:c})]}),Se(p,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:R})]}),G&&P&&Se(fe,{className:"k-list-container k-combobox-popup",containerClassName:"k-combobox-popup-container",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:P}),xe&&Se(Le,{adaptive:!0,id:_o?`${_o}-adaptive`:void 0,...Me,header:Se(Xe,{actionsEnd:Se(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:b,inputPlaceholder:T,title:Ve,subtitle:nt}),children:Se("div",{className:"k-list-container",children:Se(te,{customValue:st?Se(po,{text:`Use "${b}"`}):void 0,size:"large",children:ja(ce,{"aria-label":Ve\|\|"Options",children:[Se(F,{text:"List item"}),Se(F,{text:"List item"}),Se(F,{text:"List item"})]})})})})]})};Ye.states=sf;Ye.options=df;Ye.className=Di;Ye.defaultOptions=Bi;Ye.moduleName=rn;Ye.folderName=Ki;Ye.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list\|both\|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var pt=Ye;import{jsx as cf}from"react/jsx-runtime";var _i=e=>cf(pt,{...e});import{jsx as sP,jsxs as iP}from"react/jsx-runtime";import{jsx as bP,jsxs as fP}from"react/jsx-runtime";import{jsx as kP,jsxs as vP}from"react/jsx-runtime";import{Fragment as SP,jsx as wP}from"react/jsx-runtime";import{Fragment as GP,jsx as OP}from"react/jsx-runtime";import{jsx as _P,jsxs as zP}from"react/jsx-runtime";import{Fragment as qP,jsx as XP,jsxs as JP}from"react/jsx-runtime";import{jsx as jP}from"react/jsx-runtime";import{jsx as aH}from"react/jsx-runtime";import{jsx as dH,jsxs as cH}from"react/jsx-runtime";import{jsx as TH,jsxs as hH}from"react/jsx-runtime";import{jsx as bo,jsxs as Tf}from"react/jsx-runtime";var pf=Ye.states,mf=Ye.defaultOptions,uf=Ye.options,bf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],ff=[],er=e=>{let{modifiers:t,...o}=e,a={},l=bo(te,{style:{width:300},size:o.size,children:Tf(ce,{children:[bo(F,{children:"List item"}),bo(F,{children:"List item"}),bo(F,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?bo(m,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[i]?bo(oo,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[i],a.popup=t?.[i]?l:void 0;break;default:break}}),bo("div",{children:bo(_i,{value:"Value",style:{width:300},...o,...a})})};er.options=uf;er.states=pf;er.variants=ff;er.defaultOptions=mf;er.modifiers=bf;var nn="menu-button",zi=nn;import{jsx as Nf}from"react/jsx-runtime";var Ui="k-menu-button",hf=[s.hover,s.focus,s.active,s.selected,s.disabled],xf={size:[d.undefined,d.small,d.medium,d.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark,N.inverse]},sn={showArrow:!0,arrowIconName:"caret-alt-down"},be=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:c,active:b,selected:T,disabled:k,icon:L,text:C,showArrow:f=sn.showArrow,arrowIconName:A=sn.arrowIconName,expanded:S,...R}=e;return Nf(p,{...R,className:r(e.className,Ui),text:C,size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:c,active:b,selected:T,disabled:k,icon:L,showArrow:f,arrowIconName:A,"aria-expanded":S?"true":"false",...!C&&L&&!e["aria-label"]&&{"aria-label":"Menu"},...k&&{"aria-disabled":"true"}})};be.states=hf;be.options=xf;be.className=Ui;be.defaultOptions=sn;be.moduleName=nn;be.folderName=zi;be.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."}]};import{jsx as YH}from"react/jsx-runtime";import{jsx as e1}from"react/jsx-runtime";import{jsx as r1}from"react/jsx-runtime";var mt="menu",Et=mt;import{jsx as tr,jsxs as Fi}from"react/jsx-runtime";var dn="k-menu-item",gf=[s.hover,s.focus,s.active,s.selected,s.disabled],kf={},$i={iconPosition:"before"},Ue=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:i,icon:c,text:b,first:T,last:k,showArrow:L,arrowIconName:C,iconPosition:f=$i.iconPosition,dir:A,children:S,expanded:R,...P}=e,G=C;return G\|\|(G=A==="rtl"?"caret-alt-left":"caret-alt-right"),Fi("li",{...P,className:r(e.className,dn,"k-item",I(dn,{focus:o,disabled:i,hover:t,active:a,selected:l}),{"k-first":T,"k-last":k}),role:"menuitem",...L&&{"aria-haspopup":"menu"},...L&&{"aria-expanded":R?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Fi("span",{className:r("k-link k-menu-link"),children:[c&&f==="before"&&tr(m,{className:"k-menu-link-icon",icon:c}),tr("span",{className:"k-menu-link-text",children:b}),c&&f==="after"&&tr(m,{className:"k-menu-link-icon",icon:c}),L&&tr("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:tr(m,{icon:G})})]}),S]})};Ue.states=gf;Ue.options=kf;Ue.className=dn;Ue.defaultOptions=$i;Ue.moduleName=mt;Ue.folderName=Et;import{jsx as or,jsxs as Vi}from"react/jsx-runtime";var cn="k-menu-item",vf=[s.hover,s.focus,s.active,s.selected,s.disabled],Lf={},pn={dir:"ltr",iconPosition:"before"},Ne=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:i,icon:c,text:b,first:T,last:k,showArrow:L,arrowIconName:C,iconPosition:f=pn.iconPosition,dir:A=pn.dir,children:S,popup:R,expanded:P,...G}=e,J=C;return J\|\|(J=A==="rtl"?"caret-alt-left":"caret-alt-right"),Vi("li",{...G,className:r(e.className,cn,"k-item",I(cn,{focus:o,disabled:i}),{"k-first":T,"k-last":k}),role:"menuitem",...L&&{"aria-haspopup":"menu"},...L&&{"aria-expanded":P?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Vi("span",{className:r("k-link k-menu-link",I("k-menu-link",{hover:t,active:a,selected:l,disabled:i})),children:[c&&f==="before"&&or(m,{className:"k-menu-link-icon",icon:c}),or("span",{className:"k-menu-link-text",children:b}),c&&f==="after"&&or(m,{className:"k-menu-link-icon",icon:c}),L&&or("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:or(m,{icon:J})})]}),S,R]})};Ne.states=vf;Ne.options=Lf;Ne.className=cn;Ne.defaultOptions=pn;Ne.moduleName=mt;Ne.folderName=Et;import{jsx as wf}from"react/jsx-runtime";var Wi="k-menu-scroll-wrapper",Cf=[],yf={},Mf={},Ro=e=>{let{className:t,children:o,orientation:a,...l}=e;return wf("div",{...l,className:r(t,Wi,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};Ro.states=Cf;Ro.options=yf;Ro.className=Wi;Ro.defaultOptions=Mf;Ro.moduleName=mt;Ro.folderName=Et;var Xi=Ro;import{Fragment as mn,jsx as Io,jsxs as _r}from"react/jsx-runtime";var un="k-menu",Sf=[],Af={},zr={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},He=e=>{let{children:t,orientation:o=zr.orientation,header:a=zr.header,scrollable:l,scrollButtonsPosition:i=zr.scrollButtonsPosition,wrapperStyles:c,dir:b,popup:T,contextMenu:k,...L}=e,C={horizontal:{prev:b!=="rtl"?"left":"right",next:b!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},f=Io("ul",{dir:b,...L,className:r(e.className,"k-reset",un,{[`${un}-${o}`]:o,"k-header":a}),role:k?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return _r(mn,{children:[l?_r(Xi,{orientation:o,style:c,dir:e.dir,children:[i==="start"&&_r(mn,{children:[Io(p,{fillMode:"flat",icon:`caret-alt-${C[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Io(p,{fillMode:"flat",icon:`caret-alt-${C[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&Io(p,{fillMode:"flat",icon:`caret-alt-${C[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),f,i==="end"&&_r(mn,{children:[Io(p,{fillMode:"flat",icon:`caret-alt-${C[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Io(p,{fillMode:"flat",icon:`caret-alt-${C[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&Io(p,{fillMode:"flat",icon:`caret-alt-${C[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):f,T]})};He.states=Sf;He.options=Af;He.className=un;He.defaultOptions=zr;He.moduleName=mt;He.folderName=Et;He.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[aria-haspopup]",attribute:"aria-haspopup=menu",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item[aria-haspopup]",attribute:"aria-expanded=true/false",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[aria-haspopup][aria-controls]",attribute:"aria-controls=ul.k-menu-group id",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."}]};import{jsx as Ef}from"react/jsx-runtime";var bn="k-separator",Ji={orientation:"horizontal"},Zo=e=>{let{orientation:t=Ji.orientation,...o}=e;return Ef("li",{...o,className:r(e.className,"k-item",bn,{[`${bn}-${t}`]:t}),role:"separator"})};Zo.className=bn;Zo.defaultOptions=Ji;Zo.moduleName=mt;Zo.folderName=Et;import{Fragment as O1,jsx as G1}from"react/jsx-runtime";import{jsx as Gf}from"react/jsx-runtime";var fn="k-menu-group",Rf=[],If={size:[d.undefined,d.small,d.medium,d.large]},Of={},Fe=e=>{let{children:t,size:o,...a}=e;return Gf("ul",{...a,className:r(e.className,fn,E(fn,{size:o})),role:"menu",children:t})};Fe.states=Rf;Fe.options=If;Fe.className=fn;Fe.defaultOptions=Of;Fe.moduleName=mt;Fe.folderName=Et;import{Fragment as Pf,jsx as jo,jsxs as Hf}from"react/jsx-runtime";var Tn=e=>jo(He,{children:Hf(Pf,{children:[jo(Ue,{first:!0,text:"Item 1"}),jo(Ue,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),jo(Ue,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),jo(Ue,{text:"Item 4"}),jo(Ue,{last:!0,text:"Item 5"})]}),...e});import{Fragment as J1,jsx as W1,jsxs as X1}from"react/jsx-runtime";import{Fragment as j1,jsx as Z1,jsxs as eK}from"react/jsx-runtime";import{Fragment as lK,jsx as rK,jsxs as nK}from"react/jsx-runtime";import{Fragment as pK,jsx as cK,jsxs as mK}from"react/jsx-runtime";import{jsx as Oo,jsxs as zf}from"react/jsx-runtime";var Kf=He.options,Df=He.states,qi={...He.defaultOptions,variant:"horizontal"},Bf=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],_f=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],ar=e=>{let{variant:t,modifiers:o,...a}={...qi,...e},l={};return Object.keys(o\|\|{}).forEach(i=>{switch(i){case"scrollable":l.scrollable=!!o?.[i];break;case"opened":l.opened=!!o?.[i],l.popup=Oo(fe,{className:"k-menu-popup",children:zf(Fe,{children:[Oo(Ne,{text:"Item 1"}),Oo(Ne,{text:"Item 2"}),Oo(Zo,{}),Oo(Ne,{text:"Item 3"})]})});break}}),t==="vertical"?Oo(Tn,{...a,...l,orientation:"vertical",style:{width:"200px"}}):Oo(Tn,{...a,...l})};ar.options=Kf;ar.states=Df;ar.variants=Bf;ar.defaultOptions=qi;ar.modifiers=_f;import{Fragment as $K,jsx as UK,jsxs as FK}from"react/jsx-runtime";import{jsx as JK}from"react/jsx-runtime";import{Fragment as Wf,jsx as zt,jsxs as Yi}from"react/jsx-runtime";var Uf=p.states,Qi={...p.defaultOptions,variant:"text"},Ff=p.options,$f=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Vf=[{name:"opened",title:"Opened"}],rr=e=>{let{variant:t,modifiers:o,...a}={...Qi,...e},l={},i=zt(fe,{className:"k-menu-popup",children:Yi(Fe,{size:a.size,children:[zt(Ne,{first:!0,text:"Menu Item"}),zt(Ne,{text:"Menu Item"}),zt(Ne,{last:!0,text:"Menu Item"})]})}),c;switch(t){case"icon-only":c=zt("div",{children:zt(be,{...a,...l,icon:"star"})});break;case"icon-and-text":c=zt("div",{children:zt(be,{...a,...l,icon:"star",children:"Dropdown Button"})});break;default:c=zt("div",{children:zt(be,{...a,...l,children:"Dropdown Button"})});break}return Yi(Wf,{children:[c,o?.opened&&i]})};rr.options=Ff;rr.states=Uf;rr.variants=$f;rr.defaultOptions=Qi;rr.modifiers=Vf;var hn="split-button",Zi=hn;import{Fragment as qf,jsx as xn,jsxs as ji}from"react/jsx-runtime";var Nn="k-split-button",Xf=[s.hover,s.focus,s.active,s.selected,s.disabled],Jf={size:[d.undefined,d.small,d.medium,d.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark,N.inverse]},ed={arrowIconName:"caret-alt-down"},oe=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:c,active:b,selected:T,disabled:k,icon:L,text:C,arrowIconName:f=ed.arrowIconName,popup:A,opened:S,popupId:R,...P}=e;return ji(qf,{children:[ji("div",{...P,className:r(e.className,Nn,"k-button-group",E(Nn,{rounded:o})),children:[xn(p,{text:C,icon:L,size:t,rounded:o,fillMode:a,themeColor:l,hover:i,focus:c,active:b,selected:T,disabled:k,...!C&&!e.children&&L&&{"aria-label":"Action"},children:e.children}),xn(p,{className:"k-split-button-arrow",icon:f,size:t,rounded:o,fillMode:a,disabled:k,"aria-label":"Toggle dropdown","aria-expanded":S?"true":"false","aria-controls":S?R:void 0,tabIndex:-1,...k&&{"aria-disabled":"true"}})]}),S&&A&&xn(fe,{className:"k-menu-popup",children:A})]})};oe.states=Xf;oe.options=Jf;oe.className=Nn;oe.defaultOptions=ed;oe.moduleName=hn;oe.folderName=Zi;oe.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",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-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.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 gn=oe;import{jsx as Qf}from"react/jsx-runtime";var Yf="k-toolbar-separator",Ot=e=>Qf("div",{className:r(Yf,e.className,"k-separator")});var qt="toolbar",fo=qt;import{Fragment as kn,jsx as re,jsxs as ea}from"react/jsx-runtime";var Yt="k-toolbar",Zf=[s.focus],jf={size:[d.undefined,d.small,d.medium,d.large],fillMode:[v.undefined,v.solid,v.outline,v.flat]},eT={scrollButtons:"around"},se=e=>{let{size:t,fillMode:o,focus:a,resizable:l,scrollable:i,scrollButtons:c,scrollingPosition:b,section:T,...k}=e,L=[],C=(f,A)=>{let S=[];if(f.type===p&&f.props.className&&f.props.className.includes("k-toolbar-overflow-button"))S.push(re(p,{...f.props,className:`${f.props.className?f.props.className:""}`},`${A}-${new Date().getTime()}`));else if(f.type===p)S.push(re(p,{...f.props,className:`k-toolbar-button ${f.props.className?f.props.className:""}`},`${A}-${new Date().getTime()}`));else if(f.type===La)S.push(re(La,{...f.props,className:`k-toolbar-button ${f.props.className?f.props.className:""}`},`${A}-${new Date().getTime()}`));else if(f.type===oo)S.push(re(oo,{...f.props,className:`k-toolbar-button ${f.props.className?f.props.className:""}`},`${A}-${new Date().getTime()}`));else if(f.type===be)S.push(re(be,{...f.props,className:`k-toolbar-menu-button ${f.props.className?f.props.className:""}`},`${A}-${new Date().getTime()}`));else if(f.type===gn)S.push(re(gn,{...f.props,className:`k-toolbar-split-button ${f.props.className?f.props.className:""}`},`${A}-${new Date().getTime()}`));else if(f.type===B\|\|f.props.className&&f.props.className.includes("k-button-group")){let R=[];(Array.isArray(f.props.children)?f.props.children:[f.props.children]).forEach((G,J)=>{R.push(re(p,{...G.props,className:`${G.props.className?G.props.className:""}`},`${J}-${new Date().getTime()}`))}),S.push(re(B,{...f.props,className:`k-toolbar-button-group ${f.props.className?f.props.className:""}`,children:R},`${A}-${new Date().getTime()}`))}else f.type===Ye?S.push(re(Ye,{...f.props,className:`k-toolbar-combobox ${f.props.className?f.props.className:""}`},`${A}-${new Date().getTime()}`)):f.type===ue?S.push(re(ue,{...f.props,className:`k-toolbar-dropdownlist ${f.props.className?f.props.className:""}`},`${A}-${new Date().getTime()}`)):f.type===ct?S.push(re(ct,{...f.props,className:`k-toolbar-colorpicker ${f.props.className?f.props.className:""}`},`${A}-${new Date().getTime()}`)):S.push(f);S.forEach(R=>{L.push(R)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((A,S)=>{C(A,S)}),ea("div",{...k,className:r(e.className,Yt,E(Yt,{size:t,fillMode:o}),I(Yt,{focus:a}),{[`${Yt}-resizable`]:l,[`${Yt}-scrollable`]:i,[`${Yt}-scrollable-overlay`]:i&&c==="hidden",[`${Yt}-scrollable-${b}`]:b&&b!=="both",[`${Yt}-section`]:T}),role:"toolbar","aria-label":"Toolbar",children:[!i&&L,i&&c==="hidden"&&re("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L}),i&&c==="start"&&ea(kn,{children:[ea(B,{children:[re("span",{className:r("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:re(m,{className:"k-button-icon",icon:"caret-alt-left"})}),re("span",{className:r("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:re(m,{className:"k-button-icon",icon:"caret-alt-right"})})]}),re(Ot,{className:"k-toolbar-button-separator"}),re("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L})]}),i&&c==="end"&&ea(kn,{children:[re("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L}),re(Ot,{className:"k-toolbar-button-separator"}),ea(B,{children:[re("span",{className:r("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:re(m,{className:"k-button-icon",icon:"caret-alt-left"})}),re("span",{className:r("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:re(m,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),i&&(c==="around"\|\|!c)&&ea(kn,{children:[re("span",{className:r("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:re(m,{className:"k-button-icon",icon:"caret-alt-left"})}),re(Ot,{className:"k-toolbar-button-separator"}),re("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L}),re(Ot,{className:"k-toolbar-button-separator"}),re("span",{className:r("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:re(m,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};se.states=Zf;se.options=jf;se.className=Yt;se.defaultOptions=eT;se.moduleName=qt;se.folderName=fo;se.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])[aria-controls]',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group[aria-labelledby]",attribute:"aria-labelledby=.k-toolbar-overflow-button id",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])[aria-controls]',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list[aria-labelledby]",attribute:"aria-labelledby=.k-toolbar-overflow-button id",usage:"Associates the title of the section toggle button."}]};import{jsx as rT}from"react/jsx-runtime";var td="k-floating-toolbar",tT=[],oT={},aT={},ta=e=>{let{...t}=e;return rT("div",{...t,className:r(e.className,td),children:e.children})};ta.states=tT;ta.options=oT;ta.className=td;ta.defaultOptions=aT;ta.moduleName=qt;ta.folderName=fo;import{jsx as iT}from"react/jsx-runtime";var vn="k-toolbar-item",lT=[s.focus],nT={},sT={},oa=e=>{let{focus:t,...o}=e;return iT("div",{...o,className:r(e.className,vn,I(vn,{focus:t})),children:e.children})};oa.states=lT;oa.options=nT;oa.className=vn;oa.defaultOptions=sT;oa.moduleName=qt;oa.folderName=fo;import{jsx as od}from"react/jsx-runtime";var ad="k-toolbar-popup",dT=[],cT={size:[d.undefined,d.small,d.medium,d.large],fillMode:[v.undefined,v.solid,v.outline,v.flat]},pT={},Go=e=>{let{size:t,fillMode:o,section:a,...l}=e;return od(fe,{...l,className:r(e.className,ad),children:a?od("span",{className:r("k-toolbar-items-list",E("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};Go.states=dT;Go.options=cT;Go.className=ad;Go.defaultOptions=pT;Go.moduleName=qt;Go.folderName=fo;var Ur=Go;import{jsx as QD}from"react/jsx-runtime";import{jsx as tB}from"react/jsx-runtime";import{jsx as lB}from"react/jsx-runtime";import{jsx as pB,jsxs as mB}from"react/jsx-runtime";import{jsx as TB}from"react/jsx-runtime";import{jsx as Qt,jsxs as TT}from"react/jsx-runtime";var mT=oe.states,rd={...oe.defaultOptions,variant:"text"},uT=oe.options,bT=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],fT=[{name:"opened",title:"Opened"}],lr=e=>{let{variant:t,modifiers:o,...a}={...rd,...e},l={},i=TT(Fe,{size:a.size,children:[Qt(Ne,{first:!0,text:"Menu Item"}),Qt(Ne,{text:"Menu Item"}),Qt(Ne,{last:!0,text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(c=>{c==="opened"&&(l.opened=!!o?.[c],l.popup=o?.[c]?i:"")}),t){case"icon-only":return Qt("div",{children:Qt(oe,{...a,...l,icon:"star"})});case"icon-and-text":return Qt("div",{children:Qt(oe,{...a,...l,icon:"star",children:"Split Button"})});default:return Qt("div",{children:Qt(oe,{...a,...l,children:"Split Button"})})}};lr.options=uT;lr.states=mT;lr.variants=bT;lr.defaultOptions=rd;lr.modifiers=fT;import{jsx as Po,jsxs as hT}from"react/jsx-runtime";var ld=e=>Po(se,{children:[Po(p,{children:"Button"},"toolbar-button"),Po(be,{text:"Menu button"},"toolbar-menu-button"),Po(oe,{children:"Split button"},"toolbar-split-button"),hT(B,{children:[Po(p,{className:"k-group-start",icon:"align-left",children:"Left"}),Po(p,{icon:"align-center",children:"Center"}),Po(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as VB,jsxs as WB}from"react/jsx-runtime";import{jsx as ut,jsxs as nd}from"react/jsx-runtime";var sd=e=>ut(se,{scrollable:!0,...e,children:[ut(p,{children:"Button"},"toolbar-button"),ut(be,{text:"Menu button"},"toolbar-menu-button"),ut(oe,{children:"Split button"},"toolbar-split-button"),nd(B,{children:[ut(p,{className:"k-group-start",icon:"align-left",children:"Left"}),ut(p,{icon:"align-center",children:"Center"}),ut(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),ut(p,{children:"Button"},"toolbar-button"),ut(be,{text:"Menu button"},"toolbar-menu-button"),ut(oe,{children:"Split button"},"toolbar-split-button"),nd(B,{children:[ut(p,{className:"k-group-start",icon:"align-left",children:"Left"}),ut(p,{icon:"align-center",children:"Center"}),ut(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as bt,jsxs as id}from"react/jsx-runtime";var dd=({scrollingPosition:e="start",...t})=>bt(se,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[bt(p,{children:"Button"},"toolbar-button"),bt(be,{text:"Menu button"},"toolbar-menu-button"),bt(oe,{children:"Split button"},"toolbar-split-button"),id(B,{children:[bt(p,{className:"k-group-start",icon:"align-left",children:"Left"}),bt(p,{icon:"align-center",children:"Center"}),bt(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),bt(p,{children:"Button"},"toolbar-button"),bt(be,{text:"Menu button"},"toolbar-menu-button"),bt(oe,{children:"Split button"},"toolbar-split-button"),id(B,{children:[bt(p,{className:"k-group-start",icon:"align-left",children:"Left"}),bt(p,{icon:"align-center",children:"Center"}),bt(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as xT,jsx as at,jsxs as Fr}from"react/jsx-runtime";var cd=({fillMode:e,size:t,...o})=>Fr(xT,{children:[at(se,{section:!0,fillMode:e,size:t,children:[at(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Fr(B,{fillMode:e,children:[at(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),at(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),at(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),at(Ot,{className:"k-toolbar-button-separator"}),at(p,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),Fr(Ur,{size:t,fillMode:e,section:!0,...o,children:[at(oe,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),at(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),at(Ot,{}),at(be,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Fr(B,{fillMode:e,children:[at(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),at(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),at(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as y_,jsx as L_,jsxs as C_}from"react/jsx-runtime";import{Fragment as H_,jsx as G_,jsxs as P_}from"react/jsx-runtime";import{jsx as To}from"react/jsx-runtime";var NT=se.options,gT=se.states,pd={...se.defaultOptions,variant:"default"},kT=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],vT=[],nr=e=>{let{variant:t,...o}={...pd,...e};switch(t){case"responsive":return To("div",{children:To(cd,{style:{width:"583px"},...o})});case"overlay":return To("div",{children:To(dd,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return To("div",{children:To(sd,{style:{width:"583px"},...o})});default:return To("div",{children:To(ld,{style:{width:"583px"},...o})})}};nr.options=NT;nr.states=gT;nr.variants=kT;nr.defaultOptions=pd;nr.modifiers=vT;import{jsx as LT}from"react/jsx-runtime";var md="k-gantt-header",aa=e=>LT(se,{...e,className:r(e.className,md,"k-gantt-toolbar"),children:e.children});aa.className=md;aa.moduleName=ie;aa.folderName=de;import{jsx as CT}from"react/jsx-runtime";var ud="k-gantt-footer",ra=e=>CT(se,{...e,className:r(e.className,ud,"k-gantt-toolbar"),children:e.children});ra.className=ud;ra.moduleName=ie;ra.folderName=de;import{jsx as yT}from"react/jsx-runtime";var bd="k-gantt-content",la=e=>yT("div",{...e,className:r(e.className,bd),children:e.children});la.className=bd;la.moduleName=ie;la.folderName=de;import{jsx as MT}from"react/jsx-runtime";var fd="k-gantt-tables",na=e=>MT("div",{...e,className:r(e.className,fd),children:e.children});na.className=fd;na.moduleName=ie;na.folderName=de;var Ke="table",$e=Ke;import{jsx as ET}from"react/jsx-runtime";var Td="k-data-table",wT=[],ST={size:[d.undefined,d.small,d.medium,d.large]},AT={},Zt=e=>{let{size:t,...o}=e;return ET("div",{...o,className:r(e.className,Td,E("k-table",{size:t})),children:e.children})};Zt.states=wT;Zt.options=ST;Zt.className=Td;Zt.defaultOptions=AT;Zt.moduleName=Ke;Zt.folderName=$e;import{jsx as GT}from"react/jsx-runtime";var Ln="k-table-header-wrap",RT=[s.hover,s.focus,s.disabled],IT={},OT={},ho=e=>{let{children:t,hover:o,focus:a,disabled:l,...i}=e;return GT("div",{...i,className:r(e.className,Ln,I(Ln,{hover:o,focus:a,disabled:l})),children:t})};ho.states=RT;ho.options=IT;ho.className=Ln;ho.defaultOptions=OT;ho.moduleName=Ke;ho.folderName=$e;import{jsx as DT}from"react/jsx-runtime";var Cn="k-table",PT=[],HT={size:[d.undefined,d.small,d.medium,d.large]},KT={},ge=e=>{let{size:t,...o}=e;return DT("table",{...o,className:r(e.className,Cn,E(Cn,{size:t})),children:e.children})};ge.states=PT;ge.options=HT;ge.className=Cn;ge.defaultOptions=KT;ge.moduleName=Ke;ge.folderName=$e;import{jsx as yn}from"react/jsx-runtime";var Mn="k-table-header",BT=[s.hover,s.focus,s.disabled],_T={},zT={},jt=e=>{let{children:t,hover:o,focus:a,disabled:l,...i}=e;return yn("div",{...i,className:r(e.className,Mn,I(Mn,{hover:o,focus:a,disabled:l})),children:yn(ho,{children:yn(ge,{children:t})})})};jt.states=BT;jt.options=_T;jt.className=Mn;jt.defaultOptions=zT;jt.moduleName=Ke;jt.folderName=$e;import{jsx as VT}from"react/jsx-runtime";var hd="k-table-scroller",UT=[],FT={},$T={},sa=e=>{let{children:t,...o}=e;return VT("div",{...o,className:r(e.className,hd),children:t})};sa.states=UT;sa.options=FT;sa.className=hd;sa.defaultOptions=$T;sa.moduleName=Ke;sa.folderName=$e;import{jsx as Q2}from"react/jsx-runtime";import{jsx as qT}from"react/jsx-runtime";var xd="k-table-footer",WT=[],XT={},JT={},xo=e=>{let{children:t,...o}=e;return qT("div",{...o,className:r(e.className,xd),children:t})};xo.states=WT;xo.options=XT;xo.className=xd;xo.defaultOptions=JT;xo.moduleName=Ke;xo.folderName=$e;import{jsx as jT}from"react/jsx-runtime";var wn="k-table-list",YT=[],QT={size:[d.undefined,d.small,d.medium,d.large]},ZT={},No=e=>{let{size:t,virtualization:o,...a}=e;return jT("ul",{...a,className:r(e.className,"k-table",wn,E(wn,{size:t}),{"k-virtual-table":o}),children:e.children})};No.states=YT;No.options=QT;No.className=wn;No.defaultOptions=ZT;No.moduleName=Ke;No.folderName=$e;import{jsx as th}from"react/jsx-runtime";var eh="k-table-thead",$=e=>th("thead",{className:r(e.className,eh),children:e.children});import{jsx as ah}from"react/jsx-runtime";var oh="k-table-tbody",V=e=>ah("tbody",{className:r(e.className,oh),children:e.children});import{jsx as f3}from"react/jsx-runtime";import{jsx as lh}from"react/jsx-runtime";var Sn="k-table-row",rh=[s.hover,s.focus,s.selected,s.disabled,s.highlighted],x=e=>{let{hover:t,focus:o,selected:a,highlighted:l,disabled:i,alt:c,...b}=e;return lh("tr",{...b,className:r(e.className,Sn,{"k-table-alt-row":c},I(Sn,{hover:t,focus:o,disabled:i,selected:a,highlighted:l})),children:e.children})};x.states=rh;x.className=Sn;import{jsx as sh}from"react/jsx-runtime";var An="k-table-row",nh=[s.hover,s.focus,s.selected,s.disabled],$r=e=>{let{hover:t,focus:o,selected:a,disabled:l,alt:i,...c}=e;return sh("li",{...c,className:r(e.className,An,{"k-table-alt-row":i},I(An,{hover:t,focus:o,disabled:l,selected:a})),children:e.children})};$r.states=nh;$r.className=An;import{jsx as ih}from"react/jsx-runtime";var Nd="k-table-th",eo=e=>{let{text:t,colspan:o,rowspan:a,...l}=e,i=t\|\|e.children;return ih("th",{colSpan:o,rowSpan:a,...l,className:r(e.className,Nd),children:i})};eo.className=Nd;eo.moduleName=Ke;eo.folderName=$e;import{jsx as A3}from"react/jsx-runtime";import{jsx as ch}from"react/jsx-runtime";var En="k-table-td",dh=[s.focus,s.selected,s.highlighted],n=e=>{let{focus:t,selected:o,highlighted:a,text:l,colspan:i,rowspan:c,...b}=e,T=l\|\|e.children;return ch("td",{colSpan:i,rowSpan:c,...b,className:r(e.className,En,I(En,{focus:t,selected:o,highlighted:a})),children:T})};n.states=dh;n.className=En;import{jsx as H3}from"react/jsx-runtime";import{jsx as _3}from"react/jsx-runtime";import{jsx as $3}from"react/jsx-runtime";import{jsx as J3}from"react/jsx-runtime";import{jsx as Z3}from"react/jsx-runtime";import{jsx as l5,jsxs as n5}from"react/jsx-runtime";import{jsx as c5,jsxs as p5}from"react/jsx-runtime";import{jsx as f5,jsxs as T5}from"react/jsx-runtime";import{Fragment as v5,jsx as g5,jsxs as k5}from"react/jsx-runtime";import{jsx as bh}from"react/jsx-runtime";var kd="k-gantt-columns",ia=e=>bh(ge,{...e,className:r(e.className,kd),children:e.children});ia.className=kd;ia.moduleName=ie;ia.folderName=de;import{jsx as fh}from"react/jsx-runtime";var vd="k-gantt-rows",da=e=>fh(ge,{...e,className:r(e.className,vd),children:e.children});da.className=vd;da.moduleName=ie;da.folderName=de;import{jsx as Th}from"react/jsx-runtime";var Ld="k-gantt-tasks",ca=e=>Th(ge,{...e,className:r(e.className,Ld),children:e.children});ca.className=Ld;ca.moduleName=ie;ca.folderName=de;import{jsx as Nh}from"react/jsx-runtime";var Cd="k-task",hh=[],xh={},yd={type:"single"},ft=e=>{let{type:t=yd.type,...o}=e;return Nh("div",{...o,className:r(e.className,Cd,{"k-task-single":t==="single","k-task-milestone":t==="milestone","k-task-summary":t==="summary"})})};ft.states=hh;ft.options=xh;ft.className=Cd;ft.defaultOptions=yd;ft.moduleName=ie;ft.folderName=de;import{jsx as vh}from"react/jsx-runtime";var Md="k-task-wrap",gh=[],kh={},wd={type:"single"},Tt=e=>{let{type:t=wd.type,...o}=e;return vh("div",{...o,className:r(e.className,Md,{"k-milestone-wrap":t==="milestone","k-summary-wrap":t==="summary"})})};Tt.states=gh;Tt.options=kh;Tt.className=Md;Tt.defaultOptions=wd;Tt.moduleName=ie;Tt.folderName=de;import{jsx as yh}from"react/jsx-runtime";var Sd="k-task-dot",Lh=[],Ch={},Ad={position:"start"},Ie=e=>{let{position:t=Ad.position,...o}=e;return yh("div",{...o,className:r(e.className,Sd,{"k-task-start":t==="start","k-task-end":t==="end"})})};Ie.states=Lh;Ie.options=Ch;Ie.className=Sd;Ie.defaultOptions=Ad;Ie.moduleName=ie;Ie.folderName=de;import{jsx as pa,jsxs as Ah}from"react/jsx-runtime";var Ed="k-task-content",Mh=[],wh={},Sh={},Ut=e=>{let{content:t,...o}=e;return Ah("div",{...o,className:r(e.className,Ed),children:[t&&pa("div",{className:"k-task-template",children:t}),pa("span",{className:"k-task-actions",children:pa("a",{className:"k-link k-task-delete",children:pa(m,{icon:"x"})})}),pa("span",{className:"k-resize-handle k-resize-w"}),pa("span",{className:"k-resize-handle k-resize-e"})]})};Ut.states=Mh;Ut.options=wh;Ut.className=Ed;Ut.defaultOptions=Sh;Ut.moduleName=ie;Ut.folderName=de;import{jsx as Ih}from"react/jsx-runtime";var Rd="k-gantt-line",Eh=[],Rh={},Id={orientation:"horizontal"},ke=e=>{let{orientation:t=Id.orientation,...o}=e;return Ih("div",{...o,className:r(e.className,Rd,{"k-gantt-line-h":t==="horizontal","k-gantt-line-v":t==="vertical"})})};ke.states=Eh;ke.options=Rh;ke.className=Rd;ke.defaultOptions=Id;ke.moduleName=ie;ke.folderName=de;var j="grid",ae=j;import{jsx as Hh,jsxs as Kh}from"react/jsx-runtime";var Vr="k-grid",Oh=[],Gh={size:[d.undefined,d.small,d.medium,d.large]},Ph=[],Od={pagerPosition:"bottom"},q=e=>{let{size:t,pagerPosition:o=Od.pagerPosition,toolbar:a,pager:l,groupingHeader:i,gridSelectionAggregates:c,_renderAriaRoot:b,resizable:T,...k}=e;return Kh("div",{...k,className:r(e.className,Vr,{[`${Vr}-resizable`]:T},E(Vr,{size:t})),children:[a,o==="top"&&l,i,e.children&&b?Hh("div",{className:"k-grid-aria-root",children:e.children}):e.children,c,o==="bottom"&&l]})};q.states=Oh;q.options=Gh;q.variants=Ph;q.className=Vr;q.defaultOptions=Od;q.moduleName=j;q.folderName=ae;import{jsx as Dh}from"react/jsx-runtime";var Gd="k-grid-header",W=e=>{let{draggable:t,...o}=e;return Dh("div",{...o,className:r(e.className,Gd,{"k-grid-draggable-header":t}),children:e.children})};W.className=Gd;W.moduleName=j;W.folderName=ae;import{jsx as Pd,jsxs as Bh}from"react/jsx-runtime";var Hd="k-grouping-header",go=e=>{let{dropHint:t,dropClue:o,...a}=e;return Bh("div",{...a,className:r(e.className,Hd),children:[o&&Pd("div",{className:"k-grouping-dropclue"}),e.children,Pd("div",{className:"k-grouping-drop-container",children:t})]})};go.className=Hd;go.moduleName=j;go.folderName=ae;import{jsx as _h}from"react/jsx-runtime";var Kd="k-grid-pinned-container",Rn=e=>{let{position:t,...o}=e;return _h("div",{...o,className:r(e.className,Kd,{"k-pos-bottom":t==="bottom"}),children:e.children})};Rn.className=Kd;Rn.moduleName=j;Rn.folderName=ae;import{jsx as zh}from"react/jsx-runtime";var Dd="k-grid-sticky-container",In=e=>{let{position:t,...o}=e;return zh("div",{...o,className:r(e.className,Dd,{"k-pos-bottom":t==="bottom"}),children:e.children})};In.className=Dd;In.moduleName=j;In.folderName=ae;import{jsx as Uh}from"react/jsx-runtime";var Bd="k-grid-header-table",X=e=>Uh(ge,{...e,className:r(e.className,Bd),children:e.children});X.className=Bd;X.moduleName=j;X.folderName=ae;import{jsx as ko,jsxs as On}from"react/jsx-runtime";var Gn="k-header",Fh=[s.hover,s.focus,s.active],_d={sortIcon:"sort-asc-small"},M=e=>{let{menu:t,sortable:o,filterable:a,sticky:l,resizable:i,columnTitle:c,hover:b,focus:T,active:k,sortIcon:L=_d.sortIcon,sortOrder:C,accessibleLabel:f,...A}=e;return On(eo,{...A,className:r(e.className,Gn,{"k-filterable":t\|\|a,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":i},I(Gn,{hover:b,focus:T,active:k})),children:[c&&On("span",{className:"k-cell-inner",children:[On("span",{className:"k-link",children:[ko("span",{className:"k-column-title",children:c}),o&&ko("span",{className:"k-sort-icon",children:ko(m,{icon:L})}),C&&ko("span",{className:"k-sort-order",children:C})]}),t&&ko("a",{href:"#",className:r("k-grid-header-menu",{"k-active":k,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:ko(m,{icon:t==="filter"?"filter":"more-vertical"})})]}),!c&&f&&ko("span",{className:"k-sr-only",children:f}),e.children,i&&ko("span",{className:"k-column-resizer k-touch-action-none"})]})};M.states=Fh;M.className=Gn;M.defaultOptions=_d;M.moduleName=j;M.folderName=ae;import{jsx as $h}from"react/jsx-runtime";var zd="k-grid-container",le=e=>$h("div",{...e,className:r(e.className,zd),children:e.children});le.className=zd;le.moduleName=j;le.folderName=ae;import{jsx as Vh}from"react/jsx-runtime";var Ud="k-grid-content",Q=e=>Vh("div",{...e,className:r(e.className,Ud),children:e.children});Q.className=Ud;Q.moduleName=j;Q.folderName=ae;import{jsx as Wh}from"react/jsx-runtime";var Fd="k-grid-table",ee=e=>Wh(ge,{...e,className:r(e.className,Fd),children:e.children});ee.className=Fd;ee.moduleName=j;ee.folderName=ae;import{jsx as Xh}from"react/jsx-runtime";var $d="k-grid-footer",Pn=e=>Xh("div",{...e,className:r(e.className,$d),children:e.children});Pn.className=$d;Pn.moduleName=j;Pn.folderName=ae;import{jsx as Jh}from"react/jsx-runtime";var Vd="k-grid-footer-table",Hn=e=>Jh(ge,{...e,className:r(e.className,Vd),children:e.children});Hn.className=Vd;Hn.moduleName=j;Hn.folderName=ae;var Kn="pager",Wd=Kn;import{Fragment as Xd,jsx as rt,jsxs as ma}from"react/jsx-runtime";var Wr="k-pager",qh=[s.focus,s.disabled],Yh={size:[d.undefined,d.small,d.medium,d.large]},ht={responsive:!0,pagerSizeInfo:!0,pageTitleInfo:!0,maxPagesInfo:!0,type:"numeric",pageSizes:!0,refresh:!0,previousNext:!0,info:"1 - 5 of 20 items",itemsPerPage:5,maxPages:6,currentPage:1},ve=e=>{let{responsive:t=ht.responsive,size:o,pagerSizeInfo:a=ht.pagerSizeInfo,pageTitleInfo:l=ht.pageTitleInfo,maxPagesInfo:i=ht.maxPagesInfo,itemsPerPage:c=ht.itemsPerPage,maxPages:b=ht.maxPages,currentPage:T=ht.currentPage,previousNext:k=ht.previousNext,type:L=ht.type,pageSizes:C=ht.pageSizes,refresh:f=ht.refresh,info:A=ht.info,focus:S,disabled:R,dir:P,...G}=e,J=[],xe=[];for(let Me=1;Me<=b;Me++)J.push(rt(p,{selected:Me===T,fillMode:"flat",themeColor:"primary",size:o,children:Me})),xe.push(rt("option",{selected:Me===T,children:Me}));return ma("div",{dir:P,...G,className:r(e.className,Wr,E(Wr,{size:o}),I(Wr,{focus:S,disabled:R}),{"k-pager-responsive":t}),children:[ma("div",{className:r("k-pager-numbers-wrap"),children:[k&&ma(Xd,{children:[rt(p,{className:r("k-pager-nav","k-pager-first"),disabled:T===1&&!R,fillMode:"flat",size:o,icon:P==="rtl"?"caret-alt-to-right":"caret-alt-to-left"}),rt(p,{className:r("k-pager-nav"),disabled:T===1&&!R,fillMode:"flat",size:o,icon:P==="rtl"?"caret-alt-right":"caret-alt-left"})]}),L==="numeric"&&rt("div",{className:r("k-pager-numbers"),children:J}),L==="input"&&ma("span",{className:r("k-pager-input"),children:[l&&rt("span",{children:"Page"}),rt(Y,{value:`${T}`,size:o,showSpinButton:!1,showClearButton:!1}),rt("span",{children:i&&`of ${b}`})]}),k&&ma(Xd,{children:[rt(p,{className:r("k-pager-nav"),disabled:T===b&&!R,fillMode:"flat",size:o,icon:P==="rtl"?"caret-alt-left":"caret-alt-right"}),rt(p,{className:r("k-pager-nav","k-pager-last"),disabled:T===b&&!R,fillMode:"flat",size:o,icon:P==="rtl"?"caret-alt-to-left":"caret-alt-to-right"})]})]}),C&&ma("span",{className:r("k-pager-sizes"),children:[rt(ue,{value:`${c}`,size:o}),a&&rt("span",{children:"items per page"})]}),f&&rt(p,{className:r("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw"}),A&&rt("span",{className:r("k-pager-info"),children:A})]})};ve.states=qh;ve.options=Yh;ve.className=Wr;ve.defaultOptions=ht;ve.moduleName=Kn;ve.folderName=Wd;import{jsx as q6}from"react/jsx-runtime";import{jsx as j6}from"react/jsx-runtime";import{jsx as a7}from"react/jsx-runtime";import{jsx as Jd}from"react/jsx-runtime";var Qh=ve.options,Zh=ve.states,jh={...ve.defaultOptions,variant:"numeric"},ex=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],tx=[],sr=e=>{let{variant:t,...o}=e;return t==="input"?Jd(ve,{...o,type:"input"}):Jd(ve,{...o,type:"numeric"})};sr.options=Qh;sr.states=Zh;sr.variants=ex;sr.defaultOptions=jh;sr.modifiers=tx;import{jsx as ox}from"react/jsx-runtime";var qd="k-grid-pager",Ft=e=>ox(ve,{...e,className:r(e.className,qd),children:e.children});Ft.className=qd;Ft.moduleName=j;Ft.folderName=ae;import{jsx as ax}from"react/jsx-runtime";var Yd="k-grid-toolbar",to=e=>ax(se,{...e,className:r(e.className,Yd),children:e.children});to.className=Yd;to.moduleName=j;to.folderName=ae;import{jsx as Dn,jsxs as lx}from"react/jsx-runtime";var Bn="k-grid-stack-cell",rx=[s.focus,s.selected],Xr=e=>{let{cellHeader:t,cellContent:o,edit:a,commandCell:l,dirty:i,focus:c,selected:b,...T}=e;return lx("div",{...T,className:r(e.className,Bn,{"k-grid-stack-edit-cell":a,"k-command-cell":l,"k-dirty-cell":i},I(Bn,{focus:c,selected:b})),children:[i&&Dn("span",{className:"k-dirty"}),t&&Dn("div",{className:"k-grid-stack-header",children:t}),Dn("div",{className:"k-grid-stack-content",children:o}),e.children]})};Xr.states=rx;Xr.className=Bn;Xr.moduleName=j;Xr.folderName=ae;import{jsx as nx}from"react/jsx-runtime";var Qd="k-grid-stack-row",Jr=e=>{let{cols:t,...o}=e;return nx("div",{...o,className:r(e.className,Qd,{[`k-grid-cols-${t}`]:t}),children:e.children})};Jr.className=Qd;Jr.moduleName=j;Jr.folderName=ae;import{Fragment as _7,jsx as D7,jsxs as B7}from"react/jsx-runtime";import{Fragment as X7,jsx as V7,jsxs as W7}from"react/jsx-runtime";import{Fragment as e9,jsx as Z7,jsxs as j7}from"react/jsx-runtime";import{Fragment as sx,jsx as w,jsxs as he}from"react/jsx-runtime";var Zd=({contentClassName:e,...t})=>w(q,{_renderAriaRoot:!0,pager:w(Ft,{refresh:!1}),children:he(sx,{children:[w(W,{children:w("div",{className:"k-grid-header-wrap",children:he(X,{children:[he("colgroup",{children:[w("col",{}),w("col",{style:{width:"225px"}}),w("col",{}),w("col",{}),w("col",{})]}),he($,{children:[he(x,{children:[w(M,{rowspan:1,colspan:1,columnTitle:"Product Id"}),w(M,{rowspan:1,colspan:1,columnTitle:"Name"}),w(M,{rowspan:1,colspan:1,columnTitle:"Quantity"}),w(M,{rowspan:1,colspan:1,columnTitle:"Unit Price"}),w(M,{rowspan:1,colspan:1,columnTitle:"Discontinued"})]}),he(x,{className:"k-filter-row",children:[w(n,{children:w("div",{className:"k-filtercell",children:he("div",{className:"k-filtercell-wrapper",children:[w(Y,{}),he("div",{className:"k-filtercell-operator",children:[w(ue,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",w(p,{disabled:!0,icon:"filter-clear"})]})]})})}),w(n,{children:w("div",{className:"k-filtercell",children:he("div",{className:"k-filtercell-wrapper",children:[w(me,{}),he("div",{className:"k-filtercell-operator",children:[w(ue,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",w(p,{disabled:!0,icon:"filter-clear"})]})]})})}),w(n,{children:w("div",{className:"k-filtercell",children:he("div",{className:"k-filtercell-wrapper",children:[w(me,{}),he("div",{className:"k-filtercell-operator",children:[w(ue,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",w(p,{disabled:!0,icon:"filter-clear"})]})]})})}),w(n,{children:w("div",{className:"k-filtercell",children:he("div",{className:"k-filtercell-wrapper",children:[w(Y,{}),he("div",{className:"k-filtercell-operator",children:[w(ue,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",w(p,{disabled:!0,icon:"filter-clear"})]})]})})}),w(n,{children:w("div",{className:"k-filtercell",children:he("div",{className:"k-filtercell-wrapper",children:[w(ue,{}),w("div",{className:"k-filtercell-operator",children:w(p,{disabled:!0,icon:"filter-clear"})})]})})})]})]})]})})}),w(le,{children:w(Q,{className:e,children:he(ee,{children:[he("colgroup",{children:[w("col",{}),w("col",{style:{width:"225px"}}),w("col",{}),w("col",{}),w("col",{})]}),he(V,{children:[he(x,{className:"k-master-row",children:[w(n,{children:"1"}),w(n,{children:"Chai"}),w(n,{children:"10 boxes x 20 bags"}),w(n,{children:"18"}),w(n,{children:"false"})]}),he(x,{className:"k-master-row",alt:!0,children:[w(n,{children:"2"}),w(n,{children:"Chang"}),w(n,{children:"24 - 12 oz bottles"}),w(n,{children:"19"}),w(n,{children:"false"})]}),he(x,{className:"k-master-row",children:[w(n,{children:"3"}),w(n,{children:"Aniseed Syrup"}),w(n,{children:"12 - 550 ml bottles"}),w(n,{children:"10"}),w(n,{children:"false"})]}),he(x,{className:"k-master-row",alt:!0,children:[w(n,{children:"4"}),w(n,{children:"Chef Anton's Cajun Seasoning"}),w(n,{children:"48 - 6 oz jars"}),w(n,{children:"22"}),w(n,{children:"false"})]}),he(x,{className:"k-master-row",children:[w(n,{children:"5"}),w(n,{children:"Grandma's Boysenberry Spread"}),w(n,{children:"12 - 8 oz jars"}),w(n,{children:"25"}),w(n,{children:"false"})]})]})]})})})]}),...t});import{jsx as qr}from"react/jsx-runtime";var ix="k-chip-action";var Ae=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=qr(m,{icon:"x-circle",size:"small"});break;case"more":a=qr(m,{icon:"more-vertical",size:"small"});break;default:return qr(m,{icon:t,size:"small"})}return qr("span",{...o,className:r(e.className,ix,`k-chip-${t}-action`),children:a})};var _n="avatar",jd=_n;import{jsx as ec}from"react/jsx-runtime";var ir="k-avatar";var dx=[s.hover,s.focus,s.active,s.selected,s.disabled],cx={size:[d.undefined,d.small,d.medium,d.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[v.undefined,v.solid,v.outline],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark,N.inverse]},zn={type:"text",border:!1},lt=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,type:i=zn.type,border:c=zn.border,...b}=e;return ec("div",{...b,className:r(e.className,ir,E(ir,{size:t,rounded:o,fillMode:a,themeColor:l}),{[`${ir}-bordered`]:c}),children:ec("span",{className:`${ir}-${i}`,children:e.children})})};lt.states=dx;lt.options=cx;lt.className=ir;lt.defaultOptions=zn;lt.moduleName=_n;lt.folderName=jd;lt.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var Ho=lt;import{jsx as px}from"react/jsx-runtime";var tc=e=>px(Ho,{type:"icon",...e});import{jsx as mx}from"react/jsx-runtime";var oc=e=>mx(Ho,{type:"text",...e});import{jsx as ux}from"react/jsx-runtime";var ac=e=>ux(Ho,{type:"image",...e});import{jsx as E9}from"react/jsx-runtime";import{jsx as dr}from"react/jsx-runtime";var bx=lt.options,fx=lt.states,Tx={...lt.defaultOptions,variant:"image"},hx=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],xx=[],cr=e=>{let{variant:t,...o}=e;switch(t){case"icon":return dr(tc,{...o,children:dr(m,{icon:"star"})});case"text":return dr(oc,{...o,children:"JO"});default:return dr(ac,{...o,children:dr("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};cr.options=bx;cr.states=fx;cr.variants=hx;cr.defaultOptions=Tx;cr.modifiers=xx;var pr="chip",Yr=pr;import{jsx as ua,jsxs as kx}from"react/jsx-runtime";var Qr="k-chip",Nx=[s.hover,s.focus,s.active,s.selected,s.disabled],gx={size:[d.undefined,d.small,d.medium,d.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[v.undefined,v.solid,v.outline],themeColor:[N.undefined,N.base,N.success,N.warning,N.error,N.info]},rc={avatarImage:"/packages/html/assets/avatar.jpg"},Ee=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,text:i,icon:c,actions:b,showAvatar:T,avatarImage:k=rc.avatarImage,hover:L,focus:C,active:f,selected:A,disabled:S,...R}=e;return kx("div",{...R,className:r(e.className,Qr,E(Qr,{size:t,rounded:o,fillMode:a,themeColor:l}),I(Qr,{hover:L,focus:C,active:f,disabled:S,selected:A})),role:e.role\|\|"button","aria-pressed":e.role==="option"?void 0:A?"true":"false","aria-selected":e.role==="option"?A?"true":"false":void 0,"aria-disabled":S?"true":void 0,children:[c&&ua(m,{className:"k-chip-icon",icon:c,size:"small"}),T&&ua(lt,{className:"k-chip-avatar",type:"image",children:ua("img",{src:k,alt:""})}),ua("span",{className:"k-chip-content",children:e.children?e.children:i&&ua("span",{className:"k-chip-label",children:i})}),b&&ua("span",{className:"k-chip-actions",children:b})]})};Ee.states=Nx;Ee.options=gx;Ee.className=Qr;Ee.defaultOptions=rc;Ee.moduleName=pr;Ee.folderName=Yr;Ee.ariaSpec={selector:".k-chip",rules:[{selector:":not(.k-chip-list) > .k-chip",attribute:"role=button",usage:"Announces that the chip acts as a button when standalone."},{selector:":not(.k-chip-list) > .k-chip.k-selected",attribute:"aria-pressed=true",usage:"Announces that the Chip has been selected."},{selector:"*:not(.k-chip-list) > .k-chip:not(.k-selected)",attribute:"aria-pressed=false",usage:"Announces that the Chip has not been selected."},{selector:".k-chip",attribute:"aria-disabled=true (when disabled)",usage:"Announces that the Chip is disabled."}]};var Rt=Ee;import{jsx as yx}from"react/jsx-runtime";var Un="k-chip-list",vx=[],Lx={size:[d.undefined,d.small,d.medium,d.large]},Cx={},Re=e=>{let{size:t,multiselectable:o,ariaLabel:a,...l}=e;return yx("div",{...l,className:r(e.className,Un,E(Un,{size:t})),role:"listbox","aria-label":a\|\|"chip list","aria-orientation":"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};Re.states=vx;Re.options=Lx;Re.className=Un;Re.defaultOptions=Cx;Re.moduleName=pr;Re.folderName=Yr;Re.ariaSpec={selector:".k-chip-list",rules:[{selector:".k-chip-list",attribute:"role=listbox",usage:"Announces the list role of the chip list."},{selector:".k-chip-list",attribute:"aria-label or aria-labelledby",usage:"Adds label to the ChipList element. ListBox element requires an accessible name."},{selector:".k-chip-list",attribute:"aria-orientation=horizontal",usage:"Specifies the horizontal orientation of the chiplist."},{selector:".k-chip-list",attribute:"aria-multiselectable=true (when multiple selection)",usage:"Announces the multiple selection ability of the chiplist."},{selector:".k-chip-list .k-chip",attribute:"role=option",usage:"Announces the chip is an option inner component of the chip list."},{selector:".k-chip-list .k-chip.k-selected",attribute:"aria-selected=true",usage:"Announces the chip is selected."},{selector:".k-chip-list .k-chip:not(.k-selected)",attribute:"aria-selected=false",usage:"Announces the chip is not selected."},{selector:".k-chip-list .k-chip:has(.k-i-x-circle), .k-chip-list .k-chip:has(.k-svg-i-x-circle)",attribute:"aria-keyshortcuts=Enter Delete",usage:"Announces the Delete action along with the default Enter key."}]};import{jsx as nU}from"react/jsx-runtime";import{jsx as cU}from"react/jsx-runtime";import{jsx as Mx}from"react/jsx-runtime";var Zr=e=>Mx(Rt,{text:"text",...e});import{jsx as xU}from"react/jsx-runtime";import{jsx as vU}from"react/jsx-runtime";import{Fragment as SU,jsx as wU,jsxs as AU}from"react/jsx-runtime";import{jsx as GU,jsxs as PU}from"react/jsx-runtime";import{jsx as _U,jsxs as zU}from"react/jsx-runtime";import{jsx as XU,jsxs as JU}from"react/jsx-runtime";import{jsx as ba,jsxs as Ix}from"react/jsx-runtime";var wx={...Rt.options,...Re.options},Sx=[],Ax=Re.states,Ex={...Rt.defaultOptions,...Re.defaultOptions},Rx=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],mr=e=>{let{modifiers:t,className:o,...a}=e,l=t?.icon,i=t?.actions,c=t?.avatar;return Ix(Re,{size:a.size,className:o,children:[ba(Zr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?ba(Ae,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),ba(Zr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?ba(Ae,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),ba(Zr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:i?ba(Ae,{type:"remove"}):void 0,showAvatar:c,children:"Chip"})]})};mr.options=wx;mr.states=Ax;mr.variants=Sx;mr.defaultOptions=Ex;mr.modifiers=Rx;import{jsx as Fn}from"react/jsx-runtime";var Ox=Ee.states,Gx=Ee.defaultOptions,Px=Ee.options,Hx=[],Kx=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],ur=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"icon":a.icon=t?.[l]?"arrow-down":void 0;break;case"avatar":a.showAvatar=!!t?.[l],a.avatarImage=t?.[l]?"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg":void 0;break;case"more-options":a.actions\|\|(a.actions=[]),a.actions[0]=t?.[l]?Fn(Ae,{type:"more"}):void 0;break;case"remove-icon":a.actions\|\|(a.actions=[]),a.actions[1]=t?.[l]?Fn(Ae,{type:"remove"}):void 0;break;default:break}}),Fn(Ee,{...o,...a,children:"Chip component"})};ur.options=Px;ur.states=Ox;ur.variants=Hx;ur.defaultOptions=Gx;ur.modifiers=Kx;import{Fragment as $n,jsx as H,jsxs as Qe}from"react/jsx-runtime";var lc=({dropClue:e,contentClassName:t,...o})=>H(q,{_renderAriaRoot:!0,groupingHeader:H(go,{dropClue:e,children:Qe(Re,{children:[H(Ee,{icon:"sort-asc-small",text:"ID",actions:Qe($n,{children:[H(Ae,{type:"more"}),H(Ae,{type:"remove"})]})}),H(Ee,{icon:"sort-desc-small",text:"Name",actions:Qe($n,{children:[H(Ae,{type:"more"}),H(Ae,{type:"remove"})]})})]})}),children:Qe($n,{children:[H(W,{draggable:!0,children:H("div",{className:"k-grid-header-wrap",children:Qe(X,{children:[Qe("colgroup",{children:[H("col",{className:"k-group-col"}),H("col",{className:"k-group-col"}),H("col",{}),H("col",{}),H("col",{}),H("col",{})]}),H($,{children:Qe(x,{children:[H(M,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),H(M,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),H(M,{colspan:1,columnTitle:"ID"}),H(M,{colspan:1,columnTitle:"Name"}),H(M,{colspan:1,columnTitle:"Price"}),H(M,{colspan:1,columnTitle:"Category"})]})})]})})}),H(le,{children:H(Q,{className:t,children:Qe(ee,{children:[Qe("colgroup",{children:[H("col",{className:"k-group-col"}),H("col",{className:"k-group-col"}),H("col",{}),H("col",{}),H("col",{}),H("col",{})]}),Qe(V,{children:[H(x,{className:"k-table-group-row k-grouping-row",children:H(n,{colspan:6,children:Qe("p",{className:"k-reset",children:[H(m,{icon:"caret-alt-right"}),"ID: 1"]})})}),H(x,{className:"k-table-group-row k-grouping-row",children:H(n,{colspan:6,children:Qe("p",{className:"k-reset",children:[H(m,{icon:"caret-alt-down"}),"ID: 2"]})})}),Qe(x,{className:"k-table-group-row k-grouping-row",children:[H(n,{className:"k-table-group-td k-group-cell"}),H(n,{colspan:5,children:Qe("p",{className:"k-reset",children:[H(m,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),Qe(x,{className:"k-master-row",alt:!0,children:[H(n,{className:"k-table-group-td k-group-cell"}),H(n,{className:"k-table-group-td k-group-cell"}),H(n,{colspan:0,children:"2"}),H(n,{colspan:0,children:"Chang"}),H(n,{colspan:0,children:"$19.00"}),H(n,{colspan:0,children:"Beverages"})]})]})]})})})]}),...o});import{Fragment as H4,jsx as G4,jsxs as P4}from"react/jsx-runtime";import{Fragment as $4,jsx as U4,jsxs as F4}from"react/jsx-runtime";import{Fragment as Q4,jsx as q4,jsxs as Y4}from"react/jsx-runtime";import{Fragment as Dx,jsx as z,jsxs as Ze}from"react/jsx-runtime";var nc=({headerWrapClassName:e,contentClassName:t,...o})=>z(q,{_renderAriaRoot:!0,children:Ze(Dx,{children:[z(W,{children:z("div",{className:`k-grid-header-wrap ${e}`,children:Ze(X,{children:[Ze("colgroup",{children:[z("col",{}),z("col",{}),z("col",{}),z("col",{})]}),Ze($,{children:[Ze(x,{children:[z(M,{rowspan:3,colspan:1,columnTitle:"ID"}),z(M,{rowspan:1,colspan:3,columnTitle:"Product Information"})]}),Ze(x,{children:[z(M,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first"}),z(M,{rowspan:1,colspan:2,columnTitle:"Unit"})]}),Ze(x,{children:[z(M,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first"}),z(M,{rowspan:1,colspan:1,columnTitle:"Units Price"})]})]})]})})}),z(le,{children:z(Q,{className:t,children:Ze(ee,{children:[Ze("colgroup",{children:[z("col",{}),z("col",{}),z("col",{}),z("col",{})]}),Ze(V,{children:[Ze(x,{className:"k-master-row",children:[z(n,{children:"1"}),z(n,{children:"Chai"}),z(n,{children:"39"}),z(n,{children:"18"})]}),Ze(x,{className:"k-master-row",alt:!0,children:[z(n,{children:"2"}),z(n,{children:"Chang"}),z(n,{children:"17"}),z(n,{children:"19"})]}),Ze(x,{className:"k-master-row",children:[z(n,{children:"3"}),z(n,{children:"Aniseed Syrup"}),z(n,{children:"13"}),z(n,{children:"10"})]}),Ze(x,{className:"k-master-row",alt:!0,children:[z(n,{children:"4"}),z(n,{children:"Chef Anton's Cajun Seasoning"}),z(n,{children:"53"}),z(n,{children:"22"})]}),Ze(x,{className:"k-master-row",children:[z(n,{children:"5"}),z(n,{children:"Chef Anton's Gumbo Mix"}),z(n,{children:"0"}),z(n,{children:"21.35"})]})]})]})})})]}),...o});import{Fragment as dF,jsx as sF,jsxs as iF}from"react/jsx-runtime";import{Fragment as TF,jsx as bF,jsxs as fF}from"react/jsx-runtime";import{Fragment as Bx,jsx as _,jsxs as It}from"react/jsx-runtime";var sc=e=>_(q,{_renderAriaRoot:!0,toolbar:It(to,{children:[_(p,{children:"Add new"}),_(p,{children:"Save Changes"}),_(p,{children:"Cancel Changes"})]}),children:It(Bx,{children:[_(W,{children:_("div",{className:"k-grid-header-wrap",children:It(X,{children:[It("colgroup",{children:[_("col",{}),_("col",{}),_("col",{}),_("col",{style:{width:"300px"}})]}),_($,{children:It(x,{children:[_(M,{columnTitle:"Name"}),_(M,{columnTitle:"Price"}),_(M,{columnTitle:"Available"}),_(M,{accessibleLabel:"Commands"})]})})]})})}),_(le,{children:_(Q,{children:_("div",{children:It(ee,{children:[It("colgroup",{children:[_("col",{}),_("col",{}),_("col",{}),_("col",{style:{width:"300px"}})]}),It(V,{children:[It(x,{className:"k-master-row k-grid-add-row k-grid-edit-row",children:[_(n,{children:_(me,{value:"Towel"})}),_(n,{children:_(Y,{value:"42"})}),_(n,{children:_(et,{})}),It(n,{className:"k-command-cell",children:[_(p,{children:"Add"}),_(p,{children:"Cancel"})]})]}),It(x,{className:"k-master-row",children:[_(n,{children:"Chai"}),_(n,{children:"18"}),_(n,{children:"false"}),_(n,{className:"k-command-cell",children:_(p,{children:"Remove"})})]}),It(x,{className:"k-master-row",alt:!0,children:[_(n,{children:"Chang"}),_(n,{children:"19"}),_(n,{children:"false"}),_(n,{className:"k-command-cell",children:_(p,{children:"Remove"})})]})]})]})})})})]}),...e});import{Fragment as zF,jsx as _F,jsxs as UF}from"react/jsx-runtime";import{Fragment as jr,jsx as h,jsxs as ne}from"react/jsx-runtime";var _x=q.options,zx=q.states,ic={...q.defaultOptions,variant:"normal"},Ux=[{name:"normal",title:"Normal"},{name:"column-menu",title:"Column Menu"},{name:"filter-menu",title:"Filter Menu"},{name:"filter-row",title:"Filter Row"},{name:"row-reordering",title:"Row Reordering"},{name:"multicolumn-headers",title:"Multicolumn Headers"},{name:"grouping",title:"Grouping"},{name:"editing",title:"Editing"}],Fx=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],br=e=>{let{variant:t,modifiers:o,...a}={...ic,...e},l={toolbar:void 0,pager:void 0},i=ne(to,{children:[h(p,{icon:"plus",children:"Add New"}),h(p,{icon:"file-pdf",children:"Export to PDF"}),h("span",{className:"k-spacer"}),h(me,{prefix:h(m,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=h(ve,{pageSizes:!1,refresh:!1});Object.keys(o\|\|{}).forEach(k=>{switch(k){case"toolbar":l.toolbar=o?.[k]?i:void 0;break;case"pager":l.pager=o?.[k]?c:void 0;break;default:return}});let b={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},T=ne(jr,{children:[h(W,{children:h("div",{className:"k-grid-header-wrap",children:ne(X,{children:[ne("colgroup",{children:[h("col",{}),h("col",{}),h("col",{}),h("col",{})]}),h($,{children:ne(x,{children:[h(M,{...b[t],columnTitle:"ID"}),h(M,{...b[t],columnTitle:"Product Name"}),h(M,{...b[t],columnTitle:"Units in Stock"}),h(M,{...b[t],columnTitle:"Units Price"})]})})]})})}),h(le,{children:h(Q,{children:ne(ee,{children:[ne("colgroup",{children:[h("col",{}),h("col",{}),h("col",{}),h("col",{})]}),ne(V,{children:[ne(x,{children:[h(n,{children:"1"}),h(n,{children:"Chai"}),h(n,{children:"39"}),h(n,{children:"18"})]}),ne(x,{className:"k-alt",alt:!0,children:[h(n,{children:"2"}),h(n,{children:"Chang"}),h(n,{children:"17"}),h(n,{children:"19"})]}),ne(x,{children:[h(n,{children:"3"}),h(n,{children:"Aniseed Syrup"}),h(n,{children:"13"}),h(n,{children:"10"})]}),ne(x,{className:"k-alt",alt:!0,children:[h(n,{children:"4"}),h(n,{children:"Chef Anton's Cajun Seasoning"}),h(n,{children:"53"}),h(n,{children:"22"})]}),ne(x,{children:[h(n,{children:"5"}),h(n,{children:"Chef Anton's Gumbo Mix"}),h(n,{children:"0"}),h(n,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return h(nc,{...a,...l});case"editing":return h(sc,{...a,...l});case"grouping":return h(lc,{...a,...l,groupingHeader:h(go,{children:ne(Re,{children:[h(Ee,{icon:"sort-asc-small",actions:ne(jr,{children:[h(Ae,{type:"more"}),h(Ae,{type:"remove"})]}),children:"ID"}),h(Ee,{icon:"sort-desc-small",actions:ne(jr,{children:[h(Ae,{type:"more"}),h(Ae,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return h(q,{...a,...l,children:ne(jr,{children:[h(W,{children:ne("div",{className:"k-grid-header-wrap",children:[" ",ne(X,{children:[ne("colgroup",{children:[h("col",{className:"k-drag-col"}),h("col",{}),h("col",{}),h("col",{}),h("col",{})]}),h($,{children:ne(x,{children:[h(M,{className:"k-drag-cell",accessibleLabel:"Reorder"}),h(M,{columnTitle:"ID"}),h(M,{columnTitle:"Product Name"}),h(M,{columnTitle:"Units in Stock"}),h(M,{columnTitle:"Units Price"})]})})]})]})}),h(le,{children:h(Q,{children:ne(ee,{children:[ne("colgroup",{children:[h("col",{className:"k-drag-col"}),h("col",{}),h("col",{}),h("col",{}),h("col",{})]}),ne(V,{children:[ne(x,{children:[h(n,{className:"k-drag-cell",children:h(m,{icon:"reorder"})}),h(n,{children:"1"}),h(n,{children:"Chai"}),h(n,{children:"39"}),h(n,{children:"18"})]}),ne(x,{className:"k-alt",alt:!0,children:[h(n,{className:"k-drag-cell",children:h(m,{icon:"reorder"})}),h(n,{children:"2"}),h(n,{children:"Chang"}),h(n,{children:"17"}),h(n,{children:"19"})]}),ne(x,{children:[h(n,{className:"k-drag-cell",children:h(m,{icon:"reorder"})}),h(n,{children:"3"}),h(n,{children:"Aniseed Syrup"}),h(n,{children:"13"}),h(n,{children:"10"})]}),ne(x,{className:"k-alt",alt:!0,children:[h(n,{className:"k-drag-cell",children:h(m,{icon:"reorder"})}),h(n,{children:"4"}),h(n,{children:"Chef Anton's Cajun Seasoning"}),h(n,{children:"53"}),h(n,{children:"22"})]}),ne(x,{children:[h(n,{className:"k-drag-cell",children:h(m,{icon:"reorder"})}),h(n,{children:"5"}),h(n,{children:"Chef Anton's Gumbo Mix"}),h(n,{children:"0"}),h(n,{children:"21.35"})]})]})]})})})]})});case"filter-row":return h(Zd,{...a,...l});default:return h(q,{...a,...l,children:T})}};br.options=_x;br.states=zx;br.variants=Ux;br.defaultOptions=ic;br.modifiers=Fx;import{jsx as Wx}from"react/jsx-runtime";var Ko="k-pane",$x=[],Vx={},Vn={resizable:!0,flex:!1},De=e=>{let{scrollable:t,flexBasis:o,flex:a=Vn.flex,collapsible:l,resizable:i=Vn.resizable,pinned:c,unpinned:b,tabbed:T,...k}=e;return Wx("div",{...k,style:{flexBasis:o,...e.style},className:r(e.className,Ko,{[`${Ko}-static`]:o,[`${Ko}-flex`]:a,"k-scrollable":t,[`${Ko}-pinned`]:c,[`${Ko}-unpinned`]:b,[`${Ko}-tabbed`]:T}),role:"group",children:e.children})};De.states=$x;De.options=Vx;De.className=Ko;De.defaultOptions=Vn;import{Fragment as dc,jsx as Do,jsxs as qx}from"react/jsx-runtime";var fa="k-splitbar",Xx=[s.hover,s.focus],Jx={},Wn={orientation:"horizontal",draggable:!0},Ta=e=>{let{hover:t,focus:o,orientation:a=Wn.orientation,draggable:l=Wn.draggable,collapsePrev:i,collapseNext:c,ariaLabel:b,...T}=e;return qx("div",{...T,className:r(e.className,fa,I(fa,{hover:t,focus:o}),{[`${fa}-${a}`]:a,[`${fa}-draggable-${a}`]:l,[`${fa}-static-${a}`]:!l&&!i&&!c}),role:"separator","aria-label":b,...a==="horizontal"&&{"aria-orientation":"vertical"},"aria-keyshortcuts":"ArrowLeft ArrowRight ArrowUp ArrowDown",children:[i&&Do(dc,{children:Do("div",{className:"k-collapse-prev",children:Do(m,{icon:`caret-alt-${a==="horizontal"?"left":"up"}`,size:"xsmall"})})}),Do("div",{className:"k-resize-handle"}),c&&Do(dc,{children:Do("div",{className:"k-collapse-next",children:Do(m,{icon:`caret-alt-${a==="horizontal"?"right":"down"}`,size:"xsmall"})})})]})};Ta.states=Xx;Ta.options=Jx;Ta.className=fa;Ta.defaultOptions=Wn;var Xn="splitter",cc=Xn;import{jsx as Zx,jsxs as jx}from"react/jsx-runtime";import{createElement as Qx}from"react";var Jn="k-splitter",Yx={},pc={orientation:"horizontal"},Be=e=>{let{orientation:t=pc.orientation,children:o,panes:a,...l}=e,i=[];return a&&a.forEach((c,b)=>{let T=a[b+1],k=c.props,L=T?.props;i.push(Qx(De,{...k,key:b})),T&&i.push(Zx(Ta,{draggable:k.resizable!==!1&&L.resizable!==!1,collapsePrev:k.collapsible,collapseNext:L.collapsible,orientation:t,ariaLabel:"Pane separator"},`splitbar-${b}`))}),jx("div",{...l,className:r(e.className,Jn,{[`${Jn}-${t}`]:t},"k-splitter-flex"),children:[i,o]})};Be.options=Yx;Be.className=Jn;Be.defaultOptions=pc;Be.moduleName=Xn;Be.folderName=cc;Be.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."}]};import{jsx as s$,jsxs as i$}from"react/jsx-runtime";import{jsx as m$,jsxs as u$}from"react/jsx-runtime";import{jsx as ha}from"react/jsx-runtime";import{createElement as el}from"react";var eN=Be.options,tN=Be.states,mc={...Be.defaultOptions,variant:"horizontal",firstPaneProps:!0,secondPaneProps:!0},oN=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],aN=[{name:"firstPaneProps",title:"Collapsible Left"},{name:"secondPaneProps",title:"Collapsible Right"}],fr=e=>{let{variant:t,modifiers:o,...a}={...mc,...e},l=T=>({collapsible:T,content:T?"Resizable and collapsible":"Resizable only"}),i=l(!0),c=l(!0),b={display:"flex",justifyContent:"center",alignItems:"center"};return Object.keys(o\|\|{}).forEach(T=>{let k=o?.[T];switch(T){case"secondPaneProps":c=l(!!k);break;case"firstPaneProps":i=l(!!k);break;default:break}}),t==="vertical"?ha(Be,{style:{height:"238px"},...a,orientation:"vertical",panes:[el(De,{...i,flexBasis:"50%",style:b,key:"pane-1"},ha("p",{children:i.content})),el(De,{...c,flexBasis:"50%",style:b,key:"pane-2"},ha("p",{children:c.content}))]}):ha(Be,{style:{height:"238px"},...a,orientation:"horizontal",panes:[el(De,{...i,flexBasis:"50%",style:b,key:"pane-1"},ha("p",{children:i.content})),el(De,{...c,flexBasis:"50%",style:b,key:"pane-2"},ha("p",{children:c.content}))]})};fr.options=eN;fr.states=tN;fr.variants=oN;fr.defaultOptions=mc;fr.modifiers=aN;var qn="treelist",uc=qn;import{jsx as sN}from"react/jsx-runtime";var bc="k-treelist",rN=[],lN={},nN={},Oe=e=>sN(q,{...e,className:r(bc,e.className),children:e.children});Oe.states=rN;Oe.options=lN;Oe.className=bc;Oe.defaultOptions=nN;Oe.moduleName=qn;Oe.folderName=uc;import{jsx as U,jsxs as _e}from"react/jsx-runtime";var Bo=({gridHeader:e,gridContent:t,menu:o,...a})=>_e(Oe,{id:"treelist",_renderAriaRoot:!0,...a,children:[e\|\|U(W,{children:U("div",{className:"k-grid-header-wrap",children:_e(X,{children:[_e("colgroup",{children:[U("col",{}),U("col",{}),U("col",{})]}),U($,{children:_e(x,{children:[U(M,{menu:o,columnTitle:"Name"}),U(M,{menu:o,columnTitle:"Position"}),U(M,{menu:o,columnTitle:"Hire Date"})]})})]})})}),U(le,{children:t\|\|U(Q,{children:_e(ee,{children:[_e("colgroup",{children:[U("col",{}),U("col",{}),U("col",{})]}),_e(V,{children:[_e(x,{children:[_e(n,{children:[U(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),U(n,{children:"Sweeney"}),U(n,{children:"CEO"})]}),_e(x,{alt:!0,children:[_e(n,{children:[U(m,{className:"k-treelist-toggle",icon:"none"}),U(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),U(n,{children:"Wooten"}),U(n,{children:"Chief Technical Officer"})]}),_e(x,{children:[_e(n,{children:[U(m,{className:"k-treelist-toggle",icon:"none"}),U(m,{className:"k-treelist-toggle",icon:"none"}),U(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),U(n,{children:"Weber"}),U(n,{children:"VP, Engineering"})]}),_e(x,{alt:!0,children:[_e(n,{children:[U(m,{className:"k-treelist-toggle",icon:"none"}),U(m,{className:"k-treelist-toggle",icon:"none"}),U(m,{className:"k-treelist-toggle",icon:"none"}),U(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),U(n,{children:"Hood"}),U(n,{children:"Team Lead"})]}),_e(x,{children:[_e(n,{children:[U(m,{className:"k-treelist-toggle",icon:"none"}),U(m,{className:"k-treelist-toggle",icon:"none"}),U(m,{className:"k-treelist-toggle",icon:"none"}),U(m,{className:"k-treelist-toggle",icon:"none"}),U(m,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),U(n,{children:"Carr"}),U(n,{children:"Junior Software Developer"})]})]})]})})})]});import{jsx as iN}from"react/jsx-runtime";var fc=e=>iN(Bo,{menu:"column",...e});import{jsx as dN}from"react/jsx-runtime";var Tc=e=>dN(Bo,{menu:"filter",...e});import{jsx as O,jsxs as ze}from"react/jsx-runtime";var hc=({gridHeader:e,gridContent:t,menu:o,...a})=>ze(Oe,{id:"treelist",_renderAriaRoot:!0,...a,children:[e\|\|O(W,{children:O("div",{className:"k-grid-header-wrap",children:ze(X,{children:[ze("colgroup",{children:[O("col",{className:"k-drag-col"}),O("col",{}),O("col",{}),O("col",{})]}),O($,{children:ze(x,{children:[O(M,{}),O(M,{menu:o,columnTitle:"First Name"}),O(M,{menu:o,columnTitle:"Last Name"}),O(M,{menu:o,columnTitle:"Position"})]})})]})})}),O(le,{children:t\|\|O(Q,{children:ze(ee,{children:[ze("colgroup",{children:[O("col",{className:"k-drag-col"}),O("col",{}),O("col",{}),O("col",{})]}),ze(V,{children:[ze(x,{children:[O(n,{className:"k-drag-cell",children:O(m,{icon:"reorder"})}),ze(n,{children:[O(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),O(n,{children:"Sweeney"}),O(n,{children:"CEO"})]}),ze(x,{alt:!0,children:[O(n,{className:"k-drag-cell",children:O(m,{icon:"reorder"})}),ze(n,{children:[O(m,{className:"k-treelist-toggle",icon:"none"}),O(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),O(n,{children:"Wooten"}),O(n,{children:"Chief Technical Officer"})]}),ze(x,{children:[O(n,{className:"k-drag-cell",children:O(m,{icon:"reorder"})}),ze(n,{children:[O(m,{className:"k-treelist-toggle",icon:"none"}),O(m,{className:"k-treelist-toggle",icon:"none"}),O(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),O(n,{children:"Weber"}),O(n,{children:"VP, Engineering"})]}),ze(x,{alt:!0,children:[O(n,{className:"k-drag-cell",children:O(m,{icon:"reorder"})}),ze(n,{children:[O(m,{className:"k-treelist-toggle",icon:"none"}),O(m,{className:"k-treelist-toggle",icon:"none"}),O(m,{className:"k-treelist-toggle",icon:"none"}),O(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),O(n,{children:"Hood"}),O(n,{children:"Team Lead"})]}),ze(x,{children:[O(n,{className:"k-drag-cell",children:O(m,{icon:"reorder"})}),ze(n,{children:[O(m,{className:"k-treelist-toggle",icon:"none"}),O(m,{className:"k-treelist-toggle",icon:"none"}),O(m,{className:"k-treelist-toggle",icon:"none"}),O(m,{className:"k-treelist-toggle",icon:"none"}),O(m,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),O(n,{children:"Carr"}),O(n,{children:"Junior Software Developer"})]})]})]})})})]});import{jsx as rV,jsxs as lV}from"react/jsx-runtime";import{jsx as y,jsxs as pe}from"react/jsx-runtime";var cN=Oe.options,pN=Oe.states,xc={...Oe.defaultOptions,variant:"normal"},mN=[{name:"normal",title:"Normal"},{name:"column-menu",title:"Column Menu"},{name:"filter-row",title:"Filter Row"},{name:"sorting",title:"Sorting"},{name:"row-reordering",title:"Row Reordering"}],uN=[{name:"toolbar",title:"Toolbar"},{name:"pager",title:"Pager"}],Tr=e=>{let{variant:t,modifiers:o,...a}={...xc,...e},l={},i=pe(to,{children:[y(p,{icon:"plus",children:"Add New"}),y(p,{icon:"file-pdf",children:"Export to PDF"}),y("span",{className:"k-spacer"}),y(me,{prefix:y(m,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=y(ve,{pageSizes:!1,refresh:!1});switch(Object.keys(o\|\|{}).forEach(b=>{switch(b){case"toolbar":l.toolbar=o?.[b]?i:void 0;break;case"pager":l.pager=o?.[b]?c:void 0;break;default:return}}),t){case"row-reordering":return y(hc,{...a,...l});case"column-menu":return y(fc,{...a,...l,gridHeader:y(W,{children:y("div",{className:"k-grid-header-wrap",children:pe(X,{children:[pe("colgroup",{children:[y("col",{}),y("col",{}),y("col",{})]}),y($,{children:pe(x,{children:[y(M,{menu:"column",columnTitle:"First Name"}),y(M,{menu:"column",columnTitle:"Last Name"}),y(M,{menu:"column",columnTitle:"Position"})]})})]})})})});case"filter-row":return y(Tc,{...a,...l,gridHeader:y(W,{children:y("div",{className:"k-grid-header-wrap",children:pe(X,{children:[pe("colgroup",{children:[y("col",{}),y("col",{}),y("col",{})]}),y($,{children:pe(x,{children:[y(M,{menu:"filter",columnTitle:"First Name"}),y(M,{menu:"filter",columnTitle:"Last Name"}),y(M,{menu:"filter",columnTitle:"Position"})]})})]})})})});case"sorting":return y(Bo,{...a,...l,gridHeader:y(W,{children:y("div",{className:"k-grid-header-wrap",children:pe(X,{children:[pe("colgroup",{children:[y("col",{}),y("col",{}),y("col",{})]}),y($,{children:pe(x,{children:[y(M,{columnTitle:"First Name"}),y(M,{columnTitle:"Last Name",sortable:!0}),y(M,{columnTitle:"Position"})]})})]})})}),gridContent:y(Q,{children:pe(ee,{children:[pe("colgroup",{children:[y("col",{}),y("col",{className:"k-sorted"}),y("col",{})]}),pe(V,{children:[pe(x,{className:"k-treelist-group",children:[pe(n,{children:[y(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),y(n,{children:"Sweeney"}),y(n,{children:"CEO"})]}),pe(x,{className:"k-treelist-group k-alt",alt:!0,children:[pe(n,{children:[y(m,{className:"k-treelist-toggle",icon:"none"}),y(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),y(n,{children:"Wooten"}),y(n,{children:"Chief Technical Officer"})]}),pe(x,{className:"k-treelist-group",children:[pe(n,{children:[y(m,{className:"k-treelist-toggle",icon:"none"}),y(m,{className:"k-treelist-toggle",icon:"none"}),y(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),y(n,{children:"Weber"}),y(n,{children:"VP, Engineering"})]}),pe(x,{className:"k-treelist-group k-alt",alt:!0,children:[pe(n,{children:[y(m,{className:"k-treelist-toggle",icon:"none"}),y(m,{className:"k-treelist-toggle",icon:"none"}),y(m,{className:"k-treelist-toggle",icon:"none"}),y(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),y(n,{children:"Hood"}),y(n,{children:"Team Lead"})]}),pe(x,{children:[pe(n,{children:[y(m,{className:"k-treelist-toggle",icon:"none"}),y(m,{className:"k-treelist-toggle",icon:"none"}),y(m,{className:"k-treelist-toggle",icon:"none"}),y(m,{className:"k-treelist-toggle",icon:"none"}),y(m,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),y(n,{children:"Carr"}),y(n,{children:"Junior Software Developer"})]})]})]})})});default:return y(Bo,{...a,...l,gridHeader:y(W,{children:y("div",{className:"k-grid-header-wrap",children:pe(X,{children:[pe("colgroup",{children:[y("col",{}),y("col",{}),y("col",{})]}),y($,{children:pe(x,{children:[y(M,{columnTitle:"First Name"}),y(M,{columnTitle:"Last Name"}),y(M,{columnTitle:"Position"})]})})]})})})})}};Tr.options=cN;Tr.states=pN;Tr.variants=mN;Tr.defaultOptions=xc;Tr.modifiers=uN;import{jsx as DV,jsxs as BV}from"react/jsx-runtime";import{jsx as NN}from"react/jsx-runtime";var bN={},fN=[],TN=[],hN={},xN=[],hr=()=>NN(Nc,{flexBasis:"40%",gridContentHeight:"197px",style:{width:"90%",height:"367px"}});hr.options=bN;hr.states=fN;hr.variants=TN;hr.defaultOptions=hN;hr.modifiers=xN;import{jsx as u,jsxs as D}from"react/jsx-runtime";var Nc=({flexBasis:e="30%",gridContentHeight:t="180px",tablesWidth:o="675px",tablesHeight:a="828px",currentTimeLeftOffset:l="243px",ganttDependencies:i,menu:c,...b})=>u($t,{headerToolbar:D(aa,{children:[u(p,{className:"k-gantt-toggle",icon:"layout-1-by-4"}),u(p,{className:"k-gantt-create",icon:"plus",children:"Add Task"}),u("span",{className:"k-spacer"}),D("div",{className:"k-gantt-views-wrapper",children:[D("select",{className:"k-picker k-dropdown-list k-dropdown k-views-dropdown",children:[u("option",{value:"day",children:"Day"}),u("option",{value:"week",children:"Week"}),u("option",{value:"month",children:"Month"})]}),D(B,{className:"k-gantt-views",children:[u(p,{className:"k-view-day k-group-start",children:"Day"}),u(p,{className:"k-view-week",selected:!0,children:"Week"}),u(p,{className:"k-view-month k-group-end",children:"Month"})]})]})]}),footerToolbar:u(ra,{children:u(p,{className:"k-gantt-create",icon:"plus",children:"Add Task"})}),...b,children:u(la,{children:b.children\|\|u(Be,{className:"k-gantt-splitter",panes:[u(De,{className:"k-gantt-treelist",flexBasis:e,children:D(Oe,{_renderAriaRoot:!0,children:[u(W,{children:u("div",{className:"k-grid-header-wrap",children:D(X,{style:{minWidth:"250px"},children:[D("colgroup",{children:[u("col",{style:{width:"50px"}}),u("col",{})]}),u($,{children:D(x,{children:[u(M,{menu:c,rowspan:1,columnTitle:"ID"}),u(M,{menu:c,rowspan:1,columnTitle:"Title"})]})})]})})}),u(le,{children:u(Q,{style:{height:t},children:D(ee,{style:{minWidth:"250px"},children:[D("colgroup",{children:[u("col",{style:{width:"50px"}}),u("col",{})]}),D(V,{children:[D(x,{children:[u(n,{children:"7"}),D(n,{children:[u(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Software validation, research and implementation"]})]}),D(x,{alt:!0,children:[u(n,{children:"18"}),D(n,{children:[u(m,{className:"k-treelist-toggle",icon:"none"}),u(m,{className:"k-treelist-toggle",icon:"none"}),"Project Kickoff"]})]}),D(x,{children:[u(n,{children:"11"}),D(n,{children:[u(m,{className:"k-treelist-toggle",icon:"none"}),u(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Research"]})]}),D(x,{alt:!0,children:[u(n,{children:"19"}),D(n,{children:[u(m,{className:"k-treelist-toggle",icon:"none"}),u(m,{className:"k-treelist-toggle",icon:"none"}),u(m,{className:"k-treelist-toggle",icon:"none"}),"Validation with Customers"]})]}),D(x,{children:[u(n,{children:"20"}),D(n,{children:[u(m,{className:"k-treelist-toggle",icon:"none"}),u(m,{className:"k-treelist-toggle",icon:"none"}),u(m,{className:"k-treelist-toggle",icon:"none"}),"Market Research"]})]})]})]})})})]})},"gantt-treelist-pane"),u(De,{className:"k-gantt-timeline-pane",children:D(q,{className:"k-gantt-timeline",children:[u(W,{children:u("div",{className:"k-grid-header-wrap",children:D(X,{style:{width:o},children:[D("colgroup",{children:[u("col",{}),u("col",{}),u("col",{}),u("col",{}),u("col",{}),u("col",{}),u("col",{})]}),D(V,{children:[u(x,{children:u(n,{className:"k-header",colspan:7,children:"Sun 6/01 - Sat 6/07"})}),D(x,{children:[u(n,{colspan:1,className:"k-header k-nonwork-hour",children:"Sun 6/01"}),u(n,{className:"k-header",colspan:1,children:"Mon 6/02"}),u(n,{className:"k-header",colspan:1,children:"Tue 6/03"}),u(n,{className:"k-header",colspan:1,children:"Wed 6/04"}),u(n,{className:"k-header",colspan:1,children:"Thu 6/05"}),u(n,{className:"k-header",colspan:1,children:"Fri 6/06"}),u(n,{colspan:1,className:"k-header k-nonwork-hour",children:"Sat 6/07"})]})]})]})})}),D(Q,{style:{height:t},children:[D(na,{children:[D(da,{className:"k-grid-table",style:{width:o},children:[u("colgroup",{children:u("col",{})}),D(V,{children:[u(x,{children:u(n,{})}),u(x,{alt:!0,children:u(n,{})}),u(x,{children:u(n,{})}),u(x,{alt:!0,children:u(n,{})}),u(x,{children:u(n,{})})]})]}),D(ia,{style:{width:o,height:a},children:[D("colgroup",{children:[u("col",{}),u("col",{}),u("col",{}),u("col",{}),u("col",{}),u("col",{}),u("col",{})]}),u(V,{children:D(x,{children:[u(n,{className:"k-nonwork-hour"}),u(n,{}),u(n,{}),u(n,{}),u(n,{}),u(n,{}),u(n,{className:"k-nonwork-hour"})]})})]}),D(ca,{style:{width:o},children:[u("colgroup",{children:u("col",{})}),D(V,{children:[u(x,{children:u(n,{children:D(Tt,{type:"summary",style:{left:"113px"},children:[u(ft,{type:"summary",style:{width:"4000px"},children:u("div",{className:"k-task-summary-progress",style:{width:"1720px"},children:u("div",{className:"k-task-summary-complete",style:{width:"4000px"}})})}),u(Ie,{}),u(Ie,{position:"end",style:{right:"0px"}})]})})}),u(x,{children:u(n,{children:D(Tt,{type:"milestone",style:{left:"113px"},children:[u(ft,{type:"milestone"}),u(Ie,{}),u(Ie,{position:"end",style:{right:"0px"}})]})})}),u(x,{children:u(n,{children:D(Tt,{type:"summary",style:{left:"113px"},children:[u(ft,{type:"summary",style:{width:"500px"},children:u("div",{className:"k-task-summary-progress",style:{width:"215px"},children:u("div",{className:"k-task-summary-complete",style:{width:"500px"}})})}),u(Ie,{}),u(Ie,{position:"end",style:{right:"0px"}})]})})}),u(x,{children:u(n,{children:D(Tt,{style:{left:"113px"},children:[D(ft,{style:{width:"200px"},children:[u("div",{className:"k-task-complete",style:{width:"50px"}}),u(Ut,{content:"Validation with Customers"})]}),u(Ie,{}),u(Ie,{position:"end",style:{right:"0px"}}),u("div",{className:"k-task-draghandle",style:{left:"50px"}})]})})}),u(x,{children:u(n,{children:D(Tt,{style:{left:"113px"},children:[D(ft,{style:{width:"200px"},children:[u("div",{className:"k-task-complete",style:{width:"164px"}}),u(Ut,{content:"Market Research"})]}),u(Ie,{}),u(Ie,{position:"end",style:{right:"0px"}}),u("div",{className:"k-task-draghandle",style:{left:"164px"}})]})})})]})]})]}),i\|\|D("div",{className:"k-gantt-dependencies",style:{width:o},children:[u(ke,{style:{left:"124.5px",top:"53px",width:"10px"}}),u(ke,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),u(ke,{style:{left:"103px",top:"71px",width:"31.5px"}}),u(ke,{orientation:"vertical",style:{left:"103px",top:"71px",height:"54px"}}),u(ke,{style:{left:"103px",top:"125px",width:"9px"},children:u("span",{className:"k-arrow-e"})}),u(ke,{style:{left:"124.5px",top:"53px",width:"10px"}}),u(ke,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),u(ke,{style:{left:"103px",top:"71px",width:"31.5px"}}),u(ke,{orientation:"vertical",style:{left:"103px",top:"71px",height:"90px"}}),u(ke,{style:{left:"103px",top:"161px",width:"9px"},children:u("span",{className:"k-arrow-e"})}),u(ke,{style:{left:"313px",top:"125px",width:"10px"}}),u(ke,{orientation:"vertical",style:{left:"321px",top:"125px",height:"18px"}}),u(ke,{style:{left:"303px",top:"143px",width:"20px"}}),u(ke,{orientation:"vertical",style:{left:"303px",top:"143px",height:"18px"}})]}),u("div",{className:"k-current-time",style:{left:l,top:"0px",width:"1px",height:a}})]})]})},"gantt-timeline-pane")]})})});export{Nc as GanttNormal};