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

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 (19) hide show
  1. package/dist/cjs/index.js +1 -1
  2. package/dist/cjs/spreadsheet/demos/spreadsheet.js +1 -1
  3. package/dist/cjs/spreadsheet/spreadsheet-sheets-bar.js +1 -1
  4. package/dist/cjs/spreadsheet/spreadsheet-view.js +1 -1
  5. package/dist/cjs/spreadsheet/templates/spreadsheet-formula-open.js +1 -1
  6. package/dist/cjs/spreadsheet/templates/spreadsheet-normal.js +1 -1
  7. package/dist/esm/index.mjs +1 -1
  8. package/dist/esm/spreadsheet/demos/spreadsheet.mjs +1 -1
  9. package/dist/esm/spreadsheet/spreadsheet-sheets-bar.mjs +1 -1
  10. package/dist/esm/spreadsheet/spreadsheet-view.mjs +1 -1
  11. package/dist/esm/spreadsheet/templates/spreadsheet-formula-open.mjs +1 -1
  12. package/dist/esm/spreadsheet/templates/spreadsheet-normal.mjs +1 -1
  13. package/package.json +2 -2
  14. package/src/colorpicker/tests/colorpicker-size-rounded.tsx +34 -0
  15. package/src/spreadsheet/spreadsheet-sheets-bar.tsx +8 -8
  16. package/dist/types/loader/tests/loader-container-overlay.d.ts +0 -2
  17. package/src/colorpicker/tests/colorpicker-size.tsx +0 -28
  18. package/src/loader/tests/loader-container-overlay.tsx +0 -30
  19. /package/dist/types/colorpicker/tests/{colorpicker-size.d.ts → colorpicker-size-rounded.d.ts} +0 -0
package/dist/cjs/index.js CHANGED
@@ -12,7 +12,7 @@ var sV=Object.create;var xA=Object.defineProperty;var nV=Object.getOwnPropertyDe
12
12
  .custom-content li:last-child {
13
13
  border: 0;
14
14
  }
15
- `,Hae=[{name:"normal",title:"Normal"},{name:"mini",title:"Mini"},{name:"overlay",title:"Overlay"}],Fae=[],qg=e=>{let{variant:t,modifiers:o,...r}={...I4,...e},i={};Object.keys(o||{}).forEach(u=>{u==="end-position"&&(i.position=o!=null&&o[u]?"end":void 0)});let c=(0,lo.jsxs)(lo.Fragment,{children:[(0,lo.jsx)("style",{children:Gae}),(0,lo.jsx)("div",{className:"custom-content",children:(0,lo.jsxs)("ul",{children:[(0,lo.jsx)("li",{children:(0,lo.jsx)("p",{children:"Hi Tom, Since Monday I'll be out of office, I'm rescheduling the meeting for Tuesday."})}),(0,lo.jsx)("li",{children:(0,lo.jsx)("p",{children:"Hi Tom, my aunt comes for a visit this Saturday, so I can't come back to St. Pete..."})})]})})]});switch(t){case"mini":return(0,lo.jsx)(lo.Fragment,{children:(0,lo.jsx)(UM,{...r,...i,mini:!0,items:(0,lo.jsxs)(lo.Fragment,{children:[(0,lo.jsx)(ho,{selected:!0,icon:"inbox",text:"Inbox",level:""}),(0,lo.jsx)(ho,{icon:"bell",text:"Notification",level:""}),(0,lo.jsx)(rc,{}),(0,lo.jsx)(ho,{icon:"star",text:"Favourites",level:""}),(0,lo.jsx)(ho,{icon:"calendar",text:"Calendar",level:""})]}),children:(0,lo.jsx)(ui,{children:c})})});case"overlay":return(0,lo.jsx)(lo.Fragment,{children:(0,lo.jsx)(jC,{...r,...i,mode:"overlay",expanded:!0,items:(0,lo.jsxs)(lo.Fragment,{children:[(0,lo.jsx)(ho,{selected:!0,text:"Inbox"}),(0,lo.jsx)(ho,{icon:"bell",text:"Notification"}),(0,lo.jsx)(rc,{}),(0,lo.jsx)(ho,{icon:"star",text:"Favourites"}),(0,lo.jsx)(ho,{icon:"calendar",text:"Calendar"})]}),children:(0,lo.jsx)(ui,{children:c})})});default:return(0,lo.jsx)(lo.Fragment,{children:(0,lo.jsx)(jC,{...r,...i,expanded:!0,items:(0,lo.jsxs)(lo.Fragment,{children:[(0,lo.jsx)(ho,{selected:!0,text:"Inbox"}),(0,lo.jsx)(ho,{icon:"bell",text:"Notification"}),(0,lo.jsx)(rc,{}),(0,lo.jsx)(ho,{icon:"star",text:"Favourites"}),(0,lo.jsx)(ho,{icon:"calendar",text:"Calendar"})]}),children:(0,lo.jsx)(ui,{children:c})})})}};qg.options=Kae;qg.states=Yae;qg.variants=Hae;qg.defaultOptions=I4;qg.modifiers=Fae;qg.className=vl.className;var JM="notification",M4=JM;var Ym=require("react/jsx-runtime"),qC="k-notification",zae=[],Wae={themeColor:[W.undefined,W.base,W.primary,W.secondary,W.tertiary,W.success,W.warning,W.error,W.info,W.inverse]},B4={closable:!1},il=e=>{let{actions:t,themeColor:o,text:r,icon:i,closable:c=B4.closable,...u}=e,h=b("notification-content"),x=!!(r||e.children);return(0,Ym.jsxs)("div",{...u,className:l(e.className,qC,$(qC,{themeColor:o}),{"k-notification-closable":c}),role:"status","aria-live":"polite","aria-describedby":x?h:void 0,children:[i&&(0,Ym.jsx)(f,{className:"k-notification-status",icon:i}),e.children?(0,Ym.jsxs)("div",{id:h,className:"k-notification-content",children:[r,e.children]}):(0,Ym.jsx)(Ym.Fragment,{children:r&&(0,Ym.jsx)("div",{id:h,className:"k-notification-content",children:r})}),t&&(0,Ym.jsx)("span",{className:"k-notification-actions",children:t})]})};il.states=zae;il.options=Wae;il.className=qC;il.defaultOptions=B4;il.moduleName=JM;il.folderName=M4;il.ariaSpec={selector:".k-notification",rules:[{selector:".k-notification",attribute:"role=status",usage:"Notification element should be marked as a status. Uses status instead of alert to avoid interrupting screen reader workflow."},{selector:".k-notification",attribute:"aria-live=polite",usage:"The aria-live value must be polite so it will not obscure other essential information."},{selector:".k-notification",attribute:"aria-describedby=.k-notification-content id",usage:"Used so that the content of the Notification will be announced by assistive technologies."},{selector:".k-notification .k-svg-i-x, .k-notification .k-i-x",attribute:"aria-hidden=true",usage:"The close button icon should not be present in the accessibility tree."}]};var _C=require("react/jsx-runtime"),Vae="k-notification-action",_g=e=>{let{type:t}=e,o;if(t==="close")o=(0,_C.jsx)(f,{icon:"x"});else return(0,_C.jsx)(f,{icon:t});return(0,_C.jsx)("span",{className:l(e.className,Vae,`k-notification-${t}-action`),children:o})};var P4=require("react/jsx-runtime"),Qae=e=>(0,P4.jsx)(il,{text:"Notification",icon:"exclamation-circle",...e});var jM=require("react/jsx-runtime"),Xae=e=>(0,jM.jsx)(il,{closable:!0,text:"Notification",icon:"exclamation-circle",actions:(0,jM.jsx)(_g,{type:"close"}),...e});var qM=require("react/jsx-runtime"),Zae=e=>(0,qM.jsx)(il,{closable:!0,text:"Notification",actions:(0,qM.jsx)(_g,{type:"close"}),...e});var D4=require("react/jsx-runtime"),Uae=e=>(0,D4.jsx)(il,{text:"Notification",...e});var _M=require("react/jsx-runtime"),Jae=il.states,jae=il.defaultOptions,qae={...il.options,closable:{type:"boolean"}},_ae=[{name:"icon",title:"Icon before"}],$ae=[],$g=e=>{let{modifiers:t,closable:o,...r}=e,i={};return o&&(i.closable=!0,i.actions=(0,_M.jsx)(_g,{type:"close"})),Object.keys(t||{}).forEach(c=>{c==="icon"&&(i.icon=t!=null&&t[c]?"info-circle":"")}),(0,_M.jsx)(il,{text:"Notification",...r,...i})};$g.options=qae;$g.states=Jae;$g.variants=$ae;$g.defaultOptions=jae;$g.modifiers=_ae;$g.className=il.className;var $M="popover",R4=$M;var Gm=require("react/jsx-runtime"),eB="k-popover",ere=[],tre={},ore={},yn=e=>{let{callout:t,title:o,body:r,id:i=b("popover"),...c}=e;return(0,Gm.jsxs)(Oe,{...c,className:l(e.className,eB),role:"dialog",id:i,"aria-labelledby":o?`${i}-header`:void 0,"aria-describedby":r?`${i}-body`:void 0,children:[t&&(0,Gm.jsx)("div",{className:l("k-popover-callout",{[`k-callout-${Yd.calloutMap[t]||t}`]:t})}),(0,Gm.jsxs)("div",{className:"k-popover-inner",children:[o&&(0,Gm.jsx)("div",{className:"k-popover-header",id:`${i}-header`,children:o}),r&&(0,Gm.jsx)("div",{className:"k-popover-body",id:`${i}-body`,children:r}),(0,Gm.jsx)(Gm.Fragment,{children:e.children})]})]})};yn.states=ere;yn.options=tre;yn.className=eB;yn.defaultOptions=ore;yn.moduleName=$M;yn.folderName=R4;yn.ariaSpec={selector:".k-popover",implicitRole:"dialog",rules:[{selector:".k-popover",attribute:"role=dialog",usage:"Announces the dialog role when the popover contains focusable elements. Use role=tooltip when it does not."},{selector:".k-popover",attribute:"id",usage:"The element needs an id to be associated with the aria-describedby attribute of the trigger element."},{selector:".k-popover",attribute:"aria-labelledby",usage:"Links the popover container with the popover header element when there is focusable content."},{selector:".k-popover",attribute:"aria-describedby",usage:"Links the popover container with the popover body element when there is focusable content."},{selector:".k-popover-header",attribute:"id",usage:"Links the popover header with the popover container via aria-labelledby."},{selector:".k-popover-body",attribute:"id",usage:"Links the popover body with the popover container via aria-describedby."}]};var ob=require("react/jsx-runtime"),IT=e=>(0,ob.jsx)(yn,{title:"Title",body:(0,ob.jsx)(ob.Fragment,{children:"Body content"}),children:(0,ob.jsxs)(Xe,{className:"k-popover-actions",alignment:"stretched",children:[(0,ob.jsx)(d,{fillMode:"flat",children:"Action"}),(0,ob.jsx)(d,{fillMode:"flat",themeColor:"primary",children:"Primary"})]}),...e});var Tl=require("react/jsx-runtime"),are=yn.options,rre=yn.states,O4={...yn.defaultOptions,variant:"bottom"},lre=[{name:"bottom",title:"Callout bottom"},{name:"left",title:"Callout left"},{name:"top",title:"Callout top"},{name:"right",title:"Callout right"}],ire=[{name:"title",title:"With title"},{name:"content",title:"With content"}],ek=e=>{let{variant:t,modifiers:o,...r}={...O4,...e},i={title:"Popover title",body:(0,Tl.jsx)(Tl.Fragment,{children:"The popover component is a UI element that displays additional content or options when an anchor element is hovered, clicked, or focused."})};switch(Object.keys(o||{}).forEach(c=>{switch(c){case"title":i.title=o!=null&&o[c]?i.title:"";break;case"content":i.body=o!=null&&o[c]?i.body:void 0;break;default:break}}),t){case"left":return(0,Tl.jsx)(IT,{...r,...i,style:{width:"217px",position:"relative",overflow:"visible"},callout:"left",children:(0,Tl.jsxs)(Xe,{className:"k-popover-actions",alignment:"stretched",children:[(0,Tl.jsx)(d,{children:"Action"}),(0,Tl.jsx)(d,{themeColor:"primary",children:"Primary"})]})});case"right":return(0,Tl.jsx)(IT,{...r,...i,style:{width:"217px",position:"relative",overflow:"visible"},callout:"right",children:(0,Tl.jsxs)(Xe,{className:"k-popover-actions",alignment:"stretched",children:[(0,Tl.jsx)(d,{children:"Action"}),(0,Tl.jsx)(d,{themeColor:"primary",children:"Primary"})]})});case"top":return(0,Tl.jsx)(IT,{...r,...i,style:{width:"217px",position:"relative",overflow:"visible"},callout:"top",children:(0,Tl.jsxs)(Xe,{className:"k-popover-actions",alignment:"stretched",children:[(0,Tl.jsx)(d,{children:"Action"}),(0,Tl.jsx)(d,{themeColor:"primary",children:"Primary"})]})});default:return(0,Tl.jsx)(IT,{...r,...i,style:{width:"217px",position:"relative",overflow:"visible"},callout:"bottom",children:(0,Tl.jsxs)(Xe,{className:"k-popover-actions",alignment:"stretched",children:[(0,Tl.jsx)(d,{children:"Action"}),(0,Tl.jsx)(d,{themeColor:"primary",children:"Primary"})]})})}};ek.options=are;ek.states=rre;ek.variants=lre;ek.defaultOptions=O4;ek.modifiers=ire;ek.className=yn.className;var tB="tooltip",K4=tB;var ab=require("react/jsx-runtime"),$C="k-tooltip",sre=[],nre={themeColor:[W.undefined,W.base,W.inverse,W.info,W.success,W.warning,W.error]},Y4={closable:!1},Pi=e=>{let{closable:t=Y4.closable,callout:o,themeColor:r,title:i,content:c,icon:u,id:h=b("tooltip"),...x}=e;return(0,ab.jsxs)("div",{...x,className:l(e.className,$C,$($C,{themeColor:r}),{"k-tooltip-closable":t}),role:"tooltip",id:h,children:[u&&(0,ab.jsx)(f,{className:"k-tooltip-icon",icon:u}),(0,ab.jsxs)("div",{className:"k-tooltip-content",children:[i&&(0,ab.jsx)("div",{className:"k-tooltip-title",children:i}),c]}),t&&(0,ab.jsx)("div",{className:"k-tooltip-button",role:"button","aria-label":"Close",tabIndex:0,children:(0,ab.jsx)(f,{icon:"x"})}),o&&(0,ab.jsx)("div",{className:l("k-callout",{[`k-callout-${Yd.calloutMap[o]||o}`]:o})})]})};Pi.states=sre;Pi.options=nre;Pi.className=$C;Pi.defaultOptions=Y4;Pi.moduleName=tB;Pi.folderName=K4;Pi.ariaSpec={selector:".k-tooltip",implicitRole:"tooltip",rules:[{selector:".k-tooltip",attribute:"role=tooltip",usage:"Specifies the tooltip role of the tooltip container."},{selector:".k-tooltip",attribute:"id",usage:"The element needs an id to be associated with the aria-describedby attribute of the trigger element."},{selector:".k-tooltip .k-tooltip-button",attribute:"role=button",usage:"The close button needs an explicit button role."},{selector:".k-tooltip .k-tooltip-button",attribute:"aria-label",usage:"The close button needs an accessible name."}]};var eS=Pi;var G4=require("react/jsx-runtime"),oB=e=>(0,G4.jsx)(eS,{content:"Tooltip Content",...e});var H4=require("react/jsx-runtime"),dre=e=>(0,H4.jsx)(eS,{content:"Closeable tooltip content",closable:!0,...e});var MT=require("react/jsx-runtime"),cre={...Pi.options,closable:{type:"boolean"},callout:["none","top","bottom","left","right"]},pre=Pi.states,F4={...Pi.defaultOptions,callout:"top"},mre=[],tk=e=>{let{callout:t="top",...o}={...F4,...e},r={none:{top:"-33px",left:"-17px",calloutDirection:null},right:{top:"2px",left:"61px",calloutDirection:"left"},left:{top:"2px",left:"-94px",calloutDirection:"right"},bottom:{top:"38px",left:"-17px",calloutDirection:"top"},top:{top:"-33px",left:"-17px",calloutDirection:"bottom"}},{top:i,left:c,calloutDirection:u}=r[t]||{};return(0,MT.jsxs)("div",{style:{position:"absolute"},children:[(0,MT.jsx)(Hd,{style:{top:i,left:c},children:(0,MT.jsx)(oB,{style:{width:"86px",textAlign:"center"},callout:u,content:"Content",...o})}),(0,MT.jsx)(d,{text:"Show"})]})};tk.options=cre;tk.states=pre;tk.variants=mre;tk.defaultOptions=F4;tk.modifiers=[];tk.className=Pi.className;var sc=require("react/jsx-runtime"),tS="k-window",ure=[],bre={},fre={},Di=e=>{let{title:t,actions:o,minimized:r,actionButtons:i,actionButtonsAlign:c,...u}=e,h=t!==void 0?b("window-title"):void 0;return(0,sc.jsxs)("div",{...u,className:l(e.className,tS,{[`${tS}-minimized`]:r}),role:"dialog","aria-labelledby":h,children:[(t!==void 0||o)&&(0,sc.jsxs)("div",{className:"k-window-titlebar",children:[t!==void 0&&(0,sc.jsx)("span",{className:"k-window-title",id:h,children:t}),o&&(0,sc.jsx)(sc.Fragment,{children:(0,sc.jsx)("div",{className:"k-window-titlebar-actions",children:o.map(x=>x==="more-vertical"?(0,sc.jsx)(wt,{icon:x,fillMode:"flat",size:"xsmall",showArrow:!1,className:"k-window-titlebar-action","aria-label":"More actions"},x):(0,sc.jsx)(d,{icon:x,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action","aria-label":x},x))})})]}),(0,sc.jsx)(Ap,{className:l({"k-hidden":r}),children:e.children}),i&&(0,sc.jsx)(Xe,{alignment:c,className:"k-window-actions",children:i})]})};Di.states=ure;Di.options=bre;Di.className=tS;Di.defaultOptions=fre;Di.moduleName=wy;Di.folderName=XC;Di.ariaSpec={selector:".k-window",rules:[{selector:".k-window:not(.k-dialog)",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-window:not(.k-dialog)",attribute:"aria-labelledby",usage:"Associate the title of the dialog."}]};var Ay=require("react/jsx-runtime"),hre=e=>(0,Ay.jsx)(Di,{title:"Title",actions:["window-minimize","window","x"],children:(0,Ay.jsx)(Ay.Fragment,{children:"Content"}),...e});var Ef=require("react/jsx-runtime"),gre=Di.options,kre=Di.states,z4={...Di.defaultOptions,variant:"normal"},xre=[{name:"normal",title:"Normal"},{name:"actions",title:"Actions"}],vre=[],ok=e=>{let{variant:t,...o}={...z4,...e};return(0,Ef.jsx)(Di,{title:"Window",actions:["window-minimize","window","x"],style:{maxWidth:"400px"},actionButtonsAlign:"stretched",actionButtons:t==="actions"?(0,Ef.jsxs)(Ef.Fragment,{children:[(0,Ef.jsx)(d,{children:"Cancel"}),(0,Ef.jsx)(d,{themeColor:"primary",children:"Submit"})]}):void 0,...o,children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut facilisis hac neque, sapien orci. Dignissim pulvinar commodo lorem pellentesque ornare dictum egestas feugiat fringilla. Proin facilisis mattis sed accumsan orci velit eget."})};ok.options=gre;ok.states=kre;ok.variants=xre;ok.defaultOptions=z4;ok.modifiers=vre;ok.className=Di.className;var aB="chart-wizard",W4=aB;var V4=require("react/jsx-runtime"),rB="k-chart-wizard",Tre=[],wre={},Nre={},gd=e=>{let{children:t,...o}=e;return(0,V4.jsx)(Di,{title:"Chart Preview",actions:["window","x"],...o,className:l(e.className,rB),children:t})};gd.states=Tre;gd.options=wre;gd.className=rB;gd.defaultOptions=Nre;gd.moduleName=aB;gd.folderName=W4;gd.ariaSpec={selector:".k-chart-wizard",rules:[]};var Lf=require("react/jsx-runtime"),yre=[],Are={},Q4={buttonText:"Export"},Hm=e=>{let{buttonText:t=Q4.buttonText,children:o}=e;return(0,Lf.jsxs)(Lf.Fragment,{children:[(0,Lf.jsx)("div",{className:"k-preview-pane-header",children:(0,Lf.jsx)(wt,{fillMode:"flat",icon:"export",showArrow:!1,children:t})}),(0,Lf.jsx)("div",{className:"k-preview-pane-content",children:o})]})};Hm.states=yre;Hm.options=Are;Hm.defaultOptions=Q4;var X4=require("react/jsx-runtime"),ak="k-pane",Cre=[],Sre={},lB={resizable:!0,flex:!1},We=e=>{let{scrollable:t,flexBasis:o,flex:r=lB.flex,collapsible:i,resizable:c=lB.resizable,pinned:u,unpinned:h,tabbed:x,...v}=e;return(0,X4.jsx)("div",{...v,style:{flexBasis:o,...e.style},className:l(e.className,ak,{[`${ak}-static`]:o,[`${ak}-flex`]:r,"k-scrollable":t,[`${ak}-pinned`]:u,[`${ak}-unpinned`]:h,[`${ak}-tabbed`]:x}),role:"group",children:e.children})};We.states=Cre;We.options=Sre;We.className=ak;We.defaultOptions=lB;var nc=require("react/jsx-runtime"),BT="k-splitbar",Ere=[m.hover,m.focus],Lre={},iB={orientation:"horizontal",draggable:!0},rb=e=>{let{hover:t,focus:o,orientation:r=iB.orientation,draggable:i=iB.draggable,collapsePrev:c,collapseNext:u,ariaLabel:h,...x}=e;return(0,nc.jsxs)("div",{...x,className:l(e.className,BT,D(BT,{hover:t,focus:o}),{[`${BT}-${r}`]:r,[`${BT}-draggable-${r}`]:i,[`${BT}-static-${r}`]:!i&&!c&&!u}),role:"separator","aria-label":h,...r==="horizontal"&&{"aria-orientation":"vertical"},"aria-keyshortcuts":"ArrowLeft ArrowRight ArrowUp ArrowDown",children:[c&&(0,nc.jsx)(nc.Fragment,{children:(0,nc.jsx)("div",{className:"k-collapse-prev",children:(0,nc.jsx)(f,{icon:`chevron-${r==="horizontal"?"left":"up"}`,size:"xsmall"})})}),(0,nc.jsx)("div",{className:"k-resize-handle","aria-hidden":"true"}),u&&(0,nc.jsx)(nc.Fragment,{children:(0,nc.jsx)("div",{className:"k-collapse-next",children:(0,nc.jsx)(f,{icon:`chevron-${r==="horizontal"?"right":"down"}`,size:"xsmall"})})})]})};rb.states=Ere;rb.options=Lre;rb.className=BT;rb.defaultOptions=iB;var sB="splitter",Z4=sB;var oS=require("react/jsx-runtime"),J4=require("react"),nB="k-splitter",Ire={},U4={orientation:"horizontal"},Ao=e=>{let{orientation:t=U4.orientation,children:o,panes:r,...i}=e,c=[];return r&&r.forEach((u,h)=>{let x=r[h+1],v=u.props,T=x==null?void 0:x.props;c.push((0,J4.createElement)(We,{...v,key:h})),x&&c.push((0,oS.jsx)(rb,{draggable:v.resizable!==!1&&T.resizable!==!1,collapsePrev:v.collapsible,collapseNext:T.collapsible,orientation:t,ariaLabel:"Pane separator"},`splitbar-${h}`))}),(0,oS.jsxs)("div",{...i,className:l(e.className,nB,{[`${nB}-${t}`]:t},"k-splitter-flex"),children:[c,o]})};Ao.options=Ire;Ao.className=nB;Ao.defaultOptions=U4;Ao.moduleName=sB;Ao.folderName=Z4;Ao.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 Sp=require("react/jsx-runtime"),Mre=e=>(0,Sp.jsx)(Ao,{panes:[(0,Sp.jsx)(We,{flexBasis:"20%",collapsible:!0,children:(0,Sp.jsx)("p",{children:"Collapsible pane - 20%"})},"pane-1"),(0,Sp.jsxs)(We,{children:[(0,Sp.jsx)("p",{children:"Content"}),(0,Sp.jsx)("p",{children:"Content"}),(0,Sp.jsx)("p",{children:"Content"})]},"pane-2"),(0,Sp.jsx)(We,{flexBasis:"30%",collapsible:!0,children:(0,Sp.jsx)("p",{children:"Collapsible pane - 30%"})},"pane-3")],...e});var Ep=require("react/jsx-runtime"),Bre=e=>(0,Ep.jsx)(Ao,{panes:[(0,Ep.jsx)(We,{flexBasis:"20%",collapsible:!0,children:(0,Ep.jsx)("p",{children:"Collapsible pane - 20%"})},"pane-1"),(0,Ep.jsxs)(We,{children:[(0,Ep.jsx)("p",{children:"Content"}),(0,Ep.jsx)("p",{children:"Content"}),(0,Ep.jsx)("p",{children:"Content"})]},"pane-2"),(0,Ep.jsx)(We,{flexBasis:"30%",collapsible:!0,children:(0,Ep.jsx)("p",{children:"Collapsible pane - 30%"})},"pane-3")],orientation:"vertical",...e});var rk=require("react/jsx-runtime"),Cy=require("react"),Pre=Ao.options,Dre=Ao.states,j4={...Ao.defaultOptions,variant:"horizontal",firstPaneProps:!0,secondPaneProps:!0},Rre=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Ore=[{name:"firstPaneProps",title:"Collapsible Left"},{name:"secondPaneProps",title:"Collapsible Right"}],lk=e=>{let{variant:t,modifiers:o,...r}={...j4,...e},i=x=>({collapsible:x,content:x?"Resizable and collapsible":"Resizable only"}),c=i(!0),u=i(!0),h={display:"flex",justifyContent:"center",alignItems:"center"};return Object.keys(o||{}).forEach(x=>{let v=o==null?void 0:o[x];switch(x){case"secondPaneProps":u=i(!!v);break;case"firstPaneProps":c=i(!!v);break;default:break}}),t==="vertical"?(0,rk.jsx)(Ao,{style:{height:"238px"},...r,orientation:"vertical",panes:[(0,Cy.createElement)(We,{...c,flexBasis:"50%",style:h,key:"pane-1"},(0,rk.jsx)("p",{children:c.content})),(0,Cy.createElement)(We,{...u,flexBasis:"50%",style:h,key:"pane-2"},(0,rk.jsx)("p",{children:u.content}))]}):(0,rk.jsx)(Ao,{style:{height:"238px"},...r,orientation:"horizontal",panes:[(0,Cy.createElement)(We,{...c,flexBasis:"50%",style:h,key:"pane-1"},(0,rk.jsx)("p",{children:c.content})),(0,Cy.createElement)(We,{...u,flexBasis:"50%",style:h,key:"pane-2"},(0,rk.jsx)("p",{children:u.content}))]})};lk.options=Pre;lk.states=Dre;lk.variants=Rre;lk.defaultOptions=j4;lk.modifiers=Ore;lk.className=Ao.className;var q4=require("react/jsx-runtime"),dB="k-chart-wizard-splitter",Kre=[],Yre={},Gre={},Lp=e=>{let{children:t,panes:o,...r}=e;return(0,q4.jsx)(Ao,{...r,className:l(e.className,dB),panes:o,children:t})};Lp.states=Kre;Lp.options=Yre;Lp.className=dB;Lp.defaultOptions=Gre;var $4=require("react/jsx-runtime"),_4="k-chart-types-wrapper",Hre={},Fre={},Fm=e=>(0,$4.jsx)("div",{...e,className:l(e.className,_4),children:e.children});Fm.options=Hre;Fm.className=_4;Fm.defaultOptions=Fre;var Sy=require("react/jsx-runtime"),aS="k-icon-text-wrapper",zre=[m.focus,m.selected],Wre={},Vre={},Ts=e=>{let{focus:t,selected:o,icon:r,text:i,...c}=e;return(0,Sy.jsxs)("div",{...c,className:l(e.className,aS,D(aS,{focus:t,selected:o})),children:[(0,Sy.jsx)("div",{className:"k-icon-background-area",children:(0,Sy.jsx)(f,{icon:r,size:"xlarge"})}),i]})};Ts.states=zre;Ts.options=Wre;Ts.className=aS;Ts.defaultOptions=Vre;var eF="expander",tF="expansion-panel";var Kc=require("react/jsx-runtime"),rS="k-expander",Qre=[m.hover,m.focus,m.disabled,m.expanded],Xre={},Zre={},Ga=e=>{let{title:t,subtitle:o,expanded:r,hover:i,focus:c,disabled:u,dir:h,contentStyle:x,id:v,...T}=e,C=v?`${v}-content`:b("expander-content");return(0,Kc.jsxs)("div",{...T,className:l(e.className,rS,D(rS,{hover:i,focus:c,disabled:u,expanded:r})),dir:h,children:[(0,Kc.jsxs)("div",{className:l("k-expander-header",D(rS,{hover:i})),role:"button","aria-controls":C,"aria-expanded":r?"true":"false",tabIndex:0,"aria-disabled":u?"true":void 0,children:[(0,Kc.jsx)("div",{className:"k-expander-title",children:t}),(0,Kc.jsx)("span",{className:"k-spacer"}),(0,Kc.jsx)("div",{className:"k-expander-sub-title",children:o}),(0,Kc.jsx)("span",{className:"k-expander-indicator",children:r?(0,Kc.jsx)(f,{icon:"chevron-up"}):(0,Kc.jsx)(f,{icon:"chevron-down"})})]}),(0,Kc.jsx)("div",{className:l("k-expander-content-wrapper",{"k-hidden":!r}),id:C,children:(0,Kc.jsx)("div",{className:"k-expander-content",style:x,children:e.children})})]})};Ga.states=Qre;Ga.options=Xre;Ga.className=rS;Ga.defaultOptions=Zre;Ga.moduleName=eF;Ga.folderName=tF;Ga.ariaSpec={selector:".k-expander",rules:[{selector:".k-expander-header",attribute:"role=button",usage:"Sets the proper role for the ExpansionPanel header."},{selector:".k-expander-header",attribute:"aria-controls",usage:"Points to the controlled content wrapper element."},{selector:".k-expander-header",attribute:"aria-expanded=true/false",usage:"Indicates the expanded state of the ExpansionPanel."},{selector:".k-expander-header",attribute:"tabindex=0",usage:"The element should be focusable."},{selector:".k-disabled .k-expander-header",attribute:"aria-disabled=true",usage:"Rendered only when the ExpansionPanel is disabled."},{selector:".k-expander-content-wrapper",attribute:"id",usage:"Content wrapper has an id referenced by aria-controls."}]};var PT=Ga;var cB=require("react/jsx-runtime"),DT=e=>(0,cB.jsx)(PT,{title:"Panel Title",subtitle:"Optional subtitle",id:b("expander"),children:(0,cB.jsx)("span",{children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text."}),...e});var pB=require("react/jsx-runtime"),mB=e=>(0,pB.jsx)(PT,{expanded:!0,title:"Expanded Panel",subtitle:"With content visible",id:b("expander"),children:(0,pB.jsx)("span",{children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text."}),...e});var uB=require("react/jsx-runtime"),Ure=e=>(0,uB.jsx)(PT,{disabled:!0,title:"Disabled Panel",subtitle:"Cannot expand",id:b("expander"),children:(0,uB.jsx)("span",{children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry."}),...e});var lb=require("react/jsx-runtime"),Jre=Ga.options,jre=Ga.states,oF={...Ga.defaultOptions,variant:"normal"},qre=[{name:"normal",title:"Normal"},{name:"expanded",title:"Expanded"}],_re=[],ik=e=>{let{variant:t,...o}={...oF,...e};return(0,lb.jsxs)("div",{style:o.style?o.style:{width:"467px",height:"265"},children:[t==="expanded"?(0,lb.jsx)(mB,{title:"Title",children:[(0,lb.jsx)("span",{children:"This is just a quick example text to build on the Expansion Panel to make up the bulk of the panel content."})],...o,subtitle:"Subtitle"}):(0,lb.jsx)(DT,{title:"Title",subtitle:"Subtitle",...o}),(0,lb.jsx)(DT,{title:"Title",subtitle:"Subtitle",...o}),(0,lb.jsx)(DT,{title:"Title",subtitle:"Subtitle",...o}),(0,lb.jsx)(DT,{title:"Title",subtitle:"Subtitle",...o})]})};ik.options=Jre;ik.states=jre;ik.variants=qre;ik.defaultOptions=oF;ik.modifiers=_re;ik.className=Ga.className;var rF=require("react/jsx-runtime"),bB="k-tabstrip-items",$re=[],ele={},tle={tabAlignment:"start"},RT=e=>{let{children:t,tabAlignment:o,orientation:r,...i}=e;return(0,rF.jsx)("ul",{...i,className:l(e.className,bB,"k-reset",`k-tabstrip-items-${o}`),role:"tablist",...r==="vertical"&&{"aria-orientation":"vertical"},children:t})};RT.states=$re;RT.options=ele;RT.className=bB;RT.defaultOptions=tle;var aF=RT;var sF=require("react/jsx-runtime"),fB="k-tabstrip-items-wrapper",ole=[],ale={},lF={orientation:"horizontal"},OT=e=>{let{children:t,orientation:o=lF.orientation,...r}=e;return(0,sF.jsx)("div",{...r,className:l(e.className,fB,{"k-hstack":o==="horizontal","k-vstack":o==="vertical"}),children:t})};OT.states=ole;OT.options=ale;OT.className=fB;OT.defaultOptions=lF;var iF=OT;var Ey="tabstrip",lS=Ey;var An=require("react/jsx-runtime"),ib="k-tabstrip",rle=[],lle={size:[g.undefined,g.small,g.medium,g.large]},iS={position:"top",tabAlignment:"start",scrollButtons:"around"},Ha=e=>{let{size:t,scrollable:o,children:r,tabStripItems:i,tabStripItemsId:c,position:u=iS.position,tabAlignment:h=iS.tabAlignment,scrollButtons:x=iS.scrollButtons,dir:v,scrollingPosition:T,overflow:C,...N}=e,R={top:{prev:v!=="rtl"?"left":"right",next:v!=="rtl"?"right":"left"},bottom:{prev:v!=="rtl"?"left":"right",next:v!=="rtl"?"right":"left"},right:{prev:"up",next:"down"},left:{prev:"up",next:"down"}},H={top:"horizontal",bottom:"horizontal",left:"vertical",right:"vertical"},V={start:"start",center:"center",end:"end",justify:"justify",stretched:"stretched"};return(0,An.jsxs)("div",{dir:v,...N,className:l(ib,e.className,{[`${ib}-${u}`]:u,[`${ib}-scrollable`]:o,[`${ib}-scrollable-overlay`]:o&&(x==="hidden"||!x),[`${ib}-scrollable-${T}`]:T&&T!=="both",[`${ib}-overflow`]:C},$(ib,{size:t})),children:[u==="bottom"&&r,(0,An.jsxs)(iF,{orientation:H[u],children:[o&&(x==="around"||x==="start")&&(0,An.jsx)("span",{className:l("k-tabstrip-prev","k-button",$("k-button",{size:t,fillMode:L.flat}),"k-icon-button"),"aria-hidden":"true",children:(0,An.jsx)(f,{className:"k-button-icon",icon:`chevron-${R[u].prev}`})}),o&&x==="start"&&(0,An.jsx)("span",{className:l("k-tabstrip-next","k-button",$("k-button",{size:t,fillMode:L.flat}),"k-icon-button"),"aria-hidden":"true",children:(0,An.jsx)(f,{className:"k-button-icon",icon:`chevron-${R[u].next}`})}),(0,An.jsx)(aF,{className:l({"k-tabstrip-items-scroll":o&&x==="hidden"}),tabAlignment:V[h],orientation:H[u],...c&&{id:c},children:i}),o&&x==="end"&&(0,An.jsx)("span",{className:l("k-tabstrip-prev","k-button",$("k-button",{size:t,fillMode:L.flat}),"k-icon-button"),"aria-hidden":"true",children:(0,An.jsx)(f,{className:"k-button-icon",icon:`chevron-${R[u].prev}`})}),o&&(x==="around"||x==="end")&&(0,An.jsx)("span",{className:l("k-tabstrip-next","k-button",$("k-button",{size:t,fillMode:L.flat}),"k-icon-button"),"aria-hidden":"true",children:(0,An.jsx)(f,{className:"k-button-icon",icon:`chevron-${R[u].next}`})}),C&&(0,An.jsx)("div",{className:"k-tabstrip-actions k-hstack",children:(0,An.jsx)(wt,{className:"k-tabstrip-overflow-button",icon:"more-vertical",fillMode:"flat",size:t,showArrow:!1})})]}),u!=="bottom"&&r]})};Ha.states=rle;Ha.options=lle;Ha.className=ib;Ha.defaultOptions=iS;Ha.moduleName=Ey;Ha.folderName=lS;Ha.ariaSpec={selector:".k-tabstrip",rules:[{selector:".k-tabstrip-items",attribute:"role=tablist",usage:"Indicates the tablist role for the ul element."},{selector:".k-tabstrip.k-tabstrip-left .k-tabstrip-items,.k-tabstrip.k-tabstrip-right .k-tabstrip-items",attribute:"aria-orientation=vertical",usage:"Indicates the orientation when vertical."},{selector:".k-tabstrip-item",attribute:"role=tab",usage:"The tab li element."},{selector:".k-tabstrip .k-tabstrip-item.k-active",attribute:"aria-selected=true",usage:"Announces the selected state of the tab."},{selector:".k-tabstrip-content",attribute:"role=tabpanel",usage:"The content div of the tab."},{selector:".k-tabstrip .k-tabstrip-item.k-active",attribute:"aria-controls (when present)",usage:"Announces the relation between the panel and active tab. Only present when tab controls a specific panel."},{selector:".k-tabstrip-content",attribute:"aria-hidden=true (when not active)",usage:"Only if the component implements a feature to control whether the content should be persisted."},{selector:".k-tabstrip-content",attribute:"aria-labelledby (when present)",usage:"Refers to the tab element that controls the panel. Only present when panel has an associated tab."},{selector:".k-tabstrip-scrollable .k-button",attribute:"aria-hidden=true",usage:"Scroll buttons are hidden from assistive technologies."}]};var nF=require("react/jsx-runtime"),hB="k-tabstrip-wrapper",ile=[],sle={},nle={},sk=e=>{let{...t}=e;return(0,nF.jsx)("div",{...t,className:l(e.className,hB),children:e.children})};sk.states=ile;sk.options=sle;sk.className=hB;sk.defaultOptions=nle;sk.moduleName=Ey;sk.folderName=lS;var sb=require("react/jsx-runtime"),sS="k-tabstrip-item",dle=[m.active,m.hover,m.disabled,m.focus],cle={},dF={iconPosition:"before"},ft=e=>{let{dragging:t,active:o,hover:r,focus:i,disabled:c,children:u,first:h,last:x,closable:v,icon:T,iconPosition:C=dF.iconPosition,value:N,actions:R,...H}=e;return(0,sb.jsxs)("li",{...H,className:l(e.className,sS,D(sS,{hover:r,active:o,disabled:c,focus:i}),{"k-tabstrip-dragging":t,"k-first":h,"k-last":x}),role:"tab",...o&&{"aria-selected":"true"},...c&&{"aria-disabled":"true"},children:[(0,sb.jsxs)("span",{className:"k-link",children:[T&&C==="before"&&(0,sb.jsx)(f,{icon:T}),N&&(0,sb.jsx)("span",{className:"k-link-text",children:N}),T&&C==="after"&&(0,sb.jsx)(f,{icon:T})]}),(R||v)&&(0,sb.jsxs)("span",{className:"k-item-actions",children:[R,v&&(0,sb.jsx)(d,{as:"span",className:"k-remove-tab",icon:"x",fillMode:"flat",size:"xsmall",title:"Close","aria-hidden":"true"})]}),u]})};ft.states=dle;ft.options=cle;ft.className=sS;ft.item=dF;var cF=require("react/jsx-runtime"),nS="k-tabstrip-content",ple=[m.active,m.focus],mle={},ule={},Ja=e=>{let{active:t,focus:o,children:r,...i}=e;return(0,cF.jsx)("div",{...i,className:l(e.className,nS,D(nS,{active:t,focus:o}),e.className),role:"tabpanel",children:r})};Ja.states=ple;Ja.options=mle;Ja.className=nS;Ja.defaultOptions=ule;var dc=require("react/jsx-runtime"),wl=({children:e,...t})=>(0,dc.jsx)(Ha,{tabStripItems:(0,dc.jsxs)(dc.Fragment,{children:[(0,dc.jsx)(ft,{first:!0,value:"First"}),(0,dc.jsx)(ft,{active:!0,value:"Second"}),(0,dc.jsx)(ft,{value:"Third"}),(0,dc.jsx)(ft,{value:"Fourth"}),(0,dc.jsx)(ft,{last:!0,value:"Fifth"})]}),...t,children:e||(0,dc.jsx)(Ja,{active:!0,children:(0,dc.jsx)("div",{children:"TabStrip Content"})})});var pF=require("react/jsx-runtime"),gB=e=>(0,pF.jsx)(wl,{position:"bottom",...e});var mF=require("react/jsx-runtime"),kB=e=>(0,mF.jsx)(wl,{position:"right",...e});var uF=require("react/jsx-runtime"),xB=e=>(0,uF.jsx)(wl,{position:"left",...e});var bF=require("react/jsx-runtime"),ble=e=>(0,bF.jsx)(wl,{scrollable:!0,...e});var Ip=require("react/jsx-runtime"),fle=({children:e,...t})=>(0,Ip.jsx)(Ha,{tabStripItems:(0,Ip.jsxs)(Ip.Fragment,{children:[(0,Ip.jsx)(ft,{first:!0,closable:!0,value:"First"}),(0,Ip.jsx)(ft,{active:!0,closable:!0,value:"Second"}),(0,Ip.jsx)(ft,{closable:!0,value:"Third"})]}),...t,children:e||(0,Ip.jsx)(Ja,{active:!0,children:(0,Ip.jsx)("div",{children:"Closable items"})})});var fF=require("react/jsx-runtime"),hle=({scrollingPosition:e="start",...t})=>(0,fF.jsx)(wl,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t});var Nl=require("react/jsx-runtime"),gle=(0,Nl.jsxs)(Nl.Fragment,{children:[(0,Nl.jsx)(ft,{first:!0,value:"Tab 1"}),(0,Nl.jsx)(ft,{value:"Tab 2"}),(0,Nl.jsx)(ft,{active:!0,value:"Tab 3"}),(0,Nl.jsx)(ft,{value:"Tab 4"}),(0,Nl.jsx)(ft,{value:"Tab 5"}),(0,Nl.jsx)(ft,{last:!0,value:"Tab 6"})]}),kle=(0,Nl.jsxs)(ar,{children:[(0,Nl.jsx)(ut,{first:!0,text:"Tab 7"}),(0,Nl.jsx)(ut,{text:"Tab 8"}),(0,Nl.jsx)(ut,{last:!0,text:"Tab 9"})]}),xle=({children:e,showMenu:t=!0,popupOffset:o={},tabStripItems:r,popup:i,...c})=>(0,Nl.jsxs)(Nl.Fragment,{children:[(0,Nl.jsx)(Ha,{overflow:!0,tabStripItems:r||gle,...c,children:e||(0,Nl.jsx)(Ja,{active:!0,children:(0,Nl.jsx)("div",{children:"TabStrip Content"})})}),t&&(0,Nl.jsx)(Oe,{className:"k-menu-popup",offset:o,children:i||kle})]});var ws=require("react/jsx-runtime"),vle=({children:e,...t})=>(0,ws.jsx)(Ha,{tabStripItems:(0,ws.jsxs)(ws.Fragment,{children:[(0,ws.jsx)(ft,{first:!0,value:"First"}),(0,ws.jsx)(ft,{active:!0,value:"Second","aria-controls":"panel-second"}),(0,ws.jsx)(ft,{value:"Third"}),(0,ws.jsx)(ft,{value:"Fourth"}),(0,ws.jsx)(ft,{last:!0,value:"Fifth"})]}),...t,children:e||(0,ws.jsxs)(ws.Fragment,{children:[(0,ws.jsx)(Ja,{"aria-labelledby":"tab-second","aria-hidden":"true",children:(0,ws.jsx)("div",{children:"First Panel (hidden)"})}),(0,ws.jsx)(Ja,{active:!0,id:"panel-second","aria-labelledby":"tab-second",children:(0,ws.jsx)("div",{children:"Second Panel (active)"})})]})});var Ly=require("react/jsx-runtime"),Tle={...Ha.options,scrollable:{type:"boolean"}},wle=Ha.states,hF={...Ha.defaultOptions,scrollable:!1,variant:"up"},Nle=[{name:"up",title:"Position Up"},{name:"bottom",title:"Position Bottom"},{name:"left",title:"Position Left"},{name:"right",title:"Position Right"}],yle=[],nk=e=>{let{variant:t,...o}={...hF,...e},r={};switch(t){case"right":return(0,Ly.jsx)(kB,{style:{height:"230px"},...o,...r,position:"right"});case"left":return(0,Ly.jsx)(xB,{style:{height:"230px"},...o,...r,position:"left"});case"bottom":return(0,Ly.jsx)(gB,{style:{width:"350px"},...o,...r,position:"bottom"});default:return(0,Ly.jsx)(wl,{style:{width:"350px"},...o,...r})}};nk.options=Tle;nk.states=wle;nk.variants=Nle;nk.defaultOptions=hF;nk.modifiers=yle;nk.className=Ha.className;var X=require("react/jsx-runtime"),Ale=e=>(0,X.jsx)(gd,{children:(0,X.jsx)(X.Fragment,{children:(0,X.jsx)(Lp,{panes:[(0,X.jsx)(We,{className:"k-chart-wizard-preview-pane",children:(0,X.jsx)(Hm,{children:(0,X.jsx)("div",{className:"k-chart",style:{position:"relative",height:"400px"},children:(0,X.jsxs)("svg",{style:{width:"100%",height:"100%",overflow:"hidden",left:"0px",top:"-0.15625px"},xmlns:"http://www.w3.org/2000/svg",version:"1.1",children:[(0,X.jsxs)("defs",{children:[(0,X.jsx)("clipPath",{id:"kdef3",children:(0,X.jsx)("path",{d:"M38 68 L 1319 68 1319 338 38 338Z",stroke:"#000",strokeLinejoin:"miter",fill:"none"})}),(0,X.jsx)("clipPath",{id:"kdef4",children:(0,X.jsx)("path",{d:"M0 0 L 1337 0 1337 400 0 400Z",stroke:"#000",strokeLinejoin:"miter",fill:"none"})})]}),(0,X.jsxs)("g",{children:[(0,X.jsx)("path",{d:"M0 0 L 1337 0 1337 400 0 400Z",stroke:"none",fill:"var(--kendo-chart-bg)"}),(0,X.jsx)("path",{d:"M38 68 L 1319 68 1319 338 38 338Z",stroke:"none",fill:"var(--kendo-chart-bg)",fillOpacity:"0"}),(0,X.jsx)("path",{d:"M38.5 311.5 L 1319.5 311.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),(0,X.jsx)("path",{d:"M38.5 284.5 L 1319.5 284.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),(0,X.jsx)("path",{d:"M38.5 257.5 L 1319.5 257.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),(0,X.jsx)("path",{d:"M38.5 230.5 L 1319.5 230.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),(0,X.jsx)("path",{d:"M38.5 203.5 L 1319.5 203.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),(0,X.jsx)("path",{d:"M38.5 176.5 L 1319.5 176.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),(0,X.jsx)("path",{d:"M38.5 149.5 L 1319.5 149.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),(0,X.jsx)("path",{d:"M38.5 122.5 L 1319.5 122.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),(0,X.jsx)("path",{d:"M38.5 95.5 L 1319.5 95.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),(0,X.jsx)("path",{d:"M38.5 68.5 L 1319.5 68.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"})]}),(0,X.jsxs)("g",{children:[(0,X.jsx)("path",{d:"M38.5 338.5 L 1319.5 338.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),(0,X.jsx)("path",{d:"M38.5 338.5 L 38.5 342.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),(0,X.jsx)("path",{d:"M180.5 338.5 L 180.5 342.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),(0,X.jsx)("path",{d:"M323.5 338.5 L 323.5 342.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),(0,X.jsx)("path",{d:"M465.5 338.5 L 465.5 342.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),(0,X.jsx)("path",{d:"M607.5 338.5 L 607.5 342.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),(0,X.jsx)("path",{d:"M750.5 338.5 L 750.5 342.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),(0,X.jsx)("path",{d:"M892.5 338.5 L 892.5 342.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),(0,X.jsx)("path",{d:"M1034.5 338.5 L 1034.5 342.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),(0,X.jsx)("path",{d:"M1177.5 338.5 L 1177.5 342.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),(0,X.jsx)("path",{d:"M1319.5 338.5 L 1319.5 342.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"})]}),(0,X.jsx)("g",{children:(0,X.jsxs)("g",{clipPath:"url(#kdef4)",children:[(0,X.jsx)("path",{d:"M38 177.255 C 85.397 159.112 132.936 122.77 180.333 122.77 227.73 122.77 275.27 124.052 322.667 124.052 370.064 124.052 417.603 104.666 465 104.666 512.397 104.666 559.936 104.95 607.333 104.95 654.73 104.95 702.27 97.687 749.667 97.687 797.064 97.687 844.603 177.485 892 177.485 939.397 177.485 986.936 131.514 1034.333 118.787 1081.73 106.06 1129.27 101.048 1176.667 101.048 1224.064 101.048 1271.603 125.333 1319 137.457 L 1319 338 38 338",stroke:"none",fill:"var(--kendo-chart-series-1)",fillOpacity:"0.8"}),(0,X.jsx)("path",{d:"M38 203.162 C 85.397 199.813 132.936 197.613 180.333 193.104 227.73 188.596 275.27 176.081 322.667 176.081 370.064 176.081 417.603 183.236 465 183.236 512.397 183.236 559.936 175.986 607.333 175.986 654.73 175.986 743.051 175.986 749.667 176.824 797.064 182.82 844.603 198.104 892 212.005 939.397 225.905 986.936 260.308 1034.333 260.308 1081.73 260.308 1129.27 171.424 1176.667 171.424 1224.064 171.424 1271.603 185.939 1319 193.186 L 1319 338 38 338",stroke:"none",fill:"var(--kendo-chart-series-2)",fillOpacity:"0.8"}),(0,X.jsx)("path",{d:"M38 233.416 C 85.397 230.651 132.936 225.113 180.333 225.113 227.73 225.113 275.27 277.506 322.667 277.506 370.064 277.506 417.603 218.685 465 205.714 487.345 199.598 559.936 203.069 607.333 199.598 654.73 196.127 702.27 184.87 749.667 184.87 797.064 184.87 844.603 218.62 892 218.62 939.397 218.62 986.936 191.161 1034.333 191.161 1081.73 191.161 1129.27 303.116 1176.667 303.116 1224.064 303.116 1271.603 204.012 1319 154.535 L 1319 338 38 338",stroke:"none",fill:"var(--kendo-chart-series-3)",fillOpacity:"0.8"}),(0,X.jsx)("circle",{cx:"465",cy:"182.382",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-2)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"465",cy:"204.693",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-3)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"607.333",cy:"198.623",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-3)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"749.667",cy:"184.004",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-3)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"892",cy:"217.504",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-3)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"1034.333",cy:"190.248",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-3)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"1176.667",cy:"301.374",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-3)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"607.333",cy:"104.676",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-1)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"465",cy:"104.394",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-1)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"322.667",cy:"175.28",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-2)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"322.667",cy:"123.637",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-1)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"180.333",cy:"122.364",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-1)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"749.667",cy:"97.467",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-1)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"749.667",cy:"176.017",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-2)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"892",cy:"210.938",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-2)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"892",cy:"176.674",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-1)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"607.333",cy:"175.187",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-2)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"322.667",cy:"275.955",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-3)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"38",cy:"176.446",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-1)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"1034.333",cy:"118.411",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-1)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"1176.667",cy:"100.803",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-1)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"1319",cy:"136.943",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-1)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"38",cy:"202.161",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-2)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"180.333",cy:"192.178",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-2)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"1034.333",cy:"258.883",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-2)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"1176.667",cy:"170.657",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-2)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"1319",cy:"192.258",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-2)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"38",cy:"232.19",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-3)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"180.333",cy:"223.949",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-3)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"1319",cy:"153.894",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-3)",fillOpacity:"1"}),(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"24.5",y:"358",stroke:"none",fillOpacity:"1",children:"2002"}),(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"166.833",y:"358",stroke:"none",fillOpacity:"1",children:"2003"}),(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"309.167",y:"358",stroke:"none",fillOpacity:"1",children:"2004"}),(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"451.5",y:"358",stroke:"none",fillOpacity:"1",children:"2005"}),(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"593.833",y:"358",stroke:"none",fillOpacity:"1",children:"2006"}),(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"736.167",y:"358",stroke:"none",fillOpacity:"1",children:"2007"}),(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"878.5",y:"358",stroke:"none",fillOpacity:"1",children:"2008"}),(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"1020.8330000000001",y:"358",stroke:"none",fillOpacity:"1",children:"2009"}),(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"1163.167",y:"358",stroke:"none",fillOpacity:"1",children:"2010"}),(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"1306",y:"358",stroke:"none",fillOpacity:"1",children:"2011"}),(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"8",y:"342",stroke:"none",fillOpacity:"1",children:"-8%"}),(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"8",y:"315",stroke:"none",fillOpacity:"1",children:"-6%"}),(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"8",y:"288",stroke:"none",fillOpacity:"1",children:"-4%"}),(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"8",y:"261",stroke:"none",fillOpacity:"1",children:"-2%"}),(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"12",y:"234",stroke:"none",fillOpacity:"1",children:"0%"}),(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"12",y:"207",stroke:"none",fillOpacity:"1",children:"2%"}),(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"12",y:"180",stroke:"none",fillOpacity:"1",children:"4%"}),(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"12",y:"153",stroke:"none",fillOpacity:"1",children:"6%"}),(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"12",y:"126",stroke:"none",fillOpacity:"1",children:"8%"}),(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"5",y:"99",stroke:"none",fillOpacity:"1",children:"10%"}),(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"5",y:"72",stroke:"none",fillOpacity:"1",children:"12%"}),(0,X.jsx)("text",{style:{font:"16px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"558",y:"29",stroke:"none",fillOpacity:"1",children:"Gross domestic product growth"}),(0,X.jsx)("text",{style:{font:"16px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"611",y:"47",stroke:"none",fillOpacity:"1",children:"/GDP annual %/"}),(0,X.jsxs)("g",{transform:"matrix(1,0,0,1,590.5,371)",children:[(0,X.jsx)("path",{d:"M0 5.5 L 15 5.5 15 8.5 0 8.5Z",stroke:"#008fd3",strokeWidth:"0",fill:"var(--kendo-chart-series-1)"}),(0,X.jsx)("g",{children:(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"21",y:"11",stroke:"none",fillOpacity:"1",children:"India"})}),(0,X.jsx)("path",{style:{cursor:"pointer"},d:"M0 0 L 47 0 47 14 0 14Z",stroke:"none",fill:"#fff",fillOpacity:"0"})]}),(0,X.jsxs)("g",{transform:"matrix(1,0,0,1,643.5,371)",children:[(0,X.jsx)("path",{d:"M0 5.5 L 15 5.5 15 8.5 0 8.5Z",stroke:"#99d101",strokeWidth:"0",fill:"var(--kendo-chart-series-2)"}),(0,X.jsx)("g",{children:(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"21",y:"11",stroke:"none",fillOpacity:"1",children:"World"})}),(0,X.jsx)("path",{style:{cursor:"pointer"},d:"M0 0 L 52 0 52 14 0 14Z",stroke:"none",fill:"#fff",fillOpacity:"0"})]}),(0,X.jsxs)("g",{transform:"matrix(1,0,0,1,701.5,371)",children:[(0,X.jsx)("path",{d:"M0 5.5 L 15 5.5 15 8.5 0 8.5Z",stroke:"#f39b02",strokeWidth:"0",fill:"var(--kendo-chart-series-3)"}),(0,X.jsx)("g",{children:(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"21",y:"11",stroke:"none",fillOpacity:"1",children:"Haiti"})}),(0,X.jsx)("path",{style:{cursor:"pointer"},d:"M0 0 L 45 0 45 14 0 14Z",stroke:"none",fill:"#fff",fillOpacity:"0"})]})]})})]})})})},"pane-1"),(0,X.jsx)(We,{className:"k-chart-wizard-property-pane",flexBasis:"300px",collapsible:!0,children:(0,X.jsx)(Ha,{tabStripItems:(0,X.jsxs)(X.Fragment,{children:[(0,X.jsx)(ft,{first:!0,value:"Chart",active:!0}),(0,X.jsx)(ft,{value:"Data"}),(0,X.jsx)(ft,{last:!0,value:"Format"})]}),children:(0,X.jsxs)(Ja,{active:!0,children:[(0,X.jsx)(Ga,{expanded:!0,title:"Bar chart",children:(0,X.jsxs)(Fm,{children:[(0,X.jsx)(Ts,{icon:"chart-bar-clustered",text:"Bar"}),(0,X.jsx)(Ts,{icon:"chart-bar-stacked",text:"Stacked Bar"}),(0,X.jsx)(Ts,{icon:"chart-bar-stacked100",text:"100% Stacked Bar"})]})}),(0,X.jsx)(Ga,{expanded:!0,title:"Pie chart",children:(0,X.jsx)(Fm,{children:(0,X.jsx)(Ts,{icon:"chart-pie",text:"Pie"})})}),(0,X.jsx)(Ga,{expanded:!0,title:"Column chart",children:(0,X.jsxs)(Fm,{children:[(0,X.jsx)(Ts,{icon:"chart-column-clustered",text:"Column"}),(0,X.jsx)(Ts,{icon:"chart-column-stacked",text:"Stacked Column"}),(0,X.jsx)(Ts,{icon:"chart-column-stacked100",text:"100% Stacked Column"})]})}),(0,X.jsx)(Ga,{expanded:!0,title:"Line chart",children:(0,X.jsxs)(Fm,{children:[(0,X.jsx)(Ts,{icon:"chart-line",text:"Line"}),(0,X.jsx)(Ts,{icon:"chart-line-stacked",text:"Stacked Line"}),(0,X.jsx)(Ts,{icon:"chart-line-stacked100",text:"100% Stacked Line"})]})}),(0,X.jsx)(Ga,{expanded:!0,title:"Scatter chart",children:(0,X.jsx)(Fm,{children:(0,X.jsx)(Ts,{icon:"chart-scatter",text:"Scatter"})})})]})})},"pane-2")]})}),...e});var na="grid",ua=na;var dS=require("react/jsx-runtime"),Iy="k-grid",Cle=[],Sle={size:[g.undefined,g.small,g.medium,g.large]},Ele=[],gF={pagerPosition:"bottom"},Ze=e=>{let{size:t,pagerPosition:o=gF.pagerPosition,toolbar:r,pager:i,groupingHeader:c,gridSelectionAggregates:u,_renderAriaRoot:h,resizable:x,ariaColCount:v,ariaRowCount:T,ariaRootId:C,ariaRole:N="grid",...R}=e;return(0,dS.jsxs)("div",{...R,className:l(e.className,Iy,{[`${Iy}-resizable`]:x},$(Iy,{size:t})),children:[r,o==="top"&&i,c,e.children&&h?(0,dS.jsx)("div",{className:"k-grid-aria-root",role:N,id:C,"aria-colcount":v,"aria-rowcount":T,children:e.children}):e.children,u,o==="bottom"&&i]})};Ze.states=Cle;Ze.options=Sle;Ze.variants=Ele;Ze.className=Iy;Ze.defaultOptions=gF;Ze.moduleName=na;Ze.folderName=ua;Ze.ariaSpec={selector:".k-grid",rules:[{selector:".k-grid-toolbar",attribute:"role=toolbar",usage:"The toolbar is a collection of command buttons and inputs."},{selector:".k-grid-toolbar",attribute:"aria-label",usage:"Clarifies the purpose of the toolbar."},{selector:".k-grid-toolbar",attribute:"aria-controls=.k-grid-aria-root id (when present)",usage:"Pointing to the id of the element with role=grid."},{selector:".k-grouping-header",attribute:"role=toolbar",usage:"The Grouping pane is a ToolBar (collection of buttons)."},{selector:".k-grouping-header",attribute:"aria-label",usage:"Clarifies the purpose of the grouping pane."},{selector:".k-grouping-header",attribute:"aria-controls=.k-grid-aria-root id (when present)",usage:"Pointing to the id of the element with role=grid."},{selector:".k-grouping-header .k-chip-list",attribute:"role=none",usage:"The ChipList default listbox role is removed to keep the toolbar --> button roles hierarchy."},{selector:".k-grouping-header .k-chip",attribute:"role=button",usage:"If the element used is not <button>, then the role must be specified."},{selector:".k-grid:not(.k-treelist) .k-grid-aria-root",attribute:"role=grid",usage:"The role specifies the element is a Data Grid."},{selector:".k-grid-aria-root",attribute:"aria-colcount (when present)",usage:"The total number of columns in the Grid. Needed for Virtual columns and Hidden columns scenarios."},{selector:".k-grid-aria-root",attribute:"aria-rowcount (when present)",usage:"The total number of rows in the table. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:".k-grid-header-wrap>table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-grid-header-wrap>table>thead",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)",attribute:"aria-rowindex (when present)",usage:"Row number. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th:not(.k-hierarchy-cell):not(.k-group-cell):not(.k-drag-cell)",attribute:"role=columnheader",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th",attribute:"aria-sort (when present)",usage:"Present if sorting is enabled for that column."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th",attribute:"aria-colindex (when present)",usage:"Col number. Needed for Virtual columns and Hidden columns scenarios."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th",attribute:"aria-haspopup=dialog (when present)",usage:"Present if the column has a ColumnMenu or FilterMenu."},{selector:".k-grid-header-wrap>table>thead>tr.k-filter-row>td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr.k-filter-row>td",attribute:"aria-label",usage:"Has a label indicating that the cell is part of a filter row."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table, .k-grid-pinned-container .k-grid-table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody, .k-grid-pinned-container tbody",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr, .k-grid-pinned-container tbody tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr, .k-grid-pinned-container tbody tr",attribute:"aria-rowindex (when present)",usage:"Row number. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr>td, .k-grid-pinned-container tbody td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr>td, .k-grid-pinned-container tbody td",attribute:"aria-colindex (when present)",usage:"Col number. Needed for Virtual columns and Hidden columns scenarios."},{selector:"tr.k-selected",attribute:"aria-selected=true",usage:"Set on the currently selected row(s) in row selection mode. All cells within the selected row also carry aria-selected=true (without k-selected class). Applies to both regular and pinned rows."},{selector:"td.k-selected",attribute:"aria-selected=true",usage:"Set on the currently selected cell(s) in cell selection mode. The k-selected class on cells is only applied in cell selection mode, but aria-selected=true is present on cells regardless of selection mode."},{selector:".k-master-row .k-hierarchy-cell, .k-grouping-row>td",attribute:"aria-expanded",usage:"For cells holding grouping criteria values and for Master row cells in Detail template scenario."},{selector:".k-group-cell",attribute:"role=presentation",usage:"Group offset cells (header and content) are non-interactive placeholders with no semantic role."},{selector:".k-drag-cell",attribute:"aria-label",usage:"Must be present in a Drag Row scenario on the cell containing the drag handle."},{selector:".k-grid-header-locked table tr",attribute:"aria-owns",usage:"Locked header rows own cells from the corresponding non-locked header table rows."},{selector:".k-grid-content-locked table tr:not(.k-grouping-row)",attribute:"aria-owns",usage:"Locked content rows own cells from the corresponding non-locked content table rows. Group header rows are excluded because the non-locked group header rows are presentational."},{selector:".k-grid-lockedcolumns .k-grid-header .k-grid-header-wrap table tr",attribute:"role=none",usage:"Non-locked header rows have their semantic role removed when locked columns exist."},{selector:".k-grid-lockedcolumns .k-grid-content table tr",attribute:"role=none",usage:"Non-locked content rows have their semantic role removed when locked columns exist."},{selector:".k-grid-lockedcolumns .k-grid-header .k-grid-header-wrap th",attribute:"role=columnheader",usage:"Non-locked header cells retain columnheader role so they are announced correctly when owned via aria-owns."},{selector:".k-grid-lockedcolumns .k-grid-content td:not(.k-grouping-row td)",attribute:"role=gridcell",usage:"Non-locked data cells retain gridcell role so they are announced correctly when owned via aria-owns. Cells inside group header rows are excluded as those rows are presentational."},{selector:".k-grid-filter-popup",attribute:"role=dialog",usage:"The filter menu popup has dialog role."},{selector:".k-grid-filter-popup",attribute:"id",usage:"Unique id linked to the header cell aria-controls attribute."},{selector:".k-grid-filter-popup",attribute:"aria-label",usage:'Descriptive label for the filter menu, e.g. "Column Title Filter Menu".'},{selector:".k-grid-columnmenu-popup",attribute:"role=dialog",usage:"The column menu popup has dialog role."},{selector:".k-grid-columnmenu-popup",attribute:"id",usage:"Unique id linked to the header cell aria-controls attribute."},{selector:".k-grid-columnmenu-popup",attribute:"aria-label",usage:'Descriptive label for the column menu, e.g. "Column Title Column Menu".'},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"role=button",usage:"Column menu items have button role."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"tabindex=0",usage:"Column menu items are focusable."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"aria-expanded",usage:"Expandable column menu items announce their expanded state."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"aria-controls",usage:"Expandable items point to the id of the content they control."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"role=listbox",usage:"The column list is a listbox."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"aria-multiselectable=true",usage:"The column list supports multiple selections."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"aria-label",usage:"Accessible name for the column list."},{selector:".k-grid-columnmenu-popup .k-column-list-item",attribute:"role=option",usage:"Column list items are options."},{selector:".k-grid-columnmenu-popup .k-column-list-item",attribute:"aria-checked",usage:"Column list items announce their checked state."},{selector:"tfoot",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:"tfoot tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:"tfoot tr",attribute:"aria-rowindex (when present)",usage:"Row number. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:"tfoot tr td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:"tfoot tr td",attribute:"aria-colindex (when present)",usage:"Col number. Needed for Virtual columns and Hidden columns scenarios."},{selector:".k-grid-selection-aggregates",attribute:"aria-live=polite",usage:"Ensures that changes in the calculated selection aggregates are announced by assistive technologies."},{selector:".k-grid-stack-cell",attribute:"tabindex=0",usage:"Stacked cell elements receive tabindex 0 when focus is within their parent .k-grid-stack-row element."},{selector:".k-grid-sticky-container",attribute:"role=none",usage:"Sticky group container has no semantic role."},{selector:".k-grid-sticky-container .k-grid-table",attribute:"role=none",usage:"Negates the default semantic role of the sticky group <table> element."},{selector:".k-grid-sticky-container tbody",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-sticky-container tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-sticky-container tr",attribute:"aria-rowindex",usage:"Matches the aria-rowindex of the real group header/footer row it mirrors."},{selector:".k-grid-sticky-container td:not(.k-group-cell)",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed. Group offset cells are excluded as they retain role=presentation."},{selector:".k-grid-sticky-container .k-grouping-row>td",attribute:"aria-expanded",usage:"Mirrors the expanded/collapsed state of the real group header row."},{selector:".k-grid-sticky-container td:not(.k-group-cell)",attribute:"tabindex",usage:"Receives tabindex 0 when focused, -1 otherwise, for keyboard navigation. Group offset cells are excluded as they are presentational."},{selector:".k-grid-sticky-container td",attribute:"aria-colindex (when present)",usage:"Col number. Typically 1 for the group header cell spanning all columns."},{selector:".k-grid-pinned-container",attribute:"role=none",usage:"Container for pinned rows has no semantic role."},{selector:".k-grid-pinned-container .k-grid-pinned-wrap",attribute:"role=none",usage:"Inner wrapper for the pinned rows table has no semantic role."},{selector:".k-grid-pinned-container tbody",attribute:"aria-label",usage:'Describes the purpose of the pinned rows group, e.g. "Top pinned rows" or "Bottom pinned rows".'},{selector:".k-grid-pinned-container td",attribute:"aria-haspopup=menu (when present)",usage:"Pinned row cells announce the context menu for row pinning operations."},{selector:".k-grid-pinned-container td",attribute:"aria-controls",usage:"Points to the ID of the context menu popup for row pinning."},{selector:".k-grid-pinned-container td",attribute:"aria-expanded",usage:"Indicates whether the context menu popup is open."},{selector:".k-grid-content td",attribute:"aria-haspopup=menu (when present)",usage:"Regular data cells announce context menu when row pinning uses contextual mode."},{selector:".k-grid-content td",attribute:"aria-controls",usage:"Points to the ID of the context menu popup for row pinning."},{selector:".k-grid-content td",attribute:"aria-expanded",usage:"Indicates whether the context menu popup is open."},{selector:'.k-pin-cell [class*="k-icon"]',attribute:"aria-hidden=true",usage:"Pin/unpin icon inside the dedicated column is decorative and must be hidden from assistive technologies."}]};var xF=require("react/jsx-runtime"),kF="k-grid-header",Le=e=>{let{draggable:t,...o}=e;return(0,xF.jsx)("div",{...o,className:l(e.className,kF,{"k-grid-draggable-header":t}),children:e.children})};Le.className=kF;Le.moduleName=na;Le.folderName=ua;var My=require("react/jsx-runtime"),vF="k-grouping-header",kd=e=>{let{dropHint:t,dropClue:o,...r}=e;return(0,My.jsxs)("div",{...r,className:l(e.className,vF),children:[o&&(0,My.jsx)("div",{className:"k-grouping-dropclue"}),e.children,(0,My.jsx)("div",{className:"k-grouping-drop-container",children:t})]})};kd.className=vF;kd.moduleName=na;kd.folderName=ua;var TF=require("react/jsx-runtime"),vB="k-grid-pinned-container",If=e=>{let{position:t,...o}=e;return(0,TF.jsx)("div",{...o,className:l(e.className,vB,{"k-pos-bottom":t==="bottom"}),children:e.children})};If.className=vB;If.moduleName=na;If.folderName=ua;var wF=require("react/jsx-runtime"),TB="k-grid-sticky-container",zm=e=>{let{position:t,...o}=e;return(0,wF.jsx)("div",{...o,className:l(e.className,TB,{"k-pos-bottom":t==="bottom"}),children:e.children})};zm.className=TB;zm.moduleName=na;zm.folderName=ua;var NF=require("react/jsx-runtime"),wB="k-grid-header-table",ye=e=>(0,NF.jsx)(dr,{...e,className:l(e.className,wB),children:e.children});ye.className=wB;ye.moduleName=na;ye.folderName=ua;var cc=require("react/jsx-runtime"),NB="k-header",Lle=[m.hover,m.focus,m.active],yF={sortIcon:"sort-asc-small"},Y=e=>{let{menu:t,sortable:o,filterable:r,sticky:i,resizable:c,columnTitle:u,hover:h,focus:x,active:v,sortIcon:T=yF.sortIcon,sortOrder:C,accessibleLabel:N,...R}=e;return(0,cc.jsxs)(Yo,{...R,className:l(e.className,NB,{"k-filterable":t||r,"k-sorted":o,"k-grid-header-sticky":i,"k-touch-action-none":c},D(NB,{hover:h,focus:x,active:v})),children:[u&&(0,cc.jsxs)("span",{className:"k-cell-inner",children:[(0,cc.jsxs)("span",{className:"k-link",children:[(0,cc.jsx)("span",{className:"k-column-title",children:u}),o&&(0,cc.jsx)("span",{className:"k-sort-icon",children:(0,cc.jsx)(f,{icon:T})}),C&&(0,cc.jsx)("span",{className:"k-sort-order",children:C})]}),t&&(0,cc.jsx)("a",{className:l("k-grid-header-menu",{"k-active":v,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:(0,cc.jsx)(f,{icon:t==="filter"?"filter":"more-vertical"})})]}),!u&&N&&(0,cc.jsx)("span",{className:"k-sr-only",children:N}),e.children,c&&(0,cc.jsx)("span",{className:"k-column-resizer k-touch-action-none"})]})};Y.states=Lle;Y.className=NB;Y.defaultOptions=yF;Y.moduleName=na;Y.folderName=ua;var CF=require("react/jsx-runtime"),AF="k-grid-container",Be=e=>(0,CF.jsx)("div",{...e,className:l(e.className,AF),children:e.children});Be.className=AF;Be.moduleName=na;Be.folderName=ua;var EF=require("react/jsx-runtime"),SF="k-grid-content",Ae=e=>(0,EF.jsx)("div",{...e,className:l(e.className,SF),children:e.children});Ae.className=SF;Ae.moduleName=na;Ae.folderName=ua;var LF=require("react/jsx-runtime"),yB="k-grid-table",ve=e=>(0,LF.jsx)(dr,{...e,className:l(e.className,yB),children:e.children});ve.className=yB;ve.moduleName=na;ve.folderName=ua;var MF=require("react/jsx-runtime"),IF="k-grid-footer",KT=e=>(0,MF.jsx)("div",{...e,className:l(e.className,IF),children:e.children});KT.className=IF;KT.moduleName=na;KT.folderName=ua;var BF=require("react/jsx-runtime"),AB="k-grid-footer-table",YT=e=>(0,BF.jsx)(dr,{...e,className:l(e.className,AB),children:e.children});YT.className=AB;YT.moduleName=na;YT.folderName=ua;var CB="pager",PF=CB;var Tr=require("react/jsx-runtime"),By="k-pager",Ile=[m.focus,m.disabled],Mle={size:[g.undefined,g.small,g.medium,g.large]},pc={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},Fa=e=>{let{responsive:t=pc.responsive,size:o,pagerSizeInfo:r=pc.pagerSizeInfo,pageTitleInfo:i=pc.pageTitleInfo,maxPagesInfo:c=pc.maxPagesInfo,itemsPerPage:u=pc.itemsPerPage,maxPages:h=pc.maxPages,currentPage:x=pc.currentPage,previousNext:v=pc.previousNext,type:T=pc.type,pageSizes:C=pc.pageSizes,refresh:N=pc.refresh,info:R=pc.info,focus:H,disabled:V,dir:_,...q}=e,me=[],Qe=[];for(let je=1;je<=h;je++)me.push((0,Tr.jsx)(d,{selected:je===x,fillMode:"flat",themeColor:"primary",size:o,"aria-label":`Page ${je}`,...je===x&&{"aria-current":"page"},children:je},je)),Qe.push((0,Tr.jsx)("option",{selected:je===x,children:je},je));return(0,Tr.jsxs)("div",{dir:_,...q,className:l(e.className,By,$(By,{size:o}),D(By,{focus:H,disabled:V}),{"k-pager-responsive":t}),role:"application","aria-roledescription":"pager","aria-keyshortcuts":"Enter ArrowRight ArrowLeft","aria-label":`Page ${x} of ${h}`,children:[(0,Tr.jsxs)("div",{className:l("k-pager-numbers-wrap"),children:[v&&(0,Tr.jsxs)(Tr.Fragment,{children:[(0,Tr.jsx)(d,{className:l("k-pager-nav","k-pager-first"),ariaDisabled:x===1,fillMode:"flat",size:o,icon:_==="rtl"?"caret-alt-to-right":"caret-alt-to-left",title:"Go to the first page","aria-label":"Go to the first page"}),(0,Tr.jsx)(d,{className:l("k-pager-nav"),ariaDisabled:x===1,fillMode:"flat",size:o,icon:_==="rtl"?"chevron-right":"chevron-left",title:"Go to the previous page","aria-label":"Go to the previous page"})]}),T==="numeric"&&(0,Tr.jsx)("div",{className:l("k-pager-numbers"),children:me}),T==="input"&&(0,Tr.jsxs)("span",{className:l("k-pager-input"),children:[i&&(0,Tr.jsx)("span",{children:"Page"}),(0,Tr.jsx)(At,{value:`${x}`,size:o,showSpinButton:!1,showClearButton:!1,"aria-label":"Current page"}),(0,Tr.jsx)("span",{children:c&&`of ${h}`})]}),v&&(0,Tr.jsxs)(Tr.Fragment,{children:[(0,Tr.jsx)(d,{className:l("k-pager-nav"),ariaDisabled:x===h,fillMode:"flat",size:o,icon:_==="rtl"?"chevron-left":"chevron-right",title:"Go to the next page","aria-label":"Go to the next page"}),(0,Tr.jsx)(d,{className:l("k-pager-nav","k-pager-last"),ariaDisabled:x===h,fillMode:"flat",size:o,icon:_==="rtl"?"caret-alt-to-left":"caret-alt-to-right",title:"Go to the last page","aria-label":"Go to the last page"})]})]}),C&&(0,Tr.jsxs)("span",{className:l("k-pager-sizes"),children:[(0,Tr.jsx)(de,{value:`${u}`,size:o,"aria-label":"Items per page"}),r&&(0,Tr.jsx)("span",{children:"items per page"})]}),N&&(0,Tr.jsx)(d,{className:l("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw",title:"Refresh","aria-label":"Refresh"}),R&&(0,Tr.jsx)("span",{className:l("k-pager-info"),children:R})]})};Fa.states=Ile;Fa.options=Mle;Fa.className=By;Fa.defaultOptions=pc;Fa.moduleName=CB;Fa.folderName=PF;Fa.ariaSpec={selector:".k-pager",rules:[{selector:".k-pager",attribute:"role=application",usage:"Indicates that the pager has its own keyboard navigation implemented."},{selector:".k-pager",attribute:"aria-roledescription=pager",usage:"Clarifies the role of the Pager."},{selector:".k-pager",attribute:"aria-keyshortcuts=Enter ArrowRight ArrowLeft",usage:"Announces the available keyboard shortcuts."},{selector:".k-pager",attribute:"aria-label",usage:"Announces the currently selected page and the number of available pages."},{selector:".k-pager-nav",attribute:"role=button or nodeName=button",usage:"Specifies the role of the navigation element."},{selector:".k-pager-nav.k-disabled",attribute:"aria-disabled=true",usage:"Present when the navigation button is non-interactive."},{selector:".k-pager-nav",attribute:"title",usage:"Specifies the purpose of each navigation button."},{selector:".k-pager-numbers .k-button",attribute:"aria-label or title",usage:"Specifies the purpose of each page link, e.g., Page 6."},{selector:".k-pager-numbers .k-button.k-selected",attribute:"aria-current=page",usage:"Present on the currently selected page element."},{selector:".k-pager-sizes .k-dropdownlist",attribute:"aria-label or aria-labelledby",usage:"The DropDownList requires a label to specify its purpose."},{selector:".k-pager-input .k-input-inner",attribute:"aria-label",usage:"The input requires a label to specify its purpose."}]};var DF=require("react/jsx-runtime"),SB=e=>(0,DF.jsx)(Fa,{...e,responsive:!1});var RF=require("react/jsx-runtime"),dk=e=>(0,RF.jsx)(Fa,{type:"input",responsive:!1,...e});var OF=require("react/jsx-runtime"),Ble=e=>(0,OF.jsx)(Fa,{...e});var EB=require("react/jsx-runtime"),Ple=Fa.options,Dle=Fa.states,Rle={...Fa.defaultOptions,variant:"numeric"},Ole=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],Kle=[],ck=e=>{let{variant:t,...o}=e;return t==="input"?(0,EB.jsx)(Fa,{...o,type:"input"}):(0,EB.jsx)(Fa,{...o,type:"numeric"})};ck.options=Ple;ck.states=Dle;ck.variants=Ole;ck.defaultOptions=Rle;ck.modifiers=Kle;ck.className=Fa.className;var YF=require("react/jsx-runtime"),KF="k-grid-pager",Zl=e=>(0,YF.jsx)(Fa,{...e,className:l(e.className,KF),children:e.children});Zl.className=KF;Zl.moduleName=na;Zl.folderName=ua;var HF=require("react/jsx-runtime"),GF="k-grid-toolbar",$s=e=>(0,HF.jsx)(fe,{...e,className:l(e.className,GF),children:e.children});$s.className=GF;$s.moduleName=na;$s.folderName=ua;var GT=require("react/jsx-runtime"),LB="k-grid-stack-cell",Yle=[m.focus,m.selected],HT=e=>{let{cellHeader:t,cellContent:o,edit:r,commandCell:i,dirty:c,focus:u,selected:h,...x}=e;return(0,GT.jsxs)("div",{...x,className:l(e.className,LB,{"k-grid-stack-edit-cell":r,"k-command-cell":i,"k-dirty-cell":c},D(LB,{focus:u,selected:h})),children:[c&&(0,GT.jsx)("span",{className:"k-dirty"}),t&&(0,GT.jsx)("div",{className:"k-grid-stack-header",children:t}),(0,GT.jsx)("div",{className:"k-grid-stack-content",children:o}),e.children]})};HT.states=Yle;HT.className=LB;HT.moduleName=na;HT.folderName=ua;var Cn=HT;var zF=require("react/jsx-runtime"),FF="k-grid-stack-row",pk=e=>{let{cols:t,...o}=e;return(0,zF.jsx)("div",{...o,className:l(e.className,FF,{[`k-grid-cols-${t}`]:t}),children:e.children})};pk.className=FF;pk.moduleName=na;pk.folderName=ua;var Ve=require("react/jsx-runtime"),Gle=({contentClassName:e,...t})=>{let o=b("grid");return(0,Ve.jsx)(Ze,{_renderAriaRoot:!0,ariaRootId:o,ariaColCount:4,ariaRowCount:8,pager:(0,Ve.jsx)(Zl,{}),groupingHeader:(0,Ve.jsx)(kd,{dropHint:"Drag a column header and drop it here to group by that column",role:"toolbar","aria-label":"Grouping","aria-controls":o}),children:(0,Ve.jsxs)(Ve.Fragment,{children:[(0,Ve.jsx)(Le,{children:(0,Ve.jsx)("div",{className:"k-grid-header-wrap",children:(0,Ve.jsxs)(ye,{role:"none",children:[(0,Ve.jsxs)("colgroup",{children:[(0,Ve.jsx)("col",{style:{width:"240px"}}),(0,Ve.jsx)("col",{}),(0,Ve.jsx)("col",{}),(0,Ve.jsx)("col",{style:{width:"150px"}})]}),(0,Ve.jsx)(xe,{role:"rowgroup",children:(0,Ve.jsxs)(k,{role:"row","aria-rowindex":1,children:[(0,Ve.jsx)(Y,{columnTitle:"Contact Name",role:"columnheader","aria-sort":"ascending","aria-colindex":1}),(0,Ve.jsx)(Y,{columnTitle:"Contact Title",role:"columnheader","aria-colindex":2}),(0,Ve.jsx)(Y,{columnTitle:"Company Name",role:"columnheader","aria-colindex":3}),(0,Ve.jsx)(Y,{columnTitle:"Country",role:"columnheader","aria-colindex":4})]})})]})})}),(0,Ve.jsx)(Be,{children:(0,Ve.jsx)(Ae,{className:e,children:(0,Ve.jsxs)(ve,{role:"none",children:[(0,Ve.jsxs)("colgroup",{children:[(0,Ve.jsx)("col",{style:{width:"240px"}}),(0,Ve.jsx)("col",{}),(0,Ve.jsx)("col",{}),(0,Ve.jsx)("col",{style:{width:"150px"}})]}),(0,Ve.jsxs)(ie,{role:"rowgroup",children:[(0,Ve.jsxs)(k,{className:"k-master-row",role:"row","aria-rowindex":2,children:[(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":1,children:"Maria Anders"}),(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Sales Representative"}),(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":3,children:"Alfreds Futterkiste"}),(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":4,children:"Germany"})]}),(0,Ve.jsxs)(k,{className:"k-master-row",role:"row",alt:!0,"aria-rowindex":3,children:[(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":1,children:"Ana Trujillo"}),(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Owner"}),(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":3,children:"Anna Trujillo Emparedados y helados"}),(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":4,children:"Mexico"})]}),(0,Ve.jsxs)(k,{className:"k-master-row",role:"row","aria-rowindex":4,children:[(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":1,children:"Thomas Hardy"}),(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Sales Representative"}),(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":3,children:"Around the Horn"}),(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":4,children:"UK"})]}),(0,Ve.jsxs)(k,{className:"k-master-row",role:"row",alt:!0,"aria-rowindex":5,children:[(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":1,children:"Christina Berglund"}),(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Office Administrator"}),(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":3,children:"Berglunds snabbk\xF6p"}),(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":4,children:"Sweden"})]}),(0,Ve.jsxs)(k,{className:"k-master-row",role:"row","aria-rowindex":6,children:[(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":1,children:"Martin Sommer"}),(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Owner"}),(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":3,children:"B\xF3lido Comidas preparadas"}),(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":4,children:"Spain"})]})]})]})})}),(0,Ve.jsx)(KT,{children:(0,Ve.jsx)("div",{className:"k-grid-footer-wrap",children:(0,Ve.jsxs)(YT,{role:"none",children:[(0,Ve.jsxs)("colgroup",{children:[(0,Ve.jsx)("col",{style:{width:"240px"}}),(0,Ve.jsx)("col",{}),(0,Ve.jsx)("col",{}),(0,Ve.jsx)("col",{style:{width:"150px"}})]}),(0,Ve.jsx)(Lg,{role:"rowgroup",children:(0,Ve.jsxs)(k,{role:"row","aria-rowindex":7,children:[(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":1,children:"Total"}),(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":2}),(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":3,children:"5 items"}),(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":4})]})})]})})})]}),...t})};var Ut=require("react/jsx-runtime"),Hle=({contentClassName:e,sortable:t,resizable:o,...r})=>(0,Ut.jsx)(Ze,{_renderAriaRoot:!0,pager:(0,Ut.jsx)(Zl,{refresh:!1}),children:(0,Ut.jsxs)(Ut.Fragment,{children:[(0,Ut.jsx)(Le,{children:(0,Ut.jsx)("div",{className:"k-grid-header-wrap",children:(0,Ut.jsxs)(ye,{role:"none",children:[(0,Ut.jsxs)("colgroup",{children:[(0,Ut.jsx)("col",{style:{width:"100px"}}),(0,Ut.jsx)("col",{style:{width:"100px"}}),(0,Ut.jsx)("col",{style:{width:"150px"}})]}),(0,Ut.jsx)(xe,{role:"rowgroup",children:(0,Ut.jsxs)(k,{role:"row",children:[(0,Ut.jsx)(Y,{sortable:t,resizable:o,rowspan:1,colspan:1,menu:"column",columnTitle:"ID",filterable:!0,role:"columnheader","aria-haspopup":"dialog"}),(0,Ut.jsx)(Y,{sortable:t,resizable:o,rowspan:1,colspan:1,menu:"column",columnTitle:"Name",filterable:!0,role:"columnheader","aria-haspopup":"dialog"}),(0,Ut.jsx)(Y,{sortable:t,resizable:o,rowspan:1,colspan:1,menu:"column",columnTitle:"Category",filterable:!0,role:"columnheader","aria-haspopup":"dialog"})]})})]})})}),(0,Ut.jsx)(Be,{children:(0,Ut.jsx)(Ae,{className:e,children:(0,Ut.jsxs)(ve,{role:"none",children:[(0,Ut.jsxs)("colgroup",{children:[(0,Ut.jsx)("col",{style:{width:"100px"}}),(0,Ut.jsx)("col",{style:{width:"100px"}}),(0,Ut.jsx)("col",{style:{width:"150px"}})]}),(0,Ut.jsxs)(ie,{role:"rowgroup",children:[(0,Ut.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,Ut.jsx)(n,{role:"gridcell",children:"1"}),(0,Ut.jsx)(n,{role:"gridcell",children:"Chai"}),(0,Ut.jsx)(n,{role:"gridcell",children:"Beverages"})]}),(0,Ut.jsxs)(k,{className:"k-master-row",role:"row",alt:!0,children:[(0,Ut.jsx)(n,{role:"gridcell",children:"2"}),(0,Ut.jsx)(n,{role:"gridcell",children:"Chang"}),(0,Ut.jsx)(n,{role:"gridcell",children:"Beverages"})]}),(0,Ut.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,Ut.jsx)(n,{role:"gridcell",children:"3"}),(0,Ut.jsx)(n,{role:"gridcell",children:"Aniseed Syrup"}),(0,Ut.jsx)(n,{role:"gridcell",children:"Condiments"})]}),(0,Ut.jsxs)(k,{className:"k-master-row",role:"row",alt:!0,children:[(0,Ut.jsx)(n,{role:"gridcell",children:"4"}),(0,Ut.jsx)(n,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),(0,Ut.jsx)(n,{role:"gridcell",children:"Condiments"})]}),(0,Ut.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,Ut.jsx)(n,{role:"gridcell",children:"5"}),(0,Ut.jsx)(n,{role:"gridcell",children:"Grandma's Boysenberry Spread"}),(0,Ut.jsx)(n,{role:"gridcell",children:"Condiments"})]})]})]})})})]}),...r});var Sn="column-menu",xd=Sn;var VF=require("react/jsx-runtime"),cS="k-column-menu",Fle=[],zle={size:[g.undefined,g.small,g.medium,g.large]},WF={view:"list"},Yc=e=>{let{view:t=WF.view,size:o,...r}=e;return(0,VF.jsx)("div",{...r,className:l(e.className,cS,$(cS,{size:o}),{"k-column-menu-tabbed":t==="tabbed"}),children:e.children})};Yc.states=Fle;Yc.options=zle;Yc.className=cS;Yc.defaultOptions=WF;Yc.moduleName=Sn;Yc.folderName=xd;Yc.ariaSpec={selector:".k-column-menu",rules:[{selector:".k-columnmenu-item",attribute:"role=button",usage:"Sets column menu item role to button."},{selector:".k-columnmenu-item",attribute:"tabindex=0",usage:"Sets column menu item tabindex."},{selector:".k-expander .k-columnmenu-item",attribute:"aria-expanded=true/false",usage:"Sets the expanded state of an expandable item."},{selector:".k-expander .k-columnmenu-item",attribute:"aria-controls",usage:"Points to id attribute of the content whose visibility the expandable item controls."},{selector:".k-expander .k-columnmenu-item-content",attribute:"id",usage:"Unique and deterministic id linked to the aria-controls attribute of the corresponding expandable item."},{selector:".k-column-list",attribute:"role=listbox",usage:"Sets the listbox role of the list of columns wrapper."},{selector:".k-column-list",attribute:"aria-multiselectable=true",usage:"Specifies that the list is multiselectable."},{selector:".k-column-list",attribute:"aria-label",usage:"Accessible name for the column list."},{selector:".k-column-list .k-column-list-item",attribute:"role=option",usage:"Sets the option role of the list item."},{selector:".k-column-list .k-column-list-item",attribute:"aria-checked=true/false",usage:"Sets the checked state of list item."}]};var IB=require("react/jsx-runtime"),pS="k-column-list",Wle=[],Vle={size:[g.undefined,g.small,g.medium,g.large]},Qle={},nb=e=>{let{size:t,...o}=e;return(0,IB.jsx)("div",{className:"k-column-list-wrapper",children:(0,IB.jsx)("div",{...o,className:l(e.className,pS,$(pS,{size:t})),role:"listbox","aria-multiselectable":"true",children:e.children})})};nb.states=Wle;nb.options=Vle;nb.className=pS;nb.defaultOptions=Qle;nb.moduleName=Sn;nb.folderName=xd;var Py=require("react/jsx-runtime"),mS="k-column-list-item",Xle=[m.focus,m.disabled,m.hover],Zle={},Ule={},db=e=>{let{label:t,checked:o,focus:r,hover:i,disabled:c,...u}=e;return(0,Py.jsxs)("span",{...u,className:l(e.className,mS,D(mS,{focus:r,hover:i,disabled:c})),role:"option","aria-checked":o?"true":"false",children:[(0,Py.jsx)(Do,{disabled:c,checked:o,"aria-label":t}),(0,Py.jsx)("span",{className:"k-checkbox-label",children:t})]})};db.states=Xle;db.options=Zle;db.className=mS;db.defaultOptions=Ule;var mk=require("react/jsx-runtime"),uS="k-columnmenu-item",Jle=[m.focus,m.selected],jle={},qle={},Gc=e=>{let{focus:t,selected:o,text:r,startIcon:i,endIcon:c,sortIndex:u,...h}=e;return(0,mk.jsxs)("div",{...h,className:l(e.className,uS,D(uS,{focus:t,selected:o})),role:"button",tabIndex:0,children:[i&&(0,mk.jsx)(f,{icon:i}),r,c&&(0,mk.jsxs)("span",{className:"k-columnmenu-indicators",children:[(0,mk.jsx)(f,{icon:c}),u&&(0,mk.jsx)("span",{className:"k-sort-index",children:u})]}),e.children]})};Gc.states=Jle;Gc.options=jle;Gc.className=uS;Gc.defaultOptions=qle;Gc.moduleName=Sn;Gc.folderName=xd;var QF=require("react/jsx-runtime"),_le="k-columnmenu-item-wrapper",FT=e=>(0,QF.jsx)("div",{...e,className:l(e.className,_le),children:e.children});var XF=require("react/jsx-runtime"),$le="k-columnmenu-item-content",MB=e=>(0,XF.jsx)("div",{...e,className:l(e.className,$le,"k-columns-item"),children:e.children});var BB=require("react/jsx-runtime"),PB="k-filter-menu",eie=[],tie={},oie={},Mp=e=>{let{...t}=e;return(0,BB.jsx)("form",{...t,className:l(e.className,PB),children:(0,BB.jsx)("div",{className:"k-filter-menu-container",children:e.children})})};Mp.states=eie;Mp.options=tie;Mp.className=PB;Mp.defaultOptions=oie;Mp.moduleName=Sn;Mp.folderName=xd;var ZF=require("react/jsx-runtime"),aie="k-multicheck-wrap",DB=e=>(0,ZF.jsx)("ul",{...e,className:l(e.className,aie),children:e.children});var zT=require("react/jsx-runtime"),rie="k-item",lie={size:[g.undefined,g.small,g.medium,g.large]},iie=[],cb=e=>{let{text:t,size:o,...r}=e;return(0,zT.jsx)("li",{...r,className:l(e.className,rie),children:(0,zT.jsxs)("label",{className:"k-label k-checkbox-label",children:[(0,zT.jsx)(Do,{size:o}),(0,zT.jsx)("span",{children:t})]})})};cb.states=iie;cb.options=lie;var Wm=require("react/jsx-runtime"),RB="k-expander",sie=[],nie={},die={},Bp=e=>{let{itemText:t,itemStartIcon:o,itemEndIcon:r,itemSortIndex:i,expanded:c,itemContent:u,expanderIcon:h,contentId:x,...v}=e,T=x||b("columnmenu-content"),C=!c&&!h?(0,Wm.jsx)(f,{icon:"chevron-down"}):c&&!h?(0,Wm.jsx)(f,{icon:"chevron-up"}):(0,Wm.jsx)(f,{icon:h});return(0,Wm.jsxs)("div",{...v,className:l(e.className,RB),children:[(0,Wm.jsxs)(Gc,{text:t,startIcon:o,endIcon:r,sortIndex:i,"aria-expanded":c?"true":"false","aria-controls":T,children:[(0,Wm.jsx)("span",{className:"k-spacer"}),(0,Wm.jsx)("span",{className:"k-expander-indicator",children:C})]}),c&&(0,Wm.jsx)(MB,{id:T,children:u}),e.children]})};Bp.states=sie;Bp.options=nie;Bp.className=RB;Bp.defaultOptions=die;Bp.moduleName=Sn;Bp.folderName=xd;var UF=require("react/jsx-runtime"),bS="k-group-menu",cie=[],pie={size:[g.undefined,g.small,g.medium,g.large]},mie={},uk=e=>{let{size:t,...o}=e;return(0,UF.jsx)("div",{...o,className:l(e.className,bS,$(bS,{size:t})),children:e.children})};uk.states=cie;uk.options=pie;uk.className=bS;uk.defaultOptions=mie;uk.moduleName=Sn;uk.folderName=xd;var Vm=require("react/jsx-runtime"),fS="k-group-menu-item",uie=[m.hover,m.selected],bie={},fie={},bk=e=>{let{hover:t,selected:o,text:r,actionsStart:i,actionsEnd:c,...u}=e;return(0,Vm.jsxs)("div",{...u,className:l(e.className,fS,D(fS,{hover:t,selected:o})),children:[i&&(0,Vm.jsx)("span",{className:"k-group-menu-item-actions",children:i}),(0,Vm.jsx)("span",{className:"k-group-item-text",children:r}),c&&(0,Vm.jsxs)(Vm.Fragment,{children:[(0,Vm.jsx)("span",{className:"k-spacer"}),(0,Vm.jsx)("span",{className:"k-group-menu-item-actions",children:c})]}),e.children]})};bk.states=uie;bk.options=bie;bk.className=fS;bk.defaultOptions=fie;bk.moduleName=Sn;bk.folderName=xd;var Mf=require("react/jsx-runtime"),hS="k-group-menu-item-action",hie=[m.hover,m.disabled,m.selected],gie={size:[g.undefined,g.small,g.medium,g.large]},JF=(c=>(c.REMOVE="remove",c.ADD="add",c.DRAG="drag",c.UP="up",c.DOWN="down",c))(JF||{}),gS=e=>{let{hover:t,disabled:o,selected:r,size:i,type:c,...u}=e,h;switch(c){case"remove":h=(0,Mf.jsx)(f,{icon:"x-circle",size:i});break;case"add":h=(0,Mf.jsx)(f,{icon:"plus-circle",size:i});break;case"drag":h=(0,Mf.jsx)(f,{icon:"handle-drag-dots",size:i});break;case"up":h=(0,Mf.jsx)(f,{icon:"chevron-up",size:i});break;case"down":h=(0,Mf.jsx)(f,{icon:"chevron-down",size:i});break;default:h=(0,Mf.jsx)(f,{icon:c,size:i});break}return(0,Mf.jsx)("span",{...u,className:l(e.className,hS,D(hS,{selected:r,hover:t,disabled:o}),`k-group-menu-item-${c}-action`),children:h})};gS.options=hie;gS.options=gie;gS.className=hS;var jF=require("react/jsx-runtime"),kie="k-group-menu-item-wrap",xie=e=>(0,jF.jsx)("div",{...e,className:l(e.className,kie),children:e.children});var bi=require("react/jsx-runtime"),Dy=e=>(0,bi.jsx)(Yc,{children:(0,bi.jsxs)(bi.Fragment,{children:[(0,bi.jsxs)(FT,{children:[(0,bi.jsx)(Gc,{text:"Sort ascending",startIcon:"sort-asc-small"}),(0,bi.jsx)(Gc,{text:"Sort descending",startIcon:"sort-desc-small"})]}),(0,bi.jsx)(FT,{children:(0,bi.jsx)(Bp,{itemText:"Columns",itemStartIcon:"columns",expanded:!0,itemContent:(0,bi.jsxs)(nb,{"aria-label":"Columns",children:[(0,bi.jsx)(db,{label:"Column 1",checked:!0,focus:!0}),(0,bi.jsx)(db,{label:"Column 2",checked:!0}),(0,bi.jsx)(db,{label:"Column 3"})]})})}),(0,bi.jsx)(FT,{children:(0,bi.jsx)(Bp,{itemText:"Filter",itemStartIcon:"filter"})}),(0,bi.jsx)(FT,{children:(0,bi.jsx)(Bp,{itemText:"Set column position",itemStartIcon:"set-column-position"})})]}),...e});var Pp=require("react/jsx-runtime"),vie=e=>(0,Pp.jsx)(Yc,{view:"tabbed",children:(0,Pp.jsx)(wl,{className:"k-pos-relative",tabStripItems:(0,Pp.jsxs)(Pp.Fragment,{children:[(0,Pp.jsx)(ft,{active:!0,icon:"filter"}),(0,Pp.jsx)(ft,{icon:"sliders"}),(0,Pp.jsx)(ft,{icon:"columns"})]}),children:(0,Pp.jsx)(Ja,{active:!0,children:"Tabbed column menu content"})}),...e});var vd=require("react/jsx-runtime"),Ry=e=>(0,vd.jsx)(Mp,{children:(0,vd.jsxs)(vd.Fragment,{children:[(0,vd.jsx)(de,{value:"Contains","aria-label":"First filter operator"}),(0,vd.jsx)(we,{placeholder:"Filter...","aria-label":"First filter value"}),(0,vd.jsx)(de,{value:"And",className:"k-filter-and","aria-label":"Logic operator"}),(0,vd.jsx)(de,{value:"Contains","aria-label":"Second filter operator"}),(0,vd.jsx)(we,{placeholder:"Filter...","aria-label":"Second filter value"}),(0,vd.jsxs)(Xe,{alignment:"stretched",children:[(0,vd.jsx)(d,{icon:"filter",themeColor:"primary",children:"Filter"}),(0,vd.jsx)(d,{icon:"filter-clear",children:"Clear"})]})]}),...e});var Ns=require("react/jsx-runtime"),Tie=e=>(0,Ns.jsx)(Mp,{children:(0,Ns.jsxs)(Ns.Fragment,{children:[(0,Ns.jsx)(ya,{placeholder:"Search...","aria-label":"Search columns"}),(0,Ns.jsxs)(DB,{children:[(0,Ns.jsx)(cb,{text:"Select All",className:"k-check-all-wrap"}),(0,Ns.jsx)(cb,{text:"Column 1"}),(0,Ns.jsx)(cb,{text:"Column 2"}),(0,Ns.jsx)(cb,{text:"Column 3"}),(0,Ns.jsx)(cb,{text:"Column 4 Column 4 Column 4 Column 4 Column 4 Column 4 Column 4 Column 4"})]}),(0,Ns.jsx)("div",{className:"k-filter-selected-items",children:"0 selected items"}),(0,Ns.jsxs)(Xe,{alignment:"stretched",children:[(0,Ns.jsx)(d,{icon:"filter",themeColor:"primary",children:"Filter"}),(0,Ns.jsx)(d,{icon:"filter-clear",children:"Clear"})]})]}),...e});var Ot=require("react/jsx-runtime"),wie=({contentClassName:e,sortable:t,resizable:o,...r})=>{let i=b("grid-colmenu-popup");return(0,Ot.jsxs)(Ot.Fragment,{children:[(0,Ot.jsx)(Ze,{_renderAriaRoot:!0,pager:(0,Ot.jsx)(Zl,{refresh:!1}),children:(0,Ot.jsxs)(Ot.Fragment,{children:[(0,Ot.jsx)(Le,{children:(0,Ot.jsx)("div",{className:"k-grid-header-wrap",children:(0,Ot.jsxs)(ye,{role:"none",children:[(0,Ot.jsxs)("colgroup",{children:[(0,Ot.jsx)("col",{style:{width:"100px"}}),(0,Ot.jsx)("col",{style:{width:"100px"}}),(0,Ot.jsx)("col",{style:{width:"150px"}})]}),(0,Ot.jsx)(xe,{role:"rowgroup",children:(0,Ot.jsxs)(k,{role:"row",children:[(0,Ot.jsx)(Y,{sortable:t,resizable:o,rowspan:1,colspan:1,menu:"column",columnTitle:"ID",filterable:!0,role:"columnheader","aria-haspopup":"dialog","aria-expanded":"true","aria-controls":i}),(0,Ot.jsx)(Y,{sortable:t,resizable:o,rowspan:1,colspan:1,menu:"column",columnTitle:"Name",filterable:!0,role:"columnheader","aria-haspopup":"dialog"}),(0,Ot.jsx)(Y,{sortable:t,resizable:o,rowspan:1,colspan:1,menu:"column",columnTitle:"Category",filterable:!0,role:"columnheader","aria-haspopup":"dialog"})]})})]})})}),(0,Ot.jsx)(Be,{children:(0,Ot.jsx)(Ae,{className:e,children:(0,Ot.jsxs)(ve,{role:"none",children:[(0,Ot.jsxs)("colgroup",{children:[(0,Ot.jsx)("col",{style:{width:"100px"}}),(0,Ot.jsx)("col",{style:{width:"100px"}}),(0,Ot.jsx)("col",{style:{width:"150px"}})]}),(0,Ot.jsxs)(ie,{role:"rowgroup",children:[(0,Ot.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,Ot.jsx)(n,{role:"gridcell",children:"1"}),(0,Ot.jsx)(n,{role:"gridcell",children:"Chai"}),(0,Ot.jsx)(n,{role:"gridcell",children:"Beverages"})]}),(0,Ot.jsxs)(k,{className:"k-master-row",role:"row",alt:!0,children:[(0,Ot.jsx)(n,{role:"gridcell",children:"2"}),(0,Ot.jsx)(n,{role:"gridcell",children:"Chang"}),(0,Ot.jsx)(n,{role:"gridcell",children:"Beverages"})]}),(0,Ot.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,Ot.jsx)(n,{role:"gridcell",children:"3"}),(0,Ot.jsx)(n,{role:"gridcell",children:"Aniseed Syrup"}),(0,Ot.jsx)(n,{role:"gridcell",children:"Condiments"})]}),(0,Ot.jsxs)(k,{className:"k-master-row",role:"row",alt:!0,children:[(0,Ot.jsx)(n,{role:"gridcell",children:"4"}),(0,Ot.jsx)(n,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),(0,Ot.jsx)(n,{role:"gridcell",children:"Condiments"})]}),(0,Ot.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,Ot.jsx)(n,{role:"gridcell",children:"5"}),(0,Ot.jsx)(n,{role:"gridcell",children:"Grandma's Boysenberry Spread"}),(0,Ot.jsx)(n,{role:"gridcell",children:"Condiments"})]})]})]})})})]}),...r}),(0,Ot.jsx)(Oe,{className:"k-grid-columnmenu-popup",id:i,role:"dialog","aria-label":"ID Column Menu",children:(0,Ot.jsx)(Dy,{})})]})};var Jt=require("react/jsx-runtime"),Nie=({contentClassName:e,sortable:t,resizable:o,...r})=>(0,Jt.jsx)(Ze,{_renderAriaRoot:!0,pager:(0,Jt.jsx)(Zl,{refresh:!1}),children:(0,Jt.jsxs)(Jt.Fragment,{children:[(0,Jt.jsx)(Le,{children:(0,Jt.jsx)("div",{className:"k-grid-header-wrap",children:(0,Jt.jsxs)(ye,{role:"none",children:[(0,Jt.jsxs)("colgroup",{children:[(0,Jt.jsx)("col",{}),(0,Jt.jsx)("col",{}),(0,Jt.jsx)("col",{})]}),(0,Jt.jsx)(xe,{role:"rowgroup",children:(0,Jt.jsxs)(k,{role:"row",children:[(0,Jt.jsx)(Y,{sortable:t,resizable:o,rowspan:1,colspan:1,menu:"filter",columnTitle:"Name",role:"columnheader","aria-haspopup":"dialog"}),(0,Jt.jsx)(Y,{sortable:t,resizable:o,rowspan:1,colspan:1,menu:"filter",columnTitle:"City",role:"columnheader","aria-haspopup":"dialog"}),(0,Jt.jsx)(Y,{sortable:t,resizable:o,rowspan:1,colspan:1,menu:"filter",columnTitle:"Title",role:"columnheader","aria-haspopup":"dialog"})]})})]})})}),(0,Jt.jsx)(Be,{children:(0,Jt.jsx)(Ae,{className:e,children:(0,Jt.jsxs)(ve,{role:"none",children:[(0,Jt.jsxs)("colgroup",{children:[(0,Jt.jsx)("col",{}),(0,Jt.jsx)("col",{}),(0,Jt.jsx)("col",{})]}),(0,Jt.jsxs)(ie,{role:"rowgroup",children:[(0,Jt.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,Jt.jsx)(n,{role:"gridcell",children:"Michael Buchanan"}),(0,Jt.jsx)(n,{role:"gridcell",children:"Redmond"}),(0,Jt.jsx)(n,{role:"gridcell",children:"CEO"})]}),(0,Jt.jsxs)(k,{className:"k-master-row",role:"row",alt:!0,children:[(0,Jt.jsx)(n,{role:"gridcell",children:"Margaret Peacock"}),(0,Jt.jsx)(n,{role:"gridcell",children:"Tacoma"}),(0,Jt.jsx)(n,{role:"gridcell",children:"CTO"})]}),(0,Jt.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,Jt.jsx)(n,{role:"gridcell",children:"Margaret Suyama"}),(0,Jt.jsx)(n,{role:"gridcell",children:"Boston"}),(0,Jt.jsx)(n,{role:"gridcell",children:"Web Designer"})]}),(0,Jt.jsxs)(k,{className:"k-master-row",role:"row",alt:!0,children:[(0,Jt.jsx)(n,{role:"gridcell",children:"Laura Peacock"}),(0,Jt.jsx)(n,{role:"gridcell",children:"Seattle"}),(0,Jt.jsx)(n,{role:"gridcell",children:"Accountant"})]}),(0,Jt.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,Jt.jsx)(n,{role:"gridcell",children:"Janet Davolio"}),(0,Jt.jsx)(n,{role:"gridcell",children:"Philadelphia"}),(0,Jt.jsx)(n,{role:"gridcell",children:"Sales Manager"})]})]})]})})})]}),...r});var Kt=require("react/jsx-runtime"),yie=({contentClassName:e,sortable:t,resizable:o,...r})=>{let i=b("grid-filter-popup");return(0,Kt.jsxs)(Kt.Fragment,{children:[(0,Kt.jsx)(Ze,{_renderAriaRoot:!0,pager:(0,Kt.jsx)(Zl,{refresh:!1}),children:(0,Kt.jsxs)(Kt.Fragment,{children:[(0,Kt.jsx)(Le,{children:(0,Kt.jsx)("div",{className:"k-grid-header-wrap",children:(0,Kt.jsxs)(ye,{role:"none",children:[(0,Kt.jsxs)("colgroup",{children:[(0,Kt.jsx)("col",{}),(0,Kt.jsx)("col",{}),(0,Kt.jsx)("col",{})]}),(0,Kt.jsx)(xe,{role:"rowgroup",children:(0,Kt.jsxs)(k,{role:"row",children:[(0,Kt.jsx)(Y,{sortable:t,resizable:o,rowspan:1,colspan:1,menu:"filter",columnTitle:"Name",role:"columnheader","aria-haspopup":"dialog","aria-expanded":"true","aria-controls":i}),(0,Kt.jsx)(Y,{sortable:t,resizable:o,rowspan:1,colspan:1,menu:"filter",columnTitle:"City",role:"columnheader","aria-haspopup":"dialog"}),(0,Kt.jsx)(Y,{sortable:t,resizable:o,rowspan:1,colspan:1,menu:"filter",columnTitle:"Title",role:"columnheader","aria-haspopup":"dialog"})]})})]})})}),(0,Kt.jsx)(Be,{children:(0,Kt.jsx)(Ae,{className:e,children:(0,Kt.jsxs)(ve,{role:"none",children:[(0,Kt.jsxs)("colgroup",{children:[(0,Kt.jsx)("col",{}),(0,Kt.jsx)("col",{}),(0,Kt.jsx)("col",{})]}),(0,Kt.jsxs)(ie,{role:"rowgroup",children:[(0,Kt.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,Kt.jsx)(n,{role:"gridcell",children:"Michael Buchanan"}),(0,Kt.jsx)(n,{role:"gridcell",children:"Redmond"}),(0,Kt.jsx)(n,{role:"gridcell",children:"CEO"})]}),(0,Kt.jsxs)(k,{className:"k-master-row",role:"row",alt:!0,children:[(0,Kt.jsx)(n,{role:"gridcell",children:"Margaret Peacock"}),(0,Kt.jsx)(n,{role:"gridcell",children:"Tacoma"}),(0,Kt.jsx)(n,{role:"gridcell",children:"CTO"})]}),(0,Kt.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,Kt.jsx)(n,{role:"gridcell",children:"Margaret Suyama"}),(0,Kt.jsx)(n,{role:"gridcell",children:"Boston"}),(0,Kt.jsx)(n,{role:"gridcell",children:"Web Designer"})]}),(0,Kt.jsxs)(k,{className:"k-master-row",role:"row",alt:!0,children:[(0,Kt.jsx)(n,{role:"gridcell",children:"Laura Peacock"}),(0,Kt.jsx)(n,{role:"gridcell",children:"Seattle"}),(0,Kt.jsx)(n,{role:"gridcell",children:"Accountant"})]}),(0,Kt.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,Kt.jsx)(n,{role:"gridcell",children:"Janet Davolio"}),(0,Kt.jsx)(n,{role:"gridcell",children:"Philadelphia"}),(0,Kt.jsx)(n,{role:"gridcell",children:"Sales Manager"})]})]})]})})})]}),...r}),(0,Kt.jsx)(Oe,{className:"k-grid-filter-popup",id:i,role:"dialog","aria-label":"Name Filter Menu",children:(0,Kt.jsx)(Ry,{})})]})};var ce=require("react/jsx-runtime"),OB=({contentClassName:e,...t})=>(0,ce.jsx)(Ze,{_renderAriaRoot:!0,pager:(0,ce.jsx)(Zl,{refresh:!1}),children:(0,ce.jsxs)(ce.Fragment,{children:[(0,ce.jsx)(Le,{children:(0,ce.jsx)("div",{className:"k-grid-header-wrap",children:(0,ce.jsxs)(ye,{role:"none",children:[(0,ce.jsxs)("colgroup",{children:[(0,ce.jsx)("col",{}),(0,ce.jsx)("col",{style:{width:"225px"}}),(0,ce.jsx)("col",{}),(0,ce.jsx)("col",{}),(0,ce.jsx)("col",{})]}),(0,ce.jsxs)(xe,{role:"rowgroup",children:[(0,ce.jsxs)(k,{role:"row",children:[(0,ce.jsx)(Y,{rowspan:1,colspan:1,columnTitle:"Product Id",role:"columnheader"}),(0,ce.jsx)(Y,{rowspan:1,colspan:1,columnTitle:"Name",role:"columnheader"}),(0,ce.jsx)(Y,{rowspan:1,colspan:1,columnTitle:"Quantity",role:"columnheader"}),(0,ce.jsx)(Y,{rowspan:1,colspan:1,columnTitle:"Unit Price",role:"columnheader"}),(0,ce.jsx)(Y,{rowspan:1,colspan:1,columnTitle:"Discontinued",role:"columnheader"})]}),(0,ce.jsxs)(k,{className:"k-filter-row",role:"row",children:[(0,ce.jsx)(n,{role:"gridcell","aria-label":"Product Id filter",children:(0,ce.jsx)("div",{className:"k-filtercell",children:(0,ce.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,ce.jsx)(At,{"aria-label":"Product Id filter"}),(0,ce.jsxs)("div",{className:"k-filtercell-operator",children:[(0,ce.jsx)(de,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Product Id filter operator"})," ",(0,ce.jsx)(d,{disabled:!0,icon:"filter-clear","aria-label":"Clear Product Id filter"})]})]})})}),(0,ce.jsx)(n,{role:"gridcell","aria-label":"Name filter",children:(0,ce.jsx)("div",{className:"k-filtercell",children:(0,ce.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,ce.jsx)(we,{"aria-label":"Name filter"}),(0,ce.jsxs)("div",{className:"k-filtercell-operator",children:[(0,ce.jsx)(de,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Name filter operator"})," ",(0,ce.jsx)(d,{disabled:!0,icon:"filter-clear","aria-label":"Clear Name filter"})]})]})})}),(0,ce.jsx)(n,{role:"gridcell","aria-label":"Quantity filter",children:(0,ce.jsx)("div",{className:"k-filtercell",children:(0,ce.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,ce.jsx)(we,{"aria-label":"Quantity filter"}),(0,ce.jsxs)("div",{className:"k-filtercell-operator",children:[(0,ce.jsx)(de,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Quantity filter operator"})," ",(0,ce.jsx)(d,{disabled:!0,icon:"filter-clear","aria-label":"Clear Quantity filter"})]})]})})}),(0,ce.jsx)(n,{role:"gridcell","aria-label":"Unit Price filter",children:(0,ce.jsx)("div",{className:"k-filtercell",children:(0,ce.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,ce.jsx)(At,{"aria-label":"Unit Price filter"}),(0,ce.jsxs)("div",{className:"k-filtercell-operator",children:[(0,ce.jsx)(de,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Unit Price filter operator"})," ",(0,ce.jsx)(d,{disabled:!0,icon:"filter-clear","aria-label":"Clear Unit Price filter"})]})]})})}),(0,ce.jsx)(n,{role:"gridcell","aria-label":"Discontinued filter",children:(0,ce.jsx)("div",{className:"k-filtercell",children:(0,ce.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,ce.jsx)(de,{"aria-label":"Discontinued filter"}),(0,ce.jsx)("div",{className:"k-filtercell-operator",children:(0,ce.jsx)(d,{disabled:!0,icon:"filter-clear","aria-label":"Clear Discontinued filter"})})]})})})]})]})]})})}),(0,ce.jsx)(Be,{children:(0,ce.jsx)(Ae,{className:e,children:(0,ce.jsxs)(ve,{role:"none",children:[(0,ce.jsxs)("colgroup",{children:[(0,ce.jsx)("col",{}),(0,ce.jsx)("col",{style:{width:"225px"}}),(0,ce.jsx)("col",{}),(0,ce.jsx)("col",{}),(0,ce.jsx)("col",{})]}),(0,ce.jsxs)(ie,{role:"rowgroup",children:[(0,ce.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,ce.jsx)(n,{role:"gridcell",children:"1"}),(0,ce.jsx)(n,{role:"gridcell",children:"Chai"}),(0,ce.jsx)(n,{role:"gridcell",children:"10 boxes x 20 bags"}),(0,ce.jsx)(n,{role:"gridcell",children:"18"}),(0,ce.jsx)(n,{role:"gridcell",children:"false"})]}),(0,ce.jsxs)(k,{className:"k-master-row",role:"row",alt:!0,children:[(0,ce.jsx)(n,{role:"gridcell",children:"2"}),(0,ce.jsx)(n,{role:"gridcell",children:"Chang"}),(0,ce.jsx)(n,{role:"gridcell",children:"24 - 12 oz bottles"}),(0,ce.jsx)(n,{role:"gridcell",children:"19"}),(0,ce.jsx)(n,{role:"gridcell",children:"false"})]}),(0,ce.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,ce.jsx)(n,{role:"gridcell",children:"3"}),(0,ce.jsx)(n,{role:"gridcell",children:"Aniseed Syrup"}),(0,ce.jsx)(n,{role:"gridcell",children:"12 - 550 ml bottles"}),(0,ce.jsx)(n,{role:"gridcell",children:"10"}),(0,ce.jsx)(n,{role:"gridcell",children:"false"})]}),(0,ce.jsxs)(k,{className:"k-master-row",role:"row",alt:!0,children:[(0,ce.jsx)(n,{role:"gridcell",children:"4"}),(0,ce.jsx)(n,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),(0,ce.jsx)(n,{role:"gridcell",children:"48 - 6 oz jars"}),(0,ce.jsx)(n,{role:"gridcell",children:"22"}),(0,ce.jsx)(n,{role:"gridcell",children:"false"})]}),(0,ce.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,ce.jsx)(n,{role:"gridcell",children:"5"}),(0,ce.jsx)(n,{role:"gridcell",children:"Grandma's Boysenberry Spread"}),(0,ce.jsx)(n,{role:"gridcell",children:"12 - 8 oz jars"}),(0,ce.jsx)(n,{role:"gridcell",children:"25"}),(0,ce.jsx)(n,{role:"gridcell",children:"false"})]})]})]})})})]}),...t});var _e=require("react/jsx-runtime"),KB=({dropClue:e,contentClassName:t,...o})=>(0,_e.jsx)(Ze,{_renderAriaRoot:!0,groupingHeader:(0,_e.jsx)(kd,{dropClue:e,role:"toolbar","aria-label":"Grouping",children:(0,_e.jsxs)(no,{role:"none",children:[(0,_e.jsx)(mt,{icon:"sort-asc-small",text:"ID",role:"button",actions:(0,_e.jsxs)(_e.Fragment,{children:[(0,_e.jsx)(dt,{type:"more"}),(0,_e.jsx)(dt,{type:"remove"})]})}),(0,_e.jsx)(mt,{icon:"sort-desc-small",text:"Name",role:"button",actions:(0,_e.jsxs)(_e.Fragment,{children:[(0,_e.jsx)(dt,{type:"more"}),(0,_e.jsx)(dt,{type:"remove"})]})})]})}),children:(0,_e.jsxs)(_e.Fragment,{children:[(0,_e.jsx)(Le,{draggable:!0,children:(0,_e.jsx)("div",{className:"k-grid-header-wrap",children:(0,_e.jsxs)(ye,{role:"none",children:[(0,_e.jsxs)("colgroup",{children:[(0,_e.jsx)("col",{className:"k-group-col"}),(0,_e.jsx)("col",{className:"k-group-col"}),(0,_e.jsx)("col",{}),(0,_e.jsx)("col",{}),(0,_e.jsx)("col",{}),(0,_e.jsx)("col",{})]}),(0,_e.jsx)(xe,{role:"rowgroup",children:(0,_e.jsxs)(k,{role:"row",children:[(0,_e.jsx)(Y,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),(0,_e.jsx)(Y,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),(0,_e.jsx)(Y,{colspan:1,columnTitle:"ID",role:"columnheader"}),(0,_e.jsx)(Y,{colspan:1,columnTitle:"Name",role:"columnheader"}),(0,_e.jsx)(Y,{colspan:1,columnTitle:"Price",role:"columnheader"}),(0,_e.jsx)(Y,{colspan:1,columnTitle:"Category",role:"columnheader"})]})})]})})}),(0,_e.jsx)(Be,{children:(0,_e.jsx)(Ae,{className:t,children:(0,_e.jsxs)(ve,{role:"none",children:[(0,_e.jsxs)("colgroup",{children:[(0,_e.jsx)("col",{className:"k-group-col"}),(0,_e.jsx)("col",{className:"k-group-col"}),(0,_e.jsx)("col",{}),(0,_e.jsx)("col",{}),(0,_e.jsx)("col",{}),(0,_e.jsx)("col",{})]}),(0,_e.jsxs)(ie,{role:"rowgroup",children:[(0,_e.jsx)(k,{className:"k-table-group-row k-grouping-row",role:"row",children:(0,_e.jsx)(n,{colspan:6,role:"gridcell","aria-expanded":"false",children:(0,_e.jsxs)("p",{className:"k-reset",children:[(0,_e.jsx)(f,{icon:"chevron-right"}),"ID: 1"]})})}),(0,_e.jsx)(k,{className:"k-table-group-row k-grouping-row",role:"row",children:(0,_e.jsx)(n,{colspan:6,role:"gridcell","aria-expanded":"true",children:(0,_e.jsxs)("p",{className:"k-reset",children:[(0,_e.jsx)(f,{icon:"chevron-down"}),"ID: 2"]})})}),(0,_e.jsxs)(k,{className:"k-table-group-row k-grouping-row",role:"row",children:[(0,_e.jsx)(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,_e.jsx)(n,{colspan:5,role:"gridcell","aria-expanded":"true",children:(0,_e.jsxs)("p",{className:"k-reset",children:[(0,_e.jsx)(f,{icon:"chevron-down"}),"Name: Chang"]})})]}),(0,_e.jsxs)(k,{className:"k-master-row",role:"row",alt:!0,children:[(0,_e.jsx)(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,_e.jsx)(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,_e.jsx)(n,{colspan:0,role:"gridcell",children:"2"}),(0,_e.jsx)(n,{colspan:0,role:"gridcell",children:"Chang"}),(0,_e.jsx)(n,{colspan:0,role:"gridcell",children:"$19.00"}),(0,_e.jsx)(n,{colspan:0,role:"gridcell",children:"Beverages"})]})]})]})})})]}),...o});var Pe=require("react/jsx-runtime"),Aie=({containerClassName:e,...t})=>(0,Pe.jsx)(Ze,{_renderAriaRoot:!0,children:(0,Pe.jsxs)(Pe.Fragment,{children:[(0,Pe.jsx)(Le,{children:(0,Pe.jsx)("div",{className:"k-grid-header-wrap",children:(0,Pe.jsxs)(ye,{role:"none",children:[(0,Pe.jsxs)("colgroup",{children:[(0,Pe.jsx)("col",{className:"k-hierarchy-col"}),(0,Pe.jsx)("col",{style:{width:"100px"}}),(0,Pe.jsx)("col",{}),(0,Pe.jsx)("col",{})]}),(0,Pe.jsx)(xe,{role:"rowgroup",children:(0,Pe.jsxs)(k,{role:"row",children:[(0,Pe.jsx)(Y,{className:"k-hierarchy-cell",accessibleLabel:"Detail"}),(0,Pe.jsx)(Y,{columnTitle:"ID",role:"columnheader"}),(0,Pe.jsx)(Y,{columnTitle:"Category Name",role:"columnheader"}),(0,Pe.jsx)(Y,{columnTitle:"Description",role:"columnheader"})]})})]})})}),(0,Pe.jsx)(Be,{children:(0,Pe.jsx)(Ae,{className:e,children:(0,Pe.jsxs)(ve,{role:"none",children:[(0,Pe.jsxs)("colgroup",{children:[(0,Pe.jsx)("col",{className:"k-hierarchy-col"}),(0,Pe.jsx)("col",{style:{width:"100px"}}),(0,Pe.jsx)("col",{}),(0,Pe.jsx)("col",{})]}),(0,Pe.jsxs)(ie,{role:"rowgroup",children:[(0,Pe.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,Pe.jsx)(n,{className:"k-hierarchy-cell",role:"gridcell","aria-expanded":"false",children:(0,Pe.jsx)(f,{icon:"chevron-right"})}),(0,Pe.jsx)(n,{role:"gridcell",children:"1"}),(0,Pe.jsx)(n,{role:"gridcell",children:"Beverages"}),(0,Pe.jsx)(n,{role:"gridcell",children:"Soft drinks, coffees, teas, beers and ales"})]}),(0,Pe.jsxs)(k,{className:"k-master-row k-expanded",role:"row",alt:!0,children:[(0,Pe.jsx)(n,{className:"k-hierarchy-cell",role:"gridcell","aria-expanded":"true",children:(0,Pe.jsx)(f,{icon:"chevron-down"})}),(0,Pe.jsx)(n,{role:"gridcell",children:"2"}),(0,Pe.jsx)(n,{role:"gridcell",children:"Condiments"}),(0,Pe.jsx)(n,{role:"gridcell",children:"Sweet and savory sauces, relishes, spreads, and seasonings"})]}),(0,Pe.jsxs)(k,{className:"k-master-row k-detail-row",role:"row",children:[(0,Pe.jsx)(n,{className:"k-hierarchy-cell",role:"gridcell"}),(0,Pe.jsx)(n,{className:"k-detail-cell",role:"gridcell",colspan:3,children:(0,Pe.jsxs)(Ze,{_renderAriaRoot:!0,className:"k-grid-no-scrollbar",children:[(0,Pe.jsx)(Le,{children:(0,Pe.jsx)("div",{className:"k-grid-header-wrap",children:(0,Pe.jsxs)(ye,{role:"none",children:[(0,Pe.jsxs)("colgroup",{children:[(0,Pe.jsx)("col",{}),(0,Pe.jsx)("col",{}),(0,Pe.jsx)("col",{})]}),(0,Pe.jsx)(xe,{role:"rowgroup",children:(0,Pe.jsxs)(k,{role:"row",children:[(0,Pe.jsx)(Y,{colspan:1,rowspan:1,columnTitle:"ID",role:"columnheader"}),(0,Pe.jsx)(Y,{colspan:1,rowspan:1,columnTitle:"Product Name",role:"columnheader"}),(0,Pe.jsx)(Y,{colspan:1,rowspan:1,columnTitle:"Unit Price",role:"columnheader"})]})})]})})}),(0,Pe.jsx)(Be,{children:(0,Pe.jsx)(Ae,{children:(0,Pe.jsxs)(ve,{role:"none",children:[(0,Pe.jsxs)("colgroup",{children:[(0,Pe.jsx)("col",{}),(0,Pe.jsx)("col",{}),(0,Pe.jsx)("col",{})]}),(0,Pe.jsxs)(ie,{role:"rowgroup",children:[(0,Pe.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,Pe.jsx)(n,{colspan:1,role:"gridcell",children:"1"}),(0,Pe.jsx)(n,{colspan:1,role:"gridcell",children:"Aniseed Syrup"}),(0,Pe.jsx)(n,{colspan:1,role:"gridcell",children:"$10.00"})]}),(0,Pe.jsxs)(k,{alt:!0,className:"k-master-row",role:"row",children:[(0,Pe.jsx)(n,{colspan:1,role:"gridcell",children:"2"}),(0,Pe.jsx)(n,{colspan:1,role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),(0,Pe.jsx)(n,{colspan:1,role:"gridcell",children:"$22.00"})]}),(0,Pe.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,Pe.jsx)(n,{colspan:1,role:"gridcell",children:"3"}),(0,Pe.jsx)(n,{colspan:1,role:"gridcell",children:"Chef Anton's Gumbo Mix"}),(0,Pe.jsx)(n,{colspan:1,role:"gridcell",children:"$21.35"})]})]})]})})})]})})]})]})]})})})]}),...t});var at=require("react/jsx-runtime"),Cie=({contentClassName:e,...t})=>(0,at.jsx)(Ze,{_renderAriaRoot:!0,pager:(0,at.jsx)(Zl,{pageSizes:!1,refresh:!1}),children:(0,at.jsxs)(at.Fragment,{children:[(0,at.jsx)(Le,{children:(0,at.jsx)("div",{className:"k-grid-header-wrap",children:(0,at.jsxs)(ye,{role:"none",children:[(0,at.jsxs)("colgroup",{children:[(0,at.jsx)("col",{className:"k-drag-col"}),(0,at.jsx)("col",{}),(0,at.jsx)("col",{})]}),(0,at.jsx)(xe,{role:"rowgroup",children:(0,at.jsxs)(k,{role:"row",children:[(0,at.jsx)(Y,{accessibleLabel:"Reorder"}),(0,at.jsx)(Y,{columnTitle:"Product Id",role:"columnheader"}),(0,at.jsx)(Y,{columnTitle:"Unit Price",role:"columnheader"}),(0,at.jsx)(Y,{columnTitle:"Discontinued",role:"columnheader"}),(0,at.jsx)(Y,{columnTitle:"Category",role:"columnheader"})]})})]})})}),(0,at.jsx)(Be,{children:(0,at.jsx)(Ae,{className:e,children:(0,at.jsxs)(ve,{role:"none",children:[(0,at.jsxs)("colgroup",{children:[(0,at.jsx)("col",{className:"k-drag-col"}),(0,at.jsx)("col",{}),(0,at.jsx)("col",{})]}),(0,at.jsxs)(ie,{role:"rowgroup",children:[(0,at.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,at.jsx)(n,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:(0,at.jsx)(f,{icon:"reorder"})}),(0,at.jsx)(n,{role:"gridcell",children:"Chef Anton's Gumbo"}),(0,at.jsx)(n,{role:"gridcell",children:"21.35"}),(0,at.jsx)(n,{role:"gridcell",children:"false"}),(0,at.jsx)(n,{role:"gridcell",children:"Condiments"})]}),(0,at.jsxs)(k,{className:"k-master-row",role:"row",alt:!0,children:[(0,at.jsx)(n,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:(0,at.jsx)(f,{icon:"reorder"})}),(0,at.jsx)(n,{role:"gridcell",children:"Alice Mutton"}),(0,at.jsx)(n,{role:"gridcell",children:"39"}),(0,at.jsx)(n,{role:"gridcell",children:"false"}),(0,at.jsx)(n,{role:"gridcell",children:"Meat/Poultry"})]}),(0,at.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,at.jsx)(n,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:(0,at.jsx)(f,{icon:"reorder"})}),(0,at.jsx)(n,{role:"gridcell",children:"Singaporean Hokkien Fried Mee"}),(0,at.jsx)(n,{role:"gridcell",children:"123.79"}),(0,at.jsx)(n,{role:"gridcell",children:"true"}),(0,at.jsx)(n,{role:"gridcell",children:"Meat/Poultry"})]}),(0,at.jsxs)(k,{className:"k-master-row",role:"row",alt:!0,children:[(0,at.jsx)(n,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:(0,at.jsx)(f,{icon:"reorder"})}),(0,at.jsx)(n,{role:"gridcell",children:"Gorgonzola Telino"}),(0,at.jsx)(n,{role:"gridcell",children:"12.5"}),(0,at.jsx)(n,{role:"gridcell",children:"false"}),(0,at.jsx)(n,{role:"gridcell",children:"Meat/Poultry"})]}),(0,at.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,at.jsx)(n,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:(0,at.jsx)(f,{icon:"reorder"})}),(0,at.jsx)(n,{role:"gridcell",children:"Perth Pasties"}),(0,at.jsx)(n,{role:"gridcell",children:"32.8"}),(0,at.jsx)(n,{role:"gridcell",children:"false"}),(0,at.jsx)(n,{role:"gridcell",children:"Meat/Poultry"})]})]})]})})})]}),...t});var Ke=require("react/jsx-runtime"),Sie=({aggregated:e=!1,contentClassName:t,...o})=>(0,Ke.jsx)(Ze,{_renderAriaRoot:!0,children:(0,Ke.jsxs)(Ke.Fragment,{children:[(0,Ke.jsx)(Le,{children:(0,Ke.jsx)("div",{className:"k-grid-header-wrap",children:(0,Ke.jsxs)(ye,{role:"none",children:[(0,Ke.jsxs)("colgroup",{children:[(0,Ke.jsx)("col",{}),(0,Ke.jsx)("col",{}),(0,Ke.jsx)("col",{}),(0,Ke.jsx)("col",{})]}),(0,Ke.jsx)(xe,{role:"rowgroup",children:(0,Ke.jsxs)(k,{role:"row",children:[(0,Ke.jsx)(Y,{columnTitle:"Product Name",role:"columnheader"}),(0,Ke.jsx)(Y,{columnTitle:"Units In Stock",role:"columnheader"}),(0,Ke.jsx)(Y,{columnTitle:"Discontinued",role:"columnheader"}),(0,Ke.jsx)(Y,{columnTitle:"Units in Order",role:"columnheader"})]})})]})})}),(0,Ke.jsx)(Be,{children:(0,Ke.jsx)(Ae,{className:t,children:(0,Ke.jsxs)(ve,{role:"none",children:[(0,Ke.jsxs)("colgroup",{children:[(0,Ke.jsx)("col",{}),(0,Ke.jsx)("col",{}),(0,Ke.jsx)("col",{}),(0,Ke.jsx)("col",{})]}),(0,Ke.jsxs)(ie,{role:"rowgroup",children:[(0,Ke.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,Ke.jsx)(n,{selected:!0,role:"gridcell","aria-selected":"true",children:"Chai"}),(0,Ke.jsx)(n,{selected:!0,role:"gridcell","aria-selected":"true",children:"39"}),(0,Ke.jsx)(n,{role:"gridcell",children:"false"}),(0,Ke.jsx)(n,{role:"gridcell",children:"0"})]}),(0,Ke.jsxs)(k,{className:"k-master-row",role:"row",alt:!0,children:[(0,Ke.jsx)(n,{selected:!!e,role:"gridcell","aria-selected":e?"true":void 0,children:"Chang"}),(0,Ke.jsx)(n,{selected:!!e,role:"gridcell","aria-selected":e?"true":void 0,children:"17"}),(0,Ke.jsx)(n,{role:"gridcell",children:"false"}),(0,Ke.jsx)(n,{role:"gridcell",children:"40"})]}),(0,Ke.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,Ke.jsx)(n,{selected:!!e,role:"gridcell",children:"Aniseed Syrup"}),(0,Ke.jsx)(n,{selected:!!e,role:"gridcell",children:"13"}),(0,Ke.jsx)(n,{role:"gridcell",children:"false"}),(0,Ke.jsx)(n,{role:"gridcell",children:"70"})]}),(0,Ke.jsxs)(k,{className:"k-master-row",role:"row",alt:!0,children:[(0,Ke.jsx)(n,{selected:!!e,role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),(0,Ke.jsx)(n,{selected:!!e,role:"gridcell",children:"53"}),(0,Ke.jsx)(n,{role:"gridcell",children:"false"}),(0,Ke.jsx)(n,{role:"gridcell",children:"0"})]}),(0,Ke.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,Ke.jsx)(n,{role:"gridcell",children:"Chef Anton's Gumbo Mix"}),(0,Ke.jsx)(n,{role:"gridcell",children:"0"}),(0,Ke.jsx)(n,{role:"gridcell",children:"true"}),(0,Ke.jsx)(n,{role:"gridcell",children:"0"})]})]})]})})})]}),gridSelectionAggregates:(0,Ke.jsx)("div",{className:"k-selection-aggregates k-grid-selection-aggregates","aria-live":"polite",children:e?(0,Ke.jsxs)(Ke.Fragment,{children:[(0,Ke.jsxs)("div",{className:"k-selection-aggregates-item",children:[(0,Ke.jsx)("span",{className:"k-selection-aggregates-item-text",children:"Sum:"}),(0,Ke.jsx)("span",{className:"k-selection-aggregates-item-value",children:"122.00"})]}),(0,Ke.jsxs)("div",{className:"k-selection-aggregates-item",children:[(0,Ke.jsx)("span",{className:"k-selection-aggregates-item-text",children:"Avg:"}),(0,Ke.jsx)("span",{className:"k-selection-aggregates-item-value",children:"30.50"})]}),(0,Ke.jsxs)("div",{className:"k-selection-aggregates-item",children:[(0,Ke.jsx)("span",{className:"k-selection-aggregates-item-text",children:"Min:"}),(0,Ke.jsx)("span",{className:"k-selection-aggregates-item-value",children:"13"})]}),(0,Ke.jsxs)("div",{className:"k-selection-aggregates-item",children:[(0,Ke.jsx)("span",{className:"k-selection-aggregates-item-text",children:"Max:"}),(0,Ke.jsx)("span",{className:"k-selection-aggregates-item-value",children:"53"})]}),(0,Ke.jsxs)("div",{className:"k-selection-aggregates-item",children:[(0,Ke.jsx)("span",{className:"k-selection-aggregates-item-text",children:"Count:"}),(0,Ke.jsx)("span",{className:"k-selection-aggregates-item-value",children:"8"})]})]}):(0,Ke.jsxs)("div",{className:"k-selection-aggregates-item",children:[(0,Ke.jsx)("span",{className:"k-selection-aggregates-item-text",children:"Count:"}),(0,Ke.jsx)("span",{className:"k-selection-aggregates-item-value",children:"0"})]})}),...o});var kt=require("react/jsx-runtime"),YB=({headerWrapClassName:e,contentClassName:t,...o})=>(0,kt.jsx)(Ze,{_renderAriaRoot:!0,children:(0,kt.jsxs)(kt.Fragment,{children:[(0,kt.jsx)(Le,{children:(0,kt.jsx)("div",{className:`k-grid-header-wrap ${e}`,children:(0,kt.jsxs)(ye,{role:"none",children:[(0,kt.jsxs)("colgroup",{children:[(0,kt.jsx)("col",{}),(0,kt.jsx)("col",{}),(0,kt.jsx)("col",{}),(0,kt.jsx)("col",{})]}),(0,kt.jsxs)(xe,{role:"rowgroup",children:[(0,kt.jsxs)(k,{role:"row",children:[(0,kt.jsx)(Y,{rowspan:3,colspan:1,columnTitle:"ID",role:"columnheader"}),(0,kt.jsx)(Y,{rowspan:1,colspan:3,columnTitle:"Product Information",role:"columnheader"})]}),(0,kt.jsxs)(k,{role:"row",children:[(0,kt.jsx)(Y,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first",role:"columnheader"}),(0,kt.jsx)(Y,{rowspan:1,colspan:2,columnTitle:"Unit",role:"columnheader"})]}),(0,kt.jsxs)(k,{role:"row",children:[(0,kt.jsx)(Y,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first",role:"columnheader"}),(0,kt.jsx)(Y,{rowspan:1,colspan:1,columnTitle:"Units Price",role:"columnheader"})]})]})]})})}),(0,kt.jsx)(Be,{children:(0,kt.jsx)(Ae,{className:t,children:(0,kt.jsxs)(ve,{role:"none",children:[(0,kt.jsxs)("colgroup",{children:[(0,kt.jsx)("col",{}),(0,kt.jsx)("col",{}),(0,kt.jsx)("col",{}),(0,kt.jsx)("col",{})]}),(0,kt.jsxs)(ie,{role:"rowgroup",children:[(0,kt.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,kt.jsx)(n,{role:"gridcell",children:"1"}),(0,kt.jsx)(n,{role:"gridcell",children:"Chai"}),(0,kt.jsx)(n,{role:"gridcell",children:"39"}),(0,kt.jsx)(n,{role:"gridcell",children:"18"})]}),(0,kt.jsxs)(k,{className:"k-master-row",alt:!0,role:"row",children:[(0,kt.jsx)(n,{role:"gridcell",children:"2"}),(0,kt.jsx)(n,{role:"gridcell",children:"Chang"}),(0,kt.jsx)(n,{role:"gridcell",children:"17"}),(0,kt.jsx)(n,{role:"gridcell",children:"19"})]}),(0,kt.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,kt.jsx)(n,{role:"gridcell",children:"3"}),(0,kt.jsx)(n,{role:"gridcell",children:"Aniseed Syrup"}),(0,kt.jsx)(n,{role:"gridcell",children:"13"}),(0,kt.jsx)(n,{role:"gridcell",children:"10"})]}),(0,kt.jsxs)(k,{className:"k-master-row",alt:!0,role:"row",children:[(0,kt.jsx)(n,{role:"gridcell",children:"4"}),(0,kt.jsx)(n,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),(0,kt.jsx)(n,{role:"gridcell",children:"53"}),(0,kt.jsx)(n,{role:"gridcell",children:"22"})]}),(0,kt.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,kt.jsx)(n,{role:"gridcell",children:"5"}),(0,kt.jsx)(n,{role:"gridcell",children:"Chef Anton's Gumbo Mix"}),(0,kt.jsx)(n,{role:"gridcell",children:"0"}),(0,kt.jsx)(n,{role:"gridcell",children:"21.35"})]})]})]})})})]}),...o});var ne=require("react/jsx-runtime"),Eie=({className:e,headerWrapClassName:t,contentClassName:o,...r})=>{let i=b("grid-lc-cell"),c=b("grid-lc-cell"),u=b("grid-lc-cell"),h=b("grid-lc-cell"),x=b("grid-lc-cell"),v=b("grid-lc-cell"),T=b("grid-lc-cell"),C=b("grid-lc-cell"),N=b("grid-lc-cell"),R=b("grid-lc-cell"),H=b("grid-lc-cell"),V=b("grid-lc-cell"),_=b("grid-lc-cell"),q=b("grid-lc-cell"),me=b("grid-lc-cell"),Qe=b("grid-lc-cell"),je=b("grid-lc-cell"),qt=b("grid-lc-cell"),so=b("grid-lc-cell"),wo=b("grid-lc-cell"),Xa=b("grid-lc-cell"),pl=b("grid-lc-cell"),Ia=b("grid-lc-cell"),jr=b("grid-lc-cell"),$l=b("grid-lc-hdr"),Ai=b("grid-lc-hdr"),ap=b("grid-lc-hdr");return(0,ne.jsx)(Ze,{className:l("k-grid-lockedcolumns",e),_renderAriaRoot:!0,children:(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsxs)(Le,{role:"none",children:[(0,ne.jsx)("div",{className:"k-grid-header-locked",role:"none",style:{width:"400px"},children:(0,ne.jsxs)(ye,{role:"none",children:[(0,ne.jsxs)("colgroup",{children:[(0,ne.jsx)("col",{style:{width:"150px"}}),(0,ne.jsx)("col",{style:{width:"300px"}})]}),(0,ne.jsx)(xe,{role:"rowgroup",children:(0,ne.jsxs)(k,{role:"row","aria-owns":`${$l} ${Ai} ${ap}`,children:[(0,ne.jsx)(Y,{filterable:!0,menu:"column",columnTitle:"Order ID",role:"columnheader"}),(0,ne.jsx)(Y,{filterable:!0,menu:"column",columnTitle:"Ship Name",role:"columnheader"})]})})]})}),(0,ne.jsxs)("div",{className:`k-grid-header-wrap ${t}`,role:"none",style:{width:"581px"},children:[(0,ne.jsxs)(ye,{role:"none",children:[(0,ne.jsxs)("colgroup",{children:[(0,ne.jsx)("col",{style:{width:"300px"}}),(0,ne.jsx)("col",{style:{width:"300px"}}),(0,ne.jsx)("col",{style:{width:"400px"}})]}),(0,ne.jsx)(xe,{role:"none",children:(0,ne.jsxs)(k,{role:"none",children:[(0,ne.jsx)(Y,{filterable:!0,menu:"column",columnTitle:"Ship Country",id:$l,role:"columnheader"}),(0,ne.jsx)(Y,{filterable:!0,menu:"column",columnTitle:"Ship City",id:Ai,role:"columnheader"}),(0,ne.jsx)(Y,{filterable:!0,menu:"column",columnTitle:"Ship Address",id:ap,role:"columnheader"})]})})]}),(0,ne.jsx)("div",{className:"k-resize-handle",style:{top:"0px",left:"595.5px",height:"37px",width:"9px"},children:(0,ne.jsx)("div",{className:"k-resize-handle-inner"})})]})]}),(0,ne.jsxs)(Be,{role:"none",children:[(0,ne.jsx)("div",{className:"k-grid-content-locked",role:"none",style:{width:"400px",height:"303px"},children:(0,ne.jsxs)(ve,{role:"none",children:[(0,ne.jsxs)("colgroup",{children:[(0,ne.jsx)("col",{style:{width:"150px"}}),(0,ne.jsx)("col",{style:{width:"300px"}})]}),(0,ne.jsxs)(ie,{role:"rowgroup",children:[(0,ne.jsxs)(k,{className:"k-master-row",role:"row","aria-owns":`${i} ${c} ${u}`,children:[(0,ne.jsx)(n,{role:"gridcell",children:"10248"}),(0,ne.jsx)(n,{role:"gridcell",children:"Vins et alcools Chevalier"})]}),(0,ne.jsxs)(k,{className:"k-master-row",alt:!0,role:"row","aria-owns":`${h} ${x} ${v}`,children:[(0,ne.jsx)(n,{role:"gridcell",children:"10249"}),(0,ne.jsx)(n,{role:"gridcell",children:"Toms Spezialit\xE4ten"})]}),(0,ne.jsxs)(k,{className:"k-master-row",role:"row","aria-owns":`${T} ${C} ${N}`,children:[(0,ne.jsx)(n,{role:"gridcell",children:"10250"}),(0,ne.jsx)(n,{role:"gridcell",children:"Hanari Carnes"})]}),(0,ne.jsxs)(k,{className:"k-master-row",alt:!0,role:"row","aria-owns":`${R} ${H} ${V}`,children:[(0,ne.jsx)(n,{role:"gridcell",children:"10251"}),(0,ne.jsx)(n,{role:"gridcell",children:"Victuailles en stock"})]}),(0,ne.jsxs)(k,{className:"k-master-row",role:"row","aria-owns":`${_} ${q} ${me}`,children:[(0,ne.jsx)(n,{role:"gridcell",children:"10252"}),(0,ne.jsx)(n,{role:"gridcell",children:"Supr\xEAmes d\xE9lices"})]}),(0,ne.jsxs)(k,{className:"k-master-row",alt:!0,role:"row","aria-owns":`${Qe} ${je} ${qt}`,children:[(0,ne.jsx)(n,{role:"gridcell",children:"10253"}),(0,ne.jsx)(n,{role:"gridcell",children:"Toms Spezialit\xE4ten"})]}),(0,ne.jsxs)(k,{className:"k-master-row",role:"row","aria-owns":`${so} ${wo} ${Xa}`,children:[(0,ne.jsx)(n,{role:"gridcell",children:"10254"}),(0,ne.jsx)(n,{role:"gridcell",children:"Hanari Carnes"})]}),(0,ne.jsxs)(k,{className:"k-master-row",alt:!0,role:"row","aria-owns":`${pl} ${Ia} ${jr}`,children:[(0,ne.jsx)(n,{role:"gridcell",children:"10255"}),(0,ne.jsx)(n,{role:"gridcell",children:"Victuailles en stock"})]})]})]})}),(0,ne.jsx)(Ae,{className:o,role:"none",style:{width:"605px",height:"320px"},children:(0,ne.jsxs)(ve,{role:"none",children:[(0,ne.jsxs)("colgroup",{children:[(0,ne.jsx)("col",{style:{width:"300px"}}),(0,ne.jsx)("col",{style:{width:"300px"}}),(0,ne.jsx)("col",{style:{width:"400px"}})]}),(0,ne.jsxs)(ie,{role:"none",children:[(0,ne.jsxs)(k,{className:"k-master-row",role:"none",children:[(0,ne.jsx)(n,{id:i,role:"gridcell",children:"France"}),(0,ne.jsx)(n,{id:c,role:"gridcell",children:"Reims"}),(0,ne.jsx)(n,{id:u,role:"gridcell",children:"59 rue de l'Abbaye"})]}),(0,ne.jsxs)(k,{className:"k-master-row",alt:!0,role:"none",children:[(0,ne.jsx)(n,{id:h,role:"gridcell",children:"Germany"}),(0,ne.jsx)(n,{id:x,role:"gridcell",children:"M\xFCnster"}),(0,ne.jsx)(n,{id:v,role:"gridcell",children:"Luisenstr. 48"})]}),(0,ne.jsxs)(k,{className:"k-master-row",role:"none",children:[(0,ne.jsx)(n,{id:T,role:"gridcell",children:"Brazil"}),(0,ne.jsx)(n,{id:C,role:"gridcell",children:"Rio de Janeiro"}),(0,ne.jsx)(n,{id:N,role:"gridcell",children:"Rua do Pa\xE7o, 67"})]}),(0,ne.jsxs)(k,{className:"k-master-row",alt:!0,role:"none",children:[(0,ne.jsx)(n,{id:R,role:"gridcell",children:"France"}),(0,ne.jsx)(n,{id:H,role:"gridcell",children:"Lyon"}),(0,ne.jsx)(n,{id:V,role:"gridcell",children:"2, rue du Commerce"})]}),(0,ne.jsxs)(k,{className:"k-master-row",role:"none",children:[(0,ne.jsx)(n,{id:_,role:"gridcell",children:"Belgium"}),(0,ne.jsx)(n,{id:q,role:"gridcell",children:"Charleroi"}),(0,ne.jsx)(n,{id:me,role:"gridcell",children:"Boulevard Tirou, 255"})]}),(0,ne.jsxs)(k,{className:"k-master-row",alt:!0,role:"none",children:[(0,ne.jsx)(n,{id:Qe,role:"gridcell",children:"Germany"}),(0,ne.jsx)(n,{id:je,role:"gridcell",children:"M\xFCnster"}),(0,ne.jsx)(n,{id:qt,role:"gridcell",children:"Luisenstr. 48"})]}),(0,ne.jsxs)(k,{className:"k-master-row",role:"none",children:[(0,ne.jsx)(n,{id:so,role:"gridcell",children:"Brazil"}),(0,ne.jsx)(n,{id:wo,role:"gridcell",children:"Rio de Janeiro"}),(0,ne.jsx)(n,{id:Xa,role:"gridcell",children:"Rua do Pa\xE7o, 67"})]}),(0,ne.jsxs)(k,{className:"k-master-row",alt:!0,role:"none",children:[(0,ne.jsx)(n,{id:pl,role:"gridcell",children:"France"}),(0,ne.jsx)(n,{id:Ia,role:"gridcell",children:"Lyon"}),(0,ne.jsx)(n,{id:jr,role:"gridcell",children:"2, rue du Commerce"})]})]})]})})]})]}),...r})};var he=require("react/jsx-runtime"),Lie=({contentClassName:e,...t})=>(0,he.jsx)(Ze,{_renderAriaRoot:!0,children:(0,he.jsxs)(he.Fragment,{children:[(0,he.jsx)(Le,{children:(0,he.jsx)("div",{className:"k-grid-header-wrap",children:(0,he.jsxs)(ye,{role:"none",style:{width:"1100px"},children:[(0,he.jsxs)("colgroup",{children:[(0,he.jsx)("col",{style:{width:"250px"}}),(0,he.jsx)("col",{style:{width:"150px"}}),(0,he.jsx)("col",{style:{width:"200px"}}),(0,he.jsx)("col",{style:{width:"250px"}}),(0,he.jsx)("col",{style:{width:"250px"}})]}),(0,he.jsx)(xe,{role:"rowgroup",children:(0,he.jsxs)(k,{role:"row",children:[(0,he.jsx)(Y,{className:"k-grid-header-sticky",rowspan:1,colspan:1,columnTitle:"Product Name",role:"columnheader",style:{left:"0px",borderRightWidth:"1px"}}),(0,he.jsx)(Y,{rowspan:1,colspan:1,columnTitle:"Units In Stock",role:"columnheader"}),(0,he.jsx)(Y,{rowspan:1,colspan:1,columnTitle:"Price",role:"columnheader"}),(0,he.jsx)(Y,{className:"k-grid-header-sticky",rowspan:1,colspan:1,columnTitle:"Units on Order",role:"columnheader",style:{left:"250px",borderRightWidth:"1px"}}),(0,he.jsx)(Y,{rowspan:1,colspan:1,columnTitle:"Reorder Level",role:"columnheader"})]})})]})})}),(0,he.jsx)(Be,{children:(0,he.jsx)(Ae,{className:e,children:(0,he.jsx)("div",{style:{position:"relative"},children:(0,he.jsxs)(ve,{role:"none",style:{width:"1100px"},children:[(0,he.jsxs)("colgroup",{children:[(0,he.jsx)("col",{width:"250px"}),(0,he.jsx)("col",{width:"150px"}),(0,he.jsx)("col",{width:"200px"}),(0,he.jsx)("col",{width:"250px"}),(0,he.jsx)("col",{width:"250px"})]}),(0,he.jsxs)(ie,{role:"rowgroup",children:[(0,he.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,he.jsx)(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"0px",borderRightWidth:"1px"},children:"Chai"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"39"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"$18.00"}),(0,he.jsx)(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"250px",borderRightWidth:"1px"},children:"0"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"10"})]}),(0,he.jsxs)(k,{className:"k-master-row",role:"row",alt:!0,children:[(0,he.jsx)(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"0px",borderRightWidth:"1px"},children:"Chang"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"17"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"$19.00"}),(0,he.jsx)(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"250px",borderRightWidth:"1px"},children:"40"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"25"})]}),(0,he.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,he.jsx)(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"0px",borderRightWidth:"1px"},children:"Aniseed Syrup"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"13"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"$10.00"}),(0,he.jsx)(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"250px",borderRightWidth:"1px"},children:"70"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"25"})]}),(0,he.jsxs)(k,{className:"k-master-row",role:"row",alt:!0,children:[(0,he.jsx)(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"0px",borderRightWidth:"1px"},children:"Chef Anton's Cajun Seasoning"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"53"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"$22.00"}),(0,he.jsx)(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"250px",borderRightWidth:"1px"},children:"0"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"0"})]}),(0,he.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,he.jsx)(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"0px",borderRightWidth:"1px"},children:"Chef Anton's Gumbo Mix"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"0"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"$21.35"}),(0,he.jsx)(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"250px",borderRightWidth:"1px"},children:"0"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"0"})]}),(0,he.jsxs)(k,{className:"k-master-row",role:"row",alt:!0,children:[(0,he.jsx)(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"0px",borderRightWidth:"1px"},children:"Grandma's Boysenberry Spread"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"120"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"$25.00"}),(0,he.jsx)(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"250px",borderRightWidth:"1px"},children:"0"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"25"})]}),(0,he.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,he.jsx)(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"0px",borderRightWidth:"1px"},children:"Uncle Bob's Organic Dried Pears"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"15"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"$30.00"}),(0,he.jsx)(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"250px",borderRightWidth:"1px"},children:"0"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"10"})]}),(0,he.jsxs)(k,{className:"k-master-row",role:"row",alt:!0,children:[(0,he.jsx)(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"0px",borderRightWidth:"1px"},children:"Northwoods Cranberry Sauce"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"6"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"$40.00"}),(0,he.jsx)(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"250px",borderRightWidth:"1px"},children:"0"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"0"})]}),(0,he.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,he.jsx)(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"0px",borderRightWidth:"1px"},children:"Mishi Kobe Niku"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"29"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"97"}),(0,he.jsx)(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"250px",borderRightWidth:"1px"},children:"0"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"0"})]}),(0,he.jsxs)(k,{className:"k-master-row",role:"row",alt:!0,children:[(0,he.jsx)(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"0px",borderRightWidth:"1px"},children:"Ikura"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"31"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"$31.00"}),(0,he.jsx)(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"250px",borderRightWidth:"1px"},children:"0"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"0"})]})]})]})})})})]}),...t});var Nt=require("react/jsx-runtime"),GB=e=>{let t=b("grid");return(0,Nt.jsx)(Ze,{_renderAriaRoot:!0,ariaRootId:t,toolbar:(0,Nt.jsxs)($s,{role:"toolbar","aria-label":"Grid toolbar","aria-controls":t,children:[(0,Nt.jsx)(d,{children:"Add new"}),(0,Nt.jsx)(d,{children:"Save Changes"}),(0,Nt.jsx)(d,{children:"Cancel Changes"})]}),children:(0,Nt.jsxs)(Nt.Fragment,{children:[(0,Nt.jsx)(Le,{children:(0,Nt.jsx)("div",{className:"k-grid-header-wrap",children:(0,Nt.jsxs)(ye,{role:"none",children:[(0,Nt.jsxs)("colgroup",{children:[(0,Nt.jsx)("col",{}),(0,Nt.jsx)("col",{}),(0,Nt.jsx)("col",{}),(0,Nt.jsx)("col",{style:{width:"300px"}})]}),(0,Nt.jsx)(xe,{role:"rowgroup",children:(0,Nt.jsxs)(k,{role:"row",children:[(0,Nt.jsx)(Y,{columnTitle:"Name",role:"columnheader"}),(0,Nt.jsx)(Y,{columnTitle:"Price",role:"columnheader"}),(0,Nt.jsx)(Y,{columnTitle:"Available",role:"columnheader"}),(0,Nt.jsx)(Y,{accessibleLabel:"Commands"})]})})]})})}),(0,Nt.jsx)(Be,{children:(0,Nt.jsx)(Ae,{children:(0,Nt.jsx)("div",{children:(0,Nt.jsxs)(ve,{role:"none",children:[(0,Nt.jsxs)("colgroup",{children:[(0,Nt.jsx)("col",{}),(0,Nt.jsx)("col",{}),(0,Nt.jsx)("col",{}),(0,Nt.jsx)("col",{style:{width:"300px"}})]}),(0,Nt.jsxs)(ie,{role:"rowgroup",children:[(0,Nt.jsxs)(k,{className:"k-master-row k-grid-add-row k-grid-edit-row",role:"row",children:[(0,Nt.jsx)(n,{role:"gridcell",children:(0,Nt.jsx)(we,{value:"Towel","aria-label":"Name"})}),(0,Nt.jsx)(n,{role:"gridcell",children:(0,Nt.jsx)(At,{value:"42","aria-label":"Price"})}),(0,Nt.jsx)(n,{role:"gridcell",children:(0,Nt.jsx)(Do,{"aria-label":"Available"})}),(0,Nt.jsxs)(n,{className:"k-command-cell",role:"gridcell",children:[(0,Nt.jsx)(d,{children:"Add"}),(0,Nt.jsx)(d,{children:"Cancel"})]})]}),(0,Nt.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,Nt.jsx)(n,{role:"gridcell",children:"Chai"}),(0,Nt.jsx)(n,{role:"gridcell",children:"18"}),(0,Nt.jsx)(n,{role:"gridcell",children:"false"}),(0,Nt.jsx)(n,{className:"k-command-cell",role:"gridcell",children:(0,Nt.jsx)(d,{children:"Remove"})})]}),(0,Nt.jsxs)(k,{className:"k-master-row",role:"row",alt:!0,children:[(0,Nt.jsx)(n,{role:"gridcell",children:"Chang"}),(0,Nt.jsx)(n,{role:"gridcell",children:"19"}),(0,Nt.jsx)(n,{role:"gridcell",children:"false"}),(0,Nt.jsx)(n,{className:"k-command-cell",role:"gridcell",children:(0,Nt.jsx)(d,{children:"Remove"})})]})]})]})})})})]}),...e})};var lt=require("react/jsx-runtime"),Iie=({reorderable:e,checkbox:t,aggregates:o,sticky:r,detailRow:i,cols:c,...u})=>(0,lt.jsx)(Ze,{_renderAriaRoot:!0,className:"k-grid-stack",pager:(0,lt.jsx)(Zl,{type:"input",pageTitleInfo:!1,refresh:!1,info:!1,pagerSizeInfo:!1,pageSizes:!1}),children:(0,lt.jsx)(lt.Fragment,{children:(0,lt.jsx)(Be,{children:(0,lt.jsx)(Ae,{children:(0,lt.jsxs)(ve,{role:"none",children:[(0,lt.jsx)("colgroup",{children:(0,lt.jsx)("col",{})}),(0,lt.jsxs)(ie,{role:"rowgroup",children:[(0,lt.jsx)(k,{className:"k-master-row",role:"row",children:(0,lt.jsx)(n,{className:`${r?"k-grid-row-sticky":""}`,role:"gridcell",tabIndex:0,children:(0,lt.jsxs)(pk,{cols:c,children:[e&&(0,lt.jsx)(Cn,{cellContent:(0,lt.jsxs)(lt.Fragment,{children:[(0,lt.jsx)(f,{icon:"reorder"}),(0,lt.jsx)("span",{children:"Reorder"})]}),className:"k-drag-cell"}),r&&(0,lt.jsx)(Cn,{cellContent:(0,lt.jsx)(d,{icon:"unpin",text:"Unpin",fillMode:"flat",themeColor:"primary"})}),t&&(0,lt.jsx)(Cn,{cellContent:(0,lt.jsx)(SA,{})}),(0,lt.jsx)(Cn,{cellHeader:"Contact Name",cellContent:"Maria Anders",tabIndex:0}),(0,lt.jsx)(Cn,{cellHeader:"Company Name",cellContent:"Alfreds Futterkiste",tabIndex:0}),(0,lt.jsx)(Cn,{cellHeader:"Country",cellContent:"Germany",tabIndex:0}),i&&(0,lt.jsx)(Cn,{cellContent:(0,lt.jsx)(d,{icon:"minus",text:"Collapse Details",fillMode:"flat",themeColor:"primary"})})]})})}),i&&(0,lt.jsx)(k,{className:"k-detail-row",role:"row",children:(0,lt.jsxs)(n,{className:"k-detail-cell",role:"gridcell",children:[(0,lt.jsxs)("div",{children:[(0,lt.jsx)("span",{className:"k-font-bold",children:"In stock: "}),(0,lt.jsx)("span",{children:"39"})]}),(0,lt.jsxs)("div",{children:[(0,lt.jsx)("span",{className:"k-font-bold",children:"On order: "}),(0,lt.jsx)("span",{children:"0"})]})]})}),(0,lt.jsx)(k,{alt:!0,className:"k-master-row",role:"row",children:(0,lt.jsx)(n,{role:"gridcell",tabIndex:0,children:(0,lt.jsxs)(pk,{cols:c,children:[e&&(0,lt.jsx)(Cn,{cellContent:(0,lt.jsxs)(lt.Fragment,{children:[(0,lt.jsx)(f,{icon:"reorder"}),(0,lt.jsx)("span",{children:"Reorder"})]}),className:"k-drag-cell"}),r&&(0,lt.jsx)(Cn,{cellContent:(0,lt.jsx)(d,{icon:"pin",text:"Pin",fillMode:"flat",themeColor:"primary"})}),t&&(0,lt.jsx)(Cn,{cellContent:(0,lt.jsx)(SA,{})}),(0,lt.jsx)(Cn,{cellHeader:"Contact Name",cellContent:"Ana Trujillo",tabIndex:0}),(0,lt.jsx)(Cn,{cellHeader:"Company Name",cellContent:"Ana Trujillo Emparedados y helados",tabIndex:0}),(0,lt.jsx)(Cn,{cellHeader:"Country",cellContent:"Mexico",tabIndex:0}),i&&(0,lt.jsx)(Cn,{cellContent:(0,lt.jsx)(d,{icon:"plus",text:"Expand Details",fillMode:"flat",themeColor:"primary"})})]})})})]})]})})})}),gridSelectionAggregates:o&&(0,lt.jsxs)("div",{className:"k-selection-aggregates k-grid-selection-aggregates","aria-live":"polite",children:[(0,lt.jsxs)("div",{className:"k-selection-aggregates-item",children:[(0,lt.jsx)("span",{className:"k-selection-aggregates-item-text",children:"Sum:"}),(0,lt.jsx)("span",{className:"k-selection-aggregates-item-value",children:"122.00"})]}),(0,lt.jsxs)("div",{className:"k-selection-aggregates-item",children:[(0,lt.jsx)("span",{className:"k-selection-aggregates-item-text",children:"Avg:"}),(0,lt.jsx)("span",{className:"k-selection-aggregates-item-value",children:"30.50"})]})]}),...u});var HB="context-menu",qF=HB;var _F=require("react/jsx-runtime"),FB="k-context-menu",Mie=[],Bie={},Pie={},Ri=e=>{let{children:t,...o}=e;return(0,_F.jsx)(ar,{...o,className:l(e.className,FB),role:"menu",children:t})};Ri.states=Mie;Ri.options=Bie;Ri.className=FB;Ri.defaultOptions=Pie;Ri.moduleName=HB;Ri.folderName=qF;Ri.ariaSpec={selector:".k-context-menu",rules:[{selector:".k-context-menu",attribute:"role=menu",usage:"The context menu implements the menu role."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has an id linked to parent aria-controls."}]};var Oy=require("react/jsx-runtime"),kS=e=>(0,Oy.jsx)(Ri,{children:[(0,Oy.jsx)(ut,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),(0,Oy.jsx)(ut,{text:"Item 2"},"menu-item-2"),(0,Oy.jsx)(ut,{last:!0,text:"Item 3"},"menu-item-3")],...e});var Td=require("react/jsx-runtime"),Die=e=>(0,Td.jsxs)(Td.Fragment,{children:[(0,Td.jsx)(Ri,{children:[(0,Td.jsx)(ut,{first:!0,text:"Item 1",focus:!0},"menu-item-1"),(0,Td.jsx)(ut,{text:"Item 2",showArrow:!0,expanded:!0,"aria-controls":"ctx-submenu-1"},"menu-item-2"),(0,Td.jsx)(ut,{text:"Item 3",disabled:!0},"menu-item-3"),(0,Td.jsx)(ut,{last:!0,text:"Item 4"},"menu-item-4")],...e}),(0,Td.jsx)(Oe,{className:"k-menu-popup",offset:{left:"90px",top:"auto"},children:(0,Td.jsxs)(ar,{id:"ctx-submenu-1",children:[(0,Td.jsx)(ut,{first:!0,text:"Sub item 1"}),(0,Td.jsx)(ut,{last:!0,text:"Sub item 2"})]})})]});var Bf=require("react/jsx-runtime"),Rie=Pa.options,Oie=Pa.states,$F={...Pa.defaultOptions,variant:"normal"},Kie=[{name:"normal",title:"Normal"},{name:"separators",title:"With separator"}],Yie=[],fk=e=>{let{variant:t,...o}={...$F,...e};return t==="separators"?(0,Bf.jsxs)(kS,{...o,style:{width:"130px"},children:[(0,Bf.jsx)(ut,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),(0,Bf.jsx)(Du,{}),(0,Bf.jsx)(ut,{text:"Item 2"},"menu-item-2"),(0,Bf.jsx)(ut,{last:!0,text:"Item 3"},"menu-item-3")]}):(0,Bf.jsx)(kS,{...o,style:{width:"130px"}})};fk.options=Rie;fk.states=Oie;fk.variants=Kie;fk.defaultOptions=$F;fk.modifiers=Yie;fk.className=Ri.className;var yt=require("react/jsx-runtime"),Gie=({contentClassName:e,...t})=>{let o=b("grid"),r=b("grid-ctx-menu");return(0,yt.jsxs)(yt.Fragment,{children:[(0,yt.jsx)(Ze,{_renderAriaRoot:!0,ariaRootId:o,ariaColCount:3,ariaRowCount:5,children:(0,yt.jsxs)(yt.Fragment,{children:[(0,yt.jsx)(Le,{children:(0,yt.jsx)("div",{className:"k-grid-header-wrap",children:(0,yt.jsxs)(ye,{role:"none",children:[(0,yt.jsxs)("colgroup",{children:[(0,yt.jsx)("col",{}),(0,yt.jsx)("col",{}),(0,yt.jsx)("col",{})]}),(0,yt.jsx)(xe,{role:"rowgroup",children:(0,yt.jsxs)(k,{role:"row","aria-rowindex":1,children:[(0,yt.jsx)(Y,{columnTitle:"Contact Name",role:"columnheader","aria-colindex":1}),(0,yt.jsx)(Y,{columnTitle:"Job Title",role:"columnheader","aria-colindex":2}),(0,yt.jsx)(Y,{columnTitle:"Country",role:"columnheader","aria-colindex":3})]})})]})})}),(0,yt.jsx)(If,{role:"none",children:(0,yt.jsx)("div",{className:"k-grid-pinned-wrap",role:"none",children:(0,yt.jsxs)(ve,{role:"none",children:[(0,yt.jsxs)("colgroup",{children:[(0,yt.jsx)("col",{}),(0,yt.jsx)("col",{}),(0,yt.jsx)("col",{})]}),(0,yt.jsx)("tbody",{className:"k-table-tbody",role:"rowgroup","aria-label":"Top pinned rows",children:(0,yt.jsxs)(k,{className:"k-master-row",role:"row","aria-rowindex":1,selected:!0,"aria-selected":"true",children:[(0,yt.jsx)(n,{role:"gridcell","aria-colindex":1,"aria-selected":"true","aria-haspopup":"menu","aria-controls":r,"aria-expanded":"true",children:"Shelden Greyes"}),(0,yt.jsx)(n,{role:"gridcell","aria-colindex":2,"aria-selected":"true","aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:"Operator"}),(0,yt.jsx)(n,{role:"gridcell","aria-colindex":3,"aria-selected":"true","aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:"UK"})]})})]})})}),(0,yt.jsx)(Be,{children:(0,yt.jsx)(Ae,{className:e,children:(0,yt.jsxs)(ve,{role:"none",children:[(0,yt.jsxs)("colgroup",{children:[(0,yt.jsx)("col",{}),(0,yt.jsx)("col",{}),(0,yt.jsx)("col",{})]}),(0,yt.jsxs)(ie,{role:"rowgroup",children:[(0,yt.jsxs)(k,{className:"k-master-row",role:"row","aria-rowindex":2,children:[(0,yt.jsx)(n,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:"Sig Jeannel"}),(0,yt.jsx)(n,{role:"gridcell","aria-colindex":2,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:"Human Resources Assistant III"}),(0,yt.jsx)(n,{role:"gridcell","aria-colindex":3,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:"USA"})]}),(0,yt.jsxs)(k,{className:"k-master-row k-pinned-source",role:"row",alt:!0,"aria-rowindex":3,children:[(0,yt.jsx)(n,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:"Shelden Greyes"}),(0,yt.jsx)(n,{role:"gridcell","aria-colindex":2,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:"Operator"}),(0,yt.jsx)(n,{role:"gridcell","aria-colindex":3,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:"UK"})]}),(0,yt.jsxs)(k,{className:"k-master-row",role:"row","aria-rowindex":4,children:[(0,yt.jsx)(n,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:"Ruthi Baldini"}),(0,yt.jsx)(n,{role:"gridcell","aria-colindex":2,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:"Coordinator"}),(0,yt.jsx)(n,{role:"gridcell","aria-colindex":3,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:"Canada"})]})]})]})})})]}),...t}),(0,yt.jsx)(Oe,{className:"k-menu-popup",children:(0,yt.jsxs)(Ri,{id:r,children:[(0,yt.jsx)(ut,{first:!0,text:"Pin row to top",icon:"pin-outline-top"}),(0,yt.jsx)(ut,{last:!0,text:"Pin row to bottom",icon:"pin-outline-bottom"})]})})]})};var Fe=require("react/jsx-runtime"),Hie=({contentClassName:e,...t})=>{let o=b("grid"),r=b("grid-ctx-menu-pin");return(0,Fe.jsxs)(Fe.Fragment,{children:[(0,Fe.jsx)(Ze,{_renderAriaRoot:!0,ariaRootId:o,ariaColCount:4,ariaRowCount:5,children:(0,Fe.jsxs)(Fe.Fragment,{children:[(0,Fe.jsx)(Le,{children:(0,Fe.jsx)("div",{className:"k-grid-header-wrap",children:(0,Fe.jsxs)(ye,{role:"none",children:[(0,Fe.jsxs)("colgroup",{children:[(0,Fe.jsx)("col",{style:{width:"48px"}}),(0,Fe.jsx)("col",{}),(0,Fe.jsx)("col",{}),(0,Fe.jsx)("col",{})]}),(0,Fe.jsx)(xe,{role:"rowgroup",children:(0,Fe.jsxs)(k,{role:"row","aria-rowindex":1,children:[(0,Fe.jsx)(Y,{accessibleLabel:"Row actions",role:"columnheader","aria-colindex":1}),(0,Fe.jsx)(Y,{columnTitle:"Contact Name",role:"columnheader","aria-colindex":2}),(0,Fe.jsx)(Y,{columnTitle:"Job Title",role:"columnheader","aria-colindex":3}),(0,Fe.jsx)(Y,{columnTitle:"Country",role:"columnheader","aria-colindex":4})]})})]})})}),(0,Fe.jsx)(If,{role:"none",children:(0,Fe.jsx)("div",{className:"k-grid-pinned-wrap",role:"none",children:(0,Fe.jsxs)(ve,{role:"none",children:[(0,Fe.jsxs)("colgroup",{children:[(0,Fe.jsx)("col",{style:{width:"48px"}}),(0,Fe.jsx)("col",{}),(0,Fe.jsx)("col",{}),(0,Fe.jsx)("col",{})]}),(0,Fe.jsx)("tbody",{className:"k-table-tbody",role:"rowgroup","aria-label":"Top pinned rows",children:(0,Fe.jsxs)(k,{className:"k-master-row",role:"row","aria-rowindex":1,children:[(0,Fe.jsx)(n,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"true",children:(0,Fe.jsx)("span",{className:"k-pin-cell",children:(0,Fe.jsx)(f,{icon:"unpin-outline",className:"k-action-icon"})})}),(0,Fe.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Shelden Greyes"}),(0,Fe.jsx)(n,{role:"gridcell","aria-colindex":3,children:"Operator"}),(0,Fe.jsx)(n,{role:"gridcell","aria-colindex":4,children:"UK"})]})})]})})}),(0,Fe.jsx)(Be,{children:(0,Fe.jsx)(Ae,{className:e,children:(0,Fe.jsxs)(ve,{role:"none",children:[(0,Fe.jsxs)("colgroup",{children:[(0,Fe.jsx)("col",{style:{width:"48px"}}),(0,Fe.jsx)("col",{}),(0,Fe.jsx)("col",{}),(0,Fe.jsx)("col",{})]}),(0,Fe.jsxs)(ie,{role:"rowgroup",children:[(0,Fe.jsxs)(k,{className:"k-master-row",role:"row","aria-rowindex":2,children:[(0,Fe.jsx)(n,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:(0,Fe.jsx)("span",{className:"k-pin-cell",children:(0,Fe.jsx)(f,{icon:"pin-outline"})})}),(0,Fe.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Sig Jeannel"}),(0,Fe.jsx)(n,{role:"gridcell","aria-colindex":3,children:"Human Resources Assistant III"}),(0,Fe.jsx)(n,{role:"gridcell","aria-colindex":4,children:"USA"})]}),(0,Fe.jsxs)(k,{className:"k-master-row k-pinned-source",role:"row",alt:!0,"aria-rowindex":3,children:[(0,Fe.jsx)(n,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:(0,Fe.jsx)("span",{className:"k-pin-cell",children:(0,Fe.jsx)(f,{icon:"unpin-outline",className:"k-action-icon"})})}),(0,Fe.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Shelden Greyes"}),(0,Fe.jsx)(n,{role:"gridcell","aria-colindex":3,children:"Operator"}),(0,Fe.jsx)(n,{role:"gridcell","aria-colindex":4,children:"UK"})]}),(0,Fe.jsxs)(k,{className:"k-master-row",role:"row","aria-rowindex":4,children:[(0,Fe.jsx)(n,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:(0,Fe.jsx)("span",{className:"k-pin-cell",children:(0,Fe.jsx)(f,{icon:"pin-outline"})})}),(0,Fe.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Ruthi Baldini"}),(0,Fe.jsx)(n,{role:"gridcell","aria-colindex":3,children:"Coordinator"}),(0,Fe.jsx)(n,{role:"gridcell","aria-colindex":4,children:"Canada"})]})]})]})})})]}),...t}),(0,Fe.jsx)(Oe,{className:"k-menu-popup",children:(0,Fe.jsxs)(Ri,{id:r,children:[(0,Fe.jsx)(ut,{first:!0,text:"Pin row to top",icon:"pin-outline-top"}),(0,Fe.jsx)(ut,{last:!0,text:"Pin row to bottom",icon:"pin-outline-bottom"})]})})]})};var Ge=require("react/jsx-runtime"),Fie=({contentClassName:e,...t})=>(0,Ge.jsx)(Ze,{_renderAriaRoot:!0,ariaRowCount:5,groupingHeader:(0,Ge.jsx)(kd,{role:"toolbar","aria-label":"Grouping",children:(0,Ge.jsx)(no,{role:"none",children:(0,Ge.jsx)(mt,{icon:"sort-asc-small",text:"Rating",role:"button",actions:(0,Ge.jsx)(Ge.Fragment,{children:(0,Ge.jsx)(dt,{type:"remove"})})})})}),children:(0,Ge.jsxs)(Ge.Fragment,{children:[(0,Ge.jsx)(Le,{draggable:!0,children:(0,Ge.jsx)("div",{className:"k-grid-header-wrap",children:(0,Ge.jsxs)(ye,{role:"none",children:[(0,Ge.jsxs)("colgroup",{children:[(0,Ge.jsx)("col",{className:"k-group-col"}),(0,Ge.jsx)("col",{}),(0,Ge.jsx)("col",{}),(0,Ge.jsx)("col",{})]}),(0,Ge.jsx)(xe,{role:"rowgroup",children:(0,Ge.jsxs)(k,{role:"row","aria-rowindex":1,children:[(0,Ge.jsx)(Y,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),(0,Ge.jsx)(Y,{colspan:1,columnTitle:"Contact Name",role:"columnheader"}),(0,Ge.jsx)(Y,{colspan:1,columnTitle:"Job Title",role:"columnheader"}),(0,Ge.jsx)(Y,{colspan:1,columnTitle:"Country",role:"columnheader"})]})})]})})}),(0,Ge.jsxs)(Be,{children:[(0,Ge.jsx)(zm,{role:"none",children:(0,Ge.jsxs)(ve,{className:"k-grid-group-sticky-header-table",role:"none",children:[(0,Ge.jsxs)("colgroup",{children:[(0,Ge.jsx)("col",{}),(0,Ge.jsx)("col",{}),(0,Ge.jsx)("col",{}),(0,Ge.jsx)("col",{})]}),(0,Ge.jsx)(ie,{role:"rowgroup",children:(0,Ge.jsx)(k,{className:"k-table-group-row k-grouping-row",role:"row","aria-rowindex":2,children:(0,Ge.jsx)(n,{colspan:4,role:"gridcell","aria-expanded":!1,tabIndex:-1,"aria-colindex":1,children:(0,Ge.jsxs)("p",{className:"k-reset",children:[(0,Ge.jsx)(f,{icon:"chevron-right"}),"Rating 3/5"]})})})})]})}),(0,Ge.jsx)(Ae,{className:e,children:(0,Ge.jsxs)(ve,{role:"none",children:[(0,Ge.jsxs)("colgroup",{children:[(0,Ge.jsx)("col",{className:"k-group-col"}),(0,Ge.jsx)("col",{}),(0,Ge.jsx)("col",{}),(0,Ge.jsx)("col",{})]}),(0,Ge.jsxs)(ie,{role:"rowgroup",children:[(0,Ge.jsx)(k,{className:"k-table-group-row k-grouping-row",role:"row","aria-rowindex":2,children:(0,Ge.jsx)(n,{colspan:4,role:"gridcell","aria-expanded":"true",children:(0,Ge.jsxs)("p",{className:"k-reset",children:[(0,Ge.jsx)(f,{icon:"chevron-down"}),"Rating 5/5"]})})}),(0,Ge.jsxs)(k,{className:"k-master-row",role:"row","aria-rowindex":3,children:[(0,Ge.jsx)(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,Ge.jsx)(n,{colspan:1,role:"gridcell",children:"Shelden Greyes"}),(0,Ge.jsx)(n,{colspan:1,role:"gridcell",children:"Operator"}),(0,Ge.jsx)(n,{colspan:1,role:"gridcell",children:"UK"})]}),(0,Ge.jsxs)(k,{className:"k-master-row",role:"row","aria-rowindex":4,alt:!0,children:[(0,Ge.jsx)(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,Ge.jsx)(n,{colspan:1,role:"gridcell",children:"Nerissa Dapple"}),(0,Ge.jsx)(n,{colspan:1,role:"gridcell",children:"Web Designer"}),(0,Ge.jsx)(n,{colspan:1,role:"gridcell",children:"Norway"})]}),(0,Ge.jsx)(k,{className:"k-group-footer",role:"row","aria-rowindex":5,children:(0,Ge.jsx)(n,{colspan:4,role:"gridcell",children:"Total items: 2"})})]})]})}),(0,Ge.jsx)(zm,{position:"bottom",role:"none",children:(0,Ge.jsxs)(ve,{className:"k-grid-group-sticky-footer-table",role:"none",children:[(0,Ge.jsxs)("colgroup",{children:[(0,Ge.jsx)("col",{}),(0,Ge.jsx)("col",{}),(0,Ge.jsx)("col",{}),(0,Ge.jsx)("col",{})]}),(0,Ge.jsx)(ie,{role:"rowgroup",children:(0,Ge.jsx)(k,{className:"k-group-footer",role:"row","aria-rowindex":5,children:(0,Ge.jsx)(n,{colspan:4,role:"gridcell",tabIndex:-1,children:"Total items: 2"})})})]})})]})]}),...t});var S=require("react/jsx-runtime"),zie=({className:e,contentClassName:t,...o})=>{let r=b("grid-lc-hdr"),i=b("grid-lc-hdr"),c=b("grid-lc-hdr"),u=b("grid-lc-cell"),h=b("grid-lc-cell"),x=b("grid-lc-cell"),v=b("grid-lc-cell"),T=b("grid-lc-cell"),C=b("grid-lc-cell"),N=b("grid-lc-cell"),R=b("grid-lc-cell"),H=b("grid-lc-cell"),V=b("grid-lc-cell"),_=b("grid-lc-cell"),q=b("grid-lc-cell"),me=b("grid-lc-cell"),Qe=b("grid-lc-cell"),je=b("grid-lc-cell"),qt=b("grid-lc-cell"),so=b("grid-lc-cell"),wo=b("grid-lc-cell"),Xa=b("grid-lc-cell"),pl=b("grid-lc-cell"),Ia=b("grid-lc-cell"),jr=b("grid-lc-cell"),$l=b("grid-lc-cell"),Ai=b("grid-lc-cell"),ap=b("grid-lc-cell"),rp=b("grid-lc-cell"),uR=b("grid-lc-cell"),bR=b("grid-lc-cell"),fR=b("grid-lc-cell"),hR=b("grid-lc-cell"),gR=b("grid-lc-cell"),kR=b("grid-lc-cell"),xR=b("grid-lc-cell"),vR=b("grid-lc-cell"),TR=b("grid-lc-cell"),wR=b("grid-lc-cell"),NR=b("grid-lc-cell"),yR=b("grid-lc-cell"),AR=b("grid-lc-cell");return(0,S.jsx)(Ze,{className:l("k-grid-lockedcolumns",e),_renderAriaRoot:!0,groupingHeader:(0,S.jsx)(kd,{role:"toolbar","aria-label":"Grouping",children:(0,S.jsx)(no,{role:"none",children:(0,S.jsx)(mt,{icon:"sort-asc-small",text:"Country",role:"button",actions:(0,S.jsx)(S.Fragment,{children:(0,S.jsx)(dt,{type:"remove"})})})})}),children:(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(Le,{role:"none",children:[(0,S.jsx)("div",{className:"k-grid-header-locked",role:"none",style:{width:"400px"},children:(0,S.jsxs)(ye,{role:"none",children:[(0,S.jsxs)("colgroup",{children:[(0,S.jsx)("col",{className:"k-group-col"}),(0,S.jsx)("col",{style:{width:"150px"}}),(0,S.jsx)("col",{style:{width:"250px"}})]}),(0,S.jsx)(xe,{role:"rowgroup",children:(0,S.jsxs)(k,{role:"row","aria-owns":`${r} ${i} ${c}`,children:[(0,S.jsx)(Y,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),(0,S.jsx)(Y,{colspan:1,rowspan:1,columnTitle:"Order ID",role:"columnheader"}),(0,S.jsx)(Y,{colspan:1,rowspan:1,columnTitle:"Ship Name",role:"columnheader"})]})})]})}),(0,S.jsx)("div",{className:"k-grid-header-wrap k-auto-scrollable",role:"none",style:{width:"581px"},children:(0,S.jsxs)(ye,{role:"none",children:[(0,S.jsxs)("colgroup",{children:[(0,S.jsx)("col",{style:{width:"300px"}}),(0,S.jsx)("col",{style:{width:"300px"}}),(0,S.jsx)("col",{style:{width:"400px"}})]}),(0,S.jsx)(xe,{role:"none",children:(0,S.jsxs)(k,{role:"none",children:[(0,S.jsx)(Y,{colspan:1,rowspan:1,columnTitle:"Ship Country",id:r,role:"columnheader"}),(0,S.jsx)(Y,{colspan:1,rowspan:1,columnTitle:"Ship City",id:i,role:"columnheader"}),(0,S.jsx)(Y,{colspan:1,rowspan:1,columnTitle:"Ship Address",id:c,role:"columnheader"})]})})]})})]}),(0,S.jsxs)(Be,{role:"none",children:[(0,S.jsxs)(zm,{role:"none",children:[(0,S.jsx)("div",{className:"k-grid-content-locked",role:"none",style:{width:"400px"},children:(0,S.jsxs)(ve,{className:"k-grid-group-sticky-header-table",role:"none",children:[(0,S.jsxs)("colgroup",{children:[(0,S.jsx)("col",{className:"k-group-col"}),(0,S.jsx)("col",{style:{width:"150px"}}),(0,S.jsx)("col",{style:{width:"250px"}})]}),(0,S.jsxs)(ie,{role:"rowgroup",children:[(0,S.jsx)(k,{className:"k-table-group-row k-grouping-row",role:"row","aria-rowindex":6,style:{height:"37px"},children:(0,S.jsx)(n,{colspan:3,role:"gridcell","aria-expanded":"true",tabIndex:-1,children:(0,S.jsxs)("p",{className:"k-reset",children:[(0,S.jsx)(f,{icon:"chevron-down"}),"Country: Germany"]})})}),(0,S.jsxs)(k,{className:"k-master-row",alt:!0,role:"row","aria-rowindex":7,"aria-owns":`${u} ${h} ${x}`,style:{height:"36px"},children:[(0,S.jsx)(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,S.jsx)(n,{role:"gridcell",tabIndex:-1,children:"10249"}),(0,S.jsx)(n,{role:"gridcell",tabIndex:-1,children:"Toms Spezialit\xE4ten"})]})]})]})}),(0,S.jsx)("div",{className:"k-grid-header-wrap",role:"none",children:(0,S.jsxs)(ve,{className:"k-grid-group-sticky-header-table",role:"none",children:[(0,S.jsxs)("colgroup",{children:[(0,S.jsx)("col",{style:{width:"300px"}}),(0,S.jsx)("col",{style:{width:"300px"}}),(0,S.jsx)("col",{style:{width:"400px"}})]}),(0,S.jsxs)(ie,{role:"rowgroup",children:[(0,S.jsx)(k,{className:"k-table-group-row k-grouping-row",role:"row","aria-rowindex":6,style:{height:"37px"},children:(0,S.jsx)(n,{colspan:3,role:"gridcell",tabIndex:-1,children:(0,S.jsx)("p",{className:"k-reset"})})}),(0,S.jsxs)(k,{className:"k-master-row",alt:!0,role:"row","aria-rowindex":7,style:{height:"36px"},children:[(0,S.jsx)(n,{id:u,role:"gridcell",tabIndex:-1,children:"Germany"}),(0,S.jsx)(n,{id:h,role:"gridcell",tabIndex:-1,children:"M\xFCnster"}),(0,S.jsx)(n,{id:x,role:"gridcell",tabIndex:-1,children:"Luisenstr. 48"})]})]})]})})]}),(0,S.jsx)("div",{className:"k-grid-content-locked",role:"none",style:{width:"400px",height:"464px"},children:(0,S.jsxs)(ve,{role:"none",children:[(0,S.jsxs)("colgroup",{children:[(0,S.jsx)("col",{className:"k-group-col"}),(0,S.jsx)("col",{style:{width:"150px"}}),(0,S.jsx)("col",{style:{width:"250px"}})]}),(0,S.jsxs)(ie,{role:"rowgroup",children:[(0,S.jsx)(k,{className:"k-table-group-row k-grouping-row",role:"row",style:{height:"37px"},children:(0,S.jsx)(n,{colspan:3,role:"gridcell",children:(0,S.jsxs)("p",{className:"k-reset",children:[(0,S.jsx)(f,{icon:"chevron-down"}),"Country: France"]})})}),(0,S.jsxs)(k,{className:"k-master-row",role:"row","aria-owns":`${v} ${T} ${C}`,style:{height:"36px"},children:[(0,S.jsx)(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,S.jsx)(n,{role:"gridcell",children:"10248"}),(0,S.jsx)(n,{role:"gridcell",children:"Vins et alcools Chevalier"})]}),(0,S.jsxs)(k,{className:"k-master-row",alt:!0,role:"row","aria-owns":`${N} ${R} ${H}`,style:{height:"36px"},children:[(0,S.jsx)(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,S.jsx)(n,{role:"gridcell",children:"10251"}),(0,S.jsx)(n,{role:"gridcell",children:"Victuailles en stock"})]}),(0,S.jsxs)(k,{className:"k-master-row",role:"row","aria-owns":`${V} ${_} ${q}`,style:{height:"36px"},children:[(0,S.jsx)(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,S.jsx)(n,{role:"gridcell",children:"10265"}),(0,S.jsx)(n,{role:"gridcell",children:"Blondel p\xE8re et fils"})]}),(0,S.jsxs)(k,{className:"k-group-footer",role:"row","aria-owns":`${bR} ${fR} ${hR}`,style:{height:"37px"},children:[(0,S.jsx)(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,S.jsx)(n,{role:"gridcell"}),(0,S.jsx)(n,{role:"gridcell",children:"Total items: 3"})]}),(0,S.jsx)(k,{className:"k-table-group-row k-grouping-row",role:"row",style:{height:"37px"},children:(0,S.jsx)(n,{colspan:3,role:"gridcell",children:(0,S.jsxs)("p",{className:"k-reset",children:[(0,S.jsx)(f,{icon:"chevron-down"}),"Country: Germany"]})})}),(0,S.jsxs)(k,{className:"k-master-row",alt:!0,role:"row","aria-owns":`${me} ${Qe} ${je}`,style:{height:"36px"},children:[(0,S.jsx)(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,S.jsx)(n,{role:"gridcell",children:"10249"}),(0,S.jsx)(n,{role:"gridcell",children:"Toms Spezialit\xE4ten"})]}),(0,S.jsxs)(k,{className:"k-master-row",role:"row","aria-owns":`${qt} ${so} ${wo}`,style:{height:"36px"},children:[(0,S.jsx)(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,S.jsx)(n,{role:"gridcell",children:"10253"}),(0,S.jsx)(n,{role:"gridcell",children:"Toms Spezialit\xE4ten"})]}),(0,S.jsxs)(k,{className:"k-master-row",alt:!0,role:"row","aria-owns":`${Xa} ${pl} ${Ia}`,style:{height:"36px"},children:[(0,S.jsx)(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,S.jsx)(n,{role:"gridcell",children:"10260"}),(0,S.jsx)(n,{role:"gridcell",children:"Ottilies K\xE4seladen"})]}),(0,S.jsxs)(k,{className:"k-group-footer",role:"row","aria-owns":`${gR} ${kR} ${xR}`,style:{height:"37px"},children:[(0,S.jsx)(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,S.jsx)(n,{role:"gridcell"}),(0,S.jsx)(n,{role:"gridcell",children:"Total items: 3"})]}),(0,S.jsx)(k,{className:"k-table-group-row k-grouping-row",role:"row",style:{height:"37px"},children:(0,S.jsx)(n,{colspan:3,role:"gridcell",children:(0,S.jsxs)("p",{className:"k-reset",children:[(0,S.jsx)(f,{icon:"chevron-down"}),"Country: Brazil"]})})}),(0,S.jsxs)(k,{className:"k-master-row",role:"row","aria-owns":`${jr} ${$l} ${Ai}`,style:{height:"36px"},children:[(0,S.jsx)(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,S.jsx)(n,{role:"gridcell",children:"10250"}),(0,S.jsx)(n,{role:"gridcell",children:"Hanari Carnes"})]}),(0,S.jsxs)(k,{className:"k-master-row",alt:!0,role:"row","aria-owns":`${ap} ${rp} ${uR}`,style:{height:"36px"},children:[(0,S.jsx)(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,S.jsx)(n,{role:"gridcell",children:"10254"}),(0,S.jsx)(n,{role:"gridcell",children:"Hanari Carnes"})]}),(0,S.jsxs)(k,{className:"k-group-footer",role:"row","aria-owns":`${vR} ${TR} ${wR}`,style:{height:"37px"},children:[(0,S.jsx)(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,S.jsx)(n,{role:"gridcell"}),(0,S.jsx)(n,{role:"gridcell",children:"Total items: 2"})]})]})]})}),(0,S.jsx)(Ae,{className:l("k-auto-scrollable",t),role:"none",style:{width:"605px",height:"465px"},children:(0,S.jsxs)(ve,{role:"none",children:[(0,S.jsxs)("colgroup",{children:[(0,S.jsx)("col",{style:{width:"300px"}}),(0,S.jsx)("col",{style:{width:"300px"}}),(0,S.jsx)("col",{style:{width:"400px"}})]}),(0,S.jsxs)(ie,{role:"none",children:[(0,S.jsx)(k,{className:"k-table-group-row k-grouping-row",role:"none",style:{height:"37px"},children:(0,S.jsx)(n,{colspan:3,role:"none",children:(0,S.jsx)("p",{className:"k-reset"})})}),(0,S.jsxs)(k,{className:"k-master-row",role:"none",style:{height:"36px"},children:[(0,S.jsx)(n,{id:v,role:"gridcell",children:"France"}),(0,S.jsx)(n,{id:T,role:"gridcell",children:"Reims"}),(0,S.jsx)(n,{id:C,role:"gridcell",children:"59 rue de l'Abbaye"})]}),(0,S.jsxs)(k,{className:"k-master-row",alt:!0,role:"none",style:{height:"36px"},children:[(0,S.jsx)(n,{id:N,role:"gridcell",children:"France"}),(0,S.jsx)(n,{id:R,role:"gridcell",children:"Lyon"}),(0,S.jsx)(n,{id:H,role:"gridcell",children:"2, rue du Commerce"})]}),(0,S.jsxs)(k,{className:"k-master-row",role:"none",style:{height:"36px"},children:[(0,S.jsx)(n,{id:V,role:"gridcell",children:"France"}),(0,S.jsx)(n,{id:_,role:"gridcell",children:"Strasbourg"}),(0,S.jsx)(n,{id:q,role:"gridcell",children:"24, place Kl\xE9ber"})]}),(0,S.jsxs)(k,{className:"k-group-footer",role:"none",style:{height:"37px"},children:[(0,S.jsx)(n,{id:bR,role:"gridcell"}),(0,S.jsx)(n,{id:fR,role:"gridcell"}),(0,S.jsx)(n,{id:hR,role:"gridcell"})]}),(0,S.jsx)(k,{className:"k-table-group-row k-grouping-row",role:"none",style:{height:"37px"},children:(0,S.jsx)(n,{colspan:3,role:"none",children:(0,S.jsx)("p",{className:"k-reset"})})}),(0,S.jsxs)(k,{className:"k-master-row",alt:!0,role:"none",style:{height:"36px"},children:[(0,S.jsx)(n,{id:me,role:"gridcell",children:"Germany"}),(0,S.jsx)(n,{id:Qe,role:"gridcell",children:"M\xFCnster"}),(0,S.jsx)(n,{id:je,role:"gridcell",children:"Luisenstr. 48"})]}),(0,S.jsxs)(k,{className:"k-master-row",role:"none",style:{height:"36px"},children:[(0,S.jsx)(n,{id:qt,role:"gridcell",children:"Germany"}),(0,S.jsx)(n,{id:so,role:"gridcell",children:"M\xFCnster"}),(0,S.jsx)(n,{id:wo,role:"gridcell",children:"Luisenstr. 48"})]}),(0,S.jsxs)(k,{className:"k-master-row",alt:!0,role:"none",style:{height:"36px"},children:[(0,S.jsx)(n,{id:Xa,role:"gridcell",children:"Germany"}),(0,S.jsx)(n,{id:pl,role:"gridcell",children:"K\xF6ln"}),(0,S.jsx)(n,{id:Ia,role:"gridcell",children:"Mehrheimerstr. 369"})]}),(0,S.jsxs)(k,{className:"k-group-footer",role:"none",style:{height:"37px"},children:[(0,S.jsx)(n,{id:gR,role:"gridcell"}),(0,S.jsx)(n,{id:kR,role:"gridcell"}),(0,S.jsx)(n,{id:xR,role:"gridcell"})]}),(0,S.jsx)(k,{className:"k-table-group-row k-grouping-row",role:"none",style:{height:"37px"},children:(0,S.jsx)(n,{colspan:3,role:"none",children:(0,S.jsx)("p",{className:"k-reset"})})}),(0,S.jsxs)(k,{className:"k-master-row",role:"none",style:{height:"36px"},children:[(0,S.jsx)(n,{id:jr,role:"gridcell",children:"Brazil"}),(0,S.jsx)(n,{id:$l,role:"gridcell",children:"Rio de Janeiro"}),(0,S.jsx)(n,{id:Ai,role:"gridcell",children:"Rua do Pa\xE7o, 67"})]}),(0,S.jsxs)(k,{className:"k-master-row",alt:!0,role:"none",style:{height:"36px"},children:[(0,S.jsx)(n,{id:ap,role:"gridcell",children:"Brazil"}),(0,S.jsx)(n,{id:rp,role:"gridcell",children:"Rio de Janeiro"}),(0,S.jsx)(n,{id:uR,role:"gridcell",children:"Rua do Pa\xE7o, 67"})]}),(0,S.jsxs)(k,{className:"k-group-footer",role:"none",style:{height:"37px"},children:[(0,S.jsx)(n,{id:vR,role:"gridcell"}),(0,S.jsx)(n,{id:TR,role:"gridcell"}),(0,S.jsx)(n,{id:wR,role:"gridcell"})]})]})]})}),(0,S.jsxs)(zm,{position:"bottom",role:"none",children:[(0,S.jsx)("div",{className:"k-grid-content-locked",role:"none",style:{width:"400px"},children:(0,S.jsxs)(ve,{className:"k-grid-group-sticky-footer-table",role:"none",children:[(0,S.jsxs)("colgroup",{children:[(0,S.jsx)("col",{className:"k-group-col"}),(0,S.jsx)("col",{style:{width:"150px"}}),(0,S.jsx)("col",{style:{width:"250px"}})]}),(0,S.jsx)(ie,{role:"rowgroup",children:(0,S.jsxs)(k,{className:"k-group-footer",role:"row","aria-rowindex":5,"aria-owns":`${NR} ${yR} ${AR}`,children:[(0,S.jsx)(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,S.jsx)(n,{role:"gridcell",tabIndex:-1}),(0,S.jsx)(n,{role:"gridcell",tabIndex:-1,children:"Total items: 3"})]})})]})}),(0,S.jsx)("div",{className:"k-grid-footer-wrap",role:"none",children:(0,S.jsxs)(ve,{className:"k-grid-group-sticky-footer-table",role:"none",children:[(0,S.jsxs)("colgroup",{children:[(0,S.jsx)("col",{style:{width:"300px"}}),(0,S.jsx)("col",{style:{width:"300px"}}),(0,S.jsx)("col",{style:{width:"400px"}})]}),(0,S.jsx)(ie,{role:"rowgroup",children:(0,S.jsxs)(k,{className:"k-group-footer",role:"row","aria-rowindex":5,style:{height:"37px"},children:[(0,S.jsx)(n,{id:NR,role:"gridcell",tabIndex:-1}),(0,S.jsx)(n,{id:yR,role:"gridcell",tabIndex:-1}),(0,S.jsx)(n,{id:AR,role:"gridcell",tabIndex:-1})]})})]})})]})]})]}),...o})};var U=require("react/jsx-runtime"),Wie=Ze.options,Vie=Ze.states,ez={...Ze.defaultOptions,variant:"normal"},Qie=[{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"}],Xie=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],hk=e=>{let{variant:t,modifiers:o,...r}={...ez,...e},i={toolbar:void 0,pager:void 0},c=(0,U.jsxs)($s,{children:[(0,U.jsx)(d,{icon:"plus",children:"Add New"}),(0,U.jsx)(d,{icon:"file-pdf",children:"Export to PDF"}),(0,U.jsx)("span",{className:"k-spacer"}),(0,U.jsx)(we,{prefix:(0,U.jsx)(f,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),u=(0,U.jsx)(Fa,{pageSizes:!1,refresh:!1});Object.keys(o||{}).forEach(v=>{switch(v){case"toolbar":i.toolbar=o!=null&&o[v]?c:void 0;break;case"pager":i.pager=o!=null&&o[v]?u:void 0;break;default:return}});let h={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},x=(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(Le,{children:(0,U.jsx)("div",{className:"k-grid-header-wrap",children:(0,U.jsxs)(ye,{children:[(0,U.jsxs)("colgroup",{children:[(0,U.jsx)("col",{}),(0,U.jsx)("col",{}),(0,U.jsx)("col",{}),(0,U.jsx)("col",{})]}),(0,U.jsx)(xe,{children:(0,U.jsxs)(k,{children:[(0,U.jsx)(Y,{...h[t],columnTitle:"ID"}),(0,U.jsx)(Y,{...h[t],columnTitle:"Product Name"}),(0,U.jsx)(Y,{...h[t],columnTitle:"Units in Stock"}),(0,U.jsx)(Y,{...h[t],columnTitle:"Units Price"})]})})]})})}),(0,U.jsx)(Be,{children:(0,U.jsx)(Ae,{children:(0,U.jsxs)(ve,{children:[(0,U.jsxs)("colgroup",{children:[(0,U.jsx)("col",{}),(0,U.jsx)("col",{}),(0,U.jsx)("col",{}),(0,U.jsx)("col",{})]}),(0,U.jsxs)(ie,{children:[(0,U.jsxs)(k,{children:[(0,U.jsx)(n,{children:"1"}),(0,U.jsx)(n,{children:"Chai"}),(0,U.jsx)(n,{children:"39"}),(0,U.jsx)(n,{children:"18"})]}),(0,U.jsxs)(k,{alt:!0,children:[(0,U.jsx)(n,{children:"2"}),(0,U.jsx)(n,{children:"Chang"}),(0,U.jsx)(n,{children:"17"}),(0,U.jsx)(n,{children:"19"})]}),(0,U.jsxs)(k,{children:[(0,U.jsx)(n,{children:"3"}),(0,U.jsx)(n,{children:"Aniseed Syrup"}),(0,U.jsx)(n,{children:"13"}),(0,U.jsx)(n,{children:"10"})]}),(0,U.jsxs)(k,{alt:!0,children:[(0,U.jsx)(n,{children:"4"}),(0,U.jsx)(n,{children:"Chef Anton's Cajun Seasoning"}),(0,U.jsx)(n,{children:"53"}),(0,U.jsx)(n,{children:"22"})]}),(0,U.jsxs)(k,{children:[(0,U.jsx)(n,{children:"5"}),(0,U.jsx)(n,{children:"Chef Anton's Gumbo Mix"}),(0,U.jsx)(n,{children:"0"}),(0,U.jsx)(n,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return(0,U.jsx)(YB,{...r,...i});case"editing":return(0,U.jsx)(GB,{...r,...i});case"grouping":return(0,U.jsx)(KB,{...r,...i,groupingHeader:(0,U.jsx)(kd,{children:(0,U.jsxs)(no,{children:[(0,U.jsx)(mt,{icon:"sort-asc-small",actions:(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(dt,{type:"more"}),(0,U.jsx)(dt,{type:"remove"})]}),children:"ID"}),(0,U.jsx)(mt,{icon:"sort-desc-small",actions:(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(dt,{type:"more"}),(0,U.jsx)(dt,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return(0,U.jsx)(Ze,{...r,...i,children:(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(Le,{children:(0,U.jsxs)("div",{className:"k-grid-header-wrap",children:[" ",(0,U.jsxs)(ye,{children:[(0,U.jsxs)("colgroup",{children:[(0,U.jsx)("col",{className:"k-drag-col"}),(0,U.jsx)("col",{}),(0,U.jsx)("col",{}),(0,U.jsx)("col",{}),(0,U.jsx)("col",{})]}),(0,U.jsx)(xe,{children:(0,U.jsxs)(k,{children:[(0,U.jsx)(Y,{className:"k-drag-cell",accessibleLabel:"Reorder"}),(0,U.jsx)(Y,{columnTitle:"ID"}),(0,U.jsx)(Y,{columnTitle:"Product Name"}),(0,U.jsx)(Y,{columnTitle:"Units in Stock"}),(0,U.jsx)(Y,{columnTitle:"Units Price"})]})})]})]})}),(0,U.jsx)(Be,{children:(0,U.jsx)(Ae,{children:(0,U.jsxs)(ve,{children:[(0,U.jsxs)("colgroup",{children:[(0,U.jsx)("col",{className:"k-drag-col"}),(0,U.jsx)("col",{}),(0,U.jsx)("col",{}),(0,U.jsx)("col",{}),(0,U.jsx)("col",{})]}),(0,U.jsxs)(ie,{children:[(0,U.jsxs)(k,{children:[(0,U.jsx)(n,{className:"k-drag-cell",children:(0,U.jsx)(f,{icon:"reorder"})}),(0,U.jsx)(n,{children:"1"}),(0,U.jsx)(n,{children:"Chai"}),(0,U.jsx)(n,{children:"39"}),(0,U.jsx)(n,{children:"18"})]}),(0,U.jsxs)(k,{alt:!0,children:[(0,U.jsx)(n,{className:"k-drag-cell",children:(0,U.jsx)(f,{icon:"reorder"})}),(0,U.jsx)(n,{children:"2"}),(0,U.jsx)(n,{children:"Chang"}),(0,U.jsx)(n,{children:"17"}),(0,U.jsx)(n,{children:"19"})]}),(0,U.jsxs)(k,{children:[(0,U.jsx)(n,{className:"k-drag-cell",children:(0,U.jsx)(f,{icon:"reorder"})}),(0,U.jsx)(n,{children:"3"}),(0,U.jsx)(n,{children:"Aniseed Syrup"}),(0,U.jsx)(n,{children:"13"}),(0,U.jsx)(n,{children:"10"})]}),(0,U.jsxs)(k,{alt:!0,children:[(0,U.jsx)(n,{className:"k-drag-cell",children:(0,U.jsx)(f,{icon:"reorder"})}),(0,U.jsx)(n,{children:"4"}),(0,U.jsx)(n,{children:"Chef Anton's Cajun Seasoning"}),(0,U.jsx)(n,{children:"53"}),(0,U.jsx)(n,{children:"22"})]}),(0,U.jsxs)(k,{children:[(0,U.jsx)(n,{className:"k-drag-cell",children:(0,U.jsx)(f,{icon:"reorder"})}),(0,U.jsx)(n,{children:"5"}),(0,U.jsx)(n,{children:"Chef Anton's Gumbo Mix"}),(0,U.jsx)(n,{children:"0"}),(0,U.jsx)(n,{children:"21.35"})]})]})]})})})]})});case"filter-row":return(0,U.jsx)(OB,{...r,...i});default:return(0,U.jsx)(Ze,{...r,...i,children:x})}};hk.options=Wie;hk.states=Vie;hk.variants=Qie;hk.defaultOptions=ez;hk.modifiers=Xie;hk.className=Ze.className;var ht=require("react/jsx-runtime"),Zie=e=>(0,ht.jsx)(gd,{children:(0,ht.jsx)(ht.Fragment,{children:(0,ht.jsx)(Lp,{panes:[(0,ht.jsx)(We,{className:"k-chart-wizard-preview-pane",children:(0,ht.jsx)(Hm,{children:(0,ht.jsx)("div",{className:"k-chart",style:{position:"relative",height:"400px"},children:(0,ht.jsxs)("svg",{style:{width:"100%",height:"100%",overflow:"hidden"},xmlns:"http://www.w3.org/2000/svg",version:"1.1",children:[(0,ht.jsx)("rect",{width:"100%",height:"100%",fill:"var(--kendo-chart-bg, #fff)"}),(0,ht.jsx)("text",{style:{font:"16px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"50%",y:"200",textAnchor:"middle",stroke:"none",fillOpacity:"0.5",children:"Chart Preview"})]})})})},"pane-1"),(0,ht.jsx)(We,{className:"k-chart-wizard-property-pane",flexBasis:"300px",collapsible:!0,children:(0,ht.jsx)(Ha,{tabStripItems:(0,ht.jsxs)(ht.Fragment,{children:[(0,ht.jsx)(ft,{first:!0,value:"Chart"}),(0,ht.jsx)(ft,{value:"Data",active:!0}),(0,ht.jsx)(ft,{last:!0,value:"Format"})]}),children:(0,ht.jsx)(Ja,{active:!0,children:(0,ht.jsx)(Ga,{expanded:!0,title:"Configuration",children:(0,ht.jsxs)(Qo,{formButtons:"",children:[(0,ht.jsx)(or,{legend:"X axis (category)",children:(0,ht.jsx)(Ee,{label:"Category",editorId:"cw-data-category",editor:(0,ht.jsx)(de,{id:"cw-data-category","aria-labelledby":"cw-data-category-label",value:"Current item",fillMode:"outline"})})}),(0,ht.jsx)(or,{legend:"Series",children:(0,ht.jsx)(Ze,{_renderAriaRoot:!0,"aria-label":"Data series",toolbar:(0,ht.jsx)($s,{children:(0,ht.jsx)(d,{icon:"plus",fillMode:"flat",children:"Add"})}),children:(0,ht.jsx)(Be,{children:(0,ht.jsx)(Ae,{children:(0,ht.jsxs)(ve,{role:"none",children:[(0,ht.jsxs)("colgroup",{children:[(0,ht.jsx)("col",{style:{width:"40px"}}),(0,ht.jsx)("col",{}),(0,ht.jsx)("col",{style:{width:"80px"}})]}),(0,ht.jsxs)(ie,{children:[(0,ht.jsxs)(k,{className:"k-master-row",children:[(0,ht.jsx)(n,{className:"k-drag-cell",children:(0,ht.jsx)(f,{icon:"reorder","aria-hidden":"true"})}),(0,ht.jsx)(n,{children:"Series Name"}),(0,ht.jsx)(n,{className:"k-command-cell",children:(0,ht.jsx)(d,{icon:"trash",fillMode:"flat","aria-label":"Delete series"})})]}),(0,ht.jsxs)(k,{className:"k-master-row",alt:!0,children:[(0,ht.jsx)(n,{className:"k-drag-cell",children:(0,ht.jsx)(f,{icon:"reorder","aria-hidden":"true"})}),(0,ht.jsx)(n,{children:"Series Name"}),(0,ht.jsx)(n,{className:"k-command-cell",children:(0,ht.jsx)(d,{icon:"trash",fillMode:"flat","aria-label":"Delete series"})})]}),(0,ht.jsxs)(k,{className:"k-master-row",children:[(0,ht.jsx)(n,{className:"k-drag-cell",children:(0,ht.jsx)(f,{icon:"reorder","aria-hidden":"true"})}),(0,ht.jsx)(n,{children:"Series Name"}),(0,ht.jsx)(n,{className:"k-command-cell",children:(0,ht.jsx)(d,{icon:"trash",fillMode:"flat","aria-label":"Delete series"})})]})]})]})})})})}),(0,ht.jsx)(or,{legend:"Y axis (value)",children:(0,ht.jsx)(Ee,{label:"Value",editorId:"cw-data-value",editor:(0,ht.jsx)(de,{id:"cw-data-value","aria-labelledby":"cw-data-value-label",value:"Current item",fillMode:"outline"})})})]})})})})},"pane-2")]})}),...e});var ee=require("react/jsx-runtime"),Uie=e=>(0,ee.jsx)(gd,{children:(0,ee.jsx)(ee.Fragment,{children:(0,ee.jsx)(Lp,{panes:[(0,ee.jsx)(We,{className:"k-chart-wizard-preview-pane",children:(0,ee.jsx)(Hm,{children:(0,ee.jsx)("div",{className:"k-chart",style:{position:"relative",height:"400px"},children:(0,ee.jsxs)("svg",{style:{width:"100%",height:"100%",overflow:"hidden"},xmlns:"http://www.w3.org/2000/svg",version:"1.1",children:[(0,ee.jsx)("rect",{width:"100%",height:"100%",fill:"var(--kendo-chart-bg, #fff)"}),(0,ee.jsx)("text",{style:{font:"16px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"50%",y:"200",textAnchor:"middle",stroke:"none",fillOpacity:"0.5",children:"Chart Preview"})]})})})},"pane-1"),(0,ee.jsx)(We,{className:"k-chart-wizard-property-pane",flexBasis:"300px",collapsible:!0,children:(0,ee.jsx)(Ha,{tabStripItems:(0,ee.jsxs)(ee.Fragment,{children:[(0,ee.jsx)(ft,{first:!0,value:"Chart"}),(0,ee.jsx)(ft,{value:"Data"}),(0,ee.jsx)(ft,{last:!0,value:"Format",active:!0})]}),children:(0,ee.jsxs)(Ja,{active:!0,children:[(0,ee.jsx)(Ga,{expanded:!0,title:"Chart area",children:(0,ee.jsxs)(Qo,{children:[(0,ee.jsxs)(or,{legend:"Margins",layout:"grid",cols:2,gutters:{cols:"16px"},children:[(0,ee.jsx)(Ee,{label:"Left",editorId:"cw-margin-left",editor:(0,ee.jsx)(At,{id:"cw-margin-left",placeholder:"Auto",showClearButton:!1,fillMode:"outline"})}),(0,ee.jsx)(Ee,{label:"Right",editorId:"cw-margin-right",editor:(0,ee.jsx)(At,{id:"cw-margin-right",placeholder:"Auto",showClearButton:!1,fillMode:"outline"})}),(0,ee.jsx)(Ee,{label:"Top",editorId:"cw-margin-top",editor:(0,ee.jsx)(At,{id:"cw-margin-top",placeholder:"Auto",showClearButton:!1,fillMode:"outline"})}),(0,ee.jsx)(Ee,{label:"Bottom",editorId:"cw-margin-bottom",editor:(0,ee.jsx)(At,{id:"cw-margin-bottom",placeholder:"Auto",showClearButton:!1,fillMode:"outline"})})]}),(0,ee.jsx)(or,{legend:"Background",children:(0,ee.jsx)(Ee,{label:"Color",editorId:"cw-bg-color",editor:(0,ee.jsx)(Ua,{id:"cw-bg-color","aria-labelledby":"cw-bg-color-label",fillMode:"outline"})})})]})}),(0,ee.jsx)(Ga,{expanded:!0,title:"Title",children:(0,ee.jsxs)(Qo,{layout:"grid",cols:2,gutters:{cols:"16px"},children:[(0,ee.jsx)(Ee,{colSpan:"2",label:"Apply to",editorId:"cw-title-apply",editor:(0,ee.jsx)(de,{id:"cw-title-apply","aria-labelledby":"cw-title-apply-label",value:"Chart title",fillMode:"outline"})}),(0,ee.jsx)(Ee,{colSpan:"2",label:"Title",editorId:"cw-title-text",editor:(0,ee.jsx)(we,{id:"cw-title-text",placeholder:"Chart title",fillMode:"outline"})}),(0,ee.jsx)(Ee,{colSpan:"2",label:"Font",editorId:"cw-title-font",editor:(0,ee.jsx)(yo,{id:"cw-title-font",placeholder:"(Inherited font)",fillMode:"outline"})}),(0,ee.jsx)(Ee,{label:"Size",editorId:"cw-title-size",editor:(0,ee.jsx)(yo,{id:"cw-title-size",placeholder:"px",fillMode:"outline"})}),(0,ee.jsx)(Ee,{label:"Color",editorId:"cw-title-color",editor:(0,ee.jsx)(Ua,{id:"cw-title-color","aria-labelledby":"cw-title-color-label",fillMode:"outline"})})]})}),(0,ee.jsx)(Ga,{expanded:!0,title:"Series",children:(0,ee.jsxs)(Qo,{children:[(0,ee.jsx)(Ee,{label:"Apply to",editorId:"cw-series-apply",editor:(0,ee.jsx)(de,{id:"cw-series-apply","aria-labelledby":"cw-series-apply-label",value:"All Series",fillMode:"outline"})}),(0,ee.jsx)(Ee,{label:"Color",editorId:"cw-series-color",editor:(0,ee.jsx)(Ua,{id:"cw-series-color","aria-labelledby":"cw-series-color-label",fillMode:"outline"})}),(0,ee.jsx)(Ee,{editor:(0,ee.jsxs)(ee.Fragment,{children:[(0,ee.jsx)(Do,{id:"cw-series-labels"}),(0,ee.jsx)("label",{className:"k-checkbox-label",htmlFor:"cw-series-labels",children:"Show Labels"})]})})]})}),(0,ee.jsx)(Ga,{expanded:!0,title:"Legend",children:(0,ee.jsxs)(Qo,{layout:"grid",cols:2,gutters:{cols:"16px"},children:[(0,ee.jsx)(Ee,{colSpan:"2",editor:(0,ee.jsxs)("div",{className:"k-d-flex k-align-items-center k-gap-2",children:[(0,ee.jsx)("label",{className:"k-label",id:"cw-legend-toggle-label",children:"Show Legend"}),(0,ee.jsx)(Aa,{"aria-labelledby":"cw-legend-toggle-label",onLabel:"On",offLabel:"Off",checked:!0})]})}),(0,ee.jsx)(Ee,{colSpan:"2",label:"Font",editorId:"cw-legend-font",editor:(0,ee.jsx)(yo,{id:"cw-legend-font",placeholder:"(Inherited font)",fillMode:"outline"})}),(0,ee.jsx)(Ee,{label:"Size",editorId:"cw-legend-size",editor:(0,ee.jsx)(yo,{id:"cw-legend-size",placeholder:"px",fillMode:"outline"})}),(0,ee.jsx)(Ee,{label:"Color",editorId:"cw-legend-color",editor:(0,ee.jsx)(Ua,{id:"cw-legend-color","aria-labelledby":"cw-legend-color-label",fillMode:"outline"})}),(0,ee.jsx)(Ee,{colSpan:"2",label:"Position",editorId:"cw-legend-position",editor:(0,ee.jsx)(de,{id:"cw-legend-position","aria-labelledby":"cw-legend-position-label",value:"Top",fillMode:"outline"})})]})}),(0,ee.jsx)(Ga,{expanded:!0,title:"Category axis",children:(0,ee.jsxs)(Qo,{children:[(0,ee.jsxs)(or,{legend:"Title",layout:"grid",cols:2,gutters:{cols:"16px"},children:[(0,ee.jsx)(Ee,{colSpan:"2",label:"Axis title",editorId:"cw-cat-axis-title",editor:(0,ee.jsx)(we,{id:"cw-cat-axis-title",placeholder:"Axis Title",fillMode:"outline"})}),(0,ee.jsx)(Ee,{colSpan:"2",label:"Font",editorId:"cw-cat-title-font",editor:(0,ee.jsx)(yo,{id:"cw-cat-title-font",placeholder:"(Inherited font)",fillMode:"outline"})}),(0,ee.jsx)(Ee,{label:"Size",editorId:"cw-cat-title-size",editor:(0,ee.jsx)(yo,{id:"cw-cat-title-size",placeholder:"px",fillMode:"outline"})}),(0,ee.jsx)(Ee,{label:"Color",editorId:"cw-cat-title-color",editor:(0,ee.jsx)(Ua,{id:"cw-cat-title-color","aria-labelledby":"cw-cat-title-color-label",fillMode:"outline"})})]}),(0,ee.jsxs)(or,{legend:"Labels",layout:"grid",cols:2,gutters:{cols:"16px"},children:[(0,ee.jsx)(Ee,{colSpan:"2",label:"Font",editorId:"cw-cat-label-font",editor:(0,ee.jsx)(yo,{id:"cw-cat-label-font",placeholder:"(Inherited font)",fillMode:"outline"})}),(0,ee.jsx)(Ee,{label:"Size",editorId:"cw-cat-label-size",editor:(0,ee.jsx)(yo,{id:"cw-cat-label-size",placeholder:"px",fillMode:"outline"})}),(0,ee.jsx)(Ee,{label:"Color",editorId:"cw-cat-label-color",editor:(0,ee.jsx)(Ua,{id:"cw-cat-label-color","aria-labelledby":"cw-cat-label-color-label",fillMode:"outline"})}),(0,ee.jsx)(Ee,{label:"Rotation",editorId:"cw-cat-label-rotation",editor:(0,ee.jsx)(de,{id:"cw-cat-label-rotation","aria-labelledby":"cw-cat-label-rotation-label",value:"0\xB0",fillMode:"outline"})}),(0,ee.jsx)("span",{}),(0,ee.jsx)(Ee,{colSpan:"2",editor:(0,ee.jsxs)(ee.Fragment,{children:[(0,ee.jsx)(Do,{id:"cw-cat-reverse"}),(0,ee.jsx)("label",{className:"k-checkbox-label",htmlFor:"cw-cat-reverse",children:"Reverse order"})]})})]})]})}),(0,ee.jsx)(Ga,{expanded:!0,title:"Value axis",children:(0,ee.jsxs)(Qo,{children:[(0,ee.jsxs)(or,{legend:"Title",layout:"grid",cols:2,gutters:{cols:"16px"},children:[(0,ee.jsx)(Ee,{colSpan:"2",label:"Axis title",editorId:"cw-val-axis-title",editor:(0,ee.jsx)(we,{id:"cw-val-axis-title",placeholder:"Axis Title",fillMode:"outline"})}),(0,ee.jsx)(Ee,{colSpan:"2",label:"Font",editorId:"cw-val-title-font",editor:(0,ee.jsx)(yo,{id:"cw-val-title-font",placeholder:"(Inherited font)",fillMode:"outline"})}),(0,ee.jsx)(Ee,{label:"Size",editorId:"cw-val-title-size",editor:(0,ee.jsx)(yo,{id:"cw-val-title-size",placeholder:"px",fillMode:"outline"})}),(0,ee.jsx)(Ee,{label:"Color",editorId:"cw-val-title-color",editor:(0,ee.jsx)(Ua,{id:"cw-val-title-color","aria-labelledby":"cw-val-title-color-label",fillMode:"outline"})})]}),(0,ee.jsxs)(or,{legend:"Labels",layout:"grid",cols:2,gutters:{cols:"16px"},children:[(0,ee.jsx)(Ee,{colSpan:"2",label:"Label Format",editorId:"cw-val-label-format",editor:(0,ee.jsx)(de,{id:"cw-val-label-format","aria-labelledby":"cw-val-label-format-label",value:"Number",fillMode:"outline"})}),(0,ee.jsx)(Ee,{colSpan:"2",label:"Font",editorId:"cw-val-label-font",editor:(0,ee.jsx)(yo,{id:"cw-val-label-font",placeholder:"(Inherited font)",fillMode:"outline"})}),(0,ee.jsx)(Ee,{label:"Size",editorId:"cw-val-label-size",editor:(0,ee.jsx)(yo,{id:"cw-val-label-size",placeholder:"px",fillMode:"outline"})}),(0,ee.jsx)(Ee,{label:"Color",editorId:"cw-val-label-color",editor:(0,ee.jsx)(Ua,{id:"cw-val-label-color","aria-labelledby":"cw-val-label-color-label",fillMode:"outline"})}),(0,ee.jsx)(Ee,{label:"Rotation",editorId:"cw-val-label-rotation",editor:(0,ee.jsx)(de,{id:"cw-val-label-rotation","aria-labelledby":"cw-val-label-rotation-label",value:"0\xB0",fillMode:"outline"})})]})]})})]})})},"pane-2")]})}),...e});var zB="appbar",tz=zB;var oz=require("react/jsx-runtime"),xS="k-appbar",Jie=[],jie={themeColor:[W.undefined,W.base,W.primary,W.secondary,W.tertiary,W.inverse]},qie={},Oi=e=>{let{themeColor:t,positionMode:o,position:r,...i}=e;return(0,oz.jsx)("div",{...i,className:l(e.className,xS,$(xS,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${r}`]:r}),children:e.children})};Oi.states=Jie;Oi.options=jie;Oi.className=xS;Oi.defaultOptions=qie;Oi.moduleName=zB;Oi.folderName=tz;Oi.ariaSpec={selector:".k-appbar",rules:[]};var az=require("react/jsx-runtime"),_ie="k-appbar-section",En=e=>{let{...t}=e;return(0,az.jsx)("div",{...t,className:l(_ie,e.className),children:e.children})};var yl=require("react/jsx-runtime"),$ie=e=>(0,yl.jsx)(Oi,{children:(0,yl.jsxs)(yl.Fragment,{children:[(0,yl.jsx)(En,{children:(0,yl.jsx)(f,{icon:"menu"})}),(0,yl.jsx)("span",{className:"k-spacer k-spacer-sized"}),(0,yl.jsx)(En,{children:(0,yl.jsx)("h1",{className:"title",children:"Page Title"})}),(0,yl.jsx)(En,{children:(0,yl.jsxs)("ul",{children:[(0,yl.jsx)("li",{children:"Menu Item"}),(0,yl.jsx)("li",{children:"Menu Item"}),(0,yl.jsx)("li",{children:"Menu Item"})]})}),(0,yl.jsx)("span",{className:"k-spacer"}),(0,yl.jsxs)(En,{children:[(0,yl.jsx)(f,{icon:"bell"}),(0,yl.jsx)("span",{className:"k-appbar-separator"}),(0,yl.jsx)(f,{icon:"user"})]})]}),...e});var ja=require("react/jsx-runtime"),WB={...Oi.options,positionMode:["static","sticky","fixed"]},ese=Oi.states,rz={...Oi.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};WB.themeColor=["primary",...WB.themeColor.filter(e=>e!=="primary")];var tse=[{name:"top",title:"Top"},{name:"bottom",title:"Bottom"}],gk=e=>{let{variant:t,...o}={...rz,...e},r=(0,ja.jsxs)(Oi,{position:t,...o,children:[(0,ja.jsx)(En,{children:(0,ja.jsx)(ot,{fillMode:"flat",icon:"menu"})}),(0,ja.jsx)("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),(0,ja.jsx)(En,{children:(0,ja.jsx)("h3",{className:"k-m-0",children:"AppBar"})}),(0,ja.jsx)("span",{className:"k-spacer"}),(0,ja.jsxs)(En,{children:[(0,ja.jsx)(ml,{fillMode:"flat",children:"Button"}),(0,ja.jsx)(ml,{fillMode:"flat",children:"Button"}),(0,ja.jsx)(ml,{fillMode:"flat",children:"Button"})]}),(0,ja.jsx)("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),(0,ja.jsx)(En,{children:(0,ja.jsx)(yh,{value:"Input value"})}),(0,ja.jsxs)(En,{children:[(0,ja.jsx)(ot,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),(0,ja.jsx)("span",{className:"k-appbar-separator"}),(0,ja.jsx)(CN,{className:"k-mx-sm",children:(0,ja.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})]})]}),i=(0,ja.jsxs)("div",{style:{padding:"25px 10px"},children:[(0,ja.jsx)("p",{children:"Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit, harum magnam? Possimus magnam non natus error consectetur voluptatum, unde quasi rerum ad facere, hic in! Qui ducimus ab sed consequuntur excepturi fugiat! Facilis fuga asperiores pariatur sed. Eligendi aliquid vel nemo, ipsum tempora minima consequatur culpa molestias maiores nihil eveniet accusantium porro. Inventore saepe ut ad in a. Quo itaque est expedita quidem consectetur enim quam minima, quisquam harum velit, earum adipisci provident, officia eveniet voluptas vero accusamus ad ducimus laudantium!"}),(0,ja.jsx)("p",{children:"Consequatur incidunt sequi explicabo adipisci saepe, accusamus, numquam fuga quam ex, provident possimus ratione blanditiis ducimus quos nulla repellat error pariatur nemo nobis illo! Saepe deleniti dolore cumque, sequi similique eligendi consectetur corrupti iste reprehenderit adipisci enim laudantium inventore totam quos non impedit quibusdam et consequuntur blanditiis accusamus! Rerum, nostrum. Rerum, tempore earum officia alias suscipit ut minima recusandae dolorem reprehenderit ea?"}),(0,ja.jsx)("p",{children:"Aliquam pariatur ut expedita, repellat architecto aut, consequatur iure recusandae tempora odit consequuntur, nihil nostrum totam accusantium at. Dignissimos repellendus culpa nesciunt. Officia repudiandae, laudantium error iure in minus ratione reprehenderit dolorum alias quo voluptatibus doloremque aliquid exercitationem quidem odit earum natus autem eaque tempore nulla esse sapiente? Dolore aliquid aliquam modi velit quaerat!"}),(0,ja.jsx)("p",{children:"Sunt consequuntur, aliquam eius beatae ex odit quasi iusto, accusamus architecto corrupti reprehenderit dolores itaque aliquid veniam odio eaque vel doloremque? Corporis, tenetur delectus deleniti voluptatum autem necessitatibus esse nisi ad, optio cumque quas dignissimos reprehenderit. Optio dolores quam corporis ea, reiciendis eos sit. Voluptate vel esse necessitatibus eum, sunt fuga, quaerat, eos natus quod repellendus nulla voluptatem ut quo quas ipsa animi incidunt autem saepe perferendis. Sequi ratione in iste, quibusdam, neque facilis accusantium, eum rem error sunt a explicabo commodi impedit quam."})]});return t==="bottom"?(0,ja.jsxs)("div",{style:{height:"250px",overflow:"auto"},children:[i,r]}):(0,ja.jsxs)("div",{style:{height:"250px",overflow:"auto"},children:[r,i]})};gk.options=WB;gk.states=ese;gk.variants=tse;gk.defaultOptions=rz;gk.modifiers=[];gk.className=Oi.className;var VB="bottom-navigation",lz=VB;var iz=require("react/jsx-runtime"),Ky="k-bottom-nav",ose=[m.disabled],ase={fillMode:[L.undefined,L.solid,L.flat],themeColor:[W.undefined,W.base,W.primary,W.secondary,W.tertiary,W.inverse]},QB={flow:"horizontal",border:!1},Al=e=>{let{disabled:t,fillMode:o,themeColor:r,flow:i=QB.flow,border:c=QB.border,positionMode:u,dir:h}=e;return(0,iz.jsx)("nav",{className:l(e.className,Ky,$(Ky,{fillMode:o,themeColor:r}),{[`k-bottom-nav-item-flow-${i}`]:i,"k-bottom-nav-border":c,[`k-pos-${u}`]:u},D(Ky,{disabled:t})),dir:h,"aria-label":"Bottom navigation",children:e.children})};Al.states=ose;Al.options=ase;Al.className=Ky;Al.defaultOptions=QB;Al.moduleName=VB;Al.folderName=lz;Al.ariaSpec={selector:".k-bottom-nav",rules:[{selector:".k-bottom-nav",attribute:"role=navigation or nodeName=nav",usage:"The landmark role navigation must be assigned to the bottom navigation."},{selector:".k-bottom-nav-item",attribute:"role=link or nodeName=a",usage:"Associate the link purpose of the bottom navigation items."},{selector:".k-bottom-nav-item.k-selected",attribute:"aria-current=true",usage:"Indicates the selected navigation item."}]};var kk=require("react/jsx-runtime"),XB="k-bottom-nav-item",rse=[m.focus,m.selected,m.disabled],lse={},ise={},Ea=e=>{let{focus:t,selected:o,disabled:r,icon:i,text:c,link:u}=e;return(0,kk.jsxs)("span",{className:l(XB,D(XB,{focus:t,selected:o,disabled:r})),role:"link",...o&&{"aria-current":"true"},...!c&&!u&&i&&{"aria-label":i},children:[i&&(0,kk.jsx)(f,{className:"k-bottom-nav-item-icon",icon:i,size:"xlarge"}),c&&(0,kk.jsx)("span",{className:"k-bottom-nav-item-text",children:c}),u&&(0,kk.jsx)("div",{className:"k-bottom-nav-link",children:(0,kk.jsx)("span",{children:u})})]})};Ea.states=rse;Ea.options=lse;Ea.className=XB;Ea.defaultOptions=ise;var pb=require("react/jsx-runtime"),vS=e=>(0,pb.jsx)(Al,{children:(0,pb.jsxs)(pb.Fragment,{children:[(0,pb.jsx)(Ea,{icon:"envelope",text:"BottomNavItem"}),(0,pb.jsx)(Ea,{icon:"envelope",text:"BottomNavItem"}),(0,pb.jsx)(Ea,{icon:"envelope",text:"BottomNavItem"})]}),...e});var mb=require("react/jsx-runtime"),sse=e=>(0,mb.jsx)(Al,{children:(0,mb.jsxs)(mb.Fragment,{children:[(0,mb.jsx)(Ea,{icon:"envelope"}),(0,mb.jsx)(Ea,{icon:"envelope"}),(0,mb.jsx)(Ea,{icon:"envelope"})]}),...e});var ub=require("react/jsx-runtime"),nse=e=>(0,ub.jsx)(Al,{children:(0,ub.jsxs)(ub.Fragment,{children:[(0,ub.jsx)(Ea,{link:"LinkItem"}),(0,ub.jsx)(Ea,{link:"LinkItem"}),(0,ub.jsx)(Ea,{link:"LinkItem"})]}),...e});var bb=require("react/jsx-runtime"),dse=e=>(0,bb.jsx)(Al,{children:(0,bb.jsxs)(bb.Fragment,{children:[(0,bb.jsx)(Ea,{icon:"envelope",text:"Inbox"}),(0,bb.jsx)(Ea,{icon:"calendar",text:"Calendar",selected:!0}),(0,bb.jsx)(Ea,{icon:"gear",text:"Settings"})]}),...e});var Hc=require("react/jsx-runtime"),cse=Al.options,pse=Al.states,mse={...Al.defaultOptions,variant:"vertical"},use=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],bse=[],xk=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,Hc.jsxs)(vS,{border:!0,flow:"horizontal",...o,children:[(0,Hc.jsx)(Ea,{icon:"envelope",text:"Label"}),(0,Hc.jsx)(Ea,{icon:"chart-pie",text:"Label",selected:!0}),(0,Hc.jsx)(Ea,{icon:"gear",text:"Label"}),(0,Hc.jsx)(Ea,{icon:"more-horizontal",text:"Label"})]}):(0,Hc.jsxs)(vS,{border:!0,flow:"vertical",...o,children:[(0,Hc.jsx)(Ea,{icon:"envelope",text:"Label"}),(0,Hc.jsx)(Ea,{icon:"chart-pie",text:"Label",selected:!0}),(0,Hc.jsx)(Ea,{icon:"gear",text:"Label"}),(0,Hc.jsx)(Ea,{icon:"more-vertical",text:"Label"})]})};xk.options=cse;xk.states=pse;xk.variants=use;xk.defaultOptions=mse;xk.modifiers=bse;xk.className=Al.className;var ZB="breadcrumb",sz=ZB;var dz=require("react/jsx-runtime"),Yy="k-breadcrumb",fse=[m.focus],hse={size:[g.undefined,g.small,g.medium,g.large]},nz={collapsing:"auto"},Ir=e=>{let{size:t,collapsing:o=nz.collapsing,focus:r,...i}=e;return(0,dz.jsx)("nav",{...i,className:l(e.className,Yy,D(Yy,{focus:r}),$(Yy,{size:t}),{"k-breadcrumb-wrap":o==="wrap"}),"aria-label":"Breadcrumb",children:e.children})};Ir.states=fse;Ir.options=hse;Ir.className=Yy;Ir.defaultOptions=nz;Ir.moduleName=ZB;Ir.folderName=sz;Ir.ariaSpec={selector:".k-breadcrumb",rules:[{selector:".k-breadcrumb",attribute:"aria-label=Breadcrumb",usage:"Indicates the type of navigation provided by the nav element."},{selector:".k-breadcrumb-item .k-breadcrumb-link,.k-breadcrumb-item .k-breadcrumb-root-link",attribute:"role=link or nodeName=a",usage:'The breadcrumb item should render an <a> element or have role="link".'},{selector:".k-breadcrumb-last-item .k-breadcrumb-link,.k-breadcrumb-last-item .k-breadcrumb-root-link",attribute:"aria-current=page",usage:"The last breadcrumb item points to the active page."},{selector:".k-breadcrumb-last-item .k-breadcrumb-link",attribute:"aria-disabled=true",usage:"The last breadcrumb item is disabled."},{selector:".k-breadcrumb-delimiter-icon",attribute:"aria-hidden=true",usage:"Delimiter icon should not be accessed through assistive technology."}]};var pz=require("react/jsx-runtime"),cz="k-breadcrumb-root-item-container",UB=e=>{let{...t}=e;return(0,pz.jsx)("ol",{...t,className:l(e.className,cz),children:e.children})};var uz=require("react/jsx-runtime"),mz="k-breadcrumb-input-container",gse=e=>{let{...t}=e;return(0,uz.jsx)("div",{...t,className:l(e.className,mz),children:e.children})};var fz=require("react/jsx-runtime"),bz="k-breadcrumb-container",kse={collapsing:"auto"},fi=e=>{let{collapsing:t=kse.collapsing,...o}=e;return(0,fz.jsx)("ol",{...o,className:l(e.className,bz,{"!k-flex-wrap":t==="wrap","k-flex-none":t==="none"}),children:e.children})};var gz=require("react/jsx-runtime"),hz="k-breadcrumb-item",Lo=e=>{let{root:t,last:o,...r}=e;return(0,gz.jsx)("li",{...r,className:l(e.className,hz,{"k-breadcrumb-root-item":t,"k-breadcrumb-last-item":o}),children:e.children})};var xz=require("react/jsx-runtime"),kz="",xse=[m.hover,m.focus,m.disabled],Co=e=>{let{root:t,icon:o,icontext:r,hover:i,focus:c,disabled:u,last:h,...x}=e;return(0,xz.jsx)("a",{href:"#",...x,className:l(e.className,D(kz,{hover:i,focus:c,disabled:u}),{"k-breadcrumb-link":!t,"k-breadcrumb-root-link":t,"k-breadcrumb-icon-link":o,"k-breadcrumb-icontext-link":r}),...h&&{"aria-current":"page"},...h&&{"aria-disabled":"true"},children:e.children})};Co.states=xse;var Tz=require("react/jsx-runtime"),vz="k-breadcrumb-item-text",rr=e=>{let{text:t,...o}=e,r=t||e.children;return(0,Tz.jsx)("span",{...o,className:l(e.className,vz),children:r})};var Or=require("react/jsx-runtime"),vse=({dir:e,...t})=>(0,Or.jsx)(Ir,{collapsing:"auto",children:(0,Or.jsx)(Or.Fragment,{children:(0,Or.jsxs)(fi,{collapsing:"auto",children:[(0,Or.jsxs)(Lo,{root:!0,children:[(0,Or.jsxs)(Co,{root:!0,icontext:!0,children:[(0,Or.jsx)(f,{icon:"home"}),(0,Or.jsx)(rr,{text:"Home"})]}),(0,Or.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:`chevron-${e==="rtl"?"left":"right"}`,size:"xsmall"})]}),(0,Or.jsxs)(Lo,{children:[(0,Or.jsx)(Co,{children:(0,Or.jsx)(rr,{text:"First item"})}),(0,Or.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:`chevron-${e==="rtl"?"left":"right"}`,size:"xsmall"})]}),(0,Or.jsxs)(Lo,{children:[(0,Or.jsx)(Co,{children:(0,Or.jsx)(rr,{text:"Second item"})}),(0,Or.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:`chevron-${e==="rtl"?"left":"right"}`,size:"xsmall"})]}),(0,Or.jsx)(Lo,{last:!0,children:(0,Or.jsx)(Co,{last:!0,children:(0,Or.jsx)(rr,{text:"Third item"})})})]})}),...t});var Kr=require("react/jsx-runtime"),Tse=({dir:e,...t})=>(0,Kr.jsx)(Ir,{collapsing:"none",children:(0,Kr.jsx)(Kr.Fragment,{children:(0,Kr.jsxs)(fi,{collapsing:"none",children:[(0,Kr.jsxs)(Lo,{root:!0,children:[(0,Kr.jsxs)(Co,{root:!0,icontext:!0,children:[(0,Kr.jsx)(f,{icon:"home"}),(0,Kr.jsx)(rr,{text:"Home"})]}),(0,Kr.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:`chevron-${e==="rtl"?"left":"right"}`,size:"xsmall"})]}),(0,Kr.jsxs)(Lo,{children:[(0,Kr.jsx)(Co,{children:(0,Kr.jsx)(rr,{text:"First item"})}),(0,Kr.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:`chevron-${e==="rtl"?"left":"right"}`,size:"xsmall"})]}),(0,Kr.jsxs)(Lo,{children:[(0,Kr.jsx)(Co,{children:(0,Kr.jsx)(rr,{text:"Second item"})}),(0,Kr.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:`chevron-${e==="rtl"?"left":"right"}`,size:"xsmall"})]}),(0,Kr.jsx)(Lo,{last:!0,children:(0,Kr.jsx)(Co,{last:!0,children:(0,Kr.jsx)(rr,{text:"Third item"})})})]})}),...t});var ba=require("react/jsx-runtime"),wse=({dir:e,...t})=>(0,ba.jsx)(Ir,{collapsing:"wrap",children:(0,ba.jsxs)(ba.Fragment,{children:[(0,ba.jsx)(UB,{children:(0,ba.jsx)(Lo,{root:!0,children:(0,ba.jsxs)(Co,{root:!0,icontext:!0,children:[(0,ba.jsx)(f,{icon:"home"}),(0,ba.jsx)(rr,{text:"Home"})]})})}),(0,ba.jsxs)(fi,{collapsing:"wrap",children:[(0,ba.jsxs)(Lo,{children:[(0,ba.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:`chevron-${e==="rtl"?"left":"right"}`,size:"xsmall"}),(0,ba.jsx)(Co,{children:(0,ba.jsx)(rr,{text:"First Item"})})]}),(0,ba.jsxs)(Lo,{children:[(0,ba.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:`chevron-${e==="rtl"?"left":"right"}`,size:"xsmall"}),(0,ba.jsx)(Co,{children:(0,ba.jsx)(rr,{text:"Second Item"})})]}),(0,ba.jsxs)(Lo,{children:[(0,ba.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:`chevron-${e==="rtl"?"left":"right"}`,size:"xsmall"}),(0,ba.jsx)(Co,{children:(0,ba.jsx)(rr,{text:"Third Item"})})]}),(0,ba.jsxs)(Lo,{children:[(0,ba.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:`chevron-${e==="rtl"?"left":"right"}`,size:"xsmall"}),(0,ba.jsx)(Co,{children:(0,ba.jsx)(rr,{text:"Fourth Item"})})]}),(0,ba.jsxs)(Lo,{last:!0,children:[(0,ba.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:`chevron-${e==="rtl"?"left":"right"}`,size:"xsmall"}),(0,ba.jsx)(Co,{last:!0,children:(0,ba.jsx)(rr,{text:"Fifth Item"})})]})]})]}),...t});var vt=require("react/jsx-runtime"),Nse=Ir.options,yse=Ir.states,Ase={...Ir.defaultOptions,variant:"text"},Cse=[{name:"text",title:"Text"},{name:"icon",title:"Icon"},{name:"icon-and-text",title:"Icon & Text"}],Sse=[],vk=e=>{let{variant:t,...o}=e;switch(t){case"icon":return(0,vt.jsx)(Ir,{...o,children:(0,vt.jsxs)(fi,{children:[(0,vt.jsxs)(Lo,{root:!0,children:[(0,vt.jsx)(Co,{root:!0,icon:!0,onClick:r=>r.preventDefault(),children:(0,vt.jsx)(f,{icon:"cart"})}),(0,vt.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,vt.jsxs)(Lo,{children:[(0,vt.jsx)(Co,{icon:!0,onClick:r=>r.preventDefault(),children:(0,vt.jsx)(f,{icon:"js"})}),(0,vt.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,vt.jsxs)(Lo,{children:[(0,vt.jsx)(Co,{icon:!0,onClick:r=>r.preventDefault(),children:(0,vt.jsx)(f,{icon:"truck"})}),(0,vt.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,vt.jsx)(Lo,{last:!0,children:(0,vt.jsx)(Co,{icon:!0,onClick:r=>r.preventDefault(),children:(0,vt.jsx)(f,{icon:"wallet-outline"})})})]})});case"icon-and-text":return(0,vt.jsx)(Ir,{...o,children:(0,vt.jsxs)(fi,{children:[(0,vt.jsxs)(Lo,{root:!0,children:[(0,vt.jsxs)(Co,{root:!0,icontext:!0,onClick:r=>r.preventDefault(),children:[(0,vt.jsx)(f,{icon:"cart"}),(0,vt.jsx)(rr,{text:"Cart"})]}),(0,vt.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,vt.jsxs)(Lo,{children:[(0,vt.jsxs)(Co,{icontext:!0,onClick:r=>r.preventDefault(),children:[(0,vt.jsx)(f,{icon:"js"}),(0,vt.jsx)(rr,{text:"Billing"})]}),(0,vt.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,vt.jsxs)(Lo,{children:[(0,vt.jsxs)(Co,{icontext:!0,onClick:r=>r.preventDefault(),children:[(0,vt.jsx)(f,{icon:"truck"}),(0,vt.jsx)(rr,{text:"Shipping"})]}),(0,vt.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,vt.jsx)(Lo,{last:!0,children:(0,vt.jsxs)(Co,{icontext:!0,onClick:r=>r.preventDefault(),children:[(0,vt.jsx)(f,{icon:"wallet-outline"}),(0,vt.jsx)(rr,{text:"Payment"})]})})]})});default:return(0,vt.jsx)(Ir,{...o,children:(0,vt.jsxs)(fi,{children:[(0,vt.jsxs)(Lo,{root:!0,children:[(0,vt.jsx)(Co,{root:!0,onClick:r=>r.preventDefault(),children:(0,vt.jsx)(rr,{text:"Cart"})}),(0,vt.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,vt.jsxs)(Lo,{children:[(0,vt.jsx)(Co,{onClick:r=>r.preventDefault(),children:(0,vt.jsx)(rr,{text:"Billing"})}),(0,vt.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,vt.jsxs)(Lo,{children:[(0,vt.jsx)(Co,{onClick:r=>r.preventDefault(),children:(0,vt.jsx)(rr,{text:"Shipping"})}),(0,vt.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,vt.jsx)(Lo,{last:!0,children:(0,vt.jsx)(Co,{onClick:r=>r.preventDefault(),children:(0,vt.jsx)(rr,{text:"Payment"})})})]})})}};vk.options=Nse;vk.states=yse;vk.variants=Cse;vk.defaultOptions=Ase;vk.modifiers=Sse;vk.className=Ir.className;var JB="stepper",wz=JB;var yz=require("react/jsx-runtime"),Nz="k-stepper",Ese=[],Lse={},Ise={},va=e=>{let{style:t,...o}=e;return(0,yz.jsx)("nav",{...o,style:t,className:l(e.className,Nz),"aria-label":"Stepper",children:e.children})};va.options=Lse;va.states=Ese;va.className=Nz;va.defaultOptions=Ise;va.moduleName=JB;va.folderName=wz;va.ariaSpec={selector:".k-stepper",rules:[{selector:".k-stepper",attribute:"role=navigation or nodeName=nav",usage:"The landmark role navigation must be assigned to the component."},{selector:".k-step.k-disabled>.k-step-link",attribute:"aria-disabled=true",usage:"A disabled (inactive) link."},{selector:".k-step-current>.k-step-link",attribute:"aria-current=step",usage:"The currently selected link."},{selector:".k-step.k-focus .k-step-link",attribute:"tabindex=0",usage:"Focused step link is in the tab order."},{selector:".k-step:not(.k-focus) .k-step-link",attribute:"tabindex=-1",usage:"Non-focused step links are removed from tab order."}]};var Cz=require("react/jsx-runtime"),jB="k-step-list",Mse=[],Bse={},Az={orientation:"horizontal"},Mr=e=>{let{style:t,orientation:o=Az.orientation,wizardContext:r,...i}=e;return(0,Cz.jsx)("ol",{...i,style:t,className:l(e.className,jB,{[`${jB}-${o}`]:o}),...r&&{role:"tablist"},children:e.children})};Mr.options=Bse;Mr.states=Mse;Mr.className=jB;Mr.defaultOptions=Az;var Ln=require("react/jsx-runtime"),Qm="k-step",Pse=[m.disabled,m.hover,m.focus,m.invalid,m.valid],Dse={},Rse={},$t=e=>{let{style:t,disabled:o,hover:r,focus:i,invalid:c,valid:u,optional:h,first:x,done:v,current:T,last:C,label:N,text:R,icon:H,stepContent:V,wizardContext:_,ariaControls:q,...me}=e,Qe=c?"warning-circle":"check-circle",je=!!(u||c),qt=N||(R?`Step ${R}`:H?"Step":void 0);return(0,Ln.jsxs)("li",{...me,style:t,className:l(e.className,Qm,{[`${Qm}-done`]:v,[`${Qm}-first`]:x,[`${Qm}-current`]:T,[`${Qm}-last`]:C,[`${Qm}-optional`]:h,[`${Qm}-success`]:u,[`${Qm}-error`]:c},D(Qm,{hover:r,focus:i,disabled:o})),..._&&{role:"none"},children:[(0,Ln.jsxs)("a",{href:"#",className:"k-step-link",..._&&{role:"tab"},...q&&{"aria-controls":q},...T&&{"aria-current":_?"true":"step"},...T&&_&&{"aria-selected":"true"},...o&&{"aria-disabled":"true"},tabIndex:i||T?0:-1,"aria-label":qt,children:[R&&!H&&(0,Ln.jsx)("span",{className:"k-step-indicator",children:(0,Ln.jsx)("span",{className:"k-step-indicator-text",children:R})}),H&&(0,Ln.jsx)("span",{className:"k-step-indicator",children:(0,Ln.jsx)(f,{className:"k-step-indicator-icon",icon:H})}),h&&!N&&(0,Ln.jsx)("span",{className:"k-step-label",children:(0,Ln.jsx)("span",{className:"k-step-label-optional",children:"(Optional)"})}),N&&(0,Ln.jsxs)("span",{className:"k-step-label",children:[(0,Ln.jsx)("span",{className:"k-step-text",children:N}),je&&(0,Ln.jsx)(f,{icon:Qe}),h&&(0,Ln.jsx)("span",{className:"k-step-label-optional",children:"(Optional)"})]})]}),V&&(0,Ln.jsx)("div",{className:"k-step-content",style:{height:"140px"},children:V})]})};$t.options=Dse;$t.states=Pse;$t.className=Qm;$t.defaultOptions=Rse;var Dp=require("react/jsx-runtime"),Ose=({gridTemplateColumns:e="repeat(6, 1fr)",...t})=>(0,Dp.jsx)(va,{style:{display:"grid",gridTemplateColumns:e},children:(0,Dp.jsxs)(Dp.Fragment,{children:[(0,Dp.jsxs)(Mr,{style:{gridColumnStart:"1",gridColumnEnd:"-1"},children:[(0,Dp.jsx)($t,{first:!0,done:!0,icon:"check",style:{maxWidth:"33.333%"}}),(0,Dp.jsx)($t,{current:!0,focus:!0,text:"2",style:{maxWidth:"33.333%"}}),(0,Dp.jsx)($t,{last:!0,optional:!0,text:"3",style:{maxWidth:"33.333%"}})]}),(0,Dp.jsx)(gr,{label:!1,value:"50"})]}),...t});var Rp=require("react/jsx-runtime"),Kse=({gridTemplateRows:e="repeat(3, 1fr)",...t})=>(0,Rp.jsx)(va,{style:{display:"grid",gridTemplateRows:e},children:(0,Rp.jsxs)(Rp.Fragment,{children:[(0,Rp.jsxs)(Mr,{orientation:"vertical",style:{gridRowStart:"1",gridRowEnd:"-1"},children:[(0,Rp.jsx)($t,{first:!0,done:!0,icon:"check",style:{maxHeight:"33.333%"}}),(0,Rp.jsx)($t,{current:!0,focus:!0,text:"2",style:{maxHeight:"33.333%"}}),(0,Rp.jsx)($t,{last:!0,optional:!0,text:"3",style:{maxHeight:"33.333%"}})]}),(0,Rp.jsx)(gr,{orientation:"vertical",reverse:!0,label:!1,value:"50"})]}),...t});var Op=require("react/jsx-runtime"),Yse=({gridTemplateColumns:e="repeat(6, 1fr)",...t})=>(0,Op.jsx)(va,{style:{display:"grid",gridTemplateColumns:e},children:(0,Op.jsxs)(Op.Fragment,{children:[(0,Op.jsxs)(Mr,{style:{gridColumnStart:"1",gridColumnEnd:"-1"},children:[(0,Op.jsx)($t,{first:!0,done:!0,icon:"check",style:{maxWidth:"33.333%"}}),(0,Op.jsx)($t,{current:!0,focus:!0,text:"2",style:{maxWidth:"33.333%"}}),(0,Op.jsx)($t,{last:!0,disabled:!0,text:"3",style:{maxWidth:"33.333%"}})]}),(0,Op.jsx)(gr,{label:!1,value:"50"})]}),...t});var wd=require("react/jsx-runtime"),Gse=va.options,Hse=va.states,Sz={...va.defaultOptions,variant:"horizontal"},Fse=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],zse=[{name:"label",title:"Label"},{name:"optional",title:"Optional"}],Tk=e=>{let{variant:t,modifiers:o,...r}={...Sz,...e},i={};return Object.keys(o||{}).forEach(c=>{switch(c){case"label":{i.label=o!=null&&o[c]?"Label":void 0;break}case"optional":{i.optional=!!(o!=null&&o[c]);break}}}),t==="vertical"?(0,wd.jsxs)(va,{style:{display:"grid",gridTemplateRows:"repeat(3, 1fr)"},...r,children:[(0,wd.jsxs)(Mr,{orientation:"vertical",style:{gridRowStart:"1",gridRowEnd:"-1"},children:[(0,wd.jsx)($t,{first:!0,done:!0,icon:"check",label:i.label,style:{maxHeight:"33.333%"}}),(0,wd.jsx)($t,{current:!0,focus:!0,text:"2",label:i.label,style:{maxHeight:"33.333%"}}),(0,wd.jsx)($t,{last:!0,optional:i.optional,text:"3",label:i.label,style:{maxHeight:"33.333%"}})]}),(0,wd.jsx)(gr,{className:"k-top-5 k-row-start-1 k-row-end-3",orientation:"vertical",reverse:!0,label:!1,value:"50"})]}):(0,wd.jsxs)(va,{style:{display:"grid",gridTemplateColumns:"repeat(6, 1fr)"},...r,children:[(0,wd.jsxs)(Mr,{style:{gridColumnStart:"1",gridColumnEnd:"-1"},children:[(0,wd.jsx)($t,{first:!0,done:!0,icon:"check",label:i.label,style:{maxWidth:"33.333%"}}),(0,wd.jsx)($t,{current:!0,focus:!0,text:"2",label:i.label,style:{maxWidth:"33.333%"}}),(0,wd.jsx)($t,{last:!0,optional:i.optional,text:"3",label:i.label,style:{maxWidth:"33.333%"}})]}),(0,wd.jsx)(gr,{className:"k-col-start-2 k-col-end-6",style:{width:"400px"},label:!1,value:"50"})]})};Tk.options=Gse;Tk.states=Hse;Tk.variants=Fse;Tk.defaultOptions=Sz;Tk.modifiers=zse;Tk.className=va.className;var qB="wizard",Ez=qB;var Lz=require("react/jsx-runtime"),WT="k-wizard",Wse=[m.disabled],Vse={},_B={orientation:"horizontal",contentPosition:"right"},hi=e=>{let{disabled:t,orientation:o=_B.orientation,contentPosition:r=_B.contentPosition,...i}=e;return(0,Lz.jsx)("div",{...i,className:l(e.className,WT,D(WT,{disabled:t}),{[`${WT}-${o}`]:o,[`${WT}-${r}`]:r&&o!=="horizontal"}),children:e.children})};hi.states=Wse;hi.options=Vse;hi.className=WT;hi.defaultOptions=_B;hi.moduleName=qB;hi.folderName=Ez;hi.ariaSpec={selector:".k-wizard",rules:[{selector:".k-step-list",attribute:"role=tablist",usage:"Indicates the role of the tablist container element."},{selector:".k-step",attribute:"role=none",usage:"The implicit semantics of the li element must be removed."},{selector:".k-step-link",attribute:"role=tab",usage:"Specifies the role for the step links."},{selector:".k-step-link",attribute:"aria-controls=.k-wizard-step id (when present)",usage:"Refers to the tabpanel element associated with the tab."},{selector:".k-step.k-disabled>.k-step-link",attribute:"aria-disabled=true",usage:"A disabled (inactive) tab."},{selector:".k-step-current .k-step-link",attribute:"aria-selected=true",usage:"Indicates the tab control is activated."},{selector:".k-step-current .k-step-link",attribute:"aria-current=true",usage:"Indicates the current active step."},{selector:".k-step-current .k-step-link",attribute:"tabindex=0",usage:"Current step is in the page tab sequence."},{selector:".k-step:not(.k-step-current) .k-step-link",attribute:"tabindex=-1",usage:"Non-current steps are removed from tab sequence."},{selector:".k-wizard-step",attribute:"role=tabpanel",usage:"Specifies the role of the element."},{selector:".k-wizard-step",attribute:"aria-label",usage:'Specifies a label for the panel (e.g., "Step 2 of 4").'},{selector:".k-wizard-step",attribute:"tabindex=0",usage:"Keeps the tabpanel in the page tab sequence."}]};var mc=require("react/jsx-runtime"),TS="k-wizard-step",Qse=[m.focus],Xse={},Zse=(0,mc.jsxs)(mc.Fragment,{children:[(0,mc.jsx)("span",{className:"k-wizard-buttons-left",children:(0,mc.jsx)("span",{className:"k-wizard-pager",children:"Step 2 of 3"})}),(0,mc.jsxs)("span",{className:"k-wizard-buttons-right",children:[(0,mc.jsx)(d,{children:"Previous"}),(0,mc.jsx)(d,{themeColor:"primary",children:"Next"})]})]}),Iz={buttons:Zse},In=e=>{let{focus:t,buttons:o=Iz.buttons,stepLabel:r,...i}=e;return(0,mc.jsxs)("div",{...i,className:l(e.className,TS,D(TS,{focus:t})),role:"tabpanel","aria-label":r||"Step",tabIndex:0,children:[(0,mc.jsx)("div",{className:"k-wizard-content",children:e.children}),o&&(0,mc.jsx)("div",{className:"k-wizard-buttons",children:o})]})};In.states=Qse;In.options=Xse;In.className=TS;In.defaultOptions=Iz;var Mz=require("react/jsx-runtime"),$B="k-wizard-steps",Use=[],Jse={},jse={},Mn=e=>(0,Mz.jsx)("div",{...e,className:l(e.className,$B),children:e.children});Mn.states=Use;Mn.options=Jse;Mn.className=$B;Mn.defaultOptions=jse;var Nd=require("react/jsx-runtime"),e1=({...e})=>(0,Nd.jsx)(hi,{id:"wizard",children:(0,Nd.jsxs)(Nd.Fragment,{children:[(0,Nd.jsxs)(va,{style:{display:"grid",gridTemplateColumns:"repeat(6, 1fr)"},children:[(0,Nd.jsxs)(Mr,{wizardContext:!0,style:{gridColumnStart:"1",gridColumnEnd:"-1"},children:[(0,Nd.jsx)($t,{first:!0,done:!0,icon:"check",style:{maxWidth:"33.333%"},wizardContext:!0}),(0,Nd.jsx)($t,{current:!0,focus:!0,text:"2",style:{maxWidth:"33.333%"},wizardContext:!0}),(0,Nd.jsx)($t,{last:!0,optional:!0,text:"3",style:{maxWidth:"33.333%"},wizardContext:!0})]}),(0,Nd.jsx)(gr,{label:!1,value:"50","aria-hidden":"true"})]}),(0,Nd.jsx)(Mn,{children:(0,Nd.jsx)(In,{stepLabel:"Step 2 of 3",children:"Short content"})})]}),...e});var yd=require("react/jsx-runtime"),wS=({...e})=>(0,yd.jsx)(hi,{id:"wizard",orientation:"vertical",children:(0,yd.jsxs)(yd.Fragment,{children:[(0,yd.jsxs)(va,{style:{display:"grid",gridTemplateRows:"repeat(3, 1fr)"},children:[(0,yd.jsxs)(Mr,{wizardContext:!0,orientation:"vertical",style:{gridRowStart:"1",gridRowEnd:"-1"},children:[(0,yd.jsx)($t,{first:!0,done:!0,icon:"check",style:{maxHeight:"33.333%"},wizardContext:!0}),(0,yd.jsx)($t,{current:!0,focus:!0,text:"2",style:{maxHeight:"33.333%"},wizardContext:!0}),(0,yd.jsx)($t,{last:!0,optional:!0,text:"3",style:{maxHeight:"33.333%"},wizardContext:!0})]}),(0,yd.jsx)(gr,{orientation:"vertical",reverse:!0,label:!1,value:"50","aria-hidden":"true"})]}),(0,yd.jsx)(Mn,{children:(0,yd.jsx)(In,{stepLabel:"Step 2 of 3",children:"Short content"})})]}),...e});var Ad=require("react/jsx-runtime"),qse=({...e})=>(0,Ad.jsx)(hi,{id:"wizard-aria",children:(0,Ad.jsxs)(Ad.Fragment,{children:[(0,Ad.jsxs)(va,{style:{display:"grid",gridTemplateColumns:"repeat(6, 1fr)"},children:[(0,Ad.jsxs)(Mr,{wizardContext:!0,style:{gridColumnStart:"1",gridColumnEnd:"-1"},children:[(0,Ad.jsx)($t,{first:!0,done:!0,icon:"check",style:{maxWidth:"33.333%"},wizardContext:!0}),(0,Ad.jsx)($t,{current:!0,focus:!0,text:"2",style:{maxWidth:"33.333%"},wizardContext:!0,ariaControls:"wizard-step-2"}),(0,Ad.jsx)($t,{last:!0,disabled:!0,text:"3",style:{maxWidth:"33.333%"},wizardContext:!0})]}),(0,Ad.jsx)(gr,{label:!1,value:"50","aria-hidden":"true"})]}),(0,Ad.jsx)(Mn,{children:(0,Ad.jsx)(In,{id:"wizard-step-2",stepLabel:"Step 2 of 3",children:"Short content"})})]}),...e});var za=require("react/jsx-runtime"),_se=hi.options,$se=hi.states,ene={...hi.defaultOptions,variant:"bottom"},tne=[{name:"bottom",title:"Content Bottom"},{name:"right",title:"Content Right"},{name:"left",title:"Content Left"}],one=[],wk=e=>{let{variant:t,...o}=e;switch(t){case"right":return(0,za.jsxs)(wS,{...o,children:[(0,za.jsxs)(va,{style:{display:"grid",gridTemplateRows:"repeat(3, 1fr)"},children:[(0,za.jsxs)(Mr,{orientation:"vertical",style:{gridRowStart:"1",gridRowEnd:"-1"},children:[(0,za.jsx)($t,{first:!0,done:!0,text:"1",label:"Step 1",style:{maxHeight:"33.333%"}}),(0,za.jsx)($t,{current:!0,focus:!0,text:"2",label:"Step 2",style:{maxHeight:"33.333%"}}),(0,za.jsx)($t,{last:!0,text:"3",label:"Step 3",style:{maxHeight:"33.333%"}})]}),(0,za.jsx)(gr,{className:"k-top-5 k-row-start-1 k-row-end-3",orientation:"vertical",reverse:!0,label:!1,value:"50"})]}),(0,za.jsx)(Mn,{children:(0,za.jsx)(In,{children:"Some quick example text to make up the bulk of the Wizard step content. Some quick example text to make up the bulk of the Wizard step content. Some quick example text to make up the bulk of the Wizard step content."})})]});case"left":return(0,za.jsxs)(wS,{contentPosition:"left",...o,children:[(0,za.jsxs)(va,{style:{display:"grid",gridTemplateRows:"repeat(3, 1fr)"},children:[(0,za.jsxs)(Mr,{orientation:"vertical",style:{gridRowStart:"1",gridRowEnd:"-1"},children:[(0,za.jsx)($t,{first:!0,done:!0,text:"1",label:"Step 1",style:{maxHeight:"33.333%"}}),(0,za.jsx)($t,{current:!0,focus:!0,text:"2",label:"Step 2",style:{maxHeight:"33.333%"}}),(0,za.jsx)($t,{last:!0,text:"3",label:"Step 3",style:{maxHeight:"33.333%"}})]}),(0,za.jsx)(gr,{className:"k-top-5 k-row-start-1 k-row-end-3",orientation:"vertical",reverse:!0,label:!1,value:"50"})]}),(0,za.jsx)(Mn,{children:(0,za.jsx)(In,{children:"Some quick example text to make up the bulk of the Wizard step content. Some quick example text to make up the bulk of the Wizard step content. Some quick example text to make up the bulk of the Wizard step content."})})]});default:return(0,za.jsxs)(e1,{...o,children:[(0,za.jsxs)(va,{style:{display:"grid",gridTemplateColumns:"repeat(6, 1fr)"},children:[(0,za.jsxs)(Mr,{style:{gridColumnStart:"1",gridColumnEnd:"-1"},children:[(0,za.jsx)($t,{first:!0,done:!0,icon:"check",label:"Step 1",style:{maxWidth:"33.333%"}}),(0,za.jsx)($t,{current:!0,focus:!0,text:"2",label:"Step 2",style:{maxWidth:"33.333%"}}),(0,za.jsx)($t,{last:!0,text:"3",label:"Step 3",style:{maxWidth:"33.333%"}})]}),(0,za.jsx)(gr,{className:"k-col-start-2 k-col-end-6",label:!1,value:"50"})]}),(0,za.jsx)(Mn,{children:(0,za.jsx)(In,{children:"Some quick example text to make up the bulk of the Wizard step content. Some quick example text to make up the bulk of the Wizard step content. Some quick example text to make up the bulk of the Wizard step content."})})]})}};wk.options=_se;wk.states=$se;wk.variants=tne;wk.defaultOptions=ene;wk.modifiers=one;wk.className=hi.className;var Pz=require("react/jsx-runtime"),Bz="k-card-callout",Gy=e=>{let{callout:t,...o}=e;return(0,Pz.jsx)("span",{...o,className:l(e.className,Bz,{[`k-callout-${Yd.calloutMap[t]||t}`]:t})})};var uc="card",Fc=uc;var Nk=require("react/jsx-runtime"),NS="k-card",ane=[m.hover,m.focus,m.selected,m.disabled],rne={},lne={},qo=e=>{let{orientation:t,callout:o,hover:r,focus:i,selected:c,disabled:u,...h}=e;return(0,Nk.jsxs)("div",{...h,className:l(e.className,NS,D(NS,{hover:r,focus:i,disabled:u,selected:c}),{[`k-card-${t}`]:t,"k-card-with-callout":o}),children:[o&&o!=="true"&&(0,Nk.jsx)(Gy,{callout:o}),(0,Nk.jsx)(Nk.Fragment,{children:e.children})]})};qo.states=ane;qo.options=rne;qo.className=NS;qo.defaultOptions=lne;qo.moduleName=uc;qo.folderName=Fc;qo.ariaSpec={selector:".k-card",rules:[{selector:".k-card-list .k-card",attribute:"role=listitem",usage:"When the card is located in a list, it should have the listitem role."},{selector:".k-card-list .k-card",attribute:"tabindex=0",usage:"The card component is focusable when navigatable."},{selector:".k-card-list .k-card",attribute:"aria-describedby=.k-card-title id",usage:"Associate the card to the title element."},{selector:".k-card-list .k-card",attribute:"aria-keyshortcuts=Enter",usage:"Announces the bound Enter key that enables navigation inside the card."}]};var Hy=require("react/jsx-runtime"),yS="k-card-list",ine=[],sne={},nne={},Xm=e=>{let{...t}=e;return(0,Hy.jsx)("div",{...t,className:l(e.className,yS,D(yS,{})),role:"list",children:(0,Hy.jsx)(Hy.Fragment,{children:e.children})})};Xm.states=ine;Xm.options=sne;Xm.className=yS;Xm.defaultOptions=nne;Xm.moduleName=uc;Xm.folderName=Fc;Xm.ariaSpec={selector:".k-card-list",rules:[{selector:".k-card-list",attribute:"role=list",usage:"The card list container announces its list role."},{selector:".k-card-list .k-card",attribute:"role=listitem",usage:"Each card in the list has the listitem role."},{selector:".k-card-list .k-card",attribute:"tabindex=0",usage:"The card is focusable when navigatable."},{selector:".k-card-list .k-card",attribute:"aria-describedby=.k-card-title id",usage:"Associate the card to its title element."},{selector:".k-card-list .k-card",attribute:"aria-keyshortcuts=Enter",usage:"Announces the Enter key for navigation inside the card."}]};var Dz=require("react/jsx-runtime"),t1="k-card-group",dne=[],cne={},pne={},yk=e=>{let{...t}=e;return(0,Dz.jsx)("div",{...t,className:l(e.className,t1),children:e.children})};yk.states=dne;yk.options=cne;yk.className=t1;yk.defaultOptions=pne;yk.moduleName=uc;yk.folderName=Fc;var Rz=require("react/jsx-runtime"),AS="k-card-wrap",mne=[m.focus,m.selected],une={},bne={},Ak=e=>{let{focus:t,selected:o,...r}=e;return(0,Rz.jsx)("div",{...r,className:l(e.className,AS,D(AS,{focus:t,selected:o})),children:e.children})};Ak.states=mne;Ak.options=une;Ak.className=AS;Ak.defaultOptions=bne;Ak.moduleName=uc;Ak.folderName=Fc;var Oz=require("react/jsx-runtime"),CS="k-card-title",fne=[m.hover,m.focus],zc=e=>{let{hover:t,focus:o,...r}=e;return(0,Oz.jsx)("div",{...r,className:l(e.className,CS,D(CS,{hover:t,focus:o})),children:e.children})};zc.states=fne;zc.className=CS;var Yz=require("react/jsx-runtime"),Kz="k-card-subtitle",Kp=e=>{let{...t}=e;return(0,Yz.jsx)("div",{...t,className:l(e.className,Kz),children:e.children})};var Pf=require("react/jsx-runtime"),o1="k-card-media",SS=e=>{let{src:t,...o}=e;return(0,Pf.jsx)(Pf.Fragment,{children:t?(0,Pf.jsx)("img",{...o,className:l(e.className,o1),src:t}):(0,Pf.jsx)("span",{...o,className:l(e.className,o1),children:(0,Pf.jsx)(Pf.Fragment,{children:e.children})})})};var Zm=require("react/jsx-runtime"),Gz="k-card-header",da=e=>{let{title:t,subtitle:o,details:r,...i}=e;return(0,Zm.jsxs)("div",{...i,className:l(e.className,Gz),children:[t&&(0,Zm.jsx)(zc,{children:t}),o&&(0,Zm.jsx)(Kp,{children:o}),(0,Zm.jsx)(Zm.Fragment,{children:e.children}),r&&(0,Zm.jsx)("span",{className:"k-card-header-actions",children:(0,Zm.jsx)(d,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};var Fz=require("react/jsx-runtime"),Hz="k-card-footer",ES=e=>{let{...t}=e;return(0,Fz.jsx)("div",{...t,className:l(e.className,Hz),children:e.children})};var Um=require("react/jsx-runtime"),zz="k-card-body",xo=e=>{let{title:t,subtitle:o,details:r,...i}=e;return(0,Um.jsxs)("div",{...i,className:l(e.className,zz),children:[t&&(0,Um.jsx)(zc,{children:t}),o&&(0,Um.jsx)(Kp,{children:o}),(0,Um.jsx)(Um.Fragment,{children:e.children}),r&&(0,Um.jsx)("span",{className:"k-card-header-actions",children:(0,Um.jsx)(d,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};var Wz=require("react/jsx-runtime"),a1="k-card-deck",hne=[],gne={},kne={},Ck=e=>{let{...t}=e;return(0,Wz.jsx)("div",{...t,className:l(e.className,a1),children:e.children})};Ck.states=hne;Ck.options=gne;Ck.className=a1;Ck.defaultOptions=kne;Ck.moduleName=uc;Ck.folderName=Fc;var Vz=require("react/jsx-runtime"),r1="k-card-deck-scrollwrap",xne=[],vne={},Tne={},Sk=e=>{let{...t}=e;return(0,Vz.jsx)("div",{...t,className:l(e.className,r1),children:e.children})};Sk.states=xne;Sk.options=vne;Sk.className=r1;Sk.defaultOptions=Tne;Sk.moduleName=uc;Sk.folderName=Fc;var Wc=require("react/jsx-runtime"),l1=e=>(0,Wc.jsx)(qo,{orientation:"vertical",children:(0,Wc.jsxs)(Wc.Fragment,{children:[(0,Wc.jsx)(da,{children:"Card Header"}),(0,Wc.jsx)(xo,{children:(0,Wc.jsx)("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),(0,Wc.jsxs)(Xe,{className:"k-card-actions",children:[(0,Wc.jsx)(d,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),(0,Wc.jsx)(d,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...e});var Yp=require("react/jsx-runtime"),i1=e=>(0,Yp.jsx)(qo,{orientation:"horizontal",children:(0,Yp.jsxs)(Yp.Fragment,{children:[(0,Yp.jsx)(xo,{title:"Card Title",children:(0,Yp.jsx)("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),(0,Yp.jsxs)(Xe,{orientation:"vertical",className:"k-card-actions",children:[(0,Yp.jsx)(d,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),(0,Yp.jsx)(d,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...e});var ys=require("react/jsx-runtime"),wne=e=>{let t=b("card-title"),o=b("card-title");return(0,ys.jsxs)(Xm,{...e,children:[(0,ys.jsxs)(qo,{orientation:"vertical",role:"listitem",tabIndex:0,"aria-describedby":t,"aria-keyshortcuts":"Enter",children:[(0,ys.jsx)("div",{className:"k-card-header",children:(0,ys.jsx)(zc,{id:t,children:"Card Title 1"})}),(0,ys.jsx)(xo,{children:(0,ys.jsx)("p",{children:"Some quick example text to build on the card title."})}),(0,ys.jsx)(Xe,{className:"k-card-actions",children:(0,ys.jsx)(d,{fillMode:"flat",themeColor:"primary",children:"Action 1"})})]}),(0,ys.jsxs)(qo,{orientation:"vertical",role:"listitem",tabIndex:0,"aria-describedby":o,"aria-keyshortcuts":"Enter",children:[(0,ys.jsx)("div",{className:"k-card-header",children:(0,ys.jsx)(zc,{id:o,children:"Card Title 2"})}),(0,ys.jsx)(xo,{children:(0,ys.jsx)("p",{children:"Another card's content."})}),(0,ys.jsx)(Xe,{className:"k-card-actions",children:(0,ys.jsx)(d,{fillMode:"flat",themeColor:"primary",children:"Action 2"})})]})]})};var sl=require("react/jsx-runtime"),Nne=qo.options,yne=qo.states,Qz={...qo.defaultOptions,variant:"vertical"},Ane=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Cne=[{name:"media",title:"Card with Media"},{name:"header",title:"Card with Header"},{name:"footer",title:"Card with Footer"}],Ek=e=>{let{variant:t,modifiers:o,...r}={...Qz,...e},i=!1,c=!1,u=!1;return Object.keys(o||{}).forEach(h=>{switch(h){case"media":{i=!!(o!=null&&o[h]);break}case"header":{c=!!(o!=null&&o[h]);break}case"footer":{u=!!(o!=null&&o[h]);break}}}),t==="horizontal"?(0,sl.jsxs)(i1,{style:{maxWidth:"420px"},...r,children:[i&&(0,sl.jsx)(SS,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),(0,sl.jsxs)("div",{children:[c&&(0,sl.jsx)(da,{title:"Header Title",subtitle:"Header Subtitle"}),(0,sl.jsx)(xo,{title:"Title",subtitle:"Subtitle",children:(0,sl.jsx)("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),u&&(0,sl.jsx)(ES,{children:"Card Footer"})]}),(c||u)&&(0,sl.jsx)("span",{className:"k-separator k-separator-vertical"}),(0,sl.jsxs)(Xe,{orientation:"vertical",alignment:"stretched",className:"k-card-actions",children:[(0,sl.jsx)(d,{fillMode:"flat",themeColor:"primary",children:"Button"}),(0,sl.jsx)(d,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]}):(0,sl.jsxs)(l1,{style:{maxHeight:"450px",width:"300px"},...r,children:[c&&(0,sl.jsx)(da,{title:"Header Title",subtitle:"Header Subtitle"}),i&&(0,sl.jsx)(SS,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),(0,sl.jsx)(xo,{title:"Title",subtitle:"Subtitle",children:(0,sl.jsx)("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),u&&(0,sl.jsx)(ES,{children:"Card Footer"}),(0,sl.jsxs)(Xe,{className:"k-card-actions",children:[(0,sl.jsx)(d,{fillMode:"flat",themeColor:"primary",children:"Button"}),(0,sl.jsx)(d,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]})};Ek.options=Nne;Ek.states=yne;Ek.variants=Ane;Ek.defaultOptions=Qz;Ek.modifiers=Cne;Ek.className=qo.className;var s1="panelbar",Xz=s1;var Zz=require("react/jsx-runtime"),n1="k-panelbar",Sne=[],Ene={},Lne={},gi=e=>{let{activeDescendant:t,...o}=e;return(0,Zz.jsx)("ul",{...o,className:l(e.className,n1),role:"tree","aria-activedescendant":t,children:e.children})};gi.states=Sne;gi.options=Ene;gi.className=n1;gi.defaultOptions=Lne;gi.moduleName=s1;gi.folderName=Xz;gi.ariaSpec={selector:".k-panelbar",rules:[{selector:".k-panelbar",attribute:"role=tree",usage:"The root element of the PanelBar has role tree."},{selector:".k-panelbar",attribute:"aria-activedescendant (when present)",usage:"Points to the currently focused item in the PanelBar."},{selector:".k-panelbar-group",attribute:"role=group",usage:"The ul element that wraps child nodes."},{selector:".k-panelbar-item:not(.k-expanded) > .k-panelbar-group",attribute:"aria-hidden=true",usage:"Hides the group element from assistive technologies when its parent is not expanded."},{selector:".k-panelbar-item",attribute:"role=treeitem",usage:"The li element rendered for a PanelBar item."},{selector:".k-panelbar-item",attribute:"aria-expanded=true/false",usage:"Announces the expanded state of the item (if expandable)."},{selector:".k-panelbar-item",attribute:"aria-selected=true/false",usage:"Announces the selected state of the item."}]};var LS=hu(require("react"));var Df=require("react/jsx-runtime"),d1="k-panelbar-item",Ine=[m.hover,m.focus,m.selected,m.disabled],Mne={},IS={level:0,expanded:!1,text:"Item"},nt=e=>{let{text:t=IS.text,level:o=IS.level,expanded:r=IS.expanded,header:i,hover:c,focus:u,selected:h,disabled:x,icon:v,iconClass:T,ariaSelected:C,children:N,...R}=e,H=!!N;return(0,Df.jsxs)("li",{...R,className:l(e.className,d1,{"k-panelbar-header":i,[`k-level-${o}`]:o||o===0,"k-expanded":r}),role:"treeitem","aria-expanded":H?r?"true":"false":void 0,"aria-selected":C?"true":"false","aria-disabled":x?"true":void 0,children:[(0,Df.jsxs)("span",{className:l("k-link",D("k-link",{hover:c,focus:u,disabled:x,selected:h})),children:[v&&(0,Df.jsx)(f,{className:"k-panelbar-item-icon",icon:v}),T&&!v&&(0,Df.jsx)("span",{className:`k-panelbar-item-icon ${T}`}),(0,Df.jsx)("span",{className:"k-panelbar-item-text",children:t}),H&&(0,Df.jsx)(f,{className:l("k-panelbar-toggle",r?"k-panelbar-collapse":"k-panelbar-expand"),icon:`chevron-${r?"up":"down"}`})]}),r&&N,!r&&N&&LS.default.Children.map(N,V=>LS.default.isValidElement(V)?LS.default.cloneElement(V,{"aria-hidden":"true",style:{display:"none"}}):V)]})};nt.states=Ine;nt.options=Mne;nt.className=d1;nt.defaultOptions=IS;var Uz=require("react/jsx-runtime"),c1="k-panelbar-group",Bne=[],Pne={},Dne={},Ki=e=>{let{ariaHidden:t,...o}=e;return(0,Uz.jsx)("ul",{...o,className:l(e.className,c1),role:"group","aria-hidden":t?"true":void 0,children:e.children})};Ki.states=Bne;Ki.options=Pne;Ki.className=c1;Ki.defaultOptions=Dne;var Jz=require("react/jsx-runtime"),p1="k-panelbar-content",Rne=[],One={},Kne={},Yr=e=>{let{...t}=e;return(0,Jz.jsx)("div",{...t,className:l(e.className,p1),children:e.children})};Yr.states=Rne;Yr.options=One;Yr.className=p1;Yr.defaultOptions=Kne;var bc=require("react/jsx-runtime"),Lk=e=>{let t=b("pb-item"),o=b("pb-item"),r=b("pb-item"),i=b("pb-item");return(0,bc.jsx)(gi,{children:(0,bc.jsxs)(bc.Fragment,{children:[(0,bc.jsx)(nt,{header:!0,text:"Item 1",id:t,children:(0,bc.jsx)(Yr,{children:"content"})}),(0,bc.jsx)(nt,{header:!0,text:"Item 2",id:o,children:(0,bc.jsx)(Yr,{children:"content"})}),(0,bc.jsx)(nt,{header:!0,text:"Item 3",id:r,children:(0,bc.jsx)(Yr,{children:"content"})}),(0,bc.jsx)(nt,{header:!0,text:"Item 4",id:i})]}),...e})};var Cd=require("react/jsx-runtime"),Yne=e=>{let t=b("pb-item"),o=b("pb-item"),r=b("pb-item"),i=b("pb-item");return(0,Cd.jsx)(gi,{activeDescendant:t,children:(0,Cd.jsxs)(Cd.Fragment,{children:[(0,Cd.jsx)(nt,{header:!0,expanded:!0,text:"Item 1",id:t,ariaSelected:!0,focus:!0,children:(0,Cd.jsx)(Yr,{children:(0,Cd.jsx)("p",{children:"Paragraph content in template."})})}),(0,Cd.jsx)(nt,{header:!0,text:"Item 2",id:o,children:(0,Cd.jsx)(Yr,{children:"content"})}),(0,Cd.jsx)(nt,{header:!0,text:"Item 3",id:r,children:(0,Cd.jsx)(Yr,{children:"content"})}),(0,Cd.jsx)(nt,{header:!0,text:"Item 4",id:i})]}),...e})};var nl=require("react/jsx-runtime"),m1=e=>{let t=b("pb-item"),o=b("pb-item"),r=b("pb-item"),i=b("pb-item"),c=b("pb-child"),u=b("pb-child"),h=b("pb-child"),x=b("pb-child"),v=b("pb-child"),T=b("pb-child"),C=b("pb-child");return(0,nl.jsx)(gi,{activeDescendant:o,children:(0,nl.jsxs)(nl.Fragment,{children:[(0,nl.jsx)(nt,{header:!0,text:"Item 1",id:t,children:(0,nl.jsx)(Yr,{children:"content"})}),(0,nl.jsx)(nt,{header:!0,expanded:!0,text:"Item 2",id:o,ariaSelected:!0,focus:!0,children:(0,nl.jsxs)(Ki,{children:[(0,nl.jsx)(nt,{level:1,text:"Child 1",id:c}),(0,nl.jsx)(nt,{level:1,expanded:!0,text:"Child 2",id:u,children:(0,nl.jsxs)(Ki,{children:[(0,nl.jsx)(nt,{level:2,text:"Child 2.1",id:h}),(0,nl.jsx)(nt,{level:2,text:"Child 2.2",id:x})]})}),(0,nl.jsx)(nt,{level:1,text:"Child 3",id:v,children:(0,nl.jsx)(Ki,{children:(0,nl.jsx)(nt,{level:2,text:"Child 3.1",id:T})})}),(0,nl.jsx)(nt,{level:1,text:"Child 4",id:C})]})}),(0,nl.jsx)(nt,{header:!0,text:"Item 3",id:r,children:(0,nl.jsx)(Yr,{children:"content"})}),(0,nl.jsx)(nt,{header:!0,text:"Item 4",id:i})]}),...e})};var Ta=require("react/jsx-runtime"),Gne=gi.options,Hne=gi.states,jz={...gi.defaultOptions,variant:"normal"},Fne=[{name:"normal",title:"Normal"},{name:"expand",title:"Expanded"}],zne=[{name:"icon",title:"Item icons"},{name:"disabled",title:"Disabled item"}],Ik=e=>{var u,h,x,v,T,C,N,R,H;let{variant:t,modifiers:o,...r}={...jz,...e},i={},c={folder:"folder",gear:"gear",file:"file",image:"image"};return Object.keys(o||{}).forEach(V=>{switch(V){case"icon":{i.icon=o!=null&&o[V]?c:void 0;break}case"disabled":i.disabled=!!(o!=null&&o[V])}}),t==="expand"?(0,Ta.jsx)(Ta.Fragment,{children:(0,Ta.jsxs)(m1,{style:{width:"300px"},...r,children:[(0,Ta.jsx)(nt,{icon:(u=i.icon)==null?void 0:u.gear,header:!0,text:"Item 1",children:(0,Ta.jsx)(Yr,{children:"content"})}),(0,Ta.jsx)(nt,{icon:(h=i.icon)==null?void 0:h.folder,selected:!0,header:!0,expanded:!0,text:"Item 2",children:(0,Ta.jsxs)(Ki,{children:[(0,Ta.jsx)(nt,{level:1,text:"Child 1"}),(0,Ta.jsx)(nt,{level:1,expanded:!0,text:"Child 2",children:(0,Ta.jsxs)(Ki,{children:[(0,Ta.jsx)(nt,{level:2,text:"Child 2.1"}),(0,Ta.jsx)(nt,{icon:(x=i.icon)==null?void 0:x.image,level:2,text:"Child 2.2"})]})}),(0,Ta.jsx)(nt,{disabled:i.disabled,level:1,text:"Child 3",children:(0,Ta.jsx)(Yr,{children:"content"})}),(0,Ta.jsx)(nt,{level:1,text:"Child 4"})]})}),(0,Ta.jsx)(nt,{icon:(v=i.icon)==null?void 0:v.folder,disabled:i.disabled,header:!0,text:"Item 3",children:(0,Ta.jsx)(Yr,{children:"content"})}),(0,Ta.jsx)(nt,{icon:(T=i.icon)==null?void 0:T.file,header:!0,text:"Item 4"})]})}):(0,Ta.jsx)(Ta.Fragment,{children:(0,Ta.jsxs)(Lk,{style:{width:"300px"},...r,children:[(0,Ta.jsx)(nt,{icon:(C=i.icon)==null?void 0:C.gear,header:!0,text:"Item 1",children:(0,Ta.jsx)(Yr,{children:"content"})}),(0,Ta.jsx)(nt,{icon:(N=i.icon)==null?void 0:N.folder,header:!0,text:"Item 2",children:(0,Ta.jsx)(Yr,{children:"content"})}),(0,Ta.jsx)(nt,{icon:(R=i.icon)==null?void 0:R.folder,disabled:i.disabled,header:!0,text:"Item 3",children:(0,Ta.jsx)(Yr,{children:"content"})}),(0,Ta.jsx)(nt,{icon:(H=i.icon)==null?void 0:H.file,header:!0,text:"Item 4"})]})})};Ik.options=Gne;Ik.states=Hne;Ik.variants=Fne;Ik.defaultOptions=jz;Ik.modifiers=zne;Ik.className=gi.className;var qz=require("react/jsx-runtime"),Wne=[],Vne={orientation:["horizontal","vertical"],alignItems:["start","center","end","stretch"],justifyContent:["start","center","end","stretch"],justifyItems:["start","center","end","stretch"]},VT={orientation:null,alignItems:null,justifyContent:null,justifyItems:null,wrap:!1},Vc=e=>{let{gap:t,orientation:o=VT.orientation,alignItems:r=VT.alignItems,justifyContent:i=VT.justifyContent,justifyItems:c=VT.justifyItems,wrap:u=VT.wrap,style:h,...x}=e;return(0,qz.jsx)("div",{...x,style:{gap:t,...h},className:l(e.className,{[`k-${Yd.orientationMap[o]||o}`]:o,[`k-align-items-${r}`]:r,[`k-justify-content-${i}`]:i,[`k-justify-items-${c}`]:c,"k-flex-wrap":u}),children:e.children})};Vc.states=Wne;Vc.options=Vne;Vc.defaultOptions=VT;var _z="stack-layout",$z="stacklayout",e8="grid-layout",t8="gridlayout";var o8=require("react/jsx-runtime"),u1="k-grid-layout",Qne=[],Xne={},Rf=e=>{let{className:t,...o}=e;return(0,o8.jsx)(Vc,{...o,className:l(t,u1),children:e.children})};Rf.states=Qne;Rf.options=Xne;Rf.className=u1;Rf.moduleName=e8;Rf.folderName=t8;var a8=require("react/jsx-runtime"),b1="k-stack-layout",Zne=[],Une={},Qc=e=>{let{className:t,...o}=e;return(0,a8.jsx)(Vc,{...o,className:l(t,b1),children:e.children})};Qc.states=Zne;Qc.options=Une;Qc.className=b1;Qc.moduleName=_z;Qc.folderName=$z;var Xc=require("react/jsx-runtime"),Jne=({alignItems:e="start",justifyItems:t="start",...o})=>(0,Xc.jsx)(Rf,{alignItems:e,justifyItems:t,children:(0,Xc.jsxs)(Xc.Fragment,{children:[(0,Xc.jsx)("div",{className:"box",children:"Box"}),(0,Xc.jsx)("div",{className:"box",children:"Box"}),(0,Xc.jsx)("div",{className:"box",children:"Box"}),(0,Xc.jsx)("div",{className:"box",children:"Box"}),(0,Xc.jsx)("div",{className:"box",children:"Box"}),(0,Xc.jsx)("div",{className:"box",children:"Box"})]}),...o});var fb=require("react/jsx-runtime"),QT=({alignItems:e="start",justifyContent:t="start",...o})=>(0,fb.jsx)(Qc,{orientation:"horizontal",alignItems:e,justifyContent:t,children:(0,fb.jsxs)(fb.Fragment,{children:[(0,fb.jsx)("div",{className:"box",children:"Box"}),(0,fb.jsx)("div",{className:"box",children:"Box"}),(0,fb.jsx)("div",{className:"box",children:"Box"})]}),...o});var hb=require("react/jsx-runtime"),jne=({alignItems:e="start",justifyContent:t="start",...o})=>(0,hb.jsx)(Qc,{orientation:"vertical",alignItems:e,justifyContent:t,children:(0,hb.jsxs)(hb.Fragment,{children:[(0,hb.jsx)("div",{className:"box",children:"Box"}),(0,hb.jsx)("div",{className:"box",children:"Box"}),(0,hb.jsx)("div",{className:"box",children:"Box"})]}),...o});var Zc=require("react/jsx-runtime"),qne=Vc.options,_ne=Vc.states,$ne={...Vc.defaultOptions,variant:"stretch"},ede=[{name:"start",title:"Start"},{name:"middle",title:"Middle"},{name:"end",title:"End"},{name:"stretch",title:"Stretch"}],tde=[],Mk=e=>{let{variant:t,modifiers:o,...r}={...e},i={orientation:"vertical"};Object.keys(o||{}).forEach(x=>{x==="vertical"&&(i.orientation=o!=null&&o[x]?"vertical":"horizontal")});let c="k-border-solid k-border-secondary-subtle k-p-3",u={width:"228px",height:"228px",gap:"8px"},h=(0,Zc.jsxs)(Zc.Fragment,{children:[(0,Zc.jsx)("div",{className:"k-p-5 k-bg-primary-subtle"}),(0,Zc.jsx)("div",{className:"k-p-5 k-bg-primary-emphasis"}),(0,Zc.jsx)("div",{className:"k-p-5 k-bg-primary"})]});switch(t){case"start":return(0,Zc.jsx)(QT,{...r,...i,style:u,className:c,alignItems:"stretch",justifyContent:"start",children:h});case"middle":return(0,Zc.jsx)(QT,{...r,...i,style:u,className:c,alignItems:"stretch",justifyContent:"center",children:h});case"end":return(0,Zc.jsx)(QT,{...r,...i,style:u,className:c,alignItems:"stretch",justifyContent:"end",children:h});default:return(0,Zc.jsx)(QT,{...r,...i,style:u,className:c,alignItems:"stretch",justifyContent:"stretch",children:h})}};Mk.options=qne;Mk.states=_ne;Mk.variants=ede;Mk.defaultOptions=$ne;Mk.modifiers=tde;Mk.className=Qc.className;var XT="tile-layout",ZT="tilelayout";var r8=require("react/jsx-runtime"),f1="k-tilelayout",ode=[],ade={},rde={},Bn=e=>{let{gap:t,columns:o,columnWidth:r,rowHeight:i,style:c,children:u}=e,h={gridTemplateColumns:`repeat(${o}, minmax(0px, ${r}))`,gridAutoRows:`minmax(0px, ${i})`,gap:t,...c};return(0,r8.jsx)("div",{className:l(e.className,f1),style:h,role:"list",children:u})};Bn.states=ode;Bn.options=ade;Bn.className=f1;Bn.defaultOptions=rde;Bn.moduleName=XT;Bn.folderName=ZT;Bn.ariaSpec={selector:".k-tilelayout",rules:[{selector:".k-tilelayout",attribute:"role=list",usage:"Sets list role to the TileLayout wrapper."},{selector:".k-tilelayout-item",attribute:"role=listitem",usage:"Sets listitem role to the TileLayout items."},{selector:".k-tilelayout-item",attribute:"aria-labelledby",usage:"Associates the focusable item wrapper with the respective header text element."},{selector:".k-tilelayout-item",attribute:"tabindex=0",usage:"Makes the item wrapper element focusable."},{selector:".k-tilelayout-item",attribute:"aria-keyshortcuts=Enter",usage:"Announces Enter as an available key shortcut when the item is focused."},{selector:".k-tilelayout-item",attribute:"aria-dropeffect=execute",usage:"Announces that an action will be executed when the item is dropped."},{selector:".k-tilelayout-item",attribute:"aria-grabbed=true/false",usage:"Indicates the grabbed state in a drag-and-drop operation."},{selector:".k-tilelayout-item-header .k-card-title",attribute:"id",usage:"Unique identifier to link the header text element to the focusable wrapper."}]};var l8=hu(require("react"));var Of=require("react/jsx-runtime"),MS="k-tilelayout-item",lde=[m.focus],ide={},sde={},Ul=e=>{let{header:t,body:o,focus:r,resize:i,style:c}=e,u=b("tilelayout-title");return(0,Of.jsxs)(qo,{className:l(e.className,MS,D(MS,{focus:r}),{"k-resize":i===!0,"k-resize-x":i==="horizontal","k-resize-y":i==="vertical"}),style:c,role:"listitem","aria-labelledby":u,tabIndex:0,"aria-keyshortcuts":"Enter","aria-dropeffect":"execute","aria-grabbed":"false",children:[t&&l8.default.isValidElement(t)?(0,Of.jsx)(da,{className:"k-tilelayout-item-header k-cursor-move",children:(0,Of.jsx)("div",{className:"k-card-title",id:u,children:t})}):(0,Of.jsx)(da,{className:"k-tilelayout-item-header k-cursor-move",children:(0,Of.jsx)("div",{className:"k-card-title",id:u,children:t})}),o&&(0,Of.jsx)(xo,{className:"k-tilelayout-item-body",children:o})]})};Ul.states=lde;Ul.options=ide;Ul.className=MS;Ul.defaultOptions=sde;Ul.moduleName=XT;Ul.folderName=ZT;var i8=require("react/jsx-runtime"),h1="k-layout-item-hint",nde=[],dde={},cde={},Bk=e=>{let{style:t}=e;return(0,i8.jsx)("div",{className:h1,style:t})};Bk.states=nde;Bk.options=dde;Bk.className=h1;Bk.defaultOptions=cde;Bk.moduleName=XT;Bk.folderName=ZT;var Jm=require("react/jsx-runtime"),BS=e=>(0,Jm.jsx)(Bn,{children:(0,Jm.jsxs)(Jm.Fragment,{children:[(0,Jm.jsx)(Ul,{header:"Title goes here",body:"Content goes here"}),(0,Jm.jsx)(Ul,{header:"Title goes here",body:"Content goes here"}),(0,Jm.jsx)(Ul,{header:"Title goes here",body:"Content goes here"}),(0,Jm.jsx)(Ul,{header:"Title goes here",body:"Content goes here"})]}),...e});var Gp=require("react/jsx-runtime"),pde=Bn.options,mde=Bn.states,ude={...Bn.defaultOptions,variant:"normal"},bde=[{name:"normal",title:"Normal"},{name:"resizable",title:"Resizable"}],fde=[],Pk=e=>{let{variant:t,...o}=e;return t==="resizable"?(0,Gp.jsxs)(BS,{columns:2,columnWidth:"1fr",rowHeight:"1fr",gap:"4px",style:{width:"467px",height:"365px"},...o,children:[(0,Gp.jsx)(Ul,{resize:"vertical",header:"Title",body:"Vertically resizable card",style:{order:"0",gridColumnEnd:"span 1",gridRowEnd:"span 2"}}),(0,Gp.jsx)(Ul,{resize:"horizontal",header:"Title",body:"Horizontally resizable card",style:{order:"1",gridColumnEnd:"span 1",gridRowEnd:"span 1"}}),(0,Gp.jsx)(Ul,{resize:!0,header:"Title",body:"Horizontally and Vertically resizable card",style:{order:"2",gridColumnEnd:"span 0",gridRowEnd:"span 0"}})]}):(0,Gp.jsxs)(BS,{columns:3,columnWidth:"1fr",rowHeight:"1fr",gap:"4px",style:{width:"467px",height:"365px"},...o,children:[(0,Gp.jsx)(Ul,{header:"Title",body:"Card Content",style:{order:"0",gridColumnEnd:"span 2",gridRowEnd:"span 1",width:"100%",height:"100%"}}),(0,Gp.jsx)(Ul,{header:"Title",body:"Card Content",style:{order:"1",gridColumnEnd:"span 1",gridRowEnd:"span 2",width:"100%",height:"100%"}}),(0,Gp.jsx)(Ul,{header:"Title",body:"Card Content",style:{order:"3",gridColumnEnd:"span 1",gridRowEnd:"span 1",width:"100%",height:"100%"}}),(0,Gp.jsx)(Ul,{header:"Title",body:"Card Content",style:{order:"4",gridColumnEnd:"span 1",gridRowEnd:"span 1",width:"100%",height:"100%"}})]})};Pk.options=pde;Pk.states=mde;Pk.variants=bde;Pk.defaultOptions=ude;Pk.modifiers=fde;Pk.className=Bn.className;var s8=require("react/jsx-runtime"),g1="k-dock-manager-toolbar",hde=[],gde={},kde={},Dk=e=>{let{toolbarItems:t,...o}=e;return(0,s8.jsx)(fe,{...o,className:l(e.className,g1),children:t})};Dk.states=hde;Dk.options=gde;Dk.className=g1;Dk.defaultOptions=kde;var k1="dock-manager",n8=k1;var Kf=require("react/jsx-runtime"),x1="k-dock-manager",xde=[],vde={},Tde={},As=e=>{let{toolbarItems:t,unpinnedPane:o,children:r,...i}=e;return(0,Kf.jsxs)("div",{...i,className:l(e.className,x1),role:"application","aria-live":"polite",children:[t&&(0,Kf.jsx)(Dk,{className:"k-toolbar-left",toolbarItems:t}),o&&(0,Kf.jsxs)("div",{className:"k-dock-manager-unpinned-container",style:{left:"43px"},children:[(0,Kf.jsx)(We,{flex:!0,unpinned:!0,children:o}),(0,Kf.jsx)(rb,{})]}),(0,Kf.jsx)("div",{className:"k-dock-manager-pane-container",children:r})]})};As.states=xde;As.options=vde;As.className=x1;As.defaultOptions=Tde;As.moduleName=k1;As.folderName=n8;As.ariaSpec={selector:".k-dock-manager",rules:[{selector:".k-dock-manager",attribute:"role=application",usage:"Indicates that the DockManager has its own keyboard navigation implemented."},{selector:".k-dock-manager",attribute:"aria-live=polite",usage:"Defines dynamic content changes within the DockManager container."}]};var d8=require("react/jsx-runtime"),v1="k-dock-manager-splitter",wde=[],Nde={},yde={},Hp=e=>{let{children:t,panes:o,...r}=e;return(0,d8.jsx)(Ao,{...r,className:l(e.className,v1),panes:o,children:t})};Hp.states=wde;Hp.options=Nde;Hp.className=v1;Hp.defaultOptions=yde;var T1=require("react/jsx-runtime"),Fy="k-dock-indicator",Ade=[m.hover,m.disabled],Cde={},c8={position:"middle"},UT=e=>{let{position:t=c8.position,hover:o,disabled:r,...i}=e,c={top:"position-top",bottom:"position-bottom",right:"position-right",left:"position-left",middle:"window"};return(0,T1.jsx)("div",{...i,className:l(e.className,Fy,D(Fy,{hover:o,disabled:r}),{[`${Fy}-${t}`]:t}),children:(0,T1.jsx)(f,{icon:c[t],size:"xlarge"})})};UT.states=Ade;UT.options=Cde;UT.className=Fy;UT.defaultOptions=c8;var JT=UT;var Yf=require("react/jsx-runtime"),w1="k-dock-navigator",Sde=[],Ede={},Lde={},zy=e=>{let{...t}=e;return(0,Yf.jsxs)("div",{...t,className:l(e.className,w1),"aria-hidden":"true",children:[(0,Yf.jsx)(JT,{position:"top"}),(0,Yf.jsx)(JT,{position:"right"}),(0,Yf.jsx)(JT,{position:"bottom"}),(0,Yf.jsx)(JT,{position:"left"}),(0,Yf.jsx)(JT,{})]})};zy.states=Sde;zy.options=Ede;zy.className=w1;zy.defaultOptions=Lde;var Uc=require("react/jsx-runtime"),y1="k-pane-scrollable",Ide=[],Mde={},Bde=(0,Uc.jsxs)(Uc.Fragment,{children:[(0,Uc.jsx)(d,{fillMode:"flat",size:"xsmall",icon:"pin","aria-label":"Pin pane"}),(0,Uc.jsx)(d,{fillMode:"flat",size:"xsmall",icon:"more-vertical","aria-label":"More actions"})]}),N1={actions:Bde,title:"Title"},jm=e=>{let{actions:t=N1.actions,title:o=N1.title,children:r,...i}=e;return(0,Uc.jsxs)("div",{...i,className:l(e.className,y1),children:[(0,Uc.jsxs)("div",{className:"k-pane-header",children:[(0,Uc.jsx)("span",{className:"k-pane-title",children:o}),(0,Uc.jsx)("div",{className:"k-pane-actions",children:t})]}),(0,Uc.jsx)("div",{className:"k-pane-content",children:r})]})};jm.states=Ide;jm.options=Mde;jm.className=y1;jm.defaultOptions=N1;var Xo=require("react/jsx-runtime"),A1=e=>(0,Xo.jsx)(As,{toolbarItems:(0,Xo.jsx)(d,{fillMode:"flat",size:"small",children:"Tools"}),children:(0,Xo.jsx)(Xo.Fragment,{children:(0,Xo.jsx)(Hp,{panes:[(0,Xo.jsx)(We,{tabbed:!0,flexBasis:"40%",children:(0,Xo.jsx)(wl,{style:{height:"100%"},tabStripItems:(0,Xo.jsx)(Xo.Fragment,{children:(0,Xo.jsx)(ft,{first:!0,value:"File 1",active:!0,actions:(0,Xo.jsxs)(Xo.Fragment,{children:[(0,Xo.jsx)(d,{as:"span",icon:"pin",fillMode:"flat","aria-hidden":"true"}),(0,Xo.jsx)(d,{as:"span",icon:"more-vertical",fillMode:"flat","aria-hidden":"true"})]})})}),children:(0,Xo.jsx)(Ja,{active:!0,children:"File 1"})})},"pane-1"),(0,Xo.jsx)(We,{children:(0,Xo.jsx)(Hp,{orientation:"vertical",panes:[(0,Xo.jsx)(We,{tabbed:!0,flexBasis:"50%",children:(0,Xo.jsx)(wl,{style:{height:"100%"},tabStripItems:(0,Xo.jsxs)(Xo.Fragment,{children:[(0,Xo.jsx)(ft,{first:!0,value:"Properties",active:!0,actions:(0,Xo.jsxs)(Xo.Fragment,{children:[(0,Xo.jsx)(d,{as:"span",icon:"pin",fillMode:"flat","aria-hidden":"true"}),(0,Xo.jsx)(d,{as:"span",icon:"more-vertical",fillMode:"flat","aria-hidden":"true"})]})}),(0,Xo.jsx)(ft,{last:!0,value:"History",actions:(0,Xo.jsxs)(Xo.Fragment,{children:[(0,Xo.jsx)(d,{as:"span",icon:"pin",fillMode:"flat","aria-hidden":"true"}),(0,Xo.jsx)(d,{as:"span",icon:"more-vertical",fillMode:"flat","aria-hidden":"true"})]})})]}),children:(0,Xo.jsx)(Ja,{active:!0,children:"Properties content."})})},"nested-1"),(0,Xo.jsx)(We,{pinned:!0,children:(0,Xo.jsx)(jm,{title:"Layers",children:"Layers content."})},"nested-2")]})},"pane-2")]})}),...e});var go=require("react/jsx-runtime"),C1=e=>(0,go.jsx)(As,{toolbarItems:(0,go.jsx)(d,{selected:!0,fillMode:"flat",size:"small",children:"Tools"}),unpinnedPane:(0,go.jsx)(jm,{title:"Tools",actions:(0,go.jsxs)(go.Fragment,{children:[(0,go.jsx)(d,{fillMode:"flat",size:"xsmall",icon:"unpin","aria-label":"Unpin pane"}),(0,go.jsx)(d,{fillMode:"flat",size:"xsmall",icon:"more-vertical","aria-label":"More actions"})]}),children:"Some tools."}),children:(0,go.jsx)(go.Fragment,{children:(0,go.jsx)(Hp,{panes:[(0,go.jsx)(We,{tabbed:!0,flexBasis:"40%",children:(0,go.jsx)(wl,{style:{height:"100%"},tabStripItems:(0,go.jsx)(go.Fragment,{children:(0,go.jsx)(ft,{first:!0,value:"File 1",active:!0,actions:(0,go.jsxs)(go.Fragment,{children:[(0,go.jsx)(d,{as:"span",icon:"pin",fillMode:"flat","aria-hidden":"true"}),(0,go.jsx)(d,{as:"span",icon:"more-vertical",fillMode:"flat","aria-hidden":"true"})]})})}),children:(0,go.jsx)(Ja,{active:!0,children:"File 1"})})},"pane-1"),(0,go.jsx)(We,{children:(0,go.jsx)(Hp,{orientation:"vertical",panes:[(0,go.jsx)(We,{tabbed:!0,flexBasis:"50%",children:(0,go.jsx)(wl,{style:{height:"100%"},tabStripItems:(0,go.jsxs)(go.Fragment,{children:[(0,go.jsx)(ft,{first:!0,value:"Properties",active:!0,actions:(0,go.jsxs)(go.Fragment,{children:[(0,go.jsx)(d,{as:"span",icon:"pin",fillMode:"flat","aria-hidden":"true"}),(0,go.jsx)(d,{as:"span",icon:"more-vertical",fillMode:"flat","aria-hidden":"true"})]})}),(0,go.jsx)(ft,{last:!0,value:"History",actions:(0,go.jsxs)(go.Fragment,{children:[(0,go.jsx)(d,{as:"span",icon:"pin",fillMode:"flat","aria-hidden":"true"}),(0,go.jsx)(d,{as:"span",icon:"more-vertical",fillMode:"flat","aria-hidden":"true"})]})})]}),children:(0,go.jsx)(Ja,{active:!0,children:"Properties content."})})},"nested-1"),(0,go.jsx)(We,{pinned:!0,children:(0,go.jsx)(jm,{title:"Layers",children:"Layers content."})},"nested-2")]})},"pane-2")]})}),...e});var S1=require("react/jsx-runtime"),Pde=As.options,Dde=As.states,p8={...As.defaultOptions,variant:"normal"},Rde=[{name:"normal",title:"Normal"},{name:"pane-unpinned",title:"Pane unpinned"}],Ode=[],Rk=e=>{let{variant:t,...o}={...p8,...e};return t==="pane-unpinned"?(0,S1.jsx)(C1,{...o,style:{width:"80%"}}):(0,S1.jsx)(A1,{...o,style:{width:"80%"}})};Rk.options=Pde;Rk.states=Dde;Rk.variants=Rde;Rk.defaultOptions=p8;Rk.modifiers=Ode;Rk.className=As.className;var Wy="listview",PS=Wy;var Sd=require("react/jsx-runtime"),DS="k-listview",Kde=[m.loading,m.disabled],Yde={},m8={pagerPosition:"bottom"},ki=e=>{let{header:t,footer:o,pageable:r,pagerPosition:i=m8.pagerPosition,bordered:c,layout:u,flexDirection:h,flexWrap:x,gridColumns:v,loading:T,disabled:C,selectable:N,contentAriaLabel:R,...H}=e,V=(0,Sd.jsx)(SB,{className:`k-listview-pager k-listview-pager-${i}`}),_=(0,Sd.jsx)(Sd.Fragment,{children:(0,Sd.jsxs)("div",{className:"k-loading-mask",style:{height:"100%",width:"100%"},children:[(0,Sd.jsx)("span",{className:"k-loading-text",children:"Loading..."}),(0,Sd.jsx)("div",{className:"k-loading-image"}),(0,Sd.jsx)("div",{className:"k-loading-color"})]})});return(0,Sd.jsxs)("div",{...H,className:l(e.className,DS,{"k-listview-bordered":c,"k-selectable":N},D(DS,{disabled:C,loading:T})),children:[r&&i==="top"&&V,t&&(0,Sd.jsx)("div",{className:"k-listview-header",children:"Header"}),(0,Sd.jsx)("div",{className:l("k-listview-content",{[`k-d-${u}`]:u,[`k-flex-${h}`]:h,[`k-flex-${x}`]:x,[`k-grid-cols-${v}`]:v}),role:N?"listbox":"list","aria-label":R,children:e.children}),T&&_,o&&(0,Sd.jsx)("div",{className:"k-listview-footer",children:"Footer"}),r&&i==="bottom"&&V]})};ki.states=Kde;ki.options=Yde;ki.className=DS;ki.defaultOptions=m8;ki.moduleName=Wy;ki.folderName=PS;ki.ariaSpec={selector:".k-listview",rules:[{selector:".k-listview:not(.k-selectable) .k-listview-content",attribute:"role=list",usage:"Specifies the role of non selectable ListView content element."},{selector:".k-listview.k-selectable .k-listview-content",attribute:"role=listbox",usage:"Specifies the role of selectable ListView content element."},{selector:".k-listview:not(.k-selectable) .k-listview-item",attribute:"role=listitem",usage:"Specifies the role of each item in a non selectable ListView."},{selector:".k-listview.k-selectable .k-listview-item",attribute:"role=option",usage:"Specifies the role of each item in a selectable ListView."},{selector:".k-listview-item",attribute:"aria-setsize",usage:"Specifies the total number of items present in the ListView."},{selector:".k-listview-item",attribute:"aria-posinset",usage:"Specifies the position of the current item in the entire list."},{selector:".k-listview-item:nth-child(1)",attribute:"tabindex=0",usage:"The first item in the ListView must be focusable by default."}]};var u8=require("react/jsx-runtime"),RS="k-listview-item",Gde=[m.focus,m.selected],Hde={},Fde={},ca=e=>{let{focus:t,selected:o,itemRole:r,ariaSetSize:i,ariaPosInSet:c,tabIndex:u,...h}=e;return(0,u8.jsx)("div",{...h,className:l(e.className,RS,D(RS,{focus:t,selected:o})),role:r,"aria-setsize":i,"aria-posinset":c,tabIndex:u,"aria-selected":r==="option"&&o?"true":void 0,children:e.children})};ca.states=Gde;ca.options=Hde;ca.className=RS;ca.defaultOptions=Fde;ca.moduleName=Wy;ca.folderName=PS;var Jc=require("react/jsx-runtime"),OS=e=>(0,Jc.jsx)(ki,{children:(0,Jc.jsxs)(Jc.Fragment,{children:[(0,Jc.jsx)(ca,{itemRole:"listitem",ariaSetSize:3,ariaPosInSet:1,tabIndex:0,children:(0,Jc.jsx)("div",{children:"Listview Item"})}),(0,Jc.jsx)(ca,{itemRole:"listitem",ariaSetSize:3,ariaPosInSet:2,children:(0,Jc.jsx)("div",{children:"Listview Item"})}),(0,Jc.jsx)(ca,{itemRole:"listitem",ariaSetSize:3,ariaPosInSet:3,children:(0,Jc.jsx)("div",{children:"Listview Item"})})]}),...e});var jc=require("react/jsx-runtime"),zde=e=>(0,jc.jsx)(ki,{selectable:!0,contentAriaLabel:"Selectable list",children:(0,jc.jsxs)(jc.Fragment,{children:[(0,jc.jsx)(ca,{itemRole:"option",ariaSetSize:3,ariaPosInSet:1,tabIndex:0,selected:!0,children:(0,jc.jsx)("div",{children:"Listview Item"})}),(0,jc.jsx)(ca,{itemRole:"option",ariaSetSize:3,ariaPosInSet:2,children:(0,jc.jsx)("div",{children:"Listview Item"})}),(0,jc.jsx)(ca,{itemRole:"option",ariaSetSize:3,ariaPosInSet:3,children:(0,jc.jsx)("div",{children:"Listview Item"})})]}),...e});var Pn=require("react/jsx-runtime"),Wde=ki.options,Vde=ki.states,b8={...ki.defaultOptions,variant:"flex"},Qde=[{name:"flex",title:"Flex"},{name:"grid",title:"Grid"},{name:"loading",title:"Loading"}],Xde=[{name:"pageable",title:"Pager"}],Ok=e=>{let{variant:t,modifiers:o,...r}={...b8,...e},i={};return i.loading=t==="loading",Object.keys(o||{}).forEach(c=>{c==="pageable"&&(i.pageable=!!(o!=null&&o[c]))}),t==="grid"?(0,Pn.jsxs)(OS,{style:{width:"324px"},...r,...i,bordered:!0,layout:"grid",gridColumns:2,children:[(0,Pn.jsx)(ca,{className:"k-p-2",children:"Listview Item"}),(0,Pn.jsx)(ca,{className:"k-p-2",children:"Listview Item"}),(0,Pn.jsx)(ca,{className:"k-p-2",selected:!0,children:"Listview Item"}),(0,Pn.jsx)(ca,{className:"k-p-2",children:"Listview Item"}),(0,Pn.jsx)(ca,{className:"k-p-2",children:"Listview Item"}),(0,Pn.jsx)(ca,{className:"k-p-2",children:"Listview Item"})]}):(0,Pn.jsxs)(OS,{style:{width:"324px"},...r,...i,bordered:!0,layout:"flex",flexDirection:"col",children:[(0,Pn.jsx)(ca,{className:"k-p-2",children:"Listview Item"}),(0,Pn.jsx)(ca,{className:"k-p-2",children:"Listview Item"}),(0,Pn.jsx)(ca,{className:"k-p-2",selected:!0,children:"Listview Item"}),(0,Pn.jsx)(ca,{className:"k-p-2",children:"Listview Item"}),(0,Pn.jsx)(ca,{className:"k-p-2",children:"Listview Item"})]})};Ok.options=Wde;Ok.states=Vde;Ok.variants=Qde;Ok.defaultOptions=b8;Ok.modifiers=Xde;Ok.className=ki.className;var E=require("react/jsx-runtime"),KS=[(0,E.jsx)("div",{className:"k-spreadsheet-cell k-spreadsheet-merged-cell",style:{left:"1px",top:"1px",width:"878px",height:"69px",background:"rgb(96, 181, 255)",outline:"rgb(86, 163, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"30px",whiteSpace:"pre",overflowWrap:"normal"},children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"Invoice #52 - 06/23/2015"})}),(0,E.jsx)("div",{style:{background:"rgb(167, 214, 255)",outline:"rgb(150, 193, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"71px",width:"99px",height:"24px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"ID"})}),(0,E.jsx)("div",{style:{background:"rgb(167, 214, 255)",outline:"rgb(150, 193, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"71px",width:"214px",height:"24px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"Product"})}),(0,E.jsx)("div",{style:{background:"rgb(167, 214, 255)",outline:"rgb(150, 193, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"71px",width:"114px",height:"24px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"Quantity"})}),(0,E.jsx)("div",{style:{background:"rgb(167, 214, 255)",outline:"rgb(150, 193, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"71px",width:"114px",height:"24px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"Price"})}),(0,E.jsx)("div",{style:{background:"rgb(167, 214, 255)",outline:"rgb(150, 193, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"71px",width:"114px",height:"24px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"Tax"})}),(0,E.jsx)("div",{style:{background:"rgb(167, 214, 255)",outline:"rgb(150, 193, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"71px",width:"154px",height:"24px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"Amount"})}),(0,E.jsx)("div",{style:{background:"rgb(167, 214, 255)",outline:"rgb(150, 193, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"71px",width:"63px",height:"24px"},className:"k-spreadsheet-cell"}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"96px",width:"99px",height:"29px"},className:"k-spreadsheet-cell k-left k-single",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"216321"})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"96px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"Calzone"})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"96px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"1"})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"96px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$12.39"})})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"96px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$2.48"})})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"96px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$14.87"})})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"96px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"126px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"546897"})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"126px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"Margarita"})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"126px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"2"})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"126px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$8.79"})})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"126px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$3.52"})})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"126px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$21.10"})})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"126px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"156px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"456231"})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"156px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"Pollo Formaggio"})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"156px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"1"})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"156px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$13.99"})})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"156px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$2.80"})})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"156px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$16.79"})})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"156px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"186px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"455873"})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"186px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"Greek Salad"})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"186px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"1"})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"186px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$9.49"})})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"186px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$1.90"})})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"186px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$11.39"})})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"186px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"216px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"456892"})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"216px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"Spinach and Blue Cheese"})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"216px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"3"})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"216px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$11.49"})})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"216px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$6.89"})})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"216px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$41.36"})})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"216px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"246px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"546564"})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"246px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"Rigoletto"})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"246px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"1"})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"246px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$10.99"})})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"246px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$2.20"})})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"246px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$13.19"})})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"246px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"276px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"789455"})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"276px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"Creme Brulee"})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"276px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"5"})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"276px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$6.99"})})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"276px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$6.99"})})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"276px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$41.94"})})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"276px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"306px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"123002"})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"306px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"Radeberger Beer"})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"306px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"4"})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"306px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$4.99"})})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"306px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$3.99"})})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"306px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$23.95"})})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"306px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"336px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"564896"})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"336px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"Budweiser Beer"})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"336px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"3"})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"336px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$4.49"})})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"336px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$2.69"})})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"336px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$16.16"})})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"336px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"366px",width:"99px",height:"29px"},className:"k-spreadsheet-cell"}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"366px",width:"214px",height:"29px"},className:"k-spreadsheet-cell"}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"366px",width:"114px",height:"29px"},className:"k-spreadsheet-cell"}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"366px",width:"114px",height:"29px"},className:"k-spreadsheet-cell"}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"366px",width:"114px",height:"29px"},className:"k-spreadsheet-cell"}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"366px",width:"154px",height:"29px"},className:"k-spreadsheet-cell"}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"366px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"396px",width:"99px",height:"29px"},className:"k-spreadsheet-cell"}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"396px",width:"214px",height:"29px"},className:"k-spreadsheet-cell"}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"396px",width:"114px",height:"29px"},className:"k-spreadsheet-cell"}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"396px",width:"114px",height:"29px"},className:"k-spreadsheet-cell"}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"396px",width:"114px",height:"29px"},className:"k-spreadsheet-cell"}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"396px",width:"154px",height:"29px"},className:"k-spreadsheet-cell"}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"396px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"})],E1=[(0,E.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:0,height:"405px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"100px",height:"405px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"315px",height:"405px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"430px",height:"405px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"545px",height:"405px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"660px",height:"405px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"815px",height:"405px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"879px",height:"405px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"943px",height:"405px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"1007px",height:"405px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"1071px",height:"405px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"1135px",height:"405px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"1199px",height:"405px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"0px",width:"1199px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"70px",width:"1199px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"95px",width:"1199px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"125px",width:"1199px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"155px",width:"1199px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"185px",width:"1199px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"215px",width:"1199px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"245px",width:"1199px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"275px",width:"1199px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"305px",width:"1199px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"335px",width:"1199px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"365px",width:"1199px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"395px",width:"1199px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"426px",width:"1199px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-disabled-mask",style:{top:"1px",width:"878px",left:"1px",height:"69px"}})];var f8=require("react/jsx-runtime"),L1="k-spreadsheet-toolbar",Zde=[],Ude={},Jde={},Kk=e=>{let{children:t,...o}=e;return(0,f8.jsx)(fe,{...o,resizable:!0,className:l(e.className,L1),fillMode:"flat","aria-label":o["aria-label"]||"Spreadsheet toolbar",children:t})};Kk.states=Zde;Kk.options=Ude;Kk.className=L1;Kk.defaultOptions=Jde;var h8=require("react/jsx-runtime"),I1="k-spreadsheet-menu",jde=[],qde={},_de={},Yk=e=>{let{children:t,...o}=e;return(0,h8.jsx)(Pa,{...o,className:l(e.className,I1),children:t})};Yk.states=jde;Yk.options=qde;Yk.className=I1;Yk.defaultOptions=_de;var uo=require("react/jsx-runtime"),B1="k-spreadsheet-header",$de=[],ece={},tce=[(0,uo.jsx)(d,{icon:"arrow-rotate-ccw",fillMode:"flat","aria-label":"Undo"},"undo"),(0,uo.jsx)(d,{icon:"arrow-rotate-cw",fillMode:"flat","aria-label":"Redo"},"redo"),(0,uo.jsx)(Ft,{},"sep1"),(0,uo.jsx)(d,{icon:"cut",fillMode:"flat","aria-label":"Cut"},"cut"),(0,uo.jsx)(d,{icon:"copy",fillMode:"flat","aria-label":"Copy"},"copy"),(0,uo.jsx)(d,{icon:"clipboard",fillMode:"flat","aria-label":"Paste"},"paste"),(0,uo.jsx)(Ft,{},"sep2"),(0,uo.jsx)(de,{value:"Font Name",fillMode:"flat","aria-label":"Font name"},"fontname"),(0,uo.jsx)(de,{value:"Font Size",fillMode:"flat","aria-label":"Font size"},"fontsize"),(0,uo.jsx)(Ft,{},"sep3"),(0,uo.jsxs)(Q,{fillMode:"flat",children:[(0,uo.jsx)(d,{className:"k-group-start",icon:"font-grow",fillMode:"flat","aria-label":"Increase font size"}),(0,uo.jsx)(d,{className:"k-group-end",icon:"font-shrink",fillMode:"flat","aria-label":"Decrease font size"})]},"fontgrow"),(0,uo.jsx)(Ft,{},"sep4"),(0,uo.jsxs)(Q,{fillMode:"flat",children:[(0,uo.jsx)(d,{className:"k-group-start",icon:"bold",fillMode:"flat","aria-label":"Bold"}),(0,uo.jsx)(d,{icon:"italic",fillMode:"flat","aria-label":"Italic"}),(0,uo.jsx)(d,{icon:"underline",fillMode:"flat","aria-label":"Underline"}),(0,uo.jsx)(d,{className:"k-group-end",icon:"strikethrough",fillMode:"flat","aria-label":"Strikethrough"})]},"fontstyle"),(0,uo.jsx)(Lt,{children:(0,uo.jsx)(Ua,{value:"red",valueIconName:"foreground-color",fillMode:"flat","aria-label":"Text color"})},"textcolor"),(0,uo.jsx)(Ft,{},"sep5"),(0,uo.jsx)(Lt,{children:(0,uo.jsx)(Ua,{value:"fuchsia",valueIconName:"droplet",fillMode:"flat","aria-label":"Background color"})},"bgcolor"),(0,uo.jsx)(Ft,{},"sep6"),(0,uo.jsx)(wt,{fillMode:"flat",icon:"borders-all",showArrow:!0,"aria-label":"Borders"},"borders"),(0,uo.jsx)(Ft,{},"sep7"),(0,uo.jsx)(wt,{fillMode:"flat",icon:"align-left",showArrow:!0,"aria-label":"Horizontal alignment"},"halign"),(0,uo.jsx)(wt,{fillMode:"flat",icon:"align-middle",showArrow:!0,"aria-label":"Vertical alignment"},"valign"),(0,uo.jsx)(Ft,{},"sep8"),(0,uo.jsx)(d,{fillMode:"flat",icon:"text-wrap","aria-label":"Wrap text"},"wrap")],oce=[(0,uo.jsx)(ao,{first:!0,text:"File"},"file"),(0,uo.jsx)(ao,{text:"Home",active:!0},"home"),(0,uo.jsx)(ao,{text:"Insert"},"insert"),(0,uo.jsx)(ao,{text:"Format"},"format"),(0,uo.jsx)(ao,{text:"Formulas"},"formulas"),(0,uo.jsx)(ao,{text:"Data"},"data"),(0,uo.jsx)(ao,{last:!0,text:"View"},"view")],M1={toolbarItems:tce,menuItems:oce},Fp=e=>{let{toolbarItems:t=M1.toolbarItems,menuItems:o=M1.menuItems,...r}=e;return(0,uo.jsxs)("div",{...r,className:l(B1,e.className),children:[(0,uo.jsx)(Yk,{children:o}),(0,uo.jsx)(Kk,{children:t})]})};Fp.states=$de;Fp.options=ece;Fp.className=B1;Fp.defaultOptions=M1;var qa=require("react/jsx-runtime"),D1="k-spreadsheet-action-bar",ace=[],rce={},lce=(0,qa.jsxs)(qa.Fragment,{children:[(0,qa.jsx)("span",{className:"k-syntax-startexp",children:"="}),(0,qa.jsx)("span",{className:"k-syntax-ref k-series-a",children:"B6"}),(0,qa.jsx)("span",{className:"k-syntax-op",children:"+"}),(0,qa.jsx)("span",{className:"k-syntax-ref k-series-b",children:"C6"}),(0,qa.jsx)("span",{className:"k-syntax-op",children:"+"}),(0,qa.jsx)("span",{className:"k-syntax-ref k-series-c",children:"C3"})]}),P1={formula:lce,cellName:"B6"},zp=e=>{let{formula:t=P1.formula,cellName:o=P1.cellName,formulaExpanded:r=!1,formulaListItems:i,...c}=e,u=r?b("spreadsheet-formula-list"):void 0,h=(0,qa.jsxs)(qa.Fragment,{children:[(0,qa.jsx)("li",{className:"k-list-item",role:"menuitem",children:(0,qa.jsx)("span",{className:"k-list-item-text",children:"SUM"})}),(0,qa.jsx)("li",{className:"k-list-item",role:"menuitem",children:(0,qa.jsx)("span",{className:"k-list-item-text",children:"AVERAGE"})}),(0,qa.jsx)("li",{className:"k-list-item",role:"menuitem",children:(0,qa.jsx)("span",{className:"k-list-item-text",children:"COUNT"})})]});return(0,qa.jsxs)("div",{...c,className:l(D1,e.className),children:[(0,qa.jsx)("div",{className:"k-spreadsheet-name-editor",children:(0,qa.jsx)(yo,{placeholder:o,fillMode:"flat","aria-label":"Name editor"})}),(0,qa.jsxs)("div",{className:"k-spreadsheet-formula-bar",children:[(0,qa.jsx)("span",{className:"k-separator k-separator-vertical"}),(0,qa.jsx)(d,{icon:"formula-fx",fillMode:"flat","aria-label":"Formula"}),(0,qa.jsx)("span",{className:"k-separator k-separator-vertical"}),(0,qa.jsx)("div",{className:"k-spreadsheet-formula-input k-textbox k-input k-input-flat",role:"combobox",title:"Formula input","aria-haspopup":"menu","aria-expanded":r?"true":"false",...u&&{"aria-controls":u},children:t}),r&&(0,qa.jsx)("ul",{className:"k-spreadsheet-formula-list",id:u,role:"menu",children:i||h})]})]})};zp.states=ace;zp.options=rce;zp.className=D1;zp.defaultOptions=P1;var Cl=require("react/jsx-runtime"),R1="k-spreadsheet-sheets-bar",ice=[],sce={},nce=(0,Cl.jsxs)(Cl.Fragment,{children:[(0,Cl.jsx)(ft,{first:!0,active:!0,value:"Sheet 1",actions:(0,Cl.jsx)(wt,{showArrow:!1,size:"xsmall",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet1"),(0,Cl.jsx)(ft,{value:"Sheet 2",actions:(0,Cl.jsx)(wt,{showArrow:!1,size:"xsmall",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet2"),(0,Cl.jsx)(ft,{value:"Sheet 3",actions:(0,Cl.jsx)(wt,{showArrow:!1,size:"xsmall",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet3"),(0,Cl.jsx)(ft,{value:"Sheet 4",actions:(0,Cl.jsx)(wt,{showArrow:!1,size:"xsmall",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet4"),(0,Cl.jsx)(ft,{value:"Sheet 5",actions:(0,Cl.jsx)(wt,{showArrow:!1,size:"xsmall",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet5"),(0,Cl.jsx)(ft,{last:!0,value:"Sheet 6",actions:(0,Cl.jsx)(wt,{showArrow:!1,size:"xsmall",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet6")]}),g8={tabStripItems:nce},Wp=e=>{let{tabStripItems:t=g8.tabStripItems,...o}=e,r=b("spreadsheet-sheets");return(0,Cl.jsxs)("div",{...o,className:l(R1,e.className),children:[(0,Cl.jsx)(d,{className:"k-spreadsheet-sheet-add",fillMode:"flat",size:"xsmall",icon:"plus","aria-label":"Add new sheet","aria-controls":r}),(0,Cl.jsx)(d,{className:"k-spreadsheet-sheets-menu",fillMode:"flat",size:"xsmall",icon:"menu","aria-label":"Sheets menu","aria-controls":r}),(0,Cl.jsx)(Ha,{className:"k-spreadsheet-sheets",tabStripItems:t,tabStripItemsId:r,position:"bottom",scrollable:!0,scrollButtons:"end"})]})};Wp.states=ice;Wp.options=sce;Wp.className=R1;Wp.defaultOptions=g8;var lr=require("react/jsx-runtime"),O1="k-spreadsheet-column-header",dce=[],cce={},k8={configureSelection:{A:"partial"}},Gk=e=>{let{configureSelection:t=k8.configureSelection,...o}=e,r=[(0,lr.jsx)("div",{style:{position:"absolute",left:"0px",width:"100px",height:"30px"},children:(0,lr.jsx)("div",{className:"k-vertical-align-center",children:"A"})}),(0,lr.jsx)("div",{style:{position:"absolute",left:"100px",width:"215px",height:"30px"},children:(0,lr.jsx)("div",{className:"k-vertical-align-center",children:"B"})}),(0,lr.jsx)("div",{style:{position:"absolute",left:"315px",width:"115px",height:"30px"},children:(0,lr.jsx)("div",{className:"k-vertical-align-center",children:"C"})}),(0,lr.jsx)("div",{style:{position:"absolute",left:"430px",width:"115px",height:"30px"},children:(0,lr.jsx)("div",{className:"k-vertical-align-center",children:"D"})}),(0,lr.jsx)("div",{style:{position:"absolute",left:"545px",width:"115px",height:"30px"},children:(0,lr.jsx)("div",{className:"k-vertical-align-center",children:"E"})}),(0,lr.jsx)("div",{style:{position:"absolute",left:"660px",width:"155px",height:"30px"},children:(0,lr.jsx)("div",{className:"k-vertical-align-center",children:"F"})}),(0,lr.jsx)("div",{style:{position:"absolute",left:"815px",width:"64px",height:"30px"},children:(0,lr.jsx)("div",{className:"k-vertical-align-center",children:"G"})}),(0,lr.jsx)("div",{style:{position:"absolute",left:"879px",width:"64px",height:"30px"},children:(0,lr.jsx)("div",{className:"k-vertical-align-center",children:"H"})}),(0,lr.jsx)("div",{style:{position:"absolute",left:"943px",width:"64px",height:"30px"},children:(0,lr.jsx)("div",{className:"k-vertical-align-center",children:"I"})}),(0,lr.jsx)("div",{style:{position:"absolute",left:"1007px",width:"64px",height:"30px"},children:(0,lr.jsx)("div",{className:"k-vertical-align-center",children:"J"})}),(0,lr.jsx)("div",{style:{position:"absolute",left:"1071px",width:"64px",height:"30px"},children:(0,lr.jsx)("div",{className:"k-vertical-align-center",children:"K"})}),(0,lr.jsx)("div",{style:{position:"absolute",left:"1135px",width:"64px",height:"30px"},children:(0,lr.jsx)("div",{className:"k-vertical-align-center",children:"L"})})],c=t?((u,h)=>u.map((x,v)=>{let T=x.props.children.props.children;return(0,lr.jsx)("div",{style:x.props.style,className:l({"k-selection-partial":h[T]==="partial","k-selection-full":h[T]==="full","k-selection-none":!h[T]}),children:x.props.children},v)}))(r,t):r;return(0,lr.jsx)("div",{...o,className:l(O1,e.className),children:c})};Gk.states=dce;Gk.options=cce;Gk.className=O1;Gk.defaultOptions=k8;var Wa=require("react/jsx-runtime"),K1="k-spreadsheet-row-header",pce=[],mce={},x8={configureSelection:{1:"partial"}},Hk=e=>{let{configureSelection:t=x8.configureSelection,...o}=e,r=[(0,Wa.jsx)("div",{style:{width:"30px",height:"70px"},children:(0,Wa.jsx)("div",{className:"k-vertical-align-center",children:"1"})}),(0,Wa.jsx)("div",{style:{width:"30px",height:"25px"},children:(0,Wa.jsx)("div",{className:"k-vertical-align-center",children:"2"})}),(0,Wa.jsx)("div",{style:{width:"30px",height:"30px"},children:(0,Wa.jsx)("div",{className:"k-vertical-align-center",children:"3"})}),(0,Wa.jsx)("div",{style:{width:"30px",height:"30px"},children:(0,Wa.jsx)("div",{className:"k-vertical-align-center",children:"4"})}),(0,Wa.jsx)("div",{style:{width:"30px",height:"30px"},children:(0,Wa.jsx)("div",{className:"k-vertical-align-center",children:"5"})}),(0,Wa.jsx)("div",{style:{width:"30px",height:"30px"},children:(0,Wa.jsx)("div",{className:"k-vertical-align-center",children:"6"})}),(0,Wa.jsx)("div",{style:{width:"30px",height:"30px"},children:(0,Wa.jsx)("div",{className:"k-vertical-align-center",children:"7"})}),(0,Wa.jsx)("div",{style:{width:"30px",height:"30px"},children:(0,Wa.jsx)("div",{className:"k-vertical-align-center",children:"8"})}),(0,Wa.jsx)("div",{style:{width:"30px",height:"30px"},children:(0,Wa.jsx)("div",{className:"k-vertical-align-center",children:"9"})}),(0,Wa.jsx)("div",{style:{width:"30px",height:"30px"},children:(0,Wa.jsx)("div",{className:"k-vertical-align-center",children:"10"})}),(0,Wa.jsx)("div",{style:{width:"30px",height:"30px"},children:(0,Wa.jsx)("div",{className:"k-vertical-align-center",children:"11"})}),(0,Wa.jsx)("div",{style:{width:"30px",height:"30px"},children:(0,Wa.jsx)("div",{className:"k-vertical-align-center",children:"12"})}),(0,Wa.jsx)("div",{style:{width:"30px",height:"30px"},children:(0,Wa.jsx)("div",{className:"k-vertical-align-center",children:"13"})})],c=t?((u,h)=>u.map((x,v)=>{let T=x.props.children.props.children;return(0,Wa.jsx)("div",{style:x.props.style,className:l({"k-selection-partial":h[T]==="partial","k-selection-full":h[T]==="full","k-selection-none":!h[T]}),children:x.props.children},v)}))(r,t):r;return(0,Wa.jsx)("div",{...o,className:l(K1,e.className),children:c})};Hk.states=pce;Hk.options=mce;Hk.className=K1;Hk.defaultOptions=x8;var v8=hu(require("react"));var Y1=require("react/jsx-runtime"),G1="k-spreadsheet-data",uce=[],bce={},fce={},Fk=e=>{let{activeCellIndex:t,...o}=e,i=t?((u,h)=>u.map((x,v)=>v===h?(0,Y1.jsx)("div",{style:x.props.style,className:l(x.props.className,"k-spreadsheet-active-cell"),children:x.props.children},v):x))(KS,t):KS,c=[...E1,...i].map((u,h)=>u.key?u:v8.cloneElement(u,{key:h}));return(0,Y1.jsx)("div",{...o,className:l(G1,e.className),children:c})};Fk.states=uce;Fk.options=bce;Fk.className=G1;Fk.defaultOptions=fce;var pr=require("react/jsx-runtime"),H1="k-spreadsheet-view",hce=[],gce={},kce={},Vp=e=>{let{selectionHighlight:t,rowHeaderSelection:o,columnHeaderSelection:r,cellEditor:i,activeCellIndex:c,selection:u,filter:h,...x}=e;return(0,pr.jsxs)("div",{...x,className:l(H1,e.className),children:[(0,pr.jsxs)("div",{className:"k-spreadsheet-fixed-container",children:[(0,pr.jsxs)("div",{style:{top:0,left:0,height:"100%",width:"100%"},className:"k-spreadsheet-pane k-top k-left",children:[(0,pr.jsx)(Fk,{activeCellIndex:c,style:{position:"relative",left:"30px",top:"30px"}}),(0,pr.jsx)("div",{className:"k-selection-wrapper",children:u}),(0,pr.jsx)("div",{className:"k-auto-fill-wrapper"}),(0,pr.jsx)("div",{className:"k-selection-wrapper",children:t}),(0,pr.jsx)("div",{className:"k-filter-wrapper",children:h}),(0,pr.jsx)(Hk,{configureSelection:o,style:{width:"30px",top:"30px"}}),(0,pr.jsx)(Gk,{configureSelection:r,style:{top:"0px",left:"30px",width:"1199px",height:"30px"}})]}),i,(0,pr.jsx)("div",{style:{width:"30px",height:"30px"},className:"k-spreadsheet-top-corner"})]}),(0,pr.jsx)("div",{className:"k-spreadsheet-scroller",children:(0,pr.jsx)("div",{className:"k-spreadsheet-view-size",style:{height:"6080px",width:"3663px"}})}),(0,pr.jsx)("div",{className:"k-spreadsheet-clipboard",children:(0,pr.jsxs)("table",{style:{left:"0px",top:"0px",height:"30px",width:"100px"},className:"kendo-clipboard-eb8ea401-ab97-4190-8fb2-b3b83b299a9f",role:"presentation",children:[(0,pr.jsx)("colgroup",{children:(0,pr.jsx)("col",{style:{width:"100px"}})}),(0,pr.jsx)("tbody",{children:(0,pr.jsx)("tr",{style:{height:"30px"},children:(0,pr.jsx)("td",{style:{backgroundColor:"rgb(255, 255, 255)",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",borderColor:"rgb(255, 255, 255)"},children:"216321"})})})]})}),!i&&(0,pr.jsx)("div",{className:"k-spreadsheet-cell-editor k-spreadsheet-formula-input","data-role":"formulainput",style:{whiteSpace:"pre"},children:"216321"}),(0,pr.jsx)(Pi,{content:"A1",style:{position:"absolute",display:"none"}}),(0,pr.jsx)("div",{className:"k-list-group-sticky-header",style:{display:"none"}}),(0,pr.jsx)("div",{className:"k-list-content k-list-scroller",unselectable:"on"})]})};Vp.states=hce;Vp.options=gce;Vp.className=H1;Vp.defaultOptions=kce;var Vy="spreadsheet",YS=Vy;var T8=require("react/jsx-runtime"),F1="k-spreadsheet",xce=[],vce={},Tce={},Ed=e=>{let{children:t,...o}=e;return(0,T8.jsx)("div",{...o,className:l(F1,e.className),role:"application",children:t})};Ed.states=xce;Ed.options=vce;Ed.className=F1;Ed.defaultOptions=Tce;Ed.moduleName=Vy;Ed.folderName=YS;Ed.ariaSpec={selector:".k-spreadsheet",rules:[{selector:".k-spreadsheet",attribute:"role=application",usage:"Indicates the Spreadsheets' role as an application."},{selector:".k-spreadsheet-menu",attribute:"role=menubar",usage:"Follows Menu spec: announces the Menu menubar role."},{selector:".k-spreadsheet-menu .k-menu-item",attribute:"role=menuitem",usage:"Follows Menu spec: announces the Menu item role."},{selector:".k-spreadsheet-toolbar",attribute:"role=toolbar",usage:"Follows Toolbar spec: the component role."},{selector:".k-spreadsheet-toolbar",attribute:"aria-label or title",usage:"Each ToolBar must have a label specifying its purpose."},{selector:".k-spreadsheet-name-editor .k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Follows ComboBox spec: identifies the input as a combobox."},{selector:".k-spreadsheet-formula-bar .k-spreadsheet-formula-input",attribute:"role=combobox",usage:"The focusable element of the component should have role combobox (an input with popup)."},{selector:".k-spreadsheet-formula-bar .k-spreadsheet-formula-input",attribute:"aria-haspopup=menu",usage:"Specifies that the formula input opens a popup."},{selector:".k-spreadsheet-formula-bar .k-spreadsheet-formula-input",attribute:"aria-controls=.k-spreadsheet-formula-list id (when present)",usage:"Points to the formulas list with role menu. Signifies that the formula input element controls the popup."},{selector:".k-spreadsheet-formula-bar .k-spreadsheet-formula-input",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-spreadsheet-formula-bar .k-spreadsheet-formula-input",attribute:"title",usage:"The Formula input must have a title specifying its purpose."},{selector:".k-spreadsheet-formula-list",attribute:"id",usage:"Unique and deterministic id linked to the aria-controls attribute of the corresponding formula input."},{selector:".k-spreadsheet-formula-list",attribute:"role=menu",usage:"Announces the menu role of the popup."},{selector:".k-spreadsheet-formula-list .k-list-item",attribute:"role=menuitem",usage:"Announces the menuitem role of the popup items."},{selector:".k-spreadsheet-sheet-add",attribute:"role=button or nodeName=button",usage:"The add new sheet element is a button."},{selector:".k-spreadsheet-sheet-add",attribute:"aria-label or title",usage:"The add new sheet element must have a label as it does not have text content."},{selector:".k-spreadsheet-sheet-add",attribute:"aria-controls=.k-tabstrip-items id (when present)",usage:"Points to the ul element of the TabStrip that contains all tabs."},{selector:".k-spreadsheet-sheets-menu",attribute:"role=button or nodeName=button",usage:"Follows DropDownButton spec: omitted if the button DOM element is used."},{selector:".k-spreadsheet-sheets-menu",attribute:"aria-label or title",usage:"Follows DropDownButton spec: required when no text is visible."},{selector:".k-spreadsheet-sheets-menu",attribute:"aria-controls=.k-tabstrip-items id (when present)",usage:"Points to the ul element of the TabStrip that contains all tabs."},{selector:".k-spreadsheet-sheets .k-tabstrip-items",attribute:"role=tablist",usage:"Follows TabStrip spec: indicates the tablist role for the ul element."},{selector:".k-spreadsheet-sheets .k-tabstrip-item",attribute:"role=tab",usage:"Follows TabStrip spec: the tab li element."},{selector:".k-spreadsheet-sheets .k-tabstrip-item .k-menu-button",attribute:"aria-label or title",usage:"Follows DropDownButton spec: required when no text is visible in the tab menu button."}]};var w8=require("react/jsx-runtime"),z1="k-spreadsheet-legacy",wce=[],Nce={},yce={},zk=e=>{let{...t}=e;return(0,w8.jsx)("div",{...t,className:l(e.className,z1),children:e.children})};zk.states=wce;zk.options=Nce;zk.className=z1;zk.defaultOptions=yce;zk.moduleName=Vy;zk.folderName=YS;var Qp=require("react/jsx-runtime"),W1=e=>(0,Qp.jsx)(Ed,{children:(0,Qp.jsxs)(Qp.Fragment,{children:[(0,Qp.jsx)(Fp,{}),(0,Qp.jsx)(zp,{}),(0,Qp.jsx)(Vp,{selection:(0,Qp.jsx)("div",{className:"k-spreadsheet-selection k-single-selection",style:{width:"880px",height:"71px",top:"30px",left:"30px"}}),rowHeaderSelection:{1:"partial"},columnHeaderSelection:{A:"partial",B:"partial",C:"partial",D:"partial",E:"partial",F:"partial",G:"partial"},activeCellIndex:0}),(0,Qp.jsx)(Wp,{})]}),...e});var Xp=require("react/jsx-runtime"),Ace=e=>(0,Xp.jsx)(Ed,{children:(0,Xp.jsxs)(Xp.Fragment,{children:[(0,Xp.jsx)(Fp,{}),(0,Xp.jsx)(zp,{formulaExpanded:!0}),(0,Xp.jsx)(Vp,{selection:(0,Xp.jsx)("div",{className:"k-spreadsheet-selection k-single-selection",style:{width:"880px",height:"71px",top:"30px",left:"30px"}}),rowHeaderSelection:{1:"partial"},columnHeaderSelection:{A:"partial",B:"partial",C:"partial",D:"partial",E:"partial",F:"partial",G:"partial"},activeCellIndex:0}),(0,Xp.jsx)(Wp,{})]}),...e});var Gf=require("react/jsx-runtime"),Cce={},Sce=[],Ece=[],Lce={},Ice=[],Wk=()=>(0,Gf.jsxs)(W1,{style:{height:"415px",width:"80%"},children:[(0,Gf.jsx)(Fp,{}),(0,Gf.jsx)(zp,{}),(0,Gf.jsx)(Vp,{selection:(0,Gf.jsx)("div",{className:"k-spreadsheet-selection k-single-selection",style:{width:"101px",height:"31px",top:"125px",left:"30px"}}),rowHeaderSelection:{3:"partial"},columnHeaderSelection:{A:"partial"},activeCellIndex:8}),(0,Gf.jsx)(Wp,{})]});Wk.options=Cce;Wk.states=Sce;Wk.variants=Ece;Wk.defaultOptions=Lce;Wk.modifiers=Ice;Wk.className=Ed.className;var Qy=require("react/jsx-runtime"),V1="k-pivotgrid-configurator-button",Mce=[],Bce={},Pce={},Hf=e=>{let{...t}=e;return(0,Qy.jsx)("div",{...t,className:l(e.className,V1),"aria-hidden":"true",children:(0,Qy.jsxs)("span",{children:["Change settings",(0,Qy.jsx)(f,{icon:"gear"})]})})};Hf.states=Mce;Hf.options=Bce;Hf.className=V1;Hf.defaultOptions=Pce;var N8=Hf;var A8=hu(require("react"));var Q1="pivotgrid",y8=Q1;var Ld=require("react/jsx-runtime"),X1="k-pivotgrid",Dce=[],Rce={},GS={emptyCell:(0,Ld.jsx)("div",{className:"k-pivotgrid-empty-cell",role:"none",children:(0,Ld.jsx)("table",{role:"none",children:(0,Ld.jsx)("thead",{role:"none",children:(0,Ld.jsx)("tr",{role:"none",children:(0,Ld.jsx)("th",{"aria-colspan":1,"aria-rowspan":1,id:b("pivotgrid-empty"),children:(0,Ld.jsx)("span",{className:"k-sr-only",children:"PivotGrid component. Use the arrow keys to navigate."})})})})})}),configuratorDisplay:"none",configuratorPosition:"right"},Dn=e=>{let{emptyCell:t=GS.emptyCell,configuratorDisplay:o=GS.configuratorDisplay,configuratorPosition:r=GS.configuratorPosition,configurator:i,columnHeaders:c,rowHeaders:u,children:h,...x}=e;return(0,Ld.jsxs)("div",{className:{left:"k-d-flex k-flex-row-reverse k-pos-relative",bottom:"k-d-flex k-flex-col k-pos-relative",top:"k-d-flex k-flex-col-reverse k-pos-relative",right:"k-d-flex k-flex-row k-pos-relative"}[r],children:[(0,Ld.jsxs)("div",{...x,className:l(e.className,X1),role:"grid",children:[t,(0,Ld.jsx)("div",{className:"k-pivotgrid-column-headers",role:"none",children:c}),(0,Ld.jsx)("div",{className:"k-pivotgrid-row-headers",role:"none",children:u}),(0,Ld.jsx)("div",{className:"k-pivotgrid-values",role:"none",children:h})]}),i&&o==="opened"&&i,i&&o==="closed"&&A8.default.cloneElement(i,{"aria-hidden":"true"}),o!=="none"&&(0,Ld.jsx)(N8,{})]})};Dn.states=Dce;Dn.options=Rce;Dn.className=X1;Dn.defaultOptions=GS;Dn.moduleName=Q1;Dn.folderName=y8;Dn.ariaSpec={selector:".k-pivotgrid",rules:[{selector:".k-pivotgrid",attribute:"role=grid",usage:"The role specifies the element is a Data Grid."},{selector:".k-pivotgrid-empty-cell th",attribute:"id",usage:"Sets a unique identifier for the cell to be referenced from the first column header row aria-owns attribute."},{selector:".k-pivotgrid-column-headers>.k-pivotgrid-table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-pivotgrid-column-headers>.k-pivotgrid-table>tbody",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-pivotgrid-column-headers>.k-pivotgrid-table>tbody>.k-pivotgrid-row",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-pivotgrid-column-headers>.k-pivotgrid-table>tbody>.k-pivotgrid-row:first-child",attribute:"aria-owns",usage:"Lists the IDs of the empty cell and all cells in the first column headers row to construct the a11y tree."},{selector:".k-pivotgrid-column-headers>.k-pivotgrid-table>tbody>.k-pivotgrid-row>th",attribute:"role=columnheader",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-pivotgrid-column-headers>.k-pivotgrid-table>tbody>.k-pivotgrid-row>th",attribute:"aria-expanded (when expandable)",usage:"Indicates the current expanded state of the header."},{selector:".k-pivotgrid-column-headers>.k-pivotgrid-table>tbody>.k-pivotgrid-row>th",attribute:"id",usage:"Unique and deterministic identifier, used to associate the header cell with respective data cells."},{selector:'[class*="i-chevron-up"]',attribute:"aria-hidden=true",usage:"Excludes the collapse icon from the screen reader output."},{selector:'[class*="i-chevron-down"]',attribute:"aria-hidden=true",usage:"Excludes the expand icon from the screen reader output."},{selector:".k-pivotgrid-row-headers>.k-pivotgrid-table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-pivotgrid-row-headers>.k-pivotgrid-table>tbody",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-pivotgrid-row-headers>.k-pivotgrid-table>tbody>.k-pivotgrid-row",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-pivotgrid-row-headers>.k-pivotgrid-table>tbody>.k-pivotgrid-row",attribute:"aria-owns (when present)",usage:"Used to associate row header cells with the corresponding data cells."},{selector:".k-pivotgrid-row-headers>.k-pivotgrid-table>tbody>.k-pivotgrid-row>th",attribute:"role=rowheader",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-pivotgrid-row-headers>.k-pivotgrid-table>tbody>.k-pivotgrid-row>th",attribute:"aria-expanded (when expandable)",usage:"Indicates the current expanded state of the header."},{selector:".k-pivotgrid-values>.k-pivotgrid-table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-pivotgrid-values>.k-pivotgrid-table>tbody",attribute:"role=none",usage:"The contained rows are associated with their headers through alternative mechanics."},{selector:".k-pivotgrid-values>.k-pivotgrid-table>tbody>.k-pivotgrid-row",attribute:"role=none",usage:"The rows are associated with their headers through alternative mechanics."},{selector:".k-pivotgrid-values>.k-pivotgrid-table>tbody>.k-pivotgrid-row>td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-pivotgrid-values>.k-pivotgrid-table>tbody>.k-pivotgrid-row>td",attribute:"id",usage:"Unique and deterministic identifier, used to associate the data cell with respective row header cells."},{selector:".k-pivotgrid-values>.k-pivotgrid-table>tbody>.k-pivotgrid-row>td",attribute:"aria-describedby (when present)",usage:"Used to associate the data cells with the respective column header cells."},{selector:".k-pivotgrid-configurator-button",attribute:"aria-hidden=true",usage:"Hide the element from assistive technologies."},{selector:".k-pivotgrid-configurator",attribute:"role=dialog",usage:"The role specifies the element is a dialog."},{selector:".k-pivotgrid-configurator",attribute:"aria-hidden (when closed)",usage:"Specifies whether the configurator is visible if it is still in the DOM when closed."},{selector:".k-pivotgrid-configurator",attribute:"aria-labelledby",usage:"Associates the configurator wrapper with its internal header element."},{selector:".k-pivotgrid-configurator-header-text",attribute:"id",usage:"Unique identifier used to associate the header text with elements that reference it as a label."},{selector:".k-pivotgrid-configurator-content .k-label",attribute:"id",usage:"Unique identifier used to associate the label text with elements that reference it as a label."},{selector:".k-pivotgrid-configurator-actions .k-button.k-disabled",attribute:"aria-disabled=true (when disabled)",usage:"Announces the non-interactive state of the configurator Cancel and Apply buttons."},{selector:".k-fields-list-wrapper .k-treeview",attribute:"aria-labelledby",usage:"Associates the fields chooser TreeView with the Fields section and Configurator header texts."},{selector:".k-pivotgrid-configurator-content .k-chip-list",attribute:"aria-labelledby",usage:"Associates the chip lists with their respective section label and Configurator header texts."}]};var C8=require("react/jsx-runtime"),Z1="k-pivotgrid-table",Oce=[],Kce={},Yce={},fc=e=>{let{children:t,...o}=e;return(0,C8.jsx)("table",{...o,className:l(e.className,Z1),children:t})};fc.states=Oce;fc.options=Kce;fc.className=Z1;fc.defaultOptions=Yce;var S8=require("react/jsx-runtime"),U1="k-pivotgrid-tbody",Gce=[],Hce={},Fce={},hc=e=>{let{children:t,...o}=e;return(0,S8.jsx)("tbody",{...o,className:l(e.className,U1),children:t})};hc.states=Gce;hc.options=Hce;hc.className=U1;hc.defaultOptions=Fce;var E8=require("react/jsx-runtime"),HS="k-pivotgrid-row",zce=[m.hover,m.selected],Wce={},Vce={},Zo=e=>{let{columnTotal:t,children:o,hover:r,selected:i,...c}=e;return(0,E8.jsx)("tr",{...c,className:l(e.className,HS,{"k-pivotgrid-column-total":t},D(HS,{hover:r,selected:i})),children:o})};Zo.states=zce;Zo.options=Wce;Zo.className=HS;Zo.defaultOptions=Vce;var jT=require("react/jsx-runtime"),FS="k-pivotgrid-cell",Qce=[m.focus,m.selected],Xce={},Zce={},Ue=e=>{let{as:t="td",toggle:o,headerTitle:r,content:i,headerRootCell:c,totalCell:u,headerTotalCell:h,rowTotalCell:x,focus:v,selected:T,...C}=e,N={up:"up",down:"down"};return(0,jT.jsxs)(t,{...C,className:l(e.className,FS,{"k-pivotgrid-expanded":o==="up","k-pivotgrid-header-root":c,"k-pivotgrid-total":u,"k-pivotgrid-header-total":h,"k-pivotgrid-row-total":x},D(FS,{focus:v,selected:T})),children:[o&&(0,jT.jsx)(f,{className:"k-pivotgrid-toggle",icon:`chevron-${N[o]}`}),r&&(0,jT.jsx)("span",{className:"k-pivotgrid-header-title",children:r}),(i||i==="")&&(0,jT.jsx)("span",{className:"k-pivotgrid-content",children:i})]})};Ue.states=Qce;Ue.options=Xce;Ue.className=FS;Ue.defaultOptions=Zce;var gc=require("react/jsx-runtime"),Zy="k-pivotgrid-configurator",Uce=[],Jce={},jce=(0,gc.jsxs)(gc.Fragment,{children:[(0,gc.jsx)(d,{children:"Cancel"}),(0,gc.jsx)(d,{themeColor:"primary",children:"Apply"})]}),Xy={orientation:"vertical",mode:"push",actionButtons:jce,header:"Settings"},kc=e=>{let{orientation:t=Xy.orientation,mode:o=Xy.mode,actionButtons:r=Xy.actionButtons,header:i=Xy.header,headerId:c,children:u,...h}=e,x=c||b("pivotgrid-configurator-header");return(0,gc.jsx)("div",{...h,className:l(e.className,Zy),role:"dialog","aria-labelledby":x,children:(0,gc.jsxs)("div",{className:l("k-pivotgrid-configurator-panel",{[`${Zy}-${t}`]:t,[`${Zy}-${o}`]:o}),children:[(0,gc.jsx)("div",{className:"k-pivotgrid-configurator-header",children:(0,gc.jsx)("div",{className:"k-pivotgrid-configurator-header-text",id:x,children:i})}),(0,gc.jsx)("div",{className:"k-pivotgrid-configurator-content",children:u}),(0,gc.jsx)(Xe,{alignment:"end",className:"k-pivotgrid-configurator-actions",children:r})]})})};kc.states=Uce;kc.options=Jce;kc.className=Zy;kc.defaultOptions=Xy;var Jl=require("react/jsx-runtime"),J1="k-calculated-field",qce=[],_ce={},$ce=(0,Jl.jsxs)(Jl.Fragment,{children:[(0,Jl.jsx)(f,{icon:"sum"}),(0,Jl.jsx)(de,{value:"SUM"}),(0,Jl.jsx)("span",{className:"k-spacer"}),(0,Jl.jsx)(f,{icon:"eye"}),(0,Jl.jsx)(de,{value:"Default"})]}),zS={headerContent:(0,Jl.jsx)("div",{className:"k-calculated-field-header-text",children:"Date.Calendar"}),headerActions:(0,Jl.jsx)(d,{fillMode:"flat",icon:"x"}),fieldActions:$ce},Uy=e=>{let{headerContent:t=zS.headerContent,headerActions:o=zS.headerActions,fieldActions:r=zS.fieldActions,children:i,...c}=e;return(0,Jl.jsxs)("div",{...c,className:l(e.className,J1),children:[(0,Jl.jsxs)("div",{className:"k-calculated-field-header",children:[t,o&&(0,Jl.jsxs)(Jl.Fragment,{children:[(0,Jl.jsx)("span",{className:"k-spacer"}),(0,Jl.jsx)("div",{className:"k-calculated-field-header-actions",children:o})]})]}),i&&(0,Jl.jsx)("div",{className:"k-calculated-field-content",children:i}),(0,Jl.jsx)("div",{className:"k-calculated-field-actions",children:r})]})};Uy.states=qce;Uy.options=_ce;Uy.className=J1;Uy.defaultOptions=zS;var Ie=require("react/jsx-runtime"),gb=e=>{let t=b("pivotgrid-empty"),o=b("ch"),r=b("ch"),i=b("ch"),c=b("ch"),u=b("ch"),h=b("ch"),x=b("ch"),v=[];for(let T=0;T<6;T++){v[T]=[];for(let C=0;C<3;C++)v[T][C]=b("dc")}return(0,Ie.jsx)(Dn,{style:{gridTemplateRows:"111px 1fr",gridTemplateColumns:"369px 1fr"},emptyCell:(0,Ie.jsx)("div",{className:"k-pivotgrid-empty-cell",role:"none",children:(0,Ie.jsx)("table",{role:"none",children:(0,Ie.jsx)("thead",{role:"none",children:(0,Ie.jsx)("tr",{role:"none",children:(0,Ie.jsx)("th",{id:t,children:(0,Ie.jsx)("span",{className:"k-sr-only",children:"PivotGrid component. Use the arrow keys to navigate."})})})})})}),columnHeaders:(0,Ie.jsxs)(fc,{role:"none",children:[(0,Ie.jsxs)("colgroup",{children:[(0,Ie.jsx)("col",{width:"200"}),(0,Ie.jsx)("col",{width:"200"}),(0,Ie.jsx)("col",{width:"200"})]}),(0,Ie.jsxs)(hc,{role:"rowgroup",children:[(0,Ie.jsxs)(Zo,{role:"row","aria-owns":`${t} ${o} ${r}`,children:[(0,Ie.jsx)(Ue,{as:"th",colSpan:2,toggle:"up",headerTitle:"Categories",headerRootCell:!0,role:"columnheader","aria-expanded":"true",id:o}),(0,Ie.jsx)(Ue,{as:"th",colSpan:1,rowSpan:2,headerTitle:"Categories",headerRootCell:!0,headerTotalCell:!0,role:"columnheader",id:r})]}),(0,Ie.jsxs)(Zo,{role:"row",children:[(0,Ie.jsx)(Ue,{as:"th",colSpan:1,headerTitle:"Seafood",role:"columnheader",id:i}),(0,Ie.jsx)(Ue,{as:"th",colSpan:1,headerTitle:"Beverages",role:"columnheader",id:c})]}),(0,Ie.jsxs)(Zo,{role:"row",children:[(0,Ie.jsx)(Ue,{as:"th",colSpan:1,toggle:"down",headerTitle:"Products",headerRootCell:!0,role:"columnheader","aria-expanded":"false",id:u}),(0,Ie.jsx)(Ue,{as:"th",colSpan:1,toggle:"down",headerTitle:"Products",headerRootCell:!0,role:"columnheader","aria-expanded":"false",id:h}),(0,Ie.jsx)(Ue,{as:"th",colSpan:1,headerTitle:"Products",headerRootCell:!0,headerTotalCell:!0,role:"columnheader",id:x})]})]})]}),rowHeaders:(0,Ie.jsxs)(fc,{role:"none",children:[(0,Ie.jsxs)("colgroup",{children:[(0,Ie.jsx)("col",{}),(0,Ie.jsx)("col",{}),(0,Ie.jsx)("col",{})]}),(0,Ie.jsxs)(hc,{role:"rowgroup",children:[(0,Ie.jsxs)(Zo,{role:"row","aria-owns":`${v[0][0]} ${v[0][1]} ${v[0][2]}`,children:[(0,Ie.jsx)(Ue,{as:"th",colSpan:1,rowSpan:5,toggle:"up",headerTitle:"Regions",headerRootCell:!0,role:"rowheader","aria-expanded":"true"}),(0,Ie.jsx)(Ue,{as:"th",colSpan:1,headerTitle:"South America",role:"rowheader"}),(0,Ie.jsx)(Ue,{as:"th",colSpan:1,rowSpan:1,toggle:"down",headerTitle:"Countries",headerRootCell:!0,role:"rowheader","aria-expanded":"false"})]}),(0,Ie.jsxs)(Zo,{role:"row","aria-owns":`${v[1][0]} ${v[1][1]} ${v[1][2]}`,children:[(0,Ie.jsx)(Ue,{as:"th",colSpan:1,headerTitle:"North America",role:"rowheader"}),(0,Ie.jsx)(Ue,{as:"th",colSpan:1,rowSpan:1,toggle:"down",headerTitle:"Countries",headerRootCell:!0,role:"rowheader","aria-expanded":"false"})]}),(0,Ie.jsxs)(Zo,{role:"row","aria-owns":`${v[2][0]} ${v[2][1]} ${v[2][2]}`,children:[(0,Ie.jsx)(Ue,{as:"th",colSpan:1,headerTitle:"Europe",role:"rowheader"}),(0,Ie.jsx)(Ue,{as:"th",colSpan:1,rowSpan:1,toggle:"down",headerTitle:"Countries",headerRootCell:!0,role:"rowheader","aria-expanded":"false"})]}),(0,Ie.jsxs)(Zo,{role:"row","aria-owns":`${v[3][0]} ${v[3][1]} ${v[3][2]}`,children:[(0,Ie.jsx)(Ue,{as:"th",colSpan:1,headerTitle:"Asia",role:"rowheader"}),(0,Ie.jsx)(Ue,{as:"th",colSpan:1,rowSpan:1,toggle:"down",headerTitle:"Countries",headerRootCell:!0,role:"rowheader","aria-expanded":"false"})]}),(0,Ie.jsxs)(Zo,{role:"row","aria-owns":`${v[4][0]} ${v[4][1]} ${v[4][2]}`,children:[(0,Ie.jsx)(Ue,{as:"th",colSpan:1,headerTitle:"Africa",role:"rowheader"}),(0,Ie.jsx)(Ue,{as:"th",colSpan:1,rowSpan:1,toggle:"down",headerTitle:"Countries",headerRootCell:!0,role:"rowheader","aria-expanded":"false"})]}),(0,Ie.jsxs)(Zo,{role:"row","aria-owns":`${v[5][0]} ${v[5][1]} ${v[5][2]}`,children:[(0,Ie.jsx)(Ue,{as:"th",colSpan:2,headerTitle:"Regions",headerRootCell:!0,headerTotalCell:!0,role:"rowheader"}),(0,Ie.jsx)(Ue,{as:"th",colSpan:1,rowSpan:1,headerTitle:"Countries",headerRootCell:!0,headerTotalCell:!0,role:"rowheader"})]})]})]}),children:(0,Ie.jsxs)(fc,{role:"none",children:[(0,Ie.jsxs)("colgroup",{children:[(0,Ie.jsx)("col",{width:"200"}),(0,Ie.jsx)("col",{width:"200"}),(0,Ie.jsx)("col",{width:"200"})]}),(0,Ie.jsxs)(hc,{role:"none",children:[(0,Ie.jsxs)(Zo,{role:"none",children:[(0,Ie.jsx)(Ue,{as:"td",role:"gridcell",colSpan:1,content:"1847.00",id:v[0][0],"aria-describedby":`${i} ${o} ${u}`}),(0,Ie.jsx)(Ue,{as:"td",role:"gridcell",colSpan:1,content:"1488.00",id:v[0][1],"aria-describedby":`${c} ${o} ${h}`}),(0,Ie.jsx)(Ue,{as:"td",role:"gridcell",colSpan:1,content:"3335.00",totalCell:!0,id:v[0][2],"aria-describedby":`${r} ${x}`})]}),(0,Ie.jsxs)(Zo,{role:"none",children:[(0,Ie.jsx)(Ue,{as:"td",role:"gridcell",colSpan:1,content:"1998.00",id:v[1][0],"aria-describedby":`${i} ${o} ${u}`}),(0,Ie.jsx)(Ue,{as:"td",role:"gridcell",colSpan:1,content:"1406.00",id:v[1][1],"aria-describedby":`${c} ${o} ${h}`}),(0,Ie.jsx)(Ue,{as:"td",role:"gridcell",colSpan:1,content:"3404.00",totalCell:!0,id:v[1][2],"aria-describedby":`${r} ${x}`})]}),(0,Ie.jsxs)(Zo,{role:"none",children:[(0,Ie.jsx)(Ue,{as:"td",role:"gridcell",colSpan:1,content:"2065.00",id:v[2][0],"aria-describedby":`${i} ${o} ${u}`}),(0,Ie.jsx)(Ue,{as:"td",role:"gridcell",colSpan:1,content:"1242.00",id:v[2][1],"aria-describedby":`${c} ${o} ${h}`}),(0,Ie.jsx)(Ue,{as:"td",role:"gridcell",colSpan:1,content:"3307.00",totalCell:!0,id:v[2][2],"aria-describedby":`${r} ${x}`})]}),(0,Ie.jsxs)(Zo,{role:"none",children:[(0,Ie.jsx)(Ue,{as:"td",role:"gridcell",colSpan:1,content:"1830.00",id:v[3][0],"aria-describedby":`${i} ${o} ${u}`}),(0,Ie.jsx)(Ue,{as:"td",role:"gridcell",colSpan:1,content:"1579.00",id:v[3][1],"aria-describedby":`${c} ${o} ${h}`}),(0,Ie.jsx)(Ue,{as:"td",role:"gridcell",colSpan:1,content:"3409.00",totalCell:!0,id:v[3][2],"aria-describedby":`${r} ${x}`})]}),(0,Ie.jsxs)(Zo,{role:"none",children:[(0,Ie.jsx)(Ue,{as:"td",role:"gridcell",colSpan:1,content:"2005.00",id:v[4][0],"aria-describedby":`${i} ${o} ${u}`}),(0,Ie.jsx)(Ue,{as:"td",role:"gridcell",colSpan:1,content:"1441.00",id:v[4][1],"aria-describedby":`${c} ${o} ${h}`}),(0,Ie.jsx)(Ue,{as:"td",role:"gridcell",colSpan:1,content:"3446.00",totalCell:!0,id:v[4][2],"aria-describedby":`${r} ${x}`})]}),(0,Ie.jsxs)(Zo,{role:"none",children:[(0,Ie.jsx)(Ue,{as:"td",role:"gridcell",colSpan:1,content:"9745.00",totalCell:!0,id:v[5][0],"aria-describedby":`${i} ${o} ${u}`}),(0,Ie.jsx)(Ue,{as:"td",role:"gridcell",colSpan:1,content:"7156.00",totalCell:!0,id:v[5][1],"aria-describedby":`${c} ${o} ${h}`}),(0,Ie.jsx)(Ue,{as:"td",role:"gridcell",colSpan:1,content:"16901.00",totalCell:!0,id:v[5][2],"aria-describedby":`${r} ${x}`})]})]})]}),...e})};var j1=require("react/jsx-runtime"),epe=e=>(0,j1.jsx)(gb,{configurator:(0,j1.jsx)(kc,{}),configuratorDisplay:"closed",...e});var St=require("react/jsx-runtime"),tpe=({formOrientation:e="vertical",...t})=>{let o=b("pivotgrid-configurator-header"),r=b("pivotgrid-label"),i=b("pivotgrid-label"),c=b("pivotgrid-label"),u=b("pivotgrid-label");return(0,St.jsx)(gb,{configurator:(0,St.jsx)(kc,{headerId:o,actionButtons:(0,St.jsxs)(St.Fragment,{children:[(0,St.jsx)(d,{children:"Cancel"}),(0,St.jsx)(d,{themeColor:"primary",children:"Apply"})]}),children:(0,St.jsxs)(Qo,{orientation:e,children:[(0,St.jsx)("div",{className:"k-form-field",children:(0,St.jsx)("label",{className:"k-label",id:r,children:"Fields"})}),(0,St.jsx)("div",{className:"k-form-field",children:(0,St.jsx)("div",{className:"k-fields-list-wrapper",children:(0,St.jsxs)(Yt,{"aria-labelledby":`${o} ${r}`,children:[(0,St.jsx)(z,{checked:!0,showCheckbox:!0,text:"Category"}),(0,St.jsx)(z,{checked:!0,showCheckbox:!0,text:"Product"}),(0,St.jsx)(z,{checked:!0,showCheckbox:!0,text:"Region"}),(0,St.jsx)(z,{checked:!0,showCheckbox:!0,text:"Country"}),(0,St.jsx)(z,{hasChildren:!0,text:"Measures"})]})})}),(0,St.jsx)("div",{className:"k-form-field",children:(0,St.jsx)("label",{className:"k-label",id:i,children:"Columns"})}),(0,St.jsxs)(no,{className:"k-column-fields","aria-labelledby":`${o} ${i}`,children:[(0,St.jsx)(mt,{role:"option",text:"Category",actions:(0,St.jsxs)(St.Fragment,{children:[(0,St.jsx)(dt,{type:"more"}),(0,St.jsx)(dt,{type:"remove"})]})}),(0,St.jsx)(mt,{role:"option",text:"Product",actions:(0,St.jsxs)(St.Fragment,{children:[(0,St.jsx)(dt,{type:"more"}),(0,St.jsx)(dt,{type:"remove"})]})})]}),(0,St.jsx)("div",{className:"k-form-field",children:(0,St.jsx)("label",{className:"k-label",id:c,children:"Rows"})}),(0,St.jsxs)(no,{className:"k-row-fields","aria-labelledby":`${o} ${c}`,children:[(0,St.jsx)(mt,{role:"option",text:"Region",actions:(0,St.jsxs)(St.Fragment,{children:[(0,St.jsx)(dt,{type:"more"}),(0,St.jsx)(dt,{type:"remove"})]})}),(0,St.jsx)(mt,{role:"option",text:"Country",actions:(0,St.jsxs)(St.Fragment,{children:[(0,St.jsx)(dt,{type:"more"}),(0,St.jsx)(dt,{type:"remove"})]})})]}),(0,St.jsx)("div",{className:"k-form-field",children:(0,St.jsx)("label",{className:"k-label",id:u,children:"Values"})}),(0,St.jsx)(no,{className:"k-filter-fields","aria-labelledby":`${o} ${u}`,children:(0,St.jsx)(mt,{role:"option",text:"Total",actions:(0,St.jsxs)(St.Fragment,{children:[(0,St.jsx)(dt,{type:"more"}),(0,St.jsx)(dt,{type:"remove"})]})})})]})}),configuratorDisplay:"opened",...t})};var Io=require("react/jsx-runtime"),ope=({formOrientation:e="vertical",...t})=>{let o=b("pivotgrid-configurator-header"),r=b("pivotgrid-label"),i=b("pivotgrid-label"),c=b("pivotgrid-label"),u=b("pivotgrid-label");return(0,Io.jsx)(gb,{configurator:(0,Io.jsx)(kc,{headerId:o,actionButtons:(0,Io.jsxs)(Io.Fragment,{children:[(0,Io.jsx)(d,{children:"Cancel"}),(0,Io.jsx)(d,{themeColor:"primary",ariaDisabled:!0,children:"Apply"})]}),children:(0,Io.jsxs)(Qo,{orientation:e,children:[(0,Io.jsx)("div",{className:"k-form-field",children:(0,Io.jsx)("label",{className:"k-label",id:r,children:"Fields"})}),(0,Io.jsx)("div",{className:"k-form-field",children:(0,Io.jsx)("div",{className:"k-fields-list-wrapper",children:(0,Io.jsxs)(Yt,{"aria-labelledby":`${o} ${r}`,children:[(0,Io.jsx)(z,{checked:!0,showCheckbox:!0,text:"Category"}),(0,Io.jsx)(z,{checked:!0,showCheckbox:!0,text:"Product"}),(0,Io.jsx)(z,{showCheckbox:!0,text:"Region"}),(0,Io.jsx)(z,{showCheckbox:!0,text:"Country"}),(0,Io.jsx)(z,{hasChildren:!0,text:"Measures"})]})})}),(0,Io.jsx)("div",{className:"k-form-field",children:(0,Io.jsx)("label",{className:"k-label",id:i,children:"Columns"})}),(0,Io.jsxs)(no,{className:"k-column-fields","aria-labelledby":`${o} ${i}`,children:[(0,Io.jsx)(mt,{role:"option",text:"Category",actions:(0,Io.jsxs)(Io.Fragment,{children:[(0,Io.jsx)(dt,{type:"more"}),(0,Io.jsx)(dt,{type:"remove"})]})}),(0,Io.jsx)(mt,{role:"option",text:"Product",actions:(0,Io.jsxs)(Io.Fragment,{children:[(0,Io.jsx)(dt,{type:"more"}),(0,Io.jsx)(dt,{type:"remove"})]})})]}),(0,Io.jsx)("div",{className:"k-form-field",children:(0,Io.jsx)("label",{className:"k-label",id:c,children:"Rows"})}),(0,Io.jsx)("div",{className:"k-settings-description",children:"Select some fields to begin setup."}),(0,Io.jsx)("div",{className:"k-form-field",children:(0,Io.jsx)("label",{className:"k-label",id:u,children:"Values"})}),(0,Io.jsx)("div",{className:"k-settings-description",children:"Select some fields to begin setup."})]})}),configuratorDisplay:"opened",...t})};var se=require("react/jsx-runtime"),ape=Dn.options,rpe=Dn.states,L8={...Dn.defaultOptions,variant:"top"},lpe=[{name:"top",title:"Top"},{name:"right",title:"Right"},{name:"left",title:"Left"},{name:"bottom",title:"Bottom"}],ipe=[{name:"open",title:"Open Settings"}],Vk=e=>{let{variant:t,modifiers:o,...r}={...L8,...e},i=(0,se.jsx)(se.Fragment,{children:(0,se.jsxs)(fc,{children:[(0,se.jsxs)("colgroup",{children:[(0,se.jsx)("col",{}),(0,se.jsx)("col",{})]}),(0,se.jsxs)(hc,{children:[(0,se.jsxs)(Zo,{children:[(0,se.jsx)(Ue,{as:"th",colSpan:1,rowSpan:5,toggle:"up",headerTitle:"Regions",headerRootCell:!0}),(0,se.jsx)(Ue,{as:"th",colSpan:1,headerTitle:"South America"})]}),(0,se.jsx)(Zo,{children:(0,se.jsx)(Ue,{as:"th",colSpan:1,headerTitle:"North America"})}),(0,se.jsx)(Zo,{children:(0,se.jsx)(Ue,{as:"th",colSpan:1,headerTitle:"Europe"})}),(0,se.jsx)(Zo,{children:(0,se.jsx)(Ue,{as:"th",colSpan:1,headerTitle:"Asia"})}),(0,se.jsx)(Zo,{children:(0,se.jsx)(Ue,{as:"th",colSpan:1,headerTitle:"Africa"})}),(0,se.jsx)(Zo,{children:(0,se.jsx)(Ue,{as:"th",colSpan:2,headerTitle:"Regions",headerRootCell:!0,headerTotalCell:!0})})]})]})}),c=(0,se.jsx)(se.Fragment,{children:(0,se.jsxs)(fc,{children:[(0,se.jsxs)("colgroup",{children:[(0,se.jsx)("col",{width:"150"}),(0,se.jsx)("col",{width:"150"})]}),(0,se.jsxs)(hc,{children:[(0,se.jsx)(Zo,{children:(0,se.jsx)(Ue,{as:"th",colSpan:2,toggle:"up",headerTitle:"Categories",headerRootCell:!0})}),(0,se.jsxs)(Zo,{children:[(0,se.jsx)(Ue,{as:"th",colSpan:1,headerTitle:"Seafood"}),(0,se.jsx)(Ue,{as:"th",colSpan:1,headerTitle:"Beverages"})]}),(0,se.jsxs)(Zo,{children:[(0,se.jsx)(Ue,{as:"th",colSpan:1,toggle:"down",headerTitle:"Products",headerRootCell:!0}),(0,se.jsx)(Ue,{as:"th",colSpan:1,toggle:"down",headerTitle:"Products",headerRootCell:!0})]})]})]})}),u=(0,se.jsx)(se.Fragment,{children:(0,se.jsxs)(fc,{children:[(0,se.jsxs)("colgroup",{children:[(0,se.jsx)("col",{width:"150"}),(0,se.jsx)("col",{width:"150"})]}),(0,se.jsxs)(hc,{children:[(0,se.jsxs)(Zo,{children:[(0,se.jsx)(Ue,{as:"td",colSpan:1,content:"1847.00"}),(0,se.jsx)(Ue,{as:"td",colSpan:1,content:"1488.00"})]}),(0,se.jsxs)(Zo,{children:[(0,se.jsx)(Ue,{as:"td",colSpan:1,content:"1998.00"}),(0,se.jsx)(Ue,{as:"td",colSpan:1,content:"1406.00"})]}),(0,se.jsxs)(Zo,{children:[(0,se.jsx)(Ue,{as:"td",colSpan:1,content:"2065.00"}),(0,se.jsx)(Ue,{as:"td",colSpan:1,content:"1242.00"})]}),(0,se.jsxs)(Zo,{children:[(0,se.jsx)(Ue,{as:"td",colSpan:1,content:"1830.00"}),(0,se.jsx)(Ue,{as:"td",colSpan:1,content:"1579.00"})]}),(0,se.jsxs)(Zo,{children:[(0,se.jsx)(Ue,{as:"td",colSpan:1,content:"2005.00"}),(0,se.jsx)(Ue,{as:"td",colSpan:1,content:"1441.00"})]}),(0,se.jsxs)(Zo,{children:[(0,se.jsx)(Ue,{as:"td",colSpan:1,content:"9745.00",totalCell:!0}),(0,se.jsx)(Ue,{as:"td",colSpan:1,content:"7156.00",totalCell:!0})]})]})]})}),h=(0,se.jsx)(se.Fragment,{children:(0,se.jsx)(kc,{mode:"overlay",children:(0,se.jsxs)(Qo,{className:"k-form-horizontal",children:[(0,se.jsx)("div",{className:"k-form-field",children:(0,se.jsx)("label",{className:"k-label",children:"Fields"})}),(0,se.jsx)("div",{className:"k-form-field",children:(0,se.jsx)("div",{className:"k-fields-list-wrapper",children:(0,se.jsxs)(Yt,{children:[(0,se.jsx)(z,{checked:!0,showCheckbox:!0,text:"Category"}),(0,se.jsx)(z,{checked:!0,showCheckbox:!0,text:"Product"})]})})}),(0,se.jsx)("div",{className:"k-form-field",children:(0,se.jsx)("label",{className:"k-label",children:"Columns"})}),(0,se.jsxs)(no,{className:"k-column-fields",children:[(0,se.jsx)(mt,{text:"Category",actions:(0,se.jsxs)(se.Fragment,{children:[(0,se.jsx)(dt,{type:"more"}),(0,se.jsx)(dt,{type:"remove"})]})}),(0,se.jsx)(mt,{text:"Product",actions:(0,se.jsxs)(se.Fragment,{children:[(0,se.jsx)(dt,{type:"more"}),(0,se.jsx)(dt,{type:"remove"})]})})]}),(0,se.jsx)("div",{className:"k-form-field",children:(0,se.jsx)("label",{className:"k-label",children:"Rows"})}),(0,se.jsx)(no,{className:"k-row-fields",children:(0,se.jsx)(mt,{text:"Region",actions:(0,se.jsxs)(se.Fragment,{children:[(0,se.jsx)(dt,{type:"more"}),(0,se.jsx)(dt,{type:"remove"})]})})})]})})}),x=(0,se.jsx)(se.Fragment,{});Object.keys(o||{}).forEach(C=>{C==="open"&&(x=o!=null&&o[C]?h:(0,se.jsx)(se.Fragment,{}))});let v={left:"k-d-flex k-flex-row-reverse k-pos-relative",bottom:"k-d-flex k-flex-col k-pos-relative",top:"k-d-flex k-flex-col-reverse k-pos-relative",right:"k-d-flex k-flex-row k-pos-relative"},T=v[t]||v.right;return(0,se.jsxs)("div",{className:T,children:[(0,se.jsx)(gb,{rowHeaders:i,columnHeaders:c,children:u,style:{gridTemplateRows:"111px 1fr",gridTemplateColumns:"236px 1fr"},...r}),x,(0,se.jsx)(Hf,{})]})};Vk.options=ape;Vk.states=rpe;Vk.variants=lpe;Vk.defaultOptions=L8;Vk.modifiers=ipe;Vk.className=Dn.className;var q1="treelist",I8=q1;var B8=require("react/jsx-runtime"),M8="k-treelist",spe=[],npe={},dpe={},Mo=e=>(0,B8.jsx)(Ze,{...e,ariaRole:"treegrid",className:l(M8,e.className),children:e.children});Mo.states=spe;Mo.options=npe;Mo.className=M8;Mo.defaultOptions=dpe;Mo.moduleName=q1;Mo.folderName=I8;Mo.ariaSpec={selector:".k-treelist",rules:[{selector:".k-grid-toolbar",attribute:"role=toolbar",usage:"The toolbar is a collection of command buttons and inputs."},{selector:".k-grid-toolbar",attribute:"aria-label",usage:"Clarifies the purpose of the toolbar."},{selector:".k-grid-toolbar",attribute:"aria-controls=.k-grid-aria-root id (when present)",usage:"Pointing to the id of the element with role=treegrid."},{selector:".k-treelist .k-grid-aria-root",attribute:"role=treegrid",usage:"The role specifies the element is a TreeGrid."},{selector:".k-grid-aria-root",attribute:"aria-colcount (when present)",usage:"The total number of columns."},{selector:".k-grid-aria-root",attribute:"aria-rowcount (when present)",usage:"The total number of rows in the table."},{selector:".k-grid-header-wrap>table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-grid-header-wrap>table>thead",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr",attribute:"aria-rowindex (when present)",usage:"Row number."},{selector:".k-grid-header-wrap>table>thead>tr>th:not(.k-hierarchy-cell):not(.k-group-cell):not(.k-drag-cell)",attribute:"role=columnheader",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr>th",attribute:"aria-sort (when present)",usage:"Present if sorting is enabled for that column."},{selector:".k-grid-header-wrap>table>thead>tr>th",attribute:"aria-colindex (when present)",usage:"Col number."},{selector:".k-grid-header-wrap>table>thead>tr>th",attribute:"aria-haspopup=dialog (when present)",usage:"Present if the column has a ColumnMenu or FilterMenu."},{selector:".k-grid-content>table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-grid-content>table>tbody",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-content>table>tbody>tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-content>table>tbody>tr",attribute:"aria-rowindex (when present)",usage:"Row number."},{selector:".k-grid-content>table>tbody>tr>td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-content>table>tbody>tr>td",attribute:"aria-colindex (when present)",usage:"Col number."},{selector:"tr.k-selected",attribute:"aria-selected=true",usage:"Set on the currently selected row(s) in row selection mode. All cells within the selected row also carry aria-selected=true (without k-selected class)."},{selector:"td.k-selected",attribute:"aria-selected=true",usage:"Set on the currently selected cell(s) in cell selection mode. The k-selected class on cells is only applied in cell selection mode, but aria-selected=true is present on cells regardless of selection mode."},{selector:".k-grid-content>table>tbody>tr",attribute:"aria-expanded (when present)",usage:"Set on the currently expanded row(s)."},{selector:".k-grid-content>table>tbody>tr td",attribute:"aria-expanded (when present)",usage:"The cell containing the expand/collapse toggle also carries aria-expanded matching the row value, as it is the navigable focusable element."},{selector:'.k-treelist-toggle[class*="i-chevron-down"],.k-treelist-toggle[class*="i-chevron-right"]',attribute:"aria-hidden=true",usage:"Removes the expand/collapse icon from the accessibility tree."},{selector:".k-grid-filter-popup",attribute:"role=dialog",usage:"The filter menu popup has dialog role."},{selector:".k-grid-filter-popup",attribute:"id",usage:"Unique id linked to the header cell aria-controls attribute."},{selector:".k-grid-filter-popup",attribute:"aria-label",usage:"Descriptive label for the filter menu."},{selector:".k-grid-columnmenu-popup",attribute:"role=dialog",usage:"The column menu popup has dialog role."},{selector:".k-grid-columnmenu-popup",attribute:"id",usage:"Unique id linked to the header cell aria-controls attribute."},{selector:".k-grid-columnmenu-popup",attribute:"aria-label",usage:"Descriptive label for the column menu."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"role=button",usage:"Column menu items have button role."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"tabindex=0",usage:"Column menu items are focusable."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"aria-expanded (when present)",usage:"Expandable column menu items announce their expanded state."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"aria-controls (when present)",usage:"Expandable items point to the id of the content they control."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"role=listbox",usage:"The column list is a listbox."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"aria-multiselectable=true",usage:"The column list supports multiple selections."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"aria-label",usage:"Accessible name for the column list."},{selector:".k-grid-columnmenu-popup .k-column-list-item",attribute:"role=option",usage:"Column list items are options."},{selector:".k-grid-columnmenu-popup .k-column-list-item",attribute:"aria-checked",usage:"Column list items announce their checked state."},{selector:".k-grid-header-locked table tr",attribute:"aria-owns",usage:"Locked header rows own cells from the corresponding non-locked header table rows."},{selector:".k-grid-content-locked table tr",attribute:"aria-owns",usage:"Locked content rows own cells from the corresponding non-locked content table rows."},{selector:".k-grid-lockedcolumns .k-grid-header-wrap table tr",attribute:"role=none",usage:"Non-locked header rows have their semantic role removed when locked columns exist."},{selector:".k-grid-lockedcolumns .k-grid-content table tr",attribute:"role=none",usage:"Non-locked content rows have their semantic role removed when locked columns exist."},{selector:".k-grid-lockedcolumns .k-grid-header-wrap th",attribute:"role=columnheader",usage:"Non-locked header cells retain columnheader role so they are announced correctly when owned via aria-owns."},{selector:".k-grid-lockedcolumns .k-grid-content td",attribute:"role=gridcell",usage:"Non-locked data cells retain gridcell role so they are announced correctly when owned via aria-owns."},{selector:".k-drag-cell",attribute:"aria-label",usage:"Must be present in a Drag Row scenario on the cell containing the drag handle."}]};var xt=require("react/jsx-runtime"),Ff=({gridHeader:e,gridContent:t,menu:o,...r})=>{let i=b("treelist");return(0,xt.jsxs)(Mo,{id:b("treelist"),_renderAriaRoot:!0,ariaRootId:i,ariaColCount:3,ariaRowCount:6,...r,children:[e||(0,xt.jsx)(Le,{children:(0,xt.jsx)("div",{className:"k-grid-header-wrap",children:(0,xt.jsxs)(ye,{role:"none",children:[(0,xt.jsxs)("colgroup",{children:[(0,xt.jsx)("col",{}),(0,xt.jsx)("col",{}),(0,xt.jsx)("col",{})]}),(0,xt.jsx)(xe,{role:"rowgroup",children:(0,xt.jsxs)(k,{role:"row","aria-rowindex":1,children:[(0,xt.jsx)(Y,{menu:o,columnTitle:"Name",role:"columnheader","aria-sort":"ascending","aria-colindex":1,...o?{"aria-haspopup":"dialog"}:{}}),(0,xt.jsx)(Y,{menu:o,columnTitle:"Position",role:"columnheader","aria-colindex":2,...o?{"aria-haspopup":"dialog"}:{}}),(0,xt.jsx)(Y,{menu:o,columnTitle:"Hire Date",role:"columnheader","aria-colindex":3,...o?{"aria-haspopup":"dialog"}:{}})]})})]})})}),(0,xt.jsx)(Be,{children:t||(0,xt.jsx)(Ae,{children:(0,xt.jsxs)(ve,{role:"none",children:[(0,xt.jsxs)("colgroup",{children:[(0,xt.jsx)("col",{}),(0,xt.jsx)("col",{}),(0,xt.jsx)("col",{})]}),(0,xt.jsxs)(ie,{role:"rowgroup",children:[(0,xt.jsxs)(k,{role:"row","aria-rowindex":2,"aria-expanded":"true",children:[(0,xt.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[(0,xt.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Daryl"]}),(0,xt.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Sweeney"}),(0,xt.jsx)(n,{role:"gridcell","aria-colindex":3,children:"CEO"})]}),(0,xt.jsxs)(k,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"true",children:[(0,xt.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[(0,xt.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,xt.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Guy"]}),(0,xt.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Wooten"}),(0,xt.jsx)(n,{role:"gridcell","aria-colindex":3,children:"Chief Technical Officer"})]}),(0,xt.jsxs)(k,{role:"row","aria-rowindex":4,"aria-expanded":"true",children:[(0,xt.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[(0,xt.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,xt.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,xt.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Buffy"]}),(0,xt.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Weber"}),(0,xt.jsx)(n,{role:"gridcell","aria-colindex":3,children:"VP, Engineering"})]}),(0,xt.jsxs)(k,{role:"row",alt:!0,"aria-rowindex":5,"aria-expanded":"true",children:[(0,xt.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[(0,xt.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,xt.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,xt.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,xt.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Hyacinth"]}),(0,xt.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Hood"}),(0,xt.jsx)(n,{role:"gridcell","aria-colindex":3,children:"Team Lead"})]}),(0,xt.jsxs)(k,{role:"row","aria-rowindex":6,children:[(0,xt.jsxs)(n,{role:"gridcell","aria-colindex":1,children:[(0,xt.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,xt.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,xt.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,xt.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,xt.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),(0,xt.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Carr"}),(0,xt.jsx)(n,{role:"gridcell","aria-colindex":3,children:"Junior Software Developer"})]})]})]})})})]})};var P8=require("react/jsx-runtime"),_1=e=>(0,P8.jsx)(Ff,{menu:"column",...e});var vo=require("react/jsx-runtime"),cpe=({...e})=>{let t=b("treelist"),o=b("treelist-colmenu-popup");return(0,vo.jsxs)(vo.Fragment,{children:[(0,vo.jsx)(Mo,{_renderAriaRoot:!0,ariaRootId:t,ariaColCount:3,ariaRowCount:4,children:(0,vo.jsxs)(vo.Fragment,{children:[(0,vo.jsx)(Le,{children:(0,vo.jsx)("div",{className:"k-grid-header-wrap",children:(0,vo.jsxs)(ye,{role:"none",children:[(0,vo.jsxs)("colgroup",{children:[(0,vo.jsx)("col",{}),(0,vo.jsx)("col",{}),(0,vo.jsx)("col",{})]}),(0,vo.jsx)(xe,{role:"rowgroup",children:(0,vo.jsxs)(k,{role:"row","aria-rowindex":1,children:[(0,vo.jsx)(Y,{menu:"column",columnTitle:"Name",filterable:!0,role:"columnheader","aria-colindex":1,"aria-haspopup":"dialog","aria-expanded":"true","aria-controls":o}),(0,vo.jsx)(Y,{menu:"column",columnTitle:"Position",filterable:!0,role:"columnheader","aria-colindex":2,"aria-haspopup":"dialog"}),(0,vo.jsx)(Y,{menu:"column",columnTitle:"Hire Date",filterable:!0,role:"columnheader","aria-colindex":3,"aria-haspopup":"dialog"})]})})]})})}),(0,vo.jsx)(Be,{children:(0,vo.jsx)(Ae,{children:(0,vo.jsxs)(ve,{role:"none",children:[(0,vo.jsxs)("colgroup",{children:[(0,vo.jsx)("col",{}),(0,vo.jsx)("col",{}),(0,vo.jsx)("col",{})]}),(0,vo.jsxs)(ie,{role:"rowgroup",children:[(0,vo.jsxs)(k,{role:"row","aria-rowindex":2,"aria-expanded":"true",children:[(0,vo.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[(0,vo.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Daryl Sweeney"]}),(0,vo.jsx)(n,{role:"gridcell","aria-colindex":2,children:"CEO"}),(0,vo.jsx)(n,{role:"gridcell","aria-colindex":3,children:"February 7, 2012"})]}),(0,vo.jsxs)(k,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"false",children:[(0,vo.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"false",children:[(0,vo.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,vo.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-right"}),"Guy Wooten"]}),(0,vo.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Chief Technical Officer"}),(0,vo.jsx)(n,{role:"gridcell","aria-colindex":3,children:"March 3, 2010"})]})]})]})})})]}),...e}),(0,vo.jsx)(Oe,{className:"k-grid-columnmenu-popup",id:o,role:"dialog","aria-label":"Name Column Menu",children:(0,vo.jsx)(Dy,{})})]})};var D8=require("react/jsx-runtime"),$1=e=>(0,D8.jsx)(Ff,{menu:"filter",...e});var To=require("react/jsx-runtime"),ppe=({...e})=>{let t=b("treelist"),o=b("treelist-filter-popup");return(0,To.jsxs)(To.Fragment,{children:[(0,To.jsx)(Mo,{_renderAriaRoot:!0,ariaRootId:t,ariaColCount:3,ariaRowCount:4,children:(0,To.jsxs)(To.Fragment,{children:[(0,To.jsx)(Le,{children:(0,To.jsx)("div",{className:"k-grid-header-wrap",children:(0,To.jsxs)(ye,{role:"none",children:[(0,To.jsxs)("colgroup",{children:[(0,To.jsx)("col",{}),(0,To.jsx)("col",{}),(0,To.jsx)("col",{})]}),(0,To.jsx)(xe,{role:"rowgroup",children:(0,To.jsxs)(k,{role:"row","aria-rowindex":1,children:[(0,To.jsx)(Y,{menu:"filter",columnTitle:"Name",role:"columnheader","aria-colindex":1,"aria-haspopup":"dialog","aria-expanded":"true","aria-controls":o}),(0,To.jsx)(Y,{menu:"filter",columnTitle:"Position",role:"columnheader","aria-colindex":2,"aria-haspopup":"dialog"}),(0,To.jsx)(Y,{menu:"filter",columnTitle:"Hire Date",role:"columnheader","aria-colindex":3,"aria-haspopup":"dialog"})]})})]})})}),(0,To.jsx)(Be,{children:(0,To.jsx)(Ae,{children:(0,To.jsxs)(ve,{role:"none",children:[(0,To.jsxs)("colgroup",{children:[(0,To.jsx)("col",{}),(0,To.jsx)("col",{}),(0,To.jsx)("col",{})]}),(0,To.jsxs)(ie,{role:"rowgroup",children:[(0,To.jsxs)(k,{role:"row","aria-rowindex":2,"aria-expanded":"true",children:[(0,To.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[(0,To.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Daryl Sweeney"]}),(0,To.jsx)(n,{role:"gridcell","aria-colindex":2,children:"CEO"}),(0,To.jsx)(n,{role:"gridcell","aria-colindex":3,children:"February 7, 2012"})]}),(0,To.jsxs)(k,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"false",children:[(0,To.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"false",children:[(0,To.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,To.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-right"}),"Guy Wooten"]}),(0,To.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Chief Technical Officer"}),(0,To.jsx)(n,{role:"gridcell","aria-colindex":3,children:"March 3, 2010"})]})]})]})})})]}),...e}),(0,To.jsx)(Oe,{className:"k-grid-filter-popup",id:o,role:"dialog","aria-label":"Name Filter Menu",children:(0,To.jsx)(Ry,{})})]})};var Bo=require("react/jsx-runtime"),mpe=({...e})=>{let t=b("treelist");return(0,Bo.jsx)(Mo,{_renderAriaRoot:!0,ariaRootId:t,ariaColCount:3,ariaRowCount:4,toolbar:(0,Bo.jsx)($s,{role:"toolbar","aria-label":"TreeList toolbar","aria-controls":t,children:(0,Bo.jsx)(d,{children:"Add new record"})}),children:(0,Bo.jsxs)(Bo.Fragment,{children:[(0,Bo.jsx)(Le,{children:(0,Bo.jsx)("div",{className:"k-grid-header-wrap",children:(0,Bo.jsxs)(ye,{role:"none",children:[(0,Bo.jsxs)("colgroup",{children:[(0,Bo.jsx)("col",{}),(0,Bo.jsx)("col",{}),(0,Bo.jsx)("col",{})]}),(0,Bo.jsx)(xe,{role:"rowgroup",children:(0,Bo.jsxs)(k,{role:"row","aria-rowindex":1,children:[(0,Bo.jsx)(Y,{columnTitle:"Name",role:"columnheader","aria-colindex":1}),(0,Bo.jsx)(Y,{columnTitle:"Position",role:"columnheader","aria-colindex":2}),(0,Bo.jsx)(Y,{columnTitle:"Hire Date",role:"columnheader","aria-colindex":3})]})})]})})}),(0,Bo.jsx)(Be,{children:(0,Bo.jsx)(Ae,{children:(0,Bo.jsxs)(ve,{role:"none",children:[(0,Bo.jsxs)("colgroup",{children:[(0,Bo.jsx)("col",{}),(0,Bo.jsx)("col",{}),(0,Bo.jsx)("col",{})]}),(0,Bo.jsxs)(ie,{role:"rowgroup",children:[(0,Bo.jsxs)(k,{role:"row","aria-rowindex":2,"aria-expanded":"true",children:[(0,Bo.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[(0,Bo.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Daryl Sweeney"]}),(0,Bo.jsx)(n,{role:"gridcell","aria-colindex":2,children:"CEO"}),(0,Bo.jsx)(n,{role:"gridcell","aria-colindex":3,children:"February 7, 2012"})]}),(0,Bo.jsxs)(k,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"false",children:[(0,Bo.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"false",children:[(0,Bo.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Bo.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-right"}),"Guy Wooten"]}),(0,Bo.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Chief Technical Officer"}),(0,Bo.jsx)(n,{role:"gridcell","aria-colindex":3,children:"March 3, 2010"})]})]})]})})})]}),...e})};var ze=require("react/jsx-runtime"),eP=({gridHeader:e,gridContent:t,menu:o,...r})=>{let i=b("treelist");return(0,ze.jsxs)(Mo,{id:b("treelist"),_renderAriaRoot:!0,ariaRootId:i,ariaColCount:4,ariaRowCount:6,...r,children:[e||(0,ze.jsx)(Le,{children:(0,ze.jsx)("div",{className:"k-grid-header-wrap",children:(0,ze.jsxs)(ye,{role:"none",children:[(0,ze.jsxs)("colgroup",{children:[(0,ze.jsx)("col",{className:"k-drag-col"}),(0,ze.jsx)("col",{}),(0,ze.jsx)("col",{}),(0,ze.jsx)("col",{})]}),(0,ze.jsx)(xe,{role:"rowgroup",children:(0,ze.jsxs)(k,{role:"row","aria-rowindex":1,children:[(0,ze.jsx)(Y,{role:"columnheader",accessibleLabel:"Drag column"}),(0,ze.jsx)(Y,{menu:o,columnTitle:"First Name",role:"columnheader","aria-colindex":2}),(0,ze.jsx)(Y,{menu:o,columnTitle:"Last Name",role:"columnheader","aria-colindex":3}),(0,ze.jsx)(Y,{menu:o,columnTitle:"Position",role:"columnheader","aria-colindex":4})]})})]})})}),(0,ze.jsx)(Be,{children:t||(0,ze.jsx)(Ae,{children:(0,ze.jsxs)(ve,{role:"none",children:[(0,ze.jsxs)("colgroup",{children:[(0,ze.jsx)("col",{className:"k-drag-col"}),(0,ze.jsx)("col",{}),(0,ze.jsx)("col",{}),(0,ze.jsx)("col",{})]}),(0,ze.jsxs)(ie,{role:"rowgroup",children:[(0,ze.jsxs)(k,{role:"row","aria-rowindex":2,"aria-expanded":"true",children:[(0,ze.jsx)(n,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:(0,ze.jsx)(f,{icon:"reorder"})}),(0,ze.jsxs)(n,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[(0,ze.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Daryl"]}),(0,ze.jsx)(n,{role:"gridcell","aria-colindex":3,children:"Sweeney"}),(0,ze.jsx)(n,{role:"gridcell","aria-colindex":4,children:"CEO"})]}),(0,ze.jsxs)(k,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"true",children:[(0,ze.jsx)(n,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:(0,ze.jsx)(f,{icon:"reorder"})}),(0,ze.jsxs)(n,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[(0,ze.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,ze.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Guy"]}),(0,ze.jsx)(n,{role:"gridcell","aria-colindex":3,children:"Wooten"}),(0,ze.jsx)(n,{role:"gridcell","aria-colindex":4,children:"Chief Technical Officer"})]}),(0,ze.jsxs)(k,{role:"row","aria-rowindex":4,"aria-expanded":"true",children:[(0,ze.jsx)(n,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:(0,ze.jsx)(f,{icon:"reorder"})}),(0,ze.jsxs)(n,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[(0,ze.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,ze.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,ze.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Buffy"]}),(0,ze.jsx)(n,{role:"gridcell","aria-colindex":3,children:"Weber"}),(0,ze.jsx)(n,{role:"gridcell","aria-colindex":4,children:"VP, Engineering"})]}),(0,ze.jsxs)(k,{role:"row",alt:!0,"aria-rowindex":5,"aria-expanded":"true",children:[(0,ze.jsx)(n,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:(0,ze.jsx)(f,{icon:"reorder"})}),(0,ze.jsxs)(n,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[(0,ze.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,ze.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,ze.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,ze.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Hyacinth"]}),(0,ze.jsx)(n,{role:"gridcell","aria-colindex":3,children:"Hood"}),(0,ze.jsx)(n,{role:"gridcell","aria-colindex":4,children:"Team Lead"})]}),(0,ze.jsxs)(k,{role:"row","aria-rowindex":6,children:[(0,ze.jsx)(n,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:(0,ze.jsx)(f,{icon:"reorder"})}),(0,ze.jsxs)(n,{role:"gridcell","aria-colindex":2,children:[(0,ze.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,ze.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,ze.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,ze.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,ze.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),(0,ze.jsx)(n,{role:"gridcell","aria-colindex":3,children:"Carr"}),(0,ze.jsx)(n,{role:"gridcell","aria-colindex":4,children:"Junior Software Developer"})]})]})]})})})]})};var Ce=require("react/jsx-runtime"),upe=({gridHeader:e,gridContent:t,menu:o,...r})=>{let i=b("treelist");return(0,Ce.jsxs)(Mo,{id:b("treelist"),_renderAriaRoot:!0,ariaRootId:i,ariaColCount:3,ariaRowCount:13,...r,children:[e||(0,Ce.jsx)(Le,{children:(0,Ce.jsx)("div",{className:"k-grid-header-wrap",children:(0,Ce.jsxs)(ye,{role:"none",children:[(0,Ce.jsxs)("colgroup",{children:[(0,Ce.jsx)("col",{}),(0,Ce.jsx)("col",{}),(0,Ce.jsx)("col",{})]}),(0,Ce.jsx)(xe,{role:"rowgroup",children:(0,Ce.jsxs)(k,{role:"row","aria-rowindex":1,children:[(0,Ce.jsx)(Y,{menu:o,columnTitle:"Name",role:"columnheader","aria-colindex":1}),(0,Ce.jsx)(Y,{menu:o,columnTitle:"Position",role:"columnheader","aria-colindex":2}),(0,Ce.jsx)(Y,{menu:o,columnTitle:"Hire Date",role:"columnheader","aria-colindex":3})]})})]})})}),(0,Ce.jsx)(Be,{children:t||(0,Ce.jsx)(Ae,{children:(0,Ce.jsxs)(ve,{role:"none",children:[(0,Ce.jsxs)("colgroup",{children:[(0,Ce.jsx)("col",{}),(0,Ce.jsx)("col",{}),(0,Ce.jsx)("col",{})]}),(0,Ce.jsxs)(ie,{role:"rowgroup",children:[(0,Ce.jsxs)(k,{role:"row","aria-rowindex":2,"aria-expanded":"true",children:[(0,Ce.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[(0,Ce.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Daryl Sweeney"]}),(0,Ce.jsx)(n,{role:"gridcell","aria-colindex":2,children:"CEO"}),(0,Ce.jsx)(n,{role:"gridcell","aria-colindex":3,children:"February 7, 2012"})]}),(0,Ce.jsxs)(k,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"false",children:[(0,Ce.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"false",children:[(0,Ce.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Ce.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-right"}),"Guy Wooten"]}),(0,Ce.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Chief Technical Officer"}),(0,Ce.jsx)(n,{role:"gridcell","aria-colindex":3,children:"March 3, 2010"})]}),(0,Ce.jsxs)(k,{role:"row","aria-rowindex":4,"aria-expanded":"false",children:[(0,Ce.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"false",children:[(0,Ce.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Ce.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-right"}),"Priscilla Frank"]}),(0,Ce.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Chief Product Officer"}),(0,Ce.jsx)(n,{role:"gridcell","aria-colindex":3,children:"November 30, 2014"})]}),(0,Ce.jsxs)(k,{role:"row",alt:!0,"aria-rowindex":5,"aria-expanded":"true",children:[(0,Ce.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[(0,Ce.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Ce.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Anika Vega"]}),(0,Ce.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Chief Process Officer"}),(0,Ce.jsx)(n,{role:"gridcell","aria-colindex":3,children:"February 25, 2010"})]}),(0,Ce.jsxs)(k,{role:"row","aria-rowindex":6,"aria-expanded":"false",children:[(0,Ce.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"false",children:[(0,Ce.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Ce.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Ce.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-right"}),"Vernon Ballard"]}),(0,Ce.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Director Facilities"}),(0,Ce.jsx)(n,{role:"gridcell","aria-colindex":3,children:"June 26, 2015"})]}),(0,Ce.jsxs)(k,{className:"k-footer-template",role:"row","aria-rowindex":7,children:[(0,Ce.jsxs)(n,{role:"gridcell","aria-colindex":1,children:[(0,Ce.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Ce.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Ce.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),"7 employee(s)"]}),(0,Ce.jsx)(n,{role:"gridcell","aria-colindex":2}),(0,Ce.jsx)(n,{role:"gridcell","aria-colindex":3,children:"Last employee hired on July 30, 2015"})]}),(0,Ce.jsxs)(k,{role:"row",alt:!0,"aria-rowindex":8,"aria-expanded":"false",children:[(0,Ce.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"false",children:[(0,Ce.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Ce.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-right"}),"Nevada Hart"]}),(0,Ce.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Chief Financial Officer"}),(0,Ce.jsx)(n,{role:"gridcell","aria-colindex":3,children:"August 17, 2015"})]}),(0,Ce.jsxs)(k,{role:"row","aria-rowindex":9,"aria-expanded":"false",children:[(0,Ce.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"false",children:[(0,Ce.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Ce.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-right"}),"Hunter Fry"]}),(0,Ce.jsx)(n,{role:"gridcell","aria-colindex":2,children:"General Counsel"}),(0,Ce.jsx)(n,{role:"gridcell","aria-colindex":3,children:"February 12, 2011"})]}),(0,Ce.jsxs)(k,{className:"k-footer-template",role:"row","aria-rowindex":10,children:[(0,Ce.jsxs)(n,{role:"gridcell","aria-colindex":1,children:[(0,Ce.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Ce.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),"98 employee(s)"]}),(0,Ce.jsx)(n,{role:"gridcell","aria-colindex":2}),(0,Ce.jsx)(n,{role:"gridcell","aria-colindex":3,children:"Last employee hired on August 17, 2015"})]}),(0,Ce.jsxs)(k,{className:"k-footer-template",role:"row","aria-rowindex":11,children:[(0,Ce.jsxs)(n,{role:"gridcell","aria-colindex":1,children:[(0,Ce.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),"99 employee(s)"]}),(0,Ce.jsx)(n,{role:"gridcell","aria-colindex":2}),(0,Ce.jsx)(n,{role:"gridcell","aria-colindex":3,children:"Last employee hired on August 17, 2015"})]})]})]})})})]})};var Me=require("react/jsx-runtime"),bpe=({className:e,headerWrapClassName:t,contentClassName:o,...r})=>{let i=b("treelist"),c=b("tl-lc-cell"),u=b("tl-lc-cell"),h=b("tl-lc-cell"),x=b("tl-lc-cell"),v=b("tl-lc-cell"),T=b("tl-lc-cell"),C=b("tl-lc-cell"),N=b("tl-lc-cell"),R=b("tl-lc-cell"),H=b("tl-lc-cell"),V=b("tl-lc-hdr"),_=b("tl-lc-hdr");return(0,Me.jsxs)(Mo,{id:b("treelist"),className:l("k-grid-lockedcolumns",e),_renderAriaRoot:!0,ariaRootId:i,ariaColCount:4,ariaRowCount:6,...r,children:[(0,Me.jsxs)(Le,{role:"none",children:[(0,Me.jsx)("div",{className:"k-grid-header-locked",role:"none",style:{width:"400px"},children:(0,Me.jsxs)(ye,{role:"none",children:[(0,Me.jsxs)("colgroup",{children:[(0,Me.jsx)("col",{style:{width:"200px"}}),(0,Me.jsx)("col",{style:{width:"200px"}})]}),(0,Me.jsx)(xe,{role:"rowgroup",children:(0,Me.jsxs)(k,{role:"row","aria-rowindex":1,"aria-owns":`${V} ${_}`,children:[(0,Me.jsx)(Y,{columnTitle:"Name",role:"columnheader","aria-sort":"ascending","aria-colindex":1}),(0,Me.jsx)(Y,{columnTitle:"Position",role:"columnheader","aria-colindex":2})]})})]})}),(0,Me.jsx)("div",{className:l("k-grid-header-wrap",t),role:"none",style:{width:"400px"},children:(0,Me.jsxs)(ye,{role:"none",children:[(0,Me.jsxs)("colgroup",{children:[(0,Me.jsx)("col",{style:{width:"200px"}}),(0,Me.jsx)("col",{style:{width:"200px"}})]}),(0,Me.jsx)(xe,{role:"none",children:(0,Me.jsxs)(k,{role:"none",children:[(0,Me.jsx)(Y,{columnTitle:"Hire Date",id:V,role:"columnheader"}),(0,Me.jsx)(Y,{columnTitle:"Department",id:_,role:"columnheader"})]})})]})})]}),(0,Me.jsxs)(Be,{role:"none",children:[(0,Me.jsx)("div",{className:"k-grid-content-locked",role:"none",style:{width:"400px",height:"303px"},children:(0,Me.jsxs)(ve,{role:"none",children:[(0,Me.jsxs)("colgroup",{children:[(0,Me.jsx)("col",{style:{width:"200px"}}),(0,Me.jsx)("col",{style:{width:"200px"}})]}),(0,Me.jsxs)(ie,{role:"rowgroup",children:[(0,Me.jsxs)(k,{className:"k-master-row",role:"row","aria-rowindex":2,"aria-expanded":"true","aria-owns":`${c} ${u}`,children:[(0,Me.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[(0,Me.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Daryl Sweeney"]}),(0,Me.jsx)(n,{role:"gridcell","aria-colindex":2,children:"CEO"})]}),(0,Me.jsxs)(k,{className:"k-master-row",alt:!0,role:"row","aria-rowindex":3,"aria-expanded":"true","aria-owns":`${h} ${x}`,children:[(0,Me.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[(0,Me.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Me.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Guy Wooten"]}),(0,Me.jsx)(n,{role:"gridcell","aria-colindex":2,children:"CTO"})]}),(0,Me.jsxs)(k,{className:"k-master-row",role:"row","aria-rowindex":4,"aria-expanded":"true","aria-owns":`${v} ${T}`,children:[(0,Me.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[(0,Me.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Me.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Me.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Buffy Weber"]}),(0,Me.jsx)(n,{role:"gridcell","aria-colindex":2,children:"VP, Engineering"})]}),(0,Me.jsxs)(k,{className:"k-master-row",alt:!0,role:"row","aria-rowindex":5,"aria-expanded":"true","aria-owns":`${C} ${N}`,children:[(0,Me.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[(0,Me.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Me.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Me.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Me.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Hyacinth Hood"]}),(0,Me.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Team Lead"})]}),(0,Me.jsxs)(k,{className:"k-master-row",role:"row","aria-rowindex":6,"aria-owns":`${R} ${H}`,children:[(0,Me.jsxs)(n,{role:"gridcell","aria-colindex":1,children:[(0,Me.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Me.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Me.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Me.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Me.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),"Akeem Carr"]}),(0,Me.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Junior Software Developer"})]})]})]})}),(0,Me.jsx)(Ae,{className:o,role:"none",style:{width:"400px",height:"320px"},children:(0,Me.jsxs)(ve,{role:"none",children:[(0,Me.jsxs)("colgroup",{children:[(0,Me.jsx)("col",{style:{width:"200px"}}),(0,Me.jsx)("col",{style:{width:"200px"}})]}),(0,Me.jsxs)(ie,{role:"none",children:[(0,Me.jsxs)(k,{className:"k-master-row",role:"none",children:[(0,Me.jsx)(n,{id:c,role:"gridcell",children:"2010-01-15"}),(0,Me.jsx)(n,{id:u,role:"gridcell",children:"Executive"})]}),(0,Me.jsxs)(k,{className:"k-master-row",alt:!0,role:"none",children:[(0,Me.jsx)(n,{id:h,role:"gridcell",children:"2012-06-20"}),(0,Me.jsx)(n,{id:x,role:"gridcell",children:"Engineering"})]}),(0,Me.jsxs)(k,{className:"k-master-row",role:"none",children:[(0,Me.jsx)(n,{id:v,role:"gridcell",children:"2014-03-10"}),(0,Me.jsx)(n,{id:T,role:"gridcell",children:"Engineering"})]}),(0,Me.jsxs)(k,{className:"k-master-row",alt:!0,role:"none",children:[(0,Me.jsx)(n,{id:C,role:"gridcell",children:"2016-08-05"}),(0,Me.jsx)(n,{id:N,role:"gridcell",children:"Engineering"})]}),(0,Me.jsxs)(k,{className:"k-master-row",role:"none",children:[(0,Me.jsx)(n,{id:R,role:"gridcell",children:"2020-11-12"}),(0,Me.jsx)(n,{id:H,role:"gridcell",children:"Engineering"})]})]})]})})]})]})};var zt=require("react/jsx-runtime"),fpe=({...e})=>{let t=b("treelist");return(0,zt.jsxs)(Mo,{id:b("treelist"),_renderAriaRoot:!0,ariaRootId:t,ariaColCount:3,ariaRowCount:5,...e,children:[(0,zt.jsx)(Le,{children:(0,zt.jsx)("div",{className:"k-grid-header-wrap",children:(0,zt.jsxs)(ye,{role:"none",children:[(0,zt.jsxs)("colgroup",{children:[(0,zt.jsx)("col",{}),(0,zt.jsx)("col",{}),(0,zt.jsx)("col",{})]}),(0,zt.jsx)(xe,{role:"rowgroup",children:(0,zt.jsxs)(k,{role:"row","aria-rowindex":1,children:[(0,zt.jsx)(Y,{columnTitle:"Name",role:"columnheader","aria-colindex":1}),(0,zt.jsx)(Y,{columnTitle:"Position",role:"columnheader","aria-colindex":2}),(0,zt.jsx)(Y,{columnTitle:"Hire Date",role:"columnheader","aria-colindex":3})]})})]})})}),(0,zt.jsx)(Be,{children:(0,zt.jsx)(Ae,{children:(0,zt.jsxs)(ve,{role:"none",children:[(0,zt.jsxs)("colgroup",{children:[(0,zt.jsx)("col",{}),(0,zt.jsx)("col",{}),(0,zt.jsx)("col",{})]}),(0,zt.jsxs)(ie,{role:"rowgroup",children:[(0,zt.jsxs)(k,{role:"row","aria-rowindex":2,"aria-expanded":"true",selected:!0,"aria-selected":"true",children:[(0,zt.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true","aria-selected":"true",children:[(0,zt.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Daryl"]}),(0,zt.jsx)(n,{role:"gridcell","aria-colindex":2,"aria-selected":"true",children:"Sweeney"}),(0,zt.jsx)(n,{role:"gridcell","aria-colindex":3,"aria-selected":"true",children:"CEO"})]}),(0,zt.jsxs)(k,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"true",children:[(0,zt.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[(0,zt.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,zt.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Guy"]}),(0,zt.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Wooten"}),(0,zt.jsx)(n,{role:"gridcell","aria-colindex":3,children:"Chief Technical Officer"})]}),(0,zt.jsxs)(k,{role:"row","aria-rowindex":4,children:[(0,zt.jsxs)(n,{role:"gridcell","aria-colindex":1,children:[(0,zt.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,zt.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,zt.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Buffy"]}),(0,zt.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Weber"}),(0,zt.jsx)(n,{role:"gridcell","aria-colindex":3,children:"VP, Engineering"})]}),(0,zt.jsxs)(k,{role:"row",alt:!0,"aria-rowindex":5,children:[(0,zt.jsxs)(n,{role:"gridcell","aria-colindex":1,children:[(0,zt.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,zt.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,zt.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),"Hyacinth"]}),(0,zt.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Hood"}),(0,zt.jsx)(n,{role:"gridcell","aria-colindex":3,children:"Team Lead"})]})]})]})})})]})};var Wt=require("react/jsx-runtime"),hpe=({...e})=>{let t=b("treelist");return(0,Wt.jsxs)(Mo,{id:b("treelist"),_renderAriaRoot:!0,ariaRootId:t,ariaColCount:3,ariaRowCount:5,...e,children:[(0,Wt.jsx)(Le,{children:(0,Wt.jsx)("div",{className:"k-grid-header-wrap",children:(0,Wt.jsxs)(ye,{role:"none",children:[(0,Wt.jsxs)("colgroup",{children:[(0,Wt.jsx)("col",{}),(0,Wt.jsx)("col",{}),(0,Wt.jsx)("col",{})]}),(0,Wt.jsx)(xe,{role:"rowgroup",children:(0,Wt.jsxs)(k,{role:"row","aria-rowindex":1,children:[(0,Wt.jsx)(Y,{columnTitle:"Name",role:"columnheader","aria-colindex":1}),(0,Wt.jsx)(Y,{columnTitle:"Position",role:"columnheader","aria-colindex":2}),(0,Wt.jsx)(Y,{columnTitle:"Hire Date",role:"columnheader","aria-colindex":3})]})})]})})}),(0,Wt.jsx)(Be,{children:(0,Wt.jsx)(Ae,{children:(0,Wt.jsxs)(ve,{role:"none",children:[(0,Wt.jsxs)("colgroup",{children:[(0,Wt.jsx)("col",{}),(0,Wt.jsx)("col",{}),(0,Wt.jsx)("col",{})]}),(0,Wt.jsxs)(ie,{role:"rowgroup",children:[(0,Wt.jsxs)(k,{role:"row","aria-rowindex":2,"aria-expanded":"true",children:[(0,Wt.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",selected:!0,"aria-selected":"true",children:[(0,Wt.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Daryl"]}),(0,Wt.jsx)(n,{role:"gridcell","aria-colindex":2,selected:!0,"aria-selected":"true",children:"Sweeney"}),(0,Wt.jsx)(n,{role:"gridcell","aria-colindex":3,children:"CEO"})]}),(0,Wt.jsxs)(k,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"true",children:[(0,Wt.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[(0,Wt.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Wt.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Guy"]}),(0,Wt.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Wooten"}),(0,Wt.jsx)(n,{role:"gridcell","aria-colindex":3,children:"Chief Technical Officer"})]}),(0,Wt.jsxs)(k,{role:"row","aria-rowindex":4,children:[(0,Wt.jsxs)(n,{role:"gridcell","aria-colindex":1,children:[(0,Wt.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Wt.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Wt.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Buffy"]}),(0,Wt.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Weber"}),(0,Wt.jsx)(n,{role:"gridcell","aria-colindex":3,children:"VP, Engineering"})]}),(0,Wt.jsxs)(k,{role:"row",alt:!0,"aria-rowindex":5,children:[(0,Wt.jsxs)(n,{role:"gridcell","aria-colindex":1,children:[(0,Wt.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Wt.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Wt.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),"Hyacinth"]}),(0,Wt.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Hood"}),(0,Wt.jsx)(n,{role:"gridcell","aria-colindex":3,children:"Team Lead"})]})]})]})})})]})};var le=require("react/jsx-runtime"),gpe=Mo.options,kpe=Mo.states,R8={...Mo.defaultOptions,variant:"normal"},xpe=[{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"}],vpe=[{name:"toolbar",title:"Toolbar"},{name:"pager",title:"Pager"}],Qk=e=>{let{variant:t,modifiers:o,...r}={...R8,...e},i={},c=(0,le.jsxs)($s,{children:[(0,le.jsx)(d,{icon:"plus",children:"Add New"}),(0,le.jsx)(d,{icon:"file-pdf",children:"Export to PDF"}),(0,le.jsx)("span",{className:"k-spacer"}),(0,le.jsx)(we,{prefix:(0,le.jsx)(f,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),u=(0,le.jsx)(Fa,{pageSizes:!1,refresh:!1});switch(Object.keys(o||{}).forEach(h=>{switch(h){case"toolbar":i.toolbar=o!=null&&o[h]?c:void 0;break;case"pager":i.pager=o!=null&&o[h]?u:void 0;break;default:return}}),t){case"row-reordering":return(0,le.jsx)(eP,{...r,...i});case"column-menu":return(0,le.jsx)(_1,{...r,...i,gridHeader:(0,le.jsx)(Le,{children:(0,le.jsx)("div",{className:"k-grid-header-wrap",children:(0,le.jsxs)(ye,{children:[(0,le.jsxs)("colgroup",{children:[(0,le.jsx)("col",{}),(0,le.jsx)("col",{}),(0,le.jsx)("col",{})]}),(0,le.jsx)(xe,{children:(0,le.jsxs)(k,{children:[(0,le.jsx)(Y,{menu:"column",columnTitle:"First Name"}),(0,le.jsx)(Y,{menu:"column",columnTitle:"Last Name"}),(0,le.jsx)(Y,{menu:"column",columnTitle:"Position"})]})})]})})})});case"filter-row":return(0,le.jsx)($1,{...r,...i,gridHeader:(0,le.jsx)(Le,{children:(0,le.jsx)("div",{className:"k-grid-header-wrap",children:(0,le.jsxs)(ye,{children:[(0,le.jsxs)("colgroup",{children:[(0,le.jsx)("col",{}),(0,le.jsx)("col",{}),(0,le.jsx)("col",{})]}),(0,le.jsx)(xe,{children:(0,le.jsxs)(k,{children:[(0,le.jsx)(Y,{menu:"filter",columnTitle:"First Name"}),(0,le.jsx)(Y,{menu:"filter",columnTitle:"Last Name"}),(0,le.jsx)(Y,{menu:"filter",columnTitle:"Position"})]})})]})})})});case"sorting":return(0,le.jsx)(Ff,{...r,...i,gridHeader:(0,le.jsx)(Le,{children:(0,le.jsx)("div",{className:"k-grid-header-wrap",children:(0,le.jsxs)(ye,{children:[(0,le.jsxs)("colgroup",{children:[(0,le.jsx)("col",{}),(0,le.jsx)("col",{}),(0,le.jsx)("col",{})]}),(0,le.jsx)(xe,{children:(0,le.jsxs)(k,{children:[(0,le.jsx)(Y,{columnTitle:"First Name"}),(0,le.jsx)(Y,{columnTitle:"Last Name",sortable:!0}),(0,le.jsx)(Y,{columnTitle:"Position"})]})})]})})}),gridContent:(0,le.jsx)(Ae,{children:(0,le.jsxs)(ve,{children:[(0,le.jsxs)("colgroup",{children:[(0,le.jsx)("col",{}),(0,le.jsx)("col",{className:"k-sorted"}),(0,le.jsx)("col",{})]}),(0,le.jsxs)(ie,{children:[(0,le.jsxs)(k,{className:"k-treelist-group",children:[(0,le.jsxs)(n,{children:[(0,le.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Daryl"]}),(0,le.jsx)(n,{children:"Sweeney"}),(0,le.jsx)(n,{children:"CEO"})]}),(0,le.jsxs)(k,{className:"k-treelist-group",alt:!0,children:[(0,le.jsxs)(n,{children:[(0,le.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,le.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Guy"]}),(0,le.jsx)(n,{children:"Wooten"}),(0,le.jsx)(n,{children:"Chief Technical Officer"})]}),(0,le.jsxs)(k,{className:"k-treelist-group",children:[(0,le.jsxs)(n,{children:[(0,le.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,le.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,le.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Buffy"]}),(0,le.jsx)(n,{children:"Weber"}),(0,le.jsx)(n,{children:"VP, Engineering"})]}),(0,le.jsxs)(k,{className:"k-treelist-group",alt:!0,children:[(0,le.jsxs)(n,{children:[(0,le.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,le.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,le.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,le.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Hyacinth"]}),(0,le.jsx)(n,{children:"Hood"}),(0,le.jsx)(n,{children:"Team Lead"})]}),(0,le.jsxs)(k,{children:[(0,le.jsxs)(n,{children:[(0,le.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,le.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,le.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,le.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,le.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),(0,le.jsx)(n,{children:"Carr"}),(0,le.jsx)(n,{children:"Junior Software Developer"})]})]})]})})});default:return(0,le.jsx)(Ff,{...r,...i,gridHeader:(0,le.jsx)(Le,{children:(0,le.jsx)("div",{className:"k-grid-header-wrap",children:(0,le.jsxs)(ye,{children:[(0,le.jsxs)("colgroup",{children:[(0,le.jsx)("col",{}),(0,le.jsx)("col",{}),(0,le.jsx)("col",{})]}),(0,le.jsx)(xe,{children:(0,le.jsxs)(k,{children:[(0,le.jsx)(Y,{columnTitle:"First Name"}),(0,le.jsx)(Y,{columnTitle:"Last Name"}),(0,le.jsx)(Y,{columnTitle:"Position"})]})})]})})})})}};Qk.options=gpe;Qk.states=kpe;Qk.variants=xpe;Qk.defaultOptions=R8;Qk.modifiers=vpe;Qk.className=Mo.className;var tP="propertygrid",O8=tP;var Y8=require("react/jsx-runtime"),K8="k-property-grid",Tpe=[],wpe={},Npe={},Rn=e=>(0,Y8.jsx)(Mo,{...e,className:l(K8,e.className),children:e.children});Rn.states=Tpe;Rn.options=wpe;Rn.className=K8;Rn.defaultOptions=Npe;Rn.moduleName=tP;Rn.folderName=O8;Rn.ariaSpec={selector:".k-property-grid",rules:[{selector:".k-grid-toolbar",attribute:"role=toolbar",usage:"The toolbar is a collection of command buttons and inputs."},{selector:".k-grid-toolbar",attribute:"aria-label",usage:"Clarifies the purpose of the toolbar."},{selector:".k-grid-toolbar",attribute:"aria-controls=.k-grid-aria-root id",usage:"Points to the id of the element with role=treegrid."},{selector:".k-property-grid .k-grid-aria-root",attribute:"role=treegrid",usage:"Sets the proper role for the PropertyGrid component."},{selector:".k-grid-aria-root",attribute:"aria-colcount",usage:"The total number of columns."},{selector:".k-grid-aria-root",attribute:"aria-rowcount",usage:"The total number of rows in the table."},{selector:".k-grid-content>table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-grid-content>table>tbody",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-content>table>tbody>tr:not(.k-hidden)",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-content>table>tbody>tr:not(.k-hidden)",attribute:"aria-rowindex",usage:"Row number."},{selector:".k-grid-content>table>tbody>tr:not(.k-hidden)>td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-content>table>tbody>tr:not(.k-hidden)>td",attribute:"aria-colindex",usage:"Col number."},{selector:".k-grid-content>table>tbody>tr:not(.k-hidden)",attribute:"aria-expanded (when expandable)",usage:"Set on the currently expanded row(s)."},{selector:'.k-treelist-toggle[class*="i-chevron-down"],.k-treelist-toggle[class*="i-chevron-right"]',attribute:"aria-hidden=true",usage:"Removes the expand/collapse icon from the accessibility tree."}]};var ct=require("react/jsx-runtime"),qT=({content:e,...t})=>{let o=b("propertygrid");return(0,ct.jsx)(Rn,{style:{height:"450px"},_renderAriaRoot:!0,ariaRootId:o,ariaColCount:2,ariaRowCount:9,toolbar:(0,ct.jsxs)($s,{resizable:!0,role:"toolbar","aria-label":"PropertyGrid toolbar","aria-controls":o,children:[(0,ct.jsx)(we,{prefix:(0,ct.jsx)(f,{icon:"search"}),placeholder:"Search...","aria-label":"Search properties"}),(0,ct.jsx)(de,{value:"Default Sort","aria-label":"Sort order"}),(0,ct.jsx)(d,{icon:"categorize","aria-label":"Categorize"}),(0,ct.jsx)(d,{icon:"info-circle","aria-label":"Info"})]}),...t,children:(0,ct.jsx)(Be,{children:e||(0,ct.jsx)(Ae,{className:"k-auto-scrollable",children:(0,ct.jsxs)(ve,{role:"none",children:[(0,ct.jsxs)("colgroup",{children:[(0,ct.jsx)("col",{style:{width:"200px"}}),(0,ct.jsx)("col",{style:{width:"250px"}})]}),(0,ct.jsxs)(ie,{role:"rowgroup",children:[(0,ct.jsxs)(k,{role:"row","aria-rowindex":1,children:[(0,ct.jsxs)(n,{role:"gridcell","aria-colindex":1,children:[(0,ct.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),"size"]}),(0,ct.jsx)(n,{role:"gridcell","aria-colindex":2,children:(0,ct.jsx)("b",{children:"medium"})})]}),(0,ct.jsxs)(k,{role:"row",alt:!0,"aria-rowindex":2,children:[(0,ct.jsxs)(n,{role:"gridcell","aria-colindex":1,children:[(0,ct.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),"themeColor"]}),(0,ct.jsx)(n,{role:"gridcell","aria-colindex":2,children:(0,ct.jsx)("b",{children:"base"})})]}),(0,ct.jsxs)(k,{role:"row","aria-rowindex":3,children:[(0,ct.jsxs)(n,{role:"gridcell","aria-colindex":1,children:[(0,ct.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),"fillMode"]}),(0,ct.jsx)(n,{role:"gridcell","aria-colindex":2,children:(0,ct.jsx)("b",{children:"solid"})})]}),(0,ct.jsxs)(k,{role:"row",alt:!0,"aria-rowindex":4,children:[(0,ct.jsxs)(n,{role:"gridcell","aria-colindex":1,children:[(0,ct.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),"rounded"]}),(0,ct.jsx)(n,{role:"gridcell","aria-colindex":2,children:(0,ct.jsx)("b",{children:"medium"})})]}),(0,ct.jsxs)(k,{role:"row","aria-rowindex":5,children:[(0,ct.jsxs)(n,{role:"gridcell","aria-colindex":1,children:[(0,ct.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),"icon"]}),(0,ct.jsx)(n,{role:"gridcell","aria-colindex":2,children:(0,ct.jsx)(f,{icon:"star"})})]}),(0,ct.jsxs)(k,{role:"row",alt:!0,"aria-rowindex":6,"aria-expanded":"true",children:[(0,ct.jsxs)(n,{role:"gridcell","aria-colindex":1,children:[(0,ct.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"font"]}),(0,ct.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Roboto 400"})]}),(0,ct.jsxs)(k,{role:"row","aria-rowindex":7,children:[(0,ct.jsxs)(n,{role:"gridcell","aria-colindex":1,children:[(0,ct.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,ct.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),"font-weight"]}),(0,ct.jsx)(n,{role:"gridcell","aria-colindex":2,children:(0,ct.jsx)("b",{children:"400"})})]}),(0,ct.jsxs)(k,{role:"row",alt:!0,"aria-rowindex":8,children:[(0,ct.jsxs)(n,{role:"gridcell","aria-colindex":1,children:[(0,ct.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,ct.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),"font-family"]}),(0,ct.jsx)(n,{role:"gridcell","aria-colindex":2,children:(0,ct.jsx)("b",{children:"Roboto"})})]}),(0,ct.jsx)(k,{className:"k-hidden k-bottom k-sticky k-footer-template",children:(0,ct.jsx)(n,{colspan:"2",children:(0,ct.jsx)("span",{children:"\xA0"})})})]})]})})})})};var _T=require("react/jsx-runtime"),ype=({content:e,...t})=>(0,_T.jsx)(Ao,{panes:[(0,_T.jsx)(We,{scrollable:!0,flexBasis:"215px",children:(0,_T.jsx)(d,{icon:"star",children:"Button"})},"pane-1"),(0,_T.jsx)(We,{scrollable:!0,children:(0,_T.jsx)(qT,{...t,content:e})},"pane-2")]});var Xk=require("react/jsx-runtime"),Ape=Rn.options,Cpe=Rn.states,G8={...Rn.defaultOptions,variant:"normal"},Spe=[{name:"normal",title:"Normal"},{name:"preview",title:"With Preview"}],Epe=[],Zk=e=>{let{variant:t,...o}={...G8,...e};return t==="preview"?(0,Xk.jsx)(Ao,{panes:[(0,Xk.jsx)(We,{className:"k-text-center k-mt-24",scrollable:!0,flexBasis:"215px",children:(0,Xk.jsx)(d,{icon:"star",children:"Button"})},"pane-1"),(0,Xk.jsx)(We,{scrollable:!0,children:(0,Xk.jsx)(qT,{style:{height:"auto"},...o})},"pane-2")]}):(0,Xk.jsx)(qT,{style:{height:"auto"},...o})};Zk.options=Ape;Zk.states=Cpe;Zk.variants=Spe;Zk.defaultOptions=G8;Zk.modifiers=Epe;Zk.className=Rn.className;var oP="filter",H8=oP;var $T=require("react/jsx-runtime"),aP="k-filter",Lpe=[],Ipe={},Mpe={},Cs=e=>{let{children:t,expressionPreview:o,showApplyButton:r}=e;return(0,$T.jsxs)("div",{className:l(e.className,aP),children:[(0,$T.jsx)("ul",{className:"k-filter-container",role:"tree","aria-label":"Filter",children:(0,$T.jsx)("li",{className:"k-filter-group-main",role:"treeitem",children:t})}),o,r&&(0,$T.jsx)(d,{className:"k-filter-apply",children:"Apply"})]})};Cs.states=Lpe;Cs.options=Ipe;Cs.defaultOptions=Mpe;Cs.className=aP;Cs.moduleName=oP;Cs.folderName=H8;Cs.ariaSpec={selector:".k-filter",rules:[{selector:".k-filter-container",attribute:"role=tree",usage:"Describes the hierarchical structure of the Filter component."},{selector:".k-filter-container",attribute:"aria-label",usage:"Specifies a label for the Filter component."},{selector:".k-filter-group-main,.k-filter-item",attribute:"role=treeitem",usage:"Each FilterGroup and FilterExpression represent a separate treeitem in the Filter component structure."},{selector:".k-filter-lines",attribute:"role=group",usage:"Represents a group of items in the Filter component."},{selector:".k-toolbar",attribute:"role=toolbar",usage:"The role represents a collection of tools."},{selector:".k-toolbar",attribute:"aria-label",usage:"Specifies a label for the toolbar."}]};var z8=require("react/jsx-runtime"),F8="k-filter-toolbar",Bpe=[],Ppe={},Dpe={},jl=e=>{let{children:t}=e;return(0,z8.jsx)("div",{className:l(F8),children:t})};jl.states=Bpe;jl.options=Ppe;jl.defaultOptions=Dpe;var V8=require("react/jsx-runtime"),W8="k-filter-lines",Rpe=[],Ope={},Kpe={},Zp=e=>{let{children:t}=e;return(0,V8.jsx)("ul",{className:l(W8),role:"group",children:t})};Zp.states=Rpe;Zp.options=Ope;Zp.defaultOptions=Kpe;var rP=require("react/jsx-runtime"),lP="k-filter-preview",Ype=[],Gpe={},Hpe={},Uk=e=>{let{fields:t}=e,o=[];return t&&t.map(({name:r,value:i},c)=>{o.push((0,rP.jsx)("span",{className:`k-filter-preview-${r}`,children:`${i} `},c))}),(0,rP.jsx)("div",{className:l(lP),children:o})};Uk.states=Ype;Uk.options=Gpe;Uk.defaultOptions=Hpe;Uk.className=lP;var Q8=require("react/jsx-runtime"),Fpe="k-filter-item",zpe=[],Wpe={},Vpe={},en=e=>{let{children:t}=e;return(0,Q8.jsx)("li",{className:l(Fpe),role:"treeitem",children:t})};en.states=zpe;en.options=Wpe;en.defaultOptions=Vpe;var io=require("react/jsx-runtime"),WS=({children:e,...t})=>(0,io.jsx)(Cs,{...t,children:e||(0,io.jsxs)(io.Fragment,{children:[(0,io.jsx)(jl,{children:(0,io.jsxs)(fe,{"aria-label":"Filter group",children:[(0,io.jsxs)(Q,{children:[(0,io.jsx)(d,{className:"k-group-start",selected:!0,children:"And"}),(0,io.jsx)(d,{className:"k-group-end",children:"Or"})]}),(0,io.jsx)(d,{icon:"filter-add-expression",children:"Add Expression"}),(0,io.jsx)(d,{icon:"filter-add-group",children:"Add Group"}),(0,io.jsx)(d,{fillMode:"flat",icon:"x","aria-label":"Remove group",title:"Remove group"})]})}),(0,io.jsxs)(Zp,{children:[(0,io.jsx)(en,{children:(0,io.jsx)(jl,{children:(0,io.jsxs)(fe,{"aria-label":"Filter expression",children:[(0,io.jsx)(Lt,{className:"k-filter-field",children:(0,io.jsx)(de,{value:"Name","aria-label":"Field"})}),(0,io.jsx)(Lt,{className:"k-filter-operator",children:(0,io.jsx)(de,{value:"Is equal to","aria-label":"Operator"})}),(0,io.jsx)(Lt,{className:"k-filter-value",children:(0,io.jsx)(we,{placeholder:"James","aria-label":"Value"})}),(0,io.jsx)(d,{fillMode:"flat",icon:"x","aria-label":"Remove expression",title:"Remove expression"})]})})}),(0,io.jsx)(en,{children:(0,io.jsx)(jl,{children:(0,io.jsxs)(fe,{"aria-label":"Filter expression",children:[(0,io.jsx)(Lt,{className:"k-filter-field",children:(0,io.jsx)(de,{value:"Price","aria-label":"Field"})}),(0,io.jsx)(Lt,{className:"k-filter-operator",children:(0,io.jsx)(de,{value:"Is greater than","aria-label":"Operator"})}),(0,io.jsx)(Lt,{className:"k-filter-value",children:(0,io.jsx)(At,{placeholder:"100,00","aria-label":"Value"})}),(0,io.jsx)(d,{fillMode:"flat",icon:"x","aria-label":"Remove expression",title:"Remove expression"})]})})}),(0,io.jsx)(en,{children:(0,io.jsx)(jl,{children:(0,io.jsxs)(fe,{"aria-label":"Filter expression",children:[(0,io.jsx)(Lt,{className:"k-filter-field",children:(0,io.jsx)(de,{value:"First Ordered","aria-label":"Field"})}),(0,io.jsx)(Lt,{className:"k-filter-operator",children:(0,io.jsx)(de,{value:"Is before","aria-label":"Operator"})}),(0,io.jsx)(Lt,{className:"k-filter-value",children:(0,io.jsx)(Wl,{placeholder:"1/21/2021"})}),(0,io.jsx)(d,{fillMode:"flat",icon:"x","aria-label":"Remove expression",title:"Remove expression"})]})})})]})]})});var eo=require("react/jsx-runtime"),Qpe=({children:e,expressionPreview:t,...o})=>(0,eo.jsx)(Cs,{showApplyButton:!0,expressionPreview:t||(0,eo.jsx)(Uk,{fields:[{name:"bracket",value:"("},{name:"field",value:"Price"},{name:"criteria",value:"Is greater than"},{name:"value",value:"'100,00'"},{name:"operator",value:"AND"},{name:"bracket",value:"("},{name:"bracket",value:"("},{name:"field",value:"FirstOrdered"},{name:"criteria",value:"Is before"},{name:"value",value:"'Thursday Jan 21 2021'"},{name:"bracket",value:")"},{name:"bracket",value:")"},{name:"bracket",value:")"}]}),...o,children:e||(0,eo.jsxs)(eo.Fragment,{children:[(0,eo.jsx)(jl,{children:(0,eo.jsxs)(fe,{"aria-label":"Filter group",children:[(0,eo.jsxs)(Q,{children:[(0,eo.jsx)(d,{className:"k-group-start",selected:!0,children:"And"}),(0,eo.jsx)(d,{className:"k-group-end",children:"Or"})]}),(0,eo.jsx)(d,{icon:"filter-add-expression",children:"Add Expression"}),(0,eo.jsx)(d,{icon:"filter-add-group",children:"Add Group"}),(0,eo.jsx)(d,{fillMode:"flat",icon:"x","aria-label":"Remove group",title:"Remove group"})]})}),(0,eo.jsxs)(Zp,{children:[(0,eo.jsx)(en,{children:(0,eo.jsx)(jl,{children:(0,eo.jsxs)(fe,{"aria-label":"Filter expression",children:[(0,eo.jsx)(Lt,{className:"k-filter-field",children:(0,eo.jsx)(de,{value:"Name","aria-label":"Field"})}),(0,eo.jsx)(Lt,{className:"k-filter-operator",children:(0,eo.jsx)(de,{value:"Is equal to","aria-label":"Operator"})}),(0,eo.jsx)(Lt,{className:"k-filter-value",children:(0,eo.jsx)(we,{placeholder:"James","aria-label":"Value"})}),(0,eo.jsx)(d,{fillMode:"flat",icon:"x","aria-label":"Remove expression",title:"Remove expression"})]})})}),(0,eo.jsx)(en,{children:(0,eo.jsx)(jl,{children:(0,eo.jsxs)(fe,{"aria-label":"Filter expression",children:[(0,eo.jsx)(Lt,{className:"k-filter-field",children:(0,eo.jsx)(de,{value:"Price","aria-label":"Field"})}),(0,eo.jsx)(Lt,{className:"k-filter-operator",children:(0,eo.jsx)(de,{value:"Is greater than","aria-label":"Operator"})}),(0,eo.jsx)(Lt,{className:"k-filter-value",children:(0,eo.jsx)(At,{placeholder:"100,00","aria-label":"Value"})}),(0,eo.jsx)(d,{fillMode:"flat",icon:"x","aria-label":"Remove expression",title:"Remove expression"})]})})}),(0,eo.jsx)(en,{children:(0,eo.jsx)(jl,{children:(0,eo.jsxs)(fe,{"aria-label":"Filter expression",children:[(0,eo.jsx)(Lt,{className:"k-filter-field",children:(0,eo.jsx)(de,{value:"First Ordered","aria-label":"Field"})}),(0,eo.jsx)(Lt,{className:"k-filter-operator",children:(0,eo.jsx)(de,{value:"Is before","aria-label":"Operator"})}),(0,eo.jsx)(Lt,{className:"k-filter-value",children:(0,eo.jsx)(Wl,{placeholder:"1/21/2021"})}),(0,eo.jsx)(d,{fillMode:"flat",icon:"x","aria-label":"Remove expression",title:"Remove expression"})]})})})]})]})});var Pt=require("react/jsx-runtime"),Xpe=Cs.options,Zpe=Cs.states,Upe={...Cs.defaultOptions,variant:"normal"},Jpe=[{name:"normal",title:"Single Group"}],jpe=[{name:"expanded",title:"Expanded"}],Jk=e=>{let{modifiers:t,...o}=e,{expanded:r}=t||{};return(r?"expanded":"normal")==="expanded"?(0,Pt.jsxs)(WS,{...o,children:[(0,Pt.jsx)(jl,{children:(0,Pt.jsxs)(fe,{children:[(0,Pt.jsxs)(Q,{children:[(0,Pt.jsx)(d,{selected:!0,children:"And"}),(0,Pt.jsx)(d,{children:"Or"})]}),(0,Pt.jsx)(d,{icon:"filter-add-expression",children:"Add Expression"}),(0,Pt.jsx)(d,{icon:"filter-add-group",children:"Add Group"}),(0,Pt.jsx)(d,{fillMode:"flat",icon:"x"})]})}),(0,Pt.jsxs)(Zp,{children:[(0,Pt.jsx)(en,{children:(0,Pt.jsx)(jl,{children:(0,Pt.jsxs)(fe,{children:[(0,Pt.jsx)(Lt,{className:"k-filter-field",children:(0,Pt.jsx)(de,{value:"Name"})}),(0,Pt.jsx)(Lt,{className:"k-filter-operator",children:(0,Pt.jsx)(de,{value:"Is equal to"})}),(0,Pt.jsx)(Lt,{className:"k-filter-value",children:(0,Pt.jsx)(we,{placeholder:"James"})}),(0,Pt.jsx)(d,{fillMode:"flat",icon:"x"})]})})}),(0,Pt.jsx)(en,{children:(0,Pt.jsx)(jl,{children:(0,Pt.jsxs)(fe,{children:[(0,Pt.jsx)(Lt,{className:"k-filter-field",children:(0,Pt.jsx)(de,{value:"Price"})}),(0,Pt.jsx)(Lt,{className:"k-filter-operator",children:(0,Pt.jsx)(de,{value:"Is greater than"})}),(0,Pt.jsx)(Lt,{className:"k-filter-value",children:(0,Pt.jsx)(At,{placeholder:"100,00"})}),(0,Pt.jsx)(d,{fillMode:"flat",icon:"x"})]})})}),(0,Pt.jsx)(en,{children:(0,Pt.jsx)(jl,{children:(0,Pt.jsxs)(fe,{children:[(0,Pt.jsx)(Lt,{className:"k-filter-field",children:(0,Pt.jsx)(de,{value:"First Ordered"})}),(0,Pt.jsx)(Lt,{className:"k-filter-operator",children:(0,Pt.jsx)(de,{value:"Is before"})}),(0,Pt.jsx)(Lt,{className:"k-filter-value",children:(0,Pt.jsx)(Wl,{placeholder:"1/21/2021"})}),(0,Pt.jsx)(d,{fillMode:"flat",icon:"x"})]})})})]})]}):(0,Pt.jsxs)(WS,{...o,children:[(0,Pt.jsx)(jl,{children:(0,Pt.jsxs)(fe,{children:[(0,Pt.jsxs)(Q,{children:[(0,Pt.jsx)(d,{selected:!0,children:"And"}),(0,Pt.jsx)(d,{children:"Or"})]}),(0,Pt.jsx)(d,{icon:"filter-add-expression",children:"Add Expression"}),(0,Pt.jsx)(d,{icon:"filter-add-group",children:"Add Group"}),(0,Pt.jsx)(d,{fillMode:"flat",icon:"x"})]})}),(0,Pt.jsx)(Zp,{})]})};Jk.options=Xpe;Jk.states=Zpe;Jk.variants=Jpe;Jk.defaultOptions=Upe;Jk.modifiers=jpe;Jk.className=Cs.className;var qm="file-manager",_m="filemanager";var X8=require("react/jsx-runtime"),iP="k-filemanager-toolbar",qpe=[],_pe={},$pe={},Ss=e=>{let{children:t,...o}=e;return(0,X8.jsx)(fe,{...o,className:l(e.className,iP),children:t})};Ss.states=qpe;Ss.options=_pe;Ss.className=iP;Ss.defaultOptions=$pe;Ss.moduleName=qm;Ss.folderName=_m;var Gr=require("react/jsx-runtime"),sP="k-filemanager",eme=[m.disabled],tme={},ome=(0,Gr.jsx)(Gr.Fragment,{children:(0,Gr.jsxs)(Ss,{children:[(0,Gr.jsx)(d,{children:"New Folder"}),(0,Gr.jsx)(d,{children:"Upload"}),(0,Gr.jsxs)(Q,{children:[(0,Gr.jsx)(d,{className:"k-group-start",icon:"sort-asc-small","aria-label":"Sort ascending"}),(0,Gr.jsx)(d,{className:"k-group-end",icon:"sort-desc-small","aria-label":"Sort descending"})]}),(0,Gr.jsx)(Rt,{text:"Sort By"}),(0,Gr.jsxs)(Q,{children:[(0,Gr.jsx)(d,{className:"k-group-start",icon:"grid-layout","aria-label":"List view"}),(0,Gr.jsx)(d,{className:"k-group-end",icon:"grid","aria-label":"Grid view"})]}),(0,Gr.jsx)("div",{className:"k-spacer"}),(0,Gr.jsxs)("div",{className:"k-filemanager-details-toggle",children:[(0,Gr.jsx)("label",{children:"View Details"}),(0,Gr.jsx)(Aa,{"aria-label":"View Details"})]}),(0,Gr.jsx)(ya,{className:"k-filemanager-search-tool",placeholder:"Search..."})]})}),Z8={toolbar:ome},Sl=e=>{let{disabled:t,toolbar:o=Z8.toolbar,...r}=e;return(0,Gr.jsxs)("div",{...r,className:l(e.className,sP,D(sP,{disabled:t})),children:[(0,Gr.jsx)("div",{className:"k-filemanager-header",children:o}),(0,Gr.jsx)("div",{className:"k-filemanager-content-container",children:e.children})]})};Sl.states=eme;Sl.options=tme;Sl.className=sP;Sl.defaultOptions=Z8;Sl.moduleName=qm;Sl.folderName=_m;Sl.ariaSpec={selector:".k-filemanager",rules:[{selector:".k-filemanager-preview",attribute:"tabindex=0",usage:"The element must be focusable, so that its content would be communicated to the users."}]};var U8=require("react/jsx-runtime"),nP="k-filemanager-breadcrumb",ame=[],rme={},lme={},On=e=>{let{children:t,...o}=e;return(0,U8.jsx)(Ir,{className:l(e.className,nP),...o,children:t})};On.states=ame;On.options=rme;On.className=nP;On.defaultOptions=lme;On.moduleName=qm;On.folderName=_m;var J8=require("react/jsx-runtime"),dP="k-filemanager-listview",ime=[],sme={},nme={},Up=e=>{let{children:t,...o}=e;return(0,J8.jsx)(ki,{className:l(e.className,dP),layout:"flex",flexDirection:"row",flexWrap:"wrap",selectable:!0,contentAriaLabel:"Files",...o,children:t})};Up.states=ime;Up.options=sme;Up.className=dP;Up.defaultOptions=nme;Up.moduleName=qm;Up.folderName=_m;var j8=require("react/jsx-runtime"),cP="k-filemanager-treeview",dme=[],cme={},pme={},Kn=e=>{let{children:t,...o}=e;return(0,j8.jsx)(Yt,{className:l(e.className,cP),...o,children:t})};Kn.states=dme;Kn.options=cme;Kn.className=cP;Kn.defaultOptions=pme;Kn.moduleName=qm;Kn.folderName=_m;var Jy=require("react/jsx-runtime"),q8="k-filemanager-drag-hint",mme=[],ume={},_8={icon:"file"},jy=e=>{let{hint:t,icon:o=_8.icon,...r}=e;return(0,Jy.jsxs)("div",{className:l(e.className,q8,"k-drag-clue"),...r,children:[(0,Jy.jsx)(f,{icon:o}),(0,Jy.jsx)("span",{children:t})]})};jy.states=mme;jy.options=ume;jy.className=q8;jy.defaultOptions=_8;var _a=require("react/jsx-runtime"),$8="k-file-info",bme=[],fme={},pP={name:"No File Selected",icon:"file"},kb=e=>{let{selection:t,name:o=pP.name,icon:r=pP.icon,fileType:i,fileSize:c,fileDateCreated:u,fileDateModified:h,...x}=e;return(0,_a.jsxs)("div",{...x,className:l(e.className,$8),children:[(0,_a.jsx)(xi,{className:l({"k-single-file-selected":t==="single","k-multiple-files-selected":t==="multiple","k-no-file-selected":t==="none"}),icon:t==="none"?"none":r,name:o,size:"xxxlarge"}),t==="single"&&(0,_a.jsx)(_a.Fragment,{children:(0,_a.jsxs)("dl",{className:"k-file-meta",children:[i&&(0,_a.jsxs)(_a.Fragment,{children:[(0,_a.jsx)("dt",{className:"k-file-meta-label",children:"Type: "}),(0,_a.jsx)("dd",{className:"k-file-meta-value k-file-type",children:i}),(0,_a.jsx)("dd",{className:"k-line-break"})]}),c&&(0,_a.jsxs)(_a.Fragment,{children:[(0,_a.jsx)("dt",{className:"k-file-meta-label",children:"Size: "}),(0,_a.jsx)("dd",{className:"k-file-meta-value k-file-size",children:c}),(0,_a.jsx)("dd",{className:"k-line-break"})]}),u&&(0,_a.jsxs)(_a.Fragment,{children:[(0,_a.jsx)("dt",{className:"k-file-meta-label",children:"Date Created: "}),(0,_a.jsx)("dd",{className:"k-file-meta-value k-file-created",children:u}),(0,_a.jsx)("dd",{className:"k-line-break"})]}),h&&(0,_a.jsxs)(_a.Fragment,{children:[(0,_a.jsx)("dt",{className:"k-file-meta-label",children:"Date Modified: "}),(0,_a.jsx)("dd",{className:"k-file-meta-value k-file-modified",children:h}),(0,_a.jsx)("dd",{className:"k-line-break"})]})]})})]})};kb.states=bme;kb.options=fme;kb.className=$8;kb.defaultOptions=pP;var zf=require("react/jsx-runtime"),eW="k-file-preview",hme=[],gme={size:[g.undefined,g.xsmall,g.small,g.medium,g.large,g.xlarge,g.xxlarge,g.xxxlarge]},kme={},xi=e=>{let{size:t,icon:o,name:r,...i}=e;return(0,zf.jsxs)(zf.Fragment,{children:[(0,zf.jsx)("span",{...i,className:l(eW),children:(0,zf.jsx)(f,{className:"k-file-icon",icon:o,size:t})}),(0,zf.jsx)("span",{className:l(e.className,"k-file-name"),children:r})]})};xi.states=hme;xi.options=gme;xi.className=eW;xi.defaultOptions=kme;var _o=require("react/jsx-runtime"),mP=e=>(0,_o.jsx)(Sl,{toolbar:(0,_o.jsxs)(Ss,{children:[(0,_o.jsx)(d,{children:"New Folder"}),(0,_o.jsx)(d,{children:"Upload"}),(0,_o.jsxs)(Q,{children:[(0,_o.jsx)(d,{className:"k-group-start",icon:"sort-asc-small","aria-label":"Sort ascending"}),(0,_o.jsx)(d,{className:"k-group-end",icon:"sort-desc-small","aria-label":"Sort descending"})]}),(0,_o.jsx)(Rt,{text:"Sort By"}),(0,_o.jsxs)(Q,{children:[(0,_o.jsx)(d,{className:"k-group-start",icon:"grid","aria-label":"Grid view"}),(0,_o.jsx)(d,{className:"k-group-end",icon:"grid-layout",selected:!0,"aria-label":"List view"})]}),(0,_o.jsx)("div",{className:"k-spacer"}),(0,_o.jsxs)("div",{className:"k-filemanager-details-toggle",children:[(0,_o.jsx)("label",{children:"View Details"}),(0,_o.jsx)(Aa,{"aria-label":"View Details"})]}),(0,_o.jsx)(ya,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:(0,_o.jsx)(_o.Fragment,{children:(0,_o.jsx)(Ao,{className:"k-filemanager-splitter",panes:[(0,_o.jsx)(We,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:(0,_o.jsx)(Kn,{children:(0,_o.jsx)(z,{text:"Folder"})})},"pane-1"),(0,_o.jsxs)(We,{className:"k-filemanager-content",scrollable:!0,children:[(0,_o.jsx)(On,{children:(0,_o.jsx)(fi,{children:(0,_o.jsx)(Lo,{root:!0,children:(0,_o.jsx)(Co,{root:!0,icon:!0,"aria-label":"Home",children:(0,_o.jsx)(f,{icon:"home"})})})})}),(0,_o.jsxs)(Up,{children:[(0,_o.jsx)(ca,{itemRole:"option",ariaSetSize:2,ariaPosInSet:1,tabIndex:0,children:(0,_o.jsx)(xi,{name:"Folder",icon:"folder",size:"xxxlarge"})}),(0,_o.jsx)(ca,{itemRole:"option",ariaSetSize:2,ariaPosInSet:2,tabIndex:-1,children:(0,_o.jsx)(xi,{name:"file.png",icon:"file-image",size:"xxxlarge"})})]})]},"pane-2")]})}),...e});var Go=require("react/jsx-runtime"),uP=e=>(0,Go.jsx)(Sl,{toolbar:(0,Go.jsxs)(Ss,{children:[(0,Go.jsx)(d,{children:"New Folder"}),(0,Go.jsx)(d,{children:"Upload"}),(0,Go.jsxs)(Q,{children:[(0,Go.jsx)(d,{className:"k-group-start",icon:"sort-asc-small","aria-label":"Sort ascending"}),(0,Go.jsx)(d,{className:"k-group-end",icon:"sort-desc-small","aria-label":"Sort descending"})]}),(0,Go.jsx)(Rt,{text:"Sort By"}),(0,Go.jsxs)(Q,{children:[(0,Go.jsx)(d,{className:"k-group-start",icon:"grid","aria-label":"Grid view"}),(0,Go.jsx)(d,{className:"k-group-end",icon:"grid-layout",selected:!0,"aria-label":"List view"})]}),(0,Go.jsx)("div",{className:"k-spacer"}),(0,Go.jsxs)("div",{className:"k-filemanager-details-toggle",children:[(0,Go.jsx)("label",{children:"View Details"}),(0,Go.jsx)(Aa,{checked:!0,"aria-label":"View Details"})]}),(0,Go.jsx)(ya,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:(0,Go.jsx)(Go.Fragment,{children:(0,Go.jsx)(Ao,{className:"k-filemanager-splitter",panes:[(0,Go.jsx)(We,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:(0,Go.jsx)(Kn,{children:(0,Go.jsx)(z,{text:"Folder"})})},"pane-1"),(0,Go.jsxs)(We,{className:"k-filemanager-content",scrollable:!0,children:[(0,Go.jsx)(On,{children:(0,Go.jsx)(fi,{children:(0,Go.jsx)(Lo,{root:!0,children:(0,Go.jsx)(Co,{root:!0,icon:!0,"aria-label":"Home",children:(0,Go.jsx)(f,{icon:"home"})})})})}),(0,Go.jsxs)(Up,{children:[(0,Go.jsx)(ca,{itemRole:"option",ariaSetSize:2,ariaPosInSet:1,tabIndex:0,children:(0,Go.jsx)(xi,{name:"Folder",icon:"folder",size:"xxxlarge"})}),(0,Go.jsx)(ca,{itemRole:"option",ariaSetSize:2,ariaPosInSet:2,tabIndex:-1,children:(0,Go.jsx)(xi,{name:"file.png",icon:"file-image",size:"xxxlarge"})})]})]},"pane-2"),(0,Go.jsx)(We,{className:"k-filemanager-preview",collapsible:!0,scrollable:!0,flexBasis:"25%",tabIndex:0,children:(0,Go.jsx)(kb,{selection:"none",name:"No File Selected"})},"pane-3")]})}),...e});var it=require("react/jsx-runtime"),bP=e=>(0,it.jsx)(Sl,{toolbar:(0,it.jsxs)(Ss,{children:[(0,it.jsx)(d,{children:"New Folder"}),(0,it.jsx)(d,{children:"Upload"}),(0,it.jsxs)(Q,{children:[(0,it.jsx)(d,{className:"k-group-start",icon:"sort-asc-small","aria-label":"Sort ascending"}),(0,it.jsx)(d,{className:"k-group-end",icon:"sort-desc-small","aria-label":"Sort descending"})]}),(0,it.jsx)(Rt,{text:"Sort By"}),(0,it.jsxs)(Q,{children:[(0,it.jsx)(d,{className:"k-group-start",icon:"grid",selected:!0,"aria-label":"Grid view"}),(0,it.jsx)(d,{className:"k-group-end",icon:"grid-layout","aria-label":"List view"})]}),(0,it.jsx)("div",{className:"k-spacer"}),(0,it.jsxs)("div",{className:"k-filemanager-details-toggle",children:[(0,it.jsx)("label",{children:"View Details"}),(0,it.jsx)(Aa,{"aria-label":"View Details"})]}),(0,it.jsx)(ya,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:(0,it.jsx)(it.Fragment,{children:(0,it.jsx)(Ao,{className:"k-filemanager-splitter",panes:[(0,it.jsx)(We,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:(0,it.jsx)(Kn,{children:(0,it.jsx)(z,{text:"Folder"})})},"pane-1"),(0,it.jsxs)(We,{className:"k-filemanager-content",scrollable:!0,children:[(0,it.jsx)(On,{children:(0,it.jsx)(fi,{children:(0,it.jsx)(Lo,{root:!0,children:(0,it.jsx)(Co,{root:!0,icon:!0,"aria-label":"Home",children:(0,it.jsx)(f,{icon:"home"})})})})}),(0,it.jsxs)(Ze,{_renderAriaRoot:!0,className:"k-filemanager-grid k-grid-display-block",children:[(0,it.jsx)(Le,{children:(0,it.jsx)("div",{className:"k-grid-header-wrap k-auto-scrollable",children:(0,it.jsxs)(ye,{children:[(0,it.jsxs)("colgroup",{children:[(0,it.jsx)("col",{}),(0,it.jsx)("col",{}),(0,it.jsx)("col",{})]}),(0,it.jsx)(xe,{children:(0,it.jsxs)(k,{children:[(0,it.jsx)(Y,{columnTitle:"Name",sortable:!0}),(0,it.jsx)(Y,{columnTitle:"Date Created"}),(0,it.jsx)(Y,{columnTitle:"File Size"})]})})]})})}),(0,it.jsx)(Be,{children:(0,it.jsx)(Ae,{className:"k-auto-scrollable",children:(0,it.jsxs)(ve,{className:"k-selectable",children:[(0,it.jsxs)("colgroup",{children:[(0,it.jsx)("col",{className:"k-sorted"}),(0,it.jsx)("col",{}),(0,it.jsx)("col",{})]}),(0,it.jsxs)(ie,{children:[(0,it.jsxs)(k,{className:"k-master-row",children:[(0,it.jsx)(n,{children:(0,it.jsx)(xi,{name:"Folder",icon:"folder"})}),(0,it.jsx)(n,{children:"13/12/2019 at 12:22:04 PM"}),(0,it.jsx)(n,{children:"0"})]}),(0,it.jsxs)(k,{className:"k-master-row",alt:!0,children:[(0,it.jsx)(n,{children:(0,it.jsx)(xi,{name:"file.png",icon:"file"})}),(0,it.jsx)(n,{children:"13/12/2019 at 12:22:04 PM"}),(0,it.jsx)(n,{children:"73289"})]})]})]})})})]})]},"pane-2")]})}),...e});var rt=require("react/jsx-runtime"),fP=e=>(0,rt.jsx)(Sl,{toolbar:(0,rt.jsxs)(Ss,{children:[(0,rt.jsx)(d,{children:"New Folder"}),(0,rt.jsx)(d,{children:"Upload"}),(0,rt.jsxs)(Q,{children:[(0,rt.jsx)(d,{className:"k-group-start",icon:"sort-asc-small","aria-label":"Sort ascending"}),(0,rt.jsx)(d,{className:"k-group-end",icon:"sort-desc-small","aria-label":"Sort descending"})]}),(0,rt.jsx)(Rt,{text:"Sort By"}),(0,rt.jsxs)(Q,{children:[(0,rt.jsx)(d,{className:"k-group-start",icon:"grid",selected:!0,"aria-label":"Grid view"}),(0,rt.jsx)(d,{className:"k-group-end",icon:"grid-layout","aria-label":"List view"})]}),(0,rt.jsx)("div",{className:"k-spacer"}),(0,rt.jsxs)("div",{className:"k-filemanager-details-toggle",children:[(0,rt.jsx)("label",{children:"View Details"}),(0,rt.jsx)(Aa,{checked:!0,"aria-label":"View Details"})]}),(0,rt.jsx)(ya,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:(0,rt.jsx)(rt.Fragment,{children:(0,rt.jsx)(Ao,{className:"k-filemanager-splitter",panes:[(0,rt.jsx)(We,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:(0,rt.jsx)(Kn,{children:(0,rt.jsx)(z,{text:"Folder"})})},"pane-1"),(0,rt.jsxs)(We,{className:"k-filemanager-content",scrollable:!0,children:[(0,rt.jsx)(On,{children:(0,rt.jsx)(fi,{children:(0,rt.jsx)(Lo,{root:!0,children:(0,rt.jsx)(Co,{root:!0,icon:!0,"aria-label":"Home",children:(0,rt.jsx)(f,{icon:"home"})})})})}),(0,rt.jsxs)(Ze,{_renderAriaRoot:!0,className:"k-filemanager-grid k-grid-display-block",children:[(0,rt.jsx)(Le,{children:(0,rt.jsx)("div",{className:"k-grid-header-wrap k-auto-scrollable",children:(0,rt.jsxs)(ye,{children:[(0,rt.jsxs)("colgroup",{children:[(0,rt.jsx)("col",{}),(0,rt.jsx)("col",{}),(0,rt.jsx)("col",{})]}),(0,rt.jsx)(xe,{children:(0,rt.jsxs)(k,{children:[(0,rt.jsx)(Y,{sortable:!0,columnTitle:"Name"}),(0,rt.jsx)(Y,{columnTitle:"Date Created"}),(0,rt.jsx)(Y,{columnTitle:"File Size"})]})})]})})}),(0,rt.jsx)(Be,{children:(0,rt.jsx)(Ae,{className:"k-auto-scrollable",children:(0,rt.jsxs)(ve,{className:"k-selectable",children:[(0,rt.jsxs)("colgroup",{children:[(0,rt.jsx)("col",{className:"k-sorted"}),(0,rt.jsx)("col",{}),(0,rt.jsx)("col",{})]}),(0,rt.jsxs)(ie,{children:[(0,rt.jsxs)(k,{className:"k-master-row",children:[(0,rt.jsx)(n,{children:(0,rt.jsx)(xi,{name:"Folder",icon:"folder"})}),(0,rt.jsx)(n,{children:"13/12/2019 at 12:22:04 PM"}),(0,rt.jsx)(n,{children:"0"})]}),(0,rt.jsxs)(k,{className:"k-master-row",alt:!0,children:[(0,rt.jsx)(n,{children:(0,rt.jsx)(xi,{name:"file.png",icon:"file"})}),(0,rt.jsx)(n,{children:"13/12/2019 at 12:22:04 PM"}),(0,rt.jsx)(n,{children:"73289"})]})]})]})})})]})]},"pane-2"),(0,rt.jsx)(We,{className:"k-filemanager-preview",collapsible:!0,scrollable:!0,flexBasis:"25%",tabIndex:0,children:(0,rt.jsx)(kb,{selection:"none",name:"No File Selected"})},"pane-3")]})}),...e});var qy=require("react/jsx-runtime"),xme=Sl.options,vme=Sl.states,Tme={...Sl.defaultOptions,variant:"listview"},wme=[{name:"listview",title:"ListView"},{name:"grid",title:"Grid"}],Nme=[{name:"preview",title:"Preview"}],jk=e=>{let{variant:t,modifiers:o,...r}={...e},i=!1;return Object.keys(o||{}).forEach(c=>{c==="preview"&&(i=!!(o!=null&&o[c]))}),t==="grid"?i?(0,qy.jsx)(fP,{...r}):(0,qy.jsx)(bP,{...r}):i?(0,qy.jsx)(uP,{...r}):(0,qy.jsx)(mP,{...r})};jk.options=xme;jk.states=vme;jk.variants=wme;jk.defaultOptions=Tme;jk.modifiers=Nme;jk.className=Sl.className;var tW=require("react/jsx-runtime"),hP="k-taskboard-toolbar",yme=[],Ame={},Cme={},qk=e=>{let{children:t,...o}=e;return(0,tW.jsx)(fe,{...o,className:l(e.className,hP),children:t})};qk.states=yme;qk.options=Ame;qk.className=hP;qk.defaultOptions=Cme;var Yn=require("react/jsx-runtime"),gP="k-taskboard-pane",Sme=[],Eme={},Lme=void 0,Ime={header:Lme},_k=e=>{let{header:t,paneHeaderId:o,...r}=e;return(0,Yn.jsxs)("div",{...r,className:l(e.className,gP,"k-taskboard-edit-pane"),children:[(0,Yn.jsx)("div",{className:"k-taskboard-pane-header",children:t||(0,Yn.jsxs)(Yn.Fragment,{children:[(0,Yn.jsx)("div",{className:"k-taskboard-pane-header-text",id:o,children:"Card X"}),(0,Yn.jsx)("span",{className:"k-spacer"}),(0,Yn.jsx)("div",{className:"k-taskboard-pane-header-actions",children:(0,Yn.jsx)(d,{fillMode:"flat",icon:"x","aria-label":"Close",title:"Close"})})]})}),(0,Yn.jsx)("div",{className:"k-taskboard-pane-content",children:e.children}),(0,Yn.jsxs)(Xe,{alignment:"end",className:"k-taskboard-pane-actions",children:[(0,Yn.jsx)(d,{icon:"trash",children:"Delete"}),(0,Yn.jsx)(d,{themeColor:"primary",icon:"pencil",children:"Edit"})]})]})};_k.states=Sme;_k.options=Eme;_k.className=gP;_k.defaultOptions=Ime;var oW="task-board",aW="taskboard";var Es=require("react/jsx-runtime"),QS="k-taskboard",Mme=[m.disabled],Bme={},Pme=(0,Es.jsx)(Es.Fragment,{children:(0,Es.jsxs)(qk,{children:[(0,Es.jsx)(d,{icon:"plus",children:"Add Column"}),(0,Es.jsx)("span",{className:"k-spacer"}),(0,Es.jsx)(ya,{placeholder:"Search..."})]})}),VS={toolbar:Pme,pane:!1,panePosition:"end"},Ls=e=>{let{disabled:t,toolbar:o=VS.toolbar,panePosition:r=VS.panePosition,pane:i=VS.pane,...c}=e;return(0,Es.jsxs)("div",{...c,className:l(e.className,QS,D(QS,{disabled:t})),role:"application",children:[(0,Es.jsx)("div",{className:"k-taskboard-header",children:o}),(0,Es.jsx)("div",{className:"k-taskboard-content",style:{marginRight:i&&r==="end"?"304px":void 0,marginLeft:i&&r==="start"?"304px":void 0},children:(0,Es.jsx)("div",{className:"k-taskboard-columns-container",children:e.children})}),i&&(()=>{let u=b("taskboard-pane-header");return(0,Es.jsx)(_k,{className:l({"k-taskboard-pane-start":r==="start"}),paneHeaderId:u,children:(0,Es.jsx)(Yh,{formButtons:null,role:"form","aria-labelledby":u,children:(0,Es.jsx)(Ee,{label:"Textbox:",editor:(0,Es.jsx)(we,{})})})})})()]})};Ls.states=Mme;Ls.options=Bme;Ls.className=QS;Ls.defaultOptions=VS;Ls.moduleName=oW;Ls.folderName=aW;Ls.ariaSpec={selector:".k-taskboard",rules:[{selector:".k-taskboard",attribute:"role=application",usage:"The TaskBoard has role=application as its inner navigation requires the use of arrows."},{selector:".k-taskboard-column-cards-container",attribute:"role=list",usage:"The TaskBoard Column cards container is a collection of list items."},{selector:".k-taskboard-column-cards-container",attribute:"tabindex=0",usage:"The TaskBoard Column cards container must be focusable."},{selector:".k-taskboard-column-cards-container",attribute:"aria-labelledby",usage:"The TaskBoard Column cards container must be labelled by its column header."},{selector:".k-taskboard-column-header-actions > .k-button",attribute:"role=button or nodeName=button",usage:"The TaskBoard Column actions are buttons."},{selector:".k-taskboard-column-header-actions > .k-button",attribute:"aria-label or title",usage:"Each action must have an accessible name as they are represented by icons."},{selector:".k-taskboard-column-cards",attribute:"role=presentation",usage:"The cards inner container must not break the list-listitem relationship."},{selector:".k-taskboard-card",attribute:"role=listitem",usage:"The TaskBoard Tasks (cards) are list items."},{selector:".k-taskboard-card",attribute:"tabindex=0",usage:"The TaskBoard Card must be focusable."},{selector:".k-taskboard-card-menu-button",attribute:"role=button or nodeName=button",usage:"The TaskBoard card menu element must be a button."},{selector:".k-taskboard-card-menu-button",attribute:"aria-label or title",usage:"The menu button must have an accessible name as it is represented by an icon."},{selector:".k-taskboard-pane-header-actions > .k-button",attribute:"role=button or nodeName=button",usage:"The TaskBoard edit form close element must be a button."},{selector:".k-taskboard-pane-header-actions > .k-button",attribute:"aria-label or title",usage:"The edit form close button must have an accessible name."},{selector:".k-taskboard-edit-pane .k-form",attribute:"role=form",usage:"The edit Form needs the appropriate role."},{selector:".k-taskboard-edit-pane .k-form",attribute:"aria-labelledby",usage:"The TaskBoard edit form must be labeled by the header text of the pane."}]};var Gn=require("react/jsx-runtime"),XS="k-taskboard-column",Dme=[],Rme={},Ome={header:void 0},Id=e=>{let{header:t,edit:o,...r}=e,i=b("taskboard-column-header");return(0,Gn.jsxs)("div",{...r,className:l(e.className,XS,{[`${XS}-edit`]:o}),children:[(0,Gn.jsx)("div",{className:"k-taskboard-column-header",children:t||(0,Gn.jsxs)(Gn.Fragment,{children:[(0,Gn.jsx)("div",{className:"k-taskboard-column-header-text k-text-ellipsis",id:i,children:"Column Header"}),(0,Gn.jsx)("span",{className:"k-spacer"}),(0,Gn.jsxs)("div",{className:"k-taskboard-column-header-actions",children:[(0,Gn.jsx)(d,{fillMode:"flat",icon:"pencil","aria-label":"Edit column",title:"Edit column"}),(0,Gn.jsx)(d,{fillMode:"flat",icon:"plus","aria-label":"Add card",title:"Add card"}),(0,Gn.jsx)(d,{fillMode:"flat",icon:"x","aria-label":"Delete column",title:"Delete column"})]})]})}),(0,Gn.jsx)("div",{className:"k-taskboard-column-cards-container",role:"list",tabIndex:0,"aria-labelledby":i,children:(0,Gn.jsx)("div",{className:"k-taskboard-column-cards",role:"presentation",children:e.children})})]})};Id.states=Dme;Id.options=Rme;Id.className=XS;Id.defaultOptions=Ome;var US=require("react/jsx-runtime"),ZS="k-taskboard-card",Kme=[],Yme={},Gme={},vi=e=>{let{children:t,category:o,menuButton:r,...i}=e;return(0,US.jsxs)(qo,{...i,className:l(e.className,ZS,{[`${ZS}-category`]:o}),role:"listitem",tabIndex:0,children:[t,r&&(0,US.jsx)(d,{className:"k-taskboard-card-menu-button",fillMode:"flat",icon:"more-vertical","aria-label":"Card menu",title:"Card menu"})]})};vi.states=Kme;vi.options=Yme;vi.className=ZS;vi.defaultOptions=Gme;var Tt=require("react/jsx-runtime"),kP=e=>(0,Tt.jsx)(Ls,{children:(0,Tt.jsxs)(Tt.Fragment,{children:[(0,Tt.jsxs)(Id,{children:[(0,Tt.jsxs)(vi,{children:[(0,Tt.jsxs)(da,{className:"k-hbox",children:[(0,Tt.jsx)("a",{className:"k-card-title k-link",children:"Card Title"}),(0,Tt.jsx)("span",{className:"k-spacer"}),(0,Tt.jsx)("span",{className:"k-card-header-actions",children:(0,Tt.jsx)(d,{className:"k-taskboard-card-menu-button",icon:"more-vertical",fillMode:"flat","aria-label":"Card menu",title:"Card menu"})})]}),(0,Tt.jsx)(xo,{children:(0,Tt.jsx)("p",{children:"Card Body"})})]}),(0,Tt.jsxs)(vi,{children:[(0,Tt.jsxs)(da,{className:"k-hbox",children:[(0,Tt.jsx)("a",{className:"k-card-title k-link",children:"Card Title"}),(0,Tt.jsx)("span",{className:"k-spacer"}),(0,Tt.jsx)("span",{className:"k-card-header-actions",children:(0,Tt.jsx)(d,{className:"k-taskboard-card-menu-button",icon:"more-vertical",fillMode:"flat","aria-label":"Card menu",title:"Card menu"})})]}),(0,Tt.jsx)(xo,{children:(0,Tt.jsx)("p",{children:"Card Body"})})]}),(0,Tt.jsxs)(vi,{children:[(0,Tt.jsxs)(da,{className:"k-hbox",children:[(0,Tt.jsx)("a",{className:"k-card-title k-link",children:"Card Title"}),(0,Tt.jsx)("span",{className:"k-spacer"}),(0,Tt.jsx)("span",{className:"k-card-header-actions",children:(0,Tt.jsx)(d,{className:"k-taskboard-card-menu-button",icon:"more-vertical",fillMode:"flat","aria-label":"Card menu",title:"Card menu"})})]}),(0,Tt.jsx)(xo,{children:(0,Tt.jsx)("p",{children:"Card Body"})})]})]}),(0,Tt.jsxs)(Id,{children:[(0,Tt.jsxs)(vi,{children:[(0,Tt.jsxs)(da,{className:"k-hbox",children:[(0,Tt.jsx)("a",{className:"k-card-title k-link",children:"Card Title"}),(0,Tt.jsx)("span",{className:"k-spacer"}),(0,Tt.jsx)("span",{className:"k-card-header-actions",children:(0,Tt.jsx)(d,{className:"k-taskboard-card-menu-button",icon:"more-vertical",fillMode:"flat","aria-label":"Card menu",title:"Card menu"})})]}),(0,Tt.jsx)(xo,{children:(0,Tt.jsx)("p",{children:"Card Body"})})]}),(0,Tt.jsxs)(vi,{children:[(0,Tt.jsxs)(da,{className:"k-hbox",children:[(0,Tt.jsx)("a",{className:"k-card-title k-link",children:"Card Title"}),(0,Tt.jsx)("span",{className:"k-spacer"}),(0,Tt.jsx)("span",{className:"k-card-header-actions",children:(0,Tt.jsx)(d,{className:"k-taskboard-card-menu-button",icon:"more-vertical",fillMode:"flat","aria-label":"Card menu",title:"Card menu"})})]}),(0,Tt.jsx)(xo,{children:(0,Tt.jsx)("p",{children:"Card Body"})})]})]}),(0,Tt.jsx)(Id,{children:(0,Tt.jsxs)(vi,{children:[(0,Tt.jsxs)(da,{className:"k-hbox",children:[(0,Tt.jsx)("a",{className:"k-card-title k-link",children:"Card Title"}),(0,Tt.jsx)("span",{className:"k-spacer"}),(0,Tt.jsx)("span",{className:"k-card-header-actions",children:(0,Tt.jsx)(d,{className:"k-taskboard-card-menu-button",icon:"more-vertical",fillMode:"flat","aria-label":"Card menu",title:"Card menu"})})]}),(0,Tt.jsx)(xo,{children:(0,Tt.jsx)("p",{children:"Card Body"})})]})})]}),...e});var Hn=require("react/jsx-runtime"),Hme=e=>(0,Hn.jsx)(Ls,{pane:!0,children:(0,Hn.jsx)(Hn.Fragment,{children:(0,Hn.jsx)(Id,{children:(0,Hn.jsxs)(vi,{children:[(0,Hn.jsxs)(da,{className:"k-hbox",children:[(0,Hn.jsx)("a",{className:"k-card-title k-link",children:"Card Title"}),(0,Hn.jsx)("span",{className:"k-spacer"}),(0,Hn.jsx)("span",{className:"k-card-header-actions",children:(0,Hn.jsx)(d,{className:"k-taskboard-card-menu-button",icon:"more-vertical",fillMode:"flat","aria-label":"Card menu",title:"Card menu"})})]}),(0,Hn.jsx)(xo,{children:(0,Hn.jsx)("p",{children:"Card Body"})})]})})}),...e});var Va=require("react/jsx-runtime"),Fme=Ls.options,zme=Ls.states,rW={...Ls.defaultOptions,variant:"normal"},Wme=[{name:"normal",title:"Normal"},{name:"pane-end",title:"Pane End"},{name:"pane-start",title:"Pane Start"}],Vme=[],$k=e=>{let{variant:t,...o}={...rW,...e};return(0,Va.jsxs)(kP,{style:{width:"568px"},...o,pane:t==="pane-end"||t==="pane-start",panePosition:t==="pane-end"?"end":"start",children:[(0,Va.jsxs)(Id,{style:{width:"260px"},children:[(0,Va.jsxs)(vi,{children:[(0,Va.jsxs)(da,{className:"k-hbox",details:!0,children:[(0,Va.jsx)("a",{className:"k-card-title k-link",children:"Template Title"}),(0,Va.jsx)("span",{className:"k-spacer"})]}),(0,Va.jsx)(xo,{children:(0,Va.jsx)("p",{children:"Some quick example text to build on the card title and make up the bulk of the card content."})})]}),(0,Va.jsxs)(vi,{children:[(0,Va.jsxs)(da,{className:"k-hbox",details:!0,children:[(0,Va.jsx)("a",{className:"k-card-title k-link",children:"Template Title"}),(0,Va.jsx)("span",{className:"k-spacer"})]}),(0,Va.jsx)(xo,{children:(0,Va.jsx)("p",{children:"Some quick example text to build on the card title and make up the bulk of the card content."})})]})]}),(0,Va.jsxs)(Id,{style:{width:"260px"},children:[(0,Va.jsxs)(vi,{children:[(0,Va.jsxs)(da,{className:"k-hbox",details:!0,children:[(0,Va.jsx)("a",{className:"k-card-title k-link",children:"Template Title"}),(0,Va.jsx)("span",{className:"k-spacer"})]}),(0,Va.jsx)(xo,{children:(0,Va.jsx)("p",{children:"Some quick example text to build on the card title and make up the bulk of the card content."})})]}),(0,Va.jsxs)(vi,{children:[(0,Va.jsxs)(da,{className:"k-hbox",details:!0,children:[(0,Va.jsx)("a",{className:"k-card-title k-link",children:"Template Title"}),(0,Va.jsx)("span",{className:"k-spacer"})]}),(0,Va.jsx)(xo,{children:(0,Va.jsx)("p",{children:"Some quick example text to build on the card title and make up the bulk of the card content."})})]})]})]})};$k.options=Fme;$k.states=zme;$k.variants=Wme;$k.defaultOptions=rW;$k.modifiers=Vme;$k.className=Ls.className;var xP="chat",lW=xP;var Is=require("react/jsx-runtime"),iW="k-chat",Qme=[],Xme={},Zme=(0,Is.jsxs)(Is.Fragment,{children:[(0,Is.jsx)(ot,{icon:"paperclip-outline-alt-right",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),(0,Is.jsx)("div",{className:"k-spacer"})]}),sW={tools:Zme},oa=e=>{let{header:t,dir:o,suggestedActions:r,files:i,pinned:c,replied:u,generating:h,tools:x=sW.tools,value:v,empty:T,scrollToBottom:C,scrollbar:N,promptBoxProps:R,...H}=e;return(0,Is.jsxs)("div",{...H,className:l(iW,e.className),dir:o,children:[t,(0,Is.jsxs)("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[c,(0,Is.jsx)("div",{className:l("k-message-list-content",T&&"k-message-list-content-empty"),children:e.children}),C&&(0,Is.jsx)("div",{className:"k-chat-scroll-to-bottom-container",children:(0,Is.jsx)(IM,{themeColor:"base",icon:"arrow-down-outline",size:"small"})})]}),N&&(0,Is.jsx)("div",{className:"k-separator"}),(0,Is.jsxs)("div",{className:"k-message-box-wrapper",children:[r,(0,Is.jsx)(xp,{lineMode:"multi",placeholder:"Type a message",generating:h,value:v,header:i||u?(0,Is.jsxs)(Is.Fragment,{children:[u,i]}):void 0,endAffix:x,...R})]})]})};oa.states=Qme;oa.options=Xme;oa.className=iW;oa.defaultOptions=sW;oa.moduleName=xP;oa.folderName=lW;oa.ariaSpec={selector:".k-chat",rules:[{selector:".k-message-list",attribute:"role=log",usage:"The role of the Chat message list must imply that there is a log (list) of messages."},{selector:".k-message-list",attribute:"aria-label",usage:"Announces the purpose of the Chat message list."},{selector:".k-message-list",attribute:"aria-live=polite",usage:"Announces new messages in the Chat message list."},{selector:".k-bubble",attribute:"tabindex=0",usage:"The Chat bubble must be focusable."},{selector:".k-bubble .k-typing-indicator",attribute:"tabindex=-1",usage:"The Chat bubble typing indicator should not be focusable."},{selector:".k-bubble-expandable-indicator",attribute:"role=button",usage:"The expandable indicator must have an appropriate role."},{selector:".k-bubble-expandable-indicator",attribute:"aria-label or title",usage:"The expandable indicator must be properly labelled."},{selector:".k-bubble-expandable-indicator",attribute:"tabindex=0",usage:"The expandable indicator must be part of the page tabsequence."},{selector:".k-message-reference>.k-button",attribute:"aria-label or title",usage:"The reference close button must be properly labelled."},{selector:".k-message-reference>.k-button",attribute:"role=button or nodeName=button",usage:"The reference close button must have an appropriate role."},{selector:".k-prompt-box-affix>.k-button",attribute:"role=button or nodeName=button",usage:"The buttons must have appropriate role."},{selector:".k-prompt-box-affix>.k-button",attribute:"aria-label or title",usage:"The buttons must be properly labelled."},{selector:".k-prompt-box-affix>.k-button.k-disabled",attribute:"disabled",usage:"Announces the send action as disabled when necessary."}]};var ql=require("react/jsx-runtime"),vP="k-message",Ume=[m.hover,m.selected,m.active,m.focus],Jme={},jme=[(0,ql.jsx)(d,{icon:"copy",fillMode:"flat","aria-label":"Copy"}),(0,ql.jsx)(d,{icon:"arrow-rotate-cw-outline",fillMode:"flat","aria-label":"Retry"}),(0,ql.jsx)(d,{icon:"download-light",fillMode:"flat","aria-label":"Download"})],ew={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen",toolbarItems:jme,failed:"Failed to send"},So=e=>{let{time:t=ew.time,text:o=ew.text,content:r,status:i=ew.status,statusIcon:c,toolbarItems:u=ew.toolbarItems,hover:h,selected:x,active:v,focus:T,toolbar:C,typing:N,expandable:R,expanded:H,removed:V,files:_,failed:q,...me}=e,Qe=q===!0?ew.failed:q;return(0,ql.jsxs)("div",{...me,className:l(vP,e.className,{"k-message-removed":V,"k-message-failed":q}),children:[q&&(0,ql.jsx)(ot,{className:"k-resend-button",icon:"arrow-rotate-cw-outline",size:"xsmall",fillMode:"clear","aria-label":"Resend"}),(0,ql.jsx)(TP,{typing:N,selected:x,hover:h,active:v,focus:T,content:(0,ql.jsxs)(ql.Fragment,{children:[r,o&&(0,ql.jsx)("span",{className:"k-chat-bubble-text",children:o})]}),expandable:R,expanded:H,files:_}),(0,ql.jsxs)("div",{className:"k-message-info",children:[i&&(0,ql.jsxs)("span",{className:"k-message-status",children:[c&&(0,ql.jsx)(f,{icon:c,size:"xsmall"}),i]}),t&&(0,ql.jsx)("time",{className:"k-message-time",children:t}),q&&(0,ql.jsxs)("span",{className:"k-message-failed-content",children:[q&&(0,ql.jsx)(f,{icon:"warning-triangle",size:"xsmall"}),q&&(0,ql.jsx)("span",{className:"k-message-failed-text",children:Qe})]})]}),C&&(0,ql.jsx)(fe,{className:"k-chat-message-toolbar",fillMode:"flat",children:u})]})};So.states=Ume;So.options=Jme;So.className=vP;So.defaultOptions=ew;var Jp=require("react/jsx-runtime"),tw="k-message-group",qme=[m.selected],_me={},JS={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},Eo=e=>{let{type:t=JS.type,author:o=JS.author,avatar:r=JS.avatar,status:i,selected:c,fullWidth:u,...h}=e;return(0,Jp.jsxs)("div",{...h,className:l(tw,e.className,D(tw,{selected:c}),{[`${tw}-${t}`]:t,"k-no-avatar":!r,[`${tw}-full-width`]:u}),children:[r&&!i&&(0,Jp.jsx)(ul,{type:"image",children:(0,Jp.jsx)("img",{src:r,alt:o||""})}),i&&r&&(0,Jp.jsxs)("div",{className:"k-chat-user-status-wrapper",children:[(0,Jp.jsx)(ul,{type:"image",children:(0,Jp.jsx)("img",{src:r,alt:o||""})}),(0,Jp.jsx)("div",{className:"k-chat-user-status"})]}),(0,Jp.jsxs)("div",{className:"k-message-group-content",children:[o&&(0,Jp.jsx)("span",{className:"k-message-author",children:o}),e.children]})]})};Eo.states=qme;Eo.options=_me;Eo.className=tw;Eo.defaultOptions=JS;var $m=require("react/jsx-runtime"),jS="k-message-reference",$me={},nW={type:"receiver"},Wf=e=>{let{content:t,closeable:o,pinned:r,type:i=nW.type,...c}=e;return(0,$m.jsxs)("div",{...c,className:l(jS,e.className,{[`${jS}-${i}`]:i,"k-message-pinned":r}),children:[r&&(0,$m.jsx)(f,{icon:"pin-outline"}),(0,$m.jsx)("div",{className:"k-message-reference-content",children:t}),o&&(0,$m.jsxs)($m.Fragment,{children:[(0,$m.jsx)("span",{className:"k-spacer"}),(0,$m.jsx)(d,{icon:"x-mark-sm-outline",fillMode:"flat",size:"xsmall","aria-label":"Close"})]})]})};Wf.options=$me;Wf.className=jS;Wf.defaultOptions=nW;var wP="bubble",dW=wP;var ex=require("react/jsx-runtime"),NP="k-bubble",eue=[m.hover,m.active,m.selected,m.focus],yP={expandable:!1,expanded:!1},Vf=e=>{let{content:t,hover:o,active:r,focus:i,selected:c,expandable:u=yP.expandable,expanded:h=yP.expanded,...x}=e;return(0,ex.jsxs)("div",{...x,className:l(e.className,NP,D(NP,{hover:o,active:r,focus:i,selected:c}),{"k-bubble-expandable":u},{"k-expanded":h}),tabIndex:0,children:[(0,ex.jsx)("div",{className:"k-bubble-content",children:t??e.children}),u&&(0,ex.jsx)("span",{className:"k-bubble-expandable-indicator",role:"button","aria-label":h?"Show less":"Show more",tabIndex:0,children:h?(0,ex.jsx)(f,{icon:"chevron-up"}):(0,ex.jsx)(f,{icon:"chevron-down"})})]})};Vf.states=eue;Vf.className=NP;Vf.defaultOptions=yP;Vf.moduleName=wP;Vf.folderName=dW;Vf.ariaSpec={selector:".k-bubble",rules:[{selector:".k-bubble",attribute:"tabindex=0",usage:"The Chat bubble must be focusable."},{selector:".k-bubble-expandable-indicator",attribute:"role=button",usage:"The expandable indicator must have an appropriate role."},{selector:".k-bubble-expandable-indicator",attribute:"aria-label or title",usage:"The expandable indicator must be properly labelled."},{selector:".k-bubble-expandable-indicator",attribute:"tabindex=0",usage:"The expandable indicator must be part of the page tabsequence."}]};var tue=require("react/jsx-runtime");var oue=require("react/jsx-runtime");var aue=require("react/jsx-runtime");var tx=require("react/jsx-runtime"),rue="k-chat-bubble",TP=e=>{let{typing:t,content:o,files:r,...i}=e;return(0,tx.jsxs)(Vf,{...i,className:l(e.className,rue),children:[t?(0,tx.jsxs)("div",{className:"k-typing-indicator",tabIndex:-1,children:[(0,tx.jsx)("span",{}),(0,tx.jsx)("span",{}),(0,tx.jsx)("span",{})]}):o,r]})};var pW=require("react/jsx-runtime"),lue="k-timestamp",iue=e=>(0,pW.jsx)("div",{className:l(e.className,lue),children:e.children});var _y=require("react/jsx-runtime"),CP="k-chat-event",AP={icon:"trash",text:"You deleted Chat history."},SP=e=>{let{icon:t=AP.icon,text:o=AP.text,...r}=e;return(0,_y.jsxs)("div",{...r,className:l(e.className,CP),children:[t&&(0,_y.jsx)(f,{className:"k-chat-event-icon",icon:t,size:"xsmall"}),o&&(0,_y.jsx)("span",{className:"k-chat-event-text",children:o})]})};SP.className=CP;SP.defaultOptions=AP;var mW=require("react/jsx-runtime"),sue="k-chat-header",nue=e=>(0,mW.jsx)(fe,{...e,className:l(e.className,sue),children:e.children});var Fn=require("react/jsx-runtime"),EP=e=>(0,Fn.jsx)(oa,{children:(0,Fn.jsxs)(Fn.Fragment,{children:[(0,Fn.jsx)("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),(0,Fn.jsx)(Eo,{children:(0,Fn.jsx)(So,{})}),(0,Fn.jsx)(Eo,{type:"sender",children:(0,Fn.jsx)(So,{})}),(0,Fn.jsx)(Eo,{children:(0,Fn.jsx)(So,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),(0,Fn.jsx)(Eo,{type:"sender",children:(0,Fn.jsx)(So,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e});var LP=require("react/jsx-runtime"),$y="k-file-box-wrapper",uW={layout:"horizontal"},Ms=e=>{let{layout:t=uW.layout,scrollingPosition:o,...r}=e;return(0,LP.jsx)("ul",{role:"list","aria-label":"Attached files",...r,className:l(e.className,$y,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${$y}-scrollable-start`]:t==="horizontal"&&(o==="start"||o==="both"),[`${$y}-scrollable-end`]:t==="horizontal"&&(o==="end"||o==="both")}),children:t==="horizontal"?(0,LP.jsx)("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};Ms.className=$y;Ms.defaultOptions=uW;var IP="file-box",bW=IP;var eu=require("react/jsx-runtime"),MP="k-file-box",due=[m.selected],cue={},eA={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},$a=e=>{let{icon:t=eA.icon,name:o=eA.name,size:r=eA.size,status:i,deleted:c,removeButton:u,showButton:h=eA.showButton,...x}=e,v=[o,r].filter(Boolean).join(" ");return(0,eu.jsxs)("li",{role:"listitem",tabIndex:0,"aria-label":v||void 0,...x,className:l(MP,e.className,{"k-file-deleted":c}),children:[(0,eu.jsx)(f,{icon:t,size:"xlarge","aria-hidden":"true"}),(0,eu.jsxs)("div",{className:"k-file-info",children:[o&&(0,eu.jsx)("span",{className:"k-file-name",children:o}),r&&(0,eu.jsx)("span",{className:"k-file-size",children:r}),i&&(0,eu.jsx)("span",{className:"k-file-status",children:i})]}),h&&(u?(0,eu.jsx)(d,{as:"span",icon:"x-mark-sm-outline",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):(0,eu.jsx)(wt,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};$a.states=due;$a.options=cue;$a.className=MP;$a.defaultOptions=eA;$a.moduleName=IP;$a.folderName=bW;$a.ariaSpec={selector:".k-file-box-wrapper",rules:[{selector:".k-file-box-wrapper",attribute:"role=list",usage:"Explicitly sets the UL role to list."},{selector:".k-file-box-wrapper",attribute:"aria-label",usage:'Provides an accessible name for the file list (e.g. "Attached files").'},{selector:".k-file-box-wrapper .k-files-scroll",attribute:"role=presentation",usage:"The scrollable container between the list and its items is presentational, ensuring the list\u2192listitem relationship is preserved in the accessibility tree."},{selector:".k-file-box-wrapper .k-file-box",attribute:"role=listitem",usage:"Explicitly sets the LI role to listitem."},{selector:".k-file-box-wrapper .k-file-box",attribute:"tabindex",usage:"Makes the file box focusable. Uses roving tabindex: 0 for the focused item, -1 for the rest."},{selector:".k-file-box-wrapper .k-file-box",attribute:"aria-label",usage:'Provides an accessible name describing the file. Can include the file name and size (e.g. "FileName.pdf 2MB").'},{selector:".k-file-box-wrapper .k-file-box .k-icon",attribute:"aria-hidden=true",usage:"The file type icon is decorative and hidden from screen readers."},{selector:".k-file-box-wrapper .k-file-box span.k-button",attribute:"aria-hidden=true",usage:"The remove button is rendered as a decorative span and hidden from screen readers. File removal is handled by keyboard interaction on the listitem itself."}]};var BP=require("react/jsx-runtime"),pue=e=>(0,BP.jsx)(Ms,{...e,children:(0,BP.jsx)($a,{})});var PP=require("react/jsx-runtime"),mue=e=>(0,PP.jsx)(Ms,{...e,children:(0,PP.jsx)($a,{removeButton:!0})});var ow=require("react/jsx-runtime"),uue=e=>(0,ow.jsxs)(Ms,{...e,children:[(0,ow.jsx)($a,{tabIndex:0}),(0,ow.jsx)($a,{icon:"file-image",name:"Photo.png",size:"5MB",tabIndex:-1}),(0,ow.jsx)($a,{icon:"file-txt",name:"Notes.txt",size:"1KB",tabIndex:-1})]});var tA=require("react/jsx-runtime"),bue=e=>(0,tA.jsxs)(Ms,{layout:"vertical",...e,children:[(0,tA.jsx)($a,{tabIndex:0}),(0,tA.jsx)($a,{icon:"file-image",name:"Photo.png",size:"5MB",tabIndex:-1})]});var DP=require("react/jsx-runtime"),fue=e=>(0,DP.jsx)(Ms,{...e,children:(0,DP.jsx)($a,{showButton:!1})});var zn=require("react/jsx-runtime"),hue=e=>(0,zn.jsx)(oa,{children:(0,zn.jsx)(zn.Fragment,{children:(0,zn.jsx)(Eo,{children:(0,zn.jsx)(So,{})})}),files:(0,zn.jsx)(zn.Fragment,{children:(0,zn.jsxs)(Ms,{scrollingPosition:"start",children:[(0,zn.jsx)($a,{removeButton:!0}),(0,zn.jsx)($a,{icon:"file-psd",name:"File with long name",size:"5MB",removeButton:!0}),(0,zn.jsx)($a,{icon:"file-txt",name:"Another file with longer name",removeButton:!0}),(0,zn.jsx)($a,{icon:"file-csv",name:"Another file with even longer name",size:"5MB",removeButton:!0})]})}),...e});var jp=require("react/jsx-runtime"),gue=e=>(0,jp.jsx)(oa,{children:(0,jp.jsxs)(jp.Fragment,{children:[(0,jp.jsx)("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),(0,jp.jsx)(Eo,{children:(0,jp.jsx)(So,{toolbar:!0,text:"Message with toolbar."})}),(0,jp.jsx)(Eo,{type:"sender",children:(0,jp.jsx)(So,{})})]}),...e});var El=require("react/jsx-runtime"),kue=e=>(0,El.jsx)(oa,{children:(0,El.jsxs)(El.Fragment,{children:[(0,El.jsx)("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),(0,El.jsx)(Eo,{fullWidth:!0,children:(0,El.jsx)(So,{text:null,content:(0,El.jsxs)("div",{className:"k-skeleton-container",style:{width:"100%"},children:[(0,El.jsx)(Qb,{style:{width:"100%"}}),(0,El.jsx)(Qb,{style:{width:"100%"}}),(0,El.jsx)(Qb,{style:{width:"100%"}}),(0,El.jsx)(Qb,{style:{width:"75%"}})]})})}),(0,El.jsx)(Eo,{type:"sender",fullWidth:!0,avatar:null,children:(0,El.jsx)(So,{text:null,content:(0,El.jsxs)("div",{className:"k-skeleton-container",style:{width:"100%",display:"flex",alignItems:"center",gap:"var( --kendo-spacing-1 )"},children:[(0,El.jsx)(DN,{style:{width:"32px",height:"32px"}}),(0,El.jsxs)("div",{style:{flex:"1 1 50%"},children:[(0,El.jsx)(Qb,{style:{width:"100%"}}),(0,El.jsx)(Qb,{style:{width:"50%"}})]})]})})})]}),...e});var xb=require("react/jsx-runtime"),xue=e=>(0,xb.jsx)(oa,{generating:!0,children:(0,xb.jsxs)(xb.Fragment,{children:[(0,xb.jsx)("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),(0,xb.jsx)(Eo,{fullWidth:!0,avatar:null,children:(0,xb.jsx)(So,{})})]}),...e});var Br=require("react/jsx-runtime"),vue=e=>(0,Br.jsxs)(Br.Fragment,{children:[(0,Br.jsx)(oa,{children:(0,Br.jsxs)(Br.Fragment,{children:[(0,Br.jsx)("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),(0,Br.jsx)(Eo,{children:(0,Br.jsx)(So,{})}),(0,Br.jsx)(Eo,{type:"sender",children:(0,Br.jsx)(So,{})}),(0,Br.jsx)(Eo,{children:(0,Br.jsx)(So,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),(0,Br.jsx)(Eo,{type:"sender",children:(0,Br.jsx)(So,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e}),(0,Br.jsxs)(_s,{className:"k-chat-upload",title:"Upload file(s)",actions:["x"],actionButtons:(0,Br.jsxs)(Br.Fragment,{children:[(0,Br.jsx)(d,{themeColor:"primary",disabled:!0,children:"Upload"}),(0,Br.jsx)(d,{children:"Cancel"})]}),children:[(0,Br.jsx)(Bi,{}),(0,Br.jsx)(vr,{empty:!0,status:"upload"})]})]});var fW=require("react/jsx-runtime"),Tue=e=>(0,fW.jsx)(oa,{empty:!0,...e});var tu=require("react/jsx-runtime"),wue=e=>(0,tu.jsx)(oa,{children:(0,tu.jsxs)(tu.Fragment,{children:[(0,tu.jsx)(Eo,{children:(0,tu.jsx)(So,{})}),(0,tu.jsx)(Eo,{children:(0,tu.jsx)(So,{typing:!0,text:null})})]}),...e});var ou=require("react/jsx-runtime"),Nue=e=>(0,ou.jsx)(oa,{children:(0,ou.jsxs)(ou.Fragment,{children:[(0,ou.jsx)(Eo,{children:(0,ou.jsx)(So,{expandable:!0,expanded:!1,text:"Compare the top 3 AI tools for an image-generation (like Midjourney, DALL\xB7E, and Adobe Firefly). List their pricing, main features."})}),(0,ou.jsx)(Eo,{type:"sender",children:(0,ou.jsx)(So,{expandable:!0,expanded:!0,text:"Compare the top 3 AI tools for an image-generation (like Midjourney, DALL\xB7E, and Adobe Firefly). List their pricing, main features."})})]}),...e});var qp=require("react/jsx-runtime"),yue=e=>(0,qp.jsx)(oa,{pinned:(0,qp.jsx)(Wf,{pinned:!0,closeable:!0,content:"Pinned message content"}),children:(0,qp.jsxs)(qp.Fragment,{children:[(0,qp.jsx)(Eo,{children:(0,qp.jsx)(So,{})}),(0,qp.jsx)(Eo,{type:"sender",children:(0,qp.jsx)(So,{})})]}),...e});var ox=require("react/jsx-runtime"),Aue=e=>(0,ox.jsx)(oa,{children:(0,ox.jsx)(ox.Fragment,{children:(0,ox.jsx)(Eo,{type:"sender",children:(0,ox.jsx)(So,{failed:!0,text:"Failed message"})})}),...e});var er=require("react/jsx-runtime"),Cue=oa.states,Sue=oa.defaultOptions,Eue=oa.options,Lue=[{name:"header",title:"Header"},{name:"pinned",title:"Pinned"},{name:"suggested",title:"Suggested Actions"},{name:"author",title:"Author"},{name:"avatar",title:"Avatar"},{name:"quick",title:"Quick Replies"}],Iue=[],ax=e=>{let{modifiers:t,...o}=e,r={author:null,avatar:null},i=(0,er.jsxs)(Oi,{className:"k-chat-header",positionMode:"sticky",themeColor:"primary",children:[(0,er.jsx)("span",{className:"k-spacer k-spacer-sized k-w-1"}),(0,er.jsx)(En,{children:(0,er.jsx)("span",{children:"Chat with demo bot"})}),(0,er.jsx)("span",{className:"k-spacer"}),(0,er.jsx)(En,{children:(0,er.jsx)(d,{fillMode:"flat",icon:"more-vertical"})})]}),c=(0,er.jsx)(Wf,{type:"sender",pinned:!0,content:"Hello! Generate a cover letter.",closeable:!0}),u=(0,er.jsxs)(Gl,{children:[(0,er.jsx)(Ba,{text:"Provide a CV template"}),(0,er.jsx)(Ba,{text:"Generate a cover letter"})]}),h=(0,er.jsxs)(Gl,{children:[(0,er.jsx)(Ba,{themeColor:"primary",text:"Thank you!"}),(0,er.jsx)(Ba,{themeColor:"primary",text:"Great!"})]}),x="https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg",v=null,T="User",C="Demo Bot";Object.keys(t||{}).forEach(me=>{switch(me){case"header":r.header=t!=null&&t[me]?i:!1;break;case"pinned":r.pinned=t!=null&&t[me]?c:!1;break;case"suggested":r.suggestedActions=t!=null&&t[me]?u:!1;break;case"author":r.author=t!=null&&t[me]?!0:null;break;case"avatar":r.avatar=t!=null&&t[me]?x:null;break;case"quick":r.quickReplies=t!=null&&t[me]?h:(0,er.jsx)(er.Fragment,{});break;default:break}});let{header:N,pinned:R,suggestedActions:H,author:V,avatar:_,quickReplies:q}=r;return(0,er.jsxs)(EP,{value:"Thank you!",style:{minHeight:"100%"},...o,header:N,pinned:R,suggestedActions:H,children:[(0,er.jsx)(Eo,{avatar:v,author:V?C:null,children:(0,er.jsx)(So,{text:"Hello, this is a demo bot. How can I help you ?"})}),(0,er.jsx)(Eo,{avatar:_?x:null,author:V?T:null,type:"sender",children:(0,er.jsx)(So,{text:"Hello! Generate a cover letter."})}),(0,er.jsx)(Eo,{avatar:v,author:V?C:null,children:(0,er.jsx)(So,{text:"Sure. Here is a cover letter template",files:(0,er.jsx)(Ms,{children:(0,er.jsx)($a,{icon:"file-pdf",name:"cover_letter.pdf",size:"1.43MB"})})})}),q]})};ax.options=Eue;ax.states=Cue;ax.variants=Iue;ax.defaultOptions=Sue;ax.modifiers=Lue;ax.className=oa.className;var qc=require("react/jsx-runtime"),RP="k-mediaplayer-toolbar",Mue=[],Bue={},Pue=[(0,qc.jsx)(d,{fillMode:"flat",icon:"play",className:"k-play-button","aria-label":"Play","aria-pressed":"false"},"play"),(0,qc.jsxs)(Lt,{className:"k-mediaplayer-currenttime-wrap",children:[(0,qc.jsx)("span",{className:"k-mediaplayer-currenttime",children:"00:18"})," / ",(0,qc.jsx)("span",{className:"k-mediaplayer-duration",children:"00:55"})]},"currenttime"),(0,qc.jsx)("div",{className:"k-spacer"},"spacer"),(0,qc.jsx)(d,{fillMode:"flat",icon:"volume-up",className:"k-volume-button","aria-label":"Mute","aria-pressed":"false"},"volume"),(0,qc.jsx)(Lt,{className:"k-mediaplayer-volume-wrap",children:(0,qc.jsx)(ag,{className:"k-mediaplayer-volume",showButtons:!1,showTicks:!1})},"volume-wrap"),(0,qc.jsx)(d,{fillMode:"flat",icon:"fullscreen",className:"k-fullscreen-button","aria-label":"Full screen","aria-pressed":"false"},"fullscreen")],hW={toolbarItems:Pue},rx=e=>{let{toolbarItems:t=hW.toolbarItems,...o}=e;return(0,qc.jsx)(fe,{...o,className:l(e.className,RP),children:t})};rx.states=Mue;rx.options=Bue;rx.className=RP;rx.defaultOptions=hW;var gW="media-player",kW="mediaplayer";var Qf=require("react/jsx-runtime"),OP="k-mediaplayer",Due=[],Rue={},xW={title:"Media player title"},_c=e=>{let{title:t=xW.title,toolbarItems:o,children:r,...i}=e;return(0,Qf.jsxs)("div",{...i,className:l(e.className,OP),children:[r,(0,Qf.jsx)("div",{className:"k-mediaplayer-titlebar",children:t}),(0,Qf.jsxs)("div",{className:"k-mediaplayer-toolbar-wrap",children:[(0,Qf.jsx)(ag,{className:"k-mediaplayer-seekbar",showButtons:!1,showTicks:!1}),(0,Qf.jsx)(rx,{toolbarItems:o})]}),(0,Qf.jsx)("div",{className:"k-mediaplayer-overlay"})]})};_c.states=Due;_c.options=Rue;_c.className=OP;_c.defaultOptions=xW;_c.moduleName=gW;_c.folderName=kW;_c.ariaSpec={selector:".k-mediaplayer",rules:[{selector:".k-play-button",attribute:"aria-label",usage:"Specifies label for the play/pause button."},{selector:".k-play-button",attribute:"aria-pressed",usage:"Specifies whether play is active or not."},{selector:".k-volume-button",attribute:"aria-label",usage:"Specifies label for the mute button."},{selector:".k-volume-button",attribute:"aria-pressed",usage:"Specifies whether mute is active or not."},{selector:".k-fullscreen-button",attribute:"aria-label",usage:"Specifies label for the full screen button."},{selector:".k-fullscreen-button",attribute:"aria-pressed",usage:"Specifies whether full screen is active or not."}]};var vW=require("react/jsx-runtime"),KP=e=>(0,vW.jsx)(_c,{...e});var YP=require("react/jsx-runtime"),Oue={"--kendo-slider-start":0,"--kendo-slider-end":30},Kue={},Yue=[],Gue=[],Hue={},Fue=[],lx=e=>(0,YP.jsx)(KP,{...e,style:{height:"360px",width:"540px",...Oue},children:(0,YP.jsx)("div",{className:"k-bg-primary-subtle",style:{width:"100%",height:"100%"}})});lx.options=Kue;lx.states=Yue;lx.variants=Gue;lx.defaultOptions=Hue;lx.modifiers=Fue;lx.className=_c.className;var Hr="timeline",dl=Hr;var oA=require("react/jsx-runtime"),aw="k-timeline",zue=[],Wue={},TW={orientation:"vertical"},Ll=e=>{let{orientation:t=TW.orientation,collapsibleEvents:o,alternatingMode:r,...i}=e;return(0,oA.jsx)("div",{...i,className:l(e.className,aw,{[`${aw}-${t}`]:t,[`${aw}-alternating`]:r,[`${aw}-collapsible`]:o}),children:(0,oA.jsx)(oA.Fragment,{children:e.children})})};Ll.states=zue;Ll.options=Wue;Ll.className=aw;Ll.defaultOptions=TW;Ll.moduleName=Hr;Ll.folderName=dl;Ll.ariaSpec={rules:[{selector:".k-timeline.k-timeline-horizontal .k-timeline-track-wrap .k-timeline-scrollable-wrap",attribute:"role=tablist",usage:"Indicates the tablist role for the scrollable wrap element."},{selector:".k-timeline.k-timeline-horizontal .k-timeline-track-item:not(.k-timeline-flag-wrap)",attribute:"role=tab",usage:"Individual tab element on the track."},{selector:".k-timeline.k-timeline-horizontal .k-timeline-track-item:not(.k-timeline-flag-wrap).k-focus",attribute:"aria-selected=true",usage:"Announces the selected state of the focused tab."},{selector:".k-timeline.k-timeline-horizontal .k-timeline-flag-wrap",attribute:"role=none",usage:"The flag-wrap items have semantics removed."},{selector:".k-timeline.k-timeline-horizontal .k-timeline-flag-wrap",attribute:"aria-hidden=true",usage:"Flag-wrap items are hidden from the accessibility tree."},{selector:".k-timeline.k-timeline-horizontal .k-card:not(:empty)",attribute:"role=tabpanel",usage:"The card serves as the tab panel content."},{selector:".k-timeline.k-timeline-horizontal .k-card:not(:empty)",attribute:"aria-label",usage:"Refers to the tab element that controls the panel."},{selector:".k-timeline-arrow",attribute:"aria-hidden=true",usage:"Arrow buttons are hidden from the accessibility tree."},{selector:".k-timeline.k-timeline-vertical .k-card",attribute:"role=button",usage:"Items in the vertical timeline are buttons."},{selector:".k-timeline.k-timeline-vertical .k-card",attribute:"aria-describedby",usage:"Vertical timeline cards are described by their date elements."},{selector:".k-timeline.k-timeline-vertical .k-card",attribute:"aria-live=polite",usage:"Vertical timeline cards are live regions."},{selector:".k-timeline.k-timeline-vertical .k-card",attribute:"tabindex=0",usage:"Vertical timeline cards are focusable."},{selector:".k-timeline.k-timeline-collapsible .k-collapsed .k-card",attribute:"aria-expanded=false",usage:"Collapsed cards announce their collapsed state."},{selector:".k-timeline.k-timeline-collapsible .k-timeline-card:not(.k-collapsed) .k-card",attribute:"aria-expanded=true",usage:"Expanded cards announce their expanded state."}]};var Md=require("react/jsx-runtime"),GP="k-timeline-event",Vue=[],Que={},rw={collapsed:!1,reverse:!1,title:"Event title",subtitle:"Event subtitle",content:"Event content"},Il=e=>{let{date:t,content:o=rw.content,collapsed:r=rw.collapsed,reverse:i=rw.reverse,title:c=rw.title,subtitle:u=rw.subtitle,showCollapseButton:h,id:x=b("timeline-event"),...v}=e,T=`${x}-date`;return(0,Md.jsxs)("li",{...v,className:l(e.className,GP,{"k-reverse":i}),children:[t&&(0,Md.jsx)("div",{className:"k-timeline-date-wrap",children:(0,Md.jsx)("span",{className:"k-timeline-date",id:T,children:t})}),(0,Md.jsx)(Bd,{}),o&&(0,Md.jsx)("div",{className:l("k-timeline-card",{"k-collapsed":r}),children:(0,Md.jsx)(ix,{...i?{callout:"right"}:{callout:"left"},ariaRole:"button",ariaDescribedBy:t?T:void 0,ariaLive:"polite",cardTabIndex:0,ariaExpanded:h?!r:void 0,children:(0,Md.jsxs)("div",{className:"k-card-inner",children:[(0,Md.jsxs)(da,{children:[(0,Md.jsx)(Xf,{collapsible:h,children:c}),(0,Md.jsx)(Kp,{children:u})]}),(0,Md.jsx)(xo,{children:(0,Md.jsx)("div",{className:"k-card-description",children:o})})]})})}),e.children]})};Il.states=Vue;Il.options=Que;Il.className=GP;Il.defaultOptions=rw;Il.moduleName=Hr;Il.folderName=dl;var _p=require("react/jsx-runtime"),HP="k-timeline-event",Xue=[],Zue={},qS={title:"Event title",subtitle:"Event subtitle",content:"Event content"},$p=e=>{let{content:t=qS.content,title:o=qS.title,subtitle:r=qS.subtitle,ariaLabel:i,panelTabIndex:c,...u}=e;return(0,_p.jsxs)("li",{...u,className:l(e.className,HP),children:[t&&(0,_p.jsx)("div",{className:l("k-timeline-card"),children:(0,_p.jsx)(ix,{orientation:"vertical",callout:"top",ariaRole:"tabpanel",ariaLabel:i,cardTabIndex:c,children:(0,_p.jsxs)("div",{className:"k-card-inner",children:[(0,_p.jsxs)(da,{children:[(0,_p.jsx)(Xf,{children:o}),(0,_p.jsx)(Kp,{children:r})]}),(0,_p.jsx)(xo,{children:(0,_p.jsx)("div",{className:"k-card-description",children:t})})]})})}),e.children]})};$p.states=Xue;$p.options=Zue;$p.className=HP;$p.defaultOptions=qS;$p.moduleName=Hr;$p.folderName=dl;var FP=require("react/jsx-runtime"),zP="k-timeline-events-list",Zf=e=>{let{...t}=e;return(0,FP.jsx)("div",{...t,className:l(e.className,zP),children:(0,FP.jsx)("ul",{className:"k-timeline-scrollable-wrap",children:e.children})})};Zf.className=zP;Zf.moduleName=Hr;Zf.folderName=dl;var _S=require("react/jsx-runtime"),WP="k-timeline-flag-wrap",Uue=[m.focus,m.selected],Jue={},wW={year:"2020"},Ti=e=>{let{year:t=wW.year,...o}=e;return(0,_S.jsxs)("li",{...o,className:l(e.className,WP),children:[(0,_S.jsx)("span",{className:"k-timeline-flag",children:t}),e.children]})};Ti.states=Uue;Ti.options=Jue;Ti.className=WP;Ti.defaultOptions=wW;Ti.moduleName=Hr;Ti.folderName=dl;var NW=require("react/jsx-runtime"),VP="k-timeline-circle",Bd=e=>{let{...t}=e;return(0,NW.jsx)("span",{...t,className:l(e.className,VP)})};Bd.className=VP;Bd.moduleName=Hr;Bd.folderName=dl;var yW=require("react/jsx-runtime"),QP="k-timeline-flag",au=e=>{let{content:t,...o}=e;return(0,yW.jsx)("span",{...o,className:l(e.className,QP),children:t})};au.className=QP;au.moduleName=Hr;au.folderName=dl;var $S=require("react/jsx-runtime"),jue=[],que={},ix=e=>{let{callout:t,children:o,ariaRole:r,ariaDescribedBy:i,ariaLive:c,ariaExpanded:u,ariaLabel:h,cardTabIndex:x,...v}=e;return(0,$S.jsxs)(qo,{className:l(e.className),orientation:"vertical",callout:"true",role:r,"aria-describedby":i,"aria-live":c,"aria-expanded":u!==void 0?u?"true":"false":void 0,"aria-label":h,tabIndex:x,...v,children:[t&&(0,$S.jsx)(lw,{callout:t}),o]})};ix.states=jue;ix.defaultOptions=que;var iw=require("react/jsx-runtime"),XP="k-card-title",_ue=[],$ue={},Xf=e=>{let{collapsible:t,children:o,...r}=e;return(0,iw.jsxs)("div",{className:l(e.className,XP),...r,children:[(0,iw.jsx)("span",{className:"k-event-title",children:o}),t&&(0,iw.jsx)("span",{className:"k-event-collapse k-button k-button-flat k-button-xs k-icon-button",children:(0,iw.jsx)(f,{icon:"chevron-right",className:"k-button-icon"})})]})};Xf.states=_ue;Xf.className=XP;Xf.defaultOptions=$ue;var AW=require("react/jsx-runtime"),ZP="k-timeline-card-callout",ebe=[],tbe={},lw=e=>{let{...t}=e;return(0,AW.jsx)(Gy,{className:l(e.className,ZP),...t})};lw.states=ebe;lw.className=ZP;lw.defaultOptions=tbe;var UP=require("react/jsx-runtime"),JP="k-timeline-date-wrap",obe=[],abe={},CW={date:"May 25, 2008"},Wn=e=>{let{date:t=CW.date,...o}=e;return(0,UP.jsx)("div",{...o,className:l(e.className,JP),children:(0,UP.jsx)("span",{className:"k-timeline-date",children:t})})};Wn.states=obe;Wn.options=abe;Wn.className=JP;Wn.defaultOptions=CW;Wn.moduleName=Hr;Wn.folderName=dl;var sw=require("react/jsx-runtime"),jP="k-timeline-track-wrap",Uf=e=>{let{...t}=e;return(0,sw.jsxs)("div",{...t,className:l(e.className,jP),children:[(0,sw.jsx)(d,{className:"k-timeline-arrow k-timeline-arrow-left",rounded:"full",icon:"chevron-left",disabled:!0,"aria-hidden":"true",tabIndex:-1}),(0,sw.jsx)(d,{className:"k-timeline-arrow k-timeline-arrow-right",rounded:"full",icon:"chevron-right","aria-hidden":"true",tabIndex:-1}),(0,sw.jsx)(nw,{children:e.children})]})};Uf.className=jP;Uf.moduleName=Hr;Uf.folderName=dl;var qP=require("react/jsx-runtime"),_P="k-timeline-track",nw=e=>{let{...t}=e;return(0,qP.jsx)("div",{...t,className:l(e.className,_P),children:(0,qP.jsx)("ul",{className:"k-timeline-scrollable-wrap",role:"tablist",children:e.children})})};nw.className=_P;nw.moduleName=Hr;nw.folderName=dl;var SW=require("react/jsx-runtime"),eE="k-timeline-track-item",rbe=[m.focus],Bs=e=>{var h;let{content:t,focus:o,ariaSelected:r,ariaDescribedBy:i,...c}=e,u=(h=c.className)==null?void 0:h.includes("k-timeline-flag-wrap");return(0,SW.jsxs)("li",{...c,className:l(e.className,eE,D(eE,{focus:o})),role:u?"none":"tab","aria-hidden":u?"true":void 0,"aria-selected":!u&&r?"true":void 0,"aria-describedby":u?void 0:i,children:[t,e.children]})};Bs.states=rbe;Bs.className=eE;Bs.moduleName=Hr;Bs.folderName=dl;var Jf=require("react/jsx-runtime"),lbe=e=>{let t=b("tl-ev"),o=b("tl-ev");return(0,Jf.jsx)(Ll,{children:(0,Jf.jsxs)("ul",{children:[(0,Jf.jsx)(Ti,{year:"2010"}),(0,Jf.jsx)(Il,{id:t,date:"May 11, 2010"}),(0,Jf.jsx)(Ti,{year:"2011"}),(0,Jf.jsx)(Il,{id:o,date:"Oct 11, 2011"})]}),...e})};var jf=require("react/jsx-runtime"),ibe=e=>{let t=b("tl-ev"),o=b("tl-ev");return(0,jf.jsx)(Ll,{collapsibleEvents:!0,children:(0,jf.jsxs)("ul",{children:[(0,jf.jsx)(Ti,{year:"2010"}),(0,jf.jsx)(Il,{id:t,date:"May 11, 2010",collapsed:!1,showCollapseButton:!0}),(0,jf.jsx)(Ti,{year:"2011"}),(0,jf.jsx)(Il,{id:o,date:"Oct 11, 2011",subtitle:"Collapsed",collapsed:!0,showCollapseButton:!0})]}),...e})};var ru=require("react/jsx-runtime"),$P=e=>{let t=b("tl-ev"),o=b("tl-ev"),r=b("tl-ev"),i=b("tl-ev");return(0,ru.jsx)(Ll,{alternatingMode:!0,children:(0,ru.jsxs)("ul",{children:[(0,ru.jsx)(Ti,{year:"2010"}),(0,ru.jsx)(Il,{id:t,date:"Apr 11, 2010",reverse:!0}),(0,ru.jsx)(Il,{id:o,date:"May 11, 2010"}),(0,ru.jsx)(Ti,{year:"2011"}),(0,ru.jsx)(Il,{id:r,date:"Oct 11, 2011",reverse:!0}),(0,ru.jsx)(Il,{id:i,date:"Dec 11, 2011"})]}),...e})};var cl=require("react/jsx-runtime"),eD=e=>(0,cl.jsx)(Ll,{orientation:"horizontal",children:(0,cl.jsxs)(cl.Fragment,{children:[(0,cl.jsxs)(Uf,{children:[(0,cl.jsx)(Bs,{className:"k-timeline-flag-wrap",children:(0,cl.jsx)(au,{content:"2015"})}),(0,cl.jsxs)(Bs,{children:[(0,cl.jsx)(Wn,{date:"Jan 14, 2015"}),(0,cl.jsx)(Bd,{})]}),(0,cl.jsxs)(Bs,{focus:!0,ariaSelected:!0,ariaDescribedBy:"panel-1",children:[(0,cl.jsx)(Wn,{date:"Jun 1, 2015"}),(0,cl.jsx)(Bd,{})]}),(0,cl.jsxs)(Bs,{children:[(0,cl.jsx)(Wn,{date:"Sep 29, 2015"}),(0,cl.jsx)(Bd,{})]}),(0,cl.jsx)(Bs,{className:"k-timeline-flag-wrap",children:(0,cl.jsx)(au,{content:"2016"})})]}),(0,cl.jsx)(Zf,{children:(0,cl.jsx)($p,{ariaLabel:"Jun 1, 2015",panelTabIndex:0})})]}),...e});var Qa=require("react/jsx-runtime"),sbe=Ll.options,nbe=Ll.states,dbe={...Ll.defaultOptions,variant:"vertical"},cbe=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],pbe=[],mbe=`
15
+ `,Hae=[{name:"normal",title:"Normal"},{name:"mini",title:"Mini"},{name:"overlay",title:"Overlay"}],Fae=[],qg=e=>{let{variant:t,modifiers:o,...r}={...I4,...e},i={};Object.keys(o||{}).forEach(u=>{u==="end-position"&&(i.position=o!=null&&o[u]?"end":void 0)});let c=(0,lo.jsxs)(lo.Fragment,{children:[(0,lo.jsx)("style",{children:Gae}),(0,lo.jsx)("div",{className:"custom-content",children:(0,lo.jsxs)("ul",{children:[(0,lo.jsx)("li",{children:(0,lo.jsx)("p",{children:"Hi Tom, Since Monday I'll be out of office, I'm rescheduling the meeting for Tuesday."})}),(0,lo.jsx)("li",{children:(0,lo.jsx)("p",{children:"Hi Tom, my aunt comes for a visit this Saturday, so I can't come back to St. Pete..."})})]})})]});switch(t){case"mini":return(0,lo.jsx)(lo.Fragment,{children:(0,lo.jsx)(UM,{...r,...i,mini:!0,items:(0,lo.jsxs)(lo.Fragment,{children:[(0,lo.jsx)(ho,{selected:!0,icon:"inbox",text:"Inbox",level:""}),(0,lo.jsx)(ho,{icon:"bell",text:"Notification",level:""}),(0,lo.jsx)(rc,{}),(0,lo.jsx)(ho,{icon:"star",text:"Favourites",level:""}),(0,lo.jsx)(ho,{icon:"calendar",text:"Calendar",level:""})]}),children:(0,lo.jsx)(ui,{children:c})})});case"overlay":return(0,lo.jsx)(lo.Fragment,{children:(0,lo.jsx)(jC,{...r,...i,mode:"overlay",expanded:!0,items:(0,lo.jsxs)(lo.Fragment,{children:[(0,lo.jsx)(ho,{selected:!0,text:"Inbox"}),(0,lo.jsx)(ho,{icon:"bell",text:"Notification"}),(0,lo.jsx)(rc,{}),(0,lo.jsx)(ho,{icon:"star",text:"Favourites"}),(0,lo.jsx)(ho,{icon:"calendar",text:"Calendar"})]}),children:(0,lo.jsx)(ui,{children:c})})});default:return(0,lo.jsx)(lo.Fragment,{children:(0,lo.jsx)(jC,{...r,...i,expanded:!0,items:(0,lo.jsxs)(lo.Fragment,{children:[(0,lo.jsx)(ho,{selected:!0,text:"Inbox"}),(0,lo.jsx)(ho,{icon:"bell",text:"Notification"}),(0,lo.jsx)(rc,{}),(0,lo.jsx)(ho,{icon:"star",text:"Favourites"}),(0,lo.jsx)(ho,{icon:"calendar",text:"Calendar"})]}),children:(0,lo.jsx)(ui,{children:c})})})}};qg.options=Kae;qg.states=Yae;qg.variants=Hae;qg.defaultOptions=I4;qg.modifiers=Fae;qg.className=vl.className;var JM="notification",M4=JM;var Ym=require("react/jsx-runtime"),qC="k-notification",zae=[],Wae={themeColor:[W.undefined,W.base,W.primary,W.secondary,W.tertiary,W.success,W.warning,W.error,W.info,W.inverse]},B4={closable:!1},il=e=>{let{actions:t,themeColor:o,text:r,icon:i,closable:c=B4.closable,...u}=e,h=b("notification-content"),x=!!(r||e.children);return(0,Ym.jsxs)("div",{...u,className:l(e.className,qC,$(qC,{themeColor:o}),{"k-notification-closable":c}),role:"status","aria-live":"polite","aria-describedby":x?h:void 0,children:[i&&(0,Ym.jsx)(f,{className:"k-notification-status",icon:i}),e.children?(0,Ym.jsxs)("div",{id:h,className:"k-notification-content",children:[r,e.children]}):(0,Ym.jsx)(Ym.Fragment,{children:r&&(0,Ym.jsx)("div",{id:h,className:"k-notification-content",children:r})}),t&&(0,Ym.jsx)("span",{className:"k-notification-actions",children:t})]})};il.states=zae;il.options=Wae;il.className=qC;il.defaultOptions=B4;il.moduleName=JM;il.folderName=M4;il.ariaSpec={selector:".k-notification",rules:[{selector:".k-notification",attribute:"role=status",usage:"Notification element should be marked as a status. Uses status instead of alert to avoid interrupting screen reader workflow."},{selector:".k-notification",attribute:"aria-live=polite",usage:"The aria-live value must be polite so it will not obscure other essential information."},{selector:".k-notification",attribute:"aria-describedby=.k-notification-content id",usage:"Used so that the content of the Notification will be announced by assistive technologies."},{selector:".k-notification .k-svg-i-x, .k-notification .k-i-x",attribute:"aria-hidden=true",usage:"The close button icon should not be present in the accessibility tree."}]};var _C=require("react/jsx-runtime"),Vae="k-notification-action",_g=e=>{let{type:t}=e,o;if(t==="close")o=(0,_C.jsx)(f,{icon:"x"});else return(0,_C.jsx)(f,{icon:t});return(0,_C.jsx)("span",{className:l(e.className,Vae,`k-notification-${t}-action`),children:o})};var P4=require("react/jsx-runtime"),Qae=e=>(0,P4.jsx)(il,{text:"Notification",icon:"exclamation-circle",...e});var jM=require("react/jsx-runtime"),Xae=e=>(0,jM.jsx)(il,{closable:!0,text:"Notification",icon:"exclamation-circle",actions:(0,jM.jsx)(_g,{type:"close"}),...e});var qM=require("react/jsx-runtime"),Zae=e=>(0,qM.jsx)(il,{closable:!0,text:"Notification",actions:(0,qM.jsx)(_g,{type:"close"}),...e});var D4=require("react/jsx-runtime"),Uae=e=>(0,D4.jsx)(il,{text:"Notification",...e});var _M=require("react/jsx-runtime"),Jae=il.states,jae=il.defaultOptions,qae={...il.options,closable:{type:"boolean"}},_ae=[{name:"icon",title:"Icon before"}],$ae=[],$g=e=>{let{modifiers:t,closable:o,...r}=e,i={};return o&&(i.closable=!0,i.actions=(0,_M.jsx)(_g,{type:"close"})),Object.keys(t||{}).forEach(c=>{c==="icon"&&(i.icon=t!=null&&t[c]?"info-circle":"")}),(0,_M.jsx)(il,{text:"Notification",...r,...i})};$g.options=qae;$g.states=Jae;$g.variants=$ae;$g.defaultOptions=jae;$g.modifiers=_ae;$g.className=il.className;var $M="popover",R4=$M;var Gm=require("react/jsx-runtime"),eB="k-popover",ere=[],tre={},ore={},yn=e=>{let{callout:t,title:o,body:r,id:i=b("popover"),...c}=e;return(0,Gm.jsxs)(Oe,{...c,className:l(e.className,eB),role:"dialog",id:i,"aria-labelledby":o?`${i}-header`:void 0,"aria-describedby":r?`${i}-body`:void 0,children:[t&&(0,Gm.jsx)("div",{className:l("k-popover-callout",{[`k-callout-${Yd.calloutMap[t]||t}`]:t})}),(0,Gm.jsxs)("div",{className:"k-popover-inner",children:[o&&(0,Gm.jsx)("div",{className:"k-popover-header",id:`${i}-header`,children:o}),r&&(0,Gm.jsx)("div",{className:"k-popover-body",id:`${i}-body`,children:r}),(0,Gm.jsx)(Gm.Fragment,{children:e.children})]})]})};yn.states=ere;yn.options=tre;yn.className=eB;yn.defaultOptions=ore;yn.moduleName=$M;yn.folderName=R4;yn.ariaSpec={selector:".k-popover",implicitRole:"dialog",rules:[{selector:".k-popover",attribute:"role=dialog",usage:"Announces the dialog role when the popover contains focusable elements. Use role=tooltip when it does not."},{selector:".k-popover",attribute:"id",usage:"The element needs an id to be associated with the aria-describedby attribute of the trigger element."},{selector:".k-popover",attribute:"aria-labelledby",usage:"Links the popover container with the popover header element when there is focusable content."},{selector:".k-popover",attribute:"aria-describedby",usage:"Links the popover container with the popover body element when there is focusable content."},{selector:".k-popover-header",attribute:"id",usage:"Links the popover header with the popover container via aria-labelledby."},{selector:".k-popover-body",attribute:"id",usage:"Links the popover body with the popover container via aria-describedby."}]};var ob=require("react/jsx-runtime"),IT=e=>(0,ob.jsx)(yn,{title:"Title",body:(0,ob.jsx)(ob.Fragment,{children:"Body content"}),children:(0,ob.jsxs)(Xe,{className:"k-popover-actions",alignment:"stretched",children:[(0,ob.jsx)(d,{fillMode:"flat",children:"Action"}),(0,ob.jsx)(d,{fillMode:"flat",themeColor:"primary",children:"Primary"})]}),...e});var Tl=require("react/jsx-runtime"),are=yn.options,rre=yn.states,O4={...yn.defaultOptions,variant:"bottom"},lre=[{name:"bottom",title:"Callout bottom"},{name:"left",title:"Callout left"},{name:"top",title:"Callout top"},{name:"right",title:"Callout right"}],ire=[{name:"title",title:"With title"},{name:"content",title:"With content"}],ek=e=>{let{variant:t,modifiers:o,...r}={...O4,...e},i={title:"Popover title",body:(0,Tl.jsx)(Tl.Fragment,{children:"The popover component is a UI element that displays additional content or options when an anchor element is hovered, clicked, or focused."})};switch(Object.keys(o||{}).forEach(c=>{switch(c){case"title":i.title=o!=null&&o[c]?i.title:"";break;case"content":i.body=o!=null&&o[c]?i.body:void 0;break;default:break}}),t){case"left":return(0,Tl.jsx)(IT,{...r,...i,style:{width:"217px",position:"relative",overflow:"visible"},callout:"left",children:(0,Tl.jsxs)(Xe,{className:"k-popover-actions",alignment:"stretched",children:[(0,Tl.jsx)(d,{children:"Action"}),(0,Tl.jsx)(d,{themeColor:"primary",children:"Primary"})]})});case"right":return(0,Tl.jsx)(IT,{...r,...i,style:{width:"217px",position:"relative",overflow:"visible"},callout:"right",children:(0,Tl.jsxs)(Xe,{className:"k-popover-actions",alignment:"stretched",children:[(0,Tl.jsx)(d,{children:"Action"}),(0,Tl.jsx)(d,{themeColor:"primary",children:"Primary"})]})});case"top":return(0,Tl.jsx)(IT,{...r,...i,style:{width:"217px",position:"relative",overflow:"visible"},callout:"top",children:(0,Tl.jsxs)(Xe,{className:"k-popover-actions",alignment:"stretched",children:[(0,Tl.jsx)(d,{children:"Action"}),(0,Tl.jsx)(d,{themeColor:"primary",children:"Primary"})]})});default:return(0,Tl.jsx)(IT,{...r,...i,style:{width:"217px",position:"relative",overflow:"visible"},callout:"bottom",children:(0,Tl.jsxs)(Xe,{className:"k-popover-actions",alignment:"stretched",children:[(0,Tl.jsx)(d,{children:"Action"}),(0,Tl.jsx)(d,{themeColor:"primary",children:"Primary"})]})})}};ek.options=are;ek.states=rre;ek.variants=lre;ek.defaultOptions=O4;ek.modifiers=ire;ek.className=yn.className;var tB="tooltip",K4=tB;var ab=require("react/jsx-runtime"),$C="k-tooltip",sre=[],nre={themeColor:[W.undefined,W.base,W.inverse,W.info,W.success,W.warning,W.error]},Y4={closable:!1},Pi=e=>{let{closable:t=Y4.closable,callout:o,themeColor:r,title:i,content:c,icon:u,id:h=b("tooltip"),...x}=e;return(0,ab.jsxs)("div",{...x,className:l(e.className,$C,$($C,{themeColor:r}),{"k-tooltip-closable":t}),role:"tooltip",id:h,children:[u&&(0,ab.jsx)(f,{className:"k-tooltip-icon",icon:u}),(0,ab.jsxs)("div",{className:"k-tooltip-content",children:[i&&(0,ab.jsx)("div",{className:"k-tooltip-title",children:i}),c]}),t&&(0,ab.jsx)("div",{className:"k-tooltip-button",role:"button","aria-label":"Close",tabIndex:0,children:(0,ab.jsx)(f,{icon:"x"})}),o&&(0,ab.jsx)("div",{className:l("k-callout",{[`k-callout-${Yd.calloutMap[o]||o}`]:o})})]})};Pi.states=sre;Pi.options=nre;Pi.className=$C;Pi.defaultOptions=Y4;Pi.moduleName=tB;Pi.folderName=K4;Pi.ariaSpec={selector:".k-tooltip",implicitRole:"tooltip",rules:[{selector:".k-tooltip",attribute:"role=tooltip",usage:"Specifies the tooltip role of the tooltip container."},{selector:".k-tooltip",attribute:"id",usage:"The element needs an id to be associated with the aria-describedby attribute of the trigger element."},{selector:".k-tooltip .k-tooltip-button",attribute:"role=button",usage:"The close button needs an explicit button role."},{selector:".k-tooltip .k-tooltip-button",attribute:"aria-label",usage:"The close button needs an accessible name."}]};var eS=Pi;var G4=require("react/jsx-runtime"),oB=e=>(0,G4.jsx)(eS,{content:"Tooltip Content",...e});var H4=require("react/jsx-runtime"),dre=e=>(0,H4.jsx)(eS,{content:"Closeable tooltip content",closable:!0,...e});var MT=require("react/jsx-runtime"),cre={...Pi.options,closable:{type:"boolean"},callout:["none","top","bottom","left","right"]},pre=Pi.states,F4={...Pi.defaultOptions,callout:"top"},mre=[],tk=e=>{let{callout:t="top",...o}={...F4,...e},r={none:{top:"-33px",left:"-17px",calloutDirection:null},right:{top:"2px",left:"61px",calloutDirection:"left"},left:{top:"2px",left:"-94px",calloutDirection:"right"},bottom:{top:"38px",left:"-17px",calloutDirection:"top"},top:{top:"-33px",left:"-17px",calloutDirection:"bottom"}},{top:i,left:c,calloutDirection:u}=r[t]||{};return(0,MT.jsxs)("div",{style:{position:"absolute"},children:[(0,MT.jsx)(Hd,{style:{top:i,left:c},children:(0,MT.jsx)(oB,{style:{width:"86px",textAlign:"center"},callout:u,content:"Content",...o})}),(0,MT.jsx)(d,{text:"Show"})]})};tk.options=cre;tk.states=pre;tk.variants=mre;tk.defaultOptions=F4;tk.modifiers=[];tk.className=Pi.className;var sc=require("react/jsx-runtime"),tS="k-window",ure=[],bre={},fre={},Di=e=>{let{title:t,actions:o,minimized:r,actionButtons:i,actionButtonsAlign:c,...u}=e,h=t!==void 0?b("window-title"):void 0;return(0,sc.jsxs)("div",{...u,className:l(e.className,tS,{[`${tS}-minimized`]:r}),role:"dialog","aria-labelledby":h,children:[(t!==void 0||o)&&(0,sc.jsxs)("div",{className:"k-window-titlebar",children:[t!==void 0&&(0,sc.jsx)("span",{className:"k-window-title",id:h,children:t}),o&&(0,sc.jsx)(sc.Fragment,{children:(0,sc.jsx)("div",{className:"k-window-titlebar-actions",children:o.map(x=>x==="more-vertical"?(0,sc.jsx)(wt,{icon:x,fillMode:"flat",size:"xsmall",showArrow:!1,className:"k-window-titlebar-action","aria-label":"More actions"},x):(0,sc.jsx)(d,{icon:x,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action","aria-label":x},x))})})]}),(0,sc.jsx)(Ap,{className:l({"k-hidden":r}),children:e.children}),i&&(0,sc.jsx)(Xe,{alignment:c,className:"k-window-actions",children:i})]})};Di.states=ure;Di.options=bre;Di.className=tS;Di.defaultOptions=fre;Di.moduleName=wy;Di.folderName=XC;Di.ariaSpec={selector:".k-window",rules:[{selector:".k-window:not(.k-dialog)",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-window:not(.k-dialog)",attribute:"aria-labelledby",usage:"Associate the title of the dialog."}]};var Ay=require("react/jsx-runtime"),hre=e=>(0,Ay.jsx)(Di,{title:"Title",actions:["window-minimize","window","x"],children:(0,Ay.jsx)(Ay.Fragment,{children:"Content"}),...e});var Ef=require("react/jsx-runtime"),gre=Di.options,kre=Di.states,z4={...Di.defaultOptions,variant:"normal"},xre=[{name:"normal",title:"Normal"},{name:"actions",title:"Actions"}],vre=[],ok=e=>{let{variant:t,...o}={...z4,...e};return(0,Ef.jsx)(Di,{title:"Window",actions:["window-minimize","window","x"],style:{maxWidth:"400px"},actionButtonsAlign:"stretched",actionButtons:t==="actions"?(0,Ef.jsxs)(Ef.Fragment,{children:[(0,Ef.jsx)(d,{children:"Cancel"}),(0,Ef.jsx)(d,{themeColor:"primary",children:"Submit"})]}):void 0,...o,children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut facilisis hac neque, sapien orci. Dignissim pulvinar commodo lorem pellentesque ornare dictum egestas feugiat fringilla. Proin facilisis mattis sed accumsan orci velit eget."})};ok.options=gre;ok.states=kre;ok.variants=xre;ok.defaultOptions=z4;ok.modifiers=vre;ok.className=Di.className;var aB="chart-wizard",W4=aB;var V4=require("react/jsx-runtime"),rB="k-chart-wizard",Tre=[],wre={},Nre={},gd=e=>{let{children:t,...o}=e;return(0,V4.jsx)(Di,{title:"Chart Preview",actions:["window","x"],...o,className:l(e.className,rB),children:t})};gd.states=Tre;gd.options=wre;gd.className=rB;gd.defaultOptions=Nre;gd.moduleName=aB;gd.folderName=W4;gd.ariaSpec={selector:".k-chart-wizard",rules:[]};var Lf=require("react/jsx-runtime"),yre=[],Are={},Q4={buttonText:"Export"},Hm=e=>{let{buttonText:t=Q4.buttonText,children:o}=e;return(0,Lf.jsxs)(Lf.Fragment,{children:[(0,Lf.jsx)("div",{className:"k-preview-pane-header",children:(0,Lf.jsx)(wt,{fillMode:"flat",icon:"export",showArrow:!1,children:t})}),(0,Lf.jsx)("div",{className:"k-preview-pane-content",children:o})]})};Hm.states=yre;Hm.options=Are;Hm.defaultOptions=Q4;var X4=require("react/jsx-runtime"),ak="k-pane",Cre=[],Sre={},lB={resizable:!0,flex:!1},We=e=>{let{scrollable:t,flexBasis:o,flex:r=lB.flex,collapsible:i,resizable:c=lB.resizable,pinned:u,unpinned:h,tabbed:x,...v}=e;return(0,X4.jsx)("div",{...v,style:{flexBasis:o,...e.style},className:l(e.className,ak,{[`${ak}-static`]:o,[`${ak}-flex`]:r,"k-scrollable":t,[`${ak}-pinned`]:u,[`${ak}-unpinned`]:h,[`${ak}-tabbed`]:x}),role:"group",children:e.children})};We.states=Cre;We.options=Sre;We.className=ak;We.defaultOptions=lB;var nc=require("react/jsx-runtime"),BT="k-splitbar",Ere=[m.hover,m.focus],Lre={},iB={orientation:"horizontal",draggable:!0},rb=e=>{let{hover:t,focus:o,orientation:r=iB.orientation,draggable:i=iB.draggable,collapsePrev:c,collapseNext:u,ariaLabel:h,...x}=e;return(0,nc.jsxs)("div",{...x,className:l(e.className,BT,D(BT,{hover:t,focus:o}),{[`${BT}-${r}`]:r,[`${BT}-draggable-${r}`]:i,[`${BT}-static-${r}`]:!i&&!c&&!u}),role:"separator","aria-label":h,...r==="horizontal"&&{"aria-orientation":"vertical"},"aria-keyshortcuts":"ArrowLeft ArrowRight ArrowUp ArrowDown",children:[c&&(0,nc.jsx)(nc.Fragment,{children:(0,nc.jsx)("div",{className:"k-collapse-prev",children:(0,nc.jsx)(f,{icon:`chevron-${r==="horizontal"?"left":"up"}`,size:"xsmall"})})}),(0,nc.jsx)("div",{className:"k-resize-handle","aria-hidden":"true"}),u&&(0,nc.jsx)(nc.Fragment,{children:(0,nc.jsx)("div",{className:"k-collapse-next",children:(0,nc.jsx)(f,{icon:`chevron-${r==="horizontal"?"right":"down"}`,size:"xsmall"})})})]})};rb.states=Ere;rb.options=Lre;rb.className=BT;rb.defaultOptions=iB;var sB="splitter",Z4=sB;var oS=require("react/jsx-runtime"),J4=require("react"),nB="k-splitter",Ire={},U4={orientation:"horizontal"},Ao=e=>{let{orientation:t=U4.orientation,children:o,panes:r,...i}=e,c=[];return r&&r.forEach((u,h)=>{let x=r[h+1],v=u.props,T=x==null?void 0:x.props;c.push((0,J4.createElement)(We,{...v,key:h})),x&&c.push((0,oS.jsx)(rb,{draggable:v.resizable!==!1&&T.resizable!==!1,collapsePrev:v.collapsible,collapseNext:T.collapsible,orientation:t,ariaLabel:"Pane separator"},`splitbar-${h}`))}),(0,oS.jsxs)("div",{...i,className:l(e.className,nB,{[`${nB}-${t}`]:t},"k-splitter-flex"),children:[c,o]})};Ao.options=Ire;Ao.className=nB;Ao.defaultOptions=U4;Ao.moduleName=sB;Ao.folderName=Z4;Ao.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 Sp=require("react/jsx-runtime"),Mre=e=>(0,Sp.jsx)(Ao,{panes:[(0,Sp.jsx)(We,{flexBasis:"20%",collapsible:!0,children:(0,Sp.jsx)("p",{children:"Collapsible pane - 20%"})},"pane-1"),(0,Sp.jsxs)(We,{children:[(0,Sp.jsx)("p",{children:"Content"}),(0,Sp.jsx)("p",{children:"Content"}),(0,Sp.jsx)("p",{children:"Content"})]},"pane-2"),(0,Sp.jsx)(We,{flexBasis:"30%",collapsible:!0,children:(0,Sp.jsx)("p",{children:"Collapsible pane - 30%"})},"pane-3")],...e});var Ep=require("react/jsx-runtime"),Bre=e=>(0,Ep.jsx)(Ao,{panes:[(0,Ep.jsx)(We,{flexBasis:"20%",collapsible:!0,children:(0,Ep.jsx)("p",{children:"Collapsible pane - 20%"})},"pane-1"),(0,Ep.jsxs)(We,{children:[(0,Ep.jsx)("p",{children:"Content"}),(0,Ep.jsx)("p",{children:"Content"}),(0,Ep.jsx)("p",{children:"Content"})]},"pane-2"),(0,Ep.jsx)(We,{flexBasis:"30%",collapsible:!0,children:(0,Ep.jsx)("p",{children:"Collapsible pane - 30%"})},"pane-3")],orientation:"vertical",...e});var rk=require("react/jsx-runtime"),Cy=require("react"),Pre=Ao.options,Dre=Ao.states,j4={...Ao.defaultOptions,variant:"horizontal",firstPaneProps:!0,secondPaneProps:!0},Rre=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Ore=[{name:"firstPaneProps",title:"Collapsible Left"},{name:"secondPaneProps",title:"Collapsible Right"}],lk=e=>{let{variant:t,modifiers:o,...r}={...j4,...e},i=x=>({collapsible:x,content:x?"Resizable and collapsible":"Resizable only"}),c=i(!0),u=i(!0),h={display:"flex",justifyContent:"center",alignItems:"center"};return Object.keys(o||{}).forEach(x=>{let v=o==null?void 0:o[x];switch(x){case"secondPaneProps":u=i(!!v);break;case"firstPaneProps":c=i(!!v);break;default:break}}),t==="vertical"?(0,rk.jsx)(Ao,{style:{height:"238px"},...r,orientation:"vertical",panes:[(0,Cy.createElement)(We,{...c,flexBasis:"50%",style:h,key:"pane-1"},(0,rk.jsx)("p",{children:c.content})),(0,Cy.createElement)(We,{...u,flexBasis:"50%",style:h,key:"pane-2"},(0,rk.jsx)("p",{children:u.content}))]}):(0,rk.jsx)(Ao,{style:{height:"238px"},...r,orientation:"horizontal",panes:[(0,Cy.createElement)(We,{...c,flexBasis:"50%",style:h,key:"pane-1"},(0,rk.jsx)("p",{children:c.content})),(0,Cy.createElement)(We,{...u,flexBasis:"50%",style:h,key:"pane-2"},(0,rk.jsx)("p",{children:u.content}))]})};lk.options=Pre;lk.states=Dre;lk.variants=Rre;lk.defaultOptions=j4;lk.modifiers=Ore;lk.className=Ao.className;var q4=require("react/jsx-runtime"),dB="k-chart-wizard-splitter",Kre=[],Yre={},Gre={},Lp=e=>{let{children:t,panes:o,...r}=e;return(0,q4.jsx)(Ao,{...r,className:l(e.className,dB),panes:o,children:t})};Lp.states=Kre;Lp.options=Yre;Lp.className=dB;Lp.defaultOptions=Gre;var $4=require("react/jsx-runtime"),_4="k-chart-types-wrapper",Hre={},Fre={},Fm=e=>(0,$4.jsx)("div",{...e,className:l(e.className,_4),children:e.children});Fm.options=Hre;Fm.className=_4;Fm.defaultOptions=Fre;var Sy=require("react/jsx-runtime"),aS="k-icon-text-wrapper",zre=[m.focus,m.selected],Wre={},Vre={},Ts=e=>{let{focus:t,selected:o,icon:r,text:i,...c}=e;return(0,Sy.jsxs)("div",{...c,className:l(e.className,aS,D(aS,{focus:t,selected:o})),children:[(0,Sy.jsx)("div",{className:"k-icon-background-area",children:(0,Sy.jsx)(f,{icon:r,size:"xlarge"})}),i]})};Ts.states=zre;Ts.options=Wre;Ts.className=aS;Ts.defaultOptions=Vre;var eF="expander",tF="expansion-panel";var Kc=require("react/jsx-runtime"),rS="k-expander",Qre=[m.hover,m.focus,m.disabled,m.expanded],Xre={},Zre={},Ga=e=>{let{title:t,subtitle:o,expanded:r,hover:i,focus:c,disabled:u,dir:h,contentStyle:x,id:v,...T}=e,C=v?`${v}-content`:b("expander-content");return(0,Kc.jsxs)("div",{...T,className:l(e.className,rS,D(rS,{hover:i,focus:c,disabled:u,expanded:r})),dir:h,children:[(0,Kc.jsxs)("div",{className:l("k-expander-header",D(rS,{hover:i})),role:"button","aria-controls":C,"aria-expanded":r?"true":"false",tabIndex:0,"aria-disabled":u?"true":void 0,children:[(0,Kc.jsx)("div",{className:"k-expander-title",children:t}),(0,Kc.jsx)("span",{className:"k-spacer"}),(0,Kc.jsx)("div",{className:"k-expander-sub-title",children:o}),(0,Kc.jsx)("span",{className:"k-expander-indicator",children:r?(0,Kc.jsx)(f,{icon:"chevron-up"}):(0,Kc.jsx)(f,{icon:"chevron-down"})})]}),(0,Kc.jsx)("div",{className:l("k-expander-content-wrapper",{"k-hidden":!r}),id:C,children:(0,Kc.jsx)("div",{className:"k-expander-content",style:x,children:e.children})})]})};Ga.states=Qre;Ga.options=Xre;Ga.className=rS;Ga.defaultOptions=Zre;Ga.moduleName=eF;Ga.folderName=tF;Ga.ariaSpec={selector:".k-expander",rules:[{selector:".k-expander-header",attribute:"role=button",usage:"Sets the proper role for the ExpansionPanel header."},{selector:".k-expander-header",attribute:"aria-controls",usage:"Points to the controlled content wrapper element."},{selector:".k-expander-header",attribute:"aria-expanded=true/false",usage:"Indicates the expanded state of the ExpansionPanel."},{selector:".k-expander-header",attribute:"tabindex=0",usage:"The element should be focusable."},{selector:".k-disabled .k-expander-header",attribute:"aria-disabled=true",usage:"Rendered only when the ExpansionPanel is disabled."},{selector:".k-expander-content-wrapper",attribute:"id",usage:"Content wrapper has an id referenced by aria-controls."}]};var PT=Ga;var cB=require("react/jsx-runtime"),DT=e=>(0,cB.jsx)(PT,{title:"Panel Title",subtitle:"Optional subtitle",id:b("expander"),children:(0,cB.jsx)("span",{children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text."}),...e});var pB=require("react/jsx-runtime"),mB=e=>(0,pB.jsx)(PT,{expanded:!0,title:"Expanded Panel",subtitle:"With content visible",id:b("expander"),children:(0,pB.jsx)("span",{children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text."}),...e});var uB=require("react/jsx-runtime"),Ure=e=>(0,uB.jsx)(PT,{disabled:!0,title:"Disabled Panel",subtitle:"Cannot expand",id:b("expander"),children:(0,uB.jsx)("span",{children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry."}),...e});var lb=require("react/jsx-runtime"),Jre=Ga.options,jre=Ga.states,oF={...Ga.defaultOptions,variant:"normal"},qre=[{name:"normal",title:"Normal"},{name:"expanded",title:"Expanded"}],_re=[],ik=e=>{let{variant:t,...o}={...oF,...e};return(0,lb.jsxs)("div",{style:o.style?o.style:{width:"467px",height:"265"},children:[t==="expanded"?(0,lb.jsx)(mB,{title:"Title",children:[(0,lb.jsx)("span",{children:"This is just a quick example text to build on the Expansion Panel to make up the bulk of the panel content."})],...o,subtitle:"Subtitle"}):(0,lb.jsx)(DT,{title:"Title",subtitle:"Subtitle",...o}),(0,lb.jsx)(DT,{title:"Title",subtitle:"Subtitle",...o}),(0,lb.jsx)(DT,{title:"Title",subtitle:"Subtitle",...o}),(0,lb.jsx)(DT,{title:"Title",subtitle:"Subtitle",...o})]})};ik.options=Jre;ik.states=jre;ik.variants=qre;ik.defaultOptions=oF;ik.modifiers=_re;ik.className=Ga.className;var rF=require("react/jsx-runtime"),bB="k-tabstrip-items",$re=[],ele={},tle={tabAlignment:"start"},RT=e=>{let{children:t,tabAlignment:o,orientation:r,...i}=e;return(0,rF.jsx)("ul",{...i,className:l(e.className,bB,"k-reset",`k-tabstrip-items-${o}`),role:"tablist",...r==="vertical"&&{"aria-orientation":"vertical"},children:t})};RT.states=$re;RT.options=ele;RT.className=bB;RT.defaultOptions=tle;var aF=RT;var sF=require("react/jsx-runtime"),fB="k-tabstrip-items-wrapper",ole=[],ale={},lF={orientation:"horizontal"},OT=e=>{let{children:t,orientation:o=lF.orientation,...r}=e;return(0,sF.jsx)("div",{...r,className:l(e.className,fB,{"k-hstack":o==="horizontal","k-vstack":o==="vertical"}),children:t})};OT.states=ole;OT.options=ale;OT.className=fB;OT.defaultOptions=lF;var iF=OT;var Ey="tabstrip",lS=Ey;var An=require("react/jsx-runtime"),ib="k-tabstrip",rle=[],lle={size:[g.undefined,g.small,g.medium,g.large]},iS={position:"top",tabAlignment:"start",scrollButtons:"around"},Ha=e=>{let{size:t,scrollable:o,children:r,tabStripItems:i,tabStripItemsId:c,position:u=iS.position,tabAlignment:h=iS.tabAlignment,scrollButtons:x=iS.scrollButtons,dir:v,scrollingPosition:T,overflow:C,...N}=e,R={top:{prev:v!=="rtl"?"left":"right",next:v!=="rtl"?"right":"left"},bottom:{prev:v!=="rtl"?"left":"right",next:v!=="rtl"?"right":"left"},right:{prev:"up",next:"down"},left:{prev:"up",next:"down"}},H={top:"horizontal",bottom:"horizontal",left:"vertical",right:"vertical"},V={start:"start",center:"center",end:"end",justify:"justify",stretched:"stretched"};return(0,An.jsxs)("div",{dir:v,...N,className:l(ib,e.className,{[`${ib}-${u}`]:u,[`${ib}-scrollable`]:o,[`${ib}-scrollable-overlay`]:o&&(x==="hidden"||!x),[`${ib}-scrollable-${T}`]:T&&T!=="both",[`${ib}-overflow`]:C},$(ib,{size:t})),children:[u==="bottom"&&r,(0,An.jsxs)(iF,{orientation:H[u],children:[o&&(x==="around"||x==="start")&&(0,An.jsx)("span",{className:l("k-tabstrip-prev","k-button",$("k-button",{size:t,fillMode:L.flat}),"k-icon-button"),"aria-hidden":"true",children:(0,An.jsx)(f,{className:"k-button-icon",icon:`chevron-${R[u].prev}`})}),o&&x==="start"&&(0,An.jsx)("span",{className:l("k-tabstrip-next","k-button",$("k-button",{size:t,fillMode:L.flat}),"k-icon-button"),"aria-hidden":"true",children:(0,An.jsx)(f,{className:"k-button-icon",icon:`chevron-${R[u].next}`})}),(0,An.jsx)(aF,{className:l({"k-tabstrip-items-scroll":o&&x==="hidden"}),tabAlignment:V[h],orientation:H[u],...c&&{id:c},children:i}),o&&x==="end"&&(0,An.jsx)("span",{className:l("k-tabstrip-prev","k-button",$("k-button",{size:t,fillMode:L.flat}),"k-icon-button"),"aria-hidden":"true",children:(0,An.jsx)(f,{className:"k-button-icon",icon:`chevron-${R[u].prev}`})}),o&&(x==="around"||x==="end")&&(0,An.jsx)("span",{className:l("k-tabstrip-next","k-button",$("k-button",{size:t,fillMode:L.flat}),"k-icon-button"),"aria-hidden":"true",children:(0,An.jsx)(f,{className:"k-button-icon",icon:`chevron-${R[u].next}`})}),C&&(0,An.jsx)("div",{className:"k-tabstrip-actions k-hstack",children:(0,An.jsx)(wt,{className:"k-tabstrip-overflow-button",icon:"more-vertical",fillMode:"flat",size:t,showArrow:!1})})]}),u!=="bottom"&&r]})};Ha.states=rle;Ha.options=lle;Ha.className=ib;Ha.defaultOptions=iS;Ha.moduleName=Ey;Ha.folderName=lS;Ha.ariaSpec={selector:".k-tabstrip",rules:[{selector:".k-tabstrip-items",attribute:"role=tablist",usage:"Indicates the tablist role for the ul element."},{selector:".k-tabstrip.k-tabstrip-left .k-tabstrip-items,.k-tabstrip.k-tabstrip-right .k-tabstrip-items",attribute:"aria-orientation=vertical",usage:"Indicates the orientation when vertical."},{selector:".k-tabstrip-item",attribute:"role=tab",usage:"The tab li element."},{selector:".k-tabstrip .k-tabstrip-item.k-active",attribute:"aria-selected=true",usage:"Announces the selected state of the tab."},{selector:".k-tabstrip-content",attribute:"role=tabpanel",usage:"The content div of the tab."},{selector:".k-tabstrip .k-tabstrip-item.k-active",attribute:"aria-controls (when present)",usage:"Announces the relation between the panel and active tab. Only present when tab controls a specific panel."},{selector:".k-tabstrip-content",attribute:"aria-hidden=true (when not active)",usage:"Only if the component implements a feature to control whether the content should be persisted."},{selector:".k-tabstrip-content",attribute:"aria-labelledby (when present)",usage:"Refers to the tab element that controls the panel. Only present when panel has an associated tab."},{selector:".k-tabstrip-scrollable .k-button",attribute:"aria-hidden=true",usage:"Scroll buttons are hidden from assistive technologies."}]};var nF=require("react/jsx-runtime"),hB="k-tabstrip-wrapper",ile=[],sle={},nle={},sk=e=>{let{...t}=e;return(0,nF.jsx)("div",{...t,className:l(e.className,hB),children:e.children})};sk.states=ile;sk.options=sle;sk.className=hB;sk.defaultOptions=nle;sk.moduleName=Ey;sk.folderName=lS;var sb=require("react/jsx-runtime"),sS="k-tabstrip-item",dle=[m.active,m.hover,m.disabled,m.focus],cle={},dF={iconPosition:"before"},ft=e=>{let{dragging:t,active:o,hover:r,focus:i,disabled:c,children:u,first:h,last:x,closable:v,icon:T,iconPosition:C=dF.iconPosition,value:N,actions:R,...H}=e;return(0,sb.jsxs)("li",{...H,className:l(e.className,sS,D(sS,{hover:r,active:o,disabled:c,focus:i}),{"k-tabstrip-dragging":t,"k-first":h,"k-last":x}),role:"tab",...o&&{"aria-selected":"true"},...c&&{"aria-disabled":"true"},children:[(0,sb.jsxs)("span",{className:"k-link",children:[T&&C==="before"&&(0,sb.jsx)(f,{icon:T}),N&&(0,sb.jsx)("span",{className:"k-link-text",children:N}),T&&C==="after"&&(0,sb.jsx)(f,{icon:T})]}),(R||v)&&(0,sb.jsxs)("span",{className:"k-item-actions",children:[R,v&&(0,sb.jsx)(d,{as:"span",className:"k-remove-tab",icon:"x",fillMode:"flat",size:"xsmall",title:"Close","aria-hidden":"true"})]}),u]})};ft.states=dle;ft.options=cle;ft.className=sS;ft.item=dF;var cF=require("react/jsx-runtime"),nS="k-tabstrip-content",ple=[m.active,m.focus],mle={},ule={},Ja=e=>{let{active:t,focus:o,children:r,...i}=e;return(0,cF.jsx)("div",{...i,className:l(e.className,nS,D(nS,{active:t,focus:o}),e.className),role:"tabpanel",children:r})};Ja.states=ple;Ja.options=mle;Ja.className=nS;Ja.defaultOptions=ule;var dc=require("react/jsx-runtime"),wl=({children:e,...t})=>(0,dc.jsx)(Ha,{tabStripItems:(0,dc.jsxs)(dc.Fragment,{children:[(0,dc.jsx)(ft,{first:!0,value:"First"}),(0,dc.jsx)(ft,{active:!0,value:"Second"}),(0,dc.jsx)(ft,{value:"Third"}),(0,dc.jsx)(ft,{value:"Fourth"}),(0,dc.jsx)(ft,{last:!0,value:"Fifth"})]}),...t,children:e||(0,dc.jsx)(Ja,{active:!0,children:(0,dc.jsx)("div",{children:"TabStrip Content"})})});var pF=require("react/jsx-runtime"),gB=e=>(0,pF.jsx)(wl,{position:"bottom",...e});var mF=require("react/jsx-runtime"),kB=e=>(0,mF.jsx)(wl,{position:"right",...e});var uF=require("react/jsx-runtime"),xB=e=>(0,uF.jsx)(wl,{position:"left",...e});var bF=require("react/jsx-runtime"),ble=e=>(0,bF.jsx)(wl,{scrollable:!0,...e});var Ip=require("react/jsx-runtime"),fle=({children:e,...t})=>(0,Ip.jsx)(Ha,{tabStripItems:(0,Ip.jsxs)(Ip.Fragment,{children:[(0,Ip.jsx)(ft,{first:!0,closable:!0,value:"First"}),(0,Ip.jsx)(ft,{active:!0,closable:!0,value:"Second"}),(0,Ip.jsx)(ft,{closable:!0,value:"Third"})]}),...t,children:e||(0,Ip.jsx)(Ja,{active:!0,children:(0,Ip.jsx)("div",{children:"Closable items"})})});var fF=require("react/jsx-runtime"),hle=({scrollingPosition:e="start",...t})=>(0,fF.jsx)(wl,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t});var Nl=require("react/jsx-runtime"),gle=(0,Nl.jsxs)(Nl.Fragment,{children:[(0,Nl.jsx)(ft,{first:!0,value:"Tab 1"}),(0,Nl.jsx)(ft,{value:"Tab 2"}),(0,Nl.jsx)(ft,{active:!0,value:"Tab 3"}),(0,Nl.jsx)(ft,{value:"Tab 4"}),(0,Nl.jsx)(ft,{value:"Tab 5"}),(0,Nl.jsx)(ft,{last:!0,value:"Tab 6"})]}),kle=(0,Nl.jsxs)(ar,{children:[(0,Nl.jsx)(ut,{first:!0,text:"Tab 7"}),(0,Nl.jsx)(ut,{text:"Tab 8"}),(0,Nl.jsx)(ut,{last:!0,text:"Tab 9"})]}),xle=({children:e,showMenu:t=!0,popupOffset:o={},tabStripItems:r,popup:i,...c})=>(0,Nl.jsxs)(Nl.Fragment,{children:[(0,Nl.jsx)(Ha,{overflow:!0,tabStripItems:r||gle,...c,children:e||(0,Nl.jsx)(Ja,{active:!0,children:(0,Nl.jsx)("div",{children:"TabStrip Content"})})}),t&&(0,Nl.jsx)(Oe,{className:"k-menu-popup",offset:o,children:i||kle})]});var ws=require("react/jsx-runtime"),vle=({children:e,...t})=>(0,ws.jsx)(Ha,{tabStripItems:(0,ws.jsxs)(ws.Fragment,{children:[(0,ws.jsx)(ft,{first:!0,value:"First"}),(0,ws.jsx)(ft,{active:!0,value:"Second","aria-controls":"panel-second"}),(0,ws.jsx)(ft,{value:"Third"}),(0,ws.jsx)(ft,{value:"Fourth"}),(0,ws.jsx)(ft,{last:!0,value:"Fifth"})]}),...t,children:e||(0,ws.jsxs)(ws.Fragment,{children:[(0,ws.jsx)(Ja,{"aria-labelledby":"tab-second","aria-hidden":"true",children:(0,ws.jsx)("div",{children:"First Panel (hidden)"})}),(0,ws.jsx)(Ja,{active:!0,id:"panel-second","aria-labelledby":"tab-second",children:(0,ws.jsx)("div",{children:"Second Panel (active)"})})]})});var Ly=require("react/jsx-runtime"),Tle={...Ha.options,scrollable:{type:"boolean"}},wle=Ha.states,hF={...Ha.defaultOptions,scrollable:!1,variant:"up"},Nle=[{name:"up",title:"Position Up"},{name:"bottom",title:"Position Bottom"},{name:"left",title:"Position Left"},{name:"right",title:"Position Right"}],yle=[],nk=e=>{let{variant:t,...o}={...hF,...e},r={};switch(t){case"right":return(0,Ly.jsx)(kB,{style:{height:"230px"},...o,...r,position:"right"});case"left":return(0,Ly.jsx)(xB,{style:{height:"230px"},...o,...r,position:"left"});case"bottom":return(0,Ly.jsx)(gB,{style:{width:"350px"},...o,...r,position:"bottom"});default:return(0,Ly.jsx)(wl,{style:{width:"350px"},...o,...r})}};nk.options=Tle;nk.states=wle;nk.variants=Nle;nk.defaultOptions=hF;nk.modifiers=yle;nk.className=Ha.className;var X=require("react/jsx-runtime"),Ale=e=>(0,X.jsx)(gd,{children:(0,X.jsx)(X.Fragment,{children:(0,X.jsx)(Lp,{panes:[(0,X.jsx)(We,{className:"k-chart-wizard-preview-pane",children:(0,X.jsx)(Hm,{children:(0,X.jsx)("div",{className:"k-chart",style:{position:"relative",height:"400px"},children:(0,X.jsxs)("svg",{style:{width:"100%",height:"100%",overflow:"hidden",left:"0px",top:"-0.15625px"},xmlns:"http://www.w3.org/2000/svg",version:"1.1",children:[(0,X.jsxs)("defs",{children:[(0,X.jsx)("clipPath",{id:"kdef3",children:(0,X.jsx)("path",{d:"M38 68 L 1319 68 1319 338 38 338Z",stroke:"#000",strokeLinejoin:"miter",fill:"none"})}),(0,X.jsx)("clipPath",{id:"kdef4",children:(0,X.jsx)("path",{d:"M0 0 L 1337 0 1337 400 0 400Z",stroke:"#000",strokeLinejoin:"miter",fill:"none"})})]}),(0,X.jsxs)("g",{children:[(0,X.jsx)("path",{d:"M0 0 L 1337 0 1337 400 0 400Z",stroke:"none",fill:"var(--kendo-chart-bg)"}),(0,X.jsx)("path",{d:"M38 68 L 1319 68 1319 338 38 338Z",stroke:"none",fill:"var(--kendo-chart-bg)",fillOpacity:"0"}),(0,X.jsx)("path",{d:"M38.5 311.5 L 1319.5 311.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),(0,X.jsx)("path",{d:"M38.5 284.5 L 1319.5 284.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),(0,X.jsx)("path",{d:"M38.5 257.5 L 1319.5 257.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),(0,X.jsx)("path",{d:"M38.5 230.5 L 1319.5 230.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),(0,X.jsx)("path",{d:"M38.5 203.5 L 1319.5 203.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),(0,X.jsx)("path",{d:"M38.5 176.5 L 1319.5 176.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),(0,X.jsx)("path",{d:"M38.5 149.5 L 1319.5 149.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),(0,X.jsx)("path",{d:"M38.5 122.5 L 1319.5 122.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),(0,X.jsx)("path",{d:"M38.5 95.5 L 1319.5 95.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),(0,X.jsx)("path",{d:"M38.5 68.5 L 1319.5 68.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"})]}),(0,X.jsxs)("g",{children:[(0,X.jsx)("path",{d:"M38.5 338.5 L 1319.5 338.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),(0,X.jsx)("path",{d:"M38.5 338.5 L 38.5 342.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),(0,X.jsx)("path",{d:"M180.5 338.5 L 180.5 342.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),(0,X.jsx)("path",{d:"M323.5 338.5 L 323.5 342.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),(0,X.jsx)("path",{d:"M465.5 338.5 L 465.5 342.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),(0,X.jsx)("path",{d:"M607.5 338.5 L 607.5 342.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),(0,X.jsx)("path",{d:"M750.5 338.5 L 750.5 342.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),(0,X.jsx)("path",{d:"M892.5 338.5 L 892.5 342.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),(0,X.jsx)("path",{d:"M1034.5 338.5 L 1034.5 342.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),(0,X.jsx)("path",{d:"M1177.5 338.5 L 1177.5 342.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),(0,X.jsx)("path",{d:"M1319.5 338.5 L 1319.5 342.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"})]}),(0,X.jsx)("g",{children:(0,X.jsxs)("g",{clipPath:"url(#kdef4)",children:[(0,X.jsx)("path",{d:"M38 177.255 C 85.397 159.112 132.936 122.77 180.333 122.77 227.73 122.77 275.27 124.052 322.667 124.052 370.064 124.052 417.603 104.666 465 104.666 512.397 104.666 559.936 104.95 607.333 104.95 654.73 104.95 702.27 97.687 749.667 97.687 797.064 97.687 844.603 177.485 892 177.485 939.397 177.485 986.936 131.514 1034.333 118.787 1081.73 106.06 1129.27 101.048 1176.667 101.048 1224.064 101.048 1271.603 125.333 1319 137.457 L 1319 338 38 338",stroke:"none",fill:"var(--kendo-chart-series-1)",fillOpacity:"0.8"}),(0,X.jsx)("path",{d:"M38 203.162 C 85.397 199.813 132.936 197.613 180.333 193.104 227.73 188.596 275.27 176.081 322.667 176.081 370.064 176.081 417.603 183.236 465 183.236 512.397 183.236 559.936 175.986 607.333 175.986 654.73 175.986 743.051 175.986 749.667 176.824 797.064 182.82 844.603 198.104 892 212.005 939.397 225.905 986.936 260.308 1034.333 260.308 1081.73 260.308 1129.27 171.424 1176.667 171.424 1224.064 171.424 1271.603 185.939 1319 193.186 L 1319 338 38 338",stroke:"none",fill:"var(--kendo-chart-series-2)",fillOpacity:"0.8"}),(0,X.jsx)("path",{d:"M38 233.416 C 85.397 230.651 132.936 225.113 180.333 225.113 227.73 225.113 275.27 277.506 322.667 277.506 370.064 277.506 417.603 218.685 465 205.714 487.345 199.598 559.936 203.069 607.333 199.598 654.73 196.127 702.27 184.87 749.667 184.87 797.064 184.87 844.603 218.62 892 218.62 939.397 218.62 986.936 191.161 1034.333 191.161 1081.73 191.161 1129.27 303.116 1176.667 303.116 1224.064 303.116 1271.603 204.012 1319 154.535 L 1319 338 38 338",stroke:"none",fill:"var(--kendo-chart-series-3)",fillOpacity:"0.8"}),(0,X.jsx)("circle",{cx:"465",cy:"182.382",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-2)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"465",cy:"204.693",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-3)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"607.333",cy:"198.623",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-3)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"749.667",cy:"184.004",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-3)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"892",cy:"217.504",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-3)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"1034.333",cy:"190.248",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-3)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"1176.667",cy:"301.374",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-3)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"607.333",cy:"104.676",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-1)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"465",cy:"104.394",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-1)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"322.667",cy:"175.28",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-2)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"322.667",cy:"123.637",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-1)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"180.333",cy:"122.364",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-1)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"749.667",cy:"97.467",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-1)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"749.667",cy:"176.017",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-2)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"892",cy:"210.938",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-2)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"892",cy:"176.674",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-1)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"607.333",cy:"175.187",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-2)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"322.667",cy:"275.955",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-3)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"38",cy:"176.446",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-1)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"1034.333",cy:"118.411",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-1)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"1176.667",cy:"100.803",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-1)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"1319",cy:"136.943",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-1)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"38",cy:"202.161",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-2)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"180.333",cy:"192.178",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-2)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"1034.333",cy:"258.883",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-2)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"1176.667",cy:"170.657",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-2)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"1319",cy:"192.258",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-2)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"38",cy:"232.19",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-3)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"180.333",cy:"223.949",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-3)",fillOpacity:"1"}),(0,X.jsx)("circle",{cx:"1319",cy:"153.894",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-3)",fillOpacity:"1"}),(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"24.5",y:"358",stroke:"none",fillOpacity:"1",children:"2002"}),(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"166.833",y:"358",stroke:"none",fillOpacity:"1",children:"2003"}),(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"309.167",y:"358",stroke:"none",fillOpacity:"1",children:"2004"}),(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"451.5",y:"358",stroke:"none",fillOpacity:"1",children:"2005"}),(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"593.833",y:"358",stroke:"none",fillOpacity:"1",children:"2006"}),(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"736.167",y:"358",stroke:"none",fillOpacity:"1",children:"2007"}),(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"878.5",y:"358",stroke:"none",fillOpacity:"1",children:"2008"}),(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"1020.8330000000001",y:"358",stroke:"none",fillOpacity:"1",children:"2009"}),(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"1163.167",y:"358",stroke:"none",fillOpacity:"1",children:"2010"}),(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"1306",y:"358",stroke:"none",fillOpacity:"1",children:"2011"}),(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"8",y:"342",stroke:"none",fillOpacity:"1",children:"-8%"}),(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"8",y:"315",stroke:"none",fillOpacity:"1",children:"-6%"}),(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"8",y:"288",stroke:"none",fillOpacity:"1",children:"-4%"}),(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"8",y:"261",stroke:"none",fillOpacity:"1",children:"-2%"}),(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"12",y:"234",stroke:"none",fillOpacity:"1",children:"0%"}),(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"12",y:"207",stroke:"none",fillOpacity:"1",children:"2%"}),(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"12",y:"180",stroke:"none",fillOpacity:"1",children:"4%"}),(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"12",y:"153",stroke:"none",fillOpacity:"1",children:"6%"}),(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"12",y:"126",stroke:"none",fillOpacity:"1",children:"8%"}),(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"5",y:"99",stroke:"none",fillOpacity:"1",children:"10%"}),(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"5",y:"72",stroke:"none",fillOpacity:"1",children:"12%"}),(0,X.jsx)("text",{style:{font:"16px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"558",y:"29",stroke:"none",fillOpacity:"1",children:"Gross domestic product growth"}),(0,X.jsx)("text",{style:{font:"16px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"611",y:"47",stroke:"none",fillOpacity:"1",children:"/GDP annual %/"}),(0,X.jsxs)("g",{transform:"matrix(1,0,0,1,590.5,371)",children:[(0,X.jsx)("path",{d:"M0 5.5 L 15 5.5 15 8.5 0 8.5Z",stroke:"#008fd3",strokeWidth:"0",fill:"var(--kendo-chart-series-1)"}),(0,X.jsx)("g",{children:(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"21",y:"11",stroke:"none",fillOpacity:"1",children:"India"})}),(0,X.jsx)("path",{style:{cursor:"pointer"},d:"M0 0 L 47 0 47 14 0 14Z",stroke:"none",fill:"#fff",fillOpacity:"0"})]}),(0,X.jsxs)("g",{transform:"matrix(1,0,0,1,643.5,371)",children:[(0,X.jsx)("path",{d:"M0 5.5 L 15 5.5 15 8.5 0 8.5Z",stroke:"#99d101",strokeWidth:"0",fill:"var(--kendo-chart-series-2)"}),(0,X.jsx)("g",{children:(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"21",y:"11",stroke:"none",fillOpacity:"1",children:"World"})}),(0,X.jsx)("path",{style:{cursor:"pointer"},d:"M0 0 L 52 0 52 14 0 14Z",stroke:"none",fill:"#fff",fillOpacity:"0"})]}),(0,X.jsxs)("g",{transform:"matrix(1,0,0,1,701.5,371)",children:[(0,X.jsx)("path",{d:"M0 5.5 L 15 5.5 15 8.5 0 8.5Z",stroke:"#f39b02",strokeWidth:"0",fill:"var(--kendo-chart-series-3)"}),(0,X.jsx)("g",{children:(0,X.jsx)("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"21",y:"11",stroke:"none",fillOpacity:"1",children:"Haiti"})}),(0,X.jsx)("path",{style:{cursor:"pointer"},d:"M0 0 L 45 0 45 14 0 14Z",stroke:"none",fill:"#fff",fillOpacity:"0"})]})]})})]})})})},"pane-1"),(0,X.jsx)(We,{className:"k-chart-wizard-property-pane",flexBasis:"300px",collapsible:!0,children:(0,X.jsx)(Ha,{tabStripItems:(0,X.jsxs)(X.Fragment,{children:[(0,X.jsx)(ft,{first:!0,value:"Chart",active:!0}),(0,X.jsx)(ft,{value:"Data"}),(0,X.jsx)(ft,{last:!0,value:"Format"})]}),children:(0,X.jsxs)(Ja,{active:!0,children:[(0,X.jsx)(Ga,{expanded:!0,title:"Bar chart",children:(0,X.jsxs)(Fm,{children:[(0,X.jsx)(Ts,{icon:"chart-bar-clustered",text:"Bar"}),(0,X.jsx)(Ts,{icon:"chart-bar-stacked",text:"Stacked Bar"}),(0,X.jsx)(Ts,{icon:"chart-bar-stacked100",text:"100% Stacked Bar"})]})}),(0,X.jsx)(Ga,{expanded:!0,title:"Pie chart",children:(0,X.jsx)(Fm,{children:(0,X.jsx)(Ts,{icon:"chart-pie",text:"Pie"})})}),(0,X.jsx)(Ga,{expanded:!0,title:"Column chart",children:(0,X.jsxs)(Fm,{children:[(0,X.jsx)(Ts,{icon:"chart-column-clustered",text:"Column"}),(0,X.jsx)(Ts,{icon:"chart-column-stacked",text:"Stacked Column"}),(0,X.jsx)(Ts,{icon:"chart-column-stacked100",text:"100% Stacked Column"})]})}),(0,X.jsx)(Ga,{expanded:!0,title:"Line chart",children:(0,X.jsxs)(Fm,{children:[(0,X.jsx)(Ts,{icon:"chart-line",text:"Line"}),(0,X.jsx)(Ts,{icon:"chart-line-stacked",text:"Stacked Line"}),(0,X.jsx)(Ts,{icon:"chart-line-stacked100",text:"100% Stacked Line"})]})}),(0,X.jsx)(Ga,{expanded:!0,title:"Scatter chart",children:(0,X.jsx)(Fm,{children:(0,X.jsx)(Ts,{icon:"chart-scatter",text:"Scatter"})})})]})})},"pane-2")]})}),...e});var na="grid",ua=na;var dS=require("react/jsx-runtime"),Iy="k-grid",Cle=[],Sle={size:[g.undefined,g.small,g.medium,g.large]},Ele=[],gF={pagerPosition:"bottom"},Ze=e=>{let{size:t,pagerPosition:o=gF.pagerPosition,toolbar:r,pager:i,groupingHeader:c,gridSelectionAggregates:u,_renderAriaRoot:h,resizable:x,ariaColCount:v,ariaRowCount:T,ariaRootId:C,ariaRole:N="grid",...R}=e;return(0,dS.jsxs)("div",{...R,className:l(e.className,Iy,{[`${Iy}-resizable`]:x},$(Iy,{size:t})),children:[r,o==="top"&&i,c,e.children&&h?(0,dS.jsx)("div",{className:"k-grid-aria-root",role:N,id:C,"aria-colcount":v,"aria-rowcount":T,children:e.children}):e.children,u,o==="bottom"&&i]})};Ze.states=Cle;Ze.options=Sle;Ze.variants=Ele;Ze.className=Iy;Ze.defaultOptions=gF;Ze.moduleName=na;Ze.folderName=ua;Ze.ariaSpec={selector:".k-grid",rules:[{selector:".k-grid-toolbar",attribute:"role=toolbar",usage:"The toolbar is a collection of command buttons and inputs."},{selector:".k-grid-toolbar",attribute:"aria-label",usage:"Clarifies the purpose of the toolbar."},{selector:".k-grid-toolbar",attribute:"aria-controls=.k-grid-aria-root id (when present)",usage:"Pointing to the id of the element with role=grid."},{selector:".k-grouping-header",attribute:"role=toolbar",usage:"The Grouping pane is a ToolBar (collection of buttons)."},{selector:".k-grouping-header",attribute:"aria-label",usage:"Clarifies the purpose of the grouping pane."},{selector:".k-grouping-header",attribute:"aria-controls=.k-grid-aria-root id (when present)",usage:"Pointing to the id of the element with role=grid."},{selector:".k-grouping-header .k-chip-list",attribute:"role=none",usage:"The ChipList default listbox role is removed to keep the toolbar --> button roles hierarchy."},{selector:".k-grouping-header .k-chip",attribute:"role=button",usage:"If the element used is not <button>, then the role must be specified."},{selector:".k-grid:not(.k-treelist) .k-grid-aria-root",attribute:"role=grid",usage:"The role specifies the element is a Data Grid."},{selector:".k-grid-aria-root",attribute:"aria-colcount (when present)",usage:"The total number of columns in the Grid. Needed for Virtual columns and Hidden columns scenarios."},{selector:".k-grid-aria-root",attribute:"aria-rowcount (when present)",usage:"The total number of rows in the table. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:".k-grid-header-wrap>table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-grid-header-wrap>table>thead",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)",attribute:"aria-rowindex (when present)",usage:"Row number. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th:not(.k-hierarchy-cell):not(.k-group-cell):not(.k-drag-cell)",attribute:"role=columnheader",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th",attribute:"aria-sort (when present)",usage:"Present if sorting is enabled for that column."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th",attribute:"aria-colindex (when present)",usage:"Col number. Needed for Virtual columns and Hidden columns scenarios."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th",attribute:"aria-haspopup=dialog (when present)",usage:"Present if the column has a ColumnMenu or FilterMenu."},{selector:".k-grid-header-wrap>table>thead>tr.k-filter-row>td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr.k-filter-row>td",attribute:"aria-label",usage:"Has a label indicating that the cell is part of a filter row."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table, .k-grid-pinned-container .k-grid-table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody, .k-grid-pinned-container tbody",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr, .k-grid-pinned-container tbody tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr, .k-grid-pinned-container tbody tr",attribute:"aria-rowindex (when present)",usage:"Row number. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr>td, .k-grid-pinned-container tbody td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr>td, .k-grid-pinned-container tbody td",attribute:"aria-colindex (when present)",usage:"Col number. Needed for Virtual columns and Hidden columns scenarios."},{selector:"tr.k-selected",attribute:"aria-selected=true",usage:"Set on the currently selected row(s) in row selection mode. All cells within the selected row also carry aria-selected=true (without k-selected class). Applies to both regular and pinned rows."},{selector:"td.k-selected",attribute:"aria-selected=true",usage:"Set on the currently selected cell(s) in cell selection mode. The k-selected class on cells is only applied in cell selection mode, but aria-selected=true is present on cells regardless of selection mode."},{selector:".k-master-row .k-hierarchy-cell, .k-grouping-row>td",attribute:"aria-expanded",usage:"For cells holding grouping criteria values and for Master row cells in Detail template scenario."},{selector:".k-group-cell",attribute:"role=presentation",usage:"Group offset cells (header and content) are non-interactive placeholders with no semantic role."},{selector:".k-drag-cell",attribute:"aria-label",usage:"Must be present in a Drag Row scenario on the cell containing the drag handle."},{selector:".k-grid-header-locked table tr",attribute:"aria-owns",usage:"Locked header rows own cells from the corresponding non-locked header table rows."},{selector:".k-grid-content-locked table tr:not(.k-grouping-row)",attribute:"aria-owns",usage:"Locked content rows own cells from the corresponding non-locked content table rows. Group header rows are excluded because the non-locked group header rows are presentational."},{selector:".k-grid-lockedcolumns .k-grid-header .k-grid-header-wrap table tr",attribute:"role=none",usage:"Non-locked header rows have their semantic role removed when locked columns exist."},{selector:".k-grid-lockedcolumns .k-grid-content table tr",attribute:"role=none",usage:"Non-locked content rows have their semantic role removed when locked columns exist."},{selector:".k-grid-lockedcolumns .k-grid-header .k-grid-header-wrap th",attribute:"role=columnheader",usage:"Non-locked header cells retain columnheader role so they are announced correctly when owned via aria-owns."},{selector:".k-grid-lockedcolumns .k-grid-content td:not(.k-grouping-row td)",attribute:"role=gridcell",usage:"Non-locked data cells retain gridcell role so they are announced correctly when owned via aria-owns. Cells inside group header rows are excluded as those rows are presentational."},{selector:".k-grid-filter-popup",attribute:"role=dialog",usage:"The filter menu popup has dialog role."},{selector:".k-grid-filter-popup",attribute:"id",usage:"Unique id linked to the header cell aria-controls attribute."},{selector:".k-grid-filter-popup",attribute:"aria-label",usage:'Descriptive label for the filter menu, e.g. "Column Title Filter Menu".'},{selector:".k-grid-columnmenu-popup",attribute:"role=dialog",usage:"The column menu popup has dialog role."},{selector:".k-grid-columnmenu-popup",attribute:"id",usage:"Unique id linked to the header cell aria-controls attribute."},{selector:".k-grid-columnmenu-popup",attribute:"aria-label",usage:'Descriptive label for the column menu, e.g. "Column Title Column Menu".'},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"role=button",usage:"Column menu items have button role."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"tabindex=0",usage:"Column menu items are focusable."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"aria-expanded",usage:"Expandable column menu items announce their expanded state."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"aria-controls",usage:"Expandable items point to the id of the content they control."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"role=listbox",usage:"The column list is a listbox."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"aria-multiselectable=true",usage:"The column list supports multiple selections."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"aria-label",usage:"Accessible name for the column list."},{selector:".k-grid-columnmenu-popup .k-column-list-item",attribute:"role=option",usage:"Column list items are options."},{selector:".k-grid-columnmenu-popup .k-column-list-item",attribute:"aria-checked",usage:"Column list items announce their checked state."},{selector:"tfoot",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:"tfoot tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:"tfoot tr",attribute:"aria-rowindex (when present)",usage:"Row number. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:"tfoot tr td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:"tfoot tr td",attribute:"aria-colindex (when present)",usage:"Col number. Needed for Virtual columns and Hidden columns scenarios."},{selector:".k-grid-selection-aggregates",attribute:"aria-live=polite",usage:"Ensures that changes in the calculated selection aggregates are announced by assistive technologies."},{selector:".k-grid-stack-cell",attribute:"tabindex=0",usage:"Stacked cell elements receive tabindex 0 when focus is within their parent .k-grid-stack-row element."},{selector:".k-grid-sticky-container",attribute:"role=none",usage:"Sticky group container has no semantic role."},{selector:".k-grid-sticky-container .k-grid-table",attribute:"role=none",usage:"Negates the default semantic role of the sticky group <table> element."},{selector:".k-grid-sticky-container tbody",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-sticky-container tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-sticky-container tr",attribute:"aria-rowindex",usage:"Matches the aria-rowindex of the real group header/footer row it mirrors."},{selector:".k-grid-sticky-container td:not(.k-group-cell)",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed. Group offset cells are excluded as they retain role=presentation."},{selector:".k-grid-sticky-container .k-grouping-row>td",attribute:"aria-expanded",usage:"Mirrors the expanded/collapsed state of the real group header row."},{selector:".k-grid-sticky-container td:not(.k-group-cell)",attribute:"tabindex",usage:"Receives tabindex 0 when focused, -1 otherwise, for keyboard navigation. Group offset cells are excluded as they are presentational."},{selector:".k-grid-sticky-container td",attribute:"aria-colindex (when present)",usage:"Col number. Typically 1 for the group header cell spanning all columns."},{selector:".k-grid-pinned-container",attribute:"role=none",usage:"Container for pinned rows has no semantic role."},{selector:".k-grid-pinned-container .k-grid-pinned-wrap",attribute:"role=none",usage:"Inner wrapper for the pinned rows table has no semantic role."},{selector:".k-grid-pinned-container tbody",attribute:"aria-label",usage:'Describes the purpose of the pinned rows group, e.g. "Top pinned rows" or "Bottom pinned rows".'},{selector:".k-grid-pinned-container td",attribute:"aria-haspopup=menu (when present)",usage:"Pinned row cells announce the context menu for row pinning operations."},{selector:".k-grid-pinned-container td",attribute:"aria-controls",usage:"Points to the ID of the context menu popup for row pinning."},{selector:".k-grid-pinned-container td",attribute:"aria-expanded",usage:"Indicates whether the context menu popup is open."},{selector:".k-grid-content td",attribute:"aria-haspopup=menu (when present)",usage:"Regular data cells announce context menu when row pinning uses contextual mode."},{selector:".k-grid-content td",attribute:"aria-controls",usage:"Points to the ID of the context menu popup for row pinning."},{selector:".k-grid-content td",attribute:"aria-expanded",usage:"Indicates whether the context menu popup is open."},{selector:'.k-pin-cell [class*="k-icon"]',attribute:"aria-hidden=true",usage:"Pin/unpin icon inside the dedicated column is decorative and must be hidden from assistive technologies."}]};var xF=require("react/jsx-runtime"),kF="k-grid-header",Le=e=>{let{draggable:t,...o}=e;return(0,xF.jsx)("div",{...o,className:l(e.className,kF,{"k-grid-draggable-header":t}),children:e.children})};Le.className=kF;Le.moduleName=na;Le.folderName=ua;var My=require("react/jsx-runtime"),vF="k-grouping-header",kd=e=>{let{dropHint:t,dropClue:o,...r}=e;return(0,My.jsxs)("div",{...r,className:l(e.className,vF),children:[o&&(0,My.jsx)("div",{className:"k-grouping-dropclue"}),e.children,(0,My.jsx)("div",{className:"k-grouping-drop-container",children:t})]})};kd.className=vF;kd.moduleName=na;kd.folderName=ua;var TF=require("react/jsx-runtime"),vB="k-grid-pinned-container",If=e=>{let{position:t,...o}=e;return(0,TF.jsx)("div",{...o,className:l(e.className,vB,{"k-pos-bottom":t==="bottom"}),children:e.children})};If.className=vB;If.moduleName=na;If.folderName=ua;var wF=require("react/jsx-runtime"),TB="k-grid-sticky-container",zm=e=>{let{position:t,...o}=e;return(0,wF.jsx)("div",{...o,className:l(e.className,TB,{"k-pos-bottom":t==="bottom"}),children:e.children})};zm.className=TB;zm.moduleName=na;zm.folderName=ua;var NF=require("react/jsx-runtime"),wB="k-grid-header-table",ye=e=>(0,NF.jsx)(dr,{...e,className:l(e.className,wB),children:e.children});ye.className=wB;ye.moduleName=na;ye.folderName=ua;var cc=require("react/jsx-runtime"),NB="k-header",Lle=[m.hover,m.focus,m.active],yF={sortIcon:"sort-asc-small"},Y=e=>{let{menu:t,sortable:o,filterable:r,sticky:i,resizable:c,columnTitle:u,hover:h,focus:x,active:v,sortIcon:T=yF.sortIcon,sortOrder:C,accessibleLabel:N,...R}=e;return(0,cc.jsxs)(Yo,{...R,className:l(e.className,NB,{"k-filterable":t||r,"k-sorted":o,"k-grid-header-sticky":i,"k-touch-action-none":c},D(NB,{hover:h,focus:x,active:v})),children:[u&&(0,cc.jsxs)("span",{className:"k-cell-inner",children:[(0,cc.jsxs)("span",{className:"k-link",children:[(0,cc.jsx)("span",{className:"k-column-title",children:u}),o&&(0,cc.jsx)("span",{className:"k-sort-icon",children:(0,cc.jsx)(f,{icon:T})}),C&&(0,cc.jsx)("span",{className:"k-sort-order",children:C})]}),t&&(0,cc.jsx)("a",{className:l("k-grid-header-menu",{"k-active":v,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:(0,cc.jsx)(f,{icon:t==="filter"?"filter":"more-vertical"})})]}),!u&&N&&(0,cc.jsx)("span",{className:"k-sr-only",children:N}),e.children,c&&(0,cc.jsx)("span",{className:"k-column-resizer k-touch-action-none"})]})};Y.states=Lle;Y.className=NB;Y.defaultOptions=yF;Y.moduleName=na;Y.folderName=ua;var CF=require("react/jsx-runtime"),AF="k-grid-container",Be=e=>(0,CF.jsx)("div",{...e,className:l(e.className,AF),children:e.children});Be.className=AF;Be.moduleName=na;Be.folderName=ua;var EF=require("react/jsx-runtime"),SF="k-grid-content",Ae=e=>(0,EF.jsx)("div",{...e,className:l(e.className,SF),children:e.children});Ae.className=SF;Ae.moduleName=na;Ae.folderName=ua;var LF=require("react/jsx-runtime"),yB="k-grid-table",ve=e=>(0,LF.jsx)(dr,{...e,className:l(e.className,yB),children:e.children});ve.className=yB;ve.moduleName=na;ve.folderName=ua;var MF=require("react/jsx-runtime"),IF="k-grid-footer",KT=e=>(0,MF.jsx)("div",{...e,className:l(e.className,IF),children:e.children});KT.className=IF;KT.moduleName=na;KT.folderName=ua;var BF=require("react/jsx-runtime"),AB="k-grid-footer-table",YT=e=>(0,BF.jsx)(dr,{...e,className:l(e.className,AB),children:e.children});YT.className=AB;YT.moduleName=na;YT.folderName=ua;var CB="pager",PF=CB;var Tr=require("react/jsx-runtime"),By="k-pager",Ile=[m.focus,m.disabled],Mle={size:[g.undefined,g.small,g.medium,g.large]},pc={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},Fa=e=>{let{responsive:t=pc.responsive,size:o,pagerSizeInfo:r=pc.pagerSizeInfo,pageTitleInfo:i=pc.pageTitleInfo,maxPagesInfo:c=pc.maxPagesInfo,itemsPerPage:u=pc.itemsPerPage,maxPages:h=pc.maxPages,currentPage:x=pc.currentPage,previousNext:v=pc.previousNext,type:T=pc.type,pageSizes:C=pc.pageSizes,refresh:N=pc.refresh,info:R=pc.info,focus:H,disabled:V,dir:_,...q}=e,me=[],Qe=[];for(let je=1;je<=h;je++)me.push((0,Tr.jsx)(d,{selected:je===x,fillMode:"flat",themeColor:"primary",size:o,"aria-label":`Page ${je}`,...je===x&&{"aria-current":"page"},children:je},je)),Qe.push((0,Tr.jsx)("option",{selected:je===x,children:je},je));return(0,Tr.jsxs)("div",{dir:_,...q,className:l(e.className,By,$(By,{size:o}),D(By,{focus:H,disabled:V}),{"k-pager-responsive":t}),role:"application","aria-roledescription":"pager","aria-keyshortcuts":"Enter ArrowRight ArrowLeft","aria-label":`Page ${x} of ${h}`,children:[(0,Tr.jsxs)("div",{className:l("k-pager-numbers-wrap"),children:[v&&(0,Tr.jsxs)(Tr.Fragment,{children:[(0,Tr.jsx)(d,{className:l("k-pager-nav","k-pager-first"),ariaDisabled:x===1,fillMode:"flat",size:o,icon:_==="rtl"?"caret-alt-to-right":"caret-alt-to-left",title:"Go to the first page","aria-label":"Go to the first page"}),(0,Tr.jsx)(d,{className:l("k-pager-nav"),ariaDisabled:x===1,fillMode:"flat",size:o,icon:_==="rtl"?"chevron-right":"chevron-left",title:"Go to the previous page","aria-label":"Go to the previous page"})]}),T==="numeric"&&(0,Tr.jsx)("div",{className:l("k-pager-numbers"),children:me}),T==="input"&&(0,Tr.jsxs)("span",{className:l("k-pager-input"),children:[i&&(0,Tr.jsx)("span",{children:"Page"}),(0,Tr.jsx)(At,{value:`${x}`,size:o,showSpinButton:!1,showClearButton:!1,"aria-label":"Current page"}),(0,Tr.jsx)("span",{children:c&&`of ${h}`})]}),v&&(0,Tr.jsxs)(Tr.Fragment,{children:[(0,Tr.jsx)(d,{className:l("k-pager-nav"),ariaDisabled:x===h,fillMode:"flat",size:o,icon:_==="rtl"?"chevron-left":"chevron-right",title:"Go to the next page","aria-label":"Go to the next page"}),(0,Tr.jsx)(d,{className:l("k-pager-nav","k-pager-last"),ariaDisabled:x===h,fillMode:"flat",size:o,icon:_==="rtl"?"caret-alt-to-left":"caret-alt-to-right",title:"Go to the last page","aria-label":"Go to the last page"})]})]}),C&&(0,Tr.jsxs)("span",{className:l("k-pager-sizes"),children:[(0,Tr.jsx)(de,{value:`${u}`,size:o,"aria-label":"Items per page"}),r&&(0,Tr.jsx)("span",{children:"items per page"})]}),N&&(0,Tr.jsx)(d,{className:l("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw",title:"Refresh","aria-label":"Refresh"}),R&&(0,Tr.jsx)("span",{className:l("k-pager-info"),children:R})]})};Fa.states=Ile;Fa.options=Mle;Fa.className=By;Fa.defaultOptions=pc;Fa.moduleName=CB;Fa.folderName=PF;Fa.ariaSpec={selector:".k-pager",rules:[{selector:".k-pager",attribute:"role=application",usage:"Indicates that the pager has its own keyboard navigation implemented."},{selector:".k-pager",attribute:"aria-roledescription=pager",usage:"Clarifies the role of the Pager."},{selector:".k-pager",attribute:"aria-keyshortcuts=Enter ArrowRight ArrowLeft",usage:"Announces the available keyboard shortcuts."},{selector:".k-pager",attribute:"aria-label",usage:"Announces the currently selected page and the number of available pages."},{selector:".k-pager-nav",attribute:"role=button or nodeName=button",usage:"Specifies the role of the navigation element."},{selector:".k-pager-nav.k-disabled",attribute:"aria-disabled=true",usage:"Present when the navigation button is non-interactive."},{selector:".k-pager-nav",attribute:"title",usage:"Specifies the purpose of each navigation button."},{selector:".k-pager-numbers .k-button",attribute:"aria-label or title",usage:"Specifies the purpose of each page link, e.g., Page 6."},{selector:".k-pager-numbers .k-button.k-selected",attribute:"aria-current=page",usage:"Present on the currently selected page element."},{selector:".k-pager-sizes .k-dropdownlist",attribute:"aria-label or aria-labelledby",usage:"The DropDownList requires a label to specify its purpose."},{selector:".k-pager-input .k-input-inner",attribute:"aria-label",usage:"The input requires a label to specify its purpose."}]};var DF=require("react/jsx-runtime"),SB=e=>(0,DF.jsx)(Fa,{...e,responsive:!1});var RF=require("react/jsx-runtime"),dk=e=>(0,RF.jsx)(Fa,{type:"input",responsive:!1,...e});var OF=require("react/jsx-runtime"),Ble=e=>(0,OF.jsx)(Fa,{...e});var EB=require("react/jsx-runtime"),Ple=Fa.options,Dle=Fa.states,Rle={...Fa.defaultOptions,variant:"numeric"},Ole=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],Kle=[],ck=e=>{let{variant:t,...o}=e;return t==="input"?(0,EB.jsx)(Fa,{...o,type:"input"}):(0,EB.jsx)(Fa,{...o,type:"numeric"})};ck.options=Ple;ck.states=Dle;ck.variants=Ole;ck.defaultOptions=Rle;ck.modifiers=Kle;ck.className=Fa.className;var YF=require("react/jsx-runtime"),KF="k-grid-pager",Zl=e=>(0,YF.jsx)(Fa,{...e,className:l(e.className,KF),children:e.children});Zl.className=KF;Zl.moduleName=na;Zl.folderName=ua;var HF=require("react/jsx-runtime"),GF="k-grid-toolbar",$s=e=>(0,HF.jsx)(fe,{...e,className:l(e.className,GF),children:e.children});$s.className=GF;$s.moduleName=na;$s.folderName=ua;var GT=require("react/jsx-runtime"),LB="k-grid-stack-cell",Yle=[m.focus,m.selected],HT=e=>{let{cellHeader:t,cellContent:o,edit:r,commandCell:i,dirty:c,focus:u,selected:h,...x}=e;return(0,GT.jsxs)("div",{...x,className:l(e.className,LB,{"k-grid-stack-edit-cell":r,"k-command-cell":i,"k-dirty-cell":c},D(LB,{focus:u,selected:h})),children:[c&&(0,GT.jsx)("span",{className:"k-dirty"}),t&&(0,GT.jsx)("div",{className:"k-grid-stack-header",children:t}),(0,GT.jsx)("div",{className:"k-grid-stack-content",children:o}),e.children]})};HT.states=Yle;HT.className=LB;HT.moduleName=na;HT.folderName=ua;var Cn=HT;var zF=require("react/jsx-runtime"),FF="k-grid-stack-row",pk=e=>{let{cols:t,...o}=e;return(0,zF.jsx)("div",{...o,className:l(e.className,FF,{[`k-grid-cols-${t}`]:t}),children:e.children})};pk.className=FF;pk.moduleName=na;pk.folderName=ua;var Ve=require("react/jsx-runtime"),Gle=({contentClassName:e,...t})=>{let o=b("grid");return(0,Ve.jsx)(Ze,{_renderAriaRoot:!0,ariaRootId:o,ariaColCount:4,ariaRowCount:8,pager:(0,Ve.jsx)(Zl,{}),groupingHeader:(0,Ve.jsx)(kd,{dropHint:"Drag a column header and drop it here to group by that column",role:"toolbar","aria-label":"Grouping","aria-controls":o}),children:(0,Ve.jsxs)(Ve.Fragment,{children:[(0,Ve.jsx)(Le,{children:(0,Ve.jsx)("div",{className:"k-grid-header-wrap",children:(0,Ve.jsxs)(ye,{role:"none",children:[(0,Ve.jsxs)("colgroup",{children:[(0,Ve.jsx)("col",{style:{width:"240px"}}),(0,Ve.jsx)("col",{}),(0,Ve.jsx)("col",{}),(0,Ve.jsx)("col",{style:{width:"150px"}})]}),(0,Ve.jsx)(xe,{role:"rowgroup",children:(0,Ve.jsxs)(k,{role:"row","aria-rowindex":1,children:[(0,Ve.jsx)(Y,{columnTitle:"Contact Name",role:"columnheader","aria-sort":"ascending","aria-colindex":1}),(0,Ve.jsx)(Y,{columnTitle:"Contact Title",role:"columnheader","aria-colindex":2}),(0,Ve.jsx)(Y,{columnTitle:"Company Name",role:"columnheader","aria-colindex":3}),(0,Ve.jsx)(Y,{columnTitle:"Country",role:"columnheader","aria-colindex":4})]})})]})})}),(0,Ve.jsx)(Be,{children:(0,Ve.jsx)(Ae,{className:e,children:(0,Ve.jsxs)(ve,{role:"none",children:[(0,Ve.jsxs)("colgroup",{children:[(0,Ve.jsx)("col",{style:{width:"240px"}}),(0,Ve.jsx)("col",{}),(0,Ve.jsx)("col",{}),(0,Ve.jsx)("col",{style:{width:"150px"}})]}),(0,Ve.jsxs)(ie,{role:"rowgroup",children:[(0,Ve.jsxs)(k,{className:"k-master-row",role:"row","aria-rowindex":2,children:[(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":1,children:"Maria Anders"}),(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Sales Representative"}),(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":3,children:"Alfreds Futterkiste"}),(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":4,children:"Germany"})]}),(0,Ve.jsxs)(k,{className:"k-master-row",role:"row",alt:!0,"aria-rowindex":3,children:[(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":1,children:"Ana Trujillo"}),(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Owner"}),(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":3,children:"Anna Trujillo Emparedados y helados"}),(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":4,children:"Mexico"})]}),(0,Ve.jsxs)(k,{className:"k-master-row",role:"row","aria-rowindex":4,children:[(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":1,children:"Thomas Hardy"}),(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Sales Representative"}),(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":3,children:"Around the Horn"}),(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":4,children:"UK"})]}),(0,Ve.jsxs)(k,{className:"k-master-row",role:"row",alt:!0,"aria-rowindex":5,children:[(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":1,children:"Christina Berglund"}),(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Office Administrator"}),(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":3,children:"Berglunds snabbk\xF6p"}),(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":4,children:"Sweden"})]}),(0,Ve.jsxs)(k,{className:"k-master-row",role:"row","aria-rowindex":6,children:[(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":1,children:"Martin Sommer"}),(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Owner"}),(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":3,children:"B\xF3lido Comidas preparadas"}),(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":4,children:"Spain"})]})]})]})})}),(0,Ve.jsx)(KT,{children:(0,Ve.jsx)("div",{className:"k-grid-footer-wrap",children:(0,Ve.jsxs)(YT,{role:"none",children:[(0,Ve.jsxs)("colgroup",{children:[(0,Ve.jsx)("col",{style:{width:"240px"}}),(0,Ve.jsx)("col",{}),(0,Ve.jsx)("col",{}),(0,Ve.jsx)("col",{style:{width:"150px"}})]}),(0,Ve.jsx)(Lg,{role:"rowgroup",children:(0,Ve.jsxs)(k,{role:"row","aria-rowindex":7,children:[(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":1,children:"Total"}),(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":2}),(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":3,children:"5 items"}),(0,Ve.jsx)(n,{role:"gridcell","aria-colindex":4})]})})]})})})]}),...t})};var Ut=require("react/jsx-runtime"),Hle=({contentClassName:e,sortable:t,resizable:o,...r})=>(0,Ut.jsx)(Ze,{_renderAriaRoot:!0,pager:(0,Ut.jsx)(Zl,{refresh:!1}),children:(0,Ut.jsxs)(Ut.Fragment,{children:[(0,Ut.jsx)(Le,{children:(0,Ut.jsx)("div",{className:"k-grid-header-wrap",children:(0,Ut.jsxs)(ye,{role:"none",children:[(0,Ut.jsxs)("colgroup",{children:[(0,Ut.jsx)("col",{style:{width:"100px"}}),(0,Ut.jsx)("col",{style:{width:"100px"}}),(0,Ut.jsx)("col",{style:{width:"150px"}})]}),(0,Ut.jsx)(xe,{role:"rowgroup",children:(0,Ut.jsxs)(k,{role:"row",children:[(0,Ut.jsx)(Y,{sortable:t,resizable:o,rowspan:1,colspan:1,menu:"column",columnTitle:"ID",filterable:!0,role:"columnheader","aria-haspopup":"dialog"}),(0,Ut.jsx)(Y,{sortable:t,resizable:o,rowspan:1,colspan:1,menu:"column",columnTitle:"Name",filterable:!0,role:"columnheader","aria-haspopup":"dialog"}),(0,Ut.jsx)(Y,{sortable:t,resizable:o,rowspan:1,colspan:1,menu:"column",columnTitle:"Category",filterable:!0,role:"columnheader","aria-haspopup":"dialog"})]})})]})})}),(0,Ut.jsx)(Be,{children:(0,Ut.jsx)(Ae,{className:e,children:(0,Ut.jsxs)(ve,{role:"none",children:[(0,Ut.jsxs)("colgroup",{children:[(0,Ut.jsx)("col",{style:{width:"100px"}}),(0,Ut.jsx)("col",{style:{width:"100px"}}),(0,Ut.jsx)("col",{style:{width:"150px"}})]}),(0,Ut.jsxs)(ie,{role:"rowgroup",children:[(0,Ut.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,Ut.jsx)(n,{role:"gridcell",children:"1"}),(0,Ut.jsx)(n,{role:"gridcell",children:"Chai"}),(0,Ut.jsx)(n,{role:"gridcell",children:"Beverages"})]}),(0,Ut.jsxs)(k,{className:"k-master-row",role:"row",alt:!0,children:[(0,Ut.jsx)(n,{role:"gridcell",children:"2"}),(0,Ut.jsx)(n,{role:"gridcell",children:"Chang"}),(0,Ut.jsx)(n,{role:"gridcell",children:"Beverages"})]}),(0,Ut.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,Ut.jsx)(n,{role:"gridcell",children:"3"}),(0,Ut.jsx)(n,{role:"gridcell",children:"Aniseed Syrup"}),(0,Ut.jsx)(n,{role:"gridcell",children:"Condiments"})]}),(0,Ut.jsxs)(k,{className:"k-master-row",role:"row",alt:!0,children:[(0,Ut.jsx)(n,{role:"gridcell",children:"4"}),(0,Ut.jsx)(n,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),(0,Ut.jsx)(n,{role:"gridcell",children:"Condiments"})]}),(0,Ut.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,Ut.jsx)(n,{role:"gridcell",children:"5"}),(0,Ut.jsx)(n,{role:"gridcell",children:"Grandma's Boysenberry Spread"}),(0,Ut.jsx)(n,{role:"gridcell",children:"Condiments"})]})]})]})})})]}),...r});var Sn="column-menu",xd=Sn;var VF=require("react/jsx-runtime"),cS="k-column-menu",Fle=[],zle={size:[g.undefined,g.small,g.medium,g.large]},WF={view:"list"},Yc=e=>{let{view:t=WF.view,size:o,...r}=e;return(0,VF.jsx)("div",{...r,className:l(e.className,cS,$(cS,{size:o}),{"k-column-menu-tabbed":t==="tabbed"}),children:e.children})};Yc.states=Fle;Yc.options=zle;Yc.className=cS;Yc.defaultOptions=WF;Yc.moduleName=Sn;Yc.folderName=xd;Yc.ariaSpec={selector:".k-column-menu",rules:[{selector:".k-columnmenu-item",attribute:"role=button",usage:"Sets column menu item role to button."},{selector:".k-columnmenu-item",attribute:"tabindex=0",usage:"Sets column menu item tabindex."},{selector:".k-expander .k-columnmenu-item",attribute:"aria-expanded=true/false",usage:"Sets the expanded state of an expandable item."},{selector:".k-expander .k-columnmenu-item",attribute:"aria-controls",usage:"Points to id attribute of the content whose visibility the expandable item controls."},{selector:".k-expander .k-columnmenu-item-content",attribute:"id",usage:"Unique and deterministic id linked to the aria-controls attribute of the corresponding expandable item."},{selector:".k-column-list",attribute:"role=listbox",usage:"Sets the listbox role of the list of columns wrapper."},{selector:".k-column-list",attribute:"aria-multiselectable=true",usage:"Specifies that the list is multiselectable."},{selector:".k-column-list",attribute:"aria-label",usage:"Accessible name for the column list."},{selector:".k-column-list .k-column-list-item",attribute:"role=option",usage:"Sets the option role of the list item."},{selector:".k-column-list .k-column-list-item",attribute:"aria-checked=true/false",usage:"Sets the checked state of list item."}]};var IB=require("react/jsx-runtime"),pS="k-column-list",Wle=[],Vle={size:[g.undefined,g.small,g.medium,g.large]},Qle={},nb=e=>{let{size:t,...o}=e;return(0,IB.jsx)("div",{className:"k-column-list-wrapper",children:(0,IB.jsx)("div",{...o,className:l(e.className,pS,$(pS,{size:t})),role:"listbox","aria-multiselectable":"true",children:e.children})})};nb.states=Wle;nb.options=Vle;nb.className=pS;nb.defaultOptions=Qle;nb.moduleName=Sn;nb.folderName=xd;var Py=require("react/jsx-runtime"),mS="k-column-list-item",Xle=[m.focus,m.disabled,m.hover],Zle={},Ule={},db=e=>{let{label:t,checked:o,focus:r,hover:i,disabled:c,...u}=e;return(0,Py.jsxs)("span",{...u,className:l(e.className,mS,D(mS,{focus:r,hover:i,disabled:c})),role:"option","aria-checked":o?"true":"false",children:[(0,Py.jsx)(Do,{disabled:c,checked:o,"aria-label":t}),(0,Py.jsx)("span",{className:"k-checkbox-label",children:t})]})};db.states=Xle;db.options=Zle;db.className=mS;db.defaultOptions=Ule;var mk=require("react/jsx-runtime"),uS="k-columnmenu-item",Jle=[m.focus,m.selected],jle={},qle={},Gc=e=>{let{focus:t,selected:o,text:r,startIcon:i,endIcon:c,sortIndex:u,...h}=e;return(0,mk.jsxs)("div",{...h,className:l(e.className,uS,D(uS,{focus:t,selected:o})),role:"button",tabIndex:0,children:[i&&(0,mk.jsx)(f,{icon:i}),r,c&&(0,mk.jsxs)("span",{className:"k-columnmenu-indicators",children:[(0,mk.jsx)(f,{icon:c}),u&&(0,mk.jsx)("span",{className:"k-sort-index",children:u})]}),e.children]})};Gc.states=Jle;Gc.options=jle;Gc.className=uS;Gc.defaultOptions=qle;Gc.moduleName=Sn;Gc.folderName=xd;var QF=require("react/jsx-runtime"),_le="k-columnmenu-item-wrapper",FT=e=>(0,QF.jsx)("div",{...e,className:l(e.className,_le),children:e.children});var XF=require("react/jsx-runtime"),$le="k-columnmenu-item-content",MB=e=>(0,XF.jsx)("div",{...e,className:l(e.className,$le,"k-columns-item"),children:e.children});var BB=require("react/jsx-runtime"),PB="k-filter-menu",eie=[],tie={},oie={},Mp=e=>{let{...t}=e;return(0,BB.jsx)("form",{...t,className:l(e.className,PB),children:(0,BB.jsx)("div",{className:"k-filter-menu-container",children:e.children})})};Mp.states=eie;Mp.options=tie;Mp.className=PB;Mp.defaultOptions=oie;Mp.moduleName=Sn;Mp.folderName=xd;var ZF=require("react/jsx-runtime"),aie="k-multicheck-wrap",DB=e=>(0,ZF.jsx)("ul",{...e,className:l(e.className,aie),children:e.children});var zT=require("react/jsx-runtime"),rie="k-item",lie={size:[g.undefined,g.small,g.medium,g.large]},iie=[],cb=e=>{let{text:t,size:o,...r}=e;return(0,zT.jsx)("li",{...r,className:l(e.className,rie),children:(0,zT.jsxs)("label",{className:"k-label k-checkbox-label",children:[(0,zT.jsx)(Do,{size:o}),(0,zT.jsx)("span",{children:t})]})})};cb.states=iie;cb.options=lie;var Wm=require("react/jsx-runtime"),RB="k-expander",sie=[],nie={},die={},Bp=e=>{let{itemText:t,itemStartIcon:o,itemEndIcon:r,itemSortIndex:i,expanded:c,itemContent:u,expanderIcon:h,contentId:x,...v}=e,T=x||b("columnmenu-content"),C=!c&&!h?(0,Wm.jsx)(f,{icon:"chevron-down"}):c&&!h?(0,Wm.jsx)(f,{icon:"chevron-up"}):(0,Wm.jsx)(f,{icon:h});return(0,Wm.jsxs)("div",{...v,className:l(e.className,RB),children:[(0,Wm.jsxs)(Gc,{text:t,startIcon:o,endIcon:r,sortIndex:i,"aria-expanded":c?"true":"false","aria-controls":T,children:[(0,Wm.jsx)("span",{className:"k-spacer"}),(0,Wm.jsx)("span",{className:"k-expander-indicator",children:C})]}),c&&(0,Wm.jsx)(MB,{id:T,children:u}),e.children]})};Bp.states=sie;Bp.options=nie;Bp.className=RB;Bp.defaultOptions=die;Bp.moduleName=Sn;Bp.folderName=xd;var UF=require("react/jsx-runtime"),bS="k-group-menu",cie=[],pie={size:[g.undefined,g.small,g.medium,g.large]},mie={},uk=e=>{let{size:t,...o}=e;return(0,UF.jsx)("div",{...o,className:l(e.className,bS,$(bS,{size:t})),children:e.children})};uk.states=cie;uk.options=pie;uk.className=bS;uk.defaultOptions=mie;uk.moduleName=Sn;uk.folderName=xd;var Vm=require("react/jsx-runtime"),fS="k-group-menu-item",uie=[m.hover,m.selected],bie={},fie={},bk=e=>{let{hover:t,selected:o,text:r,actionsStart:i,actionsEnd:c,...u}=e;return(0,Vm.jsxs)("div",{...u,className:l(e.className,fS,D(fS,{hover:t,selected:o})),children:[i&&(0,Vm.jsx)("span",{className:"k-group-menu-item-actions",children:i}),(0,Vm.jsx)("span",{className:"k-group-item-text",children:r}),c&&(0,Vm.jsxs)(Vm.Fragment,{children:[(0,Vm.jsx)("span",{className:"k-spacer"}),(0,Vm.jsx)("span",{className:"k-group-menu-item-actions",children:c})]}),e.children]})};bk.states=uie;bk.options=bie;bk.className=fS;bk.defaultOptions=fie;bk.moduleName=Sn;bk.folderName=xd;var Mf=require("react/jsx-runtime"),hS="k-group-menu-item-action",hie=[m.hover,m.disabled,m.selected],gie={size:[g.undefined,g.small,g.medium,g.large]},JF=(c=>(c.REMOVE="remove",c.ADD="add",c.DRAG="drag",c.UP="up",c.DOWN="down",c))(JF||{}),gS=e=>{let{hover:t,disabled:o,selected:r,size:i,type:c,...u}=e,h;switch(c){case"remove":h=(0,Mf.jsx)(f,{icon:"x-circle",size:i});break;case"add":h=(0,Mf.jsx)(f,{icon:"plus-circle",size:i});break;case"drag":h=(0,Mf.jsx)(f,{icon:"handle-drag-dots",size:i});break;case"up":h=(0,Mf.jsx)(f,{icon:"chevron-up",size:i});break;case"down":h=(0,Mf.jsx)(f,{icon:"chevron-down",size:i});break;default:h=(0,Mf.jsx)(f,{icon:c,size:i});break}return(0,Mf.jsx)("span",{...u,className:l(e.className,hS,D(hS,{selected:r,hover:t,disabled:o}),`k-group-menu-item-${c}-action`),children:h})};gS.options=hie;gS.options=gie;gS.className=hS;var jF=require("react/jsx-runtime"),kie="k-group-menu-item-wrap",xie=e=>(0,jF.jsx)("div",{...e,className:l(e.className,kie),children:e.children});var bi=require("react/jsx-runtime"),Dy=e=>(0,bi.jsx)(Yc,{children:(0,bi.jsxs)(bi.Fragment,{children:[(0,bi.jsxs)(FT,{children:[(0,bi.jsx)(Gc,{text:"Sort ascending",startIcon:"sort-asc-small"}),(0,bi.jsx)(Gc,{text:"Sort descending",startIcon:"sort-desc-small"})]}),(0,bi.jsx)(FT,{children:(0,bi.jsx)(Bp,{itemText:"Columns",itemStartIcon:"columns",expanded:!0,itemContent:(0,bi.jsxs)(nb,{"aria-label":"Columns",children:[(0,bi.jsx)(db,{label:"Column 1",checked:!0,focus:!0}),(0,bi.jsx)(db,{label:"Column 2",checked:!0}),(0,bi.jsx)(db,{label:"Column 3"})]})})}),(0,bi.jsx)(FT,{children:(0,bi.jsx)(Bp,{itemText:"Filter",itemStartIcon:"filter"})}),(0,bi.jsx)(FT,{children:(0,bi.jsx)(Bp,{itemText:"Set column position",itemStartIcon:"set-column-position"})})]}),...e});var Pp=require("react/jsx-runtime"),vie=e=>(0,Pp.jsx)(Yc,{view:"tabbed",children:(0,Pp.jsx)(wl,{className:"k-pos-relative",tabStripItems:(0,Pp.jsxs)(Pp.Fragment,{children:[(0,Pp.jsx)(ft,{active:!0,icon:"filter"}),(0,Pp.jsx)(ft,{icon:"sliders"}),(0,Pp.jsx)(ft,{icon:"columns"})]}),children:(0,Pp.jsx)(Ja,{active:!0,children:"Tabbed column menu content"})}),...e});var vd=require("react/jsx-runtime"),Ry=e=>(0,vd.jsx)(Mp,{children:(0,vd.jsxs)(vd.Fragment,{children:[(0,vd.jsx)(de,{value:"Contains","aria-label":"First filter operator"}),(0,vd.jsx)(we,{placeholder:"Filter...","aria-label":"First filter value"}),(0,vd.jsx)(de,{value:"And",className:"k-filter-and","aria-label":"Logic operator"}),(0,vd.jsx)(de,{value:"Contains","aria-label":"Second filter operator"}),(0,vd.jsx)(we,{placeholder:"Filter...","aria-label":"Second filter value"}),(0,vd.jsxs)(Xe,{alignment:"stretched",children:[(0,vd.jsx)(d,{icon:"filter",themeColor:"primary",children:"Filter"}),(0,vd.jsx)(d,{icon:"filter-clear",children:"Clear"})]})]}),...e});var Ns=require("react/jsx-runtime"),Tie=e=>(0,Ns.jsx)(Mp,{children:(0,Ns.jsxs)(Ns.Fragment,{children:[(0,Ns.jsx)(ya,{placeholder:"Search...","aria-label":"Search columns"}),(0,Ns.jsxs)(DB,{children:[(0,Ns.jsx)(cb,{text:"Select All",className:"k-check-all-wrap"}),(0,Ns.jsx)(cb,{text:"Column 1"}),(0,Ns.jsx)(cb,{text:"Column 2"}),(0,Ns.jsx)(cb,{text:"Column 3"}),(0,Ns.jsx)(cb,{text:"Column 4 Column 4 Column 4 Column 4 Column 4 Column 4 Column 4 Column 4"})]}),(0,Ns.jsx)("div",{className:"k-filter-selected-items",children:"0 selected items"}),(0,Ns.jsxs)(Xe,{alignment:"stretched",children:[(0,Ns.jsx)(d,{icon:"filter",themeColor:"primary",children:"Filter"}),(0,Ns.jsx)(d,{icon:"filter-clear",children:"Clear"})]})]}),...e});var Ot=require("react/jsx-runtime"),wie=({contentClassName:e,sortable:t,resizable:o,...r})=>{let i=b("grid-colmenu-popup");return(0,Ot.jsxs)(Ot.Fragment,{children:[(0,Ot.jsx)(Ze,{_renderAriaRoot:!0,pager:(0,Ot.jsx)(Zl,{refresh:!1}),children:(0,Ot.jsxs)(Ot.Fragment,{children:[(0,Ot.jsx)(Le,{children:(0,Ot.jsx)("div",{className:"k-grid-header-wrap",children:(0,Ot.jsxs)(ye,{role:"none",children:[(0,Ot.jsxs)("colgroup",{children:[(0,Ot.jsx)("col",{style:{width:"100px"}}),(0,Ot.jsx)("col",{style:{width:"100px"}}),(0,Ot.jsx)("col",{style:{width:"150px"}})]}),(0,Ot.jsx)(xe,{role:"rowgroup",children:(0,Ot.jsxs)(k,{role:"row",children:[(0,Ot.jsx)(Y,{sortable:t,resizable:o,rowspan:1,colspan:1,menu:"column",columnTitle:"ID",filterable:!0,role:"columnheader","aria-haspopup":"dialog","aria-expanded":"true","aria-controls":i}),(0,Ot.jsx)(Y,{sortable:t,resizable:o,rowspan:1,colspan:1,menu:"column",columnTitle:"Name",filterable:!0,role:"columnheader","aria-haspopup":"dialog"}),(0,Ot.jsx)(Y,{sortable:t,resizable:o,rowspan:1,colspan:1,menu:"column",columnTitle:"Category",filterable:!0,role:"columnheader","aria-haspopup":"dialog"})]})})]})})}),(0,Ot.jsx)(Be,{children:(0,Ot.jsx)(Ae,{className:e,children:(0,Ot.jsxs)(ve,{role:"none",children:[(0,Ot.jsxs)("colgroup",{children:[(0,Ot.jsx)("col",{style:{width:"100px"}}),(0,Ot.jsx)("col",{style:{width:"100px"}}),(0,Ot.jsx)("col",{style:{width:"150px"}})]}),(0,Ot.jsxs)(ie,{role:"rowgroup",children:[(0,Ot.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,Ot.jsx)(n,{role:"gridcell",children:"1"}),(0,Ot.jsx)(n,{role:"gridcell",children:"Chai"}),(0,Ot.jsx)(n,{role:"gridcell",children:"Beverages"})]}),(0,Ot.jsxs)(k,{className:"k-master-row",role:"row",alt:!0,children:[(0,Ot.jsx)(n,{role:"gridcell",children:"2"}),(0,Ot.jsx)(n,{role:"gridcell",children:"Chang"}),(0,Ot.jsx)(n,{role:"gridcell",children:"Beverages"})]}),(0,Ot.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,Ot.jsx)(n,{role:"gridcell",children:"3"}),(0,Ot.jsx)(n,{role:"gridcell",children:"Aniseed Syrup"}),(0,Ot.jsx)(n,{role:"gridcell",children:"Condiments"})]}),(0,Ot.jsxs)(k,{className:"k-master-row",role:"row",alt:!0,children:[(0,Ot.jsx)(n,{role:"gridcell",children:"4"}),(0,Ot.jsx)(n,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),(0,Ot.jsx)(n,{role:"gridcell",children:"Condiments"})]}),(0,Ot.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,Ot.jsx)(n,{role:"gridcell",children:"5"}),(0,Ot.jsx)(n,{role:"gridcell",children:"Grandma's Boysenberry Spread"}),(0,Ot.jsx)(n,{role:"gridcell",children:"Condiments"})]})]})]})})})]}),...r}),(0,Ot.jsx)(Oe,{className:"k-grid-columnmenu-popup",id:i,role:"dialog","aria-label":"ID Column Menu",children:(0,Ot.jsx)(Dy,{})})]})};var Jt=require("react/jsx-runtime"),Nie=({contentClassName:e,sortable:t,resizable:o,...r})=>(0,Jt.jsx)(Ze,{_renderAriaRoot:!0,pager:(0,Jt.jsx)(Zl,{refresh:!1}),children:(0,Jt.jsxs)(Jt.Fragment,{children:[(0,Jt.jsx)(Le,{children:(0,Jt.jsx)("div",{className:"k-grid-header-wrap",children:(0,Jt.jsxs)(ye,{role:"none",children:[(0,Jt.jsxs)("colgroup",{children:[(0,Jt.jsx)("col",{}),(0,Jt.jsx)("col",{}),(0,Jt.jsx)("col",{})]}),(0,Jt.jsx)(xe,{role:"rowgroup",children:(0,Jt.jsxs)(k,{role:"row",children:[(0,Jt.jsx)(Y,{sortable:t,resizable:o,rowspan:1,colspan:1,menu:"filter",columnTitle:"Name",role:"columnheader","aria-haspopup":"dialog"}),(0,Jt.jsx)(Y,{sortable:t,resizable:o,rowspan:1,colspan:1,menu:"filter",columnTitle:"City",role:"columnheader","aria-haspopup":"dialog"}),(0,Jt.jsx)(Y,{sortable:t,resizable:o,rowspan:1,colspan:1,menu:"filter",columnTitle:"Title",role:"columnheader","aria-haspopup":"dialog"})]})})]})})}),(0,Jt.jsx)(Be,{children:(0,Jt.jsx)(Ae,{className:e,children:(0,Jt.jsxs)(ve,{role:"none",children:[(0,Jt.jsxs)("colgroup",{children:[(0,Jt.jsx)("col",{}),(0,Jt.jsx)("col",{}),(0,Jt.jsx)("col",{})]}),(0,Jt.jsxs)(ie,{role:"rowgroup",children:[(0,Jt.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,Jt.jsx)(n,{role:"gridcell",children:"Michael Buchanan"}),(0,Jt.jsx)(n,{role:"gridcell",children:"Redmond"}),(0,Jt.jsx)(n,{role:"gridcell",children:"CEO"})]}),(0,Jt.jsxs)(k,{className:"k-master-row",role:"row",alt:!0,children:[(0,Jt.jsx)(n,{role:"gridcell",children:"Margaret Peacock"}),(0,Jt.jsx)(n,{role:"gridcell",children:"Tacoma"}),(0,Jt.jsx)(n,{role:"gridcell",children:"CTO"})]}),(0,Jt.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,Jt.jsx)(n,{role:"gridcell",children:"Margaret Suyama"}),(0,Jt.jsx)(n,{role:"gridcell",children:"Boston"}),(0,Jt.jsx)(n,{role:"gridcell",children:"Web Designer"})]}),(0,Jt.jsxs)(k,{className:"k-master-row",role:"row",alt:!0,children:[(0,Jt.jsx)(n,{role:"gridcell",children:"Laura Peacock"}),(0,Jt.jsx)(n,{role:"gridcell",children:"Seattle"}),(0,Jt.jsx)(n,{role:"gridcell",children:"Accountant"})]}),(0,Jt.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,Jt.jsx)(n,{role:"gridcell",children:"Janet Davolio"}),(0,Jt.jsx)(n,{role:"gridcell",children:"Philadelphia"}),(0,Jt.jsx)(n,{role:"gridcell",children:"Sales Manager"})]})]})]})})})]}),...r});var Kt=require("react/jsx-runtime"),yie=({contentClassName:e,sortable:t,resizable:o,...r})=>{let i=b("grid-filter-popup");return(0,Kt.jsxs)(Kt.Fragment,{children:[(0,Kt.jsx)(Ze,{_renderAriaRoot:!0,pager:(0,Kt.jsx)(Zl,{refresh:!1}),children:(0,Kt.jsxs)(Kt.Fragment,{children:[(0,Kt.jsx)(Le,{children:(0,Kt.jsx)("div",{className:"k-grid-header-wrap",children:(0,Kt.jsxs)(ye,{role:"none",children:[(0,Kt.jsxs)("colgroup",{children:[(0,Kt.jsx)("col",{}),(0,Kt.jsx)("col",{}),(0,Kt.jsx)("col",{})]}),(0,Kt.jsx)(xe,{role:"rowgroup",children:(0,Kt.jsxs)(k,{role:"row",children:[(0,Kt.jsx)(Y,{sortable:t,resizable:o,rowspan:1,colspan:1,menu:"filter",columnTitle:"Name",role:"columnheader","aria-haspopup":"dialog","aria-expanded":"true","aria-controls":i}),(0,Kt.jsx)(Y,{sortable:t,resizable:o,rowspan:1,colspan:1,menu:"filter",columnTitle:"City",role:"columnheader","aria-haspopup":"dialog"}),(0,Kt.jsx)(Y,{sortable:t,resizable:o,rowspan:1,colspan:1,menu:"filter",columnTitle:"Title",role:"columnheader","aria-haspopup":"dialog"})]})})]})})}),(0,Kt.jsx)(Be,{children:(0,Kt.jsx)(Ae,{className:e,children:(0,Kt.jsxs)(ve,{role:"none",children:[(0,Kt.jsxs)("colgroup",{children:[(0,Kt.jsx)("col",{}),(0,Kt.jsx)("col",{}),(0,Kt.jsx)("col",{})]}),(0,Kt.jsxs)(ie,{role:"rowgroup",children:[(0,Kt.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,Kt.jsx)(n,{role:"gridcell",children:"Michael Buchanan"}),(0,Kt.jsx)(n,{role:"gridcell",children:"Redmond"}),(0,Kt.jsx)(n,{role:"gridcell",children:"CEO"})]}),(0,Kt.jsxs)(k,{className:"k-master-row",role:"row",alt:!0,children:[(0,Kt.jsx)(n,{role:"gridcell",children:"Margaret Peacock"}),(0,Kt.jsx)(n,{role:"gridcell",children:"Tacoma"}),(0,Kt.jsx)(n,{role:"gridcell",children:"CTO"})]}),(0,Kt.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,Kt.jsx)(n,{role:"gridcell",children:"Margaret Suyama"}),(0,Kt.jsx)(n,{role:"gridcell",children:"Boston"}),(0,Kt.jsx)(n,{role:"gridcell",children:"Web Designer"})]}),(0,Kt.jsxs)(k,{className:"k-master-row",role:"row",alt:!0,children:[(0,Kt.jsx)(n,{role:"gridcell",children:"Laura Peacock"}),(0,Kt.jsx)(n,{role:"gridcell",children:"Seattle"}),(0,Kt.jsx)(n,{role:"gridcell",children:"Accountant"})]}),(0,Kt.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,Kt.jsx)(n,{role:"gridcell",children:"Janet Davolio"}),(0,Kt.jsx)(n,{role:"gridcell",children:"Philadelphia"}),(0,Kt.jsx)(n,{role:"gridcell",children:"Sales Manager"})]})]})]})})})]}),...r}),(0,Kt.jsx)(Oe,{className:"k-grid-filter-popup",id:i,role:"dialog","aria-label":"Name Filter Menu",children:(0,Kt.jsx)(Ry,{})})]})};var ce=require("react/jsx-runtime"),OB=({contentClassName:e,...t})=>(0,ce.jsx)(Ze,{_renderAriaRoot:!0,pager:(0,ce.jsx)(Zl,{refresh:!1}),children:(0,ce.jsxs)(ce.Fragment,{children:[(0,ce.jsx)(Le,{children:(0,ce.jsx)("div",{className:"k-grid-header-wrap",children:(0,ce.jsxs)(ye,{role:"none",children:[(0,ce.jsxs)("colgroup",{children:[(0,ce.jsx)("col",{}),(0,ce.jsx)("col",{style:{width:"225px"}}),(0,ce.jsx)("col",{}),(0,ce.jsx)("col",{}),(0,ce.jsx)("col",{})]}),(0,ce.jsxs)(xe,{role:"rowgroup",children:[(0,ce.jsxs)(k,{role:"row",children:[(0,ce.jsx)(Y,{rowspan:1,colspan:1,columnTitle:"Product Id",role:"columnheader"}),(0,ce.jsx)(Y,{rowspan:1,colspan:1,columnTitle:"Name",role:"columnheader"}),(0,ce.jsx)(Y,{rowspan:1,colspan:1,columnTitle:"Quantity",role:"columnheader"}),(0,ce.jsx)(Y,{rowspan:1,colspan:1,columnTitle:"Unit Price",role:"columnheader"}),(0,ce.jsx)(Y,{rowspan:1,colspan:1,columnTitle:"Discontinued",role:"columnheader"})]}),(0,ce.jsxs)(k,{className:"k-filter-row",role:"row",children:[(0,ce.jsx)(n,{role:"gridcell","aria-label":"Product Id filter",children:(0,ce.jsx)("div",{className:"k-filtercell",children:(0,ce.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,ce.jsx)(At,{"aria-label":"Product Id filter"}),(0,ce.jsxs)("div",{className:"k-filtercell-operator",children:[(0,ce.jsx)(de,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Product Id filter operator"})," ",(0,ce.jsx)(d,{disabled:!0,icon:"filter-clear","aria-label":"Clear Product Id filter"})]})]})})}),(0,ce.jsx)(n,{role:"gridcell","aria-label":"Name filter",children:(0,ce.jsx)("div",{className:"k-filtercell",children:(0,ce.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,ce.jsx)(we,{"aria-label":"Name filter"}),(0,ce.jsxs)("div",{className:"k-filtercell-operator",children:[(0,ce.jsx)(de,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Name filter operator"})," ",(0,ce.jsx)(d,{disabled:!0,icon:"filter-clear","aria-label":"Clear Name filter"})]})]})})}),(0,ce.jsx)(n,{role:"gridcell","aria-label":"Quantity filter",children:(0,ce.jsx)("div",{className:"k-filtercell",children:(0,ce.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,ce.jsx)(we,{"aria-label":"Quantity filter"}),(0,ce.jsxs)("div",{className:"k-filtercell-operator",children:[(0,ce.jsx)(de,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Quantity filter operator"})," ",(0,ce.jsx)(d,{disabled:!0,icon:"filter-clear","aria-label":"Clear Quantity filter"})]})]})})}),(0,ce.jsx)(n,{role:"gridcell","aria-label":"Unit Price filter",children:(0,ce.jsx)("div",{className:"k-filtercell",children:(0,ce.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,ce.jsx)(At,{"aria-label":"Unit Price filter"}),(0,ce.jsxs)("div",{className:"k-filtercell-operator",children:[(0,ce.jsx)(de,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Unit Price filter operator"})," ",(0,ce.jsx)(d,{disabled:!0,icon:"filter-clear","aria-label":"Clear Unit Price filter"})]})]})})}),(0,ce.jsx)(n,{role:"gridcell","aria-label":"Discontinued filter",children:(0,ce.jsx)("div",{className:"k-filtercell",children:(0,ce.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,ce.jsx)(de,{"aria-label":"Discontinued filter"}),(0,ce.jsx)("div",{className:"k-filtercell-operator",children:(0,ce.jsx)(d,{disabled:!0,icon:"filter-clear","aria-label":"Clear Discontinued filter"})})]})})})]})]})]})})}),(0,ce.jsx)(Be,{children:(0,ce.jsx)(Ae,{className:e,children:(0,ce.jsxs)(ve,{role:"none",children:[(0,ce.jsxs)("colgroup",{children:[(0,ce.jsx)("col",{}),(0,ce.jsx)("col",{style:{width:"225px"}}),(0,ce.jsx)("col",{}),(0,ce.jsx)("col",{}),(0,ce.jsx)("col",{})]}),(0,ce.jsxs)(ie,{role:"rowgroup",children:[(0,ce.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,ce.jsx)(n,{role:"gridcell",children:"1"}),(0,ce.jsx)(n,{role:"gridcell",children:"Chai"}),(0,ce.jsx)(n,{role:"gridcell",children:"10 boxes x 20 bags"}),(0,ce.jsx)(n,{role:"gridcell",children:"18"}),(0,ce.jsx)(n,{role:"gridcell",children:"false"})]}),(0,ce.jsxs)(k,{className:"k-master-row",role:"row",alt:!0,children:[(0,ce.jsx)(n,{role:"gridcell",children:"2"}),(0,ce.jsx)(n,{role:"gridcell",children:"Chang"}),(0,ce.jsx)(n,{role:"gridcell",children:"24 - 12 oz bottles"}),(0,ce.jsx)(n,{role:"gridcell",children:"19"}),(0,ce.jsx)(n,{role:"gridcell",children:"false"})]}),(0,ce.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,ce.jsx)(n,{role:"gridcell",children:"3"}),(0,ce.jsx)(n,{role:"gridcell",children:"Aniseed Syrup"}),(0,ce.jsx)(n,{role:"gridcell",children:"12 - 550 ml bottles"}),(0,ce.jsx)(n,{role:"gridcell",children:"10"}),(0,ce.jsx)(n,{role:"gridcell",children:"false"})]}),(0,ce.jsxs)(k,{className:"k-master-row",role:"row",alt:!0,children:[(0,ce.jsx)(n,{role:"gridcell",children:"4"}),(0,ce.jsx)(n,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),(0,ce.jsx)(n,{role:"gridcell",children:"48 - 6 oz jars"}),(0,ce.jsx)(n,{role:"gridcell",children:"22"}),(0,ce.jsx)(n,{role:"gridcell",children:"false"})]}),(0,ce.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,ce.jsx)(n,{role:"gridcell",children:"5"}),(0,ce.jsx)(n,{role:"gridcell",children:"Grandma's Boysenberry Spread"}),(0,ce.jsx)(n,{role:"gridcell",children:"12 - 8 oz jars"}),(0,ce.jsx)(n,{role:"gridcell",children:"25"}),(0,ce.jsx)(n,{role:"gridcell",children:"false"})]})]})]})})})]}),...t});var _e=require("react/jsx-runtime"),KB=({dropClue:e,contentClassName:t,...o})=>(0,_e.jsx)(Ze,{_renderAriaRoot:!0,groupingHeader:(0,_e.jsx)(kd,{dropClue:e,role:"toolbar","aria-label":"Grouping",children:(0,_e.jsxs)(no,{role:"none",children:[(0,_e.jsx)(mt,{icon:"sort-asc-small",text:"ID",role:"button",actions:(0,_e.jsxs)(_e.Fragment,{children:[(0,_e.jsx)(dt,{type:"more"}),(0,_e.jsx)(dt,{type:"remove"})]})}),(0,_e.jsx)(mt,{icon:"sort-desc-small",text:"Name",role:"button",actions:(0,_e.jsxs)(_e.Fragment,{children:[(0,_e.jsx)(dt,{type:"more"}),(0,_e.jsx)(dt,{type:"remove"})]})})]})}),children:(0,_e.jsxs)(_e.Fragment,{children:[(0,_e.jsx)(Le,{draggable:!0,children:(0,_e.jsx)("div",{className:"k-grid-header-wrap",children:(0,_e.jsxs)(ye,{role:"none",children:[(0,_e.jsxs)("colgroup",{children:[(0,_e.jsx)("col",{className:"k-group-col"}),(0,_e.jsx)("col",{className:"k-group-col"}),(0,_e.jsx)("col",{}),(0,_e.jsx)("col",{}),(0,_e.jsx)("col",{}),(0,_e.jsx)("col",{})]}),(0,_e.jsx)(xe,{role:"rowgroup",children:(0,_e.jsxs)(k,{role:"row",children:[(0,_e.jsx)(Y,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),(0,_e.jsx)(Y,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),(0,_e.jsx)(Y,{colspan:1,columnTitle:"ID",role:"columnheader"}),(0,_e.jsx)(Y,{colspan:1,columnTitle:"Name",role:"columnheader"}),(0,_e.jsx)(Y,{colspan:1,columnTitle:"Price",role:"columnheader"}),(0,_e.jsx)(Y,{colspan:1,columnTitle:"Category",role:"columnheader"})]})})]})})}),(0,_e.jsx)(Be,{children:(0,_e.jsx)(Ae,{className:t,children:(0,_e.jsxs)(ve,{role:"none",children:[(0,_e.jsxs)("colgroup",{children:[(0,_e.jsx)("col",{className:"k-group-col"}),(0,_e.jsx)("col",{className:"k-group-col"}),(0,_e.jsx)("col",{}),(0,_e.jsx)("col",{}),(0,_e.jsx)("col",{}),(0,_e.jsx)("col",{})]}),(0,_e.jsxs)(ie,{role:"rowgroup",children:[(0,_e.jsx)(k,{className:"k-table-group-row k-grouping-row",role:"row",children:(0,_e.jsx)(n,{colspan:6,role:"gridcell","aria-expanded":"false",children:(0,_e.jsxs)("p",{className:"k-reset",children:[(0,_e.jsx)(f,{icon:"chevron-right"}),"ID: 1"]})})}),(0,_e.jsx)(k,{className:"k-table-group-row k-grouping-row",role:"row",children:(0,_e.jsx)(n,{colspan:6,role:"gridcell","aria-expanded":"true",children:(0,_e.jsxs)("p",{className:"k-reset",children:[(0,_e.jsx)(f,{icon:"chevron-down"}),"ID: 2"]})})}),(0,_e.jsxs)(k,{className:"k-table-group-row k-grouping-row",role:"row",children:[(0,_e.jsx)(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,_e.jsx)(n,{colspan:5,role:"gridcell","aria-expanded":"true",children:(0,_e.jsxs)("p",{className:"k-reset",children:[(0,_e.jsx)(f,{icon:"chevron-down"}),"Name: Chang"]})})]}),(0,_e.jsxs)(k,{className:"k-master-row",role:"row",alt:!0,children:[(0,_e.jsx)(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,_e.jsx)(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,_e.jsx)(n,{colspan:0,role:"gridcell",children:"2"}),(0,_e.jsx)(n,{colspan:0,role:"gridcell",children:"Chang"}),(0,_e.jsx)(n,{colspan:0,role:"gridcell",children:"$19.00"}),(0,_e.jsx)(n,{colspan:0,role:"gridcell",children:"Beverages"})]})]})]})})})]}),...o});var Pe=require("react/jsx-runtime"),Aie=({containerClassName:e,...t})=>(0,Pe.jsx)(Ze,{_renderAriaRoot:!0,children:(0,Pe.jsxs)(Pe.Fragment,{children:[(0,Pe.jsx)(Le,{children:(0,Pe.jsx)("div",{className:"k-grid-header-wrap",children:(0,Pe.jsxs)(ye,{role:"none",children:[(0,Pe.jsxs)("colgroup",{children:[(0,Pe.jsx)("col",{className:"k-hierarchy-col"}),(0,Pe.jsx)("col",{style:{width:"100px"}}),(0,Pe.jsx)("col",{}),(0,Pe.jsx)("col",{})]}),(0,Pe.jsx)(xe,{role:"rowgroup",children:(0,Pe.jsxs)(k,{role:"row",children:[(0,Pe.jsx)(Y,{className:"k-hierarchy-cell",accessibleLabel:"Detail"}),(0,Pe.jsx)(Y,{columnTitle:"ID",role:"columnheader"}),(0,Pe.jsx)(Y,{columnTitle:"Category Name",role:"columnheader"}),(0,Pe.jsx)(Y,{columnTitle:"Description",role:"columnheader"})]})})]})})}),(0,Pe.jsx)(Be,{children:(0,Pe.jsx)(Ae,{className:e,children:(0,Pe.jsxs)(ve,{role:"none",children:[(0,Pe.jsxs)("colgroup",{children:[(0,Pe.jsx)("col",{className:"k-hierarchy-col"}),(0,Pe.jsx)("col",{style:{width:"100px"}}),(0,Pe.jsx)("col",{}),(0,Pe.jsx)("col",{})]}),(0,Pe.jsxs)(ie,{role:"rowgroup",children:[(0,Pe.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,Pe.jsx)(n,{className:"k-hierarchy-cell",role:"gridcell","aria-expanded":"false",children:(0,Pe.jsx)(f,{icon:"chevron-right"})}),(0,Pe.jsx)(n,{role:"gridcell",children:"1"}),(0,Pe.jsx)(n,{role:"gridcell",children:"Beverages"}),(0,Pe.jsx)(n,{role:"gridcell",children:"Soft drinks, coffees, teas, beers and ales"})]}),(0,Pe.jsxs)(k,{className:"k-master-row k-expanded",role:"row",alt:!0,children:[(0,Pe.jsx)(n,{className:"k-hierarchy-cell",role:"gridcell","aria-expanded":"true",children:(0,Pe.jsx)(f,{icon:"chevron-down"})}),(0,Pe.jsx)(n,{role:"gridcell",children:"2"}),(0,Pe.jsx)(n,{role:"gridcell",children:"Condiments"}),(0,Pe.jsx)(n,{role:"gridcell",children:"Sweet and savory sauces, relishes, spreads, and seasonings"})]}),(0,Pe.jsxs)(k,{className:"k-master-row k-detail-row",role:"row",children:[(0,Pe.jsx)(n,{className:"k-hierarchy-cell",role:"gridcell"}),(0,Pe.jsx)(n,{className:"k-detail-cell",role:"gridcell",colspan:3,children:(0,Pe.jsxs)(Ze,{_renderAriaRoot:!0,className:"k-grid-no-scrollbar",children:[(0,Pe.jsx)(Le,{children:(0,Pe.jsx)("div",{className:"k-grid-header-wrap",children:(0,Pe.jsxs)(ye,{role:"none",children:[(0,Pe.jsxs)("colgroup",{children:[(0,Pe.jsx)("col",{}),(0,Pe.jsx)("col",{}),(0,Pe.jsx)("col",{})]}),(0,Pe.jsx)(xe,{role:"rowgroup",children:(0,Pe.jsxs)(k,{role:"row",children:[(0,Pe.jsx)(Y,{colspan:1,rowspan:1,columnTitle:"ID",role:"columnheader"}),(0,Pe.jsx)(Y,{colspan:1,rowspan:1,columnTitle:"Product Name",role:"columnheader"}),(0,Pe.jsx)(Y,{colspan:1,rowspan:1,columnTitle:"Unit Price",role:"columnheader"})]})})]})})}),(0,Pe.jsx)(Be,{children:(0,Pe.jsx)(Ae,{children:(0,Pe.jsxs)(ve,{role:"none",children:[(0,Pe.jsxs)("colgroup",{children:[(0,Pe.jsx)("col",{}),(0,Pe.jsx)("col",{}),(0,Pe.jsx)("col",{})]}),(0,Pe.jsxs)(ie,{role:"rowgroup",children:[(0,Pe.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,Pe.jsx)(n,{colspan:1,role:"gridcell",children:"1"}),(0,Pe.jsx)(n,{colspan:1,role:"gridcell",children:"Aniseed Syrup"}),(0,Pe.jsx)(n,{colspan:1,role:"gridcell",children:"$10.00"})]}),(0,Pe.jsxs)(k,{alt:!0,className:"k-master-row",role:"row",children:[(0,Pe.jsx)(n,{colspan:1,role:"gridcell",children:"2"}),(0,Pe.jsx)(n,{colspan:1,role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),(0,Pe.jsx)(n,{colspan:1,role:"gridcell",children:"$22.00"})]}),(0,Pe.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,Pe.jsx)(n,{colspan:1,role:"gridcell",children:"3"}),(0,Pe.jsx)(n,{colspan:1,role:"gridcell",children:"Chef Anton's Gumbo Mix"}),(0,Pe.jsx)(n,{colspan:1,role:"gridcell",children:"$21.35"})]})]})]})})})]})})]})]})]})})})]}),...t});var at=require("react/jsx-runtime"),Cie=({contentClassName:e,...t})=>(0,at.jsx)(Ze,{_renderAriaRoot:!0,pager:(0,at.jsx)(Zl,{pageSizes:!1,refresh:!1}),children:(0,at.jsxs)(at.Fragment,{children:[(0,at.jsx)(Le,{children:(0,at.jsx)("div",{className:"k-grid-header-wrap",children:(0,at.jsxs)(ye,{role:"none",children:[(0,at.jsxs)("colgroup",{children:[(0,at.jsx)("col",{className:"k-drag-col"}),(0,at.jsx)("col",{}),(0,at.jsx)("col",{})]}),(0,at.jsx)(xe,{role:"rowgroup",children:(0,at.jsxs)(k,{role:"row",children:[(0,at.jsx)(Y,{accessibleLabel:"Reorder"}),(0,at.jsx)(Y,{columnTitle:"Product Id",role:"columnheader"}),(0,at.jsx)(Y,{columnTitle:"Unit Price",role:"columnheader"}),(0,at.jsx)(Y,{columnTitle:"Discontinued",role:"columnheader"}),(0,at.jsx)(Y,{columnTitle:"Category",role:"columnheader"})]})})]})})}),(0,at.jsx)(Be,{children:(0,at.jsx)(Ae,{className:e,children:(0,at.jsxs)(ve,{role:"none",children:[(0,at.jsxs)("colgroup",{children:[(0,at.jsx)("col",{className:"k-drag-col"}),(0,at.jsx)("col",{}),(0,at.jsx)("col",{})]}),(0,at.jsxs)(ie,{role:"rowgroup",children:[(0,at.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,at.jsx)(n,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:(0,at.jsx)(f,{icon:"reorder"})}),(0,at.jsx)(n,{role:"gridcell",children:"Chef Anton's Gumbo"}),(0,at.jsx)(n,{role:"gridcell",children:"21.35"}),(0,at.jsx)(n,{role:"gridcell",children:"false"}),(0,at.jsx)(n,{role:"gridcell",children:"Condiments"})]}),(0,at.jsxs)(k,{className:"k-master-row",role:"row",alt:!0,children:[(0,at.jsx)(n,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:(0,at.jsx)(f,{icon:"reorder"})}),(0,at.jsx)(n,{role:"gridcell",children:"Alice Mutton"}),(0,at.jsx)(n,{role:"gridcell",children:"39"}),(0,at.jsx)(n,{role:"gridcell",children:"false"}),(0,at.jsx)(n,{role:"gridcell",children:"Meat/Poultry"})]}),(0,at.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,at.jsx)(n,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:(0,at.jsx)(f,{icon:"reorder"})}),(0,at.jsx)(n,{role:"gridcell",children:"Singaporean Hokkien Fried Mee"}),(0,at.jsx)(n,{role:"gridcell",children:"123.79"}),(0,at.jsx)(n,{role:"gridcell",children:"true"}),(0,at.jsx)(n,{role:"gridcell",children:"Meat/Poultry"})]}),(0,at.jsxs)(k,{className:"k-master-row",role:"row",alt:!0,children:[(0,at.jsx)(n,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:(0,at.jsx)(f,{icon:"reorder"})}),(0,at.jsx)(n,{role:"gridcell",children:"Gorgonzola Telino"}),(0,at.jsx)(n,{role:"gridcell",children:"12.5"}),(0,at.jsx)(n,{role:"gridcell",children:"false"}),(0,at.jsx)(n,{role:"gridcell",children:"Meat/Poultry"})]}),(0,at.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,at.jsx)(n,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:(0,at.jsx)(f,{icon:"reorder"})}),(0,at.jsx)(n,{role:"gridcell",children:"Perth Pasties"}),(0,at.jsx)(n,{role:"gridcell",children:"32.8"}),(0,at.jsx)(n,{role:"gridcell",children:"false"}),(0,at.jsx)(n,{role:"gridcell",children:"Meat/Poultry"})]})]})]})})})]}),...t});var Ke=require("react/jsx-runtime"),Sie=({aggregated:e=!1,contentClassName:t,...o})=>(0,Ke.jsx)(Ze,{_renderAriaRoot:!0,children:(0,Ke.jsxs)(Ke.Fragment,{children:[(0,Ke.jsx)(Le,{children:(0,Ke.jsx)("div",{className:"k-grid-header-wrap",children:(0,Ke.jsxs)(ye,{role:"none",children:[(0,Ke.jsxs)("colgroup",{children:[(0,Ke.jsx)("col",{}),(0,Ke.jsx)("col",{}),(0,Ke.jsx)("col",{}),(0,Ke.jsx)("col",{})]}),(0,Ke.jsx)(xe,{role:"rowgroup",children:(0,Ke.jsxs)(k,{role:"row",children:[(0,Ke.jsx)(Y,{columnTitle:"Product Name",role:"columnheader"}),(0,Ke.jsx)(Y,{columnTitle:"Units In Stock",role:"columnheader"}),(0,Ke.jsx)(Y,{columnTitle:"Discontinued",role:"columnheader"}),(0,Ke.jsx)(Y,{columnTitle:"Units in Order",role:"columnheader"})]})})]})})}),(0,Ke.jsx)(Be,{children:(0,Ke.jsx)(Ae,{className:t,children:(0,Ke.jsxs)(ve,{role:"none",children:[(0,Ke.jsxs)("colgroup",{children:[(0,Ke.jsx)("col",{}),(0,Ke.jsx)("col",{}),(0,Ke.jsx)("col",{}),(0,Ke.jsx)("col",{})]}),(0,Ke.jsxs)(ie,{role:"rowgroup",children:[(0,Ke.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,Ke.jsx)(n,{selected:!0,role:"gridcell","aria-selected":"true",children:"Chai"}),(0,Ke.jsx)(n,{selected:!0,role:"gridcell","aria-selected":"true",children:"39"}),(0,Ke.jsx)(n,{role:"gridcell",children:"false"}),(0,Ke.jsx)(n,{role:"gridcell",children:"0"})]}),(0,Ke.jsxs)(k,{className:"k-master-row",role:"row",alt:!0,children:[(0,Ke.jsx)(n,{selected:!!e,role:"gridcell","aria-selected":e?"true":void 0,children:"Chang"}),(0,Ke.jsx)(n,{selected:!!e,role:"gridcell","aria-selected":e?"true":void 0,children:"17"}),(0,Ke.jsx)(n,{role:"gridcell",children:"false"}),(0,Ke.jsx)(n,{role:"gridcell",children:"40"})]}),(0,Ke.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,Ke.jsx)(n,{selected:!!e,role:"gridcell",children:"Aniseed Syrup"}),(0,Ke.jsx)(n,{selected:!!e,role:"gridcell",children:"13"}),(0,Ke.jsx)(n,{role:"gridcell",children:"false"}),(0,Ke.jsx)(n,{role:"gridcell",children:"70"})]}),(0,Ke.jsxs)(k,{className:"k-master-row",role:"row",alt:!0,children:[(0,Ke.jsx)(n,{selected:!!e,role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),(0,Ke.jsx)(n,{selected:!!e,role:"gridcell",children:"53"}),(0,Ke.jsx)(n,{role:"gridcell",children:"false"}),(0,Ke.jsx)(n,{role:"gridcell",children:"0"})]}),(0,Ke.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,Ke.jsx)(n,{role:"gridcell",children:"Chef Anton's Gumbo Mix"}),(0,Ke.jsx)(n,{role:"gridcell",children:"0"}),(0,Ke.jsx)(n,{role:"gridcell",children:"true"}),(0,Ke.jsx)(n,{role:"gridcell",children:"0"})]})]})]})})})]}),gridSelectionAggregates:(0,Ke.jsx)("div",{className:"k-selection-aggregates k-grid-selection-aggregates","aria-live":"polite",children:e?(0,Ke.jsxs)(Ke.Fragment,{children:[(0,Ke.jsxs)("div",{className:"k-selection-aggregates-item",children:[(0,Ke.jsx)("span",{className:"k-selection-aggregates-item-text",children:"Sum:"}),(0,Ke.jsx)("span",{className:"k-selection-aggregates-item-value",children:"122.00"})]}),(0,Ke.jsxs)("div",{className:"k-selection-aggregates-item",children:[(0,Ke.jsx)("span",{className:"k-selection-aggregates-item-text",children:"Avg:"}),(0,Ke.jsx)("span",{className:"k-selection-aggregates-item-value",children:"30.50"})]}),(0,Ke.jsxs)("div",{className:"k-selection-aggregates-item",children:[(0,Ke.jsx)("span",{className:"k-selection-aggregates-item-text",children:"Min:"}),(0,Ke.jsx)("span",{className:"k-selection-aggregates-item-value",children:"13"})]}),(0,Ke.jsxs)("div",{className:"k-selection-aggregates-item",children:[(0,Ke.jsx)("span",{className:"k-selection-aggregates-item-text",children:"Max:"}),(0,Ke.jsx)("span",{className:"k-selection-aggregates-item-value",children:"53"})]}),(0,Ke.jsxs)("div",{className:"k-selection-aggregates-item",children:[(0,Ke.jsx)("span",{className:"k-selection-aggregates-item-text",children:"Count:"}),(0,Ke.jsx)("span",{className:"k-selection-aggregates-item-value",children:"8"})]})]}):(0,Ke.jsxs)("div",{className:"k-selection-aggregates-item",children:[(0,Ke.jsx)("span",{className:"k-selection-aggregates-item-text",children:"Count:"}),(0,Ke.jsx)("span",{className:"k-selection-aggregates-item-value",children:"0"})]})}),...o});var kt=require("react/jsx-runtime"),YB=({headerWrapClassName:e,contentClassName:t,...o})=>(0,kt.jsx)(Ze,{_renderAriaRoot:!0,children:(0,kt.jsxs)(kt.Fragment,{children:[(0,kt.jsx)(Le,{children:(0,kt.jsx)("div",{className:`k-grid-header-wrap ${e}`,children:(0,kt.jsxs)(ye,{role:"none",children:[(0,kt.jsxs)("colgroup",{children:[(0,kt.jsx)("col",{}),(0,kt.jsx)("col",{}),(0,kt.jsx)("col",{}),(0,kt.jsx)("col",{})]}),(0,kt.jsxs)(xe,{role:"rowgroup",children:[(0,kt.jsxs)(k,{role:"row",children:[(0,kt.jsx)(Y,{rowspan:3,colspan:1,columnTitle:"ID",role:"columnheader"}),(0,kt.jsx)(Y,{rowspan:1,colspan:3,columnTitle:"Product Information",role:"columnheader"})]}),(0,kt.jsxs)(k,{role:"row",children:[(0,kt.jsx)(Y,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first",role:"columnheader"}),(0,kt.jsx)(Y,{rowspan:1,colspan:2,columnTitle:"Unit",role:"columnheader"})]}),(0,kt.jsxs)(k,{role:"row",children:[(0,kt.jsx)(Y,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first",role:"columnheader"}),(0,kt.jsx)(Y,{rowspan:1,colspan:1,columnTitle:"Units Price",role:"columnheader"})]})]})]})})}),(0,kt.jsx)(Be,{children:(0,kt.jsx)(Ae,{className:t,children:(0,kt.jsxs)(ve,{role:"none",children:[(0,kt.jsxs)("colgroup",{children:[(0,kt.jsx)("col",{}),(0,kt.jsx)("col",{}),(0,kt.jsx)("col",{}),(0,kt.jsx)("col",{})]}),(0,kt.jsxs)(ie,{role:"rowgroup",children:[(0,kt.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,kt.jsx)(n,{role:"gridcell",children:"1"}),(0,kt.jsx)(n,{role:"gridcell",children:"Chai"}),(0,kt.jsx)(n,{role:"gridcell",children:"39"}),(0,kt.jsx)(n,{role:"gridcell",children:"18"})]}),(0,kt.jsxs)(k,{className:"k-master-row",alt:!0,role:"row",children:[(0,kt.jsx)(n,{role:"gridcell",children:"2"}),(0,kt.jsx)(n,{role:"gridcell",children:"Chang"}),(0,kt.jsx)(n,{role:"gridcell",children:"17"}),(0,kt.jsx)(n,{role:"gridcell",children:"19"})]}),(0,kt.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,kt.jsx)(n,{role:"gridcell",children:"3"}),(0,kt.jsx)(n,{role:"gridcell",children:"Aniseed Syrup"}),(0,kt.jsx)(n,{role:"gridcell",children:"13"}),(0,kt.jsx)(n,{role:"gridcell",children:"10"})]}),(0,kt.jsxs)(k,{className:"k-master-row",alt:!0,role:"row",children:[(0,kt.jsx)(n,{role:"gridcell",children:"4"}),(0,kt.jsx)(n,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),(0,kt.jsx)(n,{role:"gridcell",children:"53"}),(0,kt.jsx)(n,{role:"gridcell",children:"22"})]}),(0,kt.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,kt.jsx)(n,{role:"gridcell",children:"5"}),(0,kt.jsx)(n,{role:"gridcell",children:"Chef Anton's Gumbo Mix"}),(0,kt.jsx)(n,{role:"gridcell",children:"0"}),(0,kt.jsx)(n,{role:"gridcell",children:"21.35"})]})]})]})})})]}),...o});var ne=require("react/jsx-runtime"),Eie=({className:e,headerWrapClassName:t,contentClassName:o,...r})=>{let i=b("grid-lc-cell"),c=b("grid-lc-cell"),u=b("grid-lc-cell"),h=b("grid-lc-cell"),x=b("grid-lc-cell"),v=b("grid-lc-cell"),T=b("grid-lc-cell"),C=b("grid-lc-cell"),N=b("grid-lc-cell"),R=b("grid-lc-cell"),H=b("grid-lc-cell"),V=b("grid-lc-cell"),_=b("grid-lc-cell"),q=b("grid-lc-cell"),me=b("grid-lc-cell"),Qe=b("grid-lc-cell"),je=b("grid-lc-cell"),qt=b("grid-lc-cell"),so=b("grid-lc-cell"),wo=b("grid-lc-cell"),Xa=b("grid-lc-cell"),pl=b("grid-lc-cell"),Ia=b("grid-lc-cell"),jr=b("grid-lc-cell"),$l=b("grid-lc-hdr"),Ai=b("grid-lc-hdr"),ap=b("grid-lc-hdr");return(0,ne.jsx)(Ze,{className:l("k-grid-lockedcolumns",e),_renderAriaRoot:!0,children:(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsxs)(Le,{role:"none",children:[(0,ne.jsx)("div",{className:"k-grid-header-locked",role:"none",style:{width:"400px"},children:(0,ne.jsxs)(ye,{role:"none",children:[(0,ne.jsxs)("colgroup",{children:[(0,ne.jsx)("col",{style:{width:"150px"}}),(0,ne.jsx)("col",{style:{width:"300px"}})]}),(0,ne.jsx)(xe,{role:"rowgroup",children:(0,ne.jsxs)(k,{role:"row","aria-owns":`${$l} ${Ai} ${ap}`,children:[(0,ne.jsx)(Y,{filterable:!0,menu:"column",columnTitle:"Order ID",role:"columnheader"}),(0,ne.jsx)(Y,{filterable:!0,menu:"column",columnTitle:"Ship Name",role:"columnheader"})]})})]})}),(0,ne.jsxs)("div",{className:`k-grid-header-wrap ${t}`,role:"none",style:{width:"581px"},children:[(0,ne.jsxs)(ye,{role:"none",children:[(0,ne.jsxs)("colgroup",{children:[(0,ne.jsx)("col",{style:{width:"300px"}}),(0,ne.jsx)("col",{style:{width:"300px"}}),(0,ne.jsx)("col",{style:{width:"400px"}})]}),(0,ne.jsx)(xe,{role:"none",children:(0,ne.jsxs)(k,{role:"none",children:[(0,ne.jsx)(Y,{filterable:!0,menu:"column",columnTitle:"Ship Country",id:$l,role:"columnheader"}),(0,ne.jsx)(Y,{filterable:!0,menu:"column",columnTitle:"Ship City",id:Ai,role:"columnheader"}),(0,ne.jsx)(Y,{filterable:!0,menu:"column",columnTitle:"Ship Address",id:ap,role:"columnheader"})]})})]}),(0,ne.jsx)("div",{className:"k-resize-handle",style:{top:"0px",left:"595.5px",height:"37px",width:"9px"},children:(0,ne.jsx)("div",{className:"k-resize-handle-inner"})})]})]}),(0,ne.jsxs)(Be,{role:"none",children:[(0,ne.jsx)("div",{className:"k-grid-content-locked",role:"none",style:{width:"400px",height:"303px"},children:(0,ne.jsxs)(ve,{role:"none",children:[(0,ne.jsxs)("colgroup",{children:[(0,ne.jsx)("col",{style:{width:"150px"}}),(0,ne.jsx)("col",{style:{width:"300px"}})]}),(0,ne.jsxs)(ie,{role:"rowgroup",children:[(0,ne.jsxs)(k,{className:"k-master-row",role:"row","aria-owns":`${i} ${c} ${u}`,children:[(0,ne.jsx)(n,{role:"gridcell",children:"10248"}),(0,ne.jsx)(n,{role:"gridcell",children:"Vins et alcools Chevalier"})]}),(0,ne.jsxs)(k,{className:"k-master-row",alt:!0,role:"row","aria-owns":`${h} ${x} ${v}`,children:[(0,ne.jsx)(n,{role:"gridcell",children:"10249"}),(0,ne.jsx)(n,{role:"gridcell",children:"Toms Spezialit\xE4ten"})]}),(0,ne.jsxs)(k,{className:"k-master-row",role:"row","aria-owns":`${T} ${C} ${N}`,children:[(0,ne.jsx)(n,{role:"gridcell",children:"10250"}),(0,ne.jsx)(n,{role:"gridcell",children:"Hanari Carnes"})]}),(0,ne.jsxs)(k,{className:"k-master-row",alt:!0,role:"row","aria-owns":`${R} ${H} ${V}`,children:[(0,ne.jsx)(n,{role:"gridcell",children:"10251"}),(0,ne.jsx)(n,{role:"gridcell",children:"Victuailles en stock"})]}),(0,ne.jsxs)(k,{className:"k-master-row",role:"row","aria-owns":`${_} ${q} ${me}`,children:[(0,ne.jsx)(n,{role:"gridcell",children:"10252"}),(0,ne.jsx)(n,{role:"gridcell",children:"Supr\xEAmes d\xE9lices"})]}),(0,ne.jsxs)(k,{className:"k-master-row",alt:!0,role:"row","aria-owns":`${Qe} ${je} ${qt}`,children:[(0,ne.jsx)(n,{role:"gridcell",children:"10253"}),(0,ne.jsx)(n,{role:"gridcell",children:"Toms Spezialit\xE4ten"})]}),(0,ne.jsxs)(k,{className:"k-master-row",role:"row","aria-owns":`${so} ${wo} ${Xa}`,children:[(0,ne.jsx)(n,{role:"gridcell",children:"10254"}),(0,ne.jsx)(n,{role:"gridcell",children:"Hanari Carnes"})]}),(0,ne.jsxs)(k,{className:"k-master-row",alt:!0,role:"row","aria-owns":`${pl} ${Ia} ${jr}`,children:[(0,ne.jsx)(n,{role:"gridcell",children:"10255"}),(0,ne.jsx)(n,{role:"gridcell",children:"Victuailles en stock"})]})]})]})}),(0,ne.jsx)(Ae,{className:o,role:"none",style:{width:"605px",height:"320px"},children:(0,ne.jsxs)(ve,{role:"none",children:[(0,ne.jsxs)("colgroup",{children:[(0,ne.jsx)("col",{style:{width:"300px"}}),(0,ne.jsx)("col",{style:{width:"300px"}}),(0,ne.jsx)("col",{style:{width:"400px"}})]}),(0,ne.jsxs)(ie,{role:"none",children:[(0,ne.jsxs)(k,{className:"k-master-row",role:"none",children:[(0,ne.jsx)(n,{id:i,role:"gridcell",children:"France"}),(0,ne.jsx)(n,{id:c,role:"gridcell",children:"Reims"}),(0,ne.jsx)(n,{id:u,role:"gridcell",children:"59 rue de l'Abbaye"})]}),(0,ne.jsxs)(k,{className:"k-master-row",alt:!0,role:"none",children:[(0,ne.jsx)(n,{id:h,role:"gridcell",children:"Germany"}),(0,ne.jsx)(n,{id:x,role:"gridcell",children:"M\xFCnster"}),(0,ne.jsx)(n,{id:v,role:"gridcell",children:"Luisenstr. 48"})]}),(0,ne.jsxs)(k,{className:"k-master-row",role:"none",children:[(0,ne.jsx)(n,{id:T,role:"gridcell",children:"Brazil"}),(0,ne.jsx)(n,{id:C,role:"gridcell",children:"Rio de Janeiro"}),(0,ne.jsx)(n,{id:N,role:"gridcell",children:"Rua do Pa\xE7o, 67"})]}),(0,ne.jsxs)(k,{className:"k-master-row",alt:!0,role:"none",children:[(0,ne.jsx)(n,{id:R,role:"gridcell",children:"France"}),(0,ne.jsx)(n,{id:H,role:"gridcell",children:"Lyon"}),(0,ne.jsx)(n,{id:V,role:"gridcell",children:"2, rue du Commerce"})]}),(0,ne.jsxs)(k,{className:"k-master-row",role:"none",children:[(0,ne.jsx)(n,{id:_,role:"gridcell",children:"Belgium"}),(0,ne.jsx)(n,{id:q,role:"gridcell",children:"Charleroi"}),(0,ne.jsx)(n,{id:me,role:"gridcell",children:"Boulevard Tirou, 255"})]}),(0,ne.jsxs)(k,{className:"k-master-row",alt:!0,role:"none",children:[(0,ne.jsx)(n,{id:Qe,role:"gridcell",children:"Germany"}),(0,ne.jsx)(n,{id:je,role:"gridcell",children:"M\xFCnster"}),(0,ne.jsx)(n,{id:qt,role:"gridcell",children:"Luisenstr. 48"})]}),(0,ne.jsxs)(k,{className:"k-master-row",role:"none",children:[(0,ne.jsx)(n,{id:so,role:"gridcell",children:"Brazil"}),(0,ne.jsx)(n,{id:wo,role:"gridcell",children:"Rio de Janeiro"}),(0,ne.jsx)(n,{id:Xa,role:"gridcell",children:"Rua do Pa\xE7o, 67"})]}),(0,ne.jsxs)(k,{className:"k-master-row",alt:!0,role:"none",children:[(0,ne.jsx)(n,{id:pl,role:"gridcell",children:"France"}),(0,ne.jsx)(n,{id:Ia,role:"gridcell",children:"Lyon"}),(0,ne.jsx)(n,{id:jr,role:"gridcell",children:"2, rue du Commerce"})]})]})]})})]})]}),...r})};var he=require("react/jsx-runtime"),Lie=({contentClassName:e,...t})=>(0,he.jsx)(Ze,{_renderAriaRoot:!0,children:(0,he.jsxs)(he.Fragment,{children:[(0,he.jsx)(Le,{children:(0,he.jsx)("div",{className:"k-grid-header-wrap",children:(0,he.jsxs)(ye,{role:"none",style:{width:"1100px"},children:[(0,he.jsxs)("colgroup",{children:[(0,he.jsx)("col",{style:{width:"250px"}}),(0,he.jsx)("col",{style:{width:"150px"}}),(0,he.jsx)("col",{style:{width:"200px"}}),(0,he.jsx)("col",{style:{width:"250px"}}),(0,he.jsx)("col",{style:{width:"250px"}})]}),(0,he.jsx)(xe,{role:"rowgroup",children:(0,he.jsxs)(k,{role:"row",children:[(0,he.jsx)(Y,{className:"k-grid-header-sticky",rowspan:1,colspan:1,columnTitle:"Product Name",role:"columnheader",style:{left:"0px",borderRightWidth:"1px"}}),(0,he.jsx)(Y,{rowspan:1,colspan:1,columnTitle:"Units In Stock",role:"columnheader"}),(0,he.jsx)(Y,{rowspan:1,colspan:1,columnTitle:"Price",role:"columnheader"}),(0,he.jsx)(Y,{className:"k-grid-header-sticky",rowspan:1,colspan:1,columnTitle:"Units on Order",role:"columnheader",style:{left:"250px",borderRightWidth:"1px"}}),(0,he.jsx)(Y,{rowspan:1,colspan:1,columnTitle:"Reorder Level",role:"columnheader"})]})})]})})}),(0,he.jsx)(Be,{children:(0,he.jsx)(Ae,{className:e,children:(0,he.jsx)("div",{style:{position:"relative"},children:(0,he.jsxs)(ve,{role:"none",style:{width:"1100px"},children:[(0,he.jsxs)("colgroup",{children:[(0,he.jsx)("col",{width:"250px"}),(0,he.jsx)("col",{width:"150px"}),(0,he.jsx)("col",{width:"200px"}),(0,he.jsx)("col",{width:"250px"}),(0,he.jsx)("col",{width:"250px"})]}),(0,he.jsxs)(ie,{role:"rowgroup",children:[(0,he.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,he.jsx)(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"0px",borderRightWidth:"1px"},children:"Chai"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"39"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"$18.00"}),(0,he.jsx)(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"250px",borderRightWidth:"1px"},children:"0"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"10"})]}),(0,he.jsxs)(k,{className:"k-master-row",role:"row",alt:!0,children:[(0,he.jsx)(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"0px",borderRightWidth:"1px"},children:"Chang"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"17"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"$19.00"}),(0,he.jsx)(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"250px",borderRightWidth:"1px"},children:"40"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"25"})]}),(0,he.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,he.jsx)(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"0px",borderRightWidth:"1px"},children:"Aniseed Syrup"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"13"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"$10.00"}),(0,he.jsx)(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"250px",borderRightWidth:"1px"},children:"70"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"25"})]}),(0,he.jsxs)(k,{className:"k-master-row",role:"row",alt:!0,children:[(0,he.jsx)(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"0px",borderRightWidth:"1px"},children:"Chef Anton's Cajun Seasoning"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"53"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"$22.00"}),(0,he.jsx)(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"250px",borderRightWidth:"1px"},children:"0"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"0"})]}),(0,he.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,he.jsx)(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"0px",borderRightWidth:"1px"},children:"Chef Anton's Gumbo Mix"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"0"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"$21.35"}),(0,he.jsx)(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"250px",borderRightWidth:"1px"},children:"0"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"0"})]}),(0,he.jsxs)(k,{className:"k-master-row",role:"row",alt:!0,children:[(0,he.jsx)(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"0px",borderRightWidth:"1px"},children:"Grandma's Boysenberry Spread"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"120"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"$25.00"}),(0,he.jsx)(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"250px",borderRightWidth:"1px"},children:"0"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"25"})]}),(0,he.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,he.jsx)(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"0px",borderRightWidth:"1px"},children:"Uncle Bob's Organic Dried Pears"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"15"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"$30.00"}),(0,he.jsx)(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"250px",borderRightWidth:"1px"},children:"0"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"10"})]}),(0,he.jsxs)(k,{className:"k-master-row",role:"row",alt:!0,children:[(0,he.jsx)(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"0px",borderRightWidth:"1px"},children:"Northwoods Cranberry Sauce"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"6"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"$40.00"}),(0,he.jsx)(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"250px",borderRightWidth:"1px"},children:"0"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"0"})]}),(0,he.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,he.jsx)(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"0px",borderRightWidth:"1px"},children:"Mishi Kobe Niku"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"29"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"97"}),(0,he.jsx)(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"250px",borderRightWidth:"1px"},children:"0"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"0"})]}),(0,he.jsxs)(k,{className:"k-master-row",role:"row",alt:!0,children:[(0,he.jsx)(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"0px",borderRightWidth:"1px"},children:"Ikura"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"31"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"$31.00"}),(0,he.jsx)(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"250px",borderRightWidth:"1px"},children:"0"}),(0,he.jsx)(n,{colspan:1,role:"gridcell",children:"0"})]})]})]})})})})]}),...t});var Nt=require("react/jsx-runtime"),GB=e=>{let t=b("grid");return(0,Nt.jsx)(Ze,{_renderAriaRoot:!0,ariaRootId:t,toolbar:(0,Nt.jsxs)($s,{role:"toolbar","aria-label":"Grid toolbar","aria-controls":t,children:[(0,Nt.jsx)(d,{children:"Add new"}),(0,Nt.jsx)(d,{children:"Save Changes"}),(0,Nt.jsx)(d,{children:"Cancel Changes"})]}),children:(0,Nt.jsxs)(Nt.Fragment,{children:[(0,Nt.jsx)(Le,{children:(0,Nt.jsx)("div",{className:"k-grid-header-wrap",children:(0,Nt.jsxs)(ye,{role:"none",children:[(0,Nt.jsxs)("colgroup",{children:[(0,Nt.jsx)("col",{}),(0,Nt.jsx)("col",{}),(0,Nt.jsx)("col",{}),(0,Nt.jsx)("col",{style:{width:"300px"}})]}),(0,Nt.jsx)(xe,{role:"rowgroup",children:(0,Nt.jsxs)(k,{role:"row",children:[(0,Nt.jsx)(Y,{columnTitle:"Name",role:"columnheader"}),(0,Nt.jsx)(Y,{columnTitle:"Price",role:"columnheader"}),(0,Nt.jsx)(Y,{columnTitle:"Available",role:"columnheader"}),(0,Nt.jsx)(Y,{accessibleLabel:"Commands"})]})})]})})}),(0,Nt.jsx)(Be,{children:(0,Nt.jsx)(Ae,{children:(0,Nt.jsx)("div",{children:(0,Nt.jsxs)(ve,{role:"none",children:[(0,Nt.jsxs)("colgroup",{children:[(0,Nt.jsx)("col",{}),(0,Nt.jsx)("col",{}),(0,Nt.jsx)("col",{}),(0,Nt.jsx)("col",{style:{width:"300px"}})]}),(0,Nt.jsxs)(ie,{role:"rowgroup",children:[(0,Nt.jsxs)(k,{className:"k-master-row k-grid-add-row k-grid-edit-row",role:"row",children:[(0,Nt.jsx)(n,{role:"gridcell",children:(0,Nt.jsx)(we,{value:"Towel","aria-label":"Name"})}),(0,Nt.jsx)(n,{role:"gridcell",children:(0,Nt.jsx)(At,{value:"42","aria-label":"Price"})}),(0,Nt.jsx)(n,{role:"gridcell",children:(0,Nt.jsx)(Do,{"aria-label":"Available"})}),(0,Nt.jsxs)(n,{className:"k-command-cell",role:"gridcell",children:[(0,Nt.jsx)(d,{children:"Add"}),(0,Nt.jsx)(d,{children:"Cancel"})]})]}),(0,Nt.jsxs)(k,{className:"k-master-row",role:"row",children:[(0,Nt.jsx)(n,{role:"gridcell",children:"Chai"}),(0,Nt.jsx)(n,{role:"gridcell",children:"18"}),(0,Nt.jsx)(n,{role:"gridcell",children:"false"}),(0,Nt.jsx)(n,{className:"k-command-cell",role:"gridcell",children:(0,Nt.jsx)(d,{children:"Remove"})})]}),(0,Nt.jsxs)(k,{className:"k-master-row",role:"row",alt:!0,children:[(0,Nt.jsx)(n,{role:"gridcell",children:"Chang"}),(0,Nt.jsx)(n,{role:"gridcell",children:"19"}),(0,Nt.jsx)(n,{role:"gridcell",children:"false"}),(0,Nt.jsx)(n,{className:"k-command-cell",role:"gridcell",children:(0,Nt.jsx)(d,{children:"Remove"})})]})]})]})})})})]}),...e})};var lt=require("react/jsx-runtime"),Iie=({reorderable:e,checkbox:t,aggregates:o,sticky:r,detailRow:i,cols:c,...u})=>(0,lt.jsx)(Ze,{_renderAriaRoot:!0,className:"k-grid-stack",pager:(0,lt.jsx)(Zl,{type:"input",pageTitleInfo:!1,refresh:!1,info:!1,pagerSizeInfo:!1,pageSizes:!1}),children:(0,lt.jsx)(lt.Fragment,{children:(0,lt.jsx)(Be,{children:(0,lt.jsx)(Ae,{children:(0,lt.jsxs)(ve,{role:"none",children:[(0,lt.jsx)("colgroup",{children:(0,lt.jsx)("col",{})}),(0,lt.jsxs)(ie,{role:"rowgroup",children:[(0,lt.jsx)(k,{className:"k-master-row",role:"row",children:(0,lt.jsx)(n,{className:`${r?"k-grid-row-sticky":""}`,role:"gridcell",tabIndex:0,children:(0,lt.jsxs)(pk,{cols:c,children:[e&&(0,lt.jsx)(Cn,{cellContent:(0,lt.jsxs)(lt.Fragment,{children:[(0,lt.jsx)(f,{icon:"reorder"}),(0,lt.jsx)("span",{children:"Reorder"})]}),className:"k-drag-cell"}),r&&(0,lt.jsx)(Cn,{cellContent:(0,lt.jsx)(d,{icon:"unpin",text:"Unpin",fillMode:"flat",themeColor:"primary"})}),t&&(0,lt.jsx)(Cn,{cellContent:(0,lt.jsx)(SA,{})}),(0,lt.jsx)(Cn,{cellHeader:"Contact Name",cellContent:"Maria Anders",tabIndex:0}),(0,lt.jsx)(Cn,{cellHeader:"Company Name",cellContent:"Alfreds Futterkiste",tabIndex:0}),(0,lt.jsx)(Cn,{cellHeader:"Country",cellContent:"Germany",tabIndex:0}),i&&(0,lt.jsx)(Cn,{cellContent:(0,lt.jsx)(d,{icon:"minus",text:"Collapse Details",fillMode:"flat",themeColor:"primary"})})]})})}),i&&(0,lt.jsx)(k,{className:"k-detail-row",role:"row",children:(0,lt.jsxs)(n,{className:"k-detail-cell",role:"gridcell",children:[(0,lt.jsxs)("div",{children:[(0,lt.jsx)("span",{className:"k-font-bold",children:"In stock: "}),(0,lt.jsx)("span",{children:"39"})]}),(0,lt.jsxs)("div",{children:[(0,lt.jsx)("span",{className:"k-font-bold",children:"On order: "}),(0,lt.jsx)("span",{children:"0"})]})]})}),(0,lt.jsx)(k,{alt:!0,className:"k-master-row",role:"row",children:(0,lt.jsx)(n,{role:"gridcell",tabIndex:0,children:(0,lt.jsxs)(pk,{cols:c,children:[e&&(0,lt.jsx)(Cn,{cellContent:(0,lt.jsxs)(lt.Fragment,{children:[(0,lt.jsx)(f,{icon:"reorder"}),(0,lt.jsx)("span",{children:"Reorder"})]}),className:"k-drag-cell"}),r&&(0,lt.jsx)(Cn,{cellContent:(0,lt.jsx)(d,{icon:"pin",text:"Pin",fillMode:"flat",themeColor:"primary"})}),t&&(0,lt.jsx)(Cn,{cellContent:(0,lt.jsx)(SA,{})}),(0,lt.jsx)(Cn,{cellHeader:"Contact Name",cellContent:"Ana Trujillo",tabIndex:0}),(0,lt.jsx)(Cn,{cellHeader:"Company Name",cellContent:"Ana Trujillo Emparedados y helados",tabIndex:0}),(0,lt.jsx)(Cn,{cellHeader:"Country",cellContent:"Mexico",tabIndex:0}),i&&(0,lt.jsx)(Cn,{cellContent:(0,lt.jsx)(d,{icon:"plus",text:"Expand Details",fillMode:"flat",themeColor:"primary"})})]})})})]})]})})})}),gridSelectionAggregates:o&&(0,lt.jsxs)("div",{className:"k-selection-aggregates k-grid-selection-aggregates","aria-live":"polite",children:[(0,lt.jsxs)("div",{className:"k-selection-aggregates-item",children:[(0,lt.jsx)("span",{className:"k-selection-aggregates-item-text",children:"Sum:"}),(0,lt.jsx)("span",{className:"k-selection-aggregates-item-value",children:"122.00"})]}),(0,lt.jsxs)("div",{className:"k-selection-aggregates-item",children:[(0,lt.jsx)("span",{className:"k-selection-aggregates-item-text",children:"Avg:"}),(0,lt.jsx)("span",{className:"k-selection-aggregates-item-value",children:"30.50"})]})]}),...u});var HB="context-menu",qF=HB;var _F=require("react/jsx-runtime"),FB="k-context-menu",Mie=[],Bie={},Pie={},Ri=e=>{let{children:t,...o}=e;return(0,_F.jsx)(ar,{...o,className:l(e.className,FB),role:"menu",children:t})};Ri.states=Mie;Ri.options=Bie;Ri.className=FB;Ri.defaultOptions=Pie;Ri.moduleName=HB;Ri.folderName=qF;Ri.ariaSpec={selector:".k-context-menu",rules:[{selector:".k-context-menu",attribute:"role=menu",usage:"The context menu implements the menu role."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has an id linked to parent aria-controls."}]};var Oy=require("react/jsx-runtime"),kS=e=>(0,Oy.jsx)(Ri,{children:[(0,Oy.jsx)(ut,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),(0,Oy.jsx)(ut,{text:"Item 2"},"menu-item-2"),(0,Oy.jsx)(ut,{last:!0,text:"Item 3"},"menu-item-3")],...e});var Td=require("react/jsx-runtime"),Die=e=>(0,Td.jsxs)(Td.Fragment,{children:[(0,Td.jsx)(Ri,{children:[(0,Td.jsx)(ut,{first:!0,text:"Item 1",focus:!0},"menu-item-1"),(0,Td.jsx)(ut,{text:"Item 2",showArrow:!0,expanded:!0,"aria-controls":"ctx-submenu-1"},"menu-item-2"),(0,Td.jsx)(ut,{text:"Item 3",disabled:!0},"menu-item-3"),(0,Td.jsx)(ut,{last:!0,text:"Item 4"},"menu-item-4")],...e}),(0,Td.jsx)(Oe,{className:"k-menu-popup",offset:{left:"90px",top:"auto"},children:(0,Td.jsxs)(ar,{id:"ctx-submenu-1",children:[(0,Td.jsx)(ut,{first:!0,text:"Sub item 1"}),(0,Td.jsx)(ut,{last:!0,text:"Sub item 2"})]})})]});var Bf=require("react/jsx-runtime"),Rie=Pa.options,Oie=Pa.states,$F={...Pa.defaultOptions,variant:"normal"},Kie=[{name:"normal",title:"Normal"},{name:"separators",title:"With separator"}],Yie=[],fk=e=>{let{variant:t,...o}={...$F,...e};return t==="separators"?(0,Bf.jsxs)(kS,{...o,style:{width:"130px"},children:[(0,Bf.jsx)(ut,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),(0,Bf.jsx)(Du,{}),(0,Bf.jsx)(ut,{text:"Item 2"},"menu-item-2"),(0,Bf.jsx)(ut,{last:!0,text:"Item 3"},"menu-item-3")]}):(0,Bf.jsx)(kS,{...o,style:{width:"130px"}})};fk.options=Rie;fk.states=Oie;fk.variants=Kie;fk.defaultOptions=$F;fk.modifiers=Yie;fk.className=Ri.className;var yt=require("react/jsx-runtime"),Gie=({contentClassName:e,...t})=>{let o=b("grid"),r=b("grid-ctx-menu");return(0,yt.jsxs)(yt.Fragment,{children:[(0,yt.jsx)(Ze,{_renderAriaRoot:!0,ariaRootId:o,ariaColCount:3,ariaRowCount:5,children:(0,yt.jsxs)(yt.Fragment,{children:[(0,yt.jsx)(Le,{children:(0,yt.jsx)("div",{className:"k-grid-header-wrap",children:(0,yt.jsxs)(ye,{role:"none",children:[(0,yt.jsxs)("colgroup",{children:[(0,yt.jsx)("col",{}),(0,yt.jsx)("col",{}),(0,yt.jsx)("col",{})]}),(0,yt.jsx)(xe,{role:"rowgroup",children:(0,yt.jsxs)(k,{role:"row","aria-rowindex":1,children:[(0,yt.jsx)(Y,{columnTitle:"Contact Name",role:"columnheader","aria-colindex":1}),(0,yt.jsx)(Y,{columnTitle:"Job Title",role:"columnheader","aria-colindex":2}),(0,yt.jsx)(Y,{columnTitle:"Country",role:"columnheader","aria-colindex":3})]})})]})})}),(0,yt.jsx)(If,{role:"none",children:(0,yt.jsx)("div",{className:"k-grid-pinned-wrap",role:"none",children:(0,yt.jsxs)(ve,{role:"none",children:[(0,yt.jsxs)("colgroup",{children:[(0,yt.jsx)("col",{}),(0,yt.jsx)("col",{}),(0,yt.jsx)("col",{})]}),(0,yt.jsx)("tbody",{className:"k-table-tbody",role:"rowgroup","aria-label":"Top pinned rows",children:(0,yt.jsxs)(k,{className:"k-master-row",role:"row","aria-rowindex":1,selected:!0,"aria-selected":"true",children:[(0,yt.jsx)(n,{role:"gridcell","aria-colindex":1,"aria-selected":"true","aria-haspopup":"menu","aria-controls":r,"aria-expanded":"true",children:"Shelden Greyes"}),(0,yt.jsx)(n,{role:"gridcell","aria-colindex":2,"aria-selected":"true","aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:"Operator"}),(0,yt.jsx)(n,{role:"gridcell","aria-colindex":3,"aria-selected":"true","aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:"UK"})]})})]})})}),(0,yt.jsx)(Be,{children:(0,yt.jsx)(Ae,{className:e,children:(0,yt.jsxs)(ve,{role:"none",children:[(0,yt.jsxs)("colgroup",{children:[(0,yt.jsx)("col",{}),(0,yt.jsx)("col",{}),(0,yt.jsx)("col",{})]}),(0,yt.jsxs)(ie,{role:"rowgroup",children:[(0,yt.jsxs)(k,{className:"k-master-row",role:"row","aria-rowindex":2,children:[(0,yt.jsx)(n,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:"Sig Jeannel"}),(0,yt.jsx)(n,{role:"gridcell","aria-colindex":2,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:"Human Resources Assistant III"}),(0,yt.jsx)(n,{role:"gridcell","aria-colindex":3,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:"USA"})]}),(0,yt.jsxs)(k,{className:"k-master-row k-pinned-source",role:"row",alt:!0,"aria-rowindex":3,children:[(0,yt.jsx)(n,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:"Shelden Greyes"}),(0,yt.jsx)(n,{role:"gridcell","aria-colindex":2,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:"Operator"}),(0,yt.jsx)(n,{role:"gridcell","aria-colindex":3,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:"UK"})]}),(0,yt.jsxs)(k,{className:"k-master-row",role:"row","aria-rowindex":4,children:[(0,yt.jsx)(n,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:"Ruthi Baldini"}),(0,yt.jsx)(n,{role:"gridcell","aria-colindex":2,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:"Coordinator"}),(0,yt.jsx)(n,{role:"gridcell","aria-colindex":3,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:"Canada"})]})]})]})})})]}),...t}),(0,yt.jsx)(Oe,{className:"k-menu-popup",children:(0,yt.jsxs)(Ri,{id:r,children:[(0,yt.jsx)(ut,{first:!0,text:"Pin row to top",icon:"pin-outline-top"}),(0,yt.jsx)(ut,{last:!0,text:"Pin row to bottom",icon:"pin-outline-bottom"})]})})]})};var Fe=require("react/jsx-runtime"),Hie=({contentClassName:e,...t})=>{let o=b("grid"),r=b("grid-ctx-menu-pin");return(0,Fe.jsxs)(Fe.Fragment,{children:[(0,Fe.jsx)(Ze,{_renderAriaRoot:!0,ariaRootId:o,ariaColCount:4,ariaRowCount:5,children:(0,Fe.jsxs)(Fe.Fragment,{children:[(0,Fe.jsx)(Le,{children:(0,Fe.jsx)("div",{className:"k-grid-header-wrap",children:(0,Fe.jsxs)(ye,{role:"none",children:[(0,Fe.jsxs)("colgroup",{children:[(0,Fe.jsx)("col",{style:{width:"48px"}}),(0,Fe.jsx)("col",{}),(0,Fe.jsx)("col",{}),(0,Fe.jsx)("col",{})]}),(0,Fe.jsx)(xe,{role:"rowgroup",children:(0,Fe.jsxs)(k,{role:"row","aria-rowindex":1,children:[(0,Fe.jsx)(Y,{accessibleLabel:"Row actions",role:"columnheader","aria-colindex":1}),(0,Fe.jsx)(Y,{columnTitle:"Contact Name",role:"columnheader","aria-colindex":2}),(0,Fe.jsx)(Y,{columnTitle:"Job Title",role:"columnheader","aria-colindex":3}),(0,Fe.jsx)(Y,{columnTitle:"Country",role:"columnheader","aria-colindex":4})]})})]})})}),(0,Fe.jsx)(If,{role:"none",children:(0,Fe.jsx)("div",{className:"k-grid-pinned-wrap",role:"none",children:(0,Fe.jsxs)(ve,{role:"none",children:[(0,Fe.jsxs)("colgroup",{children:[(0,Fe.jsx)("col",{style:{width:"48px"}}),(0,Fe.jsx)("col",{}),(0,Fe.jsx)("col",{}),(0,Fe.jsx)("col",{})]}),(0,Fe.jsx)("tbody",{className:"k-table-tbody",role:"rowgroup","aria-label":"Top pinned rows",children:(0,Fe.jsxs)(k,{className:"k-master-row",role:"row","aria-rowindex":1,children:[(0,Fe.jsx)(n,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"true",children:(0,Fe.jsx)("span",{className:"k-pin-cell",children:(0,Fe.jsx)(f,{icon:"unpin-outline",className:"k-action-icon"})})}),(0,Fe.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Shelden Greyes"}),(0,Fe.jsx)(n,{role:"gridcell","aria-colindex":3,children:"Operator"}),(0,Fe.jsx)(n,{role:"gridcell","aria-colindex":4,children:"UK"})]})})]})})}),(0,Fe.jsx)(Be,{children:(0,Fe.jsx)(Ae,{className:e,children:(0,Fe.jsxs)(ve,{role:"none",children:[(0,Fe.jsxs)("colgroup",{children:[(0,Fe.jsx)("col",{style:{width:"48px"}}),(0,Fe.jsx)("col",{}),(0,Fe.jsx)("col",{}),(0,Fe.jsx)("col",{})]}),(0,Fe.jsxs)(ie,{role:"rowgroup",children:[(0,Fe.jsxs)(k,{className:"k-master-row",role:"row","aria-rowindex":2,children:[(0,Fe.jsx)(n,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:(0,Fe.jsx)("span",{className:"k-pin-cell",children:(0,Fe.jsx)(f,{icon:"pin-outline"})})}),(0,Fe.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Sig Jeannel"}),(0,Fe.jsx)(n,{role:"gridcell","aria-colindex":3,children:"Human Resources Assistant III"}),(0,Fe.jsx)(n,{role:"gridcell","aria-colindex":4,children:"USA"})]}),(0,Fe.jsxs)(k,{className:"k-master-row k-pinned-source",role:"row",alt:!0,"aria-rowindex":3,children:[(0,Fe.jsx)(n,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:(0,Fe.jsx)("span",{className:"k-pin-cell",children:(0,Fe.jsx)(f,{icon:"unpin-outline",className:"k-action-icon"})})}),(0,Fe.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Shelden Greyes"}),(0,Fe.jsx)(n,{role:"gridcell","aria-colindex":3,children:"Operator"}),(0,Fe.jsx)(n,{role:"gridcell","aria-colindex":4,children:"UK"})]}),(0,Fe.jsxs)(k,{className:"k-master-row",role:"row","aria-rowindex":4,children:[(0,Fe.jsx)(n,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:(0,Fe.jsx)("span",{className:"k-pin-cell",children:(0,Fe.jsx)(f,{icon:"pin-outline"})})}),(0,Fe.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Ruthi Baldini"}),(0,Fe.jsx)(n,{role:"gridcell","aria-colindex":3,children:"Coordinator"}),(0,Fe.jsx)(n,{role:"gridcell","aria-colindex":4,children:"Canada"})]})]})]})})})]}),...t}),(0,Fe.jsx)(Oe,{className:"k-menu-popup",children:(0,Fe.jsxs)(Ri,{id:r,children:[(0,Fe.jsx)(ut,{first:!0,text:"Pin row to top",icon:"pin-outline-top"}),(0,Fe.jsx)(ut,{last:!0,text:"Pin row to bottom",icon:"pin-outline-bottom"})]})})]})};var Ge=require("react/jsx-runtime"),Fie=({contentClassName:e,...t})=>(0,Ge.jsx)(Ze,{_renderAriaRoot:!0,ariaRowCount:5,groupingHeader:(0,Ge.jsx)(kd,{role:"toolbar","aria-label":"Grouping",children:(0,Ge.jsx)(no,{role:"none",children:(0,Ge.jsx)(mt,{icon:"sort-asc-small",text:"Rating",role:"button",actions:(0,Ge.jsx)(Ge.Fragment,{children:(0,Ge.jsx)(dt,{type:"remove"})})})})}),children:(0,Ge.jsxs)(Ge.Fragment,{children:[(0,Ge.jsx)(Le,{draggable:!0,children:(0,Ge.jsx)("div",{className:"k-grid-header-wrap",children:(0,Ge.jsxs)(ye,{role:"none",children:[(0,Ge.jsxs)("colgroup",{children:[(0,Ge.jsx)("col",{className:"k-group-col"}),(0,Ge.jsx)("col",{}),(0,Ge.jsx)("col",{}),(0,Ge.jsx)("col",{})]}),(0,Ge.jsx)(xe,{role:"rowgroup",children:(0,Ge.jsxs)(k,{role:"row","aria-rowindex":1,children:[(0,Ge.jsx)(Y,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),(0,Ge.jsx)(Y,{colspan:1,columnTitle:"Contact Name",role:"columnheader"}),(0,Ge.jsx)(Y,{colspan:1,columnTitle:"Job Title",role:"columnheader"}),(0,Ge.jsx)(Y,{colspan:1,columnTitle:"Country",role:"columnheader"})]})})]})})}),(0,Ge.jsxs)(Be,{children:[(0,Ge.jsx)(zm,{role:"none",children:(0,Ge.jsxs)(ve,{className:"k-grid-group-sticky-header-table",role:"none",children:[(0,Ge.jsxs)("colgroup",{children:[(0,Ge.jsx)("col",{}),(0,Ge.jsx)("col",{}),(0,Ge.jsx)("col",{}),(0,Ge.jsx)("col",{})]}),(0,Ge.jsx)(ie,{role:"rowgroup",children:(0,Ge.jsx)(k,{className:"k-table-group-row k-grouping-row",role:"row","aria-rowindex":2,children:(0,Ge.jsx)(n,{colspan:4,role:"gridcell","aria-expanded":!1,tabIndex:-1,"aria-colindex":1,children:(0,Ge.jsxs)("p",{className:"k-reset",children:[(0,Ge.jsx)(f,{icon:"chevron-right"}),"Rating 3/5"]})})})})]})}),(0,Ge.jsx)(Ae,{className:e,children:(0,Ge.jsxs)(ve,{role:"none",children:[(0,Ge.jsxs)("colgroup",{children:[(0,Ge.jsx)("col",{className:"k-group-col"}),(0,Ge.jsx)("col",{}),(0,Ge.jsx)("col",{}),(0,Ge.jsx)("col",{})]}),(0,Ge.jsxs)(ie,{role:"rowgroup",children:[(0,Ge.jsx)(k,{className:"k-table-group-row k-grouping-row",role:"row","aria-rowindex":2,children:(0,Ge.jsx)(n,{colspan:4,role:"gridcell","aria-expanded":"true",children:(0,Ge.jsxs)("p",{className:"k-reset",children:[(0,Ge.jsx)(f,{icon:"chevron-down"}),"Rating 5/5"]})})}),(0,Ge.jsxs)(k,{className:"k-master-row",role:"row","aria-rowindex":3,children:[(0,Ge.jsx)(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,Ge.jsx)(n,{colspan:1,role:"gridcell",children:"Shelden Greyes"}),(0,Ge.jsx)(n,{colspan:1,role:"gridcell",children:"Operator"}),(0,Ge.jsx)(n,{colspan:1,role:"gridcell",children:"UK"})]}),(0,Ge.jsxs)(k,{className:"k-master-row",role:"row","aria-rowindex":4,alt:!0,children:[(0,Ge.jsx)(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,Ge.jsx)(n,{colspan:1,role:"gridcell",children:"Nerissa Dapple"}),(0,Ge.jsx)(n,{colspan:1,role:"gridcell",children:"Web Designer"}),(0,Ge.jsx)(n,{colspan:1,role:"gridcell",children:"Norway"})]}),(0,Ge.jsx)(k,{className:"k-group-footer",role:"row","aria-rowindex":5,children:(0,Ge.jsx)(n,{colspan:4,role:"gridcell",children:"Total items: 2"})})]})]})}),(0,Ge.jsx)(zm,{position:"bottom",role:"none",children:(0,Ge.jsxs)(ve,{className:"k-grid-group-sticky-footer-table",role:"none",children:[(0,Ge.jsxs)("colgroup",{children:[(0,Ge.jsx)("col",{}),(0,Ge.jsx)("col",{}),(0,Ge.jsx)("col",{}),(0,Ge.jsx)("col",{})]}),(0,Ge.jsx)(ie,{role:"rowgroup",children:(0,Ge.jsx)(k,{className:"k-group-footer",role:"row","aria-rowindex":5,children:(0,Ge.jsx)(n,{colspan:4,role:"gridcell",tabIndex:-1,children:"Total items: 2"})})})]})})]})]}),...t});var S=require("react/jsx-runtime"),zie=({className:e,contentClassName:t,...o})=>{let r=b("grid-lc-hdr"),i=b("grid-lc-hdr"),c=b("grid-lc-hdr"),u=b("grid-lc-cell"),h=b("grid-lc-cell"),x=b("grid-lc-cell"),v=b("grid-lc-cell"),T=b("grid-lc-cell"),C=b("grid-lc-cell"),N=b("grid-lc-cell"),R=b("grid-lc-cell"),H=b("grid-lc-cell"),V=b("grid-lc-cell"),_=b("grid-lc-cell"),q=b("grid-lc-cell"),me=b("grid-lc-cell"),Qe=b("grid-lc-cell"),je=b("grid-lc-cell"),qt=b("grid-lc-cell"),so=b("grid-lc-cell"),wo=b("grid-lc-cell"),Xa=b("grid-lc-cell"),pl=b("grid-lc-cell"),Ia=b("grid-lc-cell"),jr=b("grid-lc-cell"),$l=b("grid-lc-cell"),Ai=b("grid-lc-cell"),ap=b("grid-lc-cell"),rp=b("grid-lc-cell"),uR=b("grid-lc-cell"),bR=b("grid-lc-cell"),fR=b("grid-lc-cell"),hR=b("grid-lc-cell"),gR=b("grid-lc-cell"),kR=b("grid-lc-cell"),xR=b("grid-lc-cell"),vR=b("grid-lc-cell"),TR=b("grid-lc-cell"),wR=b("grid-lc-cell"),NR=b("grid-lc-cell"),yR=b("grid-lc-cell"),AR=b("grid-lc-cell");return(0,S.jsx)(Ze,{className:l("k-grid-lockedcolumns",e),_renderAriaRoot:!0,groupingHeader:(0,S.jsx)(kd,{role:"toolbar","aria-label":"Grouping",children:(0,S.jsx)(no,{role:"none",children:(0,S.jsx)(mt,{icon:"sort-asc-small",text:"Country",role:"button",actions:(0,S.jsx)(S.Fragment,{children:(0,S.jsx)(dt,{type:"remove"})})})})}),children:(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(Le,{role:"none",children:[(0,S.jsx)("div",{className:"k-grid-header-locked",role:"none",style:{width:"400px"},children:(0,S.jsxs)(ye,{role:"none",children:[(0,S.jsxs)("colgroup",{children:[(0,S.jsx)("col",{className:"k-group-col"}),(0,S.jsx)("col",{style:{width:"150px"}}),(0,S.jsx)("col",{style:{width:"250px"}})]}),(0,S.jsx)(xe,{role:"rowgroup",children:(0,S.jsxs)(k,{role:"row","aria-owns":`${r} ${i} ${c}`,children:[(0,S.jsx)(Y,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),(0,S.jsx)(Y,{colspan:1,rowspan:1,columnTitle:"Order ID",role:"columnheader"}),(0,S.jsx)(Y,{colspan:1,rowspan:1,columnTitle:"Ship Name",role:"columnheader"})]})})]})}),(0,S.jsx)("div",{className:"k-grid-header-wrap k-auto-scrollable",role:"none",style:{width:"581px"},children:(0,S.jsxs)(ye,{role:"none",children:[(0,S.jsxs)("colgroup",{children:[(0,S.jsx)("col",{style:{width:"300px"}}),(0,S.jsx)("col",{style:{width:"300px"}}),(0,S.jsx)("col",{style:{width:"400px"}})]}),(0,S.jsx)(xe,{role:"none",children:(0,S.jsxs)(k,{role:"none",children:[(0,S.jsx)(Y,{colspan:1,rowspan:1,columnTitle:"Ship Country",id:r,role:"columnheader"}),(0,S.jsx)(Y,{colspan:1,rowspan:1,columnTitle:"Ship City",id:i,role:"columnheader"}),(0,S.jsx)(Y,{colspan:1,rowspan:1,columnTitle:"Ship Address",id:c,role:"columnheader"})]})})]})})]}),(0,S.jsxs)(Be,{role:"none",children:[(0,S.jsxs)(zm,{role:"none",children:[(0,S.jsx)("div",{className:"k-grid-content-locked",role:"none",style:{width:"400px"},children:(0,S.jsxs)(ve,{className:"k-grid-group-sticky-header-table",role:"none",children:[(0,S.jsxs)("colgroup",{children:[(0,S.jsx)("col",{className:"k-group-col"}),(0,S.jsx)("col",{style:{width:"150px"}}),(0,S.jsx)("col",{style:{width:"250px"}})]}),(0,S.jsxs)(ie,{role:"rowgroup",children:[(0,S.jsx)(k,{className:"k-table-group-row k-grouping-row",role:"row","aria-rowindex":6,style:{height:"37px"},children:(0,S.jsx)(n,{colspan:3,role:"gridcell","aria-expanded":"true",tabIndex:-1,children:(0,S.jsxs)("p",{className:"k-reset",children:[(0,S.jsx)(f,{icon:"chevron-down"}),"Country: Germany"]})})}),(0,S.jsxs)(k,{className:"k-master-row",alt:!0,role:"row","aria-rowindex":7,"aria-owns":`${u} ${h} ${x}`,style:{height:"36px"},children:[(0,S.jsx)(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,S.jsx)(n,{role:"gridcell",tabIndex:-1,children:"10249"}),(0,S.jsx)(n,{role:"gridcell",tabIndex:-1,children:"Toms Spezialit\xE4ten"})]})]})]})}),(0,S.jsx)("div",{className:"k-grid-header-wrap",role:"none",children:(0,S.jsxs)(ve,{className:"k-grid-group-sticky-header-table",role:"none",children:[(0,S.jsxs)("colgroup",{children:[(0,S.jsx)("col",{style:{width:"300px"}}),(0,S.jsx)("col",{style:{width:"300px"}}),(0,S.jsx)("col",{style:{width:"400px"}})]}),(0,S.jsxs)(ie,{role:"rowgroup",children:[(0,S.jsx)(k,{className:"k-table-group-row k-grouping-row",role:"row","aria-rowindex":6,style:{height:"37px"},children:(0,S.jsx)(n,{colspan:3,role:"gridcell",tabIndex:-1,children:(0,S.jsx)("p",{className:"k-reset"})})}),(0,S.jsxs)(k,{className:"k-master-row",alt:!0,role:"row","aria-rowindex":7,style:{height:"36px"},children:[(0,S.jsx)(n,{id:u,role:"gridcell",tabIndex:-1,children:"Germany"}),(0,S.jsx)(n,{id:h,role:"gridcell",tabIndex:-1,children:"M\xFCnster"}),(0,S.jsx)(n,{id:x,role:"gridcell",tabIndex:-1,children:"Luisenstr. 48"})]})]})]})})]}),(0,S.jsx)("div",{className:"k-grid-content-locked",role:"none",style:{width:"400px",height:"464px"},children:(0,S.jsxs)(ve,{role:"none",children:[(0,S.jsxs)("colgroup",{children:[(0,S.jsx)("col",{className:"k-group-col"}),(0,S.jsx)("col",{style:{width:"150px"}}),(0,S.jsx)("col",{style:{width:"250px"}})]}),(0,S.jsxs)(ie,{role:"rowgroup",children:[(0,S.jsx)(k,{className:"k-table-group-row k-grouping-row",role:"row",style:{height:"37px"},children:(0,S.jsx)(n,{colspan:3,role:"gridcell",children:(0,S.jsxs)("p",{className:"k-reset",children:[(0,S.jsx)(f,{icon:"chevron-down"}),"Country: France"]})})}),(0,S.jsxs)(k,{className:"k-master-row",role:"row","aria-owns":`${v} ${T} ${C}`,style:{height:"36px"},children:[(0,S.jsx)(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,S.jsx)(n,{role:"gridcell",children:"10248"}),(0,S.jsx)(n,{role:"gridcell",children:"Vins et alcools Chevalier"})]}),(0,S.jsxs)(k,{className:"k-master-row",alt:!0,role:"row","aria-owns":`${N} ${R} ${H}`,style:{height:"36px"},children:[(0,S.jsx)(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,S.jsx)(n,{role:"gridcell",children:"10251"}),(0,S.jsx)(n,{role:"gridcell",children:"Victuailles en stock"})]}),(0,S.jsxs)(k,{className:"k-master-row",role:"row","aria-owns":`${V} ${_} ${q}`,style:{height:"36px"},children:[(0,S.jsx)(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,S.jsx)(n,{role:"gridcell",children:"10265"}),(0,S.jsx)(n,{role:"gridcell",children:"Blondel p\xE8re et fils"})]}),(0,S.jsxs)(k,{className:"k-group-footer",role:"row","aria-owns":`${bR} ${fR} ${hR}`,style:{height:"37px"},children:[(0,S.jsx)(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,S.jsx)(n,{role:"gridcell"}),(0,S.jsx)(n,{role:"gridcell",children:"Total items: 3"})]}),(0,S.jsx)(k,{className:"k-table-group-row k-grouping-row",role:"row",style:{height:"37px"},children:(0,S.jsx)(n,{colspan:3,role:"gridcell",children:(0,S.jsxs)("p",{className:"k-reset",children:[(0,S.jsx)(f,{icon:"chevron-down"}),"Country: Germany"]})})}),(0,S.jsxs)(k,{className:"k-master-row",alt:!0,role:"row","aria-owns":`${me} ${Qe} ${je}`,style:{height:"36px"},children:[(0,S.jsx)(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,S.jsx)(n,{role:"gridcell",children:"10249"}),(0,S.jsx)(n,{role:"gridcell",children:"Toms Spezialit\xE4ten"})]}),(0,S.jsxs)(k,{className:"k-master-row",role:"row","aria-owns":`${qt} ${so} ${wo}`,style:{height:"36px"},children:[(0,S.jsx)(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,S.jsx)(n,{role:"gridcell",children:"10253"}),(0,S.jsx)(n,{role:"gridcell",children:"Toms Spezialit\xE4ten"})]}),(0,S.jsxs)(k,{className:"k-master-row",alt:!0,role:"row","aria-owns":`${Xa} ${pl} ${Ia}`,style:{height:"36px"},children:[(0,S.jsx)(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,S.jsx)(n,{role:"gridcell",children:"10260"}),(0,S.jsx)(n,{role:"gridcell",children:"Ottilies K\xE4seladen"})]}),(0,S.jsxs)(k,{className:"k-group-footer",role:"row","aria-owns":`${gR} ${kR} ${xR}`,style:{height:"37px"},children:[(0,S.jsx)(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,S.jsx)(n,{role:"gridcell"}),(0,S.jsx)(n,{role:"gridcell",children:"Total items: 3"})]}),(0,S.jsx)(k,{className:"k-table-group-row k-grouping-row",role:"row",style:{height:"37px"},children:(0,S.jsx)(n,{colspan:3,role:"gridcell",children:(0,S.jsxs)("p",{className:"k-reset",children:[(0,S.jsx)(f,{icon:"chevron-down"}),"Country: Brazil"]})})}),(0,S.jsxs)(k,{className:"k-master-row",role:"row","aria-owns":`${jr} ${$l} ${Ai}`,style:{height:"36px"},children:[(0,S.jsx)(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,S.jsx)(n,{role:"gridcell",children:"10250"}),(0,S.jsx)(n,{role:"gridcell",children:"Hanari Carnes"})]}),(0,S.jsxs)(k,{className:"k-master-row",alt:!0,role:"row","aria-owns":`${ap} ${rp} ${uR}`,style:{height:"36px"},children:[(0,S.jsx)(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,S.jsx)(n,{role:"gridcell",children:"10254"}),(0,S.jsx)(n,{role:"gridcell",children:"Hanari Carnes"})]}),(0,S.jsxs)(k,{className:"k-group-footer",role:"row","aria-owns":`${vR} ${TR} ${wR}`,style:{height:"37px"},children:[(0,S.jsx)(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,S.jsx)(n,{role:"gridcell"}),(0,S.jsx)(n,{role:"gridcell",children:"Total items: 2"})]})]})]})}),(0,S.jsx)(Ae,{className:l("k-auto-scrollable",t),role:"none",style:{width:"605px",height:"465px"},children:(0,S.jsxs)(ve,{role:"none",children:[(0,S.jsxs)("colgroup",{children:[(0,S.jsx)("col",{style:{width:"300px"}}),(0,S.jsx)("col",{style:{width:"300px"}}),(0,S.jsx)("col",{style:{width:"400px"}})]}),(0,S.jsxs)(ie,{role:"none",children:[(0,S.jsx)(k,{className:"k-table-group-row k-grouping-row",role:"none",style:{height:"37px"},children:(0,S.jsx)(n,{colspan:3,role:"none",children:(0,S.jsx)("p",{className:"k-reset"})})}),(0,S.jsxs)(k,{className:"k-master-row",role:"none",style:{height:"36px"},children:[(0,S.jsx)(n,{id:v,role:"gridcell",children:"France"}),(0,S.jsx)(n,{id:T,role:"gridcell",children:"Reims"}),(0,S.jsx)(n,{id:C,role:"gridcell",children:"59 rue de l'Abbaye"})]}),(0,S.jsxs)(k,{className:"k-master-row",alt:!0,role:"none",style:{height:"36px"},children:[(0,S.jsx)(n,{id:N,role:"gridcell",children:"France"}),(0,S.jsx)(n,{id:R,role:"gridcell",children:"Lyon"}),(0,S.jsx)(n,{id:H,role:"gridcell",children:"2, rue du Commerce"})]}),(0,S.jsxs)(k,{className:"k-master-row",role:"none",style:{height:"36px"},children:[(0,S.jsx)(n,{id:V,role:"gridcell",children:"France"}),(0,S.jsx)(n,{id:_,role:"gridcell",children:"Strasbourg"}),(0,S.jsx)(n,{id:q,role:"gridcell",children:"24, place Kl\xE9ber"})]}),(0,S.jsxs)(k,{className:"k-group-footer",role:"none",style:{height:"37px"},children:[(0,S.jsx)(n,{id:bR,role:"gridcell"}),(0,S.jsx)(n,{id:fR,role:"gridcell"}),(0,S.jsx)(n,{id:hR,role:"gridcell"})]}),(0,S.jsx)(k,{className:"k-table-group-row k-grouping-row",role:"none",style:{height:"37px"},children:(0,S.jsx)(n,{colspan:3,role:"none",children:(0,S.jsx)("p",{className:"k-reset"})})}),(0,S.jsxs)(k,{className:"k-master-row",alt:!0,role:"none",style:{height:"36px"},children:[(0,S.jsx)(n,{id:me,role:"gridcell",children:"Germany"}),(0,S.jsx)(n,{id:Qe,role:"gridcell",children:"M\xFCnster"}),(0,S.jsx)(n,{id:je,role:"gridcell",children:"Luisenstr. 48"})]}),(0,S.jsxs)(k,{className:"k-master-row",role:"none",style:{height:"36px"},children:[(0,S.jsx)(n,{id:qt,role:"gridcell",children:"Germany"}),(0,S.jsx)(n,{id:so,role:"gridcell",children:"M\xFCnster"}),(0,S.jsx)(n,{id:wo,role:"gridcell",children:"Luisenstr. 48"})]}),(0,S.jsxs)(k,{className:"k-master-row",alt:!0,role:"none",style:{height:"36px"},children:[(0,S.jsx)(n,{id:Xa,role:"gridcell",children:"Germany"}),(0,S.jsx)(n,{id:pl,role:"gridcell",children:"K\xF6ln"}),(0,S.jsx)(n,{id:Ia,role:"gridcell",children:"Mehrheimerstr. 369"})]}),(0,S.jsxs)(k,{className:"k-group-footer",role:"none",style:{height:"37px"},children:[(0,S.jsx)(n,{id:gR,role:"gridcell"}),(0,S.jsx)(n,{id:kR,role:"gridcell"}),(0,S.jsx)(n,{id:xR,role:"gridcell"})]}),(0,S.jsx)(k,{className:"k-table-group-row k-grouping-row",role:"none",style:{height:"37px"},children:(0,S.jsx)(n,{colspan:3,role:"none",children:(0,S.jsx)("p",{className:"k-reset"})})}),(0,S.jsxs)(k,{className:"k-master-row",role:"none",style:{height:"36px"},children:[(0,S.jsx)(n,{id:jr,role:"gridcell",children:"Brazil"}),(0,S.jsx)(n,{id:$l,role:"gridcell",children:"Rio de Janeiro"}),(0,S.jsx)(n,{id:Ai,role:"gridcell",children:"Rua do Pa\xE7o, 67"})]}),(0,S.jsxs)(k,{className:"k-master-row",alt:!0,role:"none",style:{height:"36px"},children:[(0,S.jsx)(n,{id:ap,role:"gridcell",children:"Brazil"}),(0,S.jsx)(n,{id:rp,role:"gridcell",children:"Rio de Janeiro"}),(0,S.jsx)(n,{id:uR,role:"gridcell",children:"Rua do Pa\xE7o, 67"})]}),(0,S.jsxs)(k,{className:"k-group-footer",role:"none",style:{height:"37px"},children:[(0,S.jsx)(n,{id:vR,role:"gridcell"}),(0,S.jsx)(n,{id:TR,role:"gridcell"}),(0,S.jsx)(n,{id:wR,role:"gridcell"})]})]})]})}),(0,S.jsxs)(zm,{position:"bottom",role:"none",children:[(0,S.jsx)("div",{className:"k-grid-content-locked",role:"none",style:{width:"400px"},children:(0,S.jsxs)(ve,{className:"k-grid-group-sticky-footer-table",role:"none",children:[(0,S.jsxs)("colgroup",{children:[(0,S.jsx)("col",{className:"k-group-col"}),(0,S.jsx)("col",{style:{width:"150px"}}),(0,S.jsx)("col",{style:{width:"250px"}})]}),(0,S.jsx)(ie,{role:"rowgroup",children:(0,S.jsxs)(k,{className:"k-group-footer",role:"row","aria-rowindex":5,"aria-owns":`${NR} ${yR} ${AR}`,children:[(0,S.jsx)(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),(0,S.jsx)(n,{role:"gridcell",tabIndex:-1}),(0,S.jsx)(n,{role:"gridcell",tabIndex:-1,children:"Total items: 3"})]})})]})}),(0,S.jsx)("div",{className:"k-grid-footer-wrap",role:"none",children:(0,S.jsxs)(ve,{className:"k-grid-group-sticky-footer-table",role:"none",children:[(0,S.jsxs)("colgroup",{children:[(0,S.jsx)("col",{style:{width:"300px"}}),(0,S.jsx)("col",{style:{width:"300px"}}),(0,S.jsx)("col",{style:{width:"400px"}})]}),(0,S.jsx)(ie,{role:"rowgroup",children:(0,S.jsxs)(k,{className:"k-group-footer",role:"row","aria-rowindex":5,style:{height:"37px"},children:[(0,S.jsx)(n,{id:NR,role:"gridcell",tabIndex:-1}),(0,S.jsx)(n,{id:yR,role:"gridcell",tabIndex:-1}),(0,S.jsx)(n,{id:AR,role:"gridcell",tabIndex:-1})]})})]})})]})]})]}),...o})};var U=require("react/jsx-runtime"),Wie=Ze.options,Vie=Ze.states,ez={...Ze.defaultOptions,variant:"normal"},Qie=[{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"}],Xie=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],hk=e=>{let{variant:t,modifiers:o,...r}={...ez,...e},i={toolbar:void 0,pager:void 0},c=(0,U.jsxs)($s,{children:[(0,U.jsx)(d,{icon:"plus",children:"Add New"}),(0,U.jsx)(d,{icon:"file-pdf",children:"Export to PDF"}),(0,U.jsx)("span",{className:"k-spacer"}),(0,U.jsx)(we,{prefix:(0,U.jsx)(f,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),u=(0,U.jsx)(Fa,{pageSizes:!1,refresh:!1});Object.keys(o||{}).forEach(v=>{switch(v){case"toolbar":i.toolbar=o!=null&&o[v]?c:void 0;break;case"pager":i.pager=o!=null&&o[v]?u:void 0;break;default:return}});let h={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},x=(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(Le,{children:(0,U.jsx)("div",{className:"k-grid-header-wrap",children:(0,U.jsxs)(ye,{children:[(0,U.jsxs)("colgroup",{children:[(0,U.jsx)("col",{}),(0,U.jsx)("col",{}),(0,U.jsx)("col",{}),(0,U.jsx)("col",{})]}),(0,U.jsx)(xe,{children:(0,U.jsxs)(k,{children:[(0,U.jsx)(Y,{...h[t],columnTitle:"ID"}),(0,U.jsx)(Y,{...h[t],columnTitle:"Product Name"}),(0,U.jsx)(Y,{...h[t],columnTitle:"Units in Stock"}),(0,U.jsx)(Y,{...h[t],columnTitle:"Units Price"})]})})]})})}),(0,U.jsx)(Be,{children:(0,U.jsx)(Ae,{children:(0,U.jsxs)(ve,{children:[(0,U.jsxs)("colgroup",{children:[(0,U.jsx)("col",{}),(0,U.jsx)("col",{}),(0,U.jsx)("col",{}),(0,U.jsx)("col",{})]}),(0,U.jsxs)(ie,{children:[(0,U.jsxs)(k,{children:[(0,U.jsx)(n,{children:"1"}),(0,U.jsx)(n,{children:"Chai"}),(0,U.jsx)(n,{children:"39"}),(0,U.jsx)(n,{children:"18"})]}),(0,U.jsxs)(k,{alt:!0,children:[(0,U.jsx)(n,{children:"2"}),(0,U.jsx)(n,{children:"Chang"}),(0,U.jsx)(n,{children:"17"}),(0,U.jsx)(n,{children:"19"})]}),(0,U.jsxs)(k,{children:[(0,U.jsx)(n,{children:"3"}),(0,U.jsx)(n,{children:"Aniseed Syrup"}),(0,U.jsx)(n,{children:"13"}),(0,U.jsx)(n,{children:"10"})]}),(0,U.jsxs)(k,{alt:!0,children:[(0,U.jsx)(n,{children:"4"}),(0,U.jsx)(n,{children:"Chef Anton's Cajun Seasoning"}),(0,U.jsx)(n,{children:"53"}),(0,U.jsx)(n,{children:"22"})]}),(0,U.jsxs)(k,{children:[(0,U.jsx)(n,{children:"5"}),(0,U.jsx)(n,{children:"Chef Anton's Gumbo Mix"}),(0,U.jsx)(n,{children:"0"}),(0,U.jsx)(n,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return(0,U.jsx)(YB,{...r,...i});case"editing":return(0,U.jsx)(GB,{...r,...i});case"grouping":return(0,U.jsx)(KB,{...r,...i,groupingHeader:(0,U.jsx)(kd,{children:(0,U.jsxs)(no,{children:[(0,U.jsx)(mt,{icon:"sort-asc-small",actions:(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(dt,{type:"more"}),(0,U.jsx)(dt,{type:"remove"})]}),children:"ID"}),(0,U.jsx)(mt,{icon:"sort-desc-small",actions:(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(dt,{type:"more"}),(0,U.jsx)(dt,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return(0,U.jsx)(Ze,{...r,...i,children:(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(Le,{children:(0,U.jsxs)("div",{className:"k-grid-header-wrap",children:[" ",(0,U.jsxs)(ye,{children:[(0,U.jsxs)("colgroup",{children:[(0,U.jsx)("col",{className:"k-drag-col"}),(0,U.jsx)("col",{}),(0,U.jsx)("col",{}),(0,U.jsx)("col",{}),(0,U.jsx)("col",{})]}),(0,U.jsx)(xe,{children:(0,U.jsxs)(k,{children:[(0,U.jsx)(Y,{className:"k-drag-cell",accessibleLabel:"Reorder"}),(0,U.jsx)(Y,{columnTitle:"ID"}),(0,U.jsx)(Y,{columnTitle:"Product Name"}),(0,U.jsx)(Y,{columnTitle:"Units in Stock"}),(0,U.jsx)(Y,{columnTitle:"Units Price"})]})})]})]})}),(0,U.jsx)(Be,{children:(0,U.jsx)(Ae,{children:(0,U.jsxs)(ve,{children:[(0,U.jsxs)("colgroup",{children:[(0,U.jsx)("col",{className:"k-drag-col"}),(0,U.jsx)("col",{}),(0,U.jsx)("col",{}),(0,U.jsx)("col",{}),(0,U.jsx)("col",{})]}),(0,U.jsxs)(ie,{children:[(0,U.jsxs)(k,{children:[(0,U.jsx)(n,{className:"k-drag-cell",children:(0,U.jsx)(f,{icon:"reorder"})}),(0,U.jsx)(n,{children:"1"}),(0,U.jsx)(n,{children:"Chai"}),(0,U.jsx)(n,{children:"39"}),(0,U.jsx)(n,{children:"18"})]}),(0,U.jsxs)(k,{alt:!0,children:[(0,U.jsx)(n,{className:"k-drag-cell",children:(0,U.jsx)(f,{icon:"reorder"})}),(0,U.jsx)(n,{children:"2"}),(0,U.jsx)(n,{children:"Chang"}),(0,U.jsx)(n,{children:"17"}),(0,U.jsx)(n,{children:"19"})]}),(0,U.jsxs)(k,{children:[(0,U.jsx)(n,{className:"k-drag-cell",children:(0,U.jsx)(f,{icon:"reorder"})}),(0,U.jsx)(n,{children:"3"}),(0,U.jsx)(n,{children:"Aniseed Syrup"}),(0,U.jsx)(n,{children:"13"}),(0,U.jsx)(n,{children:"10"})]}),(0,U.jsxs)(k,{alt:!0,children:[(0,U.jsx)(n,{className:"k-drag-cell",children:(0,U.jsx)(f,{icon:"reorder"})}),(0,U.jsx)(n,{children:"4"}),(0,U.jsx)(n,{children:"Chef Anton's Cajun Seasoning"}),(0,U.jsx)(n,{children:"53"}),(0,U.jsx)(n,{children:"22"})]}),(0,U.jsxs)(k,{children:[(0,U.jsx)(n,{className:"k-drag-cell",children:(0,U.jsx)(f,{icon:"reorder"})}),(0,U.jsx)(n,{children:"5"}),(0,U.jsx)(n,{children:"Chef Anton's Gumbo Mix"}),(0,U.jsx)(n,{children:"0"}),(0,U.jsx)(n,{children:"21.35"})]})]})]})})})]})});case"filter-row":return(0,U.jsx)(OB,{...r,...i});default:return(0,U.jsx)(Ze,{...r,...i,children:x})}};hk.options=Wie;hk.states=Vie;hk.variants=Qie;hk.defaultOptions=ez;hk.modifiers=Xie;hk.className=Ze.className;var ht=require("react/jsx-runtime"),Zie=e=>(0,ht.jsx)(gd,{children:(0,ht.jsx)(ht.Fragment,{children:(0,ht.jsx)(Lp,{panes:[(0,ht.jsx)(We,{className:"k-chart-wizard-preview-pane",children:(0,ht.jsx)(Hm,{children:(0,ht.jsx)("div",{className:"k-chart",style:{position:"relative",height:"400px"},children:(0,ht.jsxs)("svg",{style:{width:"100%",height:"100%",overflow:"hidden"},xmlns:"http://www.w3.org/2000/svg",version:"1.1",children:[(0,ht.jsx)("rect",{width:"100%",height:"100%",fill:"var(--kendo-chart-bg, #fff)"}),(0,ht.jsx)("text",{style:{font:"16px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"50%",y:"200",textAnchor:"middle",stroke:"none",fillOpacity:"0.5",children:"Chart Preview"})]})})})},"pane-1"),(0,ht.jsx)(We,{className:"k-chart-wizard-property-pane",flexBasis:"300px",collapsible:!0,children:(0,ht.jsx)(Ha,{tabStripItems:(0,ht.jsxs)(ht.Fragment,{children:[(0,ht.jsx)(ft,{first:!0,value:"Chart"}),(0,ht.jsx)(ft,{value:"Data",active:!0}),(0,ht.jsx)(ft,{last:!0,value:"Format"})]}),children:(0,ht.jsx)(Ja,{active:!0,children:(0,ht.jsx)(Ga,{expanded:!0,title:"Configuration",children:(0,ht.jsxs)(Qo,{formButtons:"",children:[(0,ht.jsx)(or,{legend:"X axis (category)",children:(0,ht.jsx)(Ee,{label:"Category",editorId:"cw-data-category",editor:(0,ht.jsx)(de,{id:"cw-data-category","aria-labelledby":"cw-data-category-label",value:"Current item",fillMode:"outline"})})}),(0,ht.jsx)(or,{legend:"Series",children:(0,ht.jsx)(Ze,{_renderAriaRoot:!0,"aria-label":"Data series",toolbar:(0,ht.jsx)($s,{children:(0,ht.jsx)(d,{icon:"plus",fillMode:"flat",children:"Add"})}),children:(0,ht.jsx)(Be,{children:(0,ht.jsx)(Ae,{children:(0,ht.jsxs)(ve,{role:"none",children:[(0,ht.jsxs)("colgroup",{children:[(0,ht.jsx)("col",{style:{width:"40px"}}),(0,ht.jsx)("col",{}),(0,ht.jsx)("col",{style:{width:"80px"}})]}),(0,ht.jsxs)(ie,{children:[(0,ht.jsxs)(k,{className:"k-master-row",children:[(0,ht.jsx)(n,{className:"k-drag-cell",children:(0,ht.jsx)(f,{icon:"reorder","aria-hidden":"true"})}),(0,ht.jsx)(n,{children:"Series Name"}),(0,ht.jsx)(n,{className:"k-command-cell",children:(0,ht.jsx)(d,{icon:"trash",fillMode:"flat","aria-label":"Delete series"})})]}),(0,ht.jsxs)(k,{className:"k-master-row",alt:!0,children:[(0,ht.jsx)(n,{className:"k-drag-cell",children:(0,ht.jsx)(f,{icon:"reorder","aria-hidden":"true"})}),(0,ht.jsx)(n,{children:"Series Name"}),(0,ht.jsx)(n,{className:"k-command-cell",children:(0,ht.jsx)(d,{icon:"trash",fillMode:"flat","aria-label":"Delete series"})})]}),(0,ht.jsxs)(k,{className:"k-master-row",children:[(0,ht.jsx)(n,{className:"k-drag-cell",children:(0,ht.jsx)(f,{icon:"reorder","aria-hidden":"true"})}),(0,ht.jsx)(n,{children:"Series Name"}),(0,ht.jsx)(n,{className:"k-command-cell",children:(0,ht.jsx)(d,{icon:"trash",fillMode:"flat","aria-label":"Delete series"})})]})]})]})})})})}),(0,ht.jsx)(or,{legend:"Y axis (value)",children:(0,ht.jsx)(Ee,{label:"Value",editorId:"cw-data-value",editor:(0,ht.jsx)(de,{id:"cw-data-value","aria-labelledby":"cw-data-value-label",value:"Current item",fillMode:"outline"})})})]})})})})},"pane-2")]})}),...e});var ee=require("react/jsx-runtime"),Uie=e=>(0,ee.jsx)(gd,{children:(0,ee.jsx)(ee.Fragment,{children:(0,ee.jsx)(Lp,{panes:[(0,ee.jsx)(We,{className:"k-chart-wizard-preview-pane",children:(0,ee.jsx)(Hm,{children:(0,ee.jsx)("div",{className:"k-chart",style:{position:"relative",height:"400px"},children:(0,ee.jsxs)("svg",{style:{width:"100%",height:"100%",overflow:"hidden"},xmlns:"http://www.w3.org/2000/svg",version:"1.1",children:[(0,ee.jsx)("rect",{width:"100%",height:"100%",fill:"var(--kendo-chart-bg, #fff)"}),(0,ee.jsx)("text",{style:{font:"16px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"50%",y:"200",textAnchor:"middle",stroke:"none",fillOpacity:"0.5",children:"Chart Preview"})]})})})},"pane-1"),(0,ee.jsx)(We,{className:"k-chart-wizard-property-pane",flexBasis:"300px",collapsible:!0,children:(0,ee.jsx)(Ha,{tabStripItems:(0,ee.jsxs)(ee.Fragment,{children:[(0,ee.jsx)(ft,{first:!0,value:"Chart"}),(0,ee.jsx)(ft,{value:"Data"}),(0,ee.jsx)(ft,{last:!0,value:"Format",active:!0})]}),children:(0,ee.jsxs)(Ja,{active:!0,children:[(0,ee.jsx)(Ga,{expanded:!0,title:"Chart area",children:(0,ee.jsxs)(Qo,{children:[(0,ee.jsxs)(or,{legend:"Margins",layout:"grid",cols:2,gutters:{cols:"16px"},children:[(0,ee.jsx)(Ee,{label:"Left",editorId:"cw-margin-left",editor:(0,ee.jsx)(At,{id:"cw-margin-left",placeholder:"Auto",showClearButton:!1,fillMode:"outline"})}),(0,ee.jsx)(Ee,{label:"Right",editorId:"cw-margin-right",editor:(0,ee.jsx)(At,{id:"cw-margin-right",placeholder:"Auto",showClearButton:!1,fillMode:"outline"})}),(0,ee.jsx)(Ee,{label:"Top",editorId:"cw-margin-top",editor:(0,ee.jsx)(At,{id:"cw-margin-top",placeholder:"Auto",showClearButton:!1,fillMode:"outline"})}),(0,ee.jsx)(Ee,{label:"Bottom",editorId:"cw-margin-bottom",editor:(0,ee.jsx)(At,{id:"cw-margin-bottom",placeholder:"Auto",showClearButton:!1,fillMode:"outline"})})]}),(0,ee.jsx)(or,{legend:"Background",children:(0,ee.jsx)(Ee,{label:"Color",editorId:"cw-bg-color",editor:(0,ee.jsx)(Ua,{id:"cw-bg-color","aria-labelledby":"cw-bg-color-label",fillMode:"outline"})})})]})}),(0,ee.jsx)(Ga,{expanded:!0,title:"Title",children:(0,ee.jsxs)(Qo,{layout:"grid",cols:2,gutters:{cols:"16px"},children:[(0,ee.jsx)(Ee,{colSpan:"2",label:"Apply to",editorId:"cw-title-apply",editor:(0,ee.jsx)(de,{id:"cw-title-apply","aria-labelledby":"cw-title-apply-label",value:"Chart title",fillMode:"outline"})}),(0,ee.jsx)(Ee,{colSpan:"2",label:"Title",editorId:"cw-title-text",editor:(0,ee.jsx)(we,{id:"cw-title-text",placeholder:"Chart title",fillMode:"outline"})}),(0,ee.jsx)(Ee,{colSpan:"2",label:"Font",editorId:"cw-title-font",editor:(0,ee.jsx)(yo,{id:"cw-title-font",placeholder:"(Inherited font)",fillMode:"outline"})}),(0,ee.jsx)(Ee,{label:"Size",editorId:"cw-title-size",editor:(0,ee.jsx)(yo,{id:"cw-title-size",placeholder:"px",fillMode:"outline"})}),(0,ee.jsx)(Ee,{label:"Color",editorId:"cw-title-color",editor:(0,ee.jsx)(Ua,{id:"cw-title-color","aria-labelledby":"cw-title-color-label",fillMode:"outline"})})]})}),(0,ee.jsx)(Ga,{expanded:!0,title:"Series",children:(0,ee.jsxs)(Qo,{children:[(0,ee.jsx)(Ee,{label:"Apply to",editorId:"cw-series-apply",editor:(0,ee.jsx)(de,{id:"cw-series-apply","aria-labelledby":"cw-series-apply-label",value:"All Series",fillMode:"outline"})}),(0,ee.jsx)(Ee,{label:"Color",editorId:"cw-series-color",editor:(0,ee.jsx)(Ua,{id:"cw-series-color","aria-labelledby":"cw-series-color-label",fillMode:"outline"})}),(0,ee.jsx)(Ee,{editor:(0,ee.jsxs)(ee.Fragment,{children:[(0,ee.jsx)(Do,{id:"cw-series-labels"}),(0,ee.jsx)("label",{className:"k-checkbox-label",htmlFor:"cw-series-labels",children:"Show Labels"})]})})]})}),(0,ee.jsx)(Ga,{expanded:!0,title:"Legend",children:(0,ee.jsxs)(Qo,{layout:"grid",cols:2,gutters:{cols:"16px"},children:[(0,ee.jsx)(Ee,{colSpan:"2",editor:(0,ee.jsxs)("div",{className:"k-d-flex k-align-items-center k-gap-2",children:[(0,ee.jsx)("label",{className:"k-label",id:"cw-legend-toggle-label",children:"Show Legend"}),(0,ee.jsx)(Aa,{"aria-labelledby":"cw-legend-toggle-label",onLabel:"On",offLabel:"Off",checked:!0})]})}),(0,ee.jsx)(Ee,{colSpan:"2",label:"Font",editorId:"cw-legend-font",editor:(0,ee.jsx)(yo,{id:"cw-legend-font",placeholder:"(Inherited font)",fillMode:"outline"})}),(0,ee.jsx)(Ee,{label:"Size",editorId:"cw-legend-size",editor:(0,ee.jsx)(yo,{id:"cw-legend-size",placeholder:"px",fillMode:"outline"})}),(0,ee.jsx)(Ee,{label:"Color",editorId:"cw-legend-color",editor:(0,ee.jsx)(Ua,{id:"cw-legend-color","aria-labelledby":"cw-legend-color-label",fillMode:"outline"})}),(0,ee.jsx)(Ee,{colSpan:"2",label:"Position",editorId:"cw-legend-position",editor:(0,ee.jsx)(de,{id:"cw-legend-position","aria-labelledby":"cw-legend-position-label",value:"Top",fillMode:"outline"})})]})}),(0,ee.jsx)(Ga,{expanded:!0,title:"Category axis",children:(0,ee.jsxs)(Qo,{children:[(0,ee.jsxs)(or,{legend:"Title",layout:"grid",cols:2,gutters:{cols:"16px"},children:[(0,ee.jsx)(Ee,{colSpan:"2",label:"Axis title",editorId:"cw-cat-axis-title",editor:(0,ee.jsx)(we,{id:"cw-cat-axis-title",placeholder:"Axis Title",fillMode:"outline"})}),(0,ee.jsx)(Ee,{colSpan:"2",label:"Font",editorId:"cw-cat-title-font",editor:(0,ee.jsx)(yo,{id:"cw-cat-title-font",placeholder:"(Inherited font)",fillMode:"outline"})}),(0,ee.jsx)(Ee,{label:"Size",editorId:"cw-cat-title-size",editor:(0,ee.jsx)(yo,{id:"cw-cat-title-size",placeholder:"px",fillMode:"outline"})}),(0,ee.jsx)(Ee,{label:"Color",editorId:"cw-cat-title-color",editor:(0,ee.jsx)(Ua,{id:"cw-cat-title-color","aria-labelledby":"cw-cat-title-color-label",fillMode:"outline"})})]}),(0,ee.jsxs)(or,{legend:"Labels",layout:"grid",cols:2,gutters:{cols:"16px"},children:[(0,ee.jsx)(Ee,{colSpan:"2",label:"Font",editorId:"cw-cat-label-font",editor:(0,ee.jsx)(yo,{id:"cw-cat-label-font",placeholder:"(Inherited font)",fillMode:"outline"})}),(0,ee.jsx)(Ee,{label:"Size",editorId:"cw-cat-label-size",editor:(0,ee.jsx)(yo,{id:"cw-cat-label-size",placeholder:"px",fillMode:"outline"})}),(0,ee.jsx)(Ee,{label:"Color",editorId:"cw-cat-label-color",editor:(0,ee.jsx)(Ua,{id:"cw-cat-label-color","aria-labelledby":"cw-cat-label-color-label",fillMode:"outline"})}),(0,ee.jsx)(Ee,{label:"Rotation",editorId:"cw-cat-label-rotation",editor:(0,ee.jsx)(de,{id:"cw-cat-label-rotation","aria-labelledby":"cw-cat-label-rotation-label",value:"0\xB0",fillMode:"outline"})}),(0,ee.jsx)("span",{}),(0,ee.jsx)(Ee,{colSpan:"2",editor:(0,ee.jsxs)(ee.Fragment,{children:[(0,ee.jsx)(Do,{id:"cw-cat-reverse"}),(0,ee.jsx)("label",{className:"k-checkbox-label",htmlFor:"cw-cat-reverse",children:"Reverse order"})]})})]})]})}),(0,ee.jsx)(Ga,{expanded:!0,title:"Value axis",children:(0,ee.jsxs)(Qo,{children:[(0,ee.jsxs)(or,{legend:"Title",layout:"grid",cols:2,gutters:{cols:"16px"},children:[(0,ee.jsx)(Ee,{colSpan:"2",label:"Axis title",editorId:"cw-val-axis-title",editor:(0,ee.jsx)(we,{id:"cw-val-axis-title",placeholder:"Axis Title",fillMode:"outline"})}),(0,ee.jsx)(Ee,{colSpan:"2",label:"Font",editorId:"cw-val-title-font",editor:(0,ee.jsx)(yo,{id:"cw-val-title-font",placeholder:"(Inherited font)",fillMode:"outline"})}),(0,ee.jsx)(Ee,{label:"Size",editorId:"cw-val-title-size",editor:(0,ee.jsx)(yo,{id:"cw-val-title-size",placeholder:"px",fillMode:"outline"})}),(0,ee.jsx)(Ee,{label:"Color",editorId:"cw-val-title-color",editor:(0,ee.jsx)(Ua,{id:"cw-val-title-color","aria-labelledby":"cw-val-title-color-label",fillMode:"outline"})})]}),(0,ee.jsxs)(or,{legend:"Labels",layout:"grid",cols:2,gutters:{cols:"16px"},children:[(0,ee.jsx)(Ee,{colSpan:"2",label:"Label Format",editorId:"cw-val-label-format",editor:(0,ee.jsx)(de,{id:"cw-val-label-format","aria-labelledby":"cw-val-label-format-label",value:"Number",fillMode:"outline"})}),(0,ee.jsx)(Ee,{colSpan:"2",label:"Font",editorId:"cw-val-label-font",editor:(0,ee.jsx)(yo,{id:"cw-val-label-font",placeholder:"(Inherited font)",fillMode:"outline"})}),(0,ee.jsx)(Ee,{label:"Size",editorId:"cw-val-label-size",editor:(0,ee.jsx)(yo,{id:"cw-val-label-size",placeholder:"px",fillMode:"outline"})}),(0,ee.jsx)(Ee,{label:"Color",editorId:"cw-val-label-color",editor:(0,ee.jsx)(Ua,{id:"cw-val-label-color","aria-labelledby":"cw-val-label-color-label",fillMode:"outline"})}),(0,ee.jsx)(Ee,{label:"Rotation",editorId:"cw-val-label-rotation",editor:(0,ee.jsx)(de,{id:"cw-val-label-rotation","aria-labelledby":"cw-val-label-rotation-label",value:"0\xB0",fillMode:"outline"})})]})]})})]})})},"pane-2")]})}),...e});var zB="appbar",tz=zB;var oz=require("react/jsx-runtime"),xS="k-appbar",Jie=[],jie={themeColor:[W.undefined,W.base,W.primary,W.secondary,W.tertiary,W.inverse]},qie={},Oi=e=>{let{themeColor:t,positionMode:o,position:r,...i}=e;return(0,oz.jsx)("div",{...i,className:l(e.className,xS,$(xS,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${r}`]:r}),children:e.children})};Oi.states=Jie;Oi.options=jie;Oi.className=xS;Oi.defaultOptions=qie;Oi.moduleName=zB;Oi.folderName=tz;Oi.ariaSpec={selector:".k-appbar",rules:[]};var az=require("react/jsx-runtime"),_ie="k-appbar-section",En=e=>{let{...t}=e;return(0,az.jsx)("div",{...t,className:l(_ie,e.className),children:e.children})};var yl=require("react/jsx-runtime"),$ie=e=>(0,yl.jsx)(Oi,{children:(0,yl.jsxs)(yl.Fragment,{children:[(0,yl.jsx)(En,{children:(0,yl.jsx)(f,{icon:"menu"})}),(0,yl.jsx)("span",{className:"k-spacer k-spacer-sized"}),(0,yl.jsx)(En,{children:(0,yl.jsx)("h1",{className:"title",children:"Page Title"})}),(0,yl.jsx)(En,{children:(0,yl.jsxs)("ul",{children:[(0,yl.jsx)("li",{children:"Menu Item"}),(0,yl.jsx)("li",{children:"Menu Item"}),(0,yl.jsx)("li",{children:"Menu Item"})]})}),(0,yl.jsx)("span",{className:"k-spacer"}),(0,yl.jsxs)(En,{children:[(0,yl.jsx)(f,{icon:"bell"}),(0,yl.jsx)("span",{className:"k-appbar-separator"}),(0,yl.jsx)(f,{icon:"user"})]})]}),...e});var ja=require("react/jsx-runtime"),WB={...Oi.options,positionMode:["static","sticky","fixed"]},ese=Oi.states,rz={...Oi.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};WB.themeColor=["primary",...WB.themeColor.filter(e=>e!=="primary")];var tse=[{name:"top",title:"Top"},{name:"bottom",title:"Bottom"}],gk=e=>{let{variant:t,...o}={...rz,...e},r=(0,ja.jsxs)(Oi,{position:t,...o,children:[(0,ja.jsx)(En,{children:(0,ja.jsx)(ot,{fillMode:"flat",icon:"menu"})}),(0,ja.jsx)("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),(0,ja.jsx)(En,{children:(0,ja.jsx)("h3",{className:"k-m-0",children:"AppBar"})}),(0,ja.jsx)("span",{className:"k-spacer"}),(0,ja.jsxs)(En,{children:[(0,ja.jsx)(ml,{fillMode:"flat",children:"Button"}),(0,ja.jsx)(ml,{fillMode:"flat",children:"Button"}),(0,ja.jsx)(ml,{fillMode:"flat",children:"Button"})]}),(0,ja.jsx)("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),(0,ja.jsx)(En,{children:(0,ja.jsx)(yh,{value:"Input value"})}),(0,ja.jsxs)(En,{children:[(0,ja.jsx)(ot,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),(0,ja.jsx)("span",{className:"k-appbar-separator"}),(0,ja.jsx)(CN,{className:"k-mx-sm",children:(0,ja.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})]})]}),i=(0,ja.jsxs)("div",{style:{padding:"25px 10px"},children:[(0,ja.jsx)("p",{children:"Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit, harum magnam? Possimus magnam non natus error consectetur voluptatum, unde quasi rerum ad facere, hic in! Qui ducimus ab sed consequuntur excepturi fugiat! Facilis fuga asperiores pariatur sed. Eligendi aliquid vel nemo, ipsum tempora minima consequatur culpa molestias maiores nihil eveniet accusantium porro. Inventore saepe ut ad in a. Quo itaque est expedita quidem consectetur enim quam minima, quisquam harum velit, earum adipisci provident, officia eveniet voluptas vero accusamus ad ducimus laudantium!"}),(0,ja.jsx)("p",{children:"Consequatur incidunt sequi explicabo adipisci saepe, accusamus, numquam fuga quam ex, provident possimus ratione blanditiis ducimus quos nulla repellat error pariatur nemo nobis illo! Saepe deleniti dolore cumque, sequi similique eligendi consectetur corrupti iste reprehenderit adipisci enim laudantium inventore totam quos non impedit quibusdam et consequuntur blanditiis accusamus! Rerum, nostrum. Rerum, tempore earum officia alias suscipit ut minima recusandae dolorem reprehenderit ea?"}),(0,ja.jsx)("p",{children:"Aliquam pariatur ut expedita, repellat architecto aut, consequatur iure recusandae tempora odit consequuntur, nihil nostrum totam accusantium at. Dignissimos repellendus culpa nesciunt. Officia repudiandae, laudantium error iure in minus ratione reprehenderit dolorum alias quo voluptatibus doloremque aliquid exercitationem quidem odit earum natus autem eaque tempore nulla esse sapiente? Dolore aliquid aliquam modi velit quaerat!"}),(0,ja.jsx)("p",{children:"Sunt consequuntur, aliquam eius beatae ex odit quasi iusto, accusamus architecto corrupti reprehenderit dolores itaque aliquid veniam odio eaque vel doloremque? Corporis, tenetur delectus deleniti voluptatum autem necessitatibus esse nisi ad, optio cumque quas dignissimos reprehenderit. Optio dolores quam corporis ea, reiciendis eos sit. Voluptate vel esse necessitatibus eum, sunt fuga, quaerat, eos natus quod repellendus nulla voluptatem ut quo quas ipsa animi incidunt autem saepe perferendis. Sequi ratione in iste, quibusdam, neque facilis accusantium, eum rem error sunt a explicabo commodi impedit quam."})]});return t==="bottom"?(0,ja.jsxs)("div",{style:{height:"250px",overflow:"auto"},children:[i,r]}):(0,ja.jsxs)("div",{style:{height:"250px",overflow:"auto"},children:[r,i]})};gk.options=WB;gk.states=ese;gk.variants=tse;gk.defaultOptions=rz;gk.modifiers=[];gk.className=Oi.className;var VB="bottom-navigation",lz=VB;var iz=require("react/jsx-runtime"),Ky="k-bottom-nav",ose=[m.disabled],ase={fillMode:[L.undefined,L.solid,L.flat],themeColor:[W.undefined,W.base,W.primary,W.secondary,W.tertiary,W.inverse]},QB={flow:"horizontal",border:!1},Al=e=>{let{disabled:t,fillMode:o,themeColor:r,flow:i=QB.flow,border:c=QB.border,positionMode:u,dir:h}=e;return(0,iz.jsx)("nav",{className:l(e.className,Ky,$(Ky,{fillMode:o,themeColor:r}),{[`k-bottom-nav-item-flow-${i}`]:i,"k-bottom-nav-border":c,[`k-pos-${u}`]:u},D(Ky,{disabled:t})),dir:h,"aria-label":"Bottom navigation",children:e.children})};Al.states=ose;Al.options=ase;Al.className=Ky;Al.defaultOptions=QB;Al.moduleName=VB;Al.folderName=lz;Al.ariaSpec={selector:".k-bottom-nav",rules:[{selector:".k-bottom-nav",attribute:"role=navigation or nodeName=nav",usage:"The landmark role navigation must be assigned to the bottom navigation."},{selector:".k-bottom-nav-item",attribute:"role=link or nodeName=a",usage:"Associate the link purpose of the bottom navigation items."},{selector:".k-bottom-nav-item.k-selected",attribute:"aria-current=true",usage:"Indicates the selected navigation item."}]};var kk=require("react/jsx-runtime"),XB="k-bottom-nav-item",rse=[m.focus,m.selected,m.disabled],lse={},ise={},Ea=e=>{let{focus:t,selected:o,disabled:r,icon:i,text:c,link:u}=e;return(0,kk.jsxs)("span",{className:l(XB,D(XB,{focus:t,selected:o,disabled:r})),role:"link",...o&&{"aria-current":"true"},...!c&&!u&&i&&{"aria-label":i},children:[i&&(0,kk.jsx)(f,{className:"k-bottom-nav-item-icon",icon:i,size:"xlarge"}),c&&(0,kk.jsx)("span",{className:"k-bottom-nav-item-text",children:c}),u&&(0,kk.jsx)("div",{className:"k-bottom-nav-link",children:(0,kk.jsx)("span",{children:u})})]})};Ea.states=rse;Ea.options=lse;Ea.className=XB;Ea.defaultOptions=ise;var pb=require("react/jsx-runtime"),vS=e=>(0,pb.jsx)(Al,{children:(0,pb.jsxs)(pb.Fragment,{children:[(0,pb.jsx)(Ea,{icon:"envelope",text:"BottomNavItem"}),(0,pb.jsx)(Ea,{icon:"envelope",text:"BottomNavItem"}),(0,pb.jsx)(Ea,{icon:"envelope",text:"BottomNavItem"})]}),...e});var mb=require("react/jsx-runtime"),sse=e=>(0,mb.jsx)(Al,{children:(0,mb.jsxs)(mb.Fragment,{children:[(0,mb.jsx)(Ea,{icon:"envelope"}),(0,mb.jsx)(Ea,{icon:"envelope"}),(0,mb.jsx)(Ea,{icon:"envelope"})]}),...e});var ub=require("react/jsx-runtime"),nse=e=>(0,ub.jsx)(Al,{children:(0,ub.jsxs)(ub.Fragment,{children:[(0,ub.jsx)(Ea,{link:"LinkItem"}),(0,ub.jsx)(Ea,{link:"LinkItem"}),(0,ub.jsx)(Ea,{link:"LinkItem"})]}),...e});var bb=require("react/jsx-runtime"),dse=e=>(0,bb.jsx)(Al,{children:(0,bb.jsxs)(bb.Fragment,{children:[(0,bb.jsx)(Ea,{icon:"envelope",text:"Inbox"}),(0,bb.jsx)(Ea,{icon:"calendar",text:"Calendar",selected:!0}),(0,bb.jsx)(Ea,{icon:"gear",text:"Settings"})]}),...e});var Hc=require("react/jsx-runtime"),cse=Al.options,pse=Al.states,mse={...Al.defaultOptions,variant:"vertical"},use=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],bse=[],xk=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,Hc.jsxs)(vS,{border:!0,flow:"horizontal",...o,children:[(0,Hc.jsx)(Ea,{icon:"envelope",text:"Label"}),(0,Hc.jsx)(Ea,{icon:"chart-pie",text:"Label",selected:!0}),(0,Hc.jsx)(Ea,{icon:"gear",text:"Label"}),(0,Hc.jsx)(Ea,{icon:"more-horizontal",text:"Label"})]}):(0,Hc.jsxs)(vS,{border:!0,flow:"vertical",...o,children:[(0,Hc.jsx)(Ea,{icon:"envelope",text:"Label"}),(0,Hc.jsx)(Ea,{icon:"chart-pie",text:"Label",selected:!0}),(0,Hc.jsx)(Ea,{icon:"gear",text:"Label"}),(0,Hc.jsx)(Ea,{icon:"more-vertical",text:"Label"})]})};xk.options=cse;xk.states=pse;xk.variants=use;xk.defaultOptions=mse;xk.modifiers=bse;xk.className=Al.className;var ZB="breadcrumb",sz=ZB;var dz=require("react/jsx-runtime"),Yy="k-breadcrumb",fse=[m.focus],hse={size:[g.undefined,g.small,g.medium,g.large]},nz={collapsing:"auto"},Ir=e=>{let{size:t,collapsing:o=nz.collapsing,focus:r,...i}=e;return(0,dz.jsx)("nav",{...i,className:l(e.className,Yy,D(Yy,{focus:r}),$(Yy,{size:t}),{"k-breadcrumb-wrap":o==="wrap"}),"aria-label":"Breadcrumb",children:e.children})};Ir.states=fse;Ir.options=hse;Ir.className=Yy;Ir.defaultOptions=nz;Ir.moduleName=ZB;Ir.folderName=sz;Ir.ariaSpec={selector:".k-breadcrumb",rules:[{selector:".k-breadcrumb",attribute:"aria-label=Breadcrumb",usage:"Indicates the type of navigation provided by the nav element."},{selector:".k-breadcrumb-item .k-breadcrumb-link,.k-breadcrumb-item .k-breadcrumb-root-link",attribute:"role=link or nodeName=a",usage:'The breadcrumb item should render an <a> element or have role="link".'},{selector:".k-breadcrumb-last-item .k-breadcrumb-link,.k-breadcrumb-last-item .k-breadcrumb-root-link",attribute:"aria-current=page",usage:"The last breadcrumb item points to the active page."},{selector:".k-breadcrumb-last-item .k-breadcrumb-link",attribute:"aria-disabled=true",usage:"The last breadcrumb item is disabled."},{selector:".k-breadcrumb-delimiter-icon",attribute:"aria-hidden=true",usage:"Delimiter icon should not be accessed through assistive technology."}]};var pz=require("react/jsx-runtime"),cz="k-breadcrumb-root-item-container",UB=e=>{let{...t}=e;return(0,pz.jsx)("ol",{...t,className:l(e.className,cz),children:e.children})};var uz=require("react/jsx-runtime"),mz="k-breadcrumb-input-container",gse=e=>{let{...t}=e;return(0,uz.jsx)("div",{...t,className:l(e.className,mz),children:e.children})};var fz=require("react/jsx-runtime"),bz="k-breadcrumb-container",kse={collapsing:"auto"},fi=e=>{let{collapsing:t=kse.collapsing,...o}=e;return(0,fz.jsx)("ol",{...o,className:l(e.className,bz,{"!k-flex-wrap":t==="wrap","k-flex-none":t==="none"}),children:e.children})};var gz=require("react/jsx-runtime"),hz="k-breadcrumb-item",Lo=e=>{let{root:t,last:o,...r}=e;return(0,gz.jsx)("li",{...r,className:l(e.className,hz,{"k-breadcrumb-root-item":t,"k-breadcrumb-last-item":o}),children:e.children})};var xz=require("react/jsx-runtime"),kz="",xse=[m.hover,m.focus,m.disabled],Co=e=>{let{root:t,icon:o,icontext:r,hover:i,focus:c,disabled:u,last:h,...x}=e;return(0,xz.jsx)("a",{href:"#",...x,className:l(e.className,D(kz,{hover:i,focus:c,disabled:u}),{"k-breadcrumb-link":!t,"k-breadcrumb-root-link":t,"k-breadcrumb-icon-link":o,"k-breadcrumb-icontext-link":r}),...h&&{"aria-current":"page"},...h&&{"aria-disabled":"true"},children:e.children})};Co.states=xse;var Tz=require("react/jsx-runtime"),vz="k-breadcrumb-item-text",rr=e=>{let{text:t,...o}=e,r=t||e.children;return(0,Tz.jsx)("span",{...o,className:l(e.className,vz),children:r})};var Or=require("react/jsx-runtime"),vse=({dir:e,...t})=>(0,Or.jsx)(Ir,{collapsing:"auto",children:(0,Or.jsx)(Or.Fragment,{children:(0,Or.jsxs)(fi,{collapsing:"auto",children:[(0,Or.jsxs)(Lo,{root:!0,children:[(0,Or.jsxs)(Co,{root:!0,icontext:!0,children:[(0,Or.jsx)(f,{icon:"home"}),(0,Or.jsx)(rr,{text:"Home"})]}),(0,Or.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:`chevron-${e==="rtl"?"left":"right"}`,size:"xsmall"})]}),(0,Or.jsxs)(Lo,{children:[(0,Or.jsx)(Co,{children:(0,Or.jsx)(rr,{text:"First item"})}),(0,Or.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:`chevron-${e==="rtl"?"left":"right"}`,size:"xsmall"})]}),(0,Or.jsxs)(Lo,{children:[(0,Or.jsx)(Co,{children:(0,Or.jsx)(rr,{text:"Second item"})}),(0,Or.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:`chevron-${e==="rtl"?"left":"right"}`,size:"xsmall"})]}),(0,Or.jsx)(Lo,{last:!0,children:(0,Or.jsx)(Co,{last:!0,children:(0,Or.jsx)(rr,{text:"Third item"})})})]})}),...t});var Kr=require("react/jsx-runtime"),Tse=({dir:e,...t})=>(0,Kr.jsx)(Ir,{collapsing:"none",children:(0,Kr.jsx)(Kr.Fragment,{children:(0,Kr.jsxs)(fi,{collapsing:"none",children:[(0,Kr.jsxs)(Lo,{root:!0,children:[(0,Kr.jsxs)(Co,{root:!0,icontext:!0,children:[(0,Kr.jsx)(f,{icon:"home"}),(0,Kr.jsx)(rr,{text:"Home"})]}),(0,Kr.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:`chevron-${e==="rtl"?"left":"right"}`,size:"xsmall"})]}),(0,Kr.jsxs)(Lo,{children:[(0,Kr.jsx)(Co,{children:(0,Kr.jsx)(rr,{text:"First item"})}),(0,Kr.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:`chevron-${e==="rtl"?"left":"right"}`,size:"xsmall"})]}),(0,Kr.jsxs)(Lo,{children:[(0,Kr.jsx)(Co,{children:(0,Kr.jsx)(rr,{text:"Second item"})}),(0,Kr.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:`chevron-${e==="rtl"?"left":"right"}`,size:"xsmall"})]}),(0,Kr.jsx)(Lo,{last:!0,children:(0,Kr.jsx)(Co,{last:!0,children:(0,Kr.jsx)(rr,{text:"Third item"})})})]})}),...t});var ba=require("react/jsx-runtime"),wse=({dir:e,...t})=>(0,ba.jsx)(Ir,{collapsing:"wrap",children:(0,ba.jsxs)(ba.Fragment,{children:[(0,ba.jsx)(UB,{children:(0,ba.jsx)(Lo,{root:!0,children:(0,ba.jsxs)(Co,{root:!0,icontext:!0,children:[(0,ba.jsx)(f,{icon:"home"}),(0,ba.jsx)(rr,{text:"Home"})]})})}),(0,ba.jsxs)(fi,{collapsing:"wrap",children:[(0,ba.jsxs)(Lo,{children:[(0,ba.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:`chevron-${e==="rtl"?"left":"right"}`,size:"xsmall"}),(0,ba.jsx)(Co,{children:(0,ba.jsx)(rr,{text:"First Item"})})]}),(0,ba.jsxs)(Lo,{children:[(0,ba.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:`chevron-${e==="rtl"?"left":"right"}`,size:"xsmall"}),(0,ba.jsx)(Co,{children:(0,ba.jsx)(rr,{text:"Second Item"})})]}),(0,ba.jsxs)(Lo,{children:[(0,ba.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:`chevron-${e==="rtl"?"left":"right"}`,size:"xsmall"}),(0,ba.jsx)(Co,{children:(0,ba.jsx)(rr,{text:"Third Item"})})]}),(0,ba.jsxs)(Lo,{children:[(0,ba.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:`chevron-${e==="rtl"?"left":"right"}`,size:"xsmall"}),(0,ba.jsx)(Co,{children:(0,ba.jsx)(rr,{text:"Fourth Item"})})]}),(0,ba.jsxs)(Lo,{last:!0,children:[(0,ba.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:`chevron-${e==="rtl"?"left":"right"}`,size:"xsmall"}),(0,ba.jsx)(Co,{last:!0,children:(0,ba.jsx)(rr,{text:"Fifth Item"})})]})]})]}),...t});var vt=require("react/jsx-runtime"),Nse=Ir.options,yse=Ir.states,Ase={...Ir.defaultOptions,variant:"text"},Cse=[{name:"text",title:"Text"},{name:"icon",title:"Icon"},{name:"icon-and-text",title:"Icon & Text"}],Sse=[],vk=e=>{let{variant:t,...o}=e;switch(t){case"icon":return(0,vt.jsx)(Ir,{...o,children:(0,vt.jsxs)(fi,{children:[(0,vt.jsxs)(Lo,{root:!0,children:[(0,vt.jsx)(Co,{root:!0,icon:!0,onClick:r=>r.preventDefault(),children:(0,vt.jsx)(f,{icon:"cart"})}),(0,vt.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,vt.jsxs)(Lo,{children:[(0,vt.jsx)(Co,{icon:!0,onClick:r=>r.preventDefault(),children:(0,vt.jsx)(f,{icon:"js"})}),(0,vt.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,vt.jsxs)(Lo,{children:[(0,vt.jsx)(Co,{icon:!0,onClick:r=>r.preventDefault(),children:(0,vt.jsx)(f,{icon:"truck"})}),(0,vt.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,vt.jsx)(Lo,{last:!0,children:(0,vt.jsx)(Co,{icon:!0,onClick:r=>r.preventDefault(),children:(0,vt.jsx)(f,{icon:"wallet-outline"})})})]})});case"icon-and-text":return(0,vt.jsx)(Ir,{...o,children:(0,vt.jsxs)(fi,{children:[(0,vt.jsxs)(Lo,{root:!0,children:[(0,vt.jsxs)(Co,{root:!0,icontext:!0,onClick:r=>r.preventDefault(),children:[(0,vt.jsx)(f,{icon:"cart"}),(0,vt.jsx)(rr,{text:"Cart"})]}),(0,vt.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,vt.jsxs)(Lo,{children:[(0,vt.jsxs)(Co,{icontext:!0,onClick:r=>r.preventDefault(),children:[(0,vt.jsx)(f,{icon:"js"}),(0,vt.jsx)(rr,{text:"Billing"})]}),(0,vt.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,vt.jsxs)(Lo,{children:[(0,vt.jsxs)(Co,{icontext:!0,onClick:r=>r.preventDefault(),children:[(0,vt.jsx)(f,{icon:"truck"}),(0,vt.jsx)(rr,{text:"Shipping"})]}),(0,vt.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,vt.jsx)(Lo,{last:!0,children:(0,vt.jsxs)(Co,{icontext:!0,onClick:r=>r.preventDefault(),children:[(0,vt.jsx)(f,{icon:"wallet-outline"}),(0,vt.jsx)(rr,{text:"Payment"})]})})]})});default:return(0,vt.jsx)(Ir,{...o,children:(0,vt.jsxs)(fi,{children:[(0,vt.jsxs)(Lo,{root:!0,children:[(0,vt.jsx)(Co,{root:!0,onClick:r=>r.preventDefault(),children:(0,vt.jsx)(rr,{text:"Cart"})}),(0,vt.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,vt.jsxs)(Lo,{children:[(0,vt.jsx)(Co,{onClick:r=>r.preventDefault(),children:(0,vt.jsx)(rr,{text:"Billing"})}),(0,vt.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,vt.jsxs)(Lo,{children:[(0,vt.jsx)(Co,{onClick:r=>r.preventDefault(),children:(0,vt.jsx)(rr,{text:"Shipping"})}),(0,vt.jsx)(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),(0,vt.jsx)(Lo,{last:!0,children:(0,vt.jsx)(Co,{onClick:r=>r.preventDefault(),children:(0,vt.jsx)(rr,{text:"Payment"})})})]})})}};vk.options=Nse;vk.states=yse;vk.variants=Cse;vk.defaultOptions=Ase;vk.modifiers=Sse;vk.className=Ir.className;var JB="stepper",wz=JB;var yz=require("react/jsx-runtime"),Nz="k-stepper",Ese=[],Lse={},Ise={},va=e=>{let{style:t,...o}=e;return(0,yz.jsx)("nav",{...o,style:t,className:l(e.className,Nz),"aria-label":"Stepper",children:e.children})};va.options=Lse;va.states=Ese;va.className=Nz;va.defaultOptions=Ise;va.moduleName=JB;va.folderName=wz;va.ariaSpec={selector:".k-stepper",rules:[{selector:".k-stepper",attribute:"role=navigation or nodeName=nav",usage:"The landmark role navigation must be assigned to the component."},{selector:".k-step.k-disabled>.k-step-link",attribute:"aria-disabled=true",usage:"A disabled (inactive) link."},{selector:".k-step-current>.k-step-link",attribute:"aria-current=step",usage:"The currently selected link."},{selector:".k-step.k-focus .k-step-link",attribute:"tabindex=0",usage:"Focused step link is in the tab order."},{selector:".k-step:not(.k-focus) .k-step-link",attribute:"tabindex=-1",usage:"Non-focused step links are removed from tab order."}]};var Cz=require("react/jsx-runtime"),jB="k-step-list",Mse=[],Bse={},Az={orientation:"horizontal"},Mr=e=>{let{style:t,orientation:o=Az.orientation,wizardContext:r,...i}=e;return(0,Cz.jsx)("ol",{...i,style:t,className:l(e.className,jB,{[`${jB}-${o}`]:o}),...r&&{role:"tablist"},children:e.children})};Mr.options=Bse;Mr.states=Mse;Mr.className=jB;Mr.defaultOptions=Az;var Ln=require("react/jsx-runtime"),Qm="k-step",Pse=[m.disabled,m.hover,m.focus,m.invalid,m.valid],Dse={},Rse={},$t=e=>{let{style:t,disabled:o,hover:r,focus:i,invalid:c,valid:u,optional:h,first:x,done:v,current:T,last:C,label:N,text:R,icon:H,stepContent:V,wizardContext:_,ariaControls:q,...me}=e,Qe=c?"warning-circle":"check-circle",je=!!(u||c),qt=N||(R?`Step ${R}`:H?"Step":void 0);return(0,Ln.jsxs)("li",{...me,style:t,className:l(e.className,Qm,{[`${Qm}-done`]:v,[`${Qm}-first`]:x,[`${Qm}-current`]:T,[`${Qm}-last`]:C,[`${Qm}-optional`]:h,[`${Qm}-success`]:u,[`${Qm}-error`]:c},D(Qm,{hover:r,focus:i,disabled:o})),..._&&{role:"none"},children:[(0,Ln.jsxs)("a",{href:"#",className:"k-step-link",..._&&{role:"tab"},...q&&{"aria-controls":q},...T&&{"aria-current":_?"true":"step"},...T&&_&&{"aria-selected":"true"},...o&&{"aria-disabled":"true"},tabIndex:i||T?0:-1,"aria-label":qt,children:[R&&!H&&(0,Ln.jsx)("span",{className:"k-step-indicator",children:(0,Ln.jsx)("span",{className:"k-step-indicator-text",children:R})}),H&&(0,Ln.jsx)("span",{className:"k-step-indicator",children:(0,Ln.jsx)(f,{className:"k-step-indicator-icon",icon:H})}),h&&!N&&(0,Ln.jsx)("span",{className:"k-step-label",children:(0,Ln.jsx)("span",{className:"k-step-label-optional",children:"(Optional)"})}),N&&(0,Ln.jsxs)("span",{className:"k-step-label",children:[(0,Ln.jsx)("span",{className:"k-step-text",children:N}),je&&(0,Ln.jsx)(f,{icon:Qe}),h&&(0,Ln.jsx)("span",{className:"k-step-label-optional",children:"(Optional)"})]})]}),V&&(0,Ln.jsx)("div",{className:"k-step-content",style:{height:"140px"},children:V})]})};$t.options=Dse;$t.states=Pse;$t.className=Qm;$t.defaultOptions=Rse;var Dp=require("react/jsx-runtime"),Ose=({gridTemplateColumns:e="repeat(6, 1fr)",...t})=>(0,Dp.jsx)(va,{style:{display:"grid",gridTemplateColumns:e},children:(0,Dp.jsxs)(Dp.Fragment,{children:[(0,Dp.jsxs)(Mr,{style:{gridColumnStart:"1",gridColumnEnd:"-1"},children:[(0,Dp.jsx)($t,{first:!0,done:!0,icon:"check",style:{maxWidth:"33.333%"}}),(0,Dp.jsx)($t,{current:!0,focus:!0,text:"2",style:{maxWidth:"33.333%"}}),(0,Dp.jsx)($t,{last:!0,optional:!0,text:"3",style:{maxWidth:"33.333%"}})]}),(0,Dp.jsx)(gr,{label:!1,value:"50"})]}),...t});var Rp=require("react/jsx-runtime"),Kse=({gridTemplateRows:e="repeat(3, 1fr)",...t})=>(0,Rp.jsx)(va,{style:{display:"grid",gridTemplateRows:e},children:(0,Rp.jsxs)(Rp.Fragment,{children:[(0,Rp.jsxs)(Mr,{orientation:"vertical",style:{gridRowStart:"1",gridRowEnd:"-1"},children:[(0,Rp.jsx)($t,{first:!0,done:!0,icon:"check",style:{maxHeight:"33.333%"}}),(0,Rp.jsx)($t,{current:!0,focus:!0,text:"2",style:{maxHeight:"33.333%"}}),(0,Rp.jsx)($t,{last:!0,optional:!0,text:"3",style:{maxHeight:"33.333%"}})]}),(0,Rp.jsx)(gr,{orientation:"vertical",reverse:!0,label:!1,value:"50"})]}),...t});var Op=require("react/jsx-runtime"),Yse=({gridTemplateColumns:e="repeat(6, 1fr)",...t})=>(0,Op.jsx)(va,{style:{display:"grid",gridTemplateColumns:e},children:(0,Op.jsxs)(Op.Fragment,{children:[(0,Op.jsxs)(Mr,{style:{gridColumnStart:"1",gridColumnEnd:"-1"},children:[(0,Op.jsx)($t,{first:!0,done:!0,icon:"check",style:{maxWidth:"33.333%"}}),(0,Op.jsx)($t,{current:!0,focus:!0,text:"2",style:{maxWidth:"33.333%"}}),(0,Op.jsx)($t,{last:!0,disabled:!0,text:"3",style:{maxWidth:"33.333%"}})]}),(0,Op.jsx)(gr,{label:!1,value:"50"})]}),...t});var wd=require("react/jsx-runtime"),Gse=va.options,Hse=va.states,Sz={...va.defaultOptions,variant:"horizontal"},Fse=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],zse=[{name:"label",title:"Label"},{name:"optional",title:"Optional"}],Tk=e=>{let{variant:t,modifiers:o,...r}={...Sz,...e},i={};return Object.keys(o||{}).forEach(c=>{switch(c){case"label":{i.label=o!=null&&o[c]?"Label":void 0;break}case"optional":{i.optional=!!(o!=null&&o[c]);break}}}),t==="vertical"?(0,wd.jsxs)(va,{style:{display:"grid",gridTemplateRows:"repeat(3, 1fr)"},...r,children:[(0,wd.jsxs)(Mr,{orientation:"vertical",style:{gridRowStart:"1",gridRowEnd:"-1"},children:[(0,wd.jsx)($t,{first:!0,done:!0,icon:"check",label:i.label,style:{maxHeight:"33.333%"}}),(0,wd.jsx)($t,{current:!0,focus:!0,text:"2",label:i.label,style:{maxHeight:"33.333%"}}),(0,wd.jsx)($t,{last:!0,optional:i.optional,text:"3",label:i.label,style:{maxHeight:"33.333%"}})]}),(0,wd.jsx)(gr,{className:"k-top-5 k-row-start-1 k-row-end-3",orientation:"vertical",reverse:!0,label:!1,value:"50"})]}):(0,wd.jsxs)(va,{style:{display:"grid",gridTemplateColumns:"repeat(6, 1fr)"},...r,children:[(0,wd.jsxs)(Mr,{style:{gridColumnStart:"1",gridColumnEnd:"-1"},children:[(0,wd.jsx)($t,{first:!0,done:!0,icon:"check",label:i.label,style:{maxWidth:"33.333%"}}),(0,wd.jsx)($t,{current:!0,focus:!0,text:"2",label:i.label,style:{maxWidth:"33.333%"}}),(0,wd.jsx)($t,{last:!0,optional:i.optional,text:"3",label:i.label,style:{maxWidth:"33.333%"}})]}),(0,wd.jsx)(gr,{className:"k-col-start-2 k-col-end-6",style:{width:"400px"},label:!1,value:"50"})]})};Tk.options=Gse;Tk.states=Hse;Tk.variants=Fse;Tk.defaultOptions=Sz;Tk.modifiers=zse;Tk.className=va.className;var qB="wizard",Ez=qB;var Lz=require("react/jsx-runtime"),WT="k-wizard",Wse=[m.disabled],Vse={},_B={orientation:"horizontal",contentPosition:"right"},hi=e=>{let{disabled:t,orientation:o=_B.orientation,contentPosition:r=_B.contentPosition,...i}=e;return(0,Lz.jsx)("div",{...i,className:l(e.className,WT,D(WT,{disabled:t}),{[`${WT}-${o}`]:o,[`${WT}-${r}`]:r&&o!=="horizontal"}),children:e.children})};hi.states=Wse;hi.options=Vse;hi.className=WT;hi.defaultOptions=_B;hi.moduleName=qB;hi.folderName=Ez;hi.ariaSpec={selector:".k-wizard",rules:[{selector:".k-step-list",attribute:"role=tablist",usage:"Indicates the role of the tablist container element."},{selector:".k-step",attribute:"role=none",usage:"The implicit semantics of the li element must be removed."},{selector:".k-step-link",attribute:"role=tab",usage:"Specifies the role for the step links."},{selector:".k-step-link",attribute:"aria-controls=.k-wizard-step id (when present)",usage:"Refers to the tabpanel element associated with the tab."},{selector:".k-step.k-disabled>.k-step-link",attribute:"aria-disabled=true",usage:"A disabled (inactive) tab."},{selector:".k-step-current .k-step-link",attribute:"aria-selected=true",usage:"Indicates the tab control is activated."},{selector:".k-step-current .k-step-link",attribute:"aria-current=true",usage:"Indicates the current active step."},{selector:".k-step-current .k-step-link",attribute:"tabindex=0",usage:"Current step is in the page tab sequence."},{selector:".k-step:not(.k-step-current) .k-step-link",attribute:"tabindex=-1",usage:"Non-current steps are removed from tab sequence."},{selector:".k-wizard-step",attribute:"role=tabpanel",usage:"Specifies the role of the element."},{selector:".k-wizard-step",attribute:"aria-label",usage:'Specifies a label for the panel (e.g., "Step 2 of 4").'},{selector:".k-wizard-step",attribute:"tabindex=0",usage:"Keeps the tabpanel in the page tab sequence."}]};var mc=require("react/jsx-runtime"),TS="k-wizard-step",Qse=[m.focus],Xse={},Zse=(0,mc.jsxs)(mc.Fragment,{children:[(0,mc.jsx)("span",{className:"k-wizard-buttons-left",children:(0,mc.jsx)("span",{className:"k-wizard-pager",children:"Step 2 of 3"})}),(0,mc.jsxs)("span",{className:"k-wizard-buttons-right",children:[(0,mc.jsx)(d,{children:"Previous"}),(0,mc.jsx)(d,{themeColor:"primary",children:"Next"})]})]}),Iz={buttons:Zse},In=e=>{let{focus:t,buttons:o=Iz.buttons,stepLabel:r,...i}=e;return(0,mc.jsxs)("div",{...i,className:l(e.className,TS,D(TS,{focus:t})),role:"tabpanel","aria-label":r||"Step",tabIndex:0,children:[(0,mc.jsx)("div",{className:"k-wizard-content",children:e.children}),o&&(0,mc.jsx)("div",{className:"k-wizard-buttons",children:o})]})};In.states=Qse;In.options=Xse;In.className=TS;In.defaultOptions=Iz;var Mz=require("react/jsx-runtime"),$B="k-wizard-steps",Use=[],Jse={},jse={},Mn=e=>(0,Mz.jsx)("div",{...e,className:l(e.className,$B),children:e.children});Mn.states=Use;Mn.options=Jse;Mn.className=$B;Mn.defaultOptions=jse;var Nd=require("react/jsx-runtime"),e1=({...e})=>(0,Nd.jsx)(hi,{id:"wizard",children:(0,Nd.jsxs)(Nd.Fragment,{children:[(0,Nd.jsxs)(va,{style:{display:"grid",gridTemplateColumns:"repeat(6, 1fr)"},children:[(0,Nd.jsxs)(Mr,{wizardContext:!0,style:{gridColumnStart:"1",gridColumnEnd:"-1"},children:[(0,Nd.jsx)($t,{first:!0,done:!0,icon:"check",style:{maxWidth:"33.333%"},wizardContext:!0}),(0,Nd.jsx)($t,{current:!0,focus:!0,text:"2",style:{maxWidth:"33.333%"},wizardContext:!0}),(0,Nd.jsx)($t,{last:!0,optional:!0,text:"3",style:{maxWidth:"33.333%"},wizardContext:!0})]}),(0,Nd.jsx)(gr,{label:!1,value:"50","aria-hidden":"true"})]}),(0,Nd.jsx)(Mn,{children:(0,Nd.jsx)(In,{stepLabel:"Step 2 of 3",children:"Short content"})})]}),...e});var yd=require("react/jsx-runtime"),wS=({...e})=>(0,yd.jsx)(hi,{id:"wizard",orientation:"vertical",children:(0,yd.jsxs)(yd.Fragment,{children:[(0,yd.jsxs)(va,{style:{display:"grid",gridTemplateRows:"repeat(3, 1fr)"},children:[(0,yd.jsxs)(Mr,{wizardContext:!0,orientation:"vertical",style:{gridRowStart:"1",gridRowEnd:"-1"},children:[(0,yd.jsx)($t,{first:!0,done:!0,icon:"check",style:{maxHeight:"33.333%"},wizardContext:!0}),(0,yd.jsx)($t,{current:!0,focus:!0,text:"2",style:{maxHeight:"33.333%"},wizardContext:!0}),(0,yd.jsx)($t,{last:!0,optional:!0,text:"3",style:{maxHeight:"33.333%"},wizardContext:!0})]}),(0,yd.jsx)(gr,{orientation:"vertical",reverse:!0,label:!1,value:"50","aria-hidden":"true"})]}),(0,yd.jsx)(Mn,{children:(0,yd.jsx)(In,{stepLabel:"Step 2 of 3",children:"Short content"})})]}),...e});var Ad=require("react/jsx-runtime"),qse=({...e})=>(0,Ad.jsx)(hi,{id:"wizard-aria",children:(0,Ad.jsxs)(Ad.Fragment,{children:[(0,Ad.jsxs)(va,{style:{display:"grid",gridTemplateColumns:"repeat(6, 1fr)"},children:[(0,Ad.jsxs)(Mr,{wizardContext:!0,style:{gridColumnStart:"1",gridColumnEnd:"-1"},children:[(0,Ad.jsx)($t,{first:!0,done:!0,icon:"check",style:{maxWidth:"33.333%"},wizardContext:!0}),(0,Ad.jsx)($t,{current:!0,focus:!0,text:"2",style:{maxWidth:"33.333%"},wizardContext:!0,ariaControls:"wizard-step-2"}),(0,Ad.jsx)($t,{last:!0,disabled:!0,text:"3",style:{maxWidth:"33.333%"},wizardContext:!0})]}),(0,Ad.jsx)(gr,{label:!1,value:"50","aria-hidden":"true"})]}),(0,Ad.jsx)(Mn,{children:(0,Ad.jsx)(In,{id:"wizard-step-2",stepLabel:"Step 2 of 3",children:"Short content"})})]}),...e});var za=require("react/jsx-runtime"),_se=hi.options,$se=hi.states,ene={...hi.defaultOptions,variant:"bottom"},tne=[{name:"bottom",title:"Content Bottom"},{name:"right",title:"Content Right"},{name:"left",title:"Content Left"}],one=[],wk=e=>{let{variant:t,...o}=e;switch(t){case"right":return(0,za.jsxs)(wS,{...o,children:[(0,za.jsxs)(va,{style:{display:"grid",gridTemplateRows:"repeat(3, 1fr)"},children:[(0,za.jsxs)(Mr,{orientation:"vertical",style:{gridRowStart:"1",gridRowEnd:"-1"},children:[(0,za.jsx)($t,{first:!0,done:!0,text:"1",label:"Step 1",style:{maxHeight:"33.333%"}}),(0,za.jsx)($t,{current:!0,focus:!0,text:"2",label:"Step 2",style:{maxHeight:"33.333%"}}),(0,za.jsx)($t,{last:!0,text:"3",label:"Step 3",style:{maxHeight:"33.333%"}})]}),(0,za.jsx)(gr,{className:"k-top-5 k-row-start-1 k-row-end-3",orientation:"vertical",reverse:!0,label:!1,value:"50"})]}),(0,za.jsx)(Mn,{children:(0,za.jsx)(In,{children:"Some quick example text to make up the bulk of the Wizard step content. Some quick example text to make up the bulk of the Wizard step content. Some quick example text to make up the bulk of the Wizard step content."})})]});case"left":return(0,za.jsxs)(wS,{contentPosition:"left",...o,children:[(0,za.jsxs)(va,{style:{display:"grid",gridTemplateRows:"repeat(3, 1fr)"},children:[(0,za.jsxs)(Mr,{orientation:"vertical",style:{gridRowStart:"1",gridRowEnd:"-1"},children:[(0,za.jsx)($t,{first:!0,done:!0,text:"1",label:"Step 1",style:{maxHeight:"33.333%"}}),(0,za.jsx)($t,{current:!0,focus:!0,text:"2",label:"Step 2",style:{maxHeight:"33.333%"}}),(0,za.jsx)($t,{last:!0,text:"3",label:"Step 3",style:{maxHeight:"33.333%"}})]}),(0,za.jsx)(gr,{className:"k-top-5 k-row-start-1 k-row-end-3",orientation:"vertical",reverse:!0,label:!1,value:"50"})]}),(0,za.jsx)(Mn,{children:(0,za.jsx)(In,{children:"Some quick example text to make up the bulk of the Wizard step content. Some quick example text to make up the bulk of the Wizard step content. Some quick example text to make up the bulk of the Wizard step content."})})]});default:return(0,za.jsxs)(e1,{...o,children:[(0,za.jsxs)(va,{style:{display:"grid",gridTemplateColumns:"repeat(6, 1fr)"},children:[(0,za.jsxs)(Mr,{style:{gridColumnStart:"1",gridColumnEnd:"-1"},children:[(0,za.jsx)($t,{first:!0,done:!0,icon:"check",label:"Step 1",style:{maxWidth:"33.333%"}}),(0,za.jsx)($t,{current:!0,focus:!0,text:"2",label:"Step 2",style:{maxWidth:"33.333%"}}),(0,za.jsx)($t,{last:!0,text:"3",label:"Step 3",style:{maxWidth:"33.333%"}})]}),(0,za.jsx)(gr,{className:"k-col-start-2 k-col-end-6",label:!1,value:"50"})]}),(0,za.jsx)(Mn,{children:(0,za.jsx)(In,{children:"Some quick example text to make up the bulk of the Wizard step content. Some quick example text to make up the bulk of the Wizard step content. Some quick example text to make up the bulk of the Wizard step content."})})]})}};wk.options=_se;wk.states=$se;wk.variants=tne;wk.defaultOptions=ene;wk.modifiers=one;wk.className=hi.className;var Pz=require("react/jsx-runtime"),Bz="k-card-callout",Gy=e=>{let{callout:t,...o}=e;return(0,Pz.jsx)("span",{...o,className:l(e.className,Bz,{[`k-callout-${Yd.calloutMap[t]||t}`]:t})})};var uc="card",Fc=uc;var Nk=require("react/jsx-runtime"),NS="k-card",ane=[m.hover,m.focus,m.selected,m.disabled],rne={},lne={},qo=e=>{let{orientation:t,callout:o,hover:r,focus:i,selected:c,disabled:u,...h}=e;return(0,Nk.jsxs)("div",{...h,className:l(e.className,NS,D(NS,{hover:r,focus:i,disabled:u,selected:c}),{[`k-card-${t}`]:t,"k-card-with-callout":o}),children:[o&&o!=="true"&&(0,Nk.jsx)(Gy,{callout:o}),(0,Nk.jsx)(Nk.Fragment,{children:e.children})]})};qo.states=ane;qo.options=rne;qo.className=NS;qo.defaultOptions=lne;qo.moduleName=uc;qo.folderName=Fc;qo.ariaSpec={selector:".k-card",rules:[{selector:".k-card-list .k-card",attribute:"role=listitem",usage:"When the card is located in a list, it should have the listitem role."},{selector:".k-card-list .k-card",attribute:"tabindex=0",usage:"The card component is focusable when navigatable."},{selector:".k-card-list .k-card",attribute:"aria-describedby=.k-card-title id",usage:"Associate the card to the title element."},{selector:".k-card-list .k-card",attribute:"aria-keyshortcuts=Enter",usage:"Announces the bound Enter key that enables navigation inside the card."}]};var Hy=require("react/jsx-runtime"),yS="k-card-list",ine=[],sne={},nne={},Xm=e=>{let{...t}=e;return(0,Hy.jsx)("div",{...t,className:l(e.className,yS,D(yS,{})),role:"list",children:(0,Hy.jsx)(Hy.Fragment,{children:e.children})})};Xm.states=ine;Xm.options=sne;Xm.className=yS;Xm.defaultOptions=nne;Xm.moduleName=uc;Xm.folderName=Fc;Xm.ariaSpec={selector:".k-card-list",rules:[{selector:".k-card-list",attribute:"role=list",usage:"The card list container announces its list role."},{selector:".k-card-list .k-card",attribute:"role=listitem",usage:"Each card in the list has the listitem role."},{selector:".k-card-list .k-card",attribute:"tabindex=0",usage:"The card is focusable when navigatable."},{selector:".k-card-list .k-card",attribute:"aria-describedby=.k-card-title id",usage:"Associate the card to its title element."},{selector:".k-card-list .k-card",attribute:"aria-keyshortcuts=Enter",usage:"Announces the Enter key for navigation inside the card."}]};var Dz=require("react/jsx-runtime"),t1="k-card-group",dne=[],cne={},pne={},yk=e=>{let{...t}=e;return(0,Dz.jsx)("div",{...t,className:l(e.className,t1),children:e.children})};yk.states=dne;yk.options=cne;yk.className=t1;yk.defaultOptions=pne;yk.moduleName=uc;yk.folderName=Fc;var Rz=require("react/jsx-runtime"),AS="k-card-wrap",mne=[m.focus,m.selected],une={},bne={},Ak=e=>{let{focus:t,selected:o,...r}=e;return(0,Rz.jsx)("div",{...r,className:l(e.className,AS,D(AS,{focus:t,selected:o})),children:e.children})};Ak.states=mne;Ak.options=une;Ak.className=AS;Ak.defaultOptions=bne;Ak.moduleName=uc;Ak.folderName=Fc;var Oz=require("react/jsx-runtime"),CS="k-card-title",fne=[m.hover,m.focus],zc=e=>{let{hover:t,focus:o,...r}=e;return(0,Oz.jsx)("div",{...r,className:l(e.className,CS,D(CS,{hover:t,focus:o})),children:e.children})};zc.states=fne;zc.className=CS;var Yz=require("react/jsx-runtime"),Kz="k-card-subtitle",Kp=e=>{let{...t}=e;return(0,Yz.jsx)("div",{...t,className:l(e.className,Kz),children:e.children})};var Pf=require("react/jsx-runtime"),o1="k-card-media",SS=e=>{let{src:t,...o}=e;return(0,Pf.jsx)(Pf.Fragment,{children:t?(0,Pf.jsx)("img",{...o,className:l(e.className,o1),src:t}):(0,Pf.jsx)("span",{...o,className:l(e.className,o1),children:(0,Pf.jsx)(Pf.Fragment,{children:e.children})})})};var Zm=require("react/jsx-runtime"),Gz="k-card-header",da=e=>{let{title:t,subtitle:o,details:r,...i}=e;return(0,Zm.jsxs)("div",{...i,className:l(e.className,Gz),children:[t&&(0,Zm.jsx)(zc,{children:t}),o&&(0,Zm.jsx)(Kp,{children:o}),(0,Zm.jsx)(Zm.Fragment,{children:e.children}),r&&(0,Zm.jsx)("span",{className:"k-card-header-actions",children:(0,Zm.jsx)(d,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};var Fz=require("react/jsx-runtime"),Hz="k-card-footer",ES=e=>{let{...t}=e;return(0,Fz.jsx)("div",{...t,className:l(e.className,Hz),children:e.children})};var Um=require("react/jsx-runtime"),zz="k-card-body",xo=e=>{let{title:t,subtitle:o,details:r,...i}=e;return(0,Um.jsxs)("div",{...i,className:l(e.className,zz),children:[t&&(0,Um.jsx)(zc,{children:t}),o&&(0,Um.jsx)(Kp,{children:o}),(0,Um.jsx)(Um.Fragment,{children:e.children}),r&&(0,Um.jsx)("span",{className:"k-card-header-actions",children:(0,Um.jsx)(d,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};var Wz=require("react/jsx-runtime"),a1="k-card-deck",hne=[],gne={},kne={},Ck=e=>{let{...t}=e;return(0,Wz.jsx)("div",{...t,className:l(e.className,a1),children:e.children})};Ck.states=hne;Ck.options=gne;Ck.className=a1;Ck.defaultOptions=kne;Ck.moduleName=uc;Ck.folderName=Fc;var Vz=require("react/jsx-runtime"),r1="k-card-deck-scrollwrap",xne=[],vne={},Tne={},Sk=e=>{let{...t}=e;return(0,Vz.jsx)("div",{...t,className:l(e.className,r1),children:e.children})};Sk.states=xne;Sk.options=vne;Sk.className=r1;Sk.defaultOptions=Tne;Sk.moduleName=uc;Sk.folderName=Fc;var Wc=require("react/jsx-runtime"),l1=e=>(0,Wc.jsx)(qo,{orientation:"vertical",children:(0,Wc.jsxs)(Wc.Fragment,{children:[(0,Wc.jsx)(da,{children:"Card Header"}),(0,Wc.jsx)(xo,{children:(0,Wc.jsx)("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),(0,Wc.jsxs)(Xe,{className:"k-card-actions",children:[(0,Wc.jsx)(d,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),(0,Wc.jsx)(d,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...e});var Yp=require("react/jsx-runtime"),i1=e=>(0,Yp.jsx)(qo,{orientation:"horizontal",children:(0,Yp.jsxs)(Yp.Fragment,{children:[(0,Yp.jsx)(xo,{title:"Card Title",children:(0,Yp.jsx)("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),(0,Yp.jsxs)(Xe,{orientation:"vertical",className:"k-card-actions",children:[(0,Yp.jsx)(d,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),(0,Yp.jsx)(d,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...e});var ys=require("react/jsx-runtime"),wne=e=>{let t=b("card-title"),o=b("card-title");return(0,ys.jsxs)(Xm,{...e,children:[(0,ys.jsxs)(qo,{orientation:"vertical",role:"listitem",tabIndex:0,"aria-describedby":t,"aria-keyshortcuts":"Enter",children:[(0,ys.jsx)("div",{className:"k-card-header",children:(0,ys.jsx)(zc,{id:t,children:"Card Title 1"})}),(0,ys.jsx)(xo,{children:(0,ys.jsx)("p",{children:"Some quick example text to build on the card title."})}),(0,ys.jsx)(Xe,{className:"k-card-actions",children:(0,ys.jsx)(d,{fillMode:"flat",themeColor:"primary",children:"Action 1"})})]}),(0,ys.jsxs)(qo,{orientation:"vertical",role:"listitem",tabIndex:0,"aria-describedby":o,"aria-keyshortcuts":"Enter",children:[(0,ys.jsx)("div",{className:"k-card-header",children:(0,ys.jsx)(zc,{id:o,children:"Card Title 2"})}),(0,ys.jsx)(xo,{children:(0,ys.jsx)("p",{children:"Another card's content."})}),(0,ys.jsx)(Xe,{className:"k-card-actions",children:(0,ys.jsx)(d,{fillMode:"flat",themeColor:"primary",children:"Action 2"})})]})]})};var sl=require("react/jsx-runtime"),Nne=qo.options,yne=qo.states,Qz={...qo.defaultOptions,variant:"vertical"},Ane=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Cne=[{name:"media",title:"Card with Media"},{name:"header",title:"Card with Header"},{name:"footer",title:"Card with Footer"}],Ek=e=>{let{variant:t,modifiers:o,...r}={...Qz,...e},i=!1,c=!1,u=!1;return Object.keys(o||{}).forEach(h=>{switch(h){case"media":{i=!!(o!=null&&o[h]);break}case"header":{c=!!(o!=null&&o[h]);break}case"footer":{u=!!(o!=null&&o[h]);break}}}),t==="horizontal"?(0,sl.jsxs)(i1,{style:{maxWidth:"420px"},...r,children:[i&&(0,sl.jsx)(SS,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),(0,sl.jsxs)("div",{children:[c&&(0,sl.jsx)(da,{title:"Header Title",subtitle:"Header Subtitle"}),(0,sl.jsx)(xo,{title:"Title",subtitle:"Subtitle",children:(0,sl.jsx)("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),u&&(0,sl.jsx)(ES,{children:"Card Footer"})]}),(c||u)&&(0,sl.jsx)("span",{className:"k-separator k-separator-vertical"}),(0,sl.jsxs)(Xe,{orientation:"vertical",alignment:"stretched",className:"k-card-actions",children:[(0,sl.jsx)(d,{fillMode:"flat",themeColor:"primary",children:"Button"}),(0,sl.jsx)(d,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]}):(0,sl.jsxs)(l1,{style:{maxHeight:"450px",width:"300px"},...r,children:[c&&(0,sl.jsx)(da,{title:"Header Title",subtitle:"Header Subtitle"}),i&&(0,sl.jsx)(SS,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),(0,sl.jsx)(xo,{title:"Title",subtitle:"Subtitle",children:(0,sl.jsx)("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),u&&(0,sl.jsx)(ES,{children:"Card Footer"}),(0,sl.jsxs)(Xe,{className:"k-card-actions",children:[(0,sl.jsx)(d,{fillMode:"flat",themeColor:"primary",children:"Button"}),(0,sl.jsx)(d,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]})};Ek.options=Nne;Ek.states=yne;Ek.variants=Ane;Ek.defaultOptions=Qz;Ek.modifiers=Cne;Ek.className=qo.className;var s1="panelbar",Xz=s1;var Zz=require("react/jsx-runtime"),n1="k-panelbar",Sne=[],Ene={},Lne={},gi=e=>{let{activeDescendant:t,...o}=e;return(0,Zz.jsx)("ul",{...o,className:l(e.className,n1),role:"tree","aria-activedescendant":t,children:e.children})};gi.states=Sne;gi.options=Ene;gi.className=n1;gi.defaultOptions=Lne;gi.moduleName=s1;gi.folderName=Xz;gi.ariaSpec={selector:".k-panelbar",rules:[{selector:".k-panelbar",attribute:"role=tree",usage:"The root element of the PanelBar has role tree."},{selector:".k-panelbar",attribute:"aria-activedescendant (when present)",usage:"Points to the currently focused item in the PanelBar."},{selector:".k-panelbar-group",attribute:"role=group",usage:"The ul element that wraps child nodes."},{selector:".k-panelbar-item:not(.k-expanded) > .k-panelbar-group",attribute:"aria-hidden=true",usage:"Hides the group element from assistive technologies when its parent is not expanded."},{selector:".k-panelbar-item",attribute:"role=treeitem",usage:"The li element rendered for a PanelBar item."},{selector:".k-panelbar-item",attribute:"aria-expanded=true/false",usage:"Announces the expanded state of the item (if expandable)."},{selector:".k-panelbar-item",attribute:"aria-selected=true/false",usage:"Announces the selected state of the item."}]};var LS=hu(require("react"));var Df=require("react/jsx-runtime"),d1="k-panelbar-item",Ine=[m.hover,m.focus,m.selected,m.disabled],Mne={},IS={level:0,expanded:!1,text:"Item"},nt=e=>{let{text:t=IS.text,level:o=IS.level,expanded:r=IS.expanded,header:i,hover:c,focus:u,selected:h,disabled:x,icon:v,iconClass:T,ariaSelected:C,children:N,...R}=e,H=!!N;return(0,Df.jsxs)("li",{...R,className:l(e.className,d1,{"k-panelbar-header":i,[`k-level-${o}`]:o||o===0,"k-expanded":r}),role:"treeitem","aria-expanded":H?r?"true":"false":void 0,"aria-selected":C?"true":"false","aria-disabled":x?"true":void 0,children:[(0,Df.jsxs)("span",{className:l("k-link",D("k-link",{hover:c,focus:u,disabled:x,selected:h})),children:[v&&(0,Df.jsx)(f,{className:"k-panelbar-item-icon",icon:v}),T&&!v&&(0,Df.jsx)("span",{className:`k-panelbar-item-icon ${T}`}),(0,Df.jsx)("span",{className:"k-panelbar-item-text",children:t}),H&&(0,Df.jsx)(f,{className:l("k-panelbar-toggle",r?"k-panelbar-collapse":"k-panelbar-expand"),icon:`chevron-${r?"up":"down"}`})]}),r&&N,!r&&N&&LS.default.Children.map(N,V=>LS.default.isValidElement(V)?LS.default.cloneElement(V,{"aria-hidden":"true",style:{display:"none"}}):V)]})};nt.states=Ine;nt.options=Mne;nt.className=d1;nt.defaultOptions=IS;var Uz=require("react/jsx-runtime"),c1="k-panelbar-group",Bne=[],Pne={},Dne={},Ki=e=>{let{ariaHidden:t,...o}=e;return(0,Uz.jsx)("ul",{...o,className:l(e.className,c1),role:"group","aria-hidden":t?"true":void 0,children:e.children})};Ki.states=Bne;Ki.options=Pne;Ki.className=c1;Ki.defaultOptions=Dne;var Jz=require("react/jsx-runtime"),p1="k-panelbar-content",Rne=[],One={},Kne={},Yr=e=>{let{...t}=e;return(0,Jz.jsx)("div",{...t,className:l(e.className,p1),children:e.children})};Yr.states=Rne;Yr.options=One;Yr.className=p1;Yr.defaultOptions=Kne;var bc=require("react/jsx-runtime"),Lk=e=>{let t=b("pb-item"),o=b("pb-item"),r=b("pb-item"),i=b("pb-item");return(0,bc.jsx)(gi,{children:(0,bc.jsxs)(bc.Fragment,{children:[(0,bc.jsx)(nt,{header:!0,text:"Item 1",id:t,children:(0,bc.jsx)(Yr,{children:"content"})}),(0,bc.jsx)(nt,{header:!0,text:"Item 2",id:o,children:(0,bc.jsx)(Yr,{children:"content"})}),(0,bc.jsx)(nt,{header:!0,text:"Item 3",id:r,children:(0,bc.jsx)(Yr,{children:"content"})}),(0,bc.jsx)(nt,{header:!0,text:"Item 4",id:i})]}),...e})};var Cd=require("react/jsx-runtime"),Yne=e=>{let t=b("pb-item"),o=b("pb-item"),r=b("pb-item"),i=b("pb-item");return(0,Cd.jsx)(gi,{activeDescendant:t,children:(0,Cd.jsxs)(Cd.Fragment,{children:[(0,Cd.jsx)(nt,{header:!0,expanded:!0,text:"Item 1",id:t,ariaSelected:!0,focus:!0,children:(0,Cd.jsx)(Yr,{children:(0,Cd.jsx)("p",{children:"Paragraph content in template."})})}),(0,Cd.jsx)(nt,{header:!0,text:"Item 2",id:o,children:(0,Cd.jsx)(Yr,{children:"content"})}),(0,Cd.jsx)(nt,{header:!0,text:"Item 3",id:r,children:(0,Cd.jsx)(Yr,{children:"content"})}),(0,Cd.jsx)(nt,{header:!0,text:"Item 4",id:i})]}),...e})};var nl=require("react/jsx-runtime"),m1=e=>{let t=b("pb-item"),o=b("pb-item"),r=b("pb-item"),i=b("pb-item"),c=b("pb-child"),u=b("pb-child"),h=b("pb-child"),x=b("pb-child"),v=b("pb-child"),T=b("pb-child"),C=b("pb-child");return(0,nl.jsx)(gi,{activeDescendant:o,children:(0,nl.jsxs)(nl.Fragment,{children:[(0,nl.jsx)(nt,{header:!0,text:"Item 1",id:t,children:(0,nl.jsx)(Yr,{children:"content"})}),(0,nl.jsx)(nt,{header:!0,expanded:!0,text:"Item 2",id:o,ariaSelected:!0,focus:!0,children:(0,nl.jsxs)(Ki,{children:[(0,nl.jsx)(nt,{level:1,text:"Child 1",id:c}),(0,nl.jsx)(nt,{level:1,expanded:!0,text:"Child 2",id:u,children:(0,nl.jsxs)(Ki,{children:[(0,nl.jsx)(nt,{level:2,text:"Child 2.1",id:h}),(0,nl.jsx)(nt,{level:2,text:"Child 2.2",id:x})]})}),(0,nl.jsx)(nt,{level:1,text:"Child 3",id:v,children:(0,nl.jsx)(Ki,{children:(0,nl.jsx)(nt,{level:2,text:"Child 3.1",id:T})})}),(0,nl.jsx)(nt,{level:1,text:"Child 4",id:C})]})}),(0,nl.jsx)(nt,{header:!0,text:"Item 3",id:r,children:(0,nl.jsx)(Yr,{children:"content"})}),(0,nl.jsx)(nt,{header:!0,text:"Item 4",id:i})]}),...e})};var Ta=require("react/jsx-runtime"),Gne=gi.options,Hne=gi.states,jz={...gi.defaultOptions,variant:"normal"},Fne=[{name:"normal",title:"Normal"},{name:"expand",title:"Expanded"}],zne=[{name:"icon",title:"Item icons"},{name:"disabled",title:"Disabled item"}],Ik=e=>{var u,h,x,v,T,C,N,R,H;let{variant:t,modifiers:o,...r}={...jz,...e},i={},c={folder:"folder",gear:"gear",file:"file",image:"image"};return Object.keys(o||{}).forEach(V=>{switch(V){case"icon":{i.icon=o!=null&&o[V]?c:void 0;break}case"disabled":i.disabled=!!(o!=null&&o[V])}}),t==="expand"?(0,Ta.jsx)(Ta.Fragment,{children:(0,Ta.jsxs)(m1,{style:{width:"300px"},...r,children:[(0,Ta.jsx)(nt,{icon:(u=i.icon)==null?void 0:u.gear,header:!0,text:"Item 1",children:(0,Ta.jsx)(Yr,{children:"content"})}),(0,Ta.jsx)(nt,{icon:(h=i.icon)==null?void 0:h.folder,selected:!0,header:!0,expanded:!0,text:"Item 2",children:(0,Ta.jsxs)(Ki,{children:[(0,Ta.jsx)(nt,{level:1,text:"Child 1"}),(0,Ta.jsx)(nt,{level:1,expanded:!0,text:"Child 2",children:(0,Ta.jsxs)(Ki,{children:[(0,Ta.jsx)(nt,{level:2,text:"Child 2.1"}),(0,Ta.jsx)(nt,{icon:(x=i.icon)==null?void 0:x.image,level:2,text:"Child 2.2"})]})}),(0,Ta.jsx)(nt,{disabled:i.disabled,level:1,text:"Child 3",children:(0,Ta.jsx)(Yr,{children:"content"})}),(0,Ta.jsx)(nt,{level:1,text:"Child 4"})]})}),(0,Ta.jsx)(nt,{icon:(v=i.icon)==null?void 0:v.folder,disabled:i.disabled,header:!0,text:"Item 3",children:(0,Ta.jsx)(Yr,{children:"content"})}),(0,Ta.jsx)(nt,{icon:(T=i.icon)==null?void 0:T.file,header:!0,text:"Item 4"})]})}):(0,Ta.jsx)(Ta.Fragment,{children:(0,Ta.jsxs)(Lk,{style:{width:"300px"},...r,children:[(0,Ta.jsx)(nt,{icon:(C=i.icon)==null?void 0:C.gear,header:!0,text:"Item 1",children:(0,Ta.jsx)(Yr,{children:"content"})}),(0,Ta.jsx)(nt,{icon:(N=i.icon)==null?void 0:N.folder,header:!0,text:"Item 2",children:(0,Ta.jsx)(Yr,{children:"content"})}),(0,Ta.jsx)(nt,{icon:(R=i.icon)==null?void 0:R.folder,disabled:i.disabled,header:!0,text:"Item 3",children:(0,Ta.jsx)(Yr,{children:"content"})}),(0,Ta.jsx)(nt,{icon:(H=i.icon)==null?void 0:H.file,header:!0,text:"Item 4"})]})})};Ik.options=Gne;Ik.states=Hne;Ik.variants=Fne;Ik.defaultOptions=jz;Ik.modifiers=zne;Ik.className=gi.className;var qz=require("react/jsx-runtime"),Wne=[],Vne={orientation:["horizontal","vertical"],alignItems:["start","center","end","stretch"],justifyContent:["start","center","end","stretch"],justifyItems:["start","center","end","stretch"]},VT={orientation:null,alignItems:null,justifyContent:null,justifyItems:null,wrap:!1},Vc=e=>{let{gap:t,orientation:o=VT.orientation,alignItems:r=VT.alignItems,justifyContent:i=VT.justifyContent,justifyItems:c=VT.justifyItems,wrap:u=VT.wrap,style:h,...x}=e;return(0,qz.jsx)("div",{...x,style:{gap:t,...h},className:l(e.className,{[`k-${Yd.orientationMap[o]||o}`]:o,[`k-align-items-${r}`]:r,[`k-justify-content-${i}`]:i,[`k-justify-items-${c}`]:c,"k-flex-wrap":u}),children:e.children})};Vc.states=Wne;Vc.options=Vne;Vc.defaultOptions=VT;var _z="stack-layout",$z="stacklayout",e8="grid-layout",t8="gridlayout";var o8=require("react/jsx-runtime"),u1="k-grid-layout",Qne=[],Xne={},Rf=e=>{let{className:t,...o}=e;return(0,o8.jsx)(Vc,{...o,className:l(t,u1),children:e.children})};Rf.states=Qne;Rf.options=Xne;Rf.className=u1;Rf.moduleName=e8;Rf.folderName=t8;var a8=require("react/jsx-runtime"),b1="k-stack-layout",Zne=[],Une={},Qc=e=>{let{className:t,...o}=e;return(0,a8.jsx)(Vc,{...o,className:l(t,b1),children:e.children})};Qc.states=Zne;Qc.options=Une;Qc.className=b1;Qc.moduleName=_z;Qc.folderName=$z;var Xc=require("react/jsx-runtime"),Jne=({alignItems:e="start",justifyItems:t="start",...o})=>(0,Xc.jsx)(Rf,{alignItems:e,justifyItems:t,children:(0,Xc.jsxs)(Xc.Fragment,{children:[(0,Xc.jsx)("div",{className:"box",children:"Box"}),(0,Xc.jsx)("div",{className:"box",children:"Box"}),(0,Xc.jsx)("div",{className:"box",children:"Box"}),(0,Xc.jsx)("div",{className:"box",children:"Box"}),(0,Xc.jsx)("div",{className:"box",children:"Box"}),(0,Xc.jsx)("div",{className:"box",children:"Box"})]}),...o});var fb=require("react/jsx-runtime"),QT=({alignItems:e="start",justifyContent:t="start",...o})=>(0,fb.jsx)(Qc,{orientation:"horizontal",alignItems:e,justifyContent:t,children:(0,fb.jsxs)(fb.Fragment,{children:[(0,fb.jsx)("div",{className:"box",children:"Box"}),(0,fb.jsx)("div",{className:"box",children:"Box"}),(0,fb.jsx)("div",{className:"box",children:"Box"})]}),...o});var hb=require("react/jsx-runtime"),jne=({alignItems:e="start",justifyContent:t="start",...o})=>(0,hb.jsx)(Qc,{orientation:"vertical",alignItems:e,justifyContent:t,children:(0,hb.jsxs)(hb.Fragment,{children:[(0,hb.jsx)("div",{className:"box",children:"Box"}),(0,hb.jsx)("div",{className:"box",children:"Box"}),(0,hb.jsx)("div",{className:"box",children:"Box"})]}),...o});var Zc=require("react/jsx-runtime"),qne=Vc.options,_ne=Vc.states,$ne={...Vc.defaultOptions,variant:"stretch"},ede=[{name:"start",title:"Start"},{name:"middle",title:"Middle"},{name:"end",title:"End"},{name:"stretch",title:"Stretch"}],tde=[],Mk=e=>{let{variant:t,modifiers:o,...r}={...e},i={orientation:"vertical"};Object.keys(o||{}).forEach(x=>{x==="vertical"&&(i.orientation=o!=null&&o[x]?"vertical":"horizontal")});let c="k-border-solid k-border-secondary-subtle k-p-3",u={width:"228px",height:"228px",gap:"8px"},h=(0,Zc.jsxs)(Zc.Fragment,{children:[(0,Zc.jsx)("div",{className:"k-p-5 k-bg-primary-subtle"}),(0,Zc.jsx)("div",{className:"k-p-5 k-bg-primary-emphasis"}),(0,Zc.jsx)("div",{className:"k-p-5 k-bg-primary"})]});switch(t){case"start":return(0,Zc.jsx)(QT,{...r,...i,style:u,className:c,alignItems:"stretch",justifyContent:"start",children:h});case"middle":return(0,Zc.jsx)(QT,{...r,...i,style:u,className:c,alignItems:"stretch",justifyContent:"center",children:h});case"end":return(0,Zc.jsx)(QT,{...r,...i,style:u,className:c,alignItems:"stretch",justifyContent:"end",children:h});default:return(0,Zc.jsx)(QT,{...r,...i,style:u,className:c,alignItems:"stretch",justifyContent:"stretch",children:h})}};Mk.options=qne;Mk.states=_ne;Mk.variants=ede;Mk.defaultOptions=$ne;Mk.modifiers=tde;Mk.className=Qc.className;var XT="tile-layout",ZT="tilelayout";var r8=require("react/jsx-runtime"),f1="k-tilelayout",ode=[],ade={},rde={},Bn=e=>{let{gap:t,columns:o,columnWidth:r,rowHeight:i,style:c,children:u}=e,h={gridTemplateColumns:`repeat(${o}, minmax(0px, ${r}))`,gridAutoRows:`minmax(0px, ${i})`,gap:t,...c};return(0,r8.jsx)("div",{className:l(e.className,f1),style:h,role:"list",children:u})};Bn.states=ode;Bn.options=ade;Bn.className=f1;Bn.defaultOptions=rde;Bn.moduleName=XT;Bn.folderName=ZT;Bn.ariaSpec={selector:".k-tilelayout",rules:[{selector:".k-tilelayout",attribute:"role=list",usage:"Sets list role to the TileLayout wrapper."},{selector:".k-tilelayout-item",attribute:"role=listitem",usage:"Sets listitem role to the TileLayout items."},{selector:".k-tilelayout-item",attribute:"aria-labelledby",usage:"Associates the focusable item wrapper with the respective header text element."},{selector:".k-tilelayout-item",attribute:"tabindex=0",usage:"Makes the item wrapper element focusable."},{selector:".k-tilelayout-item",attribute:"aria-keyshortcuts=Enter",usage:"Announces Enter as an available key shortcut when the item is focused."},{selector:".k-tilelayout-item",attribute:"aria-dropeffect=execute",usage:"Announces that an action will be executed when the item is dropped."},{selector:".k-tilelayout-item",attribute:"aria-grabbed=true/false",usage:"Indicates the grabbed state in a drag-and-drop operation."},{selector:".k-tilelayout-item-header .k-card-title",attribute:"id",usage:"Unique identifier to link the header text element to the focusable wrapper."}]};var l8=hu(require("react"));var Of=require("react/jsx-runtime"),MS="k-tilelayout-item",lde=[m.focus],ide={},sde={},Ul=e=>{let{header:t,body:o,focus:r,resize:i,style:c}=e,u=b("tilelayout-title");return(0,Of.jsxs)(qo,{className:l(e.className,MS,D(MS,{focus:r}),{"k-resize":i===!0,"k-resize-x":i==="horizontal","k-resize-y":i==="vertical"}),style:c,role:"listitem","aria-labelledby":u,tabIndex:0,"aria-keyshortcuts":"Enter","aria-dropeffect":"execute","aria-grabbed":"false",children:[t&&l8.default.isValidElement(t)?(0,Of.jsx)(da,{className:"k-tilelayout-item-header k-cursor-move",children:(0,Of.jsx)("div",{className:"k-card-title",id:u,children:t})}):(0,Of.jsx)(da,{className:"k-tilelayout-item-header k-cursor-move",children:(0,Of.jsx)("div",{className:"k-card-title",id:u,children:t})}),o&&(0,Of.jsx)(xo,{className:"k-tilelayout-item-body",children:o})]})};Ul.states=lde;Ul.options=ide;Ul.className=MS;Ul.defaultOptions=sde;Ul.moduleName=XT;Ul.folderName=ZT;var i8=require("react/jsx-runtime"),h1="k-layout-item-hint",nde=[],dde={},cde={},Bk=e=>{let{style:t}=e;return(0,i8.jsx)("div",{className:h1,style:t})};Bk.states=nde;Bk.options=dde;Bk.className=h1;Bk.defaultOptions=cde;Bk.moduleName=XT;Bk.folderName=ZT;var Jm=require("react/jsx-runtime"),BS=e=>(0,Jm.jsx)(Bn,{children:(0,Jm.jsxs)(Jm.Fragment,{children:[(0,Jm.jsx)(Ul,{header:"Title goes here",body:"Content goes here"}),(0,Jm.jsx)(Ul,{header:"Title goes here",body:"Content goes here"}),(0,Jm.jsx)(Ul,{header:"Title goes here",body:"Content goes here"}),(0,Jm.jsx)(Ul,{header:"Title goes here",body:"Content goes here"})]}),...e});var Gp=require("react/jsx-runtime"),pde=Bn.options,mde=Bn.states,ude={...Bn.defaultOptions,variant:"normal"},bde=[{name:"normal",title:"Normal"},{name:"resizable",title:"Resizable"}],fde=[],Pk=e=>{let{variant:t,...o}=e;return t==="resizable"?(0,Gp.jsxs)(BS,{columns:2,columnWidth:"1fr",rowHeight:"1fr",gap:"4px",style:{width:"467px",height:"365px"},...o,children:[(0,Gp.jsx)(Ul,{resize:"vertical",header:"Title",body:"Vertically resizable card",style:{order:"0",gridColumnEnd:"span 1",gridRowEnd:"span 2"}}),(0,Gp.jsx)(Ul,{resize:"horizontal",header:"Title",body:"Horizontally resizable card",style:{order:"1",gridColumnEnd:"span 1",gridRowEnd:"span 1"}}),(0,Gp.jsx)(Ul,{resize:!0,header:"Title",body:"Horizontally and Vertically resizable card",style:{order:"2",gridColumnEnd:"span 0",gridRowEnd:"span 0"}})]}):(0,Gp.jsxs)(BS,{columns:3,columnWidth:"1fr",rowHeight:"1fr",gap:"4px",style:{width:"467px",height:"365px"},...o,children:[(0,Gp.jsx)(Ul,{header:"Title",body:"Card Content",style:{order:"0",gridColumnEnd:"span 2",gridRowEnd:"span 1",width:"100%",height:"100%"}}),(0,Gp.jsx)(Ul,{header:"Title",body:"Card Content",style:{order:"1",gridColumnEnd:"span 1",gridRowEnd:"span 2",width:"100%",height:"100%"}}),(0,Gp.jsx)(Ul,{header:"Title",body:"Card Content",style:{order:"3",gridColumnEnd:"span 1",gridRowEnd:"span 1",width:"100%",height:"100%"}}),(0,Gp.jsx)(Ul,{header:"Title",body:"Card Content",style:{order:"4",gridColumnEnd:"span 1",gridRowEnd:"span 1",width:"100%",height:"100%"}})]})};Pk.options=pde;Pk.states=mde;Pk.variants=bde;Pk.defaultOptions=ude;Pk.modifiers=fde;Pk.className=Bn.className;var s8=require("react/jsx-runtime"),g1="k-dock-manager-toolbar",hde=[],gde={},kde={},Dk=e=>{let{toolbarItems:t,...o}=e;return(0,s8.jsx)(fe,{...o,className:l(e.className,g1),children:t})};Dk.states=hde;Dk.options=gde;Dk.className=g1;Dk.defaultOptions=kde;var k1="dock-manager",n8=k1;var Kf=require("react/jsx-runtime"),x1="k-dock-manager",xde=[],vde={},Tde={},As=e=>{let{toolbarItems:t,unpinnedPane:o,children:r,...i}=e;return(0,Kf.jsxs)("div",{...i,className:l(e.className,x1),role:"application","aria-live":"polite",children:[t&&(0,Kf.jsx)(Dk,{className:"k-toolbar-left",toolbarItems:t}),o&&(0,Kf.jsxs)("div",{className:"k-dock-manager-unpinned-container",style:{left:"43px"},children:[(0,Kf.jsx)(We,{flex:!0,unpinned:!0,children:o}),(0,Kf.jsx)(rb,{})]}),(0,Kf.jsx)("div",{className:"k-dock-manager-pane-container",children:r})]})};As.states=xde;As.options=vde;As.className=x1;As.defaultOptions=Tde;As.moduleName=k1;As.folderName=n8;As.ariaSpec={selector:".k-dock-manager",rules:[{selector:".k-dock-manager",attribute:"role=application",usage:"Indicates that the DockManager has its own keyboard navigation implemented."},{selector:".k-dock-manager",attribute:"aria-live=polite",usage:"Defines dynamic content changes within the DockManager container."}]};var d8=require("react/jsx-runtime"),v1="k-dock-manager-splitter",wde=[],Nde={},yde={},Hp=e=>{let{children:t,panes:o,...r}=e;return(0,d8.jsx)(Ao,{...r,className:l(e.className,v1),panes:o,children:t})};Hp.states=wde;Hp.options=Nde;Hp.className=v1;Hp.defaultOptions=yde;var T1=require("react/jsx-runtime"),Fy="k-dock-indicator",Ade=[m.hover,m.disabled],Cde={},c8={position:"middle"},UT=e=>{let{position:t=c8.position,hover:o,disabled:r,...i}=e,c={top:"position-top",bottom:"position-bottom",right:"position-right",left:"position-left",middle:"window"};return(0,T1.jsx)("div",{...i,className:l(e.className,Fy,D(Fy,{hover:o,disabled:r}),{[`${Fy}-${t}`]:t}),children:(0,T1.jsx)(f,{icon:c[t],size:"xlarge"})})};UT.states=Ade;UT.options=Cde;UT.className=Fy;UT.defaultOptions=c8;var JT=UT;var Yf=require("react/jsx-runtime"),w1="k-dock-navigator",Sde=[],Ede={},Lde={},zy=e=>{let{...t}=e;return(0,Yf.jsxs)("div",{...t,className:l(e.className,w1),"aria-hidden":"true",children:[(0,Yf.jsx)(JT,{position:"top"}),(0,Yf.jsx)(JT,{position:"right"}),(0,Yf.jsx)(JT,{position:"bottom"}),(0,Yf.jsx)(JT,{position:"left"}),(0,Yf.jsx)(JT,{})]})};zy.states=Sde;zy.options=Ede;zy.className=w1;zy.defaultOptions=Lde;var Uc=require("react/jsx-runtime"),y1="k-pane-scrollable",Ide=[],Mde={},Bde=(0,Uc.jsxs)(Uc.Fragment,{children:[(0,Uc.jsx)(d,{fillMode:"flat",size:"xsmall",icon:"pin","aria-label":"Pin pane"}),(0,Uc.jsx)(d,{fillMode:"flat",size:"xsmall",icon:"more-vertical","aria-label":"More actions"})]}),N1={actions:Bde,title:"Title"},jm=e=>{let{actions:t=N1.actions,title:o=N1.title,children:r,...i}=e;return(0,Uc.jsxs)("div",{...i,className:l(e.className,y1),children:[(0,Uc.jsxs)("div",{className:"k-pane-header",children:[(0,Uc.jsx)("span",{className:"k-pane-title",children:o}),(0,Uc.jsx)("div",{className:"k-pane-actions",children:t})]}),(0,Uc.jsx)("div",{className:"k-pane-content",children:r})]})};jm.states=Ide;jm.options=Mde;jm.className=y1;jm.defaultOptions=N1;var Xo=require("react/jsx-runtime"),A1=e=>(0,Xo.jsx)(As,{toolbarItems:(0,Xo.jsx)(d,{fillMode:"flat",size:"small",children:"Tools"}),children:(0,Xo.jsx)(Xo.Fragment,{children:(0,Xo.jsx)(Hp,{panes:[(0,Xo.jsx)(We,{tabbed:!0,flexBasis:"40%",children:(0,Xo.jsx)(wl,{style:{height:"100%"},tabStripItems:(0,Xo.jsx)(Xo.Fragment,{children:(0,Xo.jsx)(ft,{first:!0,value:"File 1",active:!0,actions:(0,Xo.jsxs)(Xo.Fragment,{children:[(0,Xo.jsx)(d,{as:"span",icon:"pin",fillMode:"flat","aria-hidden":"true"}),(0,Xo.jsx)(d,{as:"span",icon:"more-vertical",fillMode:"flat","aria-hidden":"true"})]})})}),children:(0,Xo.jsx)(Ja,{active:!0,children:"File 1"})})},"pane-1"),(0,Xo.jsx)(We,{children:(0,Xo.jsx)(Hp,{orientation:"vertical",panes:[(0,Xo.jsx)(We,{tabbed:!0,flexBasis:"50%",children:(0,Xo.jsx)(wl,{style:{height:"100%"},tabStripItems:(0,Xo.jsxs)(Xo.Fragment,{children:[(0,Xo.jsx)(ft,{first:!0,value:"Properties",active:!0,actions:(0,Xo.jsxs)(Xo.Fragment,{children:[(0,Xo.jsx)(d,{as:"span",icon:"pin",fillMode:"flat","aria-hidden":"true"}),(0,Xo.jsx)(d,{as:"span",icon:"more-vertical",fillMode:"flat","aria-hidden":"true"})]})}),(0,Xo.jsx)(ft,{last:!0,value:"History",actions:(0,Xo.jsxs)(Xo.Fragment,{children:[(0,Xo.jsx)(d,{as:"span",icon:"pin",fillMode:"flat","aria-hidden":"true"}),(0,Xo.jsx)(d,{as:"span",icon:"more-vertical",fillMode:"flat","aria-hidden":"true"})]})})]}),children:(0,Xo.jsx)(Ja,{active:!0,children:"Properties content."})})},"nested-1"),(0,Xo.jsx)(We,{pinned:!0,children:(0,Xo.jsx)(jm,{title:"Layers",children:"Layers content."})},"nested-2")]})},"pane-2")]})}),...e});var go=require("react/jsx-runtime"),C1=e=>(0,go.jsx)(As,{toolbarItems:(0,go.jsx)(d,{selected:!0,fillMode:"flat",size:"small",children:"Tools"}),unpinnedPane:(0,go.jsx)(jm,{title:"Tools",actions:(0,go.jsxs)(go.Fragment,{children:[(0,go.jsx)(d,{fillMode:"flat",size:"xsmall",icon:"unpin","aria-label":"Unpin pane"}),(0,go.jsx)(d,{fillMode:"flat",size:"xsmall",icon:"more-vertical","aria-label":"More actions"})]}),children:"Some tools."}),children:(0,go.jsx)(go.Fragment,{children:(0,go.jsx)(Hp,{panes:[(0,go.jsx)(We,{tabbed:!0,flexBasis:"40%",children:(0,go.jsx)(wl,{style:{height:"100%"},tabStripItems:(0,go.jsx)(go.Fragment,{children:(0,go.jsx)(ft,{first:!0,value:"File 1",active:!0,actions:(0,go.jsxs)(go.Fragment,{children:[(0,go.jsx)(d,{as:"span",icon:"pin",fillMode:"flat","aria-hidden":"true"}),(0,go.jsx)(d,{as:"span",icon:"more-vertical",fillMode:"flat","aria-hidden":"true"})]})})}),children:(0,go.jsx)(Ja,{active:!0,children:"File 1"})})},"pane-1"),(0,go.jsx)(We,{children:(0,go.jsx)(Hp,{orientation:"vertical",panes:[(0,go.jsx)(We,{tabbed:!0,flexBasis:"50%",children:(0,go.jsx)(wl,{style:{height:"100%"},tabStripItems:(0,go.jsxs)(go.Fragment,{children:[(0,go.jsx)(ft,{first:!0,value:"Properties",active:!0,actions:(0,go.jsxs)(go.Fragment,{children:[(0,go.jsx)(d,{as:"span",icon:"pin",fillMode:"flat","aria-hidden":"true"}),(0,go.jsx)(d,{as:"span",icon:"more-vertical",fillMode:"flat","aria-hidden":"true"})]})}),(0,go.jsx)(ft,{last:!0,value:"History",actions:(0,go.jsxs)(go.Fragment,{children:[(0,go.jsx)(d,{as:"span",icon:"pin",fillMode:"flat","aria-hidden":"true"}),(0,go.jsx)(d,{as:"span",icon:"more-vertical",fillMode:"flat","aria-hidden":"true"})]})})]}),children:(0,go.jsx)(Ja,{active:!0,children:"Properties content."})})},"nested-1"),(0,go.jsx)(We,{pinned:!0,children:(0,go.jsx)(jm,{title:"Layers",children:"Layers content."})},"nested-2")]})},"pane-2")]})}),...e});var S1=require("react/jsx-runtime"),Pde=As.options,Dde=As.states,p8={...As.defaultOptions,variant:"normal"},Rde=[{name:"normal",title:"Normal"},{name:"pane-unpinned",title:"Pane unpinned"}],Ode=[],Rk=e=>{let{variant:t,...o}={...p8,...e};return t==="pane-unpinned"?(0,S1.jsx)(C1,{...o,style:{width:"80%"}}):(0,S1.jsx)(A1,{...o,style:{width:"80%"}})};Rk.options=Pde;Rk.states=Dde;Rk.variants=Rde;Rk.defaultOptions=p8;Rk.modifiers=Ode;Rk.className=As.className;var Wy="listview",PS=Wy;var Sd=require("react/jsx-runtime"),DS="k-listview",Kde=[m.loading,m.disabled],Yde={},m8={pagerPosition:"bottom"},ki=e=>{let{header:t,footer:o,pageable:r,pagerPosition:i=m8.pagerPosition,bordered:c,layout:u,flexDirection:h,flexWrap:x,gridColumns:v,loading:T,disabled:C,selectable:N,contentAriaLabel:R,...H}=e,V=(0,Sd.jsx)(SB,{className:`k-listview-pager k-listview-pager-${i}`}),_=(0,Sd.jsx)(Sd.Fragment,{children:(0,Sd.jsxs)("div",{className:"k-loading-mask",style:{height:"100%",width:"100%"},children:[(0,Sd.jsx)("span",{className:"k-loading-text",children:"Loading..."}),(0,Sd.jsx)("div",{className:"k-loading-image"}),(0,Sd.jsx)("div",{className:"k-loading-color"})]})});return(0,Sd.jsxs)("div",{...H,className:l(e.className,DS,{"k-listview-bordered":c,"k-selectable":N},D(DS,{disabled:C,loading:T})),children:[r&&i==="top"&&V,t&&(0,Sd.jsx)("div",{className:"k-listview-header",children:"Header"}),(0,Sd.jsx)("div",{className:l("k-listview-content",{[`k-d-${u}`]:u,[`k-flex-${h}`]:h,[`k-flex-${x}`]:x,[`k-grid-cols-${v}`]:v}),role:N?"listbox":"list","aria-label":R,children:e.children}),T&&_,o&&(0,Sd.jsx)("div",{className:"k-listview-footer",children:"Footer"}),r&&i==="bottom"&&V]})};ki.states=Kde;ki.options=Yde;ki.className=DS;ki.defaultOptions=m8;ki.moduleName=Wy;ki.folderName=PS;ki.ariaSpec={selector:".k-listview",rules:[{selector:".k-listview:not(.k-selectable) .k-listview-content",attribute:"role=list",usage:"Specifies the role of non selectable ListView content element."},{selector:".k-listview.k-selectable .k-listview-content",attribute:"role=listbox",usage:"Specifies the role of selectable ListView content element."},{selector:".k-listview:not(.k-selectable) .k-listview-item",attribute:"role=listitem",usage:"Specifies the role of each item in a non selectable ListView."},{selector:".k-listview.k-selectable .k-listview-item",attribute:"role=option",usage:"Specifies the role of each item in a selectable ListView."},{selector:".k-listview-item",attribute:"aria-setsize",usage:"Specifies the total number of items present in the ListView."},{selector:".k-listview-item",attribute:"aria-posinset",usage:"Specifies the position of the current item in the entire list."},{selector:".k-listview-item:nth-child(1)",attribute:"tabindex=0",usage:"The first item in the ListView must be focusable by default."}]};var u8=require("react/jsx-runtime"),RS="k-listview-item",Gde=[m.focus,m.selected],Hde={},Fde={},ca=e=>{let{focus:t,selected:o,itemRole:r,ariaSetSize:i,ariaPosInSet:c,tabIndex:u,...h}=e;return(0,u8.jsx)("div",{...h,className:l(e.className,RS,D(RS,{focus:t,selected:o})),role:r,"aria-setsize":i,"aria-posinset":c,tabIndex:u,"aria-selected":r==="option"&&o?"true":void 0,children:e.children})};ca.states=Gde;ca.options=Hde;ca.className=RS;ca.defaultOptions=Fde;ca.moduleName=Wy;ca.folderName=PS;var Jc=require("react/jsx-runtime"),OS=e=>(0,Jc.jsx)(ki,{children:(0,Jc.jsxs)(Jc.Fragment,{children:[(0,Jc.jsx)(ca,{itemRole:"listitem",ariaSetSize:3,ariaPosInSet:1,tabIndex:0,children:(0,Jc.jsx)("div",{children:"Listview Item"})}),(0,Jc.jsx)(ca,{itemRole:"listitem",ariaSetSize:3,ariaPosInSet:2,children:(0,Jc.jsx)("div",{children:"Listview Item"})}),(0,Jc.jsx)(ca,{itemRole:"listitem",ariaSetSize:3,ariaPosInSet:3,children:(0,Jc.jsx)("div",{children:"Listview Item"})})]}),...e});var jc=require("react/jsx-runtime"),zde=e=>(0,jc.jsx)(ki,{selectable:!0,contentAriaLabel:"Selectable list",children:(0,jc.jsxs)(jc.Fragment,{children:[(0,jc.jsx)(ca,{itemRole:"option",ariaSetSize:3,ariaPosInSet:1,tabIndex:0,selected:!0,children:(0,jc.jsx)("div",{children:"Listview Item"})}),(0,jc.jsx)(ca,{itemRole:"option",ariaSetSize:3,ariaPosInSet:2,children:(0,jc.jsx)("div",{children:"Listview Item"})}),(0,jc.jsx)(ca,{itemRole:"option",ariaSetSize:3,ariaPosInSet:3,children:(0,jc.jsx)("div",{children:"Listview Item"})})]}),...e});var Pn=require("react/jsx-runtime"),Wde=ki.options,Vde=ki.states,b8={...ki.defaultOptions,variant:"flex"},Qde=[{name:"flex",title:"Flex"},{name:"grid",title:"Grid"},{name:"loading",title:"Loading"}],Xde=[{name:"pageable",title:"Pager"}],Ok=e=>{let{variant:t,modifiers:o,...r}={...b8,...e},i={};return i.loading=t==="loading",Object.keys(o||{}).forEach(c=>{c==="pageable"&&(i.pageable=!!(o!=null&&o[c]))}),t==="grid"?(0,Pn.jsxs)(OS,{style:{width:"324px"},...r,...i,bordered:!0,layout:"grid",gridColumns:2,children:[(0,Pn.jsx)(ca,{className:"k-p-2",children:"Listview Item"}),(0,Pn.jsx)(ca,{className:"k-p-2",children:"Listview Item"}),(0,Pn.jsx)(ca,{className:"k-p-2",selected:!0,children:"Listview Item"}),(0,Pn.jsx)(ca,{className:"k-p-2",children:"Listview Item"}),(0,Pn.jsx)(ca,{className:"k-p-2",children:"Listview Item"}),(0,Pn.jsx)(ca,{className:"k-p-2",children:"Listview Item"})]}):(0,Pn.jsxs)(OS,{style:{width:"324px"},...r,...i,bordered:!0,layout:"flex",flexDirection:"col",children:[(0,Pn.jsx)(ca,{className:"k-p-2",children:"Listview Item"}),(0,Pn.jsx)(ca,{className:"k-p-2",children:"Listview Item"}),(0,Pn.jsx)(ca,{className:"k-p-2",selected:!0,children:"Listview Item"}),(0,Pn.jsx)(ca,{className:"k-p-2",children:"Listview Item"}),(0,Pn.jsx)(ca,{className:"k-p-2",children:"Listview Item"})]})};Ok.options=Wde;Ok.states=Vde;Ok.variants=Qde;Ok.defaultOptions=b8;Ok.modifiers=Xde;Ok.className=ki.className;var E=require("react/jsx-runtime"),KS=[(0,E.jsx)("div",{className:"k-spreadsheet-cell k-spreadsheet-merged-cell",style:{left:"1px",top:"1px",width:"878px",height:"69px",background:"rgb(96, 181, 255)",outline:"rgb(86, 163, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"30px",whiteSpace:"pre",overflowWrap:"normal"},children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"Invoice #52 - 06/23/2015"})}),(0,E.jsx)("div",{style:{background:"rgb(167, 214, 255)",outline:"rgb(150, 193, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"71px",width:"99px",height:"24px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"ID"})}),(0,E.jsx)("div",{style:{background:"rgb(167, 214, 255)",outline:"rgb(150, 193, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"71px",width:"214px",height:"24px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"Product"})}),(0,E.jsx)("div",{style:{background:"rgb(167, 214, 255)",outline:"rgb(150, 193, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"71px",width:"114px",height:"24px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"Quantity"})}),(0,E.jsx)("div",{style:{background:"rgb(167, 214, 255)",outline:"rgb(150, 193, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"71px",width:"114px",height:"24px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"Price"})}),(0,E.jsx)("div",{style:{background:"rgb(167, 214, 255)",outline:"rgb(150, 193, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"71px",width:"114px",height:"24px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"Tax"})}),(0,E.jsx)("div",{style:{background:"rgb(167, 214, 255)",outline:"rgb(150, 193, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"71px",width:"154px",height:"24px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"Amount"})}),(0,E.jsx)("div",{style:{background:"rgb(167, 214, 255)",outline:"rgb(150, 193, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"71px",width:"63px",height:"24px"},className:"k-spreadsheet-cell"}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"96px",width:"99px",height:"29px"},className:"k-spreadsheet-cell k-left k-single",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"216321"})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"96px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"Calzone"})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"96px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"1"})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"96px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$12.39"})})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"96px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$2.48"})})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"96px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$14.87"})})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"96px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"126px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"546897"})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"126px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"Margarita"})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"126px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"2"})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"126px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$8.79"})})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"126px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$3.52"})})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"126px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$21.10"})})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"126px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"156px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"456231"})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"156px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"Pollo Formaggio"})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"156px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"1"})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"156px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$13.99"})})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"156px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$2.80"})})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"156px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$16.79"})})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"156px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"186px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"455873"})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"186px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"Greek Salad"})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"186px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"1"})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"186px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$9.49"})})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"186px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$1.90"})})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"186px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$11.39"})})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"186px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"216px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"456892"})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"216px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"Spinach and Blue Cheese"})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"216px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"3"})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"216px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$11.49"})})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"216px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$6.89"})})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"216px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$41.36"})})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"216px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"246px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"546564"})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"246px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"Rigoletto"})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"246px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"1"})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"246px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$10.99"})})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"246px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$2.20"})})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"246px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$13.19"})})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"246px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"276px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"789455"})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"276px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"Creme Brulee"})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"276px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"5"})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"276px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$6.99"})})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"276px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$6.99"})})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"276px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$41.94"})})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"276px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"306px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"123002"})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"306px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"Radeberger Beer"})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"306px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"4"})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"306px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$4.99"})})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"306px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$3.99"})})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"306px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$23.95"})})}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"306px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"336px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"564896"})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"336px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"Budweiser Beer"})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"336px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:"3"})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"336px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$4.49"})})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"336px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$2.69"})})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"336px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:(0,E.jsx)("div",{className:"k-vertical-align-center",children:(0,E.jsx)("span",{children:"$16.16"})})}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"336px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"366px",width:"99px",height:"29px"},className:"k-spreadsheet-cell"}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"366px",width:"214px",height:"29px"},className:"k-spreadsheet-cell"}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"366px",width:"114px",height:"29px"},className:"k-spreadsheet-cell"}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"366px",width:"114px",height:"29px"},className:"k-spreadsheet-cell"}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"366px",width:"114px",height:"29px"},className:"k-spreadsheet-cell"}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"366px",width:"154px",height:"29px"},className:"k-spreadsheet-cell"}),(0,E.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"366px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"396px",width:"99px",height:"29px"},className:"k-spreadsheet-cell"}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"396px",width:"214px",height:"29px"},className:"k-spreadsheet-cell"}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"396px",width:"114px",height:"29px"},className:"k-spreadsheet-cell"}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"396px",width:"114px",height:"29px"},className:"k-spreadsheet-cell"}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"396px",width:"114px",height:"29px"},className:"k-spreadsheet-cell"}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"396px",width:"154px",height:"29px"},className:"k-spreadsheet-cell"}),(0,E.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"396px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"})],E1=[(0,E.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:0,height:"405px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"100px",height:"405px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"315px",height:"405px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"430px",height:"405px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"545px",height:"405px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"660px",height:"405px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"815px",height:"405px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"879px",height:"405px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"943px",height:"405px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"1007px",height:"405px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"1071px",height:"405px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"1135px",height:"405px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"1199px",height:"405px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"0px",width:"1199px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"70px",width:"1199px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"95px",width:"1199px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"125px",width:"1199px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"155px",width:"1199px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"185px",width:"1199px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"215px",width:"1199px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"245px",width:"1199px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"275px",width:"1199px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"305px",width:"1199px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"335px",width:"1199px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"365px",width:"1199px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"395px",width:"1199px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"426px",width:"1199px"}}),(0,E.jsx)("div",{className:"k-spreadsheet-disabled-mask",style:{top:"1px",width:"878px",left:"1px",height:"69px"}})];var f8=require("react/jsx-runtime"),L1="k-spreadsheet-toolbar",Zde=[],Ude={},Jde={},Kk=e=>{let{children:t,...o}=e;return(0,f8.jsx)(fe,{...o,resizable:!0,className:l(e.className,L1),fillMode:"flat","aria-label":o["aria-label"]||"Spreadsheet toolbar",children:t})};Kk.states=Zde;Kk.options=Ude;Kk.className=L1;Kk.defaultOptions=Jde;var h8=require("react/jsx-runtime"),I1="k-spreadsheet-menu",jde=[],qde={},_de={},Yk=e=>{let{children:t,...o}=e;return(0,h8.jsx)(Pa,{...o,className:l(e.className,I1),children:t})};Yk.states=jde;Yk.options=qde;Yk.className=I1;Yk.defaultOptions=_de;var uo=require("react/jsx-runtime"),B1="k-spreadsheet-header",$de=[],ece={},tce=[(0,uo.jsx)(d,{icon:"arrow-rotate-ccw",fillMode:"flat","aria-label":"Undo"},"undo"),(0,uo.jsx)(d,{icon:"arrow-rotate-cw",fillMode:"flat","aria-label":"Redo"},"redo"),(0,uo.jsx)(Ft,{},"sep1"),(0,uo.jsx)(d,{icon:"cut",fillMode:"flat","aria-label":"Cut"},"cut"),(0,uo.jsx)(d,{icon:"copy",fillMode:"flat","aria-label":"Copy"},"copy"),(0,uo.jsx)(d,{icon:"clipboard",fillMode:"flat","aria-label":"Paste"},"paste"),(0,uo.jsx)(Ft,{},"sep2"),(0,uo.jsx)(de,{value:"Font Name",fillMode:"flat","aria-label":"Font name"},"fontname"),(0,uo.jsx)(de,{value:"Font Size",fillMode:"flat","aria-label":"Font size"},"fontsize"),(0,uo.jsx)(Ft,{},"sep3"),(0,uo.jsxs)(Q,{fillMode:"flat",children:[(0,uo.jsx)(d,{className:"k-group-start",icon:"font-grow",fillMode:"flat","aria-label":"Increase font size"}),(0,uo.jsx)(d,{className:"k-group-end",icon:"font-shrink",fillMode:"flat","aria-label":"Decrease font size"})]},"fontgrow"),(0,uo.jsx)(Ft,{},"sep4"),(0,uo.jsxs)(Q,{fillMode:"flat",children:[(0,uo.jsx)(d,{className:"k-group-start",icon:"bold",fillMode:"flat","aria-label":"Bold"}),(0,uo.jsx)(d,{icon:"italic",fillMode:"flat","aria-label":"Italic"}),(0,uo.jsx)(d,{icon:"underline",fillMode:"flat","aria-label":"Underline"}),(0,uo.jsx)(d,{className:"k-group-end",icon:"strikethrough",fillMode:"flat","aria-label":"Strikethrough"})]},"fontstyle"),(0,uo.jsx)(Lt,{children:(0,uo.jsx)(Ua,{value:"red",valueIconName:"foreground-color",fillMode:"flat","aria-label":"Text color"})},"textcolor"),(0,uo.jsx)(Ft,{},"sep5"),(0,uo.jsx)(Lt,{children:(0,uo.jsx)(Ua,{value:"fuchsia",valueIconName:"droplet",fillMode:"flat","aria-label":"Background color"})},"bgcolor"),(0,uo.jsx)(Ft,{},"sep6"),(0,uo.jsx)(wt,{fillMode:"flat",icon:"borders-all",showArrow:!0,"aria-label":"Borders"},"borders"),(0,uo.jsx)(Ft,{},"sep7"),(0,uo.jsx)(wt,{fillMode:"flat",icon:"align-left",showArrow:!0,"aria-label":"Horizontal alignment"},"halign"),(0,uo.jsx)(wt,{fillMode:"flat",icon:"align-middle",showArrow:!0,"aria-label":"Vertical alignment"},"valign"),(0,uo.jsx)(Ft,{},"sep8"),(0,uo.jsx)(d,{fillMode:"flat",icon:"text-wrap","aria-label":"Wrap text"},"wrap")],oce=[(0,uo.jsx)(ao,{first:!0,text:"File"},"file"),(0,uo.jsx)(ao,{text:"Home",active:!0},"home"),(0,uo.jsx)(ao,{text:"Insert"},"insert"),(0,uo.jsx)(ao,{text:"Format"},"format"),(0,uo.jsx)(ao,{text:"Formulas"},"formulas"),(0,uo.jsx)(ao,{text:"Data"},"data"),(0,uo.jsx)(ao,{last:!0,text:"View"},"view")],M1={toolbarItems:tce,menuItems:oce},Fp=e=>{let{toolbarItems:t=M1.toolbarItems,menuItems:o=M1.menuItems,...r}=e;return(0,uo.jsxs)("div",{...r,className:l(B1,e.className),children:[(0,uo.jsx)(Yk,{children:o}),(0,uo.jsx)(Kk,{children:t})]})};Fp.states=$de;Fp.options=ece;Fp.className=B1;Fp.defaultOptions=M1;var qa=require("react/jsx-runtime"),D1="k-spreadsheet-action-bar",ace=[],rce={},lce=(0,qa.jsxs)(qa.Fragment,{children:[(0,qa.jsx)("span",{className:"k-syntax-startexp",children:"="}),(0,qa.jsx)("span",{className:"k-syntax-ref k-series-a",children:"B6"}),(0,qa.jsx)("span",{className:"k-syntax-op",children:"+"}),(0,qa.jsx)("span",{className:"k-syntax-ref k-series-b",children:"C6"}),(0,qa.jsx)("span",{className:"k-syntax-op",children:"+"}),(0,qa.jsx)("span",{className:"k-syntax-ref k-series-c",children:"C3"})]}),P1={formula:lce,cellName:"B6"},zp=e=>{let{formula:t=P1.formula,cellName:o=P1.cellName,formulaExpanded:r=!1,formulaListItems:i,...c}=e,u=r?b("spreadsheet-formula-list"):void 0,h=(0,qa.jsxs)(qa.Fragment,{children:[(0,qa.jsx)("li",{className:"k-list-item",role:"menuitem",children:(0,qa.jsx)("span",{className:"k-list-item-text",children:"SUM"})}),(0,qa.jsx)("li",{className:"k-list-item",role:"menuitem",children:(0,qa.jsx)("span",{className:"k-list-item-text",children:"AVERAGE"})}),(0,qa.jsx)("li",{className:"k-list-item",role:"menuitem",children:(0,qa.jsx)("span",{className:"k-list-item-text",children:"COUNT"})})]});return(0,qa.jsxs)("div",{...c,className:l(D1,e.className),children:[(0,qa.jsx)("div",{className:"k-spreadsheet-name-editor",children:(0,qa.jsx)(yo,{placeholder:o,fillMode:"flat","aria-label":"Name editor"})}),(0,qa.jsxs)("div",{className:"k-spreadsheet-formula-bar",children:[(0,qa.jsx)("span",{className:"k-separator k-separator-vertical"}),(0,qa.jsx)(d,{icon:"formula-fx",fillMode:"flat","aria-label":"Formula"}),(0,qa.jsx)("span",{className:"k-separator k-separator-vertical"}),(0,qa.jsx)("div",{className:"k-spreadsheet-formula-input k-textbox k-input k-input-flat",role:"combobox",title:"Formula input","aria-haspopup":"menu","aria-expanded":r?"true":"false",...u&&{"aria-controls":u},children:t}),r&&(0,qa.jsx)("ul",{className:"k-spreadsheet-formula-list",id:u,role:"menu",children:i||h})]})]})};zp.states=ace;zp.options=rce;zp.className=D1;zp.defaultOptions=P1;var Cl=require("react/jsx-runtime"),R1="k-spreadsheet-sheets-bar",ice=[],sce={},nce=(0,Cl.jsxs)(Cl.Fragment,{children:[(0,Cl.jsx)(ft,{first:!0,active:!0,value:"Sheet 1",actions:(0,Cl.jsx)(wt,{showArrow:!1,size:"small",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet1"),(0,Cl.jsx)(ft,{value:"Sheet 2",actions:(0,Cl.jsx)(wt,{showArrow:!1,size:"small",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet2"),(0,Cl.jsx)(ft,{value:"Sheet 3",actions:(0,Cl.jsx)(wt,{showArrow:!1,size:"small",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet3"),(0,Cl.jsx)(ft,{value:"Sheet 4",actions:(0,Cl.jsx)(wt,{showArrow:!1,size:"small",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet4"),(0,Cl.jsx)(ft,{value:"Sheet 5",actions:(0,Cl.jsx)(wt,{showArrow:!1,size:"small",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet5"),(0,Cl.jsx)(ft,{last:!0,value:"Sheet 6",actions:(0,Cl.jsx)(wt,{showArrow:!1,size:"small",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet6")]}),g8={tabStripItems:nce},Wp=e=>{let{tabStripItems:t=g8.tabStripItems,...o}=e,r=b("spreadsheet-sheets");return(0,Cl.jsxs)("div",{...o,className:l(R1,e.className),children:[(0,Cl.jsx)(d,{className:"k-spreadsheet-sheet-add",fillMode:"flat",size:"small",icon:"plus","aria-label":"Add new sheet","aria-controls":r}),(0,Cl.jsx)(d,{className:"k-spreadsheet-sheets-menu",fillMode:"flat",size:"small",icon:"menu","aria-label":"Sheets menu","aria-controls":r}),(0,Cl.jsx)(Ha,{className:"k-spreadsheet-sheets",tabStripItems:t,tabStripItemsId:r,position:"bottom",scrollable:!0,scrollButtons:"end"})]})};Wp.states=ice;Wp.options=sce;Wp.className=R1;Wp.defaultOptions=g8;var lr=require("react/jsx-runtime"),O1="k-spreadsheet-column-header",dce=[],cce={},k8={configureSelection:{A:"partial"}},Gk=e=>{let{configureSelection:t=k8.configureSelection,...o}=e,r=[(0,lr.jsx)("div",{style:{position:"absolute",left:"0px",width:"100px",height:"30px"},children:(0,lr.jsx)("div",{className:"k-vertical-align-center",children:"A"})}),(0,lr.jsx)("div",{style:{position:"absolute",left:"100px",width:"215px",height:"30px"},children:(0,lr.jsx)("div",{className:"k-vertical-align-center",children:"B"})}),(0,lr.jsx)("div",{style:{position:"absolute",left:"315px",width:"115px",height:"30px"},children:(0,lr.jsx)("div",{className:"k-vertical-align-center",children:"C"})}),(0,lr.jsx)("div",{style:{position:"absolute",left:"430px",width:"115px",height:"30px"},children:(0,lr.jsx)("div",{className:"k-vertical-align-center",children:"D"})}),(0,lr.jsx)("div",{style:{position:"absolute",left:"545px",width:"115px",height:"30px"},children:(0,lr.jsx)("div",{className:"k-vertical-align-center",children:"E"})}),(0,lr.jsx)("div",{style:{position:"absolute",left:"660px",width:"155px",height:"30px"},children:(0,lr.jsx)("div",{className:"k-vertical-align-center",children:"F"})}),(0,lr.jsx)("div",{style:{position:"absolute",left:"815px",width:"64px",height:"30px"},children:(0,lr.jsx)("div",{className:"k-vertical-align-center",children:"G"})}),(0,lr.jsx)("div",{style:{position:"absolute",left:"879px",width:"64px",height:"30px"},children:(0,lr.jsx)("div",{className:"k-vertical-align-center",children:"H"})}),(0,lr.jsx)("div",{style:{position:"absolute",left:"943px",width:"64px",height:"30px"},children:(0,lr.jsx)("div",{className:"k-vertical-align-center",children:"I"})}),(0,lr.jsx)("div",{style:{position:"absolute",left:"1007px",width:"64px",height:"30px"},children:(0,lr.jsx)("div",{className:"k-vertical-align-center",children:"J"})}),(0,lr.jsx)("div",{style:{position:"absolute",left:"1071px",width:"64px",height:"30px"},children:(0,lr.jsx)("div",{className:"k-vertical-align-center",children:"K"})}),(0,lr.jsx)("div",{style:{position:"absolute",left:"1135px",width:"64px",height:"30px"},children:(0,lr.jsx)("div",{className:"k-vertical-align-center",children:"L"})})],c=t?((u,h)=>u.map((x,v)=>{let T=x.props.children.props.children;return(0,lr.jsx)("div",{style:x.props.style,className:l({"k-selection-partial":h[T]==="partial","k-selection-full":h[T]==="full","k-selection-none":!h[T]}),children:x.props.children},v)}))(r,t):r;return(0,lr.jsx)("div",{...o,className:l(O1,e.className),children:c})};Gk.states=dce;Gk.options=cce;Gk.className=O1;Gk.defaultOptions=k8;var Wa=require("react/jsx-runtime"),K1="k-spreadsheet-row-header",pce=[],mce={},x8={configureSelection:{1:"partial"}},Hk=e=>{let{configureSelection:t=x8.configureSelection,...o}=e,r=[(0,Wa.jsx)("div",{style:{width:"30px",height:"70px"},children:(0,Wa.jsx)("div",{className:"k-vertical-align-center",children:"1"})}),(0,Wa.jsx)("div",{style:{width:"30px",height:"25px"},children:(0,Wa.jsx)("div",{className:"k-vertical-align-center",children:"2"})}),(0,Wa.jsx)("div",{style:{width:"30px",height:"30px"},children:(0,Wa.jsx)("div",{className:"k-vertical-align-center",children:"3"})}),(0,Wa.jsx)("div",{style:{width:"30px",height:"30px"},children:(0,Wa.jsx)("div",{className:"k-vertical-align-center",children:"4"})}),(0,Wa.jsx)("div",{style:{width:"30px",height:"30px"},children:(0,Wa.jsx)("div",{className:"k-vertical-align-center",children:"5"})}),(0,Wa.jsx)("div",{style:{width:"30px",height:"30px"},children:(0,Wa.jsx)("div",{className:"k-vertical-align-center",children:"6"})}),(0,Wa.jsx)("div",{style:{width:"30px",height:"30px"},children:(0,Wa.jsx)("div",{className:"k-vertical-align-center",children:"7"})}),(0,Wa.jsx)("div",{style:{width:"30px",height:"30px"},children:(0,Wa.jsx)("div",{className:"k-vertical-align-center",children:"8"})}),(0,Wa.jsx)("div",{style:{width:"30px",height:"30px"},children:(0,Wa.jsx)("div",{className:"k-vertical-align-center",children:"9"})}),(0,Wa.jsx)("div",{style:{width:"30px",height:"30px"},children:(0,Wa.jsx)("div",{className:"k-vertical-align-center",children:"10"})}),(0,Wa.jsx)("div",{style:{width:"30px",height:"30px"},children:(0,Wa.jsx)("div",{className:"k-vertical-align-center",children:"11"})}),(0,Wa.jsx)("div",{style:{width:"30px",height:"30px"},children:(0,Wa.jsx)("div",{className:"k-vertical-align-center",children:"12"})}),(0,Wa.jsx)("div",{style:{width:"30px",height:"30px"},children:(0,Wa.jsx)("div",{className:"k-vertical-align-center",children:"13"})})],c=t?((u,h)=>u.map((x,v)=>{let T=x.props.children.props.children;return(0,Wa.jsx)("div",{style:x.props.style,className:l({"k-selection-partial":h[T]==="partial","k-selection-full":h[T]==="full","k-selection-none":!h[T]}),children:x.props.children},v)}))(r,t):r;return(0,Wa.jsx)("div",{...o,className:l(K1,e.className),children:c})};Hk.states=pce;Hk.options=mce;Hk.className=K1;Hk.defaultOptions=x8;var v8=hu(require("react"));var Y1=require("react/jsx-runtime"),G1="k-spreadsheet-data",uce=[],bce={},fce={},Fk=e=>{let{activeCellIndex:t,...o}=e,i=t?((u,h)=>u.map((x,v)=>v===h?(0,Y1.jsx)("div",{style:x.props.style,className:l(x.props.className,"k-spreadsheet-active-cell"),children:x.props.children},v):x))(KS,t):KS,c=[...E1,...i].map((u,h)=>u.key?u:v8.cloneElement(u,{key:h}));return(0,Y1.jsx)("div",{...o,className:l(G1,e.className),children:c})};Fk.states=uce;Fk.options=bce;Fk.className=G1;Fk.defaultOptions=fce;var pr=require("react/jsx-runtime"),H1="k-spreadsheet-view",hce=[],gce={},kce={},Vp=e=>{let{selectionHighlight:t,rowHeaderSelection:o,columnHeaderSelection:r,cellEditor:i,activeCellIndex:c,selection:u,filter:h,...x}=e;return(0,pr.jsxs)("div",{...x,className:l(H1,e.className),children:[(0,pr.jsxs)("div",{className:"k-spreadsheet-fixed-container",children:[(0,pr.jsxs)("div",{style:{top:0,left:0,height:"100%",width:"100%"},className:"k-spreadsheet-pane k-top k-left",children:[(0,pr.jsx)(Fk,{activeCellIndex:c,style:{position:"relative",left:"30px",top:"30px"}}),(0,pr.jsx)("div",{className:"k-selection-wrapper",children:u}),(0,pr.jsx)("div",{className:"k-auto-fill-wrapper"}),(0,pr.jsx)("div",{className:"k-selection-wrapper",children:t}),(0,pr.jsx)("div",{className:"k-filter-wrapper",children:h}),(0,pr.jsx)(Hk,{configureSelection:o,style:{width:"30px",top:"30px"}}),(0,pr.jsx)(Gk,{configureSelection:r,style:{top:"0px",left:"30px",width:"1199px",height:"30px"}})]}),i,(0,pr.jsx)("div",{style:{width:"30px",height:"30px"},className:"k-spreadsheet-top-corner"})]}),(0,pr.jsx)("div",{className:"k-spreadsheet-scroller",children:(0,pr.jsx)("div",{className:"k-spreadsheet-view-size",style:{height:"6080px",width:"3663px"}})}),(0,pr.jsx)("div",{className:"k-spreadsheet-clipboard",children:(0,pr.jsxs)("table",{style:{left:"0px",top:"0px",height:"30px",width:"100px"},className:"kendo-clipboard-eb8ea401-ab97-4190-8fb2-b3b83b299a9f",role:"presentation",children:[(0,pr.jsx)("colgroup",{children:(0,pr.jsx)("col",{style:{width:"100px"}})}),(0,pr.jsx)("tbody",{children:(0,pr.jsx)("tr",{style:{height:"30px"},children:(0,pr.jsx)("td",{style:{backgroundColor:"rgb(255, 255, 255)",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",borderColor:"rgb(255, 255, 255)"},children:"216321"})})})]})}),!i&&(0,pr.jsx)("div",{className:"k-spreadsheet-cell-editor k-spreadsheet-formula-input","data-role":"formulainput",style:{whiteSpace:"pre"},children:"216321"}),(0,pr.jsx)(Pi,{content:"A1",style:{position:"absolute",display:"none"}}),(0,pr.jsx)("div",{className:"k-list-group-sticky-header",style:{display:"none"}}),(0,pr.jsx)("div",{className:"k-list-content k-list-scroller",unselectable:"on"})]})};Vp.states=hce;Vp.options=gce;Vp.className=H1;Vp.defaultOptions=kce;var Vy="spreadsheet",YS=Vy;var T8=require("react/jsx-runtime"),F1="k-spreadsheet",xce=[],vce={},Tce={},Ed=e=>{let{children:t,...o}=e;return(0,T8.jsx)("div",{...o,className:l(F1,e.className),role:"application",children:t})};Ed.states=xce;Ed.options=vce;Ed.className=F1;Ed.defaultOptions=Tce;Ed.moduleName=Vy;Ed.folderName=YS;Ed.ariaSpec={selector:".k-spreadsheet",rules:[{selector:".k-spreadsheet",attribute:"role=application",usage:"Indicates the Spreadsheets' role as an application."},{selector:".k-spreadsheet-menu",attribute:"role=menubar",usage:"Follows Menu spec: announces the Menu menubar role."},{selector:".k-spreadsheet-menu .k-menu-item",attribute:"role=menuitem",usage:"Follows Menu spec: announces the Menu item role."},{selector:".k-spreadsheet-toolbar",attribute:"role=toolbar",usage:"Follows Toolbar spec: the component role."},{selector:".k-spreadsheet-toolbar",attribute:"aria-label or title",usage:"Each ToolBar must have a label specifying its purpose."},{selector:".k-spreadsheet-name-editor .k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Follows ComboBox spec: identifies the input as a combobox."},{selector:".k-spreadsheet-formula-bar .k-spreadsheet-formula-input",attribute:"role=combobox",usage:"The focusable element of the component should have role combobox (an input with popup)."},{selector:".k-spreadsheet-formula-bar .k-spreadsheet-formula-input",attribute:"aria-haspopup=menu",usage:"Specifies that the formula input opens a popup."},{selector:".k-spreadsheet-formula-bar .k-spreadsheet-formula-input",attribute:"aria-controls=.k-spreadsheet-formula-list id (when present)",usage:"Points to the formulas list with role menu. Signifies that the formula input element controls the popup."},{selector:".k-spreadsheet-formula-bar .k-spreadsheet-formula-input",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-spreadsheet-formula-bar .k-spreadsheet-formula-input",attribute:"title",usage:"The Formula input must have a title specifying its purpose."},{selector:".k-spreadsheet-formula-list",attribute:"id",usage:"Unique and deterministic id linked to the aria-controls attribute of the corresponding formula input."},{selector:".k-spreadsheet-formula-list",attribute:"role=menu",usage:"Announces the menu role of the popup."},{selector:".k-spreadsheet-formula-list .k-list-item",attribute:"role=menuitem",usage:"Announces the menuitem role of the popup items."},{selector:".k-spreadsheet-sheet-add",attribute:"role=button or nodeName=button",usage:"The add new sheet element is a button."},{selector:".k-spreadsheet-sheet-add",attribute:"aria-label or title",usage:"The add new sheet element must have a label as it does not have text content."},{selector:".k-spreadsheet-sheet-add",attribute:"aria-controls=.k-tabstrip-items id (when present)",usage:"Points to the ul element of the TabStrip that contains all tabs."},{selector:".k-spreadsheet-sheets-menu",attribute:"role=button or nodeName=button",usage:"Follows DropDownButton spec: omitted if the button DOM element is used."},{selector:".k-spreadsheet-sheets-menu",attribute:"aria-label or title",usage:"Follows DropDownButton spec: required when no text is visible."},{selector:".k-spreadsheet-sheets-menu",attribute:"aria-controls=.k-tabstrip-items id (when present)",usage:"Points to the ul element of the TabStrip that contains all tabs."},{selector:".k-spreadsheet-sheets .k-tabstrip-items",attribute:"role=tablist",usage:"Follows TabStrip spec: indicates the tablist role for the ul element."},{selector:".k-spreadsheet-sheets .k-tabstrip-item",attribute:"role=tab",usage:"Follows TabStrip spec: the tab li element."},{selector:".k-spreadsheet-sheets .k-tabstrip-item .k-menu-button",attribute:"aria-label or title",usage:"Follows DropDownButton spec: required when no text is visible in the tab menu button."}]};var w8=require("react/jsx-runtime"),z1="k-spreadsheet-legacy",wce=[],Nce={},yce={},zk=e=>{let{...t}=e;return(0,w8.jsx)("div",{...t,className:l(e.className,z1),children:e.children})};zk.states=wce;zk.options=Nce;zk.className=z1;zk.defaultOptions=yce;zk.moduleName=Vy;zk.folderName=YS;var Qp=require("react/jsx-runtime"),W1=e=>(0,Qp.jsx)(Ed,{children:(0,Qp.jsxs)(Qp.Fragment,{children:[(0,Qp.jsx)(Fp,{}),(0,Qp.jsx)(zp,{}),(0,Qp.jsx)(Vp,{selection:(0,Qp.jsx)("div",{className:"k-spreadsheet-selection k-single-selection",style:{width:"880px",height:"71px",top:"30px",left:"30px"}}),rowHeaderSelection:{1:"partial"},columnHeaderSelection:{A:"partial",B:"partial",C:"partial",D:"partial",E:"partial",F:"partial",G:"partial"},activeCellIndex:0}),(0,Qp.jsx)(Wp,{})]}),...e});var Xp=require("react/jsx-runtime"),Ace=e=>(0,Xp.jsx)(Ed,{children:(0,Xp.jsxs)(Xp.Fragment,{children:[(0,Xp.jsx)(Fp,{}),(0,Xp.jsx)(zp,{formulaExpanded:!0}),(0,Xp.jsx)(Vp,{selection:(0,Xp.jsx)("div",{className:"k-spreadsheet-selection k-single-selection",style:{width:"880px",height:"71px",top:"30px",left:"30px"}}),rowHeaderSelection:{1:"partial"},columnHeaderSelection:{A:"partial",B:"partial",C:"partial",D:"partial",E:"partial",F:"partial",G:"partial"},activeCellIndex:0}),(0,Xp.jsx)(Wp,{})]}),...e});var Gf=require("react/jsx-runtime"),Cce={},Sce=[],Ece=[],Lce={},Ice=[],Wk=()=>(0,Gf.jsxs)(W1,{style:{height:"415px",width:"80%"},children:[(0,Gf.jsx)(Fp,{}),(0,Gf.jsx)(zp,{}),(0,Gf.jsx)(Vp,{selection:(0,Gf.jsx)("div",{className:"k-spreadsheet-selection k-single-selection",style:{width:"101px",height:"31px",top:"125px",left:"30px"}}),rowHeaderSelection:{3:"partial"},columnHeaderSelection:{A:"partial"},activeCellIndex:8}),(0,Gf.jsx)(Wp,{})]});Wk.options=Cce;Wk.states=Sce;Wk.variants=Ece;Wk.defaultOptions=Lce;Wk.modifiers=Ice;Wk.className=Ed.className;var Qy=require("react/jsx-runtime"),V1="k-pivotgrid-configurator-button",Mce=[],Bce={},Pce={},Hf=e=>{let{...t}=e;return(0,Qy.jsx)("div",{...t,className:l(e.className,V1),"aria-hidden":"true",children:(0,Qy.jsxs)("span",{children:["Change settings",(0,Qy.jsx)(f,{icon:"gear"})]})})};Hf.states=Mce;Hf.options=Bce;Hf.className=V1;Hf.defaultOptions=Pce;var N8=Hf;var A8=hu(require("react"));var Q1="pivotgrid",y8=Q1;var Ld=require("react/jsx-runtime"),X1="k-pivotgrid",Dce=[],Rce={},GS={emptyCell:(0,Ld.jsx)("div",{className:"k-pivotgrid-empty-cell",role:"none",children:(0,Ld.jsx)("table",{role:"none",children:(0,Ld.jsx)("thead",{role:"none",children:(0,Ld.jsx)("tr",{role:"none",children:(0,Ld.jsx)("th",{"aria-colspan":1,"aria-rowspan":1,id:b("pivotgrid-empty"),children:(0,Ld.jsx)("span",{className:"k-sr-only",children:"PivotGrid component. Use the arrow keys to navigate."})})})})})}),configuratorDisplay:"none",configuratorPosition:"right"},Dn=e=>{let{emptyCell:t=GS.emptyCell,configuratorDisplay:o=GS.configuratorDisplay,configuratorPosition:r=GS.configuratorPosition,configurator:i,columnHeaders:c,rowHeaders:u,children:h,...x}=e;return(0,Ld.jsxs)("div",{className:{left:"k-d-flex k-flex-row-reverse k-pos-relative",bottom:"k-d-flex k-flex-col k-pos-relative",top:"k-d-flex k-flex-col-reverse k-pos-relative",right:"k-d-flex k-flex-row k-pos-relative"}[r],children:[(0,Ld.jsxs)("div",{...x,className:l(e.className,X1),role:"grid",children:[t,(0,Ld.jsx)("div",{className:"k-pivotgrid-column-headers",role:"none",children:c}),(0,Ld.jsx)("div",{className:"k-pivotgrid-row-headers",role:"none",children:u}),(0,Ld.jsx)("div",{className:"k-pivotgrid-values",role:"none",children:h})]}),i&&o==="opened"&&i,i&&o==="closed"&&A8.default.cloneElement(i,{"aria-hidden":"true"}),o!=="none"&&(0,Ld.jsx)(N8,{})]})};Dn.states=Dce;Dn.options=Rce;Dn.className=X1;Dn.defaultOptions=GS;Dn.moduleName=Q1;Dn.folderName=y8;Dn.ariaSpec={selector:".k-pivotgrid",rules:[{selector:".k-pivotgrid",attribute:"role=grid",usage:"The role specifies the element is a Data Grid."},{selector:".k-pivotgrid-empty-cell th",attribute:"id",usage:"Sets a unique identifier for the cell to be referenced from the first column header row aria-owns attribute."},{selector:".k-pivotgrid-column-headers>.k-pivotgrid-table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-pivotgrid-column-headers>.k-pivotgrid-table>tbody",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-pivotgrid-column-headers>.k-pivotgrid-table>tbody>.k-pivotgrid-row",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-pivotgrid-column-headers>.k-pivotgrid-table>tbody>.k-pivotgrid-row:first-child",attribute:"aria-owns",usage:"Lists the IDs of the empty cell and all cells in the first column headers row to construct the a11y tree."},{selector:".k-pivotgrid-column-headers>.k-pivotgrid-table>tbody>.k-pivotgrid-row>th",attribute:"role=columnheader",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-pivotgrid-column-headers>.k-pivotgrid-table>tbody>.k-pivotgrid-row>th",attribute:"aria-expanded (when expandable)",usage:"Indicates the current expanded state of the header."},{selector:".k-pivotgrid-column-headers>.k-pivotgrid-table>tbody>.k-pivotgrid-row>th",attribute:"id",usage:"Unique and deterministic identifier, used to associate the header cell with respective data cells."},{selector:'[class*="i-chevron-up"]',attribute:"aria-hidden=true",usage:"Excludes the collapse icon from the screen reader output."},{selector:'[class*="i-chevron-down"]',attribute:"aria-hidden=true",usage:"Excludes the expand icon from the screen reader output."},{selector:".k-pivotgrid-row-headers>.k-pivotgrid-table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-pivotgrid-row-headers>.k-pivotgrid-table>tbody",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-pivotgrid-row-headers>.k-pivotgrid-table>tbody>.k-pivotgrid-row",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-pivotgrid-row-headers>.k-pivotgrid-table>tbody>.k-pivotgrid-row",attribute:"aria-owns (when present)",usage:"Used to associate row header cells with the corresponding data cells."},{selector:".k-pivotgrid-row-headers>.k-pivotgrid-table>tbody>.k-pivotgrid-row>th",attribute:"role=rowheader",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-pivotgrid-row-headers>.k-pivotgrid-table>tbody>.k-pivotgrid-row>th",attribute:"aria-expanded (when expandable)",usage:"Indicates the current expanded state of the header."},{selector:".k-pivotgrid-values>.k-pivotgrid-table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-pivotgrid-values>.k-pivotgrid-table>tbody",attribute:"role=none",usage:"The contained rows are associated with their headers through alternative mechanics."},{selector:".k-pivotgrid-values>.k-pivotgrid-table>tbody>.k-pivotgrid-row",attribute:"role=none",usage:"The rows are associated with their headers through alternative mechanics."},{selector:".k-pivotgrid-values>.k-pivotgrid-table>tbody>.k-pivotgrid-row>td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-pivotgrid-values>.k-pivotgrid-table>tbody>.k-pivotgrid-row>td",attribute:"id",usage:"Unique and deterministic identifier, used to associate the data cell with respective row header cells."},{selector:".k-pivotgrid-values>.k-pivotgrid-table>tbody>.k-pivotgrid-row>td",attribute:"aria-describedby (when present)",usage:"Used to associate the data cells with the respective column header cells."},{selector:".k-pivotgrid-configurator-button",attribute:"aria-hidden=true",usage:"Hide the element from assistive technologies."},{selector:".k-pivotgrid-configurator",attribute:"role=dialog",usage:"The role specifies the element is a dialog."},{selector:".k-pivotgrid-configurator",attribute:"aria-hidden (when closed)",usage:"Specifies whether the configurator is visible if it is still in the DOM when closed."},{selector:".k-pivotgrid-configurator",attribute:"aria-labelledby",usage:"Associates the configurator wrapper with its internal header element."},{selector:".k-pivotgrid-configurator-header-text",attribute:"id",usage:"Unique identifier used to associate the header text with elements that reference it as a label."},{selector:".k-pivotgrid-configurator-content .k-label",attribute:"id",usage:"Unique identifier used to associate the label text with elements that reference it as a label."},{selector:".k-pivotgrid-configurator-actions .k-button.k-disabled",attribute:"aria-disabled=true (when disabled)",usage:"Announces the non-interactive state of the configurator Cancel and Apply buttons."},{selector:".k-fields-list-wrapper .k-treeview",attribute:"aria-labelledby",usage:"Associates the fields chooser TreeView with the Fields section and Configurator header texts."},{selector:".k-pivotgrid-configurator-content .k-chip-list",attribute:"aria-labelledby",usage:"Associates the chip lists with their respective section label and Configurator header texts."}]};var C8=require("react/jsx-runtime"),Z1="k-pivotgrid-table",Oce=[],Kce={},Yce={},fc=e=>{let{children:t,...o}=e;return(0,C8.jsx)("table",{...o,className:l(e.className,Z1),children:t})};fc.states=Oce;fc.options=Kce;fc.className=Z1;fc.defaultOptions=Yce;var S8=require("react/jsx-runtime"),U1="k-pivotgrid-tbody",Gce=[],Hce={},Fce={},hc=e=>{let{children:t,...o}=e;return(0,S8.jsx)("tbody",{...o,className:l(e.className,U1),children:t})};hc.states=Gce;hc.options=Hce;hc.className=U1;hc.defaultOptions=Fce;var E8=require("react/jsx-runtime"),HS="k-pivotgrid-row",zce=[m.hover,m.selected],Wce={},Vce={},Zo=e=>{let{columnTotal:t,children:o,hover:r,selected:i,...c}=e;return(0,E8.jsx)("tr",{...c,className:l(e.className,HS,{"k-pivotgrid-column-total":t},D(HS,{hover:r,selected:i})),children:o})};Zo.states=zce;Zo.options=Wce;Zo.className=HS;Zo.defaultOptions=Vce;var jT=require("react/jsx-runtime"),FS="k-pivotgrid-cell",Qce=[m.focus,m.selected],Xce={},Zce={},Ue=e=>{let{as:t="td",toggle:o,headerTitle:r,content:i,headerRootCell:c,totalCell:u,headerTotalCell:h,rowTotalCell:x,focus:v,selected:T,...C}=e,N={up:"up",down:"down"};return(0,jT.jsxs)(t,{...C,className:l(e.className,FS,{"k-pivotgrid-expanded":o==="up","k-pivotgrid-header-root":c,"k-pivotgrid-total":u,"k-pivotgrid-header-total":h,"k-pivotgrid-row-total":x},D(FS,{focus:v,selected:T})),children:[o&&(0,jT.jsx)(f,{className:"k-pivotgrid-toggle",icon:`chevron-${N[o]}`}),r&&(0,jT.jsx)("span",{className:"k-pivotgrid-header-title",children:r}),(i||i==="")&&(0,jT.jsx)("span",{className:"k-pivotgrid-content",children:i})]})};Ue.states=Qce;Ue.options=Xce;Ue.className=FS;Ue.defaultOptions=Zce;var gc=require("react/jsx-runtime"),Zy="k-pivotgrid-configurator",Uce=[],Jce={},jce=(0,gc.jsxs)(gc.Fragment,{children:[(0,gc.jsx)(d,{children:"Cancel"}),(0,gc.jsx)(d,{themeColor:"primary",children:"Apply"})]}),Xy={orientation:"vertical",mode:"push",actionButtons:jce,header:"Settings"},kc=e=>{let{orientation:t=Xy.orientation,mode:o=Xy.mode,actionButtons:r=Xy.actionButtons,header:i=Xy.header,headerId:c,children:u,...h}=e,x=c||b("pivotgrid-configurator-header");return(0,gc.jsx)("div",{...h,className:l(e.className,Zy),role:"dialog","aria-labelledby":x,children:(0,gc.jsxs)("div",{className:l("k-pivotgrid-configurator-panel",{[`${Zy}-${t}`]:t,[`${Zy}-${o}`]:o}),children:[(0,gc.jsx)("div",{className:"k-pivotgrid-configurator-header",children:(0,gc.jsx)("div",{className:"k-pivotgrid-configurator-header-text",id:x,children:i})}),(0,gc.jsx)("div",{className:"k-pivotgrid-configurator-content",children:u}),(0,gc.jsx)(Xe,{alignment:"end",className:"k-pivotgrid-configurator-actions",children:r})]})})};kc.states=Uce;kc.options=Jce;kc.className=Zy;kc.defaultOptions=Xy;var Jl=require("react/jsx-runtime"),J1="k-calculated-field",qce=[],_ce={},$ce=(0,Jl.jsxs)(Jl.Fragment,{children:[(0,Jl.jsx)(f,{icon:"sum"}),(0,Jl.jsx)(de,{value:"SUM"}),(0,Jl.jsx)("span",{className:"k-spacer"}),(0,Jl.jsx)(f,{icon:"eye"}),(0,Jl.jsx)(de,{value:"Default"})]}),zS={headerContent:(0,Jl.jsx)("div",{className:"k-calculated-field-header-text",children:"Date.Calendar"}),headerActions:(0,Jl.jsx)(d,{fillMode:"flat",icon:"x"}),fieldActions:$ce},Uy=e=>{let{headerContent:t=zS.headerContent,headerActions:o=zS.headerActions,fieldActions:r=zS.fieldActions,children:i,...c}=e;return(0,Jl.jsxs)("div",{...c,className:l(e.className,J1),children:[(0,Jl.jsxs)("div",{className:"k-calculated-field-header",children:[t,o&&(0,Jl.jsxs)(Jl.Fragment,{children:[(0,Jl.jsx)("span",{className:"k-spacer"}),(0,Jl.jsx)("div",{className:"k-calculated-field-header-actions",children:o})]})]}),i&&(0,Jl.jsx)("div",{className:"k-calculated-field-content",children:i}),(0,Jl.jsx)("div",{className:"k-calculated-field-actions",children:r})]})};Uy.states=qce;Uy.options=_ce;Uy.className=J1;Uy.defaultOptions=zS;var Ie=require("react/jsx-runtime"),gb=e=>{let t=b("pivotgrid-empty"),o=b("ch"),r=b("ch"),i=b("ch"),c=b("ch"),u=b("ch"),h=b("ch"),x=b("ch"),v=[];for(let T=0;T<6;T++){v[T]=[];for(let C=0;C<3;C++)v[T][C]=b("dc")}return(0,Ie.jsx)(Dn,{style:{gridTemplateRows:"111px 1fr",gridTemplateColumns:"369px 1fr"},emptyCell:(0,Ie.jsx)("div",{className:"k-pivotgrid-empty-cell",role:"none",children:(0,Ie.jsx)("table",{role:"none",children:(0,Ie.jsx)("thead",{role:"none",children:(0,Ie.jsx)("tr",{role:"none",children:(0,Ie.jsx)("th",{id:t,children:(0,Ie.jsx)("span",{className:"k-sr-only",children:"PivotGrid component. Use the arrow keys to navigate."})})})})})}),columnHeaders:(0,Ie.jsxs)(fc,{role:"none",children:[(0,Ie.jsxs)("colgroup",{children:[(0,Ie.jsx)("col",{width:"200"}),(0,Ie.jsx)("col",{width:"200"}),(0,Ie.jsx)("col",{width:"200"})]}),(0,Ie.jsxs)(hc,{role:"rowgroup",children:[(0,Ie.jsxs)(Zo,{role:"row","aria-owns":`${t} ${o} ${r}`,children:[(0,Ie.jsx)(Ue,{as:"th",colSpan:2,toggle:"up",headerTitle:"Categories",headerRootCell:!0,role:"columnheader","aria-expanded":"true",id:o}),(0,Ie.jsx)(Ue,{as:"th",colSpan:1,rowSpan:2,headerTitle:"Categories",headerRootCell:!0,headerTotalCell:!0,role:"columnheader",id:r})]}),(0,Ie.jsxs)(Zo,{role:"row",children:[(0,Ie.jsx)(Ue,{as:"th",colSpan:1,headerTitle:"Seafood",role:"columnheader",id:i}),(0,Ie.jsx)(Ue,{as:"th",colSpan:1,headerTitle:"Beverages",role:"columnheader",id:c})]}),(0,Ie.jsxs)(Zo,{role:"row",children:[(0,Ie.jsx)(Ue,{as:"th",colSpan:1,toggle:"down",headerTitle:"Products",headerRootCell:!0,role:"columnheader","aria-expanded":"false",id:u}),(0,Ie.jsx)(Ue,{as:"th",colSpan:1,toggle:"down",headerTitle:"Products",headerRootCell:!0,role:"columnheader","aria-expanded":"false",id:h}),(0,Ie.jsx)(Ue,{as:"th",colSpan:1,headerTitle:"Products",headerRootCell:!0,headerTotalCell:!0,role:"columnheader",id:x})]})]})]}),rowHeaders:(0,Ie.jsxs)(fc,{role:"none",children:[(0,Ie.jsxs)("colgroup",{children:[(0,Ie.jsx)("col",{}),(0,Ie.jsx)("col",{}),(0,Ie.jsx)("col",{})]}),(0,Ie.jsxs)(hc,{role:"rowgroup",children:[(0,Ie.jsxs)(Zo,{role:"row","aria-owns":`${v[0][0]} ${v[0][1]} ${v[0][2]}`,children:[(0,Ie.jsx)(Ue,{as:"th",colSpan:1,rowSpan:5,toggle:"up",headerTitle:"Regions",headerRootCell:!0,role:"rowheader","aria-expanded":"true"}),(0,Ie.jsx)(Ue,{as:"th",colSpan:1,headerTitle:"South America",role:"rowheader"}),(0,Ie.jsx)(Ue,{as:"th",colSpan:1,rowSpan:1,toggle:"down",headerTitle:"Countries",headerRootCell:!0,role:"rowheader","aria-expanded":"false"})]}),(0,Ie.jsxs)(Zo,{role:"row","aria-owns":`${v[1][0]} ${v[1][1]} ${v[1][2]}`,children:[(0,Ie.jsx)(Ue,{as:"th",colSpan:1,headerTitle:"North America",role:"rowheader"}),(0,Ie.jsx)(Ue,{as:"th",colSpan:1,rowSpan:1,toggle:"down",headerTitle:"Countries",headerRootCell:!0,role:"rowheader","aria-expanded":"false"})]}),(0,Ie.jsxs)(Zo,{role:"row","aria-owns":`${v[2][0]} ${v[2][1]} ${v[2][2]}`,children:[(0,Ie.jsx)(Ue,{as:"th",colSpan:1,headerTitle:"Europe",role:"rowheader"}),(0,Ie.jsx)(Ue,{as:"th",colSpan:1,rowSpan:1,toggle:"down",headerTitle:"Countries",headerRootCell:!0,role:"rowheader","aria-expanded":"false"})]}),(0,Ie.jsxs)(Zo,{role:"row","aria-owns":`${v[3][0]} ${v[3][1]} ${v[3][2]}`,children:[(0,Ie.jsx)(Ue,{as:"th",colSpan:1,headerTitle:"Asia",role:"rowheader"}),(0,Ie.jsx)(Ue,{as:"th",colSpan:1,rowSpan:1,toggle:"down",headerTitle:"Countries",headerRootCell:!0,role:"rowheader","aria-expanded":"false"})]}),(0,Ie.jsxs)(Zo,{role:"row","aria-owns":`${v[4][0]} ${v[4][1]} ${v[4][2]}`,children:[(0,Ie.jsx)(Ue,{as:"th",colSpan:1,headerTitle:"Africa",role:"rowheader"}),(0,Ie.jsx)(Ue,{as:"th",colSpan:1,rowSpan:1,toggle:"down",headerTitle:"Countries",headerRootCell:!0,role:"rowheader","aria-expanded":"false"})]}),(0,Ie.jsxs)(Zo,{role:"row","aria-owns":`${v[5][0]} ${v[5][1]} ${v[5][2]}`,children:[(0,Ie.jsx)(Ue,{as:"th",colSpan:2,headerTitle:"Regions",headerRootCell:!0,headerTotalCell:!0,role:"rowheader"}),(0,Ie.jsx)(Ue,{as:"th",colSpan:1,rowSpan:1,headerTitle:"Countries",headerRootCell:!0,headerTotalCell:!0,role:"rowheader"})]})]})]}),children:(0,Ie.jsxs)(fc,{role:"none",children:[(0,Ie.jsxs)("colgroup",{children:[(0,Ie.jsx)("col",{width:"200"}),(0,Ie.jsx)("col",{width:"200"}),(0,Ie.jsx)("col",{width:"200"})]}),(0,Ie.jsxs)(hc,{role:"none",children:[(0,Ie.jsxs)(Zo,{role:"none",children:[(0,Ie.jsx)(Ue,{as:"td",role:"gridcell",colSpan:1,content:"1847.00",id:v[0][0],"aria-describedby":`${i} ${o} ${u}`}),(0,Ie.jsx)(Ue,{as:"td",role:"gridcell",colSpan:1,content:"1488.00",id:v[0][1],"aria-describedby":`${c} ${o} ${h}`}),(0,Ie.jsx)(Ue,{as:"td",role:"gridcell",colSpan:1,content:"3335.00",totalCell:!0,id:v[0][2],"aria-describedby":`${r} ${x}`})]}),(0,Ie.jsxs)(Zo,{role:"none",children:[(0,Ie.jsx)(Ue,{as:"td",role:"gridcell",colSpan:1,content:"1998.00",id:v[1][0],"aria-describedby":`${i} ${o} ${u}`}),(0,Ie.jsx)(Ue,{as:"td",role:"gridcell",colSpan:1,content:"1406.00",id:v[1][1],"aria-describedby":`${c} ${o} ${h}`}),(0,Ie.jsx)(Ue,{as:"td",role:"gridcell",colSpan:1,content:"3404.00",totalCell:!0,id:v[1][2],"aria-describedby":`${r} ${x}`})]}),(0,Ie.jsxs)(Zo,{role:"none",children:[(0,Ie.jsx)(Ue,{as:"td",role:"gridcell",colSpan:1,content:"2065.00",id:v[2][0],"aria-describedby":`${i} ${o} ${u}`}),(0,Ie.jsx)(Ue,{as:"td",role:"gridcell",colSpan:1,content:"1242.00",id:v[2][1],"aria-describedby":`${c} ${o} ${h}`}),(0,Ie.jsx)(Ue,{as:"td",role:"gridcell",colSpan:1,content:"3307.00",totalCell:!0,id:v[2][2],"aria-describedby":`${r} ${x}`})]}),(0,Ie.jsxs)(Zo,{role:"none",children:[(0,Ie.jsx)(Ue,{as:"td",role:"gridcell",colSpan:1,content:"1830.00",id:v[3][0],"aria-describedby":`${i} ${o} ${u}`}),(0,Ie.jsx)(Ue,{as:"td",role:"gridcell",colSpan:1,content:"1579.00",id:v[3][1],"aria-describedby":`${c} ${o} ${h}`}),(0,Ie.jsx)(Ue,{as:"td",role:"gridcell",colSpan:1,content:"3409.00",totalCell:!0,id:v[3][2],"aria-describedby":`${r} ${x}`})]}),(0,Ie.jsxs)(Zo,{role:"none",children:[(0,Ie.jsx)(Ue,{as:"td",role:"gridcell",colSpan:1,content:"2005.00",id:v[4][0],"aria-describedby":`${i} ${o} ${u}`}),(0,Ie.jsx)(Ue,{as:"td",role:"gridcell",colSpan:1,content:"1441.00",id:v[4][1],"aria-describedby":`${c} ${o} ${h}`}),(0,Ie.jsx)(Ue,{as:"td",role:"gridcell",colSpan:1,content:"3446.00",totalCell:!0,id:v[4][2],"aria-describedby":`${r} ${x}`})]}),(0,Ie.jsxs)(Zo,{role:"none",children:[(0,Ie.jsx)(Ue,{as:"td",role:"gridcell",colSpan:1,content:"9745.00",totalCell:!0,id:v[5][0],"aria-describedby":`${i} ${o} ${u}`}),(0,Ie.jsx)(Ue,{as:"td",role:"gridcell",colSpan:1,content:"7156.00",totalCell:!0,id:v[5][1],"aria-describedby":`${c} ${o} ${h}`}),(0,Ie.jsx)(Ue,{as:"td",role:"gridcell",colSpan:1,content:"16901.00",totalCell:!0,id:v[5][2],"aria-describedby":`${r} ${x}`})]})]})]}),...e})};var j1=require("react/jsx-runtime"),epe=e=>(0,j1.jsx)(gb,{configurator:(0,j1.jsx)(kc,{}),configuratorDisplay:"closed",...e});var St=require("react/jsx-runtime"),tpe=({formOrientation:e="vertical",...t})=>{let o=b("pivotgrid-configurator-header"),r=b("pivotgrid-label"),i=b("pivotgrid-label"),c=b("pivotgrid-label"),u=b("pivotgrid-label");return(0,St.jsx)(gb,{configurator:(0,St.jsx)(kc,{headerId:o,actionButtons:(0,St.jsxs)(St.Fragment,{children:[(0,St.jsx)(d,{children:"Cancel"}),(0,St.jsx)(d,{themeColor:"primary",children:"Apply"})]}),children:(0,St.jsxs)(Qo,{orientation:e,children:[(0,St.jsx)("div",{className:"k-form-field",children:(0,St.jsx)("label",{className:"k-label",id:r,children:"Fields"})}),(0,St.jsx)("div",{className:"k-form-field",children:(0,St.jsx)("div",{className:"k-fields-list-wrapper",children:(0,St.jsxs)(Yt,{"aria-labelledby":`${o} ${r}`,children:[(0,St.jsx)(z,{checked:!0,showCheckbox:!0,text:"Category"}),(0,St.jsx)(z,{checked:!0,showCheckbox:!0,text:"Product"}),(0,St.jsx)(z,{checked:!0,showCheckbox:!0,text:"Region"}),(0,St.jsx)(z,{checked:!0,showCheckbox:!0,text:"Country"}),(0,St.jsx)(z,{hasChildren:!0,text:"Measures"})]})})}),(0,St.jsx)("div",{className:"k-form-field",children:(0,St.jsx)("label",{className:"k-label",id:i,children:"Columns"})}),(0,St.jsxs)(no,{className:"k-column-fields","aria-labelledby":`${o} ${i}`,children:[(0,St.jsx)(mt,{role:"option",text:"Category",actions:(0,St.jsxs)(St.Fragment,{children:[(0,St.jsx)(dt,{type:"more"}),(0,St.jsx)(dt,{type:"remove"})]})}),(0,St.jsx)(mt,{role:"option",text:"Product",actions:(0,St.jsxs)(St.Fragment,{children:[(0,St.jsx)(dt,{type:"more"}),(0,St.jsx)(dt,{type:"remove"})]})})]}),(0,St.jsx)("div",{className:"k-form-field",children:(0,St.jsx)("label",{className:"k-label",id:c,children:"Rows"})}),(0,St.jsxs)(no,{className:"k-row-fields","aria-labelledby":`${o} ${c}`,children:[(0,St.jsx)(mt,{role:"option",text:"Region",actions:(0,St.jsxs)(St.Fragment,{children:[(0,St.jsx)(dt,{type:"more"}),(0,St.jsx)(dt,{type:"remove"})]})}),(0,St.jsx)(mt,{role:"option",text:"Country",actions:(0,St.jsxs)(St.Fragment,{children:[(0,St.jsx)(dt,{type:"more"}),(0,St.jsx)(dt,{type:"remove"})]})})]}),(0,St.jsx)("div",{className:"k-form-field",children:(0,St.jsx)("label",{className:"k-label",id:u,children:"Values"})}),(0,St.jsx)(no,{className:"k-filter-fields","aria-labelledby":`${o} ${u}`,children:(0,St.jsx)(mt,{role:"option",text:"Total",actions:(0,St.jsxs)(St.Fragment,{children:[(0,St.jsx)(dt,{type:"more"}),(0,St.jsx)(dt,{type:"remove"})]})})})]})}),configuratorDisplay:"opened",...t})};var Io=require("react/jsx-runtime"),ope=({formOrientation:e="vertical",...t})=>{let o=b("pivotgrid-configurator-header"),r=b("pivotgrid-label"),i=b("pivotgrid-label"),c=b("pivotgrid-label"),u=b("pivotgrid-label");return(0,Io.jsx)(gb,{configurator:(0,Io.jsx)(kc,{headerId:o,actionButtons:(0,Io.jsxs)(Io.Fragment,{children:[(0,Io.jsx)(d,{children:"Cancel"}),(0,Io.jsx)(d,{themeColor:"primary",ariaDisabled:!0,children:"Apply"})]}),children:(0,Io.jsxs)(Qo,{orientation:e,children:[(0,Io.jsx)("div",{className:"k-form-field",children:(0,Io.jsx)("label",{className:"k-label",id:r,children:"Fields"})}),(0,Io.jsx)("div",{className:"k-form-field",children:(0,Io.jsx)("div",{className:"k-fields-list-wrapper",children:(0,Io.jsxs)(Yt,{"aria-labelledby":`${o} ${r}`,children:[(0,Io.jsx)(z,{checked:!0,showCheckbox:!0,text:"Category"}),(0,Io.jsx)(z,{checked:!0,showCheckbox:!0,text:"Product"}),(0,Io.jsx)(z,{showCheckbox:!0,text:"Region"}),(0,Io.jsx)(z,{showCheckbox:!0,text:"Country"}),(0,Io.jsx)(z,{hasChildren:!0,text:"Measures"})]})})}),(0,Io.jsx)("div",{className:"k-form-field",children:(0,Io.jsx)("label",{className:"k-label",id:i,children:"Columns"})}),(0,Io.jsxs)(no,{className:"k-column-fields","aria-labelledby":`${o} ${i}`,children:[(0,Io.jsx)(mt,{role:"option",text:"Category",actions:(0,Io.jsxs)(Io.Fragment,{children:[(0,Io.jsx)(dt,{type:"more"}),(0,Io.jsx)(dt,{type:"remove"})]})}),(0,Io.jsx)(mt,{role:"option",text:"Product",actions:(0,Io.jsxs)(Io.Fragment,{children:[(0,Io.jsx)(dt,{type:"more"}),(0,Io.jsx)(dt,{type:"remove"})]})})]}),(0,Io.jsx)("div",{className:"k-form-field",children:(0,Io.jsx)("label",{className:"k-label",id:c,children:"Rows"})}),(0,Io.jsx)("div",{className:"k-settings-description",children:"Select some fields to begin setup."}),(0,Io.jsx)("div",{className:"k-form-field",children:(0,Io.jsx)("label",{className:"k-label",id:u,children:"Values"})}),(0,Io.jsx)("div",{className:"k-settings-description",children:"Select some fields to begin setup."})]})}),configuratorDisplay:"opened",...t})};var se=require("react/jsx-runtime"),ape=Dn.options,rpe=Dn.states,L8={...Dn.defaultOptions,variant:"top"},lpe=[{name:"top",title:"Top"},{name:"right",title:"Right"},{name:"left",title:"Left"},{name:"bottom",title:"Bottom"}],ipe=[{name:"open",title:"Open Settings"}],Vk=e=>{let{variant:t,modifiers:o,...r}={...L8,...e},i=(0,se.jsx)(se.Fragment,{children:(0,se.jsxs)(fc,{children:[(0,se.jsxs)("colgroup",{children:[(0,se.jsx)("col",{}),(0,se.jsx)("col",{})]}),(0,se.jsxs)(hc,{children:[(0,se.jsxs)(Zo,{children:[(0,se.jsx)(Ue,{as:"th",colSpan:1,rowSpan:5,toggle:"up",headerTitle:"Regions",headerRootCell:!0}),(0,se.jsx)(Ue,{as:"th",colSpan:1,headerTitle:"South America"})]}),(0,se.jsx)(Zo,{children:(0,se.jsx)(Ue,{as:"th",colSpan:1,headerTitle:"North America"})}),(0,se.jsx)(Zo,{children:(0,se.jsx)(Ue,{as:"th",colSpan:1,headerTitle:"Europe"})}),(0,se.jsx)(Zo,{children:(0,se.jsx)(Ue,{as:"th",colSpan:1,headerTitle:"Asia"})}),(0,se.jsx)(Zo,{children:(0,se.jsx)(Ue,{as:"th",colSpan:1,headerTitle:"Africa"})}),(0,se.jsx)(Zo,{children:(0,se.jsx)(Ue,{as:"th",colSpan:2,headerTitle:"Regions",headerRootCell:!0,headerTotalCell:!0})})]})]})}),c=(0,se.jsx)(se.Fragment,{children:(0,se.jsxs)(fc,{children:[(0,se.jsxs)("colgroup",{children:[(0,se.jsx)("col",{width:"150"}),(0,se.jsx)("col",{width:"150"})]}),(0,se.jsxs)(hc,{children:[(0,se.jsx)(Zo,{children:(0,se.jsx)(Ue,{as:"th",colSpan:2,toggle:"up",headerTitle:"Categories",headerRootCell:!0})}),(0,se.jsxs)(Zo,{children:[(0,se.jsx)(Ue,{as:"th",colSpan:1,headerTitle:"Seafood"}),(0,se.jsx)(Ue,{as:"th",colSpan:1,headerTitle:"Beverages"})]}),(0,se.jsxs)(Zo,{children:[(0,se.jsx)(Ue,{as:"th",colSpan:1,toggle:"down",headerTitle:"Products",headerRootCell:!0}),(0,se.jsx)(Ue,{as:"th",colSpan:1,toggle:"down",headerTitle:"Products",headerRootCell:!0})]})]})]})}),u=(0,se.jsx)(se.Fragment,{children:(0,se.jsxs)(fc,{children:[(0,se.jsxs)("colgroup",{children:[(0,se.jsx)("col",{width:"150"}),(0,se.jsx)("col",{width:"150"})]}),(0,se.jsxs)(hc,{children:[(0,se.jsxs)(Zo,{children:[(0,se.jsx)(Ue,{as:"td",colSpan:1,content:"1847.00"}),(0,se.jsx)(Ue,{as:"td",colSpan:1,content:"1488.00"})]}),(0,se.jsxs)(Zo,{children:[(0,se.jsx)(Ue,{as:"td",colSpan:1,content:"1998.00"}),(0,se.jsx)(Ue,{as:"td",colSpan:1,content:"1406.00"})]}),(0,se.jsxs)(Zo,{children:[(0,se.jsx)(Ue,{as:"td",colSpan:1,content:"2065.00"}),(0,se.jsx)(Ue,{as:"td",colSpan:1,content:"1242.00"})]}),(0,se.jsxs)(Zo,{children:[(0,se.jsx)(Ue,{as:"td",colSpan:1,content:"1830.00"}),(0,se.jsx)(Ue,{as:"td",colSpan:1,content:"1579.00"})]}),(0,se.jsxs)(Zo,{children:[(0,se.jsx)(Ue,{as:"td",colSpan:1,content:"2005.00"}),(0,se.jsx)(Ue,{as:"td",colSpan:1,content:"1441.00"})]}),(0,se.jsxs)(Zo,{children:[(0,se.jsx)(Ue,{as:"td",colSpan:1,content:"9745.00",totalCell:!0}),(0,se.jsx)(Ue,{as:"td",colSpan:1,content:"7156.00",totalCell:!0})]})]})]})}),h=(0,se.jsx)(se.Fragment,{children:(0,se.jsx)(kc,{mode:"overlay",children:(0,se.jsxs)(Qo,{className:"k-form-horizontal",children:[(0,se.jsx)("div",{className:"k-form-field",children:(0,se.jsx)("label",{className:"k-label",children:"Fields"})}),(0,se.jsx)("div",{className:"k-form-field",children:(0,se.jsx)("div",{className:"k-fields-list-wrapper",children:(0,se.jsxs)(Yt,{children:[(0,se.jsx)(z,{checked:!0,showCheckbox:!0,text:"Category"}),(0,se.jsx)(z,{checked:!0,showCheckbox:!0,text:"Product"})]})})}),(0,se.jsx)("div",{className:"k-form-field",children:(0,se.jsx)("label",{className:"k-label",children:"Columns"})}),(0,se.jsxs)(no,{className:"k-column-fields",children:[(0,se.jsx)(mt,{text:"Category",actions:(0,se.jsxs)(se.Fragment,{children:[(0,se.jsx)(dt,{type:"more"}),(0,se.jsx)(dt,{type:"remove"})]})}),(0,se.jsx)(mt,{text:"Product",actions:(0,se.jsxs)(se.Fragment,{children:[(0,se.jsx)(dt,{type:"more"}),(0,se.jsx)(dt,{type:"remove"})]})})]}),(0,se.jsx)("div",{className:"k-form-field",children:(0,se.jsx)("label",{className:"k-label",children:"Rows"})}),(0,se.jsx)(no,{className:"k-row-fields",children:(0,se.jsx)(mt,{text:"Region",actions:(0,se.jsxs)(se.Fragment,{children:[(0,se.jsx)(dt,{type:"more"}),(0,se.jsx)(dt,{type:"remove"})]})})})]})})}),x=(0,se.jsx)(se.Fragment,{});Object.keys(o||{}).forEach(C=>{C==="open"&&(x=o!=null&&o[C]?h:(0,se.jsx)(se.Fragment,{}))});let v={left:"k-d-flex k-flex-row-reverse k-pos-relative",bottom:"k-d-flex k-flex-col k-pos-relative",top:"k-d-flex k-flex-col-reverse k-pos-relative",right:"k-d-flex k-flex-row k-pos-relative"},T=v[t]||v.right;return(0,se.jsxs)("div",{className:T,children:[(0,se.jsx)(gb,{rowHeaders:i,columnHeaders:c,children:u,style:{gridTemplateRows:"111px 1fr",gridTemplateColumns:"236px 1fr"},...r}),x,(0,se.jsx)(Hf,{})]})};Vk.options=ape;Vk.states=rpe;Vk.variants=lpe;Vk.defaultOptions=L8;Vk.modifiers=ipe;Vk.className=Dn.className;var q1="treelist",I8=q1;var B8=require("react/jsx-runtime"),M8="k-treelist",spe=[],npe={},dpe={},Mo=e=>(0,B8.jsx)(Ze,{...e,ariaRole:"treegrid",className:l(M8,e.className),children:e.children});Mo.states=spe;Mo.options=npe;Mo.className=M8;Mo.defaultOptions=dpe;Mo.moduleName=q1;Mo.folderName=I8;Mo.ariaSpec={selector:".k-treelist",rules:[{selector:".k-grid-toolbar",attribute:"role=toolbar",usage:"The toolbar is a collection of command buttons and inputs."},{selector:".k-grid-toolbar",attribute:"aria-label",usage:"Clarifies the purpose of the toolbar."},{selector:".k-grid-toolbar",attribute:"aria-controls=.k-grid-aria-root id (when present)",usage:"Pointing to the id of the element with role=treegrid."},{selector:".k-treelist .k-grid-aria-root",attribute:"role=treegrid",usage:"The role specifies the element is a TreeGrid."},{selector:".k-grid-aria-root",attribute:"aria-colcount (when present)",usage:"The total number of columns."},{selector:".k-grid-aria-root",attribute:"aria-rowcount (when present)",usage:"The total number of rows in the table."},{selector:".k-grid-header-wrap>table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-grid-header-wrap>table>thead",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr",attribute:"aria-rowindex (when present)",usage:"Row number."},{selector:".k-grid-header-wrap>table>thead>tr>th:not(.k-hierarchy-cell):not(.k-group-cell):not(.k-drag-cell)",attribute:"role=columnheader",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr>th",attribute:"aria-sort (when present)",usage:"Present if sorting is enabled for that column."},{selector:".k-grid-header-wrap>table>thead>tr>th",attribute:"aria-colindex (when present)",usage:"Col number."},{selector:".k-grid-header-wrap>table>thead>tr>th",attribute:"aria-haspopup=dialog (when present)",usage:"Present if the column has a ColumnMenu or FilterMenu."},{selector:".k-grid-content>table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-grid-content>table>tbody",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-content>table>tbody>tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-content>table>tbody>tr",attribute:"aria-rowindex (when present)",usage:"Row number."},{selector:".k-grid-content>table>tbody>tr>td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-content>table>tbody>tr>td",attribute:"aria-colindex (when present)",usage:"Col number."},{selector:"tr.k-selected",attribute:"aria-selected=true",usage:"Set on the currently selected row(s) in row selection mode. All cells within the selected row also carry aria-selected=true (without k-selected class)."},{selector:"td.k-selected",attribute:"aria-selected=true",usage:"Set on the currently selected cell(s) in cell selection mode. The k-selected class on cells is only applied in cell selection mode, but aria-selected=true is present on cells regardless of selection mode."},{selector:".k-grid-content>table>tbody>tr",attribute:"aria-expanded (when present)",usage:"Set on the currently expanded row(s)."},{selector:".k-grid-content>table>tbody>tr td",attribute:"aria-expanded (when present)",usage:"The cell containing the expand/collapse toggle also carries aria-expanded matching the row value, as it is the navigable focusable element."},{selector:'.k-treelist-toggle[class*="i-chevron-down"],.k-treelist-toggle[class*="i-chevron-right"]',attribute:"aria-hidden=true",usage:"Removes the expand/collapse icon from the accessibility tree."},{selector:".k-grid-filter-popup",attribute:"role=dialog",usage:"The filter menu popup has dialog role."},{selector:".k-grid-filter-popup",attribute:"id",usage:"Unique id linked to the header cell aria-controls attribute."},{selector:".k-grid-filter-popup",attribute:"aria-label",usage:"Descriptive label for the filter menu."},{selector:".k-grid-columnmenu-popup",attribute:"role=dialog",usage:"The column menu popup has dialog role."},{selector:".k-grid-columnmenu-popup",attribute:"id",usage:"Unique id linked to the header cell aria-controls attribute."},{selector:".k-grid-columnmenu-popup",attribute:"aria-label",usage:"Descriptive label for the column menu."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"role=button",usage:"Column menu items have button role."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"tabindex=0",usage:"Column menu items are focusable."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"aria-expanded (when present)",usage:"Expandable column menu items announce their expanded state."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"aria-controls (when present)",usage:"Expandable items point to the id of the content they control."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"role=listbox",usage:"The column list is a listbox."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"aria-multiselectable=true",usage:"The column list supports multiple selections."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"aria-label",usage:"Accessible name for the column list."},{selector:".k-grid-columnmenu-popup .k-column-list-item",attribute:"role=option",usage:"Column list items are options."},{selector:".k-grid-columnmenu-popup .k-column-list-item",attribute:"aria-checked",usage:"Column list items announce their checked state."},{selector:".k-grid-header-locked table tr",attribute:"aria-owns",usage:"Locked header rows own cells from the corresponding non-locked header table rows."},{selector:".k-grid-content-locked table tr",attribute:"aria-owns",usage:"Locked content rows own cells from the corresponding non-locked content table rows."},{selector:".k-grid-lockedcolumns .k-grid-header-wrap table tr",attribute:"role=none",usage:"Non-locked header rows have their semantic role removed when locked columns exist."},{selector:".k-grid-lockedcolumns .k-grid-content table tr",attribute:"role=none",usage:"Non-locked content rows have their semantic role removed when locked columns exist."},{selector:".k-grid-lockedcolumns .k-grid-header-wrap th",attribute:"role=columnheader",usage:"Non-locked header cells retain columnheader role so they are announced correctly when owned via aria-owns."},{selector:".k-grid-lockedcolumns .k-grid-content td",attribute:"role=gridcell",usage:"Non-locked data cells retain gridcell role so they are announced correctly when owned via aria-owns."},{selector:".k-drag-cell",attribute:"aria-label",usage:"Must be present in a Drag Row scenario on the cell containing the drag handle."}]};var xt=require("react/jsx-runtime"),Ff=({gridHeader:e,gridContent:t,menu:o,...r})=>{let i=b("treelist");return(0,xt.jsxs)(Mo,{id:b("treelist"),_renderAriaRoot:!0,ariaRootId:i,ariaColCount:3,ariaRowCount:6,...r,children:[e||(0,xt.jsx)(Le,{children:(0,xt.jsx)("div",{className:"k-grid-header-wrap",children:(0,xt.jsxs)(ye,{role:"none",children:[(0,xt.jsxs)("colgroup",{children:[(0,xt.jsx)("col",{}),(0,xt.jsx)("col",{}),(0,xt.jsx)("col",{})]}),(0,xt.jsx)(xe,{role:"rowgroup",children:(0,xt.jsxs)(k,{role:"row","aria-rowindex":1,children:[(0,xt.jsx)(Y,{menu:o,columnTitle:"Name",role:"columnheader","aria-sort":"ascending","aria-colindex":1,...o?{"aria-haspopup":"dialog"}:{}}),(0,xt.jsx)(Y,{menu:o,columnTitle:"Position",role:"columnheader","aria-colindex":2,...o?{"aria-haspopup":"dialog"}:{}}),(0,xt.jsx)(Y,{menu:o,columnTitle:"Hire Date",role:"columnheader","aria-colindex":3,...o?{"aria-haspopup":"dialog"}:{}})]})})]})})}),(0,xt.jsx)(Be,{children:t||(0,xt.jsx)(Ae,{children:(0,xt.jsxs)(ve,{role:"none",children:[(0,xt.jsxs)("colgroup",{children:[(0,xt.jsx)("col",{}),(0,xt.jsx)("col",{}),(0,xt.jsx)("col",{})]}),(0,xt.jsxs)(ie,{role:"rowgroup",children:[(0,xt.jsxs)(k,{role:"row","aria-rowindex":2,"aria-expanded":"true",children:[(0,xt.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[(0,xt.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Daryl"]}),(0,xt.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Sweeney"}),(0,xt.jsx)(n,{role:"gridcell","aria-colindex":3,children:"CEO"})]}),(0,xt.jsxs)(k,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"true",children:[(0,xt.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[(0,xt.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,xt.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Guy"]}),(0,xt.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Wooten"}),(0,xt.jsx)(n,{role:"gridcell","aria-colindex":3,children:"Chief Technical Officer"})]}),(0,xt.jsxs)(k,{role:"row","aria-rowindex":4,"aria-expanded":"true",children:[(0,xt.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[(0,xt.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,xt.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,xt.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Buffy"]}),(0,xt.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Weber"}),(0,xt.jsx)(n,{role:"gridcell","aria-colindex":3,children:"VP, Engineering"})]}),(0,xt.jsxs)(k,{role:"row",alt:!0,"aria-rowindex":5,"aria-expanded":"true",children:[(0,xt.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[(0,xt.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,xt.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,xt.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,xt.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Hyacinth"]}),(0,xt.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Hood"}),(0,xt.jsx)(n,{role:"gridcell","aria-colindex":3,children:"Team Lead"})]}),(0,xt.jsxs)(k,{role:"row","aria-rowindex":6,children:[(0,xt.jsxs)(n,{role:"gridcell","aria-colindex":1,children:[(0,xt.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,xt.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,xt.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,xt.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,xt.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),(0,xt.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Carr"}),(0,xt.jsx)(n,{role:"gridcell","aria-colindex":3,children:"Junior Software Developer"})]})]})]})})})]})};var P8=require("react/jsx-runtime"),_1=e=>(0,P8.jsx)(Ff,{menu:"column",...e});var vo=require("react/jsx-runtime"),cpe=({...e})=>{let t=b("treelist"),o=b("treelist-colmenu-popup");return(0,vo.jsxs)(vo.Fragment,{children:[(0,vo.jsx)(Mo,{_renderAriaRoot:!0,ariaRootId:t,ariaColCount:3,ariaRowCount:4,children:(0,vo.jsxs)(vo.Fragment,{children:[(0,vo.jsx)(Le,{children:(0,vo.jsx)("div",{className:"k-grid-header-wrap",children:(0,vo.jsxs)(ye,{role:"none",children:[(0,vo.jsxs)("colgroup",{children:[(0,vo.jsx)("col",{}),(0,vo.jsx)("col",{}),(0,vo.jsx)("col",{})]}),(0,vo.jsx)(xe,{role:"rowgroup",children:(0,vo.jsxs)(k,{role:"row","aria-rowindex":1,children:[(0,vo.jsx)(Y,{menu:"column",columnTitle:"Name",filterable:!0,role:"columnheader","aria-colindex":1,"aria-haspopup":"dialog","aria-expanded":"true","aria-controls":o}),(0,vo.jsx)(Y,{menu:"column",columnTitle:"Position",filterable:!0,role:"columnheader","aria-colindex":2,"aria-haspopup":"dialog"}),(0,vo.jsx)(Y,{menu:"column",columnTitle:"Hire Date",filterable:!0,role:"columnheader","aria-colindex":3,"aria-haspopup":"dialog"})]})})]})})}),(0,vo.jsx)(Be,{children:(0,vo.jsx)(Ae,{children:(0,vo.jsxs)(ve,{role:"none",children:[(0,vo.jsxs)("colgroup",{children:[(0,vo.jsx)("col",{}),(0,vo.jsx)("col",{}),(0,vo.jsx)("col",{})]}),(0,vo.jsxs)(ie,{role:"rowgroup",children:[(0,vo.jsxs)(k,{role:"row","aria-rowindex":2,"aria-expanded":"true",children:[(0,vo.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[(0,vo.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Daryl Sweeney"]}),(0,vo.jsx)(n,{role:"gridcell","aria-colindex":2,children:"CEO"}),(0,vo.jsx)(n,{role:"gridcell","aria-colindex":3,children:"February 7, 2012"})]}),(0,vo.jsxs)(k,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"false",children:[(0,vo.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"false",children:[(0,vo.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,vo.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-right"}),"Guy Wooten"]}),(0,vo.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Chief Technical Officer"}),(0,vo.jsx)(n,{role:"gridcell","aria-colindex":3,children:"March 3, 2010"})]})]})]})})})]}),...e}),(0,vo.jsx)(Oe,{className:"k-grid-columnmenu-popup",id:o,role:"dialog","aria-label":"Name Column Menu",children:(0,vo.jsx)(Dy,{})})]})};var D8=require("react/jsx-runtime"),$1=e=>(0,D8.jsx)(Ff,{menu:"filter",...e});var To=require("react/jsx-runtime"),ppe=({...e})=>{let t=b("treelist"),o=b("treelist-filter-popup");return(0,To.jsxs)(To.Fragment,{children:[(0,To.jsx)(Mo,{_renderAriaRoot:!0,ariaRootId:t,ariaColCount:3,ariaRowCount:4,children:(0,To.jsxs)(To.Fragment,{children:[(0,To.jsx)(Le,{children:(0,To.jsx)("div",{className:"k-grid-header-wrap",children:(0,To.jsxs)(ye,{role:"none",children:[(0,To.jsxs)("colgroup",{children:[(0,To.jsx)("col",{}),(0,To.jsx)("col",{}),(0,To.jsx)("col",{})]}),(0,To.jsx)(xe,{role:"rowgroup",children:(0,To.jsxs)(k,{role:"row","aria-rowindex":1,children:[(0,To.jsx)(Y,{menu:"filter",columnTitle:"Name",role:"columnheader","aria-colindex":1,"aria-haspopup":"dialog","aria-expanded":"true","aria-controls":o}),(0,To.jsx)(Y,{menu:"filter",columnTitle:"Position",role:"columnheader","aria-colindex":2,"aria-haspopup":"dialog"}),(0,To.jsx)(Y,{menu:"filter",columnTitle:"Hire Date",role:"columnheader","aria-colindex":3,"aria-haspopup":"dialog"})]})})]})})}),(0,To.jsx)(Be,{children:(0,To.jsx)(Ae,{children:(0,To.jsxs)(ve,{role:"none",children:[(0,To.jsxs)("colgroup",{children:[(0,To.jsx)("col",{}),(0,To.jsx)("col",{}),(0,To.jsx)("col",{})]}),(0,To.jsxs)(ie,{role:"rowgroup",children:[(0,To.jsxs)(k,{role:"row","aria-rowindex":2,"aria-expanded":"true",children:[(0,To.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[(0,To.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Daryl Sweeney"]}),(0,To.jsx)(n,{role:"gridcell","aria-colindex":2,children:"CEO"}),(0,To.jsx)(n,{role:"gridcell","aria-colindex":3,children:"February 7, 2012"})]}),(0,To.jsxs)(k,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"false",children:[(0,To.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"false",children:[(0,To.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,To.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-right"}),"Guy Wooten"]}),(0,To.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Chief Technical Officer"}),(0,To.jsx)(n,{role:"gridcell","aria-colindex":3,children:"March 3, 2010"})]})]})]})})})]}),...e}),(0,To.jsx)(Oe,{className:"k-grid-filter-popup",id:o,role:"dialog","aria-label":"Name Filter Menu",children:(0,To.jsx)(Ry,{})})]})};var Bo=require("react/jsx-runtime"),mpe=({...e})=>{let t=b("treelist");return(0,Bo.jsx)(Mo,{_renderAriaRoot:!0,ariaRootId:t,ariaColCount:3,ariaRowCount:4,toolbar:(0,Bo.jsx)($s,{role:"toolbar","aria-label":"TreeList toolbar","aria-controls":t,children:(0,Bo.jsx)(d,{children:"Add new record"})}),children:(0,Bo.jsxs)(Bo.Fragment,{children:[(0,Bo.jsx)(Le,{children:(0,Bo.jsx)("div",{className:"k-grid-header-wrap",children:(0,Bo.jsxs)(ye,{role:"none",children:[(0,Bo.jsxs)("colgroup",{children:[(0,Bo.jsx)("col",{}),(0,Bo.jsx)("col",{}),(0,Bo.jsx)("col",{})]}),(0,Bo.jsx)(xe,{role:"rowgroup",children:(0,Bo.jsxs)(k,{role:"row","aria-rowindex":1,children:[(0,Bo.jsx)(Y,{columnTitle:"Name",role:"columnheader","aria-colindex":1}),(0,Bo.jsx)(Y,{columnTitle:"Position",role:"columnheader","aria-colindex":2}),(0,Bo.jsx)(Y,{columnTitle:"Hire Date",role:"columnheader","aria-colindex":3})]})})]})})}),(0,Bo.jsx)(Be,{children:(0,Bo.jsx)(Ae,{children:(0,Bo.jsxs)(ve,{role:"none",children:[(0,Bo.jsxs)("colgroup",{children:[(0,Bo.jsx)("col",{}),(0,Bo.jsx)("col",{}),(0,Bo.jsx)("col",{})]}),(0,Bo.jsxs)(ie,{role:"rowgroup",children:[(0,Bo.jsxs)(k,{role:"row","aria-rowindex":2,"aria-expanded":"true",children:[(0,Bo.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[(0,Bo.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Daryl Sweeney"]}),(0,Bo.jsx)(n,{role:"gridcell","aria-colindex":2,children:"CEO"}),(0,Bo.jsx)(n,{role:"gridcell","aria-colindex":3,children:"February 7, 2012"})]}),(0,Bo.jsxs)(k,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"false",children:[(0,Bo.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"false",children:[(0,Bo.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Bo.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-right"}),"Guy Wooten"]}),(0,Bo.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Chief Technical Officer"}),(0,Bo.jsx)(n,{role:"gridcell","aria-colindex":3,children:"March 3, 2010"})]})]})]})})})]}),...e})};var ze=require("react/jsx-runtime"),eP=({gridHeader:e,gridContent:t,menu:o,...r})=>{let i=b("treelist");return(0,ze.jsxs)(Mo,{id:b("treelist"),_renderAriaRoot:!0,ariaRootId:i,ariaColCount:4,ariaRowCount:6,...r,children:[e||(0,ze.jsx)(Le,{children:(0,ze.jsx)("div",{className:"k-grid-header-wrap",children:(0,ze.jsxs)(ye,{role:"none",children:[(0,ze.jsxs)("colgroup",{children:[(0,ze.jsx)("col",{className:"k-drag-col"}),(0,ze.jsx)("col",{}),(0,ze.jsx)("col",{}),(0,ze.jsx)("col",{})]}),(0,ze.jsx)(xe,{role:"rowgroup",children:(0,ze.jsxs)(k,{role:"row","aria-rowindex":1,children:[(0,ze.jsx)(Y,{role:"columnheader",accessibleLabel:"Drag column"}),(0,ze.jsx)(Y,{menu:o,columnTitle:"First Name",role:"columnheader","aria-colindex":2}),(0,ze.jsx)(Y,{menu:o,columnTitle:"Last Name",role:"columnheader","aria-colindex":3}),(0,ze.jsx)(Y,{menu:o,columnTitle:"Position",role:"columnheader","aria-colindex":4})]})})]})})}),(0,ze.jsx)(Be,{children:t||(0,ze.jsx)(Ae,{children:(0,ze.jsxs)(ve,{role:"none",children:[(0,ze.jsxs)("colgroup",{children:[(0,ze.jsx)("col",{className:"k-drag-col"}),(0,ze.jsx)("col",{}),(0,ze.jsx)("col",{}),(0,ze.jsx)("col",{})]}),(0,ze.jsxs)(ie,{role:"rowgroup",children:[(0,ze.jsxs)(k,{role:"row","aria-rowindex":2,"aria-expanded":"true",children:[(0,ze.jsx)(n,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:(0,ze.jsx)(f,{icon:"reorder"})}),(0,ze.jsxs)(n,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[(0,ze.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Daryl"]}),(0,ze.jsx)(n,{role:"gridcell","aria-colindex":3,children:"Sweeney"}),(0,ze.jsx)(n,{role:"gridcell","aria-colindex":4,children:"CEO"})]}),(0,ze.jsxs)(k,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"true",children:[(0,ze.jsx)(n,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:(0,ze.jsx)(f,{icon:"reorder"})}),(0,ze.jsxs)(n,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[(0,ze.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,ze.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Guy"]}),(0,ze.jsx)(n,{role:"gridcell","aria-colindex":3,children:"Wooten"}),(0,ze.jsx)(n,{role:"gridcell","aria-colindex":4,children:"Chief Technical Officer"})]}),(0,ze.jsxs)(k,{role:"row","aria-rowindex":4,"aria-expanded":"true",children:[(0,ze.jsx)(n,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:(0,ze.jsx)(f,{icon:"reorder"})}),(0,ze.jsxs)(n,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[(0,ze.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,ze.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,ze.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Buffy"]}),(0,ze.jsx)(n,{role:"gridcell","aria-colindex":3,children:"Weber"}),(0,ze.jsx)(n,{role:"gridcell","aria-colindex":4,children:"VP, Engineering"})]}),(0,ze.jsxs)(k,{role:"row",alt:!0,"aria-rowindex":5,"aria-expanded":"true",children:[(0,ze.jsx)(n,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:(0,ze.jsx)(f,{icon:"reorder"})}),(0,ze.jsxs)(n,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[(0,ze.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,ze.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,ze.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,ze.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Hyacinth"]}),(0,ze.jsx)(n,{role:"gridcell","aria-colindex":3,children:"Hood"}),(0,ze.jsx)(n,{role:"gridcell","aria-colindex":4,children:"Team Lead"})]}),(0,ze.jsxs)(k,{role:"row","aria-rowindex":6,children:[(0,ze.jsx)(n,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:(0,ze.jsx)(f,{icon:"reorder"})}),(0,ze.jsxs)(n,{role:"gridcell","aria-colindex":2,children:[(0,ze.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,ze.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,ze.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,ze.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,ze.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),(0,ze.jsx)(n,{role:"gridcell","aria-colindex":3,children:"Carr"}),(0,ze.jsx)(n,{role:"gridcell","aria-colindex":4,children:"Junior Software Developer"})]})]})]})})})]})};var Ce=require("react/jsx-runtime"),upe=({gridHeader:e,gridContent:t,menu:o,...r})=>{let i=b("treelist");return(0,Ce.jsxs)(Mo,{id:b("treelist"),_renderAriaRoot:!0,ariaRootId:i,ariaColCount:3,ariaRowCount:13,...r,children:[e||(0,Ce.jsx)(Le,{children:(0,Ce.jsx)("div",{className:"k-grid-header-wrap",children:(0,Ce.jsxs)(ye,{role:"none",children:[(0,Ce.jsxs)("colgroup",{children:[(0,Ce.jsx)("col",{}),(0,Ce.jsx)("col",{}),(0,Ce.jsx)("col",{})]}),(0,Ce.jsx)(xe,{role:"rowgroup",children:(0,Ce.jsxs)(k,{role:"row","aria-rowindex":1,children:[(0,Ce.jsx)(Y,{menu:o,columnTitle:"Name",role:"columnheader","aria-colindex":1}),(0,Ce.jsx)(Y,{menu:o,columnTitle:"Position",role:"columnheader","aria-colindex":2}),(0,Ce.jsx)(Y,{menu:o,columnTitle:"Hire Date",role:"columnheader","aria-colindex":3})]})})]})})}),(0,Ce.jsx)(Be,{children:t||(0,Ce.jsx)(Ae,{children:(0,Ce.jsxs)(ve,{role:"none",children:[(0,Ce.jsxs)("colgroup",{children:[(0,Ce.jsx)("col",{}),(0,Ce.jsx)("col",{}),(0,Ce.jsx)("col",{})]}),(0,Ce.jsxs)(ie,{role:"rowgroup",children:[(0,Ce.jsxs)(k,{role:"row","aria-rowindex":2,"aria-expanded":"true",children:[(0,Ce.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[(0,Ce.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Daryl Sweeney"]}),(0,Ce.jsx)(n,{role:"gridcell","aria-colindex":2,children:"CEO"}),(0,Ce.jsx)(n,{role:"gridcell","aria-colindex":3,children:"February 7, 2012"})]}),(0,Ce.jsxs)(k,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"false",children:[(0,Ce.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"false",children:[(0,Ce.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Ce.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-right"}),"Guy Wooten"]}),(0,Ce.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Chief Technical Officer"}),(0,Ce.jsx)(n,{role:"gridcell","aria-colindex":3,children:"March 3, 2010"})]}),(0,Ce.jsxs)(k,{role:"row","aria-rowindex":4,"aria-expanded":"false",children:[(0,Ce.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"false",children:[(0,Ce.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Ce.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-right"}),"Priscilla Frank"]}),(0,Ce.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Chief Product Officer"}),(0,Ce.jsx)(n,{role:"gridcell","aria-colindex":3,children:"November 30, 2014"})]}),(0,Ce.jsxs)(k,{role:"row",alt:!0,"aria-rowindex":5,"aria-expanded":"true",children:[(0,Ce.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[(0,Ce.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Ce.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Anika Vega"]}),(0,Ce.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Chief Process Officer"}),(0,Ce.jsx)(n,{role:"gridcell","aria-colindex":3,children:"February 25, 2010"})]}),(0,Ce.jsxs)(k,{role:"row","aria-rowindex":6,"aria-expanded":"false",children:[(0,Ce.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"false",children:[(0,Ce.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Ce.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Ce.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-right"}),"Vernon Ballard"]}),(0,Ce.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Director Facilities"}),(0,Ce.jsx)(n,{role:"gridcell","aria-colindex":3,children:"June 26, 2015"})]}),(0,Ce.jsxs)(k,{className:"k-footer-template",role:"row","aria-rowindex":7,children:[(0,Ce.jsxs)(n,{role:"gridcell","aria-colindex":1,children:[(0,Ce.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Ce.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Ce.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),"7 employee(s)"]}),(0,Ce.jsx)(n,{role:"gridcell","aria-colindex":2}),(0,Ce.jsx)(n,{role:"gridcell","aria-colindex":3,children:"Last employee hired on July 30, 2015"})]}),(0,Ce.jsxs)(k,{role:"row",alt:!0,"aria-rowindex":8,"aria-expanded":"false",children:[(0,Ce.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"false",children:[(0,Ce.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Ce.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-right"}),"Nevada Hart"]}),(0,Ce.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Chief Financial Officer"}),(0,Ce.jsx)(n,{role:"gridcell","aria-colindex":3,children:"August 17, 2015"})]}),(0,Ce.jsxs)(k,{role:"row","aria-rowindex":9,"aria-expanded":"false",children:[(0,Ce.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"false",children:[(0,Ce.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Ce.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-right"}),"Hunter Fry"]}),(0,Ce.jsx)(n,{role:"gridcell","aria-colindex":2,children:"General Counsel"}),(0,Ce.jsx)(n,{role:"gridcell","aria-colindex":3,children:"February 12, 2011"})]}),(0,Ce.jsxs)(k,{className:"k-footer-template",role:"row","aria-rowindex":10,children:[(0,Ce.jsxs)(n,{role:"gridcell","aria-colindex":1,children:[(0,Ce.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Ce.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),"98 employee(s)"]}),(0,Ce.jsx)(n,{role:"gridcell","aria-colindex":2}),(0,Ce.jsx)(n,{role:"gridcell","aria-colindex":3,children:"Last employee hired on August 17, 2015"})]}),(0,Ce.jsxs)(k,{className:"k-footer-template",role:"row","aria-rowindex":11,children:[(0,Ce.jsxs)(n,{role:"gridcell","aria-colindex":1,children:[(0,Ce.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),"99 employee(s)"]}),(0,Ce.jsx)(n,{role:"gridcell","aria-colindex":2}),(0,Ce.jsx)(n,{role:"gridcell","aria-colindex":3,children:"Last employee hired on August 17, 2015"})]})]})]})})})]})};var Me=require("react/jsx-runtime"),bpe=({className:e,headerWrapClassName:t,contentClassName:o,...r})=>{let i=b("treelist"),c=b("tl-lc-cell"),u=b("tl-lc-cell"),h=b("tl-lc-cell"),x=b("tl-lc-cell"),v=b("tl-lc-cell"),T=b("tl-lc-cell"),C=b("tl-lc-cell"),N=b("tl-lc-cell"),R=b("tl-lc-cell"),H=b("tl-lc-cell"),V=b("tl-lc-hdr"),_=b("tl-lc-hdr");return(0,Me.jsxs)(Mo,{id:b("treelist"),className:l("k-grid-lockedcolumns",e),_renderAriaRoot:!0,ariaRootId:i,ariaColCount:4,ariaRowCount:6,...r,children:[(0,Me.jsxs)(Le,{role:"none",children:[(0,Me.jsx)("div",{className:"k-grid-header-locked",role:"none",style:{width:"400px"},children:(0,Me.jsxs)(ye,{role:"none",children:[(0,Me.jsxs)("colgroup",{children:[(0,Me.jsx)("col",{style:{width:"200px"}}),(0,Me.jsx)("col",{style:{width:"200px"}})]}),(0,Me.jsx)(xe,{role:"rowgroup",children:(0,Me.jsxs)(k,{role:"row","aria-rowindex":1,"aria-owns":`${V} ${_}`,children:[(0,Me.jsx)(Y,{columnTitle:"Name",role:"columnheader","aria-sort":"ascending","aria-colindex":1}),(0,Me.jsx)(Y,{columnTitle:"Position",role:"columnheader","aria-colindex":2})]})})]})}),(0,Me.jsx)("div",{className:l("k-grid-header-wrap",t),role:"none",style:{width:"400px"},children:(0,Me.jsxs)(ye,{role:"none",children:[(0,Me.jsxs)("colgroup",{children:[(0,Me.jsx)("col",{style:{width:"200px"}}),(0,Me.jsx)("col",{style:{width:"200px"}})]}),(0,Me.jsx)(xe,{role:"none",children:(0,Me.jsxs)(k,{role:"none",children:[(0,Me.jsx)(Y,{columnTitle:"Hire Date",id:V,role:"columnheader"}),(0,Me.jsx)(Y,{columnTitle:"Department",id:_,role:"columnheader"})]})})]})})]}),(0,Me.jsxs)(Be,{role:"none",children:[(0,Me.jsx)("div",{className:"k-grid-content-locked",role:"none",style:{width:"400px",height:"303px"},children:(0,Me.jsxs)(ve,{role:"none",children:[(0,Me.jsxs)("colgroup",{children:[(0,Me.jsx)("col",{style:{width:"200px"}}),(0,Me.jsx)("col",{style:{width:"200px"}})]}),(0,Me.jsxs)(ie,{role:"rowgroup",children:[(0,Me.jsxs)(k,{className:"k-master-row",role:"row","aria-rowindex":2,"aria-expanded":"true","aria-owns":`${c} ${u}`,children:[(0,Me.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[(0,Me.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Daryl Sweeney"]}),(0,Me.jsx)(n,{role:"gridcell","aria-colindex":2,children:"CEO"})]}),(0,Me.jsxs)(k,{className:"k-master-row",alt:!0,role:"row","aria-rowindex":3,"aria-expanded":"true","aria-owns":`${h} ${x}`,children:[(0,Me.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[(0,Me.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Me.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Guy Wooten"]}),(0,Me.jsx)(n,{role:"gridcell","aria-colindex":2,children:"CTO"})]}),(0,Me.jsxs)(k,{className:"k-master-row",role:"row","aria-rowindex":4,"aria-expanded":"true","aria-owns":`${v} ${T}`,children:[(0,Me.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[(0,Me.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Me.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Me.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Buffy Weber"]}),(0,Me.jsx)(n,{role:"gridcell","aria-colindex":2,children:"VP, Engineering"})]}),(0,Me.jsxs)(k,{className:"k-master-row",alt:!0,role:"row","aria-rowindex":5,"aria-expanded":"true","aria-owns":`${C} ${N}`,children:[(0,Me.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[(0,Me.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Me.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Me.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Me.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Hyacinth Hood"]}),(0,Me.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Team Lead"})]}),(0,Me.jsxs)(k,{className:"k-master-row",role:"row","aria-rowindex":6,"aria-owns":`${R} ${H}`,children:[(0,Me.jsxs)(n,{role:"gridcell","aria-colindex":1,children:[(0,Me.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Me.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Me.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Me.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Me.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),"Akeem Carr"]}),(0,Me.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Junior Software Developer"})]})]})]})}),(0,Me.jsx)(Ae,{className:o,role:"none",style:{width:"400px",height:"320px"},children:(0,Me.jsxs)(ve,{role:"none",children:[(0,Me.jsxs)("colgroup",{children:[(0,Me.jsx)("col",{style:{width:"200px"}}),(0,Me.jsx)("col",{style:{width:"200px"}})]}),(0,Me.jsxs)(ie,{role:"none",children:[(0,Me.jsxs)(k,{className:"k-master-row",role:"none",children:[(0,Me.jsx)(n,{id:c,role:"gridcell",children:"2010-01-15"}),(0,Me.jsx)(n,{id:u,role:"gridcell",children:"Executive"})]}),(0,Me.jsxs)(k,{className:"k-master-row",alt:!0,role:"none",children:[(0,Me.jsx)(n,{id:h,role:"gridcell",children:"2012-06-20"}),(0,Me.jsx)(n,{id:x,role:"gridcell",children:"Engineering"})]}),(0,Me.jsxs)(k,{className:"k-master-row",role:"none",children:[(0,Me.jsx)(n,{id:v,role:"gridcell",children:"2014-03-10"}),(0,Me.jsx)(n,{id:T,role:"gridcell",children:"Engineering"})]}),(0,Me.jsxs)(k,{className:"k-master-row",alt:!0,role:"none",children:[(0,Me.jsx)(n,{id:C,role:"gridcell",children:"2016-08-05"}),(0,Me.jsx)(n,{id:N,role:"gridcell",children:"Engineering"})]}),(0,Me.jsxs)(k,{className:"k-master-row",role:"none",children:[(0,Me.jsx)(n,{id:R,role:"gridcell",children:"2020-11-12"}),(0,Me.jsx)(n,{id:H,role:"gridcell",children:"Engineering"})]})]})]})})]})]})};var zt=require("react/jsx-runtime"),fpe=({...e})=>{let t=b("treelist");return(0,zt.jsxs)(Mo,{id:b("treelist"),_renderAriaRoot:!0,ariaRootId:t,ariaColCount:3,ariaRowCount:5,...e,children:[(0,zt.jsx)(Le,{children:(0,zt.jsx)("div",{className:"k-grid-header-wrap",children:(0,zt.jsxs)(ye,{role:"none",children:[(0,zt.jsxs)("colgroup",{children:[(0,zt.jsx)("col",{}),(0,zt.jsx)("col",{}),(0,zt.jsx)("col",{})]}),(0,zt.jsx)(xe,{role:"rowgroup",children:(0,zt.jsxs)(k,{role:"row","aria-rowindex":1,children:[(0,zt.jsx)(Y,{columnTitle:"Name",role:"columnheader","aria-colindex":1}),(0,zt.jsx)(Y,{columnTitle:"Position",role:"columnheader","aria-colindex":2}),(0,zt.jsx)(Y,{columnTitle:"Hire Date",role:"columnheader","aria-colindex":3})]})})]})})}),(0,zt.jsx)(Be,{children:(0,zt.jsx)(Ae,{children:(0,zt.jsxs)(ve,{role:"none",children:[(0,zt.jsxs)("colgroup",{children:[(0,zt.jsx)("col",{}),(0,zt.jsx)("col",{}),(0,zt.jsx)("col",{})]}),(0,zt.jsxs)(ie,{role:"rowgroup",children:[(0,zt.jsxs)(k,{role:"row","aria-rowindex":2,"aria-expanded":"true",selected:!0,"aria-selected":"true",children:[(0,zt.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true","aria-selected":"true",children:[(0,zt.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Daryl"]}),(0,zt.jsx)(n,{role:"gridcell","aria-colindex":2,"aria-selected":"true",children:"Sweeney"}),(0,zt.jsx)(n,{role:"gridcell","aria-colindex":3,"aria-selected":"true",children:"CEO"})]}),(0,zt.jsxs)(k,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"true",children:[(0,zt.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[(0,zt.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,zt.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Guy"]}),(0,zt.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Wooten"}),(0,zt.jsx)(n,{role:"gridcell","aria-colindex":3,children:"Chief Technical Officer"})]}),(0,zt.jsxs)(k,{role:"row","aria-rowindex":4,children:[(0,zt.jsxs)(n,{role:"gridcell","aria-colindex":1,children:[(0,zt.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,zt.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,zt.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Buffy"]}),(0,zt.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Weber"}),(0,zt.jsx)(n,{role:"gridcell","aria-colindex":3,children:"VP, Engineering"})]}),(0,zt.jsxs)(k,{role:"row",alt:!0,"aria-rowindex":5,children:[(0,zt.jsxs)(n,{role:"gridcell","aria-colindex":1,children:[(0,zt.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,zt.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,zt.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),"Hyacinth"]}),(0,zt.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Hood"}),(0,zt.jsx)(n,{role:"gridcell","aria-colindex":3,children:"Team Lead"})]})]})]})})})]})};var Wt=require("react/jsx-runtime"),hpe=({...e})=>{let t=b("treelist");return(0,Wt.jsxs)(Mo,{id:b("treelist"),_renderAriaRoot:!0,ariaRootId:t,ariaColCount:3,ariaRowCount:5,...e,children:[(0,Wt.jsx)(Le,{children:(0,Wt.jsx)("div",{className:"k-grid-header-wrap",children:(0,Wt.jsxs)(ye,{role:"none",children:[(0,Wt.jsxs)("colgroup",{children:[(0,Wt.jsx)("col",{}),(0,Wt.jsx)("col",{}),(0,Wt.jsx)("col",{})]}),(0,Wt.jsx)(xe,{role:"rowgroup",children:(0,Wt.jsxs)(k,{role:"row","aria-rowindex":1,children:[(0,Wt.jsx)(Y,{columnTitle:"Name",role:"columnheader","aria-colindex":1}),(0,Wt.jsx)(Y,{columnTitle:"Position",role:"columnheader","aria-colindex":2}),(0,Wt.jsx)(Y,{columnTitle:"Hire Date",role:"columnheader","aria-colindex":3})]})})]})})}),(0,Wt.jsx)(Be,{children:(0,Wt.jsx)(Ae,{children:(0,Wt.jsxs)(ve,{role:"none",children:[(0,Wt.jsxs)("colgroup",{children:[(0,Wt.jsx)("col",{}),(0,Wt.jsx)("col",{}),(0,Wt.jsx)("col",{})]}),(0,Wt.jsxs)(ie,{role:"rowgroup",children:[(0,Wt.jsxs)(k,{role:"row","aria-rowindex":2,"aria-expanded":"true",children:[(0,Wt.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",selected:!0,"aria-selected":"true",children:[(0,Wt.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Daryl"]}),(0,Wt.jsx)(n,{role:"gridcell","aria-colindex":2,selected:!0,"aria-selected":"true",children:"Sweeney"}),(0,Wt.jsx)(n,{role:"gridcell","aria-colindex":3,children:"CEO"})]}),(0,Wt.jsxs)(k,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"true",children:[(0,Wt.jsxs)(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[(0,Wt.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Wt.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Guy"]}),(0,Wt.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Wooten"}),(0,Wt.jsx)(n,{role:"gridcell","aria-colindex":3,children:"Chief Technical Officer"})]}),(0,Wt.jsxs)(k,{role:"row","aria-rowindex":4,children:[(0,Wt.jsxs)(n,{role:"gridcell","aria-colindex":1,children:[(0,Wt.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Wt.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Wt.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Buffy"]}),(0,Wt.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Weber"}),(0,Wt.jsx)(n,{role:"gridcell","aria-colindex":3,children:"VP, Engineering"})]}),(0,Wt.jsxs)(k,{role:"row",alt:!0,"aria-rowindex":5,children:[(0,Wt.jsxs)(n,{role:"gridcell","aria-colindex":1,children:[(0,Wt.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Wt.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,Wt.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),"Hyacinth"]}),(0,Wt.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Hood"}),(0,Wt.jsx)(n,{role:"gridcell","aria-colindex":3,children:"Team Lead"})]})]})]})})})]})};var le=require("react/jsx-runtime"),gpe=Mo.options,kpe=Mo.states,R8={...Mo.defaultOptions,variant:"normal"},xpe=[{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"}],vpe=[{name:"toolbar",title:"Toolbar"},{name:"pager",title:"Pager"}],Qk=e=>{let{variant:t,modifiers:o,...r}={...R8,...e},i={},c=(0,le.jsxs)($s,{children:[(0,le.jsx)(d,{icon:"plus",children:"Add New"}),(0,le.jsx)(d,{icon:"file-pdf",children:"Export to PDF"}),(0,le.jsx)("span",{className:"k-spacer"}),(0,le.jsx)(we,{prefix:(0,le.jsx)(f,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),u=(0,le.jsx)(Fa,{pageSizes:!1,refresh:!1});switch(Object.keys(o||{}).forEach(h=>{switch(h){case"toolbar":i.toolbar=o!=null&&o[h]?c:void 0;break;case"pager":i.pager=o!=null&&o[h]?u:void 0;break;default:return}}),t){case"row-reordering":return(0,le.jsx)(eP,{...r,...i});case"column-menu":return(0,le.jsx)(_1,{...r,...i,gridHeader:(0,le.jsx)(Le,{children:(0,le.jsx)("div",{className:"k-grid-header-wrap",children:(0,le.jsxs)(ye,{children:[(0,le.jsxs)("colgroup",{children:[(0,le.jsx)("col",{}),(0,le.jsx)("col",{}),(0,le.jsx)("col",{})]}),(0,le.jsx)(xe,{children:(0,le.jsxs)(k,{children:[(0,le.jsx)(Y,{menu:"column",columnTitle:"First Name"}),(0,le.jsx)(Y,{menu:"column",columnTitle:"Last Name"}),(0,le.jsx)(Y,{menu:"column",columnTitle:"Position"})]})})]})})})});case"filter-row":return(0,le.jsx)($1,{...r,...i,gridHeader:(0,le.jsx)(Le,{children:(0,le.jsx)("div",{className:"k-grid-header-wrap",children:(0,le.jsxs)(ye,{children:[(0,le.jsxs)("colgroup",{children:[(0,le.jsx)("col",{}),(0,le.jsx)("col",{}),(0,le.jsx)("col",{})]}),(0,le.jsx)(xe,{children:(0,le.jsxs)(k,{children:[(0,le.jsx)(Y,{menu:"filter",columnTitle:"First Name"}),(0,le.jsx)(Y,{menu:"filter",columnTitle:"Last Name"}),(0,le.jsx)(Y,{menu:"filter",columnTitle:"Position"})]})})]})})})});case"sorting":return(0,le.jsx)(Ff,{...r,...i,gridHeader:(0,le.jsx)(Le,{children:(0,le.jsx)("div",{className:"k-grid-header-wrap",children:(0,le.jsxs)(ye,{children:[(0,le.jsxs)("colgroup",{children:[(0,le.jsx)("col",{}),(0,le.jsx)("col",{}),(0,le.jsx)("col",{})]}),(0,le.jsx)(xe,{children:(0,le.jsxs)(k,{children:[(0,le.jsx)(Y,{columnTitle:"First Name"}),(0,le.jsx)(Y,{columnTitle:"Last Name",sortable:!0}),(0,le.jsx)(Y,{columnTitle:"Position"})]})})]})})}),gridContent:(0,le.jsx)(Ae,{children:(0,le.jsxs)(ve,{children:[(0,le.jsxs)("colgroup",{children:[(0,le.jsx)("col",{}),(0,le.jsx)("col",{className:"k-sorted"}),(0,le.jsx)("col",{})]}),(0,le.jsxs)(ie,{children:[(0,le.jsxs)(k,{className:"k-treelist-group",children:[(0,le.jsxs)(n,{children:[(0,le.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Daryl"]}),(0,le.jsx)(n,{children:"Sweeney"}),(0,le.jsx)(n,{children:"CEO"})]}),(0,le.jsxs)(k,{className:"k-treelist-group",alt:!0,children:[(0,le.jsxs)(n,{children:[(0,le.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,le.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Guy"]}),(0,le.jsx)(n,{children:"Wooten"}),(0,le.jsx)(n,{children:"Chief Technical Officer"})]}),(0,le.jsxs)(k,{className:"k-treelist-group",children:[(0,le.jsxs)(n,{children:[(0,le.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,le.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,le.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Buffy"]}),(0,le.jsx)(n,{children:"Weber"}),(0,le.jsx)(n,{children:"VP, Engineering"})]}),(0,le.jsxs)(k,{className:"k-treelist-group",alt:!0,children:[(0,le.jsxs)(n,{children:[(0,le.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,le.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,le.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,le.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Hyacinth"]}),(0,le.jsx)(n,{children:"Hood"}),(0,le.jsx)(n,{children:"Team Lead"})]}),(0,le.jsxs)(k,{children:[(0,le.jsxs)(n,{children:[(0,le.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,le.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,le.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,le.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,le.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),(0,le.jsx)(n,{children:"Carr"}),(0,le.jsx)(n,{children:"Junior Software Developer"})]})]})]})})});default:return(0,le.jsx)(Ff,{...r,...i,gridHeader:(0,le.jsx)(Le,{children:(0,le.jsx)("div",{className:"k-grid-header-wrap",children:(0,le.jsxs)(ye,{children:[(0,le.jsxs)("colgroup",{children:[(0,le.jsx)("col",{}),(0,le.jsx)("col",{}),(0,le.jsx)("col",{})]}),(0,le.jsx)(xe,{children:(0,le.jsxs)(k,{children:[(0,le.jsx)(Y,{columnTitle:"First Name"}),(0,le.jsx)(Y,{columnTitle:"Last Name"}),(0,le.jsx)(Y,{columnTitle:"Position"})]})})]})})})})}};Qk.options=gpe;Qk.states=kpe;Qk.variants=xpe;Qk.defaultOptions=R8;Qk.modifiers=vpe;Qk.className=Mo.className;var tP="propertygrid",O8=tP;var Y8=require("react/jsx-runtime"),K8="k-property-grid",Tpe=[],wpe={},Npe={},Rn=e=>(0,Y8.jsx)(Mo,{...e,className:l(K8,e.className),children:e.children});Rn.states=Tpe;Rn.options=wpe;Rn.className=K8;Rn.defaultOptions=Npe;Rn.moduleName=tP;Rn.folderName=O8;Rn.ariaSpec={selector:".k-property-grid",rules:[{selector:".k-grid-toolbar",attribute:"role=toolbar",usage:"The toolbar is a collection of command buttons and inputs."},{selector:".k-grid-toolbar",attribute:"aria-label",usage:"Clarifies the purpose of the toolbar."},{selector:".k-grid-toolbar",attribute:"aria-controls=.k-grid-aria-root id",usage:"Points to the id of the element with role=treegrid."},{selector:".k-property-grid .k-grid-aria-root",attribute:"role=treegrid",usage:"Sets the proper role for the PropertyGrid component."},{selector:".k-grid-aria-root",attribute:"aria-colcount",usage:"The total number of columns."},{selector:".k-grid-aria-root",attribute:"aria-rowcount",usage:"The total number of rows in the table."},{selector:".k-grid-content>table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-grid-content>table>tbody",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-content>table>tbody>tr:not(.k-hidden)",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-content>table>tbody>tr:not(.k-hidden)",attribute:"aria-rowindex",usage:"Row number."},{selector:".k-grid-content>table>tbody>tr:not(.k-hidden)>td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-content>table>tbody>tr:not(.k-hidden)>td",attribute:"aria-colindex",usage:"Col number."},{selector:".k-grid-content>table>tbody>tr:not(.k-hidden)",attribute:"aria-expanded (when expandable)",usage:"Set on the currently expanded row(s)."},{selector:'.k-treelist-toggle[class*="i-chevron-down"],.k-treelist-toggle[class*="i-chevron-right"]',attribute:"aria-hidden=true",usage:"Removes the expand/collapse icon from the accessibility tree."}]};var ct=require("react/jsx-runtime"),qT=({content:e,...t})=>{let o=b("propertygrid");return(0,ct.jsx)(Rn,{style:{height:"450px"},_renderAriaRoot:!0,ariaRootId:o,ariaColCount:2,ariaRowCount:9,toolbar:(0,ct.jsxs)($s,{resizable:!0,role:"toolbar","aria-label":"PropertyGrid toolbar","aria-controls":o,children:[(0,ct.jsx)(we,{prefix:(0,ct.jsx)(f,{icon:"search"}),placeholder:"Search...","aria-label":"Search properties"}),(0,ct.jsx)(de,{value:"Default Sort","aria-label":"Sort order"}),(0,ct.jsx)(d,{icon:"categorize","aria-label":"Categorize"}),(0,ct.jsx)(d,{icon:"info-circle","aria-label":"Info"})]}),...t,children:(0,ct.jsx)(Be,{children:e||(0,ct.jsx)(Ae,{className:"k-auto-scrollable",children:(0,ct.jsxs)(ve,{role:"none",children:[(0,ct.jsxs)("colgroup",{children:[(0,ct.jsx)("col",{style:{width:"200px"}}),(0,ct.jsx)("col",{style:{width:"250px"}})]}),(0,ct.jsxs)(ie,{role:"rowgroup",children:[(0,ct.jsxs)(k,{role:"row","aria-rowindex":1,children:[(0,ct.jsxs)(n,{role:"gridcell","aria-colindex":1,children:[(0,ct.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),"size"]}),(0,ct.jsx)(n,{role:"gridcell","aria-colindex":2,children:(0,ct.jsx)("b",{children:"medium"})})]}),(0,ct.jsxs)(k,{role:"row",alt:!0,"aria-rowindex":2,children:[(0,ct.jsxs)(n,{role:"gridcell","aria-colindex":1,children:[(0,ct.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),"themeColor"]}),(0,ct.jsx)(n,{role:"gridcell","aria-colindex":2,children:(0,ct.jsx)("b",{children:"base"})})]}),(0,ct.jsxs)(k,{role:"row","aria-rowindex":3,children:[(0,ct.jsxs)(n,{role:"gridcell","aria-colindex":1,children:[(0,ct.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),"fillMode"]}),(0,ct.jsx)(n,{role:"gridcell","aria-colindex":2,children:(0,ct.jsx)("b",{children:"solid"})})]}),(0,ct.jsxs)(k,{role:"row",alt:!0,"aria-rowindex":4,children:[(0,ct.jsxs)(n,{role:"gridcell","aria-colindex":1,children:[(0,ct.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),"rounded"]}),(0,ct.jsx)(n,{role:"gridcell","aria-colindex":2,children:(0,ct.jsx)("b",{children:"medium"})})]}),(0,ct.jsxs)(k,{role:"row","aria-rowindex":5,children:[(0,ct.jsxs)(n,{role:"gridcell","aria-colindex":1,children:[(0,ct.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),"icon"]}),(0,ct.jsx)(n,{role:"gridcell","aria-colindex":2,children:(0,ct.jsx)(f,{icon:"star"})})]}),(0,ct.jsxs)(k,{role:"row",alt:!0,"aria-rowindex":6,"aria-expanded":"true",children:[(0,ct.jsxs)(n,{role:"gridcell","aria-colindex":1,children:[(0,ct.jsx)(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"font"]}),(0,ct.jsx)(n,{role:"gridcell","aria-colindex":2,children:"Roboto 400"})]}),(0,ct.jsxs)(k,{role:"row","aria-rowindex":7,children:[(0,ct.jsxs)(n,{role:"gridcell","aria-colindex":1,children:[(0,ct.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,ct.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),"font-weight"]}),(0,ct.jsx)(n,{role:"gridcell","aria-colindex":2,children:(0,ct.jsx)("b",{children:"400"})})]}),(0,ct.jsxs)(k,{role:"row",alt:!0,"aria-rowindex":8,children:[(0,ct.jsxs)(n,{role:"gridcell","aria-colindex":1,children:[(0,ct.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),(0,ct.jsx)(f,{className:"k-treelist-toggle",icon:"none"}),"font-family"]}),(0,ct.jsx)(n,{role:"gridcell","aria-colindex":2,children:(0,ct.jsx)("b",{children:"Roboto"})})]}),(0,ct.jsx)(k,{className:"k-hidden k-bottom k-sticky k-footer-template",children:(0,ct.jsx)(n,{colspan:"2",children:(0,ct.jsx)("span",{children:"\xA0"})})})]})]})})})})};var _T=require("react/jsx-runtime"),ype=({content:e,...t})=>(0,_T.jsx)(Ao,{panes:[(0,_T.jsx)(We,{scrollable:!0,flexBasis:"215px",children:(0,_T.jsx)(d,{icon:"star",children:"Button"})},"pane-1"),(0,_T.jsx)(We,{scrollable:!0,children:(0,_T.jsx)(qT,{...t,content:e})},"pane-2")]});var Xk=require("react/jsx-runtime"),Ape=Rn.options,Cpe=Rn.states,G8={...Rn.defaultOptions,variant:"normal"},Spe=[{name:"normal",title:"Normal"},{name:"preview",title:"With Preview"}],Epe=[],Zk=e=>{let{variant:t,...o}={...G8,...e};return t==="preview"?(0,Xk.jsx)(Ao,{panes:[(0,Xk.jsx)(We,{className:"k-text-center k-mt-24",scrollable:!0,flexBasis:"215px",children:(0,Xk.jsx)(d,{icon:"star",children:"Button"})},"pane-1"),(0,Xk.jsx)(We,{scrollable:!0,children:(0,Xk.jsx)(qT,{style:{height:"auto"},...o})},"pane-2")]}):(0,Xk.jsx)(qT,{style:{height:"auto"},...o})};Zk.options=Ape;Zk.states=Cpe;Zk.variants=Spe;Zk.defaultOptions=G8;Zk.modifiers=Epe;Zk.className=Rn.className;var oP="filter",H8=oP;var $T=require("react/jsx-runtime"),aP="k-filter",Lpe=[],Ipe={},Mpe={},Cs=e=>{let{children:t,expressionPreview:o,showApplyButton:r}=e;return(0,$T.jsxs)("div",{className:l(e.className,aP),children:[(0,$T.jsx)("ul",{className:"k-filter-container",role:"tree","aria-label":"Filter",children:(0,$T.jsx)("li",{className:"k-filter-group-main",role:"treeitem",children:t})}),o,r&&(0,$T.jsx)(d,{className:"k-filter-apply",children:"Apply"})]})};Cs.states=Lpe;Cs.options=Ipe;Cs.defaultOptions=Mpe;Cs.className=aP;Cs.moduleName=oP;Cs.folderName=H8;Cs.ariaSpec={selector:".k-filter",rules:[{selector:".k-filter-container",attribute:"role=tree",usage:"Describes the hierarchical structure of the Filter component."},{selector:".k-filter-container",attribute:"aria-label",usage:"Specifies a label for the Filter component."},{selector:".k-filter-group-main,.k-filter-item",attribute:"role=treeitem",usage:"Each FilterGroup and FilterExpression represent a separate treeitem in the Filter component structure."},{selector:".k-filter-lines",attribute:"role=group",usage:"Represents a group of items in the Filter component."},{selector:".k-toolbar",attribute:"role=toolbar",usage:"The role represents a collection of tools."},{selector:".k-toolbar",attribute:"aria-label",usage:"Specifies a label for the toolbar."}]};var z8=require("react/jsx-runtime"),F8="k-filter-toolbar",Bpe=[],Ppe={},Dpe={},jl=e=>{let{children:t}=e;return(0,z8.jsx)("div",{className:l(F8),children:t})};jl.states=Bpe;jl.options=Ppe;jl.defaultOptions=Dpe;var V8=require("react/jsx-runtime"),W8="k-filter-lines",Rpe=[],Ope={},Kpe={},Zp=e=>{let{children:t}=e;return(0,V8.jsx)("ul",{className:l(W8),role:"group",children:t})};Zp.states=Rpe;Zp.options=Ope;Zp.defaultOptions=Kpe;var rP=require("react/jsx-runtime"),lP="k-filter-preview",Ype=[],Gpe={},Hpe={},Uk=e=>{let{fields:t}=e,o=[];return t&&t.map(({name:r,value:i},c)=>{o.push((0,rP.jsx)("span",{className:`k-filter-preview-${r}`,children:`${i} `},c))}),(0,rP.jsx)("div",{className:l(lP),children:o})};Uk.states=Ype;Uk.options=Gpe;Uk.defaultOptions=Hpe;Uk.className=lP;var Q8=require("react/jsx-runtime"),Fpe="k-filter-item",zpe=[],Wpe={},Vpe={},en=e=>{let{children:t}=e;return(0,Q8.jsx)("li",{className:l(Fpe),role:"treeitem",children:t})};en.states=zpe;en.options=Wpe;en.defaultOptions=Vpe;var io=require("react/jsx-runtime"),WS=({children:e,...t})=>(0,io.jsx)(Cs,{...t,children:e||(0,io.jsxs)(io.Fragment,{children:[(0,io.jsx)(jl,{children:(0,io.jsxs)(fe,{"aria-label":"Filter group",children:[(0,io.jsxs)(Q,{children:[(0,io.jsx)(d,{className:"k-group-start",selected:!0,children:"And"}),(0,io.jsx)(d,{className:"k-group-end",children:"Or"})]}),(0,io.jsx)(d,{icon:"filter-add-expression",children:"Add Expression"}),(0,io.jsx)(d,{icon:"filter-add-group",children:"Add Group"}),(0,io.jsx)(d,{fillMode:"flat",icon:"x","aria-label":"Remove group",title:"Remove group"})]})}),(0,io.jsxs)(Zp,{children:[(0,io.jsx)(en,{children:(0,io.jsx)(jl,{children:(0,io.jsxs)(fe,{"aria-label":"Filter expression",children:[(0,io.jsx)(Lt,{className:"k-filter-field",children:(0,io.jsx)(de,{value:"Name","aria-label":"Field"})}),(0,io.jsx)(Lt,{className:"k-filter-operator",children:(0,io.jsx)(de,{value:"Is equal to","aria-label":"Operator"})}),(0,io.jsx)(Lt,{className:"k-filter-value",children:(0,io.jsx)(we,{placeholder:"James","aria-label":"Value"})}),(0,io.jsx)(d,{fillMode:"flat",icon:"x","aria-label":"Remove expression",title:"Remove expression"})]})})}),(0,io.jsx)(en,{children:(0,io.jsx)(jl,{children:(0,io.jsxs)(fe,{"aria-label":"Filter expression",children:[(0,io.jsx)(Lt,{className:"k-filter-field",children:(0,io.jsx)(de,{value:"Price","aria-label":"Field"})}),(0,io.jsx)(Lt,{className:"k-filter-operator",children:(0,io.jsx)(de,{value:"Is greater than","aria-label":"Operator"})}),(0,io.jsx)(Lt,{className:"k-filter-value",children:(0,io.jsx)(At,{placeholder:"100,00","aria-label":"Value"})}),(0,io.jsx)(d,{fillMode:"flat",icon:"x","aria-label":"Remove expression",title:"Remove expression"})]})})}),(0,io.jsx)(en,{children:(0,io.jsx)(jl,{children:(0,io.jsxs)(fe,{"aria-label":"Filter expression",children:[(0,io.jsx)(Lt,{className:"k-filter-field",children:(0,io.jsx)(de,{value:"First Ordered","aria-label":"Field"})}),(0,io.jsx)(Lt,{className:"k-filter-operator",children:(0,io.jsx)(de,{value:"Is before","aria-label":"Operator"})}),(0,io.jsx)(Lt,{className:"k-filter-value",children:(0,io.jsx)(Wl,{placeholder:"1/21/2021"})}),(0,io.jsx)(d,{fillMode:"flat",icon:"x","aria-label":"Remove expression",title:"Remove expression"})]})})})]})]})});var eo=require("react/jsx-runtime"),Qpe=({children:e,expressionPreview:t,...o})=>(0,eo.jsx)(Cs,{showApplyButton:!0,expressionPreview:t||(0,eo.jsx)(Uk,{fields:[{name:"bracket",value:"("},{name:"field",value:"Price"},{name:"criteria",value:"Is greater than"},{name:"value",value:"'100,00'"},{name:"operator",value:"AND"},{name:"bracket",value:"("},{name:"bracket",value:"("},{name:"field",value:"FirstOrdered"},{name:"criteria",value:"Is before"},{name:"value",value:"'Thursday Jan 21 2021'"},{name:"bracket",value:")"},{name:"bracket",value:")"},{name:"bracket",value:")"}]}),...o,children:e||(0,eo.jsxs)(eo.Fragment,{children:[(0,eo.jsx)(jl,{children:(0,eo.jsxs)(fe,{"aria-label":"Filter group",children:[(0,eo.jsxs)(Q,{children:[(0,eo.jsx)(d,{className:"k-group-start",selected:!0,children:"And"}),(0,eo.jsx)(d,{className:"k-group-end",children:"Or"})]}),(0,eo.jsx)(d,{icon:"filter-add-expression",children:"Add Expression"}),(0,eo.jsx)(d,{icon:"filter-add-group",children:"Add Group"}),(0,eo.jsx)(d,{fillMode:"flat",icon:"x","aria-label":"Remove group",title:"Remove group"})]})}),(0,eo.jsxs)(Zp,{children:[(0,eo.jsx)(en,{children:(0,eo.jsx)(jl,{children:(0,eo.jsxs)(fe,{"aria-label":"Filter expression",children:[(0,eo.jsx)(Lt,{className:"k-filter-field",children:(0,eo.jsx)(de,{value:"Name","aria-label":"Field"})}),(0,eo.jsx)(Lt,{className:"k-filter-operator",children:(0,eo.jsx)(de,{value:"Is equal to","aria-label":"Operator"})}),(0,eo.jsx)(Lt,{className:"k-filter-value",children:(0,eo.jsx)(we,{placeholder:"James","aria-label":"Value"})}),(0,eo.jsx)(d,{fillMode:"flat",icon:"x","aria-label":"Remove expression",title:"Remove expression"})]})})}),(0,eo.jsx)(en,{children:(0,eo.jsx)(jl,{children:(0,eo.jsxs)(fe,{"aria-label":"Filter expression",children:[(0,eo.jsx)(Lt,{className:"k-filter-field",children:(0,eo.jsx)(de,{value:"Price","aria-label":"Field"})}),(0,eo.jsx)(Lt,{className:"k-filter-operator",children:(0,eo.jsx)(de,{value:"Is greater than","aria-label":"Operator"})}),(0,eo.jsx)(Lt,{className:"k-filter-value",children:(0,eo.jsx)(At,{placeholder:"100,00","aria-label":"Value"})}),(0,eo.jsx)(d,{fillMode:"flat",icon:"x","aria-label":"Remove expression",title:"Remove expression"})]})})}),(0,eo.jsx)(en,{children:(0,eo.jsx)(jl,{children:(0,eo.jsxs)(fe,{"aria-label":"Filter expression",children:[(0,eo.jsx)(Lt,{className:"k-filter-field",children:(0,eo.jsx)(de,{value:"First Ordered","aria-label":"Field"})}),(0,eo.jsx)(Lt,{className:"k-filter-operator",children:(0,eo.jsx)(de,{value:"Is before","aria-label":"Operator"})}),(0,eo.jsx)(Lt,{className:"k-filter-value",children:(0,eo.jsx)(Wl,{placeholder:"1/21/2021"})}),(0,eo.jsx)(d,{fillMode:"flat",icon:"x","aria-label":"Remove expression",title:"Remove expression"})]})})})]})]})});var Pt=require("react/jsx-runtime"),Xpe=Cs.options,Zpe=Cs.states,Upe={...Cs.defaultOptions,variant:"normal"},Jpe=[{name:"normal",title:"Single Group"}],jpe=[{name:"expanded",title:"Expanded"}],Jk=e=>{let{modifiers:t,...o}=e,{expanded:r}=t||{};return(r?"expanded":"normal")==="expanded"?(0,Pt.jsxs)(WS,{...o,children:[(0,Pt.jsx)(jl,{children:(0,Pt.jsxs)(fe,{children:[(0,Pt.jsxs)(Q,{children:[(0,Pt.jsx)(d,{selected:!0,children:"And"}),(0,Pt.jsx)(d,{children:"Or"})]}),(0,Pt.jsx)(d,{icon:"filter-add-expression",children:"Add Expression"}),(0,Pt.jsx)(d,{icon:"filter-add-group",children:"Add Group"}),(0,Pt.jsx)(d,{fillMode:"flat",icon:"x"})]})}),(0,Pt.jsxs)(Zp,{children:[(0,Pt.jsx)(en,{children:(0,Pt.jsx)(jl,{children:(0,Pt.jsxs)(fe,{children:[(0,Pt.jsx)(Lt,{className:"k-filter-field",children:(0,Pt.jsx)(de,{value:"Name"})}),(0,Pt.jsx)(Lt,{className:"k-filter-operator",children:(0,Pt.jsx)(de,{value:"Is equal to"})}),(0,Pt.jsx)(Lt,{className:"k-filter-value",children:(0,Pt.jsx)(we,{placeholder:"James"})}),(0,Pt.jsx)(d,{fillMode:"flat",icon:"x"})]})})}),(0,Pt.jsx)(en,{children:(0,Pt.jsx)(jl,{children:(0,Pt.jsxs)(fe,{children:[(0,Pt.jsx)(Lt,{className:"k-filter-field",children:(0,Pt.jsx)(de,{value:"Price"})}),(0,Pt.jsx)(Lt,{className:"k-filter-operator",children:(0,Pt.jsx)(de,{value:"Is greater than"})}),(0,Pt.jsx)(Lt,{className:"k-filter-value",children:(0,Pt.jsx)(At,{placeholder:"100,00"})}),(0,Pt.jsx)(d,{fillMode:"flat",icon:"x"})]})})}),(0,Pt.jsx)(en,{children:(0,Pt.jsx)(jl,{children:(0,Pt.jsxs)(fe,{children:[(0,Pt.jsx)(Lt,{className:"k-filter-field",children:(0,Pt.jsx)(de,{value:"First Ordered"})}),(0,Pt.jsx)(Lt,{className:"k-filter-operator",children:(0,Pt.jsx)(de,{value:"Is before"})}),(0,Pt.jsx)(Lt,{className:"k-filter-value",children:(0,Pt.jsx)(Wl,{placeholder:"1/21/2021"})}),(0,Pt.jsx)(d,{fillMode:"flat",icon:"x"})]})})})]})]}):(0,Pt.jsxs)(WS,{...o,children:[(0,Pt.jsx)(jl,{children:(0,Pt.jsxs)(fe,{children:[(0,Pt.jsxs)(Q,{children:[(0,Pt.jsx)(d,{selected:!0,children:"And"}),(0,Pt.jsx)(d,{children:"Or"})]}),(0,Pt.jsx)(d,{icon:"filter-add-expression",children:"Add Expression"}),(0,Pt.jsx)(d,{icon:"filter-add-group",children:"Add Group"}),(0,Pt.jsx)(d,{fillMode:"flat",icon:"x"})]})}),(0,Pt.jsx)(Zp,{})]})};Jk.options=Xpe;Jk.states=Zpe;Jk.variants=Jpe;Jk.defaultOptions=Upe;Jk.modifiers=jpe;Jk.className=Cs.className;var qm="file-manager",_m="filemanager";var X8=require("react/jsx-runtime"),iP="k-filemanager-toolbar",qpe=[],_pe={},$pe={},Ss=e=>{let{children:t,...o}=e;return(0,X8.jsx)(fe,{...o,className:l(e.className,iP),children:t})};Ss.states=qpe;Ss.options=_pe;Ss.className=iP;Ss.defaultOptions=$pe;Ss.moduleName=qm;Ss.folderName=_m;var Gr=require("react/jsx-runtime"),sP="k-filemanager",eme=[m.disabled],tme={},ome=(0,Gr.jsx)(Gr.Fragment,{children:(0,Gr.jsxs)(Ss,{children:[(0,Gr.jsx)(d,{children:"New Folder"}),(0,Gr.jsx)(d,{children:"Upload"}),(0,Gr.jsxs)(Q,{children:[(0,Gr.jsx)(d,{className:"k-group-start",icon:"sort-asc-small","aria-label":"Sort ascending"}),(0,Gr.jsx)(d,{className:"k-group-end",icon:"sort-desc-small","aria-label":"Sort descending"})]}),(0,Gr.jsx)(Rt,{text:"Sort By"}),(0,Gr.jsxs)(Q,{children:[(0,Gr.jsx)(d,{className:"k-group-start",icon:"grid-layout","aria-label":"List view"}),(0,Gr.jsx)(d,{className:"k-group-end",icon:"grid","aria-label":"Grid view"})]}),(0,Gr.jsx)("div",{className:"k-spacer"}),(0,Gr.jsxs)("div",{className:"k-filemanager-details-toggle",children:[(0,Gr.jsx)("label",{children:"View Details"}),(0,Gr.jsx)(Aa,{"aria-label":"View Details"})]}),(0,Gr.jsx)(ya,{className:"k-filemanager-search-tool",placeholder:"Search..."})]})}),Z8={toolbar:ome},Sl=e=>{let{disabled:t,toolbar:o=Z8.toolbar,...r}=e;return(0,Gr.jsxs)("div",{...r,className:l(e.className,sP,D(sP,{disabled:t})),children:[(0,Gr.jsx)("div",{className:"k-filemanager-header",children:o}),(0,Gr.jsx)("div",{className:"k-filemanager-content-container",children:e.children})]})};Sl.states=eme;Sl.options=tme;Sl.className=sP;Sl.defaultOptions=Z8;Sl.moduleName=qm;Sl.folderName=_m;Sl.ariaSpec={selector:".k-filemanager",rules:[{selector:".k-filemanager-preview",attribute:"tabindex=0",usage:"The element must be focusable, so that its content would be communicated to the users."}]};var U8=require("react/jsx-runtime"),nP="k-filemanager-breadcrumb",ame=[],rme={},lme={},On=e=>{let{children:t,...o}=e;return(0,U8.jsx)(Ir,{className:l(e.className,nP),...o,children:t})};On.states=ame;On.options=rme;On.className=nP;On.defaultOptions=lme;On.moduleName=qm;On.folderName=_m;var J8=require("react/jsx-runtime"),dP="k-filemanager-listview",ime=[],sme={},nme={},Up=e=>{let{children:t,...o}=e;return(0,J8.jsx)(ki,{className:l(e.className,dP),layout:"flex",flexDirection:"row",flexWrap:"wrap",selectable:!0,contentAriaLabel:"Files",...o,children:t})};Up.states=ime;Up.options=sme;Up.className=dP;Up.defaultOptions=nme;Up.moduleName=qm;Up.folderName=_m;var j8=require("react/jsx-runtime"),cP="k-filemanager-treeview",dme=[],cme={},pme={},Kn=e=>{let{children:t,...o}=e;return(0,j8.jsx)(Yt,{className:l(e.className,cP),...o,children:t})};Kn.states=dme;Kn.options=cme;Kn.className=cP;Kn.defaultOptions=pme;Kn.moduleName=qm;Kn.folderName=_m;var Jy=require("react/jsx-runtime"),q8="k-filemanager-drag-hint",mme=[],ume={},_8={icon:"file"},jy=e=>{let{hint:t,icon:o=_8.icon,...r}=e;return(0,Jy.jsxs)("div",{className:l(e.className,q8,"k-drag-clue"),...r,children:[(0,Jy.jsx)(f,{icon:o}),(0,Jy.jsx)("span",{children:t})]})};jy.states=mme;jy.options=ume;jy.className=q8;jy.defaultOptions=_8;var _a=require("react/jsx-runtime"),$8="k-file-info",bme=[],fme={},pP={name:"No File Selected",icon:"file"},kb=e=>{let{selection:t,name:o=pP.name,icon:r=pP.icon,fileType:i,fileSize:c,fileDateCreated:u,fileDateModified:h,...x}=e;return(0,_a.jsxs)("div",{...x,className:l(e.className,$8),children:[(0,_a.jsx)(xi,{className:l({"k-single-file-selected":t==="single","k-multiple-files-selected":t==="multiple","k-no-file-selected":t==="none"}),icon:t==="none"?"none":r,name:o,size:"xxxlarge"}),t==="single"&&(0,_a.jsx)(_a.Fragment,{children:(0,_a.jsxs)("dl",{className:"k-file-meta",children:[i&&(0,_a.jsxs)(_a.Fragment,{children:[(0,_a.jsx)("dt",{className:"k-file-meta-label",children:"Type: "}),(0,_a.jsx)("dd",{className:"k-file-meta-value k-file-type",children:i}),(0,_a.jsx)("dd",{className:"k-line-break"})]}),c&&(0,_a.jsxs)(_a.Fragment,{children:[(0,_a.jsx)("dt",{className:"k-file-meta-label",children:"Size: "}),(0,_a.jsx)("dd",{className:"k-file-meta-value k-file-size",children:c}),(0,_a.jsx)("dd",{className:"k-line-break"})]}),u&&(0,_a.jsxs)(_a.Fragment,{children:[(0,_a.jsx)("dt",{className:"k-file-meta-label",children:"Date Created: "}),(0,_a.jsx)("dd",{className:"k-file-meta-value k-file-created",children:u}),(0,_a.jsx)("dd",{className:"k-line-break"})]}),h&&(0,_a.jsxs)(_a.Fragment,{children:[(0,_a.jsx)("dt",{className:"k-file-meta-label",children:"Date Modified: "}),(0,_a.jsx)("dd",{className:"k-file-meta-value k-file-modified",children:h}),(0,_a.jsx)("dd",{className:"k-line-break"})]})]})})]})};kb.states=bme;kb.options=fme;kb.className=$8;kb.defaultOptions=pP;var zf=require("react/jsx-runtime"),eW="k-file-preview",hme=[],gme={size:[g.undefined,g.xsmall,g.small,g.medium,g.large,g.xlarge,g.xxlarge,g.xxxlarge]},kme={},xi=e=>{let{size:t,icon:o,name:r,...i}=e;return(0,zf.jsxs)(zf.Fragment,{children:[(0,zf.jsx)("span",{...i,className:l(eW),children:(0,zf.jsx)(f,{className:"k-file-icon",icon:o,size:t})}),(0,zf.jsx)("span",{className:l(e.className,"k-file-name"),children:r})]})};xi.states=hme;xi.options=gme;xi.className=eW;xi.defaultOptions=kme;var _o=require("react/jsx-runtime"),mP=e=>(0,_o.jsx)(Sl,{toolbar:(0,_o.jsxs)(Ss,{children:[(0,_o.jsx)(d,{children:"New Folder"}),(0,_o.jsx)(d,{children:"Upload"}),(0,_o.jsxs)(Q,{children:[(0,_o.jsx)(d,{className:"k-group-start",icon:"sort-asc-small","aria-label":"Sort ascending"}),(0,_o.jsx)(d,{className:"k-group-end",icon:"sort-desc-small","aria-label":"Sort descending"})]}),(0,_o.jsx)(Rt,{text:"Sort By"}),(0,_o.jsxs)(Q,{children:[(0,_o.jsx)(d,{className:"k-group-start",icon:"grid","aria-label":"Grid view"}),(0,_o.jsx)(d,{className:"k-group-end",icon:"grid-layout",selected:!0,"aria-label":"List view"})]}),(0,_o.jsx)("div",{className:"k-spacer"}),(0,_o.jsxs)("div",{className:"k-filemanager-details-toggle",children:[(0,_o.jsx)("label",{children:"View Details"}),(0,_o.jsx)(Aa,{"aria-label":"View Details"})]}),(0,_o.jsx)(ya,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:(0,_o.jsx)(_o.Fragment,{children:(0,_o.jsx)(Ao,{className:"k-filemanager-splitter",panes:[(0,_o.jsx)(We,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:(0,_o.jsx)(Kn,{children:(0,_o.jsx)(z,{text:"Folder"})})},"pane-1"),(0,_o.jsxs)(We,{className:"k-filemanager-content",scrollable:!0,children:[(0,_o.jsx)(On,{children:(0,_o.jsx)(fi,{children:(0,_o.jsx)(Lo,{root:!0,children:(0,_o.jsx)(Co,{root:!0,icon:!0,"aria-label":"Home",children:(0,_o.jsx)(f,{icon:"home"})})})})}),(0,_o.jsxs)(Up,{children:[(0,_o.jsx)(ca,{itemRole:"option",ariaSetSize:2,ariaPosInSet:1,tabIndex:0,children:(0,_o.jsx)(xi,{name:"Folder",icon:"folder",size:"xxxlarge"})}),(0,_o.jsx)(ca,{itemRole:"option",ariaSetSize:2,ariaPosInSet:2,tabIndex:-1,children:(0,_o.jsx)(xi,{name:"file.png",icon:"file-image",size:"xxxlarge"})})]})]},"pane-2")]})}),...e});var Go=require("react/jsx-runtime"),uP=e=>(0,Go.jsx)(Sl,{toolbar:(0,Go.jsxs)(Ss,{children:[(0,Go.jsx)(d,{children:"New Folder"}),(0,Go.jsx)(d,{children:"Upload"}),(0,Go.jsxs)(Q,{children:[(0,Go.jsx)(d,{className:"k-group-start",icon:"sort-asc-small","aria-label":"Sort ascending"}),(0,Go.jsx)(d,{className:"k-group-end",icon:"sort-desc-small","aria-label":"Sort descending"})]}),(0,Go.jsx)(Rt,{text:"Sort By"}),(0,Go.jsxs)(Q,{children:[(0,Go.jsx)(d,{className:"k-group-start",icon:"grid","aria-label":"Grid view"}),(0,Go.jsx)(d,{className:"k-group-end",icon:"grid-layout",selected:!0,"aria-label":"List view"})]}),(0,Go.jsx)("div",{className:"k-spacer"}),(0,Go.jsxs)("div",{className:"k-filemanager-details-toggle",children:[(0,Go.jsx)("label",{children:"View Details"}),(0,Go.jsx)(Aa,{checked:!0,"aria-label":"View Details"})]}),(0,Go.jsx)(ya,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:(0,Go.jsx)(Go.Fragment,{children:(0,Go.jsx)(Ao,{className:"k-filemanager-splitter",panes:[(0,Go.jsx)(We,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:(0,Go.jsx)(Kn,{children:(0,Go.jsx)(z,{text:"Folder"})})},"pane-1"),(0,Go.jsxs)(We,{className:"k-filemanager-content",scrollable:!0,children:[(0,Go.jsx)(On,{children:(0,Go.jsx)(fi,{children:(0,Go.jsx)(Lo,{root:!0,children:(0,Go.jsx)(Co,{root:!0,icon:!0,"aria-label":"Home",children:(0,Go.jsx)(f,{icon:"home"})})})})}),(0,Go.jsxs)(Up,{children:[(0,Go.jsx)(ca,{itemRole:"option",ariaSetSize:2,ariaPosInSet:1,tabIndex:0,children:(0,Go.jsx)(xi,{name:"Folder",icon:"folder",size:"xxxlarge"})}),(0,Go.jsx)(ca,{itemRole:"option",ariaSetSize:2,ariaPosInSet:2,tabIndex:-1,children:(0,Go.jsx)(xi,{name:"file.png",icon:"file-image",size:"xxxlarge"})})]})]},"pane-2"),(0,Go.jsx)(We,{className:"k-filemanager-preview",collapsible:!0,scrollable:!0,flexBasis:"25%",tabIndex:0,children:(0,Go.jsx)(kb,{selection:"none",name:"No File Selected"})},"pane-3")]})}),...e});var it=require("react/jsx-runtime"),bP=e=>(0,it.jsx)(Sl,{toolbar:(0,it.jsxs)(Ss,{children:[(0,it.jsx)(d,{children:"New Folder"}),(0,it.jsx)(d,{children:"Upload"}),(0,it.jsxs)(Q,{children:[(0,it.jsx)(d,{className:"k-group-start",icon:"sort-asc-small","aria-label":"Sort ascending"}),(0,it.jsx)(d,{className:"k-group-end",icon:"sort-desc-small","aria-label":"Sort descending"})]}),(0,it.jsx)(Rt,{text:"Sort By"}),(0,it.jsxs)(Q,{children:[(0,it.jsx)(d,{className:"k-group-start",icon:"grid",selected:!0,"aria-label":"Grid view"}),(0,it.jsx)(d,{className:"k-group-end",icon:"grid-layout","aria-label":"List view"})]}),(0,it.jsx)("div",{className:"k-spacer"}),(0,it.jsxs)("div",{className:"k-filemanager-details-toggle",children:[(0,it.jsx)("label",{children:"View Details"}),(0,it.jsx)(Aa,{"aria-label":"View Details"})]}),(0,it.jsx)(ya,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:(0,it.jsx)(it.Fragment,{children:(0,it.jsx)(Ao,{className:"k-filemanager-splitter",panes:[(0,it.jsx)(We,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:(0,it.jsx)(Kn,{children:(0,it.jsx)(z,{text:"Folder"})})},"pane-1"),(0,it.jsxs)(We,{className:"k-filemanager-content",scrollable:!0,children:[(0,it.jsx)(On,{children:(0,it.jsx)(fi,{children:(0,it.jsx)(Lo,{root:!0,children:(0,it.jsx)(Co,{root:!0,icon:!0,"aria-label":"Home",children:(0,it.jsx)(f,{icon:"home"})})})})}),(0,it.jsxs)(Ze,{_renderAriaRoot:!0,className:"k-filemanager-grid k-grid-display-block",children:[(0,it.jsx)(Le,{children:(0,it.jsx)("div",{className:"k-grid-header-wrap k-auto-scrollable",children:(0,it.jsxs)(ye,{children:[(0,it.jsxs)("colgroup",{children:[(0,it.jsx)("col",{}),(0,it.jsx)("col",{}),(0,it.jsx)("col",{})]}),(0,it.jsx)(xe,{children:(0,it.jsxs)(k,{children:[(0,it.jsx)(Y,{columnTitle:"Name",sortable:!0}),(0,it.jsx)(Y,{columnTitle:"Date Created"}),(0,it.jsx)(Y,{columnTitle:"File Size"})]})})]})})}),(0,it.jsx)(Be,{children:(0,it.jsx)(Ae,{className:"k-auto-scrollable",children:(0,it.jsxs)(ve,{className:"k-selectable",children:[(0,it.jsxs)("colgroup",{children:[(0,it.jsx)("col",{className:"k-sorted"}),(0,it.jsx)("col",{}),(0,it.jsx)("col",{})]}),(0,it.jsxs)(ie,{children:[(0,it.jsxs)(k,{className:"k-master-row",children:[(0,it.jsx)(n,{children:(0,it.jsx)(xi,{name:"Folder",icon:"folder"})}),(0,it.jsx)(n,{children:"13/12/2019 at 12:22:04 PM"}),(0,it.jsx)(n,{children:"0"})]}),(0,it.jsxs)(k,{className:"k-master-row",alt:!0,children:[(0,it.jsx)(n,{children:(0,it.jsx)(xi,{name:"file.png",icon:"file"})}),(0,it.jsx)(n,{children:"13/12/2019 at 12:22:04 PM"}),(0,it.jsx)(n,{children:"73289"})]})]})]})})})]})]},"pane-2")]})}),...e});var rt=require("react/jsx-runtime"),fP=e=>(0,rt.jsx)(Sl,{toolbar:(0,rt.jsxs)(Ss,{children:[(0,rt.jsx)(d,{children:"New Folder"}),(0,rt.jsx)(d,{children:"Upload"}),(0,rt.jsxs)(Q,{children:[(0,rt.jsx)(d,{className:"k-group-start",icon:"sort-asc-small","aria-label":"Sort ascending"}),(0,rt.jsx)(d,{className:"k-group-end",icon:"sort-desc-small","aria-label":"Sort descending"})]}),(0,rt.jsx)(Rt,{text:"Sort By"}),(0,rt.jsxs)(Q,{children:[(0,rt.jsx)(d,{className:"k-group-start",icon:"grid",selected:!0,"aria-label":"Grid view"}),(0,rt.jsx)(d,{className:"k-group-end",icon:"grid-layout","aria-label":"List view"})]}),(0,rt.jsx)("div",{className:"k-spacer"}),(0,rt.jsxs)("div",{className:"k-filemanager-details-toggle",children:[(0,rt.jsx)("label",{children:"View Details"}),(0,rt.jsx)(Aa,{checked:!0,"aria-label":"View Details"})]}),(0,rt.jsx)(ya,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:(0,rt.jsx)(rt.Fragment,{children:(0,rt.jsx)(Ao,{className:"k-filemanager-splitter",panes:[(0,rt.jsx)(We,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:(0,rt.jsx)(Kn,{children:(0,rt.jsx)(z,{text:"Folder"})})},"pane-1"),(0,rt.jsxs)(We,{className:"k-filemanager-content",scrollable:!0,children:[(0,rt.jsx)(On,{children:(0,rt.jsx)(fi,{children:(0,rt.jsx)(Lo,{root:!0,children:(0,rt.jsx)(Co,{root:!0,icon:!0,"aria-label":"Home",children:(0,rt.jsx)(f,{icon:"home"})})})})}),(0,rt.jsxs)(Ze,{_renderAriaRoot:!0,className:"k-filemanager-grid k-grid-display-block",children:[(0,rt.jsx)(Le,{children:(0,rt.jsx)("div",{className:"k-grid-header-wrap k-auto-scrollable",children:(0,rt.jsxs)(ye,{children:[(0,rt.jsxs)("colgroup",{children:[(0,rt.jsx)("col",{}),(0,rt.jsx)("col",{}),(0,rt.jsx)("col",{})]}),(0,rt.jsx)(xe,{children:(0,rt.jsxs)(k,{children:[(0,rt.jsx)(Y,{sortable:!0,columnTitle:"Name"}),(0,rt.jsx)(Y,{columnTitle:"Date Created"}),(0,rt.jsx)(Y,{columnTitle:"File Size"})]})})]})})}),(0,rt.jsx)(Be,{children:(0,rt.jsx)(Ae,{className:"k-auto-scrollable",children:(0,rt.jsxs)(ve,{className:"k-selectable",children:[(0,rt.jsxs)("colgroup",{children:[(0,rt.jsx)("col",{className:"k-sorted"}),(0,rt.jsx)("col",{}),(0,rt.jsx)("col",{})]}),(0,rt.jsxs)(ie,{children:[(0,rt.jsxs)(k,{className:"k-master-row",children:[(0,rt.jsx)(n,{children:(0,rt.jsx)(xi,{name:"Folder",icon:"folder"})}),(0,rt.jsx)(n,{children:"13/12/2019 at 12:22:04 PM"}),(0,rt.jsx)(n,{children:"0"})]}),(0,rt.jsxs)(k,{className:"k-master-row",alt:!0,children:[(0,rt.jsx)(n,{children:(0,rt.jsx)(xi,{name:"file.png",icon:"file"})}),(0,rt.jsx)(n,{children:"13/12/2019 at 12:22:04 PM"}),(0,rt.jsx)(n,{children:"73289"})]})]})]})})})]})]},"pane-2"),(0,rt.jsx)(We,{className:"k-filemanager-preview",collapsible:!0,scrollable:!0,flexBasis:"25%",tabIndex:0,children:(0,rt.jsx)(kb,{selection:"none",name:"No File Selected"})},"pane-3")]})}),...e});var qy=require("react/jsx-runtime"),xme=Sl.options,vme=Sl.states,Tme={...Sl.defaultOptions,variant:"listview"},wme=[{name:"listview",title:"ListView"},{name:"grid",title:"Grid"}],Nme=[{name:"preview",title:"Preview"}],jk=e=>{let{variant:t,modifiers:o,...r}={...e},i=!1;return Object.keys(o||{}).forEach(c=>{c==="preview"&&(i=!!(o!=null&&o[c]))}),t==="grid"?i?(0,qy.jsx)(fP,{...r}):(0,qy.jsx)(bP,{...r}):i?(0,qy.jsx)(uP,{...r}):(0,qy.jsx)(mP,{...r})};jk.options=xme;jk.states=vme;jk.variants=wme;jk.defaultOptions=Tme;jk.modifiers=Nme;jk.className=Sl.className;var tW=require("react/jsx-runtime"),hP="k-taskboard-toolbar",yme=[],Ame={},Cme={},qk=e=>{let{children:t,...o}=e;return(0,tW.jsx)(fe,{...o,className:l(e.className,hP),children:t})};qk.states=yme;qk.options=Ame;qk.className=hP;qk.defaultOptions=Cme;var Yn=require("react/jsx-runtime"),gP="k-taskboard-pane",Sme=[],Eme={},Lme=void 0,Ime={header:Lme},_k=e=>{let{header:t,paneHeaderId:o,...r}=e;return(0,Yn.jsxs)("div",{...r,className:l(e.className,gP,"k-taskboard-edit-pane"),children:[(0,Yn.jsx)("div",{className:"k-taskboard-pane-header",children:t||(0,Yn.jsxs)(Yn.Fragment,{children:[(0,Yn.jsx)("div",{className:"k-taskboard-pane-header-text",id:o,children:"Card X"}),(0,Yn.jsx)("span",{className:"k-spacer"}),(0,Yn.jsx)("div",{className:"k-taskboard-pane-header-actions",children:(0,Yn.jsx)(d,{fillMode:"flat",icon:"x","aria-label":"Close",title:"Close"})})]})}),(0,Yn.jsx)("div",{className:"k-taskboard-pane-content",children:e.children}),(0,Yn.jsxs)(Xe,{alignment:"end",className:"k-taskboard-pane-actions",children:[(0,Yn.jsx)(d,{icon:"trash",children:"Delete"}),(0,Yn.jsx)(d,{themeColor:"primary",icon:"pencil",children:"Edit"})]})]})};_k.states=Sme;_k.options=Eme;_k.className=gP;_k.defaultOptions=Ime;var oW="task-board",aW="taskboard";var Es=require("react/jsx-runtime"),QS="k-taskboard",Mme=[m.disabled],Bme={},Pme=(0,Es.jsx)(Es.Fragment,{children:(0,Es.jsxs)(qk,{children:[(0,Es.jsx)(d,{icon:"plus",children:"Add Column"}),(0,Es.jsx)("span",{className:"k-spacer"}),(0,Es.jsx)(ya,{placeholder:"Search..."})]})}),VS={toolbar:Pme,pane:!1,panePosition:"end"},Ls=e=>{let{disabled:t,toolbar:o=VS.toolbar,panePosition:r=VS.panePosition,pane:i=VS.pane,...c}=e;return(0,Es.jsxs)("div",{...c,className:l(e.className,QS,D(QS,{disabled:t})),role:"application",children:[(0,Es.jsx)("div",{className:"k-taskboard-header",children:o}),(0,Es.jsx)("div",{className:"k-taskboard-content",style:{marginRight:i&&r==="end"?"304px":void 0,marginLeft:i&&r==="start"?"304px":void 0},children:(0,Es.jsx)("div",{className:"k-taskboard-columns-container",children:e.children})}),i&&(()=>{let u=b("taskboard-pane-header");return(0,Es.jsx)(_k,{className:l({"k-taskboard-pane-start":r==="start"}),paneHeaderId:u,children:(0,Es.jsx)(Yh,{formButtons:null,role:"form","aria-labelledby":u,children:(0,Es.jsx)(Ee,{label:"Textbox:",editor:(0,Es.jsx)(we,{})})})})})()]})};Ls.states=Mme;Ls.options=Bme;Ls.className=QS;Ls.defaultOptions=VS;Ls.moduleName=oW;Ls.folderName=aW;Ls.ariaSpec={selector:".k-taskboard",rules:[{selector:".k-taskboard",attribute:"role=application",usage:"The TaskBoard has role=application as its inner navigation requires the use of arrows."},{selector:".k-taskboard-column-cards-container",attribute:"role=list",usage:"The TaskBoard Column cards container is a collection of list items."},{selector:".k-taskboard-column-cards-container",attribute:"tabindex=0",usage:"The TaskBoard Column cards container must be focusable."},{selector:".k-taskboard-column-cards-container",attribute:"aria-labelledby",usage:"The TaskBoard Column cards container must be labelled by its column header."},{selector:".k-taskboard-column-header-actions > .k-button",attribute:"role=button or nodeName=button",usage:"The TaskBoard Column actions are buttons."},{selector:".k-taskboard-column-header-actions > .k-button",attribute:"aria-label or title",usage:"Each action must have an accessible name as they are represented by icons."},{selector:".k-taskboard-column-cards",attribute:"role=presentation",usage:"The cards inner container must not break the list-listitem relationship."},{selector:".k-taskboard-card",attribute:"role=listitem",usage:"The TaskBoard Tasks (cards) are list items."},{selector:".k-taskboard-card",attribute:"tabindex=0",usage:"The TaskBoard Card must be focusable."},{selector:".k-taskboard-card-menu-button",attribute:"role=button or nodeName=button",usage:"The TaskBoard card menu element must be a button."},{selector:".k-taskboard-card-menu-button",attribute:"aria-label or title",usage:"The menu button must have an accessible name as it is represented by an icon."},{selector:".k-taskboard-pane-header-actions > .k-button",attribute:"role=button or nodeName=button",usage:"The TaskBoard edit form close element must be a button."},{selector:".k-taskboard-pane-header-actions > .k-button",attribute:"aria-label or title",usage:"The edit form close button must have an accessible name."},{selector:".k-taskboard-edit-pane .k-form",attribute:"role=form",usage:"The edit Form needs the appropriate role."},{selector:".k-taskboard-edit-pane .k-form",attribute:"aria-labelledby",usage:"The TaskBoard edit form must be labeled by the header text of the pane."}]};var Gn=require("react/jsx-runtime"),XS="k-taskboard-column",Dme=[],Rme={},Ome={header:void 0},Id=e=>{let{header:t,edit:o,...r}=e,i=b("taskboard-column-header");return(0,Gn.jsxs)("div",{...r,className:l(e.className,XS,{[`${XS}-edit`]:o}),children:[(0,Gn.jsx)("div",{className:"k-taskboard-column-header",children:t||(0,Gn.jsxs)(Gn.Fragment,{children:[(0,Gn.jsx)("div",{className:"k-taskboard-column-header-text k-text-ellipsis",id:i,children:"Column Header"}),(0,Gn.jsx)("span",{className:"k-spacer"}),(0,Gn.jsxs)("div",{className:"k-taskboard-column-header-actions",children:[(0,Gn.jsx)(d,{fillMode:"flat",icon:"pencil","aria-label":"Edit column",title:"Edit column"}),(0,Gn.jsx)(d,{fillMode:"flat",icon:"plus","aria-label":"Add card",title:"Add card"}),(0,Gn.jsx)(d,{fillMode:"flat",icon:"x","aria-label":"Delete column",title:"Delete column"})]})]})}),(0,Gn.jsx)("div",{className:"k-taskboard-column-cards-container",role:"list",tabIndex:0,"aria-labelledby":i,children:(0,Gn.jsx)("div",{className:"k-taskboard-column-cards",role:"presentation",children:e.children})})]})};Id.states=Dme;Id.options=Rme;Id.className=XS;Id.defaultOptions=Ome;var US=require("react/jsx-runtime"),ZS="k-taskboard-card",Kme=[],Yme={},Gme={},vi=e=>{let{children:t,category:o,menuButton:r,...i}=e;return(0,US.jsxs)(qo,{...i,className:l(e.className,ZS,{[`${ZS}-category`]:o}),role:"listitem",tabIndex:0,children:[t,r&&(0,US.jsx)(d,{className:"k-taskboard-card-menu-button",fillMode:"flat",icon:"more-vertical","aria-label":"Card menu",title:"Card menu"})]})};vi.states=Kme;vi.options=Yme;vi.className=ZS;vi.defaultOptions=Gme;var Tt=require("react/jsx-runtime"),kP=e=>(0,Tt.jsx)(Ls,{children:(0,Tt.jsxs)(Tt.Fragment,{children:[(0,Tt.jsxs)(Id,{children:[(0,Tt.jsxs)(vi,{children:[(0,Tt.jsxs)(da,{className:"k-hbox",children:[(0,Tt.jsx)("a",{className:"k-card-title k-link",children:"Card Title"}),(0,Tt.jsx)("span",{className:"k-spacer"}),(0,Tt.jsx)("span",{className:"k-card-header-actions",children:(0,Tt.jsx)(d,{className:"k-taskboard-card-menu-button",icon:"more-vertical",fillMode:"flat","aria-label":"Card menu",title:"Card menu"})})]}),(0,Tt.jsx)(xo,{children:(0,Tt.jsx)("p",{children:"Card Body"})})]}),(0,Tt.jsxs)(vi,{children:[(0,Tt.jsxs)(da,{className:"k-hbox",children:[(0,Tt.jsx)("a",{className:"k-card-title k-link",children:"Card Title"}),(0,Tt.jsx)("span",{className:"k-spacer"}),(0,Tt.jsx)("span",{className:"k-card-header-actions",children:(0,Tt.jsx)(d,{className:"k-taskboard-card-menu-button",icon:"more-vertical",fillMode:"flat","aria-label":"Card menu",title:"Card menu"})})]}),(0,Tt.jsx)(xo,{children:(0,Tt.jsx)("p",{children:"Card Body"})})]}),(0,Tt.jsxs)(vi,{children:[(0,Tt.jsxs)(da,{className:"k-hbox",children:[(0,Tt.jsx)("a",{className:"k-card-title k-link",children:"Card Title"}),(0,Tt.jsx)("span",{className:"k-spacer"}),(0,Tt.jsx)("span",{className:"k-card-header-actions",children:(0,Tt.jsx)(d,{className:"k-taskboard-card-menu-button",icon:"more-vertical",fillMode:"flat","aria-label":"Card menu",title:"Card menu"})})]}),(0,Tt.jsx)(xo,{children:(0,Tt.jsx)("p",{children:"Card Body"})})]})]}),(0,Tt.jsxs)(Id,{children:[(0,Tt.jsxs)(vi,{children:[(0,Tt.jsxs)(da,{className:"k-hbox",children:[(0,Tt.jsx)("a",{className:"k-card-title k-link",children:"Card Title"}),(0,Tt.jsx)("span",{className:"k-spacer"}),(0,Tt.jsx)("span",{className:"k-card-header-actions",children:(0,Tt.jsx)(d,{className:"k-taskboard-card-menu-button",icon:"more-vertical",fillMode:"flat","aria-label":"Card menu",title:"Card menu"})})]}),(0,Tt.jsx)(xo,{children:(0,Tt.jsx)("p",{children:"Card Body"})})]}),(0,Tt.jsxs)(vi,{children:[(0,Tt.jsxs)(da,{className:"k-hbox",children:[(0,Tt.jsx)("a",{className:"k-card-title k-link",children:"Card Title"}),(0,Tt.jsx)("span",{className:"k-spacer"}),(0,Tt.jsx)("span",{className:"k-card-header-actions",children:(0,Tt.jsx)(d,{className:"k-taskboard-card-menu-button",icon:"more-vertical",fillMode:"flat","aria-label":"Card menu",title:"Card menu"})})]}),(0,Tt.jsx)(xo,{children:(0,Tt.jsx)("p",{children:"Card Body"})})]})]}),(0,Tt.jsx)(Id,{children:(0,Tt.jsxs)(vi,{children:[(0,Tt.jsxs)(da,{className:"k-hbox",children:[(0,Tt.jsx)("a",{className:"k-card-title k-link",children:"Card Title"}),(0,Tt.jsx)("span",{className:"k-spacer"}),(0,Tt.jsx)("span",{className:"k-card-header-actions",children:(0,Tt.jsx)(d,{className:"k-taskboard-card-menu-button",icon:"more-vertical",fillMode:"flat","aria-label":"Card menu",title:"Card menu"})})]}),(0,Tt.jsx)(xo,{children:(0,Tt.jsx)("p",{children:"Card Body"})})]})})]}),...e});var Hn=require("react/jsx-runtime"),Hme=e=>(0,Hn.jsx)(Ls,{pane:!0,children:(0,Hn.jsx)(Hn.Fragment,{children:(0,Hn.jsx)(Id,{children:(0,Hn.jsxs)(vi,{children:[(0,Hn.jsxs)(da,{className:"k-hbox",children:[(0,Hn.jsx)("a",{className:"k-card-title k-link",children:"Card Title"}),(0,Hn.jsx)("span",{className:"k-spacer"}),(0,Hn.jsx)("span",{className:"k-card-header-actions",children:(0,Hn.jsx)(d,{className:"k-taskboard-card-menu-button",icon:"more-vertical",fillMode:"flat","aria-label":"Card menu",title:"Card menu"})})]}),(0,Hn.jsx)(xo,{children:(0,Hn.jsx)("p",{children:"Card Body"})})]})})}),...e});var Va=require("react/jsx-runtime"),Fme=Ls.options,zme=Ls.states,rW={...Ls.defaultOptions,variant:"normal"},Wme=[{name:"normal",title:"Normal"},{name:"pane-end",title:"Pane End"},{name:"pane-start",title:"Pane Start"}],Vme=[],$k=e=>{let{variant:t,...o}={...rW,...e};return(0,Va.jsxs)(kP,{style:{width:"568px"},...o,pane:t==="pane-end"||t==="pane-start",panePosition:t==="pane-end"?"end":"start",children:[(0,Va.jsxs)(Id,{style:{width:"260px"},children:[(0,Va.jsxs)(vi,{children:[(0,Va.jsxs)(da,{className:"k-hbox",details:!0,children:[(0,Va.jsx)("a",{className:"k-card-title k-link",children:"Template Title"}),(0,Va.jsx)("span",{className:"k-spacer"})]}),(0,Va.jsx)(xo,{children:(0,Va.jsx)("p",{children:"Some quick example text to build on the card title and make up the bulk of the card content."})})]}),(0,Va.jsxs)(vi,{children:[(0,Va.jsxs)(da,{className:"k-hbox",details:!0,children:[(0,Va.jsx)("a",{className:"k-card-title k-link",children:"Template Title"}),(0,Va.jsx)("span",{className:"k-spacer"})]}),(0,Va.jsx)(xo,{children:(0,Va.jsx)("p",{children:"Some quick example text to build on the card title and make up the bulk of the card content."})})]})]}),(0,Va.jsxs)(Id,{style:{width:"260px"},children:[(0,Va.jsxs)(vi,{children:[(0,Va.jsxs)(da,{className:"k-hbox",details:!0,children:[(0,Va.jsx)("a",{className:"k-card-title k-link",children:"Template Title"}),(0,Va.jsx)("span",{className:"k-spacer"})]}),(0,Va.jsx)(xo,{children:(0,Va.jsx)("p",{children:"Some quick example text to build on the card title and make up the bulk of the card content."})})]}),(0,Va.jsxs)(vi,{children:[(0,Va.jsxs)(da,{className:"k-hbox",details:!0,children:[(0,Va.jsx)("a",{className:"k-card-title k-link",children:"Template Title"}),(0,Va.jsx)("span",{className:"k-spacer"})]}),(0,Va.jsx)(xo,{children:(0,Va.jsx)("p",{children:"Some quick example text to build on the card title and make up the bulk of the card content."})})]})]})]})};$k.options=Fme;$k.states=zme;$k.variants=Wme;$k.defaultOptions=rW;$k.modifiers=Vme;$k.className=Ls.className;var xP="chat",lW=xP;var Is=require("react/jsx-runtime"),iW="k-chat",Qme=[],Xme={},Zme=(0,Is.jsxs)(Is.Fragment,{children:[(0,Is.jsx)(ot,{icon:"paperclip-outline-alt-right",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),(0,Is.jsx)("div",{className:"k-spacer"})]}),sW={tools:Zme},oa=e=>{let{header:t,dir:o,suggestedActions:r,files:i,pinned:c,replied:u,generating:h,tools:x=sW.tools,value:v,empty:T,scrollToBottom:C,scrollbar:N,promptBoxProps:R,...H}=e;return(0,Is.jsxs)("div",{...H,className:l(iW,e.className),dir:o,children:[t,(0,Is.jsxs)("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[c,(0,Is.jsx)("div",{className:l("k-message-list-content",T&&"k-message-list-content-empty"),children:e.children}),C&&(0,Is.jsx)("div",{className:"k-chat-scroll-to-bottom-container",children:(0,Is.jsx)(IM,{themeColor:"base",icon:"arrow-down-outline",size:"small"})})]}),N&&(0,Is.jsx)("div",{className:"k-separator"}),(0,Is.jsxs)("div",{className:"k-message-box-wrapper",children:[r,(0,Is.jsx)(xp,{lineMode:"multi",placeholder:"Type a message",generating:h,value:v,header:i||u?(0,Is.jsxs)(Is.Fragment,{children:[u,i]}):void 0,endAffix:x,...R})]})]})};oa.states=Qme;oa.options=Xme;oa.className=iW;oa.defaultOptions=sW;oa.moduleName=xP;oa.folderName=lW;oa.ariaSpec={selector:".k-chat",rules:[{selector:".k-message-list",attribute:"role=log",usage:"The role of the Chat message list must imply that there is a log (list) of messages."},{selector:".k-message-list",attribute:"aria-label",usage:"Announces the purpose of the Chat message list."},{selector:".k-message-list",attribute:"aria-live=polite",usage:"Announces new messages in the Chat message list."},{selector:".k-bubble",attribute:"tabindex=0",usage:"The Chat bubble must be focusable."},{selector:".k-bubble .k-typing-indicator",attribute:"tabindex=-1",usage:"The Chat bubble typing indicator should not be focusable."},{selector:".k-bubble-expandable-indicator",attribute:"role=button",usage:"The expandable indicator must have an appropriate role."},{selector:".k-bubble-expandable-indicator",attribute:"aria-label or title",usage:"The expandable indicator must be properly labelled."},{selector:".k-bubble-expandable-indicator",attribute:"tabindex=0",usage:"The expandable indicator must be part of the page tabsequence."},{selector:".k-message-reference>.k-button",attribute:"aria-label or title",usage:"The reference close button must be properly labelled."},{selector:".k-message-reference>.k-button",attribute:"role=button or nodeName=button",usage:"The reference close button must have an appropriate role."},{selector:".k-prompt-box-affix>.k-button",attribute:"role=button or nodeName=button",usage:"The buttons must have appropriate role."},{selector:".k-prompt-box-affix>.k-button",attribute:"aria-label or title",usage:"The buttons must be properly labelled."},{selector:".k-prompt-box-affix>.k-button.k-disabled",attribute:"disabled",usage:"Announces the send action as disabled when necessary."}]};var ql=require("react/jsx-runtime"),vP="k-message",Ume=[m.hover,m.selected,m.active,m.focus],Jme={},jme=[(0,ql.jsx)(d,{icon:"copy",fillMode:"flat","aria-label":"Copy"}),(0,ql.jsx)(d,{icon:"arrow-rotate-cw-outline",fillMode:"flat","aria-label":"Retry"}),(0,ql.jsx)(d,{icon:"download-light",fillMode:"flat","aria-label":"Download"})],ew={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen",toolbarItems:jme,failed:"Failed to send"},So=e=>{let{time:t=ew.time,text:o=ew.text,content:r,status:i=ew.status,statusIcon:c,toolbarItems:u=ew.toolbarItems,hover:h,selected:x,active:v,focus:T,toolbar:C,typing:N,expandable:R,expanded:H,removed:V,files:_,failed:q,...me}=e,Qe=q===!0?ew.failed:q;return(0,ql.jsxs)("div",{...me,className:l(vP,e.className,{"k-message-removed":V,"k-message-failed":q}),children:[q&&(0,ql.jsx)(ot,{className:"k-resend-button",icon:"arrow-rotate-cw-outline",size:"xsmall",fillMode:"clear","aria-label":"Resend"}),(0,ql.jsx)(TP,{typing:N,selected:x,hover:h,active:v,focus:T,content:(0,ql.jsxs)(ql.Fragment,{children:[r,o&&(0,ql.jsx)("span",{className:"k-chat-bubble-text",children:o})]}),expandable:R,expanded:H,files:_}),(0,ql.jsxs)("div",{className:"k-message-info",children:[i&&(0,ql.jsxs)("span",{className:"k-message-status",children:[c&&(0,ql.jsx)(f,{icon:c,size:"xsmall"}),i]}),t&&(0,ql.jsx)("time",{className:"k-message-time",children:t}),q&&(0,ql.jsxs)("span",{className:"k-message-failed-content",children:[q&&(0,ql.jsx)(f,{icon:"warning-triangle",size:"xsmall"}),q&&(0,ql.jsx)("span",{className:"k-message-failed-text",children:Qe})]})]}),C&&(0,ql.jsx)(fe,{className:"k-chat-message-toolbar",fillMode:"flat",children:u})]})};So.states=Ume;So.options=Jme;So.className=vP;So.defaultOptions=ew;var Jp=require("react/jsx-runtime"),tw="k-message-group",qme=[m.selected],_me={},JS={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},Eo=e=>{let{type:t=JS.type,author:o=JS.author,avatar:r=JS.avatar,status:i,selected:c,fullWidth:u,...h}=e;return(0,Jp.jsxs)("div",{...h,className:l(tw,e.className,D(tw,{selected:c}),{[`${tw}-${t}`]:t,"k-no-avatar":!r,[`${tw}-full-width`]:u}),children:[r&&!i&&(0,Jp.jsx)(ul,{type:"image",children:(0,Jp.jsx)("img",{src:r,alt:o||""})}),i&&r&&(0,Jp.jsxs)("div",{className:"k-chat-user-status-wrapper",children:[(0,Jp.jsx)(ul,{type:"image",children:(0,Jp.jsx)("img",{src:r,alt:o||""})}),(0,Jp.jsx)("div",{className:"k-chat-user-status"})]}),(0,Jp.jsxs)("div",{className:"k-message-group-content",children:[o&&(0,Jp.jsx)("span",{className:"k-message-author",children:o}),e.children]})]})};Eo.states=qme;Eo.options=_me;Eo.className=tw;Eo.defaultOptions=JS;var $m=require("react/jsx-runtime"),jS="k-message-reference",$me={},nW={type:"receiver"},Wf=e=>{let{content:t,closeable:o,pinned:r,type:i=nW.type,...c}=e;return(0,$m.jsxs)("div",{...c,className:l(jS,e.className,{[`${jS}-${i}`]:i,"k-message-pinned":r}),children:[r&&(0,$m.jsx)(f,{icon:"pin-outline"}),(0,$m.jsx)("div",{className:"k-message-reference-content",children:t}),o&&(0,$m.jsxs)($m.Fragment,{children:[(0,$m.jsx)("span",{className:"k-spacer"}),(0,$m.jsx)(d,{icon:"x-mark-sm-outline",fillMode:"flat",size:"xsmall","aria-label":"Close"})]})]})};Wf.options=$me;Wf.className=jS;Wf.defaultOptions=nW;var wP="bubble",dW=wP;var ex=require("react/jsx-runtime"),NP="k-bubble",eue=[m.hover,m.active,m.selected,m.focus],yP={expandable:!1,expanded:!1},Vf=e=>{let{content:t,hover:o,active:r,focus:i,selected:c,expandable:u=yP.expandable,expanded:h=yP.expanded,...x}=e;return(0,ex.jsxs)("div",{...x,className:l(e.className,NP,D(NP,{hover:o,active:r,focus:i,selected:c}),{"k-bubble-expandable":u},{"k-expanded":h}),tabIndex:0,children:[(0,ex.jsx)("div",{className:"k-bubble-content",children:t??e.children}),u&&(0,ex.jsx)("span",{className:"k-bubble-expandable-indicator",role:"button","aria-label":h?"Show less":"Show more",tabIndex:0,children:h?(0,ex.jsx)(f,{icon:"chevron-up"}):(0,ex.jsx)(f,{icon:"chevron-down"})})]})};Vf.states=eue;Vf.className=NP;Vf.defaultOptions=yP;Vf.moduleName=wP;Vf.folderName=dW;Vf.ariaSpec={selector:".k-bubble",rules:[{selector:".k-bubble",attribute:"tabindex=0",usage:"The Chat bubble must be focusable."},{selector:".k-bubble-expandable-indicator",attribute:"role=button",usage:"The expandable indicator must have an appropriate role."},{selector:".k-bubble-expandable-indicator",attribute:"aria-label or title",usage:"The expandable indicator must be properly labelled."},{selector:".k-bubble-expandable-indicator",attribute:"tabindex=0",usage:"The expandable indicator must be part of the page tabsequence."}]};var tue=require("react/jsx-runtime");var oue=require("react/jsx-runtime");var aue=require("react/jsx-runtime");var tx=require("react/jsx-runtime"),rue="k-chat-bubble",TP=e=>{let{typing:t,content:o,files:r,...i}=e;return(0,tx.jsxs)(Vf,{...i,className:l(e.className,rue),children:[t?(0,tx.jsxs)("div",{className:"k-typing-indicator",tabIndex:-1,children:[(0,tx.jsx)("span",{}),(0,tx.jsx)("span",{}),(0,tx.jsx)("span",{})]}):o,r]})};var pW=require("react/jsx-runtime"),lue="k-timestamp",iue=e=>(0,pW.jsx)("div",{className:l(e.className,lue),children:e.children});var _y=require("react/jsx-runtime"),CP="k-chat-event",AP={icon:"trash",text:"You deleted Chat history."},SP=e=>{let{icon:t=AP.icon,text:o=AP.text,...r}=e;return(0,_y.jsxs)("div",{...r,className:l(e.className,CP),children:[t&&(0,_y.jsx)(f,{className:"k-chat-event-icon",icon:t,size:"xsmall"}),o&&(0,_y.jsx)("span",{className:"k-chat-event-text",children:o})]})};SP.className=CP;SP.defaultOptions=AP;var mW=require("react/jsx-runtime"),sue="k-chat-header",nue=e=>(0,mW.jsx)(fe,{...e,className:l(e.className,sue),children:e.children});var Fn=require("react/jsx-runtime"),EP=e=>(0,Fn.jsx)(oa,{children:(0,Fn.jsxs)(Fn.Fragment,{children:[(0,Fn.jsx)("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),(0,Fn.jsx)(Eo,{children:(0,Fn.jsx)(So,{})}),(0,Fn.jsx)(Eo,{type:"sender",children:(0,Fn.jsx)(So,{})}),(0,Fn.jsx)(Eo,{children:(0,Fn.jsx)(So,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),(0,Fn.jsx)(Eo,{type:"sender",children:(0,Fn.jsx)(So,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e});var LP=require("react/jsx-runtime"),$y="k-file-box-wrapper",uW={layout:"horizontal"},Ms=e=>{let{layout:t=uW.layout,scrollingPosition:o,...r}=e;return(0,LP.jsx)("ul",{role:"list","aria-label":"Attached files",...r,className:l(e.className,$y,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${$y}-scrollable-start`]:t==="horizontal"&&(o==="start"||o==="both"),[`${$y}-scrollable-end`]:t==="horizontal"&&(o==="end"||o==="both")}),children:t==="horizontal"?(0,LP.jsx)("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};Ms.className=$y;Ms.defaultOptions=uW;var IP="file-box",bW=IP;var eu=require("react/jsx-runtime"),MP="k-file-box",due=[m.selected],cue={},eA={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},$a=e=>{let{icon:t=eA.icon,name:o=eA.name,size:r=eA.size,status:i,deleted:c,removeButton:u,showButton:h=eA.showButton,...x}=e,v=[o,r].filter(Boolean).join(" ");return(0,eu.jsxs)("li",{role:"listitem",tabIndex:0,"aria-label":v||void 0,...x,className:l(MP,e.className,{"k-file-deleted":c}),children:[(0,eu.jsx)(f,{icon:t,size:"xlarge","aria-hidden":"true"}),(0,eu.jsxs)("div",{className:"k-file-info",children:[o&&(0,eu.jsx)("span",{className:"k-file-name",children:o}),r&&(0,eu.jsx)("span",{className:"k-file-size",children:r}),i&&(0,eu.jsx)("span",{className:"k-file-status",children:i})]}),h&&(u?(0,eu.jsx)(d,{as:"span",icon:"x-mark-sm-outline",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):(0,eu.jsx)(wt,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};$a.states=due;$a.options=cue;$a.className=MP;$a.defaultOptions=eA;$a.moduleName=IP;$a.folderName=bW;$a.ariaSpec={selector:".k-file-box-wrapper",rules:[{selector:".k-file-box-wrapper",attribute:"role=list",usage:"Explicitly sets the UL role to list."},{selector:".k-file-box-wrapper",attribute:"aria-label",usage:'Provides an accessible name for the file list (e.g. "Attached files").'},{selector:".k-file-box-wrapper .k-files-scroll",attribute:"role=presentation",usage:"The scrollable container between the list and its items is presentational, ensuring the list\u2192listitem relationship is preserved in the accessibility tree."},{selector:".k-file-box-wrapper .k-file-box",attribute:"role=listitem",usage:"Explicitly sets the LI role to listitem."},{selector:".k-file-box-wrapper .k-file-box",attribute:"tabindex",usage:"Makes the file box focusable. Uses roving tabindex: 0 for the focused item, -1 for the rest."},{selector:".k-file-box-wrapper .k-file-box",attribute:"aria-label",usage:'Provides an accessible name describing the file. Can include the file name and size (e.g. "FileName.pdf 2MB").'},{selector:".k-file-box-wrapper .k-file-box .k-icon",attribute:"aria-hidden=true",usage:"The file type icon is decorative and hidden from screen readers."},{selector:".k-file-box-wrapper .k-file-box span.k-button",attribute:"aria-hidden=true",usage:"The remove button is rendered as a decorative span and hidden from screen readers. File removal is handled by keyboard interaction on the listitem itself."}]};var BP=require("react/jsx-runtime"),pue=e=>(0,BP.jsx)(Ms,{...e,children:(0,BP.jsx)($a,{})});var PP=require("react/jsx-runtime"),mue=e=>(0,PP.jsx)(Ms,{...e,children:(0,PP.jsx)($a,{removeButton:!0})});var ow=require("react/jsx-runtime"),uue=e=>(0,ow.jsxs)(Ms,{...e,children:[(0,ow.jsx)($a,{tabIndex:0}),(0,ow.jsx)($a,{icon:"file-image",name:"Photo.png",size:"5MB",tabIndex:-1}),(0,ow.jsx)($a,{icon:"file-txt",name:"Notes.txt",size:"1KB",tabIndex:-1})]});var tA=require("react/jsx-runtime"),bue=e=>(0,tA.jsxs)(Ms,{layout:"vertical",...e,children:[(0,tA.jsx)($a,{tabIndex:0}),(0,tA.jsx)($a,{icon:"file-image",name:"Photo.png",size:"5MB",tabIndex:-1})]});var DP=require("react/jsx-runtime"),fue=e=>(0,DP.jsx)(Ms,{...e,children:(0,DP.jsx)($a,{showButton:!1})});var zn=require("react/jsx-runtime"),hue=e=>(0,zn.jsx)(oa,{children:(0,zn.jsx)(zn.Fragment,{children:(0,zn.jsx)(Eo,{children:(0,zn.jsx)(So,{})})}),files:(0,zn.jsx)(zn.Fragment,{children:(0,zn.jsxs)(Ms,{scrollingPosition:"start",children:[(0,zn.jsx)($a,{removeButton:!0}),(0,zn.jsx)($a,{icon:"file-psd",name:"File with long name",size:"5MB",removeButton:!0}),(0,zn.jsx)($a,{icon:"file-txt",name:"Another file with longer name",removeButton:!0}),(0,zn.jsx)($a,{icon:"file-csv",name:"Another file with even longer name",size:"5MB",removeButton:!0})]})}),...e});var jp=require("react/jsx-runtime"),gue=e=>(0,jp.jsx)(oa,{children:(0,jp.jsxs)(jp.Fragment,{children:[(0,jp.jsx)("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),(0,jp.jsx)(Eo,{children:(0,jp.jsx)(So,{toolbar:!0,text:"Message with toolbar."})}),(0,jp.jsx)(Eo,{type:"sender",children:(0,jp.jsx)(So,{})})]}),...e});var El=require("react/jsx-runtime"),kue=e=>(0,El.jsx)(oa,{children:(0,El.jsxs)(El.Fragment,{children:[(0,El.jsx)("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),(0,El.jsx)(Eo,{fullWidth:!0,children:(0,El.jsx)(So,{text:null,content:(0,El.jsxs)("div",{className:"k-skeleton-container",style:{width:"100%"},children:[(0,El.jsx)(Qb,{style:{width:"100%"}}),(0,El.jsx)(Qb,{style:{width:"100%"}}),(0,El.jsx)(Qb,{style:{width:"100%"}}),(0,El.jsx)(Qb,{style:{width:"75%"}})]})})}),(0,El.jsx)(Eo,{type:"sender",fullWidth:!0,avatar:null,children:(0,El.jsx)(So,{text:null,content:(0,El.jsxs)("div",{className:"k-skeleton-container",style:{width:"100%",display:"flex",alignItems:"center",gap:"var( --kendo-spacing-1 )"},children:[(0,El.jsx)(DN,{style:{width:"32px",height:"32px"}}),(0,El.jsxs)("div",{style:{flex:"1 1 50%"},children:[(0,El.jsx)(Qb,{style:{width:"100%"}}),(0,El.jsx)(Qb,{style:{width:"50%"}})]})]})})})]}),...e});var xb=require("react/jsx-runtime"),xue=e=>(0,xb.jsx)(oa,{generating:!0,children:(0,xb.jsxs)(xb.Fragment,{children:[(0,xb.jsx)("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),(0,xb.jsx)(Eo,{fullWidth:!0,avatar:null,children:(0,xb.jsx)(So,{})})]}),...e});var Br=require("react/jsx-runtime"),vue=e=>(0,Br.jsxs)(Br.Fragment,{children:[(0,Br.jsx)(oa,{children:(0,Br.jsxs)(Br.Fragment,{children:[(0,Br.jsx)("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),(0,Br.jsx)(Eo,{children:(0,Br.jsx)(So,{})}),(0,Br.jsx)(Eo,{type:"sender",children:(0,Br.jsx)(So,{})}),(0,Br.jsx)(Eo,{children:(0,Br.jsx)(So,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),(0,Br.jsx)(Eo,{type:"sender",children:(0,Br.jsx)(So,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e}),(0,Br.jsxs)(_s,{className:"k-chat-upload",title:"Upload file(s)",actions:["x"],actionButtons:(0,Br.jsxs)(Br.Fragment,{children:[(0,Br.jsx)(d,{themeColor:"primary",disabled:!0,children:"Upload"}),(0,Br.jsx)(d,{children:"Cancel"})]}),children:[(0,Br.jsx)(Bi,{}),(0,Br.jsx)(vr,{empty:!0,status:"upload"})]})]});var fW=require("react/jsx-runtime"),Tue=e=>(0,fW.jsx)(oa,{empty:!0,...e});var tu=require("react/jsx-runtime"),wue=e=>(0,tu.jsx)(oa,{children:(0,tu.jsxs)(tu.Fragment,{children:[(0,tu.jsx)(Eo,{children:(0,tu.jsx)(So,{})}),(0,tu.jsx)(Eo,{children:(0,tu.jsx)(So,{typing:!0,text:null})})]}),...e});var ou=require("react/jsx-runtime"),Nue=e=>(0,ou.jsx)(oa,{children:(0,ou.jsxs)(ou.Fragment,{children:[(0,ou.jsx)(Eo,{children:(0,ou.jsx)(So,{expandable:!0,expanded:!1,text:"Compare the top 3 AI tools for an image-generation (like Midjourney, DALL\xB7E, and Adobe Firefly). List their pricing, main features."})}),(0,ou.jsx)(Eo,{type:"sender",children:(0,ou.jsx)(So,{expandable:!0,expanded:!0,text:"Compare the top 3 AI tools for an image-generation (like Midjourney, DALL\xB7E, and Adobe Firefly). List their pricing, main features."})})]}),...e});var qp=require("react/jsx-runtime"),yue=e=>(0,qp.jsx)(oa,{pinned:(0,qp.jsx)(Wf,{pinned:!0,closeable:!0,content:"Pinned message content"}),children:(0,qp.jsxs)(qp.Fragment,{children:[(0,qp.jsx)(Eo,{children:(0,qp.jsx)(So,{})}),(0,qp.jsx)(Eo,{type:"sender",children:(0,qp.jsx)(So,{})})]}),...e});var ox=require("react/jsx-runtime"),Aue=e=>(0,ox.jsx)(oa,{children:(0,ox.jsx)(ox.Fragment,{children:(0,ox.jsx)(Eo,{type:"sender",children:(0,ox.jsx)(So,{failed:!0,text:"Failed message"})})}),...e});var er=require("react/jsx-runtime"),Cue=oa.states,Sue=oa.defaultOptions,Eue=oa.options,Lue=[{name:"header",title:"Header"},{name:"pinned",title:"Pinned"},{name:"suggested",title:"Suggested Actions"},{name:"author",title:"Author"},{name:"avatar",title:"Avatar"},{name:"quick",title:"Quick Replies"}],Iue=[],ax=e=>{let{modifiers:t,...o}=e,r={author:null,avatar:null},i=(0,er.jsxs)(Oi,{className:"k-chat-header",positionMode:"sticky",themeColor:"primary",children:[(0,er.jsx)("span",{className:"k-spacer k-spacer-sized k-w-1"}),(0,er.jsx)(En,{children:(0,er.jsx)("span",{children:"Chat with demo bot"})}),(0,er.jsx)("span",{className:"k-spacer"}),(0,er.jsx)(En,{children:(0,er.jsx)(d,{fillMode:"flat",icon:"more-vertical"})})]}),c=(0,er.jsx)(Wf,{type:"sender",pinned:!0,content:"Hello! Generate a cover letter.",closeable:!0}),u=(0,er.jsxs)(Gl,{children:[(0,er.jsx)(Ba,{text:"Provide a CV template"}),(0,er.jsx)(Ba,{text:"Generate a cover letter"})]}),h=(0,er.jsxs)(Gl,{children:[(0,er.jsx)(Ba,{themeColor:"primary",text:"Thank you!"}),(0,er.jsx)(Ba,{themeColor:"primary",text:"Great!"})]}),x="https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg",v=null,T="User",C="Demo Bot";Object.keys(t||{}).forEach(me=>{switch(me){case"header":r.header=t!=null&&t[me]?i:!1;break;case"pinned":r.pinned=t!=null&&t[me]?c:!1;break;case"suggested":r.suggestedActions=t!=null&&t[me]?u:!1;break;case"author":r.author=t!=null&&t[me]?!0:null;break;case"avatar":r.avatar=t!=null&&t[me]?x:null;break;case"quick":r.quickReplies=t!=null&&t[me]?h:(0,er.jsx)(er.Fragment,{});break;default:break}});let{header:N,pinned:R,suggestedActions:H,author:V,avatar:_,quickReplies:q}=r;return(0,er.jsxs)(EP,{value:"Thank you!",style:{minHeight:"100%"},...o,header:N,pinned:R,suggestedActions:H,children:[(0,er.jsx)(Eo,{avatar:v,author:V?C:null,children:(0,er.jsx)(So,{text:"Hello, this is a demo bot. How can I help you ?"})}),(0,er.jsx)(Eo,{avatar:_?x:null,author:V?T:null,type:"sender",children:(0,er.jsx)(So,{text:"Hello! Generate a cover letter."})}),(0,er.jsx)(Eo,{avatar:v,author:V?C:null,children:(0,er.jsx)(So,{text:"Sure. Here is a cover letter template",files:(0,er.jsx)(Ms,{children:(0,er.jsx)($a,{icon:"file-pdf",name:"cover_letter.pdf",size:"1.43MB"})})})}),q]})};ax.options=Eue;ax.states=Cue;ax.variants=Iue;ax.defaultOptions=Sue;ax.modifiers=Lue;ax.className=oa.className;var qc=require("react/jsx-runtime"),RP="k-mediaplayer-toolbar",Mue=[],Bue={},Pue=[(0,qc.jsx)(d,{fillMode:"flat",icon:"play",className:"k-play-button","aria-label":"Play","aria-pressed":"false"},"play"),(0,qc.jsxs)(Lt,{className:"k-mediaplayer-currenttime-wrap",children:[(0,qc.jsx)("span",{className:"k-mediaplayer-currenttime",children:"00:18"})," / ",(0,qc.jsx)("span",{className:"k-mediaplayer-duration",children:"00:55"})]},"currenttime"),(0,qc.jsx)("div",{className:"k-spacer"},"spacer"),(0,qc.jsx)(d,{fillMode:"flat",icon:"volume-up",className:"k-volume-button","aria-label":"Mute","aria-pressed":"false"},"volume"),(0,qc.jsx)(Lt,{className:"k-mediaplayer-volume-wrap",children:(0,qc.jsx)(ag,{className:"k-mediaplayer-volume",showButtons:!1,showTicks:!1})},"volume-wrap"),(0,qc.jsx)(d,{fillMode:"flat",icon:"fullscreen",className:"k-fullscreen-button","aria-label":"Full screen","aria-pressed":"false"},"fullscreen")],hW={toolbarItems:Pue},rx=e=>{let{toolbarItems:t=hW.toolbarItems,...o}=e;return(0,qc.jsx)(fe,{...o,className:l(e.className,RP),children:t})};rx.states=Mue;rx.options=Bue;rx.className=RP;rx.defaultOptions=hW;var gW="media-player",kW="mediaplayer";var Qf=require("react/jsx-runtime"),OP="k-mediaplayer",Due=[],Rue={},xW={title:"Media player title"},_c=e=>{let{title:t=xW.title,toolbarItems:o,children:r,...i}=e;return(0,Qf.jsxs)("div",{...i,className:l(e.className,OP),children:[r,(0,Qf.jsx)("div",{className:"k-mediaplayer-titlebar",children:t}),(0,Qf.jsxs)("div",{className:"k-mediaplayer-toolbar-wrap",children:[(0,Qf.jsx)(ag,{className:"k-mediaplayer-seekbar",showButtons:!1,showTicks:!1}),(0,Qf.jsx)(rx,{toolbarItems:o})]}),(0,Qf.jsx)("div",{className:"k-mediaplayer-overlay"})]})};_c.states=Due;_c.options=Rue;_c.className=OP;_c.defaultOptions=xW;_c.moduleName=gW;_c.folderName=kW;_c.ariaSpec={selector:".k-mediaplayer",rules:[{selector:".k-play-button",attribute:"aria-label",usage:"Specifies label for the play/pause button."},{selector:".k-play-button",attribute:"aria-pressed",usage:"Specifies whether play is active or not."},{selector:".k-volume-button",attribute:"aria-label",usage:"Specifies label for the mute button."},{selector:".k-volume-button",attribute:"aria-pressed",usage:"Specifies whether mute is active or not."},{selector:".k-fullscreen-button",attribute:"aria-label",usage:"Specifies label for the full screen button."},{selector:".k-fullscreen-button",attribute:"aria-pressed",usage:"Specifies whether full screen is active or not."}]};var vW=require("react/jsx-runtime"),KP=e=>(0,vW.jsx)(_c,{...e});var YP=require("react/jsx-runtime"),Oue={"--kendo-slider-start":0,"--kendo-slider-end":30},Kue={},Yue=[],Gue=[],Hue={},Fue=[],lx=e=>(0,YP.jsx)(KP,{...e,style:{height:"360px",width:"540px",...Oue},children:(0,YP.jsx)("div",{className:"k-bg-primary-subtle",style:{width:"100%",height:"100%"}})});lx.options=Kue;lx.states=Yue;lx.variants=Gue;lx.defaultOptions=Hue;lx.modifiers=Fue;lx.className=_c.className;var Hr="timeline",dl=Hr;var oA=require("react/jsx-runtime"),aw="k-timeline",zue=[],Wue={},TW={orientation:"vertical"},Ll=e=>{let{orientation:t=TW.orientation,collapsibleEvents:o,alternatingMode:r,...i}=e;return(0,oA.jsx)("div",{...i,className:l(e.className,aw,{[`${aw}-${t}`]:t,[`${aw}-alternating`]:r,[`${aw}-collapsible`]:o}),children:(0,oA.jsx)(oA.Fragment,{children:e.children})})};Ll.states=zue;Ll.options=Wue;Ll.className=aw;Ll.defaultOptions=TW;Ll.moduleName=Hr;Ll.folderName=dl;Ll.ariaSpec={rules:[{selector:".k-timeline.k-timeline-horizontal .k-timeline-track-wrap .k-timeline-scrollable-wrap",attribute:"role=tablist",usage:"Indicates the tablist role for the scrollable wrap element."},{selector:".k-timeline.k-timeline-horizontal .k-timeline-track-item:not(.k-timeline-flag-wrap)",attribute:"role=tab",usage:"Individual tab element on the track."},{selector:".k-timeline.k-timeline-horizontal .k-timeline-track-item:not(.k-timeline-flag-wrap).k-focus",attribute:"aria-selected=true",usage:"Announces the selected state of the focused tab."},{selector:".k-timeline.k-timeline-horizontal .k-timeline-flag-wrap",attribute:"role=none",usage:"The flag-wrap items have semantics removed."},{selector:".k-timeline.k-timeline-horizontal .k-timeline-flag-wrap",attribute:"aria-hidden=true",usage:"Flag-wrap items are hidden from the accessibility tree."},{selector:".k-timeline.k-timeline-horizontal .k-card:not(:empty)",attribute:"role=tabpanel",usage:"The card serves as the tab panel content."},{selector:".k-timeline.k-timeline-horizontal .k-card:not(:empty)",attribute:"aria-label",usage:"Refers to the tab element that controls the panel."},{selector:".k-timeline-arrow",attribute:"aria-hidden=true",usage:"Arrow buttons are hidden from the accessibility tree."},{selector:".k-timeline.k-timeline-vertical .k-card",attribute:"role=button",usage:"Items in the vertical timeline are buttons."},{selector:".k-timeline.k-timeline-vertical .k-card",attribute:"aria-describedby",usage:"Vertical timeline cards are described by their date elements."},{selector:".k-timeline.k-timeline-vertical .k-card",attribute:"aria-live=polite",usage:"Vertical timeline cards are live regions."},{selector:".k-timeline.k-timeline-vertical .k-card",attribute:"tabindex=0",usage:"Vertical timeline cards are focusable."},{selector:".k-timeline.k-timeline-collapsible .k-collapsed .k-card",attribute:"aria-expanded=false",usage:"Collapsed cards announce their collapsed state."},{selector:".k-timeline.k-timeline-collapsible .k-timeline-card:not(.k-collapsed) .k-card",attribute:"aria-expanded=true",usage:"Expanded cards announce their expanded state."}]};var Md=require("react/jsx-runtime"),GP="k-timeline-event",Vue=[],Que={},rw={collapsed:!1,reverse:!1,title:"Event title",subtitle:"Event subtitle",content:"Event content"},Il=e=>{let{date:t,content:o=rw.content,collapsed:r=rw.collapsed,reverse:i=rw.reverse,title:c=rw.title,subtitle:u=rw.subtitle,showCollapseButton:h,id:x=b("timeline-event"),...v}=e,T=`${x}-date`;return(0,Md.jsxs)("li",{...v,className:l(e.className,GP,{"k-reverse":i}),children:[t&&(0,Md.jsx)("div",{className:"k-timeline-date-wrap",children:(0,Md.jsx)("span",{className:"k-timeline-date",id:T,children:t})}),(0,Md.jsx)(Bd,{}),o&&(0,Md.jsx)("div",{className:l("k-timeline-card",{"k-collapsed":r}),children:(0,Md.jsx)(ix,{...i?{callout:"right"}:{callout:"left"},ariaRole:"button",ariaDescribedBy:t?T:void 0,ariaLive:"polite",cardTabIndex:0,ariaExpanded:h?!r:void 0,children:(0,Md.jsxs)("div",{className:"k-card-inner",children:[(0,Md.jsxs)(da,{children:[(0,Md.jsx)(Xf,{collapsible:h,children:c}),(0,Md.jsx)(Kp,{children:u})]}),(0,Md.jsx)(xo,{children:(0,Md.jsx)("div",{className:"k-card-description",children:o})})]})})}),e.children]})};Il.states=Vue;Il.options=Que;Il.className=GP;Il.defaultOptions=rw;Il.moduleName=Hr;Il.folderName=dl;var _p=require("react/jsx-runtime"),HP="k-timeline-event",Xue=[],Zue={},qS={title:"Event title",subtitle:"Event subtitle",content:"Event content"},$p=e=>{let{content:t=qS.content,title:o=qS.title,subtitle:r=qS.subtitle,ariaLabel:i,panelTabIndex:c,...u}=e;return(0,_p.jsxs)("li",{...u,className:l(e.className,HP),children:[t&&(0,_p.jsx)("div",{className:l("k-timeline-card"),children:(0,_p.jsx)(ix,{orientation:"vertical",callout:"top",ariaRole:"tabpanel",ariaLabel:i,cardTabIndex:c,children:(0,_p.jsxs)("div",{className:"k-card-inner",children:[(0,_p.jsxs)(da,{children:[(0,_p.jsx)(Xf,{children:o}),(0,_p.jsx)(Kp,{children:r})]}),(0,_p.jsx)(xo,{children:(0,_p.jsx)("div",{className:"k-card-description",children:t})})]})})}),e.children]})};$p.states=Xue;$p.options=Zue;$p.className=HP;$p.defaultOptions=qS;$p.moduleName=Hr;$p.folderName=dl;var FP=require("react/jsx-runtime"),zP="k-timeline-events-list",Zf=e=>{let{...t}=e;return(0,FP.jsx)("div",{...t,className:l(e.className,zP),children:(0,FP.jsx)("ul",{className:"k-timeline-scrollable-wrap",children:e.children})})};Zf.className=zP;Zf.moduleName=Hr;Zf.folderName=dl;var _S=require("react/jsx-runtime"),WP="k-timeline-flag-wrap",Uue=[m.focus,m.selected],Jue={},wW={year:"2020"},Ti=e=>{let{year:t=wW.year,...o}=e;return(0,_S.jsxs)("li",{...o,className:l(e.className,WP),children:[(0,_S.jsx)("span",{className:"k-timeline-flag",children:t}),e.children]})};Ti.states=Uue;Ti.options=Jue;Ti.className=WP;Ti.defaultOptions=wW;Ti.moduleName=Hr;Ti.folderName=dl;var NW=require("react/jsx-runtime"),VP="k-timeline-circle",Bd=e=>{let{...t}=e;return(0,NW.jsx)("span",{...t,className:l(e.className,VP)})};Bd.className=VP;Bd.moduleName=Hr;Bd.folderName=dl;var yW=require("react/jsx-runtime"),QP="k-timeline-flag",au=e=>{let{content:t,...o}=e;return(0,yW.jsx)("span",{...o,className:l(e.className,QP),children:t})};au.className=QP;au.moduleName=Hr;au.folderName=dl;var $S=require("react/jsx-runtime"),jue=[],que={},ix=e=>{let{callout:t,children:o,ariaRole:r,ariaDescribedBy:i,ariaLive:c,ariaExpanded:u,ariaLabel:h,cardTabIndex:x,...v}=e;return(0,$S.jsxs)(qo,{className:l(e.className),orientation:"vertical",callout:"true",role:r,"aria-describedby":i,"aria-live":c,"aria-expanded":u!==void 0?u?"true":"false":void 0,"aria-label":h,tabIndex:x,...v,children:[t&&(0,$S.jsx)(lw,{callout:t}),o]})};ix.states=jue;ix.defaultOptions=que;var iw=require("react/jsx-runtime"),XP="k-card-title",_ue=[],$ue={},Xf=e=>{let{collapsible:t,children:o,...r}=e;return(0,iw.jsxs)("div",{className:l(e.className,XP),...r,children:[(0,iw.jsx)("span",{className:"k-event-title",children:o}),t&&(0,iw.jsx)("span",{className:"k-event-collapse k-button k-button-flat k-button-xs k-icon-button",children:(0,iw.jsx)(f,{icon:"chevron-right",className:"k-button-icon"})})]})};Xf.states=_ue;Xf.className=XP;Xf.defaultOptions=$ue;var AW=require("react/jsx-runtime"),ZP="k-timeline-card-callout",ebe=[],tbe={},lw=e=>{let{...t}=e;return(0,AW.jsx)(Gy,{className:l(e.className,ZP),...t})};lw.states=ebe;lw.className=ZP;lw.defaultOptions=tbe;var UP=require("react/jsx-runtime"),JP="k-timeline-date-wrap",obe=[],abe={},CW={date:"May 25, 2008"},Wn=e=>{let{date:t=CW.date,...o}=e;return(0,UP.jsx)("div",{...o,className:l(e.className,JP),children:(0,UP.jsx)("span",{className:"k-timeline-date",children:t})})};Wn.states=obe;Wn.options=abe;Wn.className=JP;Wn.defaultOptions=CW;Wn.moduleName=Hr;Wn.folderName=dl;var sw=require("react/jsx-runtime"),jP="k-timeline-track-wrap",Uf=e=>{let{...t}=e;return(0,sw.jsxs)("div",{...t,className:l(e.className,jP),children:[(0,sw.jsx)(d,{className:"k-timeline-arrow k-timeline-arrow-left",rounded:"full",icon:"chevron-left",disabled:!0,"aria-hidden":"true",tabIndex:-1}),(0,sw.jsx)(d,{className:"k-timeline-arrow k-timeline-arrow-right",rounded:"full",icon:"chevron-right","aria-hidden":"true",tabIndex:-1}),(0,sw.jsx)(nw,{children:e.children})]})};Uf.className=jP;Uf.moduleName=Hr;Uf.folderName=dl;var qP=require("react/jsx-runtime"),_P="k-timeline-track",nw=e=>{let{...t}=e;return(0,qP.jsx)("div",{...t,className:l(e.className,_P),children:(0,qP.jsx)("ul",{className:"k-timeline-scrollable-wrap",role:"tablist",children:e.children})})};nw.className=_P;nw.moduleName=Hr;nw.folderName=dl;var SW=require("react/jsx-runtime"),eE="k-timeline-track-item",rbe=[m.focus],Bs=e=>{var h;let{content:t,focus:o,ariaSelected:r,ariaDescribedBy:i,...c}=e,u=(h=c.className)==null?void 0:h.includes("k-timeline-flag-wrap");return(0,SW.jsxs)("li",{...c,className:l(e.className,eE,D(eE,{focus:o})),role:u?"none":"tab","aria-hidden":u?"true":void 0,"aria-selected":!u&&r?"true":void 0,"aria-describedby":u?void 0:i,children:[t,e.children]})};Bs.states=rbe;Bs.className=eE;Bs.moduleName=Hr;Bs.folderName=dl;var Jf=require("react/jsx-runtime"),lbe=e=>{let t=b("tl-ev"),o=b("tl-ev");return(0,Jf.jsx)(Ll,{children:(0,Jf.jsxs)("ul",{children:[(0,Jf.jsx)(Ti,{year:"2010"}),(0,Jf.jsx)(Il,{id:t,date:"May 11, 2010"}),(0,Jf.jsx)(Ti,{year:"2011"}),(0,Jf.jsx)(Il,{id:o,date:"Oct 11, 2011"})]}),...e})};var jf=require("react/jsx-runtime"),ibe=e=>{let t=b("tl-ev"),o=b("tl-ev");return(0,jf.jsx)(Ll,{collapsibleEvents:!0,children:(0,jf.jsxs)("ul",{children:[(0,jf.jsx)(Ti,{year:"2010"}),(0,jf.jsx)(Il,{id:t,date:"May 11, 2010",collapsed:!1,showCollapseButton:!0}),(0,jf.jsx)(Ti,{year:"2011"}),(0,jf.jsx)(Il,{id:o,date:"Oct 11, 2011",subtitle:"Collapsed",collapsed:!0,showCollapseButton:!0})]}),...e})};var ru=require("react/jsx-runtime"),$P=e=>{let t=b("tl-ev"),o=b("tl-ev"),r=b("tl-ev"),i=b("tl-ev");return(0,ru.jsx)(Ll,{alternatingMode:!0,children:(0,ru.jsxs)("ul",{children:[(0,ru.jsx)(Ti,{year:"2010"}),(0,ru.jsx)(Il,{id:t,date:"Apr 11, 2010",reverse:!0}),(0,ru.jsx)(Il,{id:o,date:"May 11, 2010"}),(0,ru.jsx)(Ti,{year:"2011"}),(0,ru.jsx)(Il,{id:r,date:"Oct 11, 2011",reverse:!0}),(0,ru.jsx)(Il,{id:i,date:"Dec 11, 2011"})]}),...e})};var cl=require("react/jsx-runtime"),eD=e=>(0,cl.jsx)(Ll,{orientation:"horizontal",children:(0,cl.jsxs)(cl.Fragment,{children:[(0,cl.jsxs)(Uf,{children:[(0,cl.jsx)(Bs,{className:"k-timeline-flag-wrap",children:(0,cl.jsx)(au,{content:"2015"})}),(0,cl.jsxs)(Bs,{children:[(0,cl.jsx)(Wn,{date:"Jan 14, 2015"}),(0,cl.jsx)(Bd,{})]}),(0,cl.jsxs)(Bs,{focus:!0,ariaSelected:!0,ariaDescribedBy:"panel-1",children:[(0,cl.jsx)(Wn,{date:"Jun 1, 2015"}),(0,cl.jsx)(Bd,{})]}),(0,cl.jsxs)(Bs,{children:[(0,cl.jsx)(Wn,{date:"Sep 29, 2015"}),(0,cl.jsx)(Bd,{})]}),(0,cl.jsx)(Bs,{className:"k-timeline-flag-wrap",children:(0,cl.jsx)(au,{content:"2016"})})]}),(0,cl.jsx)(Zf,{children:(0,cl.jsx)($p,{ariaLabel:"Jun 1, 2015",panelTabIndex:0})})]}),...e});var Qa=require("react/jsx-runtime"),sbe=Ll.options,nbe=Ll.states,dbe={...Ll.defaultOptions,variant:"vertical"},cbe=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],pbe=[],mbe=`
16
16
  .k-timeline-events-list .k-timeline-scrollable-wrap {
17
17
  height: 115px !important;
18
18
  }