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

package/dist/esm/gantt/templates/gantt-row-reordering.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:g,disabled:x,indeterminate:v,loading:L,empty:h,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":g,"k-disabled":x,"k-indeterminate":v&&!c,"k-loading":L,"k-empty":h,"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"},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"},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 xe="gantt",Ne=xe;import{jsxs as pm}from"react/jsx-runtime";var is="k-gantt",sm=[],dm={},cm={},pt=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]})};pt.states=sm;pt.options=dm;pt.className=is;pt.defaultOptions=cm;pt.moduleName=xe;pt.folderName=Ne;pt.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 g=typeof c=="object"&&c.name&&c.name;return el("span",{...u,className:a(e.className,ql,A("k-icon",{size:t}),{[`k-svg-i-${g}`]:g,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true",children: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:g=Zl.viewBox,...x}=e;if(!l)return Nr(us,{});if((t||s)==="svg"){if(l==="none")return Nr(Yl,{...x,className:a(e.className,tl),icon:l,size:o});let L=Ql[l]?l:Nm(`${l}-icon`);return Ql[L]?Nr(Yl,{...x,className:a(e.className,tl),icon:Ql[L],size:o,themeColor:r,rotate:c,flip:u,viewBox:g}):Nr(us,{})}return Nr(ss,{...x,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:[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]},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:g,hover:x,focus:v,active:L,selected:h,disabled:M,togglable:R,ariaDisabled:G,icon:U,text:P,iconClassName:oe,className:Me,...he}=e,je=U!==void 0,et=e.children!==void 0;return Ts(t,{className:a(Me,vr,rs(vr,g),A(vr,{size:o,rounded:r,fillMode:l,themeColor:s}),E(vr,{hover:x,focus:v,active:L,disabled:M||G,selected:h}),{"k-icon-button":!P&&!et&&je}),...he,"aria-pressed":R?h?"true":"false":void 0,"aria-disabled":G?"true":void 0,disabled:M||void 0,children:[U&&wr(p,{className:a(oe,"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=[],Ta=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"})}};Ta.options=Em;Ta.states=Im;Ta.variants=Om;Ta.defaultOptions=Gm;Ta.modifiers=Hm;Ta.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 Yv,jsx as qv,jsxs as Qv}from"react/jsx-runtime";import{Fragment as aC,jsx as oC,jsxs as rC}from"react/jsx-runtime";import{Fragment as cC,jsx as dC,jsxs as pC}from"react/jsx-runtime";import{Fragment as gC,jsx as fC,jsxs as hC}from"react/jsx-runtime";import{Fragment as CC,jsx as vC,jsxs as LC}from"react/jsx-runtime";import{Fragment as EC,jsx as AC,jsxs as IC}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=[],fa=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"})]})};fa.options=Bm;fa.states=zm;fa.variants=Fm;fa.defaultOptions=Um;fa.modifiers=$m;fa.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:[N.undefined,N.none,N.small,N.medium,N.large,N.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:g,rounded:x,fillMode:v,...L}=e;return Jm("span",{...L,className:a(e.className,al,A(al,{size:g,rounded:x,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:[N.undefined,N.none,N.small,N.medium,N.large,N.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:g,rounded:x,fillMode:v,...L}=e;return Zm("span",{...L,className:a(e.className,rl,A(rl,{size:g,rounded:x,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],mt=e=>{let{disabled:t,loading:o}=e;return t||!o?ks(mu,{}):ks("span",{className:a(e.className,Ns,"k-icon k-i-loading")})};mt.states=pu;mt.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 IL}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=[],ga=e=>{let{modifiers:t,valid:o,invalid:r,loading:l,disabled:s,readonly:c,...u}=e,g=t?.prefix,x=t?.suffix,v=t?.["clear-button"],L=t?.["validation-icon"],h=t?.separators;return ci(He,{...u,valid:o,invalid:r,loading:l,disabled:s,readonly:c,style:{width:300},children:[g&&ci(Ms,{children:[Qt(At,{children:Qt(p,{icon:"lock"})}),h&&Qt(It,{})]}),Qt(Nt,{placeholder:"Placeholder",value:"Value"}),L&&Qt(tt,{valid:o,invalid:r,loading:l,disabled:s}),Qt(mt,{loading:l,disabled:s}),v&&Qt(kt,{loading:l,disabled:s,readonly:c,value:"Value"}),x&&ci(Ms,{children:[h&&Qt(It,{}),Qt(Et,{children:Qt(Xo,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};ga.options=Su;ga.states=yu;ga.variants=Au;ga.defaultOptions=Mu;ga.modifiers=Ru;ga.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"},ce=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})})};ce.states=Pu;ce.options=_u;ce.className=Ps;ce.defaultOptions=_s;ce.moduleName=mi;ce.folderName=Os;ce.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var 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:[N.undefined,N.none,N.small,N.medium,N.large,N.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:g,invalid:x,required:v,loading:L,disabled:h,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:g,invalid:x,required:v,loading:L,disabled:h,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(mt,{...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 aM}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:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},nl={showClearButton:!0,showValidationIcon:!0,separators:!0},ke=e=>{let{size:t,rounded:o,fillMode:r,separators:l=nl.separators,showClearButton:s=nl.showClearButton,showValidationIcon:c=nl.showValidationIcon,prefix:u,suffix:g,type:x,value:v,placeholder:L,hover:h,focus:M,valid:R,invalid:G,required:U,loading:P,disabled:oe,readonly:Me,id:he,"aria-label":je,"aria-describedby":et,...xt}=e;return hi(He,{...xt,size:t,rounded:o,fillMode:r,hover:h,focus:M,valid:R,invalid:G,required:U,loading:P,disabled:oe,readonly:Me,className:a(e.className,$s),children:[u&&hi(Fs,{children:[wo(At,{children:u}),l&&wo(It,{})]}),wo(Nt,{id:he,placeholder:L,value:v,type:x,disabled:oe,"aria-label":je,"aria-describedby":et,"aria-invalid":G?"true":void 0}),c&&wo(tt,{valid:R,invalid:G,loading:P,disabled:oe}),wo(mt,{loading:P,disabled:oe}),s&&wo(kt,{loading:P,disabled:oe,readonly:Me,value:v}),g&&hi(Fs,{children:[l&&wo(It,{}),wo(Et,{children:g})]})]})};ke.states=Vu;ke.options=Xu;ke.className=$s;ke.defaultOptions=nl;ke.moduleName=gi;ke.folderName=Us;ke.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=ke;import{jsx as Ju}from"react/jsx-runtime";var Ws=e=>Ju(Sr,{...e});import{Fragment as NM,jsx as kM}from"react/jsx-runtime";import{Fragment as MM,jsx as yM}from"react/jsx-runtime";import{jsx as EM}from"react/jsx-runtime";import{jsx as xi}from"react/jsx-runtime";var qu=ke.states,Yu=ke.defaultOptions,Qu=ke.options,Zu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],ju=[],ha=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})};ha.options=Qu;ha.states=qu;ha.variants=ju;ha.defaultOptions=Yu;ha.modifiers=Zu;ha.className=ke.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:g,adaptive:x,titleId:v,children:L,...h}=e;return ki("div",{...h,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(ke,{value:u,placeholder:g,size:x?"large":"medium","aria-label":t||g||"Input"}):vo(wt,{placeholder:"Filter",size:x?"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={},xa=e=>{let{adaptive:t,animated:o,children:r,header:l,footer:s,titleId:c,...u}=e,g=l?.type===ot&&Ni(ot,{adaptive:t,titleId:c,...l?.props}),x=s?.type===No&&Ni(No,{...s?.props});return rb("div",{...u,className:a(e.className,wi,{[`${wi}-animated`]:o}),children:[g,Ni("div",{className:"k-actionsheet-content",children:r}),x]})};xa.states=tb;xa.options=ob;xa.className=wi;xa.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:g,id:x,...v}=e,L=x&&!s&&u?`${x}-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:x,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(xa,{header:u,footer:g,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={},ka=e=>{let{children:t,...o}=e;return Tb("div",{...o,className:Ys,children:t})};ka.states=mb;ka.options=ub;ka.className=Ys;ka.defaultOptions=bb;ka.moduleName=Rr;ka.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,...g}=e;return Li("span",{...g,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 AS,jsxs as ES}from"react/jsx-runtime";import{jsx as HS}from"react/jsx-runtime";import{jsx as DS}from"react/jsx-runtime";import{jsx as FS}from"react/jsx-runtime";import{jsx as We,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"}],Na=e=>{let{variant:t,modifiers:o,...r}={...Zs,...e},l={},s=Mi(Ci,{children:[We(Lo,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),We(Lo,{text:"Add to Favorites",iconName:"heart"}),We(Lo,{text:"Upload New",iconName:"upload",disabled:!0}),We("hr",{className:"k-hr"}),We(Lo,{text:"Cancel",iconName:"cancel"})]}),c="Choose from the items below",u="Select Item";return t==="fullScreen"&&(l.fullScreen=!0),Object.keys(o||{}).forEach(g=>{switch(g){case"actions":l.actionsStart=!!o?.[g],l.actionsEnd=!!o?.[g];break;case"subtitle":l.subtitle=o?.[g]?c:void 0;break;case"footer":l.footer=!!o?.[g];break;default:break}}),t==="adaptive"?We(Ie,{...r,adaptive:!0,fullscreen:l.fullScreen,header:We(ot,{actionsStart:l.actionsStart?We(m,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?We(m,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:u,subtitle:l.subtitle}),footer:l.footer?Mi(No,{alignment:"stretched",children:[We(m,{text:"Cancel",size:"large",themeColor:"base"}),We(m,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):We(Ie,{...r,fullscreen:l.fullScreen,header:We(ot,{actionsStart:l.actionsStart?We(m,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?We(m,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?Mi(No,{alignment:"stretched",children:[We(m,{text:"Apply",themeColor:"primary"}),We(m,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};Na.options=xb;Na.states=kb;Na.variants=Nb;Na.defaultOptions=Zs;Na.modifiers=wb;Na.className=Ie.className;var Si="slider",js=Si;import{jsx as wa,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},Ce=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:g=Ht.showTicks,value:x=Ht.value,min:v=Ht.min,max:L=Ht.max,startValue:h,endValue:M,hover:R,focus:G,active:U,trackStyle:P,dir:oe,...Me}=e,je=(()=>{if(t==="gradient"&&r==="2d")return"undefined";if(o==="vertical")return"vertical"})(),et,xt;return o==="horizontal"?(et=oe==="rtl"?"caret-alt-left":"caret-alt-right",xt=oe==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(et="caret-alt-up",xt="caret-alt-down"),Ri("div",{...Me,className:a(Ir,e.className,E(Ir,{readonly:l,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:oe,children:[u&&wa(m,{className:"k-button-decrease",rounded:"full",icon:xt,tabIndex:-1,title:"Decrease"}),Ri("div",{className:"k-slider-track-wrap",children:[g&&wa("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Ri("div",{className:"k-slider-track",style:P,children:[wa("div",{className:"k-slider-selection"}),t==="range"&&wa("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":h??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":Me["aria-label"]?`${Me["aria-label"]} start`:"Range start"}),wa("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:x,"aria-valuemin":t==="range"?h??v:v,"aria-valuemax":L,"aria-orientation":je,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":t==="range"?Me["aria-label"]?`${Me["aria-label"]} end`:"Range end":Me["aria-label"]})]})]}),u&&wa(m,{className:"k-button-increase",rounded:"full",icon:et,tabIndex:-1,title:"Increase"})]})};Ce.states=vb;Ce.options=Cb;Ce.className=Ir;Ce.defaultOptions=Ht;Ce.moduleName=Si;Ce.folderName=js;Ce.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(Ce,{"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(Ce,{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 ER,jsx as AR,jsxs as IR}from"react/jsx-runtime";import{Fragment as _R,jsx as PR,jsxs as KR}from"react/jsx-runtime";import{jsx as Eb}from"react/jsx-runtime";var Ai=e=>Eb(Ce,{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(Ce,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as qR,jsx as JR,jsxs as YR}from"react/jsx-runtime";import{Fragment as tA,jsx as eA,jsxs as oA}from"react/jsx-runtime";import{jsx as Zt,jsxs as ld}from"react/jsx-runtime";var Gb=Ce.options,Ob=Ce.states,id={...Ce.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"}],va=e=>{let{variant:t,modifiers:o,...r}={...id,...e},l={};Object.keys(o||{}).forEach(x=>{switch(x){case"button":{l.showButtons=!!o?.[x];break}case"label":{l.label=!!o?.[x];break}case"tick":{l.showTicks=!!o?.[x];break}}});let{label:s=!0,showButtons:c,showTicks:u}=l,g={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?ld(rd,{showTicks:u,showButtons:c,style:{height:"300px",...g},...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",...g},...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%"}})]})};va.options=Gb;va.states=Ob;va.variants=Hb;va.defaultOptions=id;va.modifiers=Pb;va.className=Ce.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:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},cl={showSpinButton:!0,showClearButton:!0,separators:!0},ae=e=>{let{size:t,rounded:o,fillMode:r,separators:l=cl.separators,showClearButton:s=cl.showClearButton,showSpinButton:c=cl.showSpinButton,prefix:u,suffix:g,value:x,placeholder:v,hover:L,focus:h,valid:M,invalid:R,required:G,loading:U,disabled:P,readonly:oe,id:Me,"aria-label":he,"aria-describedby":je,...et}=e;return Gi(He,{...et,size:t,rounded:o,fillMode:r,hover:L,focus:h,valid:M,invalid:R,required:G,loading:U,disabled:P,readonly:oe,className:a(e.className,md),children:[u&&Gi(pd,{children:[lo(At,{children:u}),l&&lo(It,{})]}),lo(Nt,{id:Me,placeholder:v,value:x,role:"spinbutton",disabled:P,"aria-label":he,"aria-describedby":je,"aria-invalid":R?"true":void 0}),lo(tt,{valid:M,invalid:R,loading:U,disabled:P}),lo(mt,{loading:U,disabled:P}),s&&lo(kt,{loading:U,disabled:P,readonly:oe,value:x}),g&&Gi(pd,{children:[l&&lo(It,{}),lo(Et,{children:g})]}),c&&lo(yo,{className:"k-input-spinner",size:t,fillMode:r,disabled:P})]})};ae.states=Ub;ae.options=Fb;ae.className=md;ae.defaultOptions=cl;ae.moduleName=dd;ae.folderName=cd;ae.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=ae;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",Ca=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={},se=e=>{let{size:t,virtualization:o,children:r,header:l,optionLabel:s,customValue:c,noData:u,screenReaders:g,...x}=e,L=Hi.Children.toArray(r)[0],h=L?.props?.children?Hi.Children.count(L.props.children):Hi.Children.count(r);return fd("div",{...x,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."})),g&&r&&fd(pl,{className:"k-sr-only",live:!0,children:[h," items found."]})]})};se.states=Jb;se.options=qb;se.className=Pi;se.defaultOptions=Yb;se.moduleName=qo;se.folderName=Ca;se.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={},La=e=>{let{...t}=e;return eT("div",{...t,className:a(e.className,gd),children:e.children})};La.states=Qb;La.options=Zb;La.className=gd;La.defaultOptions=jb;La.moduleName=qo;La.folderName=Ca;var Yo="checkbox",ya=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:[N.undefined,N.none,N.small,N.medium,N.large,N.full]},aT={},Fe=e=>{let{id:t,checked:o,indeterminate:r,hover:l,focus:s,disabled:c,invalid:u,valid:g,required:x,size:v,rounded:L,wrapperRole:h,...M}=e;return hd("span",{className:"k-checkbox-wrap",role:h,children:hd("input",{...M,id:t,type:"checkbox",defaultChecked:o,required:x,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:g,indeterminate:r,checked:o}))})})};Fe.states=tT;Fe.options=oT;Fe.className=ml;Fe.defaultOptions=aT;Fe.moduleName=Yo;Fe.folderName=ya;Fe.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var Vt=Fe;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=ya;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=ya;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 yE,jsx as LE,jsxs as ME}from"react/jsx-runtime";import{Fragment as IE,jsx as EE,jsxs as GE}from"react/jsx-runtime";import{Fragment as KE,jsx as _E,jsxs as DE}from"react/jsx-runtime";import{jsx as FE}from"react/jsx-runtime";import{jsx as XE}from"react/jsx-runtime";import{jsx as QE}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=[],Ma=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"})})]})};Ma.options=uT;Ma.states=bT;Ma.variants=fT;Ma.defaultOptions=TT;Ma.modifiers=gT;Ma.className=at.className;import{jsx as vT}from"react/jsx-runtime";var hT=Vt.options,xT=Vt.states,kT=Vt.defaultOptions,NT=[],wT=[],Sa=e=>vT(io,{id:O("checkbox"),...e,defaultChecked:!0,children:"Label"});Sa.options=hT;Sa.states=xT;Sa.variants=NT;Sa.defaultOptions=kT;Sa.modifiers=wT;Sa.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={},ee=e=>{let{text:t,groupLabel:o,group:r,iconName:l,iconClassName:s,showCheckbox:c,checked:u,hover:g,focus:x,selected:v,disabled:L,actions:h,description:M,id:R,...G}=e,U=t||e.children;return MT("li",{...G,id:R,role:r?"presentation":"option",tabIndex:r?void 0:x?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:g,focus:x,disabled:L,selected:v})),children:[c&&Qo(Fe,{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}),h&&Qo("div",{className:"k-list-item-actions",children:h}),M&&Qo("span",{className:"k-list-item-description",children:M}),o&&o!==""&&Qo("div",{className:"k-list-item-group-label",children:o})]})};ee.states=CT;ee.options=LT;ee.className=_i;ee.defaultOptions=yT;ee.moduleName=qo;ee.folderName=Ca;ee.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};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",we=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",{})})]})};we.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 zI,jsx as BI,jsxs as UI}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 rG,jsx as aG,jsxs as lG}from"react/jsx-runtime";import{Fragment as pG,jsx as cG,jsxs as mG}from"react/jsx-runtime";import{Fragment as xG,jsx as gG,jsxs as hG}from"react/jsx-runtime";import{Fragment as yG,jsx as CG,jsxs as LG}from"react/jsx-runtime";import{jsx as AG}from"react/jsx-runtime";import{Fragment as PG,jsx as HG,jsxs as _G}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:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},Fi={showValue:!0,arrowIconName:"caret-alt-down"},Te=e=>{let{size:t,rounded:o,fillMode:r,arrowIconName:l=Fi.arrowIconName,showValue:s=Fi.showValue,valueIconName:c,prefix:u,suffix:g,value:x,placeholder:v,hover:L,focus:h,valid:M,invalid:R,required:G,loading:U,disabled:P,readonly:oe,popup:Me,opened:he,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:h,valid:M,invalid:R,required:G,loading:U,disabled:P,readonly:oe,className:a(e.className,yd,{"k-icon-picker":!s&&c}),role:"combobox","aria-haspopup":"listbox","aria-expanded":he?"true":"false","aria-controls":he?nm:void 0,"aria-activedescendant":he&&jr?jr:void 0,"aria-describedby":he?as:void 0,"aria-disabled":P?"true":void 0,"aria-label":Wl,tabIndex:0,children:[lt(At,{children:u}),lt(Jo,{placeholder:v,value:x,showValue:s,valueIconName:c,id:as}),lt(tt,{valid:M,invalid:R,loading:U,disabled:P}),lt(mt,{loading:U,disabled:P}),lt(Et,{children:g}),lt(m,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":v||"Toggle dropdown",tabIndex:-1})]}),he&&Me&&lt(ce,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:Me}),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:x,inputPlaceholder:v,title:xt,subtitle:Vo}),children:lt("div",{className:"k-list-container",children:lt(se,{size:"large",children:Ui(we,{"aria-label":"Options",children:[lt(ee,{text:"List item"}),lt(ee,{text:"List item"}),lt(ee,{text:"List item"})]})})})})]})};Te.states=UT;Te.options=FT;Te.className=yd;Te.defaultOptions=Fi;Te.moduleName=Cd;Te.folderName=Ld;Te.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 fO}from"react/jsx-runtime";import{jsx as wO,jsxs as vO}from"react/jsx-runtime";import{Fragment as IO,jsx as AO,jsxs as EO}from"react/jsx-runtime";import{jsx as _O}from"react/jsx-runtime";import{jsx as FO,jsxs as $O}from"react/jsx-runtime";import{Fragment as jO,jsx as QO,jsxs as ZO}from"react/jsx-runtime";import{jsx as r0}from"react/jsx-runtime";import{Fragment as YT,jsx as So,jsxs as Md}from"react/jsx-runtime";var WT=Te.states,VT=Te.defaultOptions,XT=Te.options,JT=[{name:"opened",title:"Opened"}],qT=[],Aa=e=>{let{modifiers:t,...o}=e,r={},l=Md(YT,{children:[So("div",{className:"k-list-filter",children:So(wt,{})}),So(se,{style:{width:300},size:o.size,children:Md(we,{children:[So(ee,{children:"List item"}),So(ee,{children:"List item"}),So(ee,{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(Te,{placeholder:"Value",style:{width:300},...o,...r})})};Aa.options=XT;Aa.states=WT;Aa.variants=qT;Aa.defaultOptions=VT;Aa.modifiers=JT;Aa.className=Te.className;import{Fragment as y0,jsx as L0}from"react/jsx-runtime";import{Fragment as I0,jsx as E0}from"react/jsx-runtime";import{jsx as P0}from"react/jsx-runtime";import{jsx as $i}from"react/jsx-runtime";var QT=ae.states,ZT=ae.defaultOptions,jT=ae.options,ef=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],tf=[],Ea=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":r.prefix=t?.[l]?$i(Te,{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})};Ea.options=jT;Ea.states=QT;Ea.variants=tf;Ea.defaultOptions=ZT;Ea.modifiers=ef;Ea.className=ae.className;import{Fragment as Or,jsx as le,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"},Ia=e=>{let{mode:t=Rd.mode,size:o,...r}=e;return Pe("div",{...r,className:a(Sd,"k-hstack"),children:[le("div",{className:"k-vstack",children:le(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:[le(ae,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),le("label",{className:"k-colorgradient-input-label",children:"R"})]}),Pe("div",{className:"k-vstack",children:[le(ae,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),le("label",{className:"k-colorgradient-input-label",children:"G"})]}),Pe("div",{className:"k-vstack",children:[le(ae,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),le("label",{className:"k-colorgradient-input-label",children:"B"})]}),Pe("div",{className:"k-vstack",children:[le(ae,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),le("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&Pe(Or,{children:[Pe("div",{className:"k-vstack",children:[le(ae,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),le("label",{className:"k-colorgradient-input-label",children:"R"})]}),Pe("div",{className:"k-vstack",children:[le(ae,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),le("label",{className:"k-colorgradient-input-label",children:"G"})]}),Pe("div",{className:"k-vstack",children:[le(ae,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),le("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&Pe(Or,{children:[Pe("div",{className:"k-vstack",children:[le(ae,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),le("label",{className:"k-colorgradient-input-label",children:"H"})]}),Pe("div",{className:"k-vstack",children:[le(ae,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),le("label",{className:"k-colorgradient-input-label",children:"S"})]}),Pe("div",{className:"k-vstack",children:[le(ae,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),le("label",{className:"k-colorgradient-input-label",children:"V"})]}),Pe("div",{className:"k-vstack",children:[le(ae,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),le("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&Pe(Or,{children:[Pe("div",{className:"k-vstack",children:[le(ae,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),le("label",{className:"k-colorgradient-input-label",children:"H"})]}),Pe("div",{className:"k-vstack",children:[le(ae,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),le("label",{className:"k-colorgradient-input-label",children:"S"})]}),Pe("div",{className:"k-vstack",children:[le(ae,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),le("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&le(Or,{children:Pe("div",{className:"k-vstack k-flex-1",children:[le(ke,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),le("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Ia.states=of;Ia.options=af;Ia.className=Sd;Ia.defaultOptions=Rd;import{jsx as jo,jsxs as ea}from"react/jsx-runtime";var Ad="k-colorgradient-color-contrast",rf=[],lf={},nf={},Ga=()=>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"})]})]})]});Ga.states=rf;Ga.options=lf;Ga.className=Ad;Ga.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"},$e=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:g=jt.alphaStyleHorizontal,contrast:x=jt.contrast,dir:v,hover:L,focus:h,hoverHandle:M,focusHandle:R,canvasOrientation:G=jt.canvasOrientation,role:U,tabIndex:P,...oe}=e;return Hr("div",{...oe,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:h,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:g})]})]}),Dt(Ia,{mode:e.mode,size:t}),x&&Dt(Ga,{})]})};$e.states=sf;$e.options=df;$e.className=bl;$e.defaultOptions=jt;$e.moduleName=Ed;$e.folderName=Id;$e.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};import{jsx as cf}from"react/jsx-runtime";var Tl=e=>cf($e,{...e});import{jsx as N1}from"react/jsx-runtime";import{jsx as L1}from"react/jsx-runtime";import{jsx as Wi}from"react/jsx-runtime";var pf=$e.options,mf=$e.states,uf={...$e.defaultOptions,variant:"rgba"},bf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Tf=[],Oa=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})}};Oa.options=pf;Oa.states=mf;Oa.variants=bf;Oa.defaultOptions=uf;Oa.modifiers=Tf;Oa.className=$e.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={},Ha=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})};Ha.states=gf;Ha.options=hf;Ha.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 g=r||o.columns,x=o.colors?o.colors:o;Array.isArray(x)&&Array.from({length:Math.ceil(x.length/g)},(v,L)=>{let h=[];x.slice(L*g,(L+1)*g).map((R,G)=>{h.push(Pr(Ha,{color:R,tileSize:l},G))});let M=Pr(Vi,{children:h},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 iH}from"react/jsx-runtime";import{jsx as mH,jsxs as uH}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=[],Pa=e=>{let{variant:t="basic",...o}=e,r=Mf[t];return Rf(Pd,{columns:r.columns,palette:r,...o})};Pa.options=vf;Pa.states=Cf;Pa.variants=yf;Pa.defaultOptions=Lf;Pa.modifiers=Sf;Pa.className=it.className;var _d="color-editor",Kd="coloreditor";import{jsx as Bt,jsxs as _a}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:g,group:x,actionButtons:v=Kr.actionButtons,canvasOrientation:L=Kr.canvasOrientation,...h}=e;return _a("div",{...h,role:"textbox","aria-label":"Color editor",tabIndex:0,className:a(e.className,"k-flatcolorpicker",hl,A(hl,{size:t}),E(hl,{focus:c})),dir:g,children:[_a("div",{className:"k-coloreditor-header k-hstack",children:[Bt("div",{className:"k-coloreditor-header-actions k-hstack",children:x&&_a(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"}),_a("div",{className:"k-coloreditor-header-actions k-hstack",children:[Bt(m,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),_a("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($e,{focus:u,size:t,canvasOrientation:L,role:"none",tabIndex:-1}):Bt(it,{palette:r,size:t})}),v&&_a(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 Ka=Ge;import{jsx as UH}from"react/jsx-runtime";import{jsx as VH}from"react/jsx-runtime";import{jsx as If}from"react/jsx-runtime";var Dd=e=>If(Ka,{group:!0,currentColor:"fuchsia",...e});import{jsx as Gf}from"react/jsx-runtime";var Bd=e=>Gf(Ka,{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=[],Da=e=>{let{variant:t,...o}=e;return t==="palette"?zd(Bd,{...o,color:"white"}):zd(Dd,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Da.options=Of;Da.states=Hf;Da.variants=_f;Da.defaultOptions=Pf;Da.modifiers=Kf;Da.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:[N.undefined,N.none,N.small,N.medium,N.large,N.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:g,hover:x,focus:v,valid:L,invalid:h,required:M,disabled:R,valueIconName:G,popup:U,opened:P,adaptive:oe,adaptiveSettings:Me,adaptiveTitle:he,adaptiveSubtitle:je,...et}=e,xt="colorpicker-popup";return Ji(zf,{children:[Ji(Yt,{...et,size:t,rounded:o,fillMode:r,hover:x,focus:v,valid:L,invalid:h,required:M,disabled:R,role:"combobox","aria-haspopup":"dialog","aria-expanded":P?"true":"false","aria-controls":P||oe?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:g,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(ce,{id:xt,className:"k-colorpicker-popup",children:U}),oe&&zt(Ie,{adaptive:!0,id:xt,...Me,header:zt(ot,{actionsEnd:zt(m,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:he,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 RP}from"react/jsx-runtime";import{jsx as OP}from"react/jsx-runtime";import{jsx as KP}from"react/jsx-runtime";import{jsx as UP}from"react/jsx-runtime";import{jsx as VP}from"react/jsx-runtime";import{jsx as YP}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"}],Ba=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})})}};Ba.options=Ff;Ba.states=$f;Ba.variants=Wf;Ba.defaultOptions=Vd;Ba.modifiers=Vf;Ba.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:[N.undefined,N.none,N.small,N.medium,N.large,N.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:g,hover:x,focus:v,valid:L,invalid:h,required:M,loading:R,disabled:G,popup:U,opened:P,readonly:oe,adaptive:Me,adaptiveSettings:he,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:x,focus:v,valid:L,invalid:h,required:M,loading:R,disabled:G,readonly:oe,className:a(e.className,Jd),children:[s&&Dr(Yi,{children:[Be(At,{children:s}),l&&Be(It,{})]}),Be(Nt,{id:Vo,placeholder:g,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":h?"true":void 0,"aria-busy":R?"true":void 0,"aria-label":jr,disabled:G,readOnly:oe}),Be(tt,{valid:L,invalid:h,loading:R,disabled:G}),Be(mt,{loading:R,disabled:G}),Be(kt,{loading:R,disabled:G,readonly:oe,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(ce,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:U}),Me&&Be(Ie,{adaptive:!0,id:Vo?`${Vo}-adaptive`:void 0,...he,header:Be(ot,{actionsEnd:Be(m,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:g,title:je,subtitle:et}),children:Be("div",{className:"k-list-container",children:Be(se,{customValue:xt?Be(Mo,{text:`Use "${u}"`}):void 0,size:"large",children:Dr(we,{"aria-label":je||"Options",children:[Be(ee,{text:"List item"}),Be(ee,{text:"List item"}),Be(ee,{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 I_,jsxs as G_}from"react/jsx-runtime";import{jsx as D_,jsxs as B_}from"react/jsx-runtime";import{jsx as V_,jsxs as X_}from"react/jsx-runtime";import{Fragment as j_,jsx as Z_}from"react/jsx-runtime";import{Fragment as lK,jsx as rK}from"react/jsx-runtime";import{jsx as pK,jsxs as mK}from"react/jsx-runtime";import{Fragment as kK,jsx as hK,jsxs as xK}from"react/jsx-runtime";import{jsx as CK}from"react/jsx-runtime";import{jsx as SK}from"react/jsx-runtime";import{jsx as OK,jsxs as HK}from"react/jsx-runtime";import{jsx as zK,jsxs as UK}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=[],za=e=>{let{modifiers:t,...o}=e,r={},l=Ro(se,{style:{width:300},size:o.size,children:tg(we,{children:[Ro(ee,{children:"List item"}),Ro(ee,{children:"List item"}),Ro(ee,{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})})};za.options=Zf;za.states=Yf;za.variants=eg;za.defaultOptions=Qf;za.modifiers=jf;za.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:[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]},Zi={showArrow:!0,arrowIconName:"caret-alt-down"},fe=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,hover:s,focus:c,active:u,selected:g,disabled:x,icon:v,text:L,showArrow:h=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:g,disabled:x,icon:v,showArrow:h,arrowIconName:M,"aria-expanded":R?"true":"false",...!L&&v&&!e["aria-label"]&&{"aria-label":"Menu"},...x&&{"aria-disabled":"true"}})};fe.states=og;fe.options=ag;fe.className=Zd;fe.defaultOptions=Zi;fe.moduleName=Qi;fe.folderName=Qd;fe.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 ND}from"react/jsx-runtime";import{jsx as LD}from"react/jsx-runtime";import{jsx as RD}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:g,last:x,showArrow:v,arrowIconName:L,iconPosition:h=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":g,"k-last":x}),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&&h==="before"&&Br(p,{className:"k-menu-link-icon",icon:c}),Br("span",{className:"k-menu-link-text",children:u}),c&&h==="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"},re=e=>{let{hover:t,focus:o,active:r,selected:l,disabled:s,icon:c,text:u,first:g,last:x,showArrow:v,arrowIconName:L,iconPosition:h=tn.iconPosition,dir:M=tn.dir,children:R,popup:G,expanded:U,...P}=e,oe=L;return oe||(oe=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":g,"k-last":x}),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&&h==="before"&&zr(p,{className:"k-menu-link-icon",icon:c}),zr("span",{className:"k-menu-link-text",children:u}),c&&h==="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:oe})})]}),R,G]})};re.states=ng;re.options=sg;re.className=en;re.defaultOptions=tn;re.moduleName=Lt;re.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"},Se=e=>{let{children:t,orientation:o=wl.orientation,header:r=wl.header,scrollable:l,scrollButtonsPosition:s=wl.scrollButtonsPosition,wrapperStyles:c,dir:u,popup:g,contextMenu:x,...v}=e,L={horizontal:{prev:u!=="rtl"?"left":"right",next:u!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},h=aa("ul",{dir:u,...v,className:a(e.className,"k-reset",an,{[`${an}-${o}`]:o,"k-header":r}),role:x?"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"}),h,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"})]}):h,g]})};Se.states=ug;Se.options=bg;Se.className=an;Se.defaultOptions=wl;Se.moduleName=Lt;Se.folderName=Ut;Se.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 r2,jsx as l2}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 Ua,jsxs as Ng}from"react/jsx-runtime";var nn=e=>Ua(Se,{children:Ng(kg,{children:[Ua(Qe,{first:!0,text:"Item 1"}),Ua(Qe,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),Ua(Qe,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),Ua(Qe,{text:"Item 4"}),Ua(Qe,{last:!0,text:"Item 5"})]}),...e});import{Fragment as x2,jsx as g2,jsxs as h2}from"react/jsx-runtime";import{Fragment as C2,jsx as v2,jsxs as L2}from"react/jsx-runtime";import{Fragment as A2,jsx as R2,jsxs as E2}from"react/jsx-runtime";import{Fragment as P2,jsx as H2,jsxs as _2}from"react/jsx-runtime";import{jsx as ra,jsxs as yg}from"react/jsx-runtime";var wg=Se.options,vg=Se.states,lc={...Se.defaultOptions,variant:"horizontal"},Cg=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Lg=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Fa=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(ce,{className:"k-menu-popup",children:yg(_e,{children:[ra(re,{text:"Item 1"}),ra(re,{text:"Item 2"}),ra(Ao,{}),ra(re,{text:"Item 3"})]})});break}}),t==="vertical"?ra(nn,{...r,...l,orientation:"vertical",style:{width:"200px"}}):ra(nn,{...r,...l})};Fa.options=wg;Fa.states=vg;Fa.variants=Cg;Fa.defaultOptions=lc;Fa.modifiers=Lg;Fa.className=Se.className;import{Fragment as TB,jsx as uB,jsxs as bB}from"react/jsx-runtime";import{jsx as xB}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"}],$a=e=>{let{variant:t,modifiers:o,...r}={...nc,...e},l={},s=eo(ce,{className:"k-menu-popup",children:ic(_e,{size:r.size,children:[eo(re,{first:!0,text:"Menu Item"}),eo(re,{text:"Menu Item"}),eo(re,{last:!0,text:"Menu Item"})]})}),c;switch(t){case"icon-only":c=eo("div",{children:eo(fe,{...r,...l,icon:"star"})});break;case"icon-and-text":c=eo("div",{children:eo(fe,{...r,...l,icon:"star",children:"Dropdown Button"})});break;default:c=eo("div",{children:eo(fe,{...r,...l,children:"Dropdown Button"})});break}return ic(Eg,{children:[c,o?.opened&&s]})};$a.options=Sg;$a.states=Mg;$a.variants=Rg;$a.defaultOptions=nc;$a.modifiers=Ag;$a.className=fe.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:[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]},cc={arrowIconName:"caret-alt-down"},ie=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,hover:s,focus:c,active:u,selected:g,disabled:x,icon:v,text:L,arrowIconName:h=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:g,disabled:x,...!L&&!e.children&&v&&{"aria-label":"Action"},children:e.children}),dn(m,{className:"k-split-button-arrow",icon:h,size:t,rounded:o,fillMode:r,disabled:x,"aria-label":"Toggle dropdown","aria-expanded":R?"true":"false","aria-controls":R?G:void 0,tabIndex:-1,...x&&{"aria-disabled":"true"}})]}),R&&M&&dn(ce,{className:"k-menu-popup",children:M})]})};ie.states=Ig;ie.options=Gg;ie.className=cn;ie.defaultOptions=cc;ie.moduleName=sn;ie.folderName=sc;ie.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=ie;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 pe,jsxs as Wa}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"},me=e=>{let{size:t,fillMode:o,focus:r,resizable:l,scrollable:s,scrollButtons:c,scrollingPosition:u,section:g,...x}=e,v=[],L=(h,M)=>{let R=[];if(h.type===m&&h.props.className&&h.props.className.includes("k-toolbar-overflow-button"))R.push(pe(m,{...h.props,className:`${h.props.className?h.props.className:""}`},`${M}-${new Date().getTime()}`));else if(h.type===m)R.push(pe(m,{...h.props,className:`k-toolbar-button ${h.props.className?h.props.className:""}`},`${M}-${new Date().getTime()}`));else if(h.type===Cr)R.push(pe(Cr,{...h.props,className:`k-toolbar-button ${h.props.className?h.props.className:""}`},`${M}-${new Date().getTime()}`));else if(h.type===xo)R.push(pe(xo,{...h.props,className:`k-toolbar-button ${h.props.className?h.props.className:""}`},`${M}-${new Date().getTime()}`));else if(h.type===fe)R.push(pe(fe,{...h.props,className:`k-toolbar-menu-button ${h.props.className?h.props.className:""}`},`${M}-${new Date().getTime()}`));else if(h.type===pn)R.push(pe(pn,{...h.props,className:`k-toolbar-split-button ${h.props.className?h.props.className:""}`},`${M}-${new Date().getTime()}`));else if(h.type===W||h.props.className&&h.props.className.includes("k-button-group")){let G=[];(Array.isArray(h.props.children)?h.props.children:[h.props.children]).forEach((P,oe)=>{G.push(pe(m,{...P.props,className:`${P.props.className?P.props.className:""}`},`${oe}-${new Date().getTime()}`))}),R.push(pe(W,{...h.props,className:`k-toolbar-button-group ${h.props.className?h.props.className:""}`,children:G},`${M}-${new Date().getTime()}`))}else h.type===Ye?R.push(pe(Ye,{...h.props,className:`k-toolbar-combobox ${h.props.className?h.props.className:""}`},`${M}-${new Date().getTime()}`)):h.type===Te?R.push(pe(Te,{...h.props,className:`k-toolbar-dropdownlist ${h.props.className?h.props.className:""}`},`${M}-${new Date().getTime()}`)):h.type===vt?R.push(pe(vt,{...h.props,className:`k-toolbar-colorpicker ${h.props.className?h.props.className:""}`},`${M}-${new Date().getTime()}`)):R.push(h);R.forEach(G=>{v.push(G)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((M,R)=>{L(M,R)}),Wa("div",{...x,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`]:g}),role:"toolbar","aria-label":"Toolbar",children:[!s&&v,s&&c==="hidden"&&pe("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),s&&c==="start"&&Wa(mn,{children:[Wa(W,{children:[pe("span",{className:a("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:pe(p,{className:"k-button-icon",icon:"caret-alt-left"})}),pe("span",{className:a("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:pe(p,{className:"k-button-icon",icon:"caret-alt-right"})})]}),pe(Xt,{className:"k-toolbar-button-separator"}),pe("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v})]}),s&&c==="end"&&Wa(mn,{children:[pe("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),pe(Xt,{className:"k-toolbar-button-separator"}),Wa(W,{children:[pe("span",{className:a("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:pe(p,{className:"k-button-icon",icon:"caret-alt-left"})}),pe("span",{className:a("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:pe(p,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),s&&(c==="around"||!c)&&Wa(mn,{children:[pe("span",{className:a("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:pe(p,{className:"k-button-icon",icon:"caret-alt-left"})}),pe(Xt,{className:"k-toolbar-button-separator"}),pe("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),pe(Xt,{className:"k-toolbar-button-separator"}),pe("span",{className:a("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:pe(p,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};me.states=_g;me.options=Kg;me.className=po;me.defaultOptions=Dg;me.moduleName=co;me.folderName=Eo;me.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={},Va=e=>{let{...t}=e;return Fg("div",{...t,className:a(e.className,pc),children:e.children})};Va.states=Bg;Va.options=zg;Va.className=pc;Va.defaultOptions=Ug;Va.moduleName=co;Va.folderName=Eo;import{jsx as Xg}from"react/jsx-runtime";var un="k-toolbar-item",$g=[n.focus],Wg={},Vg={},Xa=e=>{let{focus:t,...o}=e;return Xg("div",{...o,className:a(e.className,un,E(un,{focus:t})),children:e.children})};Xa.states=$g;Xa.options=Wg;Xa.className=un;Xa.defaultOptions=Vg;Xa.moduleName=co;Xa.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(ce,{...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 w3}from"react/jsx-runtime";import{jsx as y3}from"react/jsx-runtime";import{jsx as A3}from"react/jsx-runtime";import{jsx as P3,jsxs as _3}from"react/jsx-runtime";import{jsx as z3}from"react/jsx-runtime";import{jsx as mo,jsxs as th}from"react/jsx-runtime";var Qg=ie.states,bc={...ie.defaultOptions,variant:"text"},Zg=ie.options,jg=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],eh=[{name:"opened",title:"Opened"}],Ja=e=>{let{variant:t,modifiers:o,...r}={...bc,...e},l={},s=th(_e,{size:r.size,children:[mo(re,{first:!0,text:"Menu Item"}),mo(re,{text:"Menu Item"}),mo(re,{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(ie,{...r,...l,icon:"star"})});case"icon-and-text":return mo("div",{children:mo(ie,{...r,...l,icon:"star",children:"Split Button"})});default:return mo("div",{children:mo(ie,{...r,...l,children:"Split Button"})})}};Ja.options=Zg;Ja.states=Qg;Ja.variants=jg;Ja.defaultOptions=bc;Ja.modifiers=eh;Ja.className=ie.className;import{jsx as ia,jsxs as oh}from"react/jsx-runtime";var Tc=e=>ia(me,{children:[ia(m,{children:"Button"},"toolbar-button"),ia(fe,{text:"Menu button"},"toolbar-menu-button"),ia(ie,{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 f5,jsxs as g5}from"react/jsx-runtime";import{jsx as yt,jsxs as fc}from"react/jsx-runtime";var gc=e=>yt(me,{scrollable:!0,...e,children:[yt(m,{children:"Button"},"toolbar-button"),yt(fe,{text:"Menu button"},"toolbar-menu-button"),yt(ie,{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(fe,{text:"Menu button"},"toolbar-menu-button"),yt(ie,{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(me,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[Mt(m,{children:"Button"},"toolbar-button"),Mt(fe,{text:"Menu button"},"toolbar-menu-button"),Mt(ie,{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(fe,{text:"Menu button"},"toolbar-menu-button"),Mt(ie,{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 ut,jsxs as Cl}from"react/jsx-runtime";var kc=({fillMode:e,size:t,...o})=>Cl(ah,{children:[ut(me,{section:!0,fillMode:e,size:t,children:[ut(m,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Cl(W,{fillMode:e,children:[ut(m,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),ut(m,{icon:"align-center",fillMode:e,size:t,children:"Center"}),ut(m,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),ut(Xt,{className:"k-toolbar-button-separator"}),ut(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:[ut(ie,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),ut(m,{fillMode:e,size:t,children:"Button"},"toolbar-button"),ut(Xt,{}),ut(fe,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Cl(W,{fillMode:e,children:[ut(m,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),ut(m,{icon:"align-center",fillMode:e,size:t,children:"Center"}),ut(m,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as Y5,jsx as J5,jsxs as q5}from"react/jsx-runtime";import{Fragment as nz,jsx as lz,jsxs as iz}from"react/jsx-runtime";import{jsx as Io}from"react/jsx-runtime";var rh=me.options,lh=me.states,Nc={...me.defaultOptions,variant:"default"},ih=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],nh=[],qa=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})})}};qa.options=rh;qa.states=lh;qa.variants=ih;qa.defaultOptions=Nc;qa.modifiers=nh;qa.className=me.className;import{jsx as sh}from"react/jsx-runtime";var wc="k-gantt-header",Go=e=>sh(me,{...e,className:a(e.className,wc,"k-gantt-toolbar"),children:e.children});Go.className=wc;Go.moduleName=xe;Go.folderName=Ne;import{jsx as dh}from"react/jsx-runtime";var vc="k-gantt-footer",na=e=>dh(me,{...e,className:a(e.className,vc,"k-gantt-toolbar"),children:e.children});na.className=vc;na.moduleName=xe;na.folderName=Ne;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=xe;Oo.folderName=Ne;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=xe;Ho.folderName=Ne;var Ve="table",Ze=Ve;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=Ve;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=Ve;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={},Re=e=>{let{size:t,...o}=e;return vh("table",{...o,className:a(e.className,Tn,A(Tn,{size:t})),children:e.children})};Re.states=kh;Re.options=Nh;Re.className=Tn;Re.defaultOptions=wh;Re.moduleName=Ve;Re.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(Re,{children:t})})})};bo.states=Ch;bo.options=Lh;bo.className=gn;bo.defaultOptions=yh;bo.moduleName=Ve;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=Ve;Ya.folderName=Ze;import{jsx as wU}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=Ve;_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=Ve;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 BU}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],f=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})};f.states=Fh;f.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=Ve;To.folderName=Ze;import{jsx as e6}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,g=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:g})};i.states=Jh;i.className=Nn;import{jsx as n6}from"react/jsx-runtime";import{jsx as p6}from"react/jsx-runtime";import{jsx as T6}from"react/jsx-runtime";import{jsx as x6}from"react/jsx-runtime";import{jsx as v6}from"react/jsx-runtime";import{jsx as A6,jsxs as E6}from"react/jsx-runtime";import{jsx as H6,jsxs as P6}from"react/jsx-runtime";import{jsx as B6,jsxs as z6}from"react/jsx-runtime";import{Fragment as X6,jsx as W6,jsxs as V6}from"react/jsx-runtime";import{jsx as Zh}from"react/jsx-runtime";var Ic="k-gantt-columns",Do=e=>Zh(Re,{...e,className:a(e.className,Ic),role:"presentation",children:e.children});Do.className=Ic;Do.moduleName=xe;Do.folderName=Ne;import{jsx as jh}from"react/jsx-runtime";var Gc="k-gantt-rows",Bo=e=>jh(Re,{...e,className:a(e.className,Gc),role:"presentation",children:e.children});Bo.className=Gc;Bo.moduleName=xe;Bo.folderName=Ne;import{jsx as ex}from"react/jsx-runtime";var Oc="k-gantt-tasks",zo=e=>ex(Re,{...e,className:a(e.className,Oc),role:"presentation",children:e.children});zo.className=Oc;zo.moduleName=xe;zo.folderName=Ne;import{jsx as ax}from"react/jsx-runtime";var Hc="k-task",tx=[],ox={},Pc={type:"single"},ze=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}})};ze.states=tx;ze.options=ox;ze.className=Hc;ze.defaultOptions=Pc;ze.moduleName=xe;ze.folderName=Ne;import{jsx as ix}from"react/jsx-runtime";var _c="k-task-wrap",rx=[],lx={},Kc={type:"single"},Ue=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"})})};Ue.states=rx;Ue.options=lx;Ue.className=_c;Ue.defaultOptions=Kc;Ue.moduleName=xe;Ue.folderName=Ne;import{jsx as dx}from"react/jsx-runtime";var Dc="k-task-dot",nx=[],sx={},Bc={position:"start"},ue=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"})};ue.states=nx;ue.options=sx;ue.className=Dc;ue.defaultOptions=Bc;ue.moduleName=xe;ue.folderName=Ne;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=xe;St.folderName=Ne;import{jsx as fx}from"react/jsx-runtime";var Uc="k-gantt-line",bx=[],Tx={},Fc={orientation:"horizontal"},te=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"})};te.states=bx;te.options=Tx;te.className=Uc;te.defaultOptions=Fc;te.moduleName=xe;te.folderName=Ne;var ne="grid",de=ne;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:g,ariaColCount:x,ariaRowCount:v,ariaRootId:L,ariaRole:h="grid",...M}=e;return Nx("div",{...M,className:a(e.className,yl,{[`${yl}-resizable`]:g},A(yl,{size:t})),children:[r,o==="top"&&l,s,e.children&&u?kx("div",{className:"k-grid-aria-root",role:h,id:L,"aria-colcount":x,"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=ne;V.folderName=de;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=ne;K.folderName=de;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=ne;to.folderName=de;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=ne;Ur.folderName=de;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=ne;Fr.folderName=de;import{jsx as yx}from"react/jsx-runtime";var Yc="k-grid-header-table",D=e=>yx(Re,{...e,className:a(e.className,Yc),children:e.children});D.className=Yc;D.moduleName=ne;D.folderName=de;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:g,active:x,sortIcon:v=Qc.sortIcon,sortOrder:L,accessibleLabel:h,...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:g,active:x})),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":x,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:Uo(p,{icon:t==="filter"?"filter":"more-vertical"})})]}),!c&&h&&Uo("span",{className:"k-sr-only",children:h}),e.children,s&&Uo("span",{className:"k-column-resizer k-touch-action-none"})]})};C.states=Mx;C.className=vn;C.defaultOptions=Qc;C.moduleName=ne;C.folderName=de;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=ne;X.folderName=de;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=ne;z.folderName=de;import{jsx as Ax}from"react/jsx-runtime";var ep="k-grid-table",F=e=>Ax(Re,{...e,className:a(e.className,ep),children:e.children});F.className=ep;F.moduleName=ne;F.folderName=de;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=ne;Ml.folderName=de;import{jsx as Ix}from"react/jsx-runtime";var op="k-grid-footer-table",Sl=e=>Ix(Re,{...e,className:a(e.className,op),children:e.children});Sl.className=op;Sl.moduleName=ne;Sl.folderName=de;var Cn="pager",ap=Cn;import{Fragment as rp,jsx as bt,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},Le=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:g=Rt.currentPage,previousNext:x=Rt.previousNext,type:v=Rt.type,pageSizes:L=Rt.pageSizes,refresh:h=Rt.refresh,info:M=Rt.info,focus:R,disabled:G,dir:U,...P}=e,oe=[],Me=[];for(let he=1;he<=u;he++)oe.push(bt(m,{selected:he===g,fillMode:"flat",themeColor:"primary",size:o,"aria-label":`Page ${he}`,...he===g&&{"aria-current":"page"},children:he},he)),Me.push(bt("option",{selected:he===g,children:he},he));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 ${g} of ${u}`,children:[Za("div",{className:a("k-pager-numbers-wrap"),children:[x&&Za(rp,{children:[bt(m,{className:a("k-pager-nav","k-pager-first"),ariaDisabled:g===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"}),bt(m,{className:a("k-pager-nav"),ariaDisabled:g===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"&&bt("div",{className:a("k-pager-numbers"),children:oe}),v==="input"&&Za("span",{className:a("k-pager-input"),children:[l&&bt("span",{children:"Page"}),bt(ae,{value:`${g}`,size:o,showSpinButton:!1,showClearButton:!1,"aria-label":"Current page"}),bt("span",{children:s&&`of ${u}`})]}),x&&Za(rp,{children:[bt(m,{className:a("k-pager-nav"),ariaDisabled:g===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"}),bt(m,{className:a("k-pager-nav","k-pager-last"),ariaDisabled:g===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:[bt(Te,{value:`${c}`,size:o,"aria-label":"Items per page"}),r&&bt("span",{children:"items per page"})]}),h&&bt(m,{className:a("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw",title:"Refresh","aria-label":"Refresh"}),M&&bt("span",{className:a("k-pager-info"),children:M})]})};Le.states=Gx;Le.options=Ox;Le.className=Rl;Le.defaultOptions=Rt;Le.moduleName=Cn;Le.folderName=ap;Le.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 k7}from"react/jsx-runtime";import{jsx as C7}from"react/jsx-runtime";import{jsx as S7}from"react/jsx-runtime";import{jsx as lp}from"react/jsx-runtime";var Hx=Le.options,Px=Le.states,_x={...Le.defaultOptions,variant:"numeric"},Kx=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],Dx=[],ja=e=>{let{variant:t,...o}=e;return t==="input"?lp(Le,{...o,type:"input"}):lp(Le,{...o,type:"numeric"})};ja.options=Hx;ja.states=Px;ja.variants=Kx;ja.defaultOptions=_x;ja.modifiers=Dx;ja.className=Le.className;import{jsx as Bx}from"react/jsx-runtime";var ip="k-grid-pager",Ft=e=>Bx(Le,{...e,className:a(e.className,ip),children:e.children});Ft.className=ip;Ft.moduleName=ne;Ft.folderName=de;import{jsx as zx}from"react/jsx-runtime";var np="k-grid-toolbar",oo=e=>zx(me,{...e,className:a(e.className,np),children:e.children});oo.className=np;oo.moduleName=ne;oo.folderName=de;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,...g}=e;return Fx("div",{...g,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=ne;Al.folderName=de;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=ne;El.folderName=de;import{Fragment as m9,jsx as c9,jsxs as p9}from"react/jsx-runtime";import{Fragment as x9,jsx as g9,jsxs as h9}from"react/jsx-runtime";var nt="column-menu",Tt=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=Tt;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={},sa=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})})};sa.states=Jx;sa.options=qx;sa.className=Sn;sa.defaultOptions=Yx;sa.moduleName=nt;sa.folderName=Tt;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(Fe,{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=Tt;import{jsx as z9}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=Tt;import{jsx as Z9}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(Fe,{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={},da=e=>{let{itemText:t,itemStartIcon:o,itemEndIcon:r,itemSortIndex:l,expanded:s,itemContent:c,expanderIcon:u,contentId:g,...x}=e,v=g||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",{...x,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]})};da.states=uk;da.options=bk;da.className=gp;da.defaultOptions=Tk;da.moduleName=nt;da.folderName=Tt;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=Tt;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=Tt;import{jsx as ca}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=ca(p,{icon:"x-circle",size:l});break;case"add":u=ca(p,{icon:"plus-circle",size:l});break;case"drag":u=ca(p,{icon:"handle-drag-dots",size:l});break;case"up":u=ca(p,{icon:"chevron-up",size:l});break;case"down":u=ca(p,{icon:"chevron-down",size:l});break;default:u=ca(p,{icon:s,size:l});break}return ca("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 L8}from"react/jsx-runtime";import{Fragment as I8,jsx as A8,jsxs as E8}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:g=Ol.scrollButtons,dir:x,scrollingPosition:v,overflow:L,...h}=e,M={top:{prev:x!=="rtl"?"left":"right",next:x!=="rtl"?"right":"left"},bottom:{prev:x!=="rtl"?"left":"right",next:x!=="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:x,...h,className:a($o,e.className,{[`${$o}-${c}`]:c,[`${$o}-scrollable`]:o,[`${$o}-scrollable-overlay`]:o&&(g==="hidden"||!g),[`${$o}-scrollable-${v}`]:v&&v!=="both",[`${$o}-overflow`]:L},A($o,{size:t})),children:[c==="bottom"&&r,Cp(vp,{orientation:R[c],children:[o&&(g==="around"||g==="start")&&Jt("span",{className:a("k-tabstrip-prev","k-button",A("k-button",{size:t,fillMode:w.flat,rounded:N.none}),"k-icon-button"),"aria-hidden":"true",children:Jt(p,{className:"k-button-icon",icon:`caret-alt-${M[c].prev}`})}),o&&g==="start"&&Jt("span",{className:a("k-tabstrip-next","k-button",A("k-button",{size:t,fillMode:w.flat,rounded:N.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&&g==="hidden"}),tabAlignment:G[u],orientation:R[c],...s&&{id:s},children:l}),o&&g==="end"&&Jt("span",{className:a("k-tabstrip-prev","k-button",A("k-button",{size:t,fillMode:w.flat,rounded:N.none}),"k-icon-button"),"aria-hidden":"true",children:Jt(p,{className:"k-button-icon",icon:`caret-alt-${M[c].prev}`})}),o&&(g==="around"||g==="end")&&Jt("span",{className:a("k-tabstrip-next","k-button",A("k-button",{size:t,fillMode:w.flat,rounded:N.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(fe,{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"},ft=e=>{let{dragging:t,active:o,hover:r,focus:l,disabled:s,children:c,first:u,last:g,closable:x,icon:v,iconPosition:L=yp.iconPosition,value:h,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":g}),role:"tab",...o&&{"aria-selected":"true"},...s&&{"aria-disabled":"true"},children:[Kn("span",{className:"k-link",children:[v&&L==="before"&&Hl(p,{icon:v}),h&&Hl("span",{className:"k-link-text",children:h}),v&&L==="after"&&Hl(p,{icon:v})]}),(M||x)&&Kn("span",{className:"k-item-actions",children:[M,x&&Hl(m,{as:"span",className:"k-remove-tab",icon:"x",fillMode:"flat",size:"xsmall",title:"Close","aria-hidden":"true"})]}),c]})};ft.states=Dk;ft.options=Bk;ft.className=Dn;ft.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(ft,{first:!0,value:"First"}),Wo(ft,{active:!0,value:"Second"}),Wo(ft,{value:"Third"}),Wo(ft,{value:"Fourth"}),Wo(ft,{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 N$}from"react/jsx-runtime";import{Fragment as y$,jsx as L$,jsxs as M$}from"react/jsx-runtime";import{jsx as E$}from"react/jsx-runtime";import{Fragment as K$,jsx as _$,jsxs as D$}from"react/jsx-runtime";import{Fragment as $$,jsx as F$,jsxs as W$}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 wW,jsx as NW,jsxs as vW}from"react/jsx-runtime";import{Fragment as GW,jsx as EW,jsxs as IW}from"react/jsx-runtime";import{Fragment as FW,jsx as zW,jsxs as UW}from"react/jsx-runtime";import{Fragment as hV,jsx as fV,jsxs as gV}from"react/jsx-runtime";import{Fragment as LV,jsx as vV,jsxs as CV}from"react/jsx-runtime";import{Fragment as HV,jsx as GV,jsxs as OV}from"react/jsx-runtime";import{Fragment as oN,jsx as I,jsxs as ye}from"react/jsx-runtime";var Ep=({contentClassName:e,...t})=>I(V,{_renderAriaRoot:!0,pager:I(Ft,{refresh:!1}),children:ye(oN,{children:[I(K,{children:I("div",{className:"k-grid-header-wrap",children:ye(D,{role:"none",children:[ye("colgroup",{children:[I("col",{}),I("col",{style:{width:"225px"}}),I("col",{}),I("col",{}),I("col",{})]}),ye(B,{role:"rowgroup",children:[ye(f,{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"})]}),ye(f,{className:"k-filter-row",role:"row",children:[I(i,{role:"gridcell","aria-label":"Product Id filter",children:I("div",{className:"k-filtercell",children:ye("div",{className:"k-filtercell-wrapper",children:[I(ae,{"aria-label":"Product Id filter"}),ye("div",{className:"k-filtercell-operator",children:[I(Te,{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:ye("div",{className:"k-filtercell-wrapper",children:[I(ke,{"aria-label":"Name filter"}),ye("div",{className:"k-filtercell-operator",children:[I(Te,{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:ye("div",{className:"k-filtercell-wrapper",children:[I(ke,{"aria-label":"Quantity filter"}),ye("div",{className:"k-filtercell-operator",children:[I(Te,{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:ye("div",{className:"k-filtercell-wrapper",children:[I(ae,{"aria-label":"Unit Price filter"}),ye("div",{className:"k-filtercell-operator",children:[I(Te,{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:ye("div",{className:"k-filtercell-wrapper",children:[I(Te,{"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:ye(F,{role:"none",children:[ye("colgroup",{children:[I("col",{}),I("col",{style:{width:"225px"}}),I("col",{}),I("col",{}),I("col",{})]}),ye(H,{role:"rowgroup",children:[ye(f,{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"})]}),ye(f,{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"})]}),ye(f,{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"})]}),ye(f,{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"})]}),ye(f,{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:[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]},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 pa=st;import{jsx as iN}from"react/jsx-runtime";var Op=e=>iN(pa,{type:"icon",...e});import{jsx as nN}from"react/jsx-runtime";var Hp=e=>nN(pa,{type:"text",...e});import{jsx as sN}from"react/jsx-runtime";var Pp=e=>sN(pa,{type:"image",...e});import{jsx as pX}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:[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:g,avatarImage:x=_p.avatarImage,hover:v,focus:L,active:h,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:h,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"}),g&&ir(st,{className:"k-chip-avatar",type:"image",children:ir("img",{src:x,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 zX}from"react/jsx-runtime";import{jsx as WX}from"react/jsx-runtime";import{jsx as NN}from"react/jsx-runtime";var Bl=e=>NN($t,{text:"text",...e});import{jsx as jX}from"react/jsx-runtime";import{jsx as aJ}from"react/jsx-runtime";import{Fragment as dJ,jsx as sJ,jsxs as cJ}from"react/jsx-runtime";import{jsx as TJ,jsxs as fJ}from"react/jsx-runtime";import{jsx as NJ,jsxs as wJ}from"react/jsx-runtime";import{jsx as SJ,jsxs as RJ}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(f,{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:[$(f,{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"]})})}),$(f,{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(f,{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(f,{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 gq,jsx as Tq,jsxs as fq}from"react/jsx-runtime";import{Fragment as Lq,jsx as vq,jsxs as Cq}from"react/jsx-runtime";import{Fragment as Iq,jsx as Aq,jsxs as Eq}from"react/jsx-runtime";import{Fragment as GN,jsx as Z,jsxs as ct}from"react/jsx-runtime";var Dp=({headerWrapClassName:e,contentClassName:t,...o})=>Z(V,{_renderAriaRoot:!0,children:ct(GN,{children:[Z(K,{children:Z("div",{className:`k-grid-header-wrap ${e}`,children:ct(D,{role:"none",children:[ct("colgroup",{children:[Z("col",{}),Z("col",{}),Z("col",{}),Z("col",{})]}),ct(B,{role:"rowgroup",children:[ct(f,{role:"row",children:[Z(C,{rowspan:3,colspan:1,columnTitle:"ID",role:"columnheader"}),Z(C,{rowspan:1,colspan:3,columnTitle:"Product Information",role:"columnheader"})]}),ct(f,{role:"row",children:[Z(C,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first",role:"columnheader"}),Z(C,{rowspan:1,colspan:2,columnTitle:"Unit",role:"columnheader"})]}),ct(f,{role:"row",children:[Z(C,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first",role:"columnheader"}),Z(C,{rowspan:1,colspan:1,columnTitle:"Units Price",role:"columnheader"})]})]})]})})}),Z(X,{children:Z(z,{className:t,children:ct(F,{role:"none",children:[ct("colgroup",{children:[Z("col",{}),Z("col",{}),Z("col",{}),Z("col",{})]}),ct(H,{role:"rowgroup",children:[ct(f,{className:"k-master-row",role:"row",children:[Z(i,{role:"gridcell",children:"1"}),Z(i,{role:"gridcell",children:"Chai"}),Z(i,{role:"gridcell",children:"39"}),Z(i,{role:"gridcell",children:"18"})]}),ct(f,{className:"k-master-row",alt:!0,role:"row",children:[Z(i,{role:"gridcell",children:"2"}),Z(i,{role:"gridcell",children:"Chang"}),Z(i,{role:"gridcell",children:"17"}),Z(i,{role:"gridcell",children:"19"})]}),ct(f,{className:"k-master-row",role:"row",children:[Z(i,{role:"gridcell",children:"3"}),Z(i,{role:"gridcell",children:"Aniseed Syrup"}),Z(i,{role:"gridcell",children:"13"}),Z(i,{role:"gridcell",children:"10"})]}),ct(f,{className:"k-master-row",alt:!0,role:"row",children:[Z(i,{role:"gridcell",children:"4"}),Z(i,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),Z(i,{role:"gridcell",children:"53"}),Z(i,{role:"gridcell",children:"22"})]}),ct(f,{className:"k-master-row",role:"row",children:[Z(i,{role:"gridcell",children:"5"}),Z(i,{role:"gridcell",children:"Chef Anton's Gumbo Mix"}),Z(i,{role:"gridcell",children:"0"}),Z(i,{role:"gridcell",children:"21.35"})]})]})]})})})]}),...o});import{Fragment as $q,jsx as Uq,jsxs as Fq}from"react/jsx-runtime";import{Fragment as Qq,jsx as qq,jsxs as Yq}from"react/jsx-runtime";import{Fragment as ON,jsx as Q,jsxs as Wt}from"react/jsx-runtime";var Bp=e=>{let t=O("grid");return Q(V,{_renderAriaRoot:!0,ariaRootId:t,toolbar:Wt(oo,{role:"toolbar","aria-label":"Grid toolbar","aria-controls":t,children:[Q(m,{children:"Add new"}),Q(m,{children:"Save Changes"}),Q(m,{children:"Cancel Changes"})]}),children:Wt(ON,{children:[Q(K,{children:Q("div",{className:"k-grid-header-wrap",children:Wt(D,{role:"none",children:[Wt("colgroup",{children:[Q("col",{}),Q("col",{}),Q("col",{}),Q("col",{style:{width:"300px"}})]}),Q(B,{role:"rowgroup",children:Wt(f,{role:"row",children:[Q(C,{columnTitle:"Name",role:"columnheader"}),Q(C,{columnTitle:"Price",role:"columnheader"}),Q(C,{columnTitle:"Available",role:"columnheader"}),Q(C,{accessibleLabel:"Commands"})]})})]})})}),Q(X,{children:Q(z,{children:Q("div",{children:Wt(F,{role:"none",children:[Wt("colgroup",{children:[Q("col",{}),Q("col",{}),Q("col",{}),Q("col",{style:{width:"300px"}})]}),Wt(H,{role:"rowgroup",children:[Wt(f,{className:"k-master-row k-grid-add-row k-grid-edit-row",role:"row",children:[Q(i,{role:"gridcell",children:Q(ke,{value:"Towel","aria-label":"Name"})}),Q(i,{role:"gridcell",children:Q(ae,{value:"42","aria-label":"Price"})}),Q(i,{role:"gridcell",children:Q(Fe,{"aria-label":"Available"})}),Wt(i,{className:"k-command-cell",role:"gridcell",children:[Q(m,{children:"Add"}),Q(m,{children:"Cancel"})]})]}),Wt(f,{className:"k-master-row",role:"row",children:[Q(i,{role:"gridcell",children:"Chai"}),Q(i,{role:"gridcell",children:"18"}),Q(i,{role:"gridcell",children:"false"}),Q(i,{className:"k-command-cell",role:"gridcell",children:Q(m,{children:"Remove"})})]}),Wt(f,{className:"k-master-row",role:"row",alt:!0,children:[Q(i,{role:"gridcell",children:"Chang"}),Q(i,{role:"gridcell",children:"19"}),Q(i,{role:"gridcell",children:"false"}),Q(i,{className:"k-command-cell",role:"gridcell",children:Q(m,{children:"Remove"})})]})]})]})})})})]}),...e})};import{Fragment as vY,jsx as wY,jsxs as CY}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={},gt=e=>{let{children:t,...o}=e;return KN(_e,{...o,className:a(e.className,Up),role:"menu",children:t})};gt.states=HN;gt.options=PN;gt.className=Up;gt.defaultOptions=_N;gt.moduleName=Vn;gt.folderName=zp;gt.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(gt,{children:[zl(re,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),zl(re,{text:"Item 2"},"menu-item-2"),zl(re,{last:!0,text:"Item 3"},"menu-item-3")],...e});import{Fragment as $Y,jsx as UY,jsxs as FY}from"react/jsx-runtime";import{jsx as Qr,jsxs as FN}from"react/jsx-runtime";var DN=Se.options,BN=Se.states,Fp={...Se.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(re,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),Qr(Ao,{}),Qr(re,{text:"Item 2"},"menu-item-2"),Qr(re,{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=gt.className;import{Fragment as mQ,jsx as cQ,jsxs as pQ}from"react/jsx-runtime";import{Fragment as CQ,jsx as wQ,jsxs as vQ}from"react/jsx-runtime";import{Fragment as IQ,jsx as EQ,jsxs as GQ}from"react/jsx-runtime";import{Fragment as UQ,jsx as zQ,jsxs as FQ}from"react/jsx-runtime";import{Fragment as Ul,jsx as k,jsxs as be}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=be(oo,{children:[k(m,{icon:"plus",children:"Add New"}),k(m,{icon:"file-pdf",children:"Export to PDF"}),k("span",{className:"k-spacer"}),k(ke,{prefix:k(p,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=k(Le,{pageSizes:!1,refresh:!1});Object.keys(o||{}).forEach(x=>{switch(x){case"toolbar":l.toolbar=o?.[x]?s:void 0;break;case"pager":l.pager=o?.[x]?c:void 0;break;default:return}});let u={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},g=be(Ul,{children:[k(K,{children:k("div",{className:"k-grid-header-wrap",children:be(D,{children:[be("colgroup",{children:[k("col",{}),k("col",{}),k("col",{}),k("col",{})]}),k(B,{children:be(f,{children:[k(C,{...u[t],columnTitle:"ID"}),k(C,{...u[t],columnTitle:"Product Name"}),k(C,{...u[t],columnTitle:"Units in Stock"}),k(C,{...u[t],columnTitle:"Units Price"})]})})]})})}),k(X,{children:k(z,{children:be(F,{children:[be("colgroup",{children:[k("col",{}),k("col",{}),k("col",{}),k("col",{})]}),be(H,{children:[be(f,{children:[k(i,{children:"1"}),k(i,{children:"Chai"}),k(i,{children:"39"}),k(i,{children:"18"})]}),be(f,{alt:!0,children:[k(i,{children:"2"}),k(i,{children:"Chang"}),k(i,{children:"17"}),k(i,{children:"19"})]}),be(f,{children:[k(i,{children:"3"}),k(i,{children:"Aniseed Syrup"}),k(i,{children:"13"}),k(i,{children:"10"})]}),be(f,{alt:!0,children:[k(i,{children:"4"}),k(i,{children:"Chef Anton's Cajun Seasoning"}),k(i,{children:"53"}),k(i,{children:"22"})]}),be(f,{children:[k(i,{children:"5"}),k(i,{children:"Chef Anton's Gumbo Mix"}),k(i,{children:"0"}),k(i,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return k(Dp,{...r,...l});case"editing":return k(Bp,{...r,...l});case"grouping":return k(Kp,{...r,...l,groupingHeader:k(to,{children:be(Ee,{children:[k(Ae,{icon:"sort-asc-small",actions:be(Ul,{children:[k(Oe,{type:"more"}),k(Oe,{type:"remove"})]}),children:"ID"}),k(Ae,{icon:"sort-desc-small",actions:be(Ul,{children:[k(Oe,{type:"more"}),k(Oe,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return k(V,{...r,...l,children:be(Ul,{children:[k(K,{children:be("div",{className:"k-grid-header-wrap",children:[" ",be(D,{children:[be("colgroup",{children:[k("col",{className:"k-drag-col"}),k("col",{}),k("col",{}),k("col",{}),k("col",{})]}),k(B,{children:be(f,{children:[k(C,{className:"k-drag-cell",accessibleLabel:"Reorder"}),k(C,{columnTitle:"ID"}),k(C,{columnTitle:"Product Name"}),k(C,{columnTitle:"Units in Stock"}),k(C,{columnTitle:"Units Price"})]})})]})]})}),k(X,{children:k(z,{children:be(F,{children:[be("colgroup",{children:[k("col",{className:"k-drag-col"}),k("col",{}),k("col",{}),k("col",{}),k("col",{})]}),be(H,{children:[be(f,{children:[k(i,{className:"k-drag-cell",children:k(p,{icon:"reorder"})}),k(i,{children:"1"}),k(i,{children:"Chai"}),k(i,{children:"39"}),k(i,{children:"18"})]}),be(f,{alt:!0,children:[k(i,{className:"k-drag-cell",children:k(p,{icon:"reorder"})}),k(i,{children:"2"}),k(i,{children:"Chang"}),k(i,{children:"17"}),k(i,{children:"19"})]}),be(f,{children:[k(i,{className:"k-drag-cell",children:k(p,{icon:"reorder"})}),k(i,{children:"3"}),k(i,{children:"Aniseed Syrup"}),k(i,{children:"13"}),k(i,{children:"10"})]}),be(f,{alt:!0,children:[k(i,{className:"k-drag-cell",children:k(p,{icon:"reorder"})}),k(i,{children:"4"}),k(i,{children:"Chef Anton's Cajun Seasoning"}),k(i,{children:"53"}),k(i,{children:"22"})]}),be(f,{children:[k(i,{className:"k-drag-cell",children:k(p,{icon:"reorder"})}),k(i,{children:"5"}),k(i,{children:"Chef Anton's Gumbo Mix"}),k(i,{children:"0"}),k(i,{children:"21.35"})]})]})]})})})]})});case"filter-row":return k(Ep,{...r,...l});default:return k(V,{...r,...l,children:g})}};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 ma="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:g,...x}=e;return YN("div",{...x,style:{flexBasis:o,...e.style},className:a(e.className,ma,{[`${ma}-static`]:o,[`${ma}-flex`]:r,"k-scrollable":t,[`${ma}-pinned`]:c,[`${ma}-unpinned`]:u,[`${ma}-tabbed`]:g}),role:"group",children:e.children})};Ke.states=JN;Ke.options=qN;Ke.className=ma;Ke.defaultOptions=Jn;import{Fragment as Wp,jsx as ua,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,...g}=e;return jN("div",{...g,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&&ua(Wp,{children:ua("div",{className:"k-collapse-prev",children:ua(p,{icon:`caret-alt-${r==="horizontal"?"left":"up"}`,size:"xsmall"})})}),ua("div",{className:"k-resize-handle","aria-hidden":"true"}),c&&ua(Wp,{children:ua("div",{className:"k-collapse-next",children:ua(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 g=r[u+1],x=c.props,v=g?.props;s.push(tw(Ke,{...x,key:u})),g&&s.push(ow(ur,{draggable:x.resizable!==!1&&v.resizable!==!1,collapsePrev:x.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 bj,jsxs as Tj}from"react/jsx-runtime";import{jsx as xj,jsxs as kj}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=g=>({collapsible:g,content:g?"Resizable and collapsible":"Resizable only"}),s=l(!0),c=l(!0),u={display:"flex",justifyContent:"center",alignItems:"center"};return Object.keys(o||{}).forEach(g=>{let x=o?.[g];switch(g){case"secondPaneProps":c=l(!!x);break;case"firstPaneProps":s=l(!!x);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={},ge=e=>pw(V,{...e,ariaRole:"treegrid",className:a(Yp,e.className),children:e.children});ge.states=sw;ge.options=dw;ge.className=Yp;ge.defaultOptions=cw;ge.moduleName=Zn;ge.folderName=qp;ge.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 j,jsxs as Je}from"react/jsx-runtime";var ba=({gridHeader:e,gridContent:t,menu:o,...r})=>{let l=O("treelist");return Je(ge,{id:O("treelist"),_renderAriaRoot:!0,ariaRootId:l,ariaColCount:3,ariaRowCount:6,...r,children:[e||j(K,{children:j("div",{className:"k-grid-header-wrap",children:Je(D,{role:"none",children:[Je("colgroup",{children:[j("col",{}),j("col",{}),j("col",{})]}),j(B,{role:"rowgroup",children:Je(f,{role:"row","aria-rowindex":1,children:[j(C,{menu:o,columnTitle:"Name",role:"columnheader","aria-sort":"ascending","aria-colindex":1,...o?{"aria-haspopup":"dialog"}:{}}),j(C,{menu:o,columnTitle:"Position",role:"columnheader","aria-colindex":2,...o?{"aria-haspopup":"dialog"}:{}}),j(C,{menu:o,columnTitle:"Hire Date",role:"columnheader","aria-colindex":3,...o?{"aria-haspopup":"dialog"}:{}})]})})]})})}),j(X,{children:t||j(z,{children:Je(F,{role:"none",children:[Je("colgroup",{children:[j("col",{}),j("col",{}),j("col",{})]}),Je(H,{role:"rowgroup",children:[Je(f,{role:"row","aria-rowindex":2,"aria-expanded":"true",children:[Je(i,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[j(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),j(i,{role:"gridcell","aria-colindex":2,children:"Sweeney"}),j(i,{role:"gridcell","aria-colindex":3,children:"CEO"})]}),Je(f,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"true",children:[Je(i,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[j(p,{className:"k-treelist-toggle",icon:"none"}),j(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),j(i,{role:"gridcell","aria-colindex":2,children:"Wooten"}),j(i,{role:"gridcell","aria-colindex":3,children:"Chief Technical Officer"})]}),Je(f,{role:"row","aria-rowindex":4,"aria-expanded":"true",children:[Je(i,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[j(p,{className:"k-treelist-toggle",icon:"none"}),j(p,{className:"k-treelist-toggle",icon:"none"}),j(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),j(i,{role:"gridcell","aria-colindex":2,children:"Weber"}),j(i,{role:"gridcell","aria-colindex":3,children:"VP, Engineering"})]}),Je(f,{role:"row",alt:!0,"aria-rowindex":5,"aria-expanded":"true",children:[Je(i,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[j(p,{className:"k-treelist-toggle",icon:"none"}),j(p,{className:"k-treelist-toggle",icon:"none"}),j(p,{className:"k-treelist-toggle",icon:"none"}),j(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),j(i,{role:"gridcell","aria-colindex":2,children:"Hood"}),j(i,{role:"gridcell","aria-colindex":3,children:"Team Lead"})]}),Je(f,{role:"row","aria-rowindex":6,children:[Je(i,{role:"gridcell","aria-colindex":1,children:[j(p,{className:"k-treelist-toggle",icon:"none"}),j(p,{className:"k-treelist-toggle",icon:"none"}),j(p,{className:"k-treelist-toggle",icon:"none"}),j(p,{className:"k-treelist-toggle",icon:"none"}),j(p,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),j(i,{role:"gridcell","aria-colindex":2,children:"Carr"}),j(i,{role:"gridcell","aria-colindex":3,children:"Junior Software Developer"})]})]})]})})})]})};import{jsx as mw}from"react/jsx-runtime";var Qp=e=>mw(ba,{menu:"column",...e});import{Fragment as see,jsx as iee,jsxs as nee}from"react/jsx-runtime";import{jsx as uw}from"react/jsx-runtime";var Zp=e=>uw(ba,{menu:"filter",...e});import{Fragment as vee,jsx as Nee,jsxs as wee}from"react/jsx-runtime";import{Fragment as Oee,jsx as Iee,jsxs as Gee}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(ge,{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(f,{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(f,{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(f,{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(f,{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(f,{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(f,{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 qee,jsxs as Yee}from"react/jsx-runtime";import{jsx as rte,jsxs as lte}from"react/jsx-runtime";import{jsx as ute,jsxs as bte}from"react/jsx-runtime";import{jsx as wte,jsxs as vte}from"react/jsx-runtime";import{jsx as S,jsxs as ve}from"react/jsx-runtime";var bw=ge.options,Tw=ge.states,em={...ge.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=ve(oo,{children:[S(m,{icon:"plus",children:"Add New"}),S(m,{icon:"file-pdf",children:"Export to PDF"}),S("span",{className:"k-spacer"}),S(ke,{prefix:S(p,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=S(Le,{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:ve(D,{children:[ve("colgroup",{children:[S("col",{}),S("col",{}),S("col",{})]}),S(B,{children:ve(f,{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:ve(D,{children:[ve("colgroup",{children:[S("col",{}),S("col",{}),S("col",{})]}),S(B,{children:ve(f,{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(ba,{...r,...l,gridHeader:S(K,{children:S("div",{className:"k-grid-header-wrap",children:ve(D,{children:[ve("colgroup",{children:[S("col",{}),S("col",{}),S("col",{})]}),S(B,{children:ve(f,{children:[S(C,{columnTitle:"First Name"}),S(C,{columnTitle:"Last Name",sortable:!0}),S(C,{columnTitle:"Position"})]})})]})})}),gridContent:S(z,{children:ve(F,{children:[ve("colgroup",{children:[S("col",{}),S("col",{className:"k-sorted"}),S("col",{})]}),ve(H,{children:[ve(f,{className:"k-treelist-group",children:[ve(i,{children:[S(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),S(i,{children:"Sweeney"}),S(i,{children:"CEO"})]}),ve(f,{className:"k-treelist-group",alt:!0,children:[ve(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"})]}),ve(f,{className:"k-treelist-group",children:[ve(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"})]}),ve(f,{className:"k-treelist-group",alt:!0,children:[ve(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"})]}),ve(f,{children:[ve(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(ba,{...r,...l,gridHeader:S(K,{children:S("div",{className:"k-grid-header-wrap",children:ve(D,{children:[ve("colgroup",{children:[S("col",{}),S("col",{}),S("col",{})]}),S(B,{children:ve(f,{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=ge.className;import{jsx as T,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})=>T(pt,{headerToolbar:q(Go,{"aria-label":"Toolbar",children:[T(m,{className:"k-gantt-toggle",icon:"layout-1-by-4","aria-label":"Toggle TreeList"}),T(m,{className:"k-gantt-create",icon:"plus",children:"Add Task"}),T("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:[T("option",{value:"day",children:"Day"}),T("option",{value:"week",children:"Week"}),T("option",{value:"month",children:"Month"})]}),q(W,{className:"k-gantt-views",children:[T(m,{className:"k-view-day k-group-start",children:"Day"}),T(m,{className:"k-view-week",selected:!0,children:"Week"}),T(m,{className:"k-view-month k-group-end",children:"Month"})]})]})]}),footerToolbar:T(na,{"aria-label":"Toolbar",children:T(m,{className:"k-gantt-create",icon:"plus",children:"Add Task"})}),...u,children:T(Oo,{children:u.children||T(De,{className:"k-gantt-splitter",panes:[T(Ke,{className:"k-gantt-treelist",flexBasis:e,children:q(ge,{_renderAriaRoot:!0,children:[T(K,{children:T("div",{className:"k-grid-header-wrap",children:q(D,{style:{minWidth:"250px"},children:[q("colgroup",{children:[T("col",{style:{width:"50px"}}),T("col",{})]}),T(B,{children:q(f,{children:[T(C,{menu:c,rowspan:1,columnTitle:"ID"}),T(C,{menu:c,rowspan:1,columnTitle:"Title"})]})})]})})}),T(X,{children:T(z,{style:{height:t},children:q(F,{style:{minWidth:"250px"},children:[q("colgroup",{children:[T("col",{style:{width:"50px"}}),T("col",{})]}),q(H,{children:[q(f,{children:[T(i,{children:"7"}),q(i,{children:[T(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Software validation, research and implementation"]})]}),q(f,{alt:!0,children:[T(i,{children:"18"}),q(i,{children:[T(p,{className:"k-treelist-toggle",icon:"none"}),T(p,{className:"k-treelist-toggle",icon:"none"}),"Project Kickoff"]})]}),q(f,{children:[T(i,{children:"11"}),q(i,{children:[T(p,{className:"k-treelist-toggle",icon:"none"}),T(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Research"]})]}),q(f,{alt:!0,children:[T(i,{children:"19"}),q(i,{children:[T(p,{className:"k-treelist-toggle",icon:"none"}),T(p,{className:"k-treelist-toggle",icon:"none"}),T(p,{className:"k-treelist-toggle",icon:"none"}),"Validation with Customers"]})]}),q(f,{children:[T(i,{children:"20"}),q(i,{children:[T(p,{className:"k-treelist-toggle",icon:"none"}),T(p,{className:"k-treelist-toggle",icon:"none"}),T(p,{className:"k-treelist-toggle",icon:"none"}),"Market Research"]})]})]})]})})})]})},"gantt-treelist-pane"),T(Ke,{className:"k-gantt-timeline-pane",children:q(V,{className:"k-gantt-timeline",children:[T(K,{children:T("div",{className:"k-grid-header-wrap",children:q(D,{style:{width:o},children:[q("colgroup",{children:[T("col",{}),T("col",{}),T("col",{}),T("col",{}),T("col",{}),T("col",{}),T("col",{})]}),q(H,{children:[T(f,{children:T(i,{className:"k-header",colspan:7,children:"Sun 6/01 - Sat 6/07"})}),q(f,{children:[T(i,{colspan:1,className:"k-header k-nonwork-hour",children:"Sun 6/01"}),T(i,{className:"k-header",colspan:1,children:"Mon 6/02"}),T(i,{className:"k-header",colspan:1,children:"Tue 6/03"}),T(i,{className:"k-header",colspan:1,children:"Wed 6/04"}),T(i,{className:"k-header",colspan:1,children:"Thu 6/05"}),T(i,{className:"k-header",colspan:1,children:"Fri 6/06"}),T(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:[T("colgroup",{children:T("col",{})}),q(H,{children:[T(f,{children:T(i,{})}),T(f,{alt:!0,children:T(i,{})}),T(f,{children:T(i,{})}),T(f,{alt:!0,children:T(i,{})}),T(f,{children:T(i,{})})]})]}),q(Do,{style:{width:o,height:r},children:[q("colgroup",{children:[T("col",{}),T("col",{}),T("col",{}),T("col",{}),T("col",{}),T("col",{}),T("col",{})]}),T(H,{children:q(f,{children:[T(i,{className:"k-nonwork-hour"}),T(i,{}),T(i,{}),T(i,{}),T(i,{}),T(i,{}),T(i,{className:"k-nonwork-hour"})]})})]}),q(zo,{style:{width:o},children:[T("colgroup",{children:T("col",{})}),q(H,{children:[T(f,{children:T(i,{children:q(Ue,{type:"summary",style:{left:"113px"},children:[T(ze,{type:"summary",ariaLevel:1,"aria-label":"Software validation, research and implementation",style:{width:"4000px"},children:T("div",{className:"k-task-summary-progress",style:{width:"1720px"},children:T("div",{className:"k-task-summary-complete",style:{width:"4000px"}})})}),T(ue,{}),T(ue,{position:"end",style:{right:"0px"}})]})})}),T(f,{children:T(i,{children:q(Ue,{type:"milestone",style:{left:"113px"},children:[T(ze,{type:"milestone",ariaLevel:2,"aria-label":"Project Kickoff"}),T(ue,{}),T(ue,{position:"end",style:{right:"0px"}})]})})}),T(f,{children:T(i,{children:q(Ue,{type:"summary",style:{left:"113px"},children:[T(ze,{type:"summary",ariaLevel:2,"aria-label":"Research",style:{width:"500px"},children:T("div",{className:"k-task-summary-progress",style:{width:"215px"},children:T("div",{className:"k-task-summary-complete",style:{width:"500px"}})})}),T(ue,{}),T(ue,{position:"end",style:{right:"0px"}})]})})}),T(f,{children:T(i,{children:q(Ue,{style:{left:"113px"},children:[q(ze,{ariaLevel:3,"aria-label":"Validation with Customers",style:{width:"200px"},children:[T("div",{className:"k-task-complete","aria-hidden":"true",style:{width:"50px"}}),T(St,{content:"Validation with Customers"})]}),T(ue,{}),T(ue,{position:"end",style:{right:"0px"}}),T("div",{className:"k-task-draghandle","aria-hidden":"true",style:{left:"50px"}})]})})}),T(f,{children:T(i,{children:q(Ue,{style:{left:"113px"},children:[q(ze,{ariaLevel:3,"aria-label":"Market Research",style:{width:"200px"},children:[T("div",{className:"k-task-complete","aria-hidden":"true",style:{width:"164px"}}),T(St,{content:"Market Research"})]}),T(ue,{}),T(ue,{position:"end",style:{right:"0px"}}),T("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:[T(te,{style:{left:"124.5px",top:"53px",width:"10px"}}),T(te,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),T(te,{style:{left:"103px",top:"71px",width:"31.5px"}}),T(te,{orientation:"vertical",style:{left:"103px",top:"71px",height:"54px"}}),T(te,{style:{left:"103px",top:"125px",width:"9px"},children:T("span",{className:"k-arrow-e"})}),T(te,{style:{left:"124.5px",top:"53px",width:"10px"}}),T(te,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),T(te,{style:{left:"103px",top:"71px",width:"31.5px"}}),T(te,{orientation:"vertical",style:{left:"103px",top:"71px",height:"90px"}}),T(te,{style:{left:"103px",top:"161px",width:"9px"},children:T("span",{className:"k-arrow-e"})}),T(te,{style:{left:"313px",top:"125px",width:"10px"}}),T(te,{orientation:"vertical",style:{left:"321px",top:"125px",height:"18px"}}),T(te,{style:{left:"303px",top:"143px",width:"20px"}}),T(te,{orientation:"vertical",style:{left:"303px",top:"143px",height:"18px"}})]}),T("div",{className:"k-current-time","aria-hidden":"true",style:{left:l,top:"0px",width:"1px",height:r}})]})]})},"gantt-timeline-pane")]})})});var jn="tooltip",om=jn;import{jsx as Zr,jsxs as am}from"react/jsx-runtime";var es="k-tooltip",hw=[],xw={themeColor:[y.undefined,y.base,y.inverse,y.info,y.success,y.warning,y.error]},rm={closable:!1},ht=e=>{let{closable:t=rm.closable,callout:o,themeColor:r,title:l,content:s,icon:c,id:u=O("tooltip"),...g}=e;return am("div",{...g,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})})]})};ht.states=hw;ht.options=xw;ht.className=es;ht.defaultOptions=rm;ht.moduleName=jn;ht.folderName=om;ht.ariaSpec={selector:".k-tooltip",implicitRole:"tooltip",rules:[{selector:".k-tooltip",attribute:"role=tooltip",usage:"Specifies the tooltip role of the tooltip container."},{selector:".k-tooltip",attribute:"id",usage:"The element needs an id to be associated with the aria-describedby attribute of the trigger element."},{selector:".k-tooltip .k-tooltip-button",attribute:"role=button",usage:"The close button needs an explicit button role."},{selector:".k-tooltip .k-tooltip-button",attribute:"aria-label",usage:"The close button needs an accessible name."}]};var ts=ht;import{jsx as kw}from"react/jsx-runtime";var lm=e=>kw(ts,{content:"Tooltip Content",...e});import{jsx as koe}from"react/jsx-runtime";import{jsx as os,jsxs as Cw}from"react/jsx-runtime";var Nw={...ht.options,closable:{type:"boolean"},callout:["none","top","bottom","left","right"]},ww=ht.states,im={...ht.defaultOptions,callout:"top"},vw=[],gr=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 Cw("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"})]})};gr.options=Nw;gr.states=ww;gr.variants=vw;gr.defaultOptions=im;gr.modifiers=[];gr.className=ht.className;import{Fragment as Voe,jsx as $oe,jsxs as Woe}from"react/jsx-runtime";import{jsx as Aw}from"react/jsx-runtime";var Lw={},yw=[],Mw=[],Sw={},Rw=[],hr=()=>Aw(tm,{flexBasis:"40%",gridContentHeight:"197px",style:{width:"90%",height:"367px"}});hr.options=Lw;hr.states=yw;hr.variants=Mw;hr.defaultOptions=Sw;hr.modifiers=Rw;hr.className=pt.className;import{jsx as b,jsxs as Y}from"react/jsx-runtime";var Cae=({flexBasis:e="30%",gridContentHeight:t="180px",tablesWidth:o="675px",tablesHeight:r="828px",currentTimeLeftOffset:l="243px",ganttDependencies:s,menu:c,...u})=>b(pt,{headerToolbar:Y(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"}),Y("div",{className:"k-gantt-views-wrapper",children:[Y("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"})]}),Y(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(na,{"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:Y(ge,{_renderAriaRoot:!0,children:[b(K,{children:b("div",{className:"k-grid-header-wrap",children:Y(D,{style:{minWidth:"250px"},children:[Y("colgroup",{children:[b("col",{className:"k-drag-col"}),b("col",{style:{width:"50px"}}),b("col",{})]}),b(B,{children:Y(f,{children:[b(C,{accessibleLabel:"Drag column"}),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:Y(F,{style:{minWidth:"250px"},children:[Y("colgroup",{children:[b("col",{className:"k-drag-col"}),b("col",{style:{width:"50px"}}),b("col",{})]}),Y(H,{children:[Y(f,{children:[b(i,{className:"k-drag-cell","aria-label":"Reorder row",children:b(p,{icon:"reorder"})}),b(i,{children:"7"}),Y(i,{children:[b(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Software validation, research and implementation"]})]}),Y(f,{alt:!0,children:[b(i,{className:"k-drag-cell","aria-label":"Reorder row",children:b(p,{icon:"reorder"})}),b(i,{children:"18"}),Y(i,{children:[b(p,{className:"k-treelist-toggle",icon:"none"}),b(p,{className:"k-treelist-toggle",icon:"none"}),"Project Kickoff"]})]}),Y(f,{children:[b(i,{className:"k-drag-cell","aria-label":"Reorder row",children:b(p,{icon:"reorder"})}),b(i,{children:"11"}),Y(i,{children:[b(p,{className:"k-treelist-toggle",icon:"none"}),b(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Research"]})]}),Y(f,{alt:!0,children:[b(i,{className:"k-drag-cell","aria-label":"Reorder row",children:b(p,{icon:"reorder"})}),b(i,{children:"19"}),Y(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"]})]}),Y(f,{children:[b(i,{className:"k-drag-cell","aria-label":"Reorder row",children:b(p,{icon:"reorder"})}),b(i,{children:"20"}),Y(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:Y(V,{className:"k-gantt-timeline",children:[b(K,{children:b("div",{className:"k-grid-header-wrap",children:Y(D,{style:{width:o},children:[Y("colgroup",{children:[b("col",{}),b("col",{}),b("col",{}),b("col",{}),b("col",{}),b("col",{}),b("col",{})]}),Y(H,{children:[b(f,{children:b(i,{className:"k-header",colspan:7,children:"Sun 6/01 - Sat 6/07"})}),Y(f,{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"})]})]})]})})}),Y(z,{style:{height:t},role:"tree",children:[Y(Ho,{children:[Y(Bo,{className:"k-grid-table",style:{width:o},children:[b("colgroup",{children:b("col",{})}),Y(H,{children:[b(f,{children:b(i,{})}),b(f,{alt:!0,children:b(i,{})}),b(f,{children:b(i,{})}),b(f,{alt:!0,children:b(i,{})}),b(f,{children:b(i,{})})]})]}),Y(Do,{style:{width:o,height:r},children:[Y("colgroup",{children:[b("col",{}),b("col",{}),b("col",{}),b("col",{}),b("col",{}),b("col",{}),b("col",{})]}),b(H,{children:Y(f,{children:[b(i,{className:"k-nonwork-hour"}),b(i,{}),b(i,{}),b(i,{}),b(i,{}),b(i,{}),b(i,{className:"k-nonwork-hour"})]})})]}),Y(zo,{style:{width:o},children:[b("colgroup",{children:b("col",{})}),Y(H,{children:[b(f,{children:b(i,{children:Y(Ue,{type:"summary",style:{left:"113px"},children:[b(ze,{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(ue,{}),b(ue,{position:"end",style:{right:"0px"}})]})})}),b(f,{children:b(i,{children:Y(Ue,{type:"milestone",style:{left:"113px"},children:[b(ze,{type:"milestone",ariaLevel:2,"aria-label":"Project Kickoff"}),b(ue,{}),b(ue,{position:"end",style:{right:"0px"}})]})})}),b(f,{children:b(i,{children:Y(Ue,{type:"summary",style:{left:"113px"},children:[b(ze,{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(ue,{}),b(ue,{position:"end",style:{right:"0px"}})]})})}),b(f,{children:b(i,{children:Y(Ue,{style:{left:"113px"},children:[Y(ze,{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(ue,{}),b(ue,{position:"end",style:{right:"0px"}}),b("div",{className:"k-task-draghandle","aria-hidden":"true",style:{left:"50px"}})]})})}),b(f,{children:b(i,{children:Y(Ue,{style:{left:"113px"},children:[Y(ze,{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(ue,{}),b(ue,{position:"end",style:{right:"0px"}}),b("div",{className:"k-task-draghandle","aria-hidden":"true",style:{left:"164px"}})]})})})]})]})]}),s||Y("div",{className:"k-gantt-dependencies","aria-hidden":"true",style:{width:o},children:[b(te,{style:{left:"124.5px",top:"53px",width:"10px"}}),b(te,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),b(te,{style:{left:"103px",top:"71px",width:"31.5px"}}),b(te,{orientation:"vertical",style:{left:"103px",top:"71px",height:"54px"}}),b(te,{style:{left:"103px",top:"125px",width:"9px"},children:b("span",{className:"k-arrow-e"})}),b(te,{style:{left:"124.5px",top:"53px",width:"10px"}}),b(te,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),b(te,{style:{left:"103px",top:"71px",width:"31.5px"}}),b(te,{orientation:"vertical",style:{left:"103px",top:"71px",height:"90px"}}),b(te,{style:{left:"103px",top:"161px",width:"9px"},children:b("span",{className:"k-arrow-e"})}),b(te,{style:{left:"313px",top:"125px",width:"10px"}}),b(te,{orientation:"vertical",style:{left:"321px",top:"125px",height:"18px"}}),b(te,{style:{left:"303px",top:"143px",width:"20px"}}),b(te,{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")]})})});export{Cae as GanttRowReordering};
+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:g,disabled:x,indeterminate:v,loading:L,empty:h,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":g,"k-disabled":x,"k-indeterminate":v&&!c,"k-loading":L,"k-empty":h,"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"},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"},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 xe="gantt",ke=xe;import{jsxs as wm}from"react/jsx-runtime";var us="k-gantt",xm=[],Nm={},km={},mt=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]})};mt.states=xm;mt.options=Nm;mt.className=us;mt.defaultOptions=km;mt.moduleName=xe;mt.folderName=ke;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 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 g=typeof c=="object"&&c.name&&c.name;return ol("span",{...u,className:a(e.className,ei,R("k-icon",{size:t}),{[`k-svg-i-${g}`]:g,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true",children: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:g=ai.viewBox,...x}=e;if(!l)return vr(Ns,{});if((t||s)==="svg"){if(l==="none")return vr(ti,{...x,className:a(e.className,al),icon:l,size:o});let L=oi[l]?l:Im(`${l}-icon`);return oi[L]?vr(ti,{...x,className:a(e.className,al),icon:oi[L],size:o,themeColor:r,rotate:c,flip:u,viewBox:g}):vr(Ns,{})}return vr(fs,{...x,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:[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]},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:g,hover:x,focus:v,active:L,selected:h,disabled:M,togglable:A,ariaDisabled:G,icon:U,text:P,iconClassName:oe,className:Me,...he}=e,je=U!==void 0,et=e.children!==void 0;return ws(t,{className:a(Me,Lr,ps(Lr,g),R(Lr,{size:o,rounded:r,fillMode:l,themeColor:s}),E(Lr,{hover:x,focus:v,active:L,disabled:M||G,selected:h}),{"k-icon-button":!P&&!et&&je}),...he,"aria-pressed":A?h?"true":"false":void 0,"aria-disabled":G?"true":void 0,disabled:M||void 0,children:[U&&Cr(p,{className:a(oe,"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=[],ga=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"})}};ga.options=Um;ga.states=Fm;ga.variants=Wm;ga.defaultOptions=$m;ga.modifiers=Vm;ga.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={},Y=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})};Y.states=Xm;Y.options=Jm;Y.className=Mr;Y.defaultOptions=qm;Y.moduleName=ni;Y.folderName=vs;Y.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 fC,jsx as bC,jsxs as TC}from"react/jsx-runtime";import{Fragment as wC,jsx as kC,jsxs as vC}from"react/jsx-runtime";import{Fragment as RC,jsx as SC,jsxs as AC}from"react/jsx-runtime";import{Fragment as PC,jsx as HC,jsxs as _C}from"react/jsx-runtime";import{Fragment as FC,jsx as UC,jsxs as $C}from"react/jsx-runtime";import{Fragment as YC,jsx as qC,jsxs as QC}from"react/jsx-runtime";import{jsx as io,jsxs as si}from"react/jsx-runtime";var Qm={...m.options,...Y.options},Zm=m.states,jm={...m.defaultOptions,...Y.defaultOptions,variant:"text-button"},eu=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],tu=[],ha=e=>{let{variant:t,className:o,...r}=e;return t==="icon-button"?si(Y,{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(Y,{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(Y,{fillMode:r.fillMode,className:o,children:[io(m,{...r,children:"First"}),io(m,{...r,children:"Middle"}),io(m,{...r,children:"Last"})]})};ha.options=Qm;ha.states=Zm;ha.variants=eu;ha.defaultOptions=jm;ha.modifiers=tu;ha.className=Y.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:[k.undefined,k.none,k.small,k.medium,k.large,k.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:g,rounded:x,fillMode:v,...L}=e;return lu("span",{...L,className:a(e.className,ll,R(ll,{size:g,rounded:x,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:[k.undefined,k.none,k.small,k.medium,k.large,k.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:g,rounded:x,fillMode:v,...L}=e;return du("span",{...L,className:a(e.className,il,R(il,{size:g,rounded:x,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],ut=e=>{let{disabled:t,loading:o}=e;return t||!o?Ms(vu,{}):Ms("span",{className:a(e.className,Ss,"k-icon k-i-loading")})};ut.states=wu;ut.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 QL}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=[],xa=e=>{let{modifiers:t,valid:o,invalid:r,loading:l,disabled:s,readonly:c,...u}=e,g=t?.prefix,x=t?.suffix,v=t?.["clear-button"],L=t?.["validation-icon"],h=t?.separators;return fi(He,{...u,valid:o,invalid:r,loading:l,disabled:s,readonly:c,style:{width:300},children:[g&&fi(Os,{children:[jt(Et,{children:jt(p,{icon:"lock"})}),h&&jt(Gt,{})]}),jt(wt,{placeholder:"Placeholder",value:"Value"}),L&&jt(tt,{valid:o,invalid:r,loading:l,disabled:s}),jt(ut,{loading:l,disabled:s}),v&&jt(kt,{loading:l,disabled:s,readonly:c,value:"Value"}),x&&fi(Os,{children:[h&&jt(Gt,{}),jt(It,{children:jt(qo,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};xa.options=Du;xa.states=_u;xa.variants=zu;xa.defaultOptions=Ku;xa.modifiers=Bu;xa.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"},ce=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})})};ce.states=Xu;ce.options=Ju;ce.className=Fs;ce.defaultOptions=$s;ce.moduleName=gi;ce.folderName=zs;ce.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var 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:[k.undefined,k.none,k.small,k.medium,k.large,k.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:g,invalid:x,required:v,loading:L,disabled:h,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:g,invalid:x,required:v,loading:L,disabled:h,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(ut,{...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 wM}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:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},dl={showClearButton:!0,showValidationIcon:!0,separators:!0},Ne=e=>{let{size:t,rounded:o,fillMode:r,separators:l=dl.separators,showClearButton:s=dl.showClearButton,showValidationIcon:c=dl.showValidationIcon,prefix:u,suffix:g,type:x,value:v,placeholder:L,hover:h,focus:M,valid:A,invalid:G,required:U,loading:P,disabled:oe,readonly:Me,id:he,"aria-label":je,"aria-describedby":et,...Nt}=e;return vi(He,{...Nt,size:t,rounded:o,fillMode:r,hover:h,focus:M,valid:A,invalid:G,required:U,loading:P,disabled:oe,readonly:Me,className:a(e.className,Qs),children:[u&&vi(Ys,{children:[Co(Et,{children:u}),l&&Co(Gt,{})]}),Co(wt,{id:he,placeholder:L,value:v,type:x,disabled:oe,"aria-label":je,"aria-describedby":et,"aria-invalid":G?"true":void 0}),c&&Co(tt,{valid:A,invalid:G,loading:P,disabled:oe}),Co(ut,{loading:P,disabled:oe}),s&&Co(kt,{loading:P,disabled:oe,readonly:Me,value:v}),g&&vi(Ys,{children:[l&&Co(Gt,{}),Co(It,{children:g})]})]})};Ne.states=ab;Ne.options=rb;Ne.className=Qs;Ne.defaultOptions=dl;Ne.moduleName=wi;Ne.folderName=qs;Ne.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=Ne;import{jsx as lb}from"react/jsx-runtime";var Zs=e=>lb(Ar,{...e});import{Fragment as BM,jsx as DM}from"react/jsx-runtime";import{Fragment as VM,jsx as WM}from"react/jsx-runtime";import{jsx as YM}from"react/jsx-runtime";import{jsx as Ci}from"react/jsx-runtime";var ib=Ne.states,nb=Ne.defaultOptions,sb=Ne.options,db=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],cb=[],Na=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})};Na.options=sb;Na.states=ib;Na.variants=cb;Na.defaultOptions=nb;Na.modifiers=db;Na.className=Ne.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:g,adaptive:x,titleId:v,children:L,...h}=e;return Li("div",{...h,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(Ne,{value:u,placeholder:g,size:x?"large":"medium","aria-label":t||g||"Input"}):Lo(vt,{placeholder:"Filter",size:x?"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={},ka=e=>{let{adaptive:t,animated:o,children:r,header:l,footer:s,titleId:c,...u}=e,g=l?.type===ot&&yi(ot,{adaptive:t,titleId:c,...l?.props}),x=s?.type===vo&&yi(vo,{...s?.props});return fb("div",{...u,className:a(e.className,Mi,{[`${Mi}-animated`]:o}),children:[g,yi("div",{className:"k-actionsheet-content",children:r}),x]})};ka.states=mb;ka.options=ub;ka.className=Mi;ka.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:g,id:x,...v}=e,L=x&&!s&&u?`${x}-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:x,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(ka,{header:u,footer:g,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={},wa=e=>{let{children:t,...o}=e;return yb("div",{...o,className:ad,children:t})};wa.states=vb;wa.options=Cb;wa.className=ad;wa.defaultOptions=Lb;wa.moduleName=Er;wa.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,...g}=e;return Ai("span",{...g,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 qS,jsxs as YS}from"react/jsx-runtime";import{jsx as eR}from"react/jsx-runtime";import{jsx as rR}from"react/jsx-runtime";import{jsx as sR}from"react/jsx-runtime";import{jsx as We,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"}],va=e=>{let{variant:t,modifiers:o,...r}={...ld,...e},l={},s=Ii(Ri,{children:[We(Mo,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),We(Mo,{text:"Add to Favorites",iconName:"heart"}),We(Mo,{text:"Upload New",iconName:"upload",disabled:!0}),We("hr",{className:"k-hr"}),We(Mo,{text:"Cancel",iconName:"cancel"})]}),c="Choose from the items below",u="Select Item";return t==="fullScreen"&&(l.fullScreen=!0),Object.keys(o||{}).forEach(g=>{switch(g){case"actions":l.actionsStart=!!o?.[g],l.actionsEnd=!!o?.[g];break;case"subtitle":l.subtitle=o?.[g]?c:void 0;break;case"footer":l.footer=!!o?.[g];break;default:break}}),t==="adaptive"?We(Ie,{...r,adaptive:!0,fullscreen:l.fullScreen,header:We(ot,{actionsStart:l.actionsStart?We(m,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?We(m,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:u,subtitle:l.subtitle}),footer:l.footer?Ii(vo,{alignment:"stretched",children:[We(m,{text:"Cancel",size:"large",themeColor:"base"}),We(m,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):We(Ie,{...r,fullscreen:l.fullScreen,header:We(ot,{actionsStart:l.actionsStart?We(m,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?We(m,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?Ii(vo,{alignment:"stretched",children:[We(m,{text:"Apply",themeColor:"primary"}),We(m,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};va.options=Ab;va.states=Eb;va.variants=Ib;va.defaultOptions=ld;va.modifiers=Gb;va.className=Ie.className;var Gi="slider",id=Gi;import{jsx as Ca,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},Ce=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:g=Pt.showTicks,value:x=Pt.value,min:v=Pt.min,max:L=Pt.max,startValue:h,endValue:M,hover:A,focus:G,active:U,trackStyle:P,dir:oe,...Me}=e,je=(()=>{if(t==="gradient"&&r==="2d")return"undefined";if(o==="vertical")return"vertical"})(),et,Nt;return o==="horizontal"?(et=oe==="rtl"?"caret-alt-left":"caret-alt-right",Nt=oe==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(et="caret-alt-up",Nt="caret-alt-down"),Oi("div",{...Me,className:a(Or,e.className,E(Or,{readonly:l,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:oe,children:[u&&Ca(m,{className:"k-button-decrease",rounded:"full",icon:Nt,tabIndex:-1,title:"Decrease"}),Oi("div",{className:"k-slider-track-wrap",children:[g&&Ca("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Oi("div",{className:"k-slider-track",style:P,children:[Ca("div",{className:"k-slider-selection"}),t==="range"&&Ca("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":h??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":Me["aria-label"]?`${Me["aria-label"]} start`:"Range start"}),Ca("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:x,"aria-valuemin":t==="range"?h??v:v,"aria-valuemax":L,"aria-orientation":je,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":t==="range"?Me["aria-label"]?`${Me["aria-label"]} end`:"Range end":Me["aria-label"]})]})]}),u&&Ca(m,{className:"k-button-increase",rounded:"full",icon:et,tabIndex:-1,title:"Increase"})]})};Ce.states=Ob;Ce.options=Hb;Ce.className=Or;Ce.defaultOptions=Pt;Ce.moduleName=Gi;Ce.folderName=id;Ce.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(Ce,{"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(Ce,{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 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 Ub}from"react/jsx-runtime";var Hi=e=>Ub(Ce,{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(Ce,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as bA,jsx as uA,jsxs as fA}from"react/jsx-runtime";import{Fragment as NA,jsx as xA,jsxs as kA}from"react/jsx-runtime";import{jsx as eo,jsxs as md}from"react/jsx-runtime";var $b=Ce.options,Wb=Ce.states,ud={...Ce.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"}],La=e=>{let{variant:t,modifiers:o,...r}={...ud,...e},l={};Object.keys(o||{}).forEach(x=>{switch(x){case"button":{l.showButtons=!!o?.[x];break}case"label":{l.label=!!o?.[x];break}case"tick":{l.showTicks=!!o?.[x];break}}});let{label:s=!0,showButtons:c,showTicks:u}=l,g={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?md(pd,{showTicks:u,showButtons:c,style:{height:"300px",...g},...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",...g},...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%"}})]})};La.options=$b;La.states=Wb;La.variants=Vb;La.defaultOptions=ud;La.modifiers=Xb;La.className=Ce.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:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},ml={showSpinButton:!0,showClearButton:!0,separators:!0},ae=e=>{let{size:t,rounded:o,fillMode:r,separators:l=ml.separators,showClearButton:s=ml.showClearButton,showSpinButton:c=ml.showSpinButton,prefix:u,suffix:g,value:x,placeholder:v,hover:L,focus:h,valid:M,invalid:A,required:G,loading:U,disabled:P,readonly:oe,id:Me,"aria-label":he,"aria-describedby":je,...et}=e;return Ki(He,{...et,size:t,rounded:o,fillMode:r,hover:L,focus:h,valid:M,invalid:A,required:G,loading:U,disabled:P,readonly:oe,className:a(e.className,xd),children:[u&&Ki(hd,{children:[no(Et,{children:u}),l&&no(Gt,{})]}),no(wt,{id:Me,placeholder:v,value:x,role:"spinbutton",disabled:P,"aria-label":he,"aria-describedby":je,"aria-invalid":A?"true":void 0}),no(tt,{valid:M,invalid:A,loading:U,disabled:P}),no(ut,{loading:U,disabled:P}),s&&no(kt,{loading:U,disabled:P,readonly:oe,value:x}),g&&Ki(hd,{children:[l&&no(Gt,{}),no(It,{children:g})]}),c&&no(So,{className:"k-input-spinner",size:t,fillMode:r,disabled:P})]})};ae.states=jb;ae.options=ef;ae.className=xd;ae.defaultOptions=ml;ae.moduleName=Td;ae.folderName=gd;ae.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=ae;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",ya=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={},se=e=>{let{size:t,virtualization:o,children:r,header:l,optionLabel:s,customValue:c,noData:u,screenReaders:g,...x}=e,L=Bi.Children.toArray(r)[0],h=L?.props?.children?Bi.Children.count(L.props.children):Bi.Children.count(r);return vd("div",{...x,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."})),g&&r&&vd(ul,{className:"k-sr-only",live:!0,children:[h," items found."]})]})};se.states=lf;se.options=nf;se.className=zi;se.defaultOptions=sf;se.moduleName=Qo;se.folderName=ya;se.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={},Ma=e=>{let{...t}=e;return mf("div",{...t,className:a(e.className,Cd),children:e.children})};Ma.states=df;Ma.options=cf;Ma.className=Cd;Ma.defaultOptions=pf;Ma.moduleName=Qo;Ma.folderName=ya;var Zo="checkbox",Sa=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:[k.undefined,k.none,k.small,k.medium,k.large,k.full]},ff={},Fe=e=>{let{id:t,checked:o,indeterminate:r,hover:l,focus:s,disabled:c,invalid:u,valid:g,required:x,size:v,rounded:L,wrapperRole:h,...M}=e;return Ld("span",{className:"k-checkbox-wrap",role:h,children:Ld("input",{...M,id:t,type:"checkbox",defaultChecked:o,required:x,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:g,indeterminate:r,checked:o}))})})};Fe.states=uf;Fe.options=bf;Fe.className=bl;Fe.defaultOptions=ff;Fe.moduleName=Zo;Fe.folderName=Sa;Fe.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var Xt=Fe;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=Sa;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=Sa;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 WE,jsx as $E,jsxs as VE}from"react/jsx-runtime";import{Fragment as QE,jsx as YE,jsxs as ZE}from"react/jsx-runtime";import{Fragment as aI,jsx as oI,jsxs as rI}from"react/jsx-runtime";import{jsx as sI}from"react/jsx-runtime";import{jsx as mI}from"react/jsx-runtime";import{jsx as TI}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=[],Ra=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"})})]})};Ra.options=Lf;Ra.states=yf;Ra.variants=Sf;Ra.defaultOptions=Mf;Ra.modifiers=Rf;Ra.className=at.className;import{jsx as Hf}from"react/jsx-runtime";var Af=Xt.options,Ef=Xt.states,If=Xt.defaultOptions,Gf=[],Of=[],Aa=e=>Hf(so,{id:O("checkbox"),...e,defaultChecked:!0,children:"Label"});Aa.options=Af;Aa.states=Ef;Aa.variants=Gf;Aa.defaultOptions=If;Aa.modifiers=Of;Aa.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={},ee=e=>{let{text:t,groupLabel:o,group:r,iconName:l,iconClassName:s,showCheckbox:c,checked:u,hover:g,focus:x,selected:v,disabled:L,actions:h,description:M,id:A,...G}=e,U=t||e.children;return Df("li",{...G,id:A,role:r?"presentation":"option",tabIndex:r?void 0:x?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:g,focus:x,disabled:L,selected:v})),children:[c&&jo(Fe,{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}),h&&jo("div",{className:"k-list-item-actions",children:h}),M&&jo("span",{className:"k-list-item-description",children:M}),o&&o!==""&&jo("div",{className:"k-list-item-group-label",children:o})]})};ee.states=Pf;ee.options=_f;ee.className=Ui;ee.defaultOptions=Kf;ee.moduleName=Qo;ee.folderName=ya;ee.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};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",we=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",{})})]})};we.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 iG,jsx as lG,jsxs as nG}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 vG,jsx as wG,jsxs as CG}from"react/jsx-runtime";import{Fragment as AG,jsx as RG,jsxs as EG}from"react/jsx-runtime";import{Fragment as KG,jsx as PG,jsxs as _G}from"react/jsx-runtime";import{Fragment as WG,jsx as FG,jsxs as $G}from"react/jsx-runtime";import{jsx as qG}from"react/jsx-runtime";import{Fragment as tO,jsx as eO,jsxs as oO}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:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[w.undefined,w.solid,w.flat,w.outline]},Ji={showValue:!0,arrowIconName:"caret-alt-down"},fe=e=>{let{size:t,rounded:o,fillMode:r,arrowIconName:l=Ji.arrowIconName,showValue:s=Ji.showValue,valueIconName:c,prefix:u,suffix:g,value:x,placeholder:v,hover:L,focus:h,valid:M,invalid:A,required:G,loading:U,disabled:P,readonly:oe,popup:Me,opened:he,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:h,valid:M,invalid:A,required:G,loading:U,disabled:P,readonly:oe,className:a(e.className,Gd,{"k-icon-picker":!s&&c}),role:"combobox","aria-haspopup":"listbox","aria-expanded":he?"true":"false","aria-controls":he?hm:void 0,"aria-activedescendant":he&&tl?tl:void 0,"aria-describedby":he?cs:void 0,"aria-disabled":P?"true":void 0,"aria-label":Yl,tabIndex:0,children:[lt(Et,{children:u}),lt(Yo,{placeholder:v,value:x,showValue:s,valueIconName:c,id:cs}),lt(tt,{valid:M,invalid:A,loading:U,disabled:P}),lt(ut,{loading:U,disabled:P}),lt(It,{children:g}),lt(m,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":v||"Toggle dropdown",tabIndex:-1})]}),he&&Me&&lt(ce,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:Me}),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:x,inputPlaceholder:v,title:Nt,subtitle:Jo}),children:lt("div",{className:"k-list-container",children:lt(se,{size:"large",children:Xi(we,{"aria-label":"Options",children:[lt(ee,{text:"List item"}),lt(ee,{text:"List item"}),lt(ee,{text:"List item"})]})})})})]})};fe.states=eT;fe.options=tT;fe.className=Gd;fe.defaultOptions=Ji;fe.moduleName=Ed;fe.folderName=Id;fe.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 HO}from"react/jsx-runtime";import{jsx as zO,jsxs as UO}from"react/jsx-runtime";import{Fragment as QO,jsx as qO,jsxs as YO}from"react/jsx-runtime";import{jsx as o0}from"react/jsx-runtime";import{jsx as s0,jsxs as d0}from"react/jsx-runtime";import{Fragment as h0,jsx as T0,jsxs as g0}from"react/jsx-runtime";import{jsx as v0}from"react/jsx-runtime";import{Fragment as sT,jsx as Ao,jsxs as Od}from"react/jsx-runtime";var aT=fe.states,rT=fe.defaultOptions,lT=fe.options,iT=[{name:"opened",title:"Opened"}],nT=[],Ia=e=>{let{modifiers:t,...o}=e,r={},l=Od(sT,{children:[Ao("div",{className:"k-list-filter",children:Ao(vt,{})}),Ao(se,{style:{width:300},size:o.size,children:Od(we,{children:[Ao(ee,{children:"List item"}),Ao(ee,{children:"List item"}),Ao(ee,{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(fe,{placeholder:"Value",style:{width:300},...o,...r})})};Ia.options=lT;Ia.states=aT;Ia.variants=nT;Ia.defaultOptions=rT;Ia.modifiers=iT;Ia.className=fe.className;import{Fragment as W0,jsx as $0}from"react/jsx-runtime";import{Fragment as Q0,jsx as Y0}from"react/jsx-runtime";import{jsx as t1}from"react/jsx-runtime";import{jsx as qi}from"react/jsx-runtime";var dT=ae.states,cT=ae.defaultOptions,pT=ae.options,mT=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],uT=[],Ga=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":r.prefix=t?.[l]?qi(fe,{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})};Ga.options=pT;Ga.states=dT;Ga.variants=uT;Ga.defaultOptions=cT;Ga.modifiers=mT;Ga.className=ae.className;import{Fragment as Pr,jsx as le,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"},Oa=e=>{let{mode:t=Pd.mode,size:o,...r}=e;return Pe("div",{...r,className:a(Hd,"k-hstack"),children:[le("div",{className:"k-vstack",children:le(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:[le(ae,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),le("label",{className:"k-colorgradient-input-label",children:"R"})]}),Pe("div",{className:"k-vstack",children:[le(ae,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),le("label",{className:"k-colorgradient-input-label",children:"G"})]}),Pe("div",{className:"k-vstack",children:[le(ae,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),le("label",{className:"k-colorgradient-input-label",children:"B"})]}),Pe("div",{className:"k-vstack",children:[le(ae,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),le("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&Pe(Pr,{children:[Pe("div",{className:"k-vstack",children:[le(ae,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),le("label",{className:"k-colorgradient-input-label",children:"R"})]}),Pe("div",{className:"k-vstack",children:[le(ae,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),le("label",{className:"k-colorgradient-input-label",children:"G"})]}),Pe("div",{className:"k-vstack",children:[le(ae,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),le("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&Pe(Pr,{children:[Pe("div",{className:"k-vstack",children:[le(ae,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),le("label",{className:"k-colorgradient-input-label",children:"H"})]}),Pe("div",{className:"k-vstack",children:[le(ae,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),le("label",{className:"k-colorgradient-input-label",children:"S"})]}),Pe("div",{className:"k-vstack",children:[le(ae,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),le("label",{className:"k-colorgradient-input-label",children:"V"})]}),Pe("div",{className:"k-vstack",children:[le(ae,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),le("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&Pe(Pr,{children:[Pe("div",{className:"k-vstack",children:[le(ae,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),le("label",{className:"k-colorgradient-input-label",children:"H"})]}),Pe("div",{className:"k-vstack",children:[le(ae,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),le("label",{className:"k-colorgradient-input-label",children:"S"})]}),Pe("div",{className:"k-vstack",children:[le(ae,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),le("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&le(Pr,{children:Pe("div",{className:"k-vstack k-flex-1",children:[le(Ne,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),le("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Oa.states=bT;Oa.options=fT;Oa.className=Hd;Oa.defaultOptions=Pd;import{jsx as ta,jsxs as oa}from"react/jsx-runtime";var _d="k-colorgradient-color-contrast",TT=[],gT={},hT={},Ha=()=>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"})]})]})]});Ha.states=TT;Ha.options=gT;Ha.className=_d;Ha.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"},$e=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:g=to.alphaStyleHorizontal,contrast:x=to.contrast,dir:v,hover:L,focus:h,hoverHandle:M,focusHandle:A,canvasOrientation:G=to.canvasOrientation,role:U,tabIndex:P,...oe}=e;return _r("div",{...oe,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:h,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:g})]})]}),Bt(Oa,{mode:e.mode,size:t}),x&&Bt(Ha,{})]})};$e.states=xT;$e.options=NT;$e.className=Tl;$e.defaultOptions=to;$e.moduleName=Kd;$e.folderName=Dd;$e.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};import{jsx as kT}from"react/jsx-runtime";var gl=e=>kT($e,{...e});import{jsx as B1}from"react/jsx-runtime";import{jsx as $1}from"react/jsx-runtime";import{jsx as Yi}from"react/jsx-runtime";var wT=$e.options,vT=$e.states,CT={...$e.defaultOptions,variant:"rgba"},LT=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],yT=[],Pa=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})}};Pa.options=wT;Pa.states=vT;Pa.variants=LT;Pa.defaultOptions=CT;Pa.modifiers=yT;Pa.className=$e.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={},_a=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})};_a.states=ST;_a.options=RT;_a.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 g=r||o.columns,x=o.colors?o.colors:o;Array.isArray(x)&&Array.from({length:Math.ceil(x.length/g)},(v,L)=>{let h=[];x.slice(L*g,(L+1)*g).map((A,G)=>{h.push(Kr(_a,{color:A,tileSize:l},G))});let M=Kr(Qi,{children:h},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 LH}from"react/jsx-runtime";import{jsx as EH,jsxs as IH}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=[],Ka=e=>{let{variant:t="basic",...o}=e,r=KT[t];return BT(Fd,{columns:r.columns,palette:r,...o})};Ka.options=OT;Ka.states=HT;Ka.variants=_T;Ka.defaultOptions=PT;Ka.modifiers=DT;Ka.className=it.className;var $d="color-editor",Wd="coloreditor";import{jsx as zt,jsxs as Da}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:g,group:x,actionButtons:v=Br.actionButtons,canvasOrientation:L=Br.canvasOrientation,...h}=e;return Da("div",{...h,role:"textbox","aria-label":"Color editor",tabIndex:0,className:a(e.className,"k-flatcolorpicker",Nl,R(Nl,{size:t}),E(Nl,{focus:c})),dir:g,children:[Da("div",{className:"k-coloreditor-header k-hstack",children:[zt("div",{className:"k-coloreditor-header-actions k-hstack",children:x&&Da(Y,{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"}),Da("div",{className:"k-coloreditor-header-actions k-hstack",children:[zt(m,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Da("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($e,{focus:u,size:t,canvasOrientation:L,role:"none",tabIndex:-1}):zt(it,{palette:r,size:t})}),v&&Da(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 Ba=Ge;import{jsx as nP}from"react/jsx-runtime";import{jsx as pP}from"react/jsx-runtime";import{jsx as FT}from"react/jsx-runtime";var Vd=e=>FT(Ba,{group:!0,currentColor:"fuchsia",...e});import{jsx as $T}from"react/jsx-runtime";var Xd=e=>$T(Ba,{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=[],za=e=>{let{variant:t,...o}=e;return t==="palette"?Jd(Xd,{...o,color:"white"}):Jd(Vd,{...o,color:"rgba(183, 118 , 118, 1.00)"})};za.options=WT;za.states=VT;za.variants=JT;za.defaultOptions=XT;za.modifiers=qT;za.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:[k.undefined,k.none,k.small,k.medium,k.large,k.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:g,hover:x,focus:v,valid:L,invalid:h,required:M,disabled:A,valueIconName:G,popup:U,opened:P,adaptive:oe,adaptiveSettings:Me,adaptiveTitle:he,adaptiveSubtitle:je,...et}=e,Nt="colorpicker-popup";return ji(ZT,{children:[ji(Zt,{...et,size:t,rounded:o,fillMode:r,hover:x,focus:v,valid:L,invalid:h,required:M,disabled:A,role:"combobox","aria-haspopup":"dialog","aria-expanded":P?"true":"false","aria-controls":P||oe?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:g,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(ce,{id:Nt,className:"k-colorpicker-popup",children:U}),oe&&Ut(Ie,{adaptive:!0,id:Nt,...Me,header:Ut(ot,{actionsEnd:Ut(m,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:he,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 JP}from"react/jsx-runtime";import{jsx as jP}from"react/jsx-runtime";import{jsx as a_}from"react/jsx-runtime";import{jsx as n_}from"react/jsx-runtime";import{jsx as p_}from"react/jsx-runtime";import{jsx as f_}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"}],Ua=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})})}};Ua.options=eg;Ua.states=tg;Ua.variants=og;Ua.defaultOptions=jd;Ua.modifiers=ag;Ua.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:[k.undefined,k.none,k.small,k.medium,k.large,k.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:g,hover:x,focus:v,valid:L,invalid:h,required:M,loading:A,disabled:G,popup:U,opened:P,readonly:oe,adaptive:Me,adaptiveSettings:he,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:x,focus:v,valid:L,invalid:h,required:M,loading:A,disabled:G,readonly:oe,className:a(e.className,tc),children:[s&&zr(tn,{children:[Be(Et,{children:s}),l&&Be(Gt,{})]}),Be(wt,{id:Jo,placeholder:g,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":h?"true":void 0,"aria-busy":A?"true":void 0,"aria-label":tl,disabled:G,readOnly:oe}),Be(tt,{valid:L,invalid:h,loading:A,disabled:G}),Be(ut,{loading:A,disabled:G}),Be(kt,{loading:A,disabled:G,readonly:oe,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(ce,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:U}),Me&&Be(Ie,{adaptive:!0,id:Jo?`${Jo}-adaptive`:void 0,...he,header:Be(ot,{actionsEnd:Be(m,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:g,title:je,subtitle:et}),children:Be("div",{className:"k-list-container",children:Be(se,{customValue:Nt?Be(Ro,{text:`Use "${u}"`}):void 0,size:"large",children:zr(we,{"aria-label":je||"Options",children:[Be(ee,{text:"List item"}),Be(ee,{text:"List item"}),Be(ee,{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 Q_,jsxs as Z_}from"react/jsx-runtime";import{jsx as rK,jsxs as lK}from"react/jsx-runtime";import{jsx as pK,jsxs as mK}from"react/jsx-runtime";import{Fragment as hK,jsx as gK}from"react/jsx-runtime";import{Fragment as CK,jsx as vK}from"react/jsx-runtime";import{jsx as AK,jsxs as EK}from"react/jsx-runtime";import{Fragment as DK,jsx as _K,jsxs as KK}from"react/jsx-runtime";import{jsx as FK}from"react/jsx-runtime";import{jsx as XK}from"react/jsx-runtime";import{jsx as jK,jsxs as eD}from"react/jsx-runtime";import{jsx as iD,jsxs as nD}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=[],Fa=e=>{let{modifiers:t,...o}=e,r={},l=Eo(se,{style:{width:300},size:o.size,children:mg(we,{children:[Eo(ee,{children:"List item"}),Eo(ee,{children:"List item"}),Eo(ee,{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})})};Fa.options=dg;Fa.states=ng;Fa.variants=pg;Fa.defaultOptions=sg;Fa.modifiers=cg;Fa.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:[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]},an={showArrow:!0,arrowIconName:"caret-alt-down"},Te=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,hover:s,focus:c,active:u,selected:g,disabled:x,icon:v,text:L,showArrow:h=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:g,disabled:x,icon:v,showArrow:h,arrowIconName:M,"aria-expanded":A?"true":"false",...!L&&v&&!e["aria-label"]&&{"aria-label":"Menu"},...x&&{"aria-disabled":"true"}})};Te.states=ug;Te.options=bg;Te.className=lc;Te.defaultOptions=an;Te.moduleName=on;Te.folderName=rc;Te.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 BD}from"react/jsx-runtime";import{jsx as $D}from"react/jsx-runtime";import{jsx as JD}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:g,last:x,showArrow:v,arrowIconName:L,iconPosition:h=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":g,"k-last":x}),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&&h==="before"&&Ur(p,{className:"k-menu-link-icon",icon:c}),Ur("span",{className:"k-menu-link-text",children:u}),c&&h==="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"},re=e=>{let{hover:t,focus:o,active:r,selected:l,disabled:s,icon:c,text:u,first:g,last:x,showArrow:v,arrowIconName:L,iconPosition:h=nn.iconPosition,dir:M=nn.dir,children:A,popup:G,expanded:U,...P}=e,oe=L;return oe||(oe=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":g,"k-last":x}),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&&h==="before"&&Fr(p,{className:"k-menu-link-icon",icon:c}),Fr("span",{className:"k-menu-link-text",children:u}),c&&h==="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:oe})})]}),A,G]})};re.states=hg;re.options=xg;re.className=ln;re.defaultOptions=nn;re.moduleName=yt;re.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"},Se=e=>{let{children:t,orientation:o=Cl.orientation,header:r=Cl.header,scrollable:l,scrollButtonsPosition:s=Cl.scrollButtonsPosition,wrapperStyles:c,dir:u,popup:g,contextMenu:x,...v}=e,L={horizontal:{prev:u!=="rtl"?"left":"right",next:u!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},h=la("ul",{dir:u,...v,className:a(e.className,"k-reset",dn,{[`${dn}-${o}`]:o,"k-header":r}),role:x?"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"}),h,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"})]}):h,g]})};Se.states=Cg;Se.options=Lg;Se.className=dn;Se.defaultOptions=Cl;Se.moduleName=yt;Se.folderName=Ft;Se.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 vB,jsx as CB}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 $a,jsxs as Ig}from"react/jsx-runtime";var mn=e=>$a(Se,{children:Ig(Eg,{children:[$a(Qe,{first:!0,text:"Item 1"}),$a(Qe,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),$a(Qe,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),$a(Qe,{text:"Item 4"}),$a(Qe,{last:!0,text:"Item 5"})]}),...e});import{Fragment as KB,jsx as PB,jsxs as _B}from"react/jsx-runtime";import{Fragment as FB,jsx as UB,jsxs as $B}from"react/jsx-runtime";import{Fragment as qB,jsx as JB,jsxs as YB}from"react/jsx-runtime";import{Fragment as t2,jsx as e2,jsxs as o2}from"react/jsx-runtime";import{jsx as ia,jsxs as _g}from"react/jsx-runtime";var Gg=Se.options,Og=Se.states,mc={...Se.defaultOptions,variant:"horizontal"},Hg=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Pg=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Wa=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(ce,{className:"k-menu-popup",children:_g(_e,{children:[ia(re,{text:"Item 1"}),ia(re,{text:"Item 2"}),ia(Io,{}),ia(re,{text:"Item 3"})]})});break}}),t==="vertical"?ia(mn,{...r,...l,orientation:"vertical",style:{width:"200px"}}):ia(mn,{...r,...l})};Wa.options=Gg;Wa.states=Og;Wa.variants=Hg;Wa.defaultOptions=mc;Wa.modifiers=Pg;Wa.className=Se.className;import{Fragment as O2,jsx as I2,jsxs as G2}from"react/jsx-runtime";import{jsx as K2}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"}],Va=e=>{let{variant:t,modifiers:o,...r}={...bc,...e},l={},s=oo(ce,{className:"k-menu-popup",children:uc(_e,{size:r.size,children:[oo(re,{first:!0,text:"Menu Item"}),oo(re,{text:"Menu Item"}),oo(re,{last:!0,text:"Menu Item"})]})}),c;switch(t){case"icon-only":c=oo("div",{children:oo(Te,{...r,...l,icon:"star"})});break;case"icon-and-text":c=oo("div",{children:oo(Te,{...r,...l,icon:"star",children:"Dropdown Button"})});break;default:c=oo("div",{children:oo(Te,{...r,...l,children:"Dropdown Button"})});break}return uc(Ug,{children:[c,o?.opened&&s]})};Va.options=Dg;Va.states=Kg;Va.variants=Bg;Va.defaultOptions=bc;Va.modifiers=zg;Va.className=Te.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:[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]},gc={arrowIconName:"caret-alt-down"},ie=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,hover:s,focus:c,active:u,selected:g,disabled:x,icon:v,text:L,arrowIconName:h=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:g,disabled:x,...!L&&!e.children&&v&&{"aria-label":"Action"},children:e.children}),bn(m,{className:"k-split-button-arrow",icon:h,size:t,rounded:o,fillMode:r,disabled:x,"aria-label":"Toggle dropdown","aria-expanded":A?"true":"false","aria-controls":A?G:void 0,tabIndex:-1,...x&&{"aria-disabled":"true"}})]}),A&&M&&bn(ce,{className:"k-menu-popup",children:M})]})};ie.states=Fg;ie.options=$g;ie.className=fn;ie.defaultOptions=gc;ie.moduleName=un;ie.folderName=fc;ie.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=ie;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 pe,jsxs as Xa}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"},me=e=>{let{size:t,fillMode:o,focus:r,resizable:l,scrollable:s,scrollButtons:c,scrollingPosition:u,section:g,...x}=e,v=[],L=(h,M)=>{let A=[];if(h.type===m&&h.props.className&&h.props.className.includes("k-toolbar-overflow-button"))A.push(pe(m,{...h.props,className:`${h.props.className?h.props.className:""}`},`${M}-${new Date().getTime()}`));else if(h.type===m)A.push(pe(m,{...h.props,className:`k-toolbar-button ${h.props.className?h.props.className:""}`},`${M}-${new Date().getTime()}`));else if(h.type===yr)A.push(pe(yr,{...h.props,className:`k-toolbar-button ${h.props.className?h.props.className:""}`},`${M}-${new Date().getTime()}`));else if(h.type===ko)A.push(pe(ko,{...h.props,className:`k-toolbar-button ${h.props.className?h.props.className:""}`},`${M}-${new Date().getTime()}`));else if(h.type===Te)A.push(pe(Te,{...h.props,className:`k-toolbar-menu-button ${h.props.className?h.props.className:""}`},`${M}-${new Date().getTime()}`));else if(h.type===Tn)A.push(pe(Tn,{...h.props,className:`k-toolbar-split-button ${h.props.className?h.props.className:""}`},`${M}-${new Date().getTime()}`));else if(h.type===Y||h.props.className&&h.props.className.includes("k-button-group")){let G=[];(Array.isArray(h.props.children)?h.props.children:[h.props.children]).forEach((P,oe)=>{G.push(pe(m,{...P.props,className:`${P.props.className?P.props.className:""}`},`${oe}-${new Date().getTime()}`))}),A.push(pe(Y,{...h.props,className:`k-toolbar-button-group ${h.props.className?h.props.className:""}`,children:G},`${M}-${new Date().getTime()}`))}else h.type===Ye?A.push(pe(Ye,{...h.props,className:`k-toolbar-combobox ${h.props.className?h.props.className:""}`},`${M}-${new Date().getTime()}`)):h.type===fe?A.push(pe(fe,{...h.props,className:`k-toolbar-dropdownlist ${h.props.className?h.props.className:""}`},`${M}-${new Date().getTime()}`)):h.type===Ct?A.push(pe(Ct,{...h.props,className:`k-toolbar-colorpicker ${h.props.className?h.props.className:""}`},`${M}-${new Date().getTime()}`)):A.push(h);A.forEach(G=>{v.push(G)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((M,A)=>{L(M,A)}),Xa("div",{...x,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`]:g}),role:"toolbar","aria-label":"Toolbar",children:[!s&&v,s&&c==="hidden"&&pe("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),s&&c==="start"&&Xa(gn,{children:[Xa(Y,{children:[pe("span",{className:a("k-toolbar-prev","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:pe(p,{className:"k-button-icon",icon:"caret-alt-left"})}),pe("span",{className:a("k-toolbar-next","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:pe(p,{className:"k-button-icon",icon:"caret-alt-right"})})]}),pe(Jt,{className:"k-toolbar-button-separator"}),pe("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v})]}),s&&c==="end"&&Xa(gn,{children:[pe("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),pe(Jt,{className:"k-toolbar-button-separator"}),Xa(Y,{children:[pe("span",{className:a("k-toolbar-prev","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:pe(p,{className:"k-button-icon",icon:"caret-alt-left"})}),pe("span",{className:a("k-toolbar-next","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:pe(p,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),s&&(c==="around"||!c)&&Xa(gn,{children:[pe("span",{className:a("k-toolbar-prev","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:pe(p,{className:"k-button-icon",icon:"caret-alt-left"})}),pe(Jt,{className:"k-toolbar-button-separator"}),pe("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:v}),pe(Jt,{className:"k-toolbar-button-separator"}),pe("span",{className:a("k-toolbar-next","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:pe(p,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};me.states=Jg;me.options=qg;me.className=uo;me.defaultOptions=Yg;me.moduleName=mo;me.folderName=Go;me.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={},Ja=e=>{let{...t}=e;return eh("div",{...t,className:a(e.className,hc),children:e.children})};Ja.states=Qg;Ja.options=Zg;Ja.className=hc;Ja.defaultOptions=jg;Ja.moduleName=mo;Ja.folderName=Go;import{jsx as rh}from"react/jsx-runtime";var hn="k-toolbar-item",th=[n.focus],oh={},ah={},qa=e=>{let{focus:t,...o}=e;return rh("div",{...o,className:a(e.className,hn,E(hn,{focus:t})),children:e.children})};qa.states=th;qa.options=oh;qa.className=hn;qa.defaultOptions=ah;qa.moduleName=mo;qa.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(ce,{...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 z3}from"react/jsx-runtime";import{jsx as W3}from"react/jsx-runtime";import{jsx as q3}from"react/jsx-runtime";import{jsx as t5,jsxs as o5}from"react/jsx-runtime";import{jsx as i5}from"react/jsx-runtime";import{jsx as bo,jsxs as mh}from"react/jsx-runtime";var sh=ie.states,kc={...ie.defaultOptions,variant:"text"},dh=ie.options,ch=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ph=[{name:"opened",title:"Opened"}],Ya=e=>{let{variant:t,modifiers:o,...r}={...kc,...e},l={},s=mh(_e,{size:r.size,children:[bo(re,{first:!0,text:"Menu Item"}),bo(re,{text:"Menu Item"}),bo(re,{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(ie,{...r,...l,icon:"star"})});case"icon-and-text":return bo("div",{children:bo(ie,{...r,...l,icon:"star",children:"Split Button"})});default:return bo("div",{children:bo(ie,{...r,...l,children:"Split Button"})})}};Ya.options=dh;Ya.states=sh;Ya.variants=ch;Ya.defaultOptions=kc;Ya.modifiers=ph;Ya.className=ie.className;import{jsx as sa,jsxs as uh}from"react/jsx-runtime";var wc=e=>sa(me,{children:[sa(m,{children:"Button"},"toolbar-button"),sa(Te,{text:"Menu button"},"toolbar-menu-button"),sa(ie,{children:"Split button"},"toolbar-split-button"),uh(Y,{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 H5,jsxs as P5}from"react/jsx-runtime";import{jsx as Mt,jsxs as vc}from"react/jsx-runtime";var Cc=e=>Mt(me,{scrollable:!0,...e,children:[Mt(m,{children:"Button"},"toolbar-button"),Mt(Te,{text:"Menu button"},"toolbar-menu-button"),Mt(ie,{children:"Split button"},"toolbar-split-button"),vc(Y,{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(Te,{text:"Menu button"},"toolbar-menu-button"),Mt(ie,{children:"Split button"},"toolbar-split-button"),vc(Y,{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(me,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[St(m,{children:"Button"},"toolbar-button"),St(Te,{text:"Menu button"},"toolbar-menu-button"),St(ie,{children:"Split button"},"toolbar-split-button"),Lc(Y,{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(Te,{text:"Menu button"},"toolbar-menu-button"),St(ie,{children:"Split button"},"toolbar-split-button"),Lc(Y,{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 bt,jsxs as yl}from"react/jsx-runtime";var Mc=({fillMode:e,size:t,...o})=>yl(bh,{children:[bt(me,{section:!0,fillMode:e,size:t,children:[bt(m,{fillMode:e,size:t,children:"Button"},"toolbar-button"),yl(Y,{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(Jt,{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}),yl(Ll,{size:t,fillMode:e,section:!0,...o,children:[bt(ie,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),bt(m,{fillMode:e,size:t,children:"Button"},"toolbar-button"),bt(Jt,{}),bt(Te,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),yl(Y,{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 fz,jsx as uz,jsxs as bz}from"react/jsx-runtime";import{Fragment as yz,jsx as Cz,jsxs as Lz}from"react/jsx-runtime";import{jsx as Oo}from"react/jsx-runtime";var fh=me.options,Th=me.states,Sc={...me.defaultOptions,variant:"default"},gh=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],hh=[],Qa=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})})}};Qa.options=fh;Qa.states=Th;Qa.variants=gh;Qa.defaultOptions=Sc;Qa.modifiers=hh;Qa.className=me.className;import{jsx as xh}from"react/jsx-runtime";var Rc="k-gantt-header",Ho=e=>xh(me,{...e,className:a(e.className,Rc,"k-gantt-toolbar"),children:e.children});Ho.className=Rc;Ho.moduleName=xe;Ho.folderName=ke;import{jsx as Nh}from"react/jsx-runtime";var Ac="k-gantt-footer",da=e=>Nh(me,{...e,className:a(e.className,Ac,"k-gantt-toolbar"),children:e.children});da.className=Ac;da.moduleName=xe;da.folderName=ke;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=xe;Po.folderName=ke;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=xe;_o.folderName=ke;var Ve="table",Ze=Ve;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=Ve;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=Ve;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={},Re=e=>{let{size:t,...o}=e;return Oh("table",{...o,className:a(e.className,Nn,R(Nn,{size:t})),children:e.children})};Re.states=Eh;Re.options=Ih;Re.className=Nn;Re.defaultOptions=Gh;Re.moduleName=Ve;Re.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(Re,{children:t})})})};To.states=Hh;To.options=Ph;To.className=wn;To.defaultOptions=_h;To.moduleName=Ve;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=Ve;Za.folderName=Ze;import{jsx as zU}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=Ve;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=Ve;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 l6}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=Ve;go.folderName=Ze;import{jsx as x6}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,g=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:g})};i.states=lx;i.className=yn;import{jsx as y6}from"react/jsx-runtime";import{jsx as A6}from"react/jsx-runtime";import{jsx as O6}from"react/jsx-runtime";import{jsx as K6}from"react/jsx-runtime";import{jsx as U6}from"react/jsx-runtime";import{jsx as q6,jsxs as Y6}from"react/jsx-runtime";import{jsx as e4,jsxs as t4}from"react/jsx-runtime";import{jsx as l4,jsxs as i4}from"react/jsx-runtime";import{Fragment as m4,jsx as c4,jsxs as p4}from"react/jsx-runtime";import{jsx as dx}from"react/jsx-runtime";var Dc="k-gantt-columns",zo=e=>dx(Re,{...e,className:a(e.className,Dc),role:"presentation",children:e.children});zo.className=Dc;zo.moduleName=xe;zo.folderName=ke;import{jsx as cx}from"react/jsx-runtime";var Bc="k-gantt-rows",Uo=e=>cx(Re,{...e,className:a(e.className,Bc),role:"presentation",children:e.children});Uo.className=Bc;Uo.moduleName=xe;Uo.folderName=ke;import{jsx as px}from"react/jsx-runtime";var zc="k-gantt-tasks",Fo=e=>px(Re,{...e,className:a(e.className,zc),role:"presentation",children:e.children});Fo.className=zc;Fo.moduleName=xe;Fo.folderName=ke;import{jsx as bx}from"react/jsx-runtime";var Uc="k-task",mx=[],ux={},Fc={type:"single"},ze=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}})};ze.states=mx;ze.options=ux;ze.className=Uc;ze.defaultOptions=Fc;ze.moduleName=xe;ze.folderName=ke;import{jsx as gx}from"react/jsx-runtime";var $c="k-task-wrap",fx=[],Tx={},Wc={type:"single"},Ue=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"})})};Ue.states=fx;Ue.options=Tx;Ue.className=$c;Ue.defaultOptions=Wc;Ue.moduleName=xe;Ue.folderName=ke;import{jsx as Nx}from"react/jsx-runtime";var Vc="k-task-dot",hx=[],xx={},Xc={position:"start"},ue=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"})};ue.states=hx;ue.options=xx;ue.className=Vc;ue.defaultOptions=Xc;ue.moduleName=xe;ue.folderName=ke;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=xe;Rt.folderName=ke;import{jsx as Mx}from"react/jsx-runtime";var qc="k-gantt-line",Lx=[],yx={},Yc={orientation:"horizontal"},te=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"})};te.states=Lx;te.options=yx;te.className=qc;te.defaultOptions=Yc;te.moduleName=xe;te.folderName=ke;var ne="grid",de=ne;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:g,ariaColCount:x,ariaRowCount:v,ariaRootId:L,ariaRole:h="grid",...M}=e;return Ix("div",{...M,className:a(e.className,Sl,{[`${Sl}-resizable`]:g},R(Sl,{size:t})),children:[r,o==="top"&&l,s,e.children&&u?Ex("div",{className:"k-grid-aria-root",role:h,id:L,"aria-colcount":x,"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=ne;W.folderName=de;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=ne;K.folderName=de;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=ne;ao.folderName=de;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=ne;$r.folderName=de;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=ne;Wr.folderName=de;import{jsx as _x}from"react/jsx-runtime";var ap="k-grid-header-table",D=e=>_x(Re,{...e,className:a(e.className,ap),children:e.children});D.className=ap;D.moduleName=ne;D.folderName=de;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:g,active:x,sortIcon:v=rp.sortIcon,sortOrder:L,accessibleLabel:h,...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:g,active:x})),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":x,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:$o(p,{icon:t==="filter"?"filter":"more-vertical"})})]}),!c&&h&&$o("span",{className:"k-sr-only",children:h}),e.children,s&&$o("span",{className:"k-column-resizer k-touch-action-none"})]})};C.states=Kx;C.className=Sn;C.defaultOptions=rp;C.moduleName=ne;C.folderName=de;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=ne;V.folderName=de;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=ne;z.folderName=de;import{jsx as zx}from"react/jsx-runtime";var np="k-grid-table",F=e=>zx(Re,{...e,className:a(e.className,np),children:e.children});F.className=np;F.moduleName=ne;F.folderName=de;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=ne;Rl.folderName=de;import{jsx as Fx}from"react/jsx-runtime";var dp="k-grid-footer-table",Al=e=>Fx(Re,{...e,className:a(e.className,dp),children:e.children});Al.className=dp;Al.moduleName=ne;Al.folderName=de;var Rn="pager",cp=Rn;import{Fragment as pp,jsx as ft,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},Le=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:g=At.currentPage,previousNext:x=At.previousNext,type:v=At.type,pageSizes:L=At.pageSizes,refresh:h=At.refresh,info:M=At.info,focus:A,disabled:G,dir:U,...P}=e,oe=[],Me=[];for(let he=1;he<=u;he++)oe.push(ft(m,{selected:he===g,fillMode:"flat",themeColor:"primary",size:o,"aria-label":`Page ${he}`,...he===g&&{"aria-current":"page"},children:he},he)),Me.push(ft("option",{selected:he===g,children:he},he));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 ${g} of ${u}`,children:[er("div",{className:a("k-pager-numbers-wrap"),children:[x&&er(pp,{children:[ft(m,{className:a("k-pager-nav","k-pager-first"),ariaDisabled:g===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"}),ft(m,{className:a("k-pager-nav"),ariaDisabled:g===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"&&ft("div",{className:a("k-pager-numbers"),children:oe}),v==="input"&&er("span",{className:a("k-pager-input"),children:[l&&ft("span",{children:"Page"}),ft(ae,{value:`${g}`,size:o,showSpinButton:!1,showClearButton:!1,"aria-label":"Current page"}),ft("span",{children:s&&`of ${u}`})]}),x&&er(pp,{children:[ft(m,{className:a("k-pager-nav"),ariaDisabled:g===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"}),ft(m,{className:a("k-pager-nav","k-pager-last"),ariaDisabled:g===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:[ft(fe,{value:`${c}`,size:o,"aria-label":"Items per page"}),r&&ft("span",{children:"items per page"})]}),h&&ft(m,{className:a("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw",title:"Refresh","aria-label":"Refresh"}),M&&ft("span",{className:a("k-pager-info"),children:M})]})};Le.states=$x;Le.options=Wx;Le.className=El;Le.defaultOptions=At;Le.moduleName=Rn;Le.folderName=cp;Le.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 D7}from"react/jsx-runtime";import{jsx as F7}from"react/jsx-runtime";import{jsx as X7}from"react/jsx-runtime";import{jsx as mp}from"react/jsx-runtime";var Vx=Le.options,Xx=Le.states,Jx={...Le.defaultOptions,variant:"numeric"},qx=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],Yx=[],tr=e=>{let{variant:t,...o}=e;return t==="input"?mp(Le,{...o,type:"input"}):mp(Le,{...o,type:"numeric"})};tr.options=Vx;tr.states=Xx;tr.variants=qx;tr.defaultOptions=Jx;tr.modifiers=Yx;tr.className=Le.className;import{jsx as Qx}from"react/jsx-runtime";var up="k-grid-pager",$t=e=>Qx(Le,{...e,className:a(e.className,up),children:e.children});$t.className=up;$t.moduleName=ne;$t.folderName=de;import{jsx as Zx}from"react/jsx-runtime";var bp="k-grid-toolbar",ro=e=>Zx(me,{...e,className:a(e.className,bp),children:e.children});ro.className=bp;ro.moduleName=ne;ro.folderName=de;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,...g}=e;return eN("div",{...g,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=ne;Il.folderName=de;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=ne;Gl.folderName=de;import{Fragment as E9,jsx as R9,jsxs as A9}from"react/jsx-runtime";import{Fragment as K9,jsx as P9,jsxs as _9}from"react/jsx-runtime";var nt="column-menu",Tt=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=Tt;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={},ca=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})})};ca.states=lN;ca.options=iN;ca.className=Gn;ca.defaultOptions=nN;ca.moduleName=nt;ca.folderName=Tt;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(Fe,{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=Tt;import{jsx as i8}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=Tt;import{jsx as g8}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(Fe,{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={},pa=e=>{let{itemText:t,itemStartIcon:o,itemEndIcon:r,itemSortIndex:l,expanded:s,itemContent:c,expanderIcon:u,contentId:g,...x}=e,v=g||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",{...x,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]})};pa.states=CN;pa.options=LN;pa.className=Cp;pa.defaultOptions=yN;pa.moduleName=nt;pa.folderName=Tt;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=Tt;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=Tt;import{jsx as ma}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=ma(p,{icon:"x-circle",size:l});break;case"add":u=ma(p,{icon:"plus-circle",size:l});break;case"drag":u=ma(p,{icon:"handle-drag-dots",size:l});break;case"up":u=ma(p,{icon:"chevron-up",size:l});break;case"down":u=ma(p,{icon:"chevron-down",size:l});break;default:u=ma(p,{icon:s,size:l});break}return ma("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 $8}from"react/jsx-runtime";import{Fragment as Q8,jsx as q8,jsxs as Y8}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:g=Pl.scrollButtons,dir:x,scrollingPosition:v,overflow:L,...h}=e,M={top:{prev:x!=="rtl"?"left":"right",next:x!=="rtl"?"right":"left"},bottom:{prev:x!=="rtl"?"left":"right",next:x!=="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:x,...h,className:a(Vo,e.className,{[`${Vo}-${c}`]:c,[`${Vo}-scrollable`]:o,[`${Vo}-scrollable-overlay`]:o&&(g==="hidden"||!g),[`${Vo}-scrollable-${v}`]:v&&v!=="both",[`${Vo}-overflow`]:L},R(Vo,{size:t})),children:[c==="bottom"&&r,Ep(Ap,{orientation:A[c],children:[o&&(g==="around"||g==="start")&&qt("span",{className:a("k-tabstrip-prev","k-button",R("k-button",{size:t,fillMode:w.flat,rounded:k.none}),"k-icon-button"),"aria-hidden":"true",children:qt(p,{className:"k-button-icon",icon:`caret-alt-${M[c].prev}`})}),o&&g==="start"&&qt("span",{className:a("k-tabstrip-next","k-button",R("k-button",{size:t,fillMode:w.flat,rounded:k.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&&g==="hidden"}),tabAlignment:G[u],orientation:A[c],...s&&{id:s},children:l}),o&&g==="end"&&qt("span",{className:a("k-tabstrip-prev","k-button",R("k-button",{size:t,fillMode:w.flat,rounded:k.none}),"k-icon-button"),"aria-hidden":"true",children:qt(p,{className:"k-button-icon",icon:`caret-alt-${M[c].prev}`})}),o&&(g==="around"||g==="end")&&qt("span",{className:a("k-tabstrip-next","k-button",R("k-button",{size:t,fillMode:w.flat,rounded:k.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(Te,{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"},gt=e=>{let{dragging:t,active:o,hover:r,focus:l,disabled:s,children:c,first:u,last:g,closable:x,icon:v,iconPosition:L=Gp.iconPosition,value:h,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":g}),role:"tab",...o&&{"aria-selected":"true"},...s&&{"aria-disabled":"true"},children:[Fn("span",{className:"k-link",children:[v&&L==="before"&&_l(p,{icon:v}),h&&_l("span",{className:"k-link-text",children:h}),v&&L==="after"&&_l(p,{icon:v})]}),(M||x)&&Fn("span",{className:"k-item-actions",children:[M,x&&_l(m,{as:"span",className:"k-remove-tab",icon:"x",fillMode:"flat",size:"xsmall",title:"Close","aria-hidden":"true"})]}),c]})};gt.states=YN;gt.options=QN;gt.className=$n;gt.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(gt,{first:!0,value:"First"}),Xo(gt,{active:!0,value:"Second"}),Xo(gt,{value:"Third"}),Xo(gt,{value:"Fourth"}),Xo(gt,{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 B$}from"react/jsx-runtime";import{Fragment as W$,jsx as $$,jsxs as V$}from"react/jsx-runtime";import{jsx as Y$}from"react/jsx-runtime";import{Fragment as aW,jsx as oW,jsxs as rW}from"react/jsx-runtime";import{Fragment as dW,jsx as sW,jsxs as cW}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 zW,jsx as BW,jsxs as UW}from"react/jsx-runtime";import{Fragment as ZW,jsx as YW,jsxs as QW}from"react/jsx-runtime";import{Fragment as sV,jsx as iV,jsxs as nV}from"react/jsx-runtime";import{Fragment as _V,jsx as HV,jsxs as PV}from"react/jsx-runtime";import{Fragment as $V,jsx as UV,jsxs as FV}from"react/jsx-runtime";import{Fragment as eX,jsx as ZV,jsxs as jV}from"react/jsx-runtime";import{Fragment as uk,jsx as I,jsxs as ye}from"react/jsx-runtime";var Kp=({contentClassName:e,...t})=>I(W,{_renderAriaRoot:!0,pager:I($t,{refresh:!1}),children:ye(uk,{children:[I(K,{children:I("div",{className:"k-grid-header-wrap",children:ye(D,{role:"none",children:[ye("colgroup",{children:[I("col",{}),I("col",{style:{width:"225px"}}),I("col",{}),I("col",{}),I("col",{})]}),ye(B,{role:"rowgroup",children:[ye(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"})]}),ye(T,{className:"k-filter-row",role:"row",children:[I(i,{role:"gridcell","aria-label":"Product Id filter",children:I("div",{className:"k-filtercell",children:ye("div",{className:"k-filtercell-wrapper",children:[I(ae,{"aria-label":"Product Id filter"}),ye("div",{className:"k-filtercell-operator",children:[I(fe,{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:ye("div",{className:"k-filtercell-wrapper",children:[I(Ne,{"aria-label":"Name filter"}),ye("div",{className:"k-filtercell-operator",children:[I(fe,{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:ye("div",{className:"k-filtercell-wrapper",children:[I(Ne,{"aria-label":"Quantity filter"}),ye("div",{className:"k-filtercell-operator",children:[I(fe,{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:ye("div",{className:"k-filtercell-wrapper",children:[I(ae,{"aria-label":"Unit Price filter"}),ye("div",{className:"k-filtercell-operator",children:[I(fe,{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:ye("div",{className:"k-filtercell-wrapper",children:[I(fe,{"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:ye(F,{role:"none",children:[ye("colgroup",{children:[I("col",{}),I("col",{style:{width:"225px"}}),I("col",{}),I("col",{}),I("col",{})]}),ye(H,{role:"rowgroup",children:[ye(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"})]}),ye(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"})]}),ye(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"})]}),ye(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"})]}),ye(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:[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]},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 ua=st;import{jsx as gk}from"react/jsx-runtime";var zp=e=>gk(ua,{type:"icon",...e});import{jsx as hk}from"react/jsx-runtime";var Up=e=>hk(ua,{type:"text",...e});import{jsx as xk}from"react/jsx-runtime";var Fp=e=>xk(ua,{type:"image",...e});import{jsx as AX}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:[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:g,avatarImage:x=$p.avatarImage,hover:v,focus:L,active:h,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:h,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"}),g&&sr(st,{className:"k-chip-avatar",type:"image",children:sr("img",{src:x,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 iJ}from"react/jsx-runtime";import{jsx as cJ}from"react/jsx-runtime";import{jsx as Ik}from"react/jsx-runtime";var Ul=e=>Ik(Wt,{text:"text",...e});import{jsx as hJ}from"react/jsx-runtime";import{jsx as wJ}from"react/jsx-runtime";import{Fragment as SJ,jsx as MJ,jsxs as RJ}from"react/jsx-runtime";import{jsx as OJ,jsxs as HJ}from"react/jsx-runtime";import{jsx as BJ,jsxs as zJ}from"react/jsx-runtime";import{jsx as XJ,jsxs as JJ}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 Pq,jsx as Oq,jsxs as Hq}from"react/jsx-runtime";import{Fragment as $q,jsx as Uq,jsxs as Fq}from"react/jsx-runtime";import{Fragment as Qq,jsx as qq,jsxs as Yq}from"react/jsx-runtime";import{Fragment as $k,jsx as Z,jsxs as ct}from"react/jsx-runtime";var Vp=({headerWrapClassName:e,contentClassName:t,...o})=>Z(W,{_renderAriaRoot:!0,children:ct($k,{children:[Z(K,{children:Z("div",{className:`k-grid-header-wrap ${e}`,children:ct(D,{role:"none",children:[ct("colgroup",{children:[Z("col",{}),Z("col",{}),Z("col",{}),Z("col",{})]}),ct(B,{role:"rowgroup",children:[ct(T,{role:"row",children:[Z(C,{rowspan:3,colspan:1,columnTitle:"ID",role:"columnheader"}),Z(C,{rowspan:1,colspan:3,columnTitle:"Product Information",role:"columnheader"})]}),ct(T,{role:"row",children:[Z(C,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first",role:"columnheader"}),Z(C,{rowspan:1,colspan:2,columnTitle:"Unit",role:"columnheader"})]}),ct(T,{role:"row",children:[Z(C,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first",role:"columnheader"}),Z(C,{rowspan:1,colspan:1,columnTitle:"Units Price",role:"columnheader"})]})]})]})})}),Z(V,{children:Z(z,{className:t,children:ct(F,{role:"none",children:[ct("colgroup",{children:[Z("col",{}),Z("col",{}),Z("col",{}),Z("col",{})]}),ct(H,{role:"rowgroup",children:[ct(T,{className:"k-master-row",role:"row",children:[Z(i,{role:"gridcell",children:"1"}),Z(i,{role:"gridcell",children:"Chai"}),Z(i,{role:"gridcell",children:"39"}),Z(i,{role:"gridcell",children:"18"})]}),ct(T,{className:"k-master-row",alt:!0,role:"row",children:[Z(i,{role:"gridcell",children:"2"}),Z(i,{role:"gridcell",children:"Chang"}),Z(i,{role:"gridcell",children:"17"}),Z(i,{role:"gridcell",children:"19"})]}),ct(T,{className:"k-master-row",role:"row",children:[Z(i,{role:"gridcell",children:"3"}),Z(i,{role:"gridcell",children:"Aniseed Syrup"}),Z(i,{role:"gridcell",children:"13"}),Z(i,{role:"gridcell",children:"10"})]}),ct(T,{className:"k-master-row",alt:!0,role:"row",children:[Z(i,{role:"gridcell",children:"4"}),Z(i,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),Z(i,{role:"gridcell",children:"53"}),Z(i,{role:"gridcell",children:"22"})]}),ct(T,{className:"k-master-row",role:"row",children:[Z(i,{role:"gridcell",children:"5"}),Z(i,{role:"gridcell",children:"Chef Anton's Gumbo Mix"}),Z(i,{role:"gridcell",children:"0"}),Z(i,{role:"gridcell",children:"21.35"})]})]})]})})})]}),...o});import{Fragment as dY,jsx as nY,jsxs as sY}from"react/jsx-runtime";import{Fragment as TY,jsx as bY,jsxs as fY}from"react/jsx-runtime";import{Fragment as Wk,jsx as Q,jsxs as Vt}from"react/jsx-runtime";var Xp=e=>{let t=O("grid");return Q(W,{_renderAriaRoot:!0,ariaRootId:t,toolbar:Vt(ro,{role:"toolbar","aria-label":"Grid toolbar","aria-controls":t,children:[Q(m,{children:"Add new"}),Q(m,{children:"Save Changes"}),Q(m,{children:"Cancel Changes"})]}),children:Vt(Wk,{children:[Q(K,{children:Q("div",{className:"k-grid-header-wrap",children:Vt(D,{role:"none",children:[Vt("colgroup",{children:[Q("col",{}),Q("col",{}),Q("col",{}),Q("col",{style:{width:"300px"}})]}),Q(B,{role:"rowgroup",children:Vt(T,{role:"row",children:[Q(C,{columnTitle:"Name",role:"columnheader"}),Q(C,{columnTitle:"Price",role:"columnheader"}),Q(C,{columnTitle:"Available",role:"columnheader"}),Q(C,{accessibleLabel:"Commands"})]})})]})})}),Q(V,{children:Q(z,{children:Q("div",{children:Vt(F,{role:"none",children:[Vt("colgroup",{children:[Q("col",{}),Q("col",{}),Q("col",{}),Q("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:[Q(i,{role:"gridcell",children:Q(Ne,{value:"Towel","aria-label":"Name"})}),Q(i,{role:"gridcell",children:Q(ae,{value:"42","aria-label":"Price"})}),Q(i,{role:"gridcell",children:Q(Fe,{"aria-label":"Available"})}),Vt(i,{className:"k-command-cell",role:"gridcell",children:[Q(m,{children:"Add"}),Q(m,{children:"Cancel"})]})]}),Vt(T,{className:"k-master-row",role:"row",children:[Q(i,{role:"gridcell",children:"Chai"}),Q(i,{role:"gridcell",children:"18"}),Q(i,{role:"gridcell",children:"false"}),Q(i,{className:"k-command-cell",role:"gridcell",children:Q(m,{children:"Remove"})})]}),Vt(T,{className:"k-master-row",role:"row",alt:!0,children:[Q(i,{role:"gridcell",children:"Chang"}),Q(i,{role:"gridcell",children:"19"}),Q(i,{role:"gridcell",children:"false"}),Q(i,{className:"k-command-cell",role:"gridcell",children:Q(m,{children:"Remove"})})]})]})]})})})})]}),...e})};import{Fragment as UY,jsx as zY,jsxs as FY}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={},ht=e=>{let{children:t,...o}=e;return qk(_e,{...o,className:a(e.className,qp),role:"menu",children:t})};ht.states=Vk;ht.options=Xk;ht.className=qp;ht.defaultOptions=Jk;ht.moduleName=Qn;ht.folderName=Jp;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 Fl}from"react/jsx-runtime";var Zn=e=>Fl(ht,{children:[Fl(re,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),Fl(re,{text:"Item 2"},"menu-item-2"),Fl(re,{last:!0,text:"Item 3"},"menu-item-3")],...e});import{Fragment as dQ,jsx as nQ,jsxs as sQ}from"react/jsx-runtime";import{jsx as jr,jsxs as ew}from"react/jsx-runtime";var Yk=Se.options,Qk=Se.states,Yp={...Se.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(re,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),jr(Io,{}),jr(re,{text:"Item 2"},"menu-item-2"),jr(re,{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=ht.className;import{Fragment as EQ,jsx as RQ,jsxs as AQ}from"react/jsx-runtime";import{Fragment as FQ,jsx as zQ,jsxs as UQ}from"react/jsx-runtime";import{Fragment as QQ,jsx as YQ,jsxs as ZQ}from"react/jsx-runtime";import{Fragment as nZ,jsx as iZ,jsxs as sZ}from"react/jsx-runtime";import{Fragment as $l,jsx as N,jsxs as be}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=be(ro,{children:[N(m,{icon:"plus",children:"Add New"}),N(m,{icon:"file-pdf",children:"Export to PDF"}),N("span",{className:"k-spacer"}),N(Ne,{prefix:N(p,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=N(Le,{pageSizes:!1,refresh:!1});Object.keys(o||{}).forEach(x=>{switch(x){case"toolbar":l.toolbar=o?.[x]?s:void 0;break;case"pager":l.pager=o?.[x]?c:void 0;break;default:return}});let u={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},g=be($l,{children:[N(K,{children:N("div",{className:"k-grid-header-wrap",children:be(D,{children:[be("colgroup",{children:[N("col",{}),N("col",{}),N("col",{}),N("col",{})]}),N(B,{children:be(T,{children:[N(C,{...u[t],columnTitle:"ID"}),N(C,{...u[t],columnTitle:"Product Name"}),N(C,{...u[t],columnTitle:"Units in Stock"}),N(C,{...u[t],columnTitle:"Units Price"})]})})]})})}),N(V,{children:N(z,{children:be(F,{children:[be("colgroup",{children:[N("col",{}),N("col",{}),N("col",{}),N("col",{})]}),be(H,{children:[be(T,{children:[N(i,{children:"1"}),N(i,{children:"Chai"}),N(i,{children:"39"}),N(i,{children:"18"})]}),be(T,{alt:!0,children:[N(i,{children:"2"}),N(i,{children:"Chang"}),N(i,{children:"17"}),N(i,{children:"19"})]}),be(T,{children:[N(i,{children:"3"}),N(i,{children:"Aniseed Syrup"}),N(i,{children:"13"}),N(i,{children:"10"})]}),be(T,{alt:!0,children:[N(i,{children:"4"}),N(i,{children:"Chef Anton's Cajun Seasoning"}),N(i,{children:"53"}),N(i,{children:"22"})]}),be(T,{children:[N(i,{children:"5"}),N(i,{children:"Chef Anton's Gumbo Mix"}),N(i,{children:"0"}),N(i,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return N(Vp,{...r,...l});case"editing":return N(Xp,{...r,...l});case"grouping":return N(Wp,{...r,...l,groupingHeader:N(ao,{children:be(Ee,{children:[N(Ae,{icon:"sort-asc-small",actions:be($l,{children:[N(Oe,{type:"more"}),N(Oe,{type:"remove"})]}),children:"ID"}),N(Ae,{icon:"sort-desc-small",actions:be($l,{children:[N(Oe,{type:"more"}),N(Oe,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return N(W,{...r,...l,children:be($l,{children:[N(K,{children:be("div",{className:"k-grid-header-wrap",children:[" ",be(D,{children:[be("colgroup",{children:[N("col",{className:"k-drag-col"}),N("col",{}),N("col",{}),N("col",{}),N("col",{})]}),N(B,{children:be(T,{children:[N(C,{className:"k-drag-cell",accessibleLabel:"Reorder"}),N(C,{columnTitle:"ID"}),N(C,{columnTitle:"Product Name"}),N(C,{columnTitle:"Units in Stock"}),N(C,{columnTitle:"Units Price"})]})})]})]})}),N(V,{children:N(z,{children:be(F,{children:[be("colgroup",{children:[N("col",{className:"k-drag-col"}),N("col",{}),N("col",{}),N("col",{}),N("col",{})]}),be(H,{children:[be(T,{children:[N(i,{className:"k-drag-cell",children:N(p,{icon:"reorder"})}),N(i,{children:"1"}),N(i,{children:"Chai"}),N(i,{children:"39"}),N(i,{children:"18"})]}),be(T,{alt:!0,children:[N(i,{className:"k-drag-cell",children:N(p,{icon:"reorder"})}),N(i,{children:"2"}),N(i,{children:"Chang"}),N(i,{children:"17"}),N(i,{children:"19"})]}),be(T,{children:[N(i,{className:"k-drag-cell",children:N(p,{icon:"reorder"})}),N(i,{children:"3"}),N(i,{children:"Aniseed Syrup"}),N(i,{children:"13"}),N(i,{children:"10"})]}),be(T,{alt:!0,children:[N(i,{className:"k-drag-cell",children:N(p,{icon:"reorder"})}),N(i,{children:"4"}),N(i,{children:"Chef Anton's Cajun Seasoning"}),N(i,{children:"53"}),N(i,{children:"22"})]}),be(T,{children:[N(i,{className:"k-drag-cell",children:N(p,{icon:"reorder"})}),N(i,{children:"5"}),N(i,{children:"Chef Anton's Gumbo Mix"}),N(i,{children:"0"}),N(i,{children:"21.35"})]})]})]})})})]})});case"filter-row":return N(Kp,{...r,...l});default:return N(W,{...r,...l,children:g})}};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 ba="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:g,...x}=e;return nw("div",{...x,style:{flexBasis:o,...e.style},className:a(e.className,ba,{[`${ba}-static`]:o,[`${ba}-flex`]:r,"k-scrollable":t,[`${ba}-pinned`]:c,[`${ba}-unpinned`]:u,[`${ba}-tabbed`]:g}),role:"group",children:e.children})};Ke.states=lw;Ke.options=iw;Ke.className=ba;Ke.defaultOptions=jn;import{Fragment as Zp,jsx as fa,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,...g}=e;return cw("div",{...g,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&&fa(Zp,{children:fa("div",{className:"k-collapse-prev",children:fa(p,{icon:`caret-alt-${r==="horizontal"?"left":"up"}`,size:"xsmall"})})}),fa("div",{className:"k-resize-handle","aria-hidden":"true"}),c&&fa(Zp,{children:fa("div",{className:"k-collapse-next",children:fa(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 g=r[u+1],x=c.props,v=g?.props;s.push(mw(Ke,{...x,key:u})),g&&s.push(uw(fr,{draggable:x.resizable!==!1&&v.resizable!==!1,collapsePrev:x.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 Gj,jsxs as Oj}from"react/jsx-runtime";import{jsx as Kj,jsxs as Dj}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=g=>({collapsible:g,content:g?"Resizable and collapsible":"Resizable only"}),s=l(!0),c=l(!0),u={display:"flex",justifyContent:"center",alignItems:"center"};return Object.keys(o||{}).forEach(g=>{let x=o?.[g];switch(g){case"secondPaneProps":c=l(!!x);break;case"firstPaneProps":s=l(!!x);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,...g}=e;return yw("button",{...g,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 bee,jsx as uee,jsxs as fee}from"react/jsx-runtime";import{Fragment as kee,jsx as Nee,jsxs as wee}from"react/jsx-runtime";import{Fragment as See,jsx as Mee,jsxs as Ree}from"react/jsx-runtime";import{Fragment as Hee,jsx as Oee,jsxs as Pee}from"react/jsx-runtime";import{Fragment as Uee,jsx as zee,jsxs as Fee}from"react/jsx-runtime";var ls="treelist",im=ls;import{jsx as Aw}from"react/jsx-runtime";var nm="k-treelist",Mw=[],Sw={},Rw={},ge=e=>Aw(W,{...e,ariaRole:"treegrid",className:a(nm,e.className),children:e.children});ge.states=Mw;ge.options=Sw;ge.className=nm;ge.defaultOptions=Rw;ge.moduleName=ls;ge.folderName=im;ge.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 j,jsxs as Je}from"react/jsx-runtime";var Ta=({gridHeader:e,gridContent:t,menu:o,...r})=>{let l=O("treelist");return Je(ge,{id:O("treelist"),_renderAriaRoot:!0,ariaRootId:l,ariaColCount:3,ariaRowCount:6,...r,children:[e||j(K,{children:j("div",{className:"k-grid-header-wrap",children:Je(D,{role:"none",children:[Je("colgroup",{children:[j("col",{}),j("col",{}),j("col",{})]}),j(B,{role:"rowgroup",children:Je(T,{role:"row","aria-rowindex":1,children:[j(C,{menu:o,columnTitle:"Name",role:"columnheader","aria-sort":"ascending","aria-colindex":1,...o?{"aria-haspopup":"dialog"}:{}}),j(C,{menu:o,columnTitle:"Position",role:"columnheader","aria-colindex":2,...o?{"aria-haspopup":"dialog"}:{}}),j(C,{menu:o,columnTitle:"Hire Date",role:"columnheader","aria-colindex":3,...o?{"aria-haspopup":"dialog"}:{}})]})})]})})}),j(V,{children:t||j(z,{children:Je(F,{role:"none",children:[Je("colgroup",{children:[j("col",{}),j("col",{}),j("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:[j(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),j(i,{role:"gridcell","aria-colindex":2,children:"Sweeney"}),j(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:[j(p,{className:"k-treelist-toggle",icon:"none"}),j(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),j(i,{role:"gridcell","aria-colindex":2,children:"Wooten"}),j(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:[j(p,{className:"k-treelist-toggle",icon:"none"}),j(p,{className:"k-treelist-toggle",icon:"none"}),j(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),j(i,{role:"gridcell","aria-colindex":2,children:"Weber"}),j(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:[j(p,{className:"k-treelist-toggle",icon:"none"}),j(p,{className:"k-treelist-toggle",icon:"none"}),j(p,{className:"k-treelist-toggle",icon:"none"}),j(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),j(i,{role:"gridcell","aria-colindex":2,children:"Hood"}),j(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:[j(p,{className:"k-treelist-toggle",icon:"none"}),j(p,{className:"k-treelist-toggle",icon:"none"}),j(p,{className:"k-treelist-toggle",icon:"none"}),j(p,{className:"k-treelist-toggle",icon:"none"}),j(p,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),j(i,{role:"gridcell","aria-colindex":2,children:"Carr"}),j(i,{role:"gridcell","aria-colindex":3,children:"Junior Software Developer"})]})]})]})})})]})};import{jsx as Ew}from"react/jsx-runtime";var sm=e=>Ew(Ta,{menu:"column",...e});import{Fragment as yte,jsx as Cte,jsxs as Lte}from"react/jsx-runtime";import{jsx as Iw}from"react/jsx-runtime";var dm=e=>Iw(Ta,{menu:"filter",...e});import{Fragment as zte,jsx as Dte,jsxs as Bte}from"react/jsx-runtime";import{Fragment as Zte,jsx as Yte,jsxs as Qte}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(ge,{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 uoe,jsxs as boe}from"react/jsx-runtime";import{jsx as woe,jsxs as voe}from"react/jsx-runtime";import{jsx as Eoe,jsxs as Ioe}from"react/jsx-runtime";import{jsx as Boe,jsxs as zoe}from"react/jsx-runtime";import{jsx as S,jsxs as ve}from"react/jsx-runtime";var Gw=ge.options,Ow=ge.states,pm={...ge.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=ve(ro,{children:[S(m,{icon:"plus",children:"Add New"}),S(m,{icon:"file-pdf",children:"Export to PDF"}),S("span",{className:"k-spacer"}),S(Ne,{prefix:S(p,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=S(Le,{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:ve(D,{children:[ve("colgroup",{children:[S("col",{}),S("col",{}),S("col",{})]}),S(B,{children:ve(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:ve(D,{children:[ve("colgroup",{children:[S("col",{}),S("col",{}),S("col",{})]}),S(B,{children:ve(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(Ta,{...r,...l,gridHeader:S(K,{children:S("div",{className:"k-grid-header-wrap",children:ve(D,{children:[ve("colgroup",{children:[S("col",{}),S("col",{}),S("col",{})]}),S(B,{children:ve(T,{children:[S(C,{columnTitle:"First Name"}),S(C,{columnTitle:"Last Name",sortable:!0}),S(C,{columnTitle:"Position"})]})})]})})}),gridContent:S(z,{children:ve(F,{children:[ve("colgroup",{children:[S("col",{}),S("col",{className:"k-sorted"}),S("col",{})]}),ve(H,{children:[ve(T,{className:"k-treelist-group",children:[ve(i,{children:[S(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),S(i,{children:"Sweeney"}),S(i,{children:"CEO"})]}),ve(T,{className:"k-treelist-group",alt:!0,children:[ve(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"})]}),ve(T,{className:"k-treelist-group",children:[ve(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"})]}),ve(T,{className:"k-treelist-group",alt:!0,children:[ve(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"})]}),ve(T,{children:[ve(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(Ta,{...r,...l,gridHeader:S(K,{children:S("div",{className:"k-grid-header-wrap",children:ve(D,{children:[ve("colgroup",{children:[S("col",{}),S("col",{}),S("col",{})]}),S(B,{children:ve(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=ge.className;import{jsx as f,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})=>f(mt,{headerToolbar:J(Ho,{"aria-label":"Toolbar",children:[f(m,{className:"k-gantt-toggle",icon:"layout-1-by-4","aria-label":"Toggle TreeList"}),f(m,{className:"k-gantt-create",icon:"plus",children:"Add Task"}),f("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:[f("option",{value:"day",children:"Day"}),f("option",{value:"week",children:"Week"}),f("option",{value:"month",children:"Month"})]}),J(Qt,{thumbStyles:{width:"33%",left:"30%"},className:"k-gantt-views",children:[f(pt,{children:"Day"}),f(pt,{selected:!0,children:"Week"}),f(pt,{children:"Month"})]})]})]}),footerToolbar:f(da,{"aria-label":"Toolbar",children:f(m,{className:"k-gantt-create",icon:"plus",children:"Add Task"})}),...u,children:f(Po,{children:u.children||f(De,{className:"k-gantt-splitter",panes:[f(Ke,{className:"k-gantt-treelist",flexBasis:e,children:J(ge,{_renderAriaRoot:!0,children:[f(K,{children:f("div",{className:"k-grid-header-wrap",children:J(D,{style:{minWidth:"250px"},children:[J("colgroup",{children:[f("col",{style:{width:"50px"}}),f("col",{})]}),f(B,{children:J(T,{children:[f(C,{menu:c,rowspan:1,columnTitle:"ID"}),f(C,{menu:c,rowspan:1,columnTitle:"Title"})]})})]})})}),f(V,{children:f(z,{style:{height:t},children:J(F,{style:{minWidth:"250px"},children:[J("colgroup",{children:[f("col",{style:{width:"50px"}}),f("col",{})]}),J(H,{children:[J(T,{children:[f(i,{children:"7"}),J(i,{children:[f(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Software validation, research and implementation"]})]}),J(T,{alt:!0,children:[f(i,{children:"18"}),J(i,{children:[f(p,{className:"k-treelist-toggle",icon:"none"}),f(p,{className:"k-treelist-toggle",icon:"none"}),"Project Kickoff"]})]}),J(T,{children:[f(i,{children:"11"}),J(i,{children:[f(p,{className:"k-treelist-toggle",icon:"none"}),f(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Research"]})]}),J(T,{alt:!0,children:[f(i,{children:"19"}),J(i,{children:[f(p,{className:"k-treelist-toggle",icon:"none"}),f(p,{className:"k-treelist-toggle",icon:"none"}),f(p,{className:"k-treelist-toggle",icon:"none"}),"Validation with Customers"]})]}),J(T,{children:[f(i,{children:"20"}),J(i,{children:[f(p,{className:"k-treelist-toggle",icon:"none"}),f(p,{className:"k-treelist-toggle",icon:"none"}),f(p,{className:"k-treelist-toggle",icon:"none"}),"Market Research"]})]})]})]})})})]})},"gantt-treelist-pane"),f(Ke,{className:"k-gantt-timeline-pane",children:J(W,{className:"k-gantt-timeline",children:[f(K,{children:f("div",{className:"k-grid-header-wrap",children:J(D,{style:{width:o},children:[J("colgroup",{children:[f("col",{}),f("col",{}),f("col",{}),f("col",{}),f("col",{}),f("col",{}),f("col",{})]}),J(H,{children:[f(T,{children:f(i,{className:"k-header",colspan:7,children:"Sun 6/01 - Sat 6/07"})}),J(T,{children:[f(i,{colspan:1,className:"k-header k-nonwork-hour",children:"Sun 6/01"}),f(i,{className:"k-header",colspan:1,children:"Mon 6/02"}),f(i,{className:"k-header",colspan:1,children:"Tue 6/03"}),f(i,{className:"k-header",colspan:1,children:"Wed 6/04"}),f(i,{className:"k-header",colspan:1,children:"Thu 6/05"}),f(i,{className:"k-header",colspan:1,children:"Fri 6/06"}),f(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:[f("colgroup",{children:f("col",{})}),J(H,{children:[f(T,{children:f(i,{})}),f(T,{alt:!0,children:f(i,{})}),f(T,{children:f(i,{})}),f(T,{alt:!0,children:f(i,{})}),f(T,{children:f(i,{})})]})]}),J(zo,{style:{width:o,height:r},children:[J("colgroup",{children:[f("col",{}),f("col",{}),f("col",{}),f("col",{}),f("col",{}),f("col",{}),f("col",{})]}),f(H,{children:J(T,{children:[f(i,{className:"k-nonwork-hour"}),f(i,{}),f(i,{}),f(i,{}),f(i,{}),f(i,{}),f(i,{className:"k-nonwork-hour"})]})})]}),J(Fo,{style:{width:o},children:[f("colgroup",{children:f("col",{})}),J(H,{children:[f(T,{children:f(i,{children:J(Ue,{type:"summary",style:{left:"113px"},children:[f(ze,{type:"summary",ariaLevel:1,"aria-label":"Software validation, research and implementation",style:{width:"4000px"},children:f("div",{className:"k-task-summary-progress",style:{width:"1720px"},children:f("div",{className:"k-task-summary-complete",style:{width:"4000px"}})})}),f(ue,{}),f(ue,{position:"end",style:{right:"0px"}})]})})}),f(T,{children:f(i,{children:J(Ue,{type:"milestone",style:{left:"113px"},children:[f(ze,{type:"milestone",ariaLevel:2,"aria-label":"Project Kickoff"}),f(ue,{}),f(ue,{position:"end",style:{right:"0px"}})]})})}),f(T,{children:f(i,{children:J(Ue,{type:"summary",style:{left:"113px"},children:[f(ze,{type:"summary",ariaLevel:2,"aria-label":"Research",style:{width:"500px"},children:f("div",{className:"k-task-summary-progress",style:{width:"215px"},children:f("div",{className:"k-task-summary-complete",style:{width:"500px"}})})}),f(ue,{}),f(ue,{position:"end",style:{right:"0px"}})]})})}),f(T,{children:f(i,{children:J(Ue,{style:{left:"113px"},children:[J(ze,{ariaLevel:3,"aria-label":"Validation with Customers",style:{width:"200px"},children:[f("div",{className:"k-task-complete","aria-hidden":"true",style:{width:"50px"}}),f(Rt,{content:"Validation with Customers"})]}),f(ue,{}),f(ue,{position:"end",style:{right:"0px"}}),f("div",{className:"k-task-draghandle","aria-hidden":"true",style:{left:"50px"}})]})})}),f(T,{children:f(i,{children:J(Ue,{style:{left:"113px"},children:[J(ze,{ariaLevel:3,"aria-label":"Market Research",style:{width:"200px"},children:[f("div",{className:"k-task-complete","aria-hidden":"true",style:{width:"164px"}}),f(Rt,{content:"Market Research"})]}),f(ue,{}),f(ue,{position:"end",style:{right:"0px"}}),f("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:[f(te,{style:{left:"124.5px",top:"53px",width:"10px"}}),f(te,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),f(te,{style:{left:"103px",top:"71px",width:"31.5px"}}),f(te,{orientation:"vertical",style:{left:"103px",top:"71px",height:"54px"}}),f(te,{style:{left:"103px",top:"125px",width:"9px"},children:f("span",{className:"k-arrow-e"})}),f(te,{style:{left:"124.5px",top:"53px",width:"10px"}}),f(te,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),f(te,{style:{left:"103px",top:"71px",width:"31.5px"}}),f(te,{orientation:"vertical",style:{left:"103px",top:"71px",height:"90px"}}),f(te,{style:{left:"103px",top:"161px",width:"9px"},children:f("span",{className:"k-arrow-e"})}),f(te,{style:{left:"313px",top:"125px",width:"10px"}}),f(te,{orientation:"vertical",style:{left:"321px",top:"125px",height:"18px"}}),f(te,{style:{left:"303px",top:"143px",width:"20px"}}),f(te,{orientation:"vertical",style:{left:"303px",top:"143px",height:"18px"}})]}),f("div",{className:"k-current-time","aria-hidden":"true",style:{left:l,top:"0px",width:"1px",height:r}})]})]})},"gantt-timeline-pane")]})})});var is="tooltip",um=is;import{jsx as el,jsxs as bm}from"react/jsx-runtime";var ns="k-tooltip",_w=[],Kw={themeColor:[y.undefined,y.base,y.inverse,y.info,y.success,y.warning,y.error]},fm={closable:!1},xt=e=>{let{closable:t=fm.closable,callout:o,themeColor:r,title:l,content:s,icon:c,id:u=O("tooltip"),...g}=e;return bm("div",{...g,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})})]})};xt.states=_w;xt.options=Kw;xt.className=ns;xt.defaultOptions=fm;xt.moduleName=is;xt.folderName=um;xt.ariaSpec={selector:".k-tooltip",implicitRole:"tooltip",rules:[{selector:".k-tooltip",attribute:"role=tooltip",usage:"Specifies the tooltip role of the tooltip container."},{selector:".k-tooltip",attribute:"id",usage:"The element needs an id to be associated with the aria-describedby attribute of the trigger element."},{selector:".k-tooltip .k-tooltip-button",attribute:"role=button",usage:"The close button needs an explicit button role."},{selector:".k-tooltip .k-tooltip-button",attribute:"aria-label",usage:"The close button needs an accessible name."}]};var ss=xt;import{jsx as Dw}from"react/jsx-runtime";var Tm=e=>Dw(ss,{content:"Tooltip Content",...e});import{jsx as Kae}from"react/jsx-runtime";import{jsx as ds,jsxs as Fw}from"react/jsx-runtime";var Bw={...xt.options,closable:{type:"boolean"},callout:["none","top","bottom","left","right"]},zw=xt.states,gm={...xt.defaultOptions,callout:"top"},Uw=[],xr=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 Fw("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"})]})};xr.options=Bw;xr.states=zw;xr.variants=Uw;xr.defaultOptions=gm;xr.modifiers=[];xr.className=xt.className;import{Fragment as cre,jsx as sre,jsxs as dre}from"react/jsx-runtime";import{jsx as qw}from"react/jsx-runtime";var $w={},Ww=[],Vw=[],Xw={},Jw=[],Nr=()=>qw(mm,{flexBasis:"40%",gridContentHeight:"197px",style:{width:"90%",height:"367px"}});Nr.options=$w;Nr.states=Ww;Nr.variants=Vw;Nr.defaultOptions=Xw;Nr.modifiers=Jw;Nr.className=mt.className;import{jsx as b,jsxs as q}from"react/jsx-runtime";var Ure=({flexBasis:e="30%",gridContentHeight:t="180px",tablesWidth:o="675px",tablesHeight:r="828px",currentTimeLeftOffset:l="243px",ganttDependencies:s,menu:c,...u})=>b(mt,{headerToolbar:q(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"}),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(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(da,{"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:q(ge,{_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",{className:"k-drag-col"}),b("col",{style:{width:"50px"}}),b("col",{})]}),b(B,{children:q(T,{children:[b(C,{accessibleLabel:"Drag column"}),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:q(F,{style:{minWidth:"250px"},children:[q("colgroup",{children:[b("col",{className:"k-drag-col"}),b("col",{style:{width:"50px"}}),b("col",{})]}),q(H,{children:[q(T,{children:[b(i,{className:"k-drag-cell","aria-label":"Reorder row",children:b(p,{icon:"reorder"})}),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,{className:"k-drag-cell","aria-label":"Reorder row",children:b(p,{icon:"reorder"})}),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,{className:"k-drag-cell","aria-label":"Reorder row",children:b(p,{icon:"reorder"})}),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,{className:"k-drag-cell","aria-label":"Reorder row",children:b(p,{icon:"reorder"})}),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,{className:"k-drag-cell","aria-label":"Reorder row",children:b(p,{icon:"reorder"})}),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(W,{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(_o,{children:[q(Uo,{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(zo,{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(Fo,{style:{width:o},children:[b("colgroup",{children:b("col",{})}),q(H,{children:[b(T,{children:b(i,{children:q(Ue,{type:"summary",style:{left:"113px"},children:[b(ze,{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(ue,{}),b(ue,{position:"end",style:{right:"0px"}})]})})}),b(T,{children:b(i,{children:q(Ue,{type:"milestone",style:{left:"113px"},children:[b(ze,{type:"milestone",ariaLevel:2,"aria-label":"Project Kickoff"}),b(ue,{}),b(ue,{position:"end",style:{right:"0px"}})]})})}),b(T,{children:b(i,{children:q(Ue,{type:"summary",style:{left:"113px"},children:[b(ze,{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(ue,{}),b(ue,{position:"end",style:{right:"0px"}})]})})}),b(T,{children:b(i,{children:q(Ue,{style:{left:"113px"},children:[q(ze,{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(ue,{}),b(ue,{position:"end",style:{right:"0px"}}),b("div",{className:"k-task-draghandle","aria-hidden":"true",style:{left:"50px"}})]})})}),b(T,{children:b(i,{children:q(Ue,{style:{left:"113px"},children:[q(ze,{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(ue,{}),b(ue,{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(te,{style:{left:"124.5px",top:"53px",width:"10px"}}),b(te,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),b(te,{style:{left:"103px",top:"71px",width:"31.5px"}}),b(te,{orientation:"vertical",style:{left:"103px",top:"71px",height:"54px"}}),b(te,{style:{left:"103px",top:"125px",width:"9px"},children:b("span",{className:"k-arrow-e"})}),b(te,{style:{left:"124.5px",top:"53px",width:"10px"}}),b(te,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),b(te,{style:{left:"103px",top:"71px",width:"31.5px"}}),b(te,{orientation:"vertical",style:{left:"103px",top:"71px",height:"90px"}}),b(te,{style:{left:"103px",top:"161px",width:"9px"},children:b("span",{className:"k-arrow-e"})}),b(te,{style:{left:"313px",top:"125px",width:"10px"}}),b(te,{orientation:"vertical",style:{left:"321px",top:"125px",height:"18px"}}),b(te,{style:{left:"303px",top:"143px",width:"20px"}}),b(te,{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")]})})});export{Ure as GanttRowReordering};