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

package/dist/esm/gantt/templates/gantt-with-tooltip.mjs

@@ -1 +1 @@
-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"}),E=(e,t)=>{let{valid:o,invalid:r,hover:l,focus:s,checked:c,active:u,selected:f,disabled:h,indeterminate:v,loading:L,empty:g,readonly:M,highlighted:R,...G}=t;return a({"k-valid":o,"k-invalid":r,"k-hover":l,"k-focus":s,"k-checked":c,"k-active":u,"k-selected":f,"k-disabled":h,"k-indeterminate":v&&!c,"k-loading":L,"k-empty":g,"k-readonly":M,"k-highlighted":R},Object.keys(G).reduce((U,P)=>(P.startsWith("k-")?U[P]=G[P]:U[`k-${P}`]=G[P],U),{}))};function rs(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"},k={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},w={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},y={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},n={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"},ls={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var Xl={};function O(e){return Xl[e]=(Xl[e]||0)+1,`k-${e}-${Xl[e]}`}var ge="gantt",xe=ge;import{jsxs as pm}from"react/jsx-runtime";var is="k-gantt",sm=[],dm={},cm={},mt=e=>{let{headerToolbar:t,footerToolbar:o,...r}=e;return pm("div",{...r,className:a(e.className,is),role:"application","aria-roledescription":"Gantt Chart",children:[t,e.children,o]})};mt.states=sm;mt.options=dm;mt.className=is;mt.defaultOptions=cm;mt.moduleName=ge;mt.folderName=xe;mt.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."}]};import{Fragment as Tm,jsx as ns}from"react/jsx-runtime";var Jl="k-font-icon",mm=[],um={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[y.undefined,y.base,y.primary,y.secondary,y.tertiary,y.success,y.warning,y.error,y.info]},bm={},xr=e=>{let{size:t,themeColor:o,icon:r,rotate:l,flip:s,...c}=e;return r?ns("span",{...c,className:a(e.className,Jl,A(Jl,{size:t}),{[`k-i-${r}`]:r,[`k-color-${o}`]:o,[`k-rotate-${l}`]:l,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true"}):ns(Tm,{})};xr.states=mm;xr.options=um;xr.className=Jl;xr.defaultOptions=bm;var ss=xr;import{Fragment as hm,jsx as el}from"react/jsx-runtime";var ql="k-svg-icon",fm=[],gm={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[y.undefined,y.base,y.primary,y.secondary,y.tertiary,y.success,y.warning,y.error,y.info]},ds={viewBox:"0 0 24 24"},kr=e=>{let{size:t,themeColor:o,rotate:r,flip:l,viewBox:s=ds.viewBox,icon:c,...u}=e;if(!c)return el(hm,{});if(c==="none")return el("span",{...u,className:a(e.className,ql,A("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof c=="object"&&c.name&&c.name;return el("span",{...u,className:a(e.className,ql,A("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`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:el("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:s,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};kr.states=fm;kr.options=gm;kr.className=ql;kr.defaultOptions=ds;var Yl=kr;import*as Ql from"@progress/kendo-svg-icons";var cs="icon",ps="icons";import{useContext as km}from"react";import{createContext as xm}from"react";var ms=xm({iconsType:"svg"});import{Fragment as us,jsx as Nr}from"react/jsx-runtime";var tl="k-icon",Nm=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),wm=[],vm={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[y.undefined,y.base,y.primary,y.secondary,y.tertiary,y.success,y.warning,y.error,y.info]},Zl={viewBox:"0 0 24 24",type:"svg"},p=e=>{let{iconsType:t}=km(ms),{size:o,themeColor:r,icon:l,type:s=t||Zl.type,rotate:c,flip:u,viewBox:f=Zl.viewBox,...h}=e;if(!l)return Nr(us,{});if((t||s)==="svg"){if(l==="none")return Nr(Yl,{...h,className:a(e.className,tl),icon:l,size:o});let L=Ql[l]?l:Nm(`${l}-icon`);return Ql[L]?Nr(Yl,{...h,className:a(e.className,tl),icon:Ql[L],size:o,themeColor:r,rotate:c,flip:u,viewBox:f}):Nr(us,{})}return Nr(ss,{...h,className:a(e.className,tl),icon:l,size:o,themeColor:r,rotate:c,flip:u})};p.states=wm;p.options=vm;p.defaultOptions=Zl;p.className=tl;p.moduleName=cs;p.folderName=ps;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 jl="button",bs=jl;import{Fragment as Mm,jsx as wr,jsxs as Ts}from"react/jsx-runtime";var vr="k-button",Cm=["icon-button"],Lm=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],ym={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[w.undefined,w.solid,w.flat,w.outline,w.clear,w.link],themeColor:[y.undefined,y.base,y.primary,y.secondary,y.tertiary,y.success,y.warning,y.error,y.info,y.inverse]},ei={showArrow:!1,arrowIconName:"caret-alt-down"},m=e=>{let{as:t="button",size:o,rounded:r,fillMode:l,themeColor:s,showArrow:c=ei.showArrow,arrowIconName:u=ei.arrowIconName,variant:f,hover:h,focus:v,active:L,selected:g,disabled:M,togglable:R,ariaDisabled:G,icon:U,text:P,iconClassName:te,className:ye,...fe}=e,je=U!==void 0,et=e.children!==void 0;return Ts(t,{className:a(ye,vr,rs(vr,f),A(vr,{size:o,rounded:r,fillMode:l,themeColor:s}),E(vr,{hover:h,focus:v,active:L,disabled:M||G,selected:g}),{"k-icon-button":!P&&!et&&je}),...fe,"aria-pressed":R?g?"true":"false":void 0,"aria-disabled":G?"true":void 0,disabled:M||void 0,children:[U&&wr(p,{className:a(te,"k-button-icon"),icon:U}),P?Ts(Mm,{children:[P&&wr("span",{className:"k-button-text",children:P}),e.children]}):e.children&&wr("span",{className:"k-button-text",children:e.children}),c&&wr("span",{className:"k-menu-button-arrow k-button-arrow",children:wr(p,{icon:u})})]})};m.states=Lm;m.options=ym;m.variants=Cm;m.className=vr;m.defaultOptions=ei;m.moduleName=jl;m.folderName=bs;m.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as Sm}from"react/jsx-runtime";var xo=e=>Sm(m,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Rm}from"react/jsx-runtime";var Cr=e=>Rm(m,{icon:"folder",children:"Button",...e});import{jsx as Am}from"react/jsx-runtime";var Xo=e=>Am(m,{children:"Button",...e});import{jsx as ti}from"react/jsx-runtime";var Em=m.options,Im=m.states,Gm={...m.defaultOptions,variant:"text"},Om=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Hm=[],ba=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return ti(xo,{...o,icon:"star"});case"icon-and-text":return ti(Cr,{...o,icon:"star",children:"Button"});default:return ti(Xo,{...o,children:"Button"})}};ba.options=Em;ba.states=Im;ba.variants=Om;ba.defaultOptions=Gm;ba.modifiers=Hm;ba.className=m.className;var oi="button",fs=oi;import{jsx as Dm}from"react/jsx-runtime";var Lr="k-button-group",Pm=[n.disabled],_m={fillMode:[w.undefined,w.solid,w.flat,w.outline,w.clear,w.link]},Km={},W=e=>{let{fillMode:t,disabled:o,stretched:r,...l}=e;return Dm("div",{role:"group",...l,className:a(e.className,Lr,A(Lr,{fillMode:t}),E(Lr,{disabled:o}),{[`${Lr}-stretched`]:r}),...o&&{"aria-disabled":"true"},children:e.children})};W.states=Pm;W.options=_m;W.className=Lr;W.defaultOptions=Km;W.moduleName=oi;W.folderName=fs;W.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};import{Fragment as Qv,jsx as Yv,jsxs as Zv}from"react/jsx-runtime";import{Fragment as rC,jsx as aC,jsxs as lC}from"react/jsx-runtime";import{Fragment as pC,jsx as cC,jsxs as mC}from"react/jsx-runtime";import{Fragment as hC,jsx as gC,jsxs as xC}from"react/jsx-runtime";import{Fragment as LC,jsx as CC,jsxs as yC}from"react/jsx-runtime";import{Fragment as IC,jsx as EC,jsxs as GC}from"react/jsx-runtime";import{jsx as ro,jsxs as ai}from"react/jsx-runtime";var Bm={...m.options,...W.options},zm=m.states,Um={...m.defaultOptions,...W.defaultOptions,variant:"text-button"},Fm=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],$m=[],Ta=e=>{let{variant:t,className:o,...r}=e;return t==="icon-button"?ai(W,{fillMode:r.fillMode,className:o,children:[ro(m,{...r,icon:"star"}),ro(m,{...r,icon:"star"}),ro(m,{...r,icon:"star"})]}):t==="icon-text-button"?ai(W,{fillMode:r.fillMode,className:o,children:[ro(m,{...r,icon:"star",children:"First"}),ro(m,{...r,icon:"star",children:"Middle"}),ro(m,{...r,icon:"star",children:"Last"})]}):ai(W,{fillMode:r.fillMode,className:o,children:[ro(m,{...r,children:"First"}),ro(m,{...r,children:"Middle"}),ro(m,{...r,children:"Last"})]})};Ta.options=Bm;Ta.states=zm;Ta.variants=Fm;Ta.defaultOptions=Um;Ta.modifiers=$m;Ta.className=W.className;var yr="input",ol=yr;import{jsx as Jm}from"react/jsx-runtime";var al="k-input",Wm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Vm={size:[d.undefined,d.small,d.medium,d.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},Xm={},He=e=>{let{hover:t,focus:o,disabled:r,invalid:l,valid:s,loading:c,readonly:u,size:f,rounded:h,fillMode:v,...L}=e;return Jm("span",{...L,className:a(e.className,al,A(al,{size:f,rounded:h,fillMode:v}),E(al,{hover:t,focus:o,disabled:r,invalid:l,valid:s,loading:c,readonly:u}))})};He.states=Wm;He.options=Vm;He.className=al;He.defaultOptions=Xm;He.moduleName=yr;He.folderName=ol;import{jsx as Zm}from"react/jsx-runtime";var rl="k-picker",qm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Ym={size:[d.undefined,d.small,d.medium,d.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},Qm={},Yt=e=>{let{hover:t,focus:o,disabled:r,invalid:l,valid:s,loading:c,readonly:u,size:f,rounded:h,fillMode:v,...L}=e;return Zm("span",{...L,className:a(e.className,rl,A(rl,{size:f,rounded:h,fillMode:v}),E(rl,{hover:t,focus:o,disabled:r,invalid:l,valid:s,loading:c,readonly:u})),children:e.children})};Yt.states=qm;Yt.options=Ym;Yt.className=rl;Yt.defaultOptions=Qm;Yt.moduleName=yr;Yt.folderName=ol;import{Fragment as tu,jsx as ri}from"react/jsx-runtime";var gs="k-clear-value",jm=[n.disabled,n.loading,n.readonly],eu={},kt=e=>{let{disabled:t,loading:o,readonly:r,value:l}=e;return t||r||o||!l?ri(tu,{}):ri("span",{className:a(e.className,gs),children:ri(p,{icon:"x"})})};kt.states=jm;kt.options=eu;kt.className=gs;import{jsx as ru}from"react/jsx-runtime";var li="k-input-inner",ou=[],au={},ll={type:"text",autocomplete:"off",value:"",placeholder:""},Nt=e=>{let{value:t=ll.value,type:o=ll.type,placeholder:r=ll.placeholder,autocomplete:l=ll.autocomplete,disabled:s,readOnly:c,...u}=e;return ru("input",{...u,type:o,className:a(e.className,li,A(li,e)),placeholder:r,autoComplete:l,defaultValue:t,disabled:s||void 0,readOnly:c||void 0})};Nt.states=ou;Nt.options=au;Nt.className=li;import{jsx as hs,jsxs as nu}from"react/jsx-runtime";var ii="k-input-inner",lu=[],iu={},Jo=e=>{let{value:t,placeholder:o,showValue:r,valueIcon:l,valueIconName:s,...c}=e;return nu("span",{...c,className:a(e.className,ii,A(ii,e)),children:[l,!l&&s&&hs(p,{className:"k-input-value-icon",icon:s}),r&&!t&&o,r&&t&&hs("span",{className:"k-input-value-text",children:t})]})};Jo.states=lu;Jo.options=iu;Jo.className=ii;import{jsx as cu}from"react/jsx-runtime";var ni="k-input-inner",su=[],du={},xs={value:"",placeholder:""},si=e=>{let{value:t=xs.value,placeholder:o=xs.placeholder,rows:r,disabled:l,...s}=e;return cu("textarea",{...s,className:a(e.className,ni,A(ni,e)),placeholder:o,rows:r,defaultValue:t,disabled:l||void 0})};si.states=su;si.options=du;si.className=ni;import{Fragment as mu,jsx as ks}from"react/jsx-runtime";var Ns="k-input-loading-icon",pu=[n.disabled,n.loading],ut=e=>{let{disabled:t,loading:o}=e;return t||!o?ks(mu,{}):ks("span",{className:a(e.className,Ns,"k-icon k-i-loading")})};ut.states=pu;ut.className=Ns;import{Fragment as Tu,jsx as ws}from"react/jsx-runtime";var vs="k-input-validation-icon",uu=[n.valid,n.invalid,n.disabled,n.loading],bu={},tt=e=>{let{valid:t,invalid:o,disabled:r,loading:l}=e,s=o?"warning-circle":"check-circle";return r||l||!!!(t||o)?ws(Tu,{}):ws(p,{className:a(vs),icon:s})};tt.states=uu;tt.options=bu;tt.className=vs;import{Fragment as hu,jsx as Cs}from"react/jsx-runtime";var fu="k-input-prefix",gu={direction:"horizontal"},At=e=>{let{direction:t=gu.direction,...o}=e;return e.children?Cs("span",{...o,className:a(fu,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Cs(hu,{})};import{Fragment as Nu,jsx as Ls}from"react/jsx-runtime";var xu="k-input-suffix",ku={direction:"horizontal"},Et=e=>{let{direction:t=ku.direction,...o}=e;return e.children?Ls("span",{...o,className:a(xu,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ls(Nu,{})};import{jsx as GL}from"react/jsx-runtime";import{jsx as vu}from"react/jsx-runtime";var wu="k-input-suffix-text",di=e=>{let{children:t,...o}=e;return vu("span",{...o,className:a(wu,e.className),children:t})};import{jsx as Lu}from"react/jsx-runtime";var ys="k-input-separator",Cu={direction:"vertical"},It=e=>{let{direction:t=Cu.direction,...o}=e;return Lu("span",{...o,className:a(ys,e.className,{[`${ys}-${t}`]:t})})};import{Fragment as Ms,jsx as Qt,jsxs as ci}from"react/jsx-runtime";var yu=He.states,Mu=He.defaultOptions,Su=He.options,Ru=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Au=[],fa=e=>{let{modifiers:t,valid:o,invalid:r,loading:l,disabled:s,readonly:c,...u}=e,f=t?.prefix,h=t?.suffix,v=t?.["clear-button"],L=t?.["validation-icon"],g=t?.separators;return ci(He,{...u,valid:o,invalid:r,loading:l,disabled:s,readonly:c,style:{width:300},children:[f&&ci(Ms,{children:[Qt(At,{children:Qt(p,{icon:"lock"})}),g&&Qt(It,{})]}),Qt(Nt,{placeholder:"Placeholder",value:"Value"}),L&&Qt(tt,{valid:o,invalid:r,loading:l,disabled:s}),Qt(ut,{loading:l,disabled:s}),v&&Qt(kt,{loading:l,disabled:s,readonly:c,value:"Value"}),h&&ci(Ms,{children:[g&&Qt(It,{}),Qt(Et,{children:Qt(Xo,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};fa.options=Su;fa.states=yu;fa.variants=Au;fa.defaultOptions=Mu;fa.modifiers=Ru;fa.className=He.className;import{jsx as Ss,jsxs as Gu}from"react/jsx-runtime";var Rs="k-color-preview",Eu=[],Iu={},ko=e=>{let{color:t,iconName:o,...r}=e;return Gu("span",{...r,className:a(e.className,Rs,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Ss(p,{icon:o,className:"k-color-preview-icon"}),Ss("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};ko.states=Eu;ko.options=Iu;ko.className=Rs;var pi="popup",As=pi;import{jsx as Es}from"react/jsx-runtime";var Is="k-animation-container",Ou=[],Hu={},Gs={positionMode:"absolute"},Gt=e=>{let{positionMode:t=Gs.positionMode,animationStyle:o,offset:r,...l}=e;return Es("div",{...l,style:{...r,...e.style},className:a(e.className,Is,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Es("div",{className:"k-child-animation-container",style:o,children:e.children})})};Gt.states=Ou;Gt.options=Hu;Gt.className=Is;Gt.defaultOptions=Gs;Gt.moduleName=pi;Gt.folderName=As;var mi="popup",Os=mi;import{jsx as Hs}from"react/jsx-runtime";var Ps="k-popup",Pu=[],_u={},_s={positionMode:"absolute"},de=e=>{let{offset:t,positionMode:o=_s.positionMode,animationStyle:r,containerClassName:l,containerRole:s,containerAriaLabel:c,...u}=e;return Hs(Gt,{positionMode:o,offset:t,animationStyle:r,className:l,role:s,"aria-label":c,children:Hs("div",{...u,className:a(e.className,Ps),children:e.children})})};de.states=Pu;de.options=_u;de.className=Ps;de.defaultOptions=_s;de.moduleName=mi;de.folderName=Os;de.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 ui="action-buttons",Ks=ui;import{jsx as Bu}from"react/jsx-runtime";var il="k-actions",Ku=[],Du={},bi={alignment:"start",orientation:"horizontal"},Ot=e=>{let{alignment:t=bi.alignment,orientation:o=bi.orientation,...r}=e;return Bu("div",{...r,className:a(il,{[`${il}-${t}`]:t,[`${il}-${o}`]:o},e.className),children:e.children})};Ot.states=Ku;Ot.options=Du;Ot.className=il;Ot.defaultOptions=bi;Ot.moduleName=ui;Ot.folderName=Ks;import{jsx as Uu}from"react/jsx-runtime";var zu="k-actionsheet-footer",Ds={alignment:"stretched",orientation:"horizontal"},No=e=>{let{alignment:t=Ds.alignment,orientation:o=Ds.orientation,template:r,as:l=r?"div":Ot,...s}=e;return Uu(l,{...s,...!r&&{alignment:t,orientation:o},className:a(e.className,zu),children:e.children})};var Ti="searchbox",Bs=Ti;import{jsx as Mr,jsxs as Wu}from"react/jsx-runtime";var zs="k-searchbox",Fu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],$u={size:[d.undefined,d.small,d.medium,d.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},fi={showIcon:!0,icon:"search"},wt=e=>{let{value:t,placeholder:o,size:r,rounded:l,fillMode:s,hover:c,focus:u,valid:f,invalid:h,required:v,loading:L,disabled:g,showIcon:M=fi.showIcon,icon:R=fi.icon,"aria-label":G,...U}=e;return Wu(He,{...U,size:r,rounded:l,fillMode:s,hover:c,focus:u,valid:f,invalid:h,required:v,loading:L,disabled:g,className:a(e.className,zs),children:[M&&Mr(p,{className:"k-input-icon",icon:R}),Mr(Nt,{placeholder:o,value:t,"aria-label":G}),Mr(ut,{...e}),Mr(tt,{...e}),Mr(kt,{...e})]})};wt.states=Fu;wt.options=$u;wt.className=zs;wt.defaultOptions=fi;wt.moduleName=Ti;wt.folderName=Bs;import{jsx as rM}from"react/jsx-runtime";var gi="textbox",Us=gi;import{Fragment as Fs,jsx as wo,jsxs as hi}from"react/jsx-runtime";var $s="k-textbox",Vu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Xu={size:[d.undefined,d.small,d.medium,d.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},nl={showClearButton:!0,showValidationIcon:!0,separators:!0},he=e=>{let{size:t,rounded:o,fillMode:r,separators:l=nl.separators,showClearButton:s=nl.showClearButton,showValidationIcon:c=nl.showValidationIcon,prefix:u,suffix:f,type:h,value:v,placeholder:L,hover:g,focus:M,valid:R,invalid:G,required:U,loading:P,disabled:te,readonly:ye,id:fe,"aria-label":je,"aria-describedby":et,...xt}=e;return hi(He,{...xt,size:t,rounded:o,fillMode:r,hover:g,focus:M,valid:R,invalid:G,required:U,loading:P,disabled:te,readonly:ye,className:a(e.className,$s),children:[u&&hi(Fs,{children:[wo(At,{children:u}),l&&wo(It,{})]}),wo(Nt,{id:fe,placeholder:L,value:v,type:h,disabled:te,"aria-label":je,"aria-describedby":et,"aria-invalid":G?"true":void 0}),c&&wo(tt,{valid:R,invalid:G,loading:P,disabled:te}),wo(ut,{loading:P,disabled:te}),s&&wo(kt,{loading:P,disabled:te,readonly:ye,value:v}),f&&hi(Fs,{children:[l&&wo(It,{}),wo(Et,{children:f})]})]})};he.states=Vu;he.options=Xu;he.className=$s;he.defaultOptions=nl;he.moduleName=gi;he.folderName=Us;he.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 Sr=he;import{jsx as Ju}from"react/jsx-runtime";var Ws=e=>Ju(Sr,{...e});import{Fragment as wM,jsx as NM}from"react/jsx-runtime";import{Fragment as SM,jsx as MM}from"react/jsx-runtime";import{jsx as IM}from"react/jsx-runtime";import{jsx as xi}from"react/jsx-runtime";var qu=he.states,Yu=he.defaultOptions,Qu=he.options,Zu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],ju=[],ga=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":r.prefix=t?.[l]?xi(p,{icon:"lock"}):void 0;break;case"suffix":r.suffix=t?.[l]?xi(Xo,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":r.showClearButton=t?.[l];break;default:break}}),xi(Ws,{value:"Value",style:{width:300},...o,...r})};ga.options=Qu;ga.states=qu;ga.variants=ju;ga.defaultOptions=Yu;ga.modifiers=Zu;ga.className=he.className;import{jsx as vo,jsxs as ki}from"react/jsx-runtime";var Vs="k-actionsheet-titlebar",eb={},ot=e=>{let{title:t,subtitle:o,actionsStart:r,actionsEnd:l,filter:s,input:c,inputValue:u,inputPlaceholder:f,adaptive:h,titleId:v,children:L,...g}=e;return ki("div",{...g,className:a(e.className,Vs),children:[ki("div",{className:"k-actionsheet-titlebar-group",children:[r&&vo("div",{className:"k-actionsheet-actions",children:r}),!L&&ki("div",{className:"k-actionsheet-title",id:v,children:[t&&vo("div",{className:"k-text-center",children:t}),o&&vo("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),L&&vo("div",{className:"k-actionsheet-title",id:v,children:L}),l&&vo("div",{className:"k-actionsheet-actions",children:l})]}),(c||s)&&vo("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?vo(he,{value:u,placeholder:f,size:h?"large":"medium","aria-label":t||f||"Input"}):vo(wt,{placeholder:"Filter",size:h?"large":"medium","aria-label":"Filter options"})})]})};ot.className=Vs;ot.defaultOptions=eb;import{jsx as Ni,jsxs as rb}from"react/jsx-runtime";var wi="k-actionsheet-view",tb=[],ob={},ab={},ha=e=>{let{adaptive:t,animated:o,children:r,header:l,footer:s,titleId:c,...u}=e,f=l?.type===ot&&Ni(ot,{adaptive:t,titleId:c,...l?.props}),h=s?.type===No&&Ni(No,{...s?.props});return rb("div",{...u,className:a(e.className,wi,{[`${wi}-animated`]:o}),children:[f,Ni("div",{className:"k-actionsheet-content",children:r}),h]})};ha.states=tb;ha.options=ob;ha.className=wi;ha.defaultOptions=ab;var Rr="action-sheet",sl=Rr;var vi="overlay",Xs=vi;import{jsx as sb}from"react/jsx-runtime";var Js="k-overlay",lb=[],ib={},nb={},Co=e=>{let{...t}=e;return sb("div",{...t,className:a(e.className,Js),children:e.children})};Co.states=lb;Co.options=ib;Co.className=Js;Co.defaultOptions=nb;Co.moduleName=vi;Co.folderName=Xs;import{jsx as dl,jsxs as pb}from"react/jsx-runtime";var qs="k-actionsheet",db=[],cb={},Ar={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Ie=e=>{let{side:t=Ar.side,fullscreen:o=Ar.fullscreen,adaptive:r=Ar.adaptive,overlay:l=Ar.overlay,template:s,children:c,header:u,footer:f,id:h,...v}=e,L=h&&!s&&u?`${h}-title`:void 0;return pb("div",{className:"k-actionsheet-container",children:[l&&dl(Co,{}),dl(Gt,{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:dl("div",{...v,id:h,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":L,className:a(e.className,qs,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":r}),children:s||dl(ha,{header:u,footer:f,adaptive:r,titleId:L,...e,children:c})})})]})};Ie.states=db;Ie.options=cb;Ie.className=qs;Ie.defaultOptions=Ar;Ie.moduleName=Rr;Ie.folderName=sl;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."}]};import{jsx as Tb}from"react/jsx-runtime";var Ys="k-actionsheet-container",mb=[],ub={},bb={},xa=e=>{let{children:t,...o}=e;return Tb("div",{...o,className:Ys,children:t})};xa.states=mb;xa.options=ub;xa.className=Ys;xa.defaultOptions=bb;xa.moduleName=Rr;xa.folderName=sl;import{jsx as fb}from"react/jsx-runtime";var Ci=e=>{let{...t}=e;return fb("div",{...t,className:a(e.className,"k-list-ul"),children:e.children})};import{Fragment as hb,jsx as Er,jsxs as Li}from"react/jsx-runtime";var yi="k-actionsheet-item",gb=[n.hover,n.focus,n.selected,n.disabled],Lo=e=>{let{iconName:t,text:o,description:r,hover:l,focus:s,selected:c,disabled:u,...f}=e;return Li("span",{...f,className:a(e.className,yi,E(yi,{hover:l,focus:s,selected:c,disabled:u})),children:[!e.children&&Er(hb,{children:Li("span",{className:"k-actionsheet-action",children:[t&&Er("span",{className:"k-icon-wrap",children:Er(p,{className:"k-actionsheet-item-icon",icon:t})}),Li("span",{className:"k-actionsheet-item-text",children:[o&&Er("span",{className:"k-actionsheet-item-title",children:o}),r&&Er("span",{className:"k-actionsheet-item-description",children:r})]})]})}),e.children]})};Lo.states=gb;Lo.className=yi;import{jsx as ES,jsxs as IS}from"react/jsx-runtime";import{jsx as PS}from"react/jsx-runtime";import{jsx as BS}from"react/jsx-runtime";import{jsx as $S}from"react/jsx-runtime";import{jsx as Fe,jsxs as Mi}from"react/jsx-runtime";var xb=Ie.options,kb=Ie.states,Zs={...Ie.defaultOptions,variant:"normal"},Nb=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],wb=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],ka=e=>{let{variant:t,modifiers:o,...r}={...Zs,...e},l={},s=Mi(Ci,{children:[Fe(Lo,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),Fe(Lo,{text:"Add to Favorites",iconName:"heart"}),Fe(Lo,{text:"Upload New",iconName:"upload",disabled:!0}),Fe("hr",{className:"k-hr"}),Fe(Lo,{text:"Cancel",iconName:"cancel"})]}),c="Choose from the items below",u="Select Item";return t==="fullScreen"&&(l.fullScreen=!0),Object.keys(o||{}).forEach(f=>{switch(f){case"actions":l.actionsStart=!!o?.[f],l.actionsEnd=!!o?.[f];break;case"subtitle":l.subtitle=o?.[f]?c:void 0;break;case"footer":l.footer=!!o?.[f];break;default:break}}),t==="adaptive"?Fe(Ie,{...r,adaptive:!0,fullscreen:l.fullScreen,header:Fe(ot,{actionsStart:l.actionsStart?Fe(m,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Fe(m,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:u,subtitle:l.subtitle}),footer:l.footer?Mi(No,{alignment:"stretched",children:[Fe(m,{text:"Cancel",size:"large",themeColor:"base"}),Fe(m,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):Fe(Ie,{...r,fullscreen:l.fullScreen,header:Fe(ot,{actionsStart:l.actionsStart?Fe(m,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Fe(m,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?Mi(No,{alignment:"stretched",children:[Fe(m,{text:"Apply",themeColor:"primary"}),Fe(m,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};ka.options=xb;ka.states=kb;ka.variants=Nb;ka.defaultOptions=Zs;ka.modifiers=wb;ka.className=Ie.className;var Si="slider",js=Si;import{jsx as Na,jsxs as Ri}from"react/jsx-runtime";var Ir="k-slider",vb=[n.hover,n.focus,n.active,n.disabled,n.readonly],Cb={},Ht={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},ve=e=>{let{type:t=Ht.type,orientation:o=Ht.orientation,gradientType:r=Ht.gradientType,readonly:l=Ht.readonly,disabled:s=Ht.disabled,handlePosition:c=Ht.handlePosition,showButtons:u=Ht.showButtons,showTicks:f=Ht.showTicks,value:h=Ht.value,min:v=Ht.min,max:L=Ht.max,startValue:g,endValue:M,hover:R,focus:G,active:U,trackStyle:P,dir:te,...ye}=e,je=(()=>{if(t==="gradient"&&r==="2d")return"undefined";if(o==="vertical")return"vertical"})(),et,xt;return o==="horizontal"?(et=te==="rtl"?"caret-alt-left":"caret-alt-right",xt=te==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(et="caret-alt-up",xt="caret-alt-down"),Ri("div",{...ye,className:a(Ir,e.className,E(Ir,{readonly:l,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:te,children:[u&&Na(m,{className:"k-button-decrease",rounded:"full",icon:xt,tabIndex:-1,title:"Decrease"}),Ri("div",{className:"k-slider-track-wrap",children:[f&&Na("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Ri("div",{className:"k-slider-track",style:P,children:[Na("div",{className:"k-slider-selection"}),t==="range"&&Na("span",{className:a("k-draghandle","k-draghandle-start",E(Ir,{hover:R,focus:G,active:U})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":g??v,"aria-valuemin":v,"aria-valuemax":M??L,"aria-orientation":je,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":ye["aria-label"]?`${ye["aria-label"]} start`:"Range start"}),Na("span",{className:a("k-draghandle",`k-draghandle-${c}`,E(Ir,{hover:R,focus:G,active:U})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?M??L:h,"aria-valuemin":t==="range"?g??v:v,"aria-valuemax":L,"aria-orientation":je,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":t==="range"?ye["aria-label"]?`${ye["aria-label"]} end`:"Range end":ye["aria-label"]})]})]}),u&&Na(m,{className:"k-button-increase",rounded:"full",icon:et,tabIndex:-1,title:"Increase"})]})};ve.states=vb;ve.options=Cb;ve.className=Ir;ve.defaultOptions=Ht;ve.moduleName=Si;ve.folderName=js;ve.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."}]};import{jsx as ed}from"react/jsx-runtime";var td="k-tick",Lb=[],yb={},od={label:!1},J=e=>{let{style:t,label:o=od.label,orientation:r,large:l,text:s,...c}=e;return ed("li",{...c,role:"presentation",title:s||"Tick",className:a(e.className,td,{[`k-tick-${r}`]:r,"k-tick-large":l}),style:t,children:o&&ed("span",{className:"k-label",children:s})})};J.states=Lb;J.options=yb;J.className=td;J.defaultOptions=od;import{Fragment as Mb,jsx as Pt,jsxs as Sb}from"react/jsx-runtime";var ad=e=>Pt(ve,{"aria-label":e["aria-label"]||"Slider",children:Sb(Mb,{children:[Pt(J,{className:"k-first",label:!0,large:!0,text:"0"}),Pt(J,{}),Pt(J,{}),Pt(J,{}),Pt(J,{}),Pt(J,{label:!0,large:!0,text:"5"}),Pt(J,{}),Pt(J,{}),Pt(J,{}),Pt(J,{}),Pt(J,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Rb,jsx as _t,jsxs as Ab}from"react/jsx-runtime";var rd=e=>_t(ve,{children:Ab(Rb,{children:[_t(J,{className:"k-first",label:!0,large:!0,text:"0"}),_t(J,{}),_t(J,{}),_t(J,{}),_t(J,{}),_t(J,{label:!0,large:!0,text:"5"}),_t(J,{}),_t(J,{}),_t(J,{}),_t(J,{}),_t(J,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as IR,jsx as ER,jsxs as GR}from"react/jsx-runtime";import{Fragment as KR,jsx as _R,jsxs as DR}from"react/jsx-runtime";import{jsx as Eb}from"react/jsx-runtime";var Ai=e=>Eb(ve,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as Ib}from"react/jsx-runtime";var Ei=e=>Ib(ve,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as YR,jsx as qR,jsxs as QR}from"react/jsx-runtime";import{Fragment as oA,jsx as tA,jsxs as aA}from"react/jsx-runtime";import{jsx as Zt,jsxs as ld}from"react/jsx-runtime";var Gb=ve.options,Ob=ve.states,id={...ve.defaultOptions,variant:"horizontal",label:!0},Hb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Pb=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],wa=e=>{let{variant:t,modifiers:o,...r}={...id,...e},l={};Object.keys(o||{}).forEach(h=>{switch(h){case"button":{l.showButtons=!!o?.[h];break}case"label":{l.label=!!o?.[h];break}case"tick":{l.showTicks=!!o?.[h];break}}});let{label:s=!0,showButtons:c,showTicks:u}=l,f={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?ld(rd,{showTicks:u,showButtons:c,style:{height:"300px",...f},...r,children:[Zt(J,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),Zt(J,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),Zt(J,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),Zt(J,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),Zt(J,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):ld(ad,{showTicks:u,showButtons:c,style:{width:"400px",...f},...r,children:[Zt(J,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),Zt(J,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),Zt(J,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),Zt(J,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),Zt(J,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};wa.options=Gb;wa.states=Ob;wa.variants=Hb;wa.defaultOptions=id;wa.modifiers=Pb;wa.className=ve.className;import{jsx as nd,jsxs as zb}from"react/jsx-runtime";var sd="k-spin-button",Db=[],Bb={size:[d.undefined,d.small,d.medium,d.large],fillMode:[w.undefined,w.solid,w.flat,w.outline,w.clear,w.link]},Ii={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},yo=e=>{let{size:t,fillMode:o,disabled:r,increaseLabel:l=Ii.increaseLabel,decreaseLabel:s=Ii.decreaseLabel,...c}=e;return zb("span",{...c,className:a(sd,e.className),children:[nd(m,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:r,"aria-label":l}),nd(m,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:r,"aria-label":s})]})};yo.states=Db;yo.options=Bb;yo.className=sd;yo.defaultOptions=Ii;yo.moduleName=null;yo.folderName=null;var dd="numeric-textbox",cd="numerictextbox";import{Fragment as pd,jsx as lo,jsxs as Gi}from"react/jsx-runtime";var md="k-numerictextbox",Ub=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],Fb={size:[d.undefined,d.small,d.medium,d.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},cl={showSpinButton:!0,showClearButton:!0,separators:!0},oe=e=>{let{size:t,rounded:o,fillMode:r,separators:l=cl.separators,showClearButton:s=cl.showClearButton,showSpinButton:c=cl.showSpinButton,prefix:u,suffix:f,value:h,placeholder:v,hover:L,focus:g,valid:M,invalid:R,required:G,loading:U,disabled:P,readonly:te,id:ye,"aria-label":fe,"aria-describedby":je,...et}=e;return Gi(He,{...et,size:t,rounded:o,fillMode:r,hover:L,focus:g,valid:M,invalid:R,required:G,loading:U,disabled:P,readonly:te,className:a(e.className,md),children:[u&&Gi(pd,{children:[lo(At,{children:u}),l&&lo(It,{})]}),lo(Nt,{id:ye,placeholder:v,value:h,role:"spinbutton",disabled:P,"aria-label":fe,"aria-describedby":je,"aria-invalid":R?"true":void 0}),lo(tt,{valid:M,invalid:R,loading:U,disabled:P}),lo(ut,{loading:U,disabled:P}),s&&lo(kt,{loading:U,disabled:P,readonly:te,value:h}),f&&Gi(pd,{children:[l&&lo(It,{}),lo(Et,{children:f})]}),c&&lo(yo,{className:"k-input-spinner",size:t,fillMode:r,disabled:P})]})};oe.states=Ub;oe.options=Fb;oe.className=md;oe.defaultOptions=cl;oe.moduleName=dd;oe.folderName=cd;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 Gr=oe;import{jsx as $b}from"react/jsx-runtime";var ud=e=>$b(Gr,{...e});import Hi from"react";import{jsx as bd}from"react/jsx-runtime";var Wb="k-list-group-sticky-header",Oi=e=>bd("div",{className:a(Wb,e.className),children:bd("div",{className:"k-list-header-text",children:e.children})});import{jsx as Xb}from"react/jsx-runtime";var Vb="k-no-data",pl=e=>{let{live:t,...o}=e;return Xb("span",{...o,className:a(Vb,e.className),"aria-live":t?"polite":void 0,children:e.children})};var qo="list",va=qo;import{jsx as Td,jsxs as fd}from"react/jsx-runtime";var Pi="k-list",Jb=[],qb={size:[d.undefined,d.small,d.medium,d.large]},Yb={},ne=e=>{let{size:t,virtualization:o,children:r,header:l,optionLabel:s,customValue:c,noData:u,screenReaders:f,...h}=e,L=Hi.Children.toArray(r)[0],g=L?.props?.children?Hi.Children.count(L.props.children):Hi.Children.count(r);return fd("div",{...h,className:a(e.className,Pi,A(Pi,{size:t}),{"k-virtual-list":o}),children:[s,c,l&&Td(Oi,{children:l}),r||(u!==void 0?u:Td(pl,{live:!0,children:"No data found."})),f&&r&&fd(pl,{className:"k-sr-only",live:!0,children:[g," items found."]})]})};ne.states=Jb;ne.options=qb;ne.className=Pi;ne.defaultOptions=Yb;ne.moduleName=qo;ne.folderName=va;ne.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as eT}from"react/jsx-runtime";var gd="k-list-container",Qb=[],Zb={},jb={},Ca=e=>{let{...t}=e;return eT("div",{...t,className:a(e.className,gd),children:e.children})};Ca.states=Qb;Ca.options=Zb;Ca.className=gd;Ca.defaultOptions=jb;Ca.moduleName=qo;Ca.folderName=va;var Yo="checkbox",La=Yo;import{jsx as hd}from"react/jsx-runtime";var ml="k-checkbox",tT=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],oT={size:[d.undefined,d.small,d.medium,d.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full]},aT={},ze=e=>{let{id:t,checked:o,indeterminate:r,hover:l,focus:s,disabled:c,invalid:u,valid:f,required:h,size:v,rounded:L,wrapperRole:g,...M}=e;return hd("span",{className:"k-checkbox-wrap",role:g,children:hd("input",{...M,id:t,type:"checkbox",defaultChecked:o,required:h,disabled:c||void 0,"aria-invalid":u?"true":void 0,className:a(e.className,ml,A(ml,{size:v,rounded:L}),E(ml,{hover:l,focus:s,disabled:c,invalid:u,valid:f,indeterminate:r,checked:o}))})})};ze.states=tT;ze.options=oT;ze.className=ml;ze.defaultOptions=aT;ze.moduleName=Yo;ze.folderName=La;ze.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 Vt=ze;import{jsx as iT}from"react/jsx-runtime";var xd="k-checkbox-list",rT=[],lT={},kd={layout:"vertical"},at=e=>{let{layout:t=kd.layout,...o}=e;return iT("ul",{...o,className:a(e.className,xd,{[`k-list-${t}`]:t}),children:e.children})};at.states=rT;at.options=lT;at.className=xd;at.defaultOptions=kd;at.moduleName=Yo;at.folderName=La;import{jsx as cT}from"react/jsx-runtime";var Nd="k-checkbox-list-item",nT=[],sT={},dT={},rt=e=>{let{...t}=e;return cT("li",{...t,className:a(e.className,Nd),children:e.children})};rt.states=nT;rt.options=sT;rt.className=Nd;rt.defaultOptions=dT;rt.moduleName=Yo;rt.folderName=La;import{Fragment as pT,jsx as wd,jsxs as mT}from"react/jsx-runtime";var io=({children:e="Label",id:t="cb-label-after",...o})=>mT(pT,{children:[wd(Vt,{id:t,...o}),wd("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as ME,jsx as yE,jsxs as SE}from"react/jsx-runtime";import{Fragment as GE,jsx as IE,jsxs as OE}from"react/jsx-runtime";import{Fragment as DE,jsx as KE,jsxs as BE}from"react/jsx-runtime";import{jsx as $E}from"react/jsx-runtime";import{jsx as JE}from"react/jsx-runtime";import{jsx as ZE}from"react/jsx-runtime";import{jsx as Kt,jsxs as vd}from"react/jsx-runtime";var uT=at.options,bT=at.states,TT={...at.defaultOptions,variant:"vertical"},fT=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],gT=[],ya=e=>{let{variant:t,...o}=e;return t==="horizontal"?vd(at,{layout:"horizontal",...o,children:[Kt(rt,{children:Kt(io,{id:O("cb"),defaultChecked:!0,children:"Label"})}),Kt(rt,{children:Kt(io,{id:O("cb"),children:"Label"})}),Kt(rt,{children:Kt(io,{id:O("cb"),children:"Label"})})]}):vd(at,{...o,children:[Kt(rt,{children:Kt(io,{id:O("cb"),defaultChecked:!0,children:"Label"})}),Kt(rt,{children:Kt(io,{id:O("cb"),children:"Label"})}),Kt(rt,{children:Kt(io,{id:O("cb"),children:"Label"})})]})};ya.options=uT;ya.states=bT;ya.variants=fT;ya.defaultOptions=TT;ya.modifiers=gT;ya.className=at.className;import{jsx as vT}from"react/jsx-runtime";var hT=Vt.options,xT=Vt.states,kT=Vt.defaultOptions,NT=[],wT=[],Ma=e=>vT(io,{id:O("checkbox"),...e,defaultChecked:!0,children:"Label"});Ma.options=hT;Ma.states=xT;Ma.variants=NT;Ma.defaultOptions=kT;Ma.modifiers=wT;Ma.className=Vt.className;import{jsx as Qo,jsxs as MT}from"react/jsx-runtime";var _i="k-list-item",CT=[n.hover,n.focus,n.selected,n.disabled],LT={},yT={},j=e=>{let{text:t,groupLabel:o,group:r,iconName:l,iconClassName:s,showCheckbox:c,checked:u,hover:f,focus:h,selected:v,disabled:L,actions:g,description:M,id:R,...G}=e,U=t||e.children;return MT("li",{...G,id:R,role:r?"presentation":"option",tabIndex:r?void 0:h?0:-1,"aria-selected":!r&&v?"true":r?void 0:"false","aria-disabled":!r&&L?"true":void 0,className:a(e.className,r?"k-list-group-item":_i,E(_i,{hover:f,focus:h,disabled:L,selected:v})),children:[c&&Qo(ze,{checked:u}),l&&Qo("span",{className:"k-list-item-icon-wrapper",children:Qo(p,{icon:l,className:a("k-list-item-icon",s)})}),Qo("span",{className:"k-list-item-text",children:U}),g&&Qo("div",{className:"k-list-item-actions",children:g}),M&&Qo("span",{className:"k-list-item-description",children:M}),o&&o!==""&&Qo("div",{className:"k-list-item-group-label",children:o})]})};j.states=CT;j.options=LT;j.className=_i;j.defaultOptions=yT;j.moduleName=qo;j.folderName=va;j.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as RT}from"react/jsx-runtime";var ST="k-list-ul",no=e=>{let{children:t,role:o,id:r,...l}=e;return RT("ul",{...l,id:r,role:o,className:a(ST,e.className),children:t})};no.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};import{jsx as Ki,jsxs as ET}from"react/jsx-runtime";var AT="k-list-content",ke=e=>{let{virtualization:t,grouping:o,"aria-label":r,"aria-labelledby":l,listboxId:s,...c}=e;return ET("div",{...c,className:a(AT,e.className),role:o?"listbox":void 0,id:o?s:void 0,"aria-label":o?r:void 0,"aria-labelledby":o?l:void 0,children:[o?e.children:Ki(no,{role:"listbox",id:s,"aria-label":r,"aria-labelledby":l,children:e.children}),t&&Ki("div",{className:"k-height-container",children:Ki("div",{})})]})};ke.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{Fragment as UI,jsx as zI,jsxs as FI}from"react/jsx-runtime";import{jsx as Di,jsxs as GT}from"react/jsx-runtime";var IT="k-list-group-item",Zo=e=>{let{groupIconName:t,...o}=e;return GT("li",{...o,role:"presentation",className:a(IT,e.className),children:[t&&Di("span",{className:"k-list-item-icon-wrapper",children:Di(p,{icon:t,className:"k-list-item-icon"})}),Di("span",{className:"k-list-item-text",children:e.children})]})};Zo.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as _T}from"react/jsx-runtime";var Bi="k-list-optionlabel",OT=[n.hover,n.focus,n.selected,n.disabled],HT={},PT={},ul=e=>{let{text:t,hover:o,focus:r,selected:l,disabled:s,...c}=e;return _T("div",{...c,className:a(Bi,E(Bi,{hover:o,focus:r,selected:l,disabled:s})),children:t})};ul.states=OT;ul.options=HT;ul.className=Bi;ul.defaultOptions=PT;import{jsx as zT}from"react/jsx-runtime";var zi="k-list-custom-value",KT=[n.hover,n.focus,n.selected,n.disabled],DT={},BT={},Mo=e=>{let{text:t,hover:o,focus:r,selected:l,disabled:s,...c}=e;return zT("div",{...c,className:a(zi,E(zi,{hover:o,focus:r,selected:l,disabled:s})),children:t})};Mo.states=KT;Mo.options=DT;Mo.className=zi;Mo.defaultOptions=BT;import{Fragment as lG,jsx as rG,jsxs as iG}from"react/jsx-runtime";import{Fragment as mG,jsx as pG,jsxs as uG}from"react/jsx-runtime";import{Fragment as kG,jsx as hG,jsxs as xG}from"react/jsx-runtime";import{Fragment as MG,jsx as LG,jsxs as yG}from"react/jsx-runtime";import{jsx as EG}from"react/jsx-runtime";import{Fragment as _G,jsx as PG,jsxs as KG}from"react/jsx-runtime";var Cd="dropdown-list",Ld="dropdownlist";import{Fragment as $T,jsx as lt,jsxs as Ui}from"react/jsx-runtime";var yd="k-dropdownlist",UT=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],FT={size:[d.undefined,d.small,d.medium,d.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},Fi={showValue:!0,arrowIconName:"caret-alt-down"},ue=e=>{let{size:t,rounded:o,fillMode:r,arrowIconName:l=Fi.arrowIconName,showValue:s=Fi.showValue,valueIconName:c,prefix:u,suffix:f,value:h,placeholder:v,hover:L,focus:g,valid:M,invalid:R,required:G,loading:U,disabled:P,readonly:te,popup:ye,opened:fe,adaptive:je,adaptiveSettings:et,adaptiveTitle:xt,adaptiveSubtitle:Vo,adaptiveFilter:$l,id:ho,activeDescendant:jr,"aria-label":Wl,...Vl}=e,nm=ho?`${ho}-listbox`:void 0,as=ho?`${ho}-value`:void 0;return Ui($T,{children:[Ui(Yt,{...Vl,id:ho,size:t,rounded:o,fillMode:r,hover:L,focus:g,valid:M,invalid:R,required:G,loading:U,disabled:P,readonly:te,className:a(e.className,yd,{"k-icon-picker":!s&&c}),role:"combobox","aria-haspopup":"listbox","aria-expanded":fe?"true":"false","aria-controls":fe?nm:void 0,"aria-activedescendant":fe&&jr?jr:void 0,"aria-describedby":fe?as:void 0,"aria-disabled":P?"true":void 0,"aria-label":Wl,tabIndex:0,children:[lt(At,{children:u}),lt(Jo,{placeholder:v,value:h,showValue:s,valueIconName:c,id:as}),lt(tt,{valid:M,invalid:R,loading:U,disabled:P}),lt(ut,{loading:U,disabled:P}),lt(Et,{children:f}),lt(m,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":v||"Toggle dropdown",tabIndex:-1})]}),fe&&ye&&lt(de,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:ye}),je&&lt(Ie,{adaptive:!0,...et,header:lt(ot,{actionsEnd:lt(m,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:$l,inputValue:h,inputPlaceholder:v,title:xt,subtitle:Vo}),children:lt("div",{className:"k-list-container",children:lt(ne,{size:"large",children:Ui(ke,{"aria-label":"Options",children:[lt(j,{text:"List item"}),lt(j,{text:"List item"}),lt(j,{text:"List item"})]})})})})]})};ue.states=UT;ue.options=FT;ue.className=yd;ue.defaultOptions=Fi;ue.moduleName=Cd;ue.folderName=Ld;ue.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."}]};import{jsx as gO}from"react/jsx-runtime";import{jsx as vO,jsxs as CO}from"react/jsx-runtime";import{Fragment as GO,jsx as EO,jsxs as IO}from"react/jsx-runtime";import{jsx as KO}from"react/jsx-runtime";import{jsx as $O,jsxs as WO}from"react/jsx-runtime";import{Fragment as e0,jsx as ZO,jsxs as jO}from"react/jsx-runtime";import{jsx as l0}from"react/jsx-runtime";import{Fragment as YT,jsx as So,jsxs as Md}from"react/jsx-runtime";var WT=ue.states,VT=ue.defaultOptions,XT=ue.options,JT=[{name:"opened",title:"Opened"}],qT=[],Ra=e=>{let{modifiers:t,...o}=e,r={},l=Md(YT,{children:[So("div",{className:"k-list-filter",children:So(wt,{})}),So(ne,{style:{width:300},size:o.size,children:Md(ke,{children:[So(j,{children:"List item"}),So(j,{children:"List item"}),So(j,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(s=>{s==="opened"&&(r.opened=!!t?.[s],r.popup=t?.[s]?l:void 0)}),So("div",{children:So(ue,{placeholder:"Value",style:{width:300},...o,...r})})};Ra.options=XT;Ra.states=WT;Ra.variants=qT;Ra.defaultOptions=VT;Ra.modifiers=JT;Ra.className=ue.className;import{Fragment as M0,jsx as y0}from"react/jsx-runtime";import{Fragment as G0,jsx as I0}from"react/jsx-runtime";import{jsx as _0}from"react/jsx-runtime";import{jsx as $i}from"react/jsx-runtime";var QT=oe.states,ZT=oe.defaultOptions,jT=oe.options,ef=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],tf=[],Aa=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":r.prefix=t?.[l]?$i(ue,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":r.suffix=t?.[l]?$i(di,{children:"mm"}):void 0;break;case"clear-button":r.showClearButton=t?.[l];break;case"spin-button":r.showSpinButton=t?.[l];break;default:break}}),$i(ud,{value:"Value",style:{width:300},...o,...r})};Aa.options=jT;Aa.states=QT;Aa.variants=tf;Aa.defaultOptions=ZT;Aa.modifiers=ef;Aa.className=oe.className;import{Fragment as Or,jsx as re,jsxs as Pe}from"react/jsx-runtime";var Sd="k-colorgradient-inputs",of=[],af={size:[d.undefined,d.small,d.medium,d.large]},Rd={mode:"rgba"},Ea=e=>{let{mode:t=Rd.mode,size:o,...r}=e;return Pe("div",{...r,className:a(Sd,"k-hstack"),children:[re("div",{className:"k-vstack",children:re(m,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&Pe(Or,{children:[Pe("div",{className:"k-vstack",children:[re(oe,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),re("label",{className:"k-colorgradient-input-label",children:"R"})]}),Pe("div",{className:"k-vstack",children:[re(oe,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),re("label",{className:"k-colorgradient-input-label",children:"G"})]}),Pe("div",{className:"k-vstack",children:[re(oe,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),re("label",{className:"k-colorgradient-input-label",children:"B"})]}),Pe("div",{className:"k-vstack",children:[re(oe,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),re("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&Pe(Or,{children:[Pe("div",{className:"k-vstack",children:[re(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),re("label",{className:"k-colorgradient-input-label",children:"R"})]}),Pe("div",{className:"k-vstack",children:[re(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),re("label",{className:"k-colorgradient-input-label",children:"G"})]}),Pe("div",{className:"k-vstack",children:[re(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),re("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&Pe(Or,{children:[Pe("div",{className:"k-vstack",children:[re(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),re("label",{className:"k-colorgradient-input-label",children:"H"})]}),Pe("div",{className:"k-vstack",children:[re(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),re("label",{className:"k-colorgradient-input-label",children:"S"})]}),Pe("div",{className:"k-vstack",children:[re(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),re("label",{className:"k-colorgradient-input-label",children:"V"})]}),Pe("div",{className:"k-vstack",children:[re(oe,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),re("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&Pe(Or,{children:[Pe("div",{className:"k-vstack",children:[re(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),re("label",{className:"k-colorgradient-input-label",children:"H"})]}),Pe("div",{className:"k-vstack",children:[re(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),re("label",{className:"k-colorgradient-input-label",children:"S"})]}),Pe("div",{className:"k-vstack",children:[re(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),re("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&re(Or,{children:Pe("div",{className:"k-vstack k-flex-1",children:[re(he,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),re("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Ea.states=of;Ea.options=af;Ea.className=Sd;Ea.defaultOptions=Rd;import{jsx as jo,jsxs as ea}from"react/jsx-runtime";var Ad="k-colorgradient-color-contrast",rf=[],lf={},nf={},Ia=()=>ea("div",{className:a(Ad,"k-vbox"),children:[ea("div",{className:"k-contrast-ratio",children:[jo("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),ea("span",{className:"k-contrast-validation !k-text-success",children:[jo(p,{icon:"check"}),jo(p,{icon:"check"})]})]}),ea("div",{children:[jo("span",{children:"AA: 4.5"}),ea("span",{className:"k-contrast-validation !k-text-success",children:["Pass",jo(p,{icon:"check"})]})]}),ea("div",{children:[jo("span",{children:"AAA: 7.0"}),ea("span",{className:"k-contrast-validation !k-text-error",children:["Fail",jo(p,{icon:"x"})]})]})]});Ia.states=rf;Ia.options=lf;Ia.className=Ad;Ia.defaultOptions=nf;var Ed="color-gradient",Id="colorgradient";import{jsx as Dt,jsxs as Hr}from"react/jsx-runtime";var bl="k-colorgradient",sf=[n.hover,n.focus,n.readonly,n.disabled],df={size:[d.undefined,d.small,d.medium,d.large]},jt={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"},Ue=e=>{let{size:t,mode:o=jt.mode,readonly:r=jt.readonly,disabled:l=jt.disabled,gradientStyle:s=jt.gradientStyle,dragHandleStyle:c=jt.dragHandleStyle,alphaStyle:u=jt.alphaStyle,alphaStyleHorizontal:f=jt.alphaStyleHorizontal,contrast:h=jt.contrast,dir:v,hover:L,focus:g,hoverHandle:M,focusHandle:R,canvasOrientation:G=jt.canvasOrientation,role:U,tabIndex:P,...te}=e;return Hr("div",{...te,role:U??"textbox","aria-label":U==="none"?void 0:"Color gradient",tabIndex:P??0,"aria-disabled":l?"true":void 0,className:a(e.className,bl,A(bl,{size:t}),E(bl,{hover:L,focus:g,readonly:r,disabled:l})),dir:v,children:[!G||G==="horizontal"&&Hr("div",{className:"k-colorgradient-canvas k-hstack",children:[Dt("div",{className:"k-hsv-rectangle",style:s,children:Dt("div",{className:"k-hsv-gradient",children:Dt("div",{className:a("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":R}),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})})}),Hr("div",{className:"k-hsv-controls k-hstack",children:[Dt(Ei,{className:"k-hue-slider",hover:M,focus:R}),o!=="rgb"&&o!=="hsv"&&Dt(Ei,{className:"k-alpha-slider",hover:M,focus:R,trackStyle:u})]})]}),G==="vertical"&&Hr("div",{className:"k-colorgradient-canvas k-vstack",children:[Dt("div",{className:"k-hsv-rectangle",style:s,children:Dt("div",{className:"k-hsv-gradient",children:Dt("div",{className:a("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":R}),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})})}),Hr("div",{className:"k-hsv-controls k-vstack",children:[Dt(Ai,{className:"k-hue-slider",hover:M,focus:R}),o!=="rgb"&&o!=="hsv"&&Dt(Ai,{className:"k-alpha-slider",hover:M,focus:R,trackStyle:f})]})]}),Dt(Ea,{mode:e.mode,size:t}),h&&Dt(Ia,{})]})};Ue.states=sf;Ue.options=df;Ue.className=bl;Ue.defaultOptions=jt;Ue.moduleName=Ed;Ue.folderName=Id;Ue.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};import{jsx as cf}from"react/jsx-runtime";var Tl=e=>cf(Ue,{...e});import{jsx as w1}from"react/jsx-runtime";import{jsx as y1}from"react/jsx-runtime";import{jsx as Wi}from"react/jsx-runtime";var pf=Ue.options,mf=Ue.states,uf={...Ue.defaultOptions,variant:"rgba"},bf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Tf=[],Ga=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Wi(Tl,{...o,mode:t});case"rgb":return Wi(Tl,{...o,mode:t});default:return Wi(Tl,{...o,mode:t})}};Ga.options=pf;Ga.states=mf;Ga.variants=bf;Ga.defaultOptions=uf;Ga.modifiers=Tf;Ga.className=Ue.className;import{jsx as ff}from"react/jsx-runtime";var Vi=e=>ff("tr",{role:"row",children:e.children});import{jsx as xf}from"react/jsx-runtime";var Xi="k-colorpalette-tile",gf=[n.hover,n.focus,n.selected],hf={},Oa=e=>{let{color:t,tileSize:o,hover:r,focus:l,selected:s,...c}=e,u={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return xf("td",{...c,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:a(e.className,Xi,E(Xi,{hover:r,focus:l,selected:s})),style:u})};Oa.states=gf;Oa.options=hf;Oa.className=Xi;var Gd="color-palette",Od="colorpalette";import{jsx as Pr}from"react/jsx-runtime";var fl="k-colorpalette",kf=[n.disabled],Nf={size:[d.undefined,d.small,d.medium,d.large]},Hd={columns:10},it=e=>{let{size:t,palette:o,columns:r=Hd.columns,tileSize:l,disabled:s,...c}=e,u=[];if(o){let f=r||o.columns,h=o.colors?o.colors:o;Array.isArray(h)&&Array.from({length:Math.ceil(h.length/f)},(v,L)=>{let g=[];h.slice(L*f,(L+1)*f).map((R,G)=>{g.push(Pr(Oa,{color:R,tileSize:l},G))});let M=Pr(Vi,{children:g},L);u.push(M)})}return Pr("div",{...c,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:a(e.className,fl,E(fl,{disabled:s}),A(fl,{size:t})),children:Pr("table",{className:"k-colorpalette-table",role:"none",children:Pr("tbody",{children:u.length>0?u:e.children})})})};it.states=kf;it.options=Nf;it.className=fl;it.defaultOptions=Hd;it.moduleName=Gd;it.folderName=Od;it.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 gl=it;var _r={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as wf}from"react/jsx-runtime";var Pd=e=>wf(gl,{palette:_r.basic,...e});import{jsx as nH}from"react/jsx-runtime";import{jsx as uH,jsxs as bH}from"react/jsx-runtime";import{jsx as Rf}from"react/jsx-runtime";var vf=it.options,Cf=it.states,Lf={...it.defaultOptions,variant:"basic"},yf=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Mf={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}},Sf=[],Ha=e=>{let{variant:t="basic",...o}=e,r=Mf[t];return Rf(Pd,{columns:r.columns,palette:r,...o})};Ha.options=vf;Ha.states=Cf;Ha.variants=yf;Ha.defaultOptions=Lf;Ha.modifiers=Sf;Ha.className=it.className;var _d="color-editor",Kd="coloreditor";import{jsx as Bt,jsxs as Pa}from"react/jsx-runtime";var hl="k-coloreditor",Af=[n.focus],Ef={size:[d.undefined,d.small,d.medium,d.large]},Kr={view:"gradient",palette:_r.office,actionButtons:!0,canvasOrientation:"horizontal"},Ge=e=>{let{size:t,view:o=Kr.view,palette:r=Kr.palette,color:l,currentColor:s,focus:c,focusView:u,dir:f,group:h,actionButtons:v=Kr.actionButtons,canvasOrientation:L=Kr.canvasOrientation,...g}=e;return Pa("div",{...g,role:"textbox","aria-label":"Color editor",tabIndex:0,className:a(e.className,"k-flatcolorpicker",hl,A(hl,{size:t}),E(hl,{focus:c})),dir:f,children:[Pa("div",{className:"k-coloreditor-header k-hstack",children:[Bt("div",{className:"k-coloreditor-header-actions k-hstack",children:h&&Pa(W,{fillMode:"flat",children:[Bt(m,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Bt(m,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Bt("div",{className:"k-spacer"}),Pa("div",{className:"k-coloreditor-header-actions k-hstack",children:[Bt(m,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Pa("div",{className:"k-coloreditor-preview k-vstack",children:[Bt(ko,{className:"k-coloreditor-preview-color",color:l}),Bt(ko,{className:"k-coloreditor-current-color",color:s})]})]})]}),Bt("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Bt(Ue,{focus:u,size:t,canvasOrientation:L,role:"none",tabIndex:-1}):Bt(it,{palette:r,size:t})}),v&&Pa(Ot,{className:"k-coloreditor-footer",alignment:"start",children:[Bt(m,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Bt(m,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Ge.states=Af;Ge.options=Ef;Ge.className=hl;Ge.defaultOptions=Kr;Ge.moduleName=_d;Ge.folderName=Kd;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 _a=Ge;import{jsx as FH}from"react/jsx-runtime";import{jsx as XH}from"react/jsx-runtime";import{jsx as If}from"react/jsx-runtime";var Dd=e=>If(_a,{group:!0,currentColor:"fuchsia",...e});import{jsx as Gf}from"react/jsx-runtime";var Bd=e=>Gf(_a,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as zd}from"react/jsx-runtime";var Of=Ge.options,Hf=Ge.states,Pf={...Ge.defaultOptions,variant:"gradient"},_f=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Kf=[],Ka=e=>{let{variant:t,...o}=e;return t==="palette"?zd(Bd,{...o,color:"white"}):zd(Dd,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Ka.options=Of;Ka.states=Hf;Ka.variants=_f;Ka.defaultOptions=Pf;Ka.modifiers=Kf;Ka.className=Ge.className;var Ud="color-picker",Fd="colorpicker";import{Fragment as zf,jsx as zt,jsxs as Ji}from"react/jsx-runtime";var $d="k-colorpicker",Df=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],Bf={size:[d.undefined,d.small,d.medium,d.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},Wd={arrowIconName:"caret-alt-down"},vt=e=>{let{size:t,rounded:o,fillMode:r,arrowIconName:l=Wd.arrowIconName,prefix:s,suffix:c,value:u,placeholder:f,hover:h,focus:v,valid:L,invalid:g,required:M,disabled:R,valueIconName:G,popup:U,opened:P,adaptive:te,adaptiveSettings:ye,adaptiveTitle:fe,adaptiveSubtitle:je,...et}=e,xt="colorpicker-popup";return Ji(zf,{children:[Ji(Yt,{...et,size:t,rounded:o,fillMode:r,hover:h,focus:v,valid:L,invalid:g,required:M,disabled:R,role:"combobox","aria-haspopup":"dialog","aria-expanded":P?"true":"false","aria-controls":P||te?xt:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":R?"true":void 0,className:a(e.className,$d,"k-icon-picker"),children:[zt(At,{children:s}),zt(Jo,{placeholder:f,value:u,showValue:!1,valueIcon:zt(ko,{className:"k-value-icon",color:u,iconName:G}),valueIconName:G}),zt(Et,{children:c}),zt(m,{className:"k-input-button",icon:l,size:t,fillMode:r,tabIndex:-1,"aria-label":"Open color picker",disabled:R})]}),P&&U&&zt(de,{id:xt,className:"k-colorpicker-popup",children:U}),te&&zt(Ie,{adaptive:!0,id:xt,...ye,header:zt(ot,{actionsEnd:zt(m,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:fe,subtitle:je}),footer:Ji(No,{children:[zt(m,{text:"Cancel",size:"large"}),zt(m,{text:"Set",size:"large",themeColor:"primary"})]}),children:zt(Ge,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};vt.states=Df;vt.options=Bf;vt.className=$d;vt.defaultOptions=Wd;vt.moduleName=Ud;vt.folderName=Fd;vt.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 so=vt;import{jsx as Uf}from"react/jsx-runtime";var xl=e=>Uf(so,{...e});import{jsx as AP}from"react/jsx-runtime";import{jsx as HP}from"react/jsx-runtime";import{jsx as DP}from"react/jsx-runtime";import{jsx as FP}from"react/jsx-runtime";import{jsx as XP}from"react/jsx-runtime";import{jsx as QP}from"react/jsx-runtime";import{jsx as ta}from"react/jsx-runtime";var Ff=so.options,$f=so.states,Vd={...so.defaultOptions,variant:"color"},Wf=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Vf=[{name:"opened",title:"Opened"}],Da=e=>{let{variant:t,modifiers:o,...r}={...Vd,...e},l={};Object.keys(o||{}).forEach(c=>{c==="opened"&&(l.opened=!!o?.[c],l.popup=o?.[c]?ta(Ge,{size:r.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let s=l.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return ta("div",{style:s,children:ta(xl,{...r,...l})});case"icon":return ta("div",{style:s,children:ta(xl,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...r,...l})});default:return ta("div",{style:s,children:ta(xl,{value:"rgba(183, 118 , 118, 1.00)",...r,...l})})}};Da.options=Ff;Da.states=$f;Da.variants=Wf;Da.defaultOptions=Vd;Da.modifiers=Vf;Da.className=so.className;var qi="combobox",Xd=qi;import{Fragment as Yi,jsx as Be,jsxs as Dr}from"react/jsx-runtime";var Jd="k-combobox",Xf=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],Jf={size:[d.undefined,d.small,d.medium,d.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},qd={separators:!0},Ye=e=>{let{size:t,rounded:o,fillMode:r,separators:l=qd.separators,prefix:s,suffix:c,value:u,placeholder:f,hover:h,focus:v,valid:L,invalid:g,required:M,loading:R,disabled:G,popup:U,opened:P,readonly:te,adaptive:ye,adaptiveSettings:fe,adaptiveTitle:je,adaptiveSubtitle:et,adaptiveCustomValue:xt,id:Vo,autocomplete:$l,activeDescendant:ho,"aria-label":jr,...Wl}=e,Vl=Vo?`${Vo}-listbox`:void 0;return Dr(Yi,{children:[Dr(He,{...Wl,size:t,rounded:o,fillMode:r,hover:h,focus:v,valid:L,invalid:g,required:M,loading:R,disabled:G,readonly:te,className:a(e.className,Jd),children:[s&&Dr(Yi,{children:[Be(At,{children:s}),l&&Be(It,{})]}),Be(Nt,{id:Vo,placeholder:f,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":P?"true":"false","aria-controls":P?Vl:void 0,"aria-activedescendant":P&&ho?ho:void 0,"aria-autocomplete":$l,"aria-invalid":g?"true":void 0,"aria-busy":R?"true":void 0,"aria-label":jr,disabled:G,readOnly:te}),Be(tt,{valid:L,invalid:g,loading:R,disabled:G}),Be(ut,{loading:R,disabled:G}),Be(kt,{loading:R,disabled:G,readonly:te,value:u}),c&&Dr(Yi,{children:[l&&Be(It,{}),Be(Et,{children:c})]}),Be(m,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:r,"aria-label":"Open popup",tabIndex:-1,disabled:G})]}),P&&U&&Be(de,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:U}),ye&&Be(Ie,{adaptive:!0,id:Vo?`${Vo}-adaptive`:void 0,...fe,header:Be(ot,{actionsEnd:Be(m,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:f,title:je,subtitle:et}),children:Be("div",{className:"k-list-container",children:Be(ne,{customValue:xt?Be(Mo,{text:`Use "${u}"`}):void 0,size:"large",children:Dr(ke,{"aria-label":je||"Options",children:[Be(j,{text:"List item"}),Be(j,{text:"List item"}),Be(j,{text:"List item"})]})})})})]})};Ye.states=Xf;Ye.options=Jf;Ye.className=Jd;Ye.defaultOptions=qd;Ye.moduleName=qi;Ye.folderName=Xd;Ye.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list|both|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:'.k-combobox-popup .k-list-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 Ct=Ye;import{jsx as qf}from"react/jsx-runtime";var Yd=e=>qf(Ct,{...e});import{jsx as G_,jsxs as O_}from"react/jsx-runtime";import{jsx as B_,jsxs as z_}from"react/jsx-runtime";import{jsx as X_,jsxs as J_}from"react/jsx-runtime";import{Fragment as eK,jsx as j_}from"react/jsx-runtime";import{Fragment as iK,jsx as lK}from"react/jsx-runtime";import{jsx as mK,jsxs as uK}from"react/jsx-runtime";import{Fragment as NK,jsx as xK,jsxs as kK}from"react/jsx-runtime";import{jsx as LK}from"react/jsx-runtime";import{jsx as RK}from"react/jsx-runtime";import{jsx as HK,jsxs as PK}from"react/jsx-runtime";import{jsx as UK,jsxs as FK}from"react/jsx-runtime";import{jsx as Ro,jsxs as tg}from"react/jsx-runtime";var Yf=Ye.states,Qf=Ye.defaultOptions,Zf=Ye.options,jf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],eg=[],Ba=e=>{let{modifiers:t,...o}=e,r={},l=Ro(ne,{style:{width:300},size:o.size,children:tg(ke,{children:[Ro(j,{children:"List item"}),Ro(j,{children:"List item"}),Ro(j,{children:"List item"})]})});return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":r.prefix=t?.[s]?Ro(p,{icon:"map-marker-target"}):void 0;break;case"suffix":r.suffix=t?.[s]?Ro(xo,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":r.opened=!!t?.[s],r.popup=t?.[s]?l:void 0;break;default:break}}),Ro("div",{children:Ro(Yd,{value:"Value",style:{width:300},...o,...r})})};Ba.options=Zf;Ba.states=Yf;Ba.variants=eg;Ba.defaultOptions=Qf;Ba.modifiers=jf;Ba.className=Ye.className;var Qi="menu-button",Qd=Qi;import{jsx as rg}from"react/jsx-runtime";var Zd="k-menu-button",og=[n.hover,n.focus,n.active,n.selected,n.disabled],ag={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[w.undefined,w.solid,w.flat,w.outline,w.clear,w.link],themeColor:[y.undefined,y.base,y.primary,y.secondary,y.tertiary,y.success,y.warning,y.error,y.info,y.inverse]},Zi={showArrow:!0,arrowIconName:"caret-alt-down"},be=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,hover:s,focus:c,active:u,selected:f,disabled:h,icon:v,text:L,showArrow:g=Zi.showArrow,arrowIconName:M=Zi.arrowIconName,expanded:R,...G}=e;return rg(m,{...G,className:a(e.className,Zd),text:L,size:t,rounded:o,fillMode:r,themeColor:l,hover:s,focus:c,active:u,selected:f,disabled:h,icon:v,showArrow:g,arrowIconName:M,"aria-expanded":R?"true":"false",...!L&&v&&!e["aria-label"]&&{"aria-label":"Menu"},...h&&{"aria-disabled":"true"}})};be.states=og;be.options=ag;be.className=Zd;be.defaultOptions=Zi;be.moduleName=Qi;be.folderName=Qd;be.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};import{jsx as wD}from"react/jsx-runtime";import{jsx as yD}from"react/jsx-runtime";import{jsx as AD}from"react/jsx-runtime";var Lt="menu",Ut=Lt;import{jsx as Br,jsxs as jd}from"react/jsx-runtime";var ji="k-menu-item",lg=[n.hover,n.focus,n.active,n.selected,n.disabled],ig={},ec={iconPosition:"before"},Qe=e=>{let{hover:t,focus:o,active:r,selected:l,disabled:s,icon:c,text:u,first:f,last:h,showArrow:v,arrowIconName:L,iconPosition:g=ec.iconPosition,dir:M,children:R,expanded:G,...U}=e,P=L;return P||(P=M==="rtl"?"caret-alt-left":"caret-alt-right"),jd("li",{...U,className:a(e.className,ji,"k-item",E(ji,{focus:o,disabled:s,hover:t,active:r,selected:l}),{"k-first":f,"k-last":h}),role:"menuitem",...v&&{"aria-haspopup":"menu"},...v&&{"aria-expanded":G?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[jd("span",{className:a("k-link k-menu-link"),children:[c&&g==="before"&&Br(p,{className:"k-menu-link-icon",icon:c}),Br("span",{className:"k-menu-link-text",children:u}),c&&g==="after"&&Br(p,{className:"k-menu-link-icon",icon:c}),v&&Br("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Br(p,{icon:P})})]}),R]})};Qe.states=lg;Qe.options=ig;Qe.className=ji;Qe.defaultOptions=ec;Qe.moduleName=Lt;Qe.folderName=Ut;import{jsx as zr,jsxs as tc}from"react/jsx-runtime";var en="k-menu-item",ng=[n.hover,n.focus,n.active,n.selected,n.disabled],sg={},tn={dir:"ltr",iconPosition:"before"},ae=e=>{let{hover:t,focus:o,active:r,selected:l,disabled:s,icon:c,text:u,first:f,last:h,showArrow:v,arrowIconName:L,iconPosition:g=tn.iconPosition,dir:M=tn.dir,children:R,popup:G,expanded:U,...P}=e,te=L;return te||(te=M==="rtl"?"caret-alt-left":"caret-alt-right"),tc("li",{...P,className:a(e.className,en,"k-item",E(en,{focus:o,disabled:s}),{"k-first":f,"k-last":h}),role:"menuitem",...v&&{"aria-haspopup":"menu"},...v&&{"aria-expanded":U?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[tc("span",{className:a("k-link k-menu-link",E("k-menu-link",{hover:t,active:r,selected:l,disabled:s})),children:[c&&g==="before"&&zr(p,{className:"k-menu-link-icon",icon:c}),zr("span",{className:"k-menu-link-text",children:u}),c&&g==="after"&&zr(p,{className:"k-menu-link-icon",icon:c}),v&&zr("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:zr(p,{icon:te})})]}),R,G]})};ae.states=ng;ae.options=sg;ae.className=en;ae.defaultOptions=tn;ae.moduleName=Lt;ae.folderName=Ut;import{jsx as mg}from"react/jsx-runtime";var oc="k-menu-scroll-wrapper",dg=[],cg={},pg={},oa=e=>{let{className:t,children:o,orientation:r,...l}=e;return mg("div",{...l,className:a(t,oc,{"k-menu-scroll-wrapper-vertical":r==="vertical"}),children:o})};oa.states=dg;oa.options=cg;oa.className=oc;oa.defaultOptions=pg;oa.moduleName=Lt;oa.folderName=Ut;var ac=oa;import{Fragment as on,jsx as aa,jsxs as Nl}from"react/jsx-runtime";var an="k-menu",ug=[],bg={},wl={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Me=e=>{let{children:t,orientation:o=wl.orientation,header:r=wl.header,scrollable:l,scrollButtonsPosition:s=wl.scrollButtonsPosition,wrapperStyles:c,dir:u,popup:f,contextMenu:h,...v}=e,L={horizontal:{prev:u!=="rtl"?"left":"right",next:u!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},g=aa("ul",{dir:u,...v,className:a(e.className,"k-reset",an,{[`${an}-${o}`]:o,"k-header":r}),role:h?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Nl(on,{children:[l?Nl(ac,{orientation:o,style:c,dir:e.dir,children:[s==="start"&&Nl(on,{children:[aa(m,{fillMode:"flat",icon:`caret-alt-${L[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),aa(m,{fillMode:"flat",icon:`caret-alt-${L[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&aa(m,{fillMode:"flat",icon:`caret-alt-${L[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),g,s==="end"&&Nl(on,{children:[aa(m,{fillMode:"flat",icon:`caret-alt-${L[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),aa(m,{fillMode:"flat",icon:`caret-alt-${L[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&aa(m,{fillMode:"flat",icon:`caret-alt-${L[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):g,f]})};Me.states=ug;Me.options=bg;Me.className=an;Me.defaultOptions=wl;Me.moduleName=Lt;Me.folderName=Ut;Me.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."}]};import{jsx as Tg}from"react/jsx-runtime";var rn="k-separator",rc={orientation:"horizontal"},Ao=e=>{let{orientation:t=rc.orientation,...o}=e;return Tg("li",{...o,className:a(e.className,"k-item",rn,{[`${rn}-${t}`]:t}),role:"separator"})};Ao.className=rn;Ao.defaultOptions=rc;Ao.moduleName=Lt;Ao.folderName=Ut;import{Fragment as l2,jsx as i2}from"react/jsx-runtime";import{jsx as xg}from"react/jsx-runtime";var ln="k-menu-group",fg=[],gg={size:[d.undefined,d.small,d.medium,d.large]},hg={},_e=e=>{let{children:t,size:o,...r}=e;return xg("ul",{...r,className:a(e.className,ln,A(ln,{size:o})),role:"menu",children:t})};_e.states=fg;_e.options=gg;_e.className=ln;_e.defaultOptions=hg;_e.moduleName=Lt;_e.folderName=Ut;import{Fragment as kg,jsx as za,jsxs as Ng}from"react/jsx-runtime";var nn=e=>za(Me,{children:Ng(kg,{children:[za(Qe,{first:!0,text:"Item 1"}),za(Qe,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),za(Qe,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),za(Qe,{text:"Item 4"}),za(Qe,{last:!0,text:"Item 5"})]}),...e});import{Fragment as k2,jsx as h2,jsxs as x2}from"react/jsx-runtime";import{Fragment as L2,jsx as C2,jsxs as y2}from"react/jsx-runtime";import{Fragment as E2,jsx as A2,jsxs as I2}from"react/jsx-runtime";import{Fragment as _2,jsx as P2,jsxs as K2}from"react/jsx-runtime";import{jsx as ra,jsxs as yg}from"react/jsx-runtime";var wg=Me.options,vg=Me.states,lc={...Me.defaultOptions,variant:"horizontal"},Cg=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Lg=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Ua=e=>{let{variant:t,modifiers:o,...r}={...lc,...e},l={};return Object.keys(o||{}).forEach(s=>{switch(s){case"scrollable":l.scrollable=!!o?.[s];break;case"opened":l.opened=!!o?.[s],l.popup=ra(de,{className:"k-menu-popup",children:yg(_e,{children:[ra(ae,{text:"Item 1"}),ra(ae,{text:"Item 2"}),ra(Ao,{}),ra(ae,{text:"Item 3"})]})});break}}),t==="vertical"?ra(nn,{...r,...l,orientation:"vertical",style:{width:"200px"}}):ra(nn,{...r,...l})};Ua.options=wg;Ua.states=vg;Ua.variants=Cg;Ua.defaultOptions=lc;Ua.modifiers=Lg;Ua.className=Me.className;import{Fragment as fB,jsx as bB,jsxs as TB}from"react/jsx-runtime";import{jsx as kB}from"react/jsx-runtime";import{Fragment as Eg,jsx as eo,jsxs as ic}from"react/jsx-runtime";var Mg=m.states,nc={...m.defaultOptions,variant:"text"},Sg=m.options,Rg=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ag=[{name:"opened",title:"Opened"}],Fa=e=>{let{variant:t,modifiers:o,...r}={...nc,...e},l={},s=eo(de,{className:"k-menu-popup",children:ic(_e,{size:r.size,children:[eo(ae,{first:!0,text:"Menu Item"}),eo(ae,{text:"Menu Item"}),eo(ae,{last:!0,text:"Menu Item"})]})}),c;switch(t){case"icon-only":c=eo("div",{children:eo(be,{...r,...l,icon:"star"})});break;case"icon-and-text":c=eo("div",{children:eo(be,{...r,...l,icon:"star",children:"Dropdown Button"})});break;default:c=eo("div",{children:eo(be,{...r,...l,children:"Dropdown Button"})});break}return ic(Eg,{children:[c,o?.opened&&s]})};Fa.options=Sg;Fa.states=Mg;Fa.variants=Rg;Fa.defaultOptions=nc;Fa.modifiers=Ag;Fa.className=be.className;var sn="split-button",sc=sn;import{Fragment as Og,jsx as dn,jsxs as dc}from"react/jsx-runtime";var cn="k-split-button",Ig=[n.hover,n.focus,n.active,n.selected,n.disabled],Gg={size:[d.undefined,d.small,d.medium,d.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[w.undefined,w.solid,w.flat,w.outline,w.clear,w.link],themeColor:[y.undefined,y.base,y.primary,y.secondary,y.tertiary,y.success,y.warning,y.error,y.info,y.inverse]},cc={arrowIconName:"caret-alt-down"},le=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,hover:s,focus:c,active:u,selected:f,disabled:h,icon:v,text:L,arrowIconName:g=cc.arrowIconName,popup:M,opened:R,popupId:G,...U}=e;return dc(Og,{children:[dc("div",{...U,className:a(e.className,cn,"k-button-group",A(cn,{rounded:o})),children:[dn(m,{text:L,icon:v,size:t,rounded:o,fillMode:r,themeColor:l,hover:s,focus:c,active:u,selected:f,disabled:h,...!L&&!e.children&&v&&{"aria-label":"Action"},children:e.children}),dn(m,{className:"k-split-button-arrow",icon:g,size:t,rounded:o,fillMode:r,disabled:h,"aria-label":"Toggle dropdown","aria-expanded":R?"true":"false","aria-controls":R?G:void 0,tabIndex:-1,...h&&{"aria-disabled":"true"}})]}),R&&M&&dn(de,{className:"k-menu-popup",children:M})]})};le.states=Ig;le.options=Gg;le.className=cn;le.defaultOptions=cc;le.moduleName=sn;le.folderName=sc;le.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var pn=le;import{jsx as Pg}from"react/jsx-runtime";var Hg="k-toolbar-separator",Xt=e=>Pg("div",{className:a(Hg,e.className,"k-separator")});var co="toolbar",Eo=co;import{Fragment as mn,jsx as ce,jsxs as $a}from"react/jsx-runtime";var po="k-toolbar",_g=[n.focus],Kg={size:[d.undefined,d.small,d.medium,d.large],fillMode:[w.undefined,w.solid,w.outline,w.flat]},Dg={scrollButtons:"around"},pe=e=>{let{size:t,fillMode:o,focus:r,resizable:l,scrollable:s,scrollButtons:c,scrollingPosition:u,section:f,...h}=e,v=[],L=(g,M)=>{let R=[];if(g.type===m&&g.props.className&&g.props.className.includes("k-toolbar-overflow-button"))R.push(ce(m,{...g.props,className:`${g.props.className?g.props.className:""}`},`${M}-${new Date().getTime()}`));else if(g.type===m)R.push(ce(m,{...g.props,className:`k-toolbar-button ${g.props.className?g.props.className:""}`},`${M}-${new Date().getTime()}`));else if(g.type===Cr)R.push(ce(Cr,{...g.props,className:`k-toolbar-button ${g.props.className?g.props.className:""}`},`${M}-${new Date().getTime()}`));else if(g.type===xo)R.push(ce(xo,{...g.props,className:`k-toolbar-button ${g.props.className?g.props.className:""}`},`${M}-${new Date().getTime()}`));else if(g.type===be)R.push(ce(be,{...g.props,className:`k-toolbar-menu-button ${g.props.className?g.props.className:""}`},`${M}-${new Date().getTime()}`));else if(g.type===pn)R.push(ce(pn,{...g.props,className:`k-toolbar-split-button ${g.props.className?g.props.className:""}`},`${M}-${new Date().getTime()}`));else if(g.type===W||g.props.className&&g.props.className.includes("k-button-group")){let G=[];(Array.isArray(g.props.children)?g.props.children:[g.props.children]).forEach((P,te)=>{G.push(ce(m,{...P.props,className:`${P.props.className?P.props.className:""}`},`${te}-${new Date().getTime()}`))}),R.push(ce(W,{...g.props,className:`k-toolbar-button-group ${g.props.className?g.props.className:""}`,children:G},`${M}-${new Date().getTime()}`))}else g.type===Ye?R.push(ce(Ye,{...g.props,className:`k-toolbar-combobox ${g.props.className?g.props.className:""}`},`${M}-${new Date().getTime()}`)):g.type===ue?R.push(ce(ue,{...g.props,className:`k-toolbar-dropdownlist ${g.props.className?g.props.className:""}`},`${M}-${new Date().getTime()}`)):g.type===vt?R.push(ce(vt,{...g.props,className:`k-toolbar-colorpicker ${g.props.className?g.props.className:""}`},`${M}-${new Date().getTime()}`)):R.push(g);R.forEach(G=>{v.push(G)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((M,R)=>{L(M,R)}),$a("div",{...h,className:a(e.className,po,A(po,{size:t,fillMode:o}),E(po,{focus:r}),{[`${po}-resizable`]:l,[`${po}-scrollable`]:s,[`${po}-scrollable-overlay`]:s&&c==="hidden",[`${po}-scrollable-${u}`]:u&&u!=="both",[`${po}-section`]:f}),role:"toolbar","aria-label":"Toolbar",children:[!s&&v,s&&c==="hidden"&&ce("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),s&&c==="start"&&$a(mn,{children:[$a(W,{children:[ce("span",{className:a("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:ce(p,{className:"k-button-icon",icon:"caret-alt-left"})}),ce("span",{className:a("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:ce(p,{className:"k-button-icon",icon:"caret-alt-right"})})]}),ce(Xt,{className:"k-toolbar-button-separator"}),ce("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v})]}),s&&c==="end"&&$a(mn,{children:[ce("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),ce(Xt,{className:"k-toolbar-button-separator"}),$a(W,{children:[ce("span",{className:a("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:ce(p,{className:"k-button-icon",icon:"caret-alt-left"})}),ce("span",{className:a("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:ce(p,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),s&&(c==="around"||!c)&&$a(mn,{children:[ce("span",{className:a("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:ce(p,{className:"k-button-icon",icon:"caret-alt-left"})}),ce(Xt,{className:"k-toolbar-button-separator"}),ce("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),ce(Xt,{className:"k-toolbar-button-separator"}),ce("span",{className:a("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:ce(p,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};pe.states=_g;pe.options=Kg;pe.className=po;pe.defaultOptions=Dg;pe.moduleName=co;pe.folderName=Eo;pe.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."}]};import{jsx as Fg}from"react/jsx-runtime";var pc="k-floating-toolbar",Bg=[],zg={},Ug={},Wa=e=>{let{...t}=e;return Fg("div",{...t,className:a(e.className,pc),children:e.children})};Wa.states=Bg;Wa.options=zg;Wa.className=pc;Wa.defaultOptions=Ug;Wa.moduleName=co;Wa.folderName=Eo;import{jsx as Xg}from"react/jsx-runtime";var un="k-toolbar-item",$g=[n.focus],Wg={},Vg={},Va=e=>{let{focus:t,...o}=e;return Xg("div",{...o,className:a(e.className,un,E(un,{focus:t})),children:e.children})};Va.states=$g;Va.options=Wg;Va.className=un;Va.defaultOptions=Vg;Va.moduleName=co;Va.folderName=Eo;import{jsx as mc}from"react/jsx-runtime";var uc="k-toolbar-popup",Jg=[],qg={size:[d.undefined,d.small,d.medium,d.large],fillMode:[w.undefined,w.solid,w.outline,w.flat]},Yg={},la=e=>{let{size:t,fillMode:o,section:r,...l}=e;return mc(de,{...l,className:a(e.className,uc),children:r?mc("span",{className:a("k-toolbar-items-list",A("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};la.states=Jg;la.options=qg;la.className=uc;la.defaultOptions=Yg;la.moduleName=co;la.folderName=Eo;var vl=la;import{jsx as v3}from"react/jsx-runtime";import{jsx as M3}from"react/jsx-runtime";import{jsx as E3}from"react/jsx-runtime";import{jsx as _3,jsxs as K3}from"react/jsx-runtime";import{jsx as U3}from"react/jsx-runtime";import{jsx as mo,jsxs as th}from"react/jsx-runtime";var Qg=le.states,bc={...le.defaultOptions,variant:"text"},Zg=le.options,jg=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],eh=[{name:"opened",title:"Opened"}],Xa=e=>{let{variant:t,modifiers:o,...r}={...bc,...e},l={},s=th(_e,{size:r.size,children:[mo(ae,{first:!0,text:"Menu Item"}),mo(ae,{text:"Menu Item"}),mo(ae,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(c=>{c==="opened"&&(l.opened=!!o?.[c],l.popup=o?.[c]?s:"")}),t){case"icon-only":return mo("div",{children:mo(le,{...r,...l,icon:"star"})});case"icon-and-text":return mo("div",{children:mo(le,{...r,...l,icon:"star",children:"Split Button"})});default:return mo("div",{children:mo(le,{...r,...l,children:"Split Button"})})}};Xa.options=Zg;Xa.states=Qg;Xa.variants=jg;Xa.defaultOptions=bc;Xa.modifiers=eh;Xa.className=le.className;import{jsx as ia,jsxs as oh}from"react/jsx-runtime";var Tc=e=>ia(pe,{children:[ia(m,{children:"Button"},"toolbar-button"),ia(be,{text:"Menu button"},"toolbar-menu-button"),ia(le,{children:"Split button"},"toolbar-split-button"),oh(W,{children:[ia(m,{className:"k-group-start",icon:"align-left",children:"Left"}),ia(m,{icon:"align-center",children:"Center"}),ia(m,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as g5,jsxs as h5}from"react/jsx-runtime";import{jsx as yt,jsxs as fc}from"react/jsx-runtime";var gc=e=>yt(pe,{scrollable:!0,...e,children:[yt(m,{children:"Button"},"toolbar-button"),yt(be,{text:"Menu button"},"toolbar-menu-button"),yt(le,{children:"Split button"},"toolbar-split-button"),fc(W,{children:[yt(m,{className:"k-group-start",icon:"align-left",children:"Left"}),yt(m,{icon:"align-center",children:"Center"}),yt(m,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),yt(m,{children:"Button"},"toolbar-button"),yt(be,{text:"Menu button"},"toolbar-menu-button"),yt(le,{children:"Split button"},"toolbar-split-button"),fc(W,{children:[yt(m,{className:"k-group-start",icon:"align-left",children:"Left"}),yt(m,{icon:"align-center",children:"Center"}),yt(m,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Mt,jsxs as hc}from"react/jsx-runtime";var xc=({scrollingPosition:e="start",...t})=>Mt(pe,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[Mt(m,{children:"Button"},"toolbar-button"),Mt(be,{text:"Menu button"},"toolbar-menu-button"),Mt(le,{children:"Split button"},"toolbar-split-button"),hc(W,{children:[Mt(m,{className:"k-group-start",icon:"align-left",children:"Left"}),Mt(m,{icon:"align-center",children:"Center"}),Mt(m,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Mt(m,{children:"Button"},"toolbar-button"),Mt(be,{text:"Menu button"},"toolbar-menu-button"),Mt(le,{children:"Split button"},"toolbar-split-button"),hc(W,{children:[Mt(m,{className:"k-group-start",icon:"align-left",children:"Left"}),Mt(m,{icon:"align-center",children:"Center"}),Mt(m,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as ah,jsx as bt,jsxs as Cl}from"react/jsx-runtime";var kc=({fillMode:e,size:t,...o})=>Cl(ah,{children:[bt(pe,{section:!0,fillMode:e,size:t,children:[bt(m,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Cl(W,{fillMode:e,children:[bt(m,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),bt(m,{icon:"align-center",fillMode:e,size:t,children:"Center"}),bt(m,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),bt(Xt,{className:"k-toolbar-button-separator"}),bt(m,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),Cl(vl,{size:t,fillMode:e,section:!0,...o,children:[bt(le,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),bt(m,{fillMode:e,size:t,children:"Button"},"toolbar-button"),bt(Xt,{}),bt(be,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Cl(W,{fillMode:e,children:[bt(m,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),bt(m,{icon:"align-center",fillMode:e,size:t,children:"Center"}),bt(m,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as Q5,jsx as q5,jsxs as Y5}from"react/jsx-runtime";import{Fragment as sz,jsx as iz,jsxs as nz}from"react/jsx-runtime";import{jsx as Io}from"react/jsx-runtime";var rh=pe.options,lh=pe.states,Nc={...pe.defaultOptions,variant:"default"},ih=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],nh=[],Ja=e=>{let{variant:t,...o}={...Nc,...e};switch(t){case"responsive":return Io("div",{children:Io(kc,{style:{width:"583px"},...o})});case"overlay":return Io("div",{children:Io(xc,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Io("div",{children:Io(gc,{style:{width:"583px"},...o})});default:return Io("div",{children:Io(Tc,{style:{width:"583px"},...o})})}};Ja.options=rh;Ja.states=lh;Ja.variants=ih;Ja.defaultOptions=Nc;Ja.modifiers=nh;Ja.className=pe.className;import{jsx as sh}from"react/jsx-runtime";var wc="k-gantt-header",Go=e=>sh(pe,{...e,className:a(e.className,wc,"k-gantt-toolbar"),children:e.children});Go.className=wc;Go.moduleName=ge;Go.folderName=xe;import{jsx as dh}from"react/jsx-runtime";var vc="k-gantt-footer",qa=e=>dh(pe,{...e,className:a(e.className,vc,"k-gantt-toolbar"),children:e.children});qa.className=vc;qa.moduleName=ge;qa.folderName=xe;import{jsx as ch}from"react/jsx-runtime";var Cc="k-gantt-content",Oo=e=>ch("div",{...e,className:a(e.className,Cc),children:e.children});Oo.className=Cc;Oo.moduleName=ge;Oo.folderName=xe;import{jsx as ph}from"react/jsx-runtime";var Lc="k-gantt-tables",Ho=e=>ph("div",{...e,className:a(e.className,Lc),children:e.children});Ho.className=Lc;Ho.moduleName=ge;Ho.folderName=xe;var $e="table",Ze=$e;import{jsx as Th}from"react/jsx-runtime";var yc="k-data-table",mh=[],uh={size:[d.undefined,d.small,d.medium,d.large]},bh={},uo=e=>{let{size:t,...o}=e;return Th("div",{...o,className:a(e.className,yc,A("k-table",{size:t})),children:e.children})};uo.states=mh;uo.options=uh;uo.className=yc;uo.defaultOptions=bh;uo.moduleName=$e;uo.folderName=Ze;import{jsx as xh}from"react/jsx-runtime";var bn="k-table-header-wrap",fh=[n.hover,n.focus,n.disabled],gh={},hh={},Po=e=>{let{children:t,hover:o,focus:r,disabled:l,...s}=e;return xh("div",{...s,className:a(e.className,bn,E(bn,{hover:o,focus:r,disabled:l})),children:t})};Po.states=fh;Po.options=gh;Po.className=bn;Po.defaultOptions=hh;Po.moduleName=$e;Po.folderName=Ze;import{jsx as vh}from"react/jsx-runtime";var Tn="k-table",kh=[],Nh={size:[d.undefined,d.small,d.medium,d.large]},wh={},Se=e=>{let{size:t,...o}=e;return vh("table",{...o,className:a(e.className,Tn,A(Tn,{size:t})),children:e.children})};Se.states=kh;Se.options=Nh;Se.className=Tn;Se.defaultOptions=wh;Se.moduleName=$e;Se.folderName=Ze;import{jsx as fn}from"react/jsx-runtime";var gn="k-table-header",Ch=[n.hover,n.focus,n.disabled],Lh={},yh={},bo=e=>{let{children:t,hover:o,focus:r,disabled:l,...s}=e;return fn("div",{...s,className:a(e.className,gn,E(gn,{hover:o,focus:r,disabled:l})),children:fn(Po,{children:fn(Se,{children:t})})})};bo.states=Ch;bo.options=Lh;bo.className=gn;bo.defaultOptions=yh;bo.moduleName=$e;bo.folderName=Ze;import{jsx as Ah}from"react/jsx-runtime";var Mc="k-table-scroller",Mh=[],Sh={},Rh={},Ya=e=>{let{children:t,...o}=e;return Ah("div",{...o,className:a(e.className,Mc),children:t})};Ya.states=Mh;Ya.options=Sh;Ya.className=Mc;Ya.defaultOptions=Rh;Ya.moduleName=$e;Ya.folderName=Ze;import{jsx as vU}from"react/jsx-runtime";import{jsx as Oh}from"react/jsx-runtime";var Sc="k-table-footer",Eh=[],Ih={},Gh={},_o=e=>{let{children:t,...o}=e;return Oh("div",{...o,className:a(e.className,Sc),children:t})};_o.states=Eh;_o.options=Ih;_o.className=Sc;_o.defaultOptions=Gh;_o.moduleName=$e;_o.folderName=Ze;import{jsx as Kh}from"react/jsx-runtime";var hn="k-table-list",Hh=[],Ph={size:[d.undefined,d.small,d.medium,d.large]},_h={},Ko=e=>{let{size:t,virtualization:o,...r}=e;return Kh("ul",{...r,className:a(e.className,"k-table",hn,A(hn,{size:t}),{"k-virtual-table":o}),children:e.children})};Ko.states=Hh;Ko.options=Ph;Ko.className=hn;Ko.defaultOptions=_h;Ko.moduleName=$e;Ko.folderName=Ze;import{jsx as Bh}from"react/jsx-runtime";var Dh="k-table-thead",B=e=>Bh("thead",{className:a(e.className,Dh),children:e.children});import{jsx as Uh}from"react/jsx-runtime";var zh="k-table-tbody",H=e=>Uh("tbody",{className:a(e.className,zh),children:e.children});import{jsx as zU}from"react/jsx-runtime";import{jsx as $h}from"react/jsx-runtime";var xn="k-table-row",Fh=[n.hover,n.focus,n.selected,n.disabled,n.highlighted],T=e=>{let{hover:t,focus:o,selected:r,highlighted:l,disabled:s,alt:c,...u}=e;return $h("tr",{...u,className:a(e.className,xn,{"k-table-alt-row":c},E(xn,{hover:t,focus:o,disabled:s,selected:r,highlighted:l})),children:e.children})};T.states=Fh;T.className=xn;import{jsx as Vh}from"react/jsx-runtime";var kn="k-table-row",Wh=[n.hover,n.focus,n.selected,n.disabled],Ll=e=>{let{hover:t,focus:o,selected:r,disabled:l,alt:s,...c}=e;return Vh("li",{...c,className:a(e.className,kn,{"k-table-alt-row":s},E(kn,{hover:t,focus:o,disabled:l,selected:r})),children:e.children})};Ll.states=Wh;Ll.className=kn;import{jsx as Xh}from"react/jsx-runtime";var Rc="k-table-th",To=e=>{let{text:t,colspan:o,rowspan:r,...l}=e,s=t||e.children;return Xh("th",{colSpan:o,rowSpan:r,...l,className:a(e.className,Rc),children:s})};To.className=Rc;To.moduleName=$e;To.folderName=Ze;import{jsx as t6}from"react/jsx-runtime";import{jsx as qh}from"react/jsx-runtime";var Nn="k-table-td",Jh=[n.focus,n.selected,n.highlighted],i=e=>{let{focus:t,selected:o,highlighted:r,text:l,colspan:s,rowspan:c,...u}=e,f=l||e.children;return qh("td",{colSpan:s,rowSpan:c,...u,className:a(e.className,Nn,E(Nn,{focus:t,selected:o,highlighted:r})),children:f})};i.states=Jh;i.className=Nn;import{jsx as s6}from"react/jsx-runtime";import{jsx as m6}from"react/jsx-runtime";import{jsx as f6}from"react/jsx-runtime";import{jsx as k6}from"react/jsx-runtime";import{jsx as C6}from"react/jsx-runtime";import{jsx as E6,jsxs as I6}from"react/jsx-runtime";import{jsx as P6,jsxs as _6}from"react/jsx-runtime";import{jsx as z6,jsxs as U6}from"react/jsx-runtime";import{Fragment as J6,jsx as V6,jsxs as X6}from"react/jsx-runtime";import{jsx as Zh}from"react/jsx-runtime";var Ic="k-gantt-columns",Do=e=>Zh(Se,{...e,className:a(e.className,Ic),role:"presentation",children:e.children});Do.className=Ic;Do.moduleName=ge;Do.folderName=xe;import{jsx as jh}from"react/jsx-runtime";var Gc="k-gantt-rows",Bo=e=>jh(Se,{...e,className:a(e.className,Gc),role:"presentation",children:e.children});Bo.className=Gc;Bo.moduleName=ge;Bo.folderName=xe;import{jsx as ex}from"react/jsx-runtime";var Oc="k-gantt-tasks",zo=e=>ex(Se,{...e,className:a(e.className,Oc),role:"presentation",children:e.children});zo.className=Oc;zo.moduleName=ge;zo.folderName=xe;import{jsx as ax}from"react/jsx-runtime";var Hc="k-task",tx=[],ox={},Pc={type:"single"},We=e=>{let{type:t=Pc.type,ariaLevel:o,...r}=e;return ax("div",{...r,className:a(e.className,Hc,{"k-task-single":t==="single","k-task-milestone":t==="milestone","k-task-summary":t==="summary"}),role:"treeitem",...o!==void 0&&{"aria-level":o}})};We.states=tx;We.options=ox;We.className=Hc;We.defaultOptions=Pc;We.moduleName=ge;We.folderName=xe;import{jsx as ix}from"react/jsx-runtime";var _c="k-task-wrap",rx=[],lx={},Kc={type:"single"},Ve=e=>{let{type:t=Kc.type,...o}=e;return ix("div",{...o,className:a(e.className,_c,{"k-milestone-wrap":t==="milestone","k-summary-wrap":t==="summary"})})};Ve.states=rx;Ve.options=lx;Ve.className=_c;Ve.defaultOptions=Kc;Ve.moduleName=ge;Ve.folderName=xe;import{jsx as dx}from"react/jsx-runtime";var Dc="k-task-dot",nx=[],sx={},Bc={position:"start"},we=e=>{let{position:t=Bc.position,...o}=e;return dx("div",{...o,className:a(e.className,Dc,{"k-task-start":t==="start","k-task-end":t==="end"}),"aria-hidden":"true"})};we.states=nx;we.options=sx;we.className=Dc;we.defaultOptions=Bc;we.moduleName=ge;we.folderName=xe;import{jsx as Qa,jsxs as ux}from"react/jsx-runtime";var zc="k-task-content",cx=[],px={},mx={},St=e=>{let{content:t,...o}=e;return ux("div",{...o,className:a(e.className,zc),children:[t&&Qa("div",{className:"k-task-template",children:t}),Qa("span",{className:"k-task-actions","aria-hidden":"true",children:Qa("a",{className:"k-link k-task-delete",children:Qa(p,{icon:"x"})})}),Qa("span",{className:"k-resize-handle k-resize-w","aria-hidden":"true"}),Qa("span",{className:"k-resize-handle k-resize-e","aria-hidden":"true"})]})};St.states=cx;St.options=px;St.className=zc;St.defaultOptions=mx;St.moduleName=ge;St.folderName=xe;import{jsx as fx}from"react/jsx-runtime";var Uc="k-gantt-line",bx=[],Tx={},Fc={orientation:"horizontal"},Re=e=>{let{orientation:t=Fc.orientation,...o}=e;return fx("div",{...o,className:a(e.className,Uc,{"k-gantt-line-h":t==="horizontal","k-gantt-line-v":t==="vertical"}),"aria-hidden":"true"})};Re.states=bx;Re.options=Tx;Re.className=Uc;Re.defaultOptions=Fc;Re.moduleName=ge;Re.folderName=xe;var ie="grid",se=ie;import{jsx as kx,jsxs as Nx}from"react/jsx-runtime";var yl="k-grid",gx=[],hx={size:[d.undefined,d.small,d.medium,d.large]},xx=[],$c={pagerPosition:"bottom"},V=e=>{let{size:t,pagerPosition:o=$c.pagerPosition,toolbar:r,pager:l,groupingHeader:s,gridSelectionAggregates:c,_renderAriaRoot:u,resizable:f,ariaColCount:h,ariaRowCount:v,ariaRootId:L,ariaRole:g="grid",...M}=e;return Nx("div",{...M,className:a(e.className,yl,{[`${yl}-resizable`]:f},A(yl,{size:t})),children:[r,o==="top"&&l,s,e.children&&u?kx("div",{className:"k-grid-aria-root",role:g,id:L,"aria-colcount":h,"aria-rowcount":v,children:e.children}):e.children,c,o==="bottom"&&l]})};V.states=gx;V.options=hx;V.variants=xx;V.className=yl;V.defaultOptions=$c;V.moduleName=ie;V.folderName=se;V.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."}]};import{jsx as wx}from"react/jsx-runtime";var Wc="k-grid-header",K=e=>{let{draggable:t,...o}=e;return wx("div",{...o,className:a(e.className,Wc,{"k-grid-draggable-header":t}),children:e.children})};K.className=Wc;K.moduleName=ie;K.folderName=se;import{jsx as Vc,jsxs as vx}from"react/jsx-runtime";var Xc="k-grouping-header",to=e=>{let{dropHint:t,dropClue:o,...r}=e;return vx("div",{...r,className:a(e.className,Xc),children:[o&&Vc("div",{className:"k-grouping-dropclue"}),e.children,Vc("div",{className:"k-grouping-drop-container",children:t})]})};to.className=Xc;to.moduleName=ie;to.folderName=se;import{jsx as Cx}from"react/jsx-runtime";var Jc="k-grid-pinned-container",Ur=e=>{let{position:t,...o}=e;return Cx("div",{...o,className:a(e.className,Jc,{"k-pos-bottom":t==="bottom"}),children:e.children})};Ur.className=Jc;Ur.moduleName=ie;Ur.folderName=se;import{jsx as Lx}from"react/jsx-runtime";var qc="k-grid-sticky-container",Fr=e=>{let{position:t,...o}=e;return Lx("div",{...o,className:a(e.className,qc,{"k-pos-bottom":t==="bottom"}),children:e.children})};Fr.className=qc;Fr.moduleName=ie;Fr.folderName=se;import{jsx as yx}from"react/jsx-runtime";var Yc="k-grid-header-table",D=e=>yx(Se,{...e,className:a(e.className,Yc),children:e.children});D.className=Yc;D.moduleName=ie;D.folderName=se;import{jsx as Uo,jsxs as wn}from"react/jsx-runtime";var vn="k-header",Mx=[n.hover,n.focus,n.active],Qc={sortIcon:"sort-asc-small"},C=e=>{let{menu:t,sortable:o,filterable:r,sticky:l,resizable:s,columnTitle:c,hover:u,focus:f,active:h,sortIcon:v=Qc.sortIcon,sortOrder:L,accessibleLabel:g,...M}=e;return wn(To,{...M,className:a(e.className,vn,{"k-filterable":t||r,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":s},E(vn,{hover:u,focus:f,active:h})),children:[c&&wn("span",{className:"k-cell-inner",children:[wn("span",{className:"k-link",children:[Uo("span",{className:"k-column-title",children:c}),o&&Uo("span",{className:"k-sort-icon",children:Uo(p,{icon:v})}),L&&Uo("span",{className:"k-sort-order",children:L})]}),t&&Uo("a",{className:a("k-grid-header-menu",{"k-active":h,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:Uo(p,{icon:t==="filter"?"filter":"more-vertical"})})]}),!c&&g&&Uo("span",{className:"k-sr-only",children:g}),e.children,s&&Uo("span",{className:"k-column-resizer k-touch-action-none"})]})};C.states=Mx;C.className=vn;C.defaultOptions=Qc;C.moduleName=ie;C.folderName=se;import{jsx as Sx}from"react/jsx-runtime";var Zc="k-grid-container",X=e=>Sx("div",{...e,className:a(e.className,Zc),children:e.children});X.className=Zc;X.moduleName=ie;X.folderName=se;import{jsx as Rx}from"react/jsx-runtime";var jc="k-grid-content",z=e=>Rx("div",{...e,className:a(e.className,jc),children:e.children});z.className=jc;z.moduleName=ie;z.folderName=se;import{jsx as Ax}from"react/jsx-runtime";var ep="k-grid-table",F=e=>Ax(Se,{...e,className:a(e.className,ep),children:e.children});F.className=ep;F.moduleName=ie;F.folderName=se;import{jsx as Ex}from"react/jsx-runtime";var tp="k-grid-footer",Ml=e=>Ex("div",{...e,className:a(e.className,tp),children:e.children});Ml.className=tp;Ml.moduleName=ie;Ml.folderName=se;import{jsx as Ix}from"react/jsx-runtime";var op="k-grid-footer-table",Sl=e=>Ix(Se,{...e,className:a(e.className,op),children:e.children});Sl.className=op;Sl.moduleName=ie;Sl.folderName=se;var Cn="pager",ap=Cn;import{Fragment as rp,jsx as Tt,jsxs as Za}from"react/jsx-runtime";var Rl="k-pager",Gx=[n.focus,n.disabled],Ox={size:[d.undefined,d.small,d.medium,d.large]},Rt={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},Ce=e=>{let{responsive:t=Rt.responsive,size:o,pagerSizeInfo:r=Rt.pagerSizeInfo,pageTitleInfo:l=Rt.pageTitleInfo,maxPagesInfo:s=Rt.maxPagesInfo,itemsPerPage:c=Rt.itemsPerPage,maxPages:u=Rt.maxPages,currentPage:f=Rt.currentPage,previousNext:h=Rt.previousNext,type:v=Rt.type,pageSizes:L=Rt.pageSizes,refresh:g=Rt.refresh,info:M=Rt.info,focus:R,disabled:G,dir:U,...P}=e,te=[],ye=[];for(let fe=1;fe<=u;fe++)te.push(Tt(m,{selected:fe===f,fillMode:"flat",themeColor:"primary",size:o,"aria-label":`Page ${fe}`,...fe===f&&{"aria-current":"page"},children:fe},fe)),ye.push(Tt("option",{selected:fe===f,children:fe},fe));return Za("div",{dir:U,...P,className:a(e.className,Rl,A(Rl,{size:o}),E(Rl,{focus:R,disabled:G}),{"k-pager-responsive":t}),role:"application","aria-roledescription":"pager","aria-keyshortcuts":"Enter ArrowRight ArrowLeft","aria-label":`Page ${f} of ${u}`,children:[Za("div",{className:a("k-pager-numbers-wrap"),children:[h&&Za(rp,{children:[Tt(m,{className:a("k-pager-nav","k-pager-first"),ariaDisabled:f===1,fillMode:"flat",size:o,icon:U==="rtl"?"caret-alt-to-right":"caret-alt-to-left",title:"Go to the first page","aria-label":"Go to the first page"}),Tt(m,{className:a("k-pager-nav"),ariaDisabled:f===1,fillMode:"flat",size:o,icon:U==="rtl"?"caret-alt-right":"caret-alt-left",title:"Go to the previous page","aria-label":"Go to the previous page"})]}),v==="numeric"&&Tt("div",{className:a("k-pager-numbers"),children:te}),v==="input"&&Za("span",{className:a("k-pager-input"),children:[l&&Tt("span",{children:"Page"}),Tt(oe,{value:`${f}`,size:o,showSpinButton:!1,showClearButton:!1,"aria-label":"Current page"}),Tt("span",{children:s&&`of ${u}`})]}),h&&Za(rp,{children:[Tt(m,{className:a("k-pager-nav"),ariaDisabled:f===u,fillMode:"flat",size:o,icon:U==="rtl"?"caret-alt-left":"caret-alt-right",title:"Go to the next page","aria-label":"Go to the next page"}),Tt(m,{className:a("k-pager-nav","k-pager-last"),ariaDisabled:f===u,fillMode:"flat",size:o,icon:U==="rtl"?"caret-alt-to-left":"caret-alt-to-right",title:"Go to the last page","aria-label":"Go to the last page"})]})]}),L&&Za("span",{className:a("k-pager-sizes"),children:[Tt(ue,{value:`${c}`,size:o,"aria-label":"Items per page"}),r&&Tt("span",{children:"items per page"})]}),g&&Tt(m,{className:a("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw",title:"Refresh","aria-label":"Refresh"}),M&&Tt("span",{className:a("k-pager-info"),children:M})]})};Ce.states=Gx;Ce.options=Ox;Ce.className=Rl;Ce.defaultOptions=Rt;Ce.moduleName=Cn;Ce.folderName=ap;Ce.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."}]};import{jsx as N7}from"react/jsx-runtime";import{jsx as L7}from"react/jsx-runtime";import{jsx as R7}from"react/jsx-runtime";import{jsx as lp}from"react/jsx-runtime";var Hx=Ce.options,Px=Ce.states,_x={...Ce.defaultOptions,variant:"numeric"},Kx=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],Dx=[],ja=e=>{let{variant:t,...o}=e;return t==="input"?lp(Ce,{...o,type:"input"}):lp(Ce,{...o,type:"numeric"})};ja.options=Hx;ja.states=Px;ja.variants=Kx;ja.defaultOptions=_x;ja.modifiers=Dx;ja.className=Ce.className;import{jsx as Bx}from"react/jsx-runtime";var ip="k-grid-pager",Ft=e=>Bx(Ce,{...e,className:a(e.className,ip),children:e.children});Ft.className=ip;Ft.moduleName=ie;Ft.folderName=se;import{jsx as zx}from"react/jsx-runtime";var np="k-grid-toolbar",oo=e=>zx(pe,{...e,className:a(e.className,np),children:e.children});oo.className=np;oo.moduleName=ie;oo.folderName=se;import{jsx as Ln,jsxs as Fx}from"react/jsx-runtime";var yn="k-grid-stack-cell",Ux=[n.focus,n.selected],Al=e=>{let{cellHeader:t,cellContent:o,edit:r,commandCell:l,dirty:s,focus:c,selected:u,...f}=e;return Fx("div",{...f,className:a(e.className,yn,{"k-grid-stack-edit-cell":r,"k-command-cell":l,"k-dirty-cell":s},E(yn,{focus:c,selected:u})),children:[s&&Ln("span",{className:"k-dirty"}),t&&Ln("div",{className:"k-grid-stack-header",children:t}),Ln("div",{className:"k-grid-stack-content",children:o}),e.children]})};Al.states=Ux;Al.className=yn;Al.moduleName=ie;Al.folderName=se;import{jsx as $x}from"react/jsx-runtime";var sp="k-grid-stack-row",El=e=>{let{cols:t,...o}=e;return $x("div",{...o,className:a(e.className,sp,{[`k-grid-cols-${t}`]:t}),children:e.children})};El.className=sp;El.moduleName=ie;El.folderName=se;import{Fragment as u9,jsx as p9,jsxs as m9}from"react/jsx-runtime";import{Fragment as k9,jsx as h9,jsxs as x9}from"react/jsx-runtime";var nt="column-menu",ft=nt;import{jsx as Xx}from"react/jsx-runtime";var Mn="k-column-menu",Wx=[],Vx={size:[d.undefined,d.small,d.medium,d.large]},dp={view:"list"},fo=e=>{let{view:t=dp.view,size:o,...r}=e;return Xx("div",{...r,className:a(e.className,Mn,A(Mn,{size:o}),{"k-column-menu-tabbed":t==="tabbed"}),children:e.children})};fo.states=Wx;fo.options=Vx;fo.className=Mn;fo.defaultOptions=dp;fo.moduleName=nt;fo.folderName=ft;fo.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."}]};import{jsx as cp}from"react/jsx-runtime";var Sn="k-column-list",Jx=[],qx={size:[d.undefined,d.small,d.medium,d.large]},Yx={},na=e=>{let{size:t,...o}=e;return cp("div",{className:"k-column-list-wrapper",children:cp("div",{...o,className:a(e.className,Sn,A(Sn,{size:t})),role:"listbox","aria-multiselectable":"true",children:e.children})})};na.states=Jx;na.options=qx;na.className=Sn;na.defaultOptions=Yx;na.moduleName=nt;na.folderName=ft;import{jsx as pp,jsxs as ek}from"react/jsx-runtime";var Rn="k-column-list-item",Qx=[n.focus,n.disabled,n.hover],Zx={},jx={},$r=e=>{let{label:t,checked:o,focus:r,hover:l,disabled:s,...c}=e;return ek("span",{...c,className:a(e.className,Rn,E(Rn,{focus:r,hover:l,disabled:s})),role:"option","aria-checked":o?"true":"false",children:[pp(ze,{disabled:s,checked:o,"aria-label":t}),pp("span",{className:"k-checkbox-label",children:t})]})};$r.states=Qx;$r.options=Zx;$r.className=Rn;$r.defaultOptions=jx;import{jsx as An,jsxs as mp}from"react/jsx-runtime";var En="k-columnmenu-item",tk=[n.focus,n.selected],ok={},ak={},go=e=>{let{focus:t,selected:o,text:r,startIcon:l,endIcon:s,sortIndex:c,...u}=e;return mp("div",{...u,className:a(e.className,En,E(En,{focus:t,selected:o})),role:"button",tabIndex:0,children:[l&&An(p,{icon:l}),r,s&&mp("span",{className:"k-columnmenu-indicators",children:[An(p,{icon:s}),c&&An("span",{className:"k-sort-index",children:c})]}),e.children]})};go.states=tk;go.options=ok;go.className=En;go.defaultOptions=ak;go.moduleName=nt;go.folderName=ft;import{jsx as U9}from"react/jsx-runtime";import{jsx as lk}from"react/jsx-runtime";var rk="k-columnmenu-item-content",up=e=>lk("div",{...e,className:a(e.className,rk,"k-columns-item"),children:e.children});import{jsx as bp}from"react/jsx-runtime";var Tp="k-filter-menu",ik=[],nk={},sk={},Fo=e=>{let{...t}=e;return bp("form",{...t,className:a(e.className,Tp),children:bp("div",{className:"k-filter-menu-container",children:e.children})})};Fo.states=ik;Fo.options=nk;Fo.className=Tp;Fo.defaultOptions=sk;Fo.moduleName=nt;Fo.folderName=ft;import{jsx as j9}from"react/jsx-runtime";import{jsx as In,jsxs as mk}from"react/jsx-runtime";var dk="k-item",ck={size:[d.undefined,d.small,d.medium,d.large]},pk=[],Gn=e=>{let{text:t,size:o,...r}=e;return In("li",{...r,className:a(e.className,dk),children:mk("label",{className:"k-label k-checkbox-label",children:[In(ze,{size:o}),In("span",{children:t})]})})};Gn.states=pk;Gn.options=ck;import{jsx as er,jsxs as fp}from"react/jsx-runtime";var gp="k-expander",uk=[],bk={},Tk={},sa=e=>{let{itemText:t,itemStartIcon:o,itemEndIcon:r,itemSortIndex:l,expanded:s,itemContent:c,expanderIcon:u,contentId:f,...h}=e,v=f||O("columnmenu-content"),L=!s&&!u?er(p,{icon:"chevron-down"}):s&&!u?er(p,{icon:"chevron-up"}):er(p,{icon:u});return fp("div",{...h,className:a(e.className,gp),children:[fp(go,{text:t,startIcon:o,endIcon:r,sortIndex:l,"aria-expanded":s?"true":"false","aria-controls":v,children:[er("span",{className:"k-spacer"}),er("span",{className:"k-expander-indicator",children:L})]}),s&&er(up,{id:v,children:c}),e.children]})};sa.states=uk;sa.options=bk;sa.className=gp;sa.defaultOptions=Tk;sa.moduleName=nt;sa.folderName=ft;import{jsx as xk}from"react/jsx-runtime";var On="k-group-menu",fk=[],gk={size:[d.undefined,d.small,d.medium,d.large]},hk={},tr=e=>{let{size:t,...o}=e;return xk("div",{...o,className:a(e.className,On,A(On,{size:t})),children:e.children})};tr.states=fk;tr.options=gk;tr.className=On;tr.defaultOptions=hk;tr.moduleName=nt;tr.folderName=ft;import{Fragment as vk,jsx as Il,jsxs as hp}from"react/jsx-runtime";var Hn="k-group-menu-item",kk=[n.hover,n.selected],Nk={},wk={},or=e=>{let{hover:t,selected:o,text:r,actionsStart:l,actionsEnd:s,...c}=e;return hp("div",{...c,className:a(e.className,Hn,E(Hn,{hover:t,selected:o})),children:[l&&Il("span",{className:"k-group-menu-item-actions",children:l}),Il("span",{className:"k-group-item-text",children:r}),s&&hp(vk,{children:[Il("span",{className:"k-spacer"}),Il("span",{className:"k-group-menu-item-actions",children:s})]}),e.children]})};or.states=kk;or.options=Nk;or.className=Hn;or.defaultOptions=wk;or.moduleName=nt;or.folderName=ft;import{jsx as da}from"react/jsx-runtime";var Pn="k-group-menu-item-action",Ck=[n.hover,n.disabled,n.selected],Lk={size:[d.undefined,d.small,d.medium,d.large]};var _n=e=>{let{hover:t,disabled:o,selected:r,size:l,type:s,...c}=e,u;switch(s){case"remove":u=da(p,{icon:"x-circle",size:l});break;case"add":u=da(p,{icon:"plus-circle",size:l});break;case"drag":u=da(p,{icon:"handle-drag-dots",size:l});break;case"up":u=da(p,{icon:"chevron-up",size:l});break;case"down":u=da(p,{icon:"chevron-down",size:l});break;default:u=da(p,{icon:s,size:l});break}return da("span",{...c,className:a(e.className,Pn,E(Pn,{selected:r,hover:t,disabled:o}),`k-group-menu-item-${s}-action`),children:u})};_n.options=Ck;_n.options=Lk;_n.className=Pn;import{jsx as y8}from"react/jsx-runtime";import{Fragment as G8,jsx as E8,jsxs as I8}from"react/jsx-runtime";import{jsx as Rk}from"react/jsx-runtime";var xp="k-tabstrip-items",yk=[],Mk={},Sk={tabAlignment:"start"},Wr=e=>{let{children:t,tabAlignment:o,orientation:r,...l}=e;return Rk("ul",{...l,className:a(e.className,xp,"k-reset",`k-tabstrip-items-${o}`),role:"tablist",...r==="vertical"&&{"aria-orientation":"vertical"},children:t})};Wr.states=yk;Wr.options=Mk;Wr.className=xp;Wr.defaultOptions=Sk;var kp=Wr;import{jsx as Ik}from"react/jsx-runtime";var Np="k-tabstrip-items-wrapper",Ak=[],Ek={},wp={orientation:"horizontal"},Vr=e=>{let{children:t,orientation:o=wp.orientation,...r}=e;return Ik("div",{...r,className:a(e.className,Np,{"k-hstack":o==="horizontal","k-vstack":o==="vertical"}),children:t})};Vr.states=Ak;Vr.options=Ek;Vr.className=Np;Vr.defaultOptions=wp;var vp=Vr;var Xr="tabstrip",Gl=Xr;import{jsx as Jt,jsxs as Cp}from"react/jsx-runtime";var $o="k-tabstrip",Gk=[],Ok={size:[d.undefined,d.small,d.medium,d.large]},Ol={position:"top",tabAlignment:"start",scrollButtons:"around"},Xe=e=>{let{size:t,scrollable:o,children:r,tabStripItems:l,tabStripItemsId:s,position:c=Ol.position,tabAlignment:u=Ol.tabAlignment,scrollButtons:f=Ol.scrollButtons,dir:h,scrollingPosition:v,overflow:L,...g}=e,M={top:{prev:h!=="rtl"?"left":"right",next:h!=="rtl"?"right":"left"},bottom:{prev:h!=="rtl"?"left":"right",next:h!=="rtl"?"right":"left"},right:{prev:"up",next:"down"},left:{prev:"up",next:"down"}},R={top:"horizontal",bottom:"horizontal",left:"vertical",right:"vertical"},G={start:"start",center:"center",end:"end",justify:"justify",stretched:"stretched"};return Cp("div",{dir:h,...g,className:a($o,e.className,{[`${$o}-${c}`]:c,[`${$o}-scrollable`]:o,[`${$o}-scrollable-overlay`]:o&&(f==="hidden"||!f),[`${$o}-scrollable-${v}`]:v&&v!=="both",[`${$o}-overflow`]:L},A($o,{size:t})),children:[c==="bottom"&&r,Cp(vp,{orientation:R[c],children:[o&&(f==="around"||f==="start")&&Jt("span",{className:a("k-tabstrip-prev","k-button",A("k-button",{size:t,fillMode:w.flat,rounded:k.none}),"k-icon-button"),"aria-hidden":"true",children:Jt(p,{className:"k-button-icon",icon:`caret-alt-${M[c].prev}`})}),o&&f==="start"&&Jt("span",{className:a("k-tabstrip-next","k-button",A("k-button",{size:t,fillMode:w.flat,rounded:k.none}),"k-icon-button"),"aria-hidden":"true",children:Jt(p,{className:"k-button-icon",icon:`caret-alt-${M[c].next}`})}),Jt(kp,{className:a({"k-tabstrip-items-scroll":o&&f==="hidden"}),tabAlignment:G[u],orientation:R[c],...s&&{id:s},children:l}),o&&f==="end"&&Jt("span",{className:a("k-tabstrip-prev","k-button",A("k-button",{size:t,fillMode:w.flat,rounded:k.none}),"k-icon-button"),"aria-hidden":"true",children:Jt(p,{className:"k-button-icon",icon:`caret-alt-${M[c].prev}`})}),o&&(f==="around"||f==="end")&&Jt("span",{className:a("k-tabstrip-next","k-button",A("k-button",{size:t,fillMode:w.flat,rounded:k.none}),"k-icon-button"),"aria-hidden":"true",children:Jt(p,{className:"k-button-icon",icon:`caret-alt-${M[c].next}`})}),L&&Jt("div",{className:"k-tabstrip-actions k-hstack",children:Jt(be,{className:"k-tabstrip-overflow-button",icon:"more-vertical",fillMode:"flat",size:t,showArrow:!1})})]}),c!=="bottom"&&r]})};Xe.states=Gk;Xe.options=Ok;Xe.className=$o;Xe.defaultOptions=Ol;Xe.moduleName=Xr;Xe.folderName=Gl;Xe.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."}]};import{jsx as Kk}from"react/jsx-runtime";var Lp="k-tabstrip-wrapper",Hk=[],Pk={},_k={},ar=e=>{let{...t}=e;return Kk("div",{...t,className:a(e.className,Lp),children:e.children})};ar.states=Hk;ar.options=Pk;ar.className=Lp;ar.defaultOptions=_k;ar.moduleName=Xr;ar.folderName=Gl;import{jsx as Hl,jsxs as Kn}from"react/jsx-runtime";var Dn="k-tabstrip-item",Dk=[n.active,n.hover,n.disabled,n.focus],Bk={},yp={iconPosition:"before"},gt=e=>{let{dragging:t,active:o,hover:r,focus:l,disabled:s,children:c,first:u,last:f,closable:h,icon:v,iconPosition:L=yp.iconPosition,value:g,actions:M,...R}=e;return Kn("li",{...R,className:a(e.className,Dn,E(Dn,{hover:r,active:o,disabled:s,focus:l}),{"k-tabstrip-dragging":t,"k-first":u,"k-last":f}),role:"tab",...o&&{"aria-selected":"true"},...s&&{"aria-disabled":"true"},children:[Kn("span",{className:"k-link",children:[v&&L==="before"&&Hl(p,{icon:v}),g&&Hl("span",{className:"k-link-text",children:g}),v&&L==="after"&&Hl(p,{icon:v})]}),(M||h)&&Kn("span",{className:"k-item-actions",children:[M,h&&Hl(m,{as:"span",className:"k-remove-tab",icon:"x",fillMode:"flat",size:"xsmall",title:"Close","aria-hidden":"true"})]}),c]})};gt.states=Dk;gt.options=Bk;gt.className=Dn;gt.item=yp;import{jsx as $k}from"react/jsx-runtime";var Bn="k-tabstrip-content",zk=[n.active,n.focus],Uk={},Fk={},ao=e=>{let{active:t,focus:o,children:r,...l}=e;return $k("div",{...l,className:a(e.className,Bn,E(Bn,{active:t,focus:o}),e.className),role:"tabpanel",children:r})};ao.states=zk;ao.options=Uk;ao.className=Bn;ao.defaultOptions=Fk;import{Fragment as Wk,jsx as Wo,jsxs as Vk}from"react/jsx-runtime";var qt=({children:e,...t})=>Wo(Xe,{tabStripItems:Vk(Wk,{children:[Wo(gt,{first:!0,value:"First"}),Wo(gt,{active:!0,value:"Second"}),Wo(gt,{value:"Third"}),Wo(gt,{value:"Fourth"}),Wo(gt,{last:!0,value:"Fifth"})]}),...t,children:e||Wo(ao,{active:!0,children:Wo("div",{children:"TabStrip Content"})})});import{jsx as Xk}from"react/jsx-runtime";var Mp=e=>Xk(qt,{position:"bottom",...e});import{jsx as Jk}from"react/jsx-runtime";var Sp=e=>Jk(qt,{position:"right",...e});import{jsx as qk}from"react/jsx-runtime";var Rp=e=>qk(qt,{position:"left",...e});import{jsx as w$}from"react/jsx-runtime";import{Fragment as M$,jsx as y$,jsxs as S$}from"react/jsx-runtime";import{jsx as I$}from"react/jsx-runtime";import{Fragment as D$,jsx as K$,jsxs as B$}from"react/jsx-runtime";import{Fragment as W$,jsx as $$,jsxs as V$}from"react/jsx-runtime";import{jsx as Pl}from"react/jsx-runtime";var Yk={...Xe.options,scrollable:{type:"boolean"}},Qk=Xe.states,Ap={...Xe.defaultOptions,scrollable:!1,variant:"up"},Zk=[{name:"up",title:"Position Up"},{name:"bottom",title:"Position Bottom"},{name:"left",title:"Position Left"},{name:"right",title:"Position Right"}],jk=[],rr=e=>{let{variant:t,...o}={...Ap,...e},r={};switch(t){case"right":return Pl(Sp,{style:{height:"230px"},...o,...r,position:"right"});case"left":return Pl(Rp,{style:{height:"230px"},...o,...r,position:"left"});case"bottom":return Pl(Mp,{style:{width:"350px"},...o,...r,position:"bottom"});default:return Pl(qt,{style:{width:"350px"},...o,...r})}};rr.options=Yk;rr.states=Qk;rr.variants=Zk;rr.defaultOptions=Ap;rr.modifiers=jk;rr.className=Xe.className;import{Fragment as vW,jsx as wW,jsxs as CW}from"react/jsx-runtime";import{Fragment as OW,jsx as IW,jsxs as GW}from"react/jsx-runtime";import{Fragment as $W,jsx as UW,jsxs as FW}from"react/jsx-runtime";import{Fragment as xV,jsx as gV,jsxs as hV}from"react/jsx-runtime";import{Fragment as yV,jsx as CV,jsxs as LV}from"react/jsx-runtime";import{Fragment as PV,jsx as OV,jsxs as HV}from"react/jsx-runtime";import{Fragment as oN,jsx as I,jsxs as Le}from"react/jsx-runtime";var Ep=({contentClassName:e,...t})=>I(V,{_renderAriaRoot:!0,pager:I(Ft,{refresh:!1}),children:Le(oN,{children:[I(K,{children:I("div",{className:"k-grid-header-wrap",children:Le(D,{role:"none",children:[Le("colgroup",{children:[I("col",{}),I("col",{style:{width:"225px"}}),I("col",{}),I("col",{}),I("col",{})]}),Le(B,{role:"rowgroup",children:[Le(T,{role:"row",children:[I(C,{rowspan:1,colspan:1,columnTitle:"Product Id",role:"columnheader"}),I(C,{rowspan:1,colspan:1,columnTitle:"Name",role:"columnheader"}),I(C,{rowspan:1,colspan:1,columnTitle:"Quantity",role:"columnheader"}),I(C,{rowspan:1,colspan:1,columnTitle:"Unit Price",role:"columnheader"}),I(C,{rowspan:1,colspan:1,columnTitle:"Discontinued",role:"columnheader"})]}),Le(T,{className:"k-filter-row",role:"row",children:[I(i,{role:"gridcell","aria-label":"Product Id filter",children:I("div",{className:"k-filtercell",children:Le("div",{className:"k-filtercell-wrapper",children:[I(oe,{"aria-label":"Product Id filter"}),Le("div",{className:"k-filtercell-operator",children:[I(ue,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Product Id filter operator"})," ",I(m,{disabled:!0,icon:"filter-clear","aria-label":"Clear Product Id filter"})]})]})})}),I(i,{role:"gridcell","aria-label":"Name filter",children:I("div",{className:"k-filtercell",children:Le("div",{className:"k-filtercell-wrapper",children:[I(he,{"aria-label":"Name filter"}),Le("div",{className:"k-filtercell-operator",children:[I(ue,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Name filter operator"})," ",I(m,{disabled:!0,icon:"filter-clear","aria-label":"Clear Name filter"})]})]})})}),I(i,{role:"gridcell","aria-label":"Quantity filter",children:I("div",{className:"k-filtercell",children:Le("div",{className:"k-filtercell-wrapper",children:[I(he,{"aria-label":"Quantity filter"}),Le("div",{className:"k-filtercell-operator",children:[I(ue,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Quantity filter operator"})," ",I(m,{disabled:!0,icon:"filter-clear","aria-label":"Clear Quantity filter"})]})]})})}),I(i,{role:"gridcell","aria-label":"Unit Price filter",children:I("div",{className:"k-filtercell",children:Le("div",{className:"k-filtercell-wrapper",children:[I(oe,{"aria-label":"Unit Price filter"}),Le("div",{className:"k-filtercell-operator",children:[I(ue,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Unit Price filter operator"})," ",I(m,{disabled:!0,icon:"filter-clear","aria-label":"Clear Unit Price filter"})]})]})})}),I(i,{role:"gridcell","aria-label":"Discontinued filter",children:I("div",{className:"k-filtercell",children:Le("div",{className:"k-filtercell-wrapper",children:[I(ue,{"aria-label":"Discontinued filter"}),I("div",{className:"k-filtercell-operator",children:I(m,{disabled:!0,icon:"filter-clear","aria-label":"Clear Discontinued filter"})})]})})})]})]})]})})}),I(X,{children:I(z,{className:e,children:Le(F,{role:"none",children:[Le("colgroup",{children:[I("col",{}),I("col",{style:{width:"225px"}}),I("col",{}),I("col",{}),I("col",{})]}),Le(H,{role:"rowgroup",children:[Le(T,{className:"k-master-row",role:"row",children:[I(i,{role:"gridcell",children:"1"}),I(i,{role:"gridcell",children:"Chai"}),I(i,{role:"gridcell",children:"10 boxes x 20 bags"}),I(i,{role:"gridcell",children:"18"}),I(i,{role:"gridcell",children:"false"})]}),Le(T,{className:"k-master-row",role:"row",alt:!0,children:[I(i,{role:"gridcell",children:"2"}),I(i,{role:"gridcell",children:"Chang"}),I(i,{role:"gridcell",children:"24 - 12 oz bottles"}),I(i,{role:"gridcell",children:"19"}),I(i,{role:"gridcell",children:"false"})]}),Le(T,{className:"k-master-row",role:"row",children:[I(i,{role:"gridcell",children:"3"}),I(i,{role:"gridcell",children:"Aniseed Syrup"}),I(i,{role:"gridcell",children:"12 - 550 ml bottles"}),I(i,{role:"gridcell",children:"10"}),I(i,{role:"gridcell",children:"false"})]}),Le(T,{className:"k-master-row",role:"row",alt:!0,children:[I(i,{role:"gridcell",children:"4"}),I(i,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),I(i,{role:"gridcell",children:"48 - 6 oz jars"}),I(i,{role:"gridcell",children:"22"}),I(i,{role:"gridcell",children:"false"})]}),Le(T,{className:"k-master-row",role:"row",children:[I(i,{role:"gridcell",children:"5"}),I(i,{role:"gridcell",children:"Grandma's Boysenberry Spread"}),I(i,{role:"gridcell",children:"12 - 8 oz jars"}),I(i,{role:"gridcell",children:"25"}),I(i,{role:"gridcell",children:"false"})]})]})]})})})]}),...t});import{jsx as _l}from"react/jsx-runtime";var aN="k-chip-action";var Oe=e=>{let{type:t,...o}=e,r;switch(t){case"remove":r=_l(p,{icon:"x-circle",size:"small"});break;case"more":r=_l(p,{icon:"more-vertical",size:"small"});break;default:return _l(p,{icon:t,size:"small"})}return _l("span",{...o,className:a(e.className,aN,`k-chip-${t}-action`),children:r})};var zn="avatar",Ip=zn;import{jsx as Gp}from"react/jsx-runtime";var Jr="k-avatar";var rN=[n.hover,n.focus,n.active,n.selected,n.disabled],lN={size:[d.undefined,d.small,d.medium,d.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[w.undefined,w.solid,w.outline],themeColor:[y.undefined,y.base,y.primary,y.secondary,y.tertiary]},Un={type:"text",border:!1},st=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,type:s=Un.type,border:c=Un.border,...u}=e;return Gp("div",{...u,className:a(e.className,Jr,A(Jr,{size:t,rounded:o,fillMode:r,themeColor:l}),{[`${Jr}-bordered`]:c}),children:Gp("span",{className:`${Jr}-${s}`,children:e.children})})};st.states=rN;st.options=lN;st.className=Jr;st.defaultOptions=Un;st.moduleName=zn;st.folderName=Ip;st.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var ca=st;import{jsx as iN}from"react/jsx-runtime";var Op=e=>iN(ca,{type:"icon",...e});import{jsx as nN}from"react/jsx-runtime";var Hp=e=>nN(ca,{type:"text",...e});import{jsx as sN}from"react/jsx-runtime";var Pp=e=>sN(ca,{type:"image",...e});import{jsx as mX}from"react/jsx-runtime";import{jsx as qr}from"react/jsx-runtime";var dN=st.options,cN=st.states,pN={...st.defaultOptions,variant:"image"},mN=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],uN=[],lr=e=>{let{variant:t,...o}=e;switch(t){case"icon":return qr(Op,{...o,children:qr(p,{icon:"star"})});case"text":return qr(Hp,{...o,children:"JO"});default:return qr(Pp,{...o,children:qr("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};lr.options=dN;lr.states=cN;lr.variants=mN;lr.defaultOptions=pN;lr.modifiers=uN;lr.className=st.className;var Yr="chip",Kl=Yr;import{jsx as ir,jsxs as fN}from"react/jsx-runtime";var Dl="k-chip",bN=[n.hover,n.focus,n.active,n.selected,n.disabled],TN={size:[d.undefined,d.small,d.medium,d.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[w.undefined,w.solid,w.outline],themeColor:[y.undefined,y.base,y.success,y.warning,y.error,y.info]},_p={avatarImage:"/packages/html/assets/avatar.jpg"},Ae=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,text:s,icon:c,actions:u,showAvatar:f,avatarImage:h=_p.avatarImage,hover:v,focus:L,active:g,selected:M,disabled:R,...G}=e;return fN("div",{...G,className:a(e.className,Dl,A(Dl,{size:t,rounded:o,fillMode:r,themeColor:l}),E(Dl,{hover:v,focus:L,active:g,disabled:R,selected:M})),role:e.role||"button","aria-pressed":e.role==="option"?void 0:M?"true":"false",...e.role==="option"&&M!==void 0&&{"aria-selected":M?"true":"false"},"aria-disabled":R?"true":void 0,children:[c&&ir(p,{className:"k-chip-icon",icon:c,size:"small"}),f&&ir(st,{className:"k-chip-avatar",type:"image",children:ir("img",{src:h,alt:""})}),ir("span",{className:"k-chip-content",children:e.children?e.children:s&&ir("span",{className:"k-chip-label",children:s})}),u&&ir("span",{className:"k-chip-actions",children:u})]})};Ae.states=bN;Ae.options=TN;Ae.className=Dl;Ae.defaultOptions=_p;Ae.moduleName=Yr;Ae.folderName=Kl;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 $t=Ae;import{jsx as kN}from"react/jsx-runtime";var Fn="k-chip-list",gN=[],hN={size:[d.undefined,d.small,d.medium,d.large]},xN={},Ee=e=>{let{size:t,multiselectable:o,ariaLabel:r,...l}=e;return kN("div",{...l,className:a(e.className,Fn,A(Fn,{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=gN;Ee.options=hN;Ee.className=Fn;Ee.defaultOptions=xN;Ee.moduleName=Yr;Ee.folderName=Kl;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."}]};import{jsx as UX}from"react/jsx-runtime";import{jsx as VX}from"react/jsx-runtime";import{jsx as NN}from"react/jsx-runtime";var Bl=e=>NN($t,{text:"text",...e});import{jsx as eJ}from"react/jsx-runtime";import{jsx as rJ}from"react/jsx-runtime";import{Fragment as cJ,jsx as dJ,jsxs as pJ}from"react/jsx-runtime";import{jsx as fJ,jsxs as gJ}from"react/jsx-runtime";import{jsx as wJ,jsxs as vJ}from"react/jsx-runtime";import{jsx as RJ,jsxs as AJ}from"react/jsx-runtime";import{jsx as nr,jsxs as MN}from"react/jsx-runtime";var wN={...$t.options,...Ee.options},vN=[],CN=Ee.states,LN={...$t.defaultOptions,...Ee.defaultOptions},yN=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],sr=e=>{let{modifiers:t,className:o,...r}=e,l=t?.icon,s=t?.actions,c=t?.avatar;return MN(Ee,{size:r.size,className:o,children:[nr(Bl,{...r,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?nr(Oe,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),nr(Bl,{...r,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?nr(Oe,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),nr(Bl,{...r,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?nr(Oe,{type:"remove"}):void 0,showAvatar:c,children:"Chip"})]})};sr.options=wN;sr.states=CN;sr.variants=vN;sr.defaultOptions=LN;sr.modifiers=yN;sr.className=Ee.className;import{jsx as $n}from"react/jsx-runtime";var SN=Ae.states,RN=Ae.defaultOptions,AN=Ae.options,EN=[],IN=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],dr=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t||{}).forEach(l=>{switch(l){case"icon":r.icon=t?.[l]?"arrow-down":void 0;break;case"avatar":r.showAvatar=!!t?.[l],r.avatarImage=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?.[l]?$n(Oe,{type:"more"}):void 0;break;case"remove-icon":r.actions||(r.actions=[]),r.actions[1]=t?.[l]?$n(Oe,{type:"remove"}):void 0;break;default:break}}),$n(Ae,{...o,...r,children:"Chip component"})};dr.options=AN;dr.states=SN;dr.variants=EN;dr.defaultOptions=RN;dr.modifiers=IN;dr.className=Ae.className;import{Fragment as Wn,jsx as $,jsxs as dt}from"react/jsx-runtime";var Kp=({dropClue:e,contentClassName:t,...o})=>$(V,{_renderAriaRoot:!0,groupingHeader:$(to,{dropClue:e,role:"toolbar","aria-label":"Grouping",children:dt(Ee,{role:"none",children:[$(Ae,{icon:"sort-asc-small",text:"ID",role:"button",actions:dt(Wn,{children:[$(Oe,{type:"more"}),$(Oe,{type:"remove"})]})}),$(Ae,{icon:"sort-desc-small",text:"Name",role:"button",actions:dt(Wn,{children:[$(Oe,{type:"more"}),$(Oe,{type:"remove"})]})})]})}),children:dt(Wn,{children:[$(K,{draggable:!0,children:$("div",{className:"k-grid-header-wrap",children:dt(D,{role:"none",children:[dt("colgroup",{children:[$("col",{className:"k-group-col"}),$("col",{className:"k-group-col"}),$("col",{}),$("col",{}),$("col",{}),$("col",{})]}),$(B,{role:"rowgroup",children:dt(T,{role:"row",children:[$(C,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),$(C,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),$(C,{colspan:1,columnTitle:"ID",role:"columnheader"}),$(C,{colspan:1,columnTitle:"Name",role:"columnheader"}),$(C,{colspan:1,columnTitle:"Price",role:"columnheader"}),$(C,{colspan:1,columnTitle:"Category",role:"columnheader"})]})})]})})}),$(X,{children:$(z,{className:t,children:dt(F,{role:"none",children:[dt("colgroup",{children:[$("col",{className:"k-group-col"}),$("col",{className:"k-group-col"}),$("col",{}),$("col",{}),$("col",{}),$("col",{})]}),dt(H,{role:"rowgroup",children:[$(T,{className:"k-table-group-row k-grouping-row",role:"row",children:$(i,{colspan:6,role:"gridcell","aria-expanded":"false",children:dt("p",{className:"k-reset",children:[$(p,{icon:"caret-alt-right"}),"ID: 1"]})})}),$(T,{className:"k-table-group-row k-grouping-row",role:"row",children:$(i,{colspan:6,role:"gridcell","aria-expanded":"true",children:dt("p",{className:"k-reset",children:[$(p,{icon:"caret-alt-down"}),"ID: 2"]})})}),dt(T,{className:"k-table-group-row k-grouping-row",role:"row",children:[$(i,{className:"k-table-group-td k-group-cell",role:"presentation"}),$(i,{colspan:5,role:"gridcell","aria-expanded":"true",children:dt("p",{className:"k-reset",children:[$(p,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),dt(T,{className:"k-master-row",role:"row",alt:!0,children:[$(i,{className:"k-table-group-td k-group-cell",role:"presentation"}),$(i,{className:"k-table-group-td k-group-cell",role:"presentation"}),$(i,{colspan:0,role:"gridcell",children:"2"}),$(i,{colspan:0,role:"gridcell",children:"Chang"}),$(i,{colspan:0,role:"gridcell",children:"$19.00"}),$(i,{colspan:0,role:"gridcell",children:"Beverages"})]})]})]})})})]}),...o});import{Fragment as hq,jsx as fq,jsxs as gq}from"react/jsx-runtime";import{Fragment as yq,jsx as Cq,jsxs as Lq}from"react/jsx-runtime";import{Fragment as Gq,jsx as Eq,jsxs as Iq}from"react/jsx-runtime";import{Fragment as GN,jsx as Q,jsxs as ct}from"react/jsx-runtime";var Dp=({headerWrapClassName:e,contentClassName:t,...o})=>Q(V,{_renderAriaRoot:!0,children:ct(GN,{children:[Q(K,{children:Q("div",{className:`k-grid-header-wrap ${e}`,children:ct(D,{role:"none",children:[ct("colgroup",{children:[Q("col",{}),Q("col",{}),Q("col",{}),Q("col",{})]}),ct(B,{role:"rowgroup",children:[ct(T,{role:"row",children:[Q(C,{rowspan:3,colspan:1,columnTitle:"ID",role:"columnheader"}),Q(C,{rowspan:1,colspan:3,columnTitle:"Product Information",role:"columnheader"})]}),ct(T,{role:"row",children:[Q(C,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first",role:"columnheader"}),Q(C,{rowspan:1,colspan:2,columnTitle:"Unit",role:"columnheader"})]}),ct(T,{role:"row",children:[Q(C,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first",role:"columnheader"}),Q(C,{rowspan:1,colspan:1,columnTitle:"Units Price",role:"columnheader"})]})]})]})})}),Q(X,{children:Q(z,{className:t,children:ct(F,{role:"none",children:[ct("colgroup",{children:[Q("col",{}),Q("col",{}),Q("col",{}),Q("col",{})]}),ct(H,{role:"rowgroup",children:[ct(T,{className:"k-master-row",role:"row",children:[Q(i,{role:"gridcell",children:"1"}),Q(i,{role:"gridcell",children:"Chai"}),Q(i,{role:"gridcell",children:"39"}),Q(i,{role:"gridcell",children:"18"})]}),ct(T,{className:"k-master-row",alt:!0,role:"row",children:[Q(i,{role:"gridcell",children:"2"}),Q(i,{role:"gridcell",children:"Chang"}),Q(i,{role:"gridcell",children:"17"}),Q(i,{role:"gridcell",children:"19"})]}),ct(T,{className:"k-master-row",role:"row",children:[Q(i,{role:"gridcell",children:"3"}),Q(i,{role:"gridcell",children:"Aniseed Syrup"}),Q(i,{role:"gridcell",children:"13"}),Q(i,{role:"gridcell",children:"10"})]}),ct(T,{className:"k-master-row",alt:!0,role:"row",children:[Q(i,{role:"gridcell",children:"4"}),Q(i,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),Q(i,{role:"gridcell",children:"53"}),Q(i,{role:"gridcell",children:"22"})]}),ct(T,{className:"k-master-row",role:"row",children:[Q(i,{role:"gridcell",children:"5"}),Q(i,{role:"gridcell",children:"Chef Anton's Gumbo Mix"}),Q(i,{role:"gridcell",children:"0"}),Q(i,{role:"gridcell",children:"21.35"})]})]})]})})})]}),...o});import{Fragment as Wq,jsx as Fq,jsxs as $q}from"react/jsx-runtime";import{Fragment as Zq,jsx as Yq,jsxs as Qq}from"react/jsx-runtime";import{Fragment as ON,jsx as Y,jsxs as Wt}from"react/jsx-runtime";var Bp=e=>{let t=O("grid");return Y(V,{_renderAriaRoot:!0,ariaRootId:t,toolbar:Wt(oo,{role:"toolbar","aria-label":"Grid toolbar","aria-controls":t,children:[Y(m,{children:"Add new"}),Y(m,{children:"Save Changes"}),Y(m,{children:"Cancel Changes"})]}),children:Wt(ON,{children:[Y(K,{children:Y("div",{className:"k-grid-header-wrap",children:Wt(D,{role:"none",children:[Wt("colgroup",{children:[Y("col",{}),Y("col",{}),Y("col",{}),Y("col",{style:{width:"300px"}})]}),Y(B,{role:"rowgroup",children:Wt(T,{role:"row",children:[Y(C,{columnTitle:"Name",role:"columnheader"}),Y(C,{columnTitle:"Price",role:"columnheader"}),Y(C,{columnTitle:"Available",role:"columnheader"}),Y(C,{accessibleLabel:"Commands"})]})})]})})}),Y(X,{children:Y(z,{children:Y("div",{children:Wt(F,{role:"none",children:[Wt("colgroup",{children:[Y("col",{}),Y("col",{}),Y("col",{}),Y("col",{style:{width:"300px"}})]}),Wt(H,{role:"rowgroup",children:[Wt(T,{className:"k-master-row k-grid-add-row k-grid-edit-row",role:"row",children:[Y(i,{role:"gridcell",children:Y(he,{value:"Towel","aria-label":"Name"})}),Y(i,{role:"gridcell",children:Y(oe,{value:"42","aria-label":"Price"})}),Y(i,{role:"gridcell",children:Y(ze,{"aria-label":"Available"})}),Wt(i,{className:"k-command-cell",role:"gridcell",children:[Y(m,{children:"Add"}),Y(m,{children:"Cancel"})]})]}),Wt(T,{className:"k-master-row",role:"row",children:[Y(i,{role:"gridcell",children:"Chai"}),Y(i,{role:"gridcell",children:"18"}),Y(i,{role:"gridcell",children:"false"}),Y(i,{className:"k-command-cell",role:"gridcell",children:Y(m,{children:"Remove"})})]}),Wt(T,{className:"k-master-row",role:"row",alt:!0,children:[Y(i,{role:"gridcell",children:"Chang"}),Y(i,{role:"gridcell",children:"19"}),Y(i,{role:"gridcell",children:"false"}),Y(i,{className:"k-command-cell",role:"gridcell",children:Y(m,{children:"Remove"})})]})]})]})})})})]}),...e})};import{Fragment as CY,jsx as vY,jsxs as LY}from"react/jsx-runtime";var Vn="context-menu",zp=Vn;import{jsx as KN}from"react/jsx-runtime";var Up="k-context-menu",HN=[],PN={},_N={},ht=e=>{let{children:t,...o}=e;return KN(_e,{...o,className:a(e.className,Up),role:"menu",children:t})};ht.states=HN;ht.options=PN;ht.className=Up;ht.defaultOptions=_N;ht.moduleName=Vn;ht.folderName=zp;ht.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."}]};import{jsx as zl}from"react/jsx-runtime";var Xn=e=>zl(ht,{children:[zl(ae,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),zl(ae,{text:"Item 2"},"menu-item-2"),zl(ae,{last:!0,text:"Item 3"},"menu-item-3")],...e});import{Fragment as WY,jsx as FY,jsxs as $Y}from"react/jsx-runtime";import{jsx as Qr,jsxs as FN}from"react/jsx-runtime";var DN=Me.options,BN=Me.states,Fp={...Me.defaultOptions,variant:"normal"},zN=[{name:"normal",title:"Normal"},{name:"separators",title:"With separator"}],UN=[],cr=e=>{let{variant:t,...o}={...Fp,...e};return t==="separators"?FN(Xn,{...o,style:{width:"130px"},children:[Qr(ae,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),Qr(Ao,{}),Qr(ae,{text:"Item 2"},"menu-item-2"),Qr(ae,{last:!0,text:"Item 3"},"menu-item-3")]}):Qr(Xn,{...o,style:{width:"130px"}})};cr.options=DN;cr.states=BN;cr.variants=zN;cr.defaultOptions=Fp;cr.modifiers=UN;cr.className=ht.className;import{Fragment as uQ,jsx as pQ,jsxs as mQ}from"react/jsx-runtime";import{Fragment as LQ,jsx as vQ,jsxs as CQ}from"react/jsx-runtime";import{Fragment as GQ,jsx as IQ,jsxs as OQ}from"react/jsx-runtime";import{Fragment as FQ,jsx as UQ,jsxs as $Q}from"react/jsx-runtime";import{Fragment as Ul,jsx as x,jsxs as me}from"react/jsx-runtime";var $N=V.options,WN=V.states,$p={...V.defaultOptions,variant:"normal"},VN=[{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"}],XN=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],pr=e=>{let{variant:t,modifiers:o,...r}={...$p,...e},l={toolbar:void 0,pager:void 0},s=me(oo,{children:[x(m,{icon:"plus",children:"Add New"}),x(m,{icon:"file-pdf",children:"Export to PDF"}),x("span",{className:"k-spacer"}),x(he,{prefix:x(p,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=x(Ce,{pageSizes:!1,refresh:!1});Object.keys(o||{}).forEach(h=>{switch(h){case"toolbar":l.toolbar=o?.[h]?s:void 0;break;case"pager":l.pager=o?.[h]?c:void 0;break;default:return}});let u={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},f=me(Ul,{children:[x(K,{children:x("div",{className:"k-grid-header-wrap",children:me(D,{children:[me("colgroup",{children:[x("col",{}),x("col",{}),x("col",{}),x("col",{})]}),x(B,{children:me(T,{children:[x(C,{...u[t],columnTitle:"ID"}),x(C,{...u[t],columnTitle:"Product Name"}),x(C,{...u[t],columnTitle:"Units in Stock"}),x(C,{...u[t],columnTitle:"Units Price"})]})})]})})}),x(X,{children:x(z,{children:me(F,{children:[me("colgroup",{children:[x("col",{}),x("col",{}),x("col",{}),x("col",{})]}),me(H,{children:[me(T,{children:[x(i,{children:"1"}),x(i,{children:"Chai"}),x(i,{children:"39"}),x(i,{children:"18"})]}),me(T,{alt:!0,children:[x(i,{children:"2"}),x(i,{children:"Chang"}),x(i,{children:"17"}),x(i,{children:"19"})]}),me(T,{children:[x(i,{children:"3"}),x(i,{children:"Aniseed Syrup"}),x(i,{children:"13"}),x(i,{children:"10"})]}),me(T,{alt:!0,children:[x(i,{children:"4"}),x(i,{children:"Chef Anton's Cajun Seasoning"}),x(i,{children:"53"}),x(i,{children:"22"})]}),me(T,{children:[x(i,{children:"5"}),x(i,{children:"Chef Anton's Gumbo Mix"}),x(i,{children:"0"}),x(i,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return x(Dp,{...r,...l});case"editing":return x(Bp,{...r,...l});case"grouping":return x(Kp,{...r,...l,groupingHeader:x(to,{children:me(Ee,{children:[x(Ae,{icon:"sort-asc-small",actions:me(Ul,{children:[x(Oe,{type:"more"}),x(Oe,{type:"remove"})]}),children:"ID"}),x(Ae,{icon:"sort-desc-small",actions:me(Ul,{children:[x(Oe,{type:"more"}),x(Oe,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return x(V,{...r,...l,children:me(Ul,{children:[x(K,{children:me("div",{className:"k-grid-header-wrap",children:[" ",me(D,{children:[me("colgroup",{children:[x("col",{className:"k-drag-col"}),x("col",{}),x("col",{}),x("col",{}),x("col",{})]}),x(B,{children:me(T,{children:[x(C,{className:"k-drag-cell",accessibleLabel:"Reorder"}),x(C,{columnTitle:"ID"}),x(C,{columnTitle:"Product Name"}),x(C,{columnTitle:"Units in Stock"}),x(C,{columnTitle:"Units Price"})]})})]})]})}),x(X,{children:x(z,{children:me(F,{children:[me("colgroup",{children:[x("col",{className:"k-drag-col"}),x("col",{}),x("col",{}),x("col",{}),x("col",{})]}),me(H,{children:[me(T,{children:[x(i,{className:"k-drag-cell",children:x(p,{icon:"reorder"})}),x(i,{children:"1"}),x(i,{children:"Chai"}),x(i,{children:"39"}),x(i,{children:"18"})]}),me(T,{alt:!0,children:[x(i,{className:"k-drag-cell",children:x(p,{icon:"reorder"})}),x(i,{children:"2"}),x(i,{children:"Chang"}),x(i,{children:"17"}),x(i,{children:"19"})]}),me(T,{children:[x(i,{className:"k-drag-cell",children:x(p,{icon:"reorder"})}),x(i,{children:"3"}),x(i,{children:"Aniseed Syrup"}),x(i,{children:"13"}),x(i,{children:"10"})]}),me(T,{alt:!0,children:[x(i,{className:"k-drag-cell",children:x(p,{icon:"reorder"})}),x(i,{children:"4"}),x(i,{children:"Chef Anton's Cajun Seasoning"}),x(i,{children:"53"}),x(i,{children:"22"})]}),me(T,{children:[x(i,{className:"k-drag-cell",children:x(p,{icon:"reorder"})}),x(i,{children:"5"}),x(i,{children:"Chef Anton's Gumbo Mix"}),x(i,{children:"0"}),x(i,{children:"21.35"})]})]})]})})})]})});case"filter-row":return x(Ep,{...r,...l});default:return x(V,{...r,...l,children:f})}};pr.options=$N;pr.states=WN;pr.variants=VN;pr.defaultOptions=$p;pr.modifiers=XN;pr.className=V.className;import{jsx as YN}from"react/jsx-runtime";var pa="k-pane",JN=[],qN={},Jn={resizable:!0,flex:!1},Ke=e=>{let{scrollable:t,flexBasis:o,flex:r=Jn.flex,collapsible:l,resizable:s=Jn.resizable,pinned:c,unpinned:u,tabbed:f,...h}=e;return YN("div",{...h,style:{flexBasis:o,...e.style},className:a(e.className,pa,{[`${pa}-static`]:o,[`${pa}-flex`]:r,"k-scrollable":t,[`${pa}-pinned`]:c,[`${pa}-unpinned`]:u,[`${pa}-tabbed`]:f}),role:"group",children:e.children})};Ke.states=JN;Ke.options=qN;Ke.className=pa;Ke.defaultOptions=Jn;import{Fragment as Wp,jsx as ma,jsxs as jN}from"react/jsx-runtime";var mr="k-splitbar",QN=[n.hover,n.focus],ZN={},qn={orientation:"horizontal",draggable:!0},ur=e=>{let{hover:t,focus:o,orientation:r=qn.orientation,draggable:l=qn.draggable,collapsePrev:s,collapseNext:c,ariaLabel:u,...f}=e;return jN("div",{...f,className:a(e.className,mr,E(mr,{hover:t,focus:o}),{[`${mr}-${r}`]:r,[`${mr}-draggable-${r}`]:l,[`${mr}-static-${r}`]:!l&&!s&&!c}),role:"separator","aria-label":u,...r==="horizontal"&&{"aria-orientation":"vertical"},"aria-keyshortcuts":"ArrowLeft ArrowRight ArrowUp ArrowDown",children:[s&&ma(Wp,{children:ma("div",{className:"k-collapse-prev",children:ma(p,{icon:`caret-alt-${r==="horizontal"?"left":"up"}`,size:"xsmall"})})}),ma("div",{className:"k-resize-handle","aria-hidden":"true"}),c&&ma(Wp,{children:ma("div",{className:"k-collapse-next",children:ma(p,{icon:`caret-alt-${r==="horizontal"?"right":"down"}`,size:"xsmall"})})})]})};ur.states=QN;ur.options=ZN;ur.className=mr;ur.defaultOptions=qn;var Yn="splitter",Vp=Yn;import{jsx as ow,jsxs as aw}from"react/jsx-runtime";import{createElement as tw}from"react";var Qn="k-splitter",ew={},Xp={orientation:"horizontal"},De=e=>{let{orientation:t=Xp.orientation,children:o,panes:r,...l}=e,s=[];return r&&r.forEach((c,u)=>{let f=r[u+1],h=c.props,v=f?.props;s.push(tw(Ke,{...h,key:u})),f&&s.push(ow(ur,{draggable:h.resizable!==!1&&v.resizable!==!1,collapsePrev:h.collapsible,collapseNext:v.collapsible,orientation:t,ariaLabel:"Pane separator"},`splitbar-${u}`))}),aw("div",{...l,className:a(e.className,Qn,{[`${Qn}-${t}`]:t},"k-splitter-flex"),children:[s,o]})};De.options=ew;De.className=Qn;De.defaultOptions=Xp;De.moduleName=Yn;De.folderName=Vp;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."}]};import{jsx as Tj,jsxs as fj}from"react/jsx-runtime";import{jsx as kj,jsxs as Nj}from"react/jsx-runtime";import{jsx as br}from"react/jsx-runtime";import{createElement as Fl}from"react";var rw=De.options,lw=De.states,Jp={...De.defaultOptions,variant:"horizontal",firstPaneProps:!0,secondPaneProps:!0},iw=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],nw=[{name:"firstPaneProps",title:"Collapsible Left"},{name:"secondPaneProps",title:"Collapsible Right"}],Tr=e=>{let{variant:t,modifiers:o,...r}={...Jp,...e},l=f=>({collapsible:f,content:f?"Resizable and collapsible":"Resizable only"}),s=l(!0),c=l(!0),u={display:"flex",justifyContent:"center",alignItems:"center"};return Object.keys(o||{}).forEach(f=>{let h=o?.[f];switch(f){case"secondPaneProps":c=l(!!h);break;case"firstPaneProps":s=l(!!h);break;default:break}}),t==="vertical"?br(De,{style:{height:"238px"},...r,orientation:"vertical",panes:[Fl(Ke,{...s,flexBasis:"50%",style:u,key:"pane-1"},br("p",{children:s.content})),Fl(Ke,{...c,flexBasis:"50%",style:u,key:"pane-2"},br("p",{children:c.content}))]}):br(De,{style:{height:"238px"},...r,orientation:"horizontal",panes:[Fl(Ke,{...s,flexBasis:"50%",style:u,key:"pane-1"},br("p",{children:s.content})),Fl(Ke,{...c,flexBasis:"50%",style:u,key:"pane-2"},br("p",{children:c.content}))]})};Tr.options=rw;Tr.states=lw;Tr.variants=iw;Tr.defaultOptions=Jp;Tr.modifiers=nw;Tr.className=De.className;var Zn="treelist",qp=Zn;import{jsx as pw}from"react/jsx-runtime";var Yp="k-treelist",sw=[],dw={},cw={},Te=e=>pw(V,{...e,ariaRole:"treegrid",className:a(Yp,e.className),children:e.children});Te.states=sw;Te.options=dw;Te.className=Yp;Te.defaultOptions=cw;Te.moduleName=Zn;Te.folderName=qp;Te.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."}]};import{jsx as Z,jsxs as Je}from"react/jsx-runtime";var ua=({gridHeader:e,gridContent:t,menu:o,...r})=>{let l=O("treelist");return Je(Te,{id:O("treelist"),_renderAriaRoot:!0,ariaRootId:l,ariaColCount:3,ariaRowCount:6,...r,children:[e||Z(K,{children:Z("div",{className:"k-grid-header-wrap",children:Je(D,{role:"none",children:[Je("colgroup",{children:[Z("col",{}),Z("col",{}),Z("col",{})]}),Z(B,{role:"rowgroup",children:Je(T,{role:"row","aria-rowindex":1,children:[Z(C,{menu:o,columnTitle:"Name",role:"columnheader","aria-sort":"ascending","aria-colindex":1,...o?{"aria-haspopup":"dialog"}:{}}),Z(C,{menu:o,columnTitle:"Position",role:"columnheader","aria-colindex":2,...o?{"aria-haspopup":"dialog"}:{}}),Z(C,{menu:o,columnTitle:"Hire Date",role:"columnheader","aria-colindex":3,...o?{"aria-haspopup":"dialog"}:{}})]})})]})})}),Z(X,{children:t||Z(z,{children:Je(F,{role:"none",children:[Je("colgroup",{children:[Z("col",{}),Z("col",{}),Z("col",{})]}),Je(H,{role:"rowgroup",children:[Je(T,{role:"row","aria-rowindex":2,"aria-expanded":"true",children:[Je(i,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[Z(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),Z(i,{role:"gridcell","aria-colindex":2,children:"Sweeney"}),Z(i,{role:"gridcell","aria-colindex":3,children:"CEO"})]}),Je(T,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"true",children:[Je(i,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[Z(p,{className:"k-treelist-toggle",icon:"none"}),Z(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),Z(i,{role:"gridcell","aria-colindex":2,children:"Wooten"}),Z(i,{role:"gridcell","aria-colindex":3,children:"Chief Technical Officer"})]}),Je(T,{role:"row","aria-rowindex":4,"aria-expanded":"true",children:[Je(i,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[Z(p,{className:"k-treelist-toggle",icon:"none"}),Z(p,{className:"k-treelist-toggle",icon:"none"}),Z(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),Z(i,{role:"gridcell","aria-colindex":2,children:"Weber"}),Z(i,{role:"gridcell","aria-colindex":3,children:"VP, Engineering"})]}),Je(T,{role:"row",alt:!0,"aria-rowindex":5,"aria-expanded":"true",children:[Je(i,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[Z(p,{className:"k-treelist-toggle",icon:"none"}),Z(p,{className:"k-treelist-toggle",icon:"none"}),Z(p,{className:"k-treelist-toggle",icon:"none"}),Z(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),Z(i,{role:"gridcell","aria-colindex":2,children:"Hood"}),Z(i,{role:"gridcell","aria-colindex":3,children:"Team Lead"})]}),Je(T,{role:"row","aria-rowindex":6,children:[Je(i,{role:"gridcell","aria-colindex":1,children:[Z(p,{className:"k-treelist-toggle",icon:"none"}),Z(p,{className:"k-treelist-toggle",icon:"none"}),Z(p,{className:"k-treelist-toggle",icon:"none"}),Z(p,{className:"k-treelist-toggle",icon:"none"}),Z(p,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),Z(i,{role:"gridcell","aria-colindex":2,children:"Carr"}),Z(i,{role:"gridcell","aria-colindex":3,children:"Junior Software Developer"})]})]})]})})})]})};import{jsx as mw}from"react/jsx-runtime";var Qp=e=>mw(ua,{menu:"column",...e});import{Fragment as dee,jsx as nee,jsxs as see}from"react/jsx-runtime";import{jsx as uw}from"react/jsx-runtime";var Zp=e=>uw(ua,{menu:"filter",...e});import{Fragment as Cee,jsx as wee,jsxs as vee}from"react/jsx-runtime";import{Fragment as Hee,jsx as Gee,jsxs as Oee}from"react/jsx-runtime";import{jsx as _,jsxs as qe}from"react/jsx-runtime";var jp=({gridHeader:e,gridContent:t,menu:o,...r})=>{let l=O("treelist");return qe(Te,{id:O("treelist"),_renderAriaRoot:!0,ariaRootId:l,ariaColCount:4,ariaRowCount:6,...r,children:[e||_(K,{children:_("div",{className:"k-grid-header-wrap",children:qe(D,{role:"none",children:[qe("colgroup",{children:[_("col",{className:"k-drag-col"}),_("col",{}),_("col",{}),_("col",{})]}),_(B,{role:"rowgroup",children:qe(T,{role:"row","aria-rowindex":1,children:[_(C,{role:"columnheader",accessibleLabel:"Drag column"}),_(C,{menu:o,columnTitle:"First Name",role:"columnheader","aria-colindex":2}),_(C,{menu:o,columnTitle:"Last Name",role:"columnheader","aria-colindex":3}),_(C,{menu:o,columnTitle:"Position",role:"columnheader","aria-colindex":4})]})})]})})}),_(X,{children:t||_(z,{children:qe(F,{role:"none",children:[qe("colgroup",{children:[_("col",{className:"k-drag-col"}),_("col",{}),_("col",{}),_("col",{})]}),qe(H,{role:"rowgroup",children:[qe(T,{role:"row","aria-rowindex":2,"aria-expanded":"true",children:[_(i,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:_(p,{icon:"reorder"})}),qe(i,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[_(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),_(i,{role:"gridcell","aria-colindex":3,children:"Sweeney"}),_(i,{role:"gridcell","aria-colindex":4,children:"CEO"})]}),qe(T,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"true",children:[_(i,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:_(p,{icon:"reorder"})}),qe(i,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[_(p,{className:"k-treelist-toggle",icon:"none"}),_(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),_(i,{role:"gridcell","aria-colindex":3,children:"Wooten"}),_(i,{role:"gridcell","aria-colindex":4,children:"Chief Technical Officer"})]}),qe(T,{role:"row","aria-rowindex":4,"aria-expanded":"true",children:[_(i,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:_(p,{icon:"reorder"})}),qe(i,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[_(p,{className:"k-treelist-toggle",icon:"none"}),_(p,{className:"k-treelist-toggle",icon:"none"}),_(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),_(i,{role:"gridcell","aria-colindex":3,children:"Weber"}),_(i,{role:"gridcell","aria-colindex":4,children:"VP, Engineering"})]}),qe(T,{role:"row",alt:!0,"aria-rowindex":5,"aria-expanded":"true",children:[_(i,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:_(p,{icon:"reorder"})}),qe(i,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[_(p,{className:"k-treelist-toggle",icon:"none"}),_(p,{className:"k-treelist-toggle",icon:"none"}),_(p,{className:"k-treelist-toggle",icon:"none"}),_(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),_(i,{role:"gridcell","aria-colindex":3,children:"Hood"}),_(i,{role:"gridcell","aria-colindex":4,children:"Team Lead"})]}),qe(T,{role:"row","aria-rowindex":6,children:[_(i,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:_(p,{icon:"reorder"})}),qe(i,{role:"gridcell","aria-colindex":2,children:[_(p,{className:"k-treelist-toggle",icon:"none"}),_(p,{className:"k-treelist-toggle",icon:"none"}),_(p,{className:"k-treelist-toggle",icon:"none"}),_(p,{className:"k-treelist-toggle",icon:"none"}),_(p,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),_(i,{role:"gridcell","aria-colindex":3,children:"Carr"}),_(i,{role:"gridcell","aria-colindex":4,children:"Junior Software Developer"})]})]})]})})})]})};import{jsx as Yee,jsxs as Qee}from"react/jsx-runtime";import{jsx as lte,jsxs as ite}from"react/jsx-runtime";import{jsx as bte,jsxs as Tte}from"react/jsx-runtime";import{jsx as vte,jsxs as Cte}from"react/jsx-runtime";import{jsx as S,jsxs as Ne}from"react/jsx-runtime";var bw=Te.options,Tw=Te.states,em={...Te.defaultOptions,variant:"normal"},fw=[{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"}],gw=[{name:"toolbar",title:"Toolbar"},{name:"pager",title:"Pager"}],fr=e=>{let{variant:t,modifiers:o,...r}={...em,...e},l={},s=Ne(oo,{children:[S(m,{icon:"plus",children:"Add New"}),S(m,{icon:"file-pdf",children:"Export to PDF"}),S("span",{className:"k-spacer"}),S(he,{prefix:S(p,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=S(Ce,{pageSizes:!1,refresh:!1});switch(Object.keys(o||{}).forEach(u=>{switch(u){case"toolbar":l.toolbar=o?.[u]?s:void 0;break;case"pager":l.pager=o?.[u]?c:void 0;break;default:return}}),t){case"row-reordering":return S(jp,{...r,...l});case"column-menu":return S(Qp,{...r,...l,gridHeader:S(K,{children:S("div",{className:"k-grid-header-wrap",children:Ne(D,{children:[Ne("colgroup",{children:[S("col",{}),S("col",{}),S("col",{})]}),S(B,{children:Ne(T,{children:[S(C,{menu:"column",columnTitle:"First Name"}),S(C,{menu:"column",columnTitle:"Last Name"}),S(C,{menu:"column",columnTitle:"Position"})]})})]})})})});case"filter-row":return S(Zp,{...r,...l,gridHeader:S(K,{children:S("div",{className:"k-grid-header-wrap",children:Ne(D,{children:[Ne("colgroup",{children:[S("col",{}),S("col",{}),S("col",{})]}),S(B,{children:Ne(T,{children:[S(C,{menu:"filter",columnTitle:"First Name"}),S(C,{menu:"filter",columnTitle:"Last Name"}),S(C,{menu:"filter",columnTitle:"Position"})]})})]})})})});case"sorting":return S(ua,{...r,...l,gridHeader:S(K,{children:S("div",{className:"k-grid-header-wrap",children:Ne(D,{children:[Ne("colgroup",{children:[S("col",{}),S("col",{}),S("col",{})]}),S(B,{children:Ne(T,{children:[S(C,{columnTitle:"First Name"}),S(C,{columnTitle:"Last Name",sortable:!0}),S(C,{columnTitle:"Position"})]})})]})})}),gridContent:S(z,{children:Ne(F,{children:[Ne("colgroup",{children:[S("col",{}),S("col",{className:"k-sorted"}),S("col",{})]}),Ne(H,{children:[Ne(T,{className:"k-treelist-group",children:[Ne(i,{children:[S(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),S(i,{children:"Sweeney"}),S(i,{children:"CEO"})]}),Ne(T,{className:"k-treelist-group",alt:!0,children:[Ne(i,{children:[S(p,{className:"k-treelist-toggle",icon:"none"}),S(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),S(i,{children:"Wooten"}),S(i,{children:"Chief Technical Officer"})]}),Ne(T,{className:"k-treelist-group",children:[Ne(i,{children:[S(p,{className:"k-treelist-toggle",icon:"none"}),S(p,{className:"k-treelist-toggle",icon:"none"}),S(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),S(i,{children:"Weber"}),S(i,{children:"VP, Engineering"})]}),Ne(T,{className:"k-treelist-group",alt:!0,children:[Ne(i,{children:[S(p,{className:"k-treelist-toggle",icon:"none"}),S(p,{className:"k-treelist-toggle",icon:"none"}),S(p,{className:"k-treelist-toggle",icon:"none"}),S(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),S(i,{children:"Hood"}),S(i,{children:"Team Lead"})]}),Ne(T,{children:[Ne(i,{children:[S(p,{className:"k-treelist-toggle",icon:"none"}),S(p,{className:"k-treelist-toggle",icon:"none"}),S(p,{className:"k-treelist-toggle",icon:"none"}),S(p,{className:"k-treelist-toggle",icon:"none"}),S(p,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),S(i,{children:"Carr"}),S(i,{children:"Junior Software Developer"})]})]})]})})});default:return S(ua,{...r,...l,gridHeader:S(K,{children:S("div",{className:"k-grid-header-wrap",children:Ne(D,{children:[Ne("colgroup",{children:[S("col",{}),S("col",{}),S("col",{})]}),S(B,{children:Ne(T,{children:[S(C,{columnTitle:"First Name"}),S(C,{columnTitle:"Last Name"}),S(C,{columnTitle:"Position"})]})})]})})})})}};fr.options=bw;fr.states=Tw;fr.variants=fw;fr.defaultOptions=em;fr.modifiers=gw;fr.className=Te.className;import{jsx as b,jsxs as q}from"react/jsx-runtime";var tm=({flexBasis:e="30%",gridContentHeight:t="180px",tablesWidth:o="675px",tablesHeight:r="828px",currentTimeLeftOffset:l="243px",ganttDependencies:s,menu:c,...u})=>b(mt,{headerToolbar:q(Go,{"aria-label":"Toolbar",children:[b(m,{className:"k-gantt-toggle",icon:"layout-1-by-4","aria-label":"Toggle TreeList"}),b(m,{className:"k-gantt-create",icon:"plus",children:"Add Task"}),b("span",{className:"k-spacer"}),q("div",{className:"k-gantt-views-wrapper",children:[q("select",{className:"k-picker k-dropdown-list k-dropdown k-views-dropdown","aria-label":"Select view",children:[b("option",{value:"day",children:"Day"}),b("option",{value:"week",children:"Week"}),b("option",{value:"month",children:"Month"})]}),q(W,{className:"k-gantt-views",children:[b(m,{className:"k-view-day k-group-start",children:"Day"}),b(m,{className:"k-view-week",selected:!0,children:"Week"}),b(m,{className:"k-view-month k-group-end",children:"Month"})]})]})]}),footerToolbar:b(qa,{"aria-label":"Toolbar",children:b(m,{className:"k-gantt-create",icon:"plus",children:"Add Task"})}),...u,children:b(Oo,{children:u.children||b(De,{className:"k-gantt-splitter",panes:[b(Ke,{className:"k-gantt-treelist",flexBasis:e,children:q(Te,{_renderAriaRoot:!0,children:[b(K,{children:b("div",{className:"k-grid-header-wrap",children:q(D,{style:{minWidth:"250px"},children:[q("colgroup",{children:[b("col",{style:{width:"50px"}}),b("col",{})]}),b(B,{children:q(T,{children:[b(C,{menu:c,rowspan:1,columnTitle:"ID"}),b(C,{menu:c,rowspan:1,columnTitle:"Title"})]})})]})})}),b(X,{children:b(z,{style:{height:t},children:q(F,{style:{minWidth:"250px"},children:[q("colgroup",{children:[b("col",{style:{width:"50px"}}),b("col",{})]}),q(H,{children:[q(T,{children:[b(i,{children:"7"}),q(i,{children:[b(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Software validation, research and implementation"]})]}),q(T,{alt:!0,children:[b(i,{children:"18"}),q(i,{children:[b(p,{className:"k-treelist-toggle",icon:"none"}),b(p,{className:"k-treelist-toggle",icon:"none"}),"Project Kickoff"]})]}),q(T,{children:[b(i,{children:"11"}),q(i,{children:[b(p,{className:"k-treelist-toggle",icon:"none"}),b(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Research"]})]}),q(T,{alt:!0,children:[b(i,{children:"19"}),q(i,{children:[b(p,{className:"k-treelist-toggle",icon:"none"}),b(p,{className:"k-treelist-toggle",icon:"none"}),b(p,{className:"k-treelist-toggle",icon:"none"}),"Validation with Customers"]})]}),q(T,{children:[b(i,{children:"20"}),q(i,{children:[b(p,{className:"k-treelist-toggle",icon:"none"}),b(p,{className:"k-treelist-toggle",icon:"none"}),b(p,{className:"k-treelist-toggle",icon:"none"}),"Market Research"]})]})]})]})})})]})},"gantt-treelist-pane"),b(Ke,{className:"k-gantt-timeline-pane",children:q(V,{className:"k-gantt-timeline",children:[b(K,{children:b("div",{className:"k-grid-header-wrap",children:q(D,{style:{width:o},children:[q("colgroup",{children:[b("col",{}),b("col",{}),b("col",{}),b("col",{}),b("col",{}),b("col",{}),b("col",{})]}),q(H,{children:[b(T,{children:b(i,{className:"k-header",colspan:7,children:"Sun 6/01 - Sat 6/07"})}),q(T,{children:[b(i,{colspan:1,className:"k-header k-nonwork-hour",children:"Sun 6/01"}),b(i,{className:"k-header",colspan:1,children:"Mon 6/02"}),b(i,{className:"k-header",colspan:1,children:"Tue 6/03"}),b(i,{className:"k-header",colspan:1,children:"Wed 6/04"}),b(i,{className:"k-header",colspan:1,children:"Thu 6/05"}),b(i,{className:"k-header",colspan:1,children:"Fri 6/06"}),b(i,{colspan:1,className:"k-header k-nonwork-hour",children:"Sat 6/07"})]})]})]})})}),q(z,{style:{height:t},role:"tree",children:[q(Ho,{children:[q(Bo,{className:"k-grid-table",style:{width:o},children:[b("colgroup",{children:b("col",{})}),q(H,{children:[b(T,{children:b(i,{})}),b(T,{alt:!0,children:b(i,{})}),b(T,{children:b(i,{})}),b(T,{alt:!0,children:b(i,{})}),b(T,{children:b(i,{})})]})]}),q(Do,{style:{width:o,height:r},children:[q("colgroup",{children:[b("col",{}),b("col",{}),b("col",{}),b("col",{}),b("col",{}),b("col",{}),b("col",{})]}),b(H,{children:q(T,{children:[b(i,{className:"k-nonwork-hour"}),b(i,{}),b(i,{}),b(i,{}),b(i,{}),b(i,{}),b(i,{className:"k-nonwork-hour"})]})})]}),q(zo,{style:{width:o},children:[b("colgroup",{children:b("col",{})}),q(H,{children:[b(T,{children:b(i,{children:q(Ve,{type:"summary",style:{left:"113px"},children:[b(We,{type:"summary",ariaLevel:1,"aria-label":"Software validation, research and implementation",style:{width:"4000px"},children:b("div",{className:"k-task-summary-progress",style:{width:"1720px"},children:b("div",{className:"k-task-summary-complete",style:{width:"4000px"}})})}),b(we,{}),b(we,{position:"end",style:{right:"0px"}})]})})}),b(T,{children:b(i,{children:q(Ve,{type:"milestone",style:{left:"113px"},children:[b(We,{type:"milestone",ariaLevel:2,"aria-label":"Project Kickoff"}),b(we,{}),b(we,{position:"end",style:{right:"0px"}})]})})}),b(T,{children:b(i,{children:q(Ve,{type:"summary",style:{left:"113px"},children:[b(We,{type:"summary",ariaLevel:2,"aria-label":"Research",style:{width:"500px"},children:b("div",{className:"k-task-summary-progress",style:{width:"215px"},children:b("div",{className:"k-task-summary-complete",style:{width:"500px"}})})}),b(we,{}),b(we,{position:"end",style:{right:"0px"}})]})})}),b(T,{children:b(i,{children:q(Ve,{style:{left:"113px"},children:[q(We,{ariaLevel:3,"aria-label":"Validation with Customers",style:{width:"200px"},children:[b("div",{className:"k-task-complete","aria-hidden":"true",style:{width:"50px"}}),b(St,{content:"Validation with Customers"})]}),b(we,{}),b(we,{position:"end",style:{right:"0px"}}),b("div",{className:"k-task-draghandle","aria-hidden":"true",style:{left:"50px"}})]})})}),b(T,{children:b(i,{children:q(Ve,{style:{left:"113px"},children:[q(We,{ariaLevel:3,"aria-label":"Market Research",style:{width:"200px"},children:[b("div",{className:"k-task-complete","aria-hidden":"true",style:{width:"164px"}}),b(St,{content:"Market Research"})]}),b(we,{}),b(we,{position:"end",style:{right:"0px"}}),b("div",{className:"k-task-draghandle","aria-hidden":"true",style:{left:"164px"}})]})})})]})]})]}),s||q("div",{className:"k-gantt-dependencies","aria-hidden":"true",style:{width:o},children:[b(Re,{style:{left:"124.5px",top:"53px",width:"10px"}}),b(Re,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),b(Re,{style:{left:"103px",top:"71px",width:"31.5px"}}),b(Re,{orientation:"vertical",style:{left:"103px",top:"71px",height:"54px"}}),b(Re,{style:{left:"103px",top:"125px",width:"9px"},children:b("span",{className:"k-arrow-e"})}),b(Re,{style:{left:"124.5px",top:"53px",width:"10px"}}),b(Re,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),b(Re,{style:{left:"103px",top:"71px",width:"31.5px"}}),b(Re,{orientation:"vertical",style:{left:"103px",top:"71px",height:"90px"}}),b(Re,{style:{left:"103px",top:"161px",width:"9px"},children:b("span",{className:"k-arrow-e"})}),b(Re,{style:{left:"313px",top:"125px",width:"10px"}}),b(Re,{orientation:"vertical",style:{left:"321px",top:"125px",height:"18px"}}),b(Re,{style:{left:"303px",top:"143px",width:"20px"}}),b(Re,{orientation:"vertical",style:{left:"303px",top:"143px",height:"18px"}})]}),b("div",{className:"k-current-time","aria-hidden":"true",style:{left:l,top:"0px",width:"1px",height:r}})]})]})},"gantt-timeline-pane")]})})});import{jsx as xoe,jsxs as koe}from"react/jsx-runtime";import{jsx as vw}from"react/jsx-runtime";var hw={},xw=[],kw=[],Nw={},ww=[],gr=()=>vw(tm,{flexBasis:"40%",gridContentHeight:"197px",style:{width:"90%",height:"367px"}});gr.options=hw;gr.states=xw;gr.variants=kw;gr.defaultOptions=Nw;gr.modifiers=ww;gr.className=mt.className;var jn="tooltip",om=jn;import{jsx as Zr,jsxs as am}from"react/jsx-runtime";var es="k-tooltip",Cw=[],Lw={themeColor:[y.undefined,y.base,y.inverse,y.info,y.success,y.warning,y.error]},rm={closable:!1},pt=e=>{let{closable:t=rm.closable,callout:o,themeColor:r,title:l,content:s,icon:c,id:u=O("tooltip"),...f}=e;return am("div",{...f,className:a(e.className,es,A(es,{themeColor:r}),{"k-tooltip-closable":t}),role:"tooltip",id:u,children:[c&&Zr(p,{className:"k-tooltip-icon",icon:c}),am("div",{className:"k-tooltip-content",children:[l&&Zr("div",{className:"k-tooltip-title",children:l}),s]}),t&&Zr("div",{className:"k-tooltip-button",role:"button","aria-label":"Close",tabIndex:0,children:Zr(p,{icon:"x"})}),o&&Zr("div",{className:a("k-callout",{[`k-callout-${ls.calloutMap[o]||o}`]:o})})]})};pt.states=Cw;pt.options=Lw;pt.className=es;pt.defaultOptions=rm;pt.moduleName=jn;pt.folderName=om;pt.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 ts=pt;import{jsx as yw}from"react/jsx-runtime";var lm=e=>yw(ts,{content:"Tooltip Content",...e});import{jsx as tae}from"react/jsx-runtime";import{jsx as os,jsxs as Aw}from"react/jsx-runtime";var Mw={...pt.options,closable:{type:"boolean"},callout:["none","top","bottom","left","right"]},Sw=pt.states,im={...pt.defaultOptions,callout:"top"},Rw=[],hr=e=>{let{callout:t="top",...o}={...im,...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:s,calloutDirection:c}=r[t]||{};return Aw("div",{style:{position:"absolute"},children:[os(Gt,{style:{top:l,left:s},children:os(lm,{style:{width:"86px",textAlign:"center"},callout:c,content:"Content",...o})}),os(m,{text:"Show"})]})};hr.options=Mw;hr.states=Sw;hr.variants=Rw;hr.defaultOptions=im;hr.modifiers=[];hr.className=pt.className;import{Fragment as Ew,jsx as N,jsxs as ee}from"react/jsx-runtime";var Cae=({flexBasis:e="30%",gridContentHeight:t="180px",tablesWidth:o="675px",tablesHeight:r="828px",...l})=>N(mt,{headerToolbar:ee(Go,{"aria-label":"Toolbar",children:[N(m,{className:"k-gantt-toggle",icon:"layout-1-by-4","aria-label":"Toggle TreeList"}),N(m,{className:"k-gantt-create",icon:"plus",children:"Add Task"}),N("span",{className:"k-spacer"}),ee("div",{className:"k-gantt-views-wrapper",children:[ee("select",{className:"k-picker k-dropdown-list k-dropdown k-views-dropdown","aria-label":"Select view",children:[N("option",{value:"day",children:"Day"}),N("option",{value:"week",children:"Week"}),N("option",{value:"month",children:"Month"})]}),ee(W,{className:"k-gantt-views",children:[N(m,{className:"k-view-day k-group-start",children:"Day"}),N(m,{className:"k-view-week",selected:!0,children:"Week"}),N(m,{className:"k-view-month k-group-end",children:"Month"})]})]})]}),...l,children:N(Oo,{children:l.children||N(De,{className:"k-gantt-splitter",panes:[N(Ke,{className:"k-gantt-treelist",flexBasis:e,children:ee(Te,{_renderAriaRoot:!0,children:[N(K,{children:N("div",{className:"k-grid-header-wrap",children:ee(D,{style:{minWidth:"250px"},children:[ee("colgroup",{children:[N("col",{style:{width:"50px"}}),N("col",{})]}),N(B,{children:ee(T,{children:[N(C,{rowspan:1,columnTitle:"ID"}),N(C,{rowspan:1,columnTitle:"Title"})]})})]})})}),N(X,{children:N(z,{style:{height:t},children:ee(F,{style:{minWidth:"250px"},children:[ee("colgroup",{children:[N("col",{style:{width:"50px"}}),N("col",{})]}),ee(H,{children:[ee(T,{children:[N(i,{children:"7"}),ee(i,{children:[N(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Software validation"]})]}),ee(T,{alt:!0,children:[N(i,{children:"11"}),ee(i,{children:[N(p,{className:"k-treelist-toggle",icon:"none"}),N(p,{className:"k-treelist-toggle",icon:"none"}),"Validation with Customers"]})]}),ee(T,{children:[N(i,{children:"12"}),ee(i,{children:[N(p,{className:"k-treelist-toggle",icon:"none"}),N(p,{className:"k-treelist-toggle",icon:"none"}),"Market Research"]})]})]})]})})})]})},"gantt-treelist-pane"),N(Ke,{className:"k-gantt-timeline-pane",children:ee(V,{className:"k-gantt-timeline",children:[N(K,{children:N("div",{className:"k-grid-header-wrap",children:ee(D,{style:{width:o},children:[ee("colgroup",{children:[N("col",{}),N("col",{}),N("col",{}),N("col",{}),N("col",{}),N("col",{}),N("col",{})]}),ee(H,{children:[N(T,{children:N(i,{className:"k-header",colspan:7,children:"Sun 6/01 - Sat 6/07"})}),ee(T,{children:[N(i,{colspan:1,className:"k-header k-nonwork-hour",children:"Sun 6/01"}),N(i,{className:"k-header",colspan:1,children:"Mon 6/02"}),N(i,{className:"k-header",colspan:1,children:"Tue 6/03"}),N(i,{className:"k-header",colspan:1,children:"Wed 6/04"}),N(i,{className:"k-header",colspan:1,children:"Thu 6/05"}),N(i,{className:"k-header",colspan:1,children:"Fri 6/06"}),N(i,{colspan:1,className:"k-header k-nonwork-hour",children:"Sat 6/07"})]})]})]})})}),ee(z,{style:{height:t},role:"tree",children:[ee(Ho,{children:[ee(Bo,{className:"k-grid-table",style:{width:o},children:[N("colgroup",{children:N("col",{})}),ee(H,{children:[N(T,{children:N(i,{})}),N(T,{alt:!0,children:N(i,{})}),N(T,{children:N(i,{})})]})]}),ee(Do,{style:{width:o,height:r},children:[ee("colgroup",{children:[N("col",{}),N("col",{}),N("col",{}),N("col",{}),N("col",{}),N("col",{}),N("col",{})]}),N(H,{children:ee(T,{children:[N(i,{className:"k-nonwork-hour"}),N(i,{}),N(i,{}),N(i,{}),N(i,{}),N(i,{}),N(i,{className:"k-nonwork-hour"})]})})]}),ee(zo,{style:{width:o},children:[N("colgroup",{children:N("col",{})}),ee(H,{children:[N(T,{children:N(i,{children:ee(Ve,{type:"summary",style:{left:"113px"},children:[N(We,{type:"summary",ariaLevel:1,"aria-label":"Software validation",style:{width:"500px"},children:N("div",{className:"k-task-summary-progress",style:{width:"215px"},children:N("div",{className:"k-task-summary-complete",style:{width:"500px"}})})}),N(we,{}),N(we,{position:"end",style:{right:"0px"}})]})})}),N(T,{children:N(i,{children:ee(Ve,{style:{left:"113px"},children:[ee(We,{ariaLevel:2,"aria-label":"Validation with Customers","aria-describedby":"gantt-task-tooltip",style:{width:"200px"},children:[N("div",{className:"k-task-complete","aria-hidden":"true",style:{width:"50px"}}),N(St,{content:"Validation with Customers"})]}),N(we,{}),N(we,{position:"end",style:{right:"0px"}}),N("div",{className:"k-task-draghandle","aria-hidden":"true",style:{left:"50px"}})]})})}),N(T,{children:N(i,{children:ee(Ve,{style:{left:"113px"},children:[ee(We,{ariaLevel:2,"aria-label":"Market Research",style:{width:"200px"},children:[N("div",{className:"k-task-complete","aria-hidden":"true",style:{width:"164px"}}),N(St,{content:"Market Research"})]}),N(we,{}),N(we,{position:"end",style:{right:"0px"}}),N("div",{className:"k-task-draghandle","aria-hidden":"true",style:{left:"164px"}})]})})})]})]})]}),N(pt,{id:"gantt-task-tooltip",callout:"bottom",style:{position:"absolute",top:"20px",left:"150px"},title:"Validation with Customers",content:ee(Ew,{children:["25%",N("br",{}),"Start: 03:00 AM Mon, Jun 2",N("br",{}),"End: 03:00 AM Wed, Jun 4"]})})]})]})},"gantt-timeline-pane")]})})});export{Cae as GanttWithTooltip};
+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 R=(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"}),E=(e,t)=>{let{valid:o,invalid:r,hover:l,focus:s,checked:c,active:u,selected:f,disabled:h,indeterminate:v,loading:L,empty:g,readonly:M,highlighted:A,...G}=t;return a({"k-valid":o,"k-invalid":r,"k-hover":l,"k-focus":s,"k-checked":c,"k-active":u,"k-selected":f,"k-disabled":h,"k-indeterminate":v&&!c,"k-loading":L,"k-empty":g,"k-readonly":M,"k-highlighted":A},Object.keys(G).reduce((U,P)=>(P.startsWith("k-")?U[P]=G[P]:U[`k-${P}`]=G[P],U),{}))};function ps(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"},N={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},w={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},y={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},n={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"},ms={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var Zl={};function O(e){return Zl[e]=(Zl[e]||0)+1,`k-${e}-${Zl[e]}`}var ge="gantt",xe=ge;import{jsxs as wm}from"react/jsx-runtime";var us="k-gantt",xm=[],Nm={},km={},ut=e=>{let{headerToolbar:t,footerToolbar:o,...r}=e;return wm("div",{...r,className:a(e.className,us),role:"application","aria-roledescription":"Gantt Chart",children:[t,e.children,o]})};ut.states=xm;ut.options=Nm;ut.className=us;ut.defaultOptions=km;ut.moduleName=ge;ut.folderName=xe;ut.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."}]};import{Fragment as ym,jsx as bs}from"react/jsx-runtime";var jl="k-font-icon",vm=[],Cm={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[y.undefined,y.base,y.primary,y.secondary,y.tertiary,y.success,y.warning,y.error,y.info]},Lm={},kr=e=>{let{size:t,themeColor:o,icon:r,rotate:l,flip:s,...c}=e;return r?bs("span",{...c,className:a(e.className,jl,R(jl,{size:t}),{[`k-i-${r}`]:r,[`k-color-${o}`]:o,[`k-rotate-${l}`]:l,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true"}):bs(ym,{})};kr.states=vm;kr.options=Cm;kr.className=jl;kr.defaultOptions=Lm;var fs=kr;import{Fragment as Rm,jsx as ol}from"react/jsx-runtime";var ei="k-svg-icon",Mm=[],Sm={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[y.undefined,y.base,y.primary,y.secondary,y.tertiary,y.success,y.warning,y.error,y.info]},Ts={viewBox:"0 0 24 24"},wr=e=>{let{size:t,themeColor:o,rotate:r,flip:l,viewBox:s=Ts.viewBox,icon:c,...u}=e;if(!c)return ol(Rm,{});if(c==="none")return ol("span",{...u,className:a(e.className,ei,R("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof c=="object"&&c.name&&c.name;return ol("span",{...u,className:a(e.className,ei,R("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`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:ol("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:s,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};wr.states=Mm;wr.options=Sm;wr.className=ei;wr.defaultOptions=Ts;var ti=wr;import*as oi from"@progress/kendo-svg-icons";var gs="icon",hs="icons";import{useContext as Em}from"react";import{createContext as Am}from"react";var xs=Am({iconsType:"svg"});import{Fragment as Ns,jsx as vr}from"react/jsx-runtime";var al="k-icon",Im=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Gm=[],Om={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[y.undefined,y.base,y.primary,y.secondary,y.tertiary,y.success,y.warning,y.error,y.info]},ai={viewBox:"0 0 24 24",type:"svg"},p=e=>{let{iconsType:t}=Em(xs),{size:o,themeColor:r,icon:l,type:s=t||ai.type,rotate:c,flip:u,viewBox:f=ai.viewBox,...h}=e;if(!l)return vr(Ns,{});if((t||s)==="svg"){if(l==="none")return vr(ti,{...h,className:a(e.className,al),icon:l,size:o});let L=oi[l]?l:Im(`${l}-icon`);return oi[L]?vr(ti,{...h,className:a(e.className,al),icon:oi[L],size:o,themeColor:r,rotate:c,flip:u,viewBox:f}):vr(Ns,{})}return vr(fs,{...h,className:a(e.className,al),icon:l,size:o,themeColor:r,rotate:c,flip:u})};p.states=Gm;p.options=Om;p.defaultOptions=ai;p.className=al;p.moduleName=gs;p.folderName=hs;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 ri="button",ks=ri;import{Fragment as Km,jsx as Cr,jsxs as ws}from"react/jsx-runtime";var Lr="k-button",Hm=["icon-button"],Pm=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],_m={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[w.undefined,w.solid,w.flat,w.outline,w.clear,w.link],themeColor:[y.undefined,y.base,y.primary,y.secondary,y.tertiary,y.success,y.warning,y.error,y.info,y.inverse]},li={showArrow:!1,arrowIconName:"caret-alt-down"},m=e=>{let{as:t="button",size:o,rounded:r,fillMode:l,themeColor:s,showArrow:c=li.showArrow,arrowIconName:u=li.arrowIconName,variant:f,hover:h,focus:v,active:L,selected:g,disabled:M,togglable:A,ariaDisabled:G,icon:U,text:P,iconClassName:te,className:ye,...Te}=e,je=U!==void 0,et=e.children!==void 0;return ws(t,{className:a(ye,Lr,ps(Lr,f),R(Lr,{size:o,rounded:r,fillMode:l,themeColor:s}),E(Lr,{hover:h,focus:v,active:L,disabled:M||G,selected:g}),{"k-icon-button":!P&&!et&&je}),...Te,"aria-pressed":A?g?"true":"false":void 0,"aria-disabled":G?"true":void 0,disabled:M||void 0,children:[U&&Cr(p,{className:a(te,"k-button-icon"),icon:U}),P?ws(Km,{children:[P&&Cr("span",{className:"k-button-text",children:P}),e.children]}):e.children&&Cr("span",{className:"k-button-text",children:e.children}),c&&Cr("span",{className:"k-menu-button-arrow k-button-arrow",children:Cr(p,{icon:u})})]})};m.states=Pm;m.options=_m;m.variants=Hm;m.className=Lr;m.defaultOptions=li;m.moduleName=ri;m.folderName=ks;m.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as Dm}from"react/jsx-runtime";var ko=e=>Dm(m,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Bm}from"react/jsx-runtime";var yr=e=>Bm(m,{icon:"folder",children:"Button",...e});import{jsx as zm}from"react/jsx-runtime";var qo=e=>zm(m,{children:"Button",...e});import{jsx as ii}from"react/jsx-runtime";var Um=m.options,Fm=m.states,$m={...m.defaultOptions,variant:"text"},Wm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Vm=[],Ta=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return ii(ko,{...o,icon:"star"});case"icon-and-text":return ii(yr,{...o,icon:"star",children:"Button"});default:return ii(qo,{...o,children:"Button"})}};Ta.options=Um;Ta.states=Fm;Ta.variants=Wm;Ta.defaultOptions=$m;Ta.modifiers=Vm;Ta.className=m.className;var ni="button",vs=ni;import{jsx as Ym}from"react/jsx-runtime";var Mr="k-button-group",Xm=[n.disabled],Jm={fillMode:[w.undefined,w.solid,w.flat,w.outline,w.clear,w.link]},qm={},q=e=>{let{fillMode:t,disabled:o,stretched:r,...l}=e;return Ym("div",{role:"group",...l,className:a(e.className,Mr,R(Mr,{fillMode:t}),E(Mr,{disabled:o}),{[`${Mr}-stretched`]:r}),...o&&{"aria-disabled":"true"},children:e.children})};q.states=Xm;q.options=Jm;q.className=Mr;q.defaultOptions=qm;q.moduleName=ni;q.folderName=vs;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."}]};import{Fragment as TC,jsx as fC,jsxs as gC}from"react/jsx-runtime";import{Fragment as vC,jsx as wC,jsxs as CC}from"react/jsx-runtime";import{Fragment as AC,jsx as RC,jsxs as EC}from"react/jsx-runtime";import{Fragment as _C,jsx as PC,jsxs as KC}from"react/jsx-runtime";import{Fragment as $C,jsx as FC,jsxs as WC}from"react/jsx-runtime";import{Fragment as QC,jsx as YC,jsxs as ZC}from"react/jsx-runtime";import{jsx as io,jsxs as si}from"react/jsx-runtime";var Qm={...m.options,...q.options},Zm=m.states,jm={...m.defaultOptions,...q.defaultOptions,variant:"text-button"},eu=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],tu=[],ga=e=>{let{variant:t,className:o,...r}=e;return t==="icon-button"?si(q,{fillMode:r.fillMode,className:o,children:[io(m,{...r,icon:"star"}),io(m,{...r,icon:"star"}),io(m,{...r,icon:"star"})]}):t==="icon-text-button"?si(q,{fillMode:r.fillMode,className:o,children:[io(m,{...r,icon:"star",children:"First"}),io(m,{...r,icon:"star",children:"Middle"}),io(m,{...r,icon:"star",children:"Last"})]}):si(q,{fillMode:r.fillMode,className:o,children:[io(m,{...r,children:"First"}),io(m,{...r,children:"Middle"}),io(m,{...r,children:"Last"})]})};ga.options=Qm;ga.states=Zm;ga.variants=eu;ga.defaultOptions=jm;ga.modifiers=tu;ga.className=q.className;var Sr="input",rl=Sr;import{jsx as lu}from"react/jsx-runtime";var ll="k-input",ou=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],au={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},ru={},He=e=>{let{hover:t,focus:o,disabled:r,invalid:l,valid:s,loading:c,readonly:u,size:f,rounded:h,fillMode:v,...L}=e;return lu("span",{...L,className:a(e.className,ll,R(ll,{size:f,rounded:h,fillMode:v}),E(ll,{hover:t,focus:o,disabled:r,invalid:l,valid:s,loading:c,readonly:u}))})};He.states=ou;He.options=au;He.className=ll;He.defaultOptions=ru;He.moduleName=Sr;He.folderName=rl;import{jsx as du}from"react/jsx-runtime";var il="k-picker",iu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],nu={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},su={},Zt=e=>{let{hover:t,focus:o,disabled:r,invalid:l,valid:s,loading:c,readonly:u,size:f,rounded:h,fillMode:v,...L}=e;return du("span",{...L,className:a(e.className,il,R(il,{size:f,rounded:h,fillMode:v}),E(il,{hover:t,focus:o,disabled:r,invalid:l,valid:s,loading:c,readonly:u})),children:e.children})};Zt.states=iu;Zt.options=nu;Zt.className=il;Zt.defaultOptions=su;Zt.moduleName=Sr;Zt.folderName=rl;import{Fragment as mu,jsx as di}from"react/jsx-runtime";var Cs="k-clear-value",cu=[n.disabled,n.loading,n.readonly],pu={},kt=e=>{let{disabled:t,loading:o,readonly:r,value:l}=e;return t||r||o||!l?di(mu,{}):di("span",{className:a(e.className,Cs),children:di(p,{icon:"x"})})};kt.states=cu;kt.options=pu;kt.className=Cs;import{jsx as fu}from"react/jsx-runtime";var ci="k-input-inner",uu=[],bu={},nl={type:"text",autocomplete:"off",value:"",placeholder:""},wt=e=>{let{value:t=nl.value,type:o=nl.type,placeholder:r=nl.placeholder,autocomplete:l=nl.autocomplete,disabled:s,readOnly:c,...u}=e;return fu("input",{...u,type:o,className:a(e.className,ci,R(ci,e)),placeholder:r,autoComplete:l,defaultValue:t,disabled:s||void 0,readOnly:c||void 0})};wt.states=uu;wt.options=bu;wt.className=ci;import{jsx as Ls,jsxs as hu}from"react/jsx-runtime";var pi="k-input-inner",Tu=[],gu={},Yo=e=>{let{value:t,placeholder:o,showValue:r,valueIcon:l,valueIconName:s,...c}=e;return hu("span",{...c,className:a(e.className,pi,R(pi,e)),children:[l,!l&&s&&Ls(p,{className:"k-input-value-icon",icon:s}),r&&!t&&o,r&&t&&Ls("span",{className:"k-input-value-text",children:t})]})};Yo.states=Tu;Yo.options=gu;Yo.className=pi;import{jsx as ku}from"react/jsx-runtime";var mi="k-input-inner",xu=[],Nu={},ys={value:"",placeholder:""},ui=e=>{let{value:t=ys.value,placeholder:o=ys.placeholder,rows:r,disabled:l,...s}=e;return ku("textarea",{...s,className:a(e.className,mi,R(mi,e)),placeholder:o,rows:r,defaultValue:t,disabled:l||void 0})};ui.states=xu;ui.options=Nu;ui.className=mi;import{Fragment as vu,jsx as Ms}from"react/jsx-runtime";var Ss="k-input-loading-icon",wu=[n.disabled,n.loading],bt=e=>{let{disabled:t,loading:o}=e;return t||!o?Ms(vu,{}):Ms("span",{className:a(e.className,Ss,"k-icon k-i-loading")})};bt.states=wu;bt.className=Ss;import{Fragment as yu,jsx as Rs}from"react/jsx-runtime";var As="k-input-validation-icon",Cu=[n.valid,n.invalid,n.disabled,n.loading],Lu={},tt=e=>{let{valid:t,invalid:o,disabled:r,loading:l}=e,s=o?"warning-circle":"check-circle";return r||l||!!!(t||o)?Rs(yu,{}):Rs(p,{className:a(As),icon:s})};tt.states=Cu;tt.options=Lu;tt.className=As;import{Fragment as Ru,jsx as Es}from"react/jsx-runtime";var Mu="k-input-prefix",Su={direction:"horizontal"},Et=e=>{let{direction:t=Su.direction,...o}=e;return e.children?Es("span",{...o,className:a(Mu,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Es(Ru,{})};import{Fragment as Iu,jsx as Is}from"react/jsx-runtime";var Au="k-input-suffix",Eu={direction:"horizontal"},It=e=>{let{direction:t=Eu.direction,...o}=e;return e.children?Is("span",{...o,className:a(Au,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Is(Iu,{})};import{jsx as ZL}from"react/jsx-runtime";import{jsx as Ou}from"react/jsx-runtime";var Gu="k-input-suffix-text",bi=e=>{let{children:t,...o}=e;return Ou("span",{...o,className:a(Gu,e.className),children:t})};import{jsx as Pu}from"react/jsx-runtime";var Gs="k-input-separator",Hu={direction:"vertical"},Gt=e=>{let{direction:t=Hu.direction,...o}=e;return Pu("span",{...o,className:a(Gs,e.className,{[`${Gs}-${t}`]:t})})};import{Fragment as Os,jsx as jt,jsxs as fi}from"react/jsx-runtime";var _u=He.states,Ku=He.defaultOptions,Du=He.options,Bu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],zu=[],ha=e=>{let{modifiers:t,valid:o,invalid:r,loading:l,disabled:s,readonly:c,...u}=e,f=t?.prefix,h=t?.suffix,v=t?.["clear-button"],L=t?.["validation-icon"],g=t?.separators;return fi(He,{...u,valid:o,invalid:r,loading:l,disabled:s,readonly:c,style:{width:300},children:[f&&fi(Os,{children:[jt(Et,{children:jt(p,{icon:"lock"})}),g&&jt(Gt,{})]}),jt(wt,{placeholder:"Placeholder",value:"Value"}),L&&jt(tt,{valid:o,invalid:r,loading:l,disabled:s}),jt(bt,{loading:l,disabled:s}),v&&jt(kt,{loading:l,disabled:s,readonly:c,value:"Value"}),h&&fi(Os,{children:[g&&jt(Gt,{}),jt(It,{children:jt(qo,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};ha.options=Du;ha.states=_u;ha.variants=zu;ha.defaultOptions=Ku;ha.modifiers=Bu;ha.className=He.className;import{jsx as Hs,jsxs as $u}from"react/jsx-runtime";var Ps="k-color-preview",Uu=[],Fu={},wo=e=>{let{color:t,iconName:o,...r}=e;return $u("span",{...r,className:a(e.className,Ps,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Hs(p,{icon:o,className:"k-color-preview-icon"}),Hs("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};wo.states=Uu;wo.options=Fu;wo.className=Ps;var Ti="popup",_s=Ti;import{jsx as Ks}from"react/jsx-runtime";var Ds="k-animation-container",Wu=[],Vu={},Bs={positionMode:"absolute"},Ot=e=>{let{positionMode:t=Bs.positionMode,animationStyle:o,offset:r,...l}=e;return Ks("div",{...l,style:{...r,...e.style},className:a(e.className,Ds,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Ks("div",{className:"k-child-animation-container",style:o,children:e.children})})};Ot.states=Wu;Ot.options=Vu;Ot.className=Ds;Ot.defaultOptions=Bs;Ot.moduleName=Ti;Ot.folderName=_s;var gi="popup",zs=gi;import{jsx as Us}from"react/jsx-runtime";var Fs="k-popup",Xu=[],Ju={},$s={positionMode:"absolute"},de=e=>{let{offset:t,positionMode:o=$s.positionMode,animationStyle:r,containerClassName:l,containerRole:s,containerAriaLabel:c,...u}=e;return Us(Ot,{positionMode:o,offset:t,animationStyle:r,className:l,role:s,"aria-label":c,children:Us("div",{...u,className:a(e.className,Fs),children:e.children})})};de.states=Xu;de.options=Ju;de.className=Fs;de.defaultOptions=$s;de.moduleName=gi;de.folderName=zs;de.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 hi="action-buttons",Ws=hi;import{jsx as Qu}from"react/jsx-runtime";var sl="k-actions",qu=[],Yu={},xi={alignment:"start",orientation:"horizontal"},Ht=e=>{let{alignment:t=xi.alignment,orientation:o=xi.orientation,...r}=e;return Qu("div",{...r,className:a(sl,{[`${sl}-${t}`]:t,[`${sl}-${o}`]:o},e.className),children:e.children})};Ht.states=qu;Ht.options=Yu;Ht.className=sl;Ht.defaultOptions=xi;Ht.moduleName=hi;Ht.folderName=Ws;import{jsx as ju}from"react/jsx-runtime";var Zu="k-actionsheet-footer",Vs={alignment:"stretched",orientation:"horizontal"},vo=e=>{let{alignment:t=Vs.alignment,orientation:o=Vs.orientation,template:r,as:l=r?"div":Ht,...s}=e;return ju(l,{...s,...!r&&{alignment:t,orientation:o},className:a(e.className,Zu),children:e.children})};var Ni="searchbox",Xs=Ni;import{jsx as Rr,jsxs as ob}from"react/jsx-runtime";var Js="k-searchbox",eb=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],tb={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},ki={showIcon:!0,icon:"search"},vt=e=>{let{value:t,placeholder:o,size:r,rounded:l,fillMode:s,hover:c,focus:u,valid:f,invalid:h,required:v,loading:L,disabled:g,showIcon:M=ki.showIcon,icon:A=ki.icon,"aria-label":G,...U}=e;return ob(He,{...U,size:r,rounded:l,fillMode:s,hover:c,focus:u,valid:f,invalid:h,required:v,loading:L,disabled:g,className:a(e.className,Js),children:[M&&Rr(p,{className:"k-input-icon",icon:A}),Rr(wt,{placeholder:o,value:t,"aria-label":G}),Rr(bt,{...e}),Rr(tt,{...e}),Rr(kt,{...e})]})};vt.states=eb;vt.options=tb;vt.className=Js;vt.defaultOptions=ki;vt.moduleName=Ni;vt.folderName=Xs;import{jsx as vM}from"react/jsx-runtime";var wi="textbox",qs=wi;import{Fragment as Ys,jsx as Co,jsxs as vi}from"react/jsx-runtime";var Qs="k-textbox",ab=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],rb={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},dl={showClearButton:!0,showValidationIcon:!0,separators:!0},he=e=>{let{size:t,rounded:o,fillMode:r,separators:l=dl.separators,showClearButton:s=dl.showClearButton,showValidationIcon:c=dl.showValidationIcon,prefix:u,suffix:f,type:h,value:v,placeholder:L,hover:g,focus:M,valid:A,invalid:G,required:U,loading:P,disabled:te,readonly:ye,id:Te,"aria-label":je,"aria-describedby":et,...Nt}=e;return vi(He,{...Nt,size:t,rounded:o,fillMode:r,hover:g,focus:M,valid:A,invalid:G,required:U,loading:P,disabled:te,readonly:ye,className:a(e.className,Qs),children:[u&&vi(Ys,{children:[Co(Et,{children:u}),l&&Co(Gt,{})]}),Co(wt,{id:Te,placeholder:L,value:v,type:h,disabled:te,"aria-label":je,"aria-describedby":et,"aria-invalid":G?"true":void 0}),c&&Co(tt,{valid:A,invalid:G,loading:P,disabled:te}),Co(bt,{loading:P,disabled:te}),s&&Co(kt,{loading:P,disabled:te,readonly:ye,value:v}),f&&vi(Ys,{children:[l&&Co(Gt,{}),Co(It,{children:f})]})]})};he.states=ab;he.options=rb;he.className=Qs;he.defaultOptions=dl;he.moduleName=wi;he.folderName=qs;he.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 Ar=he;import{jsx as lb}from"react/jsx-runtime";var Zs=e=>lb(Ar,{...e});import{Fragment as zM,jsx as BM}from"react/jsx-runtime";import{Fragment as XM,jsx as VM}from"react/jsx-runtime";import{jsx as QM}from"react/jsx-runtime";import{jsx as Ci}from"react/jsx-runtime";var ib=he.states,nb=he.defaultOptions,sb=he.options,db=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],cb=[],xa=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":r.prefix=t?.[l]?Ci(p,{icon:"lock"}):void 0;break;case"suffix":r.suffix=t?.[l]?Ci(qo,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":r.showClearButton=t?.[l];break;default:break}}),Ci(Zs,{value:"Value",style:{width:300},...o,...r})};xa.options=sb;xa.states=ib;xa.variants=cb;xa.defaultOptions=nb;xa.modifiers=db;xa.className=he.className;import{jsx as Lo,jsxs as Li}from"react/jsx-runtime";var js="k-actionsheet-titlebar",pb={},ot=e=>{let{title:t,subtitle:o,actionsStart:r,actionsEnd:l,filter:s,input:c,inputValue:u,inputPlaceholder:f,adaptive:h,titleId:v,children:L,...g}=e;return Li("div",{...g,className:a(e.className,js),children:[Li("div",{className:"k-actionsheet-titlebar-group",children:[r&&Lo("div",{className:"k-actionsheet-actions",children:r}),!L&&Li("div",{className:"k-actionsheet-title",id:v,children:[t&&Lo("div",{className:"k-text-center",children:t}),o&&Lo("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),L&&Lo("div",{className:"k-actionsheet-title",id:v,children:L}),l&&Lo("div",{className:"k-actionsheet-actions",children:l})]}),(c||s)&&Lo("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?Lo(he,{value:u,placeholder:f,size:h?"large":"medium","aria-label":t||f||"Input"}):Lo(vt,{placeholder:"Filter",size:h?"large":"medium","aria-label":"Filter options"})})]})};ot.className=js;ot.defaultOptions=pb;import{jsx as yi,jsxs as fb}from"react/jsx-runtime";var Mi="k-actionsheet-view",mb=[],ub={},bb={},Na=e=>{let{adaptive:t,animated:o,children:r,header:l,footer:s,titleId:c,...u}=e,f=l?.type===ot&&yi(ot,{adaptive:t,titleId:c,...l?.props}),h=s?.type===vo&&yi(vo,{...s?.props});return fb("div",{...u,className:a(e.className,Mi,{[`${Mi}-animated`]:o}),children:[f,yi("div",{className:"k-actionsheet-content",children:r}),h]})};Na.states=mb;Na.options=ub;Na.className=Mi;Na.defaultOptions=bb;var Er="action-sheet",cl=Er;var Si="overlay",ed=Si;import{jsx as xb}from"react/jsx-runtime";var td="k-overlay",Tb=[],gb={},hb={},yo=e=>{let{...t}=e;return xb("div",{...t,className:a(e.className,td),children:e.children})};yo.states=Tb;yo.options=gb;yo.className=td;yo.defaultOptions=hb;yo.moduleName=Si;yo.folderName=ed;import{jsx as pl,jsxs as wb}from"react/jsx-runtime";var od="k-actionsheet",Nb=[],kb={},Ir={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Ie=e=>{let{side:t=Ir.side,fullscreen:o=Ir.fullscreen,adaptive:r=Ir.adaptive,overlay:l=Ir.overlay,template:s,children:c,header:u,footer:f,id:h,...v}=e,L=h&&!s&&u?`${h}-title`:void 0;return wb("div",{className:"k-actionsheet-container",children:[l&&pl(yo,{}),pl(Ot,{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:pl("div",{...v,id:h,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":L,className:a(e.className,od,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":r}),children:s||pl(Na,{header:u,footer:f,adaptive:r,titleId:L,...e,children:c})})})]})};Ie.states=Nb;Ie.options=kb;Ie.className=od;Ie.defaultOptions=Ir;Ie.moduleName=Er;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."}]};import{jsx as yb}from"react/jsx-runtime";var ad="k-actionsheet-container",vb=[],Cb={},Lb={},ka=e=>{let{children:t,...o}=e;return yb("div",{...o,className:ad,children:t})};ka.states=vb;ka.options=Cb;ka.className=ad;ka.defaultOptions=Lb;ka.moduleName=Er;ka.folderName=cl;import{jsx as Mb}from"react/jsx-runtime";var Ri=e=>{let{...t}=e;return Mb("div",{...t,className:a(e.className,"k-list-ul"),children:e.children})};import{Fragment as Rb,jsx as Gr,jsxs as Ai}from"react/jsx-runtime";var Ei="k-actionsheet-item",Sb=[n.hover,n.focus,n.selected,n.disabled],Mo=e=>{let{iconName:t,text:o,description:r,hover:l,focus:s,selected:c,disabled:u,...f}=e;return Ai("span",{...f,className:a(e.className,Ei,E(Ei,{hover:l,focus:s,selected:c,disabled:u})),children:[!e.children&&Gr(Rb,{children:Ai("span",{className:"k-actionsheet-action",children:[t&&Gr("span",{className:"k-icon-wrap",children:Gr(p,{className:"k-actionsheet-item-icon",icon:t})}),Ai("span",{className:"k-actionsheet-item-text",children:[o&&Gr("span",{className:"k-actionsheet-item-title",children:o}),r&&Gr("span",{className:"k-actionsheet-item-description",children:r})]})]})}),e.children]})};Mo.states=Sb;Mo.className=Ei;import{jsx as YS,jsxs as QS}from"react/jsx-runtime";import{jsx as tR}from"react/jsx-runtime";import{jsx as lR}from"react/jsx-runtime";import{jsx as dR}from"react/jsx-runtime";import{jsx as Fe,jsxs as Ii}from"react/jsx-runtime";var Ab=Ie.options,Eb=Ie.states,ld={...Ie.defaultOptions,variant:"normal"},Ib=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Gb=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],wa=e=>{let{variant:t,modifiers:o,...r}={...ld,...e},l={},s=Ii(Ri,{children:[Fe(Mo,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),Fe(Mo,{text:"Add to Favorites",iconName:"heart"}),Fe(Mo,{text:"Upload New",iconName:"upload",disabled:!0}),Fe("hr",{className:"k-hr"}),Fe(Mo,{text:"Cancel",iconName:"cancel"})]}),c="Choose from the items below",u="Select Item";return t==="fullScreen"&&(l.fullScreen=!0),Object.keys(o||{}).forEach(f=>{switch(f){case"actions":l.actionsStart=!!o?.[f],l.actionsEnd=!!o?.[f];break;case"subtitle":l.subtitle=o?.[f]?c:void 0;break;case"footer":l.footer=!!o?.[f];break;default:break}}),t==="adaptive"?Fe(Ie,{...r,adaptive:!0,fullscreen:l.fullScreen,header:Fe(ot,{actionsStart:l.actionsStart?Fe(m,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Fe(m,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:u,subtitle:l.subtitle}),footer:l.footer?Ii(vo,{alignment:"stretched",children:[Fe(m,{text:"Cancel",size:"large",themeColor:"base"}),Fe(m,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):Fe(Ie,{...r,fullscreen:l.fullScreen,header:Fe(ot,{actionsStart:l.actionsStart?Fe(m,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Fe(m,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?Ii(vo,{alignment:"stretched",children:[Fe(m,{text:"Apply",themeColor:"primary"}),Fe(m,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};wa.options=Ab;wa.states=Eb;wa.variants=Ib;wa.defaultOptions=ld;wa.modifiers=Gb;wa.className=Ie.className;var Gi="slider",id=Gi;import{jsx as va,jsxs as Oi}from"react/jsx-runtime";var Or="k-slider",Ob=[n.hover,n.focus,n.active,n.disabled,n.readonly],Hb={},Pt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},ve=e=>{let{type:t=Pt.type,orientation:o=Pt.orientation,gradientType:r=Pt.gradientType,readonly:l=Pt.readonly,disabled:s=Pt.disabled,handlePosition:c=Pt.handlePosition,showButtons:u=Pt.showButtons,showTicks:f=Pt.showTicks,value:h=Pt.value,min:v=Pt.min,max:L=Pt.max,startValue:g,endValue:M,hover:A,focus:G,active:U,trackStyle:P,dir:te,...ye}=e,je=(()=>{if(t==="gradient"&&r==="2d")return"undefined";if(o==="vertical")return"vertical"})(),et,Nt;return o==="horizontal"?(et=te==="rtl"?"caret-alt-left":"caret-alt-right",Nt=te==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(et="caret-alt-up",Nt="caret-alt-down"),Oi("div",{...ye,className:a(Or,e.className,E(Or,{readonly:l,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:te,children:[u&&va(m,{className:"k-button-decrease",rounded:"full",icon:Nt,tabIndex:-1,title:"Decrease"}),Oi("div",{className:"k-slider-track-wrap",children:[f&&va("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Oi("div",{className:"k-slider-track",style:P,children:[va("div",{className:"k-slider-selection"}),t==="range"&&va("span",{className:a("k-draghandle","k-draghandle-start",E(Or,{hover:A,focus:G,active:U})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":g??v,"aria-valuemin":v,"aria-valuemax":M??L,"aria-orientation":je,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":ye["aria-label"]?`${ye["aria-label"]} start`:"Range start"}),va("span",{className:a("k-draghandle",`k-draghandle-${c}`,E(Or,{hover:A,focus:G,active:U})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?M??L:h,"aria-valuemin":t==="range"?g??v:v,"aria-valuemax":L,"aria-orientation":je,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":t==="range"?ye["aria-label"]?`${ye["aria-label"]} end`:"Range end":ye["aria-label"]})]})]}),u&&va(m,{className:"k-button-increase",rounded:"full",icon:et,tabIndex:-1,title:"Increase"})]})};ve.states=Ob;ve.options=Hb;ve.className=Or;ve.defaultOptions=Pt;ve.moduleName=Gi;ve.folderName=id;ve.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."}]};import{jsx as nd}from"react/jsx-runtime";var sd="k-tick",Pb=[],_b={},dd={label:!1},X=e=>{let{style:t,label:o=dd.label,orientation:r,large:l,text:s,...c}=e;return nd("li",{...c,role:"presentation",title:s||"Tick",className:a(e.className,sd,{[`k-tick-${r}`]:r,"k-tick-large":l}),style:t,children:o&&nd("span",{className:"k-label",children:s})})};X.states=Pb;X.options=_b;X.className=sd;X.defaultOptions=dd;import{Fragment as Kb,jsx as _t,jsxs as Db}from"react/jsx-runtime";var cd=e=>_t(ve,{"aria-label":e["aria-label"]||"Slider",children:Db(Kb,{children:[_t(X,{className:"k-first",label:!0,large:!0,text:"0"}),_t(X,{}),_t(X,{}),_t(X,{}),_t(X,{}),_t(X,{label:!0,large:!0,text:"5"}),_t(X,{}),_t(X,{}),_t(X,{}),_t(X,{}),_t(X,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Bb,jsx as Kt,jsxs as zb}from"react/jsx-runtime";var pd=e=>Kt(ve,{children:zb(Bb,{children:[Kt(X,{className:"k-first",label:!0,large:!0,text:"0"}),Kt(X,{}),Kt(X,{}),Kt(X,{}),Kt(X,{}),Kt(X,{label:!0,large:!0,text:"5"}),Kt(X,{}),Kt(X,{}),Kt(X,{}),Kt(X,{}),Kt(X,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as QR,jsx as YR,jsxs as ZR}from"react/jsx-runtime";import{Fragment as aA,jsx as oA,jsxs as rA}from"react/jsx-runtime";import{jsx as Ub}from"react/jsx-runtime";var Hi=e=>Ub(ve,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as Fb}from"react/jsx-runtime";var Pi=e=>Fb(ve,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as fA,jsx as bA,jsxs as TA}from"react/jsx-runtime";import{Fragment as kA,jsx as NA,jsxs as wA}from"react/jsx-runtime";import{jsx as eo,jsxs as md}from"react/jsx-runtime";var $b=ve.options,Wb=ve.states,ud={...ve.defaultOptions,variant:"horizontal",label:!0},Vb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Xb=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Ca=e=>{let{variant:t,modifiers:o,...r}={...ud,...e},l={};Object.keys(o||{}).forEach(h=>{switch(h){case"button":{l.showButtons=!!o?.[h];break}case"label":{l.label=!!o?.[h];break}case"tick":{l.showTicks=!!o?.[h];break}}});let{label:s=!0,showButtons:c,showTicks:u}=l,f={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?md(pd,{showTicks:u,showButtons:c,style:{height:"300px",...f},...r,children:[eo(X,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),eo(X,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),eo(X,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),eo(X,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),eo(X,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):md(cd,{showTicks:u,showButtons:c,style:{width:"400px",...f},...r,children:[eo(X,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),eo(X,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),eo(X,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),eo(X,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),eo(X,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Ca.options=$b;Ca.states=Wb;Ca.variants=Vb;Ca.defaultOptions=ud;Ca.modifiers=Xb;Ca.className=ve.className;import{jsx as bd,jsxs as Zb}from"react/jsx-runtime";var fd="k-spin-button",Yb=[],Qb={size:[d.undefined,d.small,d.medium,d.large],fillMode:[w.undefined,w.solid,w.flat,w.outline,w.clear,w.link]},_i={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},So=e=>{let{size:t,fillMode:o,disabled:r,increaseLabel:l=_i.increaseLabel,decreaseLabel:s=_i.decreaseLabel,...c}=e;return Zb("span",{...c,className:a(fd,e.className),children:[bd(m,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:r,"aria-label":l}),bd(m,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:r,"aria-label":s})]})};So.states=Yb;So.options=Qb;So.className=fd;So.defaultOptions=_i;So.moduleName=null;So.folderName=null;var Td="numeric-textbox",gd="numerictextbox";import{Fragment as hd,jsx as no,jsxs as Ki}from"react/jsx-runtime";var xd="k-numerictextbox",jb=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],ef={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},ml={showSpinButton:!0,showClearButton:!0,separators:!0},oe=e=>{let{size:t,rounded:o,fillMode:r,separators:l=ml.separators,showClearButton:s=ml.showClearButton,showSpinButton:c=ml.showSpinButton,prefix:u,suffix:f,value:h,placeholder:v,hover:L,focus:g,valid:M,invalid:A,required:G,loading:U,disabled:P,readonly:te,id:ye,"aria-label":Te,"aria-describedby":je,...et}=e;return Ki(He,{...et,size:t,rounded:o,fillMode:r,hover:L,focus:g,valid:M,invalid:A,required:G,loading:U,disabled:P,readonly:te,className:a(e.className,xd),children:[u&&Ki(hd,{children:[no(Et,{children:u}),l&&no(Gt,{})]}),no(wt,{id:ye,placeholder:v,value:h,role:"spinbutton",disabled:P,"aria-label":Te,"aria-describedby":je,"aria-invalid":A?"true":void 0}),no(tt,{valid:M,invalid:A,loading:U,disabled:P}),no(bt,{loading:U,disabled:P}),s&&no(kt,{loading:U,disabled:P,readonly:te,value:h}),f&&Ki(hd,{children:[l&&no(Gt,{}),no(It,{children:f})]}),c&&no(So,{className:"k-input-spinner",size:t,fillMode:r,disabled:P})]})};oe.states=jb;oe.options=ef;oe.className=xd;oe.defaultOptions=ml;oe.moduleName=Td;oe.folderName=gd;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 Hr=oe;import{jsx as tf}from"react/jsx-runtime";var Nd=e=>tf(Hr,{...e});import Bi from"react";import{jsx as kd}from"react/jsx-runtime";var of="k-list-group-sticky-header",Di=e=>kd("div",{className:a(of,e.className),children:kd("div",{className:"k-list-header-text",children:e.children})});import{jsx as rf}from"react/jsx-runtime";var af="k-no-data",ul=e=>{let{live:t,...o}=e;return rf("span",{...o,className:a(af,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Qo="list",La=Qo;import{jsx as wd,jsxs as vd}from"react/jsx-runtime";var zi="k-list",lf=[],nf={size:[d.undefined,d.small,d.medium,d.large]},sf={},ne=e=>{let{size:t,virtualization:o,children:r,header:l,optionLabel:s,customValue:c,noData:u,screenReaders:f,...h}=e,L=Bi.Children.toArray(r)[0],g=L?.props?.children?Bi.Children.count(L.props.children):Bi.Children.count(r);return vd("div",{...h,className:a(e.className,zi,R(zi,{size:t}),{"k-virtual-list":o}),children:[s,c,l&&wd(Di,{children:l}),r||(u!==void 0?u:wd(ul,{live:!0,children:"No data found."})),f&&r&&vd(ul,{className:"k-sr-only",live:!0,children:[g," items found."]})]})};ne.states=lf;ne.options=nf;ne.className=zi;ne.defaultOptions=sf;ne.moduleName=Qo;ne.folderName=La;ne.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as mf}from"react/jsx-runtime";var Cd="k-list-container",df=[],cf={},pf={},ya=e=>{let{...t}=e;return mf("div",{...t,className:a(e.className,Cd),children:e.children})};ya.states=df;ya.options=cf;ya.className=Cd;ya.defaultOptions=pf;ya.moduleName=Qo;ya.folderName=La;var Zo="checkbox",Ma=Zo;import{jsx as Ld}from"react/jsx-runtime";var bl="k-checkbox",uf=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],bf={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full]},ff={},ze=e=>{let{id:t,checked:o,indeterminate:r,hover:l,focus:s,disabled:c,invalid:u,valid:f,required:h,size:v,rounded:L,wrapperRole:g,...M}=e;return Ld("span",{className:"k-checkbox-wrap",role:g,children:Ld("input",{...M,id:t,type:"checkbox",defaultChecked:o,required:h,disabled:c||void 0,"aria-invalid":u?"true":void 0,className:a(e.className,bl,R(bl,{size:v,rounded:L}),E(bl,{hover:l,focus:s,disabled:c,invalid:u,valid:f,indeterminate:r,checked:o}))})})};ze.states=uf;ze.options=bf;ze.className=bl;ze.defaultOptions=ff;ze.moduleName=Zo;ze.folderName=Ma;ze.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 Xt=ze;import{jsx as hf}from"react/jsx-runtime";var yd="k-checkbox-list",Tf=[],gf={},Md={layout:"vertical"},at=e=>{let{layout:t=Md.layout,...o}=e;return hf("ul",{...o,className:a(e.className,yd,{[`k-list-${t}`]:t}),children:e.children})};at.states=Tf;at.options=gf;at.className=yd;at.defaultOptions=Md;at.moduleName=Zo;at.folderName=Ma;import{jsx as wf}from"react/jsx-runtime";var Sd="k-checkbox-list-item",xf=[],Nf={},kf={},rt=e=>{let{...t}=e;return wf("li",{...t,className:a(e.className,Sd),children:e.children})};rt.states=xf;rt.options=Nf;rt.className=Sd;rt.defaultOptions=kf;rt.moduleName=Zo;rt.folderName=Ma;import{Fragment as vf,jsx as Rd,jsxs as Cf}from"react/jsx-runtime";var so=({children:e="Label",id:t="cb-label-after",...o})=>Cf(vf,{children:[Rd(Xt,{id:t,...o}),Rd("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as VE,jsx as WE,jsxs as XE}from"react/jsx-runtime";import{Fragment as ZE,jsx as QE,jsxs as jE}from"react/jsx-runtime";import{Fragment as rI,jsx as aI,jsxs as lI}from"react/jsx-runtime";import{jsx as dI}from"react/jsx-runtime";import{jsx as uI}from"react/jsx-runtime";import{jsx as gI}from"react/jsx-runtime";import{jsx as Dt,jsxs as Ad}from"react/jsx-runtime";var Lf=at.options,yf=at.states,Mf={...at.defaultOptions,variant:"vertical"},Sf=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Rf=[],Sa=e=>{let{variant:t,...o}=e;return t==="horizontal"?Ad(at,{layout:"horizontal",...o,children:[Dt(rt,{children:Dt(so,{id:O("cb"),defaultChecked:!0,children:"Label"})}),Dt(rt,{children:Dt(so,{id:O("cb"),children:"Label"})}),Dt(rt,{children:Dt(so,{id:O("cb"),children:"Label"})})]}):Ad(at,{...o,children:[Dt(rt,{children:Dt(so,{id:O("cb"),defaultChecked:!0,children:"Label"})}),Dt(rt,{children:Dt(so,{id:O("cb"),children:"Label"})}),Dt(rt,{children:Dt(so,{id:O("cb"),children:"Label"})})]})};Sa.options=Lf;Sa.states=yf;Sa.variants=Sf;Sa.defaultOptions=Mf;Sa.modifiers=Rf;Sa.className=at.className;import{jsx as Hf}from"react/jsx-runtime";var Af=Xt.options,Ef=Xt.states,If=Xt.defaultOptions,Gf=[],Of=[],Ra=e=>Hf(so,{id:O("checkbox"),...e,defaultChecked:!0,children:"Label"});Ra.options=Af;Ra.states=Ef;Ra.variants=Gf;Ra.defaultOptions=If;Ra.modifiers=Of;Ra.className=Xt.className;import{jsx as jo,jsxs as Df}from"react/jsx-runtime";var Ui="k-list-item",Pf=[n.hover,n.focus,n.selected,n.disabled],_f={},Kf={},j=e=>{let{text:t,groupLabel:o,group:r,iconName:l,iconClassName:s,showCheckbox:c,checked:u,hover:f,focus:h,selected:v,disabled:L,actions:g,description:M,id:A,...G}=e,U=t||e.children;return Df("li",{...G,id:A,role:r?"presentation":"option",tabIndex:r?void 0:h?0:-1,"aria-selected":!r&&v?"true":r?void 0:"false","aria-disabled":!r&&L?"true":void 0,className:a(e.className,r?"k-list-group-item":Ui,E(Ui,{hover:f,focus:h,disabled:L,selected:v})),children:[c&&jo(ze,{checked:u}),l&&jo("span",{className:"k-list-item-icon-wrapper",children:jo(p,{icon:l,className:a("k-list-item-icon",s)})}),jo("span",{className:"k-list-item-text",children:U}),g&&jo("div",{className:"k-list-item-actions",children:g}),M&&jo("span",{className:"k-list-item-description",children:M}),o&&o!==""&&jo("div",{className:"k-list-item-group-label",children:o})]})};j.states=Pf;j.options=_f;j.className=Ui;j.defaultOptions=Kf;j.moduleName=Qo;j.folderName=La;j.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as zf}from"react/jsx-runtime";var Bf="k-list-ul",co=e=>{let{children:t,role:o,id:r,...l}=e;return zf("ul",{...l,id:r,role:o,className:a(Bf,e.className),children:t})};co.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};import{jsx as Fi,jsxs as Ff}from"react/jsx-runtime";var Uf="k-list-content",Ne=e=>{let{virtualization:t,grouping:o,"aria-label":r,"aria-labelledby":l,listboxId:s,...c}=e;return Ff("div",{...c,className:a(Uf,e.className),role:o?"listbox":void 0,id:o?s:void 0,"aria-label":o?r:void 0,"aria-labelledby":o?l:void 0,children:[o?e.children:Fi(co,{role:"listbox",id:s,"aria-label":r,"aria-labelledby":l,children:e.children}),t&&Fi("div",{className:"k-height-container",children:Fi("div",{})})]})};Ne.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{Fragment as nG,jsx as iG,jsxs as sG}from"react/jsx-runtime";import{jsx as $i,jsxs as Wf}from"react/jsx-runtime";var $f="k-list-group-item",ea=e=>{let{groupIconName:t,...o}=e;return Wf("li",{...o,role:"presentation",className:a($f,e.className),children:[t&&$i("span",{className:"k-list-item-icon-wrapper",children:$i(p,{icon:t,className:"k-list-item-icon"})}),$i("span",{className:"k-list-item-text",children:e.children})]})};ea.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as qf}from"react/jsx-runtime";var Wi="k-list-optionlabel",Vf=[n.hover,n.focus,n.selected,n.disabled],Xf={},Jf={},fl=e=>{let{text:t,hover:o,focus:r,selected:l,disabled:s,...c}=e;return qf("div",{...c,className:a(Wi,E(Wi,{hover:o,focus:r,selected:l,disabled:s})),children:t})};fl.states=Vf;fl.options=Xf;fl.className=Wi;fl.defaultOptions=Jf;import{jsx as jf}from"react/jsx-runtime";var Vi="k-list-custom-value",Yf=[n.hover,n.focus,n.selected,n.disabled],Qf={},Zf={},Ro=e=>{let{text:t,hover:o,focus:r,selected:l,disabled:s,...c}=e;return jf("div",{...c,className:a(Vi,E(Vi,{hover:o,focus:r,selected:l,disabled:s})),children:t})};Ro.states=Yf;Ro.options=Qf;Ro.className=Vi;Ro.defaultOptions=Zf;import{Fragment as CG,jsx as vG,jsxs as LG}from"react/jsx-runtime";import{Fragment as EG,jsx as AG,jsxs as IG}from"react/jsx-runtime";import{Fragment as DG,jsx as _G,jsxs as KG}from"react/jsx-runtime";import{Fragment as VG,jsx as $G,jsxs as WG}from"react/jsx-runtime";import{jsx as YG}from"react/jsx-runtime";import{Fragment as oO,jsx as tO,jsxs as aO}from"react/jsx-runtime";var Ed="dropdown-list",Id="dropdownlist";import{Fragment as oT,jsx as lt,jsxs as Xi}from"react/jsx-runtime";var Gd="k-dropdownlist",eT=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],tT={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},Ji={showValue:!0,arrowIconName:"caret-alt-down"},ue=e=>{let{size:t,rounded:o,fillMode:r,arrowIconName:l=Ji.arrowIconName,showValue:s=Ji.showValue,valueIconName:c,prefix:u,suffix:f,value:h,placeholder:v,hover:L,focus:g,valid:M,invalid:A,required:G,loading:U,disabled:P,readonly:te,popup:ye,opened:Te,adaptive:je,adaptiveSettings:et,adaptiveTitle:Nt,adaptiveSubtitle:Jo,adaptiveFilter:ql,id:No,activeDescendant:tl,"aria-label":Yl,...Ql}=e,hm=No?`${No}-listbox`:void 0,cs=No?`${No}-value`:void 0;return Xi(oT,{children:[Xi(Zt,{...Ql,id:No,size:t,rounded:o,fillMode:r,hover:L,focus:g,valid:M,invalid:A,required:G,loading:U,disabled:P,readonly:te,className:a(e.className,Gd,{"k-icon-picker":!s&&c}),role:"combobox","aria-haspopup":"listbox","aria-expanded":Te?"true":"false","aria-controls":Te?hm:void 0,"aria-activedescendant":Te&&tl?tl:void 0,"aria-describedby":Te?cs:void 0,"aria-disabled":P?"true":void 0,"aria-label":Yl,tabIndex:0,children:[lt(Et,{children:u}),lt(Yo,{placeholder:v,value:h,showValue:s,valueIconName:c,id:cs}),lt(tt,{valid:M,invalid:A,loading:U,disabled:P}),lt(bt,{loading:U,disabled:P}),lt(It,{children:f}),lt(m,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":v||"Toggle dropdown",tabIndex:-1})]}),Te&&ye&&lt(de,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:ye}),je&&lt(Ie,{adaptive:!0,...et,header:lt(ot,{actionsEnd:lt(m,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:ql,inputValue:h,inputPlaceholder:v,title:Nt,subtitle:Jo}),children:lt("div",{className:"k-list-container",children:lt(ne,{size:"large",children:Xi(Ne,{"aria-label":"Options",children:[lt(j,{text:"List item"}),lt(j,{text:"List item"}),lt(j,{text:"List item"})]})})})})]})};ue.states=eT;ue.options=tT;ue.className=Gd;ue.defaultOptions=Ji;ue.moduleName=Ed;ue.folderName=Id;ue.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."}]};import{jsx as PO}from"react/jsx-runtime";import{jsx as UO,jsxs as FO}from"react/jsx-runtime";import{Fragment as ZO,jsx as YO,jsxs as QO}from"react/jsx-runtime";import{jsx as a0}from"react/jsx-runtime";import{jsx as d0,jsxs as c0}from"react/jsx-runtime";import{Fragment as x0,jsx as g0,jsxs as h0}from"react/jsx-runtime";import{jsx as C0}from"react/jsx-runtime";import{Fragment as sT,jsx as Ao,jsxs as Od}from"react/jsx-runtime";var aT=ue.states,rT=ue.defaultOptions,lT=ue.options,iT=[{name:"opened",title:"Opened"}],nT=[],Ea=e=>{let{modifiers:t,...o}=e,r={},l=Od(sT,{children:[Ao("div",{className:"k-list-filter",children:Ao(vt,{})}),Ao(ne,{style:{width:300},size:o.size,children:Od(Ne,{children:[Ao(j,{children:"List item"}),Ao(j,{children:"List item"}),Ao(j,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(s=>{s==="opened"&&(r.opened=!!t?.[s],r.popup=t?.[s]?l:void 0)}),Ao("div",{children:Ao(ue,{placeholder:"Value",style:{width:300},...o,...r})})};Ea.options=lT;Ea.states=aT;Ea.variants=nT;Ea.defaultOptions=rT;Ea.modifiers=iT;Ea.className=ue.className;import{Fragment as V0,jsx as W0}from"react/jsx-runtime";import{Fragment as Z0,jsx as Q0}from"react/jsx-runtime";import{jsx as o1}from"react/jsx-runtime";import{jsx as qi}from"react/jsx-runtime";var dT=oe.states,cT=oe.defaultOptions,pT=oe.options,mT=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],uT=[],Ia=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":r.prefix=t?.[l]?qi(ue,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":r.suffix=t?.[l]?qi(bi,{children:"mm"}):void 0;break;case"clear-button":r.showClearButton=t?.[l];break;case"spin-button":r.showSpinButton=t?.[l];break;default:break}}),qi(Nd,{value:"Value",style:{width:300},...o,...r})};Ia.options=pT;Ia.states=dT;Ia.variants=uT;Ia.defaultOptions=cT;Ia.modifiers=mT;Ia.className=oe.className;import{Fragment as Pr,jsx as re,jsxs as Pe}from"react/jsx-runtime";var Hd="k-colorgradient-inputs",bT=[],fT={size:[d.undefined,d.small,d.medium,d.large]},Pd={mode:"rgba"},Ga=e=>{let{mode:t=Pd.mode,size:o,...r}=e;return Pe("div",{...r,className:a(Hd,"k-hstack"),children:[re("div",{className:"k-vstack",children:re(m,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&Pe(Pr,{children:[Pe("div",{className:"k-vstack",children:[re(oe,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),re("label",{className:"k-colorgradient-input-label",children:"R"})]}),Pe("div",{className:"k-vstack",children:[re(oe,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),re("label",{className:"k-colorgradient-input-label",children:"G"})]}),Pe("div",{className:"k-vstack",children:[re(oe,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),re("label",{className:"k-colorgradient-input-label",children:"B"})]}),Pe("div",{className:"k-vstack",children:[re(oe,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),re("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&Pe(Pr,{children:[Pe("div",{className:"k-vstack",children:[re(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),re("label",{className:"k-colorgradient-input-label",children:"R"})]}),Pe("div",{className:"k-vstack",children:[re(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),re("label",{className:"k-colorgradient-input-label",children:"G"})]}),Pe("div",{className:"k-vstack",children:[re(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),re("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&Pe(Pr,{children:[Pe("div",{className:"k-vstack",children:[re(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),re("label",{className:"k-colorgradient-input-label",children:"H"})]}),Pe("div",{className:"k-vstack",children:[re(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),re("label",{className:"k-colorgradient-input-label",children:"S"})]}),Pe("div",{className:"k-vstack",children:[re(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),re("label",{className:"k-colorgradient-input-label",children:"V"})]}),Pe("div",{className:"k-vstack",children:[re(oe,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),re("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&Pe(Pr,{children:[Pe("div",{className:"k-vstack",children:[re(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),re("label",{className:"k-colorgradient-input-label",children:"H"})]}),Pe("div",{className:"k-vstack",children:[re(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),re("label",{className:"k-colorgradient-input-label",children:"S"})]}),Pe("div",{className:"k-vstack",children:[re(oe,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),re("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&re(Pr,{children:Pe("div",{className:"k-vstack k-flex-1",children:[re(he,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),re("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Ga.states=bT;Ga.options=fT;Ga.className=Hd;Ga.defaultOptions=Pd;import{jsx as ta,jsxs as oa}from"react/jsx-runtime";var _d="k-colorgradient-color-contrast",TT=[],gT={},hT={},Oa=()=>oa("div",{className:a(_d,"k-vbox"),children:[oa("div",{className:"k-contrast-ratio",children:[ta("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),oa("span",{className:"k-contrast-validation !k-text-success",children:[ta(p,{icon:"check"}),ta(p,{icon:"check"})]})]}),oa("div",{children:[ta("span",{children:"AA: 4.5"}),oa("span",{className:"k-contrast-validation !k-text-success",children:["Pass",ta(p,{icon:"check"})]})]}),oa("div",{children:[ta("span",{children:"AAA: 7.0"}),oa("span",{className:"k-contrast-validation !k-text-error",children:["Fail",ta(p,{icon:"x"})]})]})]});Oa.states=TT;Oa.options=gT;Oa.className=_d;Oa.defaultOptions=hT;var Kd="color-gradient",Dd="colorgradient";import{jsx as Bt,jsxs as _r}from"react/jsx-runtime";var Tl="k-colorgradient",xT=[n.hover,n.focus,n.readonly,n.disabled],NT={size:[d.undefined,d.small,d.medium,d.large]},to={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"},Ue=e=>{let{size:t,mode:o=to.mode,readonly:r=to.readonly,disabled:l=to.disabled,gradientStyle:s=to.gradientStyle,dragHandleStyle:c=to.dragHandleStyle,alphaStyle:u=to.alphaStyle,alphaStyleHorizontal:f=to.alphaStyleHorizontal,contrast:h=to.contrast,dir:v,hover:L,focus:g,hoverHandle:M,focusHandle:A,canvasOrientation:G=to.canvasOrientation,role:U,tabIndex:P,...te}=e;return _r("div",{...te,role:U??"textbox","aria-label":U==="none"?void 0:"Color gradient",tabIndex:P??0,"aria-disabled":l?"true":void 0,className:a(e.className,Tl,R(Tl,{size:t}),E(Tl,{hover:L,focus:g,readonly:r,disabled:l})),dir:v,children:[!G||G==="horizontal"&&_r("div",{className:"k-colorgradient-canvas k-hstack",children:[Bt("div",{className:"k-hsv-rectangle",style:s,children:Bt("div",{className:"k-hsv-gradient",children:Bt("div",{className:a("k-hsv-draghandle","k-draghandle",{"k-hover":M,"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})})}),_r("div",{className:"k-hsv-controls k-hstack",children:[Bt(Pi,{className:"k-hue-slider",hover:M,focus:A}),o!=="rgb"&&o!=="hsv"&&Bt(Pi,{className:"k-alpha-slider",hover:M,focus:A,trackStyle:u})]})]}),G==="vertical"&&_r("div",{className:"k-colorgradient-canvas k-vstack",children:[Bt("div",{className:"k-hsv-rectangle",style:s,children:Bt("div",{className:"k-hsv-gradient",children:Bt("div",{className:a("k-hsv-draghandle","k-draghandle",{"k-hover":M,"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})})}),_r("div",{className:"k-hsv-controls k-vstack",children:[Bt(Hi,{className:"k-hue-slider",hover:M,focus:A}),o!=="rgb"&&o!=="hsv"&&Bt(Hi,{className:"k-alpha-slider",hover:M,focus:A,trackStyle:f})]})]}),Bt(Ga,{mode:e.mode,size:t}),h&&Bt(Oa,{})]})};Ue.states=xT;Ue.options=NT;Ue.className=Tl;Ue.defaultOptions=to;Ue.moduleName=Kd;Ue.folderName=Dd;Ue.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};import{jsx as kT}from"react/jsx-runtime";var gl=e=>kT(Ue,{...e});import{jsx as z1}from"react/jsx-runtime";import{jsx as W1}from"react/jsx-runtime";import{jsx as Yi}from"react/jsx-runtime";var wT=Ue.options,vT=Ue.states,CT={...Ue.defaultOptions,variant:"rgba"},LT=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],yT=[],Ha=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Yi(gl,{...o,mode:t});case"rgb":return Yi(gl,{...o,mode:t});default:return Yi(gl,{...o,mode:t})}};Ha.options=wT;Ha.states=vT;Ha.variants=LT;Ha.defaultOptions=CT;Ha.modifiers=yT;Ha.className=Ue.className;import{jsx as MT}from"react/jsx-runtime";var Qi=e=>MT("tr",{role:"row",children:e.children});import{jsx as AT}from"react/jsx-runtime";var Zi="k-colorpalette-tile",ST=[n.hover,n.focus,n.selected],RT={},Pa=e=>{let{color:t,tileSize:o,hover:r,focus:l,selected:s,...c}=e,u={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return AT("td",{...c,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:a(e.className,Zi,E(Zi,{hover:r,focus:l,selected:s})),style:u})};Pa.states=ST;Pa.options=RT;Pa.className=Zi;var Bd="color-palette",zd="colorpalette";import{jsx as Kr}from"react/jsx-runtime";var hl="k-colorpalette",ET=[n.disabled],IT={size:[d.undefined,d.small,d.medium,d.large]},Ud={columns:10},it=e=>{let{size:t,palette:o,columns:r=Ud.columns,tileSize:l,disabled:s,...c}=e,u=[];if(o){let f=r||o.columns,h=o.colors?o.colors:o;Array.isArray(h)&&Array.from({length:Math.ceil(h.length/f)},(v,L)=>{let g=[];h.slice(L*f,(L+1)*f).map((A,G)=>{g.push(Kr(Pa,{color:A,tileSize:l},G))});let M=Kr(Qi,{children:g},L);u.push(M)})}return Kr("div",{...c,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:a(e.className,hl,E(hl,{disabled:s}),R(hl,{size:t})),children:Kr("table",{className:"k-colorpalette-table",role:"none",children:Kr("tbody",{children:u.length>0?u:e.children})})})};it.states=ET;it.options=IT;it.className=hl;it.defaultOptions=Ud;it.moduleName=Bd;it.folderName=zd;it.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 xl=it;var Dr={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as GT}from"react/jsx-runtime";var Fd=e=>GT(xl,{palette:Dr.basic,...e});import{jsx as yH}from"react/jsx-runtime";import{jsx as IH,jsxs as GH}from"react/jsx-runtime";import{jsx as BT}from"react/jsx-runtime";var OT=it.options,HT=it.states,PT={...it.defaultOptions,variant:"basic"},_T=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],KT={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}},DT=[],_a=e=>{let{variant:t="basic",...o}=e,r=KT[t];return BT(Fd,{columns:r.columns,palette:r,...o})};_a.options=OT;_a.states=HT;_a.variants=_T;_a.defaultOptions=PT;_a.modifiers=DT;_a.className=it.className;var $d="color-editor",Wd="coloreditor";import{jsx as zt,jsxs as Ka}from"react/jsx-runtime";var Nl="k-coloreditor",zT=[n.focus],UT={size:[d.undefined,d.small,d.medium,d.large]},Br={view:"gradient",palette:Dr.office,actionButtons:!0,canvasOrientation:"horizontal"},Ge=e=>{let{size:t,view:o=Br.view,palette:r=Br.palette,color:l,currentColor:s,focus:c,focusView:u,dir:f,group:h,actionButtons:v=Br.actionButtons,canvasOrientation:L=Br.canvasOrientation,...g}=e;return Ka("div",{...g,role:"textbox","aria-label":"Color editor",tabIndex:0,className:a(e.className,"k-flatcolorpicker",Nl,R(Nl,{size:t}),E(Nl,{focus:c})),dir:f,children:[Ka("div",{className:"k-coloreditor-header k-hstack",children:[zt("div",{className:"k-coloreditor-header-actions k-hstack",children:h&&Ka(q,{fillMode:"flat",children:[zt(m,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),zt(m,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),zt("div",{className:"k-spacer"}),Ka("div",{className:"k-coloreditor-header-actions k-hstack",children:[zt(m,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Ka("div",{className:"k-coloreditor-preview k-vstack",children:[zt(wo,{className:"k-coloreditor-preview-color",color:l}),zt(wo,{className:"k-coloreditor-current-color",color:s})]})]})]}),zt("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?zt(Ue,{focus:u,size:t,canvasOrientation:L,role:"none",tabIndex:-1}):zt(it,{palette:r,size:t})}),v&&Ka(Ht,{className:"k-coloreditor-footer",alignment:"start",children:[zt(m,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),zt(m,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Ge.states=zT;Ge.options=UT;Ge.className=Nl;Ge.defaultOptions=Br;Ge.moduleName=$d;Ge.folderName=Wd;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 Da=Ge;import{jsx as sP}from"react/jsx-runtime";import{jsx as mP}from"react/jsx-runtime";import{jsx as FT}from"react/jsx-runtime";var Vd=e=>FT(Da,{group:!0,currentColor:"fuchsia",...e});import{jsx as $T}from"react/jsx-runtime";var Xd=e=>$T(Da,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Jd}from"react/jsx-runtime";var WT=Ge.options,VT=Ge.states,XT={...Ge.defaultOptions,variant:"gradient"},JT=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],qT=[],Ba=e=>{let{variant:t,...o}=e;return t==="palette"?Jd(Xd,{...o,color:"white"}):Jd(Vd,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Ba.options=WT;Ba.states=VT;Ba.variants=JT;Ba.defaultOptions=XT;Ba.modifiers=qT;Ba.className=Ge.className;var qd="color-picker",Yd="colorpicker";import{Fragment as ZT,jsx as Ut,jsxs as ji}from"react/jsx-runtime";var Qd="k-colorpicker",YT=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],QT={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},Zd={arrowIconName:"caret-alt-down"},Ct=e=>{let{size:t,rounded:o,fillMode:r,arrowIconName:l=Zd.arrowIconName,prefix:s,suffix:c,value:u,placeholder:f,hover:h,focus:v,valid:L,invalid:g,required:M,disabled:A,valueIconName:G,popup:U,opened:P,adaptive:te,adaptiveSettings:ye,adaptiveTitle:Te,adaptiveSubtitle:je,...et}=e,Nt="colorpicker-popup";return ji(ZT,{children:[ji(Zt,{...et,size:t,rounded:o,fillMode:r,hover:h,focus:v,valid:L,invalid:g,required:M,disabled:A,role:"combobox","aria-haspopup":"dialog","aria-expanded":P?"true":"false","aria-controls":P||te?Nt:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":A?"true":void 0,className:a(e.className,Qd,"k-icon-picker"),children:[Ut(Et,{children:s}),Ut(Yo,{placeholder:f,value:u,showValue:!1,valueIcon:Ut(wo,{className:"k-value-icon",color:u,iconName:G}),valueIconName:G}),Ut(It,{children:c}),Ut(m,{className:"k-input-button",icon:l,size:t,fillMode:r,tabIndex:-1,"aria-label":"Open color picker",disabled:A})]}),P&&U&&Ut(de,{id:Nt,className:"k-colorpicker-popup",children:U}),te&&Ut(Ie,{adaptive:!0,id:Nt,...ye,header:Ut(ot,{actionsEnd:Ut(m,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:Te,subtitle:je}),footer:ji(vo,{children:[Ut(m,{text:"Cancel",size:"large"}),Ut(m,{text:"Set",size:"large",themeColor:"primary"})]}),children:Ut(Ge,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Ct.states=YT;Ct.options=QT;Ct.className=Qd;Ct.defaultOptions=Zd;Ct.moduleName=qd;Ct.folderName=Yd;Ct.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var po=Ct;import{jsx as jT}from"react/jsx-runtime";var kl=e=>jT(po,{...e});import{jsx as qP}from"react/jsx-runtime";import{jsx as e_}from"react/jsx-runtime";import{jsx as r_}from"react/jsx-runtime";import{jsx as s_}from"react/jsx-runtime";import{jsx as m_}from"react/jsx-runtime";import{jsx as T_}from"react/jsx-runtime";import{jsx as aa}from"react/jsx-runtime";var eg=po.options,tg=po.states,jd={...po.defaultOptions,variant:"color"},og=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],ag=[{name:"opened",title:"Opened"}],za=e=>{let{variant:t,modifiers:o,...r}={...jd,...e},l={};Object.keys(o||{}).forEach(c=>{c==="opened"&&(l.opened=!!o?.[c],l.popup=o?.[c]?aa(Ge,{size:r.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let s=l.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return aa("div",{style:s,children:aa(kl,{...r,...l})});case"icon":return aa("div",{style:s,children:aa(kl,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...r,...l})});default:return aa("div",{style:s,children:aa(kl,{value:"rgba(183, 118 , 118, 1.00)",...r,...l})})}};za.options=eg;za.states=tg;za.variants=og;za.defaultOptions=jd;za.modifiers=ag;za.className=po.className;var en="combobox",ec=en;import{Fragment as tn,jsx as Be,jsxs as zr}from"react/jsx-runtime";var tc="k-combobox",rg=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],lg={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},oc={separators:!0},Ye=e=>{let{size:t,rounded:o,fillMode:r,separators:l=oc.separators,prefix:s,suffix:c,value:u,placeholder:f,hover:h,focus:v,valid:L,invalid:g,required:M,loading:A,disabled:G,popup:U,opened:P,readonly:te,adaptive:ye,adaptiveSettings:Te,adaptiveTitle:je,adaptiveSubtitle:et,adaptiveCustomValue:Nt,id:Jo,autocomplete:ql,activeDescendant:No,"aria-label":tl,...Yl}=e,Ql=Jo?`${Jo}-listbox`:void 0;return zr(tn,{children:[zr(He,{...Yl,size:t,rounded:o,fillMode:r,hover:h,focus:v,valid:L,invalid:g,required:M,loading:A,disabled:G,readonly:te,className:a(e.className,tc),children:[s&&zr(tn,{children:[Be(Et,{children:s}),l&&Be(Gt,{})]}),Be(wt,{id:Jo,placeholder:f,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":P?"true":"false","aria-controls":P?Ql:void 0,"aria-activedescendant":P&&No?No:void 0,"aria-autocomplete":ql,"aria-invalid":g?"true":void 0,"aria-busy":A?"true":void 0,"aria-label":tl,disabled:G,readOnly:te}),Be(tt,{valid:L,invalid:g,loading:A,disabled:G}),Be(bt,{loading:A,disabled:G}),Be(kt,{loading:A,disabled:G,readonly:te,value:u}),c&&zr(tn,{children:[l&&Be(Gt,{}),Be(It,{children:c})]}),Be(m,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:r,"aria-label":"Open popup",tabIndex:-1,disabled:G})]}),P&&U&&Be(de,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:U}),ye&&Be(Ie,{adaptive:!0,id:Jo?`${Jo}-adaptive`:void 0,...Te,header:Be(ot,{actionsEnd:Be(m,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:f,title:je,subtitle:et}),children:Be("div",{className:"k-list-container",children:Be(ne,{customValue:Nt?Be(Ro,{text:`Use "${u}"`}):void 0,size:"large",children:zr(Ne,{"aria-label":je||"Options",children:[Be(j,{text:"List item"}),Be(j,{text:"List item"}),Be(j,{text:"List item"})]})})})})]})};Ye.states=rg;Ye.options=lg;Ye.className=tc;Ye.defaultOptions=oc;Ye.moduleName=en;Ye.folderName=ec;Ye.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list|both|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:'.k-combobox-popup .k-list-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 Lt=Ye;import{jsx as ig}from"react/jsx-runtime";var ac=e=>ig(Lt,{...e});import{jsx as Z_,jsxs as j_}from"react/jsx-runtime";import{jsx as lK,jsxs as iK}from"react/jsx-runtime";import{jsx as mK,jsxs as uK}from"react/jsx-runtime";import{Fragment as xK,jsx as hK}from"react/jsx-runtime";import{Fragment as LK,jsx as CK}from"react/jsx-runtime";import{jsx as EK,jsxs as IK}from"react/jsx-runtime";import{Fragment as BK,jsx as KK,jsxs as DK}from"react/jsx-runtime";import{jsx as $K}from"react/jsx-runtime";import{jsx as JK}from"react/jsx-runtime";import{jsx as eD,jsxs as tD}from"react/jsx-runtime";import{jsx as nD,jsxs as sD}from"react/jsx-runtime";import{jsx as Eo,jsxs as mg}from"react/jsx-runtime";var ng=Ye.states,sg=Ye.defaultOptions,dg=Ye.options,cg=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],pg=[],Ua=e=>{let{modifiers:t,...o}=e,r={},l=Eo(ne,{style:{width:300},size:o.size,children:mg(Ne,{children:[Eo(j,{children:"List item"}),Eo(j,{children:"List item"}),Eo(j,{children:"List item"})]})});return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":r.prefix=t?.[s]?Eo(p,{icon:"map-marker-target"}):void 0;break;case"suffix":r.suffix=t?.[s]?Eo(ko,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":r.opened=!!t?.[s],r.popup=t?.[s]?l:void 0;break;default:break}}),Eo("div",{children:Eo(ac,{value:"Value",style:{width:300},...o,...r})})};Ua.options=dg;Ua.states=ng;Ua.variants=pg;Ua.defaultOptions=sg;Ua.modifiers=cg;Ua.className=Ye.className;var on="menu-button",rc=on;import{jsx as fg}from"react/jsx-runtime";var lc="k-menu-button",ug=[n.hover,n.focus,n.active,n.selected,n.disabled],bg={size:[d.undefined,d.xsmall,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[w.undefined,w.solid,w.flat,w.outline,w.clear,w.link],themeColor:[y.undefined,y.base,y.primary,y.secondary,y.tertiary,y.success,y.warning,y.error,y.info,y.inverse]},an={showArrow:!0,arrowIconName:"caret-alt-down"},be=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,hover:s,focus:c,active:u,selected:f,disabled:h,icon:v,text:L,showArrow:g=an.showArrow,arrowIconName:M=an.arrowIconName,expanded:A,...G}=e;return fg(m,{...G,className:a(e.className,lc),text:L,size:t,rounded:o,fillMode:r,themeColor:l,hover:s,focus:c,active:u,selected:f,disabled:h,icon:v,showArrow:g,arrowIconName:M,"aria-expanded":A?"true":"false",...!L&&v&&!e["aria-label"]&&{"aria-label":"Menu"},...h&&{"aria-disabled":"true"}})};be.states=ug;be.options=bg;be.className=lc;be.defaultOptions=an;be.moduleName=on;be.folderName=rc;be.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};import{jsx as zD}from"react/jsx-runtime";import{jsx as WD}from"react/jsx-runtime";import{jsx as qD}from"react/jsx-runtime";var yt="menu",Ft=yt;import{jsx as Ur,jsxs as ic}from"react/jsx-runtime";var rn="k-menu-item",Tg=[n.hover,n.focus,n.active,n.selected,n.disabled],gg={},nc={iconPosition:"before"},Qe=e=>{let{hover:t,focus:o,active:r,selected:l,disabled:s,icon:c,text:u,first:f,last:h,showArrow:v,arrowIconName:L,iconPosition:g=nc.iconPosition,dir:M,children:A,expanded:G,...U}=e,P=L;return P||(P=M==="rtl"?"caret-alt-left":"caret-alt-right"),ic("li",{...U,className:a(e.className,rn,"k-item",E(rn,{focus:o,disabled:s,hover:t,active:r,selected:l}),{"k-first":f,"k-last":h}),role:"menuitem",...v&&{"aria-haspopup":"menu"},...v&&{"aria-expanded":G?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[ic("span",{className:a("k-link k-menu-link"),children:[c&&g==="before"&&Ur(p,{className:"k-menu-link-icon",icon:c}),Ur("span",{className:"k-menu-link-text",children:u}),c&&g==="after"&&Ur(p,{className:"k-menu-link-icon",icon:c}),v&&Ur("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ur(p,{icon:P})})]}),A]})};Qe.states=Tg;Qe.options=gg;Qe.className=rn;Qe.defaultOptions=nc;Qe.moduleName=yt;Qe.folderName=Ft;import{jsx as Fr,jsxs as sc}from"react/jsx-runtime";var ln="k-menu-item",hg=[n.hover,n.focus,n.active,n.selected,n.disabled],xg={},nn={dir:"ltr",iconPosition:"before"},ae=e=>{let{hover:t,focus:o,active:r,selected:l,disabled:s,icon:c,text:u,first:f,last:h,showArrow:v,arrowIconName:L,iconPosition:g=nn.iconPosition,dir:M=nn.dir,children:A,popup:G,expanded:U,...P}=e,te=L;return te||(te=M==="rtl"?"caret-alt-left":"caret-alt-right"),sc("li",{...P,className:a(e.className,ln,"k-item",E(ln,{focus:o,disabled:s}),{"k-first":f,"k-last":h}),role:"menuitem",...v&&{"aria-haspopup":"menu"},...v&&{"aria-expanded":U?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[sc("span",{className:a("k-link k-menu-link",E("k-menu-link",{hover:t,active:r,selected:l,disabled:s})),children:[c&&g==="before"&&Fr(p,{className:"k-menu-link-icon",icon:c}),Fr("span",{className:"k-menu-link-text",children:u}),c&&g==="after"&&Fr(p,{className:"k-menu-link-icon",icon:c}),v&&Fr("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Fr(p,{icon:te})})]}),A,G]})};ae.states=hg;ae.options=xg;ae.className=ln;ae.defaultOptions=nn;ae.moduleName=yt;ae.folderName=Ft;import{jsx as vg}from"react/jsx-runtime";var dc="k-menu-scroll-wrapper",Ng=[],kg={},wg={},ra=e=>{let{className:t,children:o,orientation:r,...l}=e;return vg("div",{...l,className:a(t,dc,{"k-menu-scroll-wrapper-vertical":r==="vertical"}),children:o})};ra.states=Ng;ra.options=kg;ra.className=dc;ra.defaultOptions=wg;ra.moduleName=yt;ra.folderName=Ft;var cc=ra;import{Fragment as sn,jsx as la,jsxs as vl}from"react/jsx-runtime";var dn="k-menu",Cg=[],Lg={},Cl={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Me=e=>{let{children:t,orientation:o=Cl.orientation,header:r=Cl.header,scrollable:l,scrollButtonsPosition:s=Cl.scrollButtonsPosition,wrapperStyles:c,dir:u,popup:f,contextMenu:h,...v}=e,L={horizontal:{prev:u!=="rtl"?"left":"right",next:u!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},g=la("ul",{dir:u,...v,className:a(e.className,"k-reset",dn,{[`${dn}-${o}`]:o,"k-header":r}),role:h?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return vl(sn,{children:[l?vl(cc,{orientation:o,style:c,dir:e.dir,children:[s==="start"&&vl(sn,{children:[la(m,{fillMode:"flat",icon:`caret-alt-${L[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),la(m,{fillMode:"flat",icon:`caret-alt-${L[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&la(m,{fillMode:"flat",icon:`caret-alt-${L[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),g,s==="end"&&vl(sn,{children:[la(m,{fillMode:"flat",icon:`caret-alt-${L[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),la(m,{fillMode:"flat",icon:`caret-alt-${L[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&la(m,{fillMode:"flat",icon:`caret-alt-${L[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):g,f]})};Me.states=Cg;Me.options=Lg;Me.className=dn;Me.defaultOptions=Cl;Me.moduleName=yt;Me.folderName=Ft;Me.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."}]};import{jsx as yg}from"react/jsx-runtime";var cn="k-separator",pc={orientation:"horizontal"},Io=e=>{let{orientation:t=pc.orientation,...o}=e;return yg("li",{...o,className:a(e.className,"k-item",cn,{[`${cn}-${t}`]:t}),role:"separator"})};Io.className=cn;Io.defaultOptions=pc;Io.moduleName=yt;Io.folderName=Ft;import{Fragment as CB,jsx as LB}from"react/jsx-runtime";import{jsx as Ag}from"react/jsx-runtime";var pn="k-menu-group",Mg=[],Sg={size:[d.undefined,d.small,d.medium,d.large]},Rg={},_e=e=>{let{children:t,size:o,...r}=e;return Ag("ul",{...r,className:a(e.className,pn,R(pn,{size:o})),role:"menu",children:t})};_e.states=Mg;_e.options=Sg;_e.className=pn;_e.defaultOptions=Rg;_e.moduleName=yt;_e.folderName=Ft;import{Fragment as Eg,jsx as Fa,jsxs as Ig}from"react/jsx-runtime";var mn=e=>Fa(Me,{children:Ig(Eg,{children:[Fa(Qe,{first:!0,text:"Item 1"}),Fa(Qe,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),Fa(Qe,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),Fa(Qe,{text:"Item 4"}),Fa(Qe,{last:!0,text:"Item 5"})]}),...e});import{Fragment as DB,jsx as _B,jsxs as KB}from"react/jsx-runtime";import{Fragment as $B,jsx as FB,jsxs as WB}from"react/jsx-runtime";import{Fragment as YB,jsx as qB,jsxs as QB}from"react/jsx-runtime";import{Fragment as o2,jsx as t2,jsxs as a2}from"react/jsx-runtime";import{jsx as ia,jsxs as _g}from"react/jsx-runtime";var Gg=Me.options,Og=Me.states,mc={...Me.defaultOptions,variant:"horizontal"},Hg=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Pg=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],$a=e=>{let{variant:t,modifiers:o,...r}={...mc,...e},l={};return Object.keys(o||{}).forEach(s=>{switch(s){case"scrollable":l.scrollable=!!o?.[s];break;case"opened":l.opened=!!o?.[s],l.popup=ia(de,{className:"k-menu-popup",children:_g(_e,{children:[ia(ae,{text:"Item 1"}),ia(ae,{text:"Item 2"}),ia(Io,{}),ia(ae,{text:"Item 3"})]})});break}}),t==="vertical"?ia(mn,{...r,...l,orientation:"vertical",style:{width:"200px"}}):ia(mn,{...r,...l})};$a.options=Gg;$a.states=Og;$a.variants=Hg;$a.defaultOptions=mc;$a.modifiers=Pg;$a.className=Me.className;import{Fragment as H2,jsx as G2,jsxs as O2}from"react/jsx-runtime";import{jsx as D2}from"react/jsx-runtime";import{Fragment as Ug,jsx as oo,jsxs as uc}from"react/jsx-runtime";var Kg=m.states,bc={...m.defaultOptions,variant:"text"},Dg=m.options,Bg=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],zg=[{name:"opened",title:"Opened"}],Wa=e=>{let{variant:t,modifiers:o,...r}={...bc,...e},l={},s=oo(de,{className:"k-menu-popup",children:uc(_e,{size:r.size,children:[oo(ae,{first:!0,text:"Menu Item"}),oo(ae,{text:"Menu Item"}),oo(ae,{last:!0,text:"Menu Item"})]})}),c;switch(t){case"icon-only":c=oo("div",{children:oo(be,{...r,...l,icon:"star"})});break;case"icon-and-text":c=oo("div",{children:oo(be,{...r,...l,icon:"star",children:"Dropdown Button"})});break;default:c=oo("div",{children:oo(be,{...r,...l,children:"Dropdown Button"})});break}return uc(Ug,{children:[c,o?.opened&&s]})};Wa.options=Dg;Wa.states=Kg;Wa.variants=Bg;Wa.defaultOptions=bc;Wa.modifiers=zg;Wa.className=be.className;var un="split-button",fc=un;import{Fragment as Wg,jsx as bn,jsxs as Tc}from"react/jsx-runtime";var fn="k-split-button",Fg=[n.hover,n.focus,n.active,n.selected,n.disabled],$g={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[w.undefined,w.solid,w.flat,w.outline,w.clear,w.link],themeColor:[y.undefined,y.base,y.primary,y.secondary,y.tertiary,y.success,y.warning,y.error,y.info,y.inverse]},gc={arrowIconName:"caret-alt-down"},le=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,hover:s,focus:c,active:u,selected:f,disabled:h,icon:v,text:L,arrowIconName:g=gc.arrowIconName,popup:M,opened:A,popupId:G,...U}=e;return Tc(Wg,{children:[Tc("div",{...U,className:a(e.className,fn,"k-button-group",R(fn,{rounded:o})),children:[bn(m,{text:L,icon:v,size:t,rounded:o,fillMode:r,themeColor:l,hover:s,focus:c,active:u,selected:f,disabled:h,...!L&&!e.children&&v&&{"aria-label":"Action"},children:e.children}),bn(m,{className:"k-split-button-arrow",icon:g,size:t,rounded:o,fillMode:r,disabled:h,"aria-label":"Toggle dropdown","aria-expanded":A?"true":"false","aria-controls":A?G:void 0,tabIndex:-1,...h&&{"aria-disabled":"true"}})]}),A&&M&&bn(de,{className:"k-menu-popup",children:M})]})};le.states=Fg;le.options=$g;le.className=fn;le.defaultOptions=gc;le.moduleName=un;le.folderName=fc;le.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var Tn=le;import{jsx as Xg}from"react/jsx-runtime";var Vg="k-toolbar-separator",Jt=e=>Xg("div",{className:a(Vg,e.className,"k-separator")});var mo="toolbar",Go=mo;import{Fragment as gn,jsx as ce,jsxs as Va}from"react/jsx-runtime";var uo="k-toolbar",Jg=[n.focus],qg={size:[d.undefined,d.small,d.medium,d.large],fillMode:[w.undefined,w.solid,w.outline,w.flat]},Yg={scrollButtons:"around"},pe=e=>{let{size:t,fillMode:o,focus:r,resizable:l,scrollable:s,scrollButtons:c,scrollingPosition:u,section:f,...h}=e,v=[],L=(g,M)=>{let A=[];if(g.type===m&&g.props.className&&g.props.className.includes("k-toolbar-overflow-button"))A.push(ce(m,{...g.props,className:`${g.props.className?g.props.className:""}`},`${M}-${new Date().getTime()}`));else if(g.type===m)A.push(ce(m,{...g.props,className:`k-toolbar-button ${g.props.className?g.props.className:""}`},`${M}-${new Date().getTime()}`));else if(g.type===yr)A.push(ce(yr,{...g.props,className:`k-toolbar-button ${g.props.className?g.props.className:""}`},`${M}-${new Date().getTime()}`));else if(g.type===ko)A.push(ce(ko,{...g.props,className:`k-toolbar-button ${g.props.className?g.props.className:""}`},`${M}-${new Date().getTime()}`));else if(g.type===be)A.push(ce(be,{...g.props,className:`k-toolbar-menu-button ${g.props.className?g.props.className:""}`},`${M}-${new Date().getTime()}`));else if(g.type===Tn)A.push(ce(Tn,{...g.props,className:`k-toolbar-split-button ${g.props.className?g.props.className:""}`},`${M}-${new Date().getTime()}`));else if(g.type===q||g.props.className&&g.props.className.includes("k-button-group")){let G=[];(Array.isArray(g.props.children)?g.props.children:[g.props.children]).forEach((P,te)=>{G.push(ce(m,{...P.props,className:`${P.props.className?P.props.className:""}`},`${te}-${new Date().getTime()}`))}),A.push(ce(q,{...g.props,className:`k-toolbar-button-group ${g.props.className?g.props.className:""}`,children:G},`${M}-${new Date().getTime()}`))}else g.type===Ye?A.push(ce(Ye,{...g.props,className:`k-toolbar-combobox ${g.props.className?g.props.className:""}`},`${M}-${new Date().getTime()}`)):g.type===ue?A.push(ce(ue,{...g.props,className:`k-toolbar-dropdownlist ${g.props.className?g.props.className:""}`},`${M}-${new Date().getTime()}`)):g.type===Ct?A.push(ce(Ct,{...g.props,className:`k-toolbar-colorpicker ${g.props.className?g.props.className:""}`},`${M}-${new Date().getTime()}`)):A.push(g);A.forEach(G=>{v.push(G)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((M,A)=>{L(M,A)}),Va("div",{...h,className:a(e.className,uo,R(uo,{size:t,fillMode:o}),E(uo,{focus:r}),{[`${uo}-resizable`]:l,[`${uo}-scrollable`]:s,[`${uo}-scrollable-overlay`]:s&&c==="hidden",[`${uo}-scrollable-${u}`]:u&&u!=="both",[`${uo}-section`]:f}),role:"toolbar","aria-label":"Toolbar",children:[!s&&v,s&&c==="hidden"&&ce("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),s&&c==="start"&&Va(gn,{children:[Va(q,{children:[ce("span",{className:a("k-toolbar-prev","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:ce(p,{className:"k-button-icon",icon:"caret-alt-left"})}),ce("span",{className:a("k-toolbar-next","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:ce(p,{className:"k-button-icon",icon:"caret-alt-right"})})]}),ce(Jt,{className:"k-toolbar-button-separator"}),ce("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v})]}),s&&c==="end"&&Va(gn,{children:[ce("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),ce(Jt,{className:"k-toolbar-button-separator"}),Va(q,{children:[ce("span",{className:a("k-toolbar-prev","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:ce(p,{className:"k-button-icon",icon:"caret-alt-left"})}),ce("span",{className:a("k-toolbar-next","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:ce(p,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),s&&(c==="around"||!c)&&Va(gn,{children:[ce("span",{className:a("k-toolbar-prev","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:ce(p,{className:"k-button-icon",icon:"caret-alt-left"})}),ce(Jt,{className:"k-toolbar-button-separator"}),ce("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),ce(Jt,{className:"k-toolbar-button-separator"}),ce("span",{className:a("k-toolbar-next","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:ce(p,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};pe.states=Jg;pe.options=qg;pe.className=uo;pe.defaultOptions=Yg;pe.moduleName=mo;pe.folderName=Go;pe.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."}]};import{jsx as eh}from"react/jsx-runtime";var hc="k-floating-toolbar",Qg=[],Zg={},jg={},Xa=e=>{let{...t}=e;return eh("div",{...t,className:a(e.className,hc),children:e.children})};Xa.states=Qg;Xa.options=Zg;Xa.className=hc;Xa.defaultOptions=jg;Xa.moduleName=mo;Xa.folderName=Go;import{jsx as rh}from"react/jsx-runtime";var hn="k-toolbar-item",th=[n.focus],oh={},ah={},Ja=e=>{let{focus:t,...o}=e;return rh("div",{...o,className:a(e.className,hn,E(hn,{focus:t})),children:e.children})};Ja.states=th;Ja.options=oh;Ja.className=hn;Ja.defaultOptions=ah;Ja.moduleName=mo;Ja.folderName=Go;import{jsx as xc}from"react/jsx-runtime";var Nc="k-toolbar-popup",lh=[],ih={size:[d.undefined,d.small,d.medium,d.large],fillMode:[w.undefined,w.solid,w.outline,w.flat]},nh={},na=e=>{let{size:t,fillMode:o,section:r,...l}=e;return xc(de,{...l,className:a(e.className,Nc),children:r?xc("span",{className:a("k-toolbar-items-list",R("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};na.states=lh;na.options=ih;na.className=Nc;na.defaultOptions=nh;na.moduleName=mo;na.folderName=Go;var Ll=na;import{jsx as U3}from"react/jsx-runtime";import{jsx as V3}from"react/jsx-runtime";import{jsx as Y3}from"react/jsx-runtime";import{jsx as o5,jsxs as a5}from"react/jsx-runtime";import{jsx as n5}from"react/jsx-runtime";import{jsx as bo,jsxs as mh}from"react/jsx-runtime";var sh=le.states,kc={...le.defaultOptions,variant:"text"},dh=le.options,ch=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ph=[{name:"opened",title:"Opened"}],qa=e=>{let{variant:t,modifiers:o,...r}={...kc,...e},l={},s=mh(_e,{size:r.size,children:[bo(ae,{first:!0,text:"Menu Item"}),bo(ae,{text:"Menu Item"}),bo(ae,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(c=>{c==="opened"&&(l.opened=!!o?.[c],l.popup=o?.[c]?s:"")}),t){case"icon-only":return bo("div",{children:bo(le,{...r,...l,icon:"star"})});case"icon-and-text":return bo("div",{children:bo(le,{...r,...l,icon:"star",children:"Split Button"})});default:return bo("div",{children:bo(le,{...r,...l,children:"Split Button"})})}};qa.options=dh;qa.states=sh;qa.variants=ch;qa.defaultOptions=kc;qa.modifiers=ph;qa.className=le.className;import{jsx as sa,jsxs as uh}from"react/jsx-runtime";var wc=e=>sa(pe,{children:[sa(m,{children:"Button"},"toolbar-button"),sa(be,{text:"Menu button"},"toolbar-menu-button"),sa(le,{children:"Split button"},"toolbar-split-button"),uh(q,{children:[sa(m,{className:"k-group-start",icon:"align-left",children:"Left"}),sa(m,{icon:"align-center",children:"Center"}),sa(m,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as P5,jsxs as _5}from"react/jsx-runtime";import{jsx as Mt,jsxs as vc}from"react/jsx-runtime";var Cc=e=>Mt(pe,{scrollable:!0,...e,children:[Mt(m,{children:"Button"},"toolbar-button"),Mt(be,{text:"Menu button"},"toolbar-menu-button"),Mt(le,{children:"Split button"},"toolbar-split-button"),vc(q,{children:[Mt(m,{className:"k-group-start",icon:"align-left",children:"Left"}),Mt(m,{icon:"align-center",children:"Center"}),Mt(m,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Mt(m,{children:"Button"},"toolbar-button"),Mt(be,{text:"Menu button"},"toolbar-menu-button"),Mt(le,{children:"Split button"},"toolbar-split-button"),vc(q,{children:[Mt(m,{className:"k-group-start",icon:"align-left",children:"Left"}),Mt(m,{icon:"align-center",children:"Center"}),Mt(m,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as St,jsxs as Lc}from"react/jsx-runtime";var yc=({scrollingPosition:e="start",...t})=>St(pe,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[St(m,{children:"Button"},"toolbar-button"),St(be,{text:"Menu button"},"toolbar-menu-button"),St(le,{children:"Split button"},"toolbar-split-button"),Lc(q,{children:[St(m,{className:"k-group-start",icon:"align-left",children:"Left"}),St(m,{icon:"align-center",children:"Center"}),St(m,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),St(m,{children:"Button"},"toolbar-button"),St(be,{text:"Menu button"},"toolbar-menu-button"),St(le,{children:"Split button"},"toolbar-split-button"),Lc(q,{children:[St(m,{className:"k-group-start",icon:"align-left",children:"Left"}),St(m,{icon:"align-center",children:"Center"}),St(m,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as bh,jsx as ft,jsxs as yl}from"react/jsx-runtime";var Mc=({fillMode:e,size:t,...o})=>yl(bh,{children:[ft(pe,{section:!0,fillMode:e,size:t,children:[ft(m,{fillMode:e,size:t,children:"Button"},"toolbar-button"),yl(q,{fillMode:e,children:[ft(m,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),ft(m,{icon:"align-center",fillMode:e,size:t,children:"Center"}),ft(m,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),ft(Jt,{className:"k-toolbar-button-separator"}),ft(m,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),yl(Ll,{size:t,fillMode:e,section:!0,...o,children:[ft(le,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),ft(m,{fillMode:e,size:t,children:"Button"},"toolbar-button"),ft(Jt,{}),ft(be,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),yl(q,{fillMode:e,children:[ft(m,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),ft(m,{icon:"align-center",fillMode:e,size:t,children:"Center"}),ft(m,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as Tz,jsx as bz,jsxs as fz}from"react/jsx-runtime";import{Fragment as Mz,jsx as Lz,jsxs as yz}from"react/jsx-runtime";import{jsx as Oo}from"react/jsx-runtime";var fh=pe.options,Th=pe.states,Sc={...pe.defaultOptions,variant:"default"},gh=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],hh=[],Ya=e=>{let{variant:t,...o}={...Sc,...e};switch(t){case"responsive":return Oo("div",{children:Oo(Mc,{style:{width:"583px"},...o})});case"overlay":return Oo("div",{children:Oo(yc,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Oo("div",{children:Oo(Cc,{style:{width:"583px"},...o})});default:return Oo("div",{children:Oo(wc,{style:{width:"583px"},...o})})}};Ya.options=fh;Ya.states=Th;Ya.variants=gh;Ya.defaultOptions=Sc;Ya.modifiers=hh;Ya.className=pe.className;import{jsx as xh}from"react/jsx-runtime";var Rc="k-gantt-header",Ho=e=>xh(pe,{...e,className:a(e.className,Rc,"k-gantt-toolbar"),children:e.children});Ho.className=Rc;Ho.moduleName=ge;Ho.folderName=xe;import{jsx as Nh}from"react/jsx-runtime";var Ac="k-gantt-footer",Qa=e=>Nh(pe,{...e,className:a(e.className,Ac,"k-gantt-toolbar"),children:e.children});Qa.className=Ac;Qa.moduleName=ge;Qa.folderName=xe;import{jsx as kh}from"react/jsx-runtime";var Ec="k-gantt-content",Po=e=>kh("div",{...e,className:a(e.className,Ec),children:e.children});Po.className=Ec;Po.moduleName=ge;Po.folderName=xe;import{jsx as wh}from"react/jsx-runtime";var Ic="k-gantt-tables",_o=e=>wh("div",{...e,className:a(e.className,Ic),children:e.children});_o.className=Ic;_o.moduleName=ge;_o.folderName=xe;var $e="table",Ze=$e;import{jsx as yh}from"react/jsx-runtime";var Gc="k-data-table",vh=[],Ch={size:[d.undefined,d.small,d.medium,d.large]},Lh={},fo=e=>{let{size:t,...o}=e;return yh("div",{...o,className:a(e.className,Gc,R("k-table",{size:t})),children:e.children})};fo.states=vh;fo.options=Ch;fo.className=Gc;fo.defaultOptions=Lh;fo.moduleName=$e;fo.folderName=Ze;import{jsx as Ah}from"react/jsx-runtime";var xn="k-table-header-wrap",Mh=[n.hover,n.focus,n.disabled],Sh={},Rh={},Ko=e=>{let{children:t,hover:o,focus:r,disabled:l,...s}=e;return Ah("div",{...s,className:a(e.className,xn,E(xn,{hover:o,focus:r,disabled:l})),children:t})};Ko.states=Mh;Ko.options=Sh;Ko.className=xn;Ko.defaultOptions=Rh;Ko.moduleName=$e;Ko.folderName=Ze;import{jsx as Oh}from"react/jsx-runtime";var Nn="k-table",Eh=[],Ih={size:[d.undefined,d.small,d.medium,d.large]},Gh={},Se=e=>{let{size:t,...o}=e;return Oh("table",{...o,className:a(e.className,Nn,R(Nn,{size:t})),children:e.children})};Se.states=Eh;Se.options=Ih;Se.className=Nn;Se.defaultOptions=Gh;Se.moduleName=$e;Se.folderName=Ze;import{jsx as kn}from"react/jsx-runtime";var wn="k-table-header",Hh=[n.hover,n.focus,n.disabled],Ph={},_h={},To=e=>{let{children:t,hover:o,focus:r,disabled:l,...s}=e;return kn("div",{...s,className:a(e.className,wn,E(wn,{hover:o,focus:r,disabled:l})),children:kn(Ko,{children:kn(Se,{children:t})})})};To.states=Hh;To.options=Ph;To.className=wn;To.defaultOptions=_h;To.moduleName=$e;To.folderName=Ze;import{jsx as zh}from"react/jsx-runtime";var Oc="k-table-scroller",Kh=[],Dh={},Bh={},Za=e=>{let{children:t,...o}=e;return zh("div",{...o,className:a(e.className,Oc),children:t})};Za.states=Kh;Za.options=Dh;Za.className=Oc;Za.defaultOptions=Bh;Za.moduleName=$e;Za.folderName=Ze;import{jsx as UU}from"react/jsx-runtime";import{jsx as Wh}from"react/jsx-runtime";var Hc="k-table-footer",Uh=[],Fh={},$h={},Do=e=>{let{children:t,...o}=e;return Wh("div",{...o,className:a(e.className,Hc),children:t})};Do.states=Uh;Do.options=Fh;Do.className=Hc;Do.defaultOptions=$h;Do.moduleName=$e;Do.folderName=Ze;import{jsx as qh}from"react/jsx-runtime";var vn="k-table-list",Vh=[],Xh={size:[d.undefined,d.small,d.medium,d.large]},Jh={},Bo=e=>{let{size:t,virtualization:o,...r}=e;return qh("ul",{...r,className:a(e.className,"k-table",vn,R(vn,{size:t}),{"k-virtual-table":o}),children:e.children})};Bo.states=Vh;Bo.options=Xh;Bo.className=vn;Bo.defaultOptions=Jh;Bo.moduleName=$e;Bo.folderName=Ze;import{jsx as Qh}from"react/jsx-runtime";var Yh="k-table-thead",B=e=>Qh("thead",{className:a(e.className,Yh),children:e.children});import{jsx as jh}from"react/jsx-runtime";var Zh="k-table-tbody",H=e=>jh("tbody",{className:a(e.className,Zh),children:e.children});import{jsx as i6}from"react/jsx-runtime";import{jsx as tx}from"react/jsx-runtime";var Cn="k-table-row",ex=[n.hover,n.focus,n.selected,n.disabled,n.highlighted],T=e=>{let{hover:t,focus:o,selected:r,highlighted:l,disabled:s,alt:c,...u}=e;return tx("tr",{...u,className:a(e.className,Cn,{"k-table-alt-row":c},E(Cn,{hover:t,focus:o,disabled:s,selected:r,highlighted:l})),children:e.children})};T.states=ex;T.className=Cn;import{jsx as ax}from"react/jsx-runtime";var Ln="k-table-row",ox=[n.hover,n.focus,n.selected,n.disabled],Ml=e=>{let{hover:t,focus:o,selected:r,disabled:l,alt:s,...c}=e;return ax("li",{...c,className:a(e.className,Ln,{"k-table-alt-row":s},E(Ln,{hover:t,focus:o,disabled:l,selected:r})),children:e.children})};Ml.states=ox;Ml.className=Ln;import{jsx as rx}from"react/jsx-runtime";var Pc="k-table-th",go=e=>{let{text:t,colspan:o,rowspan:r,...l}=e,s=t||e.children;return rx("th",{colSpan:o,rowSpan:r,...l,className:a(e.className,Pc),children:s})};go.className=Pc;go.moduleName=$e;go.folderName=Ze;import{jsx as N6}from"react/jsx-runtime";import{jsx as ix}from"react/jsx-runtime";var yn="k-table-td",lx=[n.focus,n.selected,n.highlighted],i=e=>{let{focus:t,selected:o,highlighted:r,text:l,colspan:s,rowspan:c,...u}=e,f=l||e.children;return ix("td",{colSpan:s,rowSpan:c,...u,className:a(e.className,yn,E(yn,{focus:t,selected:o,highlighted:r})),children:f})};i.states=lx;i.className=yn;import{jsx as M6}from"react/jsx-runtime";import{jsx as E6}from"react/jsx-runtime";import{jsx as H6}from"react/jsx-runtime";import{jsx as D6}from"react/jsx-runtime";import{jsx as F6}from"react/jsx-runtime";import{jsx as Y6,jsxs as Q6}from"react/jsx-runtime";import{jsx as t4,jsxs as o4}from"react/jsx-runtime";import{jsx as i4,jsxs as n4}from"react/jsx-runtime";import{Fragment as u4,jsx as p4,jsxs as m4}from"react/jsx-runtime";import{jsx as dx}from"react/jsx-runtime";var Dc="k-gantt-columns",zo=e=>dx(Se,{...e,className:a(e.className,Dc),role:"presentation",children:e.children});zo.className=Dc;zo.moduleName=ge;zo.folderName=xe;import{jsx as cx}from"react/jsx-runtime";var Bc="k-gantt-rows",Uo=e=>cx(Se,{...e,className:a(e.className,Bc),role:"presentation",children:e.children});Uo.className=Bc;Uo.moduleName=ge;Uo.folderName=xe;import{jsx as px}from"react/jsx-runtime";var zc="k-gantt-tasks",Fo=e=>px(Se,{...e,className:a(e.className,zc),role:"presentation",children:e.children});Fo.className=zc;Fo.moduleName=ge;Fo.folderName=xe;import{jsx as bx}from"react/jsx-runtime";var Uc="k-task",mx=[],ux={},Fc={type:"single"},We=e=>{let{type:t=Fc.type,ariaLevel:o,...r}=e;return bx("div",{...r,className:a(e.className,Uc,{"k-task-single":t==="single","k-task-milestone":t==="milestone","k-task-summary":t==="summary"}),role:"treeitem",...o!==void 0&&{"aria-level":o}})};We.states=mx;We.options=ux;We.className=Uc;We.defaultOptions=Fc;We.moduleName=ge;We.folderName=xe;import{jsx as gx}from"react/jsx-runtime";var $c="k-task-wrap",fx=[],Tx={},Wc={type:"single"},Ve=e=>{let{type:t=Wc.type,...o}=e;return gx("div",{...o,className:a(e.className,$c,{"k-milestone-wrap":t==="milestone","k-summary-wrap":t==="summary"})})};Ve.states=fx;Ve.options=Tx;Ve.className=$c;Ve.defaultOptions=Wc;Ve.moduleName=ge;Ve.folderName=xe;import{jsx as Nx}from"react/jsx-runtime";var Vc="k-task-dot",hx=[],xx={},Xc={position:"start"},we=e=>{let{position:t=Xc.position,...o}=e;return Nx("div",{...o,className:a(e.className,Vc,{"k-task-start":t==="start","k-task-end":t==="end"}),"aria-hidden":"true"})};we.states=hx;we.options=xx;we.className=Vc;we.defaultOptions=Xc;we.moduleName=ge;we.folderName=xe;import{jsx as ja,jsxs as Cx}from"react/jsx-runtime";var Jc="k-task-content",kx=[],wx={},vx={},Rt=e=>{let{content:t,...o}=e;return Cx("div",{...o,className:a(e.className,Jc),children:[t&&ja("div",{className:"k-task-template",children:t}),ja("span",{className:"k-task-actions","aria-hidden":"true",children:ja("a",{className:"k-link k-task-delete",children:ja(p,{icon:"x"})})}),ja("span",{className:"k-resize-handle k-resize-w","aria-hidden":"true"}),ja("span",{className:"k-resize-handle k-resize-e","aria-hidden":"true"})]})};Rt.states=kx;Rt.options=wx;Rt.className=Jc;Rt.defaultOptions=vx;Rt.moduleName=ge;Rt.folderName=xe;import{jsx as Mx}from"react/jsx-runtime";var qc="k-gantt-line",Lx=[],yx={},Yc={orientation:"horizontal"},Re=e=>{let{orientation:t=Yc.orientation,...o}=e;return Mx("div",{...o,className:a(e.className,qc,{"k-gantt-line-h":t==="horizontal","k-gantt-line-v":t==="vertical"}),"aria-hidden":"true"})};Re.states=Lx;Re.options=yx;Re.className=qc;Re.defaultOptions=Yc;Re.moduleName=ge;Re.folderName=xe;var ie="grid",se=ie;import{jsx as Ex,jsxs as Ix}from"react/jsx-runtime";var Sl="k-grid",Sx=[],Rx={size:[d.undefined,d.small,d.medium,d.large]},Ax=[],Qc={pagerPosition:"bottom"},W=e=>{let{size:t,pagerPosition:o=Qc.pagerPosition,toolbar:r,pager:l,groupingHeader:s,gridSelectionAggregates:c,_renderAriaRoot:u,resizable:f,ariaColCount:h,ariaRowCount:v,ariaRootId:L,ariaRole:g="grid",...M}=e;return Ix("div",{...M,className:a(e.className,Sl,{[`${Sl}-resizable`]:f},R(Sl,{size:t})),children:[r,o==="top"&&l,s,e.children&&u?Ex("div",{className:"k-grid-aria-root",role:g,id:L,"aria-colcount":h,"aria-rowcount":v,children:e.children}):e.children,c,o==="bottom"&&l]})};W.states=Sx;W.options=Rx;W.variants=Ax;W.className=Sl;W.defaultOptions=Qc;W.moduleName=ie;W.folderName=se;W.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."}]};import{jsx as Gx}from"react/jsx-runtime";var Zc="k-grid-header",K=e=>{let{draggable:t,...o}=e;return Gx("div",{...o,className:a(e.className,Zc,{"k-grid-draggable-header":t}),children:e.children})};K.className=Zc;K.moduleName=ie;K.folderName=se;import{jsx as jc,jsxs as Ox}from"react/jsx-runtime";var ep="k-grouping-header",ao=e=>{let{dropHint:t,dropClue:o,...r}=e;return Ox("div",{...r,className:a(e.className,ep),children:[o&&jc("div",{className:"k-grouping-dropclue"}),e.children,jc("div",{className:"k-grouping-drop-container",children:t})]})};ao.className=ep;ao.moduleName=ie;ao.folderName=se;import{jsx as Hx}from"react/jsx-runtime";var tp="k-grid-pinned-container",$r=e=>{let{position:t,...o}=e;return Hx("div",{...o,className:a(e.className,tp,{"k-pos-bottom":t==="bottom"}),children:e.children})};$r.className=tp;$r.moduleName=ie;$r.folderName=se;import{jsx as Px}from"react/jsx-runtime";var op="k-grid-sticky-container",Wr=e=>{let{position:t,...o}=e;return Px("div",{...o,className:a(e.className,op,{"k-pos-bottom":t==="bottom"}),children:e.children})};Wr.className=op;Wr.moduleName=ie;Wr.folderName=se;import{jsx as _x}from"react/jsx-runtime";var ap="k-grid-header-table",D=e=>_x(Se,{...e,className:a(e.className,ap),children:e.children});D.className=ap;D.moduleName=ie;D.folderName=se;import{jsx as $o,jsxs as Mn}from"react/jsx-runtime";var Sn="k-header",Kx=[n.hover,n.focus,n.active],rp={sortIcon:"sort-asc-small"},C=e=>{let{menu:t,sortable:o,filterable:r,sticky:l,resizable:s,columnTitle:c,hover:u,focus:f,active:h,sortIcon:v=rp.sortIcon,sortOrder:L,accessibleLabel:g,...M}=e;return Mn(go,{...M,className:a(e.className,Sn,{"k-filterable":t||r,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":s},E(Sn,{hover:u,focus:f,active:h})),children:[c&&Mn("span",{className:"k-cell-inner",children:[Mn("span",{className:"k-link",children:[$o("span",{className:"k-column-title",children:c}),o&&$o("span",{className:"k-sort-icon",children:$o(p,{icon:v})}),L&&$o("span",{className:"k-sort-order",children:L})]}),t&&$o("a",{className:a("k-grid-header-menu",{"k-active":h,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:$o(p,{icon:t==="filter"?"filter":"more-vertical"})})]}),!c&&g&&$o("span",{className:"k-sr-only",children:g}),e.children,s&&$o("span",{className:"k-column-resizer k-touch-action-none"})]})};C.states=Kx;C.className=Sn;C.defaultOptions=rp;C.moduleName=ie;C.folderName=se;import{jsx as Dx}from"react/jsx-runtime";var lp="k-grid-container",V=e=>Dx("div",{...e,className:a(e.className,lp),children:e.children});V.className=lp;V.moduleName=ie;V.folderName=se;import{jsx as Bx}from"react/jsx-runtime";var ip="k-grid-content",z=e=>Bx("div",{...e,className:a(e.className,ip),children:e.children});z.className=ip;z.moduleName=ie;z.folderName=se;import{jsx as zx}from"react/jsx-runtime";var np="k-grid-table",F=e=>zx(Se,{...e,className:a(e.className,np),children:e.children});F.className=np;F.moduleName=ie;F.folderName=se;import{jsx as Ux}from"react/jsx-runtime";var sp="k-grid-footer",Rl=e=>Ux("div",{...e,className:a(e.className,sp),children:e.children});Rl.className=sp;Rl.moduleName=ie;Rl.folderName=se;import{jsx as Fx}from"react/jsx-runtime";var dp="k-grid-footer-table",Al=e=>Fx(Se,{...e,className:a(e.className,dp),children:e.children});Al.className=dp;Al.moduleName=ie;Al.folderName=se;var Rn="pager",cp=Rn;import{Fragment as pp,jsx as Tt,jsxs as er}from"react/jsx-runtime";var El="k-pager",$x=[n.focus,n.disabled],Wx={size:[d.undefined,d.small,d.medium,d.large]},At={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},Ce=e=>{let{responsive:t=At.responsive,size:o,pagerSizeInfo:r=At.pagerSizeInfo,pageTitleInfo:l=At.pageTitleInfo,maxPagesInfo:s=At.maxPagesInfo,itemsPerPage:c=At.itemsPerPage,maxPages:u=At.maxPages,currentPage:f=At.currentPage,previousNext:h=At.previousNext,type:v=At.type,pageSizes:L=At.pageSizes,refresh:g=At.refresh,info:M=At.info,focus:A,disabled:G,dir:U,...P}=e,te=[],ye=[];for(let Te=1;Te<=u;Te++)te.push(Tt(m,{selected:Te===f,fillMode:"flat",themeColor:"primary",size:o,"aria-label":`Page ${Te}`,...Te===f&&{"aria-current":"page"},children:Te},Te)),ye.push(Tt("option",{selected:Te===f,children:Te},Te));return er("div",{dir:U,...P,className:a(e.className,El,R(El,{size:o}),E(El,{focus:A,disabled:G}),{"k-pager-responsive":t}),role:"application","aria-roledescription":"pager","aria-keyshortcuts":"Enter ArrowRight ArrowLeft","aria-label":`Page ${f} of ${u}`,children:[er("div",{className:a("k-pager-numbers-wrap"),children:[h&&er(pp,{children:[Tt(m,{className:a("k-pager-nav","k-pager-first"),ariaDisabled:f===1,fillMode:"flat",size:o,icon:U==="rtl"?"caret-alt-to-right":"caret-alt-to-left",title:"Go to the first page","aria-label":"Go to the first page"}),Tt(m,{className:a("k-pager-nav"),ariaDisabled:f===1,fillMode:"flat",size:o,icon:U==="rtl"?"caret-alt-right":"caret-alt-left",title:"Go to the previous page","aria-label":"Go to the previous page"})]}),v==="numeric"&&Tt("div",{className:a("k-pager-numbers"),children:te}),v==="input"&&er("span",{className:a("k-pager-input"),children:[l&&Tt("span",{children:"Page"}),Tt(oe,{value:`${f}`,size:o,showSpinButton:!1,showClearButton:!1,"aria-label":"Current page"}),Tt("span",{children:s&&`of ${u}`})]}),h&&er(pp,{children:[Tt(m,{className:a("k-pager-nav"),ariaDisabled:f===u,fillMode:"flat",size:o,icon:U==="rtl"?"caret-alt-left":"caret-alt-right",title:"Go to the next page","aria-label":"Go to the next page"}),Tt(m,{className:a("k-pager-nav","k-pager-last"),ariaDisabled:f===u,fillMode:"flat",size:o,icon:U==="rtl"?"caret-alt-to-left":"caret-alt-to-right",title:"Go to the last page","aria-label":"Go to the last page"})]})]}),L&&er("span",{className:a("k-pager-sizes"),children:[Tt(ue,{value:`${c}`,size:o,"aria-label":"Items per page"}),r&&Tt("span",{children:"items per page"})]}),g&&Tt(m,{className:a("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw",title:"Refresh","aria-label":"Refresh"}),M&&Tt("span",{className:a("k-pager-info"),children:M})]})};Ce.states=$x;Ce.options=Wx;Ce.className=El;Ce.defaultOptions=At;Ce.moduleName=Rn;Ce.folderName=cp;Ce.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."}]};import{jsx as B7}from"react/jsx-runtime";import{jsx as $7}from"react/jsx-runtime";import{jsx as J7}from"react/jsx-runtime";import{jsx as mp}from"react/jsx-runtime";var Vx=Ce.options,Xx=Ce.states,Jx={...Ce.defaultOptions,variant:"numeric"},qx=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],Yx=[],tr=e=>{let{variant:t,...o}=e;return t==="input"?mp(Ce,{...o,type:"input"}):mp(Ce,{...o,type:"numeric"})};tr.options=Vx;tr.states=Xx;tr.variants=qx;tr.defaultOptions=Jx;tr.modifiers=Yx;tr.className=Ce.className;import{jsx as Qx}from"react/jsx-runtime";var up="k-grid-pager",$t=e=>Qx(Ce,{...e,className:a(e.className,up),children:e.children});$t.className=up;$t.moduleName=ie;$t.folderName=se;import{jsx as Zx}from"react/jsx-runtime";var bp="k-grid-toolbar",ro=e=>Zx(pe,{...e,className:a(e.className,bp),children:e.children});ro.className=bp;ro.moduleName=ie;ro.folderName=se;import{jsx as An,jsxs as eN}from"react/jsx-runtime";var En="k-grid-stack-cell",jx=[n.focus,n.selected],Il=e=>{let{cellHeader:t,cellContent:o,edit:r,commandCell:l,dirty:s,focus:c,selected:u,...f}=e;return eN("div",{...f,className:a(e.className,En,{"k-grid-stack-edit-cell":r,"k-command-cell":l,"k-dirty-cell":s},E(En,{focus:c,selected:u})),children:[s&&An("span",{className:"k-dirty"}),t&&An("div",{className:"k-grid-stack-header",children:t}),An("div",{className:"k-grid-stack-content",children:o}),e.children]})};Il.states=jx;Il.className=En;Il.moduleName=ie;Il.folderName=se;import{jsx as tN}from"react/jsx-runtime";var fp="k-grid-stack-row",Gl=e=>{let{cols:t,...o}=e;return tN("div",{...o,className:a(e.className,fp,{[`k-grid-cols-${t}`]:t}),children:e.children})};Gl.className=fp;Gl.moduleName=ie;Gl.folderName=se;import{Fragment as I9,jsx as A9,jsxs as E9}from"react/jsx-runtime";import{Fragment as D9,jsx as _9,jsxs as K9}from"react/jsx-runtime";var nt="column-menu",gt=nt;import{jsx as rN}from"react/jsx-runtime";var In="k-column-menu",oN=[],aN={size:[d.undefined,d.small,d.medium,d.large]},Tp={view:"list"},ho=e=>{let{view:t=Tp.view,size:o,...r}=e;return rN("div",{...r,className:a(e.className,In,R(In,{size:o}),{"k-column-menu-tabbed":t==="tabbed"}),children:e.children})};ho.states=oN;ho.options=aN;ho.className=In;ho.defaultOptions=Tp;ho.moduleName=nt;ho.folderName=gt;ho.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."}]};import{jsx as gp}from"react/jsx-runtime";var Gn="k-column-list",lN=[],iN={size:[d.undefined,d.small,d.medium,d.large]},nN={},da=e=>{let{size:t,...o}=e;return gp("div",{className:"k-column-list-wrapper",children:gp("div",{...o,className:a(e.className,Gn,R(Gn,{size:t})),role:"listbox","aria-multiselectable":"true",children:e.children})})};da.states=lN;da.options=iN;da.className=Gn;da.defaultOptions=nN;da.moduleName=nt;da.folderName=gt;import{jsx as hp,jsxs as pN}from"react/jsx-runtime";var On="k-column-list-item",sN=[n.focus,n.disabled,n.hover],dN={},cN={},Vr=e=>{let{label:t,checked:o,focus:r,hover:l,disabled:s,...c}=e;return pN("span",{...c,className:a(e.className,On,E(On,{focus:r,hover:l,disabled:s})),role:"option","aria-checked":o?"true":"false",children:[hp(ze,{disabled:s,checked:o,"aria-label":t}),hp("span",{className:"k-checkbox-label",children:t})]})};Vr.states=sN;Vr.options=dN;Vr.className=On;Vr.defaultOptions=cN;import{jsx as Hn,jsxs as xp}from"react/jsx-runtime";var Pn="k-columnmenu-item",mN=[n.focus,n.selected],uN={},bN={},xo=e=>{let{focus:t,selected:o,text:r,startIcon:l,endIcon:s,sortIndex:c,...u}=e;return xp("div",{...u,className:a(e.className,Pn,E(Pn,{focus:t,selected:o})),role:"button",tabIndex:0,children:[l&&Hn(p,{icon:l}),r,s&&xp("span",{className:"k-columnmenu-indicators",children:[Hn(p,{icon:s}),c&&Hn("span",{className:"k-sort-index",children:c})]}),e.children]})};xo.states=mN;xo.options=uN;xo.className=Pn;xo.defaultOptions=bN;xo.moduleName=nt;xo.folderName=gt;import{jsx as n8}from"react/jsx-runtime";import{jsx as TN}from"react/jsx-runtime";var fN="k-columnmenu-item-content",Np=e=>TN("div",{...e,className:a(e.className,fN,"k-columns-item"),children:e.children});import{jsx as kp}from"react/jsx-runtime";var wp="k-filter-menu",gN=[],hN={},xN={},Wo=e=>{let{...t}=e;return kp("form",{...t,className:a(e.className,wp),children:kp("div",{className:"k-filter-menu-container",children:e.children})})};Wo.states=gN;Wo.options=hN;Wo.className=wp;Wo.defaultOptions=xN;Wo.moduleName=nt;Wo.folderName=gt;import{jsx as h8}from"react/jsx-runtime";import{jsx as _n,jsxs as vN}from"react/jsx-runtime";var NN="k-item",kN={size:[d.undefined,d.small,d.medium,d.large]},wN=[],Kn=e=>{let{text:t,size:o,...r}=e;return _n("li",{...r,className:a(e.className,NN),children:vN("label",{className:"k-label k-checkbox-label",children:[_n(ze,{size:o}),_n("span",{children:t})]})})};Kn.states=wN;Kn.options=kN;import{jsx as or,jsxs as vp}from"react/jsx-runtime";var Cp="k-expander",CN=[],LN={},yN={},ca=e=>{let{itemText:t,itemStartIcon:o,itemEndIcon:r,itemSortIndex:l,expanded:s,itemContent:c,expanderIcon:u,contentId:f,...h}=e,v=f||O("columnmenu-content"),L=!s&&!u?or(p,{icon:"chevron-down"}):s&&!u?or(p,{icon:"chevron-up"}):or(p,{icon:u});return vp("div",{...h,className:a(e.className,Cp),children:[vp(xo,{text:t,startIcon:o,endIcon:r,sortIndex:l,"aria-expanded":s?"true":"false","aria-controls":v,children:[or("span",{className:"k-spacer"}),or("span",{className:"k-expander-indicator",children:L})]}),s&&or(Np,{id:v,children:c}),e.children]})};ca.states=CN;ca.options=LN;ca.className=Cp;ca.defaultOptions=yN;ca.moduleName=nt;ca.folderName=gt;import{jsx as AN}from"react/jsx-runtime";var Dn="k-group-menu",MN=[],SN={size:[d.undefined,d.small,d.medium,d.large]},RN={},ar=e=>{let{size:t,...o}=e;return AN("div",{...o,className:a(e.className,Dn,R(Dn,{size:t})),children:e.children})};ar.states=MN;ar.options=SN;ar.className=Dn;ar.defaultOptions=RN;ar.moduleName=nt;ar.folderName=gt;import{Fragment as ON,jsx as Ol,jsxs as Lp}from"react/jsx-runtime";var Bn="k-group-menu-item",EN=[n.hover,n.selected],IN={},GN={},rr=e=>{let{hover:t,selected:o,text:r,actionsStart:l,actionsEnd:s,...c}=e;return Lp("div",{...c,className:a(e.className,Bn,E(Bn,{hover:t,selected:o})),children:[l&&Ol("span",{className:"k-group-menu-item-actions",children:l}),Ol("span",{className:"k-group-item-text",children:r}),s&&Lp(ON,{children:[Ol("span",{className:"k-spacer"}),Ol("span",{className:"k-group-menu-item-actions",children:s})]}),e.children]})};rr.states=EN;rr.options=IN;rr.className=Bn;rr.defaultOptions=GN;rr.moduleName=nt;rr.folderName=gt;import{jsx as pa}from"react/jsx-runtime";var zn="k-group-menu-item-action",HN=[n.hover,n.disabled,n.selected],PN={size:[d.undefined,d.small,d.medium,d.large]};var Un=e=>{let{hover:t,disabled:o,selected:r,size:l,type:s,...c}=e,u;switch(s){case"remove":u=pa(p,{icon:"x-circle",size:l});break;case"add":u=pa(p,{icon:"plus-circle",size:l});break;case"drag":u=pa(p,{icon:"handle-drag-dots",size:l});break;case"up":u=pa(p,{icon:"chevron-up",size:l});break;case"down":u=pa(p,{icon:"chevron-down",size:l});break;default:u=pa(p,{icon:s,size:l});break}return pa("span",{...c,className:a(e.className,zn,E(zn,{selected:r,hover:t,disabled:o}),`k-group-menu-item-${s}-action`),children:u})};Un.options=HN;Un.options=PN;Un.className=zn;import{jsx as W8}from"react/jsx-runtime";import{Fragment as Z8,jsx as Y8,jsxs as Q8}from"react/jsx-runtime";import{jsx as BN}from"react/jsx-runtime";var yp="k-tabstrip-items",_N=[],KN={},DN={tabAlignment:"start"},Xr=e=>{let{children:t,tabAlignment:o,orientation:r,...l}=e;return BN("ul",{...l,className:a(e.className,yp,"k-reset",`k-tabstrip-items-${o}`),role:"tablist",...r==="vertical"&&{"aria-orientation":"vertical"},children:t})};Xr.states=_N;Xr.options=KN;Xr.className=yp;Xr.defaultOptions=DN;var Mp=Xr;import{jsx as FN}from"react/jsx-runtime";var Sp="k-tabstrip-items-wrapper",zN=[],UN={},Rp={orientation:"horizontal"},Jr=e=>{let{children:t,orientation:o=Rp.orientation,...r}=e;return FN("div",{...r,className:a(e.className,Sp,{"k-hstack":o==="horizontal","k-vstack":o==="vertical"}),children:t})};Jr.states=zN;Jr.options=UN;Jr.className=Sp;Jr.defaultOptions=Rp;var Ap=Jr;var qr="tabstrip",Hl=qr;import{jsx as qt,jsxs as Ep}from"react/jsx-runtime";var Vo="k-tabstrip",$N=[],WN={size:[d.undefined,d.small,d.medium,d.large]},Pl={position:"top",tabAlignment:"start",scrollButtons:"around"},Xe=e=>{let{size:t,scrollable:o,children:r,tabStripItems:l,tabStripItemsId:s,position:c=Pl.position,tabAlignment:u=Pl.tabAlignment,scrollButtons:f=Pl.scrollButtons,dir:h,scrollingPosition:v,overflow:L,...g}=e,M={top:{prev:h!=="rtl"?"left":"right",next:h!=="rtl"?"right":"left"},bottom:{prev:h!=="rtl"?"left":"right",next:h!=="rtl"?"right":"left"},right:{prev:"up",next:"down"},left:{prev:"up",next:"down"}},A={top:"horizontal",bottom:"horizontal",left:"vertical",right:"vertical"},G={start:"start",center:"center",end:"end",justify:"justify",stretched:"stretched"};return Ep("div",{dir:h,...g,className:a(Vo,e.className,{[`${Vo}-${c}`]:c,[`${Vo}-scrollable`]:o,[`${Vo}-scrollable-overlay`]:o&&(f==="hidden"||!f),[`${Vo}-scrollable-${v}`]:v&&v!=="both",[`${Vo}-overflow`]:L},R(Vo,{size:t})),children:[c==="bottom"&&r,Ep(Ap,{orientation:A[c],children:[o&&(f==="around"||f==="start")&&qt("span",{className:a("k-tabstrip-prev","k-button",R("k-button",{size:t,fillMode:w.flat,rounded:N.none}),"k-icon-button"),"aria-hidden":"true",children:qt(p,{className:"k-button-icon",icon:`caret-alt-${M[c].prev}`})}),o&&f==="start"&&qt("span",{className:a("k-tabstrip-next","k-button",R("k-button",{size:t,fillMode:w.flat,rounded:N.none}),"k-icon-button"),"aria-hidden":"true",children:qt(p,{className:"k-button-icon",icon:`caret-alt-${M[c].next}`})}),qt(Mp,{className:a({"k-tabstrip-items-scroll":o&&f==="hidden"}),tabAlignment:G[u],orientation:A[c],...s&&{id:s},children:l}),o&&f==="end"&&qt("span",{className:a("k-tabstrip-prev","k-button",R("k-button",{size:t,fillMode:w.flat,rounded:N.none}),"k-icon-button"),"aria-hidden":"true",children:qt(p,{className:"k-button-icon",icon:`caret-alt-${M[c].prev}`})}),o&&(f==="around"||f==="end")&&qt("span",{className:a("k-tabstrip-next","k-button",R("k-button",{size:t,fillMode:w.flat,rounded:N.none}),"k-icon-button"),"aria-hidden":"true",children:qt(p,{className:"k-button-icon",icon:`caret-alt-${M[c].next}`})}),L&&qt("div",{className:"k-tabstrip-actions k-hstack",children:qt(be,{className:"k-tabstrip-overflow-button",icon:"more-vertical",fillMode:"flat",size:t,showArrow:!1})})]}),c!=="bottom"&&r]})};Xe.states=$N;Xe.options=WN;Xe.className=Vo;Xe.defaultOptions=Pl;Xe.moduleName=qr;Xe.folderName=Hl;Xe.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."}]};import{jsx as qN}from"react/jsx-runtime";var Ip="k-tabstrip-wrapper",VN=[],XN={},JN={},lr=e=>{let{...t}=e;return qN("div",{...t,className:a(e.className,Ip),children:e.children})};lr.states=VN;lr.options=XN;lr.className=Ip;lr.defaultOptions=JN;lr.moduleName=qr;lr.folderName=Hl;import{jsx as _l,jsxs as Fn}from"react/jsx-runtime";var $n="k-tabstrip-item",YN=[n.active,n.hover,n.disabled,n.focus],QN={},Gp={iconPosition:"before"},ht=e=>{let{dragging:t,active:o,hover:r,focus:l,disabled:s,children:c,first:u,last:f,closable:h,icon:v,iconPosition:L=Gp.iconPosition,value:g,actions:M,...A}=e;return Fn("li",{...A,className:a(e.className,$n,E($n,{hover:r,active:o,disabled:s,focus:l}),{"k-tabstrip-dragging":t,"k-first":u,"k-last":f}),role:"tab",...o&&{"aria-selected":"true"},...s&&{"aria-disabled":"true"},children:[Fn("span",{className:"k-link",children:[v&&L==="before"&&_l(p,{icon:v}),g&&_l("span",{className:"k-link-text",children:g}),v&&L==="after"&&_l(p,{icon:v})]}),(M||h)&&Fn("span",{className:"k-item-actions",children:[M,h&&_l(m,{as:"span",className:"k-remove-tab",icon:"x",fillMode:"flat",size:"xsmall",title:"Close","aria-hidden":"true"})]}),c]})};ht.states=YN;ht.options=QN;ht.className=$n;ht.item=Gp;import{jsx as tk}from"react/jsx-runtime";var Wn="k-tabstrip-content",ZN=[n.active,n.focus],jN={},ek={},lo=e=>{let{active:t,focus:o,children:r,...l}=e;return tk("div",{...l,className:a(e.className,Wn,E(Wn,{active:t,focus:o}),e.className),role:"tabpanel",children:r})};lo.states=ZN;lo.options=jN;lo.className=Wn;lo.defaultOptions=ek;import{Fragment as ok,jsx as Xo,jsxs as ak}from"react/jsx-runtime";var Yt=({children:e,...t})=>Xo(Xe,{tabStripItems:ak(ok,{children:[Xo(ht,{first:!0,value:"First"}),Xo(ht,{active:!0,value:"Second"}),Xo(ht,{value:"Third"}),Xo(ht,{value:"Fourth"}),Xo(ht,{last:!0,value:"Fifth"})]}),...t,children:e||Xo(lo,{active:!0,children:Xo("div",{children:"TabStrip Content"})})});import{jsx as rk}from"react/jsx-runtime";var Op=e=>rk(Yt,{position:"bottom",...e});import{jsx as lk}from"react/jsx-runtime";var Hp=e=>lk(Yt,{position:"right",...e});import{jsx as ik}from"react/jsx-runtime";var Pp=e=>ik(Yt,{position:"left",...e});import{jsx as z$}from"react/jsx-runtime";import{Fragment as V$,jsx as W$,jsxs as X$}from"react/jsx-runtime";import{jsx as Q$}from"react/jsx-runtime";import{Fragment as rW,jsx as aW,jsxs as lW}from"react/jsx-runtime";import{Fragment as cW,jsx as dW,jsxs as pW}from"react/jsx-runtime";import{jsx as Kl}from"react/jsx-runtime";var nk={...Xe.options,scrollable:{type:"boolean"}},sk=Xe.states,_p={...Xe.defaultOptions,scrollable:!1,variant:"up"},dk=[{name:"up",title:"Position Up"},{name:"bottom",title:"Position Bottom"},{name:"left",title:"Position Left"},{name:"right",title:"Position Right"}],ck=[],ir=e=>{let{variant:t,...o}={..._p,...e},r={};switch(t){case"right":return Kl(Hp,{style:{height:"230px"},...o,...r,position:"right"});case"left":return Kl(Pp,{style:{height:"230px"},...o,...r,position:"left"});case"bottom":return Kl(Op,{style:{width:"350px"},...o,...r,position:"bottom"});default:return Kl(Yt,{style:{width:"350px"},...o,...r})}};ir.options=nk;ir.states=sk;ir.variants=dk;ir.defaultOptions=_p;ir.modifiers=ck;ir.className=Xe.className;import{Fragment as UW,jsx as zW,jsxs as FW}from"react/jsx-runtime";import{Fragment as jW,jsx as QW,jsxs as ZW}from"react/jsx-runtime";import{Fragment as dV,jsx as nV,jsxs as sV}from"react/jsx-runtime";import{Fragment as KV,jsx as PV,jsxs as _V}from"react/jsx-runtime";import{Fragment as WV,jsx as FV,jsxs as $V}from"react/jsx-runtime";import{Fragment as tX,jsx as jV,jsxs as eX}from"react/jsx-runtime";import{Fragment as uk,jsx as I,jsxs as Le}from"react/jsx-runtime";var Kp=({contentClassName:e,...t})=>I(W,{_renderAriaRoot:!0,pager:I($t,{refresh:!1}),children:Le(uk,{children:[I(K,{children:I("div",{className:"k-grid-header-wrap",children:Le(D,{role:"none",children:[Le("colgroup",{children:[I("col",{}),I("col",{style:{width:"225px"}}),I("col",{}),I("col",{}),I("col",{})]}),Le(B,{role:"rowgroup",children:[Le(T,{role:"row",children:[I(C,{rowspan:1,colspan:1,columnTitle:"Product Id",role:"columnheader"}),I(C,{rowspan:1,colspan:1,columnTitle:"Name",role:"columnheader"}),I(C,{rowspan:1,colspan:1,columnTitle:"Quantity",role:"columnheader"}),I(C,{rowspan:1,colspan:1,columnTitle:"Unit Price",role:"columnheader"}),I(C,{rowspan:1,colspan:1,columnTitle:"Discontinued",role:"columnheader"})]}),Le(T,{className:"k-filter-row",role:"row",children:[I(i,{role:"gridcell","aria-label":"Product Id filter",children:I("div",{className:"k-filtercell",children:Le("div",{className:"k-filtercell-wrapper",children:[I(oe,{"aria-label":"Product Id filter"}),Le("div",{className:"k-filtercell-operator",children:[I(ue,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Product Id filter operator"})," ",I(m,{disabled:!0,icon:"filter-clear","aria-label":"Clear Product Id filter"})]})]})})}),I(i,{role:"gridcell","aria-label":"Name filter",children:I("div",{className:"k-filtercell",children:Le("div",{className:"k-filtercell-wrapper",children:[I(he,{"aria-label":"Name filter"}),Le("div",{className:"k-filtercell-operator",children:[I(ue,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Name filter operator"})," ",I(m,{disabled:!0,icon:"filter-clear","aria-label":"Clear Name filter"})]})]})})}),I(i,{role:"gridcell","aria-label":"Quantity filter",children:I("div",{className:"k-filtercell",children:Le("div",{className:"k-filtercell-wrapper",children:[I(he,{"aria-label":"Quantity filter"}),Le("div",{className:"k-filtercell-operator",children:[I(ue,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Quantity filter operator"})," ",I(m,{disabled:!0,icon:"filter-clear","aria-label":"Clear Quantity filter"})]})]})})}),I(i,{role:"gridcell","aria-label":"Unit Price filter",children:I("div",{className:"k-filtercell",children:Le("div",{className:"k-filtercell-wrapper",children:[I(oe,{"aria-label":"Unit Price filter"}),Le("div",{className:"k-filtercell-operator",children:[I(ue,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Unit Price filter operator"})," ",I(m,{disabled:!0,icon:"filter-clear","aria-label":"Clear Unit Price filter"})]})]})})}),I(i,{role:"gridcell","aria-label":"Discontinued filter",children:I("div",{className:"k-filtercell",children:Le("div",{className:"k-filtercell-wrapper",children:[I(ue,{"aria-label":"Discontinued filter"}),I("div",{className:"k-filtercell-operator",children:I(m,{disabled:!0,icon:"filter-clear","aria-label":"Clear Discontinued filter"})})]})})})]})]})]})})}),I(V,{children:I(z,{className:e,children:Le(F,{role:"none",children:[Le("colgroup",{children:[I("col",{}),I("col",{style:{width:"225px"}}),I("col",{}),I("col",{}),I("col",{})]}),Le(H,{role:"rowgroup",children:[Le(T,{className:"k-master-row",role:"row",children:[I(i,{role:"gridcell",children:"1"}),I(i,{role:"gridcell",children:"Chai"}),I(i,{role:"gridcell",children:"10 boxes x 20 bags"}),I(i,{role:"gridcell",children:"18"}),I(i,{role:"gridcell",children:"false"})]}),Le(T,{className:"k-master-row",role:"row",alt:!0,children:[I(i,{role:"gridcell",children:"2"}),I(i,{role:"gridcell",children:"Chang"}),I(i,{role:"gridcell",children:"24 - 12 oz bottles"}),I(i,{role:"gridcell",children:"19"}),I(i,{role:"gridcell",children:"false"})]}),Le(T,{className:"k-master-row",role:"row",children:[I(i,{role:"gridcell",children:"3"}),I(i,{role:"gridcell",children:"Aniseed Syrup"}),I(i,{role:"gridcell",children:"12 - 550 ml bottles"}),I(i,{role:"gridcell",children:"10"}),I(i,{role:"gridcell",children:"false"})]}),Le(T,{className:"k-master-row",role:"row",alt:!0,children:[I(i,{role:"gridcell",children:"4"}),I(i,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),I(i,{role:"gridcell",children:"48 - 6 oz jars"}),I(i,{role:"gridcell",children:"22"}),I(i,{role:"gridcell",children:"false"})]}),Le(T,{className:"k-master-row",role:"row",children:[I(i,{role:"gridcell",children:"5"}),I(i,{role:"gridcell",children:"Grandma's Boysenberry Spread"}),I(i,{role:"gridcell",children:"12 - 8 oz jars"}),I(i,{role:"gridcell",children:"25"}),I(i,{role:"gridcell",children:"false"})]})]})]})})})]}),...t});import{jsx as Dl}from"react/jsx-runtime";var bk="k-chip-action";var Oe=e=>{let{type:t,...o}=e,r;switch(t){case"remove":r=Dl(p,{icon:"x-circle",size:"small"});break;case"more":r=Dl(p,{icon:"more-vertical",size:"small"});break;default:return Dl(p,{icon:t,size:"small"})}return Dl("span",{...o,className:a(e.className,bk,`k-chip-${t}-action`),children:r})};var Vn="avatar",Dp=Vn;import{jsx as Bp}from"react/jsx-runtime";var Yr="k-avatar";var fk=[n.hover,n.focus,n.active,n.selected,n.disabled],Tk={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[w.undefined,w.solid,w.outline],themeColor:[y.undefined,y.base,y.primary,y.secondary,y.tertiary]},Xn={type:"text",border:!1},st=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,type:s=Xn.type,border:c=Xn.border,...u}=e;return Bp("div",{...u,className:a(e.className,Yr,R(Yr,{size:t,rounded:o,fillMode:r,themeColor:l}),{[`${Yr}-bordered`]:c}),children:Bp("span",{className:`${Yr}-${s}`,children:e.children})})};st.states=fk;st.options=Tk;st.className=Yr;st.defaultOptions=Xn;st.moduleName=Vn;st.folderName=Dp;st.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var ma=st;import{jsx as gk}from"react/jsx-runtime";var zp=e=>gk(ma,{type:"icon",...e});import{jsx as hk}from"react/jsx-runtime";var Up=e=>hk(ma,{type:"text",...e});import{jsx as xk}from"react/jsx-runtime";var Fp=e=>xk(ma,{type:"image",...e});import{jsx as EX}from"react/jsx-runtime";import{jsx as Qr}from"react/jsx-runtime";var Nk=st.options,kk=st.states,wk={...st.defaultOptions,variant:"image"},vk=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],Ck=[],nr=e=>{let{variant:t,...o}=e;switch(t){case"icon":return Qr(zp,{...o,children:Qr(p,{icon:"star"})});case"text":return Qr(Up,{...o,children:"JO"});default:return Qr(Fp,{...o,children:Qr("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};nr.options=Nk;nr.states=kk;nr.variants=vk;nr.defaultOptions=wk;nr.modifiers=Ck;nr.className=st.className;var Zr="chip",Bl=Zr;import{jsx as sr,jsxs as Mk}from"react/jsx-runtime";var zl="k-chip",Lk=[n.hover,n.focus,n.active,n.selected,n.disabled],yk={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[w.undefined,w.solid,w.outline],themeColor:[y.undefined,y.base,y.success,y.warning,y.error,y.info]},$p={avatarImage:"/packages/html/assets/avatar.jpg"},Ae=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,text:s,icon:c,actions:u,showAvatar:f,avatarImage:h=$p.avatarImage,hover:v,focus:L,active:g,selected:M,disabled:A,...G}=e;return Mk("div",{...G,className:a(e.className,zl,R(zl,{size:t,rounded:o,fillMode:r,themeColor:l}),E(zl,{hover:v,focus:L,active:g,disabled:A,selected:M})),role:e.role||"button","aria-pressed":e.role==="option"?void 0:M?"true":"false",...e.role==="option"&&M!==void 0&&{"aria-selected":M?"true":"false"},"aria-disabled":A?"true":void 0,children:[c&&sr(p,{className:"k-chip-icon",icon:c,size:"small"}),f&&sr(st,{className:"k-chip-avatar",type:"image",children:sr("img",{src:h,alt:""})}),sr("span",{className:"k-chip-content",children:e.children?e.children:s&&sr("span",{className:"k-chip-label",children:s})}),u&&sr("span",{className:"k-chip-actions",children:u})]})};Ae.states=Lk;Ae.options=yk;Ae.className=zl;Ae.defaultOptions=$p;Ae.moduleName=Zr;Ae.folderName=Bl;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 Wt=Ae;import{jsx as Ek}from"react/jsx-runtime";var Jn="k-chip-list",Sk=[],Rk={size:[d.undefined,d.small,d.medium,d.large]},Ak={},Ee=e=>{let{size:t,multiselectable:o,ariaLabel:r,...l}=e;return Ek("div",{...l,className:a(e.className,Jn,R(Jn,{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=Sk;Ee.options=Rk;Ee.className=Jn;Ee.defaultOptions=Ak;Ee.moduleName=Zr;Ee.folderName=Bl;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."}]};import{jsx as nJ}from"react/jsx-runtime";import{jsx as pJ}from"react/jsx-runtime";import{jsx as Ik}from"react/jsx-runtime";var Ul=e=>Ik(Wt,{text:"text",...e});import{jsx as xJ}from"react/jsx-runtime";import{jsx as vJ}from"react/jsx-runtime";import{Fragment as RJ,jsx as SJ,jsxs as AJ}from"react/jsx-runtime";import{jsx as HJ,jsxs as PJ}from"react/jsx-runtime";import{jsx as zJ,jsxs as UJ}from"react/jsx-runtime";import{jsx as JJ,jsxs as qJ}from"react/jsx-runtime";import{jsx as dr,jsxs as Kk}from"react/jsx-runtime";var Gk={...Wt.options,...Ee.options},Ok=[],Hk=Ee.states,Pk={...Wt.defaultOptions,...Ee.defaultOptions},_k=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],cr=e=>{let{modifiers:t,className:o,...r}=e,l=t?.icon,s=t?.actions,c=t?.avatar;return Kk(Ee,{size:r.size,className:o,children:[dr(Ul,{...r,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?dr(Oe,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),dr(Ul,{...r,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?dr(Oe,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),dr(Ul,{...r,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?dr(Oe,{type:"remove"}):void 0,showAvatar:c,children:"Chip"})]})};cr.options=Gk;cr.states=Hk;cr.variants=Ok;cr.defaultOptions=Pk;cr.modifiers=_k;cr.className=Ee.className;import{jsx as qn}from"react/jsx-runtime";var Dk=Ae.states,Bk=Ae.defaultOptions,zk=Ae.options,Uk=[],Fk=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],pr=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t||{}).forEach(l=>{switch(l){case"icon":r.icon=t?.[l]?"arrow-down":void 0;break;case"avatar":r.showAvatar=!!t?.[l],r.avatarImage=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?.[l]?qn(Oe,{type:"more"}):void 0;break;case"remove-icon":r.actions||(r.actions=[]),r.actions[1]=t?.[l]?qn(Oe,{type:"remove"}):void 0;break;default:break}}),qn(Ae,{...o,...r,children:"Chip component"})};pr.options=zk;pr.states=Dk;pr.variants=Uk;pr.defaultOptions=Bk;pr.modifiers=Fk;pr.className=Ae.className;import{Fragment as Yn,jsx as $,jsxs as dt}from"react/jsx-runtime";var Wp=({dropClue:e,contentClassName:t,...o})=>$(W,{_renderAriaRoot:!0,groupingHeader:$(ao,{dropClue:e,role:"toolbar","aria-label":"Grouping",children:dt(Ee,{role:"none",children:[$(Ae,{icon:"sort-asc-small",text:"ID",role:"button",actions:dt(Yn,{children:[$(Oe,{type:"more"}),$(Oe,{type:"remove"})]})}),$(Ae,{icon:"sort-desc-small",text:"Name",role:"button",actions:dt(Yn,{children:[$(Oe,{type:"more"}),$(Oe,{type:"remove"})]})})]})}),children:dt(Yn,{children:[$(K,{draggable:!0,children:$("div",{className:"k-grid-header-wrap",children:dt(D,{role:"none",children:[dt("colgroup",{children:[$("col",{className:"k-group-col"}),$("col",{className:"k-group-col"}),$("col",{}),$("col",{}),$("col",{}),$("col",{})]}),$(B,{role:"rowgroup",children:dt(T,{role:"row",children:[$(C,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),$(C,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),$(C,{colspan:1,columnTitle:"ID",role:"columnheader"}),$(C,{colspan:1,columnTitle:"Name",role:"columnheader"}),$(C,{colspan:1,columnTitle:"Price",role:"columnheader"}),$(C,{colspan:1,columnTitle:"Category",role:"columnheader"})]})})]})})}),$(V,{children:$(z,{className:t,children:dt(F,{role:"none",children:[dt("colgroup",{children:[$("col",{className:"k-group-col"}),$("col",{className:"k-group-col"}),$("col",{}),$("col",{}),$("col",{}),$("col",{})]}),dt(H,{role:"rowgroup",children:[$(T,{className:"k-table-group-row k-grouping-row",role:"row",children:$(i,{colspan:6,role:"gridcell","aria-expanded":"false",children:dt("p",{className:"k-reset",children:[$(p,{icon:"caret-alt-right"}),"ID: 1"]})})}),$(T,{className:"k-table-group-row k-grouping-row",role:"row",children:$(i,{colspan:6,role:"gridcell","aria-expanded":"true",children:dt("p",{className:"k-reset",children:[$(p,{icon:"caret-alt-down"}),"ID: 2"]})})}),dt(T,{className:"k-table-group-row k-grouping-row",role:"row",children:[$(i,{className:"k-table-group-td k-group-cell",role:"presentation"}),$(i,{colspan:5,role:"gridcell","aria-expanded":"true",children:dt("p",{className:"k-reset",children:[$(p,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),dt(T,{className:"k-master-row",role:"row",alt:!0,children:[$(i,{className:"k-table-group-td k-group-cell",role:"presentation"}),$(i,{className:"k-table-group-td k-group-cell",role:"presentation"}),$(i,{colspan:0,role:"gridcell",children:"2"}),$(i,{colspan:0,role:"gridcell",children:"Chang"}),$(i,{colspan:0,role:"gridcell",children:"$19.00"}),$(i,{colspan:0,role:"gridcell",children:"Beverages"})]})]})]})})})]}),...o});import{Fragment as _q,jsx as Hq,jsxs as Pq}from"react/jsx-runtime";import{Fragment as Wq,jsx as Fq,jsxs as $q}from"react/jsx-runtime";import{Fragment as Zq,jsx as Yq,jsxs as Qq}from"react/jsx-runtime";import{Fragment as $k,jsx as Q,jsxs as ct}from"react/jsx-runtime";var Vp=({headerWrapClassName:e,contentClassName:t,...o})=>Q(W,{_renderAriaRoot:!0,children:ct($k,{children:[Q(K,{children:Q("div",{className:`k-grid-header-wrap ${e}`,children:ct(D,{role:"none",children:[ct("colgroup",{children:[Q("col",{}),Q("col",{}),Q("col",{}),Q("col",{})]}),ct(B,{role:"rowgroup",children:[ct(T,{role:"row",children:[Q(C,{rowspan:3,colspan:1,columnTitle:"ID",role:"columnheader"}),Q(C,{rowspan:1,colspan:3,columnTitle:"Product Information",role:"columnheader"})]}),ct(T,{role:"row",children:[Q(C,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first",role:"columnheader"}),Q(C,{rowspan:1,colspan:2,columnTitle:"Unit",role:"columnheader"})]}),ct(T,{role:"row",children:[Q(C,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first",role:"columnheader"}),Q(C,{rowspan:1,colspan:1,columnTitle:"Units Price",role:"columnheader"})]})]})]})})}),Q(V,{children:Q(z,{className:t,children:ct(F,{role:"none",children:[ct("colgroup",{children:[Q("col",{}),Q("col",{}),Q("col",{}),Q("col",{})]}),ct(H,{role:"rowgroup",children:[ct(T,{className:"k-master-row",role:"row",children:[Q(i,{role:"gridcell",children:"1"}),Q(i,{role:"gridcell",children:"Chai"}),Q(i,{role:"gridcell",children:"39"}),Q(i,{role:"gridcell",children:"18"})]}),ct(T,{className:"k-master-row",alt:!0,role:"row",children:[Q(i,{role:"gridcell",children:"2"}),Q(i,{role:"gridcell",children:"Chang"}),Q(i,{role:"gridcell",children:"17"}),Q(i,{role:"gridcell",children:"19"})]}),ct(T,{className:"k-master-row",role:"row",children:[Q(i,{role:"gridcell",children:"3"}),Q(i,{role:"gridcell",children:"Aniseed Syrup"}),Q(i,{role:"gridcell",children:"13"}),Q(i,{role:"gridcell",children:"10"})]}),ct(T,{className:"k-master-row",alt:!0,role:"row",children:[Q(i,{role:"gridcell",children:"4"}),Q(i,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),Q(i,{role:"gridcell",children:"53"}),Q(i,{role:"gridcell",children:"22"})]}),ct(T,{className:"k-master-row",role:"row",children:[Q(i,{role:"gridcell",children:"5"}),Q(i,{role:"gridcell",children:"Chef Anton's Gumbo Mix"}),Q(i,{role:"gridcell",children:"0"}),Q(i,{role:"gridcell",children:"21.35"})]})]})]})})})]}),...o});import{Fragment as cY,jsx as sY,jsxs as dY}from"react/jsx-runtime";import{Fragment as gY,jsx as fY,jsxs as TY}from"react/jsx-runtime";import{Fragment as Wk,jsx as Y,jsxs as Vt}from"react/jsx-runtime";var Xp=e=>{let t=O("grid");return Y(W,{_renderAriaRoot:!0,ariaRootId:t,toolbar:Vt(ro,{role:"toolbar","aria-label":"Grid toolbar","aria-controls":t,children:[Y(m,{children:"Add new"}),Y(m,{children:"Save Changes"}),Y(m,{children:"Cancel Changes"})]}),children:Vt(Wk,{children:[Y(K,{children:Y("div",{className:"k-grid-header-wrap",children:Vt(D,{role:"none",children:[Vt("colgroup",{children:[Y("col",{}),Y("col",{}),Y("col",{}),Y("col",{style:{width:"300px"}})]}),Y(B,{role:"rowgroup",children:Vt(T,{role:"row",children:[Y(C,{columnTitle:"Name",role:"columnheader"}),Y(C,{columnTitle:"Price",role:"columnheader"}),Y(C,{columnTitle:"Available",role:"columnheader"}),Y(C,{accessibleLabel:"Commands"})]})})]})})}),Y(V,{children:Y(z,{children:Y("div",{children:Vt(F,{role:"none",children:[Vt("colgroup",{children:[Y("col",{}),Y("col",{}),Y("col",{}),Y("col",{style:{width:"300px"}})]}),Vt(H,{role:"rowgroup",children:[Vt(T,{className:"k-master-row k-grid-add-row k-grid-edit-row",role:"row",children:[Y(i,{role:"gridcell",children:Y(he,{value:"Towel","aria-label":"Name"})}),Y(i,{role:"gridcell",children:Y(oe,{value:"42","aria-label":"Price"})}),Y(i,{role:"gridcell",children:Y(ze,{"aria-label":"Available"})}),Vt(i,{className:"k-command-cell",role:"gridcell",children:[Y(m,{children:"Add"}),Y(m,{children:"Cancel"})]})]}),Vt(T,{className:"k-master-row",role:"row",children:[Y(i,{role:"gridcell",children:"Chai"}),Y(i,{role:"gridcell",children:"18"}),Y(i,{role:"gridcell",children:"false"}),Y(i,{className:"k-command-cell",role:"gridcell",children:Y(m,{children:"Remove"})})]}),Vt(T,{className:"k-master-row",role:"row",alt:!0,children:[Y(i,{role:"gridcell",children:"Chang"}),Y(i,{role:"gridcell",children:"19"}),Y(i,{role:"gridcell",children:"false"}),Y(i,{className:"k-command-cell",role:"gridcell",children:Y(m,{children:"Remove"})})]})]})]})})})})]}),...e})};import{Fragment as FY,jsx as UY,jsxs as $Y}from"react/jsx-runtime";var Qn="context-menu",Jp=Qn;import{jsx as qk}from"react/jsx-runtime";var qp="k-context-menu",Vk=[],Xk={},Jk={},xt=e=>{let{children:t,...o}=e;return qk(_e,{...o,className:a(e.className,qp),role:"menu",children:t})};xt.states=Vk;xt.options=Xk;xt.className=qp;xt.defaultOptions=Jk;xt.moduleName=Qn;xt.folderName=Jp;xt.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."}]};import{jsx as Fl}from"react/jsx-runtime";var Zn=e=>Fl(xt,{children:[Fl(ae,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),Fl(ae,{text:"Item 2"},"menu-item-2"),Fl(ae,{last:!0,text:"Item 3"},"menu-item-3")],...e});import{Fragment as cQ,jsx as sQ,jsxs as dQ}from"react/jsx-runtime";import{jsx as jr,jsxs as ew}from"react/jsx-runtime";var Yk=Me.options,Qk=Me.states,Yp={...Me.defaultOptions,variant:"normal"},Zk=[{name:"normal",title:"Normal"},{name:"separators",title:"With separator"}],jk=[],mr=e=>{let{variant:t,...o}={...Yp,...e};return t==="separators"?ew(Zn,{...o,style:{width:"130px"},children:[jr(ae,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),jr(Io,{}),jr(ae,{text:"Item 2"},"menu-item-2"),jr(ae,{last:!0,text:"Item 3"},"menu-item-3")]}):jr(Zn,{...o,style:{width:"130px"}})};mr.options=Yk;mr.states=Qk;mr.variants=Zk;mr.defaultOptions=Yp;mr.modifiers=jk;mr.className=xt.className;import{Fragment as IQ,jsx as AQ,jsxs as EQ}from"react/jsx-runtime";import{Fragment as $Q,jsx as UQ,jsxs as FQ}from"react/jsx-runtime";import{Fragment as ZQ,jsx as QQ,jsxs as jQ}from"react/jsx-runtime";import{Fragment as sZ,jsx as nZ,jsxs as dZ}from"react/jsx-runtime";import{Fragment as $l,jsx as x,jsxs as me}from"react/jsx-runtime";var tw=W.options,ow=W.states,Qp={...W.defaultOptions,variant:"normal"},aw=[{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"}],rw=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],ur=e=>{let{variant:t,modifiers:o,...r}={...Qp,...e},l={toolbar:void 0,pager:void 0},s=me(ro,{children:[x(m,{icon:"plus",children:"Add New"}),x(m,{icon:"file-pdf",children:"Export to PDF"}),x("span",{className:"k-spacer"}),x(he,{prefix:x(p,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=x(Ce,{pageSizes:!1,refresh:!1});Object.keys(o||{}).forEach(h=>{switch(h){case"toolbar":l.toolbar=o?.[h]?s:void 0;break;case"pager":l.pager=o?.[h]?c:void 0;break;default:return}});let u={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},f=me($l,{children:[x(K,{children:x("div",{className:"k-grid-header-wrap",children:me(D,{children:[me("colgroup",{children:[x("col",{}),x("col",{}),x("col",{}),x("col",{})]}),x(B,{children:me(T,{children:[x(C,{...u[t],columnTitle:"ID"}),x(C,{...u[t],columnTitle:"Product Name"}),x(C,{...u[t],columnTitle:"Units in Stock"}),x(C,{...u[t],columnTitle:"Units Price"})]})})]})})}),x(V,{children:x(z,{children:me(F,{children:[me("colgroup",{children:[x("col",{}),x("col",{}),x("col",{}),x("col",{})]}),me(H,{children:[me(T,{children:[x(i,{children:"1"}),x(i,{children:"Chai"}),x(i,{children:"39"}),x(i,{children:"18"})]}),me(T,{alt:!0,children:[x(i,{children:"2"}),x(i,{children:"Chang"}),x(i,{children:"17"}),x(i,{children:"19"})]}),me(T,{children:[x(i,{children:"3"}),x(i,{children:"Aniseed Syrup"}),x(i,{children:"13"}),x(i,{children:"10"})]}),me(T,{alt:!0,children:[x(i,{children:"4"}),x(i,{children:"Chef Anton's Cajun Seasoning"}),x(i,{children:"53"}),x(i,{children:"22"})]}),me(T,{children:[x(i,{children:"5"}),x(i,{children:"Chef Anton's Gumbo Mix"}),x(i,{children:"0"}),x(i,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return x(Vp,{...r,...l});case"editing":return x(Xp,{...r,...l});case"grouping":return x(Wp,{...r,...l,groupingHeader:x(ao,{children:me(Ee,{children:[x(Ae,{icon:"sort-asc-small",actions:me($l,{children:[x(Oe,{type:"more"}),x(Oe,{type:"remove"})]}),children:"ID"}),x(Ae,{icon:"sort-desc-small",actions:me($l,{children:[x(Oe,{type:"more"}),x(Oe,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return x(W,{...r,...l,children:me($l,{children:[x(K,{children:me("div",{className:"k-grid-header-wrap",children:[" ",me(D,{children:[me("colgroup",{children:[x("col",{className:"k-drag-col"}),x("col",{}),x("col",{}),x("col",{}),x("col",{})]}),x(B,{children:me(T,{children:[x(C,{className:"k-drag-cell",accessibleLabel:"Reorder"}),x(C,{columnTitle:"ID"}),x(C,{columnTitle:"Product Name"}),x(C,{columnTitle:"Units in Stock"}),x(C,{columnTitle:"Units Price"})]})})]})]})}),x(V,{children:x(z,{children:me(F,{children:[me("colgroup",{children:[x("col",{className:"k-drag-col"}),x("col",{}),x("col",{}),x("col",{}),x("col",{})]}),me(H,{children:[me(T,{children:[x(i,{className:"k-drag-cell",children:x(p,{icon:"reorder"})}),x(i,{children:"1"}),x(i,{children:"Chai"}),x(i,{children:"39"}),x(i,{children:"18"})]}),me(T,{alt:!0,children:[x(i,{className:"k-drag-cell",children:x(p,{icon:"reorder"})}),x(i,{children:"2"}),x(i,{children:"Chang"}),x(i,{children:"17"}),x(i,{children:"19"})]}),me(T,{children:[x(i,{className:"k-drag-cell",children:x(p,{icon:"reorder"})}),x(i,{children:"3"}),x(i,{children:"Aniseed Syrup"}),x(i,{children:"13"}),x(i,{children:"10"})]}),me(T,{alt:!0,children:[x(i,{className:"k-drag-cell",children:x(p,{icon:"reorder"})}),x(i,{children:"4"}),x(i,{children:"Chef Anton's Cajun Seasoning"}),x(i,{children:"53"}),x(i,{children:"22"})]}),me(T,{children:[x(i,{className:"k-drag-cell",children:x(p,{icon:"reorder"})}),x(i,{children:"5"}),x(i,{children:"Chef Anton's Gumbo Mix"}),x(i,{children:"0"}),x(i,{children:"21.35"})]})]})]})})})]})});case"filter-row":return x(Kp,{...r,...l});default:return x(W,{...r,...l,children:f})}};ur.options=tw;ur.states=ow;ur.variants=aw;ur.defaultOptions=Qp;ur.modifiers=rw;ur.className=W.className;import{jsx as nw}from"react/jsx-runtime";var ua="k-pane",lw=[],iw={},jn={resizable:!0,flex:!1},Ke=e=>{let{scrollable:t,flexBasis:o,flex:r=jn.flex,collapsible:l,resizable:s=jn.resizable,pinned:c,unpinned:u,tabbed:f,...h}=e;return nw("div",{...h,style:{flexBasis:o,...e.style},className:a(e.className,ua,{[`${ua}-static`]:o,[`${ua}-flex`]:r,"k-scrollable":t,[`${ua}-pinned`]:c,[`${ua}-unpinned`]:u,[`${ua}-tabbed`]:f}),role:"group",children:e.children})};Ke.states=lw;Ke.options=iw;Ke.className=ua;Ke.defaultOptions=jn;import{Fragment as Zp,jsx as ba,jsxs as cw}from"react/jsx-runtime";var br="k-splitbar",sw=[n.hover,n.focus],dw={},es={orientation:"horizontal",draggable:!0},fr=e=>{let{hover:t,focus:o,orientation:r=es.orientation,draggable:l=es.draggable,collapsePrev:s,collapseNext:c,ariaLabel:u,...f}=e;return cw("div",{...f,className:a(e.className,br,E(br,{hover:t,focus:o}),{[`${br}-${r}`]:r,[`${br}-draggable-${r}`]:l,[`${br}-static-${r}`]:!l&&!s&&!c}),role:"separator","aria-label":u,...r==="horizontal"&&{"aria-orientation":"vertical"},"aria-keyshortcuts":"ArrowLeft ArrowRight ArrowUp ArrowDown",children:[s&&ba(Zp,{children:ba("div",{className:"k-collapse-prev",children:ba(p,{icon:`caret-alt-${r==="horizontal"?"left":"up"}`,size:"xsmall"})})}),ba("div",{className:"k-resize-handle","aria-hidden":"true"}),c&&ba(Zp,{children:ba("div",{className:"k-collapse-next",children:ba(p,{icon:`caret-alt-${r==="horizontal"?"right":"down"}`,size:"xsmall"})})})]})};fr.states=sw;fr.options=dw;fr.className=br;fr.defaultOptions=es;var ts="splitter",jp=ts;import{jsx as uw,jsxs as bw}from"react/jsx-runtime";import{createElement as mw}from"react";var os="k-splitter",pw={},em={orientation:"horizontal"},De=e=>{let{orientation:t=em.orientation,children:o,panes:r,...l}=e,s=[];return r&&r.forEach((c,u)=>{let f=r[u+1],h=c.props,v=f?.props;s.push(mw(Ke,{...h,key:u})),f&&s.push(uw(fr,{draggable:h.resizable!==!1&&v.resizable!==!1,collapsePrev:h.collapsible,collapseNext:v.collapsible,orientation:t,ariaLabel:"Pane separator"},`splitbar-${u}`))}),bw("div",{...l,className:a(e.className,os,{[`${os}-${t}`]:t},"k-splitter-flex"),children:[s,o]})};De.options=pw;De.className=os;De.defaultOptions=em;De.moduleName=ts;De.folderName=jp;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."}]};import{jsx as Oj,jsxs as Hj}from"react/jsx-runtime";import{jsx as Dj,jsxs as Bj}from"react/jsx-runtime";import{jsx as Tr}from"react/jsx-runtime";import{createElement as Wl}from"react";var fw=De.options,Tw=De.states,tm={...De.defaultOptions,variant:"horizontal",firstPaneProps:!0,secondPaneProps:!0},gw=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],hw=[{name:"firstPaneProps",title:"Collapsible Left"},{name:"secondPaneProps",title:"Collapsible Right"}],gr=e=>{let{variant:t,modifiers:o,...r}={...tm,...e},l=f=>({collapsible:f,content:f?"Resizable and collapsible":"Resizable only"}),s=l(!0),c=l(!0),u={display:"flex",justifyContent:"center",alignItems:"center"};return Object.keys(o||{}).forEach(f=>{let h=o?.[f];switch(f){case"secondPaneProps":c=l(!!h);break;case"firstPaneProps":s=l(!!h);break;default:break}}),t==="vertical"?Tr(De,{style:{height:"238px"},...r,orientation:"vertical",panes:[Wl(Ke,{...s,flexBasis:"50%",style:u,key:"pane-1"},Tr("p",{children:s.content})),Wl(Ke,{...c,flexBasis:"50%",style:u,key:"pane-2"},Tr("p",{children:c.content}))]}):Tr(De,{style:{height:"238px"},...r,orientation:"horizontal",panes:[Wl(Ke,{...s,flexBasis:"50%",style:u,key:"pane-1"},Tr("p",{children:s.content})),Wl(Ke,{...c,flexBasis:"50%",style:u,key:"pane-2"},Tr("p",{children:c.content}))]})};gr.options=fw;gr.states=Tw;gr.variants=gw;gr.defaultOptions=tm;gr.modifiers=hw;gr.className=De.className;var as="segmented-control",om=as,am="segmented-control-button",rm="segmented-control";import{jsx as kw,jsxs as ww}from"react/jsx-runtime";var Vl="k-segmented-control",xw=[],Nw={size:[d.undefined,d.small,d.medium,d.large]},Qt=e=>{let{size:t,stretched:o,children:r,thumbStyles:l,...s}=e;return ww("div",{...s,className:a(e.className,Vl,R(Vl,{size:t}),{[`${Vl}-stretched`]:o}),role:"group",children:[kw("div",{className:"k-segmented-control-thumb","aria-hidden":"true",style:l}),r]})};Qt.states=xw;Qt.options=Nw;Qt.className=Vl;Qt.moduleName=as;Qt.folderName=om;Qt.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."}]};import{jsx as lm,jsxs as yw}from"react/jsx-runtime";var rs="k-segmented-control-button",vw=[n.selected,n.hover,n.focus,n.disabled],Cw={},Lw={},pt=e=>{let{hover:t,focus:o,selected:r,disabled:l,icon:s,text:c,iconClassName:u,...f}=e;return yw("button",{...f,className:a(e.className,rs,E(rs,{hover:t,focus:o,disabled:l,selected:r})),"aria-pressed":r?"true":"false","aria-disabled":l?"true":void 0,children:[s&&lm(p,{className:a(u,"k-segmented-control-button-icon"),icon:s}),(c||e.children)&&lm("span",{className:"k-segmented-control-button-text",children:c||e.children})]})};pt.states=vw;pt.options=Cw;pt.className=rs;pt.defaultOptions=Lw;pt.moduleName=am;pt.folderName=rm;import{Fragment as fee,jsx as bee,jsxs as Tee}from"react/jsx-runtime";import{Fragment as wee,jsx as kee,jsxs as vee}from"react/jsx-runtime";import{Fragment as Ree,jsx as See,jsxs as Aee}from"react/jsx-runtime";import{Fragment as Pee,jsx as Hee,jsxs as _ee}from"react/jsx-runtime";import{Fragment as Fee,jsx as Uee,jsxs as $ee}from"react/jsx-runtime";var ls="treelist",im=ls;import{jsx as Aw}from"react/jsx-runtime";var nm="k-treelist",Mw=[],Sw={},Rw={},fe=e=>Aw(W,{...e,ariaRole:"treegrid",className:a(nm,e.className),children:e.children});fe.states=Mw;fe.options=Sw;fe.className=nm;fe.defaultOptions=Rw;fe.moduleName=ls;fe.folderName=im;fe.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."}]};import{jsx as Z,jsxs as Je}from"react/jsx-runtime";var fa=({gridHeader:e,gridContent:t,menu:o,...r})=>{let l=O("treelist");return Je(fe,{id:O("treelist"),_renderAriaRoot:!0,ariaRootId:l,ariaColCount:3,ariaRowCount:6,...r,children:[e||Z(K,{children:Z("div",{className:"k-grid-header-wrap",children:Je(D,{role:"none",children:[Je("colgroup",{children:[Z("col",{}),Z("col",{}),Z("col",{})]}),Z(B,{role:"rowgroup",children:Je(T,{role:"row","aria-rowindex":1,children:[Z(C,{menu:o,columnTitle:"Name",role:"columnheader","aria-sort":"ascending","aria-colindex":1,...o?{"aria-haspopup":"dialog"}:{}}),Z(C,{menu:o,columnTitle:"Position",role:"columnheader","aria-colindex":2,...o?{"aria-haspopup":"dialog"}:{}}),Z(C,{menu:o,columnTitle:"Hire Date",role:"columnheader","aria-colindex":3,...o?{"aria-haspopup":"dialog"}:{}})]})})]})})}),Z(V,{children:t||Z(z,{children:Je(F,{role:"none",children:[Je("colgroup",{children:[Z("col",{}),Z("col",{}),Z("col",{})]}),Je(H,{role:"rowgroup",children:[Je(T,{role:"row","aria-rowindex":2,"aria-expanded":"true",children:[Je(i,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[Z(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),Z(i,{role:"gridcell","aria-colindex":2,children:"Sweeney"}),Z(i,{role:"gridcell","aria-colindex":3,children:"CEO"})]}),Je(T,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"true",children:[Je(i,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[Z(p,{className:"k-treelist-toggle",icon:"none"}),Z(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),Z(i,{role:"gridcell","aria-colindex":2,children:"Wooten"}),Z(i,{role:"gridcell","aria-colindex":3,children:"Chief Technical Officer"})]}),Je(T,{role:"row","aria-rowindex":4,"aria-expanded":"true",children:[Je(i,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[Z(p,{className:"k-treelist-toggle",icon:"none"}),Z(p,{className:"k-treelist-toggle",icon:"none"}),Z(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),Z(i,{role:"gridcell","aria-colindex":2,children:"Weber"}),Z(i,{role:"gridcell","aria-colindex":3,children:"VP, Engineering"})]}),Je(T,{role:"row",alt:!0,"aria-rowindex":5,"aria-expanded":"true",children:[Je(i,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[Z(p,{className:"k-treelist-toggle",icon:"none"}),Z(p,{className:"k-treelist-toggle",icon:"none"}),Z(p,{className:"k-treelist-toggle",icon:"none"}),Z(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),Z(i,{role:"gridcell","aria-colindex":2,children:"Hood"}),Z(i,{role:"gridcell","aria-colindex":3,children:"Team Lead"})]}),Je(T,{role:"row","aria-rowindex":6,children:[Je(i,{role:"gridcell","aria-colindex":1,children:[Z(p,{className:"k-treelist-toggle",icon:"none"}),Z(p,{className:"k-treelist-toggle",icon:"none"}),Z(p,{className:"k-treelist-toggle",icon:"none"}),Z(p,{className:"k-treelist-toggle",icon:"none"}),Z(p,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),Z(i,{role:"gridcell","aria-colindex":2,children:"Carr"}),Z(i,{role:"gridcell","aria-colindex":3,children:"Junior Software Developer"})]})]})]})})})]})};import{jsx as Ew}from"react/jsx-runtime";var sm=e=>Ew(fa,{menu:"column",...e});import{Fragment as Mte,jsx as Lte,jsxs as yte}from"react/jsx-runtime";import{jsx as Iw}from"react/jsx-runtime";var dm=e=>Iw(fa,{menu:"filter",...e});import{Fragment as Ute,jsx as Bte,jsxs as zte}from"react/jsx-runtime";import{Fragment as jte,jsx as Qte,jsxs as Zte}from"react/jsx-runtime";import{jsx as _,jsxs as qe}from"react/jsx-runtime";var cm=({gridHeader:e,gridContent:t,menu:o,...r})=>{let l=O("treelist");return qe(fe,{id:O("treelist"),_renderAriaRoot:!0,ariaRootId:l,ariaColCount:4,ariaRowCount:6,...r,children:[e||_(K,{children:_("div",{className:"k-grid-header-wrap",children:qe(D,{role:"none",children:[qe("colgroup",{children:[_("col",{className:"k-drag-col"}),_("col",{}),_("col",{}),_("col",{})]}),_(B,{role:"rowgroup",children:qe(T,{role:"row","aria-rowindex":1,children:[_(C,{role:"columnheader",accessibleLabel:"Drag column"}),_(C,{menu:o,columnTitle:"First Name",role:"columnheader","aria-colindex":2}),_(C,{menu:o,columnTitle:"Last Name",role:"columnheader","aria-colindex":3}),_(C,{menu:o,columnTitle:"Position",role:"columnheader","aria-colindex":4})]})})]})})}),_(V,{children:t||_(z,{children:qe(F,{role:"none",children:[qe("colgroup",{children:[_("col",{className:"k-drag-col"}),_("col",{}),_("col",{}),_("col",{})]}),qe(H,{role:"rowgroup",children:[qe(T,{role:"row","aria-rowindex":2,"aria-expanded":"true",children:[_(i,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:_(p,{icon:"reorder"})}),qe(i,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[_(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),_(i,{role:"gridcell","aria-colindex":3,children:"Sweeney"}),_(i,{role:"gridcell","aria-colindex":4,children:"CEO"})]}),qe(T,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"true",children:[_(i,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:_(p,{icon:"reorder"})}),qe(i,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[_(p,{className:"k-treelist-toggle",icon:"none"}),_(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),_(i,{role:"gridcell","aria-colindex":3,children:"Wooten"}),_(i,{role:"gridcell","aria-colindex":4,children:"Chief Technical Officer"})]}),qe(T,{role:"row","aria-rowindex":4,"aria-expanded":"true",children:[_(i,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:_(p,{icon:"reorder"})}),qe(i,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[_(p,{className:"k-treelist-toggle",icon:"none"}),_(p,{className:"k-treelist-toggle",icon:"none"}),_(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),_(i,{role:"gridcell","aria-colindex":3,children:"Weber"}),_(i,{role:"gridcell","aria-colindex":4,children:"VP, Engineering"})]}),qe(T,{role:"row",alt:!0,"aria-rowindex":5,"aria-expanded":"true",children:[_(i,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:_(p,{icon:"reorder"})}),qe(i,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[_(p,{className:"k-treelist-toggle",icon:"none"}),_(p,{className:"k-treelist-toggle",icon:"none"}),_(p,{className:"k-treelist-toggle",icon:"none"}),_(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),_(i,{role:"gridcell","aria-colindex":3,children:"Hood"}),_(i,{role:"gridcell","aria-colindex":4,children:"Team Lead"})]}),qe(T,{role:"row","aria-rowindex":6,children:[_(i,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:_(p,{icon:"reorder"})}),qe(i,{role:"gridcell","aria-colindex":2,children:[_(p,{className:"k-treelist-toggle",icon:"none"}),_(p,{className:"k-treelist-toggle",icon:"none"}),_(p,{className:"k-treelist-toggle",icon:"none"}),_(p,{className:"k-treelist-toggle",icon:"none"}),_(p,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),_(i,{role:"gridcell","aria-colindex":3,children:"Carr"}),_(i,{role:"gridcell","aria-colindex":4,children:"Junior Software Developer"})]})]})]})})})]})};import{jsx as boe,jsxs as foe}from"react/jsx-runtime";import{jsx as voe,jsxs as Coe}from"react/jsx-runtime";import{jsx as Ioe,jsxs as Goe}from"react/jsx-runtime";import{jsx as zoe,jsxs as Uoe}from"react/jsx-runtime";import{jsx as S,jsxs as ke}from"react/jsx-runtime";var Gw=fe.options,Ow=fe.states,pm={...fe.defaultOptions,variant:"normal"},Hw=[{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"}],Pw=[{name:"toolbar",title:"Toolbar"},{name:"pager",title:"Pager"}],hr=e=>{let{variant:t,modifiers:o,...r}={...pm,...e},l={},s=ke(ro,{children:[S(m,{icon:"plus",children:"Add New"}),S(m,{icon:"file-pdf",children:"Export to PDF"}),S("span",{className:"k-spacer"}),S(he,{prefix:S(p,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=S(Ce,{pageSizes:!1,refresh:!1});switch(Object.keys(o||{}).forEach(u=>{switch(u){case"toolbar":l.toolbar=o?.[u]?s:void 0;break;case"pager":l.pager=o?.[u]?c:void 0;break;default:return}}),t){case"row-reordering":return S(cm,{...r,...l});case"column-menu":return S(sm,{...r,...l,gridHeader:S(K,{children:S("div",{className:"k-grid-header-wrap",children:ke(D,{children:[ke("colgroup",{children:[S("col",{}),S("col",{}),S("col",{})]}),S(B,{children:ke(T,{children:[S(C,{menu:"column",columnTitle:"First Name"}),S(C,{menu:"column",columnTitle:"Last Name"}),S(C,{menu:"column",columnTitle:"Position"})]})})]})})})});case"filter-row":return S(dm,{...r,...l,gridHeader:S(K,{children:S("div",{className:"k-grid-header-wrap",children:ke(D,{children:[ke("colgroup",{children:[S("col",{}),S("col",{}),S("col",{})]}),S(B,{children:ke(T,{children:[S(C,{menu:"filter",columnTitle:"First Name"}),S(C,{menu:"filter",columnTitle:"Last Name"}),S(C,{menu:"filter",columnTitle:"Position"})]})})]})})})});case"sorting":return S(fa,{...r,...l,gridHeader:S(K,{children:S("div",{className:"k-grid-header-wrap",children:ke(D,{children:[ke("colgroup",{children:[S("col",{}),S("col",{}),S("col",{})]}),S(B,{children:ke(T,{children:[S(C,{columnTitle:"First Name"}),S(C,{columnTitle:"Last Name",sortable:!0}),S(C,{columnTitle:"Position"})]})})]})})}),gridContent:S(z,{children:ke(F,{children:[ke("colgroup",{children:[S("col",{}),S("col",{className:"k-sorted"}),S("col",{})]}),ke(H,{children:[ke(T,{className:"k-treelist-group",children:[ke(i,{children:[S(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),S(i,{children:"Sweeney"}),S(i,{children:"CEO"})]}),ke(T,{className:"k-treelist-group",alt:!0,children:[ke(i,{children:[S(p,{className:"k-treelist-toggle",icon:"none"}),S(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),S(i,{children:"Wooten"}),S(i,{children:"Chief Technical Officer"})]}),ke(T,{className:"k-treelist-group",children:[ke(i,{children:[S(p,{className:"k-treelist-toggle",icon:"none"}),S(p,{className:"k-treelist-toggle",icon:"none"}),S(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),S(i,{children:"Weber"}),S(i,{children:"VP, Engineering"})]}),ke(T,{className:"k-treelist-group",alt:!0,children:[ke(i,{children:[S(p,{className:"k-treelist-toggle",icon:"none"}),S(p,{className:"k-treelist-toggle",icon:"none"}),S(p,{className:"k-treelist-toggle",icon:"none"}),S(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),S(i,{children:"Hood"}),S(i,{children:"Team Lead"})]}),ke(T,{children:[ke(i,{children:[S(p,{className:"k-treelist-toggle",icon:"none"}),S(p,{className:"k-treelist-toggle",icon:"none"}),S(p,{className:"k-treelist-toggle",icon:"none"}),S(p,{className:"k-treelist-toggle",icon:"none"}),S(p,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),S(i,{children:"Carr"}),S(i,{children:"Junior Software Developer"})]})]})]})})});default:return S(fa,{...r,...l,gridHeader:S(K,{children:S("div",{className:"k-grid-header-wrap",children:ke(D,{children:[ke("colgroup",{children:[S("col",{}),S("col",{}),S("col",{})]}),S(B,{children:ke(T,{children:[S(C,{columnTitle:"First Name"}),S(C,{columnTitle:"Last Name"}),S(C,{columnTitle:"Position"})]})})]})})})})}};hr.options=Gw;hr.states=Ow;hr.variants=Hw;hr.defaultOptions=pm;hr.modifiers=Pw;hr.className=fe.className;import{jsx as b,jsxs as J}from"react/jsx-runtime";var mm=({flexBasis:e="30%",gridContentHeight:t="180px",tablesWidth:o="675px",tablesHeight:r="828px",currentTimeLeftOffset:l="243px",ganttDependencies:s,menu:c,...u})=>b(ut,{headerToolbar:J(Ho,{"aria-label":"Toolbar",children:[b(m,{className:"k-gantt-toggle",icon:"layout-1-by-4","aria-label":"Toggle TreeList"}),b(m,{className:"k-gantt-create",icon:"plus",children:"Add Task"}),b("span",{className:"k-spacer"}),J("div",{className:"k-gantt-views-wrapper",children:[J("select",{className:"k-picker k-dropdown-list k-dropdown k-views-dropdown","aria-label":"Select view",children:[b("option",{value:"day",children:"Day"}),b("option",{value:"week",children:"Week"}),b("option",{value:"month",children:"Month"})]}),J(Qt,{thumbStyles:{width:"33%",left:"30%"},className:"k-gantt-views",children:[b(pt,{children:"Day"}),b(pt,{selected:!0,children:"Week"}),b(pt,{children:"Month"})]})]})]}),footerToolbar:b(Qa,{"aria-label":"Toolbar",children:b(m,{className:"k-gantt-create",icon:"plus",children:"Add Task"})}),...u,children:b(Po,{children:u.children||b(De,{className:"k-gantt-splitter",panes:[b(Ke,{className:"k-gantt-treelist",flexBasis:e,children:J(fe,{_renderAriaRoot:!0,children:[b(K,{children:b("div",{className:"k-grid-header-wrap",children:J(D,{style:{minWidth:"250px"},children:[J("colgroup",{children:[b("col",{style:{width:"50px"}}),b("col",{})]}),b(B,{children:J(T,{children:[b(C,{menu:c,rowspan:1,columnTitle:"ID"}),b(C,{menu:c,rowspan:1,columnTitle:"Title"})]})})]})})}),b(V,{children:b(z,{style:{height:t},children:J(F,{style:{minWidth:"250px"},children:[J("colgroup",{children:[b("col",{style:{width:"50px"}}),b("col",{})]}),J(H,{children:[J(T,{children:[b(i,{children:"7"}),J(i,{children:[b(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Software validation, research and implementation"]})]}),J(T,{alt:!0,children:[b(i,{children:"18"}),J(i,{children:[b(p,{className:"k-treelist-toggle",icon:"none"}),b(p,{className:"k-treelist-toggle",icon:"none"}),"Project Kickoff"]})]}),J(T,{children:[b(i,{children:"11"}),J(i,{children:[b(p,{className:"k-treelist-toggle",icon:"none"}),b(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Research"]})]}),J(T,{alt:!0,children:[b(i,{children:"19"}),J(i,{children:[b(p,{className:"k-treelist-toggle",icon:"none"}),b(p,{className:"k-treelist-toggle",icon:"none"}),b(p,{className:"k-treelist-toggle",icon:"none"}),"Validation with Customers"]})]}),J(T,{children:[b(i,{children:"20"}),J(i,{children:[b(p,{className:"k-treelist-toggle",icon:"none"}),b(p,{className:"k-treelist-toggle",icon:"none"}),b(p,{className:"k-treelist-toggle",icon:"none"}),"Market Research"]})]})]})]})})})]})},"gantt-treelist-pane"),b(Ke,{className:"k-gantt-timeline-pane",children:J(W,{className:"k-gantt-timeline",children:[b(K,{children:b("div",{className:"k-grid-header-wrap",children:J(D,{style:{width:o},children:[J("colgroup",{children:[b("col",{}),b("col",{}),b("col",{}),b("col",{}),b("col",{}),b("col",{}),b("col",{})]}),J(H,{children:[b(T,{children:b(i,{className:"k-header",colspan:7,children:"Sun 6/01 - Sat 6/07"})}),J(T,{children:[b(i,{colspan:1,className:"k-header k-nonwork-hour",children:"Sun 6/01"}),b(i,{className:"k-header",colspan:1,children:"Mon 6/02"}),b(i,{className:"k-header",colspan:1,children:"Tue 6/03"}),b(i,{className:"k-header",colspan:1,children:"Wed 6/04"}),b(i,{className:"k-header",colspan:1,children:"Thu 6/05"}),b(i,{className:"k-header",colspan:1,children:"Fri 6/06"}),b(i,{colspan:1,className:"k-header k-nonwork-hour",children:"Sat 6/07"})]})]})]})})}),J(z,{style:{height:t},role:"tree",children:[J(_o,{children:[J(Uo,{className:"k-grid-table",style:{width:o},children:[b("colgroup",{children:b("col",{})}),J(H,{children:[b(T,{children:b(i,{})}),b(T,{alt:!0,children:b(i,{})}),b(T,{children:b(i,{})}),b(T,{alt:!0,children:b(i,{})}),b(T,{children:b(i,{})})]})]}),J(zo,{style:{width:o,height:r},children:[J("colgroup",{children:[b("col",{}),b("col",{}),b("col",{}),b("col",{}),b("col",{}),b("col",{}),b("col",{})]}),b(H,{children:J(T,{children:[b(i,{className:"k-nonwork-hour"}),b(i,{}),b(i,{}),b(i,{}),b(i,{}),b(i,{}),b(i,{className:"k-nonwork-hour"})]})})]}),J(Fo,{style:{width:o},children:[b("colgroup",{children:b("col",{})}),J(H,{children:[b(T,{children:b(i,{children:J(Ve,{type:"summary",style:{left:"113px"},children:[b(We,{type:"summary",ariaLevel:1,"aria-label":"Software validation, research and implementation",style:{width:"4000px"},children:b("div",{className:"k-task-summary-progress",style:{width:"1720px"},children:b("div",{className:"k-task-summary-complete",style:{width:"4000px"}})})}),b(we,{}),b(we,{position:"end",style:{right:"0px"}})]})})}),b(T,{children:b(i,{children:J(Ve,{type:"milestone",style:{left:"113px"},children:[b(We,{type:"milestone",ariaLevel:2,"aria-label":"Project Kickoff"}),b(we,{}),b(we,{position:"end",style:{right:"0px"}})]})})}),b(T,{children:b(i,{children:J(Ve,{type:"summary",style:{left:"113px"},children:[b(We,{type:"summary",ariaLevel:2,"aria-label":"Research",style:{width:"500px"},children:b("div",{className:"k-task-summary-progress",style:{width:"215px"},children:b("div",{className:"k-task-summary-complete",style:{width:"500px"}})})}),b(we,{}),b(we,{position:"end",style:{right:"0px"}})]})})}),b(T,{children:b(i,{children:J(Ve,{style:{left:"113px"},children:[J(We,{ariaLevel:3,"aria-label":"Validation with Customers",style:{width:"200px"},children:[b("div",{className:"k-task-complete","aria-hidden":"true",style:{width:"50px"}}),b(Rt,{content:"Validation with Customers"})]}),b(we,{}),b(we,{position:"end",style:{right:"0px"}}),b("div",{className:"k-task-draghandle","aria-hidden":"true",style:{left:"50px"}})]})})}),b(T,{children:b(i,{children:J(Ve,{style:{left:"113px"},children:[J(We,{ariaLevel:3,"aria-label":"Market Research",style:{width:"200px"},children:[b("div",{className:"k-task-complete","aria-hidden":"true",style:{width:"164px"}}),b(Rt,{content:"Market Research"})]}),b(we,{}),b(we,{position:"end",style:{right:"0px"}}),b("div",{className:"k-task-draghandle","aria-hidden":"true",style:{left:"164px"}})]})})})]})]})]}),s||J("div",{className:"k-gantt-dependencies","aria-hidden":"true",style:{width:o},children:[b(Re,{style:{left:"124.5px",top:"53px",width:"10px"}}),b(Re,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),b(Re,{style:{left:"103px",top:"71px",width:"31.5px"}}),b(Re,{orientation:"vertical",style:{left:"103px",top:"71px",height:"54px"}}),b(Re,{style:{left:"103px",top:"125px",width:"9px"},children:b("span",{className:"k-arrow-e"})}),b(Re,{style:{left:"124.5px",top:"53px",width:"10px"}}),b(Re,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),b(Re,{style:{left:"103px",top:"71px",width:"31.5px"}}),b(Re,{orientation:"vertical",style:{left:"103px",top:"71px",height:"90px"}}),b(Re,{style:{left:"103px",top:"161px",width:"9px"},children:b("span",{className:"k-arrow-e"})}),b(Re,{style:{left:"313px",top:"125px",width:"10px"}}),b(Re,{orientation:"vertical",style:{left:"321px",top:"125px",height:"18px"}}),b(Re,{style:{left:"303px",top:"143px",width:"20px"}}),b(Re,{orientation:"vertical",style:{left:"303px",top:"143px",height:"18px"}})]}),b("div",{className:"k-current-time","aria-hidden":"true",style:{left:l,top:"0px",width:"1px",height:r}})]})]})},"gantt-timeline-pane")]})})});import{jsx as _ae,jsxs as Kae}from"react/jsx-runtime";import{jsx as Uw}from"react/jsx-runtime";var _w={},Kw=[],Dw=[],Bw={},zw=[],xr=()=>Uw(mm,{flexBasis:"40%",gridContentHeight:"197px",style:{width:"90%",height:"367px"}});xr.options=_w;xr.states=Kw;xr.variants=Dw;xr.defaultOptions=Bw;xr.modifiers=zw;xr.className=ut.className;var is="tooltip",um=is;import{jsx as el,jsxs as bm}from"react/jsx-runtime";var ns="k-tooltip",Fw=[],$w={themeColor:[y.undefined,y.base,y.inverse,y.info,y.success,y.warning,y.error]},fm={closable:!1},mt=e=>{let{closable:t=fm.closable,callout:o,themeColor:r,title:l,content:s,icon:c,id:u=O("tooltip"),...f}=e;return bm("div",{...f,className:a(e.className,ns,R(ns,{themeColor:r}),{"k-tooltip-closable":t}),role:"tooltip",id:u,children:[c&&el(p,{className:"k-tooltip-icon",icon:c}),bm("div",{className:"k-tooltip-content",children:[l&&el("div",{className:"k-tooltip-title",children:l}),s]}),t&&el("div",{className:"k-tooltip-button",role:"button","aria-label":"Close",tabIndex:0,children:el(p,{icon:"x"})}),o&&el("div",{className:a("k-callout",{[`k-callout-${ms.calloutMap[o]||o}`]:o})})]})};mt.states=Fw;mt.options=$w;mt.className=ns;mt.defaultOptions=fm;mt.moduleName=is;mt.folderName=um;mt.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 ss=mt;import{jsx as Ww}from"react/jsx-runtime";var Tm=e=>Ww(ss,{content:"Tooltip Content",...e});import{jsx as xre}from"react/jsx-runtime";import{jsx as ds,jsxs as qw}from"react/jsx-runtime";var Vw={...mt.options,closable:{type:"boolean"},callout:["none","top","bottom","left","right"]},Xw=mt.states,gm={...mt.defaultOptions,callout:"top"},Jw=[],Nr=e=>{let{callout:t="top",...o}={...gm,...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:s,calloutDirection:c}=r[t]||{};return qw("div",{style:{position:"absolute"},children:[ds(Ot,{style:{top:l,left:s},children:ds(Tm,{style:{width:"86px",textAlign:"center"},callout:c,content:"Content",...o})}),ds(m,{text:"Show"})]})};Nr.options=Vw;Nr.states=Xw;Nr.variants=Jw;Nr.defaultOptions=gm;Nr.modifiers=[];Nr.className=mt.className;import{Fragment as Yw,jsx as k,jsxs as ee}from"react/jsx-runtime";var Ure=({flexBasis:e="30%",gridContentHeight:t="180px",tablesWidth:o="675px",tablesHeight:r="828px",...l})=>k(ut,{headerToolbar:ee(Ho,{"aria-label":"Toolbar",children:[k(m,{className:"k-gantt-toggle",icon:"layout-1-by-4","aria-label":"Toggle TreeList"}),k(m,{className:"k-gantt-create",icon:"plus",children:"Add Task"}),k("span",{className:"k-spacer"}),ee("div",{className:"k-gantt-views-wrapper",children:[ee("select",{className:"k-picker k-dropdown-list k-dropdown k-views-dropdown","aria-label":"Select view",children:[k("option",{value:"day",children:"Day"}),k("option",{value:"week",children:"Week"}),k("option",{value:"month",children:"Month"})]}),ee(Qt,{thumbStyles:{width:"33%",left:"30%"},className:"k-gantt-views",children:[k(pt,{children:"Day"}),k(pt,{selected:!0,children:"Week"}),k(pt,{children:"Month"})]})]})]}),...l,children:k(Po,{children:l.children||k(De,{className:"k-gantt-splitter",panes:[k(Ke,{className:"k-gantt-treelist",flexBasis:e,children:ee(fe,{_renderAriaRoot:!0,children:[k(K,{children:k("div",{className:"k-grid-header-wrap",children:ee(D,{style:{minWidth:"250px"},children:[ee("colgroup",{children:[k("col",{style:{width:"50px"}}),k("col",{})]}),k(B,{children:ee(T,{children:[k(C,{rowspan:1,columnTitle:"ID"}),k(C,{rowspan:1,columnTitle:"Title"})]})})]})})}),k(V,{children:k(z,{style:{height:t},children:ee(F,{style:{minWidth:"250px"},children:[ee("colgroup",{children:[k("col",{style:{width:"50px"}}),k("col",{})]}),ee(H,{children:[ee(T,{children:[k(i,{children:"7"}),ee(i,{children:[k(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Software validation"]})]}),ee(T,{alt:!0,children:[k(i,{children:"11"}),ee(i,{children:[k(p,{className:"k-treelist-toggle",icon:"none"}),k(p,{className:"k-treelist-toggle",icon:"none"}),"Validation with Customers"]})]}),ee(T,{children:[k(i,{children:"12"}),ee(i,{children:[k(p,{className:"k-treelist-toggle",icon:"none"}),k(p,{className:"k-treelist-toggle",icon:"none"}),"Market Research"]})]})]})]})})})]})},"gantt-treelist-pane"),k(Ke,{className:"k-gantt-timeline-pane",children:ee(W,{className:"k-gantt-timeline",children:[k(K,{children:k("div",{className:"k-grid-header-wrap",children:ee(D,{style:{width:o},children:[ee("colgroup",{children:[k("col",{}),k("col",{}),k("col",{}),k("col",{}),k("col",{}),k("col",{}),k("col",{})]}),ee(H,{children:[k(T,{children:k(i,{className:"k-header",colspan:7,children:"Sun 6/01 - Sat 6/07"})}),ee(T,{children:[k(i,{colspan:1,className:"k-header k-nonwork-hour",children:"Sun 6/01"}),k(i,{className:"k-header",colspan:1,children:"Mon 6/02"}),k(i,{className:"k-header",colspan:1,children:"Tue 6/03"}),k(i,{className:"k-header",colspan:1,children:"Wed 6/04"}),k(i,{className:"k-header",colspan:1,children:"Thu 6/05"}),k(i,{className:"k-header",colspan:1,children:"Fri 6/06"}),k(i,{colspan:1,className:"k-header k-nonwork-hour",children:"Sat 6/07"})]})]})]})})}),ee(z,{style:{height:t},role:"tree",children:[ee(_o,{children:[ee(Uo,{className:"k-grid-table",style:{width:o},children:[k("colgroup",{children:k("col",{})}),ee(H,{children:[k(T,{children:k(i,{})}),k(T,{alt:!0,children:k(i,{})}),k(T,{children:k(i,{})})]})]}),ee(zo,{style:{width:o,height:r},children:[ee("colgroup",{children:[k("col",{}),k("col",{}),k("col",{}),k("col",{}),k("col",{}),k("col",{}),k("col",{})]}),k(H,{children:ee(T,{children:[k(i,{className:"k-nonwork-hour"}),k(i,{}),k(i,{}),k(i,{}),k(i,{}),k(i,{}),k(i,{className:"k-nonwork-hour"})]})})]}),ee(Fo,{style:{width:o},children:[k("colgroup",{children:k("col",{})}),ee(H,{children:[k(T,{children:k(i,{children:ee(Ve,{type:"summary",style:{left:"113px"},children:[k(We,{type:"summary",ariaLevel:1,"aria-label":"Software validation",style:{width:"500px"},children:k("div",{className:"k-task-summary-progress",style:{width:"215px"},children:k("div",{className:"k-task-summary-complete",style:{width:"500px"}})})}),k(we,{}),k(we,{position:"end",style:{right:"0px"}})]})})}),k(T,{children:k(i,{children:ee(Ve,{style:{left:"113px"},children:[ee(We,{ariaLevel:2,"aria-label":"Validation with Customers","aria-describedby":"gantt-task-tooltip",style:{width:"200px"},children:[k("div",{className:"k-task-complete","aria-hidden":"true",style:{width:"50px"}}),k(Rt,{content:"Validation with Customers"})]}),k(we,{}),k(we,{position:"end",style:{right:"0px"}}),k("div",{className:"k-task-draghandle","aria-hidden":"true",style:{left:"50px"}})]})})}),k(T,{children:k(i,{children:ee(Ve,{style:{left:"113px"},children:[ee(We,{ariaLevel:2,"aria-label":"Market Research",style:{width:"200px"},children:[k("div",{className:"k-task-complete","aria-hidden":"true",style:{width:"164px"}}),k(Rt,{content:"Market Research"})]}),k(we,{}),k(we,{position:"end",style:{right:"0px"}}),k("div",{className:"k-task-draghandle","aria-hidden":"true",style:{left:"164px"}})]})})})]})]})]}),k(mt,{id:"gantt-task-tooltip",callout:"bottom",style:{position:"absolute",top:"20px",left:"150px"},title:"Validation with Customers",content:ee(Yw,{children:["25%",k("br",{}),"Start: 03:00 AM Mon, Jun 2",k("br",{}),"End: 03:00 AM Wed, Jun 4"]})})]})]})},"gantt-timeline-pane")]})})});export{Ure as GanttWithTooltip};