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

package/dist/esm/gantt/demos/gantt.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 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"}),A=(e,t)=>{let{valid:o,invalid:r,hover:l,focus:s,checked:c,active:u,selected:T,disabled:h,indeterminate:w,loading:v,empty:f,readonly:y,highlighted:S,...I}=t;return a({"k-valid":o,"k-invalid":r,"k-hover":l,"k-focus":s,"k-checked":c,"k-active":u,"k-selected":T,"k-disabled":h,"k-indeterminate":w&&!c,"k-loading":v,"k-empty":f,"k-readonly":y,"k-highlighted":S},Object.keys(I).reduce((B,O)=>(O.startsWith("k-")?B[O]=I[O]:B[`k-${O}`]=I[O],B),{}))};function os(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"},N={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},L={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"},as={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var Wl={};function G(e){return Wl[e]=(Wl[e]||0)+1,`k-${e}-${Wl[e]}`}var be="gantt",ge=be;import{jsxs as dm}from"react/jsx-runtime";var rs="k-gantt",im=[],nm={},sm={},gt=e=>{let{headerToolbar:t,footerToolbar:o,...r}=e;return dm("div",{...r,className:a(e.className,rs),role:"application","aria-roledescription":"Gantt Chart",children:[t,e.children,o]})};gt.states=im;gt.options=nm;gt.className=rs;gt.defaultOptions=sm;gt.moduleName=be;gt.folderName=ge;gt.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 um,jsx as ls}from"react/jsx-runtime";var Vl="k-font-icon",cm=[],pm={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[L.undefined,L.base,L.primary,L.secondary,L.tertiary,L.success,L.warning,L.error,L.info]},mm={},gr=e=>{let{size:t,themeColor:o,icon:r,rotate:l,flip:s,...c}=e;return r?ls("span",{...c,className:a(e.className,Vl,R(Vl,{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"}):ls(um,{})};gr.states=cm;gr.options=pm;gr.className=Vl;gr.defaultOptions=mm;var is=gr;import{Fragment as fm,jsx as Zr}from"react/jsx-runtime";var Xl="k-svg-icon",bm=[],Tm={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[L.undefined,L.base,L.primary,L.secondary,L.tertiary,L.success,L.warning,L.error,L.info]},ns={viewBox:"0 0 24 24"},hr=e=>{let{size:t,themeColor:o,rotate:r,flip:l,viewBox:s=ns.viewBox,icon:c,...u}=e;if(!c)return Zr(fm,{});if(c==="none")return Zr("span",{...u,className:a(e.className,Xl,R("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let T=typeof c=="object"&&c.name&&c.name;return Zr("span",{...u,className:a(e.className,Xl,R("k-icon",{size:t}),{[`k-svg-i-${T}`]:T,[`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:Zr("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})})};hr.states=bm;hr.options=Tm;hr.className=Xl;hr.defaultOptions=ns;var Jl=hr;import*as ql from"@progress/kendo-svg-icons";var ss="icon",ds="icons";import{useContext as hm}from"react";import{createContext as gm}from"react";var cs=gm({iconsType:"svg"});import{Fragment as ps,jsx as xr}from"react/jsx-runtime";var jr="k-icon",xm=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),km=[],Nm={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[L.undefined,L.base,L.primary,L.secondary,L.tertiary,L.success,L.warning,L.error,L.info]},Yl={viewBox:"0 0 24 24",type:"svg"},p=e=>{let{iconsType:t}=hm(cs),{size:o,themeColor:r,icon:l,type:s=t||Yl.type,rotate:c,flip:u,viewBox:T=Yl.viewBox,...h}=e;if(!l)return xr(ps,{});if((t||s)==="svg"){if(l==="none")return xr(Jl,{...h,className:a(e.className,jr),icon:l,size:o});let v=ql[l]?l:xm(`${l}-icon`);return ql[v]?xr(Jl,{...h,className:a(e.className,jr),icon:ql[v],size:o,themeColor:r,rotate:c,flip:u,viewBox:T}):xr(ps,{})}return xr(is,{...h,className:a(e.className,jr),icon:l,size:o,themeColor:r,rotate:c,flip:u})};p.states=km;p.options=Nm;p.defaultOptions=Yl;p.className=jr;p.moduleName=ss;p.folderName=ds;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 Ql="button",ms=Ql;import{Fragment as Lm,jsx as kr,jsxs as us}from"react/jsx-runtime";var Nr="k-button",wm=["icon-button"],vm=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],Cm={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:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[L.undefined,L.base,L.primary,L.secondary,L.tertiary,L.success,L.warning,L.error,L.info,L.inverse]},Zl={showArrow:!1,arrowIconName:"caret-alt-down"},m=e=>{let{as:t="button",size:o,rounded:r,fillMode:l,themeColor:s,showArrow:c=Zl.showArrow,arrowIconName:u=Zl.arrowIconName,variant:T,hover:h,focus:w,active:v,selected:f,disabled:y,togglable:S,ariaDisabled:I,icon:B,text:O,iconClassName:j,className:ve,...ue}=e,qe=B!==void 0,Ye=e.children!==void 0;return us(t,{className:a(ve,Nr,os(Nr,T),R(Nr,{size:o,rounded:r,fillMode:l,themeColor:s}),A(Nr,{hover:h,focus:w,active:v,disabled:y||I,selected:f}),{"k-icon-button":!O&&!Ye&&qe}),...ue,"aria-pressed":S?f?"true":"false":void 0,"aria-disabled":I?"true":void 0,disabled:y||void 0,children:[B&&kr(p,{className:a(j,"k-button-icon"),icon:B}),O?us(Lm,{children:[O&&kr("span",{className:"k-button-text",children:O}),e.children]}):e.children&&kr("span",{className:"k-button-text",children:e.children}),c&&kr("span",{className:"k-menu-button-arrow k-button-arrow",children:kr(p,{icon:u})})]})};m.states=vm;m.options=Cm;m.variants=wm;m.className=Nr;m.defaultOptions=Zl;m.moduleName=Ql;m.folderName=ms;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 ym}from"react/jsx-runtime";var go=e=>ym(m,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Mm}from"react/jsx-runtime";var wr=e=>Mm(m,{icon:"folder",children:"Button",...e});import{jsx as Sm}from"react/jsx-runtime";var Do=e=>Sm(m,{children:"Button",...e});import{jsx as jl}from"react/jsx-runtime";var Rm=m.options,Am=m.states,Em={...m.defaultOptions,variant:"text"},Im=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Gm=[],ua=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return jl(go,{...o,icon:"star"});case"icon-and-text":return jl(wr,{...o,icon:"star",children:"Button"});default:return jl(Do,{...o,children:"Button"})}};ua.options=Rm;ua.states=Am;ua.variants=Im;ua.defaultOptions=Em;ua.modifiers=Gm;ua.className=m.className;var ei="button",bs=ei;import{jsx as _m}from"react/jsx-runtime";var vr="k-button-group",Om=[n.disabled],Hm={fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},Pm={},$=e=>{let{fillMode:t,disabled:o,stretched:r,...l}=e;return _m("div",{role:"group",...l,className:a(e.className,vr,R(vr,{fillMode:t}),A(vr,{disabled:o}),{[`${vr}-stretched`]:r}),...o&&{"aria-disabled":"true"},children:e.children})};$.states=Om;$.options=Hm;$.className=vr;$.defaultOptions=Pm;$.moduleName=ei;$.folderName=bs;$.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 Jv,jsx as Xv,jsxs as qv}from"react/jsx-runtime";import{Fragment as tC,jsx as eC,jsxs as oC}from"react/jsx-runtime";import{Fragment as sC,jsx as nC,jsxs as dC}from"react/jsx-runtime";import{Fragment as TC,jsx as bC,jsxs as fC}from"react/jsx-runtime";import{Fragment as wC,jsx as NC,jsxs as vC}from"react/jsx-runtime";import{Fragment as RC,jsx as SC,jsxs as AC}from"react/jsx-runtime";import{jsx as oo,jsxs as ti}from"react/jsx-runtime";var Km={...m.options,...$.options},Dm=m.states,Bm={...m.defaultOptions,...$.defaultOptions,variant:"text-button"},zm=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Um=[],ba=e=>{let{variant:t,className:o,...r}=e;return t==="icon-button"?ti($,{fillMode:r.fillMode,className:o,children:[oo(m,{...r,icon:"star"}),oo(m,{...r,icon:"star"}),oo(m,{...r,icon:"star"})]}):t==="icon-text-button"?ti($,{fillMode:r.fillMode,className:o,children:[oo(m,{...r,icon:"star",children:"First"}),oo(m,{...r,icon:"star",children:"Middle"}),oo(m,{...r,icon:"star",children:"Last"})]}):ti($,{fillMode:r.fillMode,className:o,children:[oo(m,{...r,children:"First"}),oo(m,{...r,children:"Middle"}),oo(m,{...r,children:"Last"})]})};ba.options=Km;ba.states=Dm;ba.variants=zm;ba.defaultOptions=Bm;ba.modifiers=Um;ba.className=$.className;var Cr="input",el=Cr;import{jsx as Vm}from"react/jsx-runtime";var tl="k-input",Fm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],$m={size:[d.undefined,d.small,d.medium,d.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Wm={},Ie=e=>{let{hover:t,focus:o,disabled:r,invalid:l,valid:s,loading:c,readonly:u,size:T,rounded:h,fillMode:w,...v}=e;return Vm("span",{...v,className:a(e.className,tl,R(tl,{size:T,rounded:h,fillMode:w}),A(tl,{hover:t,focus:o,disabled:r,invalid:l,valid:s,loading:c,readonly:u}))})};Ie.states=Fm;Ie.options=$m;Ie.className=tl;Ie.defaultOptions=Wm;Ie.moduleName=Cr;Ie.folderName=el;import{jsx as Ym}from"react/jsx-runtime";var ol="k-picker",Xm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Jm={size:[d.undefined,d.small,d.medium,d.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},qm={},Jt=e=>{let{hover:t,focus:o,disabled:r,invalid:l,valid:s,loading:c,readonly:u,size:T,rounded:h,fillMode:w,...v}=e;return Ym("span",{...v,className:a(e.className,ol,R(ol,{size:T,rounded:h,fillMode:w}),A(ol,{hover:t,focus:o,disabled:r,invalid:l,valid:s,loading:c,readonly:u})),children:e.children})};Jt.states=Xm;Jt.options=Jm;Jt.className=ol;Jt.defaultOptions=qm;Jt.moduleName=Cr;Jt.folderName=el;import{Fragment as jm,jsx as oi}from"react/jsx-runtime";var Ts="k-clear-value",Qm=[n.disabled,n.loading,n.readonly],Zm={},ht=e=>{let{disabled:t,loading:o,readonly:r,value:l}=e;return t||r||o||!l?oi(jm,{}):oi("span",{className:a(e.className,Ts),children:oi(p,{icon:"x"})})};ht.states=Qm;ht.options=Zm;ht.className=Ts;import{jsx as ou}from"react/jsx-runtime";var ai="k-input-inner",eu=[],tu={},al={type:"text",autocomplete:"off",value:"",placeholder:""},xt=e=>{let{value:t=al.value,type:o=al.type,placeholder:r=al.placeholder,autocomplete:l=al.autocomplete,disabled:s,readOnly:c,...u}=e;return ou("input",{...u,type:o,className:a(e.className,ai,R(ai,e)),placeholder:r,autoComplete:l,defaultValue:t,disabled:s||void 0,readOnly:c||void 0})};xt.states=eu;xt.options=tu;xt.className=ai;import{jsx as fs,jsxs as lu}from"react/jsx-runtime";var ri="k-input-inner",au=[],ru={},Bo=e=>{let{value:t,placeholder:o,showValue:r,valueIcon:l,valueIconName:s,...c}=e;return lu("span",{...c,className:a(e.className,ri,R(ri,e)),children:[l,!l&&s&&fs(p,{className:"k-input-value-icon",icon:s}),r&&!t&&o,r&&t&&fs("span",{className:"k-input-value-text",children:t})]})};Bo.states=au;Bo.options=ru;Bo.className=ri;import{jsx as su}from"react/jsx-runtime";var li="k-input-inner",iu=[],nu={},gs={value:"",placeholder:""},ii=e=>{let{value:t=gs.value,placeholder:o=gs.placeholder,rows:r,disabled:l,...s}=e;return su("textarea",{...s,className:a(e.className,li,R(li,e)),placeholder:o,rows:r,defaultValue:t,disabled:l||void 0})};ii.states=iu;ii.options=nu;ii.className=li;import{Fragment as cu,jsx as hs}from"react/jsx-runtime";var xs="k-input-loading-icon",du=[n.disabled,n.loading],nt=e=>{let{disabled:t,loading:o}=e;return t||!o?hs(cu,{}):hs("span",{className:a(e.className,xs,"k-icon k-i-loading")})};nt.states=du;nt.className=xs;import{Fragment as uu,jsx as ks}from"react/jsx-runtime";var Ns="k-input-validation-icon",pu=[n.valid,n.invalid,n.disabled,n.loading],mu={},Qe=e=>{let{valid:t,invalid:o,disabled:r,loading:l}=e,s=o?"warning-circle":"check-circle";return r||l||!!!(t||o)?ks(uu,{}):ks(p,{className:a(Ns),icon:s})};Qe.states=pu;Qe.options=mu;Qe.className=Ns;import{Fragment as fu,jsx as ws}from"react/jsx-runtime";var bu="k-input-prefix",Tu={direction:"horizontal"},Mt=e=>{let{direction:t=Tu.direction,...o}=e;return e.children?ws("span",{...o,className:a(bu,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):ws(fu,{})};import{Fragment as xu,jsx as vs}from"react/jsx-runtime";var gu="k-input-suffix",hu={direction:"horizontal"},St=e=>{let{direction:t=hu.direction,...o}=e;return e.children?vs("span",{...o,className:a(gu,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):vs(xu,{})};import{jsx as AL}from"react/jsx-runtime";import{jsx as Nu}from"react/jsx-runtime";var ku="k-input-suffix-text",ni=e=>{let{children:t,...o}=e;return Nu("span",{...o,className:a(ku,e.className),children:t})};import{jsx as vu}from"react/jsx-runtime";var Cs="k-input-separator",wu={direction:"vertical"},Rt=e=>{let{direction:t=wu.direction,...o}=e;return vu("span",{...o,className:a(Cs,e.className,{[`${Cs}-${t}`]:t})})};import{Fragment as Ls,jsx as qt,jsxs as si}from"react/jsx-runtime";var Cu=Ie.states,Lu=Ie.defaultOptions,yu=Ie.options,Mu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Su=[],Ta=e=>{let{modifiers:t,valid:o,invalid:r,loading:l,disabled:s,readonly:c,...u}=e,T=t?.prefix,h=t?.suffix,w=t?.["clear-button"],v=t?.["validation-icon"],f=t?.separators;return si(Ie,{...u,valid:o,invalid:r,loading:l,disabled:s,readonly:c,style:{width:300},children:[T&&si(Ls,{children:[qt(Mt,{children:qt(p,{icon:"lock"})}),f&&qt(Rt,{})]}),qt(xt,{placeholder:"Placeholder",value:"Value"}),v&&qt(Qe,{valid:o,invalid:r,loading:l,disabled:s}),qt(nt,{loading:l,disabled:s}),w&&qt(ht,{loading:l,disabled:s,readonly:c,value:"Value"}),h&&si(Ls,{children:[f&&qt(Rt,{}),qt(St,{children:qt(Do,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};Ta.options=yu;Ta.states=Cu;Ta.variants=Su;Ta.defaultOptions=Lu;Ta.modifiers=Mu;Ta.className=Ie.className;import{jsx as ys,jsxs as Eu}from"react/jsx-runtime";var Ms="k-color-preview",Ru=[],Au={},ho=e=>{let{color:t,iconName:o,...r}=e;return Eu("span",{...r,className:a(e.className,Ms,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&ys(p,{icon:o,className:"k-color-preview-icon"}),ys("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};ho.states=Ru;ho.options=Au;ho.className=Ms;var di="popup",Ss=di;import{jsx as Rs}from"react/jsx-runtime";var As="k-animation-container",Iu=[],Gu={},Es={positionMode:"absolute"},At=e=>{let{positionMode:t=Es.positionMode,animationStyle:o,offset:r,...l}=e;return Rs("div",{...l,style:{...r,...e.style},className:a(e.className,As,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Rs("div",{className:"k-child-animation-container",style:o,children:e.children})})};At.states=Iu;At.options=Gu;At.className=As;At.defaultOptions=Es;At.moduleName=di;At.folderName=Ss;var ci="popup",Is=ci;import{jsx as Gs}from"react/jsx-runtime";var Os="k-popup",Ou=[],Hu={},Hs={positionMode:"absolute"},ne=e=>{let{offset:t,positionMode:o=Hs.positionMode,animationStyle:r,containerClassName:l,containerRole:s,containerAriaLabel:c,...u}=e;return Gs(At,{positionMode:o,offset:t,animationStyle:r,className:l,role:s,"aria-label":c,children:Gs("div",{...u,className:a(e.className,Os),children:e.children})})};ne.states=Ou;ne.options=Hu;ne.className=Os;ne.defaultOptions=Hs;ne.moduleName=ci;ne.folderName=Is;ne.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var pi="action-buttons",Ps=pi;import{jsx as Ku}from"react/jsx-runtime";var rl="k-actions",Pu=[],_u={},mi={alignment:"start",orientation:"horizontal"},Et=e=>{let{alignment:t=mi.alignment,orientation:o=mi.orientation,...r}=e;return Ku("div",{...r,className:a(rl,{[`${rl}-${t}`]:t,[`${rl}-${o}`]:o},e.className),children:e.children})};Et.states=Pu;Et.options=_u;Et.className=rl;Et.defaultOptions=mi;Et.moduleName=pi;Et.folderName=Ps;import{jsx as Bu}from"react/jsx-runtime";var Du="k-actionsheet-footer",_s={alignment:"stretched",orientation:"horizontal"},xo=e=>{let{alignment:t=_s.alignment,orientation:o=_s.orientation,template:r,as:l=r?"div":Et,...s}=e;return Bu(l,{...s,...!r&&{alignment:t,orientation:o},className:a(e.className,Du),children:e.children})};var ui="searchbox",Ks=ui;import{jsx as Lr,jsxs as Fu}from"react/jsx-runtime";var Ds="k-searchbox",zu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],Uu={size:[d.undefined,d.small,d.medium,d.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},bi={showIcon:!0,icon:"search"},kt=e=>{let{value:t,placeholder:o,size:r,rounded:l,fillMode:s,hover:c,focus:u,valid:T,invalid:h,required:w,loading:v,disabled:f,showIcon:y=bi.showIcon,icon:S=bi.icon,"aria-label":I,...B}=e;return Fu(Ie,{...B,size:r,rounded:l,fillMode:s,hover:c,focus:u,valid:T,invalid:h,required:w,loading:v,disabled:f,className:a(e.className,Ds),children:[y&&Lr(p,{className:"k-input-icon",icon:S}),Lr(xt,{placeholder:o,value:t,"aria-label":I}),Lr(nt,{...e}),Lr(Qe,{...e}),Lr(ht,{...e})]})};kt.states=zu;kt.options=Uu;kt.className=Ds;kt.defaultOptions=bi;kt.moduleName=ui;kt.folderName=Ks;import{jsx as tM}from"react/jsx-runtime";var Ti="textbox",Bs=Ti;import{Fragment as zs,jsx as ko,jsxs as fi}from"react/jsx-runtime";var Us="k-textbox",$u=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Wu={size:[d.undefined,d.small,d.medium,d.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},ll={showClearButton:!0,showValidationIcon:!0,separators:!0},Te=e=>{let{size:t,rounded:o,fillMode:r,separators:l=ll.separators,showClearButton:s=ll.showClearButton,showValidationIcon:c=ll.showValidationIcon,prefix:u,suffix:T,type:h,value:w,placeholder:v,hover:f,focus:y,valid:S,invalid:I,required:B,loading:O,disabled:j,readonly:ve,id:ue,"aria-label":qe,"aria-describedby":Ye,...ft}=e;return fi(Ie,{...ft,size:t,rounded:o,fillMode:r,hover:f,focus:y,valid:S,invalid:I,required:B,loading:O,disabled:j,readonly:ve,className:a(e.className,Us),children:[u&&fi(zs,{children:[ko(Mt,{children:u}),l&&ko(Rt,{})]}),ko(xt,{id:ue,placeholder:v,value:w,type:h,disabled:j,"aria-label":qe,"aria-describedby":Ye,"aria-invalid":I?"true":void 0}),c&&ko(Qe,{valid:S,invalid:I,loading:O,disabled:j}),ko(nt,{loading:O,disabled:j}),s&&ko(ht,{loading:O,disabled:j,readonly:ve,value:w}),T&&fi(zs,{children:[l&&ko(Rt,{}),ko(St,{children:T})]})]})};Te.states=$u;Te.options=Wu;Te.className=Us;Te.defaultOptions=ll;Te.moduleName=Ti;Te.folderName=Bs;Te.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var yr=Te;import{jsx as Vu}from"react/jsx-runtime";var Fs=e=>Vu(yr,{...e});import{Fragment as xM,jsx as hM}from"react/jsx-runtime";import{Fragment as LM,jsx as CM}from"react/jsx-runtime";import{jsx as RM}from"react/jsx-runtime";import{jsx as gi}from"react/jsx-runtime";var Xu=Te.states,Ju=Te.defaultOptions,qu=Te.options,Yu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Qu=[],fa=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":r.prefix=t?.[l]?gi(p,{icon:"lock"}):void 0;break;case"suffix":r.suffix=t?.[l]?gi(Do,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":r.showClearButton=t?.[l];break;default:break}}),gi(Fs,{value:"Value",style:{width:300},...o,...r})};fa.options=qu;fa.states=Xu;fa.variants=Qu;fa.defaultOptions=Ju;fa.modifiers=Yu;fa.className=Te.className;import{jsx as No,jsxs as hi}from"react/jsx-runtime";var $s="k-actionsheet-titlebar",Zu={},Ze=e=>{let{title:t,subtitle:o,actionsStart:r,actionsEnd:l,filter:s,input:c,inputValue:u,inputPlaceholder:T,adaptive:h,titleId:w,children:v,...f}=e;return hi("div",{...f,className:a(e.className,$s),children:[hi("div",{className:"k-actionsheet-titlebar-group",children:[r&&No("div",{className:"k-actionsheet-actions",children:r}),!v&&hi("div",{className:"k-actionsheet-title",id:w,children:[t&&No("div",{className:"k-text-center",children:t}),o&&No("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),v&&No("div",{className:"k-actionsheet-title",id:w,children:v}),l&&No("div",{className:"k-actionsheet-actions",children:l})]}),(c||s)&&No("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?No(Te,{value:u,placeholder:T,size:h?"large":"medium","aria-label":t||T||"Input"}):No(kt,{placeholder:"Filter",size:h?"large":"medium","aria-label":"Filter options"})})]})};Ze.className=$s;Ze.defaultOptions=Zu;import{jsx as xi,jsxs as ob}from"react/jsx-runtime";var ki="k-actionsheet-view",ju=[],eb={},tb={},ga=e=>{let{adaptive:t,animated:o,children:r,header:l,footer:s,titleId:c,...u}=e,T=l?.type===Ze&&xi(Ze,{adaptive:t,titleId:c,...l?.props}),h=s?.type===xo&&xi(xo,{...s?.props});return ob("div",{...u,className:a(e.className,ki,{[`${ki}-animated`]:o}),children:[T,xi("div",{className:"k-actionsheet-content",children:r}),h]})};ga.states=ju;ga.options=eb;ga.className=ki;ga.defaultOptions=tb;var Mr="action-sheet",il=Mr;var Ni="overlay",Ws=Ni;import{jsx as ib}from"react/jsx-runtime";var Vs="k-overlay",ab=[],rb={},lb={},wo=e=>{let{...t}=e;return ib("div",{...t,className:a(e.className,Vs),children:e.children})};wo.states=ab;wo.options=rb;wo.className=Vs;wo.defaultOptions=lb;wo.moduleName=Ni;wo.folderName=Ws;import{jsx as nl,jsxs as db}from"react/jsx-runtime";var Xs="k-actionsheet",nb=[],sb={},Sr={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Re=e=>{let{side:t=Sr.side,fullscreen:o=Sr.fullscreen,adaptive:r=Sr.adaptive,overlay:l=Sr.overlay,template:s,children:c,header:u,footer:T,id:h,...w}=e,v=h&&!s&&u?`${h}-title`:void 0;return db("div",{className:"k-actionsheet-container",children:[l&&nl(wo,{}),nl(At,{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:nl("div",{...w,id:h,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":v,className:a(e.className,Xs,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":r}),children:s||nl(ga,{header:u,footer:T,adaptive:r,titleId:v,...e,children:c})})})]})};Re.states=nb;Re.options=sb;Re.className=Xs;Re.defaultOptions=Sr;Re.moduleName=Mr;Re.folderName=il;Re.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 ub}from"react/jsx-runtime";var Js="k-actionsheet-container",cb=[],pb={},mb={},ha=e=>{let{children:t,...o}=e;return ub("div",{...o,className:Js,children:t})};ha.states=cb;ha.options=pb;ha.className=Js;ha.defaultOptions=mb;ha.moduleName=Mr;ha.folderName=il;import{jsx as bb}from"react/jsx-runtime";var wi=e=>{let{...t}=e;return bb("div",{...t,className:a(e.className,"k-list-ul"),children:e.children})};import{Fragment as fb,jsx as Rr,jsxs as vi}from"react/jsx-runtime";var Ci="k-actionsheet-item",Tb=[n.hover,n.focus,n.selected,n.disabled],vo=e=>{let{iconName:t,text:o,description:r,hover:l,focus:s,selected:c,disabled:u,...T}=e;return vi("span",{...T,className:a(e.className,Ci,A(Ci,{hover:l,focus:s,selected:c,disabled:u})),children:[!e.children&&Rr(fb,{children:vi("span",{className:"k-actionsheet-action",children:[t&&Rr("span",{className:"k-icon-wrap",children:Rr(p,{className:"k-actionsheet-item-icon",icon:t})}),vi("span",{className:"k-actionsheet-item-text",children:[o&&Rr("span",{className:"k-actionsheet-item-title",children:o}),r&&Rr("span",{className:"k-actionsheet-item-description",children:r})]})]})}),e.children]})};vo.states=Tb;vo.className=Ci;import{jsx as SS,jsxs as RS}from"react/jsx-runtime";import{jsx as GS}from"react/jsx-runtime";import{jsx as _S}from"react/jsx-runtime";import{jsx as zS}from"react/jsx-runtime";import{jsx as ze,jsxs as Li}from"react/jsx-runtime";var gb=Re.options,hb=Re.states,Ys={...Re.defaultOptions,variant:"normal"},xb=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],kb=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],xa=e=>{let{variant:t,modifiers:o,...r}={...Ys,...e},l={},s=Li(wi,{children:[ze(vo,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),ze(vo,{text:"Add to Favorites",iconName:"heart"}),ze(vo,{text:"Upload New",iconName:"upload",disabled:!0}),ze("hr",{className:"k-hr"}),ze(vo,{text:"Cancel",iconName:"cancel"})]}),c="Choose from the items below",u="Select Item";return t==="fullScreen"&&(l.fullScreen=!0),Object.keys(o||{}).forEach(T=>{switch(T){case"actions":l.actionsStart=!!o?.[T],l.actionsEnd=!!o?.[T];break;case"subtitle":l.subtitle=o?.[T]?c:void 0;break;case"footer":l.footer=!!o?.[T];break;default:break}}),t==="adaptive"?ze(Re,{...r,adaptive:!0,fullscreen:l.fullScreen,header:ze(Ze,{actionsStart:l.actionsStart?ze(m,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?ze(m,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:u,subtitle:l.subtitle}),footer:l.footer?Li(xo,{alignment:"stretched",children:[ze(m,{text:"Cancel",size:"large",themeColor:"base"}),ze(m,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):ze(Re,{...r,fullscreen:l.fullScreen,header:ze(Ze,{actionsStart:l.actionsStart?ze(m,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?ze(m,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?Li(xo,{alignment:"stretched",children:[ze(m,{text:"Apply",themeColor:"primary"}),ze(m,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};xa.options=gb;xa.states=hb;xa.variants=xb;xa.defaultOptions=Ys;xa.modifiers=kb;xa.className=Re.className;var yi="slider",Qs=yi;import{jsx as ka,jsxs as Mi}from"react/jsx-runtime";var Ar="k-slider",Nb=[n.hover,n.focus,n.active,n.disabled,n.readonly],wb={},It={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},ke=e=>{let{type:t=It.type,orientation:o=It.orientation,gradientType:r=It.gradientType,readonly:l=It.readonly,disabled:s=It.disabled,handlePosition:c=It.handlePosition,showButtons:u=It.showButtons,showTicks:T=It.showTicks,value:h=It.value,min:w=It.min,max:v=It.max,startValue:f,endValue:y,hover:S,focus:I,active:B,trackStyle:O,dir:j,...ve}=e,qe=(()=>{if(t==="gradient"&&r==="2d")return"undefined";if(o==="vertical")return"vertical"})(),Ye,ft;return o==="horizontal"?(Ye=j==="rtl"?"caret-alt-left":"caret-alt-right",ft=j==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(Ye="caret-alt-up",ft="caret-alt-down"),Mi("div",{...ve,className:a(Ar,e.className,A(Ar,{readonly:l,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:j,children:[u&&ka(m,{className:"k-button-decrease",rounded:"full",icon:ft,tabIndex:-1,title:"Decrease"}),Mi("div",{className:"k-slider-track-wrap",children:[T&&ka("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Mi("div",{className:"k-slider-track",style:O,children:[ka("div",{className:"k-slider-selection"}),t==="range"&&ka("span",{className:a("k-draghandle","k-draghandle-start",A(Ar,{hover:S,focus:I,active:B})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":f??w,"aria-valuemin":w,"aria-valuemax":y??v,"aria-orientation":qe,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":ve["aria-label"]?`${ve["aria-label"]} start`:"Range start"}),ka("span",{className:a("k-draghandle",`k-draghandle-${c}`,A(Ar,{hover:S,focus:I,active:B})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?y??v:h,"aria-valuemin":t==="range"?f??w:w,"aria-valuemax":v,"aria-orientation":qe,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":t==="range"?ve["aria-label"]?`${ve["aria-label"]} end`:"Range end":ve["aria-label"]})]})]}),u&&ka(m,{className:"k-button-increase",rounded:"full",icon:Ye,tabIndex:-1,title:"Increase"})]})};ke.states=Nb;ke.options=wb;ke.className=Ar;ke.defaultOptions=It;ke.moduleName=yi;ke.folderName=Qs;ke.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'},{selector:".k-slider .k-slider-items",attribute:"aria-hidden=true",usage:"Hides the tick list from assistive technologies. Tick values are redundant with the drag handle value attributes."},{selector:".k-slider .k-tick",attribute:"role=presentation",usage:"Removes semantic meaning from individual tick elements. Ticks are visual-only markers."},{selector:".k-slider .k-tick",attribute:"title",usage:"Represents the value associated with the respective tick."}]};import{jsx as Zs}from"react/jsx-runtime";var js="k-tick",vb=[],Cb={},ed={label:!1},X=e=>{let{style:t,label:o=ed.label,orientation:r,large:l,text:s,...c}=e;return Zs("li",{...c,role:"presentation",title:s||"Tick",className:a(e.className,js,{[`k-tick-${r}`]:r,"k-tick-large":l}),style:t,children:o&&Zs("span",{className:"k-label",children:s})})};X.states=vb;X.options=Cb;X.className=js;X.defaultOptions=ed;import{Fragment as Lb,jsx as Gt,jsxs as yb}from"react/jsx-runtime";var td=e=>Gt(ke,{"aria-label":e["aria-label"]||"Slider",children:yb(Lb,{children:[Gt(X,{className:"k-first",label:!0,large:!0,text:"0"}),Gt(X,{}),Gt(X,{}),Gt(X,{}),Gt(X,{}),Gt(X,{label:!0,large:!0,text:"5"}),Gt(X,{}),Gt(X,{}),Gt(X,{}),Gt(X,{}),Gt(X,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Mb,jsx as Ot,jsxs as Sb}from"react/jsx-runtime";var od=e=>Ot(ke,{children:Sb(Mb,{children:[Ot(X,{className:"k-first",label:!0,large:!0,text:"0"}),Ot(X,{}),Ot(X,{}),Ot(X,{}),Ot(X,{}),Ot(X,{label:!0,large:!0,text:"5"}),Ot(X,{}),Ot(X,{}),Ot(X,{}),Ot(X,{}),Ot(X,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as RR,jsx as SR,jsxs as AR}from"react/jsx-runtime";import{Fragment as HR,jsx as OR,jsxs as PR}from"react/jsx-runtime";import{jsx as Rb}from"react/jsx-runtime";var Si=e=>Rb(ke,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as Ab}from"react/jsx-runtime";var Ri=e=>Ab(ke,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as XR,jsx as VR,jsxs as JR}from"react/jsx-runtime";import{Fragment as jR,jsx as ZR,jsxs as eA}from"react/jsx-runtime";import{jsx as Yt,jsxs as ad}from"react/jsx-runtime";var Eb=ke.options,Ib=ke.states,rd={...ke.defaultOptions,variant:"horizontal",label:!0},Gb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Ob=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Na=e=>{let{variant:t,modifiers:o,...r}={...rd,...e},l={};Object.keys(o||{}).forEach(h=>{switch(h){case"button":{l.showButtons=!!o?.[h];break}case"label":{l.label=!!o?.[h];break}case"tick":{l.showTicks=!!o?.[h];break}}});let{label:s=!0,showButtons:c,showTicks:u}=l,T={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?ad(od,{showTicks:u,showButtons:c,style:{height:"300px",...T},...r,children:[Yt(X,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),Yt(X,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),Yt(X,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),Yt(X,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),Yt(X,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):ad(td,{showTicks:u,showButtons:c,style:{width:"400px",...T},...r,children:[Yt(X,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),Yt(X,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),Yt(X,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),Yt(X,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),Yt(X,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Na.options=Eb;Na.states=Ib;Na.variants=Gb;Na.defaultOptions=rd;Na.modifiers=Ob;Na.className=ke.className;import{jsx as ld,jsxs as Db}from"react/jsx-runtime";var id="k-spin-button",_b=[],Kb={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},Ai={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Co=e=>{let{size:t,fillMode:o,disabled:r,increaseLabel:l=Ai.increaseLabel,decreaseLabel:s=Ai.decreaseLabel,...c}=e;return Db("span",{...c,className:a(id,e.className),children:[ld(m,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:r,"aria-label":l}),ld(m,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:r,"aria-label":s})]})};Co.states=_b;Co.options=Kb;Co.className=id;Co.defaultOptions=Ai;Co.moduleName=null;Co.folderName=null;var nd="numeric-textbox",sd="numerictextbox";import{Fragment as dd,jsx as ao,jsxs as Ei}from"react/jsx-runtime";var cd="k-numerictextbox",Bb=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],zb={size:[d.undefined,d.small,d.medium,d.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},sl={showSpinButton:!0,showClearButton:!0,separators:!0},ee=e=>{let{size:t,rounded:o,fillMode:r,separators:l=sl.separators,showClearButton:s=sl.showClearButton,showSpinButton:c=sl.showSpinButton,prefix:u,suffix:T,value:h,placeholder:w,hover:v,focus:f,valid:y,invalid:S,required:I,loading:B,disabled:O,readonly:j,id:ve,"aria-label":ue,"aria-describedby":qe,...Ye}=e;return Ei(Ie,{...Ye,size:t,rounded:o,fillMode:r,hover:v,focus:f,valid:y,invalid:S,required:I,loading:B,disabled:O,readonly:j,className:a(e.className,cd),children:[u&&Ei(dd,{children:[ao(Mt,{children:u}),l&&ao(Rt,{})]}),ao(xt,{id:ve,placeholder:w,value:h,role:"spinbutton",disabled:O,"aria-label":ue,"aria-describedby":qe,"aria-invalid":S?"true":void 0}),ao(Qe,{valid:y,invalid:S,loading:B,disabled:O}),ao(nt,{loading:B,disabled:O}),s&&ao(ht,{loading:B,disabled:O,readonly:j,value:h}),T&&Ei(dd,{children:[l&&ao(Rt,{}),ao(St,{children:T})]}),c&&ao(Co,{className:"k-input-spinner",size:t,fillMode:r,disabled:O})]})};ee.states=Bb;ee.options=zb;ee.className=cd;ee.defaultOptions=sl;ee.moduleName=nd;ee.folderName=sd;ee.ariaSpec={selector:".k-numerictextbox",rules:[{selector:".k-numerictextbox > .k-input-inner",attribute:"role=spinbutton",usage:"Announces the spin button capabilities of the NumericTextBox."},{selector:".k-numerictextbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuenow (when has value)",usage:"Announces the current value of the component."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemin (when has min)",usage:"Announces the minimum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemax (when has max)",usage:"Announces the maximum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the NumericTextBox is in an invalid state."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-numerictextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"role=button or nodeName=button",usage:"Describes the role of the spin buttons."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"aria-label",usage:"The button element requires discernible text."},{selector:".k-numerictextbox.k-disabled .k-spin-button > .k-button",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."}]};var Er=ee;import{jsx as Ub}from"react/jsx-runtime";var pd=e=>Ub(Er,{...e});import Gi from"react";import{jsx as md}from"react/jsx-runtime";var Fb="k-list-group-sticky-header",Ii=e=>md("div",{className:a(Fb,e.className),children:md("div",{className:"k-list-header-text",children:e.children})});import{jsx as Wb}from"react/jsx-runtime";var $b="k-no-data",dl=e=>{let{live:t,...o}=e;return Wb("span",{...o,className:a($b,e.className),"aria-live":t?"polite":void 0,children:e.children})};var zo="list",wa=zo;import{jsx as ud,jsxs as bd}from"react/jsx-runtime";var Oi="k-list",Vb=[],Xb={size:[d.undefined,d.small,d.medium,d.large]},Jb={},le=e=>{let{size:t,virtualization:o,children:r,header:l,optionLabel:s,customValue:c,noData:u,screenReaders:T,...h}=e,v=Gi.Children.toArray(r)[0],f=v?.props?.children?Gi.Children.count(v.props.children):Gi.Children.count(r);return bd("div",{...h,className:a(e.className,Oi,R(Oi,{size:t}),{"k-virtual-list":o}),children:[s,c,l&&ud(Ii,{children:l}),r||(u!==void 0?u:ud(dl,{live:!0,children:"No data found."})),T&&r&&bd(dl,{className:"k-sr-only",live:!0,children:[f," items found."]})]})};le.states=Vb;le.options=Xb;le.className=Oi;le.defaultOptions=Jb;le.moduleName=zo;le.folderName=wa;le.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 Zb}from"react/jsx-runtime";var Td="k-list-container",qb=[],Yb={},Qb={},va=e=>{let{...t}=e;return Zb("div",{...t,className:a(e.className,Td),children:e.children})};va.states=qb;va.options=Yb;va.className=Td;va.defaultOptions=Qb;va.moduleName=zo;va.folderName=wa;var Uo="checkbox",Ca=Uo;import{jsx as fd}from"react/jsx-runtime";var cl="k-checkbox",jb=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],eT={size:[d.undefined,d.small,d.medium,d.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full]},tT={},Ke=e=>{let{id:t,checked:o,indeterminate:r,hover:l,focus:s,disabled:c,invalid:u,valid:T,required:h,size:w,rounded:v,wrapperRole:f,...y}=e;return fd("span",{className:"k-checkbox-wrap",role:f,children:fd("input",{...y,id:t,type:"checkbox",defaultChecked:o,required:h,disabled:c||void 0,"aria-invalid":u?"true":void 0,className:a(e.className,cl,R(cl,{size:w,rounded:v}),A(cl,{hover:l,focus:s,disabled:c,invalid:u,valid:T,indeterminate:r,checked:o}))})})};Ke.states=jb;Ke.options=eT;Ke.className=cl;Ke.defaultOptions=tT;Ke.moduleName=Uo;Ke.folderName=Ca;Ke.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var Ft=Ke;import{jsx as rT}from"react/jsx-runtime";var gd="k-checkbox-list",oT=[],aT={},hd={layout:"vertical"},je=e=>{let{layout:t=hd.layout,...o}=e;return rT("ul",{...o,className:a(e.className,gd,{[`k-list-${t}`]:t}),children:e.children})};je.states=oT;je.options=aT;je.className=gd;je.defaultOptions=hd;je.moduleName=Uo;je.folderName=Ca;import{jsx as sT}from"react/jsx-runtime";var xd="k-checkbox-list-item",lT=[],iT={},nT={},et=e=>{let{...t}=e;return sT("li",{...t,className:a(e.className,xd),children:e.children})};et.states=lT;et.options=iT;et.className=xd;et.defaultOptions=nT;et.moduleName=Uo;et.folderName=Ca;import{Fragment as dT,jsx as kd,jsxs as cT}from"react/jsx-runtime";var ro=({children:e="Label",id:t="cb-label-after",...o})=>cT(dT,{children:[kd(Ft,{id:t,...o}),kd("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as CE,jsx as vE,jsxs as LE}from"react/jsx-runtime";import{Fragment as AE,jsx as RE,jsxs as EE}from"react/jsx-runtime";import{Fragment as PE,jsx as HE,jsxs as _E}from"react/jsx-runtime";import{jsx as zE}from"react/jsx-runtime";import{jsx as WE}from"react/jsx-runtime";import{jsx as qE}from"react/jsx-runtime";import{jsx as Ht,jsxs as Nd}from"react/jsx-runtime";var pT=je.options,mT=je.states,uT={...je.defaultOptions,variant:"vertical"},bT=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],TT=[],La=e=>{let{variant:t,...o}=e;return t==="horizontal"?Nd(je,{layout:"horizontal",...o,children:[Ht(et,{children:Ht(ro,{id:G("cb"),defaultChecked:!0,children:"Label"})}),Ht(et,{children:Ht(ro,{id:G("cb"),children:"Label"})}),Ht(et,{children:Ht(ro,{id:G("cb"),children:"Label"})})]}):Nd(je,{...o,children:[Ht(et,{children:Ht(ro,{id:G("cb"),defaultChecked:!0,children:"Label"})}),Ht(et,{children:Ht(ro,{id:G("cb"),children:"Label"})}),Ht(et,{children:Ht(ro,{id:G("cb"),children:"Label"})})]})};La.options=pT;La.states=mT;La.variants=bT;La.defaultOptions=uT;La.modifiers=TT;La.className=je.className;import{jsx as NT}from"react/jsx-runtime";var fT=Ft.options,gT=Ft.states,hT=Ft.defaultOptions,xT=[],kT=[],ya=e=>NT(ro,{id:G("checkbox"),...e,defaultChecked:!0,children:"Label"});ya.options=fT;ya.states=gT;ya.variants=xT;ya.defaultOptions=hT;ya.modifiers=kT;ya.className=Ft.className;import{jsx as Fo,jsxs as LT}from"react/jsx-runtime";var Hi="k-list-item",wT=[n.hover,n.focus,n.selected,n.disabled],vT={},CT={},Z=e=>{let{text:t,groupLabel:o,group:r,iconName:l,iconClassName:s,showCheckbox:c,checked:u,hover:T,focus:h,selected:w,disabled:v,actions:f,description:y,id:S,...I}=e,B=t||e.children;return LT("li",{...I,id:S,role:r?"presentation":"option",tabIndex:r?void 0:h?0:-1,"aria-selected":!r&&w?"true":r?void 0:"false","aria-disabled":!r&&v?"true":void 0,className:a(e.className,r?"k-list-group-item":Hi,A(Hi,{hover:T,focus:h,disabled:v,selected:w})),children:[c&&Fo(Ke,{checked:u}),l&&Fo("span",{className:"k-list-item-icon-wrapper",children:Fo(p,{icon:l,className:a("k-list-item-icon",s)})}),Fo("span",{className:"k-list-item-text",children:B}),f&&Fo("div",{className:"k-list-item-actions",children:f}),y&&Fo("span",{className:"k-list-item-description",children:y}),o&&o!==""&&Fo("div",{className:"k-list-item-group-label",children:o})]})};Z.states=wT;Z.options=vT;Z.className=Hi;Z.defaultOptions=CT;Z.moduleName=zo;Z.folderName=wa;Z.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 MT}from"react/jsx-runtime";var yT="k-list-ul",lo=e=>{let{children:t,role:o,id:r,...l}=e;return MT("ul",{...l,id:r,role:o,className:a(yT,e.className),children:t})};lo.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 Pi,jsxs as RT}from"react/jsx-runtime";var ST="k-list-content",he=e=>{let{virtualization:t,grouping:o,"aria-label":r,"aria-labelledby":l,listboxId:s,...c}=e;return RT("div",{...c,className:a(ST,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:Pi(lo,{role:"listbox",id:s,"aria-label":r,"aria-labelledby":l,children:e.children}),t&&Pi("div",{className:"k-height-container",children:Pi("div",{})})]})};he.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{Fragment as DI,jsx as KI,jsxs as BI}from"react/jsx-runtime";import{jsx as _i,jsxs as ET}from"react/jsx-runtime";var AT="k-list-group-item",$o=e=>{let{groupIconName:t,...o}=e;return ET("li",{...o,role:"presentation",className:a(AT,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})]})};$o.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 HT}from"react/jsx-runtime";var Ki="k-list-optionlabel",IT=[n.hover,n.focus,n.selected,n.disabled],GT={},OT={},pl=e=>{let{text:t,hover:o,focus:r,selected:l,disabled:s,...c}=e;return HT("div",{...c,className:a(Ki,A(Ki,{hover:o,focus:r,selected:l,disabled:s})),children:t})};pl.states=IT;pl.options=GT;pl.className=Ki;pl.defaultOptions=OT;import{jsx as DT}from"react/jsx-runtime";var Di="k-list-custom-value",PT=[n.hover,n.focus,n.selected,n.disabled],_T={},KT={},Lo=e=>{let{text:t,hover:o,focus:r,selected:l,disabled:s,...c}=e;return DT("div",{...c,className:a(Di,A(Di,{hover:o,focus:r,selected:l,disabled:s})),children:t})};Lo.states=PT;Lo.options=_T;Lo.className=Di;Lo.defaultOptions=KT;import{Fragment as oG,jsx as tG,jsxs as aG}from"react/jsx-runtime";import{Fragment as dG,jsx as sG,jsxs as cG}from"react/jsx-runtime";import{Fragment as gG,jsx as TG,jsxs as fG}from"react/jsx-runtime";import{Fragment as CG,jsx as wG,jsxs as vG}from"react/jsx-runtime";import{jsx as SG}from"react/jsx-runtime";import{Fragment as OG,jsx as GG,jsxs as HG}from"react/jsx-runtime";var wd="dropdown-list",vd="dropdownlist";import{Fragment as UT,jsx as tt,jsxs as Bi}from"react/jsx-runtime";var Cd="k-dropdownlist",BT=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],zT={size:[d.undefined,d.small,d.medium,d.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},zi={showValue:!0,arrowIconName:"caret-alt-down"},pe=e=>{let{size:t,rounded:o,fillMode:r,arrowIconName:l=zi.arrowIconName,showValue:s=zi.showValue,valueIconName:c,prefix:u,suffix:T,value:h,placeholder:w,hover:v,focus:f,valid:y,invalid:S,required:I,loading:B,disabled:O,readonly:j,popup:ve,opened:ue,adaptive:qe,adaptiveSettings:Ye,adaptiveTitle:ft,adaptiveSubtitle:Ko,adaptiveFilter:Ul,id:fo,activeDescendant:Qr,"aria-label":Fl,...$l}=e,lm=fo?`${fo}-listbox`:void 0,ts=fo?`${fo}-value`:void 0;return Bi(UT,{children:[Bi(Jt,{...$l,id:fo,size:t,rounded:o,fillMode:r,hover:v,focus:f,valid:y,invalid:S,required:I,loading:B,disabled:O,readonly:j,className:a(e.className,Cd,{"k-icon-picker":!s&&c}),role:"combobox","aria-haspopup":"listbox","aria-expanded":ue?"true":"false","aria-controls":ue?lm:void 0,"aria-activedescendant":ue&&Qr?Qr:void 0,"aria-describedby":ue?ts:void 0,"aria-disabled":O?"true":void 0,"aria-label":Fl,tabIndex:0,children:[tt(Mt,{children:u}),tt(Bo,{placeholder:w,value:h,showValue:s,valueIconName:c,id:ts}),tt(Qe,{valid:y,invalid:S,loading:B,disabled:O}),tt(nt,{loading:B,disabled:O}),tt(St,{children:T}),tt(m,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":w||"Toggle dropdown",tabIndex:-1})]}),ue&&ve&&tt(ne,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:ve}),qe&&tt(Re,{adaptive:!0,...Ye,header:tt(Ze,{actionsEnd:tt(m,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Ul,inputValue:h,inputPlaceholder:w,title:ft,subtitle:Ko}),children:tt("div",{className:"k-list-container",children:tt(le,{size:"large",children:Bi(he,{"aria-label":"Options",children:[tt(Z,{text:"List item"}),tt(Z,{text:"List item"}),tt(Z,{text:"List item"})]})})})})]})};pe.states=BT;pe.options=zT;pe.className=Cd;pe.defaultOptions=zi;pe.moduleName=wd;pe.folderName=vd;pe.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};import{jsx as bO}from"react/jsx-runtime";import{jsx as kO,jsxs as NO}from"react/jsx-runtime";import{Fragment as AO,jsx as SO,jsxs as RO}from"react/jsx-runtime";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{Fragment as JT,jsx as yo,jsxs as Ld}from"react/jsx-runtime";var FT=pe.states,$T=pe.defaultOptions,WT=pe.options,VT=[{name:"opened",title:"Opened"}],XT=[],Sa=e=>{let{modifiers:t,...o}=e,r={},l=Ld(JT,{children:[yo("div",{className:"k-list-filter",children:yo(kt,{})}),yo(le,{style:{width:300},size:o.size,children:Ld(he,{children:[yo(Z,{children:"List item"}),yo(Z,{children:"List item"}),yo(Z,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(s=>{s==="opened"&&(r.opened=!!t?.[s],r.popup=t?.[s]?l:void 0)}),yo("div",{children:yo(pe,{placeholder:"Value",style:{width:300},...o,...r})})};Sa.options=WT;Sa.states=FT;Sa.variants=XT;Sa.defaultOptions=$T;Sa.modifiers=VT;Sa.className=pe.className;import{Fragment as C0,jsx as v0}from"react/jsx-runtime";import{Fragment as A0,jsx as R0}from"react/jsx-runtime";import{jsx as O0}from"react/jsx-runtime";import{jsx as Ui}from"react/jsx-runtime";var qT=ee.states,YT=ee.defaultOptions,QT=ee.options,ZT=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],jT=[],Ra=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":r.prefix=t?.[l]?Ui(pe,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":r.suffix=t?.[l]?Ui(ni,{children:"mm"}):void 0;break;case"clear-button":r.showClearButton=t?.[l];break;case"spin-button":r.showSpinButton=t?.[l];break;default:break}}),Ui(pd,{value:"Value",style:{width:300},...o,...r})};Ra.options=QT;Ra.states=qT;Ra.variants=jT;Ra.defaultOptions=YT;Ra.modifiers=ZT;Ra.className=ee.className;import{Fragment as Ir,jsx as oe,jsxs as Ge}from"react/jsx-runtime";var yd="k-colorgradient-inputs",ef=[],tf={size:[d.undefined,d.small,d.medium,d.large]},Md={mode:"rgba"},Aa=e=>{let{mode:t=Md.mode,size:o,...r}=e;return Ge("div",{...r,className:a(yd,"k-hstack"),children:[oe("div",{className:"k-vstack",children:oe(m,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&Ge(Ir,{children:[Ge("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),oe("label",{className:"k-colorgradient-input-label",children:"R"})]}),Ge("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),oe("label",{className:"k-colorgradient-input-label",children:"G"})]}),Ge("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),oe("label",{className:"k-colorgradient-input-label",children:"B"})]}),Ge("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),oe("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&Ge(Ir,{children:[Ge("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),oe("label",{className:"k-colorgradient-input-label",children:"R"})]}),Ge("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),oe("label",{className:"k-colorgradient-input-label",children:"G"})]}),Ge("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),oe("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&Ge(Ir,{children:[Ge("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),oe("label",{className:"k-colorgradient-input-label",children:"H"})]}),Ge("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),oe("label",{className:"k-colorgradient-input-label",children:"S"})]}),Ge("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),oe("label",{className:"k-colorgradient-input-label",children:"V"})]}),Ge("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),oe("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&Ge(Ir,{children:[Ge("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),oe("label",{className:"k-colorgradient-input-label",children:"H"})]}),Ge("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),oe("label",{className:"k-colorgradient-input-label",children:"S"})]}),Ge("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),oe("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&oe(Ir,{children:Ge("div",{className:"k-vstack k-flex-1",children:[oe(Te,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),oe("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Aa.states=ef;Aa.options=tf;Aa.className=yd;Aa.defaultOptions=Md;import{jsx as Wo,jsxs as Vo}from"react/jsx-runtime";var Sd="k-colorgradient-color-contrast",of=[],af={},rf={},Ea=()=>Vo("div",{className:a(Sd,"k-vbox"),children:[Vo("div",{className:"k-contrast-ratio",children:[Wo("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),Vo("span",{className:"k-contrast-validation !k-text-success",children:[Wo(p,{icon:"check"}),Wo(p,{icon:"check"})]})]}),Vo("div",{children:[Wo("span",{children:"AA: 4.5"}),Vo("span",{className:"k-contrast-validation !k-text-success",children:["Pass",Wo(p,{icon:"check"})]})]}),Vo("div",{children:[Wo("span",{children:"AAA: 7.0"}),Vo("span",{className:"k-contrast-validation !k-text-error",children:["Fail",Wo(p,{icon:"x"})]})]})]});Ea.states=of;Ea.options=af;Ea.className=Sd;Ea.defaultOptions=rf;var Rd="color-gradient",Ad="colorgradient";import{jsx as Pt,jsxs as Gr}from"react/jsx-runtime";var ml="k-colorgradient",lf=[n.hover,n.focus,n.readonly,n.disabled],nf={size:[d.undefined,d.small,d.medium,d.large]},Qt={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"},De=e=>{let{size:t,mode:o=Qt.mode,readonly:r=Qt.readonly,disabled:l=Qt.disabled,gradientStyle:s=Qt.gradientStyle,dragHandleStyle:c=Qt.dragHandleStyle,alphaStyle:u=Qt.alphaStyle,alphaStyleHorizontal:T=Qt.alphaStyleHorizontal,contrast:h=Qt.contrast,dir:w,hover:v,focus:f,hoverHandle:y,focusHandle:S,canvasOrientation:I=Qt.canvasOrientation,role:B,tabIndex:O,...j}=e;return Gr("div",{...j,role:B??"textbox","aria-label":B==="none"?void 0:"Color gradient",tabIndex:O??0,"aria-disabled":l?"true":void 0,className:a(e.className,ml,R(ml,{size:t}),A(ml,{hover:v,focus:f,readonly:r,disabled:l})),dir:w,children:[!I||I==="horizontal"&&Gr("div",{className:"k-colorgradient-canvas k-hstack",children:[Pt("div",{className:"k-hsv-rectangle",style:s,children:Pt("div",{className:"k-hsv-gradient",children:Pt("div",{className:a("k-hsv-draghandle","k-draghandle",{"k-hover":y,"k-focus":S}),style:c,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Gr("div",{className:"k-hsv-controls k-hstack",children:[Pt(Ri,{className:"k-hue-slider",hover:y,focus:S}),o!=="rgb"&&o!=="hsv"&&Pt(Ri,{className:"k-alpha-slider",hover:y,focus:S,trackStyle:u})]})]}),I==="vertical"&&Gr("div",{className:"k-colorgradient-canvas k-vstack",children:[Pt("div",{className:"k-hsv-rectangle",style:s,children:Pt("div",{className:"k-hsv-gradient",children:Pt("div",{className:a("k-hsv-draghandle","k-draghandle",{"k-hover":y,"k-focus":S}),style:c,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Gr("div",{className:"k-hsv-controls k-vstack",children:[Pt(Si,{className:"k-hue-slider",hover:y,focus:S}),o!=="rgb"&&o!=="hsv"&&Pt(Si,{className:"k-alpha-slider",hover:y,focus:S,trackStyle:T})]})]}),Pt(Aa,{mode:e.mode,size:t}),h&&Pt(Ea,{})]})};De.states=lf;De.options=nf;De.className=ml;De.defaultOptions=Qt;De.moduleName=Rd;De.folderName=Ad;De.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 sf}from"react/jsx-runtime";var ul=e=>sf(De,{...e});import{jsx as x1}from"react/jsx-runtime";import{jsx as v1}from"react/jsx-runtime";import{jsx as Fi}from"react/jsx-runtime";var df=De.options,cf=De.states,pf={...De.defaultOptions,variant:"rgba"},mf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],uf=[],Ia=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Fi(ul,{...o,mode:t});case"rgb":return Fi(ul,{...o,mode:t});default:return Fi(ul,{...o,mode:t})}};Ia.options=df;Ia.states=cf;Ia.variants=mf;Ia.defaultOptions=pf;Ia.modifiers=uf;Ia.className=De.className;import{jsx as bf}from"react/jsx-runtime";var $i=e=>bf("tr",{role:"row",children:e.children});import{jsx as gf}from"react/jsx-runtime";var Wi="k-colorpalette-tile",Tf=[n.hover,n.focus,n.selected],ff={},Ga=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 gf("td",{...c,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:a(e.className,Wi,A(Wi,{hover:r,focus:l,selected:s})),style:u})};Ga.states=Tf;Ga.options=ff;Ga.className=Wi;var Ed="color-palette",Id="colorpalette";import{jsx as Or}from"react/jsx-runtime";var bl="k-colorpalette",hf=[n.disabled],xf={size:[d.undefined,d.small,d.medium,d.large]},Gd={columns:10},ot=e=>{let{size:t,palette:o,columns:r=Gd.columns,tileSize:l,disabled:s,...c}=e,u=[];if(o){let T=r||o.columns,h=o.colors?o.colors:o;Array.isArray(h)&&Array.from({length:Math.ceil(h.length/T)},(w,v)=>{let f=[];h.slice(v*T,(v+1)*T).map((S,I)=>{f.push(Or(Ga,{color:S,tileSize:l},I))});let y=Or($i,{children:f},v);u.push(y)})}return Or("div",{...c,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:a(e.className,bl,A(bl,{disabled:s}),R(bl,{size:t})),children:Or("table",{className:"k-colorpalette-table",role:"none",children:Or("tbody",{children:u.length>0?u:e.children})})})};ot.states=hf;ot.options=xf;ot.className=bl;ot.defaultOptions=Gd;ot.moduleName=Ed;ot.folderName=Id;ot.ariaSpec={selector:".k-colorpalette",rules:[{selector:".k-colorpalette",attribute:"role=grid",usage:"The focusable wrapper announces its role as a grid."},{selector:".k-colorpalette",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpalette",attribute:"aria-activedescendant",usage:"Points to the focused cell in the table."},{selector:".k-colorpalette",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpalette.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorPalette is disabled."},{selector:".k-colorpalette-table",attribute:"role=none or role=presentation",usage:"Negates the default role of the table element."},{selector:".k-colorpalette-table>tbody>tr",attribute:"role=row",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"role=gridcell",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"aria-label or title",usage:"The text representation of the color value for the current cell."},{selector:".k-colorpalette-tile.k-selected",attribute:"aria-selected=true",usage:"Present on the currently selected cell."}]};var Tl=ot;var Hr={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 kf}from"react/jsx-runtime";var Od=e=>kf(Tl,{palette:Hr.basic,...e});import{jsx as rH}from"react/jsx-runtime";import{jsx as cH,jsxs as pH}from"react/jsx-runtime";import{jsx as Mf}from"react/jsx-runtime";var Nf=ot.options,wf=ot.states,vf={...ot.defaultOptions,variant:"basic"},Cf=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Lf={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}},yf=[],Oa=e=>{let{variant:t="basic",...o}=e,r=Lf[t];return Mf(Od,{columns:r.columns,palette:r,...o})};Oa.options=Nf;Oa.states=wf;Oa.variants=Cf;Oa.defaultOptions=vf;Oa.modifiers=yf;Oa.className=ot.className;var Hd="color-editor",Pd="coloreditor";import{jsx as _t,jsxs as Ha}from"react/jsx-runtime";var fl="k-coloreditor",Sf=[n.focus],Rf={size:[d.undefined,d.small,d.medium,d.large]},Pr={view:"gradient",palette:Hr.office,actionButtons:!0,canvasOrientation:"horizontal"},Ae=e=>{let{size:t,view:o=Pr.view,palette:r=Pr.palette,color:l,currentColor:s,focus:c,focusView:u,dir:T,group:h,actionButtons:w=Pr.actionButtons,canvasOrientation:v=Pr.canvasOrientation,...f}=e;return Ha("div",{...f,role:"textbox","aria-label":"Color editor",tabIndex:0,className:a(e.className,"k-flatcolorpicker",fl,R(fl,{size:t}),A(fl,{focus:c})),dir:T,children:[Ha("div",{className:"k-coloreditor-header k-hstack",children:[_t("div",{className:"k-coloreditor-header-actions k-hstack",children:h&&Ha($,{fillMode:"flat",children:[_t(m,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),_t(m,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),_t("div",{className:"k-spacer"}),Ha("div",{className:"k-coloreditor-header-actions k-hstack",children:[_t(m,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Ha("div",{className:"k-coloreditor-preview k-vstack",children:[_t(ho,{className:"k-coloreditor-preview-color",color:l}),_t(ho,{className:"k-coloreditor-current-color",color:s})]})]})]}),_t("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?_t(De,{focus:u,size:t,canvasOrientation:v,role:"none",tabIndex:-1}):_t(ot,{palette:r,size:t})}),w&&Ha(Et,{className:"k-coloreditor-footer",alignment:"start",children:[_t(m,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),_t(m,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Ae.states=Sf;Ae.options=Rf;Ae.className=fl;Ae.defaultOptions=Pr;Ae.moduleName=Hd;Ae.folderName=Pd;Ae.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 Pa=Ae;import{jsx as BH}from"react/jsx-runtime";import{jsx as $H}from"react/jsx-runtime";import{jsx as Af}from"react/jsx-runtime";var _d=e=>Af(Pa,{group:!0,currentColor:"fuchsia",...e});import{jsx as Ef}from"react/jsx-runtime";var Kd=e=>Ef(Pa,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Dd}from"react/jsx-runtime";var If=Ae.options,Gf=Ae.states,Of={...Ae.defaultOptions,variant:"gradient"},Hf=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Pf=[],_a=e=>{let{variant:t,...o}=e;return t==="palette"?Dd(Kd,{...o,color:"white"}):Dd(_d,{...o,color:"rgba(183, 118 , 118, 1.00)"})};_a.options=If;_a.states=Gf;_a.variants=Hf;_a.defaultOptions=Of;_a.modifiers=Pf;_a.className=Ae.className;var Bd="color-picker",zd="colorpicker";import{Fragment as Df,jsx as Kt,jsxs as Vi}from"react/jsx-runtime";var Ud="k-colorpicker",_f=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],Kf={size:[d.undefined,d.small,d.medium,d.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Fd={arrowIconName:"caret-alt-down"},Nt=e=>{let{size:t,rounded:o,fillMode:r,arrowIconName:l=Fd.arrowIconName,prefix:s,suffix:c,value:u,placeholder:T,hover:h,focus:w,valid:v,invalid:f,required:y,disabled:S,valueIconName:I,popup:B,opened:O,adaptive:j,adaptiveSettings:ve,adaptiveTitle:ue,adaptiveSubtitle:qe,...Ye}=e,ft="colorpicker-popup";return Vi(Df,{children:[Vi(Jt,{...Ye,size:t,rounded:o,fillMode:r,hover:h,focus:w,valid:v,invalid:f,required:y,disabled:S,role:"combobox","aria-haspopup":"dialog","aria-expanded":O?"true":"false","aria-controls":O||j?ft:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":S?"true":void 0,className:a(e.className,Ud,"k-icon-picker"),children:[Kt(Mt,{children:s}),Kt(Bo,{placeholder:T,value:u,showValue:!1,valueIcon:Kt(ho,{className:"k-value-icon",color:u,iconName:I}),valueIconName:I}),Kt(St,{children:c}),Kt(m,{className:"k-input-button",icon:l,size:t,fillMode:r,tabIndex:-1,"aria-label":"Open color picker",disabled:S})]}),O&&B&&Kt(ne,{id:ft,className:"k-colorpicker-popup",children:B}),j&&Kt(Re,{adaptive:!0,id:ft,...ve,header:Kt(Ze,{actionsEnd:Kt(m,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:ue,subtitle:qe}),footer:Vi(xo,{children:[Kt(m,{text:"Cancel",size:"large"}),Kt(m,{text:"Set",size:"large",themeColor:"primary"})]}),children:Kt(Ae,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Nt.states=_f;Nt.options=Kf;Nt.className=Ud;Nt.defaultOptions=Fd;Nt.moduleName=Bd;Nt.folderName=zd;Nt.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 io=Nt;import{jsx as Bf}from"react/jsx-runtime";var gl=e=>Bf(io,{...e});import{jsx as MP}from"react/jsx-runtime";import{jsx as IP}from"react/jsx-runtime";import{jsx as PP}from"react/jsx-runtime";import{jsx as BP}from"react/jsx-runtime";import{jsx as $P}from"react/jsx-runtime";import{jsx as JP}from"react/jsx-runtime";import{jsx as Xo}from"react/jsx-runtime";var zf=io.options,Uf=io.states,$d={...io.defaultOptions,variant:"color"},Ff=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],$f=[{name:"opened",title:"Opened"}],Ka=e=>{let{variant:t,modifiers:o,...r}={...$d,...e},l={};Object.keys(o||{}).forEach(c=>{c==="opened"&&(l.opened=!!o?.[c],l.popup=o?.[c]?Xo(Ae,{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 Xo("div",{style:s,children:Xo(gl,{...r,...l})});case"icon":return Xo("div",{style:s,children:Xo(gl,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...r,...l})});default:return Xo("div",{style:s,children:Xo(gl,{value:"rgba(183, 118 , 118, 1.00)",...r,...l})})}};Ka.options=zf;Ka.states=Uf;Ka.variants=Ff;Ka.defaultOptions=$d;Ka.modifiers=$f;Ka.className=io.className;var Xi="combobox",Wd=Xi;import{Fragment as Ji,jsx as He,jsxs as _r}from"react/jsx-runtime";var Vd="k-combobox",Wf=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],Vf={size:[d.undefined,d.small,d.medium,d.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Xd={separators:!0},Ve=e=>{let{size:t,rounded:o,fillMode:r,separators:l=Xd.separators,prefix:s,suffix:c,value:u,placeholder:T,hover:h,focus:w,valid:v,invalid:f,required:y,loading:S,disabled:I,popup:B,opened:O,readonly:j,adaptive:ve,adaptiveSettings:ue,adaptiveTitle:qe,adaptiveSubtitle:Ye,adaptiveCustomValue:ft,id:Ko,autocomplete:Ul,activeDescendant:fo,"aria-label":Qr,...Fl}=e,$l=Ko?`${Ko}-listbox`:void 0;return _r(Ji,{children:[_r(Ie,{...Fl,size:t,rounded:o,fillMode:r,hover:h,focus:w,valid:v,invalid:f,required:y,loading:S,disabled:I,readonly:j,className:a(e.className,Vd),children:[s&&_r(Ji,{children:[He(Mt,{children:s}),l&&He(Rt,{})]}),He(xt,{id:Ko,placeholder:T,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":O?"true":"false","aria-controls":O?$l:void 0,"aria-activedescendant":O&&fo?fo:void 0,"aria-autocomplete":Ul,"aria-invalid":f?"true":void 0,"aria-busy":S?"true":void 0,"aria-label":Qr,disabled:I,readOnly:j}),He(Qe,{valid:v,invalid:f,loading:S,disabled:I}),He(nt,{loading:S,disabled:I}),He(ht,{loading:S,disabled:I,readonly:j,value:u}),c&&_r(Ji,{children:[l&&He(Rt,{}),He(St,{children:c})]}),He(m,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:r,"aria-label":"Open popup",tabIndex:-1,disabled:I})]}),O&&B&&He(ne,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:B}),ve&&He(Re,{adaptive:!0,id:Ko?`${Ko}-adaptive`:void 0,...ue,header:He(Ze,{actionsEnd:He(m,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:T,title:qe,subtitle:Ye}),children:He("div",{className:"k-list-container",children:He(le,{customValue:ft?He(Lo,{text:`Use "${u}"`}):void 0,size:"large",children:_r(he,{"aria-label":qe||"Options",children:[He(Z,{text:"List item"}),He(Z,{text:"List item"}),He(Z,{text:"List item"})]})})})})]})};Ve.states=Wf;Ve.options=Vf;Ve.className=Vd;Ve.defaultOptions=Xd;Ve.moduleName=Xi;Ve.folderName=Wd;Ve.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 wt=Ve;import{jsx as Xf}from"react/jsx-runtime";var Jd=e=>Xf(wt,{...e});import{jsx as A_,jsxs as E_}from"react/jsx-runtime";import{jsx as __,jsxs as K_}from"react/jsx-runtime";import{jsx as $_,jsxs as W_}from"react/jsx-runtime";import{Fragment as Q_,jsx as Y_}from"react/jsx-runtime";import{Fragment as aK,jsx as oK}from"react/jsx-runtime";import{jsx as dK,jsxs as cK}from"react/jsx-runtime";import{Fragment as hK,jsx as fK,jsxs as gK}from"react/jsx-runtime";import{jsx as wK}from"react/jsx-runtime";import{jsx as yK}from"react/jsx-runtime";import{jsx as IK,jsxs as GK}from"react/jsx-runtime";import{jsx as DK,jsxs as BK}from"react/jsx-runtime";import{jsx as Mo,jsxs as jf}from"react/jsx-runtime";var Jf=Ve.states,qf=Ve.defaultOptions,Yf=Ve.options,Qf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Zf=[],Da=e=>{let{modifiers:t,...o}=e,r={},l=Mo(le,{style:{width:300},size:o.size,children:jf(he,{children:[Mo(Z,{children:"List item"}),Mo(Z,{children:"List item"}),Mo(Z,{children:"List item"})]})});return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":r.prefix=t?.[s]?Mo(p,{icon:"map-marker-target"}):void 0;break;case"suffix":r.suffix=t?.[s]?Mo(go,{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}}),Mo("div",{children:Mo(Jd,{value:"Value",style:{width:300},...o,...r})})};Da.options=Yf;Da.states=Jf;Da.variants=Zf;Da.defaultOptions=qf;Da.modifiers=Qf;Da.className=Ve.className;var qi="menu-button",qd=qi;import{jsx as og}from"react/jsx-runtime";var Yd="k-menu-button",eg=[n.hover,n.focus,n.active,n.selected,n.disabled],tg={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:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[L.undefined,L.base,L.primary,L.secondary,L.tertiary,L.success,L.warning,L.error,L.info,L.inverse]},Yi={showArrow:!0,arrowIconName:"caret-alt-down"},me=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,hover:s,focus:c,active:u,selected:T,disabled:h,icon:w,text:v,showArrow:f=Yi.showArrow,arrowIconName:y=Yi.arrowIconName,expanded:S,...I}=e;return og(m,{...I,className:a(e.className,Yd),text:v,size:t,rounded:o,fillMode:r,themeColor:l,hover:s,focus:c,active:u,selected:T,disabled:h,icon:w,showArrow:f,arrowIconName:y,"aria-expanded":S?"true":"false",...!v&&w&&!e["aria-label"]&&{"aria-label":"Menu"},...h&&{"aria-disabled":"true"}})};me.states=eg;me.options=tg;me.className=Yd;me.defaultOptions=Yi;me.moduleName=qi;me.folderName=qd;me.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};import{jsx as xD}from"react/jsx-runtime";import{jsx as vD}from"react/jsx-runtime";import{jsx as MD}from"react/jsx-runtime";var vt="menu",Dt=vt;import{jsx as Kr,jsxs as Qd}from"react/jsx-runtime";var Qi="k-menu-item",ag=[n.hover,n.focus,n.active,n.selected,n.disabled],rg={},Zd={iconPosition:"before"},Xe=e=>{let{hover:t,focus:o,active:r,selected:l,disabled:s,icon:c,text:u,first:T,last:h,showArrow:w,arrowIconName:v,iconPosition:f=Zd.iconPosition,dir:y,children:S,expanded:I,...B}=e,O=v;return O||(O=y==="rtl"?"caret-alt-left":"caret-alt-right"),Qd("li",{...B,className:a(e.className,Qi,"k-item",A(Qi,{focus:o,disabled:s,hover:t,active:r,selected:l}),{"k-first":T,"k-last":h}),role:"menuitem",...w&&{"aria-haspopup":"menu"},...w&&{"aria-expanded":I?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Qd("span",{className:a("k-link k-menu-link"),children:[c&&f==="before"&&Kr(p,{className:"k-menu-link-icon",icon:c}),Kr("span",{className:"k-menu-link-text",children:u}),c&&f==="after"&&Kr(p,{className:"k-menu-link-icon",icon:c}),w&&Kr("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Kr(p,{icon:O})})]}),S]})};Xe.states=ag;Xe.options=rg;Xe.className=Qi;Xe.defaultOptions=Zd;Xe.moduleName=vt;Xe.folderName=Dt;import{jsx as Dr,jsxs as jd}from"react/jsx-runtime";var Zi="k-menu-item",lg=[n.hover,n.focus,n.active,n.selected,n.disabled],ig={},ji={dir:"ltr",iconPosition:"before"},te=e=>{let{hover:t,focus:o,active:r,selected:l,disabled:s,icon:c,text:u,first:T,last:h,showArrow:w,arrowIconName:v,iconPosition:f=ji.iconPosition,dir:y=ji.dir,children:S,popup:I,expanded:B,...O}=e,j=v;return j||(j=y==="rtl"?"caret-alt-left":"caret-alt-right"),jd("li",{...O,className:a(e.className,Zi,"k-item",A(Zi,{focus:o,disabled:s}),{"k-first":T,"k-last":h}),role:"menuitem",...w&&{"aria-haspopup":"menu"},...w&&{"aria-expanded":B?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[jd("span",{className:a("k-link k-menu-link",A("k-menu-link",{hover:t,active:r,selected:l,disabled:s})),children:[c&&f==="before"&&Dr(p,{className:"k-menu-link-icon",icon:c}),Dr("span",{className:"k-menu-link-text",children:u}),c&&f==="after"&&Dr(p,{className:"k-menu-link-icon",icon:c}),w&&Dr("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Dr(p,{icon:j})})]}),S,I]})};te.states=lg;te.options=ig;te.className=Zi;te.defaultOptions=ji;te.moduleName=vt;te.folderName=Dt;import{jsx as cg}from"react/jsx-runtime";var ec="k-menu-scroll-wrapper",ng=[],sg={},dg={},Jo=e=>{let{className:t,children:o,orientation:r,...l}=e;return cg("div",{...l,className:a(t,ec,{"k-menu-scroll-wrapper-vertical":r==="vertical"}),children:o})};Jo.states=ng;Jo.options=sg;Jo.className=ec;Jo.defaultOptions=dg;Jo.moduleName=vt;Jo.folderName=Dt;var tc=Jo;import{Fragment as en,jsx as qo,jsxs as xl}from"react/jsx-runtime";var tn="k-menu",pg=[],mg={},kl={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Ce=e=>{let{children:t,orientation:o=kl.orientation,header:r=kl.header,scrollable:l,scrollButtonsPosition:s=kl.scrollButtonsPosition,wrapperStyles:c,dir:u,popup:T,contextMenu:h,...w}=e,v={horizontal:{prev:u!=="rtl"?"left":"right",next:u!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},f=qo("ul",{dir:u,...w,className:a(e.className,"k-reset",tn,{[`${tn}-${o}`]:o,"k-header":r}),role:h?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return xl(en,{children:[l?xl(tc,{orientation:o,style:c,dir:e.dir,children:[s==="start"&&xl(en,{children:[qo(m,{fillMode:"flat",icon:`caret-alt-${v[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),qo(m,{fillMode:"flat",icon:`caret-alt-${v[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&qo(m,{fillMode:"flat",icon:`caret-alt-${v[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),f,s==="end"&&xl(en,{children:[qo(m,{fillMode:"flat",icon:`caret-alt-${v[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),qo(m,{fillMode:"flat",icon:`caret-alt-${v[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&qo(m,{fillMode:"flat",icon:`caret-alt-${v[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):f,T]})};Ce.states=pg;Ce.options=mg;Ce.className=tn;Ce.defaultOptions=kl;Ce.moduleName=vt;Ce.folderName=Dt;Ce.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 ug}from"react/jsx-runtime";var on="k-separator",oc={orientation:"horizontal"},So=e=>{let{orientation:t=oc.orientation,...o}=e;return ug("li",{...o,className:a(e.className,"k-item",on,{[`${on}-${t}`]:t}),role:"separator"})};So.className=on;So.defaultOptions=oc;So.moduleName=vt;So.folderName=Dt;import{Fragment as o2,jsx as a2}from"react/jsx-runtime";import{jsx as gg}from"react/jsx-runtime";var an="k-menu-group",bg=[],Tg={size:[d.undefined,d.small,d.medium,d.large]},fg={},Oe=e=>{let{children:t,size:o,...r}=e;return gg("ul",{...r,className:a(e.className,an,R(an,{size:o})),role:"menu",children:t})};Oe.states=bg;Oe.options=Tg;Oe.className=an;Oe.defaultOptions=fg;Oe.moduleName=vt;Oe.folderName=Dt;import{Fragment as hg,jsx as Ba,jsxs as xg}from"react/jsx-runtime";var rn=e=>Ba(Ce,{children:xg(hg,{children:[Ba(Xe,{first:!0,text:"Item 1"}),Ba(Xe,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),Ba(Xe,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),Ba(Xe,{text:"Item 4"}),Ba(Xe,{last:!0,text:"Item 5"})]}),...e});import{Fragment as g2,jsx as T2,jsxs as f2}from"react/jsx-runtime";import{Fragment as w2,jsx as N2,jsxs as v2}from"react/jsx-runtime";import{Fragment as S2,jsx as M2,jsxs as R2}from"react/jsx-runtime";import{Fragment as O2,jsx as G2,jsxs as H2}from"react/jsx-runtime";import{jsx as Yo,jsxs as Cg}from"react/jsx-runtime";var kg=Ce.options,Ng=Ce.states,ac={...Ce.defaultOptions,variant:"horizontal"},wg=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],vg=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],za=e=>{let{variant:t,modifiers:o,...r}={...ac,...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=Yo(ne,{className:"k-menu-popup",children:Cg(Oe,{children:[Yo(te,{text:"Item 1"}),Yo(te,{text:"Item 2"}),Yo(So,{}),Yo(te,{text:"Item 3"})]})});break}}),t==="vertical"?Yo(rn,{...r,...l,orientation:"vertical",style:{width:"200px"}}):Yo(rn,{...r,...l})};za.options=kg;za.states=Ng;za.variants=wg;za.defaultOptions=ac;za.modifiers=vg;za.className=Ce.className;import{Fragment as uB,jsx as pB,jsxs as mB}from"react/jsx-runtime";import{jsx as gB}from"react/jsx-runtime";import{Fragment as Rg,jsx as Zt,jsxs as rc}from"react/jsx-runtime";var Lg=m.states,lc={...m.defaultOptions,variant:"text"},yg=m.options,Mg=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Sg=[{name:"opened",title:"Opened"}],Ua=e=>{let{variant:t,modifiers:o,...r}={...lc,...e},l={},s=Zt(ne,{className:"k-menu-popup",children:rc(Oe,{size:r.size,children:[Zt(te,{first:!0,text:"Menu Item"}),Zt(te,{text:"Menu Item"}),Zt(te,{last:!0,text:"Menu Item"})]})}),c;switch(t){case"icon-only":c=Zt("div",{children:Zt(me,{...r,...l,icon:"star"})});break;case"icon-and-text":c=Zt("div",{children:Zt(me,{...r,...l,icon:"star",children:"Dropdown Button"})});break;default:c=Zt("div",{children:Zt(me,{...r,...l,children:"Dropdown Button"})});break}return rc(Rg,{children:[c,o?.opened&&s]})};Ua.options=yg;Ua.states=Lg;Ua.variants=Mg;Ua.defaultOptions=lc;Ua.modifiers=Sg;Ua.className=me.className;var ln="split-button",ic=ln;import{Fragment as Ig,jsx as nn,jsxs as nc}from"react/jsx-runtime";var sn="k-split-button",Ag=[n.hover,n.focus,n.active,n.selected,n.disabled],Eg={size:[d.undefined,d.small,d.medium,d.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[L.undefined,L.base,L.primary,L.secondary,L.tertiary,L.success,L.warning,L.error,L.info,L.inverse]},sc={arrowIconName:"caret-alt-down"},ae=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,hover:s,focus:c,active:u,selected:T,disabled:h,icon:w,text:v,arrowIconName:f=sc.arrowIconName,popup:y,opened:S,popupId:I,...B}=e;return nc(Ig,{children:[nc("div",{...B,className:a(e.className,sn,"k-button-group",R(sn,{rounded:o})),children:[nn(m,{text:v,icon:w,size:t,rounded:o,fillMode:r,themeColor:l,hover:s,focus:c,active:u,selected:T,disabled:h,...!v&&!e.children&&w&&{"aria-label":"Action"},children:e.children}),nn(m,{className:"k-split-button-arrow",icon:f,size:t,rounded:o,fillMode:r,disabled:h,"aria-label":"Toggle dropdown","aria-expanded":S?"true":"false","aria-controls":S?I:void 0,tabIndex:-1,...h&&{"aria-disabled":"true"}})]}),S&&y&&nn(ne,{className:"k-menu-popup",children:y})]})};ae.states=Ag;ae.options=Eg;ae.className=sn;ae.defaultOptions=sc;ae.moduleName=ln;ae.folderName=ic;ae.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var dn=ae;import{jsx as Og}from"react/jsx-runtime";var Gg="k-toolbar-separator",$t=e=>Og("div",{className:a(Gg,e.className,"k-separator")});var no="toolbar",Ro=no;import{Fragment as cn,jsx as se,jsxs as Fa}from"react/jsx-runtime";var so="k-toolbar",Hg=[n.focus],Pg={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},_g={scrollButtons:"around"},de=e=>{let{size:t,fillMode:o,focus:r,resizable:l,scrollable:s,scrollButtons:c,scrollingPosition:u,section:T,...h}=e,w=[],v=(f,y)=>{let S=[];if(f.type===m&&f.props.className&&f.props.className.includes("k-toolbar-overflow-button"))S.push(se(m,{...f.props,className:`${f.props.className?f.props.className:""}`},`${y}-${new Date().getTime()}`));else if(f.type===m)S.push(se(m,{...f.props,className:`k-toolbar-button ${f.props.className?f.props.className:""}`},`${y}-${new Date().getTime()}`));else if(f.type===wr)S.push(se(wr,{...f.props,className:`k-toolbar-button ${f.props.className?f.props.className:""}`},`${y}-${new Date().getTime()}`));else if(f.type===go)S.push(se(go,{...f.props,className:`k-toolbar-button ${f.props.className?f.props.className:""}`},`${y}-${new Date().getTime()}`));else if(f.type===me)S.push(se(me,{...f.props,className:`k-toolbar-menu-button ${f.props.className?f.props.className:""}`},`${y}-${new Date().getTime()}`));else if(f.type===dn)S.push(se(dn,{...f.props,className:`k-toolbar-split-button ${f.props.className?f.props.className:""}`},`${y}-${new Date().getTime()}`));else if(f.type===$||f.props.className&&f.props.className.includes("k-button-group")){let I=[];(Array.isArray(f.props.children)?f.props.children:[f.props.children]).forEach((O,j)=>{I.push(se(m,{...O.props,className:`${O.props.className?O.props.className:""}`},`${j}-${new Date().getTime()}`))}),S.push(se($,{...f.props,className:`k-toolbar-button-group ${f.props.className?f.props.className:""}`,children:I},`${y}-${new Date().getTime()}`))}else f.type===Ve?S.push(se(Ve,{...f.props,className:`k-toolbar-combobox ${f.props.className?f.props.className:""}`},`${y}-${new Date().getTime()}`)):f.type===pe?S.push(se(pe,{...f.props,className:`k-toolbar-dropdownlist ${f.props.className?f.props.className:""}`},`${y}-${new Date().getTime()}`)):f.type===Nt?S.push(se(Nt,{...f.props,className:`k-toolbar-colorpicker ${f.props.className?f.props.className:""}`},`${y}-${new Date().getTime()}`)):S.push(f);S.forEach(I=>{w.push(I)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((y,S)=>{v(y,S)}),Fa("div",{...h,className:a(e.className,so,R(so,{size:t,fillMode:o}),A(so,{focus:r}),{[`${so}-resizable`]:l,[`${so}-scrollable`]:s,[`${so}-scrollable-overlay`]:s&&c==="hidden",[`${so}-scrollable-${u}`]:u&&u!=="both",[`${so}-section`]:T}),role:"toolbar","aria-label":"Toolbar",children:[!s&&w,s&&c==="hidden"&&se("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:w}),s&&c==="start"&&Fa(cn,{children:[Fa($,{children:[se("span",{className:a("k-toolbar-prev","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:se(p,{className:"k-button-icon",icon:"caret-alt-left"})}),se("span",{className:a("k-toolbar-next","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:se(p,{className:"k-button-icon",icon:"caret-alt-right"})})]}),se($t,{className:"k-toolbar-button-separator"}),se("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:w})]}),s&&c==="end"&&Fa(cn,{children:[se("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:w}),se($t,{className:"k-toolbar-button-separator"}),Fa($,{children:[se("span",{className:a("k-toolbar-prev","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:se(p,{className:"k-button-icon",icon:"caret-alt-left"})}),se("span",{className:a("k-toolbar-next","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:se(p,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),s&&(c==="around"||!c)&&Fa(cn,{children:[se("span",{className:a("k-toolbar-prev","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:se(p,{className:"k-button-icon",icon:"caret-alt-left"})}),se($t,{className:"k-toolbar-button-separator"}),se("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:w}),se($t,{className:"k-toolbar-button-separator"}),se("span",{className:a("k-toolbar-next","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:se(p,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};de.states=Hg;de.options=Pg;de.className=so;de.defaultOptions=_g;de.moduleName=no;de.folderName=Ro;de.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 zg}from"react/jsx-runtime";var dc="k-floating-toolbar",Kg=[],Dg={},Bg={},$a=e=>{let{...t}=e;return zg("div",{...t,className:a(e.className,dc),children:e.children})};$a.states=Kg;$a.options=Dg;$a.className=dc;$a.defaultOptions=Bg;$a.moduleName=no;$a.folderName=Ro;import{jsx as Wg}from"react/jsx-runtime";var pn="k-toolbar-item",Ug=[n.focus],Fg={},$g={},Wa=e=>{let{focus:t,...o}=e;return Wg("div",{...o,className:a(e.className,pn,A(pn,{focus:t})),children:e.children})};Wa.states=Ug;Wa.options=Fg;Wa.className=pn;Wa.defaultOptions=$g;Wa.moduleName=no;Wa.folderName=Ro;import{jsx as cc}from"react/jsx-runtime";var pc="k-toolbar-popup",Vg=[],Xg={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},Jg={},Qo=e=>{let{size:t,fillMode:o,section:r,...l}=e;return cc(ne,{...l,className:a(e.className,pc),children:r?cc("span",{className:a("k-toolbar-items-list",R("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};Qo.states=Vg;Qo.options=Xg;Qo.className=pc;Qo.defaultOptions=Jg;Qo.moduleName=no;Qo.folderName=Ro;var Nl=Qo;import{jsx as k3}from"react/jsx-runtime";import{jsx as C3}from"react/jsx-runtime";import{jsx as S3}from"react/jsx-runtime";import{jsx as O3,jsxs as H3}from"react/jsx-runtime";import{jsx as D3}from"react/jsx-runtime";import{jsx as co,jsxs as jg}from"react/jsx-runtime";var qg=ae.states,mc={...ae.defaultOptions,variant:"text"},Yg=ae.options,Qg=[{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}={...mc,...e},l={},s=jg(Oe,{size:r.size,children:[co(te,{first:!0,text:"Menu Item"}),co(te,{text:"Menu Item"}),co(te,{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 co("div",{children:co(ae,{...r,...l,icon:"star"})});case"icon-and-text":return co("div",{children:co(ae,{...r,...l,icon:"star",children:"Split Button"})});default:return co("div",{children:co(ae,{...r,...l,children:"Split Button"})})}};Va.options=Yg;Va.states=qg;Va.variants=Qg;Va.defaultOptions=mc;Va.modifiers=Zg;Va.className=ae.className;import{jsx as Zo,jsxs as eh}from"react/jsx-runtime";var uc=e=>Zo(de,{children:[Zo(m,{children:"Button"},"toolbar-button"),Zo(me,{text:"Menu button"},"toolbar-menu-button"),Zo(ae,{children:"Split button"},"toolbar-split-button"),eh($,{children:[Zo(m,{className:"k-group-start",icon:"align-left",children:"Left"}),Zo(m,{icon:"align-center",children:"Center"}),Zo(m,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as b5,jsxs as T5}from"react/jsx-runtime";import{jsx as Ct,jsxs as bc}from"react/jsx-runtime";var Tc=e=>Ct(de,{scrollable:!0,...e,children:[Ct(m,{children:"Button"},"toolbar-button"),Ct(me,{text:"Menu button"},"toolbar-menu-button"),Ct(ae,{children:"Split button"},"toolbar-split-button"),bc($,{children:[Ct(m,{className:"k-group-start",icon:"align-left",children:"Left"}),Ct(m,{icon:"align-center",children:"Center"}),Ct(m,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Ct(m,{children:"Button"},"toolbar-button"),Ct(me,{text:"Menu button"},"toolbar-menu-button"),Ct(ae,{children:"Split button"},"toolbar-split-button"),bc($,{children:[Ct(m,{className:"k-group-start",icon:"align-left",children:"Left"}),Ct(m,{icon:"align-center",children:"Center"}),Ct(m,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Lt,jsxs as fc}from"react/jsx-runtime";var gc=({scrollingPosition:e="start",...t})=>Lt(de,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[Lt(m,{children:"Button"},"toolbar-button"),Lt(me,{text:"Menu button"},"toolbar-menu-button"),Lt(ae,{children:"Split button"},"toolbar-split-button"),fc($,{children:[Lt(m,{className:"k-group-start",icon:"align-left",children:"Left"}),Lt(m,{icon:"align-center",children:"Center"}),Lt(m,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Lt(m,{children:"Button"},"toolbar-button"),Lt(me,{text:"Menu button"},"toolbar-menu-button"),Lt(ae,{children:"Split button"},"toolbar-split-button"),fc($,{children:[Lt(m,{className:"k-group-start",icon:"align-left",children:"Left"}),Lt(m,{icon:"align-center",children:"Center"}),Lt(m,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as th,jsx as st,jsxs as wl}from"react/jsx-runtime";var hc=({fillMode:e,size:t,...o})=>wl(th,{children:[st(de,{section:!0,fillMode:e,size:t,children:[st(m,{fillMode:e,size:t,children:"Button"},"toolbar-button"),wl($,{fillMode:e,children:[st(m,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),st(m,{icon:"align-center",fillMode:e,size:t,children:"Center"}),st(m,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),st($t,{className:"k-toolbar-button-separator"}),st(m,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),wl(Nl,{size:t,fillMode:e,section:!0,...o,children:[st(ae,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),st(m,{fillMode:e,size:t,children:"Button"},"toolbar-button"),st($t,{}),st(me,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),wl($,{fillMode:e,children:[st(m,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),st(m,{icon:"align-center",fillMode:e,size:t,children:"Center"}),st(m,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as J5,jsx as V5,jsxs as X5}from"react/jsx-runtime";import{Fragment as lz,jsx as az,jsxs as rz}from"react/jsx-runtime";import{jsx as Ao}from"react/jsx-runtime";var oh=de.options,ah=de.states,xc={...de.defaultOptions,variant:"default"},rh=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],lh=[],Xa=e=>{let{variant:t,...o}={...xc,...e};switch(t){case"responsive":return Ao("div",{children:Ao(hc,{style:{width:"583px"},...o})});case"overlay":return Ao("div",{children:Ao(gc,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Ao("div",{children:Ao(Tc,{style:{width:"583px"},...o})});default:return Ao("div",{children:Ao(uc,{style:{width:"583px"},...o})})}};Xa.options=oh;Xa.states=ah;Xa.variants=rh;Xa.defaultOptions=xc;Xa.modifiers=lh;Xa.className=de.className;import{jsx as ih}from"react/jsx-runtime";var kc="k-gantt-header",jo=e=>ih(de,{...e,className:a(e.className,kc,"k-gantt-toolbar"),children:e.children});jo.className=kc;jo.moduleName=be;jo.folderName=ge;import{jsx as nh}from"react/jsx-runtime";var Nc="k-gantt-footer",Ja=e=>nh(de,{...e,className:a(e.className,Nc,"k-gantt-toolbar"),children:e.children});Ja.className=Nc;Ja.moduleName=be;Ja.folderName=ge;import{jsx as sh}from"react/jsx-runtime";var wc="k-gantt-content",ea=e=>sh("div",{...e,className:a(e.className,wc),children:e.children});ea.className=wc;ea.moduleName=be;ea.folderName=ge;import{jsx as dh}from"react/jsx-runtime";var vc="k-gantt-tables",ta=e=>dh("div",{...e,className:a(e.className,vc),children:e.children});ta.className=vc;ta.moduleName=be;ta.folderName=ge;var Ue="table",Je=Ue;import{jsx as uh}from"react/jsx-runtime";var Cc="k-data-table",ch=[],ph={size:[d.undefined,d.small,d.medium,d.large]},mh={},po=e=>{let{size:t,...o}=e;return uh("div",{...o,className:a(e.className,Cc,R("k-table",{size:t})),children:e.children})};po.states=ch;po.options=ph;po.className=Cc;po.defaultOptions=mh;po.moduleName=Ue;po.folderName=Je;import{jsx as gh}from"react/jsx-runtime";var mn="k-table-header-wrap",bh=[n.hover,n.focus,n.disabled],Th={},fh={},Eo=e=>{let{children:t,hover:o,focus:r,disabled:l,...s}=e;return gh("div",{...s,className:a(e.className,mn,A(mn,{hover:o,focus:r,disabled:l})),children:t})};Eo.states=bh;Eo.options=Th;Eo.className=mn;Eo.defaultOptions=fh;Eo.moduleName=Ue;Eo.folderName=Je;import{jsx as Nh}from"react/jsx-runtime";var un="k-table",hh=[],xh={size:[d.undefined,d.small,d.medium,d.large]},kh={},Le=e=>{let{size:t,...o}=e;return Nh("table",{...o,className:a(e.className,un,R(un,{size:t})),children:e.children})};Le.states=hh;Le.options=xh;Le.className=un;Le.defaultOptions=kh;Le.moduleName=Ue;Le.folderName=Je;import{jsx as bn}from"react/jsx-runtime";var Tn="k-table-header",wh=[n.hover,n.focus,n.disabled],vh={},Ch={},mo=e=>{let{children:t,hover:o,focus:r,disabled:l,...s}=e;return bn("div",{...s,className:a(e.className,Tn,A(Tn,{hover:o,focus:r,disabled:l})),children:bn(Eo,{children:bn(Le,{children:t})})})};mo.states=wh;mo.options=vh;mo.className=Tn;mo.defaultOptions=Ch;mo.moduleName=Ue;mo.folderName=Je;import{jsx as Sh}from"react/jsx-runtime";var Lc="k-table-scroller",Lh=[],yh={},Mh={},qa=e=>{let{children:t,...o}=e;return Sh("div",{...o,className:a(e.className,Lc),children:t})};qa.states=Lh;qa.options=yh;qa.className=Lc;qa.defaultOptions=Mh;qa.moduleName=Ue;qa.folderName=Je;import{jsx as kU}from"react/jsx-runtime";import{jsx as Ih}from"react/jsx-runtime";var yc="k-table-footer",Rh=[],Ah={},Eh={},Io=e=>{let{children:t,...o}=e;return Ih("div",{...o,className:a(e.className,yc),children:t})};Io.states=Rh;Io.options=Ah;Io.className=yc;Io.defaultOptions=Eh;Io.moduleName=Ue;Io.folderName=Je;import{jsx as Ph}from"react/jsx-runtime";var fn="k-table-list",Gh=[],Oh={size:[d.undefined,d.small,d.medium,d.large]},Hh={},Go=e=>{let{size:t,virtualization:o,...r}=e;return Ph("ul",{...r,className:a(e.className,"k-table",fn,R(fn,{size:t}),{"k-virtual-table":o}),children:e.children})};Go.states=Gh;Go.options=Oh;Go.className=fn;Go.defaultOptions=Hh;Go.moduleName=Ue;Go.folderName=Je;import{jsx as Kh}from"react/jsx-runtime";var _h="k-table-thead",P=e=>Kh("thead",{className:a(e.className,_h),children:e.children});import{jsx as Bh}from"react/jsx-runtime";var Dh="k-table-tbody",_=e=>Bh("tbody",{className:a(e.className,Dh),children:e.children});import{jsx as KU}from"react/jsx-runtime";import{jsx as Uh}from"react/jsx-runtime";var gn="k-table-row",zh=[n.hover,n.focus,n.selected,n.disabled,n.highlighted],g=e=>{let{hover:t,focus:o,selected:r,highlighted:l,disabled:s,alt:c,...u}=e;return Uh("tr",{...u,className:a(e.className,gn,{"k-table-alt-row":c},A(gn,{hover:t,focus:o,disabled:s,selected:r,highlighted:l})),children:e.children})};g.states=zh;g.className=gn;import{jsx as $h}from"react/jsx-runtime";var hn="k-table-row",Fh=[n.hover,n.focus,n.selected,n.disabled],vl=e=>{let{hover:t,focus:o,selected:r,disabled:l,alt:s,...c}=e;return $h("li",{...c,className:a(e.className,hn,{"k-table-alt-row":s},A(hn,{hover:t,focus:o,disabled:l,selected:r})),children:e.children})};vl.states=Fh;vl.className=hn;import{jsx as Wh}from"react/jsx-runtime";var Mc="k-table-th",uo=e=>{let{text:t,colspan:o,rowspan:r,...l}=e,s=t||e.children;return Wh("th",{colSpan:o,rowSpan:r,...l,className:a(e.className,Mc),children:s})};uo.className=Mc;uo.moduleName=Ue;uo.folderName=Je;import{jsx as ZU}from"react/jsx-runtime";import{jsx as Xh}from"react/jsx-runtime";var xn="k-table-td",Vh=[n.focus,n.selected,n.highlighted],i=e=>{let{focus:t,selected:o,highlighted:r,text:l,colspan:s,rowspan:c,...u}=e,T=l||e.children;return Xh("td",{colSpan:s,rowSpan:c,...u,className:a(e.className,xn,A(xn,{focus:t,selected:o,highlighted:r})),children:T})};i.states=Vh;i.className=xn;import{jsx as l6}from"react/jsx-runtime";import{jsx as d6}from"react/jsx-runtime";import{jsx as u6}from"react/jsx-runtime";import{jsx as g6}from"react/jsx-runtime";import{jsx as N6}from"react/jsx-runtime";import{jsx as S6,jsxs as R6}from"react/jsx-runtime";import{jsx as G6,jsxs as O6}from"react/jsx-runtime";import{jsx as K6,jsxs as D6}from"react/jsx-runtime";import{Fragment as W6,jsx as F6,jsxs as $6}from"react/jsx-runtime";import{jsx as Yh}from"react/jsx-runtime";var Ac="k-gantt-columns",oa=e=>Yh(Le,{...e,className:a(e.className,Ac),role:"presentation",children:e.children});oa.className=Ac;oa.moduleName=be;oa.folderName=ge;import{jsx as Qh}from"react/jsx-runtime";var Ec="k-gantt-rows",aa=e=>Qh(Le,{...e,className:a(e.className,Ec),role:"presentation",children:e.children});aa.className=Ec;aa.moduleName=be;aa.folderName=ge;import{jsx as Zh}from"react/jsx-runtime";var Ic="k-gantt-tasks",ra=e=>Zh(Le,{...e,className:a(e.className,Ic),role:"presentation",children:e.children});ra.className=Ic;ra.moduleName=be;ra.folderName=ge;import{jsx as tx}from"react/jsx-runtime";var Gc="k-task",jh=[],ex={},Oc={type:"single"},dt=e=>{let{type:t=Oc.type,ariaLevel:o,...r}=e;return tx("div",{...r,className:a(e.className,Gc,{"k-task-single":t==="single","k-task-milestone":t==="milestone","k-task-summary":t==="summary"}),role:"treeitem",...o!==void 0&&{"aria-level":o}})};dt.states=jh;dt.options=ex;dt.className=Gc;dt.defaultOptions=Oc;dt.moduleName=be;dt.folderName=ge;import{jsx as rx}from"react/jsx-runtime";var Hc="k-task-wrap",ox=[],ax={},Pc={type:"single"},ct=e=>{let{type:t=Pc.type,...o}=e;return rx("div",{...o,className:a(e.className,Hc,{"k-milestone-wrap":t==="milestone","k-summary-wrap":t==="summary"})})};ct.states=ox;ct.options=ax;ct.className=Hc;ct.defaultOptions=Pc;ct.moduleName=be;ct.folderName=ge;import{jsx as nx}from"react/jsx-runtime";var _c="k-task-dot",lx=[],ix={},Kc={position:"start"},Pe=e=>{let{position:t=Kc.position,...o}=e;return nx("div",{...o,className:a(e.className,_c,{"k-task-start":t==="start","k-task-end":t==="end"}),"aria-hidden":"true"})};Pe.states=lx;Pe.options=ix;Pe.className=_c;Pe.defaultOptions=Kc;Pe.moduleName=be;Pe.folderName=ge;import{jsx as Ya,jsxs as px}from"react/jsx-runtime";var Dc="k-task-content",sx=[],dx={},cx={},Wt=e=>{let{content:t,...o}=e;return px("div",{...o,className:a(e.className,Dc),children:[t&&Ya("div",{className:"k-task-template",children:t}),Ya("span",{className:"k-task-actions","aria-hidden":"true",children:Ya("a",{className:"k-link k-task-delete",children:Ya(p,{icon:"x"})})}),Ya("span",{className:"k-resize-handle k-resize-w","aria-hidden":"true"}),Ya("span",{className:"k-resize-handle k-resize-e","aria-hidden":"true"})]})};Wt.states=sx;Wt.options=dx;Wt.className=Dc;Wt.defaultOptions=cx;Wt.moduleName=be;Wt.folderName=ge;import{jsx as bx}from"react/jsx-runtime";var Bc="k-gantt-line",mx=[],ux={},zc={orientation:"horizontal"},ye=e=>{let{orientation:t=zc.orientation,...o}=e;return bx("div",{...o,className:a(e.className,Bc,{"k-gantt-line-h":t==="horizontal","k-gantt-line-v":t==="vertical"}),"aria-hidden":"true"})};ye.states=mx;ye.options=ux;ye.className=Bc;ye.defaultOptions=zc;ye.moduleName=be;ye.folderName=ge;var re="grid",ie=re;import{jsx as hx,jsxs as xx}from"react/jsx-runtime";var Cl="k-grid",Tx=[],fx={size:[d.undefined,d.small,d.medium,d.large]},gx=[],Uc={pagerPosition:"bottom"},W=e=>{let{size:t,pagerPosition:o=Uc.pagerPosition,toolbar:r,pager:l,groupingHeader:s,gridSelectionAggregates:c,_renderAriaRoot:u,resizable:T,ariaColCount:h,ariaRowCount:w,ariaRootId:v,ariaRole:f="grid",...y}=e;return xx("div",{...y,className:a(e.className,Cl,{[`${Cl}-resizable`]:T},R(Cl,{size:t})),children:[r,o==="top"&&l,s,e.children&&u?hx("div",{className:"k-grid-aria-root",role:f,id:v,"aria-colcount":h,"aria-rowcount":w,children:e.children}):e.children,c,o==="bottom"&&l]})};W.states=Tx;W.options=fx;W.variants=gx;W.className=Cl;W.defaultOptions=Uc;W.moduleName=re;W.folderName=ie;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 kx}from"react/jsx-runtime";var Fc="k-grid-header",K=e=>{let{draggable:t,...o}=e;return kx("div",{...o,className:a(e.className,Fc,{"k-grid-draggable-header":t}),children:e.children})};K.className=Fc;K.moduleName=re;K.folderName=ie;import{jsx as $c,jsxs as Nx}from"react/jsx-runtime";var Wc="k-grouping-header",jt=e=>{let{dropHint:t,dropClue:o,...r}=e;return Nx("div",{...r,className:a(e.className,Wc),children:[o&&$c("div",{className:"k-grouping-dropclue"}),e.children,$c("div",{className:"k-grouping-drop-container",children:t})]})};jt.className=Wc;jt.moduleName=re;jt.folderName=ie;import{jsx as wx}from"react/jsx-runtime";var Vc="k-grid-pinned-container",Br=e=>{let{position:t,...o}=e;return wx("div",{...o,className:a(e.className,Vc,{"k-pos-bottom":t==="bottom"}),children:e.children})};Br.className=Vc;Br.moduleName=re;Br.folderName=ie;import{jsx as vx}from"react/jsx-runtime";var Xc="k-grid-sticky-container",zr=e=>{let{position:t,...o}=e;return vx("div",{...o,className:a(e.className,Xc,{"k-pos-bottom":t==="bottom"}),children:e.children})};zr.className=Xc;zr.moduleName=re;zr.folderName=ie;import{jsx as Cx}from"react/jsx-runtime";var Jc="k-grid-header-table",D=e=>Cx(Le,{...e,className:a(e.className,Jc),children:e.children});D.className=Jc;D.moduleName=re;D.folderName=ie;import{jsx as Oo,jsxs as kn}from"react/jsx-runtime";var Nn="k-header",Lx=[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:T,active:h,sortIcon:w=qc.sortIcon,sortOrder:v,accessibleLabel:f,...y}=e;return kn(uo,{...y,className:a(e.className,Nn,{"k-filterable":t||r,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":s},A(Nn,{hover:u,focus:T,active:h})),children:[c&&kn("span",{className:"k-cell-inner",children:[kn("span",{className:"k-link",children:[Oo("span",{className:"k-column-title",children:c}),o&&Oo("span",{className:"k-sort-icon",children:Oo(p,{icon:w})}),v&&Oo("span",{className:"k-sort-order",children:v})]}),t&&Oo("a",{className:a("k-grid-header-menu",{"k-active":h,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:Oo(p,{icon:t==="filter"?"filter":"more-vertical"})})]}),!c&&f&&Oo("span",{className:"k-sr-only",children:f}),e.children,s&&Oo("span",{className:"k-column-resizer k-touch-action-none"})]})};C.states=Lx;C.className=Nn;C.defaultOptions=qc;C.moduleName=re;C.folderName=ie;import{jsx as yx}from"react/jsx-runtime";var Yc="k-grid-container",V=e=>yx("div",{...e,className:a(e.className,Yc),children:e.children});V.className=Yc;V.moduleName=re;V.folderName=ie;import{jsx as Mx}from"react/jsx-runtime";var Qc="k-grid-content",z=e=>Mx("div",{...e,className:a(e.className,Qc),children:e.children});z.className=Qc;z.moduleName=re;z.folderName=ie;import{jsx as Sx}from"react/jsx-runtime";var Zc="k-grid-table",U=e=>Sx(Le,{...e,className:a(e.className,Zc),children:e.children});U.className=Zc;U.moduleName=re;U.folderName=ie;import{jsx as Rx}from"react/jsx-runtime";var jc="k-grid-footer",Ll=e=>Rx("div",{...e,className:a(e.className,jc),children:e.children});Ll.className=jc;Ll.moduleName=re;Ll.folderName=ie;import{jsx as Ax}from"react/jsx-runtime";var ep="k-grid-footer-table",yl=e=>Ax(Le,{...e,className:a(e.className,ep),children:e.children});yl.className=ep;yl.moduleName=re;yl.folderName=ie;var wn="pager",tp=wn;import{Fragment as op,jsx as pt,jsxs as Qa}from"react/jsx-runtime";var Ml="k-pager",Ex=[n.focus,n.disabled],Ix={size:[d.undefined,d.small,d.medium,d.large]},yt={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},Ne=e=>{let{responsive:t=yt.responsive,size:o,pagerSizeInfo:r=yt.pagerSizeInfo,pageTitleInfo:l=yt.pageTitleInfo,maxPagesInfo:s=yt.maxPagesInfo,itemsPerPage:c=yt.itemsPerPage,maxPages:u=yt.maxPages,currentPage:T=yt.currentPage,previousNext:h=yt.previousNext,type:w=yt.type,pageSizes:v=yt.pageSizes,refresh:f=yt.refresh,info:y=yt.info,focus:S,disabled:I,dir:B,...O}=e,j=[],ve=[];for(let ue=1;ue<=u;ue++)j.push(pt(m,{selected:ue===T,fillMode:"flat",themeColor:"primary",size:o,"aria-label":`Page ${ue}`,...ue===T&&{"aria-current":"page"},children:ue},ue)),ve.push(pt("option",{selected:ue===T,children:ue},ue));return Qa("div",{dir:B,...O,className:a(e.className,Ml,R(Ml,{size:o}),A(Ml,{focus:S,disabled:I}),{"k-pager-responsive":t}),role:"application","aria-roledescription":"pager","aria-keyshortcuts":"Enter ArrowRight ArrowLeft","aria-label":`Page ${T} of ${u}`,children:[Qa("div",{className:a("k-pager-numbers-wrap"),children:[h&&Qa(op,{children:[pt(m,{className:a("k-pager-nav","k-pager-first"),ariaDisabled:T===1,fillMode:"flat",size:o,icon:B==="rtl"?"caret-alt-to-right":"caret-alt-to-left",title:"Go to the first page","aria-label":"Go to the first page"}),pt(m,{className:a("k-pager-nav"),ariaDisabled:T===1,fillMode:"flat",size:o,icon:B==="rtl"?"caret-alt-right":"caret-alt-left",title:"Go to the previous page","aria-label":"Go to the previous page"})]}),w==="numeric"&&pt("div",{className:a("k-pager-numbers"),children:j}),w==="input"&&Qa("span",{className:a("k-pager-input"),children:[l&&pt("span",{children:"Page"}),pt(ee,{value:`${T}`,size:o,showSpinButton:!1,showClearButton:!1,"aria-label":"Current page"}),pt("span",{children:s&&`of ${u}`})]}),h&&Qa(op,{children:[pt(m,{className:a("k-pager-nav"),ariaDisabled:T===u,fillMode:"flat",size:o,icon:B==="rtl"?"caret-alt-left":"caret-alt-right",title:"Go to the next page","aria-label":"Go to the next page"}),pt(m,{className:a("k-pager-nav","k-pager-last"),ariaDisabled:T===u,fillMode:"flat",size:o,icon:B==="rtl"?"caret-alt-to-left":"caret-alt-to-right",title:"Go to the last page","aria-label":"Go to the last page"})]})]}),v&&Qa("span",{className:a("k-pager-sizes"),children:[pt(pe,{value:`${c}`,size:o,"aria-label":"Items per page"}),r&&pt("span",{children:"items per page"})]}),f&&pt(m,{className:a("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw",title:"Refresh","aria-label":"Refresh"}),y&&pt("span",{className:a("k-pager-info"),children:y})]})};Ne.states=Ex;Ne.options=Ix;Ne.className=Ml;Ne.defaultOptions=yt;Ne.moduleName=wn;Ne.folderName=tp;Ne.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 h7}from"react/jsx-runtime";import{jsx as w7}from"react/jsx-runtime";import{jsx as y7}from"react/jsx-runtime";import{jsx as ap}from"react/jsx-runtime";var Gx=Ne.options,Ox=Ne.states,Hx={...Ne.defaultOptions,variant:"numeric"},Px=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],_x=[],Za=e=>{let{variant:t,...o}=e;return t==="input"?ap(Ne,{...o,type:"input"}):ap(Ne,{...o,type:"numeric"})};Za.options=Gx;Za.states=Ox;Za.variants=Px;Za.defaultOptions=Hx;Za.modifiers=_x;Za.className=Ne.className;import{jsx as Kx}from"react/jsx-runtime";var rp="k-grid-pager",Bt=e=>Kx(Ne,{...e,className:a(e.className,rp),children:e.children});Bt.className=rp;Bt.moduleName=re;Bt.folderName=ie;import{jsx as Dx}from"react/jsx-runtime";var lp="k-grid-toolbar",eo=e=>Dx(de,{...e,className:a(e.className,lp),children:e.children});eo.className=lp;eo.moduleName=re;eo.folderName=ie;import{jsx as vn,jsxs as zx}from"react/jsx-runtime";var Cn="k-grid-stack-cell",Bx=[n.focus,n.selected],Sl=e=>{let{cellHeader:t,cellContent:o,edit:r,commandCell:l,dirty:s,focus:c,selected:u,...T}=e;return zx("div",{...T,className:a(e.className,Cn,{"k-grid-stack-edit-cell":r,"k-command-cell":l,"k-dirty-cell":s},A(Cn,{focus:c,selected:u})),children:[s&&vn("span",{className:"k-dirty"}),t&&vn("div",{className:"k-grid-stack-header",children:t}),vn("div",{className:"k-grid-stack-content",children:o}),e.children]})};Sl.states=Bx;Sl.className=Cn;Sl.moduleName=re;Sl.folderName=ie;import{jsx as Ux}from"react/jsx-runtime";var ip="k-grid-stack-row",Rl=e=>{let{cols:t,...o}=e;return Ux("div",{...o,className:a(e.className,ip,{[`k-grid-cols-${t}`]:t}),children:e.children})};Rl.className=ip;Rl.moduleName=re;Rl.folderName=ie;import{Fragment as c9,jsx as s9,jsxs as d9}from"react/jsx-runtime";import{Fragment as g9,jsx as T9,jsxs as f9}from"react/jsx-runtime";var at="column-menu",mt=at;import{jsx as Wx}from"react/jsx-runtime";var Ln="k-column-menu",Fx=[],$x={size:[d.undefined,d.small,d.medium,d.large]},np={view:"list"},bo=e=>{let{view:t=np.view,size:o,...r}=e;return Wx("div",{...r,className:a(e.className,Ln,R(Ln,{size:o}),{"k-column-menu-tabbed":t==="tabbed"}),children:e.children})};bo.states=Fx;bo.options=$x;bo.className=Ln;bo.defaultOptions=np;bo.moduleName=at;bo.folderName=mt;bo.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 sp}from"react/jsx-runtime";var yn="k-column-list",Vx=[],Xx={size:[d.undefined,d.small,d.medium,d.large]},Jx={},la=e=>{let{size:t,...o}=e;return sp("div",{className:"k-column-list-wrapper",children:sp("div",{...o,className:a(e.className,yn,R(yn,{size:t})),role:"listbox","aria-multiselectable":"true",children:e.children})})};la.states=Vx;la.options=Xx;la.className=yn;la.defaultOptions=Jx;la.moduleName=at;la.folderName=mt;import{jsx as dp,jsxs as Zx}from"react/jsx-runtime";var Mn="k-column-list-item",qx=[n.focus,n.disabled,n.hover],Yx={},Qx={},Ur=e=>{let{label:t,checked:o,focus:r,hover:l,disabled:s,...c}=e;return Zx("span",{...c,className:a(e.className,Mn,A(Mn,{focus:r,hover:l,disabled:s})),role:"option","aria-checked":o?"true":"false",children:[dp(Ke,{disabled:s,checked:o,"aria-label":t}),dp("span",{className:"k-checkbox-label",children:t})]})};Ur.states=qx;Ur.options=Yx;Ur.className=Mn;Ur.defaultOptions=Qx;import{jsx as Sn,jsxs as cp}from"react/jsx-runtime";var Rn="k-columnmenu-item",jx=[n.focus,n.selected],ek={},tk={},To=e=>{let{focus:t,selected:o,text:r,startIcon:l,endIcon:s,sortIndex:c,...u}=e;return cp("div",{...u,className:a(e.className,Rn,A(Rn,{focus:t,selected:o})),role:"button",tabIndex:0,children:[l&&Sn(p,{icon:l}),r,s&&cp("span",{className:"k-columnmenu-indicators",children:[Sn(p,{icon:s}),c&&Sn("span",{className:"k-sort-index",children:c})]}),e.children]})};To.states=jx;To.options=ek;To.className=Rn;To.defaultOptions=tk;To.moduleName=at;To.folderName=mt;import{jsx as D9}from"react/jsx-runtime";import{jsx as ak}from"react/jsx-runtime";var ok="k-columnmenu-item-content",pp=e=>ak("div",{...e,className:a(e.className,ok,"k-columns-item"),children:e.children});import{jsx as mp}from"react/jsx-runtime";var up="k-filter-menu",rk=[],lk={},ik={},Ho=e=>{let{...t}=e;return mp("form",{...t,className:a(e.className,up),children:mp("div",{className:"k-filter-menu-container",children:e.children})})};Ho.states=rk;Ho.options=lk;Ho.className=up;Ho.defaultOptions=ik;Ho.moduleName=at;Ho.folderName=mt;import{jsx as Y9}from"react/jsx-runtime";import{jsx as An,jsxs as ck}from"react/jsx-runtime";var nk="k-item",sk={size:[d.undefined,d.small,d.medium,d.large]},dk=[],En=e=>{let{text:t,size:o,...r}=e;return An("li",{...r,className:a(e.className,nk),children:ck("label",{className:"k-label k-checkbox-label",children:[An(Ke,{size:o}),An("span",{children:t})]})})};En.states=dk;En.options=sk;import{jsx as ja,jsxs as bp}from"react/jsx-runtime";var Tp="k-expander",pk=[],mk={},uk={},ia=e=>{let{itemText:t,itemStartIcon:o,itemEndIcon:r,itemSortIndex:l,expanded:s,itemContent:c,expanderIcon:u,contentId:T,...h}=e,w=T||G("columnmenu-content"),v=!s&&!u?ja(p,{icon:"chevron-down"}):s&&!u?ja(p,{icon:"chevron-up"}):ja(p,{icon:u});return bp("div",{...h,className:a(e.className,Tp),children:[bp(To,{text:t,startIcon:o,endIcon:r,sortIndex:l,"aria-expanded":s?"true":"false","aria-controls":w,children:[ja("span",{className:"k-spacer"}),ja("span",{className:"k-expander-indicator",children:v})]}),s&&ja(pp,{id:w,children:c}),e.children]})};ia.states=pk;ia.options=mk;ia.className=Tp;ia.defaultOptions=uk;ia.moduleName=at;ia.folderName=mt;import{jsx as gk}from"react/jsx-runtime";var In="k-group-menu",bk=[],Tk={size:[d.undefined,d.small,d.medium,d.large]},fk={},er=e=>{let{size:t,...o}=e;return gk("div",{...o,className:a(e.className,In,R(In,{size:t})),children:e.children})};er.states=bk;er.options=Tk;er.className=In;er.defaultOptions=fk;er.moduleName=at;er.folderName=mt;import{Fragment as Nk,jsx as Al,jsxs as fp}from"react/jsx-runtime";var Gn="k-group-menu-item",hk=[n.hover,n.selected],xk={},kk={},tr=e=>{let{hover:t,selected:o,text:r,actionsStart:l,actionsEnd:s,...c}=e;return fp("div",{...c,className:a(e.className,Gn,A(Gn,{hover:t,selected:o})),children:[l&&Al("span",{className:"k-group-menu-item-actions",children:l}),Al("span",{className:"k-group-item-text",children:r}),s&&fp(Nk,{children:[Al("span",{className:"k-spacer"}),Al("span",{className:"k-group-menu-item-actions",children:s})]}),e.children]})};tr.states=hk;tr.options=xk;tr.className=Gn;tr.defaultOptions=kk;tr.moduleName=at;tr.folderName=mt;import{jsx as na}from"react/jsx-runtime";var On="k-group-menu-item-action",wk=[n.hover,n.disabled,n.selected],vk={size:[d.undefined,d.small,d.medium,d.large]};var Hn=e=>{let{hover:t,disabled:o,selected:r,size:l,type:s,...c}=e,u;switch(s){case"remove":u=na(p,{icon:"x-circle",size:l});break;case"add":u=na(p,{icon:"plus-circle",size:l});break;case"drag":u=na(p,{icon:"handle-drag-dots",size:l});break;case"up":u=na(p,{icon:"chevron-up",size:l});break;case"down":u=na(p,{icon:"chevron-down",size:l});break;default:u=na(p,{icon:s,size:l});break}return na("span",{...c,className:a(e.className,On,A(On,{selected:r,hover:t,disabled:o}),`k-group-menu-item-${s}-action`),children:u})};Hn.options=wk;Hn.options=vk;Hn.className=On;import{jsx as v8}from"react/jsx-runtime";import{Fragment as A8,jsx as S8,jsxs as R8}from"react/jsx-runtime";import{jsx as Mk}from"react/jsx-runtime";var gp="k-tabstrip-items",Ck=[],Lk={},yk={tabAlignment:"start"},Fr=e=>{let{children:t,tabAlignment:o,orientation:r,...l}=e;return Mk("ul",{...l,className:a(e.className,gp,"k-reset",`k-tabstrip-items-${o}`),role:"tablist",...r==="vertical"&&{"aria-orientation":"vertical"},children:t})};Fr.states=Ck;Fr.options=Lk;Fr.className=gp;Fr.defaultOptions=yk;var hp=Fr;import{jsx as Ak}from"react/jsx-runtime";var xp="k-tabstrip-items-wrapper",Sk=[],Rk={},kp={orientation:"horizontal"},$r=e=>{let{children:t,orientation:o=kp.orientation,...r}=e;return Ak("div",{...r,className:a(e.className,xp,{"k-hstack":o==="horizontal","k-vstack":o==="vertical"}),children:t})};$r.states=Sk;$r.options=Rk;$r.className=xp;$r.defaultOptions=kp;var Np=$r;var Wr="tabstrip",El=Wr;import{jsx as Vt,jsxs as wp}from"react/jsx-runtime";var Po="k-tabstrip",Ek=[],Ik={size:[d.undefined,d.small,d.medium,d.large]},Il={position:"top",tabAlignment:"start",scrollButtons:"around"},Fe=e=>{let{size:t,scrollable:o,children:r,tabStripItems:l,tabStripItemsId:s,position:c=Il.position,tabAlignment:u=Il.tabAlignment,scrollButtons:T=Il.scrollButtons,dir:h,scrollingPosition:w,overflow:v,...f}=e,y={top:{prev:h!=="rtl"?"left":"right",next:h!=="rtl"?"right":"left"},bottom:{prev:h!=="rtl"?"left":"right",next:h!=="rtl"?"right":"left"},right:{prev:"up",next:"down"},left:{prev:"up",next:"down"}},S={top:"horizontal",bottom:"horizontal",left:"vertical",right:"vertical"},I={start:"start",center:"center",end:"end",justify:"justify",stretched:"stretched"};return wp("div",{dir:h,...f,className:a(Po,e.className,{[`${Po}-${c}`]:c,[`${Po}-scrollable`]:o,[`${Po}-scrollable-overlay`]:o&&(T==="hidden"||!T),[`${Po}-scrollable-${w}`]:w&&w!=="both",[`${Po}-overflow`]:v},R(Po,{size:t})),children:[c==="bottom"&&r,wp(Np,{orientation:S[c],children:[o&&(T==="around"||T==="start")&&Vt("span",{className:a("k-tabstrip-prev","k-button",R("k-button",{size:t,fillMode:N.flat,rounded:k.none}),"k-icon-button"),"aria-hidden":"true",children:Vt(p,{className:"k-button-icon",icon:`caret-alt-${y[c].prev}`})}),o&&T==="start"&&Vt("span",{className:a("k-tabstrip-next","k-button",R("k-button",{size:t,fillMode:N.flat,rounded:k.none}),"k-icon-button"),"aria-hidden":"true",children:Vt(p,{className:"k-button-icon",icon:`caret-alt-${y[c].next}`})}),Vt(hp,{className:a({"k-tabstrip-items-scroll":o&&T==="hidden"}),tabAlignment:I[u],orientation:S[c],...s&&{id:s},children:l}),o&&T==="end"&&Vt("span",{className:a("k-tabstrip-prev","k-button",R("k-button",{size:t,fillMode:N.flat,rounded:k.none}),"k-icon-button"),"aria-hidden":"true",children:Vt(p,{className:"k-button-icon",icon:`caret-alt-${y[c].prev}`})}),o&&(T==="around"||T==="end")&&Vt("span",{className:a("k-tabstrip-next","k-button",R("k-button",{size:t,fillMode:N.flat,rounded:k.none}),"k-icon-button"),"aria-hidden":"true",children:Vt(p,{className:"k-button-icon",icon:`caret-alt-${y[c].next}`})}),v&&Vt("div",{className:"k-tabstrip-actions k-hstack",children:Vt(me,{className:"k-tabstrip-overflow-button",icon:"more-vertical",fillMode:"flat",size:t,showArrow:!1})})]}),c!=="bottom"&&r]})};Fe.states=Ek;Fe.options=Ik;Fe.className=Po;Fe.defaultOptions=Il;Fe.moduleName=Wr;Fe.folderName=El;Fe.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 Pk}from"react/jsx-runtime";var vp="k-tabstrip-wrapper",Gk=[],Ok={},Hk={},or=e=>{let{...t}=e;return Pk("div",{...t,className:a(e.className,vp),children:e.children})};or.states=Gk;or.options=Ok;or.className=vp;or.defaultOptions=Hk;or.moduleName=Wr;or.folderName=El;import{jsx as Gl,jsxs as Pn}from"react/jsx-runtime";var _n="k-tabstrip-item",_k=[n.active,n.hover,n.disabled,n.focus],Kk={},Cp={iconPosition:"before"},ut=e=>{let{dragging:t,active:o,hover:r,focus:l,disabled:s,children:c,first:u,last:T,closable:h,icon:w,iconPosition:v=Cp.iconPosition,value:f,actions:y,...S}=e;return Pn("li",{...S,className:a(e.className,_n,A(_n,{hover:r,active:o,disabled:s,focus:l}),{"k-tabstrip-dragging":t,"k-first":u,"k-last":T}),role:"tab",...o&&{"aria-selected":"true"},...s&&{"aria-disabled":"true"},children:[Pn("span",{className:"k-link",children:[w&&v==="before"&&Gl(p,{icon:w}),f&&Gl("span",{className:"k-link-text",children:f}),w&&v==="after"&&Gl(p,{icon:w})]}),(y||h)&&Pn("span",{className:"k-item-actions",children:[y,h&&Gl(m,{as:"span",className:"k-remove-tab",icon:"x",fillMode:"flat",size:"xsmall",title:"Close","aria-hidden":"true"})]}),c]})};ut.states=_k;ut.options=Kk;ut.className=_n;ut.item=Cp;import{jsx as Uk}from"react/jsx-runtime";var Kn="k-tabstrip-content",Dk=[n.active,n.focus],Bk={},zk={},to=e=>{let{active:t,focus:o,children:r,...l}=e;return Uk("div",{...l,className:a(e.className,Kn,A(Kn,{active:t,focus:o}),e.className),role:"tabpanel",children:r})};to.states=Dk;to.options=Bk;to.className=Kn;to.defaultOptions=zk;import{Fragment as Fk,jsx as _o,jsxs as $k}from"react/jsx-runtime";var Xt=({children:e,...t})=>_o(Fe,{tabStripItems:$k(Fk,{children:[_o(ut,{first:!0,value:"First"}),_o(ut,{active:!0,value:"Second"}),_o(ut,{value:"Third"}),_o(ut,{value:"Fourth"}),_o(ut,{last:!0,value:"Fifth"})]}),...t,children:e||_o(to,{active:!0,children:_o("div",{children:"TabStrip Content"})})});import{jsx as Wk}from"react/jsx-runtime";var Lp=e=>Wk(Xt,{position:"bottom",...e});import{jsx as Vk}from"react/jsx-runtime";var yp=e=>Vk(Xt,{position:"right",...e});import{jsx as Xk}from"react/jsx-runtime";var Mp=e=>Xk(Xt,{position:"left",...e});import{jsx as x$}from"react/jsx-runtime";import{Fragment as C$,jsx as v$,jsxs as L$}from"react/jsx-runtime";import{jsx as R$}from"react/jsx-runtime";import{Fragment as P$,jsx as H$,jsxs as _$}from"react/jsx-runtime";import{Fragment as U$,jsx as z$,jsxs as F$}from"react/jsx-runtime";import{jsx as Ol}from"react/jsx-runtime";var Jk={...Fe.options,scrollable:{type:"boolean"}},qk=Fe.states,Sp={...Fe.defaultOptions,scrollable:!1,variant:"up"},Yk=[{name:"up",title:"Position Up"},{name:"bottom",title:"Position Bottom"},{name:"left",title:"Position Left"},{name:"right",title:"Position Right"}],Qk=[],ar=e=>{let{variant:t,...o}={...Sp,...e},r={};switch(t){case"right":return Ol(yp,{style:{height:"230px"},...o,...r,position:"right"});case"left":return Ol(Mp,{style:{height:"230px"},...o,...r,position:"left"});case"bottom":return Ol(Lp,{style:{width:"350px"},...o,...r,position:"bottom"});default:return Ol(Xt,{style:{width:"350px"},...o,...r})}};ar.options=Jk;ar.states=qk;ar.variants=Yk;ar.defaultOptions=Sp;ar.modifiers=Qk;ar.className=Fe.className;import{Fragment as kW,jsx as xW,jsxs as NW}from"react/jsx-runtime";import{Fragment as EW,jsx as RW,jsxs as AW}from"react/jsx-runtime";import{Fragment as zW,jsx as DW,jsxs as BW}from"react/jsx-runtime";import{Fragment as fV,jsx as bV,jsxs as TV}from"react/jsx-runtime";import{Fragment as vV,jsx as NV,jsxs as wV}from"react/jsx-runtime";import{Fragment as GV,jsx as EV,jsxs as IV}from"react/jsx-runtime";import{Fragment as eN,jsx as E,jsxs as we}from"react/jsx-runtime";var Rp=({contentClassName:e,...t})=>E(W,{_renderAriaRoot:!0,pager:E(Bt,{refresh:!1}),children:we(eN,{children:[E(K,{children:E("div",{className:"k-grid-header-wrap",children:we(D,{role:"none",children:[we("colgroup",{children:[E("col",{}),E("col",{style:{width:"225px"}}),E("col",{}),E("col",{}),E("col",{})]}),we(P,{role:"rowgroup",children:[we(g,{role:"row",children:[E(C,{rowspan:1,colspan:1,columnTitle:"Product Id",role:"columnheader"}),E(C,{rowspan:1,colspan:1,columnTitle:"Name",role:"columnheader"}),E(C,{rowspan:1,colspan:1,columnTitle:"Quantity",role:"columnheader"}),E(C,{rowspan:1,colspan:1,columnTitle:"Unit Price",role:"columnheader"}),E(C,{rowspan:1,colspan:1,columnTitle:"Discontinued",role:"columnheader"})]}),we(g,{className:"k-filter-row",role:"row",children:[E(i,{role:"gridcell","aria-label":"Product Id filter",children:E("div",{className:"k-filtercell",children:we("div",{className:"k-filtercell-wrapper",children:[E(ee,{"aria-label":"Product Id filter"}),we("div",{className:"k-filtercell-operator",children:[E(pe,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Product Id filter operator"})," ",E(m,{disabled:!0,icon:"filter-clear","aria-label":"Clear Product Id filter"})]})]})})}),E(i,{role:"gridcell","aria-label":"Name filter",children:E("div",{className:"k-filtercell",children:we("div",{className:"k-filtercell-wrapper",children:[E(Te,{"aria-label":"Name filter"}),we("div",{className:"k-filtercell-operator",children:[E(pe,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Name filter operator"})," ",E(m,{disabled:!0,icon:"filter-clear","aria-label":"Clear Name filter"})]})]})})}),E(i,{role:"gridcell","aria-label":"Quantity filter",children:E("div",{className:"k-filtercell",children:we("div",{className:"k-filtercell-wrapper",children:[E(Te,{"aria-label":"Quantity filter"}),we("div",{className:"k-filtercell-operator",children:[E(pe,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Quantity filter operator"})," ",E(m,{disabled:!0,icon:"filter-clear","aria-label":"Clear Quantity filter"})]})]})})}),E(i,{role:"gridcell","aria-label":"Unit Price filter",children:E("div",{className:"k-filtercell",children:we("div",{className:"k-filtercell-wrapper",children:[E(ee,{"aria-label":"Unit Price filter"}),we("div",{className:"k-filtercell-operator",children:[E(pe,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Unit Price filter operator"})," ",E(m,{disabled:!0,icon:"filter-clear","aria-label":"Clear Unit Price filter"})]})]})})}),E(i,{role:"gridcell","aria-label":"Discontinued filter",children:E("div",{className:"k-filtercell",children:we("div",{className:"k-filtercell-wrapper",children:[E(pe,{"aria-label":"Discontinued filter"}),E("div",{className:"k-filtercell-operator",children:E(m,{disabled:!0,icon:"filter-clear","aria-label":"Clear Discontinued filter"})})]})})})]})]})]})})}),E(V,{children:E(z,{className:e,children:we(U,{role:"none",children:[we("colgroup",{children:[E("col",{}),E("col",{style:{width:"225px"}}),E("col",{}),E("col",{}),E("col",{})]}),we(_,{role:"rowgroup",children:[we(g,{className:"k-master-row",role:"row",children:[E(i,{role:"gridcell",children:"1"}),E(i,{role:"gridcell",children:"Chai"}),E(i,{role:"gridcell",children:"10 boxes x 20 bags"}),E(i,{role:"gridcell",children:"18"}),E(i,{role:"gridcell",children:"false"})]}),we(g,{className:"k-master-row",role:"row",alt:!0,children:[E(i,{role:"gridcell",children:"2"}),E(i,{role:"gridcell",children:"Chang"}),E(i,{role:"gridcell",children:"24 - 12 oz bottles"}),E(i,{role:"gridcell",children:"19"}),E(i,{role:"gridcell",children:"false"})]}),we(g,{className:"k-master-row",role:"row",children:[E(i,{role:"gridcell",children:"3"}),E(i,{role:"gridcell",children:"Aniseed Syrup"}),E(i,{role:"gridcell",children:"12 - 550 ml bottles"}),E(i,{role:"gridcell",children:"10"}),E(i,{role:"gridcell",children:"false"})]}),we(g,{className:"k-master-row",role:"row",alt:!0,children:[E(i,{role:"gridcell",children:"4"}),E(i,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),E(i,{role:"gridcell",children:"48 - 6 oz jars"}),E(i,{role:"gridcell",children:"22"}),E(i,{role:"gridcell",children:"false"})]}),we(g,{className:"k-master-row",role:"row",children:[E(i,{role:"gridcell",children:"5"}),E(i,{role:"gridcell",children:"Grandma's Boysenberry Spread"}),E(i,{role:"gridcell",children:"12 - 8 oz jars"}),E(i,{role:"gridcell",children:"25"}),E(i,{role:"gridcell",children:"false"})]})]})]})})})]}),...t});import{jsx as Hl}from"react/jsx-runtime";var tN="k-chip-action";var Ee=e=>{let{type:t,...o}=e,r;switch(t){case"remove":r=Hl(p,{icon:"x-circle",size:"small"});break;case"more":r=Hl(p,{icon:"more-vertical",size:"small"});break;default:return Hl(p,{icon:t,size:"small"})}return Hl("span",{...o,className:a(e.className,tN,`k-chip-${t}-action`),children:r})};var Dn="avatar",Ap=Dn;import{jsx as Ep}from"react/jsx-runtime";var Vr="k-avatar";var oN=[n.hover,n.focus,n.active,n.selected,n.disabled],aN={size:[d.undefined,d.small,d.medium,d.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[N.undefined,N.solid,N.outline],themeColor:[L.undefined,L.base,L.primary,L.secondary,L.tertiary]},Bn={type:"text",border:!1},rt=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,type:s=Bn.type,border:c=Bn.border,...u}=e;return Ep("div",{...u,className:a(e.className,Vr,R(Vr,{size:t,rounded:o,fillMode:r,themeColor:l}),{[`${Vr}-bordered`]:c}),children:Ep("span",{className:`${Vr}-${s}`,children:e.children})})};rt.states=oN;rt.options=aN;rt.className=Vr;rt.defaultOptions=Bn;rt.moduleName=Dn;rt.folderName=Ap;rt.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var sa=rt;import{jsx as rN}from"react/jsx-runtime";var Ip=e=>rN(sa,{type:"icon",...e});import{jsx as lN}from"react/jsx-runtime";var Gp=e=>lN(sa,{type:"text",...e});import{jsx as iN}from"react/jsx-runtime";var Op=e=>iN(sa,{type:"image",...e});import{jsx as dX}from"react/jsx-runtime";import{jsx as Xr}from"react/jsx-runtime";var nN=rt.options,sN=rt.states,dN={...rt.defaultOptions,variant:"image"},cN=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],pN=[],rr=e=>{let{variant:t,...o}=e;switch(t){case"icon":return Xr(Ip,{...o,children:Xr(p,{icon:"star"})});case"text":return Xr(Gp,{...o,children:"JO"});default:return Xr(Op,{...o,children:Xr("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};rr.options=nN;rr.states=sN;rr.variants=cN;rr.defaultOptions=dN;rr.modifiers=pN;rr.className=rt.className;var Jr="chip",Pl=Jr;import{jsx as lr,jsxs as bN}from"react/jsx-runtime";var _l="k-chip",mN=[n.hover,n.focus,n.active,n.selected,n.disabled],uN={size:[d.undefined,d.small,d.medium,d.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],fillMode:[N.undefined,N.solid,N.outline],themeColor:[L.undefined,L.base,L.success,L.warning,L.error,L.info]},Hp={avatarImage:"/packages/html/assets/avatar.jpg"},Me=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,text:s,icon:c,actions:u,showAvatar:T,avatarImage:h=Hp.avatarImage,hover:w,focus:v,active:f,selected:y,disabled:S,...I}=e;return bN("div",{...I,className:a(e.className,_l,R(_l,{size:t,rounded:o,fillMode:r,themeColor:l}),A(_l,{hover:w,focus:v,active:f,disabled:S,selected:y})),role:e.role||"button","aria-pressed":e.role==="option"?void 0:y?"true":"false",...e.role==="option"&&y!==void 0&&{"aria-selected":y?"true":"false"},"aria-disabled":S?"true":void 0,children:[c&&lr(p,{className:"k-chip-icon",icon:c,size:"small"}),T&&lr(rt,{className:"k-chip-avatar",type:"image",children:lr("img",{src:h,alt:""})}),lr("span",{className:"k-chip-content",children:e.children?e.children:s&&lr("span",{className:"k-chip-label",children:s})}),u&&lr("span",{className:"k-chip-actions",children:u})]})};Me.states=mN;Me.options=uN;Me.className=_l;Me.defaultOptions=Hp;Me.moduleName=Jr;Me.folderName=Pl;Me.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 zt=Me;import{jsx as hN}from"react/jsx-runtime";var zn="k-chip-list",TN=[],fN={size:[d.undefined,d.small,d.medium,d.large]},gN={},Se=e=>{let{size:t,multiselectable:o,ariaLabel:r,...l}=e;return hN("div",{...l,className:a(e.className,zn,R(zn,{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})};Se.states=TN;Se.options=fN;Se.className=zn;Se.defaultOptions=gN;Se.moduleName=Jr;Se.folderName=Pl;Se.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 DX}from"react/jsx-runtime";import{jsx as FX}from"react/jsx-runtime";import{jsx as xN}from"react/jsx-runtime";var Kl=e=>xN(zt,{text:"text",...e});import{jsx as QX}from"react/jsx-runtime";import{jsx as tJ}from"react/jsx-runtime";import{Fragment as nJ,jsx as iJ,jsxs as sJ}from"react/jsx-runtime";import{jsx as uJ,jsxs as bJ}from"react/jsx-runtime";import{jsx as xJ,jsxs as kJ}from"react/jsx-runtime";import{jsx as yJ,jsxs as MJ}from"react/jsx-runtime";import{jsx as ir,jsxs as LN}from"react/jsx-runtime";var kN={...zt.options,...Se.options},NN=[],wN=Se.states,vN={...zt.defaultOptions,...Se.defaultOptions},CN=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],nr=e=>{let{modifiers:t,className:o,...r}=e,l=t?.icon,s=t?.actions,c=t?.avatar;return LN(Se,{size:r.size,className:o,children:[ir(Kl,{...r,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?ir(Ee,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),ir(Kl,{...r,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?ir(Ee,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),ir(Kl,{...r,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?ir(Ee,{type:"remove"}):void 0,showAvatar:c,children:"Chip"})]})};nr.options=kN;nr.states=wN;nr.variants=NN;nr.defaultOptions=vN;nr.modifiers=CN;nr.className=Se.className;import{jsx as Un}from"react/jsx-runtime";var yN=Me.states,MN=Me.defaultOptions,SN=Me.options,RN=[],AN=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],sr=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]?Un(Ee,{type:"more"}):void 0;break;case"remove-icon":r.actions||(r.actions=[]),r.actions[1]=t?.[l]?Un(Ee,{type:"remove"}):void 0;break;default:break}}),Un(Me,{...o,...r,children:"Chip component"})};sr.options=SN;sr.states=yN;sr.variants=RN;sr.defaultOptions=MN;sr.modifiers=AN;sr.className=Me.className;import{Fragment as Fn,jsx as F,jsxs as lt}from"react/jsx-runtime";var Pp=({dropClue:e,contentClassName:t,...o})=>F(W,{_renderAriaRoot:!0,groupingHeader:F(jt,{dropClue:e,role:"toolbar","aria-label":"Grouping",children:lt(Se,{role:"none",children:[F(Me,{icon:"sort-asc-small",text:"ID",role:"button",actions:lt(Fn,{children:[F(Ee,{type:"more"}),F(Ee,{type:"remove"})]})}),F(Me,{icon:"sort-desc-small",text:"Name",role:"button",actions:lt(Fn,{children:[F(Ee,{type:"more"}),F(Ee,{type:"remove"})]})})]})}),children:lt(Fn,{children:[F(K,{draggable:!0,children:F("div",{className:"k-grid-header-wrap",children:lt(D,{role:"none",children:[lt("colgroup",{children:[F("col",{className:"k-group-col"}),F("col",{className:"k-group-col"}),F("col",{}),F("col",{}),F("col",{}),F("col",{})]}),F(P,{role:"rowgroup",children:lt(g,{role:"row",children:[F(C,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),F(C,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),F(C,{colspan:1,columnTitle:"ID",role:"columnheader"}),F(C,{colspan:1,columnTitle:"Name",role:"columnheader"}),F(C,{colspan:1,columnTitle:"Price",role:"columnheader"}),F(C,{colspan:1,columnTitle:"Category",role:"columnheader"})]})})]})})}),F(V,{children:F(z,{className:t,children:lt(U,{role:"none",children:[lt("colgroup",{children:[F("col",{className:"k-group-col"}),F("col",{className:"k-group-col"}),F("col",{}),F("col",{}),F("col",{}),F("col",{})]}),lt(_,{role:"rowgroup",children:[F(g,{className:"k-table-group-row k-grouping-row",role:"row",children:F(i,{colspan:6,role:"gridcell","aria-expanded":"false",children:lt("p",{className:"k-reset",children:[F(p,{icon:"caret-alt-right"}),"ID: 1"]})})}),F(g,{className:"k-table-group-row k-grouping-row",role:"row",children:F(i,{colspan:6,role:"gridcell","aria-expanded":"true",children:lt("p",{className:"k-reset",children:[F(p,{icon:"caret-alt-down"}),"ID: 2"]})})}),lt(g,{className:"k-table-group-row k-grouping-row",role:"row",children:[F(i,{className:"k-table-group-td k-group-cell",role:"presentation"}),F(i,{colspan:5,role:"gridcell","aria-expanded":"true",children:lt("p",{className:"k-reset",children:[F(p,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),lt(g,{className:"k-master-row",role:"row",alt:!0,children:[F(i,{className:"k-table-group-td k-group-cell",role:"presentation"}),F(i,{className:"k-table-group-td k-group-cell",role:"presentation"}),F(i,{colspan:0,role:"gridcell",children:"2"}),F(i,{colspan:0,role:"gridcell",children:"Chang"}),F(i,{colspan:0,role:"gridcell",children:"$19.00"}),F(i,{colspan:0,role:"gridcell",children:"Beverages"})]})]})]})})})]}),...o});import{Fragment as Tq,jsx as uq,jsxs as bq}from"react/jsx-runtime";import{Fragment as vq,jsx as Nq,jsxs as wq}from"react/jsx-runtime";import{Fragment as Aq,jsx as Sq,jsxs as Rq}from"react/jsx-runtime";import{Fragment as EN,jsx as Y,jsxs as it}from"react/jsx-runtime";var _p=({headerWrapClassName:e,contentClassName:t,...o})=>Y(W,{_renderAriaRoot:!0,children:it(EN,{children:[Y(K,{children:Y("div",{className:`k-grid-header-wrap ${e}`,children:it(D,{role:"none",children:[it("colgroup",{children:[Y("col",{}),Y("col",{}),Y("col",{}),Y("col",{})]}),it(P,{role:"rowgroup",children:[it(g,{role:"row",children:[Y(C,{rowspan:3,colspan:1,columnTitle:"ID",role:"columnheader"}),Y(C,{rowspan:1,colspan:3,columnTitle:"Product Information",role:"columnheader"})]}),it(g,{role:"row",children:[Y(C,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first",role:"columnheader"}),Y(C,{rowspan:1,colspan:2,columnTitle:"Unit",role:"columnheader"})]}),it(g,{role:"row",children:[Y(C,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first",role:"columnheader"}),Y(C,{rowspan:1,colspan:1,columnTitle:"Units Price",role:"columnheader"})]})]})]})})}),Y(V,{children:Y(z,{className:t,children:it(U,{role:"none",children:[it("colgroup",{children:[Y("col",{}),Y("col",{}),Y("col",{}),Y("col",{})]}),it(_,{role:"rowgroup",children:[it(g,{className:"k-master-row",role:"row",children:[Y(i,{role:"gridcell",children:"1"}),Y(i,{role:"gridcell",children:"Chai"}),Y(i,{role:"gridcell",children:"39"}),Y(i,{role:"gridcell",children:"18"})]}),it(g,{className:"k-master-row",alt:!0,role:"row",children:[Y(i,{role:"gridcell",children:"2"}),Y(i,{role:"gridcell",children:"Chang"}),Y(i,{role:"gridcell",children:"17"}),Y(i,{role:"gridcell",children:"19"})]}),it(g,{className:"k-master-row",role:"row",children:[Y(i,{role:"gridcell",children:"3"}),Y(i,{role:"gridcell",children:"Aniseed Syrup"}),Y(i,{role:"gridcell",children:"13"}),Y(i,{role:"gridcell",children:"10"})]}),it(g,{className:"k-master-row",alt:!0,role:"row",children:[Y(i,{role:"gridcell",children:"4"}),Y(i,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),Y(i,{role:"gridcell",children:"53"}),Y(i,{role:"gridcell",children:"22"})]}),it(g,{className:"k-master-row",role:"row",children:[Y(i,{role:"gridcell",children:"5"}),Y(i,{role:"gridcell",children:"Chef Anton's Gumbo Mix"}),Y(i,{role:"gridcell",children:"0"}),Y(i,{role:"gridcell",children:"21.35"})]})]})]})})})]}),...o});import{Fragment as Uq,jsx as Bq,jsxs as zq}from"react/jsx-runtime";import{Fragment as qq,jsx as Xq,jsxs as Jq}from"react/jsx-runtime";import{Fragment as IN,jsx as q,jsxs as Ut}from"react/jsx-runtime";var Kp=e=>{let t=G("grid");return q(W,{_renderAriaRoot:!0,ariaRootId:t,toolbar:Ut(eo,{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:Ut(IN,{children:[q(K,{children:q("div",{className:"k-grid-header-wrap",children:Ut(D,{role:"none",children:[Ut("colgroup",{children:[q("col",{}),q("col",{}),q("col",{}),q("col",{style:{width:"300px"}})]}),q(P,{role:"rowgroup",children:Ut(g,{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:Ut(U,{role:"none",children:[Ut("colgroup",{children:[q("col",{}),q("col",{}),q("col",{}),q("col",{style:{width:"300px"}})]}),Ut(_,{role:"rowgroup",children:[Ut(g,{className:"k-master-row k-grid-add-row k-grid-edit-row",role:"row",children:[q(i,{role:"gridcell",children:q(Te,{value:"Towel","aria-label":"Name"})}),q(i,{role:"gridcell",children:q(ee,{value:"42","aria-label":"Price"})}),q(i,{role:"gridcell",children:q(Ke,{"aria-label":"Available"})}),Ut(i,{className:"k-command-cell",role:"gridcell",children:[q(m,{children:"Add"}),q(m,{children:"Cancel"})]})]}),Ut(g,{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"})})]}),Ut(g,{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 NY,jsx as kY,jsxs as wY}from"react/jsx-runtime";var $n="context-menu",Dp=$n;import{jsx as PN}from"react/jsx-runtime";var Bp="k-context-menu",GN=[],ON={},HN={},bt=e=>{let{children:t,...o}=e;return PN(Oe,{...o,className:a(e.className,Bp),role:"menu",children:t})};bt.states=GN;bt.options=ON;bt.className=Bp;bt.defaultOptions=HN;bt.moduleName=$n;bt.folderName=Dp;bt.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 Dl}from"react/jsx-runtime";var Wn=e=>Dl(bt,{children:[Dl(te,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),Dl(te,{text:"Item 2"},"menu-item-2"),Dl(te,{last:!0,text:"Item 3"},"menu-item-3")],...e});import{Fragment as UY,jsx as BY,jsxs as zY}from"react/jsx-runtime";import{jsx as qr,jsxs as zN}from"react/jsx-runtime";var _N=Ce.options,KN=Ce.states,zp={...Ce.defaultOptions,variant:"normal"},DN=[{name:"normal",title:"Normal"},{name:"separators",title:"With separator"}],BN=[],dr=e=>{let{variant:t,...o}={...zp,...e};return t==="separators"?zN(Wn,{...o,style:{width:"130px"},children:[qr(te,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),qr(So,{}),qr(te,{text:"Item 2"},"menu-item-2"),qr(te,{last:!0,text:"Item 3"},"menu-item-3")]}):qr(Wn,{...o,style:{width:"130px"}})};dr.options=_N;dr.states=KN;dr.variants=DN;dr.defaultOptions=zp;dr.modifiers=BN;dr.className=bt.className;import{Fragment as cQ,jsx as sQ,jsxs as dQ}from"react/jsx-runtime";import{Fragment as wQ,jsx as kQ,jsxs as NQ}from"react/jsx-runtime";import{Fragment as AQ,jsx as RQ,jsxs as EQ}from"react/jsx-runtime";import{Fragment as BQ,jsx as DQ,jsxs as zQ}from"react/jsx-runtime";import{Fragment as Bl,jsx as x,jsxs as ce}from"react/jsx-runtime";var UN=W.options,FN=W.states,Up={...W.defaultOptions,variant:"normal"},$N=[{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"}],WN=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],cr=e=>{let{variant:t,modifiers:o,...r}={...Up,...e},l={toolbar:void 0,pager:void 0},s=ce(eo,{children:[x(m,{icon:"plus",children:"Add New"}),x(m,{icon:"file-pdf",children:"Export to PDF"}),x("span",{className:"k-spacer"}),x(Te,{prefix:x(p,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=x(Ne,{pageSizes:!1,refresh:!1});Object.keys(o||{}).forEach(h=>{switch(h){case"toolbar":l.toolbar=o?.[h]?s:void 0;break;case"pager":l.pager=o?.[h]?c:void 0;break;default:return}});let u={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},T=ce(Bl,{children:[x(K,{children:x("div",{className:"k-grid-header-wrap",children:ce(D,{children:[ce("colgroup",{children:[x("col",{}),x("col",{}),x("col",{}),x("col",{})]}),x(P,{children:ce(g,{children:[x(C,{...u[t],columnTitle:"ID"}),x(C,{...u[t],columnTitle:"Product Name"}),x(C,{...u[t],columnTitle:"Units in Stock"}),x(C,{...u[t],columnTitle:"Units Price"})]})})]})})}),x(V,{children:x(z,{children:ce(U,{children:[ce("colgroup",{children:[x("col",{}),x("col",{}),x("col",{}),x("col",{})]}),ce(_,{children:[ce(g,{children:[x(i,{children:"1"}),x(i,{children:"Chai"}),x(i,{children:"39"}),x(i,{children:"18"})]}),ce(g,{alt:!0,children:[x(i,{children:"2"}),x(i,{children:"Chang"}),x(i,{children:"17"}),x(i,{children:"19"})]}),ce(g,{children:[x(i,{children:"3"}),x(i,{children:"Aniseed Syrup"}),x(i,{children:"13"}),x(i,{children:"10"})]}),ce(g,{alt:!0,children:[x(i,{children:"4"}),x(i,{children:"Chef Anton's Cajun Seasoning"}),x(i,{children:"53"}),x(i,{children:"22"})]}),ce(g,{children:[x(i,{children:"5"}),x(i,{children:"Chef Anton's Gumbo Mix"}),x(i,{children:"0"}),x(i,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return x(_p,{...r,...l});case"editing":return x(Kp,{...r,...l});case"grouping":return x(Pp,{...r,...l,groupingHeader:x(jt,{children:ce(Se,{children:[x(Me,{icon:"sort-asc-small",actions:ce(Bl,{children:[x(Ee,{type:"more"}),x(Ee,{type:"remove"})]}),children:"ID"}),x(Me,{icon:"sort-desc-small",actions:ce(Bl,{children:[x(Ee,{type:"more"}),x(Ee,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return x(W,{...r,...l,children:ce(Bl,{children:[x(K,{children:ce("div",{className:"k-grid-header-wrap",children:[" ",ce(D,{children:[ce("colgroup",{children:[x("col",{className:"k-drag-col"}),x("col",{}),x("col",{}),x("col",{}),x("col",{})]}),x(P,{children:ce(g,{children:[x(C,{className:"k-drag-cell",accessibleLabel:"Reorder"}),x(C,{columnTitle:"ID"}),x(C,{columnTitle:"Product Name"}),x(C,{columnTitle:"Units in Stock"}),x(C,{columnTitle:"Units Price"})]})})]})]})}),x(V,{children:x(z,{children:ce(U,{children:[ce("colgroup",{children:[x("col",{className:"k-drag-col"}),x("col",{}),x("col",{}),x("col",{}),x("col",{})]}),ce(_,{children:[ce(g,{children:[x(i,{className:"k-drag-cell",children:x(p,{icon:"reorder"})}),x(i,{children:"1"}),x(i,{children:"Chai"}),x(i,{children:"39"}),x(i,{children:"18"})]}),ce(g,{alt:!0,children:[x(i,{className:"k-drag-cell",children:x(p,{icon:"reorder"})}),x(i,{children:"2"}),x(i,{children:"Chang"}),x(i,{children:"17"}),x(i,{children:"19"})]}),ce(g,{children:[x(i,{className:"k-drag-cell",children:x(p,{icon:"reorder"})}),x(i,{children:"3"}),x(i,{children:"Aniseed Syrup"}),x(i,{children:"13"}),x(i,{children:"10"})]}),ce(g,{alt:!0,children:[x(i,{className:"k-drag-cell",children:x(p,{icon:"reorder"})}),x(i,{children:"4"}),x(i,{children:"Chef Anton's Cajun Seasoning"}),x(i,{children:"53"}),x(i,{children:"22"})]}),ce(g,{children:[x(i,{className:"k-drag-cell",children:x(p,{icon:"reorder"})}),x(i,{children:"5"}),x(i,{children:"Chef Anton's Gumbo Mix"}),x(i,{children:"0"}),x(i,{children:"21.35"})]})]})]})})})]})});case"filter-row":return x(Rp,{...r,...l});default:return x(W,{...r,...l,children:T})}};cr.options=UN;cr.states=FN;cr.variants=$N;cr.defaultOptions=Up;cr.modifiers=WN;cr.className=W.className;import{jsx as JN}from"react/jsx-runtime";var da="k-pane",VN=[],XN={},Vn={resizable:!0,flex:!1},Be=e=>{let{scrollable:t,flexBasis:o,flex:r=Vn.flex,collapsible:l,resizable:s=Vn.resizable,pinned:c,unpinned:u,tabbed:T,...h}=e;return JN("div",{...h,style:{flexBasis:o,...e.style},className:a(e.className,da,{[`${da}-static`]:o,[`${da}-flex`]:r,"k-scrollable":t,[`${da}-pinned`]:c,[`${da}-unpinned`]:u,[`${da}-tabbed`]:T}),role:"group",children:e.children})};Be.states=VN;Be.options=XN;Be.className=da;Be.defaultOptions=Vn;import{Fragment as Fp,jsx as ca,jsxs as QN}from"react/jsx-runtime";var pr="k-splitbar",qN=[n.hover,n.focus],YN={},Xn={orientation:"horizontal",draggable:!0},mr=e=>{let{hover:t,focus:o,orientation:r=Xn.orientation,draggable:l=Xn.draggable,collapsePrev:s,collapseNext:c,ariaLabel:u,...T}=e;return QN("div",{...T,className:a(e.className,pr,A(pr,{hover:t,focus:o}),{[`${pr}-${r}`]:r,[`${pr}-draggable-${r}`]:l,[`${pr}-static-${r}`]:!l&&!s&&!c}),role:"separator","aria-label":u,...r==="horizontal"&&{"aria-orientation":"vertical"},"aria-keyshortcuts":"ArrowLeft ArrowRight ArrowUp ArrowDown",children:[s&&ca(Fp,{children:ca("div",{className:"k-collapse-prev",children:ca(p,{icon:`caret-alt-${r==="horizontal"?"left":"up"}`,size:"xsmall"})})}),ca("div",{className:"k-resize-handle","aria-hidden":"true"}),c&&ca(Fp,{children:ca("div",{className:"k-collapse-next",children:ca(p,{icon:`caret-alt-${r==="horizontal"?"right":"down"}`,size:"xsmall"})})})]})};mr.states=qN;mr.options=YN;mr.className=pr;mr.defaultOptions=Xn;var Jn="splitter",$p=Jn;import{jsx as ew,jsxs as tw}from"react/jsx-runtime";import{createElement as jN}from"react";var qn="k-splitter",ZN={},Wp={orientation:"horizontal"},_e=e=>{let{orientation:t=Wp.orientation,children:o,panes:r,...l}=e,s=[];return r&&r.forEach((c,u)=>{let T=r[u+1],h=c.props,w=T?.props;s.push(jN(Be,{...h,key:u})),T&&s.push(ew(mr,{draggable:h.resizable!==!1&&w.resizable!==!1,collapsePrev:h.collapsible,collapseNext:w.collapsible,orientation:t,ariaLabel:"Pane separator"},`splitbar-${u}`))}),tw("div",{...l,className:a(e.className,qn,{[`${qn}-${t}`]:t},"k-splitter-flex"),children:[s,o]})};_e.options=ZN;_e.className=qn;_e.defaultOptions=Wp;_e.moduleName=Jn;_e.folderName=$p;_e.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 mj,jsxs as uj}from"react/jsx-runtime";import{jsx as gj,jsxs as hj}from"react/jsx-runtime";import{jsx as ur}from"react/jsx-runtime";import{createElement as zl}from"react";var ow=_e.options,aw=_e.states,Vp={..._e.defaultOptions,variant:"horizontal",firstPaneProps:!0,secondPaneProps:!0},rw=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],lw=[{name:"firstPaneProps",title:"Collapsible Left"},{name:"secondPaneProps",title:"Collapsible Right"}],br=e=>{let{variant:t,modifiers:o,...r}={...Vp,...e},l=T=>({collapsible:T,content:T?"Resizable and collapsible":"Resizable only"}),s=l(!0),c=l(!0),u={display:"flex",justifyContent:"center",alignItems:"center"};return Object.keys(o||{}).forEach(T=>{let h=o?.[T];switch(T){case"secondPaneProps":c=l(!!h);break;case"firstPaneProps":s=l(!!h);break;default:break}}),t==="vertical"?ur(_e,{style:{height:"238px"},...r,orientation:"vertical",panes:[zl(Be,{...s,flexBasis:"50%",style:u,key:"pane-1"},ur("p",{children:s.content})),zl(Be,{...c,flexBasis:"50%",style:u,key:"pane-2"},ur("p",{children:c.content}))]}):ur(_e,{style:{height:"238px"},...r,orientation:"horizontal",panes:[zl(Be,{...s,flexBasis:"50%",style:u,key:"pane-1"},ur("p",{children:s.content})),zl(Be,{...c,flexBasis:"50%",style:u,key:"pane-2"},ur("p",{children:c.content}))]})};br.options=ow;br.states=aw;br.variants=rw;br.defaultOptions=Vp;br.modifiers=lw;br.className=_e.className;var Yn="treelist",Xp=Yn;import{jsx as dw}from"react/jsx-runtime";var Jp="k-treelist",iw=[],nw={},sw={},fe=e=>dw(W,{...e,ariaRole:"treegrid",className:a(Jp,e.className),children:e.children});fe.states=iw;fe.options=nw;fe.className=Jp;fe.defaultOptions=sw;fe.moduleName=Yn;fe.folderName=Xp;fe.ariaSpec={selector:".k-treelist",rules:[{selector:".k-grid-toolbar",attribute:"role=toolbar",usage:"The toolbar is a collection of command buttons and inputs."},{selector:".k-grid-toolbar",attribute:"aria-label",usage:"Clarifies the purpose of the toolbar."},{selector:".k-grid-toolbar",attribute:"aria-controls=.k-grid-aria-root id (when present)",usage:"Pointing to the id of the element with role=treegrid."},{selector:".k-treelist .k-grid-aria-root",attribute:"role=treegrid",usage:"The role specifies the element is a TreeGrid."},{selector:".k-grid-aria-root",attribute:"aria-colcount (when present)",usage:"The total number of columns."},{selector:".k-grid-aria-root",attribute:"aria-rowcount (when present)",usage:"The total number of rows in the table."},{selector:".k-grid-header-wrap>table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-grid-header-wrap>table>thead",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr",attribute:"aria-rowindex (when present)",usage:"Row number."},{selector:".k-grid-header-wrap>table>thead>tr>th:not(.k-hierarchy-cell):not(.k-group-cell):not(.k-drag-cell)",attribute:"role=columnheader",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr>th",attribute:"aria-sort (when present)",usage:"Present if sorting is enabled for that column."},{selector:".k-grid-header-wrap>table>thead>tr>th",attribute:"aria-colindex (when present)",usage:"Col number."},{selector:".k-grid-header-wrap>table>thead>tr>th",attribute:"aria-haspopup=dialog (when present)",usage:"Present if the column has a ColumnMenu or FilterMenu."},{selector:".k-grid-content>table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-grid-content>table>tbody",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-content>table>tbody>tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-content>table>tbody>tr",attribute:"aria-rowindex (when present)",usage:"Row number."},{selector:".k-grid-content>table>tbody>tr>td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-content>table>tbody>tr>td",attribute:"aria-colindex (when present)",usage:"Col number."},{selector:"tr.k-selected",attribute:"aria-selected=true",usage:"Set on the currently selected row(s) in row selection mode. All cells within the selected row also carry aria-selected=true (without k-selected class)."},{selector:"td.k-selected",attribute:"aria-selected=true",usage:"Set on the currently selected cell(s) in cell selection mode. The k-selected class on cells is only applied in cell selection mode, but aria-selected=true is present on cells regardless of selection mode."},{selector:".k-grid-content>table>tbody>tr",attribute:"aria-expanded (when present)",usage:"Set on the currently expanded row(s)."},{selector:".k-grid-content>table>tbody>tr td",attribute:"aria-expanded (when present)",usage:"The cell containing the expand/collapse toggle also carries aria-expanded matching the row value, as it is the navigable focusable element."},{selector:'.k-treelist-toggle[class*="i-caret-alt-down"],.k-treelist-toggle[class*="i-caret-alt-right"]',attribute:"aria-hidden=true",usage:"Removes the expand/collapse icon from the accessibility tree."},{selector:".k-grid-filter-popup",attribute:"role=dialog",usage:"The filter menu popup has dialog role."},{selector:".k-grid-filter-popup",attribute:"id",usage:"Unique id linked to the header cell aria-controls attribute."},{selector:".k-grid-filter-popup",attribute:"aria-label",usage:"Descriptive label for the filter menu."},{selector:".k-grid-columnmenu-popup",attribute:"role=dialog",usage:"The column menu popup has dialog role."},{selector:".k-grid-columnmenu-popup",attribute:"id",usage:"Unique id linked to the header cell aria-controls attribute."},{selector:".k-grid-columnmenu-popup",attribute:"aria-label",usage:"Descriptive label for the column menu."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"role=button",usage:"Column menu items have button role."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"tabindex=0",usage:"Column menu items are focusable."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"aria-expanded (when present)",usage:"Expandable column menu items announce their expanded state."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"aria-controls (when present)",usage:"Expandable items point to the id of the content they control."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"role=listbox",usage:"The column list is a listbox."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"aria-multiselectable=true",usage:"The column list supports multiple selections."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"aria-label",usage:"Accessible name for the column list."},{selector:".k-grid-columnmenu-popup .k-column-list-item",attribute:"role=option",usage:"Column list items are options."},{selector:".k-grid-columnmenu-popup .k-column-list-item",attribute:"aria-checked",usage:"Column list items announce their checked state."},{selector:".k-grid-header-locked table tr",attribute:"aria-owns",usage:"Locked header rows own cells from the corresponding non-locked header table rows."},{selector:".k-grid-content-locked table tr",attribute:"aria-owns",usage:"Locked content rows own cells from the corresponding non-locked content table rows."},{selector:".k-grid-lockedcolumns .k-grid-header-wrap table tr",attribute:"role=none",usage:"Non-locked header rows have their semantic role removed when locked columns exist."},{selector:".k-grid-lockedcolumns .k-grid-content table tr",attribute:"role=none",usage:"Non-locked content rows have their semantic role removed when locked columns exist."},{selector:".k-grid-lockedcolumns .k-grid-header-wrap th",attribute:"role=columnheader",usage:"Non-locked header cells retain columnheader role so they are announced correctly when owned via aria-owns."},{selector:".k-grid-lockedcolumns .k-grid-content td",attribute:"role=gridcell",usage:"Non-locked data cells retain gridcell role so they are announced correctly when owned via aria-owns."},{selector:".k-drag-cell",attribute:"aria-label",usage:"Must be present in a Drag Row scenario on the cell containing the drag handle."}]};import{jsx as Q,jsxs as $e}from"react/jsx-runtime";var pa=({gridHeader:e,gridContent:t,menu:o,...r})=>{let l=G("treelist");return $e(fe,{id:G("treelist"),_renderAriaRoot:!0,ariaRootId:l,ariaColCount:3,ariaRowCount:6,...r,children:[e||Q(K,{children:Q("div",{className:"k-grid-header-wrap",children:$e(D,{role:"none",children:[$e("colgroup",{children:[Q("col",{}),Q("col",{}),Q("col",{})]}),Q(P,{role:"rowgroup",children:$e(g,{role:"row","aria-rowindex":1,children:[Q(C,{menu:o,columnTitle:"Name",role:"columnheader","aria-sort":"ascending","aria-colindex":1,...o?{"aria-haspopup":"dialog"}:{}}),Q(C,{menu:o,columnTitle:"Position",role:"columnheader","aria-colindex":2,...o?{"aria-haspopup":"dialog"}:{}}),Q(C,{menu:o,columnTitle:"Hire Date",role:"columnheader","aria-colindex":3,...o?{"aria-haspopup":"dialog"}:{}})]})})]})})}),Q(V,{children:t||Q(z,{children:$e(U,{role:"none",children:[$e("colgroup",{children:[Q("col",{}),Q("col",{}),Q("col",{})]}),$e(_,{role:"rowgroup",children:[$e(g,{role:"row","aria-rowindex":2,"aria-expanded":"true",children:[$e(i,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[Q(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),Q(i,{role:"gridcell","aria-colindex":2,children:"Sweeney"}),Q(i,{role:"gridcell","aria-colindex":3,children:"CEO"})]}),$e(g,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"true",children:[$e(i,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[Q(p,{className:"k-treelist-toggle",icon:"none"}),Q(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),Q(i,{role:"gridcell","aria-colindex":2,children:"Wooten"}),Q(i,{role:"gridcell","aria-colindex":3,children:"Chief Technical Officer"})]}),$e(g,{role:"row","aria-rowindex":4,"aria-expanded":"true",children:[$e(i,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[Q(p,{className:"k-treelist-toggle",icon:"none"}),Q(p,{className:"k-treelist-toggle",icon:"none"}),Q(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),Q(i,{role:"gridcell","aria-colindex":2,children:"Weber"}),Q(i,{role:"gridcell","aria-colindex":3,children:"VP, Engineering"})]}),$e(g,{role:"row",alt:!0,"aria-rowindex":5,"aria-expanded":"true",children:[$e(i,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[Q(p,{className:"k-treelist-toggle",icon:"none"}),Q(p,{className:"k-treelist-toggle",icon:"none"}),Q(p,{className:"k-treelist-toggle",icon:"none"}),Q(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),Q(i,{role:"gridcell","aria-colindex":2,children:"Hood"}),Q(i,{role:"gridcell","aria-colindex":3,children:"Team Lead"})]}),$e(g,{role:"row","aria-rowindex":6,children:[$e(i,{role:"gridcell","aria-colindex":1,children:[Q(p,{className:"k-treelist-toggle",icon:"none"}),Q(p,{className:"k-treelist-toggle",icon:"none"}),Q(p,{className:"k-treelist-toggle",icon:"none"}),Q(p,{className:"k-treelist-toggle",icon:"none"}),Q(p,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),Q(i,{role:"gridcell","aria-colindex":2,children:"Carr"}),Q(i,{role:"gridcell","aria-colindex":3,children:"Junior Software Developer"})]})]})]})})})]})};import{jsx as cw}from"react/jsx-runtime";var qp=e=>cw(pa,{menu:"column",...e});import{Fragment as iee,jsx as ree,jsxs as lee}from"react/jsx-runtime";import{jsx as pw}from"react/jsx-runtime";var Yp=e=>pw(pa,{menu:"filter",...e});import{Fragment as Nee,jsx as xee,jsxs as kee}from"react/jsx-runtime";import{Fragment as Iee,jsx as Aee,jsxs as Eee}from"react/jsx-runtime";import{jsx as H,jsxs as We}from"react/jsx-runtime";var Qp=({gridHeader:e,gridContent:t,menu:o,...r})=>{let l=G("treelist");return We(fe,{id:G("treelist"),_renderAriaRoot:!0,ariaRootId:l,ariaColCount:4,ariaRowCount:6,...r,children:[e||H(K,{children:H("div",{className:"k-grid-header-wrap",children:We(D,{role:"none",children:[We("colgroup",{children:[H("col",{className:"k-drag-col"}),H("col",{}),H("col",{}),H("col",{})]}),H(P,{role:"rowgroup",children:We(g,{role:"row","aria-rowindex":1,children:[H(C,{role:"columnheader",accessibleLabel:"Drag column"}),H(C,{menu:o,columnTitle:"First Name",role:"columnheader","aria-colindex":2}),H(C,{menu:o,columnTitle:"Last Name",role:"columnheader","aria-colindex":3}),H(C,{menu:o,columnTitle:"Position",role:"columnheader","aria-colindex":4})]})})]})})}),H(V,{children:t||H(z,{children:We(U,{role:"none",children:[We("colgroup",{children:[H("col",{className:"k-drag-col"}),H("col",{}),H("col",{}),H("col",{})]}),We(_,{role:"rowgroup",children:[We(g,{role:"row","aria-rowindex":2,"aria-expanded":"true",children:[H(i,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:H(p,{icon:"reorder"})}),We(i,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[H(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),H(i,{role:"gridcell","aria-colindex":3,children:"Sweeney"}),H(i,{role:"gridcell","aria-colindex":4,children:"CEO"})]}),We(g,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"true",children:[H(i,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:H(p,{icon:"reorder"})}),We(i,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[H(p,{className:"k-treelist-toggle",icon:"none"}),H(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),H(i,{role:"gridcell","aria-colindex":3,children:"Wooten"}),H(i,{role:"gridcell","aria-colindex":4,children:"Chief Technical Officer"})]}),We(g,{role:"row","aria-rowindex":4,"aria-expanded":"true",children:[H(i,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:H(p,{icon:"reorder"})}),We(i,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[H(p,{className:"k-treelist-toggle",icon:"none"}),H(p,{className:"k-treelist-toggle",icon:"none"}),H(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),H(i,{role:"gridcell","aria-colindex":3,children:"Weber"}),H(i,{role:"gridcell","aria-colindex":4,children:"VP, Engineering"})]}),We(g,{role:"row",alt:!0,"aria-rowindex":5,"aria-expanded":"true",children:[H(i,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:H(p,{icon:"reorder"})}),We(i,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[H(p,{className:"k-treelist-toggle",icon:"none"}),H(p,{className:"k-treelist-toggle",icon:"none"}),H(p,{className:"k-treelist-toggle",icon:"none"}),H(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),H(i,{role:"gridcell","aria-colindex":3,children:"Hood"}),H(i,{role:"gridcell","aria-colindex":4,children:"Team Lead"})]}),We(g,{role:"row","aria-rowindex":6,children:[H(i,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:H(p,{icon:"reorder"})}),We(i,{role:"gridcell","aria-colindex":2,children:[H(p,{className:"k-treelist-toggle",icon:"none"}),H(p,{className:"k-treelist-toggle",icon:"none"}),H(p,{className:"k-treelist-toggle",icon:"none"}),H(p,{className:"k-treelist-toggle",icon:"none"}),H(p,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),H(i,{role:"gridcell","aria-colindex":3,children:"Carr"}),H(i,{role:"gridcell","aria-colindex":4,children:"Junior Software Developer"})]})]})]})})})]})};import{jsx as Xee,jsxs as Jee}from"react/jsx-runtime";import{jsx as ote,jsxs as ate}from"react/jsx-runtime";import{jsx as pte,jsxs as mte}from"react/jsx-runtime";import{jsx as kte,jsxs as Nte}from"react/jsx-runtime";import{jsx as M,jsxs as xe}from"react/jsx-runtime";var mw=fe.options,uw=fe.states,Zp={...fe.defaultOptions,variant:"normal"},bw=[{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"}],Tw=[{name:"toolbar",title:"Toolbar"},{name:"pager",title:"Pager"}],Tr=e=>{let{variant:t,modifiers:o,...r}={...Zp,...e},l={},s=xe(eo,{children:[M(m,{icon:"plus",children:"Add New"}),M(m,{icon:"file-pdf",children:"Export to PDF"}),M("span",{className:"k-spacer"}),M(Te,{prefix:M(p,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=M(Ne,{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 M(Qp,{...r,...l});case"column-menu":return M(qp,{...r,...l,gridHeader:M(K,{children:M("div",{className:"k-grid-header-wrap",children:xe(D,{children:[xe("colgroup",{children:[M("col",{}),M("col",{}),M("col",{})]}),M(P,{children:xe(g,{children:[M(C,{menu:"column",columnTitle:"First Name"}),M(C,{menu:"column",columnTitle:"Last Name"}),M(C,{menu:"column",columnTitle:"Position"})]})})]})})})});case"filter-row":return M(Yp,{...r,...l,gridHeader:M(K,{children:M("div",{className:"k-grid-header-wrap",children:xe(D,{children:[xe("colgroup",{children:[M("col",{}),M("col",{}),M("col",{})]}),M(P,{children:xe(g,{children:[M(C,{menu:"filter",columnTitle:"First Name"}),M(C,{menu:"filter",columnTitle:"Last Name"}),M(C,{menu:"filter",columnTitle:"Position"})]})})]})})})});case"sorting":return M(pa,{...r,...l,gridHeader:M(K,{children:M("div",{className:"k-grid-header-wrap",children:xe(D,{children:[xe("colgroup",{children:[M("col",{}),M("col",{}),M("col",{})]}),M(P,{children:xe(g,{children:[M(C,{columnTitle:"First Name"}),M(C,{columnTitle:"Last Name",sortable:!0}),M(C,{columnTitle:"Position"})]})})]})})}),gridContent:M(z,{children:xe(U,{children:[xe("colgroup",{children:[M("col",{}),M("col",{className:"k-sorted"}),M("col",{})]}),xe(_,{children:[xe(g,{className:"k-treelist-group",children:[xe(i,{children:[M(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),M(i,{children:"Sweeney"}),M(i,{children:"CEO"})]}),xe(g,{className:"k-treelist-group",alt:!0,children:[xe(i,{children:[M(p,{className:"k-treelist-toggle",icon:"none"}),M(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),M(i,{children:"Wooten"}),M(i,{children:"Chief Technical Officer"})]}),xe(g,{className:"k-treelist-group",children:[xe(i,{children:[M(p,{className:"k-treelist-toggle",icon:"none"}),M(p,{className:"k-treelist-toggle",icon:"none"}),M(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),M(i,{children:"Weber"}),M(i,{children:"VP, Engineering"})]}),xe(g,{className:"k-treelist-group",alt:!0,children:[xe(i,{children:[M(p,{className:"k-treelist-toggle",icon:"none"}),M(p,{className:"k-treelist-toggle",icon:"none"}),M(p,{className:"k-treelist-toggle",icon:"none"}),M(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),M(i,{children:"Hood"}),M(i,{children:"Team Lead"})]}),xe(g,{children:[xe(i,{children:[M(p,{className:"k-treelist-toggle",icon:"none"}),M(p,{className:"k-treelist-toggle",icon:"none"}),M(p,{className:"k-treelist-toggle",icon:"none"}),M(p,{className:"k-treelist-toggle",icon:"none"}),M(p,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),M(i,{children:"Carr"}),M(i,{children:"Junior Software Developer"})]})]})]})})});default:return M(pa,{...r,...l,gridHeader:M(K,{children:M("div",{className:"k-grid-header-wrap",children:xe(D,{children:[xe("colgroup",{children:[M("col",{}),M("col",{}),M("col",{})]}),M(P,{children:xe(g,{children:[M(C,{columnTitle:"First Name"}),M(C,{columnTitle:"Last Name"}),M(C,{columnTitle:"Position"})]})})]})})})})}};Tr.options=mw;Tr.states=uw;Tr.variants=bw;Tr.defaultOptions=Zp;Tr.modifiers=Tw;Tr.className=fe.className;import{jsx as ioe,jsxs as noe}from"react/jsx-runtime";var Qn="tooltip",jp=Qn;import{jsx as Yr,jsxs as em}from"react/jsx-runtime";var Zn="k-tooltip",fw=[],gw={themeColor:[L.undefined,L.base,L.inverse,L.info,L.success,L.warning,L.error]},tm={closable:!1},Tt=e=>{let{closable:t=tm.closable,callout:o,themeColor:r,title:l,content:s,icon:c,id:u=G("tooltip"),...T}=e;return em("div",{...T,className:a(e.className,Zn,R(Zn,{themeColor:r}),{"k-tooltip-closable":t}),role:"tooltip",id:u,children:[c&&Yr(p,{className:"k-tooltip-icon",icon:c}),em("div",{className:"k-tooltip-content",children:[l&&Yr("div",{className:"k-tooltip-title",children:l}),s]}),t&&Yr("div",{className:"k-tooltip-button",role:"button","aria-label":"Close",tabIndex:0,children:Yr(p,{icon:"x"})}),o&&Yr("div",{className:a("k-callout",{[`k-callout-${as.calloutMap[o]||o}`]:o})})]})};Tt.states=fw;Tt.options=gw;Tt.className=Zn;Tt.defaultOptions=tm;Tt.moduleName=Qn;Tt.folderName=jp;Tt.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 jn=Tt;import{jsx as hw}from"react/jsx-runtime";var om=e=>hw(jn,{content:"Tooltip Content",...e});import{jsx as koe}from"react/jsx-runtime";import{jsx as es,jsxs as ww}from"react/jsx-runtime";var xw={...Tt.options,closable:{type:"boolean"},callout:["none","top","bottom","left","right"]},kw=Tt.states,am={...Tt.defaultOptions,callout:"top"},Nw=[],fr=e=>{let{callout:t="top",...o}={...am,...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 ww("div",{style:{position:"absolute"},children:[es(At,{style:{top:l,left:s},children:es(om,{style:{width:"86px",textAlign:"center"},callout:c,content:"Content",...o})}),es(m,{text:"Show"})]})};fr.options=xw;fr.states=kw;fr.variants=Nw;fr.defaultOptions=am;fr.modifiers=[];fr.className=Tt.className;import{Fragment as Voe,jsx as $oe,jsxs as Woe}from"react/jsx-runtime";import{jsx as b,jsxs as J}from"react/jsx-runtime";var rm=({flexBasis:e="30%",gridContentHeight:t="180px",tablesWidth:o="675px",tablesHeight:r="828px",currentTimeLeftOffset:l="243px",ganttDependencies:s,menu:c,...u})=>b(gt,{headerToolbar:J(jo,{"aria-label":"Toolbar",children:[b(m,{className:"k-gantt-toggle",icon:"layout-1-by-4","aria-label":"Toggle TreeList"}),b(m,{className:"k-gantt-create",icon:"plus",children:"Add Task"}),b("span",{className:"k-spacer"}),J("div",{className:"k-gantt-views-wrapper",children:[J("select",{className:"k-picker k-dropdown-list k-dropdown k-views-dropdown","aria-label":"Select view",children:[b("option",{value:"day",children:"Day"}),b("option",{value:"week",children:"Week"}),b("option",{value:"month",children:"Month"})]}),J($,{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(Ja,{"aria-label":"Toolbar",children:b(m,{className:"k-gantt-create",icon:"plus",children:"Add Task"})}),...u,children:b(ea,{children:u.children||b(_e,{className:"k-gantt-splitter",panes:[b(Be,{className:"k-gantt-treelist",flexBasis:e,children:J(fe,{_renderAriaRoot:!0,children:[b(K,{children:b("div",{className:"k-grid-header-wrap",children:J(D,{style:{minWidth:"250px"},children:[J("colgroup",{children:[b("col",{style:{width:"50px"}}),b("col",{})]}),b(P,{children:J(g,{children:[b(C,{menu:c,rowspan:1,columnTitle:"ID"}),b(C,{menu:c,rowspan:1,columnTitle:"Title"})]})})]})})}),b(V,{children:b(z,{style:{height:t},children:J(U,{style:{minWidth:"250px"},children:[J("colgroup",{children:[b("col",{style:{width:"50px"}}),b("col",{})]}),J(_,{children:[J(g,{children:[b(i,{children:"7"}),J(i,{children:[b(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Software validation, research and implementation"]})]}),J(g,{alt:!0,children:[b(i,{children:"18"}),J(i,{children:[b(p,{className:"k-treelist-toggle",icon:"none"}),b(p,{className:"k-treelist-toggle",icon:"none"}),"Project Kickoff"]})]}),J(g,{children:[b(i,{children:"11"}),J(i,{children:[b(p,{className:"k-treelist-toggle",icon:"none"}),b(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Research"]})]}),J(g,{alt:!0,children:[b(i,{children:"19"}),J(i,{children:[b(p,{className:"k-treelist-toggle",icon:"none"}),b(p,{className:"k-treelist-toggle",icon:"none"}),b(p,{className:"k-treelist-toggle",icon:"none"}),"Validation with Customers"]})]}),J(g,{children:[b(i,{children:"20"}),J(i,{children:[b(p,{className:"k-treelist-toggle",icon:"none"}),b(p,{className:"k-treelist-toggle",icon:"none"}),b(p,{className:"k-treelist-toggle",icon:"none"}),"Market Research"]})]})]})]})})})]})},"gantt-treelist-pane"),b(Be,{className:"k-gantt-timeline-pane",children:J(W,{className:"k-gantt-timeline",children:[b(K,{children:b("div",{className:"k-grid-header-wrap",children:J(D,{style:{width:o},children:[J("colgroup",{children:[b("col",{}),b("col",{}),b("col",{}),b("col",{}),b("col",{}),b("col",{}),b("col",{})]}),J(_,{children:[b(g,{children:b(i,{className:"k-header",colspan:7,children:"Sun 6/01 - Sat 6/07"})}),J(g,{children:[b(i,{colspan:1,className:"k-header k-nonwork-hour",children:"Sun 6/01"}),b(i,{className:"k-header",colspan:1,children:"Mon 6/02"}),b(i,{className:"k-header",colspan:1,children:"Tue 6/03"}),b(i,{className:"k-header",colspan:1,children:"Wed 6/04"}),b(i,{className:"k-header",colspan:1,children:"Thu 6/05"}),b(i,{className:"k-header",colspan:1,children:"Fri 6/06"}),b(i,{colspan:1,className:"k-header k-nonwork-hour",children:"Sat 6/07"})]})]})]})})}),J(z,{style:{height:t},role:"tree",children:[J(ta,{children:[J(aa,{className:"k-grid-table",style:{width:o},children:[b("colgroup",{children:b("col",{})}),J(_,{children:[b(g,{children:b(i,{})}),b(g,{alt:!0,children:b(i,{})}),b(g,{children:b(i,{})}),b(g,{alt:!0,children:b(i,{})}),b(g,{children:b(i,{})})]})]}),J(oa,{style:{width:o,height:r},children:[J("colgroup",{children:[b("col",{}),b("col",{}),b("col",{}),b("col",{}),b("col",{}),b("col",{}),b("col",{})]}),b(_,{children:J(g,{children:[b(i,{className:"k-nonwork-hour"}),b(i,{}),b(i,{}),b(i,{}),b(i,{}),b(i,{}),b(i,{className:"k-nonwork-hour"})]})})]}),J(ra,{style:{width:o},children:[b("colgroup",{children:b("col",{})}),J(_,{children:[b(g,{children:b(i,{children:J(ct,{type:"summary",style:{left:"113px"},children:[b(dt,{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(Pe,{}),b(Pe,{position:"end",style:{right:"0px"}})]})})}),b(g,{children:b(i,{children:J(ct,{type:"milestone",style:{left:"113px"},children:[b(dt,{type:"milestone",ariaLevel:2,"aria-label":"Project Kickoff"}),b(Pe,{}),b(Pe,{position:"end",style:{right:"0px"}})]})})}),b(g,{children:b(i,{children:J(ct,{type:"summary",style:{left:"113px"},children:[b(dt,{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(Pe,{}),b(Pe,{position:"end",style:{right:"0px"}})]})})}),b(g,{children:b(i,{children:J(ct,{style:{left:"113px"},children:[J(dt,{ariaLevel:3,"aria-label":"Validation with Customers",style:{width:"200px"},children:[b("div",{className:"k-task-complete","aria-hidden":"true",style:{width:"50px"}}),b(Wt,{content:"Validation with Customers"})]}),b(Pe,{}),b(Pe,{position:"end",style:{right:"0px"}}),b("div",{className:"k-task-draghandle","aria-hidden":"true",style:{left:"50px"}})]})})}),b(g,{children:b(i,{children:J(ct,{style:{left:"113px"},children:[J(dt,{ariaLevel:3,"aria-label":"Market Research",style:{width:"200px"},children:[b("div",{className:"k-task-complete","aria-hidden":"true",style:{width:"164px"}}),b(Wt,{content:"Market Research"})]}),b(Pe,{}),b(Pe,{position:"end",style:{right:"0px"}}),b("div",{className:"k-task-draghandle","aria-hidden":"true",style:{left:"164px"}})]})})})]})]})]}),s||J("div",{className:"k-gantt-dependencies","aria-hidden":"true",style:{width:o},children:[b(ye,{style:{left:"124.5px",top:"53px",width:"10px"}}),b(ye,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),b(ye,{style:{left:"103px",top:"71px",width:"31.5px"}}),b(ye,{orientation:"vertical",style:{left:"103px",top:"71px",height:"54px"}}),b(ye,{style:{left:"103px",top:"125px",width:"9px"},children:b("span",{className:"k-arrow-e"})}),b(ye,{style:{left:"124.5px",top:"53px",width:"10px"}}),b(ye,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),b(ye,{style:{left:"103px",top:"71px",width:"31.5px"}}),b(ye,{orientation:"vertical",style:{left:"103px",top:"71px",height:"90px"}}),b(ye,{style:{left:"103px",top:"161px",width:"9px"},children:b("span",{className:"k-arrow-e"})}),b(ye,{style:{left:"313px",top:"125px",width:"10px"}}),b(ye,{orientation:"vertical",style:{left:"321px",top:"125px",height:"18px"}}),b(ye,{style:{left:"303px",top:"143px",width:"20px"}}),b(ye,{orientation:"vertical",style:{left:"303px",top:"143px",height:"18px"}})]}),b("div",{className:"k-current-time","aria-hidden":"true",style:{left:l,top:"0px",width:"1px",height:r}})]})]})},"gantt-timeline-pane")]})})});import{jsx as Sw}from"react/jsx-runtime";var vw={},Cw=[],Lw=[],yw={},Mw=[],ma=()=>Sw(rm,{flexBasis:"40%",gridContentHeight:"197px",style:{width:"90%",height:"367px"}});ma.options=vw;ma.states=Cw;ma.variants=Lw;ma.defaultOptions=yw;ma.modifiers=Mw;ma.className=gt.className;var Cae=ma;export{ma as GanttDemo,Cae as default};
+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 S=(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"}),A=(e,t)=>{let{valid:o,invalid:r,hover:l,focus:s,checked:c,active:u,selected:f,disabled:h,indeterminate:w,loading:v,empty:T,readonly:y,highlighted:R,...I}=t;return a({"k-valid":o,"k-invalid":r,"k-hover":l,"k-focus":s,"k-checked":c,"k-active":u,"k-selected":f,"k-disabled":h,"k-indeterminate":w&&!c,"k-loading":v,"k-empty":T,"k-readonly":y,"k-highlighted":R},Object.keys(I).reduce((B,O)=>(O.startsWith("k-")?B[O]=I[O]:B[`k-${O}`]=I[O],B),{}))};function ds(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"},k={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},L={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},i={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"},cs={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var Yl={};function G(e){return Yl[e]=(Yl[e]||0)+1,`k-${e}-${Yl[e]}`}var be="gantt",ge=be;import{jsxs as Nm}from"react/jsx-runtime";var ps="k-gantt",gm=[],hm={},xm={},gt=e=>{let{headerToolbar:t,footerToolbar:o,...r}=e;return Nm("div",{...r,className:a(e.className,ps),role:"application","aria-roledescription":"Gantt Chart",children:[t,e.children,o]})};gt.states=gm;gt.options=hm;gt.className=ps;gt.defaultOptions=xm;gt.moduleName=be;gt.folderName=ge;gt.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 Cm,jsx as ms}from"react/jsx-runtime";var Ql="k-font-icon",km=[],wm={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[L.undefined,L.base,L.primary,L.secondary,L.tertiary,L.success,L.warning,L.error,L.info]},vm={},xr=e=>{let{size:t,themeColor:o,icon:r,rotate:l,flip:s,...c}=e;return r?ms("span",{...c,className:a(e.className,Ql,S(Ql,{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"}):ms(Cm,{})};xr.states=km;xr.options=wm;xr.className=Ql;xr.defaultOptions=vm;var us=xr;import{Fragment as Mm,jsx as el}from"react/jsx-runtime";var Zl="k-svg-icon",Lm=[],ym={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[L.undefined,L.base,L.primary,L.secondary,L.tertiary,L.success,L.warning,L.error,L.info]},bs={viewBox:"0 0 24 24"},Nr=e=>{let{size:t,themeColor:o,rotate:r,flip:l,viewBox:s=bs.viewBox,icon:c,...u}=e;if(!c)return el(Mm,{});if(c==="none")return el("span",{...u,className:a(e.className,Zl,S("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof c=="object"&&c.name&&c.name;return el("span",{...u,className:a(e.className,Zl,S("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true",children:el("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:s,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};Nr.states=Lm;Nr.options=ym;Nr.className=Zl;Nr.defaultOptions=bs;var jl=Nr;import*as ei from"@progress/kendo-svg-icons";var fs="icon",Ts="icons";import{useContext as Rm}from"react";import{createContext as Sm}from"react";var gs=Sm({iconsType:"svg"});import{Fragment as hs,jsx as kr}from"react/jsx-runtime";var tl="k-icon",Am=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Em=[],Im={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[L.undefined,L.base,L.primary,L.secondary,L.tertiary,L.success,L.warning,L.error,L.info]},ti={viewBox:"0 0 24 24",type:"svg"},p=e=>{let{iconsType:t}=Rm(gs),{size:o,themeColor:r,icon:l,type:s=t||ti.type,rotate:c,flip:u,viewBox:f=ti.viewBox,...h}=e;if(!l)return kr(hs,{});if((t||s)==="svg"){if(l==="none")return kr(jl,{...h,className:a(e.className,tl),icon:l,size:o});let v=ei[l]?l:Am(`${l}-icon`);return ei[v]?kr(jl,{...h,className:a(e.className,tl),icon:ei[v],size:o,themeColor:r,rotate:c,flip:u,viewBox:f}):kr(hs,{})}return kr(us,{...h,className:a(e.className,tl),icon:l,size:o,themeColor:r,rotate:c,flip:u})};p.states=Em;p.options=Im;p.defaultOptions=ti;p.className=tl;p.moduleName=fs;p.folderName=Ts;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 oi="button",xs=oi;import{Fragment as Pm,jsx as wr,jsxs as Ns}from"react/jsx-runtime";var vr="k-button",Gm=["icon-button"],Om=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],Hm={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:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link],themeColor:[L.undefined,L.base,L.primary,L.secondary,L.tertiary,L.success,L.warning,L.error,L.info,L.inverse]},ai={showArrow:!1,arrowIconName:"caret-alt-down"},m=e=>{let{as:t="button",size:o,rounded:r,fillMode:l,themeColor:s,showArrow:c=ai.showArrow,arrowIconName:u=ai.arrowIconName,variant:f,hover:h,focus:w,active:v,selected:T,disabled:y,togglable:R,ariaDisabled:I,icon:B,text:O,iconClassName:j,className:ve,...ue}=e,qe=B!==void 0,Ye=e.children!==void 0;return Ns(t,{className:a(ve,vr,ds(vr,f),S(vr,{size:o,rounded:r,fillMode:l,themeColor:s}),A(vr,{hover:h,focus:w,active:v,disabled:y||I,selected:T}),{"k-icon-button":!O&&!Ye&&qe}),...ue,"aria-pressed":R?T?"true":"false":void 0,"aria-disabled":I?"true":void 0,disabled:y||void 0,children:[B&&wr(p,{className:a(j,"k-button-icon"),icon:B}),O?Ns(Pm,{children:[O&&wr("span",{className:"k-button-text",children:O}),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=Om;m.options=Hm;m.variants=Gm;m.className=vr;m.defaultOptions=ai;m.moduleName=oi;m.folderName=xs;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 _m}from"react/jsx-runtime";var xo=e=>_m(m,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Km}from"react/jsx-runtime";var Cr=e=>Km(m,{icon:"folder",children:"Button",...e});import{jsx as Dm}from"react/jsx-runtime";var zo=e=>Dm(m,{children:"Button",...e});import{jsx as ri}from"react/jsx-runtime";var Bm=m.options,zm=m.states,Um={...m.defaultOptions,variant:"text"},Fm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],$m=[],fa=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return ri(xo,{...o,icon:"star"});case"icon-and-text":return ri(Cr,{...o,icon:"star",children:"Button"});default:return ri(zo,{...o,children:"Button"})}};fa.options=Bm;fa.states=zm;fa.variants=Fm;fa.defaultOptions=Um;fa.modifiers=$m;fa.className=m.className;var li="button",ks=li;import{jsx as Jm}from"react/jsx-runtime";var Lr="k-button-group",Wm=[i.disabled],Vm={fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link]},Xm={},J=e=>{let{fillMode:t,disabled:o,stretched:r,...l}=e;return Jm("div",{role:"group",...l,className:a(e.className,Lr,S(Lr,{fillMode:t}),A(Lr,{disabled:o}),{[`${Lr}-stretched`]:r}),...o&&{"aria-disabled":"true"},children:e.children})};J.states=Wm;J.options=Vm;J.className=Lr;J.defaultOptions=Xm;J.moduleName=li;J.folderName=ks;J.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};import{Fragment as uC,jsx as mC,jsxs as bC}from"react/jsx-runtime";import{Fragment as NC,jsx as xC,jsxs as kC}from"react/jsx-runtime";import{Fragment as MC,jsx as yC,jsxs as SC}from"react/jsx-runtime";import{Fragment as OC,jsx as GC,jsxs as HC}from"react/jsx-runtime";import{Fragment as zC,jsx as BC,jsxs as UC}from"react/jsx-runtime";import{Fragment as JC,jsx as XC,jsxs as qC}from"react/jsx-runtime";import{jsx as ro,jsxs as ii}from"react/jsx-runtime";var qm={...m.options,...J.options},Ym=m.states,Qm={...m.defaultOptions,...J.defaultOptions,variant:"text-button"},Zm=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],jm=[],Ta=e=>{let{variant:t,className:o,...r}=e;return t==="icon-button"?ii(J,{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"?ii(J,{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"})]}):ii(J,{fillMode:r.fillMode,className:o,children:[ro(m,{...r,children:"First"}),ro(m,{...r,children:"Middle"}),ro(m,{...r,children:"Last"})]})};Ta.options=qm;Ta.states=Ym;Ta.variants=Zm;Ta.defaultOptions=Qm;Ta.modifiers=jm;Ta.className=J.className;var yr="input",ol=yr;import{jsx as au}from"react/jsx-runtime";var al="k-input",eu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],tu={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},ou={},Ie=e=>{let{hover:t,focus:o,disabled:r,invalid:l,valid:s,loading:c,readonly:u,size:f,rounded:h,fillMode:w,...v}=e;return au("span",{...v,className:a(e.className,al,S(al,{size:f,rounded:h,fillMode:w}),A(al,{hover:t,focus:o,disabled:r,invalid:l,valid:s,loading:c,readonly:u}))})};Ie.states=eu;Ie.options=tu;Ie.className=al;Ie.defaultOptions=ou;Ie.moduleName=yr;Ie.folderName=ol;import{jsx as nu}from"react/jsx-runtime";var rl="k-picker",ru=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],lu={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},iu={},qt=e=>{let{hover:t,focus:o,disabled:r,invalid:l,valid:s,loading:c,readonly:u,size:f,rounded:h,fillMode:w,...v}=e;return nu("span",{...v,className:a(e.className,rl,S(rl,{size:f,rounded:h,fillMode:w}),A(rl,{hover:t,focus:o,disabled:r,invalid:l,valid:s,loading:c,readonly:u})),children:e.children})};qt.states=ru;qt.options=lu;qt.className=rl;qt.defaultOptions=iu;qt.moduleName=yr;qt.folderName=ol;import{Fragment as cu,jsx as ni}from"react/jsx-runtime";var ws="k-clear-value",su=[i.disabled,i.loading,i.readonly],du={},ht=e=>{let{disabled:t,loading:o,readonly:r,value:l}=e;return t||r||o||!l?ni(cu,{}):ni("span",{className:a(e.className,ws),children:ni(p,{icon:"x"})})};ht.states=su;ht.options=du;ht.className=ws;import{jsx as uu}from"react/jsx-runtime";var si="k-input-inner",pu=[],mu={},ll={type:"text",autocomplete:"off",value:"",placeholder:""},xt=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 uu("input",{...u,type:o,className:a(e.className,si,S(si,e)),placeholder:r,autoComplete:l,defaultValue:t,disabled:s||void 0,readOnly:c||void 0})};xt.states=pu;xt.options=mu;xt.className=si;import{jsx as vs,jsxs as Tu}from"react/jsx-runtime";var di="k-input-inner",bu=[],fu={},Uo=e=>{let{value:t,placeholder:o,showValue:r,valueIcon:l,valueIconName:s,...c}=e;return Tu("span",{...c,className:a(e.className,di,S(di,e)),children:[l,!l&&s&&vs(p,{className:"k-input-value-icon",icon:s}),r&&!t&&o,r&&t&&vs("span",{className:"k-input-value-text",children:t})]})};Uo.states=bu;Uo.options=fu;Uo.className=di;import{jsx as xu}from"react/jsx-runtime";var ci="k-input-inner",gu=[],hu={},Cs={value:"",placeholder:""},pi=e=>{let{value:t=Cs.value,placeholder:o=Cs.placeholder,rows:r,disabled:l,...s}=e;return xu("textarea",{...s,className:a(e.className,ci,S(ci,e)),placeholder:o,rows:r,defaultValue:t,disabled:l||void 0})};pi.states=gu;pi.options=hu;pi.className=ci;import{Fragment as ku,jsx as Ls}from"react/jsx-runtime";var ys="k-input-loading-icon",Nu=[i.disabled,i.loading],nt=e=>{let{disabled:t,loading:o}=e;return t||!o?Ls(ku,{}):Ls("span",{className:a(e.className,ys,"k-icon k-i-loading")})};nt.states=Nu;nt.className=ys;import{Fragment as Cu,jsx as Ms}from"react/jsx-runtime";var Ss="k-input-validation-icon",wu=[i.valid,i.invalid,i.disabled,i.loading],vu={},Qe=e=>{let{valid:t,invalid:o,disabled:r,loading:l}=e,s=o?"warning-circle":"check-circle";return r||l||!!!(t||o)?Ms(Cu,{}):Ms(p,{className:a(Ss),icon:s})};Qe.states=wu;Qe.options=vu;Qe.className=Ss;import{Fragment as Mu,jsx as Rs}from"react/jsx-runtime";var Lu="k-input-prefix",yu={direction:"horizontal"},Mt=e=>{let{direction:t=yu.direction,...o}=e;return e.children?Rs("span",{...o,className:a(Lu,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Rs(Mu,{})};import{Fragment as Au,jsx as As}from"react/jsx-runtime";var Su="k-input-suffix",Ru={direction:"horizontal"},St=e=>{let{direction:t=Ru.direction,...o}=e;return e.children?As("span",{...o,className:a(Su,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):As(Au,{})};import{jsx as qL}from"react/jsx-runtime";import{jsx as Iu}from"react/jsx-runtime";var Eu="k-input-suffix-text",mi=e=>{let{children:t,...o}=e;return Iu("span",{...o,className:a(Eu,e.className),children:t})};import{jsx as Ou}from"react/jsx-runtime";var Es="k-input-separator",Gu={direction:"vertical"},Rt=e=>{let{direction:t=Gu.direction,...o}=e;return Ou("span",{...o,className:a(Es,e.className,{[`${Es}-${t}`]:t})})};import{Fragment as Is,jsx as Yt,jsxs as ui}from"react/jsx-runtime";var Hu=Ie.states,Pu=Ie.defaultOptions,_u=Ie.options,Ku=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Du=[],ga=e=>{let{modifiers:t,valid:o,invalid:r,loading:l,disabled:s,readonly:c,...u}=e,f=t?.prefix,h=t?.suffix,w=t?.["clear-button"],v=t?.["validation-icon"],T=t?.separators;return ui(Ie,{...u,valid:o,invalid:r,loading:l,disabled:s,readonly:c,style:{width:300},children:[f&&ui(Is,{children:[Yt(Mt,{children:Yt(p,{icon:"lock"})}),T&&Yt(Rt,{})]}),Yt(xt,{placeholder:"Placeholder",value:"Value"}),v&&Yt(Qe,{valid:o,invalid:r,loading:l,disabled:s}),Yt(nt,{loading:l,disabled:s}),w&&Yt(ht,{loading:l,disabled:s,readonly:c,value:"Value"}),h&&ui(Is,{children:[T&&Yt(Rt,{}),Yt(St,{children:Yt(zo,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};ga.options=_u;ga.states=Hu;ga.variants=Du;ga.defaultOptions=Pu;ga.modifiers=Ku;ga.className=Ie.className;import{jsx as Gs,jsxs as Uu}from"react/jsx-runtime";var Os="k-color-preview",Bu=[],zu={},No=e=>{let{color:t,iconName:o,...r}=e;return Uu("span",{...r,className:a(e.className,Os,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Gs(p,{icon:o,className:"k-color-preview-icon"}),Gs("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};No.states=Bu;No.options=zu;No.className=Os;var bi="popup",Hs=bi;import{jsx as Ps}from"react/jsx-runtime";var _s="k-animation-container",Fu=[],$u={},Ks={positionMode:"absolute"},At=e=>{let{positionMode:t=Ks.positionMode,animationStyle:o,offset:r,...l}=e;return Ps("div",{...l,style:{...r,...e.style},className:a(e.className,_s,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Ps("div",{className:"k-child-animation-container",style:o,children:e.children})})};At.states=Fu;At.options=$u;At.className=_s;At.defaultOptions=Ks;At.moduleName=bi;At.folderName=Hs;var fi="popup",Ds=fi;import{jsx as Bs}from"react/jsx-runtime";var zs="k-popup",Wu=[],Vu={},Us={positionMode:"absolute"},ne=e=>{let{offset:t,positionMode:o=Us.positionMode,animationStyle:r,containerClassName:l,containerRole:s,containerAriaLabel:c,...u}=e;return Bs(At,{positionMode:o,offset:t,animationStyle:r,className:l,role:s,"aria-label":c,children:Bs("div",{...u,className:a(e.className,zs),children:e.children})})};ne.states=Wu;ne.options=Vu;ne.className=zs;ne.defaultOptions=Us;ne.moduleName=fi;ne.folderName=Ds;ne.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var Ti="action-buttons",Fs=Ti;import{jsx as qu}from"react/jsx-runtime";var il="k-actions",Xu=[],Ju={},gi={alignment:"start",orientation:"horizontal"},Et=e=>{let{alignment:t=gi.alignment,orientation:o=gi.orientation,...r}=e;return qu("div",{...r,className:a(il,{[`${il}-${t}`]:t,[`${il}-${o}`]:o},e.className),children:e.children})};Et.states=Xu;Et.options=Ju;Et.className=il;Et.defaultOptions=gi;Et.moduleName=Ti;Et.folderName=Fs;import{jsx as Qu}from"react/jsx-runtime";var Yu="k-actionsheet-footer",$s={alignment:"stretched",orientation:"horizontal"},ko=e=>{let{alignment:t=$s.alignment,orientation:o=$s.orientation,template:r,as:l=r?"div":Et,...s}=e;return Qu(l,{...s,...!r&&{alignment:t,orientation:o},className:a(e.className,Yu),children:e.children})};var hi="searchbox",Ws=hi;import{jsx as Mr,jsxs as eb}from"react/jsx-runtime";var Vs="k-searchbox",Zu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],ju={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},xi={showIcon:!0,icon:"search"},Nt=e=>{let{value:t,placeholder:o,size:r,rounded:l,fillMode:s,hover:c,focus:u,valid:f,invalid:h,required:w,loading:v,disabled:T,showIcon:y=xi.showIcon,icon:R=xi.icon,"aria-label":I,...B}=e;return eb(Ie,{...B,size:r,rounded:l,fillMode:s,hover:c,focus:u,valid:f,invalid:h,required:w,loading:v,disabled:T,className:a(e.className,Vs),children:[y&&Mr(p,{className:"k-input-icon",icon:R}),Mr(xt,{placeholder:o,value:t,"aria-label":I}),Mr(nt,{...e}),Mr(Qe,{...e}),Mr(ht,{...e})]})};Nt.states=Zu;Nt.options=ju;Nt.className=Vs;Nt.defaultOptions=xi;Nt.moduleName=hi;Nt.folderName=Ws;import{jsx as NM}from"react/jsx-runtime";var Ni="textbox",Xs=Ni;import{Fragment as Js,jsx as wo,jsxs as ki}from"react/jsx-runtime";var qs="k-textbox",tb=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],ob={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},nl={showClearButton:!0,showValidationIcon:!0,separators:!0},fe=e=>{let{size:t,rounded:o,fillMode:r,separators:l=nl.separators,showClearButton:s=nl.showClearButton,showValidationIcon:c=nl.showValidationIcon,prefix:u,suffix:f,type:h,value:w,placeholder:v,hover:T,focus:y,valid:R,invalid:I,required:B,loading:O,disabled:j,readonly:ve,id:ue,"aria-label":qe,"aria-describedby":Ye,...Tt}=e;return ki(Ie,{...Tt,size:t,rounded:o,fillMode:r,hover:T,focus:y,valid:R,invalid:I,required:B,loading:O,disabled:j,readonly:ve,className:a(e.className,qs),children:[u&&ki(Js,{children:[wo(Mt,{children:u}),l&&wo(Rt,{})]}),wo(xt,{id:ue,placeholder:v,value:w,type:h,disabled:j,"aria-label":qe,"aria-describedby":Ye,"aria-invalid":I?"true":void 0}),c&&wo(Qe,{valid:R,invalid:I,loading:O,disabled:j}),wo(nt,{loading:O,disabled:j}),s&&wo(ht,{loading:O,disabled:j,readonly:ve,value:w}),f&&ki(Js,{children:[l&&wo(Rt,{}),wo(St,{children:f})]})]})};fe.states=tb;fe.options=ob;fe.className=qs;fe.defaultOptions=nl;fe.moduleName=Ni;fe.folderName=Xs;fe.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var Sr=fe;import{jsx as ab}from"react/jsx-runtime";var Ys=e=>ab(Sr,{...e});import{Fragment as KM,jsx as _M}from"react/jsx-runtime";import{Fragment as $M,jsx as FM}from"react/jsx-runtime";import{jsx as JM}from"react/jsx-runtime";import{jsx as wi}from"react/jsx-runtime";var rb=fe.states,lb=fe.defaultOptions,ib=fe.options,nb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],sb=[],ha=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":r.prefix=t?.[l]?wi(p,{icon:"lock"}):void 0;break;case"suffix":r.suffix=t?.[l]?wi(zo,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":r.showClearButton=t?.[l];break;default:break}}),wi(Ys,{value:"Value",style:{width:300},...o,...r})};ha.options=ib;ha.states=rb;ha.variants=sb;ha.defaultOptions=lb;ha.modifiers=nb;ha.className=fe.className;import{jsx as vo,jsxs as vi}from"react/jsx-runtime";var Qs="k-actionsheet-titlebar",db={},Ze=e=>{let{title:t,subtitle:o,actionsStart:r,actionsEnd:l,filter:s,input:c,inputValue:u,inputPlaceholder:f,adaptive:h,titleId:w,children:v,...T}=e;return vi("div",{...T,className:a(e.className,Qs),children:[vi("div",{className:"k-actionsheet-titlebar-group",children:[r&&vo("div",{className:"k-actionsheet-actions",children:r}),!v&&vi("div",{className:"k-actionsheet-title",id:w,children:[t&&vo("div",{className:"k-text-center",children:t}),o&&vo("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),v&&vo("div",{className:"k-actionsheet-title",id:w,children:v}),l&&vo("div",{className:"k-actionsheet-actions",children:l})]}),(c||s)&&vo("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?vo(fe,{value:u,placeholder:f,size:h?"large":"medium","aria-label":t||f||"Input"}):vo(Nt,{placeholder:"Filter",size:h?"large":"medium","aria-label":"Filter options"})})]})};Ze.className=Qs;Ze.defaultOptions=db;import{jsx as Ci,jsxs as ub}from"react/jsx-runtime";var Li="k-actionsheet-view",cb=[],pb={},mb={},xa=e=>{let{adaptive:t,animated:o,children:r,header:l,footer:s,titleId:c,...u}=e,f=l?.type===Ze&&Ci(Ze,{adaptive:t,titleId:c,...l?.props}),h=s?.type===ko&&Ci(ko,{...s?.props});return ub("div",{...u,className:a(e.className,Li,{[`${Li}-animated`]:o}),children:[f,Ci("div",{className:"k-actionsheet-content",children:r}),h]})};xa.states=cb;xa.options=pb;xa.className=Li;xa.defaultOptions=mb;var Rr="action-sheet",sl=Rr;var yi="overlay",Zs=yi;import{jsx as gb}from"react/jsx-runtime";var js="k-overlay",bb=[],fb={},Tb={},Co=e=>{let{...t}=e;return gb("div",{...t,className:a(e.className,js),children:e.children})};Co.states=bb;Co.options=fb;Co.className=js;Co.defaultOptions=Tb;Co.moduleName=yi;Co.folderName=Zs;import{jsx as dl,jsxs as Nb}from"react/jsx-runtime";var ed="k-actionsheet",hb=[],xb={},Ar={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Re=e=>{let{side:t=Ar.side,fullscreen:o=Ar.fullscreen,adaptive:r=Ar.adaptive,overlay:l=Ar.overlay,template:s,children:c,header:u,footer:f,id:h,...w}=e,v=h&&!s&&u?`${h}-title`:void 0;return Nb("div",{className:"k-actionsheet-container",children:[l&&dl(Co,{}),dl(At,{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",{...w,id:h,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":v,className:a(e.className,ed,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":r}),children:s||dl(xa,{header:u,footer:f,adaptive:r,titleId:v,...e,children:c})})})]})};Re.states=hb;Re.options=xb;Re.className=ed;Re.defaultOptions=Ar;Re.moduleName=Rr;Re.folderName=sl;Re.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 Cb}from"react/jsx-runtime";var td="k-actionsheet-container",kb=[],wb={},vb={},Na=e=>{let{children:t,...o}=e;return Cb("div",{...o,className:td,children:t})};Na.states=kb;Na.options=wb;Na.className=td;Na.defaultOptions=vb;Na.moduleName=Rr;Na.folderName=sl;import{jsx as Lb}from"react/jsx-runtime";var Mi=e=>{let{...t}=e;return Lb("div",{...t,className:a(e.className,"k-list-ul"),children:e.children})};import{Fragment as Mb,jsx as Er,jsxs as Si}from"react/jsx-runtime";var Ri="k-actionsheet-item",yb=[i.hover,i.focus,i.selected,i.disabled],Lo=e=>{let{iconName:t,text:o,description:r,hover:l,focus:s,selected:c,disabled:u,...f}=e;return Si("span",{...f,className:a(e.className,Ri,A(Ri,{hover:l,focus:s,selected:c,disabled:u})),children:[!e.children&&Er(Mb,{children:Si("span",{className:"k-actionsheet-action",children:[t&&Er("span",{className:"k-icon-wrap",children:Er(p,{className:"k-actionsheet-item-icon",icon:t})}),Si("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=yb;Lo.className=Ri;import{jsx as XS,jsxs as JS}from"react/jsx-runtime";import{jsx as ZS}from"react/jsx-runtime";import{jsx as oR}from"react/jsx-runtime";import{jsx as iR}from"react/jsx-runtime";import{jsx as ze,jsxs as Ai}from"react/jsx-runtime";var Sb=Re.options,Rb=Re.states,ad={...Re.defaultOptions,variant:"normal"},Ab=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Eb=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],ka=e=>{let{variant:t,modifiers:o,...r}={...ad,...e},l={},s=Ai(Mi,{children:[ze(Lo,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),ze(Lo,{text:"Add to Favorites",iconName:"heart"}),ze(Lo,{text:"Upload New",iconName:"upload",disabled:!0}),ze("hr",{className:"k-hr"}),ze(Lo,{text:"Cancel",iconName:"cancel"})]}),c="Choose from the items below",u="Select Item";return t==="fullScreen"&&(l.fullScreen=!0),Object.keys(o||{}).forEach(f=>{switch(f){case"actions":l.actionsStart=!!o?.[f],l.actionsEnd=!!o?.[f];break;case"subtitle":l.subtitle=o?.[f]?c:void 0;break;case"footer":l.footer=!!o?.[f];break;default:break}}),t==="adaptive"?ze(Re,{...r,adaptive:!0,fullscreen:l.fullScreen,header:ze(Ze,{actionsStart:l.actionsStart?ze(m,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?ze(m,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:u,subtitle:l.subtitle}),footer:l.footer?Ai(ko,{alignment:"stretched",children:[ze(m,{text:"Cancel",size:"large",themeColor:"base"}),ze(m,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):ze(Re,{...r,fullscreen:l.fullScreen,header:ze(Ze,{actionsStart:l.actionsStart?ze(m,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?ze(m,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?Ai(ko,{alignment:"stretched",children:[ze(m,{text:"Apply",themeColor:"primary"}),ze(m,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};ka.options=Sb;ka.states=Rb;ka.variants=Ab;ka.defaultOptions=ad;ka.modifiers=Eb;ka.className=Re.className;var Ei="slider",rd=Ei;import{jsx as wa,jsxs as Ii}from"react/jsx-runtime";var Ir="k-slider",Ib=[i.hover,i.focus,i.active,i.disabled,i.readonly],Gb={},It={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},Ne=e=>{let{type:t=It.type,orientation:o=It.orientation,gradientType:r=It.gradientType,readonly:l=It.readonly,disabled:s=It.disabled,handlePosition:c=It.handlePosition,showButtons:u=It.showButtons,showTicks:f=It.showTicks,value:h=It.value,min:w=It.min,max:v=It.max,startValue:T,endValue:y,hover:R,focus:I,active:B,trackStyle:O,dir:j,...ve}=e,qe=(()=>{if(t==="gradient"&&r==="2d")return"undefined";if(o==="vertical")return"vertical"})(),Ye,Tt;return o==="horizontal"?(Ye=j==="rtl"?"caret-alt-left":"caret-alt-right",Tt=j==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(Ye="caret-alt-up",Tt="caret-alt-down"),Ii("div",{...ve,className:a(Ir,e.className,A(Ir,{readonly:l,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:j,children:[u&&wa(m,{className:"k-button-decrease",rounded:"full",icon:Tt,tabIndex:-1,title:"Decrease"}),Ii("div",{className:"k-slider-track-wrap",children:[f&&wa("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Ii("div",{className:"k-slider-track",style:O,children:[wa("div",{className:"k-slider-selection"}),t==="range"&&wa("span",{className:a("k-draghandle","k-draghandle-start",A(Ir,{hover:R,focus:I,active:B})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":T??w,"aria-valuemin":w,"aria-valuemax":y??v,"aria-orientation":qe,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":ve["aria-label"]?`${ve["aria-label"]} start`:"Range start"}),wa("span",{className:a("k-draghandle",`k-draghandle-${c}`,A(Ir,{hover:R,focus:I,active:B})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?y??v:h,"aria-valuemin":t==="range"?T??w:w,"aria-valuemax":v,"aria-orientation":qe,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":t==="range"?ve["aria-label"]?`${ve["aria-label"]} end`:"Range end":ve["aria-label"]})]})]}),u&&wa(m,{className:"k-button-increase",rounded:"full",icon:Ye,tabIndex:-1,title:"Increase"})]})};Ne.states=Ib;Ne.options=Gb;Ne.className=Ir;Ne.defaultOptions=It;Ne.moduleName=Ei;Ne.folderName=rd;Ne.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'},{selector:".k-slider .k-slider-items",attribute:"aria-hidden=true",usage:"Hides the tick list from assistive technologies. Tick values are redundant with the drag handle value attributes."},{selector:".k-slider .k-tick",attribute:"role=presentation",usage:"Removes semantic meaning from individual tick elements. Ticks are visual-only markers."},{selector:".k-slider .k-tick",attribute:"title",usage:"Represents the value associated with the respective tick."}]};import{jsx as ld}from"react/jsx-runtime";var id="k-tick",Ob=[],Hb={},nd={label:!1},V=e=>{let{style:t,label:o=nd.label,orientation:r,large:l,text:s,...c}=e;return ld("li",{...c,role:"presentation",title:s||"Tick",className:a(e.className,id,{[`k-tick-${r}`]:r,"k-tick-large":l}),style:t,children:o&&ld("span",{className:"k-label",children:s})})};V.states=Ob;V.options=Hb;V.className=id;V.defaultOptions=nd;import{Fragment as Pb,jsx as Gt,jsxs as _b}from"react/jsx-runtime";var sd=e=>Gt(Ne,{"aria-label":e["aria-label"]||"Slider",children:_b(Pb,{children:[Gt(V,{className:"k-first",label:!0,large:!0,text:"0"}),Gt(V,{}),Gt(V,{}),Gt(V,{}),Gt(V,{}),Gt(V,{label:!0,large:!0,text:"5"}),Gt(V,{}),Gt(V,{}),Gt(V,{}),Gt(V,{}),Gt(V,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Kb,jsx as Ot,jsxs as Db}from"react/jsx-runtime";var dd=e=>Ot(Ne,{children:Db(Kb,{children:[Ot(V,{className:"k-first",label:!0,large:!0,text:"0"}),Ot(V,{}),Ot(V,{}),Ot(V,{}),Ot(V,{}),Ot(V,{label:!0,large:!0,text:"5"}),Ot(V,{}),Ot(V,{}),Ot(V,{}),Ot(V,{}),Ot(V,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as JR,jsx as XR,jsxs as qR}from"react/jsx-runtime";import{Fragment as eA,jsx as jR,jsxs as tA}from"react/jsx-runtime";import{jsx as Bb}from"react/jsx-runtime";var Gi=e=>Bb(Ne,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as zb}from"react/jsx-runtime";var Oi=e=>zb(Ne,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as mA,jsx as pA,jsxs as uA}from"react/jsx-runtime";import{Fragment as hA,jsx as gA,jsxs as xA}from"react/jsx-runtime";import{jsx as Qt,jsxs as cd}from"react/jsx-runtime";var Ub=Ne.options,Fb=Ne.states,pd={...Ne.defaultOptions,variant:"horizontal",label:!0},$b=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Wb=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],va=e=>{let{variant:t,modifiers:o,...r}={...pd,...e},l={};Object.keys(o||{}).forEach(h=>{switch(h){case"button":{l.showButtons=!!o?.[h];break}case"label":{l.label=!!o?.[h];break}case"tick":{l.showTicks=!!o?.[h];break}}});let{label:s=!0,showButtons:c,showTicks:u}=l,f={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?cd(dd,{showTicks:u,showButtons:c,style:{height:"300px",...f},...r,children:[Qt(V,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),Qt(V,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),Qt(V,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),Qt(V,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),Qt(V,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):cd(sd,{showTicks:u,showButtons:c,style:{width:"400px",...f},...r,children:[Qt(V,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),Qt(V,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),Qt(V,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),Qt(V,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),Qt(V,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};va.options=Ub;va.states=Fb;va.variants=$b;va.defaultOptions=pd;va.modifiers=Wb;va.className=Ne.className;import{jsx as md,jsxs as Yb}from"react/jsx-runtime";var ud="k-spin-button",Jb=[],qb={size:[d.undefined,d.small,d.medium,d.large],fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link]},Hi={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},yo=e=>{let{size:t,fillMode:o,disabled:r,increaseLabel:l=Hi.increaseLabel,decreaseLabel:s=Hi.decreaseLabel,...c}=e;return Yb("span",{...c,className:a(ud,e.className),children:[md(m,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:r,"aria-label":l}),md(m,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:r,"aria-label":s})]})};yo.states=Jb;yo.options=qb;yo.className=ud;yo.defaultOptions=Hi;yo.moduleName=null;yo.folderName=null;var bd="numeric-textbox",fd="numerictextbox";import{Fragment as Td,jsx as lo,jsxs as Pi}from"react/jsx-runtime";var gd="k-numerictextbox",Qb=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],Zb={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},cl={showSpinButton:!0,showClearButton:!0,separators:!0},ee=e=>{let{size:t,rounded:o,fillMode:r,separators:l=cl.separators,showClearButton:s=cl.showClearButton,showSpinButton:c=cl.showSpinButton,prefix:u,suffix:f,value:h,placeholder:w,hover:v,focus:T,valid:y,invalid:R,required:I,loading:B,disabled:O,readonly:j,id:ve,"aria-label":ue,"aria-describedby":qe,...Ye}=e;return Pi(Ie,{...Ye,size:t,rounded:o,fillMode:r,hover:v,focus:T,valid:y,invalid:R,required:I,loading:B,disabled:O,readonly:j,className:a(e.className,gd),children:[u&&Pi(Td,{children:[lo(Mt,{children:u}),l&&lo(Rt,{})]}),lo(xt,{id:ve,placeholder:w,value:h,role:"spinbutton",disabled:O,"aria-label":ue,"aria-describedby":qe,"aria-invalid":R?"true":void 0}),lo(Qe,{valid:y,invalid:R,loading:B,disabled:O}),lo(nt,{loading:B,disabled:O}),s&&lo(ht,{loading:B,disabled:O,readonly:j,value:h}),f&&Pi(Td,{children:[l&&lo(Rt,{}),lo(St,{children:f})]}),c&&lo(yo,{className:"k-input-spinner",size:t,fillMode:r,disabled:O})]})};ee.states=Qb;ee.options=Zb;ee.className=gd;ee.defaultOptions=cl;ee.moduleName=bd;ee.folderName=fd;ee.ariaSpec={selector:".k-numerictextbox",rules:[{selector:".k-numerictextbox > .k-input-inner",attribute:"role=spinbutton",usage:"Announces the spin button capabilities of the NumericTextBox."},{selector:".k-numerictextbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuenow (when has value)",usage:"Announces the current value of the component."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemin (when has min)",usage:"Announces the minimum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemax (when has max)",usage:"Announces the maximum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the NumericTextBox is in an invalid state."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-numerictextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"role=button or nodeName=button",usage:"Describes the role of the spin buttons."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"aria-label",usage:"The button element requires discernible text."},{selector:".k-numerictextbox.k-disabled .k-spin-button > .k-button",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."}]};var Gr=ee;import{jsx as jb}from"react/jsx-runtime";var hd=e=>jb(Gr,{...e});import Ki from"react";import{jsx as xd}from"react/jsx-runtime";var ef="k-list-group-sticky-header",_i=e=>xd("div",{className:a(ef,e.className),children:xd("div",{className:"k-list-header-text",children:e.children})});import{jsx as of}from"react/jsx-runtime";var tf="k-no-data",pl=e=>{let{live:t,...o}=e;return of("span",{...o,className:a(tf,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Fo="list",Ca=Fo;import{jsx as Nd,jsxs as kd}from"react/jsx-runtime";var Di="k-list",af=[],rf={size:[d.undefined,d.small,d.medium,d.large]},lf={},le=e=>{let{size:t,virtualization:o,children:r,header:l,optionLabel:s,customValue:c,noData:u,screenReaders:f,...h}=e,v=Ki.Children.toArray(r)[0],T=v?.props?.children?Ki.Children.count(v.props.children):Ki.Children.count(r);return kd("div",{...h,className:a(e.className,Di,S(Di,{size:t}),{"k-virtual-list":o}),children:[s,c,l&&Nd(_i,{children:l}),r||(u!==void 0?u:Nd(pl,{live:!0,children:"No data found."})),f&&r&&kd(pl,{className:"k-sr-only",live:!0,children:[T," items found."]})]})};le.states=af;le.options=rf;le.className=Di;le.defaultOptions=lf;le.moduleName=Fo;le.folderName=Ca;le.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 cf}from"react/jsx-runtime";var wd="k-list-container",nf=[],sf={},df={},La=e=>{let{...t}=e;return cf("div",{...t,className:a(e.className,wd),children:e.children})};La.states=nf;La.options=sf;La.className=wd;La.defaultOptions=df;La.moduleName=Fo;La.folderName=Ca;var $o="checkbox",ya=$o;import{jsx as vd}from"react/jsx-runtime";var ml="k-checkbox",pf=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],mf={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full]},uf={},Ke=e=>{let{id:t,checked:o,indeterminate:r,hover:l,focus:s,disabled:c,invalid:u,valid:f,required:h,size:w,rounded:v,wrapperRole:T,...y}=e;return vd("span",{className:"k-checkbox-wrap",role:T,children:vd("input",{...y,id:t,type:"checkbox",defaultChecked:o,required:h,disabled:c||void 0,"aria-invalid":u?"true":void 0,className:a(e.className,ml,S(ml,{size:w,rounded:v}),A(ml,{hover:l,focus:s,disabled:c,invalid:u,valid:f,indeterminate:r,checked:o}))})})};Ke.states=pf;Ke.options=mf;Ke.className=ml;Ke.defaultOptions=uf;Ke.moduleName=$o;Ke.folderName=ya;Ke.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 $t=Ke;import{jsx as Tf}from"react/jsx-runtime";var Cd="k-checkbox-list",bf=[],ff={},Ld={layout:"vertical"},je=e=>{let{layout:t=Ld.layout,...o}=e;return Tf("ul",{...o,className:a(e.className,Cd,{[`k-list-${t}`]:t}),children:e.children})};je.states=bf;je.options=ff;je.className=Cd;je.defaultOptions=Ld;je.moduleName=$o;je.folderName=ya;import{jsx as Nf}from"react/jsx-runtime";var yd="k-checkbox-list-item",gf=[],hf={},xf={},et=e=>{let{...t}=e;return Nf("li",{...t,className:a(e.className,yd),children:e.children})};et.states=gf;et.options=hf;et.className=yd;et.defaultOptions=xf;et.moduleName=$o;et.folderName=ya;import{Fragment as kf,jsx as Md,jsxs as wf}from"react/jsx-runtime";var io=({children:e="Label",id:t="cb-label-after",...o})=>wf(kf,{children:[Md($t,{id:t,...o}),Md("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as FE,jsx as UE,jsxs as $E}from"react/jsx-runtime";import{Fragment as qE,jsx as JE,jsxs as YE}from"react/jsx-runtime";import{Fragment as tI,jsx as eI,jsxs as oI}from"react/jsx-runtime";import{jsx as iI}from"react/jsx-runtime";import{jsx as cI}from"react/jsx-runtime";import{jsx as bI}from"react/jsx-runtime";import{jsx as Ht,jsxs as Sd}from"react/jsx-runtime";var vf=je.options,Cf=je.states,Lf={...je.defaultOptions,variant:"vertical"},yf=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Mf=[],Ma=e=>{let{variant:t,...o}=e;return t==="horizontal"?Sd(je,{layout:"horizontal",...o,children:[Ht(et,{children:Ht(io,{id:G("cb"),defaultChecked:!0,children:"Label"})}),Ht(et,{children:Ht(io,{id:G("cb"),children:"Label"})}),Ht(et,{children:Ht(io,{id:G("cb"),children:"Label"})})]}):Sd(je,{...o,children:[Ht(et,{children:Ht(io,{id:G("cb"),defaultChecked:!0,children:"Label"})}),Ht(et,{children:Ht(io,{id:G("cb"),children:"Label"})}),Ht(et,{children:Ht(io,{id:G("cb"),children:"Label"})})]})};Ma.options=vf;Ma.states=Cf;Ma.variants=yf;Ma.defaultOptions=Lf;Ma.modifiers=Mf;Ma.className=je.className;import{jsx as Gf}from"react/jsx-runtime";var Sf=$t.options,Rf=$t.states,Af=$t.defaultOptions,Ef=[],If=[],Sa=e=>Gf(io,{id:G("checkbox"),...e,defaultChecked:!0,children:"Label"});Sa.options=Sf;Sa.states=Rf;Sa.variants=Ef;Sa.defaultOptions=Af;Sa.modifiers=If;Sa.className=$t.className;import{jsx as Wo,jsxs as _f}from"react/jsx-runtime";var Bi="k-list-item",Of=[i.hover,i.focus,i.selected,i.disabled],Hf={},Pf={},Z=e=>{let{text:t,groupLabel:o,group:r,iconName:l,iconClassName:s,showCheckbox:c,checked:u,hover:f,focus:h,selected:w,disabled:v,actions:T,description:y,id:R,...I}=e,B=t||e.children;return _f("li",{...I,id:R,role:r?"presentation":"option",tabIndex:r?void 0:h?0:-1,"aria-selected":!r&&w?"true":r?void 0:"false","aria-disabled":!r&&v?"true":void 0,className:a(e.className,r?"k-list-group-item":Bi,A(Bi,{hover:f,focus:h,disabled:v,selected:w})),children:[c&&Wo(Ke,{checked:u}),l&&Wo("span",{className:"k-list-item-icon-wrapper",children:Wo(p,{icon:l,className:a("k-list-item-icon",s)})}),Wo("span",{className:"k-list-item-text",children:B}),T&&Wo("div",{className:"k-list-item-actions",children:T}),y&&Wo("span",{className:"k-list-item-description",children:y}),o&&o!==""&&Wo("div",{className:"k-list-item-group-label",children:o})]})};Z.states=Of;Z.options=Hf;Z.className=Bi;Z.defaultOptions=Pf;Z.moduleName=Fo;Z.folderName=Ca;Z.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 Df}from"react/jsx-runtime";var Kf="k-list-ul",no=e=>{let{children:t,role:o,id:r,...l}=e;return Df("ul",{...l,id:r,role:o,className:a(Kf,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 zi,jsxs as zf}from"react/jsx-runtime";var Bf="k-list-content",he=e=>{let{virtualization:t,grouping:o,"aria-label":r,"aria-labelledby":l,listboxId:s,...c}=e;return zf("div",{...c,className:a(Bf,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:zi(no,{role:"listbox",id:s,"aria-label":r,"aria-labelledby":l,children:e.children}),t&&zi("div",{className:"k-height-container",children:zi("div",{})})]})};he.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{Fragment as rG,jsx as aG,jsxs as lG}from"react/jsx-runtime";import{jsx as Ui,jsxs as Ff}from"react/jsx-runtime";var Uf="k-list-group-item",Vo=e=>{let{groupIconName:t,...o}=e;return Ff("li",{...o,role:"presentation",className:a(Uf,e.className),children:[t&&Ui("span",{className:"k-list-item-icon-wrapper",children:Ui(p,{icon:t,className:"k-list-item-icon"})}),Ui("span",{className:"k-list-item-text",children:e.children})]})};Vo.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 Xf}from"react/jsx-runtime";var Fi="k-list-optionlabel",$f=[i.hover,i.focus,i.selected,i.disabled],Wf={},Vf={},ul=e=>{let{text:t,hover:o,focus:r,selected:l,disabled:s,...c}=e;return Xf("div",{...c,className:a(Fi,A(Fi,{hover:o,focus:r,selected:l,disabled:s})),children:t})};ul.states=$f;ul.options=Wf;ul.className=Fi;ul.defaultOptions=Vf;import{jsx as Qf}from"react/jsx-runtime";var $i="k-list-custom-value",Jf=[i.hover,i.focus,i.selected,i.disabled],qf={},Yf={},Mo=e=>{let{text:t,hover:o,focus:r,selected:l,disabled:s,...c}=e;return Qf("div",{...c,className:a($i,A($i,{hover:o,focus:r,selected:l,disabled:s})),children:t})};Mo.states=Jf;Mo.options=qf;Mo.className=$i;Mo.defaultOptions=Yf;import{Fragment as kG,jsx as NG,jsxs as wG}from"react/jsx-runtime";import{Fragment as SG,jsx as MG,jsxs as RG}from"react/jsx-runtime";import{Fragment as PG,jsx as OG,jsxs as HG}from"react/jsx-runtime";import{Fragment as FG,jsx as zG,jsxs as UG}from"react/jsx-runtime";import{jsx as XG}from"react/jsx-runtime";import{Fragment as jG,jsx as ZG,jsxs as eO}from"react/jsx-runtime";var Rd="dropdown-list",Ad="dropdownlist";import{Fragment as eT,jsx as tt,jsxs as Wi}from"react/jsx-runtime";var Ed="k-dropdownlist",Zf=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.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:[k.undefined,k.solid,k.flat,k.outline]},Vi={showValue:!0,arrowIconName:"caret-alt-down"},pe=e=>{let{size:t,rounded:o,fillMode:r,arrowIconName:l=Vi.arrowIconName,showValue:s=Vi.showValue,valueIconName:c,prefix:u,suffix:f,value:h,placeholder:w,hover:v,focus:T,valid:y,invalid:R,required:I,loading:B,disabled:O,readonly:j,popup:ve,opened:ue,adaptive:qe,adaptiveSettings:Ye,adaptiveTitle:Tt,adaptiveSubtitle:Bo,adaptiveFilter:Xl,id:ho,activeDescendant:jr,"aria-label":Jl,...ql}=e,Tm=ho?`${ho}-listbox`:void 0,ss=ho?`${ho}-value`:void 0;return Wi(eT,{children:[Wi(qt,{...ql,id:ho,size:t,rounded:o,fillMode:r,hover:v,focus:T,valid:y,invalid:R,required:I,loading:B,disabled:O,readonly:j,className:a(e.className,Ed,{"k-icon-picker":!s&&c}),role:"combobox","aria-haspopup":"listbox","aria-expanded":ue?"true":"false","aria-controls":ue?Tm:void 0,"aria-activedescendant":ue&&jr?jr:void 0,"aria-describedby":ue?ss:void 0,"aria-disabled":O?"true":void 0,"aria-label":Jl,tabIndex:0,children:[tt(Mt,{children:u}),tt(Uo,{placeholder:w,value:h,showValue:s,valueIconName:c,id:ss}),tt(Qe,{valid:y,invalid:R,loading:B,disabled:O}),tt(nt,{loading:B,disabled:O}),tt(St,{children:f}),tt(m,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":w||"Toggle dropdown",tabIndex:-1})]}),ue&&ve&&tt(ne,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:ve}),qe&&tt(Re,{adaptive:!0,...Ye,header:tt(Ze,{actionsEnd:tt(m,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Xl,inputValue:h,inputPlaceholder:w,title:Tt,subtitle:Bo}),children:tt("div",{className:"k-list-container",children:tt(le,{size:"large",children:Wi(he,{"aria-label":"Options",children:[tt(Z,{text:"List item"}),tt(Z,{text:"List item"}),tt(Z,{text:"List item"})]})})})})]})};pe.states=Zf;pe.options=jf;pe.className=Ed;pe.defaultOptions=Vi;pe.moduleName=Rd;pe.folderName=Ad;pe.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};import{jsx as GO}from"react/jsx-runtime";import{jsx as DO,jsxs as BO}from"react/jsx-runtime";import{Fragment as qO,jsx as XO,jsxs as JO}from"react/jsx-runtime";import{jsx as e0}from"react/jsx-runtime";import{jsx as i0,jsxs as n0}from"react/jsx-runtime";import{Fragment as T0,jsx as b0,jsxs as f0}from"react/jsx-runtime";import{jsx as k0}from"react/jsx-runtime";import{Fragment as iT,jsx as So,jsxs as Id}from"react/jsx-runtime";var tT=pe.states,oT=pe.defaultOptions,aT=pe.options,rT=[{name:"opened",title:"Opened"}],lT=[],Aa=e=>{let{modifiers:t,...o}=e,r={},l=Id(iT,{children:[So("div",{className:"k-list-filter",children:So(Nt,{})}),So(le,{style:{width:300},size:o.size,children:Id(he,{children:[So(Z,{children:"List item"}),So(Z,{children:"List item"}),So(Z,{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(pe,{placeholder:"Value",style:{width:300},...o,...r})})};Aa.options=aT;Aa.states=tT;Aa.variants=lT;Aa.defaultOptions=oT;Aa.modifiers=rT;Aa.className=pe.className;import{Fragment as F0,jsx as U0}from"react/jsx-runtime";import{Fragment as q0,jsx as J0}from"react/jsx-runtime";import{jsx as j0}from"react/jsx-runtime";import{jsx as Xi}from"react/jsx-runtime";var nT=ee.states,sT=ee.defaultOptions,dT=ee.options,cT=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],pT=[],Ea=e=>{let{modifiers:t,...o}=e,r={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":r.prefix=t?.[l]?Xi(pe,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":r.suffix=t?.[l]?Xi(mi,{children:"mm"}):void 0;break;case"clear-button":r.showClearButton=t?.[l];break;case"spin-button":r.showSpinButton=t?.[l];break;default:break}}),Xi(hd,{value:"Value",style:{width:300},...o,...r})};Ea.options=dT;Ea.states=nT;Ea.variants=pT;Ea.defaultOptions=sT;Ea.modifiers=cT;Ea.className=ee.className;import{Fragment as Or,jsx as oe,jsxs as Ge}from"react/jsx-runtime";var Gd="k-colorgradient-inputs",mT=[],uT={size:[d.undefined,d.small,d.medium,d.large]},Od={mode:"rgba"},Ia=e=>{let{mode:t=Od.mode,size:o,...r}=e;return Ge("div",{...r,className:a(Gd,"k-hstack"),children:[oe("div",{className:"k-vstack",children:oe(m,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&Ge(Or,{children:[Ge("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),oe("label",{className:"k-colorgradient-input-label",children:"R"})]}),Ge("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),oe("label",{className:"k-colorgradient-input-label",children:"G"})]}),Ge("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),oe("label",{className:"k-colorgradient-input-label",children:"B"})]}),Ge("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),oe("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&Ge(Or,{children:[Ge("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),oe("label",{className:"k-colorgradient-input-label",children:"R"})]}),Ge("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),oe("label",{className:"k-colorgradient-input-label",children:"G"})]}),Ge("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),oe("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&Ge(Or,{children:[Ge("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),oe("label",{className:"k-colorgradient-input-label",children:"H"})]}),Ge("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),oe("label",{className:"k-colorgradient-input-label",children:"S"})]}),Ge("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),oe("label",{className:"k-colorgradient-input-label",children:"V"})]}),Ge("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),oe("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&Ge(Or,{children:[Ge("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),oe("label",{className:"k-colorgradient-input-label",children:"H"})]}),Ge("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),oe("label",{className:"k-colorgradient-input-label",children:"S"})]}),Ge("div",{className:"k-vstack",children:[oe(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),oe("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&oe(Or,{children:Ge("div",{className:"k-vstack k-flex-1",children:[oe(fe,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),oe("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Ia.states=mT;Ia.options=uT;Ia.className=Gd;Ia.defaultOptions=Od;import{jsx as Xo,jsxs as Jo}from"react/jsx-runtime";var Hd="k-colorgradient-color-contrast",bT=[],fT={},TT={},Ga=()=>Jo("div",{className:a(Hd,"k-vbox"),children:[Jo("div",{className:"k-contrast-ratio",children:[Xo("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),Jo("span",{className:"k-contrast-validation !k-text-success",children:[Xo(p,{icon:"check"}),Xo(p,{icon:"check"})]})]}),Jo("div",{children:[Xo("span",{children:"AA: 4.5"}),Jo("span",{className:"k-contrast-validation !k-text-success",children:["Pass",Xo(p,{icon:"check"})]})]}),Jo("div",{children:[Xo("span",{children:"AAA: 7.0"}),Jo("span",{className:"k-contrast-validation !k-text-error",children:["Fail",Xo(p,{icon:"x"})]})]})]});Ga.states=bT;Ga.options=fT;Ga.className=Hd;Ga.defaultOptions=TT;var Pd="color-gradient",_d="colorgradient";import{jsx as Pt,jsxs as Hr}from"react/jsx-runtime";var bl="k-colorgradient",gT=[i.hover,i.focus,i.readonly,i.disabled],hT={size:[d.undefined,d.small,d.medium,d.large]},Zt={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"},De=e=>{let{size:t,mode:o=Zt.mode,readonly:r=Zt.readonly,disabled:l=Zt.disabled,gradientStyle:s=Zt.gradientStyle,dragHandleStyle:c=Zt.dragHandleStyle,alphaStyle:u=Zt.alphaStyle,alphaStyleHorizontal:f=Zt.alphaStyleHorizontal,contrast:h=Zt.contrast,dir:w,hover:v,focus:T,hoverHandle:y,focusHandle:R,canvasOrientation:I=Zt.canvasOrientation,role:B,tabIndex:O,...j}=e;return Hr("div",{...j,role:B??"textbox","aria-label":B==="none"?void 0:"Color gradient",tabIndex:O??0,"aria-disabled":l?"true":void 0,className:a(e.className,bl,S(bl,{size:t}),A(bl,{hover:v,focus:T,readonly:r,disabled:l})),dir:w,children:[!I||I==="horizontal"&&Hr("div",{className:"k-colorgradient-canvas k-hstack",children:[Pt("div",{className:"k-hsv-rectangle",style:s,children:Pt("div",{className:"k-hsv-gradient",children:Pt("div",{className:a("k-hsv-draghandle","k-draghandle",{"k-hover":y,"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:[Pt(Oi,{className:"k-hue-slider",hover:y,focus:R}),o!=="rgb"&&o!=="hsv"&&Pt(Oi,{className:"k-alpha-slider",hover:y,focus:R,trackStyle:u})]})]}),I==="vertical"&&Hr("div",{className:"k-colorgradient-canvas k-vstack",children:[Pt("div",{className:"k-hsv-rectangle",style:s,children:Pt("div",{className:"k-hsv-gradient",children:Pt("div",{className:a("k-hsv-draghandle","k-draghandle",{"k-hover":y,"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:[Pt(Gi,{className:"k-hue-slider",hover:y,focus:R}),o!=="rgb"&&o!=="hsv"&&Pt(Gi,{className:"k-alpha-slider",hover:y,focus:R,trackStyle:f})]})]}),Pt(Ia,{mode:e.mode,size:t}),h&&Pt(Ga,{})]})};De.states=gT;De.options=hT;De.className=bl;De.defaultOptions=Zt;De.moduleName=Pd;De.folderName=_d;De.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 xT}from"react/jsx-runtime";var fl=e=>xT(De,{...e});import{jsx as K1}from"react/jsx-runtime";import{jsx as U1}from"react/jsx-runtime";import{jsx as Ji}from"react/jsx-runtime";var NT=De.options,kT=De.states,wT={...De.defaultOptions,variant:"rgba"},vT=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],CT=[],Oa=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Ji(fl,{...o,mode:t});case"rgb":return Ji(fl,{...o,mode:t});default:return Ji(fl,{...o,mode:t})}};Oa.options=NT;Oa.states=kT;Oa.variants=vT;Oa.defaultOptions=wT;Oa.modifiers=CT;Oa.className=De.className;import{jsx as LT}from"react/jsx-runtime";var qi=e=>LT("tr",{role:"row",children:e.children});import{jsx as ST}from"react/jsx-runtime";var Yi="k-colorpalette-tile",yT=[i.hover,i.focus,i.selected],MT={},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 ST("td",{...c,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:a(e.className,Yi,A(Yi,{hover:r,focus:l,selected:s})),style:u})};Ha.states=yT;Ha.options=MT;Ha.className=Yi;var Kd="color-palette",Dd="colorpalette";import{jsx as Pr}from"react/jsx-runtime";var Tl="k-colorpalette",RT=[i.disabled],AT={size:[d.undefined,d.small,d.medium,d.large]},Bd={columns:10},ot=e=>{let{size:t,palette:o,columns:r=Bd.columns,tileSize:l,disabled:s,...c}=e,u=[];if(o){let f=r||o.columns,h=o.colors?o.colors:o;Array.isArray(h)&&Array.from({length:Math.ceil(h.length/f)},(w,v)=>{let T=[];h.slice(v*f,(v+1)*f).map((R,I)=>{T.push(Pr(Ha,{color:R,tileSize:l},I))});let y=Pr(qi,{children:T},v);u.push(y)})}return Pr("div",{...c,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:a(e.className,Tl,A(Tl,{disabled:s}),S(Tl,{size:t})),children:Pr("table",{className:"k-colorpalette-table",role:"none",children:Pr("tbody",{children:u.length>0?u:e.children})})})};ot.states=RT;ot.options=AT;ot.className=Tl;ot.defaultOptions=Bd;ot.moduleName=Kd;ot.folderName=Dd;ot.ariaSpec={selector:".k-colorpalette",rules:[{selector:".k-colorpalette",attribute:"role=grid",usage:"The focusable wrapper announces its role as a grid."},{selector:".k-colorpalette",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpalette",attribute:"aria-activedescendant",usage:"Points to the focused cell in the table."},{selector:".k-colorpalette",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpalette.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorPalette is disabled."},{selector:".k-colorpalette-table",attribute:"role=none or role=presentation",usage:"Negates the default role of the table element."},{selector:".k-colorpalette-table>tbody>tr",attribute:"role=row",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"role=gridcell",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"aria-label or title",usage:"The text representation of the color value for the current cell."},{selector:".k-colorpalette-tile.k-selected",attribute:"aria-selected=true",usage:"Present on the currently selected cell."}]};var gl=ot;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 ET}from"react/jsx-runtime";var zd=e=>ET(gl,{palette:_r.basic,...e});import{jsx as vH}from"react/jsx-runtime";import{jsx as RH,jsxs as AH}from"react/jsx-runtime";import{jsx as KT}from"react/jsx-runtime";var IT=ot.options,GT=ot.states,OT={...ot.defaultOptions,variant:"basic"},HT=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],PT={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}},_T=[],Pa=e=>{let{variant:t="basic",...o}=e,r=PT[t];return KT(zd,{columns:r.columns,palette:r,...o})};Pa.options=IT;Pa.states=GT;Pa.variants=HT;Pa.defaultOptions=OT;Pa.modifiers=_T;Pa.className=ot.className;var Ud="color-editor",Fd="coloreditor";import{jsx as _t,jsxs as _a}from"react/jsx-runtime";var hl="k-coloreditor",DT=[i.focus],BT={size:[d.undefined,d.small,d.medium,d.large]},Kr={view:"gradient",palette:_r.office,actionButtons:!0,canvasOrientation:"horizontal"},Ae=e=>{let{size:t,view:o=Kr.view,palette:r=Kr.palette,color:l,currentColor:s,focus:c,focusView:u,dir:f,group:h,actionButtons:w=Kr.actionButtons,canvasOrientation:v=Kr.canvasOrientation,...T}=e;return _a("div",{...T,role:"textbox","aria-label":"Color editor",tabIndex:0,className:a(e.className,"k-flatcolorpicker",hl,S(hl,{size:t}),A(hl,{focus:c})),dir:f,children:[_a("div",{className:"k-coloreditor-header k-hstack",children:[_t("div",{className:"k-coloreditor-header-actions k-hstack",children:h&&_a(J,{fillMode:"flat",children:[_t(m,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),_t(m,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),_t("div",{className:"k-spacer"}),_a("div",{className:"k-coloreditor-header-actions k-hstack",children:[_t(m,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),_a("div",{className:"k-coloreditor-preview k-vstack",children:[_t(No,{className:"k-coloreditor-preview-color",color:l}),_t(No,{className:"k-coloreditor-current-color",color:s})]})]})]}),_t("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?_t(De,{focus:u,size:t,canvasOrientation:v,role:"none",tabIndex:-1}):_t(ot,{palette:r,size:t})}),w&&_a(Et,{className:"k-coloreditor-footer",alignment:"start",children:[_t(m,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),_t(m,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Ae.states=DT;Ae.options=BT;Ae.className=hl;Ae.defaultOptions=Kr;Ae.moduleName=Ud;Ae.folderName=Fd;Ae.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=Ae;import{jsx as lP}from"react/jsx-runtime";import{jsx as dP}from"react/jsx-runtime";import{jsx as zT}from"react/jsx-runtime";var $d=e=>zT(Ka,{group:!0,currentColor:"fuchsia",...e});import{jsx as UT}from"react/jsx-runtime";var Wd=e=>UT(Ka,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Vd}from"react/jsx-runtime";var FT=Ae.options,$T=Ae.states,WT={...Ae.defaultOptions,variant:"gradient"},VT=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],XT=[],Da=e=>{let{variant:t,...o}=e;return t==="palette"?Vd(Wd,{...o,color:"white"}):Vd($d,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Da.options=FT;Da.states=$T;Da.variants=VT;Da.defaultOptions=WT;Da.modifiers=XT;Da.className=Ae.className;var Xd="color-picker",Jd="colorpicker";import{Fragment as YT,jsx as Kt,jsxs as Qi}from"react/jsx-runtime";var qd="k-colorpicker",JT=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],qT={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},Yd={arrowIconName:"caret-alt-down"},kt=e=>{let{size:t,rounded:o,fillMode:r,arrowIconName:l=Yd.arrowIconName,prefix:s,suffix:c,value:u,placeholder:f,hover:h,focus:w,valid:v,invalid:T,required:y,disabled:R,valueIconName:I,popup:B,opened:O,adaptive:j,adaptiveSettings:ve,adaptiveTitle:ue,adaptiveSubtitle:qe,...Ye}=e,Tt="colorpicker-popup";return Qi(YT,{children:[Qi(qt,{...Ye,size:t,rounded:o,fillMode:r,hover:h,focus:w,valid:v,invalid:T,required:y,disabled:R,role:"combobox","aria-haspopup":"dialog","aria-expanded":O?"true":"false","aria-controls":O||j?Tt:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":R?"true":void 0,className:a(e.className,qd,"k-icon-picker"),children:[Kt(Mt,{children:s}),Kt(Uo,{placeholder:f,value:u,showValue:!1,valueIcon:Kt(No,{className:"k-value-icon",color:u,iconName:I}),valueIconName:I}),Kt(St,{children:c}),Kt(m,{className:"k-input-button",icon:l,size:t,fillMode:r,tabIndex:-1,"aria-label":"Open color picker",disabled:R})]}),O&&B&&Kt(ne,{id:Tt,className:"k-colorpicker-popup",children:B}),j&&Kt(Re,{adaptive:!0,id:Tt,...ve,header:Kt(Ze,{actionsEnd:Kt(m,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:ue,subtitle:qe}),footer:Qi(ko,{children:[Kt(m,{text:"Cancel",size:"large"}),Kt(m,{text:"Set",size:"large",themeColor:"primary"})]}),children:Kt(Ae,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};kt.states=JT;kt.options=qT;kt.className=qd;kt.defaultOptions=Yd;kt.moduleName=Xd;kt.folderName=Jd;kt.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=kt;import{jsx as QT}from"react/jsx-runtime";var xl=e=>QT(so,{...e});import{jsx as VP}from"react/jsx-runtime";import{jsx as QP}from"react/jsx-runtime";import{jsx as t_}from"react/jsx-runtime";import{jsx as l_}from"react/jsx-runtime";import{jsx as d_}from"react/jsx-runtime";import{jsx as u_}from"react/jsx-runtime";import{jsx as qo}from"react/jsx-runtime";var ZT=so.options,jT=so.states,Qd={...so.defaultOptions,variant:"color"},eg=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],tg=[{name:"opened",title:"Opened"}],Ba=e=>{let{variant:t,modifiers:o,...r}={...Qd,...e},l={};Object.keys(o||{}).forEach(c=>{c==="opened"&&(l.opened=!!o?.[c],l.popup=o?.[c]?qo(Ae,{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 qo("div",{style:s,children:qo(xl,{...r,...l})});case"icon":return qo("div",{style:s,children:qo(xl,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...r,...l})});default:return qo("div",{style:s,children:qo(xl,{value:"rgba(183, 118 , 118, 1.00)",...r,...l})})}};Ba.options=ZT;Ba.states=jT;Ba.variants=eg;Ba.defaultOptions=Qd;Ba.modifiers=tg;Ba.className=so.className;var Zi="combobox",Zd=Zi;import{Fragment as ji,jsx as He,jsxs as Dr}from"react/jsx-runtime";var jd="k-combobox",og=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],ag={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},ec={separators:!0},Ve=e=>{let{size:t,rounded:o,fillMode:r,separators:l=ec.separators,prefix:s,suffix:c,value:u,placeholder:f,hover:h,focus:w,valid:v,invalid:T,required:y,loading:R,disabled:I,popup:B,opened:O,readonly:j,adaptive:ve,adaptiveSettings:ue,adaptiveTitle:qe,adaptiveSubtitle:Ye,adaptiveCustomValue:Tt,id:Bo,autocomplete:Xl,activeDescendant:ho,"aria-label":jr,...Jl}=e,ql=Bo?`${Bo}-listbox`:void 0;return Dr(ji,{children:[Dr(Ie,{...Jl,size:t,rounded:o,fillMode:r,hover:h,focus:w,valid:v,invalid:T,required:y,loading:R,disabled:I,readonly:j,className:a(e.className,jd),children:[s&&Dr(ji,{children:[He(Mt,{children:s}),l&&He(Rt,{})]}),He(xt,{id:Bo,placeholder:f,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":O?"true":"false","aria-controls":O?ql:void 0,"aria-activedescendant":O&&ho?ho:void 0,"aria-autocomplete":Xl,"aria-invalid":T?"true":void 0,"aria-busy":R?"true":void 0,"aria-label":jr,disabled:I,readOnly:j}),He(Qe,{valid:v,invalid:T,loading:R,disabled:I}),He(nt,{loading:R,disabled:I}),He(ht,{loading:R,disabled:I,readonly:j,value:u}),c&&Dr(ji,{children:[l&&He(Rt,{}),He(St,{children:c})]}),He(m,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:r,"aria-label":"Open popup",tabIndex:-1,disabled:I})]}),O&&B&&He(ne,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:B}),ve&&He(Re,{adaptive:!0,id:Bo?`${Bo}-adaptive`:void 0,...ue,header:He(Ze,{actionsEnd:He(m,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:f,title:qe,subtitle:Ye}),children:He("div",{className:"k-list-container",children:He(le,{customValue:Tt?He(Mo,{text:`Use "${u}"`}):void 0,size:"large",children:Dr(he,{"aria-label":qe||"Options",children:[He(Z,{text:"List item"}),He(Z,{text:"List item"}),He(Z,{text:"List item"})]})})})})]})};Ve.states=og;Ve.options=ag;Ve.className=jd;Ve.defaultOptions=ec;Ve.moduleName=Zi;Ve.folderName=Zd;Ve.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 wt=Ve;import{jsx as rg}from"react/jsx-runtime";var tc=e=>rg(wt,{...e});import{jsx as q_,jsxs as Y_}from"react/jsx-runtime";import{jsx as oK,jsxs as aK}from"react/jsx-runtime";import{jsx as dK,jsxs as cK}from"react/jsx-runtime";import{Fragment as TK,jsx as fK}from"react/jsx-runtime";import{Fragment as wK,jsx as kK}from"react/jsx-runtime";import{jsx as SK,jsxs as RK}from"react/jsx-runtime";import{Fragment as _K,jsx as HK,jsxs as PK}from"react/jsx-runtime";import{jsx as zK}from"react/jsx-runtime";import{jsx as WK}from"react/jsx-runtime";import{jsx as QK,jsxs as ZK}from"react/jsx-runtime";import{jsx as rD,jsxs as lD}from"react/jsx-runtime";import{jsx as Ro,jsxs as cg}from"react/jsx-runtime";var lg=Ve.states,ig=Ve.defaultOptions,ng=Ve.options,sg=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],dg=[],za=e=>{let{modifiers:t,...o}=e,r={},l=Ro(le,{style:{width:300},size:o.size,children:cg(he,{children:[Ro(Z,{children:"List item"}),Ro(Z,{children:"List item"}),Ro(Z,{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(tc,{value:"Value",style:{width:300},...o,...r})})};za.options=ng;za.states=lg;za.variants=dg;za.defaultOptions=ig;za.modifiers=sg;za.className=Ve.className;var en="menu-button",oc=en;import{jsx as ug}from"react/jsx-runtime";var ac="k-menu-button",pg=[i.hover,i.focus,i.active,i.selected,i.disabled],mg={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:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link],themeColor:[L.undefined,L.base,L.primary,L.secondary,L.tertiary,L.success,L.warning,L.error,L.info,L.inverse]},tn={showArrow:!0,arrowIconName:"caret-alt-down"},me=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,hover:s,focus:c,active:u,selected:f,disabled:h,icon:w,text:v,showArrow:T=tn.showArrow,arrowIconName:y=tn.arrowIconName,expanded:R,...I}=e;return ug(m,{...I,className:a(e.className,ac),text:v,size:t,rounded:o,fillMode:r,themeColor:l,hover:s,focus:c,active:u,selected:f,disabled:h,icon:w,showArrow:T,arrowIconName:y,"aria-expanded":R?"true":"false",...!v&&w&&!e["aria-label"]&&{"aria-label":"Menu"},...h&&{"aria-disabled":"true"}})};me.states=pg;me.options=mg;me.className=ac;me.defaultOptions=tn;me.moduleName=en;me.folderName=oc;me.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};import{jsx as KD}from"react/jsx-runtime";import{jsx as UD}from"react/jsx-runtime";import{jsx as VD}from"react/jsx-runtime";var vt="menu",Dt=vt;import{jsx as Br,jsxs as rc}from"react/jsx-runtime";var on="k-menu-item",bg=[i.hover,i.focus,i.active,i.selected,i.disabled],fg={},lc={iconPosition:"before"},Xe=e=>{let{hover:t,focus:o,active:r,selected:l,disabled:s,icon:c,text:u,first:f,last:h,showArrow:w,arrowIconName:v,iconPosition:T=lc.iconPosition,dir:y,children:R,expanded:I,...B}=e,O=v;return O||(O=y==="rtl"?"caret-alt-left":"caret-alt-right"),rc("li",{...B,className:a(e.className,on,"k-item",A(on,{focus:o,disabled:s,hover:t,active:r,selected:l}),{"k-first":f,"k-last":h}),role:"menuitem",...w&&{"aria-haspopup":"menu"},...w&&{"aria-expanded":I?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[rc("span",{className:a("k-link k-menu-link"),children:[c&&T==="before"&&Br(p,{className:"k-menu-link-icon",icon:c}),Br("span",{className:"k-menu-link-text",children:u}),c&&T==="after"&&Br(p,{className:"k-menu-link-icon",icon:c}),w&&Br("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Br(p,{icon:O})})]}),R]})};Xe.states=bg;Xe.options=fg;Xe.className=on;Xe.defaultOptions=lc;Xe.moduleName=vt;Xe.folderName=Dt;import{jsx as zr,jsxs as ic}from"react/jsx-runtime";var an="k-menu-item",Tg=[i.hover,i.focus,i.active,i.selected,i.disabled],gg={},rn={dir:"ltr",iconPosition:"before"},te=e=>{let{hover:t,focus:o,active:r,selected:l,disabled:s,icon:c,text:u,first:f,last:h,showArrow:w,arrowIconName:v,iconPosition:T=rn.iconPosition,dir:y=rn.dir,children:R,popup:I,expanded:B,...O}=e,j=v;return j||(j=y==="rtl"?"caret-alt-left":"caret-alt-right"),ic("li",{...O,className:a(e.className,an,"k-item",A(an,{focus:o,disabled:s}),{"k-first":f,"k-last":h}),role:"menuitem",...w&&{"aria-haspopup":"menu"},...w&&{"aria-expanded":B?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[ic("span",{className:a("k-link k-menu-link",A("k-menu-link",{hover:t,active:r,selected:l,disabled:s})),children:[c&&T==="before"&&zr(p,{className:"k-menu-link-icon",icon:c}),zr("span",{className:"k-menu-link-text",children:u}),c&&T==="after"&&zr(p,{className:"k-menu-link-icon",icon:c}),w&&zr("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:zr(p,{icon:j})})]}),R,I]})};te.states=Tg;te.options=gg;te.className=an;te.defaultOptions=rn;te.moduleName=vt;te.folderName=Dt;import{jsx as kg}from"react/jsx-runtime";var nc="k-menu-scroll-wrapper",hg=[],xg={},Ng={},Yo=e=>{let{className:t,children:o,orientation:r,...l}=e;return kg("div",{...l,className:a(t,nc,{"k-menu-scroll-wrapper-vertical":r==="vertical"}),children:o})};Yo.states=hg;Yo.options=xg;Yo.className=nc;Yo.defaultOptions=Ng;Yo.moduleName=vt;Yo.folderName=Dt;var sc=Yo;import{Fragment as ln,jsx as Qo,jsxs as kl}from"react/jsx-runtime";var nn="k-menu",wg=[],vg={},wl={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Ce=e=>{let{children:t,orientation:o=wl.orientation,header:r=wl.header,scrollable:l,scrollButtonsPosition:s=wl.scrollButtonsPosition,wrapperStyles:c,dir:u,popup:f,contextMenu:h,...w}=e,v={horizontal:{prev:u!=="rtl"?"left":"right",next:u!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},T=Qo("ul",{dir:u,...w,className:a(e.className,"k-reset",nn,{[`${nn}-${o}`]:o,"k-header":r}),role:h?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return kl(ln,{children:[l?kl(sc,{orientation:o,style:c,dir:e.dir,children:[s==="start"&&kl(ln,{children:[Qo(m,{fillMode:"flat",icon:`caret-alt-${v[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Qo(m,{fillMode:"flat",icon:`caret-alt-${v[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&Qo(m,{fillMode:"flat",icon:`caret-alt-${v[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),T,s==="end"&&kl(ln,{children:[Qo(m,{fillMode:"flat",icon:`caret-alt-${v[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Qo(m,{fillMode:"flat",icon:`caret-alt-${v[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&Qo(m,{fillMode:"flat",icon:`caret-alt-${v[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):T,f]})};Ce.states=wg;Ce.options=vg;Ce.className=nn;Ce.defaultOptions=wl;Ce.moduleName=vt;Ce.folderName=Dt;Ce.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 Cg}from"react/jsx-runtime";var sn="k-separator",dc={orientation:"horizontal"},Ao=e=>{let{orientation:t=dc.orientation,...o}=e;return Cg("li",{...o,className:a(e.className,"k-item",sn,{[`${sn}-${t}`]:t}),role:"separator"})};Ao.className=sn;Ao.defaultOptions=dc;Ao.moduleName=vt;Ao.folderName=Dt;import{Fragment as kB,jsx as wB}from"react/jsx-runtime";import{jsx as Sg}from"react/jsx-runtime";var dn="k-menu-group",Lg=[],yg={size:[d.undefined,d.small,d.medium,d.large]},Mg={},Oe=e=>{let{children:t,size:o,...r}=e;return Sg("ul",{...r,className:a(e.className,dn,S(dn,{size:o})),role:"menu",children:t})};Oe.states=Lg;Oe.options=yg;Oe.className=dn;Oe.defaultOptions=Mg;Oe.moduleName=vt;Oe.folderName=Dt;import{Fragment as Rg,jsx as Ua,jsxs as Ag}from"react/jsx-runtime";var cn=e=>Ua(Ce,{children:Ag(Rg,{children:[Ua(Xe,{first:!0,text:"Item 1"}),Ua(Xe,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),Ua(Xe,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),Ua(Xe,{text:"Item 4"}),Ua(Xe,{last:!0,text:"Item 5"})]}),...e});import{Fragment as PB,jsx as OB,jsxs as HB}from"react/jsx-runtime";import{Fragment as zB,jsx as BB,jsxs as UB}from"react/jsx-runtime";import{Fragment as XB,jsx as VB,jsxs as JB}from"react/jsx-runtime";import{Fragment as jB,jsx as ZB,jsxs as e2}from"react/jsx-runtime";import{jsx as Zo,jsxs as Hg}from"react/jsx-runtime";var Eg=Ce.options,Ig=Ce.states,cc={...Ce.defaultOptions,variant:"horizontal"},Gg=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Og=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Fa=e=>{let{variant:t,modifiers:o,...r}={...cc,...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=Zo(ne,{className:"k-menu-popup",children:Hg(Oe,{children:[Zo(te,{text:"Item 1"}),Zo(te,{text:"Item 2"}),Zo(Ao,{}),Zo(te,{text:"Item 3"})]})});break}}),t==="vertical"?Zo(cn,{...r,...l,orientation:"vertical",style:{width:"200px"}}):Zo(cn,{...r,...l})};Fa.options=Eg;Fa.states=Ig;Fa.variants=Gg;Fa.defaultOptions=cc;Fa.modifiers=Og;Fa.className=Ce.className;import{Fragment as I2,jsx as A2,jsxs as E2}from"react/jsx-runtime";import{jsx as P2}from"react/jsx-runtime";import{Fragment as Bg,jsx as jt,jsxs as pc}from"react/jsx-runtime";var Pg=m.states,mc={...m.defaultOptions,variant:"text"},_g=m.options,Kg=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Dg=[{name:"opened",title:"Opened"}],$a=e=>{let{variant:t,modifiers:o,...r}={...mc,...e},l={},s=jt(ne,{className:"k-menu-popup",children:pc(Oe,{size:r.size,children:[jt(te,{first:!0,text:"Menu Item"}),jt(te,{text:"Menu Item"}),jt(te,{last:!0,text:"Menu Item"})]})}),c;switch(t){case"icon-only":c=jt("div",{children:jt(me,{...r,...l,icon:"star"})});break;case"icon-and-text":c=jt("div",{children:jt(me,{...r,...l,icon:"star",children:"Dropdown Button"})});break;default:c=jt("div",{children:jt(me,{...r,...l,children:"Dropdown Button"})});break}return pc(Bg,{children:[c,o?.opened&&s]})};$a.options=_g;$a.states=Pg;$a.variants=Kg;$a.defaultOptions=mc;$a.modifiers=Dg;$a.className=me.className;var pn="split-button",uc=pn;import{Fragment as Fg,jsx as mn,jsxs as bc}from"react/jsx-runtime";var un="k-split-button",zg=[i.hover,i.focus,i.active,i.selected,i.disabled],Ug={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link],themeColor:[L.undefined,L.base,L.primary,L.secondary,L.tertiary,L.success,L.warning,L.error,L.info,L.inverse]},fc={arrowIconName:"caret-alt-down"},ae=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,hover:s,focus:c,active:u,selected:f,disabled:h,icon:w,text:v,arrowIconName:T=fc.arrowIconName,popup:y,opened:R,popupId:I,...B}=e;return bc(Fg,{children:[bc("div",{...B,className:a(e.className,un,"k-button-group",S(un,{rounded:o})),children:[mn(m,{text:v,icon:w,size:t,rounded:o,fillMode:r,themeColor:l,hover:s,focus:c,active:u,selected:f,disabled:h,...!v&&!e.children&&w&&{"aria-label":"Action"},children:e.children}),mn(m,{className:"k-split-button-arrow",icon:T,size:t,rounded:o,fillMode:r,disabled:h,"aria-label":"Toggle dropdown","aria-expanded":R?"true":"false","aria-controls":R?I:void 0,tabIndex:-1,...h&&{"aria-disabled":"true"}})]}),R&&y&&mn(ne,{className:"k-menu-popup",children:y})]})};ae.states=zg;ae.options=Ug;ae.className=un;ae.defaultOptions=fc;ae.moduleName=pn;ae.folderName=uc;ae.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 bn=ae;import{jsx as Wg}from"react/jsx-runtime";var $g="k-toolbar-separator",Wt=e=>Wg("div",{className:a($g,e.className,"k-separator")});var co="toolbar",Eo=co;import{Fragment as fn,jsx as se,jsxs as Wa}from"react/jsx-runtime";var po="k-toolbar",Vg=[i.focus],Xg={size:[d.undefined,d.small,d.medium,d.large],fillMode:[k.undefined,k.solid,k.outline,k.flat]},Jg={scrollButtons:"around"},de=e=>{let{size:t,fillMode:o,focus:r,resizable:l,scrollable:s,scrollButtons:c,scrollingPosition:u,section:f,...h}=e,w=[],v=(T,y)=>{let R=[];if(T.type===m&&T.props.className&&T.props.className.includes("k-toolbar-overflow-button"))R.push(se(m,{...T.props,className:`${T.props.className?T.props.className:""}`},`${y}-${new Date().getTime()}`));else if(T.type===m)R.push(se(m,{...T.props,className:`k-toolbar-button ${T.props.className?T.props.className:""}`},`${y}-${new Date().getTime()}`));else if(T.type===Cr)R.push(se(Cr,{...T.props,className:`k-toolbar-button ${T.props.className?T.props.className:""}`},`${y}-${new Date().getTime()}`));else if(T.type===xo)R.push(se(xo,{...T.props,className:`k-toolbar-button ${T.props.className?T.props.className:""}`},`${y}-${new Date().getTime()}`));else if(T.type===me)R.push(se(me,{...T.props,className:`k-toolbar-menu-button ${T.props.className?T.props.className:""}`},`${y}-${new Date().getTime()}`));else if(T.type===bn)R.push(se(bn,{...T.props,className:`k-toolbar-split-button ${T.props.className?T.props.className:""}`},`${y}-${new Date().getTime()}`));else if(T.type===J||T.props.className&&T.props.className.includes("k-button-group")){let I=[];(Array.isArray(T.props.children)?T.props.children:[T.props.children]).forEach((O,j)=>{I.push(se(m,{...O.props,className:`${O.props.className?O.props.className:""}`},`${j}-${new Date().getTime()}`))}),R.push(se(J,{...T.props,className:`k-toolbar-button-group ${T.props.className?T.props.className:""}`,children:I},`${y}-${new Date().getTime()}`))}else T.type===Ve?R.push(se(Ve,{...T.props,className:`k-toolbar-combobox ${T.props.className?T.props.className:""}`},`${y}-${new Date().getTime()}`)):T.type===pe?R.push(se(pe,{...T.props,className:`k-toolbar-dropdownlist ${T.props.className?T.props.className:""}`},`${y}-${new Date().getTime()}`)):T.type===kt?R.push(se(kt,{...T.props,className:`k-toolbar-colorpicker ${T.props.className?T.props.className:""}`},`${y}-${new Date().getTime()}`)):R.push(T);R.forEach(I=>{w.push(I)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((y,R)=>{v(y,R)}),Wa("div",{...h,className:a(e.className,po,S(po,{size:t,fillMode:o}),A(po,{focus:r}),{[`${po}-resizable`]:l,[`${po}-scrollable`]:s,[`${po}-scrollable-overlay`]:s&&c==="hidden",[`${po}-scrollable-${u}`]:u&&u!=="both",[`${po}-section`]:f}),role:"toolbar","aria-label":"Toolbar",children:[!s&&w,s&&c==="hidden"&&se("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:w}),s&&c==="start"&&Wa(fn,{children:[Wa(J,{children:[se("span",{className:a("k-toolbar-prev","k-button",S("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:se(p,{className:"k-button-icon",icon:"caret-alt-left"})}),se("span",{className:a("k-toolbar-next","k-button",S("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:se(p,{className:"k-button-icon",icon:"caret-alt-right"})})]}),se(Wt,{className:"k-toolbar-button-separator"}),se("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:w})]}),s&&c==="end"&&Wa(fn,{children:[se("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:w}),se(Wt,{className:"k-toolbar-button-separator"}),Wa(J,{children:[se("span",{className:a("k-toolbar-prev","k-button",S("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:se(p,{className:"k-button-icon",icon:"caret-alt-left"})}),se("span",{className:a("k-toolbar-next","k-button",S("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:se(p,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),s&&(c==="around"||!c)&&Wa(fn,{children:[se("span",{className:a("k-toolbar-prev","k-button",S("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:se(p,{className:"k-button-icon",icon:"caret-alt-left"})}),se(Wt,{className:"k-toolbar-button-separator"}),se("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:w}),se(Wt,{className:"k-toolbar-button-separator"}),se("span",{className:a("k-toolbar-next","k-button",S("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:se(p,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};de.states=Vg;de.options=Xg;de.className=po;de.defaultOptions=Jg;de.moduleName=co;de.folderName=Eo;de.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 Zg}from"react/jsx-runtime";var Tc="k-floating-toolbar",qg=[],Yg={},Qg={},Va=e=>{let{...t}=e;return Zg("div",{...t,className:a(e.className,Tc),children:e.children})};Va.states=qg;Va.options=Yg;Va.className=Tc;Va.defaultOptions=Qg;Va.moduleName=co;Va.folderName=Eo;import{jsx as oh}from"react/jsx-runtime";var Tn="k-toolbar-item",jg=[i.focus],eh={},th={},Xa=e=>{let{focus:t,...o}=e;return oh("div",{...o,className:a(e.className,Tn,A(Tn,{focus:t})),children:e.children})};Xa.states=jg;Xa.options=eh;Xa.className=Tn;Xa.defaultOptions=th;Xa.moduleName=co;Xa.folderName=Eo;import{jsx as gc}from"react/jsx-runtime";var hc="k-toolbar-popup",ah=[],rh={size:[d.undefined,d.small,d.medium,d.large],fillMode:[k.undefined,k.solid,k.outline,k.flat]},lh={},jo=e=>{let{size:t,fillMode:o,section:r,...l}=e;return gc(ne,{...l,className:a(e.className,hc),children:r?gc("span",{className:a("k-toolbar-items-list",S("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};jo.states=ah;jo.options=rh;jo.className=hc;jo.defaultOptions=lh;jo.moduleName=co;jo.folderName=Eo;var vl=jo;import{jsx as D3}from"react/jsx-runtime";import{jsx as F3}from"react/jsx-runtime";import{jsx as X3}from"react/jsx-runtime";import{jsx as j3,jsxs as e5}from"react/jsx-runtime";import{jsx as r5}from"react/jsx-runtime";import{jsx as mo,jsxs as ch}from"react/jsx-runtime";var ih=ae.states,xc={...ae.defaultOptions,variant:"text"},nh=ae.options,sh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],dh=[{name:"opened",title:"Opened"}],Ja=e=>{let{variant:t,modifiers:o,...r}={...xc,...e},l={},s=ch(Oe,{size:r.size,children:[mo(te,{first:!0,text:"Menu Item"}),mo(te,{text:"Menu Item"}),mo(te,{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(ae,{...r,...l,icon:"star"})});case"icon-and-text":return mo("div",{children:mo(ae,{...r,...l,icon:"star",children:"Split Button"})});default:return mo("div",{children:mo(ae,{...r,...l,children:"Split Button"})})}};Ja.options=nh;Ja.states=ih;Ja.variants=sh;Ja.defaultOptions=xc;Ja.modifiers=dh;Ja.className=ae.className;import{jsx as ea,jsxs as ph}from"react/jsx-runtime";var Nc=e=>ea(de,{children:[ea(m,{children:"Button"},"toolbar-button"),ea(me,{text:"Menu button"},"toolbar-menu-button"),ea(ae,{children:"Split button"},"toolbar-split-button"),ph(J,{children:[ea(m,{className:"k-group-start",icon:"align-left",children:"Left"}),ea(m,{icon:"align-center",children:"Center"}),ea(m,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as G5,jsxs as O5}from"react/jsx-runtime";import{jsx as Ct,jsxs as kc}from"react/jsx-runtime";var wc=e=>Ct(de,{scrollable:!0,...e,children:[Ct(m,{children:"Button"},"toolbar-button"),Ct(me,{text:"Menu button"},"toolbar-menu-button"),Ct(ae,{children:"Split button"},"toolbar-split-button"),kc(J,{children:[Ct(m,{className:"k-group-start",icon:"align-left",children:"Left"}),Ct(m,{icon:"align-center",children:"Center"}),Ct(m,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Ct(m,{children:"Button"},"toolbar-button"),Ct(me,{text:"Menu button"},"toolbar-menu-button"),Ct(ae,{children:"Split button"},"toolbar-split-button"),kc(J,{children:[Ct(m,{className:"k-group-start",icon:"align-left",children:"Left"}),Ct(m,{icon:"align-center",children:"Center"}),Ct(m,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Lt,jsxs as vc}from"react/jsx-runtime";var Cc=({scrollingPosition:e="start",...t})=>Lt(de,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[Lt(m,{children:"Button"},"toolbar-button"),Lt(me,{text:"Menu button"},"toolbar-menu-button"),Lt(ae,{children:"Split button"},"toolbar-split-button"),vc(J,{children:[Lt(m,{className:"k-group-start",icon:"align-left",children:"Left"}),Lt(m,{icon:"align-center",children:"Center"}),Lt(m,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Lt(m,{children:"Button"},"toolbar-button"),Lt(me,{text:"Menu button"},"toolbar-menu-button"),Lt(ae,{children:"Split button"},"toolbar-split-button"),vc(J,{children:[Lt(m,{className:"k-group-start",icon:"align-left",children:"Left"}),Lt(m,{icon:"align-center",children:"Center"}),Lt(m,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as mh,jsx as st,jsxs as Cl}from"react/jsx-runtime";var Lc=({fillMode:e,size:t,...o})=>Cl(mh,{children:[st(de,{section:!0,fillMode:e,size:t,children:[st(m,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Cl(J,{fillMode:e,children:[st(m,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),st(m,{icon:"align-center",fillMode:e,size:t,children:"Center"}),st(m,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),st(Wt,{className:"k-toolbar-button-separator"}),st(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:[st(ae,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),st(m,{fillMode:e,size:t,children:"Button"},"toolbar-button"),st(Wt,{}),st(me,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Cl(J,{fillMode:e,children:[st(m,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),st(m,{icon:"align-center",fillMode:e,size:t,children:"Center"}),st(m,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as uz,jsx as pz,jsxs as mz}from"react/jsx-runtime";import{Fragment as Cz,jsx as wz,jsxs as vz}from"react/jsx-runtime";import{jsx as Io}from"react/jsx-runtime";var uh=de.options,bh=de.states,yc={...de.defaultOptions,variant:"default"},fh=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Th=[],qa=e=>{let{variant:t,...o}={...yc,...e};switch(t){case"responsive":return Io("div",{children:Io(Lc,{style:{width:"583px"},...o})});case"overlay":return Io("div",{children:Io(Cc,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Io("div",{children:Io(wc,{style:{width:"583px"},...o})});default:return Io("div",{children:Io(Nc,{style:{width:"583px"},...o})})}};qa.options=uh;qa.states=bh;qa.variants=fh;qa.defaultOptions=yc;qa.modifiers=Th;qa.className=de.className;import{jsx as gh}from"react/jsx-runtime";var Mc="k-gantt-header",ta=e=>gh(de,{...e,className:a(e.className,Mc,"k-gantt-toolbar"),children:e.children});ta.className=Mc;ta.moduleName=be;ta.folderName=ge;import{jsx as hh}from"react/jsx-runtime";var Sc="k-gantt-footer",Ya=e=>hh(de,{...e,className:a(e.className,Sc,"k-gantt-toolbar"),children:e.children});Ya.className=Sc;Ya.moduleName=be;Ya.folderName=ge;import{jsx as xh}from"react/jsx-runtime";var Rc="k-gantt-content",oa=e=>xh("div",{...e,className:a(e.className,Rc),children:e.children});oa.className=Rc;oa.moduleName=be;oa.folderName=ge;import{jsx as Nh}from"react/jsx-runtime";var Ac="k-gantt-tables",aa=e=>Nh("div",{...e,className:a(e.className,Ac),children:e.children});aa.className=Ac;aa.moduleName=be;aa.folderName=ge;var Ue="table",Je=Ue;import{jsx as Ch}from"react/jsx-runtime";var Ec="k-data-table",kh=[],wh={size:[d.undefined,d.small,d.medium,d.large]},vh={},uo=e=>{let{size:t,...o}=e;return Ch("div",{...o,className:a(e.className,Ec,S("k-table",{size:t})),children:e.children})};uo.states=kh;uo.options=wh;uo.className=Ec;uo.defaultOptions=vh;uo.moduleName=Ue;uo.folderName=Je;import{jsx as Sh}from"react/jsx-runtime";var gn="k-table-header-wrap",Lh=[i.hover,i.focus,i.disabled],yh={},Mh={},Go=e=>{let{children:t,hover:o,focus:r,disabled:l,...s}=e;return Sh("div",{...s,className:a(e.className,gn,A(gn,{hover:o,focus:r,disabled:l})),children:t})};Go.states=Lh;Go.options=yh;Go.className=gn;Go.defaultOptions=Mh;Go.moduleName=Ue;Go.folderName=Je;import{jsx as Ih}from"react/jsx-runtime";var hn="k-table",Rh=[],Ah={size:[d.undefined,d.small,d.medium,d.large]},Eh={},Le=e=>{let{size:t,...o}=e;return Ih("table",{...o,className:a(e.className,hn,S(hn,{size:t})),children:e.children})};Le.states=Rh;Le.options=Ah;Le.className=hn;Le.defaultOptions=Eh;Le.moduleName=Ue;Le.folderName=Je;import{jsx as xn}from"react/jsx-runtime";var Nn="k-table-header",Gh=[i.hover,i.focus,i.disabled],Oh={},Hh={},bo=e=>{let{children:t,hover:o,focus:r,disabled:l,...s}=e;return xn("div",{...s,className:a(e.className,Nn,A(Nn,{hover:o,focus:r,disabled:l})),children:xn(Go,{children:xn(Le,{children:t})})})};bo.states=Gh;bo.options=Oh;bo.className=Nn;bo.defaultOptions=Hh;bo.moduleName=Ue;bo.folderName=Je;import{jsx as Dh}from"react/jsx-runtime";var Ic="k-table-scroller",Ph=[],_h={},Kh={},Qa=e=>{let{children:t,...o}=e;return Dh("div",{...o,className:a(e.className,Ic),children:t})};Qa.states=Ph;Qa.options=_h;Qa.className=Ic;Qa.defaultOptions=Kh;Qa.moduleName=Ue;Qa.folderName=Je;import{jsx as DU}from"react/jsx-runtime";import{jsx as Fh}from"react/jsx-runtime";var Gc="k-table-footer",Bh=[],zh={},Uh={},Oo=e=>{let{children:t,...o}=e;return Fh("div",{...o,className:a(e.className,Gc),children:t})};Oo.states=Bh;Oo.options=zh;Oo.className=Gc;Oo.defaultOptions=Uh;Oo.moduleName=Ue;Oo.folderName=Je;import{jsx as Xh}from"react/jsx-runtime";var kn="k-table-list",$h=[],Wh={size:[d.undefined,d.small,d.medium,d.large]},Vh={},Ho=e=>{let{size:t,virtualization:o,...r}=e;return Xh("ul",{...r,className:a(e.className,"k-table",kn,S(kn,{size:t}),{"k-virtual-table":o}),children:e.children})};Ho.states=$h;Ho.options=Wh;Ho.className=kn;Ho.defaultOptions=Vh;Ho.moduleName=Ue;Ho.folderName=Je;import{jsx as qh}from"react/jsx-runtime";var Jh="k-table-thead",P=e=>qh("thead",{className:a(e.className,Jh),children:e.children});import{jsx as Qh}from"react/jsx-runtime";var Yh="k-table-tbody",_=e=>Qh("tbody",{className:a(e.className,Yh),children:e.children});import{jsx as a6}from"react/jsx-runtime";import{jsx as jh}from"react/jsx-runtime";var wn="k-table-row",Zh=[i.hover,i.focus,i.selected,i.disabled,i.highlighted],g=e=>{let{hover:t,focus:o,selected:r,highlighted:l,disabled:s,alt:c,...u}=e;return jh("tr",{...u,className:a(e.className,wn,{"k-table-alt-row":c},A(wn,{hover:t,focus:o,disabled:s,selected:r,highlighted:l})),children:e.children})};g.states=Zh;g.className=wn;import{jsx as tx}from"react/jsx-runtime";var vn="k-table-row",ex=[i.hover,i.focus,i.selected,i.disabled],Ll=e=>{let{hover:t,focus:o,selected:r,disabled:l,alt:s,...c}=e;return tx("li",{...c,className:a(e.className,vn,{"k-table-alt-row":s},A(vn,{hover:t,focus:o,disabled:l,selected:r})),children:e.children})};Ll.states=ex;Ll.className=vn;import{jsx as ox}from"react/jsx-runtime";var Oc="k-table-th",fo=e=>{let{text:t,colspan:o,rowspan:r,...l}=e,s=t||e.children;return ox("th",{colSpan:o,rowSpan:r,...l,className:a(e.className,Oc),children:s})};fo.className=Oc;fo.moduleName=Ue;fo.folderName=Je;import{jsx as g6}from"react/jsx-runtime";import{jsx as rx}from"react/jsx-runtime";var Cn="k-table-td",ax=[i.focus,i.selected,i.highlighted],n=e=>{let{focus:t,selected:o,highlighted:r,text:l,colspan:s,rowspan:c,...u}=e,f=l||e.children;return rx("td",{colSpan:s,rowSpan:c,...u,className:a(e.className,Cn,A(Cn,{focus:t,selected:o,highlighted:r})),children:f})};n.states=ax;n.className=Cn;import{jsx as C6}from"react/jsx-runtime";import{jsx as S6}from"react/jsx-runtime";import{jsx as I6}from"react/jsx-runtime";import{jsx as P6}from"react/jsx-runtime";import{jsx as B6}from"react/jsx-runtime";import{jsx as X6,jsxs as J6}from"react/jsx-runtime";import{jsx as Z6,jsxs as j6}from"react/jsx-runtime";import{jsx as a4,jsxs as r4}from"react/jsx-runtime";import{Fragment as c4,jsx as s4,jsxs as d4}from"react/jsx-runtime";import{jsx as nx}from"react/jsx-runtime";var _c="k-gantt-columns",ra=e=>nx(Le,{...e,className:a(e.className,_c),role:"presentation",children:e.children});ra.className=_c;ra.moduleName=be;ra.folderName=ge;import{jsx as sx}from"react/jsx-runtime";var Kc="k-gantt-rows",la=e=>sx(Le,{...e,className:a(e.className,Kc),role:"presentation",children:e.children});la.className=Kc;la.moduleName=be;la.folderName=ge;import{jsx as dx}from"react/jsx-runtime";var Dc="k-gantt-tasks",ia=e=>dx(Le,{...e,className:a(e.className,Dc),role:"presentation",children:e.children});ia.className=Dc;ia.moduleName=be;ia.folderName=ge;import{jsx as mx}from"react/jsx-runtime";var Bc="k-task",cx=[],px={},zc={type:"single"},dt=e=>{let{type:t=zc.type,ariaLevel:o,...r}=e;return mx("div",{...r,className:a(e.className,Bc,{"k-task-single":t==="single","k-task-milestone":t==="milestone","k-task-summary":t==="summary"}),role:"treeitem",...o!==void 0&&{"aria-level":o}})};dt.states=cx;dt.options=px;dt.className=Bc;dt.defaultOptions=zc;dt.moduleName=be;dt.folderName=ge;import{jsx as fx}from"react/jsx-runtime";var Uc="k-task-wrap",ux=[],bx={},Fc={type:"single"},ct=e=>{let{type:t=Fc.type,...o}=e;return fx("div",{...o,className:a(e.className,Uc,{"k-milestone-wrap":t==="milestone","k-summary-wrap":t==="summary"})})};ct.states=ux;ct.options=bx;ct.className=Uc;ct.defaultOptions=Fc;ct.moduleName=be;ct.folderName=ge;import{jsx as hx}from"react/jsx-runtime";var $c="k-task-dot",Tx=[],gx={},Wc={position:"start"},Pe=e=>{let{position:t=Wc.position,...o}=e;return hx("div",{...o,className:a(e.className,$c,{"k-task-start":t==="start","k-task-end":t==="end"}),"aria-hidden":"true"})};Pe.states=Tx;Pe.options=gx;Pe.className=$c;Pe.defaultOptions=Wc;Pe.moduleName=be;Pe.folderName=ge;import{jsx as Za,jsxs as wx}from"react/jsx-runtime";var Vc="k-task-content",xx=[],Nx={},kx={},Vt=e=>{let{content:t,...o}=e;return wx("div",{...o,className:a(e.className,Vc),children:[t&&Za("div",{className:"k-task-template",children:t}),Za("span",{className:"k-task-actions","aria-hidden":"true",children:Za("a",{className:"k-link k-task-delete",children:Za(p,{icon:"x"})})}),Za("span",{className:"k-resize-handle k-resize-w","aria-hidden":"true"}),Za("span",{className:"k-resize-handle k-resize-e","aria-hidden":"true"})]})};Vt.states=xx;Vt.options=Nx;Vt.className=Vc;Vt.defaultOptions=kx;Vt.moduleName=be;Vt.folderName=ge;import{jsx as Lx}from"react/jsx-runtime";var Xc="k-gantt-line",vx=[],Cx={},Jc={orientation:"horizontal"},ye=e=>{let{orientation:t=Jc.orientation,...o}=e;return Lx("div",{...o,className:a(e.className,Xc,{"k-gantt-line-h":t==="horizontal","k-gantt-line-v":t==="vertical"}),"aria-hidden":"true"})};ye.states=vx;ye.options=Cx;ye.className=Xc;ye.defaultOptions=Jc;ye.moduleName=be;ye.folderName=ge;var re="grid",ie=re;import{jsx as Rx,jsxs as Ax}from"react/jsx-runtime";var yl="k-grid",yx=[],Mx={size:[d.undefined,d.small,d.medium,d.large]},Sx=[],qc={pagerPosition:"bottom"},$=e=>{let{size:t,pagerPosition:o=qc.pagerPosition,toolbar:r,pager:l,groupingHeader:s,gridSelectionAggregates:c,_renderAriaRoot:u,resizable:f,ariaColCount:h,ariaRowCount:w,ariaRootId:v,ariaRole:T="grid",...y}=e;return Ax("div",{...y,className:a(e.className,yl,{[`${yl}-resizable`]:f},S(yl,{size:t})),children:[r,o==="top"&&l,s,e.children&&u?Rx("div",{className:"k-grid-aria-root",role:T,id:v,"aria-colcount":h,"aria-rowcount":w,children:e.children}):e.children,c,o==="bottom"&&l]})};$.states=yx;$.options=Mx;$.variants=Sx;$.className=yl;$.defaultOptions=qc;$.moduleName=re;$.folderName=ie;$.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 Ex}from"react/jsx-runtime";var Yc="k-grid-header",K=e=>{let{draggable:t,...o}=e;return Ex("div",{...o,className:a(e.className,Yc,{"k-grid-draggable-header":t}),children:e.children})};K.className=Yc;K.moduleName=re;K.folderName=ie;import{jsx as Qc,jsxs as Ix}from"react/jsx-runtime";var Zc="k-grouping-header",eo=e=>{let{dropHint:t,dropClue:o,...r}=e;return Ix("div",{...r,className:a(e.className,Zc),children:[o&&Qc("div",{className:"k-grouping-dropclue"}),e.children,Qc("div",{className:"k-grouping-drop-container",children:t})]})};eo.className=Zc;eo.moduleName=re;eo.folderName=ie;import{jsx as Gx}from"react/jsx-runtime";var jc="k-grid-pinned-container",Ur=e=>{let{position:t,...o}=e;return Gx("div",{...o,className:a(e.className,jc,{"k-pos-bottom":t==="bottom"}),children:e.children})};Ur.className=jc;Ur.moduleName=re;Ur.folderName=ie;import{jsx as Ox}from"react/jsx-runtime";var ep="k-grid-sticky-container",Fr=e=>{let{position:t,...o}=e;return Ox("div",{...o,className:a(e.className,ep,{"k-pos-bottom":t==="bottom"}),children:e.children})};Fr.className=ep;Fr.moduleName=re;Fr.folderName=ie;import{jsx as Hx}from"react/jsx-runtime";var tp="k-grid-header-table",D=e=>Hx(Le,{...e,className:a(e.className,tp),children:e.children});D.className=tp;D.moduleName=re;D.folderName=ie;import{jsx as Po,jsxs as Ln}from"react/jsx-runtime";var yn="k-header",Px=[i.hover,i.focus,i.active],op={sortIcon:"sort-asc-small"},C=e=>{let{menu:t,sortable:o,filterable:r,sticky:l,resizable:s,columnTitle:c,hover:u,focus:f,active:h,sortIcon:w=op.sortIcon,sortOrder:v,accessibleLabel:T,...y}=e;return Ln(fo,{...y,className:a(e.className,yn,{"k-filterable":t||r,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":s},A(yn,{hover:u,focus:f,active:h})),children:[c&&Ln("span",{className:"k-cell-inner",children:[Ln("span",{className:"k-link",children:[Po("span",{className:"k-column-title",children:c}),o&&Po("span",{className:"k-sort-icon",children:Po(p,{icon:w})}),v&&Po("span",{className:"k-sort-order",children:v})]}),t&&Po("a",{className:a("k-grid-header-menu",{"k-active":h,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:Po(p,{icon:t==="filter"?"filter":"more-vertical"})})]}),!c&&T&&Po("span",{className:"k-sr-only",children:T}),e.children,s&&Po("span",{className:"k-column-resizer k-touch-action-none"})]})};C.states=Px;C.className=yn;C.defaultOptions=op;C.moduleName=re;C.folderName=ie;import{jsx as _x}from"react/jsx-runtime";var ap="k-grid-container",W=e=>_x("div",{...e,className:a(e.className,ap),children:e.children});W.className=ap;W.moduleName=re;W.folderName=ie;import{jsx as Kx}from"react/jsx-runtime";var rp="k-grid-content",z=e=>Kx("div",{...e,className:a(e.className,rp),children:e.children});z.className=rp;z.moduleName=re;z.folderName=ie;import{jsx as Dx}from"react/jsx-runtime";var lp="k-grid-table",U=e=>Dx(Le,{...e,className:a(e.className,lp),children:e.children});U.className=lp;U.moduleName=re;U.folderName=ie;import{jsx as Bx}from"react/jsx-runtime";var ip="k-grid-footer",Ml=e=>Bx("div",{...e,className:a(e.className,ip),children:e.children});Ml.className=ip;Ml.moduleName=re;Ml.folderName=ie;import{jsx as zx}from"react/jsx-runtime";var np="k-grid-footer-table",Sl=e=>zx(Le,{...e,className:a(e.className,np),children:e.children});Sl.className=np;Sl.moduleName=re;Sl.folderName=ie;var Mn="pager",sp=Mn;import{Fragment as dp,jsx as pt,jsxs as ja}from"react/jsx-runtime";var Rl="k-pager",Ux=[i.focus,i.disabled],Fx={size:[d.undefined,d.small,d.medium,d.large]},yt={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},ke=e=>{let{responsive:t=yt.responsive,size:o,pagerSizeInfo:r=yt.pagerSizeInfo,pageTitleInfo:l=yt.pageTitleInfo,maxPagesInfo:s=yt.maxPagesInfo,itemsPerPage:c=yt.itemsPerPage,maxPages:u=yt.maxPages,currentPage:f=yt.currentPage,previousNext:h=yt.previousNext,type:w=yt.type,pageSizes:v=yt.pageSizes,refresh:T=yt.refresh,info:y=yt.info,focus:R,disabled:I,dir:B,...O}=e,j=[],ve=[];for(let ue=1;ue<=u;ue++)j.push(pt(m,{selected:ue===f,fillMode:"flat",themeColor:"primary",size:o,"aria-label":`Page ${ue}`,...ue===f&&{"aria-current":"page"},children:ue},ue)),ve.push(pt("option",{selected:ue===f,children:ue},ue));return ja("div",{dir:B,...O,className:a(e.className,Rl,S(Rl,{size:o}),A(Rl,{focus:R,disabled:I}),{"k-pager-responsive":t}),role:"application","aria-roledescription":"pager","aria-keyshortcuts":"Enter ArrowRight ArrowLeft","aria-label":`Page ${f} of ${u}`,children:[ja("div",{className:a("k-pager-numbers-wrap"),children:[h&&ja(dp,{children:[pt(m,{className:a("k-pager-nav","k-pager-first"),ariaDisabled:f===1,fillMode:"flat",size:o,icon:B==="rtl"?"caret-alt-to-right":"caret-alt-to-left",title:"Go to the first page","aria-label":"Go to the first page"}),pt(m,{className:a("k-pager-nav"),ariaDisabled:f===1,fillMode:"flat",size:o,icon:B==="rtl"?"caret-alt-right":"caret-alt-left",title:"Go to the previous page","aria-label":"Go to the previous page"})]}),w==="numeric"&&pt("div",{className:a("k-pager-numbers"),children:j}),w==="input"&&ja("span",{className:a("k-pager-input"),children:[l&&pt("span",{children:"Page"}),pt(ee,{value:`${f}`,size:o,showSpinButton:!1,showClearButton:!1,"aria-label":"Current page"}),pt("span",{children:s&&`of ${u}`})]}),h&&ja(dp,{children:[pt(m,{className:a("k-pager-nav"),ariaDisabled:f===u,fillMode:"flat",size:o,icon:B==="rtl"?"caret-alt-left":"caret-alt-right",title:"Go to the next page","aria-label":"Go to the next page"}),pt(m,{className:a("k-pager-nav","k-pager-last"),ariaDisabled:f===u,fillMode:"flat",size:o,icon:B==="rtl"?"caret-alt-to-left":"caret-alt-to-right",title:"Go to the last page","aria-label":"Go to the last page"})]})]}),v&&ja("span",{className:a("k-pager-sizes"),children:[pt(pe,{value:`${c}`,size:o,"aria-label":"Items per page"}),r&&pt("span",{children:"items per page"})]}),T&&pt(m,{className:a("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw",title:"Refresh","aria-label":"Refresh"}),y&&pt("span",{className:a("k-pager-info"),children:y})]})};ke.states=Ux;ke.options=Fx;ke.className=Rl;ke.defaultOptions=yt;ke.moduleName=Mn;ke.folderName=sp;ke.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 _7}from"react/jsx-runtime";import{jsx as z7}from"react/jsx-runtime";import{jsx as W7}from"react/jsx-runtime";import{jsx as cp}from"react/jsx-runtime";var $x=ke.options,Wx=ke.states,Vx={...ke.defaultOptions,variant:"numeric"},Xx=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],Jx=[],er=e=>{let{variant:t,...o}=e;return t==="input"?cp(ke,{...o,type:"input"}):cp(ke,{...o,type:"numeric"})};er.options=$x;er.states=Wx;er.variants=Xx;er.defaultOptions=Vx;er.modifiers=Jx;er.className=ke.className;import{jsx as qx}from"react/jsx-runtime";var pp="k-grid-pager",Bt=e=>qx(ke,{...e,className:a(e.className,pp),children:e.children});Bt.className=pp;Bt.moduleName=re;Bt.folderName=ie;import{jsx as Yx}from"react/jsx-runtime";var mp="k-grid-toolbar",to=e=>Yx(de,{...e,className:a(e.className,mp),children:e.children});to.className=mp;to.moduleName=re;to.folderName=ie;import{jsx as Sn,jsxs as Zx}from"react/jsx-runtime";var Rn="k-grid-stack-cell",Qx=[i.focus,i.selected],Al=e=>{let{cellHeader:t,cellContent:o,edit:r,commandCell:l,dirty:s,focus:c,selected:u,...f}=e;return Zx("div",{...f,className:a(e.className,Rn,{"k-grid-stack-edit-cell":r,"k-command-cell":l,"k-dirty-cell":s},A(Rn,{focus:c,selected:u})),children:[s&&Sn("span",{className:"k-dirty"}),t&&Sn("div",{className:"k-grid-stack-header",children:t}),Sn("div",{className:"k-grid-stack-content",children:o}),e.children]})};Al.states=Qx;Al.className=Rn;Al.moduleName=re;Al.folderName=ie;import{jsx as jx}from"react/jsx-runtime";var up="k-grid-stack-row",El=e=>{let{cols:t,...o}=e;return jx("div",{...o,className:a(e.className,up,{[`k-grid-cols-${t}`]:t}),children:e.children})};El.className=up;El.moduleName=re;El.folderName=ie;import{Fragment as R9,jsx as M9,jsxs as S9}from"react/jsx-runtime";import{Fragment as P9,jsx as O9,jsxs as H9}from"react/jsx-runtime";var at="column-menu",mt=at;import{jsx as oN}from"react/jsx-runtime";var An="k-column-menu",eN=[],tN={size:[d.undefined,d.small,d.medium,d.large]},bp={view:"list"},To=e=>{let{view:t=bp.view,size:o,...r}=e;return oN("div",{...r,className:a(e.className,An,S(An,{size:o}),{"k-column-menu-tabbed":t==="tabbed"}),children:e.children})};To.states=eN;To.options=tN;To.className=An;To.defaultOptions=bp;To.moduleName=at;To.folderName=mt;To.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 fp}from"react/jsx-runtime";var En="k-column-list",aN=[],rN={size:[d.undefined,d.small,d.medium,d.large]},lN={},na=e=>{let{size:t,...o}=e;return fp("div",{className:"k-column-list-wrapper",children:fp("div",{...o,className:a(e.className,En,S(En,{size:t})),role:"listbox","aria-multiselectable":"true",children:e.children})})};na.states=aN;na.options=rN;na.className=En;na.defaultOptions=lN;na.moduleName=at;na.folderName=mt;import{jsx as Tp,jsxs as dN}from"react/jsx-runtime";var In="k-column-list-item",iN=[i.focus,i.disabled,i.hover],nN={},sN={},$r=e=>{let{label:t,checked:o,focus:r,hover:l,disabled:s,...c}=e;return dN("span",{...c,className:a(e.className,In,A(In,{focus:r,hover:l,disabled:s})),role:"option","aria-checked":o?"true":"false",children:[Tp(Ke,{disabled:s,checked:o,"aria-label":t}),Tp("span",{className:"k-checkbox-label",children:t})]})};$r.states=iN;$r.options=nN;$r.className=In;$r.defaultOptions=sN;import{jsx as Gn,jsxs as gp}from"react/jsx-runtime";var On="k-columnmenu-item",cN=[i.focus,i.selected],pN={},mN={},go=e=>{let{focus:t,selected:o,text:r,startIcon:l,endIcon:s,sortIndex:c,...u}=e;return gp("div",{...u,className:a(e.className,On,A(On,{focus:t,selected:o})),role:"button",tabIndex:0,children:[l&&Gn(p,{icon:l}),r,s&&gp("span",{className:"k-columnmenu-indicators",children:[Gn(p,{icon:s}),c&&Gn("span",{className:"k-sort-index",children:c})]}),e.children]})};go.states=cN;go.options=pN;go.className=On;go.defaultOptions=mN;go.moduleName=at;go.folderName=mt;import{jsx as r8}from"react/jsx-runtime";import{jsx as bN}from"react/jsx-runtime";var uN="k-columnmenu-item-content",hp=e=>bN("div",{...e,className:a(e.className,uN,"k-columns-item"),children:e.children});import{jsx as xp}from"react/jsx-runtime";var Np="k-filter-menu",fN=[],TN={},gN={},_o=e=>{let{...t}=e;return xp("form",{...t,className:a(e.className,Np),children:xp("div",{className:"k-filter-menu-container",children:e.children})})};_o.states=fN;_o.options=TN;_o.className=Np;_o.defaultOptions=gN;_o.moduleName=at;_o.folderName=mt;import{jsx as f8}from"react/jsx-runtime";import{jsx as Hn,jsxs as kN}from"react/jsx-runtime";var hN="k-item",xN={size:[d.undefined,d.small,d.medium,d.large]},NN=[],Pn=e=>{let{text:t,size:o,...r}=e;return Hn("li",{...r,className:a(e.className,hN),children:kN("label",{className:"k-label k-checkbox-label",children:[Hn(Ke,{size:o}),Hn("span",{children:t})]})})};Pn.states=NN;Pn.options=xN;import{jsx as tr,jsxs as kp}from"react/jsx-runtime";var wp="k-expander",wN=[],vN={},CN={},sa=e=>{let{itemText:t,itemStartIcon:o,itemEndIcon:r,itemSortIndex:l,expanded:s,itemContent:c,expanderIcon:u,contentId:f,...h}=e,w=f||G("columnmenu-content"),v=!s&&!u?tr(p,{icon:"chevron-down"}):s&&!u?tr(p,{icon:"chevron-up"}):tr(p,{icon:u});return kp("div",{...h,className:a(e.className,wp),children:[kp(go,{text:t,startIcon:o,endIcon:r,sortIndex:l,"aria-expanded":s?"true":"false","aria-controls":w,children:[tr("span",{className:"k-spacer"}),tr("span",{className:"k-expander-indicator",children:v})]}),s&&tr(hp,{id:w,children:c}),e.children]})};sa.states=wN;sa.options=vN;sa.className=wp;sa.defaultOptions=CN;sa.moduleName=at;sa.folderName=mt;import{jsx as SN}from"react/jsx-runtime";var _n="k-group-menu",LN=[],yN={size:[d.undefined,d.small,d.medium,d.large]},MN={},or=e=>{let{size:t,...o}=e;return SN("div",{...o,className:a(e.className,_n,S(_n,{size:t})),children:e.children})};or.states=LN;or.options=yN;or.className=_n;or.defaultOptions=MN;or.moduleName=at;or.folderName=mt;import{Fragment as IN,jsx as Il,jsxs as vp}from"react/jsx-runtime";var Kn="k-group-menu-item",RN=[i.hover,i.selected],AN={},EN={},ar=e=>{let{hover:t,selected:o,text:r,actionsStart:l,actionsEnd:s,...c}=e;return vp("div",{...c,className:a(e.className,Kn,A(Kn,{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&&vp(IN,{children:[Il("span",{className:"k-spacer"}),Il("span",{className:"k-group-menu-item-actions",children:s})]}),e.children]})};ar.states=RN;ar.options=AN;ar.className=Kn;ar.defaultOptions=EN;ar.moduleName=at;ar.folderName=mt;import{jsx as da}from"react/jsx-runtime";var Dn="k-group-menu-item-action",GN=[i.hover,i.disabled,i.selected],ON={size:[d.undefined,d.small,d.medium,d.large]};var Bn=e=>{let{hover:t,disabled:o,selected:r,size:l,type:s,...c}=e,u;switch(s){case"remove":u=da(p,{icon:"x-circle",size:l});break;case"add":u=da(p,{icon:"plus-circle",size:l});break;case"drag":u=da(p,{icon:"handle-drag-dots",size:l});break;case"up":u=da(p,{icon:"chevron-up",size:l});break;case"down":u=da(p,{icon:"chevron-down",size:l});break;default:u=da(p,{icon:s,size:l});break}return da("span",{...c,className:a(e.className,Dn,A(Dn,{selected:r,hover:t,disabled:o}),`k-group-menu-item-${s}-action`),children:u})};Bn.options=GN;Bn.options=ON;Bn.className=Dn;import{jsx as U8}from"react/jsx-runtime";import{Fragment as q8,jsx as X8,jsxs as J8}from"react/jsx-runtime";import{jsx as KN}from"react/jsx-runtime";var Cp="k-tabstrip-items",HN=[],PN={},_N={tabAlignment:"start"},Wr=e=>{let{children:t,tabAlignment:o,orientation:r,...l}=e;return KN("ul",{...l,className:a(e.className,Cp,"k-reset",`k-tabstrip-items-${o}`),role:"tablist",...r==="vertical"&&{"aria-orientation":"vertical"},children:t})};Wr.states=HN;Wr.options=PN;Wr.className=Cp;Wr.defaultOptions=_N;var Lp=Wr;import{jsx as zN}from"react/jsx-runtime";var yp="k-tabstrip-items-wrapper",DN=[],BN={},Mp={orientation:"horizontal"},Vr=e=>{let{children:t,orientation:o=Mp.orientation,...r}=e;return zN("div",{...r,className:a(e.className,yp,{"k-hstack":o==="horizontal","k-vstack":o==="vertical"}),children:t})};Vr.states=DN;Vr.options=BN;Vr.className=yp;Vr.defaultOptions=Mp;var Sp=Vr;var Xr="tabstrip",Gl=Xr;import{jsx as Xt,jsxs as Rp}from"react/jsx-runtime";var Ko="k-tabstrip",UN=[],FN={size:[d.undefined,d.small,d.medium,d.large]},Ol={position:"top",tabAlignment:"start",scrollButtons:"around"},Fe=e=>{let{size:t,scrollable:o,children:r,tabStripItems:l,tabStripItemsId:s,position:c=Ol.position,tabAlignment:u=Ol.tabAlignment,scrollButtons:f=Ol.scrollButtons,dir:h,scrollingPosition:w,overflow:v,...T}=e,y={top:{prev:h!=="rtl"?"left":"right",next:h!=="rtl"?"right":"left"},bottom:{prev:h!=="rtl"?"left":"right",next:h!=="rtl"?"right":"left"},right:{prev:"up",next:"down"},left:{prev:"up",next:"down"}},R={top:"horizontal",bottom:"horizontal",left:"vertical",right:"vertical"},I={start:"start",center:"center",end:"end",justify:"justify",stretched:"stretched"};return Rp("div",{dir:h,...T,className:a(Ko,e.className,{[`${Ko}-${c}`]:c,[`${Ko}-scrollable`]:o,[`${Ko}-scrollable-overlay`]:o&&(f==="hidden"||!f),[`${Ko}-scrollable-${w}`]:w&&w!=="both",[`${Ko}-overflow`]:v},S(Ko,{size:t})),children:[c==="bottom"&&r,Rp(Sp,{orientation:R[c],children:[o&&(f==="around"||f==="start")&&Xt("span",{className:a("k-tabstrip-prev","k-button",S("k-button",{size:t,fillMode:k.flat,rounded:N.none}),"k-icon-button"),"aria-hidden":"true",children:Xt(p,{className:"k-button-icon",icon:`caret-alt-${y[c].prev}`})}),o&&f==="start"&&Xt("span",{className:a("k-tabstrip-next","k-button",S("k-button",{size:t,fillMode:k.flat,rounded:N.none}),"k-icon-button"),"aria-hidden":"true",children:Xt(p,{className:"k-button-icon",icon:`caret-alt-${y[c].next}`})}),Xt(Lp,{className:a({"k-tabstrip-items-scroll":o&&f==="hidden"}),tabAlignment:I[u],orientation:R[c],...s&&{id:s},children:l}),o&&f==="end"&&Xt("span",{className:a("k-tabstrip-prev","k-button",S("k-button",{size:t,fillMode:k.flat,rounded:N.none}),"k-icon-button"),"aria-hidden":"true",children:Xt(p,{className:"k-button-icon",icon:`caret-alt-${y[c].prev}`})}),o&&(f==="around"||f==="end")&&Xt("span",{className:a("k-tabstrip-next","k-button",S("k-button",{size:t,fillMode:k.flat,rounded:N.none}),"k-icon-button"),"aria-hidden":"true",children:Xt(p,{className:"k-button-icon",icon:`caret-alt-${y[c].next}`})}),v&&Xt("div",{className:"k-tabstrip-actions k-hstack",children:Xt(me,{className:"k-tabstrip-overflow-button",icon:"more-vertical",fillMode:"flat",size:t,showArrow:!1})})]}),c!=="bottom"&&r]})};Fe.states=UN;Fe.options=FN;Fe.className=Ko;Fe.defaultOptions=Ol;Fe.moduleName=Xr;Fe.folderName=Gl;Fe.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 XN}from"react/jsx-runtime";var Ap="k-tabstrip-wrapper",$N=[],WN={},VN={},rr=e=>{let{...t}=e;return XN("div",{...t,className:a(e.className,Ap),children:e.children})};rr.states=$N;rr.options=WN;rr.className=Ap;rr.defaultOptions=VN;rr.moduleName=Xr;rr.folderName=Gl;import{jsx as Hl,jsxs as zn}from"react/jsx-runtime";var Un="k-tabstrip-item",JN=[i.active,i.hover,i.disabled,i.focus],qN={},Ep={iconPosition:"before"},ut=e=>{let{dragging:t,active:o,hover:r,focus:l,disabled:s,children:c,first:u,last:f,closable:h,icon:w,iconPosition:v=Ep.iconPosition,value:T,actions:y,...R}=e;return zn("li",{...R,className:a(e.className,Un,A(Un,{hover:r,active:o,disabled:s,focus:l}),{"k-tabstrip-dragging":t,"k-first":u,"k-last":f}),role:"tab",...o&&{"aria-selected":"true"},...s&&{"aria-disabled":"true"},children:[zn("span",{className:"k-link",children:[w&&v==="before"&&Hl(p,{icon:w}),T&&Hl("span",{className:"k-link-text",children:T}),w&&v==="after"&&Hl(p,{icon:w})]}),(y||h)&&zn("span",{className:"k-item-actions",children:[y,h&&Hl(m,{as:"span",className:"k-remove-tab",icon:"x",fillMode:"flat",size:"xsmall",title:"Close","aria-hidden":"true"})]}),c]})};ut.states=JN;ut.options=qN;ut.className=Un;ut.item=Ep;import{jsx as jN}from"react/jsx-runtime";var Fn="k-tabstrip-content",YN=[i.active,i.focus],QN={},ZN={},oo=e=>{let{active:t,focus:o,children:r,...l}=e;return jN("div",{...l,className:a(e.className,Fn,A(Fn,{active:t,focus:o}),e.className),role:"tabpanel",children:r})};oo.states=YN;oo.options=QN;oo.className=Fn;oo.defaultOptions=ZN;import{Fragment as ek,jsx as Do,jsxs as tk}from"react/jsx-runtime";var Jt=({children:e,...t})=>Do(Fe,{tabStripItems:tk(ek,{children:[Do(ut,{first:!0,value:"First"}),Do(ut,{active:!0,value:"Second"}),Do(ut,{value:"Third"}),Do(ut,{value:"Fourth"}),Do(ut,{last:!0,value:"Fifth"})]}),...t,children:e||Do(oo,{active:!0,children:Do("div",{children:"TabStrip Content"})})});import{jsx as ok}from"react/jsx-runtime";var Ip=e=>ok(Jt,{position:"bottom",...e});import{jsx as ak}from"react/jsx-runtime";var Gp=e=>ak(Jt,{position:"right",...e});import{jsx as rk}from"react/jsx-runtime";var Op=e=>rk(Jt,{position:"left",...e});import{jsx as K$}from"react/jsx-runtime";import{Fragment as F$,jsx as U$,jsxs as $$}from"react/jsx-runtime";import{jsx as J$}from"react/jsx-runtime";import{Fragment as tW,jsx as eW,jsxs as oW}from"react/jsx-runtime";import{Fragment as nW,jsx as iW,jsxs as sW}from"react/jsx-runtime";import{jsx as Pl}from"react/jsx-runtime";var lk={...Fe.options,scrollable:{type:"boolean"}},ik=Fe.states,Hp={...Fe.defaultOptions,scrollable:!1,variant:"up"},nk=[{name:"up",title:"Position Up"},{name:"bottom",title:"Position Bottom"},{name:"left",title:"Position Left"},{name:"right",title:"Position Right"}],sk=[],lr=e=>{let{variant:t,...o}={...Hp,...e},r={};switch(t){case"right":return Pl(Gp,{style:{height:"230px"},...o,...r,position:"right"});case"left":return Pl(Op,{style:{height:"230px"},...o,...r,position:"left"});case"bottom":return Pl(Ip,{style:{width:"350px"},...o,...r,position:"bottom"});default:return Pl(Jt,{style:{width:"350px"},...o,...r})}};lr.options=lk;lr.states=ik;lr.variants=nk;lr.defaultOptions=Hp;lr.modifiers=sk;lr.className=Fe.className;import{Fragment as DW,jsx as KW,jsxs as BW}from"react/jsx-runtime";import{Fragment as YW,jsx as JW,jsxs as qW}from"react/jsx-runtime";import{Fragment as iV,jsx as rV,jsxs as lV}from"react/jsx-runtime";import{Fragment as HV,jsx as GV,jsxs as OV}from"react/jsx-runtime";import{Fragment as UV,jsx as BV,jsxs as zV}from"react/jsx-runtime";import{Fragment as ZV,jsx as YV,jsxs as QV}from"react/jsx-runtime";import{Fragment as pk,jsx as E,jsxs as we}from"react/jsx-runtime";var Pp=({contentClassName:e,...t})=>E($,{_renderAriaRoot:!0,pager:E(Bt,{refresh:!1}),children:we(pk,{children:[E(K,{children:E("div",{className:"k-grid-header-wrap",children:we(D,{role:"none",children:[we("colgroup",{children:[E("col",{}),E("col",{style:{width:"225px"}}),E("col",{}),E("col",{}),E("col",{})]}),we(P,{role:"rowgroup",children:[we(g,{role:"row",children:[E(C,{rowspan:1,colspan:1,columnTitle:"Product Id",role:"columnheader"}),E(C,{rowspan:1,colspan:1,columnTitle:"Name",role:"columnheader"}),E(C,{rowspan:1,colspan:1,columnTitle:"Quantity",role:"columnheader"}),E(C,{rowspan:1,colspan:1,columnTitle:"Unit Price",role:"columnheader"}),E(C,{rowspan:1,colspan:1,columnTitle:"Discontinued",role:"columnheader"})]}),we(g,{className:"k-filter-row",role:"row",children:[E(n,{role:"gridcell","aria-label":"Product Id filter",children:E("div",{className:"k-filtercell",children:we("div",{className:"k-filtercell-wrapper",children:[E(ee,{"aria-label":"Product Id filter"}),we("div",{className:"k-filtercell-operator",children:[E(pe,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Product Id filter operator"})," ",E(m,{disabled:!0,icon:"filter-clear","aria-label":"Clear Product Id filter"})]})]})})}),E(n,{role:"gridcell","aria-label":"Name filter",children:E("div",{className:"k-filtercell",children:we("div",{className:"k-filtercell-wrapper",children:[E(fe,{"aria-label":"Name filter"}),we("div",{className:"k-filtercell-operator",children:[E(pe,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Name filter operator"})," ",E(m,{disabled:!0,icon:"filter-clear","aria-label":"Clear Name filter"})]})]})})}),E(n,{role:"gridcell","aria-label":"Quantity filter",children:E("div",{className:"k-filtercell",children:we("div",{className:"k-filtercell-wrapper",children:[E(fe,{"aria-label":"Quantity filter"}),we("div",{className:"k-filtercell-operator",children:[E(pe,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Quantity filter operator"})," ",E(m,{disabled:!0,icon:"filter-clear","aria-label":"Clear Quantity filter"})]})]})})}),E(n,{role:"gridcell","aria-label":"Unit Price filter",children:E("div",{className:"k-filtercell",children:we("div",{className:"k-filtercell-wrapper",children:[E(ee,{"aria-label":"Unit Price filter"}),we("div",{className:"k-filtercell-operator",children:[E(pe,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Unit Price filter operator"})," ",E(m,{disabled:!0,icon:"filter-clear","aria-label":"Clear Unit Price filter"})]})]})})}),E(n,{role:"gridcell","aria-label":"Discontinued filter",children:E("div",{className:"k-filtercell",children:we("div",{className:"k-filtercell-wrapper",children:[E(pe,{"aria-label":"Discontinued filter"}),E("div",{className:"k-filtercell-operator",children:E(m,{disabled:!0,icon:"filter-clear","aria-label":"Clear Discontinued filter"})})]})})})]})]})]})})}),E(W,{children:E(z,{className:e,children:we(U,{role:"none",children:[we("colgroup",{children:[E("col",{}),E("col",{style:{width:"225px"}}),E("col",{}),E("col",{}),E("col",{})]}),we(_,{role:"rowgroup",children:[we(g,{className:"k-master-row",role:"row",children:[E(n,{role:"gridcell",children:"1"}),E(n,{role:"gridcell",children:"Chai"}),E(n,{role:"gridcell",children:"10 boxes x 20 bags"}),E(n,{role:"gridcell",children:"18"}),E(n,{role:"gridcell",children:"false"})]}),we(g,{className:"k-master-row",role:"row",alt:!0,children:[E(n,{role:"gridcell",children:"2"}),E(n,{role:"gridcell",children:"Chang"}),E(n,{role:"gridcell",children:"24 - 12 oz bottles"}),E(n,{role:"gridcell",children:"19"}),E(n,{role:"gridcell",children:"false"})]}),we(g,{className:"k-master-row",role:"row",children:[E(n,{role:"gridcell",children:"3"}),E(n,{role:"gridcell",children:"Aniseed Syrup"}),E(n,{role:"gridcell",children:"12 - 550 ml bottles"}),E(n,{role:"gridcell",children:"10"}),E(n,{role:"gridcell",children:"false"})]}),we(g,{className:"k-master-row",role:"row",alt:!0,children:[E(n,{role:"gridcell",children:"4"}),E(n,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),E(n,{role:"gridcell",children:"48 - 6 oz jars"}),E(n,{role:"gridcell",children:"22"}),E(n,{role:"gridcell",children:"false"})]}),we(g,{className:"k-master-row",role:"row",children:[E(n,{role:"gridcell",children:"5"}),E(n,{role:"gridcell",children:"Grandma's Boysenberry Spread"}),E(n,{role:"gridcell",children:"12 - 8 oz jars"}),E(n,{role:"gridcell",children:"25"}),E(n,{role:"gridcell",children:"false"})]})]})]})})})]}),...t});import{jsx as _l}from"react/jsx-runtime";var mk="k-chip-action";var Ee=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,mk,`k-chip-${t}-action`),children:r})};var $n="avatar",_p=$n;import{jsx as Kp}from"react/jsx-runtime";var Jr="k-avatar";var uk=[i.hover,i.focus,i.active,i.selected,i.disabled],bk={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[k.undefined,k.solid,k.outline],themeColor:[L.undefined,L.base,L.primary,L.secondary,L.tertiary]},Wn={type:"text",border:!1},rt=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,type:s=Wn.type,border:c=Wn.border,...u}=e;return Kp("div",{...u,className:a(e.className,Jr,S(Jr,{size:t,rounded:o,fillMode:r,themeColor:l}),{[`${Jr}-bordered`]:c}),children:Kp("span",{className:`${Jr}-${s}`,children:e.children})})};rt.states=uk;rt.options=bk;rt.className=Jr;rt.defaultOptions=Wn;rt.moduleName=$n;rt.folderName=_p;rt.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var ca=rt;import{jsx as fk}from"react/jsx-runtime";var Dp=e=>fk(ca,{type:"icon",...e});import{jsx as Tk}from"react/jsx-runtime";var Bp=e=>Tk(ca,{type:"text",...e});import{jsx as gk}from"react/jsx-runtime";var zp=e=>gk(ca,{type:"image",...e});import{jsx as SX}from"react/jsx-runtime";import{jsx as qr}from"react/jsx-runtime";var hk=rt.options,xk=rt.states,Nk={...rt.defaultOptions,variant:"image"},kk=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],wk=[],ir=e=>{let{variant:t,...o}=e;switch(t){case"icon":return qr(Dp,{...o,children:qr(p,{icon:"star"})});case"text":return qr(Bp,{...o,children:"JO"});default:return qr(zp,{...o,children:qr("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};ir.options=hk;ir.states=xk;ir.variants=kk;ir.defaultOptions=Nk;ir.modifiers=wk;ir.className=rt.className;var Yr="chip",Kl=Yr;import{jsx as nr,jsxs as Lk}from"react/jsx-runtime";var Dl="k-chip",vk=[i.hover,i.focus,i.active,i.selected,i.disabled],Ck={size:[d.undefined,d.small,d.medium,d.large],rounded:[N.undefined,N.none,N.small,N.medium,N.large,N.full],fillMode:[k.undefined,k.solid,k.outline],themeColor:[L.undefined,L.base,L.success,L.warning,L.error,L.info]},Up={avatarImage:"/packages/html/assets/avatar.jpg"},Me=e=>{let{size:t,rounded:o,fillMode:r,themeColor:l,text:s,icon:c,actions:u,showAvatar:f,avatarImage:h=Up.avatarImage,hover:w,focus:v,active:T,selected:y,disabled:R,...I}=e;return Lk("div",{...I,className:a(e.className,Dl,S(Dl,{size:t,rounded:o,fillMode:r,themeColor:l}),A(Dl,{hover:w,focus:v,active:T,disabled:R,selected:y})),role:e.role||"button","aria-pressed":e.role==="option"?void 0:y?"true":"false",...e.role==="option"&&y!==void 0&&{"aria-selected":y?"true":"false"},"aria-disabled":R?"true":void 0,children:[c&&nr(p,{className:"k-chip-icon",icon:c,size:"small"}),f&&nr(rt,{className:"k-chip-avatar",type:"image",children:nr("img",{src:h,alt:""})}),nr("span",{className:"k-chip-content",children:e.children?e.children:s&&nr("span",{className:"k-chip-label",children:s})}),u&&nr("span",{className:"k-chip-actions",children:u})]})};Me.states=vk;Me.options=Ck;Me.className=Dl;Me.defaultOptions=Up;Me.moduleName=Yr;Me.folderName=Kl;Me.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 zt=Me;import{jsx as Rk}from"react/jsx-runtime";var Vn="k-chip-list",yk=[],Mk={size:[d.undefined,d.small,d.medium,d.large]},Sk={},Se=e=>{let{size:t,multiselectable:o,ariaLabel:r,...l}=e;return Rk("div",{...l,className:a(e.className,Vn,S(Vn,{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})};Se.states=yk;Se.options=Mk;Se.className=Vn;Se.defaultOptions=Sk;Se.moduleName=Yr;Se.folderName=Kl;Se.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 rJ}from"react/jsx-runtime";import{jsx as sJ}from"react/jsx-runtime";import{jsx as Ak}from"react/jsx-runtime";var Bl=e=>Ak(zt,{text:"text",...e});import{jsx as TJ}from"react/jsx-runtime";import{jsx as NJ}from"react/jsx-runtime";import{Fragment as yJ,jsx as LJ,jsxs as MJ}from"react/jsx-runtime";import{jsx as IJ,jsxs as GJ}from"react/jsx-runtime";import{jsx as KJ,jsxs as DJ}from"react/jsx-runtime";import{jsx as WJ,jsxs as VJ}from"react/jsx-runtime";import{jsx as sr,jsxs as Pk}from"react/jsx-runtime";var Ek={...zt.options,...Se.options},Ik=[],Gk=Se.states,Ok={...zt.defaultOptions,...Se.defaultOptions},Hk=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],dr=e=>{let{modifiers:t,className:o,...r}=e,l=t?.icon,s=t?.actions,c=t?.avatar;return Pk(Se,{size:r.size,className:o,children:[sr(Bl,{...r,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?sr(Ee,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),sr(Bl,{...r,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?sr(Ee,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),sr(Bl,{...r,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?sr(Ee,{type:"remove"}):void 0,showAvatar:c,children:"Chip"})]})};dr.options=Ek;dr.states=Gk;dr.variants=Ik;dr.defaultOptions=Ok;dr.modifiers=Hk;dr.className=Se.className;import{jsx as Xn}from"react/jsx-runtime";var _k=Me.states,Kk=Me.defaultOptions,Dk=Me.options,Bk=[],zk=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],cr=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]?Xn(Ee,{type:"more"}):void 0;break;case"remove-icon":r.actions||(r.actions=[]),r.actions[1]=t?.[l]?Xn(Ee,{type:"remove"}):void 0;break;default:break}}),Xn(Me,{...o,...r,children:"Chip component"})};cr.options=Dk;cr.states=_k;cr.variants=Bk;cr.defaultOptions=Kk;cr.modifiers=zk;cr.className=Me.className;import{Fragment as Jn,jsx as F,jsxs as lt}from"react/jsx-runtime";var Fp=({dropClue:e,contentClassName:t,...o})=>F($,{_renderAriaRoot:!0,groupingHeader:F(eo,{dropClue:e,role:"toolbar","aria-label":"Grouping",children:lt(Se,{role:"none",children:[F(Me,{icon:"sort-asc-small",text:"ID",role:"button",actions:lt(Jn,{children:[F(Ee,{type:"more"}),F(Ee,{type:"remove"})]})}),F(Me,{icon:"sort-desc-small",text:"Name",role:"button",actions:lt(Jn,{children:[F(Ee,{type:"more"}),F(Ee,{type:"remove"})]})})]})}),children:lt(Jn,{children:[F(K,{draggable:!0,children:F("div",{className:"k-grid-header-wrap",children:lt(D,{role:"none",children:[lt("colgroup",{children:[F("col",{className:"k-group-col"}),F("col",{className:"k-group-col"}),F("col",{}),F("col",{}),F("col",{}),F("col",{})]}),F(P,{role:"rowgroup",children:lt(g,{role:"row",children:[F(C,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),F(C,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),F(C,{colspan:1,columnTitle:"ID",role:"columnheader"}),F(C,{colspan:1,columnTitle:"Name",role:"columnheader"}),F(C,{colspan:1,columnTitle:"Price",role:"columnheader"}),F(C,{colspan:1,columnTitle:"Category",role:"columnheader"})]})})]})})}),F(W,{children:F(z,{className:t,children:lt(U,{role:"none",children:[lt("colgroup",{children:[F("col",{className:"k-group-col"}),F("col",{className:"k-group-col"}),F("col",{}),F("col",{}),F("col",{}),F("col",{})]}),lt(_,{role:"rowgroup",children:[F(g,{className:"k-table-group-row k-grouping-row",role:"row",children:F(n,{colspan:6,role:"gridcell","aria-expanded":"false",children:lt("p",{className:"k-reset",children:[F(p,{icon:"caret-alt-right"}),"ID: 1"]})})}),F(g,{className:"k-table-group-row k-grouping-row",role:"row",children:F(n,{colspan:6,role:"gridcell","aria-expanded":"true",children:lt("p",{className:"k-reset",children:[F(p,{icon:"caret-alt-down"}),"ID: 2"]})})}),lt(g,{className:"k-table-group-row k-grouping-row",role:"row",children:[F(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),F(n,{colspan:5,role:"gridcell","aria-expanded":"true",children:lt("p",{className:"k-reset",children:[F(p,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),lt(g,{className:"k-master-row",role:"row",alt:!0,children:[F(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),F(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),F(n,{colspan:0,role:"gridcell",children:"2"}),F(n,{colspan:0,role:"gridcell",children:"Chang"}),F(n,{colspan:0,role:"gridcell",children:"$19.00"}),F(n,{colspan:0,role:"gridcell",children:"Beverages"})]})]})]})})})]}),...o});import{Fragment as Oq,jsx as Iq,jsxs as Gq}from"react/jsx-runtime";import{Fragment as Uq,jsx as Bq,jsxs as zq}from"react/jsx-runtime";import{Fragment as qq,jsx as Xq,jsxs as Jq}from"react/jsx-runtime";import{Fragment as Uk,jsx as Y,jsxs as it}from"react/jsx-runtime";var $p=({headerWrapClassName:e,contentClassName:t,...o})=>Y($,{_renderAriaRoot:!0,children:it(Uk,{children:[Y(K,{children:Y("div",{className:`k-grid-header-wrap ${e}`,children:it(D,{role:"none",children:[it("colgroup",{children:[Y("col",{}),Y("col",{}),Y("col",{}),Y("col",{})]}),it(P,{role:"rowgroup",children:[it(g,{role:"row",children:[Y(C,{rowspan:3,colspan:1,columnTitle:"ID",role:"columnheader"}),Y(C,{rowspan:1,colspan:3,columnTitle:"Product Information",role:"columnheader"})]}),it(g,{role:"row",children:[Y(C,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first",role:"columnheader"}),Y(C,{rowspan:1,colspan:2,columnTitle:"Unit",role:"columnheader"})]}),it(g,{role:"row",children:[Y(C,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first",role:"columnheader"}),Y(C,{rowspan:1,colspan:1,columnTitle:"Units Price",role:"columnheader"})]})]})]})})}),Y(W,{children:Y(z,{className:t,children:it(U,{role:"none",children:[it("colgroup",{children:[Y("col",{}),Y("col",{}),Y("col",{}),Y("col",{})]}),it(_,{role:"rowgroup",children:[it(g,{className:"k-master-row",role:"row",children:[Y(n,{role:"gridcell",children:"1"}),Y(n,{role:"gridcell",children:"Chai"}),Y(n,{role:"gridcell",children:"39"}),Y(n,{role:"gridcell",children:"18"})]}),it(g,{className:"k-master-row",alt:!0,role:"row",children:[Y(n,{role:"gridcell",children:"2"}),Y(n,{role:"gridcell",children:"Chang"}),Y(n,{role:"gridcell",children:"17"}),Y(n,{role:"gridcell",children:"19"})]}),it(g,{className:"k-master-row",role:"row",children:[Y(n,{role:"gridcell",children:"3"}),Y(n,{role:"gridcell",children:"Aniseed Syrup"}),Y(n,{role:"gridcell",children:"13"}),Y(n,{role:"gridcell",children:"10"})]}),it(g,{className:"k-master-row",alt:!0,role:"row",children:[Y(n,{role:"gridcell",children:"4"}),Y(n,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),Y(n,{role:"gridcell",children:"53"}),Y(n,{role:"gridcell",children:"22"})]}),it(g,{className:"k-master-row",role:"row",children:[Y(n,{role:"gridcell",children:"5"}),Y(n,{role:"gridcell",children:"Chef Anton's Gumbo Mix"}),Y(n,{role:"gridcell",children:"0"}),Y(n,{role:"gridcell",children:"21.35"})]})]})]})})})]}),...o});import{Fragment as nY,jsx as lY,jsxs as iY}from"react/jsx-runtime";import{Fragment as bY,jsx as mY,jsxs as uY}from"react/jsx-runtime";import{Fragment as Fk,jsx as q,jsxs as Ut}from"react/jsx-runtime";var Wp=e=>{let t=G("grid");return q($,{_renderAriaRoot:!0,ariaRootId:t,toolbar:Ut(to,{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:Ut(Fk,{children:[q(K,{children:q("div",{className:"k-grid-header-wrap",children:Ut(D,{role:"none",children:[Ut("colgroup",{children:[q("col",{}),q("col",{}),q("col",{}),q("col",{style:{width:"300px"}})]}),q(P,{role:"rowgroup",children:Ut(g,{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(W,{children:q(z,{children:q("div",{children:Ut(U,{role:"none",children:[Ut("colgroup",{children:[q("col",{}),q("col",{}),q("col",{}),q("col",{style:{width:"300px"}})]}),Ut(_,{role:"rowgroup",children:[Ut(g,{className:"k-master-row k-grid-add-row k-grid-edit-row",role:"row",children:[q(n,{role:"gridcell",children:q(fe,{value:"Towel","aria-label":"Name"})}),q(n,{role:"gridcell",children:q(ee,{value:"42","aria-label":"Price"})}),q(n,{role:"gridcell",children:q(Ke,{"aria-label":"Available"})}),Ut(n,{className:"k-command-cell",role:"gridcell",children:[q(m,{children:"Add"}),q(m,{children:"Cancel"})]})]}),Ut(g,{className:"k-master-row",role:"row",children:[q(n,{role:"gridcell",children:"Chai"}),q(n,{role:"gridcell",children:"18"}),q(n,{role:"gridcell",children:"false"}),q(n,{className:"k-command-cell",role:"gridcell",children:q(m,{children:"Remove"})})]}),Ut(g,{className:"k-master-row",role:"row",alt:!0,children:[q(n,{role:"gridcell",children:"Chang"}),q(n,{role:"gridcell",children:"19"}),q(n,{role:"gridcell",children:"false"}),q(n,{className:"k-command-cell",role:"gridcell",children:q(m,{children:"Remove"})})]})]})]})})})})]}),...e})};import{Fragment as BY,jsx as DY,jsxs as zY}from"react/jsx-runtime";var qn="context-menu",Vp=qn;import{jsx as Xk}from"react/jsx-runtime";var Xp="k-context-menu",$k=[],Wk={},Vk={},bt=e=>{let{children:t,...o}=e;return Xk(Oe,{...o,className:a(e.className,Xp),role:"menu",children:t})};bt.states=$k;bt.options=Wk;bt.className=Xp;bt.defaultOptions=Vk;bt.moduleName=qn;bt.folderName=Vp;bt.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 Yn=e=>zl(bt,{children:[zl(te,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),zl(te,{text:"Item 2"},"menu-item-2"),zl(te,{last:!0,text:"Item 3"},"menu-item-3")],...e});import{Fragment as nQ,jsx as lQ,jsxs as iQ}from"react/jsx-runtime";import{jsx as Qr,jsxs as Zk}from"react/jsx-runtime";var Jk=Ce.options,qk=Ce.states,Jp={...Ce.defaultOptions,variant:"normal"},Yk=[{name:"normal",title:"Normal"},{name:"separators",title:"With separator"}],Qk=[],pr=e=>{let{variant:t,...o}={...Jp,...e};return t==="separators"?Zk(Yn,{...o,style:{width:"130px"},children:[Qr(te,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),Qr(Ao,{}),Qr(te,{text:"Item 2"},"menu-item-2"),Qr(te,{last:!0,text:"Item 3"},"menu-item-3")]}):Qr(Yn,{...o,style:{width:"130px"}})};pr.options=Jk;pr.states=qk;pr.variants=Yk;pr.defaultOptions=Jp;pr.modifiers=Qk;pr.className=bt.className;import{Fragment as RQ,jsx as MQ,jsxs as SQ}from"react/jsx-runtime";import{Fragment as zQ,jsx as DQ,jsxs as BQ}from"react/jsx-runtime";import{Fragment as qQ,jsx as JQ,jsxs as YQ}from"react/jsx-runtime";import{Fragment as lZ,jsx as rZ,jsxs as iZ}from"react/jsx-runtime";import{Fragment as Ul,jsx as x,jsxs as ce}from"react/jsx-runtime";var jk=$.options,ew=$.states,qp={...$.defaultOptions,variant:"normal"},tw=[{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"}],ow=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],mr=e=>{let{variant:t,modifiers:o,...r}={...qp,...e},l={toolbar:void 0,pager:void 0},s=ce(to,{children:[x(m,{icon:"plus",children:"Add New"}),x(m,{icon:"file-pdf",children:"Export to PDF"}),x("span",{className:"k-spacer"}),x(fe,{prefix:x(p,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=x(ke,{pageSizes:!1,refresh:!1});Object.keys(o||{}).forEach(h=>{switch(h){case"toolbar":l.toolbar=o?.[h]?s:void 0;break;case"pager":l.pager=o?.[h]?c:void 0;break;default:return}});let u={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},f=ce(Ul,{children:[x(K,{children:x("div",{className:"k-grid-header-wrap",children:ce(D,{children:[ce("colgroup",{children:[x("col",{}),x("col",{}),x("col",{}),x("col",{})]}),x(P,{children:ce(g,{children:[x(C,{...u[t],columnTitle:"ID"}),x(C,{...u[t],columnTitle:"Product Name"}),x(C,{...u[t],columnTitle:"Units in Stock"}),x(C,{...u[t],columnTitle:"Units Price"})]})})]})})}),x(W,{children:x(z,{children:ce(U,{children:[ce("colgroup",{children:[x("col",{}),x("col",{}),x("col",{}),x("col",{})]}),ce(_,{children:[ce(g,{children:[x(n,{children:"1"}),x(n,{children:"Chai"}),x(n,{children:"39"}),x(n,{children:"18"})]}),ce(g,{alt:!0,children:[x(n,{children:"2"}),x(n,{children:"Chang"}),x(n,{children:"17"}),x(n,{children:"19"})]}),ce(g,{children:[x(n,{children:"3"}),x(n,{children:"Aniseed Syrup"}),x(n,{children:"13"}),x(n,{children:"10"})]}),ce(g,{alt:!0,children:[x(n,{children:"4"}),x(n,{children:"Chef Anton's Cajun Seasoning"}),x(n,{children:"53"}),x(n,{children:"22"})]}),ce(g,{children:[x(n,{children:"5"}),x(n,{children:"Chef Anton's Gumbo Mix"}),x(n,{children:"0"}),x(n,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return x($p,{...r,...l});case"editing":return x(Wp,{...r,...l});case"grouping":return x(Fp,{...r,...l,groupingHeader:x(eo,{children:ce(Se,{children:[x(Me,{icon:"sort-asc-small",actions:ce(Ul,{children:[x(Ee,{type:"more"}),x(Ee,{type:"remove"})]}),children:"ID"}),x(Me,{icon:"sort-desc-small",actions:ce(Ul,{children:[x(Ee,{type:"more"}),x(Ee,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return x($,{...r,...l,children:ce(Ul,{children:[x(K,{children:ce("div",{className:"k-grid-header-wrap",children:[" ",ce(D,{children:[ce("colgroup",{children:[x("col",{className:"k-drag-col"}),x("col",{}),x("col",{}),x("col",{}),x("col",{})]}),x(P,{children:ce(g,{children:[x(C,{className:"k-drag-cell",accessibleLabel:"Reorder"}),x(C,{columnTitle:"ID"}),x(C,{columnTitle:"Product Name"}),x(C,{columnTitle:"Units in Stock"}),x(C,{columnTitle:"Units Price"})]})})]})]})}),x(W,{children:x(z,{children:ce(U,{children:[ce("colgroup",{children:[x("col",{className:"k-drag-col"}),x("col",{}),x("col",{}),x("col",{}),x("col",{})]}),ce(_,{children:[ce(g,{children:[x(n,{className:"k-drag-cell",children:x(p,{icon:"reorder"})}),x(n,{children:"1"}),x(n,{children:"Chai"}),x(n,{children:"39"}),x(n,{children:"18"})]}),ce(g,{alt:!0,children:[x(n,{className:"k-drag-cell",children:x(p,{icon:"reorder"})}),x(n,{children:"2"}),x(n,{children:"Chang"}),x(n,{children:"17"}),x(n,{children:"19"})]}),ce(g,{children:[x(n,{className:"k-drag-cell",children:x(p,{icon:"reorder"})}),x(n,{children:"3"}),x(n,{children:"Aniseed Syrup"}),x(n,{children:"13"}),x(n,{children:"10"})]}),ce(g,{alt:!0,children:[x(n,{className:"k-drag-cell",children:x(p,{icon:"reorder"})}),x(n,{children:"4"}),x(n,{children:"Chef Anton's Cajun Seasoning"}),x(n,{children:"53"}),x(n,{children:"22"})]}),ce(g,{children:[x(n,{className:"k-drag-cell",children:x(p,{icon:"reorder"})}),x(n,{children:"5"}),x(n,{children:"Chef Anton's Gumbo Mix"}),x(n,{children:"0"}),x(n,{children:"21.35"})]})]})]})})})]})});case"filter-row":return x(Pp,{...r,...l});default:return x($,{...r,...l,children:f})}};mr.options=jk;mr.states=ew;mr.variants=tw;mr.defaultOptions=qp;mr.modifiers=ow;mr.className=$.className;import{jsx as lw}from"react/jsx-runtime";var pa="k-pane",aw=[],rw={},Qn={resizable:!0,flex:!1},Be=e=>{let{scrollable:t,flexBasis:o,flex:r=Qn.flex,collapsible:l,resizable:s=Qn.resizable,pinned:c,unpinned:u,tabbed:f,...h}=e;return lw("div",{...h,style:{flexBasis:o,...e.style},className:a(e.className,pa,{[`${pa}-static`]:o,[`${pa}-flex`]:r,"k-scrollable":t,[`${pa}-pinned`]:c,[`${pa}-unpinned`]:u,[`${pa}-tabbed`]:f}),role:"group",children:e.children})};Be.states=aw;Be.options=rw;Be.className=pa;Be.defaultOptions=Qn;import{Fragment as Yp,jsx as ma,jsxs as sw}from"react/jsx-runtime";var ur="k-splitbar",iw=[i.hover,i.focus],nw={},Zn={orientation:"horizontal",draggable:!0},br=e=>{let{hover:t,focus:o,orientation:r=Zn.orientation,draggable:l=Zn.draggable,collapsePrev:s,collapseNext:c,ariaLabel:u,...f}=e;return sw("div",{...f,className:a(e.className,ur,A(ur,{hover:t,focus:o}),{[`${ur}-${r}`]:r,[`${ur}-draggable-${r}`]:l,[`${ur}-static-${r}`]:!l&&!s&&!c}),role:"separator","aria-label":u,...r==="horizontal"&&{"aria-orientation":"vertical"},"aria-keyshortcuts":"ArrowLeft ArrowRight ArrowUp ArrowDown",children:[s&&ma(Yp,{children:ma("div",{className:"k-collapse-prev",children:ma(p,{icon:`caret-alt-${r==="horizontal"?"left":"up"}`,size:"xsmall"})})}),ma("div",{className:"k-resize-handle","aria-hidden":"true"}),c&&ma(Yp,{children:ma("div",{className:"k-collapse-next",children:ma(p,{icon:`caret-alt-${r==="horizontal"?"right":"down"}`,size:"xsmall"})})})]})};br.states=iw;br.options=nw;br.className=ur;br.defaultOptions=Zn;var jn="splitter",Qp=jn;import{jsx as pw,jsxs as mw}from"react/jsx-runtime";import{createElement as cw}from"react";var es="k-splitter",dw={},Zp={orientation:"horizontal"},_e=e=>{let{orientation:t=Zp.orientation,children:o,panes:r,...l}=e,s=[];return r&&r.forEach((c,u)=>{let f=r[u+1],h=c.props,w=f?.props;s.push(cw(Be,{...h,key:u})),f&&s.push(pw(br,{draggable:h.resizable!==!1&&w.resizable!==!1,collapsePrev:h.collapsible,collapseNext:w.collapsible,orientation:t,ariaLabel:"Pane separator"},`splitbar-${u}`))}),mw("div",{...l,className:a(e.className,es,{[`${es}-${t}`]:t},"k-splitter-flex"),children:[s,o]})};_e.options=dw;_e.className=es;_e.defaultOptions=Zp;_e.moduleName=jn;_e.folderName=Qp;_e.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 Ej,jsxs as Ij}from"react/jsx-runtime";import{jsx as Pj,jsxs as _j}from"react/jsx-runtime";import{jsx as fr}from"react/jsx-runtime";import{createElement as Fl}from"react";var uw=_e.options,bw=_e.states,jp={..._e.defaultOptions,variant:"horizontal",firstPaneProps:!0,secondPaneProps:!0},fw=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Tw=[{name:"firstPaneProps",title:"Collapsible Left"},{name:"secondPaneProps",title:"Collapsible Right"}],Tr=e=>{let{variant:t,modifiers:o,...r}={...jp,...e},l=f=>({collapsible:f,content:f?"Resizable and collapsible":"Resizable only"}),s=l(!0),c=l(!0),u={display:"flex",justifyContent:"center",alignItems:"center"};return Object.keys(o||{}).forEach(f=>{let h=o?.[f];switch(f){case"secondPaneProps":c=l(!!h);break;case"firstPaneProps":s=l(!!h);break;default:break}}),t==="vertical"?fr(_e,{style:{height:"238px"},...r,orientation:"vertical",panes:[Fl(Be,{...s,flexBasis:"50%",style:u,key:"pane-1"},fr("p",{children:s.content})),Fl(Be,{...c,flexBasis:"50%",style:u,key:"pane-2"},fr("p",{children:c.content}))]}):fr(_e,{style:{height:"238px"},...r,orientation:"horizontal",panes:[Fl(Be,{...s,flexBasis:"50%",style:u,key:"pane-1"},fr("p",{children:s.content})),Fl(Be,{...c,flexBasis:"50%",style:u,key:"pane-2"},fr("p",{children:c.content}))]})};Tr.options=uw;Tr.states=bw;Tr.variants=fw;Tr.defaultOptions=jp;Tr.modifiers=Tw;Tr.className=_e.className;var ts="segmented-control",em=ts,tm="segmented-control-button",om="segmented-control";import{jsx as xw,jsxs as Nw}from"react/jsx-runtime";var $l="k-segmented-control",gw=[],hw={size:[d.undefined,d.small,d.medium,d.large]},ao=e=>{let{size:t,stretched:o,children:r,thumbStyles:l,...s}=e;return Nw("div",{...s,className:a(e.className,$l,S($l,{size:t}),{[`${$l}-stretched`]:o}),role:"group",children:[xw("div",{className:"k-segmented-control-thumb","aria-hidden":"true",style:l}),r]})};ao.states=gw;ao.options=hw;ao.className=$l;ao.moduleName=ts;ao.folderName=em;ao.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 am,jsxs as Cw}from"react/jsx-runtime";var os="k-segmented-control-button",kw=[i.selected,i.hover,i.focus,i.disabled],ww={},vw={},Ft=e=>{let{hover:t,focus:o,selected:r,disabled:l,icon:s,text:c,iconClassName:u,...f}=e;return Cw("button",{...f,className:a(e.className,os,A(os,{hover:t,focus:o,disabled:l,selected:r})),"aria-pressed":r?"true":"false","aria-disabled":l?"true":void 0,children:[s&&am(p,{className:a(u,"k-segmented-control-button-icon"),icon:s}),(c||e.children)&&am("span",{className:"k-segmented-control-button-text",children:c||e.children})]})};Ft.states=kw;Ft.options=ww;Ft.className=os;Ft.defaultOptions=vw;Ft.moduleName=tm;Ft.folderName=om;import{Fragment as mee,jsx as pee,jsxs as uee}from"react/jsx-runtime";import{Fragment as xee,jsx as hee,jsxs as Nee}from"react/jsx-runtime";import{Fragment as yee,jsx as Lee,jsxs as Mee}from"react/jsx-runtime";import{Fragment as Gee,jsx as Iee,jsxs as Oee}from"react/jsx-runtime";import{Fragment as Bee,jsx as Dee,jsxs as zee}from"react/jsx-runtime";var as="treelist",rm=as;import{jsx as Sw}from"react/jsx-runtime";var lm="k-treelist",Lw=[],yw={},Mw={},Te=e=>Sw($,{...e,ariaRole:"treegrid",className:a(lm,e.className),children:e.children});Te.states=Lw;Te.options=yw;Te.className=lm;Te.defaultOptions=Mw;Te.moduleName=as;Te.folderName=rm;Te.ariaSpec={selector:".k-treelist",rules:[{selector:".k-grid-toolbar",attribute:"role=toolbar",usage:"The toolbar is a collection of command buttons and inputs."},{selector:".k-grid-toolbar",attribute:"aria-label",usage:"Clarifies the purpose of the toolbar."},{selector:".k-grid-toolbar",attribute:"aria-controls=.k-grid-aria-root id (when present)",usage:"Pointing to the id of the element with role=treegrid."},{selector:".k-treelist .k-grid-aria-root",attribute:"role=treegrid",usage:"The role specifies the element is a TreeGrid."},{selector:".k-grid-aria-root",attribute:"aria-colcount (when present)",usage:"The total number of columns."},{selector:".k-grid-aria-root",attribute:"aria-rowcount (when present)",usage:"The total number of rows in the table."},{selector:".k-grid-header-wrap>table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-grid-header-wrap>table>thead",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr",attribute:"aria-rowindex (when present)",usage:"Row number."},{selector:".k-grid-header-wrap>table>thead>tr>th:not(.k-hierarchy-cell):not(.k-group-cell):not(.k-drag-cell)",attribute:"role=columnheader",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr>th",attribute:"aria-sort (when present)",usage:"Present if sorting is enabled for that column."},{selector:".k-grid-header-wrap>table>thead>tr>th",attribute:"aria-colindex (when present)",usage:"Col number."},{selector:".k-grid-header-wrap>table>thead>tr>th",attribute:"aria-haspopup=dialog (when present)",usage:"Present if the column has a ColumnMenu or FilterMenu."},{selector:".k-grid-content>table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-grid-content>table>tbody",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-content>table>tbody>tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-content>table>tbody>tr",attribute:"aria-rowindex (when present)",usage:"Row number."},{selector:".k-grid-content>table>tbody>tr>td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-content>table>tbody>tr>td",attribute:"aria-colindex (when present)",usage:"Col number."},{selector:"tr.k-selected",attribute:"aria-selected=true",usage:"Set on the currently selected row(s) in row selection mode. All cells within the selected row also carry aria-selected=true (without k-selected class)."},{selector:"td.k-selected",attribute:"aria-selected=true",usage:"Set on the currently selected cell(s) in cell selection mode. The k-selected class on cells is only applied in cell selection mode, but aria-selected=true is present on cells regardless of selection mode."},{selector:".k-grid-content>table>tbody>tr",attribute:"aria-expanded (when present)",usage:"Set on the currently expanded row(s)."},{selector:".k-grid-content>table>tbody>tr td",attribute:"aria-expanded (when present)",usage:"The cell containing the expand/collapse toggle also carries aria-expanded matching the row value, as it is the navigable focusable element."},{selector:'.k-treelist-toggle[class*="i-caret-alt-down"],.k-treelist-toggle[class*="i-caret-alt-right"]',attribute:"aria-hidden=true",usage:"Removes the expand/collapse icon from the accessibility tree."},{selector:".k-grid-filter-popup",attribute:"role=dialog",usage:"The filter menu popup has dialog role."},{selector:".k-grid-filter-popup",attribute:"id",usage:"Unique id linked to the header cell aria-controls attribute."},{selector:".k-grid-filter-popup",attribute:"aria-label",usage:"Descriptive label for the filter menu."},{selector:".k-grid-columnmenu-popup",attribute:"role=dialog",usage:"The column menu popup has dialog role."},{selector:".k-grid-columnmenu-popup",attribute:"id",usage:"Unique id linked to the header cell aria-controls attribute."},{selector:".k-grid-columnmenu-popup",attribute:"aria-label",usage:"Descriptive label for the column menu."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"role=button",usage:"Column menu items have button role."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"tabindex=0",usage:"Column menu items are focusable."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"aria-expanded (when present)",usage:"Expandable column menu items announce their expanded state."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"aria-controls (when present)",usage:"Expandable items point to the id of the content they control."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"role=listbox",usage:"The column list is a listbox."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"aria-multiselectable=true",usage:"The column list supports multiple selections."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"aria-label",usage:"Accessible name for the column list."},{selector:".k-grid-columnmenu-popup .k-column-list-item",attribute:"role=option",usage:"Column list items are options."},{selector:".k-grid-columnmenu-popup .k-column-list-item",attribute:"aria-checked",usage:"Column list items announce their checked state."},{selector:".k-grid-header-locked table tr",attribute:"aria-owns",usage:"Locked header rows own cells from the corresponding non-locked header table rows."},{selector:".k-grid-content-locked table tr",attribute:"aria-owns",usage:"Locked content rows own cells from the corresponding non-locked content table rows."},{selector:".k-grid-lockedcolumns .k-grid-header-wrap table tr",attribute:"role=none",usage:"Non-locked header rows have their semantic role removed when locked columns exist."},{selector:".k-grid-lockedcolumns .k-grid-content table tr",attribute:"role=none",usage:"Non-locked content rows have their semantic role removed when locked columns exist."},{selector:".k-grid-lockedcolumns .k-grid-header-wrap th",attribute:"role=columnheader",usage:"Non-locked header cells retain columnheader role so they are announced correctly when owned via aria-owns."},{selector:".k-grid-lockedcolumns .k-grid-content td",attribute:"role=gridcell",usage:"Non-locked data cells retain gridcell role so they are announced correctly when owned via aria-owns."},{selector:".k-drag-cell",attribute:"aria-label",usage:"Must be present in a Drag Row scenario on the cell containing the drag handle."}]};import{jsx as Q,jsxs as $e}from"react/jsx-runtime";var ua=({gridHeader:e,gridContent:t,menu:o,...r})=>{let l=G("treelist");return $e(Te,{id:G("treelist"),_renderAriaRoot:!0,ariaRootId:l,ariaColCount:3,ariaRowCount:6,...r,children:[e||Q(K,{children:Q("div",{className:"k-grid-header-wrap",children:$e(D,{role:"none",children:[$e("colgroup",{children:[Q("col",{}),Q("col",{}),Q("col",{})]}),Q(P,{role:"rowgroup",children:$e(g,{role:"row","aria-rowindex":1,children:[Q(C,{menu:o,columnTitle:"Name",role:"columnheader","aria-sort":"ascending","aria-colindex":1,...o?{"aria-haspopup":"dialog"}:{}}),Q(C,{menu:o,columnTitle:"Position",role:"columnheader","aria-colindex":2,...o?{"aria-haspopup":"dialog"}:{}}),Q(C,{menu:o,columnTitle:"Hire Date",role:"columnheader","aria-colindex":3,...o?{"aria-haspopup":"dialog"}:{}})]})})]})})}),Q(W,{children:t||Q(z,{children:$e(U,{role:"none",children:[$e("colgroup",{children:[Q("col",{}),Q("col",{}),Q("col",{})]}),$e(_,{role:"rowgroup",children:[$e(g,{role:"row","aria-rowindex":2,"aria-expanded":"true",children:[$e(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[Q(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),Q(n,{role:"gridcell","aria-colindex":2,children:"Sweeney"}),Q(n,{role:"gridcell","aria-colindex":3,children:"CEO"})]}),$e(g,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"true",children:[$e(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[Q(p,{className:"k-treelist-toggle",icon:"none"}),Q(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),Q(n,{role:"gridcell","aria-colindex":2,children:"Wooten"}),Q(n,{role:"gridcell","aria-colindex":3,children:"Chief Technical Officer"})]}),$e(g,{role:"row","aria-rowindex":4,"aria-expanded":"true",children:[$e(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[Q(p,{className:"k-treelist-toggle",icon:"none"}),Q(p,{className:"k-treelist-toggle",icon:"none"}),Q(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),Q(n,{role:"gridcell","aria-colindex":2,children:"Weber"}),Q(n,{role:"gridcell","aria-colindex":3,children:"VP, Engineering"})]}),$e(g,{role:"row",alt:!0,"aria-rowindex":5,"aria-expanded":"true",children:[$e(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[Q(p,{className:"k-treelist-toggle",icon:"none"}),Q(p,{className:"k-treelist-toggle",icon:"none"}),Q(p,{className:"k-treelist-toggle",icon:"none"}),Q(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),Q(n,{role:"gridcell","aria-colindex":2,children:"Hood"}),Q(n,{role:"gridcell","aria-colindex":3,children:"Team Lead"})]}),$e(g,{role:"row","aria-rowindex":6,children:[$e(n,{role:"gridcell","aria-colindex":1,children:[Q(p,{className:"k-treelist-toggle",icon:"none"}),Q(p,{className:"k-treelist-toggle",icon:"none"}),Q(p,{className:"k-treelist-toggle",icon:"none"}),Q(p,{className:"k-treelist-toggle",icon:"none"}),Q(p,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),Q(n,{role:"gridcell","aria-colindex":2,children:"Carr"}),Q(n,{role:"gridcell","aria-colindex":3,children:"Junior Software Developer"})]})]})]})})})]})};import{jsx as Rw}from"react/jsx-runtime";var im=e=>Rw(ua,{menu:"column",...e});import{Fragment as Cte,jsx as wte,jsxs as vte}from"react/jsx-runtime";import{jsx as Aw}from"react/jsx-runtime";var nm=e=>Aw(ua,{menu:"filter",...e});import{Fragment as Dte,jsx as _te,jsxs as Kte}from"react/jsx-runtime";import{Fragment as Yte,jsx as Jte,jsxs as qte}from"react/jsx-runtime";import{jsx as H,jsxs as We}from"react/jsx-runtime";var sm=({gridHeader:e,gridContent:t,menu:o,...r})=>{let l=G("treelist");return We(Te,{id:G("treelist"),_renderAriaRoot:!0,ariaRootId:l,ariaColCount:4,ariaRowCount:6,...r,children:[e||H(K,{children:H("div",{className:"k-grid-header-wrap",children:We(D,{role:"none",children:[We("colgroup",{children:[H("col",{className:"k-drag-col"}),H("col",{}),H("col",{}),H("col",{})]}),H(P,{role:"rowgroup",children:We(g,{role:"row","aria-rowindex":1,children:[H(C,{role:"columnheader",accessibleLabel:"Drag column"}),H(C,{menu:o,columnTitle:"First Name",role:"columnheader","aria-colindex":2}),H(C,{menu:o,columnTitle:"Last Name",role:"columnheader","aria-colindex":3}),H(C,{menu:o,columnTitle:"Position",role:"columnheader","aria-colindex":4})]})})]})})}),H(W,{children:t||H(z,{children:We(U,{role:"none",children:[We("colgroup",{children:[H("col",{className:"k-drag-col"}),H("col",{}),H("col",{}),H("col",{})]}),We(_,{role:"rowgroup",children:[We(g,{role:"row","aria-rowindex":2,"aria-expanded":"true",children:[H(n,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:H(p,{icon:"reorder"})}),We(n,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[H(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),H(n,{role:"gridcell","aria-colindex":3,children:"Sweeney"}),H(n,{role:"gridcell","aria-colindex":4,children:"CEO"})]}),We(g,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"true",children:[H(n,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:H(p,{icon:"reorder"})}),We(n,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[H(p,{className:"k-treelist-toggle",icon:"none"}),H(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),H(n,{role:"gridcell","aria-colindex":3,children:"Wooten"}),H(n,{role:"gridcell","aria-colindex":4,children:"Chief Technical Officer"})]}),We(g,{role:"row","aria-rowindex":4,"aria-expanded":"true",children:[H(n,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:H(p,{icon:"reorder"})}),We(n,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[H(p,{className:"k-treelist-toggle",icon:"none"}),H(p,{className:"k-treelist-toggle",icon:"none"}),H(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),H(n,{role:"gridcell","aria-colindex":3,children:"Weber"}),H(n,{role:"gridcell","aria-colindex":4,children:"VP, Engineering"})]}),We(g,{role:"row",alt:!0,"aria-rowindex":5,"aria-expanded":"true",children:[H(n,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:H(p,{icon:"reorder"})}),We(n,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[H(p,{className:"k-treelist-toggle",icon:"none"}),H(p,{className:"k-treelist-toggle",icon:"none"}),H(p,{className:"k-treelist-toggle",icon:"none"}),H(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),H(n,{role:"gridcell","aria-colindex":3,children:"Hood"}),H(n,{role:"gridcell","aria-colindex":4,children:"Team Lead"})]}),We(g,{role:"row","aria-rowindex":6,children:[H(n,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:H(p,{icon:"reorder"})}),We(n,{role:"gridcell","aria-colindex":2,children:[H(p,{className:"k-treelist-toggle",icon:"none"}),H(p,{className:"k-treelist-toggle",icon:"none"}),H(p,{className:"k-treelist-toggle",icon:"none"}),H(p,{className:"k-treelist-toggle",icon:"none"}),H(p,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),H(n,{role:"gridcell","aria-colindex":3,children:"Carr"}),H(n,{role:"gridcell","aria-colindex":4,children:"Junior Software Developer"})]})]})]})})})]})};import{jsx as poe,jsxs as moe}from"react/jsx-runtime";import{jsx as Noe,jsxs as koe}from"react/jsx-runtime";import{jsx as Roe,jsxs as Aoe}from"react/jsx-runtime";import{jsx as Koe,jsxs as Doe}from"react/jsx-runtime";import{jsx as M,jsxs as xe}from"react/jsx-runtime";var Ew=Te.options,Iw=Te.states,dm={...Te.defaultOptions,variant:"normal"},Gw=[{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"}],Ow=[{name:"toolbar",title:"Toolbar"},{name:"pager",title:"Pager"}],gr=e=>{let{variant:t,modifiers:o,...r}={...dm,...e},l={},s=xe(to,{children:[M(m,{icon:"plus",children:"Add New"}),M(m,{icon:"file-pdf",children:"Export to PDF"}),M("span",{className:"k-spacer"}),M(fe,{prefix:M(p,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=M(ke,{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 M(sm,{...r,...l});case"column-menu":return M(im,{...r,...l,gridHeader:M(K,{children:M("div",{className:"k-grid-header-wrap",children:xe(D,{children:[xe("colgroup",{children:[M("col",{}),M("col",{}),M("col",{})]}),M(P,{children:xe(g,{children:[M(C,{menu:"column",columnTitle:"First Name"}),M(C,{menu:"column",columnTitle:"Last Name"}),M(C,{menu:"column",columnTitle:"Position"})]})})]})})})});case"filter-row":return M(nm,{...r,...l,gridHeader:M(K,{children:M("div",{className:"k-grid-header-wrap",children:xe(D,{children:[xe("colgroup",{children:[M("col",{}),M("col",{}),M("col",{})]}),M(P,{children:xe(g,{children:[M(C,{menu:"filter",columnTitle:"First Name"}),M(C,{menu:"filter",columnTitle:"Last Name"}),M(C,{menu:"filter",columnTitle:"Position"})]})})]})})})});case"sorting":return M(ua,{...r,...l,gridHeader:M(K,{children:M("div",{className:"k-grid-header-wrap",children:xe(D,{children:[xe("colgroup",{children:[M("col",{}),M("col",{}),M("col",{})]}),M(P,{children:xe(g,{children:[M(C,{columnTitle:"First Name"}),M(C,{columnTitle:"Last Name",sortable:!0}),M(C,{columnTitle:"Position"})]})})]})})}),gridContent:M(z,{children:xe(U,{children:[xe("colgroup",{children:[M("col",{}),M("col",{className:"k-sorted"}),M("col",{})]}),xe(_,{children:[xe(g,{className:"k-treelist-group",children:[xe(n,{children:[M(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),M(n,{children:"Sweeney"}),M(n,{children:"CEO"})]}),xe(g,{className:"k-treelist-group",alt:!0,children:[xe(n,{children:[M(p,{className:"k-treelist-toggle",icon:"none"}),M(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),M(n,{children:"Wooten"}),M(n,{children:"Chief Technical Officer"})]}),xe(g,{className:"k-treelist-group",children:[xe(n,{children:[M(p,{className:"k-treelist-toggle",icon:"none"}),M(p,{className:"k-treelist-toggle",icon:"none"}),M(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),M(n,{children:"Weber"}),M(n,{children:"VP, Engineering"})]}),xe(g,{className:"k-treelist-group",alt:!0,children:[xe(n,{children:[M(p,{className:"k-treelist-toggle",icon:"none"}),M(p,{className:"k-treelist-toggle",icon:"none"}),M(p,{className:"k-treelist-toggle",icon:"none"}),M(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),M(n,{children:"Hood"}),M(n,{children:"Team Lead"})]}),xe(g,{children:[xe(n,{children:[M(p,{className:"k-treelist-toggle",icon:"none"}),M(p,{className:"k-treelist-toggle",icon:"none"}),M(p,{className:"k-treelist-toggle",icon:"none"}),M(p,{className:"k-treelist-toggle",icon:"none"}),M(p,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),M(n,{children:"Carr"}),M(n,{children:"Junior Software Developer"})]})]})]})})});default:return M(ua,{...r,...l,gridHeader:M(K,{children:M("div",{className:"k-grid-header-wrap",children:xe(D,{children:[xe("colgroup",{children:[M("col",{}),M("col",{}),M("col",{})]}),M(P,{children:xe(g,{children:[M(C,{columnTitle:"First Name"}),M(C,{columnTitle:"Last Name"}),M(C,{columnTitle:"Position"})]})})]})})})})}};gr.options=Ew;gr.states=Iw;gr.variants=Gw;gr.defaultOptions=dm;gr.modifiers=Ow;gr.className=Te.className;import{jsx as Cae,jsxs as Lae}from"react/jsx-runtime";var rs="tooltip",cm=rs;import{jsx as Zr,jsxs as pm}from"react/jsx-runtime";var ls="k-tooltip",Hw=[],Pw={themeColor:[L.undefined,L.base,L.inverse,L.info,L.success,L.warning,L.error]},mm={closable:!1},ft=e=>{let{closable:t=mm.closable,callout:o,themeColor:r,title:l,content:s,icon:c,id:u=G("tooltip"),...f}=e;return pm("div",{...f,className:a(e.className,ls,S(ls,{themeColor:r}),{"k-tooltip-closable":t}),role:"tooltip",id:u,children:[c&&Zr(p,{className:"k-tooltip-icon",icon:c}),pm("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-${cs.calloutMap[o]||o}`]:o})})]})};ft.states=Hw;ft.options=Pw;ft.className=ls;ft.defaultOptions=mm;ft.moduleName=rs;ft.folderName=cm;ft.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 is=ft;import{jsx as _w}from"react/jsx-runtime";var um=e=>_w(is,{content:"Tooltip Content",...e});import{jsx as Kae}from"react/jsx-runtime";import{jsx as ns,jsxs as zw}from"react/jsx-runtime";var Kw={...ft.options,closable:{type:"boolean"},callout:["none","top","bottom","left","right"]},Dw=ft.states,bm={...ft.defaultOptions,callout:"top"},Bw=[],hr=e=>{let{callout:t="top",...o}={...bm,...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 zw("div",{style:{position:"absolute"},children:[ns(At,{style:{top:l,left:s},children:ns(um,{style:{width:"86px",textAlign:"center"},callout:c,content:"Content",...o})}),ns(m,{text:"Show"})]})};hr.options=Kw;hr.states=Dw;hr.variants=Bw;hr.defaultOptions=bm;hr.modifiers=[];hr.className=ft.className;import{Fragment as cre,jsx as sre,jsxs as dre}from"react/jsx-runtime";import{jsx as b,jsxs as X}from"react/jsx-runtime";var fm=({flexBasis:e="30%",gridContentHeight:t="180px",tablesWidth:o="675px",tablesHeight:r="828px",currentTimeLeftOffset:l="243px",ganttDependencies:s,menu:c,...u})=>b(gt,{headerToolbar:X(ta,{"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"}),X("div",{className:"k-gantt-views-wrapper",children:[X("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"})]}),X(ao,{thumbStyles:{width:"33%",left:"30%"},className:"k-gantt-views",children:[b(Ft,{children:"Day"}),b(Ft,{selected:!0,children:"Week"}),b(Ft,{children:"Month"})]})]})]}),footerToolbar:b(Ya,{"aria-label":"Toolbar",children:b(m,{className:"k-gantt-create",icon:"plus",children:"Add Task"})}),...u,children:b(oa,{children:u.children||b(_e,{className:"k-gantt-splitter",panes:[b(Be,{className:"k-gantt-treelist",flexBasis:e,children:X(Te,{_renderAriaRoot:!0,children:[b(K,{children:b("div",{className:"k-grid-header-wrap",children:X(D,{style:{minWidth:"250px"},children:[X("colgroup",{children:[b("col",{style:{width:"50px"}}),b("col",{})]}),b(P,{children:X(g,{children:[b(C,{menu:c,rowspan:1,columnTitle:"ID"}),b(C,{menu:c,rowspan:1,columnTitle:"Title"})]})})]})})}),b(W,{children:b(z,{style:{height:t},children:X(U,{style:{minWidth:"250px"},children:[X("colgroup",{children:[b("col",{style:{width:"50px"}}),b("col",{})]}),X(_,{children:[X(g,{children:[b(n,{children:"7"}),X(n,{children:[b(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Software validation, research and implementation"]})]}),X(g,{alt:!0,children:[b(n,{children:"18"}),X(n,{children:[b(p,{className:"k-treelist-toggle",icon:"none"}),b(p,{className:"k-treelist-toggle",icon:"none"}),"Project Kickoff"]})]}),X(g,{children:[b(n,{children:"11"}),X(n,{children:[b(p,{className:"k-treelist-toggle",icon:"none"}),b(p,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Research"]})]}),X(g,{alt:!0,children:[b(n,{children:"19"}),X(n,{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"]})]}),X(g,{children:[b(n,{children:"20"}),X(n,{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(Be,{className:"k-gantt-timeline-pane",children:X($,{className:"k-gantt-timeline",children:[b(K,{children:b("div",{className:"k-grid-header-wrap",children:X(D,{style:{width:o},children:[X("colgroup",{children:[b("col",{}),b("col",{}),b("col",{}),b("col",{}),b("col",{}),b("col",{}),b("col",{})]}),X(_,{children:[b(g,{children:b(n,{className:"k-header",colspan:7,children:"Sun 6/01 - Sat 6/07"})}),X(g,{children:[b(n,{colspan:1,className:"k-header k-nonwork-hour",children:"Sun 6/01"}),b(n,{className:"k-header",colspan:1,children:"Mon 6/02"}),b(n,{className:"k-header",colspan:1,children:"Tue 6/03"}),b(n,{className:"k-header",colspan:1,children:"Wed 6/04"}),b(n,{className:"k-header",colspan:1,children:"Thu 6/05"}),b(n,{className:"k-header",colspan:1,children:"Fri 6/06"}),b(n,{colspan:1,className:"k-header k-nonwork-hour",children:"Sat 6/07"})]})]})]})})}),X(z,{style:{height:t},role:"tree",children:[X(aa,{children:[X(la,{className:"k-grid-table",style:{width:o},children:[b("colgroup",{children:b("col",{})}),X(_,{children:[b(g,{children:b(n,{})}),b(g,{alt:!0,children:b(n,{})}),b(g,{children:b(n,{})}),b(g,{alt:!0,children:b(n,{})}),b(g,{children:b(n,{})})]})]}),X(ra,{style:{width:o,height:r},children:[X("colgroup",{children:[b("col",{}),b("col",{}),b("col",{}),b("col",{}),b("col",{}),b("col",{}),b("col",{})]}),b(_,{children:X(g,{children:[b(n,{className:"k-nonwork-hour"}),b(n,{}),b(n,{}),b(n,{}),b(n,{}),b(n,{}),b(n,{className:"k-nonwork-hour"})]})})]}),X(ia,{style:{width:o},children:[b("colgroup",{children:b("col",{})}),X(_,{children:[b(g,{children:b(n,{children:X(ct,{type:"summary",style:{left:"113px"},children:[b(dt,{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(Pe,{}),b(Pe,{position:"end",style:{right:"0px"}})]})})}),b(g,{children:b(n,{children:X(ct,{type:"milestone",style:{left:"113px"},children:[b(dt,{type:"milestone",ariaLevel:2,"aria-label":"Project Kickoff"}),b(Pe,{}),b(Pe,{position:"end",style:{right:"0px"}})]})})}),b(g,{children:b(n,{children:X(ct,{type:"summary",style:{left:"113px"},children:[b(dt,{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(Pe,{}),b(Pe,{position:"end",style:{right:"0px"}})]})})}),b(g,{children:b(n,{children:X(ct,{style:{left:"113px"},children:[X(dt,{ariaLevel:3,"aria-label":"Validation with Customers",style:{width:"200px"},children:[b("div",{className:"k-task-complete","aria-hidden":"true",style:{width:"50px"}}),b(Vt,{content:"Validation with Customers"})]}),b(Pe,{}),b(Pe,{position:"end",style:{right:"0px"}}),b("div",{className:"k-task-draghandle","aria-hidden":"true",style:{left:"50px"}})]})})}),b(g,{children:b(n,{children:X(ct,{style:{left:"113px"},children:[X(dt,{ariaLevel:3,"aria-label":"Market Research",style:{width:"200px"},children:[b("div",{className:"k-task-complete","aria-hidden":"true",style:{width:"164px"}}),b(Vt,{content:"Market Research"})]}),b(Pe,{}),b(Pe,{position:"end",style:{right:"0px"}}),b("div",{className:"k-task-draghandle","aria-hidden":"true",style:{left:"164px"}})]})})})]})]})]}),s||X("div",{className:"k-gantt-dependencies","aria-hidden":"true",style:{width:o},children:[b(ye,{style:{left:"124.5px",top:"53px",width:"10px"}}),b(ye,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),b(ye,{style:{left:"103px",top:"71px",width:"31.5px"}}),b(ye,{orientation:"vertical",style:{left:"103px",top:"71px",height:"54px"}}),b(ye,{style:{left:"103px",top:"125px",width:"9px"},children:b("span",{className:"k-arrow-e"})}),b(ye,{style:{left:"124.5px",top:"53px",width:"10px"}}),b(ye,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),b(ye,{style:{left:"103px",top:"71px",width:"31.5px"}}),b(ye,{orientation:"vertical",style:{left:"103px",top:"71px",height:"90px"}}),b(ye,{style:{left:"103px",top:"161px",width:"9px"},children:b("span",{className:"k-arrow-e"})}),b(ye,{style:{left:"313px",top:"125px",width:"10px"}}),b(ye,{orientation:"vertical",style:{left:"321px",top:"125px",height:"18px"}}),b(ye,{style:{left:"303px",top:"143px",width:"20px"}}),b(ye,{orientation:"vertical",style:{left:"303px",top:"143px",height:"18px"}})]}),b("div",{className:"k-current-time","aria-hidden":"true",style:{left:l,top:"0px",width:"1px",height:r}})]})]})},"gantt-timeline-pane")]})})});import{jsx as Xw}from"react/jsx-runtime";var Uw={},Fw=[],$w=[],Ww={},Vw=[],ba=()=>Xw(fm,{flexBasis:"40%",gridContentHeight:"197px",style:{width:"90%",height:"367px"}});ba.options=Uw;ba.states=Fw;ba.variants=$w;ba.defaultOptions=Ww;ba.modifiers=Vw;ba.className=gt.className;var Ure=ba;export{ba as GanttDemo,Ure as default};