@progress/kendo-themes-html 13.2.0-dev.4 → 14.0.0-dev.1

package/dist/cjs/gantt/templates/gantt-with-tooltip.js

@@ -1 +1 @@
-var Db=Object.create;var pl=Object.defineProperty;var Bb=Object.getOwnPropertyDescriptor;var zb=Object.getOwnPropertyNames;var Ub=Object.getPrototypeOf,Fb=Object.prototype.hasOwnProperty;var $b=(e,t)=>{for(var o in t)pl(e,o,{get:t[o],enumerable:!0})},Ys=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let l of zb(t))!Fb.call(e,l)&&l!==o&&pl(e,l,{get:()=>t[l],enumerable:!(r=Bb(t,l))||r.enumerable});return e};var Qs=(e,t,o)=>(o=e!=null?Db(Ub(e)):{},Ys(t||!e||!e.__esModule?pl(o,"default",{value:e,enumerable:!0}):o,e)),Wb=e=>Ys(pl({},"__esModule",{value:!0}),e);var Nv={};$b(Nv,{GanttWithTooltip:()=>kv});module.exports=Wb(Nv);var a=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?a(...t):typeof t=="object"?Object.keys(t).map((o,r)=>t[r]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var E=(e,t)=>a({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),I=(e,t)=>{let{valid:o,invalid:r,hover:l,focus:n,checked:c,active:b,selected:g,disabled:k,indeterminate:L,loading:y,empty:x,readonly:R,highlighted:A,...K}=t;return a({"k-valid":o,"k-invalid":r,"k-hover":l,"k-focus":n,"k-checked":c,"k-active":b,"k-selected":g,"k-disabled":k,"k-indeterminate":L&&!c,"k-loading":y,"k-empty":x,"k-readonly":R,"k-highlighted":A},Object.keys(K).reduce((X,U)=>(U.startsWith("k-")?X[U]=K[U]:X[`k-${U}`]=K[U],X),{}))};function Zs(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(r=>[`k-${r}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},w={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},v={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},S={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",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"},js={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var ai={};function B(e){return ai[e]=(ai[e]||0)+1,`k-${e}-${ai[e]}`}var Te="gantt",ge=Te;var td=require("react/jsx-runtime"),ed="k-gantt",Vb=[],Xb={},Jb={},xt=e=>{let{headerToolbar:t,footerToolbar:o,...r}=e;return(0,td.jsxs)("div",{...r,className:a(e.className,ed),role:"application","aria-roledescription":"Gantt Chart",children:[t,e.children,o]})};xt.states=Vb;xt.options=Xb;xt.className=ed;xt.defaultOptions=Jb;xt.moduleName=Te;xt.folderName=ge;xt.ariaSpec={selector:".k-gantt",rules:[{selector:".k-gantt",attribute:"role=application",usage:"The Gantt uses role=application to indicate a complex interactive widget."},{selector:".k-gantt",attribute:"aria-roledescription",usage:"Provides a human-readable description of the component role."},{selector:".k-gantt-toolbar",attribute:"role=toolbar",usage:"The toolbar is a collection of command buttons and inputs."},{selector:".k-gantt-toolbar",attribute:"aria-label",usage:"Clarifies the purpose of the toolbar."},{selector:".k-gantt-toggle",attribute:"aria-label",usage:"Icon-only toggle button must have accessible text."},{selector:"select.k-views-dropdown",attribute:"aria-label",usage:"The view selector dropdown must have an accessible name."},{selector:".k-gantt-timeline .k-grid-content",attribute:"role=tree",usage:"The timeline content area is a tree structure."},{selector:".k-gantt-timeline .k-gantt-rows",attribute:"role=presentation",usage:"The rows grid is presentational."},{selector:".k-gantt-timeline .k-gantt-columns",attribute:"role=presentation",usage:"The columns grid is presentational."},{selector:".k-gantt-timeline .k-gantt-tasks",attribute:"role=presentation",usage:"The tasks table is presentational."},{selector:".k-gantt-timeline .k-task",attribute:"role=treeitem",usage:"Each task in the timeline is a tree item."},{selector:".k-gantt-timeline .k-task",attribute:"aria-level (when present)",usage:"Specifies the nesting level of the task."},{selector:".k-gantt-timeline .k-task",attribute:"aria-describedby (when present)",usage:"References the tooltip providing task details (when visible)."},{selector:".k-gantt-timeline .k-task .k-task-complete",attribute:"aria-hidden=true",usage:"The progress indicator is decorative."},{selector:".k-gantt-timeline .k-task .k-task-actions",attribute:"aria-hidden=true",usage:"Task action buttons are hidden from the accessibility tree."},{selector:".k-gantt-dependencies",attribute:"aria-hidden=true",usage:"Dependency lines are decorative."},{selector:".k-current-time",attribute:"aria-hidden=true",usage:"The current time marker is decorative."},{selector:".k-task-dot",attribute:"aria-hidden=true",usage:"Task connection dots are decorative."},{selector:".k-gantt-line",attribute:"aria-hidden=true",usage:"Dependency connector lines are decorative."},{selector:".k-task-draghandle",attribute:"aria-hidden=true",usage:"The progress drag handle is decorative."},{selector:".k-resize-handle",attribute:"aria-hidden=true",usage:"Resize handles are decorative."},{selector:".k-drag-cell",attribute:"aria-label",usage:"Drag cells must have an accessible name."}]};var Rr=require("react/jsx-runtime"),ri="k-font-icon",qb=[],Yb={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info]},Qb={},Ar=e=>{let{size:t,themeColor:o,icon:r,rotate:l,flip:n,...c}=e;return r?(0,Rr.jsx)("span",{...c,className:a(e.className,ri,E(ri,{size:t}),{[`k-i-${r}`]:r,[`k-color-${o}`]:o,[`k-rotate-${l}`]:l,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true"}):(0,Rr.jsx)(Rr.Fragment,{})};Ar.states=qb;Ar.options=Yb;Ar.className=ri;Ar.defaultOptions=Qb;var od=Ar;var na=require("react/jsx-runtime"),li="k-svg-icon",Zb=[],jb={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info]},ad={viewBox:"0 0 24 24"},Er=e=>{let{size:t,themeColor:o,rotate:r,flip:l,viewBox:n=ad.viewBox,icon:c,...b}=e;if(!c)return(0,na.jsx)(na.Fragment,{});if(c==="none")return(0,na.jsx)("span",{...b,className:a(e.className,li,E("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let g=typeof c=="object"&&c.name&&c.name;return(0,na.jsx)("span",{...b,className:a(e.className,li,E("k-icon",{size:t}),{[`k-svg-i-${g}`]:g,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true",children:(0,na.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:n,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};Er.states=Zb;Er.options=jb;Er.className=li;Er.defaultOptions=ad;var ii=Er;var ni=Qs(require("@progress/kendo-svg-icons"));var rd="icon",ld="icons";var sd=require("react");var id=require("react"),nd=(0,id.createContext)({iconsType:"svg"});var To=require("react/jsx-runtime"),ml="k-icon",eT=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),tT=[],oT={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info]},si={viewBox:"0 0 24 24",type:"svg"},p=e=>{let{iconsType:t}=(0,sd.useContext)(nd),{size:o,themeColor:r,icon:l,type:n=t||si.type,rotate:c,flip:b,viewBox:g=si.viewBox,...k}=e;if(!l)return(0,To.jsx)(To.Fragment,{});if((t||n)==="svg"){if(l==="none")return(0,To.jsx)(ii,{...k,className:a(e.className,ml),icon:l,size:o});let y=ni[l]?l:eT(`${l}-icon`);return ni[y]?(0,To.jsx)(ii,{...k,className:a(e.className,ml),icon:ni[y],size:o,themeColor:r,rotate:c,flip:b,viewBox:g}):(0,To.jsx)(To.Fragment,{})}return(0,To.jsx)(od,{...k,className:a(e.className,ml),icon:l,size:o,themeColor:r,rotate:c,flip:b})};p.states=tT;p.options=oT;p.defaultOptions=si;p.className=ml;p.moduleName=rd;p.folderName=ld;p.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 di="button",dd=di;var Qt=require("react/jsx-runtime"),Ir="k-button",aT=["icon-button"],rT=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],lT={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[w.undefined,w.none,w.small,w.medium,w.large,w.full],fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info,S.inverse]},ci={showArrow:!1,arrowIconName:"caret-alt-down"},u=e=>{let{as:t="button",size:o,rounded:r,fillMode:l,themeColor:n,showArrow:c=ci.showArrow,arrowIconName:b=ci.arrowIconName,variant:g,hover:k,focus:L,active:y,selected:x,disabled:R,togglable:A,ariaDisabled:K,icon:X,text:U,iconClassName:te,className:ve,...be}=e,st=X!==void 0,dt=e.children!==void 0;return(0,Qt.jsxs)(t,{className:a(ve,Ir,Zs(Ir,g),E(Ir,{size:o,rounded:r,fillMode:l,themeColor:n}),I(Ir,{hover:k,focus:L,active:y,disabled:R||K,selected:x}),{"k-icon-button":!U&&!dt&&st}),...be,"aria-pressed":A?x?"true":"false":void 0,"aria-disabled":K?"true":void 0,disabled:R||void 0,children:[X&&(0,Qt.jsx)(p,{className:a(te,"k-button-icon"),icon:X}),U?(0,Qt.jsxs)(Qt.Fragment,{children:[U&&(0,Qt.jsx)("span",{className:"k-button-text",children:U}),e.children]}):e.children&&(0,Qt.jsx)("span",{className:"k-button-text",children:e.children}),c&&(0,Qt.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,Qt.jsx)(p,{icon:b})})]})};u.states=rT;u.options=lT;u.variants=aT;u.className=Ir;u.defaultOptions=ci;u.moduleName=di;u.folderName=dd;u.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};var cd=require("react/jsx-runtime"),Po=e=>(0,cd.jsx)(u,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var pd=require("react/jsx-runtime"),Gr=e=>(0,pd.jsx)(u,{icon:"folder",children:"Button",...e});var md=require("react/jsx-runtime"),sa=e=>(0,md.jsx)(u,{children:"Button",...e});var ul=require("react/jsx-runtime"),iT=u.options,nT=u.states,sT={...u.defaultOptions,variant:"text"},dT=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],cT=[],Ca=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,ul.jsx)(Po,{...o,icon:"star"});case"icon-and-text":return(0,ul.jsx)(Gr,{...o,icon:"star",children:"Button"});default:return(0,ul.jsx)(sa,{...o,children:"Button"})}};Ca.options=iT;Ca.states=nT;Ca.variants=dT;Ca.defaultOptions=sT;Ca.modifiers=cT;Ca.className=u.className;var pi="button",ud=pi;var bd=require("react/jsx-runtime"),Or="k-button-group",pT=[s.disabled],mT={fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link]},uT={},q=e=>{let{fillMode:t,disabled:o,stretched:r,...l}=e;return(0,bd.jsx)("div",{role:"group",...l,className:a(e.className,Or,E(Or,{fillMode:t}),I(Or,{disabled:o}),{[`${Or}-stretched`]:r}),...o&&{"aria-disabled":"true"},children:e.children})};q.states=pT;q.options=mT;q.className=Or;q.defaultOptions=uT;q.moduleName=pi;q.folderName=ud;q.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."}]};var mi=require("react/jsx-runtime");var ui=require("react/jsx-runtime");var bi=require("react/jsx-runtime");var Ti=require("react/jsx-runtime");var fi=require("react/jsx-runtime");var gi=require("react/jsx-runtime");var kt=require("react/jsx-runtime"),bT={...u.options,...q.options},TT=u.states,fT={...u.defaultOptions,...q.defaultOptions,variant:"text-button"},gT=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],hT=[],La=e=>{let{variant:t,className:o,...r}=e;return t==="icon-button"?(0,kt.jsxs)(q,{fillMode:r.fillMode,className:o,children:[(0,kt.jsx)(u,{...r,icon:"star"}),(0,kt.jsx)(u,{...r,icon:"star"}),(0,kt.jsx)(u,{...r,icon:"star"})]}):t==="icon-text-button"?(0,kt.jsxs)(q,{fillMode:r.fillMode,className:o,children:[(0,kt.jsx)(u,{...r,icon:"star",children:"First"}),(0,kt.jsx)(u,{...r,icon:"star",children:"Middle"}),(0,kt.jsx)(u,{...r,icon:"star",children:"Last"})]}):(0,kt.jsxs)(q,{fillMode:r.fillMode,className:o,children:[(0,kt.jsx)(u,{...r,children:"First"}),(0,kt.jsx)(u,{...r,children:"Middle"}),(0,kt.jsx)(u,{...r,children:"Last"})]})};La.options=bT;La.states=TT;La.variants=gT;La.defaultOptions=fT;La.modifiers=hT;La.className=q.className;var Hr="input",bl=Hr;var Td=require("react/jsx-runtime"),Tl="k-input",xT=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],kT={size:[d.undefined,d.small,d.medium,d.large],rounded:[w.undefined,w.none,w.small,w.medium,w.large,w.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},NT={},He=e=>{let{hover:t,focus:o,disabled:r,invalid:l,valid:n,loading:c,readonly:b,size:g,rounded:k,fillMode:L,...y}=e;return(0,Td.jsx)("span",{...y,className:a(e.className,Tl,E(Tl,{size:g,rounded:k,fillMode:L}),I(Tl,{hover:t,focus:o,disabled:r,invalid:l,valid:n,loading:c,readonly:b}))})};He.states=xT;He.options=kT;He.className=Tl;He.defaultOptions=NT;He.moduleName=Hr;He.folderName=bl;var fd=require("react/jsx-runtime"),fl="k-picker",wT=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],vT={size:[d.undefined,d.small,d.medium,d.large],rounded:[w.undefined,w.none,w.small,w.medium,w.large,w.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},CT={},ro=e=>{let{hover:t,focus:o,disabled:r,invalid:l,valid:n,loading:c,readonly:b,size:g,rounded:k,fillMode:L,...y}=e;return(0,fd.jsx)("span",{...y,className:a(e.className,fl,E(fl,{size:g,rounded:k,fillMode:L}),I(fl,{hover:t,focus:o,disabled:r,invalid:l,valid:n,loading:c,readonly:b})),children:e.children})};ro.states=wT;ro.options=vT;ro.className=fl;ro.defaultOptions=CT;ro.moduleName=Hr;ro.folderName=bl;var ya=require("react/jsx-runtime"),gd="k-clear-value",LT=[s.disabled,s.loading,s.readonly],yT={},St=e=>{let{disabled:t,loading:o,readonly:r,value:l}=e;return t||r||o||!l?(0,ya.jsx)(ya.Fragment,{}):(0,ya.jsx)("span",{className:a(e.className,gd),children:(0,ya.jsx)(p,{icon:"x"})})};St.states=LT;St.options=yT;St.className=gd;var hd=require("react/jsx-runtime"),hi="k-input-inner",MT=[],ST={},gl={type:"text",autocomplete:"off",value:"",placeholder:""},Rt=e=>{let{value:t=gl.value,type:o=gl.type,placeholder:r=gl.placeholder,autocomplete:l=gl.autocomplete,disabled:n,readOnly:c,...b}=e;return(0,hd.jsx)("input",{...b,type:o,className:a(e.className,hi,E(hi,e)),placeholder:r,autoComplete:l,defaultValue:t,disabled:n||void 0,readOnly:c||void 0})};Rt.states=MT;Rt.options=ST;Rt.className=hi;var Pr=require("react/jsx-runtime"),xi="k-input-inner",RT=[],AT={},da=e=>{let{value:t,placeholder:o,showValue:r,valueIcon:l,valueIconName:n,...c}=e;return(0,Pr.jsxs)("span",{...c,className:a(e.className,xi,E(xi,e)),children:[l,!l&&n&&(0,Pr.jsx)(p,{className:"k-input-value-icon",icon:n}),r&&!t&&o,r&&t&&(0,Pr.jsx)("span",{className:"k-input-value-text",children:t})]})};da.states=RT;da.options=AT;da.className=xi;var kd=require("react/jsx-runtime"),ki="k-input-inner",ET=[],IT={},xd={value:"",placeholder:""},Ni=e=>{let{value:t=xd.value,placeholder:o=xd.placeholder,rows:r,disabled:l,...n}=e;return(0,kd.jsx)("textarea",{...n,className:a(e.className,ki,E(ki,e)),placeholder:o,rows:r,defaultValue:t,disabled:l||void 0})};Ni.states=ET;Ni.options=IT;Ni.className=ki;var _r=require("react/jsx-runtime"),Nd="k-input-loading-icon",GT=[s.disabled,s.loading],Nt=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,_r.jsx)(_r.Fragment,{}):(0,_r.jsx)("span",{className:a(e.className,Nd,"k-icon k-i-loading")})};Nt.states=GT;Nt.className=Nd;var Kr=require("react/jsx-runtime"),wd="k-input-validation-icon",OT=[s.valid,s.invalid,s.disabled,s.loading],HT={},ct=e=>{let{valid:t,invalid:o,disabled:r,loading:l}=e,n=o?"warning-circle":"check-circle";return r||l||!!!(t||o)?(0,Kr.jsx)(Kr.Fragment,{}):(0,Kr.jsx)(p,{className:a(wd),icon:n})};ct.states=OT;ct.options=HT;ct.className=wd;var Dr=require("react/jsx-runtime"),PT="k-input-prefix",_T={direction:"horizontal"},Bt=e=>{let{direction:t=_T.direction,...o}=e;return e.children?(0,Dr.jsx)("span",{...o,className:a(PT,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,Dr.jsx)(Dr.Fragment,{})};var Br=require("react/jsx-runtime"),KT="k-input-suffix",DT={direction:"horizontal"},zt=e=>{let{direction:t=DT.direction,...o}=e;return e.children?(0,Br.jsx)("span",{...o,className:a(KT,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,Br.jsx)(Br.Fragment,{})};var BT=require("react/jsx-runtime");var vd=require("react/jsx-runtime"),zT="k-input-suffix-text",wi=e=>{let{children:t,...o}=e;return(0,vd.jsx)("span",{...o,className:a(zT,e.className),children:t})};var Ld=require("react/jsx-runtime"),Cd="k-input-separator",UT={direction:"vertical"},Ut=e=>{let{direction:t=UT.direction,...o}=e;return(0,Ld.jsx)("span",{...o,className:a(Cd,e.className,{[`${Cd}-${t}`]:t})})};var Ue=require("react/jsx-runtime"),FT=He.states,$T=He.defaultOptions,WT=He.options,VT=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],XT=[],Ma=e=>{let{modifiers:t,valid:o,invalid:r,loading:l,disabled:n,readonly:c,...b}=e,g=t==null?void 0:t.prefix,k=t==null?void 0:t.suffix,L=t==null?void 0:t["clear-button"],y=t==null?void 0:t["validation-icon"],x=t==null?void 0:t.separators;return(0,Ue.jsxs)(He,{...b,valid:o,invalid:r,loading:l,disabled:n,readonly:c,style:{width:300},children:[g&&(0,Ue.jsxs)(Ue.Fragment,{children:[(0,Ue.jsx)(Bt,{children:(0,Ue.jsx)(p,{icon:"lock"})}),x&&(0,Ue.jsx)(Ut,{})]}),(0,Ue.jsx)(Rt,{placeholder:"Placeholder",value:"Value"}),y&&(0,Ue.jsx)(ct,{valid:o,invalid:r,loading:l,disabled:n}),(0,Ue.jsx)(Nt,{loading:l,disabled:n}),L&&(0,Ue.jsx)(St,{loading:l,disabled:n,readonly:c,value:"Value"}),k&&(0,Ue.jsxs)(Ue.Fragment,{children:[x&&(0,Ue.jsx)(Ut,{}),(0,Ue.jsx)(zt,{children:(0,Ue.jsx)(sa,{size:b.size,fillMode:"clear",children:"Send"})})]})]})};Ma.options=WT;Ma.states=FT;Ma.variants=XT;Ma.defaultOptions=$T;Ma.modifiers=VT;Ma.className=He.className;var zr=require("react/jsx-runtime"),yd="k-color-preview",JT=[],qT={},_o=e=>{let{color:t,iconName:o,...r}=e;return(0,zr.jsxs)("span",{...r,className:a(e.className,yd,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,zr.jsx)(p,{icon:o,className:"k-color-preview-icon"}),(0,zr.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};_o.states=JT;_o.options=qT;_o.className=yd;var vi="popup",Md=vi;var Ci=require("react/jsx-runtime"),Sd="k-animation-container",YT=[],QT={},Rd={positionMode:"absolute"},Ft=e=>{let{positionMode:t=Rd.positionMode,animationStyle:o,offset:r,...l}=e;return(0,Ci.jsx)("div",{...l,style:{...r,...e.style},className:a(e.className,Sd,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,Ci.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};Ft.states=YT;Ft.options=QT;Ft.className=Sd;Ft.defaultOptions=Rd;Ft.moduleName=vi;Ft.folderName=Md;var Li="popup",Ad=Li;var yi=require("react/jsx-runtime"),Ed="k-popup",ZT=[],jT={},Id={positionMode:"absolute"},se=e=>{let{offset:t,positionMode:o=Id.positionMode,animationStyle:r,containerClassName:l,containerRole:n,containerAriaLabel:c,...b}=e;return(0,yi.jsx)(Ft,{positionMode:o,offset:t,animationStyle:r,className:l,role:n,"aria-label":c,children:(0,yi.jsx)("div",{...b,className:a(e.className,Ed),children:e.children})})};se.states=ZT;se.options=jT;se.className=Ed;se.defaultOptions=Id;se.moduleName=Li;se.folderName=Ad;se.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 Mi="action-buttons",Gd=Mi;var Od=require("react/jsx-runtime"),hl="k-actions",ef=[],tf={},Si={alignment:"start",orientation:"horizontal"},$t=e=>{let{alignment:t=Si.alignment,orientation:o=Si.orientation,...r}=e;return(0,Od.jsx)("div",{...r,className:a(hl,{[`${hl}-${t}`]:t,[`${hl}-${o}`]:o},e.className),children:e.children})};$t.states=ef;$t.options=tf;$t.className=hl;$t.defaultOptions=Si;$t.moduleName=Mi;$t.folderName=Gd;var Pd=require("react/jsx-runtime"),of="k-actionsheet-footer",Hd={alignment:"stretched",orientation:"horizontal"},Ko=e=>{let{alignment:t=Hd.alignment,orientation:o=Hd.orientation,template:r,as:l=r?"div":$t,...n}=e;return(0,Pd.jsx)(l,{...n,...!r&&{alignment:t,orientation:o},className:a(e.className,of),children:e.children})};var Ri="searchbox",_d=Ri;var Do=require("react/jsx-runtime"),Kd="k-searchbox",af=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],rf={size:[d.undefined,d.small,d.medium,d.large],rounded:[w.undefined,w.none,w.small,w.medium,w.large,w.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},Ai={showIcon:!0,icon:"search"},At=e=>{let{value:t,placeholder:o,size:r,rounded:l,fillMode:n,hover:c,focus:b,valid:g,invalid:k,required:L,loading:y,disabled:x,showIcon:R=Ai.showIcon,icon:A=Ai.icon,"aria-label":K,...X}=e;return(0,Do.jsxs)(He,{...X,size:r,rounded:l,fillMode:n,hover:c,focus:b,valid:g,invalid:k,required:L,loading:y,disabled:x,className:a(e.className,Kd),children:[R&&(0,Do.jsx)(p,{className:"k-input-icon",icon:A}),(0,Do.jsx)(Rt,{placeholder:o,value:t,"aria-label":K}),(0,Do.jsx)(Nt,{...e}),(0,Do.jsx)(ct,{...e}),(0,Do.jsx)(St,{...e})]})};At.states=af;At.options=rf;At.className=Kd;At.defaultOptions=Ai;At.moduleName=Ri;At.folderName=_d;var lf=require("react/jsx-runtime");var Ei="textbox",Dd=Ei;var tt=require("react/jsx-runtime"),Bd="k-textbox",nf=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],sf={size:[d.undefined,d.small,d.medium,d.large],rounded:[w.undefined,w.none,w.small,w.medium,w.large,w.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},xl={showClearButton:!0,showValidationIcon:!0,separators:!0},fe=e=>{let{size:t,rounded:o,fillMode:r,separators:l=xl.separators,showClearButton:n=xl.showClearButton,showValidationIcon:c=xl.showValidationIcon,prefix:b,suffix:g,type:k,value:L,placeholder:y,hover:x,focus:R,valid:A,invalid:K,required:X,loading:U,disabled:te,readonly:ve,id:be,"aria-label":st,"aria-describedby":dt,...Mt}=e;return(0,tt.jsxs)(He,{...Mt,size:t,rounded:o,fillMode:r,hover:x,focus:R,valid:A,invalid:K,required:X,loading:U,disabled:te,readonly:ve,className:a(e.className,Bd),children:[b&&(0,tt.jsxs)(tt.Fragment,{children:[(0,tt.jsx)(Bt,{children:b}),l&&(0,tt.jsx)(Ut,{})]}),(0,tt.jsx)(Rt,{id:be,placeholder:y,value:L,type:k,disabled:te,"aria-label":st,"aria-describedby":dt,"aria-invalid":K?"true":void 0}),c&&(0,tt.jsx)(ct,{valid:A,invalid:K,loading:U,disabled:te}),(0,tt.jsx)(Nt,{loading:U,disabled:te}),n&&(0,tt.jsx)(St,{loading:U,disabled:te,readonly:ve,value:L}),g&&(0,tt.jsxs)(tt.Fragment,{children:[l&&(0,tt.jsx)(Ut,{}),(0,tt.jsx)(zt,{children:g})]})]})};fe.states=nf;fe.options=sf;fe.className=Bd;fe.defaultOptions=xl;fe.moduleName=Ei;fe.folderName=Dd;fe.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 Ur=fe;var Ud=require("react/jsx-runtime"),zd=e=>(0,Ud.jsx)(Ur,{...e});var Fd=require("react/jsx-runtime");var $d=require("react/jsx-runtime");var df=require("react/jsx-runtime");var kl=require("react/jsx-runtime"),cf=fe.states,pf=fe.defaultOptions,mf=fe.options,uf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],bf=[],Sa=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":r.prefix=t!=null&&t[l]?(0,kl.jsx)(p,{icon:"lock"}):void 0;break;case"suffix":r.suffix=t!=null&&t[l]?(0,kl.jsx)(sa,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":r.showClearButton=t==null?void 0:t[l];break;default:break}}),(0,kl.jsx)(zd,{value:"Value",style:{width:300},...o,...r})};Sa.options=mf;Sa.states=cf;Sa.variants=bf;Sa.defaultOptions=pf;Sa.modifiers=uf;Sa.className=fe.className;var Et=require("react/jsx-runtime"),Wd="k-actionsheet-titlebar",Tf={},pt=e=>{let{title:t,subtitle:o,actionsStart:r,actionsEnd:l,filter:n,input:c,inputValue:b,inputPlaceholder:g,adaptive:k,titleId:L,children:y,...x}=e;return(0,Et.jsxs)("div",{...x,className:a(e.className,Wd),children:[(0,Et.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[r&&(0,Et.jsx)("div",{className:"k-actionsheet-actions",children:r}),!y&&(0,Et.jsxs)("div",{className:"k-actionsheet-title",id:L,children:[t&&(0,Et.jsx)("div",{className:"k-text-center",children:t}),o&&(0,Et.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),y&&(0,Et.jsx)("div",{className:"k-actionsheet-title",id:L,children:y}),l&&(0,Et.jsx)("div",{className:"k-actionsheet-actions",children:l})]}),(c||n)&&(0,Et.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?(0,Et.jsx)(fe,{value:b,placeholder:g,size:k?"large":"medium","aria-label":t||g||"Input"}):(0,Et.jsx)(At,{placeholder:"Filter",size:k?"large":"medium","aria-label":"Filter options"})})]})};pt.className=Wd;pt.defaultOptions=Tf;var Ra=require("react/jsx-runtime"),Ii="k-actionsheet-view",ff=[],gf={},hf={},Aa=e=>{let{adaptive:t,animated:o,children:r,header:l,footer:n,titleId:c,...b}=e,g=(l==null?void 0:l.type)===pt&&(0,Ra.jsx)(pt,{adaptive:t,titleId:c,...l==null?void 0:l.props}),k=(n==null?void 0:n.type)===Ko&&(0,Ra.jsx)(Ko,{...n==null?void 0:n.props});return(0,Ra.jsxs)("div",{...b,className:a(e.className,Ii,{[`${Ii}-animated`]:o}),children:[g,(0,Ra.jsx)("div",{className:"k-actionsheet-content",children:r}),k]})};Aa.states=ff;Aa.options=gf;Aa.className=Ii;Aa.defaultOptions=hf;var Fr="action-sheet",Nl=Fr;var Gi="overlay",Vd=Gi;var Jd=require("react/jsx-runtime"),Xd="k-overlay",xf=[],kf={},Nf={},Bo=e=>{let{...t}=e;return(0,Jd.jsx)("div",{...t,className:a(e.className,Xd),children:e.children})};Bo.states=xf;Bo.options=kf;Bo.className=Xd;Bo.defaultOptions=Nf;Bo.moduleName=Gi;Bo.folderName=Vd;var ca=require("react/jsx-runtime"),qd="k-actionsheet",wf=[],vf={},$r={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Ie=e=>{let{side:t=$r.side,fullscreen:o=$r.fullscreen,adaptive:r=$r.adaptive,overlay:l=$r.overlay,template:n,children:c,header:b,footer:g,id:k,...L}=e,y=k&&!n&&b?`${k}-title`:void 0;return(0,ca.jsxs)("div",{className:"k-actionsheet-container",children:[l&&(0,ca.jsx)(Bo,{}),(0,ca.jsx)(Ft,{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:(0,ca.jsx)("div",{...L,id:k,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":y,className:a(e.className,qd,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":r}),children:n||(0,ca.jsx)(Aa,{header:b,footer:g,adaptive:r,titleId:y,...e,children:c})})})]})};Ie.states=wf;Ie.options=vf;Ie.className=qd;Ie.defaultOptions=$r;Ie.moduleName=Fr;Ie.folderName=Nl;Ie.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."}]};var Qd=require("react/jsx-runtime"),Yd="k-actionsheet-container",Cf=[],Lf={},yf={},Ea=e=>{let{children:t,...o}=e;return(0,Qd.jsx)("div",{...o,className:Yd,children:t})};Ea.states=Cf;Ea.options=Lf;Ea.className=Yd;Ea.defaultOptions=yf;Ea.moduleName=Fr;Ea.folderName=Nl;var Zd=require("react/jsx-runtime"),Oi=e=>{let{...t}=e;return(0,Zd.jsx)("div",{...t,className:a(e.className,"k-list-ul"),children:e.children})};var Wt=require("react/jsx-runtime"),Hi="k-actionsheet-item",Mf=[s.hover,s.focus,s.selected,s.disabled],zo=e=>{let{iconName:t,text:o,description:r,hover:l,focus:n,selected:c,disabled:b,...g}=e;return(0,Wt.jsxs)("span",{...g,className:a(e.className,Hi,I(Hi,{hover:l,focus:n,selected:c,disabled:b})),children:[!e.children&&(0,Wt.jsx)(Wt.Fragment,{children:(0,Wt.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,Wt.jsx)("span",{className:"k-icon-wrap",children:(0,Wt.jsx)(p,{className:"k-actionsheet-item-icon",icon:t})}),(0,Wt.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,Wt.jsx)("span",{className:"k-actionsheet-item-title",children:o}),r&&(0,Wt.jsx)("span",{className:"k-actionsheet-item-description",children:r})]})]})}),e.children]})};zo.states=Mf;zo.className=Hi;var jd=require("react/jsx-runtime");var Sf=require("react/jsx-runtime");var Rf=require("react/jsx-runtime");var Af=require("react/jsx-runtime");var Ce=require("react/jsx-runtime"),Ef=Ie.options,If=Ie.states,tc={...Ie.defaultOptions,variant:"normal"},Gf=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Of=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Ia=e=>{let{variant:t,modifiers:o,...r}={...tc,...e},l={},n=(0,Ce.jsxs)(Oi,{children:[(0,Ce.jsx)(zo,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,Ce.jsx)(zo,{text:"Add to Favorites",iconName:"heart"}),(0,Ce.jsx)(zo,{text:"Upload New",iconName:"upload",disabled:!0}),(0,Ce.jsx)("hr",{className:"k-hr"}),(0,Ce.jsx)(zo,{text:"Cancel",iconName:"cancel"})]}),c="Choose from the items below",b="Select Item";return t==="fullScreen"&&(l.fullScreen=!0),Object.keys(o||{}).forEach(g=>{switch(g){case"actions":l.actionsStart=!!(o!=null&&o[g]),l.actionsEnd=!!(o!=null&&o[g]);break;case"subtitle":l.subtitle=o!=null&&o[g]?c:void 0;break;case"footer":l.footer=!!(o!=null&&o[g]);break;default:break}}),t==="adaptive"?(0,Ce.jsx)(Ie,{...r,adaptive:!0,fullscreen:l.fullScreen,header:(0,Ce.jsx)(pt,{actionsStart:l.actionsStart?(0,Ce.jsx)(u,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,Ce.jsx)(u,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:b,subtitle:l.subtitle}),footer:l.footer?(0,Ce.jsxs)(Ko,{alignment:"stretched",children:[(0,Ce.jsx)(u,{text:"Cancel",size:"large",themeColor:"base"}),(0,Ce.jsx)(u,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:n}):(0,Ce.jsx)(Ie,{...r,fullscreen:l.fullScreen,header:(0,Ce.jsx)(pt,{actionsStart:l.actionsStart?(0,Ce.jsx)(u,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,Ce.jsx)(u,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?(0,Ce.jsxs)(Ko,{alignment:"stretched",children:[(0,Ce.jsx)(u,{text:"Apply",themeColor:"primary"}),(0,Ce.jsx)(u,{text:"Cancel",themeColor:"base"})]}):void 0,children:n})};Ia.options=Ef;Ia.states=If;Ia.variants=Gf;Ia.defaultOptions=tc;Ia.modifiers=Of;Ia.className=Ie.className;var Pi="slider",oc=Pi;var Zt=require("react/jsx-runtime"),Wr="k-slider",Hf=[s.hover,s.focus,s.active,s.disabled,s.readonly],Pf={},Vt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},Ne=e=>{let{type:t=Vt.type,orientation:o=Vt.orientation,gradientType:r=Vt.gradientType,readonly:l=Vt.readonly,disabled:n=Vt.disabled,handlePosition:c=Vt.handlePosition,showButtons:b=Vt.showButtons,showTicks:g=Vt.showTicks,value:k=Vt.value,min:L=Vt.min,max:y=Vt.max,startValue:x,endValue:R,hover:A,focus:K,active:X,trackStyle:U,dir:te,...ve}=e,st=(()=>{if(t==="gradient"&&r==="2d")return"undefined";if(o==="vertical")return"vertical"})(),dt,Mt;return o==="horizontal"?(dt=te==="rtl"?"caret-alt-left":"caret-alt-right",Mt=te==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(dt="caret-alt-up",Mt="caret-alt-down"),(0,Zt.jsxs)("div",{...ve,className:a(Wr,e.className,I(Wr,{readonly:l,disabled:n}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:te,children:[b&&(0,Zt.jsx)(u,{className:"k-button-decrease",rounded:"full",icon:Mt,tabIndex:-1,title:"Decrease"}),(0,Zt.jsxs)("div",{className:"k-slider-track-wrap",children:[g&&(0,Zt.jsx)("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),(0,Zt.jsxs)("div",{className:"k-slider-track",style:U,children:[(0,Zt.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,Zt.jsx)("span",{className:a("k-draghandle","k-draghandle-start",I(Wr,{hover:A,focus:K,active:X})),role:"slider",tabIndex:n?void 0:0,"aria-valuenow":x??L,"aria-valuemin":L,"aria-valuemax":R??y,"aria-orientation":st,"aria-disabled":n?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":ve["aria-label"]?`${ve["aria-label"]} start`:"Range start"}),(0,Zt.jsx)("span",{className:a("k-draghandle",`k-draghandle-${c}`,I(Wr,{hover:A,focus:K,active:X})),role:"slider",tabIndex:n?void 0:0,"aria-valuenow":t==="range"?R??y:k,"aria-valuemin":t==="range"?x??L:L,"aria-valuemax":y,"aria-orientation":st,"aria-disabled":n?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":t==="range"?ve["aria-label"]?`${ve["aria-label"]} end`:"Range end":ve["aria-label"]})]})]}),b&&(0,Zt.jsx)(u,{className:"k-button-increase",rounded:"full",icon:dt,tabIndex:-1,title:"Increase"})]})};Ne.states=Hf;Ne.options=Pf;Ne.className=Wr;Ne.defaultOptions=Vt;Ne.moduleName=Pi;Ne.folderName=oc;Ne.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").'},{selector:".k-slider .k-slider-items",attribute:"aria-hidden=true",usage:"Hides the tick list from assistive technologies. Tick values are redundant with the drag handle value attributes."},{selector:".k-slider .k-tick",attribute:"role=presentation",usage:"Removes semantic meaning from individual tick elements. Ticks are visual-only markers."},{selector:".k-slider .k-tick",attribute:"title",usage:"Represents the value associated with the respective tick."}]};var _i=require("react/jsx-runtime"),ac="k-tick",_f=[],Kf={},rc={label:!1},Z=e=>{let{style:t,label:o=rc.label,orientation:r,large:l,text:n,...c}=e;return(0,_i.jsx)("li",{...c,role:"presentation",title:n||"Tick",className:a(e.className,ac,{[`k-tick-${r}`]:r,"k-tick-large":l}),style:t,children:o&&(0,_i.jsx)("span",{className:"k-label",children:n})})};Z.states=_f;Z.options=Kf;Z.className=ac;Z.defaultOptions=rc;var We=require("react/jsx-runtime"),lc=e=>(0,We.jsx)(Ne,{"aria-label":e["aria-label"]||"Slider",children:(0,We.jsxs)(We.Fragment,{children:[(0,We.jsx)(Z,{className:"k-first",label:!0,large:!0,text:"0"}),(0,We.jsx)(Z,{}),(0,We.jsx)(Z,{}),(0,We.jsx)(Z,{}),(0,We.jsx)(Z,{}),(0,We.jsx)(Z,{label:!0,large:!0,text:"5"}),(0,We.jsx)(Z,{}),(0,We.jsx)(Z,{}),(0,We.jsx)(Z,{}),(0,We.jsx)(Z,{}),(0,We.jsx)(Z,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var Ve=require("react/jsx-runtime"),ic=e=>(0,Ve.jsx)(Ne,{children:(0,Ve.jsxs)(Ve.Fragment,{children:[(0,Ve.jsx)(Z,{className:"k-first",label:!0,large:!0,text:"0"}),(0,Ve.jsx)(Z,{}),(0,Ve.jsx)(Z,{}),(0,Ve.jsx)(Z,{}),(0,Ve.jsx)(Z,{}),(0,Ve.jsx)(Z,{label:!0,large:!0,text:"5"}),(0,Ve.jsx)(Z,{}),(0,Ve.jsx)(Z,{}),(0,Ve.jsx)(Z,{}),(0,Ve.jsx)(Z,{}),(0,Ve.jsx)(Z,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});var Ki=require("react/jsx-runtime");var Di=require("react/jsx-runtime");var nc=require("react/jsx-runtime"),Bi=e=>(0,nc.jsx)(Ne,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});var sc=require("react/jsx-runtime"),zi=e=>(0,sc.jsx)(Ne,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});var Ui=require("react/jsx-runtime");var Fi=require("react/jsx-runtime");var wt=require("react/jsx-runtime"),Df=Ne.options,Bf=Ne.states,dc={...Ne.defaultOptions,variant:"horizontal",label:!0},zf=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Uf=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Ga=e=>{let{variant:t,modifiers:o,...r}={...dc,...e},l={};Object.keys(o||{}).forEach(k=>{switch(k){case"button":{l.showButtons=!!(o!=null&&o[k]);break}case"label":{l.label=!!(o!=null&&o[k]);break}case"tick":{l.showTicks=!!(o!=null&&o[k]);break}}});let{label:n=!0,showButtons:c,showTicks:b}=l,g={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,wt.jsxs)(ic,{showTicks:b,showButtons:c,style:{height:"300px",...g},...r,children:[(0,wt.jsx)(Z,{label:n,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,wt.jsx)(Z,{label:n,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,wt.jsx)(Z,{label:n,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,wt.jsx)(Z,{label:n,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,wt.jsx)(Z,{label:n,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,wt.jsxs)(lc,{showTicks:b,showButtons:c,style:{width:"400px",...g},...r,children:[(0,wt.jsx)(Z,{label:n,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,wt.jsx)(Z,{label:n,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,wt.jsx)(Z,{label:n,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,wt.jsx)(Z,{label:n,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,wt.jsx)(Z,{label:n,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Ga.options=Df;Ga.states=Bf;Ga.variants=zf;Ga.defaultOptions=dc;Ga.modifiers=Uf;Ga.className=Ne.className;var Vr=require("react/jsx-runtime"),cc="k-spin-button",Wf=[],Vf={size:[d.undefined,d.small,d.medium,d.large],fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link]},$i={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Uo=e=>{let{size:t,fillMode:o,disabled:r,increaseLabel:l=$i.increaseLabel,decreaseLabel:n=$i.decreaseLabel,...c}=e;return(0,Vr.jsxs)("span",{...c,className:a(cc,e.className),children:[(0,Vr.jsx)(u,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:r,"aria-label":l}),(0,Vr.jsx)(u,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:r,"aria-label":n})]})};Uo.states=Wf;Uo.options=Vf;Uo.className=cc;Uo.defaultOptions=$i;Uo.moduleName=null;Uo.folderName=null;var pc="numeric-textbox",mc="numerictextbox";var Xe=require("react/jsx-runtime"),uc="k-numerictextbox",Xf=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Jf={size:[d.undefined,d.small,d.medium,d.large],rounded:[w.undefined,w.none,w.small,w.medium,w.large,w.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},wl={showSpinButton:!0,showClearButton:!0,separators:!0},oe=e=>{let{size:t,rounded:o,fillMode:r,separators:l=wl.separators,showClearButton:n=wl.showClearButton,showSpinButton:c=wl.showSpinButton,prefix:b,suffix:g,value:k,placeholder:L,hover:y,focus:x,valid:R,invalid:A,required:K,loading:X,disabled:U,readonly:te,id:ve,"aria-label":be,"aria-describedby":st,...dt}=e;return(0,Xe.jsxs)(He,{...dt,size:t,rounded:o,fillMode:r,hover:y,focus:x,valid:R,invalid:A,required:K,loading:X,disabled:U,readonly:te,className:a(e.className,uc),children:[b&&(0,Xe.jsxs)(Xe.Fragment,{children:[(0,Xe.jsx)(Bt,{children:b}),l&&(0,Xe.jsx)(Ut,{})]}),(0,Xe.jsx)(Rt,{id:ve,placeholder:L,value:k,role:"spinbutton",disabled:U,"aria-label":be,"aria-describedby":st,"aria-invalid":A?"true":void 0}),(0,Xe.jsx)(ct,{valid:R,invalid:A,loading:X,disabled:U}),(0,Xe.jsx)(Nt,{loading:X,disabled:U}),n&&(0,Xe.jsx)(St,{loading:X,disabled:U,readonly:te,value:k}),g&&(0,Xe.jsxs)(Xe.Fragment,{children:[l&&(0,Xe.jsx)(Ut,{}),(0,Xe.jsx)(zt,{children:g})]}),c&&(0,Xe.jsx)(Uo,{className:"k-input-spinner",size:t,fillMode:r,disabled:U})]})};oe.states=Xf;oe.options=Jf;oe.className=uc;oe.defaultOptions=wl;oe.moduleName=pc;oe.folderName=mc;oe.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 Xr=oe;var Tc=require("react/jsx-runtime"),bc=e=>(0,Tc.jsx)(Xr,{...e});var Cl=Qs(require("react"));var Wi=require("react/jsx-runtime"),qf="k-list-group-sticky-header",Vi=e=>(0,Wi.jsx)("div",{className:a(qf,e.className),children:(0,Wi.jsx)("div",{className:"k-list-header-text",children:e.children})});var fc=require("react/jsx-runtime"),Yf="k-no-data",vl=e=>{let{live:t,...o}=e;return(0,fc.jsx)("span",{...o,className:a(Yf,e.className),"aria-live":t?"polite":void 0,children:e.children})};var pa="list",Oa=pa;var Ha=require("react/jsx-runtime"),Xi="k-list",Qf=[],Zf={size:[d.undefined,d.small,d.medium,d.large]},jf={},ie=e=>{var R;let{size:t,virtualization:o,children:r,header:l,optionLabel:n,customValue:c,noData:b,screenReaders:g,...k}=e,y=Cl.default.Children.toArray(r)[0],x=(R=y==null?void 0:y.props)!=null&&R.children?Cl.default.Children.count(y.props.children):Cl.default.Children.count(r);return(0,Ha.jsxs)("div",{...k,className:a(e.className,Xi,E(Xi,{size:t}),{"k-virtual-list":o}),children:[n,c,l&&(0,Ha.jsx)(Vi,{children:l}),r||(b!==void 0?b:(0,Ha.jsx)(vl,{live:!0,children:"No data found."})),g&&r&&(0,Ha.jsxs)(vl,{className:"k-sr-only",live:!0,children:[x," items found."]})]})};ie.states=Qf;ie.options=Zf;ie.className=Xi;ie.defaultOptions=jf;ie.moduleName=pa;ie.folderName=Oa;ie.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var hc=require("react/jsx-runtime"),gc="k-list-container",eg=[],tg={},og={},Pa=e=>{let{...t}=e;return(0,hc.jsx)("div",{...t,className:a(e.className,gc),children:e.children})};Pa.states=eg;Pa.options=tg;Pa.className=gc;Pa.defaultOptions=og;Pa.moduleName=pa;Pa.folderName=Oa;var ma="checkbox",_a=ma;var Ji=require("react/jsx-runtime"),Ll="k-checkbox",ag=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],rg={size:[d.undefined,d.small,d.medium,d.large],rounded:[w.undefined,w.none,w.small,w.medium,w.large,w.full]},lg={},Fe=e=>{let{id:t,checked:o,indeterminate:r,hover:l,focus:n,disabled:c,invalid:b,valid:g,required:k,size:L,rounded:y,wrapperRole:x,...R}=e;return(0,Ji.jsx)("span",{className:"k-checkbox-wrap",role:x,children:(0,Ji.jsx)("input",{...R,id:t,type:"checkbox",defaultChecked:o,required:k,disabled:c||void 0,"aria-invalid":b?"true":void 0,className:a(e.className,Ll,E(Ll,{size:L,rounded:y}),I(Ll,{hover:l,focus:n,disabled:c,invalid:b,valid:g,indeterminate:r,checked:o}))})})};Fe.states=ag;Fe.options=rg;Fe.className=Ll;Fe.defaultOptions=lg;Fe.moduleName=ma;Fe.folderName=_a;Fe.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 jt=Fe;var Nc=require("react/jsx-runtime"),xc="k-checkbox-list",ig=[],ng={},kc={layout:"vertical"},mt=e=>{let{layout:t=kc.layout,...o}=e;return(0,Nc.jsx)("ul",{...o,className:a(e.className,xc,{[`k-list-${t}`]:t}),children:e.children})};mt.states=ig;mt.options=ng;mt.className=xc;mt.defaultOptions=kc;mt.moduleName=ma;mt.folderName=_a;var vc=require("react/jsx-runtime"),wc="k-checkbox-list-item",sg=[],dg={},cg={},ut=e=>{let{...t}=e;return(0,vc.jsx)("li",{...t,className:a(e.className,wc),children:e.children})};ut.states=sg;ut.options=dg;ut.className=wc;ut.defaultOptions=cg;ut.moduleName=ma;ut.folderName=_a;var ua=require("react/jsx-runtime"),fo=({children:e="Label",id:t="cb-label-after",...o})=>(0,ua.jsxs)(ua.Fragment,{children:[(0,ua.jsx)(jt,{id:t,...o}),(0,ua.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var qi=require("react/jsx-runtime");var Yi=require("react/jsx-runtime");var Qi=require("react/jsx-runtime");var pg=require("react/jsx-runtime");var mg=require("react/jsx-runtime");var ug=require("react/jsx-runtime");var ot=require("react/jsx-runtime"),bg=mt.options,Tg=mt.states,fg={...mt.defaultOptions,variant:"vertical"},gg=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],hg=[],Ka=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,ot.jsxs)(mt,{layout:"horizontal",...o,children:[(0,ot.jsx)(ut,{children:(0,ot.jsx)(fo,{id:B("cb"),defaultChecked:!0,children:"Label"})}),(0,ot.jsx)(ut,{children:(0,ot.jsx)(fo,{id:B("cb"),children:"Label"})}),(0,ot.jsx)(ut,{children:(0,ot.jsx)(fo,{id:B("cb"),children:"Label"})})]}):(0,ot.jsxs)(mt,{...o,children:[(0,ot.jsx)(ut,{children:(0,ot.jsx)(fo,{id:B("cb"),defaultChecked:!0,children:"Label"})}),(0,ot.jsx)(ut,{children:(0,ot.jsx)(fo,{id:B("cb"),children:"Label"})}),(0,ot.jsx)(ut,{children:(0,ot.jsx)(fo,{id:B("cb"),children:"Label"})})]})};Ka.options=bg;Ka.states=Tg;Ka.variants=gg;Ka.defaultOptions=fg;Ka.modifiers=hg;Ka.className=mt.className;var Cc=require("react/jsx-runtime"),xg=jt.options,kg=jt.states,Ng=jt.defaultOptions,wg=[],vg=[],Da=e=>(0,Cc.jsx)(fo,{id:B("checkbox"),...e,defaultChecked:!0,children:"Label"});Da.options=xg;Da.states=kg;Da.variants=wg;Da.defaultOptions=Ng;Da.modifiers=vg;Da.className=jt.className;var lo=require("react/jsx-runtime"),Zi="k-list-item",Cg=[s.hover,s.focus,s.selected,s.disabled],Lg={},yg={},ee=e=>{let{text:t,groupLabel:o,group:r,iconName:l,iconClassName:n,showCheckbox:c,checked:b,hover:g,focus:k,selected:L,disabled:y,actions:x,description:R,id:A,...K}=e,X=t||e.children;return(0,lo.jsxs)("li",{...K,id:A,role:r?"presentation":"option",tabIndex:r?void 0:k?0:-1,"aria-selected":!r&&L?"true":r?void 0:"false","aria-disabled":!r&&y?"true":void 0,className:a(e.className,r?"k-list-group-item":Zi,I(Zi,{hover:g,focus:k,disabled:y,selected:L})),children:[c&&(0,lo.jsx)(Fe,{checked:b}),l&&(0,lo.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,lo.jsx)(p,{icon:l,className:a("k-list-item-icon",n)})}),(0,lo.jsx)("span",{className:"k-list-item-text",children:X}),x&&(0,lo.jsx)("div",{className:"k-list-item-actions",children:x}),R&&(0,lo.jsx)("span",{className:"k-list-item-description",children:R}),o&&o!==""&&(0,lo.jsx)("div",{className:"k-list-item-group-label",children:o})]})};ee.states=Cg;ee.options=Lg;ee.className=Zi;ee.defaultOptions=yg;ee.moduleName=pa;ee.folderName=Oa;ee.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."}]};var Lc=require("react/jsx-runtime"),Mg="k-list-ul",go=e=>{let{children:t,role:o,id:r,...l}=e;return(0,Lc.jsx)("ul",{...l,id:r,role:o,className:a(Mg,e.className),children:t})};go.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."}]};var Ba=require("react/jsx-runtime"),Sg="k-list-content",he=e=>{let{virtualization:t,grouping:o,"aria-label":r,"aria-labelledby":l,listboxId:n,...c}=e;return(0,Ba.jsxs)("div",{...c,className:a(Sg,e.className),role:o?"listbox":void 0,id:o?n:void 0,"aria-label":o?r:void 0,"aria-labelledby":o?l:void 0,children:[o?e.children:(0,Ba.jsx)(go,{role:"listbox",id:n,"aria-label":r,"aria-labelledby":l,children:e.children}),t&&(0,Ba.jsx)("div",{className:"k-height-container",children:(0,Ba.jsx)("div",{})})]})};he.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."}]};var ji=require("react/jsx-runtime");var za=require("react/jsx-runtime"),Rg="k-list-group-item",ba=e=>{let{groupIconName:t,...o}=e;return(0,za.jsxs)("li",{...o,role:"presentation",className:a(Rg,e.className),children:[t&&(0,za.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,za.jsx)(p,{icon:t,className:"k-list-item-icon"})}),(0,za.jsx)("span",{className:"k-list-item-text",children:e.children})]})};ba.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."}]};var yc=require("react/jsx-runtime"),en="k-list-optionlabel",Ag=[s.hover,s.focus,s.selected,s.disabled],Eg={},Ig={},yl=e=>{let{text:t,hover:o,focus:r,selected:l,disabled:n,...c}=e;return(0,yc.jsx)("div",{...c,className:a(en,I(en,{hover:o,focus:r,selected:l,disabled:n})),children:t})};yl.states=Ag;yl.options=Eg;yl.className=en;yl.defaultOptions=Ig;var Mc=require("react/jsx-runtime"),tn="k-list-custom-value",Gg=[s.hover,s.focus,s.selected,s.disabled],Og={},Hg={},Fo=e=>{let{text:t,hover:o,focus:r,selected:l,disabled:n,...c}=e;return(0,Mc.jsx)("div",{...c,className:a(tn,I(tn,{hover:o,focus:r,selected:l,disabled:n})),children:t})};Fo.states=Gg;Fo.options=Og;Fo.className=tn;Fo.defaultOptions=Hg;var on=require("react/jsx-runtime");var an=require("react/jsx-runtime");var rn=require("react/jsx-runtime");var ln=require("react/jsx-runtime");var Pg=require("react/jsx-runtime");var nn=require("react/jsx-runtime");var Sc="dropdown-list",Rc="dropdownlist";var Le=require("react/jsx-runtime"),Ac="k-dropdownlist",_g=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Kg={size:[d.undefined,d.small,d.medium,d.large],rounded:[w.undefined,w.none,w.small,w.medium,w.large,w.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},sn={showValue:!0,arrowIconName:"caret-alt-down"},pe=e=>{let{size:t,rounded:o,fillMode:r,arrowIconName:l=sn.arrowIconName,showValue:n=sn.showValue,valueIconName:c,prefix:b,suffix:g,value:k,placeholder:L,hover:y,focus:x,valid:R,invalid:A,required:K,loading:X,disabled:U,readonly:te,popup:ve,opened:be,adaptive:st,adaptiveSettings:dt,adaptiveTitle:Mt,adaptiveSubtitle:ia,adaptiveFilter:ei,id:Ho,activeDescendant:cl,"aria-label":ti,...oi}=e,Kb=Ho?`${Ho}-listbox`:void 0,qs=Ho?`${Ho}-value`:void 0;return(0,Le.jsxs)(Le.Fragment,{children:[(0,Le.jsxs)(ro,{...oi,id:Ho,size:t,rounded:o,fillMode:r,hover:y,focus:x,valid:R,invalid:A,required:K,loading:X,disabled:U,readonly:te,className:a(e.className,Ac,{"k-icon-picker":!n&&c}),role:"combobox","aria-haspopup":"listbox","aria-expanded":be?"true":"false","aria-controls":be?Kb:void 0,"aria-activedescendant":be&&cl?cl:void 0,"aria-describedby":be?qs:void 0,"aria-disabled":U?"true":void 0,"aria-label":ti,tabIndex:0,children:[(0,Le.jsx)(Bt,{children:b}),(0,Le.jsx)(da,{placeholder:L,value:k,showValue:n,valueIconName:c,id:qs}),(0,Le.jsx)(ct,{valid:R,invalid:A,loading:X,disabled:U}),(0,Le.jsx)(Nt,{loading:X,disabled:U}),(0,Le.jsx)(zt,{children:g}),(0,Le.jsx)(u,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":L||"Toggle dropdown",tabIndex:-1})]}),be&&ve&&(0,Le.jsx)(se,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:ve}),st&&(0,Le.jsx)(Ie,{adaptive:!0,...dt,header:(0,Le.jsx)(pt,{actionsEnd:(0,Le.jsx)(u,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:ei,inputValue:k,inputPlaceholder:L,title:Mt,subtitle:ia}),children:(0,Le.jsx)("div",{className:"k-list-container",children:(0,Le.jsx)(ie,{size:"large",children:(0,Le.jsxs)(he,{"aria-label":"Options",children:[(0,Le.jsx)(ee,{text:"List item"}),(0,Le.jsx)(ee,{text:"List item"}),(0,Le.jsx)(ee,{text:"List item"})]})})})})]})};pe.states=_g;pe.options=Kg;pe.className=Ac;pe.defaultOptions=sn;pe.moduleName=Sc;pe.folderName=Rc;pe.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};var Dg=require("react/jsx-runtime");var Ec=require("react/jsx-runtime");var dn=require("react/jsx-runtime");var Bg=require("react/jsx-runtime");var Ic=require("react/jsx-runtime");var cn=require("react/jsx-runtime");var zg=require("react/jsx-runtime");var vt=require("react/jsx-runtime"),Ug=pe.states,Fg=pe.defaultOptions,$g=pe.options,Wg=[{name:"opened",title:"Opened"}],Vg=[],Fa=e=>{let{modifiers:t,...o}=e,r={},l=(0,vt.jsxs)(vt.Fragment,{children:[(0,vt.jsx)("div",{className:"k-list-filter",children:(0,vt.jsx)(At,{})}),(0,vt.jsx)(ie,{style:{width:300},size:o.size,children:(0,vt.jsxs)(he,{children:[(0,vt.jsx)(ee,{children:"List item"}),(0,vt.jsx)(ee,{children:"List item"}),(0,vt.jsx)(ee,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(n=>{n==="opened"&&(r.opened=!!(t!=null&&t[n]),r.popup=t!=null&&t[n]?l:void 0)}),(0,vt.jsx)("div",{children:(0,vt.jsx)(pe,{placeholder:"Value",style:{width:300},...o,...r})})};Fa.options=$g;Fa.states=Ug;Fa.variants=Vg;Fa.defaultOptions=Fg;Fa.modifiers=Wg;Fa.className=pe.className;var Gc=require("react/jsx-runtime");var Oc=require("react/jsx-runtime");var Xg=require("react/jsx-runtime");var Ml=require("react/jsx-runtime"),Jg=oe.states,qg=oe.defaultOptions,Yg=oe.options,Qg=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Zg=[],$a=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":r.prefix=t!=null&&t[l]?(0,Ml.jsx)(pe,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":r.suffix=t!=null&&t[l]?(0,Ml.jsx)(wi,{children:"mm"}):void 0;break;case"clear-button":r.showClearButton=t==null?void 0:t[l];break;case"spin-button":r.showSpinButton=t==null?void 0:t[l];break;default:break}}),(0,Ml.jsx)(bc,{value:"Value",style:{width:300},...o,...r})};$a.options=Yg;$a.states=Jg;$a.variants=Zg;$a.defaultOptions=qg;$a.modifiers=Qg;$a.className=oe.className;var H=require("react/jsx-runtime"),Hc="k-colorgradient-inputs",jg=[],eh={size:[d.undefined,d.small,d.medium,d.large]},Pc={mode:"rgba"},Wa=e=>{let{mode:t=Pc.mode,size:o,...r}=e;return(0,H.jsxs)("div",{...r,className:a(Hc,"k-hstack"),children:[(0,H.jsx)("div",{className:"k-vstack",children:(0,H.jsx)(u,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&(0,H.jsxs)(H.Fragment,{children:[(0,H.jsxs)("div",{className:"k-vstack",children:[(0,H.jsx)(oe,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),(0,H.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,H.jsxs)("div",{className:"k-vstack",children:[(0,H.jsx)(oe,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),(0,H.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,H.jsxs)("div",{className:"k-vstack",children:[(0,H.jsx)(oe,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),(0,H.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]}),(0,H.jsxs)("div",{className:"k-vstack",children:[(0,H.jsx)(oe,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),(0,H.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&(0,H.jsxs)(H.Fragment,{children:[(0,H.jsxs)("div",{className:"k-vstack",children:[(0,H.jsx)(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),(0,H.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,H.jsxs)("div",{className:"k-vstack",children:[(0,H.jsx)(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),(0,H.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,H.jsxs)("div",{className:"k-vstack",children:[(0,H.jsx)(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),(0,H.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&(0,H.jsxs)(H.Fragment,{children:[(0,H.jsxs)("div",{className:"k-vstack",children:[(0,H.jsx)(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,H.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,H.jsxs)("div",{className:"k-vstack",children:[(0,H.jsx)(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,H.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,H.jsxs)("div",{className:"k-vstack",children:[(0,H.jsx)(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,H.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]}),(0,H.jsxs)("div",{className:"k-vstack",children:[(0,H.jsx)(oe,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),(0,H.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&(0,H.jsxs)(H.Fragment,{children:[(0,H.jsxs)("div",{className:"k-vstack",children:[(0,H.jsx)(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,H.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,H.jsxs)("div",{className:"k-vstack",children:[(0,H.jsx)(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,H.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,H.jsxs)("div",{className:"k-vstack",children:[(0,H.jsx)(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,H.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&(0,H.jsx)(H.Fragment,{children:(0,H.jsxs)("div",{className:"k-vstack k-flex-1",children:[(0,H.jsx)(fe,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,H.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Wa.states=jg;Wa.options=eh;Wa.className=Hc;Wa.defaultOptions=Pc;var at=require("react/jsx-runtime"),_c="k-colorgradient-color-contrast",th=[],oh={},ah={},Va=()=>(0,at.jsxs)("div",{className:a(_c,"k-vbox"),children:[(0,at.jsxs)("div",{className:"k-contrast-ratio",children:[(0,at.jsx)("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),(0,at.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:[(0,at.jsx)(p,{icon:"check"}),(0,at.jsx)(p,{icon:"check"})]})]}),(0,at.jsxs)("div",{children:[(0,at.jsx)("span",{children:"AA: 4.5"}),(0,at.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:["Pass",(0,at.jsx)(p,{icon:"check"})]})]}),(0,at.jsxs)("div",{children:[(0,at.jsx)("span",{children:"AAA: 7.0"}),(0,at.jsxs)("span",{className:"k-contrast-validation !k-text-error",children:["Fail",(0,at.jsx)(p,{icon:"x"})]})]})]});Va.states=th;Va.options=oh;Va.className=_c;Va.defaultOptions=ah;var Kc="color-gradient",Dc="colorgradient";var Be=require("react/jsx-runtime"),Sl="k-colorgradient",rh=[s.hover,s.focus,s.readonly,s.disabled],lh={size:[d.undefined,d.small,d.medium,d.large]},io={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"},$e=e=>{let{size:t,mode:o=io.mode,readonly:r=io.readonly,disabled:l=io.disabled,gradientStyle:n=io.gradientStyle,dragHandleStyle:c=io.dragHandleStyle,alphaStyle:b=io.alphaStyle,alphaStyleHorizontal:g=io.alphaStyleHorizontal,contrast:k=io.contrast,dir:L,hover:y,focus:x,hoverHandle:R,focusHandle:A,canvasOrientation:K=io.canvasOrientation,role:X,tabIndex:U,...te}=e;return(0,Be.jsxs)("div",{...te,role:X??"textbox","aria-label":X==="none"?void 0:"Color gradient",tabIndex:U??0,"aria-disabled":l?"true":void 0,className:a(e.className,Sl,E(Sl,{size:t}),I(Sl,{hover:y,focus:x,readonly:r,disabled:l})),dir:L,children:[!K||K==="horizontal"&&(0,Be.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,Be.jsx)("div",{className:"k-hsv-rectangle",style:n,children:(0,Be.jsx)("div",{className:"k-hsv-gradient",children:(0,Be.jsx)("div",{className:a("k-hsv-draghandle","k-draghandle",{"k-hover":R,"k-focus":A}),style:c,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),(0,Be.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,Be.jsx)(zi,{className:"k-hue-slider",hover:R,focus:A}),o!=="rgb"&&o!=="hsv"&&(0,Be.jsx)(zi,{className:"k-alpha-slider",hover:R,focus:A,trackStyle:b})]})]}),K==="vertical"&&(0,Be.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,Be.jsx)("div",{className:"k-hsv-rectangle",style:n,children:(0,Be.jsx)("div",{className:"k-hsv-gradient",children:(0,Be.jsx)("div",{className:a("k-hsv-draghandle","k-draghandle",{"k-hover":R,"k-focus":A}),style:c,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),(0,Be.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,Be.jsx)(Bi,{className:"k-hue-slider",hover:R,focus:A}),o!=="rgb"&&o!=="hsv"&&(0,Be.jsx)(Bi,{className:"k-alpha-slider",hover:R,focus:A,trackStyle:g})]})]}),(0,Be.jsx)(Wa,{mode:e.mode,size:t}),k&&(0,Be.jsx)(Va,{})]})};$e.states=rh;$e.options=lh;$e.className=Sl;$e.defaultOptions=io;$e.moduleName=Kc;$e.folderName=Dc;$e.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)."}]};var Bc=require("react/jsx-runtime"),Rl=e=>(0,Bc.jsx)($e,{...e});var ih=require("react/jsx-runtime");var nh=require("react/jsx-runtime");var Al=require("react/jsx-runtime"),sh=$e.options,dh=$e.states,ch={...$e.defaultOptions,variant:"rgba"},ph=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],mh=[],Xa=e=>{let{variant:t,...o}=e;switch(t){case"hex":return(0,Al.jsx)(Rl,{...o,mode:t});case"rgb":return(0,Al.jsx)(Rl,{...o,mode:t});default:return(0,Al.jsx)(Rl,{...o,mode:t})}};Xa.options=sh;Xa.states=dh;Xa.variants=ph;Xa.defaultOptions=ch;Xa.modifiers=mh;Xa.className=$e.className;var zc=require("react/jsx-runtime"),pn=e=>(0,zc.jsx)("tr",{role:"row",children:e.children});var Uc=require("react/jsx-runtime"),mn="k-colorpalette-tile",uh=[s.hover,s.focus,s.selected],bh={},Ja=e=>{let{color:t,tileSize:o,hover:r,focus:l,selected:n,...c}=e,b={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return(0,Uc.jsx)("td",{...c,role:"gridcell","aria-label":t,"aria-selected":n?"true":void 0,className:a(e.className,mn,I(mn,{hover:r,focus:l,selected:n})),style:b})};Ja.states=uh;Ja.options=bh;Ja.className=mn;var Fc="color-palette",$c="colorpalette";var qa=require("react/jsx-runtime"),El="k-colorpalette",Th=[s.disabled],fh={size:[d.undefined,d.small,d.medium,d.large]},Wc={columns:10},bt=e=>{let{size:t,palette:o,columns:r=Wc.columns,tileSize:l,disabled:n,...c}=e,b=[];if(o){let g=r||o.columns,k=o.colors?o.colors:o;Array.isArray(k)&&Array.from({length:Math.ceil(k.length/g)},(L,y)=>{let x=[];k.slice(y*g,(y+1)*g).map((A,K)=>{x.push((0,qa.jsx)(Ja,{color:A,tileSize:l},K))});let R=(0,qa.jsx)(pn,{children:x},y);b.push(R)})}return(0,qa.jsx)("div",{...c,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":n?"true":void 0,className:a(e.className,El,I(El,{disabled:n}),E(El,{size:t})),children:(0,qa.jsx)("table",{className:"k-colorpalette-table",role:"none",children:(0,qa.jsx)("tbody",{children:b.length>0?b:e.children})})})};bt.states=Th;bt.options=fh;bt.className=El;bt.defaultOptions=Wc;bt.moduleName=Fc;bt.folderName=$c;bt.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 Il=bt;var Jr={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}};var Xc=require("react/jsx-runtime"),Vc=e=>(0,Xc.jsx)(Il,{palette:Jr.basic,...e});var gh=require("react/jsx-runtime");var Jc=require("react/jsx-runtime");var qc=require("react/jsx-runtime"),hh=bt.options,xh=bt.states,kh={...bt.defaultOptions,variant:"basic"},Nh=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],wh={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}},vh=[],Ya=e=>{let{variant:t="basic",...o}=e,r=wh[t];return(0,qc.jsx)(Vc,{columns:r.columns,palette:r,...o})};Ya.options=hh;Ya.states=xh;Ya.variants=Nh;Ya.defaultOptions=kh;Ya.modifiers=vh;Ya.className=bt.className;var Yc="color-editor",Qc="coloreditor";var Pe=require("react/jsx-runtime"),Gl="k-coloreditor",Ch=[s.focus],Lh={size:[d.undefined,d.small,d.medium,d.large]},qr={view:"gradient",palette:Jr.office,actionButtons:!0,canvasOrientation:"horizontal"},Ge=e=>{let{size:t,view:o=qr.view,palette:r=qr.palette,color:l,currentColor:n,focus:c,focusView:b,dir:g,group:k,actionButtons:L=qr.actionButtons,canvasOrientation:y=qr.canvasOrientation,...x}=e;return(0,Pe.jsxs)("div",{...x,role:"textbox","aria-label":"Color editor",tabIndex:0,className:a(e.className,"k-flatcolorpicker",Gl,E(Gl,{size:t}),I(Gl,{focus:c})),dir:g,children:[(0,Pe.jsxs)("div",{className:"k-coloreditor-header k-hstack",children:[(0,Pe.jsx)("div",{className:"k-coloreditor-header-actions k-hstack",children:k&&(0,Pe.jsxs)(q,{fillMode:"flat",children:[(0,Pe.jsx)(u,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),(0,Pe.jsx)(u,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),(0,Pe.jsx)("div",{className:"k-spacer"}),(0,Pe.jsxs)("div",{className:"k-coloreditor-header-actions k-hstack",children:[(0,Pe.jsx)(u,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),(0,Pe.jsxs)("div",{className:"k-coloreditor-preview k-vstack",children:[(0,Pe.jsx)(_o,{className:"k-coloreditor-preview-color",color:l}),(0,Pe.jsx)(_o,{className:"k-coloreditor-current-color",color:n})]})]})]}),(0,Pe.jsx)("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?(0,Pe.jsx)($e,{focus:b,size:t,canvasOrientation:y,role:"none",tabIndex:-1}):(0,Pe.jsx)(bt,{palette:r,size:t})}),L&&(0,Pe.jsxs)($t,{className:"k-coloreditor-footer",alignment:"start",children:[(0,Pe.jsx)(u,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),(0,Pe.jsx)(u,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Ge.states=Ch;Ge.options=Lh;Ge.className=Gl;Ge.defaultOptions=qr;Ge.moduleName=Yc;Ge.folderName=Qc;Ge.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 Qa=Ge;var yh=require("react/jsx-runtime");var Mh=require("react/jsx-runtime");var jc=require("react/jsx-runtime"),Zc=e=>(0,jc.jsx)(Qa,{group:!0,currentColor:"fuchsia",...e});var tp=require("react/jsx-runtime"),ep=e=>(0,tp.jsx)(Qa,{view:"palette",group:!0,currentColor:"fuchsia",...e});var un=require("react/jsx-runtime"),Sh=Ge.options,Rh=Ge.states,Ah={...Ge.defaultOptions,variant:"gradient"},Eh=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Ih=[],Za=e=>{let{variant:t,...o}=e;return t==="palette"?(0,un.jsx)(ep,{...o,color:"white"}):(0,un.jsx)(Zc,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Za.options=Sh;Za.states=Rh;Za.variants=Eh;Za.defaultOptions=Ah;Za.modifiers=Ih;Za.className=Ge.className;var op="color-picker",ap="colorpicker";var ze=require("react/jsx-runtime"),rp="k-colorpicker",Gh=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled],Oh={size:[d.undefined,d.small,d.medium,d.large],rounded:[w.undefined,w.none,w.small,w.medium,w.large,w.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},lp={arrowIconName:"caret-alt-down"},It=e=>{let{size:t,rounded:o,fillMode:r,arrowIconName:l=lp.arrowIconName,prefix:n,suffix:c,value:b,placeholder:g,hover:k,focus:L,valid:y,invalid:x,required:R,disabled:A,valueIconName:K,popup:X,opened:U,adaptive:te,adaptiveSettings:ve,adaptiveTitle:be,adaptiveSubtitle:st,...dt}=e,Mt="colorpicker-popup";return(0,ze.jsxs)(ze.Fragment,{children:[(0,ze.jsxs)(ro,{...dt,size:t,rounded:o,fillMode:r,hover:k,focus:L,valid:y,invalid:x,required:R,disabled:A,role:"combobox","aria-haspopup":"dialog","aria-expanded":U?"true":"false","aria-controls":U||te?Mt:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":A?"true":void 0,className:a(e.className,rp,"k-icon-picker"),children:[(0,ze.jsx)(Bt,{children:n}),(0,ze.jsx)(da,{placeholder:g,value:b,showValue:!1,valueIcon:(0,ze.jsx)(_o,{className:"k-value-icon",color:b,iconName:K}),valueIconName:K}),(0,ze.jsx)(zt,{children:c}),(0,ze.jsx)(u,{className:"k-input-button",icon:l,size:t,fillMode:r,tabIndex:-1,"aria-label":"Open color picker",disabled:A})]}),U&&X&&(0,ze.jsx)(se,{id:Mt,className:"k-colorpicker-popup",children:X}),te&&(0,ze.jsx)(Ie,{adaptive:!0,id:Mt,...ve,header:(0,ze.jsx)(pt,{actionsEnd:(0,ze.jsx)(u,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:be,subtitle:st}),footer:(0,ze.jsxs)(Ko,{children:[(0,ze.jsx)(u,{text:"Cancel",size:"large"}),(0,ze.jsx)(u,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,ze.jsx)(Ge,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};It.states=Gh;It.options=Oh;It.className=rp;It.defaultOptions=lp;It.moduleName=op;It.folderName=ap;It.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 ho=It;var ip=require("react/jsx-runtime"),Ol=e=>(0,ip.jsx)(ho,{...e});var Hh=require("react/jsx-runtime");var Ph=require("react/jsx-runtime");var _h=require("react/jsx-runtime");var Kh=require("react/jsx-runtime");var Dh=require("react/jsx-runtime");var Bh=require("react/jsx-runtime");var $o=require("react/jsx-runtime"),zh=ho.options,Uh=ho.states,np={...ho.defaultOptions,variant:"color"},Fh=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],$h=[{name:"opened",title:"Opened"}],ja=e=>{let{variant:t,modifiers:o,...r}={...np,...e},l={};Object.keys(o||{}).forEach(c=>{c==="opened"&&(l.opened=!!(o!=null&&o[c]),l.popup=o!=null&&o[c]?(0,$o.jsx)(Ge,{size:r.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let n=l.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return(0,$o.jsx)("div",{style:n,children:(0,$o.jsx)(Ol,{...r,...l})});case"icon":return(0,$o.jsx)("div",{style:n,children:(0,$o.jsx)(Ol,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...r,...l})});default:return(0,$o.jsx)("div",{style:n,children:(0,$o.jsx)(Ol,{value:"rgba(183, 118 , 118, 1.00)",...r,...l})})}};ja.options=zh;ja.states=Uh;ja.variants=Fh;ja.defaultOptions=np;ja.modifiers=$h;ja.className=ho.className;var bn="combobox",sp=bn;var de=require("react/jsx-runtime"),dp="k-combobox",Wh=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Vh={size:[d.undefined,d.small,d.medium,d.large],rounded:[w.undefined,w.none,w.small,w.medium,w.large,w.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},cp={separators:!0},rt=e=>{let{size:t,rounded:o,fillMode:r,separators:l=cp.separators,prefix:n,suffix:c,value:b,placeholder:g,hover:k,focus:L,valid:y,invalid:x,required:R,loading:A,disabled:K,popup:X,opened:U,readonly:te,adaptive:ve,adaptiveSettings:be,adaptiveTitle:st,adaptiveSubtitle:dt,adaptiveCustomValue:Mt,id:ia,autocomplete:ei,activeDescendant:Ho,"aria-label":cl,...ti}=e,oi=ia?`${ia}-listbox`:void 0;return(0,de.jsxs)(de.Fragment,{children:[(0,de.jsxs)(He,{...ti,size:t,rounded:o,fillMode:r,hover:k,focus:L,valid:y,invalid:x,required:R,loading:A,disabled:K,readonly:te,className:a(e.className,dp),children:[n&&(0,de.jsxs)(de.Fragment,{children:[(0,de.jsx)(Bt,{children:n}),l&&(0,de.jsx)(Ut,{})]}),(0,de.jsx)(Rt,{id:ia,placeholder:g,value:b,role:"combobox","aria-haspopup":"listbox","aria-expanded":U?"true":"false","aria-controls":U?oi:void 0,"aria-activedescendant":U&&Ho?Ho:void 0,"aria-autocomplete":ei,"aria-invalid":x?"true":void 0,"aria-busy":A?"true":void 0,"aria-label":cl,disabled:K,readOnly:te}),(0,de.jsx)(ct,{valid:y,invalid:x,loading:A,disabled:K}),(0,de.jsx)(Nt,{loading:A,disabled:K}),(0,de.jsx)(St,{loading:A,disabled:K,readonly:te,value:b}),c&&(0,de.jsxs)(de.Fragment,{children:[l&&(0,de.jsx)(Ut,{}),(0,de.jsx)(zt,{children:c})]}),(0,de.jsx)(u,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:r,"aria-label":"Open popup",tabIndex:-1,disabled:K})]}),U&&X&&(0,de.jsx)(se,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:X}),ve&&(0,de.jsx)(Ie,{adaptive:!0,id:ia?`${ia}-adaptive`:void 0,...be,header:(0,de.jsx)(pt,{actionsEnd:(0,de.jsx)(u,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:b,inputPlaceholder:g,title:st,subtitle:dt}),children:(0,de.jsx)("div",{className:"k-list-container",children:(0,de.jsx)(ie,{customValue:Mt?(0,de.jsx)(Fo,{text:`Use "${b}"`}):void 0,size:"large",children:(0,de.jsxs)(he,{"aria-label":st||"Options",children:[(0,de.jsx)(ee,{text:"List item"}),(0,de.jsx)(ee,{text:"List item"}),(0,de.jsx)(ee,{text:"List item"})]})})})})]})};rt.states=Wh;rt.options=Vh;rt.className=dp;rt.defaultOptions=cp;rt.moduleName=bn;rt.folderName=sp;rt.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-ul[role="listbox"], .k-combobox-popup .k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{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 Gt=rt;var mp=require("react/jsx-runtime"),pp=e=>(0,mp.jsx)(Gt,{...e});var up=require("react/jsx-runtime");var bp=require("react/jsx-runtime");var Tp=require("react/jsx-runtime");var fp=require("react/jsx-runtime");var gp=require("react/jsx-runtime");var hp=require("react/jsx-runtime");var Tn=require("react/jsx-runtime");var Xh=require("react/jsx-runtime");var Jh=require("react/jsx-runtime");var xp=require("react/jsx-runtime");var kp=require("react/jsx-runtime");var eo=require("react/jsx-runtime"),qh=rt.states,Yh=rt.defaultOptions,Qh=rt.options,Zh=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],jh=[],er=e=>{let{modifiers:t,...o}=e,r={},l=(0,eo.jsx)(ie,{style:{width:300},size:o.size,children:(0,eo.jsxs)(he,{children:[(0,eo.jsx)(ee,{children:"List item"}),(0,eo.jsx)(ee,{children:"List item"}),(0,eo.jsx)(ee,{children:"List item"})]})});return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":r.prefix=t!=null&&t[n]?(0,eo.jsx)(p,{icon:"map-marker-target"}):void 0;break;case"suffix":r.suffix=t!=null&&t[n]?(0,eo.jsx)(Po,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":r.opened=!!(t!=null&&t[n]),r.popup=t!=null&&t[n]?l:void 0;break;default:break}}),(0,eo.jsx)("div",{children:(0,eo.jsx)(pp,{value:"Value",style:{width:300},...o,...r})})};er.options=Qh;er.states=qh;er.variants=jh;er.defaultOptions=Yh;er.modifiers=Zh;er.className=rt.className;var fn="menu-button",Np=fn;var vp=require("react/jsx-runtime"),wp="k-menu-button",ex=[s.hover,s.focus,s.active,s.selected,s.disabled],tx={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[w.undefined,w.none,w.small,w.medium,w.large,w.full],fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info,S.inverse]},gn={showArrow:!0,arrowIconName:"caret-alt-down"},me=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,hover:n,focus:c,active:b,selected:g,disabled:k,icon:L,text:y,showArrow:x=gn.showArrow,arrowIconName:R=gn.arrowIconName,expanded:A,...K}=e;return(0,vp.jsx)(u,{...K,className:a(e.className,wp),text:y,size:t,rounded:o,fillMode:r,themeColor:l,hover:n,focus:c,active:b,selected:g,disabled:k,icon:L,showArrow:x,arrowIconName:R,"aria-expanded":A?"true":"false",...!y&&L&&!e["aria-label"]&&{"aria-label":"Menu"},...k&&{"aria-disabled":"true"}})};me.states=ex;me.options=tx;me.className=wp;me.defaultOptions=gn;me.moduleName=fn;me.folderName=Np;me.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var ox=require("react/jsx-runtime");var ax=require("react/jsx-runtime");var rx=require("react/jsx-runtime");var Ot="menu",Xt=Ot;var xo=require("react/jsx-runtime"),hn="k-menu-item",lx=[s.hover,s.focus,s.active,s.selected,s.disabled],ix={},Cp={iconPosition:"before"},lt=e=>{let{hover:t,focus:o,active:r,selected:l,disabled:n,icon:c,text:b,first:g,last:k,showArrow:L,arrowIconName:y,iconPosition:x=Cp.iconPosition,dir:R,children:A,expanded:K,...X}=e,U=y;return U||(U=R==="rtl"?"caret-alt-left":"caret-alt-right"),(0,xo.jsxs)("li",{...X,className:a(e.className,hn,"k-item",I(hn,{focus:o,disabled:n,hover:t,active:r,selected:l}),{"k-first":g,"k-last":k}),role:"menuitem",...L&&{"aria-haspopup":"menu"},...L&&{"aria-expanded":K?"true":"false"},...n&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,xo.jsxs)("span",{className:a("k-link k-menu-link"),children:[c&&x==="before"&&(0,xo.jsx)(p,{className:"k-menu-link-icon",icon:c}),(0,xo.jsx)("span",{className:"k-menu-link-text",children:b}),c&&x==="after"&&(0,xo.jsx)(p,{className:"k-menu-link-icon",icon:c}),L&&(0,xo.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,xo.jsx)(p,{icon:U})})]}),A]})};lt.states=lx;lt.options=ix;lt.className=hn;lt.defaultOptions=Cp;lt.moduleName=Ot;lt.folderName=Xt;var ko=require("react/jsx-runtime"),xn="k-menu-item",nx=[s.hover,s.focus,s.active,s.selected,s.disabled],sx={},kn={dir:"ltr",iconPosition:"before"},ae=e=>{let{hover:t,focus:o,active:r,selected:l,disabled:n,icon:c,text:b,first:g,last:k,showArrow:L,arrowIconName:y,iconPosition:x=kn.iconPosition,dir:R=kn.dir,children:A,popup:K,expanded:X,...U}=e,te=y;return te||(te=R==="rtl"?"caret-alt-left":"caret-alt-right"),(0,ko.jsxs)("li",{...U,className:a(e.className,xn,"k-item",I(xn,{focus:o,disabled:n}),{"k-first":g,"k-last":k}),role:"menuitem",...L&&{"aria-haspopup":"menu"},...L&&{"aria-expanded":X?"true":"false"},...n&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,ko.jsxs)("span",{className:a("k-link k-menu-link",I("k-menu-link",{hover:t,active:r,selected:l,disabled:n})),children:[c&&x==="before"&&(0,ko.jsx)(p,{className:"k-menu-link-icon",icon:c}),(0,ko.jsx)("span",{className:"k-menu-link-text",children:b}),c&&x==="after"&&(0,ko.jsx)(p,{className:"k-menu-link-icon",icon:c}),L&&(0,ko.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,ko.jsx)(p,{icon:te})})]}),A,K]})};ae.states=nx;ae.options=sx;ae.className=xn;ae.defaultOptions=kn;ae.moduleName=Ot;ae.folderName=Xt;var Mp=require("react/jsx-runtime"),Lp="k-menu-scroll-wrapper",dx=[],cx={},px={},Ta=e=>{let{className:t,children:o,orientation:r,...l}=e;return(0,Mp.jsx)("div",{...l,className:a(t,Lp,{"k-menu-scroll-wrapper-vertical":r==="vertical"}),children:o})};Ta.states=dx;Ta.options=cx;Ta.className=Lp;Ta.defaultOptions=px;Ta.moduleName=Ot;Ta.folderName=Xt;var yp=Ta;var Je=require("react/jsx-runtime"),Nn="k-menu",mx=[],ux={},Pl={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},ye=e=>{let{children:t,orientation:o=Pl.orientation,header:r=Pl.header,scrollable:l,scrollButtonsPosition:n=Pl.scrollButtonsPosition,wrapperStyles:c,dir:b,popup:g,contextMenu:k,...L}=e,y={horizontal:{prev:b!=="rtl"?"left":"right",next:b!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},x=(0,Je.jsx)("ul",{dir:b,...L,className:a(e.className,"k-reset",Nn,{[`${Nn}-${o}`]:o,"k-header":r}),role:k?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,Je.jsxs)(Je.Fragment,{children:[l?(0,Je.jsxs)(yp,{orientation:o,style:c,dir:e.dir,children:[n==="start"&&(0,Je.jsxs)(Je.Fragment,{children:[(0,Je.jsx)(u,{fillMode:"flat",icon:`caret-alt-${y[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,Je.jsx)(u,{fillMode:"flat",icon:`caret-alt-${y[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),n==="around"&&(0,Je.jsx)(u,{fillMode:"flat",icon:`caret-alt-${y[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),x,n==="end"&&(0,Je.jsxs)(Je.Fragment,{children:[(0,Je.jsx)(u,{fillMode:"flat",icon:`caret-alt-${y[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,Je.jsx)(u,{fillMode:"flat",icon:`caret-alt-${y[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),n==="around"&&(0,Je.jsx)(u,{fillMode:"flat",icon:`caret-alt-${y[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):x,g]})};ye.states=mx;ye.options=ux;ye.className=Nn;ye.defaultOptions=Pl;ye.moduleName=Ot;ye.folderName=Xt;ye.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};var Rp=require("react/jsx-runtime"),wn="k-separator",Sp={orientation:"horizontal"},Wo=e=>{let{orientation:t=Sp.orientation,...o}=e;return(0,Rp.jsx)("li",{...o,className:a(e.className,"k-item",wn,{[`${wn}-${t}`]:t}),role:"separator"})};Wo.className=wn;Wo.defaultOptions=Sp;Wo.moduleName=Ot;Wo.folderName=Xt;var Ap=require("react/jsx-runtime");var Ep=require("react/jsx-runtime"),vn="k-menu-group",bx=[],Tx={size:[d.undefined,d.small,d.medium,d.large]},fx={},_e=e=>{let{children:t,size:o,...r}=e;return(0,Ep.jsx)("ul",{...r,className:a(e.className,vn,E(vn,{size:o})),role:"menu",children:t})};_e.states=bx;_e.options=Tx;_e.className=vn;_e.defaultOptions=fx;_e.moduleName=Ot;_e.folderName=Xt;var to=require("react/jsx-runtime"),Cn=e=>(0,to.jsx)(ye,{children:(0,to.jsxs)(to.Fragment,{children:[(0,to.jsx)(lt,{first:!0,text:"Item 1"}),(0,to.jsx)(lt,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),(0,to.jsx)(lt,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),(0,to.jsx)(lt,{text:"Item 4"}),(0,to.jsx)(lt,{last:!0,text:"Item 5"})]}),...e});var Ln=require("react/jsx-runtime");var yn=require("react/jsx-runtime");var Mn=require("react/jsx-runtime");var Sn=require("react/jsx-runtime");var no=require("react/jsx-runtime"),gx=ye.options,hx=ye.states,Ip={...ye.defaultOptions,variant:"horizontal"},xx=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],kx=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],tr=e=>{let{variant:t,modifiers:o,...r}={...Ip,...e},l={};return Object.keys(o||{}).forEach(n=>{switch(n){case"scrollable":l.scrollable=!!(o!=null&&o[n]);break;case"opened":l.opened=!!(o!=null&&o[n]),l.popup=(0,no.jsx)(se,{className:"k-menu-popup",children:(0,no.jsxs)(_e,{children:[(0,no.jsx)(ae,{text:"Item 1"}),(0,no.jsx)(ae,{text:"Item 2"}),(0,no.jsx)(Wo,{}),(0,no.jsx)(ae,{text:"Item 3"})]})});break}}),t==="vertical"?(0,no.jsx)(Cn,{...r,...l,orientation:"vertical",style:{width:"200px"}}):(0,no.jsx)(Cn,{...r,...l})};tr.options=gx;tr.states=hx;tr.variants=xx;tr.defaultOptions=Ip;tr.modifiers=kx;tr.className=ye.className;var Rn=require("react/jsx-runtime");var Nx=require("react/jsx-runtime");var it=require("react/jsx-runtime"),wx=u.states,Gp={...u.defaultOptions,variant:"text"},vx=u.options,Cx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Lx=[{name:"opened",title:"Opened"}],or=e=>{let{variant:t,modifiers:o,...r}={...Gp,...e},l={},n=(0,it.jsx)(se,{className:"k-menu-popup",children:(0,it.jsxs)(_e,{size:r.size,children:[(0,it.jsx)(ae,{first:!0,text:"Menu Item"}),(0,it.jsx)(ae,{text:"Menu Item"}),(0,it.jsx)(ae,{last:!0,text:"Menu Item"})]})}),c;switch(t){case"icon-only":c=(0,it.jsx)("div",{children:(0,it.jsx)(me,{...r,...l,icon:"star"})});break;case"icon-and-text":c=(0,it.jsx)("div",{children:(0,it.jsx)(me,{...r,...l,icon:"star",children:"Dropdown Button"})});break;default:c=(0,it.jsx)("div",{children:(0,it.jsx)(me,{...r,...l,children:"Dropdown Button"})});break}return(0,it.jsxs)(it.Fragment,{children:[c,(o==null?void 0:o.opened)&&n]})};or.options=vx;or.states=wx;or.variants=Cx;or.defaultOptions=Gp;or.modifiers=Lx;or.className=me.className;var An="split-button",Op=An;var No=require("react/jsx-runtime"),En="k-split-button",yx=[s.hover,s.focus,s.active,s.selected,s.disabled],Mx={size:[d.undefined,d.small,d.medium,d.large],rounded:[w.undefined,w.none,w.small,w.medium,w.large,w.full],fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info,S.inverse]},Hp={arrowIconName:"caret-alt-down"},re=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,hover:n,focus:c,active:b,selected:g,disabled:k,icon:L,text:y,arrowIconName:x=Hp.arrowIconName,popup:R,opened:A,popupId:K,...X}=e;return(0,No.jsxs)(No.Fragment,{children:[(0,No.jsxs)("div",{...X,className:a(e.className,En,"k-button-group",E(En,{rounded:o})),children:[(0,No.jsx)(u,{text:y,icon:L,size:t,rounded:o,fillMode:r,themeColor:l,hover:n,focus:c,active:b,selected:g,disabled:k,...!y&&!e.children&&L&&{"aria-label":"Action"},children:e.children}),(0,No.jsx)(u,{className:"k-split-button-arrow",icon:x,size:t,rounded:o,fillMode:r,disabled:k,"aria-label":"Toggle dropdown","aria-expanded":A?"true":"false","aria-controls":A?K:void 0,tabIndex:-1,...k&&{"aria-disabled":"true"}})]}),A&&R&&(0,No.jsx)(se,{className:"k-menu-popup",children:R})]})};re.states=yx;re.options=Mx;re.className=En;re.defaultOptions=Hp;re.moduleName=An;re.folderName=Op;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 In=re;var Pp=require("react/jsx-runtime"),Sx="k-toolbar-separator",oo=e=>(0,Pp.jsx)("div",{className:a(Sx,e.className,"k-separator")});var wo="toolbar",Vo=wo;var j=require("react/jsx-runtime"),vo="k-toolbar",Rx=[s.focus],Ax={size:[d.undefined,d.small,d.medium,d.large],fillMode:[v.undefined,v.solid,v.outline,v.flat]},Ex={scrollButtons:"around"},ce=e=>{let{size:t,fillMode:o,focus:r,resizable:l,scrollable:n,scrollButtons:c,scrollingPosition:b,section:g,...k}=e,L=[],y=(x,R)=>{let A=[];if(x.type===u&&x.props.className&&x.props.className.includes("k-toolbar-overflow-button"))A.push((0,j.jsx)(u,{...x.props,className:`${x.props.className?x.props.className:""}`},`${R}-${new Date().getTime()}`));else if(x.type===u)A.push((0,j.jsx)(u,{...x.props,className:`k-toolbar-button ${x.props.className?x.props.className:""}`},`${R}-${new Date().getTime()}`));else if(x.type===Gr)A.push((0,j.jsx)(Gr,{...x.props,className:`k-toolbar-button ${x.props.className?x.props.className:""}`},`${R}-${new Date().getTime()}`));else if(x.type===Po)A.push((0,j.jsx)(Po,{...x.props,className:`k-toolbar-button ${x.props.className?x.props.className:""}`},`${R}-${new Date().getTime()}`));else if(x.type===me)A.push((0,j.jsx)(me,{...x.props,className:`k-toolbar-menu-button ${x.props.className?x.props.className:""}`},`${R}-${new Date().getTime()}`));else if(x.type===In)A.push((0,j.jsx)(In,{...x.props,className:`k-toolbar-split-button ${x.props.className?x.props.className:""}`},`${R}-${new Date().getTime()}`));else if(x.type===q||x.props.className&&x.props.className.includes("k-button-group")){let K=[];(Array.isArray(x.props.children)?x.props.children:[x.props.children]).forEach((U,te)=>{K.push((0,j.jsx)(u,{...U.props,className:`${U.props.className?U.props.className:""}`},`${te}-${new Date().getTime()}`))}),A.push((0,j.jsx)(q,{...x.props,className:`k-toolbar-button-group ${x.props.className?x.props.className:""}`,children:K},`${R}-${new Date().getTime()}`))}else x.type===rt?A.push((0,j.jsx)(rt,{...x.props,className:`k-toolbar-combobox ${x.props.className?x.props.className:""}`},`${R}-${new Date().getTime()}`)):x.type===pe?A.push((0,j.jsx)(pe,{...x.props,className:`k-toolbar-dropdownlist ${x.props.className?x.props.className:""}`},`${R}-${new Date().getTime()}`)):x.type===It?A.push((0,j.jsx)(It,{...x.props,className:`k-toolbar-colorpicker ${x.props.className?x.props.className:""}`},`${R}-${new Date().getTime()}`)):A.push(x);A.forEach(K=>{L.push(K)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((R,A)=>{y(R,A)}),(0,j.jsxs)("div",{...k,className:a(e.className,vo,E(vo,{size:t,fillMode:o}),I(vo,{focus:r}),{[`${vo}-resizable`]:l,[`${vo}-scrollable`]:n,[`${vo}-scrollable-overlay`]:n&&c==="hidden",[`${vo}-scrollable-${b}`]:b&&b!=="both",[`${vo}-section`]:g}),role:"toolbar","aria-label":"Toolbar",children:[!n&&L,n&&c==="hidden"&&(0,j.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L}),n&&c==="start"&&(0,j.jsxs)(j.Fragment,{children:[(0,j.jsxs)(q,{children:[(0,j.jsx)("span",{className:a("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,j.jsx)(p,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,j.jsx)("span",{className:a("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,j.jsx)(p,{className:"k-button-icon",icon:"caret-alt-right"})})]}),(0,j.jsx)(oo,{className:"k-toolbar-button-separator"}),(0,j.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L})]}),n&&c==="end"&&(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L}),(0,j.jsx)(oo,{className:"k-toolbar-button-separator"}),(0,j.jsxs)(q,{children:[(0,j.jsx)("span",{className:a("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,j.jsx)(p,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,j.jsx)("span",{className:a("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,j.jsx)(p,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),n&&(c==="around"||!c)&&(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("span",{className:a("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,j.jsx)(p,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,j.jsx)(oo,{className:"k-toolbar-button-separator"}),(0,j.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L}),(0,j.jsx)(oo,{className:"k-toolbar-button-separator"}),(0,j.jsx)("span",{className:a("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,j.jsx)(p,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};ce.states=Rx;ce.options=Ax;ce.className=vo;ce.defaultOptions=Ex;ce.moduleName=wo;ce.folderName=Vo;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"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",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",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",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"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",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",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};var Kp=require("react/jsx-runtime"),_p="k-floating-toolbar",Ix=[],Gx={},Ox={},ar=e=>{let{...t}=e;return(0,Kp.jsx)("div",{...t,className:a(e.className,_p),children:e.children})};ar.states=Ix;ar.options=Gx;ar.className=_p;ar.defaultOptions=Ox;ar.moduleName=wo;ar.folderName=Vo;var Dp=require("react/jsx-runtime"),Gn="k-toolbar-item",Hx=[s.focus],Px={},_x={},rr=e=>{let{focus:t,...o}=e;return(0,Dp.jsx)("div",{...o,className:a(e.className,Gn,I(Gn,{focus:t})),children:e.children})};rr.states=Hx;rr.options=Px;rr.className=Gn;rr.defaultOptions=_x;rr.moduleName=wo;rr.folderName=Vo;var On=require("react/jsx-runtime"),Bp="k-toolbar-popup",Kx=[],Dx={size:[d.undefined,d.small,d.medium,d.large],fillMode:[v.undefined,v.solid,v.outline,v.flat]},Bx={},fa=e=>{let{size:t,fillMode:o,section:r,...l}=e;return(0,On.jsx)(se,{...l,className:a(e.className,Bp),children:r?(0,On.jsx)("span",{className:a("k-toolbar-items-list",E("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};fa.states=Kx;fa.options=Dx;fa.className=Bp;fa.defaultOptions=Bx;fa.moduleName=wo;fa.folderName=Vo;var _l=fa;var zx=require("react/jsx-runtime");var Ux=require("react/jsx-runtime");var Fx=require("react/jsx-runtime");var zp=require("react/jsx-runtime");var $x=require("react/jsx-runtime");var Jt=require("react/jsx-runtime"),Wx=re.states,Up={...re.defaultOptions,variant:"text"},Vx=re.options,Xx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Jx=[{name:"opened",title:"Opened"}],lr=e=>{let{variant:t,modifiers:o,...r}={...Up,...e},l={},n=(0,Jt.jsxs)(_e,{size:r.size,children:[(0,Jt.jsx)(ae,{first:!0,text:"Menu Item"}),(0,Jt.jsx)(ae,{text:"Menu Item"}),(0,Jt.jsx)(ae,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(c=>{c==="opened"&&(l.opened=!!(o!=null&&o[c]),l.popup=o!=null&&o[c]?n:"")}),t){case"icon-only":return(0,Jt.jsx)("div",{children:(0,Jt.jsx)(re,{...r,...l,icon:"star"})});case"icon-and-text":return(0,Jt.jsx)("div",{children:(0,Jt.jsx)(re,{...r,...l,icon:"star",children:"Split Button"})});default:return(0,Jt.jsx)("div",{children:(0,Jt.jsx)(re,{...r,...l,children:"Split Button"})})}};lr.options=Vx;lr.states=Wx;lr.variants=Xx;lr.defaultOptions=Up;lr.modifiers=Jx;lr.className=re.className;var so=require("react/jsx-runtime"),Fp=e=>(0,so.jsx)(ce,{children:[(0,so.jsx)(u,{children:"Button"},"toolbar-button"),(0,so.jsx)(me,{text:"Menu button"},"toolbar-menu-button"),(0,so.jsx)(re,{children:"Split button"},"toolbar-split-button"),(0,so.jsxs)(q,{children:[(0,so.jsx)(u,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,so.jsx)(u,{icon:"align-center",children:"Center"}),(0,so.jsx)(u,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var $p=require("react/jsx-runtime");var qe=require("react/jsx-runtime"),Wp=e=>(0,qe.jsx)(ce,{scrollable:!0,...e,children:[(0,qe.jsx)(u,{children:"Button"},"toolbar-button"),(0,qe.jsx)(me,{text:"Menu button"},"toolbar-menu-button"),(0,qe.jsx)(re,{children:"Split button"},"toolbar-split-button"),(0,qe.jsxs)(q,{children:[(0,qe.jsx)(u,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,qe.jsx)(u,{icon:"align-center",children:"Center"}),(0,qe.jsx)(u,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,qe.jsx)(u,{children:"Button"},"toolbar-button"),(0,qe.jsx)(me,{text:"Menu button"},"toolbar-menu-button"),(0,qe.jsx)(re,{children:"Split button"},"toolbar-split-button"),(0,qe.jsxs)(q,{children:[(0,qe.jsx)(u,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,qe.jsx)(u,{icon:"align-center",children:"Center"}),(0,qe.jsx)(u,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var Ye=require("react/jsx-runtime"),Vp=({scrollingPosition:e="start",...t})=>(0,Ye.jsx)(ce,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[(0,Ye.jsx)(u,{children:"Button"},"toolbar-button"),(0,Ye.jsx)(me,{text:"Menu button"},"toolbar-menu-button"),(0,Ye.jsx)(re,{children:"Split button"},"toolbar-split-button"),(0,Ye.jsxs)(q,{children:[(0,Ye.jsx)(u,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Ye.jsx)(u,{icon:"align-center",children:"Center"}),(0,Ye.jsx)(u,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,Ye.jsx)(u,{children:"Button"},"toolbar-button"),(0,Ye.jsx)(me,{text:"Menu button"},"toolbar-menu-button"),(0,Ye.jsx)(re,{children:"Split button"},"toolbar-split-button"),(0,Ye.jsxs)(q,{children:[(0,Ye.jsx)(u,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Ye.jsx)(u,{icon:"align-center",children:"Center"}),(0,Ye.jsx)(u,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});var Me=require("react/jsx-runtime"),Xp=({fillMode:e,size:t,...o})=>(0,Me.jsxs)(Me.Fragment,{children:[(0,Me.jsx)(ce,{section:!0,fillMode:e,size:t,children:[(0,Me.jsx)(u,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,Me.jsxs)(q,{fillMode:e,children:[(0,Me.jsx)(u,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,Me.jsx)(u,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,Me.jsx)(u,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),(0,Me.jsx)(oo,{className:"k-toolbar-button-separator"}),(0,Me.jsx)(u,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),(0,Me.jsxs)(_l,{size:t,fillMode:e,section:!0,...o,children:[(0,Me.jsx)(re,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),(0,Me.jsx)(u,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,Me.jsx)(oo,{}),(0,Me.jsx)(me,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),(0,Me.jsxs)(q,{fillMode:e,children:[(0,Me.jsx)(u,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,Me.jsx)(u,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,Me.jsx)(u,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});var Hn=require("react/jsx-runtime");var Pn=require("react/jsx-runtime");var Co=require("react/jsx-runtime"),qx=ce.options,Yx=ce.states,Jp={...ce.defaultOptions,variant:"default"},Qx=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Zx=[],ir=e=>{let{variant:t,...o}={...Jp,...e};switch(t){case"responsive":return(0,Co.jsx)("div",{children:(0,Co.jsx)(Xp,{style:{width:"583px"},...o})});case"overlay":return(0,Co.jsx)("div",{children:(0,Co.jsx)(Vp,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,Co.jsx)("div",{children:(0,Co.jsx)(Wp,{style:{width:"583px"},...o})});default:return(0,Co.jsx)("div",{children:(0,Co.jsx)(Fp,{style:{width:"583px"},...o})})}};ir.options=qx;ir.states=Yx;ir.variants=Qx;ir.defaultOptions=Jp;ir.modifiers=Zx;ir.className=ce.className;var Yp=require("react/jsx-runtime"),qp="k-gantt-header",Xo=e=>(0,Yp.jsx)(ce,{...e,className:a(e.className,qp,"k-gantt-toolbar"),children:e.children});Xo.className=qp;Xo.moduleName=Te;Xo.folderName=ge;var Zp=require("react/jsx-runtime"),Qp="k-gantt-footer",nr=e=>(0,Zp.jsx)(ce,{...e,className:a(e.className,Qp,"k-gantt-toolbar"),children:e.children});nr.className=Qp;nr.moduleName=Te;nr.folderName=ge;var em=require("react/jsx-runtime"),jp="k-gantt-content",Jo=e=>(0,em.jsx)("div",{...e,className:a(e.className,jp),children:e.children});Jo.className=jp;Jo.moduleName=Te;Jo.folderName=ge;var om=require("react/jsx-runtime"),tm="k-gantt-tables",qo=e=>(0,om.jsx)("div",{...e,className:a(e.className,tm),children:e.children});qo.className=tm;qo.moduleName=Te;qo.folderName=ge;var Qe="table",nt=Qe;var rm=require("react/jsx-runtime"),am="k-data-table",jx=[],ek={size:[d.undefined,d.small,d.medium,d.large]},tk={},Lo=e=>{let{size:t,...o}=e;return(0,rm.jsx)("div",{...o,className:a(e.className,am,E("k-table",{size:t})),children:e.children})};Lo.states=jx;Lo.options=ek;Lo.className=am;Lo.defaultOptions=tk;Lo.moduleName=Qe;Lo.folderName=nt;var lm=require("react/jsx-runtime"),_n="k-table-header-wrap",ok=[s.hover,s.focus,s.disabled],ak={},rk={},Yo=e=>{let{children:t,hover:o,focus:r,disabled:l,...n}=e;return(0,lm.jsx)("div",{...n,className:a(e.className,_n,I(_n,{hover:o,focus:r,disabled:l})),children:t})};Yo.states=ok;Yo.options=ak;Yo.className=_n;Yo.defaultOptions=rk;Yo.moduleName=Qe;Yo.folderName=nt;var im=require("react/jsx-runtime"),Kn="k-table",lk=[],ik={size:[d.undefined,d.small,d.medium,d.large]},nk={},Se=e=>{let{size:t,...o}=e;return(0,im.jsx)("table",{...o,className:a(e.className,Kn,E(Kn,{size:t})),children:e.children})};Se.states=lk;Se.options=ik;Se.className=Kn;Se.defaultOptions=nk;Se.moduleName=Qe;Se.folderName=nt;var Kl=require("react/jsx-runtime"),Dn="k-table-header",sk=[s.hover,s.focus,s.disabled],dk={},ck={},yo=e=>{let{children:t,hover:o,focus:r,disabled:l,...n}=e;return(0,Kl.jsx)("div",{...n,className:a(e.className,Dn,I(Dn,{hover:o,focus:r,disabled:l})),children:(0,Kl.jsx)(Yo,{children:(0,Kl.jsx)(Se,{children:t})})})};yo.states=sk;yo.options=dk;yo.className=Dn;yo.defaultOptions=ck;yo.moduleName=Qe;yo.folderName=nt;var sm=require("react/jsx-runtime"),nm="k-table-scroller",pk=[],mk={},uk={},sr=e=>{let{children:t,...o}=e;return(0,sm.jsx)("div",{...o,className:a(e.className,nm),children:t})};sr.states=pk;sr.options=mk;sr.className=nm;sr.defaultOptions=uk;sr.moduleName=Qe;sr.folderName=nt;var bk=require("react/jsx-runtime");var cm=require("react/jsx-runtime"),dm="k-table-footer",Tk=[],fk={},gk={},Qo=e=>{let{children:t,...o}=e;return(0,cm.jsx)("div",{...o,className:a(e.className,dm),children:t})};Qo.states=Tk;Qo.options=fk;Qo.className=dm;Qo.defaultOptions=gk;Qo.moduleName=Qe;Qo.folderName=nt;var pm=require("react/jsx-runtime"),Bn="k-table-list",hk=[],xk={size:[d.undefined,d.small,d.medium,d.large]},kk={},Zo=e=>{let{size:t,virtualization:o,...r}=e;return(0,pm.jsx)("ul",{...r,className:a(e.className,"k-table",Bn,E(Bn,{size:t}),{"k-virtual-table":o}),children:e.children})};Zo.states=hk;Zo.options=xk;Zo.className=Bn;Zo.defaultOptions=kk;Zo.moduleName=Qe;Zo.folderName=nt;var mm=require("react/jsx-runtime"),Nk="k-table-thead",W=e=>(0,mm.jsx)("thead",{className:a(e.className,Nk),children:e.children});var um=require("react/jsx-runtime"),wk="k-table-tbody",z=e=>(0,um.jsx)("tbody",{className:a(e.className,wk),children:e.children});var vk=require("react/jsx-runtime");var bm=require("react/jsx-runtime"),zn="k-table-row",Ck=[s.hover,s.focus,s.selected,s.disabled,s.highlighted],h=e=>{let{hover:t,focus:o,selected:r,highlighted:l,disabled:n,alt:c,...b}=e;return(0,bm.jsx)("tr",{...b,className:a(e.className,zn,{"k-table-alt-row":c},I(zn,{hover:t,focus:o,disabled:n,selected:r,highlighted:l})),children:e.children})};h.states=Ck;h.className=zn;var Tm=require("react/jsx-runtime"),Un="k-table-row",Lk=[s.hover,s.focus,s.selected,s.disabled],Dl=e=>{let{hover:t,focus:o,selected:r,disabled:l,alt:n,...c}=e;return(0,Tm.jsx)("li",{...c,className:a(e.className,Un,{"k-table-alt-row":n},I(Un,{hover:t,focus:o,disabled:l,selected:r})),children:e.children})};Dl.states=Lk;Dl.className=Un;var gm=require("react/jsx-runtime"),fm="k-table-th",Mo=e=>{let{text:t,colspan:o,rowspan:r,...l}=e,n=t||e.children;return(0,gm.jsx)("th",{colSpan:o,rowSpan:r,...l,className:a(e.className,fm),children:n})};Mo.className=fm;Mo.moduleName=Qe;Mo.folderName=nt;var yk=require("react/jsx-runtime");var hm=require("react/jsx-runtime"),Fn="k-table-td",Mk=[s.focus,s.selected,s.highlighted],i=e=>{let{focus:t,selected:o,highlighted:r,text:l,colspan:n,rowspan:c,...b}=e,g=l||e.children;return(0,hm.jsx)("td",{colSpan:n,rowSpan:c,...b,className:a(e.className,Fn,I(Fn,{focus:t,selected:o,highlighted:r})),children:g})};i.states=Mk;i.className=Fn;var Sk=require("react/jsx-runtime");var Rk=require("react/jsx-runtime");var Ak=require("react/jsx-runtime");var Ek=require("react/jsx-runtime");var Ik=require("react/jsx-runtime");var km=require("react/jsx-runtime");var Nm=require("react/jsx-runtime");var vm=require("react/jsx-runtime");var $n=require("react/jsx-runtime");var Lm=require("react/jsx-runtime"),Cm="k-gantt-columns",jo=e=>(0,Lm.jsx)(Se,{...e,className:a(e.className,Cm),role:"presentation",children:e.children});jo.className=Cm;jo.moduleName=Te;jo.folderName=ge;var Mm=require("react/jsx-runtime"),ym="k-gantt-rows",ea=e=>(0,Mm.jsx)(Se,{...e,className:a(e.className,ym),role:"presentation",children:e.children});ea.className=ym;ea.moduleName=Te;ea.folderName=ge;var Rm=require("react/jsx-runtime"),Sm="k-gantt-tasks",ta=e=>(0,Rm.jsx)(Se,{...e,className:a(e.className,Sm),role:"presentation",children:e.children});ta.className=Sm;ta.moduleName=Te;ta.folderName=ge;var Im=require("react/jsx-runtime"),Am="k-task",Hk=[],Pk={},Em={type:"single"},Ze=e=>{let{type:t=Em.type,ariaLevel:o,...r}=e;return(0,Im.jsx)("div",{...r,className:a(e.className,Am,{"k-task-single":t==="single","k-task-milestone":t==="milestone","k-task-summary":t==="summary"}),role:"treeitem",...o!==void 0&&{"aria-level":o}})};Ze.states=Hk;Ze.options=Pk;Ze.className=Am;Ze.defaultOptions=Em;Ze.moduleName=Te;Ze.folderName=ge;var Hm=require("react/jsx-runtime"),Gm="k-task-wrap",_k=[],Kk={},Om={type:"single"},je=e=>{let{type:t=Om.type,...o}=e;return(0,Hm.jsx)("div",{...o,className:a(e.className,Gm,{"k-milestone-wrap":t==="milestone","k-summary-wrap":t==="summary"})})};je.states=_k;je.options=Kk;je.className=Gm;je.defaultOptions=Om;je.moduleName=Te;je.folderName=ge;var Km=require("react/jsx-runtime"),Pm="k-task-dot",Dk=[],Bk={},_m={position:"start"},xe=e=>{let{position:t=_m.position,...o}=e;return(0,Km.jsx)("div",{...o,className:a(e.className,Pm,{"k-task-start":t==="start","k-task-end":t==="end"}),"aria-hidden":"true"})};xe.states=Dk;xe.options=Bk;xe.className=Pm;xe.defaultOptions=_m;xe.moduleName=Te;xe.folderName=ge;var So=require("react/jsx-runtime"),Dm="k-task-content",zk=[],Uk={},Fk={},Ht=e=>{let{content:t,...o}=e;return(0,So.jsxs)("div",{...o,className:a(e.className,Dm),children:[t&&(0,So.jsx)("div",{className:"k-task-template",children:t}),(0,So.jsx)("span",{className:"k-task-actions","aria-hidden":"true",children:(0,So.jsx)("a",{className:"k-link k-task-delete",children:(0,So.jsx)(p,{icon:"x"})})}),(0,So.jsx)("span",{className:"k-resize-handle k-resize-w","aria-hidden":"true"}),(0,So.jsx)("span",{className:"k-resize-handle k-resize-e","aria-hidden":"true"})]})};Ht.states=zk;Ht.options=Uk;Ht.className=Dm;Ht.defaultOptions=Fk;Ht.moduleName=Te;Ht.folderName=ge;var Um=require("react/jsx-runtime"),Bm="k-gantt-line",$k=[],Wk={},zm={orientation:"horizontal"},Re=e=>{let{orientation:t=zm.orientation,...o}=e;return(0,Um.jsx)("div",{...o,className:a(e.className,Bm,{"k-gantt-line-h":t==="horizontal","k-gantt-line-v":t==="vertical"}),"aria-hidden":"true"})};Re.states=$k;Re.options=Wk;Re.className=Bm;Re.defaultOptions=zm;Re.moduleName=Te;Re.folderName=ge;var le="grid",ne=le;var zl=require("react/jsx-runtime"),Bl="k-grid",Vk=[],Xk={size:[d.undefined,d.small,d.medium,d.large]},Jk=[],Fm={pagerPosition:"bottom"},Y=e=>{let{size:t,pagerPosition:o=Fm.pagerPosition,toolbar:r,pager:l,groupingHeader:n,gridSelectionAggregates:c,_renderAriaRoot:b,resizable:g,ariaColCount:k,ariaRowCount:L,ariaRootId:y,ariaRole:x="grid",...R}=e;return(0,zl.jsxs)("div",{...R,className:a(e.className,Bl,{[`${Bl}-resizable`]:g},E(Bl,{size:t})),children:[r,o==="top"&&l,n,e.children&&b?(0,zl.jsx)("div",{className:"k-grid-aria-root",role:x,id:y,"aria-colcount":k,"aria-rowcount":L,children:e.children}):e.children,c,o==="bottom"&&l]})};Y.states=Vk;Y.options=Xk;Y.variants=Jk;Y.className=Bl;Y.defaultOptions=Fm;Y.moduleName=le;Y.folderName=ne;Y.ariaSpec={selector:".k-grid",rules:[{selector:".k-grid-toolbar",attribute:"role=toolbar",usage:"The toolbar is a collection of command buttons and inputs."},{selector:".k-grid-toolbar",attribute:"aria-label",usage:"Clarifies the purpose of the toolbar."},{selector:".k-grid-toolbar",attribute:"aria-controls=.k-grid-aria-root id (when present)",usage:"Pointing to the id of the element with role=grid."},{selector:".k-grouping-header",attribute:"role=toolbar",usage:"The Grouping pane is a ToolBar (collection of buttons)."},{selector:".k-grouping-header",attribute:"aria-label",usage:"Clarifies the purpose of the grouping pane."},{selector:".k-grouping-header",attribute:"aria-controls=.k-grid-aria-root id (when present)",usage:"Pointing to the id of the element with role=grid."},{selector:".k-grouping-header .k-chip-list",attribute:"role=none",usage:"The ChipList default listbox role is removed to keep the toolbar --> button roles hierarchy."},{selector:".k-grouping-header .k-chip",attribute:"role=button",usage:"If the element used is not <button>, then the role must be specified."},{selector:".k-grid:not(.k-treelist) .k-grid-aria-root",attribute:"role=grid",usage:"The role specifies the element is a Data Grid."},{selector:".k-grid-aria-root",attribute:"aria-colcount (when present)",usage:"The total number of columns in the Grid. Needed for Virtual columns and Hidden columns scenarios."},{selector:".k-grid-aria-root",attribute:"aria-rowcount (when present)",usage:"The total number of rows in the table. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:".k-grid-header-wrap>table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-grid-header-wrap>table>thead",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)",attribute:"aria-rowindex (when present)",usage:"Row number. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th:not(.k-hierarchy-cell):not(.k-group-cell):not(.k-drag-cell)",attribute:"role=columnheader",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th",attribute:"aria-sort (when present)",usage:"Present if sorting is enabled for that column."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th",attribute:"aria-colindex (when present)",usage:"Col number. Needed for Virtual columns and Hidden columns scenarios."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th",attribute:"aria-haspopup=dialog (when present)",usage:"Present if the column has a ColumnMenu or FilterMenu."},{selector:".k-grid-header-wrap>table>thead>tr.k-filter-row>td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr.k-filter-row>td",attribute:"aria-label",usage:"Has a label indicating that the cell is part of a filter row."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table, .k-grid-pinned-container .k-grid-table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody, .k-grid-pinned-container tbody",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr, .k-grid-pinned-container tbody tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr, .k-grid-pinned-container tbody tr",attribute:"aria-rowindex (when present)",usage:"Row number. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr>td, .k-grid-pinned-container tbody td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr>td, .k-grid-pinned-container tbody td",attribute:"aria-colindex (when present)",usage:"Col number. Needed for Virtual columns and Hidden columns scenarios."},{selector:"tr.k-selected",attribute:"aria-selected=true",usage:"Set on the currently selected row(s) in row selection mode. All cells within the selected row also carry aria-selected=true (without k-selected class). Applies to both regular and pinned rows."},{selector:"td.k-selected",attribute:"aria-selected=true",usage:"Set on the currently selected cell(s) in cell selection mode. The k-selected class on cells is only applied in cell selection mode, but aria-selected=true is present on cells regardless of selection mode."},{selector:".k-master-row .k-hierarchy-cell, .k-grouping-row>td",attribute:"aria-expanded",usage:"For cells holding grouping criteria values and for Master row cells in Detail template scenario."},{selector:".k-group-cell",attribute:"role=presentation",usage:"Group offset cells (header and content) are non-interactive placeholders with no semantic role."},{selector:".k-drag-cell",attribute:"aria-label",usage:"Must be present in a Drag Row scenario on the cell containing the drag handle."},{selector:".k-grid-header-locked table tr",attribute:"aria-owns",usage:"Locked header rows own cells from the corresponding non-locked header table rows."},{selector:".k-grid-content-locked table tr:not(.k-grouping-row)",attribute:"aria-owns",usage:"Locked content rows own cells from the corresponding non-locked content table rows. Group header rows are excluded because the non-locked group header rows are presentational."},{selector:".k-grid-lockedcolumns .k-grid-header .k-grid-header-wrap table tr",attribute:"role=none",usage:"Non-locked header rows have their semantic role removed when locked columns exist."},{selector:".k-grid-lockedcolumns .k-grid-content table tr",attribute:"role=none",usage:"Non-locked content rows have their semantic role removed when locked columns exist."},{selector:".k-grid-lockedcolumns .k-grid-header .k-grid-header-wrap th",attribute:"role=columnheader",usage:"Non-locked header cells retain columnheader role so they are announced correctly when owned via aria-owns."},{selector:".k-grid-lockedcolumns .k-grid-content td:not(.k-grouping-row td)",attribute:"role=gridcell",usage:"Non-locked data cells retain gridcell role so they are announced correctly when owned via aria-owns. Cells inside group header rows are excluded as those rows are presentational."},{selector:".k-grid-filter-popup",attribute:"role=dialog",usage:"The filter menu popup has dialog role."},{selector:".k-grid-filter-popup",attribute:"id",usage:"Unique id linked to the header cell aria-controls attribute."},{selector:".k-grid-filter-popup",attribute:"aria-label",usage:'Descriptive label for the filter menu, e.g. "Column Title Filter Menu".'},{selector:".k-grid-columnmenu-popup",attribute:"role=dialog",usage:"The column menu popup has dialog role."},{selector:".k-grid-columnmenu-popup",attribute:"id",usage:"Unique id linked to the header cell aria-controls attribute."},{selector:".k-grid-columnmenu-popup",attribute:"aria-label",usage:'Descriptive label for the column menu, e.g. "Column Title Column Menu".'},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"role=button",usage:"Column menu items have button role."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"tabindex=0",usage:"Column menu items are focusable."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"aria-expanded",usage:"Expandable column menu items announce their expanded state."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"aria-controls",usage:"Expandable items point to the id of the content they control."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"role=listbox",usage:"The column list is a listbox."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"aria-multiselectable=true",usage:"The column list supports multiple selections."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"aria-label",usage:"Accessible name for the column list."},{selector:".k-grid-columnmenu-popup .k-column-list-item",attribute:"role=option",usage:"Column list items are options."},{selector:".k-grid-columnmenu-popup .k-column-list-item",attribute:"aria-checked",usage:"Column list items announce their checked state."},{selector:"tfoot",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:"tfoot tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:"tfoot tr",attribute:"aria-rowindex (when present)",usage:"Row number. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:"tfoot tr td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:"tfoot tr td",attribute:"aria-colindex (when present)",usage:"Col number. Needed for Virtual columns and Hidden columns scenarios."},{selector:".k-grid-selection-aggregates",attribute:"aria-live=polite",usage:"Ensures that changes in the calculated selection aggregates are announced by assistive technologies."},{selector:".k-grid-stack-cell",attribute:"tabindex=0",usage:"Stacked cell elements receive tabindex 0 when focus is within their parent .k-grid-stack-row element."},{selector:".k-grid-sticky-container",attribute:"role=none",usage:"Sticky group container has no semantic role."},{selector:".k-grid-sticky-container .k-grid-table",attribute:"role=none",usage:"Negates the default semantic role of the sticky group <table> element."},{selector:".k-grid-sticky-container tbody",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-sticky-container tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-sticky-container tr",attribute:"aria-rowindex",usage:"Matches the aria-rowindex of the real group header/footer row it mirrors."},{selector:".k-grid-sticky-container td:not(.k-group-cell)",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed. Group offset cells are excluded as they retain role=presentation."},{selector:".k-grid-sticky-container .k-grouping-row>td",attribute:"aria-expanded",usage:"Mirrors the expanded/collapsed state of the real group header row."},{selector:".k-grid-sticky-container td:not(.k-group-cell)",attribute:"tabindex",usage:"Receives tabindex 0 when focused, -1 otherwise, for keyboard navigation. Group offset cells are excluded as they are presentational."},{selector:".k-grid-sticky-container td",attribute:"aria-colindex (when present)",usage:"Col number. Typically 1 for the group header cell spanning all columns."},{selector:".k-grid-pinned-container",attribute:"role=none",usage:"Container for pinned rows has no semantic role."},{selector:".k-grid-pinned-container .k-grid-pinned-wrap",attribute:"role=none",usage:"Inner wrapper for the pinned rows table has no semantic role."},{selector:".k-grid-pinned-container tbody",attribute:"aria-label",usage:'Describes the purpose of the pinned rows group, e.g. "Top pinned rows" or "Bottom pinned rows".'},{selector:".k-grid-pinned-container td",attribute:"aria-haspopup=menu (when present)",usage:"Pinned row cells announce the context menu for row pinning operations."},{selector:".k-grid-pinned-container td",attribute:"aria-controls",usage:"Points to the ID of the context menu popup for row pinning."},{selector:".k-grid-pinned-container td",attribute:"aria-expanded",usage:"Indicates whether the context menu popup is open."},{selector:".k-grid-content td",attribute:"aria-haspopup=menu (when present)",usage:"Regular data cells announce context menu when row pinning uses contextual mode."},{selector:".k-grid-content td",attribute:"aria-controls",usage:"Points to the ID of the context menu popup for row pinning."},{selector:".k-grid-content td",attribute:"aria-expanded",usage:"Indicates whether the context menu popup is open."},{selector:'.k-pin-cell [class*="k-icon"]',attribute:"aria-hidden=true",usage:"Pin/unpin icon inside the dedicated column is decorative and must be hidden from assistive technologies."}]};var Wm=require("react/jsx-runtime"),$m="k-grid-header",F=e=>{let{draggable:t,...o}=e;return(0,Wm.jsx)("div",{...o,className:a(e.className,$m,{"k-grid-draggable-header":t}),children:e.children})};F.className=$m;F.moduleName=le;F.folderName=ne;var Yr=require("react/jsx-runtime"),Vm="k-grouping-header",co=e=>{let{dropHint:t,dropClue:o,...r}=e;return(0,Yr.jsxs)("div",{...r,className:a(e.className,Vm),children:[o&&(0,Yr.jsx)("div",{className:"k-grouping-dropclue"}),e.children,(0,Yr.jsx)("div",{className:"k-grouping-drop-container",children:t})]})};co.className=Vm;co.moduleName=le;co.folderName=ne;var Jm=require("react/jsx-runtime"),Xm="k-grid-pinned-container",Qr=e=>{let{position:t,...o}=e;return(0,Jm.jsx)("div",{...o,className:a(e.className,Xm,{"k-pos-bottom":t==="bottom"}),children:e.children})};Qr.className=Xm;Qr.moduleName=le;Qr.folderName=ne;var Ym=require("react/jsx-runtime"),qm="k-grid-sticky-container",Zr=e=>{let{position:t,...o}=e;return(0,Ym.jsx)("div",{...o,className:a(e.className,qm,{"k-pos-bottom":t==="bottom"}),children:e.children})};Zr.className=qm;Zr.moduleName=le;Zr.folderName=ne;var Zm=require("react/jsx-runtime"),Qm="k-grid-header-table",$=e=>(0,Zm.jsx)(Se,{...e,className:a(e.className,Qm),children:e.children});$.className=Qm;$.moduleName=le;$.folderName=ne;var Pt=require("react/jsx-runtime"),Wn="k-header",qk=[s.hover,s.focus,s.active],jm={sortIcon:"sort-asc-small"},M=e=>{let{menu:t,sortable:o,filterable:r,sticky:l,resizable:n,columnTitle:c,hover:b,focus:g,active:k,sortIcon:L=jm.sortIcon,sortOrder:y,accessibleLabel:x,...R}=e;return(0,Pt.jsxs)(Mo,{...R,className:a(e.className,Wn,{"k-filterable":t||r,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":n},I(Wn,{hover:b,focus:g,active:k})),children:[c&&(0,Pt.jsxs)("span",{className:"k-cell-inner",children:[(0,Pt.jsxs)("span",{className:"k-link",children:[(0,Pt.jsx)("span",{className:"k-column-title",children:c}),o&&(0,Pt.jsx)("span",{className:"k-sort-icon",children:(0,Pt.jsx)(p,{icon:L})}),y&&(0,Pt.jsx)("span",{className:"k-sort-order",children:y})]}),t&&(0,Pt.jsx)("a",{className:a("k-grid-header-menu",{"k-active":k,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:(0,Pt.jsx)(p,{icon:t==="filter"?"filter":"more-vertical"})})]}),!c&&x&&(0,Pt.jsx)("span",{className:"k-sr-only",children:x}),e.children,n&&(0,Pt.jsx)("span",{className:"k-column-resizer k-touch-action-none"})]})};M.states=qk;M.className=Wn;M.defaultOptions=jm;M.moduleName=le;M.folderName=ne;var tu=require("react/jsx-runtime"),eu="k-grid-container",Q=e=>(0,tu.jsx)("div",{...e,className:a(e.className,eu),children:e.children});Q.className=eu;Q.moduleName=le;Q.folderName=ne;var au=require("react/jsx-runtime"),ou="k-grid-content",V=e=>(0,au.jsx)("div",{...e,className:a(e.className,ou),children:e.children});V.className=ou;V.moduleName=le;V.folderName=ne;var lu=require("react/jsx-runtime"),ru="k-grid-table",J=e=>(0,lu.jsx)(Se,{...e,className:a(e.className,ru),children:e.children});J.className=ru;J.moduleName=le;J.folderName=ne;var nu=require("react/jsx-runtime"),iu="k-grid-footer",Ul=e=>(0,nu.jsx)("div",{...e,className:a(e.className,iu),children:e.children});Ul.className=iu;Ul.moduleName=le;Ul.folderName=ne;var du=require("react/jsx-runtime"),su="k-grid-footer-table",Fl=e=>(0,du.jsx)(Se,{...e,className:a(e.className,su),children:e.children});Fl.className=su;Fl.moduleName=le;Fl.folderName=ne;var Vn="pager",cu=Vn;var ke=require("react/jsx-runtime"),$l="k-pager",Yk=[s.focus,s.disabled],Qk={size:[d.undefined,d.small,d.medium,d.large]},_t={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},we=e=>{let{responsive:t=_t.responsive,size:o,pagerSizeInfo:r=_t.pagerSizeInfo,pageTitleInfo:l=_t.pageTitleInfo,maxPagesInfo:n=_t.maxPagesInfo,itemsPerPage:c=_t.itemsPerPage,maxPages:b=_t.maxPages,currentPage:g=_t.currentPage,previousNext:k=_t.previousNext,type:L=_t.type,pageSizes:y=_t.pageSizes,refresh:x=_t.refresh,info:R=_t.info,focus:A,disabled:K,dir:X,...U}=e,te=[],ve=[];for(let be=1;be<=b;be++)te.push((0,ke.jsx)(u,{selected:be===g,fillMode:"flat",themeColor:"primary",size:o,"aria-label":`Page ${be}`,...be===g&&{"aria-current":"page"},children:be},be)),ve.push((0,ke.jsx)("option",{selected:be===g,children:be},be));return(0,ke.jsxs)("div",{dir:X,...U,className:a(e.className,$l,E($l,{size:o}),I($l,{focus:A,disabled:K}),{"k-pager-responsive":t}),role:"application","aria-roledescription":"pager","aria-keyshortcuts":"Enter ArrowRight ArrowLeft","aria-label":`Page ${g} of ${b}`,children:[(0,ke.jsxs)("div",{className:a("k-pager-numbers-wrap"),children:[k&&(0,ke.jsxs)(ke.Fragment,{children:[(0,ke.jsx)(u,{className:a("k-pager-nav","k-pager-first"),ariaDisabled:g===1,fillMode:"flat",size:o,icon:X==="rtl"?"caret-alt-to-right":"caret-alt-to-left",title:"Go to the first page","aria-label":"Go to the first page"}),(0,ke.jsx)(u,{className:a("k-pager-nav"),ariaDisabled:g===1,fillMode:"flat",size:o,icon:X==="rtl"?"caret-alt-right":"caret-alt-left",title:"Go to the previous page","aria-label":"Go to the previous page"})]}),L==="numeric"&&(0,ke.jsx)("div",{className:a("k-pager-numbers"),children:te}),L==="input"&&(0,ke.jsxs)("span",{className:a("k-pager-input"),children:[l&&(0,ke.jsx)("span",{children:"Page"}),(0,ke.jsx)(oe,{value:`${g}`,size:o,showSpinButton:!1,showClearButton:!1,"aria-label":"Current page"}),(0,ke.jsx)("span",{children:n&&`of ${b}`})]}),k&&(0,ke.jsxs)(ke.Fragment,{children:[(0,ke.jsx)(u,{className:a("k-pager-nav"),ariaDisabled:g===b,fillMode:"flat",size:o,icon:X==="rtl"?"caret-alt-left":"caret-alt-right",title:"Go to the next page","aria-label":"Go to the next page"}),(0,ke.jsx)(u,{className:a("k-pager-nav","k-pager-last"),ariaDisabled:g===b,fillMode:"flat",size:o,icon:X==="rtl"?"caret-alt-to-left":"caret-alt-to-right",title:"Go to the last page","aria-label":"Go to the last page"})]})]}),y&&(0,ke.jsxs)("span",{className:a("k-pager-sizes"),children:[(0,ke.jsx)(pe,{value:`${c}`,size:o,"aria-label":"Items per page"}),r&&(0,ke.jsx)("span",{children:"items per page"})]}),x&&(0,ke.jsx)(u,{className:a("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw",title:"Refresh","aria-label":"Refresh"}),R&&(0,ke.jsx)("span",{className:a("k-pager-info"),children:R})]})};we.states=Yk;we.options=Qk;we.className=$l;we.defaultOptions=_t;we.moduleName=Vn;we.folderName=cu;we.ariaSpec={selector:".k-pager",rules:[{selector:".k-pager",attribute:"role=application",usage:"Indicates that the pager has its own keyboard navigation implemented."},{selector:".k-pager",attribute:"aria-roledescription=pager",usage:"Clarifies the role of the Pager."},{selector:".k-pager",attribute:"aria-keyshortcuts=Enter ArrowRight ArrowLeft",usage:"Announces the available keyboard shortcuts."},{selector:".k-pager",attribute:"aria-label",usage:"Announces the currently selected page and the number of available pages."},{selector:".k-pager-nav",attribute:"role=button or nodeName=button",usage:"Specifies the role of the navigation element."},{selector:".k-pager-nav.k-disabled",attribute:"aria-disabled=true",usage:"Present when the navigation button is non-interactive."},{selector:".k-pager-nav",attribute:"title",usage:"Specifies the purpose of each navigation button."},{selector:".k-pager-numbers .k-button",attribute:"aria-label or title",usage:"Specifies the purpose of each page link, e.g., Page 6."},{selector:".k-pager-numbers .k-button.k-selected",attribute:"aria-current=page",usage:"Present on the currently selected page element."},{selector:".k-pager-sizes .k-dropdownlist",attribute:"aria-label or aria-labelledby",usage:"The DropDownList requires a label to specify its purpose."},{selector:".k-pager-input .k-input-inner",attribute:"aria-label",usage:"The input requires a label to specify its purpose."}]};var Zk=require("react/jsx-runtime");var jk=require("react/jsx-runtime");var eN=require("react/jsx-runtime");var Xn=require("react/jsx-runtime"),tN=we.options,oN=we.states,aN={...we.defaultOptions,variant:"numeric"},rN=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],lN=[],dr=e=>{let{variant:t,...o}=e;return t==="input"?(0,Xn.jsx)(we,{...o,type:"input"}):(0,Xn.jsx)(we,{...o,type:"numeric"})};dr.options=tN;dr.states=oN;dr.variants=rN;dr.defaultOptions=aN;dr.modifiers=lN;dr.className=we.className;var mu=require("react/jsx-runtime"),pu="k-grid-pager",qt=e=>(0,mu.jsx)(we,{...e,className:a(e.className,pu),children:e.children});qt.className=pu;qt.moduleName=le;qt.folderName=ne;var bu=require("react/jsx-runtime"),uu="k-grid-toolbar",po=e=>(0,bu.jsx)(ce,{...e,className:a(e.className,uu),children:e.children});po.className=uu;po.moduleName=le;po.folderName=ne;var cr=require("react/jsx-runtime"),Jn="k-grid-stack-cell",iN=[s.focus,s.selected],Wl=e=>{let{cellHeader:t,cellContent:o,edit:r,commandCell:l,dirty:n,focus:c,selected:b,...g}=e;return(0,cr.jsxs)("div",{...g,className:a(e.className,Jn,{"k-grid-stack-edit-cell":r,"k-command-cell":l,"k-dirty-cell":n},I(Jn,{focus:c,selected:b})),children:[n&&(0,cr.jsx)("span",{className:"k-dirty"}),t&&(0,cr.jsx)("div",{className:"k-grid-stack-header",children:t}),(0,cr.jsx)("div",{className:"k-grid-stack-content",children:o}),e.children]})};Wl.states=iN;Wl.className=Jn;Wl.moduleName=le;Wl.folderName=ne;var fu=require("react/jsx-runtime"),Tu="k-grid-stack-row",Vl=e=>{let{cols:t,...o}=e;return(0,fu.jsx)("div",{...o,className:a(e.className,Tu,{[`k-grid-cols-${t}`]:t}),children:e.children})};Vl.className=Tu;Vl.moduleName=le;Vl.folderName=ne;var qn=require("react/jsx-runtime");var Yn=require("react/jsx-runtime");var Tt="column-menu",Ct=Tt;var hu=require("react/jsx-runtime"),Qn="k-column-menu",nN=[],sN={size:[d.undefined,d.small,d.medium,d.large]},gu={view:"list"},Ro=e=>{let{view:t=gu.view,size:o,...r}=e;return(0,hu.jsx)("div",{...r,className:a(e.className,Qn,E(Qn,{size:o}),{"k-column-menu-tabbed":t==="tabbed"}),children:e.children})};Ro.states=nN;Ro.options=sN;Ro.className=Qn;Ro.defaultOptions=gu;Ro.moduleName=Tt;Ro.folderName=Ct;Ro.ariaSpec={selector:".k-column-menu",rules:[{selector:".k-columnmenu-item",attribute:"role=button",usage:"Sets column menu item role to button."},{selector:".k-columnmenu-item",attribute:"tabindex=0",usage:"Sets column menu item tabindex."},{selector:".k-expander .k-columnmenu-item",attribute:"aria-expanded=true/false",usage:"Sets the expanded state of an expandable item."},{selector:".k-expander .k-columnmenu-item",attribute:"aria-controls",usage:"Points to id attribute of the content whose visibility the expandable item controls."},{selector:".k-expander .k-columnmenu-item-content",attribute:"id",usage:"Unique and deterministic id linked to the aria-controls attribute of the corresponding expandable item."},{selector:".k-column-list",attribute:"role=listbox",usage:"Sets the listbox role of the list of columns wrapper."},{selector:".k-column-list",attribute:"aria-multiselectable=true",usage:"Specifies that the list is multiselectable."},{selector:".k-column-list",attribute:"aria-label",usage:"Accessible name for the column list."},{selector:".k-column-list .k-column-list-item",attribute:"role=option",usage:"Sets the option role of the list item."},{selector:".k-column-list .k-column-list-item",attribute:"aria-checked=true/false",usage:"Sets the checked state of list item."}]};var jn=require("react/jsx-runtime"),Zn="k-column-list",dN=[],cN={size:[d.undefined,d.small,d.medium,d.large]},pN={},ga=e=>{let{size:t,...o}=e;return(0,jn.jsx)("div",{className:"k-column-list-wrapper",children:(0,jn.jsx)("div",{...o,className:a(e.className,Zn,E(Zn,{size:t})),role:"listbox","aria-multiselectable":"true",children:e.children})})};ga.states=dN;ga.options=cN;ga.className=Zn;ga.defaultOptions=pN;ga.moduleName=Tt;ga.folderName=Ct;var jr=require("react/jsx-runtime"),es="k-column-list-item",mN=[s.focus,s.disabled,s.hover],uN={},bN={},el=e=>{let{label:t,checked:o,focus:r,hover:l,disabled:n,...c}=e;return(0,jr.jsxs)("span",{...c,className:a(e.className,es,I(es,{focus:r,hover:l,disabled:n})),role:"option","aria-checked":o?"true":"false",children:[(0,jr.jsx)(Fe,{disabled:n,checked:o,"aria-label":t}),(0,jr.jsx)("span",{className:"k-checkbox-label",children:t})]})};el.states=mN;el.options=uN;el.className=es;el.defaultOptions=bN;var ha=require("react/jsx-runtime"),ts="k-columnmenu-item",TN=[s.focus,s.selected],fN={},gN={},Ao=e=>{let{focus:t,selected:o,text:r,startIcon:l,endIcon:n,sortIndex:c,...b}=e;return(0,ha.jsxs)("div",{...b,className:a(e.className,ts,I(ts,{focus:t,selected:o})),role:"button",tabIndex:0,children:[l&&(0,ha.jsx)(p,{icon:l}),r,n&&(0,ha.jsxs)("span",{className:"k-columnmenu-indicators",children:[(0,ha.jsx)(p,{icon:n}),c&&(0,ha.jsx)("span",{className:"k-sort-index",children:c})]}),e.children]})};Ao.states=TN;Ao.options=fN;Ao.className=ts;Ao.defaultOptions=gN;Ao.moduleName=Tt;Ao.folderName=Ct;var hN=require("react/jsx-runtime");var ku=require("react/jsx-runtime"),xN="k-columnmenu-item-content",xu=e=>(0,ku.jsx)("div",{...e,className:a(e.className,xN,"k-columns-item"),children:e.children});var os=require("react/jsx-runtime"),Nu="k-filter-menu",kN=[],NN={},wN={},oa=e=>{let{...t}=e;return(0,os.jsx)("form",{...t,className:a(e.className,Nu),children:(0,os.jsx)("div",{className:"k-filter-menu-container",children:e.children})})};oa.states=kN;oa.options=NN;oa.className=Nu;oa.defaultOptions=wN;oa.moduleName=Tt;oa.folderName=Ct;var vN=require("react/jsx-runtime");var pr=require("react/jsx-runtime"),CN="k-item",LN={size:[d.undefined,d.small,d.medium,d.large]},yN=[],as=e=>{let{text:t,size:o,...r}=e;return(0,pr.jsx)("li",{...r,className:a(e.className,CN),children:(0,pr.jsxs)("label",{className:"k-label k-checkbox-label",children:[(0,pr.jsx)(Fe,{size:o}),(0,pr.jsx)("span",{children:t})]})})};as.states=yN;as.options=LN;var mo=require("react/jsx-runtime"),wu="k-expander",MN=[],SN={},RN={},xa=e=>{let{itemText:t,itemStartIcon:o,itemEndIcon:r,itemSortIndex:l,expanded:n,itemContent:c,expanderIcon:b,contentId:g,...k}=e,L=g||B("columnmenu-content"),y=!n&&!b?(0,mo.jsx)(p,{icon:"chevron-down"}):n&&!b?(0,mo.jsx)(p,{icon:"chevron-up"}):(0,mo.jsx)(p,{icon:b});return(0,mo.jsxs)("div",{...k,className:a(e.className,wu),children:[(0,mo.jsxs)(Ao,{text:t,startIcon:o,endIcon:r,sortIndex:l,"aria-expanded":n?"true":"false","aria-controls":L,children:[(0,mo.jsx)("span",{className:"k-spacer"}),(0,mo.jsx)("span",{className:"k-expander-indicator",children:y})]}),n&&(0,mo.jsx)(xu,{id:L,children:c}),e.children]})};xa.states=MN;xa.options=SN;xa.className=wu;xa.defaultOptions=RN;xa.moduleName=Tt;xa.folderName=Ct;var vu=require("react/jsx-runtime"),rs="k-group-menu",AN=[],EN={size:[d.undefined,d.small,d.medium,d.large]},IN={},mr=e=>{let{size:t,...o}=e;return(0,vu.jsx)("div",{...o,className:a(e.className,rs,E(rs,{size:t})),children:e.children})};mr.states=AN;mr.options=EN;mr.className=rs;mr.defaultOptions=IN;mr.moduleName=Tt;mr.folderName=Ct;var uo=require("react/jsx-runtime"),ls="k-group-menu-item",GN=[s.hover,s.selected],ON={},HN={},ur=e=>{let{hover:t,selected:o,text:r,actionsStart:l,actionsEnd:n,...c}=e;return(0,uo.jsxs)("div",{...c,className:a(e.className,ls,I(ls,{hover:t,selected:o})),children:[l&&(0,uo.jsx)("span",{className:"k-group-menu-item-actions",children:l}),(0,uo.jsx)("span",{className:"k-group-item-text",children:r}),n&&(0,uo.jsxs)(uo.Fragment,{children:[(0,uo.jsx)("span",{className:"k-spacer"}),(0,uo.jsx)("span",{className:"k-group-menu-item-actions",children:n})]}),e.children]})};ur.states=GN;ur.options=ON;ur.className=ls;ur.defaultOptions=HN;ur.moduleName=Tt;ur.folderName=Ct;var aa=require("react/jsx-runtime"),is="k-group-menu-item-action",PN=[s.hover,s.disabled,s.selected],_N={size:[d.undefined,d.small,d.medium,d.large]};var ns=e=>{let{hover:t,disabled:o,selected:r,size:l,type:n,...c}=e,b;switch(n){case"remove":b=(0,aa.jsx)(p,{icon:"x-circle",size:l});break;case"add":b=(0,aa.jsx)(p,{icon:"plus-circle",size:l});break;case"drag":b=(0,aa.jsx)(p,{icon:"handle-drag-dots",size:l});break;case"up":b=(0,aa.jsx)(p,{icon:"chevron-up",size:l});break;case"down":b=(0,aa.jsx)(p,{icon:"chevron-down",size:l});break;default:b=(0,aa.jsx)(p,{icon:n,size:l});break}return(0,aa.jsx)("span",{...c,className:a(e.className,is,I(is,{selected:r,hover:t,disabled:o}),`k-group-menu-item-${n}-action`),children:b})};ns.options=PN;ns.options=_N;ns.className=is;var KN=require("react/jsx-runtime");var ss=require("react/jsx-runtime");var yu=require("react/jsx-runtime"),Cu="k-tabstrip-items",DN=[],BN={},zN={tabAlignment:"start"},tl=e=>{let{children:t,tabAlignment:o,orientation:r,...l}=e;return(0,yu.jsx)("ul",{...l,className:a(e.className,Cu,"k-reset",`k-tabstrip-items-${o}`),role:"tablist",...r==="vertical"&&{"aria-orientation":"vertical"},children:t})};tl.states=DN;tl.options=BN;tl.className=Cu;tl.defaultOptions=zN;var Lu=tl;var Au=require("react/jsx-runtime"),Mu="k-tabstrip-items-wrapper",UN=[],FN={},Su={orientation:"horizontal"},ol=e=>{let{children:t,orientation:o=Su.orientation,...r}=e;return(0,Au.jsx)("div",{...r,className:a(e.className,Mu,{"k-hstack":o==="horizontal","k-vstack":o==="vertical"}),children:t})};ol.states=UN;ol.options=FN;ol.className=Mu;ol.defaultOptions=Su;var Ru=ol;var al="tabstrip",Xl=al;var ft=require("react/jsx-runtime"),ra="k-tabstrip",$N=[],WN={size:[d.undefined,d.small,d.medium,d.large]},Jl={position:"top",tabAlignment:"start",scrollButtons:"around"},et=e=>{let{size:t,scrollable:o,children:r,tabStripItems:l,tabStripItemsId:n,position:c=Jl.position,tabAlignment:b=Jl.tabAlignment,scrollButtons:g=Jl.scrollButtons,dir:k,scrollingPosition:L,overflow:y,...x}=e,R={top:{prev:k!=="rtl"?"left":"right",next:k!=="rtl"?"right":"left"},bottom:{prev:k!=="rtl"?"left":"right",next:k!=="rtl"?"right":"left"},right:{prev:"up",next:"down"},left:{prev:"up",next:"down"}},A={top:"horizontal",bottom:"horizontal",left:"vertical",right:"vertical"},K={start:"start",center:"center",end:"end",justify:"justify",stretched:"stretched"};return(0,ft.jsxs)("div",{dir:k,...x,className:a(ra,e.className,{[`${ra}-${c}`]:c,[`${ra}-scrollable`]:o,[`${ra}-scrollable-overlay`]:o&&(g==="hidden"||!g),[`${ra}-scrollable-${L}`]:L&&L!=="both",[`${ra}-overflow`]:y},E(ra,{size:t})),children:[c==="bottom"&&r,(0,ft.jsxs)(Ru,{orientation:A[c],children:[o&&(g==="around"||g==="start")&&(0,ft.jsx)("span",{className:a("k-tabstrip-prev","k-button",E("k-button",{size:t,fillMode:v.flat,rounded:w.none}),"k-icon-button"),"aria-hidden":"true",children:(0,ft.jsx)(p,{className:"k-button-icon",icon:`caret-alt-${R[c].prev}`})}),o&&g==="start"&&(0,ft.jsx)("span",{className:a("k-tabstrip-next","k-button",E("k-button",{size:t,fillMode:v.flat,rounded:w.none}),"k-icon-button"),"aria-hidden":"true",children:(0,ft.jsx)(p,{className:"k-button-icon",icon:`caret-alt-${R[c].next}`})}),(0,ft.jsx)(Lu,{className:a({"k-tabstrip-items-scroll":o&&g==="hidden"}),tabAlignment:K[b],orientation:A[c],...n&&{id:n},children:l}),o&&g==="end"&&(0,ft.jsx)("span",{className:a("k-tabstrip-prev","k-button",E("k-button",{size:t,fillMode:v.flat,rounded:w.none}),"k-icon-button"),"aria-hidden":"true",children:(0,ft.jsx)(p,{className:"k-button-icon",icon:`caret-alt-${R[c].prev}`})}),o&&(g==="around"||g==="end")&&(0,ft.jsx)("span",{className:a("k-tabstrip-next","k-button",E("k-button",{size:t,fillMode:v.flat,rounded:w.none}),"k-icon-button"),"aria-hidden":"true",children:(0,ft.jsx)(p,{className:"k-button-icon",icon:`caret-alt-${R[c].next}`})}),y&&(0,ft.jsx)("div",{className:"k-tabstrip-actions k-hstack",children:(0,ft.jsx)(me,{className:"k-tabstrip-overflow-button",icon:"more-vertical",fillMode:"flat",size:t,showArrow:!1})})]}),c!=="bottom"&&r]})};et.states=$N;et.options=WN;et.className=ra;et.defaultOptions=Jl;et.moduleName=al;et.folderName=Xl;et.ariaSpec={selector:".k-tabstrip",rules:[{selector:".k-tabstrip-items",attribute:"role=tablist",usage:"Indicates the tablist role for the ul element."},{selector:".k-tabstrip.k-tabstrip-left .k-tabstrip-items,.k-tabstrip.k-tabstrip-right .k-tabstrip-items",attribute:"aria-orientation=vertical",usage:"Indicates the orientation when vertical."},{selector:".k-tabstrip-item",attribute:"role=tab",usage:"The tab li element."},{selector:".k-tabstrip .k-tabstrip-item.k-active",attribute:"aria-selected=true",usage:"Announces the selected state of the tab."},{selector:".k-tabstrip-content",attribute:"role=tabpanel",usage:"The content div of the tab."},{selector:".k-tabstrip .k-tabstrip-item.k-active",attribute:"aria-controls (when present)",usage:"Announces the relation between the panel and active tab. Only present when tab controls a specific panel."},{selector:".k-tabstrip-content",attribute:"aria-hidden=true (when not active)",usage:"Only if the component implements a feature to control whether the content should be persisted."},{selector:".k-tabstrip-content",attribute:"aria-labelledby (when present)",usage:"Refers to the tab element that controls the panel. Only present when panel has an associated tab."},{selector:".k-tabstrip-scrollable .k-button",attribute:"aria-hidden=true",usage:"Scroll buttons are hidden from assistive technologies."}]};var Iu=require("react/jsx-runtime"),Eu="k-tabstrip-wrapper",VN=[],XN={},JN={},br=e=>{let{...t}=e;return(0,Iu.jsx)("div",{...t,className:a(e.className,Eu),children:e.children})};br.states=VN;br.options=XN;br.className=Eu;br.defaultOptions=JN;br.moduleName=al;br.folderName=Xl;var Eo=require("react/jsx-runtime"),ds="k-tabstrip-item",qN=[s.active,s.hover,s.disabled,s.focus],YN={},Gu={iconPosition:"before"},Lt=e=>{let{dragging:t,active:o,hover:r,focus:l,disabled:n,children:c,first:b,last:g,closable:k,icon:L,iconPosition:y=Gu.iconPosition,value:x,actions:R,...A}=e;return(0,Eo.jsxs)("li",{...A,className:a(e.className,ds,I(ds,{hover:r,active:o,disabled:n,focus:l}),{"k-tabstrip-dragging":t,"k-first":b,"k-last":g}),role:"tab",...o&&{"aria-selected":"true"},...n&&{"aria-disabled":"true"},children:[(0,Eo.jsxs)("span",{className:"k-link",children:[L&&y==="before"&&(0,Eo.jsx)(p,{icon:L}),x&&(0,Eo.jsx)("span",{className:"k-link-text",children:x}),L&&y==="after"&&(0,Eo.jsx)(p,{icon:L})]}),(R||k)&&(0,Eo.jsxs)("span",{className:"k-item-actions",children:[R,k&&(0,Eo.jsx)(u,{as:"span",className:"k-remove-tab",icon:"x",fillMode:"flat",size:"xsmall",title:"Close","aria-hidden":"true"})]}),c]})};Lt.states=qN;Lt.options=YN;Lt.className=ds;Lt.item=Gu;var Ou=require("react/jsx-runtime"),cs="k-tabstrip-content",QN=[s.active,s.focus],ZN={},jN={},bo=e=>{let{active:t,focus:o,children:r,...l}=e;return(0,Ou.jsx)("div",{...l,className:a(e.className,cs,I(cs,{active:t,focus:o}),e.className),role:"tabpanel",children:r})};bo.states=QN;bo.options=ZN;bo.className=cs;bo.defaultOptions=jN;var Kt=require("react/jsx-runtime"),ao=({children:e,...t})=>(0,Kt.jsx)(et,{tabStripItems:(0,Kt.jsxs)(Kt.Fragment,{children:[(0,Kt.jsx)(Lt,{first:!0,value:"First"}),(0,Kt.jsx)(Lt,{active:!0,value:"Second"}),(0,Kt.jsx)(Lt,{value:"Third"}),(0,Kt.jsx)(Lt,{value:"Fourth"}),(0,Kt.jsx)(Lt,{last:!0,value:"Fifth"})]}),...t,children:e||(0,Kt.jsx)(bo,{active:!0,children:(0,Kt.jsx)("div",{children:"TabStrip Content"})})});var Pu=require("react/jsx-runtime"),Hu=e=>(0,Pu.jsx)(ao,{position:"bottom",...e});var Ku=require("react/jsx-runtime"),_u=e=>(0,Ku.jsx)(ao,{position:"right",...e});var Bu=require("react/jsx-runtime"),Du=e=>(0,Bu.jsx)(ao,{position:"left",...e});var ew=require("react/jsx-runtime");var ps=require("react/jsx-runtime");var tw=require("react/jsx-runtime");var ms=require("react/jsx-runtime");var us=require("react/jsx-runtime");var rl=require("react/jsx-runtime"),ow={...et.options,scrollable:{type:"boolean"}},aw=et.states,zu={...et.defaultOptions,scrollable:!1,variant:"up"},rw=[{name:"up",title:"Position Up"},{name:"bottom",title:"Position Bottom"},{name:"left",title:"Position Left"},{name:"right",title:"Position Right"}],lw=[],Tr=e=>{let{variant:t,...o}={...zu,...e},r={};switch(t){case"right":return(0,rl.jsx)(_u,{style:{height:"230px"},...o,...r,position:"right"});case"left":return(0,rl.jsx)(Du,{style:{height:"230px"},...o,...r,position:"left"});case"bottom":return(0,rl.jsx)(Hu,{style:{width:"350px"},...o,...r,position:"bottom"});default:return(0,rl.jsx)(ao,{style:{width:"350px"},...o,...r})}};Tr.options=ow;Tr.states=aw;Tr.variants=rw;Tr.defaultOptions=zu;Tr.modifiers=lw;Tr.className=et.className;var bs=require("react/jsx-runtime");var Ts=require("react/jsx-runtime");var fs=require("react/jsx-runtime");var gs=require("react/jsx-runtime");var hs=require("react/jsx-runtime");var xs=require("react/jsx-runtime");var C=require("react/jsx-runtime"),Uu=({contentClassName:e,...t})=>(0,C.jsx)(Y,{_renderAriaRoot:!0,pager:(0,C.jsx)(qt,{refresh:!1}),children:(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(F,{children:(0,C.jsx)("div",{className:"k-grid-header-wrap",children:(0,C.jsxs)($,{role:"none",children:[(0,C.jsxs)("colgroup",{children:[(0,C.jsx)("col",{}),(0,C.jsx)("col",{style:{width:"225px"}}),(0,C.jsx)("col",{}),(0,C.jsx)("col",{}),(0,C.jsx)("col",{})]}),(0,C.jsxs)(W,{role:"rowgroup",children:[(0,C.jsxs)(h,{role:"row",children:[(0,C.jsx)(M,{rowspan:1,colspan:1,columnTitle:"Product Id",role:"columnheader"}),(0,C.jsx)(M,{rowspan:1,colspan:1,columnTitle:"Name",role:"columnheader"}),(0,C.jsx)(M,{rowspan:1,colspan:1,columnTitle:"Quantity",role:"columnheader"}),(0,C.jsx)(M,{rowspan:1,colspan:1,columnTitle:"Unit Price",role:"columnheader"}),(0,C.jsx)(M,{rowspan:1,colspan:1,columnTitle:"Discontinued",role:"columnheader"})]}),(0,C.jsxs)(h,{className:"k-filter-row",role:"row",children:[(0,C.jsx)(i,{role:"gridcell","aria-label":"Product Id filter",children:(0,C.jsx)("div",{className:"k-filtercell",children:(0,C.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,C.jsx)(oe,{"aria-label":"Product Id filter"}),(0,C.jsxs)("div",{className:"k-filtercell-operator",children:[(0,C.jsx)(pe,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Product Id filter operator"})," ",(0,C.jsx)(u,{disabled:!0,icon:"filter-clear","aria-label":"Clear Product Id filter"})]})]})})}),(0,C.jsx)(i,{role:"gridcell","aria-label":"Name filter",children:(0,C.jsx)("div",{className:"k-filtercell",children:(0,C.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,C.jsx)(fe,{"aria-label":"Name filter"}),(0,C.jsxs)("div",{className:"k-filtercell-operator",children:[(0,C.jsx)(pe,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Name filter operator"})," ",(0,C.jsx)(u,{disabled:!0,icon:"filter-clear","aria-label":"Clear Name filter"})]})]})})}),(0,C.jsx)(i,{role:"gridcell","aria-label":"Quantity filter",children:(0,C.jsx)("div",{className:"k-filtercell",children:(0,C.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,C.jsx)(fe,{"aria-label":"Quantity filter"}),(0,C.jsxs)("div",{className:"k-filtercell-operator",children:[(0,C.jsx)(pe,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Quantity filter operator"})," ",(0,C.jsx)(u,{disabled:!0,icon:"filter-clear","aria-label":"Clear Quantity filter"})]})]})})}),(0,C.jsx)(i,{role:"gridcell","aria-label":"Unit Price filter",children:(0,C.jsx)("div",{className:"k-filtercell",children:(0,C.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,C.jsx)(oe,{"aria-label":"Unit Price filter"}),(0,C.jsxs)("div",{className:"k-filtercell-operator",children:[(0,C.jsx)(pe,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Unit Price filter operator"})," ",(0,C.jsx)(u,{disabled:!0,icon:"filter-clear","aria-label":"Clear Unit Price filter"})]})]})})}),(0,C.jsx)(i,{role:"gridcell","aria-label":"Discontinued filter",children:(0,C.jsx)("div",{className:"k-filtercell",children:(0,C.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,C.jsx)(pe,{"aria-label":"Discontinued filter"}),(0,C.jsx)("div",{className:"k-filtercell-operator",children:(0,C.jsx)(u,{disabled:!0,icon:"filter-clear","aria-label":"Clear Discontinued filter"})})]})})})]})]})]})})}),(0,C.jsx)(Q,{children:(0,C.jsx)(V,{className:e,children:(0,C.jsxs)(J,{role:"none",children:[(0,C.jsxs)("colgroup",{children:[(0,C.jsx)("col",{}),(0,C.jsx)("col",{style:{width:"225px"}}),(0,C.jsx)("col",{}),(0,C.jsx)("col",{}),(0,C.jsx)("col",{})]}),(0,C.jsxs)(z,{role:"rowgroup",children:[(0,C.jsxs)(h,{className:"k-master-row",role:"row",children:[(0,C.jsx)(i,{role:"gridcell",children:"1"}),(0,C.jsx)(i,{role:"gridcell",children:"Chai"}),(0,C.jsx)(i,{role:"gridcell",children:"10 boxes x 20 bags"}),(0,C.jsx)(i,{role:"gridcell",children:"18"}),(0,C.jsx)(i,{role:"gridcell",children:"false"})]}),(0,C.jsxs)(h,{className:"k-master-row",role:"row",alt:!0,children:[(0,C.jsx)(i,{role:"gridcell",children:"2"}),(0,C.jsx)(i,{role:"gridcell",children:"Chang"}),(0,C.jsx)(i,{role:"gridcell",children:"24 - 12 oz bottles"}),(0,C.jsx)(i,{role:"gridcell",children:"19"}),(0,C.jsx)(i,{role:"gridcell",children:"false"})]}),(0,C.jsxs)(h,{className:"k-master-row",role:"row",children:[(0,C.jsx)(i,{role:"gridcell",children:"3"}),(0,C.jsx)(i,{role:"gridcell",children:"Aniseed Syrup"}),(0,C.jsx)(i,{role:"gridcell",children:"12 - 550 ml bottles"}),(0,C.jsx)(i,{role:"gridcell",children:"10"}),(0,C.jsx)(i,{role:"gridcell",children:"false"})]}),(0,C.jsxs)(h,{className:"k-master-row",role:"row",alt:!0,children:[(0,C.jsx)(i,{role:"gridcell",children:"4"}),(0,C.jsx)(i,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),(0,C.jsx)(i,{role:"gridcell",children:"48 - 6 oz jars"}),(0,C.jsx)(i,{role:"gridcell",children:"22"}),(0,C.jsx)(i,{role:"gridcell",children:"false"})]}),(0,C.jsxs)(h,{className:"k-master-row",role:"row",children:[(0,C.jsx)(i,{role:"gridcell",children:"5"}),(0,C.jsx)(i,{role:"gridcell",children:"Grandma's Boysenberry Spread"}),(0,C.jsx)(i,{role:"gridcell",children:"12 - 8 oz jars"}),(0,C.jsx)(i,{role:"gridcell",children:"25"}),(0,C.jsx)(i,{role:"gridcell",children:"false"})]})]})]})})})]}),...t});var ll=require("react/jsx-runtime"),sw="k-chip-action";var Oe=e=>{let{type:t,...o}=e,r;switch(t){case"remove":r=(0,ll.jsx)(p,{icon:"x-circle",size:"small"});break;case"more":r=(0,ll.jsx)(p,{icon:"more-vertical",size:"small"});break;default:return(0,ll.jsx)(p,{icon:t,size:"small"})}return(0,ll.jsx)("span",{...o,className:a(e.className,sw,`k-chip-${t}-action`),children:r})};var ks="avatar",Fu=ks;var ws=require("react/jsx-runtime"),il="k-avatar";var dw=[s.hover,s.focus,s.active,s.selected,s.disabled],cw={size:[d.undefined,d.small,d.medium,d.large],rounded:[w.undefined,w.none,w.small,w.medium,w.large,w.full],fillMode:[v.undefined,v.solid,v.outline],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary]},Ns={type:"text",border:!1},gt=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,type:n=Ns.type,border:c=Ns.border,...b}=e;return(0,ws.jsx)("div",{...b,className:a(e.className,il,E(il,{size:t,rounded:o,fillMode:r,themeColor:l}),{[`${il}-bordered`]:c}),children:(0,ws.jsx)("span",{className:`${il}-${n}`,children:e.children})})};gt.states=dw;gt.options=cw;gt.className=il;gt.defaultOptions=Ns;gt.moduleName=ks;gt.folderName=Fu;gt.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var ka=gt;var Wu=require("react/jsx-runtime"),$u=e=>(0,Wu.jsx)(ka,{type:"icon",...e});var Xu=require("react/jsx-runtime"),Vu=e=>(0,Xu.jsx)(ka,{type:"text",...e});var qu=require("react/jsx-runtime"),Ju=e=>(0,qu.jsx)(ka,{type:"image",...e});var pw=require("react/jsx-runtime");var fr=require("react/jsx-runtime"),mw=gt.options,uw=gt.states,bw={...gt.defaultOptions,variant:"image"},Tw=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],fw=[],gr=e=>{let{variant:t,...o}=e;switch(t){case"icon":return(0,fr.jsx)($u,{...o,children:(0,fr.jsx)(p,{icon:"star"})});case"text":return(0,fr.jsx)(Vu,{...o,children:"JO"});default:return(0,fr.jsx)(Ju,{...o,children:(0,fr.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};gr.options=mw;gr.states=uw;gr.variants=Tw;gr.defaultOptions=bw;gr.modifiers=fw;gr.className=gt.className;var nl="chip",ql=nl;var Io=require("react/jsx-runtime"),Yl="k-chip",gw=[s.hover,s.focus,s.active,s.selected,s.disabled],hw={size:[d.undefined,d.small,d.medium,d.large],rounded:[w.undefined,w.none,w.small,w.medium,w.large,w.full],fillMode:[v.undefined,v.solid,v.outline],themeColor:[S.undefined,S.base,S.success,S.warning,S.error,S.info]},Yu={avatarImage:"/packages/html/assets/avatar.jpg"},Ae=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,text:n,icon:c,actions:b,showAvatar:g,avatarImage:k=Yu.avatarImage,hover:L,focus:y,active:x,selected:R,disabled:A,...K}=e;return(0,Io.jsxs)("div",{...K,className:a(e.className,Yl,E(Yl,{size:t,rounded:o,fillMode:r,themeColor:l}),I(Yl,{hover:L,focus:y,active:x,disabled:A,selected:R})),role:e.role||"button","aria-pressed":e.role==="option"?void 0:R?"true":"false",...e.role==="option"&&R!==void 0&&{"aria-selected":R?"true":"false"},"aria-disabled":A?"true":void 0,children:[c&&(0,Io.jsx)(p,{className:"k-chip-icon",icon:c,size:"small"}),g&&(0,Io.jsx)(gt,{className:"k-chip-avatar",type:"image",children:(0,Io.jsx)("img",{src:k,alt:""})}),(0,Io.jsx)("span",{className:"k-chip-content",children:e.children?e.children:n&&(0,Io.jsx)("span",{className:"k-chip-label",children:n})}),b&&(0,Io.jsx)("span",{className:"k-chip-actions",children:b})]})};Ae.states=gw;Ae.options=hw;Ae.className=Yl;Ae.defaultOptions=Yu;Ae.moduleName=nl;Ae.folderName=ql;Ae.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 Yt=Ae;var Qu=require("react/jsx-runtime"),vs="k-chip-list",xw=[],kw={size:[d.undefined,d.small,d.medium,d.large]},Nw={},Ee=e=>{let{size:t,multiselectable:o,ariaLabel:r,...l}=e;return(0,Qu.jsx)("div",{...l,className:a(e.className,vs,E(vs,{size:t})),role:e.role||"listbox","aria-label":e.role==="none"?void 0:r||"chip list","aria-orientation":e.role==="none"?void 0:"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};Ee.states=xw;Ee.options=kw;Ee.className=vs;Ee.defaultOptions=Nw;Ee.moduleName=nl;Ee.folderName=ql;Ee.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."}]};var ww=require("react/jsx-runtime");var vw=require("react/jsx-runtime");var Zu=require("react/jsx-runtime"),Ql=e=>(0,Zu.jsx)(Yt,{text:"text",...e});var Cw=require("react/jsx-runtime");var Lw=require("react/jsx-runtime");var Cs=require("react/jsx-runtime");var ju=require("react/jsx-runtime");var eb=require("react/jsx-runtime");var tb=require("react/jsx-runtime");var Go=require("react/jsx-runtime"),yw={...Yt.options,...Ee.options},Mw=[],Sw=Ee.states,Rw={...Yt.defaultOptions,...Ee.defaultOptions},Aw=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],hr=e=>{let{modifiers:t,className:o,...r}=e,l=t==null?void 0:t.icon,n=t==null?void 0:t.actions,c=t==null?void 0:t.avatar;return(0,Go.jsxs)(Ee,{size:r.size,className:o,children:[(0,Go.jsx)(Ql,{...r,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:n?(0,Go.jsx)(Oe,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),(0,Go.jsx)(Ql,{...r,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:n?(0,Go.jsx)(Oe,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),(0,Go.jsx)(Ql,{...r,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:n?(0,Go.jsx)(Oe,{type:"remove"}):void 0,showAvatar:c,children:"Chip"})]})};hr.options=yw;hr.states=Sw;hr.variants=Mw;hr.defaultOptions=Rw;hr.modifiers=Aw;hr.className=Ee.className;var Zl=require("react/jsx-runtime"),Ew=Ae.states,Iw=Ae.defaultOptions,Gw=Ae.options,Ow=[],Hw=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],xr=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t||{}).forEach(l=>{switch(l){case"icon":r.icon=t!=null&&t[l]?"arrow-down":void 0;break;case"avatar":r.showAvatar=!!(t!=null&&t[l]),r.avatarImage=t!=null&&t[l]?"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg":void 0;break;case"more-options":r.actions||(r.actions=[]),r.actions[0]=t!=null&&t[l]?(0,Zl.jsx)(Oe,{type:"more"}):void 0;break;case"remove-icon":r.actions||(r.actions=[]),r.actions[1]=t!=null&&t[l]?(0,Zl.jsx)(Oe,{type:"remove"}):void 0;break;default:break}}),(0,Zl.jsx)(Ae,{...o,...r,children:"Chip component"})};xr.options=Gw;xr.states=Ew;xr.variants=Ow;xr.defaultOptions=Iw;xr.modifiers=Hw;xr.className=Ae.className;var O=require("react/jsx-runtime"),ob=({dropClue:e,contentClassName:t,...o})=>(0,O.jsx)(Y,{_renderAriaRoot:!0,groupingHeader:(0,O.jsx)(co,{dropClue:e,role:"toolbar","aria-label":"Grouping",children:(0,O.jsxs)(Ee,{role:"none",children:[(0,O.jsx)(Ae,{icon:"sort-asc-small",text:"ID",role:"button",actions:(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(Oe,{type:"more"}),(0,O.jsx)(Oe,{type:"remove"})]})}),(0,O.jsx)(Ae,{icon:"sort-desc-small",text:"Name",role:"button",actions:(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(Oe,{type:"more"}),(0,O.jsx)(Oe,{type:"remove"})]})})]})}),children:(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(F,{draggable:!0,children:(0,O.jsx)("div",{className:"k-grid-header-wrap",children:(0,O.jsxs)($,{role:"none",children:[(0,O.jsxs)("colgroup",{children:[(0,O.jsx)("col",{className:"k-group-col"}),(0,O.jsx)("col",{className:"k-group-col"}),(0,O.jsx)("col",{}),(0,O.jsx)("col",{}),(0,O.jsx)("col",{}),(0,O.jsx)("col",{})]}),(0,O.jsx)(W,{role:"rowgroup",children:(0,O.jsxs)(h,{role:"row",children:[(0,O.jsx)(M,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),(0,O.jsx)(M,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),(0,O.jsx)(M,{colspan:1,columnTitle:"ID",role:"columnheader"}),(0,O.jsx)(M,{colspan:1,columnTitle:"Name",role:"columnheader"}),(0,O.jsx)(M,{colspan:1,columnTitle:"Price",role:"columnheader"}),(0,O.jsx)(M,{colspan:1,columnTitle:"Category",role:"columnheader"})]})})]})})}),(0,O.jsx)(Q,{children:(0,O.jsx)(V,{className:t,children:(0,O.jsxs)(J,{role:"none",children:[(0,O.jsxs)("colgroup",{children:[(0,O.jsx)("col",{className:"k-group-col"}),(0,O.jsx)("col",{className:"k-group-col"}),(0,O.jsx)("col",{}),(0,O.jsx)("col",{}),(0,O.jsx)("col",{}),(0,O.jsx)("col",{})]}),(0,O.jsxs)(z,{role:"rowgroup",children:[(0,O.jsx)(h,{className:"k-table-group-row k-grouping-row",role:"row",children:(0,O.jsx)(i,{colspan:6,role:"gridcell","aria-expanded":"false",children:(0,O.jsxs)("p",{className:"k-reset",children:[(0,O.jsx)(p,{icon:"caret-alt-right"}),"ID: 1"]})})}),(0,O.jsx)(h,{className:"k-table-group-row k-grouping-row",role:"row",children:(0,O.jsx)(i,{colspan:6,role:"gridcell","aria-expanded":"true",children:(0,O.jsxs)("p",{className:"k-reset",children:[(0,O.jsx)(p,{icon:"caret-alt-down"}),"ID: 2"]})})}),(0,O.jsxs)(h,{className:"k-table-group-row k-grouping-row",role:"row",children:[(0,O.jsx)(i,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,O.jsx)(i,{colspan:5,role:"gridcell","aria-expanded":"true",children:(0,O.jsxs)("p",{className:"k-reset",children:[(0,O.jsx)(p,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),(0,O.jsxs)(h,{className:"k-master-row",role:"row",alt:!0,children:[(0,O.jsx)(i,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,O.jsx)(i,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,O.jsx)(i,{colspan:0,role:"gridcell",children:"2"}),(0,O.jsx)(i,{colspan:0,role:"gridcell",children:"Chang"}),(0,O.jsx)(i,{colspan:0,role:"gridcell",children:"$19.00"}),(0,O.jsx)(i,{colspan:0,role:"gridcell",children:"Beverages"})]})]})]})})})]}),...o});var Ls=require("react/jsx-runtime");var ys=require("react/jsx-runtime");var Ms=require("react/jsx-runtime");var P=require("react/jsx-runtime"),ab=({headerWrapClassName:e,contentClassName:t,...o})=>(0,P.jsx)(Y,{_renderAriaRoot:!0,children:(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(F,{children:(0,P.jsx)("div",{className:`k-grid-header-wrap ${e}`,children:(0,P.jsxs)($,{role:"none",children:[(0,P.jsxs)("colgroup",{children:[(0,P.jsx)("col",{}),(0,P.jsx)("col",{}),(0,P.jsx)("col",{}),(0,P.jsx)("col",{})]}),(0,P.jsxs)(W,{role:"rowgroup",children:[(0,P.jsxs)(h,{role:"row",children:[(0,P.jsx)(M,{rowspan:3,colspan:1,columnTitle:"ID",role:"columnheader"}),(0,P.jsx)(M,{rowspan:1,colspan:3,columnTitle:"Product Information",role:"columnheader"})]}),(0,P.jsxs)(h,{role:"row",children:[(0,P.jsx)(M,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first",role:"columnheader"}),(0,P.jsx)(M,{rowspan:1,colspan:2,columnTitle:"Unit",role:"columnheader"})]}),(0,P.jsxs)(h,{role:"row",children:[(0,P.jsx)(M,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first",role:"columnheader"}),(0,P.jsx)(M,{rowspan:1,colspan:1,columnTitle:"Units Price",role:"columnheader"})]})]})]})})}),(0,P.jsx)(Q,{children:(0,P.jsx)(V,{className:t,children:(0,P.jsxs)(J,{role:"none",children:[(0,P.jsxs)("colgroup",{children:[(0,P.jsx)("col",{}),(0,P.jsx)("col",{}),(0,P.jsx)("col",{}),(0,P.jsx)("col",{})]}),(0,P.jsxs)(z,{role:"rowgroup",children:[(0,P.jsxs)(h,{className:"k-master-row",role:"row",children:[(0,P.jsx)(i,{role:"gridcell",children:"1"}),(0,P.jsx)(i,{role:"gridcell",children:"Chai"}),(0,P.jsx)(i,{role:"gridcell",children:"39"}),(0,P.jsx)(i,{role:"gridcell",children:"18"})]}),(0,P.jsxs)(h,{className:"k-master-row",alt:!0,role:"row",children:[(0,P.jsx)(i,{role:"gridcell",children:"2"}),(0,P.jsx)(i,{role:"gridcell",children:"Chang"}),(0,P.jsx)(i,{role:"gridcell",children:"17"}),(0,P.jsx)(i,{role:"gridcell",children:"19"})]}),(0,P.jsxs)(h,{className:"k-master-row",role:"row",children:[(0,P.jsx)(i,{role:"gridcell",children:"3"}),(0,P.jsx)(i,{role:"gridcell",children:"Aniseed Syrup"}),(0,P.jsx)(i,{role:"gridcell",children:"13"}),(0,P.jsx)(i,{role:"gridcell",children:"10"})]}),(0,P.jsxs)(h,{className:"k-master-row",alt:!0,role:"row",children:[(0,P.jsx)(i,{role:"gridcell",children:"4"}),(0,P.jsx)(i,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),(0,P.jsx)(i,{role:"gridcell",children:"53"}),(0,P.jsx)(i,{role:"gridcell",children:"22"})]}),(0,P.jsxs)(h,{className:"k-master-row",role:"row",children:[(0,P.jsx)(i,{role:"gridcell",children:"5"}),(0,P.jsx)(i,{role:"gridcell",children:"Chef Anton's Gumbo Mix"}),(0,P.jsx)(i,{role:"gridcell",children:"0"}),(0,P.jsx)(i,{role:"gridcell",children:"21.35"})]})]})]})})})]}),...o});var Ss=require("react/jsx-runtime");var Rs=require("react/jsx-runtime");var D=require("react/jsx-runtime"),rb=e=>{let t=B("grid");return(0,D.jsx)(Y,{_renderAriaRoot:!0,ariaRootId:t,toolbar:(0,D.jsxs)(po,{role:"toolbar","aria-label":"Grid toolbar","aria-controls":t,children:[(0,D.jsx)(u,{children:"Add new"}),(0,D.jsx)(u,{children:"Save Changes"}),(0,D.jsx)(u,{children:"Cancel Changes"})]}),children:(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)(F,{children:(0,D.jsx)("div",{className:"k-grid-header-wrap",children:(0,D.jsxs)($,{role:"none",children:[(0,D.jsxs)("colgroup",{children:[(0,D.jsx)("col",{}),(0,D.jsx)("col",{}),(0,D.jsx)("col",{}),(0,D.jsx)("col",{style:{width:"300px"}})]}),(0,D.jsx)(W,{role:"rowgroup",children:(0,D.jsxs)(h,{role:"row",children:[(0,D.jsx)(M,{columnTitle:"Name",role:"columnheader"}),(0,D.jsx)(M,{columnTitle:"Price",role:"columnheader"}),(0,D.jsx)(M,{columnTitle:"Available",role:"columnheader"}),(0,D.jsx)(M,{accessibleLabel:"Commands"})]})})]})})}),(0,D.jsx)(Q,{children:(0,D.jsx)(V,{children:(0,D.jsx)("div",{children:(0,D.jsxs)(J,{role:"none",children:[(0,D.jsxs)("colgroup",{children:[(0,D.jsx)("col",{}),(0,D.jsx)("col",{}),(0,D.jsx)("col",{}),(0,D.jsx)("col",{style:{width:"300px"}})]}),(0,D.jsxs)(z,{role:"rowgroup",children:[(0,D.jsxs)(h,{className:"k-master-row k-grid-add-row k-grid-edit-row",role:"row",children:[(0,D.jsx)(i,{role:"gridcell",children:(0,D.jsx)(fe,{value:"Towel","aria-label":"Name"})}),(0,D.jsx)(i,{role:"gridcell",children:(0,D.jsx)(oe,{value:"42","aria-label":"Price"})}),(0,D.jsx)(i,{role:"gridcell",children:(0,D.jsx)(Fe,{"aria-label":"Available"})}),(0,D.jsxs)(i,{className:"k-command-cell",role:"gridcell",children:[(0,D.jsx)(u,{children:"Add"}),(0,D.jsx)(u,{children:"Cancel"})]})]}),(0,D.jsxs)(h,{className:"k-master-row",role:"row",children:[(0,D.jsx)(i,{role:"gridcell",children:"Chai"}),(0,D.jsx)(i,{role:"gridcell",children:"18"}),(0,D.jsx)(i,{role:"gridcell",children:"false"}),(0,D.jsx)(i,{className:"k-command-cell",role:"gridcell",children:(0,D.jsx)(u,{children:"Remove"})})]}),(0,D.jsxs)(h,{className:"k-master-row",role:"row",alt:!0,children:[(0,D.jsx)(i,{role:"gridcell",children:"Chang"}),(0,D.jsx)(i,{role:"gridcell",children:"19"}),(0,D.jsx)(i,{role:"gridcell",children:"false"}),(0,D.jsx)(i,{className:"k-command-cell",role:"gridcell",children:(0,D.jsx)(u,{children:"Remove"})})]})]})]})})})})]}),...e})};var As=require("react/jsx-runtime");var Es="context-menu",lb=Es;var nb=require("react/jsx-runtime"),ib="k-context-menu",Pw=[],_w={},Kw={},yt=e=>{let{children:t,...o}=e;return(0,nb.jsx)(_e,{...o,className:a(e.className,ib),role:"menu",children:t})};yt.states=Pw;yt.options=_w;yt.className=ib;yt.defaultOptions=Kw;yt.moduleName=Es;yt.folderName=lb;yt.ariaSpec={selector:".k-context-menu",rules:[{selector:".k-context-menu",attribute:"role=menu",usage:"The context menu implements the menu role."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has an id linked to parent aria-controls."}]};var sl=require("react/jsx-runtime"),Is=e=>(0,sl.jsx)(yt,{children:[(0,sl.jsx)(ae,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),(0,sl.jsx)(ae,{text:"Item 2"},"menu-item-2"),(0,sl.jsx)(ae,{last:!0,text:"Item 3"},"menu-item-3")],...e});var Gs=require("react/jsx-runtime");var la=require("react/jsx-runtime"),Dw=ye.options,Bw=ye.states,sb={...ye.defaultOptions,variant:"normal"},zw=[{name:"normal",title:"Normal"},{name:"separators",title:"With separator"}],Uw=[],kr=e=>{let{variant:t,...o}={...sb,...e};return t==="separators"?(0,la.jsxs)(Is,{...o,style:{width:"130px"},children:[(0,la.jsx)(ae,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),(0,la.jsx)(Wo,{}),(0,la.jsx)(ae,{text:"Item 2"},"menu-item-2"),(0,la.jsx)(ae,{last:!0,text:"Item 3"},"menu-item-3")]}):(0,la.jsx)(Is,{...o,style:{width:"130px"}})};kr.options=Dw;kr.states=Bw;kr.variants=zw;kr.defaultOptions=sb;kr.modifiers=Uw;kr.className=yt.className;var Os=require("react/jsx-runtime");var Hs=require("react/jsx-runtime");var Ps=require("react/jsx-runtime");var _s=require("react/jsx-runtime");var T=require("react/jsx-runtime"),Fw=Y.options,$w=Y.states,db={...Y.defaultOptions,variant:"normal"},Ww=[{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"}],Vw=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],Nr=e=>{let{variant:t,modifiers:o,...r}={...db,...e},l={toolbar:void 0,pager:void 0},n=(0,T.jsxs)(po,{children:[(0,T.jsx)(u,{icon:"plus",children:"Add New"}),(0,T.jsx)(u,{icon:"file-pdf",children:"Export to PDF"}),(0,T.jsx)("span",{className:"k-spacer"}),(0,T.jsx)(fe,{prefix:(0,T.jsx)(p,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=(0,T.jsx)(we,{pageSizes:!1,refresh:!1});Object.keys(o||{}).forEach(k=>{switch(k){case"toolbar":l.toolbar=o!=null&&o[k]?n:void 0;break;case"pager":l.pager=o!=null&&o[k]?c:void 0;break;default:return}});let b={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},g=(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(F,{children:(0,T.jsx)("div",{className:"k-grid-header-wrap",children:(0,T.jsxs)($,{children:[(0,T.jsxs)("colgroup",{children:[(0,T.jsx)("col",{}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{})]}),(0,T.jsx)(W,{children:(0,T.jsxs)(h,{children:[(0,T.jsx)(M,{...b[t],columnTitle:"ID"}),(0,T.jsx)(M,{...b[t],columnTitle:"Product Name"}),(0,T.jsx)(M,{...b[t],columnTitle:"Units in Stock"}),(0,T.jsx)(M,{...b[t],columnTitle:"Units Price"})]})})]})})}),(0,T.jsx)(Q,{children:(0,T.jsx)(V,{children:(0,T.jsxs)(J,{children:[(0,T.jsxs)("colgroup",{children:[(0,T.jsx)("col",{}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{})]}),(0,T.jsxs)(z,{children:[(0,T.jsxs)(h,{children:[(0,T.jsx)(i,{children:"1"}),(0,T.jsx)(i,{children:"Chai"}),(0,T.jsx)(i,{children:"39"}),(0,T.jsx)(i,{children:"18"})]}),(0,T.jsxs)(h,{alt:!0,children:[(0,T.jsx)(i,{children:"2"}),(0,T.jsx)(i,{children:"Chang"}),(0,T.jsx)(i,{children:"17"}),(0,T.jsx)(i,{children:"19"})]}),(0,T.jsxs)(h,{children:[(0,T.jsx)(i,{children:"3"}),(0,T.jsx)(i,{children:"Aniseed Syrup"}),(0,T.jsx)(i,{children:"13"}),(0,T.jsx)(i,{children:"10"})]}),(0,T.jsxs)(h,{alt:!0,children:[(0,T.jsx)(i,{children:"4"}),(0,T.jsx)(i,{children:"Chef Anton's Cajun Seasoning"}),(0,T.jsx)(i,{children:"53"}),(0,T.jsx)(i,{children:"22"})]}),(0,T.jsxs)(h,{children:[(0,T.jsx)(i,{children:"5"}),(0,T.jsx)(i,{children:"Chef Anton's Gumbo Mix"}),(0,T.jsx)(i,{children:"0"}),(0,T.jsx)(i,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return(0,T.jsx)(ab,{...r,...l});case"editing":return(0,T.jsx)(rb,{...r,...l});case"grouping":return(0,T.jsx)(ob,{...r,...l,groupingHeader:(0,T.jsx)(co,{children:(0,T.jsxs)(Ee,{children:[(0,T.jsx)(Ae,{icon:"sort-asc-small",actions:(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(Oe,{type:"more"}),(0,T.jsx)(Oe,{type:"remove"})]}),children:"ID"}),(0,T.jsx)(Ae,{icon:"sort-desc-small",actions:(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(Oe,{type:"more"}),(0,T.jsx)(Oe,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return(0,T.jsx)(Y,{...r,...l,children:(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(F,{children:(0,T.jsxs)("div",{className:"k-grid-header-wrap",children:[" ",(0,T.jsxs)($,{children:[(0,T.jsxs)("colgroup",{children:[(0,T.jsx)("col",{className:"k-drag-col"}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{})]}),(0,T.jsx)(W,{children:(0,T.jsxs)(h,{children:[(0,T.jsx)(M,{className:"k-drag-cell",accessibleLabel:"Reorder"}),(0,T.jsx)(M,{columnTitle:"ID"}),(0,T.jsx)(M,{columnTitle:"Product Name"}),(0,T.jsx)(M,{columnTitle:"Units in Stock"}),(0,T.jsx)(M,{columnTitle:"Units Price"})]})})]})]})}),(0,T.jsx)(Q,{children:(0,T.jsx)(V,{children:(0,T.jsxs)(J,{children:[(0,T.jsxs)("colgroup",{children:[(0,T.jsx)("col",{className:"k-drag-col"}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{})]}),(0,T.jsxs)(z,{children:[(0,T.jsxs)(h,{children:[(0,T.jsx)(i,{className:"k-drag-cell",children:(0,T.jsx)(p,{icon:"reorder"})}),(0,T.jsx)(i,{children:"1"}),(0,T.jsx)(i,{children:"Chai"}),(0,T.jsx)(i,{children:"39"}),(0,T.jsx)(i,{children:"18"})]}),(0,T.jsxs)(h,{alt:!0,children:[(0,T.jsx)(i,{className:"k-drag-cell",children:(0,T.jsx)(p,{icon:"reorder"})}),(0,T.jsx)(i,{children:"2"}),(0,T.jsx)(i,{children:"Chang"}),(0,T.jsx)(i,{children:"17"}),(0,T.jsx)(i,{children:"19"})]}),(0,T.jsxs)(h,{children:[(0,T.jsx)(i,{className:"k-drag-cell",children:(0,T.jsx)(p,{icon:"reorder"})}),(0,T.jsx)(i,{children:"3"}),(0,T.jsx)(i,{children:"Aniseed Syrup"}),(0,T.jsx)(i,{children:"13"}),(0,T.jsx)(i,{children:"10"})]}),(0,T.jsxs)(h,{alt:!0,children:[(0,T.jsx)(i,{className:"k-drag-cell",children:(0,T.jsx)(p,{icon:"reorder"})}),(0,T.jsx)(i,{children:"4"}),(0,T.jsx)(i,{children:"Chef Anton's Cajun Seasoning"}),(0,T.jsx)(i,{children:"53"}),(0,T.jsx)(i,{children:"22"})]}),(0,T.jsxs)(h,{children:[(0,T.jsx)(i,{className:"k-drag-cell",children:(0,T.jsx)(p,{icon:"reorder"})}),(0,T.jsx)(i,{children:"5"}),(0,T.jsx)(i,{children:"Chef Anton's Gumbo Mix"}),(0,T.jsx)(i,{children:"0"}),(0,T.jsx)(i,{children:"21.35"})]})]})]})})})]})});case"filter-row":return(0,T.jsx)(Uu,{...r,...l});default:return(0,T.jsx)(Y,{...r,...l,children:g})}};Nr.options=Fw;Nr.states=$w;Nr.variants=Ww;Nr.defaultOptions=db;Nr.modifiers=Vw;Nr.className=Y.className;var cb=require("react/jsx-runtime"),Na="k-pane",Xw=[],Jw={},Ks={resizable:!0,flex:!1},Ke=e=>{let{scrollable:t,flexBasis:o,flex:r=Ks.flex,collapsible:l,resizable:n=Ks.resizable,pinned:c,unpinned:b,tabbed:g,...k}=e;return(0,cb.jsx)("div",{...k,style:{flexBasis:o,...e.style},className:a(e.className,Na,{[`${Na}-static`]:o,[`${Na}-flex`]:r,"k-scrollable":t,[`${Na}-pinned`]:c,[`${Na}-unpinned`]:b,[`${Na}-tabbed`]:g}),role:"group",children:e.children})};Ke.states=Xw;Ke.options=Jw;Ke.className=Na;Ke.defaultOptions=Ks;var Dt=require("react/jsx-runtime"),wr="k-splitbar",qw=[s.hover,s.focus],Yw={},Ds={orientation:"horizontal",draggable:!0},vr=e=>{let{hover:t,focus:o,orientation:r=Ds.orientation,draggable:l=Ds.draggable,collapsePrev:n,collapseNext:c,ariaLabel:b,...g}=e;return(0,Dt.jsxs)("div",{...g,className:a(e.className,wr,I(wr,{hover:t,focus:o}),{[`${wr}-${r}`]:r,[`${wr}-draggable-${r}`]:l,[`${wr}-static-${r}`]:!l&&!n&&!c}),role:"separator","aria-label":b,...r==="horizontal"&&{"aria-orientation":"vertical"},"aria-keyshortcuts":"ArrowLeft ArrowRight ArrowUp ArrowDown",children:[n&&(0,Dt.jsx)(Dt.Fragment,{children:(0,Dt.jsx)("div",{className:"k-collapse-prev",children:(0,Dt.jsx)(p,{icon:`caret-alt-${r==="horizontal"?"left":"up"}`,size:"xsmall"})})}),(0,Dt.jsx)("div",{className:"k-resize-handle","aria-hidden":"true"}),c&&(0,Dt.jsx)(Dt.Fragment,{children:(0,Dt.jsx)("div",{className:"k-collapse-next",children:(0,Dt.jsx)(p,{icon:`caret-alt-${r==="horizontal"?"right":"down"}`,size:"xsmall"})})})]})};vr.states=qw;vr.options=Yw;vr.className=wr;vr.defaultOptions=Ds;var Bs="splitter",pb=Bs;var jl=require("react/jsx-runtime"),ub=require("react"),zs="k-splitter",Qw={},mb={orientation:"horizontal"},De=e=>{let{orientation:t=mb.orientation,children:o,panes:r,...l}=e,n=[];return r&&r.forEach((c,b)=>{let g=r[b+1],k=c.props,L=g==null?void 0:g.props;n.push((0,ub.createElement)(Ke,{...k,key:b})),g&&n.push((0,jl.jsx)(vr,{draggable:k.resizable!==!1&&L.resizable!==!1,collapsePrev:k.collapsible,collapseNext:L.collapsible,orientation:t,ariaLabel:"Pane separator"},`splitbar-${b}`))}),(0,jl.jsxs)("div",{...l,className:a(e.className,zs,{[`${zs}-${t}`]:t},"k-splitter-flex"),children:[n,o]})};De.options=Qw;De.className=zs;De.defaultOptions=mb;De.moduleName=Bs;De.folderName=pb;De.ariaSpec={selector:".k-splitter",rules:[{selector:".k-pane",attribute:"role=group",usage:"Sets the proper role for the Splitter pane."},{selector:".k-splitbar",attribute:"role=separator",usage:"Sets the proper role for the Splitter split-bar element."},{selector:".k-splitbar",attribute:"aria-label",usage:"An accessible name for the separator."},{selector:".k-splitbar-horizontal",attribute:"aria-orientation=vertical",usage:"When a splitbar separates two panes horizontally, its aria-orientation must be explicitly set to vertical."},{selector:".k-splitbar",attribute:"aria-keyshortcuts",usage:"Announces available keyboard shortcuts."}]};var bb=require("react/jsx-runtime");var Tb=require("react/jsx-runtime");var wa=require("react/jsx-runtime"),dl=require("react"),Zw=De.options,jw=De.states,fb={...De.defaultOptions,variant:"horizontal",firstPaneProps:!0,secondPaneProps:!0},ev=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],tv=[{name:"firstPaneProps",title:"Collapsible Left"},{name:"secondPaneProps",title:"Collapsible Right"}],Cr=e=>{let{variant:t,modifiers:o,...r}={...fb,...e},l=g=>({collapsible:g,content:g?"Resizable and collapsible":"Resizable only"}),n=l(!0),c=l(!0),b={display:"flex",justifyContent:"center",alignItems:"center"};return Object.keys(o||{}).forEach(g=>{let k=o==null?void 0:o[g];switch(g){case"secondPaneProps":c=l(!!k);break;case"firstPaneProps":n=l(!!k);break;default:break}}),t==="vertical"?(0,wa.jsx)(De,{style:{height:"238px"},...r,orientation:"vertical",panes:[(0,dl.createElement)(Ke,{...n,flexBasis:"50%",style:b,key:"pane-1"},(0,wa.jsx)("p",{children:n.content})),(0,dl.createElement)(Ke,{...c,flexBasis:"50%",style:b,key:"pane-2"},(0,wa.jsx)("p",{children:c.content}))]}):(0,wa.jsx)(De,{style:{height:"238px"},...r,orientation:"horizontal",panes:[(0,dl.createElement)(Ke,{...n,flexBasis:"50%",style:b,key:"pane-1"},(0,wa.jsx)("p",{children:n.content})),(0,dl.createElement)(Ke,{...c,flexBasis:"50%",style:b,key:"pane-2"},(0,wa.jsx)("p",{children:c.content}))]})};Cr.options=Zw;Cr.states=jw;Cr.variants=ev;Cr.defaultOptions=fb;Cr.modifiers=tv;Cr.className=De.className;var Us="treelist",gb=Us;var xb=require("react/jsx-runtime"),hb="k-treelist",ov=[],av={},rv={},ue=e=>(0,xb.jsx)(Y,{...e,ariaRole:"treegrid",className:a(hb,e.className),children:e.children});ue.states=ov;ue.options=av;ue.className=hb;ue.defaultOptions=rv;ue.moduleName=Us;ue.folderName=gb;ue.ariaSpec={selector:".k-treelist",rules:[{selector:".k-grid-toolbar",attribute:"role=toolbar",usage:"The toolbar is a collection of command buttons and inputs."},{selector:".k-grid-toolbar",attribute:"aria-label",usage:"Clarifies the purpose of the toolbar."},{selector:".k-grid-toolbar",attribute:"aria-controls=.k-grid-aria-root id (when present)",usage:"Pointing to the id of the element with role=treegrid."},{selector:".k-treelist .k-grid-aria-root",attribute:"role=treegrid",usage:"The role specifies the element is a TreeGrid."},{selector:".k-grid-aria-root",attribute:"aria-colcount (when present)",usage:"The total number of columns."},{selector:".k-grid-aria-root",attribute:"aria-rowcount (when present)",usage:"The total number of rows in the table."},{selector:".k-grid-header-wrap>table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-grid-header-wrap>table>thead",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr",attribute:"aria-rowindex (when present)",usage:"Row number."},{selector:".k-grid-header-wrap>table>thead>tr>th:not(.k-hierarchy-cell):not(.k-group-cell):not(.k-drag-cell)",attribute:"role=columnheader",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr>th",attribute:"aria-sort (when present)",usage:"Present if sorting is enabled for that column."},{selector:".k-grid-header-wrap>table>thead>tr>th",attribute:"aria-colindex (when present)",usage:"Col number."},{selector:".k-grid-header-wrap>table>thead>tr>th",attribute:"aria-haspopup=dialog (when present)",usage:"Present if the column has a ColumnMenu or FilterMenu."},{selector:".k-grid-content>table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-grid-content>table>tbody",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-content>table>tbody>tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-content>table>tbody>tr",attribute:"aria-rowindex (when present)",usage:"Row number."},{selector:".k-grid-content>table>tbody>tr>td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-content>table>tbody>tr>td",attribute:"aria-colindex (when present)",usage:"Col number."},{selector:"tr.k-selected",attribute:"aria-selected=true",usage:"Set on the currently selected row(s) in row selection mode. All cells within the selected row also carry aria-selected=true (without k-selected class)."},{selector:"td.k-selected",attribute:"aria-selected=true",usage:"Set on the currently selected cell(s) in cell selection mode. The k-selected class on cells is only applied in cell selection mode, but aria-selected=true is present on cells regardless of selection mode."},{selector:".k-grid-content>table>tbody>tr",attribute:"aria-expanded (when present)",usage:"Set on the currently expanded row(s)."},{selector:".k-grid-content>table>tbody>tr td",attribute:"aria-expanded (when present)",usage:"The cell containing the expand/collapse toggle also carries aria-expanded matching the row value, as it is the navigable focusable element."},{selector:'.k-treelist-toggle[class*="i-caret-alt-down"],.k-treelist-toggle[class*="i-caret-alt-right"]',attribute:"aria-hidden=true",usage:"Removes the expand/collapse icon from the accessibility tree."},{selector:".k-grid-filter-popup",attribute:"role=dialog",usage:"The filter menu popup has dialog role."},{selector:".k-grid-filter-popup",attribute:"id",usage:"Unique id linked to the header cell aria-controls attribute."},{selector:".k-grid-filter-popup",attribute:"aria-label",usage:"Descriptive label for the filter menu."},{selector:".k-grid-columnmenu-popup",attribute:"role=dialog",usage:"The column menu popup has dialog role."},{selector:".k-grid-columnmenu-popup",attribute:"id",usage:"Unique id linked to the header cell aria-controls attribute."},{selector:".k-grid-columnmenu-popup",attribute:"aria-label",usage:"Descriptive label for the column menu."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"role=button",usage:"Column menu items have button role."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"tabindex=0",usage:"Column menu items are focusable."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"aria-expanded (when present)",usage:"Expandable column menu items announce their expanded state."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"aria-controls (when present)",usage:"Expandable items point to the id of the content they control."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"role=listbox",usage:"The column list is a listbox."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"aria-multiselectable=true",usage:"The column list supports multiple selections."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"aria-label",usage:"Accessible name for the column list."},{selector:".k-grid-columnmenu-popup .k-column-list-item",attribute:"role=option",usage:"Column list items are options."},{selector:".k-grid-columnmenu-popup .k-column-list-item",attribute:"aria-checked",usage:"Column list items announce their checked state."},{selector:".k-grid-header-locked table tr",attribute:"aria-owns",usage:"Locked header rows own cells from the corresponding non-locked header table rows."},{selector:".k-grid-content-locked table tr",attribute:"aria-owns",usage:"Locked content rows own cells from the corresponding non-locked content table rows."},{selector:".k-grid-lockedcolumns .k-grid-header-wrap table tr",attribute:"role=none",usage:"Non-locked header rows have their semantic role removed when locked columns exist."},{selector:".k-grid-lockedcolumns .k-grid-content table tr",attribute:"role=none",usage:"Non-locked content rows have their semantic role removed when locked columns exist."},{selector:".k-grid-lockedcolumns .k-grid-header-wrap th",attribute:"role=columnheader",usage:"Non-locked header cells retain columnheader role so they are announced correctly when owned via aria-owns."},{selector:".k-grid-lockedcolumns .k-grid-content td",attribute:"role=gridcell",usage:"Non-locked data cells retain gridcell role so they are announced correctly when owned via aria-owns."},{selector:".k-drag-cell",attribute:"aria-label",usage:"Must be present in a Drag Row scenario on the cell containing the drag handle."}]};var _=require("react/jsx-runtime"),va=({gridHeader:e,gridContent:t,menu:o,...r})=>{let l=B("treelist");return(0,_.jsxs)(ue,{id:B("treelist"),_renderAriaRoot:!0,ariaRootId:l,ariaColCount:3,ariaRowCount:6,...r,children:[e||(0,_.jsx)(F,{children:(0,_.jsx)("div",{className:"k-grid-header-wrap",children:(0,_.jsxs)($,{role:"none",children:[(0,_.jsxs)("colgroup",{children:[(0,_.jsx)("col",{}),(0,_.jsx)("col",{}),(0,_.jsx)("col",{})]}),(0,_.jsx)(W,{role:"rowgroup",children:(0,_.jsxs)(h,{role:"row","aria-rowindex":1,children:[(0,_.jsx)(M,{menu:o,columnTitle:"Name",role:"columnheader","aria-sort":"ascending","aria-colindex":1,...o?{"aria-haspopup":"dialog"}:{}}),(0,_.jsx)(M,{menu:o,columnTitle:"Position",role:"columnheader","aria-colindex":2,...o?{"aria-haspopup":"dialog"}:{}}),(0,_.jsx)(M,{menu:o,columnTitle:"Hire Date",role:"columnheader","aria-colindex":3,...o?{"aria-haspopup":"dialog"}:{}})]})})]})})}),(0,_.jsx)(Q,{children:t||(0,_.jsx)(V,{children:(0,_.jsxs)(J,{role:"none",children:[(0,_.jsxs)("colgroup",{children:[(0,_.jsx)("col",{}),(0,_.jsx)("col",{}),(0,_.jsx)("col",{})]}),(0,_.jsxs)(z,{role:"rowgroup",children:[(0,_.jsxs)(h,{role:"row","aria-rowindex":2,"aria-expanded":"true",children:[(0,_.jsxs)(i,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[(0,_.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),(0,_.jsx)(i,{role:"gridcell","aria-colindex":2,children:"Sweeney"}),(0,_.jsx)(i,{role:"gridcell","aria-colindex":3,children:"CEO"})]}),(0,_.jsxs)(h,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"true",children:[(0,_.jsxs)(i,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[(0,_.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,_.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),(0,_.jsx)(i,{role:"gridcell","aria-colindex":2,children:"Wooten"}),(0,_.jsx)(i,{role:"gridcell","aria-colindex":3,children:"Chief Technical Officer"})]}),(0,_.jsxs)(h,{role:"row","aria-rowindex":4,"aria-expanded":"true",children:[(0,_.jsxs)(i,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[(0,_.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,_.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,_.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),(0,_.jsx)(i,{role:"gridcell","aria-colindex":2,children:"Weber"}),(0,_.jsx)(i,{role:"gridcell","aria-colindex":3,children:"VP, Engineering"})]}),(0,_.jsxs)(h,{role:"row",alt:!0,"aria-rowindex":5,"aria-expanded":"true",children:[(0,_.jsxs)(i,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[(0,_.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,_.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,_.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,_.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),(0,_.jsx)(i,{role:"gridcell","aria-colindex":2,children:"Hood"}),(0,_.jsx)(i,{role:"gridcell","aria-colindex":3,children:"Team Lead"})]}),(0,_.jsxs)(h,{role:"row","aria-rowindex":6,children:[(0,_.jsxs)(i,{role:"gridcell","aria-colindex":1,children:[(0,_.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,_.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,_.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,_.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,_.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),(0,_.jsx)(i,{role:"gridcell","aria-colindex":2,children:"Carr"}),(0,_.jsx)(i,{role:"gridcell","aria-colindex":3,children:"Junior Software Developer"})]})]})]})})})]})};var Nb=require("react/jsx-runtime"),kb=e=>(0,Nb.jsx)(va,{menu:"column",...e});var Fs=require("react/jsx-runtime");var vb=require("react/jsx-runtime"),wb=e=>(0,vb.jsx)(va,{menu:"filter",...e});var $s=require("react/jsx-runtime");var Ws=require("react/jsx-runtime");var G=require("react/jsx-runtime"),Cb=({gridHeader:e,gridContent:t,menu:o,...r})=>{let l=B("treelist");return(0,G.jsxs)(ue,{id:B("treelist"),_renderAriaRoot:!0,ariaRootId:l,ariaColCount:4,ariaRowCount:6,...r,children:[e||(0,G.jsx)(F,{children:(0,G.jsx)("div",{className:"k-grid-header-wrap",children:(0,G.jsxs)($,{role:"none",children:[(0,G.jsxs)("colgroup",{children:[(0,G.jsx)("col",{className:"k-drag-col"}),(0,G.jsx)("col",{}),(0,G.jsx)("col",{}),(0,G.jsx)("col",{})]}),(0,G.jsx)(W,{role:"rowgroup",children:(0,G.jsxs)(h,{role:"row","aria-rowindex":1,children:[(0,G.jsx)(M,{role:"columnheader",accessibleLabel:"Drag column"}),(0,G.jsx)(M,{menu:o,columnTitle:"First Name",role:"columnheader","aria-colindex":2}),(0,G.jsx)(M,{menu:o,columnTitle:"Last Name",role:"columnheader","aria-colindex":3}),(0,G.jsx)(M,{menu:o,columnTitle:"Position",role:"columnheader","aria-colindex":4})]})})]})})}),(0,G.jsx)(Q,{children:t||(0,G.jsx)(V,{children:(0,G.jsxs)(J,{role:"none",children:[(0,G.jsxs)("colgroup",{children:[(0,G.jsx)("col",{className:"k-drag-col"}),(0,G.jsx)("col",{}),(0,G.jsx)("col",{}),(0,G.jsx)("col",{})]}),(0,G.jsxs)(z,{role:"rowgroup",children:[(0,G.jsxs)(h,{role:"row","aria-rowindex":2,"aria-expanded":"true",children:[(0,G.jsx)(i,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:(0,G.jsx)(p,{icon:"reorder"})}),(0,G.jsxs)(i,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[(0,G.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),(0,G.jsx)(i,{role:"gridcell","aria-colindex":3,children:"Sweeney"}),(0,G.jsx)(i,{role:"gridcell","aria-colindex":4,children:"CEO"})]}),(0,G.jsxs)(h,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"true",children:[(0,G.jsx)(i,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:(0,G.jsx)(p,{icon:"reorder"})}),(0,G.jsxs)(i,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[(0,G.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,G.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),(0,G.jsx)(i,{role:"gridcell","aria-colindex":3,children:"Wooten"}),(0,G.jsx)(i,{role:"gridcell","aria-colindex":4,children:"Chief Technical Officer"})]}),(0,G.jsxs)(h,{role:"row","aria-rowindex":4,"aria-expanded":"true",children:[(0,G.jsx)(i,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:(0,G.jsx)(p,{icon:"reorder"})}),(0,G.jsxs)(i,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[(0,G.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,G.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,G.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),(0,G.jsx)(i,{role:"gridcell","aria-colindex":3,children:"Weber"}),(0,G.jsx)(i,{role:"gridcell","aria-colindex":4,children:"VP, Engineering"})]}),(0,G.jsxs)(h,{role:"row",alt:!0,"aria-rowindex":5,"aria-expanded":"true",children:[(0,G.jsx)(i,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:(0,G.jsx)(p,{icon:"reorder"})}),(0,G.jsxs)(i,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[(0,G.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,G.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,G.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,G.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),(0,G.jsx)(i,{role:"gridcell","aria-colindex":3,children:"Hood"}),(0,G.jsx)(i,{role:"gridcell","aria-colindex":4,children:"Team Lead"})]}),(0,G.jsxs)(h,{role:"row","aria-rowindex":6,children:[(0,G.jsx)(i,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:(0,G.jsx)(p,{icon:"reorder"})}),(0,G.jsxs)(i,{role:"gridcell","aria-colindex":2,children:[(0,G.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,G.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,G.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,G.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,G.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),(0,G.jsx)(i,{role:"gridcell","aria-colindex":3,children:"Carr"}),(0,G.jsx)(i,{role:"gridcell","aria-colindex":4,children:"Junior Software Developer"})]})]})]})})})]})};var Lb=require("react/jsx-runtime");var yb=require("react/jsx-runtime");var Mb=require("react/jsx-runtime");var Sb=require("react/jsx-runtime");var N=require("react/jsx-runtime"),lv=ue.options,iv=ue.states,Rb={...ue.defaultOptions,variant:"normal"},nv=[{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"}],sv=[{name:"toolbar",title:"Toolbar"},{name:"pager",title:"Pager"}],Lr=e=>{let{variant:t,modifiers:o,...r}={...Rb,...e},l={},n=(0,N.jsxs)(po,{children:[(0,N.jsx)(u,{icon:"plus",children:"Add New"}),(0,N.jsx)(u,{icon:"file-pdf",children:"Export to PDF"}),(0,N.jsx)("span",{className:"k-spacer"}),(0,N.jsx)(fe,{prefix:(0,N.jsx)(p,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=(0,N.jsx)(we,{pageSizes:!1,refresh:!1});switch(Object.keys(o||{}).forEach(b=>{switch(b){case"toolbar":l.toolbar=o!=null&&o[b]?n:void 0;break;case"pager":l.pager=o!=null&&o[b]?c:void 0;break;default:return}}),t){case"row-reordering":return(0,N.jsx)(Cb,{...r,...l});case"column-menu":return(0,N.jsx)(kb,{...r,...l,gridHeader:(0,N.jsx)(F,{children:(0,N.jsx)("div",{className:"k-grid-header-wrap",children:(0,N.jsxs)($,{children:[(0,N.jsxs)("colgroup",{children:[(0,N.jsx)("col",{}),(0,N.jsx)("col",{}),(0,N.jsx)("col",{})]}),(0,N.jsx)(W,{children:(0,N.jsxs)(h,{children:[(0,N.jsx)(M,{menu:"column",columnTitle:"First Name"}),(0,N.jsx)(M,{menu:"column",columnTitle:"Last Name"}),(0,N.jsx)(M,{menu:"column",columnTitle:"Position"})]})})]})})})});case"filter-row":return(0,N.jsx)(wb,{...r,...l,gridHeader:(0,N.jsx)(F,{children:(0,N.jsx)("div",{className:"k-grid-header-wrap",children:(0,N.jsxs)($,{children:[(0,N.jsxs)("colgroup",{children:[(0,N.jsx)("col",{}),(0,N.jsx)("col",{}),(0,N.jsx)("col",{})]}),(0,N.jsx)(W,{children:(0,N.jsxs)(h,{children:[(0,N.jsx)(M,{menu:"filter",columnTitle:"First Name"}),(0,N.jsx)(M,{menu:"filter",columnTitle:"Last Name"}),(0,N.jsx)(M,{menu:"filter",columnTitle:"Position"})]})})]})})})});case"sorting":return(0,N.jsx)(va,{...r,...l,gridHeader:(0,N.jsx)(F,{children:(0,N.jsx)("div",{className:"k-grid-header-wrap",children:(0,N.jsxs)($,{children:[(0,N.jsxs)("colgroup",{children:[(0,N.jsx)("col",{}),(0,N.jsx)("col",{}),(0,N.jsx)("col",{})]}),(0,N.jsx)(W,{children:(0,N.jsxs)(h,{children:[(0,N.jsx)(M,{columnTitle:"First Name"}),(0,N.jsx)(M,{columnTitle:"Last Name",sortable:!0}),(0,N.jsx)(M,{columnTitle:"Position"})]})})]})})}),gridContent:(0,N.jsx)(V,{children:(0,N.jsxs)(J,{children:[(0,N.jsxs)("colgroup",{children:[(0,N.jsx)("col",{}),(0,N.jsx)("col",{className:"k-sorted"}),(0,N.jsx)("col",{})]}),(0,N.jsxs)(z,{children:[(0,N.jsxs)(h,{className:"k-treelist-group",children:[(0,N.jsxs)(i,{children:[(0,N.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),(0,N.jsx)(i,{children:"Sweeney"}),(0,N.jsx)(i,{children:"CEO"})]}),(0,N.jsxs)(h,{className:"k-treelist-group",alt:!0,children:[(0,N.jsxs)(i,{children:[(0,N.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,N.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),(0,N.jsx)(i,{children:"Wooten"}),(0,N.jsx)(i,{children:"Chief Technical Officer"})]}),(0,N.jsxs)(h,{className:"k-treelist-group",children:[(0,N.jsxs)(i,{children:[(0,N.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,N.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,N.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),(0,N.jsx)(i,{children:"Weber"}),(0,N.jsx)(i,{children:"VP, Engineering"})]}),(0,N.jsxs)(h,{className:"k-treelist-group",alt:!0,children:[(0,N.jsxs)(i,{children:[(0,N.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,N.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,N.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,N.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),(0,N.jsx)(i,{children:"Hood"}),(0,N.jsx)(i,{children:"Team Lead"})]}),(0,N.jsxs)(h,{children:[(0,N.jsxs)(i,{children:[(0,N.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,N.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,N.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,N.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,N.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),(0,N.jsx)(i,{children:"Carr"}),(0,N.jsx)(i,{children:"Junior Software Developer"})]})]})]})})});default:return(0,N.jsx)(va,{...r,...l,gridHeader:(0,N.jsx)(F,{children:(0,N.jsx)("div",{className:"k-grid-header-wrap",children:(0,N.jsxs)($,{children:[(0,N.jsxs)("colgroup",{children:[(0,N.jsx)("col",{}),(0,N.jsx)("col",{}),(0,N.jsx)("col",{})]}),(0,N.jsx)(W,{children:(0,N.jsxs)(h,{children:[(0,N.jsx)(M,{columnTitle:"First Name"}),(0,N.jsx)(M,{columnTitle:"Last Name"}),(0,N.jsx)(M,{columnTitle:"Position"})]})})]})})})})}};Lr.options=lv;Lr.states=iv;Lr.variants=nv;Lr.defaultOptions=Rb;Lr.modifiers=sv;Lr.className=ue.className;var m=require("react/jsx-runtime"),Ab=({flexBasis:e="30%",gridContentHeight:t="180px",tablesWidth:o="675px",tablesHeight:r="828px",currentTimeLeftOffset:l="243px",ganttDependencies:n,menu:c,...b})=>(0,m.jsx)(xt,{headerToolbar:(0,m.jsxs)(Xo,{"aria-label":"Toolbar",children:[(0,m.jsx)(u,{className:"k-gantt-toggle",icon:"layout-1-by-4","aria-label":"Toggle TreeList"}),(0,m.jsx)(u,{className:"k-gantt-create",icon:"plus",children:"Add Task"}),(0,m.jsx)("span",{className:"k-spacer"}),(0,m.jsxs)("div",{className:"k-gantt-views-wrapper",children:[(0,m.jsxs)("select",{className:"k-picker k-dropdown-list k-dropdown k-views-dropdown","aria-label":"Select view",children:[(0,m.jsx)("option",{value:"day",children:"Day"}),(0,m.jsx)("option",{value:"week",children:"Week"}),(0,m.jsx)("option",{value:"month",children:"Month"})]}),(0,m.jsxs)(q,{className:"k-gantt-views",children:[(0,m.jsx)(u,{className:"k-view-day k-group-start",children:"Day"}),(0,m.jsx)(u,{className:"k-view-week",selected:!0,children:"Week"}),(0,m.jsx)(u,{className:"k-view-month k-group-end",children:"Month"})]})]})]}),footerToolbar:(0,m.jsx)(nr,{"aria-label":"Toolbar",children:(0,m.jsx)(u,{className:"k-gantt-create",icon:"plus",children:"Add Task"})}),...b,children:(0,m.jsx)(Jo,{children:b.children||(0,m.jsx)(De,{className:"k-gantt-splitter",panes:[(0,m.jsx)(Ke,{className:"k-gantt-treelist",flexBasis:e,children:(0,m.jsxs)(ue,{_renderAriaRoot:!0,children:[(0,m.jsx)(F,{children:(0,m.jsx)("div",{className:"k-grid-header-wrap",children:(0,m.jsxs)($,{style:{minWidth:"250px"},children:[(0,m.jsxs)("colgroup",{children:[(0,m.jsx)("col",{style:{width:"50px"}}),(0,m.jsx)("col",{})]}),(0,m.jsx)(W,{children:(0,m.jsxs)(h,{children:[(0,m.jsx)(M,{menu:c,rowspan:1,columnTitle:"ID"}),(0,m.jsx)(M,{menu:c,rowspan:1,columnTitle:"Title"})]})})]})})}),(0,m.jsx)(Q,{children:(0,m.jsx)(V,{style:{height:t},children:(0,m.jsxs)(J,{style:{minWidth:"250px"},children:[(0,m.jsxs)("colgroup",{children:[(0,m.jsx)("col",{style:{width:"50px"}}),(0,m.jsx)("col",{})]}),(0,m.jsxs)(z,{children:[(0,m.jsxs)(h,{children:[(0,m.jsx)(i,{children:"7"}),(0,m.jsxs)(i,{children:[(0,m.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Software validation, research and implementation"]})]}),(0,m.jsxs)(h,{alt:!0,children:[(0,m.jsx)(i,{children:"18"}),(0,m.jsxs)(i,{children:[(0,m.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,m.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),"Project Kickoff"]})]}),(0,m.jsxs)(h,{children:[(0,m.jsx)(i,{children:"11"}),(0,m.jsxs)(i,{children:[(0,m.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,m.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Research"]})]}),(0,m.jsxs)(h,{alt:!0,children:[(0,m.jsx)(i,{children:"19"}),(0,m.jsxs)(i,{children:[(0,m.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,m.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,m.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),"Validation with Customers"]})]}),(0,m.jsxs)(h,{children:[(0,m.jsx)(i,{children:"20"}),(0,m.jsxs)(i,{children:[(0,m.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,m.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,m.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),"Market Research"]})]})]})]})})})]})},"gantt-treelist-pane"),(0,m.jsx)(Ke,{className:"k-gantt-timeline-pane",children:(0,m.jsxs)(Y,{className:"k-gantt-timeline",children:[(0,m.jsx)(F,{children:(0,m.jsx)("div",{className:"k-grid-header-wrap",children:(0,m.jsxs)($,{style:{width:o},children:[(0,m.jsxs)("colgroup",{children:[(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{})]}),(0,m.jsxs)(z,{children:[(0,m.jsx)(h,{children:(0,m.jsx)(i,{className:"k-header",colspan:7,children:"Sun 6/01 - Sat 6/07"})}),(0,m.jsxs)(h,{children:[(0,m.jsx)(i,{colspan:1,className:"k-header k-nonwork-hour",children:"Sun 6/01"}),(0,m.jsx)(i,{className:"k-header",colspan:1,children:"Mon 6/02"}),(0,m.jsx)(i,{className:"k-header",colspan:1,children:"Tue 6/03"}),(0,m.jsx)(i,{className:"k-header",colspan:1,children:"Wed 6/04"}),(0,m.jsx)(i,{className:"k-header",colspan:1,children:"Thu 6/05"}),(0,m.jsx)(i,{className:"k-header",colspan:1,children:"Fri 6/06"}),(0,m.jsx)(i,{colspan:1,className:"k-header k-nonwork-hour",children:"Sat 6/07"})]})]})]})})}),(0,m.jsxs)(V,{style:{height:t},role:"tree",children:[(0,m.jsxs)(qo,{children:[(0,m.jsxs)(ea,{className:"k-grid-table",style:{width:o},children:[(0,m.jsx)("colgroup",{children:(0,m.jsx)("col",{})}),(0,m.jsxs)(z,{children:[(0,m.jsx)(h,{children:(0,m.jsx)(i,{})}),(0,m.jsx)(h,{alt:!0,children:(0,m.jsx)(i,{})}),(0,m.jsx)(h,{children:(0,m.jsx)(i,{})}),(0,m.jsx)(h,{alt:!0,children:(0,m.jsx)(i,{})}),(0,m.jsx)(h,{children:(0,m.jsx)(i,{})})]})]}),(0,m.jsxs)(jo,{style:{width:o,height:r},children:[(0,m.jsxs)("colgroup",{children:[(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{})]}),(0,m.jsx)(z,{children:(0,m.jsxs)(h,{children:[(0,m.jsx)(i,{className:"k-nonwork-hour"}),(0,m.jsx)(i,{}),(0,m.jsx)(i,{}),(0,m.jsx)(i,{}),(0,m.jsx)(i,{}),(0,m.jsx)(i,{}),(0,m.jsx)(i,{className:"k-nonwork-hour"})]})})]}),(0,m.jsxs)(ta,{style:{width:o},children:[(0,m.jsx)("colgroup",{children:(0,m.jsx)("col",{})}),(0,m.jsxs)(z,{children:[(0,m.jsx)(h,{children:(0,m.jsx)(i,{children:(0,m.jsxs)(je,{type:"summary",style:{left:"113px"},children:[(0,m.jsx)(Ze,{type:"summary",ariaLevel:1,"aria-label":"Software validation, research and implementation",style:{width:"4000px"},children:(0,m.jsx)("div",{className:"k-task-summary-progress",style:{width:"1720px"},children:(0,m.jsx)("div",{className:"k-task-summary-complete",style:{width:"4000px"}})})}),(0,m.jsx)(xe,{}),(0,m.jsx)(xe,{position:"end",style:{right:"0px"}})]})})}),(0,m.jsx)(h,{children:(0,m.jsx)(i,{children:(0,m.jsxs)(je,{type:"milestone",style:{left:"113px"},children:[(0,m.jsx)(Ze,{type:"milestone",ariaLevel:2,"aria-label":"Project Kickoff"}),(0,m.jsx)(xe,{}),(0,m.jsx)(xe,{position:"end",style:{right:"0px"}})]})})}),(0,m.jsx)(h,{children:(0,m.jsx)(i,{children:(0,m.jsxs)(je,{type:"summary",style:{left:"113px"},children:[(0,m.jsx)(Ze,{type:"summary",ariaLevel:2,"aria-label":"Research",style:{width:"500px"},children:(0,m.jsx)("div",{className:"k-task-summary-progress",style:{width:"215px"},children:(0,m.jsx)("div",{className:"k-task-summary-complete",style:{width:"500px"}})})}),(0,m.jsx)(xe,{}),(0,m.jsx)(xe,{position:"end",style:{right:"0px"}})]})})}),(0,m.jsx)(h,{children:(0,m.jsx)(i,{children:(0,m.jsxs)(je,{style:{left:"113px"},children:[(0,m.jsxs)(Ze,{ariaLevel:3,"aria-label":"Validation with Customers",style:{width:"200px"},children:[(0,m.jsx)("div",{className:"k-task-complete","aria-hidden":"true",style:{width:"50px"}}),(0,m.jsx)(Ht,{content:"Validation with Customers"})]}),(0,m.jsx)(xe,{}),(0,m.jsx)(xe,{position:"end",style:{right:"0px"}}),(0,m.jsx)("div",{className:"k-task-draghandle","aria-hidden":"true",style:{left:"50px"}})]})})}),(0,m.jsx)(h,{children:(0,m.jsx)(i,{children:(0,m.jsxs)(je,{style:{left:"113px"},children:[(0,m.jsxs)(Ze,{ariaLevel:3,"aria-label":"Market Research",style:{width:"200px"},children:[(0,m.jsx)("div",{className:"k-task-complete","aria-hidden":"true",style:{width:"164px"}}),(0,m.jsx)(Ht,{content:"Market Research"})]}),(0,m.jsx)(xe,{}),(0,m.jsx)(xe,{position:"end",style:{right:"0px"}}),(0,m.jsx)("div",{className:"k-task-draghandle","aria-hidden":"true",style:{left:"164px"}})]})})})]})]})]}),n||(0,m.jsxs)("div",{className:"k-gantt-dependencies","aria-hidden":"true",style:{width:o},children:[(0,m.jsx)(Re,{style:{left:"124.5px",top:"53px",width:"10px"}}),(0,m.jsx)(Re,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),(0,m.jsx)(Re,{style:{left:"103px",top:"71px",width:"31.5px"}}),(0,m.jsx)(Re,{orientation:"vertical",style:{left:"103px",top:"71px",height:"54px"}}),(0,m.jsx)(Re,{style:{left:"103px",top:"125px",width:"9px"},children:(0,m.jsx)("span",{className:"k-arrow-e"})}),(0,m.jsx)(Re,{style:{left:"124.5px",top:"53px",width:"10px"}}),(0,m.jsx)(Re,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),(0,m.jsx)(Re,{style:{left:"103px",top:"71px",width:"31.5px"}}),(0,m.jsx)(Re,{orientation:"vertical",style:{left:"103px",top:"71px",height:"90px"}}),(0,m.jsx)(Re,{style:{left:"103px",top:"161px",width:"9px"},children:(0,m.jsx)("span",{className:"k-arrow-e"})}),(0,m.jsx)(Re,{style:{left:"313px",top:"125px",width:"10px"}}),(0,m.jsx)(Re,{orientation:"vertical",style:{left:"321px",top:"125px",height:"18px"}}),(0,m.jsx)(Re,{style:{left:"303px",top:"143px",width:"20px"}}),(0,m.jsx)(Re,{orientation:"vertical",style:{left:"303px",top:"143px",height:"18px"}})]}),(0,m.jsx)("div",{className:"k-current-time","aria-hidden":"true",style:{left:l,top:"0px",width:"1px",height:r}})]})]})},"gantt-timeline-pane")]})})});var Eb=require("react/jsx-runtime");var Ib=require("react/jsx-runtime"),dv={},cv=[],pv=[],mv={},uv=[],yr=()=>(0,Ib.jsx)(Ab,{flexBasis:"40%",gridContentHeight:"197px",style:{width:"90%",height:"367px"}});yr.options=dv;yr.states=cv;yr.variants=pv;yr.defaultOptions=mv;yr.modifiers=uv;yr.className=xt.className;var Vs="tooltip",Gb=Vs;var Oo=require("react/jsx-runtime"),Xs="k-tooltip",bv=[],Tv={themeColor:[S.undefined,S.base,S.inverse,S.info,S.success,S.warning,S.error]},Ob={closable:!1},ht=e=>{let{closable:t=Ob.closable,callout:o,themeColor:r,title:l,content:n,icon:c,id:b=B("tooltip"),...g}=e;return(0,Oo.jsxs)("div",{...g,className:a(e.className,Xs,E(Xs,{themeColor:r}),{"k-tooltip-closable":t}),role:"tooltip",id:b,children:[c&&(0,Oo.jsx)(p,{className:"k-tooltip-icon",icon:c}),(0,Oo.jsxs)("div",{className:"k-tooltip-content",children:[l&&(0,Oo.jsx)("div",{className:"k-tooltip-title",children:l}),n]}),t&&(0,Oo.jsx)("div",{className:"k-tooltip-button",role:"button","aria-label":"Close",tabIndex:0,children:(0,Oo.jsx)(p,{icon:"x"})}),o&&(0,Oo.jsx)("div",{className:a("k-callout",{[`k-callout-${js.calloutMap[o]||o}`]:o})})]})};ht.states=bv;ht.options=Tv;ht.className=Xs;ht.defaultOptions=Ob;ht.moduleName=Vs;ht.folderName=Gb;ht.ariaSpec={selector:".k-tooltip",implicitRole:"tooltip",rules:[{selector:".k-tooltip",attribute:"role=tooltip",usage:"Specifies the tooltip role of the tooltip container."},{selector:".k-tooltip",attribute:"id",usage:"The element needs an id to be associated with the aria-describedby attribute of the trigger element."},{selector:".k-tooltip .k-tooltip-button",attribute:"role=button",usage:"The close button needs an explicit button role."},{selector:".k-tooltip .k-tooltip-button",attribute:"aria-label",usage:"The close button needs an accessible name."}]};var Js=ht;var Pb=require("react/jsx-runtime"),Hb=e=>(0,Pb.jsx)(Js,{content:"Tooltip Content",...e});var fv=require("react/jsx-runtime");var Mr=require("react/jsx-runtime"),gv={...ht.options,closable:{type:"boolean"},callout:["none","top","bottom","left","right"]},hv=ht.states,_b={...ht.defaultOptions,callout:"top"},xv=[],Sr=e=>{let{callout:t="top",...o}={..._b,...e},r={none:{top:"-33px",left:"-17px",calloutDirection:null},right:{top:"2px",left:"61px",calloutDirection:"left"},left:{top:"2px",left:"-94px",calloutDirection:"right"},bottom:{top:"38px",left:"-17px",calloutDirection:"top"},top:{top:"-33px",left:"-17px",calloutDirection:"bottom"}},{top:l,left:n,calloutDirection:c}=r[t]||{};return(0,Mr.jsxs)("div",{style:{position:"absolute"},children:[(0,Mr.jsx)(Ft,{style:{top:l,left:n},children:(0,Mr.jsx)(Hb,{style:{width:"86px",textAlign:"center"},callout:c,content:"Content",...o})}),(0,Mr.jsx)(u,{text:"Show"})]})};Sr.options=gv;Sr.states=hv;Sr.variants=xv;Sr.defaultOptions=_b;Sr.modifiers=[];Sr.className=ht.className;var f=require("react/jsx-runtime"),kv=({flexBasis:e="30%",gridContentHeight:t="180px",tablesWidth:o="675px",tablesHeight:r="828px",...l})=>(0,f.jsx)(xt,{headerToolbar:(0,f.jsxs)(Xo,{"aria-label":"Toolbar",children:[(0,f.jsx)(u,{className:"k-gantt-toggle",icon:"layout-1-by-4","aria-label":"Toggle TreeList"}),(0,f.jsx)(u,{className:"k-gantt-create",icon:"plus",children:"Add Task"}),(0,f.jsx)("span",{className:"k-spacer"}),(0,f.jsxs)("div",{className:"k-gantt-views-wrapper",children:[(0,f.jsxs)("select",{className:"k-picker k-dropdown-list k-dropdown k-views-dropdown","aria-label":"Select view",children:[(0,f.jsx)("option",{value:"day",children:"Day"}),(0,f.jsx)("option",{value:"week",children:"Week"}),(0,f.jsx)("option",{value:"month",children:"Month"})]}),(0,f.jsxs)(q,{className:"k-gantt-views",children:[(0,f.jsx)(u,{className:"k-view-day k-group-start",children:"Day"}),(0,f.jsx)(u,{className:"k-view-week",selected:!0,children:"Week"}),(0,f.jsx)(u,{className:"k-view-month k-group-end",children:"Month"})]})]})]}),...l,children:(0,f.jsx)(Jo,{children:l.children||(0,f.jsx)(De,{className:"k-gantt-splitter",panes:[(0,f.jsx)(Ke,{className:"k-gantt-treelist",flexBasis:e,children:(0,f.jsxs)(ue,{_renderAriaRoot:!0,children:[(0,f.jsx)(F,{children:(0,f.jsx)("div",{className:"k-grid-header-wrap",children:(0,f.jsxs)($,{style:{minWidth:"250px"},children:[(0,f.jsxs)("colgroup",{children:[(0,f.jsx)("col",{style:{width:"50px"}}),(0,f.jsx)("col",{})]}),(0,f.jsx)(W,{children:(0,f.jsxs)(h,{children:[(0,f.jsx)(M,{rowspan:1,columnTitle:"ID"}),(0,f.jsx)(M,{rowspan:1,columnTitle:"Title"})]})})]})})}),(0,f.jsx)(Q,{children:(0,f.jsx)(V,{style:{height:t},children:(0,f.jsxs)(J,{style:{minWidth:"250px"},children:[(0,f.jsxs)("colgroup",{children:[(0,f.jsx)("col",{style:{width:"50px"}}),(0,f.jsx)("col",{})]}),(0,f.jsxs)(z,{children:[(0,f.jsxs)(h,{children:[(0,f.jsx)(i,{children:"7"}),(0,f.jsxs)(i,{children:[(0,f.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Software validation"]})]}),(0,f.jsxs)(h,{alt:!0,children:[(0,f.jsx)(i,{children:"11"}),(0,f.jsxs)(i,{children:[(0,f.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,f.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),"Validation with Customers"]})]}),(0,f.jsxs)(h,{children:[(0,f.jsx)(i,{children:"12"}),(0,f.jsxs)(i,{children:[(0,f.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,f.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),"Market Research"]})]})]})]})})})]})},"gantt-treelist-pane"),(0,f.jsx)(Ke,{className:"k-gantt-timeline-pane",children:(0,f.jsxs)(Y,{className:"k-gantt-timeline",children:[(0,f.jsx)(F,{children:(0,f.jsx)("div",{className:"k-grid-header-wrap",children:(0,f.jsxs)($,{style:{width:o},children:[(0,f.jsxs)("colgroup",{children:[(0,f.jsx)("col",{}),(0,f.jsx)("col",{}),(0,f.jsx)("col",{}),(0,f.jsx)("col",{}),(0,f.jsx)("col",{}),(0,f.jsx)("col",{}),(0,f.jsx)("col",{})]}),(0,f.jsxs)(z,{children:[(0,f.jsx)(h,{children:(0,f.jsx)(i,{className:"k-header",colspan:7,children:"Sun 6/01 - Sat 6/07"})}),(0,f.jsxs)(h,{children:[(0,f.jsx)(i,{colspan:1,className:"k-header k-nonwork-hour",children:"Sun 6/01"}),(0,f.jsx)(i,{className:"k-header",colspan:1,children:"Mon 6/02"}),(0,f.jsx)(i,{className:"k-header",colspan:1,children:"Tue 6/03"}),(0,f.jsx)(i,{className:"k-header",colspan:1,children:"Wed 6/04"}),(0,f.jsx)(i,{className:"k-header",colspan:1,children:"Thu 6/05"}),(0,f.jsx)(i,{className:"k-header",colspan:1,children:"Fri 6/06"}),(0,f.jsx)(i,{colspan:1,className:"k-header k-nonwork-hour",children:"Sat 6/07"})]})]})]})})}),(0,f.jsxs)(V,{style:{height:t},role:"tree",children:[(0,f.jsxs)(qo,{children:[(0,f.jsxs)(ea,{className:"k-grid-table",style:{width:o},children:[(0,f.jsx)("colgroup",{children:(0,f.jsx)("col",{})}),(0,f.jsxs)(z,{children:[(0,f.jsx)(h,{children:(0,f.jsx)(i,{})}),(0,f.jsx)(h,{alt:!0,children:(0,f.jsx)(i,{})}),(0,f.jsx)(h,{children:(0,f.jsx)(i,{})})]})]}),(0,f.jsxs)(jo,{style:{width:o,height:r},children:[(0,f.jsxs)("colgroup",{children:[(0,f.jsx)("col",{}),(0,f.jsx)("col",{}),(0,f.jsx)("col",{}),(0,f.jsx)("col",{}),(0,f.jsx)("col",{}),(0,f.jsx)("col",{}),(0,f.jsx)("col",{})]}),(0,f.jsx)(z,{children:(0,f.jsxs)(h,{children:[(0,f.jsx)(i,{className:"k-nonwork-hour"}),(0,f.jsx)(i,{}),(0,f.jsx)(i,{}),(0,f.jsx)(i,{}),(0,f.jsx)(i,{}),(0,f.jsx)(i,{}),(0,f.jsx)(i,{className:"k-nonwork-hour"})]})})]}),(0,f.jsxs)(ta,{style:{width:o},children:[(0,f.jsx)("colgroup",{children:(0,f.jsx)("col",{})}),(0,f.jsxs)(z,{children:[(0,f.jsx)(h,{children:(0,f.jsx)(i,{children:(0,f.jsxs)(je,{type:"summary",style:{left:"113px"},children:[(0,f.jsx)(Ze,{type:"summary",ariaLevel:1,"aria-label":"Software validation",style:{width:"500px"},children:(0,f.jsx)("div",{className:"k-task-summary-progress",style:{width:"215px"},children:(0,f.jsx)("div",{className:"k-task-summary-complete",style:{width:"500px"}})})}),(0,f.jsx)(xe,{}),(0,f.jsx)(xe,{position:"end",style:{right:"0px"}})]})})}),(0,f.jsx)(h,{children:(0,f.jsx)(i,{children:(0,f.jsxs)(je,{style:{left:"113px"},children:[(0,f.jsxs)(Ze,{ariaLevel:2,"aria-label":"Validation with Customers","aria-describedby":"gantt-task-tooltip",style:{width:"200px"},children:[(0,f.jsx)("div",{className:"k-task-complete","aria-hidden":"true",style:{width:"50px"}}),(0,f.jsx)(Ht,{content:"Validation with Customers"})]}),(0,f.jsx)(xe,{}),(0,f.jsx)(xe,{position:"end",style:{right:"0px"}}),(0,f.jsx)("div",{className:"k-task-draghandle","aria-hidden":"true",style:{left:"50px"}})]})})}),(0,f.jsx)(h,{children:(0,f.jsx)(i,{children:(0,f.jsxs)(je,{style:{left:"113px"},children:[(0,f.jsxs)(Ze,{ariaLevel:2,"aria-label":"Market Research",style:{width:"200px"},children:[(0,f.jsx)("div",{className:"k-task-complete","aria-hidden":"true",style:{width:"164px"}}),(0,f.jsx)(Ht,{content:"Market Research"})]}),(0,f.jsx)(xe,{}),(0,f.jsx)(xe,{position:"end",style:{right:"0px"}}),(0,f.jsx)("div",{className:"k-task-draghandle","aria-hidden":"true",style:{left:"164px"}})]})})})]})]})]}),(0,f.jsx)(ht,{id:"gantt-task-tooltip",callout:"bottom",style:{position:"absolute",top:"20px",left:"150px"},title:"Validation with Customers",content:(0,f.jsxs)(f.Fragment,{children:["25%",(0,f.jsx)("br",{}),"Start: 03:00 AM Mon, Jun 2",(0,f.jsx)("br",{}),"End: 03:00 AM Wed, Jun 4"]})})]})]})},"gantt-timeline-pane")]})})});
+var oT=Object.create;var bl=Object.defineProperty;var aT=Object.getOwnPropertyDescriptor;var rT=Object.getOwnPropertyNames;var lT=Object.getPrototypeOf,iT=Object.prototype.hasOwnProperty;var nT=(e,t)=>{for(var o in t)bl(e,o,{get:t[o],enumerable:!0})},cd=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let l of rT(t))!iT.call(e,l)&&l!==o&&bl(e,l,{get:()=>t[l],enumerable:!(r=aT(t,l))||r.enumerable});return e};var pd=(e,t,o)=>(o=e!=null?oT(lT(e)):{},cd(t||!e||!e.__esModule?bl(o,"default",{value:e,enumerable:!0}):o,e)),sT=e=>cd(bl({},"__esModule",{value:!0}),e);var Fv={};nT(Fv,{GanttWithTooltip:()=>Uv});module.exports=sT(Fv);var a=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?a(...t):typeof t=="object"?Object.keys(t).map((o,r)=>t[r]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var A=(e,t)=>a({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),I=(e,t)=>{let{valid:o,invalid:r,hover:l,focus:n,checked:c,active:b,selected:g,disabled:N,indeterminate:L,loading:y,empty:x,readonly:R,highlighted:E,...K}=t;return a({"k-valid":o,"k-invalid":r,"k-hover":l,"k-focus":n,"k-checked":c,"k-active":b,"k-selected":g,"k-disabled":N,"k-indeterminate":L&&!c,"k-loading":y,"k-empty":x,"k-readonly":R,"k-highlighted":E},Object.keys(K).reduce((X,U)=>(U.startsWith("k-")?X[U]=K[U]:X[`k-${U}`]=K[U],X),{}))};function md(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(r=>[`k-${r}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},w={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},v={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},S={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",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"},ud={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var ci={};function B(e){return ci[e]=(ci[e]||0)+1,`k-${e}-${ci[e]}`}var Te="gantt",ge=Te;var Td=require("react/jsx-runtime"),bd="k-gantt",dT=[],cT={},pT={},Nt=e=>{let{headerToolbar:t,footerToolbar:o,...r}=e;return(0,Td.jsxs)("div",{...r,className:a(e.className,bd),role:"application","aria-roledescription":"Gantt Chart",children:[t,e.children,o]})};Nt.states=dT;Nt.options=cT;Nt.className=bd;Nt.defaultOptions=pT;Nt.moduleName=Te;Nt.folderName=ge;Nt.ariaSpec={selector:".k-gantt",rules:[{selector:".k-gantt",attribute:"role=application",usage:"The Gantt uses role=application to indicate a complex interactive widget."},{selector:".k-gantt",attribute:"aria-roledescription",usage:"Provides a human-readable description of the component role."},{selector:".k-gantt-toolbar",attribute:"role=toolbar",usage:"The toolbar is a collection of command buttons and inputs."},{selector:".k-gantt-toolbar",attribute:"aria-label",usage:"Clarifies the purpose of the toolbar."},{selector:".k-gantt-toggle",attribute:"aria-label",usage:"Icon-only toggle button must have accessible text."},{selector:"select.k-views-dropdown",attribute:"aria-label",usage:"The view selector dropdown must have an accessible name."},{selector:".k-gantt-timeline .k-grid-content",attribute:"role=tree",usage:"The timeline content area is a tree structure."},{selector:".k-gantt-timeline .k-gantt-rows",attribute:"role=presentation",usage:"The rows grid is presentational."},{selector:".k-gantt-timeline .k-gantt-columns",attribute:"role=presentation",usage:"The columns grid is presentational."},{selector:".k-gantt-timeline .k-gantt-tasks",attribute:"role=presentation",usage:"The tasks table is presentational."},{selector:".k-gantt-timeline .k-task",attribute:"role=treeitem",usage:"Each task in the timeline is a tree item."},{selector:".k-gantt-timeline .k-task",attribute:"aria-level (when present)",usage:"Specifies the nesting level of the task."},{selector:".k-gantt-timeline .k-task",attribute:"aria-describedby (when present)",usage:"References the tooltip providing task details (when visible)."},{selector:".k-gantt-timeline .k-task .k-task-complete",attribute:"aria-hidden=true",usage:"The progress indicator is decorative."},{selector:".k-gantt-timeline .k-task .k-task-actions",attribute:"aria-hidden=true",usage:"Task action buttons are hidden from the accessibility tree."},{selector:".k-gantt-dependencies",attribute:"aria-hidden=true",usage:"Dependency lines are decorative."},{selector:".k-current-time",attribute:"aria-hidden=true",usage:"The current time marker is decorative."},{selector:".k-task-dot",attribute:"aria-hidden=true",usage:"Task connection dots are decorative."},{selector:".k-gantt-line",attribute:"aria-hidden=true",usage:"Dependency connector lines are decorative."},{selector:".k-task-draghandle",attribute:"aria-hidden=true",usage:"The progress drag handle is decorative."},{selector:".k-resize-handle",attribute:"aria-hidden=true",usage:"Resize handles are decorative."},{selector:".k-drag-cell",attribute:"aria-label",usage:"Drag cells must have an accessible name."}]};var Er=require("react/jsx-runtime"),pi="k-font-icon",mT=[],uT={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info]},bT={},Ir=e=>{let{size:t,themeColor:o,icon:r,rotate:l,flip:n,...c}=e;return r?(0,Er.jsx)("span",{...c,className:a(e.className,pi,A(pi,{size:t}),{[`k-i-${r}`]:r,[`k-color-${o}`]:o,[`k-rotate-${l}`]:l,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true"}):(0,Er.jsx)(Er.Fragment,{})};Ir.states=mT;Ir.options=uT;Ir.className=pi;Ir.defaultOptions=bT;var fd=Ir;var da=require("react/jsx-runtime"),mi="k-svg-icon",TT=[],fT={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info]},gd={viewBox:"0 0 24 24"},Gr=e=>{let{size:t,themeColor:o,rotate:r,flip:l,viewBox:n=gd.viewBox,icon:c,...b}=e;if(!c)return(0,da.jsx)(da.Fragment,{});if(c==="none")return(0,da.jsx)("span",{...b,className:a(e.className,mi,A("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let g=typeof c=="object"&&c.name&&c.name;return(0,da.jsx)("span",{...b,className:a(e.className,mi,A("k-icon",{size:t}),{[`k-svg-i-${g}`]:g,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true",children:(0,da.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:n,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};Gr.states=TT;Gr.options=fT;Gr.className=mi;Gr.defaultOptions=gd;var ui=Gr;var bi=pd(require("@progress/kendo-svg-icons"));var hd="icon",xd="icons";var wd=require("react");var Nd=require("react"),kd=(0,Nd.createContext)({iconsType:"svg"});var go=require("react/jsx-runtime"),Tl="k-icon",gT=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),hT=[],xT={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info]},Ti={viewBox:"0 0 24 24",type:"svg"},p=e=>{let{iconsType:t}=(0,wd.useContext)(kd),{size:o,themeColor:r,icon:l,type:n=t||Ti.type,rotate:c,flip:b,viewBox:g=Ti.viewBox,...N}=e;if(!l)return(0,go.jsx)(go.Fragment,{});if((t||n)==="svg"){if(l==="none")return(0,go.jsx)(ui,{...N,className:a(e.className,Tl),icon:l,size:o});let y=bi[l]?l:gT(`${l}-icon`);return bi[y]?(0,go.jsx)(ui,{...N,className:a(e.className,Tl),icon:bi[y],size:o,themeColor:r,rotate:c,flip:b,viewBox:g}):(0,go.jsx)(go.Fragment,{})}return(0,go.jsx)(fd,{...N,className:a(e.className,Tl),icon:l,size:o,themeColor:r,rotate:c,flip:b})};p.states=hT;p.options=xT;p.defaultOptions=Ti;p.className=Tl;p.moduleName=hd;p.folderName=xd;p.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 fi="button",vd=fi;var Zt=require("react/jsx-runtime"),Or="k-button",NT=["icon-button"],kT=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],wT={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[w.undefined,w.none,w.small,w.medium,w.large,w.full],fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info,S.inverse]},gi={showArrow:!1,arrowIconName:"caret-alt-down"},u=e=>{let{as:t="button",size:o,rounded:r,fillMode:l,themeColor:n,showArrow:c=gi.showArrow,arrowIconName:b=gi.arrowIconName,variant:g,hover:N,focus:L,active:y,selected:x,disabled:R,togglable:E,ariaDisabled:K,icon:X,text:U,iconClassName:te,className:ve,...be}=e,st=X!==void 0,dt=e.children!==void 0;return(0,Zt.jsxs)(t,{className:a(ve,Or,md(Or,g),A(Or,{size:o,rounded:r,fillMode:l,themeColor:n}),I(Or,{hover:N,focus:L,active:y,disabled:R||K,selected:x}),{"k-icon-button":!U&&!dt&&st}),...be,"aria-pressed":E?x?"true":"false":void 0,"aria-disabled":K?"true":void 0,disabled:R||void 0,children:[X&&(0,Zt.jsx)(p,{className:a(te,"k-button-icon"),icon:X}),U?(0,Zt.jsxs)(Zt.Fragment,{children:[U&&(0,Zt.jsx)("span",{className:"k-button-text",children:U}),e.children]}):e.children&&(0,Zt.jsx)("span",{className:"k-button-text",children:e.children}),c&&(0,Zt.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,Zt.jsx)(p,{icon:b})})]})};u.states=kT;u.options=wT;u.variants=NT;u.className=Or;u.defaultOptions=gi;u.moduleName=fi;u.folderName=vd;u.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};var Cd=require("react/jsx-runtime"),Ko=e=>(0,Cd.jsx)(u,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var Ld=require("react/jsx-runtime"),Hr=e=>(0,Ld.jsx)(u,{icon:"folder",children:"Button",...e});var yd=require("react/jsx-runtime"),ca=e=>(0,yd.jsx)(u,{children:"Button",...e});var fl=require("react/jsx-runtime"),vT=u.options,CT=u.states,LT={...u.defaultOptions,variant:"text"},yT=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],MT=[],ya=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,fl.jsx)(Ko,{...o,icon:"star"});case"icon-and-text":return(0,fl.jsx)(Hr,{...o,icon:"star",children:"Button"});default:return(0,fl.jsx)(ca,{...o,children:"Button"})}};ya.options=vT;ya.states=CT;ya.variants=yT;ya.defaultOptions=LT;ya.modifiers=MT;ya.className=u.className;var hi="button",Md=hi;var Sd=require("react/jsx-runtime"),Pr="k-button-group",ST=[s.disabled],RT={fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link]},AT={},j=e=>{let{fillMode:t,disabled:o,stretched:r,...l}=e;return(0,Sd.jsx)("div",{role:"group",...l,className:a(e.className,Pr,A(Pr,{fillMode:t}),I(Pr,{disabled:o}),{[`${Pr}-stretched`]:r}),...o&&{"aria-disabled":"true"},children:e.children})};j.states=ST;j.options=RT;j.className=Pr;j.defaultOptions=AT;j.moduleName=hi;j.folderName=Md;j.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."}]};var xi=require("react/jsx-runtime");var Ni=require("react/jsx-runtime");var ki=require("react/jsx-runtime");var wi=require("react/jsx-runtime");var vi=require("react/jsx-runtime");var Ci=require("react/jsx-runtime");var kt=require("react/jsx-runtime"),ET={...u.options,...j.options},IT=u.states,GT={...u.defaultOptions,...j.defaultOptions,variant:"text-button"},OT=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],HT=[],Ma=e=>{let{variant:t,className:o,...r}=e;return t==="icon-button"?(0,kt.jsxs)(j,{fillMode:r.fillMode,className:o,children:[(0,kt.jsx)(u,{...r,icon:"star"}),(0,kt.jsx)(u,{...r,icon:"star"}),(0,kt.jsx)(u,{...r,icon:"star"})]}):t==="icon-text-button"?(0,kt.jsxs)(j,{fillMode:r.fillMode,className:o,children:[(0,kt.jsx)(u,{...r,icon:"star",children:"First"}),(0,kt.jsx)(u,{...r,icon:"star",children:"Middle"}),(0,kt.jsx)(u,{...r,icon:"star",children:"Last"})]}):(0,kt.jsxs)(j,{fillMode:r.fillMode,className:o,children:[(0,kt.jsx)(u,{...r,children:"First"}),(0,kt.jsx)(u,{...r,children:"Middle"}),(0,kt.jsx)(u,{...r,children:"Last"})]})};Ma.options=ET;Ma.states=IT;Ma.variants=OT;Ma.defaultOptions=GT;Ma.modifiers=HT;Ma.className=j.className;var _r="input",gl=_r;var Rd=require("react/jsx-runtime"),hl="k-input",PT=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],_T={size:[d.undefined,d.small,d.medium,d.large],rounded:[w.undefined,w.none,w.small,w.medium,w.large,w.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},KT={},He=e=>{let{hover:t,focus:o,disabled:r,invalid:l,valid:n,loading:c,readonly:b,size:g,rounded:N,fillMode:L,...y}=e;return(0,Rd.jsx)("span",{...y,className:a(e.className,hl,A(hl,{size:g,rounded:N,fillMode:L}),I(hl,{hover:t,focus:o,disabled:r,invalid:l,valid:n,loading:c,readonly:b}))})};He.states=PT;He.options=_T;He.className=hl;He.defaultOptions=KT;He.moduleName=_r;He.folderName=gl;var Ad=require("react/jsx-runtime"),xl="k-picker",DT=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],BT={size:[d.undefined,d.small,d.medium,d.large],rounded:[w.undefined,w.none,w.small,w.medium,w.large,w.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},zT={},io=e=>{let{hover:t,focus:o,disabled:r,invalid:l,valid:n,loading:c,readonly:b,size:g,rounded:N,fillMode:L,...y}=e;return(0,Ad.jsx)("span",{...y,className:a(e.className,xl,A(xl,{size:g,rounded:N,fillMode:L}),I(xl,{hover:t,focus:o,disabled:r,invalid:l,valid:n,loading:c,readonly:b})),children:e.children})};io.states=DT;io.options=BT;io.className=xl;io.defaultOptions=zT;io.moduleName=_r;io.folderName=gl;var Sa=require("react/jsx-runtime"),Ed="k-clear-value",UT=[s.disabled,s.loading,s.readonly],FT={},Rt=e=>{let{disabled:t,loading:o,readonly:r,value:l}=e;return t||r||o||!l?(0,Sa.jsx)(Sa.Fragment,{}):(0,Sa.jsx)("span",{className:a(e.className,Ed),children:(0,Sa.jsx)(p,{icon:"x"})})};Rt.states=UT;Rt.options=FT;Rt.className=Ed;var Id=require("react/jsx-runtime"),Li="k-input-inner",$T=[],WT={},Nl={type:"text",autocomplete:"off",value:"",placeholder:""},At=e=>{let{value:t=Nl.value,type:o=Nl.type,placeholder:r=Nl.placeholder,autocomplete:l=Nl.autocomplete,disabled:n,readOnly:c,...b}=e;return(0,Id.jsx)("input",{...b,type:o,className:a(e.className,Li,A(Li,e)),placeholder:r,autoComplete:l,defaultValue:t,disabled:n||void 0,readOnly:c||void 0})};At.states=$T;At.options=WT;At.className=Li;var Kr=require("react/jsx-runtime"),yi="k-input-inner",VT=[],XT={},pa=e=>{let{value:t,placeholder:o,showValue:r,valueIcon:l,valueIconName:n,...c}=e;return(0,Kr.jsxs)("span",{...c,className:a(e.className,yi,A(yi,e)),children:[l,!l&&n&&(0,Kr.jsx)(p,{className:"k-input-value-icon",icon:n}),r&&!t&&o,r&&t&&(0,Kr.jsx)("span",{className:"k-input-value-text",children:t})]})};pa.states=VT;pa.options=XT;pa.className=yi;var Od=require("react/jsx-runtime"),Mi="k-input-inner",JT=[],qT={},Gd={value:"",placeholder:""},Si=e=>{let{value:t=Gd.value,placeholder:o=Gd.placeholder,rows:r,disabled:l,...n}=e;return(0,Od.jsx)("textarea",{...n,className:a(e.className,Mi,A(Mi,e)),placeholder:o,rows:r,defaultValue:t,disabled:l||void 0})};Si.states=JT;Si.options=qT;Si.className=Mi;var Dr=require("react/jsx-runtime"),Hd="k-input-loading-icon",YT=[s.disabled,s.loading],wt=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,Dr.jsx)(Dr.Fragment,{}):(0,Dr.jsx)("span",{className:a(e.className,Hd,"k-icon k-i-loading")})};wt.states=YT;wt.className=Hd;var Br=require("react/jsx-runtime"),Pd="k-input-validation-icon",QT=[s.valid,s.invalid,s.disabled,s.loading],ZT={},ct=e=>{let{valid:t,invalid:o,disabled:r,loading:l}=e,n=o?"warning-circle":"check-circle";return r||l||!!!(t||o)?(0,Br.jsx)(Br.Fragment,{}):(0,Br.jsx)(p,{className:a(Pd),icon:n})};ct.states=QT;ct.options=ZT;ct.className=Pd;var zr=require("react/jsx-runtime"),jT="k-input-prefix",ef={direction:"horizontal"},zt=e=>{let{direction:t=ef.direction,...o}=e;return e.children?(0,zr.jsx)("span",{...o,className:a(jT,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,zr.jsx)(zr.Fragment,{})};var Ur=require("react/jsx-runtime"),tf="k-input-suffix",of={direction:"horizontal"},Ut=e=>{let{direction:t=of.direction,...o}=e;return e.children?(0,Ur.jsx)("span",{...o,className:a(tf,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,Ur.jsx)(Ur.Fragment,{})};var af=require("react/jsx-runtime");var _d=require("react/jsx-runtime"),rf="k-input-suffix-text",Ri=e=>{let{children:t,...o}=e;return(0,_d.jsx)("span",{...o,className:a(rf,e.className),children:t})};var Dd=require("react/jsx-runtime"),Kd="k-input-separator",lf={direction:"vertical"},Ft=e=>{let{direction:t=lf.direction,...o}=e;return(0,Dd.jsx)("span",{...o,className:a(Kd,e.className,{[`${Kd}-${t}`]:t})})};var Ue=require("react/jsx-runtime"),nf=He.states,sf=He.defaultOptions,df=He.options,cf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],pf=[],Ra=e=>{let{modifiers:t,valid:o,invalid:r,loading:l,disabled:n,readonly:c,...b}=e,g=t==null?void 0:t.prefix,N=t==null?void 0:t.suffix,L=t==null?void 0:t["clear-button"],y=t==null?void 0:t["validation-icon"],x=t==null?void 0:t.separators;return(0,Ue.jsxs)(He,{...b,valid:o,invalid:r,loading:l,disabled:n,readonly:c,style:{width:300},children:[g&&(0,Ue.jsxs)(Ue.Fragment,{children:[(0,Ue.jsx)(zt,{children:(0,Ue.jsx)(p,{icon:"lock"})}),x&&(0,Ue.jsx)(Ft,{})]}),(0,Ue.jsx)(At,{placeholder:"Placeholder",value:"Value"}),y&&(0,Ue.jsx)(ct,{valid:o,invalid:r,loading:l,disabled:n}),(0,Ue.jsx)(wt,{loading:l,disabled:n}),L&&(0,Ue.jsx)(Rt,{loading:l,disabled:n,readonly:c,value:"Value"}),N&&(0,Ue.jsxs)(Ue.Fragment,{children:[x&&(0,Ue.jsx)(Ft,{}),(0,Ue.jsx)(Ut,{children:(0,Ue.jsx)(ca,{size:b.size,fillMode:"clear",children:"Send"})})]})]})};Ra.options=df;Ra.states=nf;Ra.variants=pf;Ra.defaultOptions=sf;Ra.modifiers=cf;Ra.className=He.className;var Fr=require("react/jsx-runtime"),Bd="k-color-preview",mf=[],uf={},Do=e=>{let{color:t,iconName:o,...r}=e;return(0,Fr.jsxs)("span",{...r,className:a(e.className,Bd,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,Fr.jsx)(p,{icon:o,className:"k-color-preview-icon"}),(0,Fr.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Do.states=mf;Do.options=uf;Do.className=Bd;var Ai="popup",zd=Ai;var Ei=require("react/jsx-runtime"),Ud="k-animation-container",bf=[],Tf={},Fd={positionMode:"absolute"},$t=e=>{let{positionMode:t=Fd.positionMode,animationStyle:o,offset:r,...l}=e;return(0,Ei.jsx)("div",{...l,style:{...r,...e.style},className:a(e.className,Ud,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,Ei.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};$t.states=bf;$t.options=Tf;$t.className=Ud;$t.defaultOptions=Fd;$t.moduleName=Ai;$t.folderName=zd;var Ii="popup",$d=Ii;var Gi=require("react/jsx-runtime"),Wd="k-popup",ff=[],gf={},Vd={positionMode:"absolute"},se=e=>{let{offset:t,positionMode:o=Vd.positionMode,animationStyle:r,containerClassName:l,containerRole:n,containerAriaLabel:c,...b}=e;return(0,Gi.jsx)($t,{positionMode:o,offset:t,animationStyle:r,className:l,role:n,"aria-label":c,children:(0,Gi.jsx)("div",{...b,className:a(e.className,Wd),children:e.children})})};se.states=ff;se.options=gf;se.className=Wd;se.defaultOptions=Vd;se.moduleName=Ii;se.folderName=$d;se.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 Oi="action-buttons",Xd=Oi;var Jd=require("react/jsx-runtime"),kl="k-actions",hf=[],xf={},Hi={alignment:"start",orientation:"horizontal"},Wt=e=>{let{alignment:t=Hi.alignment,orientation:o=Hi.orientation,...r}=e;return(0,Jd.jsx)("div",{...r,className:a(kl,{[`${kl}-${t}`]:t,[`${kl}-${o}`]:o},e.className),children:e.children})};Wt.states=hf;Wt.options=xf;Wt.className=kl;Wt.defaultOptions=Hi;Wt.moduleName=Oi;Wt.folderName=Xd;var Yd=require("react/jsx-runtime"),Nf="k-actionsheet-footer",qd={alignment:"stretched",orientation:"horizontal"},Bo=e=>{let{alignment:t=qd.alignment,orientation:o=qd.orientation,template:r,as:l=r?"div":Wt,...n}=e;return(0,Yd.jsx)(l,{...n,...!r&&{alignment:t,orientation:o},className:a(e.className,Nf),children:e.children})};var Pi="searchbox",Qd=Pi;var zo=require("react/jsx-runtime"),Zd="k-searchbox",kf=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],wf={size:[d.undefined,d.small,d.medium,d.large],rounded:[w.undefined,w.none,w.small,w.medium,w.large,w.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},_i={showIcon:!0,icon:"search"},Et=e=>{let{value:t,placeholder:o,size:r,rounded:l,fillMode:n,hover:c,focus:b,valid:g,invalid:N,required:L,loading:y,disabled:x,showIcon:R=_i.showIcon,icon:E=_i.icon,"aria-label":K,...X}=e;return(0,zo.jsxs)(He,{...X,size:r,rounded:l,fillMode:n,hover:c,focus:b,valid:g,invalid:N,required:L,loading:y,disabled:x,className:a(e.className,Zd),children:[R&&(0,zo.jsx)(p,{className:"k-input-icon",icon:E}),(0,zo.jsx)(At,{placeholder:o,value:t,"aria-label":K}),(0,zo.jsx)(wt,{...e}),(0,zo.jsx)(ct,{...e}),(0,zo.jsx)(Rt,{...e})]})};Et.states=kf;Et.options=wf;Et.className=Zd;Et.defaultOptions=_i;Et.moduleName=Pi;Et.folderName=Qd;var vf=require("react/jsx-runtime");var Ki="textbox",jd=Ki;var tt=require("react/jsx-runtime"),ec="k-textbox",Cf=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Lf={size:[d.undefined,d.small,d.medium,d.large],rounded:[w.undefined,w.none,w.small,w.medium,w.large,w.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},wl={showClearButton:!0,showValidationIcon:!0,separators:!0},fe=e=>{let{size:t,rounded:o,fillMode:r,separators:l=wl.separators,showClearButton:n=wl.showClearButton,showValidationIcon:c=wl.showValidationIcon,prefix:b,suffix:g,type:N,value:L,placeholder:y,hover:x,focus:R,valid:E,invalid:K,required:X,loading:U,disabled:te,readonly:ve,id:be,"aria-label":st,"aria-describedby":dt,...St}=e;return(0,tt.jsxs)(He,{...St,size:t,rounded:o,fillMode:r,hover:x,focus:R,valid:E,invalid:K,required:X,loading:U,disabled:te,readonly:ve,className:a(e.className,ec),children:[b&&(0,tt.jsxs)(tt.Fragment,{children:[(0,tt.jsx)(zt,{children:b}),l&&(0,tt.jsx)(Ft,{})]}),(0,tt.jsx)(At,{id:be,placeholder:y,value:L,type:N,disabled:te,"aria-label":st,"aria-describedby":dt,"aria-invalid":K?"true":void 0}),c&&(0,tt.jsx)(ct,{valid:E,invalid:K,loading:U,disabled:te}),(0,tt.jsx)(wt,{loading:U,disabled:te}),n&&(0,tt.jsx)(Rt,{loading:U,disabled:te,readonly:ve,value:L}),g&&(0,tt.jsxs)(tt.Fragment,{children:[l&&(0,tt.jsx)(Ft,{}),(0,tt.jsx)(Ut,{children:g})]})]})};fe.states=Cf;fe.options=Lf;fe.className=ec;fe.defaultOptions=wl;fe.moduleName=Ki;fe.folderName=jd;fe.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 $r=fe;var oc=require("react/jsx-runtime"),tc=e=>(0,oc.jsx)($r,{...e});var ac=require("react/jsx-runtime");var rc=require("react/jsx-runtime");var yf=require("react/jsx-runtime");var vl=require("react/jsx-runtime"),Mf=fe.states,Sf=fe.defaultOptions,Rf=fe.options,Af=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Ef=[],Aa=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":r.prefix=t!=null&&t[l]?(0,vl.jsx)(p,{icon:"lock"}):void 0;break;case"suffix":r.suffix=t!=null&&t[l]?(0,vl.jsx)(ca,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":r.showClearButton=t==null?void 0:t[l];break;default:break}}),(0,vl.jsx)(tc,{value:"Value",style:{width:300},...o,...r})};Aa.options=Rf;Aa.states=Mf;Aa.variants=Ef;Aa.defaultOptions=Sf;Aa.modifiers=Af;Aa.className=fe.className;var It=require("react/jsx-runtime"),lc="k-actionsheet-titlebar",If={},pt=e=>{let{title:t,subtitle:o,actionsStart:r,actionsEnd:l,filter:n,input:c,inputValue:b,inputPlaceholder:g,adaptive:N,titleId:L,children:y,...x}=e;return(0,It.jsxs)("div",{...x,className:a(e.className,lc),children:[(0,It.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[r&&(0,It.jsx)("div",{className:"k-actionsheet-actions",children:r}),!y&&(0,It.jsxs)("div",{className:"k-actionsheet-title",id:L,children:[t&&(0,It.jsx)("div",{className:"k-text-center",children:t}),o&&(0,It.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),y&&(0,It.jsx)("div",{className:"k-actionsheet-title",id:L,children:y}),l&&(0,It.jsx)("div",{className:"k-actionsheet-actions",children:l})]}),(c||n)&&(0,It.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?(0,It.jsx)(fe,{value:b,placeholder:g,size:N?"large":"medium","aria-label":t||g||"Input"}):(0,It.jsx)(Et,{placeholder:"Filter",size:N?"large":"medium","aria-label":"Filter options"})})]})};pt.className=lc;pt.defaultOptions=If;var Ea=require("react/jsx-runtime"),Di="k-actionsheet-view",Gf=[],Of={},Hf={},Ia=e=>{let{adaptive:t,animated:o,children:r,header:l,footer:n,titleId:c,...b}=e,g=(l==null?void 0:l.type)===pt&&(0,Ea.jsx)(pt,{adaptive:t,titleId:c,...l==null?void 0:l.props}),N=(n==null?void 0:n.type)===Bo&&(0,Ea.jsx)(Bo,{...n==null?void 0:n.props});return(0,Ea.jsxs)("div",{...b,className:a(e.className,Di,{[`${Di}-animated`]:o}),children:[g,(0,Ea.jsx)("div",{className:"k-actionsheet-content",children:r}),N]})};Ia.states=Gf;Ia.options=Of;Ia.className=Di;Ia.defaultOptions=Hf;var Wr="action-sheet",Cl=Wr;var Bi="overlay",ic=Bi;var sc=require("react/jsx-runtime"),nc="k-overlay",Pf=[],_f={},Kf={},Uo=e=>{let{...t}=e;return(0,sc.jsx)("div",{...t,className:a(e.className,nc),children:e.children})};Uo.states=Pf;Uo.options=_f;Uo.className=nc;Uo.defaultOptions=Kf;Uo.moduleName=Bi;Uo.folderName=ic;var ma=require("react/jsx-runtime"),dc="k-actionsheet",Df=[],Bf={},Vr={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Ie=e=>{let{side:t=Vr.side,fullscreen:o=Vr.fullscreen,adaptive:r=Vr.adaptive,overlay:l=Vr.overlay,template:n,children:c,header:b,footer:g,id:N,...L}=e,y=N&&!n&&b?`${N}-title`:void 0;return(0,ma.jsxs)("div",{className:"k-actionsheet-container",children:[l&&(0,ma.jsx)(Uo,{}),(0,ma.jsx)($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:(0,ma.jsx)("div",{...L,id:N,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":y,className:a(e.className,dc,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":r}),children:n||(0,ma.jsx)(Ia,{header:b,footer:g,adaptive:r,titleId:y,...e,children:c})})})]})};Ie.states=Df;Ie.options=Bf;Ie.className=dc;Ie.defaultOptions=Vr;Ie.moduleName=Wr;Ie.folderName=Cl;Ie.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."}]};var pc=require("react/jsx-runtime"),cc="k-actionsheet-container",zf=[],Uf={},Ff={},Ga=e=>{let{children:t,...o}=e;return(0,pc.jsx)("div",{...o,className:cc,children:t})};Ga.states=zf;Ga.options=Uf;Ga.className=cc;Ga.defaultOptions=Ff;Ga.moduleName=Wr;Ga.folderName=Cl;var mc=require("react/jsx-runtime"),zi=e=>{let{...t}=e;return(0,mc.jsx)("div",{...t,className:a(e.className,"k-list-ul"),children:e.children})};var Vt=require("react/jsx-runtime"),Ui="k-actionsheet-item",$f=[s.hover,s.focus,s.selected,s.disabled],Fo=e=>{let{iconName:t,text:o,description:r,hover:l,focus:n,selected:c,disabled:b,...g}=e;return(0,Vt.jsxs)("span",{...g,className:a(e.className,Ui,I(Ui,{hover:l,focus:n,selected:c,disabled:b})),children:[!e.children&&(0,Vt.jsx)(Vt.Fragment,{children:(0,Vt.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,Vt.jsx)("span",{className:"k-icon-wrap",children:(0,Vt.jsx)(p,{className:"k-actionsheet-item-icon",icon:t})}),(0,Vt.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,Vt.jsx)("span",{className:"k-actionsheet-item-title",children:o}),r&&(0,Vt.jsx)("span",{className:"k-actionsheet-item-description",children:r})]})]})}),e.children]})};Fo.states=$f;Fo.className=Ui;var uc=require("react/jsx-runtime");var Wf=require("react/jsx-runtime");var Vf=require("react/jsx-runtime");var Xf=require("react/jsx-runtime");var Ce=require("react/jsx-runtime"),Jf=Ie.options,qf=Ie.states,Tc={...Ie.defaultOptions,variant:"normal"},Yf=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Qf=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Oa=e=>{let{variant:t,modifiers:o,...r}={...Tc,...e},l={},n=(0,Ce.jsxs)(zi,{children:[(0,Ce.jsx)(Fo,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,Ce.jsx)(Fo,{text:"Add to Favorites",iconName:"heart"}),(0,Ce.jsx)(Fo,{text:"Upload New",iconName:"upload",disabled:!0}),(0,Ce.jsx)("hr",{className:"k-hr"}),(0,Ce.jsx)(Fo,{text:"Cancel",iconName:"cancel"})]}),c="Choose from the items below",b="Select Item";return t==="fullScreen"&&(l.fullScreen=!0),Object.keys(o||{}).forEach(g=>{switch(g){case"actions":l.actionsStart=!!(o!=null&&o[g]),l.actionsEnd=!!(o!=null&&o[g]);break;case"subtitle":l.subtitle=o!=null&&o[g]?c:void 0;break;case"footer":l.footer=!!(o!=null&&o[g]);break;default:break}}),t==="adaptive"?(0,Ce.jsx)(Ie,{...r,adaptive:!0,fullscreen:l.fullScreen,header:(0,Ce.jsx)(pt,{actionsStart:l.actionsStart?(0,Ce.jsx)(u,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,Ce.jsx)(u,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:b,subtitle:l.subtitle}),footer:l.footer?(0,Ce.jsxs)(Bo,{alignment:"stretched",children:[(0,Ce.jsx)(u,{text:"Cancel",size:"large",themeColor:"base"}),(0,Ce.jsx)(u,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:n}):(0,Ce.jsx)(Ie,{...r,fullscreen:l.fullScreen,header:(0,Ce.jsx)(pt,{actionsStart:l.actionsStart?(0,Ce.jsx)(u,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,Ce.jsx)(u,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?(0,Ce.jsxs)(Bo,{alignment:"stretched",children:[(0,Ce.jsx)(u,{text:"Apply",themeColor:"primary"}),(0,Ce.jsx)(u,{text:"Cancel",themeColor:"base"})]}):void 0,children:n})};Oa.options=Jf;Oa.states=qf;Oa.variants=Yf;Oa.defaultOptions=Tc;Oa.modifiers=Qf;Oa.className=Ie.className;var Fi="slider",fc=Fi;var jt=require("react/jsx-runtime"),Xr="k-slider",Zf=[s.hover,s.focus,s.active,s.disabled,s.readonly],jf={},Xt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},ke=e=>{let{type:t=Xt.type,orientation:o=Xt.orientation,gradientType:r=Xt.gradientType,readonly:l=Xt.readonly,disabled:n=Xt.disabled,handlePosition:c=Xt.handlePosition,showButtons:b=Xt.showButtons,showTicks:g=Xt.showTicks,value:N=Xt.value,min:L=Xt.min,max:y=Xt.max,startValue:x,endValue:R,hover:E,focus:K,active:X,trackStyle:U,dir:te,...ve}=e,st=(()=>{if(t==="gradient"&&r==="2d")return"undefined";if(o==="vertical")return"vertical"})(),dt,St;return o==="horizontal"?(dt=te==="rtl"?"caret-alt-left":"caret-alt-right",St=te==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(dt="caret-alt-up",St="caret-alt-down"),(0,jt.jsxs)("div",{...ve,className:a(Xr,e.className,I(Xr,{readonly:l,disabled:n}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:te,children:[b&&(0,jt.jsx)(u,{className:"k-button-decrease",rounded:"full",icon:St,tabIndex:-1,title:"Decrease"}),(0,jt.jsxs)("div",{className:"k-slider-track-wrap",children:[g&&(0,jt.jsx)("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),(0,jt.jsxs)("div",{className:"k-slider-track",style:U,children:[(0,jt.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,jt.jsx)("span",{className:a("k-draghandle","k-draghandle-start",I(Xr,{hover:E,focus:K,active:X})),role:"slider",tabIndex:n?void 0:0,"aria-valuenow":x??L,"aria-valuemin":L,"aria-valuemax":R??y,"aria-orientation":st,"aria-disabled":n?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":ve["aria-label"]?`${ve["aria-label"]} start`:"Range start"}),(0,jt.jsx)("span",{className:a("k-draghandle",`k-draghandle-${c}`,I(Xr,{hover:E,focus:K,active:X})),role:"slider",tabIndex:n?void 0:0,"aria-valuenow":t==="range"?R??y:N,"aria-valuemin":t==="range"?x??L:L,"aria-valuemax":y,"aria-orientation":st,"aria-disabled":n?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":t==="range"?ve["aria-label"]?`${ve["aria-label"]} end`:"Range end":ve["aria-label"]})]})]}),b&&(0,jt.jsx)(u,{className:"k-button-increase",rounded:"full",icon:dt,tabIndex:-1,title:"Increase"})]})};ke.states=Zf;ke.options=jf;ke.className=Xr;ke.defaultOptions=Xt;ke.moduleName=Fi;ke.folderName=fc;ke.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").'},{selector:".k-slider .k-slider-items",attribute:"aria-hidden=true",usage:"Hides the tick list from assistive technologies. Tick values are redundant with the drag handle value attributes."},{selector:".k-slider .k-tick",attribute:"role=presentation",usage:"Removes semantic meaning from individual tick elements. Ticks are visual-only markers."},{selector:".k-slider .k-tick",attribute:"title",usage:"Represents the value associated with the respective tick."}]};var $i=require("react/jsx-runtime"),gc="k-tick",eg=[],tg={},hc={label:!1},Q=e=>{let{style:t,label:o=hc.label,orientation:r,large:l,text:n,...c}=e;return(0,$i.jsx)("li",{...c,role:"presentation",title:n||"Tick",className:a(e.className,gc,{[`k-tick-${r}`]:r,"k-tick-large":l}),style:t,children:o&&(0,$i.jsx)("span",{className:"k-label",children:n})})};Q.states=eg;Q.options=tg;Q.className=gc;Q.defaultOptions=hc;var We=require("react/jsx-runtime"),xc=e=>(0,We.jsx)(ke,{"aria-label":e["aria-label"]||"Slider",children:(0,We.jsxs)(We.Fragment,{children:[(0,We.jsx)(Q,{className:"k-first",label:!0,large:!0,text:"0"}),(0,We.jsx)(Q,{}),(0,We.jsx)(Q,{}),(0,We.jsx)(Q,{}),(0,We.jsx)(Q,{}),(0,We.jsx)(Q,{label:!0,large:!0,text:"5"}),(0,We.jsx)(Q,{}),(0,We.jsx)(Q,{}),(0,We.jsx)(Q,{}),(0,We.jsx)(Q,{}),(0,We.jsx)(Q,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var Ve=require("react/jsx-runtime"),Nc=e=>(0,Ve.jsx)(ke,{children:(0,Ve.jsxs)(Ve.Fragment,{children:[(0,Ve.jsx)(Q,{className:"k-first",label:!0,large:!0,text:"0"}),(0,Ve.jsx)(Q,{}),(0,Ve.jsx)(Q,{}),(0,Ve.jsx)(Q,{}),(0,Ve.jsx)(Q,{}),(0,Ve.jsx)(Q,{label:!0,large:!0,text:"5"}),(0,Ve.jsx)(Q,{}),(0,Ve.jsx)(Q,{}),(0,Ve.jsx)(Q,{}),(0,Ve.jsx)(Q,{}),(0,Ve.jsx)(Q,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});var Wi=require("react/jsx-runtime");var Vi=require("react/jsx-runtime");var kc=require("react/jsx-runtime"),Xi=e=>(0,kc.jsx)(ke,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});var wc=require("react/jsx-runtime"),Ji=e=>(0,wc.jsx)(ke,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});var qi=require("react/jsx-runtime");var Yi=require("react/jsx-runtime");var vt=require("react/jsx-runtime"),og=ke.options,ag=ke.states,vc={...ke.defaultOptions,variant:"horizontal",label:!0},rg=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],lg=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Ha=e=>{let{variant:t,modifiers:o,...r}={...vc,...e},l={};Object.keys(o||{}).forEach(N=>{switch(N){case"button":{l.showButtons=!!(o!=null&&o[N]);break}case"label":{l.label=!!(o!=null&&o[N]);break}case"tick":{l.showTicks=!!(o!=null&&o[N]);break}}});let{label:n=!0,showButtons:c,showTicks:b}=l,g={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,vt.jsxs)(Nc,{showTicks:b,showButtons:c,style:{height:"300px",...g},...r,children:[(0,vt.jsx)(Q,{label:n,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,vt.jsx)(Q,{label:n,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,vt.jsx)(Q,{label:n,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,vt.jsx)(Q,{label:n,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,vt.jsx)(Q,{label:n,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,vt.jsxs)(xc,{showTicks:b,showButtons:c,style:{width:"400px",...g},...r,children:[(0,vt.jsx)(Q,{label:n,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,vt.jsx)(Q,{label:n,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,vt.jsx)(Q,{label:n,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,vt.jsx)(Q,{label:n,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,vt.jsx)(Q,{label:n,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Ha.options=og;Ha.states=ag;Ha.variants=rg;Ha.defaultOptions=vc;Ha.modifiers=lg;Ha.className=ke.className;var Jr=require("react/jsx-runtime"),Cc="k-spin-button",sg=[],dg={size:[d.undefined,d.small,d.medium,d.large],fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link]},Qi={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},$o=e=>{let{size:t,fillMode:o,disabled:r,increaseLabel:l=Qi.increaseLabel,decreaseLabel:n=Qi.decreaseLabel,...c}=e;return(0,Jr.jsxs)("span",{...c,className:a(Cc,e.className),children:[(0,Jr.jsx)(u,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:r,"aria-label":l}),(0,Jr.jsx)(u,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:r,"aria-label":n})]})};$o.states=sg;$o.options=dg;$o.className=Cc;$o.defaultOptions=Qi;$o.moduleName=null;$o.folderName=null;var Lc="numeric-textbox",yc="numerictextbox";var Xe=require("react/jsx-runtime"),Mc="k-numerictextbox",cg=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],pg={size:[d.undefined,d.small,d.medium,d.large],rounded:[w.undefined,w.none,w.small,w.medium,w.large,w.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},Ll={showSpinButton:!0,showClearButton:!0,separators:!0},oe=e=>{let{size:t,rounded:o,fillMode:r,separators:l=Ll.separators,showClearButton:n=Ll.showClearButton,showSpinButton:c=Ll.showSpinButton,prefix:b,suffix:g,value:N,placeholder:L,hover:y,focus:x,valid:R,invalid:E,required:K,loading:X,disabled:U,readonly:te,id:ve,"aria-label":be,"aria-describedby":st,...dt}=e;return(0,Xe.jsxs)(He,{...dt,size:t,rounded:o,fillMode:r,hover:y,focus:x,valid:R,invalid:E,required:K,loading:X,disabled:U,readonly:te,className:a(e.className,Mc),children:[b&&(0,Xe.jsxs)(Xe.Fragment,{children:[(0,Xe.jsx)(zt,{children:b}),l&&(0,Xe.jsx)(Ft,{})]}),(0,Xe.jsx)(At,{id:ve,placeholder:L,value:N,role:"spinbutton",disabled:U,"aria-label":be,"aria-describedby":st,"aria-invalid":E?"true":void 0}),(0,Xe.jsx)(ct,{valid:R,invalid:E,loading:X,disabled:U}),(0,Xe.jsx)(wt,{loading:X,disabled:U}),n&&(0,Xe.jsx)(Rt,{loading:X,disabled:U,readonly:te,value:N}),g&&(0,Xe.jsxs)(Xe.Fragment,{children:[l&&(0,Xe.jsx)(Ft,{}),(0,Xe.jsx)(Ut,{children:g})]}),c&&(0,Xe.jsx)($o,{className:"k-input-spinner",size:t,fillMode:r,disabled:U})]})};oe.states=cg;oe.options=pg;oe.className=Mc;oe.defaultOptions=Ll;oe.moduleName=Lc;oe.folderName=yc;oe.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 qr=oe;var Rc=require("react/jsx-runtime"),Sc=e=>(0,Rc.jsx)(qr,{...e});var Ml=pd(require("react"));var Zi=require("react/jsx-runtime"),mg="k-list-group-sticky-header",ji=e=>(0,Zi.jsx)("div",{className:a(mg,e.className),children:(0,Zi.jsx)("div",{className:"k-list-header-text",children:e.children})});var Ac=require("react/jsx-runtime"),ug="k-no-data",yl=e=>{let{live:t,...o}=e;return(0,Ac.jsx)("span",{...o,className:a(ug,e.className),"aria-live":t?"polite":void 0,children:e.children})};var ua="list",Pa=ua;var _a=require("react/jsx-runtime"),en="k-list",bg=[],Tg={size:[d.undefined,d.small,d.medium,d.large]},fg={},ie=e=>{var R;let{size:t,virtualization:o,children:r,header:l,optionLabel:n,customValue:c,noData:b,screenReaders:g,...N}=e,y=Ml.default.Children.toArray(r)[0],x=(R=y==null?void 0:y.props)!=null&&R.children?Ml.default.Children.count(y.props.children):Ml.default.Children.count(r);return(0,_a.jsxs)("div",{...N,className:a(e.className,en,A(en,{size:t}),{"k-virtual-list":o}),children:[n,c,l&&(0,_a.jsx)(ji,{children:l}),r||(b!==void 0?b:(0,_a.jsx)(yl,{live:!0,children:"No data found."})),g&&r&&(0,_a.jsxs)(yl,{className:"k-sr-only",live:!0,children:[x," items found."]})]})};ie.states=bg;ie.options=Tg;ie.className=en;ie.defaultOptions=fg;ie.moduleName=ua;ie.folderName=Pa;ie.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var Ic=require("react/jsx-runtime"),Ec="k-list-container",gg=[],hg={},xg={},Ka=e=>{let{...t}=e;return(0,Ic.jsx)("div",{...t,className:a(e.className,Ec),children:e.children})};Ka.states=gg;Ka.options=hg;Ka.className=Ec;Ka.defaultOptions=xg;Ka.moduleName=ua;Ka.folderName=Pa;var ba="checkbox",Da=ba;var tn=require("react/jsx-runtime"),Sl="k-checkbox",Ng=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],kg={size:[d.undefined,d.small,d.medium,d.large],rounded:[w.undefined,w.none,w.small,w.medium,w.large,w.full]},wg={},Fe=e=>{let{id:t,checked:o,indeterminate:r,hover:l,focus:n,disabled:c,invalid:b,valid:g,required:N,size:L,rounded:y,wrapperRole:x,...R}=e;return(0,tn.jsx)("span",{className:"k-checkbox-wrap",role:x,children:(0,tn.jsx)("input",{...R,id:t,type:"checkbox",defaultChecked:o,required:N,disabled:c||void 0,"aria-invalid":b?"true":void 0,className:a(e.className,Sl,A(Sl,{size:L,rounded:y}),I(Sl,{hover:l,focus:n,disabled:c,invalid:b,valid:g,indeterminate:r,checked:o}))})})};Fe.states=Ng;Fe.options=kg;Fe.className=Sl;Fe.defaultOptions=wg;Fe.moduleName=ba;Fe.folderName=Da;Fe.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 eo=Fe;var Hc=require("react/jsx-runtime"),Gc="k-checkbox-list",vg=[],Cg={},Oc={layout:"vertical"},mt=e=>{let{layout:t=Oc.layout,...o}=e;return(0,Hc.jsx)("ul",{...o,className:a(e.className,Gc,{[`k-list-${t}`]:t}),children:e.children})};mt.states=vg;mt.options=Cg;mt.className=Gc;mt.defaultOptions=Oc;mt.moduleName=ba;mt.folderName=Da;var _c=require("react/jsx-runtime"),Pc="k-checkbox-list-item",Lg=[],yg={},Mg={},ut=e=>{let{...t}=e;return(0,_c.jsx)("li",{...t,className:a(e.className,Pc),children:e.children})};ut.states=Lg;ut.options=yg;ut.className=Pc;ut.defaultOptions=Mg;ut.moduleName=ba;ut.folderName=Da;var Ta=require("react/jsx-runtime"),ho=({children:e="Label",id:t="cb-label-after",...o})=>(0,Ta.jsxs)(Ta.Fragment,{children:[(0,Ta.jsx)(eo,{id:t,...o}),(0,Ta.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var on=require("react/jsx-runtime");var an=require("react/jsx-runtime");var rn=require("react/jsx-runtime");var Sg=require("react/jsx-runtime");var Rg=require("react/jsx-runtime");var Ag=require("react/jsx-runtime");var ot=require("react/jsx-runtime"),Eg=mt.options,Ig=mt.states,Gg={...mt.defaultOptions,variant:"vertical"},Og=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Hg=[],Ba=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,ot.jsxs)(mt,{layout:"horizontal",...o,children:[(0,ot.jsx)(ut,{children:(0,ot.jsx)(ho,{id:B("cb"),defaultChecked:!0,children:"Label"})}),(0,ot.jsx)(ut,{children:(0,ot.jsx)(ho,{id:B("cb"),children:"Label"})}),(0,ot.jsx)(ut,{children:(0,ot.jsx)(ho,{id:B("cb"),children:"Label"})})]}):(0,ot.jsxs)(mt,{...o,children:[(0,ot.jsx)(ut,{children:(0,ot.jsx)(ho,{id:B("cb"),defaultChecked:!0,children:"Label"})}),(0,ot.jsx)(ut,{children:(0,ot.jsx)(ho,{id:B("cb"),children:"Label"})}),(0,ot.jsx)(ut,{children:(0,ot.jsx)(ho,{id:B("cb"),children:"Label"})})]})};Ba.options=Eg;Ba.states=Ig;Ba.variants=Og;Ba.defaultOptions=Gg;Ba.modifiers=Hg;Ba.className=mt.className;var Kc=require("react/jsx-runtime"),Pg=eo.options,_g=eo.states,Kg=eo.defaultOptions,Dg=[],Bg=[],za=e=>(0,Kc.jsx)(ho,{id:B("checkbox"),...e,defaultChecked:!0,children:"Label"});za.options=Pg;za.states=_g;za.variants=Dg;za.defaultOptions=Kg;za.modifiers=Bg;za.className=eo.className;var no=require("react/jsx-runtime"),ln="k-list-item",zg=[s.hover,s.focus,s.selected,s.disabled],Ug={},Fg={},ee=e=>{let{text:t,groupLabel:o,group:r,iconName:l,iconClassName:n,showCheckbox:c,checked:b,hover:g,focus:N,selected:L,disabled:y,actions:x,description:R,id:E,...K}=e,X=t||e.children;return(0,no.jsxs)("li",{...K,id:E,role:r?"presentation":"option",tabIndex:r?void 0:N?0:-1,"aria-selected":!r&&L?"true":r?void 0:"false","aria-disabled":!r&&y?"true":void 0,className:a(e.className,r?"k-list-group-item":ln,I(ln,{hover:g,focus:N,disabled:y,selected:L})),children:[c&&(0,no.jsx)(Fe,{checked:b}),l&&(0,no.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,no.jsx)(p,{icon:l,className:a("k-list-item-icon",n)})}),(0,no.jsx)("span",{className:"k-list-item-text",children:X}),x&&(0,no.jsx)("div",{className:"k-list-item-actions",children:x}),R&&(0,no.jsx)("span",{className:"k-list-item-description",children:R}),o&&o!==""&&(0,no.jsx)("div",{className:"k-list-item-group-label",children:o})]})};ee.states=zg;ee.options=Ug;ee.className=ln;ee.defaultOptions=Fg;ee.moduleName=ua;ee.folderName=Pa;ee.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."}]};var Dc=require("react/jsx-runtime"),$g="k-list-ul",xo=e=>{let{children:t,role:o,id:r,...l}=e;return(0,Dc.jsx)("ul",{...l,id:r,role:o,className:a($g,e.className),children:t})};xo.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."}]};var Ua=require("react/jsx-runtime"),Wg="k-list-content",he=e=>{let{virtualization:t,grouping:o,"aria-label":r,"aria-labelledby":l,listboxId:n,...c}=e;return(0,Ua.jsxs)("div",{...c,className:a(Wg,e.className),role:o?"listbox":void 0,id:o?n:void 0,"aria-label":o?r:void 0,"aria-labelledby":o?l:void 0,children:[o?e.children:(0,Ua.jsx)(xo,{role:"listbox",id:n,"aria-label":r,"aria-labelledby":l,children:e.children}),t&&(0,Ua.jsx)("div",{className:"k-height-container",children:(0,Ua.jsx)("div",{})})]})};he.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."}]};var nn=require("react/jsx-runtime");var Fa=require("react/jsx-runtime"),Vg="k-list-group-item",fa=e=>{let{groupIconName:t,...o}=e;return(0,Fa.jsxs)("li",{...o,role:"presentation",className:a(Vg,e.className),children:[t&&(0,Fa.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Fa.jsx)(p,{icon:t,className:"k-list-item-icon"})}),(0,Fa.jsx)("span",{className:"k-list-item-text",children:e.children})]})};fa.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."}]};var Bc=require("react/jsx-runtime"),sn="k-list-optionlabel",Xg=[s.hover,s.focus,s.selected,s.disabled],Jg={},qg={},Rl=e=>{let{text:t,hover:o,focus:r,selected:l,disabled:n,...c}=e;return(0,Bc.jsx)("div",{...c,className:a(sn,I(sn,{hover:o,focus:r,selected:l,disabled:n})),children:t})};Rl.states=Xg;Rl.options=Jg;Rl.className=sn;Rl.defaultOptions=qg;var zc=require("react/jsx-runtime"),dn="k-list-custom-value",Yg=[s.hover,s.focus,s.selected,s.disabled],Qg={},Zg={},Wo=e=>{let{text:t,hover:o,focus:r,selected:l,disabled:n,...c}=e;return(0,zc.jsx)("div",{...c,className:a(dn,I(dn,{hover:o,focus:r,selected:l,disabled:n})),children:t})};Wo.states=Yg;Wo.options=Qg;Wo.className=dn;Wo.defaultOptions=Zg;var cn=require("react/jsx-runtime");var pn=require("react/jsx-runtime");var mn=require("react/jsx-runtime");var un=require("react/jsx-runtime");var jg=require("react/jsx-runtime");var bn=require("react/jsx-runtime");var Uc="dropdown-list",Fc="dropdownlist";var Le=require("react/jsx-runtime"),$c="k-dropdownlist",eh=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],th={size:[d.undefined,d.small,d.medium,d.large],rounded:[w.undefined,w.none,w.small,w.medium,w.large,w.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},Tn={showValue:!0,arrowIconName:"caret-alt-down"},pe=e=>{let{size:t,rounded:o,fillMode:r,arrowIconName:l=Tn.arrowIconName,showValue:n=Tn.showValue,valueIconName:c,prefix:b,suffix:g,value:N,placeholder:L,hover:y,focus:x,valid:R,invalid:E,required:K,loading:X,disabled:U,readonly:te,popup:ve,opened:be,adaptive:st,adaptiveSettings:dt,adaptiveTitle:St,adaptiveSubtitle:sa,adaptiveFilter:ni,id:_o,activeDescendant:ul,"aria-label":si,...di}=e,tT=_o?`${_o}-listbox`:void 0,dd=_o?`${_o}-value`:void 0;return(0,Le.jsxs)(Le.Fragment,{children:[(0,Le.jsxs)(io,{...di,id:_o,size:t,rounded:o,fillMode:r,hover:y,focus:x,valid:R,invalid:E,required:K,loading:X,disabled:U,readonly:te,className:a(e.className,$c,{"k-icon-picker":!n&&c}),role:"combobox","aria-haspopup":"listbox","aria-expanded":be?"true":"false","aria-controls":be?tT:void 0,"aria-activedescendant":be&&ul?ul:void 0,"aria-describedby":be?dd:void 0,"aria-disabled":U?"true":void 0,"aria-label":si,tabIndex:0,children:[(0,Le.jsx)(zt,{children:b}),(0,Le.jsx)(pa,{placeholder:L,value:N,showValue:n,valueIconName:c,id:dd}),(0,Le.jsx)(ct,{valid:R,invalid:E,loading:X,disabled:U}),(0,Le.jsx)(wt,{loading:X,disabled:U}),(0,Le.jsx)(Ut,{children:g}),(0,Le.jsx)(u,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":L||"Toggle dropdown",tabIndex:-1})]}),be&&ve&&(0,Le.jsx)(se,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:ve}),st&&(0,Le.jsx)(Ie,{adaptive:!0,...dt,header:(0,Le.jsx)(pt,{actionsEnd:(0,Le.jsx)(u,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:ni,inputValue:N,inputPlaceholder:L,title:St,subtitle:sa}),children:(0,Le.jsx)("div",{className:"k-list-container",children:(0,Le.jsx)(ie,{size:"large",children:(0,Le.jsxs)(he,{"aria-label":"Options",children:[(0,Le.jsx)(ee,{text:"List item"}),(0,Le.jsx)(ee,{text:"List item"}),(0,Le.jsx)(ee,{text:"List item"})]})})})})]})};pe.states=eh;pe.options=th;pe.className=$c;pe.defaultOptions=Tn;pe.moduleName=Uc;pe.folderName=Fc;pe.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};var oh=require("react/jsx-runtime");var Wc=require("react/jsx-runtime");var fn=require("react/jsx-runtime");var ah=require("react/jsx-runtime");var Vc=require("react/jsx-runtime");var gn=require("react/jsx-runtime");var rh=require("react/jsx-runtime");var Ct=require("react/jsx-runtime"),lh=pe.states,ih=pe.defaultOptions,nh=pe.options,sh=[{name:"opened",title:"Opened"}],dh=[],Wa=e=>{let{modifiers:t,...o}=e,r={},l=(0,Ct.jsxs)(Ct.Fragment,{children:[(0,Ct.jsx)("div",{className:"k-list-filter",children:(0,Ct.jsx)(Et,{})}),(0,Ct.jsx)(ie,{style:{width:300},size:o.size,children:(0,Ct.jsxs)(he,{children:[(0,Ct.jsx)(ee,{children:"List item"}),(0,Ct.jsx)(ee,{children:"List item"}),(0,Ct.jsx)(ee,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(n=>{n==="opened"&&(r.opened=!!(t!=null&&t[n]),r.popup=t!=null&&t[n]?l:void 0)}),(0,Ct.jsx)("div",{children:(0,Ct.jsx)(pe,{placeholder:"Value",style:{width:300},...o,...r})})};Wa.options=nh;Wa.states=lh;Wa.variants=dh;Wa.defaultOptions=ih;Wa.modifiers=sh;Wa.className=pe.className;var Xc=require("react/jsx-runtime");var Jc=require("react/jsx-runtime");var ch=require("react/jsx-runtime");var Al=require("react/jsx-runtime"),ph=oe.states,mh=oe.defaultOptions,uh=oe.options,bh=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Th=[],Va=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":r.prefix=t!=null&&t[l]?(0,Al.jsx)(pe,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":r.suffix=t!=null&&t[l]?(0,Al.jsx)(Ri,{children:"mm"}):void 0;break;case"clear-button":r.showClearButton=t==null?void 0:t[l];break;case"spin-button":r.showSpinButton=t==null?void 0:t[l];break;default:break}}),(0,Al.jsx)(Sc,{value:"Value",style:{width:300},...o,...r})};Va.options=uh;Va.states=ph;Va.variants=Th;Va.defaultOptions=mh;Va.modifiers=bh;Va.className=oe.className;var H=require("react/jsx-runtime"),qc="k-colorgradient-inputs",fh=[],gh={size:[d.undefined,d.small,d.medium,d.large]},Yc={mode:"rgba"},Xa=e=>{let{mode:t=Yc.mode,size:o,...r}=e;return(0,H.jsxs)("div",{...r,className:a(qc,"k-hstack"),children:[(0,H.jsx)("div",{className:"k-vstack",children:(0,H.jsx)(u,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&(0,H.jsxs)(H.Fragment,{children:[(0,H.jsxs)("div",{className:"k-vstack",children:[(0,H.jsx)(oe,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),(0,H.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,H.jsxs)("div",{className:"k-vstack",children:[(0,H.jsx)(oe,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),(0,H.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,H.jsxs)("div",{className:"k-vstack",children:[(0,H.jsx)(oe,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),(0,H.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]}),(0,H.jsxs)("div",{className:"k-vstack",children:[(0,H.jsx)(oe,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),(0,H.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&(0,H.jsxs)(H.Fragment,{children:[(0,H.jsxs)("div",{className:"k-vstack",children:[(0,H.jsx)(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),(0,H.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,H.jsxs)("div",{className:"k-vstack",children:[(0,H.jsx)(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),(0,H.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,H.jsxs)("div",{className:"k-vstack",children:[(0,H.jsx)(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),(0,H.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&(0,H.jsxs)(H.Fragment,{children:[(0,H.jsxs)("div",{className:"k-vstack",children:[(0,H.jsx)(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,H.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,H.jsxs)("div",{className:"k-vstack",children:[(0,H.jsx)(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,H.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,H.jsxs)("div",{className:"k-vstack",children:[(0,H.jsx)(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,H.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]}),(0,H.jsxs)("div",{className:"k-vstack",children:[(0,H.jsx)(oe,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),(0,H.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&(0,H.jsxs)(H.Fragment,{children:[(0,H.jsxs)("div",{className:"k-vstack",children:[(0,H.jsx)(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,H.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,H.jsxs)("div",{className:"k-vstack",children:[(0,H.jsx)(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,H.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,H.jsxs)("div",{className:"k-vstack",children:[(0,H.jsx)(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,H.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&(0,H.jsx)(H.Fragment,{children:(0,H.jsxs)("div",{className:"k-vstack k-flex-1",children:[(0,H.jsx)(fe,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,H.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Xa.states=fh;Xa.options=gh;Xa.className=qc;Xa.defaultOptions=Yc;var at=require("react/jsx-runtime"),Qc="k-colorgradient-color-contrast",hh=[],xh={},Nh={},Ja=()=>(0,at.jsxs)("div",{className:a(Qc,"k-vbox"),children:[(0,at.jsxs)("div",{className:"k-contrast-ratio",children:[(0,at.jsx)("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),(0,at.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:[(0,at.jsx)(p,{icon:"check"}),(0,at.jsx)(p,{icon:"check"})]})]}),(0,at.jsxs)("div",{children:[(0,at.jsx)("span",{children:"AA: 4.5"}),(0,at.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:["Pass",(0,at.jsx)(p,{icon:"check"})]})]}),(0,at.jsxs)("div",{children:[(0,at.jsx)("span",{children:"AAA: 7.0"}),(0,at.jsxs)("span",{className:"k-contrast-validation !k-text-error",children:["Fail",(0,at.jsx)(p,{icon:"x"})]})]})]});Ja.states=hh;Ja.options=xh;Ja.className=Qc;Ja.defaultOptions=Nh;var Zc="color-gradient",jc="colorgradient";var Be=require("react/jsx-runtime"),El="k-colorgradient",kh=[s.hover,s.focus,s.readonly,s.disabled],wh={size:[d.undefined,d.small,d.medium,d.large]},so={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"},$e=e=>{let{size:t,mode:o=so.mode,readonly:r=so.readonly,disabled:l=so.disabled,gradientStyle:n=so.gradientStyle,dragHandleStyle:c=so.dragHandleStyle,alphaStyle:b=so.alphaStyle,alphaStyleHorizontal:g=so.alphaStyleHorizontal,contrast:N=so.contrast,dir:L,hover:y,focus:x,hoverHandle:R,focusHandle:E,canvasOrientation:K=so.canvasOrientation,role:X,tabIndex:U,...te}=e;return(0,Be.jsxs)("div",{...te,role:X??"textbox","aria-label":X==="none"?void 0:"Color gradient",tabIndex:U??0,"aria-disabled":l?"true":void 0,className:a(e.className,El,A(El,{size:t}),I(El,{hover:y,focus:x,readonly:r,disabled:l})),dir:L,children:[!K||K==="horizontal"&&(0,Be.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,Be.jsx)("div",{className:"k-hsv-rectangle",style:n,children:(0,Be.jsx)("div",{className:"k-hsv-gradient",children:(0,Be.jsx)("div",{className:a("k-hsv-draghandle","k-draghandle",{"k-hover":R,"k-focus":E}),style:c,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),(0,Be.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,Be.jsx)(Ji,{className:"k-hue-slider",hover:R,focus:E}),o!=="rgb"&&o!=="hsv"&&(0,Be.jsx)(Ji,{className:"k-alpha-slider",hover:R,focus:E,trackStyle:b})]})]}),K==="vertical"&&(0,Be.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,Be.jsx)("div",{className:"k-hsv-rectangle",style:n,children:(0,Be.jsx)("div",{className:"k-hsv-gradient",children:(0,Be.jsx)("div",{className:a("k-hsv-draghandle","k-draghandle",{"k-hover":R,"k-focus":E}),style:c,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),(0,Be.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,Be.jsx)(Xi,{className:"k-hue-slider",hover:R,focus:E}),o!=="rgb"&&o!=="hsv"&&(0,Be.jsx)(Xi,{className:"k-alpha-slider",hover:R,focus:E,trackStyle:g})]})]}),(0,Be.jsx)(Xa,{mode:e.mode,size:t}),N&&(0,Be.jsx)(Ja,{})]})};$e.states=kh;$e.options=wh;$e.className=El;$e.defaultOptions=so;$e.moduleName=Zc;$e.folderName=jc;$e.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)."}]};var ep=require("react/jsx-runtime"),Il=e=>(0,ep.jsx)($e,{...e});var vh=require("react/jsx-runtime");var Ch=require("react/jsx-runtime");var Gl=require("react/jsx-runtime"),Lh=$e.options,yh=$e.states,Mh={...$e.defaultOptions,variant:"rgba"},Sh=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Rh=[],qa=e=>{let{variant:t,...o}=e;switch(t){case"hex":return(0,Gl.jsx)(Il,{...o,mode:t});case"rgb":return(0,Gl.jsx)(Il,{...o,mode:t});default:return(0,Gl.jsx)(Il,{...o,mode:t})}};qa.options=Lh;qa.states=yh;qa.variants=Sh;qa.defaultOptions=Mh;qa.modifiers=Rh;qa.className=$e.className;var tp=require("react/jsx-runtime"),hn=e=>(0,tp.jsx)("tr",{role:"row",children:e.children});var op=require("react/jsx-runtime"),xn="k-colorpalette-tile",Ah=[s.hover,s.focus,s.selected],Eh={},Ya=e=>{let{color:t,tileSize:o,hover:r,focus:l,selected:n,...c}=e,b={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return(0,op.jsx)("td",{...c,role:"gridcell","aria-label":t,"aria-selected":n?"true":void 0,className:a(e.className,xn,I(xn,{hover:r,focus:l,selected:n})),style:b})};Ya.states=Ah;Ya.options=Eh;Ya.className=xn;var ap="color-palette",rp="colorpalette";var Qa=require("react/jsx-runtime"),Ol="k-colorpalette",Ih=[s.disabled],Gh={size:[d.undefined,d.small,d.medium,d.large]},lp={columns:10},bt=e=>{let{size:t,palette:o,columns:r=lp.columns,tileSize:l,disabled:n,...c}=e,b=[];if(o){let g=r||o.columns,N=o.colors?o.colors:o;Array.isArray(N)&&Array.from({length:Math.ceil(N.length/g)},(L,y)=>{let x=[];N.slice(y*g,(y+1)*g).map((E,K)=>{x.push((0,Qa.jsx)(Ya,{color:E,tileSize:l},K))});let R=(0,Qa.jsx)(hn,{children:x},y);b.push(R)})}return(0,Qa.jsx)("div",{...c,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":n?"true":void 0,className:a(e.className,Ol,I(Ol,{disabled:n}),A(Ol,{size:t})),children:(0,Qa.jsx)("table",{className:"k-colorpalette-table",role:"none",children:(0,Qa.jsx)("tbody",{children:b.length>0?b:e.children})})})};bt.states=Ih;bt.options=Gh;bt.className=Ol;bt.defaultOptions=lp;bt.moduleName=ap;bt.folderName=rp;bt.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 Hl=bt;var Yr={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}};var np=require("react/jsx-runtime"),ip=e=>(0,np.jsx)(Hl,{palette:Yr.basic,...e});var Oh=require("react/jsx-runtime");var sp=require("react/jsx-runtime");var dp=require("react/jsx-runtime"),Hh=bt.options,Ph=bt.states,_h={...bt.defaultOptions,variant:"basic"},Kh=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Dh={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}},Bh=[],Za=e=>{let{variant:t="basic",...o}=e,r=Dh[t];return(0,dp.jsx)(ip,{columns:r.columns,palette:r,...o})};Za.options=Hh;Za.states=Ph;Za.variants=Kh;Za.defaultOptions=_h;Za.modifiers=Bh;Za.className=bt.className;var cp="color-editor",pp="coloreditor";var Pe=require("react/jsx-runtime"),Pl="k-coloreditor",zh=[s.focus],Uh={size:[d.undefined,d.small,d.medium,d.large]},Qr={view:"gradient",palette:Yr.office,actionButtons:!0,canvasOrientation:"horizontal"},Ge=e=>{let{size:t,view:o=Qr.view,palette:r=Qr.palette,color:l,currentColor:n,focus:c,focusView:b,dir:g,group:N,actionButtons:L=Qr.actionButtons,canvasOrientation:y=Qr.canvasOrientation,...x}=e;return(0,Pe.jsxs)("div",{...x,role:"textbox","aria-label":"Color editor",tabIndex:0,className:a(e.className,"k-flatcolorpicker",Pl,A(Pl,{size:t}),I(Pl,{focus:c})),dir:g,children:[(0,Pe.jsxs)("div",{className:"k-coloreditor-header k-hstack",children:[(0,Pe.jsx)("div",{className:"k-coloreditor-header-actions k-hstack",children:N&&(0,Pe.jsxs)(j,{fillMode:"flat",children:[(0,Pe.jsx)(u,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),(0,Pe.jsx)(u,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),(0,Pe.jsx)("div",{className:"k-spacer"}),(0,Pe.jsxs)("div",{className:"k-coloreditor-header-actions k-hstack",children:[(0,Pe.jsx)(u,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),(0,Pe.jsxs)("div",{className:"k-coloreditor-preview k-vstack",children:[(0,Pe.jsx)(Do,{className:"k-coloreditor-preview-color",color:l}),(0,Pe.jsx)(Do,{className:"k-coloreditor-current-color",color:n})]})]})]}),(0,Pe.jsx)("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?(0,Pe.jsx)($e,{focus:b,size:t,canvasOrientation:y,role:"none",tabIndex:-1}):(0,Pe.jsx)(bt,{palette:r,size:t})}),L&&(0,Pe.jsxs)(Wt,{className:"k-coloreditor-footer",alignment:"start",children:[(0,Pe.jsx)(u,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),(0,Pe.jsx)(u,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Ge.states=zh;Ge.options=Uh;Ge.className=Pl;Ge.defaultOptions=Qr;Ge.moduleName=cp;Ge.folderName=pp;Ge.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 ja=Ge;var Fh=require("react/jsx-runtime");var $h=require("react/jsx-runtime");var up=require("react/jsx-runtime"),mp=e=>(0,up.jsx)(ja,{group:!0,currentColor:"fuchsia",...e});var Tp=require("react/jsx-runtime"),bp=e=>(0,Tp.jsx)(ja,{view:"palette",group:!0,currentColor:"fuchsia",...e});var Nn=require("react/jsx-runtime"),Wh=Ge.options,Vh=Ge.states,Xh={...Ge.defaultOptions,variant:"gradient"},Jh=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],qh=[],er=e=>{let{variant:t,...o}=e;return t==="palette"?(0,Nn.jsx)(bp,{...o,color:"white"}):(0,Nn.jsx)(mp,{...o,color:"rgba(183, 118 , 118, 1.00)"})};er.options=Wh;er.states=Vh;er.variants=Jh;er.defaultOptions=Xh;er.modifiers=qh;er.className=Ge.className;var fp="color-picker",gp="colorpicker";var ze=require("react/jsx-runtime"),hp="k-colorpicker",Yh=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled],Qh={size:[d.undefined,d.small,d.medium,d.large],rounded:[w.undefined,w.none,w.small,w.medium,w.large,w.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},xp={arrowIconName:"caret-alt-down"},Gt=e=>{let{size:t,rounded:o,fillMode:r,arrowIconName:l=xp.arrowIconName,prefix:n,suffix:c,value:b,placeholder:g,hover:N,focus:L,valid:y,invalid:x,required:R,disabled:E,valueIconName:K,popup:X,opened:U,adaptive:te,adaptiveSettings:ve,adaptiveTitle:be,adaptiveSubtitle:st,...dt}=e,St="colorpicker-popup";return(0,ze.jsxs)(ze.Fragment,{children:[(0,ze.jsxs)(io,{...dt,size:t,rounded:o,fillMode:r,hover:N,focus:L,valid:y,invalid:x,required:R,disabled:E,role:"combobox","aria-haspopup":"dialog","aria-expanded":U?"true":"false","aria-controls":U||te?St:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":E?"true":void 0,className:a(e.className,hp,"k-icon-picker"),children:[(0,ze.jsx)(zt,{children:n}),(0,ze.jsx)(pa,{placeholder:g,value:b,showValue:!1,valueIcon:(0,ze.jsx)(Do,{className:"k-value-icon",color:b,iconName:K}),valueIconName:K}),(0,ze.jsx)(Ut,{children:c}),(0,ze.jsx)(u,{className:"k-input-button",icon:l,size:t,fillMode:r,tabIndex:-1,"aria-label":"Open color picker",disabled:E})]}),U&&X&&(0,ze.jsx)(se,{id:St,className:"k-colorpicker-popup",children:X}),te&&(0,ze.jsx)(Ie,{adaptive:!0,id:St,...ve,header:(0,ze.jsx)(pt,{actionsEnd:(0,ze.jsx)(u,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:be,subtitle:st}),footer:(0,ze.jsxs)(Bo,{children:[(0,ze.jsx)(u,{text:"Cancel",size:"large"}),(0,ze.jsx)(u,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,ze.jsx)(Ge,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Gt.states=Yh;Gt.options=Qh;Gt.className=hp;Gt.defaultOptions=xp;Gt.moduleName=fp;Gt.folderName=gp;Gt.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 No=Gt;var Np=require("react/jsx-runtime"),_l=e=>(0,Np.jsx)(No,{...e});var Zh=require("react/jsx-runtime");var jh=require("react/jsx-runtime");var ex=require("react/jsx-runtime");var tx=require("react/jsx-runtime");var ox=require("react/jsx-runtime");var ax=require("react/jsx-runtime");var Vo=require("react/jsx-runtime"),rx=No.options,lx=No.states,kp={...No.defaultOptions,variant:"color"},ix=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],nx=[{name:"opened",title:"Opened"}],tr=e=>{let{variant:t,modifiers:o,...r}={...kp,...e},l={};Object.keys(o||{}).forEach(c=>{c==="opened"&&(l.opened=!!(o!=null&&o[c]),l.popup=o!=null&&o[c]?(0,Vo.jsx)(Ge,{size:r.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let n=l.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return(0,Vo.jsx)("div",{style:n,children:(0,Vo.jsx)(_l,{...r,...l})});case"icon":return(0,Vo.jsx)("div",{style:n,children:(0,Vo.jsx)(_l,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...r,...l})});default:return(0,Vo.jsx)("div",{style:n,children:(0,Vo.jsx)(_l,{value:"rgba(183, 118 , 118, 1.00)",...r,...l})})}};tr.options=rx;tr.states=lx;tr.variants=ix;tr.defaultOptions=kp;tr.modifiers=nx;tr.className=No.className;var kn="combobox",wp=kn;var de=require("react/jsx-runtime"),vp="k-combobox",sx=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],dx={size:[d.undefined,d.small,d.medium,d.large],rounded:[w.undefined,w.none,w.small,w.medium,w.large,w.full],fillMode:[v.undefined,v.solid,v.flat,v.outline]},Cp={separators:!0},rt=e=>{let{size:t,rounded:o,fillMode:r,separators:l=Cp.separators,prefix:n,suffix:c,value:b,placeholder:g,hover:N,focus:L,valid:y,invalid:x,required:R,loading:E,disabled:K,popup:X,opened:U,readonly:te,adaptive:ve,adaptiveSettings:be,adaptiveTitle:st,adaptiveSubtitle:dt,adaptiveCustomValue:St,id:sa,autocomplete:ni,activeDescendant:_o,"aria-label":ul,...si}=e,di=sa?`${sa}-listbox`:void 0;return(0,de.jsxs)(de.Fragment,{children:[(0,de.jsxs)(He,{...si,size:t,rounded:o,fillMode:r,hover:N,focus:L,valid:y,invalid:x,required:R,loading:E,disabled:K,readonly:te,className:a(e.className,vp),children:[n&&(0,de.jsxs)(de.Fragment,{children:[(0,de.jsx)(zt,{children:n}),l&&(0,de.jsx)(Ft,{})]}),(0,de.jsx)(At,{id:sa,placeholder:g,value:b,role:"combobox","aria-haspopup":"listbox","aria-expanded":U?"true":"false","aria-controls":U?di:void 0,"aria-activedescendant":U&&_o?_o:void 0,"aria-autocomplete":ni,"aria-invalid":x?"true":void 0,"aria-busy":E?"true":void 0,"aria-label":ul,disabled:K,readOnly:te}),(0,de.jsx)(ct,{valid:y,invalid:x,loading:E,disabled:K}),(0,de.jsx)(wt,{loading:E,disabled:K}),(0,de.jsx)(Rt,{loading:E,disabled:K,readonly:te,value:b}),c&&(0,de.jsxs)(de.Fragment,{children:[l&&(0,de.jsx)(Ft,{}),(0,de.jsx)(Ut,{children:c})]}),(0,de.jsx)(u,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:r,"aria-label":"Open popup",tabIndex:-1,disabled:K})]}),U&&X&&(0,de.jsx)(se,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:X}),ve&&(0,de.jsx)(Ie,{adaptive:!0,id:sa?`${sa}-adaptive`:void 0,...be,header:(0,de.jsx)(pt,{actionsEnd:(0,de.jsx)(u,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:b,inputPlaceholder:g,title:st,subtitle:dt}),children:(0,de.jsx)("div",{className:"k-list-container",children:(0,de.jsx)(ie,{customValue:St?(0,de.jsx)(Wo,{text:`Use "${b}"`}):void 0,size:"large",children:(0,de.jsxs)(he,{"aria-label":st||"Options",children:[(0,de.jsx)(ee,{text:"List item"}),(0,de.jsx)(ee,{text:"List item"}),(0,de.jsx)(ee,{text:"List item"})]})})})})]})};rt.states=sx;rt.options=dx;rt.className=vp;rt.defaultOptions=Cp;rt.moduleName=kn;rt.folderName=wp;rt.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-ul[role="listbox"], .k-combobox-popup .k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{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 Ot=rt;var yp=require("react/jsx-runtime"),Lp=e=>(0,yp.jsx)(Ot,{...e});var Mp=require("react/jsx-runtime");var Sp=require("react/jsx-runtime");var Rp=require("react/jsx-runtime");var Ap=require("react/jsx-runtime");var Ep=require("react/jsx-runtime");var Ip=require("react/jsx-runtime");var wn=require("react/jsx-runtime");var cx=require("react/jsx-runtime");var px=require("react/jsx-runtime");var Gp=require("react/jsx-runtime");var Op=require("react/jsx-runtime");var to=require("react/jsx-runtime"),mx=rt.states,ux=rt.defaultOptions,bx=rt.options,Tx=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],fx=[],or=e=>{let{modifiers:t,...o}=e,r={},l=(0,to.jsx)(ie,{style:{width:300},size:o.size,children:(0,to.jsxs)(he,{children:[(0,to.jsx)(ee,{children:"List item"}),(0,to.jsx)(ee,{children:"List item"}),(0,to.jsx)(ee,{children:"List item"})]})});return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":r.prefix=t!=null&&t[n]?(0,to.jsx)(p,{icon:"map-marker-target"}):void 0;break;case"suffix":r.suffix=t!=null&&t[n]?(0,to.jsx)(Ko,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":r.opened=!!(t!=null&&t[n]),r.popup=t!=null&&t[n]?l:void 0;break;default:break}}),(0,to.jsx)("div",{children:(0,to.jsx)(Lp,{value:"Value",style:{width:300},...o,...r})})};or.options=bx;or.states=mx;or.variants=fx;or.defaultOptions=ux;or.modifiers=Tx;or.className=rt.className;var vn="menu-button",Hp=vn;var _p=require("react/jsx-runtime"),Pp="k-menu-button",gx=[s.hover,s.focus,s.active,s.selected,s.disabled],hx={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[w.undefined,w.none,w.small,w.medium,w.large,w.full],fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info,S.inverse]},Cn={showArrow:!0,arrowIconName:"caret-alt-down"},me=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,hover:n,focus:c,active:b,selected:g,disabled:N,icon:L,text:y,showArrow:x=Cn.showArrow,arrowIconName:R=Cn.arrowIconName,expanded:E,...K}=e;return(0,_p.jsx)(u,{...K,className:a(e.className,Pp),text:y,size:t,rounded:o,fillMode:r,themeColor:l,hover:n,focus:c,active:b,selected:g,disabled:N,icon:L,showArrow:x,arrowIconName:R,"aria-expanded":E?"true":"false",...!y&&L&&!e["aria-label"]&&{"aria-label":"Menu"},...N&&{"aria-disabled":"true"}})};me.states=gx;me.options=hx;me.className=Pp;me.defaultOptions=Cn;me.moduleName=vn;me.folderName=Hp;me.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var xx=require("react/jsx-runtime");var Nx=require("react/jsx-runtime");var kx=require("react/jsx-runtime");var Ht="menu",Jt=Ht;var ko=require("react/jsx-runtime"),Ln="k-menu-item",wx=[s.hover,s.focus,s.active,s.selected,s.disabled],vx={},Kp={iconPosition:"before"},lt=e=>{let{hover:t,focus:o,active:r,selected:l,disabled:n,icon:c,text:b,first:g,last:N,showArrow:L,arrowIconName:y,iconPosition:x=Kp.iconPosition,dir:R,children:E,expanded:K,...X}=e,U=y;return U||(U=R==="rtl"?"caret-alt-left":"caret-alt-right"),(0,ko.jsxs)("li",{...X,className:a(e.className,Ln,"k-item",I(Ln,{focus:o,disabled:n,hover:t,active:r,selected:l}),{"k-first":g,"k-last":N}),role:"menuitem",...L&&{"aria-haspopup":"menu"},...L&&{"aria-expanded":K?"true":"false"},...n&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,ko.jsxs)("span",{className:a("k-link k-menu-link"),children:[c&&x==="before"&&(0,ko.jsx)(p,{className:"k-menu-link-icon",icon:c}),(0,ko.jsx)("span",{className:"k-menu-link-text",children:b}),c&&x==="after"&&(0,ko.jsx)(p,{className:"k-menu-link-icon",icon:c}),L&&(0,ko.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,ko.jsx)(p,{icon:U})})]}),E]})};lt.states=wx;lt.options=vx;lt.className=Ln;lt.defaultOptions=Kp;lt.moduleName=Ht;lt.folderName=Jt;var wo=require("react/jsx-runtime"),yn="k-menu-item",Cx=[s.hover,s.focus,s.active,s.selected,s.disabled],Lx={},Mn={dir:"ltr",iconPosition:"before"},ae=e=>{let{hover:t,focus:o,active:r,selected:l,disabled:n,icon:c,text:b,first:g,last:N,showArrow:L,arrowIconName:y,iconPosition:x=Mn.iconPosition,dir:R=Mn.dir,children:E,popup:K,expanded:X,...U}=e,te=y;return te||(te=R==="rtl"?"caret-alt-left":"caret-alt-right"),(0,wo.jsxs)("li",{...U,className:a(e.className,yn,"k-item",I(yn,{focus:o,disabled:n}),{"k-first":g,"k-last":N}),role:"menuitem",...L&&{"aria-haspopup":"menu"},...L&&{"aria-expanded":X?"true":"false"},...n&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,wo.jsxs)("span",{className:a("k-link k-menu-link",I("k-menu-link",{hover:t,active:r,selected:l,disabled:n})),children:[c&&x==="before"&&(0,wo.jsx)(p,{className:"k-menu-link-icon",icon:c}),(0,wo.jsx)("span",{className:"k-menu-link-text",children:b}),c&&x==="after"&&(0,wo.jsx)(p,{className:"k-menu-link-icon",icon:c}),L&&(0,wo.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,wo.jsx)(p,{icon:te})})]}),E,K]})};ae.states=Cx;ae.options=Lx;ae.className=yn;ae.defaultOptions=Mn;ae.moduleName=Ht;ae.folderName=Jt;var zp=require("react/jsx-runtime"),Dp="k-menu-scroll-wrapper",yx=[],Mx={},Sx={},ga=e=>{let{className:t,children:o,orientation:r,...l}=e;return(0,zp.jsx)("div",{...l,className:a(t,Dp,{"k-menu-scroll-wrapper-vertical":r==="vertical"}),children:o})};ga.states=yx;ga.options=Mx;ga.className=Dp;ga.defaultOptions=Sx;ga.moduleName=Ht;ga.folderName=Jt;var Bp=ga;var Je=require("react/jsx-runtime"),Sn="k-menu",Rx=[],Ax={},Dl={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},ye=e=>{let{children:t,orientation:o=Dl.orientation,header:r=Dl.header,scrollable:l,scrollButtonsPosition:n=Dl.scrollButtonsPosition,wrapperStyles:c,dir:b,popup:g,contextMenu:N,...L}=e,y={horizontal:{prev:b!=="rtl"?"left":"right",next:b!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},x=(0,Je.jsx)("ul",{dir:b,...L,className:a(e.className,"k-reset",Sn,{[`${Sn}-${o}`]:o,"k-header":r}),role:N?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,Je.jsxs)(Je.Fragment,{children:[l?(0,Je.jsxs)(Bp,{orientation:o,style:c,dir:e.dir,children:[n==="start"&&(0,Je.jsxs)(Je.Fragment,{children:[(0,Je.jsx)(u,{fillMode:"flat",icon:`caret-alt-${y[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,Je.jsx)(u,{fillMode:"flat",icon:`caret-alt-${y[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),n==="around"&&(0,Je.jsx)(u,{fillMode:"flat",icon:`caret-alt-${y[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),x,n==="end"&&(0,Je.jsxs)(Je.Fragment,{children:[(0,Je.jsx)(u,{fillMode:"flat",icon:`caret-alt-${y[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,Je.jsx)(u,{fillMode:"flat",icon:`caret-alt-${y[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),n==="around"&&(0,Je.jsx)(u,{fillMode:"flat",icon:`caret-alt-${y[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):x,g]})};ye.states=Rx;ye.options=Ax;ye.className=Sn;ye.defaultOptions=Dl;ye.moduleName=Ht;ye.folderName=Jt;ye.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};var Fp=require("react/jsx-runtime"),Rn="k-separator",Up={orientation:"horizontal"},Xo=e=>{let{orientation:t=Up.orientation,...o}=e;return(0,Fp.jsx)("li",{...o,className:a(e.className,"k-item",Rn,{[`${Rn}-${t}`]:t}),role:"separator"})};Xo.className=Rn;Xo.defaultOptions=Up;Xo.moduleName=Ht;Xo.folderName=Jt;var $p=require("react/jsx-runtime");var Wp=require("react/jsx-runtime"),An="k-menu-group",Ex=[],Ix={size:[d.undefined,d.small,d.medium,d.large]},Gx={},_e=e=>{let{children:t,size:o,...r}=e;return(0,Wp.jsx)("ul",{...r,className:a(e.className,An,A(An,{size:o})),role:"menu",children:t})};_e.states=Ex;_e.options=Ix;_e.className=An;_e.defaultOptions=Gx;_e.moduleName=Ht;_e.folderName=Jt;var oo=require("react/jsx-runtime"),En=e=>(0,oo.jsx)(ye,{children:(0,oo.jsxs)(oo.Fragment,{children:[(0,oo.jsx)(lt,{first:!0,text:"Item 1"}),(0,oo.jsx)(lt,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),(0,oo.jsx)(lt,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),(0,oo.jsx)(lt,{text:"Item 4"}),(0,oo.jsx)(lt,{last:!0,text:"Item 5"})]}),...e});var In=require("react/jsx-runtime");var Gn=require("react/jsx-runtime");var On=require("react/jsx-runtime");var Hn=require("react/jsx-runtime");var co=require("react/jsx-runtime"),Ox=ye.options,Hx=ye.states,Vp={...ye.defaultOptions,variant:"horizontal"},Px=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],_x=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],ar=e=>{let{variant:t,modifiers:o,...r}={...Vp,...e},l={};return Object.keys(o||{}).forEach(n=>{switch(n){case"scrollable":l.scrollable=!!(o!=null&&o[n]);break;case"opened":l.opened=!!(o!=null&&o[n]),l.popup=(0,co.jsx)(se,{className:"k-menu-popup",children:(0,co.jsxs)(_e,{children:[(0,co.jsx)(ae,{text:"Item 1"}),(0,co.jsx)(ae,{text:"Item 2"}),(0,co.jsx)(Xo,{}),(0,co.jsx)(ae,{text:"Item 3"})]})});break}}),t==="vertical"?(0,co.jsx)(En,{...r,...l,orientation:"vertical",style:{width:"200px"}}):(0,co.jsx)(En,{...r,...l})};ar.options=Ox;ar.states=Hx;ar.variants=Px;ar.defaultOptions=Vp;ar.modifiers=_x;ar.className=ye.className;var Pn=require("react/jsx-runtime");var Kx=require("react/jsx-runtime");var it=require("react/jsx-runtime"),Dx=u.states,Xp={...u.defaultOptions,variant:"text"},Bx=u.options,zx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ux=[{name:"opened",title:"Opened"}],rr=e=>{let{variant:t,modifiers:o,...r}={...Xp,...e},l={},n=(0,it.jsx)(se,{className:"k-menu-popup",children:(0,it.jsxs)(_e,{size:r.size,children:[(0,it.jsx)(ae,{first:!0,text:"Menu Item"}),(0,it.jsx)(ae,{text:"Menu Item"}),(0,it.jsx)(ae,{last:!0,text:"Menu Item"})]})}),c;switch(t){case"icon-only":c=(0,it.jsx)("div",{children:(0,it.jsx)(me,{...r,...l,icon:"star"})});break;case"icon-and-text":c=(0,it.jsx)("div",{children:(0,it.jsx)(me,{...r,...l,icon:"star",children:"Dropdown Button"})});break;default:c=(0,it.jsx)("div",{children:(0,it.jsx)(me,{...r,...l,children:"Dropdown Button"})});break}return(0,it.jsxs)(it.Fragment,{children:[c,(o==null?void 0:o.opened)&&n]})};rr.options=Bx;rr.states=Dx;rr.variants=zx;rr.defaultOptions=Xp;rr.modifiers=Ux;rr.className=me.className;var _n="split-button",Jp=_n;var vo=require("react/jsx-runtime"),Kn="k-split-button",Fx=[s.hover,s.focus,s.active,s.selected,s.disabled],$x={size:[d.undefined,d.small,d.medium,d.large],rounded:[w.undefined,w.none,w.small,w.medium,w.large,w.full],fillMode:[v.undefined,v.solid,v.flat,v.outline,v.clear,v.link],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info,S.inverse]},qp={arrowIconName:"caret-alt-down"},re=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,hover:n,focus:c,active:b,selected:g,disabled:N,icon:L,text:y,arrowIconName:x=qp.arrowIconName,popup:R,opened:E,popupId:K,...X}=e;return(0,vo.jsxs)(vo.Fragment,{children:[(0,vo.jsxs)("div",{...X,className:a(e.className,Kn,"k-button-group",A(Kn,{rounded:o})),children:[(0,vo.jsx)(u,{text:y,icon:L,size:t,rounded:o,fillMode:r,themeColor:l,hover:n,focus:c,active:b,selected:g,disabled:N,...!y&&!e.children&&L&&{"aria-label":"Action"},children:e.children}),(0,vo.jsx)(u,{className:"k-split-button-arrow",icon:x,size:t,rounded:o,fillMode:r,disabled:N,"aria-label":"Toggle dropdown","aria-expanded":E?"true":"false","aria-controls":E?K:void 0,tabIndex:-1,...N&&{"aria-disabled":"true"}})]}),E&&R&&(0,vo.jsx)(se,{className:"k-menu-popup",children:R})]})};re.states=Fx;re.options=$x;re.className=Kn;re.defaultOptions=qp;re.moduleName=_n;re.folderName=Jp;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 Dn=re;var Yp=require("react/jsx-runtime"),Wx="k-toolbar-separator",ao=e=>(0,Yp.jsx)("div",{className:a(Wx,e.className,"k-separator")});var Co="toolbar",Jo=Co;var Z=require("react/jsx-runtime"),Lo="k-toolbar",Vx=[s.focus],Xx={size:[d.undefined,d.small,d.medium,d.large],fillMode:[v.undefined,v.solid,v.outline,v.flat]},Jx={scrollButtons:"around"},ce=e=>{let{size:t,fillMode:o,focus:r,resizable:l,scrollable:n,scrollButtons:c,scrollingPosition:b,section:g,...N}=e,L=[],y=(x,R)=>{let E=[];if(x.type===u&&x.props.className&&x.props.className.includes("k-toolbar-overflow-button"))E.push((0,Z.jsx)(u,{...x.props,className:`${x.props.className?x.props.className:""}`},`${R}-${new Date().getTime()}`));else if(x.type===u)E.push((0,Z.jsx)(u,{...x.props,className:`k-toolbar-button ${x.props.className?x.props.className:""}`},`${R}-${new Date().getTime()}`));else if(x.type===Hr)E.push((0,Z.jsx)(Hr,{...x.props,className:`k-toolbar-button ${x.props.className?x.props.className:""}`},`${R}-${new Date().getTime()}`));else if(x.type===Ko)E.push((0,Z.jsx)(Ko,{...x.props,className:`k-toolbar-button ${x.props.className?x.props.className:""}`},`${R}-${new Date().getTime()}`));else if(x.type===me)E.push((0,Z.jsx)(me,{...x.props,className:`k-toolbar-menu-button ${x.props.className?x.props.className:""}`},`${R}-${new Date().getTime()}`));else if(x.type===Dn)E.push((0,Z.jsx)(Dn,{...x.props,className:`k-toolbar-split-button ${x.props.className?x.props.className:""}`},`${R}-${new Date().getTime()}`));else if(x.type===j||x.props.className&&x.props.className.includes("k-button-group")){let K=[];(Array.isArray(x.props.children)?x.props.children:[x.props.children]).forEach((U,te)=>{K.push((0,Z.jsx)(u,{...U.props,className:`${U.props.className?U.props.className:""}`},`${te}-${new Date().getTime()}`))}),E.push((0,Z.jsx)(j,{...x.props,className:`k-toolbar-button-group ${x.props.className?x.props.className:""}`,children:K},`${R}-${new Date().getTime()}`))}else x.type===rt?E.push((0,Z.jsx)(rt,{...x.props,className:`k-toolbar-combobox ${x.props.className?x.props.className:""}`},`${R}-${new Date().getTime()}`)):x.type===pe?E.push((0,Z.jsx)(pe,{...x.props,className:`k-toolbar-dropdownlist ${x.props.className?x.props.className:""}`},`${R}-${new Date().getTime()}`)):x.type===Gt?E.push((0,Z.jsx)(Gt,{...x.props,className:`k-toolbar-colorpicker ${x.props.className?x.props.className:""}`},`${R}-${new Date().getTime()}`)):E.push(x);E.forEach(K=>{L.push(K)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((R,E)=>{y(R,E)}),(0,Z.jsxs)("div",{...N,className:a(e.className,Lo,A(Lo,{size:t,fillMode:o}),I(Lo,{focus:r}),{[`${Lo}-resizable`]:l,[`${Lo}-scrollable`]:n,[`${Lo}-scrollable-overlay`]:n&&c==="hidden",[`${Lo}-scrollable-${b}`]:b&&b!=="both",[`${Lo}-section`]:g}),role:"toolbar","aria-label":"Toolbar",children:[!n&&L,n&&c==="hidden"&&(0,Z.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L}),n&&c==="start"&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)(j,{children:[(0,Z.jsx)("span",{className:a("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,Z.jsx)(p,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,Z.jsx)("span",{className:a("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,Z.jsx)(p,{className:"k-button-icon",icon:"caret-alt-right"})})]}),(0,Z.jsx)(ao,{className:"k-toolbar-button-separator"}),(0,Z.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L})]}),n&&c==="end"&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L}),(0,Z.jsx)(ao,{className:"k-toolbar-button-separator"}),(0,Z.jsxs)(j,{children:[(0,Z.jsx)("span",{className:a("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,Z.jsx)(p,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,Z.jsx)("span",{className:a("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,Z.jsx)(p,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),n&&(c==="around"||!c)&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)("span",{className:a("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,Z.jsx)(p,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,Z.jsx)(ao,{className:"k-toolbar-button-separator"}),(0,Z.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L}),(0,Z.jsx)(ao,{className:"k-toolbar-button-separator"}),(0,Z.jsx)("span",{className:a("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,Z.jsx)(p,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};ce.states=Vx;ce.options=Xx;ce.className=Lo;ce.defaultOptions=Jx;ce.moduleName=Co;ce.folderName=Jo;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"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",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",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",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"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",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",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};var Zp=require("react/jsx-runtime"),Qp="k-floating-toolbar",qx=[],Yx={},Qx={},lr=e=>{let{...t}=e;return(0,Zp.jsx)("div",{...t,className:a(e.className,Qp),children:e.children})};lr.states=qx;lr.options=Yx;lr.className=Qp;lr.defaultOptions=Qx;lr.moduleName=Co;lr.folderName=Jo;var jp=require("react/jsx-runtime"),Bn="k-toolbar-item",Zx=[s.focus],jx={},eN={},ir=e=>{let{focus:t,...o}=e;return(0,jp.jsx)("div",{...o,className:a(e.className,Bn,I(Bn,{focus:t})),children:e.children})};ir.states=Zx;ir.options=jx;ir.className=Bn;ir.defaultOptions=eN;ir.moduleName=Co;ir.folderName=Jo;var zn=require("react/jsx-runtime"),em="k-toolbar-popup",tN=[],oN={size:[d.undefined,d.small,d.medium,d.large],fillMode:[v.undefined,v.solid,v.outline,v.flat]},aN={},ha=e=>{let{size:t,fillMode:o,section:r,...l}=e;return(0,zn.jsx)(se,{...l,className:a(e.className,em),children:r?(0,zn.jsx)("span",{className:a("k-toolbar-items-list",A("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};ha.states=tN;ha.options=oN;ha.className=em;ha.defaultOptions=aN;ha.moduleName=Co;ha.folderName=Jo;var Bl=ha;var rN=require("react/jsx-runtime");var lN=require("react/jsx-runtime");var iN=require("react/jsx-runtime");var tm=require("react/jsx-runtime");var nN=require("react/jsx-runtime");var qt=require("react/jsx-runtime"),sN=re.states,om={...re.defaultOptions,variant:"text"},dN=re.options,cN=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],pN=[{name:"opened",title:"Opened"}],nr=e=>{let{variant:t,modifiers:o,...r}={...om,...e},l={},n=(0,qt.jsxs)(_e,{size:r.size,children:[(0,qt.jsx)(ae,{first:!0,text:"Menu Item"}),(0,qt.jsx)(ae,{text:"Menu Item"}),(0,qt.jsx)(ae,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(c=>{c==="opened"&&(l.opened=!!(o!=null&&o[c]),l.popup=o!=null&&o[c]?n:"")}),t){case"icon-only":return(0,qt.jsx)("div",{children:(0,qt.jsx)(re,{...r,...l,icon:"star"})});case"icon-and-text":return(0,qt.jsx)("div",{children:(0,qt.jsx)(re,{...r,...l,icon:"star",children:"Split Button"})});default:return(0,qt.jsx)("div",{children:(0,qt.jsx)(re,{...r,...l,children:"Split Button"})})}};nr.options=dN;nr.states=sN;nr.variants=cN;nr.defaultOptions=om;nr.modifiers=pN;nr.className=re.className;var po=require("react/jsx-runtime"),am=e=>(0,po.jsx)(ce,{children:[(0,po.jsx)(u,{children:"Button"},"toolbar-button"),(0,po.jsx)(me,{text:"Menu button"},"toolbar-menu-button"),(0,po.jsx)(re,{children:"Split button"},"toolbar-split-button"),(0,po.jsxs)(j,{children:[(0,po.jsx)(u,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,po.jsx)(u,{icon:"align-center",children:"Center"}),(0,po.jsx)(u,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var rm=require("react/jsx-runtime");var qe=require("react/jsx-runtime"),lm=e=>(0,qe.jsx)(ce,{scrollable:!0,...e,children:[(0,qe.jsx)(u,{children:"Button"},"toolbar-button"),(0,qe.jsx)(me,{text:"Menu button"},"toolbar-menu-button"),(0,qe.jsx)(re,{children:"Split button"},"toolbar-split-button"),(0,qe.jsxs)(j,{children:[(0,qe.jsx)(u,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,qe.jsx)(u,{icon:"align-center",children:"Center"}),(0,qe.jsx)(u,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,qe.jsx)(u,{children:"Button"},"toolbar-button"),(0,qe.jsx)(me,{text:"Menu button"},"toolbar-menu-button"),(0,qe.jsx)(re,{children:"Split button"},"toolbar-split-button"),(0,qe.jsxs)(j,{children:[(0,qe.jsx)(u,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,qe.jsx)(u,{icon:"align-center",children:"Center"}),(0,qe.jsx)(u,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var Ye=require("react/jsx-runtime"),im=({scrollingPosition:e="start",...t})=>(0,Ye.jsx)(ce,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[(0,Ye.jsx)(u,{children:"Button"},"toolbar-button"),(0,Ye.jsx)(me,{text:"Menu button"},"toolbar-menu-button"),(0,Ye.jsx)(re,{children:"Split button"},"toolbar-split-button"),(0,Ye.jsxs)(j,{children:[(0,Ye.jsx)(u,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Ye.jsx)(u,{icon:"align-center",children:"Center"}),(0,Ye.jsx)(u,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,Ye.jsx)(u,{children:"Button"},"toolbar-button"),(0,Ye.jsx)(me,{text:"Menu button"},"toolbar-menu-button"),(0,Ye.jsx)(re,{children:"Split button"},"toolbar-split-button"),(0,Ye.jsxs)(j,{children:[(0,Ye.jsx)(u,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Ye.jsx)(u,{icon:"align-center",children:"Center"}),(0,Ye.jsx)(u,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});var Me=require("react/jsx-runtime"),nm=({fillMode:e,size:t,...o})=>(0,Me.jsxs)(Me.Fragment,{children:[(0,Me.jsx)(ce,{section:!0,fillMode:e,size:t,children:[(0,Me.jsx)(u,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,Me.jsxs)(j,{fillMode:e,children:[(0,Me.jsx)(u,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,Me.jsx)(u,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,Me.jsx)(u,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),(0,Me.jsx)(ao,{className:"k-toolbar-button-separator"}),(0,Me.jsx)(u,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),(0,Me.jsxs)(Bl,{size:t,fillMode:e,section:!0,...o,children:[(0,Me.jsx)(re,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),(0,Me.jsx)(u,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,Me.jsx)(ao,{}),(0,Me.jsx)(me,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),(0,Me.jsxs)(j,{fillMode:e,children:[(0,Me.jsx)(u,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,Me.jsx)(u,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,Me.jsx)(u,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});var Un=require("react/jsx-runtime");var Fn=require("react/jsx-runtime");var yo=require("react/jsx-runtime"),mN=ce.options,uN=ce.states,sm={...ce.defaultOptions,variant:"default"},bN=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],TN=[],sr=e=>{let{variant:t,...o}={...sm,...e};switch(t){case"responsive":return(0,yo.jsx)("div",{children:(0,yo.jsx)(nm,{style:{width:"583px"},...o})});case"overlay":return(0,yo.jsx)("div",{children:(0,yo.jsx)(im,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,yo.jsx)("div",{children:(0,yo.jsx)(lm,{style:{width:"583px"},...o})});default:return(0,yo.jsx)("div",{children:(0,yo.jsx)(am,{style:{width:"583px"},...o})})}};sr.options=mN;sr.states=uN;sr.variants=bN;sr.defaultOptions=sm;sr.modifiers=TN;sr.className=ce.className;var cm=require("react/jsx-runtime"),dm="k-gantt-header",qo=e=>(0,cm.jsx)(ce,{...e,className:a(e.className,dm,"k-gantt-toolbar"),children:e.children});qo.className=dm;qo.moduleName=Te;qo.folderName=ge;var mm=require("react/jsx-runtime"),pm="k-gantt-footer",dr=e=>(0,mm.jsx)(ce,{...e,className:a(e.className,pm,"k-gantt-toolbar"),children:e.children});dr.className=pm;dr.moduleName=Te;dr.folderName=ge;var bm=require("react/jsx-runtime"),um="k-gantt-content",Yo=e=>(0,bm.jsx)("div",{...e,className:a(e.className,um),children:e.children});Yo.className=um;Yo.moduleName=Te;Yo.folderName=ge;var fm=require("react/jsx-runtime"),Tm="k-gantt-tables",Qo=e=>(0,fm.jsx)("div",{...e,className:a(e.className,Tm),children:e.children});Qo.className=Tm;Qo.moduleName=Te;Qo.folderName=ge;var Qe="table",nt=Qe;var hm=require("react/jsx-runtime"),gm="k-data-table",fN=[],gN={size:[d.undefined,d.small,d.medium,d.large]},hN={},Mo=e=>{let{size:t,...o}=e;return(0,hm.jsx)("div",{...o,className:a(e.className,gm,A("k-table",{size:t})),children:e.children})};Mo.states=fN;Mo.options=gN;Mo.className=gm;Mo.defaultOptions=hN;Mo.moduleName=Qe;Mo.folderName=nt;var xm=require("react/jsx-runtime"),$n="k-table-header-wrap",xN=[s.hover,s.focus,s.disabled],NN={},kN={},Zo=e=>{let{children:t,hover:o,focus:r,disabled:l,...n}=e;return(0,xm.jsx)("div",{...n,className:a(e.className,$n,I($n,{hover:o,focus:r,disabled:l})),children:t})};Zo.states=xN;Zo.options=NN;Zo.className=$n;Zo.defaultOptions=kN;Zo.moduleName=Qe;Zo.folderName=nt;var Nm=require("react/jsx-runtime"),Wn="k-table",wN=[],vN={size:[d.undefined,d.small,d.medium,d.large]},CN={},Se=e=>{let{size:t,...o}=e;return(0,Nm.jsx)("table",{...o,className:a(e.className,Wn,A(Wn,{size:t})),children:e.children})};Se.states=wN;Se.options=vN;Se.className=Wn;Se.defaultOptions=CN;Se.moduleName=Qe;Se.folderName=nt;var zl=require("react/jsx-runtime"),Vn="k-table-header",LN=[s.hover,s.focus,s.disabled],yN={},MN={},So=e=>{let{children:t,hover:o,focus:r,disabled:l,...n}=e;return(0,zl.jsx)("div",{...n,className:a(e.className,Vn,I(Vn,{hover:o,focus:r,disabled:l})),children:(0,zl.jsx)(Zo,{children:(0,zl.jsx)(Se,{children:t})})})};So.states=LN;So.options=yN;So.className=Vn;So.defaultOptions=MN;So.moduleName=Qe;So.folderName=nt;var wm=require("react/jsx-runtime"),km="k-table-scroller",SN=[],RN={},AN={},cr=e=>{let{children:t,...o}=e;return(0,wm.jsx)("div",{...o,className:a(e.className,km),children:t})};cr.states=SN;cr.options=RN;cr.className=km;cr.defaultOptions=AN;cr.moduleName=Qe;cr.folderName=nt;var EN=require("react/jsx-runtime");var Cm=require("react/jsx-runtime"),vm="k-table-footer",IN=[],GN={},ON={},jo=e=>{let{children:t,...o}=e;return(0,Cm.jsx)("div",{...o,className:a(e.className,vm),children:t})};jo.states=IN;jo.options=GN;jo.className=vm;jo.defaultOptions=ON;jo.moduleName=Qe;jo.folderName=nt;var Lm=require("react/jsx-runtime"),Xn="k-table-list",HN=[],PN={size:[d.undefined,d.small,d.medium,d.large]},_N={},ea=e=>{let{size:t,virtualization:o,...r}=e;return(0,Lm.jsx)("ul",{...r,className:a(e.className,"k-table",Xn,A(Xn,{size:t}),{"k-virtual-table":o}),children:e.children})};ea.states=HN;ea.options=PN;ea.className=Xn;ea.defaultOptions=_N;ea.moduleName=Qe;ea.folderName=nt;var ym=require("react/jsx-runtime"),KN="k-table-thead",W=e=>(0,ym.jsx)("thead",{className:a(e.className,KN),children:e.children});var Mm=require("react/jsx-runtime"),DN="k-table-tbody",z=e=>(0,Mm.jsx)("tbody",{className:a(e.className,DN),children:e.children});var BN=require("react/jsx-runtime");var Sm=require("react/jsx-runtime"),Jn="k-table-row",zN=[s.hover,s.focus,s.selected,s.disabled,s.highlighted],h=e=>{let{hover:t,focus:o,selected:r,highlighted:l,disabled:n,alt:c,...b}=e;return(0,Sm.jsx)("tr",{...b,className:a(e.className,Jn,{"k-table-alt-row":c},I(Jn,{hover:t,focus:o,disabled:n,selected:r,highlighted:l})),children:e.children})};h.states=zN;h.className=Jn;var Rm=require("react/jsx-runtime"),qn="k-table-row",UN=[s.hover,s.focus,s.selected,s.disabled],Ul=e=>{let{hover:t,focus:o,selected:r,disabled:l,alt:n,...c}=e;return(0,Rm.jsx)("li",{...c,className:a(e.className,qn,{"k-table-alt-row":n},I(qn,{hover:t,focus:o,disabled:l,selected:r})),children:e.children})};Ul.states=UN;Ul.className=qn;var Em=require("react/jsx-runtime"),Am="k-table-th",Ro=e=>{let{text:t,colspan:o,rowspan:r,...l}=e,n=t||e.children;return(0,Em.jsx)("th",{colSpan:o,rowSpan:r,...l,className:a(e.className,Am),children:n})};Ro.className=Am;Ro.moduleName=Qe;Ro.folderName=nt;var FN=require("react/jsx-runtime");var Im=require("react/jsx-runtime"),Yn="k-table-td",$N=[s.focus,s.selected,s.highlighted],i=e=>{let{focus:t,selected:o,highlighted:r,text:l,colspan:n,rowspan:c,...b}=e,g=l||e.children;return(0,Im.jsx)("td",{colSpan:n,rowSpan:c,...b,className:a(e.className,Yn,I(Yn,{focus:t,selected:o,highlighted:r})),children:g})};i.states=$N;i.className=Yn;var WN=require("react/jsx-runtime");var VN=require("react/jsx-runtime");var XN=require("react/jsx-runtime");var JN=require("react/jsx-runtime");var qN=require("react/jsx-runtime");var Om=require("react/jsx-runtime");var Hm=require("react/jsx-runtime");var _m=require("react/jsx-runtime");var Qn=require("react/jsx-runtime");var Dm=require("react/jsx-runtime"),Km="k-gantt-columns",ta=e=>(0,Dm.jsx)(Se,{...e,className:a(e.className,Km),role:"presentation",children:e.children});ta.className=Km;ta.moduleName=Te;ta.folderName=ge;var zm=require("react/jsx-runtime"),Bm="k-gantt-rows",oa=e=>(0,zm.jsx)(Se,{...e,className:a(e.className,Bm),role:"presentation",children:e.children});oa.className=Bm;oa.moduleName=Te;oa.folderName=ge;var Fm=require("react/jsx-runtime"),Um="k-gantt-tasks",aa=e=>(0,Fm.jsx)(Se,{...e,className:a(e.className,Um),role:"presentation",children:e.children});aa.className=Um;aa.moduleName=Te;aa.folderName=ge;var Vm=require("react/jsx-runtime"),$m="k-task",ZN=[],jN={},Wm={type:"single"},Ze=e=>{let{type:t=Wm.type,ariaLevel:o,...r}=e;return(0,Vm.jsx)("div",{...r,className:a(e.className,$m,{"k-task-single":t==="single","k-task-milestone":t==="milestone","k-task-summary":t==="summary"}),role:"treeitem",...o!==void 0&&{"aria-level":o}})};Ze.states=ZN;Ze.options=jN;Ze.className=$m;Ze.defaultOptions=Wm;Ze.moduleName=Te;Ze.folderName=ge;var qm=require("react/jsx-runtime"),Xm="k-task-wrap",ek=[],tk={},Jm={type:"single"},je=e=>{let{type:t=Jm.type,...o}=e;return(0,qm.jsx)("div",{...o,className:a(e.className,Xm,{"k-milestone-wrap":t==="milestone","k-summary-wrap":t==="summary"})})};je.states=ek;je.options=tk;je.className=Xm;je.defaultOptions=Jm;je.moduleName=Te;je.folderName=ge;var Zm=require("react/jsx-runtime"),Ym="k-task-dot",ok=[],ak={},Qm={position:"start"},xe=e=>{let{position:t=Qm.position,...o}=e;return(0,Zm.jsx)("div",{...o,className:a(e.className,Ym,{"k-task-start":t==="start","k-task-end":t==="end"}),"aria-hidden":"true"})};xe.states=ok;xe.options=ak;xe.className=Ym;xe.defaultOptions=Qm;xe.moduleName=Te;xe.folderName=ge;var Ao=require("react/jsx-runtime"),jm="k-task-content",rk=[],lk={},ik={},Pt=e=>{let{content:t,...o}=e;return(0,Ao.jsxs)("div",{...o,className:a(e.className,jm),children:[t&&(0,Ao.jsx)("div",{className:"k-task-template",children:t}),(0,Ao.jsx)("span",{className:"k-task-actions","aria-hidden":"true",children:(0,Ao.jsx)("a",{className:"k-link k-task-delete",children:(0,Ao.jsx)(p,{icon:"x"})})}),(0,Ao.jsx)("span",{className:"k-resize-handle k-resize-w","aria-hidden":"true"}),(0,Ao.jsx)("span",{className:"k-resize-handle k-resize-e","aria-hidden":"true"})]})};Pt.states=rk;Pt.options=lk;Pt.className=jm;Pt.defaultOptions=ik;Pt.moduleName=Te;Pt.folderName=ge;var ou=require("react/jsx-runtime"),eu="k-gantt-line",nk=[],sk={},tu={orientation:"horizontal"},Re=e=>{let{orientation:t=tu.orientation,...o}=e;return(0,ou.jsx)("div",{...o,className:a(e.className,eu,{"k-gantt-line-h":t==="horizontal","k-gantt-line-v":t==="vertical"}),"aria-hidden":"true"})};Re.states=nk;Re.options=sk;Re.className=eu;Re.defaultOptions=tu;Re.moduleName=Te;Re.folderName=ge;var le="grid",ne=le;var $l=require("react/jsx-runtime"),Fl="k-grid",dk=[],ck={size:[d.undefined,d.small,d.medium,d.large]},pk=[],au={pagerPosition:"bottom"},q=e=>{let{size:t,pagerPosition:o=au.pagerPosition,toolbar:r,pager:l,groupingHeader:n,gridSelectionAggregates:c,_renderAriaRoot:b,resizable:g,ariaColCount:N,ariaRowCount:L,ariaRootId:y,ariaRole:x="grid",...R}=e;return(0,$l.jsxs)("div",{...R,className:a(e.className,Fl,{[`${Fl}-resizable`]:g},A(Fl,{size:t})),children:[r,o==="top"&&l,n,e.children&&b?(0,$l.jsx)("div",{className:"k-grid-aria-root",role:x,id:y,"aria-colcount":N,"aria-rowcount":L,children:e.children}):e.children,c,o==="bottom"&&l]})};q.states=dk;q.options=ck;q.variants=pk;q.className=Fl;q.defaultOptions=au;q.moduleName=le;q.folderName=ne;q.ariaSpec={selector:".k-grid",rules:[{selector:".k-grid-toolbar",attribute:"role=toolbar",usage:"The toolbar is a collection of command buttons and inputs."},{selector:".k-grid-toolbar",attribute:"aria-label",usage:"Clarifies the purpose of the toolbar."},{selector:".k-grid-toolbar",attribute:"aria-controls=.k-grid-aria-root id (when present)",usage:"Pointing to the id of the element with role=grid."},{selector:".k-grouping-header",attribute:"role=toolbar",usage:"The Grouping pane is a ToolBar (collection of buttons)."},{selector:".k-grouping-header",attribute:"aria-label",usage:"Clarifies the purpose of the grouping pane."},{selector:".k-grouping-header",attribute:"aria-controls=.k-grid-aria-root id (when present)",usage:"Pointing to the id of the element with role=grid."},{selector:".k-grouping-header .k-chip-list",attribute:"role=none",usage:"The ChipList default listbox role is removed to keep the toolbar --> button roles hierarchy."},{selector:".k-grouping-header .k-chip",attribute:"role=button",usage:"If the element used is not <button>, then the role must be specified."},{selector:".k-grid:not(.k-treelist) .k-grid-aria-root",attribute:"role=grid",usage:"The role specifies the element is a Data Grid."},{selector:".k-grid-aria-root",attribute:"aria-colcount (when present)",usage:"The total number of columns in the Grid. Needed for Virtual columns and Hidden columns scenarios."},{selector:".k-grid-aria-root",attribute:"aria-rowcount (when present)",usage:"The total number of rows in the table. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:".k-grid-header-wrap>table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-grid-header-wrap>table>thead",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)",attribute:"aria-rowindex (when present)",usage:"Row number. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th:not(.k-hierarchy-cell):not(.k-group-cell):not(.k-drag-cell)",attribute:"role=columnheader",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th",attribute:"aria-sort (when present)",usage:"Present if sorting is enabled for that column."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th",attribute:"aria-colindex (when present)",usage:"Col number. Needed for Virtual columns and Hidden columns scenarios."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th",attribute:"aria-haspopup=dialog (when present)",usage:"Present if the column has a ColumnMenu or FilterMenu."},{selector:".k-grid-header-wrap>table>thead>tr.k-filter-row>td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr.k-filter-row>td",attribute:"aria-label",usage:"Has a label indicating that the cell is part of a filter row."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table, .k-grid-pinned-container .k-grid-table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody, .k-grid-pinned-container tbody",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr, .k-grid-pinned-container tbody tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr, .k-grid-pinned-container tbody tr",attribute:"aria-rowindex (when present)",usage:"Row number. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr>td, .k-grid-pinned-container tbody td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr>td, .k-grid-pinned-container tbody td",attribute:"aria-colindex (when present)",usage:"Col number. Needed for Virtual columns and Hidden columns scenarios."},{selector:"tr.k-selected",attribute:"aria-selected=true",usage:"Set on the currently selected row(s) in row selection mode. All cells within the selected row also carry aria-selected=true (without k-selected class). Applies to both regular and pinned rows."},{selector:"td.k-selected",attribute:"aria-selected=true",usage:"Set on the currently selected cell(s) in cell selection mode. The k-selected class on cells is only applied in cell selection mode, but aria-selected=true is present on cells regardless of selection mode."},{selector:".k-master-row .k-hierarchy-cell, .k-grouping-row>td",attribute:"aria-expanded",usage:"For cells holding grouping criteria values and for Master row cells in Detail template scenario."},{selector:".k-group-cell",attribute:"role=presentation",usage:"Group offset cells (header and content) are non-interactive placeholders with no semantic role."},{selector:".k-drag-cell",attribute:"aria-label",usage:"Must be present in a Drag Row scenario on the cell containing the drag handle."},{selector:".k-grid-header-locked table tr",attribute:"aria-owns",usage:"Locked header rows own cells from the corresponding non-locked header table rows."},{selector:".k-grid-content-locked table tr:not(.k-grouping-row)",attribute:"aria-owns",usage:"Locked content rows own cells from the corresponding non-locked content table rows. Group header rows are excluded because the non-locked group header rows are presentational."},{selector:".k-grid-lockedcolumns .k-grid-header .k-grid-header-wrap table tr",attribute:"role=none",usage:"Non-locked header rows have their semantic role removed when locked columns exist."},{selector:".k-grid-lockedcolumns .k-grid-content table tr",attribute:"role=none",usage:"Non-locked content rows have their semantic role removed when locked columns exist."},{selector:".k-grid-lockedcolumns .k-grid-header .k-grid-header-wrap th",attribute:"role=columnheader",usage:"Non-locked header cells retain columnheader role so they are announced correctly when owned via aria-owns."},{selector:".k-grid-lockedcolumns .k-grid-content td:not(.k-grouping-row td)",attribute:"role=gridcell",usage:"Non-locked data cells retain gridcell role so they are announced correctly when owned via aria-owns. Cells inside group header rows are excluded as those rows are presentational."},{selector:".k-grid-filter-popup",attribute:"role=dialog",usage:"The filter menu popup has dialog role."},{selector:".k-grid-filter-popup",attribute:"id",usage:"Unique id linked to the header cell aria-controls attribute."},{selector:".k-grid-filter-popup",attribute:"aria-label",usage:'Descriptive label for the filter menu, e.g. "Column Title Filter Menu".'},{selector:".k-grid-columnmenu-popup",attribute:"role=dialog",usage:"The column menu popup has dialog role."},{selector:".k-grid-columnmenu-popup",attribute:"id",usage:"Unique id linked to the header cell aria-controls attribute."},{selector:".k-grid-columnmenu-popup",attribute:"aria-label",usage:'Descriptive label for the column menu, e.g. "Column Title Column Menu".'},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"role=button",usage:"Column menu items have button role."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"tabindex=0",usage:"Column menu items are focusable."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"aria-expanded",usage:"Expandable column menu items announce their expanded state."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"aria-controls",usage:"Expandable items point to the id of the content they control."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"role=listbox",usage:"The column list is a listbox."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"aria-multiselectable=true",usage:"The column list supports multiple selections."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"aria-label",usage:"Accessible name for the column list."},{selector:".k-grid-columnmenu-popup .k-column-list-item",attribute:"role=option",usage:"Column list items are options."},{selector:".k-grid-columnmenu-popup .k-column-list-item",attribute:"aria-checked",usage:"Column list items announce their checked state."},{selector:"tfoot",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:"tfoot tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:"tfoot tr",attribute:"aria-rowindex (when present)",usage:"Row number. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:"tfoot tr td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:"tfoot tr td",attribute:"aria-colindex (when present)",usage:"Col number. Needed for Virtual columns and Hidden columns scenarios."},{selector:".k-grid-selection-aggregates",attribute:"aria-live=polite",usage:"Ensures that changes in the calculated selection aggregates are announced by assistive technologies."},{selector:".k-grid-stack-cell",attribute:"tabindex=0",usage:"Stacked cell elements receive tabindex 0 when focus is within their parent .k-grid-stack-row element."},{selector:".k-grid-sticky-container",attribute:"role=none",usage:"Sticky group container has no semantic role."},{selector:".k-grid-sticky-container .k-grid-table",attribute:"role=none",usage:"Negates the default semantic role of the sticky group <table> element."},{selector:".k-grid-sticky-container tbody",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-sticky-container tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-sticky-container tr",attribute:"aria-rowindex",usage:"Matches the aria-rowindex of the real group header/footer row it mirrors."},{selector:".k-grid-sticky-container td:not(.k-group-cell)",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed. Group offset cells are excluded as they retain role=presentation."},{selector:".k-grid-sticky-container .k-grouping-row>td",attribute:"aria-expanded",usage:"Mirrors the expanded/collapsed state of the real group header row."},{selector:".k-grid-sticky-container td:not(.k-group-cell)",attribute:"tabindex",usage:"Receives tabindex 0 when focused, -1 otherwise, for keyboard navigation. Group offset cells are excluded as they are presentational."},{selector:".k-grid-sticky-container td",attribute:"aria-colindex (when present)",usage:"Col number. Typically 1 for the group header cell spanning all columns."},{selector:".k-grid-pinned-container",attribute:"role=none",usage:"Container for pinned rows has no semantic role."},{selector:".k-grid-pinned-container .k-grid-pinned-wrap",attribute:"role=none",usage:"Inner wrapper for the pinned rows table has no semantic role."},{selector:".k-grid-pinned-container tbody",attribute:"aria-label",usage:'Describes the purpose of the pinned rows group, e.g. "Top pinned rows" or "Bottom pinned rows".'},{selector:".k-grid-pinned-container td",attribute:"aria-haspopup=menu (when present)",usage:"Pinned row cells announce the context menu for row pinning operations."},{selector:".k-grid-pinned-container td",attribute:"aria-controls",usage:"Points to the ID of the context menu popup for row pinning."},{selector:".k-grid-pinned-container td",attribute:"aria-expanded",usage:"Indicates whether the context menu popup is open."},{selector:".k-grid-content td",attribute:"aria-haspopup=menu (when present)",usage:"Regular data cells announce context menu when row pinning uses contextual mode."},{selector:".k-grid-content td",attribute:"aria-controls",usage:"Points to the ID of the context menu popup for row pinning."},{selector:".k-grid-content td",attribute:"aria-expanded",usage:"Indicates whether the context menu popup is open."},{selector:'.k-pin-cell [class*="k-icon"]',attribute:"aria-hidden=true",usage:"Pin/unpin icon inside the dedicated column is decorative and must be hidden from assistive technologies."}]};var lu=require("react/jsx-runtime"),ru="k-grid-header",F=e=>{let{draggable:t,...o}=e;return(0,lu.jsx)("div",{...o,className:a(e.className,ru,{"k-grid-draggable-header":t}),children:e.children})};F.className=ru;F.moduleName=le;F.folderName=ne;var Zr=require("react/jsx-runtime"),iu="k-grouping-header",mo=e=>{let{dropHint:t,dropClue:o,...r}=e;return(0,Zr.jsxs)("div",{...r,className:a(e.className,iu),children:[o&&(0,Zr.jsx)("div",{className:"k-grouping-dropclue"}),e.children,(0,Zr.jsx)("div",{className:"k-grouping-drop-container",children:t})]})};mo.className=iu;mo.moduleName=le;mo.folderName=ne;var su=require("react/jsx-runtime"),nu="k-grid-pinned-container",jr=e=>{let{position:t,...o}=e;return(0,su.jsx)("div",{...o,className:a(e.className,nu,{"k-pos-bottom":t==="bottom"}),children:e.children})};jr.className=nu;jr.moduleName=le;jr.folderName=ne;var cu=require("react/jsx-runtime"),du="k-grid-sticky-container",el=e=>{let{position:t,...o}=e;return(0,cu.jsx)("div",{...o,className:a(e.className,du,{"k-pos-bottom":t==="bottom"}),children:e.children})};el.className=du;el.moduleName=le;el.folderName=ne;var mu=require("react/jsx-runtime"),pu="k-grid-header-table",$=e=>(0,mu.jsx)(Se,{...e,className:a(e.className,pu),children:e.children});$.className=pu;$.moduleName=le;$.folderName=ne;var _t=require("react/jsx-runtime"),Zn="k-header",mk=[s.hover,s.focus,s.active],uu={sortIcon:"sort-asc-small"},M=e=>{let{menu:t,sortable:o,filterable:r,sticky:l,resizable:n,columnTitle:c,hover:b,focus:g,active:N,sortIcon:L=uu.sortIcon,sortOrder:y,accessibleLabel:x,...R}=e;return(0,_t.jsxs)(Ro,{...R,className:a(e.className,Zn,{"k-filterable":t||r,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":n},I(Zn,{hover:b,focus:g,active:N})),children:[c&&(0,_t.jsxs)("span",{className:"k-cell-inner",children:[(0,_t.jsxs)("span",{className:"k-link",children:[(0,_t.jsx)("span",{className:"k-column-title",children:c}),o&&(0,_t.jsx)("span",{className:"k-sort-icon",children:(0,_t.jsx)(p,{icon:L})}),y&&(0,_t.jsx)("span",{className:"k-sort-order",children:y})]}),t&&(0,_t.jsx)("a",{className:a("k-grid-header-menu",{"k-active":N,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:(0,_t.jsx)(p,{icon:t==="filter"?"filter":"more-vertical"})})]}),!c&&x&&(0,_t.jsx)("span",{className:"k-sr-only",children:x}),e.children,n&&(0,_t.jsx)("span",{className:"k-column-resizer k-touch-action-none"})]})};M.states=mk;M.className=Zn;M.defaultOptions=uu;M.moduleName=le;M.folderName=ne;var Tu=require("react/jsx-runtime"),bu="k-grid-container",Y=e=>(0,Tu.jsx)("div",{...e,className:a(e.className,bu),children:e.children});Y.className=bu;Y.moduleName=le;Y.folderName=ne;var gu=require("react/jsx-runtime"),fu="k-grid-content",V=e=>(0,gu.jsx)("div",{...e,className:a(e.className,fu),children:e.children});V.className=fu;V.moduleName=le;V.folderName=ne;var xu=require("react/jsx-runtime"),hu="k-grid-table",J=e=>(0,xu.jsx)(Se,{...e,className:a(e.className,hu),children:e.children});J.className=hu;J.moduleName=le;J.folderName=ne;var ku=require("react/jsx-runtime"),Nu="k-grid-footer",Wl=e=>(0,ku.jsx)("div",{...e,className:a(e.className,Nu),children:e.children});Wl.className=Nu;Wl.moduleName=le;Wl.folderName=ne;var vu=require("react/jsx-runtime"),wu="k-grid-footer-table",Vl=e=>(0,vu.jsx)(Se,{...e,className:a(e.className,wu),children:e.children});Vl.className=wu;Vl.moduleName=le;Vl.folderName=ne;var jn="pager",Cu=jn;var Ne=require("react/jsx-runtime"),Xl="k-pager",uk=[s.focus,s.disabled],bk={size:[d.undefined,d.small,d.medium,d.large]},Kt={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},we=e=>{let{responsive:t=Kt.responsive,size:o,pagerSizeInfo:r=Kt.pagerSizeInfo,pageTitleInfo:l=Kt.pageTitleInfo,maxPagesInfo:n=Kt.maxPagesInfo,itemsPerPage:c=Kt.itemsPerPage,maxPages:b=Kt.maxPages,currentPage:g=Kt.currentPage,previousNext:N=Kt.previousNext,type:L=Kt.type,pageSizes:y=Kt.pageSizes,refresh:x=Kt.refresh,info:R=Kt.info,focus:E,disabled:K,dir:X,...U}=e,te=[],ve=[];for(let be=1;be<=b;be++)te.push((0,Ne.jsx)(u,{selected:be===g,fillMode:"flat",themeColor:"primary",size:o,"aria-label":`Page ${be}`,...be===g&&{"aria-current":"page"},children:be},be)),ve.push((0,Ne.jsx)("option",{selected:be===g,children:be},be));return(0,Ne.jsxs)("div",{dir:X,...U,className:a(e.className,Xl,A(Xl,{size:o}),I(Xl,{focus:E,disabled:K}),{"k-pager-responsive":t}),role:"application","aria-roledescription":"pager","aria-keyshortcuts":"Enter ArrowRight ArrowLeft","aria-label":`Page ${g} of ${b}`,children:[(0,Ne.jsxs)("div",{className:a("k-pager-numbers-wrap"),children:[N&&(0,Ne.jsxs)(Ne.Fragment,{children:[(0,Ne.jsx)(u,{className:a("k-pager-nav","k-pager-first"),ariaDisabled:g===1,fillMode:"flat",size:o,icon:X==="rtl"?"caret-alt-to-right":"caret-alt-to-left",title:"Go to the first page","aria-label":"Go to the first page"}),(0,Ne.jsx)(u,{className:a("k-pager-nav"),ariaDisabled:g===1,fillMode:"flat",size:o,icon:X==="rtl"?"caret-alt-right":"caret-alt-left",title:"Go to the previous page","aria-label":"Go to the previous page"})]}),L==="numeric"&&(0,Ne.jsx)("div",{className:a("k-pager-numbers"),children:te}),L==="input"&&(0,Ne.jsxs)("span",{className:a("k-pager-input"),children:[l&&(0,Ne.jsx)("span",{children:"Page"}),(0,Ne.jsx)(oe,{value:`${g}`,size:o,showSpinButton:!1,showClearButton:!1,"aria-label":"Current page"}),(0,Ne.jsx)("span",{children:n&&`of ${b}`})]}),N&&(0,Ne.jsxs)(Ne.Fragment,{children:[(0,Ne.jsx)(u,{className:a("k-pager-nav"),ariaDisabled:g===b,fillMode:"flat",size:o,icon:X==="rtl"?"caret-alt-left":"caret-alt-right",title:"Go to the next page","aria-label":"Go to the next page"}),(0,Ne.jsx)(u,{className:a("k-pager-nav","k-pager-last"),ariaDisabled:g===b,fillMode:"flat",size:o,icon:X==="rtl"?"caret-alt-to-left":"caret-alt-to-right",title:"Go to the last page","aria-label":"Go to the last page"})]})]}),y&&(0,Ne.jsxs)("span",{className:a("k-pager-sizes"),children:[(0,Ne.jsx)(pe,{value:`${c}`,size:o,"aria-label":"Items per page"}),r&&(0,Ne.jsx)("span",{children:"items per page"})]}),x&&(0,Ne.jsx)(u,{className:a("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw",title:"Refresh","aria-label":"Refresh"}),R&&(0,Ne.jsx)("span",{className:a("k-pager-info"),children:R})]})};we.states=uk;we.options=bk;we.className=Xl;we.defaultOptions=Kt;we.moduleName=jn;we.folderName=Cu;we.ariaSpec={selector:".k-pager",rules:[{selector:".k-pager",attribute:"role=application",usage:"Indicates that the pager has its own keyboard navigation implemented."},{selector:".k-pager",attribute:"aria-roledescription=pager",usage:"Clarifies the role of the Pager."},{selector:".k-pager",attribute:"aria-keyshortcuts=Enter ArrowRight ArrowLeft",usage:"Announces the available keyboard shortcuts."},{selector:".k-pager",attribute:"aria-label",usage:"Announces the currently selected page and the number of available pages."},{selector:".k-pager-nav",attribute:"role=button or nodeName=button",usage:"Specifies the role of the navigation element."},{selector:".k-pager-nav.k-disabled",attribute:"aria-disabled=true",usage:"Present when the navigation button is non-interactive."},{selector:".k-pager-nav",attribute:"title",usage:"Specifies the purpose of each navigation button."},{selector:".k-pager-numbers .k-button",attribute:"aria-label or title",usage:"Specifies the purpose of each page link, e.g., Page 6."},{selector:".k-pager-numbers .k-button.k-selected",attribute:"aria-current=page",usage:"Present on the currently selected page element."},{selector:".k-pager-sizes .k-dropdownlist",attribute:"aria-label or aria-labelledby",usage:"The DropDownList requires a label to specify its purpose."},{selector:".k-pager-input .k-input-inner",attribute:"aria-label",usage:"The input requires a label to specify its purpose."}]};var Tk=require("react/jsx-runtime");var fk=require("react/jsx-runtime");var gk=require("react/jsx-runtime");var es=require("react/jsx-runtime"),hk=we.options,xk=we.states,Nk={...we.defaultOptions,variant:"numeric"},kk=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],wk=[],pr=e=>{let{variant:t,...o}=e;return t==="input"?(0,es.jsx)(we,{...o,type:"input"}):(0,es.jsx)(we,{...o,type:"numeric"})};pr.options=hk;pr.states=xk;pr.variants=kk;pr.defaultOptions=Nk;pr.modifiers=wk;pr.className=we.className;var yu=require("react/jsx-runtime"),Lu="k-grid-pager",Yt=e=>(0,yu.jsx)(we,{...e,className:a(e.className,Lu),children:e.children});Yt.className=Lu;Yt.moduleName=le;Yt.folderName=ne;var Su=require("react/jsx-runtime"),Mu="k-grid-toolbar",uo=e=>(0,Su.jsx)(ce,{...e,className:a(e.className,Mu),children:e.children});uo.className=Mu;uo.moduleName=le;uo.folderName=ne;var mr=require("react/jsx-runtime"),ts="k-grid-stack-cell",vk=[s.focus,s.selected],Jl=e=>{let{cellHeader:t,cellContent:o,edit:r,commandCell:l,dirty:n,focus:c,selected:b,...g}=e;return(0,mr.jsxs)("div",{...g,className:a(e.className,ts,{"k-grid-stack-edit-cell":r,"k-command-cell":l,"k-dirty-cell":n},I(ts,{focus:c,selected:b})),children:[n&&(0,mr.jsx)("span",{className:"k-dirty"}),t&&(0,mr.jsx)("div",{className:"k-grid-stack-header",children:t}),(0,mr.jsx)("div",{className:"k-grid-stack-content",children:o}),e.children]})};Jl.states=vk;Jl.className=ts;Jl.moduleName=le;Jl.folderName=ne;var Au=require("react/jsx-runtime"),Ru="k-grid-stack-row",ql=e=>{let{cols:t,...o}=e;return(0,Au.jsx)("div",{...o,className:a(e.className,Ru,{[`k-grid-cols-${t}`]:t}),children:e.children})};ql.className=Ru;ql.moduleName=le;ql.folderName=ne;var os=require("react/jsx-runtime");var as=require("react/jsx-runtime");var Tt="column-menu",Lt=Tt;var Iu=require("react/jsx-runtime"),rs="k-column-menu",Ck=[],Lk={size:[d.undefined,d.small,d.medium,d.large]},Eu={view:"list"},Eo=e=>{let{view:t=Eu.view,size:o,...r}=e;return(0,Iu.jsx)("div",{...r,className:a(e.className,rs,A(rs,{size:o}),{"k-column-menu-tabbed":t==="tabbed"}),children:e.children})};Eo.states=Ck;Eo.options=Lk;Eo.className=rs;Eo.defaultOptions=Eu;Eo.moduleName=Tt;Eo.folderName=Lt;Eo.ariaSpec={selector:".k-column-menu",rules:[{selector:".k-columnmenu-item",attribute:"role=button",usage:"Sets column menu item role to button."},{selector:".k-columnmenu-item",attribute:"tabindex=0",usage:"Sets column menu item tabindex."},{selector:".k-expander .k-columnmenu-item",attribute:"aria-expanded=true/false",usage:"Sets the expanded state of an expandable item."},{selector:".k-expander .k-columnmenu-item",attribute:"aria-controls",usage:"Points to id attribute of the content whose visibility the expandable item controls."},{selector:".k-expander .k-columnmenu-item-content",attribute:"id",usage:"Unique and deterministic id linked to the aria-controls attribute of the corresponding expandable item."},{selector:".k-column-list",attribute:"role=listbox",usage:"Sets the listbox role of the list of columns wrapper."},{selector:".k-column-list",attribute:"aria-multiselectable=true",usage:"Specifies that the list is multiselectable."},{selector:".k-column-list",attribute:"aria-label",usage:"Accessible name for the column list."},{selector:".k-column-list .k-column-list-item",attribute:"role=option",usage:"Sets the option role of the list item."},{selector:".k-column-list .k-column-list-item",attribute:"aria-checked=true/false",usage:"Sets the checked state of list item."}]};var is=require("react/jsx-runtime"),ls="k-column-list",yk=[],Mk={size:[d.undefined,d.small,d.medium,d.large]},Sk={},xa=e=>{let{size:t,...o}=e;return(0,is.jsx)("div",{className:"k-column-list-wrapper",children:(0,is.jsx)("div",{...o,className:a(e.className,ls,A(ls,{size:t})),role:"listbox","aria-multiselectable":"true",children:e.children})})};xa.states=yk;xa.options=Mk;xa.className=ls;xa.defaultOptions=Sk;xa.moduleName=Tt;xa.folderName=Lt;var tl=require("react/jsx-runtime"),ns="k-column-list-item",Rk=[s.focus,s.disabled,s.hover],Ak={},Ek={},ol=e=>{let{label:t,checked:o,focus:r,hover:l,disabled:n,...c}=e;return(0,tl.jsxs)("span",{...c,className:a(e.className,ns,I(ns,{focus:r,hover:l,disabled:n})),role:"option","aria-checked":o?"true":"false",children:[(0,tl.jsx)(Fe,{disabled:n,checked:o,"aria-label":t}),(0,tl.jsx)("span",{className:"k-checkbox-label",children:t})]})};ol.states=Rk;ol.options=Ak;ol.className=ns;ol.defaultOptions=Ek;var Na=require("react/jsx-runtime"),ss="k-columnmenu-item",Ik=[s.focus,s.selected],Gk={},Ok={},Io=e=>{let{focus:t,selected:o,text:r,startIcon:l,endIcon:n,sortIndex:c,...b}=e;return(0,Na.jsxs)("div",{...b,className:a(e.className,ss,I(ss,{focus:t,selected:o})),role:"button",tabIndex:0,children:[l&&(0,Na.jsx)(p,{icon:l}),r,n&&(0,Na.jsxs)("span",{className:"k-columnmenu-indicators",children:[(0,Na.jsx)(p,{icon:n}),c&&(0,Na.jsx)("span",{className:"k-sort-index",children:c})]}),e.children]})};Io.states=Ik;Io.options=Gk;Io.className=ss;Io.defaultOptions=Ok;Io.moduleName=Tt;Io.folderName=Lt;var Hk=require("react/jsx-runtime");var Ou=require("react/jsx-runtime"),Pk="k-columnmenu-item-content",Gu=e=>(0,Ou.jsx)("div",{...e,className:a(e.className,Pk,"k-columns-item"),children:e.children});var ds=require("react/jsx-runtime"),Hu="k-filter-menu",_k=[],Kk={},Dk={},ra=e=>{let{...t}=e;return(0,ds.jsx)("form",{...t,className:a(e.className,Hu),children:(0,ds.jsx)("div",{className:"k-filter-menu-container",children:e.children})})};ra.states=_k;ra.options=Kk;ra.className=Hu;ra.defaultOptions=Dk;ra.moduleName=Tt;ra.folderName=Lt;var Bk=require("react/jsx-runtime");var ur=require("react/jsx-runtime"),zk="k-item",Uk={size:[d.undefined,d.small,d.medium,d.large]},Fk=[],cs=e=>{let{text:t,size:o,...r}=e;return(0,ur.jsx)("li",{...r,className:a(e.className,zk),children:(0,ur.jsxs)("label",{className:"k-label k-checkbox-label",children:[(0,ur.jsx)(Fe,{size:o}),(0,ur.jsx)("span",{children:t})]})})};cs.states=Fk;cs.options=Uk;var bo=require("react/jsx-runtime"),Pu="k-expander",$k=[],Wk={},Vk={},ka=e=>{let{itemText:t,itemStartIcon:o,itemEndIcon:r,itemSortIndex:l,expanded:n,itemContent:c,expanderIcon:b,contentId:g,...N}=e,L=g||B("columnmenu-content"),y=!n&&!b?(0,bo.jsx)(p,{icon:"chevron-down"}):n&&!b?(0,bo.jsx)(p,{icon:"chevron-up"}):(0,bo.jsx)(p,{icon:b});return(0,bo.jsxs)("div",{...N,className:a(e.className,Pu),children:[(0,bo.jsxs)(Io,{text:t,startIcon:o,endIcon:r,sortIndex:l,"aria-expanded":n?"true":"false","aria-controls":L,children:[(0,bo.jsx)("span",{className:"k-spacer"}),(0,bo.jsx)("span",{className:"k-expander-indicator",children:y})]}),n&&(0,bo.jsx)(Gu,{id:L,children:c}),e.children]})};ka.states=$k;ka.options=Wk;ka.className=Pu;ka.defaultOptions=Vk;ka.moduleName=Tt;ka.folderName=Lt;var _u=require("react/jsx-runtime"),ps="k-group-menu",Xk=[],Jk={size:[d.undefined,d.small,d.medium,d.large]},qk={},br=e=>{let{size:t,...o}=e;return(0,_u.jsx)("div",{...o,className:a(e.className,ps,A(ps,{size:t})),children:e.children})};br.states=Xk;br.options=Jk;br.className=ps;br.defaultOptions=qk;br.moduleName=Tt;br.folderName=Lt;var To=require("react/jsx-runtime"),ms="k-group-menu-item",Yk=[s.hover,s.selected],Qk={},Zk={},Tr=e=>{let{hover:t,selected:o,text:r,actionsStart:l,actionsEnd:n,...c}=e;return(0,To.jsxs)("div",{...c,className:a(e.className,ms,I(ms,{hover:t,selected:o})),children:[l&&(0,To.jsx)("span",{className:"k-group-menu-item-actions",children:l}),(0,To.jsx)("span",{className:"k-group-item-text",children:r}),n&&(0,To.jsxs)(To.Fragment,{children:[(0,To.jsx)("span",{className:"k-spacer"}),(0,To.jsx)("span",{className:"k-group-menu-item-actions",children:n})]}),e.children]})};Tr.states=Yk;Tr.options=Qk;Tr.className=ms;Tr.defaultOptions=Zk;Tr.moduleName=Tt;Tr.folderName=Lt;var la=require("react/jsx-runtime"),us="k-group-menu-item-action",jk=[s.hover,s.disabled,s.selected],ew={size:[d.undefined,d.small,d.medium,d.large]};var bs=e=>{let{hover:t,disabled:o,selected:r,size:l,type:n,...c}=e,b;switch(n){case"remove":b=(0,la.jsx)(p,{icon:"x-circle",size:l});break;case"add":b=(0,la.jsx)(p,{icon:"plus-circle",size:l});break;case"drag":b=(0,la.jsx)(p,{icon:"handle-drag-dots",size:l});break;case"up":b=(0,la.jsx)(p,{icon:"chevron-up",size:l});break;case"down":b=(0,la.jsx)(p,{icon:"chevron-down",size:l});break;default:b=(0,la.jsx)(p,{icon:n,size:l});break}return(0,la.jsx)("span",{...c,className:a(e.className,us,I(us,{selected:r,hover:t,disabled:o}),`k-group-menu-item-${n}-action`),children:b})};bs.options=jk;bs.options=ew;bs.className=us;var tw=require("react/jsx-runtime");var Ts=require("react/jsx-runtime");var Bu=require("react/jsx-runtime"),Ku="k-tabstrip-items",ow=[],aw={},rw={tabAlignment:"start"},al=e=>{let{children:t,tabAlignment:o,orientation:r,...l}=e;return(0,Bu.jsx)("ul",{...l,className:a(e.className,Ku,"k-reset",`k-tabstrip-items-${o}`),role:"tablist",...r==="vertical"&&{"aria-orientation":"vertical"},children:t})};al.states=ow;al.options=aw;al.className=Ku;al.defaultOptions=rw;var Du=al;var $u=require("react/jsx-runtime"),zu="k-tabstrip-items-wrapper",lw=[],iw={},Uu={orientation:"horizontal"},rl=e=>{let{children:t,orientation:o=Uu.orientation,...r}=e;return(0,$u.jsx)("div",{...r,className:a(e.className,zu,{"k-hstack":o==="horizontal","k-vstack":o==="vertical"}),children:t})};rl.states=lw;rl.options=iw;rl.className=zu;rl.defaultOptions=Uu;var Fu=rl;var ll="tabstrip",Yl=ll;var ft=require("react/jsx-runtime"),ia="k-tabstrip",nw=[],sw={size:[d.undefined,d.small,d.medium,d.large]},Ql={position:"top",tabAlignment:"start",scrollButtons:"around"},et=e=>{let{size:t,scrollable:o,children:r,tabStripItems:l,tabStripItemsId:n,position:c=Ql.position,tabAlignment:b=Ql.tabAlignment,scrollButtons:g=Ql.scrollButtons,dir:N,scrollingPosition:L,overflow:y,...x}=e,R={top:{prev:N!=="rtl"?"left":"right",next:N!=="rtl"?"right":"left"},bottom:{prev:N!=="rtl"?"left":"right",next:N!=="rtl"?"right":"left"},right:{prev:"up",next:"down"},left:{prev:"up",next:"down"}},E={top:"horizontal",bottom:"horizontal",left:"vertical",right:"vertical"},K={start:"start",center:"center",end:"end",justify:"justify",stretched:"stretched"};return(0,ft.jsxs)("div",{dir:N,...x,className:a(ia,e.className,{[`${ia}-${c}`]:c,[`${ia}-scrollable`]:o,[`${ia}-scrollable-overlay`]:o&&(g==="hidden"||!g),[`${ia}-scrollable-${L}`]:L&&L!=="both",[`${ia}-overflow`]:y},A(ia,{size:t})),children:[c==="bottom"&&r,(0,ft.jsxs)(Fu,{orientation:E[c],children:[o&&(g==="around"||g==="start")&&(0,ft.jsx)("span",{className:a("k-tabstrip-prev","k-button",A("k-button",{size:t,fillMode:v.flat,rounded:w.none}),"k-icon-button"),"aria-hidden":"true",children:(0,ft.jsx)(p,{className:"k-button-icon",icon:`caret-alt-${R[c].prev}`})}),o&&g==="start"&&(0,ft.jsx)("span",{className:a("k-tabstrip-next","k-button",A("k-button",{size:t,fillMode:v.flat,rounded:w.none}),"k-icon-button"),"aria-hidden":"true",children:(0,ft.jsx)(p,{className:"k-button-icon",icon:`caret-alt-${R[c].next}`})}),(0,ft.jsx)(Du,{className:a({"k-tabstrip-items-scroll":o&&g==="hidden"}),tabAlignment:K[b],orientation:E[c],...n&&{id:n},children:l}),o&&g==="end"&&(0,ft.jsx)("span",{className:a("k-tabstrip-prev","k-button",A("k-button",{size:t,fillMode:v.flat,rounded:w.none}),"k-icon-button"),"aria-hidden":"true",children:(0,ft.jsx)(p,{className:"k-button-icon",icon:`caret-alt-${R[c].prev}`})}),o&&(g==="around"||g==="end")&&(0,ft.jsx)("span",{className:a("k-tabstrip-next","k-button",A("k-button",{size:t,fillMode:v.flat,rounded:w.none}),"k-icon-button"),"aria-hidden":"true",children:(0,ft.jsx)(p,{className:"k-button-icon",icon:`caret-alt-${R[c].next}`})}),y&&(0,ft.jsx)("div",{className:"k-tabstrip-actions k-hstack",children:(0,ft.jsx)(me,{className:"k-tabstrip-overflow-button",icon:"more-vertical",fillMode:"flat",size:t,showArrow:!1})})]}),c!=="bottom"&&r]})};et.states=nw;et.options=sw;et.className=ia;et.defaultOptions=Ql;et.moduleName=ll;et.folderName=Yl;et.ariaSpec={selector:".k-tabstrip",rules:[{selector:".k-tabstrip-items",attribute:"role=tablist",usage:"Indicates the tablist role for the ul element."},{selector:".k-tabstrip.k-tabstrip-left .k-tabstrip-items,.k-tabstrip.k-tabstrip-right .k-tabstrip-items",attribute:"aria-orientation=vertical",usage:"Indicates the orientation when vertical."},{selector:".k-tabstrip-item",attribute:"role=tab",usage:"The tab li element."},{selector:".k-tabstrip .k-tabstrip-item.k-active",attribute:"aria-selected=true",usage:"Announces the selected state of the tab."},{selector:".k-tabstrip-content",attribute:"role=tabpanel",usage:"The content div of the tab."},{selector:".k-tabstrip .k-tabstrip-item.k-active",attribute:"aria-controls (when present)",usage:"Announces the relation between the panel and active tab. Only present when tab controls a specific panel."},{selector:".k-tabstrip-content",attribute:"aria-hidden=true (when not active)",usage:"Only if the component implements a feature to control whether the content should be persisted."},{selector:".k-tabstrip-content",attribute:"aria-labelledby (when present)",usage:"Refers to the tab element that controls the panel. Only present when panel has an associated tab."},{selector:".k-tabstrip-scrollable .k-button",attribute:"aria-hidden=true",usage:"Scroll buttons are hidden from assistive technologies."}]};var Vu=require("react/jsx-runtime"),Wu="k-tabstrip-wrapper",dw=[],cw={},pw={},fr=e=>{let{...t}=e;return(0,Vu.jsx)("div",{...t,className:a(e.className,Wu),children:e.children})};fr.states=dw;fr.options=cw;fr.className=Wu;fr.defaultOptions=pw;fr.moduleName=ll;fr.folderName=Yl;var Go=require("react/jsx-runtime"),fs="k-tabstrip-item",mw=[s.active,s.hover,s.disabled,s.focus],uw={},Xu={iconPosition:"before"},yt=e=>{let{dragging:t,active:o,hover:r,focus:l,disabled:n,children:c,first:b,last:g,closable:N,icon:L,iconPosition:y=Xu.iconPosition,value:x,actions:R,...E}=e;return(0,Go.jsxs)("li",{...E,className:a(e.className,fs,I(fs,{hover:r,active:o,disabled:n,focus:l}),{"k-tabstrip-dragging":t,"k-first":b,"k-last":g}),role:"tab",...o&&{"aria-selected":"true"},...n&&{"aria-disabled":"true"},children:[(0,Go.jsxs)("span",{className:"k-link",children:[L&&y==="before"&&(0,Go.jsx)(p,{icon:L}),x&&(0,Go.jsx)("span",{className:"k-link-text",children:x}),L&&y==="after"&&(0,Go.jsx)(p,{icon:L})]}),(R||N)&&(0,Go.jsxs)("span",{className:"k-item-actions",children:[R,N&&(0,Go.jsx)(u,{as:"span",className:"k-remove-tab",icon:"x",fillMode:"flat",size:"xsmall",title:"Close","aria-hidden":"true"})]}),c]})};yt.states=mw;yt.options=uw;yt.className=fs;yt.item=Xu;var Ju=require("react/jsx-runtime"),gs="k-tabstrip-content",bw=[s.active,s.focus],Tw={},fw={},fo=e=>{let{active:t,focus:o,children:r,...l}=e;return(0,Ju.jsx)("div",{...l,className:a(e.className,gs,I(gs,{active:t,focus:o}),e.className),role:"tabpanel",children:r})};fo.states=bw;fo.options=Tw;fo.className=gs;fo.defaultOptions=fw;var Dt=require("react/jsx-runtime"),ro=({children:e,...t})=>(0,Dt.jsx)(et,{tabStripItems:(0,Dt.jsxs)(Dt.Fragment,{children:[(0,Dt.jsx)(yt,{first:!0,value:"First"}),(0,Dt.jsx)(yt,{active:!0,value:"Second"}),(0,Dt.jsx)(yt,{value:"Third"}),(0,Dt.jsx)(yt,{value:"Fourth"}),(0,Dt.jsx)(yt,{last:!0,value:"Fifth"})]}),...t,children:e||(0,Dt.jsx)(fo,{active:!0,children:(0,Dt.jsx)("div",{children:"TabStrip Content"})})});var Yu=require("react/jsx-runtime"),qu=e=>(0,Yu.jsx)(ro,{position:"bottom",...e});var Zu=require("react/jsx-runtime"),Qu=e=>(0,Zu.jsx)(ro,{position:"right",...e});var eb=require("react/jsx-runtime"),ju=e=>(0,eb.jsx)(ro,{position:"left",...e});var gw=require("react/jsx-runtime");var hs=require("react/jsx-runtime");var hw=require("react/jsx-runtime");var xs=require("react/jsx-runtime");var Ns=require("react/jsx-runtime");var il=require("react/jsx-runtime"),xw={...et.options,scrollable:{type:"boolean"}},Nw=et.states,tb={...et.defaultOptions,scrollable:!1,variant:"up"},kw=[{name:"up",title:"Position Up"},{name:"bottom",title:"Position Bottom"},{name:"left",title:"Position Left"},{name:"right",title:"Position Right"}],ww=[],gr=e=>{let{variant:t,...o}={...tb,...e},r={};switch(t){case"right":return(0,il.jsx)(Qu,{style:{height:"230px"},...o,...r,position:"right"});case"left":return(0,il.jsx)(ju,{style:{height:"230px"},...o,...r,position:"left"});case"bottom":return(0,il.jsx)(qu,{style:{width:"350px"},...o,...r,position:"bottom"});default:return(0,il.jsx)(ro,{style:{width:"350px"},...o,...r})}};gr.options=xw;gr.states=Nw;gr.variants=kw;gr.defaultOptions=tb;gr.modifiers=ww;gr.className=et.className;var ks=require("react/jsx-runtime");var ws=require("react/jsx-runtime");var vs=require("react/jsx-runtime");var Cs=require("react/jsx-runtime");var Ls=require("react/jsx-runtime");var ys=require("react/jsx-runtime");var C=require("react/jsx-runtime"),ob=({contentClassName:e,...t})=>(0,C.jsx)(q,{_renderAriaRoot:!0,pager:(0,C.jsx)(Yt,{refresh:!1}),children:(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(F,{children:(0,C.jsx)("div",{className:"k-grid-header-wrap",children:(0,C.jsxs)($,{role:"none",children:[(0,C.jsxs)("colgroup",{children:[(0,C.jsx)("col",{}),(0,C.jsx)("col",{style:{width:"225px"}}),(0,C.jsx)("col",{}),(0,C.jsx)("col",{}),(0,C.jsx)("col",{})]}),(0,C.jsxs)(W,{role:"rowgroup",children:[(0,C.jsxs)(h,{role:"row",children:[(0,C.jsx)(M,{rowspan:1,colspan:1,columnTitle:"Product Id",role:"columnheader"}),(0,C.jsx)(M,{rowspan:1,colspan:1,columnTitle:"Name",role:"columnheader"}),(0,C.jsx)(M,{rowspan:1,colspan:1,columnTitle:"Quantity",role:"columnheader"}),(0,C.jsx)(M,{rowspan:1,colspan:1,columnTitle:"Unit Price",role:"columnheader"}),(0,C.jsx)(M,{rowspan:1,colspan:1,columnTitle:"Discontinued",role:"columnheader"})]}),(0,C.jsxs)(h,{className:"k-filter-row",role:"row",children:[(0,C.jsx)(i,{role:"gridcell","aria-label":"Product Id filter",children:(0,C.jsx)("div",{className:"k-filtercell",children:(0,C.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,C.jsx)(oe,{"aria-label":"Product Id filter"}),(0,C.jsxs)("div",{className:"k-filtercell-operator",children:[(0,C.jsx)(pe,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Product Id filter operator"})," ",(0,C.jsx)(u,{disabled:!0,icon:"filter-clear","aria-label":"Clear Product Id filter"})]})]})})}),(0,C.jsx)(i,{role:"gridcell","aria-label":"Name filter",children:(0,C.jsx)("div",{className:"k-filtercell",children:(0,C.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,C.jsx)(fe,{"aria-label":"Name filter"}),(0,C.jsxs)("div",{className:"k-filtercell-operator",children:[(0,C.jsx)(pe,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Name filter operator"})," ",(0,C.jsx)(u,{disabled:!0,icon:"filter-clear","aria-label":"Clear Name filter"})]})]})})}),(0,C.jsx)(i,{role:"gridcell","aria-label":"Quantity filter",children:(0,C.jsx)("div",{className:"k-filtercell",children:(0,C.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,C.jsx)(fe,{"aria-label":"Quantity filter"}),(0,C.jsxs)("div",{className:"k-filtercell-operator",children:[(0,C.jsx)(pe,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Quantity filter operator"})," ",(0,C.jsx)(u,{disabled:!0,icon:"filter-clear","aria-label":"Clear Quantity filter"})]})]})})}),(0,C.jsx)(i,{role:"gridcell","aria-label":"Unit Price filter",children:(0,C.jsx)("div",{className:"k-filtercell",children:(0,C.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,C.jsx)(oe,{"aria-label":"Unit Price filter"}),(0,C.jsxs)("div",{className:"k-filtercell-operator",children:[(0,C.jsx)(pe,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Unit Price filter operator"})," ",(0,C.jsx)(u,{disabled:!0,icon:"filter-clear","aria-label":"Clear Unit Price filter"})]})]})})}),(0,C.jsx)(i,{role:"gridcell","aria-label":"Discontinued filter",children:(0,C.jsx)("div",{className:"k-filtercell",children:(0,C.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,C.jsx)(pe,{"aria-label":"Discontinued filter"}),(0,C.jsx)("div",{className:"k-filtercell-operator",children:(0,C.jsx)(u,{disabled:!0,icon:"filter-clear","aria-label":"Clear Discontinued filter"})})]})})})]})]})]})})}),(0,C.jsx)(Y,{children:(0,C.jsx)(V,{className:e,children:(0,C.jsxs)(J,{role:"none",children:[(0,C.jsxs)("colgroup",{children:[(0,C.jsx)("col",{}),(0,C.jsx)("col",{style:{width:"225px"}}),(0,C.jsx)("col",{}),(0,C.jsx)("col",{}),(0,C.jsx)("col",{})]}),(0,C.jsxs)(z,{role:"rowgroup",children:[(0,C.jsxs)(h,{className:"k-master-row",role:"row",children:[(0,C.jsx)(i,{role:"gridcell",children:"1"}),(0,C.jsx)(i,{role:"gridcell",children:"Chai"}),(0,C.jsx)(i,{role:"gridcell",children:"10 boxes x 20 bags"}),(0,C.jsx)(i,{role:"gridcell",children:"18"}),(0,C.jsx)(i,{role:"gridcell",children:"false"})]}),(0,C.jsxs)(h,{className:"k-master-row",role:"row",alt:!0,children:[(0,C.jsx)(i,{role:"gridcell",children:"2"}),(0,C.jsx)(i,{role:"gridcell",children:"Chang"}),(0,C.jsx)(i,{role:"gridcell",children:"24 - 12 oz bottles"}),(0,C.jsx)(i,{role:"gridcell",children:"19"}),(0,C.jsx)(i,{role:"gridcell",children:"false"})]}),(0,C.jsxs)(h,{className:"k-master-row",role:"row",children:[(0,C.jsx)(i,{role:"gridcell",children:"3"}),(0,C.jsx)(i,{role:"gridcell",children:"Aniseed Syrup"}),(0,C.jsx)(i,{role:"gridcell",children:"12 - 550 ml bottles"}),(0,C.jsx)(i,{role:"gridcell",children:"10"}),(0,C.jsx)(i,{role:"gridcell",children:"false"})]}),(0,C.jsxs)(h,{className:"k-master-row",role:"row",alt:!0,children:[(0,C.jsx)(i,{role:"gridcell",children:"4"}),(0,C.jsx)(i,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),(0,C.jsx)(i,{role:"gridcell",children:"48 - 6 oz jars"}),(0,C.jsx)(i,{role:"gridcell",children:"22"}),(0,C.jsx)(i,{role:"gridcell",children:"false"})]}),(0,C.jsxs)(h,{className:"k-master-row",role:"row",children:[(0,C.jsx)(i,{role:"gridcell",children:"5"}),(0,C.jsx)(i,{role:"gridcell",children:"Grandma's Boysenberry Spread"}),(0,C.jsx)(i,{role:"gridcell",children:"12 - 8 oz jars"}),(0,C.jsx)(i,{role:"gridcell",children:"25"}),(0,C.jsx)(i,{role:"gridcell",children:"false"})]})]})]})})})]}),...t});var nl=require("react/jsx-runtime"),Lw="k-chip-action";var Oe=e=>{let{type:t,...o}=e,r;switch(t){case"remove":r=(0,nl.jsx)(p,{icon:"x-circle",size:"small"});break;case"more":r=(0,nl.jsx)(p,{icon:"more-vertical",size:"small"});break;default:return(0,nl.jsx)(p,{icon:t,size:"small"})}return(0,nl.jsx)("span",{...o,className:a(e.className,Lw,`k-chip-${t}-action`),children:r})};var Ms="avatar",ab=Ms;var Rs=require("react/jsx-runtime"),sl="k-avatar";var yw=[s.hover,s.focus,s.active,s.selected,s.disabled],Mw={size:[d.undefined,d.small,d.medium,d.large],rounded:[w.undefined,w.none,w.small,w.medium,w.large,w.full],fillMode:[v.undefined,v.solid,v.outline],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary]},Ss={type:"text",border:!1},gt=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,type:n=Ss.type,border:c=Ss.border,...b}=e;return(0,Rs.jsx)("div",{...b,className:a(e.className,sl,A(sl,{size:t,rounded:o,fillMode:r,themeColor:l}),{[`${sl}-bordered`]:c}),children:(0,Rs.jsx)("span",{className:`${sl}-${n}`,children:e.children})})};gt.states=yw;gt.options=Mw;gt.className=sl;gt.defaultOptions=Ss;gt.moduleName=Ms;gt.folderName=ab;gt.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var wa=gt;var lb=require("react/jsx-runtime"),rb=e=>(0,lb.jsx)(wa,{type:"icon",...e});var nb=require("react/jsx-runtime"),ib=e=>(0,nb.jsx)(wa,{type:"text",...e});var db=require("react/jsx-runtime"),sb=e=>(0,db.jsx)(wa,{type:"image",...e});var Sw=require("react/jsx-runtime");var hr=require("react/jsx-runtime"),Rw=gt.options,Aw=gt.states,Ew={...gt.defaultOptions,variant:"image"},Iw=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],Gw=[],xr=e=>{let{variant:t,...o}=e;switch(t){case"icon":return(0,hr.jsx)(rb,{...o,children:(0,hr.jsx)(p,{icon:"star"})});case"text":return(0,hr.jsx)(ib,{...o,children:"JO"});default:return(0,hr.jsx)(sb,{...o,children:(0,hr.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};xr.options=Rw;xr.states=Aw;xr.variants=Iw;xr.defaultOptions=Ew;xr.modifiers=Gw;xr.className=gt.className;var dl="chip",Zl=dl;var Oo=require("react/jsx-runtime"),jl="k-chip",Ow=[s.hover,s.focus,s.active,s.selected,s.disabled],Hw={size:[d.undefined,d.small,d.medium,d.large],rounded:[w.undefined,w.none,w.small,w.medium,w.large,w.full],fillMode:[v.undefined,v.solid,v.outline],themeColor:[S.undefined,S.base,S.success,S.warning,S.error,S.info]},cb={avatarImage:"/packages/html/assets/avatar.jpg"},Ae=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,text:n,icon:c,actions:b,showAvatar:g,avatarImage:N=cb.avatarImage,hover:L,focus:y,active:x,selected:R,disabled:E,...K}=e;return(0,Oo.jsxs)("div",{...K,className:a(e.className,jl,A(jl,{size:t,rounded:o,fillMode:r,themeColor:l}),I(jl,{hover:L,focus:y,active:x,disabled:E,selected:R})),role:e.role||"button","aria-pressed":e.role==="option"?void 0:R?"true":"false",...e.role==="option"&&R!==void 0&&{"aria-selected":R?"true":"false"},"aria-disabled":E?"true":void 0,children:[c&&(0,Oo.jsx)(p,{className:"k-chip-icon",icon:c,size:"small"}),g&&(0,Oo.jsx)(gt,{className:"k-chip-avatar",type:"image",children:(0,Oo.jsx)("img",{src:N,alt:""})}),(0,Oo.jsx)("span",{className:"k-chip-content",children:e.children?e.children:n&&(0,Oo.jsx)("span",{className:"k-chip-label",children:n})}),b&&(0,Oo.jsx)("span",{className:"k-chip-actions",children:b})]})};Ae.states=Ow;Ae.options=Hw;Ae.className=jl;Ae.defaultOptions=cb;Ae.moduleName=dl;Ae.folderName=Zl;Ae.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 Qt=Ae;var pb=require("react/jsx-runtime"),As="k-chip-list",Pw=[],_w={size:[d.undefined,d.small,d.medium,d.large]},Kw={},Ee=e=>{let{size:t,multiselectable:o,ariaLabel:r,...l}=e;return(0,pb.jsx)("div",{...l,className:a(e.className,As,A(As,{size:t})),role:e.role||"listbox","aria-label":e.role==="none"?void 0:r||"chip list","aria-orientation":e.role==="none"?void 0:"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};Ee.states=Pw;Ee.options=_w;Ee.className=As;Ee.defaultOptions=Kw;Ee.moduleName=dl;Ee.folderName=Zl;Ee.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."}]};var Dw=require("react/jsx-runtime");var Bw=require("react/jsx-runtime");var mb=require("react/jsx-runtime"),ei=e=>(0,mb.jsx)(Qt,{text:"text",...e});var zw=require("react/jsx-runtime");var Uw=require("react/jsx-runtime");var Es=require("react/jsx-runtime");var ub=require("react/jsx-runtime");var bb=require("react/jsx-runtime");var Tb=require("react/jsx-runtime");var Ho=require("react/jsx-runtime"),Fw={...Qt.options,...Ee.options},$w=[],Ww=Ee.states,Vw={...Qt.defaultOptions,...Ee.defaultOptions},Xw=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],Nr=e=>{let{modifiers:t,className:o,...r}=e,l=t==null?void 0:t.icon,n=t==null?void 0:t.actions,c=t==null?void 0:t.avatar;return(0,Ho.jsxs)(Ee,{size:r.size,className:o,children:[(0,Ho.jsx)(ei,{...r,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:n?(0,Ho.jsx)(Oe,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),(0,Ho.jsx)(ei,{...r,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:n?(0,Ho.jsx)(Oe,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),(0,Ho.jsx)(ei,{...r,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:n?(0,Ho.jsx)(Oe,{type:"remove"}):void 0,showAvatar:c,children:"Chip"})]})};Nr.options=Fw;Nr.states=Ww;Nr.variants=$w;Nr.defaultOptions=Vw;Nr.modifiers=Xw;Nr.className=Ee.className;var ti=require("react/jsx-runtime"),Jw=Ae.states,qw=Ae.defaultOptions,Yw=Ae.options,Qw=[],Zw=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],kr=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t||{}).forEach(l=>{switch(l){case"icon":r.icon=t!=null&&t[l]?"arrow-down":void 0;break;case"avatar":r.showAvatar=!!(t!=null&&t[l]),r.avatarImage=t!=null&&t[l]?"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg":void 0;break;case"more-options":r.actions||(r.actions=[]),r.actions[0]=t!=null&&t[l]?(0,ti.jsx)(Oe,{type:"more"}):void 0;break;case"remove-icon":r.actions||(r.actions=[]),r.actions[1]=t!=null&&t[l]?(0,ti.jsx)(Oe,{type:"remove"}):void 0;break;default:break}}),(0,ti.jsx)(Ae,{...o,...r,children:"Chip component"})};kr.options=Yw;kr.states=Jw;kr.variants=Qw;kr.defaultOptions=qw;kr.modifiers=Zw;kr.className=Ae.className;var O=require("react/jsx-runtime"),fb=({dropClue:e,contentClassName:t,...o})=>(0,O.jsx)(q,{_renderAriaRoot:!0,groupingHeader:(0,O.jsx)(mo,{dropClue:e,role:"toolbar","aria-label":"Grouping",children:(0,O.jsxs)(Ee,{role:"none",children:[(0,O.jsx)(Ae,{icon:"sort-asc-small",text:"ID",role:"button",actions:(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(Oe,{type:"more"}),(0,O.jsx)(Oe,{type:"remove"})]})}),(0,O.jsx)(Ae,{icon:"sort-desc-small",text:"Name",role:"button",actions:(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(Oe,{type:"more"}),(0,O.jsx)(Oe,{type:"remove"})]})})]})}),children:(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(F,{draggable:!0,children:(0,O.jsx)("div",{className:"k-grid-header-wrap",children:(0,O.jsxs)($,{role:"none",children:[(0,O.jsxs)("colgroup",{children:[(0,O.jsx)("col",{className:"k-group-col"}),(0,O.jsx)("col",{className:"k-group-col"}),(0,O.jsx)("col",{}),(0,O.jsx)("col",{}),(0,O.jsx)("col",{}),(0,O.jsx)("col",{})]}),(0,O.jsx)(W,{role:"rowgroup",children:(0,O.jsxs)(h,{role:"row",children:[(0,O.jsx)(M,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),(0,O.jsx)(M,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),(0,O.jsx)(M,{colspan:1,columnTitle:"ID",role:"columnheader"}),(0,O.jsx)(M,{colspan:1,columnTitle:"Name",role:"columnheader"}),(0,O.jsx)(M,{colspan:1,columnTitle:"Price",role:"columnheader"}),(0,O.jsx)(M,{colspan:1,columnTitle:"Category",role:"columnheader"})]})})]})})}),(0,O.jsx)(Y,{children:(0,O.jsx)(V,{className:t,children:(0,O.jsxs)(J,{role:"none",children:[(0,O.jsxs)("colgroup",{children:[(0,O.jsx)("col",{className:"k-group-col"}),(0,O.jsx)("col",{className:"k-group-col"}),(0,O.jsx)("col",{}),(0,O.jsx)("col",{}),(0,O.jsx)("col",{}),(0,O.jsx)("col",{})]}),(0,O.jsxs)(z,{role:"rowgroup",children:[(0,O.jsx)(h,{className:"k-table-group-row k-grouping-row",role:"row",children:(0,O.jsx)(i,{colspan:6,role:"gridcell","aria-expanded":"false",children:(0,O.jsxs)("p",{className:"k-reset",children:[(0,O.jsx)(p,{icon:"caret-alt-right"}),"ID: 1"]})})}),(0,O.jsx)(h,{className:"k-table-group-row k-grouping-row",role:"row",children:(0,O.jsx)(i,{colspan:6,role:"gridcell","aria-expanded":"true",children:(0,O.jsxs)("p",{className:"k-reset",children:[(0,O.jsx)(p,{icon:"caret-alt-down"}),"ID: 2"]})})}),(0,O.jsxs)(h,{className:"k-table-group-row k-grouping-row",role:"row",children:[(0,O.jsx)(i,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,O.jsx)(i,{colspan:5,role:"gridcell","aria-expanded":"true",children:(0,O.jsxs)("p",{className:"k-reset",children:[(0,O.jsx)(p,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),(0,O.jsxs)(h,{className:"k-master-row",role:"row",alt:!0,children:[(0,O.jsx)(i,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,O.jsx)(i,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,O.jsx)(i,{colspan:0,role:"gridcell",children:"2"}),(0,O.jsx)(i,{colspan:0,role:"gridcell",children:"Chang"}),(0,O.jsx)(i,{colspan:0,role:"gridcell",children:"$19.00"}),(0,O.jsx)(i,{colspan:0,role:"gridcell",children:"Beverages"})]})]})]})})})]}),...o});var Is=require("react/jsx-runtime");var Gs=require("react/jsx-runtime");var Os=require("react/jsx-runtime");var P=require("react/jsx-runtime"),gb=({headerWrapClassName:e,contentClassName:t,...o})=>(0,P.jsx)(q,{_renderAriaRoot:!0,children:(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(F,{children:(0,P.jsx)("div",{className:`k-grid-header-wrap ${e}`,children:(0,P.jsxs)($,{role:"none",children:[(0,P.jsxs)("colgroup",{children:[(0,P.jsx)("col",{}),(0,P.jsx)("col",{}),(0,P.jsx)("col",{}),(0,P.jsx)("col",{})]}),(0,P.jsxs)(W,{role:"rowgroup",children:[(0,P.jsxs)(h,{role:"row",children:[(0,P.jsx)(M,{rowspan:3,colspan:1,columnTitle:"ID",role:"columnheader"}),(0,P.jsx)(M,{rowspan:1,colspan:3,columnTitle:"Product Information",role:"columnheader"})]}),(0,P.jsxs)(h,{role:"row",children:[(0,P.jsx)(M,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first",role:"columnheader"}),(0,P.jsx)(M,{rowspan:1,colspan:2,columnTitle:"Unit",role:"columnheader"})]}),(0,P.jsxs)(h,{role:"row",children:[(0,P.jsx)(M,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first",role:"columnheader"}),(0,P.jsx)(M,{rowspan:1,colspan:1,columnTitle:"Units Price",role:"columnheader"})]})]})]})})}),(0,P.jsx)(Y,{children:(0,P.jsx)(V,{className:t,children:(0,P.jsxs)(J,{role:"none",children:[(0,P.jsxs)("colgroup",{children:[(0,P.jsx)("col",{}),(0,P.jsx)("col",{}),(0,P.jsx)("col",{}),(0,P.jsx)("col",{})]}),(0,P.jsxs)(z,{role:"rowgroup",children:[(0,P.jsxs)(h,{className:"k-master-row",role:"row",children:[(0,P.jsx)(i,{role:"gridcell",children:"1"}),(0,P.jsx)(i,{role:"gridcell",children:"Chai"}),(0,P.jsx)(i,{role:"gridcell",children:"39"}),(0,P.jsx)(i,{role:"gridcell",children:"18"})]}),(0,P.jsxs)(h,{className:"k-master-row",alt:!0,role:"row",children:[(0,P.jsx)(i,{role:"gridcell",children:"2"}),(0,P.jsx)(i,{role:"gridcell",children:"Chang"}),(0,P.jsx)(i,{role:"gridcell",children:"17"}),(0,P.jsx)(i,{role:"gridcell",children:"19"})]}),(0,P.jsxs)(h,{className:"k-master-row",role:"row",children:[(0,P.jsx)(i,{role:"gridcell",children:"3"}),(0,P.jsx)(i,{role:"gridcell",children:"Aniseed Syrup"}),(0,P.jsx)(i,{role:"gridcell",children:"13"}),(0,P.jsx)(i,{role:"gridcell",children:"10"})]}),(0,P.jsxs)(h,{className:"k-master-row",alt:!0,role:"row",children:[(0,P.jsx)(i,{role:"gridcell",children:"4"}),(0,P.jsx)(i,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),(0,P.jsx)(i,{role:"gridcell",children:"53"}),(0,P.jsx)(i,{role:"gridcell",children:"22"})]}),(0,P.jsxs)(h,{className:"k-master-row",role:"row",children:[(0,P.jsx)(i,{role:"gridcell",children:"5"}),(0,P.jsx)(i,{role:"gridcell",children:"Chef Anton's Gumbo Mix"}),(0,P.jsx)(i,{role:"gridcell",children:"0"}),(0,P.jsx)(i,{role:"gridcell",children:"21.35"})]})]})]})})})]}),...o});var Hs=require("react/jsx-runtime");var Ps=require("react/jsx-runtime");var D=require("react/jsx-runtime"),hb=e=>{let t=B("grid");return(0,D.jsx)(q,{_renderAriaRoot:!0,ariaRootId:t,toolbar:(0,D.jsxs)(uo,{role:"toolbar","aria-label":"Grid toolbar","aria-controls":t,children:[(0,D.jsx)(u,{children:"Add new"}),(0,D.jsx)(u,{children:"Save Changes"}),(0,D.jsx)(u,{children:"Cancel Changes"})]}),children:(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)(F,{children:(0,D.jsx)("div",{className:"k-grid-header-wrap",children:(0,D.jsxs)($,{role:"none",children:[(0,D.jsxs)("colgroup",{children:[(0,D.jsx)("col",{}),(0,D.jsx)("col",{}),(0,D.jsx)("col",{}),(0,D.jsx)("col",{style:{width:"300px"}})]}),(0,D.jsx)(W,{role:"rowgroup",children:(0,D.jsxs)(h,{role:"row",children:[(0,D.jsx)(M,{columnTitle:"Name",role:"columnheader"}),(0,D.jsx)(M,{columnTitle:"Price",role:"columnheader"}),(0,D.jsx)(M,{columnTitle:"Available",role:"columnheader"}),(0,D.jsx)(M,{accessibleLabel:"Commands"})]})})]})})}),(0,D.jsx)(Y,{children:(0,D.jsx)(V,{children:(0,D.jsx)("div",{children:(0,D.jsxs)(J,{role:"none",children:[(0,D.jsxs)("colgroup",{children:[(0,D.jsx)("col",{}),(0,D.jsx)("col",{}),(0,D.jsx)("col",{}),(0,D.jsx)("col",{style:{width:"300px"}})]}),(0,D.jsxs)(z,{role:"rowgroup",children:[(0,D.jsxs)(h,{className:"k-master-row k-grid-add-row k-grid-edit-row",role:"row",children:[(0,D.jsx)(i,{role:"gridcell",children:(0,D.jsx)(fe,{value:"Towel","aria-label":"Name"})}),(0,D.jsx)(i,{role:"gridcell",children:(0,D.jsx)(oe,{value:"42","aria-label":"Price"})}),(0,D.jsx)(i,{role:"gridcell",children:(0,D.jsx)(Fe,{"aria-label":"Available"})}),(0,D.jsxs)(i,{className:"k-command-cell",role:"gridcell",children:[(0,D.jsx)(u,{children:"Add"}),(0,D.jsx)(u,{children:"Cancel"})]})]}),(0,D.jsxs)(h,{className:"k-master-row",role:"row",children:[(0,D.jsx)(i,{role:"gridcell",children:"Chai"}),(0,D.jsx)(i,{role:"gridcell",children:"18"}),(0,D.jsx)(i,{role:"gridcell",children:"false"}),(0,D.jsx)(i,{className:"k-command-cell",role:"gridcell",children:(0,D.jsx)(u,{children:"Remove"})})]}),(0,D.jsxs)(h,{className:"k-master-row",role:"row",alt:!0,children:[(0,D.jsx)(i,{role:"gridcell",children:"Chang"}),(0,D.jsx)(i,{role:"gridcell",children:"19"}),(0,D.jsx)(i,{role:"gridcell",children:"false"}),(0,D.jsx)(i,{className:"k-command-cell",role:"gridcell",children:(0,D.jsx)(u,{children:"Remove"})})]})]})]})})})})]}),...e})};var _s=require("react/jsx-runtime");var Ks="context-menu",xb=Ks;var kb=require("react/jsx-runtime"),Nb="k-context-menu",jw=[],ev={},tv={},Mt=e=>{let{children:t,...o}=e;return(0,kb.jsx)(_e,{...o,className:a(e.className,Nb),role:"menu",children:t})};Mt.states=jw;Mt.options=ev;Mt.className=Nb;Mt.defaultOptions=tv;Mt.moduleName=Ks;Mt.folderName=xb;Mt.ariaSpec={selector:".k-context-menu",rules:[{selector:".k-context-menu",attribute:"role=menu",usage:"The context menu implements the menu role."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has an id linked to parent aria-controls."}]};var cl=require("react/jsx-runtime"),Ds=e=>(0,cl.jsx)(Mt,{children:[(0,cl.jsx)(ae,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),(0,cl.jsx)(ae,{text:"Item 2"},"menu-item-2"),(0,cl.jsx)(ae,{last:!0,text:"Item 3"},"menu-item-3")],...e});var Bs=require("react/jsx-runtime");var na=require("react/jsx-runtime"),ov=ye.options,av=ye.states,wb={...ye.defaultOptions,variant:"normal"},rv=[{name:"normal",title:"Normal"},{name:"separators",title:"With separator"}],lv=[],wr=e=>{let{variant:t,...o}={...wb,...e};return t==="separators"?(0,na.jsxs)(Ds,{...o,style:{width:"130px"},children:[(0,na.jsx)(ae,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),(0,na.jsx)(Xo,{}),(0,na.jsx)(ae,{text:"Item 2"},"menu-item-2"),(0,na.jsx)(ae,{last:!0,text:"Item 3"},"menu-item-3")]}):(0,na.jsx)(Ds,{...o,style:{width:"130px"}})};wr.options=ov;wr.states=av;wr.variants=rv;wr.defaultOptions=wb;wr.modifiers=lv;wr.className=Mt.className;var zs=require("react/jsx-runtime");var Us=require("react/jsx-runtime");var Fs=require("react/jsx-runtime");var $s=require("react/jsx-runtime");var T=require("react/jsx-runtime"),iv=q.options,nv=q.states,vb={...q.defaultOptions,variant:"normal"},sv=[{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"}],dv=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],vr=e=>{let{variant:t,modifiers:o,...r}={...vb,...e},l={toolbar:void 0,pager:void 0},n=(0,T.jsxs)(uo,{children:[(0,T.jsx)(u,{icon:"plus",children:"Add New"}),(0,T.jsx)(u,{icon:"file-pdf",children:"Export to PDF"}),(0,T.jsx)("span",{className:"k-spacer"}),(0,T.jsx)(fe,{prefix:(0,T.jsx)(p,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=(0,T.jsx)(we,{pageSizes:!1,refresh:!1});Object.keys(o||{}).forEach(N=>{switch(N){case"toolbar":l.toolbar=o!=null&&o[N]?n:void 0;break;case"pager":l.pager=o!=null&&o[N]?c:void 0;break;default:return}});let b={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},g=(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(F,{children:(0,T.jsx)("div",{className:"k-grid-header-wrap",children:(0,T.jsxs)($,{children:[(0,T.jsxs)("colgroup",{children:[(0,T.jsx)("col",{}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{})]}),(0,T.jsx)(W,{children:(0,T.jsxs)(h,{children:[(0,T.jsx)(M,{...b[t],columnTitle:"ID"}),(0,T.jsx)(M,{...b[t],columnTitle:"Product Name"}),(0,T.jsx)(M,{...b[t],columnTitle:"Units in Stock"}),(0,T.jsx)(M,{...b[t],columnTitle:"Units Price"})]})})]})})}),(0,T.jsx)(Y,{children:(0,T.jsx)(V,{children:(0,T.jsxs)(J,{children:[(0,T.jsxs)("colgroup",{children:[(0,T.jsx)("col",{}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{})]}),(0,T.jsxs)(z,{children:[(0,T.jsxs)(h,{children:[(0,T.jsx)(i,{children:"1"}),(0,T.jsx)(i,{children:"Chai"}),(0,T.jsx)(i,{children:"39"}),(0,T.jsx)(i,{children:"18"})]}),(0,T.jsxs)(h,{alt:!0,children:[(0,T.jsx)(i,{children:"2"}),(0,T.jsx)(i,{children:"Chang"}),(0,T.jsx)(i,{children:"17"}),(0,T.jsx)(i,{children:"19"})]}),(0,T.jsxs)(h,{children:[(0,T.jsx)(i,{children:"3"}),(0,T.jsx)(i,{children:"Aniseed Syrup"}),(0,T.jsx)(i,{children:"13"}),(0,T.jsx)(i,{children:"10"})]}),(0,T.jsxs)(h,{alt:!0,children:[(0,T.jsx)(i,{children:"4"}),(0,T.jsx)(i,{children:"Chef Anton's Cajun Seasoning"}),(0,T.jsx)(i,{children:"53"}),(0,T.jsx)(i,{children:"22"})]}),(0,T.jsxs)(h,{children:[(0,T.jsx)(i,{children:"5"}),(0,T.jsx)(i,{children:"Chef Anton's Gumbo Mix"}),(0,T.jsx)(i,{children:"0"}),(0,T.jsx)(i,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return(0,T.jsx)(gb,{...r,...l});case"editing":return(0,T.jsx)(hb,{...r,...l});case"grouping":return(0,T.jsx)(fb,{...r,...l,groupingHeader:(0,T.jsx)(mo,{children:(0,T.jsxs)(Ee,{children:[(0,T.jsx)(Ae,{icon:"sort-asc-small",actions:(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(Oe,{type:"more"}),(0,T.jsx)(Oe,{type:"remove"})]}),children:"ID"}),(0,T.jsx)(Ae,{icon:"sort-desc-small",actions:(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(Oe,{type:"more"}),(0,T.jsx)(Oe,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return(0,T.jsx)(q,{...r,...l,children:(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(F,{children:(0,T.jsxs)("div",{className:"k-grid-header-wrap",children:[" ",(0,T.jsxs)($,{children:[(0,T.jsxs)("colgroup",{children:[(0,T.jsx)("col",{className:"k-drag-col"}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{})]}),(0,T.jsx)(W,{children:(0,T.jsxs)(h,{children:[(0,T.jsx)(M,{className:"k-drag-cell",accessibleLabel:"Reorder"}),(0,T.jsx)(M,{columnTitle:"ID"}),(0,T.jsx)(M,{columnTitle:"Product Name"}),(0,T.jsx)(M,{columnTitle:"Units in Stock"}),(0,T.jsx)(M,{columnTitle:"Units Price"})]})})]})]})}),(0,T.jsx)(Y,{children:(0,T.jsx)(V,{children:(0,T.jsxs)(J,{children:[(0,T.jsxs)("colgroup",{children:[(0,T.jsx)("col",{className:"k-drag-col"}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{})]}),(0,T.jsxs)(z,{children:[(0,T.jsxs)(h,{children:[(0,T.jsx)(i,{className:"k-drag-cell",children:(0,T.jsx)(p,{icon:"reorder"})}),(0,T.jsx)(i,{children:"1"}),(0,T.jsx)(i,{children:"Chai"}),(0,T.jsx)(i,{children:"39"}),(0,T.jsx)(i,{children:"18"})]}),(0,T.jsxs)(h,{alt:!0,children:[(0,T.jsx)(i,{className:"k-drag-cell",children:(0,T.jsx)(p,{icon:"reorder"})}),(0,T.jsx)(i,{children:"2"}),(0,T.jsx)(i,{children:"Chang"}),(0,T.jsx)(i,{children:"17"}),(0,T.jsx)(i,{children:"19"})]}),(0,T.jsxs)(h,{children:[(0,T.jsx)(i,{className:"k-drag-cell",children:(0,T.jsx)(p,{icon:"reorder"})}),(0,T.jsx)(i,{children:"3"}),(0,T.jsx)(i,{children:"Aniseed Syrup"}),(0,T.jsx)(i,{children:"13"}),(0,T.jsx)(i,{children:"10"})]}),(0,T.jsxs)(h,{alt:!0,children:[(0,T.jsx)(i,{className:"k-drag-cell",children:(0,T.jsx)(p,{icon:"reorder"})}),(0,T.jsx)(i,{children:"4"}),(0,T.jsx)(i,{children:"Chef Anton's Cajun Seasoning"}),(0,T.jsx)(i,{children:"53"}),(0,T.jsx)(i,{children:"22"})]}),(0,T.jsxs)(h,{children:[(0,T.jsx)(i,{className:"k-drag-cell",children:(0,T.jsx)(p,{icon:"reorder"})}),(0,T.jsx)(i,{children:"5"}),(0,T.jsx)(i,{children:"Chef Anton's Gumbo Mix"}),(0,T.jsx)(i,{children:"0"}),(0,T.jsx)(i,{children:"21.35"})]})]})]})})})]})});case"filter-row":return(0,T.jsx)(ob,{...r,...l});default:return(0,T.jsx)(q,{...r,...l,children:g})}};vr.options=iv;vr.states=nv;vr.variants=sv;vr.defaultOptions=vb;vr.modifiers=dv;vr.className=q.className;var Cb=require("react/jsx-runtime"),va="k-pane",cv=[],pv={},Ws={resizable:!0,flex:!1},Ke=e=>{let{scrollable:t,flexBasis:o,flex:r=Ws.flex,collapsible:l,resizable:n=Ws.resizable,pinned:c,unpinned:b,tabbed:g,...N}=e;return(0,Cb.jsx)("div",{...N,style:{flexBasis:o,...e.style},className:a(e.className,va,{[`${va}-static`]:o,[`${va}-flex`]:r,"k-scrollable":t,[`${va}-pinned`]:c,[`${va}-unpinned`]:b,[`${va}-tabbed`]:g}),role:"group",children:e.children})};Ke.states=cv;Ke.options=pv;Ke.className=va;Ke.defaultOptions=Ws;var Bt=require("react/jsx-runtime"),Cr="k-splitbar",mv=[s.hover,s.focus],uv={},Vs={orientation:"horizontal",draggable:!0},Lr=e=>{let{hover:t,focus:o,orientation:r=Vs.orientation,draggable:l=Vs.draggable,collapsePrev:n,collapseNext:c,ariaLabel:b,...g}=e;return(0,Bt.jsxs)("div",{...g,className:a(e.className,Cr,I(Cr,{hover:t,focus:o}),{[`${Cr}-${r}`]:r,[`${Cr}-draggable-${r}`]:l,[`${Cr}-static-${r}`]:!l&&!n&&!c}),role:"separator","aria-label":b,...r==="horizontal"&&{"aria-orientation":"vertical"},"aria-keyshortcuts":"ArrowLeft ArrowRight ArrowUp ArrowDown",children:[n&&(0,Bt.jsx)(Bt.Fragment,{children:(0,Bt.jsx)("div",{className:"k-collapse-prev",children:(0,Bt.jsx)(p,{icon:`caret-alt-${r==="horizontal"?"left":"up"}`,size:"xsmall"})})}),(0,Bt.jsx)("div",{className:"k-resize-handle","aria-hidden":"true"}),c&&(0,Bt.jsx)(Bt.Fragment,{children:(0,Bt.jsx)("div",{className:"k-collapse-next",children:(0,Bt.jsx)(p,{icon:`caret-alt-${r==="horizontal"?"right":"down"}`,size:"xsmall"})})})]})};Lr.states=mv;Lr.options=uv;Lr.className=Cr;Lr.defaultOptions=Vs;var Xs="splitter",Lb=Xs;var oi=require("react/jsx-runtime"),Mb=require("react"),Js="k-splitter",bv={},yb={orientation:"horizontal"},De=e=>{let{orientation:t=yb.orientation,children:o,panes:r,...l}=e,n=[];return r&&r.forEach((c,b)=>{let g=r[b+1],N=c.props,L=g==null?void 0:g.props;n.push((0,Mb.createElement)(Ke,{...N,key:b})),g&&n.push((0,oi.jsx)(Lr,{draggable:N.resizable!==!1&&L.resizable!==!1,collapsePrev:N.collapsible,collapseNext:L.collapsible,orientation:t,ariaLabel:"Pane separator"},`splitbar-${b}`))}),(0,oi.jsxs)("div",{...l,className:a(e.className,Js,{[`${Js}-${t}`]:t},"k-splitter-flex"),children:[n,o]})};De.options=bv;De.className=Js;De.defaultOptions=yb;De.moduleName=Xs;De.folderName=Lb;De.ariaSpec={selector:".k-splitter",rules:[{selector:".k-pane",attribute:"role=group",usage:"Sets the proper role for the Splitter pane."},{selector:".k-splitbar",attribute:"role=separator",usage:"Sets the proper role for the Splitter split-bar element."},{selector:".k-splitbar",attribute:"aria-label",usage:"An accessible name for the separator."},{selector:".k-splitbar-horizontal",attribute:"aria-orientation=vertical",usage:"When a splitbar separates two panes horizontally, its aria-orientation must be explicitly set to vertical."},{selector:".k-splitbar",attribute:"aria-keyshortcuts",usage:"Announces available keyboard shortcuts."}]};var Sb=require("react/jsx-runtime");var Rb=require("react/jsx-runtime");var Ca=require("react/jsx-runtime"),pl=require("react"),Tv=De.options,fv=De.states,Ab={...De.defaultOptions,variant:"horizontal",firstPaneProps:!0,secondPaneProps:!0},gv=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],hv=[{name:"firstPaneProps",title:"Collapsible Left"},{name:"secondPaneProps",title:"Collapsible Right"}],yr=e=>{let{variant:t,modifiers:o,...r}={...Ab,...e},l=g=>({collapsible:g,content:g?"Resizable and collapsible":"Resizable only"}),n=l(!0),c=l(!0),b={display:"flex",justifyContent:"center",alignItems:"center"};return Object.keys(o||{}).forEach(g=>{let N=o==null?void 0:o[g];switch(g){case"secondPaneProps":c=l(!!N);break;case"firstPaneProps":n=l(!!N);break;default:break}}),t==="vertical"?(0,Ca.jsx)(De,{style:{height:"238px"},...r,orientation:"vertical",panes:[(0,pl.createElement)(Ke,{...n,flexBasis:"50%",style:b,key:"pane-1"},(0,Ca.jsx)("p",{children:n.content})),(0,pl.createElement)(Ke,{...c,flexBasis:"50%",style:b,key:"pane-2"},(0,Ca.jsx)("p",{children:c.content}))]}):(0,Ca.jsx)(De,{style:{height:"238px"},...r,orientation:"horizontal",panes:[(0,pl.createElement)(Ke,{...n,flexBasis:"50%",style:b,key:"pane-1"},(0,Ca.jsx)("p",{children:n.content})),(0,pl.createElement)(Ke,{...c,flexBasis:"50%",style:b,key:"pane-2"},(0,Ca.jsx)("p",{children:c.content}))]})};yr.options=Tv;yr.states=fv;yr.variants=gv;yr.defaultOptions=Ab;yr.modifiers=hv;yr.className=De.className;var qs="segmented-control",Eb=qs,Ib="segmented-control-button",Gb="segmented-control";var ri=require("react/jsx-runtime"),ai="k-segmented-control",xv=[],Nv={size:[d.undefined,d.small,d.medium,d.large]},lo=e=>{let{size:t,stretched:o,children:r,thumbStyles:l,...n}=e;return(0,ri.jsxs)("div",{...n,className:a(e.className,ai,A(ai,{size:t}),{[`${ai}-stretched`]:o}),role:"group",children:[(0,ri.jsx)("div",{className:"k-segmented-control-thumb","aria-hidden":"true",style:l}),r]})};lo.states=xv;lo.options=Nv;lo.className=ai;lo.moduleName=qs;lo.folderName=Eb;lo.ariaSpec={selector:".k-segmented-control",rules:[{selector:".k-segmented-control",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-segmented-control-button",attribute:"role=button or nodeName=button",usage:"Each button must have the appropriate button role."},{selector:".k-segmented-control-button.k-selected",attribute:"aria-pressed=true",usage:"Only the selected button within the group will have this attribute set to true."},{selector:".k-segmented-control-button.k-disabled",attribute:"aria-disabled=true",usage:"Indicates that the button is disabled and cannot be interacted with."},{selector:".k-segmented-control-thumb",attribute:"aria-hidden=true",usage:"The thumb is purely decorative and should be hidden from screen readers."}]};var ml=require("react/jsx-runtime"),Ys="k-segmented-control-button",kv=[s.selected,s.hover,s.focus,s.disabled],wv={},vv={},ht=e=>{let{hover:t,focus:o,selected:r,disabled:l,icon:n,text:c,iconClassName:b,...g}=e;return(0,ml.jsxs)("button",{...g,className:a(e.className,Ys,I(Ys,{hover:t,focus:o,disabled:l,selected:r})),"aria-pressed":r?"true":"false","aria-disabled":l?"true":void 0,children:[n&&(0,ml.jsx)(p,{className:a(b,"k-segmented-control-button-icon"),icon:n}),(c||e.children)&&(0,ml.jsx)("span",{className:"k-segmented-control-button-text",children:c||e.children})]})};ht.states=kv;ht.options=wv;ht.className=Ys;ht.defaultOptions=vv;ht.moduleName=Ib;ht.folderName=Gb;var Qs=require("react/jsx-runtime");var Zs=require("react/jsx-runtime");var js=require("react/jsx-runtime");var ed=require("react/jsx-runtime");var td=require("react/jsx-runtime");var od="treelist",Ob=od;var Pb=require("react/jsx-runtime"),Hb="k-treelist",Cv=[],Lv={},yv={},ue=e=>(0,Pb.jsx)(q,{...e,ariaRole:"treegrid",className:a(Hb,e.className),children:e.children});ue.states=Cv;ue.options=Lv;ue.className=Hb;ue.defaultOptions=yv;ue.moduleName=od;ue.folderName=Ob;ue.ariaSpec={selector:".k-treelist",rules:[{selector:".k-grid-toolbar",attribute:"role=toolbar",usage:"The toolbar is a collection of command buttons and inputs."},{selector:".k-grid-toolbar",attribute:"aria-label",usage:"Clarifies the purpose of the toolbar."},{selector:".k-grid-toolbar",attribute:"aria-controls=.k-grid-aria-root id (when present)",usage:"Pointing to the id of the element with role=treegrid."},{selector:".k-treelist .k-grid-aria-root",attribute:"role=treegrid",usage:"The role specifies the element is a TreeGrid."},{selector:".k-grid-aria-root",attribute:"aria-colcount (when present)",usage:"The total number of columns."},{selector:".k-grid-aria-root",attribute:"aria-rowcount (when present)",usage:"The total number of rows in the table."},{selector:".k-grid-header-wrap>table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-grid-header-wrap>table>thead",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr",attribute:"aria-rowindex (when present)",usage:"Row number."},{selector:".k-grid-header-wrap>table>thead>tr>th:not(.k-hierarchy-cell):not(.k-group-cell):not(.k-drag-cell)",attribute:"role=columnheader",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr>th",attribute:"aria-sort (when present)",usage:"Present if sorting is enabled for that column."},{selector:".k-grid-header-wrap>table>thead>tr>th",attribute:"aria-colindex (when present)",usage:"Col number."},{selector:".k-grid-header-wrap>table>thead>tr>th",attribute:"aria-haspopup=dialog (when present)",usage:"Present if the column has a ColumnMenu or FilterMenu."},{selector:".k-grid-content>table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-grid-content>table>tbody",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-content>table>tbody>tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-content>table>tbody>tr",attribute:"aria-rowindex (when present)",usage:"Row number."},{selector:".k-grid-content>table>tbody>tr>td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-content>table>tbody>tr>td",attribute:"aria-colindex (when present)",usage:"Col number."},{selector:"tr.k-selected",attribute:"aria-selected=true",usage:"Set on the currently selected row(s) in row selection mode. All cells within the selected row also carry aria-selected=true (without k-selected class)."},{selector:"td.k-selected",attribute:"aria-selected=true",usage:"Set on the currently selected cell(s) in cell selection mode. The k-selected class on cells is only applied in cell selection mode, but aria-selected=true is present on cells regardless of selection mode."},{selector:".k-grid-content>table>tbody>tr",attribute:"aria-expanded (when present)",usage:"Set on the currently expanded row(s)."},{selector:".k-grid-content>table>tbody>tr td",attribute:"aria-expanded (when present)",usage:"The cell containing the expand/collapse toggle also carries aria-expanded matching the row value, as it is the navigable focusable element."},{selector:'.k-treelist-toggle[class*="i-caret-alt-down"],.k-treelist-toggle[class*="i-caret-alt-right"]',attribute:"aria-hidden=true",usage:"Removes the expand/collapse icon from the accessibility tree."},{selector:".k-grid-filter-popup",attribute:"role=dialog",usage:"The filter menu popup has dialog role."},{selector:".k-grid-filter-popup",attribute:"id",usage:"Unique id linked to the header cell aria-controls attribute."},{selector:".k-grid-filter-popup",attribute:"aria-label",usage:"Descriptive label for the filter menu."},{selector:".k-grid-columnmenu-popup",attribute:"role=dialog",usage:"The column menu popup has dialog role."},{selector:".k-grid-columnmenu-popup",attribute:"id",usage:"Unique id linked to the header cell aria-controls attribute."},{selector:".k-grid-columnmenu-popup",attribute:"aria-label",usage:"Descriptive label for the column menu."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"role=button",usage:"Column menu items have button role."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"tabindex=0",usage:"Column menu items are focusable."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"aria-expanded (when present)",usage:"Expandable column menu items announce their expanded state."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"aria-controls (when present)",usage:"Expandable items point to the id of the content they control."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"role=listbox",usage:"The column list is a listbox."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"aria-multiselectable=true",usage:"The column list supports multiple selections."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"aria-label",usage:"Accessible name for the column list."},{selector:".k-grid-columnmenu-popup .k-column-list-item",attribute:"role=option",usage:"Column list items are options."},{selector:".k-grid-columnmenu-popup .k-column-list-item",attribute:"aria-checked",usage:"Column list items announce their checked state."},{selector:".k-grid-header-locked table tr",attribute:"aria-owns",usage:"Locked header rows own cells from the corresponding non-locked header table rows."},{selector:".k-grid-content-locked table tr",attribute:"aria-owns",usage:"Locked content rows own cells from the corresponding non-locked content table rows."},{selector:".k-grid-lockedcolumns .k-grid-header-wrap table tr",attribute:"role=none",usage:"Non-locked header rows have their semantic role removed when locked columns exist."},{selector:".k-grid-lockedcolumns .k-grid-content table tr",attribute:"role=none",usage:"Non-locked content rows have their semantic role removed when locked columns exist."},{selector:".k-grid-lockedcolumns .k-grid-header-wrap th",attribute:"role=columnheader",usage:"Non-locked header cells retain columnheader role so they are announced correctly when owned via aria-owns."},{selector:".k-grid-lockedcolumns .k-grid-content td",attribute:"role=gridcell",usage:"Non-locked data cells retain gridcell role so they are announced correctly when owned via aria-owns."},{selector:".k-drag-cell",attribute:"aria-label",usage:"Must be present in a Drag Row scenario on the cell containing the drag handle."}]};var _=require("react/jsx-runtime"),La=({gridHeader:e,gridContent:t,menu:o,...r})=>{let l=B("treelist");return(0,_.jsxs)(ue,{id:B("treelist"),_renderAriaRoot:!0,ariaRootId:l,ariaColCount:3,ariaRowCount:6,...r,children:[e||(0,_.jsx)(F,{children:(0,_.jsx)("div",{className:"k-grid-header-wrap",children:(0,_.jsxs)($,{role:"none",children:[(0,_.jsxs)("colgroup",{children:[(0,_.jsx)("col",{}),(0,_.jsx)("col",{}),(0,_.jsx)("col",{})]}),(0,_.jsx)(W,{role:"rowgroup",children:(0,_.jsxs)(h,{role:"row","aria-rowindex":1,children:[(0,_.jsx)(M,{menu:o,columnTitle:"Name",role:"columnheader","aria-sort":"ascending","aria-colindex":1,...o?{"aria-haspopup":"dialog"}:{}}),(0,_.jsx)(M,{menu:o,columnTitle:"Position",role:"columnheader","aria-colindex":2,...o?{"aria-haspopup":"dialog"}:{}}),(0,_.jsx)(M,{menu:o,columnTitle:"Hire Date",role:"columnheader","aria-colindex":3,...o?{"aria-haspopup":"dialog"}:{}})]})})]})})}),(0,_.jsx)(Y,{children:t||(0,_.jsx)(V,{children:(0,_.jsxs)(J,{role:"none",children:[(0,_.jsxs)("colgroup",{children:[(0,_.jsx)("col",{}),(0,_.jsx)("col",{}),(0,_.jsx)("col",{})]}),(0,_.jsxs)(z,{role:"rowgroup",children:[(0,_.jsxs)(h,{role:"row","aria-rowindex":2,"aria-expanded":"true",children:[(0,_.jsxs)(i,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[(0,_.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),(0,_.jsx)(i,{role:"gridcell","aria-colindex":2,children:"Sweeney"}),(0,_.jsx)(i,{role:"gridcell","aria-colindex":3,children:"CEO"})]}),(0,_.jsxs)(h,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"true",children:[(0,_.jsxs)(i,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[(0,_.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,_.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),(0,_.jsx)(i,{role:"gridcell","aria-colindex":2,children:"Wooten"}),(0,_.jsx)(i,{role:"gridcell","aria-colindex":3,children:"Chief Technical Officer"})]}),(0,_.jsxs)(h,{role:"row","aria-rowindex":4,"aria-expanded":"true",children:[(0,_.jsxs)(i,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[(0,_.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,_.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,_.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),(0,_.jsx)(i,{role:"gridcell","aria-colindex":2,children:"Weber"}),(0,_.jsx)(i,{role:"gridcell","aria-colindex":3,children:"VP, Engineering"})]}),(0,_.jsxs)(h,{role:"row",alt:!0,"aria-rowindex":5,"aria-expanded":"true",children:[(0,_.jsxs)(i,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[(0,_.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,_.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,_.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,_.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),(0,_.jsx)(i,{role:"gridcell","aria-colindex":2,children:"Hood"}),(0,_.jsx)(i,{role:"gridcell","aria-colindex":3,children:"Team Lead"})]}),(0,_.jsxs)(h,{role:"row","aria-rowindex":6,children:[(0,_.jsxs)(i,{role:"gridcell","aria-colindex":1,children:[(0,_.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,_.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,_.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,_.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,_.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),(0,_.jsx)(i,{role:"gridcell","aria-colindex":2,children:"Carr"}),(0,_.jsx)(i,{role:"gridcell","aria-colindex":3,children:"Junior Software Developer"})]})]})]})})})]})};var Kb=require("react/jsx-runtime"),_b=e=>(0,Kb.jsx)(La,{menu:"column",...e});var ad=require("react/jsx-runtime");var Bb=require("react/jsx-runtime"),Db=e=>(0,Bb.jsx)(La,{menu:"filter",...e});var rd=require("react/jsx-runtime");var ld=require("react/jsx-runtime");var G=require("react/jsx-runtime"),zb=({gridHeader:e,gridContent:t,menu:o,...r})=>{let l=B("treelist");return(0,G.jsxs)(ue,{id:B("treelist"),_renderAriaRoot:!0,ariaRootId:l,ariaColCount:4,ariaRowCount:6,...r,children:[e||(0,G.jsx)(F,{children:(0,G.jsx)("div",{className:"k-grid-header-wrap",children:(0,G.jsxs)($,{role:"none",children:[(0,G.jsxs)("colgroup",{children:[(0,G.jsx)("col",{className:"k-drag-col"}),(0,G.jsx)("col",{}),(0,G.jsx)("col",{}),(0,G.jsx)("col",{})]}),(0,G.jsx)(W,{role:"rowgroup",children:(0,G.jsxs)(h,{role:"row","aria-rowindex":1,children:[(0,G.jsx)(M,{role:"columnheader",accessibleLabel:"Drag column"}),(0,G.jsx)(M,{menu:o,columnTitle:"First Name",role:"columnheader","aria-colindex":2}),(0,G.jsx)(M,{menu:o,columnTitle:"Last Name",role:"columnheader","aria-colindex":3}),(0,G.jsx)(M,{menu:o,columnTitle:"Position",role:"columnheader","aria-colindex":4})]})})]})})}),(0,G.jsx)(Y,{children:t||(0,G.jsx)(V,{children:(0,G.jsxs)(J,{role:"none",children:[(0,G.jsxs)("colgroup",{children:[(0,G.jsx)("col",{className:"k-drag-col"}),(0,G.jsx)("col",{}),(0,G.jsx)("col",{}),(0,G.jsx)("col",{})]}),(0,G.jsxs)(z,{role:"rowgroup",children:[(0,G.jsxs)(h,{role:"row","aria-rowindex":2,"aria-expanded":"true",children:[(0,G.jsx)(i,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:(0,G.jsx)(p,{icon:"reorder"})}),(0,G.jsxs)(i,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[(0,G.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),(0,G.jsx)(i,{role:"gridcell","aria-colindex":3,children:"Sweeney"}),(0,G.jsx)(i,{role:"gridcell","aria-colindex":4,children:"CEO"})]}),(0,G.jsxs)(h,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"true",children:[(0,G.jsx)(i,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:(0,G.jsx)(p,{icon:"reorder"})}),(0,G.jsxs)(i,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[(0,G.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,G.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),(0,G.jsx)(i,{role:"gridcell","aria-colindex":3,children:"Wooten"}),(0,G.jsx)(i,{role:"gridcell","aria-colindex":4,children:"Chief Technical Officer"})]}),(0,G.jsxs)(h,{role:"row","aria-rowindex":4,"aria-expanded":"true",children:[(0,G.jsx)(i,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:(0,G.jsx)(p,{icon:"reorder"})}),(0,G.jsxs)(i,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[(0,G.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,G.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,G.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),(0,G.jsx)(i,{role:"gridcell","aria-colindex":3,children:"Weber"}),(0,G.jsx)(i,{role:"gridcell","aria-colindex":4,children:"VP, Engineering"})]}),(0,G.jsxs)(h,{role:"row",alt:!0,"aria-rowindex":5,"aria-expanded":"true",children:[(0,G.jsx)(i,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:(0,G.jsx)(p,{icon:"reorder"})}),(0,G.jsxs)(i,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[(0,G.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,G.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,G.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,G.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),(0,G.jsx)(i,{role:"gridcell","aria-colindex":3,children:"Hood"}),(0,G.jsx)(i,{role:"gridcell","aria-colindex":4,children:"Team Lead"})]}),(0,G.jsxs)(h,{role:"row","aria-rowindex":6,children:[(0,G.jsx)(i,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:(0,G.jsx)(p,{icon:"reorder"})}),(0,G.jsxs)(i,{role:"gridcell","aria-colindex":2,children:[(0,G.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,G.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,G.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,G.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,G.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),(0,G.jsx)(i,{role:"gridcell","aria-colindex":3,children:"Carr"}),(0,G.jsx)(i,{role:"gridcell","aria-colindex":4,children:"Junior Software Developer"})]})]})]})})})]})};var Ub=require("react/jsx-runtime");var Fb=require("react/jsx-runtime");var $b=require("react/jsx-runtime");var Wb=require("react/jsx-runtime");var k=require("react/jsx-runtime"),Mv=ue.options,Sv=ue.states,Vb={...ue.defaultOptions,variant:"normal"},Rv=[{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"}],Av=[{name:"toolbar",title:"Toolbar"},{name:"pager",title:"Pager"}],Mr=e=>{let{variant:t,modifiers:o,...r}={...Vb,...e},l={},n=(0,k.jsxs)(uo,{children:[(0,k.jsx)(u,{icon:"plus",children:"Add New"}),(0,k.jsx)(u,{icon:"file-pdf",children:"Export to PDF"}),(0,k.jsx)("span",{className:"k-spacer"}),(0,k.jsx)(fe,{prefix:(0,k.jsx)(p,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=(0,k.jsx)(we,{pageSizes:!1,refresh:!1});switch(Object.keys(o||{}).forEach(b=>{switch(b){case"toolbar":l.toolbar=o!=null&&o[b]?n:void 0;break;case"pager":l.pager=o!=null&&o[b]?c:void 0;break;default:return}}),t){case"row-reordering":return(0,k.jsx)(zb,{...r,...l});case"column-menu":return(0,k.jsx)(_b,{...r,...l,gridHeader:(0,k.jsx)(F,{children:(0,k.jsx)("div",{className:"k-grid-header-wrap",children:(0,k.jsxs)($,{children:[(0,k.jsxs)("colgroup",{children:[(0,k.jsx)("col",{}),(0,k.jsx)("col",{}),(0,k.jsx)("col",{})]}),(0,k.jsx)(W,{children:(0,k.jsxs)(h,{children:[(0,k.jsx)(M,{menu:"column",columnTitle:"First Name"}),(0,k.jsx)(M,{menu:"column",columnTitle:"Last Name"}),(0,k.jsx)(M,{menu:"column",columnTitle:"Position"})]})})]})})})});case"filter-row":return(0,k.jsx)(Db,{...r,...l,gridHeader:(0,k.jsx)(F,{children:(0,k.jsx)("div",{className:"k-grid-header-wrap",children:(0,k.jsxs)($,{children:[(0,k.jsxs)("colgroup",{children:[(0,k.jsx)("col",{}),(0,k.jsx)("col",{}),(0,k.jsx)("col",{})]}),(0,k.jsx)(W,{children:(0,k.jsxs)(h,{children:[(0,k.jsx)(M,{menu:"filter",columnTitle:"First Name"}),(0,k.jsx)(M,{menu:"filter",columnTitle:"Last Name"}),(0,k.jsx)(M,{menu:"filter",columnTitle:"Position"})]})})]})})})});case"sorting":return(0,k.jsx)(La,{...r,...l,gridHeader:(0,k.jsx)(F,{children:(0,k.jsx)("div",{className:"k-grid-header-wrap",children:(0,k.jsxs)($,{children:[(0,k.jsxs)("colgroup",{children:[(0,k.jsx)("col",{}),(0,k.jsx)("col",{}),(0,k.jsx)("col",{})]}),(0,k.jsx)(W,{children:(0,k.jsxs)(h,{children:[(0,k.jsx)(M,{columnTitle:"First Name"}),(0,k.jsx)(M,{columnTitle:"Last Name",sortable:!0}),(0,k.jsx)(M,{columnTitle:"Position"})]})})]})})}),gridContent:(0,k.jsx)(V,{children:(0,k.jsxs)(J,{children:[(0,k.jsxs)("colgroup",{children:[(0,k.jsx)("col",{}),(0,k.jsx)("col",{className:"k-sorted"}),(0,k.jsx)("col",{})]}),(0,k.jsxs)(z,{children:[(0,k.jsxs)(h,{className:"k-treelist-group",children:[(0,k.jsxs)(i,{children:[(0,k.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),(0,k.jsx)(i,{children:"Sweeney"}),(0,k.jsx)(i,{children:"CEO"})]}),(0,k.jsxs)(h,{className:"k-treelist-group",alt:!0,children:[(0,k.jsxs)(i,{children:[(0,k.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,k.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),(0,k.jsx)(i,{children:"Wooten"}),(0,k.jsx)(i,{children:"Chief Technical Officer"})]}),(0,k.jsxs)(h,{className:"k-treelist-group",children:[(0,k.jsxs)(i,{children:[(0,k.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,k.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,k.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),(0,k.jsx)(i,{children:"Weber"}),(0,k.jsx)(i,{children:"VP, Engineering"})]}),(0,k.jsxs)(h,{className:"k-treelist-group",alt:!0,children:[(0,k.jsxs)(i,{children:[(0,k.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,k.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,k.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,k.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),(0,k.jsx)(i,{children:"Hood"}),(0,k.jsx)(i,{children:"Team Lead"})]}),(0,k.jsxs)(h,{children:[(0,k.jsxs)(i,{children:[(0,k.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,k.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,k.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,k.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,k.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),(0,k.jsx)(i,{children:"Carr"}),(0,k.jsx)(i,{children:"Junior Software Developer"})]})]})]})})});default:return(0,k.jsx)(La,{...r,...l,gridHeader:(0,k.jsx)(F,{children:(0,k.jsx)("div",{className:"k-grid-header-wrap",children:(0,k.jsxs)($,{children:[(0,k.jsxs)("colgroup",{children:[(0,k.jsx)("col",{}),(0,k.jsx)("col",{}),(0,k.jsx)("col",{})]}),(0,k.jsx)(W,{children:(0,k.jsxs)(h,{children:[(0,k.jsx)(M,{columnTitle:"First Name"}),(0,k.jsx)(M,{columnTitle:"Last Name"}),(0,k.jsx)(M,{columnTitle:"Position"})]})})]})})})})}};Mr.options=Mv;Mr.states=Sv;Mr.variants=Rv;Mr.defaultOptions=Vb;Mr.modifiers=Av;Mr.className=ue.className;var m=require("react/jsx-runtime"),Xb=({flexBasis:e="30%",gridContentHeight:t="180px",tablesWidth:o="675px",tablesHeight:r="828px",currentTimeLeftOffset:l="243px",ganttDependencies:n,menu:c,...b})=>(0,m.jsx)(Nt,{headerToolbar:(0,m.jsxs)(qo,{"aria-label":"Toolbar",children:[(0,m.jsx)(u,{className:"k-gantt-toggle",icon:"layout-1-by-4","aria-label":"Toggle TreeList"}),(0,m.jsx)(u,{className:"k-gantt-create",icon:"plus",children:"Add Task"}),(0,m.jsx)("span",{className:"k-spacer"}),(0,m.jsxs)("div",{className:"k-gantt-views-wrapper",children:[(0,m.jsxs)("select",{className:"k-picker k-dropdown-list k-dropdown k-views-dropdown","aria-label":"Select view",children:[(0,m.jsx)("option",{value:"day",children:"Day"}),(0,m.jsx)("option",{value:"week",children:"Week"}),(0,m.jsx)("option",{value:"month",children:"Month"})]}),(0,m.jsxs)(lo,{thumbStyles:{width:"33%",left:"30%"},className:"k-gantt-views",children:[(0,m.jsx)(ht,{children:"Day"}),(0,m.jsx)(ht,{selected:!0,children:"Week"}),(0,m.jsx)(ht,{children:"Month"})]})]})]}),footerToolbar:(0,m.jsx)(dr,{"aria-label":"Toolbar",children:(0,m.jsx)(u,{className:"k-gantt-create",icon:"plus",children:"Add Task"})}),...b,children:(0,m.jsx)(Yo,{children:b.children||(0,m.jsx)(De,{className:"k-gantt-splitter",panes:[(0,m.jsx)(Ke,{className:"k-gantt-treelist",flexBasis:e,children:(0,m.jsxs)(ue,{_renderAriaRoot:!0,children:[(0,m.jsx)(F,{children:(0,m.jsx)("div",{className:"k-grid-header-wrap",children:(0,m.jsxs)($,{style:{minWidth:"250px"},children:[(0,m.jsxs)("colgroup",{children:[(0,m.jsx)("col",{style:{width:"50px"}}),(0,m.jsx)("col",{})]}),(0,m.jsx)(W,{children:(0,m.jsxs)(h,{children:[(0,m.jsx)(M,{menu:c,rowspan:1,columnTitle:"ID"}),(0,m.jsx)(M,{menu:c,rowspan:1,columnTitle:"Title"})]})})]})})}),(0,m.jsx)(Y,{children:(0,m.jsx)(V,{style:{height:t},children:(0,m.jsxs)(J,{style:{minWidth:"250px"},children:[(0,m.jsxs)("colgroup",{children:[(0,m.jsx)("col",{style:{width:"50px"}}),(0,m.jsx)("col",{})]}),(0,m.jsxs)(z,{children:[(0,m.jsxs)(h,{children:[(0,m.jsx)(i,{children:"7"}),(0,m.jsxs)(i,{children:[(0,m.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Software validation, research and implementation"]})]}),(0,m.jsxs)(h,{alt:!0,children:[(0,m.jsx)(i,{children:"18"}),(0,m.jsxs)(i,{children:[(0,m.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,m.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),"Project Kickoff"]})]}),(0,m.jsxs)(h,{children:[(0,m.jsx)(i,{children:"11"}),(0,m.jsxs)(i,{children:[(0,m.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,m.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Research"]})]}),(0,m.jsxs)(h,{alt:!0,children:[(0,m.jsx)(i,{children:"19"}),(0,m.jsxs)(i,{children:[(0,m.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,m.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,m.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),"Validation with Customers"]})]}),(0,m.jsxs)(h,{children:[(0,m.jsx)(i,{children:"20"}),(0,m.jsxs)(i,{children:[(0,m.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,m.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,m.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),"Market Research"]})]})]})]})})})]})},"gantt-treelist-pane"),(0,m.jsx)(Ke,{className:"k-gantt-timeline-pane",children:(0,m.jsxs)(q,{className:"k-gantt-timeline",children:[(0,m.jsx)(F,{children:(0,m.jsx)("div",{className:"k-grid-header-wrap",children:(0,m.jsxs)($,{style:{width:o},children:[(0,m.jsxs)("colgroup",{children:[(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{})]}),(0,m.jsxs)(z,{children:[(0,m.jsx)(h,{children:(0,m.jsx)(i,{className:"k-header",colspan:7,children:"Sun 6/01 - Sat 6/07"})}),(0,m.jsxs)(h,{children:[(0,m.jsx)(i,{colspan:1,className:"k-header k-nonwork-hour",children:"Sun 6/01"}),(0,m.jsx)(i,{className:"k-header",colspan:1,children:"Mon 6/02"}),(0,m.jsx)(i,{className:"k-header",colspan:1,children:"Tue 6/03"}),(0,m.jsx)(i,{className:"k-header",colspan:1,children:"Wed 6/04"}),(0,m.jsx)(i,{className:"k-header",colspan:1,children:"Thu 6/05"}),(0,m.jsx)(i,{className:"k-header",colspan:1,children:"Fri 6/06"}),(0,m.jsx)(i,{colspan:1,className:"k-header k-nonwork-hour",children:"Sat 6/07"})]})]})]})})}),(0,m.jsxs)(V,{style:{height:t},role:"tree",children:[(0,m.jsxs)(Qo,{children:[(0,m.jsxs)(oa,{className:"k-grid-table",style:{width:o},children:[(0,m.jsx)("colgroup",{children:(0,m.jsx)("col",{})}),(0,m.jsxs)(z,{children:[(0,m.jsx)(h,{children:(0,m.jsx)(i,{})}),(0,m.jsx)(h,{alt:!0,children:(0,m.jsx)(i,{})}),(0,m.jsx)(h,{children:(0,m.jsx)(i,{})}),(0,m.jsx)(h,{alt:!0,children:(0,m.jsx)(i,{})}),(0,m.jsx)(h,{children:(0,m.jsx)(i,{})})]})]}),(0,m.jsxs)(ta,{style:{width:o,height:r},children:[(0,m.jsxs)("colgroup",{children:[(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{}),(0,m.jsx)("col",{})]}),(0,m.jsx)(z,{children:(0,m.jsxs)(h,{children:[(0,m.jsx)(i,{className:"k-nonwork-hour"}),(0,m.jsx)(i,{}),(0,m.jsx)(i,{}),(0,m.jsx)(i,{}),(0,m.jsx)(i,{}),(0,m.jsx)(i,{}),(0,m.jsx)(i,{className:"k-nonwork-hour"})]})})]}),(0,m.jsxs)(aa,{style:{width:o},children:[(0,m.jsx)("colgroup",{children:(0,m.jsx)("col",{})}),(0,m.jsxs)(z,{children:[(0,m.jsx)(h,{children:(0,m.jsx)(i,{children:(0,m.jsxs)(je,{type:"summary",style:{left:"113px"},children:[(0,m.jsx)(Ze,{type:"summary",ariaLevel:1,"aria-label":"Software validation, research and implementation",style:{width:"4000px"},children:(0,m.jsx)("div",{className:"k-task-summary-progress",style:{width:"1720px"},children:(0,m.jsx)("div",{className:"k-task-summary-complete",style:{width:"4000px"}})})}),(0,m.jsx)(xe,{}),(0,m.jsx)(xe,{position:"end",style:{right:"0px"}})]})})}),(0,m.jsx)(h,{children:(0,m.jsx)(i,{children:(0,m.jsxs)(je,{type:"milestone",style:{left:"113px"},children:[(0,m.jsx)(Ze,{type:"milestone",ariaLevel:2,"aria-label":"Project Kickoff"}),(0,m.jsx)(xe,{}),(0,m.jsx)(xe,{position:"end",style:{right:"0px"}})]})})}),(0,m.jsx)(h,{children:(0,m.jsx)(i,{children:(0,m.jsxs)(je,{type:"summary",style:{left:"113px"},children:[(0,m.jsx)(Ze,{type:"summary",ariaLevel:2,"aria-label":"Research",style:{width:"500px"},children:(0,m.jsx)("div",{className:"k-task-summary-progress",style:{width:"215px"},children:(0,m.jsx)("div",{className:"k-task-summary-complete",style:{width:"500px"}})})}),(0,m.jsx)(xe,{}),(0,m.jsx)(xe,{position:"end",style:{right:"0px"}})]})})}),(0,m.jsx)(h,{children:(0,m.jsx)(i,{children:(0,m.jsxs)(je,{style:{left:"113px"},children:[(0,m.jsxs)(Ze,{ariaLevel:3,"aria-label":"Validation with Customers",style:{width:"200px"},children:[(0,m.jsx)("div",{className:"k-task-complete","aria-hidden":"true",style:{width:"50px"}}),(0,m.jsx)(Pt,{content:"Validation with Customers"})]}),(0,m.jsx)(xe,{}),(0,m.jsx)(xe,{position:"end",style:{right:"0px"}}),(0,m.jsx)("div",{className:"k-task-draghandle","aria-hidden":"true",style:{left:"50px"}})]})})}),(0,m.jsx)(h,{children:(0,m.jsx)(i,{children:(0,m.jsxs)(je,{style:{left:"113px"},children:[(0,m.jsxs)(Ze,{ariaLevel:3,"aria-label":"Market Research",style:{width:"200px"},children:[(0,m.jsx)("div",{className:"k-task-complete","aria-hidden":"true",style:{width:"164px"}}),(0,m.jsx)(Pt,{content:"Market Research"})]}),(0,m.jsx)(xe,{}),(0,m.jsx)(xe,{position:"end",style:{right:"0px"}}),(0,m.jsx)("div",{className:"k-task-draghandle","aria-hidden":"true",style:{left:"164px"}})]})})})]})]})]}),n||(0,m.jsxs)("div",{className:"k-gantt-dependencies","aria-hidden":"true",style:{width:o},children:[(0,m.jsx)(Re,{style:{left:"124.5px",top:"53px",width:"10px"}}),(0,m.jsx)(Re,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),(0,m.jsx)(Re,{style:{left:"103px",top:"71px",width:"31.5px"}}),(0,m.jsx)(Re,{orientation:"vertical",style:{left:"103px",top:"71px",height:"54px"}}),(0,m.jsx)(Re,{style:{left:"103px",top:"125px",width:"9px"},children:(0,m.jsx)("span",{className:"k-arrow-e"})}),(0,m.jsx)(Re,{style:{left:"124.5px",top:"53px",width:"10px"}}),(0,m.jsx)(Re,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),(0,m.jsx)(Re,{style:{left:"103px",top:"71px",width:"31.5px"}}),(0,m.jsx)(Re,{orientation:"vertical",style:{left:"103px",top:"71px",height:"90px"}}),(0,m.jsx)(Re,{style:{left:"103px",top:"161px",width:"9px"},children:(0,m.jsx)("span",{className:"k-arrow-e"})}),(0,m.jsx)(Re,{style:{left:"313px",top:"125px",width:"10px"}}),(0,m.jsx)(Re,{orientation:"vertical",style:{left:"321px",top:"125px",height:"18px"}}),(0,m.jsx)(Re,{style:{left:"303px",top:"143px",width:"20px"}}),(0,m.jsx)(Re,{orientation:"vertical",style:{left:"303px",top:"143px",height:"18px"}})]}),(0,m.jsx)("div",{className:"k-current-time","aria-hidden":"true",style:{left:l,top:"0px",width:"1px",height:r}})]})]})},"gantt-timeline-pane")]})})});var Jb=require("react/jsx-runtime");var qb=require("react/jsx-runtime"),Ev={},Iv=[],Gv=[],Ov={},Hv=[],Sr=()=>(0,qb.jsx)(Xb,{flexBasis:"40%",gridContentHeight:"197px",style:{width:"90%",height:"367px"}});Sr.options=Ev;Sr.states=Iv;Sr.variants=Gv;Sr.defaultOptions=Ov;Sr.modifiers=Hv;Sr.className=Nt.className;var id="tooltip",Yb=id;var Po=require("react/jsx-runtime"),nd="k-tooltip",Pv=[],_v={themeColor:[S.undefined,S.base,S.inverse,S.info,S.success,S.warning,S.error]},Qb={closable:!1},xt=e=>{let{closable:t=Qb.closable,callout:o,themeColor:r,title:l,content:n,icon:c,id:b=B("tooltip"),...g}=e;return(0,Po.jsxs)("div",{...g,className:a(e.className,nd,A(nd,{themeColor:r}),{"k-tooltip-closable":t}),role:"tooltip",id:b,children:[c&&(0,Po.jsx)(p,{className:"k-tooltip-icon",icon:c}),(0,Po.jsxs)("div",{className:"k-tooltip-content",children:[l&&(0,Po.jsx)("div",{className:"k-tooltip-title",children:l}),n]}),t&&(0,Po.jsx)("div",{className:"k-tooltip-button",role:"button","aria-label":"Close",tabIndex:0,children:(0,Po.jsx)(p,{icon:"x"})}),o&&(0,Po.jsx)("div",{className:a("k-callout",{[`k-callout-${ud.calloutMap[o]||o}`]:o})})]})};xt.states=Pv;xt.options=_v;xt.className=nd;xt.defaultOptions=Qb;xt.moduleName=id;xt.folderName=Yb;xt.ariaSpec={selector:".k-tooltip",implicitRole:"tooltip",rules:[{selector:".k-tooltip",attribute:"role=tooltip",usage:"Specifies the tooltip role of the tooltip container."},{selector:".k-tooltip",attribute:"id",usage:"The element needs an id to be associated with the aria-describedby attribute of the trigger element."},{selector:".k-tooltip .k-tooltip-button",attribute:"role=button",usage:"The close button needs an explicit button role."},{selector:".k-tooltip .k-tooltip-button",attribute:"aria-label",usage:"The close button needs an accessible name."}]};var sd=xt;var jb=require("react/jsx-runtime"),Zb=e=>(0,jb.jsx)(sd,{content:"Tooltip Content",...e});var Kv=require("react/jsx-runtime");var Rr=require("react/jsx-runtime"),Dv={...xt.options,closable:{type:"boolean"},callout:["none","top","bottom","left","right"]},Bv=xt.states,eT={...xt.defaultOptions,callout:"top"},zv=[],Ar=e=>{let{callout:t="top",...o}={...eT,...e},r={none:{top:"-33px",left:"-17px",calloutDirection:null},right:{top:"2px",left:"61px",calloutDirection:"left"},left:{top:"2px",left:"-94px",calloutDirection:"right"},bottom:{top:"38px",left:"-17px",calloutDirection:"top"},top:{top:"-33px",left:"-17px",calloutDirection:"bottom"}},{top:l,left:n,calloutDirection:c}=r[t]||{};return(0,Rr.jsxs)("div",{style:{position:"absolute"},children:[(0,Rr.jsx)($t,{style:{top:l,left:n},children:(0,Rr.jsx)(Zb,{style:{width:"86px",textAlign:"center"},callout:c,content:"Content",...o})}),(0,Rr.jsx)(u,{text:"Show"})]})};Ar.options=Dv;Ar.states=Bv;Ar.variants=zv;Ar.defaultOptions=eT;Ar.modifiers=[];Ar.className=xt.className;var f=require("react/jsx-runtime"),Uv=({flexBasis:e="30%",gridContentHeight:t="180px",tablesWidth:o="675px",tablesHeight:r="828px",...l})=>(0,f.jsx)(Nt,{headerToolbar:(0,f.jsxs)(qo,{"aria-label":"Toolbar",children:[(0,f.jsx)(u,{className:"k-gantt-toggle",icon:"layout-1-by-4","aria-label":"Toggle TreeList"}),(0,f.jsx)(u,{className:"k-gantt-create",icon:"plus",children:"Add Task"}),(0,f.jsx)("span",{className:"k-spacer"}),(0,f.jsxs)("div",{className:"k-gantt-views-wrapper",children:[(0,f.jsxs)("select",{className:"k-picker k-dropdown-list k-dropdown k-views-dropdown","aria-label":"Select view",children:[(0,f.jsx)("option",{value:"day",children:"Day"}),(0,f.jsx)("option",{value:"week",children:"Week"}),(0,f.jsx)("option",{value:"month",children:"Month"})]}),(0,f.jsxs)(lo,{thumbStyles:{width:"33%",left:"30%"},className:"k-gantt-views",children:[(0,f.jsx)(ht,{children:"Day"}),(0,f.jsx)(ht,{selected:!0,children:"Week"}),(0,f.jsx)(ht,{children:"Month"})]})]})]}),...l,children:(0,f.jsx)(Yo,{children:l.children||(0,f.jsx)(De,{className:"k-gantt-splitter",panes:[(0,f.jsx)(Ke,{className:"k-gantt-treelist",flexBasis:e,children:(0,f.jsxs)(ue,{_renderAriaRoot:!0,children:[(0,f.jsx)(F,{children:(0,f.jsx)("div",{className:"k-grid-header-wrap",children:(0,f.jsxs)($,{style:{minWidth:"250px"},children:[(0,f.jsxs)("colgroup",{children:[(0,f.jsx)("col",{style:{width:"50px"}}),(0,f.jsx)("col",{})]}),(0,f.jsx)(W,{children:(0,f.jsxs)(h,{children:[(0,f.jsx)(M,{rowspan:1,columnTitle:"ID"}),(0,f.jsx)(M,{rowspan:1,columnTitle:"Title"})]})})]})})}),(0,f.jsx)(Y,{children:(0,f.jsx)(V,{style:{height:t},children:(0,f.jsxs)(J,{style:{minWidth:"250px"},children:[(0,f.jsxs)("colgroup",{children:[(0,f.jsx)("col",{style:{width:"50px"}}),(0,f.jsx)("col",{})]}),(0,f.jsxs)(z,{children:[(0,f.jsxs)(h,{children:[(0,f.jsx)(i,{children:"7"}),(0,f.jsxs)(i,{children:[(0,f.jsx)(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Software validation"]})]}),(0,f.jsxs)(h,{alt:!0,children:[(0,f.jsx)(i,{children:"11"}),(0,f.jsxs)(i,{children:[(0,f.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,f.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),"Validation with Customers"]})]}),(0,f.jsxs)(h,{children:[(0,f.jsx)(i,{children:"12"}),(0,f.jsxs)(i,{children:[(0,f.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),(0,f.jsx)(p,{className:"k-treelist-toggle",icon:"none"}),"Market Research"]})]})]})]})})})]})},"gantt-treelist-pane"),(0,f.jsx)(Ke,{className:"k-gantt-timeline-pane",children:(0,f.jsxs)(q,{className:"k-gantt-timeline",children:[(0,f.jsx)(F,{children:(0,f.jsx)("div",{className:"k-grid-header-wrap",children:(0,f.jsxs)($,{style:{width:o},children:[(0,f.jsxs)("colgroup",{children:[(0,f.jsx)("col",{}),(0,f.jsx)("col",{}),(0,f.jsx)("col",{}),(0,f.jsx)("col",{}),(0,f.jsx)("col",{}),(0,f.jsx)("col",{}),(0,f.jsx)("col",{})]}),(0,f.jsxs)(z,{children:[(0,f.jsx)(h,{children:(0,f.jsx)(i,{className:"k-header",colspan:7,children:"Sun 6/01 - Sat 6/07"})}),(0,f.jsxs)(h,{children:[(0,f.jsx)(i,{colspan:1,className:"k-header k-nonwork-hour",children:"Sun 6/01"}),(0,f.jsx)(i,{className:"k-header",colspan:1,children:"Mon 6/02"}),(0,f.jsx)(i,{className:"k-header",colspan:1,children:"Tue 6/03"}),(0,f.jsx)(i,{className:"k-header",colspan:1,children:"Wed 6/04"}),(0,f.jsx)(i,{className:"k-header",colspan:1,children:"Thu 6/05"}),(0,f.jsx)(i,{className:"k-header",colspan:1,children:"Fri 6/06"}),(0,f.jsx)(i,{colspan:1,className:"k-header k-nonwork-hour",children:"Sat 6/07"})]})]})]})})}),(0,f.jsxs)(V,{style:{height:t},role:"tree",children:[(0,f.jsxs)(Qo,{children:[(0,f.jsxs)(oa,{className:"k-grid-table",style:{width:o},children:[(0,f.jsx)("colgroup",{children:(0,f.jsx)("col",{})}),(0,f.jsxs)(z,{children:[(0,f.jsx)(h,{children:(0,f.jsx)(i,{})}),(0,f.jsx)(h,{alt:!0,children:(0,f.jsx)(i,{})}),(0,f.jsx)(h,{children:(0,f.jsx)(i,{})})]})]}),(0,f.jsxs)(ta,{style:{width:o,height:r},children:[(0,f.jsxs)("colgroup",{children:[(0,f.jsx)("col",{}),(0,f.jsx)("col",{}),(0,f.jsx)("col",{}),(0,f.jsx)("col",{}),(0,f.jsx)("col",{}),(0,f.jsx)("col",{}),(0,f.jsx)("col",{})]}),(0,f.jsx)(z,{children:(0,f.jsxs)(h,{children:[(0,f.jsx)(i,{className:"k-nonwork-hour"}),(0,f.jsx)(i,{}),(0,f.jsx)(i,{}),(0,f.jsx)(i,{}),(0,f.jsx)(i,{}),(0,f.jsx)(i,{}),(0,f.jsx)(i,{className:"k-nonwork-hour"})]})})]}),(0,f.jsxs)(aa,{style:{width:o},children:[(0,f.jsx)("colgroup",{children:(0,f.jsx)("col",{})}),(0,f.jsxs)(z,{children:[(0,f.jsx)(h,{children:(0,f.jsx)(i,{children:(0,f.jsxs)(je,{type:"summary",style:{left:"113px"},children:[(0,f.jsx)(Ze,{type:"summary",ariaLevel:1,"aria-label":"Software validation",style:{width:"500px"},children:(0,f.jsx)("div",{className:"k-task-summary-progress",style:{width:"215px"},children:(0,f.jsx)("div",{className:"k-task-summary-complete",style:{width:"500px"}})})}),(0,f.jsx)(xe,{}),(0,f.jsx)(xe,{position:"end",style:{right:"0px"}})]})})}),(0,f.jsx)(h,{children:(0,f.jsx)(i,{children:(0,f.jsxs)(je,{style:{left:"113px"},children:[(0,f.jsxs)(Ze,{ariaLevel:2,"aria-label":"Validation with Customers","aria-describedby":"gantt-task-tooltip",style:{width:"200px"},children:[(0,f.jsx)("div",{className:"k-task-complete","aria-hidden":"true",style:{width:"50px"}}),(0,f.jsx)(Pt,{content:"Validation with Customers"})]}),(0,f.jsx)(xe,{}),(0,f.jsx)(xe,{position:"end",style:{right:"0px"}}),(0,f.jsx)("div",{className:"k-task-draghandle","aria-hidden":"true",style:{left:"50px"}})]})})}),(0,f.jsx)(h,{children:(0,f.jsx)(i,{children:(0,f.jsxs)(je,{style:{left:"113px"},children:[(0,f.jsxs)(Ze,{ariaLevel:2,"aria-label":"Market Research",style:{width:"200px"},children:[(0,f.jsx)("div",{className:"k-task-complete","aria-hidden":"true",style:{width:"164px"}}),(0,f.jsx)(Pt,{content:"Market Research"})]}),(0,f.jsx)(xe,{}),(0,f.jsx)(xe,{position:"end",style:{right:"0px"}}),(0,f.jsx)("div",{className:"k-task-draghandle","aria-hidden":"true",style:{left:"164px"}})]})})})]})]})]}),(0,f.jsx)(xt,{id:"gantt-task-tooltip",callout:"bottom",style:{position:"absolute",top:"20px",left:"150px"},title:"Validation with Customers",content:(0,f.jsxs)(f.Fragment,{children:["25%",(0,f.jsx)("br",{}),"Start: 03:00 AM Mon, Jun 2",(0,f.jsx)("br",{}),"End: 03:00 AM Wed, Jun 4"]})})]})]})},"gantt-timeline-pane")]})})});