npm - @progress/kendo-themes-html - Versions diffs - 13.1.0-dev.1 → 13.1.0-dev.2 - Mend

@progress/kendo-themes-html 13.1.0-dev.1 → 13.1.0-dev.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (86) hide show

package/dist/cjs/gantt/templates/gantt-row-reordering.js CHANGED Viewed

	@@ -1 +1 @@
1	- var wm=Object.create;var Cr=Object.defineProperty;var Sm=Object.getOwnPropertyDescriptor;var Am=Object.getOwnPropertyNames;var Em=Object.getPrototypeOf,Rm=Object.prototype.hasOwnProperty;var Im=(e,t)=>{for(var o in t)Cr(e,o,{get:t[o],enumerable:!0})},Cs=(e,t,o,a)=>{if(t&&typeof t=="object"\|\|typeof t=="function")for(let n of Am(t))!Rm.call(e,n)&&n!==o&&Cr(e,n,{get:()=>t[n],enumerable:!(a=Sm(t,n))\|\|a.enumerable});return e};var ys=(e,t,o)=>(o=e!=null?wm(Em(e)):{},Cs(t\|\|!e\|\|!e.__esModule?Cr(o,"default",{value:e,enumerable:!0}):o,e)),Om=e=>Cs(Cr({},"__esModule",{value:!0}),e);var qN={};Im(qN,{GanttRowReordering:()=>JN});module.exports=Om(qN);var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]\|\|t[o]&&o\|\|null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var O=(e,t)=>r({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),H=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:i,checked:p,active:T,selected:x,disabled:C,indeterminate:w,loading:M,empty:N,readonly:R,highlighted:E,...P}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":i,"k-checked":p,"k-active":T,"k-selected":x,"k-disabled":C,"k-indeterminate":w&&!p,"k-loading":M,"k-empty":N,"k-readonly":R,"k-highlighted":E},Object.keys(P).reduce((z,_)=>(_.startsWith("k-")?z[_]=P[_]:z[`k-${_}`]=P[_],z),{}))};function Ms(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var m={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},v={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},y={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},k={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},s={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var ce="gantt",pe=ce;var Ss=require("react/jsx-runtime"),ws="k-gantt",Gm=[],Pm={},Hm={},$t=e=>{let{headerToolbar:t,footerToolbar:o,...a}=e;return(0,Ss.jsxs)("div",{...a,className:r(e.className,ws),children:[t,e.children,o]})};$t.states=Gm;$t.options=Pm;$t.className=ws;$t.defaultOptions=Hm;$t.moduleName=ce;$t.folderName=pe;var La=require("react/jsx-runtime"),pl="k-font-icon",Km=[],Dm={size:[m.undefined,m.xsmall,m.small,m.medium,m.large,m.xlarge,m.xxlarge,m.xxxlarge],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info,k.light,k.dark]},Bm={},Ca=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...p}=e;return a?(0,La.jsx)("span",{...p,className:r(e.className,pl,O(pl,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":i==="h"\|\|i==="both","k-flip-v":i==="v"\|\|i==="both"}),"aria-hidden":"true"}):(0,La.jsx)(La.Fragment,{})};Ca.states=Km;Ca.options=Dm;Ca.className=pl;Ca.defaultOptions=Bm;var As=Ca;var Io=require("react/jsx-runtime"),ml="k-svg-icon",_m=[],zm={size:[m.undefined,m.xsmall,m.small,m.medium,m.large,m.xlarge,m.xxlarge,m.xxxlarge],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info,k.light,k.dark]},Es={viewBox:"0 0 24 24"},ya=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=Es.viewBox,icon:p,...T}=e;if(!p)return(0,Io.jsx)(Io.Fragment,{});if(p==="none")return(0,Io.jsx)("span",{...T,className:r(e.className,ml,O("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let x=typeof p=="object"&&p.name&&p.name;return(0,Io.jsx)("span",{...T,className:r(e.className,ml,O("k-icon",{size:t}),{[`k-svg-i-${x}`]:x,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"\|\|n==="both","k-flip-v":n==="v"\|\|n==="both"}),"aria-hidden":"true",children:(0,Io.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof p=="object"?p.viewBox:i,dangerouslySetInnerHTML:typeof p=="object"?{__html:p.content}:void 0,children:p?void 0:e.children})})};ya.states=_m;ya.options=zm;ya.className=ml;ya.defaultOptions=Es;var ul=ya;var bl=ys(require("@progress/kendo-svg-icons"));var Rs="icon",Is="icons";var Ps=require("react");var Os=require("react"),Gs=(0,Os.createContext)({iconsType:"svg"});var eo=require("react/jsx-runtime"),yr="k-icon",Um=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Fm=[],$m={size:[m.undefined,m.xsmall,m.small,m.medium,m.large,m.xlarge,m.xxlarge,m.xxxlarge],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info,k.light,k.dark]},fl={viewBox:"0 0 24 24",type:"svg"},b=e=>{let{iconsType:t}=(0,Ps.useContext)(Gs),{size:o,themeColor:a,icon:n,type:i=t\|\|fl.type,rotate:p,flip:T,viewBox:x=fl.viewBox,...C}=e;if(!n)return(0,eo.jsx)(eo.Fragment,{});if((t\|\|i)==="svg"){if(n==="none")return(0,eo.jsx)(ul,{...C,className:r(e.className,yr),icon:n,size:o});let M=bl[n]?n:Um(`${n}-icon`);return bl[M]?(0,eo.jsx)(ul,{...C,className:r(e.className,yr),icon:bl[M],size:o,themeColor:a,rotate:p,flip:T,viewBox:x}):(0,eo.jsx)(eo.Fragment,{})}return(0,eo.jsx)(As,{...C,className:r(e.className,yr),icon:n,size:o,themeColor:a,rotate:p,flip:T})};b.states=Fm;b.options=$m;b.defaultOptions=fl;b.className=yr;b.moduleName=Rs;b.folderName=Is;b.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 Tl="button",Hs=Tl;var Bt=require("react/jsx-runtime"),Ma="k-button",Vm=["icon-button"],Wm=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],Xm={size:[m.undefined,m.small,m.medium,m.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[y.undefined,y.solid,y.flat,y.outline,y.clear,y.link],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info,k.light,k.dark,k.inverse]},hl={showArrow:!1,arrowIconName:"caret-alt-down"},u=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:p=hl.showArrow,arrowIconName:T=hl.arrowIconName,variant:x,hover:C,focus:w,active:M,selected:N,disabled:R,togglable:E,icon:P,text:z,iconClassName:_,className:j,...Ne}=e,Ae=P!==void 0,rt=e.children!==void 0;return(0,Bt.jsxs)(t,{className:r(j,Ma,Ms(Ma,x),O(Ma,{size:o,rounded:a,fillMode:n,themeColor:i}),H(Ma,{hover:C,focus:w,active:M,disabled:R,selected:N}),{"k-icon-button":!z&&!rt&&Ae}),...Ne,"aria-pressed":E?N?"true":"false":void 0,disabled:R\|\|void 0,children:[P&&(0,Bt.jsx)(b,{className:r(_,"k-button-icon"),icon:P}),z?(0,Bt.jsxs)(Bt.Fragment,{children:[z&&(0,Bt.jsx)("span",{className:"k-button-text",children:z}),e.children]}):e.children&&(0,Bt.jsx)("span",{className:"k-button-text",children:e.children}),p&&(0,Bt.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,Bt.jsx)(b,{icon:T})})]})};u.states=Wm;u.options=Xm;u.variants=Vm;u.className=Ma;u.defaultOptions=hl;u.moduleName=Tl;u.folderName=Hs;u.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};var Ks=require("react/jsx-runtime"),ho=e=>(0,Ks.jsx)(u,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});var Ds=require("react/jsx-runtime"),wa=e=>(0,Ds.jsx)(u,{icon:"folder",children:"Button",...e});var Bs=require("react/jsx-runtime"),Oo=e=>(0,Bs.jsx)(u,{children:"Button",...e});var Mr=require("react/jsx-runtime"),Jm=u.options,qm=u.states,Ym={...u.defaultOptions,variant:"text"},Qm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Zm=[],Sa=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,Mr.jsx)(ho,{...o,icon:"star"});case"icon-and-text":return(0,Mr.jsx)(wa,{...o,icon:"star",children:"Button"});default:return(0,Mr.jsx)(Oo,{...o,children:"Button"})}};Sa.options=Jm;Sa.states=qm;Sa.variants=Qm;Sa.defaultOptions=Ym;Sa.modifiers=Zm;var xl="button",_s=xl;var zs=require("react/jsx-runtime"),Aa="k-button-group",jm=[s.disabled],eu={fillMode:[y.undefined,y.solid,y.flat,y.outline,y.clear,y.link]},tu={},U=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return(0,zs.jsx)("div",{role:"group",...n,className:r(e.className,Aa,O(Aa,{fillMode:t}),H(Aa,{disabled:o}),{[`${Aa}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};U.states=jm;U.options=eu;U.className=Aa;U.defaultOptions=tu;U.moduleName=xl;U.folderName=_s;U.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};var Nl=require("react/jsx-runtime");var gl=require("react/jsx-runtime");var kl=require("react/jsx-runtime");var vl=require("react/jsx-runtime");var Ll=require("react/jsx-runtime");var Cl=require("react/jsx-runtime");var dt=require("react/jsx-runtime"),ou={...u.options,...U.options},au=u.states,ru={...u.defaultOptions,...U.defaultOptions,variant:"text-button"},lu=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],nu=[],Ea=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,dt.jsxs)(U,{fillMode:a.fillMode,className:o,children:[(0,dt.jsx)(u,{...a,icon:"star"}),(0,dt.jsx)(u,{...a,icon:"star"}),(0,dt.jsx)(u,{...a,icon:"star"})]}):t==="icon-text-button"?(0,dt.jsxs)(U,{fillMode:a.fillMode,className:o,children:[(0,dt.jsx)(u,{...a,icon:"star",children:"First"}),(0,dt.jsx)(u,{...a,icon:"star",children:"Middle"}),(0,dt.jsx)(u,{...a,icon:"star",children:"Last"})]}):(0,dt.jsxs)(U,{fillMode:a.fillMode,className:o,children:[(0,dt.jsx)(u,{...a,children:"First"}),(0,dt.jsx)(u,{...a,children:"Middle"}),(0,dt.jsx)(u,{...a,children:"Last"})]})};Ea.options=ou;Ea.states=au;Ea.variants=lu;Ea.defaultOptions=ru;Ea.modifiers=nu;var Ra="input",wr=Ra;var Us=require("react/jsx-runtime"),Sr="k-input",su=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],iu={size:[m.undefined,m.small,m.medium,m.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[y.undefined,y.solid,y.flat,y.outline]},du={},Ee=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:p,readonly:T,size:x,rounded:C,fillMode:w,...M}=e;return(0,Us.jsx)("span",{...M,className:r(e.className,Sr,O(Sr,{size:x,rounded:C,fillMode:w}),H(Sr,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:p,readonly:T}))})};Ee.states=su;Ee.options=iu;Ee.className=Sr;Ee.defaultOptions=du;Ee.moduleName=Ra;Ee.folderName=wr;var Fs=require("react/jsx-runtime"),Ar="k-picker",cu=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],pu={size:[m.undefined,m.small,m.medium,m.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[y.undefined,y.solid,y.flat,y.outline]},mu={},Vt=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:p,readonly:T,size:x,rounded:C,fillMode:w,...M}=e;return(0,Fs.jsx)("span",{...M,className:r(e.className,Ar,O(Ar,{size:x,rounded:C,fillMode:w}),H(Ar,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:p,readonly:T})),children:e.children})};Vt.states=cu;Vt.options=pu;Vt.className=Ar;Vt.defaultOptions=mu;Vt.moduleName=Ra;Vt.folderName=wr;var ea=require("react/jsx-runtime"),$s="k-clear-value",uu=[s.disabled,s.loading,s.readonly],bu={},Nt=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t\|\|a\|\|o\|\|!n?(0,ea.jsx)(ea.Fragment,{}):(0,ea.jsx)("span",{className:r(e.className,$s),children:(0,ea.jsx)(b,{icon:"x"})})};Nt.states=uu;Nt.options=bu;Nt.className=$s;var Vs=require("react/jsx-runtime"),yl="k-input-inner",fu=[],Tu={},Er={type:"text",autocomplete:"off",value:"",placeholder:""},gt=e=>{let{value:t=Er.value,type:o=Er.type,placeholder:a=Er.placeholder,autocomplete:n=Er.autocomplete,disabled:i,readOnly:p,...T}=e;return(0,Vs.jsx)("input",{...T,type:o,className:r(e.className,yl,O(yl,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i\|\|void 0,readOnly:p\|\|void 0})};gt.states=fu;gt.options=Tu;gt.className=yl;var Ia=require("react/jsx-runtime"),Ml="k-input-inner",hu=[],xu={},Go=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...p}=e;return(0,Ia.jsxs)("span",{...p,className:r(e.className,Ml,O(Ml,e)),children:[n,!n&&i&&(0,Ia.jsx)(b,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&(0,Ia.jsx)("span",{className:"k-input-value-text",children:t})]})};Go.states=hu;Go.options=xu;Go.className=Ml;var Xs=require("react/jsx-runtime"),wl="k-input-inner",Nu=[],gu={},Ws={value:"",placeholder:""},Sl=e=>{let{value:t=Ws.value,placeholder:o=Ws.placeholder,rows:a,disabled:n,...i}=e;return(0,Xs.jsx)("textarea",{...i,className:r(e.className,wl,O(wl,e)),placeholder:o,rows:a,defaultValue:t,disabled:n\|\|void 0})};Sl.states=Nu;Sl.options=gu;Sl.className=wl;var Oa=require("react/jsx-runtime"),Js="k-input-loading-icon",ku=[s.disabled,s.loading],ct=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?(0,Oa.jsx)(Oa.Fragment,{}):(0,Oa.jsx)("span",{className:r(e.className,Js,"k-icon k-i-loading")})};ct.states=ku;ct.className=Js;var Ga=require("react/jsx-runtime"),qs="k-input-validation-icon",vu=[s.valid,s.invalid,s.disabled,s.loading],Lu={},lt=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a\|\|n\|\|!!!(t\|\|o)?(0,Ga.jsx)(Ga.Fragment,{}):(0,Ga.jsx)(b,{className:r(qs),icon:i})};lt.states=vu;lt.options=Lu;lt.className=qs;var Pa=require("react/jsx-runtime"),Cu="k-input-prefix",yu={direction:"horizontal"},St=e=>{let{direction:t=yu.direction,...o}=e;return e.children?(0,Pa.jsx)("span",{...o,className:r(Cu,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,Pa.jsx)(Pa.Fragment,{})};var Ha=require("react/jsx-runtime"),Mu="k-input-suffix",wu={direction:"horizontal"},At=e=>{let{direction:t=wu.direction,...o}=e;return e.children?(0,Ha.jsx)("span",{...o,className:r(Mu,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,Ha.jsx)(Ha.Fragment,{})};var Su=require("react/jsx-runtime");var Ys=require("react/jsx-runtime"),Au="k-input-suffix-text",Al=e=>{let{children:t,...o}=e;return(0,Ys.jsx)("span",{...o,className:r(Au,e.className),children:t})};var Zs=require("react/jsx-runtime"),Qs="k-input-separator",Eu={direction:"vertical"},Et=e=>{let{direction:t=Eu.direction,...o}=e;return(0,Zs.jsx)("span",{...o,className:r(Qs,e.className,{[`${Qs}-${t}`]:t})})};var De=require("react/jsx-runtime"),Ru=Ee.states,Iu=Ee.defaultOptions,Ou=Ee.options,Gu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Pu=[],Ka=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:i,readonly:p,...T}=e,x=t==null?void 0:t.prefix,C=t==null?void 0:t.suffix,w=t==null?void 0:t["clear-button"],M=t==null?void 0:t["validation-icon"],N=t==null?void 0:t.separators;return(0,De.jsxs)(Ee,{...T,valid:o,invalid:a,loading:n,disabled:i,readonly:p,style:{width:300},children:[x&&(0,De.jsxs)(De.Fragment,{children:[(0,De.jsx)(St,{children:(0,De.jsx)(b,{icon:"lock"})}),N&&(0,De.jsx)(Et,{})]}),(0,De.jsx)(gt,{placeholder:"Placeholder",value:"Value"}),M&&(0,De.jsx)(lt,{valid:o,invalid:a,loading:n,disabled:i}),(0,De.jsx)(ct,{loading:n,disabled:i}),w&&(0,De.jsx)(Nt,{loading:n,disabled:i,readonly:p,value:"Value"}),C&&(0,De.jsxs)(De.Fragment,{children:[N&&(0,De.jsx)(Et,{}),(0,De.jsx)(At,{children:(0,De.jsx)(Oo,{size:T.size,fillMode:"clear",children:"Send"})})]})]})};Ka.options=Ou;Ka.states=Ru;Ka.variants=Pu;Ka.defaultOptions=Iu;Ka.modifiers=Gu;var Da=require("react/jsx-runtime"),js="k-color-preview",Hu=[],Ku={},xo=e=>{let{color:t,iconName:o,...a}=e;return(0,Da.jsxs)("span",{...a,className:r(e.className,js,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,Da.jsx)(b,{icon:o,className:"k-color-preview-icon"}),(0,Da.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};xo.states=Hu;xo.options=Ku;xo.className=js;var El="popup",ei=El;var Rl=require("react/jsx-runtime"),ti="k-animation-container",Du=[],Bu={},oi={positionMode:"absolute"},Wt=e=>{let{positionMode:t=oi.positionMode,animationStyle:o,offset:a,...n}=e;return(0,Rl.jsx)("div",{...n,style:{...a,...e.style},className:r(e.className,ti,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,Rl.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};Wt.states=Du;Wt.options=Bu;Wt.className=ti;Wt.defaultOptions=oi;Wt.moduleName=El;Wt.folderName=ei;var Il="popup",ai=Il;var Ol=require("react/jsx-runtime"),ri="k-popup",_u=[],zu={},li={positionMode:"absolute"},he=e=>{let{offset:t,positionMode:o=li.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:p,...T}=e;return(0,Ol.jsx)(Wt,{positionMode:o,offset:t,animationStyle:a,className:n,role:i,"aria-label":p,children:(0,Ol.jsx)("div",{...T,className:r(e.className,ri),children:e.children})})};he.states=_u;he.options=zu;he.className=ri;he.defaultOptions=li;he.moduleName=Il;he.folderName=ai;he.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 Gl="action-buttons",ni=Gl;var si=require("react/jsx-runtime"),Rr="k-actions",Uu=[],Fu={},Pl={alignment:"start",orientation:"horizontal"},Xt=e=>{let{alignment:t=Pl.alignment,orientation:o=Pl.orientation,...a}=e;return(0,si.jsx)("div",{...a,className:r(Rr,{[`${Rr}-${t}`]:t,[`${Rr}-${o}`]:o},e.className),children:e.children})};Xt.states=Uu;Xt.options=Fu;Xt.className=Rr;Xt.defaultOptions=Pl;Xt.moduleName=Gl;Xt.folderName=ni;var di=require("react/jsx-runtime"),$u="k-actionsheet-footer",ii={alignment:"stretched",orientation:"horizontal"},No=e=>{let{alignment:t=ii.alignment,orientation:o=ii.orientation,template:a,as:n=a?"div":Xt,...i}=e;return(0,di.jsx)(n,{...i,...!a&&{alignment:t,orientation:o},className:r(e.className,$u),children:e.children})};var Hl="searchbox",ci=Hl;var go=require("react/jsx-runtime"),pi="k-searchbox",Vu=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],Wu={size:[m.undefined,m.small,m.medium,m.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[y.undefined,y.solid,y.flat,y.outline]},Kl={showIcon:!0,icon:"search"},Rt=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:i,hover:p,focus:T,valid:x,invalid:C,required:w,loading:M,disabled:N,showIcon:R=Kl.showIcon,icon:E=Kl.icon,...P}=e;return(0,go.jsxs)(Ee,{...P,size:a,rounded:n,fillMode:i,hover:p,focus:T,valid:x,invalid:C,required:w,loading:M,disabled:N,className:r(e.className,pi),children:[R&&(0,go.jsx)(b,{className:"k-input-icon",icon:E}),(0,go.jsx)(gt,{placeholder:o,value:t}),(0,go.jsx)(ct,{...e}),(0,go.jsx)(lt,{...e}),(0,go.jsx)(Nt,{...e})]})};Rt.states=Vu;Rt.options=Wu;Rt.className=pi;Rt.defaultOptions=Kl;Rt.moduleName=Hl;Rt.folderName=ci;var Xu=require("react/jsx-runtime");var Dl="textbox",mi=Dl;var Qe=require("react/jsx-runtime"),ui="k-textbox",Ju=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],qu={size:[m.undefined,m.small,m.medium,m.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[y.undefined,y.solid,y.flat,y.outline]},Ir={showClearButton:!0,showValidationIcon:!0,separators:!0},ue=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Ir.separators,showClearButton:i=Ir.showClearButton,showValidationIcon:p=Ir.showValidationIcon,prefix:T,suffix:x,type:C,value:w,placeholder:M,hover:N,focus:R,valid:E,invalid:P,required:z,loading:_,disabled:j,readonly:Ne,id:Ae,"aria-label":rt,"aria-describedby":ht,...xt}=e;return(0,Qe.jsxs)(Ee,{...xt,size:t,rounded:o,fillMode:a,hover:N,focus:R,valid:E,invalid:P,required:z,loading:_,disabled:j,readonly:Ne,className:r(e.className,ui),children:[T&&(0,Qe.jsxs)(Qe.Fragment,{children:[(0,Qe.jsx)(St,{children:T}),n&&(0,Qe.jsx)(Et,{})]}),(0,Qe.jsx)(gt,{id:Ae,placeholder:M,value:w,type:C,disabled:j,"aria-label":rt,"aria-describedby":ht,"aria-invalid":P?"true":void 0}),p&&(0,Qe.jsx)(lt,{valid:E,invalid:P,loading:_,disabled:j}),(0,Qe.jsx)(ct,{loading:_,disabled:j}),i&&(0,Qe.jsx)(Nt,{loading:_,disabled:j,readonly:Ne,value:w}),x&&(0,Qe.jsxs)(Qe.Fragment,{children:[n&&(0,Qe.jsx)(Et,{}),(0,Qe.jsx)(At,{children:x})]})]})};ue.states=Ju;ue.options=qu;ue.className=ui;ue.defaultOptions=Ir;ue.moduleName=Dl;ue.folderName=mi;ue.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 Ba=ue;var fi=require("react/jsx-runtime"),bi=e=>(0,fi.jsx)(Ba,{...e});var Ti=require("react/jsx-runtime");var hi=require("react/jsx-runtime");var Yu=require("react/jsx-runtime");var Or=require("react/jsx-runtime"),Qu=ue.states,Zu=ue.defaultOptions,ju=ue.options,eb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],tb=[],_a=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t!=null&&t[n]?(0,Or.jsx)(b,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[n]?(0,Or.jsx)(Oo,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[n];break;default:break}}),(0,Or.jsx)(bi,{value:"Value",style:{width:300},...o,...a})};_a.options=ju;_a.states=Qu;_a.variants=tb;_a.defaultOptions=Zu;_a.modifiers=eb;var kt=require("react/jsx-runtime"),xi="k-actionsheet-titlebar",ob={},nt=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:i,input:p,inputValue:T,inputPlaceholder:x,adaptive:C,titleId:w,children:M,...N}=e;return(0,kt.jsxs)("div",{...N,className:r(e.className,xi),children:[(0,kt.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,kt.jsx)("div",{className:"k-actionsheet-actions",children:a}),!M&&(0,kt.jsxs)("div",{className:"k-actionsheet-title",id:w,children:[t&&(0,kt.jsx)("div",{className:"k-text-center",children:t}),o&&(0,kt.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),M&&(0,kt.jsx)("div",{className:"k-actionsheet-title",id:w,children:M}),n&&(0,kt.jsx)("div",{className:"k-actionsheet-actions",children:n})]}),(p\|\|i)&&(0,kt.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?(0,kt.jsx)(ue,{value:T,placeholder:x,size:C?"large":"medium","aria-label":t\|\|x\|\|"Input"}):(0,kt.jsx)(Rt,{placeholder:"Filter",size:C?"large":"medium","aria-label":"Filter options"})})]})};nt.className=xi;nt.defaultOptions=ob;var ta=require("react/jsx-runtime"),Bl="k-actionsheet-view",ab=[],rb={},lb={},oa=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:i,titleId:p,...T}=e,x=(n==null?void 0:n.type)===nt&&(0,ta.jsx)(nt,{adaptive:t,titleId:p,...n==null?void 0:n.props}),C=(i==null?void 0:i.type)===No&&(0,ta.jsx)(No,{...i==null?void 0:i.props});return(0,ta.jsxs)("div",{...T,className:r(e.className,Bl,{[`${Bl}-animated`]:o}),children:[x,(0,ta.jsx)("div",{className:"k-actionsheet-content",children:a}),C]})};oa.states=ab;oa.options=rb;oa.className=Bl;oa.defaultOptions=lb;var za="action-sheet",Gr=za;var _l="overlay",Ni=_l;var gi=require("react/jsx-runtime"),zl="k-overlay",nb=[],sb={themeColor:[k.undefined,k.light,k.dark,k.inverse]},ib={},ko=e=>{let{themeColor:t,...o}=e;return(0,gi.jsx)("div",{...o,className:r(e.className,zl,O(zl,{themeColor:t})),children:e.children})};ko.states=nb;ko.options=sb;ko.className=zl;ko.defaultOptions=ib;ko.moduleName=_l;ko.folderName=Ni;var Po=require("react/jsx-runtime"),ki="k-actionsheet",db=[],cb={},Ua={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Me=e=>{let{side:t=Ua.side,fullscreen:o=Ua.fullscreen,adaptive:a=Ua.adaptive,overlay:n=Ua.overlay,template:i,children:p,header:T,footer:x,id:C,...w}=e,M=C&&!i&&T?`${C}-title`:void 0;return(0,Po.jsxs)("div",{className:"k-actionsheet-container",children:[n&&(0,Po.jsx)(ko,{}),(0,Po.jsx)(Wt,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"\|\|t==="bottom"?"width":null}`]:"100%",[`${t==="left"\|\|t==="right"?"height":null}`]:"100%"},children:(0,Po.jsx)("div",{...w,id:C,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":M,className:r(e.className,ki,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i\|\|(0,Po.jsx)(oa,{header:T,footer:x,adaptive:a,titleId:M,...e,children:p})})})]})};Me.states=db;Me.options=cb;Me.className=ki;Me.defaultOptions=Ua;Me.moduleName=za;Me.folderName=Gr;Me.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};var Li=require("react/jsx-runtime"),vi="k-actionsheet-container",pb=[],mb={},ub={},aa=e=>{let{children:t,...o}=e;return(0,Li.jsx)("div",{...o,className:vi,children:t})};aa.states=pb;aa.options=mb;aa.className=vi;aa.defaultOptions=ub;aa.moduleName=za;aa.folderName=Gr;var Ci=require("react/jsx-runtime"),Ul=e=>{let{...t}=e;return(0,Ci.jsx)("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};var It=require("react/jsx-runtime"),Fl="k-actionsheet-item",bb=[s.hover,s.focus,s.selected,s.disabled],vo=e=>{let{iconName:t,text:o,description:a,hover:n,focus:i,selected:p,disabled:T,...x}=e;return(0,It.jsxs)("span",{...x,className:r(e.className,Fl,H(Fl,{hover:n,focus:i,selected:p,disabled:T})),children:[!e.children&&(0,It.jsx)(It.Fragment,{children:(0,It.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,It.jsx)("span",{className:"k-icon-wrap",children:(0,It.jsx)(b,{className:"k-actionsheet-item-icon",icon:t})}),(0,It.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,It.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,It.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};vo.states=bb;vo.className=Fl;var yi=require("react/jsx-runtime");var fb=require("react/jsx-runtime");var Tb=require("react/jsx-runtime");var hb=require("react/jsx-runtime");var ge=require("react/jsx-runtime"),xb=Me.options,Nb=Me.states,wi={...Me.defaultOptions,variant:"normal"},gb=[{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"}],Fa=e=>{let{variant:t,modifiers:o,...a}={...wi,...e},n={},i=(0,ge.jsxs)(Ul,{children:[(0,ge.jsx)(vo,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,ge.jsx)(vo,{text:"Add to Favorites",iconName:"heart"}),(0,ge.jsx)(vo,{text:"Upload New",iconName:"upload",disabled:!0}),(0,ge.jsx)("hr",{className:"k-hr"}),(0,ge.jsx)(vo,{text:"Cancel",iconName:"cancel"})]}),p="Choose from the items below",T="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o\|\|{}).forEach(x=>{switch(x){case"actions":n.actionsStart=!!(o!=null&&o[x]),n.actionsEnd=!!(o!=null&&o[x]);break;case"subtitle":n.subtitle=o!=null&&o[x]?p:void 0;break;case"footer":n.footer=!!(o!=null&&o[x]);break;default:break}}),t==="adaptive"?(0,ge.jsx)(Me,{...a,adaptive:!0,fullscreen:n.fullScreen,header:(0,ge.jsx)(nt,{actionsStart:n.actionsStart?(0,ge.jsx)(u,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?(0,ge.jsx)(u,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:T,subtitle:n.subtitle}),footer:n.footer?(0,ge.jsxs)(No,{alignment:"stretched",children:[(0,ge.jsx)(u,{text:"Cancel",size:"large",themeColor:"base"}),(0,ge.jsx)(u,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):(0,ge.jsx)(Me,{...a,fullscreen:n.fullScreen,header:(0,ge.jsx)(nt,{actionsStart:n.actionsStart?(0,ge.jsx)(u,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?(0,ge.jsx)(u,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?(0,ge.jsxs)(No,{alignment:"stretched",children:[(0,ge.jsx)(u,{text:"Apply",themeColor:"primary"}),(0,ge.jsx)(u,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};Fa.options=xb;Fa.states=Nb;Fa.variants=gb;Fa.defaultOptions=wi;Fa.modifiers=kb;var $l="slider",Si=$l;var _t=require("react/jsx-runtime"),$a="k-slider",vb=[s.hover,s.focus,s.active,s.disabled,s.readonly],Lb={},Ot={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},xe=e=>{let{type:t=Ot.type,orientation:o=Ot.orientation,gradientType:a=Ot.gradientType,readonly:n=Ot.readonly,disabled:i=Ot.disabled,handlePosition:p=Ot.handlePosition,showButtons:T=Ot.showButtons,showTicks:x=Ot.showTicks,value:C=Ot.value,min:w=Ot.min,max:M=Ot.max,startValue:N,endValue:R,hover:E,focus:P,active:z,trackStyle:_,dir:j,...Ne}=e,rt=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),ht,xt;return o==="horizontal"?(ht=j==="rtl"?"caret-alt-left":"caret-alt-right",xt=j==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(ht="caret-alt-up",xt="caret-alt-down"),(0,_t.jsxs)("div",{...Ne,className:r($a,e.className,H($a,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:j,children:[T&&(0,_t.jsx)(u,{className:"k-button-decrease",rounded:"full",icon:xt,tabIndex:-1,title:"Decrease"}),(0,_t.jsxs)("div",{className:"k-slider-track-wrap",children:[x&&(0,_t.jsx)("ul",{className:"k-reset k-slider-items",children:e.children}),(0,_t.jsxs)("div",{className:"k-slider-track",style:_,children:[(0,_t.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,_t.jsx)("span",{className:r("k-draghandle","k-draghandle-start",H($a,{hover:E,focus:P,active:z})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":N??w,"aria-valuemin":w,"aria-valuemax":R??M,"aria-orientation":rt,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":Ne["aria-label"]?`${Ne["aria-label"]} start`:"Range start"}),(0,_t.jsx)("span",{className:r("k-draghandle",`k-draghandle-${p}`,H($a,{hover:E,focus:P,active:z})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?R??M:C,"aria-valuemin":t==="range"?N??w:w,"aria-valuemax":M,"aria-orientation":rt,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?Ne["aria-label"]?`${Ne["aria-label"]} end`:"Range end":Ne["aria-label"]})]})]}),T&&(0,_t.jsx)(u,{className:"k-button-increase",rounded:"full",icon:ht,tabIndex:-1,title:"Increase"})]})};xe.states=vb;xe.options=Lb;xe.className=$a;xe.defaultOptions=Ot;xe.moduleName=$l;xe.folderName=Si;xe.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").'}]};var Vl=require("react/jsx-runtime"),Ai="k-tick",Cb=[],yb={},Ei={label:!1},F=e=>{let{style:t,label:o=Ei.label,orientation:a,large:n,text:i,...p}=e;return(0,Vl.jsx)("li",{...p,className:r(e.className,Ai,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&(0,Vl.jsx)("span",{className:"k-label",children:i})})};F.states=Cb;F.options=yb;F.className=Ai;F.defaultOptions=Ei;var Ue=require("react/jsx-runtime"),Ri=e=>(0,Ue.jsx)(xe,{"aria-label":e["aria-label"]\|\|"Slider",children:(0,Ue.jsxs)(Ue.Fragment,{children:[(0,Ue.jsx)(F,{className:"k-first",label:!0,large:!0,text:"0"}),(0,Ue.jsx)(F,{}),(0,Ue.jsx)(F,{}),(0,Ue.jsx)(F,{}),(0,Ue.jsx)(F,{}),(0,Ue.jsx)(F,{label:!0,large:!0,text:"5"}),(0,Ue.jsx)(F,{}),(0,Ue.jsx)(F,{}),(0,Ue.jsx)(F,{}),(0,Ue.jsx)(F,{}),(0,Ue.jsx)(F,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var Fe=require("react/jsx-runtime"),Ii=e=>(0,Fe.jsx)(xe,{children:(0,Fe.jsxs)(Fe.Fragment,{children:[(0,Fe.jsx)(F,{className:"k-first",label:!0,large:!0,text:"0"}),(0,Fe.jsx)(F,{}),(0,Fe.jsx)(F,{}),(0,Fe.jsx)(F,{}),(0,Fe.jsx)(F,{}),(0,Fe.jsx)(F,{label:!0,large:!0,text:"5"}),(0,Fe.jsx)(F,{}),(0,Fe.jsx)(F,{}),(0,Fe.jsx)(F,{}),(0,Fe.jsx)(F,{}),(0,Fe.jsx)(F,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});var Wl=require("react/jsx-runtime");var Xl=require("react/jsx-runtime");var Oi=require("react/jsx-runtime"),Jl=e=>(0,Oi.jsx)(xe,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var Gi=require("react/jsx-runtime"),ql=e=>(0,Gi.jsx)(xe,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var Yl=require("react/jsx-runtime");var Ql=require("react/jsx-runtime");var pt=require("react/jsx-runtime"),Mb=xe.options,wb=xe.states,Pi={...xe.defaultOptions,variant:"horizontal",label:!0},Sb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Ab=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Va=e=>{let{variant:t,modifiers:o,...a}={...Pi,...e},n={};Object.keys(o\|\|{}).forEach(C=>{switch(C){case"button":{n.showButtons=!!(o!=null&&o[C]);break}case"label":{n.label=!!(o!=null&&o[C]);break}case"tick":{n.showTicks=!!(o!=null&&o[C]);break}}});let{label:i=!0,showButtons:p,showTicks:T}=n,x={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,pt.jsxs)(Ii,{showTicks:T,showButtons:p,style:{height:"300px",...x},...a,children:[(0,pt.jsx)(F,{label:i,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,pt.jsx)(F,{label:i,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,pt.jsx)(F,{label:i,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,pt.jsx)(F,{label:i,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,pt.jsx)(F,{label:i,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,pt.jsxs)(Ri,{showTicks:T,showButtons:p,style:{width:"400px",...x},...a,children:[(0,pt.jsx)(F,{label:i,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,pt.jsx)(F,{label:i,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,pt.jsx)(F,{label:i,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,pt.jsx)(F,{label:i,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,pt.jsx)(F,{label:i,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Va.options=Mb;Va.states=wb;Va.variants=Sb;Va.defaultOptions=Pi;Va.modifiers=Ab;var Wa=require("react/jsx-runtime"),Hi="k-spin-button",Ib=[],Ob={size:[m.undefined,m.small,m.medium,m.large],fillMode:[y.undefined,y.solid,y.flat,y.outline,y.clear,y.link]},Zl={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Lo=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=Zl.increaseLabel,decreaseLabel:i=Zl.decreaseLabel,...p}=e;return(0,Wa.jsxs)("span",{...p,className:r(Hi,e.className),children:[(0,Wa.jsx)(u,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":n}),(0,Wa.jsx)(u,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};Lo.states=Ib;Lo.options=Ob;Lo.className=Hi;Lo.defaultOptions=Zl;Lo.moduleName=null;Lo.folderName=null;var Ki="numeric-textbox",Di="numerictextbox";var $e=require("react/jsx-runtime"),Bi="k-numerictextbox",Gb=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Pb={size:[m.undefined,m.small,m.medium,m.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[y.undefined,y.solid,y.flat,y.outline]},Pr={showSpinButton:!0,showClearButton:!0,separators:!0},ee=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Pr.separators,showClearButton:i=Pr.showClearButton,showSpinButton:p=Pr.showSpinButton,prefix:T,suffix:x,value:C,placeholder:w,hover:M,focus:N,valid:R,invalid:E,required:P,loading:z,disabled:_,readonly:j,id:Ne,"aria-label":Ae,"aria-describedby":rt,...ht}=e;return(0,$e.jsxs)(Ee,{...ht,size:t,rounded:o,fillMode:a,hover:M,focus:N,valid:R,invalid:E,required:P,loading:z,disabled:_,readonly:j,className:r(e.className,Bi),children:[T&&(0,$e.jsxs)($e.Fragment,{children:[(0,$e.jsx)(St,{children:T}),n&&(0,$e.jsx)(Et,{})]}),(0,$e.jsx)(gt,{id:Ne,placeholder:w,value:C,role:"spinbutton",disabled:_,"aria-label":Ae,"aria-describedby":rt,"aria-invalid":E?"true":void 0}),(0,$e.jsx)(lt,{valid:R,invalid:E,loading:z,disabled:_}),(0,$e.jsx)(ct,{loading:z,disabled:_}),i&&(0,$e.jsx)(Nt,{loading:z,disabled:_,readonly:j,value:C}),x&&(0,$e.jsxs)($e.Fragment,{children:[n&&(0,$e.jsx)(Et,{}),(0,$e.jsx)(At,{children:x})]}),p&&(0,$e.jsx)(Lo,{className:"k-input-spinner",size:t,fillMode:a,disabled:_})]})};ee.states=Gb;ee.options=Pb;ee.className=Bi;ee.defaultOptions=Pr;ee.moduleName=Ki;ee.folderName=Di;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 Xa=ee;var zi=require("react/jsx-runtime"),_i=e=>(0,zi.jsx)(Xa,{...e});var Kr=ys(require("react"));var jl=require("react/jsx-runtime"),Hb="k-list-group-sticky-header",en=e=>(0,jl.jsx)("div",{className:r(Hb,e.className),children:(0,jl.jsx)("div",{className:"k-list-header-text",children:e.children})});var Ui=require("react/jsx-runtime"),Kb="k-no-data",Hr=e=>{let{live:t,...o}=e;return(0,Ui.jsx)("span",{...o,className:r(Kb,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Ho="list",ra=Ho;var la=require("react/jsx-runtime"),tn="k-list",Db=[],Bb={size:[m.undefined,m.small,m.medium,m.large]},_b={},oe=e=>{var R;let{size:t,virtualization:o,children:a,header:n,optionLabel:i,customValue:p,noData:T,screenReaders:x,...C}=e,M=Kr.default.Children.toArray(a)[0],N=(R=M==null?void 0:M.props)!=null&&R.children?Kr.default.Children.count(M.props.children):Kr.default.Children.count(a);return(0,la.jsxs)("div",{...C,className:r(e.className,tn,O(tn,{size:t}),{"k-virtual-list":o}),children:[i,p,n&&(0,la.jsx)(en,{children:n}),a\|\|(T!==void 0?T:(0,la.jsx)(Hr,{live:!0,children:"No data found."})),x&&a&&(0,la.jsxs)(Hr,{className:"k-sr-only",live:!0,children:[N," items found."]})]})};oe.states=Db;oe.options=Bb;oe.className=tn;oe.defaultOptions=_b;oe.moduleName=Ho;oe.folderName=ra;oe.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var $i=require("react/jsx-runtime"),Fi="k-list-container",zb=[],Ub={},Fb={},na=e=>{let{...t}=e;return(0,$i.jsx)("div",{...t,className:r(e.className,Fi),children:e.children})};na.states=zb;na.options=Ub;na.className=Fi;na.defaultOptions=Fb;na.moduleName=Ho;na.folderName=ra;var Ko="checkbox",sa=Ko;var on=require("react/jsx-runtime"),Dr="k-checkbox",$b=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],Vb={size:[m.undefined,m.small,m.medium,m.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full]},Wb={},mt=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:i,disabled:p,invalid:T,valid:x,required:C,size:w,rounded:M,...N}=e;return(0,on.jsx)("span",{className:"k-checkbox-wrap",children:(0,on.jsx)("input",{...N,id:t,type:"checkbox",defaultChecked:o,required:C,disabled:p\|\|void 0,"aria-invalid":T?"true":void 0,className:r(e.className,Dr,O(Dr,{size:w,rounded:M}),H(Dr,{hover:n,focus:i,disabled:p,invalid:T,valid:x,indeterminate:a,checked:o}))})})};mt.states=$b;mt.options=Vb;mt.className=Dr;mt.defaultOptions=Wb;mt.moduleName=Ko;mt.folderName=sa;mt.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var Jt=mt;var Xi=require("react/jsx-runtime"),Vi="k-checkbox-list",Xb=[],Jb={},Wi={layout:"vertical"},ut=e=>{let{layout:t=Wi.layout,...o}=e;return(0,Xi.jsx)("ul",{...o,className:r(e.className,Vi,{[`k-list-${t}`]:t}),children:e.children})};ut.states=Xb;ut.options=Jb;ut.className=Vi;ut.defaultOptions=Wi;ut.moduleName=Ko;ut.folderName=sa;var qi=require("react/jsx-runtime"),Ji="k-checkbox-list-item",qb=[],Yb={},Qb={},st=e=>{let{...t}=e;return(0,qi.jsx)("li",{...t,className:r(e.className,Ji),children:e.children})};st.states=qb;st.options=Yb;st.className=Ji;st.defaultOptions=Qb;st.moduleName=Ko;st.folderName=sa;var Do=require("react/jsx-runtime"),to=({children:e,id:t,...o})=>(0,Do.jsxs)(Do.Fragment,{children:[(0,Do.jsx)(Jt,{id:t,...o}),(0,Do.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var an=require("react/jsx-runtime");var rn=require("react/jsx-runtime");var ln=require("react/jsx-runtime");var Zb=require("react/jsx-runtime");var jb=require("react/jsx-runtime");var ef=require("react/jsx-runtime");var Ze=require("react/jsx-runtime"),tf=ut.options,of=ut.states,af={...ut.defaultOptions,variant:"vertical"},rf=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],lf=[],Ja=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,Ze.jsxs)(ut,{layout:"horizontal",...o,children:[(0,Ze.jsx)(st,{children:(0,Ze.jsx)(to,{id:"first",defaultChecked:!0,children:"Label"})}),(0,Ze.jsx)(st,{children:(0,Ze.jsx)(to,{id:"second",children:"Label"})}),(0,Ze.jsx)(st,{children:(0,Ze.jsx)(to,{id:"third",children:"Label"})})]}):(0,Ze.jsxs)(ut,{...o,children:[(0,Ze.jsx)(st,{children:(0,Ze.jsx)(to,{id:"first",defaultChecked:!0,children:"Label"})}),(0,Ze.jsx)(st,{children:(0,Ze.jsx)(to,{id:"second",children:"Label"})}),(0,Ze.jsx)(st,{children:(0,Ze.jsx)(to,{id:"third",children:"Label"})})]})};Ja.options=tf;Ja.states=of;Ja.variants=rf;Ja.defaultOptions=af;Ja.modifiers=lf;var Yi=require("react/jsx-runtime"),nf=Jt.options,sf=Jt.states,df=Jt.defaultOptions,cf=[],pf=[],qa=e=>(0,Yi.jsx)(to,{id:"checkbox-demo-checkbox",...e,defaultChecked:!0,children:"Label"});qa.options=nf;qa.states=sf;qa.variants=cf;qa.defaultOptions=df;qa.modifiers=pf;var qt=require("react/jsx-runtime"),nn="k-list-item",mf=[s.hover,s.focus,s.selected,s.disabled],uf={},bf={},W=e=>{let{text:t,groupLabel:o,group:a,iconName:n,iconClassName:i,showCheckbox:p,checked:T,hover:x,focus:C,selected:w,disabled:M,actions:N,description:R,id:E,...P}=e,z=t\|\|e.children;return(0,qt.jsxs)("li",{...P,id:E,role:a?"presentation":"option",tabIndex:a?void 0:C?0:-1,"aria-selected":!a&&w?"true":a?void 0:"false","aria-disabled":!a&&M?"true":void 0,className:r(e.className,a?"k-list-group-item":nn,H(nn,{hover:x,focus:C,disabled:M,selected:w})),children:[p&&(0,qt.jsx)(mt,{checked:T}),n&&(0,qt.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,qt.jsx)(b,{icon:n,className:r("k-list-item-icon",i)})}),(0,qt.jsx)("span",{className:"k-list-item-text",children:z}),N&&(0,qt.jsx)("div",{className:"k-list-item-actions",children:N}),R&&(0,qt.jsx)("span",{className:"k-list-item-description",children:R}),o&&o!==""&&(0,qt.jsx)("div",{className:"k-list-item-group-label",children:o})]})};W.states=mf;W.options=uf;W.className=nn;W.defaultOptions=bf;W.moduleName=Ho;W.folderName=ra;W.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};var Qi=require("react/jsx-runtime"),ff="k-list-ul",oo=e=>{let{children:t,role:o,id:a,...n}=e;return(0,Qi.jsx)("ul",{...n,id:a,role:o,className:r(ff,e.className),children:t})};oo.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};var ia=require("react/jsx-runtime"),Tf="k-list-content",me=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:i,...p}=e;return(0,ia.jsxs)("div",{...p,className:r(Tf,e.className),role:o?"listbox":void 0,id:o?i:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?n:void 0,children:[o?e.children:(0,ia.jsx)(oo,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&(0,ia.jsx)("div",{className:"k-height-container",children:(0,ia.jsx)("div",{})})]})};me.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};var sn=require("react/jsx-runtime");var da=require("react/jsx-runtime"),hf="k-list-group-item",Bo=e=>{let{groupIconName:t,...o}=e;return(0,da.jsxs)("li",{...o,role:"presentation",className:r(hf,e.className),children:[t&&(0,da.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,da.jsx)(b,{icon:t,className:"k-list-item-icon"})}),(0,da.jsx)("span",{className:"k-list-item-text",children:e.children})]})};Bo.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};var Zi=require("react/jsx-runtime"),dn="k-list-optionlabel",xf=[s.hover,s.focus,s.selected,s.disabled],Nf={},gf={},Br=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...p}=e;return(0,Zi.jsx)("div",{...p,className:r(dn,H(dn,{hover:o,focus:a,selected:n,disabled:i})),children:t})};Br.states=xf;Br.options=Nf;Br.className=dn;Br.defaultOptions=gf;var ji=require("react/jsx-runtime"),cn="k-list-custom-value",kf=[s.hover,s.focus,s.selected,s.disabled],vf={},Lf={},Co=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...p}=e;return(0,ji.jsx)("div",{...p,className:r(cn,H(cn,{hover:o,focus:a,selected:n,disabled:i})),children:t})};Co.states=kf;Co.options=vf;Co.className=cn;Co.defaultOptions=Lf;var pn=require("react/jsx-runtime");var mn=require("react/jsx-runtime");var un=require("react/jsx-runtime");var bn=require("react/jsx-runtime");var Cf=require("react/jsx-runtime");var fn=require("react/jsx-runtime");var ed="dropdown-list",td="dropdownlist";var ke=require("react/jsx-runtime"),od="k-dropdownlist",yf=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Mf={size:[m.undefined,m.small,m.medium,m.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[y.undefined,y.solid,y.flat,y.outline]},Tn={showValue:!0,arrowIconName:"caret-alt-down"},be=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Tn.arrowIconName,showValue:i=Tn.showValue,valueIconName:p,prefix:T,suffix:x,value:C,placeholder:w,hover:M,focus:N,valid:R,invalid:E,required:P,loading:z,disabled:_,readonly:j,popup:Ne,opened:Ae,adaptive:rt,adaptiveSettings:ht,adaptiveTitle:xt,adaptiveSubtitle:jo,adaptiveFilter:cl,...Lr}=e;return(0,ke.jsxs)(ke.Fragment,{children:[(0,ke.jsxs)(Vt,{...Lr,size:t,rounded:o,fillMode:a,hover:M,focus:N,valid:R,invalid:E,required:P,loading:z,disabled:_,readonly:j,className:r(e.className,od,{"k-icon-picker":!i&&p}),children:[(0,ke.jsx)(St,{children:T}),(0,ke.jsx)(Go,{placeholder:w,value:C,showValue:i,valueIconName:p}),(0,ke.jsx)(lt,{valid:R,invalid:E,loading:z,disabled:_}),(0,ke.jsx)(ct,{loading:z,disabled:_}),(0,ke.jsx)(At,{children:x}),(0,ke.jsx)(u,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":w\|\|"Toggle dropdown"})]}),Ae&&Ne&&(0,ke.jsx)(he,{className:"k-list-container k-dropdownlist-popup",children:Ne}),rt&&(0,ke.jsx)(Me,{adaptive:!0,...ht,header:(0,ke.jsx)(nt,{actionsEnd:(0,ke.jsx)(u,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:cl,inputValue:C,inputPlaceholder:w,title:xt,subtitle:jo}),children:(0,ke.jsx)("div",{className:"k-list-container",children:(0,ke.jsx)(oe,{size:"large",children:(0,ke.jsxs)(me,{children:[(0,ke.jsx)(W,{text:"List item"}),(0,ke.jsx)(W,{text:"List item"}),(0,ke.jsx)(W,{text:"List item"})]})})})})]})};be.states=yf;be.options=Mf;be.className=od;be.defaultOptions=Tn;be.moduleName=ed;be.folderName=td;var wf=require("react/jsx-runtime");var ad=require("react/jsx-runtime");var hn=require("react/jsx-runtime");var Sf=require("react/jsx-runtime");var rd=require("react/jsx-runtime");var xn=require("react/jsx-runtime");var bt=require("react/jsx-runtime"),Af=be.states,Ef=be.defaultOptions,Rf=be.options,If=[{name:"opened",title:"Opened"}],Of=[],Qa=e=>{let{modifiers:t,...o}=e,a={},n=(0,bt.jsxs)(bt.Fragment,{children:[(0,bt.jsx)("div",{className:"k-list-filter",children:(0,bt.jsx)(Rt,{})}),(0,bt.jsx)(oe,{style:{width:300},size:o.size,children:(0,bt.jsxs)(me,{children:[(0,bt.jsx)(W,{children:"List item"}),(0,bt.jsx)(W,{children:"List item"}),(0,bt.jsx)(W,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(i=>{i==="opened"&&(a.opened=!!(t!=null&&t[i]),a.popup=t!=null&&t[i]?n:void 0)}),(0,bt.jsx)("div",{children:(0,bt.jsx)(be,{placeholder:"Value",style:{width:300},...o,...a})})};Qa.options=Rf;Qa.states=Af;Qa.variants=Of;Qa.defaultOptions=Ef;Qa.modifiers=If;var ld=require("react/jsx-runtime");var nd=require("react/jsx-runtime");var Gf=require("react/jsx-runtime");var _r=require("react/jsx-runtime"),Pf=ee.states,Hf=ee.defaultOptions,Kf=ee.options,Df=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Bf=[],Za=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t!=null&&t[n]?(0,_r.jsx)(be,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t!=null&&t[n]?(0,_r.jsx)(Al,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[n];break;case"spin-button":a.showSpinButton=t==null?void 0:t[n];break;default:break}}),(0,_r.jsx)(_i,{value:"Value",style:{width:300},...o,...a})};Za.options=Kf;Za.states=Pf;Za.variants=Bf;Za.defaultOptions=Hf;Za.modifiers=Df;var G=require("react/jsx-runtime"),sd="k-colorgradient-inputs",_f=[],zf={size:[m.undefined,m.small,m.medium,m.large]},id={mode:"rgba"},ca=e=>{let{mode:t=id.mode,size:o,...a}=e;return(0,G.jsxs)("div",{...a,className:r(sd,"k-hstack"),children:[(0,G.jsx)("div",{className:"k-vstack",children:(0,G.jsx)(u,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&(0,G.jsxs)(G.Fragment,{children:[(0,G.jsxs)("div",{className:"k-vstack",children:[(0,G.jsx)(ee,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),(0,G.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,G.jsxs)("div",{className:"k-vstack",children:[(0,G.jsx)(ee,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),(0,G.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,G.jsxs)("div",{className:"k-vstack",children:[(0,G.jsx)(ee,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),(0,G.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]}),(0,G.jsxs)("div",{className:"k-vstack",children:[(0,G.jsx)(ee,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),(0,G.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&(0,G.jsxs)(G.Fragment,{children:[(0,G.jsxs)("div",{className:"k-vstack",children:[(0,G.jsx)(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),(0,G.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,G.jsxs)("div",{className:"k-vstack",children:[(0,G.jsx)(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),(0,G.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,G.jsxs)("div",{className:"k-vstack",children:[(0,G.jsx)(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),(0,G.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&(0,G.jsxs)(G.Fragment,{children:[(0,G.jsxs)("div",{className:"k-vstack",children:[(0,G.jsx)(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,G.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,G.jsxs)("div",{className:"k-vstack",children:[(0,G.jsx)(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,G.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,G.jsxs)("div",{className:"k-vstack",children:[(0,G.jsx)(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,G.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]}),(0,G.jsxs)("div",{className:"k-vstack",children:[(0,G.jsx)(ee,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),(0,G.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&(0,G.jsxs)(G.Fragment,{children:[(0,G.jsxs)("div",{className:"k-vstack",children:[(0,G.jsx)(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,G.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,G.jsxs)("div",{className:"k-vstack",children:[(0,G.jsx)(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,G.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,G.jsxs)("div",{className:"k-vstack",children:[(0,G.jsx)(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,G.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&(0,G.jsx)(G.Fragment,{children:(0,G.jsxs)("div",{className:"k-vstack k-flex-1",children:[(0,G.jsx)(ue,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,G.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};ca.states=_f;ca.options=zf;ca.className=sd;ca.defaultOptions=id;var je=require("react/jsx-runtime"),dd="k-colorgradient-color-contrast",Uf=[],Ff={},$f={},pa=()=>(0,je.jsxs)("div",{className:r(dd,"k-vbox"),children:[(0,je.jsxs)("div",{className:"k-contrast-ratio",children:[(0,je.jsx)("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),(0,je.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:[(0,je.jsx)(b,{icon:"check"}),(0,je.jsx)(b,{icon:"check"})]})]}),(0,je.jsxs)("div",{children:[(0,je.jsx)("span",{children:"AA: 4.5"}),(0,je.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:["Pass",(0,je.jsx)(b,{icon:"check"})]})]}),(0,je.jsxs)("div",{children:[(0,je.jsx)("span",{children:"AAA: 7.0"}),(0,je.jsxs)("span",{className:"k-contrast-validation !k-text-error",children:["Fail",(0,je.jsx)(b,{icon:"x"})]})]})]});pa.states=Uf;pa.options=Ff;pa.className=dd;pa.defaultOptions=$f;var cd="color-gradient",pd="colorgradient";var Re=require("react/jsx-runtime"),zr="k-colorgradient",Vf=[s.hover,s.focus,s.readonly,s.disabled],Wf={size:[m.undefined,m.small,m.medium,m.large]},Yt={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"},Ve=e=>{let{size:t,mode:o=Yt.mode,readonly:a=Yt.readonly,disabled:n=Yt.disabled,gradientStyle:i=Yt.gradientStyle,dragHandleStyle:p=Yt.dragHandleStyle,alphaStyle:T=Yt.alphaStyle,alphaStyleHorizontal:x=Yt.alphaStyleHorizontal,contrast:C=Yt.contrast,dir:w,hover:M,focus:N,hoverHandle:R,focusHandle:E,canvasOrientation:P=Yt.canvasOrientation,role:z,tabIndex:_,...j}=e;return(0,Re.jsxs)("div",{...j,role:z??"textbox","aria-label":z==="none"?void 0:"Color gradient",tabIndex:_??0,"aria-disabled":n?"true":void 0,className:r(e.className,zr,O(zr,{size:t}),H(zr,{hover:M,focus:N,readonly:a,disabled:n})),dir:w,children:[!P\|\|P==="horizontal"&&(0,Re.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,Re.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,Re.jsx)("div",{className:"k-hsv-gradient",children:(0,Re.jsx)("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":R,"k-focus":E}),style:p,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),(0,Re.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,Re.jsx)(ql,{className:"k-hue-slider",hover:R,focus:E}),o!=="rgb"&&o!=="hsv"&&(0,Re.jsx)(ql,{className:"k-alpha-slider",hover:R,focus:E,trackStyle:T})]})]}),P==="vertical"&&(0,Re.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,Re.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,Re.jsx)("div",{className:"k-hsv-gradient",children:(0,Re.jsx)("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":R,"k-focus":E}),style:p,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),(0,Re.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,Re.jsx)(Jl,{className:"k-hue-slider",hover:R,focus:E}),o!=="rgb"&&o!=="hsv"&&(0,Re.jsx)(Jl,{className:"k-alpha-slider",hover:R,focus:E,trackStyle:x})]})]}),(0,Re.jsx)(ca,{mode:e.mode,size:t}),C&&(0,Re.jsx)(pa,{})]})};Ve.states=Vf;Ve.options=Wf;Ve.className=zr;Ve.defaultOptions=Yt;Ve.moduleName=cd;Ve.folderName=pd;Ve.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};var md=require("react/jsx-runtime"),Ur=e=>(0,md.jsx)(Ve,{...e});var Xf=require("react/jsx-runtime");var Jf=require("react/jsx-runtime");var Fr=require("react/jsx-runtime"),qf=Ve.options,Yf=Ve.states,Qf={...Ve.defaultOptions,variant:"rgba"},Zf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],jf=[],ja=e=>{let{variant:t,...o}=e;switch(t){case"hex":return(0,Fr.jsx)(Ur,{...o,mode:t});case"rgb":return(0,Fr.jsx)(Ur,{...o,mode:t});default:return(0,Fr.jsx)(Ur,{...o,mode:t})}};ja.options=qf;ja.states=Yf;ja.variants=Zf;ja.defaultOptions=Qf;ja.modifiers=jf;var ud=require("react/jsx-runtime"),Nn=e=>(0,ud.jsx)("tr",{role:"row",children:e.children});var bd=require("react/jsx-runtime"),gn="k-colorpalette-tile",eT=[s.hover,s.focus,s.selected],tT={},ma=e=>{let{color:t,tileSize:o,hover:a,focus:n,selected:i,...p}=e,T={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return(0,bd.jsx)("td",{...p,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:r(e.className,gn,H(gn,{hover:a,focus:n,selected:i})),style:T})};ma.states=eT;ma.options=tT;ma.className=gn;var fd="color-palette",Td="colorpalette";var ua=require("react/jsx-runtime"),$r="k-colorpalette",oT=[s.disabled],aT={size:[m.undefined,m.small,m.medium,m.large]},hd={columns:10},ft=e=>{let{size:t,palette:o,columns:a=hd.columns,tileSize:n,disabled:i,...p}=e,T=[];if(o){let x=a\|\|o.columns,C=o.colors?o.colors:o;Array.isArray(C)&&Array.from({length:Math.ceil(C.length/x)},(w,M)=>{let N=[];C.slice(Mx,(M+1)x).map((E,P)=>{N.push((0,ua.jsx)(ma,{color:E,tileSize:n},P))});let R=(0,ua.jsx)(Nn,{children:N},M);T.push(R)})}return(0,ua.jsx)("div",{...p,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:r(e.className,$r,H($r,{disabled:i}),O($r,{size:t})),children:(0,ua.jsx)("table",{className:"k-colorpalette-table",role:"none",children:(0,ua.jsx)("tbody",{children:T.length>0?T:e.children})})})};ft.states=oT;ft.options=aT;ft.className=$r;ft.defaultOptions=hd;ft.moduleName=fd;ft.folderName=Td;ft.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 Vr=ft;var er={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};var Nd=require("react/jsx-runtime"),xd=e=>(0,Nd.jsx)(Vr,{palette:er.basic,...e});var rT=require("react/jsx-runtime");var gd=require("react/jsx-runtime");var kd=require("react/jsx-runtime"),lT=ft.options,nT=ft.states,sT={...ft.defaultOptions,variant:"basic"},iT=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],dT={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}},cT=[],tr=e=>{let{variant:t="basic",...o}=e,a=dT[t];return(0,kd.jsx)(xd,{columns:a.columns,palette:a,...o})};tr.options=lT;tr.states=nT;tr.variants=iT;tr.defaultOptions=sT;tr.modifiers=cT;var vd="color-editor",Ld="coloreditor";var we=require("react/jsx-runtime"),Wr="k-coloreditor",pT=[s.focus],mT={size:[m.undefined,m.small,m.medium,m.large]},or={view:"gradient",palette:er.office,actionButtons:!0,canvasOrientation:"horizontal"},Se=e=>{let{size:t,view:o=or.view,palette:a=or.palette,color:n,currentColor:i,focus:p,focusView:T,dir:x,group:C,actionButtons:w=or.actionButtons,canvasOrientation:M=or.canvasOrientation,...N}=e;return(0,we.jsxs)("div",{...N,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",Wr,O(Wr,{size:t}),H(Wr,{focus:p})),dir:x,children:[(0,we.jsxs)("div",{className:"k-coloreditor-header k-hstack",children:[(0,we.jsx)("div",{className:"k-coloreditor-header-actions k-hstack",children:C&&(0,we.jsxs)(U,{fillMode:"flat",children:[(0,we.jsx)(u,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),(0,we.jsx)(u,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),(0,we.jsx)("div",{className:"k-spacer"}),(0,we.jsxs)("div",{className:"k-coloreditor-header-actions k-hstack",children:[(0,we.jsx)(u,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),(0,we.jsxs)("div",{className:"k-coloreditor-preview k-vstack",children:[(0,we.jsx)(xo,{className:"k-coloreditor-preview-color",color:n}),(0,we.jsx)(xo,{className:"k-coloreditor-current-color",color:i})]})]})]}),(0,we.jsx)("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?(0,we.jsx)(Ve,{focus:T,size:t,canvasOrientation:M,role:"none",tabIndex:-1}):(0,we.jsx)(ft,{palette:a,size:t})}),w&&(0,we.jsxs)(Xt,{className:"k-coloreditor-footer",alignment:"start",children:[(0,we.jsx)(u,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),(0,we.jsx)(u,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Se.states=pT;Se.options=mT;Se.className=Wr;Se.defaultOptions=or;Se.moduleName=vd;Se.folderName=Ld;Se.ariaSpec={selector:".k-flatcolorpicker",rules:[{selector:".k-flatcolorpicker",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a submittable value."},{selector:".k-flatcolorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-flatcolorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-flatcolorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the FlatColorPicker is disabled."},{selector:".k-colorgradient",attribute:"role=none",usage:"The inner ColorGradient must have its role removed."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var ba=Se;var uT=require("react/jsx-runtime");var bT=require("react/jsx-runtime");var yd=require("react/jsx-runtime"),Cd=e=>(0,yd.jsx)(ba,{group:!0,currentColor:"fuchsia",...e});var wd=require("react/jsx-runtime"),Md=e=>(0,wd.jsx)(ba,{view:"palette",group:!0,currentColor:"fuchsia",...e});var kn=require("react/jsx-runtime"),fT=Se.options,TT=Se.states,hT={...Se.defaultOptions,variant:"gradient"},xT=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],NT=[],ar=e=>{let{variant:t,...o}=e;return t==="palette"?(0,kn.jsx)(Md,{...o,color:"white"}):(0,kn.jsx)(Cd,{...o,color:"rgba(183, 118 , 118, 1.00)"})};ar.options=fT;ar.states=TT;ar.variants=xT;ar.defaultOptions=hT;ar.modifiers=NT;var Sd="color-picker",Ad="colorpicker";var Ie=require("react/jsx-runtime"),Ed="k-colorpicker",gT=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled],kT={size:[m.undefined,m.small,m.medium,m.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[y.undefined,y.solid,y.flat,y.outline]},Rd={arrowIconName:"caret-alt-down"},vt=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Rd.arrowIconName,prefix:i,suffix:p,value:T,placeholder:x,hover:C,focus:w,valid:M,invalid:N,required:R,disabled:E,valueIconName:P,popup:z,opened:_,adaptive:j,adaptiveSettings:Ne,adaptiveTitle:Ae,adaptiveSubtitle:rt,...ht}=e,xt="colorpicker-popup";return(0,Ie.jsxs)(Ie.Fragment,{children:[(0,Ie.jsxs)(Vt,{...ht,size:t,rounded:o,fillMode:a,hover:C,focus:w,valid:M,invalid:N,required:R,disabled:E,role:"combobox","aria-haspopup":"dialog","aria-expanded":_?"true":"false","aria-controls":_\|\|j?xt:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":E?"true":void 0,className:r(e.className,Ed,"k-icon-picker"),children:[(0,Ie.jsx)(St,{children:i}),(0,Ie.jsx)(Go,{placeholder:x,value:T,showValue:!1,valueIcon:(0,Ie.jsx)(xo,{className:"k-value-icon",color:T,iconName:P}),valueIconName:P}),(0,Ie.jsx)(At,{children:p}),(0,Ie.jsx)(u,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:E})]}),_&&z&&(0,Ie.jsx)(he,{id:xt,className:"k-colorpicker-popup",children:z}),j&&(0,Ie.jsx)(Me,{adaptive:!0,id:xt,...Ne,header:(0,Ie.jsx)(nt,{actionsEnd:(0,Ie.jsx)(u,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:Ae,subtitle:rt}),footer:(0,Ie.jsxs)(No,{children:[(0,Ie.jsx)(u,{text:"Cancel",size:"large"}),(0,Ie.jsx)(u,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,Ie.jsx)(Se,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};vt.states=gT;vt.options=kT;vt.className=Ed;vt.defaultOptions=Rd;vt.moduleName=Sd;vt.folderName=Ad;vt.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var yo=vt;var Id=require("react/jsx-runtime"),Xr=e=>(0,Id.jsx)(yo,{...e});var vT=require("react/jsx-runtime");var LT=require("react/jsx-runtime");var CT=require("react/jsx-runtime");var yT=require("react/jsx-runtime");var MT=require("react/jsx-runtime");var wT=require("react/jsx-runtime");var Mo=require("react/jsx-runtime"),ST=yo.options,AT=yo.states,Od={...yo.defaultOptions,variant:"color"},ET=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],RT=[{name:"opened",title:"Opened"}],rr=e=>{let{variant:t,modifiers:o,...a}={...Od,...e},n={};Object.keys(o\|\|{}).forEach(p=>{p==="opened"&&(n.opened=!!(o!=null&&o[p]),n.popup=o!=null&&o[p]?(0,Mo.jsx)(Se,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let i=n.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return(0,Mo.jsx)("div",{style:i,children:(0,Mo.jsx)(Xr,{...a,...n})});case"icon":return(0,Mo.jsx)("div",{style:i,children:(0,Mo.jsx)(Xr,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return(0,Mo.jsx)("div",{style:i,children:(0,Mo.jsx)(Xr,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};rr.options=ST;rr.states=AT;rr.variants=ET;rr.defaultOptions=Od;rr.modifiers=RT;var vn="combobox",Gd=vn;var ne=require("react/jsx-runtime"),Pd="k-combobox",IT=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],OT={size:[m.undefined,m.small,m.medium,m.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[y.undefined,y.solid,y.flat,y.outline]},Hd={separators:!0},it=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Hd.separators,prefix:i,suffix:p,value:T,placeholder:x,hover:C,focus:w,valid:M,invalid:N,required:R,loading:E,disabled:P,popup:z,opened:_,readonly:j,adaptive:Ne,adaptiveSettings:Ae,adaptiveTitle:rt,adaptiveSubtitle:ht,adaptiveCustomValue:xt,id:jo,autocomplete:cl,activeDescendant:Lr,"aria-label":Cm,...ym}=e,Mm=jo?`${jo}-listbox`:void 0;return(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsxs)(Ee,{...ym,size:t,rounded:o,fillMode:a,hover:C,focus:w,valid:M,invalid:N,required:R,loading:E,disabled:P,readonly:j,className:r(e.className,Pd),children:[i&&(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsx)(St,{children:i}),n&&(0,ne.jsx)(Et,{})]}),(0,ne.jsx)(gt,{placeholder:x,value:T,role:"combobox","aria-haspopup":"listbox","aria-expanded":_?"true":"false","aria-controls":_?Mm:void 0,"aria-activedescendant":_&&Lr?Lr:void 0,"aria-autocomplete":cl,"aria-invalid":N?"true":void 0,"aria-busy":E?"true":void 0,"aria-label":Cm,disabled:P,readOnly:j}),(0,ne.jsx)(lt,{valid:M,invalid:N,loading:E,disabled:P}),(0,ne.jsx)(ct,{loading:E,disabled:P}),(0,ne.jsx)(Nt,{loading:E,disabled:P,readonly:j,value:T}),p&&(0,ne.jsxs)(ne.Fragment,{children:[n&&(0,ne.jsx)(Et,{}),(0,ne.jsx)(At,{children:p})]}),(0,ne.jsx)(u,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:P})]}),_&&z&&(0,ne.jsx)(he,{className:"k-list-container k-combobox-popup",containerClassName:"k-combobox-popup-container",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:z}),Ne&&(0,ne.jsx)(Me,{adaptive:!0,id:jo?`${jo}-adaptive`:void 0,...Ae,header:(0,ne.jsx)(nt,{actionsEnd:(0,ne.jsx)(u,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:T,inputPlaceholder:x,title:rt,subtitle:ht}),children:(0,ne.jsx)("div",{className:"k-list-container",children:(0,ne.jsx)(oe,{customValue:xt?(0,ne.jsx)(Co,{text:`Use "${T}"`}):void 0,size:"large",children:(0,ne.jsxs)(me,{"aria-label":rt\|\|"Options",children:[(0,ne.jsx)(W,{text:"List item"}),(0,ne.jsx)(W,{text:"List item"}),(0,ne.jsx)(W,{text:"List item"})]})})})})]})};it.states=IT;it.options=OT;it.className=Pd;it.defaultOptions=Hd;it.moduleName=vn;it.folderName=Gd;it.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list\|both\|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var Lt=it;var Dd=require("react/jsx-runtime"),Kd=e=>(0,Dd.jsx)(Lt,{...e});var Bd=require("react/jsx-runtime");var _d=require("react/jsx-runtime");var zd=require("react/jsx-runtime");var Ud=require("react/jsx-runtime");var Fd=require("react/jsx-runtime");var $d=require("react/jsx-runtime");var Ln=require("react/jsx-runtime");var GT=require("react/jsx-runtime");var PT=require("react/jsx-runtime");var Vd=require("react/jsx-runtime");var Wd=require("react/jsx-runtime");var zt=require("react/jsx-runtime"),HT=it.states,KT=it.defaultOptions,DT=it.options,BT=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],_T=[],lr=e=>{let{modifiers:t,...o}=e,a={},n=(0,zt.jsx)(oe,{style:{width:300},size:o.size,children:(0,zt.jsxs)(me,{children:[(0,zt.jsx)(W,{children:"List item"}),(0,zt.jsx)(W,{children:"List item"}),(0,zt.jsx)(W,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t!=null&&t[i]?(0,zt.jsx)(b,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t!=null&&t[i]?(0,zt.jsx)(ho,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!(t!=null&&t[i]),a.popup=t!=null&&t[i]?n:void 0;break;default:break}}),(0,zt.jsx)("div",{children:(0,zt.jsx)(Kd,{value:"Value",style:{width:300},...o,...a})})};lr.options=DT;lr.states=HT;lr.variants=_T;lr.defaultOptions=KT;lr.modifiers=BT;var Cn="menu-button",Xd=Cn;var qd=require("react/jsx-runtime"),Jd="k-menu-button",zT=[s.hover,s.focus,s.active,s.selected,s.disabled],UT={size:[m.undefined,m.small,m.medium,m.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[y.undefined,y.solid,y.flat,y.outline,y.clear,y.link],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info,k.light,k.dark,k.inverse]},yn={showArrow:!0,arrowIconName:"caret-alt-down"},fe=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:p,active:T,selected:x,disabled:C,icon:w,text:M,showArrow:N=yn.showArrow,arrowIconName:R=yn.arrowIconName,expanded:E,...P}=e;return(0,qd.jsx)(u,{...P,className:r(e.className,Jd),text:M,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:p,active:T,selected:x,disabled:C,icon:w,showArrow:N,arrowIconName:R,"aria-expanded":E?"true":"false",...!M&&w&&!e["aria-label"]&&{"aria-label":"Menu"},...C&&{"aria-disabled":"true"}})};fe.states=zT;fe.options=UT;fe.className=Jd;fe.defaultOptions=yn;fe.moduleName=Cn;fe.folderName=Xd;fe.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var FT=require("react/jsx-runtime");var $T=require("react/jsx-runtime");var VT=require("react/jsx-runtime");var Ct="menu",Pt=Ct;var ao=require("react/jsx-runtime"),Mn="k-menu-item",WT=[s.hover,s.focus,s.active,s.selected,s.disabled],XT={},Yd={iconPosition:"before"},et=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:p,text:T,first:x,last:C,showArrow:w,arrowIconName:M,iconPosition:N=Yd.iconPosition,dir:R,children:E,expanded:P,...z}=e,_=M;return _\|\|(_=R==="rtl"?"caret-alt-left":"caret-alt-right"),(0,ao.jsxs)("li",{...z,className:r(e.className,Mn,"k-item",H(Mn,{focus:o,disabled:i,hover:t,active:a,selected:n}),{"k-first":x,"k-last":C}),role:"menuitem",...w&&{"aria-haspopup":"menu"},...w&&{"aria-expanded":P?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,ao.jsxs)("span",{className:r("k-link k-menu-link"),children:[p&&N==="before"&&(0,ao.jsx)(b,{className:"k-menu-link-icon",icon:p}),(0,ao.jsx)("span",{className:"k-menu-link-text",children:T}),p&&N==="after"&&(0,ao.jsx)(b,{className:"k-menu-link-icon",icon:p}),w&&(0,ao.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,ao.jsx)(b,{icon:_})})]}),E]})};et.states=WT;et.options=XT;et.className=Mn;et.defaultOptions=Yd;et.moduleName=Ct;et.folderName=Pt;var ro=require("react/jsx-runtime"),wn="k-menu-item",JT=[s.hover,s.focus,s.active,s.selected,s.disabled],qT={},Sn={dir:"ltr",iconPosition:"before"},ve=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:p,text:T,first:x,last:C,showArrow:w,arrowIconName:M,iconPosition:N=Sn.iconPosition,dir:R=Sn.dir,children:E,popup:P,expanded:z,..._}=e,j=M;return j\|\|(j=R==="rtl"?"caret-alt-left":"caret-alt-right"),(0,ro.jsxs)("li",{..._,className:r(e.className,wn,"k-item",H(wn,{focus:o,disabled:i}),{"k-first":x,"k-last":C}),role:"menuitem",...w&&{"aria-haspopup":"menu"},...w&&{"aria-expanded":z?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,ro.jsxs)("span",{className:r("k-link k-menu-link",H("k-menu-link",{hover:t,active:a,selected:n,disabled:i})),children:[p&&N==="before"&&(0,ro.jsx)(b,{className:"k-menu-link-icon",icon:p}),(0,ro.jsx)("span",{className:"k-menu-link-text",children:T}),p&&N==="after"&&(0,ro.jsx)(b,{className:"k-menu-link-icon",icon:p}),w&&(0,ro.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,ro.jsx)(b,{icon:j})})]}),E,P]})};ve.states=JT;ve.options=qT;ve.className=wn;ve.defaultOptions=Sn;ve.moduleName=Ct;ve.folderName=Pt;var jd=require("react/jsx-runtime"),Qd="k-menu-scroll-wrapper",YT=[],QT={},ZT={},_o=e=>{let{className:t,children:o,orientation:a,...n}=e;return(0,jd.jsx)("div",{...n,className:r(t,Qd,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};_o.states=YT;_o.options=QT;_o.className=Qd;_o.defaultOptions=ZT;_o.moduleName=Ct;_o.folderName=Pt;var Zd=_o;var We=require("react/jsx-runtime"),An="k-menu",jT=[],eh={},qr={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Xe=e=>{let{children:t,orientation:o=qr.orientation,header:a=qr.header,scrollable:n,scrollButtonsPosition:i=qr.scrollButtonsPosition,wrapperStyles:p,dir:T,popup:x,contextMenu:C,...w}=e,M={horizontal:{prev:T!=="rtl"?"left":"right",next:T!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},N=(0,We.jsx)("ul",{dir:T,...w,className:r(e.className,"k-reset",An,{[`${An}-${o}`]:o,"k-header":a}),role:C?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,We.jsxs)(We.Fragment,{children:[n?(0,We.jsxs)(Zd,{orientation:o,style:p,dir:e.dir,children:[i==="start"&&(0,We.jsxs)(We.Fragment,{children:[(0,We.jsx)(u,{fillMode:"flat",icon:`caret-alt-${M[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,We.jsx)(u,{fillMode:"flat",icon:`caret-alt-${M[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&(0,We.jsx)(u,{fillMode:"flat",icon:`caret-alt-${M[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),N,i==="end"&&(0,We.jsxs)(We.Fragment,{children:[(0,We.jsx)(u,{fillMode:"flat",icon:`caret-alt-${M[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,We.jsx)(u,{fillMode:"flat",icon:`caret-alt-${M[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&(0,We.jsx)(u,{fillMode:"flat",icon:`caret-alt-${M[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):N,x]})};Xe.states=jT;Xe.options=eh;Xe.className=An;Xe.defaultOptions=qr;Xe.moduleName=Ct;Xe.folderName=Pt;Xe.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item[aria-haspopup]",attribute:"aria-haspopup=menu",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item[aria-haspopup]",attribute:"aria-expanded=true/false",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item[aria-haspopup][aria-controls]",attribute:"aria-controls=ul.k-menu-group id",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};var tc=require("react/jsx-runtime"),En="k-separator",ec={orientation:"horizontal"},fa=e=>{let{orientation:t=ec.orientation,...o}=e;return(0,tc.jsx)("li",{...o,className:r(e.className,"k-item",En,{[`${En}-${t}`]:t}),role:"separator"})};fa.className=En;fa.defaultOptions=ec;fa.moduleName=Ct;fa.folderName=Pt;var oc=require("react/jsx-runtime");var ac=require("react/jsx-runtime"),Rn="k-menu-group",th=[],oh={size:[m.undefined,m.small,m.medium,m.large]},ah={},tt=e=>{let{children:t,size:o,...a}=e;return(0,ac.jsx)("ul",{...a,className:r(e.className,Rn,O(Rn,{size:o})),role:"menu",children:t})};tt.states=th;tt.options=oh;tt.className=Rn;tt.defaultOptions=ah;tt.moduleName=Ct;tt.folderName=Pt;var Ut=require("react/jsx-runtime"),In=e=>(0,Ut.jsx)(Xe,{children:(0,Ut.jsxs)(Ut.Fragment,{children:[(0,Ut.jsx)(et,{first:!0,text:"Item 1"}),(0,Ut.jsx)(et,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),(0,Ut.jsx)(et,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),(0,Ut.jsx)(et,{text:"Item 4"}),(0,Ut.jsx)(et,{last:!0,text:"Item 5"})]}),...e});var On=require("react/jsx-runtime");var Gn=require("react/jsx-runtime");var Pn=require("react/jsx-runtime");var Hn=require("react/jsx-runtime");var Qt=require("react/jsx-runtime"),rh=Xe.options,lh=Xe.states,rc={...Xe.defaultOptions,variant:"horizontal"},nh=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],sh=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],nr=e=>{let{variant:t,modifiers:o,...a}={...rc,...e},n={};return Object.keys(o\|\|{}).forEach(i=>{switch(i){case"scrollable":n.scrollable=!!(o!=null&&o[i]);break;case"opened":n.opened=!!(o!=null&&o[i]),n.popup=(0,Qt.jsx)(he,{className:"k-menu-popup",children:(0,Qt.jsxs)(tt,{children:[(0,Qt.jsx)(ve,{text:"Item 1"}),(0,Qt.jsx)(ve,{text:"Item 2"}),(0,Qt.jsx)(fa,{}),(0,Qt.jsx)(ve,{text:"Item 3"})]})});break}}),t==="vertical"?(0,Qt.jsx)(In,{...a,...n,orientation:"vertical",style:{width:"200px"}}):(0,Qt.jsx)(In,{...a,...n})};nr.options=rh;nr.states=lh;nr.variants=nh;nr.defaultOptions=rc;nr.modifiers=sh;var Kn=require("react/jsx-runtime");var ih=require("react/jsx-runtime");var ot=require("react/jsx-runtime"),dh=u.states,lc={...u.defaultOptions,variant:"text"},ch=u.options,ph=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],mh=[{name:"opened",title:"Opened"}],sr=e=>{let{variant:t,modifiers:o,...a}={...lc,...e},n={},i=(0,ot.jsx)(he,{className:"k-menu-popup",children:(0,ot.jsxs)(tt,{size:a.size,children:[(0,ot.jsx)(ve,{first:!0,text:"Menu Item"}),(0,ot.jsx)(ve,{text:"Menu Item"}),(0,ot.jsx)(ve,{last:!0,text:"Menu Item"})]})}),p;switch(t){case"icon-only":p=(0,ot.jsx)("div",{children:(0,ot.jsx)(fe,{...a,...n,icon:"star"})});break;case"icon-and-text":p=(0,ot.jsx)("div",{children:(0,ot.jsx)(fe,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:p=(0,ot.jsx)("div",{children:(0,ot.jsx)(fe,{...a,...n,children:"Dropdown Button"})});break}return(0,ot.jsxs)(ot.Fragment,{children:[p,(o==null?void 0:o.opened)&&i]})};sr.options=ch;sr.states=dh;sr.variants=ph;sr.defaultOptions=lc;sr.modifiers=mh;var Dn="split-button",nc=Dn;var lo=require("react/jsx-runtime"),Bn="k-split-button",uh=[s.hover,s.focus,s.active,s.selected,s.disabled],bh={size:[m.undefined,m.small,m.medium,m.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[y.undefined,y.solid,y.flat,y.outline,y.clear,y.link],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info,k.light,k.dark,k.inverse]},sc={arrowIconName:"caret-alt-down"},ae=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:p,active:T,selected:x,disabled:C,icon:w,text:M,arrowIconName:N=sc.arrowIconName,popup:R,opened:E,popupId:P,...z}=e;return(0,lo.jsxs)(lo.Fragment,{children:[(0,lo.jsxs)("div",{...z,className:r(e.className,Bn,"k-button-group",O(Bn,{rounded:o})),children:[(0,lo.jsx)(u,{text:M,icon:w,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:p,active:T,selected:x,disabled:C,...!M&&!e.children&&w&&{"aria-label":"Action"},children:e.children}),(0,lo.jsx)(u,{className:"k-split-button-arrow",icon:N,size:t,rounded:o,fillMode:a,disabled:C,"aria-label":"Toggle dropdown","aria-expanded":E?"true":"false","aria-controls":E?P:void 0,tabIndex:-1,...C&&{"aria-disabled":"true"}})]}),E&&R&&(0,lo.jsx)(he,{className:"k-menu-popup",children:R})]})};ae.states=uh;ae.options=bh;ae.className=Bn;ae.defaultOptions=sc;ae.moduleName=Dn;ae.folderName=nc;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 _n=ae;var ic=require("react/jsx-runtime"),fh="k-toolbar-separator",Ft=e=>(0,ic.jsx)("div",{className:r(fh,e.className,"k-separator")});var no="toolbar",wo=no;var $=require("react/jsx-runtime"),so="k-toolbar",Th=[s.focus],hh={size:[m.undefined,m.small,m.medium,m.large],fillMode:[y.undefined,y.solid,y.outline,y.flat]},xh={scrollButtons:"around"},ie=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:i,scrollButtons:p,scrollingPosition:T,section:x,...C}=e,w=[],M=(N,R)=>{let E=[];if(N.type===u&&N.props.className&&N.props.className.includes("k-toolbar-overflow-button"))E.push((0,$.jsx)(u,{...N.props,className:`${N.props.className?N.props.className:""}`},`${R}-${new Date().getTime()}`));else if(N.type===u)E.push((0,$.jsx)(u,{...N.props,className:`k-toolbar-button ${N.props.className?N.props.className:""}`},`${R}-${new Date().getTime()}`));else if(N.type===wa)E.push((0,$.jsx)(wa,{...N.props,className:`k-toolbar-button ${N.props.className?N.props.className:""}`},`${R}-${new Date().getTime()}`));else if(N.type===ho)E.push((0,$.jsx)(ho,{...N.props,className:`k-toolbar-button ${N.props.className?N.props.className:""}`},`${R}-${new Date().getTime()}`));else if(N.type===fe)E.push((0,$.jsx)(fe,{...N.props,className:`k-toolbar-menu-button ${N.props.className?N.props.className:""}`},`${R}-${new Date().getTime()}`));else if(N.type===_n)E.push((0,$.jsx)(_n,{...N.props,className:`k-toolbar-split-button ${N.props.className?N.props.className:""}`},`${R}-${new Date().getTime()}`));else if(N.type===U\|\|N.props.className&&N.props.className.includes("k-button-group")){let P=[];(Array.isArray(N.props.children)?N.props.children:[N.props.children]).forEach((_,j)=>{P.push((0,$.jsx)(u,{..._.props,className:`${_.props.className?_.props.className:""}`},`${j}-${new Date().getTime()}`))}),E.push((0,$.jsx)(U,{...N.props,className:`k-toolbar-button-group ${N.props.className?N.props.className:""}`,children:P},`${R}-${new Date().getTime()}`))}else N.type===it?E.push((0,$.jsx)(it,{...N.props,className:`k-toolbar-combobox ${N.props.className?N.props.className:""}`},`${R}-${new Date().getTime()}`)):N.type===be?E.push((0,$.jsx)(be,{...N.props,className:`k-toolbar-dropdownlist ${N.props.className?N.props.className:""}`},`${R}-${new Date().getTime()}`)):N.type===vt?E.push((0,$.jsx)(vt,{...N.props,className:`k-toolbar-colorpicker ${N.props.className?N.props.className:""}`},`${R}-${new Date().getTime()}`)):E.push(N);E.forEach(P=>{w.push(P)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((R,E)=>{M(R,E)}),(0,$.jsxs)("div",{...C,className:r(e.className,so,O(so,{size:t,fillMode:o}),H(so,{focus:a}),{[`${so}-resizable`]:n,[`${so}-scrollable`]:i,[`${so}-scrollable-overlay`]:i&&p==="hidden",[`${so}-scrollable-${T}`]:T&&T!=="both",[`${so}-section`]:x}),role:"toolbar","aria-label":"Toolbar",children:[!i&&w,i&&p==="hidden"&&(0,$.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:w}),i&&p==="start"&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(U,{children:[(0,$.jsx)("span",{className:r("k-toolbar-prev","k-button",O("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,$.jsx)(b,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,$.jsx)("span",{className:r("k-toolbar-next","k-button",O("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,$.jsx)(b,{className:"k-button-icon",icon:"caret-alt-right"})})]}),(0,$.jsx)(Ft,{className:"k-toolbar-button-separator"}),(0,$.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:w})]}),i&&p==="end"&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:w}),(0,$.jsx)(Ft,{className:"k-toolbar-button-separator"}),(0,$.jsxs)(U,{children:[(0,$.jsx)("span",{className:r("k-toolbar-prev","k-button",O("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,$.jsx)(b,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,$.jsx)("span",{className:r("k-toolbar-next","k-button",O("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,$.jsx)(b,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),i&&(p==="around"\|\|!p)&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)("span",{className:r("k-toolbar-prev","k-button",O("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,$.jsx)(b,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,$.jsx)(Ft,{className:"k-toolbar-button-separator"}),(0,$.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:w}),(0,$.jsx)(Ft,{className:"k-toolbar-button-separator"}),(0,$.jsx)("span",{className:r("k-toolbar-next","k-button",O("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,$.jsx)(b,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};ie.states=Th;ie.options=hh;ie.className=so;ie.defaultOptions=xh;ie.moduleName=no;ie.folderName=wo;ie.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])[aria-controls]',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group[aria-labelledby]",attribute:"aria-labelledby=.k-toolbar-overflow-button id",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])[aria-controls]',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list[aria-labelledby]",attribute:"aria-labelledby=.k-toolbar-overflow-button id",usage:"Associates the title of the section toggle button."}]};var cc=require("react/jsx-runtime"),dc="k-floating-toolbar",Nh=[],gh={},kh={},Ta=e=>{let{...t}=e;return(0,cc.jsx)("div",{...t,className:r(e.className,dc),children:e.children})};Ta.states=Nh;Ta.options=gh;Ta.className=dc;Ta.defaultOptions=kh;Ta.moduleName=no;Ta.folderName=wo;var pc=require("react/jsx-runtime"),zn="k-toolbar-item",vh=[s.focus],Lh={},Ch={},ha=e=>{let{focus:t,...o}=e;return(0,pc.jsx)("div",{...o,className:r(e.className,zn,H(zn,{focus:t})),children:e.children})};ha.states=vh;ha.options=Lh;ha.className=zn;ha.defaultOptions=Ch;ha.moduleName=no;ha.folderName=wo;var Un=require("react/jsx-runtime"),mc="k-toolbar-popup",yh=[],Mh={size:[m.undefined,m.small,m.medium,m.large],fillMode:[y.undefined,y.solid,y.outline,y.flat]},wh={},zo=e=>{let{size:t,fillMode:o,section:a,...n}=e;return(0,Un.jsx)(he,{...n,className:r(e.className,mc),children:a?(0,Un.jsx)("span",{className:r("k-toolbar-items-list",O("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};zo.states=yh;zo.options=Mh;zo.className=mc;zo.defaultOptions=wh;zo.moduleName=no;zo.folderName=wo;var Yr=zo;var Sh=require("react/jsx-runtime");var Ah=require("react/jsx-runtime");var Eh=require("react/jsx-runtime");var uc=require("react/jsx-runtime");var Rh=require("react/jsx-runtime");var Ht=require("react/jsx-runtime"),Ih=ae.states,bc={...ae.defaultOptions,variant:"text"},Oh=ae.options,Gh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ph=[{name:"opened",title:"Opened"}],ir=e=>{let{variant:t,modifiers:o,...a}={...bc,...e},n={},i=(0,Ht.jsxs)(tt,{size:a.size,children:[(0,Ht.jsx)(ve,{first:!0,text:"Menu Item"}),(0,Ht.jsx)(ve,{text:"Menu Item"}),(0,Ht.jsx)(ve,{last:!0,text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(p=>{p==="opened"&&(n.opened=!!(o!=null&&o[p]),n.popup=o!=null&&o[p]?i:"")}),t){case"icon-only":return(0,Ht.jsx)("div",{children:(0,Ht.jsx)(ae,{...a,...n,icon:"star"})});case"icon-and-text":return(0,Ht.jsx)("div",{children:(0,Ht.jsx)(ae,{...a,...n,icon:"star",children:"Split Button"})});default:return(0,Ht.jsx)("div",{children:(0,Ht.jsx)(ae,{...a,...n,children:"Split Button"})})}};ir.options=Oh;ir.states=Ih;ir.variants=Gh;ir.defaultOptions=bc;ir.modifiers=Ph;var Zt=require("react/jsx-runtime"),fc=e=>(0,Zt.jsx)(ie,{children:[(0,Zt.jsx)(u,{children:"Button"},"toolbar-button"),(0,Zt.jsx)(fe,{text:"Menu button"},"toolbar-menu-button"),(0,Zt.jsx)(ae,{children:"Split button"},"toolbar-split-button"),(0,Zt.jsxs)(U,{children:[(0,Zt.jsx)(u,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Zt.jsx)(u,{icon:"align-center",children:"Center"}),(0,Zt.jsx)(u,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var Tc=require("react/jsx-runtime");var Je=require("react/jsx-runtime"),hc=e=>(0,Je.jsx)(ie,{scrollable:!0,...e,children:[(0,Je.jsx)(u,{children:"Button"},"toolbar-button"),(0,Je.jsx)(fe,{text:"Menu button"},"toolbar-menu-button"),(0,Je.jsx)(ae,{children:"Split button"},"toolbar-split-button"),(0,Je.jsxs)(U,{children:[(0,Je.jsx)(u,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Je.jsx)(u,{icon:"align-center",children:"Center"}),(0,Je.jsx)(u,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,Je.jsx)(u,{children:"Button"},"toolbar-button"),(0,Je.jsx)(fe,{text:"Menu button"},"toolbar-menu-button"),(0,Je.jsx)(ae,{children:"Split button"},"toolbar-split-button"),(0,Je.jsxs)(U,{children:[(0,Je.jsx)(u,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Je.jsx)(u,{icon:"align-center",children:"Center"}),(0,Je.jsx)(u,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var qe=require("react/jsx-runtime"),xc=({scrollingPosition:e="start",...t})=>(0,qe.jsx)(ie,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[(0,qe.jsx)(u,{children:"Button"},"toolbar-button"),(0,qe.jsx)(fe,{text:"Menu button"},"toolbar-menu-button"),(0,qe.jsx)(ae,{children:"Split button"},"toolbar-split-button"),(0,qe.jsxs)(U,{children:[(0,qe.jsx)(u,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,qe.jsx)(u,{icon:"align-center",children:"Center"}),(0,qe.jsx)(u,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,qe.jsx)(u,{children:"Button"},"toolbar-button"),(0,qe.jsx)(fe,{text:"Menu button"},"toolbar-menu-button"),(0,qe.jsx)(ae,{children:"Split button"},"toolbar-split-button"),(0,qe.jsxs)(U,{children:[(0,qe.jsx)(u,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,qe.jsx)(u,{icon:"align-center",children:"Center"}),(0,qe.jsx)(u,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});var Le=require("react/jsx-runtime"),Nc=({fillMode:e,size:t,...o})=>(0,Le.jsxs)(Le.Fragment,{children:[(0,Le.jsx)(ie,{section:!0,fillMode:e,size:t,children:[(0,Le.jsx)(u,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,Le.jsxs)(U,{fillMode:e,children:[(0,Le.jsx)(u,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,Le.jsx)(u,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,Le.jsx)(u,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),(0,Le.jsx)(Ft,{className:"k-toolbar-button-separator"}),(0,Le.jsx)(u,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),(0,Le.jsxs)(Yr,{size:t,fillMode:e,section:!0,...o,children:[(0,Le.jsx)(ae,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),(0,Le.jsx)(u,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,Le.jsx)(Ft,{}),(0,Le.jsx)(fe,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),(0,Le.jsxs)(U,{fillMode:e,children:[(0,Le.jsx)(u,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,Le.jsx)(u,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,Le.jsx)(u,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});var Fn=require("react/jsx-runtime");var $n=require("react/jsx-runtime");var io=require("react/jsx-runtime"),Hh=ie.options,Kh=ie.states,gc={...ie.defaultOptions,variant:"default"},Dh=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Bh=[],dr=e=>{let{variant:t,...o}={...gc,...e};switch(t){case"responsive":return(0,io.jsx)("div",{children:(0,io.jsx)(Nc,{style:{width:"583px"},...o})});case"overlay":return(0,io.jsx)("div",{children:(0,io.jsx)(xc,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,io.jsx)("div",{children:(0,io.jsx)(hc,{style:{width:"583px"},...o})});default:return(0,io.jsx)("div",{children:(0,io.jsx)(fc,{style:{width:"583px"},...o})})}};dr.options=Hh;dr.states=Kh;dr.variants=Dh;dr.defaultOptions=gc;dr.modifiers=Bh;var vc=require("react/jsx-runtime"),kc="k-gantt-header",Uo=e=>(0,vc.jsx)(ie,{...e,className:r(e.className,kc,"k-gantt-toolbar"),children:e.children});Uo.className=kc;Uo.moduleName=ce;Uo.folderName=pe;var Cc=require("react/jsx-runtime"),Lc="k-gantt-footer",Fo=e=>(0,Cc.jsx)(ie,{...e,className:r(e.className,Lc,"k-gantt-toolbar"),children:e.children});Fo.className=Lc;Fo.moduleName=ce;Fo.folderName=pe;var Mc=require("react/jsx-runtime"),yc="k-gantt-content",$o=e=>(0,Mc.jsx)("div",{...e,className:r(e.className,yc),children:e.children});$o.className=yc;$o.moduleName=ce;$o.folderName=pe;var Sc=require("react/jsx-runtime"),wc="k-gantt-tables",Vo=e=>(0,Sc.jsx)("div",{...e,className:r(e.className,wc),children:e.children});Vo.className=wc;Vo.moduleName=ce;Vo.folderName=pe;var Ye="table",at=Ye;var Ec=require("react/jsx-runtime"),Ac="k-data-table",_h=[],zh={size:[m.undefined,m.small,m.medium,m.large]},Uh={},co=e=>{let{size:t,...o}=e;return(0,Ec.jsx)("div",{...o,className:r(e.className,Ac,O("k-table",{size:t})),children:e.children})};co.states=_h;co.options=zh;co.className=Ac;co.defaultOptions=Uh;co.moduleName=Ye;co.folderName=at;var Rc=require("react/jsx-runtime"),Vn="k-table-header-wrap",Fh=[s.hover,s.focus,s.disabled],$h={},Vh={},So=e=>{let{children:t,hover:o,focus:a,disabled:n,...i}=e;return(0,Rc.jsx)("div",{...i,className:r(e.className,Vn,H(Vn,{hover:o,focus:a,disabled:n})),children:t})};So.states=Fh;So.options=$h;So.className=Vn;So.defaultOptions=Vh;So.moduleName=Ye;So.folderName=at;var Ic=require("react/jsx-runtime"),Wn="k-table",Wh=[],Xh={size:[m.undefined,m.small,m.medium,m.large]},Jh={},Ce=e=>{let{size:t,...o}=e;return(0,Ic.jsx)("table",{...o,className:r(e.className,Wn,O(Wn,{size:t})),children:e.children})};Ce.states=Wh;Ce.options=Xh;Ce.className=Wn;Ce.defaultOptions=Jh;Ce.moduleName=Ye;Ce.folderName=at;var Qr=require("react/jsx-runtime"),Xn="k-table-header",qh=[s.hover,s.focus,s.disabled],Yh={},Qh={},po=e=>{let{children:t,hover:o,focus:a,disabled:n,...i}=e;return(0,Qr.jsx)("div",{...i,className:r(e.className,Xn,H(Xn,{hover:o,focus:a,disabled:n})),children:(0,Qr.jsx)(So,{children:(0,Qr.jsx)(Ce,{children:t})})})};po.states=qh;po.options=Yh;po.className=Xn;po.defaultOptions=Qh;po.moduleName=Ye;po.folderName=at;var Gc=require("react/jsx-runtime"),Oc="k-table-scroller",Zh=[],jh={},ex={},xa=e=>{let{children:t,...o}=e;return(0,Gc.jsx)("div",{...o,className:r(e.className,Oc),children:t})};xa.states=Zh;xa.options=jh;xa.className=Oc;xa.defaultOptions=ex;xa.moduleName=Ye;xa.folderName=at;var tx=require("react/jsx-runtime");var Hc=require("react/jsx-runtime"),Pc="k-table-footer",ox=[],ax={},rx={},Ao=e=>{let{children:t,...o}=e;return(0,Hc.jsx)("div",{...o,className:r(e.className,Pc),children:t})};Ao.states=ox;Ao.options=ax;Ao.className=Pc;Ao.defaultOptions=rx;Ao.moduleName=Ye;Ao.folderName=at;var Kc=require("react/jsx-runtime"),Jn="k-table-list",lx=[],nx={size:[m.undefined,m.small,m.medium,m.large]},sx={},Eo=e=>{let{size:t,virtualization:o,...a}=e;return(0,Kc.jsx)("ul",{...a,className:r(e.className,"k-table",Jn,O(Jn,{size:t}),{"k-virtual-table":o}),children:e.children})};Eo.states=lx;Eo.options=nx;Eo.className=Jn;Eo.defaultOptions=sx;Eo.moduleName=Ye;Eo.folderName=at;var Dc=require("react/jsx-runtime"),ix="k-table-thead",q=e=>(0,Dc.jsx)("thead",{className:r(e.className,ix),children:e.children});var Bc=require("react/jsx-runtime"),dx="k-table-tbody",V=e=>(0,Bc.jsx)("tbody",{className:r(e.className,dx),children:e.children});var cx=require("react/jsx-runtime");var _c=require("react/jsx-runtime"),qn="k-table-row",px=[s.hover,s.focus,s.selected,s.disabled,s.highlighted],h=e=>{let{hover:t,focus:o,selected:a,highlighted:n,disabled:i,alt:p,...T}=e;return(0,_c.jsx)("tr",{...T,className:r(e.className,qn,{"k-table-alt-row":p},H(qn,{hover:t,focus:o,disabled:i,selected:a,highlighted:n})),children:e.children})};h.states=px;h.className=qn;var zc=require("react/jsx-runtime"),Yn="k-table-row",mx=[s.hover,s.focus,s.selected,s.disabled],Zr=e=>{let{hover:t,focus:o,selected:a,disabled:n,alt:i,...p}=e;return(0,zc.jsx)("li",{...p,className:r(e.className,Yn,{"k-table-alt-row":i},H(Yn,{hover:t,focus:o,disabled:n,selected:a})),children:e.children})};Zr.states=mx;Zr.className=Yn;var Fc=require("react/jsx-runtime"),Uc="k-table-th",mo=e=>{let{text:t,colspan:o,rowspan:a,...n}=e,i=t\|\|e.children;return(0,Fc.jsx)("th",{colSpan:o,rowSpan:a,...n,className:r(e.className,Uc),children:i})};mo.className=Uc;mo.moduleName=Ye;mo.folderName=at;var ux=require("react/jsx-runtime");var $c=require("react/jsx-runtime"),Qn="k-table-td",bx=[s.focus,s.selected,s.highlighted],l=e=>{let{focus:t,selected:o,highlighted:a,text:n,colspan:i,rowspan:p,...T}=e,x=n\|\|e.children;return(0,$c.jsx)("td",{colSpan:i,rowSpan:p,...T,className:r(e.className,Qn,H(Qn,{focus:t,selected:o,highlighted:a})),children:x})};l.states=bx;l.className=Qn;var fx=require("react/jsx-runtime");var Tx=require("react/jsx-runtime");var hx=require("react/jsx-runtime");var xx=require("react/jsx-runtime");var Nx=require("react/jsx-runtime");var Wc=require("react/jsx-runtime");var Xc=require("react/jsx-runtime");var Jc=require("react/jsx-runtime");var Zn=require("react/jsx-runtime");var Yc=require("react/jsx-runtime"),qc="k-gantt-columns",Wo=e=>(0,Yc.jsx)(Ce,{...e,className:r(e.className,qc),children:e.children});Wo.className=qc;Wo.moduleName=ce;Wo.folderName=pe;var Zc=require("react/jsx-runtime"),Qc="k-gantt-rows",Xo=e=>(0,Zc.jsx)(Ce,{...e,className:r(e.className,Qc),children:e.children});Xo.className=Qc;Xo.moduleName=ce;Xo.folderName=pe;var ep=require("react/jsx-runtime"),jc="k-gantt-tasks",Jo=e=>(0,ep.jsx)(Ce,{...e,className:r(e.className,jc),children:e.children});Jo.className=jc;Jo.moduleName=ce;Jo.folderName=pe;var ap=require("react/jsx-runtime"),tp="k-task",Lx=[],Cx={},op={type:"single"},Be=e=>{let{type:t=op.type,...o}=e;return(0,ap.jsx)("div",{...o,className:r(e.className,tp,{"k-task-single":t==="single","k-task-milestone":t==="milestone","k-task-summary":t==="summary"})})};Be.states=Lx;Be.options=Cx;Be.className=tp;Be.defaultOptions=op;Be.moduleName=ce;Be.folderName=pe;var np=require("react/jsx-runtime"),rp="k-task-wrap",yx=[],Mx={},lp={type:"single"},_e=e=>{let{type:t=lp.type,...o}=e;return(0,np.jsx)("div",{...o,className:r(e.className,rp,{"k-milestone-wrap":t==="milestone","k-summary-wrap":t==="summary"})})};_e.states=yx;_e.options=Mx;_e.className=rp;_e.defaultOptions=lp;_e.moduleName=ce;_e.folderName=pe;var dp=require("react/jsx-runtime"),sp="k-task-dot",wx=[],Sx={},ip={position:"start"},de=e=>{let{position:t=ip.position,...o}=e;return(0,dp.jsx)("div",{...o,className:r(e.className,sp,{"k-task-start":t==="start","k-task-end":t==="end"})})};de.states=wx;de.options=Sx;de.className=sp;de.defaultOptions=ip;de.moduleName=ce;de.folderName=pe;var uo=require("react/jsx-runtime"),cp="k-task-content",Ax=[],Ex={},Rx={},Kt=e=>{let{content:t,...o}=e;return(0,uo.jsxs)("div",{...o,className:r(e.className,cp),children:[t&&(0,uo.jsx)("div",{className:"k-task-template",children:t}),(0,uo.jsx)("span",{className:"k-task-actions",children:(0,uo.jsx)("a",{className:"k-link k-task-delete",children:(0,uo.jsx)(b,{icon:"x"})})}),(0,uo.jsx)("span",{className:"k-resize-handle k-resize-w"}),(0,uo.jsx)("span",{className:"k-resize-handle k-resize-e"})]})};Kt.states=Ax;Kt.options=Ex;Kt.className=cp;Kt.defaultOptions=Rx;Kt.moduleName=ce;Kt.folderName=pe;var up=require("react/jsx-runtime"),pp="k-gantt-line",Ix=[],Ox={},mp={orientation:"horizontal"},Y=e=>{let{orientation:t=mp.orientation,...o}=e;return(0,up.jsx)("div",{...o,className:r(e.className,pp,{"k-gantt-line-h":t==="horizontal","k-gantt-line-v":t==="vertical"})})};Y.states=Ix;Y.options=Ox;Y.className=pp;Y.defaultOptions=mp;Y.moduleName=ce;Y.folderName=pe;var le="grid",se=le;var el=require("react/jsx-runtime"),jr="k-grid",Gx=[],Px={size:[m.undefined,m.small,m.medium,m.large]},Hx=[],bp={pagerPosition:"bottom"},Q=e=>{let{size:t,pagerPosition:o=bp.pagerPosition,toolbar:a,pager:n,groupingHeader:i,gridSelectionAggregates:p,_renderAriaRoot:T,resizable:x,...C}=e;return(0,el.jsxs)("div",{...C,className:r(e.className,jr,{[`${jr}-resizable`]:x},O(jr,{size:t})),children:[a,o==="top"&&n,i,e.children&&T?(0,el.jsx)("div",{className:"k-grid-aria-root",children:e.children}):e.children,p,o==="bottom"&&n]})};Q.states=Gx;Q.options=Px;Q.variants=Hx;Q.className=jr;Q.defaultOptions=bp;Q.moduleName=le;Q.folderName=se;var Tp=require("react/jsx-runtime"),fp="k-grid-header",X=e=>{let{draggable:t,...o}=e;return(0,Tp.jsx)("div",{...o,className:r(e.className,fp,{"k-grid-draggable-header":t}),children:e.children})};X.className=fp;X.moduleName=le;X.folderName=se;var cr=require("react/jsx-runtime"),hp="k-grouping-header",Ro=e=>{let{dropHint:t,dropClue:o,...a}=e;return(0,cr.jsxs)("div",{...a,className:r(e.className,hp),children:[o&&(0,cr.jsx)("div",{className:"k-grouping-dropclue"}),e.children,(0,cr.jsx)("div",{className:"k-grouping-drop-container",children:t})]})};Ro.className=hp;Ro.moduleName=le;Ro.folderName=se;var gp=require("react/jsx-runtime"),xp="k-grid-sticky-container",Np={position:"top"},tl=e=>{let{position:t=Np.position,...o}=e;return(0,gp.jsx)("div",{...o,className:r(e.className,xp,{"k-grid-sticky-top-container":t==="top","k-grid-sticky-bottom-container":t==="bottom"}),children:e.children})};tl.className=xp;tl.defaultProps=Np;tl.moduleName=le;tl.folderName=se;var vp=require("react/jsx-runtime"),kp="k-grid-header-table",J=e=>(0,vp.jsx)(Ce,{...e,className:r(e.className,kp),children:e.children});J.className=kp;J.moduleName=le;J.folderName=se;var yt=require("react/jsx-runtime"),jn="k-header",Kx=[s.hover,s.focus,s.active],Lp={sortIcon:"sort-asc-small"},S=e=>{let{menu:t,sortable:o,filterable:a,sticky:n,resizable:i,columnTitle:p,hover:T,focus:x,active:C,sortIcon:w=Lp.sortIcon,sortOrder:M,accessibleLabel:N,...R}=e;return(0,yt.jsxs)(mo,{...R,className:r(e.className,jn,{"k-filterable":t\|\|a,"k-sorted":o,"k-grid-header-sticky":n,"k-touch-action-none":i},H(jn,{hover:T,focus:x,active:C})),children:[p&&(0,yt.jsxs)("span",{className:"k-cell-inner",children:[(0,yt.jsxs)("span",{className:"k-link",children:[(0,yt.jsx)("span",{className:"k-column-title",children:p}),o&&(0,yt.jsx)("span",{className:"k-sort-icon",children:(0,yt.jsx)(b,{icon:w})}),M&&(0,yt.jsx)("span",{className:"k-sort-order",children:M})]}),t&&(0,yt.jsx)("a",{href:"#",className:r("k-grid-header-menu",{"k-active":C,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:(0,yt.jsx)(b,{icon:t==="filter"?"filter":"more-vertical"})})]}),!p&&N&&(0,yt.jsx)("span",{className:"k-sr-only",children:N}),e.children,i&&(0,yt.jsx)("span",{className:"k-column-resizer k-touch-action-none"})]})};S.states=Kx;S.className=jn;S.defaultOptions=Lp;S.moduleName=le;S.folderName=se;var yp=require("react/jsx-runtime"),Cp="k-grid-container",re=e=>(0,yp.jsx)("div",{...e,className:r(e.className,Cp),children:e.children});re.className=Cp;re.moduleName=le;re.folderName=se;var wp=require("react/jsx-runtime"),Mp="k-grid-content",Z=e=>(0,wp.jsx)("div",{...e,className:r(e.className,Mp),children:e.children});Z.className=Mp;Z.moduleName=le;Z.folderName=se;var Ap=require("react/jsx-runtime"),Sp="k-grid-table",te=e=>(0,Ap.jsx)(Ce,{...e,className:r(e.className,Sp),children:e.children});te.className=Sp;te.moduleName=le;te.folderName=se;var Rp=require("react/jsx-runtime"),Ep="k-grid-footer",es=e=>(0,Rp.jsx)("div",{...e,className:r(e.className,Ep),children:e.children});es.className=Ep;es.moduleName=le;es.folderName=se;var Op=require("react/jsx-runtime"),Ip="k-grid-footer-table",ts=e=>(0,Op.jsx)(Ce,{...e,className:r(e.className,Ip),children:e.children});ts.className=Ip;ts.moduleName=le;ts.folderName=se;var os="pager",Gp=os;var Te=require("react/jsx-runtime"),ol="k-pager",Dx=[s.focus,s.disabled],Bx={size:[m.undefined,m.small,m.medium,m.large]},Mt={responsive:!0,pagerSizeInfo:!0,pageTitleInfo:!0,maxPagesInfo:!0,type:"numeric",pageSizes:!0,refresh:!0,previousNext:!0,info:"1 - 5 of 20 items",itemsPerPage:5,maxPages:6,currentPage:1},ye=e=>{let{responsive:t=Mt.responsive,size:o,pagerSizeInfo:a=Mt.pagerSizeInfo,pageTitleInfo:n=Mt.pageTitleInfo,maxPagesInfo:i=Mt.maxPagesInfo,itemsPerPage:p=Mt.itemsPerPage,maxPages:T=Mt.maxPages,currentPage:x=Mt.currentPage,previousNext:C=Mt.previousNext,type:w=Mt.type,pageSizes:M=Mt.pageSizes,refresh:N=Mt.refresh,info:R=Mt.info,focus:E,disabled:P,dir:z,..._}=e,j=[],Ne=[];for(let Ae=1;Ae<=T;Ae++)j.push((0,Te.jsx)(u,{selected:Ae===x,fillMode:"flat",themeColor:"primary",size:o,children:Ae})),Ne.push((0,Te.jsx)("option",{selected:Ae===x,children:Ae}));return(0,Te.jsxs)("div",{dir:z,..._,className:r(e.className,ol,O(ol,{size:o}),H(ol,{focus:E,disabled:P}),{"k-pager-responsive":t}),children:[(0,Te.jsxs)("div",{className:r("k-pager-numbers-wrap"),children:[C&&(0,Te.jsxs)(Te.Fragment,{children:[(0,Te.jsx)(u,{className:r("k-pager-nav","k-pager-first"),disabled:x===1&&!P,fillMode:"flat",size:o,icon:z==="rtl"?"caret-alt-to-right":"caret-alt-to-left"}),(0,Te.jsx)(u,{className:r("k-pager-nav"),disabled:x===1&&!P,fillMode:"flat",size:o,icon:z==="rtl"?"caret-alt-right":"caret-alt-left"})]}),w==="numeric"&&(0,Te.jsx)("div",{className:r("k-pager-numbers"),children:j}),w==="input"&&(0,Te.jsxs)("span",{className:r("k-pager-input"),children:[n&&(0,Te.jsx)("span",{children:"Page"}),(0,Te.jsx)(ee,{value:`${x}`,size:o,showSpinButton:!1,showClearButton:!1}),(0,Te.jsx)("span",{children:i&&`of ${T}`})]}),C&&(0,Te.jsxs)(Te.Fragment,{children:[(0,Te.jsx)(u,{className:r("k-pager-nav"),disabled:x===T&&!P,fillMode:"flat",size:o,icon:z==="rtl"?"caret-alt-left":"caret-alt-right"}),(0,Te.jsx)(u,{className:r("k-pager-nav","k-pager-last"),disabled:x===T&&!P,fillMode:"flat",size:o,icon:z==="rtl"?"caret-alt-to-left":"caret-alt-to-right"})]})]}),M&&(0,Te.jsxs)("span",{className:r("k-pager-sizes"),children:[(0,Te.jsx)(be,{value:`${p}`,size:o}),a&&(0,Te.jsx)("span",{children:"items per page"})]}),N&&(0,Te.jsx)(u,{className:r("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw"}),R&&(0,Te.jsx)("span",{className:r("k-pager-info"),children:R})]})};ye.states=Dx;ye.options=Bx;ye.className=ol;ye.defaultOptions=Mt;ye.moduleName=os;ye.folderName=Gp;var _x=require("react/jsx-runtime");var zx=require("react/jsx-runtime");var Ux=require("react/jsx-runtime");var as=require("react/jsx-runtime"),Fx=ye.options,$x=ye.states,Vx={...ye.defaultOptions,variant:"numeric"},Wx=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],Xx=[],pr=e=>{let{variant:t,...o}=e;return t==="input"?(0,as.jsx)(ye,{...o,type:"input"}):(0,as.jsx)(ye,{...o,type:"numeric"})};pr.options=Fx;pr.states=$x;pr.variants=Wx;pr.defaultOptions=Vx;pr.modifiers=Xx;var Hp=require("react/jsx-runtime"),Pp="k-grid-pager",jt=e=>(0,Hp.jsx)(ye,{...e,className:r(e.className,Pp),children:e.children});jt.className=Pp;jt.moduleName=le;jt.folderName=se;var Dp=require("react/jsx-runtime"),Kp="k-grid-toolbar",bo=e=>(0,Dp.jsx)(ie,{...e,className:r(e.className,Kp),children:e.children});bo.className=Kp;bo.moduleName=le;bo.folderName=se;var Na=require("react/jsx-runtime"),rs="k-grid-stack-cell",Jx=[s.focus,s.selected],al=e=>{let{cellHeader:t,cellContent:o,edit:a,commandCell:n,dirty:i,focus:p,selected:T,...x}=e;return(0,Na.jsxs)("div",{...x,className:r(e.className,rs,{"k-grid-stack-edit-cell":a,"k-command-cell":n,"k-dirty-cell":i},H(rs,{focus:p,selected:T})),children:[i&&(0,Na.jsx)("span",{className:"k-dirty"}),t&&(0,Na.jsx)("div",{className:"k-grid-stack-header",children:t}),(0,Na.jsx)("div",{className:"k-grid-stack-content",children:o}),e.children]})};al.states=Jx;al.className=rs;al.moduleName=le;al.folderName=se;var _p=require("react/jsx-runtime"),Bp="k-grid-stack-row",rl=e=>{let{cols:t,...o}=e;return(0,_p.jsx)("div",{...o,className:r(e.className,Bp,{[`k-grid-cols-${t}`]:t}),children:e.children})};rl.className=Bp;rl.moduleName=le;rl.folderName=se;var ls=require("react/jsx-runtime");var ns=require("react/jsx-runtime");var ss=require("react/jsx-runtime");var L=require("react/jsx-runtime"),zp=({contentClassName:e,...t})=>(0,L.jsx)(Q,{_renderAriaRoot:!0,pager:(0,L.jsx)(jt,{refresh:!1}),children:(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(X,{children:(0,L.jsx)("div",{className:"k-grid-header-wrap",children:(0,L.jsxs)(J,{children:[(0,L.jsxs)("colgroup",{children:[(0,L.jsx)("col",{}),(0,L.jsx)("col",{style:{width:"225px"}}),(0,L.jsx)("col",{}),(0,L.jsx)("col",{}),(0,L.jsx)("col",{})]}),(0,L.jsxs)(q,{children:[(0,L.jsxs)(h,{children:[(0,L.jsx)(S,{rowspan:1,colspan:1,columnTitle:"Product Id"}),(0,L.jsx)(S,{rowspan:1,colspan:1,columnTitle:"Name"}),(0,L.jsx)(S,{rowspan:1,colspan:1,columnTitle:"Quantity"}),(0,L.jsx)(S,{rowspan:1,colspan:1,columnTitle:"Unit Price"}),(0,L.jsx)(S,{rowspan:1,colspan:1,columnTitle:"Discontinued"})]}),(0,L.jsxs)(h,{className:"k-filter-row",children:[(0,L.jsx)(l,{children:(0,L.jsx)("div",{className:"k-filtercell",children:(0,L.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,L.jsx)(ee,{}),(0,L.jsxs)("div",{className:"k-filtercell-operator",children:[(0,L.jsx)(be,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,L.jsx)(u,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,L.jsx)(l,{children:(0,L.jsx)("div",{className:"k-filtercell",children:(0,L.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,L.jsx)(ue,{}),(0,L.jsxs)("div",{className:"k-filtercell-operator",children:[(0,L.jsx)(be,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,L.jsx)(u,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,L.jsx)(l,{children:(0,L.jsx)("div",{className:"k-filtercell",children:(0,L.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,L.jsx)(ue,{}),(0,L.jsxs)("div",{className:"k-filtercell-operator",children:[(0,L.jsx)(be,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,L.jsx)(u,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,L.jsx)(l,{children:(0,L.jsx)("div",{className:"k-filtercell",children:(0,L.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,L.jsx)(ee,{}),(0,L.jsxs)("div",{className:"k-filtercell-operator",children:[(0,L.jsx)(be,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,L.jsx)(u,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,L.jsx)(l,{children:(0,L.jsx)("div",{className:"k-filtercell",children:(0,L.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,L.jsx)(be,{}),(0,L.jsx)("div",{className:"k-filtercell-operator",children:(0,L.jsx)(u,{disabled:!0,icon:"filter-clear"})})]})})})]})]})]})})}),(0,L.jsx)(re,{children:(0,L.jsx)(Z,{className:e,children:(0,L.jsxs)(te,{children:[(0,L.jsxs)("colgroup",{children:[(0,L.jsx)("col",{}),(0,L.jsx)("col",{style:{width:"225px"}}),(0,L.jsx)("col",{}),(0,L.jsx)("col",{}),(0,L.jsx)("col",{})]}),(0,L.jsxs)(V,{children:[(0,L.jsxs)(h,{className:"k-master-row",children:[(0,L.jsx)(l,{children:"1"}),(0,L.jsx)(l,{children:"Chai"}),(0,L.jsx)(l,{children:"10 boxes x 20 bags"}),(0,L.jsx)(l,{children:"18"}),(0,L.jsx)(l,{children:"false"})]}),(0,L.jsxs)(h,{className:"k-master-row",alt:!0,children:[(0,L.jsx)(l,{children:"2"}),(0,L.jsx)(l,{children:"Chang"}),(0,L.jsx)(l,{children:"24 - 12 oz bottles"}),(0,L.jsx)(l,{children:"19"}),(0,L.jsx)(l,{children:"false"})]}),(0,L.jsxs)(h,{className:"k-master-row",children:[(0,L.jsx)(l,{children:"3"}),(0,L.jsx)(l,{children:"Aniseed Syrup"}),(0,L.jsx)(l,{children:"12 - 550 ml bottles"}),(0,L.jsx)(l,{children:"10"}),(0,L.jsx)(l,{children:"false"})]}),(0,L.jsxs)(h,{className:"k-master-row",alt:!0,children:[(0,L.jsx)(l,{children:"4"}),(0,L.jsx)(l,{children:"Chef Anton's Cajun Seasoning"}),(0,L.jsx)(l,{children:"48 - 6 oz jars"}),(0,L.jsx)(l,{children:"22"}),(0,L.jsx)(l,{children:"false"})]}),(0,L.jsxs)(h,{className:"k-master-row",children:[(0,L.jsx)(l,{children:"5"}),(0,L.jsx)(l,{children:"Grandma's Boysenberry Spread"}),(0,L.jsx)(l,{children:"12 - 8 oz jars"}),(0,L.jsx)(l,{children:"25"}),(0,L.jsx)(l,{children:"false"})]})]})]})})})]}),...t});var mr=require("react/jsx-runtime"),qx="k-chip-action";var Oe=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=(0,mr.jsx)(b,{icon:"x-circle",size:"small"});break;case"more":a=(0,mr.jsx)(b,{icon:"more-vertical",size:"small"});break;default:return(0,mr.jsx)(b,{icon:t,size:"small"})}return(0,mr.jsx)("span",{...o,className:r(e.className,qx,`k-chip-${t}-action`),children:a})};var is="avatar",Up=is;var cs=require("react/jsx-runtime"),ur="k-avatar";var Yx=[s.hover,s.focus,s.active,s.selected,s.disabled],Qx={size:[m.undefined,m.small,m.medium,m.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[y.undefined,y.solid,y.outline],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info,k.light,k.dark,k.inverse]},ds={type:"text",border:!1},Tt=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:i=ds.type,border:p=ds.border,...T}=e;return(0,cs.jsx)("div",{...T,className:r(e.className,ur,O(ur,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${ur}-bordered`]:p}),children:(0,cs.jsx)("span",{className:`${ur}-${i}`,children:e.children})})};Tt.states=Yx;Tt.options=Qx;Tt.className=ur;Tt.defaultOptions=ds;Tt.moduleName=is;Tt.folderName=Up;Tt.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var qo=Tt;var $p=require("react/jsx-runtime"),Fp=e=>(0,$p.jsx)(qo,{type:"icon",...e});var Wp=require("react/jsx-runtime"),Vp=e=>(0,Wp.jsx)(qo,{type:"text",...e});var Jp=require("react/jsx-runtime"),Xp=e=>(0,Jp.jsx)(qo,{type:"image",...e});var Zx=require("react/jsx-runtime");var ga=require("react/jsx-runtime"),jx=Tt.options,eN=Tt.states,tN={...Tt.defaultOptions,variant:"image"},oN=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],aN=[],br=e=>{let{variant:t,...o}=e;switch(t){case"icon":return(0,ga.jsx)(Fp,{...o,children:(0,ga.jsx)(b,{icon:"star"})});case"text":return(0,ga.jsx)(Vp,{...o,children:"JO"});default:return(0,ga.jsx)(Xp,{...o,children:(0,ga.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};br.options=jx;br.states=eN;br.variants=oN;br.defaultOptions=tN;br.modifiers=aN;var fr="chip",ll=fr;var fo=require("react/jsx-runtime"),nl="k-chip",rN=[s.hover,s.focus,s.active,s.selected,s.disabled],lN={size:[m.undefined,m.small,m.medium,m.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[y.undefined,y.solid,y.outline],themeColor:[k.undefined,k.base,k.success,k.warning,k.error,k.info]},qp={avatarImage:"/packages/html/assets/avatar.jpg"},Ge=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,text:i,icon:p,actions:T,showAvatar:x,avatarImage:C=qp.avatarImage,hover:w,focus:M,active:N,selected:R,disabled:E,...P}=e;return(0,fo.jsxs)("div",{...P,className:r(e.className,nl,O(nl,{size:t,rounded:o,fillMode:a,themeColor:n}),H(nl,{hover:w,focus:M,active:N,disabled:E,selected:R})),role:e.role\|\|"button","aria-pressed":e.role==="option"?void 0:R?"true":"false","aria-selected":e.role==="option"?R?"true":"false":void 0,"aria-disabled":E?"true":void 0,children:[p&&(0,fo.jsx)(b,{className:"k-chip-icon",icon:p,size:"small"}),x&&(0,fo.jsx)(Tt,{className:"k-chip-avatar",type:"image",children:(0,fo.jsx)("img",{src:C,alt:""})}),(0,fo.jsx)("span",{className:"k-chip-content",children:e.children?e.children:i&&(0,fo.jsx)("span",{className:"k-chip-label",children:i})}),T&&(0,fo.jsx)("span",{className:"k-chip-actions",children:T})]})};Ge.states=rN;Ge.options=lN;Ge.className=nl;Ge.defaultOptions=qp;Ge.moduleName=fr;Ge.folderName=ll;Ge.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 Dt=Ge;var Yp=require("react/jsx-runtime"),ps="k-chip-list",nN=[],sN={size:[m.undefined,m.small,m.medium,m.large]},iN={},Pe=e=>{let{size:t,multiselectable:o,ariaLabel:a,...n}=e;return(0,Yp.jsx)("div",{...n,className:r(e.className,ps,O(ps,{size:t})),role:"listbox","aria-label":a\|\|"chip list","aria-orientation":"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};Pe.states=nN;Pe.options=sN;Pe.className=ps;Pe.defaultOptions=iN;Pe.moduleName=fr;Pe.folderName=ll;Pe.ariaSpec={selector:".k-chip-list",rules:[{selector:".k-chip-list",attribute:"role=listbox",usage:"Announces the list role of the chip list."},{selector:".k-chip-list",attribute:"aria-label or aria-labelledby",usage:"Adds label to the ChipList element. ListBox element requires an accessible name."},{selector:".k-chip-list",attribute:"aria-orientation=horizontal",usage:"Specifies the horizontal orientation of the chiplist."},{selector:".k-chip-list",attribute:"aria-multiselectable=true (when multiple selection)",usage:"Announces the multiple selection ability of the chiplist."},{selector:".k-chip-list .k-chip",attribute:"role=option",usage:"Announces the chip is an option inner component of the chip list."},{selector:".k-chip-list .k-chip.k-selected",attribute:"aria-selected=true",usage:"Announces the chip is selected."},{selector:".k-chip-list .k-chip:not(.k-selected)",attribute:"aria-selected=false",usage:"Announces the chip is not selected."},{selector:".k-chip-list .k-chip:has(.k-i-x-circle), .k-chip-list .k-chip:has(.k-svg-i-x-circle)",attribute:"aria-keyshortcuts=Enter Delete",usage:"Announces the Delete action along with the default Enter key."}]};var dN=require("react/jsx-runtime");var cN=require("react/jsx-runtime");var Qp=require("react/jsx-runtime"),sl=e=>(0,Qp.jsx)(Dt,{text:"text",...e});var pN=require("react/jsx-runtime");var mN=require("react/jsx-runtime");var ms=require("react/jsx-runtime");var Zp=require("react/jsx-runtime");var jp=require("react/jsx-runtime");var em=require("react/jsx-runtime");var To=require("react/jsx-runtime"),uN={...Dt.options,...Pe.options},bN=[],fN=Pe.states,TN={...Dt.defaultOptions,...Pe.defaultOptions},hN=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],Tr=e=>{let{modifiers:t,className:o,...a}=e,n=t==null?void 0:t.icon,i=t==null?void 0:t.actions,p=t==null?void 0:t.avatar;return(0,To.jsxs)(Pe,{size:a.size,className:o,children:[(0,To.jsx)(sl,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:n?"star":void 0,actions:i?(0,To.jsx)(Oe,{type:"remove"}):void 0,showAvatar:p,children:"Chip"}),(0,To.jsx)(sl,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:n?"star":void 0,actions:i?(0,To.jsx)(Oe,{type:"remove"}):void 0,showAvatar:p,children:"Chip"}),(0,To.jsx)(sl,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:n?"star":void 0,actions:i?(0,To.jsx)(Oe,{type:"remove"}):void 0,showAvatar:p,children:"Chip"})]})};Tr.options=uN;Tr.states=fN;Tr.variants=bN;Tr.defaultOptions=TN;Tr.modifiers=hN;var il=require("react/jsx-runtime"),xN=Ge.states,NN=Ge.defaultOptions,gN=Ge.options,kN=[],vN=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],hr=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"icon":a.icon=t!=null&&t[n]?"arrow-down":void 0;break;case"avatar":a.showAvatar=!!(t!=null&&t[n]),a.avatarImage=t!=null&&t[n]?"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg":void 0;break;case"more-options":a.actions\|\|(a.actions=[]),a.actions[0]=t!=null&&t[n]?(0,il.jsx)(Oe,{type:"more"}):void 0;break;case"remove-icon":a.actions\|\|(a.actions=[]),a.actions[1]=t!=null&&t[n]?(0,il.jsx)(Oe,{type:"remove"}):void 0;break;default:break}}),(0,il.jsx)(Ge,{...o,...a,children:"Chip component"})};hr.options=gN;hr.states=xN;hr.variants=kN;hr.defaultOptions=NN;hr.modifiers=vN;var I=require("react/jsx-runtime"),tm=({dropClue:e,contentClassName:t,...o})=>(0,I.jsx)(Q,{_renderAriaRoot:!0,groupingHeader:(0,I.jsx)(Ro,{dropClue:e,children:(0,I.jsxs)(Pe,{children:[(0,I.jsx)(Ge,{icon:"sort-asc-small",text:"ID",actions:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(Oe,{type:"more"}),(0,I.jsx)(Oe,{type:"remove"})]})}),(0,I.jsx)(Ge,{icon:"sort-desc-small",text:"Name",actions:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(Oe,{type:"more"}),(0,I.jsx)(Oe,{type:"remove"})]})})]})}),children:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(X,{draggable:!0,children:(0,I.jsx)("div",{className:"k-grid-header-wrap",children:(0,I.jsxs)(J,{children:[(0,I.jsxs)("colgroup",{children:[(0,I.jsx)("col",{className:"k-group-col"}),(0,I.jsx)("col",{className:"k-group-col"}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{})]}),(0,I.jsx)(q,{children:(0,I.jsxs)(h,{children:[(0,I.jsx)(S,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),(0,I.jsx)(S,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),(0,I.jsx)(S,{colspan:1,columnTitle:"ID"}),(0,I.jsx)(S,{colspan:1,columnTitle:"Name"}),(0,I.jsx)(S,{colspan:1,columnTitle:"Price"}),(0,I.jsx)(S,{colspan:1,columnTitle:"Category"})]})})]})})}),(0,I.jsx)(re,{children:(0,I.jsx)(Z,{className:t,children:(0,I.jsxs)(te,{children:[(0,I.jsxs)("colgroup",{children:[(0,I.jsx)("col",{className:"k-group-col"}),(0,I.jsx)("col",{className:"k-group-col"}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{})]}),(0,I.jsxs)(V,{children:[(0,I.jsx)(h,{className:"k-table-group-row k-grouping-row",children:(0,I.jsx)(l,{colspan:6,children:(0,I.jsxs)("p",{className:"k-reset",children:[(0,I.jsx)(b,{icon:"caret-alt-right"}),"ID: 1"]})})}),(0,I.jsx)(h,{className:"k-table-group-row k-grouping-row",children:(0,I.jsx)(l,{colspan:6,children:(0,I.jsxs)("p",{className:"k-reset",children:[(0,I.jsx)(b,{icon:"caret-alt-down"}),"ID: 2"]})})}),(0,I.jsxs)(h,{className:"k-table-group-row k-grouping-row",children:[(0,I.jsx)(l,{className:"k-table-group-td k-group-cell"}),(0,I.jsx)(l,{colspan:5,children:(0,I.jsxs)("p",{className:"k-reset",children:[(0,I.jsx)(b,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),(0,I.jsxs)(h,{className:"k-master-row",alt:!0,children:[(0,I.jsx)(l,{className:"k-table-group-td k-group-cell"}),(0,I.jsx)(l,{className:"k-table-group-td k-group-cell"}),(0,I.jsx)(l,{colspan:0,children:"2"}),(0,I.jsx)(l,{colspan:0,children:"Chang"}),(0,I.jsx)(l,{colspan:0,children:"$19.00"}),(0,I.jsx)(l,{colspan:0,children:"Beverages"})]})]})]})})})]}),...o});var us=require("react/jsx-runtime");var bs=require("react/jsx-runtime");var fs=require("react/jsx-runtime");var K=require("react/jsx-runtime"),om=({headerWrapClassName:e,contentClassName:t,...o})=>(0,K.jsx)(Q,{_renderAriaRoot:!0,children:(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(X,{children:(0,K.jsx)("div",{className:`k-grid-header-wrap ${e}`,children:(0,K.jsxs)(J,{children:[(0,K.jsxs)("colgroup",{children:[(0,K.jsx)("col",{}),(0,K.jsx)("col",{}),(0,K.jsx)("col",{}),(0,K.jsx)("col",{})]}),(0,K.jsxs)(q,{children:[(0,K.jsxs)(h,{children:[(0,K.jsx)(S,{rowspan:3,colspan:1,columnTitle:"ID"}),(0,K.jsx)(S,{rowspan:1,colspan:3,columnTitle:"Product Information"})]}),(0,K.jsxs)(h,{children:[(0,K.jsx)(S,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first"}),(0,K.jsx)(S,{rowspan:1,colspan:2,columnTitle:"Unit"})]}),(0,K.jsxs)(h,{children:[(0,K.jsx)(S,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first"}),(0,K.jsx)(S,{rowspan:1,colspan:1,columnTitle:"Units Price"})]})]})]})})}),(0,K.jsx)(re,{children:(0,K.jsx)(Z,{className:t,children:(0,K.jsxs)(te,{children:[(0,K.jsxs)("colgroup",{children:[(0,K.jsx)("col",{}),(0,K.jsx)("col",{}),(0,K.jsx)("col",{}),(0,K.jsx)("col",{})]}),(0,K.jsxs)(V,{children:[(0,K.jsxs)(h,{className:"k-master-row",children:[(0,K.jsx)(l,{children:"1"}),(0,K.jsx)(l,{children:"Chai"}),(0,K.jsx)(l,{children:"39"}),(0,K.jsx)(l,{children:"18"})]}),(0,K.jsxs)(h,{className:"k-master-row",alt:!0,children:[(0,K.jsx)(l,{children:"2"}),(0,K.jsx)(l,{children:"Chang"}),(0,K.jsx)(l,{children:"17"}),(0,K.jsx)(l,{children:"19"})]}),(0,K.jsxs)(h,{className:"k-master-row",children:[(0,K.jsx)(l,{children:"3"}),(0,K.jsx)(l,{children:"Aniseed Syrup"}),(0,K.jsx)(l,{children:"13"}),(0,K.jsx)(l,{children:"10"})]}),(0,K.jsxs)(h,{className:"k-master-row",alt:!0,children:[(0,K.jsx)(l,{children:"4"}),(0,K.jsx)(l,{children:"Chef Anton's Cajun Seasoning"}),(0,K.jsx)(l,{children:"53"}),(0,K.jsx)(l,{children:"22"})]}),(0,K.jsxs)(h,{className:"k-master-row",children:[(0,K.jsx)(l,{children:"5"}),(0,K.jsx)(l,{children:"Chef Anton's Gumbo Mix"}),(0,K.jsx)(l,{children:"0"}),(0,K.jsx)(l,{children:"21.35"})]})]})]})})})]}),...o});var Ts=require("react/jsx-runtime");var hs=require("react/jsx-runtime");var B=require("react/jsx-runtime"),am=e=>(0,B.jsx)(Q,{_renderAriaRoot:!0,toolbar:(0,B.jsxs)(bo,{children:[(0,B.jsx)(u,{children:"Add new"}),(0,B.jsx)(u,{children:"Save Changes"}),(0,B.jsx)(u,{children:"Cancel Changes"})]}),children:(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(X,{children:(0,B.jsx)("div",{className:"k-grid-header-wrap",children:(0,B.jsxs)(J,{children:[(0,B.jsxs)("colgroup",{children:[(0,B.jsx)("col",{}),(0,B.jsx)("col",{}),(0,B.jsx)("col",{}),(0,B.jsx)("col",{style:{width:"300px"}})]}),(0,B.jsx)(q,{children:(0,B.jsxs)(h,{children:[(0,B.jsx)(S,{columnTitle:"Name"}),(0,B.jsx)(S,{columnTitle:"Price"}),(0,B.jsx)(S,{columnTitle:"Available"}),(0,B.jsx)(S,{accessibleLabel:"Commands"})]})})]})})}),(0,B.jsx)(re,{children:(0,B.jsx)(Z,{children:(0,B.jsx)("div",{children:(0,B.jsxs)(te,{children:[(0,B.jsxs)("colgroup",{children:[(0,B.jsx)("col",{}),(0,B.jsx)("col",{}),(0,B.jsx)("col",{}),(0,B.jsx)("col",{style:{width:"300px"}})]}),(0,B.jsxs)(V,{children:[(0,B.jsxs)(h,{className:"k-master-row k-grid-add-row k-grid-edit-row",children:[(0,B.jsx)(l,{children:(0,B.jsx)(ue,{value:"Towel"})}),(0,B.jsx)(l,{children:(0,B.jsx)(ee,{value:"42"})}),(0,B.jsx)(l,{children:(0,B.jsx)(mt,{})}),(0,B.jsxs)(l,{className:"k-command-cell",children:[(0,B.jsx)(u,{children:"Add"}),(0,B.jsx)(u,{children:"Cancel"})]})]}),(0,B.jsxs)(h,{className:"k-master-row",children:[(0,B.jsx)(l,{children:"Chai"}),(0,B.jsx)(l,{children:"18"}),(0,B.jsx)(l,{children:"false"}),(0,B.jsx)(l,{className:"k-command-cell",children:(0,B.jsx)(u,{children:"Remove"})})]}),(0,B.jsxs)(h,{className:"k-master-row",alt:!0,children:[(0,B.jsx)(l,{children:"Chang"}),(0,B.jsx)(l,{children:"19"}),(0,B.jsx)(l,{children:"false"}),(0,B.jsx)(l,{className:"k-command-cell",children:(0,B.jsx)(u,{children:"Remove"})})]})]})]})})})})]}),...e});var xs=require("react/jsx-runtime");var f=require("react/jsx-runtime"),LN=Q.options,CN=Q.states,rm={...Q.defaultOptions,variant:"normal"},yN=[{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"}],MN=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],xr=e=>{let{variant:t,modifiers:o,...a}={...rm,...e},n={toolbar:void 0,pager:void 0},i=(0,f.jsxs)(bo,{children:[(0,f.jsx)(u,{icon:"plus",children:"Add New"}),(0,f.jsx)(u,{icon:"file-pdf",children:"Export to PDF"}),(0,f.jsx)("span",{className:"k-spacer"}),(0,f.jsx)(ue,{prefix:(0,f.jsx)(b,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),p=(0,f.jsx)(ye,{pageSizes:!1,refresh:!1});Object.keys(o\|\|{}).forEach(C=>{switch(C){case"toolbar":n.toolbar=o!=null&&o[C]?i:void 0;break;case"pager":n.pager=o!=null&&o[C]?p:void 0;break;default:return}});let T={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},x=(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(X,{children:(0,f.jsx)("div",{className:"k-grid-header-wrap",children:(0,f.jsxs)(J,{children:[(0,f.jsxs)("colgroup",{children:[(0,f.jsx)("col",{}),(0,f.jsx)("col",{}),(0,f.jsx)("col",{}),(0,f.jsx)("col",{})]}),(0,f.jsx)(q,{children:(0,f.jsxs)(h,{children:[(0,f.jsx)(S,{...T[t],columnTitle:"ID"}),(0,f.jsx)(S,{...T[t],columnTitle:"Product Name"}),(0,f.jsx)(S,{...T[t],columnTitle:"Units in Stock"}),(0,f.jsx)(S,{...T[t],columnTitle:"Units Price"})]})})]})})}),(0,f.jsx)(re,{children:(0,f.jsx)(Z,{children:(0,f.jsxs)(te,{children:[(0,f.jsxs)("colgroup",{children:[(0,f.jsx)("col",{}),(0,f.jsx)("col",{}),(0,f.jsx)("col",{}),(0,f.jsx)("col",{})]}),(0,f.jsxs)(V,{children:[(0,f.jsxs)(h,{children:[(0,f.jsx)(l,{children:"1"}),(0,f.jsx)(l,{children:"Chai"}),(0,f.jsx)(l,{children:"39"}),(0,f.jsx)(l,{children:"18"})]}),(0,f.jsxs)(h,{className:"k-alt",alt:!0,children:[(0,f.jsx)(l,{children:"2"}),(0,f.jsx)(l,{children:"Chang"}),(0,f.jsx)(l,{children:"17"}),(0,f.jsx)(l,{children:"19"})]}),(0,f.jsxs)(h,{children:[(0,f.jsx)(l,{children:"3"}),(0,f.jsx)(l,{children:"Aniseed Syrup"}),(0,f.jsx)(l,{children:"13"}),(0,f.jsx)(l,{children:"10"})]}),(0,f.jsxs)(h,{className:"k-alt",alt:!0,children:[(0,f.jsx)(l,{children:"4"}),(0,f.jsx)(l,{children:"Chef Anton's Cajun Seasoning"}),(0,f.jsx)(l,{children:"53"}),(0,f.jsx)(l,{children:"22"})]}),(0,f.jsxs)(h,{children:[(0,f.jsx)(l,{children:"5"}),(0,f.jsx)(l,{children:"Chef Anton's Gumbo Mix"}),(0,f.jsx)(l,{children:"0"}),(0,f.jsx)(l,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return(0,f.jsx)(om,{...a,...n});case"editing":return(0,f.jsx)(am,{...a,...n});case"grouping":return(0,f.jsx)(tm,{...a,...n,groupingHeader:(0,f.jsx)(Ro,{children:(0,f.jsxs)(Pe,{children:[(0,f.jsx)(Ge,{icon:"sort-asc-small",actions:(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(Oe,{type:"more"}),(0,f.jsx)(Oe,{type:"remove"})]}),children:"ID"}),(0,f.jsx)(Ge,{icon:"sort-desc-small",actions:(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(Oe,{type:"more"}),(0,f.jsx)(Oe,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return(0,f.jsx)(Q,{...a,...n,children:(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(X,{children:(0,f.jsxs)("div",{className:"k-grid-header-wrap",children:[" ",(0,f.jsxs)(J,{children:[(0,f.jsxs)("colgroup",{children:[(0,f.jsx)("col",{className:"k-drag-col"}),(0,f.jsx)("col",{}),(0,f.jsx)("col",{}),(0,f.jsx)("col",{}),(0,f.jsx)("col",{})]}),(0,f.jsx)(q,{children:(0,f.jsxs)(h,{children:[(0,f.jsx)(S,{className:"k-drag-cell",accessibleLabel:"Reorder"}),(0,f.jsx)(S,{columnTitle:"ID"}),(0,f.jsx)(S,{columnTitle:"Product Name"}),(0,f.jsx)(S,{columnTitle:"Units in Stock"}),(0,f.jsx)(S,{columnTitle:"Units Price"})]})})]})]})}),(0,f.jsx)(re,{children:(0,f.jsx)(Z,{children:(0,f.jsxs)(te,{children:[(0,f.jsxs)("colgroup",{children:[(0,f.jsx)("col",{className:"k-drag-col"}),(0,f.jsx)("col",{}),(0,f.jsx)("col",{}),(0,f.jsx)("col",{}),(0,f.jsx)("col",{})]}),(0,f.jsxs)(V,{children:[(0,f.jsxs)(h,{children:[(0,f.jsx)(l,{className:"k-drag-cell",children:(0,f.jsx)(b,{icon:"reorder"})}),(0,f.jsx)(l,{children:"1"}),(0,f.jsx)(l,{children:"Chai"}),(0,f.jsx)(l,{children:"39"}),(0,f.jsx)(l,{children:"18"})]}),(0,f.jsxs)(h,{className:"k-alt",alt:!0,children:[(0,f.jsx)(l,{className:"k-drag-cell",children:(0,f.jsx)(b,{icon:"reorder"})}),(0,f.jsx)(l,{children:"2"}),(0,f.jsx)(l,{children:"Chang"}),(0,f.jsx)(l,{children:"17"}),(0,f.jsx)(l,{children:"19"})]}),(0,f.jsxs)(h,{children:[(0,f.jsx)(l,{className:"k-drag-cell",children:(0,f.jsx)(b,{icon:"reorder"})}),(0,f.jsx)(l,{children:"3"}),(0,f.jsx)(l,{children:"Aniseed Syrup"}),(0,f.jsx)(l,{children:"13"}),(0,f.jsx)(l,{children:"10"})]}),(0,f.jsxs)(h,{className:"k-alt",alt:!0,children:[(0,f.jsx)(l,{className:"k-drag-cell",children:(0,f.jsx)(b,{icon:"reorder"})}),(0,f.jsx)(l,{children:"4"}),(0,f.jsx)(l,{children:"Chef Anton's Cajun Seasoning"}),(0,f.jsx)(l,{children:"53"}),(0,f.jsx)(l,{children:"22"})]}),(0,f.jsxs)(h,{children:[(0,f.jsx)(l,{className:"k-drag-cell",children:(0,f.jsx)(b,{icon:"reorder"})}),(0,f.jsx)(l,{children:"5"}),(0,f.jsx)(l,{children:"Chef Anton's Gumbo Mix"}),(0,f.jsx)(l,{children:"0"}),(0,f.jsx)(l,{children:"21.35"})]})]})]})})})]})});case"filter-row":return(0,f.jsx)(zp,{...a,...n});default:return(0,f.jsx)(Q,{...a,...n,children:x})}};xr.options=LN;xr.states=CN;xr.variants=yN;xr.defaultOptions=rm;xr.modifiers=MN;var lm=require("react/jsx-runtime"),Yo="k-pane",wN=[],SN={},Ns={resizable:!0,flex:!1},He=e=>{let{scrollable:t,flexBasis:o,flex:a=Ns.flex,collapsible:n,resizable:i=Ns.resizable,pinned:p,unpinned:T,tabbed:x,...C}=e;return(0,lm.jsx)("div",{...C,style:{flexBasis:o,...e.style},className:r(e.className,Yo,{[`${Yo}-static`]:o,[`${Yo}-flex`]:a,"k-scrollable":t,[`${Yo}-pinned`]:p,[`${Yo}-unpinned`]:T,[`${Yo}-tabbed`]:x}),role:"group",children:e.children})};He.states=wN;He.options=SN;He.className=Yo;He.defaultOptions=Ns;var wt=require("react/jsx-runtime"),ka="k-splitbar",AN=[s.hover,s.focus],EN={},gs={orientation:"horizontal",draggable:!0},va=e=>{let{hover:t,focus:o,orientation:a=gs.orientation,draggable:n=gs.draggable,collapsePrev:i,collapseNext:p,ariaLabel:T,...x}=e;return(0,wt.jsxs)("div",{...x,className:r(e.className,ka,H(ka,{hover:t,focus:o}),{[`${ka}-${a}`]:a,[`${ka}-draggable-${a}`]:n,[`${ka}-static-${a}`]:!n&&!i&&!p}),role:"separator","aria-label":T,...a==="horizontal"&&{"aria-orientation":"vertical"},"aria-keyshortcuts":"ArrowLeft ArrowRight ArrowUp ArrowDown",children:[i&&(0,wt.jsx)(wt.Fragment,{children:(0,wt.jsx)("div",{className:"k-collapse-prev",children:(0,wt.jsx)(b,{icon:`caret-alt-${a==="horizontal"?"left":"up"}`,size:"xsmall"})})}),(0,wt.jsx)("div",{className:"k-resize-handle"}),p&&(0,wt.jsx)(wt.Fragment,{children:(0,wt.jsx)("div",{className:"k-collapse-next",children:(0,wt.jsx)(b,{icon:`caret-alt-${a==="horizontal"?"right":"down"}`,size:"xsmall"})})})]})};va.states=AN;va.options=EN;va.className=ka;va.defaultOptions=gs;var ks="splitter",nm=ks;var dl=require("react/jsx-runtime"),im=require("react"),vs="k-splitter",RN={},sm={orientation:"horizontal"},ze=e=>{let{orientation:t=sm.orientation,children:o,panes:a,...n}=e,i=[];return a&&a.forEach((p,T)=>{let x=a[T+1],C=p.props,w=x==null?void 0:x.props;i.push((0,im.createElement)(He,{...C,key:T})),x&&i.push((0,dl.jsx)(va,{draggable:C.resizable!==!1&&w.resizable!==!1,collapsePrev:C.collapsible,collapseNext:w.collapsible,orientation:t,ariaLabel:"Pane separator"},`splitbar-${T}`))}),(0,dl.jsxs)("div",{...n,className:r(e.className,vs,{[`${vs}-${t}`]:t},"k-splitter-flex"),children:[i,o]})};ze.options=RN;ze.className=vs;ze.defaultOptions=sm;ze.moduleName=ks;ze.folderName=nm;ze.ariaSpec={selector:".k-splitter",rules:[{selector:".k-pane",attribute:"role=group",usage:"Sets the proper role for the Splitter pane."},{selector:".k-splitbar",attribute:"role=separator",usage:"Sets the proper role for the Splitter split-bar element."},{selector:".k-splitbar",attribute:"aria-label",usage:"An accessible name for the separator."},{selector:".k-splitbar-horizontal",attribute:"aria-orientation=vertical",usage:"When a splitbar separates two panes horizontally, its aria-orientation must be explicitly set to vertical."},{selector:".k-splitbar",attribute:"aria-keyshortcuts",usage:"Announces available keyboard shortcuts."}]};var dm=require("react/jsx-runtime");var cm=require("react/jsx-runtime");var Qo=require("react/jsx-runtime"),Nr=require("react"),IN=ze.options,ON=ze.states,pm={...ze.defaultOptions,variant:"horizontal",firstPaneProps:!0,secondPaneProps:!0},GN=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],PN=[{name:"firstPaneProps",title:"Collapsible Left"},{name:"secondPaneProps",title:"Collapsible Right"}],gr=e=>{let{variant:t,modifiers:o,...a}={...pm,...e},n=x=>({collapsible:x,content:x?"Resizable and collapsible":"Resizable only"}),i=n(!0),p=n(!0),T={display:"flex",justifyContent:"center",alignItems:"center"};return Object.keys(o\|\|{}).forEach(x=>{let C=o==null?void 0:o[x];switch(x){case"secondPaneProps":p=n(!!C);break;case"firstPaneProps":i=n(!!C);break;default:break}}),t==="vertical"?(0,Qo.jsx)(ze,{style:{height:"238px"},...a,orientation:"vertical",panes:[(0,Nr.createElement)(He,{...i,flexBasis:"50%",style:T,key:"pane-1"},(0,Qo.jsx)("p",{children:i.content})),(0,Nr.createElement)(He,{...p,flexBasis:"50%",style:T,key:"pane-2"},(0,Qo.jsx)("p",{children:p.content}))]}):(0,Qo.jsx)(ze,{style:{height:"238px"},...a,orientation:"horizontal",panes:[(0,Nr.createElement)(He,{...i,flexBasis:"50%",style:T,key:"pane-1"},(0,Qo.jsx)("p",{children:i.content})),(0,Nr.createElement)(He,{...p,flexBasis:"50%",style:T,key:"pane-2"},(0,Qo.jsx)("p",{children:p.content}))]})};gr.options=IN;gr.states=ON;gr.variants=GN;gr.defaultOptions=pm;gr.modifiers=PN;var Ls="treelist",mm=Ls;var bm=require("react/jsx-runtime"),um="k-treelist",HN=[],KN={},DN={},Ke=e=>(0,bm.jsx)(Q,{...e,className:r(um,e.className),children:e.children});Ke.states=HN;Ke.options=KN;Ke.className=um;Ke.defaultOptions=DN;Ke.moduleName=Ls;Ke.folderName=mm;var D=require("react/jsx-runtime"),Zo=({gridHeader:e,gridContent:t,menu:o,...a})=>(0,D.jsxs)(Ke,{id:"treelist",_renderAriaRoot:!0,...a,children:[e\|\|(0,D.jsx)(X,{children:(0,D.jsx)("div",{className:"k-grid-header-wrap",children:(0,D.jsxs)(J,{children:[(0,D.jsxs)("colgroup",{children:[(0,D.jsx)("col",{}),(0,D.jsx)("col",{}),(0,D.jsx)("col",{})]}),(0,D.jsx)(q,{children:(0,D.jsxs)(h,{children:[(0,D.jsx)(S,{menu:o,columnTitle:"Name"}),(0,D.jsx)(S,{menu:o,columnTitle:"Position"}),(0,D.jsx)(S,{menu:o,columnTitle:"Hire Date"})]})})]})})}),(0,D.jsx)(re,{children:t\|\|(0,D.jsx)(Z,{children:(0,D.jsxs)(te,{children:[(0,D.jsxs)("colgroup",{children:[(0,D.jsx)("col",{}),(0,D.jsx)("col",{}),(0,D.jsx)("col",{})]}),(0,D.jsxs)(V,{children:[(0,D.jsxs)(h,{children:[(0,D.jsxs)(l,{children:[(0,D.jsx)(b,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),(0,D.jsx)(l,{children:"Sweeney"}),(0,D.jsx)(l,{children:"CEO"})]}),(0,D.jsxs)(h,{alt:!0,children:[(0,D.jsxs)(l,{children:[(0,D.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,D.jsx)(b,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),(0,D.jsx)(l,{children:"Wooten"}),(0,D.jsx)(l,{children:"Chief Technical Officer"})]}),(0,D.jsxs)(h,{children:[(0,D.jsxs)(l,{children:[(0,D.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,D.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,D.jsx)(b,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),(0,D.jsx)(l,{children:"Weber"}),(0,D.jsx)(l,{children:"VP, Engineering"})]}),(0,D.jsxs)(h,{alt:!0,children:[(0,D.jsxs)(l,{children:[(0,D.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,D.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,D.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,D.jsx)(b,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),(0,D.jsx)(l,{children:"Hood"}),(0,D.jsx)(l,{children:"Team Lead"})]}),(0,D.jsxs)(h,{children:[(0,D.jsxs)(l,{children:[(0,D.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,D.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,D.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,D.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,D.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),(0,D.jsx)(l,{children:"Carr"}),(0,D.jsx)(l,{children:"Junior Software Developer"})]})]})]})})})]});var Tm=require("react/jsx-runtime"),fm=e=>(0,Tm.jsx)(Zo,{menu:"column",...e});var xm=require("react/jsx-runtime"),hm=e=>(0,xm.jsx)(Zo,{menu:"filter",...e});var A=require("react/jsx-runtime"),Nm=({gridHeader:e,gridContent:t,menu:o,...a})=>(0,A.jsxs)(Ke,{id:"treelist",_renderAriaRoot:!0,...a,children:[e\|\|(0,A.jsx)(X,{children:(0,A.jsx)("div",{className:"k-grid-header-wrap",children:(0,A.jsxs)(J,{children:[(0,A.jsxs)("colgroup",{children:[(0,A.jsx)("col",{className:"k-drag-col"}),(0,A.jsx)("col",{}),(0,A.jsx)("col",{}),(0,A.jsx)("col",{})]}),(0,A.jsx)(q,{children:(0,A.jsxs)(h,{children:[(0,A.jsx)(S,{}),(0,A.jsx)(S,{menu:o,columnTitle:"First Name"}),(0,A.jsx)(S,{menu:o,columnTitle:"Last Name"}),(0,A.jsx)(S,{menu:o,columnTitle:"Position"})]})})]})})}),(0,A.jsx)(re,{children:t\|\|(0,A.jsx)(Z,{children:(0,A.jsxs)(te,{children:[(0,A.jsxs)("colgroup",{children:[(0,A.jsx)("col",{className:"k-drag-col"}),(0,A.jsx)("col",{}),(0,A.jsx)("col",{}),(0,A.jsx)("col",{})]}),(0,A.jsxs)(V,{children:[(0,A.jsxs)(h,{children:[(0,A.jsx)(l,{className:"k-drag-cell",children:(0,A.jsx)(b,{icon:"reorder"})}),(0,A.jsxs)(l,{children:[(0,A.jsx)(b,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),(0,A.jsx)(l,{children:"Sweeney"}),(0,A.jsx)(l,{children:"CEO"})]}),(0,A.jsxs)(h,{alt:!0,children:[(0,A.jsx)(l,{className:"k-drag-cell",children:(0,A.jsx)(b,{icon:"reorder"})}),(0,A.jsxs)(l,{children:[(0,A.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,A.jsx)(b,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),(0,A.jsx)(l,{children:"Wooten"}),(0,A.jsx)(l,{children:"Chief Technical Officer"})]}),(0,A.jsxs)(h,{children:[(0,A.jsx)(l,{className:"k-drag-cell",children:(0,A.jsx)(b,{icon:"reorder"})}),(0,A.jsxs)(l,{children:[(0,A.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,A.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,A.jsx)(b,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),(0,A.jsx)(l,{children:"Weber"}),(0,A.jsx)(l,{children:"VP, Engineering"})]}),(0,A.jsxs)(h,{alt:!0,children:[(0,A.jsx)(l,{className:"k-drag-cell",children:(0,A.jsx)(b,{icon:"reorder"})}),(0,A.jsxs)(l,{children:[(0,A.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,A.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,A.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,A.jsx)(b,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),(0,A.jsx)(l,{children:"Hood"}),(0,A.jsx)(l,{children:"Team Lead"})]}),(0,A.jsxs)(h,{children:[(0,A.jsx)(l,{className:"k-drag-cell",children:(0,A.jsx)(b,{icon:"reorder"})}),(0,A.jsxs)(l,{children:[(0,A.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,A.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,A.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,A.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,A.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),(0,A.jsx)(l,{children:"Carr"}),(0,A.jsx)(l,{children:"Junior Software Developer"})]})]})]})})})]});var gm=require("react/jsx-runtime");var g=require("react/jsx-runtime"),BN=Ke.options,_N=Ke.states,km={...Ke.defaultOptions,variant:"normal"},zN=[{name:"normal",title:"Normal"},{name:"column-menu",title:"Column Menu"},{name:"filter-row",title:"Filter Row"},{name:"sorting",title:"Sorting"},{name:"row-reordering",title:"Row Reordering"}],UN=[{name:"toolbar",title:"Toolbar"},{name:"pager",title:"Pager"}],kr=e=>{let{variant:t,modifiers:o,...a}={...km,...e},n={},i=(0,g.jsxs)(bo,{children:[(0,g.jsx)(u,{icon:"plus",children:"Add New"}),(0,g.jsx)(u,{icon:"file-pdf",children:"Export to PDF"}),(0,g.jsx)("span",{className:"k-spacer"}),(0,g.jsx)(ue,{prefix:(0,g.jsx)(b,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),p=(0,g.jsx)(ye,{pageSizes:!1,refresh:!1});switch(Object.keys(o\|\|{}).forEach(T=>{switch(T){case"toolbar":n.toolbar=o!=null&&o[T]?i:void 0;break;case"pager":n.pager=o!=null&&o[T]?p:void 0;break;default:return}}),t){case"row-reordering":return(0,g.jsx)(Nm,{...a,...n});case"column-menu":return(0,g.jsx)(fm,{...a,...n,gridHeader:(0,g.jsx)(X,{children:(0,g.jsx)("div",{className:"k-grid-header-wrap",children:(0,g.jsxs)(J,{children:[(0,g.jsxs)("colgroup",{children:[(0,g.jsx)("col",{}),(0,g.jsx)("col",{}),(0,g.jsx)("col",{})]}),(0,g.jsx)(q,{children:(0,g.jsxs)(h,{children:[(0,g.jsx)(S,{menu:"column",columnTitle:"First Name"}),(0,g.jsx)(S,{menu:"column",columnTitle:"Last Name"}),(0,g.jsx)(S,{menu:"column",columnTitle:"Position"})]})})]})})})});case"filter-row":return(0,g.jsx)(hm,{...a,...n,gridHeader:(0,g.jsx)(X,{children:(0,g.jsx)("div",{className:"k-grid-header-wrap",children:(0,g.jsxs)(J,{children:[(0,g.jsxs)("colgroup",{children:[(0,g.jsx)("col",{}),(0,g.jsx)("col",{}),(0,g.jsx)("col",{})]}),(0,g.jsx)(q,{children:(0,g.jsxs)(h,{children:[(0,g.jsx)(S,{menu:"filter",columnTitle:"First Name"}),(0,g.jsx)(S,{menu:"filter",columnTitle:"Last Name"}),(0,g.jsx)(S,{menu:"filter",columnTitle:"Position"})]})})]})})})});case"sorting":return(0,g.jsx)(Zo,{...a,...n,gridHeader:(0,g.jsx)(X,{children:(0,g.jsx)("div",{className:"k-grid-header-wrap",children:(0,g.jsxs)(J,{children:[(0,g.jsxs)("colgroup",{children:[(0,g.jsx)("col",{}),(0,g.jsx)("col",{}),(0,g.jsx)("col",{})]}),(0,g.jsx)(q,{children:(0,g.jsxs)(h,{children:[(0,g.jsx)(S,{columnTitle:"First Name"}),(0,g.jsx)(S,{columnTitle:"Last Name",sortable:!0}),(0,g.jsx)(S,{columnTitle:"Position"})]})})]})})}),gridContent:(0,g.jsx)(Z,{children:(0,g.jsxs)(te,{children:[(0,g.jsxs)("colgroup",{children:[(0,g.jsx)("col",{}),(0,g.jsx)("col",{className:"k-sorted"}),(0,g.jsx)("col",{})]}),(0,g.jsxs)(V,{children:[(0,g.jsxs)(h,{className:"k-treelist-group",children:[(0,g.jsxs)(l,{children:[(0,g.jsx)(b,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),(0,g.jsx)(l,{children:"Sweeney"}),(0,g.jsx)(l,{children:"CEO"})]}),(0,g.jsxs)(h,{className:"k-treelist-group k-alt",alt:!0,children:[(0,g.jsxs)(l,{children:[(0,g.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,g.jsx)(b,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),(0,g.jsx)(l,{children:"Wooten"}),(0,g.jsx)(l,{children:"Chief Technical Officer"})]}),(0,g.jsxs)(h,{className:"k-treelist-group",children:[(0,g.jsxs)(l,{children:[(0,g.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,g.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,g.jsx)(b,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),(0,g.jsx)(l,{children:"Weber"}),(0,g.jsx)(l,{children:"VP, Engineering"})]}),(0,g.jsxs)(h,{className:"k-treelist-group k-alt",alt:!0,children:[(0,g.jsxs)(l,{children:[(0,g.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,g.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,g.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,g.jsx)(b,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),(0,g.jsx)(l,{children:"Hood"}),(0,g.jsx)(l,{children:"Team Lead"})]}),(0,g.jsxs)(h,{children:[(0,g.jsxs)(l,{children:[(0,g.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,g.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,g.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,g.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,g.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),(0,g.jsx)(l,{children:"Carr"}),(0,g.jsx)(l,{children:"Junior Software Developer"})]})]})]})})});default:return(0,g.jsx)(Zo,{...a,...n,gridHeader:(0,g.jsx)(X,{children:(0,g.jsx)("div",{className:"k-grid-header-wrap",children:(0,g.jsxs)(J,{children:[(0,g.jsxs)("colgroup",{children:[(0,g.jsx)("col",{}),(0,g.jsx)("col",{}),(0,g.jsx)("col",{})]}),(0,g.jsx)(q,{children:(0,g.jsxs)(h,{children:[(0,g.jsx)(S,{columnTitle:"First Name"}),(0,g.jsx)(S,{columnTitle:"Last Name"}),(0,g.jsx)(S,{columnTitle:"Position"})]})})]})})})})}};kr.options=BN;kr.states=_N;kr.variants=zN;kr.defaultOptions=km;kr.modifiers=UN;var c=require("react/jsx-runtime"),vm=({flexBasis:e="30%",gridContentHeight:t="180px",tablesWidth:o="675px",tablesHeight:a="828px",currentTimeLeftOffset:n="243px",ganttDependencies:i,menu:p,...T})=>(0,c.jsx)($t,{headerToolbar:(0,c.jsxs)(Uo,{children:[(0,c.jsx)(u,{className:"k-gantt-toggle",icon:"layout-1-by-4"}),(0,c.jsx)(u,{className:"k-gantt-create",icon:"plus",children:"Add Task"}),(0,c.jsx)("span",{className:"k-spacer"}),(0,c.jsxs)("div",{className:"k-gantt-views-wrapper",children:[(0,c.jsxs)("select",{className:"k-picker k-dropdown-list k-dropdown k-views-dropdown",children:[(0,c.jsx)("option",{value:"day",children:"Day"}),(0,c.jsx)("option",{value:"week",children:"Week"}),(0,c.jsx)("option",{value:"month",children:"Month"})]}),(0,c.jsxs)(U,{className:"k-gantt-views",children:[(0,c.jsx)(u,{className:"k-view-day k-group-start",children:"Day"}),(0,c.jsx)(u,{className:"k-view-week",selected:!0,children:"Week"}),(0,c.jsx)(u,{className:"k-view-month k-group-end",children:"Month"})]})]})]}),footerToolbar:(0,c.jsx)(Fo,{children:(0,c.jsx)(u,{className:"k-gantt-create",icon:"plus",children:"Add Task"})}),...T,children:(0,c.jsx)($o,{children:T.children\|\|(0,c.jsx)(ze,{className:"k-gantt-splitter",panes:[(0,c.jsx)(He,{className:"k-gantt-treelist",flexBasis:e,children:(0,c.jsxs)(Ke,{_renderAriaRoot:!0,children:[(0,c.jsx)(X,{children:(0,c.jsx)("div",{className:"k-grid-header-wrap",children:(0,c.jsxs)(J,{style:{minWidth:"250px"},children:[(0,c.jsxs)("colgroup",{children:[(0,c.jsx)("col",{style:{width:"50px"}}),(0,c.jsx)("col",{})]}),(0,c.jsx)(q,{children:(0,c.jsxs)(h,{children:[(0,c.jsx)(S,{menu:p,rowspan:1,columnTitle:"ID"}),(0,c.jsx)(S,{menu:p,rowspan:1,columnTitle:"Title"})]})})]})})}),(0,c.jsx)(re,{children:(0,c.jsx)(Z,{style:{height:t},children:(0,c.jsxs)(te,{style:{minWidth:"250px"},children:[(0,c.jsxs)("colgroup",{children:[(0,c.jsx)("col",{style:{width:"50px"}}),(0,c.jsx)("col",{})]}),(0,c.jsxs)(V,{children:[(0,c.jsxs)(h,{children:[(0,c.jsx)(l,{children:"7"}),(0,c.jsxs)(l,{children:[(0,c.jsx)(b,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Software validation, research and implementation"]})]}),(0,c.jsxs)(h,{alt:!0,children:[(0,c.jsx)(l,{children:"18"}),(0,c.jsxs)(l,{children:[(0,c.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,c.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),"Project Kickoff"]})]}),(0,c.jsxs)(h,{children:[(0,c.jsx)(l,{children:"11"}),(0,c.jsxs)(l,{children:[(0,c.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,c.jsx)(b,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Research"]})]}),(0,c.jsxs)(h,{alt:!0,children:[(0,c.jsx)(l,{children:"19"}),(0,c.jsxs)(l,{children:[(0,c.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,c.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,c.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),"Validation with Customers"]})]}),(0,c.jsxs)(h,{children:[(0,c.jsx)(l,{children:"20"}),(0,c.jsxs)(l,{children:[(0,c.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,c.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,c.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),"Market Research"]})]})]})]})})})]})},"gantt-treelist-pane"),(0,c.jsx)(He,{className:"k-gantt-timeline-pane",children:(0,c.jsxs)(Q,{className:"k-gantt-timeline",children:[(0,c.jsx)(X,{children:(0,c.jsx)("div",{className:"k-grid-header-wrap",children:(0,c.jsxs)(J,{style:{width:o},children:[(0,c.jsxs)("colgroup",{children:[(0,c.jsx)("col",{}),(0,c.jsx)("col",{}),(0,c.jsx)("col",{}),(0,c.jsx)("col",{}),(0,c.jsx)("col",{}),(0,c.jsx)("col",{}),(0,c.jsx)("col",{})]}),(0,c.jsxs)(V,{children:[(0,c.jsx)(h,{children:(0,c.jsx)(l,{className:"k-header",colspan:7,children:"Sun 6/01 - Sat 6/07"})}),(0,c.jsxs)(h,{children:[(0,c.jsx)(l,{colspan:1,className:"k-header k-nonwork-hour",children:"Sun 6/01"}),(0,c.jsx)(l,{className:"k-header",colspan:1,children:"Mon 6/02"}),(0,c.jsx)(l,{className:"k-header",colspan:1,children:"Tue 6/03"}),(0,c.jsx)(l,{className:"k-header",colspan:1,children:"Wed 6/04"}),(0,c.jsx)(l,{className:"k-header",colspan:1,children:"Thu 6/05"}),(0,c.jsx)(l,{className:"k-header",colspan:1,children:"Fri 6/06"}),(0,c.jsx)(l,{colspan:1,className:"k-header k-nonwork-hour",children:"Sat 6/07"})]})]})]})})}),(0,c.jsxs)(Z,{style:{height:t},children:[(0,c.jsxs)(Vo,{children:[(0,c.jsxs)(Xo,{className:"k-grid-table",style:{width:o},children:[(0,c.jsx)("colgroup",{children:(0,c.jsx)("col",{})}),(0,c.jsxs)(V,{children:[(0,c.jsx)(h,{children:(0,c.jsx)(l,{})}),(0,c.jsx)(h,{alt:!0,children:(0,c.jsx)(l,{})}),(0,c.jsx)(h,{children:(0,c.jsx)(l,{})}),(0,c.jsx)(h,{alt:!0,children:(0,c.jsx)(l,{})}),(0,c.jsx)(h,{children:(0,c.jsx)(l,{})})]})]}),(0,c.jsxs)(Wo,{style:{width:o,height:a},children:[(0,c.jsxs)("colgroup",{children:[(0,c.jsx)("col",{}),(0,c.jsx)("col",{}),(0,c.jsx)("col",{}),(0,c.jsx)("col",{}),(0,c.jsx)("col",{}),(0,c.jsx)("col",{}),(0,c.jsx)("col",{})]}),(0,c.jsx)(V,{children:(0,c.jsxs)(h,{children:[(0,c.jsx)(l,{className:"k-nonwork-hour"}),(0,c.jsx)(l,{}),(0,c.jsx)(l,{}),(0,c.jsx)(l,{}),(0,c.jsx)(l,{}),(0,c.jsx)(l,{}),(0,c.jsx)(l,{className:"k-nonwork-hour"})]})})]}),(0,c.jsxs)(Jo,{style:{width:o},children:[(0,c.jsx)("colgroup",{children:(0,c.jsx)("col",{})}),(0,c.jsxs)(V,{children:[(0,c.jsx)(h,{children:(0,c.jsx)(l,{children:(0,c.jsxs)(_e,{type:"summary",style:{left:"113px"},children:[(0,c.jsx)(Be,{type:"summary",style:{width:"4000px"},children:(0,c.jsx)("div",{className:"k-task-summary-progress",style:{width:"1720px"},children:(0,c.jsx)("div",{className:"k-task-summary-complete",style:{width:"4000px"}})})}),(0,c.jsx)(de,{}),(0,c.jsx)(de,{position:"end",style:{right:"0px"}})]})})}),(0,c.jsx)(h,{children:(0,c.jsx)(l,{children:(0,c.jsxs)(_e,{type:"milestone",style:{left:"113px"},children:[(0,c.jsx)(Be,{type:"milestone"}),(0,c.jsx)(de,{}),(0,c.jsx)(de,{position:"end",style:{right:"0px"}})]})})}),(0,c.jsx)(h,{children:(0,c.jsx)(l,{children:(0,c.jsxs)(_e,{type:"summary",style:{left:"113px"},children:[(0,c.jsx)(Be,{type:"summary",style:{width:"500px"},children:(0,c.jsx)("div",{className:"k-task-summary-progress",style:{width:"215px"},children:(0,c.jsx)("div",{className:"k-task-summary-complete",style:{width:"500px"}})})}),(0,c.jsx)(de,{}),(0,c.jsx)(de,{position:"end",style:{right:"0px"}})]})})}),(0,c.jsx)(h,{children:(0,c.jsx)(l,{children:(0,c.jsxs)(_e,{style:{left:"113px"},children:[(0,c.jsxs)(Be,{style:{width:"200px"},children:[(0,c.jsx)("div",{className:"k-task-complete",style:{width:"50px"}}),(0,c.jsx)(Kt,{content:"Validation with Customers"})]}),(0,c.jsx)(de,{}),(0,c.jsx)(de,{position:"end",style:{right:"0px"}}),(0,c.jsx)("div",{className:"k-task-draghandle",style:{left:"50px"}})]})})}),(0,c.jsx)(h,{children:(0,c.jsx)(l,{children:(0,c.jsxs)(_e,{style:{left:"113px"},children:[(0,c.jsxs)(Be,{style:{width:"200px"},children:[(0,c.jsx)("div",{className:"k-task-complete",style:{width:"164px"}}),(0,c.jsx)(Kt,{content:"Market Research"})]}),(0,c.jsx)(de,{}),(0,c.jsx)(de,{position:"end",style:{right:"0px"}}),(0,c.jsx)("div",{className:"k-task-draghandle",style:{left:"164px"}})]})})})]})]})]}),i\|\|(0,c.jsxs)("div",{className:"k-gantt-dependencies",style:{width:o},children:[(0,c.jsx)(Y,{style:{left:"124.5px",top:"53px",width:"10px"}}),(0,c.jsx)(Y,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),(0,c.jsx)(Y,{style:{left:"103px",top:"71px",width:"31.5px"}}),(0,c.jsx)(Y,{orientation:"vertical",style:{left:"103px",top:"71px",height:"54px"}}),(0,c.jsx)(Y,{style:{left:"103px",top:"125px",width:"9px"},children:(0,c.jsx)("span",{className:"k-arrow-e"})}),(0,c.jsx)(Y,{style:{left:"124.5px",top:"53px",width:"10px"}}),(0,c.jsx)(Y,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),(0,c.jsx)(Y,{style:{left:"103px",top:"71px",width:"31.5px"}}),(0,c.jsx)(Y,{orientation:"vertical",style:{left:"103px",top:"71px",height:"90px"}}),(0,c.jsx)(Y,{style:{left:"103px",top:"161px",width:"9px"},children:(0,c.jsx)("span",{className:"k-arrow-e"})}),(0,c.jsx)(Y,{style:{left:"313px",top:"125px",width:"10px"}}),(0,c.jsx)(Y,{orientation:"vertical",style:{left:"321px",top:"125px",height:"18px"}}),(0,c.jsx)(Y,{style:{left:"303px",top:"143px",width:"20px"}}),(0,c.jsx)(Y,{orientation:"vertical",style:{left:"303px",top:"143px",height:"18px"}})]}),(0,c.jsx)("div",{className:"k-current-time",style:{left:n,top:"0px",width:"1px",height:a}})]})]})},"gantt-timeline-pane")]})})});var Lm=require("react/jsx-runtime"),FN={},$N=[],VN=[],WN={},XN=[],vr=()=>(0,Lm.jsx)(vm,{flexBasis:"40%",gridContentHeight:"197px",style:{width:"90%",height:"367px"}});vr.options=FN;vr.states=$N;vr.variants=VN;vr.defaultOptions=WN;vr.modifiers=XN;var d=require("react/jsx-runtime"),JN=({flexBasis:e="30%",gridContentHeight:t="180px",tablesWidth:o="675px",tablesHeight:a="828px",currentTimeLeftOffset:n="243px",ganttDependencies:i,menu:p,...T})=>(0,d.jsx)($t,{headerToolbar:(0,d.jsxs)(Uo,{children:[(0,d.jsx)(u,{className:"k-gantt-toggle",icon:"layout-1-by-4"}),(0,d.jsx)(u,{className:"k-gantt-create",icon:"plus",children:"Add Task"}),(0,d.jsx)("span",{className:"k-spacer"}),(0,d.jsxs)("div",{className:"k-gantt-views-wrapper",children:[(0,d.jsxs)("select",{className:"k-picker k-dropdown-list k-dropdown k-views-dropdown",children:[(0,d.jsx)("option",{value:"day",children:"Day"}),(0,d.jsx)("option",{value:"week",children:"Week"}),(0,d.jsx)("option",{value:"month",children:"Month"})]}),(0,d.jsxs)(U,{className:"k-gantt-views",children:[(0,d.jsx)(u,{className:"k-view-day k-group-start",children:"Day"}),(0,d.jsx)(u,{className:"k-view-week",selected:!0,children:"Week"}),(0,d.jsx)(u,{className:"k-view-month k-group-end",children:"Month"})]})]})]}),footerToolbar:(0,d.jsx)(Fo,{children:(0,d.jsx)(u,{className:"k-gantt-create",icon:"plus",children:"Add Task"})}),...T,children:(0,d.jsx)($o,{children:T.children\|\|(0,d.jsx)(ze,{className:"k-gantt-splitter",panes:[(0,d.jsx)(He,{className:"k-gantt-treelist",flexBasis:e,children:(0,d.jsxs)(Ke,{_renderAriaRoot:!0,children:[(0,d.jsx)(X,{children:(0,d.jsx)("div",{className:"k-grid-header-wrap",children:(0,d.jsxs)(J,{style:{minWidth:"250px"},children:[(0,d.jsxs)("colgroup",{children:[(0,d.jsx)("col",{className:"k-drag-col"}),(0,d.jsx)("col",{style:{width:"50px"}}),(0,d.jsx)("col",{})]}),(0,d.jsx)(q,{children:(0,d.jsxs)(h,{children:[(0,d.jsx)(S,{}),(0,d.jsx)(S,{menu:p,rowspan:1,columnTitle:"ID"}),(0,d.jsx)(S,{menu:p,rowspan:1,columnTitle:"Title"})]})})]})})}),(0,d.jsx)(re,{children:(0,d.jsx)(Z,{style:{height:t},children:(0,d.jsxs)(te,{style:{minWidth:"250px"},children:[(0,d.jsxs)("colgroup",{children:[(0,d.jsx)("col",{className:"k-drag-col"}),(0,d.jsx)("col",{style:{width:"50px"}}),(0,d.jsx)("col",{})]}),(0,d.jsxs)(V,{children:[(0,d.jsxs)(h,{children:[(0,d.jsx)(l,{className:"k-drag-cell",children:(0,d.jsx)(b,{icon:"reorder"})}),(0,d.jsx)(l,{children:"7"}),(0,d.jsxs)(l,{children:[(0,d.jsx)(b,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Software validation, research and implementation"]})]}),(0,d.jsxs)(h,{alt:!0,children:[(0,d.jsx)(l,{className:"k-drag-cell",children:(0,d.jsx)(b,{icon:"reorder"})}),(0,d.jsx)(l,{children:"18"}),(0,d.jsxs)(l,{children:[(0,d.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,d.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),"Project Kickoff"]})]}),(0,d.jsxs)(h,{children:[(0,d.jsx)(l,{className:"k-drag-cell",children:(0,d.jsx)(b,{icon:"reorder"})}),(0,d.jsx)(l,{children:"11"}),(0,d.jsxs)(l,{children:[(0,d.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,d.jsx)(b,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Research"]})]}),(0,d.jsxs)(h,{alt:!0,children:[(0,d.jsx)(l,{className:"k-drag-cell",children:(0,d.jsx)(b,{icon:"reorder"})}),(0,d.jsx)(l,{children:"19"}),(0,d.jsxs)(l,{children:[(0,d.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,d.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,d.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),"Validation with Customers"]})]}),(0,d.jsxs)(h,{children:[(0,d.jsx)(l,{className:"k-drag-cell",children:(0,d.jsx)(b,{icon:"reorder"})}),(0,d.jsx)(l,{children:"20"}),(0,d.jsxs)(l,{children:[(0,d.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,d.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,d.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),"Market Research"]})]})]})]})})})]})},"gantt-treelist-pane"),(0,d.jsx)(He,{className:"k-gantt-timeline-pane",children:(0,d.jsxs)(Q,{className:"k-gantt-timeline",children:[(0,d.jsx)(X,{children:(0,d.jsx)("div",{className:"k-grid-header-wrap",children:(0,d.jsxs)(J,{style:{width:o},children:[(0,d.jsxs)("colgroup",{children:[(0,d.jsx)("col",{}),(0,d.jsx)("col",{}),(0,d.jsx)("col",{}),(0,d.jsx)("col",{}),(0,d.jsx)("col",{}),(0,d.jsx)("col",{}),(0,d.jsx)("col",{})]}),(0,d.jsxs)(V,{children:[(0,d.jsx)(h,{children:(0,d.jsx)(l,{className:"k-header",colspan:7,children:"Sun 6/01 - Sat 6/07"})}),(0,d.jsxs)(h,{children:[(0,d.jsx)(l,{colspan:1,className:"k-header k-nonwork-hour",children:"Sun 6/01"}),(0,d.jsx)(l,{className:"k-header",colspan:1,children:"Mon 6/02"}),(0,d.jsx)(l,{className:"k-header",colspan:1,children:"Tue 6/03"}),(0,d.jsx)(l,{className:"k-header",colspan:1,children:"Wed 6/04"}),(0,d.jsx)(l,{className:"k-header",colspan:1,children:"Thu 6/05"}),(0,d.jsx)(l,{className:"k-header",colspan:1,children:"Fri 6/06"}),(0,d.jsx)(l,{colspan:1,className:"k-header k-nonwork-hour",children:"Sat 6/07"})]})]})]})})}),(0,d.jsxs)(Z,{style:{height:t},children:[(0,d.jsxs)(Vo,{children:[(0,d.jsxs)(Xo,{className:"k-grid-table",style:{width:o},children:[(0,d.jsx)("colgroup",{children:(0,d.jsx)("col",{})}),(0,d.jsxs)(V,{children:[(0,d.jsx)(h,{children:(0,d.jsx)(l,{})}),(0,d.jsx)(h,{alt:!0,children:(0,d.jsx)(l,{})}),(0,d.jsx)(h,{children:(0,d.jsx)(l,{})}),(0,d.jsx)(h,{alt:!0,children:(0,d.jsx)(l,{})}),(0,d.jsx)(h,{children:(0,d.jsx)(l,{})})]})]}),(0,d.jsxs)(Wo,{style:{width:o,height:a},children:[(0,d.jsxs)("colgroup",{children:[(0,d.jsx)("col",{}),(0,d.jsx)("col",{}),(0,d.jsx)("col",{}),(0,d.jsx)("col",{}),(0,d.jsx)("col",{}),(0,d.jsx)("col",{}),(0,d.jsx)("col",{})]}),(0,d.jsx)(V,{children:(0,d.jsxs)(h,{children:[(0,d.jsx)(l,{className:"k-nonwork-hour"}),(0,d.jsx)(l,{}),(0,d.jsx)(l,{}),(0,d.jsx)(l,{}),(0,d.jsx)(l,{}),(0,d.jsx)(l,{}),(0,d.jsx)(l,{className:"k-nonwork-hour"})]})})]}),(0,d.jsxs)(Jo,{style:{width:o},children:[(0,d.jsx)("colgroup",{children:(0,d.jsx)("col",{})}),(0,d.jsxs)(V,{children:[(0,d.jsx)(h,{children:(0,d.jsx)(l,{children:(0,d.jsxs)(_e,{type:"summary",style:{left:"113px"},children:[(0,d.jsx)(Be,{type:"summary",style:{width:"4000px"},children:(0,d.jsx)("div",{className:"k-task-summary-progress",style:{width:"1720px"},children:(0,d.jsx)("div",{className:"k-task-summary-complete",style:{width:"4000px"}})})}),(0,d.jsx)(de,{}),(0,d.jsx)(de,{position:"end",style:{right:"0px"}})]})})}),(0,d.jsx)(h,{children:(0,d.jsx)(l,{children:(0,d.jsxs)(_e,{type:"milestone",style:{left:"113px"},children:[(0,d.jsx)(Be,{type:"milestone"}),(0,d.jsx)(de,{}),(0,d.jsx)(de,{position:"end",style:{right:"0px"}})]})})}),(0,d.jsx)(h,{children:(0,d.jsx)(l,{children:(0,d.jsxs)(_e,{type:"summary",style:{left:"113px"},children:[(0,d.jsx)(Be,{type:"summary",style:{width:"500px"},children:(0,d.jsx)("div",{className:"k-task-summary-progress",style:{width:"215px"},children:(0,d.jsx)("div",{className:"k-task-summary-complete",style:{width:"500px"}})})}),(0,d.jsx)(de,{}),(0,d.jsx)(de,{position:"end",style:{right:"0px"}})]})})}),(0,d.jsx)(h,{children:(0,d.jsx)(l,{children:(0,d.jsxs)(_e,{style:{left:"113px"},children:[(0,d.jsxs)(Be,{style:{width:"200px"},children:[(0,d.jsx)("div",{className:"k-task-complete",style:{width:"50px"}}),(0,d.jsx)(Kt,{content:"Validation with Customers"})]}),(0,d.jsx)(de,{}),(0,d.jsx)(de,{position:"end",style:{right:"0px"}}),(0,d.jsx)("div",{className:"k-task-draghandle",style:{left:"50px"}})]})})}),(0,d.jsx)(h,{children:(0,d.jsx)(l,{children:(0,d.jsxs)(_e,{style:{left:"113px"},children:[(0,d.jsxs)(Be,{style:{width:"200px"},children:[(0,d.jsx)("div",{className:"k-task-complete",style:{width:"164px"}}),(0,d.jsx)(Kt,{content:"Market Research"})]}),(0,d.jsx)(de,{}),(0,d.jsx)(de,{position:"end",style:{right:"0px"}}),(0,d.jsx)("div",{className:"k-task-draghandle",style:{left:"164px"}})]})})})]})]})]}),i\|\|(0,d.jsxs)("div",{className:"k-gantt-dependencies",style:{width:o},children:[(0,d.jsx)(Y,{style:{left:"124.5px",top:"53px",width:"10px"}}),(0,d.jsx)(Y,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),(0,d.jsx)(Y,{style:{left:"103px",top:"71px",width:"31.5px"}}),(0,d.jsx)(Y,{orientation:"vertical",style:{left:"103px",top:"71px",height:"54px"}}),(0,d.jsx)(Y,{style:{left:"103px",top:"125px",width:"9px"},children:(0,d.jsx)("span",{className:"k-arrow-e"})}),(0,d.jsx)(Y,{style:{left:"124.5px",top:"53px",width:"10px"}}),(0,d.jsx)(Y,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),(0,d.jsx)(Y,{style:{left:"103px",top:"71px",width:"31.5px"}}),(0,d.jsx)(Y,{orientation:"vertical",style:{left:"103px",top:"71px",height:"90px"}}),(0,d.jsx)(Y,{style:{left:"103px",top:"161px",width:"9px"},children:(0,d.jsx)("span",{className:"k-arrow-e"})}),(0,d.jsx)(Y,{style:{left:"313px",top:"125px",width:"10px"}}),(0,d.jsx)(Y,{orientation:"vertical",style:{left:"321px",top:"125px",height:"18px"}}),(0,d.jsx)(Y,{style:{left:"303px",top:"143px",width:"20px"}}),(0,d.jsx)(Y,{orientation:"vertical",style:{left:"303px",top:"143px",height:"18px"}})]}),(0,d.jsx)("div",{className:"k-current-time",style:{left:n,top:"0px",width:"1px",height:a}})]})]})},"gantt-timeline-pane")]})})});
1	+ var Am=Object.create;var Cr=Object.defineProperty;var Em=Object.getOwnPropertyDescriptor;var Rm=Object.getOwnPropertyNames;var Im=Object.getPrototypeOf,Om=Object.prototype.hasOwnProperty;var Gm=(e,t)=>{for(var o in t)Cr(e,o,{get:t[o],enumerable:!0})},ys=(e,t,o,a)=>{if(t&&typeof t=="object"\|\|typeof t=="function")for(let n of Rm(t))!Om.call(e,n)&&n!==o&&Cr(e,n,{get:()=>t[n],enumerable:!(a=Em(t,n))\|\|a.enumerable});return e};var Ms=(e,t,o)=>(o=e!=null?Am(Im(e)):{},ys(t\|\|!e\|\|!e.__esModule?Cr(o,"default",{value:e,enumerable:!0}):o,e)),Pm=e=>ys(Cr({},"__esModule",{value:!0}),e);var QN={};Gm(QN,{GanttRowReordering:()=>YN});module.exports=Pm(QN);var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]\|\|t[o]&&o\|\|null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var O=(e,t)=>r({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),H=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:i,checked:p,active:T,selected:x,disabled:C,indeterminate:w,loading:M,empty:N,readonly:R,highlighted:E,...P}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":i,"k-checked":p,"k-active":T,"k-selected":x,"k-disabled":C,"k-indeterminate":w&&!p,"k-loading":M,"k-empty":N,"k-readonly":R,"k-highlighted":E},Object.keys(P).reduce((z,_)=>(_.startsWith("k-")?z[_]=P[_]:z[`k-${_}`]=P[_],z),{}))};function ws(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var m={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},v={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},y={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},k={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},s={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var ce="gantt",pe=ce;var As=require("react/jsx-runtime"),Ss="k-gantt",Hm=[],Km={},Dm={},$t=e=>{let{headerToolbar:t,footerToolbar:o,...a}=e;return(0,As.jsxs)("div",{...a,className:r(e.className,Ss),children:[t,e.children,o]})};$t.states=Hm;$t.options=Km;$t.className=Ss;$t.defaultOptions=Dm;$t.moduleName=ce;$t.folderName=pe;var La=require("react/jsx-runtime"),cl="k-font-icon",Bm=[],_m={size:[m.undefined,m.xsmall,m.small,m.medium,m.large,m.xlarge,m.xxlarge,m.xxxlarge],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info,k.light,k.dark]},zm={},Ca=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:i,...p}=e;return a?(0,La.jsx)("span",{...p,className:r(e.className,cl,O(cl,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":i==="h"\|\|i==="both","k-flip-v":i==="v"\|\|i==="both"}),"aria-hidden":"true"}):(0,La.jsx)(La.Fragment,{})};Ca.states=Bm;Ca.options=_m;Ca.className=cl;Ca.defaultOptions=zm;var Es=Ca;var Io=require("react/jsx-runtime"),pl="k-svg-icon",Um=[],Fm={size:[m.undefined,m.xsmall,m.small,m.medium,m.large,m.xlarge,m.xxlarge,m.xxxlarge],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info,k.light,k.dark]},Rs={viewBox:"0 0 24 24"},ya=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:i=Rs.viewBox,icon:p,...T}=e;if(!p)return(0,Io.jsx)(Io.Fragment,{});if(p==="none")return(0,Io.jsx)("span",{...T,className:r(e.className,pl,O("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let x=typeof p=="object"&&p.name&&p.name;return(0,Io.jsx)("span",{...T,className:r(e.className,pl,O("k-icon",{size:t}),{[`k-svg-i-${x}`]:x,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"\|\|n==="both","k-flip-v":n==="v"\|\|n==="both"}),"aria-hidden":"true",children:(0,Io.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof p=="object"?p.viewBox:i,dangerouslySetInnerHTML:typeof p=="object"?{__html:p.content}:void 0,children:p?void 0:e.children})})};ya.states=Um;ya.options=Fm;ya.className=pl;ya.defaultOptions=Rs;var ml=ya;var ul=Ms(require("@progress/kendo-svg-icons"));var Is="icon",Os="icons";var Hs=require("react");var Gs=require("react"),Ps=(0,Gs.createContext)({iconsType:"svg"});var eo=require("react/jsx-runtime"),yr="k-icon",$m=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Vm=[],Wm={size:[m.undefined,m.xsmall,m.small,m.medium,m.large,m.xlarge,m.xxlarge,m.xxxlarge],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info,k.light,k.dark]},bl={viewBox:"0 0 24 24",type:"svg"},b=e=>{let{iconsType:t}=(0,Hs.useContext)(Ps),{size:o,themeColor:a,icon:n,type:i=t\|\|bl.type,rotate:p,flip:T,viewBox:x=bl.viewBox,...C}=e;if(!n)return(0,eo.jsx)(eo.Fragment,{});if((t\|\|i)==="svg"){if(n==="none")return(0,eo.jsx)(ml,{...C,className:r(e.className,yr),icon:n,size:o});let M=ul[n]?n:$m(`${n}-icon`);return ul[M]?(0,eo.jsx)(ml,{...C,className:r(e.className,yr),icon:ul[M],size:o,themeColor:a,rotate:p,flip:T,viewBox:x}):(0,eo.jsx)(eo.Fragment,{})}return(0,eo.jsx)(Es,{...C,className:r(e.className,yr),icon:n,size:o,themeColor:a,rotate:p,flip:T})};b.states=Vm;b.options=Wm;b.defaultOptions=bl;b.className=yr;b.moduleName=Is;b.folderName=Os;b.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 fl="button",Ks=fl;var Bt=require("react/jsx-runtime"),Ma="k-button",Xm=["icon-button"],Jm=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],qm={size:[m.undefined,m.small,m.medium,m.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[y.undefined,y.solid,y.flat,y.outline,y.clear,y.link],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info,k.light,k.dark,k.inverse]},Tl={showArrow:!1,arrowIconName:"caret-alt-down"},u=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:i,showArrow:p=Tl.showArrow,arrowIconName:T=Tl.arrowIconName,variant:x,hover:C,focus:w,active:M,selected:N,disabled:R,togglable:E,icon:P,text:z,iconClassName:_,className:j,...Ne}=e,Ae=P!==void 0,rt=e.children!==void 0;return(0,Bt.jsxs)(t,{className:r(j,Ma,ws(Ma,x),O(Ma,{size:o,rounded:a,fillMode:n,themeColor:i}),H(Ma,{hover:C,focus:w,active:M,disabled:R,selected:N}),{"k-icon-button":!z&&!rt&&Ae}),...Ne,"aria-pressed":E?N?"true":"false":void 0,disabled:R\|\|void 0,children:[P&&(0,Bt.jsx)(b,{className:r(_,"k-button-icon"),icon:P}),z?(0,Bt.jsxs)(Bt.Fragment,{children:[z&&(0,Bt.jsx)("span",{className:"k-button-text",children:z}),e.children]}):e.children&&(0,Bt.jsx)("span",{className:"k-button-text",children:e.children}),p&&(0,Bt.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,Bt.jsx)(b,{icon:T})})]})};u.states=Jm;u.options=qm;u.variants=Xm;u.className=Ma;u.defaultOptions=Tl;u.moduleName=fl;u.folderName=Ks;u.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};var Ds=require("react/jsx-runtime"),ho=e=>(0,Ds.jsx)(u,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});var Bs=require("react/jsx-runtime"),wa=e=>(0,Bs.jsx)(u,{icon:"folder",children:"Button",...e});var _s=require("react/jsx-runtime"),Oo=e=>(0,_s.jsx)(u,{children:"Button",...e});var Mr=require("react/jsx-runtime"),Ym=u.options,Qm=u.states,Zm={...u.defaultOptions,variant:"text"},jm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],eu=[],Sa=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,Mr.jsx)(ho,{...o,icon:"star"});case"icon-and-text":return(0,Mr.jsx)(wa,{...o,icon:"star",children:"Button"});default:return(0,Mr.jsx)(Oo,{...o,children:"Button"})}};Sa.options=Ym;Sa.states=Qm;Sa.variants=jm;Sa.defaultOptions=Zm;Sa.modifiers=eu;var hl="button",zs=hl;var Us=require("react/jsx-runtime"),Aa="k-button-group",tu=[s.disabled],ou={fillMode:[y.undefined,y.solid,y.flat,y.outline,y.clear,y.link]},au={},U=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return(0,Us.jsx)("div",{role:"group",...n,className:r(e.className,Aa,O(Aa,{fillMode:t}),H(Aa,{disabled:o}),{[`${Aa}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};U.states=tu;U.options=ou;U.className=Aa;U.defaultOptions=au;U.moduleName=hl;U.folderName=zs;U.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};var xl=require("react/jsx-runtime");var Nl=require("react/jsx-runtime");var gl=require("react/jsx-runtime");var kl=require("react/jsx-runtime");var vl=require("react/jsx-runtime");var Ll=require("react/jsx-runtime");var dt=require("react/jsx-runtime"),ru={...u.options,...U.options},lu=u.states,nu={...u.defaultOptions,...U.defaultOptions,variant:"text-button"},su=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],iu=[],Ea=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,dt.jsxs)(U,{fillMode:a.fillMode,className:o,children:[(0,dt.jsx)(u,{...a,icon:"star"}),(0,dt.jsx)(u,{...a,icon:"star"}),(0,dt.jsx)(u,{...a,icon:"star"})]}):t==="icon-text-button"?(0,dt.jsxs)(U,{fillMode:a.fillMode,className:o,children:[(0,dt.jsx)(u,{...a,icon:"star",children:"First"}),(0,dt.jsx)(u,{...a,icon:"star",children:"Middle"}),(0,dt.jsx)(u,{...a,icon:"star",children:"Last"})]}):(0,dt.jsxs)(U,{fillMode:a.fillMode,className:o,children:[(0,dt.jsx)(u,{...a,children:"First"}),(0,dt.jsx)(u,{...a,children:"Middle"}),(0,dt.jsx)(u,{...a,children:"Last"})]})};Ea.options=ru;Ea.states=lu;Ea.variants=su;Ea.defaultOptions=nu;Ea.modifiers=iu;var Ra="input",wr=Ra;var Fs=require("react/jsx-runtime"),Sr="k-input",du=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],cu={size:[m.undefined,m.small,m.medium,m.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[y.undefined,y.solid,y.flat,y.outline]},pu={},Ee=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:p,readonly:T,size:x,rounded:C,fillMode:w,...M}=e;return(0,Fs.jsx)("span",{...M,className:r(e.className,Sr,O(Sr,{size:x,rounded:C,fillMode:w}),H(Sr,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:p,readonly:T}))})};Ee.states=du;Ee.options=cu;Ee.className=Sr;Ee.defaultOptions=pu;Ee.moduleName=Ra;Ee.folderName=wr;var $s=require("react/jsx-runtime"),Ar="k-picker",mu=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],uu={size:[m.undefined,m.small,m.medium,m.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[y.undefined,y.solid,y.flat,y.outline]},bu={},Vt=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:p,readonly:T,size:x,rounded:C,fillMode:w,...M}=e;return(0,$s.jsx)("span",{...M,className:r(e.className,Ar,O(Ar,{size:x,rounded:C,fillMode:w}),H(Ar,{hover:t,focus:o,disabled:a,invalid:n,valid:i,loading:p,readonly:T})),children:e.children})};Vt.states=mu;Vt.options=uu;Vt.className=Ar;Vt.defaultOptions=bu;Vt.moduleName=Ra;Vt.folderName=wr;var ea=require("react/jsx-runtime"),Vs="k-clear-value",fu=[s.disabled,s.loading,s.readonly],Tu={},Nt=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t\|\|a\|\|o\|\|!n?(0,ea.jsx)(ea.Fragment,{}):(0,ea.jsx)("span",{className:r(e.className,Vs),children:(0,ea.jsx)(b,{icon:"x"})})};Nt.states=fu;Nt.options=Tu;Nt.className=Vs;var Ws=require("react/jsx-runtime"),Cl="k-input-inner",hu=[],xu={},Er={type:"text",autocomplete:"off",value:"",placeholder:""},gt=e=>{let{value:t=Er.value,type:o=Er.type,placeholder:a=Er.placeholder,autocomplete:n=Er.autocomplete,disabled:i,readOnly:p,...T}=e;return(0,Ws.jsx)("input",{...T,type:o,className:r(e.className,Cl,O(Cl,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:i\|\|void 0,readOnly:p\|\|void 0})};gt.states=hu;gt.options=xu;gt.className=Cl;var Ia=require("react/jsx-runtime"),yl="k-input-inner",Nu=[],gu={},Go=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:i,...p}=e;return(0,Ia.jsxs)("span",{...p,className:r(e.className,yl,O(yl,e)),children:[n,!n&&i&&(0,Ia.jsx)(b,{className:"k-input-value-icon",icon:i}),a&&!t&&o,a&&t&&(0,Ia.jsx)("span",{className:"k-input-value-text",children:t})]})};Go.states=Nu;Go.options=gu;Go.className=yl;var Js=require("react/jsx-runtime"),Ml="k-input-inner",ku=[],vu={},Xs={value:"",placeholder:""},wl=e=>{let{value:t=Xs.value,placeholder:o=Xs.placeholder,rows:a,disabled:n,...i}=e;return(0,Js.jsx)("textarea",{...i,className:r(e.className,Ml,O(Ml,e)),placeholder:o,rows:a,defaultValue:t,disabled:n\|\|void 0})};wl.states=ku;wl.options=vu;wl.className=Ml;var Oa=require("react/jsx-runtime"),qs="k-input-loading-icon",Lu=[s.disabled,s.loading],ct=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?(0,Oa.jsx)(Oa.Fragment,{}):(0,Oa.jsx)("span",{className:r(e.className,qs,"k-icon k-i-loading")})};ct.states=Lu;ct.className=qs;var Ga=require("react/jsx-runtime"),Ys="k-input-validation-icon",Cu=[s.valid,s.invalid,s.disabled,s.loading],yu={},lt=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,i=o?"warning-circle":"check-circle";return a\|\|n\|\|!!!(t\|\|o)?(0,Ga.jsx)(Ga.Fragment,{}):(0,Ga.jsx)(b,{className:r(Ys),icon:i})};lt.states=Cu;lt.options=yu;lt.className=Ys;var Pa=require("react/jsx-runtime"),Mu="k-input-prefix",wu={direction:"horizontal"},St=e=>{let{direction:t=wu.direction,...o}=e;return e.children?(0,Pa.jsx)("span",{...o,className:r(Mu,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,Pa.jsx)(Pa.Fragment,{})};var Ha=require("react/jsx-runtime"),Su="k-input-suffix",Au={direction:"horizontal"},At=e=>{let{direction:t=Au.direction,...o}=e;return e.children?(0,Ha.jsx)("span",{...o,className:r(Su,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,Ha.jsx)(Ha.Fragment,{})};var Eu=require("react/jsx-runtime");var Qs=require("react/jsx-runtime"),Ru="k-input-suffix-text",Sl=e=>{let{children:t,...o}=e;return(0,Qs.jsx)("span",{...o,className:r(Ru,e.className),children:t})};var js=require("react/jsx-runtime"),Zs="k-input-separator",Iu={direction:"vertical"},Et=e=>{let{direction:t=Iu.direction,...o}=e;return(0,js.jsx)("span",{...o,className:r(Zs,e.className,{[`${Zs}-${t}`]:t})})};var De=require("react/jsx-runtime"),Ou=Ee.states,Gu=Ee.defaultOptions,Pu=Ee.options,Hu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Ku=[],Ka=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:i,readonly:p,...T}=e,x=t==null?void 0:t.prefix,C=t==null?void 0:t.suffix,w=t==null?void 0:t["clear-button"],M=t==null?void 0:t["validation-icon"],N=t==null?void 0:t.separators;return(0,De.jsxs)(Ee,{...T,valid:o,invalid:a,loading:n,disabled:i,readonly:p,style:{width:300},children:[x&&(0,De.jsxs)(De.Fragment,{children:[(0,De.jsx)(St,{children:(0,De.jsx)(b,{icon:"lock"})}),N&&(0,De.jsx)(Et,{})]}),(0,De.jsx)(gt,{placeholder:"Placeholder",value:"Value"}),M&&(0,De.jsx)(lt,{valid:o,invalid:a,loading:n,disabled:i}),(0,De.jsx)(ct,{loading:n,disabled:i}),w&&(0,De.jsx)(Nt,{loading:n,disabled:i,readonly:p,value:"Value"}),C&&(0,De.jsxs)(De.Fragment,{children:[N&&(0,De.jsx)(Et,{}),(0,De.jsx)(At,{children:(0,De.jsx)(Oo,{size:T.size,fillMode:"clear",children:"Send"})})]})]})};Ka.options=Pu;Ka.states=Ou;Ka.variants=Ku;Ka.defaultOptions=Gu;Ka.modifiers=Hu;var Da=require("react/jsx-runtime"),ei="k-color-preview",Du=[],Bu={},xo=e=>{let{color:t,iconName:o,...a}=e;return(0,Da.jsxs)("span",{...a,className:r(e.className,ei,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,Da.jsx)(b,{icon:o,className:"k-color-preview-icon"}),(0,Da.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};xo.states=Du;xo.options=Bu;xo.className=ei;var Al="popup",ti=Al;var El=require("react/jsx-runtime"),oi="k-animation-container",_u=[],zu={},ai={positionMode:"absolute"},Wt=e=>{let{positionMode:t=ai.positionMode,animationStyle:o,offset:a,...n}=e;return(0,El.jsx)("div",{...n,style:{...a,...e.style},className:r(e.className,oi,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,El.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};Wt.states=_u;Wt.options=zu;Wt.className=oi;Wt.defaultOptions=ai;Wt.moduleName=Al;Wt.folderName=ti;var Rl="popup",ri=Rl;var Il=require("react/jsx-runtime"),li="k-popup",Uu=[],Fu={},ni={positionMode:"absolute"},he=e=>{let{offset:t,positionMode:o=ni.positionMode,animationStyle:a,containerClassName:n,containerRole:i,containerAriaLabel:p,...T}=e;return(0,Il.jsx)(Wt,{positionMode:o,offset:t,animationStyle:a,className:n,role:i,"aria-label":p,children:(0,Il.jsx)("div",{...T,className:r(e.className,li),children:e.children})})};he.states=Uu;he.options=Fu;he.className=li;he.defaultOptions=ni;he.moduleName=Rl;he.folderName=ri;he.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 Ol="action-buttons",si=Ol;var ii=require("react/jsx-runtime"),Rr="k-actions",$u=[],Vu={},Gl={alignment:"start",orientation:"horizontal"},Xt=e=>{let{alignment:t=Gl.alignment,orientation:o=Gl.orientation,...a}=e;return(0,ii.jsx)("div",{...a,className:r(Rr,{[`${Rr}-${t}`]:t,[`${Rr}-${o}`]:o},e.className),children:e.children})};Xt.states=$u;Xt.options=Vu;Xt.className=Rr;Xt.defaultOptions=Gl;Xt.moduleName=Ol;Xt.folderName=si;var ci=require("react/jsx-runtime"),Wu="k-actionsheet-footer",di={alignment:"stretched",orientation:"horizontal"},No=e=>{let{alignment:t=di.alignment,orientation:o=di.orientation,template:a,as:n=a?"div":Xt,...i}=e;return(0,ci.jsx)(n,{...i,...!a&&{alignment:t,orientation:o},className:r(e.className,Wu),children:e.children})};var Pl="searchbox",pi=Pl;var go=require("react/jsx-runtime"),mi="k-searchbox",Xu=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],Ju={size:[m.undefined,m.small,m.medium,m.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[y.undefined,y.solid,y.flat,y.outline]},Hl={showIcon:!0,icon:"search"},Rt=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:i,hover:p,focus:T,valid:x,invalid:C,required:w,loading:M,disabled:N,showIcon:R=Hl.showIcon,icon:E=Hl.icon,...P}=e;return(0,go.jsxs)(Ee,{...P,size:a,rounded:n,fillMode:i,hover:p,focus:T,valid:x,invalid:C,required:w,loading:M,disabled:N,className:r(e.className,mi),children:[R&&(0,go.jsx)(b,{className:"k-input-icon",icon:E}),(0,go.jsx)(gt,{placeholder:o,value:t}),(0,go.jsx)(ct,{...e}),(0,go.jsx)(lt,{...e}),(0,go.jsx)(Nt,{...e})]})};Rt.states=Xu;Rt.options=Ju;Rt.className=mi;Rt.defaultOptions=Hl;Rt.moduleName=Pl;Rt.folderName=pi;var qu=require("react/jsx-runtime");var Kl="textbox",ui=Kl;var Qe=require("react/jsx-runtime"),bi="k-textbox",Yu=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Qu={size:[m.undefined,m.small,m.medium,m.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[y.undefined,y.solid,y.flat,y.outline]},Ir={showClearButton:!0,showValidationIcon:!0,separators:!0},ue=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Ir.separators,showClearButton:i=Ir.showClearButton,showValidationIcon:p=Ir.showValidationIcon,prefix:T,suffix:x,type:C,value:w,placeholder:M,hover:N,focus:R,valid:E,invalid:P,required:z,loading:_,disabled:j,readonly:Ne,id:Ae,"aria-label":rt,"aria-describedby":ht,...xt}=e;return(0,Qe.jsxs)(Ee,{...xt,size:t,rounded:o,fillMode:a,hover:N,focus:R,valid:E,invalid:P,required:z,loading:_,disabled:j,readonly:Ne,className:r(e.className,bi),children:[T&&(0,Qe.jsxs)(Qe.Fragment,{children:[(0,Qe.jsx)(St,{children:T}),n&&(0,Qe.jsx)(Et,{})]}),(0,Qe.jsx)(gt,{id:Ae,placeholder:M,value:w,type:C,disabled:j,"aria-label":rt,"aria-describedby":ht,"aria-invalid":P?"true":void 0}),p&&(0,Qe.jsx)(lt,{valid:E,invalid:P,loading:_,disabled:j}),(0,Qe.jsx)(ct,{loading:_,disabled:j}),i&&(0,Qe.jsx)(Nt,{loading:_,disabled:j,readonly:Ne,value:w}),x&&(0,Qe.jsxs)(Qe.Fragment,{children:[n&&(0,Qe.jsx)(Et,{}),(0,Qe.jsx)(At,{children:x})]})]})};ue.states=Yu;ue.options=Qu;ue.className=bi;ue.defaultOptions=Ir;ue.moduleName=Kl;ue.folderName=ui;ue.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 Ba=ue;var Ti=require("react/jsx-runtime"),fi=e=>(0,Ti.jsx)(Ba,{...e});var hi=require("react/jsx-runtime");var xi=require("react/jsx-runtime");var Zu=require("react/jsx-runtime");var Or=require("react/jsx-runtime"),ju=ue.states,eb=ue.defaultOptions,tb=ue.options,ob=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],ab=[],_a=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t!=null&&t[n]?(0,Or.jsx)(b,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[n]?(0,Or.jsx)(Oo,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[n];break;default:break}}),(0,Or.jsx)(fi,{value:"Value",style:{width:300},...o,...a})};_a.options=tb;_a.states=ju;_a.variants=ab;_a.defaultOptions=eb;_a.modifiers=ob;var kt=require("react/jsx-runtime"),Ni="k-actionsheet-titlebar",rb={},nt=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:i,input:p,inputValue:T,inputPlaceholder:x,adaptive:C,titleId:w,children:M,...N}=e;return(0,kt.jsxs)("div",{...N,className:r(e.className,Ni),children:[(0,kt.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,kt.jsx)("div",{className:"k-actionsheet-actions",children:a}),!M&&(0,kt.jsxs)("div",{className:"k-actionsheet-title",id:w,children:[t&&(0,kt.jsx)("div",{className:"k-text-center",children:t}),o&&(0,kt.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),M&&(0,kt.jsx)("div",{className:"k-actionsheet-title",id:w,children:M}),n&&(0,kt.jsx)("div",{className:"k-actionsheet-actions",children:n})]}),(p\|\|i)&&(0,kt.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?(0,kt.jsx)(ue,{value:T,placeholder:x,size:C?"large":"medium","aria-label":t\|\|x\|\|"Input"}):(0,kt.jsx)(Rt,{placeholder:"Filter",size:C?"large":"medium","aria-label":"Filter options"})})]})};nt.className=Ni;nt.defaultOptions=rb;var ta=require("react/jsx-runtime"),Dl="k-actionsheet-view",lb=[],nb={},sb={},oa=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:i,titleId:p,...T}=e,x=(n==null?void 0:n.type)===nt&&(0,ta.jsx)(nt,{adaptive:t,titleId:p,...n==null?void 0:n.props}),C=(i==null?void 0:i.type)===No&&(0,ta.jsx)(No,{...i==null?void 0:i.props});return(0,ta.jsxs)("div",{...T,className:r(e.className,Dl,{[`${Dl}-animated`]:o}),children:[x,(0,ta.jsx)("div",{className:"k-actionsheet-content",children:a}),C]})};oa.states=lb;oa.options=nb;oa.className=Dl;oa.defaultOptions=sb;var za="action-sheet",Gr=za;var Bl="overlay",gi=Bl;var ki=require("react/jsx-runtime"),_l="k-overlay",ib=[],db={themeColor:[k.undefined,k.light,k.dark,k.inverse]},cb={},ko=e=>{let{themeColor:t,...o}=e;return(0,ki.jsx)("div",{...o,className:r(e.className,_l,O(_l,{themeColor:t})),children:e.children})};ko.states=ib;ko.options=db;ko.className=_l;ko.defaultOptions=cb;ko.moduleName=Bl;ko.folderName=gi;var Po=require("react/jsx-runtime"),vi="k-actionsheet",pb=[],mb={},Ua={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Me=e=>{let{side:t=Ua.side,fullscreen:o=Ua.fullscreen,adaptive:a=Ua.adaptive,overlay:n=Ua.overlay,template:i,children:p,header:T,footer:x,id:C,...w}=e,M=C&&!i&&T?`${C}-title`:void 0;return(0,Po.jsxs)("div",{className:"k-actionsheet-container",children:[n&&(0,Po.jsx)(ko,{}),(0,Po.jsx)(Wt,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"\|\|t==="bottom"?"width":null}`]:"100%",[`${t==="left"\|\|t==="right"?"height":null}`]:"100%"},children:(0,Po.jsx)("div",{...w,id:C,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":M,className:r(e.className,vi,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:i\|\|(0,Po.jsx)(oa,{header:T,footer:x,adaptive:a,titleId:M,...e,children:p})})})]})};Me.states=pb;Me.options=mb;Me.className=vi;Me.defaultOptions=Ua;Me.moduleName=za;Me.folderName=Gr;Me.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};var Ci=require("react/jsx-runtime"),Li="k-actionsheet-container",ub=[],bb={},fb={},aa=e=>{let{children:t,...o}=e;return(0,Ci.jsx)("div",{...o,className:Li,children:t})};aa.states=ub;aa.options=bb;aa.className=Li;aa.defaultOptions=fb;aa.moduleName=za;aa.folderName=Gr;var yi=require("react/jsx-runtime"),zl=e=>{let{...t}=e;return(0,yi.jsx)("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};var It=require("react/jsx-runtime"),Ul="k-actionsheet-item",Tb=[s.hover,s.focus,s.selected,s.disabled],vo=e=>{let{iconName:t,text:o,description:a,hover:n,focus:i,selected:p,disabled:T,...x}=e;return(0,It.jsxs)("span",{...x,className:r(e.className,Ul,H(Ul,{hover:n,focus:i,selected:p,disabled:T})),children:[!e.children&&(0,It.jsx)(It.Fragment,{children:(0,It.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,It.jsx)("span",{className:"k-icon-wrap",children:(0,It.jsx)(b,{className:"k-actionsheet-item-icon",icon:t})}),(0,It.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,It.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,It.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};vo.states=Tb;vo.className=Ul;var Mi=require("react/jsx-runtime");var hb=require("react/jsx-runtime");var xb=require("react/jsx-runtime");var Nb=require("react/jsx-runtime");var ge=require("react/jsx-runtime"),gb=Me.options,kb=Me.states,Si={...Me.defaultOptions,variant:"normal"},vb=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Lb=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Fa=e=>{let{variant:t,modifiers:o,...a}={...Si,...e},n={},i=(0,ge.jsxs)(zl,{children:[(0,ge.jsx)(vo,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,ge.jsx)(vo,{text:"Add to Favorites",iconName:"heart"}),(0,ge.jsx)(vo,{text:"Upload New",iconName:"upload",disabled:!0}),(0,ge.jsx)("hr",{className:"k-hr"}),(0,ge.jsx)(vo,{text:"Cancel",iconName:"cancel"})]}),p="Choose from the items below",T="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o\|\|{}).forEach(x=>{switch(x){case"actions":n.actionsStart=!!(o!=null&&o[x]),n.actionsEnd=!!(o!=null&&o[x]);break;case"subtitle":n.subtitle=o!=null&&o[x]?p:void 0;break;case"footer":n.footer=!!(o!=null&&o[x]);break;default:break}}),t==="adaptive"?(0,ge.jsx)(Me,{...a,adaptive:!0,fullscreen:n.fullScreen,header:(0,ge.jsx)(nt,{actionsStart:n.actionsStart?(0,ge.jsx)(u,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?(0,ge.jsx)(u,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:T,subtitle:n.subtitle}),footer:n.footer?(0,ge.jsxs)(No,{alignment:"stretched",children:[(0,ge.jsx)(u,{text:"Cancel",size:"large",themeColor:"base"}),(0,ge.jsx)(u,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:i}):(0,ge.jsx)(Me,{...a,fullscreen:n.fullScreen,header:(0,ge.jsx)(nt,{actionsStart:n.actionsStart?(0,ge.jsx)(u,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?(0,ge.jsx)(u,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?(0,ge.jsxs)(No,{alignment:"stretched",children:[(0,ge.jsx)(u,{text:"Apply",themeColor:"primary"}),(0,ge.jsx)(u,{text:"Cancel",themeColor:"base"})]}):void 0,children:i})};Fa.options=gb;Fa.states=kb;Fa.variants=vb;Fa.defaultOptions=Si;Fa.modifiers=Lb;var Fl="slider",Ai=Fl;var _t=require("react/jsx-runtime"),$a="k-slider",Cb=[s.hover,s.focus,s.active,s.disabled,s.readonly],yb={},Ot={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},xe=e=>{let{type:t=Ot.type,orientation:o=Ot.orientation,gradientType:a=Ot.gradientType,readonly:n=Ot.readonly,disabled:i=Ot.disabled,handlePosition:p=Ot.handlePosition,showButtons:T=Ot.showButtons,showTicks:x=Ot.showTicks,value:C=Ot.value,min:w=Ot.min,max:M=Ot.max,startValue:N,endValue:R,hover:E,focus:P,active:z,trackStyle:_,dir:j,...Ne}=e,rt=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),ht,xt;return o==="horizontal"?(ht=j==="rtl"?"caret-alt-left":"caret-alt-right",xt=j==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(ht="caret-alt-up",xt="caret-alt-down"),(0,_t.jsxs)("div",{...Ne,className:r($a,e.className,H($a,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:j,children:[T&&(0,_t.jsx)(u,{className:"k-button-decrease",rounded:"full",icon:xt,tabIndex:-1,title:"Decrease"}),(0,_t.jsxs)("div",{className:"k-slider-track-wrap",children:[x&&(0,_t.jsx)("ul",{className:"k-reset k-slider-items",children:e.children}),(0,_t.jsxs)("div",{className:"k-slider-track",style:_,children:[(0,_t.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,_t.jsx)("span",{className:r("k-draghandle","k-draghandle-start",H($a,{hover:E,focus:P,active:z})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":N??w,"aria-valuemin":w,"aria-valuemax":R??M,"aria-orientation":rt,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":Ne["aria-label"]?`${Ne["aria-label"]} start`:"Range start"}),(0,_t.jsx)("span",{className:r("k-draghandle",`k-draghandle-${p}`,H($a,{hover:E,focus:P,active:z})),role:"slider",tabIndex:i?void 0:0,"aria-valuenow":t==="range"?R??M:C,"aria-valuemin":t==="range"?N??w:w,"aria-valuemax":M,"aria-orientation":rt,"aria-disabled":i?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?Ne["aria-label"]?`${Ne["aria-label"]} end`:"Range end":Ne["aria-label"]})]})]}),T&&(0,_t.jsx)(u,{className:"k-button-increase",rounded:"full",icon:ht,tabIndex:-1,title:"Increase"})]})};xe.states=Cb;xe.options=yb;xe.className=$a;xe.defaultOptions=Ot;xe.moduleName=Fl;xe.folderName=Ai;xe.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").'}]};var $l=require("react/jsx-runtime"),Ei="k-tick",Mb=[],wb={},Ri={label:!1},F=e=>{let{style:t,label:o=Ri.label,orientation:a,large:n,text:i,...p}=e;return(0,$l.jsx)("li",{...p,className:r(e.className,Ei,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&(0,$l.jsx)("span",{className:"k-label",children:i})})};F.states=Mb;F.options=wb;F.className=Ei;F.defaultOptions=Ri;var Ue=require("react/jsx-runtime"),Ii=e=>(0,Ue.jsx)(xe,{"aria-label":e["aria-label"]\|\|"Slider",children:(0,Ue.jsxs)(Ue.Fragment,{children:[(0,Ue.jsx)(F,{className:"k-first",label:!0,large:!0,text:"0"}),(0,Ue.jsx)(F,{}),(0,Ue.jsx)(F,{}),(0,Ue.jsx)(F,{}),(0,Ue.jsx)(F,{}),(0,Ue.jsx)(F,{label:!0,large:!0,text:"5"}),(0,Ue.jsx)(F,{}),(0,Ue.jsx)(F,{}),(0,Ue.jsx)(F,{}),(0,Ue.jsx)(F,{}),(0,Ue.jsx)(F,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var Fe=require("react/jsx-runtime"),Oi=e=>(0,Fe.jsx)(xe,{children:(0,Fe.jsxs)(Fe.Fragment,{children:[(0,Fe.jsx)(F,{className:"k-first",label:!0,large:!0,text:"0"}),(0,Fe.jsx)(F,{}),(0,Fe.jsx)(F,{}),(0,Fe.jsx)(F,{}),(0,Fe.jsx)(F,{}),(0,Fe.jsx)(F,{label:!0,large:!0,text:"5"}),(0,Fe.jsx)(F,{}),(0,Fe.jsx)(F,{}),(0,Fe.jsx)(F,{}),(0,Fe.jsx)(F,{}),(0,Fe.jsx)(F,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});var Vl=require("react/jsx-runtime");var Wl=require("react/jsx-runtime");var Gi=require("react/jsx-runtime"),Xl=e=>(0,Gi.jsx)(xe,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var Pi=require("react/jsx-runtime"),Jl=e=>(0,Pi.jsx)(xe,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var ql=require("react/jsx-runtime");var Yl=require("react/jsx-runtime");var pt=require("react/jsx-runtime"),Sb=xe.options,Ab=xe.states,Hi={...xe.defaultOptions,variant:"horizontal",label:!0},Eb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Rb=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Va=e=>{let{variant:t,modifiers:o,...a}={...Hi,...e},n={};Object.keys(o\|\|{}).forEach(C=>{switch(C){case"button":{n.showButtons=!!(o!=null&&o[C]);break}case"label":{n.label=!!(o!=null&&o[C]);break}case"tick":{n.showTicks=!!(o!=null&&o[C]);break}}});let{label:i=!0,showButtons:p,showTicks:T}=n,x={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,pt.jsxs)(Oi,{showTicks:T,showButtons:p,style:{height:"300px",...x},...a,children:[(0,pt.jsx)(F,{label:i,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,pt.jsx)(F,{label:i,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,pt.jsx)(F,{label:i,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,pt.jsx)(F,{label:i,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,pt.jsx)(F,{label:i,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,pt.jsxs)(Ii,{showTicks:T,showButtons:p,style:{width:"400px",...x},...a,children:[(0,pt.jsx)(F,{label:i,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,pt.jsx)(F,{label:i,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,pt.jsx)(F,{label:i,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,pt.jsx)(F,{label:i,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,pt.jsx)(F,{label:i,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Va.options=Sb;Va.states=Ab;Va.variants=Eb;Va.defaultOptions=Hi;Va.modifiers=Rb;var Wa=require("react/jsx-runtime"),Ki="k-spin-button",Gb=[],Pb={size:[m.undefined,m.small,m.medium,m.large],fillMode:[y.undefined,y.solid,y.flat,y.outline,y.clear,y.link]},Ql={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Lo=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=Ql.increaseLabel,decreaseLabel:i=Ql.decreaseLabel,...p}=e;return(0,Wa.jsxs)("span",{...p,className:r(Ki,e.className),children:[(0,Wa.jsx)(u,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":n}),(0,Wa.jsx)(u,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":i})]})};Lo.states=Gb;Lo.options=Pb;Lo.className=Ki;Lo.defaultOptions=Ql;Lo.moduleName=null;Lo.folderName=null;var Di="numeric-textbox",Bi="numerictextbox";var $e=require("react/jsx-runtime"),_i="k-numerictextbox",Hb=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Kb={size:[m.undefined,m.small,m.medium,m.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[y.undefined,y.solid,y.flat,y.outline]},Pr={showSpinButton:!0,showClearButton:!0,separators:!0},ee=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Pr.separators,showClearButton:i=Pr.showClearButton,showSpinButton:p=Pr.showSpinButton,prefix:T,suffix:x,value:C,placeholder:w,hover:M,focus:N,valid:R,invalid:E,required:P,loading:z,disabled:_,readonly:j,id:Ne,"aria-label":Ae,"aria-describedby":rt,...ht}=e;return(0,$e.jsxs)(Ee,{...ht,size:t,rounded:o,fillMode:a,hover:M,focus:N,valid:R,invalid:E,required:P,loading:z,disabled:_,readonly:j,className:r(e.className,_i),children:[T&&(0,$e.jsxs)($e.Fragment,{children:[(0,$e.jsx)(St,{children:T}),n&&(0,$e.jsx)(Et,{})]}),(0,$e.jsx)(gt,{id:Ne,placeholder:w,value:C,role:"spinbutton",disabled:_,"aria-label":Ae,"aria-describedby":rt,"aria-invalid":E?"true":void 0}),(0,$e.jsx)(lt,{valid:R,invalid:E,loading:z,disabled:_}),(0,$e.jsx)(ct,{loading:z,disabled:_}),i&&(0,$e.jsx)(Nt,{loading:z,disabled:_,readonly:j,value:C}),x&&(0,$e.jsxs)($e.Fragment,{children:[n&&(0,$e.jsx)(Et,{}),(0,$e.jsx)(At,{children:x})]}),p&&(0,$e.jsx)(Lo,{className:"k-input-spinner",size:t,fillMode:a,disabled:_})]})};ee.states=Hb;ee.options=Kb;ee.className=_i;ee.defaultOptions=Pr;ee.moduleName=Di;ee.folderName=Bi;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 Xa=ee;var Ui=require("react/jsx-runtime"),zi=e=>(0,Ui.jsx)(Xa,{...e});var Kr=Ms(require("react"));var Zl=require("react/jsx-runtime"),Db="k-list-group-sticky-header",jl=e=>(0,Zl.jsx)("div",{className:r(Db,e.className),children:(0,Zl.jsx)("div",{className:"k-list-header-text",children:e.children})});var Fi=require("react/jsx-runtime"),Bb="k-no-data",Hr=e=>{let{live:t,...o}=e;return(0,Fi.jsx)("span",{...o,className:r(Bb,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Ho="list",ra=Ho;var la=require("react/jsx-runtime"),en="k-list",_b=[],zb={size:[m.undefined,m.small,m.medium,m.large]},Ub={},ae=e=>{var R;let{size:t,virtualization:o,children:a,header:n,optionLabel:i,customValue:p,noData:T,screenReaders:x,...C}=e,M=Kr.default.Children.toArray(a)[0],N=(R=M==null?void 0:M.props)!=null&&R.children?Kr.default.Children.count(M.props.children):Kr.default.Children.count(a);return(0,la.jsxs)("div",{...C,className:r(e.className,en,O(en,{size:t}),{"k-virtual-list":o}),children:[i,p,n&&(0,la.jsx)(jl,{children:n}),a\|\|(T!==void 0?T:(0,la.jsx)(Hr,{live:!0,children:"No data found."})),x&&a&&(0,la.jsxs)(Hr,{className:"k-sr-only",live:!0,children:[N," items found."]})]})};ae.states=_b;ae.options=zb;ae.className=en;ae.defaultOptions=Ub;ae.moduleName=Ho;ae.folderName=ra;ae.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var Vi=require("react/jsx-runtime"),$i="k-list-container",Fb=[],$b={},Vb={},na=e=>{let{...t}=e;return(0,Vi.jsx)("div",{...t,className:r(e.className,$i),children:e.children})};na.states=Fb;na.options=$b;na.className=$i;na.defaultOptions=Vb;na.moduleName=Ho;na.folderName=ra;var Ko="checkbox",sa=Ko;var tn=require("react/jsx-runtime"),Dr="k-checkbox",Wb=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],Xb={size:[m.undefined,m.small,m.medium,m.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full]},Jb={},mt=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:i,disabled:p,invalid:T,valid:x,required:C,size:w,rounded:M,...N}=e;return(0,tn.jsx)("span",{className:"k-checkbox-wrap",children:(0,tn.jsx)("input",{...N,id:t,type:"checkbox",defaultChecked:o,required:C,disabled:p\|\|void 0,"aria-invalid":T?"true":void 0,className:r(e.className,Dr,O(Dr,{size:w,rounded:M}),H(Dr,{hover:n,focus:i,disabled:p,invalid:T,valid:x,indeterminate:a,checked:o}))})})};mt.states=Wb;mt.options=Xb;mt.className=Dr;mt.defaultOptions=Jb;mt.moduleName=Ko;mt.folderName=sa;mt.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var Jt=mt;var Ji=require("react/jsx-runtime"),Wi="k-checkbox-list",qb=[],Yb={},Xi={layout:"vertical"},ut=e=>{let{layout:t=Xi.layout,...o}=e;return(0,Ji.jsx)("ul",{...o,className:r(e.className,Wi,{[`k-list-${t}`]:t}),children:e.children})};ut.states=qb;ut.options=Yb;ut.className=Wi;ut.defaultOptions=Xi;ut.moduleName=Ko;ut.folderName=sa;var Yi=require("react/jsx-runtime"),qi="k-checkbox-list-item",Qb=[],Zb={},jb={},st=e=>{let{...t}=e;return(0,Yi.jsx)("li",{...t,className:r(e.className,qi),children:e.children})};st.states=Qb;st.options=Zb;st.className=qi;st.defaultOptions=jb;st.moduleName=Ko;st.folderName=sa;var Do=require("react/jsx-runtime"),to=({children:e,id:t,...o})=>(0,Do.jsxs)(Do.Fragment,{children:[(0,Do.jsx)(Jt,{id:t,...o}),(0,Do.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var on=require("react/jsx-runtime");var an=require("react/jsx-runtime");var rn=require("react/jsx-runtime");var ef=require("react/jsx-runtime");var tf=require("react/jsx-runtime");var of=require("react/jsx-runtime");var Ze=require("react/jsx-runtime"),af=ut.options,rf=ut.states,lf={...ut.defaultOptions,variant:"vertical"},nf=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],sf=[],Ja=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,Ze.jsxs)(ut,{layout:"horizontal",...o,children:[(0,Ze.jsx)(st,{children:(0,Ze.jsx)(to,{id:"first",defaultChecked:!0,children:"Label"})}),(0,Ze.jsx)(st,{children:(0,Ze.jsx)(to,{id:"second",children:"Label"})}),(0,Ze.jsx)(st,{children:(0,Ze.jsx)(to,{id:"third",children:"Label"})})]}):(0,Ze.jsxs)(ut,{...o,children:[(0,Ze.jsx)(st,{children:(0,Ze.jsx)(to,{id:"first",defaultChecked:!0,children:"Label"})}),(0,Ze.jsx)(st,{children:(0,Ze.jsx)(to,{id:"second",children:"Label"})}),(0,Ze.jsx)(st,{children:(0,Ze.jsx)(to,{id:"third",children:"Label"})})]})};Ja.options=af;Ja.states=rf;Ja.variants=nf;Ja.defaultOptions=lf;Ja.modifiers=sf;var Qi=require("react/jsx-runtime"),df=Jt.options,cf=Jt.states,pf=Jt.defaultOptions,mf=[],uf=[],qa=e=>(0,Qi.jsx)(to,{id:"checkbox-demo-checkbox",...e,defaultChecked:!0,children:"Label"});qa.options=df;qa.states=cf;qa.variants=mf;qa.defaultOptions=pf;qa.modifiers=uf;var qt=require("react/jsx-runtime"),ln="k-list-item",bf=[s.hover,s.focus,s.selected,s.disabled],ff={},Tf={},W=e=>{let{text:t,groupLabel:o,group:a,iconName:n,iconClassName:i,showCheckbox:p,checked:T,hover:x,focus:C,selected:w,disabled:M,actions:N,description:R,id:E,...P}=e,z=t\|\|e.children;return(0,qt.jsxs)("li",{...P,id:E,role:a?"presentation":"option",tabIndex:a?void 0:C?0:-1,"aria-selected":!a&&w?"true":a?void 0:"false","aria-disabled":!a&&M?"true":void 0,className:r(e.className,a?"k-list-group-item":ln,H(ln,{hover:x,focus:C,disabled:M,selected:w})),children:[p&&(0,qt.jsx)(mt,{checked:T}),n&&(0,qt.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,qt.jsx)(b,{icon:n,className:r("k-list-item-icon",i)})}),(0,qt.jsx)("span",{className:"k-list-item-text",children:z}),N&&(0,qt.jsx)("div",{className:"k-list-item-actions",children:N}),R&&(0,qt.jsx)("span",{className:"k-list-item-description",children:R}),o&&o!==""&&(0,qt.jsx)("div",{className:"k-list-item-group-label",children:o})]})};W.states=bf;W.options=ff;W.className=ln;W.defaultOptions=Tf;W.moduleName=Ho;W.folderName=ra;W.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};var Zi=require("react/jsx-runtime"),hf="k-list-ul",oo=e=>{let{children:t,role:o,id:a,...n}=e;return(0,Zi.jsx)("ul",{...n,id:a,role:o,className:r(hf,e.className),children:t})};oo.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};var ia=require("react/jsx-runtime"),xf="k-list-content",me=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:i,...p}=e;return(0,ia.jsxs)("div",{...p,className:r(xf,e.className),role:o?"listbox":void 0,id:o?i:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?n:void 0,children:[o?e.children:(0,ia.jsx)(oo,{role:"listbox",id:i,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&(0,ia.jsx)("div",{className:"k-height-container",children:(0,ia.jsx)("div",{})})]})};me.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};var nn=require("react/jsx-runtime");var da=require("react/jsx-runtime"),Nf="k-list-group-item",Bo=e=>{let{groupIconName:t,...o}=e;return(0,da.jsxs)("li",{...o,role:"presentation",className:r(Nf,e.className),children:[t&&(0,da.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,da.jsx)(b,{icon:t,className:"k-list-item-icon"})}),(0,da.jsx)("span",{className:"k-list-item-text",children:e.children})]})};Bo.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};var ji=require("react/jsx-runtime"),sn="k-list-optionlabel",gf=[s.hover,s.focus,s.selected,s.disabled],kf={},vf={},Br=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...p}=e;return(0,ji.jsx)("div",{...p,className:r(sn,H(sn,{hover:o,focus:a,selected:n,disabled:i})),children:t})};Br.states=gf;Br.options=kf;Br.className=sn;Br.defaultOptions=vf;var ed=require("react/jsx-runtime"),dn="k-list-custom-value",Lf=[s.hover,s.focus,s.selected,s.disabled],Cf={},yf={},Co=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:i,...p}=e;return(0,ed.jsx)("div",{...p,className:r(dn,H(dn,{hover:o,focus:a,selected:n,disabled:i})),children:t})};Co.states=Lf;Co.options=Cf;Co.className=dn;Co.defaultOptions=yf;var cn=require("react/jsx-runtime");var pn=require("react/jsx-runtime");var mn=require("react/jsx-runtime");var un=require("react/jsx-runtime");var Mf=require("react/jsx-runtime");var bn=require("react/jsx-runtime");var td="dropdown-list",od="dropdownlist";var ke=require("react/jsx-runtime"),ad="k-dropdownlist",wf=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Sf={size:[m.undefined,m.small,m.medium,m.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[y.undefined,y.solid,y.flat,y.outline]},fn={showValue:!0,arrowIconName:"caret-alt-down"},be=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=fn.arrowIconName,showValue:i=fn.showValue,valueIconName:p,prefix:T,suffix:x,value:C,placeholder:w,hover:M,focus:N,valid:R,invalid:E,required:P,loading:z,disabled:_,readonly:j,popup:Ne,opened:Ae,adaptive:rt,adaptiveSettings:ht,adaptiveTitle:xt,adaptiveSubtitle:jo,adaptiveFilter:dl,...Lr}=e;return(0,ke.jsxs)(ke.Fragment,{children:[(0,ke.jsxs)(Vt,{...Lr,size:t,rounded:o,fillMode:a,hover:M,focus:N,valid:R,invalid:E,required:P,loading:z,disabled:_,readonly:j,className:r(e.className,ad,{"k-icon-picker":!i&&p}),children:[(0,ke.jsx)(St,{children:T}),(0,ke.jsx)(Go,{placeholder:w,value:C,showValue:i,valueIconName:p}),(0,ke.jsx)(lt,{valid:R,invalid:E,loading:z,disabled:_}),(0,ke.jsx)(ct,{loading:z,disabled:_}),(0,ke.jsx)(At,{children:x}),(0,ke.jsx)(u,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":w\|\|"Toggle dropdown"})]}),Ae&&Ne&&(0,ke.jsx)(he,{className:"k-list-container k-dropdownlist-popup",children:Ne}),rt&&(0,ke.jsx)(Me,{adaptive:!0,...ht,header:(0,ke.jsx)(nt,{actionsEnd:(0,ke.jsx)(u,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:dl,inputValue:C,inputPlaceholder:w,title:xt,subtitle:jo}),children:(0,ke.jsx)("div",{className:"k-list-container",children:(0,ke.jsx)(ae,{size:"large",children:(0,ke.jsxs)(me,{children:[(0,ke.jsx)(W,{text:"List item"}),(0,ke.jsx)(W,{text:"List item"}),(0,ke.jsx)(W,{text:"List item"})]})})})})]})};be.states=wf;be.options=Sf;be.className=ad;be.defaultOptions=fn;be.moduleName=td;be.folderName=od;var Af=require("react/jsx-runtime");var rd=require("react/jsx-runtime");var Tn=require("react/jsx-runtime");var Ef=require("react/jsx-runtime");var ld=require("react/jsx-runtime");var hn=require("react/jsx-runtime");var bt=require("react/jsx-runtime"),Rf=be.states,If=be.defaultOptions,Of=be.options,Gf=[{name:"opened",title:"Opened"}],Pf=[],Qa=e=>{let{modifiers:t,...o}=e,a={},n=(0,bt.jsxs)(bt.Fragment,{children:[(0,bt.jsx)("div",{className:"k-list-filter",children:(0,bt.jsx)(Rt,{})}),(0,bt.jsx)(ae,{style:{width:300},size:o.size,children:(0,bt.jsxs)(me,{children:[(0,bt.jsx)(W,{children:"List item"}),(0,bt.jsx)(W,{children:"List item"}),(0,bt.jsx)(W,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(i=>{i==="opened"&&(a.opened=!!(t!=null&&t[i]),a.popup=t!=null&&t[i]?n:void 0)}),(0,bt.jsx)("div",{children:(0,bt.jsx)(be,{placeholder:"Value",style:{width:300},...o,...a})})};Qa.options=Of;Qa.states=Rf;Qa.variants=Pf;Qa.defaultOptions=If;Qa.modifiers=Gf;var nd=require("react/jsx-runtime");var sd=require("react/jsx-runtime");var Hf=require("react/jsx-runtime");var _r=require("react/jsx-runtime"),Kf=ee.states,Df=ee.defaultOptions,Bf=ee.options,_f=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],zf=[],Za=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t!=null&&t[n]?(0,_r.jsx)(be,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t!=null&&t[n]?(0,_r.jsx)(Sl,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[n];break;case"spin-button":a.showSpinButton=t==null?void 0:t[n];break;default:break}}),(0,_r.jsx)(zi,{value:"Value",style:{width:300},...o,...a})};Za.options=Bf;Za.states=Kf;Za.variants=zf;Za.defaultOptions=Df;Za.modifiers=_f;var G=require("react/jsx-runtime"),id="k-colorgradient-inputs",Uf=[],Ff={size:[m.undefined,m.small,m.medium,m.large]},dd={mode:"rgba"},ca=e=>{let{mode:t=dd.mode,size:o,...a}=e;return(0,G.jsxs)("div",{...a,className:r(id,"k-hstack"),children:[(0,G.jsx)("div",{className:"k-vstack",children:(0,G.jsx)(u,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&(0,G.jsxs)(G.Fragment,{children:[(0,G.jsxs)("div",{className:"k-vstack",children:[(0,G.jsx)(ee,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),(0,G.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,G.jsxs)("div",{className:"k-vstack",children:[(0,G.jsx)(ee,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),(0,G.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,G.jsxs)("div",{className:"k-vstack",children:[(0,G.jsx)(ee,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),(0,G.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]}),(0,G.jsxs)("div",{className:"k-vstack",children:[(0,G.jsx)(ee,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),(0,G.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&(0,G.jsxs)(G.Fragment,{children:[(0,G.jsxs)("div",{className:"k-vstack",children:[(0,G.jsx)(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),(0,G.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,G.jsxs)("div",{className:"k-vstack",children:[(0,G.jsx)(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),(0,G.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,G.jsxs)("div",{className:"k-vstack",children:[(0,G.jsx)(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),(0,G.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&(0,G.jsxs)(G.Fragment,{children:[(0,G.jsxs)("div",{className:"k-vstack",children:[(0,G.jsx)(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,G.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,G.jsxs)("div",{className:"k-vstack",children:[(0,G.jsx)(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,G.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,G.jsxs)("div",{className:"k-vstack",children:[(0,G.jsx)(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,G.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]}),(0,G.jsxs)("div",{className:"k-vstack",children:[(0,G.jsx)(ee,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),(0,G.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&(0,G.jsxs)(G.Fragment,{children:[(0,G.jsxs)("div",{className:"k-vstack",children:[(0,G.jsx)(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,G.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,G.jsxs)("div",{className:"k-vstack",children:[(0,G.jsx)(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,G.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,G.jsxs)("div",{className:"k-vstack",children:[(0,G.jsx)(ee,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,G.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&(0,G.jsx)(G.Fragment,{children:(0,G.jsxs)("div",{className:"k-vstack k-flex-1",children:[(0,G.jsx)(ue,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,G.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};ca.states=Uf;ca.options=Ff;ca.className=id;ca.defaultOptions=dd;var je=require("react/jsx-runtime"),cd="k-colorgradient-color-contrast",$f=[],Vf={},Wf={},pa=()=>(0,je.jsxs)("div",{className:r(cd,"k-vbox"),children:[(0,je.jsxs)("div",{className:"k-contrast-ratio",children:[(0,je.jsx)("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),(0,je.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:[(0,je.jsx)(b,{icon:"check"}),(0,je.jsx)(b,{icon:"check"})]})]}),(0,je.jsxs)("div",{children:[(0,je.jsx)("span",{children:"AA: 4.5"}),(0,je.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:["Pass",(0,je.jsx)(b,{icon:"check"})]})]}),(0,je.jsxs)("div",{children:[(0,je.jsx)("span",{children:"AAA: 7.0"}),(0,je.jsxs)("span",{className:"k-contrast-validation !k-text-error",children:["Fail",(0,je.jsx)(b,{icon:"x"})]})]})]});pa.states=$f;pa.options=Vf;pa.className=cd;pa.defaultOptions=Wf;var pd="color-gradient",md="colorgradient";var Re=require("react/jsx-runtime"),zr="k-colorgradient",Xf=[s.hover,s.focus,s.readonly,s.disabled],Jf={size:[m.undefined,m.small,m.medium,m.large]},Yt={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"},Ve=e=>{let{size:t,mode:o=Yt.mode,readonly:a=Yt.readonly,disabled:n=Yt.disabled,gradientStyle:i=Yt.gradientStyle,dragHandleStyle:p=Yt.dragHandleStyle,alphaStyle:T=Yt.alphaStyle,alphaStyleHorizontal:x=Yt.alphaStyleHorizontal,contrast:C=Yt.contrast,dir:w,hover:M,focus:N,hoverHandle:R,focusHandle:E,canvasOrientation:P=Yt.canvasOrientation,role:z,tabIndex:_,...j}=e;return(0,Re.jsxs)("div",{...j,role:z??"textbox","aria-label":z==="none"?void 0:"Color gradient",tabIndex:_??0,"aria-disabled":n?"true":void 0,className:r(e.className,zr,O(zr,{size:t}),H(zr,{hover:M,focus:N,readonly:a,disabled:n})),dir:w,children:[!P\|\|P==="horizontal"&&(0,Re.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,Re.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,Re.jsx)("div",{className:"k-hsv-gradient",children:(0,Re.jsx)("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":R,"k-focus":E}),style:p,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),(0,Re.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,Re.jsx)(Jl,{className:"k-hue-slider",hover:R,focus:E}),o!=="rgb"&&o!=="hsv"&&(0,Re.jsx)(Jl,{className:"k-alpha-slider",hover:R,focus:E,trackStyle:T})]})]}),P==="vertical"&&(0,Re.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,Re.jsx)("div",{className:"k-hsv-rectangle",style:i,children:(0,Re.jsx)("div",{className:"k-hsv-gradient",children:(0,Re.jsx)("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":R,"k-focus":E}),style:p,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),(0,Re.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,Re.jsx)(Xl,{className:"k-hue-slider",hover:R,focus:E}),o!=="rgb"&&o!=="hsv"&&(0,Re.jsx)(Xl,{className:"k-alpha-slider",hover:R,focus:E,trackStyle:x})]})]}),(0,Re.jsx)(ca,{mode:e.mode,size:t}),C&&(0,Re.jsx)(pa,{})]})};Ve.states=Xf;Ve.options=Jf;Ve.className=zr;Ve.defaultOptions=Yt;Ve.moduleName=pd;Ve.folderName=md;Ve.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};var ud=require("react/jsx-runtime"),Ur=e=>(0,ud.jsx)(Ve,{...e});var qf=require("react/jsx-runtime");var Yf=require("react/jsx-runtime");var Fr=require("react/jsx-runtime"),Qf=Ve.options,Zf=Ve.states,jf={...Ve.defaultOptions,variant:"rgba"},eT=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],tT=[],ja=e=>{let{variant:t,...o}=e;switch(t){case"hex":return(0,Fr.jsx)(Ur,{...o,mode:t});case"rgb":return(0,Fr.jsx)(Ur,{...o,mode:t});default:return(0,Fr.jsx)(Ur,{...o,mode:t})}};ja.options=Qf;ja.states=Zf;ja.variants=eT;ja.defaultOptions=jf;ja.modifiers=tT;var bd=require("react/jsx-runtime"),xn=e=>(0,bd.jsx)("tr",{role:"row",children:e.children});var fd=require("react/jsx-runtime"),Nn="k-colorpalette-tile",oT=[s.hover,s.focus,s.selected],aT={},ma=e=>{let{color:t,tileSize:o,hover:a,focus:n,selected:i,...p}=e,T={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return(0,fd.jsx)("td",{...p,role:"gridcell","aria-label":t,"aria-selected":i?"true":void 0,className:r(e.className,Nn,H(Nn,{hover:a,focus:n,selected:i})),style:T})};ma.states=oT;ma.options=aT;ma.className=Nn;var Td="color-palette",hd="colorpalette";var ua=require("react/jsx-runtime"),$r="k-colorpalette",rT=[s.disabled],lT={size:[m.undefined,m.small,m.medium,m.large]},xd={columns:10},ft=e=>{let{size:t,palette:o,columns:a=xd.columns,tileSize:n,disabled:i,...p}=e,T=[];if(o){let x=a\|\|o.columns,C=o.colors?o.colors:o;Array.isArray(C)&&Array.from({length:Math.ceil(C.length/x)},(w,M)=>{let N=[];C.slice(Mx,(M+1)x).map((E,P)=>{N.push((0,ua.jsx)(ma,{color:E,tileSize:n},P))});let R=(0,ua.jsx)(xn,{children:N},M);T.push(R)})}return(0,ua.jsx)("div",{...p,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":i?"true":void 0,className:r(e.className,$r,H($r,{disabled:i}),O($r,{size:t})),children:(0,ua.jsx)("table",{className:"k-colorpalette-table",role:"none",children:(0,ua.jsx)("tbody",{children:T.length>0?T:e.children})})})};ft.states=rT;ft.options=lT;ft.className=$r;ft.defaultOptions=xd;ft.moduleName=Td;ft.folderName=hd;ft.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 Vr=ft;var er={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};var gd=require("react/jsx-runtime"),Nd=e=>(0,gd.jsx)(Vr,{palette:er.basic,...e});var nT=require("react/jsx-runtime");var kd=require("react/jsx-runtime");var vd=require("react/jsx-runtime"),sT=ft.options,iT=ft.states,dT={...ft.defaultOptions,variant:"basic"},cT=[{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}},mT=[],tr=e=>{let{variant:t="basic",...o}=e,a=pT[t];return(0,vd.jsx)(Nd,{columns:a.columns,palette:a,...o})};tr.options=sT;tr.states=iT;tr.variants=cT;tr.defaultOptions=dT;tr.modifiers=mT;var Ld="color-editor",Cd="coloreditor";var we=require("react/jsx-runtime"),Wr="k-coloreditor",uT=[s.focus],bT={size:[m.undefined,m.small,m.medium,m.large]},or={view:"gradient",palette:er.office,actionButtons:!0,canvasOrientation:"horizontal"},Se=e=>{let{size:t,view:o=or.view,palette:a=or.palette,color:n,currentColor:i,focus:p,focusView:T,dir:x,group:C,actionButtons:w=or.actionButtons,canvasOrientation:M=or.canvasOrientation,...N}=e;return(0,we.jsxs)("div",{...N,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",Wr,O(Wr,{size:t}),H(Wr,{focus:p})),dir:x,children:[(0,we.jsxs)("div",{className:"k-coloreditor-header k-hstack",children:[(0,we.jsx)("div",{className:"k-coloreditor-header-actions k-hstack",children:C&&(0,we.jsxs)(U,{fillMode:"flat",children:[(0,we.jsx)(u,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),(0,we.jsx)(u,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),(0,we.jsx)("div",{className:"k-spacer"}),(0,we.jsxs)("div",{className:"k-coloreditor-header-actions k-hstack",children:[(0,we.jsx)(u,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),(0,we.jsxs)("div",{className:"k-coloreditor-preview k-vstack",children:[(0,we.jsx)(xo,{className:"k-coloreditor-preview-color",color:n}),(0,we.jsx)(xo,{className:"k-coloreditor-current-color",color:i})]})]})]}),(0,we.jsx)("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?(0,we.jsx)(Ve,{focus:T,size:t,canvasOrientation:M,role:"none",tabIndex:-1}):(0,we.jsx)(ft,{palette:a,size:t})}),w&&(0,we.jsxs)(Xt,{className:"k-coloreditor-footer",alignment:"start",children:[(0,we.jsx)(u,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),(0,we.jsx)(u,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Se.states=uT;Se.options=bT;Se.className=Wr;Se.defaultOptions=or;Se.moduleName=Ld;Se.folderName=Cd;Se.ariaSpec={selector:".k-flatcolorpicker",rules:[{selector:".k-flatcolorpicker",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a submittable value."},{selector:".k-flatcolorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-flatcolorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-flatcolorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the FlatColorPicker is disabled."},{selector:".k-colorgradient",attribute:"role=none",usage:"The inner ColorGradient must have its role removed."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var ba=Se;var fT=require("react/jsx-runtime");var TT=require("react/jsx-runtime");var Md=require("react/jsx-runtime"),yd=e=>(0,Md.jsx)(ba,{group:!0,currentColor:"fuchsia",...e});var Sd=require("react/jsx-runtime"),wd=e=>(0,Sd.jsx)(ba,{view:"palette",group:!0,currentColor:"fuchsia",...e});var gn=require("react/jsx-runtime"),hT=Se.options,xT=Se.states,NT={...Se.defaultOptions,variant:"gradient"},gT=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],kT=[],ar=e=>{let{variant:t,...o}=e;return t==="palette"?(0,gn.jsx)(wd,{...o,color:"white"}):(0,gn.jsx)(yd,{...o,color:"rgba(183, 118 , 118, 1.00)"})};ar.options=hT;ar.states=xT;ar.variants=gT;ar.defaultOptions=NT;ar.modifiers=kT;var Ad="color-picker",Ed="colorpicker";var Ie=require("react/jsx-runtime"),Rd="k-colorpicker",vT=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled],LT={size:[m.undefined,m.small,m.medium,m.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[y.undefined,y.solid,y.flat,y.outline]},Id={arrowIconName:"caret-alt-down"},vt=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Id.arrowIconName,prefix:i,suffix:p,value:T,placeholder:x,hover:C,focus:w,valid:M,invalid:N,required:R,disabled:E,valueIconName:P,popup:z,opened:_,adaptive:j,adaptiveSettings:Ne,adaptiveTitle:Ae,adaptiveSubtitle:rt,...ht}=e,xt="colorpicker-popup";return(0,Ie.jsxs)(Ie.Fragment,{children:[(0,Ie.jsxs)(Vt,{...ht,size:t,rounded:o,fillMode:a,hover:C,focus:w,valid:M,invalid:N,required:R,disabled:E,role:"combobox","aria-haspopup":"dialog","aria-expanded":_?"true":"false","aria-controls":_\|\|j?xt:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":E?"true":void 0,className:r(e.className,Rd,"k-icon-picker"),children:[(0,Ie.jsx)(St,{children:i}),(0,Ie.jsx)(Go,{placeholder:x,value:T,showValue:!1,valueIcon:(0,Ie.jsx)(xo,{className:"k-value-icon",color:T,iconName:P}),valueIconName:P}),(0,Ie.jsx)(At,{children:p}),(0,Ie.jsx)(u,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:E})]}),_&&z&&(0,Ie.jsx)(he,{id:xt,className:"k-colorpicker-popup",children:z}),j&&(0,Ie.jsx)(Me,{adaptive:!0,id:xt,...Ne,header:(0,Ie.jsx)(nt,{actionsEnd:(0,Ie.jsx)(u,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:Ae,subtitle:rt}),footer:(0,Ie.jsxs)(No,{children:[(0,Ie.jsx)(u,{text:"Cancel",size:"large"}),(0,Ie.jsx)(u,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,Ie.jsx)(Se,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};vt.states=vT;vt.options=LT;vt.className=Rd;vt.defaultOptions=Id;vt.moduleName=Ad;vt.folderName=Ed;vt.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var yo=vt;var Od=require("react/jsx-runtime"),Xr=e=>(0,Od.jsx)(yo,{...e});var CT=require("react/jsx-runtime");var yT=require("react/jsx-runtime");var MT=require("react/jsx-runtime");var wT=require("react/jsx-runtime");var ST=require("react/jsx-runtime");var AT=require("react/jsx-runtime");var Mo=require("react/jsx-runtime"),ET=yo.options,RT=yo.states,Gd={...yo.defaultOptions,variant:"color"},IT=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],OT=[{name:"opened",title:"Opened"}],rr=e=>{let{variant:t,modifiers:o,...a}={...Gd,...e},n={};Object.keys(o\|\|{}).forEach(p=>{p==="opened"&&(n.opened=!!(o!=null&&o[p]),n.popup=o!=null&&o[p]?(0,Mo.jsx)(Se,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let i=n.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return(0,Mo.jsx)("div",{style:i,children:(0,Mo.jsx)(Xr,{...a,...n})});case"icon":return(0,Mo.jsx)("div",{style:i,children:(0,Mo.jsx)(Xr,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return(0,Mo.jsx)("div",{style:i,children:(0,Mo.jsx)(Xr,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};rr.options=ET;rr.states=RT;rr.variants=IT;rr.defaultOptions=Gd;rr.modifiers=OT;var kn="combobox",Pd=kn;var se=require("react/jsx-runtime"),Hd="k-combobox",GT=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],PT={size:[m.undefined,m.small,m.medium,m.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[y.undefined,y.solid,y.flat,y.outline]},Kd={separators:!0},it=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Kd.separators,prefix:i,suffix:p,value:T,placeholder:x,hover:C,focus:w,valid:M,invalid:N,required:R,loading:E,disabled:P,popup:z,opened:_,readonly:j,adaptive:Ne,adaptiveSettings:Ae,adaptiveTitle:rt,adaptiveSubtitle:ht,adaptiveCustomValue:xt,id:jo,autocomplete:dl,activeDescendant:Lr,"aria-label":Mm,...wm}=e,Sm=jo?`${jo}-listbox`:void 0;return(0,se.jsxs)(se.Fragment,{children:[(0,se.jsxs)(Ee,{...wm,size:t,rounded:o,fillMode:a,hover:C,focus:w,valid:M,invalid:N,required:R,loading:E,disabled:P,readonly:j,className:r(e.className,Hd),children:[i&&(0,se.jsxs)(se.Fragment,{children:[(0,se.jsx)(St,{children:i}),n&&(0,se.jsx)(Et,{})]}),(0,se.jsx)(gt,{placeholder:x,value:T,role:"combobox","aria-haspopup":"listbox","aria-expanded":_?"true":"false","aria-controls":_?Sm:void 0,"aria-activedescendant":_&&Lr?Lr:void 0,"aria-autocomplete":dl,"aria-invalid":N?"true":void 0,"aria-busy":E?"true":void 0,"aria-label":Mm,disabled:P,readOnly:j}),(0,se.jsx)(lt,{valid:M,invalid:N,loading:E,disabled:P}),(0,se.jsx)(ct,{loading:E,disabled:P}),(0,se.jsx)(Nt,{loading:E,disabled:P,readonly:j,value:T}),p&&(0,se.jsxs)(se.Fragment,{children:[n&&(0,se.jsx)(Et,{}),(0,se.jsx)(At,{children:p})]}),(0,se.jsx)(u,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:P})]}),_&&z&&(0,se.jsx)(he,{className:"k-list-container k-combobox-popup",containerClassName:"k-combobox-popup-container",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:z}),Ne&&(0,se.jsx)(Me,{adaptive:!0,id:jo?`${jo}-adaptive`:void 0,...Ae,header:(0,se.jsx)(nt,{actionsEnd:(0,se.jsx)(u,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:T,inputPlaceholder:x,title:rt,subtitle:ht}),children:(0,se.jsx)("div",{className:"k-list-container",children:(0,se.jsx)(ae,{customValue:xt?(0,se.jsx)(Co,{text:`Use "${T}"`}):void 0,size:"large",children:(0,se.jsxs)(me,{"aria-label":rt\|\|"Options",children:[(0,se.jsx)(W,{text:"List item"}),(0,se.jsx)(W,{text:"List item"}),(0,se.jsx)(W,{text:"List item"})]})})})})]})};it.states=GT;it.options=PT;it.className=Hd;it.defaultOptions=Kd;it.moduleName=kn;it.folderName=Pd;it.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list\|both\|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var Lt=it;var Bd=require("react/jsx-runtime"),Dd=e=>(0,Bd.jsx)(Lt,{...e});var _d=require("react/jsx-runtime");var zd=require("react/jsx-runtime");var Ud=require("react/jsx-runtime");var Fd=require("react/jsx-runtime");var $d=require("react/jsx-runtime");var Vd=require("react/jsx-runtime");var vn=require("react/jsx-runtime");var HT=require("react/jsx-runtime");var KT=require("react/jsx-runtime");var Wd=require("react/jsx-runtime");var Xd=require("react/jsx-runtime");var zt=require("react/jsx-runtime"),DT=it.states,BT=it.defaultOptions,_T=it.options,zT=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],UT=[],lr=e=>{let{modifiers:t,...o}=e,a={},n=(0,zt.jsx)(ae,{style:{width:300},size:o.size,children:(0,zt.jsxs)(me,{children:[(0,zt.jsx)(W,{children:"List item"}),(0,zt.jsx)(W,{children:"List item"}),(0,zt.jsx)(W,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t!=null&&t[i]?(0,zt.jsx)(b,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t!=null&&t[i]?(0,zt.jsx)(ho,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!(t!=null&&t[i]),a.popup=t!=null&&t[i]?n:void 0;break;default:break}}),(0,zt.jsx)("div",{children:(0,zt.jsx)(Dd,{value:"Value",style:{width:300},...o,...a})})};lr.options=_T;lr.states=DT;lr.variants=UT;lr.defaultOptions=BT;lr.modifiers=zT;var Ln="menu-button",Jd=Ln;var Yd=require("react/jsx-runtime"),qd="k-menu-button",FT=[s.hover,s.focus,s.active,s.selected,s.disabled],$T={size:[m.undefined,m.small,m.medium,m.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[y.undefined,y.solid,y.flat,y.outline,y.clear,y.link],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info,k.light,k.dark,k.inverse]},Cn={showArrow:!0,arrowIconName:"caret-alt-down"},fe=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:p,active:T,selected:x,disabled:C,icon:w,text:M,showArrow:N=Cn.showArrow,arrowIconName:R=Cn.arrowIconName,expanded:E,...P}=e;return(0,Yd.jsx)(u,{...P,className:r(e.className,qd),text:M,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:p,active:T,selected:x,disabled:C,icon:w,showArrow:N,arrowIconName:R,"aria-expanded":E?"true":"false",...!M&&w&&!e["aria-label"]&&{"aria-label":"Menu"},...C&&{"aria-disabled":"true"}})};fe.states=FT;fe.options=$T;fe.className=qd;fe.defaultOptions=Cn;fe.moduleName=Ln;fe.folderName=Jd;fe.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var VT=require("react/jsx-runtime");var WT=require("react/jsx-runtime");var XT=require("react/jsx-runtime");var Ct="menu",Pt=Ct;var ao=require("react/jsx-runtime"),yn="k-menu-item",JT=[s.hover,s.focus,s.active,s.selected,s.disabled],qT={},Qd={iconPosition:"before"},et=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:p,text:T,first:x,last:C,showArrow:w,arrowIconName:M,iconPosition:N=Qd.iconPosition,dir:R,children:E,expanded:P,...z}=e,_=M;return _\|\|(_=R==="rtl"?"caret-alt-left":"caret-alt-right"),(0,ao.jsxs)("li",{...z,className:r(e.className,yn,"k-item",H(yn,{focus:o,disabled:i,hover:t,active:a,selected:n}),{"k-first":x,"k-last":C}),role:"menuitem",...w&&{"aria-haspopup":"menu"},...w&&{"aria-expanded":P?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,ao.jsxs)("span",{className:r("k-link k-menu-link"),children:[p&&N==="before"&&(0,ao.jsx)(b,{className:"k-menu-link-icon",icon:p}),(0,ao.jsx)("span",{className:"k-menu-link-text",children:T}),p&&N==="after"&&(0,ao.jsx)(b,{className:"k-menu-link-icon",icon:p}),w&&(0,ao.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,ao.jsx)(b,{icon:_})})]}),E]})};et.states=JT;et.options=qT;et.className=yn;et.defaultOptions=Qd;et.moduleName=Ct;et.folderName=Pt;var ro=require("react/jsx-runtime"),Mn="k-menu-item",YT=[s.hover,s.focus,s.active,s.selected,s.disabled],QT={},wn={dir:"ltr",iconPosition:"before"},ve=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:i,icon:p,text:T,first:x,last:C,showArrow:w,arrowIconName:M,iconPosition:N=wn.iconPosition,dir:R=wn.dir,children:E,popup:P,expanded:z,..._}=e,j=M;return j\|\|(j=R==="rtl"?"caret-alt-left":"caret-alt-right"),(0,ro.jsxs)("li",{..._,className:r(e.className,Mn,"k-item",H(Mn,{focus:o,disabled:i}),{"k-first":x,"k-last":C}),role:"menuitem",...w&&{"aria-haspopup":"menu"},...w&&{"aria-expanded":z?"true":"false"},...i&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,ro.jsxs)("span",{className:r("k-link k-menu-link",H("k-menu-link",{hover:t,active:a,selected:n,disabled:i})),children:[p&&N==="before"&&(0,ro.jsx)(b,{className:"k-menu-link-icon",icon:p}),(0,ro.jsx)("span",{className:"k-menu-link-text",children:T}),p&&N==="after"&&(0,ro.jsx)(b,{className:"k-menu-link-icon",icon:p}),w&&(0,ro.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,ro.jsx)(b,{icon:j})})]}),E,P]})};ve.states=YT;ve.options=QT;ve.className=Mn;ve.defaultOptions=wn;ve.moduleName=Ct;ve.folderName=Pt;var ec=require("react/jsx-runtime"),Zd="k-menu-scroll-wrapper",ZT=[],jT={},eh={},_o=e=>{let{className:t,children:o,orientation:a,...n}=e;return(0,ec.jsx)("div",{...n,className:r(t,Zd,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};_o.states=ZT;_o.options=jT;_o.className=Zd;_o.defaultOptions=eh;_o.moduleName=Ct;_o.folderName=Pt;var jd=_o;var We=require("react/jsx-runtime"),Sn="k-menu",th=[],oh={},qr={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Xe=e=>{let{children:t,orientation:o=qr.orientation,header:a=qr.header,scrollable:n,scrollButtonsPosition:i=qr.scrollButtonsPosition,wrapperStyles:p,dir:T,popup:x,contextMenu:C,...w}=e,M={horizontal:{prev:T!=="rtl"?"left":"right",next:T!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},N=(0,We.jsx)("ul",{dir:T,...w,className:r(e.className,"k-reset",Sn,{[`${Sn}-${o}`]:o,"k-header":a}),role:C?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,We.jsxs)(We.Fragment,{children:[n?(0,We.jsxs)(jd,{orientation:o,style:p,dir:e.dir,children:[i==="start"&&(0,We.jsxs)(We.Fragment,{children:[(0,We.jsx)(u,{fillMode:"flat",icon:`caret-alt-${M[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,We.jsx)(u,{fillMode:"flat",icon:`caret-alt-${M[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&(0,We.jsx)(u,{fillMode:"flat",icon:`caret-alt-${M[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),N,i==="end"&&(0,We.jsxs)(We.Fragment,{children:[(0,We.jsx)(u,{fillMode:"flat",icon:`caret-alt-${M[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,We.jsx)(u,{fillMode:"flat",icon:`caret-alt-${M[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),i==="around"&&(0,We.jsx)(u,{fillMode:"flat",icon:`caret-alt-${M[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):N,x]})};Xe.states=th;Xe.options=oh;Xe.className=Sn;Xe.defaultOptions=qr;Xe.moduleName=Ct;Xe.folderName=Pt;Xe.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item[aria-haspopup]",attribute:"aria-haspopup=menu",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item[aria-haspopup]",attribute:"aria-expanded=true/false",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item[aria-haspopup][aria-controls]",attribute:"aria-controls=ul.k-menu-group id",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};var oc=require("react/jsx-runtime"),An="k-separator",tc={orientation:"horizontal"},fa=e=>{let{orientation:t=tc.orientation,...o}=e;return(0,oc.jsx)("li",{...o,className:r(e.className,"k-item",An,{[`${An}-${t}`]:t}),role:"separator"})};fa.className=An;fa.defaultOptions=tc;fa.moduleName=Ct;fa.folderName=Pt;var ac=require("react/jsx-runtime");var rc=require("react/jsx-runtime"),En="k-menu-group",ah=[],rh={size:[m.undefined,m.small,m.medium,m.large]},lh={},tt=e=>{let{children:t,size:o,...a}=e;return(0,rc.jsx)("ul",{...a,className:r(e.className,En,O(En,{size:o})),role:"menu",children:t})};tt.states=ah;tt.options=rh;tt.className=En;tt.defaultOptions=lh;tt.moduleName=Ct;tt.folderName=Pt;var Ut=require("react/jsx-runtime"),Rn=e=>(0,Ut.jsx)(Xe,{children:(0,Ut.jsxs)(Ut.Fragment,{children:[(0,Ut.jsx)(et,{first:!0,text:"Item 1"}),(0,Ut.jsx)(et,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),(0,Ut.jsx)(et,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),(0,Ut.jsx)(et,{text:"Item 4"}),(0,Ut.jsx)(et,{last:!0,text:"Item 5"})]}),...e});var In=require("react/jsx-runtime");var On=require("react/jsx-runtime");var Gn=require("react/jsx-runtime");var Pn=require("react/jsx-runtime");var Qt=require("react/jsx-runtime"),nh=Xe.options,sh=Xe.states,lc={...Xe.defaultOptions,variant:"horizontal"},ih=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],dh=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],nr=e=>{let{variant:t,modifiers:o,...a}={...lc,...e},n={};return Object.keys(o\|\|{}).forEach(i=>{switch(i){case"scrollable":n.scrollable=!!(o!=null&&o[i]);break;case"opened":n.opened=!!(o!=null&&o[i]),n.popup=(0,Qt.jsx)(he,{className:"k-menu-popup",children:(0,Qt.jsxs)(tt,{children:[(0,Qt.jsx)(ve,{text:"Item 1"}),(0,Qt.jsx)(ve,{text:"Item 2"}),(0,Qt.jsx)(fa,{}),(0,Qt.jsx)(ve,{text:"Item 3"})]})});break}}),t==="vertical"?(0,Qt.jsx)(Rn,{...a,...n,orientation:"vertical",style:{width:"200px"}}):(0,Qt.jsx)(Rn,{...a,...n})};nr.options=nh;nr.states=sh;nr.variants=ih;nr.defaultOptions=lc;nr.modifiers=dh;var Hn=require("react/jsx-runtime");var ch=require("react/jsx-runtime");var ot=require("react/jsx-runtime"),ph=u.states,nc={...u.defaultOptions,variant:"text"},mh=u.options,uh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],bh=[{name:"opened",title:"Opened"}],sr=e=>{let{variant:t,modifiers:o,...a}={...nc,...e},n={},i=(0,ot.jsx)(he,{className:"k-menu-popup",children:(0,ot.jsxs)(tt,{size:a.size,children:[(0,ot.jsx)(ve,{first:!0,text:"Menu Item"}),(0,ot.jsx)(ve,{text:"Menu Item"}),(0,ot.jsx)(ve,{last:!0,text:"Menu Item"})]})}),p;switch(t){case"icon-only":p=(0,ot.jsx)("div",{children:(0,ot.jsx)(fe,{...a,...n,icon:"star"})});break;case"icon-and-text":p=(0,ot.jsx)("div",{children:(0,ot.jsx)(fe,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:p=(0,ot.jsx)("div",{children:(0,ot.jsx)(fe,{...a,...n,children:"Dropdown Button"})});break}return(0,ot.jsxs)(ot.Fragment,{children:[p,(o==null?void 0:o.opened)&&i]})};sr.options=mh;sr.states=ph;sr.variants=uh;sr.defaultOptions=nc;sr.modifiers=bh;var Kn="split-button",sc=Kn;var lo=require("react/jsx-runtime"),Dn="k-split-button",fh=[s.hover,s.focus,s.active,s.selected,s.disabled],Th={size:[m.undefined,m.small,m.medium,m.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[y.undefined,y.solid,y.flat,y.outline,y.clear,y.link],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info,k.light,k.dark,k.inverse]},ic={arrowIconName:"caret-alt-down"},re=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:p,active:T,selected:x,disabled:C,icon:w,text:M,arrowIconName:N=ic.arrowIconName,popup:R,opened:E,popupId:P,...z}=e;return(0,lo.jsxs)(lo.Fragment,{children:[(0,lo.jsxs)("div",{...z,className:r(e.className,Dn,"k-button-group",O(Dn,{rounded:o})),children:[(0,lo.jsx)(u,{text:M,icon:w,size:t,rounded:o,fillMode:a,themeColor:n,hover:i,focus:p,active:T,selected:x,disabled:C,...!M&&!e.children&&w&&{"aria-label":"Action"},children:e.children}),(0,lo.jsx)(u,{className:"k-split-button-arrow",icon:N,size:t,rounded:o,fillMode:a,disabled:C,"aria-label":"Toggle dropdown","aria-expanded":E?"true":"false","aria-controls":E?P:void 0,tabIndex:-1,...C&&{"aria-disabled":"true"}})]}),E&&R&&(0,lo.jsx)(he,{className:"k-menu-popup",children:R})]})};re.states=fh;re.options=Th;re.className=Dn;re.defaultOptions=ic;re.moduleName=Kn;re.folderName=sc;re.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var Bn=re;var dc=require("react/jsx-runtime"),hh="k-toolbar-separator",Ft=e=>(0,dc.jsx)("div",{className:r(hh,e.className,"k-separator")});var no="toolbar",wo=no;var $=require("react/jsx-runtime"),so="k-toolbar",xh=[s.focus],Nh={size:[m.undefined,m.small,m.medium,m.large],fillMode:[y.undefined,y.solid,y.outline,y.flat]},gh={scrollButtons:"around"},ie=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:i,scrollButtons:p,scrollingPosition:T,section:x,...C}=e,w=[],M=(N,R)=>{let E=[];if(N.type===u&&N.props.className&&N.props.className.includes("k-toolbar-overflow-button"))E.push((0,$.jsx)(u,{...N.props,className:`${N.props.className?N.props.className:""}`},`${R}-${new Date().getTime()}`));else if(N.type===u)E.push((0,$.jsx)(u,{...N.props,className:`k-toolbar-button ${N.props.className?N.props.className:""}`},`${R}-${new Date().getTime()}`));else if(N.type===wa)E.push((0,$.jsx)(wa,{...N.props,className:`k-toolbar-button ${N.props.className?N.props.className:""}`},`${R}-${new Date().getTime()}`));else if(N.type===ho)E.push((0,$.jsx)(ho,{...N.props,className:`k-toolbar-button ${N.props.className?N.props.className:""}`},`${R}-${new Date().getTime()}`));else if(N.type===fe)E.push((0,$.jsx)(fe,{...N.props,className:`k-toolbar-menu-button ${N.props.className?N.props.className:""}`},`${R}-${new Date().getTime()}`));else if(N.type===Bn)E.push((0,$.jsx)(Bn,{...N.props,className:`k-toolbar-split-button ${N.props.className?N.props.className:""}`},`${R}-${new Date().getTime()}`));else if(N.type===U\|\|N.props.className&&N.props.className.includes("k-button-group")){let P=[];(Array.isArray(N.props.children)?N.props.children:[N.props.children]).forEach((_,j)=>{P.push((0,$.jsx)(u,{..._.props,className:`${_.props.className?_.props.className:""}`},`${j}-${new Date().getTime()}`))}),E.push((0,$.jsx)(U,{...N.props,className:`k-toolbar-button-group ${N.props.className?N.props.className:""}`,children:P},`${R}-${new Date().getTime()}`))}else N.type===it?E.push((0,$.jsx)(it,{...N.props,className:`k-toolbar-combobox ${N.props.className?N.props.className:""}`},`${R}-${new Date().getTime()}`)):N.type===be?E.push((0,$.jsx)(be,{...N.props,className:`k-toolbar-dropdownlist ${N.props.className?N.props.className:""}`},`${R}-${new Date().getTime()}`)):N.type===vt?E.push((0,$.jsx)(vt,{...N.props,className:`k-toolbar-colorpicker ${N.props.className?N.props.className:""}`},`${R}-${new Date().getTime()}`)):E.push(N);E.forEach(P=>{w.push(P)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((R,E)=>{M(R,E)}),(0,$.jsxs)("div",{...C,className:r(e.className,so,O(so,{size:t,fillMode:o}),H(so,{focus:a}),{[`${so}-resizable`]:n,[`${so}-scrollable`]:i,[`${so}-scrollable-overlay`]:i&&p==="hidden",[`${so}-scrollable-${T}`]:T&&T!=="both",[`${so}-section`]:x}),role:"toolbar","aria-label":"Toolbar",children:[!i&&w,i&&p==="hidden"&&(0,$.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:w}),i&&p==="start"&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(U,{children:[(0,$.jsx)("span",{className:r("k-toolbar-prev","k-button",O("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,$.jsx)(b,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,$.jsx)("span",{className:r("k-toolbar-next","k-button",O("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,$.jsx)(b,{className:"k-button-icon",icon:"caret-alt-right"})})]}),(0,$.jsx)(Ft,{className:"k-toolbar-button-separator"}),(0,$.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:w})]}),i&&p==="end"&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:w}),(0,$.jsx)(Ft,{className:"k-toolbar-button-separator"}),(0,$.jsxs)(U,{children:[(0,$.jsx)("span",{className:r("k-toolbar-prev","k-button",O("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,$.jsx)(b,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,$.jsx)("span",{className:r("k-toolbar-next","k-button",O("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,$.jsx)(b,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),i&&(p==="around"\|\|!p)&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)("span",{className:r("k-toolbar-prev","k-button",O("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,$.jsx)(b,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,$.jsx)(Ft,{className:"k-toolbar-button-separator"}),(0,$.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:w}),(0,$.jsx)(Ft,{className:"k-toolbar-button-separator"}),(0,$.jsx)("span",{className:r("k-toolbar-next","k-button",O("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,$.jsx)(b,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};ie.states=xh;ie.options=Nh;ie.className=so;ie.defaultOptions=gh;ie.moduleName=no;ie.folderName=wo;ie.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])[aria-controls]',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group[aria-labelledby]",attribute:"aria-labelledby=.k-toolbar-overflow-button id",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])[aria-controls]',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list[aria-labelledby]",attribute:"aria-labelledby=.k-toolbar-overflow-button id",usage:"Associates the title of the section toggle button."}]};var pc=require("react/jsx-runtime"),cc="k-floating-toolbar",kh=[],vh={},Lh={},Ta=e=>{let{...t}=e;return(0,pc.jsx)("div",{...t,className:r(e.className,cc),children:e.children})};Ta.states=kh;Ta.options=vh;Ta.className=cc;Ta.defaultOptions=Lh;Ta.moduleName=no;Ta.folderName=wo;var mc=require("react/jsx-runtime"),_n="k-toolbar-item",Ch=[s.focus],yh={},Mh={},ha=e=>{let{focus:t,...o}=e;return(0,mc.jsx)("div",{...o,className:r(e.className,_n,H(_n,{focus:t})),children:e.children})};ha.states=Ch;ha.options=yh;ha.className=_n;ha.defaultOptions=Mh;ha.moduleName=no;ha.folderName=wo;var zn=require("react/jsx-runtime"),uc="k-toolbar-popup",wh=[],Sh={size:[m.undefined,m.small,m.medium,m.large],fillMode:[y.undefined,y.solid,y.outline,y.flat]},Ah={},zo=e=>{let{size:t,fillMode:o,section:a,...n}=e;return(0,zn.jsx)(he,{...n,className:r(e.className,uc),children:a?(0,zn.jsx)("span",{className:r("k-toolbar-items-list",O("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};zo.states=wh;zo.options=Sh;zo.className=uc;zo.defaultOptions=Ah;zo.moduleName=no;zo.folderName=wo;var Yr=zo;var Eh=require("react/jsx-runtime");var Rh=require("react/jsx-runtime");var Ih=require("react/jsx-runtime");var bc=require("react/jsx-runtime");var Oh=require("react/jsx-runtime");var Ht=require("react/jsx-runtime"),Gh=re.states,fc={...re.defaultOptions,variant:"text"},Ph=re.options,Hh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Kh=[{name:"opened",title:"Opened"}],ir=e=>{let{variant:t,modifiers:o,...a}={...fc,...e},n={},i=(0,Ht.jsxs)(tt,{size:a.size,children:[(0,Ht.jsx)(ve,{first:!0,text:"Menu Item"}),(0,Ht.jsx)(ve,{text:"Menu Item"}),(0,Ht.jsx)(ve,{last:!0,text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(p=>{p==="opened"&&(n.opened=!!(o!=null&&o[p]),n.popup=o!=null&&o[p]?i:"")}),t){case"icon-only":return(0,Ht.jsx)("div",{children:(0,Ht.jsx)(re,{...a,...n,icon:"star"})});case"icon-and-text":return(0,Ht.jsx)("div",{children:(0,Ht.jsx)(re,{...a,...n,icon:"star",children:"Split Button"})});default:return(0,Ht.jsx)("div",{children:(0,Ht.jsx)(re,{...a,...n,children:"Split Button"})})}};ir.options=Ph;ir.states=Gh;ir.variants=Hh;ir.defaultOptions=fc;ir.modifiers=Kh;var Zt=require("react/jsx-runtime"),Tc=e=>(0,Zt.jsx)(ie,{children:[(0,Zt.jsx)(u,{children:"Button"},"toolbar-button"),(0,Zt.jsx)(fe,{text:"Menu button"},"toolbar-menu-button"),(0,Zt.jsx)(re,{children:"Split button"},"toolbar-split-button"),(0,Zt.jsxs)(U,{children:[(0,Zt.jsx)(u,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Zt.jsx)(u,{icon:"align-center",children:"Center"}),(0,Zt.jsx)(u,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var hc=require("react/jsx-runtime");var Je=require("react/jsx-runtime"),xc=e=>(0,Je.jsx)(ie,{scrollable:!0,...e,children:[(0,Je.jsx)(u,{children:"Button"},"toolbar-button"),(0,Je.jsx)(fe,{text:"Menu button"},"toolbar-menu-button"),(0,Je.jsx)(re,{children:"Split button"},"toolbar-split-button"),(0,Je.jsxs)(U,{children:[(0,Je.jsx)(u,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Je.jsx)(u,{icon:"align-center",children:"Center"}),(0,Je.jsx)(u,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,Je.jsx)(u,{children:"Button"},"toolbar-button"),(0,Je.jsx)(fe,{text:"Menu button"},"toolbar-menu-button"),(0,Je.jsx)(re,{children:"Split button"},"toolbar-split-button"),(0,Je.jsxs)(U,{children:[(0,Je.jsx)(u,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Je.jsx)(u,{icon:"align-center",children:"Center"}),(0,Je.jsx)(u,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var qe=require("react/jsx-runtime"),Nc=({scrollingPosition:e="start",...t})=>(0,qe.jsx)(ie,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[(0,qe.jsx)(u,{children:"Button"},"toolbar-button"),(0,qe.jsx)(fe,{text:"Menu button"},"toolbar-menu-button"),(0,qe.jsx)(re,{children:"Split button"},"toolbar-split-button"),(0,qe.jsxs)(U,{children:[(0,qe.jsx)(u,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,qe.jsx)(u,{icon:"align-center",children:"Center"}),(0,qe.jsx)(u,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,qe.jsx)(u,{children:"Button"},"toolbar-button"),(0,qe.jsx)(fe,{text:"Menu button"},"toolbar-menu-button"),(0,qe.jsx)(re,{children:"Split button"},"toolbar-split-button"),(0,qe.jsxs)(U,{children:[(0,qe.jsx)(u,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,qe.jsx)(u,{icon:"align-center",children:"Center"}),(0,qe.jsx)(u,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});var Le=require("react/jsx-runtime"),gc=({fillMode:e,size:t,...o})=>(0,Le.jsxs)(Le.Fragment,{children:[(0,Le.jsx)(ie,{section:!0,fillMode:e,size:t,children:[(0,Le.jsx)(u,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,Le.jsxs)(U,{fillMode:e,children:[(0,Le.jsx)(u,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,Le.jsx)(u,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,Le.jsx)(u,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),(0,Le.jsx)(Ft,{className:"k-toolbar-button-separator"}),(0,Le.jsx)(u,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),(0,Le.jsxs)(Yr,{size:t,fillMode:e,section:!0,...o,children:[(0,Le.jsx)(re,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),(0,Le.jsx)(u,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,Le.jsx)(Ft,{}),(0,Le.jsx)(fe,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),(0,Le.jsxs)(U,{fillMode:e,children:[(0,Le.jsx)(u,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,Le.jsx)(u,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,Le.jsx)(u,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});var Un=require("react/jsx-runtime");var Fn=require("react/jsx-runtime");var io=require("react/jsx-runtime"),Dh=ie.options,Bh=ie.states,kc={...ie.defaultOptions,variant:"default"},_h=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],zh=[],dr=e=>{let{variant:t,...o}={...kc,...e};switch(t){case"responsive":return(0,io.jsx)("div",{children:(0,io.jsx)(gc,{style:{width:"583px"},...o})});case"overlay":return(0,io.jsx)("div",{children:(0,io.jsx)(Nc,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,io.jsx)("div",{children:(0,io.jsx)(xc,{style:{width:"583px"},...o})});default:return(0,io.jsx)("div",{children:(0,io.jsx)(Tc,{style:{width:"583px"},...o})})}};dr.options=Dh;dr.states=Bh;dr.variants=_h;dr.defaultOptions=kc;dr.modifiers=zh;var Lc=require("react/jsx-runtime"),vc="k-gantt-header",Uo=e=>(0,Lc.jsx)(ie,{...e,className:r(e.className,vc,"k-gantt-toolbar"),children:e.children});Uo.className=vc;Uo.moduleName=ce;Uo.folderName=pe;var yc=require("react/jsx-runtime"),Cc="k-gantt-footer",Fo=e=>(0,yc.jsx)(ie,{...e,className:r(e.className,Cc,"k-gantt-toolbar"),children:e.children});Fo.className=Cc;Fo.moduleName=ce;Fo.folderName=pe;var wc=require("react/jsx-runtime"),Mc="k-gantt-content",$o=e=>(0,wc.jsx)("div",{...e,className:r(e.className,Mc),children:e.children});$o.className=Mc;$o.moduleName=ce;$o.folderName=pe;var Ac=require("react/jsx-runtime"),Sc="k-gantt-tables",Vo=e=>(0,Ac.jsx)("div",{...e,className:r(e.className,Sc),children:e.children});Vo.className=Sc;Vo.moduleName=ce;Vo.folderName=pe;var Ye="table",at=Ye;var Rc=require("react/jsx-runtime"),Ec="k-data-table",Uh=[],Fh={size:[m.undefined,m.small,m.medium,m.large]},$h={},co=e=>{let{size:t,...o}=e;return(0,Rc.jsx)("div",{...o,className:r(e.className,Ec,O("k-table",{size:t})),children:e.children})};co.states=Uh;co.options=Fh;co.className=Ec;co.defaultOptions=$h;co.moduleName=Ye;co.folderName=at;var Ic=require("react/jsx-runtime"),$n="k-table-header-wrap",Vh=[s.hover,s.focus,s.disabled],Wh={},Xh={},So=e=>{let{children:t,hover:o,focus:a,disabled:n,...i}=e;return(0,Ic.jsx)("div",{...i,className:r(e.className,$n,H($n,{hover:o,focus:a,disabled:n})),children:t})};So.states=Vh;So.options=Wh;So.className=$n;So.defaultOptions=Xh;So.moduleName=Ye;So.folderName=at;var Oc=require("react/jsx-runtime"),Vn="k-table",Jh=[],qh={size:[m.undefined,m.small,m.medium,m.large]},Yh={},Ce=e=>{let{size:t,...o}=e;return(0,Oc.jsx)("table",{...o,className:r(e.className,Vn,O(Vn,{size:t})),children:e.children})};Ce.states=Jh;Ce.options=qh;Ce.className=Vn;Ce.defaultOptions=Yh;Ce.moduleName=Ye;Ce.folderName=at;var Qr=require("react/jsx-runtime"),Wn="k-table-header",Qh=[s.hover,s.focus,s.disabled],Zh={},jh={},po=e=>{let{children:t,hover:o,focus:a,disabled:n,...i}=e;return(0,Qr.jsx)("div",{...i,className:r(e.className,Wn,H(Wn,{hover:o,focus:a,disabled:n})),children:(0,Qr.jsx)(So,{children:(0,Qr.jsx)(Ce,{children:t})})})};po.states=Qh;po.options=Zh;po.className=Wn;po.defaultOptions=jh;po.moduleName=Ye;po.folderName=at;var Pc=require("react/jsx-runtime"),Gc="k-table-scroller",ex=[],tx={},ox={},xa=e=>{let{children:t,...o}=e;return(0,Pc.jsx)("div",{...o,className:r(e.className,Gc),children:t})};xa.states=ex;xa.options=tx;xa.className=Gc;xa.defaultOptions=ox;xa.moduleName=Ye;xa.folderName=at;var ax=require("react/jsx-runtime");var Kc=require("react/jsx-runtime"),Hc="k-table-footer",rx=[],lx={},nx={},Ao=e=>{let{children:t,...o}=e;return(0,Kc.jsx)("div",{...o,className:r(e.className,Hc),children:t})};Ao.states=rx;Ao.options=lx;Ao.className=Hc;Ao.defaultOptions=nx;Ao.moduleName=Ye;Ao.folderName=at;var Dc=require("react/jsx-runtime"),Xn="k-table-list",sx=[],ix={size:[m.undefined,m.small,m.medium,m.large]},dx={},Eo=e=>{let{size:t,virtualization:o,...a}=e;return(0,Dc.jsx)("ul",{...a,className:r(e.className,"k-table",Xn,O(Xn,{size:t}),{"k-virtual-table":o}),children:e.children})};Eo.states=sx;Eo.options=ix;Eo.className=Xn;Eo.defaultOptions=dx;Eo.moduleName=Ye;Eo.folderName=at;var Bc=require("react/jsx-runtime"),cx="k-table-thead",q=e=>(0,Bc.jsx)("thead",{className:r(e.className,cx),children:e.children});var _c=require("react/jsx-runtime"),px="k-table-tbody",V=e=>(0,_c.jsx)("tbody",{className:r(e.className,px),children:e.children});var mx=require("react/jsx-runtime");var zc=require("react/jsx-runtime"),Jn="k-table-row",ux=[s.hover,s.focus,s.selected,s.disabled,s.highlighted],h=e=>{let{hover:t,focus:o,selected:a,highlighted:n,disabled:i,alt:p,...T}=e;return(0,zc.jsx)("tr",{...T,className:r(e.className,Jn,{"k-table-alt-row":p},H(Jn,{hover:t,focus:o,disabled:i,selected:a,highlighted:n})),children:e.children})};h.states=ux;h.className=Jn;var Uc=require("react/jsx-runtime"),qn="k-table-row",bx=[s.hover,s.focus,s.selected,s.disabled],Zr=e=>{let{hover:t,focus:o,selected:a,disabled:n,alt:i,...p}=e;return(0,Uc.jsx)("li",{...p,className:r(e.className,qn,{"k-table-alt-row":i},H(qn,{hover:t,focus:o,disabled:n,selected:a})),children:e.children})};Zr.states=bx;Zr.className=qn;var $c=require("react/jsx-runtime"),Fc="k-table-th",mo=e=>{let{text:t,colspan:o,rowspan:a,...n}=e,i=t\|\|e.children;return(0,$c.jsx)("th",{colSpan:o,rowSpan:a,...n,className:r(e.className,Fc),children:i})};mo.className=Fc;mo.moduleName=Ye;mo.folderName=at;var fx=require("react/jsx-runtime");var Vc=require("react/jsx-runtime"),Yn="k-table-td",Tx=[s.focus,s.selected,s.highlighted],l=e=>{let{focus:t,selected:o,highlighted:a,text:n,colspan:i,rowspan:p,...T}=e,x=n\|\|e.children;return(0,Vc.jsx)("td",{colSpan:i,rowSpan:p,...T,className:r(e.className,Yn,H(Yn,{focus:t,selected:o,highlighted:a})),children:x})};l.states=Tx;l.className=Yn;var hx=require("react/jsx-runtime");var xx=require("react/jsx-runtime");var Nx=require("react/jsx-runtime");var gx=require("react/jsx-runtime");var kx=require("react/jsx-runtime");var Xc=require("react/jsx-runtime");var Jc=require("react/jsx-runtime");var qc=require("react/jsx-runtime");var Qn=require("react/jsx-runtime");var Qc=require("react/jsx-runtime"),Yc="k-gantt-columns",Wo=e=>(0,Qc.jsx)(Ce,{...e,className:r(e.className,Yc),children:e.children});Wo.className=Yc;Wo.moduleName=ce;Wo.folderName=pe;var jc=require("react/jsx-runtime"),Zc="k-gantt-rows",Xo=e=>(0,jc.jsx)(Ce,{...e,className:r(e.className,Zc),children:e.children});Xo.className=Zc;Xo.moduleName=ce;Xo.folderName=pe;var tp=require("react/jsx-runtime"),ep="k-gantt-tasks",Jo=e=>(0,tp.jsx)(Ce,{...e,className:r(e.className,ep),children:e.children});Jo.className=ep;Jo.moduleName=ce;Jo.folderName=pe;var rp=require("react/jsx-runtime"),op="k-task",yx=[],Mx={},ap={type:"single"},Be=e=>{let{type:t=ap.type,...o}=e;return(0,rp.jsx)("div",{...o,className:r(e.className,op,{"k-task-single":t==="single","k-task-milestone":t==="milestone","k-task-summary":t==="summary"})})};Be.states=yx;Be.options=Mx;Be.className=op;Be.defaultOptions=ap;Be.moduleName=ce;Be.folderName=pe;var sp=require("react/jsx-runtime"),lp="k-task-wrap",wx=[],Sx={},np={type:"single"},_e=e=>{let{type:t=np.type,...o}=e;return(0,sp.jsx)("div",{...o,className:r(e.className,lp,{"k-milestone-wrap":t==="milestone","k-summary-wrap":t==="summary"})})};_e.states=wx;_e.options=Sx;_e.className=lp;_e.defaultOptions=np;_e.moduleName=ce;_e.folderName=pe;var cp=require("react/jsx-runtime"),ip="k-task-dot",Ax=[],Ex={},dp={position:"start"},de=e=>{let{position:t=dp.position,...o}=e;return(0,cp.jsx)("div",{...o,className:r(e.className,ip,{"k-task-start":t==="start","k-task-end":t==="end"})})};de.states=Ax;de.options=Ex;de.className=ip;de.defaultOptions=dp;de.moduleName=ce;de.folderName=pe;var uo=require("react/jsx-runtime"),pp="k-task-content",Rx=[],Ix={},Ox={},Kt=e=>{let{content:t,...o}=e;return(0,uo.jsxs)("div",{...o,className:r(e.className,pp),children:[t&&(0,uo.jsx)("div",{className:"k-task-template",children:t}),(0,uo.jsx)("span",{className:"k-task-actions",children:(0,uo.jsx)("a",{className:"k-link k-task-delete",children:(0,uo.jsx)(b,{icon:"x"})})}),(0,uo.jsx)("span",{className:"k-resize-handle k-resize-w"}),(0,uo.jsx)("span",{className:"k-resize-handle k-resize-e"})]})};Kt.states=Rx;Kt.options=Ix;Kt.className=pp;Kt.defaultOptions=Ox;Kt.moduleName=ce;Kt.folderName=pe;var bp=require("react/jsx-runtime"),mp="k-gantt-line",Gx=[],Px={},up={orientation:"horizontal"},Y=e=>{let{orientation:t=up.orientation,...o}=e;return(0,bp.jsx)("div",{...o,className:r(e.className,mp,{"k-gantt-line-h":t==="horizontal","k-gantt-line-v":t==="vertical"})})};Y.states=Gx;Y.options=Px;Y.className=mp;Y.defaultOptions=up;Y.moduleName=ce;Y.folderName=pe;var oe="grid",le=oe;var el=require("react/jsx-runtime"),jr="k-grid",Hx=[],Kx={size:[m.undefined,m.small,m.medium,m.large]},Dx=[],fp={pagerPosition:"bottom"},Q=e=>{let{size:t,pagerPosition:o=fp.pagerPosition,toolbar:a,pager:n,groupingHeader:i,gridSelectionAggregates:p,_renderAriaRoot:T,resizable:x,...C}=e;return(0,el.jsxs)("div",{...C,className:r(e.className,jr,{[`${jr}-resizable`]:x},O(jr,{size:t})),children:[a,o==="top"&&n,i,e.children&&T?(0,el.jsx)("div",{className:"k-grid-aria-root",children:e.children}):e.children,p,o==="bottom"&&n]})};Q.states=Hx;Q.options=Kx;Q.variants=Dx;Q.className=jr;Q.defaultOptions=fp;Q.moduleName=oe;Q.folderName=le;var hp=require("react/jsx-runtime"),Tp="k-grid-header",X=e=>{let{draggable:t,...o}=e;return(0,hp.jsx)("div",{...o,className:r(e.className,Tp,{"k-grid-draggable-header":t}),children:e.children})};X.className=Tp;X.moduleName=oe;X.folderName=le;var cr=require("react/jsx-runtime"),xp="k-grouping-header",Ro=e=>{let{dropHint:t,dropClue:o,...a}=e;return(0,cr.jsxs)("div",{...a,className:r(e.className,xp),children:[o&&(0,cr.jsx)("div",{className:"k-grouping-dropclue"}),e.children,(0,cr.jsx)("div",{className:"k-grouping-drop-container",children:t})]})};Ro.className=xp;Ro.moduleName=oe;Ro.folderName=le;var gp=require("react/jsx-runtime"),Np="k-grid-pinned-container",Zn=e=>{let{position:t,...o}=e;return(0,gp.jsx)("div",{...o,className:r(e.className,Np,{"k-pos-bottom":t==="bottom"}),children:e.children})};Zn.className=Np;Zn.moduleName=oe;Zn.folderName=le;var vp=require("react/jsx-runtime"),kp="k-grid-sticky-container",jn=e=>{let{position:t,...o}=e;return(0,vp.jsx)("div",{...o,className:r(e.className,kp,{"k-pos-bottom":t==="bottom"}),children:e.children})};jn.className=kp;jn.moduleName=oe;jn.folderName=le;var Cp=require("react/jsx-runtime"),Lp="k-grid-header-table",J=e=>(0,Cp.jsx)(Ce,{...e,className:r(e.className,Lp),children:e.children});J.className=Lp;J.moduleName=oe;J.folderName=le;var yt=require("react/jsx-runtime"),es="k-header",Bx=[s.hover,s.focus,s.active],yp={sortIcon:"sort-asc-small"},S=e=>{let{menu:t,sortable:o,filterable:a,sticky:n,resizable:i,columnTitle:p,hover:T,focus:x,active:C,sortIcon:w=yp.sortIcon,sortOrder:M,accessibleLabel:N,...R}=e;return(0,yt.jsxs)(mo,{...R,className:r(e.className,es,{"k-filterable":t\|\|a,"k-sorted":o,"k-grid-header-sticky":n,"k-touch-action-none":i},H(es,{hover:T,focus:x,active:C})),children:[p&&(0,yt.jsxs)("span",{className:"k-cell-inner",children:[(0,yt.jsxs)("span",{className:"k-link",children:[(0,yt.jsx)("span",{className:"k-column-title",children:p}),o&&(0,yt.jsx)("span",{className:"k-sort-icon",children:(0,yt.jsx)(b,{icon:w})}),M&&(0,yt.jsx)("span",{className:"k-sort-order",children:M})]}),t&&(0,yt.jsx)("a",{href:"#",className:r("k-grid-header-menu",{"k-active":C,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:(0,yt.jsx)(b,{icon:t==="filter"?"filter":"more-vertical"})})]}),!p&&N&&(0,yt.jsx)("span",{className:"k-sr-only",children:N}),e.children,i&&(0,yt.jsx)("span",{className:"k-column-resizer k-touch-action-none"})]})};S.states=Bx;S.className=es;S.defaultOptions=yp;S.moduleName=oe;S.folderName=le;var wp=require("react/jsx-runtime"),Mp="k-grid-container",ne=e=>(0,wp.jsx)("div",{...e,className:r(e.className,Mp),children:e.children});ne.className=Mp;ne.moduleName=oe;ne.folderName=le;var Ap=require("react/jsx-runtime"),Sp="k-grid-content",Z=e=>(0,Ap.jsx)("div",{...e,className:r(e.className,Sp),children:e.children});Z.className=Sp;Z.moduleName=oe;Z.folderName=le;var Rp=require("react/jsx-runtime"),Ep="k-grid-table",te=e=>(0,Rp.jsx)(Ce,{...e,className:r(e.className,Ep),children:e.children});te.className=Ep;te.moduleName=oe;te.folderName=le;var Op=require("react/jsx-runtime"),Ip="k-grid-footer",ts=e=>(0,Op.jsx)("div",{...e,className:r(e.className,Ip),children:e.children});ts.className=Ip;ts.moduleName=oe;ts.folderName=le;var Pp=require("react/jsx-runtime"),Gp="k-grid-footer-table",os=e=>(0,Pp.jsx)(Ce,{...e,className:r(e.className,Gp),children:e.children});os.className=Gp;os.moduleName=oe;os.folderName=le;var as="pager",Hp=as;var Te=require("react/jsx-runtime"),tl="k-pager",_x=[s.focus,s.disabled],zx={size:[m.undefined,m.small,m.medium,m.large]},Mt={responsive:!0,pagerSizeInfo:!0,pageTitleInfo:!0,maxPagesInfo:!0,type:"numeric",pageSizes:!0,refresh:!0,previousNext:!0,info:"1 - 5 of 20 items",itemsPerPage:5,maxPages:6,currentPage:1},ye=e=>{let{responsive:t=Mt.responsive,size:o,pagerSizeInfo:a=Mt.pagerSizeInfo,pageTitleInfo:n=Mt.pageTitleInfo,maxPagesInfo:i=Mt.maxPagesInfo,itemsPerPage:p=Mt.itemsPerPage,maxPages:T=Mt.maxPages,currentPage:x=Mt.currentPage,previousNext:C=Mt.previousNext,type:w=Mt.type,pageSizes:M=Mt.pageSizes,refresh:N=Mt.refresh,info:R=Mt.info,focus:E,disabled:P,dir:z,..._}=e,j=[],Ne=[];for(let Ae=1;Ae<=T;Ae++)j.push((0,Te.jsx)(u,{selected:Ae===x,fillMode:"flat",themeColor:"primary",size:o,children:Ae})),Ne.push((0,Te.jsx)("option",{selected:Ae===x,children:Ae}));return(0,Te.jsxs)("div",{dir:z,..._,className:r(e.className,tl,O(tl,{size:o}),H(tl,{focus:E,disabled:P}),{"k-pager-responsive":t}),children:[(0,Te.jsxs)("div",{className:r("k-pager-numbers-wrap"),children:[C&&(0,Te.jsxs)(Te.Fragment,{children:[(0,Te.jsx)(u,{className:r("k-pager-nav","k-pager-first"),disabled:x===1&&!P,fillMode:"flat",size:o,icon:z==="rtl"?"caret-alt-to-right":"caret-alt-to-left"}),(0,Te.jsx)(u,{className:r("k-pager-nav"),disabled:x===1&&!P,fillMode:"flat",size:o,icon:z==="rtl"?"caret-alt-right":"caret-alt-left"})]}),w==="numeric"&&(0,Te.jsx)("div",{className:r("k-pager-numbers"),children:j}),w==="input"&&(0,Te.jsxs)("span",{className:r("k-pager-input"),children:[n&&(0,Te.jsx)("span",{children:"Page"}),(0,Te.jsx)(ee,{value:`${x}`,size:o,showSpinButton:!1,showClearButton:!1}),(0,Te.jsx)("span",{children:i&&`of ${T}`})]}),C&&(0,Te.jsxs)(Te.Fragment,{children:[(0,Te.jsx)(u,{className:r("k-pager-nav"),disabled:x===T&&!P,fillMode:"flat",size:o,icon:z==="rtl"?"caret-alt-left":"caret-alt-right"}),(0,Te.jsx)(u,{className:r("k-pager-nav","k-pager-last"),disabled:x===T&&!P,fillMode:"flat",size:o,icon:z==="rtl"?"caret-alt-to-left":"caret-alt-to-right"})]})]}),M&&(0,Te.jsxs)("span",{className:r("k-pager-sizes"),children:[(0,Te.jsx)(be,{value:`${p}`,size:o}),a&&(0,Te.jsx)("span",{children:"items per page"})]}),N&&(0,Te.jsx)(u,{className:r("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw"}),R&&(0,Te.jsx)("span",{className:r("k-pager-info"),children:R})]})};ye.states=_x;ye.options=zx;ye.className=tl;ye.defaultOptions=Mt;ye.moduleName=as;ye.folderName=Hp;var Ux=require("react/jsx-runtime");var Fx=require("react/jsx-runtime");var $x=require("react/jsx-runtime");var rs=require("react/jsx-runtime"),Vx=ye.options,Wx=ye.states,Xx={...ye.defaultOptions,variant:"numeric"},Jx=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],qx=[],pr=e=>{let{variant:t,...o}=e;return t==="input"?(0,rs.jsx)(ye,{...o,type:"input"}):(0,rs.jsx)(ye,{...o,type:"numeric"})};pr.options=Vx;pr.states=Wx;pr.variants=Jx;pr.defaultOptions=Xx;pr.modifiers=qx;var Dp=require("react/jsx-runtime"),Kp="k-grid-pager",jt=e=>(0,Dp.jsx)(ye,{...e,className:r(e.className,Kp),children:e.children});jt.className=Kp;jt.moduleName=oe;jt.folderName=le;var _p=require("react/jsx-runtime"),Bp="k-grid-toolbar",bo=e=>(0,_p.jsx)(ie,{...e,className:r(e.className,Bp),children:e.children});bo.className=Bp;bo.moduleName=oe;bo.folderName=le;var Na=require("react/jsx-runtime"),ls="k-grid-stack-cell",Yx=[s.focus,s.selected],ol=e=>{let{cellHeader:t,cellContent:o,edit:a,commandCell:n,dirty:i,focus:p,selected:T,...x}=e;return(0,Na.jsxs)("div",{...x,className:r(e.className,ls,{"k-grid-stack-edit-cell":a,"k-command-cell":n,"k-dirty-cell":i},H(ls,{focus:p,selected:T})),children:[i&&(0,Na.jsx)("span",{className:"k-dirty"}),t&&(0,Na.jsx)("div",{className:"k-grid-stack-header",children:t}),(0,Na.jsx)("div",{className:"k-grid-stack-content",children:o}),e.children]})};ol.states=Yx;ol.className=ls;ol.moduleName=oe;ol.folderName=le;var Up=require("react/jsx-runtime"),zp="k-grid-stack-row",al=e=>{let{cols:t,...o}=e;return(0,Up.jsx)("div",{...o,className:r(e.className,zp,{[`k-grid-cols-${t}`]:t}),children:e.children})};al.className=zp;al.moduleName=oe;al.folderName=le;var ns=require("react/jsx-runtime");var ss=require("react/jsx-runtime");var is=require("react/jsx-runtime");var L=require("react/jsx-runtime"),Fp=({contentClassName:e,...t})=>(0,L.jsx)(Q,{_renderAriaRoot:!0,pager:(0,L.jsx)(jt,{refresh:!1}),children:(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(X,{children:(0,L.jsx)("div",{className:"k-grid-header-wrap",children:(0,L.jsxs)(J,{children:[(0,L.jsxs)("colgroup",{children:[(0,L.jsx)("col",{}),(0,L.jsx)("col",{style:{width:"225px"}}),(0,L.jsx)("col",{}),(0,L.jsx)("col",{}),(0,L.jsx)("col",{})]}),(0,L.jsxs)(q,{children:[(0,L.jsxs)(h,{children:[(0,L.jsx)(S,{rowspan:1,colspan:1,columnTitle:"Product Id"}),(0,L.jsx)(S,{rowspan:1,colspan:1,columnTitle:"Name"}),(0,L.jsx)(S,{rowspan:1,colspan:1,columnTitle:"Quantity"}),(0,L.jsx)(S,{rowspan:1,colspan:1,columnTitle:"Unit Price"}),(0,L.jsx)(S,{rowspan:1,colspan:1,columnTitle:"Discontinued"})]}),(0,L.jsxs)(h,{className:"k-filter-row",children:[(0,L.jsx)(l,{children:(0,L.jsx)("div",{className:"k-filtercell",children:(0,L.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,L.jsx)(ee,{}),(0,L.jsxs)("div",{className:"k-filtercell-operator",children:[(0,L.jsx)(be,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,L.jsx)(u,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,L.jsx)(l,{children:(0,L.jsx)("div",{className:"k-filtercell",children:(0,L.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,L.jsx)(ue,{}),(0,L.jsxs)("div",{className:"k-filtercell-operator",children:[(0,L.jsx)(be,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,L.jsx)(u,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,L.jsx)(l,{children:(0,L.jsx)("div",{className:"k-filtercell",children:(0,L.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,L.jsx)(ue,{}),(0,L.jsxs)("div",{className:"k-filtercell-operator",children:[(0,L.jsx)(be,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,L.jsx)(u,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,L.jsx)(l,{children:(0,L.jsx)("div",{className:"k-filtercell",children:(0,L.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,L.jsx)(ee,{}),(0,L.jsxs)("div",{className:"k-filtercell-operator",children:[(0,L.jsx)(be,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,L.jsx)(u,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,L.jsx)(l,{children:(0,L.jsx)("div",{className:"k-filtercell",children:(0,L.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,L.jsx)(be,{}),(0,L.jsx)("div",{className:"k-filtercell-operator",children:(0,L.jsx)(u,{disabled:!0,icon:"filter-clear"})})]})})})]})]})]})})}),(0,L.jsx)(ne,{children:(0,L.jsx)(Z,{className:e,children:(0,L.jsxs)(te,{children:[(0,L.jsxs)("colgroup",{children:[(0,L.jsx)("col",{}),(0,L.jsx)("col",{style:{width:"225px"}}),(0,L.jsx)("col",{}),(0,L.jsx)("col",{}),(0,L.jsx)("col",{})]}),(0,L.jsxs)(V,{children:[(0,L.jsxs)(h,{className:"k-master-row",children:[(0,L.jsx)(l,{children:"1"}),(0,L.jsx)(l,{children:"Chai"}),(0,L.jsx)(l,{children:"10 boxes x 20 bags"}),(0,L.jsx)(l,{children:"18"}),(0,L.jsx)(l,{children:"false"})]}),(0,L.jsxs)(h,{className:"k-master-row",alt:!0,children:[(0,L.jsx)(l,{children:"2"}),(0,L.jsx)(l,{children:"Chang"}),(0,L.jsx)(l,{children:"24 - 12 oz bottles"}),(0,L.jsx)(l,{children:"19"}),(0,L.jsx)(l,{children:"false"})]}),(0,L.jsxs)(h,{className:"k-master-row",children:[(0,L.jsx)(l,{children:"3"}),(0,L.jsx)(l,{children:"Aniseed Syrup"}),(0,L.jsx)(l,{children:"12 - 550 ml bottles"}),(0,L.jsx)(l,{children:"10"}),(0,L.jsx)(l,{children:"false"})]}),(0,L.jsxs)(h,{className:"k-master-row",alt:!0,children:[(0,L.jsx)(l,{children:"4"}),(0,L.jsx)(l,{children:"Chef Anton's Cajun Seasoning"}),(0,L.jsx)(l,{children:"48 - 6 oz jars"}),(0,L.jsx)(l,{children:"22"}),(0,L.jsx)(l,{children:"false"})]}),(0,L.jsxs)(h,{className:"k-master-row",children:[(0,L.jsx)(l,{children:"5"}),(0,L.jsx)(l,{children:"Grandma's Boysenberry Spread"}),(0,L.jsx)(l,{children:"12 - 8 oz jars"}),(0,L.jsx)(l,{children:"25"}),(0,L.jsx)(l,{children:"false"})]})]})]})})})]}),...t});var mr=require("react/jsx-runtime"),Qx="k-chip-action";var Oe=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=(0,mr.jsx)(b,{icon:"x-circle",size:"small"});break;case"more":a=(0,mr.jsx)(b,{icon:"more-vertical",size:"small"});break;default:return(0,mr.jsx)(b,{icon:t,size:"small"})}return(0,mr.jsx)("span",{...o,className:r(e.className,Qx,`k-chip-${t}-action`),children:a})};var ds="avatar",$p=ds;var ps=require("react/jsx-runtime"),ur="k-avatar";var Zx=[s.hover,s.focus,s.active,s.selected,s.disabled],jx={size:[m.undefined,m.small,m.medium,m.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[y.undefined,y.solid,y.outline],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info,k.light,k.dark,k.inverse]},cs={type:"text",border:!1},Tt=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,type:i=cs.type,border:p=cs.border,...T}=e;return(0,ps.jsx)("div",{...T,className:r(e.className,ur,O(ur,{size:t,rounded:o,fillMode:a,themeColor:n}),{[`${ur}-bordered`]:p}),children:(0,ps.jsx)("span",{className:`${ur}-${i}`,children:e.children})})};Tt.states=Zx;Tt.options=jx;Tt.className=ur;Tt.defaultOptions=cs;Tt.moduleName=ds;Tt.folderName=$p;Tt.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var qo=Tt;var Wp=require("react/jsx-runtime"),Vp=e=>(0,Wp.jsx)(qo,{type:"icon",...e});var Jp=require("react/jsx-runtime"),Xp=e=>(0,Jp.jsx)(qo,{type:"text",...e});var Yp=require("react/jsx-runtime"),qp=e=>(0,Yp.jsx)(qo,{type:"image",...e});var eN=require("react/jsx-runtime");var ga=require("react/jsx-runtime"),tN=Tt.options,oN=Tt.states,aN={...Tt.defaultOptions,variant:"image"},rN=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],lN=[],br=e=>{let{variant:t,...o}=e;switch(t){case"icon":return(0,ga.jsx)(Vp,{...o,children:(0,ga.jsx)(b,{icon:"star"})});case"text":return(0,ga.jsx)(Xp,{...o,children:"JO"});default:return(0,ga.jsx)(qp,{...o,children:(0,ga.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};br.options=tN;br.states=oN;br.variants=rN;br.defaultOptions=aN;br.modifiers=lN;var fr="chip",rl=fr;var fo=require("react/jsx-runtime"),ll="k-chip",nN=[s.hover,s.focus,s.active,s.selected,s.disabled],sN={size:[m.undefined,m.small,m.medium,m.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[y.undefined,y.solid,y.outline],themeColor:[k.undefined,k.base,k.success,k.warning,k.error,k.info]},Qp={avatarImage:"/packages/html/assets/avatar.jpg"},Ge=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,text:i,icon:p,actions:T,showAvatar:x,avatarImage:C=Qp.avatarImage,hover:w,focus:M,active:N,selected:R,disabled:E,...P}=e;return(0,fo.jsxs)("div",{...P,className:r(e.className,ll,O(ll,{size:t,rounded:o,fillMode:a,themeColor:n}),H(ll,{hover:w,focus:M,active:N,disabled:E,selected:R})),role:e.role\|\|"button","aria-pressed":e.role==="option"?void 0:R?"true":"false","aria-selected":e.role==="option"?R?"true":"false":void 0,"aria-disabled":E?"true":void 0,children:[p&&(0,fo.jsx)(b,{className:"k-chip-icon",icon:p,size:"small"}),x&&(0,fo.jsx)(Tt,{className:"k-chip-avatar",type:"image",children:(0,fo.jsx)("img",{src:C,alt:""})}),(0,fo.jsx)("span",{className:"k-chip-content",children:e.children?e.children:i&&(0,fo.jsx)("span",{className:"k-chip-label",children:i})}),T&&(0,fo.jsx)("span",{className:"k-chip-actions",children:T})]})};Ge.states=nN;Ge.options=sN;Ge.className=ll;Ge.defaultOptions=Qp;Ge.moduleName=fr;Ge.folderName=rl;Ge.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 Dt=Ge;var Zp=require("react/jsx-runtime"),ms="k-chip-list",iN=[],dN={size:[m.undefined,m.small,m.medium,m.large]},cN={},Pe=e=>{let{size:t,multiselectable:o,ariaLabel:a,...n}=e;return(0,Zp.jsx)("div",{...n,className:r(e.className,ms,O(ms,{size:t})),role:"listbox","aria-label":a\|\|"chip list","aria-orientation":"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};Pe.states=iN;Pe.options=dN;Pe.className=ms;Pe.defaultOptions=cN;Pe.moduleName=fr;Pe.folderName=rl;Pe.ariaSpec={selector:".k-chip-list",rules:[{selector:".k-chip-list",attribute:"role=listbox",usage:"Announces the list role of the chip list."},{selector:".k-chip-list",attribute:"aria-label or aria-labelledby",usage:"Adds label to the ChipList element. ListBox element requires an accessible name."},{selector:".k-chip-list",attribute:"aria-orientation=horizontal",usage:"Specifies the horizontal orientation of the chiplist."},{selector:".k-chip-list",attribute:"aria-multiselectable=true (when multiple selection)",usage:"Announces the multiple selection ability of the chiplist."},{selector:".k-chip-list .k-chip",attribute:"role=option",usage:"Announces the chip is an option inner component of the chip list."},{selector:".k-chip-list .k-chip.k-selected",attribute:"aria-selected=true",usage:"Announces the chip is selected."},{selector:".k-chip-list .k-chip:not(.k-selected)",attribute:"aria-selected=false",usage:"Announces the chip is not selected."},{selector:".k-chip-list .k-chip:has(.k-i-x-circle), .k-chip-list .k-chip:has(.k-svg-i-x-circle)",attribute:"aria-keyshortcuts=Enter Delete",usage:"Announces the Delete action along with the default Enter key."}]};var pN=require("react/jsx-runtime");var mN=require("react/jsx-runtime");var jp=require("react/jsx-runtime"),nl=e=>(0,jp.jsx)(Dt,{text:"text",...e});var uN=require("react/jsx-runtime");var bN=require("react/jsx-runtime");var us=require("react/jsx-runtime");var em=require("react/jsx-runtime");var tm=require("react/jsx-runtime");var om=require("react/jsx-runtime");var To=require("react/jsx-runtime"),fN={...Dt.options,...Pe.options},TN=[],hN=Pe.states,xN={...Dt.defaultOptions,...Pe.defaultOptions},NN=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],Tr=e=>{let{modifiers:t,className:o,...a}=e,n=t==null?void 0:t.icon,i=t==null?void 0:t.actions,p=t==null?void 0:t.avatar;return(0,To.jsxs)(Pe,{size:a.size,className:o,children:[(0,To.jsx)(nl,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:n?"star":void 0,actions:i?(0,To.jsx)(Oe,{type:"remove"}):void 0,showAvatar:p,children:"Chip"}),(0,To.jsx)(nl,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:n?"star":void 0,actions:i?(0,To.jsx)(Oe,{type:"remove"}):void 0,showAvatar:p,children:"Chip"}),(0,To.jsx)(nl,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:n?"star":void 0,actions:i?(0,To.jsx)(Oe,{type:"remove"}):void 0,showAvatar:p,children:"Chip"})]})};Tr.options=fN;Tr.states=hN;Tr.variants=TN;Tr.defaultOptions=xN;Tr.modifiers=NN;var sl=require("react/jsx-runtime"),gN=Ge.states,kN=Ge.defaultOptions,vN=Ge.options,LN=[],CN=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],hr=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"icon":a.icon=t!=null&&t[n]?"arrow-down":void 0;break;case"avatar":a.showAvatar=!!(t!=null&&t[n]),a.avatarImage=t!=null&&t[n]?"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg":void 0;break;case"more-options":a.actions\|\|(a.actions=[]),a.actions[0]=t!=null&&t[n]?(0,sl.jsx)(Oe,{type:"more"}):void 0;break;case"remove-icon":a.actions\|\|(a.actions=[]),a.actions[1]=t!=null&&t[n]?(0,sl.jsx)(Oe,{type:"remove"}):void 0;break;default:break}}),(0,sl.jsx)(Ge,{...o,...a,children:"Chip component"})};hr.options=vN;hr.states=gN;hr.variants=LN;hr.defaultOptions=kN;hr.modifiers=CN;var I=require("react/jsx-runtime"),am=({dropClue:e,contentClassName:t,...o})=>(0,I.jsx)(Q,{_renderAriaRoot:!0,groupingHeader:(0,I.jsx)(Ro,{dropClue:e,children:(0,I.jsxs)(Pe,{children:[(0,I.jsx)(Ge,{icon:"sort-asc-small",text:"ID",actions:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(Oe,{type:"more"}),(0,I.jsx)(Oe,{type:"remove"})]})}),(0,I.jsx)(Ge,{icon:"sort-desc-small",text:"Name",actions:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(Oe,{type:"more"}),(0,I.jsx)(Oe,{type:"remove"})]})})]})}),children:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(X,{draggable:!0,children:(0,I.jsx)("div",{className:"k-grid-header-wrap",children:(0,I.jsxs)(J,{children:[(0,I.jsxs)("colgroup",{children:[(0,I.jsx)("col",{className:"k-group-col"}),(0,I.jsx)("col",{className:"k-group-col"}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{})]}),(0,I.jsx)(q,{children:(0,I.jsxs)(h,{children:[(0,I.jsx)(S,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),(0,I.jsx)(S,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),(0,I.jsx)(S,{colspan:1,columnTitle:"ID"}),(0,I.jsx)(S,{colspan:1,columnTitle:"Name"}),(0,I.jsx)(S,{colspan:1,columnTitle:"Price"}),(0,I.jsx)(S,{colspan:1,columnTitle:"Category"})]})})]})})}),(0,I.jsx)(ne,{children:(0,I.jsx)(Z,{className:t,children:(0,I.jsxs)(te,{children:[(0,I.jsxs)("colgroup",{children:[(0,I.jsx)("col",{className:"k-group-col"}),(0,I.jsx)("col",{className:"k-group-col"}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{})]}),(0,I.jsxs)(V,{children:[(0,I.jsx)(h,{className:"k-table-group-row k-grouping-row",children:(0,I.jsx)(l,{colspan:6,children:(0,I.jsxs)("p",{className:"k-reset",children:[(0,I.jsx)(b,{icon:"caret-alt-right"}),"ID: 1"]})})}),(0,I.jsx)(h,{className:"k-table-group-row k-grouping-row",children:(0,I.jsx)(l,{colspan:6,children:(0,I.jsxs)("p",{className:"k-reset",children:[(0,I.jsx)(b,{icon:"caret-alt-down"}),"ID: 2"]})})}),(0,I.jsxs)(h,{className:"k-table-group-row k-grouping-row",children:[(0,I.jsx)(l,{className:"k-table-group-td k-group-cell"}),(0,I.jsx)(l,{colspan:5,children:(0,I.jsxs)("p",{className:"k-reset",children:[(0,I.jsx)(b,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),(0,I.jsxs)(h,{className:"k-master-row",alt:!0,children:[(0,I.jsx)(l,{className:"k-table-group-td k-group-cell"}),(0,I.jsx)(l,{className:"k-table-group-td k-group-cell"}),(0,I.jsx)(l,{colspan:0,children:"2"}),(0,I.jsx)(l,{colspan:0,children:"Chang"}),(0,I.jsx)(l,{colspan:0,children:"$19.00"}),(0,I.jsx)(l,{colspan:0,children:"Beverages"})]})]})]})})})]}),...o});var bs=require("react/jsx-runtime");var fs=require("react/jsx-runtime");var Ts=require("react/jsx-runtime");var K=require("react/jsx-runtime"),rm=({headerWrapClassName:e,contentClassName:t,...o})=>(0,K.jsx)(Q,{_renderAriaRoot:!0,children:(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(X,{children:(0,K.jsx)("div",{className:`k-grid-header-wrap ${e}`,children:(0,K.jsxs)(J,{children:[(0,K.jsxs)("colgroup",{children:[(0,K.jsx)("col",{}),(0,K.jsx)("col",{}),(0,K.jsx)("col",{}),(0,K.jsx)("col",{})]}),(0,K.jsxs)(q,{children:[(0,K.jsxs)(h,{children:[(0,K.jsx)(S,{rowspan:3,colspan:1,columnTitle:"ID"}),(0,K.jsx)(S,{rowspan:1,colspan:3,columnTitle:"Product Information"})]}),(0,K.jsxs)(h,{children:[(0,K.jsx)(S,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first"}),(0,K.jsx)(S,{rowspan:1,colspan:2,columnTitle:"Unit"})]}),(0,K.jsxs)(h,{children:[(0,K.jsx)(S,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first"}),(0,K.jsx)(S,{rowspan:1,colspan:1,columnTitle:"Units Price"})]})]})]})})}),(0,K.jsx)(ne,{children:(0,K.jsx)(Z,{className:t,children:(0,K.jsxs)(te,{children:[(0,K.jsxs)("colgroup",{children:[(0,K.jsx)("col",{}),(0,K.jsx)("col",{}),(0,K.jsx)("col",{}),(0,K.jsx)("col",{})]}),(0,K.jsxs)(V,{children:[(0,K.jsxs)(h,{className:"k-master-row",children:[(0,K.jsx)(l,{children:"1"}),(0,K.jsx)(l,{children:"Chai"}),(0,K.jsx)(l,{children:"39"}),(0,K.jsx)(l,{children:"18"})]}),(0,K.jsxs)(h,{className:"k-master-row",alt:!0,children:[(0,K.jsx)(l,{children:"2"}),(0,K.jsx)(l,{children:"Chang"}),(0,K.jsx)(l,{children:"17"}),(0,K.jsx)(l,{children:"19"})]}),(0,K.jsxs)(h,{className:"k-master-row",children:[(0,K.jsx)(l,{children:"3"}),(0,K.jsx)(l,{children:"Aniseed Syrup"}),(0,K.jsx)(l,{children:"13"}),(0,K.jsx)(l,{children:"10"})]}),(0,K.jsxs)(h,{className:"k-master-row",alt:!0,children:[(0,K.jsx)(l,{children:"4"}),(0,K.jsx)(l,{children:"Chef Anton's Cajun Seasoning"}),(0,K.jsx)(l,{children:"53"}),(0,K.jsx)(l,{children:"22"})]}),(0,K.jsxs)(h,{className:"k-master-row",children:[(0,K.jsx)(l,{children:"5"}),(0,K.jsx)(l,{children:"Chef Anton's Gumbo Mix"}),(0,K.jsx)(l,{children:"0"}),(0,K.jsx)(l,{children:"21.35"})]})]})]})})})]}),...o});var hs=require("react/jsx-runtime");var xs=require("react/jsx-runtime");var B=require("react/jsx-runtime"),lm=e=>(0,B.jsx)(Q,{_renderAriaRoot:!0,toolbar:(0,B.jsxs)(bo,{children:[(0,B.jsx)(u,{children:"Add new"}),(0,B.jsx)(u,{children:"Save Changes"}),(0,B.jsx)(u,{children:"Cancel Changes"})]}),children:(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(X,{children:(0,B.jsx)("div",{className:"k-grid-header-wrap",children:(0,B.jsxs)(J,{children:[(0,B.jsxs)("colgroup",{children:[(0,B.jsx)("col",{}),(0,B.jsx)("col",{}),(0,B.jsx)("col",{}),(0,B.jsx)("col",{style:{width:"300px"}})]}),(0,B.jsx)(q,{children:(0,B.jsxs)(h,{children:[(0,B.jsx)(S,{columnTitle:"Name"}),(0,B.jsx)(S,{columnTitle:"Price"}),(0,B.jsx)(S,{columnTitle:"Available"}),(0,B.jsx)(S,{accessibleLabel:"Commands"})]})})]})})}),(0,B.jsx)(ne,{children:(0,B.jsx)(Z,{children:(0,B.jsx)("div",{children:(0,B.jsxs)(te,{children:[(0,B.jsxs)("colgroup",{children:[(0,B.jsx)("col",{}),(0,B.jsx)("col",{}),(0,B.jsx)("col",{}),(0,B.jsx)("col",{style:{width:"300px"}})]}),(0,B.jsxs)(V,{children:[(0,B.jsxs)(h,{className:"k-master-row k-grid-add-row k-grid-edit-row",children:[(0,B.jsx)(l,{children:(0,B.jsx)(ue,{value:"Towel"})}),(0,B.jsx)(l,{children:(0,B.jsx)(ee,{value:"42"})}),(0,B.jsx)(l,{children:(0,B.jsx)(mt,{})}),(0,B.jsxs)(l,{className:"k-command-cell",children:[(0,B.jsx)(u,{children:"Add"}),(0,B.jsx)(u,{children:"Cancel"})]})]}),(0,B.jsxs)(h,{className:"k-master-row",children:[(0,B.jsx)(l,{children:"Chai"}),(0,B.jsx)(l,{children:"18"}),(0,B.jsx)(l,{children:"false"}),(0,B.jsx)(l,{className:"k-command-cell",children:(0,B.jsx)(u,{children:"Remove"})})]}),(0,B.jsxs)(h,{className:"k-master-row",alt:!0,children:[(0,B.jsx)(l,{children:"Chang"}),(0,B.jsx)(l,{children:"19"}),(0,B.jsx)(l,{children:"false"}),(0,B.jsx)(l,{className:"k-command-cell",children:(0,B.jsx)(u,{children:"Remove"})})]})]})]})})})})]}),...e});var Ns=require("react/jsx-runtime");var f=require("react/jsx-runtime"),yN=Q.options,MN=Q.states,nm={...Q.defaultOptions,variant:"normal"},wN=[{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"}],SN=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],xr=e=>{let{variant:t,modifiers:o,...a}={...nm,...e},n={toolbar:void 0,pager:void 0},i=(0,f.jsxs)(bo,{children:[(0,f.jsx)(u,{icon:"plus",children:"Add New"}),(0,f.jsx)(u,{icon:"file-pdf",children:"Export to PDF"}),(0,f.jsx)("span",{className:"k-spacer"}),(0,f.jsx)(ue,{prefix:(0,f.jsx)(b,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),p=(0,f.jsx)(ye,{pageSizes:!1,refresh:!1});Object.keys(o\|\|{}).forEach(C=>{switch(C){case"toolbar":n.toolbar=o!=null&&o[C]?i:void 0;break;case"pager":n.pager=o!=null&&o[C]?p:void 0;break;default:return}});let T={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},x=(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(X,{children:(0,f.jsx)("div",{className:"k-grid-header-wrap",children:(0,f.jsxs)(J,{children:[(0,f.jsxs)("colgroup",{children:[(0,f.jsx)("col",{}),(0,f.jsx)("col",{}),(0,f.jsx)("col",{}),(0,f.jsx)("col",{})]}),(0,f.jsx)(q,{children:(0,f.jsxs)(h,{children:[(0,f.jsx)(S,{...T[t],columnTitle:"ID"}),(0,f.jsx)(S,{...T[t],columnTitle:"Product Name"}),(0,f.jsx)(S,{...T[t],columnTitle:"Units in Stock"}),(0,f.jsx)(S,{...T[t],columnTitle:"Units Price"})]})})]})})}),(0,f.jsx)(ne,{children:(0,f.jsx)(Z,{children:(0,f.jsxs)(te,{children:[(0,f.jsxs)("colgroup",{children:[(0,f.jsx)("col",{}),(0,f.jsx)("col",{}),(0,f.jsx)("col",{}),(0,f.jsx)("col",{})]}),(0,f.jsxs)(V,{children:[(0,f.jsxs)(h,{children:[(0,f.jsx)(l,{children:"1"}),(0,f.jsx)(l,{children:"Chai"}),(0,f.jsx)(l,{children:"39"}),(0,f.jsx)(l,{children:"18"})]}),(0,f.jsxs)(h,{className:"k-alt",alt:!0,children:[(0,f.jsx)(l,{children:"2"}),(0,f.jsx)(l,{children:"Chang"}),(0,f.jsx)(l,{children:"17"}),(0,f.jsx)(l,{children:"19"})]}),(0,f.jsxs)(h,{children:[(0,f.jsx)(l,{children:"3"}),(0,f.jsx)(l,{children:"Aniseed Syrup"}),(0,f.jsx)(l,{children:"13"}),(0,f.jsx)(l,{children:"10"})]}),(0,f.jsxs)(h,{className:"k-alt",alt:!0,children:[(0,f.jsx)(l,{children:"4"}),(0,f.jsx)(l,{children:"Chef Anton's Cajun Seasoning"}),(0,f.jsx)(l,{children:"53"}),(0,f.jsx)(l,{children:"22"})]}),(0,f.jsxs)(h,{children:[(0,f.jsx)(l,{children:"5"}),(0,f.jsx)(l,{children:"Chef Anton's Gumbo Mix"}),(0,f.jsx)(l,{children:"0"}),(0,f.jsx)(l,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return(0,f.jsx)(rm,{...a,...n});case"editing":return(0,f.jsx)(lm,{...a,...n});case"grouping":return(0,f.jsx)(am,{...a,...n,groupingHeader:(0,f.jsx)(Ro,{children:(0,f.jsxs)(Pe,{children:[(0,f.jsx)(Ge,{icon:"sort-asc-small",actions:(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(Oe,{type:"more"}),(0,f.jsx)(Oe,{type:"remove"})]}),children:"ID"}),(0,f.jsx)(Ge,{icon:"sort-desc-small",actions:(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(Oe,{type:"more"}),(0,f.jsx)(Oe,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return(0,f.jsx)(Q,{...a,...n,children:(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(X,{children:(0,f.jsxs)("div",{className:"k-grid-header-wrap",children:[" ",(0,f.jsxs)(J,{children:[(0,f.jsxs)("colgroup",{children:[(0,f.jsx)("col",{className:"k-drag-col"}),(0,f.jsx)("col",{}),(0,f.jsx)("col",{}),(0,f.jsx)("col",{}),(0,f.jsx)("col",{})]}),(0,f.jsx)(q,{children:(0,f.jsxs)(h,{children:[(0,f.jsx)(S,{className:"k-drag-cell",accessibleLabel:"Reorder"}),(0,f.jsx)(S,{columnTitle:"ID"}),(0,f.jsx)(S,{columnTitle:"Product Name"}),(0,f.jsx)(S,{columnTitle:"Units in Stock"}),(0,f.jsx)(S,{columnTitle:"Units Price"})]})})]})]})}),(0,f.jsx)(ne,{children:(0,f.jsx)(Z,{children:(0,f.jsxs)(te,{children:[(0,f.jsxs)("colgroup",{children:[(0,f.jsx)("col",{className:"k-drag-col"}),(0,f.jsx)("col",{}),(0,f.jsx)("col",{}),(0,f.jsx)("col",{}),(0,f.jsx)("col",{})]}),(0,f.jsxs)(V,{children:[(0,f.jsxs)(h,{children:[(0,f.jsx)(l,{className:"k-drag-cell",children:(0,f.jsx)(b,{icon:"reorder"})}),(0,f.jsx)(l,{children:"1"}),(0,f.jsx)(l,{children:"Chai"}),(0,f.jsx)(l,{children:"39"}),(0,f.jsx)(l,{children:"18"})]}),(0,f.jsxs)(h,{className:"k-alt",alt:!0,children:[(0,f.jsx)(l,{className:"k-drag-cell",children:(0,f.jsx)(b,{icon:"reorder"})}),(0,f.jsx)(l,{children:"2"}),(0,f.jsx)(l,{children:"Chang"}),(0,f.jsx)(l,{children:"17"}),(0,f.jsx)(l,{children:"19"})]}),(0,f.jsxs)(h,{children:[(0,f.jsx)(l,{className:"k-drag-cell",children:(0,f.jsx)(b,{icon:"reorder"})}),(0,f.jsx)(l,{children:"3"}),(0,f.jsx)(l,{children:"Aniseed Syrup"}),(0,f.jsx)(l,{children:"13"}),(0,f.jsx)(l,{children:"10"})]}),(0,f.jsxs)(h,{className:"k-alt",alt:!0,children:[(0,f.jsx)(l,{className:"k-drag-cell",children:(0,f.jsx)(b,{icon:"reorder"})}),(0,f.jsx)(l,{children:"4"}),(0,f.jsx)(l,{children:"Chef Anton's Cajun Seasoning"}),(0,f.jsx)(l,{children:"53"}),(0,f.jsx)(l,{children:"22"})]}),(0,f.jsxs)(h,{children:[(0,f.jsx)(l,{className:"k-drag-cell",children:(0,f.jsx)(b,{icon:"reorder"})}),(0,f.jsx)(l,{children:"5"}),(0,f.jsx)(l,{children:"Chef Anton's Gumbo Mix"}),(0,f.jsx)(l,{children:"0"}),(0,f.jsx)(l,{children:"21.35"})]})]})]})})})]})});case"filter-row":return(0,f.jsx)(Fp,{...a,...n});default:return(0,f.jsx)(Q,{...a,...n,children:x})}};xr.options=yN;xr.states=MN;xr.variants=wN;xr.defaultOptions=nm;xr.modifiers=SN;var sm=require("react/jsx-runtime"),Yo="k-pane",AN=[],EN={},gs={resizable:!0,flex:!1},He=e=>{let{scrollable:t,flexBasis:o,flex:a=gs.flex,collapsible:n,resizable:i=gs.resizable,pinned:p,unpinned:T,tabbed:x,...C}=e;return(0,sm.jsx)("div",{...C,style:{flexBasis:o,...e.style},className:r(e.className,Yo,{[`${Yo}-static`]:o,[`${Yo}-flex`]:a,"k-scrollable":t,[`${Yo}-pinned`]:p,[`${Yo}-unpinned`]:T,[`${Yo}-tabbed`]:x}),role:"group",children:e.children})};He.states=AN;He.options=EN;He.className=Yo;He.defaultOptions=gs;var wt=require("react/jsx-runtime"),ka="k-splitbar",RN=[s.hover,s.focus],IN={},ks={orientation:"horizontal",draggable:!0},va=e=>{let{hover:t,focus:o,orientation:a=ks.orientation,draggable:n=ks.draggable,collapsePrev:i,collapseNext:p,ariaLabel:T,...x}=e;return(0,wt.jsxs)("div",{...x,className:r(e.className,ka,H(ka,{hover:t,focus:o}),{[`${ka}-${a}`]:a,[`${ka}-draggable-${a}`]:n,[`${ka}-static-${a}`]:!n&&!i&&!p}),role:"separator","aria-label":T,...a==="horizontal"&&{"aria-orientation":"vertical"},"aria-keyshortcuts":"ArrowLeft ArrowRight ArrowUp ArrowDown",children:[i&&(0,wt.jsx)(wt.Fragment,{children:(0,wt.jsx)("div",{className:"k-collapse-prev",children:(0,wt.jsx)(b,{icon:`caret-alt-${a==="horizontal"?"left":"up"}`,size:"xsmall"})})}),(0,wt.jsx)("div",{className:"k-resize-handle"}),p&&(0,wt.jsx)(wt.Fragment,{children:(0,wt.jsx)("div",{className:"k-collapse-next",children:(0,wt.jsx)(b,{icon:`caret-alt-${a==="horizontal"?"right":"down"}`,size:"xsmall"})})})]})};va.states=RN;va.options=IN;va.className=ka;va.defaultOptions=ks;var vs="splitter",im=vs;var il=require("react/jsx-runtime"),cm=require("react"),Ls="k-splitter",ON={},dm={orientation:"horizontal"},ze=e=>{let{orientation:t=dm.orientation,children:o,panes:a,...n}=e,i=[];return a&&a.forEach((p,T)=>{let x=a[T+1],C=p.props,w=x==null?void 0:x.props;i.push((0,cm.createElement)(He,{...C,key:T})),x&&i.push((0,il.jsx)(va,{draggable:C.resizable!==!1&&w.resizable!==!1,collapsePrev:C.collapsible,collapseNext:w.collapsible,orientation:t,ariaLabel:"Pane separator"},`splitbar-${T}`))}),(0,il.jsxs)("div",{...n,className:r(e.className,Ls,{[`${Ls}-${t}`]:t},"k-splitter-flex"),children:[i,o]})};ze.options=ON;ze.className=Ls;ze.defaultOptions=dm;ze.moduleName=vs;ze.folderName=im;ze.ariaSpec={selector:".k-splitter",rules:[{selector:".k-pane",attribute:"role=group",usage:"Sets the proper role for the Splitter pane."},{selector:".k-splitbar",attribute:"role=separator",usage:"Sets the proper role for the Splitter split-bar element."},{selector:".k-splitbar",attribute:"aria-label",usage:"An accessible name for the separator."},{selector:".k-splitbar-horizontal",attribute:"aria-orientation=vertical",usage:"When a splitbar separates two panes horizontally, its aria-orientation must be explicitly set to vertical."},{selector:".k-splitbar",attribute:"aria-keyshortcuts",usage:"Announces available keyboard shortcuts."}]};var pm=require("react/jsx-runtime");var mm=require("react/jsx-runtime");var Qo=require("react/jsx-runtime"),Nr=require("react"),GN=ze.options,PN=ze.states,um={...ze.defaultOptions,variant:"horizontal",firstPaneProps:!0,secondPaneProps:!0},HN=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],KN=[{name:"firstPaneProps",title:"Collapsible Left"},{name:"secondPaneProps",title:"Collapsible Right"}],gr=e=>{let{variant:t,modifiers:o,...a}={...um,...e},n=x=>({collapsible:x,content:x?"Resizable and collapsible":"Resizable only"}),i=n(!0),p=n(!0),T={display:"flex",justifyContent:"center",alignItems:"center"};return Object.keys(o\|\|{}).forEach(x=>{let C=o==null?void 0:o[x];switch(x){case"secondPaneProps":p=n(!!C);break;case"firstPaneProps":i=n(!!C);break;default:break}}),t==="vertical"?(0,Qo.jsx)(ze,{style:{height:"238px"},...a,orientation:"vertical",panes:[(0,Nr.createElement)(He,{...i,flexBasis:"50%",style:T,key:"pane-1"},(0,Qo.jsx)("p",{children:i.content})),(0,Nr.createElement)(He,{...p,flexBasis:"50%",style:T,key:"pane-2"},(0,Qo.jsx)("p",{children:p.content}))]}):(0,Qo.jsx)(ze,{style:{height:"238px"},...a,orientation:"horizontal",panes:[(0,Nr.createElement)(He,{...i,flexBasis:"50%",style:T,key:"pane-1"},(0,Qo.jsx)("p",{children:i.content})),(0,Nr.createElement)(He,{...p,flexBasis:"50%",style:T,key:"pane-2"},(0,Qo.jsx)("p",{children:p.content}))]})};gr.options=GN;gr.states=PN;gr.variants=HN;gr.defaultOptions=um;gr.modifiers=KN;var Cs="treelist",bm=Cs;var Tm=require("react/jsx-runtime"),fm="k-treelist",DN=[],BN={},_N={},Ke=e=>(0,Tm.jsx)(Q,{...e,className:r(fm,e.className),children:e.children});Ke.states=DN;Ke.options=BN;Ke.className=fm;Ke.defaultOptions=_N;Ke.moduleName=Cs;Ke.folderName=bm;var D=require("react/jsx-runtime"),Zo=({gridHeader:e,gridContent:t,menu:o,...a})=>(0,D.jsxs)(Ke,{id:"treelist",_renderAriaRoot:!0,...a,children:[e\|\|(0,D.jsx)(X,{children:(0,D.jsx)("div",{className:"k-grid-header-wrap",children:(0,D.jsxs)(J,{children:[(0,D.jsxs)("colgroup",{children:[(0,D.jsx)("col",{}),(0,D.jsx)("col",{}),(0,D.jsx)("col",{})]}),(0,D.jsx)(q,{children:(0,D.jsxs)(h,{children:[(0,D.jsx)(S,{menu:o,columnTitle:"Name"}),(0,D.jsx)(S,{menu:o,columnTitle:"Position"}),(0,D.jsx)(S,{menu:o,columnTitle:"Hire Date"})]})})]})})}),(0,D.jsx)(ne,{children:t\|\|(0,D.jsx)(Z,{children:(0,D.jsxs)(te,{children:[(0,D.jsxs)("colgroup",{children:[(0,D.jsx)("col",{}),(0,D.jsx)("col",{}),(0,D.jsx)("col",{})]}),(0,D.jsxs)(V,{children:[(0,D.jsxs)(h,{children:[(0,D.jsxs)(l,{children:[(0,D.jsx)(b,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),(0,D.jsx)(l,{children:"Sweeney"}),(0,D.jsx)(l,{children:"CEO"})]}),(0,D.jsxs)(h,{alt:!0,children:[(0,D.jsxs)(l,{children:[(0,D.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,D.jsx)(b,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),(0,D.jsx)(l,{children:"Wooten"}),(0,D.jsx)(l,{children:"Chief Technical Officer"})]}),(0,D.jsxs)(h,{children:[(0,D.jsxs)(l,{children:[(0,D.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,D.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,D.jsx)(b,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),(0,D.jsx)(l,{children:"Weber"}),(0,D.jsx)(l,{children:"VP, Engineering"})]}),(0,D.jsxs)(h,{alt:!0,children:[(0,D.jsxs)(l,{children:[(0,D.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,D.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,D.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,D.jsx)(b,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),(0,D.jsx)(l,{children:"Hood"}),(0,D.jsx)(l,{children:"Team Lead"})]}),(0,D.jsxs)(h,{children:[(0,D.jsxs)(l,{children:[(0,D.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,D.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,D.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,D.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,D.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),(0,D.jsx)(l,{children:"Carr"}),(0,D.jsx)(l,{children:"Junior Software Developer"})]})]})]})})})]});var xm=require("react/jsx-runtime"),hm=e=>(0,xm.jsx)(Zo,{menu:"column",...e});var gm=require("react/jsx-runtime"),Nm=e=>(0,gm.jsx)(Zo,{menu:"filter",...e});var A=require("react/jsx-runtime"),km=({gridHeader:e,gridContent:t,menu:o,...a})=>(0,A.jsxs)(Ke,{id:"treelist",_renderAriaRoot:!0,...a,children:[e\|\|(0,A.jsx)(X,{children:(0,A.jsx)("div",{className:"k-grid-header-wrap",children:(0,A.jsxs)(J,{children:[(0,A.jsxs)("colgroup",{children:[(0,A.jsx)("col",{className:"k-drag-col"}),(0,A.jsx)("col",{}),(0,A.jsx)("col",{}),(0,A.jsx)("col",{})]}),(0,A.jsx)(q,{children:(0,A.jsxs)(h,{children:[(0,A.jsx)(S,{}),(0,A.jsx)(S,{menu:o,columnTitle:"First Name"}),(0,A.jsx)(S,{menu:o,columnTitle:"Last Name"}),(0,A.jsx)(S,{menu:o,columnTitle:"Position"})]})})]})})}),(0,A.jsx)(ne,{children:t\|\|(0,A.jsx)(Z,{children:(0,A.jsxs)(te,{children:[(0,A.jsxs)("colgroup",{children:[(0,A.jsx)("col",{className:"k-drag-col"}),(0,A.jsx)("col",{}),(0,A.jsx)("col",{}),(0,A.jsx)("col",{})]}),(0,A.jsxs)(V,{children:[(0,A.jsxs)(h,{children:[(0,A.jsx)(l,{className:"k-drag-cell",children:(0,A.jsx)(b,{icon:"reorder"})}),(0,A.jsxs)(l,{children:[(0,A.jsx)(b,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),(0,A.jsx)(l,{children:"Sweeney"}),(0,A.jsx)(l,{children:"CEO"})]}),(0,A.jsxs)(h,{alt:!0,children:[(0,A.jsx)(l,{className:"k-drag-cell",children:(0,A.jsx)(b,{icon:"reorder"})}),(0,A.jsxs)(l,{children:[(0,A.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,A.jsx)(b,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),(0,A.jsx)(l,{children:"Wooten"}),(0,A.jsx)(l,{children:"Chief Technical Officer"})]}),(0,A.jsxs)(h,{children:[(0,A.jsx)(l,{className:"k-drag-cell",children:(0,A.jsx)(b,{icon:"reorder"})}),(0,A.jsxs)(l,{children:[(0,A.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,A.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,A.jsx)(b,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),(0,A.jsx)(l,{children:"Weber"}),(0,A.jsx)(l,{children:"VP, Engineering"})]}),(0,A.jsxs)(h,{alt:!0,children:[(0,A.jsx)(l,{className:"k-drag-cell",children:(0,A.jsx)(b,{icon:"reorder"})}),(0,A.jsxs)(l,{children:[(0,A.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,A.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,A.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,A.jsx)(b,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),(0,A.jsx)(l,{children:"Hood"}),(0,A.jsx)(l,{children:"Team Lead"})]}),(0,A.jsxs)(h,{children:[(0,A.jsx)(l,{className:"k-drag-cell",children:(0,A.jsx)(b,{icon:"reorder"})}),(0,A.jsxs)(l,{children:[(0,A.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,A.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,A.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,A.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,A.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),(0,A.jsx)(l,{children:"Carr"}),(0,A.jsx)(l,{children:"Junior Software Developer"})]})]})]})})})]});var vm=require("react/jsx-runtime");var g=require("react/jsx-runtime"),zN=Ke.options,UN=Ke.states,Lm={...Ke.defaultOptions,variant:"normal"},FN=[{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"}],$N=[{name:"toolbar",title:"Toolbar"},{name:"pager",title:"Pager"}],kr=e=>{let{variant:t,modifiers:o,...a}={...Lm,...e},n={},i=(0,g.jsxs)(bo,{children:[(0,g.jsx)(u,{icon:"plus",children:"Add New"}),(0,g.jsx)(u,{icon:"file-pdf",children:"Export to PDF"}),(0,g.jsx)("span",{className:"k-spacer"}),(0,g.jsx)(ue,{prefix:(0,g.jsx)(b,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),p=(0,g.jsx)(ye,{pageSizes:!1,refresh:!1});switch(Object.keys(o\|\|{}).forEach(T=>{switch(T){case"toolbar":n.toolbar=o!=null&&o[T]?i:void 0;break;case"pager":n.pager=o!=null&&o[T]?p:void 0;break;default:return}}),t){case"row-reordering":return(0,g.jsx)(km,{...a,...n});case"column-menu":return(0,g.jsx)(hm,{...a,...n,gridHeader:(0,g.jsx)(X,{children:(0,g.jsx)("div",{className:"k-grid-header-wrap",children:(0,g.jsxs)(J,{children:[(0,g.jsxs)("colgroup",{children:[(0,g.jsx)("col",{}),(0,g.jsx)("col",{}),(0,g.jsx)("col",{})]}),(0,g.jsx)(q,{children:(0,g.jsxs)(h,{children:[(0,g.jsx)(S,{menu:"column",columnTitle:"First Name"}),(0,g.jsx)(S,{menu:"column",columnTitle:"Last Name"}),(0,g.jsx)(S,{menu:"column",columnTitle:"Position"})]})})]})})})});case"filter-row":return(0,g.jsx)(Nm,{...a,...n,gridHeader:(0,g.jsx)(X,{children:(0,g.jsx)("div",{className:"k-grid-header-wrap",children:(0,g.jsxs)(J,{children:[(0,g.jsxs)("colgroup",{children:[(0,g.jsx)("col",{}),(0,g.jsx)("col",{}),(0,g.jsx)("col",{})]}),(0,g.jsx)(q,{children:(0,g.jsxs)(h,{children:[(0,g.jsx)(S,{menu:"filter",columnTitle:"First Name"}),(0,g.jsx)(S,{menu:"filter",columnTitle:"Last Name"}),(0,g.jsx)(S,{menu:"filter",columnTitle:"Position"})]})})]})})})});case"sorting":return(0,g.jsx)(Zo,{...a,...n,gridHeader:(0,g.jsx)(X,{children:(0,g.jsx)("div",{className:"k-grid-header-wrap",children:(0,g.jsxs)(J,{children:[(0,g.jsxs)("colgroup",{children:[(0,g.jsx)("col",{}),(0,g.jsx)("col",{}),(0,g.jsx)("col",{})]}),(0,g.jsx)(q,{children:(0,g.jsxs)(h,{children:[(0,g.jsx)(S,{columnTitle:"First Name"}),(0,g.jsx)(S,{columnTitle:"Last Name",sortable:!0}),(0,g.jsx)(S,{columnTitle:"Position"})]})})]})})}),gridContent:(0,g.jsx)(Z,{children:(0,g.jsxs)(te,{children:[(0,g.jsxs)("colgroup",{children:[(0,g.jsx)("col",{}),(0,g.jsx)("col",{className:"k-sorted"}),(0,g.jsx)("col",{})]}),(0,g.jsxs)(V,{children:[(0,g.jsxs)(h,{className:"k-treelist-group",children:[(0,g.jsxs)(l,{children:[(0,g.jsx)(b,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),(0,g.jsx)(l,{children:"Sweeney"}),(0,g.jsx)(l,{children:"CEO"})]}),(0,g.jsxs)(h,{className:"k-treelist-group k-alt",alt:!0,children:[(0,g.jsxs)(l,{children:[(0,g.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,g.jsx)(b,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),(0,g.jsx)(l,{children:"Wooten"}),(0,g.jsx)(l,{children:"Chief Technical Officer"})]}),(0,g.jsxs)(h,{className:"k-treelist-group",children:[(0,g.jsxs)(l,{children:[(0,g.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,g.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,g.jsx)(b,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),(0,g.jsx)(l,{children:"Weber"}),(0,g.jsx)(l,{children:"VP, Engineering"})]}),(0,g.jsxs)(h,{className:"k-treelist-group k-alt",alt:!0,children:[(0,g.jsxs)(l,{children:[(0,g.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,g.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,g.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,g.jsx)(b,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),(0,g.jsx)(l,{children:"Hood"}),(0,g.jsx)(l,{children:"Team Lead"})]}),(0,g.jsxs)(h,{children:[(0,g.jsxs)(l,{children:[(0,g.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,g.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,g.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,g.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,g.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),(0,g.jsx)(l,{children:"Carr"}),(0,g.jsx)(l,{children:"Junior Software Developer"})]})]})]})})});default:return(0,g.jsx)(Zo,{...a,...n,gridHeader:(0,g.jsx)(X,{children:(0,g.jsx)("div",{className:"k-grid-header-wrap",children:(0,g.jsxs)(J,{children:[(0,g.jsxs)("colgroup",{children:[(0,g.jsx)("col",{}),(0,g.jsx)("col",{}),(0,g.jsx)("col",{})]}),(0,g.jsx)(q,{children:(0,g.jsxs)(h,{children:[(0,g.jsx)(S,{columnTitle:"First Name"}),(0,g.jsx)(S,{columnTitle:"Last Name"}),(0,g.jsx)(S,{columnTitle:"Position"})]})})]})})})})}};kr.options=zN;kr.states=UN;kr.variants=FN;kr.defaultOptions=Lm;kr.modifiers=$N;var c=require("react/jsx-runtime"),Cm=({flexBasis:e="30%",gridContentHeight:t="180px",tablesWidth:o="675px",tablesHeight:a="828px",currentTimeLeftOffset:n="243px",ganttDependencies:i,menu:p,...T})=>(0,c.jsx)($t,{headerToolbar:(0,c.jsxs)(Uo,{children:[(0,c.jsx)(u,{className:"k-gantt-toggle",icon:"layout-1-by-4"}),(0,c.jsx)(u,{className:"k-gantt-create",icon:"plus",children:"Add Task"}),(0,c.jsx)("span",{className:"k-spacer"}),(0,c.jsxs)("div",{className:"k-gantt-views-wrapper",children:[(0,c.jsxs)("select",{className:"k-picker k-dropdown-list k-dropdown k-views-dropdown",children:[(0,c.jsx)("option",{value:"day",children:"Day"}),(0,c.jsx)("option",{value:"week",children:"Week"}),(0,c.jsx)("option",{value:"month",children:"Month"})]}),(0,c.jsxs)(U,{className:"k-gantt-views",children:[(0,c.jsx)(u,{className:"k-view-day k-group-start",children:"Day"}),(0,c.jsx)(u,{className:"k-view-week",selected:!0,children:"Week"}),(0,c.jsx)(u,{className:"k-view-month k-group-end",children:"Month"})]})]})]}),footerToolbar:(0,c.jsx)(Fo,{children:(0,c.jsx)(u,{className:"k-gantt-create",icon:"plus",children:"Add Task"})}),...T,children:(0,c.jsx)($o,{children:T.children\|\|(0,c.jsx)(ze,{className:"k-gantt-splitter",panes:[(0,c.jsx)(He,{className:"k-gantt-treelist",flexBasis:e,children:(0,c.jsxs)(Ke,{_renderAriaRoot:!0,children:[(0,c.jsx)(X,{children:(0,c.jsx)("div",{className:"k-grid-header-wrap",children:(0,c.jsxs)(J,{style:{minWidth:"250px"},children:[(0,c.jsxs)("colgroup",{children:[(0,c.jsx)("col",{style:{width:"50px"}}),(0,c.jsx)("col",{})]}),(0,c.jsx)(q,{children:(0,c.jsxs)(h,{children:[(0,c.jsx)(S,{menu:p,rowspan:1,columnTitle:"ID"}),(0,c.jsx)(S,{menu:p,rowspan:1,columnTitle:"Title"})]})})]})})}),(0,c.jsx)(ne,{children:(0,c.jsx)(Z,{style:{height:t},children:(0,c.jsxs)(te,{style:{minWidth:"250px"},children:[(0,c.jsxs)("colgroup",{children:[(0,c.jsx)("col",{style:{width:"50px"}}),(0,c.jsx)("col",{})]}),(0,c.jsxs)(V,{children:[(0,c.jsxs)(h,{children:[(0,c.jsx)(l,{children:"7"}),(0,c.jsxs)(l,{children:[(0,c.jsx)(b,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Software validation, research and implementation"]})]}),(0,c.jsxs)(h,{alt:!0,children:[(0,c.jsx)(l,{children:"18"}),(0,c.jsxs)(l,{children:[(0,c.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,c.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),"Project Kickoff"]})]}),(0,c.jsxs)(h,{children:[(0,c.jsx)(l,{children:"11"}),(0,c.jsxs)(l,{children:[(0,c.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,c.jsx)(b,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Research"]})]}),(0,c.jsxs)(h,{alt:!0,children:[(0,c.jsx)(l,{children:"19"}),(0,c.jsxs)(l,{children:[(0,c.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,c.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,c.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),"Validation with Customers"]})]}),(0,c.jsxs)(h,{children:[(0,c.jsx)(l,{children:"20"}),(0,c.jsxs)(l,{children:[(0,c.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,c.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,c.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),"Market Research"]})]})]})]})})})]})},"gantt-treelist-pane"),(0,c.jsx)(He,{className:"k-gantt-timeline-pane",children:(0,c.jsxs)(Q,{className:"k-gantt-timeline",children:[(0,c.jsx)(X,{children:(0,c.jsx)("div",{className:"k-grid-header-wrap",children:(0,c.jsxs)(J,{style:{width:o},children:[(0,c.jsxs)("colgroup",{children:[(0,c.jsx)("col",{}),(0,c.jsx)("col",{}),(0,c.jsx)("col",{}),(0,c.jsx)("col",{}),(0,c.jsx)("col",{}),(0,c.jsx)("col",{}),(0,c.jsx)("col",{})]}),(0,c.jsxs)(V,{children:[(0,c.jsx)(h,{children:(0,c.jsx)(l,{className:"k-header",colspan:7,children:"Sun 6/01 - Sat 6/07"})}),(0,c.jsxs)(h,{children:[(0,c.jsx)(l,{colspan:1,className:"k-header k-nonwork-hour",children:"Sun 6/01"}),(0,c.jsx)(l,{className:"k-header",colspan:1,children:"Mon 6/02"}),(0,c.jsx)(l,{className:"k-header",colspan:1,children:"Tue 6/03"}),(0,c.jsx)(l,{className:"k-header",colspan:1,children:"Wed 6/04"}),(0,c.jsx)(l,{className:"k-header",colspan:1,children:"Thu 6/05"}),(0,c.jsx)(l,{className:"k-header",colspan:1,children:"Fri 6/06"}),(0,c.jsx)(l,{colspan:1,className:"k-header k-nonwork-hour",children:"Sat 6/07"})]})]})]})})}),(0,c.jsxs)(Z,{style:{height:t},children:[(0,c.jsxs)(Vo,{children:[(0,c.jsxs)(Xo,{className:"k-grid-table",style:{width:o},children:[(0,c.jsx)("colgroup",{children:(0,c.jsx)("col",{})}),(0,c.jsxs)(V,{children:[(0,c.jsx)(h,{children:(0,c.jsx)(l,{})}),(0,c.jsx)(h,{alt:!0,children:(0,c.jsx)(l,{})}),(0,c.jsx)(h,{children:(0,c.jsx)(l,{})}),(0,c.jsx)(h,{alt:!0,children:(0,c.jsx)(l,{})}),(0,c.jsx)(h,{children:(0,c.jsx)(l,{})})]})]}),(0,c.jsxs)(Wo,{style:{width:o,height:a},children:[(0,c.jsxs)("colgroup",{children:[(0,c.jsx)("col",{}),(0,c.jsx)("col",{}),(0,c.jsx)("col",{}),(0,c.jsx)("col",{}),(0,c.jsx)("col",{}),(0,c.jsx)("col",{}),(0,c.jsx)("col",{})]}),(0,c.jsx)(V,{children:(0,c.jsxs)(h,{children:[(0,c.jsx)(l,{className:"k-nonwork-hour"}),(0,c.jsx)(l,{}),(0,c.jsx)(l,{}),(0,c.jsx)(l,{}),(0,c.jsx)(l,{}),(0,c.jsx)(l,{}),(0,c.jsx)(l,{className:"k-nonwork-hour"})]})})]}),(0,c.jsxs)(Jo,{style:{width:o},children:[(0,c.jsx)("colgroup",{children:(0,c.jsx)("col",{})}),(0,c.jsxs)(V,{children:[(0,c.jsx)(h,{children:(0,c.jsx)(l,{children:(0,c.jsxs)(_e,{type:"summary",style:{left:"113px"},children:[(0,c.jsx)(Be,{type:"summary",style:{width:"4000px"},children:(0,c.jsx)("div",{className:"k-task-summary-progress",style:{width:"1720px"},children:(0,c.jsx)("div",{className:"k-task-summary-complete",style:{width:"4000px"}})})}),(0,c.jsx)(de,{}),(0,c.jsx)(de,{position:"end",style:{right:"0px"}})]})})}),(0,c.jsx)(h,{children:(0,c.jsx)(l,{children:(0,c.jsxs)(_e,{type:"milestone",style:{left:"113px"},children:[(0,c.jsx)(Be,{type:"milestone"}),(0,c.jsx)(de,{}),(0,c.jsx)(de,{position:"end",style:{right:"0px"}})]})})}),(0,c.jsx)(h,{children:(0,c.jsx)(l,{children:(0,c.jsxs)(_e,{type:"summary",style:{left:"113px"},children:[(0,c.jsx)(Be,{type:"summary",style:{width:"500px"},children:(0,c.jsx)("div",{className:"k-task-summary-progress",style:{width:"215px"},children:(0,c.jsx)("div",{className:"k-task-summary-complete",style:{width:"500px"}})})}),(0,c.jsx)(de,{}),(0,c.jsx)(de,{position:"end",style:{right:"0px"}})]})})}),(0,c.jsx)(h,{children:(0,c.jsx)(l,{children:(0,c.jsxs)(_e,{style:{left:"113px"},children:[(0,c.jsxs)(Be,{style:{width:"200px"},children:[(0,c.jsx)("div",{className:"k-task-complete",style:{width:"50px"}}),(0,c.jsx)(Kt,{content:"Validation with Customers"})]}),(0,c.jsx)(de,{}),(0,c.jsx)(de,{position:"end",style:{right:"0px"}}),(0,c.jsx)("div",{className:"k-task-draghandle",style:{left:"50px"}})]})})}),(0,c.jsx)(h,{children:(0,c.jsx)(l,{children:(0,c.jsxs)(_e,{style:{left:"113px"},children:[(0,c.jsxs)(Be,{style:{width:"200px"},children:[(0,c.jsx)("div",{className:"k-task-complete",style:{width:"164px"}}),(0,c.jsx)(Kt,{content:"Market Research"})]}),(0,c.jsx)(de,{}),(0,c.jsx)(de,{position:"end",style:{right:"0px"}}),(0,c.jsx)("div",{className:"k-task-draghandle",style:{left:"164px"}})]})})})]})]})]}),i\|\|(0,c.jsxs)("div",{className:"k-gantt-dependencies",style:{width:o},children:[(0,c.jsx)(Y,{style:{left:"124.5px",top:"53px",width:"10px"}}),(0,c.jsx)(Y,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),(0,c.jsx)(Y,{style:{left:"103px",top:"71px",width:"31.5px"}}),(0,c.jsx)(Y,{orientation:"vertical",style:{left:"103px",top:"71px",height:"54px"}}),(0,c.jsx)(Y,{style:{left:"103px",top:"125px",width:"9px"},children:(0,c.jsx)("span",{className:"k-arrow-e"})}),(0,c.jsx)(Y,{style:{left:"124.5px",top:"53px",width:"10px"}}),(0,c.jsx)(Y,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),(0,c.jsx)(Y,{style:{left:"103px",top:"71px",width:"31.5px"}}),(0,c.jsx)(Y,{orientation:"vertical",style:{left:"103px",top:"71px",height:"90px"}}),(0,c.jsx)(Y,{style:{left:"103px",top:"161px",width:"9px"},children:(0,c.jsx)("span",{className:"k-arrow-e"})}),(0,c.jsx)(Y,{style:{left:"313px",top:"125px",width:"10px"}}),(0,c.jsx)(Y,{orientation:"vertical",style:{left:"321px",top:"125px",height:"18px"}}),(0,c.jsx)(Y,{style:{left:"303px",top:"143px",width:"20px"}}),(0,c.jsx)(Y,{orientation:"vertical",style:{left:"303px",top:"143px",height:"18px"}})]}),(0,c.jsx)("div",{className:"k-current-time",style:{left:n,top:"0px",width:"1px",height:a}})]})]})},"gantt-timeline-pane")]})})});var ym=require("react/jsx-runtime"),VN={},WN=[],XN=[],JN={},qN=[],vr=()=>(0,ym.jsx)(Cm,{flexBasis:"40%",gridContentHeight:"197px",style:{width:"90%",height:"367px"}});vr.options=VN;vr.states=WN;vr.variants=XN;vr.defaultOptions=JN;vr.modifiers=qN;var d=require("react/jsx-runtime"),YN=({flexBasis:e="30%",gridContentHeight:t="180px",tablesWidth:o="675px",tablesHeight:a="828px",currentTimeLeftOffset:n="243px",ganttDependencies:i,menu:p,...T})=>(0,d.jsx)($t,{headerToolbar:(0,d.jsxs)(Uo,{children:[(0,d.jsx)(u,{className:"k-gantt-toggle",icon:"layout-1-by-4"}),(0,d.jsx)(u,{className:"k-gantt-create",icon:"plus",children:"Add Task"}),(0,d.jsx)("span",{className:"k-spacer"}),(0,d.jsxs)("div",{className:"k-gantt-views-wrapper",children:[(0,d.jsxs)("select",{className:"k-picker k-dropdown-list k-dropdown k-views-dropdown",children:[(0,d.jsx)("option",{value:"day",children:"Day"}),(0,d.jsx)("option",{value:"week",children:"Week"}),(0,d.jsx)("option",{value:"month",children:"Month"})]}),(0,d.jsxs)(U,{className:"k-gantt-views",children:[(0,d.jsx)(u,{className:"k-view-day k-group-start",children:"Day"}),(0,d.jsx)(u,{className:"k-view-week",selected:!0,children:"Week"}),(0,d.jsx)(u,{className:"k-view-month k-group-end",children:"Month"})]})]})]}),footerToolbar:(0,d.jsx)(Fo,{children:(0,d.jsx)(u,{className:"k-gantt-create",icon:"plus",children:"Add Task"})}),...T,children:(0,d.jsx)($o,{children:T.children\|\|(0,d.jsx)(ze,{className:"k-gantt-splitter",panes:[(0,d.jsx)(He,{className:"k-gantt-treelist",flexBasis:e,children:(0,d.jsxs)(Ke,{_renderAriaRoot:!0,children:[(0,d.jsx)(X,{children:(0,d.jsx)("div",{className:"k-grid-header-wrap",children:(0,d.jsxs)(J,{style:{minWidth:"250px"},children:[(0,d.jsxs)("colgroup",{children:[(0,d.jsx)("col",{className:"k-drag-col"}),(0,d.jsx)("col",{style:{width:"50px"}}),(0,d.jsx)("col",{})]}),(0,d.jsx)(q,{children:(0,d.jsxs)(h,{children:[(0,d.jsx)(S,{}),(0,d.jsx)(S,{menu:p,rowspan:1,columnTitle:"ID"}),(0,d.jsx)(S,{menu:p,rowspan:1,columnTitle:"Title"})]})})]})})}),(0,d.jsx)(ne,{children:(0,d.jsx)(Z,{style:{height:t},children:(0,d.jsxs)(te,{style:{minWidth:"250px"},children:[(0,d.jsxs)("colgroup",{children:[(0,d.jsx)("col",{className:"k-drag-col"}),(0,d.jsx)("col",{style:{width:"50px"}}),(0,d.jsx)("col",{})]}),(0,d.jsxs)(V,{children:[(0,d.jsxs)(h,{children:[(0,d.jsx)(l,{className:"k-drag-cell",children:(0,d.jsx)(b,{icon:"reorder"})}),(0,d.jsx)(l,{children:"7"}),(0,d.jsxs)(l,{children:[(0,d.jsx)(b,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Software validation, research and implementation"]})]}),(0,d.jsxs)(h,{alt:!0,children:[(0,d.jsx)(l,{className:"k-drag-cell",children:(0,d.jsx)(b,{icon:"reorder"})}),(0,d.jsx)(l,{children:"18"}),(0,d.jsxs)(l,{children:[(0,d.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,d.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),"Project Kickoff"]})]}),(0,d.jsxs)(h,{children:[(0,d.jsx)(l,{className:"k-drag-cell",children:(0,d.jsx)(b,{icon:"reorder"})}),(0,d.jsx)(l,{children:"11"}),(0,d.jsxs)(l,{children:[(0,d.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,d.jsx)(b,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Research"]})]}),(0,d.jsxs)(h,{alt:!0,children:[(0,d.jsx)(l,{className:"k-drag-cell",children:(0,d.jsx)(b,{icon:"reorder"})}),(0,d.jsx)(l,{children:"19"}),(0,d.jsxs)(l,{children:[(0,d.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,d.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,d.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),"Validation with Customers"]})]}),(0,d.jsxs)(h,{children:[(0,d.jsx)(l,{className:"k-drag-cell",children:(0,d.jsx)(b,{icon:"reorder"})}),(0,d.jsx)(l,{children:"20"}),(0,d.jsxs)(l,{children:[(0,d.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,d.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),(0,d.jsx)(b,{className:"k-treelist-toggle",icon:"none"}),"Market Research"]})]})]})]})})})]})},"gantt-treelist-pane"),(0,d.jsx)(He,{className:"k-gantt-timeline-pane",children:(0,d.jsxs)(Q,{className:"k-gantt-timeline",children:[(0,d.jsx)(X,{children:(0,d.jsx)("div",{className:"k-grid-header-wrap",children:(0,d.jsxs)(J,{style:{width:o},children:[(0,d.jsxs)("colgroup",{children:[(0,d.jsx)("col",{}),(0,d.jsx)("col",{}),(0,d.jsx)("col",{}),(0,d.jsx)("col",{}),(0,d.jsx)("col",{}),(0,d.jsx)("col",{}),(0,d.jsx)("col",{})]}),(0,d.jsxs)(V,{children:[(0,d.jsx)(h,{children:(0,d.jsx)(l,{className:"k-header",colspan:7,children:"Sun 6/01 - Sat 6/07"})}),(0,d.jsxs)(h,{children:[(0,d.jsx)(l,{colspan:1,className:"k-header k-nonwork-hour",children:"Sun 6/01"}),(0,d.jsx)(l,{className:"k-header",colspan:1,children:"Mon 6/02"}),(0,d.jsx)(l,{className:"k-header",colspan:1,children:"Tue 6/03"}),(0,d.jsx)(l,{className:"k-header",colspan:1,children:"Wed 6/04"}),(0,d.jsx)(l,{className:"k-header",colspan:1,children:"Thu 6/05"}),(0,d.jsx)(l,{className:"k-header",colspan:1,children:"Fri 6/06"}),(0,d.jsx)(l,{colspan:1,className:"k-header k-nonwork-hour",children:"Sat 6/07"})]})]})]})})}),(0,d.jsxs)(Z,{style:{height:t},children:[(0,d.jsxs)(Vo,{children:[(0,d.jsxs)(Xo,{className:"k-grid-table",style:{width:o},children:[(0,d.jsx)("colgroup",{children:(0,d.jsx)("col",{})}),(0,d.jsxs)(V,{children:[(0,d.jsx)(h,{children:(0,d.jsx)(l,{})}),(0,d.jsx)(h,{alt:!0,children:(0,d.jsx)(l,{})}),(0,d.jsx)(h,{children:(0,d.jsx)(l,{})}),(0,d.jsx)(h,{alt:!0,children:(0,d.jsx)(l,{})}),(0,d.jsx)(h,{children:(0,d.jsx)(l,{})})]})]}),(0,d.jsxs)(Wo,{style:{width:o,height:a},children:[(0,d.jsxs)("colgroup",{children:[(0,d.jsx)("col",{}),(0,d.jsx)("col",{}),(0,d.jsx)("col",{}),(0,d.jsx)("col",{}),(0,d.jsx)("col",{}),(0,d.jsx)("col",{}),(0,d.jsx)("col",{})]}),(0,d.jsx)(V,{children:(0,d.jsxs)(h,{children:[(0,d.jsx)(l,{className:"k-nonwork-hour"}),(0,d.jsx)(l,{}),(0,d.jsx)(l,{}),(0,d.jsx)(l,{}),(0,d.jsx)(l,{}),(0,d.jsx)(l,{}),(0,d.jsx)(l,{className:"k-nonwork-hour"})]})})]}),(0,d.jsxs)(Jo,{style:{width:o},children:[(0,d.jsx)("colgroup",{children:(0,d.jsx)("col",{})}),(0,d.jsxs)(V,{children:[(0,d.jsx)(h,{children:(0,d.jsx)(l,{children:(0,d.jsxs)(_e,{type:"summary",style:{left:"113px"},children:[(0,d.jsx)(Be,{type:"summary",style:{width:"4000px"},children:(0,d.jsx)("div",{className:"k-task-summary-progress",style:{width:"1720px"},children:(0,d.jsx)("div",{className:"k-task-summary-complete",style:{width:"4000px"}})})}),(0,d.jsx)(de,{}),(0,d.jsx)(de,{position:"end",style:{right:"0px"}})]})})}),(0,d.jsx)(h,{children:(0,d.jsx)(l,{children:(0,d.jsxs)(_e,{type:"milestone",style:{left:"113px"},children:[(0,d.jsx)(Be,{type:"milestone"}),(0,d.jsx)(de,{}),(0,d.jsx)(de,{position:"end",style:{right:"0px"}})]})})}),(0,d.jsx)(h,{children:(0,d.jsx)(l,{children:(0,d.jsxs)(_e,{type:"summary",style:{left:"113px"},children:[(0,d.jsx)(Be,{type:"summary",style:{width:"500px"},children:(0,d.jsx)("div",{className:"k-task-summary-progress",style:{width:"215px"},children:(0,d.jsx)("div",{className:"k-task-summary-complete",style:{width:"500px"}})})}),(0,d.jsx)(de,{}),(0,d.jsx)(de,{position:"end",style:{right:"0px"}})]})})}),(0,d.jsx)(h,{children:(0,d.jsx)(l,{children:(0,d.jsxs)(_e,{style:{left:"113px"},children:[(0,d.jsxs)(Be,{style:{width:"200px"},children:[(0,d.jsx)("div",{className:"k-task-complete",style:{width:"50px"}}),(0,d.jsx)(Kt,{content:"Validation with Customers"})]}),(0,d.jsx)(de,{}),(0,d.jsx)(de,{position:"end",style:{right:"0px"}}),(0,d.jsx)("div",{className:"k-task-draghandle",style:{left:"50px"}})]})})}),(0,d.jsx)(h,{children:(0,d.jsx)(l,{children:(0,d.jsxs)(_e,{style:{left:"113px"},children:[(0,d.jsxs)(Be,{style:{width:"200px"},children:[(0,d.jsx)("div",{className:"k-task-complete",style:{width:"164px"}}),(0,d.jsx)(Kt,{content:"Market Research"})]}),(0,d.jsx)(de,{}),(0,d.jsx)(de,{position:"end",style:{right:"0px"}}),(0,d.jsx)("div",{className:"k-task-draghandle",style:{left:"164px"}})]})})})]})]})]}),i\|\|(0,d.jsxs)("div",{className:"k-gantt-dependencies",style:{width:o},children:[(0,d.jsx)(Y,{style:{left:"124.5px",top:"53px",width:"10px"}}),(0,d.jsx)(Y,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),(0,d.jsx)(Y,{style:{left:"103px",top:"71px",width:"31.5px"}}),(0,d.jsx)(Y,{orientation:"vertical",style:{left:"103px",top:"71px",height:"54px"}}),(0,d.jsx)(Y,{style:{left:"103px",top:"125px",width:"9px"},children:(0,d.jsx)("span",{className:"k-arrow-e"})}),(0,d.jsx)(Y,{style:{left:"124.5px",top:"53px",width:"10px"}}),(0,d.jsx)(Y,{orientation:"vertical",style:{left:"132.5px",top:"53px",height:"18px"}}),(0,d.jsx)(Y,{style:{left:"103px",top:"71px",width:"31.5px"}}),(0,d.jsx)(Y,{orientation:"vertical",style:{left:"103px",top:"71px",height:"90px"}}),(0,d.jsx)(Y,{style:{left:"103px",top:"161px",width:"9px"},children:(0,d.jsx)("span",{className:"k-arrow-e"})}),(0,d.jsx)(Y,{style:{left:"313px",top:"125px",width:"10px"}}),(0,d.jsx)(Y,{orientation:"vertical",style:{left:"321px",top:"125px",height:"18px"}}),(0,d.jsx)(Y,{style:{left:"303px",top:"143px",width:"20px"}}),(0,d.jsx)(Y,{orientation:"vertical",style:{left:"303px",top:"143px",height:"18px"}})]}),(0,d.jsx)("div",{className:"k-current-time",style:{left:n,top:"0px",width:"1px",height:a}})]})]})},"gantt-timeline-pane")]})})});