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-row-reordering.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 R=(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"}),O=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:i,checked:d,active:f,selected:x,disabled:v,indeterminate:C,loading:y,empty:h,readonly:E,highlighted:A,...I}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":i,"k-checked":d,"k-active":f,"k-selected":x,"k-disabled":v,"k-indeterminate":C&&!d,"k-loading":y,"k-empty":h,"k-readonly":E,"k-highlighted":A},Object.keys(I).reduce((H,P)=>(P.startsWith("k-")?H[P]=I[P]:H[`k-${P}`]=I[P],H),{}))};function Qn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var c={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},k={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},L={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},g={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 me="gantt",ue=me;import{jsxs as wc}from"react/jsx-runtime";var Zn="k-gantt",Cc=[],yc={},Mc={},Kt=e=>{let{headerToolbar:t,footerToolbar:o,...a}=e;return wc("div",{...a,className:r(e.className,Zn),children:[t,e.children,o]})};Kt.states=Cc;Kt.options=yc;Kt.className=Zn;Kt.defaultOptions=Mc;Kt.moduleName=me;Kt.folderName=ue;import{Fragment as Rc,jsx as jn}from"react/jsx-runtime";var ll="k-font-icon",Sc=[],Ac={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.light,g.dark]},Ec={},ga=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...d}=e;return a?jn("span",{...d,className:r(e.className,ll,R(ll,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":i==="h"\|\|i==="both","k-flip-v":i==="v"\|\|i==="both"}),"aria-hidden":"true"}):jn(Rc,{})};ga.states=Sc;ga.options=Ac;ga.className=ll;ga.defaultOptions=Ec;var es=ga;import{Fragment as Gc,jsx as kr}from"react/jsx-runtime";var nl="k-svg-icon",Ic=[],Oc={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.light,g.dark]},ts={viewBox:"0 0 24 24"},ka=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=ts.viewBox,icon:d,...f}=e;if(!d)return kr(Gc,{});if(d==="none")return kr("span",{...f,className:r(e.className,nl,R("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let x=typeof d=="object"&&d.name&&d.name;return kr("span",{...f,className:r(e.className,nl,R("k-icon",{size:t}),{[`k-svg-i-${x}`]:x,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"\|\|n==="both","k-flip-v":n==="v"\|\|n==="both"}),"aria-hidden":"true",children:kr("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof d=="object"?d.viewBox:i,dangerouslySetInnerHTML:typeof d=="object"?{__html:d.content}:void 0,children:d?void 0:e.children})})};ka.states=Ic;ka.options=Oc;ka.className=nl;ka.defaultOptions=ts;var sl=ka;importas il from"@progress/kendo-svg-icons";var os="icon",as="icons";import{useContext as Hc}from"react";import{createContext as Pc}from"react";var rs=Pc({iconsType:"svg"});import{Fragment as ls,jsx as va}from"react/jsx-runtime";var vr="k-icon",Kc=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Dc=[],Bc={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.light,g.dark]},dl={viewBox:"0 0 24 24",type:"svg"},m=e=>{let{iconsType:t}=Hc(rs),{size:o,themeColor:a,icon:n,type:i=t\|\|dl.type,rotate:d,flip:f,viewBox:x=dl.viewBox,...v}=e;if(!n)return va(ls,{});if((t\|\|i)==="svg"){if(n==="none")return va(sl,{...v,className:r(e.className,vr),icon:n,size:o});let y=il[n]?n:Kc(`${n}-icon`);return il[y]?va(sl,{...v,className:r(e.className,vr),icon:il[y],size:o,themeColor:a,rotate:d,flip:f,viewBox:x}):va(ls,{})}return va(es,{...v,className:r(e.className,vr),icon:n,size:o,themeColor:a,rotate:d,flip:f})};m.states=Dc;m.options=Bc;m.defaultOptions=dl;m.className=vr;m.moduleName=os;m.folderName=as;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 cl="button",ns=cl;import{Fragment as Fc,jsx as La,jsxs as ss}from"react/jsx-runtime";var Ca="k-button",_c=["icon-button"],zc=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],Uc={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[L.undefined,L.solid,L.flat,L.outline,L.clear,L.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.light,g.dark,g.inverse]},pl={showArrow:!1,arrowIconName:"caret-alt-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:d=pl.showArrow,arrowIconName:f=pl.arrowIconName,variant:x,hover:v,focus:C,active:y,selected:h,disabled:E,togglable:A,icon:I,text:H,iconClassName:P,className:j,...ve}=e,Ae=I!==void 0,qe=e.children!==void 0;return ss(t,{className:r(j,Ca,Qn(Ca,x),R(Ca,{size:o,rounded:a,fillMode:n,themeColor:i}),O(Ca,{hover:v,focus:C,active:y,disabled:E,selected:h}),{"k-icon-button":!H&&!qe&&Ae}),...ve,"aria-pressed":A?h?"true":"false":void 0,disabled:E\|\|void 0,children:[I&&La(m,{className:r(P,"k-button-icon"),icon:I}),H?ss(Fc,{children:[H&&La("span",{className:"k-button-text",children:H}),e.children]}):e.children&&La("span",{className:"k-button-text",children:e.children}),d&&La("span",{className:"k-menu-button-arrow k-button-arrow",children:La(m,{icon:f})})]})};p.states=zc;p.options=Uc;p.variants=_c;p.className=Ca;p.defaultOptions=pl;p.moduleName=cl;p.folderName=ns;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 $c}from"react/jsx-runtime";var ro=e=>$c(p,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as Vc}from"react/jsx-runtime";var ya=e=>Vc(p,{icon:"folder",children:"Button",...e});import{jsx as Wc}from"react/jsx-runtime";var Co=e=>Wc(p,{children:"Button",...e});import{jsx as ml}from"react/jsx-runtime";var Xc=p.options,Jc=p.states,qc={...p.defaultOptions,variant:"text"},Yc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Qc=[],Ma=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return ml(ro,{...o,icon:"star"});case"icon-and-text":return ml(ya,{...o,icon:"star",children:"Button"});default:return ml(Co,{...o,children:"Button"})}};Ma.options=Xc;Ma.states=Jc;Ma.variants=Yc;Ma.defaultOptions=qc;Ma.modifiers=Qc;var ul="button",is=ul;import{jsx as tp}from"react/jsx-runtime";var wa="k-button-group",Zc=[s.disabled],jc={fillMode:[L.undefined,L.solid,L.flat,L.outline,L.clear,L.link]},ep={},D=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return tp("div",{role:"group",...n,className:r(e.className,wa,R(wa,{fillMode:t}),O(wa,{disabled:o}),{[`${wa}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};D.states=Zc;D.options=jc;D.className=wa;D.defaultOptions=ep;D.moduleName=ul;D.folderName=is;D.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 Xt,jsxs as bl}from"react/jsx-runtime";var op={...p.options,...D.options},ap=p.states,rp={...p.defaultOptions,...D.defaultOptions,variant:"text-button"},lp=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],np=[],Sa=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?bl(D,{fillMode:a.fillMode,className:o,children:[Xt(p,{...a,icon:"star"}),Xt(p,{...a,icon:"star"}),Xt(p,{...a,icon:"star"})]}):t==="icon-text-button"?bl(D,{fillMode:a.fillMode,className:o,children:[Xt(p,{...a,icon:"star",children:"First"}),Xt(p,{...a,icon:"star",children:"Middle"}),Xt(p,{...a,icon:"star",children:"Last"})]}):bl(D,{fillMode:a.fillMode,className:o,children:[Xt(p,{...a,children:"First"}),Xt(p,{...a,children:"Middle"}),Xt(p,{...a,children:"Last"})]})};Sa.options=op;Sa.states=ap;Sa.variants=lp;Sa.defaultOptions=rp;Sa.modifiers=np;var Aa="input",Lr=Aa;import{jsx as cp}from"react/jsx-runtime";var Cr="k-input",sp=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],ip={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[L.undefined,L.solid,L.flat,L.outline]},dp={},Ee=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:d,readonly:f,size:x,rounded:v,fillMode:C,...y}=e;return cp("span",{...y,className:r(e.className,Cr,R(Cr,{size:x,rounded:v,fillMode:C}),O(Cr,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:d,readonly:f}))})};Ee.states=sp;Ee.options=ip;Ee.className=Cr;Ee.defaultOptions=dp;Ee.moduleName=Aa;Ee.folderName=Lr;import{jsx as bp}from"react/jsx-runtime";var yr="k-picker",pp=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],mp={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[L.undefined,L.solid,L.flat,L.outline]},up={},Dt=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:d,readonly:f,size:x,rounded:v,fillMode:C,...y}=e;return bp("span",{...y,className:r(e.className,yr,R(yr,{size:x,rounded:v,fillMode:C}),O(yr,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:d,readonly:f})),children:e.children})};Dt.states=pp;Dt.options=mp;Dt.className=yr;Dt.defaultOptions=up;Dt.moduleName=Aa;Dt.folderName=Lr;import{Fragment as hp,jsx as fl}from"react/jsx-runtime";var ds="k-clear-value",fp=[s.disabled,s.loading,s.readonly],Tp={},mt=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t\|\|a\|\|o\|\|!n?fl(hp,{}):fl("span",{className:r(e.className,ds),children:fl(m,{icon:"x"})})};mt.states=fp;mt.options=Tp;mt.className=ds;import{jsx as gp}from"react/jsx-runtime";var Tl="k-input-inner",xp=[],Np={},Mr={type:"text",autocomplete:"off",value:"",placeholder:""},ut=e=>{let{value:t=Mr.value,type:o=Mr.type,placeholder:a=Mr.placeholder,autocomplete:n=Mr.autocomplete,disabled:i,readOnly:d,...f}=e;return gp("input",{...f,type:o,className:r(e.className,Tl,R(Tl,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i\|\|void 0,readOnly:d\|\|void 0})};ut.states=xp;ut.options=Np;ut.className=Tl;import{jsx as cs,jsxs as Lp}from"react/jsx-runtime";var hl="k-input-inner",kp=[],vp={},yo=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...d}=e;return Lp("span",{...d,className:r(e.className,hl,R(hl,e)),children:[n,!n&&i&&cs(m,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&cs("span",{className:"k-input-value-text",children:t})]})};yo.states=kp;yo.options=vp;yo.className=hl;import{jsx as Mp}from"react/jsx-runtime";var xl="k-input-inner",Cp=[],yp={},ps={value:"",placeholder:""},Nl=e=>{let{value:t=ps.value,placeholder:o=ps.placeholder,rows:a,disabled:n,...i}=e;return Mp("textarea",{...i,className:r(e.className,xl,R(xl,e)),placeholder:o,rows:a,defaultValue:t,disabled:n\|\|void 0})};Nl.states=Cp;Nl.options=yp;Nl.className=xl;import{Fragment as Sp,jsx as ms}from"react/jsx-runtime";var us="k-input-loading-icon",wp=[s.disabled,s.loading],at=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?ms(Sp,{}):ms("span",{className:r(e.className,us,"k-icon k-i-loading")})};at.states=wp;at.className=us;import{Fragment as Rp,jsx as bs}from"react/jsx-runtime";var fs="k-input-validation-icon",Ap=[s.valid,s.invalid,s.disabled,s.loading],Ep={},Ye=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a\|\|n\|\|!!!(t\|\|o)?bs(Rp,{}):bs(m,{className:r(fs),icon:i})};Ye.states=Ap;Ye.options=Ep;Ye.className=fs;import{Fragment as Gp,jsx as Ts}from"react/jsx-runtime";var Ip="k-input-prefix",Op={direction:"horizontal"},gt=e=>{let{direction:t=Op.direction,...o}=e;return e.children?Ts("span",{...o,className:r(Ip,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Ts(Gp,{})};import{Fragment as Kp,jsx as hs}from"react/jsx-runtime";var Pp="k-input-suffix",Hp={direction:"horizontal"},kt=e=>{let{direction:t=Hp.direction,...o}=e;return e.children?hs("span",{...o,className:r(Pp,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):hs(Kp,{})};import{jsx as kv}from"react/jsx-runtime";import{jsx as Bp}from"react/jsx-runtime";var Dp="k-input-suffix-text",gl=e=>{let{children:t,...o}=e;return Bp("span",{...o,className:r(Dp,e.className),children:t})};import{jsx as zp}from"react/jsx-runtime";var xs="k-input-separator",_p={direction:"vertical"},vt=e=>{let{direction:t=_p.direction,...o}=e;return zp("span",{...o,className:r(xs,e.className,{[`${xs}-${t}`]:t})})};import{Fragment as Ns,jsx as Bt,jsxs as kl}from"react/jsx-runtime";var Up=Ee.states,Fp=Ee.defaultOptions,$p=Ee.options,Vp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Wp=[],Ea=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:i,readonly:d,...f}=e,x=t?.prefix,v=t?.suffix,C=t?.["clear-button"],y=t?.["validation-icon"],h=t?.separators;return kl(Ee,{...f,valid:o,invalid:a,loading:n,disabled:i,readonly:d,style:{width:300},children:[x&&kl(Ns,{children:[Bt(gt,{children:Bt(m,{icon:"lock"})}),h&&Bt(vt,{})]}),Bt(ut,{placeholder:"Placeholder",value:"Value"}),y&&Bt(Ye,{valid:o,invalid:a,loading:n,disabled:i}),Bt(at,{loading:n,disabled:i}),C&&Bt(mt,{loading:n,disabled:i,readonly:d,value:"Value"}),v&&kl(Ns,{children:[h&&Bt(vt,{}),Bt(kt,{children:Bt(Co,{size:f.size,fillMode:"clear",children:"Send"})})]})]})};Ea.options=$p;Ea.states=Up;Ea.variants=Wp;Ea.defaultOptions=Fp;Ea.modifiers=Vp;import{jsx as gs,jsxs as qp}from"react/jsx-runtime";var ks="k-color-preview",Xp=[],Jp={},lo=e=>{let{color:t,iconName:o,...a}=e;return qp("span",{...a,className:r(e.className,ks,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&gs(m,{icon:o,className:"k-color-preview-icon"}),gs("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};lo.states=Xp;lo.options=Jp;lo.className=ks;var vl="popup",vs=vl;import{jsx as Ls}from"react/jsx-runtime";var Cs="k-animation-container",Yp=[],Qp={},ys={positionMode:"absolute"},_t=e=>{let{positionMode:t=ys.positionMode,animationStyle:o,offset:a,...n}=e;return Ls("div",{...n,style:{...a,...e.style},className:r(e.className,Cs,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Ls("div",{className:"k-child-animation-container",style:o,children:e.children})})};_t.states=Yp;_t.options=Qp;_t.className=Cs;_t.defaultOptions=ys;_t.moduleName=vl;_t.folderName=vs;var Ll="popup",Ms=Ll;import{jsx as ws}from"react/jsx-runtime";var Ss="k-popup",Zp=[],jp={},As={positionMode:"absolute"},Ne=e=>{let{offset:t,positionMode:o=As.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:d,...f}=e;return ws(_t,{positionMode:o,offset:t,animationStyle:a,className:n,role:i,"aria-label":d,children:ws("div",{...f,className:r(e.className,Ss),children:e.children})})};Ne.states=Zp;Ne.options=jp;Ne.className=Ss;Ne.defaultOptions=As;Ne.moduleName=Ll;Ne.folderName=Ms;Ne.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 Cl="action-buttons",Es=Cl;import{jsx as om}from"react/jsx-runtime";var wr="k-actions",em=[],tm={},yl={alignment:"start",orientation:"horizontal"},zt=e=>{let{alignment:t=yl.alignment,orientation:o=yl.orientation,...a}=e;return om("div",{...a,className:r(wr,{[`${wr}-${t}`]:t,[`${wr}-${o}`]:o},e.className),children:e.children})};zt.states=em;zt.options=tm;zt.className=wr;zt.defaultOptions=yl;zt.moduleName=Cl;zt.folderName=Es;import{jsx as rm}from"react/jsx-runtime";var am="k-actionsheet-footer",Rs={alignment:"stretched",orientation:"horizontal"},no=e=>{let{alignment:t=Rs.alignment,orientation:o=Rs.orientation,template:a,as:n=a?"div":zt,...i}=e;return rm(n,{...i,...!a&&{alignment:t,orientation:o},className:r(e.className,am),children:e.children})};var Ml="searchbox",Is=Ml;import{jsx as Ra,jsxs as sm}from"react/jsx-runtime";var Os="k-searchbox",lm=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],nm={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[L.undefined,L.solid,L.flat,L.outline]},wl={showIcon:!0,icon:"search"},Lt=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:i,hover:d,focus:f,valid:x,invalid:v,required:C,loading:y,disabled:h,showIcon:E=wl.showIcon,icon:A=wl.icon,...I}=e;return sm(Ee,{...I,size:a,rounded:n,fillMode:i,hover:d,focus:f,valid:x,invalid:v,required:C,loading:y,disabled:h,className:r(e.className,Os),children:[E&&Ra(m,{className:"k-input-icon",icon:A}),Ra(ut,{placeholder:o,value:t}),Ra(at,{...e}),Ra(Ye,{...e}),Ra(mt,{...e})]})};Lt.states=lm;Lt.options=nm;Lt.className=Os;Lt.defaultOptions=wl;Lt.moduleName=Ml;Lt.folderName=Is;import{jsx as WL}from"react/jsx-runtime";var Sl="textbox",Gs=Sl;import{Fragment as Ps,jsx as so,jsxs as Al}from"react/jsx-runtime";var Hs="k-textbox",im=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],dm={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[L.undefined,L.solid,L.flat,L.outline]},Sr={showClearButton:!0,showValidationIcon:!0,separators:!0},Te=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Sr.separators,showClearButton:i=Sr.showClearButton,showValidationIcon:d=Sr.showValidationIcon,prefix:f,suffix:x,type:v,value:C,placeholder:y,hover:h,focus:E,valid:A,invalid:I,required:H,loading:P,disabled:j,readonly:ve,id:Ae,"aria-label":qe,"aria-describedby":ct,...pt}=e;return Al(Ee,{...pt,size:t,rounded:o,fillMode:a,hover:h,focus:E,valid:A,invalid:I,required:H,loading:P,disabled:j,readonly:ve,className:r(e.className,Hs),children:[f&&Al(Ps,{children:[so(gt,{children:f}),n&&so(vt,{})]}),so(ut,{id:Ae,placeholder:y,value:C,type:v,disabled:j,"aria-label":qe,"aria-describedby":ct,"aria-invalid":I?"true":void 0}),d&&so(Ye,{valid:A,invalid:I,loading:P,disabled:j}),so(at,{loading:P,disabled:j}),i&&so(mt,{loading:P,disabled:j,readonly:ve,value:C}),x&&Al(Ps,{children:[n&&so(vt,{}),so(kt,{children:x})]})]})};Te.states=im;Te.options=dm;Te.className=Hs;Te.defaultOptions=Sr;Te.moduleName=Sl;Te.folderName=Gs;Te.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 Ia=Te;import{jsx as cm}from"react/jsx-runtime";var Ks=e=>cm(Ia,{...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 El}from"react/jsx-runtime";var pm=Te.states,mm=Te.defaultOptions,um=Te.options,bm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],fm=[],Oa=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?El(m,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?El(Co,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),El(Ks,{value:"Value",style:{width:300},...o,...a})};Oa.options=um;Oa.states=pm;Oa.variants=fm;Oa.defaultOptions=mm;Oa.modifiers=bm;import{jsx as io,jsxs as Rl}from"react/jsx-runtime";var Ds="k-actionsheet-titlebar",Tm={},Qe=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:i,input:d,inputValue:f,inputPlaceholder:x,adaptive:v,titleId:C,children:y,...h}=e;return Rl("div",{...h,className:r(e.className,Ds),children:[Rl("div",{className:"k-actionsheet-titlebar-group",children:[a&&io("div",{className:"k-actionsheet-actions",children:a}),!y&&Rl("div",{className:"k-actionsheet-title",id:C,children:[t&&io("div",{className:"k-text-center",children:t}),o&&io("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),y&&io("div",{className:"k-actionsheet-title",id:C,children:y}),n&&io("div",{className:"k-actionsheet-actions",children:n})]}),(d\|\|i)&&io("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?io(Te,{value:f,placeholder:x,size:v?"large":"medium","aria-label":t\|\|x\|\|"Input"}):io(Lt,{placeholder:"Filter",size:v?"large":"medium","aria-label":"Filter options"})})]})};Qe.className=Ds;Qe.defaultOptions=Tm;import{jsx as Il,jsxs as gm}from"react/jsx-runtime";var Ol="k-actionsheet-view",hm=[],xm={},Nm={},Yo=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:i,titleId:d,...f}=e,x=n?.type===Qe&&Il(Qe,{adaptive:t,titleId:d,...n?.props}),v=i?.type===no&&Il(no,{...i?.props});return gm("div",{...f,className:r(e.className,Ol,{[`${Ol}-animated`]:o}),children:[x,Il("div",{className:"k-actionsheet-content",children:a}),v]})};Yo.states=hm;Yo.options=xm;Yo.className=Ol;Yo.defaultOptions=Nm;var Ga="action-sheet",Ar=Ga;var Gl="overlay",Bs=Gl;import{jsx as Cm}from"react/jsx-runtime";var Pl="k-overlay",km=[],vm={themeColor:[g.undefined,g.light,g.dark,g.inverse]},Lm={},co=e=>{let{themeColor:t,...o}=e;return Cm("div",{...o,className:r(e.className,Pl,R(Pl,{themeColor:t})),children:e.children})};co.states=km;co.options=vm;co.className=Pl;co.defaultOptions=Lm;co.moduleName=Gl;co.folderName=Bs;import{jsx as Er,jsxs as wm}from"react/jsx-runtime";var _s="k-actionsheet",ym=[],Mm={},Pa={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Me=e=>{let{side:t=Pa.side,fullscreen:o=Pa.fullscreen,adaptive:a=Pa.adaptive,overlay:n=Pa.overlay,template:i,children:d,header:f,footer:x,id:v,...C}=e,y=v&&!i&&f?`${v}-title`:void 0;return wm("div",{className:"k-actionsheet-container",children:[n&&Er(co,{}),Er(_t,{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:Er("div",{...C,id:v,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":y,className:r(e.className,_s,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i\|\|Er(Yo,{header:f,footer:x,adaptive:a,titleId:y,...e,children:d})})})]})};Me.states=ym;Me.options=Mm;Me.className=_s;Me.defaultOptions=Pa;Me.moduleName=Ga;Me.folderName=Ar;Me.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 Rm}from"react/jsx-runtime";var zs="k-actionsheet-container",Sm=[],Am={},Em={},Qo=e=>{let{children:t,...o}=e;return Rm("div",{...o,className:zs,children:t})};Qo.states=Sm;Qo.options=Am;Qo.className=zs;Qo.defaultOptions=Em;Qo.moduleName=Ga;Qo.folderName=Ar;import{jsx as Im}from"react/jsx-runtime";var Hl=e=>{let{...t}=e;return Im("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as Gm,jsx as Ha,jsxs as Kl}from"react/jsx-runtime";var Dl="k-actionsheet-item",Om=[s.hover,s.focus,s.selected,s.disabled],po=e=>{let{iconName:t,text:o,description:a,hover:n,focus:i,selected:d,disabled:f,...x}=e;return Kl("span",{...x,className:r(e.className,Dl,O(Dl,{hover:n,focus:i,selected:d,disabled:f})),children:[!e.children&&Ha(Gm,{children:Kl("span",{className:"k-actionsheet-action",children:[t&&Ha("span",{className:"k-icon-wrap",children:Ha(m,{className:"k-actionsheet-item-icon",icon:t})}),Kl("span",{className:"k-actionsheet-item-text",children:[o&&Ha("span",{className:"k-actionsheet-item-title",children:o}),a&&Ha("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};po.states=Om;po.className=Dl;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 _e,jsxs as Bl}from"react/jsx-runtime";var Pm=Me.options,Hm=Me.states,Fs={...Me.defaultOptions,variant:"normal"},Km=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Dm=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Ka=e=>{let{variant:t,modifiers:o,...a}={...Fs,...e},n={},i=Bl(Hl,{children:[_e(po,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),_e(po,{text:"Add to Favorites",iconName:"heart"}),_e(po,{text:"Upload New",iconName:"upload",disabled:!0}),_e("hr",{className:"k-hr"}),_e(po,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",f="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o\|\|{}).forEach(x=>{switch(x){case"actions":n.actionsStart=!!o?.[x],n.actionsEnd=!!o?.[x];break;case"subtitle":n.subtitle=o?.[x]?d:void 0;break;case"footer":n.footer=!!o?.[x];break;default:break}}),t==="adaptive"?_e(Me,{...a,adaptive:!0,fullscreen:n.fullScreen,header:_e(Qe,{actionsStart:n.actionsStart?_e(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?_e(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:f,subtitle:n.subtitle}),footer:n.footer?Bl(no,{alignment:"stretched",children:[_e(p,{text:"Cancel",size:"large",themeColor:"base"}),_e(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):_e(Me,{...a,fullscreen:n.fullScreen,header:_e(Qe,{actionsStart:n.actionsStart?_e(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?_e(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?Bl(no,{alignment:"stretched",children:[_e(p,{text:"Apply",themeColor:"primary"}),_e(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};Ka.options=Pm;Ka.states=Hm;Ka.variants=Km;Ka.defaultOptions=Fs;Ka.modifiers=Dm;var _l="slider",$s=_l;import{jsx as Zo,jsxs as zl}from"react/jsx-runtime";var Da="k-slider",Bm=[s.hover,s.focus,s.active,s.disabled,s.readonly],_m={},Ct={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},ge=e=>{let{type:t=Ct.type,orientation:o=Ct.orientation,gradientType:a=Ct.gradientType,readonly:n=Ct.readonly,disabled:i=Ct.disabled,handlePosition:d=Ct.handlePosition,showButtons:f=Ct.showButtons,showTicks:x=Ct.showTicks,value:v=Ct.value,min:C=Ct.min,max:y=Ct.max,startValue:h,endValue:E,hover:A,focus:I,active:H,trackStyle:P,dir:j,...ve}=e,qe=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),ct,pt;return o==="horizontal"?(ct=j==="rtl"?"caret-alt-left":"caret-alt-right",pt=j==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(ct="caret-alt-up",pt="caret-alt-down"),zl("div",{...ve,className:r(Da,e.className,O(Da,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:j,children:[f&&Zo(p,{className:"k-button-decrease",rounded:"full",icon:pt,tabIndex:-1,title:"Decrease"}),zl("div",{className:"k-slider-track-wrap",children:[x&&Zo("ul",{className:"k-reset k-slider-items",children:e.children}),zl("div",{className:"k-slider-track",style:P,children:[Zo("div",{className:"k-slider-selection"}),t==="range"&&Zo("span",{className:r("k-draghandle","k-draghandle-start",O(Da,{hover:A,focus:I,active:H})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":h??C,"aria-valuemin":C,"aria-valuemax":E??y,"aria-orientation":qe,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":ve["aria-label"]?`${ve["aria-label"]} start`:"Range start"}),Zo("span",{className:r("k-draghandle",`k-draghandle-${d}`,O(Da,{hover:A,focus:I,active:H})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?E??y:v,"aria-valuemin":t==="range"?h??C:C,"aria-valuemax":y,"aria-orientation":qe,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?ve["aria-label"]?`${ve["aria-label"]} end`:"Range end":ve["aria-label"]})]})]}),f&&Zo(p,{className:"k-button-increase",rounded:"full",icon:ct,tabIndex:-1,title:"Increase"})]})};ge.states=Bm;ge.options=_m;ge.className=Da;ge.defaultOptions=Ct;ge.moduleName=_l;ge.folderName=$s;ge.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 Vs}from"react/jsx-runtime";var Ws="k-tick",zm=[],Um={},Xs={label:!1},B=e=>{let{style:t,label:o=Xs.label,orientation:a,large:n,text:i,...d}=e;return Vs("li",{...d,className:r(e.className,Ws,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&Vs("span",{className:"k-label",children:i})})};B.states=zm;B.options=Um;B.className=Ws;B.defaultOptions=Xs;import{Fragment as Fm,jsx as yt,jsxs as $m}from"react/jsx-runtime";var Js=e=>yt(ge,{"aria-label":e["aria-label"]\|\|"Slider",children:$m(Fm,{children:[yt(B,{className:"k-first",label:!0,large:!0,text:"0"}),yt(B,{}),yt(B,{}),yt(B,{}),yt(B,{}),yt(B,{label:!0,large:!0,text:"5"}),yt(B,{}),yt(B,{}),yt(B,{}),yt(B,{}),yt(B,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Vm,jsx as Mt,jsxs as Wm}from"react/jsx-runtime";var qs=e=>Mt(ge,{children:Wm(Vm,{children:[Mt(B,{className:"k-first",label:!0,large:!0,text:"0"}),Mt(B,{}),Mt(B,{}),Mt(B,{}),Mt(B,{}),Mt(B,{label:!0,large:!0,text:"5"}),Mt(B,{}),Mt(B,{}),Mt(B,{}),Mt(B,{}),Mt(B,{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 Xm}from"react/jsx-runtime";var Ul=e=>Xm(ge,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{jsx as Jm}from"react/jsx-runtime";var Fl=e=>Jm(ge,{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 Ut,jsxs as Ys}from"react/jsx-runtime";var qm=ge.options,Ym=ge.states,Qs={...ge.defaultOptions,variant:"horizontal",label:!0},Qm=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Zm=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Ba=e=>{let{variant:t,modifiers:o,...a}={...Qs,...e},n={};Object.keys(o\|\|{}).forEach(v=>{switch(v){case"button":{n.showButtons=!!o?.[v];break}case"label":{n.label=!!o?.[v];break}case"tick":{n.showTicks=!!o?.[v];break}}});let{label:i=!0,showButtons:d,showTicks:f}=n,x={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?Ys(qs,{showTicks:f,showButtons:d,style:{height:"300px",...x},...a,children:[Ut(B,{label:i,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),Ut(B,{label:i,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),Ut(B,{label:i,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),Ut(B,{label:i,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),Ut(B,{label:i,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Ys(Js,{showTicks:f,showButtons:d,style:{width:"400px",...x},...a,children:[Ut(B,{label:i,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),Ut(B,{label:i,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),Ut(B,{label:i,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),Ut(B,{label:i,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),Ut(B,{label:i,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Ba.options=qm;Ba.states=Ym;Ba.variants=Qm;Ba.defaultOptions=Qs;Ba.modifiers=Zm;import{jsx as Zs,jsxs as au}from"react/jsx-runtime";var js="k-spin-button",tu=[],ou={size:[c.undefined,c.small,c.medium,c.large],fillMode:[L.undefined,L.solid,L.flat,L.outline,L.clear,L.link]},$l={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},mo=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=$l.increaseLabel,decreaseLabel:i=$l.decreaseLabel,...d}=e;return au("span",{...d,className:r(js,e.className),children:[Zs(p,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":n}),Zs(p,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};mo.states=tu;mo.options=ou;mo.className=js;mo.defaultOptions=$l;mo.moduleName=null;mo.folderName=null;var ei="numeric-textbox",ti="numerictextbox";import{Fragment as oi,jsx as Jt,jsxs as Vl}from"react/jsx-runtime";var ai="k-numerictextbox",ru=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],lu={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[L.undefined,L.solid,L.flat,L.outline]},Rr={showSpinButton:!0,showClearButton:!0,separators:!0},ee=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Rr.separators,showClearButton:i=Rr.showClearButton,showSpinButton:d=Rr.showSpinButton,prefix:f,suffix:x,value:v,placeholder:C,hover:y,focus:h,valid:E,invalid:A,required:I,loading:H,disabled:P,readonly:j,id:ve,"aria-label":Ae,"aria-describedby":qe,...ct}=e;return Vl(Ee,{...ct,size:t,rounded:o,fillMode:a,hover:y,focus:h,valid:E,invalid:A,required:I,loading:H,disabled:P,readonly:j,className:r(e.className,ai),children:[f&&Vl(oi,{children:[Jt(gt,{children:f}),n&&Jt(vt,{})]}),Jt(ut,{id:ve,placeholder:C,value:v,role:"spinbutton",disabled:P,"aria-label":Ae,"aria-describedby":qe,"aria-invalid":A?"true":void 0}),Jt(Ye,{valid:E,invalid:A,loading:H,disabled:P}),Jt(at,{loading:H,disabled:P}),i&&Jt(mt,{loading:H,disabled:P,readonly:j,value:v}),x&&Vl(oi,{children:[n&&Jt(vt,{}),Jt(kt,{children:x})]}),d&&Jt(mo,{className:"k-input-spinner",size:t,fillMode:a,disabled:P})]})};ee.states=ru;ee.options=lu;ee.className=ai;ee.defaultOptions=Rr;ee.moduleName=ei;ee.folderName=ti;ee.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 _a=ee;import{jsx as nu}from"react/jsx-runtime";var ri=e=>nu(_a,{...e});import Xl from"react";import{jsx as li}from"react/jsx-runtime";var su="k-list-group-sticky-header",Wl=e=>li("div",{className:r(su,e.className),children:li("div",{className:"k-list-header-text",children:e.children})});import{jsx as du}from"react/jsx-runtime";var iu="k-no-data",Ir=e=>{let{live:t,...o}=e;return du("span",{...o,className:r(iu,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Mo="list",jo=Mo;import{jsx as ni,jsxs as si}from"react/jsx-runtime";var Jl="k-list",cu=[],pu={size:[c.undefined,c.small,c.medium,c.large]},mu={},ae=e=>{let{size:t,virtualization:o,children:a,header:n,optionLabel:i,customValue:d,noData:f,screenReaders:x,...v}=e,y=Xl.Children.toArray(a)[0],h=y?.props?.children?Xl.Children.count(y.props.children):Xl.Children.count(a);return si("div",{...v,className:r(e.className,Jl,R(Jl,{size:t}),{"k-virtual-list":o}),children:[i,d,n&&ni(Wl,{children:n}),a\|\|(f!==void 0?f:ni(Ir,{live:!0,children:"No data found."})),x&&a&&si(Ir,{className:"k-sr-only",live:!0,children:[h," items found."]})]})};ae.states=cu;ae.options=pu;ae.className=Jl;ae.defaultOptions=mu;ae.moduleName=Mo;ae.folderName=jo;ae.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 Tu}from"react/jsx-runtime";var ii="k-list-container",uu=[],bu={},fu={},ea=e=>{let{...t}=e;return Tu("div",{...t,className:r(e.className,ii),children:e.children})};ea.states=uu;ea.options=bu;ea.className=ii;ea.defaultOptions=fu;ea.moduleName=Mo;ea.folderName=jo;var wo="checkbox",ta=wo;import{jsx as di}from"react/jsx-runtime";var Or="k-checkbox",hu=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],xu={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full]},Nu={},rt=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:i,disabled:d,invalid:f,valid:x,required:v,size:C,rounded:y,...h}=e;return di("span",{className:"k-checkbox-wrap",children:di("input",{...h,id:t,type:"checkbox",defaultChecked:o,required:v,disabled:d\|\|void 0,"aria-invalid":f?"true":void 0,className:r(e.className,Or,R(Or,{size:C,rounded:y}),O(Or,{hover:n,focus:i,disabled:d,invalid:f,valid:x,indeterminate:a,checked:o}))})})};rt.states=hu;rt.options=xu;rt.className=Or;rt.defaultOptions=Nu;rt.moduleName=wo;rt.folderName=ta;rt.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 Ft=rt;import{jsx as vu}from"react/jsx-runtime";var ci="k-checkbox-list",gu=[],ku={},pi={layout:"vertical"},lt=e=>{let{layout:t=pi.layout,...o}=e;return vu("ul",{...o,className:r(e.className,ci,{[`k-list-${t}`]:t}),children:e.children})};lt.states=gu;lt.options=ku;lt.className=ci;lt.defaultOptions=pi;lt.moduleName=wo;lt.folderName=ta;import{jsx as Mu}from"react/jsx-runtime";var mi="k-checkbox-list-item",Lu=[],Cu={},yu={},Ze=e=>{let{...t}=e;return Mu("li",{...t,className:r(e.className,mi),children:e.children})};Ze.states=Lu;Ze.options=Cu;Ze.className=mi;Ze.defaultOptions=yu;Ze.moduleName=wo;Ze.folderName=ta;import{Fragment as wu,jsx as ui,jsxs as Su}from"react/jsx-runtime";var qt=({children:e,id:t,...o})=>Su(wu,{children:[ui(Ft,{id:t,...o}),ui("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 wt,jsxs as bi}from"react/jsx-runtime";var Au=lt.options,Eu=lt.states,Ru={...lt.defaultOptions,variant:"vertical"},Iu=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Ou=[],za=e=>{let{variant:t,...o}=e;return t==="horizontal"?bi(lt,{layout:"horizontal",...o,children:[wt(Ze,{children:wt(qt,{id:"first",defaultChecked:!0,children:"Label"})}),wt(Ze,{children:wt(qt,{id:"second",children:"Label"})}),wt(Ze,{children:wt(qt,{id:"third",children:"Label"})})]}):bi(lt,{...o,children:[wt(Ze,{children:wt(qt,{id:"first",defaultChecked:!0,children:"Label"})}),wt(Ze,{children:wt(qt,{id:"second",children:"Label"})}),wt(Ze,{children:wt(qt,{id:"third",children:"Label"})})]})};za.options=Au;za.states=Eu;za.variants=Iu;za.defaultOptions=Ru;za.modifiers=Ou;import{jsx as Bu}from"react/jsx-runtime";var Gu=Ft.options,Pu=Ft.states,Hu=Ft.defaultOptions,Ku=[],Du=[],Ua=e=>Bu(qt,{id:"checkbox-demo-checkbox",...e,defaultChecked:!0,children:"Label"});Ua.options=Gu;Ua.states=Pu;Ua.variants=Ku;Ua.defaultOptions=Hu;Ua.modifiers=Du;import{jsx as So,jsxs as Fu}from"react/jsx-runtime";var ql="k-list-item",_u=[s.hover,s.focus,s.selected,s.disabled],zu={},Uu={},W=e=>{let{text:t,groupLabel:o,group:a,iconName:n,iconClassName:i,showCheckbox:d,checked:f,hover:x,focus:v,selected:C,disabled:y,actions:h,description:E,id:A,...I}=e,H=t\|\|e.children;return Fu("li",{...I,id:A,role:a?"presentation":"option",tabIndex:a?void 0:v?0:-1,"aria-selected":!a&&C?"true":a?void 0:"false","aria-disabled":!a&&y?"true":void 0,className:r(e.className,a?"k-list-group-item":ql,O(ql,{hover:x,focus:v,disabled:y,selected:C})),children:[d&&So(rt,{checked:f}),n&&So("span",{className:"k-list-item-icon-wrapper",children:So(m,{icon:n,className:r("k-list-item-icon",i)})}),So("span",{className:"k-list-item-text",children:H}),h&&So("div",{className:"k-list-item-actions",children:h}),E&&So("span",{className:"k-list-item-description",children:E}),o&&o!==""&&So("div",{className:"k-list-item-group-label",children:o})]})};W.states=_u;W.options=zu;W.className=ql;W.defaultOptions=Uu;W.moduleName=Mo;W.folderName=jo;W.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 Vu}from"react/jsx-runtime";var $u="k-list-ul",Yt=e=>{let{children:t,role:o,id:a,...n}=e;return Vu("ul",{...n,id:a,role:o,className:r($u,e.className),children:t})};Yt.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 Yl,jsxs as Xu}from"react/jsx-runtime";var Wu="k-list-content",be=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:i,...d}=e;return Xu("div",{...d,className:r(Wu,e.className),role:o?"listbox":void 0,id:o?i:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?n:void 0,children:[o?e.children:Yl(Yt,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&Yl("div",{className:"k-height-container",children:Yl("div",{})})]})};be.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 Ql,jsxs as qu}from"react/jsx-runtime";var Ju="k-list-group-item",Ao=e=>{let{groupIconName:t,...o}=e;return qu("li",{...o,role:"presentation",className:r(Ju,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})]})};Ao.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 ju}from"react/jsx-runtime";var Zl="k-list-optionlabel",Yu=[s.hover,s.focus,s.selected,s.disabled],Qu={},Zu={},Gr=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...d}=e;return ju("div",{...d,className:r(Zl,O(Zl,{hover:o,focus:a,selected:n,disabled:i})),children:t})};Gr.states=Yu;Gr.options=Qu;Gr.className=Zl;Gr.defaultOptions=Zu;import{jsx as ab}from"react/jsx-runtime";var jl="k-list-custom-value",eb=[s.hover,s.focus,s.selected,s.disabled],tb={},ob={},uo=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...d}=e;return ab("div",{...d,className:r(jl,O(jl,{hover:o,focus:a,selected:n,disabled:i})),children:t})};uo.states=eb;uo.options=tb;uo.className=jl;uo.defaultOptions=ob;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 fi="dropdown-list",Ti="dropdownlist";import{Fragment as nb,jsx as je,jsxs as en}from"react/jsx-runtime";var hi="k-dropdownlist",rb=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],lb={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[L.undefined,L.solid,L.flat,L.outline]},tn={showValue:!0,arrowIconName:"caret-alt-down"},he=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=tn.arrowIconName,showValue:i=tn.showValue,valueIconName:d,prefix:f,suffix:x,value:v,placeholder:C,hover:y,focus:h,valid:E,invalid:A,required:I,loading:H,disabled:P,readonly:j,popup:ve,opened:Ae,adaptive:qe,adaptiveSettings:ct,adaptiveTitle:pt,adaptiveSubtitle:qo,adaptiveFilter:rl,...gr}=e;return en(nb,{children:[en(Dt,{...gr,size:t,rounded:o,fillMode:a,hover:y,focus:h,valid:E,invalid:A,required:I,loading:H,disabled:P,readonly:j,className:r(e.className,hi,{"k-icon-picker":!i&&d}),children:[je(gt,{children:f}),je(yo,{placeholder:C,value:v,showValue:i,valueIconName:d}),je(Ye,{valid:E,invalid:A,loading:H,disabled:P}),je(at,{loading:H,disabled:P}),je(kt,{children:x}),je(p,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":C\|\|"Toggle dropdown"})]}),Ae&&ve&&je(Ne,{className:"k-list-container k-dropdownlist-popup",children:ve}),qe&&je(Me,{adaptive:!0,...ct,header:je(Qe,{actionsEnd:je(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:rl,inputValue:v,inputPlaceholder:C,title:pt,subtitle:qo}),children:je("div",{className:"k-list-container",children:je(ae,{size:"large",children:en(be,{children:[je(W,{text:"List item"}),je(W,{text:"List item"}),je(W,{text:"List item"})]})})})})]})};he.states=rb;he.options=lb;he.className=hi;he.defaultOptions=tn;he.moduleName=fi;he.folderName=Ti;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 mb,jsx as bo,jsxs as xi}from"react/jsx-runtime";var sb=he.states,ib=he.defaultOptions,db=he.options,cb=[{name:"opened",title:"Opened"}],pb=[],$a=e=>{let{modifiers:t,...o}=e,a={},n=xi(mb,{children:[bo("div",{className:"k-list-filter",children:bo(Lt,{})}),bo(ae,{style:{width:300},size:o.size,children:xi(be,{children:[bo(W,{children:"List item"}),bo(W,{children:"List item"}),bo(W,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(i=>{i==="opened"&&(a.opened=!!t?.[i],a.popup=t?.[i]?n:void 0)}),bo("div",{children:bo(he,{placeholder:"Value",style:{width:300},...o,...a})})};$a.options=db;$a.states=sb;$a.variants=pb;$a.defaultOptions=ib;$a.modifiers=cb;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 on}from"react/jsx-runtime";var ub=ee.states,bb=ee.defaultOptions,fb=ee.options,Tb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],hb=[],Va=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?on(he,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?on(gl,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),on(ri,{value:"Value",style:{width:300},...o,...a})};Va.options=fb;Va.states=ub;Va.variants=hb;Va.defaultOptions=bb;Va.modifiers=Tb;import{Fragment as Wa,jsx as oe,jsxs as we}from"react/jsx-runtime";var Ni="k-colorgradient-inputs",xb=[],Nb={size:[c.undefined,c.small,c.medium,c.large]},gi={mode:"rgba"},oa=e=>{let{mode:t=gi.mode,size:o,...a}=e;return we("div",{...a,className:r(Ni,"k-hstack"),children:[oe("div",{className:"k-vstack",children:oe(p,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&we(Wa,{children:[we("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),oe("label",{className:"k-colorgradient-input-label",children:"R"})]}),we("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),oe("label",{className:"k-colorgradient-input-label",children:"G"})]}),we("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),oe("label",{className:"k-colorgradient-input-label",children:"B"})]}),we("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),oe("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&we(Wa,{children:[we("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),oe("label",{className:"k-colorgradient-input-label",children:"R"})]}),we("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),oe("label",{className:"k-colorgradient-input-label",children:"G"})]}),we("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),oe("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&we(Wa,{children:[we("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),oe("label",{className:"k-colorgradient-input-label",children:"H"})]}),we("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),oe("label",{className:"k-colorgradient-input-label",children:"S"})]}),we("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),oe("label",{className:"k-colorgradient-input-label",children:"V"})]}),we("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),oe("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&we(Wa,{children:[we("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),oe("label",{className:"k-colorgradient-input-label",children:"H"})]}),we("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),oe("label",{className:"k-colorgradient-input-label",children:"S"})]}),we("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),oe("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&oe(Wa,{children:we("div",{className:"k-vstack k-flex-1",children:[oe(Te,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),oe("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};oa.states=xb;oa.options=Nb;oa.className=Ni;oa.defaultOptions=gi;import{jsx as Eo,jsxs as Ro}from"react/jsx-runtime";var ki="k-colorgradient-color-contrast",gb=[],kb={},vb={},aa=()=>Ro("div",{className:r(ki,"k-vbox"),children:[Ro("div",{className:"k-contrast-ratio",children:[Eo("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),Ro("span",{className:"k-contrast-validation !k-text-success",children:[Eo(m,{icon:"check"}),Eo(m,{icon:"check"})]})]}),Ro("div",{children:[Eo("span",{children:"AA: 4.5"}),Ro("span",{className:"k-contrast-validation !k-text-success",children:["Pass",Eo(m,{icon:"check"})]})]}),Ro("div",{children:[Eo("span",{children:"AAA: 7.0"}),Ro("span",{className:"k-contrast-validation !k-text-error",children:["Fail",Eo(m,{icon:"x"})]})]})]});aa.states=gb;aa.options=kb;aa.className=ki;aa.defaultOptions=vb;var vi="color-gradient",Li="colorgradient";import{jsx as At,jsxs as Xa}from"react/jsx-runtime";var Pr="k-colorgradient",Lb=[s.hover,s.focus,s.readonly,s.disabled],Cb={size:[c.undefined,c.small,c.medium,c.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"},ze=e=>{let{size:t,mode:o=$t.mode,readonly:a=$t.readonly,disabled:n=$t.disabled,gradientStyle:i=$t.gradientStyle,dragHandleStyle:d=$t.dragHandleStyle,alphaStyle:f=$t.alphaStyle,alphaStyleHorizontal:x=$t.alphaStyleHorizontal,contrast:v=$t.contrast,dir:C,hover:y,focus:h,hoverHandle:E,focusHandle:A,canvasOrientation:I=$t.canvasOrientation,role:H,tabIndex:P,...j}=e;return Xa("div",{...j,role:H??"textbox","aria-label":H==="none"?void 0:"Color gradient",tabIndex:P??0,"aria-disabled":n?"true":void 0,className:r(e.className,Pr,R(Pr,{size:t}),O(Pr,{hover:y,focus:h,readonly:a,disabled:n})),dir:C,children:[!I\|\|I==="horizontal"&&Xa("div",{className:"k-colorgradient-canvas k-hstack",children:[At("div",{className:"k-hsv-rectangle",style:i,children:At("div",{className:"k-hsv-gradient",children:At("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":E,"k-focus":A}),style:d,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})})}),Xa("div",{className:"k-hsv-controls k-hstack",children:[At(Fl,{className:"k-hue-slider",hover:E,focus:A}),o!=="rgb"&&o!=="hsv"&&At(Fl,{className:"k-alpha-slider",hover:E,focus:A,trackStyle:f})]})]}),I==="vertical"&&Xa("div",{className:"k-colorgradient-canvas k-vstack",children:[At("div",{className:"k-hsv-rectangle",style:i,children:At("div",{className:"k-hsv-gradient",children:At("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":E,"k-focus":A}),style:d,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})})}),Xa("div",{className:"k-hsv-controls k-vstack",children:[At(Ul,{className:"k-hue-slider",hover:E,focus:A}),o!=="rgb"&&o!=="hsv"&&At(Ul,{className:"k-alpha-slider",hover:E,focus:A,trackStyle:x})]})]}),At(oa,{mode:e.mode,size:t}),v&&At(aa,{})]})};ze.states=Lb;ze.options=Cb;ze.className=Pr;ze.defaultOptions=$t;ze.moduleName=vi;ze.folderName=Li;ze.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 yb}from"react/jsx-runtime";var Hr=e=>yb(ze,{...e});import{jsx as YI}from"react/jsx-runtime";import{jsx as eO}from"react/jsx-runtime";import{jsx as an}from"react/jsx-runtime";var Mb=ze.options,wb=ze.states,Sb={...ze.defaultOptions,variant:"rgba"},Ab=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Eb=[],Ja=e=>{let{variant:t,...o}=e;switch(t){case"hex":return an(Hr,{...o,mode:t});case"rgb":return an(Hr,{...o,mode:t});default:return an(Hr,{...o,mode:t})}};Ja.options=Mb;Ja.states=wb;Ja.variants=Ab;Ja.defaultOptions=Sb;Ja.modifiers=Eb;import{jsx as Rb}from"react/jsx-runtime";var rn=e=>Rb("tr",{role:"row",children:e.children});import{jsx as Gb}from"react/jsx-runtime";var ln="k-colorpalette-tile",Ib=[s.hover,s.focus,s.selected],Ob={},ra=e=>{let{color:t,tileSize:o,hover:a,focus:n,selected:i,...d}=e,f={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Gb("td",{...d,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:r(e.className,ln,O(ln,{hover:a,focus:n,selected:i})),style:f})};ra.states=Ib;ra.options=Ob;ra.className=ln;var Ci="color-palette",yi="colorpalette";import{jsx as qa}from"react/jsx-runtime";var Kr="k-colorpalette",Pb=[s.disabled],Hb={size:[c.undefined,c.small,c.medium,c.large]},Mi={columns:10},nt=e=>{let{size:t,palette:o,columns:a=Mi.columns,tileSize:n,disabled:i,...d}=e,f=[];if(o){let x=a\|\|o.columns,v=o.colors?o.colors:o;Array.isArray(v)&&Array.from({length:Math.ceil(v.length/x)},(C,y)=>{let h=[];v.slice(yx,(y+1)x).map((A,I)=>{h.push(qa(ra,{color:A,tileSize:n},I))});let E=qa(rn,{children:h},y);f.push(E)})}return qa("div",{...d,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:r(e.className,Kr,O(Kr,{disabled:i}),R(Kr,{size:t})),children:qa("table",{className:"k-colorpalette-table",role:"none",children:qa("tbody",{children:f.length>0?f:e.children})})})};nt.states=Pb;nt.options=Hb;nt.className=Kr;nt.defaultOptions=Mi;nt.moduleName=Ci;nt.folderName=yi;nt.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 Dr=nt;var Ya={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 Kb}from"react/jsx-runtime";var wi=e=>Kb(Dr,{palette:Ya.basic,...e});import{jsx as PO}from"react/jsx-runtime";import{jsx as zO,jsxs as UO}from"react/jsx-runtime";import{jsx as $b}from"react/jsx-runtime";var Db=nt.options,Bb=nt.states,_b={...nt.defaultOptions,variant:"basic"},zb=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Ub={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}},Fb=[],Qa=e=>{let{variant:t="basic",...o}=e,a=Ub[t];return $b(wi,{columns:a.columns,palette:a,...o})};Qa.options=Db;Qa.states=Bb;Qa.variants=zb;Qa.defaultOptions=_b;Qa.modifiers=Fb;var Si="color-editor",Ai="coloreditor";import{jsx as Et,jsxs as la}from"react/jsx-runtime";var Br="k-coloreditor",Vb=[s.focus],Wb={size:[c.undefined,c.small,c.medium,c.large]},Za={view:"gradient",palette:Ya.office,actionButtons:!0,canvasOrientation:"horizontal"},Se=e=>{let{size:t,view:o=Za.view,palette:a=Za.palette,color:n,currentColor:i,focus:d,focusView:f,dir:x,group:v,actionButtons:C=Za.actionButtons,canvasOrientation:y=Za.canvasOrientation,...h}=e;return la("div",{...h,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",Br,R(Br,{size:t}),O(Br,{focus:d})),dir:x,children:[la("div",{className:"k-coloreditor-header k-hstack",children:[Et("div",{className:"k-coloreditor-header-actions k-hstack",children:v&&la(D,{fillMode:"flat",children:[Et(p,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Et(p,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Et("div",{className:"k-spacer"}),la("div",{className:"k-coloreditor-header-actions k-hstack",children:[Et(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),la("div",{className:"k-coloreditor-preview k-vstack",children:[Et(lo,{className:"k-coloreditor-preview-color",color:n}),Et(lo,{className:"k-coloreditor-current-color",color:i})]})]})]}),Et("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Et(ze,{focus:f,size:t,canvasOrientation:y,role:"none",tabIndex:-1}):Et(nt,{palette:a,size:t})}),C&&la(zt,{className:"k-coloreditor-footer",alignment:"start",children:[Et(p,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Et(p,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Se.states=Vb;Se.options=Wb;Se.className=Br;Se.defaultOptions=Za;Se.moduleName=Si;Se.folderName=Ai;Se.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 na=Se;import{jsx as hG}from"react/jsx-runtime";import{jsx as kG}from"react/jsx-runtime";import{jsx as Xb}from"react/jsx-runtime";var Ei=e=>Xb(na,{group:!0,currentColor:"fuchsia",...e});import{jsx as Jb}from"react/jsx-runtime";var Ri=e=>Jb(na,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Ii}from"react/jsx-runtime";var qb=Se.options,Yb=Se.states,Qb={...Se.defaultOptions,variant:"gradient"},Zb=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],jb=[],ja=e=>{let{variant:t,...o}=e;return t==="palette"?Ii(Ri,{...o,color:"white"}):Ii(Ei,{...o,color:"rgba(183, 118 , 118, 1.00)"})};ja.options=qb;ja.states=Yb;ja.variants=Zb;ja.defaultOptions=Qb;ja.modifiers=jb;var Oi="color-picker",Gi="colorpicker";import{Fragment as of,jsx as Rt,jsxs as nn}from"react/jsx-runtime";var Pi="k-colorpicker",ef=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled],tf={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[L.undefined,L.solid,L.flat,L.outline]},Hi={arrowIconName:"caret-alt-down"},bt=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Hi.arrowIconName,prefix:i,suffix:d,value:f,placeholder:x,hover:v,focus:C,valid:y,invalid:h,required:E,disabled:A,valueIconName:I,popup:H,opened:P,adaptive:j,adaptiveSettings:ve,adaptiveTitle:Ae,adaptiveSubtitle:qe,...ct}=e,pt="colorpicker-popup";return nn(of,{children:[nn(Dt,{...ct,size:t,rounded:o,fillMode:a,hover:v,focus:C,valid:y,invalid:h,required:E,disabled:A,role:"combobox","aria-haspopup":"dialog","aria-expanded":P?"true":"false","aria-controls":P\|\|j?pt:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":A?"true":void 0,className:r(e.className,Pi,"k-icon-picker"),children:[Rt(gt,{children:i}),Rt(yo,{placeholder:x,value:f,showValue:!1,valueIcon:Rt(lo,{className:"k-value-icon",color:f,iconName:I}),valueIconName:I}),Rt(kt,{children:d}),Rt(p,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:A})]}),P&&H&&Rt(Ne,{id:pt,className:"k-colorpicker-popup",children:H}),j&&Rt(Me,{adaptive:!0,id:pt,...ve,header:Rt(Qe,{actionsEnd:Rt(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:Ae,subtitle:qe}),footer:nn(no,{children:[Rt(p,{text:"Cancel",size:"large"}),Rt(p,{text:"Set",size:"large",themeColor:"primary"})]}),children:Rt(Se,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};bt.states=ef;bt.options=tf;bt.className=Pi;bt.defaultOptions=Hi;bt.moduleName=Oi;bt.folderName=Gi;bt.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 fo=bt;import{jsx as af}from"react/jsx-runtime";var _r=e=>af(fo,{...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 Io}from"react/jsx-runtime";var rf=fo.options,lf=fo.states,Ki={...fo.defaultOptions,variant:"color"},nf=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],sf=[{name:"opened",title:"Opened"}],er=e=>{let{variant:t,modifiers:o,...a}={...Ki,...e},n={};Object.keys(o\|\|{}).forEach(d=>{d==="opened"&&(n.opened=!!o?.[d],n.popup=o?.[d]?Io(Se,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let i=n.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return Io("div",{style:i,children:Io(_r,{...a,...n})});case"icon":return Io("div",{style:i,children:Io(_r,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return Io("div",{style:i,children:Io(_r,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};er.options=rf;er.states=lf;er.variants=nf;er.defaultOptions=Ki;er.modifiers=sf;var sn="combobox",Di=sn;import{Fragment as dn,jsx as Re,jsxs as tr}from"react/jsx-runtime";var Bi="k-combobox",df=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],cf={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[L.undefined,L.solid,L.flat,L.outline]},_i={separators:!0},et=e=>{let{size:t,rounded:o,fillMode:a,separators:n=_i.separators,prefix:i,suffix:d,value:f,placeholder:x,hover:v,focus:C,valid:y,invalid:h,required:E,loading:A,disabled:I,popup:H,opened:P,readonly:j,adaptive:ve,adaptiveSettings:Ae,adaptiveTitle:qe,adaptiveSubtitle:ct,adaptiveCustomValue:pt,id:qo,autocomplete:rl,activeDescendant:gr,"aria-label":kc,...vc}=e,Lc=qo?`${qo}-listbox`:void 0;return tr(dn,{children:[tr(Ee,{...vc,size:t,rounded:o,fillMode:a,hover:v,focus:C,valid:y,invalid:h,required:E,loading:A,disabled:I,readonly:j,className:r(e.className,Bi),children:[i&&tr(dn,{children:[Re(gt,{children:i}),n&&Re(vt,{})]}),Re(ut,{placeholder:x,value:f,role:"combobox","aria-haspopup":"listbox","aria-expanded":P?"true":"false","aria-controls":P?Lc:void 0,"aria-activedescendant":P&&gr?gr:void 0,"aria-autocomplete":rl,"aria-invalid":h?"true":void 0,"aria-busy":A?"true":void 0,"aria-label":kc,disabled:I,readOnly:j}),Re(Ye,{valid:y,invalid:h,loading:A,disabled:I}),Re(at,{loading:A,disabled:I}),Re(mt,{loading:A,disabled:I,readonly:j,value:f}),d&&tr(dn,{children:[n&&Re(vt,{}),Re(kt,{children:d})]}),Re(p,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:I})]}),P&&H&&Re(Ne,{className:"k-list-container k-combobox-popup",containerClassName:"k-combobox-popup-container",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:H}),ve&&Re(Me,{adaptive:!0,id:qo?`${qo}-adaptive`:void 0,...Ae,header:Re(Qe,{actionsEnd:Re(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:f,inputPlaceholder:x,title:qe,subtitle:ct}),children:Re("div",{className:"k-list-container",children:Re(ae,{customValue:pt?Re(uo,{text:`Use "${f}"`}):void 0,size:"large",children:tr(be,{"aria-label":qe\|\|"Options",children:[Re(W,{text:"List item"}),Re(W,{text:"List item"}),Re(W,{text:"List item"})]})})})})]})};et.states=df;et.options=cf;et.className=Bi;et.defaultOptions=_i;et.moduleName=sn;et.folderName=Di;et.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 ft=et;import{jsx as pf}from"react/jsx-runtime";var zi=e=>pf(ft,{...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 To,jsxs as hf}from"react/jsx-runtime";var mf=et.states,uf=et.defaultOptions,bf=et.options,ff=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Tf=[],or=e=>{let{modifiers:t,...o}=e,a={},n=To(ae,{style:{width:300},size:o.size,children:hf(be,{children:[To(W,{children:"List item"}),To(W,{children:"List item"}),To(W,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?To(m,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[i]?To(ro,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[i],a.popup=t?.[i]?n:void 0;break;default:break}}),To("div",{children:To(zi,{value:"Value",style:{width:300},...o,...a})})};or.options=bf;or.states=mf;or.variants=Tf;or.defaultOptions=uf;or.modifiers=ff;var cn="menu-button",Ui=cn;import{jsx as gf}from"react/jsx-runtime";var Fi="k-menu-button",xf=[s.hover,s.focus,s.active,s.selected,s.disabled],Nf={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[L.undefined,L.solid,L.flat,L.outline,L.clear,L.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.light,g.dark,g.inverse]},pn={showArrow:!0,arrowIconName:"caret-alt-down"},xe=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:d,active:f,selected:x,disabled:v,icon:C,text:y,showArrow:h=pn.showArrow,arrowIconName:E=pn.arrowIconName,expanded:A,...I}=e;return gf(p,{...I,className:r(e.className,Fi),text:y,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:d,active:f,selected:x,disabled:v,icon:C,showArrow:h,arrowIconName:E,"aria-expanded":A?"true":"false",...!y&&C&&!e["aria-label"]&&{"aria-label":"Menu"},...v&&{"aria-disabled":"true"}})};xe.states=xf;xe.options=Nf;xe.className=Fi;xe.defaultOptions=pn;xe.moduleName=cn;xe.folderName=Ui;xe.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 Tt="menu",It=Tt;import{jsx as ar,jsxs as $i}from"react/jsx-runtime";var mn="k-menu-item",kf=[s.hover,s.focus,s.active,s.selected,s.disabled],vf={},Vi={iconPosition:"before"},We=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:d,text:f,first:x,last:v,showArrow:C,arrowIconName:y,iconPosition:h=Vi.iconPosition,dir:E,children:A,expanded:I,...H}=e,P=y;return P\|\|(P=E==="rtl"?"caret-alt-left":"caret-alt-right"),$i("li",{...H,className:r(e.className,mn,"k-item",O(mn,{focus:o,disabled:i,hover:t,active:a,selected:n}),{"k-first":x,"k-last":v}),role:"menuitem",...C&&{"aria-haspopup":"menu"},...C&&{"aria-expanded":I?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[$i("span",{className:r("k-link k-menu-link"),children:[d&&h==="before"&&ar(m,{className:"k-menu-link-icon",icon:d}),ar("span",{className:"k-menu-link-text",children:f}),d&&h==="after"&&ar(m,{className:"k-menu-link-icon",icon:d}),C&&ar("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:ar(m,{icon:P})})]}),A]})};We.states=kf;We.options=vf;We.className=mn;We.defaultOptions=Vi;We.moduleName=Tt;We.folderName=It;import{jsx as rr,jsxs as Wi}from"react/jsx-runtime";var un="k-menu-item",Lf=[s.hover,s.focus,s.active,s.selected,s.disabled],Cf={},bn={dir:"ltr",iconPosition:"before"},Le=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:d,text:f,first:x,last:v,showArrow:C,arrowIconName:y,iconPosition:h=bn.iconPosition,dir:E=bn.dir,children:A,popup:I,expanded:H,...P}=e,j=y;return j\|\|(j=E==="rtl"?"caret-alt-left":"caret-alt-right"),Wi("li",{...P,className:r(e.className,un,"k-item",O(un,{focus:o,disabled:i}),{"k-first":x,"k-last":v}),role:"menuitem",...C&&{"aria-haspopup":"menu"},...C&&{"aria-expanded":H?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Wi("span",{className:r("k-link k-menu-link",O("k-menu-link",{hover:t,active:a,selected:n,disabled:i})),children:[d&&h==="before"&&rr(m,{className:"k-menu-link-icon",icon:d}),rr("span",{className:"k-menu-link-text",children:f}),d&&h==="after"&&rr(m,{className:"k-menu-link-icon",icon:d}),C&&rr("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:rr(m,{icon:j})})]}),A,I]})};Le.states=Lf;Le.options=Cf;Le.className=un;Le.defaultOptions=bn;Le.moduleName=Tt;Le.folderName=It;import{jsx as Sf}from"react/jsx-runtime";var Xi="k-menu-scroll-wrapper",yf=[],Mf={},wf={},Oo=e=>{let{className:t,children:o,orientation:a,...n}=e;return Sf("div",{...n,className:r(t,Xi,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};Oo.states=yf;Oo.options=Mf;Oo.className=Xi;Oo.defaultOptions=wf;Oo.moduleName=Tt;Oo.folderName=It;var Ji=Oo;import{Fragment as fn,jsx as Go,jsxs as Ur}from"react/jsx-runtime";var Tn="k-menu",Af=[],Ef={},Fr={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Ue=e=>{let{children:t,orientation:o=Fr.orientation,header:a=Fr.header,scrollable:n,scrollButtonsPosition:i=Fr.scrollButtonsPosition,wrapperStyles:d,dir:f,popup:x,contextMenu:v,...C}=e,y={horizontal:{prev:f!=="rtl"?"left":"right",next:f!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},h=Go("ul",{dir:f,...C,className:r(e.className,"k-reset",Tn,{[`${Tn}-${o}`]:o,"k-header":a}),role:v?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Ur(fn,{children:[n?Ur(Ji,{orientation:o,style:d,dir:e.dir,children:[i==="start"&&Ur(fn,{children:[Go(p,{fillMode:"flat",icon:`caret-alt-${y[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Go(p,{fillMode:"flat",icon:`caret-alt-${y[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&Go(p,{fillMode:"flat",icon:`caret-alt-${y[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),h,i==="end"&&Ur(fn,{children:[Go(p,{fillMode:"flat",icon:`caret-alt-${y[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Go(p,{fillMode:"flat",icon:`caret-alt-${y[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&Go(p,{fillMode:"flat",icon:`caret-alt-${y[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):h,x]})};Ue.states=Af;Ue.options=Ef;Ue.className=Tn;Ue.defaultOptions=Fr;Ue.moduleName=Tt;Ue.folderName=It;Ue.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 Rf}from"react/jsx-runtime";var hn="k-separator",qi={orientation:"horizontal"},sa=e=>{let{orientation:t=qi.orientation,...o}=e;return Rf("li",{...o,className:r(e.className,"k-item",hn,{[`${hn}-${t}`]:t}),role:"separator"})};sa.className=hn;sa.defaultOptions=qi;sa.moduleName=Tt;sa.folderName=It;import{Fragment as O1,jsx as G1}from"react/jsx-runtime";import{jsx as Pf}from"react/jsx-runtime";var xn="k-menu-group",If=[],Of={size:[c.undefined,c.small,c.medium,c.large]},Gf={},Xe=e=>{let{children:t,size:o,...a}=e;return Pf("ul",{...a,className:r(e.className,xn,R(xn,{size:o})),role:"menu",children:t})};Xe.states=If;Xe.options=Of;Xe.className=xn;Xe.defaultOptions=Gf;Xe.moduleName=Tt;Xe.folderName=It;import{Fragment as Hf,jsx as ia,jsxs as Kf}from"react/jsx-runtime";var Nn=e=>ia(Ue,{children:Kf(Hf,{children:[ia(We,{first:!0,text:"Item 1"}),ia(We,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),ia(We,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),ia(We,{text:"Item 4"}),ia(We,{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 Po,jsxs as Uf}from"react/jsx-runtime";var Df=Ue.options,Bf=Ue.states,Yi={...Ue.defaultOptions,variant:"horizontal"},_f=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],zf=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],lr=e=>{let{variant:t,modifiers:o,...a}={...Yi,...e},n={};return Object.keys(o\|\|{}).forEach(i=>{switch(i){case"scrollable":n.scrollable=!!o?.[i];break;case"opened":n.opened=!!o?.[i],n.popup=Po(Ne,{className:"k-menu-popup",children:Uf(Xe,{children:[Po(Le,{text:"Item 1"}),Po(Le,{text:"Item 2"}),Po(sa,{}),Po(Le,{text:"Item 3"})]})});break}}),t==="vertical"?Po(Nn,{...a,...n,orientation:"vertical",style:{width:"200px"}}):Po(Nn,{...a,...n})};lr.options=Df;lr.states=Bf;lr.variants=_f;lr.defaultOptions=Yi;lr.modifiers=zf;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 Xf,jsx as Vt,jsxs as Qi}from"react/jsx-runtime";var Ff=p.states,Zi={...p.defaultOptions,variant:"text"},$f=p.options,Vf=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Wf=[{name:"opened",title:"Opened"}],nr=e=>{let{variant:t,modifiers:o,...a}={...Zi,...e},n={},i=Vt(Ne,{className:"k-menu-popup",children:Qi(Xe,{size:a.size,children:[Vt(Le,{first:!0,text:"Menu Item"}),Vt(Le,{text:"Menu Item"}),Vt(Le,{last:!0,text:"Menu Item"})]})}),d;switch(t){case"icon-only":d=Vt("div",{children:Vt(xe,{...a,...n,icon:"star"})});break;case"icon-and-text":d=Vt("div",{children:Vt(xe,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:d=Vt("div",{children:Vt(xe,{...a,...n,children:"Dropdown Button"})});break}return Qi(Xf,{children:[d,o?.opened&&i]})};nr.options=$f;nr.states=Ff;nr.variants=Vf;nr.defaultOptions=Zi;nr.modifiers=Wf;var gn="split-button",ji=gn;import{Fragment as Yf,jsx as kn,jsxs as ed}from"react/jsx-runtime";var vn="k-split-button",Jf=[s.hover,s.focus,s.active,s.selected,s.disabled],qf={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[L.undefined,L.solid,L.flat,L.outline,L.clear,L.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.light,g.dark,g.inverse]},td={arrowIconName:"caret-alt-down"},re=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:d,active:f,selected:x,disabled:v,icon:C,text:y,arrowIconName:h=td.arrowIconName,popup:E,opened:A,popupId:I,...H}=e;return ed(Yf,{children:[ed("div",{...H,className:r(e.className,vn,"k-button-group",R(vn,{rounded:o})),children:[kn(p,{text:y,icon:C,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:d,active:f,selected:x,disabled:v,...!y&&!e.children&&C&&{"aria-label":"Action"},children:e.children}),kn(p,{className:"k-split-button-arrow",icon:h,size:t,rounded:o,fillMode:a,disabled:v,"aria-label":"Toggle dropdown","aria-expanded":A?"true":"false","aria-controls":A?I:void 0,tabIndex:-1,...v&&{"aria-disabled":"true"}})]}),A&&E&&kn(Ne,{className:"k-menu-popup",children:E})]})};re.states=Jf;re.options=qf;re.className=vn;re.defaultOptions=td;re.moduleName=gn;re.folderName=ji;re.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 Ln=re;import{jsx as Zf}from"react/jsx-runtime";var Qf="k-toolbar-separator",Ht=e=>Zf("div",{className:r(Qf,e.className,"k-separator")});var Qt="toolbar",ho=Qt;import{Fragment as Cn,jsx as ne,jsxs as da}from"react/jsx-runtime";var Zt="k-toolbar",jf=[s.focus],eT={size:[c.undefined,c.small,c.medium,c.large],fillMode:[L.undefined,L.solid,L.outline,L.flat]},tT={scrollButtons:"around"},ce=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:i,scrollButtons:d,scrollingPosition:f,section:x,...v}=e,C=[],y=(h,E)=>{let A=[];if(h.type===p&&h.props.className&&h.props.className.includes("k-toolbar-overflow-button"))A.push(ne(p,{...h.props,className:`${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`));else if(h.type===p)A.push(ne(p,{...h.props,className:`k-toolbar-button ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`));else if(h.type===ya)A.push(ne(ya,{...h.props,className:`k-toolbar-button ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`));else if(h.type===ro)A.push(ne(ro,{...h.props,className:`k-toolbar-button ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`));else if(h.type===xe)A.push(ne(xe,{...h.props,className:`k-toolbar-menu-button ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`));else if(h.type===Ln)A.push(ne(Ln,{...h.props,className:`k-toolbar-split-button ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`));else if(h.type===D\|\|h.props.className&&h.props.className.includes("k-button-group")){let I=[];(Array.isArray(h.props.children)?h.props.children:[h.props.children]).forEach((P,j)=>{I.push(ne(p,{...P.props,className:`${P.props.className?P.props.className:""}`},`${j}-${new Date().getTime()}`))}),A.push(ne(D,{...h.props,className:`k-toolbar-button-group ${h.props.className?h.props.className:""}`,children:I},`${E}-${new Date().getTime()}`))}else h.type===et?A.push(ne(et,{...h.props,className:`k-toolbar-combobox ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`)):h.type===he?A.push(ne(he,{...h.props,className:`k-toolbar-dropdownlist ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`)):h.type===bt?A.push(ne(bt,{...h.props,className:`k-toolbar-colorpicker ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`)):A.push(h);A.forEach(I=>{C.push(I)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((E,A)=>{y(E,A)}),da("div",{...v,className:r(e.className,Zt,R(Zt,{size:t,fillMode:o}),O(Zt,{focus:a}),{[`${Zt}-resizable`]:n,[`${Zt}-scrollable`]:i,[`${Zt}-scrollable-overlay`]:i&&d==="hidden",[`${Zt}-scrollable-${f}`]:f&&f!=="both",[`${Zt}-section`]:x}),role:"toolbar","aria-label":"Toolbar",children:[!i&&C,i&&d==="hidden"&&ne("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:C}),i&&d==="start"&&da(Cn,{children:[da(D,{children:[ne("span",{className:r("k-toolbar-prev","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:ne(m,{className:"k-button-icon",icon:"caret-alt-left"})}),ne("span",{className:r("k-toolbar-next","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:ne(m,{className:"k-button-icon",icon:"caret-alt-right"})})]}),ne(Ht,{className:"k-toolbar-button-separator"}),ne("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:C})]}),i&&d==="end"&&da(Cn,{children:[ne("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:C}),ne(Ht,{className:"k-toolbar-button-separator"}),da(D,{children:[ne("span",{className:r("k-toolbar-prev","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:ne(m,{className:"k-button-icon",icon:"caret-alt-left"})}),ne("span",{className:r("k-toolbar-next","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:ne(m,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),i&&(d==="around"\|\|!d)&&da(Cn,{children:[ne("span",{className:r("k-toolbar-prev","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:ne(m,{className:"k-button-icon",icon:"caret-alt-left"})}),ne(Ht,{className:"k-toolbar-button-separator"}),ne("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:C}),ne(Ht,{className:"k-toolbar-button-separator"}),ne("span",{className:r("k-toolbar-next","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:ne(m,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};ce.states=jf;ce.options=eT;ce.className=Zt;ce.defaultOptions=tT;ce.moduleName=Qt;ce.folderName=ho;ce.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 lT}from"react/jsx-runtime";var od="k-floating-toolbar",oT=[],aT={},rT={},ca=e=>{let{...t}=e;return lT("div",{...t,className:r(e.className,od),children:e.children})};ca.states=oT;ca.options=aT;ca.className=od;ca.defaultOptions=rT;ca.moduleName=Qt;ca.folderName=ho;import{jsx as dT}from"react/jsx-runtime";var yn="k-toolbar-item",nT=[s.focus],sT={},iT={},pa=e=>{let{focus:t,...o}=e;return dT("div",{...o,className:r(e.className,yn,O(yn,{focus:t})),children:e.children})};pa.states=nT;pa.options=sT;pa.className=yn;pa.defaultOptions=iT;pa.moduleName=Qt;pa.folderName=ho;import{jsx as ad}from"react/jsx-runtime";var rd="k-toolbar-popup",cT=[],pT={size:[c.undefined,c.small,c.medium,c.large],fillMode:[L.undefined,L.solid,L.outline,L.flat]},mT={},Ho=e=>{let{size:t,fillMode:o,section:a,...n}=e;return ad(Ne,{...n,className:r(e.className,rd),children:a?ad("span",{className:r("k-toolbar-items-list",R("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};Ho.states=cT;Ho.options=pT;Ho.className=rd;Ho.defaultOptions=mT;Ho.moduleName=Qt;Ho.folderName=ho;var $r=Ho;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 jt,jsxs as hT}from"react/jsx-runtime";var uT=re.states,ld={...re.defaultOptions,variant:"text"},bT=re.options,fT=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],TT=[{name:"opened",title:"Opened"}],sr=e=>{let{variant:t,modifiers:o,...a}={...ld,...e},n={},i=hT(Xe,{size:a.size,children:[jt(Le,{first:!0,text:"Menu Item"}),jt(Le,{text:"Menu Item"}),jt(Le,{last:!0,text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(d=>{d==="opened"&&(n.opened=!!o?.[d],n.popup=o?.[d]?i:"")}),t){case"icon-only":return jt("div",{children:jt(re,{...a,...n,icon:"star"})});case"icon-and-text":return jt("div",{children:jt(re,{...a,...n,icon:"star",children:"Split Button"})});default:return jt("div",{children:jt(re,{...a,...n,children:"Split Button"})})}};sr.options=bT;sr.states=uT;sr.variants=fT;sr.defaultOptions=ld;sr.modifiers=TT;import{jsx as Ko,jsxs as xT}from"react/jsx-runtime";var nd=e=>Ko(ce,{children:[Ko(p,{children:"Button"},"toolbar-button"),Ko(xe,{text:"Menu button"},"toolbar-menu-button"),Ko(re,{children:"Split button"},"toolbar-split-button"),xT(D,{children:[Ko(p,{className:"k-group-start",icon:"align-left",children:"Left"}),Ko(p,{icon:"align-center",children:"Center"}),Ko(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 ht,jsxs as sd}from"react/jsx-runtime";var id=e=>ht(ce,{scrollable:!0,...e,children:[ht(p,{children:"Button"},"toolbar-button"),ht(xe,{text:"Menu button"},"toolbar-menu-button"),ht(re,{children:"Split button"},"toolbar-split-button"),sd(D,{children:[ht(p,{className:"k-group-start",icon:"align-left",children:"Left"}),ht(p,{icon:"align-center",children:"Center"}),ht(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),ht(p,{children:"Button"},"toolbar-button"),ht(xe,{text:"Menu button"},"toolbar-menu-button"),ht(re,{children:"Split button"},"toolbar-split-button"),sd(D,{children:[ht(p,{className:"k-group-start",icon:"align-left",children:"Left"}),ht(p,{icon:"align-center",children:"Center"}),ht(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as xt,jsxs as dd}from"react/jsx-runtime";var cd=({scrollingPosition:e="start",...t})=>xt(ce,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[xt(p,{children:"Button"},"toolbar-button"),xt(xe,{text:"Menu button"},"toolbar-menu-button"),xt(re,{children:"Split button"},"toolbar-split-button"),dd(D,{children:[xt(p,{className:"k-group-start",icon:"align-left",children:"Left"}),xt(p,{icon:"align-center",children:"Center"}),xt(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),xt(p,{children:"Button"},"toolbar-button"),xt(xe,{text:"Menu button"},"toolbar-menu-button"),xt(re,{children:"Split button"},"toolbar-split-button"),dd(D,{children:[xt(p,{className:"k-group-start",icon:"align-left",children:"Left"}),xt(p,{icon:"align-center",children:"Center"}),xt(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as NT,jsx as st,jsxs as Vr}from"react/jsx-runtime";var pd=({fillMode:e,size:t,...o})=>Vr(NT,{children:[st(ce,{section:!0,fillMode:e,size:t,children:[st(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Vr(D,{fillMode:e,children:[st(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),st(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),st(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),st(Ht,{className:"k-toolbar-button-separator"}),st(p,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),Vr($r,{size:t,fillMode:e,section:!0,...o,children:[st(re,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),st(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),st(Ht,{}),st(xe,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Vr(D,{fillMode:e,children:[st(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),st(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),st(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 xo}from"react/jsx-runtime";var gT=ce.options,kT=ce.states,md={...ce.defaultOptions,variant:"default"},vT=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],LT=[],ir=e=>{let{variant:t,...o}={...md,...e};switch(t){case"responsive":return xo("div",{children:xo(pd,{style:{width:"583px"},...o})});case"overlay":return xo("div",{children:xo(cd,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return xo("div",{children:xo(id,{style:{width:"583px"},...o})});default:return xo("div",{children:xo(nd,{style:{width:"583px"},...o})})}};ir.options=gT;ir.states=kT;ir.variants=vT;ir.defaultOptions=md;ir.modifiers=LT;import{jsx as CT}from"react/jsx-runtime";var ud="k-gantt-header",Do=e=>CT(ce,{...e,className:r(e.className,ud,"k-gantt-toolbar"),children:e.children});Do.className=ud;Do.moduleName=me;Do.folderName=ue;import{jsx as yT}from"react/jsx-runtime";var bd="k-gantt-footer",Bo=e=>yT(ce,{...e,className:r(e.className,bd,"k-gantt-toolbar"),children:e.children});Bo.className=bd;Bo.moduleName=me;Bo.folderName=ue;import{jsx as MT}from"react/jsx-runtime";var fd="k-gantt-content",_o=e=>MT("div",{...e,className:r(e.className,fd),children:e.children});_o.className=fd;_o.moduleName=me;_o.folderName=ue;import{jsx as wT}from"react/jsx-runtime";var Td="k-gantt-tables",zo=e=>wT("div",{...e,className:r(e.className,Td),children:e.children});zo.className=Td;zo.moduleName=me;zo.folderName=ue;var Fe="table",Je=Fe;import{jsx as RT}from"react/jsx-runtime";var hd="k-data-table",ST=[],AT={size:[c.undefined,c.small,c.medium,c.large]},ET={},eo=e=>{let{size:t,...o}=e;return RT("div",{...o,className:r(e.className,hd,R("k-table",{size:t})),children:e.children})};eo.states=ST;eo.options=AT;eo.className=hd;eo.defaultOptions=ET;eo.moduleName=Fe;eo.folderName=Je;import{jsx as PT}from"react/jsx-runtime";var Mn="k-table-header-wrap",IT=[s.hover,s.focus,s.disabled],OT={},GT={},No=e=>{let{children:t,hover:o,focus:a,disabled:n,...i}=e;return PT("div",{...i,className:r(e.className,Mn,O(Mn,{hover:o,focus:a,disabled:n})),children:t})};No.states=IT;No.options=OT;No.className=Mn;No.defaultOptions=GT;No.moduleName=Fe;No.folderName=Je;import{jsx as BT}from"react/jsx-runtime";var wn="k-table",HT=[],KT={size:[c.undefined,c.small,c.medium,c.large]},DT={},Ce=e=>{let{size:t,...o}=e;return BT("table",{...o,className:r(e.className,wn,R(wn,{size:t})),children:e.children})};Ce.states=HT;Ce.options=KT;Ce.className=wn;Ce.defaultOptions=DT;Ce.moduleName=Fe;Ce.folderName=Je;import{jsx as Sn}from"react/jsx-runtime";var An="k-table-header",_T=[s.hover,s.focus,s.disabled],zT={},UT={},to=e=>{let{children:t,hover:o,focus:a,disabled:n,...i}=e;return Sn("div",{...i,className:r(e.className,An,O(An,{hover:o,focus:a,disabled:n})),children:Sn(No,{children:Sn(Ce,{children:t})})})};to.states=_T;to.options=zT;to.className=An;to.defaultOptions=UT;to.moduleName=Fe;to.folderName=Je;import{jsx as WT}from"react/jsx-runtime";var xd="k-table-scroller",FT=[],$T={},VT={},ma=e=>{let{children:t,...o}=e;return WT("div",{...o,className:r(e.className,xd),children:t})};ma.states=FT;ma.options=$T;ma.className=xd;ma.defaultOptions=VT;ma.moduleName=Fe;ma.folderName=Je;import{jsx as Q2}from"react/jsx-runtime";import{jsx as YT}from"react/jsx-runtime";var Nd="k-table-footer",XT=[],JT={},qT={},go=e=>{let{children:t,...o}=e;return YT("div",{...o,className:r(e.className,Nd),children:t})};go.states=XT;go.options=JT;go.className=Nd;go.defaultOptions=qT;go.moduleName=Fe;go.folderName=Je;import{jsx as eh}from"react/jsx-runtime";var En="k-table-list",QT=[],ZT={size:[c.undefined,c.small,c.medium,c.large]},jT={},ko=e=>{let{size:t,virtualization:o,...a}=e;return eh("ul",{...a,className:r(e.className,"k-table",En,R(En,{size:t}),{"k-virtual-table":o}),children:e.children})};ko.states=QT;ko.options=ZT;ko.className=En;ko.defaultOptions=jT;ko.moduleName=Fe;ko.folderName=Je;import{jsx as oh}from"react/jsx-runtime";var th="k-table-thead",q=e=>oh("thead",{className:r(e.className,th),children:e.children});import{jsx as rh}from"react/jsx-runtime";var ah="k-table-tbody",U=e=>rh("tbody",{className:r(e.className,ah),children:e.children});import{jsx as f3}from"react/jsx-runtime";import{jsx as nh}from"react/jsx-runtime";var Rn="k-table-row",lh=[s.hover,s.focus,s.selected,s.disabled,s.highlighted],T=e=>{let{hover:t,focus:o,selected:a,highlighted:n,disabled:i,alt:d,...f}=e;return nh("tr",{...f,className:r(e.className,Rn,{"k-table-alt-row":d},O(Rn,{hover:t,focus:o,disabled:i,selected:a,highlighted:n})),children:e.children})};T.states=lh;T.className=Rn;import{jsx as ih}from"react/jsx-runtime";var In="k-table-row",sh=[s.hover,s.focus,s.selected,s.disabled],Wr=e=>{let{hover:t,focus:o,selected:a,disabled:n,alt:i,...d}=e;return ih("li",{...d,className:r(e.className,In,{"k-table-alt-row":i},O(In,{hover:t,focus:o,disabled:n,selected:a})),children:e.children})};Wr.states=sh;Wr.className=In;import{jsx as dh}from"react/jsx-runtime";var gd="k-table-th",oo=e=>{let{text:t,colspan:o,rowspan:a,...n}=e,i=t\|\|e.children;return dh("th",{colSpan:o,rowSpan:a,...n,className:r(e.className,gd),children:i})};oo.className=gd;oo.moduleName=Fe;oo.folderName=Je;import{jsx as A3}from"react/jsx-runtime";import{jsx as ph}from"react/jsx-runtime";var On="k-table-td",ch=[s.focus,s.selected,s.highlighted],l=e=>{let{focus:t,selected:o,highlighted:a,text:n,colspan:i,rowspan:d,...f}=e,x=n\|\|e.children;return ph("td",{colSpan:i,rowSpan:d,...f,className:r(e.className,On,O(On,{focus:t,selected:o,highlighted:a})),children:x})};l.states=ch;l.className=On;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 fh}from"react/jsx-runtime";var vd="k-gantt-columns",Uo=e=>fh(Ce,{...e,className:r(e.className,vd),children:e.children});Uo.className=vd;Uo.moduleName=me;Uo.folderName=ue;import{jsx as Th}from"react/jsx-runtime";var Ld="k-gantt-rows",Fo=e=>Th(Ce,{...e,className:r(e.className,Ld),children:e.children});Fo.className=Ld;Fo.moduleName=me;Fo.folderName=ue;import{jsx as hh}from"react/jsx-runtime";var Cd="k-gantt-tasks",$o=e=>hh(Ce,{...e,className:r(e.className,Cd),children:e.children});$o.className=Cd;$o.moduleName=me;$o.folderName=ue;import{jsx as gh}from"react/jsx-runtime";var yd="k-task",xh=[],Nh={},Md={type:"single"},Ke=e=>{let{type:t=Md.type,...o}=e;return gh("div",{...o,className:r(e.className,yd,{"k-task-single":t==="single","k-task-milestone":t==="milestone","k-task-summary":t==="summary"})})};Ke.states=xh;Ke.options=Nh;Ke.className=yd;Ke.defaultOptions=Md;Ke.moduleName=me;Ke.folderName=ue;import{jsx as Lh}from"react/jsx-runtime";var wd="k-task-wrap",kh=[],vh={},Sd={type:"single"},De=e=>{let{type:t=Sd.type,...o}=e;return Lh("div",{...o,className:r(e.className,wd,{"k-milestone-wrap":t==="milestone","k-summary-wrap":t==="summary"})})};De.states=kh;De.options=vh;De.className=wd;De.defaultOptions=Sd;De.moduleName=me;De.folderName=ue;import{jsx as Mh}from"react/jsx-runtime";var Ad="k-task-dot",Ch=[],yh={},Ed={position:"start"},pe=e=>{let{position:t=Ed.position,...o}=e;return Mh("div",{...o,className:r(e.className,Ad,{"k-task-start":t==="start","k-task-end":t==="end"})})};pe.states=Ch;pe.options=yh;pe.className=Ad;pe.defaultOptions=Ed;pe.moduleName=me;pe.folderName=ue;import{jsx as ua,jsxs as Eh}from"react/jsx-runtime";var Rd="k-task-content",wh=[],Sh={},Ah={},Ot=e=>{let{content:t,...o}=e;return Eh("div",{...o,className:r(e.className,Rd),children:[t&&ua("div",{className:"k-task-template",children:t}),ua("span",{className:"k-task-actions",children:ua("a",{className:"k-link k-task-delete",children:ua(m,{icon:"x"})})}),ua("span",{className:"k-resize-handle k-resize-w"}),ua("span",{className:"k-resize-handle k-resize-e"})]})};Ot.states=wh;Ot.options=Sh;Ot.className=Rd;Ot.defaultOptions=Ah;Ot.moduleName=me;Ot.folderName=ue;import{jsx as Oh}from"react/jsx-runtime";var Id="k-gantt-line",Rh=[],Ih={},Od={orientation:"horizontal"},Y=e=>{let{orientation:t=Od.orientation,...o}=e;return Oh("div",{...o,className:r(e.className,Id,{"k-gantt-line-h":t==="horizontal","k-gantt-line-v":t==="vertical"})})};Y.states=Rh;Y.options=Ih;Y.className=Id;Y.defaultOptions=Od;Y.moduleName=me;Y.folderName=ue;var se="grid",ie=se;import{jsx as Kh,jsxs as Dh}from"react/jsx-runtime";var Xr="k-grid",Gh=[],Ph={size:[c.undefined,c.small,c.medium,c.large]},Hh=[],Gd={pagerPosition:"bottom"},Q=e=>{let{size:t,pagerPosition:o=Gd.pagerPosition,toolbar:a,pager:n,groupingHeader:i,gridSelectionAggregates:d,_renderAriaRoot:f,resizable:x,...v}=e;return Dh("div",{...v,className:r(e.className,Xr,{[`${Xr}-resizable`]:x},R(Xr,{size:t})),children:[a,o==="top"&&n,i,e.children&&f?Kh("div",{className:"k-grid-aria-root",children:e.children}):e.children,d,o==="bottom"&&n]})};Q.states=Gh;Q.options=Ph;Q.variants=Hh;Q.className=Xr;Q.defaultOptions=Gd;Q.moduleName=se;Q.folderName=ie;import{jsx as Bh}from"react/jsx-runtime";var Pd="k-grid-header",X=e=>{let{draggable:t,...o}=e;return Bh("div",{...o,className:r(e.className,Pd,{"k-grid-draggable-header":t}),children:e.children})};X.className=Pd;X.moduleName=se;X.folderName=ie;import{jsx as Hd,jsxs as _h}from"react/jsx-runtime";var Kd="k-grouping-header",vo=e=>{let{dropHint:t,dropClue:o,...a}=e;return _h("div",{...a,className:r(e.className,Kd),children:[o&&Hd("div",{className:"k-grouping-dropclue"}),e.children,Hd("div",{className:"k-grouping-drop-container",children:t})]})};vo.className=Kd;vo.moduleName=se;vo.folderName=ie;import{jsx as zh}from"react/jsx-runtime";var Dd="k-grid-sticky-container",Bd={position:"top"},Jr=e=>{let{position:t=Bd.position,...o}=e;return zh("div",{...o,className:r(e.className,Dd,{"k-grid-sticky-top-container":t==="top","k-grid-sticky-bottom-container":t==="bottom"}),children:e.children})};Jr.className=Dd;Jr.defaultProps=Bd;Jr.moduleName=se;Jr.folderName=ie;import{jsx as Uh}from"react/jsx-runtime";var _d="k-grid-header-table",J=e=>Uh(Ce,{...e,className:r(e.className,_d),children:e.children});J.className=_d;J.moduleName=se;J.folderName=ie;import{jsx as Lo,jsxs as Gn}from"react/jsx-runtime";var Pn="k-header",Fh=[s.hover,s.focus,s.active],zd={sortIcon:"sort-asc-small"},M=e=>{let{menu:t,sortable:o,filterable:a,sticky:n,resizable:i,columnTitle:d,hover:f,focus:x,active:v,sortIcon:C=zd.sortIcon,sortOrder:y,accessibleLabel:h,...E}=e;return Gn(oo,{...E,className:r(e.className,Pn,{"k-filterable":t\|\|a,"k-sorted":o,"k-grid-header-sticky":n,"k-touch-action-none":i},O(Pn,{hover:f,focus:x,active:v})),children:[d&&Gn("span",{className:"k-cell-inner",children:[Gn("span",{className:"k-link",children:[Lo("span",{className:"k-column-title",children:d}),o&&Lo("span",{className:"k-sort-icon",children:Lo(m,{icon:C})}),y&&Lo("span",{className:"k-sort-order",children:y})]}),t&&Lo("a",{href:"#",className:r("k-grid-header-menu",{"k-active":v,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:Lo(m,{icon:t==="filter"?"filter":"more-vertical"})})]}),!d&&h&&Lo("span",{className:"k-sr-only",children:h}),e.children,i&&Lo("span",{className:"k-column-resizer k-touch-action-none"})]})};M.states=Fh;M.className=Pn;M.defaultOptions=zd;M.moduleName=se;M.folderName=ie;import{jsx as $h}from"react/jsx-runtime";var Ud="k-grid-container",le=e=>$h("div",{...e,className:r(e.className,Ud),children:e.children});le.className=Ud;le.moduleName=se;le.folderName=ie;import{jsx as Vh}from"react/jsx-runtime";var Fd="k-grid-content",Z=e=>Vh("div",{...e,className:r(e.className,Fd),children:e.children});Z.className=Fd;Z.moduleName=se;Z.folderName=ie;import{jsx as Wh}from"react/jsx-runtime";var $d="k-grid-table",te=e=>Wh(Ce,{...e,className:r(e.className,$d),children:e.children});te.className=$d;te.moduleName=se;te.folderName=ie;import{jsx as Xh}from"react/jsx-runtime";var Vd="k-grid-footer",Hn=e=>Xh("div",{...e,className:r(e.className,Vd),children:e.children});Hn.className=Vd;Hn.moduleName=se;Hn.folderName=ie;import{jsx as Jh}from"react/jsx-runtime";var Wd="k-grid-footer-table",Kn=e=>Jh(Ce,{...e,className:r(e.className,Wd),children:e.children});Kn.className=Wd;Kn.moduleName=se;Kn.folderName=ie;var Dn="pager",Xd=Dn;import{Fragment as Jd,jsx as it,jsxs as ba}from"react/jsx-runtime";var qr="k-pager",qh=[s.focus,s.disabled],Yh={size:[c.undefined,c.small,c.medium,c.large]},Nt={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},ye=e=>{let{responsive:t=Nt.responsive,size:o,pagerSizeInfo:a=Nt.pagerSizeInfo,pageTitleInfo:n=Nt.pageTitleInfo,maxPagesInfo:i=Nt.maxPagesInfo,itemsPerPage:d=Nt.itemsPerPage,maxPages:f=Nt.maxPages,currentPage:x=Nt.currentPage,previousNext:v=Nt.previousNext,type:C=Nt.type,pageSizes:y=Nt.pageSizes,refresh:h=Nt.refresh,info:E=Nt.info,focus:A,disabled:I,dir:H,...P}=e,j=[],ve=[];for(let Ae=1;Ae<=f;Ae++)j.push(it(p,{selected:Ae===x,fillMode:"flat",themeColor:"primary",size:o,children:Ae})),ve.push(it("option",{selected:Ae===x,children:Ae}));return ba("div",{dir:H,...P,className:r(e.className,qr,R(qr,{size:o}),O(qr,{focus:A,disabled:I}),{"k-pager-responsive":t}),children:[ba("div",{className:r("k-pager-numbers-wrap"),children:[v&&ba(Jd,{children:[it(p,{className:r("k-pager-nav","k-pager-first"),disabled:x===1&&!I,fillMode:"flat",size:o,icon:H==="rtl"?"caret-alt-to-right":"caret-alt-to-left"}),it(p,{className:r("k-pager-nav"),disabled:x===1&&!I,fillMode:"flat",size:o,icon:H==="rtl"?"caret-alt-right":"caret-alt-left"})]}),C==="numeric"&&it("div",{className:r("k-pager-numbers"),children:j}),C==="input"&&ba("span",{className:r("k-pager-input"),children:[n&&it("span",{children:"Page"}),it(ee,{value:`${x}`,size:o,showSpinButton:!1,showClearButton:!1}),it("span",{children:i&&`of ${f}`})]}),v&&ba(Jd,{children:[it(p,{className:r("k-pager-nav"),disabled:x===f&&!I,fillMode:"flat",size:o,icon:H==="rtl"?"caret-alt-left":"caret-alt-right"}),it(p,{className:r("k-pager-nav","k-pager-last"),disabled:x===f&&!I,fillMode:"flat",size:o,icon:H==="rtl"?"caret-alt-to-left":"caret-alt-to-right"})]})]}),y&&ba("span",{className:r("k-pager-sizes"),children:[it(he,{value:`${d}`,size:o}),a&&it("span",{children:"items per page"})]}),h&&it(p,{className:r("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw"}),E&&it("span",{className:r("k-pager-info"),children:E})]})};ye.states=qh;ye.options=Yh;ye.className=qr;ye.defaultOptions=Nt;ye.moduleName=Dn;ye.folderName=Xd;import{jsx as V6}from"react/jsx-runtime";import{jsx as q6}from"react/jsx-runtime";import{jsx as j6}from"react/jsx-runtime";import{jsx as qd}from"react/jsx-runtime";var Qh=ye.options,Zh=ye.states,jh={...ye.defaultOptions,variant:"numeric"},ex=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],tx=[],dr=e=>{let{variant:t,...o}=e;return t==="input"?qd(ye,{...o,type:"input"}):qd(ye,{...o,type:"numeric"})};dr.options=Qh;dr.states=Zh;dr.variants=ex;dr.defaultOptions=jh;dr.modifiers=tx;import{jsx as ox}from"react/jsx-runtime";var Yd="k-grid-pager",Wt=e=>ox(ye,{...e,className:r(e.className,Yd),children:e.children});Wt.className=Yd;Wt.moduleName=se;Wt.folderName=ie;import{jsx as ax}from"react/jsx-runtime";var Qd="k-grid-toolbar",ao=e=>ax(ce,{...e,className:r(e.className,Qd),children:e.children});ao.className=Qd;ao.moduleName=se;ao.folderName=ie;import{jsx as Bn,jsxs as lx}from"react/jsx-runtime";var _n="k-grid-stack-cell",rx=[s.focus,s.selected],Yr=e=>{let{cellHeader:t,cellContent:o,edit:a,commandCell:n,dirty:i,focus:d,selected:f,...x}=e;return lx("div",{...x,className:r(e.className,_n,{"k-grid-stack-edit-cell":a,"k-command-cell":n,"k-dirty-cell":i},O(_n,{focus:d,selected:f})),children:[i&&Bn("span",{className:"k-dirty"}),t&&Bn("div",{className:"k-grid-stack-header",children:t}),Bn("div",{className:"k-grid-stack-content",children:o}),e.children]})};Yr.states=rx;Yr.className=_n;Yr.moduleName=se;Yr.folderName=ie;import{jsx as nx}from"react/jsx-runtime";var Zd="k-grid-stack-row",Qr=e=>{let{cols:t,...o}=e;return nx("div",{...o,className:r(e.className,Zd,{[`k-grid-cols-${t}`]:t}),children:e.children})};Qr.className=Zd;Qr.moduleName=se;Qr.folderName=ie;import{Fragment as H7,jsx as G7,jsxs as P7}from"react/jsx-runtime";import{Fragment as F7,jsx as z7,jsxs as U7}from"react/jsx-runtime";import{Fragment as Y7,jsx as J7,jsxs as q7}from"react/jsx-runtime";import{Fragment as sx,jsx as S,jsxs as ke}from"react/jsx-runtime";var jd=({contentClassName:e,...t})=>S(Q,{_renderAriaRoot:!0,pager:S(Wt,{refresh:!1}),children:ke(sx,{children:[S(X,{children:S("div",{className:"k-grid-header-wrap",children:ke(J,{children:[ke("colgroup",{children:[S("col",{}),S("col",{style:{width:"225px"}}),S("col",{}),S("col",{}),S("col",{})]}),ke(q,{children:[ke(T,{children:[S(M,{rowspan:1,colspan:1,columnTitle:"Product Id"}),S(M,{rowspan:1,colspan:1,columnTitle:"Name"}),S(M,{rowspan:1,colspan:1,columnTitle:"Quantity"}),S(M,{rowspan:1,colspan:1,columnTitle:"Unit Price"}),S(M,{rowspan:1,colspan:1,columnTitle:"Discontinued"})]}),ke(T,{className:"k-filter-row",children:[S(l,{children:S("div",{className:"k-filtercell",children:ke("div",{className:"k-filtercell-wrapper",children:[S(ee,{}),ke("div",{className:"k-filtercell-operator",children:[S(he,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",S(p,{disabled:!0,icon:"filter-clear"})]})]})})}),S(l,{children:S("div",{className:"k-filtercell",children:ke("div",{className:"k-filtercell-wrapper",children:[S(Te,{}),ke("div",{className:"k-filtercell-operator",children:[S(he,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",S(p,{disabled:!0,icon:"filter-clear"})]})]})})}),S(l,{children:S("div",{className:"k-filtercell",children:ke("div",{className:"k-filtercell-wrapper",children:[S(Te,{}),ke("div",{className:"k-filtercell-operator",children:[S(he,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",S(p,{disabled:!0,icon:"filter-clear"})]})]})})}),S(l,{children:S("div",{className:"k-filtercell",children:ke("div",{className:"k-filtercell-wrapper",children:[S(ee,{}),ke("div",{className:"k-filtercell-operator",children:[S(he,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",S(p,{disabled:!0,icon:"filter-clear"})]})]})})}),S(l,{children:S("div",{className:"k-filtercell",children:ke("div",{className:"k-filtercell-wrapper",children:[S(he,{}),S("div",{className:"k-filtercell-operator",children:S(p,{disabled:!0,icon:"filter-clear"})})]})})})]})]})]})})}),S(le,{children:S(Z,{className:e,children:ke(te,{children:[ke("colgroup",{children:[S("col",{}),S("col",{style:{width:"225px"}}),S("col",{}),S("col",{}),S("col",{})]}),ke(U,{children:[ke(T,{className:"k-master-row",children:[S(l,{children:"1"}),S(l,{children:"Chai"}),S(l,{children:"10 boxes x 20 bags"}),S(l,{children:"18"}),S(l,{children:"false"})]}),ke(T,{className:"k-master-row",alt:!0,children:[S(l,{children:"2"}),S(l,{children:"Chang"}),S(l,{children:"24 - 12 oz bottles"}),S(l,{children:"19"}),S(l,{children:"false"})]}),ke(T,{className:"k-master-row",children:[S(l,{children:"3"}),S(l,{children:"Aniseed Syrup"}),S(l,{children:"12 - 550 ml bottles"}),S(l,{children:"10"}),S(l,{children:"false"})]}),ke(T,{className:"k-master-row",alt:!0,children:[S(l,{children:"4"}),S(l,{children:"Chef Anton's Cajun Seasoning"}),S(l,{children:"48 - 6 oz jars"}),S(l,{children:"22"}),S(l,{children:"false"})]}),ke(T,{className:"k-master-row",children:[S(l,{children:"5"}),S(l,{children:"Grandma's Boysenberry Spread"}),S(l,{children:"12 - 8 oz jars"}),S(l,{children:"25"}),S(l,{children:"false"})]})]})]})})})]}),...t});import{jsx as Zr}from"react/jsx-runtime";var ix="k-chip-action";var Ie=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=Zr(m,{icon:"x-circle",size:"small"});break;case"more":a=Zr(m,{icon:"more-vertical",size:"small"});break;default:return Zr(m,{icon:t,size:"small"})}return Zr("span",{...o,className:r(e.className,ix,`k-chip-${t}-action`),children:a})};var zn="avatar",ec=zn;import{jsx as tc}from"react/jsx-runtime";var cr="k-avatar";var dx=[s.hover,s.focus,s.active,s.selected,s.disabled],cx={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[L.undefined,L.solid,L.outline],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.light,g.dark,g.inverse]},Un={type:"text",border:!1},dt=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:i=Un.type,border:d=Un.border,...f}=e;return tc("div",{...f,className:r(e.className,cr,R(cr,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${cr}-bordered`]:d}),children:tc("span",{className:`${cr}-${i}`,children:e.children})})};dt.states=dx;dt.options=cx;dt.className=cr;dt.defaultOptions=Un;dt.moduleName=zn;dt.folderName=ec;dt.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var Vo=dt;import{jsx as px}from"react/jsx-runtime";var oc=e=>px(Vo,{type:"icon",...e});import{jsx as mx}from"react/jsx-runtime";var ac=e=>mx(Vo,{type:"text",...e});import{jsx as ux}from"react/jsx-runtime";var rc=e=>ux(Vo,{type:"image",...e});import{jsx as M9}from"react/jsx-runtime";import{jsx as pr}from"react/jsx-runtime";var bx=dt.options,fx=dt.states,Tx={...dt.defaultOptions,variant:"image"},hx=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],xx=[],mr=e=>{let{variant:t,...o}=e;switch(t){case"icon":return pr(oc,{...o,children:pr(m,{icon:"star"})});case"text":return pr(ac,{...o,children:"JO"});default:return pr(rc,{...o,children:pr("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};mr.options=bx;mr.states=fx;mr.variants=hx;mr.defaultOptions=Tx;mr.modifiers=xx;var ur="chip",jr=ur;import{jsx as fa,jsxs as kx}from"react/jsx-runtime";var el="k-chip",Nx=[s.hover,s.focus,s.active,s.selected,s.disabled],gx={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[L.undefined,L.solid,L.outline],themeColor:[g.undefined,g.base,g.success,g.warning,g.error,g.info]},lc={avatarImage:"/packages/html/assets/avatar.jpg"},Oe=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,text:i,icon:d,actions:f,showAvatar:x,avatarImage:v=lc.avatarImage,hover:C,focus:y,active:h,selected:E,disabled:A,...I}=e;return kx("div",{...I,className:r(e.className,el,R(el,{size:t,rounded:o,fillMode:a,themeColor:n}),O(el,{hover:C,focus:y,active:h,disabled:A,selected:E})),role:e.role\|\|"button","aria-pressed":e.role==="option"?void 0:E?"true":"false","aria-selected":e.role==="option"?E?"true":"false":void 0,"aria-disabled":A?"true":void 0,children:[d&&fa(m,{className:"k-chip-icon",icon:d,size:"small"}),x&&fa(dt,{className:"k-chip-avatar",type:"image",children:fa("img",{src:v,alt:""})}),fa("span",{className:"k-chip-content",children:e.children?e.children:i&&fa("span",{className:"k-chip-label",children:i})}),f&&fa("span",{className:"k-chip-actions",children:f})]})};Oe.states=Nx;Oe.options=gx;Oe.className=el;Oe.defaultOptions=lc;Oe.moduleName=ur;Oe.folderName=jr;Oe.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 Gt=Oe;import{jsx as yx}from"react/jsx-runtime";var Fn="k-chip-list",vx=[],Lx={size:[c.undefined,c.small,c.medium,c.large]},Cx={},Ge=e=>{let{size:t,multiselectable:o,ariaLabel:a,...n}=e;return yx("div",{...n,className:r(e.className,Fn,R(Fn,{size:t})),role:"listbox","aria-label":a\|\|"chip list","aria-orientation":"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};Ge.states=vx;Ge.options=Lx;Ge.className=Fn;Ge.defaultOptions=Cx;Ge.moduleName=ur;Ge.folderName=jr;Ge.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 oU}from"react/jsx-runtime";import{jsx as nU}from"react/jsx-runtime";import{jsx as Mx}from"react/jsx-runtime";var tl=e=>Mx(Gt,{text:"text",...e});import{jsx as bU}from"react/jsx-runtime";import{jsx as xU}from"react/jsx-runtime";import{Fragment as CU,jsx as LU,jsxs as yU}from"react/jsx-runtime";import{jsx as EU,jsxs as RU}from"react/jsx-runtime";import{jsx as HU,jsxs as KU}from"react/jsx-runtime";import{jsx as FU,jsxs as $U}from"react/jsx-runtime";import{jsx as Ta,jsxs as Ix}from"react/jsx-runtime";var wx={...Gt.options,...Ge.options},Sx=[],Ax=Ge.states,Ex={...Gt.defaultOptions,...Ge.defaultOptions},Rx=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],br=e=>{let{modifiers:t,className:o,...a}=e,n=t?.icon,i=t?.actions,d=t?.avatar;return Ix(Ge,{size:a.size,className:o,children:[Ta(tl,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:n?"star":void 0,actions:i?Ta(Ie,{type:"remove"}):void 0,showAvatar:d,children:"Chip"}),Ta(tl,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:n?"star":void 0,actions:i?Ta(Ie,{type:"remove"}):void 0,showAvatar:d,children:"Chip"}),Ta(tl,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:n?"star":void 0,actions:i?Ta(Ie,{type:"remove"}):void 0,showAvatar:d,children:"Chip"})]})};br.options=wx;br.states=Ax;br.variants=Sx;br.defaultOptions=Ex;br.modifiers=Rx;import{jsx as $n}from"react/jsx-runtime";var Ox=Oe.states,Gx=Oe.defaultOptions,Px=Oe.options,Hx=[],Kx=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],fr=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"icon":a.icon=t?.[n]?"arrow-down":void 0;break;case"avatar":a.showAvatar=!!t?.[n],a.avatarImage=t?.[n]?"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?.[n]?$n(Ie,{type:"more"}):void 0;break;case"remove-icon":a.actions\|\|(a.actions=[]),a.actions[1]=t?.[n]?$n(Ie,{type:"remove"}):void 0;break;default:break}}),$n(Oe,{...o,...a,children:"Chip component"})};fr.options=Px;fr.states=Ox;fr.variants=Hx;fr.defaultOptions=Gx;fr.modifiers=Kx;import{Fragment as Vn,jsx as K,jsxs as tt}from"react/jsx-runtime";var nc=({dropClue:e,contentClassName:t,...o})=>K(Q,{_renderAriaRoot:!0,groupingHeader:K(vo,{dropClue:e,children:tt(Ge,{children:[K(Oe,{icon:"sort-asc-small",text:"ID",actions:tt(Vn,{children:[K(Ie,{type:"more"}),K(Ie,{type:"remove"})]})}),K(Oe,{icon:"sort-desc-small",text:"Name",actions:tt(Vn,{children:[K(Ie,{type:"more"}),K(Ie,{type:"remove"})]})})]})}),children:tt(Vn,{children:[K(X,{draggable:!0,children:K("div",{className:"k-grid-header-wrap",children:tt(J,{children:[tt("colgroup",{children:[K("col",{className:"k-group-col"}),K("col",{className:"k-group-col"}),K("col",{}),K("col",{}),K("col",{}),K("col",{})]}),K(q,{children:tt(T,{children:[K(M,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),K(M,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),K(M,{colspan:1,columnTitle:"ID"}),K(M,{colspan:1,columnTitle:"Name"}),K(M,{colspan:1,columnTitle:"Price"}),K(M,{colspan:1,columnTitle:"Category"})]})})]})})}),K(le,{children:K(Z,{className:t,children:tt(te,{children:[tt("colgroup",{children:[K("col",{className:"k-group-col"}),K("col",{className:"k-group-col"}),K("col",{}),K("col",{}),K("col",{}),K("col",{})]}),tt(U,{children:[K(T,{className:"k-table-group-row k-grouping-row",children:K(l,{colspan:6,children:tt("p",{className:"k-reset",children:[K(m,{icon:"caret-alt-right"}),"ID: 1"]})})}),K(T,{className:"k-table-group-row k-grouping-row",children:K(l,{colspan:6,children:tt("p",{className:"k-reset",children:[K(m,{icon:"caret-alt-down"}),"ID: 2"]})})}),tt(T,{className:"k-table-group-row k-grouping-row",children:[K(l,{className:"k-table-group-td k-group-cell"}),K(l,{colspan:5,children:tt("p",{className:"k-reset",children:[K(m,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),tt(T,{className:"k-master-row",alt:!0,children:[K(l,{className:"k-table-group-td k-group-cell"}),K(l,{className:"k-table-group-td k-group-cell"}),K(l,{colspan:0,children:"2"}),K(l,{colspan:0,children:"Chang"}),K(l,{colspan:0,children:"$19.00"}),K(l,{colspan:0,children:"Beverages"})]})]})]})})})]}),...o});import{Fragment as I4,jsx as E4,jsxs as R4}from"react/jsx-runtime";import{Fragment as _4,jsx as D4,jsxs as B4}from"react/jsx-runtime";import{Fragment as X4,jsx as V4,jsxs as W4}from"react/jsx-runtime";import{Fragment as Dx,jsx as $,jsxs as ot}from"react/jsx-runtime";var sc=({headerWrapClassName:e,contentClassName:t,...o})=>$(Q,{_renderAriaRoot:!0,children:ot(Dx,{children:[$(X,{children:$("div",{className:`k-grid-header-wrap ${e}`,children:ot(J,{children:[ot("colgroup",{children:[$("col",{}),$("col",{}),$("col",{}),$("col",{})]}),ot(q,{children:[ot(T,{children:[$(M,{rowspan:3,colspan:1,columnTitle:"ID"}),$(M,{rowspan:1,colspan:3,columnTitle:"Product Information"})]}),ot(T,{children:[$(M,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first"}),$(M,{rowspan:1,colspan:2,columnTitle:"Unit"})]}),ot(T,{children:[$(M,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first"}),$(M,{rowspan:1,colspan:1,columnTitle:"Units Price"})]})]})]})})}),$(le,{children:$(Z,{className:t,children:ot(te,{children:[ot("colgroup",{children:[$("col",{}),$("col",{}),$("col",{}),$("col",{})]}),ot(U,{children:[ot(T,{className:"k-master-row",children:[$(l,{children:"1"}),$(l,{children:"Chai"}),$(l,{children:"39"}),$(l,{children:"18"})]}),ot(T,{className:"k-master-row",alt:!0,children:[$(l,{children:"2"}),$(l,{children:"Chang"}),$(l,{children:"17"}),$(l,{children:"19"})]}),ot(T,{className:"k-master-row",children:[$(l,{children:"3"}),$(l,{children:"Aniseed Syrup"}),$(l,{children:"13"}),$(l,{children:"10"})]}),ot(T,{className:"k-master-row",alt:!0,children:[$(l,{children:"4"}),$(l,{children:"Chef Anton's Cajun Seasoning"}),$(l,{children:"53"}),$(l,{children:"22"})]}),ot(T,{className:"k-master-row",children:[$(l,{children:"5"}),$(l,{children:"Chef Anton's Gumbo Mix"}),$(l,{children:"0"}),$(l,{children:"21.35"})]})]})]})})})]}),...o});import{Fragment as lF,jsx as aF,jsxs as rF}from"react/jsx-runtime";import{Fragment as mF,jsx as cF,jsxs as pF}from"react/jsx-runtime";import{Fragment as Bx,jsx as F,jsxs as Pt}from"react/jsx-runtime";var ic=e=>F(Q,{_renderAriaRoot:!0,toolbar:Pt(ao,{children:[F(p,{children:"Add new"}),F(p,{children:"Save Changes"}),F(p,{children:"Cancel Changes"})]}),children:Pt(Bx,{children:[F(X,{children:F("div",{className:"k-grid-header-wrap",children:Pt(J,{children:[Pt("colgroup",{children:[F("col",{}),F("col",{}),F("col",{}),F("col",{style:{width:"300px"}})]}),F(q,{children:Pt(T,{children:[F(M,{columnTitle:"Name"}),F(M,{columnTitle:"Price"}),F(M,{columnTitle:"Available"}),F(M,{accessibleLabel:"Commands"})]})})]})})}),F(le,{children:F(Z,{children:F("div",{children:Pt(te,{children:[Pt("colgroup",{children:[F("col",{}),F("col",{}),F("col",{}),F("col",{style:{width:"300px"}})]}),Pt(U,{children:[Pt(T,{className:"k-master-row k-grid-add-row k-grid-edit-row",children:[F(l,{children:F(Te,{value:"Towel"})}),F(l,{children:F(ee,{value:"42"})}),F(l,{children:F(rt,{})}),Pt(l,{className:"k-command-cell",children:[F(p,{children:"Add"}),F(p,{children:"Cancel"})]})]}),Pt(T,{className:"k-master-row",children:[F(l,{children:"Chai"}),F(l,{children:"18"}),F(l,{children:"false"}),F(l,{className:"k-command-cell",children:F(p,{children:"Remove"})})]}),Pt(T,{className:"k-master-row",alt:!0,children:[F(l,{children:"Chang"}),F(l,{children:"19"}),F(l,{children:"false"}),F(l,{className:"k-command-cell",children:F(p,{children:"Remove"})})]})]})]})})})})]}),...e});import{Fragment as KF,jsx as HF,jsxs as DF}from"react/jsx-runtime";import{Fragment as ol,jsx as N,jsxs as de}from"react/jsx-runtime";var _x=Q.options,zx=Q.states,dc={...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"}],Tr=e=>{let{variant:t,modifiers:o,...a}={...dc,...e},n={toolbar:void 0,pager:void 0},i=de(ao,{children:[N(p,{icon:"plus",children:"Add New"}),N(p,{icon:"file-pdf",children:"Export to PDF"}),N("span",{className:"k-spacer"}),N(Te,{prefix:N(m,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),d=N(ye,{pageSizes:!1,refresh:!1});Object.keys(o\|\|{}).forEach(v=>{switch(v){case"toolbar":n.toolbar=o?.[v]?i:void 0;break;case"pager":n.pager=o?.[v]?d:void 0;break;default:return}});let f={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},x=de(ol,{children:[N(X,{children:N("div",{className:"k-grid-header-wrap",children:de(J,{children:[de("colgroup",{children:[N("col",{}),N("col",{}),N("col",{}),N("col",{})]}),N(q,{children:de(T,{children:[N(M,{...f[t],columnTitle:"ID"}),N(M,{...f[t],columnTitle:"Product Name"}),N(M,{...f[t],columnTitle:"Units in Stock"}),N(M,{...f[t],columnTitle:"Units Price"})]})})]})})}),N(le,{children:N(Z,{children:de(te,{children:[de("colgroup",{children:[N("col",{}),N("col",{}),N("col",{}),N("col",{})]}),de(U,{children:[de(T,{children:[N(l,{children:"1"}),N(l,{children:"Chai"}),N(l,{children:"39"}),N(l,{children:"18"})]}),de(T,{className:"k-alt",alt:!0,children:[N(l,{children:"2"}),N(l,{children:"Chang"}),N(l,{children:"17"}),N(l,{children:"19"})]}),de(T,{children:[N(l,{children:"3"}),N(l,{children:"Aniseed Syrup"}),N(l,{children:"13"}),N(l,{children:"10"})]}),de(T,{className:"k-alt",alt:!0,children:[N(l,{children:"4"}),N(l,{children:"Chef Anton's Cajun Seasoning"}),N(l,{children:"53"}),N(l,{children:"22"})]}),de(T,{children:[N(l,{children:"5"}),N(l,{children:"Chef Anton's Gumbo Mix"}),N(l,{children:"0"}),N(l,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return N(sc,{...a,...n});case"editing":return N(ic,{...a,...n});case"grouping":return N(nc,{...a,...n,groupingHeader:N(vo,{children:de(Ge,{children:[N(Oe,{icon:"sort-asc-small",actions:de(ol,{children:[N(Ie,{type:"more"}),N(Ie,{type:"remove"})]}),children:"ID"}),N(Oe,{icon:"sort-desc-small",actions:de(ol,{children:[N(Ie,{type:"more"}),N(Ie,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return N(Q,{...a,...n,children:de(ol,{children:[N(X,{children:de("div",{className:"k-grid-header-wrap",children:[" ",de(J,{children:[de("colgroup",{children:[N("col",{className:"k-drag-col"}),N("col",{}),N("col",{}),N("col",{}),N("col",{})]}),N(q,{children:de(T,{children:[N(M,{className:"k-drag-cell",accessibleLabel:"Reorder"}),N(M,{columnTitle:"ID"}),N(M,{columnTitle:"Product Name"}),N(M,{columnTitle:"Units in Stock"}),N(M,{columnTitle:"Units Price"})]})})]})]})}),N(le,{children:N(Z,{children:de(te,{children:[de("colgroup",{children:[N("col",{className:"k-drag-col"}),N("col",{}),N("col",{}),N("col",{}),N("col",{})]}),de(U,{children:[de(T,{children:[N(l,{className:"k-drag-cell",children:N(m,{icon:"reorder"})}),N(l,{children:"1"}),N(l,{children:"Chai"}),N(l,{children:"39"}),N(l,{children:"18"})]}),de(T,{className:"k-alt",alt:!0,children:[N(l,{className:"k-drag-cell",children:N(m,{icon:"reorder"})}),N(l,{children:"2"}),N(l,{children:"Chang"}),N(l,{children:"17"}),N(l,{children:"19"})]}),de(T,{children:[N(l,{className:"k-drag-cell",children:N(m,{icon:"reorder"})}),N(l,{children:"3"}),N(l,{children:"Aniseed Syrup"}),N(l,{children:"13"}),N(l,{children:"10"})]}),de(T,{className:"k-alt",alt:!0,children:[N(l,{className:"k-drag-cell",children:N(m,{icon:"reorder"})}),N(l,{children:"4"}),N(l,{children:"Chef Anton's Cajun Seasoning"}),N(l,{children:"53"}),N(l,{children:"22"})]}),de(T,{children:[N(l,{className:"k-drag-cell",children:N(m,{icon:"reorder"})}),N(l,{children:"5"}),N(l,{children:"Chef Anton's Gumbo Mix"}),N(l,{children:"0"}),N(l,{children:"21.35"})]})]})]})})})]})});case"filter-row":return N(jd,{...a,...n});default:return N(Q,{...a,...n,children:x})}};Tr.options=_x;Tr.states=zx;Tr.variants=Ux;Tr.defaultOptions=dc;Tr.modifiers=Fx;import{jsx as Wx}from"react/jsx-runtime";var Wo="k-pane",$x=[],Vx={},Wn={resizable:!0,flex:!1},Pe=e=>{let{scrollable:t,flexBasis:o,flex:a=Wn.flex,collapsible:n,resizable:i=Wn.resizable,pinned:d,unpinned:f,tabbed:x,...v}=e;return Wx("div",{...v,style:{flexBasis:o,...e.style},className:r(e.className,Wo,{[`${Wo}-static`]:o,[`${Wo}-flex`]:a,"k-scrollable":t,[`${Wo}-pinned`]:d,[`${Wo}-unpinned`]:f,[`${Wo}-tabbed`]:x}),role:"group",children:e.children})};Pe.states=$x;Pe.options=Vx;Pe.className=Wo;Pe.defaultOptions=Wn;import{Fragment as cc,jsx as Xo,jsxs as qx}from"react/jsx-runtime";var ha="k-splitbar",Xx=[s.hover,s.focus],Jx={},Xn={orientation:"horizontal",draggable:!0},xa=e=>{let{hover:t,focus:o,orientation:a=Xn.orientation,draggable:n=Xn.draggable,collapsePrev:i,collapseNext:d,ariaLabel:f,...x}=e;return qx("div",{...x,className:r(e.className,ha,O(ha,{hover:t,focus:o}),{[`${ha}-${a}`]:a,[`${ha}-draggable-${a}`]:n,[`${ha}-static-${a}`]:!n&&!i&&!d}),role:"separator","aria-label":f,...a==="horizontal"&&{"aria-orientation":"vertical"},"aria-keyshortcuts":"ArrowLeft ArrowRight ArrowUp ArrowDown",children:[i&&Xo(cc,{children:Xo("div",{className:"k-collapse-prev",children:Xo(m,{icon:`caret-alt-${a==="horizontal"?"left":"up"}`,size:"xsmall"})})}),Xo("div",{className:"k-resize-handle"}),d&&Xo(cc,{children:Xo("div",{className:"k-collapse-next",children:Xo(m,{icon:`caret-alt-${a==="horizontal"?"right":"down"}`,size:"xsmall"})})})]})};xa.states=Xx;xa.options=Jx;xa.className=ha;xa.defaultOptions=Xn;var Jn="splitter",pc=Jn;import{jsx as Zx,jsxs as jx}from"react/jsx-runtime";import{createElement as Qx}from"react";var qn="k-splitter",Yx={},mc={orientation:"horizontal"},Be=e=>{let{orientation:t=mc.orientation,children:o,panes:a,...n}=e,i=[];return a&&a.forEach((d,f)=>{let x=a[f+1],v=d.props,C=x?.props;i.push(Qx(Pe,{...v,key:f})),x&&i.push(Zx(xa,{draggable:v.resizable!==!1&&C.resizable!==!1,collapsePrev:v.collapsible,collapseNext:C.collapsible,orientation:t,ariaLabel:"Pane separator"},`splitbar-${f}`))}),jx("div",{...n,className:r(e.className,qn,{[`${qn}-${t}`]:t},"k-splitter-flex"),children:[i,o]})};Be.options=Yx;Be.className=qn;Be.defaultOptions=mc;Be.moduleName=Jn;Be.folderName=pc;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 o$,jsxs as a$}from"react/jsx-runtime";import{jsx as s$,jsxs as i$}from"react/jsx-runtime";import{jsx as Na}from"react/jsx-runtime";import{createElement as al}from"react";var eN=Be.options,tN=Be.states,uc={...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"}],hr=e=>{let{variant:t,modifiers:o,...a}={...uc,...e},n=x=>({collapsible:x,content:x?"Resizable and collapsible":"Resizable only"}),i=n(!0),d=n(!0),f={display:"flex",justifyContent:"center",alignItems:"center"};return Object.keys(o\|\|{}).forEach(x=>{let v=o?.[x];switch(x){case"secondPaneProps":d=n(!!v);break;case"firstPaneProps":i=n(!!v);break;default:break}}),t==="vertical"?Na(Be,{style:{height:"238px"},...a,orientation:"vertical",panes:[al(Pe,{...i,flexBasis:"50%",style:f,key:"pane-1"},Na("p",{children:i.content})),al(Pe,{...d,flexBasis:"50%",style:f,key:"pane-2"},Na("p",{children:d.content}))]}):Na(Be,{style:{height:"238px"},...a,orientation:"horizontal",panes:[al(Pe,{...i,flexBasis:"50%",style:f,key:"pane-1"},Na("p",{children:i.content})),al(Pe,{...d,flexBasis:"50%",style:f,key:"pane-2"},Na("p",{children:d.content}))]})};hr.options=eN;hr.states=tN;hr.variants=oN;hr.defaultOptions=uc;hr.modifiers=aN;var Yn="treelist",bc=Yn;import{jsx as sN}from"react/jsx-runtime";var fc="k-treelist",rN=[],lN={},nN={},He=e=>sN(Q,{...e,className:r(fc,e.className),children:e.children});He.states=rN;He.options=lN;He.className=fc;He.defaultOptions=nN;He.moduleName=Yn;He.folderName=bc;import{jsx as V,jsxs as $e}from"react/jsx-runtime";var Jo=({gridHeader:e,gridContent:t,menu:o,...a})=>$e(He,{id:"treelist",_renderAriaRoot:!0,...a,children:[e\|\|V(X,{children:V("div",{className:"k-grid-header-wrap",children:$e(J,{children:[$e("colgroup",{children:[V("col",{}),V("col",{}),V("col",{})]}),V(q,{children:$e(T,{children:[V(M,{menu:o,columnTitle:"Name"}),V(M,{menu:o,columnTitle:"Position"}),V(M,{menu:o,columnTitle:"Hire Date"})]})})]})})}),V(le,{children:t\|\|V(Z,{children:$e(te,{children:[$e("colgroup",{children:[V("col",{}),V("col",{}),V("col",{})]}),$e(U,{children:[$e(T,{children:[$e(l,{children:[V(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),V(l,{children:"Sweeney"}),V(l,{children:"CEO"})]}),$e(T,{alt:!0,children:[$e(l,{children:[V(m,{className:"k-treelist-toggle",icon:"none"}),V(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),V(l,{children:"Wooten"}),V(l,{children:"Chief Technical Officer"})]}),$e(T,{children:[$e(l,{children:[V(m,{className:"k-treelist-toggle",icon:"none"}),V(m,{className:"k-treelist-toggle",icon:"none"}),V(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),V(l,{children:"Weber"}),V(l,{children:"VP, Engineering"})]}),$e(T,{alt:!0,children:[$e(l,{children:[V(m,{className:"k-treelist-toggle",icon:"none"}),V(m,{className:"k-treelist-toggle",icon:"none"}),V(m,{className:"k-treelist-toggle",icon:"none"}),V(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),V(l,{children:"Hood"}),V(l,{children:"Team Lead"})]}),$e(T,{children:[$e(l,{children:[V(m,{className:"k-treelist-toggle",icon:"none"}),V(m,{className:"k-treelist-toggle",icon:"none"}),V(m,{className:"k-treelist-toggle",icon:"none"}),V(m,{className:"k-treelist-toggle",icon:"none"}),V(m,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),V(l,{children:"Carr"}),V(l,{children:"Junior Software Developer"})]})]})]})})})]});import{jsx as iN}from"react/jsx-runtime";var Tc=e=>iN(Jo,{menu:"column",...e});import{jsx as dN}from"react/jsx-runtime";var hc=e=>dN(Jo,{menu:"filter",...e});import{jsx as G,jsxs as Ve}from"react/jsx-runtime";var xc=({gridHeader:e,gridContent:t,menu:o,...a})=>Ve(He,{id:"treelist",_renderAriaRoot:!0,...a,children:[e\|\|G(X,{children:G("div",{className:"k-grid-header-wrap",children:Ve(J,{children:[Ve("colgroup",{children:[G("col",{className:"k-drag-col"}),G("col",{}),G("col",{}),G("col",{})]}),G(q,{children:Ve(T,{children:[G(M,{}),G(M,{menu:o,columnTitle:"First Name"}),G(M,{menu:o,columnTitle:"Last Name"}),G(M,{menu:o,columnTitle:"Position"})]})})]})})}),G(le,{children:t\|\|G(Z,{children:Ve(te,{children:[Ve("colgroup",{children:[G("col",{className:"k-drag-col"}),G("col",{}),G("col",{}),G("col",{})]}),Ve(U,{children:[Ve(T,{children:[G(l,{className:"k-drag-cell",children:G(m,{icon:"reorder"})}),Ve(l,{children:[G(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),G(l,{children:"Sweeney"}),G(l,{children:"CEO"})]}),Ve(T,{alt:!0,children:[G(l,{className:"k-drag-cell",children:G(m,{icon:"reorder"})}),Ve(l,{children:[G(m,{className:"k-treelist-toggle",icon:"none"}),G(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),G(l,{children:"Wooten"}),G(l,{children:"Chief Technical Officer"})]}),Ve(T,{children:[G(l,{className:"k-drag-cell",children:G(m,{icon:"reorder"})}),Ve(l,{children:[G(m,{className:"k-treelist-toggle",icon:"none"}),G(m,{className:"k-treelist-toggle",icon:"none"}),G(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),G(l,{children:"Weber"}),G(l,{children:"VP, Engineering"})]}),Ve(T,{alt:!0,children:[G(l,{className:"k-drag-cell",children:G(m,{icon:"reorder"})}),Ve(l,{children:[G(m,{className:"k-treelist-toggle",icon:"none"}),G(m,{className:"k-treelist-toggle",icon:"none"}),G(m,{className:"k-treelist-toggle",icon:"none"}),G(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),G(l,{children:"Hood"}),G(l,{children:"Team Lead"})]}),Ve(T,{children:[G(l,{className:"k-drag-cell",children:G(m,{icon:"reorder"})}),Ve(l,{children:[G(m,{className:"k-treelist-toggle",icon:"none"}),G(m,{className:"k-treelist-toggle",icon:"none"}),G(m,{className:"k-treelist-toggle",icon:"none"}),G(m,{className:"k-treelist-toggle",icon:"none"}),G(m,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),G(l,{children:"Carr"}),G(l,{children:"Junior Software Developer"})]})]})]})})})]});import{jsx as j$,jsxs as eV}from"react/jsx-runtime";import{jsx as w,jsxs as fe}from"react/jsx-runtime";var cN=He.options,pN=He.states,Nc={...He.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"}],xr=e=>{let{variant:t,modifiers:o,...a}={...Nc,...e},n={},i=fe(ao,{children:[w(p,{icon:"plus",children:"Add New"}),w(p,{icon:"file-pdf",children:"Export to PDF"}),w("span",{className:"k-spacer"}),w(Te,{prefix:w(m,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),d=w(ye,{pageSizes:!1,refresh:!1});switch(Object.keys(o\|\|{}).forEach(f=>{switch(f){case"toolbar":n.toolbar=o?.[f]?i:void 0;break;case"pager":n.pager=o?.[f]?d:void 0;break;default:return}}),t){case"row-reordering":return w(xc,{...a,...n});case"column-menu":return w(Tc,{...a,...n,gridHeader:w(X,{children:w("div",{className:"k-grid-header-wrap",children:fe(J,{children:[fe("colgroup",{children:[w("col",{}),w("col",{}),w("col",{})]}),w(q,{children:fe(T,{children:[w(M,{menu:"column",columnTitle:"First Name"}),w(M,{menu:"column",columnTitle:"Last Name"}),w(M,{menu:"column",columnTitle:"Position"})]})})]})})})});case"filter-row":return w(hc,{...a,...n,gridHeader:w(X,{children:w("div",{className:"k-grid-header-wrap",children:fe(J,{children:[fe("colgroup",{children:[w("col",{}),w("col",{}),w("col",{})]}),w(q,{children:fe(T,{children:[w(M,{menu:"filter",columnTitle:"First Name"}),w(M,{menu:"filter",columnTitle:"Last Name"}),w(M,{menu:"filter",columnTitle:"Position"})]})})]})})})});case"sorting":return w(Jo,{...a,...n,gridHeader:w(X,{children:w("div",{className:"k-grid-header-wrap",children:fe(J,{children:[fe("colgroup",{children:[w("col",{}),w("col",{}),w("col",{})]}),w(q,{children:fe(T,{children:[w(M,{columnTitle:"First Name"}),w(M,{columnTitle:"Last Name",sortable:!0}),w(M,{columnTitle:"Position"})]})})]})})}),gridContent:w(Z,{children:fe(te,{children:[fe("colgroup",{children:[w("col",{}),w("col",{className:"k-sorted"}),w("col",{})]}),fe(U,{children:[fe(T,{className:"k-treelist-group",children:[fe(l,{children:[w(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),w(l,{children:"Sweeney"}),w(l,{children:"CEO"})]}),fe(T,{className:"k-treelist-group k-alt",alt:!0,children:[fe(l,{children:[w(m,{className:"k-treelist-toggle",icon:"none"}),w(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),w(l,{children:"Wooten"}),w(l,{children:"Chief Technical Officer"})]}),fe(T,{className:"k-treelist-group",children:[fe(l,{children:[w(m,{className:"k-treelist-toggle",icon:"none"}),w(m,{className:"k-treelist-toggle",icon:"none"}),w(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),w(l,{children:"Weber"}),w(l,{children:"VP, Engineering"})]}),fe(T,{className:"k-treelist-group k-alt",alt:!0,children:[fe(l,{children:[w(m,{className:"k-treelist-toggle",icon:"none"}),w(m,{className:"k-treelist-toggle",icon:"none"}),w(m,{className:"k-treelist-toggle",icon:"none"}),w(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),w(l,{children:"Hood"}),w(l,{children:"Team Lead"})]}),fe(T,{children:[fe(l,{children:[w(m,{className:"k-treelist-toggle",icon:"none"}),w(m,{className:"k-treelist-toggle",icon:"none"}),w(m,{className:"k-treelist-toggle",icon:"none"}),w(m,{className:"k-treelist-toggle",icon:"none"}),w(m,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),w(l,{children:"Carr"}),w(l,{children:"Junior Software Developer"})]})]})]})})});default:return w(Jo,{...a,...n,gridHeader:w(X,{children:w("div",{className:"k-grid-header-wrap",children:fe(J,{children:[fe("colgroup",{children:[w("col",{}),w("col",{}),w("col",{})]}),w(q,{children:fe(T,{children:[w(M,{columnTitle:"First Name"}),w(M,{columnTitle:"Last Name"}),w(M,{columnTitle:"Position"})]})})]})})})})}};xr.options=cN;xr.states=pN;xr.variants=mN;xr.defaultOptions=Nc;xr.modifiers=uN;import{jsx as b,jsxs as _}from"react/jsx-runtime";var gc=({flexBasis:e="30%",gridContentHeight:t="180px",tablesWidth:o="675px",tablesHeight:a="828px",currentTimeLeftOffset:n="243px",ganttDependencies:i,menu:d,...f})=>b(Kt,{headerToolbar:_(Do,{children:[b(p,{className:"k-gantt-toggle",icon:"layout-1-by-4"}),b(p,{className:"k-gantt-create",icon:"plus",children:"Add Task"}),b("span",{className:"k-spacer"}),_("div",{className:"k-gantt-views-wrapper",children:[_("select",{className:"k-picker k-dropdown-list k-dropdown k-views-dropdown",children:[b("option",{value:"day",children:"Day"}),b("option",{value:"week",children:"Week"}),b("option",{value:"month",children:"Month"})]}),_(D,{className:"k-gantt-views",children:[b(p,{className:"k-view-day k-group-start",children:"Day"}),b(p,{className:"k-view-week",selected:!0,children:"Week"}),b(p,{className:"k-view-month k-group-end",children:"Month"})]})]})]}),footerToolbar:b(Bo,{children:b(p,{className:"k-gantt-create",icon:"plus",children:"Add Task"})}),...f,children:b(_o,{children:f.children\|\|b(Be,{className:"k-gantt-splitter",panes:[b(Pe,{className:"k-gantt-treelist",flexBasis:e,children:_(He,{_renderAriaRoot:!0,children:[b(X,{children:b("div",{className:"k-grid-header-wrap",children:_(J,{style:{minWidth:"250px"},children:[_("colgroup",{children:[b("col",{style:{width:"50px"}}),b("col",{})]}),b(q,{children:_(T,{children:[b(M,{menu:d,rowspan:1,columnTitle:"ID"}),b(M,{menu:d,rowspan:1,columnTitle:"Title"})]})})]})})}),b(le,{children:b(Z,{style:{height:t},children:_(te,{style:{minWidth:"250px"},children:[_("colgroup",{children:[b("col",{style:{width:"50px"}}),b("col",{})]}),_(U,{children:[_(T,{children:[b(l,{children:"7"}),_(l,{children:[b(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Software validation, research and implementation"]})]}),_(T,{alt:!0,children:[b(l,{children:"18"}),_(l,{children:[b(m,{className:"k-treelist-toggle",icon:"none"}),b(m,{className:"k-treelist-toggle",icon:"none"}),"Project Kickoff"]})]}),_(T,{children:[b(l,{children:"11"}),_(l,{children:[b(m,{className:"k-treelist-toggle",icon:"none"}),b(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Research"]})]}),_(T,{alt:!0,children:[b(l,{children:"19"}),_(l,{children:[b(m,{className:"k-treelist-toggle",icon:"none"}),b(m,{className:"k-treelist-toggle",icon:"none"}),b(m,{className:"k-treelist-toggle",icon:"none"}),"Validation with Customers"]})]}),_(T,{children:[b(l,{children:"20"}),_(l,{children:[b(m,{className:"k-treelist-toggle",icon:"none"}),b(m,{className:"k-treelist-toggle",icon:"none"}),b(m,{className:"k-treelist-toggle",icon:"none"}),"Market Research"]})]})]})]})})})]})},"gantt-treelist-pane"),b(Pe,{className:"k-gantt-timeline-pane",children:_(Q,{className:"k-gantt-timeline",children:[b(X,{children:b("div",{className:"k-grid-header-wrap",children:_(J,{style:{width:o},children:[_("colgroup",{children:[b("col",{}),b("col",{}),b("col",{}),b("col",{}),b("col",{}),b("col",{}),b("col",{})]}),_(U,{children:[b(T,{children:b(l,{className:"k-header",colspan:7,children:"Sun 6/01 - Sat 6/07"})}),_(T,{children:[b(l,{colspan:1,className:"k-header k-nonwork-hour",children:"Sun 6/01"}),b(l,{className:"k-header",colspan:1,children:"Mon 6/02"}),b(l,{className:"k-header",colspan:1,children:"Tue 6/03"}),b(l,{className:"k-header",colspan:1,children:"Wed 6/04"}),b(l,{className:"k-header",colspan:1,children:"Thu 6/05"}),b(l,{className:"k-header",colspan:1,children:"Fri 6/06"}),b(l,{colspan:1,className:"k-header k-nonwork-hour",children:"Sat 6/07"})]})]})]})})}),_(Z,{style:{height:t},children:[_(zo,{children:[_(Fo,{className:"k-grid-table",style:{width:o},children:[b("colgroup",{children:b("col",{})}),_(U,{children:[b(T,{children:b(l,{})}),b(T,{alt:!0,children:b(l,{})}),b(T,{children:b(l,{})}),b(T,{alt:!0,children:b(l,{})}),b(T,{children:b(l,{})})]})]}),_(Uo,{style:{width:o,height:a},children:[_("colgroup",{children:[b("col",{}),b("col",{}),b("col",{}),b("col",{}),b("col",{}),b("col",{}),b("col",{})]}),b(U,{children:_(T,{children:[b(l,{className:"k-nonwork-hour"}),b(l,{}),b(l,{}),b(l,{}),b(l,{}),b(l,{}),b(l,{className:"k-nonwork-hour"})]})})]}),_($o,{style:{width:o},children:[b("colgroup",{children:b("col",{})}),_(U,{children:[b(T,{children:b(l,{children:_(De,{type:"summary",style:{left:"113px"},children:[b(Ke,{type:"summary",style:{width:"4000px"},children:b("div",{className:"k-task-summary-progress",style:{width:"1720px"},children:b("div",{className:"k-task-summary-complete",style:{width:"4000px"}})})}),b(pe,{}),b(pe,{position:"end",style:{right:"0px"}})]})})}),b(T,{children:b(l,{children:_(De,{type:"milestone",style:{left:"113px"},children:[b(Ke,{type:"milestone"}),b(pe,{}),b(pe,{position:"end",style:{right:"0px"}})]})})}),b(T,{children:b(l,{children:_(De,{type:"summary",style:{left:"113px"},children:[b(Ke,{type:"summary",style:{width:"500px"},children:b("div",{className:"k-task-summary-progress",style:{width:"215px"},children:b("div",{className:"k-task-summary-complete",style:{width:"500px"}})})}),b(pe,{}),b(pe,{position:"end",style:{right:"0px"}})]})})}),b(T,{children:b(l,{children:_(De,{style:{left:"113px"},children:[_(Ke,{style:{width:"200px"},children:[b("div",{className:"k-task-complete",style:{width:"50px"}}),b(Ot,{content:"Validation with Customers"})]}),b(pe,{}),b(pe,{position:"end",style:{right:"0px"}}),b("div",{className:"k-task-draghandle",style:{left:"50px"}})]})})}),b(T,{children:b(l,{children:_(De,{style:{left:"113px"},children:[_(Ke,{style:{width:"200px"},children:[b("div",{className:"k-task-complete",style:{width:"164px"}}),b(Ot,{content:"Market Research"})]}),b(pe,{}),b(pe,{position:"end",style:{right:"0px"}}),b("div",{className:"k-task-draghandle",style:{left:"164px"}})]})})})]})]})]}),i\|\|_("div",{className:"k-gantt-dependencies",style:{width:o},children:[b(Y,{style:{left:"124.5px",top:"53px",width:"10px"}}),b(Y,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),b(Y,{style:{left:"103px",top:"71px",width:"31.5px"}}),b(Y,{orientation:"vertical",style:{left:"103px",top:"71px",height:"54px"}}),b(Y,{style:{left:"103px",top:"125px",width:"9px"},children:b("span",{className:"k-arrow-e"})}),b(Y,{style:{left:"124.5px",top:"53px",width:"10px"}}),b(Y,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),b(Y,{style:{left:"103px",top:"71px",width:"31.5px"}}),b(Y,{orientation:"vertical",style:{left:"103px",top:"71px",height:"90px"}}),b(Y,{style:{left:"103px",top:"161px",width:"9px"},children:b("span",{className:"k-arrow-e"})}),b(Y,{style:{left:"313px",top:"125px",width:"10px"}}),b(Y,{orientation:"vertical",style:{left:"321px",top:"125px",height:"18px"}}),b(Y,{style:{left:"303px",top:"143px",width:"20px"}}),b(Y,{orientation:"vertical",style:{left:"303px",top:"143px",height:"18px"}})]}),b("div",{className:"k-current-time",style:{left:n,top:"0px",width:"1px",height:a}})]})]})},"gantt-timeline-pane")]})})});import{jsx as NN}from"react/jsx-runtime";var bN={},fN=[],TN=[],hN={},xN=[],Nr=()=>NN(gc,{flexBasis:"40%",gridContentHeight:"197px",style:{width:"90%",height:"367px"}});Nr.options=bN;Nr.states=fN;Nr.variants=TN;Nr.defaultOptions=hN;Nr.modifiers=xN;import{jsx as u,jsxs as z}from"react/jsx-runtime";var iW=({flexBasis:e="30%",gridContentHeight:t="180px",tablesWidth:o="675px",tablesHeight:a="828px",currentTimeLeftOffset:n="243px",ganttDependencies:i,menu:d,...f})=>u(Kt,{headerToolbar:z(Do,{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"}),z("div",{className:"k-gantt-views-wrapper",children:[z("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"})]}),z(D,{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(Bo,{children:u(p,{className:"k-gantt-create",icon:"plus",children:"Add Task"})}),...f,children:u(_o,{children:f.children\|\|u(Be,{className:"k-gantt-splitter",panes:[u(Pe,{className:"k-gantt-treelist",flexBasis:e,children:z(He,{_renderAriaRoot:!0,children:[u(X,{children:u("div",{className:"k-grid-header-wrap",children:z(J,{style:{minWidth:"250px"},children:[z("colgroup",{children:[u("col",{className:"k-drag-col"}),u("col",{style:{width:"50px"}}),u("col",{})]}),u(q,{children:z(T,{children:[u(M,{}),u(M,{menu:d,rowspan:1,columnTitle:"ID"}),u(M,{menu:d,rowspan:1,columnTitle:"Title"})]})})]})})}),u(le,{children:u(Z,{style:{height:t},children:z(te,{style:{minWidth:"250px"},children:[z("colgroup",{children:[u("col",{className:"k-drag-col"}),u("col",{style:{width:"50px"}}),u("col",{})]}),z(U,{children:[z(T,{children:[u(l,{className:"k-drag-cell",children:u(m,{icon:"reorder"})}),u(l,{children:"7"}),z(l,{children:[u(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Software validation, research and implementation"]})]}),z(T,{alt:!0,children:[u(l,{className:"k-drag-cell",children:u(m,{icon:"reorder"})}),u(l,{children:"18"}),z(l,{children:[u(m,{className:"k-treelist-toggle",icon:"none"}),u(m,{className:"k-treelist-toggle",icon:"none"}),"Project Kickoff"]})]}),z(T,{children:[u(l,{className:"k-drag-cell",children:u(m,{icon:"reorder"})}),u(l,{children:"11"}),z(l,{children:[u(m,{className:"k-treelist-toggle",icon:"none"}),u(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Research"]})]}),z(T,{alt:!0,children:[u(l,{className:"k-drag-cell",children:u(m,{icon:"reorder"})}),u(l,{children:"19"}),z(l,{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"]})]}),z(T,{children:[u(l,{className:"k-drag-cell",children:u(m,{icon:"reorder"})}),u(l,{children:"20"}),z(l,{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(Pe,{className:"k-gantt-timeline-pane",children:z(Q,{className:"k-gantt-timeline",children:[u(X,{children:u("div",{className:"k-grid-header-wrap",children:z(J,{style:{width:o},children:[z("colgroup",{children:[u("col",{}),u("col",{}),u("col",{}),u("col",{}),u("col",{}),u("col",{}),u("col",{})]}),z(U,{children:[u(T,{children:u(l,{className:"k-header",colspan:7,children:"Sun 6/01 - Sat 6/07"})}),z(T,{children:[u(l,{colspan:1,className:"k-header k-nonwork-hour",children:"Sun 6/01"}),u(l,{className:"k-header",colspan:1,children:"Mon 6/02"}),u(l,{className:"k-header",colspan:1,children:"Tue 6/03"}),u(l,{className:"k-header",colspan:1,children:"Wed 6/04"}),u(l,{className:"k-header",colspan:1,children:"Thu 6/05"}),u(l,{className:"k-header",colspan:1,children:"Fri 6/06"}),u(l,{colspan:1,className:"k-header k-nonwork-hour",children:"Sat 6/07"})]})]})]})})}),z(Z,{style:{height:t},children:[z(zo,{children:[z(Fo,{className:"k-grid-table",style:{width:o},children:[u("colgroup",{children:u("col",{})}),z(U,{children:[u(T,{children:u(l,{})}),u(T,{alt:!0,children:u(l,{})}),u(T,{children:u(l,{})}),u(T,{alt:!0,children:u(l,{})}),u(T,{children:u(l,{})})]})]}),z(Uo,{style:{width:o,height:a},children:[z("colgroup",{children:[u("col",{}),u("col",{}),u("col",{}),u("col",{}),u("col",{}),u("col",{}),u("col",{})]}),u(U,{children:z(T,{children:[u(l,{className:"k-nonwork-hour"}),u(l,{}),u(l,{}),u(l,{}),u(l,{}),u(l,{}),u(l,{className:"k-nonwork-hour"})]})})]}),z($o,{style:{width:o},children:[u("colgroup",{children:u("col",{})}),z(U,{children:[u(T,{children:u(l,{children:z(De,{type:"summary",style:{left:"113px"},children:[u(Ke,{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(pe,{}),u(pe,{position:"end",style:{right:"0px"}})]})})}),u(T,{children:u(l,{children:z(De,{type:"milestone",style:{left:"113px"},children:[u(Ke,{type:"milestone"}),u(pe,{}),u(pe,{position:"end",style:{right:"0px"}})]})})}),u(T,{children:u(l,{children:z(De,{type:"summary",style:{left:"113px"},children:[u(Ke,{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(pe,{}),u(pe,{position:"end",style:{right:"0px"}})]})})}),u(T,{children:u(l,{children:z(De,{style:{left:"113px"},children:[z(Ke,{style:{width:"200px"},children:[u("div",{className:"k-task-complete",style:{width:"50px"}}),u(Ot,{content:"Validation with Customers"})]}),u(pe,{}),u(pe,{position:"end",style:{right:"0px"}}),u("div",{className:"k-task-draghandle",style:{left:"50px"}})]})})}),u(T,{children:u(l,{children:z(De,{style:{left:"113px"},children:[z(Ke,{style:{width:"200px"},children:[u("div",{className:"k-task-complete",style:{width:"164px"}}),u(Ot,{content:"Market Research"})]}),u(pe,{}),u(pe,{position:"end",style:{right:"0px"}}),u("div",{className:"k-task-draghandle",style:{left:"164px"}})]})})})]})]})]}),i\|\|z("div",{className:"k-gantt-dependencies",style:{width:o},children:[u(Y,{style:{left:"124.5px",top:"53px",width:"10px"}}),u(Y,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),u(Y,{style:{left:"103px",top:"71px",width:"31.5px"}}),u(Y,{orientation:"vertical",style:{left:"103px",top:"71px",height:"54px"}}),u(Y,{style:{left:"103px",top:"125px",width:"9px"},children:u("span",{className:"k-arrow-e"})}),u(Y,{style:{left:"124.5px",top:"53px",width:"10px"}}),u(Y,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),u(Y,{style:{left:"103px",top:"71px",width:"31.5px"}}),u(Y,{orientation:"vertical",style:{left:"103px",top:"71px",height:"90px"}}),u(Y,{style:{left:"103px",top:"161px",width:"9px"},children:u("span",{className:"k-arrow-e"})}),u(Y,{style:{left:"313px",top:"125px",width:"10px"}}),u(Y,{orientation:"vertical",style:{left:"321px",top:"125px",height:"18px"}}),u(Y,{style:{left:"303px",top:"143px",width:"20px"}}),u(Y,{orientation:"vertical",style:{left:"303px",top:"143px",height:"18px"}})]}),u("div",{className:"k-current-time",style:{left:n,top:"0px",width:"1px",height:a}})]})]})},"gantt-timeline-pane")]})})});export{iW as GanttRowReordering};
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 R=(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"}),O=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:i,checked:d,active:f,selected:x,disabled:v,indeterminate:C,loading:y,empty:h,readonly:E,highlighted:A,...I}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":i,"k-checked":d,"k-active":f,"k-selected":x,"k-disabled":v,"k-indeterminate":C&&!d,"k-loading":y,"k-empty":h,"k-readonly":E,"k-highlighted":A},Object.keys(I).reduce((H,P)=>(P.startsWith("k-")?H[P]=I[P]:H[`k-${P}`]=I[P],H),{}))};function Zn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var c={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},k={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},L={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},g={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 me="gantt",ue=me;import{jsxs as Sc}from"react/jsx-runtime";var jn="k-gantt",yc=[],Mc={},wc={},Kt=e=>{let{headerToolbar:t,footerToolbar:o,...a}=e;return Sc("div",{...a,className:r(e.className,jn),children:[t,e.children,o]})};Kt.states=yc;Kt.options=Mc;Kt.className=jn;Kt.defaultOptions=wc;Kt.moduleName=me;Kt.folderName=ue;import{Fragment as Ic,jsx as es}from"react/jsx-runtime";var rl="k-font-icon",Ac=[],Ec={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.light,g.dark]},Rc={},ga=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...d}=e;return a?es("span",{...d,className:r(e.className,rl,R(rl,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":i==="h"\|\|i==="both","k-flip-v":i==="v"\|\|i==="both"}),"aria-hidden":"true"}):es(Ic,{})};ga.states=Ac;ga.options=Ec;ga.className=rl;ga.defaultOptions=Rc;var ts=ga;import{Fragment as Pc,jsx as kr}from"react/jsx-runtime";var ll="k-svg-icon",Oc=[],Gc={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.light,g.dark]},os={viewBox:"0 0 24 24"},ka=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=os.viewBox,icon:d,...f}=e;if(!d)return kr(Pc,{});if(d==="none")return kr("span",{...f,className:r(e.className,ll,R("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let x=typeof d=="object"&&d.name&&d.name;return kr("span",{...f,className:r(e.className,ll,R("k-icon",{size:t}),{[`k-svg-i-${x}`]:x,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"\|\|n==="both","k-flip-v":n==="v"\|\|n==="both"}),"aria-hidden":"true",children:kr("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof d=="object"?d.viewBox:i,dangerouslySetInnerHTML:typeof d=="object"?{__html:d.content}:void 0,children:d?void 0:e.children})})};ka.states=Oc;ka.options=Gc;ka.className=ll;ka.defaultOptions=os;var nl=ka;importas sl from"@progress/kendo-svg-icons";var as="icon",rs="icons";import{useContext as Kc}from"react";import{createContext as Hc}from"react";var ls=Hc({iconsType:"svg"});import{Fragment as ns,jsx as va}from"react/jsx-runtime";var vr="k-icon",Dc=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Bc=[],_c={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.light,g.dark]},il={viewBox:"0 0 24 24",type:"svg"},m=e=>{let{iconsType:t}=Kc(ls),{size:o,themeColor:a,icon:n,type:i=t\|\|il.type,rotate:d,flip:f,viewBox:x=il.viewBox,...v}=e;if(!n)return va(ns,{});if((t\|\|i)==="svg"){if(n==="none")return va(nl,{...v,className:r(e.className,vr),icon:n,size:o});let y=sl[n]?n:Dc(`${n}-icon`);return sl[y]?va(nl,{...v,className:r(e.className,vr),icon:sl[y],size:o,themeColor:a,rotate:d,flip:f,viewBox:x}):va(ns,{})}return va(ts,{...v,className:r(e.className,vr),icon:n,size:o,themeColor:a,rotate:d,flip:f})};m.states=Bc;m.options=_c;m.defaultOptions=il;m.className=vr;m.moduleName=as;m.folderName=rs;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 dl="button",ss=dl;import{Fragment as $c,jsx as La,jsxs as is}from"react/jsx-runtime";var Ca="k-button",zc=["icon-button"],Uc=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],Fc={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[L.undefined,L.solid,L.flat,L.outline,L.clear,L.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.light,g.dark,g.inverse]},cl={showArrow:!1,arrowIconName:"caret-alt-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:d=cl.showArrow,arrowIconName:f=cl.arrowIconName,variant:x,hover:v,focus:C,active:y,selected:h,disabled:E,togglable:A,icon:I,text:H,iconClassName:P,className:j,...ve}=e,Ae=I!==void 0,qe=e.children!==void 0;return is(t,{className:r(j,Ca,Zn(Ca,x),R(Ca,{size:o,rounded:a,fillMode:n,themeColor:i}),O(Ca,{hover:v,focus:C,active:y,disabled:E,selected:h}),{"k-icon-button":!H&&!qe&&Ae}),...ve,"aria-pressed":A?h?"true":"false":void 0,disabled:E\|\|void 0,children:[I&&La(m,{className:r(P,"k-button-icon"),icon:I}),H?is($c,{children:[H&&La("span",{className:"k-button-text",children:H}),e.children]}):e.children&&La("span",{className:"k-button-text",children:e.children}),d&&La("span",{className:"k-menu-button-arrow k-button-arrow",children:La(m,{icon:f})})]})};p.states=Uc;p.options=Fc;p.variants=zc;p.className=Ca;p.defaultOptions=cl;p.moduleName=dl;p.folderName=ss;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 Vc}from"react/jsx-runtime";var ro=e=>Vc(p,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as Wc}from"react/jsx-runtime";var ya=e=>Wc(p,{icon:"folder",children:"Button",...e});import{jsx as Xc}from"react/jsx-runtime";var Co=e=>Xc(p,{children:"Button",...e});import{jsx as pl}from"react/jsx-runtime";var Jc=p.options,qc=p.states,Yc={...p.defaultOptions,variant:"text"},Qc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Zc=[],Ma=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return pl(ro,{...o,icon:"star"});case"icon-and-text":return pl(ya,{...o,icon:"star",children:"Button"});default:return pl(Co,{...o,children:"Button"})}};Ma.options=Jc;Ma.states=qc;Ma.variants=Qc;Ma.defaultOptions=Yc;Ma.modifiers=Zc;var ml="button",ds=ml;import{jsx as op}from"react/jsx-runtime";var wa="k-button-group",jc=[s.disabled],ep={fillMode:[L.undefined,L.solid,L.flat,L.outline,L.clear,L.link]},tp={},D=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return op("div",{role:"group",...n,className:r(e.className,wa,R(wa,{fillMode:t}),O(wa,{disabled:o}),{[`${wa}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};D.states=jc;D.options=ep;D.className=wa;D.defaultOptions=tp;D.moduleName=ml;D.folderName=ds;D.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 zg,jsx as _g,jsxs as Ug}from"react/jsx-runtime";import{Fragment as Jg,jsx as Xg,jsxs as qg}from"react/jsx-runtime";import{Fragment as tk,jsx as ek,jsxs as ok}from"react/jsx-runtime";import{Fragment as ik,jsx as sk,jsxs as dk}from"react/jsx-runtime";import{Fragment as fk,jsx as bk,jsxs as Tk}from"react/jsx-runtime";import{Fragment as vk,jsx as kk,jsxs as Lk}from"react/jsx-runtime";import{jsx as Xt,jsxs as ul}from"react/jsx-runtime";var ap={...p.options,...D.options},rp=p.states,lp={...p.defaultOptions,...D.defaultOptions,variant:"text-button"},np=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],sp=[],Sa=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?ul(D,{fillMode:a.fillMode,className:o,children:[Xt(p,{...a,icon:"star"}),Xt(p,{...a,icon:"star"}),Xt(p,{...a,icon:"star"})]}):t==="icon-text-button"?ul(D,{fillMode:a.fillMode,className:o,children:[Xt(p,{...a,icon:"star",children:"First"}),Xt(p,{...a,icon:"star",children:"Middle"}),Xt(p,{...a,icon:"star",children:"Last"})]}):ul(D,{fillMode:a.fillMode,className:o,children:[Xt(p,{...a,children:"First"}),Xt(p,{...a,children:"Middle"}),Xt(p,{...a,children:"Last"})]})};Sa.options=ap;Sa.states=rp;Sa.variants=np;Sa.defaultOptions=lp;Sa.modifiers=sp;var Aa="input",Lr=Aa;import{jsx as pp}from"react/jsx-runtime";var Cr="k-input",ip=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],dp={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[L.undefined,L.solid,L.flat,L.outline]},cp={},Ee=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:d,readonly:f,size:x,rounded:v,fillMode:C,...y}=e;return pp("span",{...y,className:r(e.className,Cr,R(Cr,{size:x,rounded:v,fillMode:C}),O(Cr,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:d,readonly:f}))})};Ee.states=ip;Ee.options=dp;Ee.className=Cr;Ee.defaultOptions=cp;Ee.moduleName=Aa;Ee.folderName=Lr;import{jsx as fp}from"react/jsx-runtime";var yr="k-picker",mp=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],up={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[L.undefined,L.solid,L.flat,L.outline]},bp={},Dt=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:d,readonly:f,size:x,rounded:v,fillMode:C,...y}=e;return fp("span",{...y,className:r(e.className,yr,R(yr,{size:x,rounded:v,fillMode:C}),O(yr,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:d,readonly:f})),children:e.children})};Dt.states=mp;Dt.options=up;Dt.className=yr;Dt.defaultOptions=bp;Dt.moduleName=Aa;Dt.folderName=Lr;import{Fragment as xp,jsx as bl}from"react/jsx-runtime";var cs="k-clear-value",Tp=[s.disabled,s.loading,s.readonly],hp={},mt=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t\|\|a\|\|o\|\|!n?bl(xp,{}):bl("span",{className:r(e.className,cs),children:bl(m,{icon:"x"})})};mt.states=Tp;mt.options=hp;mt.className=cs;import{jsx as kp}from"react/jsx-runtime";var fl="k-input-inner",Np=[],gp={},Mr={type:"text",autocomplete:"off",value:"",placeholder:""},ut=e=>{let{value:t=Mr.value,type:o=Mr.type,placeholder:a=Mr.placeholder,autocomplete:n=Mr.autocomplete,disabled:i,readOnly:d,...f}=e;return kp("input",{...f,type:o,className:r(e.className,fl,R(fl,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i\|\|void 0,readOnly:d\|\|void 0})};ut.states=Np;ut.options=gp;ut.className=fl;import{jsx as ps,jsxs as Cp}from"react/jsx-runtime";var Tl="k-input-inner",vp=[],Lp={},yo=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...d}=e;return Cp("span",{...d,className:r(e.className,Tl,R(Tl,e)),children:[n,!n&&i&&ps(m,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&ps("span",{className:"k-input-value-text",children:t})]})};yo.states=vp;yo.options=Lp;yo.className=Tl;import{jsx as wp}from"react/jsx-runtime";var hl="k-input-inner",yp=[],Mp={},ms={value:"",placeholder:""},xl=e=>{let{value:t=ms.value,placeholder:o=ms.placeholder,rows:a,disabled:n,...i}=e;return wp("textarea",{...i,className:r(e.className,hl,R(hl,e)),placeholder:o,rows:a,defaultValue:t,disabled:n\|\|void 0})};xl.states=yp;xl.options=Mp;xl.className=hl;import{Fragment as Ap,jsx as us}from"react/jsx-runtime";var bs="k-input-loading-icon",Sp=[s.disabled,s.loading],at=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?us(Ap,{}):us("span",{className:r(e.className,bs,"k-icon k-i-loading")})};at.states=Sp;at.className=bs;import{Fragment as Ip,jsx as fs}from"react/jsx-runtime";var Ts="k-input-validation-icon",Ep=[s.valid,s.invalid,s.disabled,s.loading],Rp={},Ye=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a\|\|n\|\|!!!(t\|\|o)?fs(Ip,{}):fs(m,{className:r(Ts),icon:i})};Ye.states=Ep;Ye.options=Rp;Ye.className=Ts;import{Fragment as Pp,jsx as hs}from"react/jsx-runtime";var Op="k-input-prefix",Gp={direction:"horizontal"},gt=e=>{let{direction:t=Gp.direction,...o}=e;return e.children?hs("span",{...o,className:r(Op,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):hs(Pp,{})};import{Fragment as Dp,jsx as xs}from"react/jsx-runtime";var Hp="k-input-suffix",Kp={direction:"horizontal"},kt=e=>{let{direction:t=Kp.direction,...o}=e;return e.children?xs("span",{...o,className:r(Hp,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):xs(Dp,{})};import{jsx as Lv}from"react/jsx-runtime";import{jsx as _p}from"react/jsx-runtime";var Bp="k-input-suffix-text",Nl=e=>{let{children:t,...o}=e;return _p("span",{...o,className:r(Bp,e.className),children:t})};import{jsx as Up}from"react/jsx-runtime";var Ns="k-input-separator",zp={direction:"vertical"},vt=e=>{let{direction:t=zp.direction,...o}=e;return Up("span",{...o,className:r(Ns,e.className,{[`${Ns}-${t}`]:t})})};import{Fragment as gs,jsx as Bt,jsxs as gl}from"react/jsx-runtime";var Fp=Ee.states,$p=Ee.defaultOptions,Vp=Ee.options,Wp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Xp=[],Ea=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:i,readonly:d,...f}=e,x=t?.prefix,v=t?.suffix,C=t?.["clear-button"],y=t?.["validation-icon"],h=t?.separators;return gl(Ee,{...f,valid:o,invalid:a,loading:n,disabled:i,readonly:d,style:{width:300},children:[x&&gl(gs,{children:[Bt(gt,{children:Bt(m,{icon:"lock"})}),h&&Bt(vt,{})]}),Bt(ut,{placeholder:"Placeholder",value:"Value"}),y&&Bt(Ye,{valid:o,invalid:a,loading:n,disabled:i}),Bt(at,{loading:n,disabled:i}),C&&Bt(mt,{loading:n,disabled:i,readonly:d,value:"Value"}),v&&gl(gs,{children:[h&&Bt(vt,{}),Bt(kt,{children:Bt(Co,{size:f.size,fillMode:"clear",children:"Send"})})]})]})};Ea.options=Vp;Ea.states=Fp;Ea.variants=Xp;Ea.defaultOptions=$p;Ea.modifiers=Wp;import{jsx as ks,jsxs as Yp}from"react/jsx-runtime";var vs="k-color-preview",Jp=[],qp={},lo=e=>{let{color:t,iconName:o,...a}=e;return Yp("span",{...a,className:r(e.className,vs,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&ks(m,{icon:o,className:"k-color-preview-icon"}),ks("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};lo.states=Jp;lo.options=qp;lo.className=vs;var kl="popup",Ls=kl;import{jsx as Cs}from"react/jsx-runtime";var ys="k-animation-container",Qp=[],Zp={},Ms={positionMode:"absolute"},_t=e=>{let{positionMode:t=Ms.positionMode,animationStyle:o,offset:a,...n}=e;return Cs("div",{...n,style:{...a,...e.style},className:r(e.className,ys,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Cs("div",{className:"k-child-animation-container",style:o,children:e.children})})};_t.states=Qp;_t.options=Zp;_t.className=ys;_t.defaultOptions=Ms;_t.moduleName=kl;_t.folderName=Ls;var vl="popup",ws=vl;import{jsx as Ss}from"react/jsx-runtime";var As="k-popup",jp=[],em={},Es={positionMode:"absolute"},Ne=e=>{let{offset:t,positionMode:o=Es.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:d,...f}=e;return Ss(_t,{positionMode:o,offset:t,animationStyle:a,className:n,role:i,"aria-label":d,children:Ss("div",{...f,className:r(e.className,As),children:e.children})})};Ne.states=jp;Ne.options=em;Ne.className=As;Ne.defaultOptions=Es;Ne.moduleName=vl;Ne.folderName=ws;Ne.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 Ll="action-buttons",Rs=Ll;import{jsx as am}from"react/jsx-runtime";var wr="k-actions",tm=[],om={},Cl={alignment:"start",orientation:"horizontal"},zt=e=>{let{alignment:t=Cl.alignment,orientation:o=Cl.orientation,...a}=e;return am("div",{...a,className:r(wr,{[`${wr}-${t}`]:t,[`${wr}-${o}`]:o},e.className),children:e.children})};zt.states=tm;zt.options=om;zt.className=wr;zt.defaultOptions=Cl;zt.moduleName=Ll;zt.folderName=Rs;import{jsx as lm}from"react/jsx-runtime";var rm="k-actionsheet-footer",Is={alignment:"stretched",orientation:"horizontal"},no=e=>{let{alignment:t=Is.alignment,orientation:o=Is.orientation,template:a,as:n=a?"div":zt,...i}=e;return lm(n,{...i,...!a&&{alignment:t,orientation:o},className:r(e.className,rm),children:e.children})};var yl="searchbox",Os=yl;import{jsx as Ra,jsxs as im}from"react/jsx-runtime";var Gs="k-searchbox",nm=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],sm={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[L.undefined,L.solid,L.flat,L.outline]},Ml={showIcon:!0,icon:"search"},Lt=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:i,hover:d,focus:f,valid:x,invalid:v,required:C,loading:y,disabled:h,showIcon:E=Ml.showIcon,icon:A=Ml.icon,...I}=e;return im(Ee,{...I,size:a,rounded:n,fillMode:i,hover:d,focus:f,valid:x,invalid:v,required:C,loading:y,disabled:h,className:r(e.className,Gs),children:[E&&Ra(m,{className:"k-input-icon",icon:A}),Ra(ut,{placeholder:o,value:t}),Ra(at,{...e}),Ra(Ye,{...e}),Ra(mt,{...e})]})};Lt.states=nm;Lt.options=sm;Lt.className=Gs;Lt.defaultOptions=Ml;Lt.moduleName=yl;Lt.folderName=Os;import{jsx as JL}from"react/jsx-runtime";var wl="textbox",Ps=wl;import{Fragment as Hs,jsx as so,jsxs as Sl}from"react/jsx-runtime";var Ks="k-textbox",dm=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],cm={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[L.undefined,L.solid,L.flat,L.outline]},Sr={showClearButton:!0,showValidationIcon:!0,separators:!0},Te=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Sr.separators,showClearButton:i=Sr.showClearButton,showValidationIcon:d=Sr.showValidationIcon,prefix:f,suffix:x,type:v,value:C,placeholder:y,hover:h,focus:E,valid:A,invalid:I,required:H,loading:P,disabled:j,readonly:ve,id:Ae,"aria-label":qe,"aria-describedby":ct,...pt}=e;return Sl(Ee,{...pt,size:t,rounded:o,fillMode:a,hover:h,focus:E,valid:A,invalid:I,required:H,loading:P,disabled:j,readonly:ve,className:r(e.className,Ks),children:[f&&Sl(Hs,{children:[so(gt,{children:f}),n&&so(vt,{})]}),so(ut,{id:Ae,placeholder:y,value:C,type:v,disabled:j,"aria-label":qe,"aria-describedby":ct,"aria-invalid":I?"true":void 0}),d&&so(Ye,{valid:A,invalid:I,loading:P,disabled:j}),so(at,{loading:P,disabled:j}),i&&so(mt,{loading:P,disabled:j,readonly:ve,value:C}),x&&Sl(Hs,{children:[n&&so(vt,{}),so(kt,{children:x})]})]})};Te.states=dm;Te.options=cm;Te.className=Ks;Te.defaultOptions=Sr;Te.moduleName=wl;Te.folderName=Ps;Te.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 Ia=Te;import{jsx as pm}from"react/jsx-runtime";var Ds=e=>pm(Ia,{...e});import{Fragment as mC,jsx as pC}from"react/jsx-runtime";import{Fragment as xC,jsx as hC}from"react/jsx-runtime";import{jsx as vC}from"react/jsx-runtime";import{jsx as Al}from"react/jsx-runtime";var mm=Te.states,um=Te.defaultOptions,bm=Te.options,fm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Tm=[],Oa=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Al(m,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?Al(Co,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Al(Ds,{value:"Value",style:{width:300},...o,...a})};Oa.options=bm;Oa.states=mm;Oa.variants=Tm;Oa.defaultOptions=um;Oa.modifiers=fm;import{jsx as io,jsxs as El}from"react/jsx-runtime";var Bs="k-actionsheet-titlebar",hm={},Qe=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:i,input:d,inputValue:f,inputPlaceholder:x,adaptive:v,titleId:C,children:y,...h}=e;return El("div",{...h,className:r(e.className,Bs),children:[El("div",{className:"k-actionsheet-titlebar-group",children:[a&&io("div",{className:"k-actionsheet-actions",children:a}),!y&&El("div",{className:"k-actionsheet-title",id:C,children:[t&&io("div",{className:"k-text-center",children:t}),o&&io("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),y&&io("div",{className:"k-actionsheet-title",id:C,children:y}),n&&io("div",{className:"k-actionsheet-actions",children:n})]}),(d\|\|i)&&io("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?io(Te,{value:f,placeholder:x,size:v?"large":"medium","aria-label":t\|\|x\|\|"Input"}):io(Lt,{placeholder:"Filter",size:v?"large":"medium","aria-label":"Filter options"})})]})};Qe.className=Bs;Qe.defaultOptions=hm;import{jsx as Rl,jsxs as km}from"react/jsx-runtime";var Il="k-actionsheet-view",xm=[],Nm={},gm={},Yo=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:i,titleId:d,...f}=e,x=n?.type===Qe&&Rl(Qe,{adaptive:t,titleId:d,...n?.props}),v=i?.type===no&&Rl(no,{...i?.props});return km("div",{...f,className:r(e.className,Il,{[`${Il}-animated`]:o}),children:[x,Rl("div",{className:"k-actionsheet-content",children:a}),v]})};Yo.states=xm;Yo.options=Nm;Yo.className=Il;Yo.defaultOptions=gm;var Ga="action-sheet",Ar=Ga;var Ol="overlay",_s=Ol;import{jsx as ym}from"react/jsx-runtime";var Gl="k-overlay",vm=[],Lm={themeColor:[g.undefined,g.light,g.dark,g.inverse]},Cm={},co=e=>{let{themeColor:t,...o}=e;return ym("div",{...o,className:r(e.className,Gl,R(Gl,{themeColor:t})),children:e.children})};co.states=vm;co.options=Lm;co.className=Gl;co.defaultOptions=Cm;co.moduleName=Ol;co.folderName=_s;import{jsx as Er,jsxs as Sm}from"react/jsx-runtime";var zs="k-actionsheet",Mm=[],wm={},Pa={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Me=e=>{let{side:t=Pa.side,fullscreen:o=Pa.fullscreen,adaptive:a=Pa.adaptive,overlay:n=Pa.overlay,template:i,children:d,header:f,footer:x,id:v,...C}=e,y=v&&!i&&f?`${v}-title`:void 0;return Sm("div",{className:"k-actionsheet-container",children:[n&&Er(co,{}),Er(_t,{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:Er("div",{...C,id:v,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":y,className:r(e.className,zs,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i\|\|Er(Yo,{header:f,footer:x,adaptive:a,titleId:y,...e,children:d})})})]})};Me.states=Mm;Me.options=wm;Me.className=zs;Me.defaultOptions=Pa;Me.moduleName=Ga;Me.folderName=Ar;Me.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 Im}from"react/jsx-runtime";var Us="k-actionsheet-container",Am=[],Em={},Rm={},Qo=e=>{let{children:t,...o}=e;return Im("div",{...o,className:Us,children:t})};Qo.states=Am;Qo.options=Em;Qo.className=Us;Qo.defaultOptions=Rm;Qo.moduleName=Ga;Qo.folderName=Ar;import{jsx as Om}from"react/jsx-runtime";var Pl=e=>{let{...t}=e;return Om("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as Pm,jsx as Ha,jsxs as Hl}from"react/jsx-runtime";var Kl="k-actionsheet-item",Gm=[s.hover,s.focus,s.selected,s.disabled],po=e=>{let{iconName:t,text:o,description:a,hover:n,focus:i,selected:d,disabled:f,...x}=e;return Hl("span",{...x,className:r(e.className,Kl,O(Kl,{hover:n,focus:i,selected:d,disabled:f})),children:[!e.children&&Ha(Pm,{children:Hl("span",{className:"k-actionsheet-action",children:[t&&Ha("span",{className:"k-icon-wrap",children:Ha(m,{className:"k-actionsheet-item-icon",icon:t})}),Hl("span",{className:"k-actionsheet-item-text",children:[o&&Ha("span",{className:"k-actionsheet-item-title",children:o}),a&&Ha("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};po.states=Gm;po.className=Kl;import{jsx as ky,jsxs 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 Gy}from"react/jsx-runtime";import{jsx as _e,jsxs as Dl}from"react/jsx-runtime";var Hm=Me.options,Km=Me.states,$s={...Me.defaultOptions,variant:"normal"},Dm=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Bm=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Ka=e=>{let{variant:t,modifiers:o,...a}={...$s,...e},n={},i=Dl(Pl,{children:[_e(po,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),_e(po,{text:"Add to Favorites",iconName:"heart"}),_e(po,{text:"Upload New",iconName:"upload",disabled:!0}),_e("hr",{className:"k-hr"}),_e(po,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",f="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o\|\|{}).forEach(x=>{switch(x){case"actions":n.actionsStart=!!o?.[x],n.actionsEnd=!!o?.[x];break;case"subtitle":n.subtitle=o?.[x]?d:void 0;break;case"footer":n.footer=!!o?.[x];break;default:break}}),t==="adaptive"?_e(Me,{...a,adaptive:!0,fullscreen:n.fullScreen,header:_e(Qe,{actionsStart:n.actionsStart?_e(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?_e(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:f,subtitle:n.subtitle}),footer:n.footer?Dl(no,{alignment:"stretched",children:[_e(p,{text:"Cancel",size:"large",themeColor:"base"}),_e(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):_e(Me,{...a,fullscreen:n.fullScreen,header:_e(Qe,{actionsStart:n.actionsStart?_e(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?_e(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?Dl(no,{alignment:"stretched",children:[_e(p,{text:"Apply",themeColor:"primary"}),_e(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};Ka.options=Hm;Ka.states=Km;Ka.variants=Dm;Ka.defaultOptions=$s;Ka.modifiers=Bm;var Bl="slider",Vs=Bl;import{jsx as Zo,jsxs as _l}from"react/jsx-runtime";var Da="k-slider",_m=[s.hover,s.focus,s.active,s.disabled,s.readonly],zm={},Ct={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},ge=e=>{let{type:t=Ct.type,orientation:o=Ct.orientation,gradientType:a=Ct.gradientType,readonly:n=Ct.readonly,disabled:i=Ct.disabled,handlePosition:d=Ct.handlePosition,showButtons:f=Ct.showButtons,showTicks:x=Ct.showTicks,value:v=Ct.value,min:C=Ct.min,max:y=Ct.max,startValue:h,endValue:E,hover:A,focus:I,active:H,trackStyle:P,dir:j,...ve}=e,qe=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),ct,pt;return o==="horizontal"?(ct=j==="rtl"?"caret-alt-left":"caret-alt-right",pt=j==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(ct="caret-alt-up",pt="caret-alt-down"),_l("div",{...ve,className:r(Da,e.className,O(Da,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:j,children:[f&&Zo(p,{className:"k-button-decrease",rounded:"full",icon:pt,tabIndex:-1,title:"Decrease"}),_l("div",{className:"k-slider-track-wrap",children:[x&&Zo("ul",{className:"k-reset k-slider-items",children:e.children}),_l("div",{className:"k-slider-track",style:P,children:[Zo("div",{className:"k-slider-selection"}),t==="range"&&Zo("span",{className:r("k-draghandle","k-draghandle-start",O(Da,{hover:A,focus:I,active:H})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":h??C,"aria-valuemin":C,"aria-valuemax":E??y,"aria-orientation":qe,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":ve["aria-label"]?`${ve["aria-label"]} start`:"Range start"}),Zo("span",{className:r("k-draghandle",`k-draghandle-${d}`,O(Da,{hover:A,focus:I,active:H})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?E??y:v,"aria-valuemin":t==="range"?h??C:C,"aria-valuemax":y,"aria-orientation":qe,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?ve["aria-label"]?`${ve["aria-label"]} end`:"Range end":ve["aria-label"]})]})]}),f&&Zo(p,{className:"k-button-increase",rounded:"full",icon:ct,tabIndex:-1,title:"Increase"})]})};ge.states=_m;ge.options=zm;ge.className=Da;ge.defaultOptions=Ct;ge.moduleName=Bl;ge.folderName=Vs;ge.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 Ws}from"react/jsx-runtime";var Xs="k-tick",Um=[],Fm={},Js={label:!1},B=e=>{let{style:t,label:o=Js.label,orientation:a,large:n,text:i,...d}=e;return Ws("li",{...d,className:r(e.className,Xs,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&Ws("span",{className:"k-label",children:i})})};B.states=Um;B.options=Fm;B.className=Xs;B.defaultOptions=Js;import{Fragment as $m,jsx as yt,jsxs as Vm}from"react/jsx-runtime";var qs=e=>yt(ge,{"aria-label":e["aria-label"]\|\|"Slider",children:Vm($m,{children:[yt(B,{className:"k-first",label:!0,large:!0,text:"0"}),yt(B,{}),yt(B,{}),yt(B,{}),yt(B,{}),yt(B,{label:!0,large:!0,text:"5"}),yt(B,{}),yt(B,{}),yt(B,{}),yt(B,{}),yt(B,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Wm,jsx as Mt,jsxs as Xm}from"react/jsx-runtime";var Ys=e=>Mt(ge,{children:Xm(Wm,{children:[Mt(B,{className:"k-first",label:!0,large:!0,text:"0"}),Mt(B,{}),Mt(B,{}),Mt(B,{}),Mt(B,{}),Mt(B,{label:!0,large:!0,text:"5"}),Mt(B,{}),Mt(B,{}),Mt(B,{}),Mt(B,{}),Mt(B,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});import{Fragment as vM,jsx as kM,jsxs as LM}from"react/jsx-runtime";import{Fragment as SM,jsx as wM,jsxs as AM}from"react/jsx-runtime";import{jsx as Jm}from"react/jsx-runtime";var zl=e=>Jm(ge,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{jsx as qm}from"react/jsx-runtime";var Ul=e=>qm(ge,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{Fragment as _M,jsx as BM,jsxs as zM}from"react/jsx-runtime";import{Fragment as WM,jsx as VM,jsxs as XM}from"react/jsx-runtime";import{jsx as Ut,jsxs as Qs}from"react/jsx-runtime";var Ym=ge.options,Qm=ge.states,Zs={...ge.defaultOptions,variant:"horizontal",label:!0},Zm=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],jm=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Ba=e=>{let{variant:t,modifiers:o,...a}={...Zs,...e},n={};Object.keys(o\|\|{}).forEach(v=>{switch(v){case"button":{n.showButtons=!!o?.[v];break}case"label":{n.label=!!o?.[v];break}case"tick":{n.showTicks=!!o?.[v];break}}});let{label:i=!0,showButtons:d,showTicks:f}=n,x={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?Qs(Ys,{showTicks:f,showButtons:d,style:{height:"300px",...x},...a,children:[Ut(B,{label:i,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),Ut(B,{label:i,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),Ut(B,{label:i,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),Ut(B,{label:i,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),Ut(B,{label:i,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Qs(qs,{showTicks:f,showButtons:d,style:{width:"400px",...x},...a,children:[Ut(B,{label:i,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),Ut(B,{label:i,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),Ut(B,{label:i,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),Ut(B,{label:i,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),Ut(B,{label:i,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Ba.options=Ym;Ba.states=Qm;Ba.variants=Zm;Ba.defaultOptions=Zs;Ba.modifiers=jm;import{jsx as js,jsxs as ru}from"react/jsx-runtime";var ei="k-spin-button",ou=[],au={size:[c.undefined,c.small,c.medium,c.large],fillMode:[L.undefined,L.solid,L.flat,L.outline,L.clear,L.link]},Fl={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},mo=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=Fl.increaseLabel,decreaseLabel:i=Fl.decreaseLabel,...d}=e;return ru("span",{...d,className:r(ei,e.className),children:[js(p,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":n}),js(p,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};mo.states=ou;mo.options=au;mo.className=ei;mo.defaultOptions=Fl;mo.moduleName=null;mo.folderName=null;var ti="numeric-textbox",oi="numerictextbox";import{Fragment as ai,jsx as Jt,jsxs as $l}from"react/jsx-runtime";var ri="k-numerictextbox",lu=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],nu={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[L.undefined,L.solid,L.flat,L.outline]},Rr={showSpinButton:!0,showClearButton:!0,separators:!0},ee=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Rr.separators,showClearButton:i=Rr.showClearButton,showSpinButton:d=Rr.showSpinButton,prefix:f,suffix:x,value:v,placeholder:C,hover:y,focus:h,valid:E,invalid:A,required:I,loading:H,disabled:P,readonly:j,id:ve,"aria-label":Ae,"aria-describedby":qe,...ct}=e;return $l(Ee,{...ct,size:t,rounded:o,fillMode:a,hover:y,focus:h,valid:E,invalid:A,required:I,loading:H,disabled:P,readonly:j,className:r(e.className,ri),children:[f&&$l(ai,{children:[Jt(gt,{children:f}),n&&Jt(vt,{})]}),Jt(ut,{id:ve,placeholder:C,value:v,role:"spinbutton",disabled:P,"aria-label":Ae,"aria-describedby":qe,"aria-invalid":A?"true":void 0}),Jt(Ye,{valid:E,invalid:A,loading:H,disabled:P}),Jt(at,{loading:H,disabled:P}),i&&Jt(mt,{loading:H,disabled:P,readonly:j,value:v}),x&&$l(ai,{children:[n&&Jt(vt,{}),Jt(kt,{children:x})]}),d&&Jt(mo,{className:"k-input-spinner",size:t,fillMode:a,disabled:P})]})};ee.states=lu;ee.options=nu;ee.className=ri;ee.defaultOptions=Rr;ee.moduleName=ti;ee.folderName=oi;ee.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 _a=ee;import{jsx as su}from"react/jsx-runtime";var li=e=>su(_a,{...e});import Wl from"react";import{jsx as ni}from"react/jsx-runtime";var iu="k-list-group-sticky-header",Vl=e=>ni("div",{className:r(iu,e.className),children:ni("div",{className:"k-list-header-text",children:e.children})});import{jsx as cu}from"react/jsx-runtime";var du="k-no-data",Ir=e=>{let{live:t,...o}=e;return cu("span",{...o,className:r(du,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Mo="list",jo=Mo;import{jsx as si,jsxs as ii}from"react/jsx-runtime";var Xl="k-list",pu=[],mu={size:[c.undefined,c.small,c.medium,c.large]},uu={},re=e=>{let{size:t,virtualization:o,children:a,header:n,optionLabel:i,customValue:d,noData:f,screenReaders:x,...v}=e,y=Wl.Children.toArray(a)[0],h=y?.props?.children?Wl.Children.count(y.props.children):Wl.Children.count(a);return ii("div",{...v,className:r(e.className,Xl,R(Xl,{size:t}),{"k-virtual-list":o}),children:[i,d,n&&si(Vl,{children:n}),a\|\|(f!==void 0?f:si(Ir,{live:!0,children:"No data found."})),x&&a&&ii(Ir,{className:"k-sr-only",live:!0,children:[h," items found."]})]})};re.states=pu;re.options=mu;re.className=Xl;re.defaultOptions=uu;re.moduleName=Mo;re.folderName=jo;re.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 hu}from"react/jsx-runtime";var di="k-list-container",bu=[],fu={},Tu={},ea=e=>{let{...t}=e;return hu("div",{...t,className:r(e.className,di),children:e.children})};ea.states=bu;ea.options=fu;ea.className=di;ea.defaultOptions=Tu;ea.moduleName=Mo;ea.folderName=jo;var wo="checkbox",ta=wo;import{jsx as ci}from"react/jsx-runtime";var Or="k-checkbox",xu=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],Nu={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full]},gu={},rt=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:i,disabled:d,invalid:f,valid:x,required:v,size:C,rounded:y,...h}=e;return ci("span",{className:"k-checkbox-wrap",children:ci("input",{...h,id:t,type:"checkbox",defaultChecked:o,required:v,disabled:d\|\|void 0,"aria-invalid":f?"true":void 0,className:r(e.className,Or,R(Or,{size:C,rounded:y}),O(Or,{hover:n,focus:i,disabled:d,invalid:f,valid:x,indeterminate:a,checked:o}))})})};rt.states=xu;rt.options=Nu;rt.className=Or;rt.defaultOptions=gu;rt.moduleName=wo;rt.folderName=ta;rt.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 Ft=rt;import{jsx as Lu}from"react/jsx-runtime";var pi="k-checkbox-list",ku=[],vu={},mi={layout:"vertical"},lt=e=>{let{layout:t=mi.layout,...o}=e;return Lu("ul",{...o,className:r(e.className,pi,{[`k-list-${t}`]:t}),children:e.children})};lt.states=ku;lt.options=vu;lt.className=pi;lt.defaultOptions=mi;lt.moduleName=wo;lt.folderName=ta;import{jsx as wu}from"react/jsx-runtime";var ui="k-checkbox-list-item",Cu=[],yu={},Mu={},Ze=e=>{let{...t}=e;return wu("li",{...t,className:r(e.className,ui),children:e.children})};Ze.states=Cu;Ze.options=yu;Ze.className=ui;Ze.defaultOptions=Mu;Ze.moduleName=wo;Ze.folderName=ta;import{Fragment as Su,jsx as bi,jsxs as Au}from"react/jsx-runtime";var qt=({children:e,id:t,...o})=>Au(Su,{children:[bi(Ft,{id:t,...o}),bi("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as hS,jsx as TS,jsxs as xS}from"react/jsx-runtime";import{Fragment as LS,jsx as vS,jsxs as CS}from"react/jsx-runtime";import{Fragment as AS,jsx as SS,jsxs 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 US}from"react/jsx-runtime";import{jsx as wt,jsxs as fi}from"react/jsx-runtime";var Eu=lt.options,Ru=lt.states,Iu={...lt.defaultOptions,variant:"vertical"},Ou=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Gu=[],za=e=>{let{variant:t,...o}=e;return t==="horizontal"?fi(lt,{layout:"horizontal",...o,children:[wt(Ze,{children:wt(qt,{id:"first",defaultChecked:!0,children:"Label"})}),wt(Ze,{children:wt(qt,{id:"second",children:"Label"})}),wt(Ze,{children:wt(qt,{id:"third",children:"Label"})})]}):fi(lt,{...o,children:[wt(Ze,{children:wt(qt,{id:"first",defaultChecked:!0,children:"Label"})}),wt(Ze,{children:wt(qt,{id:"second",children:"Label"})}),wt(Ze,{children:wt(qt,{id:"third",children:"Label"})})]})};za.options=Eu;za.states=Ru;za.variants=Ou;za.defaultOptions=Iu;za.modifiers=Gu;import{jsx as _u}from"react/jsx-runtime";var Pu=Ft.options,Hu=Ft.states,Ku=Ft.defaultOptions,Du=[],Bu=[],Ua=e=>_u(qt,{id:"checkbox-demo-checkbox",...e,defaultChecked:!0,children:"Label"});Ua.options=Pu;Ua.states=Hu;Ua.variants=Du;Ua.defaultOptions=Ku;Ua.modifiers=Bu;import{jsx as So,jsxs as $u}from"react/jsx-runtime";var Jl="k-list-item",zu=[s.hover,s.focus,s.selected,s.disabled],Uu={},Fu={},W=e=>{let{text:t,groupLabel:o,group:a,iconName:n,iconClassName:i,showCheckbox:d,checked:f,hover:x,focus:v,selected:C,disabled:y,actions:h,description:E,id:A,...I}=e,H=t\|\|e.children;return $u("li",{...I,id:A,role:a?"presentation":"option",tabIndex:a?void 0:v?0:-1,"aria-selected":!a&&C?"true":a?void 0:"false","aria-disabled":!a&&y?"true":void 0,className:r(e.className,a?"k-list-group-item":Jl,O(Jl,{hover:x,focus:v,disabled:y,selected:C})),children:[d&&So(rt,{checked:f}),n&&So("span",{className:"k-list-item-icon-wrapper",children:So(m,{icon:n,className:r("k-list-item-icon",i)})}),So("span",{className:"k-list-item-text",children:H}),h&&So("div",{className:"k-list-item-actions",children:h}),E&&So("span",{className:"k-list-item-description",children:E}),o&&o!==""&&So("div",{className:"k-list-item-group-label",children:o})]})};W.states=zu;W.options=Uu;W.className=Jl;W.defaultOptions=Fu;W.moduleName=Mo;W.folderName=jo;W.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 Wu}from"react/jsx-runtime";var Vu="k-list-ul",Yt=e=>{let{children:t,role:o,id:a,...n}=e;return Wu("ul",{...n,id:a,role:o,className:r(Vu,e.className),children:t})};Yt.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 ql,jsxs as Ju}from"react/jsx-runtime";var Xu="k-list-content",be=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:i,...d}=e;return Ju("div",{...d,className:r(Xu,e.className),role:o?"listbox":void 0,id:o?i:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?n:void 0,children:[o?e.children:ql(Yt,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&ql("div",{className:"k-height-container",children:ql("div",{})})]})};be.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 EA,jsx as AA,jsxs as RA}from"react/jsx-runtime";import{jsx as Yl,jsxs as Yu}from"react/jsx-runtime";var qu="k-list-group-item",Ao=e=>{let{groupIconName:t,...o}=e;return Yu("li",{...o,role:"presentation",className:r(qu,e.className),children:[t&&Yl("span",{className:"k-list-item-icon-wrapper",children:Yl(m,{icon:t,className:"k-list-item-icon"})}),Yl("span",{className:"k-list-item-text",children:e.children})]})};Ao.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 eb}from"react/jsx-runtime";var Ql="k-list-optionlabel",Qu=[s.hover,s.focus,s.selected,s.disabled],Zu={},ju={},Gr=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...d}=e;return eb("div",{...d,className:r(Ql,O(Ql,{hover:o,focus:a,selected:n,disabled:i})),children:t})};Gr.states=Qu;Gr.options=Zu;Gr.className=Ql;Gr.defaultOptions=ju;import{jsx as rb}from"react/jsx-runtime";var Zl="k-list-custom-value",tb=[s.hover,s.focus,s.selected,s.disabled],ob={},ab={},uo=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...d}=e;return rb("div",{...d,className:r(Zl,O(Zl,{hover:o,focus:a,selected:n,disabled:i})),children:t})};uo.states=tb;uo.options=ob;uo.className=Zl;uo.defaultOptions=ab;import{Fragment as XA,jsx as WA,jsxs as JA}from"react/jsx-runtime";import{Fragment as eE,jsx as jA,jsxs as tE}from"react/jsx-runtime";import{Fragment as iE,jsx as nE,jsxs as sE}from"react/jsx-runtime";import{Fragment as fE,jsx as uE,jsxs as bE}from"react/jsx-runtime";import{jsx as NE}from"react/jsx-runtime";import{Fragment as yE,jsx as CE,jsxs as ME}from"react/jsx-runtime";var Ti="dropdown-list",hi="dropdownlist";import{Fragment as sb,jsx as je,jsxs as jl}from"react/jsx-runtime";var xi="k-dropdownlist",lb=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],nb={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[L.undefined,L.solid,L.flat,L.outline]},en={showValue:!0,arrowIconName:"caret-alt-down"},he=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=en.arrowIconName,showValue:i=en.showValue,valueIconName:d,prefix:f,suffix:x,value:v,placeholder:C,hover:y,focus:h,valid:E,invalid:A,required:I,loading:H,disabled:P,readonly:j,popup:ve,opened:Ae,adaptive:qe,adaptiveSettings:ct,adaptiveTitle:pt,adaptiveSubtitle:qo,adaptiveFilter:al,...gr}=e;return jl(sb,{children:[jl(Dt,{...gr,size:t,rounded:o,fillMode:a,hover:y,focus:h,valid:E,invalid:A,required:I,loading:H,disabled:P,readonly:j,className:r(e.className,xi,{"k-icon-picker":!i&&d}),children:[je(gt,{children:f}),je(yo,{placeholder:C,value:v,showValue:i,valueIconName:d}),je(Ye,{valid:E,invalid:A,loading:H,disabled:P}),je(at,{loading:H,disabled:P}),je(kt,{children:x}),je(p,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":C\|\|"Toggle dropdown"})]}),Ae&&ve&&je(Ne,{className:"k-list-container k-dropdownlist-popup",children:ve}),qe&&je(Me,{adaptive:!0,...ct,header:je(Qe,{actionsEnd:je(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:al,inputValue:v,inputPlaceholder:C,title:pt,subtitle:qo}),children:je("div",{className:"k-list-container",children:je(re,{size:"large",children:jl(be,{children:[je(W,{text:"List item"}),je(W,{text:"List item"}),je(W,{text:"List item"})]})})})})]})};he.states=lb;he.options=nb;he.className=xi;he.defaultOptions=en;he.moduleName=Ti;he.folderName=hi;import{jsx as rR}from"react/jsx-runtime";import{jsx as dR,jsxs as cR}from"react/jsx-runtime";import{Fragment as xR,jsx as TR,jsxs as hR}from"react/jsx-runtime";import{jsx as vR}from"react/jsx-runtime";import{jsx as wR,jsxs as SR}from"react/jsx-runtime";import{Fragment as HR,jsx as GR,jsxs as PR}from"react/jsx-runtime";import{Fragment as ub,jsx as bo,jsxs as Ni}from"react/jsx-runtime";var ib=he.states,db=he.defaultOptions,cb=he.options,pb=[{name:"opened",title:"Opened"}],mb=[],$a=e=>{let{modifiers:t,...o}=e,a={},n=Ni(ub,{children:[bo("div",{className:"k-list-filter",children:bo(Lt,{})}),bo(re,{style:{width:300},size:o.size,children:Ni(be,{children:[bo(W,{children:"List item"}),bo(W,{children:"List item"}),bo(W,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(i=>{i==="opened"&&(a.opened=!!t?.[i],a.popup=t?.[i]?n:void 0)}),bo("div",{children:bo(he,{placeholder:"Value",style:{width:300},...o,...a})})};$a.options=cb;$a.states=ib;$a.variants=mb;$a.defaultOptions=db;$a.modifiers=pb;import{Fragment as aI,jsx as oI}from"react/jsx-runtime";import{Fragment as dI,jsx as iI}from"react/jsx-runtime";import{jsx as uI}from"react/jsx-runtime";import{jsx as tn}from"react/jsx-runtime";var bb=ee.states,fb=ee.defaultOptions,Tb=ee.options,hb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],xb=[],Va=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?tn(he,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?tn(Nl,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),tn(li,{value:"Value",style:{width:300},...o,...a})};Va.options=Tb;Va.states=bb;Va.variants=xb;Va.defaultOptions=fb;Va.modifiers=hb;import{Fragment as Wa,jsx as oe,jsxs as we}from"react/jsx-runtime";var gi="k-colorgradient-inputs",Nb=[],gb={size:[c.undefined,c.small,c.medium,c.large]},ki={mode:"rgba"},oa=e=>{let{mode:t=ki.mode,size:o,...a}=e;return we("div",{...a,className:r(gi,"k-hstack"),children:[oe("div",{className:"k-vstack",children:oe(p,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&we(Wa,{children:[we("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),oe("label",{className:"k-colorgradient-input-label",children:"R"})]}),we("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),oe("label",{className:"k-colorgradient-input-label",children:"G"})]}),we("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),oe("label",{className:"k-colorgradient-input-label",children:"B"})]}),we("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),oe("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&we(Wa,{children:[we("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),oe("label",{className:"k-colorgradient-input-label",children:"R"})]}),we("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),oe("label",{className:"k-colorgradient-input-label",children:"G"})]}),we("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),oe("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&we(Wa,{children:[we("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),oe("label",{className:"k-colorgradient-input-label",children:"H"})]}),we("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),oe("label",{className:"k-colorgradient-input-label",children:"S"})]}),we("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),oe("label",{className:"k-colorgradient-input-label",children:"V"})]}),we("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),oe("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&we(Wa,{children:[we("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),oe("label",{className:"k-colorgradient-input-label",children:"H"})]}),we("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),oe("label",{className:"k-colorgradient-input-label",children:"S"})]}),we("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),oe("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&oe(Wa,{children:we("div",{className:"k-vstack k-flex-1",children:[oe(Te,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),oe("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};oa.states=Nb;oa.options=gb;oa.className=gi;oa.defaultOptions=ki;import{jsx as Eo,jsxs as Ro}from"react/jsx-runtime";var vi="k-colorgradient-color-contrast",kb=[],vb={},Lb={},aa=()=>Ro("div",{className:r(vi,"k-vbox"),children:[Ro("div",{className:"k-contrast-ratio",children:[Eo("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),Ro("span",{className:"k-contrast-validation !k-text-success",children:[Eo(m,{icon:"check"}),Eo(m,{icon:"check"})]})]}),Ro("div",{children:[Eo("span",{children:"AA: 4.5"}),Ro("span",{className:"k-contrast-validation !k-text-success",children:["Pass",Eo(m,{icon:"check"})]})]}),Ro("div",{children:[Eo("span",{children:"AAA: 7.0"}),Ro("span",{className:"k-contrast-validation !k-text-error",children:["Fail",Eo(m,{icon:"x"})]})]})]});aa.states=kb;aa.options=vb;aa.className=vi;aa.defaultOptions=Lb;var Li="color-gradient",Ci="colorgradient";import{jsx as At,jsxs as Xa}from"react/jsx-runtime";var Pr="k-colorgradient",Cb=[s.hover,s.focus,s.readonly,s.disabled],yb={size:[c.undefined,c.small,c.medium,c.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"},ze=e=>{let{size:t,mode:o=$t.mode,readonly:a=$t.readonly,disabled:n=$t.disabled,gradientStyle:i=$t.gradientStyle,dragHandleStyle:d=$t.dragHandleStyle,alphaStyle:f=$t.alphaStyle,alphaStyleHorizontal:x=$t.alphaStyleHorizontal,contrast:v=$t.contrast,dir:C,hover:y,focus:h,hoverHandle:E,focusHandle:A,canvasOrientation:I=$t.canvasOrientation,role:H,tabIndex:P,...j}=e;return Xa("div",{...j,role:H??"textbox","aria-label":H==="none"?void 0:"Color gradient",tabIndex:P??0,"aria-disabled":n?"true":void 0,className:r(e.className,Pr,R(Pr,{size:t}),O(Pr,{hover:y,focus:h,readonly:a,disabled:n})),dir:C,children:[!I\|\|I==="horizontal"&&Xa("div",{className:"k-colorgradient-canvas k-hstack",children:[At("div",{className:"k-hsv-rectangle",style:i,children:At("div",{className:"k-hsv-gradient",children:At("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":E,"k-focus":A}),style:d,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})})}),Xa("div",{className:"k-hsv-controls k-hstack",children:[At(Ul,{className:"k-hue-slider",hover:E,focus:A}),o!=="rgb"&&o!=="hsv"&&At(Ul,{className:"k-alpha-slider",hover:E,focus:A,trackStyle:f})]})]}),I==="vertical"&&Xa("div",{className:"k-colorgradient-canvas k-vstack",children:[At("div",{className:"k-hsv-rectangle",style:i,children:At("div",{className:"k-hsv-gradient",children:At("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":E,"k-focus":A}),style:d,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})})}),Xa("div",{className:"k-hsv-controls k-vstack",children:[At(zl,{className:"k-hue-slider",hover:E,focus:A}),o!=="rgb"&&o!=="hsv"&&At(zl,{className:"k-alpha-slider",hover:E,focus:A,trackStyle:x})]})]}),At(oa,{mode:e.mode,size:t}),v&&At(aa,{})]})};ze.states=Cb;ze.options=yb;ze.className=Pr;ze.defaultOptions=$t;ze.moduleName=Li;ze.folderName=Ci;ze.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 Mb}from"react/jsx-runtime";var Hr=e=>Mb(ze,{...e});import{jsx as ZI}from"react/jsx-runtime";import{jsx as oO}from"react/jsx-runtime";import{jsx as on}from"react/jsx-runtime";var wb=ze.options,Sb=ze.states,Ab={...ze.defaultOptions,variant:"rgba"},Eb=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Rb=[],Ja=e=>{let{variant:t,...o}=e;switch(t){case"hex":return on(Hr,{...o,mode:t});case"rgb":return on(Hr,{...o,mode:t});default:return on(Hr,{...o,mode:t})}};Ja.options=wb;Ja.states=Sb;Ja.variants=Eb;Ja.defaultOptions=Ab;Ja.modifiers=Rb;import{jsx as Ib}from"react/jsx-runtime";var an=e=>Ib("tr",{role:"row",children:e.children});import{jsx as Pb}from"react/jsx-runtime";var rn="k-colorpalette-tile",Ob=[s.hover,s.focus,s.selected],Gb={},ra=e=>{let{color:t,tileSize:o,hover:a,focus:n,selected:i,...d}=e,f={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Pb("td",{...d,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:r(e.className,rn,O(rn,{hover:a,focus:n,selected:i})),style:f})};ra.states=Ob;ra.options=Gb;ra.className=rn;var yi="color-palette",Mi="colorpalette";import{jsx as qa}from"react/jsx-runtime";var Kr="k-colorpalette",Hb=[s.disabled],Kb={size:[c.undefined,c.small,c.medium,c.large]},wi={columns:10},nt=e=>{let{size:t,palette:o,columns:a=wi.columns,tileSize:n,disabled:i,...d}=e,f=[];if(o){let x=a\|\|o.columns,v=o.colors?o.colors:o;Array.isArray(v)&&Array.from({length:Math.ceil(v.length/x)},(C,y)=>{let h=[];v.slice(yx,(y+1)x).map((A,I)=>{h.push(qa(ra,{color:A,tileSize:n},I))});let E=qa(an,{children:h},y);f.push(E)})}return qa("div",{...d,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:r(e.className,Kr,O(Kr,{disabled:i}),R(Kr,{size:t})),children:qa("table",{className:"k-colorpalette-table",role:"none",children:qa("tbody",{children:f.length>0?f:e.children})})})};nt.states=Hb;nt.options=Kb;nt.className=Kr;nt.defaultOptions=wi;nt.moduleName=yi;nt.folderName=Mi;nt.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 Dr=nt;var Ya={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 Db}from"react/jsx-runtime";var Si=e=>Db(Dr,{palette:Ya.basic,...e});import{jsx as KO}from"react/jsx-runtime";import{jsx as FO,jsxs as $O}from"react/jsx-runtime";import{jsx as Vb}from"react/jsx-runtime";var Bb=nt.options,_b=nt.states,zb={...nt.defaultOptions,variant:"basic"},Ub=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Fb={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}},$b=[],Qa=e=>{let{variant:t="basic",...o}=e,a=Fb[t];return Vb(Si,{columns:a.columns,palette:a,...o})};Qa.options=Bb;Qa.states=_b;Qa.variants=Ub;Qa.defaultOptions=zb;Qa.modifiers=$b;var Ai="color-editor",Ei="coloreditor";import{jsx as Et,jsxs as la}from"react/jsx-runtime";var Br="k-coloreditor",Wb=[s.focus],Xb={size:[c.undefined,c.small,c.medium,c.large]},Za={view:"gradient",palette:Ya.office,actionButtons:!0,canvasOrientation:"horizontal"},Se=e=>{let{size:t,view:o=Za.view,palette:a=Za.palette,color:n,currentColor:i,focus:d,focusView:f,dir:x,group:v,actionButtons:C=Za.actionButtons,canvasOrientation:y=Za.canvasOrientation,...h}=e;return la("div",{...h,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",Br,R(Br,{size:t}),O(Br,{focus:d})),dir:x,children:[la("div",{className:"k-coloreditor-header k-hstack",children:[Et("div",{className:"k-coloreditor-header-actions k-hstack",children:v&&la(D,{fillMode:"flat",children:[Et(p,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Et(p,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Et("div",{className:"k-spacer"}),la("div",{className:"k-coloreditor-header-actions k-hstack",children:[Et(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),la("div",{className:"k-coloreditor-preview k-vstack",children:[Et(lo,{className:"k-coloreditor-preview-color",color:n}),Et(lo,{className:"k-coloreditor-current-color",color:i})]})]})]}),Et("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Et(ze,{focus:f,size:t,canvasOrientation:y,role:"none",tabIndex:-1}):Et(nt,{palette:a,size:t})}),C&&la(zt,{className:"k-coloreditor-footer",alignment:"start",children:[Et(p,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Et(p,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Se.states=Wb;Se.options=Xb;Se.className=Br;Se.defaultOptions=Za;Se.moduleName=Ai;Se.folderName=Ei;Se.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 na=Se;import{jsx as NG}from"react/jsx-runtime";import{jsx as LG}from"react/jsx-runtime";import{jsx as Jb}from"react/jsx-runtime";var Ri=e=>Jb(na,{group:!0,currentColor:"fuchsia",...e});import{jsx as qb}from"react/jsx-runtime";var Ii=e=>qb(na,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Oi}from"react/jsx-runtime";var Yb=Se.options,Qb=Se.states,Zb={...Se.defaultOptions,variant:"gradient"},jb=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],ef=[],ja=e=>{let{variant:t,...o}=e;return t==="palette"?Oi(Ii,{...o,color:"white"}):Oi(Ri,{...o,color:"rgba(183, 118 , 118, 1.00)"})};ja.options=Yb;ja.states=Qb;ja.variants=jb;ja.defaultOptions=Zb;ja.modifiers=ef;var Gi="color-picker",Pi="colorpicker";import{Fragment as af,jsx as Rt,jsxs as ln}from"react/jsx-runtime";var Hi="k-colorpicker",tf=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled],of={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[L.undefined,L.solid,L.flat,L.outline]},Ki={arrowIconName:"caret-alt-down"},bt=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Ki.arrowIconName,prefix:i,suffix:d,value:f,placeholder:x,hover:v,focus:C,valid:y,invalid:h,required:E,disabled:A,valueIconName:I,popup:H,opened:P,adaptive:j,adaptiveSettings:ve,adaptiveTitle:Ae,adaptiveSubtitle:qe,...ct}=e,pt="colorpicker-popup";return ln(af,{children:[ln(Dt,{...ct,size:t,rounded:o,fillMode:a,hover:v,focus:C,valid:y,invalid:h,required:E,disabled:A,role:"combobox","aria-haspopup":"dialog","aria-expanded":P?"true":"false","aria-controls":P\|\|j?pt:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":A?"true":void 0,className:r(e.className,Hi,"k-icon-picker"),children:[Rt(gt,{children:i}),Rt(yo,{placeholder:x,value:f,showValue:!1,valueIcon:Rt(lo,{className:"k-value-icon",color:f,iconName:I}),valueIconName:I}),Rt(kt,{children:d}),Rt(p,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:A})]}),P&&H&&Rt(Ne,{id:pt,className:"k-colorpicker-popup",children:H}),j&&Rt(Me,{adaptive:!0,id:pt,...ve,header:Rt(Qe,{actionsEnd:Rt(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:Ae,subtitle:qe}),footer:ln(no,{children:[Rt(p,{text:"Cancel",size:"large"}),Rt(p,{text:"Set",size:"large",themeColor:"primary"})]}),children:Rt(Se,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};bt.states=tf;bt.options=of;bt.className=Hi;bt.defaultOptions=Ki;bt.moduleName=Gi;bt.folderName=Pi;bt.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 fo=bt;import{jsx as rf}from"react/jsx-runtime";var _r=e=>rf(fo,{...e});import{jsx as n0}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 w0}from"react/jsx-runtime";import{jsx as Io}from"react/jsx-runtime";var lf=fo.options,nf=fo.states,Di={...fo.defaultOptions,variant:"color"},sf=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],df=[{name:"opened",title:"Opened"}],er=e=>{let{variant:t,modifiers:o,...a}={...Di,...e},n={};Object.keys(o\|\|{}).forEach(d=>{d==="opened"&&(n.opened=!!o?.[d],n.popup=o?.[d]?Io(Se,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let i=n.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return Io("div",{style:i,children:Io(_r,{...a,...n})});case"icon":return Io("div",{style:i,children:Io(_r,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return Io("div",{style:i,children:Io(_r,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};er.options=lf;er.states=nf;er.variants=sf;er.defaultOptions=Di;er.modifiers=df;var nn="combobox",Bi=nn;import{Fragment as sn,jsx as Re,jsxs as tr}from"react/jsx-runtime";var _i="k-combobox",cf=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],pf={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[L.undefined,L.solid,L.flat,L.outline]},zi={separators:!0},et=e=>{let{size:t,rounded:o,fillMode:a,separators:n=zi.separators,prefix:i,suffix:d,value:f,placeholder:x,hover:v,focus:C,valid:y,invalid:h,required:E,loading:A,disabled:I,popup:H,opened:P,readonly:j,adaptive:ve,adaptiveSettings:Ae,adaptiveTitle:qe,adaptiveSubtitle:ct,adaptiveCustomValue:pt,id:qo,autocomplete:al,activeDescendant:gr,"aria-label":vc,...Lc}=e,Cc=qo?`${qo}-listbox`:void 0;return tr(sn,{children:[tr(Ee,{...Lc,size:t,rounded:o,fillMode:a,hover:v,focus:C,valid:y,invalid:h,required:E,loading:A,disabled:I,readonly:j,className:r(e.className,_i),children:[i&&tr(sn,{children:[Re(gt,{children:i}),n&&Re(vt,{})]}),Re(ut,{placeholder:x,value:f,role:"combobox","aria-haspopup":"listbox","aria-expanded":P?"true":"false","aria-controls":P?Cc:void 0,"aria-activedescendant":P&&gr?gr:void 0,"aria-autocomplete":al,"aria-invalid":h?"true":void 0,"aria-busy":A?"true":void 0,"aria-label":vc,disabled:I,readOnly:j}),Re(Ye,{valid:y,invalid:h,loading:A,disabled:I}),Re(at,{loading:A,disabled:I}),Re(mt,{loading:A,disabled:I,readonly:j,value:f}),d&&tr(sn,{children:[n&&Re(vt,{}),Re(kt,{children:d})]}),Re(p,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:I})]}),P&&H&&Re(Ne,{className:"k-list-container k-combobox-popup",containerClassName:"k-combobox-popup-container",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:H}),ve&&Re(Me,{adaptive:!0,id:qo?`${qo}-adaptive`:void 0,...Ae,header:Re(Qe,{actionsEnd:Re(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:f,inputPlaceholder:x,title:qe,subtitle:ct}),children:Re("div",{className:"k-list-container",children:Re(re,{customValue:pt?Re(uo,{text:`Use "${f}"`}):void 0,size:"large",children:tr(be,{"aria-label":qe\|\|"Options",children:[Re(W,{text:"List item"}),Re(W,{text:"List item"}),Re(W,{text:"List item"})]})})})})]})};et.states=cf;et.options=pf;et.className=_i;et.defaultOptions=zi;et.moduleName=nn;et.folderName=Bi;et.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 ft=et;import{jsx as mf}from"react/jsx-runtime";var Ui=e=>mf(ft,{...e});import{jsx as dP,jsxs as cP}from"react/jsx-runtime";import{jsx as TP,jsxs as hP}from"react/jsx-runtime";import{jsx as LP,jsxs as CP}from"react/jsx-runtime";import{Fragment as EP,jsx as AP}from"react/jsx-runtime";import{Fragment as HP,jsx as PP}from"react/jsx-runtime";import{jsx as UP,jsxs as FP}from"react/jsx-runtime";import{Fragment as QP,jsx as qP,jsxs as YP}from"react/jsx-runtime";import{jsx as tH}from"react/jsx-runtime";import{jsx as lH}from"react/jsx-runtime";import{jsx as pH,jsxs as mH}from"react/jsx-runtime";import{jsx as xH,jsxs as NH}from"react/jsx-runtime";import{jsx as To,jsxs as xf}from"react/jsx-runtime";var uf=et.states,bf=et.defaultOptions,ff=et.options,Tf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],hf=[],or=e=>{let{modifiers:t,...o}=e,a={},n=To(re,{style:{width:300},size:o.size,children:xf(be,{children:[To(W,{children:"List item"}),To(W,{children:"List item"}),To(W,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?To(m,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[i]?To(ro,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[i],a.popup=t?.[i]?n:void 0;break;default:break}}),To("div",{children:To(Ui,{value:"Value",style:{width:300},...o,...a})})};or.options=ff;or.states=uf;or.variants=hf;or.defaultOptions=bf;or.modifiers=Tf;var dn="menu-button",Fi=dn;import{jsx as kf}from"react/jsx-runtime";var $i="k-menu-button",Nf=[s.hover,s.focus,s.active,s.selected,s.disabled],gf={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[L.undefined,L.solid,L.flat,L.outline,L.clear,L.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.light,g.dark,g.inverse]},cn={showArrow:!0,arrowIconName:"caret-alt-down"},xe=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:d,active:f,selected:x,disabled:v,icon:C,text:y,showArrow:h=cn.showArrow,arrowIconName:E=cn.arrowIconName,expanded:A,...I}=e;return kf(p,{...I,className:r(e.className,$i),text:y,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:d,active:f,selected:x,disabled:v,icon:C,showArrow:h,arrowIconName:E,"aria-expanded":A?"true":"false",...!y&&C&&!e["aria-label"]&&{"aria-label":"Menu"},...v&&{"aria-disabled":"true"}})};xe.states=Nf;xe.options=gf;xe.className=$i;xe.defaultOptions=cn;xe.moduleName=dn;xe.folderName=Fi;xe.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 ZH}from"react/jsx-runtime";import{jsx as o1}from"react/jsx-runtime";import{jsx as n1}from"react/jsx-runtime";var Tt="menu",It=Tt;import{jsx as ar,jsxs as Vi}from"react/jsx-runtime";var pn="k-menu-item",vf=[s.hover,s.focus,s.active,s.selected,s.disabled],Lf={},Wi={iconPosition:"before"},We=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:d,text:f,first:x,last:v,showArrow:C,arrowIconName:y,iconPosition:h=Wi.iconPosition,dir:E,children:A,expanded:I,...H}=e,P=y;return P\|\|(P=E==="rtl"?"caret-alt-left":"caret-alt-right"),Vi("li",{...H,className:r(e.className,pn,"k-item",O(pn,{focus:o,disabled:i,hover:t,active:a,selected:n}),{"k-first":x,"k-last":v}),role:"menuitem",...C&&{"aria-haspopup":"menu"},...C&&{"aria-expanded":I?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Vi("span",{className:r("k-link k-menu-link"),children:[d&&h==="before"&&ar(m,{className:"k-menu-link-icon",icon:d}),ar("span",{className:"k-menu-link-text",children:f}),d&&h==="after"&&ar(m,{className:"k-menu-link-icon",icon:d}),C&&ar("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:ar(m,{icon:P})})]}),A]})};We.states=vf;We.options=Lf;We.className=pn;We.defaultOptions=Wi;We.moduleName=Tt;We.folderName=It;import{jsx as rr,jsxs as Xi}from"react/jsx-runtime";var mn="k-menu-item",Cf=[s.hover,s.focus,s.active,s.selected,s.disabled],yf={},un={dir:"ltr",iconPosition:"before"},Le=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:d,text:f,first:x,last:v,showArrow:C,arrowIconName:y,iconPosition:h=un.iconPosition,dir:E=un.dir,children:A,popup:I,expanded:H,...P}=e,j=y;return j\|\|(j=E==="rtl"?"caret-alt-left":"caret-alt-right"),Xi("li",{...P,className:r(e.className,mn,"k-item",O(mn,{focus:o,disabled:i}),{"k-first":x,"k-last":v}),role:"menuitem",...C&&{"aria-haspopup":"menu"},...C&&{"aria-expanded":H?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Xi("span",{className:r("k-link k-menu-link",O("k-menu-link",{hover:t,active:a,selected:n,disabled:i})),children:[d&&h==="before"&&rr(m,{className:"k-menu-link-icon",icon:d}),rr("span",{className:"k-menu-link-text",children:f}),d&&h==="after"&&rr(m,{className:"k-menu-link-icon",icon:d}),C&&rr("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:rr(m,{icon:j})})]}),A,I]})};Le.states=Cf;Le.options=yf;Le.className=mn;Le.defaultOptions=un;Le.moduleName=Tt;Le.folderName=It;import{jsx as Af}from"react/jsx-runtime";var Ji="k-menu-scroll-wrapper",Mf=[],wf={},Sf={},Oo=e=>{let{className:t,children:o,orientation:a,...n}=e;return Af("div",{...n,className:r(t,Ji,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};Oo.states=Mf;Oo.options=wf;Oo.className=Ji;Oo.defaultOptions=Sf;Oo.moduleName=Tt;Oo.folderName=It;var qi=Oo;import{Fragment as bn,jsx as Go,jsxs as Ur}from"react/jsx-runtime";var fn="k-menu",Ef=[],Rf={},Fr={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Ue=e=>{let{children:t,orientation:o=Fr.orientation,header:a=Fr.header,scrollable:n,scrollButtonsPosition:i=Fr.scrollButtonsPosition,wrapperStyles:d,dir:f,popup:x,contextMenu:v,...C}=e,y={horizontal:{prev:f!=="rtl"?"left":"right",next:f!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},h=Go("ul",{dir:f,...C,className:r(e.className,"k-reset",fn,{[`${fn}-${o}`]:o,"k-header":a}),role:v?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Ur(bn,{children:[n?Ur(qi,{orientation:o,style:d,dir:e.dir,children:[i==="start"&&Ur(bn,{children:[Go(p,{fillMode:"flat",icon:`caret-alt-${y[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Go(p,{fillMode:"flat",icon:`caret-alt-${y[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&Go(p,{fillMode:"flat",icon:`caret-alt-${y[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),h,i==="end"&&Ur(bn,{children:[Go(p,{fillMode:"flat",icon:`caret-alt-${y[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Go(p,{fillMode:"flat",icon:`caret-alt-${y[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&Go(p,{fillMode:"flat",icon:`caret-alt-${y[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):h,x]})};Ue.states=Ef;Ue.options=Rf;Ue.className=fn;Ue.defaultOptions=Fr;Ue.moduleName=Tt;Ue.folderName=It;Ue.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 If}from"react/jsx-runtime";var Tn="k-separator",Yi={orientation:"horizontal"},sa=e=>{let{orientation:t=Yi.orientation,...o}=e;return If("li",{...o,className:r(e.className,"k-item",Tn,{[`${Tn}-${t}`]:t}),role:"separator"})};sa.className=Tn;sa.defaultOptions=Yi;sa.moduleName=Tt;sa.folderName=It;import{Fragment as P1,jsx as H1}from"react/jsx-runtime";import{jsx as Hf}from"react/jsx-runtime";var hn="k-menu-group",Of=[],Gf={size:[c.undefined,c.small,c.medium,c.large]},Pf={},Xe=e=>{let{children:t,size:o,...a}=e;return Hf("ul",{...a,className:r(e.className,hn,R(hn,{size:o})),role:"menu",children:t})};Xe.states=Of;Xe.options=Gf;Xe.className=hn;Xe.defaultOptions=Pf;Xe.moduleName=Tt;Xe.folderName=It;import{Fragment as Kf,jsx as ia,jsxs as Df}from"react/jsx-runtime";var xn=e=>ia(Ue,{children:Df(Kf,{children:[ia(We,{first:!0,text:"Item 1"}),ia(We,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),ia(We,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),ia(We,{text:"Item 4"}),ia(We,{last:!0,text:"Item 5"})]}),...e});import{Fragment as Y1,jsx as J1,jsxs as q1}from"react/jsx-runtime";import{Fragment as tK,jsx as eK,jsxs as oK}from"react/jsx-runtime";import{Fragment as sK,jsx as nK,jsxs as iK}from"react/jsx-runtime";import{Fragment as uK,jsx as mK,jsxs as bK}from"react/jsx-runtime";import{jsx as Po,jsxs as Ff}from"react/jsx-runtime";var Bf=Ue.options,_f=Ue.states,Qi={...Ue.defaultOptions,variant:"horizontal"},zf=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Uf=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],lr=e=>{let{variant:t,modifiers:o,...a}={...Qi,...e},n={};return Object.keys(o\|\|{}).forEach(i=>{switch(i){case"scrollable":n.scrollable=!!o?.[i];break;case"opened":n.opened=!!o?.[i],n.popup=Po(Ne,{className:"k-menu-popup",children:Ff(Xe,{children:[Po(Le,{text:"Item 1"}),Po(Le,{text:"Item 2"}),Po(sa,{}),Po(Le,{text:"Item 3"})]})});break}}),t==="vertical"?Po(xn,{...a,...n,orientation:"vertical",style:{width:"200px"}}):Po(xn,{...a,...n})};lr.options=Bf;lr.states=_f;lr.variants=zf;lr.defaultOptions=Qi;lr.modifiers=Uf;import{Fragment as WK,jsx as $K,jsxs as VK}from"react/jsx-runtime";import{jsx as YK}from"react/jsx-runtime";import{Fragment as Jf,jsx as Vt,jsxs as Zi}from"react/jsx-runtime";var $f=p.states,ji={...p.defaultOptions,variant:"text"},Vf=p.options,Wf=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Xf=[{name:"opened",title:"Opened"}],nr=e=>{let{variant:t,modifiers:o,...a}={...ji,...e},n={},i=Vt(Ne,{className:"k-menu-popup",children:Zi(Xe,{size:a.size,children:[Vt(Le,{first:!0,text:"Menu Item"}),Vt(Le,{text:"Menu Item"}),Vt(Le,{last:!0,text:"Menu Item"})]})}),d;switch(t){case"icon-only":d=Vt("div",{children:Vt(xe,{...a,...n,icon:"star"})});break;case"icon-and-text":d=Vt("div",{children:Vt(xe,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:d=Vt("div",{children:Vt(xe,{...a,...n,children:"Dropdown Button"})});break}return Zi(Jf,{children:[d,o?.opened&&i]})};nr.options=Vf;nr.states=$f;nr.variants=Wf;nr.defaultOptions=ji;nr.modifiers=Xf;var Nn="split-button",ed=Nn;import{Fragment as Qf,jsx as gn,jsxs as td}from"react/jsx-runtime";var kn="k-split-button",qf=[s.hover,s.focus,s.active,s.selected,s.disabled],Yf={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[L.undefined,L.solid,L.flat,L.outline,L.clear,L.link],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.light,g.dark,g.inverse]},od={arrowIconName:"caret-alt-down"},le=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:d,active:f,selected:x,disabled:v,icon:C,text:y,arrowIconName:h=od.arrowIconName,popup:E,opened:A,popupId:I,...H}=e;return td(Qf,{children:[td("div",{...H,className:r(e.className,kn,"k-button-group",R(kn,{rounded:o})),children:[gn(p,{text:y,icon:C,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:d,active:f,selected:x,disabled:v,...!y&&!e.children&&C&&{"aria-label":"Action"},children:e.children}),gn(p,{className:"k-split-button-arrow",icon:h,size:t,rounded:o,fillMode:a,disabled:v,"aria-label":"Toggle dropdown","aria-expanded":A?"true":"false","aria-controls":A?I:void 0,tabIndex:-1,...v&&{"aria-disabled":"true"}})]}),A&&E&&gn(Ne,{className:"k-menu-popup",children:E})]})};le.states=qf;le.options=Yf;le.className=kn;le.defaultOptions=od;le.moduleName=Nn;le.folderName=ed;le.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 vn=le;import{jsx as jf}from"react/jsx-runtime";var Zf="k-toolbar-separator",Ht=e=>jf("div",{className:r(Zf,e.className,"k-separator")});var Qt="toolbar",ho=Qt;import{Fragment as Ln,jsx as ie,jsxs as da}from"react/jsx-runtime";var Zt="k-toolbar",eT=[s.focus],tT={size:[c.undefined,c.small,c.medium,c.large],fillMode:[L.undefined,L.solid,L.outline,L.flat]},oT={scrollButtons:"around"},ce=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:i,scrollButtons:d,scrollingPosition:f,section:x,...v}=e,C=[],y=(h,E)=>{let A=[];if(h.type===p&&h.props.className&&h.props.className.includes("k-toolbar-overflow-button"))A.push(ie(p,{...h.props,className:`${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`));else if(h.type===p)A.push(ie(p,{...h.props,className:`k-toolbar-button ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`));else if(h.type===ya)A.push(ie(ya,{...h.props,className:`k-toolbar-button ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`));else if(h.type===ro)A.push(ie(ro,{...h.props,className:`k-toolbar-button ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`));else if(h.type===xe)A.push(ie(xe,{...h.props,className:`k-toolbar-menu-button ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`));else if(h.type===vn)A.push(ie(vn,{...h.props,className:`k-toolbar-split-button ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`));else if(h.type===D\|\|h.props.className&&h.props.className.includes("k-button-group")){let I=[];(Array.isArray(h.props.children)?h.props.children:[h.props.children]).forEach((P,j)=>{I.push(ie(p,{...P.props,className:`${P.props.className?P.props.className:""}`},`${j}-${new Date().getTime()}`))}),A.push(ie(D,{...h.props,className:`k-toolbar-button-group ${h.props.className?h.props.className:""}`,children:I},`${E}-${new Date().getTime()}`))}else h.type===et?A.push(ie(et,{...h.props,className:`k-toolbar-combobox ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`)):h.type===he?A.push(ie(he,{...h.props,className:`k-toolbar-dropdownlist ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`)):h.type===bt?A.push(ie(bt,{...h.props,className:`k-toolbar-colorpicker ${h.props.className?h.props.className:""}`},`${E}-${new Date().getTime()}`)):A.push(h);A.forEach(I=>{C.push(I)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((E,A)=>{y(E,A)}),da("div",{...v,className:r(e.className,Zt,R(Zt,{size:t,fillMode:o}),O(Zt,{focus:a}),{[`${Zt}-resizable`]:n,[`${Zt}-scrollable`]:i,[`${Zt}-scrollable-overlay`]:i&&d==="hidden",[`${Zt}-scrollable-${f}`]:f&&f!=="both",[`${Zt}-section`]:x}),role:"toolbar","aria-label":"Toolbar",children:[!i&&C,i&&d==="hidden"&&ie("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:C}),i&&d==="start"&&da(Ln,{children:[da(D,{children:[ie("span",{className:r("k-toolbar-prev","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:ie(m,{className:"k-button-icon",icon:"caret-alt-left"})}),ie("span",{className:r("k-toolbar-next","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:ie(m,{className:"k-button-icon",icon:"caret-alt-right"})})]}),ie(Ht,{className:"k-toolbar-button-separator"}),ie("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:C})]}),i&&d==="end"&&da(Ln,{children:[ie("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:C}),ie(Ht,{className:"k-toolbar-button-separator"}),da(D,{children:[ie("span",{className:r("k-toolbar-prev","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:ie(m,{className:"k-button-icon",icon:"caret-alt-left"})}),ie("span",{className:r("k-toolbar-next","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:ie(m,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),i&&(d==="around"\|\|!d)&&da(Ln,{children:[ie("span",{className:r("k-toolbar-prev","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:ie(m,{className:"k-button-icon",icon:"caret-alt-left"})}),ie(Ht,{className:"k-toolbar-button-separator"}),ie("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:C}),ie(Ht,{className:"k-toolbar-button-separator"}),ie("span",{className:r("k-toolbar-next","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:ie(m,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};ce.states=eT;ce.options=tT;ce.className=Zt;ce.defaultOptions=oT;ce.moduleName=Qt;ce.folderName=ho;ce.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 nT}from"react/jsx-runtime";var ad="k-floating-toolbar",aT=[],rT={},lT={},ca=e=>{let{...t}=e;return nT("div",{...t,className:r(e.className,ad),children:e.children})};ca.states=aT;ca.options=rT;ca.className=ad;ca.defaultOptions=lT;ca.moduleName=Qt;ca.folderName=ho;import{jsx as cT}from"react/jsx-runtime";var Cn="k-toolbar-item",sT=[s.focus],iT={},dT={},pa=e=>{let{focus:t,...o}=e;return cT("div",{...o,className:r(e.className,Cn,O(Cn,{focus:t})),children:e.children})};pa.states=sT;pa.options=iT;pa.className=Cn;pa.defaultOptions=dT;pa.moduleName=Qt;pa.folderName=ho;import{jsx as rd}from"react/jsx-runtime";var ld="k-toolbar-popup",pT=[],mT={size:[c.undefined,c.small,c.medium,c.large],fillMode:[L.undefined,L.solid,L.outline,L.flat]},uT={},Ho=e=>{let{size:t,fillMode:o,section:a,...n}=e;return rd(Ne,{...n,className:r(e.className,ld),children:a?rd("span",{className:r("k-toolbar-items-list",R("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};Ho.states=pT;Ho.options=mT;Ho.className=ld;Ho.defaultOptions=uT;Ho.moduleName=Qt;Ho.folderName=ho;var $r=Ho;import{jsx as jD}from"react/jsx-runtime";import{jsx as aB}from"react/jsx-runtime";import{jsx as sB}from"react/jsx-runtime";import{jsx as uB,jsxs as bB}from"react/jsx-runtime";import{jsx as xB}from"react/jsx-runtime";import{jsx as jt,jsxs as xT}from"react/jsx-runtime";var bT=le.states,nd={...le.defaultOptions,variant:"text"},fT=le.options,TT=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],hT=[{name:"opened",title:"Opened"}],sr=e=>{let{variant:t,modifiers:o,...a}={...nd,...e},n={},i=xT(Xe,{size:a.size,children:[jt(Le,{first:!0,text:"Menu Item"}),jt(Le,{text:"Menu Item"}),jt(Le,{last:!0,text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(d=>{d==="opened"&&(n.opened=!!o?.[d],n.popup=o?.[d]?i:"")}),t){case"icon-only":return jt("div",{children:jt(le,{...a,...n,icon:"star"})});case"icon-and-text":return jt("div",{children:jt(le,{...a,...n,icon:"star",children:"Split Button"})});default:return jt("div",{children:jt(le,{...a,...n,children:"Split Button"})})}};sr.options=fT;sr.states=bT;sr.variants=TT;sr.defaultOptions=nd;sr.modifiers=hT;import{jsx as Ko,jsxs as NT}from"react/jsx-runtime";var sd=e=>Ko(ce,{children:[Ko(p,{children:"Button"},"toolbar-button"),Ko(xe,{text:"Menu button"},"toolbar-menu-button"),Ko(le,{children:"Split button"},"toolbar-split-button"),NT(D,{children:[Ko(p,{className:"k-group-start",icon:"align-left",children:"Left"}),Ko(p,{icon:"align-center",children:"Center"}),Ko(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as XB,jsxs as JB}from"react/jsx-runtime";import{jsx as ht,jsxs as id}from"react/jsx-runtime";var dd=e=>ht(ce,{scrollable:!0,...e,children:[ht(p,{children:"Button"},"toolbar-button"),ht(xe,{text:"Menu button"},"toolbar-menu-button"),ht(le,{children:"Split button"},"toolbar-split-button"),id(D,{children:[ht(p,{className:"k-group-start",icon:"align-left",children:"Left"}),ht(p,{icon:"align-center",children:"Center"}),ht(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),ht(p,{children:"Button"},"toolbar-button"),ht(xe,{text:"Menu button"},"toolbar-menu-button"),ht(le,{children:"Split button"},"toolbar-split-button"),id(D,{children:[ht(p,{className:"k-group-start",icon:"align-left",children:"Left"}),ht(p,{icon:"align-center",children:"Center"}),ht(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as xt,jsxs as cd}from"react/jsx-runtime";var pd=({scrollingPosition:e="start",...t})=>xt(ce,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[xt(p,{children:"Button"},"toolbar-button"),xt(xe,{text:"Menu button"},"toolbar-menu-button"),xt(le,{children:"Split button"},"toolbar-split-button"),cd(D,{children:[xt(p,{className:"k-group-start",icon:"align-left",children:"Left"}),xt(p,{icon:"align-center",children:"Center"}),xt(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),xt(p,{children:"Button"},"toolbar-button"),xt(xe,{text:"Menu button"},"toolbar-menu-button"),xt(le,{children:"Split button"},"toolbar-split-button"),cd(D,{children:[xt(p,{className:"k-group-start",icon:"align-left",children:"Left"}),xt(p,{icon:"align-center",children:"Center"}),xt(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as gT,jsx as st,jsxs as Vr}from"react/jsx-runtime";var md=({fillMode:e,size:t,...o})=>Vr(gT,{children:[st(ce,{section:!0,fillMode:e,size:t,children:[st(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Vr(D,{fillMode:e,children:[st(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),st(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),st(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),st(Ht,{className:"k-toolbar-button-separator"}),st(p,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),Vr($r,{size:t,fillMode:e,section:!0,...o,children:[st(le,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),st(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),st(Ht,{}),st(xe,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Vr(D,{fillMode:e,children:[st(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),st(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),st(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as w_,jsx as y_,jsxs as M_}from"react/jsx-runtime";import{Fragment as D_,jsx as H_,jsxs as K_}from"react/jsx-runtime";import{jsx as xo}from"react/jsx-runtime";var kT=ce.options,vT=ce.states,ud={...ce.defaultOptions,variant:"default"},LT=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],CT=[],ir=e=>{let{variant:t,...o}={...ud,...e};switch(t){case"responsive":return xo("div",{children:xo(md,{style:{width:"583px"},...o})});case"overlay":return xo("div",{children:xo(pd,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return xo("div",{children:xo(dd,{style:{width:"583px"},...o})});default:return xo("div",{children:xo(sd,{style:{width:"583px"},...o})})}};ir.options=kT;ir.states=vT;ir.variants=LT;ir.defaultOptions=ud;ir.modifiers=CT;import{jsx as yT}from"react/jsx-runtime";var bd="k-gantt-header",Do=e=>yT(ce,{...e,className:r(e.className,bd,"k-gantt-toolbar"),children:e.children});Do.className=bd;Do.moduleName=me;Do.folderName=ue;import{jsx as MT}from"react/jsx-runtime";var fd="k-gantt-footer",Bo=e=>MT(ce,{...e,className:r(e.className,fd,"k-gantt-toolbar"),children:e.children});Bo.className=fd;Bo.moduleName=me;Bo.folderName=ue;import{jsx as wT}from"react/jsx-runtime";var Td="k-gantt-content",_o=e=>wT("div",{...e,className:r(e.className,Td),children:e.children});_o.className=Td;_o.moduleName=me;_o.folderName=ue;import{jsx as ST}from"react/jsx-runtime";var hd="k-gantt-tables",zo=e=>ST("div",{...e,className:r(e.className,hd),children:e.children});zo.className=hd;zo.moduleName=me;zo.folderName=ue;var Fe="table",Je=Fe;import{jsx as IT}from"react/jsx-runtime";var xd="k-data-table",AT=[],ET={size:[c.undefined,c.small,c.medium,c.large]},RT={},eo=e=>{let{size:t,...o}=e;return IT("div",{...o,className:r(e.className,xd,R("k-table",{size:t})),children:e.children})};eo.states=AT;eo.options=ET;eo.className=xd;eo.defaultOptions=RT;eo.moduleName=Fe;eo.folderName=Je;import{jsx as HT}from"react/jsx-runtime";var yn="k-table-header-wrap",OT=[s.hover,s.focus,s.disabled],GT={},PT={},No=e=>{let{children:t,hover:o,focus:a,disabled:n,...i}=e;return HT("div",{...i,className:r(e.className,yn,O(yn,{hover:o,focus:a,disabled:n})),children:t})};No.states=OT;No.options=GT;No.className=yn;No.defaultOptions=PT;No.moduleName=Fe;No.folderName=Je;import{jsx as _T}from"react/jsx-runtime";var Mn="k-table",KT=[],DT={size:[c.undefined,c.small,c.medium,c.large]},BT={},Ce=e=>{let{size:t,...o}=e;return _T("table",{...o,className:r(e.className,Mn,R(Mn,{size:t})),children:e.children})};Ce.states=KT;Ce.options=DT;Ce.className=Mn;Ce.defaultOptions=BT;Ce.moduleName=Fe;Ce.folderName=Je;import{jsx as wn}from"react/jsx-runtime";var Sn="k-table-header",zT=[s.hover,s.focus,s.disabled],UT={},FT={},to=e=>{let{children:t,hover:o,focus:a,disabled:n,...i}=e;return wn("div",{...i,className:r(e.className,Sn,O(Sn,{hover:o,focus:a,disabled:n})),children:wn(No,{children:wn(Ce,{children:t})})})};to.states=zT;to.options=UT;to.className=Sn;to.defaultOptions=FT;to.moduleName=Fe;to.folderName=Je;import{jsx as XT}from"react/jsx-runtime";var Nd="k-table-scroller",$T=[],VT={},WT={},ma=e=>{let{children:t,...o}=e;return XT("div",{...o,className:r(e.className,Nd),children:t})};ma.states=$T;ma.options=VT;ma.className=Nd;ma.defaultOptions=WT;ma.moduleName=Fe;ma.folderName=Je;import{jsx as j2}from"react/jsx-runtime";import{jsx as QT}from"react/jsx-runtime";var gd="k-table-footer",JT=[],qT={},YT={},go=e=>{let{children:t,...o}=e;return QT("div",{...o,className:r(e.className,gd),children:t})};go.states=JT;go.options=qT;go.className=gd;go.defaultOptions=YT;go.moduleName=Fe;go.folderName=Je;import{jsx as th}from"react/jsx-runtime";var An="k-table-list",ZT=[],jT={size:[c.undefined,c.small,c.medium,c.large]},eh={},ko=e=>{let{size:t,virtualization:o,...a}=e;return th("ul",{...a,className:r(e.className,"k-table",An,R(An,{size:t}),{"k-virtual-table":o}),children:e.children})};ko.states=ZT;ko.options=jT;ko.className=An;ko.defaultOptions=eh;ko.moduleName=Fe;ko.folderName=Je;import{jsx as ah}from"react/jsx-runtime";var oh="k-table-thead",q=e=>ah("thead",{className:r(e.className,oh),children:e.children});import{jsx as lh}from"react/jsx-runtime";var rh="k-table-tbody",U=e=>lh("tbody",{className:r(e.className,rh),children:e.children});import{jsx as h3}from"react/jsx-runtime";import{jsx as sh}from"react/jsx-runtime";var En="k-table-row",nh=[s.hover,s.focus,s.selected,s.disabled,s.highlighted],T=e=>{let{hover:t,focus:o,selected:a,highlighted:n,disabled:i,alt:d,...f}=e;return sh("tr",{...f,className:r(e.className,En,{"k-table-alt-row":d},O(En,{hover:t,focus:o,disabled:i,selected:a,highlighted:n})),children:e.children})};T.states=nh;T.className=En;import{jsx as dh}from"react/jsx-runtime";var Rn="k-table-row",ih=[s.hover,s.focus,s.selected,s.disabled],Wr=e=>{let{hover:t,focus:o,selected:a,disabled:n,alt:i,...d}=e;return dh("li",{...d,className:r(e.className,Rn,{"k-table-alt-row":i},O(Rn,{hover:t,focus:o,disabled:n,selected:a})),children:e.children})};Wr.states=ih;Wr.className=Rn;import{jsx as ch}from"react/jsx-runtime";var kd="k-table-th",oo=e=>{let{text:t,colspan:o,rowspan:a,...n}=e,i=t\|\|e.children;return ch("th",{colSpan:o,rowSpan:a,...n,className:r(e.className,kd),children:i})};oo.className=kd;oo.moduleName=Fe;oo.folderName=Je;import{jsx as R3}from"react/jsx-runtime";import{jsx as mh}from"react/jsx-runtime";var In="k-table-td",ph=[s.focus,s.selected,s.highlighted],l=e=>{let{focus:t,selected:o,highlighted:a,text:n,colspan:i,rowspan:d,...f}=e,x=n\|\|e.children;return mh("td",{colSpan:i,rowSpan:d,...f,className:r(e.className,In,O(In,{focus:t,selected:o,highlighted:a})),children:x})};l.states=ph;l.className=In;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 e5}from"react/jsx-runtime";import{jsx as s5,jsxs as i5}from"react/jsx-runtime";import{jsx as m5,jsxs as u5}from"react/jsx-runtime";import{jsx as h5,jsxs as x5}from"react/jsx-runtime";import{Fragment as C5,jsx as v5,jsxs as L5}from"react/jsx-runtime";import{jsx as Th}from"react/jsx-runtime";var Ld="k-gantt-columns",Uo=e=>Th(Ce,{...e,className:r(e.className,Ld),children:e.children});Uo.className=Ld;Uo.moduleName=me;Uo.folderName=ue;import{jsx as hh}from"react/jsx-runtime";var Cd="k-gantt-rows",Fo=e=>hh(Ce,{...e,className:r(e.className,Cd),children:e.children});Fo.className=Cd;Fo.moduleName=me;Fo.folderName=ue;import{jsx as xh}from"react/jsx-runtime";var yd="k-gantt-tasks",$o=e=>xh(Ce,{...e,className:r(e.className,yd),children:e.children});$o.className=yd;$o.moduleName=me;$o.folderName=ue;import{jsx as kh}from"react/jsx-runtime";var Md="k-task",Nh=[],gh={},wd={type:"single"},Ke=e=>{let{type:t=wd.type,...o}=e;return kh("div",{...o,className:r(e.className,Md,{"k-task-single":t==="single","k-task-milestone":t==="milestone","k-task-summary":t==="summary"})})};Ke.states=Nh;Ke.options=gh;Ke.className=Md;Ke.defaultOptions=wd;Ke.moduleName=me;Ke.folderName=ue;import{jsx as Ch}from"react/jsx-runtime";var Sd="k-task-wrap",vh=[],Lh={},Ad={type:"single"},De=e=>{let{type:t=Ad.type,...o}=e;return Ch("div",{...o,className:r(e.className,Sd,{"k-milestone-wrap":t==="milestone","k-summary-wrap":t==="summary"})})};De.states=vh;De.options=Lh;De.className=Sd;De.defaultOptions=Ad;De.moduleName=me;De.folderName=ue;import{jsx as wh}from"react/jsx-runtime";var Ed="k-task-dot",yh=[],Mh={},Rd={position:"start"},pe=e=>{let{position:t=Rd.position,...o}=e;return wh("div",{...o,className:r(e.className,Ed,{"k-task-start":t==="start","k-task-end":t==="end"})})};pe.states=yh;pe.options=Mh;pe.className=Ed;pe.defaultOptions=Rd;pe.moduleName=me;pe.folderName=ue;import{jsx as ua,jsxs as Rh}from"react/jsx-runtime";var Id="k-task-content",Sh=[],Ah={},Eh={},Ot=e=>{let{content:t,...o}=e;return Rh("div",{...o,className:r(e.className,Id),children:[t&&ua("div",{className:"k-task-template",children:t}),ua("span",{className:"k-task-actions",children:ua("a",{className:"k-link k-task-delete",children:ua(m,{icon:"x"})})}),ua("span",{className:"k-resize-handle k-resize-w"}),ua("span",{className:"k-resize-handle k-resize-e"})]})};Ot.states=Sh;Ot.options=Ah;Ot.className=Id;Ot.defaultOptions=Eh;Ot.moduleName=me;Ot.folderName=ue;import{jsx as Gh}from"react/jsx-runtime";var Od="k-gantt-line",Ih=[],Oh={},Gd={orientation:"horizontal"},Y=e=>{let{orientation:t=Gd.orientation,...o}=e;return Gh("div",{...o,className:r(e.className,Od,{"k-gantt-line-h":t==="horizontal","k-gantt-line-v":t==="vertical"})})};Y.states=Ih;Y.options=Oh;Y.className=Od;Y.defaultOptions=Gd;Y.moduleName=me;Y.folderName=ue;var ae="grid",ne=ae;import{jsx as Dh,jsxs as Bh}from"react/jsx-runtime";var Xr="k-grid",Ph=[],Hh={size:[c.undefined,c.small,c.medium,c.large]},Kh=[],Pd={pagerPosition:"bottom"},Q=e=>{let{size:t,pagerPosition:o=Pd.pagerPosition,toolbar:a,pager:n,groupingHeader:i,gridSelectionAggregates:d,_renderAriaRoot:f,resizable:x,...v}=e;return Bh("div",{...v,className:r(e.className,Xr,{[`${Xr}-resizable`]:x},R(Xr,{size:t})),children:[a,o==="top"&&n,i,e.children&&f?Dh("div",{className:"k-grid-aria-root",children:e.children}):e.children,d,o==="bottom"&&n]})};Q.states=Ph;Q.options=Hh;Q.variants=Kh;Q.className=Xr;Q.defaultOptions=Pd;Q.moduleName=ae;Q.folderName=ne;import{jsx as _h}from"react/jsx-runtime";var Hd="k-grid-header",X=e=>{let{draggable:t,...o}=e;return _h("div",{...o,className:r(e.className,Hd,{"k-grid-draggable-header":t}),children:e.children})};X.className=Hd;X.moduleName=ae;X.folderName=ne;import{jsx as Kd,jsxs as zh}from"react/jsx-runtime";var Dd="k-grouping-header",vo=e=>{let{dropHint:t,dropClue:o,...a}=e;return zh("div",{...a,className:r(e.className,Dd),children:[o&&Kd("div",{className:"k-grouping-dropclue"}),e.children,Kd("div",{className:"k-grouping-drop-container",children:t})]})};vo.className=Dd;vo.moduleName=ae;vo.folderName=ne;import{jsx as Uh}from"react/jsx-runtime";var Bd="k-grid-pinned-container",On=e=>{let{position:t,...o}=e;return Uh("div",{...o,className:r(e.className,Bd,{"k-pos-bottom":t==="bottom"}),children:e.children})};On.className=Bd;On.moduleName=ae;On.folderName=ne;import{jsx as Fh}from"react/jsx-runtime";var _d="k-grid-sticky-container",Gn=e=>{let{position:t,...o}=e;return Fh("div",{...o,className:r(e.className,_d,{"k-pos-bottom":t==="bottom"}),children:e.children})};Gn.className=_d;Gn.moduleName=ae;Gn.folderName=ne;import{jsx as $h}from"react/jsx-runtime";var zd="k-grid-header-table",J=e=>$h(Ce,{...e,className:r(e.className,zd),children:e.children});J.className=zd;J.moduleName=ae;J.folderName=ne;import{jsx as Lo,jsxs as Pn}from"react/jsx-runtime";var Hn="k-header",Vh=[s.hover,s.focus,s.active],Ud={sortIcon:"sort-asc-small"},M=e=>{let{menu:t,sortable:o,filterable:a,sticky:n,resizable:i,columnTitle:d,hover:f,focus:x,active:v,sortIcon:C=Ud.sortIcon,sortOrder:y,accessibleLabel:h,...E}=e;return Pn(oo,{...E,className:r(e.className,Hn,{"k-filterable":t\|\|a,"k-sorted":o,"k-grid-header-sticky":n,"k-touch-action-none":i},O(Hn,{hover:f,focus:x,active:v})),children:[d&&Pn("span",{className:"k-cell-inner",children:[Pn("span",{className:"k-link",children:[Lo("span",{className:"k-column-title",children:d}),o&&Lo("span",{className:"k-sort-icon",children:Lo(m,{icon:C})}),y&&Lo("span",{className:"k-sort-order",children:y})]}),t&&Lo("a",{href:"#",className:r("k-grid-header-menu",{"k-active":v,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:Lo(m,{icon:t==="filter"?"filter":"more-vertical"})})]}),!d&&h&&Lo("span",{className:"k-sr-only",children:h}),e.children,i&&Lo("span",{className:"k-column-resizer k-touch-action-none"})]})};M.states=Vh;M.className=Hn;M.defaultOptions=Ud;M.moduleName=ae;M.folderName=ne;import{jsx as Wh}from"react/jsx-runtime";var Fd="k-grid-container",se=e=>Wh("div",{...e,className:r(e.className,Fd),children:e.children});se.className=Fd;se.moduleName=ae;se.folderName=ne;import{jsx as Xh}from"react/jsx-runtime";var $d="k-grid-content",Z=e=>Xh("div",{...e,className:r(e.className,$d),children:e.children});Z.className=$d;Z.moduleName=ae;Z.folderName=ne;import{jsx as Jh}from"react/jsx-runtime";var Vd="k-grid-table",te=e=>Jh(Ce,{...e,className:r(e.className,Vd),children:e.children});te.className=Vd;te.moduleName=ae;te.folderName=ne;import{jsx as qh}from"react/jsx-runtime";var Wd="k-grid-footer",Kn=e=>qh("div",{...e,className:r(e.className,Wd),children:e.children});Kn.className=Wd;Kn.moduleName=ae;Kn.folderName=ne;import{jsx as Yh}from"react/jsx-runtime";var Xd="k-grid-footer-table",Dn=e=>Yh(Ce,{...e,className:r(e.className,Xd),children:e.children});Dn.className=Xd;Dn.moduleName=ae;Dn.folderName=ne;var Bn="pager",Jd=Bn;import{Fragment as qd,jsx as it,jsxs as ba}from"react/jsx-runtime";var Jr="k-pager",Qh=[s.focus,s.disabled],Zh={size:[c.undefined,c.small,c.medium,c.large]},Nt={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},ye=e=>{let{responsive:t=Nt.responsive,size:o,pagerSizeInfo:a=Nt.pagerSizeInfo,pageTitleInfo:n=Nt.pageTitleInfo,maxPagesInfo:i=Nt.maxPagesInfo,itemsPerPage:d=Nt.itemsPerPage,maxPages:f=Nt.maxPages,currentPage:x=Nt.currentPage,previousNext:v=Nt.previousNext,type:C=Nt.type,pageSizes:y=Nt.pageSizes,refresh:h=Nt.refresh,info:E=Nt.info,focus:A,disabled:I,dir:H,...P}=e,j=[],ve=[];for(let Ae=1;Ae<=f;Ae++)j.push(it(p,{selected:Ae===x,fillMode:"flat",themeColor:"primary",size:o,children:Ae})),ve.push(it("option",{selected:Ae===x,children:Ae}));return ba("div",{dir:H,...P,className:r(e.className,Jr,R(Jr,{size:o}),O(Jr,{focus:A,disabled:I}),{"k-pager-responsive":t}),children:[ba("div",{className:r("k-pager-numbers-wrap"),children:[v&&ba(qd,{children:[it(p,{className:r("k-pager-nav","k-pager-first"),disabled:x===1&&!I,fillMode:"flat",size:o,icon:H==="rtl"?"caret-alt-to-right":"caret-alt-to-left"}),it(p,{className:r("k-pager-nav"),disabled:x===1&&!I,fillMode:"flat",size:o,icon:H==="rtl"?"caret-alt-right":"caret-alt-left"})]}),C==="numeric"&&it("div",{className:r("k-pager-numbers"),children:j}),C==="input"&&ba("span",{className:r("k-pager-input"),children:[n&&it("span",{children:"Page"}),it(ee,{value:`${x}`,size:o,showSpinButton:!1,showClearButton:!1}),it("span",{children:i&&`of ${f}`})]}),v&&ba(qd,{children:[it(p,{className:r("k-pager-nav"),disabled:x===f&&!I,fillMode:"flat",size:o,icon:H==="rtl"?"caret-alt-left":"caret-alt-right"}),it(p,{className:r("k-pager-nav","k-pager-last"),disabled:x===f&&!I,fillMode:"flat",size:o,icon:H==="rtl"?"caret-alt-to-left":"caret-alt-to-right"})]})]}),y&&ba("span",{className:r("k-pager-sizes"),children:[it(he,{value:`${d}`,size:o}),a&&it("span",{children:"items per page"})]}),h&&it(p,{className:r("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw"}),E&&it("span",{className:r("k-pager-info"),children:E})]})};ye.states=Qh;ye.options=Zh;ye.className=Jr;ye.defaultOptions=Nt;ye.moduleName=Bn;ye.folderName=Jd;import{jsx as Q6}from"react/jsx-runtime";import{jsx as t7}from"react/jsx-runtime";import{jsx as l7}from"react/jsx-runtime";import{jsx as Yd}from"react/jsx-runtime";var jh=ye.options,ex=ye.states,tx={...ye.defaultOptions,variant:"numeric"},ox=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],ax=[],dr=e=>{let{variant:t,...o}=e;return t==="input"?Yd(ye,{...o,type:"input"}):Yd(ye,{...o,type:"numeric"})};dr.options=jh;dr.states=ex;dr.variants=ox;dr.defaultOptions=tx;dr.modifiers=ax;import{jsx as rx}from"react/jsx-runtime";var Qd="k-grid-pager",Wt=e=>rx(ye,{...e,className:r(e.className,Qd),children:e.children});Wt.className=Qd;Wt.moduleName=ae;Wt.folderName=ne;import{jsx as lx}from"react/jsx-runtime";var Zd="k-grid-toolbar",ao=e=>lx(ce,{...e,className:r(e.className,Zd),children:e.children});ao.className=Zd;ao.moduleName=ae;ao.folderName=ne;import{jsx as _n,jsxs as sx}from"react/jsx-runtime";var zn="k-grid-stack-cell",nx=[s.focus,s.selected],qr=e=>{let{cellHeader:t,cellContent:o,edit:a,commandCell:n,dirty:i,focus:d,selected:f,...x}=e;return sx("div",{...x,className:r(e.className,zn,{"k-grid-stack-edit-cell":a,"k-command-cell":n,"k-dirty-cell":i},O(zn,{focus:d,selected:f})),children:[i&&_n("span",{className:"k-dirty"}),t&&_n("div",{className:"k-grid-stack-header",children:t}),_n("div",{className:"k-grid-stack-content",children:o}),e.children]})};qr.states=nx;qr.className=zn;qr.moduleName=ae;qr.folderName=ne;import{jsx as ix}from"react/jsx-runtime";var jd="k-grid-stack-row",Yr=e=>{let{cols:t,...o}=e;return ix("div",{...o,className:r(e.className,jd,{[`k-grid-cols-${t}`]:t}),children:e.children})};Yr.className=jd;Yr.moduleName=ae;Yr.folderName=ne;import{Fragment as U7,jsx as _7,jsxs as z7}from"react/jsx-runtime";import{Fragment as q7,jsx as X7,jsxs as J7}from"react/jsx-runtime";import{Fragment as o9,jsx as e9,jsxs as t9}from"react/jsx-runtime";import{Fragment as dx,jsx as S,jsxs as ke}from"react/jsx-runtime";var ec=({contentClassName:e,...t})=>S(Q,{_renderAriaRoot:!0,pager:S(Wt,{refresh:!1}),children:ke(dx,{children:[S(X,{children:S("div",{className:"k-grid-header-wrap",children:ke(J,{children:[ke("colgroup",{children:[S("col",{}),S("col",{style:{width:"225px"}}),S("col",{}),S("col",{}),S("col",{})]}),ke(q,{children:[ke(T,{children:[S(M,{rowspan:1,colspan:1,columnTitle:"Product Id"}),S(M,{rowspan:1,colspan:1,columnTitle:"Name"}),S(M,{rowspan:1,colspan:1,columnTitle:"Quantity"}),S(M,{rowspan:1,colspan:1,columnTitle:"Unit Price"}),S(M,{rowspan:1,colspan:1,columnTitle:"Discontinued"})]}),ke(T,{className:"k-filter-row",children:[S(l,{children:S("div",{className:"k-filtercell",children:ke("div",{className:"k-filtercell-wrapper",children:[S(ee,{}),ke("div",{className:"k-filtercell-operator",children:[S(he,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",S(p,{disabled:!0,icon:"filter-clear"})]})]})})}),S(l,{children:S("div",{className:"k-filtercell",children:ke("div",{className:"k-filtercell-wrapper",children:[S(Te,{}),ke("div",{className:"k-filtercell-operator",children:[S(he,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",S(p,{disabled:!0,icon:"filter-clear"})]})]})})}),S(l,{children:S("div",{className:"k-filtercell",children:ke("div",{className:"k-filtercell-wrapper",children:[S(Te,{}),ke("div",{className:"k-filtercell-operator",children:[S(he,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",S(p,{disabled:!0,icon:"filter-clear"})]})]})})}),S(l,{children:S("div",{className:"k-filtercell",children:ke("div",{className:"k-filtercell-wrapper",children:[S(ee,{}),ke("div",{className:"k-filtercell-operator",children:[S(he,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",S(p,{disabled:!0,icon:"filter-clear"})]})]})})}),S(l,{children:S("div",{className:"k-filtercell",children:ke("div",{className:"k-filtercell-wrapper",children:[S(he,{}),S("div",{className:"k-filtercell-operator",children:S(p,{disabled:!0,icon:"filter-clear"})})]})})})]})]})]})})}),S(se,{children:S(Z,{className:e,children:ke(te,{children:[ke("colgroup",{children:[S("col",{}),S("col",{style:{width:"225px"}}),S("col",{}),S("col",{}),S("col",{})]}),ke(U,{children:[ke(T,{className:"k-master-row",children:[S(l,{children:"1"}),S(l,{children:"Chai"}),S(l,{children:"10 boxes x 20 bags"}),S(l,{children:"18"}),S(l,{children:"false"})]}),ke(T,{className:"k-master-row",alt:!0,children:[S(l,{children:"2"}),S(l,{children:"Chang"}),S(l,{children:"24 - 12 oz bottles"}),S(l,{children:"19"}),S(l,{children:"false"})]}),ke(T,{className:"k-master-row",children:[S(l,{children:"3"}),S(l,{children:"Aniseed Syrup"}),S(l,{children:"12 - 550 ml bottles"}),S(l,{children:"10"}),S(l,{children:"false"})]}),ke(T,{className:"k-master-row",alt:!0,children:[S(l,{children:"4"}),S(l,{children:"Chef Anton's Cajun Seasoning"}),S(l,{children:"48 - 6 oz jars"}),S(l,{children:"22"}),S(l,{children:"false"})]}),ke(T,{className:"k-master-row",children:[S(l,{children:"5"}),S(l,{children:"Grandma's Boysenberry Spread"}),S(l,{children:"12 - 8 oz jars"}),S(l,{children:"25"}),S(l,{children:"false"})]})]})]})})})]}),...t});import{jsx as Qr}from"react/jsx-runtime";var cx="k-chip-action";var Ie=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,cx,`k-chip-${t}-action`),children:a})};var Un="avatar",tc=Un;import{jsx as oc}from"react/jsx-runtime";var cr="k-avatar";var px=[s.hover,s.focus,s.active,s.selected,s.disabled],mx={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[L.undefined,L.solid,L.outline],themeColor:[g.undefined,g.base,g.primary,g.secondary,g.tertiary,g.success,g.warning,g.error,g.info,g.light,g.dark,g.inverse]},Fn={type:"text",border:!1},dt=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:i=Fn.type,border:d=Fn.border,...f}=e;return oc("div",{...f,className:r(e.className,cr,R(cr,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${cr}-bordered`]:d}),children:oc("span",{className:`${cr}-${i}`,children:e.children})})};dt.states=px;dt.options=mx;dt.className=cr;dt.defaultOptions=Fn;dt.moduleName=Un;dt.folderName=tc;dt.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var Vo=dt;import{jsx as ux}from"react/jsx-runtime";var ac=e=>ux(Vo,{type:"icon",...e});import{jsx as bx}from"react/jsx-runtime";var rc=e=>bx(Vo,{type:"text",...e});import{jsx as fx}from"react/jsx-runtime";var lc=e=>fx(Vo,{type:"image",...e});import{jsx as I9}from"react/jsx-runtime";import{jsx as pr}from"react/jsx-runtime";var Tx=dt.options,hx=dt.states,xx={...dt.defaultOptions,variant:"image"},Nx=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],gx=[],mr=e=>{let{variant:t,...o}=e;switch(t){case"icon":return pr(ac,{...o,children:pr(m,{icon:"star"})});case"text":return pr(rc,{...o,children:"JO"});default:return pr(lc,{...o,children:pr("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};mr.options=Tx;mr.states=hx;mr.variants=Nx;mr.defaultOptions=xx;mr.modifiers=gx;var ur="chip",Zr=ur;import{jsx as fa,jsxs as Lx}from"react/jsx-runtime";var jr="k-chip",kx=[s.hover,s.focus,s.active,s.selected,s.disabled],vx={size:[c.undefined,c.small,c.medium,c.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[L.undefined,L.solid,L.outline],themeColor:[g.undefined,g.base,g.success,g.warning,g.error,g.info]},nc={avatarImage:"/packages/html/assets/avatar.jpg"},Oe=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,text:i,icon:d,actions:f,showAvatar:x,avatarImage:v=nc.avatarImage,hover:C,focus:y,active:h,selected:E,disabled:A,...I}=e;return Lx("div",{...I,className:r(e.className,jr,R(jr,{size:t,rounded:o,fillMode:a,themeColor:n}),O(jr,{hover:C,focus:y,active:h,disabled:A,selected:E})),role:e.role\|\|"button","aria-pressed":e.role==="option"?void 0:E?"true":"false","aria-selected":e.role==="option"?E?"true":"false":void 0,"aria-disabled":A?"true":void 0,children:[d&&fa(m,{className:"k-chip-icon",icon:d,size:"small"}),x&&fa(dt,{className:"k-chip-avatar",type:"image",children:fa("img",{src:v,alt:""})}),fa("span",{className:"k-chip-content",children:e.children?e.children:i&&fa("span",{className:"k-chip-label",children:i})}),f&&fa("span",{className:"k-chip-actions",children:f})]})};Oe.states=kx;Oe.options=vx;Oe.className=jr;Oe.defaultOptions=nc;Oe.moduleName=ur;Oe.folderName=Zr;Oe.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 Gt=Oe;import{jsx as wx}from"react/jsx-runtime";var $n="k-chip-list",Cx=[],yx={size:[c.undefined,c.small,c.medium,c.large]},Mx={},Ge=e=>{let{size:t,multiselectable:o,ariaLabel:a,...n}=e;return wx("div",{...n,className:r(e.className,$n,R($n,{size:t})),role:"listbox","aria-label":a\|\|"chip list","aria-orientation":"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};Ge.states=Cx;Ge.options=yx;Ge.className=$n;Ge.defaultOptions=Mx;Ge.moduleName=ur;Ge.folderName=Zr;Ge.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 iU}from"react/jsx-runtime";import{jsx as mU}from"react/jsx-runtime";import{jsx as Sx}from"react/jsx-runtime";var el=e=>Sx(Gt,{text:"text",...e});import{jsx as gU}from"react/jsx-runtime";import{jsx as CU}from"react/jsx-runtime";import{Fragment as EU,jsx as AU,jsxs as RU}from"react/jsx-runtime";import{jsx as HU,jsxs as KU}from"react/jsx-runtime";import{jsx as UU,jsxs as FU}from"react/jsx-runtime";import{jsx as qU,jsxs as YU}from"react/jsx-runtime";import{jsx as Ta,jsxs as Gx}from"react/jsx-runtime";var Ax={...Gt.options,...Ge.options},Ex=[],Rx=Ge.states,Ix={...Gt.defaultOptions,...Ge.defaultOptions},Ox=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],br=e=>{let{modifiers:t,className:o,...a}=e,n=t?.icon,i=t?.actions,d=t?.avatar;return Gx(Ge,{size:a.size,className:o,children:[Ta(el,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:n?"star":void 0,actions:i?Ta(Ie,{type:"remove"}):void 0,showAvatar:d,children:"Chip"}),Ta(el,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:n?"star":void 0,actions:i?Ta(Ie,{type:"remove"}):void 0,showAvatar:d,children:"Chip"}),Ta(el,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:n?"star":void 0,actions:i?Ta(Ie,{type:"remove"}):void 0,showAvatar:d,children:"Chip"})]})};br.options=Ax;br.states=Rx;br.variants=Ex;br.defaultOptions=Ix;br.modifiers=Ox;import{jsx as Vn}from"react/jsx-runtime";var Px=Oe.states,Hx=Oe.defaultOptions,Kx=Oe.options,Dx=[],Bx=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],fr=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"icon":a.icon=t?.[n]?"arrow-down":void 0;break;case"avatar":a.showAvatar=!!t?.[n],a.avatarImage=t?.[n]?"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?.[n]?Vn(Ie,{type:"more"}):void 0;break;case"remove-icon":a.actions\|\|(a.actions=[]),a.actions[1]=t?.[n]?Vn(Ie,{type:"remove"}):void 0;break;default:break}}),Vn(Oe,{...o,...a,children:"Chip component"})};fr.options=Kx;fr.states=Px;fr.variants=Dx;fr.defaultOptions=Hx;fr.modifiers=Bx;import{Fragment as Wn,jsx as K,jsxs as tt}from"react/jsx-runtime";var sc=({dropClue:e,contentClassName:t,...o})=>K(Q,{_renderAriaRoot:!0,groupingHeader:K(vo,{dropClue:e,children:tt(Ge,{children:[K(Oe,{icon:"sort-asc-small",text:"ID",actions:tt(Wn,{children:[K(Ie,{type:"more"}),K(Ie,{type:"remove"})]})}),K(Oe,{icon:"sort-desc-small",text:"Name",actions:tt(Wn,{children:[K(Ie,{type:"more"}),K(Ie,{type:"remove"})]})})]})}),children:tt(Wn,{children:[K(X,{draggable:!0,children:K("div",{className:"k-grid-header-wrap",children:tt(J,{children:[tt("colgroup",{children:[K("col",{className:"k-group-col"}),K("col",{className:"k-group-col"}),K("col",{}),K("col",{}),K("col",{}),K("col",{})]}),K(q,{children:tt(T,{children:[K(M,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),K(M,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),K(M,{colspan:1,columnTitle:"ID"}),K(M,{colspan:1,columnTitle:"Name"}),K(M,{colspan:1,columnTitle:"Price"}),K(M,{colspan:1,columnTitle:"Category"})]})})]})})}),K(se,{children:K(Z,{className:t,children:tt(te,{children:[tt("colgroup",{children:[K("col",{className:"k-group-col"}),K("col",{className:"k-group-col"}),K("col",{}),K("col",{}),K("col",{}),K("col",{})]}),tt(U,{children:[K(T,{className:"k-table-group-row k-grouping-row",children:K(l,{colspan:6,children:tt("p",{className:"k-reset",children:[K(m,{icon:"caret-alt-right"}),"ID: 1"]})})}),K(T,{className:"k-table-group-row k-grouping-row",children:K(l,{colspan:6,children:tt("p",{className:"k-reset",children:[K(m,{icon:"caret-alt-down"}),"ID: 2"]})})}),tt(T,{className:"k-table-group-row k-grouping-row",children:[K(l,{className:"k-table-group-td k-group-cell"}),K(l,{colspan:5,children:tt("p",{className:"k-reset",children:[K(m,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),tt(T,{className:"k-master-row",alt:!0,children:[K(l,{className:"k-table-group-td k-group-cell"}),K(l,{className:"k-table-group-td k-group-cell"}),K(l,{colspan:0,children:"2"}),K(l,{colspan:0,children:"Chang"}),K(l,{colspan:0,children:"$19.00"}),K(l,{colspan:0,children:"Beverages"})]})]})]})})})]}),...o});import{Fragment as D4,jsx as H4,jsxs as K4}from"react/jsx-runtime";import{Fragment as W4,jsx as $4,jsxs as V4}from"react/jsx-runtime";import{Fragment as j4,jsx as Q4,jsxs as Z4}from"react/jsx-runtime";import{Fragment as _x,jsx as $,jsxs as ot}from"react/jsx-runtime";var ic=({headerWrapClassName:e,contentClassName:t,...o})=>$(Q,{_renderAriaRoot:!0,children:ot(_x,{children:[$(X,{children:$("div",{className:`k-grid-header-wrap ${e}`,children:ot(J,{children:[ot("colgroup",{children:[$("col",{}),$("col",{}),$("col",{}),$("col",{})]}),ot(q,{children:[ot(T,{children:[$(M,{rowspan:3,colspan:1,columnTitle:"ID"}),$(M,{rowspan:1,colspan:3,columnTitle:"Product Information"})]}),ot(T,{children:[$(M,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first"}),$(M,{rowspan:1,colspan:2,columnTitle:"Unit"})]}),ot(T,{children:[$(M,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first"}),$(M,{rowspan:1,colspan:1,columnTitle:"Units Price"})]})]})]})})}),$(se,{children:$(Z,{className:t,children:ot(te,{children:[ot("colgroup",{children:[$("col",{}),$("col",{}),$("col",{}),$("col",{})]}),ot(U,{children:[ot(T,{className:"k-master-row",children:[$(l,{children:"1"}),$(l,{children:"Chai"}),$(l,{children:"39"}),$(l,{children:"18"})]}),ot(T,{className:"k-master-row",alt:!0,children:[$(l,{children:"2"}),$(l,{children:"Chang"}),$(l,{children:"17"}),$(l,{children:"19"})]}),ot(T,{className:"k-master-row",children:[$(l,{children:"3"}),$(l,{children:"Aniseed Syrup"}),$(l,{children:"13"}),$(l,{children:"10"})]}),ot(T,{className:"k-master-row",alt:!0,children:[$(l,{children:"4"}),$(l,{children:"Chef Anton's Cajun Seasoning"}),$(l,{children:"53"}),$(l,{children:"22"})]}),ot(T,{className:"k-master-row",children:[$(l,{children:"5"}),$(l,{children:"Chef Anton's Gumbo Mix"}),$(l,{children:"0"}),$(l,{children:"21.35"})]})]})]})})})]}),...o});import{Fragment as pF,jsx as dF,jsxs as cF}from"react/jsx-runtime";import{Fragment as xF,jsx as TF,jsxs as hF}from"react/jsx-runtime";import{Fragment as zx,jsx as F,jsxs as Pt}from"react/jsx-runtime";var dc=e=>F(Q,{_renderAriaRoot:!0,toolbar:Pt(ao,{children:[F(p,{children:"Add new"}),F(p,{children:"Save Changes"}),F(p,{children:"Cancel Changes"})]}),children:Pt(zx,{children:[F(X,{children:F("div",{className:"k-grid-header-wrap",children:Pt(J,{children:[Pt("colgroup",{children:[F("col",{}),F("col",{}),F("col",{}),F("col",{style:{width:"300px"}})]}),F(q,{children:Pt(T,{children:[F(M,{columnTitle:"Name"}),F(M,{columnTitle:"Price"}),F(M,{columnTitle:"Available"}),F(M,{accessibleLabel:"Commands"})]})})]})})}),F(se,{children:F(Z,{children:F("div",{children:Pt(te,{children:[Pt("colgroup",{children:[F("col",{}),F("col",{}),F("col",{}),F("col",{style:{width:"300px"}})]}),Pt(U,{children:[Pt(T,{className:"k-master-row k-grid-add-row k-grid-edit-row",children:[F(l,{children:F(Te,{value:"Towel"})}),F(l,{children:F(ee,{value:"42"})}),F(l,{children:F(rt,{})}),Pt(l,{className:"k-command-cell",children:[F(p,{children:"Add"}),F(p,{children:"Cancel"})]})]}),Pt(T,{className:"k-master-row",children:[F(l,{children:"Chai"}),F(l,{children:"18"}),F(l,{children:"false"}),F(l,{className:"k-command-cell",children:F(p,{children:"Remove"})})]}),Pt(T,{className:"k-master-row",alt:!0,children:[F(l,{children:"Chang"}),F(l,{children:"19"}),F(l,{children:"false"}),F(l,{className:"k-command-cell",children:F(p,{children:"Remove"})})]})]})]})})})})]}),...e});import{Fragment as FF,jsx as UF,jsxs as $F}from"react/jsx-runtime";import{Fragment as tl,jsx as N,jsxs as de}from"react/jsx-runtime";var Ux=Q.options,Fx=Q.states,cc={...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"}],Vx=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],Tr=e=>{let{variant:t,modifiers:o,...a}={...cc,...e},n={toolbar:void 0,pager:void 0},i=de(ao,{children:[N(p,{icon:"plus",children:"Add New"}),N(p,{icon:"file-pdf",children:"Export to PDF"}),N("span",{className:"k-spacer"}),N(Te,{prefix:N(m,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),d=N(ye,{pageSizes:!1,refresh:!1});Object.keys(o\|\|{}).forEach(v=>{switch(v){case"toolbar":n.toolbar=o?.[v]?i:void 0;break;case"pager":n.pager=o?.[v]?d:void 0;break;default:return}});let f={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},x=de(tl,{children:[N(X,{children:N("div",{className:"k-grid-header-wrap",children:de(J,{children:[de("colgroup",{children:[N("col",{}),N("col",{}),N("col",{}),N("col",{})]}),N(q,{children:de(T,{children:[N(M,{...f[t],columnTitle:"ID"}),N(M,{...f[t],columnTitle:"Product Name"}),N(M,{...f[t],columnTitle:"Units in Stock"}),N(M,{...f[t],columnTitle:"Units Price"})]})})]})})}),N(se,{children:N(Z,{children:de(te,{children:[de("colgroup",{children:[N("col",{}),N("col",{}),N("col",{}),N("col",{})]}),de(U,{children:[de(T,{children:[N(l,{children:"1"}),N(l,{children:"Chai"}),N(l,{children:"39"}),N(l,{children:"18"})]}),de(T,{className:"k-alt",alt:!0,children:[N(l,{children:"2"}),N(l,{children:"Chang"}),N(l,{children:"17"}),N(l,{children:"19"})]}),de(T,{children:[N(l,{children:"3"}),N(l,{children:"Aniseed Syrup"}),N(l,{children:"13"}),N(l,{children:"10"})]}),de(T,{className:"k-alt",alt:!0,children:[N(l,{children:"4"}),N(l,{children:"Chef Anton's Cajun Seasoning"}),N(l,{children:"53"}),N(l,{children:"22"})]}),de(T,{children:[N(l,{children:"5"}),N(l,{children:"Chef Anton's Gumbo Mix"}),N(l,{children:"0"}),N(l,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return N(ic,{...a,...n});case"editing":return N(dc,{...a,...n});case"grouping":return N(sc,{...a,...n,groupingHeader:N(vo,{children:de(Ge,{children:[N(Oe,{icon:"sort-asc-small",actions:de(tl,{children:[N(Ie,{type:"more"}),N(Ie,{type:"remove"})]}),children:"ID"}),N(Oe,{icon:"sort-desc-small",actions:de(tl,{children:[N(Ie,{type:"more"}),N(Ie,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return N(Q,{...a,...n,children:de(tl,{children:[N(X,{children:de("div",{className:"k-grid-header-wrap",children:[" ",de(J,{children:[de("colgroup",{children:[N("col",{className:"k-drag-col"}),N("col",{}),N("col",{}),N("col",{}),N("col",{})]}),N(q,{children:de(T,{children:[N(M,{className:"k-drag-cell",accessibleLabel:"Reorder"}),N(M,{columnTitle:"ID"}),N(M,{columnTitle:"Product Name"}),N(M,{columnTitle:"Units in Stock"}),N(M,{columnTitle:"Units Price"})]})})]})]})}),N(se,{children:N(Z,{children:de(te,{children:[de("colgroup",{children:[N("col",{className:"k-drag-col"}),N("col",{}),N("col",{}),N("col",{}),N("col",{})]}),de(U,{children:[de(T,{children:[N(l,{className:"k-drag-cell",children:N(m,{icon:"reorder"})}),N(l,{children:"1"}),N(l,{children:"Chai"}),N(l,{children:"39"}),N(l,{children:"18"})]}),de(T,{className:"k-alt",alt:!0,children:[N(l,{className:"k-drag-cell",children:N(m,{icon:"reorder"})}),N(l,{children:"2"}),N(l,{children:"Chang"}),N(l,{children:"17"}),N(l,{children:"19"})]}),de(T,{children:[N(l,{className:"k-drag-cell",children:N(m,{icon:"reorder"})}),N(l,{children:"3"}),N(l,{children:"Aniseed Syrup"}),N(l,{children:"13"}),N(l,{children:"10"})]}),de(T,{className:"k-alt",alt:!0,children:[N(l,{className:"k-drag-cell",children:N(m,{icon:"reorder"})}),N(l,{children:"4"}),N(l,{children:"Chef Anton's Cajun Seasoning"}),N(l,{children:"53"}),N(l,{children:"22"})]}),de(T,{children:[N(l,{className:"k-drag-cell",children:N(m,{icon:"reorder"})}),N(l,{children:"5"}),N(l,{children:"Chef Anton's Gumbo Mix"}),N(l,{children:"0"}),N(l,{children:"21.35"})]})]})]})})})]})});case"filter-row":return N(ec,{...a,...n});default:return N(Q,{...a,...n,children:x})}};Tr.options=Ux;Tr.states=Fx;Tr.variants=$x;Tr.defaultOptions=cc;Tr.modifiers=Vx;import{jsx as Jx}from"react/jsx-runtime";var Wo="k-pane",Wx=[],Xx={},Xn={resizable:!0,flex:!1},Pe=e=>{let{scrollable:t,flexBasis:o,flex:a=Xn.flex,collapsible:n,resizable:i=Xn.resizable,pinned:d,unpinned:f,tabbed:x,...v}=e;return Jx("div",{...v,style:{flexBasis:o,...e.style},className:r(e.className,Wo,{[`${Wo}-static`]:o,[`${Wo}-flex`]:a,"k-scrollable":t,[`${Wo}-pinned`]:d,[`${Wo}-unpinned`]:f,[`${Wo}-tabbed`]:x}),role:"group",children:e.children})};Pe.states=Wx;Pe.options=Xx;Pe.className=Wo;Pe.defaultOptions=Xn;import{Fragment as pc,jsx as Xo,jsxs as Qx}from"react/jsx-runtime";var ha="k-splitbar",qx=[s.hover,s.focus],Yx={},Jn={orientation:"horizontal",draggable:!0},xa=e=>{let{hover:t,focus:o,orientation:a=Jn.orientation,draggable:n=Jn.draggable,collapsePrev:i,collapseNext:d,ariaLabel:f,...x}=e;return Qx("div",{...x,className:r(e.className,ha,O(ha,{hover:t,focus:o}),{[`${ha}-${a}`]:a,[`${ha}-draggable-${a}`]:n,[`${ha}-static-${a}`]:!n&&!i&&!d}),role:"separator","aria-label":f,...a==="horizontal"&&{"aria-orientation":"vertical"},"aria-keyshortcuts":"ArrowLeft ArrowRight ArrowUp ArrowDown",children:[i&&Xo(pc,{children:Xo("div",{className:"k-collapse-prev",children:Xo(m,{icon:`caret-alt-${a==="horizontal"?"left":"up"}`,size:"xsmall"})})}),Xo("div",{className:"k-resize-handle"}),d&&Xo(pc,{children:Xo("div",{className:"k-collapse-next",children:Xo(m,{icon:`caret-alt-${a==="horizontal"?"right":"down"}`,size:"xsmall"})})})]})};xa.states=qx;xa.options=Yx;xa.className=ha;xa.defaultOptions=Jn;var qn="splitter",mc=qn;import{jsx as eN,jsxs as tN}from"react/jsx-runtime";import{createElement as jx}from"react";var Yn="k-splitter",Zx={},uc={orientation:"horizontal"},Be=e=>{let{orientation:t=uc.orientation,children:o,panes:a,...n}=e,i=[];return a&&a.forEach((d,f)=>{let x=a[f+1],v=d.props,C=x?.props;i.push(jx(Pe,{...v,key:f})),x&&i.push(eN(xa,{draggable:v.resizable!==!1&&C.resizable!==!1,collapsePrev:v.collapsible,collapseNext:C.collapsible,orientation:t,ariaLabel:"Pane separator"},`splitbar-${f}`))}),tN("div",{...n,className:r(e.className,Yn,{[`${Yn}-${t}`]:t},"k-splitter-flex"),children:[i,o]})};Be.options=Zx;Be.className=Yn;Be.defaultOptions=uc;Be.moduleName=qn;Be.folderName=mc;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 d$,jsxs as c$}from"react/jsx-runtime";import{jsx as b$,jsxs as f$}from"react/jsx-runtime";import{jsx as Na}from"react/jsx-runtime";import{createElement as ol}from"react";var oN=Be.options,aN=Be.states,bc={...Be.defaultOptions,variant:"horizontal",firstPaneProps:!0,secondPaneProps:!0},rN=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],lN=[{name:"firstPaneProps",title:"Collapsible Left"},{name:"secondPaneProps",title:"Collapsible Right"}],hr=e=>{let{variant:t,modifiers:o,...a}={...bc,...e},n=x=>({collapsible:x,content:x?"Resizable and collapsible":"Resizable only"}),i=n(!0),d=n(!0),f={display:"flex",justifyContent:"center",alignItems:"center"};return Object.keys(o\|\|{}).forEach(x=>{let v=o?.[x];switch(x){case"secondPaneProps":d=n(!!v);break;case"firstPaneProps":i=n(!!v);break;default:break}}),t==="vertical"?Na(Be,{style:{height:"238px"},...a,orientation:"vertical",panes:[ol(Pe,{...i,flexBasis:"50%",style:f,key:"pane-1"},Na("p",{children:i.content})),ol(Pe,{...d,flexBasis:"50%",style:f,key:"pane-2"},Na("p",{children:d.content}))]}):Na(Be,{style:{height:"238px"},...a,orientation:"horizontal",panes:[ol(Pe,{...i,flexBasis:"50%",style:f,key:"pane-1"},Na("p",{children:i.content})),ol(Pe,{...d,flexBasis:"50%",style:f,key:"pane-2"},Na("p",{children:d.content}))]})};hr.options=oN;hr.states=aN;hr.variants=rN;hr.defaultOptions=bc;hr.modifiers=lN;var Qn="treelist",fc=Qn;import{jsx as dN}from"react/jsx-runtime";var Tc="k-treelist",nN=[],sN={},iN={},He=e=>dN(Q,{...e,className:r(Tc,e.className),children:e.children});He.states=nN;He.options=sN;He.className=Tc;He.defaultOptions=iN;He.moduleName=Qn;He.folderName=fc;import{jsx as V,jsxs as $e}from"react/jsx-runtime";var Jo=({gridHeader:e,gridContent:t,menu:o,...a})=>$e(He,{id:"treelist",_renderAriaRoot:!0,...a,children:[e\|\|V(X,{children:V("div",{className:"k-grid-header-wrap",children:$e(J,{children:[$e("colgroup",{children:[V("col",{}),V("col",{}),V("col",{})]}),V(q,{children:$e(T,{children:[V(M,{menu:o,columnTitle:"Name"}),V(M,{menu:o,columnTitle:"Position"}),V(M,{menu:o,columnTitle:"Hire Date"})]})})]})})}),V(se,{children:t\|\|V(Z,{children:$e(te,{children:[$e("colgroup",{children:[V("col",{}),V("col",{}),V("col",{})]}),$e(U,{children:[$e(T,{children:[$e(l,{children:[V(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),V(l,{children:"Sweeney"}),V(l,{children:"CEO"})]}),$e(T,{alt:!0,children:[$e(l,{children:[V(m,{className:"k-treelist-toggle",icon:"none"}),V(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),V(l,{children:"Wooten"}),V(l,{children:"Chief Technical Officer"})]}),$e(T,{children:[$e(l,{children:[V(m,{className:"k-treelist-toggle",icon:"none"}),V(m,{className:"k-treelist-toggle",icon:"none"}),V(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),V(l,{children:"Weber"}),V(l,{children:"VP, Engineering"})]}),$e(T,{alt:!0,children:[$e(l,{children:[V(m,{className:"k-treelist-toggle",icon:"none"}),V(m,{className:"k-treelist-toggle",icon:"none"}),V(m,{className:"k-treelist-toggle",icon:"none"}),V(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),V(l,{children:"Hood"}),V(l,{children:"Team Lead"})]}),$e(T,{children:[$e(l,{children:[V(m,{className:"k-treelist-toggle",icon:"none"}),V(m,{className:"k-treelist-toggle",icon:"none"}),V(m,{className:"k-treelist-toggle",icon:"none"}),V(m,{className:"k-treelist-toggle",icon:"none"}),V(m,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),V(l,{children:"Carr"}),V(l,{children:"Junior Software Developer"})]})]})]})})})]});import{jsx as cN}from"react/jsx-runtime";var hc=e=>cN(Jo,{menu:"column",...e});import{jsx as pN}from"react/jsx-runtime";var xc=e=>pN(Jo,{menu:"filter",...e});import{jsx as G,jsxs as Ve}from"react/jsx-runtime";var Nc=({gridHeader:e,gridContent:t,menu:o,...a})=>Ve(He,{id:"treelist",_renderAriaRoot:!0,...a,children:[e\|\|G(X,{children:G("div",{className:"k-grid-header-wrap",children:Ve(J,{children:[Ve("colgroup",{children:[G("col",{className:"k-drag-col"}),G("col",{}),G("col",{}),G("col",{})]}),G(q,{children:Ve(T,{children:[G(M,{}),G(M,{menu:o,columnTitle:"First Name"}),G(M,{menu:o,columnTitle:"Last Name"}),G(M,{menu:o,columnTitle:"Position"})]})})]})})}),G(se,{children:t\|\|G(Z,{children:Ve(te,{children:[Ve("colgroup",{children:[G("col",{className:"k-drag-col"}),G("col",{}),G("col",{}),G("col",{})]}),Ve(U,{children:[Ve(T,{children:[G(l,{className:"k-drag-cell",children:G(m,{icon:"reorder"})}),Ve(l,{children:[G(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),G(l,{children:"Sweeney"}),G(l,{children:"CEO"})]}),Ve(T,{alt:!0,children:[G(l,{className:"k-drag-cell",children:G(m,{icon:"reorder"})}),Ve(l,{children:[G(m,{className:"k-treelist-toggle",icon:"none"}),G(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),G(l,{children:"Wooten"}),G(l,{children:"Chief Technical Officer"})]}),Ve(T,{children:[G(l,{className:"k-drag-cell",children:G(m,{icon:"reorder"})}),Ve(l,{children:[G(m,{className:"k-treelist-toggle",icon:"none"}),G(m,{className:"k-treelist-toggle",icon:"none"}),G(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),G(l,{children:"Weber"}),G(l,{children:"VP, Engineering"})]}),Ve(T,{alt:!0,children:[G(l,{className:"k-drag-cell",children:G(m,{icon:"reorder"})}),Ve(l,{children:[G(m,{className:"k-treelist-toggle",icon:"none"}),G(m,{className:"k-treelist-toggle",icon:"none"}),G(m,{className:"k-treelist-toggle",icon:"none"}),G(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),G(l,{children:"Hood"}),G(l,{children:"Team Lead"})]}),Ve(T,{children:[G(l,{className:"k-drag-cell",children:G(m,{icon:"reorder"})}),Ve(l,{children:[G(m,{className:"k-treelist-toggle",icon:"none"}),G(m,{className:"k-treelist-toggle",icon:"none"}),G(m,{className:"k-treelist-toggle",icon:"none"}),G(m,{className:"k-treelist-toggle",icon:"none"}),G(m,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),G(l,{children:"Carr"}),G(l,{children:"Junior Software Developer"})]})]})]})})})]});import{jsx as nV,jsxs as sV}from"react/jsx-runtime";import{jsx as w,jsxs as fe}from"react/jsx-runtime";var mN=He.options,uN=He.states,gc={...He.defaultOptions,variant:"normal"},bN=[{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"}],fN=[{name:"toolbar",title:"Toolbar"},{name:"pager",title:"Pager"}],xr=e=>{let{variant:t,modifiers:o,...a}={...gc,...e},n={},i=fe(ao,{children:[w(p,{icon:"plus",children:"Add New"}),w(p,{icon:"file-pdf",children:"Export to PDF"}),w("span",{className:"k-spacer"}),w(Te,{prefix:w(m,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),d=w(ye,{pageSizes:!1,refresh:!1});switch(Object.keys(o\|\|{}).forEach(f=>{switch(f){case"toolbar":n.toolbar=o?.[f]?i:void 0;break;case"pager":n.pager=o?.[f]?d:void 0;break;default:return}}),t){case"row-reordering":return w(Nc,{...a,...n});case"column-menu":return w(hc,{...a,...n,gridHeader:w(X,{children:w("div",{className:"k-grid-header-wrap",children:fe(J,{children:[fe("colgroup",{children:[w("col",{}),w("col",{}),w("col",{})]}),w(q,{children:fe(T,{children:[w(M,{menu:"column",columnTitle:"First Name"}),w(M,{menu:"column",columnTitle:"Last Name"}),w(M,{menu:"column",columnTitle:"Position"})]})})]})})})});case"filter-row":return w(xc,{...a,...n,gridHeader:w(X,{children:w("div",{className:"k-grid-header-wrap",children:fe(J,{children:[fe("colgroup",{children:[w("col",{}),w("col",{}),w("col",{})]}),w(q,{children:fe(T,{children:[w(M,{menu:"filter",columnTitle:"First Name"}),w(M,{menu:"filter",columnTitle:"Last Name"}),w(M,{menu:"filter",columnTitle:"Position"})]})})]})})})});case"sorting":return w(Jo,{...a,...n,gridHeader:w(X,{children:w("div",{className:"k-grid-header-wrap",children:fe(J,{children:[fe("colgroup",{children:[w("col",{}),w("col",{}),w("col",{})]}),w(q,{children:fe(T,{children:[w(M,{columnTitle:"First Name"}),w(M,{columnTitle:"Last Name",sortable:!0}),w(M,{columnTitle:"Position"})]})})]})})}),gridContent:w(Z,{children:fe(te,{children:[fe("colgroup",{children:[w("col",{}),w("col",{className:"k-sorted"}),w("col",{})]}),fe(U,{children:[fe(T,{className:"k-treelist-group",children:[fe(l,{children:[w(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),w(l,{children:"Sweeney"}),w(l,{children:"CEO"})]}),fe(T,{className:"k-treelist-group k-alt",alt:!0,children:[fe(l,{children:[w(m,{className:"k-treelist-toggle",icon:"none"}),w(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),w(l,{children:"Wooten"}),w(l,{children:"Chief Technical Officer"})]}),fe(T,{className:"k-treelist-group",children:[fe(l,{children:[w(m,{className:"k-treelist-toggle",icon:"none"}),w(m,{className:"k-treelist-toggle",icon:"none"}),w(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),w(l,{children:"Weber"}),w(l,{children:"VP, Engineering"})]}),fe(T,{className:"k-treelist-group k-alt",alt:!0,children:[fe(l,{children:[w(m,{className:"k-treelist-toggle",icon:"none"}),w(m,{className:"k-treelist-toggle",icon:"none"}),w(m,{className:"k-treelist-toggle",icon:"none"}),w(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),w(l,{children:"Hood"}),w(l,{children:"Team Lead"})]}),fe(T,{children:[fe(l,{children:[w(m,{className:"k-treelist-toggle",icon:"none"}),w(m,{className:"k-treelist-toggle",icon:"none"}),w(m,{className:"k-treelist-toggle",icon:"none"}),w(m,{className:"k-treelist-toggle",icon:"none"}),w(m,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),w(l,{children:"Carr"}),w(l,{children:"Junior Software Developer"})]})]})]})})});default:return w(Jo,{...a,...n,gridHeader:w(X,{children:w("div",{className:"k-grid-header-wrap",children:fe(J,{children:[fe("colgroup",{children:[w("col",{}),w("col",{}),w("col",{})]}),w(q,{children:fe(T,{children:[w(M,{columnTitle:"First Name"}),w(M,{columnTitle:"Last Name"}),w(M,{columnTitle:"Position"})]})})]})})})})}};xr.options=mN;xr.states=uN;xr.variants=bN;xr.defaultOptions=gc;xr.modifiers=fN;import{jsx as b,jsxs as _}from"react/jsx-runtime";var kc=({flexBasis:e="30%",gridContentHeight:t="180px",tablesWidth:o="675px",tablesHeight:a="828px",currentTimeLeftOffset:n="243px",ganttDependencies:i,menu:d,...f})=>b(Kt,{headerToolbar:_(Do,{children:[b(p,{className:"k-gantt-toggle",icon:"layout-1-by-4"}),b(p,{className:"k-gantt-create",icon:"plus",children:"Add Task"}),b("span",{className:"k-spacer"}),_("div",{className:"k-gantt-views-wrapper",children:[_("select",{className:"k-picker k-dropdown-list k-dropdown k-views-dropdown",children:[b("option",{value:"day",children:"Day"}),b("option",{value:"week",children:"Week"}),b("option",{value:"month",children:"Month"})]}),_(D,{className:"k-gantt-views",children:[b(p,{className:"k-view-day k-group-start",children:"Day"}),b(p,{className:"k-view-week",selected:!0,children:"Week"}),b(p,{className:"k-view-month k-group-end",children:"Month"})]})]})]}),footerToolbar:b(Bo,{children:b(p,{className:"k-gantt-create",icon:"plus",children:"Add Task"})}),...f,children:b(_o,{children:f.children\|\|b(Be,{className:"k-gantt-splitter",panes:[b(Pe,{className:"k-gantt-treelist",flexBasis:e,children:_(He,{_renderAriaRoot:!0,children:[b(X,{children:b("div",{className:"k-grid-header-wrap",children:_(J,{style:{minWidth:"250px"},children:[_("colgroup",{children:[b("col",{style:{width:"50px"}}),b("col",{})]}),b(q,{children:_(T,{children:[b(M,{menu:d,rowspan:1,columnTitle:"ID"}),b(M,{menu:d,rowspan:1,columnTitle:"Title"})]})})]})})}),b(se,{children:b(Z,{style:{height:t},children:_(te,{style:{minWidth:"250px"},children:[_("colgroup",{children:[b("col",{style:{width:"50px"}}),b("col",{})]}),_(U,{children:[_(T,{children:[b(l,{children:"7"}),_(l,{children:[b(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Software validation, research and implementation"]})]}),_(T,{alt:!0,children:[b(l,{children:"18"}),_(l,{children:[b(m,{className:"k-treelist-toggle",icon:"none"}),b(m,{className:"k-treelist-toggle",icon:"none"}),"Project Kickoff"]})]}),_(T,{children:[b(l,{children:"11"}),_(l,{children:[b(m,{className:"k-treelist-toggle",icon:"none"}),b(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Research"]})]}),_(T,{alt:!0,children:[b(l,{children:"19"}),_(l,{children:[b(m,{className:"k-treelist-toggle",icon:"none"}),b(m,{className:"k-treelist-toggle",icon:"none"}),b(m,{className:"k-treelist-toggle",icon:"none"}),"Validation with Customers"]})]}),_(T,{children:[b(l,{children:"20"}),_(l,{children:[b(m,{className:"k-treelist-toggle",icon:"none"}),b(m,{className:"k-treelist-toggle",icon:"none"}),b(m,{className:"k-treelist-toggle",icon:"none"}),"Market Research"]})]})]})]})})})]})},"gantt-treelist-pane"),b(Pe,{className:"k-gantt-timeline-pane",children:_(Q,{className:"k-gantt-timeline",children:[b(X,{children:b("div",{className:"k-grid-header-wrap",children:_(J,{style:{width:o},children:[_("colgroup",{children:[b("col",{}),b("col",{}),b("col",{}),b("col",{}),b("col",{}),b("col",{}),b("col",{})]}),_(U,{children:[b(T,{children:b(l,{className:"k-header",colspan:7,children:"Sun 6/01 - Sat 6/07"})}),_(T,{children:[b(l,{colspan:1,className:"k-header k-nonwork-hour",children:"Sun 6/01"}),b(l,{className:"k-header",colspan:1,children:"Mon 6/02"}),b(l,{className:"k-header",colspan:1,children:"Tue 6/03"}),b(l,{className:"k-header",colspan:1,children:"Wed 6/04"}),b(l,{className:"k-header",colspan:1,children:"Thu 6/05"}),b(l,{className:"k-header",colspan:1,children:"Fri 6/06"}),b(l,{colspan:1,className:"k-header k-nonwork-hour",children:"Sat 6/07"})]})]})]})})}),_(Z,{style:{height:t},children:[_(zo,{children:[_(Fo,{className:"k-grid-table",style:{width:o},children:[b("colgroup",{children:b("col",{})}),_(U,{children:[b(T,{children:b(l,{})}),b(T,{alt:!0,children:b(l,{})}),b(T,{children:b(l,{})}),b(T,{alt:!0,children:b(l,{})}),b(T,{children:b(l,{})})]})]}),_(Uo,{style:{width:o,height:a},children:[_("colgroup",{children:[b("col",{}),b("col",{}),b("col",{}),b("col",{}),b("col",{}),b("col",{}),b("col",{})]}),b(U,{children:_(T,{children:[b(l,{className:"k-nonwork-hour"}),b(l,{}),b(l,{}),b(l,{}),b(l,{}),b(l,{}),b(l,{className:"k-nonwork-hour"})]})})]}),_($o,{style:{width:o},children:[b("colgroup",{children:b("col",{})}),_(U,{children:[b(T,{children:b(l,{children:_(De,{type:"summary",style:{left:"113px"},children:[b(Ke,{type:"summary",style:{width:"4000px"},children:b("div",{className:"k-task-summary-progress",style:{width:"1720px"},children:b("div",{className:"k-task-summary-complete",style:{width:"4000px"}})})}),b(pe,{}),b(pe,{position:"end",style:{right:"0px"}})]})})}),b(T,{children:b(l,{children:_(De,{type:"milestone",style:{left:"113px"},children:[b(Ke,{type:"milestone"}),b(pe,{}),b(pe,{position:"end",style:{right:"0px"}})]})})}),b(T,{children:b(l,{children:_(De,{type:"summary",style:{left:"113px"},children:[b(Ke,{type:"summary",style:{width:"500px"},children:b("div",{className:"k-task-summary-progress",style:{width:"215px"},children:b("div",{className:"k-task-summary-complete",style:{width:"500px"}})})}),b(pe,{}),b(pe,{position:"end",style:{right:"0px"}})]})})}),b(T,{children:b(l,{children:_(De,{style:{left:"113px"},children:[_(Ke,{style:{width:"200px"},children:[b("div",{className:"k-task-complete",style:{width:"50px"}}),b(Ot,{content:"Validation with Customers"})]}),b(pe,{}),b(pe,{position:"end",style:{right:"0px"}}),b("div",{className:"k-task-draghandle",style:{left:"50px"}})]})})}),b(T,{children:b(l,{children:_(De,{style:{left:"113px"},children:[_(Ke,{style:{width:"200px"},children:[b("div",{className:"k-task-complete",style:{width:"164px"}}),b(Ot,{content:"Market Research"})]}),b(pe,{}),b(pe,{position:"end",style:{right:"0px"}}),b("div",{className:"k-task-draghandle",style:{left:"164px"}})]})})})]})]})]}),i\|\|_("div",{className:"k-gantt-dependencies",style:{width:o},children:[b(Y,{style:{left:"124.5px",top:"53px",width:"10px"}}),b(Y,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),b(Y,{style:{left:"103px",top:"71px",width:"31.5px"}}),b(Y,{orientation:"vertical",style:{left:"103px",top:"71px",height:"54px"}}),b(Y,{style:{left:"103px",top:"125px",width:"9px"},children:b("span",{className:"k-arrow-e"})}),b(Y,{style:{left:"124.5px",top:"53px",width:"10px"}}),b(Y,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),b(Y,{style:{left:"103px",top:"71px",width:"31.5px"}}),b(Y,{orientation:"vertical",style:{left:"103px",top:"71px",height:"90px"}}),b(Y,{style:{left:"103px",top:"161px",width:"9px"},children:b("span",{className:"k-arrow-e"})}),b(Y,{style:{left:"313px",top:"125px",width:"10px"}}),b(Y,{orientation:"vertical",style:{left:"321px",top:"125px",height:"18px"}}),b(Y,{style:{left:"303px",top:"143px",width:"20px"}}),b(Y,{orientation:"vertical",style:{left:"303px",top:"143px",height:"18px"}})]}),b("div",{className:"k-current-time",style:{left:n,top:"0px",width:"1px",height:a}})]})]})},"gantt-timeline-pane")]})})});import{jsx as kN}from"react/jsx-runtime";var TN={},hN=[],xN=[],NN={},gN=[],Nr=()=>kN(kc,{flexBasis:"40%",gridContentHeight:"197px",style:{width:"90%",height:"367px"}});Nr.options=TN;Nr.states=hN;Nr.variants=xN;Nr.defaultOptions=NN;Nr.modifiers=gN;import{jsx as u,jsxs as z}from"react/jsx-runtime";var fW=({flexBasis:e="30%",gridContentHeight:t="180px",tablesWidth:o="675px",tablesHeight:a="828px",currentTimeLeftOffset:n="243px",ganttDependencies:i,menu:d,...f})=>u(Kt,{headerToolbar:z(Do,{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"}),z("div",{className:"k-gantt-views-wrapper",children:[z("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"})]}),z(D,{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(Bo,{children:u(p,{className:"k-gantt-create",icon:"plus",children:"Add Task"})}),...f,children:u(_o,{children:f.children\|\|u(Be,{className:"k-gantt-splitter",panes:[u(Pe,{className:"k-gantt-treelist",flexBasis:e,children:z(He,{_renderAriaRoot:!0,children:[u(X,{children:u("div",{className:"k-grid-header-wrap",children:z(J,{style:{minWidth:"250px"},children:[z("colgroup",{children:[u("col",{className:"k-drag-col"}),u("col",{style:{width:"50px"}}),u("col",{})]}),u(q,{children:z(T,{children:[u(M,{}),u(M,{menu:d,rowspan:1,columnTitle:"ID"}),u(M,{menu:d,rowspan:1,columnTitle:"Title"})]})})]})})}),u(se,{children:u(Z,{style:{height:t},children:z(te,{style:{minWidth:"250px"},children:[z("colgroup",{children:[u("col",{className:"k-drag-col"}),u("col",{style:{width:"50px"}}),u("col",{})]}),z(U,{children:[z(T,{children:[u(l,{className:"k-drag-cell",children:u(m,{icon:"reorder"})}),u(l,{children:"7"}),z(l,{children:[u(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Software validation, research and implementation"]})]}),z(T,{alt:!0,children:[u(l,{className:"k-drag-cell",children:u(m,{icon:"reorder"})}),u(l,{children:"18"}),z(l,{children:[u(m,{className:"k-treelist-toggle",icon:"none"}),u(m,{className:"k-treelist-toggle",icon:"none"}),"Project Kickoff"]})]}),z(T,{children:[u(l,{className:"k-drag-cell",children:u(m,{icon:"reorder"})}),u(l,{children:"11"}),z(l,{children:[u(m,{className:"k-treelist-toggle",icon:"none"}),u(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Research"]})]}),z(T,{alt:!0,children:[u(l,{className:"k-drag-cell",children:u(m,{icon:"reorder"})}),u(l,{children:"19"}),z(l,{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"]})]}),z(T,{children:[u(l,{className:"k-drag-cell",children:u(m,{icon:"reorder"})}),u(l,{children:"20"}),z(l,{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(Pe,{className:"k-gantt-timeline-pane",children:z(Q,{className:"k-gantt-timeline",children:[u(X,{children:u("div",{className:"k-grid-header-wrap",children:z(J,{style:{width:o},children:[z("colgroup",{children:[u("col",{}),u("col",{}),u("col",{}),u("col",{}),u("col",{}),u("col",{}),u("col",{})]}),z(U,{children:[u(T,{children:u(l,{className:"k-header",colspan:7,children:"Sun 6/01 - Sat 6/07"})}),z(T,{children:[u(l,{colspan:1,className:"k-header k-nonwork-hour",children:"Sun 6/01"}),u(l,{className:"k-header",colspan:1,children:"Mon 6/02"}),u(l,{className:"k-header",colspan:1,children:"Tue 6/03"}),u(l,{className:"k-header",colspan:1,children:"Wed 6/04"}),u(l,{className:"k-header",colspan:1,children:"Thu 6/05"}),u(l,{className:"k-header",colspan:1,children:"Fri 6/06"}),u(l,{colspan:1,className:"k-header k-nonwork-hour",children:"Sat 6/07"})]})]})]})})}),z(Z,{style:{height:t},children:[z(zo,{children:[z(Fo,{className:"k-grid-table",style:{width:o},children:[u("colgroup",{children:u("col",{})}),z(U,{children:[u(T,{children:u(l,{})}),u(T,{alt:!0,children:u(l,{})}),u(T,{children:u(l,{})}),u(T,{alt:!0,children:u(l,{})}),u(T,{children:u(l,{})})]})]}),z(Uo,{style:{width:o,height:a},children:[z("colgroup",{children:[u("col",{}),u("col",{}),u("col",{}),u("col",{}),u("col",{}),u("col",{}),u("col",{})]}),u(U,{children:z(T,{children:[u(l,{className:"k-nonwork-hour"}),u(l,{}),u(l,{}),u(l,{}),u(l,{}),u(l,{}),u(l,{className:"k-nonwork-hour"})]})})]}),z($o,{style:{width:o},children:[u("colgroup",{children:u("col",{})}),z(U,{children:[u(T,{children:u(l,{children:z(De,{type:"summary",style:{left:"113px"},children:[u(Ke,{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(pe,{}),u(pe,{position:"end",style:{right:"0px"}})]})})}),u(T,{children:u(l,{children:z(De,{type:"milestone",style:{left:"113px"},children:[u(Ke,{type:"milestone"}),u(pe,{}),u(pe,{position:"end",style:{right:"0px"}})]})})}),u(T,{children:u(l,{children:z(De,{type:"summary",style:{left:"113px"},children:[u(Ke,{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(pe,{}),u(pe,{position:"end",style:{right:"0px"}})]})})}),u(T,{children:u(l,{children:z(De,{style:{left:"113px"},children:[z(Ke,{style:{width:"200px"},children:[u("div",{className:"k-task-complete",style:{width:"50px"}}),u(Ot,{content:"Validation with Customers"})]}),u(pe,{}),u(pe,{position:"end",style:{right:"0px"}}),u("div",{className:"k-task-draghandle",style:{left:"50px"}})]})})}),u(T,{children:u(l,{children:z(De,{style:{left:"113px"},children:[z(Ke,{style:{width:"200px"},children:[u("div",{className:"k-task-complete",style:{width:"164px"}}),u(Ot,{content:"Market Research"})]}),u(pe,{}),u(pe,{position:"end",style:{right:"0px"}}),u("div",{className:"k-task-draghandle",style:{left:"164px"}})]})})})]})]})]}),i\|\|z("div",{className:"k-gantt-dependencies",style:{width:o},children:[u(Y,{style:{left:"124.5px",top:"53px",width:"10px"}}),u(Y,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),u(Y,{style:{left:"103px",top:"71px",width:"31.5px"}}),u(Y,{orientation:"vertical",style:{left:"103px",top:"71px",height:"54px"}}),u(Y,{style:{left:"103px",top:"125px",width:"9px"},children:u("span",{className:"k-arrow-e"})}),u(Y,{style:{left:"124.5px",top:"53px",width:"10px"}}),u(Y,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),u(Y,{style:{left:"103px",top:"71px",width:"31.5px"}}),u(Y,{orientation:"vertical",style:{left:"103px",top:"71px",height:"90px"}}),u(Y,{style:{left:"103px",top:"161px",width:"9px"},children:u("span",{className:"k-arrow-e"})}),u(Y,{style:{left:"313px",top:"125px",width:"10px"}}),u(Y,{orientation:"vertical",style:{left:"321px",top:"125px",height:"18px"}}),u(Y,{style:{left:"303px",top:"143px",width:"20px"}}),u(Y,{orientation:"vertical",style:{left:"303px",top:"143px",height:"18px"}})]}),u("div",{className:"k-current-time",style:{left:n,top:"0px",width:"1px",height:a}})]})]})},"gantt-timeline-pane")]})})});export{fW as GanttRowReordering};