@progress/kendo-themes-html 14.0.0-dev.3 → 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/esm/index.mjs CHANGED
@@ -12,7 +12,7 @@ var l=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?l(...t):typeof t=
12
12
  .custom-content li:last-child {
13
13
  border: 0;
14
14
  }
15
- `,gse=[{name:"normal",title:"Normal"},{name:"mini",title:"Mini"},{name:"overlay",title:"Overlay"}],kse=[],dg=e=>{let{variant:t,modifiers:o,...r}={...GG,...e},i={};Object.keys(o||{}).forEach(p=>{p==="end-position"&&(i.position=o?.[p]?"end":void 0)});let c=nT(Ab,{children:[pa("style",{children:hse}),pa("div",{className:"custom-content",children:nT("ul",{children:[pa("li",{children:pa("p",{children:"Hi Tom, Since Monday I'll be out of office, I'm rescheduling the meeting for Tuesday."})}),pa("li",{children:pa("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 pa(Ab,{children:pa(YG,{...r,...i,mini:!0,items:nT(Ab,{children:[pa(Vt,{selected:!0,icon:"inbox",text:"Inbox",level:""}),pa(Vt,{icon:"bell",text:"Notification",level:""}),pa(xd,{}),pa(Vt,{icon:"star",text:"Favourites",level:""}),pa(Vt,{icon:"calendar",text:"Calendar",level:""})]}),children:pa(Bl,{children:c})})});case"overlay":return pa(Ab,{children:pa(HI,{...r,...i,mode:"overlay",expanded:!0,items:nT(Ab,{children:[pa(Vt,{selected:!0,text:"Inbox"}),pa(Vt,{icon:"bell",text:"Notification"}),pa(xd,{}),pa(Vt,{icon:"star",text:"Favourites"}),pa(Vt,{icon:"calendar",text:"Calendar"})]}),children:pa(Bl,{children:c})})});default:return pa(Ab,{children:pa(HI,{...r,...i,expanded:!0,items:nT(Ab,{children:[pa(Vt,{selected:!0,text:"Inbox"}),pa(Vt,{icon:"bell",text:"Notification"}),pa(xd,{}),pa(Vt,{icon:"star",text:"Favourites"}),pa(Vt,{icon:"calendar",text:"Calendar"})]}),children:pa(Bl,{children:c})})})}};dg.options=bse;dg.states=fse;dg.variants=gse;dg.defaultOptions=GG;dg.modifiers=kse;dg.className=Zr.className;var FI="notification",HG=FI;import{Fragment as Tse,jsx as yy,jsxs as FG}from"react/jsx-runtime";var zI="k-notification",xse=[],vse={themeColor:[K.undefined,K.base,K.primary,K.secondary,K.tertiary,K.success,K.warning,K.error,K.info,K.inverse]},zG={closable:!1},Yr=e=>{let{actions:t,themeColor:o,text:r,icon:i,closable:c=zG.closable,...p}=e,h=b("notification-content"),x=!!(r||e.children);return FG("div",{...p,className:l(e.className,zI,J(zI,{themeColor:o}),{"k-notification-closable":c}),role:"status","aria-live":"polite","aria-describedby":x?h:void 0,children:[i&&yy(f,{className:"k-notification-status",icon:i}),e.children?FG("div",{id:h,className:"k-notification-content",children:[r,e.children]}):yy(Tse,{children:r&&yy("div",{id:h,className:"k-notification-content",children:r})}),t&&yy("span",{className:"k-notification-actions",children:t})]})};Yr.states=xse;Yr.options=vse;Yr.className=zI;Yr.defaultOptions=zG;Yr.moduleName=FI;Yr.folderName=HG;Yr.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."}]};import{jsx as WI}from"react/jsx-runtime";var wse="k-notification-action",cg=e=>{let{type:t}=e,o;if(t==="close")o=WI(f,{icon:"x"});else return WI(f,{icon:t});return WI("span",{className:l(e.className,wse,`k-notification-${t}-action`),children:o})};import{jsx as Nse}from"react/jsx-runtime";var GEt=e=>Nse(Yr,{text:"Notification",icon:"exclamation-circle",...e});import{jsx as WG}from"react/jsx-runtime";var WEt=e=>WG(Yr,{closable:!0,text:"Notification",icon:"exclamation-circle",actions:WG(cg,{type:"close"}),...e});import{jsx as VG}from"react/jsx-runtime";var ZEt=e=>VG(Yr,{closable:!0,text:"Notification",actions:VG(cg,{type:"close"}),...e});import{jsx as yse}from"react/jsx-runtime";var qEt=e=>yse(Yr,{text:"Notification",...e});import{jsx as QG}from"react/jsx-runtime";var Ase=Yr.states,Cse=Yr.defaultOptions,Sse={...Yr.options,closable:{type:"boolean"}},Ese=[{name:"icon",title:"Icon before"}],Lse=[],pg=e=>{let{modifiers:t,closable:o,...r}=e,i={};return o&&(i.closable=!0,i.actions=QG(cg,{type:"close"})),Object.keys(t||{}).forEach(c=>{c==="icon"&&(i.icon=t?.[c]?"info-circle":"")}),QG(Yr,{text:"Notification",...r,...i})};pg.options=Sse;pg.states=Ase;pg.variants=Lse;pg.defaultOptions=Cse;pg.modifiers=Ese;pg.className=Yr.className;var VI="popover",XG=VI;import{Fragment as Pse,jsx as Ay,jsxs as ZG}from"react/jsx-runtime";var UG="k-popover",Ise=[],Mse={},Bse={},Ls=e=>{let{callout:t,title:o,body:r,id:i=b("popover"),...c}=e;return ZG(Ce,{...c,className:l(e.className,UG),role:"dialog",id:i,"aria-labelledby":o?`${i}-header`:void 0,"aria-describedby":r?`${i}-body`:void 0,children:[t&&Ay("div",{className:l("k-popover-callout",{[`k-callout-${tn.calloutMap[t]||t}`]:t})}),ZG("div",{className:"k-popover-inner",children:[o&&Ay("div",{className:"k-popover-header",id:`${i}-header`,children:o}),r&&Ay("div",{className:"k-popover-body",id:`${i}-body`,children:r}),Ay(Pse,{children:e.children})]})]})};Ls.states=Ise;Ls.options=Mse;Ls.className=UG;Ls.defaultOptions=Bse;Ls.moduleName=VI;Ls.folderName=XG;Ls.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."}]};import{Fragment as Dse,jsx as Cy,jsxs as Rse}from"react/jsx-runtime";var dT=e=>Cy(Ls,{title:"Title",body:Cy(Dse,{children:"Body content"}),children:Rse(Be,{className:"k-popover-actions",alignment:"stretched",children:[Cy(d,{fillMode:"flat",children:"Action"}),Cy(d,{fillMode:"flat",themeColor:"primary",children:"Primary"})]}),...e});import{Fragment as Hse,jsx as wn,jsxs as Sy}from"react/jsx-runtime";var Ose=Ls.options,Kse=Ls.states,JG={...Ls.defaultOptions,variant:"bottom"},Yse=[{name:"bottom",title:"Callout bottom"},{name:"left",title:"Callout left"},{name:"top",title:"Callout top"},{name:"right",title:"Callout right"}],Gse=[{name:"title",title:"With title"},{name:"content",title:"With content"}],mg=e=>{let{variant:t,modifiers:o,...r}={...JG,...e},i={title:"Popover title",body:wn(Hse,{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?.[c]?i.title:"";break;case"content":i.body=o?.[c]?i.body:void 0;break;default:break}}),t){case"left":return wn(dT,{...r,...i,style:{width:"217px",position:"relative",overflow:"visible"},callout:"left",children:Sy(Be,{className:"k-popover-actions",alignment:"stretched",children:[wn(d,{children:"Action"}),wn(d,{themeColor:"primary",children:"Primary"})]})});case"right":return wn(dT,{...r,...i,style:{width:"217px",position:"relative",overflow:"visible"},callout:"right",children:Sy(Be,{className:"k-popover-actions",alignment:"stretched",children:[wn(d,{children:"Action"}),wn(d,{themeColor:"primary",children:"Primary"})]})});case"top":return wn(dT,{...r,...i,style:{width:"217px",position:"relative",overflow:"visible"},callout:"top",children:Sy(Be,{className:"k-popover-actions",alignment:"stretched",children:[wn(d,{children:"Action"}),wn(d,{themeColor:"primary",children:"Primary"})]})});default:return wn(dT,{...r,...i,style:{width:"217px",position:"relative",overflow:"visible"},callout:"bottom",children:Sy(Be,{className:"k-popover-actions",alignment:"stretched",children:[wn(d,{children:"Action"}),wn(d,{themeColor:"primary",children:"Primary"})]})})}};mg.options=Ose;mg.states=Kse;mg.variants=Yse;mg.defaultOptions=JG;mg.modifiers=Gse;mg.className=Ls.className;var QI="tooltip",jG=QI;import{jsx as cT,jsxs as qG}from"react/jsx-runtime";var XI="k-tooltip",Fse=[],zse={themeColor:[K.undefined,K.base,K.inverse,K.info,K.success,K.warning,K.error]},_G={closable:!1},_l=e=>{let{closable:t=_G.closable,callout:o,themeColor:r,title:i,content:c,icon:p,id:h=b("tooltip"),...x}=e;return qG("div",{...x,className:l(e.className,XI,J(XI,{themeColor:r}),{"k-tooltip-closable":t}),role:"tooltip",id:h,children:[p&&cT(f,{className:"k-tooltip-icon",icon:p}),qG("div",{className:"k-tooltip-content",children:[i&&cT("div",{className:"k-tooltip-title",children:i}),c]}),t&&cT("div",{className:"k-tooltip-button",role:"button","aria-label":"Close",tabIndex:0,children:cT(f,{icon:"x"})}),o&&cT("div",{className:l("k-callout",{[`k-callout-${tn.calloutMap[o]||o}`]:o})})]})};_l.states=Fse;_l.options=zse;_l.className=XI;_l.defaultOptions=_G;_l.moduleName=QI;_l.folderName=jG;_l.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 Ey=_l;import{jsx as Wse}from"react/jsx-runtime";var $G=e=>Wse(Ey,{content:"Tooltip Content",...e});import{jsx as Vse}from"react/jsx-runtime";var QLt=e=>Vse(Ey,{content:"Closeable tooltip content",closable:!0,...e});import{jsx as ZI,jsxs as Use}from"react/jsx-runtime";var Qse={..._l.options,closable:{type:"boolean"},callout:["none","top","bottom","left","right"]},Xse=_l.states,e0={..._l.defaultOptions,callout:"top"},Zse=[],ug=e=>{let{callout:t="top",...o}={...e0,...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:p}=r[t]||{};return Use("div",{style:{position:"absolute"},children:[ZI(Qn,{style:{top:i,left:c},children:ZI($G,{style:{width:"86px",textAlign:"center"},callout:p,content:"Content",...o})}),ZI(d,{text:"Show"})]})};ug.options=Qse;ug.states=Xse;ug.variants=Zse;ug.defaultOptions=e0;ug.modifiers=[];ug.className=_l.className;import{Fragment as _se,jsx as Cb,jsxs as t0}from"react/jsx-runtime";var UI="k-window",Jse=[],jse={},qse={},$l=e=>{let{title:t,actions:o,minimized:r,actionButtons:i,actionButtonsAlign:c,...p}=e,h=t!==void 0?b("window-title"):void 0;return t0("div",{...p,className:l(e.className,UI,{[`${UI}-minimized`]:r}),role:"dialog","aria-labelledby":h,children:[(t!==void 0||o)&&t0("div",{className:"k-window-titlebar",children:[t!==void 0&&Cb("span",{className:"k-window-title",id:h,children:t}),o&&Cb(_se,{children:Cb("div",{className:"k-window-titlebar-actions",children:o.map(x=>x==="more-vertical"?Cb(Je,{icon:x,fillMode:"flat",size:"xsmall",showArrow:!1,className:"k-window-titlebar-action","aria-label":"More actions"},x):Cb(d,{icon:x,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action","aria-label":x},x))})})]}),Cb(Wc,{className:l({"k-hidden":r}),children:e.children}),i&&Cb(Be,{alignment:c,className:"k-window-actions",children:i})]})};$l.states=Jse;$l.options=jse;$l.className=UI;$l.defaultOptions=qse;$l.moduleName=rT;$l.folderName=gy;$l.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."}]};import{Fragment as $se,jsx as o0}from"react/jsx-runtime";var fIt=e=>o0($l,{title:"Title",actions:["window-minimize","window","x"],children:o0($se,{children:"Content"}),...e});import{Fragment as rne,jsx as JI,jsxs as lne}from"react/jsx-runtime";var ene=$l.options,tne=$l.states,a0={...$l.defaultOptions,variant:"normal"},one=[{name:"normal",title:"Normal"},{name:"actions",title:"Actions"}],ane=[],bg=e=>{let{variant:t,...o}={...a0,...e};return JI($l,{title:"Window",actions:["window-minimize","window","x"],style:{maxWidth:"400px"},actionButtonsAlign:"stretched",actionButtons:t==="actions"?lne(rne,{children:[JI(d,{children:"Cancel"}),JI(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."})};bg.options=ene;bg.states=tne;bg.variants=one;bg.defaultOptions=a0;bg.modifiers=ane;bg.className=$l.className;var jI="chart-wizard",r0=jI;import{jsx as dne}from"react/jsx-runtime";var l0="k-chart-wizard",ine=[],sne={},nne={},Nn=e=>{let{children:t,...o}=e;return dne($l,{title:"Chart Preview",actions:["window","x"],...o,className:l(e.className,l0),children:t})};Nn.states=ine;Nn.options=sne;Nn.className=l0;Nn.defaultOptions=nne;Nn.moduleName=jI;Nn.folderName=r0;Nn.ariaSpec={selector:".k-chart-wizard",rules:[]};import{Fragment as mne,jsx as qI,jsxs as une}from"react/jsx-runtime";var cne=[],pne={},i0={buttonText:"Export"},Up=e=>{let{buttonText:t=i0.buttonText,children:o}=e;return une(mne,{children:[qI("div",{className:"k-preview-pane-header",children:qI(Je,{fillMode:"flat",icon:"export",showArrow:!1,children:t})}),qI("div",{className:"k-preview-pane-content",children:o})]})};Up.states=cne;Up.options=pne;Up.defaultOptions=i0;import{jsx as hne}from"react/jsx-runtime";var Sb="k-pane",bne=[],fne={},_I={resizable:!0,flex:!1},Me=e=>{let{scrollable:t,flexBasis:o,flex:r=_I.flex,collapsible:i,resizable:c=_I.resizable,pinned:p,unpinned:h,tabbed:x,...v}=e;return hne("div",{...v,style:{flexBasis:o,...e.style},className:l(e.className,Sb,{[`${Sb}-static`]:o,[`${Sb}-flex`]:r,"k-scrollable":t,[`${Sb}-pinned`]:p,[`${Sb}-unpinned`]:h,[`${Sb}-tabbed`]:x}),role:"group",children:e.children})};Me.states=bne;Me.options=fne;Me.className=Sb;Me.defaultOptions=_I;import{Fragment as s0,jsx as Eb,jsxs as xne}from"react/jsx-runtime";var fg="k-splitbar",gne=[m.hover,m.focus],kne={},$I={orientation:"horizontal",draggable:!0},tu=e=>{let{hover:t,focus:o,orientation:r=$I.orientation,draggable:i=$I.draggable,collapsePrev:c,collapseNext:p,ariaLabel:h,...x}=e;return xne("div",{...x,className:l(e.className,fg,L(fg,{hover:t,focus:o}),{[`${fg}-${r}`]:r,[`${fg}-draggable-${r}`]:i,[`${fg}-static-${r}`]:!i&&!c&&!p}),role:"separator","aria-label":h,...r==="horizontal"&&{"aria-orientation":"vertical"},"aria-keyshortcuts":"ArrowLeft ArrowRight ArrowUp ArrowDown",children:[c&&Eb(s0,{children:Eb("div",{className:"k-collapse-prev",children:Eb(f,{icon:`chevron-${r==="horizontal"?"left":"up"}`,size:"xsmall"})})}),Eb("div",{className:"k-resize-handle","aria-hidden":"true"}),p&&Eb(s0,{children:Eb("div",{className:"k-collapse-next",children:Eb(f,{icon:`chevron-${r==="horizontal"?"right":"down"}`,size:"xsmall"})})})]})};tu.states=gne;tu.options=kne;tu.className=fg;tu.defaultOptions=$I;var eM="splitter",n0=eM;import{jsx as wne,jsxs as Nne}from"react/jsx-runtime";import{createElement as Tne}from"react";var tM="k-splitter",vne={},d0={orientation:"horizontal"},_t=e=>{let{orientation:t=d0.orientation,children:o,panes:r,...i}=e,c=[];return r&&r.forEach((p,h)=>{let x=r[h+1],v=p.props,w=x?.props;c.push(Tne(Me,{...v,key:h})),x&&c.push(wne(tu,{draggable:v.resizable!==!1&&w.resizable!==!1,collapsePrev:v.collapsible,collapseNext:w.collapsible,orientation:t,ariaLabel:"Pane separator"},`splitbar-${h}`))}),Nne("div",{...i,className:l(e.className,tM,{[`${tM}-${t}`]:t},"k-splitter-flex"),children:[c,o]})};_t.options=vne;_t.className=tM;_t.defaultOptions=d0;_t.moduleName=eM;_t.folderName=n0;_t.ariaSpec={selector:".k-splitter",rules:[{selector:".k-pane",attribute:"role=group",usage:"Sets the proper role for the Splitter pane."},{selector:".k-splitbar",attribute:"role=separator",usage:"Sets the proper role for the Splitter split-bar element."},{selector:".k-splitbar",attribute:"aria-label",usage:"An accessible name for the separator."},{selector:".k-splitbar-horizontal",attribute:"aria-orientation=vertical",usage:"When a splitbar separates two panes horizontally, its aria-orientation must be explicitly set to vertical."},{selector:".k-splitbar",attribute:"aria-keyshortcuts",usage:"Announces available keyboard shortcuts."}]};import{jsx as ou,jsxs as yne}from"react/jsx-runtime";var tMt=e=>ou(_t,{panes:[ou(Me,{flexBasis:"20%",collapsible:!0,children:ou("p",{children:"Collapsible pane - 20%"})},"pane-1"),yne(Me,{children:[ou("p",{children:"Content"}),ou("p",{children:"Content"}),ou("p",{children:"Content"})]},"pane-2"),ou(Me,{flexBasis:"30%",collapsible:!0,children:ou("p",{children:"Collapsible pane - 30%"})},"pane-3")],...e});import{jsx as au,jsxs as Ane}from"react/jsx-runtime";var lMt=e=>au(_t,{panes:[au(Me,{flexBasis:"20%",collapsible:!0,children:au("p",{children:"Collapsible pane - 20%"})},"pane-1"),Ane(Me,{children:[au("p",{children:"Content"}),au("p",{children:"Content"}),au("p",{children:"Content"})]},"pane-2"),au(Me,{flexBasis:"30%",collapsible:!0,children:au("p",{children:"Collapsible pane - 30%"})},"pane-3")],orientation:"vertical",...e});import{jsx as hg}from"react/jsx-runtime";import{createElement as Ly}from"react";var Cne=_t.options,Sne=_t.states,c0={..._t.defaultOptions,variant:"horizontal",firstPaneProps:!0,secondPaneProps:!0},Ene=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Lne=[{name:"firstPaneProps",title:"Collapsible Left"},{name:"secondPaneProps",title:"Collapsible Right"}],gg=e=>{let{variant:t,modifiers:o,...r}={...c0,...e},i=x=>({collapsible:x,content:x?"Resizable and collapsible":"Resizable only"}),c=i(!0),p=i(!0),h={display:"flex",justifyContent:"center",alignItems:"center"};return Object.keys(o||{}).forEach(x=>{let v=o?.[x];switch(x){case"secondPaneProps":p=i(!!v);break;case"firstPaneProps":c=i(!!v);break;default:break}}),t==="vertical"?hg(_t,{style:{height:"238px"},...r,orientation:"vertical",panes:[Ly(Me,{...c,flexBasis:"50%",style:h,key:"pane-1"},hg("p",{children:c.content})),Ly(Me,{...p,flexBasis:"50%",style:h,key:"pane-2"},hg("p",{children:p.content}))]}):hg(_t,{style:{height:"238px"},...r,orientation:"horizontal",panes:[Ly(Me,{...c,flexBasis:"50%",style:h,key:"pane-1"},hg("p",{children:c.content})),Ly(Me,{...p,flexBasis:"50%",style:h,key:"pane-2"},hg("p",{children:p.content}))]})};gg.options=Cne;gg.states=Sne;gg.variants=Ene;gg.defaultOptions=c0;gg.modifiers=Lne;gg.className=_t.className;import{jsx as Pne}from"react/jsx-runtime";var p0="k-chart-wizard-splitter",Ine=[],Mne={},Bne={},Vc=e=>{let{children:t,panes:o,...r}=e;return Pne(_t,{...r,className:l(e.className,p0),panes:o,children:t})};Vc.states=Ine;Vc.options=Mne;Vc.className=p0;Vc.defaultOptions=Bne;import{jsx as One}from"react/jsx-runtime";var m0="k-chart-types-wrapper",Dne={},Rne={},Jp=e=>One("div",{...e,className:l(e.className,m0),children:e.children});Jp.options=Dne;Jp.className=m0;Jp.defaultOptions=Rne;import{jsx as u0,jsxs as Hne}from"react/jsx-runtime";var oM="k-icon-text-wrapper",Kne=[m.focus,m.selected],Yne={},Gne={},vi=e=>{let{focus:t,selected:o,icon:r,text:i,...c}=e;return Hne("div",{...c,className:l(e.className,oM,L(oM,{focus:t,selected:o})),children:[u0("div",{className:"k-icon-background-area",children:u0(f,{icon:r,size:"xlarge"})}),i]})};vi.states=Kne;vi.options=Yne;vi.className=oM;vi.defaultOptions=Gne;var b0="expander",f0="expansion-panel";import{jsx as ru,jsxs as h0}from"react/jsx-runtime";var Iy="k-expander",Fne=[m.hover,m.focus,m.disabled,m.expanded],zne={},Wne={},Ea=e=>{let{title:t,subtitle:o,expanded:r,hover:i,focus:c,disabled:p,dir:h,contentStyle:x,id:v,...w}=e,A=v?`${v}-content`:b("expander-content");return h0("div",{...w,className:l(e.className,Iy,L(Iy,{hover:i,focus:c,disabled:p,expanded:r})),dir:h,children:[h0("div",{className:l("k-expander-header",L(Iy,{hover:i})),role:"button","aria-controls":A,"aria-expanded":r?"true":"false",tabIndex:0,"aria-disabled":p?"true":void 0,children:[ru("div",{className:"k-expander-title",children:t}),ru("span",{className:"k-spacer"}),ru("div",{className:"k-expander-sub-title",children:o}),ru("span",{className:"k-expander-indicator",children:r?ru(f,{icon:"chevron-up"}):ru(f,{icon:"chevron-down"})})]}),ru("div",{className:l("k-expander-content-wrapper",{"k-hidden":!r}),id:A,children:ru("div",{className:"k-expander-content",style:x,children:e.children})})]})};Ea.states=Fne;Ea.options=zne;Ea.className=Iy;Ea.defaultOptions=Wne;Ea.moduleName=b0;Ea.folderName=f0;Ea.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 kg=Ea;import{jsx as g0}from"react/jsx-runtime";var pT=e=>g0(kg,{title:"Panel Title",subtitle:"Optional subtitle",id:b("expander"),children:g0("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});import{jsx as k0}from"react/jsx-runtime";var x0=e=>k0(kg,{expanded:!0,title:"Expanded Panel",subtitle:"With content visible",id:b("expander"),children:k0("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});import{jsx as v0}from"react/jsx-runtime";var JMt=e=>v0(kg,{disabled:!0,title:"Disabled Panel",subtitle:"Cannot expand",id:b("expander"),children:v0("span",{children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry."}),...e});import{jsx as xg,jsxs as Une}from"react/jsx-runtime";var Vne=Ea.options,Qne=Ea.states,T0={...Ea.defaultOptions,variant:"normal"},Xne=[{name:"normal",title:"Normal"},{name:"expanded",title:"Expanded"}],Zne=[],vg=e=>{let{variant:t,...o}={...T0,...e};return Une("div",{style:o.style?o.style:{width:"467px",height:"265"},children:[t==="expanded"?xg(x0,{title:"Title",children:[xg("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"}):xg(pT,{title:"Title",subtitle:"Subtitle",...o}),xg(pT,{title:"Title",subtitle:"Subtitle",...o}),xg(pT,{title:"Title",subtitle:"Subtitle",...o}),xg(pT,{title:"Title",subtitle:"Subtitle",...o})]})};vg.options=Vne;vg.states=Qne;vg.variants=Xne;vg.defaultOptions=T0;vg.modifiers=Zne;vg.className=Ea.className;import{jsx as _ne}from"react/jsx-runtime";var w0="k-tabstrip-items",Jne=[],jne={},qne={tabAlignment:"start"},mT=e=>{let{children:t,tabAlignment:o,orientation:r,...i}=e;return _ne("ul",{...i,className:l(e.className,w0,"k-reset",`k-tabstrip-items-${o}`),role:"tablist",...r==="vertical"&&{"aria-orientation":"vertical"},children:t})};mT.states=Jne;mT.options=jne;mT.className=w0;mT.defaultOptions=qne;var N0=mT;import{jsx as tde}from"react/jsx-runtime";var y0="k-tabstrip-items-wrapper",$ne=[],ede={},A0={orientation:"horizontal"},uT=e=>{let{children:t,orientation:o=A0.orientation,...r}=e;return tde("div",{...r,className:l(e.className,y0,{"k-hstack":o==="horizontal","k-vstack":o==="vertical"}),children:t})};uT.states=$ne;uT.options=ede;uT.className=y0;uT.defaultOptions=A0;var C0=uT;var bT="tabstrip",My=bT;import{jsx as Jd,jsxs as S0}from"react/jsx-runtime";var lu="k-tabstrip",ode=[],ade={size:[g.undefined,g.small,g.medium,g.large]},By={position:"top",tabAlignment:"start",scrollButtons:"around"},La=e=>{let{size:t,scrollable:o,children:r,tabStripItems:i,tabStripItemsId:c,position:p=By.position,tabAlignment:h=By.tabAlignment,scrollButtons:x=By.scrollButtons,dir:v,scrollingPosition:w,overflow:A,...N}=e,B={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"}},D={top:"horizontal",bottom:"horizontal",left:"vertical",right:"vertical"},z={start:"start",center:"center",end:"end",justify:"justify",stretched:"stretched"};return S0("div",{dir:v,...N,className:l(lu,e.className,{[`${lu}-${p}`]:p,[`${lu}-scrollable`]:o,[`${lu}-scrollable-overlay`]:o&&(x==="hidden"||!x),[`${lu}-scrollable-${w}`]:w&&w!=="both",[`${lu}-overflow`]:A},J(lu,{size:t})),children:[p==="bottom"&&r,S0(C0,{orientation:D[p],children:[o&&(x==="around"||x==="start")&&Jd("span",{className:l("k-tabstrip-prev","k-button",J("k-button",{size:t,fillMode:S.flat}),"k-icon-button"),"aria-hidden":"true",children:Jd(f,{className:"k-button-icon",icon:`chevron-${B[p].prev}`})}),o&&x==="start"&&Jd("span",{className:l("k-tabstrip-next","k-button",J("k-button",{size:t,fillMode:S.flat}),"k-icon-button"),"aria-hidden":"true",children:Jd(f,{className:"k-button-icon",icon:`chevron-${B[p].next}`})}),Jd(N0,{className:l({"k-tabstrip-items-scroll":o&&x==="hidden"}),tabAlignment:z[h],orientation:D[p],...c&&{id:c},children:i}),o&&x==="end"&&Jd("span",{className:l("k-tabstrip-prev","k-button",J("k-button",{size:t,fillMode:S.flat}),"k-icon-button"),"aria-hidden":"true",children:Jd(f,{className:"k-button-icon",icon:`chevron-${B[p].prev}`})}),o&&(x==="around"||x==="end")&&Jd("span",{className:l("k-tabstrip-next","k-button",J("k-button",{size:t,fillMode:S.flat}),"k-icon-button"),"aria-hidden":"true",children:Jd(f,{className:"k-button-icon",icon:`chevron-${B[p].next}`})}),A&&Jd("div",{className:"k-tabstrip-actions k-hstack",children:Jd(Je,{className:"k-tabstrip-overflow-button",icon:"more-vertical",fillMode:"flat",size:t,showArrow:!1})})]}),p!=="bottom"&&r]})};La.states=ode;La.options=ade;La.className=lu;La.defaultOptions=By;La.moduleName=bT;La.folderName=My;La.ariaSpec={selector:".k-tabstrip",rules:[{selector:".k-tabstrip-items",attribute:"role=tablist",usage:"Indicates the tablist role for the ul element."},{selector:".k-tabstrip.k-tabstrip-left .k-tabstrip-items,.k-tabstrip.k-tabstrip-right .k-tabstrip-items",attribute:"aria-orientation=vertical",usage:"Indicates the orientation when vertical."},{selector:".k-tabstrip-item",attribute:"role=tab",usage:"The tab li element."},{selector:".k-tabstrip .k-tabstrip-item.k-active",attribute:"aria-selected=true",usage:"Announces the selected state of the tab."},{selector:".k-tabstrip-content",attribute:"role=tabpanel",usage:"The content div of the tab."},{selector:".k-tabstrip .k-tabstrip-item.k-active",attribute:"aria-controls (when present)",usage:"Announces the relation between the panel and active tab. Only present when tab controls a specific panel."},{selector:".k-tabstrip-content",attribute:"aria-hidden=true (when not active)",usage:"Only if the component implements a feature to control whether the content should be persisted."},{selector:".k-tabstrip-content",attribute:"aria-labelledby (when present)",usage:"Refers to the tab element that controls the panel. Only present when panel has an associated tab."},{selector:".k-tabstrip-scrollable .k-button",attribute:"aria-hidden=true",usage:"Scroll buttons are hidden from assistive technologies."}]};import{jsx as sde}from"react/jsx-runtime";var E0="k-tabstrip-wrapper",rde=[],lde={},ide={},Tg=e=>{let{...t}=e;return sde("div",{...t,className:l(e.className,E0),children:e.children})};Tg.states=rde;Tg.options=lde;Tg.className=E0;Tg.defaultOptions=ide;Tg.moduleName=bT;Tg.folderName=My;import{jsx as Py,jsxs as aM}from"react/jsx-runtime";var rM="k-tabstrip-item",nde=[m.active,m.hover,m.disabled,m.focus],dde={},L0={iconPosition:"before"},Ze=e=>{let{dragging:t,active:o,hover:r,focus:i,disabled:c,children:p,first:h,last:x,closable:v,icon:w,iconPosition:A=L0.iconPosition,value:N,actions:B,...D}=e;return aM("li",{...D,className:l(e.className,rM,L(rM,{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:[aM("span",{className:"k-link",children:[w&&A==="before"&&Py(f,{icon:w}),N&&Py("span",{className:"k-link-text",children:N}),w&&A==="after"&&Py(f,{icon:w})]}),(B||v)&&aM("span",{className:"k-item-actions",children:[B,v&&Py(d,{as:"span",className:"k-remove-tab",icon:"x",fillMode:"flat",size:"xsmall",title:"Close","aria-hidden":"true"})]}),p]})};Ze.states=nde;Ze.options=dde;Ze.className=rM;Ze.item=L0;import{jsx as ude}from"react/jsx-runtime";var lM="k-tabstrip-content",cde=[m.active,m.focus],pde={},mde={},Da=e=>{let{active:t,focus:o,children:r,...i}=e;return ude("div",{...i,className:l(e.className,lM,L(lM,{active:t,focus:o}),e.className),role:"tabpanel",children:r})};Da.states=cde;Da.options=pde;Da.className=lM;Da.defaultOptions=mde;import{Fragment as bde,jsx as iu,jsxs as fde}from"react/jsx-runtime";var Ur=({children:e,...t})=>iu(La,{tabStripItems:fde(bde,{children:[iu(Ze,{first:!0,value:"First"}),iu(Ze,{active:!0,value:"Second"}),iu(Ze,{value:"Third"}),iu(Ze,{value:"Fourth"}),iu(Ze,{last:!0,value:"Fifth"})]}),...t,children:e||iu(Da,{active:!0,children:iu("div",{children:"TabStrip Content"})})});import{jsx as hde}from"react/jsx-runtime";var I0=e=>hde(Ur,{position:"bottom",...e});import{jsx as gde}from"react/jsx-runtime";var M0=e=>gde(Ur,{position:"right",...e});import{jsx as kde}from"react/jsx-runtime";var B0=e=>kde(Ur,{position:"left",...e});import{jsx as xde}from"react/jsx-runtime";var jBt=e=>xde(Ur,{scrollable:!0,...e});import{Fragment as vde,jsx as wg,jsxs as Tde}from"react/jsx-runtime";var e1t=({children:e,...t})=>wg(La,{tabStripItems:Tde(vde,{children:[wg(Ze,{first:!0,closable:!0,value:"First"}),wg(Ze,{active:!0,closable:!0,value:"Second"}),wg(Ze,{closable:!0,value:"Third"})]}),...t,children:e||wg(Da,{active:!0,children:wg("div",{children:"Closable items"})})});import{jsx as wde}from"react/jsx-runtime";var r1t=({scrollingPosition:e="start",...t})=>wde(Ur,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t});import{Fragment as P0,jsx as yn,jsxs as iM}from"react/jsx-runtime";var Nde=iM(P0,{children:[yn(Ze,{first:!0,value:"Tab 1"}),yn(Ze,{value:"Tab 2"}),yn(Ze,{active:!0,value:"Tab 3"}),yn(Ze,{value:"Tab 4"}),yn(Ze,{value:"Tab 5"}),yn(Ze,{last:!0,value:"Tab 6"})]}),yde=iM(Wa,{children:[yn(Xe,{first:!0,text:"Tab 7"}),yn(Xe,{text:"Tab 8"}),yn(Xe,{last:!0,text:"Tab 9"})]}),c1t=({children:e,showMenu:t=!0,popupOffset:o={},tabStripItems:r,popup:i,...c})=>iM(P0,{children:[yn(La,{overflow:!0,tabStripItems:r||Nde,...c,children:e||yn(Da,{active:!0,children:yn("div",{children:"TabStrip Content"})})}),t&&yn(Ce,{className:"k-menu-popup",offset:o,children:i||yde})]});import{Fragment as D0,jsx as Qc,jsxs as R0}from"react/jsx-runtime";var b1t=({children:e,...t})=>Qc(La,{tabStripItems:R0(D0,{children:[Qc(Ze,{first:!0,value:"First"}),Qc(Ze,{active:!0,value:"Second","aria-controls":"panel-second"}),Qc(Ze,{value:"Third"}),Qc(Ze,{value:"Fourth"}),Qc(Ze,{last:!0,value:"Fifth"})]}),...t,children:e||R0(D0,{children:[Qc(Da,{"aria-labelledby":"tab-second","aria-hidden":"true",children:Qc("div",{children:"First Panel (hidden)"})}),Qc(Da,{active:!0,id:"panel-second","aria-labelledby":"tab-second",children:Qc("div",{children:"Second Panel (active)"})})]})});import{jsx as Dy}from"react/jsx-runtime";var Ade={...La.options,scrollable:{type:"boolean"}},Cde=La.states,O0={...La.defaultOptions,scrollable:!1,variant:"up"},Sde=[{name:"up",title:"Position Up"},{name:"bottom",title:"Position Bottom"},{name:"left",title:"Position Left"},{name:"right",title:"Position Right"}],Ede=[],Ng=e=>{let{variant:t,...o}={...O0,...e},r={};switch(t){case"right":return Dy(M0,{style:{height:"230px"},...o,...r,position:"right"});case"left":return Dy(B0,{style:{height:"230px"},...o,...r,position:"left"});case"bottom":return Dy(I0,{style:{width:"350px"},...o,...r,position:"bottom"});default:return Dy(Ur,{style:{width:"350px"},...o,...r})}};Ng.options=Ade;Ng.states=Cde;Ng.variants=Sde;Ng.defaultOptions=O0;Ng.modifiers=Ede;Ng.className=La.className;import{Fragment as K0,jsx as Z,jsxs as An}from"react/jsx-runtime";var X1t=e=>Z(Nn,{children:Z(K0,{children:Z(Vc,{panes:[Z(Me,{className:"k-chart-wizard-preview-pane",children:Z(Up,{children:Z("div",{className:"k-chart",style:{position:"relative",height:"400px"},children:An("svg",{style:{width:"100%",height:"100%",overflow:"hidden",left:"0px",top:"-0.15625px"},xmlns:"http://www.w3.org/2000/svg",version:"1.1",children:[An("defs",{children:[Z("clipPath",{id:"kdef3",children:Z("path",{d:"M38 68 L 1319 68 1319 338 38 338Z",stroke:"#000",strokeLinejoin:"miter",fill:"none"})}),Z("clipPath",{id:"kdef4",children:Z("path",{d:"M0 0 L 1337 0 1337 400 0 400Z",stroke:"#000",strokeLinejoin:"miter",fill:"none"})})]}),An("g",{children:[Z("path",{d:"M0 0 L 1337 0 1337 400 0 400Z",stroke:"none",fill:"var(--kendo-chart-bg)"}),Z("path",{d:"M38 68 L 1319 68 1319 338 38 338Z",stroke:"none",fill:"var(--kendo-chart-bg)",fillOpacity:"0"}),Z("path",{d:"M38.5 311.5 L 1319.5 311.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),Z("path",{d:"M38.5 284.5 L 1319.5 284.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),Z("path",{d:"M38.5 257.5 L 1319.5 257.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),Z("path",{d:"M38.5 230.5 L 1319.5 230.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),Z("path",{d:"M38.5 203.5 L 1319.5 203.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),Z("path",{d:"M38.5 176.5 L 1319.5 176.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),Z("path",{d:"M38.5 149.5 L 1319.5 149.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),Z("path",{d:"M38.5 122.5 L 1319.5 122.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),Z("path",{d:"M38.5 95.5 L 1319.5 95.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),Z("path",{d:"M38.5 68.5 L 1319.5 68.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"})]}),An("g",{children:[Z("path",{d:"M38.5 338.5 L 1319.5 338.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),Z("path",{d:"M38.5 338.5 L 38.5 342.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),Z("path",{d:"M180.5 338.5 L 180.5 342.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),Z("path",{d:"M323.5 338.5 L 323.5 342.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),Z("path",{d:"M465.5 338.5 L 465.5 342.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),Z("path",{d:"M607.5 338.5 L 607.5 342.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),Z("path",{d:"M750.5 338.5 L 750.5 342.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),Z("path",{d:"M892.5 338.5 L 892.5 342.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),Z("path",{d:"M1034.5 338.5 L 1034.5 342.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),Z("path",{d:"M1177.5 338.5 L 1177.5 342.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),Z("path",{d:"M1319.5 338.5 L 1319.5 342.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"})]}),Z("g",{children:An("g",{clipPath:"url(#kdef4)",children:[Z("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"}),Z("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"}),Z("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"}),Z("circle",{cx:"465",cy:"182.382",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-2)",fillOpacity:"1"}),Z("circle",{cx:"465",cy:"204.693",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-3)",fillOpacity:"1"}),Z("circle",{cx:"607.333",cy:"198.623",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-3)",fillOpacity:"1"}),Z("circle",{cx:"749.667",cy:"184.004",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-3)",fillOpacity:"1"}),Z("circle",{cx:"892",cy:"217.504",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-3)",fillOpacity:"1"}),Z("circle",{cx:"1034.333",cy:"190.248",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-3)",fillOpacity:"1"}),Z("circle",{cx:"1176.667",cy:"301.374",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-3)",fillOpacity:"1"}),Z("circle",{cx:"607.333",cy:"104.676",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-1)",fillOpacity:"1"}),Z("circle",{cx:"465",cy:"104.394",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-1)",fillOpacity:"1"}),Z("circle",{cx:"322.667",cy:"175.28",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-2)",fillOpacity:"1"}),Z("circle",{cx:"322.667",cy:"123.637",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-1)",fillOpacity:"1"}),Z("circle",{cx:"180.333",cy:"122.364",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-1)",fillOpacity:"1"}),Z("circle",{cx:"749.667",cy:"97.467",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-1)",fillOpacity:"1"}),Z("circle",{cx:"749.667",cy:"176.017",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-2)",fillOpacity:"1"}),Z("circle",{cx:"892",cy:"210.938",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-2)",fillOpacity:"1"}),Z("circle",{cx:"892",cy:"176.674",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-1)",fillOpacity:"1"}),Z("circle",{cx:"607.333",cy:"175.187",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-2)",fillOpacity:"1"}),Z("circle",{cx:"322.667",cy:"275.955",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-3)",fillOpacity:"1"}),Z("circle",{cx:"38",cy:"176.446",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-1)",fillOpacity:"1"}),Z("circle",{cx:"1034.333",cy:"118.411",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-1)",fillOpacity:"1"}),Z("circle",{cx:"1176.667",cy:"100.803",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-1)",fillOpacity:"1"}),Z("circle",{cx:"1319",cy:"136.943",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-1)",fillOpacity:"1"}),Z("circle",{cx:"38",cy:"202.161",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-2)",fillOpacity:"1"}),Z("circle",{cx:"180.333",cy:"192.178",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-2)",fillOpacity:"1"}),Z("circle",{cx:"1034.333",cy:"258.883",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-2)",fillOpacity:"1"}),Z("circle",{cx:"1176.667",cy:"170.657",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-2)",fillOpacity:"1"}),Z("circle",{cx:"1319",cy:"192.258",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-2)",fillOpacity:"1"}),Z("circle",{cx:"38",cy:"232.19",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-3)",fillOpacity:"1"}),Z("circle",{cx:"180.333",cy:"223.949",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-3)",fillOpacity:"1"}),Z("circle",{cx:"1319",cy:"153.894",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-3)",fillOpacity:"1"}),Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"24.5",y:"358",stroke:"none",fillOpacity:"1",children:"2002"}),Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"166.833",y:"358",stroke:"none",fillOpacity:"1",children:"2003"}),Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"309.167",y:"358",stroke:"none",fillOpacity:"1",children:"2004"}),Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"451.5",y:"358",stroke:"none",fillOpacity:"1",children:"2005"}),Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"593.833",y:"358",stroke:"none",fillOpacity:"1",children:"2006"}),Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"736.167",y:"358",stroke:"none",fillOpacity:"1",children:"2007"}),Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"878.5",y:"358",stroke:"none",fillOpacity:"1",children:"2008"}),Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"1020.8330000000001",y:"358",stroke:"none",fillOpacity:"1",children:"2009"}),Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"1163.167",y:"358",stroke:"none",fillOpacity:"1",children:"2010"}),Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"1306",y:"358",stroke:"none",fillOpacity:"1",children:"2011"}),Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"8",y:"342",stroke:"none",fillOpacity:"1",children:"-8%"}),Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"8",y:"315",stroke:"none",fillOpacity:"1",children:"-6%"}),Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"8",y:"288",stroke:"none",fillOpacity:"1",children:"-4%"}),Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"8",y:"261",stroke:"none",fillOpacity:"1",children:"-2%"}),Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"12",y:"234",stroke:"none",fillOpacity:"1",children:"0%"}),Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"12",y:"207",stroke:"none",fillOpacity:"1",children:"2%"}),Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"12",y:"180",stroke:"none",fillOpacity:"1",children:"4%"}),Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"12",y:"153",stroke:"none",fillOpacity:"1",children:"6%"}),Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"12",y:"126",stroke:"none",fillOpacity:"1",children:"8%"}),Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"5",y:"99",stroke:"none",fillOpacity:"1",children:"10%"}),Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"5",y:"72",stroke:"none",fillOpacity:"1",children:"12%"}),Z("text",{style:{font:"16px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"558",y:"29",stroke:"none",fillOpacity:"1",children:"Gross domestic product growth"}),Z("text",{style:{font:"16px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"611",y:"47",stroke:"none",fillOpacity:"1",children:"/GDP annual %/"}),An("g",{transform:"matrix(1,0,0,1,590.5,371)",children:[Z("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)"}),Z("g",{children:Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"21",y:"11",stroke:"none",fillOpacity:"1",children:"India"})}),Z("path",{style:{cursor:"pointer"},d:"M0 0 L 47 0 47 14 0 14Z",stroke:"none",fill:"#fff",fillOpacity:"0"})]}),An("g",{transform:"matrix(1,0,0,1,643.5,371)",children:[Z("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)"}),Z("g",{children:Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"21",y:"11",stroke:"none",fillOpacity:"1",children:"World"})}),Z("path",{style:{cursor:"pointer"},d:"M0 0 L 52 0 52 14 0 14Z",stroke:"none",fill:"#fff",fillOpacity:"0"})]}),An("g",{transform:"matrix(1,0,0,1,701.5,371)",children:[Z("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)"}),Z("g",{children:Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"21",y:"11",stroke:"none",fillOpacity:"1",children:"Haiti"})}),Z("path",{style:{cursor:"pointer"},d:"M0 0 L 45 0 45 14 0 14Z",stroke:"none",fill:"#fff",fillOpacity:"0"})]})]})})]})})})},"pane-1"),Z(Me,{className:"k-chart-wizard-property-pane",flexBasis:"300px",collapsible:!0,children:Z(La,{tabStripItems:An(K0,{children:[Z(Ze,{first:!0,value:"Chart",active:!0}),Z(Ze,{value:"Data"}),Z(Ze,{last:!0,value:"Format"})]}),children:An(Da,{active:!0,children:[Z(Ea,{expanded:!0,title:"Bar chart",children:An(Jp,{children:[Z(vi,{icon:"chart-bar-clustered",text:"Bar"}),Z(vi,{icon:"chart-bar-stacked",text:"Stacked Bar"}),Z(vi,{icon:"chart-bar-stacked100",text:"100% Stacked Bar"})]})}),Z(Ea,{expanded:!0,title:"Pie chart",children:Z(Jp,{children:Z(vi,{icon:"chart-pie",text:"Pie"})})}),Z(Ea,{expanded:!0,title:"Column chart",children:An(Jp,{children:[Z(vi,{icon:"chart-column-clustered",text:"Column"}),Z(vi,{icon:"chart-column-stacked",text:"Stacked Column"}),Z(vi,{icon:"chart-column-stacked100",text:"100% Stacked Column"})]})}),Z(Ea,{expanded:!0,title:"Line chart",children:An(Jp,{children:[Z(vi,{icon:"chart-line",text:"Line"}),Z(vi,{icon:"chart-line-stacked",text:"Stacked Line"}),Z(vi,{icon:"chart-line-stacked100",text:"100% Stacked Line"})]})}),Z(Ea,{expanded:!0,title:"Scatter chart",children:Z(Jp,{children:Z(vi,{icon:"chart-scatter",text:"Scatter"})})})]})})},"pane-2")]})}),...e});var Wo="grid",Jo=Wo;import{jsx as Bde,jsxs as Pde}from"react/jsx-runtime";var Ry="k-grid",Lde=[],Ide={size:[g.undefined,g.small,g.medium,g.large]},Mde=[],Y0={pagerPosition:"bottom"},Pe=e=>{let{size:t,pagerPosition:o=Y0.pagerPosition,toolbar:r,pager:i,groupingHeader:c,gridSelectionAggregates:p,_renderAriaRoot:h,resizable:x,ariaColCount:v,ariaRowCount:w,ariaRootId:A,ariaRole:N="grid",...B}=e;return Pde("div",{...B,className:l(e.className,Ry,{[`${Ry}-resizable`]:x},J(Ry,{size:t})),children:[r,o==="top"&&i,c,e.children&&h?Bde("div",{className:"k-grid-aria-root",role:N,id:A,"aria-colcount":v,"aria-rowcount":w,children:e.children}):e.children,p,o==="bottom"&&i]})};Pe.states=Lde;Pe.options=Ide;Pe.variants=Mde;Pe.className=Ry;Pe.defaultOptions=Y0;Pe.moduleName=Wo;Pe.folderName=Jo;Pe.ariaSpec={selector:".k-grid",rules:[{selector:".k-grid-toolbar",attribute:"role=toolbar",usage:"The toolbar is a collection of command buttons and inputs."},{selector:".k-grid-toolbar",attribute:"aria-label",usage:"Clarifies the purpose of the toolbar."},{selector:".k-grid-toolbar",attribute:"aria-controls=.k-grid-aria-root id (when present)",usage:"Pointing to the id of the element with role=grid."},{selector:".k-grouping-header",attribute:"role=toolbar",usage:"The Grouping pane is a ToolBar (collection of buttons)."},{selector:".k-grouping-header",attribute:"aria-label",usage:"Clarifies the purpose of the grouping pane."},{selector:".k-grouping-header",attribute:"aria-controls=.k-grid-aria-root id (when present)",usage:"Pointing to the id of the element with role=grid."},{selector:".k-grouping-header .k-chip-list",attribute:"role=none",usage:"The ChipList default listbox role is removed to keep the toolbar --> button roles hierarchy."},{selector:".k-grouping-header .k-chip",attribute:"role=button",usage:"If the element used is not <button>, then the role must be specified."},{selector:".k-grid:not(.k-treelist) .k-grid-aria-root",attribute:"role=grid",usage:"The role specifies the element is a Data Grid."},{selector:".k-grid-aria-root",attribute:"aria-colcount (when present)",usage:"The total number of columns in the Grid. Needed for Virtual columns and Hidden columns scenarios."},{selector:".k-grid-aria-root",attribute:"aria-rowcount (when present)",usage:"The total number of rows in the table. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:".k-grid-header-wrap>table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-grid-header-wrap>table>thead",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)",attribute:"aria-rowindex (when present)",usage:"Row number. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th:not(.k-hierarchy-cell):not(.k-group-cell):not(.k-drag-cell)",attribute:"role=columnheader",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th",attribute:"aria-sort (when present)",usage:"Present if sorting is enabled for that column."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th",attribute:"aria-colindex (when present)",usage:"Col number. Needed for Virtual columns and Hidden columns scenarios."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th",attribute:"aria-haspopup=dialog (when present)",usage:"Present if the column has a ColumnMenu or FilterMenu."},{selector:".k-grid-header-wrap>table>thead>tr.k-filter-row>td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr.k-filter-row>td",attribute:"aria-label",usage:"Has a label indicating that the cell is part of a filter row."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table, .k-grid-pinned-container .k-grid-table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody, .k-grid-pinned-container tbody",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr, .k-grid-pinned-container tbody tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr, .k-grid-pinned-container tbody tr",attribute:"aria-rowindex (when present)",usage:"Row number. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr>td, .k-grid-pinned-container tbody td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr>td, .k-grid-pinned-container tbody td",attribute:"aria-colindex (when present)",usage:"Col number. Needed for Virtual columns and Hidden columns scenarios."},{selector:"tr.k-selected",attribute:"aria-selected=true",usage:"Set on the currently selected row(s) in row selection mode. All cells within the selected row also carry aria-selected=true (without k-selected class). Applies to both regular and pinned rows."},{selector:"td.k-selected",attribute:"aria-selected=true",usage:"Set on the currently selected cell(s) in cell selection mode. The k-selected class on cells is only applied in cell selection mode, but aria-selected=true is present on cells regardless of selection mode."},{selector:".k-master-row .k-hierarchy-cell, .k-grouping-row>td",attribute:"aria-expanded",usage:"For cells holding grouping criteria values and for Master row cells in Detail template scenario."},{selector:".k-group-cell",attribute:"role=presentation",usage:"Group offset cells (header and content) are non-interactive placeholders with no semantic role."},{selector:".k-drag-cell",attribute:"aria-label",usage:"Must be present in a Drag Row scenario on the cell containing the drag handle."},{selector:".k-grid-header-locked table tr",attribute:"aria-owns",usage:"Locked header rows own cells from the corresponding non-locked header table rows."},{selector:".k-grid-content-locked table tr:not(.k-grouping-row)",attribute:"aria-owns",usage:"Locked content rows own cells from the corresponding non-locked content table rows. Group header rows are excluded because the non-locked group header rows are presentational."},{selector:".k-grid-lockedcolumns .k-grid-header .k-grid-header-wrap table tr",attribute:"role=none",usage:"Non-locked header rows have their semantic role removed when locked columns exist."},{selector:".k-grid-lockedcolumns .k-grid-content table tr",attribute:"role=none",usage:"Non-locked content rows have their semantic role removed when locked columns exist."},{selector:".k-grid-lockedcolumns .k-grid-header .k-grid-header-wrap th",attribute:"role=columnheader",usage:"Non-locked header cells retain columnheader role so they are announced correctly when owned via aria-owns."},{selector:".k-grid-lockedcolumns .k-grid-content td:not(.k-grouping-row td)",attribute:"role=gridcell",usage:"Non-locked data cells retain gridcell role so they are announced correctly when owned via aria-owns. Cells inside group header rows are excluded as those rows are presentational."},{selector:".k-grid-filter-popup",attribute:"role=dialog",usage:"The filter menu popup has dialog role."},{selector:".k-grid-filter-popup",attribute:"id",usage:"Unique id linked to the header cell aria-controls attribute."},{selector:".k-grid-filter-popup",attribute:"aria-label",usage:'Descriptive label for the filter menu, e.g. "Column Title Filter Menu".'},{selector:".k-grid-columnmenu-popup",attribute:"role=dialog",usage:"The column menu popup has dialog role."},{selector:".k-grid-columnmenu-popup",attribute:"id",usage:"Unique id linked to the header cell aria-controls attribute."},{selector:".k-grid-columnmenu-popup",attribute:"aria-label",usage:'Descriptive label for the column menu, e.g. "Column Title Column Menu".'},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"role=button",usage:"Column menu items have button role."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"tabindex=0",usage:"Column menu items are focusable."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"aria-expanded",usage:"Expandable column menu items announce their expanded state."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"aria-controls",usage:"Expandable items point to the id of the content they control."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"role=listbox",usage:"The column list is a listbox."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"aria-multiselectable=true",usage:"The column list supports multiple selections."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"aria-label",usage:"Accessible name for the column list."},{selector:".k-grid-columnmenu-popup .k-column-list-item",attribute:"role=option",usage:"Column list items are options."},{selector:".k-grid-columnmenu-popup .k-column-list-item",attribute:"aria-checked",usage:"Column list items announce their checked state."},{selector:"tfoot",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:"tfoot tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:"tfoot tr",attribute:"aria-rowindex (when present)",usage:"Row number. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:"tfoot tr td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:"tfoot tr td",attribute:"aria-colindex (when present)",usage:"Col number. Needed for Virtual columns and Hidden columns scenarios."},{selector:".k-grid-selection-aggregates",attribute:"aria-live=polite",usage:"Ensures that changes in the calculated selection aggregates are announced by assistive technologies."},{selector:".k-grid-stack-cell",attribute:"tabindex=0",usage:"Stacked cell elements receive tabindex 0 when focus is within their parent .k-grid-stack-row element."},{selector:".k-grid-sticky-container",attribute:"role=none",usage:"Sticky group container has no semantic role."},{selector:".k-grid-sticky-container .k-grid-table",attribute:"role=none",usage:"Negates the default semantic role of the sticky group <table> element."},{selector:".k-grid-sticky-container tbody",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-sticky-container tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-sticky-container tr",attribute:"aria-rowindex",usage:"Matches the aria-rowindex of the real group header/footer row it mirrors."},{selector:".k-grid-sticky-container td:not(.k-group-cell)",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed. Group offset cells are excluded as they retain role=presentation."},{selector:".k-grid-sticky-container .k-grouping-row>td",attribute:"aria-expanded",usage:"Mirrors the expanded/collapsed state of the real group header row."},{selector:".k-grid-sticky-container td:not(.k-group-cell)",attribute:"tabindex",usage:"Receives tabindex 0 when focused, -1 otherwise, for keyboard navigation. Group offset cells are excluded as they are presentational."},{selector:".k-grid-sticky-container td",attribute:"aria-colindex (when present)",usage:"Col number. Typically 1 for the group header cell spanning all columns."},{selector:".k-grid-pinned-container",attribute:"role=none",usage:"Container for pinned rows has no semantic role."},{selector:".k-grid-pinned-container .k-grid-pinned-wrap",attribute:"role=none",usage:"Inner wrapper for the pinned rows table has no semantic role."},{selector:".k-grid-pinned-container tbody",attribute:"aria-label",usage:'Describes the purpose of the pinned rows group, e.g. "Top pinned rows" or "Bottom pinned rows".'},{selector:".k-grid-pinned-container td",attribute:"aria-haspopup=menu (when present)",usage:"Pinned row cells announce the context menu for row pinning operations."},{selector:".k-grid-pinned-container td",attribute:"aria-controls",usage:"Points to the ID of the context menu popup for row pinning."},{selector:".k-grid-pinned-container td",attribute:"aria-expanded",usage:"Indicates whether the context menu popup is open."},{selector:".k-grid-content td",attribute:"aria-haspopup=menu (when present)",usage:"Regular data cells announce context menu when row pinning uses contextual mode."},{selector:".k-grid-content td",attribute:"aria-controls",usage:"Points to the ID of the context menu popup for row pinning."},{selector:".k-grid-content td",attribute:"aria-expanded",usage:"Indicates whether the context menu popup is open."},{selector:'.k-pin-cell [class*="k-icon"]',attribute:"aria-hidden=true",usage:"Pin/unpin icon inside the dedicated column is decorative and must be hidden from assistive technologies."}]};import{jsx as Dde}from"react/jsx-runtime";var G0="k-grid-header",ve=e=>{let{draggable:t,...o}=e;return Dde("div",{...o,className:l(e.className,G0,{"k-grid-draggable-header":t}),children:e.children})};ve.className=G0;ve.moduleName=Wo;ve.folderName=Jo;import{jsx as H0,jsxs as Rde}from"react/jsx-runtime";var F0="k-grouping-header",Cn=e=>{let{dropHint:t,dropClue:o,...r}=e;return Rde("div",{...r,className:l(e.className,F0),children:[o&&H0("div",{className:"k-grouping-dropclue"}),e.children,H0("div",{className:"k-grouping-drop-container",children:t})]})};Cn.className=F0;Cn.moduleName=Wo;Cn.folderName=Jo;import{jsx as Ode}from"react/jsx-runtime";var z0="k-grid-pinned-container",Lb=e=>{let{position:t,...o}=e;return Ode("div",{...o,className:l(e.className,z0,{"k-pos-bottom":t==="bottom"}),children:e.children})};Lb.className=z0;Lb.moduleName=Wo;Lb.folderName=Jo;import{jsx as Kde}from"react/jsx-runtime";var W0="k-grid-sticky-container",jp=e=>{let{position:t,...o}=e;return Kde("div",{...o,className:l(e.className,W0,{"k-pos-bottom":t==="bottom"}),children:e.children})};jp.className=W0;jp.moduleName=Wo;jp.folderName=Jo;import{jsx as Yde}from"react/jsx-runtime";var V0="k-grid-header-table",he=e=>Yde(tr,{...e,className:l(e.className,V0),children:e.children});he.className=V0;he.moduleName=Wo;he.folderName=Jo;import{jsx as su,jsxs as sM}from"react/jsx-runtime";var nM="k-header",Gde=[m.hover,m.focus,m.active],Q0={sortIcon:"sort-asc-small"},M=e=>{let{menu:t,sortable:o,filterable:r,sticky:i,resizable:c,columnTitle:p,hover:h,focus:x,active:v,sortIcon:w=Q0.sortIcon,sortOrder:A,accessibleLabel:N,...B}=e;return sM(bo,{...B,className:l(e.className,nM,{"k-filterable":t||r,"k-sorted":o,"k-grid-header-sticky":i,"k-touch-action-none":c},L(nM,{hover:h,focus:x,active:v})),children:[p&&sM("span",{className:"k-cell-inner",children:[sM("span",{className:"k-link",children:[su("span",{className:"k-column-title",children:p}),o&&su("span",{className:"k-sort-icon",children:su(f,{icon:w})}),A&&su("span",{className:"k-sort-order",children:A})]}),t&&su("a",{className:l("k-grid-header-menu",{"k-active":v,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:su(f,{icon:t==="filter"?"filter":"more-vertical"})})]}),!p&&N&&su("span",{className:"k-sr-only",children:N}),e.children,c&&su("span",{className:"k-column-resizer k-touch-action-none"})]})};M.states=Gde;M.className=nM;M.defaultOptions=Q0;M.moduleName=Wo;M.folderName=Jo;import{jsx as Hde}from"react/jsx-runtime";var X0="k-grid-container",Ne=e=>Hde("div",{...e,className:l(e.className,X0),children:e.children});Ne.className=X0;Ne.moduleName=Wo;Ne.folderName=Jo;import{jsx as Fde}from"react/jsx-runtime";var Z0="k-grid-content",ge=e=>Fde("div",{...e,className:l(e.className,Z0),children:e.children});ge.className=Z0;ge.moduleName=Wo;ge.folderName=Jo;import{jsx as zde}from"react/jsx-runtime";var U0="k-grid-table",de=e=>zde(tr,{...e,className:l(e.className,U0),children:e.children});de.className=U0;de.moduleName=Wo;de.folderName=Jo;import{jsx as Wde}from"react/jsx-runtime";var J0="k-grid-footer",fT=e=>Wde("div",{...e,className:l(e.className,J0),children:e.children});fT.className=J0;fT.moduleName=Wo;fT.folderName=Jo;import{jsx as Vde}from"react/jsx-runtime";var j0="k-grid-footer-table",hT=e=>Vde(tr,{...e,className:l(e.className,j0),children:e.children});hT.className=j0;hT.moduleName=Wo;hT.folderName=Jo;var dM="pager",q0=dM;import{Fragment as _0,jsx as Is,jsxs as yg}from"react/jsx-runtime";var Oy="k-pager",Qde=[m.focus,m.disabled],Xde={size:[g.undefined,g.small,g.medium,g.large]},Sn={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},Ia=e=>{let{responsive:t=Sn.responsive,size:o,pagerSizeInfo:r=Sn.pagerSizeInfo,pageTitleInfo:i=Sn.pageTitleInfo,maxPagesInfo:c=Sn.maxPagesInfo,itemsPerPage:p=Sn.itemsPerPage,maxPages:h=Sn.maxPages,currentPage:x=Sn.currentPage,previousNext:v=Sn.previousNext,type:w=Sn.type,pageSizes:A=Sn.pageSizes,refresh:N=Sn.refresh,info:B=Sn.info,focus:D,disabled:z,dir:U,...X}=e,oe=[],Ie=[];for(let Re=1;Re<=h;Re++)oe.push(Is(d,{selected:Re===x,fillMode:"flat",themeColor:"primary",size:o,"aria-label":`Page ${Re}`,...Re===x&&{"aria-current":"page"},children:Re},Re)),Ie.push(Is("option",{selected:Re===x,children:Re},Re));return yg("div",{dir:U,...X,className:l(e.className,Oy,J(Oy,{size:o}),L(Oy,{focus:D,disabled:z}),{"k-pager-responsive":t}),role:"application","aria-roledescription":"pager","aria-keyshortcuts":"Enter ArrowRight ArrowLeft","aria-label":`Page ${x} of ${h}`,children:[yg("div",{className:l("k-pager-numbers-wrap"),children:[v&&yg(_0,{children:[Is(d,{className:l("k-pager-nav","k-pager-first"),ariaDisabled:x===1,fillMode:"flat",size:o,icon:U==="rtl"?"caret-alt-to-right":"caret-alt-to-left",title:"Go to the first page","aria-label":"Go to the first page"}),Is(d,{className:l("k-pager-nav"),ariaDisabled:x===1,fillMode:"flat",size:o,icon:U==="rtl"?"chevron-right":"chevron-left",title:"Go to the previous page","aria-label":"Go to the previous page"})]}),w==="numeric"&&Is("div",{className:l("k-pager-numbers"),children:oe}),w==="input"&&yg("span",{className:l("k-pager-input"),children:[i&&Is("span",{children:"Page"}),Is(qe,{value:`${x}`,size:o,showSpinButton:!1,showClearButton:!1,"aria-label":"Current page"}),Is("span",{children:c&&`of ${h}`})]}),v&&yg(_0,{children:[Is(d,{className:l("k-pager-nav"),ariaDisabled:x===h,fillMode:"flat",size:o,icon:U==="rtl"?"chevron-left":"chevron-right",title:"Go to the next page","aria-label":"Go to the next page"}),Is(d,{className:l("k-pager-nav","k-pager-last"),ariaDisabled:x===h,fillMode:"flat",size:o,icon:U==="rtl"?"caret-alt-to-left":"caret-alt-to-right",title:"Go to the last page","aria-label":"Go to the last page"})]})]}),A&&yg("span",{className:l("k-pager-sizes"),children:[Is(ae,{value:`${p}`,size:o,"aria-label":"Items per page"}),r&&Is("span",{children:"items per page"})]}),N&&Is(d,{className:l("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw",title:"Refresh","aria-label":"Refresh"}),B&&Is("span",{className:l("k-pager-info"),children:B})]})};Ia.states=Qde;Ia.options=Xde;Ia.className=Oy;Ia.defaultOptions=Sn;Ia.moduleName=dM;Ia.folderName=q0;Ia.ariaSpec={selector:".k-pager",rules:[{selector:".k-pager",attribute:"role=application",usage:"Indicates that the pager has its own keyboard navigation implemented."},{selector:".k-pager",attribute:"aria-roledescription=pager",usage:"Clarifies the role of the Pager."},{selector:".k-pager",attribute:"aria-keyshortcuts=Enter ArrowRight ArrowLeft",usage:"Announces the available keyboard shortcuts."},{selector:".k-pager",attribute:"aria-label",usage:"Announces the currently selected page and the number of available pages."},{selector:".k-pager-nav",attribute:"role=button or nodeName=button",usage:"Specifies the role of the navigation element."},{selector:".k-pager-nav.k-disabled",attribute:"aria-disabled=true",usage:"Present when the navigation button is non-interactive."},{selector:".k-pager-nav",attribute:"title",usage:"Specifies the purpose of each navigation button."},{selector:".k-pager-numbers .k-button",attribute:"aria-label or title",usage:"Specifies the purpose of each page link, e.g., Page 6."},{selector:".k-pager-numbers .k-button.k-selected",attribute:"aria-current=page",usage:"Present on the currently selected page element."},{selector:".k-pager-sizes .k-dropdownlist",attribute:"aria-label or aria-labelledby",usage:"The DropDownList requires a label to specify its purpose."},{selector:".k-pager-input .k-input-inner",attribute:"aria-label",usage:"The input requires a label to specify its purpose."}]};import{jsx as Zde}from"react/jsx-runtime";var $0=e=>Zde(Ia,{...e,responsive:!1});import{jsx as Ude}from"react/jsx-runtime";var Ag=e=>Ude(Ia,{type:"input",responsive:!1,...e});import{jsx as Jde}from"react/jsx-runtime";var bDt=e=>Jde(Ia,{...e});import{jsx as eH}from"react/jsx-runtime";var jde=Ia.options,qde=Ia.states,_de={...Ia.defaultOptions,variant:"numeric"},$de=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],ece=[],Cg=e=>{let{variant:t,...o}=e;return t==="input"?eH(Ia,{...o,type:"input"}):eH(Ia,{...o,type:"numeric"})};Cg.options=jde;Cg.states=qde;Cg.variants=$de;Cg.defaultOptions=_de;Cg.modifiers=ece;Cg.className=Ia.className;import{jsx as tce}from"react/jsx-runtime";var tH="k-grid-pager",fl=e=>tce(Ia,{...e,className:l(e.className,tH),children:e.children});fl.className=tH;fl.moduleName=Wo;fl.folderName=Jo;import{jsx as oce}from"react/jsx-runtime";var oH="k-grid-toolbar",Qi=e=>oce(ie,{...e,className:l(e.className,oH),children:e.children});Qi.className=oH;Qi.moduleName=Wo;Qi.folderName=Jo;import{jsx as cM,jsxs as rce}from"react/jsx-runtime";var pM="k-grid-stack-cell",ace=[m.focus,m.selected],gT=e=>{let{cellHeader:t,cellContent:o,edit:r,commandCell:i,dirty:c,focus:p,selected:h,...x}=e;return rce("div",{...x,className:l(e.className,pM,{"k-grid-stack-edit-cell":r,"k-command-cell":i,"k-dirty-cell":c},L(pM,{focus:p,selected:h})),children:[c&&cM("span",{className:"k-dirty"}),t&&cM("div",{className:"k-grid-stack-header",children:t}),cM("div",{className:"k-grid-stack-content",children:o}),e.children]})};gT.states=ace;gT.className=pM;gT.moduleName=Wo;gT.folderName=Jo;var Xi=gT;import{jsx as lce}from"react/jsx-runtime";var aH="k-grid-stack-row",Sg=e=>{let{cols:t,...o}=e;return lce("div",{...o,className:l(e.className,aH,{[`k-grid-cols-${t}`]:t}),children:e.children})};Sg.className=aH;Sg.moduleName=Wo;Sg.folderName=Jo;import{Fragment as ice,jsx as nt,jsxs as Zi}from"react/jsx-runtime";var jDt=({contentClassName:e,...t})=>{let o=b("grid");return nt(Pe,{_renderAriaRoot:!0,ariaRootId:o,ariaColCount:4,ariaRowCount:8,pager:nt(fl,{}),groupingHeader:nt(Cn,{dropHint:"Drag a column header and drop it here to group by that column",role:"toolbar","aria-label":"Grouping","aria-controls":o}),children:Zi(ice,{children:[nt(ve,{children:nt("div",{className:"k-grid-header-wrap",children:Zi(he,{role:"none",children:[Zi("colgroup",{children:[nt("col",{style:{width:"240px"}}),nt("col",{}),nt("col",{}),nt("col",{style:{width:"150px"}})]}),nt(ne,{role:"rowgroup",children:Zi(k,{role:"row","aria-rowindex":1,children:[nt(M,{columnTitle:"Contact Name",role:"columnheader","aria-sort":"ascending","aria-colindex":1}),nt(M,{columnTitle:"Contact Title",role:"columnheader","aria-colindex":2}),nt(M,{columnTitle:"Company Name",role:"columnheader","aria-colindex":3}),nt(M,{columnTitle:"Country",role:"columnheader","aria-colindex":4})]})})]})})}),nt(Ne,{children:nt(ge,{className:e,children:Zi(de,{role:"none",children:[Zi("colgroup",{children:[nt("col",{style:{width:"240px"}}),nt("col",{}),nt("col",{}),nt("col",{style:{width:"150px"}})]}),Zi(ee,{role:"rowgroup",children:[Zi(k,{className:"k-master-row",role:"row","aria-rowindex":2,children:[nt(n,{role:"gridcell","aria-colindex":1,children:"Maria Anders"}),nt(n,{role:"gridcell","aria-colindex":2,children:"Sales Representative"}),nt(n,{role:"gridcell","aria-colindex":3,children:"Alfreds Futterkiste"}),nt(n,{role:"gridcell","aria-colindex":4,children:"Germany"})]}),Zi(k,{className:"k-master-row",role:"row",alt:!0,"aria-rowindex":3,children:[nt(n,{role:"gridcell","aria-colindex":1,children:"Ana Trujillo"}),nt(n,{role:"gridcell","aria-colindex":2,children:"Owner"}),nt(n,{role:"gridcell","aria-colindex":3,children:"Anna Trujillo Emparedados y helados"}),nt(n,{role:"gridcell","aria-colindex":4,children:"Mexico"})]}),Zi(k,{className:"k-master-row",role:"row","aria-rowindex":4,children:[nt(n,{role:"gridcell","aria-colindex":1,children:"Thomas Hardy"}),nt(n,{role:"gridcell","aria-colindex":2,children:"Sales Representative"}),nt(n,{role:"gridcell","aria-colindex":3,children:"Around the Horn"}),nt(n,{role:"gridcell","aria-colindex":4,children:"UK"})]}),Zi(k,{className:"k-master-row",role:"row",alt:!0,"aria-rowindex":5,children:[nt(n,{role:"gridcell","aria-colindex":1,children:"Christina Berglund"}),nt(n,{role:"gridcell","aria-colindex":2,children:"Office Administrator"}),nt(n,{role:"gridcell","aria-colindex":3,children:"Berglunds snabbk\xF6p"}),nt(n,{role:"gridcell","aria-colindex":4,children:"Sweden"})]}),Zi(k,{className:"k-master-row",role:"row","aria-rowindex":6,children:[nt(n,{role:"gridcell","aria-colindex":1,children:"Martin Sommer"}),nt(n,{role:"gridcell","aria-colindex":2,children:"Owner"}),nt(n,{role:"gridcell","aria-colindex":3,children:"B\xF3lido Comidas preparadas"}),nt(n,{role:"gridcell","aria-colindex":4,children:"Spain"})]})]})]})})}),nt(fT,{children:nt("div",{className:"k-grid-footer-wrap",children:Zi(hT,{role:"none",children:[Zi("colgroup",{children:[nt("col",{style:{width:"240px"}}),nt("col",{}),nt("col",{}),nt("col",{style:{width:"150px"}})]}),nt(Oh,{role:"rowgroup",children:Zi(k,{role:"row","aria-rowindex":7,children:[nt(n,{role:"gridcell","aria-colindex":1,children:"Total"}),nt(n,{role:"gridcell","aria-colindex":2}),nt(n,{role:"gridcell","aria-colindex":3,children:"5 items"}),nt(n,{role:"gridcell","aria-colindex":4})]})})]})})})]}),...t})};import{Fragment as sce,jsx as ta,jsxs as vd}from"react/jsx-runtime";var tRt=({contentClassName:e,sortable:t,resizable:o,...r})=>ta(Pe,{_renderAriaRoot:!0,pager:ta(fl,{refresh:!1}),children:vd(sce,{children:[ta(ve,{children:ta("div",{className:"k-grid-header-wrap",children:vd(he,{role:"none",children:[vd("colgroup",{children:[ta("col",{style:{width:"100px"}}),ta("col",{style:{width:"100px"}}),ta("col",{style:{width:"150px"}})]}),ta(ne,{role:"rowgroup",children:vd(k,{role:"row",children:[ta(M,{sortable:t,resizable:o,rowspan:1,colspan:1,menu:"column",columnTitle:"ID",filterable:!0,role:"columnheader","aria-haspopup":"dialog"}),ta(M,{sortable:t,resizable:o,rowspan:1,colspan:1,menu:"column",columnTitle:"Name",filterable:!0,role:"columnheader","aria-haspopup":"dialog"}),ta(M,{sortable:t,resizable:o,rowspan:1,colspan:1,menu:"column",columnTitle:"Category",filterable:!0,role:"columnheader","aria-haspopup":"dialog"})]})})]})})}),ta(Ne,{children:ta(ge,{className:e,children:vd(de,{role:"none",children:[vd("colgroup",{children:[ta("col",{style:{width:"100px"}}),ta("col",{style:{width:"100px"}}),ta("col",{style:{width:"150px"}})]}),vd(ee,{role:"rowgroup",children:[vd(k,{className:"k-master-row",role:"row",children:[ta(n,{role:"gridcell",children:"1"}),ta(n,{role:"gridcell",children:"Chai"}),ta(n,{role:"gridcell",children:"Beverages"})]}),vd(k,{className:"k-master-row",role:"row",alt:!0,children:[ta(n,{role:"gridcell",children:"2"}),ta(n,{role:"gridcell",children:"Chang"}),ta(n,{role:"gridcell",children:"Beverages"})]}),vd(k,{className:"k-master-row",role:"row",children:[ta(n,{role:"gridcell",children:"3"}),ta(n,{role:"gridcell",children:"Aniseed Syrup"}),ta(n,{role:"gridcell",children:"Condiments"})]}),vd(k,{className:"k-master-row",role:"row",alt:!0,children:[ta(n,{role:"gridcell",children:"4"}),ta(n,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),ta(n,{role:"gridcell",children:"Condiments"})]}),vd(k,{className:"k-master-row",role:"row",children:[ta(n,{role:"gridcell",children:"5"}),ta(n,{role:"gridcell",children:"Grandma's Boysenberry Spread"}),ta(n,{role:"gridcell",children:"Condiments"})]})]})]})})})]}),...r});var Ui="column-menu",Ms=Ui;import{jsx as cce}from"react/jsx-runtime";var mM="k-column-menu",nce=[],dce={size:[g.undefined,g.small,g.medium,g.large]},rH={view:"list"},jd=e=>{let{view:t=rH.view,size:o,...r}=e;return cce("div",{...r,className:l(e.className,mM,J(mM,{size:o}),{"k-column-menu-tabbed":t==="tabbed"}),children:e.children})};jd.states=nce;jd.options=dce;jd.className=mM;jd.defaultOptions=rH;jd.moduleName=Ui;jd.folderName=Ms;jd.ariaSpec={selector:".k-column-menu",rules:[{selector:".k-columnmenu-item",attribute:"role=button",usage:"Sets column menu item role to button."},{selector:".k-columnmenu-item",attribute:"tabindex=0",usage:"Sets column menu item tabindex."},{selector:".k-expander .k-columnmenu-item",attribute:"aria-expanded=true/false",usage:"Sets the expanded state of an expandable item."},{selector:".k-expander .k-columnmenu-item",attribute:"aria-controls",usage:"Points to id attribute of the content whose visibility the expandable item controls."},{selector:".k-expander .k-columnmenu-item-content",attribute:"id",usage:"Unique and deterministic id linked to the aria-controls attribute of the corresponding expandable item."},{selector:".k-column-list",attribute:"role=listbox",usage:"Sets the listbox role of the list of columns wrapper."},{selector:".k-column-list",attribute:"aria-multiselectable=true",usage:"Specifies that the list is multiselectable."},{selector:".k-column-list",attribute:"aria-label",usage:"Accessible name for the column list."},{selector:".k-column-list .k-column-list-item",attribute:"role=option",usage:"Sets the option role of the list item."},{selector:".k-column-list .k-column-list-item",attribute:"aria-checked=true/false",usage:"Sets the checked state of list item."}]};import{jsx as lH}from"react/jsx-runtime";var uM="k-column-list",pce=[],mce={size:[g.undefined,g.small,g.medium,g.large]},uce={},nu=e=>{let{size:t,...o}=e;return lH("div",{className:"k-column-list-wrapper",children:lH("div",{...o,className:l(e.className,uM,J(uM,{size:t})),role:"listbox","aria-multiselectable":"true",children:e.children})})};nu.states=pce;nu.options=mce;nu.className=uM;nu.defaultOptions=uce;nu.moduleName=Ui;nu.folderName=Ms;import{jsx as iH,jsxs as gce}from"react/jsx-runtime";var bM="k-column-list-item",bce=[m.focus,m.disabled,m.hover],fce={},hce={},du=e=>{let{label:t,checked:o,focus:r,hover:i,disabled:c,...p}=e;return gce("span",{...p,className:l(e.className,bM,L(bM,{focus:r,hover:i,disabled:c})),role:"option","aria-checked":o?"true":"false",children:[iH(uo,{disabled:c,checked:o,"aria-label":t}),iH("span",{className:"k-checkbox-label",children:t})]})};du.states=bce;du.options=fce;du.className=bM;du.defaultOptions=hce;import{jsx as fM,jsxs as sH}from"react/jsx-runtime";var hM="k-columnmenu-item",kce=[m.focus,m.selected],xce={},vce={},qd=e=>{let{focus:t,selected:o,text:r,startIcon:i,endIcon:c,sortIndex:p,...h}=e;return sH("div",{...h,className:l(e.className,hM,L(hM,{focus:t,selected:o})),role:"button",tabIndex:0,children:[i&&fM(f,{icon:i}),r,c&&sH("span",{className:"k-columnmenu-indicators",children:[fM(f,{icon:c}),p&&fM("span",{className:"k-sort-index",children:p})]}),e.children]})};qd.states=kce;qd.options=xce;qd.className=hM;qd.defaultOptions=vce;qd.moduleName=Ui;qd.folderName=Ms;import{jsx as wce}from"react/jsx-runtime";var Tce="k-columnmenu-item-wrapper",kT=e=>wce("div",{...e,className:l(e.className,Tce),children:e.children});import{jsx as yce}from"react/jsx-runtime";var Nce="k-columnmenu-item-content",nH=e=>yce("div",{...e,className:l(e.className,Nce,"k-columns-item"),children:e.children});import{jsx as dH}from"react/jsx-runtime";var cH="k-filter-menu",Ace=[],Cce={},Sce={},Xc=e=>{let{...t}=e;return dH("form",{...t,className:l(e.className,cH),children:dH("div",{className:"k-filter-menu-container",children:e.children})})};Xc.states=Ace;Xc.options=Cce;Xc.className=cH;Xc.defaultOptions=Sce;Xc.moduleName=Ui;Xc.folderName=Ms;import{jsx as Lce}from"react/jsx-runtime";var Ece="k-multicheck-wrap",pH=e=>Lce("ul",{...e,className:l(e.className,Ece),children:e.children});import{jsx as gM,jsxs as Pce}from"react/jsx-runtime";var Ice="k-item",Mce={size:[g.undefined,g.small,g.medium,g.large]},Bce=[],cu=e=>{let{text:t,size:o,...r}=e;return gM("li",{...r,className:l(e.className,Ice),children:Pce("label",{className:"k-label k-checkbox-label",children:[gM(uo,{size:o}),gM("span",{children:t})]})})};cu.states=Bce;cu.options=Mce;import{jsx as Eg,jsxs as mH}from"react/jsx-runtime";var uH="k-expander",Dce=[],Rce={},Oce={},Zc=e=>{let{itemText:t,itemStartIcon:o,itemEndIcon:r,itemSortIndex:i,expanded:c,itemContent:p,expanderIcon:h,contentId:x,...v}=e,w=x||b("columnmenu-content"),A=!c&&!h?Eg(f,{icon:"chevron-down"}):c&&!h?Eg(f,{icon:"chevron-up"}):Eg(f,{icon:h});return mH("div",{...v,className:l(e.className,uH),children:[mH(qd,{text:t,startIcon:o,endIcon:r,sortIndex:i,"aria-expanded":c?"true":"false","aria-controls":w,children:[Eg("span",{className:"k-spacer"}),Eg("span",{className:"k-expander-indicator",children:A})]}),c&&Eg(nH,{id:w,children:p}),e.children]})};Zc.states=Dce;Zc.options=Rce;Zc.className=uH;Zc.defaultOptions=Oce;Zc.moduleName=Ui;Zc.folderName=Ms;import{jsx as Hce}from"react/jsx-runtime";var kM="k-group-menu",Kce=[],Yce={size:[g.undefined,g.small,g.medium,g.large]},Gce={},Lg=e=>{let{size:t,...o}=e;return Hce("div",{...o,className:l(e.className,kM,J(kM,{size:t})),children:e.children})};Lg.states=Kce;Lg.options=Yce;Lg.className=kM;Lg.defaultOptions=Gce;Lg.moduleName=Ui;Lg.folderName=Ms;import{Fragment as Vce,jsx as Ky,jsxs as bH}from"react/jsx-runtime";var xM="k-group-menu-item",Fce=[m.hover,m.selected],zce={},Wce={},Ig=e=>{let{hover:t,selected:o,text:r,actionsStart:i,actionsEnd:c,...p}=e;return bH("div",{...p,className:l(e.className,xM,L(xM,{hover:t,selected:o})),children:[i&&Ky("span",{className:"k-group-menu-item-actions",children:i}),Ky("span",{className:"k-group-item-text",children:r}),c&&bH(Vce,{children:[Ky("span",{className:"k-spacer"}),Ky("span",{className:"k-group-menu-item-actions",children:c})]}),e.children]})};Ig.states=Fce;Ig.options=zce;Ig.className=xM;Ig.defaultOptions=Wce;Ig.moduleName=Ui;Ig.folderName=Ms;import{jsx as Ib}from"react/jsx-runtime";var vM="k-group-menu-item-action",Qce=[m.hover,m.disabled,m.selected],Xce={size:[g.undefined,g.small,g.medium,g.large]},Zce=(c=>(c.REMOVE="remove",c.ADD="add",c.DRAG="drag",c.UP="up",c.DOWN="down",c))(Zce||{}),TM=e=>{let{hover:t,disabled:o,selected:r,size:i,type:c,...p}=e,h;switch(c){case"remove":h=Ib(f,{icon:"x-circle",size:i});break;case"add":h=Ib(f,{icon:"plus-circle",size:i});break;case"drag":h=Ib(f,{icon:"handle-drag-dots",size:i});break;case"up":h=Ib(f,{icon:"chevron-up",size:i});break;case"down":h=Ib(f,{icon:"chevron-down",size:i});break;default:h=Ib(f,{icon:c,size:i});break}return Ib("span",{...p,className:l(e.className,vM,L(vM,{selected:r,hover:t,disabled:o}),`k-group-menu-item-${c}-action`),children:h})};TM.options=Qce;TM.options=Xce;TM.className=vM;import{jsx as Jce}from"react/jsx-runtime";var Uce="k-group-menu-item-wrap",lOt=e=>Jce("div",{...e,className:l(e.className,Uce),children:e.children});import{Fragment as jce,jsx as Td,jsxs as wM}from"react/jsx-runtime";var Yy=e=>Td(jd,{children:wM(jce,{children:[wM(kT,{children:[Td(qd,{text:"Sort ascending",startIcon:"sort-asc-small"}),Td(qd,{text:"Sort descending",startIcon:"sort-desc-small"})]}),Td(kT,{children:Td(Zc,{itemText:"Columns",itemStartIcon:"columns",expanded:!0,itemContent:wM(nu,{"aria-label":"Columns",children:[Td(du,{label:"Column 1",checked:!0,focus:!0}),Td(du,{label:"Column 2",checked:!0}),Td(du,{label:"Column 3"})]})})}),Td(kT,{children:Td(Zc,{itemText:"Filter",itemStartIcon:"filter"})}),Td(kT,{children:Td(Zc,{itemText:"Set column position",itemStartIcon:"set-column-position"})})]}),...e});import{Fragment as qce,jsx as Mg,jsxs as _ce}from"react/jsx-runtime";var uOt=e=>Mg(jd,{view:"tabbed",children:Mg(Ur,{className:"k-pos-relative",tabStripItems:_ce(qce,{children:[Mg(Ze,{active:!0,icon:"filter"}),Mg(Ze,{icon:"sliders"}),Mg(Ze,{icon:"columns"})]}),children:Mg(Da,{active:!0,children:"Tabbed column menu content"})}),...e});import{Fragment as $ce,jsx as pu,jsxs as fH}from"react/jsx-runtime";var Gy=e=>pu(Xc,{children:fH($ce,{children:[pu(ae,{value:"Contains","aria-label":"First filter operator"}),pu(ue,{placeholder:"Filter...","aria-label":"First filter value"}),pu(ae,{value:"And",className:"k-filter-and","aria-label":"Logic operator"}),pu(ae,{value:"Contains","aria-label":"Second filter operator"}),pu(ue,{placeholder:"Filter...","aria-label":"Second filter value"}),fH(Be,{alignment:"stretched",children:[pu(d,{icon:"filter",themeColor:"primary",children:"Filter"}),pu(d,{icon:"filter-clear",children:"Clear"})]})]}),...e});import{Fragment as epe,jsx as Uc,jsxs as NM}from"react/jsx-runtime";var SOt=e=>Uc(Xc,{children:NM(epe,{children:[Uc(ga,{placeholder:"Search...","aria-label":"Search columns"}),NM(pH,{children:[Uc(cu,{text:"Select All",className:"k-check-all-wrap"}),Uc(cu,{text:"Column 1"}),Uc(cu,{text:"Column 2"}),Uc(cu,{text:"Column 3"}),Uc(cu,{text:"Column 4 Column 4 Column 4 Column 4 Column 4 Column 4 Column 4 Column 4"})]}),Uc("div",{className:"k-filter-selected-items",children:"0 selected items"}),NM(Be,{alignment:"stretched",children:[Uc(d,{icon:"filter",themeColor:"primary",children:"Filter"}),Uc(d,{icon:"filter-clear",children:"Clear"})]})]}),...e});import{Fragment as hH,jsx as Vo,jsxs as En}from"react/jsx-runtime";var e2t=({contentClassName:e,sortable:t,resizable:o,...r})=>{let i=b("grid-colmenu-popup");return En(hH,{children:[Vo(Pe,{_renderAriaRoot:!0,pager:Vo(fl,{refresh:!1}),children:En(hH,{children:[Vo(ve,{children:Vo("div",{className:"k-grid-header-wrap",children:En(he,{role:"none",children:[En("colgroup",{children:[Vo("col",{style:{width:"100px"}}),Vo("col",{style:{width:"100px"}}),Vo("col",{style:{width:"150px"}})]}),Vo(ne,{role:"rowgroup",children:En(k,{role:"row",children:[Vo(M,{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}),Vo(M,{sortable:t,resizable:o,rowspan:1,colspan:1,menu:"column",columnTitle:"Name",filterable:!0,role:"columnheader","aria-haspopup":"dialog"}),Vo(M,{sortable:t,resizable:o,rowspan:1,colspan:1,menu:"column",columnTitle:"Category",filterable:!0,role:"columnheader","aria-haspopup":"dialog"})]})})]})})}),Vo(Ne,{children:Vo(ge,{className:e,children:En(de,{role:"none",children:[En("colgroup",{children:[Vo("col",{style:{width:"100px"}}),Vo("col",{style:{width:"100px"}}),Vo("col",{style:{width:"150px"}})]}),En(ee,{role:"rowgroup",children:[En(k,{className:"k-master-row",role:"row",children:[Vo(n,{role:"gridcell",children:"1"}),Vo(n,{role:"gridcell",children:"Chai"}),Vo(n,{role:"gridcell",children:"Beverages"})]}),En(k,{className:"k-master-row",role:"row",alt:!0,children:[Vo(n,{role:"gridcell",children:"2"}),Vo(n,{role:"gridcell",children:"Chang"}),Vo(n,{role:"gridcell",children:"Beverages"})]}),En(k,{className:"k-master-row",role:"row",children:[Vo(n,{role:"gridcell",children:"3"}),Vo(n,{role:"gridcell",children:"Aniseed Syrup"}),Vo(n,{role:"gridcell",children:"Condiments"})]}),En(k,{className:"k-master-row",role:"row",alt:!0,children:[Vo(n,{role:"gridcell",children:"4"}),Vo(n,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),Vo(n,{role:"gridcell",children:"Condiments"})]}),En(k,{className:"k-master-row",role:"row",children:[Vo(n,{role:"gridcell",children:"5"}),Vo(n,{role:"gridcell",children:"Grandma's Boysenberry Spread"}),Vo(n,{role:"gridcell",children:"Condiments"})]})]})]})})})]}),...r}),Vo(Ce,{className:"k-grid-columnmenu-popup",id:i,role:"dialog","aria-label":"ID Column Menu",children:Vo(Yy,{})})]})};import{Fragment as tpe,jsx as oa,jsxs as wd}from"react/jsx-runtime";var l2t=({contentClassName:e,sortable:t,resizable:o,...r})=>oa(Pe,{_renderAriaRoot:!0,pager:oa(fl,{refresh:!1}),children:wd(tpe,{children:[oa(ve,{children:oa("div",{className:"k-grid-header-wrap",children:wd(he,{role:"none",children:[wd("colgroup",{children:[oa("col",{}),oa("col",{}),oa("col",{})]}),oa(ne,{role:"rowgroup",children:wd(k,{role:"row",children:[oa(M,{sortable:t,resizable:o,rowspan:1,colspan:1,menu:"filter",columnTitle:"Name",role:"columnheader","aria-haspopup":"dialog"}),oa(M,{sortable:t,resizable:o,rowspan:1,colspan:1,menu:"filter",columnTitle:"City",role:"columnheader","aria-haspopup":"dialog"}),oa(M,{sortable:t,resizable:o,rowspan:1,colspan:1,menu:"filter",columnTitle:"Title",role:"columnheader","aria-haspopup":"dialog"})]})})]})})}),oa(Ne,{children:oa(ge,{className:e,children:wd(de,{role:"none",children:[wd("colgroup",{children:[oa("col",{}),oa("col",{}),oa("col",{})]}),wd(ee,{role:"rowgroup",children:[wd(k,{className:"k-master-row",role:"row",children:[oa(n,{role:"gridcell",children:"Michael Buchanan"}),oa(n,{role:"gridcell",children:"Redmond"}),oa(n,{role:"gridcell",children:"CEO"})]}),wd(k,{className:"k-master-row",role:"row",alt:!0,children:[oa(n,{role:"gridcell",children:"Margaret Peacock"}),oa(n,{role:"gridcell",children:"Tacoma"}),oa(n,{role:"gridcell",children:"CTO"})]}),wd(k,{className:"k-master-row",role:"row",children:[oa(n,{role:"gridcell",children:"Margaret Suyama"}),oa(n,{role:"gridcell",children:"Boston"}),oa(n,{role:"gridcell",children:"Web Designer"})]}),wd(k,{className:"k-master-row",role:"row",alt:!0,children:[oa(n,{role:"gridcell",children:"Laura Peacock"}),oa(n,{role:"gridcell",children:"Seattle"}),oa(n,{role:"gridcell",children:"Accountant"})]}),wd(k,{className:"k-master-row",role:"row",children:[oa(n,{role:"gridcell",children:"Janet Davolio"}),oa(n,{role:"gridcell",children:"Philadelphia"}),oa(n,{role:"gridcell",children:"Sales Manager"})]})]})]})})})]}),...r});import{Fragment as gH,jsx as Qo,jsxs as Ln}from"react/jsx-runtime";var u2t=({contentClassName:e,sortable:t,resizable:o,...r})=>{let i=b("grid-filter-popup");return Ln(gH,{children:[Qo(Pe,{_renderAriaRoot:!0,pager:Qo(fl,{refresh:!1}),children:Ln(gH,{children:[Qo(ve,{children:Qo("div",{className:"k-grid-header-wrap",children:Ln(he,{role:"none",children:[Ln("colgroup",{children:[Qo("col",{}),Qo("col",{}),Qo("col",{})]}),Qo(ne,{role:"rowgroup",children:Ln(k,{role:"row",children:[Qo(M,{sortable:t,resizable:o,rowspan:1,colspan:1,menu:"filter",columnTitle:"Name",role:"columnheader","aria-haspopup":"dialog","aria-expanded":"true","aria-controls":i}),Qo(M,{sortable:t,resizable:o,rowspan:1,colspan:1,menu:"filter",columnTitle:"City",role:"columnheader","aria-haspopup":"dialog"}),Qo(M,{sortable:t,resizable:o,rowspan:1,colspan:1,menu:"filter",columnTitle:"Title",role:"columnheader","aria-haspopup":"dialog"})]})})]})})}),Qo(Ne,{children:Qo(ge,{className:e,children:Ln(de,{role:"none",children:[Ln("colgroup",{children:[Qo("col",{}),Qo("col",{}),Qo("col",{})]}),Ln(ee,{role:"rowgroup",children:[Ln(k,{className:"k-master-row",role:"row",children:[Qo(n,{role:"gridcell",children:"Michael Buchanan"}),Qo(n,{role:"gridcell",children:"Redmond"}),Qo(n,{role:"gridcell",children:"CEO"})]}),Ln(k,{className:"k-master-row",role:"row",alt:!0,children:[Qo(n,{role:"gridcell",children:"Margaret Peacock"}),Qo(n,{role:"gridcell",children:"Tacoma"}),Qo(n,{role:"gridcell",children:"CTO"})]}),Ln(k,{className:"k-master-row",role:"row",children:[Qo(n,{role:"gridcell",children:"Margaret Suyama"}),Qo(n,{role:"gridcell",children:"Boston"}),Qo(n,{role:"gridcell",children:"Web Designer"})]}),Ln(k,{className:"k-master-row",role:"row",alt:!0,children:[Qo(n,{role:"gridcell",children:"Laura Peacock"}),Qo(n,{role:"gridcell",children:"Seattle"}),Qo(n,{role:"gridcell",children:"Accountant"})]}),Ln(k,{className:"k-master-row",role:"row",children:[Qo(n,{role:"gridcell",children:"Janet Davolio"}),Qo(n,{role:"gridcell",children:"Philadelphia"}),Qo(n,{role:"gridcell",children:"Sales Manager"})]})]})]})})})]}),...r}),Qo(Ce,{className:"k-grid-filter-popup",id:i,role:"dialog","aria-label":"Name Filter Menu",children:Qo(Gy,{})})]})};import{Fragment as ope,jsx as Le,jsxs as xr}from"react/jsx-runtime";var kH=({contentClassName:e,...t})=>Le(Pe,{_renderAriaRoot:!0,pager:Le(fl,{refresh:!1}),children:xr(ope,{children:[Le(ve,{children:Le("div",{className:"k-grid-header-wrap",children:xr(he,{role:"none",children:[xr("colgroup",{children:[Le("col",{}),Le("col",{style:{width:"225px"}}),Le("col",{}),Le("col",{}),Le("col",{})]}),xr(ne,{role:"rowgroup",children:[xr(k,{role:"row",children:[Le(M,{rowspan:1,colspan:1,columnTitle:"Product Id",role:"columnheader"}),Le(M,{rowspan:1,colspan:1,columnTitle:"Name",role:"columnheader"}),Le(M,{rowspan:1,colspan:1,columnTitle:"Quantity",role:"columnheader"}),Le(M,{rowspan:1,colspan:1,columnTitle:"Unit Price",role:"columnheader"}),Le(M,{rowspan:1,colspan:1,columnTitle:"Discontinued",role:"columnheader"})]}),xr(k,{className:"k-filter-row",role:"row",children:[Le(n,{role:"gridcell","aria-label":"Product Id filter",children:Le("div",{className:"k-filtercell",children:xr("div",{className:"k-filtercell-wrapper",children:[Le(qe,{"aria-label":"Product Id filter"}),xr("div",{className:"k-filtercell-operator",children:[Le(ae,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Product Id filter operator"})," ",Le(d,{disabled:!0,icon:"filter-clear","aria-label":"Clear Product Id filter"})]})]})})}),Le(n,{role:"gridcell","aria-label":"Name filter",children:Le("div",{className:"k-filtercell",children:xr("div",{className:"k-filtercell-wrapper",children:[Le(ue,{"aria-label":"Name filter"}),xr("div",{className:"k-filtercell-operator",children:[Le(ae,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Name filter operator"})," ",Le(d,{disabled:!0,icon:"filter-clear","aria-label":"Clear Name filter"})]})]})})}),Le(n,{role:"gridcell","aria-label":"Quantity filter",children:Le("div",{className:"k-filtercell",children:xr("div",{className:"k-filtercell-wrapper",children:[Le(ue,{"aria-label":"Quantity filter"}),xr("div",{className:"k-filtercell-operator",children:[Le(ae,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Quantity filter operator"})," ",Le(d,{disabled:!0,icon:"filter-clear","aria-label":"Clear Quantity filter"})]})]})})}),Le(n,{role:"gridcell","aria-label":"Unit Price filter",children:Le("div",{className:"k-filtercell",children:xr("div",{className:"k-filtercell-wrapper",children:[Le(qe,{"aria-label":"Unit Price filter"}),xr("div",{className:"k-filtercell-operator",children:[Le(ae,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Unit Price filter operator"})," ",Le(d,{disabled:!0,icon:"filter-clear","aria-label":"Clear Unit Price filter"})]})]})})}),Le(n,{role:"gridcell","aria-label":"Discontinued filter",children:Le("div",{className:"k-filtercell",children:xr("div",{className:"k-filtercell-wrapper",children:[Le(ae,{"aria-label":"Discontinued filter"}),Le("div",{className:"k-filtercell-operator",children:Le(d,{disabled:!0,icon:"filter-clear","aria-label":"Clear Discontinued filter"})})]})})})]})]})]})})}),Le(Ne,{children:Le(ge,{className:e,children:xr(de,{role:"none",children:[xr("colgroup",{children:[Le("col",{}),Le("col",{style:{width:"225px"}}),Le("col",{}),Le("col",{}),Le("col",{})]}),xr(ee,{role:"rowgroup",children:[xr(k,{className:"k-master-row",role:"row",children:[Le(n,{role:"gridcell",children:"1"}),Le(n,{role:"gridcell",children:"Chai"}),Le(n,{role:"gridcell",children:"10 boxes x 20 bags"}),Le(n,{role:"gridcell",children:"18"}),Le(n,{role:"gridcell",children:"false"})]}),xr(k,{className:"k-master-row",role:"row",alt:!0,children:[Le(n,{role:"gridcell",children:"2"}),Le(n,{role:"gridcell",children:"Chang"}),Le(n,{role:"gridcell",children:"24 - 12 oz bottles"}),Le(n,{role:"gridcell",children:"19"}),Le(n,{role:"gridcell",children:"false"})]}),xr(k,{className:"k-master-row",role:"row",children:[Le(n,{role:"gridcell",children:"3"}),Le(n,{role:"gridcell",children:"Aniseed Syrup"}),Le(n,{role:"gridcell",children:"12 - 550 ml bottles"}),Le(n,{role:"gridcell",children:"10"}),Le(n,{role:"gridcell",children:"false"})]}),xr(k,{className:"k-master-row",role:"row",alt:!0,children:[Le(n,{role:"gridcell",children:"4"}),Le(n,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),Le(n,{role:"gridcell",children:"48 - 6 oz jars"}),Le(n,{role:"gridcell",children:"22"}),Le(n,{role:"gridcell",children:"false"})]}),xr(k,{className:"k-master-row",role:"row",children:[Le(n,{role:"gridcell",children:"5"}),Le(n,{role:"gridcell",children:"Grandma's Boysenberry Spread"}),Le(n,{role:"gridcell",children:"12 - 8 oz jars"}),Le(n,{role:"gridcell",children:"25"}),Le(n,{role:"gridcell",children:"false"})]})]})]})})})]}),...t});import{Fragment as yM,jsx as Nt,jsxs as Ji}from"react/jsx-runtime";var xH=({dropClue:e,contentClassName:t,...o})=>Nt(Pe,{_renderAriaRoot:!0,groupingHeader:Nt(Cn,{dropClue:e,role:"toolbar","aria-label":"Grouping",children:Ji(Dt,{role:"none",children:[Nt(Qe,{icon:"sort-asc-small",text:"ID",role:"button",actions:Ji(yM,{children:[Nt(Ve,{type:"more"}),Nt(Ve,{type:"remove"})]})}),Nt(Qe,{icon:"sort-desc-small",text:"Name",role:"button",actions:Ji(yM,{children:[Nt(Ve,{type:"more"}),Nt(Ve,{type:"remove"})]})})]})}),children:Ji(yM,{children:[Nt(ve,{draggable:!0,children:Nt("div",{className:"k-grid-header-wrap",children:Ji(he,{role:"none",children:[Ji("colgroup",{children:[Nt("col",{className:"k-group-col"}),Nt("col",{className:"k-group-col"}),Nt("col",{}),Nt("col",{}),Nt("col",{}),Nt("col",{})]}),Nt(ne,{role:"rowgroup",children:Ji(k,{role:"row",children:[Nt(M,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),Nt(M,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),Nt(M,{colspan:1,columnTitle:"ID",role:"columnheader"}),Nt(M,{colspan:1,columnTitle:"Name",role:"columnheader"}),Nt(M,{colspan:1,columnTitle:"Price",role:"columnheader"}),Nt(M,{colspan:1,columnTitle:"Category",role:"columnheader"})]})})]})})}),Nt(Ne,{children:Nt(ge,{className:t,children:Ji(de,{role:"none",children:[Ji("colgroup",{children:[Nt("col",{className:"k-group-col"}),Nt("col",{className:"k-group-col"}),Nt("col",{}),Nt("col",{}),Nt("col",{}),Nt("col",{})]}),Ji(ee,{role:"rowgroup",children:[Nt(k,{className:"k-table-group-row k-grouping-row",role:"row",children:Nt(n,{colspan:6,role:"gridcell","aria-expanded":"false",children:Ji("p",{className:"k-reset",children:[Nt(f,{icon:"chevron-right"}),"ID: 1"]})})}),Nt(k,{className:"k-table-group-row k-grouping-row",role:"row",children:Nt(n,{colspan:6,role:"gridcell","aria-expanded":"true",children:Ji("p",{className:"k-reset",children:[Nt(f,{icon:"chevron-down"}),"ID: 2"]})})}),Ji(k,{className:"k-table-group-row k-grouping-row",role:"row",children:[Nt(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),Nt(n,{colspan:5,role:"gridcell","aria-expanded":"true",children:Ji("p",{className:"k-reset",children:[Nt(f,{icon:"chevron-down"}),"Name: Chang"]})})]}),Ji(k,{className:"k-master-row",role:"row",alt:!0,children:[Nt(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),Nt(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),Nt(n,{colspan:0,role:"gridcell",children:"2"}),Nt(n,{colspan:0,role:"gridcell",children:"Chang"}),Nt(n,{colspan:0,role:"gridcell",children:"$19.00"}),Nt(n,{colspan:0,role:"gridcell",children:"Beverages"})]})]})]})})})]}),...o});import{Fragment as ape,jsx as et,jsxs as Jr}from"react/jsx-runtime";var P2t=({containerClassName:e,...t})=>et(Pe,{_renderAriaRoot:!0,children:Jr(ape,{children:[et(ve,{children:et("div",{className:"k-grid-header-wrap",children:Jr(he,{role:"none",children:[Jr("colgroup",{children:[et("col",{className:"k-hierarchy-col"}),et("col",{style:{width:"100px"}}),et("col",{}),et("col",{})]}),et(ne,{role:"rowgroup",children:Jr(k,{role:"row",children:[et(M,{className:"k-hierarchy-cell",accessibleLabel:"Detail"}),et(M,{columnTitle:"ID",role:"columnheader"}),et(M,{columnTitle:"Category Name",role:"columnheader"}),et(M,{columnTitle:"Description",role:"columnheader"})]})})]})})}),et(Ne,{children:et(ge,{className:e,children:Jr(de,{role:"none",children:[Jr("colgroup",{children:[et("col",{className:"k-hierarchy-col"}),et("col",{style:{width:"100px"}}),et("col",{}),et("col",{})]}),Jr(ee,{role:"rowgroup",children:[Jr(k,{className:"k-master-row",role:"row",children:[et(n,{className:"k-hierarchy-cell",role:"gridcell","aria-expanded":"false",children:et(f,{icon:"chevron-right"})}),et(n,{role:"gridcell",children:"1"}),et(n,{role:"gridcell",children:"Beverages"}),et(n,{role:"gridcell",children:"Soft drinks, coffees, teas, beers and ales"})]}),Jr(k,{className:"k-master-row k-expanded",role:"row",alt:!0,children:[et(n,{className:"k-hierarchy-cell",role:"gridcell","aria-expanded":"true",children:et(f,{icon:"chevron-down"})}),et(n,{role:"gridcell",children:"2"}),et(n,{role:"gridcell",children:"Condiments"}),et(n,{role:"gridcell",children:"Sweet and savory sauces, relishes, spreads, and seasonings"})]}),Jr(k,{className:"k-master-row k-detail-row",role:"row",children:[et(n,{className:"k-hierarchy-cell",role:"gridcell"}),et(n,{className:"k-detail-cell",role:"gridcell",colspan:3,children:Jr(Pe,{_renderAriaRoot:!0,className:"k-grid-no-scrollbar",children:[et(ve,{children:et("div",{className:"k-grid-header-wrap",children:Jr(he,{role:"none",children:[Jr("colgroup",{children:[et("col",{}),et("col",{}),et("col",{})]}),et(ne,{role:"rowgroup",children:Jr(k,{role:"row",children:[et(M,{colspan:1,rowspan:1,columnTitle:"ID",role:"columnheader"}),et(M,{colspan:1,rowspan:1,columnTitle:"Product Name",role:"columnheader"}),et(M,{colspan:1,rowspan:1,columnTitle:"Unit Price",role:"columnheader"})]})})]})})}),et(Ne,{children:et(ge,{children:Jr(de,{role:"none",children:[Jr("colgroup",{children:[et("col",{}),et("col",{}),et("col",{})]}),Jr(ee,{role:"rowgroup",children:[Jr(k,{className:"k-master-row",role:"row",children:[et(n,{colspan:1,role:"gridcell",children:"1"}),et(n,{colspan:1,role:"gridcell",children:"Aniseed Syrup"}),et(n,{colspan:1,role:"gridcell",children:"$10.00"})]}),Jr(k,{alt:!0,className:"k-master-row",role:"row",children:[et(n,{colspan:1,role:"gridcell",children:"2"}),et(n,{colspan:1,role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),et(n,{colspan:1,role:"gridcell",children:"$22.00"})]}),Jr(k,{className:"k-master-row",role:"row",children:[et(n,{colspan:1,role:"gridcell",children:"3"}),et(n,{colspan:1,role:"gridcell",children:"Chef Anton's Gumbo Mix"}),et(n,{colspan:1,role:"gridcell",children:"$21.35"})]})]})]})})})]})})]})]})]})})})]}),...t});import{Fragment as rpe,jsx as gt,jsxs as Nd}from"react/jsx-runtime";var G2t=({contentClassName:e,...t})=>gt(Pe,{_renderAriaRoot:!0,pager:gt(fl,{pageSizes:!1,refresh:!1}),children:Nd(rpe,{children:[gt(ve,{children:gt("div",{className:"k-grid-header-wrap",children:Nd(he,{role:"none",children:[Nd("colgroup",{children:[gt("col",{className:"k-drag-col"}),gt("col",{}),gt("col",{})]}),gt(ne,{role:"rowgroup",children:Nd(k,{role:"row",children:[gt(M,{accessibleLabel:"Reorder"}),gt(M,{columnTitle:"Product Id",role:"columnheader"}),gt(M,{columnTitle:"Unit Price",role:"columnheader"}),gt(M,{columnTitle:"Discontinued",role:"columnheader"}),gt(M,{columnTitle:"Category",role:"columnheader"})]})})]})})}),gt(Ne,{children:gt(ge,{className:e,children:Nd(de,{role:"none",children:[Nd("colgroup",{children:[gt("col",{className:"k-drag-col"}),gt("col",{}),gt("col",{})]}),Nd(ee,{role:"rowgroup",children:[Nd(k,{className:"k-master-row",role:"row",children:[gt(n,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:gt(f,{icon:"reorder"})}),gt(n,{role:"gridcell",children:"Chef Anton's Gumbo"}),gt(n,{role:"gridcell",children:"21.35"}),gt(n,{role:"gridcell",children:"false"}),gt(n,{role:"gridcell",children:"Condiments"})]}),Nd(k,{className:"k-master-row",role:"row",alt:!0,children:[gt(n,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:gt(f,{icon:"reorder"})}),gt(n,{role:"gridcell",children:"Alice Mutton"}),gt(n,{role:"gridcell",children:"39"}),gt(n,{role:"gridcell",children:"false"}),gt(n,{role:"gridcell",children:"Meat/Poultry"})]}),Nd(k,{className:"k-master-row",role:"row",children:[gt(n,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:gt(f,{icon:"reorder"})}),gt(n,{role:"gridcell",children:"Singaporean Hokkien Fried Mee"}),gt(n,{role:"gridcell",children:"123.79"}),gt(n,{role:"gridcell",children:"true"}),gt(n,{role:"gridcell",children:"Meat/Poultry"})]}),Nd(k,{className:"k-master-row",role:"row",alt:!0,children:[gt(n,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:gt(f,{icon:"reorder"})}),gt(n,{role:"gridcell",children:"Gorgonzola Telino"}),gt(n,{role:"gridcell",children:"12.5"}),gt(n,{role:"gridcell",children:"false"}),gt(n,{role:"gridcell",children:"Meat/Poultry"})]}),Nd(k,{className:"k-master-row",role:"row",children:[gt(n,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:gt(f,{icon:"reorder"})}),gt(n,{role:"gridcell",children:"Perth Pasties"}),gt(n,{role:"gridcell",children:"32.8"}),gt(n,{role:"gridcell",children:"false"}),gt(n,{role:"gridcell",children:"Meat/Poultry"})]})]})]})})})]}),...t});import{Fragment as vH,jsx as dt,jsxs as hl}from"react/jsx-runtime";var V2t=({aggregated:e=!1,contentClassName:t,...o})=>dt(Pe,{_renderAriaRoot:!0,children:hl(vH,{children:[dt(ve,{children:dt("div",{className:"k-grid-header-wrap",children:hl(he,{role:"none",children:[hl("colgroup",{children:[dt("col",{}),dt("col",{}),dt("col",{}),dt("col",{})]}),dt(ne,{role:"rowgroup",children:hl(k,{role:"row",children:[dt(M,{columnTitle:"Product Name",role:"columnheader"}),dt(M,{columnTitle:"Units In Stock",role:"columnheader"}),dt(M,{columnTitle:"Discontinued",role:"columnheader"}),dt(M,{columnTitle:"Units in Order",role:"columnheader"})]})})]})})}),dt(Ne,{children:dt(ge,{className:t,children:hl(de,{role:"none",children:[hl("colgroup",{children:[dt("col",{}),dt("col",{}),dt("col",{}),dt("col",{})]}),hl(ee,{role:"rowgroup",children:[hl(k,{className:"k-master-row",role:"row",children:[dt(n,{selected:!0,role:"gridcell","aria-selected":"true",children:"Chai"}),dt(n,{selected:!0,role:"gridcell","aria-selected":"true",children:"39"}),dt(n,{role:"gridcell",children:"false"}),dt(n,{role:"gridcell",children:"0"})]}),hl(k,{className:"k-master-row",role:"row",alt:!0,children:[dt(n,{selected:!!e,role:"gridcell","aria-selected":e?"true":void 0,children:"Chang"}),dt(n,{selected:!!e,role:"gridcell","aria-selected":e?"true":void 0,children:"17"}),dt(n,{role:"gridcell",children:"false"}),dt(n,{role:"gridcell",children:"40"})]}),hl(k,{className:"k-master-row",role:"row",children:[dt(n,{selected:!!e,role:"gridcell",children:"Aniseed Syrup"}),dt(n,{selected:!!e,role:"gridcell",children:"13"}),dt(n,{role:"gridcell",children:"false"}),dt(n,{role:"gridcell",children:"70"})]}),hl(k,{className:"k-master-row",role:"row",alt:!0,children:[dt(n,{selected:!!e,role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),dt(n,{selected:!!e,role:"gridcell",children:"53"}),dt(n,{role:"gridcell",children:"false"}),dt(n,{role:"gridcell",children:"0"})]}),hl(k,{className:"k-master-row",role:"row",children:[dt(n,{role:"gridcell",children:"Chef Anton's Gumbo Mix"}),dt(n,{role:"gridcell",children:"0"}),dt(n,{role:"gridcell",children:"true"}),dt(n,{role:"gridcell",children:"0"})]})]})]})})})]}),gridSelectionAggregates:dt("div",{className:"k-selection-aggregates k-grid-selection-aggregates","aria-live":"polite",children:e?hl(vH,{children:[hl("div",{className:"k-selection-aggregates-item",children:[dt("span",{className:"k-selection-aggregates-item-text",children:"Sum:"}),dt("span",{className:"k-selection-aggregates-item-value",children:"122.00"})]}),hl("div",{className:"k-selection-aggregates-item",children:[dt("span",{className:"k-selection-aggregates-item-text",children:"Avg:"}),dt("span",{className:"k-selection-aggregates-item-value",children:"30.50"})]}),hl("div",{className:"k-selection-aggregates-item",children:[dt("span",{className:"k-selection-aggregates-item-text",children:"Min:"}),dt("span",{className:"k-selection-aggregates-item-value",children:"13"})]}),hl("div",{className:"k-selection-aggregates-item",children:[dt("span",{className:"k-selection-aggregates-item-text",children:"Max:"}),dt("span",{className:"k-selection-aggregates-item-value",children:"53"})]}),hl("div",{className:"k-selection-aggregates-item",children:[dt("span",{className:"k-selection-aggregates-item-text",children:"Count:"}),dt("span",{className:"k-selection-aggregates-item-value",children:"8"})]})]}):hl("div",{className:"k-selection-aggregates-item",children:[dt("span",{className:"k-selection-aggregates-item-text",children:"Count:"}),dt("span",{className:"k-selection-aggregates-item-value",children:"0"})]})}),...o});import{Fragment as lpe,jsx as $t,jsxs as ji}from"react/jsx-runtime";var TH=({headerWrapClassName:e,contentClassName:t,...o})=>$t(Pe,{_renderAriaRoot:!0,children:ji(lpe,{children:[$t(ve,{children:$t("div",{className:`k-grid-header-wrap ${e}`,children:ji(he,{role:"none",children:[ji("colgroup",{children:[$t("col",{}),$t("col",{}),$t("col",{}),$t("col",{})]}),ji(ne,{role:"rowgroup",children:[ji(k,{role:"row",children:[$t(M,{rowspan:3,colspan:1,columnTitle:"ID",role:"columnheader"}),$t(M,{rowspan:1,colspan:3,columnTitle:"Product Information",role:"columnheader"})]}),ji(k,{role:"row",children:[$t(M,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first",role:"columnheader"}),$t(M,{rowspan:1,colspan:2,columnTitle:"Unit",role:"columnheader"})]}),ji(k,{role:"row",children:[$t(M,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first",role:"columnheader"}),$t(M,{rowspan:1,colspan:1,columnTitle:"Units Price",role:"columnheader"})]})]})]})})}),$t(Ne,{children:$t(ge,{className:t,children:ji(de,{role:"none",children:[ji("colgroup",{children:[$t("col",{}),$t("col",{}),$t("col",{}),$t("col",{})]}),ji(ee,{role:"rowgroup",children:[ji(k,{className:"k-master-row",role:"row",children:[$t(n,{role:"gridcell",children:"1"}),$t(n,{role:"gridcell",children:"Chai"}),$t(n,{role:"gridcell",children:"39"}),$t(n,{role:"gridcell",children:"18"})]}),ji(k,{className:"k-master-row",alt:!0,role:"row",children:[$t(n,{role:"gridcell",children:"2"}),$t(n,{role:"gridcell",children:"Chang"}),$t(n,{role:"gridcell",children:"17"}),$t(n,{role:"gridcell",children:"19"})]}),ji(k,{className:"k-master-row",role:"row",children:[$t(n,{role:"gridcell",children:"3"}),$t(n,{role:"gridcell",children:"Aniseed Syrup"}),$t(n,{role:"gridcell",children:"13"}),$t(n,{role:"gridcell",children:"10"})]}),ji(k,{className:"k-master-row",alt:!0,role:"row",children:[$t(n,{role:"gridcell",children:"4"}),$t(n,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),$t(n,{role:"gridcell",children:"53"}),$t(n,{role:"gridcell",children:"22"})]}),ji(k,{className:"k-master-row",role:"row",children:[$t(n,{role:"gridcell",children:"5"}),$t(n,{role:"gridcell",children:"Chef Anton's Gumbo Mix"}),$t(n,{role:"gridcell",children:"0"}),$t(n,{role:"gridcell",children:"21.35"})]})]})]})})})]}),...o});import{Fragment as ipe,jsx as Ge,jsxs as jo}from"react/jsx-runtime";var eKt=({className:e,headerWrapClassName:t,contentClassName:o,...r})=>{let i=b("grid-lc-cell"),c=b("grid-lc-cell"),p=b("grid-lc-cell"),h=b("grid-lc-cell"),x=b("grid-lc-cell"),v=b("grid-lc-cell"),w=b("grid-lc-cell"),A=b("grid-lc-cell"),N=b("grid-lc-cell"),B=b("grid-lc-cell"),D=b("grid-lc-cell"),z=b("grid-lc-cell"),U=b("grid-lc-cell"),X=b("grid-lc-cell"),oe=b("grid-lc-cell"),Ie=b("grid-lc-cell"),Re=b("grid-lc-cell"),vt=b("grid-lc-cell"),Lt=b("grid-lc-cell"),Qt=b("grid-lc-cell"),wa=b("grid-lc-cell"),Br=b("grid-lc-cell"),fa=b("grid-lc-cell"),Nr=b("grid-lc-cell"),dl=b("grid-lc-hdr"),Nl=b("grid-lc-hdr"),Od=b("grid-lc-hdr");return Ge(Pe,{className:l("k-grid-lockedcolumns",e),_renderAriaRoot:!0,children:jo(ipe,{children:[jo(ve,{role:"none",children:[Ge("div",{className:"k-grid-header-locked",role:"none",style:{width:"400px"},children:jo(he,{role:"none",children:[jo("colgroup",{children:[Ge("col",{style:{width:"150px"}}),Ge("col",{style:{width:"300px"}})]}),Ge(ne,{role:"rowgroup",children:jo(k,{role:"row","aria-owns":`${dl} ${Nl} ${Od}`,children:[Ge(M,{filterable:!0,menu:"column",columnTitle:"Order ID",role:"columnheader"}),Ge(M,{filterable:!0,menu:"column",columnTitle:"Ship Name",role:"columnheader"})]})})]})}),jo("div",{className:`k-grid-header-wrap ${t}`,role:"none",style:{width:"581px"},children:[jo(he,{role:"none",children:[jo("colgroup",{children:[Ge("col",{style:{width:"300px"}}),Ge("col",{style:{width:"300px"}}),Ge("col",{style:{width:"400px"}})]}),Ge(ne,{role:"none",children:jo(k,{role:"none",children:[Ge(M,{filterable:!0,menu:"column",columnTitle:"Ship Country",id:dl,role:"columnheader"}),Ge(M,{filterable:!0,menu:"column",columnTitle:"Ship City",id:Nl,role:"columnheader"}),Ge(M,{filterable:!0,menu:"column",columnTitle:"Ship Address",id:Od,role:"columnheader"})]})})]}),Ge("div",{className:"k-resize-handle",style:{top:"0px",left:"595.5px",height:"37px",width:"9px"},children:Ge("div",{className:"k-resize-handle-inner"})})]})]}),jo(Ne,{role:"none",children:[Ge("div",{className:"k-grid-content-locked",role:"none",style:{width:"400px",height:"303px"},children:jo(de,{role:"none",children:[jo("colgroup",{children:[Ge("col",{style:{width:"150px"}}),Ge("col",{style:{width:"300px"}})]}),jo(ee,{role:"rowgroup",children:[jo(k,{className:"k-master-row",role:"row","aria-owns":`${i} ${c} ${p}`,children:[Ge(n,{role:"gridcell",children:"10248"}),Ge(n,{role:"gridcell",children:"Vins et alcools Chevalier"})]}),jo(k,{className:"k-master-row",alt:!0,role:"row","aria-owns":`${h} ${x} ${v}`,children:[Ge(n,{role:"gridcell",children:"10249"}),Ge(n,{role:"gridcell",children:"Toms Spezialit\xE4ten"})]}),jo(k,{className:"k-master-row",role:"row","aria-owns":`${w} ${A} ${N}`,children:[Ge(n,{role:"gridcell",children:"10250"}),Ge(n,{role:"gridcell",children:"Hanari Carnes"})]}),jo(k,{className:"k-master-row",alt:!0,role:"row","aria-owns":`${B} ${D} ${z}`,children:[Ge(n,{role:"gridcell",children:"10251"}),Ge(n,{role:"gridcell",children:"Victuailles en stock"})]}),jo(k,{className:"k-master-row",role:"row","aria-owns":`${U} ${X} ${oe}`,children:[Ge(n,{role:"gridcell",children:"10252"}),Ge(n,{role:"gridcell",children:"Supr\xEAmes d\xE9lices"})]}),jo(k,{className:"k-master-row",alt:!0,role:"row","aria-owns":`${Ie} ${Re} ${vt}`,children:[Ge(n,{role:"gridcell",children:"10253"}),Ge(n,{role:"gridcell",children:"Toms Spezialit\xE4ten"})]}),jo(k,{className:"k-master-row",role:"row","aria-owns":`${Lt} ${Qt} ${wa}`,children:[Ge(n,{role:"gridcell",children:"10254"}),Ge(n,{role:"gridcell",children:"Hanari Carnes"})]}),jo(k,{className:"k-master-row",alt:!0,role:"row","aria-owns":`${Br} ${fa} ${Nr}`,children:[Ge(n,{role:"gridcell",children:"10255"}),Ge(n,{role:"gridcell",children:"Victuailles en stock"})]})]})]})}),Ge(ge,{className:o,role:"none",style:{width:"605px",height:"320px"},children:jo(de,{role:"none",children:[jo("colgroup",{children:[Ge("col",{style:{width:"300px"}}),Ge("col",{style:{width:"300px"}}),Ge("col",{style:{width:"400px"}})]}),jo(ee,{role:"none",children:[jo(k,{className:"k-master-row",role:"none",children:[Ge(n,{id:i,role:"gridcell",children:"France"}),Ge(n,{id:c,role:"gridcell",children:"Reims"}),Ge(n,{id:p,role:"gridcell",children:"59 rue de l'Abbaye"})]}),jo(k,{className:"k-master-row",alt:!0,role:"none",children:[Ge(n,{id:h,role:"gridcell",children:"Germany"}),Ge(n,{id:x,role:"gridcell",children:"M\xFCnster"}),Ge(n,{id:v,role:"gridcell",children:"Luisenstr. 48"})]}),jo(k,{className:"k-master-row",role:"none",children:[Ge(n,{id:w,role:"gridcell",children:"Brazil"}),Ge(n,{id:A,role:"gridcell",children:"Rio de Janeiro"}),Ge(n,{id:N,role:"gridcell",children:"Rua do Pa\xE7o, 67"})]}),jo(k,{className:"k-master-row",alt:!0,role:"none",children:[Ge(n,{id:B,role:"gridcell",children:"France"}),Ge(n,{id:D,role:"gridcell",children:"Lyon"}),Ge(n,{id:z,role:"gridcell",children:"2, rue du Commerce"})]}),jo(k,{className:"k-master-row",role:"none",children:[Ge(n,{id:U,role:"gridcell",children:"Belgium"}),Ge(n,{id:X,role:"gridcell",children:"Charleroi"}),Ge(n,{id:oe,role:"gridcell",children:"Boulevard Tirou, 255"})]}),jo(k,{className:"k-master-row",alt:!0,role:"none",children:[Ge(n,{id:Ie,role:"gridcell",children:"Germany"}),Ge(n,{id:Re,role:"gridcell",children:"M\xFCnster"}),Ge(n,{id:vt,role:"gridcell",children:"Luisenstr. 48"})]}),jo(k,{className:"k-master-row",role:"none",children:[Ge(n,{id:Lt,role:"gridcell",children:"Brazil"}),Ge(n,{id:Qt,role:"gridcell",children:"Rio de Janeiro"}),Ge(n,{id:wa,role:"gridcell",children:"Rua do Pa\xE7o, 67"})]}),jo(k,{className:"k-master-row",alt:!0,role:"none",children:[Ge(n,{id:Br,role:"gridcell",children:"France"}),Ge(n,{id:fa,role:"gridcell",children:"Lyon"}),Ge(n,{id:Nr,role:"gridcell",children:"2, rue du Commerce"})]})]})]})})]})]}),...r})};import{Fragment as spe,jsx as Ee,jsxs as ei}from"react/jsx-runtime";var lKt=({contentClassName:e,...t})=>Ee(Pe,{_renderAriaRoot:!0,children:ei(spe,{children:[Ee(ve,{children:Ee("div",{className:"k-grid-header-wrap",children:ei(he,{role:"none",style:{width:"1100px"},children:[ei("colgroup",{children:[Ee("col",{style:{width:"250px"}}),Ee("col",{style:{width:"150px"}}),Ee("col",{style:{width:"200px"}}),Ee("col",{style:{width:"250px"}}),Ee("col",{style:{width:"250px"}})]}),Ee(ne,{role:"rowgroup",children:ei(k,{role:"row",children:[Ee(M,{className:"k-grid-header-sticky",rowspan:1,colspan:1,columnTitle:"Product Name",role:"columnheader",style:{left:"0px",borderRightWidth:"1px"}}),Ee(M,{rowspan:1,colspan:1,columnTitle:"Units In Stock",role:"columnheader"}),Ee(M,{rowspan:1,colspan:1,columnTitle:"Price",role:"columnheader"}),Ee(M,{className:"k-grid-header-sticky",rowspan:1,colspan:1,columnTitle:"Units on Order",role:"columnheader",style:{left:"250px",borderRightWidth:"1px"}}),Ee(M,{rowspan:1,colspan:1,columnTitle:"Reorder Level",role:"columnheader"})]})})]})})}),Ee(Ne,{children:Ee(ge,{className:e,children:Ee("div",{style:{position:"relative"},children:ei(de,{role:"none",style:{width:"1100px"},children:[ei("colgroup",{children:[Ee("col",{width:"250px"}),Ee("col",{width:"150px"}),Ee("col",{width:"200px"}),Ee("col",{width:"250px"}),Ee("col",{width:"250px"})]}),ei(ee,{role:"rowgroup",children:[ei(k,{className:"k-master-row",role:"row",children:[Ee(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"0px",borderRightWidth:"1px"},children:"Chai"}),Ee(n,{colspan:1,role:"gridcell",children:"39"}),Ee(n,{colspan:1,role:"gridcell",children:"$18.00"}),Ee(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"250px",borderRightWidth:"1px"},children:"0"}),Ee(n,{colspan:1,role:"gridcell",children:"10"})]}),ei(k,{className:"k-master-row",role:"row",alt:!0,children:[Ee(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"0px",borderRightWidth:"1px"},children:"Chang"}),Ee(n,{colspan:1,role:"gridcell",children:"17"}),Ee(n,{colspan:1,role:"gridcell",children:"$19.00"}),Ee(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"250px",borderRightWidth:"1px"},children:"40"}),Ee(n,{colspan:1,role:"gridcell",children:"25"})]}),ei(k,{className:"k-master-row",role:"row",children:[Ee(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"0px",borderRightWidth:"1px"},children:"Aniseed Syrup"}),Ee(n,{colspan:1,role:"gridcell",children:"13"}),Ee(n,{colspan:1,role:"gridcell",children:"$10.00"}),Ee(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"250px",borderRightWidth:"1px"},children:"70"}),Ee(n,{colspan:1,role:"gridcell",children:"25"})]}),ei(k,{className:"k-master-row",role:"row",alt:!0,children:[Ee(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"0px",borderRightWidth:"1px"},children:"Chef Anton's Cajun Seasoning"}),Ee(n,{colspan:1,role:"gridcell",children:"53"}),Ee(n,{colspan:1,role:"gridcell",children:"$22.00"}),Ee(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"250px",borderRightWidth:"1px"},children:"0"}),Ee(n,{colspan:1,role:"gridcell",children:"0"})]}),ei(k,{className:"k-master-row",role:"row",children:[Ee(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"0px",borderRightWidth:"1px"},children:"Chef Anton's Gumbo Mix"}),Ee(n,{colspan:1,role:"gridcell",children:"0"}),Ee(n,{colspan:1,role:"gridcell",children:"$21.35"}),Ee(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"250px",borderRightWidth:"1px"},children:"0"}),Ee(n,{colspan:1,role:"gridcell",children:"0"})]}),ei(k,{className:"k-master-row",role:"row",alt:!0,children:[Ee(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"0px",borderRightWidth:"1px"},children:"Grandma's Boysenberry Spread"}),Ee(n,{colspan:1,role:"gridcell",children:"120"}),Ee(n,{colspan:1,role:"gridcell",children:"$25.00"}),Ee(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"250px",borderRightWidth:"1px"},children:"0"}),Ee(n,{colspan:1,role:"gridcell",children:"25"})]}),ei(k,{className:"k-master-row",role:"row",children:[Ee(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"0px",borderRightWidth:"1px"},children:"Uncle Bob's Organic Dried Pears"}),Ee(n,{colspan:1,role:"gridcell",children:"15"}),Ee(n,{colspan:1,role:"gridcell",children:"$30.00"}),Ee(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"250px",borderRightWidth:"1px"},children:"0"}),Ee(n,{colspan:1,role:"gridcell",children:"10"})]}),ei(k,{className:"k-master-row",role:"row",alt:!0,children:[Ee(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"0px",borderRightWidth:"1px"},children:"Northwoods Cranberry Sauce"}),Ee(n,{colspan:1,role:"gridcell",children:"6"}),Ee(n,{colspan:1,role:"gridcell",children:"$40.00"}),Ee(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"250px",borderRightWidth:"1px"},children:"0"}),Ee(n,{colspan:1,role:"gridcell",children:"0"})]}),ei(k,{className:"k-master-row",role:"row",children:[Ee(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"0px",borderRightWidth:"1px"},children:"Mishi Kobe Niku"}),Ee(n,{colspan:1,role:"gridcell",children:"29"}),Ee(n,{colspan:1,role:"gridcell",children:"97"}),Ee(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"250px",borderRightWidth:"1px"},children:"0"}),Ee(n,{colspan:1,role:"gridcell",children:"0"})]}),ei(k,{className:"k-master-row",role:"row",alt:!0,children:[Ee(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"0px",borderRightWidth:"1px"},children:"Ikura"}),Ee(n,{colspan:1,role:"gridcell",children:"31"}),Ee(n,{colspan:1,role:"gridcell",children:"$31.00"}),Ee(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"250px",borderRightWidth:"1px"},children:"0"}),Ee(n,{colspan:1,role:"gridcell",children:"0"})]})]})]})})})})]}),...t});import{Fragment as npe,jsx as Zt,jsxs as yd}from"react/jsx-runtime";var wH=e=>{let t=b("grid");return Zt(Pe,{_renderAriaRoot:!0,ariaRootId:t,toolbar:yd(Qi,{role:"toolbar","aria-label":"Grid toolbar","aria-controls":t,children:[Zt(d,{children:"Add new"}),Zt(d,{children:"Save Changes"}),Zt(d,{children:"Cancel Changes"})]}),children:yd(npe,{children:[Zt(ve,{children:Zt("div",{className:"k-grid-header-wrap",children:yd(he,{role:"none",children:[yd("colgroup",{children:[Zt("col",{}),Zt("col",{}),Zt("col",{}),Zt("col",{style:{width:"300px"}})]}),Zt(ne,{role:"rowgroup",children:yd(k,{role:"row",children:[Zt(M,{columnTitle:"Name",role:"columnheader"}),Zt(M,{columnTitle:"Price",role:"columnheader"}),Zt(M,{columnTitle:"Available",role:"columnheader"}),Zt(M,{accessibleLabel:"Commands"})]})})]})})}),Zt(Ne,{children:Zt(ge,{children:Zt("div",{children:yd(de,{role:"none",children:[yd("colgroup",{children:[Zt("col",{}),Zt("col",{}),Zt("col",{}),Zt("col",{style:{width:"300px"}})]}),yd(ee,{role:"rowgroup",children:[yd(k,{className:"k-master-row k-grid-add-row k-grid-edit-row",role:"row",children:[Zt(n,{role:"gridcell",children:Zt(ue,{value:"Towel","aria-label":"Name"})}),Zt(n,{role:"gridcell",children:Zt(qe,{value:"42","aria-label":"Price"})}),Zt(n,{role:"gridcell",children:Zt(uo,{"aria-label":"Available"})}),yd(n,{className:"k-command-cell",role:"gridcell",children:[Zt(d,{children:"Add"}),Zt(d,{children:"Cancel"})]})]}),yd(k,{className:"k-master-row",role:"row",children:[Zt(n,{role:"gridcell",children:"Chai"}),Zt(n,{role:"gridcell",children:"18"}),Zt(n,{role:"gridcell",children:"false"}),Zt(n,{className:"k-command-cell",role:"gridcell",children:Zt(d,{children:"Remove"})})]}),yd(k,{className:"k-master-row",role:"row",alt:!0,children:[Zt(n,{role:"gridcell",children:"Chang"}),Zt(n,{role:"gridcell",children:"19"}),Zt(n,{role:"gridcell",children:"false"}),Zt(n,{className:"k-command-cell",role:"gridcell",children:Zt(d,{children:"Remove"})})]})]})]})})})})]}),...e})};import{Fragment as AM,jsx as Bt,jsxs as Ad}from"react/jsx-runtime";var EKt=({reorderable:e,checkbox:t,aggregates:o,sticky:r,detailRow:i,cols:c,...p})=>Bt(Pe,{_renderAriaRoot:!0,className:"k-grid-stack",pager:Bt(fl,{type:"input",pageTitleInfo:!1,refresh:!1,info:!1,pagerSizeInfo:!1,pageSizes:!1}),children:Bt(AM,{children:Bt(Ne,{children:Bt(ge,{children:Ad(de,{role:"none",children:[Bt("colgroup",{children:Bt("col",{})}),Ad(ee,{role:"rowgroup",children:[Bt(k,{className:"k-master-row",role:"row",children:Bt(n,{className:`${r?"k-grid-row-sticky":""}`,role:"gridcell",tabIndex:0,children:Ad(Sg,{cols:c,children:[e&&Bt(Xi,{cellContent:Ad(AM,{children:[Bt(f,{icon:"reorder"}),Bt("span",{children:"Reorder"})]}),className:"k-drag-cell"}),r&&Bt(Xi,{cellContent:Bt(d,{icon:"unpin",text:"Unpin",fillMode:"flat",themeColor:"primary"})}),t&&Bt(Xi,{cellContent:Bt(xS,{})}),Bt(Xi,{cellHeader:"Contact Name",cellContent:"Maria Anders",tabIndex:0}),Bt(Xi,{cellHeader:"Company Name",cellContent:"Alfreds Futterkiste",tabIndex:0}),Bt(Xi,{cellHeader:"Country",cellContent:"Germany",tabIndex:0}),i&&Bt(Xi,{cellContent:Bt(d,{icon:"minus",text:"Collapse Details",fillMode:"flat",themeColor:"primary"})})]})})}),i&&Bt(k,{className:"k-detail-row",role:"row",children:Ad(n,{className:"k-detail-cell",role:"gridcell",children:[Ad("div",{children:[Bt("span",{className:"k-font-bold",children:"In stock: "}),Bt("span",{children:"39"})]}),Ad("div",{children:[Bt("span",{className:"k-font-bold",children:"On order: "}),Bt("span",{children:"0"})]})]})}),Bt(k,{alt:!0,className:"k-master-row",role:"row",children:Bt(n,{role:"gridcell",tabIndex:0,children:Ad(Sg,{cols:c,children:[e&&Bt(Xi,{cellContent:Ad(AM,{children:[Bt(f,{icon:"reorder"}),Bt("span",{children:"Reorder"})]}),className:"k-drag-cell"}),r&&Bt(Xi,{cellContent:Bt(d,{icon:"pin",text:"Pin",fillMode:"flat",themeColor:"primary"})}),t&&Bt(Xi,{cellContent:Bt(xS,{})}),Bt(Xi,{cellHeader:"Contact Name",cellContent:"Ana Trujillo",tabIndex:0}),Bt(Xi,{cellHeader:"Company Name",cellContent:"Ana Trujillo Emparedados y helados",tabIndex:0}),Bt(Xi,{cellHeader:"Country",cellContent:"Mexico",tabIndex:0}),i&&Bt(Xi,{cellContent:Bt(d,{icon:"plus",text:"Expand Details",fillMode:"flat",themeColor:"primary"})})]})})})]})]})})})}),gridSelectionAggregates:o&&Ad("div",{className:"k-selection-aggregates k-grid-selection-aggregates","aria-live":"polite",children:[Ad("div",{className:"k-selection-aggregates-item",children:[Bt("span",{className:"k-selection-aggregates-item-text",children:"Sum:"}),Bt("span",{className:"k-selection-aggregates-item-value",children:"122.00"})]}),Ad("div",{className:"k-selection-aggregates-item",children:[Bt("span",{className:"k-selection-aggregates-item-text",children:"Avg:"}),Bt("span",{className:"k-selection-aggregates-item-value",children:"30.50"})]})]}),...p});var CM="context-menu",NH=CM;import{jsx as mpe}from"react/jsx-runtime";var yH="k-context-menu",dpe=[],cpe={},ppe={},ti=e=>{let{children:t,...o}=e;return mpe(Wa,{...o,className:l(e.className,yH),role:"menu",children:t})};ti.states=dpe;ti.options=cpe;ti.className=yH;ti.defaultOptions=ppe;ti.moduleName=CM;ti.folderName=NH;ti.ariaSpec={selector:".k-context-menu",rules:[{selector:".k-context-menu",attribute:"role=menu",usage:"The context menu implements the menu role."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has an id linked to parent aria-controls."}]};import{jsx as Hy}from"react/jsx-runtime";var SM=e=>Hy(ti,{children:[Hy(Xe,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),Hy(Xe,{text:"Item 2"},"menu-item-2"),Hy(Xe,{last:!0,text:"Item 3"},"menu-item-3")],...e});import{Fragment as upe,jsx as mu,jsxs as AH}from"react/jsx-runtime";var XKt=e=>AH(upe,{children:[mu(ti,{children:[mu(Xe,{first:!0,text:"Item 1",focus:!0},"menu-item-1"),mu(Xe,{text:"Item 2",showArrow:!0,expanded:!0,"aria-controls":"ctx-submenu-1"},"menu-item-2"),mu(Xe,{text:"Item 3",disabled:!0},"menu-item-3"),mu(Xe,{last:!0,text:"Item 4"},"menu-item-4")],...e}),mu(Ce,{className:"k-menu-popup",offset:{left:"90px",top:"auto"},children:AH(Wa,{id:"ctx-submenu-1",children:[mu(Xe,{first:!0,text:"Sub item 1"}),mu(Xe,{last:!0,text:"Sub item 2"})]})})]});import{jsx as xT,jsxs as kpe}from"react/jsx-runtime";var bpe=Aa.options,fpe=Aa.states,CH={...Aa.defaultOptions,variant:"normal"},hpe=[{name:"normal",title:"Normal"},{name:"separators",title:"With separator"}],gpe=[],Bg=e=>{let{variant:t,...o}={...CH,...e};return t==="separators"?kpe(SM,{...o,style:{width:"130px"},children:[xT(Xe,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),xT(Mm,{}),xT(Xe,{text:"Item 2"},"menu-item-2"),xT(Xe,{last:!0,text:"Item 3"},"menu-item-3")]}):xT(SM,{...o,style:{width:"130px"}})};Bg.options=bpe;Bg.states=fpe;Bg.variants=hpe;Bg.defaultOptions=CH;Bg.modifiers=gpe;Bg.className=ti.className;import{Fragment as SH,jsx as No,jsxs as qi}from"react/jsx-runtime";var mYt=({contentClassName:e,...t})=>{let o=b("grid"),r=b("grid-ctx-menu");return qi(SH,{children:[No(Pe,{_renderAriaRoot:!0,ariaRootId:o,ariaColCount:3,ariaRowCount:5,children:qi(SH,{children:[No(ve,{children:No("div",{className:"k-grid-header-wrap",children:qi(he,{role:"none",children:[qi("colgroup",{children:[No("col",{}),No("col",{}),No("col",{})]}),No(ne,{role:"rowgroup",children:qi(k,{role:"row","aria-rowindex":1,children:[No(M,{columnTitle:"Contact Name",role:"columnheader","aria-colindex":1}),No(M,{columnTitle:"Job Title",role:"columnheader","aria-colindex":2}),No(M,{columnTitle:"Country",role:"columnheader","aria-colindex":3})]})})]})})}),No(Lb,{role:"none",children:No("div",{className:"k-grid-pinned-wrap",role:"none",children:qi(de,{role:"none",children:[qi("colgroup",{children:[No("col",{}),No("col",{}),No("col",{})]}),No("tbody",{className:"k-table-tbody",role:"rowgroup","aria-label":"Top pinned rows",children:qi(k,{className:"k-master-row",role:"row","aria-rowindex":1,selected:!0,"aria-selected":"true",children:[No(n,{role:"gridcell","aria-colindex":1,"aria-selected":"true","aria-haspopup":"menu","aria-controls":r,"aria-expanded":"true",children:"Shelden Greyes"}),No(n,{role:"gridcell","aria-colindex":2,"aria-selected":"true","aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:"Operator"}),No(n,{role:"gridcell","aria-colindex":3,"aria-selected":"true","aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:"UK"})]})})]})})}),No(Ne,{children:No(ge,{className:e,children:qi(de,{role:"none",children:[qi("colgroup",{children:[No("col",{}),No("col",{}),No("col",{})]}),qi(ee,{role:"rowgroup",children:[qi(k,{className:"k-master-row",role:"row","aria-rowindex":2,children:[No(n,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:"Sig Jeannel"}),No(n,{role:"gridcell","aria-colindex":2,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:"Human Resources Assistant III"}),No(n,{role:"gridcell","aria-colindex":3,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:"USA"})]}),qi(k,{className:"k-master-row k-pinned-source",role:"row",alt:!0,"aria-rowindex":3,children:[No(n,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:"Shelden Greyes"}),No(n,{role:"gridcell","aria-colindex":2,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:"Operator"}),No(n,{role:"gridcell","aria-colindex":3,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:"UK"})]}),qi(k,{className:"k-master-row",role:"row","aria-rowindex":4,children:[No(n,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:"Ruthi Baldini"}),No(n,{role:"gridcell","aria-colindex":2,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:"Coordinator"}),No(n,{role:"gridcell","aria-colindex":3,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:"Canada"})]})]})]})})})]}),...t}),No(Ce,{className:"k-menu-popup",children:qi(ti,{id:r,children:[No(Xe,{first:!0,text:"Pin row to top",icon:"pin-outline-top"}),No(Xe,{last:!0,text:"Pin row to bottom",icon:"pin-outline-bottom"})]})})]})};import{Fragment as EH,jsx as rt,jsxs as _i}from"react/jsx-runtime";var wYt=({contentClassName:e,...t})=>{let o=b("grid"),r=b("grid-ctx-menu-pin");return _i(EH,{children:[rt(Pe,{_renderAriaRoot:!0,ariaRootId:o,ariaColCount:4,ariaRowCount:5,children:_i(EH,{children:[rt(ve,{children:rt("div",{className:"k-grid-header-wrap",children:_i(he,{role:"none",children:[_i("colgroup",{children:[rt("col",{style:{width:"48px"}}),rt("col",{}),rt("col",{}),rt("col",{})]}),rt(ne,{role:"rowgroup",children:_i(k,{role:"row","aria-rowindex":1,children:[rt(M,{accessibleLabel:"Row actions",role:"columnheader","aria-colindex":1}),rt(M,{columnTitle:"Contact Name",role:"columnheader","aria-colindex":2}),rt(M,{columnTitle:"Job Title",role:"columnheader","aria-colindex":3}),rt(M,{columnTitle:"Country",role:"columnheader","aria-colindex":4})]})})]})})}),rt(Lb,{role:"none",children:rt("div",{className:"k-grid-pinned-wrap",role:"none",children:_i(de,{role:"none",children:[_i("colgroup",{children:[rt("col",{style:{width:"48px"}}),rt("col",{}),rt("col",{}),rt("col",{})]}),rt("tbody",{className:"k-table-tbody",role:"rowgroup","aria-label":"Top pinned rows",children:_i(k,{className:"k-master-row",role:"row","aria-rowindex":1,children:[rt(n,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"true",children:rt("span",{className:"k-pin-cell",children:rt(f,{icon:"unpin-outline",className:"k-action-icon"})})}),rt(n,{role:"gridcell","aria-colindex":2,children:"Shelden Greyes"}),rt(n,{role:"gridcell","aria-colindex":3,children:"Operator"}),rt(n,{role:"gridcell","aria-colindex":4,children:"UK"})]})})]})})}),rt(Ne,{children:rt(ge,{className:e,children:_i(de,{role:"none",children:[_i("colgroup",{children:[rt("col",{style:{width:"48px"}}),rt("col",{}),rt("col",{}),rt("col",{})]}),_i(ee,{role:"rowgroup",children:[_i(k,{className:"k-master-row",role:"row","aria-rowindex":2,children:[rt(n,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:rt("span",{className:"k-pin-cell",children:rt(f,{icon:"pin-outline"})})}),rt(n,{role:"gridcell","aria-colindex":2,children:"Sig Jeannel"}),rt(n,{role:"gridcell","aria-colindex":3,children:"Human Resources Assistant III"}),rt(n,{role:"gridcell","aria-colindex":4,children:"USA"})]}),_i(k,{className:"k-master-row k-pinned-source",role:"row",alt:!0,"aria-rowindex":3,children:[rt(n,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:rt("span",{className:"k-pin-cell",children:rt(f,{icon:"unpin-outline",className:"k-action-icon"})})}),rt(n,{role:"gridcell","aria-colindex":2,children:"Shelden Greyes"}),rt(n,{role:"gridcell","aria-colindex":3,children:"Operator"}),rt(n,{role:"gridcell","aria-colindex":4,children:"UK"})]}),_i(k,{className:"k-master-row",role:"row","aria-rowindex":4,children:[rt(n,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:rt("span",{className:"k-pin-cell",children:rt(f,{icon:"pin-outline"})})}),rt(n,{role:"gridcell","aria-colindex":2,children:"Ruthi Baldini"}),rt(n,{role:"gridcell","aria-colindex":3,children:"Coordinator"}),rt(n,{role:"gridcell","aria-colindex":4,children:"Canada"})]})]})]})})})]}),...t}),rt(Ce,{className:"k-menu-popup",children:_i(ti,{id:r,children:[rt(Xe,{first:!0,text:"Pin row to top",icon:"pin-outline-top"}),rt(Xe,{last:!0,text:"Pin row to bottom",icon:"pin-outline-bottom"})]})})]})};import{Fragment as LH,jsx as lt,jsxs as Ti}from"react/jsx-runtime";var LYt=({contentClassName:e,...t})=>lt(Pe,{_renderAriaRoot:!0,ariaRowCount:5,groupingHeader:lt(Cn,{role:"toolbar","aria-label":"Grouping",children:lt(Dt,{role:"none",children:lt(Qe,{icon:"sort-asc-small",text:"Rating",role:"button",actions:lt(LH,{children:lt(Ve,{type:"remove"})})})})}),children:Ti(LH,{children:[lt(ve,{draggable:!0,children:lt("div",{className:"k-grid-header-wrap",children:Ti(he,{role:"none",children:[Ti("colgroup",{children:[lt("col",{className:"k-group-col"}),lt("col",{}),lt("col",{}),lt("col",{})]}),lt(ne,{role:"rowgroup",children:Ti(k,{role:"row","aria-rowindex":1,children:[lt(M,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),lt(M,{colspan:1,columnTitle:"Contact Name",role:"columnheader"}),lt(M,{colspan:1,columnTitle:"Job Title",role:"columnheader"}),lt(M,{colspan:1,columnTitle:"Country",role:"columnheader"})]})})]})})}),Ti(Ne,{children:[lt(jp,{role:"none",children:Ti(de,{className:"k-grid-group-sticky-header-table",role:"none",children:[Ti("colgroup",{children:[lt("col",{}),lt("col",{}),lt("col",{}),lt("col",{})]}),lt(ee,{role:"rowgroup",children:lt(k,{className:"k-table-group-row k-grouping-row",role:"row","aria-rowindex":2,children:lt(n,{colspan:4,role:"gridcell","aria-expanded":!1,tabIndex:-1,"aria-colindex":1,children:Ti("p",{className:"k-reset",children:[lt(f,{icon:"chevron-right"}),"Rating 3/5"]})})})})]})}),lt(ge,{className:e,children:Ti(de,{role:"none",children:[Ti("colgroup",{children:[lt("col",{className:"k-group-col"}),lt("col",{}),lt("col",{}),lt("col",{})]}),Ti(ee,{role:"rowgroup",children:[lt(k,{className:"k-table-group-row k-grouping-row",role:"row","aria-rowindex":2,children:lt(n,{colspan:4,role:"gridcell","aria-expanded":"true",children:Ti("p",{className:"k-reset",children:[lt(f,{icon:"chevron-down"}),"Rating 5/5"]})})}),Ti(k,{className:"k-master-row",role:"row","aria-rowindex":3,children:[lt(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),lt(n,{colspan:1,role:"gridcell",children:"Shelden Greyes"}),lt(n,{colspan:1,role:"gridcell",children:"Operator"}),lt(n,{colspan:1,role:"gridcell",children:"UK"})]}),Ti(k,{className:"k-master-row",role:"row","aria-rowindex":4,alt:!0,children:[lt(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),lt(n,{colspan:1,role:"gridcell",children:"Nerissa Dapple"}),lt(n,{colspan:1,role:"gridcell",children:"Web Designer"}),lt(n,{colspan:1,role:"gridcell",children:"Norway"})]}),lt(k,{className:"k-group-footer",role:"row","aria-rowindex":5,children:lt(n,{colspan:4,role:"gridcell",children:"Total items: 2"})})]})]})}),lt(jp,{position:"bottom",role:"none",children:Ti(de,{className:"k-grid-group-sticky-footer-table",role:"none",children:[Ti("colgroup",{children:[lt("col",{}),lt("col",{}),lt("col",{}),lt("col",{})]}),lt(ee,{role:"rowgroup",children:lt(k,{className:"k-group-footer",role:"row","aria-rowindex":5,children:lt(n,{colspan:4,role:"gridcell",tabIndex:-1,children:"Total items: 2"})})})]})})]})]}),...t});import{Fragment as IH,jsx as H,jsxs as Ue}from"react/jsx-runtime";var KYt=({className:e,contentClassName:t,...o})=>{let r=b("grid-lc-hdr"),i=b("grid-lc-hdr"),c=b("grid-lc-hdr"),p=b("grid-lc-cell"),h=b("grid-lc-cell"),x=b("grid-lc-cell"),v=b("grid-lc-cell"),w=b("grid-lc-cell"),A=b("grid-lc-cell"),N=b("grid-lc-cell"),B=b("grid-lc-cell"),D=b("grid-lc-cell"),z=b("grid-lc-cell"),U=b("grid-lc-cell"),X=b("grid-lc-cell"),oe=b("grid-lc-cell"),Ie=b("grid-lc-cell"),Re=b("grid-lc-cell"),vt=b("grid-lc-cell"),Lt=b("grid-lc-cell"),Qt=b("grid-lc-cell"),wa=b("grid-lc-cell"),Br=b("grid-lc-cell"),fa=b("grid-lc-cell"),Nr=b("grid-lc-cell"),dl=b("grid-lc-cell"),Nl=b("grid-lc-cell"),Od=b("grid-lc-cell"),Kd=b("grid-lc-cell"),xP=b("grid-lc-cell"),vP=b("grid-lc-cell"),TP=b("grid-lc-cell"),wP=b("grid-lc-cell"),NP=b("grid-lc-cell"),yP=b("grid-lc-cell"),AP=b("grid-lc-cell"),CP=b("grid-lc-cell"),SP=b("grid-lc-cell"),EP=b("grid-lc-cell"),LP=b("grid-lc-cell"),IP=b("grid-lc-cell"),MP=b("grid-lc-cell");return H(Pe,{className:l("k-grid-lockedcolumns",e),_renderAriaRoot:!0,groupingHeader:H(Cn,{role:"toolbar","aria-label":"Grouping",children:H(Dt,{role:"none",children:H(Qe,{icon:"sort-asc-small",text:"Country",role:"button",actions:H(IH,{children:H(Ve,{type:"remove"})})})})}),children:Ue(IH,{children:[Ue(ve,{role:"none",children:[H("div",{className:"k-grid-header-locked",role:"none",style:{width:"400px"},children:Ue(he,{role:"none",children:[Ue("colgroup",{children:[H("col",{className:"k-group-col"}),H("col",{style:{width:"150px"}}),H("col",{style:{width:"250px"}})]}),H(ne,{role:"rowgroup",children:Ue(k,{role:"row","aria-owns":`${r} ${i} ${c}`,children:[H(M,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),H(M,{colspan:1,rowspan:1,columnTitle:"Order ID",role:"columnheader"}),H(M,{colspan:1,rowspan:1,columnTitle:"Ship Name",role:"columnheader"})]})})]})}),H("div",{className:"k-grid-header-wrap k-auto-scrollable",role:"none",style:{width:"581px"},children:Ue(he,{role:"none",children:[Ue("colgroup",{children:[H("col",{style:{width:"300px"}}),H("col",{style:{width:"300px"}}),H("col",{style:{width:"400px"}})]}),H(ne,{role:"none",children:Ue(k,{role:"none",children:[H(M,{colspan:1,rowspan:1,columnTitle:"Ship Country",id:r,role:"columnheader"}),H(M,{colspan:1,rowspan:1,columnTitle:"Ship City",id:i,role:"columnheader"}),H(M,{colspan:1,rowspan:1,columnTitle:"Ship Address",id:c,role:"columnheader"})]})})]})})]}),Ue(Ne,{role:"none",children:[Ue(jp,{role:"none",children:[H("div",{className:"k-grid-content-locked",role:"none",style:{width:"400px"},children:Ue(de,{className:"k-grid-group-sticky-header-table",role:"none",children:[Ue("colgroup",{children:[H("col",{className:"k-group-col"}),H("col",{style:{width:"150px"}}),H("col",{style:{width:"250px"}})]}),Ue(ee,{role:"rowgroup",children:[H(k,{className:"k-table-group-row k-grouping-row",role:"row","aria-rowindex":6,style:{height:"37px"},children:H(n,{colspan:3,role:"gridcell","aria-expanded":"true",tabIndex:-1,children:Ue("p",{className:"k-reset",children:[H(f,{icon:"chevron-down"}),"Country: Germany"]})})}),Ue(k,{className:"k-master-row",alt:!0,role:"row","aria-rowindex":7,"aria-owns":`${p} ${h} ${x}`,style:{height:"36px"},children:[H(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),H(n,{role:"gridcell",tabIndex:-1,children:"10249"}),H(n,{role:"gridcell",tabIndex:-1,children:"Toms Spezialit\xE4ten"})]})]})]})}),H("div",{className:"k-grid-header-wrap",role:"none",children:Ue(de,{className:"k-grid-group-sticky-header-table",role:"none",children:[Ue("colgroup",{children:[H("col",{style:{width:"300px"}}),H("col",{style:{width:"300px"}}),H("col",{style:{width:"400px"}})]}),Ue(ee,{role:"rowgroup",children:[H(k,{className:"k-table-group-row k-grouping-row",role:"row","aria-rowindex":6,style:{height:"37px"},children:H(n,{colspan:3,role:"gridcell",tabIndex:-1,children:H("p",{className:"k-reset"})})}),Ue(k,{className:"k-master-row",alt:!0,role:"row","aria-rowindex":7,style:{height:"36px"},children:[H(n,{id:p,role:"gridcell",tabIndex:-1,children:"Germany"}),H(n,{id:h,role:"gridcell",tabIndex:-1,children:"M\xFCnster"}),H(n,{id:x,role:"gridcell",tabIndex:-1,children:"Luisenstr. 48"})]})]})]})})]}),H("div",{className:"k-grid-content-locked",role:"none",style:{width:"400px",height:"464px"},children:Ue(de,{role:"none",children:[Ue("colgroup",{children:[H("col",{className:"k-group-col"}),H("col",{style:{width:"150px"}}),H("col",{style:{width:"250px"}})]}),Ue(ee,{role:"rowgroup",children:[H(k,{className:"k-table-group-row k-grouping-row",role:"row",style:{height:"37px"},children:H(n,{colspan:3,role:"gridcell",children:Ue("p",{className:"k-reset",children:[H(f,{icon:"chevron-down"}),"Country: France"]})})}),Ue(k,{className:"k-master-row",role:"row","aria-owns":`${v} ${w} ${A}`,style:{height:"36px"},children:[H(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),H(n,{role:"gridcell",children:"10248"}),H(n,{role:"gridcell",children:"Vins et alcools Chevalier"})]}),Ue(k,{className:"k-master-row",alt:!0,role:"row","aria-owns":`${N} ${B} ${D}`,style:{height:"36px"},children:[H(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),H(n,{role:"gridcell",children:"10251"}),H(n,{role:"gridcell",children:"Victuailles en stock"})]}),Ue(k,{className:"k-master-row",role:"row","aria-owns":`${z} ${U} ${X}`,style:{height:"36px"},children:[H(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),H(n,{role:"gridcell",children:"10265"}),H(n,{role:"gridcell",children:"Blondel p\xE8re et fils"})]}),Ue(k,{className:"k-group-footer",role:"row","aria-owns":`${vP} ${TP} ${wP}`,style:{height:"37px"},children:[H(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),H(n,{role:"gridcell"}),H(n,{role:"gridcell",children:"Total items: 3"})]}),H(k,{className:"k-table-group-row k-grouping-row",role:"row",style:{height:"37px"},children:H(n,{colspan:3,role:"gridcell",children:Ue("p",{className:"k-reset",children:[H(f,{icon:"chevron-down"}),"Country: Germany"]})})}),Ue(k,{className:"k-master-row",alt:!0,role:"row","aria-owns":`${oe} ${Ie} ${Re}`,style:{height:"36px"},children:[H(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),H(n,{role:"gridcell",children:"10249"}),H(n,{role:"gridcell",children:"Toms Spezialit\xE4ten"})]}),Ue(k,{className:"k-master-row",role:"row","aria-owns":`${vt} ${Lt} ${Qt}`,style:{height:"36px"},children:[H(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),H(n,{role:"gridcell",children:"10253"}),H(n,{role:"gridcell",children:"Toms Spezialit\xE4ten"})]}),Ue(k,{className:"k-master-row",alt:!0,role:"row","aria-owns":`${wa} ${Br} ${fa}`,style:{height:"36px"},children:[H(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),H(n,{role:"gridcell",children:"10260"}),H(n,{role:"gridcell",children:"Ottilies K\xE4seladen"})]}),Ue(k,{className:"k-group-footer",role:"row","aria-owns":`${NP} ${yP} ${AP}`,style:{height:"37px"},children:[H(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),H(n,{role:"gridcell"}),H(n,{role:"gridcell",children:"Total items: 3"})]}),H(k,{className:"k-table-group-row k-grouping-row",role:"row",style:{height:"37px"},children:H(n,{colspan:3,role:"gridcell",children:Ue("p",{className:"k-reset",children:[H(f,{icon:"chevron-down"}),"Country: Brazil"]})})}),Ue(k,{className:"k-master-row",role:"row","aria-owns":`${Nr} ${dl} ${Nl}`,style:{height:"36px"},children:[H(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),H(n,{role:"gridcell",children:"10250"}),H(n,{role:"gridcell",children:"Hanari Carnes"})]}),Ue(k,{className:"k-master-row",alt:!0,role:"row","aria-owns":`${Od} ${Kd} ${xP}`,style:{height:"36px"},children:[H(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),H(n,{role:"gridcell",children:"10254"}),H(n,{role:"gridcell",children:"Hanari Carnes"})]}),Ue(k,{className:"k-group-footer",role:"row","aria-owns":`${CP} ${SP} ${EP}`,style:{height:"37px"},children:[H(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),H(n,{role:"gridcell"}),H(n,{role:"gridcell",children:"Total items: 2"})]})]})]})}),H(ge,{className:l("k-auto-scrollable",t),role:"none",style:{width:"605px",height:"465px"},children:Ue(de,{role:"none",children:[Ue("colgroup",{children:[H("col",{style:{width:"300px"}}),H("col",{style:{width:"300px"}}),H("col",{style:{width:"400px"}})]}),Ue(ee,{role:"none",children:[H(k,{className:"k-table-group-row k-grouping-row",role:"none",style:{height:"37px"},children:H(n,{colspan:3,role:"none",children:H("p",{className:"k-reset"})})}),Ue(k,{className:"k-master-row",role:"none",style:{height:"36px"},children:[H(n,{id:v,role:"gridcell",children:"France"}),H(n,{id:w,role:"gridcell",children:"Reims"}),H(n,{id:A,role:"gridcell",children:"59 rue de l'Abbaye"})]}),Ue(k,{className:"k-master-row",alt:!0,role:"none",style:{height:"36px"},children:[H(n,{id:N,role:"gridcell",children:"France"}),H(n,{id:B,role:"gridcell",children:"Lyon"}),H(n,{id:D,role:"gridcell",children:"2, rue du Commerce"})]}),Ue(k,{className:"k-master-row",role:"none",style:{height:"36px"},children:[H(n,{id:z,role:"gridcell",children:"France"}),H(n,{id:U,role:"gridcell",children:"Strasbourg"}),H(n,{id:X,role:"gridcell",children:"24, place Kl\xE9ber"})]}),Ue(k,{className:"k-group-footer",role:"none",style:{height:"37px"},children:[H(n,{id:vP,role:"gridcell"}),H(n,{id:TP,role:"gridcell"}),H(n,{id:wP,role:"gridcell"})]}),H(k,{className:"k-table-group-row k-grouping-row",role:"none",style:{height:"37px"},children:H(n,{colspan:3,role:"none",children:H("p",{className:"k-reset"})})}),Ue(k,{className:"k-master-row",alt:!0,role:"none",style:{height:"36px"},children:[H(n,{id:oe,role:"gridcell",children:"Germany"}),H(n,{id:Ie,role:"gridcell",children:"M\xFCnster"}),H(n,{id:Re,role:"gridcell",children:"Luisenstr. 48"})]}),Ue(k,{className:"k-master-row",role:"none",style:{height:"36px"},children:[H(n,{id:vt,role:"gridcell",children:"Germany"}),H(n,{id:Lt,role:"gridcell",children:"M\xFCnster"}),H(n,{id:Qt,role:"gridcell",children:"Luisenstr. 48"})]}),Ue(k,{className:"k-master-row",alt:!0,role:"none",style:{height:"36px"},children:[H(n,{id:wa,role:"gridcell",children:"Germany"}),H(n,{id:Br,role:"gridcell",children:"K\xF6ln"}),H(n,{id:fa,role:"gridcell",children:"Mehrheimerstr. 369"})]}),Ue(k,{className:"k-group-footer",role:"none",style:{height:"37px"},children:[H(n,{id:NP,role:"gridcell"}),H(n,{id:yP,role:"gridcell"}),H(n,{id:AP,role:"gridcell"})]}),H(k,{className:"k-table-group-row k-grouping-row",role:"none",style:{height:"37px"},children:H(n,{colspan:3,role:"none",children:H("p",{className:"k-reset"})})}),Ue(k,{className:"k-master-row",role:"none",style:{height:"36px"},children:[H(n,{id:Nr,role:"gridcell",children:"Brazil"}),H(n,{id:dl,role:"gridcell",children:"Rio de Janeiro"}),H(n,{id:Nl,role:"gridcell",children:"Rua do Pa\xE7o, 67"})]}),Ue(k,{className:"k-master-row",alt:!0,role:"none",style:{height:"36px"},children:[H(n,{id:Od,role:"gridcell",children:"Brazil"}),H(n,{id:Kd,role:"gridcell",children:"Rio de Janeiro"}),H(n,{id:xP,role:"gridcell",children:"Rua do Pa\xE7o, 67"})]}),Ue(k,{className:"k-group-footer",role:"none",style:{height:"37px"},children:[H(n,{id:CP,role:"gridcell"}),H(n,{id:SP,role:"gridcell"}),H(n,{id:EP,role:"gridcell"})]})]})]})}),Ue(jp,{position:"bottom",role:"none",children:[H("div",{className:"k-grid-content-locked",role:"none",style:{width:"400px"},children:Ue(de,{className:"k-grid-group-sticky-footer-table",role:"none",children:[Ue("colgroup",{children:[H("col",{className:"k-group-col"}),H("col",{style:{width:"150px"}}),H("col",{style:{width:"250px"}})]}),H(ee,{role:"rowgroup",children:Ue(k,{className:"k-group-footer",role:"row","aria-rowindex":5,"aria-owns":`${LP} ${IP} ${MP}`,children:[H(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),H(n,{role:"gridcell",tabIndex:-1}),H(n,{role:"gridcell",tabIndex:-1,children:"Total items: 3"})]})})]})}),H("div",{className:"k-grid-footer-wrap",role:"none",children:Ue(de,{className:"k-grid-group-sticky-footer-table",role:"none",children:[Ue("colgroup",{children:[H("col",{style:{width:"300px"}}),H("col",{style:{width:"300px"}}),H("col",{style:{width:"400px"}})]}),H(ee,{role:"rowgroup",children:Ue(k,{className:"k-group-footer",role:"row","aria-rowindex":5,style:{height:"37px"},children:[H(n,{id:LP,role:"gridcell",tabIndex:-1}),H(n,{id:IP,role:"gridcell",tabIndex:-1}),H(n,{id:MP,role:"gridcell",tabIndex:-1})]})})]})})]})]})]}),...o})};import{Fragment as Fy,jsx as $,jsxs as xa}from"react/jsx-runtime";var xpe=Pe.options,vpe=Pe.states,MH={...Pe.defaultOptions,variant:"normal"},Tpe=[{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"}],wpe=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],Pg=e=>{let{variant:t,modifiers:o,...r}={...MH,...e},i={toolbar:void 0,pager:void 0},c=xa(Qi,{children:[$(d,{icon:"plus",children:"Add New"}),$(d,{icon:"file-pdf",children:"Export to PDF"}),$("span",{className:"k-spacer"}),$(ue,{prefix:$(f,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),p=$(Ia,{pageSizes:!1,refresh:!1});Object.keys(o||{}).forEach(v=>{switch(v){case"toolbar":i.toolbar=o?.[v]?c:void 0;break;case"pager":i.pager=o?.[v]?p:void 0;break;default:return}});let h={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},x=xa(Fy,{children:[$(ve,{children:$("div",{className:"k-grid-header-wrap",children:xa(he,{children:[xa("colgroup",{children:[$("col",{}),$("col",{}),$("col",{}),$("col",{})]}),$(ne,{children:xa(k,{children:[$(M,{...h[t],columnTitle:"ID"}),$(M,{...h[t],columnTitle:"Product Name"}),$(M,{...h[t],columnTitle:"Units in Stock"}),$(M,{...h[t],columnTitle:"Units Price"})]})})]})})}),$(Ne,{children:$(ge,{children:xa(de,{children:[xa("colgroup",{children:[$("col",{}),$("col",{}),$("col",{}),$("col",{})]}),xa(ee,{children:[xa(k,{children:[$(n,{children:"1"}),$(n,{children:"Chai"}),$(n,{children:"39"}),$(n,{children:"18"})]}),xa(k,{alt:!0,children:[$(n,{children:"2"}),$(n,{children:"Chang"}),$(n,{children:"17"}),$(n,{children:"19"})]}),xa(k,{children:[$(n,{children:"3"}),$(n,{children:"Aniseed Syrup"}),$(n,{children:"13"}),$(n,{children:"10"})]}),xa(k,{alt:!0,children:[$(n,{children:"4"}),$(n,{children:"Chef Anton's Cajun Seasoning"}),$(n,{children:"53"}),$(n,{children:"22"})]}),xa(k,{children:[$(n,{children:"5"}),$(n,{children:"Chef Anton's Gumbo Mix"}),$(n,{children:"0"}),$(n,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return $(TH,{...r,...i});case"editing":return $(wH,{...r,...i});case"grouping":return $(xH,{...r,...i,groupingHeader:$(Cn,{children:xa(Dt,{children:[$(Qe,{icon:"sort-asc-small",actions:xa(Fy,{children:[$(Ve,{type:"more"}),$(Ve,{type:"remove"})]}),children:"ID"}),$(Qe,{icon:"sort-desc-small",actions:xa(Fy,{children:[$(Ve,{type:"more"}),$(Ve,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return $(Pe,{...r,...i,children:xa(Fy,{children:[$(ve,{children:xa("div",{className:"k-grid-header-wrap",children:[" ",xa(he,{children:[xa("colgroup",{children:[$("col",{className:"k-drag-col"}),$("col",{}),$("col",{}),$("col",{}),$("col",{})]}),$(ne,{children:xa(k,{children:[$(M,{className:"k-drag-cell",accessibleLabel:"Reorder"}),$(M,{columnTitle:"ID"}),$(M,{columnTitle:"Product Name"}),$(M,{columnTitle:"Units in Stock"}),$(M,{columnTitle:"Units Price"})]})})]})]})}),$(Ne,{children:$(ge,{children:xa(de,{children:[xa("colgroup",{children:[$("col",{className:"k-drag-col"}),$("col",{}),$("col",{}),$("col",{}),$("col",{})]}),xa(ee,{children:[xa(k,{children:[$(n,{className:"k-drag-cell",children:$(f,{icon:"reorder"})}),$(n,{children:"1"}),$(n,{children:"Chai"}),$(n,{children:"39"}),$(n,{children:"18"})]}),xa(k,{alt:!0,children:[$(n,{className:"k-drag-cell",children:$(f,{icon:"reorder"})}),$(n,{children:"2"}),$(n,{children:"Chang"}),$(n,{children:"17"}),$(n,{children:"19"})]}),xa(k,{children:[$(n,{className:"k-drag-cell",children:$(f,{icon:"reorder"})}),$(n,{children:"3"}),$(n,{children:"Aniseed Syrup"}),$(n,{children:"13"}),$(n,{children:"10"})]}),xa(k,{alt:!0,children:[$(n,{className:"k-drag-cell",children:$(f,{icon:"reorder"})}),$(n,{children:"4"}),$(n,{children:"Chef Anton's Cajun Seasoning"}),$(n,{children:"53"}),$(n,{children:"22"})]}),xa(k,{children:[$(n,{className:"k-drag-cell",children:$(f,{icon:"reorder"})}),$(n,{children:"5"}),$(n,{children:"Chef Anton's Gumbo Mix"}),$(n,{children:"0"}),$(n,{children:"21.35"})]})]})]})})})]})});case"filter-row":return $(kH,{...r,...i});default:return $(Pe,{...r,...i,children:x})}};Pg.options=xpe;Pg.states=vpe;Pg.variants=Tpe;Pg.defaultOptions=MH;Pg.modifiers=wpe;Pg.className=Pe.className;import{Fragment as BH,jsx as At,jsxs as qp}from"react/jsx-runtime";var t0t=e=>At(Nn,{children:At(BH,{children:At(Vc,{panes:[At(Me,{className:"k-chart-wizard-preview-pane",children:At(Up,{children:At("div",{className:"k-chart",style:{position:"relative",height:"400px"},children:qp("svg",{style:{width:"100%",height:"100%",overflow:"hidden"},xmlns:"http://www.w3.org/2000/svg",version:"1.1",children:[At("rect",{width:"100%",height:"100%",fill:"var(--kendo-chart-bg, #fff)"}),At("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"),At(Me,{className:"k-chart-wizard-property-pane",flexBasis:"300px",collapsible:!0,children:At(La,{tabStripItems:qp(BH,{children:[At(Ze,{first:!0,value:"Chart"}),At(Ze,{value:"Data",active:!0}),At(Ze,{last:!0,value:"Format"})]}),children:At(Da,{active:!0,children:At(Ea,{expanded:!0,title:"Configuration",children:qp(wo,{formButtons:"",children:[At(za,{legend:"X axis (category)",children:At(xe,{label:"Category",editorId:"cw-data-category",editor:At(ae,{id:"cw-data-category","aria-labelledby":"cw-data-category-label",value:"Current item",fillMode:"outline"})})}),At(za,{legend:"Series",children:At(Pe,{_renderAriaRoot:!0,"aria-label":"Data series",toolbar:At(Qi,{children:At(d,{icon:"plus",fillMode:"flat",children:"Add"})}),children:At(Ne,{children:At(ge,{children:qp(de,{role:"none",children:[qp("colgroup",{children:[At("col",{style:{width:"40px"}}),At("col",{}),At("col",{style:{width:"80px"}})]}),qp(ee,{children:[qp(k,{className:"k-master-row",children:[At(n,{className:"k-drag-cell",children:At(f,{icon:"reorder","aria-hidden":"true"})}),At(n,{children:"Series Name"}),At(n,{className:"k-command-cell",children:At(d,{icon:"trash",fillMode:"flat","aria-label":"Delete series"})})]}),qp(k,{className:"k-master-row",alt:!0,children:[At(n,{className:"k-drag-cell",children:At(f,{icon:"reorder","aria-hidden":"true"})}),At(n,{children:"Series Name"}),At(n,{className:"k-command-cell",children:At(d,{icon:"trash",fillMode:"flat","aria-label":"Delete series"})})]}),qp(k,{className:"k-master-row",children:[At(n,{className:"k-drag-cell",children:At(f,{icon:"reorder","aria-hidden":"true"})}),At(n,{children:"Series Name"}),At(n,{className:"k-command-cell",children:At(d,{icon:"trash",fillMode:"flat","aria-label":"Delete series"})})]})]})]})})})})}),At(za,{legend:"Y axis (value)",children:At(xe,{label:"Value",editorId:"cw-data-value",editor:At(ae,{id:"cw-data-value","aria-labelledby":"cw-data-value-label",value:"Current item",fillMode:"outline"})})})]})})})})},"pane-2")]})}),...e});import{Fragment as zy,jsx as le,jsxs as oi}from"react/jsx-runtime";var h0t=e=>le(Nn,{children:le(zy,{children:le(Vc,{panes:[le(Me,{className:"k-chart-wizard-preview-pane",children:le(Up,{children:le("div",{className:"k-chart",style:{position:"relative",height:"400px"},children:oi("svg",{style:{width:"100%",height:"100%",overflow:"hidden"},xmlns:"http://www.w3.org/2000/svg",version:"1.1",children:[le("rect",{width:"100%",height:"100%",fill:"var(--kendo-chart-bg, #fff)"}),le("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"),le(Me,{className:"k-chart-wizard-property-pane",flexBasis:"300px",collapsible:!0,children:le(La,{tabStripItems:oi(zy,{children:[le(Ze,{first:!0,value:"Chart"}),le(Ze,{value:"Data"}),le(Ze,{last:!0,value:"Format",active:!0})]}),children:oi(Da,{active:!0,children:[le(Ea,{expanded:!0,title:"Chart area",children:oi(wo,{children:[oi(za,{legend:"Margins",layout:"grid",cols:2,gutters:{cols:"16px"},children:[le(xe,{label:"Left",editorId:"cw-margin-left",editor:le(qe,{id:"cw-margin-left",placeholder:"Auto",showClearButton:!1,fillMode:"outline"})}),le(xe,{label:"Right",editorId:"cw-margin-right",editor:le(qe,{id:"cw-margin-right",placeholder:"Auto",showClearButton:!1,fillMode:"outline"})}),le(xe,{label:"Top",editorId:"cw-margin-top",editor:le(qe,{id:"cw-margin-top",placeholder:"Auto",showClearButton:!1,fillMode:"outline"})}),le(xe,{label:"Bottom",editorId:"cw-margin-bottom",editor:le(qe,{id:"cw-margin-bottom",placeholder:"Auto",showClearButton:!1,fillMode:"outline"})})]}),le(za,{legend:"Background",children:le(xe,{label:"Color",editorId:"cw-bg-color",editor:le(Pa,{id:"cw-bg-color","aria-labelledby":"cw-bg-color-label",fillMode:"outline"})})})]})}),le(Ea,{expanded:!0,title:"Title",children:oi(wo,{layout:"grid",cols:2,gutters:{cols:"16px"},children:[le(xe,{colSpan:"2",label:"Apply to",editorId:"cw-title-apply",editor:le(ae,{id:"cw-title-apply","aria-labelledby":"cw-title-apply-label",value:"Chart title",fillMode:"outline"})}),le(xe,{colSpan:"2",label:"Title",editorId:"cw-title-text",editor:le(ue,{id:"cw-title-text",placeholder:"Chart title",fillMode:"outline"})}),le(xe,{colSpan:"2",label:"Font",editorId:"cw-title-font",editor:le(qt,{id:"cw-title-font",placeholder:"(Inherited font)",fillMode:"outline"})}),le(xe,{label:"Size",editorId:"cw-title-size",editor:le(qt,{id:"cw-title-size",placeholder:"px",fillMode:"outline"})}),le(xe,{label:"Color",editorId:"cw-title-color",editor:le(Pa,{id:"cw-title-color","aria-labelledby":"cw-title-color-label",fillMode:"outline"})})]})}),le(Ea,{expanded:!0,title:"Series",children:oi(wo,{children:[le(xe,{label:"Apply to",editorId:"cw-series-apply",editor:le(ae,{id:"cw-series-apply","aria-labelledby":"cw-series-apply-label",value:"All Series",fillMode:"outline"})}),le(xe,{label:"Color",editorId:"cw-series-color",editor:le(Pa,{id:"cw-series-color","aria-labelledby":"cw-series-color-label",fillMode:"outline"})}),le(xe,{editor:oi(zy,{children:[le(uo,{id:"cw-series-labels"}),le("label",{className:"k-checkbox-label",htmlFor:"cw-series-labels",children:"Show Labels"})]})})]})}),le(Ea,{expanded:!0,title:"Legend",children:oi(wo,{layout:"grid",cols:2,gutters:{cols:"16px"},children:[le(xe,{colSpan:"2",editor:oi("div",{className:"k-d-flex k-align-items-center k-gap-2",children:[le("label",{className:"k-label",id:"cw-legend-toggle-label",children:"Show Legend"}),le(ka,{"aria-labelledby":"cw-legend-toggle-label",onLabel:"On",offLabel:"Off",checked:!0})]})}),le(xe,{colSpan:"2",label:"Font",editorId:"cw-legend-font",editor:le(qt,{id:"cw-legend-font",placeholder:"(Inherited font)",fillMode:"outline"})}),le(xe,{label:"Size",editorId:"cw-legend-size",editor:le(qt,{id:"cw-legend-size",placeholder:"px",fillMode:"outline"})}),le(xe,{label:"Color",editorId:"cw-legend-color",editor:le(Pa,{id:"cw-legend-color","aria-labelledby":"cw-legend-color-label",fillMode:"outline"})}),le(xe,{colSpan:"2",label:"Position",editorId:"cw-legend-position",editor:le(ae,{id:"cw-legend-position","aria-labelledby":"cw-legend-position-label",value:"Top",fillMode:"outline"})})]})}),le(Ea,{expanded:!0,title:"Category axis",children:oi(wo,{children:[oi(za,{legend:"Title",layout:"grid",cols:2,gutters:{cols:"16px"},children:[le(xe,{colSpan:"2",label:"Axis title",editorId:"cw-cat-axis-title",editor:le(ue,{id:"cw-cat-axis-title",placeholder:"Axis Title",fillMode:"outline"})}),le(xe,{colSpan:"2",label:"Font",editorId:"cw-cat-title-font",editor:le(qt,{id:"cw-cat-title-font",placeholder:"(Inherited font)",fillMode:"outline"})}),le(xe,{label:"Size",editorId:"cw-cat-title-size",editor:le(qt,{id:"cw-cat-title-size",placeholder:"px",fillMode:"outline"})}),le(xe,{label:"Color",editorId:"cw-cat-title-color",editor:le(Pa,{id:"cw-cat-title-color","aria-labelledby":"cw-cat-title-color-label",fillMode:"outline"})})]}),oi(za,{legend:"Labels",layout:"grid",cols:2,gutters:{cols:"16px"},children:[le(xe,{colSpan:"2",label:"Font",editorId:"cw-cat-label-font",editor:le(qt,{id:"cw-cat-label-font",placeholder:"(Inherited font)",fillMode:"outline"})}),le(xe,{label:"Size",editorId:"cw-cat-label-size",editor:le(qt,{id:"cw-cat-label-size",placeholder:"px",fillMode:"outline"})}),le(xe,{label:"Color",editorId:"cw-cat-label-color",editor:le(Pa,{id:"cw-cat-label-color","aria-labelledby":"cw-cat-label-color-label",fillMode:"outline"})}),le(xe,{label:"Rotation",editorId:"cw-cat-label-rotation",editor:le(ae,{id:"cw-cat-label-rotation","aria-labelledby":"cw-cat-label-rotation-label",value:"0\xB0",fillMode:"outline"})}),le("span",{}),le(xe,{colSpan:"2",editor:oi(zy,{children:[le(uo,{id:"cw-cat-reverse"}),le("label",{className:"k-checkbox-label",htmlFor:"cw-cat-reverse",children:"Reverse order"})]})})]})]})}),le(Ea,{expanded:!0,title:"Value axis",children:oi(wo,{children:[oi(za,{legend:"Title",layout:"grid",cols:2,gutters:{cols:"16px"},children:[le(xe,{colSpan:"2",label:"Axis title",editorId:"cw-val-axis-title",editor:le(ue,{id:"cw-val-axis-title",placeholder:"Axis Title",fillMode:"outline"})}),le(xe,{colSpan:"2",label:"Font",editorId:"cw-val-title-font",editor:le(qt,{id:"cw-val-title-font",placeholder:"(Inherited font)",fillMode:"outline"})}),le(xe,{label:"Size",editorId:"cw-val-title-size",editor:le(qt,{id:"cw-val-title-size",placeholder:"px",fillMode:"outline"})}),le(xe,{label:"Color",editorId:"cw-val-title-color",editor:le(Pa,{id:"cw-val-title-color","aria-labelledby":"cw-val-title-color-label",fillMode:"outline"})})]}),oi(za,{legend:"Labels",layout:"grid",cols:2,gutters:{cols:"16px"},children:[le(xe,{colSpan:"2",label:"Label Format",editorId:"cw-val-label-format",editor:le(ae,{id:"cw-val-label-format","aria-labelledby":"cw-val-label-format-label",value:"Number",fillMode:"outline"})}),le(xe,{colSpan:"2",label:"Font",editorId:"cw-val-label-font",editor:le(qt,{id:"cw-val-label-font",placeholder:"(Inherited font)",fillMode:"outline"})}),le(xe,{label:"Size",editorId:"cw-val-label-size",editor:le(qt,{id:"cw-val-label-size",placeholder:"px",fillMode:"outline"})}),le(xe,{label:"Color",editorId:"cw-val-label-color",editor:le(Pa,{id:"cw-val-label-color","aria-labelledby":"cw-val-label-color-label",fillMode:"outline"})}),le(xe,{label:"Rotation",editorId:"cw-val-label-rotation",editor:le(ae,{id:"cw-val-label-rotation","aria-labelledby":"cw-val-label-rotation-label",value:"0\xB0",fillMode:"outline"})})]})]})})]})})},"pane-2")]})}),...e});var EM="appbar",PH=EM;import{jsx as Cpe}from"react/jsx-runtime";var LM="k-appbar",Npe=[],ype={themeColor:[K.undefined,K.base,K.primary,K.secondary,K.tertiary,K.inverse]},Ape={},ai=e=>{let{themeColor:t,positionMode:o,position:r,...i}=e;return Cpe("div",{...i,className:l(e.className,LM,J(LM,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${r}`]:r}),children:e.children})};ai.states=Npe;ai.options=ype;ai.className=LM;ai.defaultOptions=Ape;ai.moduleName=EM;ai.folderName=PH;ai.ariaSpec={selector:".k-appbar",rules:[]};import{jsx as Epe}from"react/jsx-runtime";var Spe="k-appbar-section",Bs=e=>{let{...t}=e;return Epe("div",{...t,className:l(Spe,e.className),children:e.children})};import{Fragment as Lpe,jsx as Ps,jsxs as IM}from"react/jsx-runtime";var Y0t=e=>Ps(ai,{children:IM(Lpe,{children:[Ps(Bs,{children:Ps(f,{icon:"menu"})}),Ps("span",{className:"k-spacer k-spacer-sized"}),Ps(Bs,{children:Ps("h1",{className:"title",children:"Page Title"})}),Ps(Bs,{children:IM("ul",{children:[Ps("li",{children:"Menu Item"}),Ps("li",{children:"Menu Item"}),Ps("li",{children:"Menu Item"})]})}),Ps("span",{className:"k-spacer"}),IM(Bs,{children:[Ps(f,{icon:"bell"}),Ps("span",{className:"k-appbar-separator"}),Ps(f,{icon:"user"})]})]}),...e});import{jsx as jr,jsxs as Dg}from"react/jsx-runtime";var MM={...ai.options,positionMode:["static","sticky","fixed"]},Ipe=ai.states,DH={...ai.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};MM.themeColor=["primary",...MM.themeColor.filter(e=>e!=="primary")];var Mpe=[{name:"top",title:"Top"},{name:"bottom",title:"Bottom"}],Rg=e=>{let{variant:t,...o}={...DH,...e},r=Dg(ai,{position:t,...o,children:[jr(Bs,{children:jr(Ye,{fillMode:"flat",icon:"menu"})}),jr("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),jr(Bs,{children:jr("h3",{className:"k-m-0",children:"AppBar"})}),jr("span",{className:"k-spacer"}),Dg(Bs,{children:[jr(Gr,{fillMode:"flat",children:"Button"}),jr(Gr,{fillMode:"flat",children:"Button"}),jr(Gr,{fillMode:"flat",children:"Button"})]}),jr("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),jr(Bs,{children:jr(xf,{value:"Input value"})}),Dg(Bs,{children:[jr(Ye,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),jr("span",{className:"k-appbar-separator"}),jr(Ww,{className:"k-mx-sm",children:jr("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})]})]}),i=Dg("div",{style:{padding:"25px 10px"},children:[jr("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!"}),jr("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?"}),jr("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!"}),jr("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"?Dg("div",{style:{height:"250px",overflow:"auto"},children:[i,r]}):Dg("div",{style:{height:"250px",overflow:"auto"},children:[r,i]})};Rg.options=MM;Rg.states=Ipe;Rg.variants=Mpe;Rg.defaultOptions=DH;Rg.modifiers=[];Rg.className=ai.className;var BM="bottom-navigation",RH=BM;import{jsx as Dpe}from"react/jsx-runtime";var Wy="k-bottom-nav",Bpe=[m.disabled],Ppe={fillMode:[S.undefined,S.solid,S.flat],themeColor:[K.undefined,K.base,K.primary,K.secondary,K.tertiary,K.inverse]},PM={flow:"horizontal",border:!1},qr=e=>{let{disabled:t,fillMode:o,themeColor:r,flow:i=PM.flow,border:c=PM.border,positionMode:p,dir:h}=e;return Dpe("nav",{className:l(e.className,Wy,J(Wy,{fillMode:o,themeColor:r}),{[`k-bottom-nav-item-flow-${i}`]:i,"k-bottom-nav-border":c,[`k-pos-${p}`]:p},L(Wy,{disabled:t})),dir:h,"aria-label":"Bottom navigation",children:e.children})};qr.states=Bpe;qr.options=Ppe;qr.className=Wy;qr.defaultOptions=PM;qr.moduleName=BM;qr.folderName=RH;qr.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."}]};import{jsx as Vy,jsxs as Ype}from"react/jsx-runtime";var DM="k-bottom-nav-item",Rpe=[m.focus,m.selected,m.disabled],Ope={},Kpe={},va=e=>{let{focus:t,selected:o,disabled:r,icon:i,text:c,link:p}=e;return Ype("span",{className:l(DM,L(DM,{focus:t,selected:o,disabled:r})),role:"link",...o&&{"aria-current":"true"},...!c&&!p&&i&&{"aria-label":i},children:[i&&Vy(f,{className:"k-bottom-nav-item-icon",icon:i,size:"xlarge"}),c&&Vy("span",{className:"k-bottom-nav-item-text",children:c}),p&&Vy("div",{className:"k-bottom-nav-link",children:Vy("span",{children:p})})]})};va.states=Rpe;va.options=Ope;va.className=DM;va.defaultOptions=Kpe;import{Fragment as Gpe,jsx as Qy,jsxs as Hpe}from"react/jsx-runtime";var RM=e=>Qy(qr,{children:Hpe(Gpe,{children:[Qy(va,{icon:"envelope",text:"BottomNavItem"}),Qy(va,{icon:"envelope",text:"BottomNavItem"}),Qy(va,{icon:"envelope",text:"BottomNavItem"})]}),...e});import{Fragment as Fpe,jsx as Xy,jsxs as zpe}from"react/jsx-runtime";var uHt=e=>Xy(qr,{children:zpe(Fpe,{children:[Xy(va,{icon:"envelope"}),Xy(va,{icon:"envelope"}),Xy(va,{icon:"envelope"})]}),...e});import{Fragment as Wpe,jsx as Zy,jsxs as Vpe}from"react/jsx-runtime";var gHt=e=>Zy(qr,{children:Vpe(Wpe,{children:[Zy(va,{link:"LinkItem"}),Zy(va,{link:"LinkItem"}),Zy(va,{link:"LinkItem"})]}),...e});import{Fragment as Qpe,jsx as Uy,jsxs as Xpe}from"react/jsx-runtime";var THt=e=>Uy(qr,{children:Xpe(Qpe,{children:[Uy(va,{icon:"envelope",text:"Inbox"}),Uy(va,{icon:"calendar",text:"Calendar",selected:!0}),Uy(va,{icon:"gear",text:"Settings"})]}),...e});import{jsx as uu,jsxs as OH}from"react/jsx-runtime";var Zpe=qr.options,Upe=qr.states,Jpe={...qr.defaultOptions,variant:"vertical"},jpe=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],qpe=[],Og=e=>{let{variant:t,...o}=e;return t==="horizontal"?OH(RM,{border:!0,flow:"horizontal",...o,children:[uu(va,{icon:"envelope",text:"Label"}),uu(va,{icon:"chart-pie",text:"Label",selected:!0}),uu(va,{icon:"gear",text:"Label"}),uu(va,{icon:"more-horizontal",text:"Label"})]}):OH(RM,{border:!0,flow:"vertical",...o,children:[uu(va,{icon:"envelope",text:"Label"}),uu(va,{icon:"chart-pie",text:"Label",selected:!0}),uu(va,{icon:"gear",text:"Label"}),uu(va,{icon:"more-vertical",text:"Label"})]})};Og.options=Zpe;Og.states=Upe;Og.variants=jpe;Og.defaultOptions=Jpe;Og.modifiers=qpe;Og.className=qr.className;var OM="breadcrumb",KH=OM;import{jsx as eme}from"react/jsx-runtime";var Jy="k-breadcrumb",_pe=[m.focus],$pe={size:[g.undefined,g.small,g.medium,g.large]},YH={collapsing:"auto"},vr=e=>{let{size:t,collapsing:o=YH.collapsing,focus:r,...i}=e;return eme("nav",{...i,className:l(e.className,Jy,L(Jy,{focus:r}),J(Jy,{size:t}),{"k-breadcrumb-wrap":o==="wrap"}),"aria-label":"Breadcrumb",children:e.children})};vr.states=_pe;vr.options=$pe;vr.className=Jy;vr.defaultOptions=YH;vr.moduleName=OM;vr.folderName=KH;vr.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."}]};import{jsx as ome}from"react/jsx-runtime";var tme="k-breadcrumb-root-item-container",GH=e=>{let{...t}=e;return ome("ol",{...t,className:l(e.className,tme),children:e.children})};import{jsx as rme}from"react/jsx-runtime";var ame="k-breadcrumb-input-container",ZHt=e=>{let{...t}=e;return rme("div",{...t,className:l(e.className,ame),children:e.children})};import{jsx as sme}from"react/jsx-runtime";var lme="k-breadcrumb-container",ime={collapsing:"auto"},Pl=e=>{let{collapsing:t=ime.collapsing,...o}=e;return sme("ol",{...o,className:l(e.className,lme,{"!k-flex-wrap":t==="wrap","k-flex-none":t==="none"}),children:e.children})};import{jsx as dme}from"react/jsx-runtime";var nme="k-breadcrumb-item",io=e=>{let{root:t,last:o,...r}=e;return dme("li",{...r,className:l(e.className,nme,{"k-breadcrumb-root-item":t,"k-breadcrumb-last-item":o}),children:e.children})};import{jsx as mme}from"react/jsx-runtime";var cme="",pme=[m.hover,m.focus,m.disabled],eo=e=>{let{root:t,icon:o,icontext:r,hover:i,focus:c,disabled:p,last:h,...x}=e;return mme("a",{href:"#",...x,className:l(e.className,L(cme,{hover:i,focus:c,disabled:p}),{"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})};eo.states=pme;import{jsx as bme}from"react/jsx-runtime";var ume="k-breadcrumb-item-text",Qa=e=>{let{text:t,...o}=e,r=t||e.children;return bme("span",{...o,className:l(e.className,ume),children:r})};import{Fragment as fme,jsx as Ds,jsxs as vT}from"react/jsx-runtime";var c4t=({dir:e,...t})=>Ds(vr,{collapsing:"auto",children:Ds(fme,{children:vT(Pl,{collapsing:"auto",children:[vT(io,{root:!0,children:[vT(eo,{root:!0,icontext:!0,children:[Ds(f,{icon:"home"}),Ds(Qa,{text:"Home"})]}),Ds(f,{className:"k-breadcrumb-delimiter-icon",icon:`chevron-${e==="rtl"?"left":"right"}`,size:"xsmall"})]}),vT(io,{children:[Ds(eo,{children:Ds(Qa,{text:"First item"})}),Ds(f,{className:"k-breadcrumb-delimiter-icon",icon:`chevron-${e==="rtl"?"left":"right"}`,size:"xsmall"})]}),vT(io,{children:[Ds(eo,{children:Ds(Qa,{text:"Second item"})}),Ds(f,{className:"k-breadcrumb-delimiter-icon",icon:`chevron-${e==="rtl"?"left":"right"}`,size:"xsmall"})]}),Ds(io,{last:!0,children:Ds(eo,{last:!0,children:Ds(Qa,{text:"Third item"})})})]})}),...t});import{Fragment as hme,jsx as Rs,jsxs as TT}from"react/jsx-runtime";var f4t=({dir:e,...t})=>Rs(vr,{collapsing:"none",children:Rs(hme,{children:TT(Pl,{collapsing:"none",children:[TT(io,{root:!0,children:[TT(eo,{root:!0,icontext:!0,children:[Rs(f,{icon:"home"}),Rs(Qa,{text:"Home"})]}),Rs(f,{className:"k-breadcrumb-delimiter-icon",icon:`chevron-${e==="rtl"?"left":"right"}`,size:"xsmall"})]}),TT(io,{children:[Rs(eo,{children:Rs(Qa,{text:"First item"})}),Rs(f,{className:"k-breadcrumb-delimiter-icon",icon:`chevron-${e==="rtl"?"left":"right"}`,size:"xsmall"})]}),TT(io,{children:[Rs(eo,{children:Rs(Qa,{text:"Second item"})}),Rs(f,{className:"k-breadcrumb-delimiter-icon",icon:`chevron-${e==="rtl"?"left":"right"}`,size:"xsmall"})]}),Rs(io,{last:!0,children:Rs(eo,{last:!0,children:Rs(Qa,{text:"Third item"})})})]})}),...t});import{Fragment as gme,jsx as _r,jsxs as bu}from"react/jsx-runtime";var v4t=({dir:e,...t})=>_r(vr,{collapsing:"wrap",children:bu(gme,{children:[_r(GH,{children:_r(io,{root:!0,children:bu(eo,{root:!0,icontext:!0,children:[_r(f,{icon:"home"}),_r(Qa,{text:"Home"})]})})}),bu(Pl,{collapsing:"wrap",children:[bu(io,{children:[_r(f,{className:"k-breadcrumb-delimiter-icon",icon:`chevron-${e==="rtl"?"left":"right"}`,size:"xsmall"}),_r(eo,{children:_r(Qa,{text:"First Item"})})]}),bu(io,{children:[_r(f,{className:"k-breadcrumb-delimiter-icon",icon:`chevron-${e==="rtl"?"left":"right"}`,size:"xsmall"}),_r(eo,{children:_r(Qa,{text:"Second Item"})})]}),bu(io,{children:[_r(f,{className:"k-breadcrumb-delimiter-icon",icon:`chevron-${e==="rtl"?"left":"right"}`,size:"xsmall"}),_r(eo,{children:_r(Qa,{text:"Third Item"})})]}),bu(io,{children:[_r(f,{className:"k-breadcrumb-delimiter-icon",icon:`chevron-${e==="rtl"?"left":"right"}`,size:"xsmall"}),_r(eo,{children:_r(Qa,{text:"Fourth Item"})})]}),bu(io,{last:!0,children:[_r(f,{className:"k-breadcrumb-delimiter-icon",icon:`chevron-${e==="rtl"?"left":"right"}`,size:"xsmall"}),_r(eo,{last:!0,children:_r(Qa,{text:"Fifth Item"})})]})]})]}),...t});import{jsx as to,jsxs as wi}from"react/jsx-runtime";var kme=vr.options,xme=vr.states,vme={...vr.defaultOptions,variant:"text"},Tme=[{name:"text",title:"Text"},{name:"icon",title:"Icon"},{name:"icon-and-text",title:"Icon & Text"}],wme=[],Kg=e=>{let{variant:t,...o}=e;switch(t){case"icon":return to(vr,{...o,children:wi(Pl,{children:[wi(io,{root:!0,children:[to(eo,{root:!0,icon:!0,onClick:r=>r.preventDefault(),children:to(f,{icon:"cart"})}),to(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),wi(io,{children:[to(eo,{icon:!0,onClick:r=>r.preventDefault(),children:to(f,{icon:"js"})}),to(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),wi(io,{children:[to(eo,{icon:!0,onClick:r=>r.preventDefault(),children:to(f,{icon:"truck"})}),to(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),to(io,{last:!0,children:to(eo,{icon:!0,onClick:r=>r.preventDefault(),children:to(f,{icon:"wallet-outline"})})})]})});case"icon-and-text":return to(vr,{...o,children:wi(Pl,{children:[wi(io,{root:!0,children:[wi(eo,{root:!0,icontext:!0,onClick:r=>r.preventDefault(),children:[to(f,{icon:"cart"}),to(Qa,{text:"Cart"})]}),to(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),wi(io,{children:[wi(eo,{icontext:!0,onClick:r=>r.preventDefault(),children:[to(f,{icon:"js"}),to(Qa,{text:"Billing"})]}),to(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),wi(io,{children:[wi(eo,{icontext:!0,onClick:r=>r.preventDefault(),children:[to(f,{icon:"truck"}),to(Qa,{text:"Shipping"})]}),to(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),to(io,{last:!0,children:wi(eo,{icontext:!0,onClick:r=>r.preventDefault(),children:[to(f,{icon:"wallet-outline"}),to(Qa,{text:"Payment"})]})})]})});default:return to(vr,{...o,children:wi(Pl,{children:[wi(io,{root:!0,children:[to(eo,{root:!0,onClick:r=>r.preventDefault(),children:to(Qa,{text:"Cart"})}),to(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),wi(io,{children:[to(eo,{onClick:r=>r.preventDefault(),children:to(Qa,{text:"Billing"})}),to(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),wi(io,{children:[to(eo,{onClick:r=>r.preventDefault(),children:to(Qa,{text:"Shipping"})}),to(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),to(io,{last:!0,children:to(eo,{onClick:r=>r.preventDefault(),children:to(Qa,{text:"Payment"})})})]})})}};Kg.options=kme;Kg.states=xme;Kg.variants=Tme;Kg.defaultOptions=vme;Kg.modifiers=wme;Kg.className=vr.className;var KM="stepper",HH=KM;import{jsx as Cme}from"react/jsx-runtime";var FH="k-stepper",Nme=[],yme={},Ame={},ma=e=>{let{style:t,...o}=e;return Cme("nav",{...o,style:t,className:l(e.className,FH),"aria-label":"Stepper",children:e.children})};ma.options=yme;ma.states=Nme;ma.className=FH;ma.defaultOptions=Ame;ma.moduleName=KM;ma.folderName=HH;ma.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."}]};import{jsx as Lme}from"react/jsx-runtime";var YM="k-step-list",Sme=[],Eme={},zH={orientation:"horizontal"},Tr=e=>{let{style:t,orientation:o=zH.orientation,wizardContext:r,...i}=e;return Lme("ol",{...i,style:t,className:l(e.className,YM,{[`${YM}-${o}`]:o}),...r&&{role:"tablist"},children:e.children})};Tr.options=Eme;Tr.states=Sme;Tr.className=YM;Tr.defaultOptions=zH;import{jsx as Jc,jsxs as GM}from"react/jsx-runtime";var jc="k-step",Ime=[m.disabled,m.hover,m.focus,m.invalid,m.valid],Mme={},Bme={},Ct=e=>{let{style:t,disabled:o,hover:r,focus:i,invalid:c,valid:p,optional:h,first:x,done:v,current:w,last:A,label:N,text:B,icon:D,stepContent:z,wizardContext:U,ariaControls:X,...oe}=e,Ie=c?"warning-circle":"check-circle",Re=!!(p||c),vt=N||(B?`Step ${B}`:D?"Step":void 0);return GM("li",{...oe,style:t,className:l(e.className,jc,{[`${jc}-done`]:v,[`${jc}-first`]:x,[`${jc}-current`]:w,[`${jc}-last`]:A,[`${jc}-optional`]:h,[`${jc}-success`]:p,[`${jc}-error`]:c},L(jc,{hover:r,focus:i,disabled:o})),...U&&{role:"none"},children:[GM("a",{href:"#",className:"k-step-link",...U&&{role:"tab"},...X&&{"aria-controls":X},...w&&{"aria-current":U?"true":"step"},...w&&U&&{"aria-selected":"true"},...o&&{"aria-disabled":"true"},tabIndex:i||w?0:-1,"aria-label":vt,children:[B&&!D&&Jc("span",{className:"k-step-indicator",children:Jc("span",{className:"k-step-indicator-text",children:B})}),D&&Jc("span",{className:"k-step-indicator",children:Jc(f,{className:"k-step-indicator-icon",icon:D})}),h&&!N&&Jc("span",{className:"k-step-label",children:Jc("span",{className:"k-step-label-optional",children:"(Optional)"})}),N&&GM("span",{className:"k-step-label",children:[Jc("span",{className:"k-step-text",children:N}),Re&&Jc(f,{icon:Ie}),h&&Jc("span",{className:"k-step-label-optional",children:"(Optional)"})]})]}),z&&Jc("div",{className:"k-step-content",style:{height:"140px"},children:z})]})};Ct.options=Mme;Ct.states=Ime;Ct.className=jc;Ct.defaultOptions=Bme;import{Fragment as Pme,jsx as wT,jsxs as WH}from"react/jsx-runtime";var rFt=({gridTemplateColumns:e="repeat(6, 1fr)",...t})=>wT(ma,{style:{display:"grid",gridTemplateColumns:e},children:WH(Pme,{children:[WH(Tr,{style:{gridColumnStart:"1",gridColumnEnd:"-1"},children:[wT(Ct,{first:!0,done:!0,icon:"check",style:{maxWidth:"33.333%"}}),wT(Ct,{current:!0,focus:!0,text:"2",style:{maxWidth:"33.333%"}}),wT(Ct,{last:!0,optional:!0,text:"3",style:{maxWidth:"33.333%"}})]}),wT(ir,{label:!1,value:"50"})]}),...t});import{Fragment as Dme,jsx as NT,jsxs as VH}from"react/jsx-runtime";var dFt=({gridTemplateRows:e="repeat(3, 1fr)",...t})=>NT(ma,{style:{display:"grid",gridTemplateRows:e},children:VH(Dme,{children:[VH(Tr,{orientation:"vertical",style:{gridRowStart:"1",gridRowEnd:"-1"},children:[NT(Ct,{first:!0,done:!0,icon:"check",style:{maxHeight:"33.333%"}}),NT(Ct,{current:!0,focus:!0,text:"2",style:{maxHeight:"33.333%"}}),NT(Ct,{last:!0,optional:!0,text:"3",style:{maxHeight:"33.333%"}})]}),NT(ir,{orientation:"vertical",reverse:!0,label:!1,value:"50"})]}),...t});import{Fragment as Rme,jsx as yT,jsxs as QH}from"react/jsx-runtime";var bFt=({gridTemplateColumns:e="repeat(6, 1fr)",...t})=>yT(ma,{style:{display:"grid",gridTemplateColumns:e},children:QH(Rme,{children:[QH(Tr,{style:{gridColumnStart:"1",gridColumnEnd:"-1"},children:[yT(Ct,{first:!0,done:!0,icon:"check",style:{maxWidth:"33.333%"}}),yT(Ct,{current:!0,focus:!0,text:"2",style:{maxWidth:"33.333%"}}),yT(Ct,{last:!0,disabled:!0,text:"3",style:{maxWidth:"33.333%"}})]}),yT(ir,{label:!1,value:"50"})]}),...t});import{jsx as fu,jsxs as jy}from"react/jsx-runtime";var Ome=ma.options,Kme=ma.states,XH={...ma.defaultOptions,variant:"horizontal"},Yme=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Gme=[{name:"label",title:"Label"},{name:"optional",title:"Optional"}],Yg=e=>{let{variant:t,modifiers:o,...r}={...XH,...e},i={};return Object.keys(o||{}).forEach(c=>{switch(c){case"label":{i.label=o?.[c]?"Label":void 0;break}case"optional":{i.optional=!!o?.[c];break}}}),t==="vertical"?jy(ma,{style:{display:"grid",gridTemplateRows:"repeat(3, 1fr)"},...r,children:[jy(Tr,{orientation:"vertical",style:{gridRowStart:"1",gridRowEnd:"-1"},children:[fu(Ct,{first:!0,done:!0,icon:"check",label:i.label,style:{maxHeight:"33.333%"}}),fu(Ct,{current:!0,focus:!0,text:"2",label:i.label,style:{maxHeight:"33.333%"}}),fu(Ct,{last:!0,optional:i.optional,text:"3",label:i.label,style:{maxHeight:"33.333%"}})]}),fu(ir,{className:"k-top-5 k-row-start-1 k-row-end-3",orientation:"vertical",reverse:!0,label:!1,value:"50"})]}):jy(ma,{style:{display:"grid",gridTemplateColumns:"repeat(6, 1fr)"},...r,children:[jy(Tr,{style:{gridColumnStart:"1",gridColumnEnd:"-1"},children:[fu(Ct,{first:!0,done:!0,icon:"check",label:i.label,style:{maxWidth:"33.333%"}}),fu(Ct,{current:!0,focus:!0,text:"2",label:i.label,style:{maxWidth:"33.333%"}}),fu(Ct,{last:!0,optional:i.optional,text:"3",label:i.label,style:{maxWidth:"33.333%"}})]}),fu(ir,{className:"k-col-start-2 k-col-end-6",style:{width:"400px"},label:!1,value:"50"})]})};Yg.options=Ome;Yg.states=Kme;Yg.variants=Yme;Yg.defaultOptions=XH;Yg.modifiers=Gme;Yg.className=ma.className;var HM="wizard",ZH=HM;import{jsx as zme}from"react/jsx-runtime";var AT="k-wizard",Hme=[m.disabled],Fme={},FM={orientation:"horizontal",contentPosition:"right"},Dl=e=>{let{disabled:t,orientation:o=FM.orientation,contentPosition:r=FM.contentPosition,...i}=e;return zme("div",{...i,className:l(e.className,AT,L(AT,{disabled:t}),{[`${AT}-${o}`]:o,[`${AT}-${r}`]:r&&o!=="horizontal"}),children:e.children})};Dl.states=Hme;Dl.options=Fme;Dl.className=AT;Dl.defaultOptions=FM;Dl.moduleName=HM;Dl.folderName=ZH;Dl.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."}]};import{Fragment as Xme,jsx as Gg,jsxs as WM}from"react/jsx-runtime";var zM="k-wizard-step",Wme=[m.focus],Vme={},Qme=WM(Xme,{children:[Gg("span",{className:"k-wizard-buttons-left",children:Gg("span",{className:"k-wizard-pager",children:"Step 2 of 3"})}),WM("span",{className:"k-wizard-buttons-right",children:[Gg(d,{children:"Previous"}),Gg(d,{themeColor:"primary",children:"Next"})]})]}),UH={buttons:Qme},Os=e=>{let{focus:t,buttons:o=UH.buttons,stepLabel:r,...i}=e;return WM("div",{...i,className:l(e.className,zM,L(zM,{focus:t})),role:"tabpanel","aria-label":r||"Step",tabIndex:0,children:[Gg("div",{className:"k-wizard-content",children:e.children}),o&&Gg("div",{className:"k-wizard-buttons",children:o})]})};Os.states=Wme;Os.options=Vme;Os.className=zM;Os.defaultOptions=UH;import{jsx as jme}from"react/jsx-runtime";var JH="k-wizard-steps",Zme=[],Ume={},Jme={},Ks=e=>jme("div",{...e,className:l(e.className,JH),children:e.children});Ks.states=Zme;Ks.options=Ume;Ks.className=JH;Ks.defaultOptions=Jme;import{Fragment as qme,jsx as Mb,jsxs as VM}from"react/jsx-runtime";var jH=({...e})=>Mb(Dl,{id:"wizard",children:VM(qme,{children:[VM(ma,{style:{display:"grid",gridTemplateColumns:"repeat(6, 1fr)"},children:[VM(Tr,{wizardContext:!0,style:{gridColumnStart:"1",gridColumnEnd:"-1"},children:[Mb(Ct,{first:!0,done:!0,icon:"check",style:{maxWidth:"33.333%"},wizardContext:!0}),Mb(Ct,{current:!0,focus:!0,text:"2",style:{maxWidth:"33.333%"},wizardContext:!0}),Mb(Ct,{last:!0,optional:!0,text:"3",style:{maxWidth:"33.333%"},wizardContext:!0})]}),Mb(ir,{label:!1,value:"50","aria-hidden":"true"})]}),Mb(Ks,{children:Mb(Os,{stepLabel:"Step 2 of 3",children:"Short content"})})]}),...e});import{Fragment as _me,jsx as Bb,jsxs as QM}from"react/jsx-runtime";var XM=({...e})=>Bb(Dl,{id:"wizard",orientation:"vertical",children:QM(_me,{children:[QM(ma,{style:{display:"grid",gridTemplateRows:"repeat(3, 1fr)"},children:[QM(Tr,{wizardContext:!0,orientation:"vertical",style:{gridRowStart:"1",gridRowEnd:"-1"},children:[Bb(Ct,{first:!0,done:!0,icon:"check",style:{maxHeight:"33.333%"},wizardContext:!0}),Bb(Ct,{current:!0,focus:!0,text:"2",style:{maxHeight:"33.333%"},wizardContext:!0}),Bb(Ct,{last:!0,optional:!0,text:"3",style:{maxHeight:"33.333%"},wizardContext:!0})]}),Bb(ir,{orientation:"vertical",reverse:!0,label:!1,value:"50","aria-hidden":"true"})]}),Bb(Ks,{children:Bb(Os,{stepLabel:"Step 2 of 3",children:"Short content"})})]}),...e});import{Fragment as $me,jsx as Pb,jsxs as ZM}from"react/jsx-runtime";var azt=({...e})=>Pb(Dl,{id:"wizard-aria",children:ZM($me,{children:[ZM(ma,{style:{display:"grid",gridTemplateColumns:"repeat(6, 1fr)"},children:[ZM(Tr,{wizardContext:!0,style:{gridColumnStart:"1",gridColumnEnd:"-1"},children:[Pb(Ct,{first:!0,done:!0,icon:"check",style:{maxWidth:"33.333%"},wizardContext:!0}),Pb(Ct,{current:!0,focus:!0,text:"2",style:{maxWidth:"33.333%"},wizardContext:!0,ariaControls:"wizard-step-2"}),Pb(Ct,{last:!0,disabled:!0,text:"3",style:{maxWidth:"33.333%"},wizardContext:!0})]}),Pb(ir,{label:!1,value:"50","aria-hidden":"true"})]}),Pb(Ks,{children:Pb(Os,{id:"wizard-step-2",stepLabel:"Step 2 of 3",children:"Short content"})})]}),...e});import{jsx as Rl,jsxs as _p}from"react/jsx-runtime";var eue=Dl.options,tue=Dl.states,oue={...Dl.defaultOptions,variant:"bottom"},aue=[{name:"bottom",title:"Content Bottom"},{name:"right",title:"Content Right"},{name:"left",title:"Content Left"}],rue=[],Hg=e=>{let{variant:t,...o}=e;switch(t){case"right":return _p(XM,{...o,children:[_p(ma,{style:{display:"grid",gridTemplateRows:"repeat(3, 1fr)"},children:[_p(Tr,{orientation:"vertical",style:{gridRowStart:"1",gridRowEnd:"-1"},children:[Rl(Ct,{first:!0,done:!0,text:"1",label:"Step 1",style:{maxHeight:"33.333%"}}),Rl(Ct,{current:!0,focus:!0,text:"2",label:"Step 2",style:{maxHeight:"33.333%"}}),Rl(Ct,{last:!0,text:"3",label:"Step 3",style:{maxHeight:"33.333%"}})]}),Rl(ir,{className:"k-top-5 k-row-start-1 k-row-end-3",orientation:"vertical",reverse:!0,label:!1,value:"50"})]}),Rl(Ks,{children:Rl(Os,{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 _p(XM,{contentPosition:"left",...o,children:[_p(ma,{style:{display:"grid",gridTemplateRows:"repeat(3, 1fr)"},children:[_p(Tr,{orientation:"vertical",style:{gridRowStart:"1",gridRowEnd:"-1"},children:[Rl(Ct,{first:!0,done:!0,text:"1",label:"Step 1",style:{maxHeight:"33.333%"}}),Rl(Ct,{current:!0,focus:!0,text:"2",label:"Step 2",style:{maxHeight:"33.333%"}}),Rl(Ct,{last:!0,text:"3",label:"Step 3",style:{maxHeight:"33.333%"}})]}),Rl(ir,{className:"k-top-5 k-row-start-1 k-row-end-3",orientation:"vertical",reverse:!0,label:!1,value:"50"})]}),Rl(Ks,{children:Rl(Os,{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 _p(jH,{...o,children:[_p(ma,{style:{display:"grid",gridTemplateColumns:"repeat(6, 1fr)"},children:[_p(Tr,{style:{gridColumnStart:"1",gridColumnEnd:"-1"},children:[Rl(Ct,{first:!0,done:!0,icon:"check",label:"Step 1",style:{maxWidth:"33.333%"}}),Rl(Ct,{current:!0,focus:!0,text:"2",label:"Step 2",style:{maxWidth:"33.333%"}}),Rl(Ct,{last:!0,text:"3",label:"Step 3",style:{maxWidth:"33.333%"}})]}),Rl(ir,{className:"k-col-start-2 k-col-end-6",label:!1,value:"50"})]}),Rl(Ks,{children:Rl(Os,{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."})})]})}};Hg.options=eue;Hg.states=tue;Hg.variants=aue;Hg.defaultOptions=oue;Hg.modifiers=rue;Hg.className=Dl.className;import{jsx as iue}from"react/jsx-runtime";var lue="k-card-callout",qy=e=>{let{callout:t,...o}=e;return iue("span",{...o,className:l(e.className,lue,{[`k-callout-${tn.calloutMap[t]||t}`]:t})})};var In="card",Cd=In;import{Fragment as cue,jsx as qH,jsxs as pue}from"react/jsx-runtime";var UM="k-card",sue=[m.hover,m.focus,m.selected,m.disabled],nue={},due={},Lo=e=>{let{orientation:t,callout:o,hover:r,focus:i,selected:c,disabled:p,...h}=e;return pue("div",{...h,className:l(e.className,UM,L(UM,{hover:r,focus:i,disabled:p,selected:c}),{[`k-card-${t}`]:t,"k-card-with-callout":o}),children:[o&&o!=="true"&&qH(qy,{callout:o}),qH(cue,{children:e.children})]})};Lo.states=sue;Lo.options=nue;Lo.className=UM;Lo.defaultOptions=due;Lo.moduleName=In;Lo.folderName=Cd;Lo.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."}]};import{Fragment as fue,jsx as _H}from"react/jsx-runtime";var JM="k-card-list",mue=[],uue={},bue={},$p=e=>{let{...t}=e;return _H("div",{...t,className:l(e.className,JM,L(JM,{})),role:"list",children:_H(fue,{children:e.children})})};$p.states=mue;$p.options=uue;$p.className=JM;$p.defaultOptions=bue;$p.moduleName=In;$p.folderName=Cd;$p.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."}]};import{jsx as xue}from"react/jsx-runtime";var $H="k-card-group",hue=[],gue={},kue={},Fg=e=>{let{...t}=e;return xue("div",{...t,className:l(e.className,$H),children:e.children})};Fg.states=hue;Fg.options=gue;Fg.className=$H;Fg.defaultOptions=kue;Fg.moduleName=In;Fg.folderName=Cd;import{jsx as Nue}from"react/jsx-runtime";var jM="k-card-wrap",vue=[m.focus,m.selected],Tue={},wue={},zg=e=>{let{focus:t,selected:o,...r}=e;return Nue("div",{...r,className:l(e.className,jM,L(jM,{focus:t,selected:o})),children:e.children})};zg.states=vue;zg.options=Tue;zg.className=jM;zg.defaultOptions=wue;zg.moduleName=In;zg.folderName=Cd;import{jsx as Aue}from"react/jsx-runtime";var qM="k-card-title",yue=[m.hover,m.focus],_d=e=>{let{hover:t,focus:o,...r}=e;return Aue("div",{...r,className:l(e.className,qM,L(qM,{hover:t,focus:o})),children:e.children})};_d.states=yue;_d.className=qM;import{jsx as Sue}from"react/jsx-runtime";var Cue="k-card-subtitle",qc=e=>{let{...t}=e;return Sue("div",{...t,className:l(e.className,Cue),children:e.children})};import{Fragment as t4,jsx as _y}from"react/jsx-runtime";var e4="k-card-media",_M=e=>{let{src:t,...o}=e;return _y(t4,{children:t?_y("img",{...o,className:l(e.className,e4),src:t}):_y("span",{...o,className:l(e.className,e4),children:_y(t4,{children:e.children})})})};import{Fragment as Lue,jsx as CT,jsxs as Iue}from"react/jsx-runtime";var Eue="k-card-header",qo=e=>{let{title:t,subtitle:o,details:r,...i}=e;return Iue("div",{...i,className:l(e.className,Eue),children:[t&&CT(_d,{children:t}),o&&CT(qc,{children:o}),CT(Lue,{children:e.children}),r&&CT("span",{className:"k-card-header-actions",children:CT(d,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};import{jsx as Bue}from"react/jsx-runtime";var Mue="k-card-footer",$M=e=>{let{...t}=e;return Bue("div",{...t,className:l(e.className,Mue),children:e.children})};import{Fragment as Due,jsx as ST,jsxs as Rue}from"react/jsx-runtime";var Pue="k-card-body",Ut=e=>{let{title:t,subtitle:o,details:r,...i}=e;return Rue("div",{...i,className:l(e.className,Pue),children:[t&&ST(_d,{children:t}),o&&ST(qc,{children:o}),ST(Due,{children:e.children}),r&&ST("span",{className:"k-card-header-actions",children:ST(d,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};import{jsx as Gue}from"react/jsx-runtime";var o4="k-card-deck",Oue=[],Kue={},Yue={},Wg=e=>{let{...t}=e;return Gue("div",{...t,className:l(e.className,o4),children:e.children})};Wg.states=Oue;Wg.options=Kue;Wg.className=o4;Wg.defaultOptions=Yue;Wg.moduleName=In;Wg.folderName=Cd;import{jsx as Wue}from"react/jsx-runtime";var a4="k-card-deck-scrollwrap",Hue=[],Fue={},zue={},Vg=e=>{let{...t}=e;return Wue("div",{...t,className:l(e.className,a4),children:e.children})};Vg.states=Hue;Vg.options=Fue;Vg.className=a4;Vg.defaultOptions=zue;Vg.moduleName=In;Vg.folderName=Cd;import{Fragment as Vue,jsx as Qg,jsxs as r4}from"react/jsx-runtime";var l4=e=>Qg(Lo,{orientation:"vertical",children:r4(Vue,{children:[Qg(qo,{children:"Card Header"}),Qg(Ut,{children:Qg("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),r4(Be,{className:"k-card-actions",children:[Qg(d,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),Qg(d,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...e});import{Fragment as Que,jsx as ET,jsxs as i4}from"react/jsx-runtime";var s4=e=>ET(Lo,{orientation:"horizontal",children:i4(Que,{children:[ET(Ut,{title:"Card Title",children:ET("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),i4(Be,{orientation:"vertical",className:"k-card-actions",children:[ET(d,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),ET(d,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...e});import{jsx as Sd,jsxs as eB}from"react/jsx-runtime";var K8t=e=>{let t=b("card-title"),o=b("card-title");return eB($p,{...e,children:[eB(Lo,{orientation:"vertical",role:"listitem",tabIndex:0,"aria-describedby":t,"aria-keyshortcuts":"Enter",children:[Sd("div",{className:"k-card-header",children:Sd(_d,{id:t,children:"Card Title 1"})}),Sd(Ut,{children:Sd("p",{children:"Some quick example text to build on the card title."})}),Sd(Be,{className:"k-card-actions",children:Sd(d,{fillMode:"flat",themeColor:"primary",children:"Action 1"})})]}),eB(Lo,{orientation:"vertical",role:"listitem",tabIndex:0,"aria-describedby":o,"aria-keyshortcuts":"Enter",children:[Sd("div",{className:"k-card-header",children:Sd(_d,{id:o,children:"Card Title 2"})}),Sd(Ut,{children:Sd("p",{children:"Another card's content."})}),Sd(Be,{className:"k-card-actions",children:Sd(d,{fillMode:"flat",themeColor:"primary",children:"Action 2"})})]})]})};import{jsx as $i,jsxs as LT}from"react/jsx-runtime";var Xue=Lo.options,Zue=Lo.states,n4={...Lo.defaultOptions,variant:"vertical"},Uue=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Jue=[{name:"media",title:"Card with Media"},{name:"header",title:"Card with Header"},{name:"footer",title:"Card with Footer"}],Xg=e=>{let{variant:t,modifiers:o,...r}={...n4,...e},i=!1,c=!1,p=!1;return Object.keys(o||{}).forEach(h=>{switch(h){case"media":{i=!!o?.[h];break}case"header":{c=!!o?.[h];break}case"footer":{p=!!o?.[h];break}}}),t==="horizontal"?LT(s4,{style:{maxWidth:"420px"},...r,children:[i&&$i(_M,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),LT("div",{children:[c&&$i(qo,{title:"Header Title",subtitle:"Header Subtitle"}),$i(Ut,{title:"Title",subtitle:"Subtitle",children:$i("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),p&&$i($M,{children:"Card Footer"})]}),(c||p)&&$i("span",{className:"k-separator k-separator-vertical"}),LT(Be,{orientation:"vertical",alignment:"stretched",className:"k-card-actions",children:[$i(d,{fillMode:"flat",themeColor:"primary",children:"Button"}),$i(d,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]}):LT(l4,{style:{maxHeight:"450px",width:"300px"},...r,children:[c&&$i(qo,{title:"Header Title",subtitle:"Header Subtitle"}),i&&$i(_M,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),$i(Ut,{title:"Title",subtitle:"Subtitle",children:$i("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),p&&$i($M,{children:"Card Footer"}),LT(Be,{className:"k-card-actions",children:[$i(d,{fillMode:"flat",themeColor:"primary",children:"Button"}),$i(d,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]})};Xg.options=Xue;Xg.states=Zue;Xg.variants=Uue;Xg.defaultOptions=n4;Xg.modifiers=Jue;Xg.className=Lo.className;var tB="panelbar",d4=tB;import{jsx as $ue}from"react/jsx-runtime";var c4="k-panelbar",jue=[],que={},_ue={},Ol=e=>{let{activeDescendant:t,...o}=e;return $ue("ul",{...o,className:l(e.className,c4),role:"tree","aria-activedescendant":t,children:e.children})};Ol.states=jue;Ol.options=que;Ol.className=c4;Ol.defaultOptions=_ue;Ol.moduleName=tB;Ol.folderName=d4;Ol.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."}]};import oB from"react";import{jsx as $y,jsxs as p4}from"react/jsx-runtime";var m4="k-panelbar-item",ebe=[m.hover,m.focus,m.selected,m.disabled],tbe={},eA={level:0,expanded:!1,text:"Item"},We=e=>{let{text:t=eA.text,level:o=eA.level,expanded:r=eA.expanded,header:i,hover:c,focus:p,selected:h,disabled:x,icon:v,iconClass:w,ariaSelected:A,children:N,...B}=e,D=!!N;return p4("li",{...B,className:l(e.className,m4,{"k-panelbar-header":i,[`k-level-${o}`]:o||o===0,"k-expanded":r}),role:"treeitem","aria-expanded":D?r?"true":"false":void 0,"aria-selected":A?"true":"false","aria-disabled":x?"true":void 0,children:[p4("span",{className:l("k-link",L("k-link",{hover:c,focus:p,disabled:x,selected:h})),children:[v&&$y(f,{className:"k-panelbar-item-icon",icon:v}),w&&!v&&$y("span",{className:`k-panelbar-item-icon ${w}`}),$y("span",{className:"k-panelbar-item-text",children:t}),D&&$y(f,{className:l("k-panelbar-toggle",r?"k-panelbar-collapse":"k-panelbar-expand"),icon:`chevron-${r?"up":"down"}`})]}),r&&N,!r&&N&&oB.Children.map(N,z=>oB.isValidElement(z)?oB.cloneElement(z,{"aria-hidden":"true",style:{display:"none"}}):z)]})};We.states=ebe;We.options=tbe;We.className=m4;We.defaultOptions=eA;import{jsx as lbe}from"react/jsx-runtime";var u4="k-panelbar-group",obe=[],abe={},rbe={},ri=e=>{let{ariaHidden:t,...o}=e;return lbe("ul",{...o,className:l(e.className,u4),role:"group","aria-hidden":t?"true":void 0,children:e.children})};ri.states=obe;ri.options=abe;ri.className=u4;ri.defaultOptions=rbe;import{jsx as dbe}from"react/jsx-runtime";var b4="k-panelbar-content",ibe=[],sbe={},nbe={},Ar=e=>{let{...t}=e;return dbe("div",{...t,className:l(e.className,b4),children:e.children})};Ar.states=ibe;Ar.options=sbe;Ar.className=b4;Ar.defaultOptions=nbe;import{Fragment as cbe,jsx as hu,jsxs as pbe}from"react/jsx-runtime";var Zg=e=>{let t=b("pb-item"),o=b("pb-item"),r=b("pb-item"),i=b("pb-item");return hu(Ol,{children:pbe(cbe,{children:[hu(We,{header:!0,text:"Item 1",id:t,children:hu(Ar,{children:"content"})}),hu(We,{header:!0,text:"Item 2",id:o,children:hu(Ar,{children:"content"})}),hu(We,{header:!0,text:"Item 3",id:r,children:hu(Ar,{children:"content"})}),hu(We,{header:!0,text:"Item 4",id:i})]}),...e})};import{Fragment as mbe,jsx as em,jsxs as ube}from"react/jsx-runtime";var YWt=e=>{let t=b("pb-item"),o=b("pb-item"),r=b("pb-item"),i=b("pb-item");return em(Ol,{activeDescendant:t,children:ube(mbe,{children:[em(We,{header:!0,expanded:!0,text:"Item 1",id:t,ariaSelected:!0,focus:!0,children:em(Ar,{children:em("p",{children:"Paragraph content in template."})})}),em(We,{header:!0,text:"Item 2",id:o,children:em(Ar,{children:"content"})}),em(We,{header:!0,text:"Item 3",id:r,children:em(Ar,{children:"content"})}),em(We,{header:!0,text:"Item 4",id:i})]}),...e})};import{Fragment as bbe,jsx as es,jsxs as aB}from"react/jsx-runtime";var f4=e=>{let t=b("pb-item"),o=b("pb-item"),r=b("pb-item"),i=b("pb-item"),c=b("pb-child"),p=b("pb-child"),h=b("pb-child"),x=b("pb-child"),v=b("pb-child"),w=b("pb-child"),A=b("pb-child");return es(Ol,{activeDescendant:o,children:aB(bbe,{children:[es(We,{header:!0,text:"Item 1",id:t,children:es(Ar,{children:"content"})}),es(We,{header:!0,expanded:!0,text:"Item 2",id:o,ariaSelected:!0,focus:!0,children:aB(ri,{children:[es(We,{level:1,text:"Child 1",id:c}),es(We,{level:1,expanded:!0,text:"Child 2",id:p,children:aB(ri,{children:[es(We,{level:2,text:"Child 2.1",id:h}),es(We,{level:2,text:"Child 2.2",id:x})]})}),es(We,{level:1,text:"Child 3",id:v,children:es(ri,{children:es(We,{level:2,text:"Child 3.1",id:w})})}),es(We,{level:1,text:"Child 4",id:A})]})}),es(We,{header:!0,text:"Item 3",id:r,children:es(Ar,{children:"content"})}),es(We,{header:!0,text:"Item 4",id:i})]}),...e})};import{Fragment as h4,jsx as Cr,jsxs as tA}from"react/jsx-runtime";var fbe=Ol.options,hbe=Ol.states,g4={...Ol.defaultOptions,variant:"normal"},gbe=[{name:"normal",title:"Normal"},{name:"expand",title:"Expanded"}],kbe=[{name:"icon",title:"Item icons"},{name:"disabled",title:"Disabled item"}],Ug=e=>{let{variant:t,modifiers:o,...r}={...g4,...e},i={},c={folder:"folder",gear:"gear",file:"file",image:"image"};return Object.keys(o||{}).forEach(p=>{switch(p){case"icon":{i.icon=o?.[p]?c:void 0;break}case"disabled":i.disabled=!!o?.[p]}}),t==="expand"?Cr(h4,{children:tA(f4,{style:{width:"300px"},...r,children:[Cr(We,{icon:i.icon?.gear,header:!0,text:"Item 1",children:Cr(Ar,{children:"content"})}),Cr(We,{icon:i.icon?.folder,selected:!0,header:!0,expanded:!0,text:"Item 2",children:tA(ri,{children:[Cr(We,{level:1,text:"Child 1"}),Cr(We,{level:1,expanded:!0,text:"Child 2",children:tA(ri,{children:[Cr(We,{level:2,text:"Child 2.1"}),Cr(We,{icon:i.icon?.image,level:2,text:"Child 2.2"})]})}),Cr(We,{disabled:i.disabled,level:1,text:"Child 3",children:Cr(Ar,{children:"content"})}),Cr(We,{level:1,text:"Child 4"})]})}),Cr(We,{icon:i.icon?.folder,disabled:i.disabled,header:!0,text:"Item 3",children:Cr(Ar,{children:"content"})}),Cr(We,{icon:i.icon?.file,header:!0,text:"Item 4"})]})}):Cr(h4,{children:tA(Zg,{style:{width:"300px"},...r,children:[Cr(We,{icon:i.icon?.gear,header:!0,text:"Item 1",children:Cr(Ar,{children:"content"})}),Cr(We,{icon:i.icon?.folder,header:!0,text:"Item 2",children:Cr(Ar,{children:"content"})}),Cr(We,{icon:i.icon?.folder,disabled:i.disabled,header:!0,text:"Item 3",children:Cr(Ar,{children:"content"})}),Cr(We,{icon:i.icon?.file,header:!0,text:"Item 4"})]})})};Ug.options=fbe;Ug.states=hbe;Ug.variants=gbe;Ug.defaultOptions=g4;Ug.modifiers=kbe;Ug.className=Ol.className;import{jsx as Tbe}from"react/jsx-runtime";var xbe=[],vbe={orientation:["horizontal","vertical"],alignItems:["start","center","end","stretch"],justifyContent:["start","center","end","stretch"],justifyItems:["start","center","end","stretch"]},Jg={orientation:null,alignItems:null,justifyContent:null,justifyItems:null,wrap:!1},$d=e=>{let{gap:t,orientation:o=Jg.orientation,alignItems:r=Jg.alignItems,justifyContent:i=Jg.justifyContent,justifyItems:c=Jg.justifyItems,wrap:p=Jg.wrap,style:h,...x}=e;return Tbe("div",{...x,style:{gap:t,...h},className:l(e.className,{[`k-${tn.orientationMap[o]||o}`]:o,[`k-align-items-${r}`]:r,[`k-justify-content-${i}`]:i,[`k-justify-items-${c}`]:c,"k-flex-wrap":p}),children:e.children})};$d.states=xbe;$d.options=vbe;$d.defaultOptions=Jg;var k4="stack-layout",x4="stacklayout",v4="grid-layout",T4="gridlayout";import{jsx as ybe}from"react/jsx-runtime";var w4="k-grid-layout",wbe=[],Nbe={},Db=e=>{let{className:t,...o}=e;return ybe($d,{...o,className:l(t,w4),children:e.children})};Db.states=wbe;Db.options=Nbe;Db.className=w4;Db.moduleName=v4;Db.folderName=T4;import{jsx as Sbe}from"react/jsx-runtime";var N4="k-stack-layout",Abe=[],Cbe={},ec=e=>{let{className:t,...o}=e;return Sbe($d,{...o,className:l(t,N4),children:e.children})};ec.states=Abe;ec.options=Cbe;ec.className=N4;ec.moduleName=k4;ec.folderName=x4;import{Fragment as Ebe,jsx as Rb,jsxs as Lbe}from"react/jsx-runtime";var A3t=({alignItems:e="start",justifyItems:t="start",...o})=>Rb(Db,{alignItems:e,justifyItems:t,children:Lbe(Ebe,{children:[Rb("div",{className:"box",children:"Box"}),Rb("div",{className:"box",children:"Box"}),Rb("div",{className:"box",children:"Box"}),Rb("div",{className:"box",children:"Box"}),Rb("div",{className:"box",children:"Box"}),Rb("div",{className:"box",children:"Box"})]}),...o});import{Fragment as Ibe,jsx as oA,jsxs as Mbe}from"react/jsx-runtime";var IT=({alignItems:e="start",justifyContent:t="start",...o})=>oA(ec,{orientation:"horizontal",alignItems:e,justifyContent:t,children:Mbe(Ibe,{children:[oA("div",{className:"box",children:"Box"}),oA("div",{className:"box",children:"Box"}),oA("div",{className:"box",children:"Box"})]}),...o});import{Fragment as Bbe,jsx as aA,jsxs as Pbe}from"react/jsx-runtime";var B3t=({alignItems:e="start",justifyContent:t="start",...o})=>aA(ec,{orientation:"vertical",alignItems:e,justifyContent:t,children:Pbe(Bbe,{children:[aA("div",{className:"box",children:"Box"}),aA("div",{className:"box",children:"Box"}),aA("div",{className:"box",children:"Box"})]}),...o});import{Fragment as Gbe,jsx as Ob,jsxs as Hbe}from"react/jsx-runtime";var Dbe=$d.options,Rbe=$d.states,Obe={...$d.defaultOptions,variant:"stretch"},Kbe=[{name:"start",title:"Start"},{name:"middle",title:"Middle"},{name:"end",title:"End"},{name:"stretch",title:"Stretch"}],Ybe=[],jg=e=>{let{variant:t,modifiers:o,...r}={...e},i={orientation:"vertical"};Object.keys(o||{}).forEach(x=>{x==="vertical"&&(i.orientation=o?.[x]?"vertical":"horizontal")});let c="k-border-solid k-border-secondary-subtle k-p-3",p={width:"228px",height:"228px",gap:"8px"},h=Hbe(Gbe,{children:[Ob("div",{className:"k-p-5 k-bg-primary-subtle"}),Ob("div",{className:"k-p-5 k-bg-primary-emphasis"}),Ob("div",{className:"k-p-5 k-bg-primary"})]});switch(t){case"start":return Ob(IT,{...r,...i,style:p,className:c,alignItems:"stretch",justifyContent:"start",children:h});case"middle":return Ob(IT,{...r,...i,style:p,className:c,alignItems:"stretch",justifyContent:"center",children:h});case"end":return Ob(IT,{...r,...i,style:p,className:c,alignItems:"stretch",justifyContent:"end",children:h});default:return Ob(IT,{...r,...i,style:p,className:c,alignItems:"stretch",justifyContent:"stretch",children:h})}};jg.options=Dbe;jg.states=Rbe;jg.variants=Kbe;jg.defaultOptions=Obe;jg.modifiers=Ybe;jg.className=ec.className;var qg="tile-layout",_g="tilelayout";import{jsx as Vbe}from"react/jsx-runtime";var y4="k-tilelayout",Fbe=[],zbe={},Wbe={},Ys=e=>{let{gap:t,columns:o,columnWidth:r,rowHeight:i,style:c,children:p}=e,h={gridTemplateColumns:`repeat(${o}, minmax(0px, ${r}))`,gridAutoRows:`minmax(0px, ${i})`,gap:t,...c};return Vbe("div",{className:l(e.className,y4),style:h,role:"list",children:p})};Ys.states=Fbe;Ys.options=zbe;Ys.className=y4;Ys.defaultOptions=Wbe;Ys.moduleName=qg;Ys.folderName=_g;Ys.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."}]};import Qbe from"react";import{jsx as MT,jsxs as Jbe}from"react/jsx-runtime";var rB="k-tilelayout-item",Xbe=[m.focus],Zbe={},Ube={},gl=e=>{let{header:t,body:o,focus:r,resize:i,style:c}=e,p=b("tilelayout-title");return Jbe(Lo,{className:l(e.className,rB,L(rB,{focus:r}),{"k-resize":i===!0,"k-resize-x":i==="horizontal","k-resize-y":i==="vertical"}),style:c,role:"listitem","aria-labelledby":p,tabIndex:0,"aria-keyshortcuts":"Enter","aria-dropeffect":"execute","aria-grabbed":"false",children:[t&&Qbe.isValidElement(t)?MT(qo,{className:"k-tilelayout-item-header k-cursor-move",children:MT("div",{className:"k-card-title",id:p,children:t})}):MT(qo,{className:"k-tilelayout-item-header k-cursor-move",children:MT("div",{className:"k-card-title",id:p,children:t})}),o&&MT(Ut,{className:"k-tilelayout-item-body",children:o})]})};gl.states=Xbe;gl.options=Zbe;gl.className=rB;gl.defaultOptions=Ube;gl.moduleName=qg;gl.folderName=_g;import{jsx as $be}from"react/jsx-runtime";var A4="k-layout-item-hint",jbe=[],qbe={},_be={},$g=e=>{let{style:t}=e;return $be("div",{className:A4,style:t})};$g.states=jbe;$g.options=qbe;$g.className=A4;$g.defaultOptions=_be;$g.moduleName=qg;$g.folderName=_g;import{Fragment as efe,jsx as BT,jsxs as tfe}from"react/jsx-runtime";var lB=e=>BT(Ys,{children:tfe(efe,{children:[BT(gl,{header:"Title goes here",body:"Content goes here"}),BT(gl,{header:"Title goes here",body:"Content goes here"}),BT(gl,{header:"Title goes here",body:"Content goes here"}),BT(gl,{header:"Title goes here",body:"Content goes here"})]}),...e});import{jsx as Kb,jsxs as C4}from"react/jsx-runtime";var ofe=Ys.options,afe=Ys.states,rfe={...Ys.defaultOptions,variant:"normal"},lfe=[{name:"normal",title:"Normal"},{name:"resizable",title:"Resizable"}],ife=[],ek=e=>{let{variant:t,...o}=e;return t==="resizable"?C4(lB,{columns:2,columnWidth:"1fr",rowHeight:"1fr",gap:"4px",style:{width:"467px",height:"365px"},...o,children:[Kb(gl,{resize:"vertical",header:"Title",body:"Vertically resizable card",style:{order:"0",gridColumnEnd:"span 1",gridRowEnd:"span 2"}}),Kb(gl,{resize:"horizontal",header:"Title",body:"Horizontally resizable card",style:{order:"1",gridColumnEnd:"span 1",gridRowEnd:"span 1"}}),Kb(gl,{resize:!0,header:"Title",body:"Horizontally and Vertically resizable card",style:{order:"2",gridColumnEnd:"span 0",gridRowEnd:"span 0"}})]}):C4(lB,{columns:3,columnWidth:"1fr",rowHeight:"1fr",gap:"4px",style:{width:"467px",height:"365px"},...o,children:[Kb(gl,{header:"Title",body:"Card Content",style:{order:"0",gridColumnEnd:"span 2",gridRowEnd:"span 1",width:"100%",height:"100%"}}),Kb(gl,{header:"Title",body:"Card Content",style:{order:"1",gridColumnEnd:"span 1",gridRowEnd:"span 2",width:"100%",height:"100%"}}),Kb(gl,{header:"Title",body:"Card Content",style:{order:"3",gridColumnEnd:"span 1",gridRowEnd:"span 1",width:"100%",height:"100%"}}),Kb(gl,{header:"Title",body:"Card Content",style:{order:"4",gridColumnEnd:"span 1",gridRowEnd:"span 1",width:"100%",height:"100%"}})]})};ek.options=ofe;ek.states=afe;ek.variants=lfe;ek.defaultOptions=rfe;ek.modifiers=ife;ek.className=Ys.className;import{jsx as cfe}from"react/jsx-runtime";var S4="k-dock-manager-toolbar",sfe=[],nfe={},dfe={},tk=e=>{let{toolbarItems:t,...o}=e;return cfe(ie,{...o,className:l(e.className,S4),children:t})};tk.states=sfe;tk.options=nfe;tk.className=S4;tk.defaultOptions=dfe;var iB="dock-manager",E4=iB;import{jsx as rA,jsxs as L4}from"react/jsx-runtime";var I4="k-dock-manager",pfe=[],mfe={},ufe={},Ni=e=>{let{toolbarItems:t,unpinnedPane:o,children:r,...i}=e;return L4("div",{...i,className:l(e.className,I4),role:"application","aria-live":"polite",children:[t&&rA(tk,{className:"k-toolbar-left",toolbarItems:t}),o&&L4("div",{className:"k-dock-manager-unpinned-container",style:{left:"43px"},children:[rA(Me,{flex:!0,unpinned:!0,children:o}),rA(tu,{})]}),rA("div",{className:"k-dock-manager-pane-container",children:r})]})};Ni.states=pfe;Ni.options=mfe;Ni.className=I4;Ni.defaultOptions=ufe;Ni.moduleName=iB;Ni.folderName=E4;Ni.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."}]};import{jsx as gfe}from"react/jsx-runtime";var M4="k-dock-manager-splitter",bfe=[],ffe={},hfe={},_c=e=>{let{children:t,panes:o,...r}=e;return gfe(_t,{...r,className:l(e.className,M4),panes:o,children:t})};_c.states=bfe;_c.options=ffe;_c.className=M4;_c.defaultOptions=hfe;import{jsx as B4}from"react/jsx-runtime";var lA="k-dock-indicator",kfe=[m.hover,m.disabled],xfe={},P4={position:"middle"},PT=e=>{let{position:t=P4.position,hover:o,disabled:r,...i}=e,c={top:"position-top",bottom:"position-bottom",right:"position-right",left:"position-left",middle:"window"};return B4("div",{...i,className:l(e.className,lA,L(lA,{hover:o,disabled:r}),{[`${lA}-${t}`]:t}),children:B4(f,{icon:c[t],size:"xlarge"})})};PT.states=kfe;PT.options=xfe;PT.className=lA;PT.defaultOptions=P4;var ok=PT;import{jsx as DT,jsxs as Nfe}from"react/jsx-runtime";var D4="k-dock-navigator",vfe=[],Tfe={},wfe={},iA=e=>{let{...t}=e;return Nfe("div",{...t,className:l(e.className,D4),"aria-hidden":"true",children:[DT(ok,{position:"top"}),DT(ok,{position:"right"}),DT(ok,{position:"bottom"}),DT(ok,{position:"left"}),DT(ok,{})]})};iA.states=vfe;iA.options=Tfe;iA.className=D4;iA.defaultOptions=wfe;import{Fragment as Sfe,jsx as RT,jsxs as nB}from"react/jsx-runtime";var R4="k-pane-scrollable",yfe=[],Afe={},Cfe=nB(Sfe,{children:[RT(d,{fillMode:"flat",size:"xsmall",icon:"pin","aria-label":"Pin pane"}),RT(d,{fillMode:"flat",size:"xsmall",icon:"more-vertical","aria-label":"More actions"})]}),sB={actions:Cfe,title:"Title"},tm=e=>{let{actions:t=sB.actions,title:o=sB.title,children:r,...i}=e;return nB("div",{...i,className:l(e.className,R4),children:[nB("div",{className:"k-pane-header",children:[RT("span",{className:"k-pane-title",children:o}),RT("div",{className:"k-pane-actions",children:t})]}),RT("div",{className:"k-pane-content",children:r})]})};tm.states=yfe;tm.options=Afe;tm.className=R4;tm.defaultOptions=sB;import{Fragment as ak,jsx as pr,jsxs as sA}from"react/jsx-runtime";var O4=e=>pr(Ni,{toolbarItems:pr(d,{fillMode:"flat",size:"small",children:"Tools"}),children:pr(ak,{children:pr(_c,{panes:[pr(Me,{tabbed:!0,flexBasis:"40%",children:pr(Ur,{style:{height:"100%"},tabStripItems:pr(ak,{children:pr(Ze,{first:!0,value:"File 1",active:!0,actions:sA(ak,{children:[pr(d,{as:"span",icon:"pin",fillMode:"flat","aria-hidden":"true"}),pr(d,{as:"span",icon:"more-vertical",fillMode:"flat","aria-hidden":"true"})]})})}),children:pr(Da,{active:!0,children:"File 1"})})},"pane-1"),pr(Me,{children:pr(_c,{orientation:"vertical",panes:[pr(Me,{tabbed:!0,flexBasis:"50%",children:pr(Ur,{style:{height:"100%"},tabStripItems:sA(ak,{children:[pr(Ze,{first:!0,value:"Properties",active:!0,actions:sA(ak,{children:[pr(d,{as:"span",icon:"pin",fillMode:"flat","aria-hidden":"true"}),pr(d,{as:"span",icon:"more-vertical",fillMode:"flat","aria-hidden":"true"})]})}),pr(Ze,{last:!0,value:"History",actions:sA(ak,{children:[pr(d,{as:"span",icon:"pin",fillMode:"flat","aria-hidden":"true"}),pr(d,{as:"span",icon:"more-vertical",fillMode:"flat","aria-hidden":"true"})]})})]}),children:pr(Da,{active:!0,children:"Properties content."})})},"nested-1"),pr(Me,{pinned:!0,children:pr(tm,{title:"Layers",children:"Layers content."})},"nested-2")]})},"pane-2")]})}),...e});import{Fragment as Yb,jsx as Ra,jsxs as OT}from"react/jsx-runtime";var K4=e=>Ra(Ni,{toolbarItems:Ra(d,{selected:!0,fillMode:"flat",size:"small",children:"Tools"}),unpinnedPane:Ra(tm,{title:"Tools",actions:OT(Yb,{children:[Ra(d,{fillMode:"flat",size:"xsmall",icon:"unpin","aria-label":"Unpin pane"}),Ra(d,{fillMode:"flat",size:"xsmall",icon:"more-vertical","aria-label":"More actions"})]}),children:"Some tools."}),children:Ra(Yb,{children:Ra(_c,{panes:[Ra(Me,{tabbed:!0,flexBasis:"40%",children:Ra(Ur,{style:{height:"100%"},tabStripItems:Ra(Yb,{children:Ra(Ze,{first:!0,value:"File 1",active:!0,actions:OT(Yb,{children:[Ra(d,{as:"span",icon:"pin",fillMode:"flat","aria-hidden":"true"}),Ra(d,{as:"span",icon:"more-vertical",fillMode:"flat","aria-hidden":"true"})]})})}),children:Ra(Da,{active:!0,children:"File 1"})})},"pane-1"),Ra(Me,{children:Ra(_c,{orientation:"vertical",panes:[Ra(Me,{tabbed:!0,flexBasis:"50%",children:Ra(Ur,{style:{height:"100%"},tabStripItems:OT(Yb,{children:[Ra(Ze,{first:!0,value:"Properties",active:!0,actions:OT(Yb,{children:[Ra(d,{as:"span",icon:"pin",fillMode:"flat","aria-hidden":"true"}),Ra(d,{as:"span",icon:"more-vertical",fillMode:"flat","aria-hidden":"true"})]})}),Ra(Ze,{last:!0,value:"History",actions:OT(Yb,{children:[Ra(d,{as:"span",icon:"pin",fillMode:"flat","aria-hidden":"true"}),Ra(d,{as:"span",icon:"more-vertical",fillMode:"flat","aria-hidden":"true"})]})})]}),children:Ra(Da,{active:!0,children:"Properties content."})})},"nested-1"),Ra(Me,{pinned:!0,children:Ra(tm,{title:"Layers",children:"Layers content."})},"nested-2")]})},"pane-2")]})}),...e});import{jsx as Y4}from"react/jsx-runtime";var Efe=Ni.options,Lfe=Ni.states,G4={...Ni.defaultOptions,variant:"normal"},Ife=[{name:"normal",title:"Normal"},{name:"pane-unpinned",title:"Pane unpinned"}],Mfe=[],rk=e=>{let{variant:t,...o}={...G4,...e};return t==="pane-unpinned"?Y4(K4,{...o,style:{width:"80%"}}):Y4(O4,{...o,style:{width:"80%"}})};rk.options=Efe;rk.states=Lfe;rk.variants=Ife;rk.defaultOptions=G4;rk.modifiers=Mfe;rk.className=Ni.className;var KT="listview",nA=KT;import{Fragment as Dfe,jsx as gu,jsxs as H4}from"react/jsx-runtime";var dB="k-listview",Bfe=[m.loading,m.disabled],Pfe={},F4={pagerPosition:"bottom"},Kl=e=>{let{header:t,footer:o,pageable:r,pagerPosition:i=F4.pagerPosition,bordered:c,layout:p,flexDirection:h,flexWrap:x,gridColumns:v,loading:w,disabled:A,selectable:N,contentAriaLabel:B,...D}=e,z=gu($0,{className:`k-listview-pager k-listview-pager-${i}`}),U=gu(Dfe,{children:H4("div",{className:"k-loading-mask",style:{height:"100%",width:"100%"},children:[gu("span",{className:"k-loading-text",children:"Loading..."}),gu("div",{className:"k-loading-image"}),gu("div",{className:"k-loading-color"})]})});return H4("div",{...D,className:l(e.className,dB,{"k-listview-bordered":c,"k-selectable":N},L(dB,{disabled:A,loading:w})),children:[r&&i==="top"&&z,t&&gu("div",{className:"k-listview-header",children:"Header"}),gu("div",{className:l("k-listview-content",{[`k-d-${p}`]:p,[`k-flex-${h}`]:h,[`k-flex-${x}`]:x,[`k-grid-cols-${v}`]:v}),role:N?"listbox":"list","aria-label":B,children:e.children}),w&&U,o&&gu("div",{className:"k-listview-footer",children:"Footer"}),r&&i==="bottom"&&z]})};Kl.states=Bfe;Kl.options=Pfe;Kl.className=dB;Kl.defaultOptions=F4;Kl.moduleName=KT;Kl.folderName=nA;Kl.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."}]};import{jsx as Yfe}from"react/jsx-runtime";var cB="k-listview-item",Rfe=[m.focus,m.selected],Ofe={},Kfe={},_o=e=>{let{focus:t,selected:o,itemRole:r,ariaSetSize:i,ariaPosInSet:c,tabIndex:p,...h}=e;return Yfe("div",{...h,className:l(e.className,cB,L(cB,{focus:t,selected:o})),role:r,"aria-setsize":i,"aria-posinset":c,tabIndex:p,"aria-selected":r==="option"&&o?"true":void 0,children:e.children})};_o.states=Rfe;_o.options=Ofe;_o.className=cB;_o.defaultOptions=Kfe;_o.moduleName=KT;_o.folderName=nA;import{Fragment as Gfe,jsx as Gb,jsxs as Hfe}from"react/jsx-runtime";var pB=e=>Gb(Kl,{children:Hfe(Gfe,{children:[Gb(_o,{itemRole:"listitem",ariaSetSize:3,ariaPosInSet:1,tabIndex:0,children:Gb("div",{children:"Listview Item"})}),Gb(_o,{itemRole:"listitem",ariaSetSize:3,ariaPosInSet:2,children:Gb("div",{children:"Listview Item"})}),Gb(_o,{itemRole:"listitem",ariaSetSize:3,ariaPosInSet:3,children:Gb("div",{children:"Listview Item"})})]}),...e});import{Fragment as Ffe,jsx as Hb,jsxs as zfe}from"react/jsx-runtime";var FVt=e=>Hb(Kl,{selectable:!0,contentAriaLabel:"Selectable list",children:zfe(Ffe,{children:[Hb(_o,{itemRole:"option",ariaSetSize:3,ariaPosInSet:1,tabIndex:0,selected:!0,children:Hb("div",{children:"Listview Item"})}),Hb(_o,{itemRole:"option",ariaSetSize:3,ariaPosInSet:2,children:Hb("div",{children:"Listview Item"})}),Hb(_o,{itemRole:"option",ariaSetSize:3,ariaPosInSet:3,children:Hb("div",{children:"Listview Item"})})]}),...e});import{jsx as tc,jsxs as z4}from"react/jsx-runtime";var Wfe=Kl.options,Vfe=Kl.states,W4={...Kl.defaultOptions,variant:"flex"},Qfe=[{name:"flex",title:"Flex"},{name:"grid",title:"Grid"},{name:"loading",title:"Loading"}],Xfe=[{name:"pageable",title:"Pager"}],lk=e=>{let{variant:t,modifiers:o,...r}={...W4,...e},i={};return i.loading=t==="loading",Object.keys(o||{}).forEach(c=>{c==="pageable"&&(i.pageable=!!o?.[c])}),t==="grid"?z4(pB,{style:{width:"324px"},...r,...i,bordered:!0,layout:"grid",gridColumns:2,children:[tc(_o,{className:"k-p-2",children:"Listview Item"}),tc(_o,{className:"k-p-2",children:"Listview Item"}),tc(_o,{className:"k-p-2",selected:!0,children:"Listview Item"}),tc(_o,{className:"k-p-2",children:"Listview Item"}),tc(_o,{className:"k-p-2",children:"Listview Item"}),tc(_o,{className:"k-p-2",children:"Listview Item"})]}):z4(pB,{style:{width:"324px"},...r,...i,bordered:!0,layout:"flex",flexDirection:"col",children:[tc(_o,{className:"k-p-2",children:"Listview Item"}),tc(_o,{className:"k-p-2",children:"Listview Item"}),tc(_o,{className:"k-p-2",selected:!0,children:"Listview Item"}),tc(_o,{className:"k-p-2",children:"Listview Item"}),tc(_o,{className:"k-p-2",children:"Listview Item"})]})};lk.options=Wfe;lk.states=Vfe;lk.variants=Qfe;lk.defaultOptions=W4;lk.modifiers=Xfe;lk.className=Kl.className;import{jsx as C}from"react/jsx-runtime";var mB=[C("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:C("div",{className:"k-vertical-align-center",children:"Invoice #52 - 06/23/2015"})}),C("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:C("div",{className:"k-vertical-align-center",children:"ID"})}),C("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:C("div",{className:"k-vertical-align-center",children:"Product"})}),C("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:C("div",{className:"k-vertical-align-center",children:"Quantity"})}),C("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:C("div",{className:"k-vertical-align-center",children:"Price"})}),C("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:C("div",{className:"k-vertical-align-center",children:"Tax"})}),C("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:C("div",{className:"k-vertical-align-center",children:"Amount"})}),C("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"}),C("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:C("div",{className:"k-vertical-align-center",children:"216321"})}),C("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:C("div",{className:"k-vertical-align-center",children:"Calzone"})}),C("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:C("div",{className:"k-vertical-align-center",children:"1"})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$12.39"})})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$2.48"})})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$14.87"})})}),C("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"}),C("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:C("div",{className:"k-vertical-align-center",children:"546897"})}),C("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:C("div",{className:"k-vertical-align-center",children:"Margarita"})}),C("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:C("div",{className:"k-vertical-align-center",children:"2"})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$8.79"})})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$3.52"})})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$21.10"})})}),C("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"}),C("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:C("div",{className:"k-vertical-align-center",children:"456231"})}),C("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:C("div",{className:"k-vertical-align-center",children:"Pollo Formaggio"})}),C("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:C("div",{className:"k-vertical-align-center",children:"1"})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$13.99"})})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$2.80"})})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$16.79"})})}),C("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"}),C("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:C("div",{className:"k-vertical-align-center",children:"455873"})}),C("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:C("div",{className:"k-vertical-align-center",children:"Greek Salad"})}),C("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:C("div",{className:"k-vertical-align-center",children:"1"})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$9.49"})})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$1.90"})})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$11.39"})})}),C("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"}),C("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:C("div",{className:"k-vertical-align-center",children:"456892"})}),C("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:C("div",{className:"k-vertical-align-center",children:"Spinach and Blue Cheese"})}),C("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:C("div",{className:"k-vertical-align-center",children:"3"})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$11.49"})})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$6.89"})})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$41.36"})})}),C("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"}),C("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:C("div",{className:"k-vertical-align-center",children:"546564"})}),C("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:C("div",{className:"k-vertical-align-center",children:"Rigoletto"})}),C("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:C("div",{className:"k-vertical-align-center",children:"1"})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$10.99"})})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$2.20"})})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$13.19"})})}),C("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"}),C("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:C("div",{className:"k-vertical-align-center",children:"789455"})}),C("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:C("div",{className:"k-vertical-align-center",children:"Creme Brulee"})}),C("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:C("div",{className:"k-vertical-align-center",children:"5"})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$6.99"})})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$6.99"})})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$41.94"})})}),C("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"}),C("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:C("div",{className:"k-vertical-align-center",children:"123002"})}),C("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:C("div",{className:"k-vertical-align-center",children:"Radeberger Beer"})}),C("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:C("div",{className:"k-vertical-align-center",children:"4"})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$4.99"})})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$3.99"})})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$23.95"})})}),C("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"}),C("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:C("div",{className:"k-vertical-align-center",children:"564896"})}),C("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:C("div",{className:"k-vertical-align-center",children:"Budweiser Beer"})}),C("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:C("div",{className:"k-vertical-align-center",children:"3"})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$4.49"})})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$2.69"})})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$16.16"})})}),C("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"}),C("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"}),C("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"}),C("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"}),C("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"}),C("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"}),C("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"}),C("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"}),C("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"}),C("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"}),C("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"}),C("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"}),C("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"}),C("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"}),C("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"})],V4=[C("div",{className:"k-spreadsheet-vaxis",style:{left:0,height:"405px"}}),C("div",{className:"k-spreadsheet-vaxis",style:{left:"100px",height:"405px"}}),C("div",{className:"k-spreadsheet-vaxis",style:{left:"315px",height:"405px"}}),C("div",{className:"k-spreadsheet-vaxis",style:{left:"430px",height:"405px"}}),C("div",{className:"k-spreadsheet-vaxis",style:{left:"545px",height:"405px"}}),C("div",{className:"k-spreadsheet-vaxis",style:{left:"660px",height:"405px"}}),C("div",{className:"k-spreadsheet-vaxis",style:{left:"815px",height:"405px"}}),C("div",{className:"k-spreadsheet-vaxis",style:{left:"879px",height:"405px"}}),C("div",{className:"k-spreadsheet-vaxis",style:{left:"943px",height:"405px"}}),C("div",{className:"k-spreadsheet-vaxis",style:{left:"1007px",height:"405px"}}),C("div",{className:"k-spreadsheet-vaxis",style:{left:"1071px",height:"405px"}}),C("div",{className:"k-spreadsheet-vaxis",style:{left:"1135px",height:"405px"}}),C("div",{className:"k-spreadsheet-vaxis",style:{left:"1199px",height:"405px"}}),C("div",{className:"k-spreadsheet-haxis",style:{top:"0px",width:"1199px"}}),C("div",{className:"k-spreadsheet-haxis",style:{top:"70px",width:"1199px"}}),C("div",{className:"k-spreadsheet-haxis",style:{top:"95px",width:"1199px"}}),C("div",{className:"k-spreadsheet-haxis",style:{top:"125px",width:"1199px"}}),C("div",{className:"k-spreadsheet-haxis",style:{top:"155px",width:"1199px"}}),C("div",{className:"k-spreadsheet-haxis",style:{top:"185px",width:"1199px"}}),C("div",{className:"k-spreadsheet-haxis",style:{top:"215px",width:"1199px"}}),C("div",{className:"k-spreadsheet-haxis",style:{top:"245px",width:"1199px"}}),C("div",{className:"k-spreadsheet-haxis",style:{top:"275px",width:"1199px"}}),C("div",{className:"k-spreadsheet-haxis",style:{top:"305px",width:"1199px"}}),C("div",{className:"k-spreadsheet-haxis",style:{top:"335px",width:"1199px"}}),C("div",{className:"k-spreadsheet-haxis",style:{top:"365px",width:"1199px"}}),C("div",{className:"k-spreadsheet-haxis",style:{top:"395px",width:"1199px"}}),C("div",{className:"k-spreadsheet-haxis",style:{top:"426px",width:"1199px"}}),C("div",{className:"k-spreadsheet-disabled-mask",style:{top:"1px",width:"878px",left:"1px",height:"69px"}})];import{jsx as jfe}from"react/jsx-runtime";var Q4="k-spreadsheet-toolbar",Zfe=[],Ufe={},Jfe={},ik=e=>{let{children:t,...o}=e;return jfe(ie,{...o,resizable:!0,className:l(e.className,Q4),fillMode:"flat","aria-label":o["aria-label"]||"Spreadsheet toolbar",children:t})};ik.states=Zfe;ik.options=Ufe;ik.className=Q4;ik.defaultOptions=Jfe;import{jsx as ehe}from"react/jsx-runtime";var X4="k-spreadsheet-menu",qfe=[],_fe={},$fe={},sk=e=>{let{children:t,...o}=e;return ehe(Aa,{...o,className:l(e.className,X4),children:t})};sk.states=qfe;sk.options=_fe;sk.className=X4;sk.defaultOptions=$fe;import{jsx as so,jsxs as bB}from"react/jsx-runtime";var Z4="k-spreadsheet-header",the=[],ohe={},ahe=[so(d,{icon:"arrow-rotate-ccw",fillMode:"flat","aria-label":"Undo"},"undo"),so(d,{icon:"arrow-rotate-cw",fillMode:"flat","aria-label":"Redo"},"redo"),so(xt,{},"sep1"),so(d,{icon:"cut",fillMode:"flat","aria-label":"Cut"},"cut"),so(d,{icon:"copy",fillMode:"flat","aria-label":"Copy"},"copy"),so(d,{icon:"clipboard",fillMode:"flat","aria-label":"Paste"},"paste"),so(xt,{},"sep2"),so(ae,{value:"Font Name",fillMode:"flat","aria-label":"Font name"},"fontname"),so(ae,{value:"Font Size",fillMode:"flat","aria-label":"Font size"},"fontsize"),so(xt,{},"sep3"),bB(W,{fillMode:"flat",children:[so(d,{className:"k-group-start",icon:"font-grow",fillMode:"flat","aria-label":"Increase font size"}),so(d,{className:"k-group-end",icon:"font-shrink",fillMode:"flat","aria-label":"Decrease font size"})]},"fontgrow"),so(xt,{},"sep4"),bB(W,{fillMode:"flat",children:[so(d,{className:"k-group-start",icon:"bold",fillMode:"flat","aria-label":"Bold"}),so(d,{icon:"italic",fillMode:"flat","aria-label":"Italic"}),so(d,{icon:"underline",fillMode:"flat","aria-label":"Underline"}),so(d,{className:"k-group-end",icon:"strikethrough",fillMode:"flat","aria-label":"Strikethrough"})]},"fontstyle"),so(at,{children:so(Pa,{value:"red",valueIconName:"foreground-color",fillMode:"flat","aria-label":"Text color"})},"textcolor"),so(xt,{},"sep5"),so(at,{children:so(Pa,{value:"fuchsia",valueIconName:"droplet",fillMode:"flat","aria-label":"Background color"})},"bgcolor"),so(xt,{},"sep6"),so(Je,{fillMode:"flat",icon:"borders-all",showArrow:!0,"aria-label":"Borders"},"borders"),so(xt,{},"sep7"),so(Je,{fillMode:"flat",icon:"align-left",showArrow:!0,"aria-label":"Horizontal alignment"},"halign"),so(Je,{fillMode:"flat",icon:"align-middle",showArrow:!0,"aria-label":"Vertical alignment"},"valign"),so(xt,{},"sep8"),so(d,{fillMode:"flat",icon:"text-wrap","aria-label":"Wrap text"},"wrap")],rhe=[so(Mt,{first:!0,text:"File"},"file"),so(Mt,{text:"Home",active:!0},"home"),so(Mt,{text:"Insert"},"insert"),so(Mt,{text:"Format"},"format"),so(Mt,{text:"Formulas"},"formulas"),so(Mt,{text:"Data"},"data"),so(Mt,{last:!0,text:"View"},"view")],uB={toolbarItems:ahe,menuItems:rhe},$c=e=>{let{toolbarItems:t=uB.toolbarItems,menuItems:o=uB.menuItems,...r}=e;return bB("div",{...r,className:l(Z4,e.className),children:[so(sk,{children:o}),so(ik,{children:t})]})};$c.states=the;$c.options=ohe;$c.className=Z4;$c.defaultOptions=uB;import{Fragment as J4,jsx as kl,jsxs as dA}from"react/jsx-runtime";var U4="k-spreadsheet-action-bar",lhe=[],ihe={},she=dA(J4,{children:[kl("span",{className:"k-syntax-startexp",children:"="}),kl("span",{className:"k-syntax-ref k-series-a",children:"B6"}),kl("span",{className:"k-syntax-op",children:"+"}),kl("span",{className:"k-syntax-ref k-series-b",children:"C6"}),kl("span",{className:"k-syntax-op",children:"+"}),kl("span",{className:"k-syntax-ref k-series-c",children:"C3"})]}),fB={formula:she,cellName:"B6"},ep=e=>{let{formula:t=fB.formula,cellName:o=fB.cellName,formulaExpanded:r=!1,formulaListItems:i,...c}=e,p=r?b("spreadsheet-formula-list"):void 0,h=dA(J4,{children:[kl("li",{className:"k-list-item",role:"menuitem",children:kl("span",{className:"k-list-item-text",children:"SUM"})}),kl("li",{className:"k-list-item",role:"menuitem",children:kl("span",{className:"k-list-item-text",children:"AVERAGE"})}),kl("li",{className:"k-list-item",role:"menuitem",children:kl("span",{className:"k-list-item-text",children:"COUNT"})})]});return dA("div",{...c,className:l(U4,e.className),children:[kl("div",{className:"k-spreadsheet-name-editor",children:kl(qt,{placeholder:o,fillMode:"flat","aria-label":"Name editor"})}),dA("div",{className:"k-spreadsheet-formula-bar",children:[kl("span",{className:"k-separator k-separator-vertical"}),kl(d,{icon:"formula-fx",fillMode:"flat","aria-label":"Formula"}),kl("span",{className:"k-separator k-separator-vertical"}),kl("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",...p&&{"aria-controls":p},children:t}),r&&kl("ul",{className:"k-spreadsheet-formula-list",id:p,role:"menu",children:i||h})]})]})};ep.states=lhe;ep.options=ihe;ep.className=U4;ep.defaultOptions=fB;import{Fragment as phe,jsx as ts,jsxs as _4}from"react/jsx-runtime";var j4="k-spreadsheet-sheets-bar",nhe=[],dhe={},che=_4(phe,{children:[ts(Ze,{first:!0,active:!0,value:"Sheet 1",actions:ts(Je,{showArrow:!1,size:"xsmall",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet1"),ts(Ze,{value:"Sheet 2",actions:ts(Je,{showArrow:!1,size:"xsmall",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet2"),ts(Ze,{value:"Sheet 3",actions:ts(Je,{showArrow:!1,size:"xsmall",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet3"),ts(Ze,{value:"Sheet 4",actions:ts(Je,{showArrow:!1,size:"xsmall",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet4"),ts(Ze,{value:"Sheet 5",actions:ts(Je,{showArrow:!1,size:"xsmall",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet5"),ts(Ze,{last:!0,value:"Sheet 6",actions:ts(Je,{showArrow:!1,size:"xsmall",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet6")]}),q4={tabStripItems:che},tp=e=>{let{tabStripItems:t=q4.tabStripItems,...o}=e,r=b("spreadsheet-sheets");return _4("div",{...o,className:l(j4,e.className),children:[ts(d,{className:"k-spreadsheet-sheet-add",fillMode:"flat",size:"xsmall",icon:"plus","aria-label":"Add new sheet","aria-controls":r}),ts(d,{className:"k-spreadsheet-sheets-menu",fillMode:"flat",size:"xsmall",icon:"menu","aria-label":"Sheets menu","aria-controls":r}),ts(La,{className:"k-spreadsheet-sheets",tabStripItems:t,tabStripItemsId:r,position:"bottom",scrollable:!0,scrollButtons:"end"})]})};tp.states=nhe;tp.options=dhe;tp.className=j4;tp.defaultOptions=q4;import{jsx as Xa}from"react/jsx-runtime";var $4="k-spreadsheet-column-header",mhe=[],uhe={},eF={configureSelection:{A:"partial"}},nk=e=>{let{configureSelection:t=eF.configureSelection,...o}=e,r=[Xa("div",{style:{position:"absolute",left:"0px",width:"100px",height:"30px"},children:Xa("div",{className:"k-vertical-align-center",children:"A"})}),Xa("div",{style:{position:"absolute",left:"100px",width:"215px",height:"30px"},children:Xa("div",{className:"k-vertical-align-center",children:"B"})}),Xa("div",{style:{position:"absolute",left:"315px",width:"115px",height:"30px"},children:Xa("div",{className:"k-vertical-align-center",children:"C"})}),Xa("div",{style:{position:"absolute",left:"430px",width:"115px",height:"30px"},children:Xa("div",{className:"k-vertical-align-center",children:"D"})}),Xa("div",{style:{position:"absolute",left:"545px",width:"115px",height:"30px"},children:Xa("div",{className:"k-vertical-align-center",children:"E"})}),Xa("div",{style:{position:"absolute",left:"660px",width:"155px",height:"30px"},children:Xa("div",{className:"k-vertical-align-center",children:"F"})}),Xa("div",{style:{position:"absolute",left:"815px",width:"64px",height:"30px"},children:Xa("div",{className:"k-vertical-align-center",children:"G"})}),Xa("div",{style:{position:"absolute",left:"879px",width:"64px",height:"30px"},children:Xa("div",{className:"k-vertical-align-center",children:"H"})}),Xa("div",{style:{position:"absolute",left:"943px",width:"64px",height:"30px"},children:Xa("div",{className:"k-vertical-align-center",children:"I"})}),Xa("div",{style:{position:"absolute",left:"1007px",width:"64px",height:"30px"},children:Xa("div",{className:"k-vertical-align-center",children:"J"})}),Xa("div",{style:{position:"absolute",left:"1071px",width:"64px",height:"30px"},children:Xa("div",{className:"k-vertical-align-center",children:"K"})}),Xa("div",{style:{position:"absolute",left:"1135px",width:"64px",height:"30px"},children:Xa("div",{className:"k-vertical-align-center",children:"L"})})],c=t?((p,h)=>p.map((x,v)=>{let w=x.props.children.props.children;return Xa("div",{style:x.props.style,className:l({"k-selection-partial":h[w]==="partial","k-selection-full":h[w]==="full","k-selection-none":!h[w]}),children:x.props.children},v)}))(r,t):r;return Xa("div",{...o,className:l($4,e.className),children:c})};nk.states=mhe;nk.options=uhe;nk.className=$4;nk.defaultOptions=eF;import{jsx as Ma}from"react/jsx-runtime";var tF="k-spreadsheet-row-header",bhe=[],fhe={},oF={configureSelection:{1:"partial"}},dk=e=>{let{configureSelection:t=oF.configureSelection,...o}=e,r=[Ma("div",{style:{width:"30px",height:"70px"},children:Ma("div",{className:"k-vertical-align-center",children:"1"})}),Ma("div",{style:{width:"30px",height:"25px"},children:Ma("div",{className:"k-vertical-align-center",children:"2"})}),Ma("div",{style:{width:"30px",height:"30px"},children:Ma("div",{className:"k-vertical-align-center",children:"3"})}),Ma("div",{style:{width:"30px",height:"30px"},children:Ma("div",{className:"k-vertical-align-center",children:"4"})}),Ma("div",{style:{width:"30px",height:"30px"},children:Ma("div",{className:"k-vertical-align-center",children:"5"})}),Ma("div",{style:{width:"30px",height:"30px"},children:Ma("div",{className:"k-vertical-align-center",children:"6"})}),Ma("div",{style:{width:"30px",height:"30px"},children:Ma("div",{className:"k-vertical-align-center",children:"7"})}),Ma("div",{style:{width:"30px",height:"30px"},children:Ma("div",{className:"k-vertical-align-center",children:"8"})}),Ma("div",{style:{width:"30px",height:"30px"},children:Ma("div",{className:"k-vertical-align-center",children:"9"})}),Ma("div",{style:{width:"30px",height:"30px"},children:Ma("div",{className:"k-vertical-align-center",children:"10"})}),Ma("div",{style:{width:"30px",height:"30px"},children:Ma("div",{className:"k-vertical-align-center",children:"11"})}),Ma("div",{style:{width:"30px",height:"30px"},children:Ma("div",{className:"k-vertical-align-center",children:"12"})}),Ma("div",{style:{width:"30px",height:"30px"},children:Ma("div",{className:"k-vertical-align-center",children:"13"})})],c=t?((p,h)=>p.map((x,v)=>{let w=x.props.children.props.children;return Ma("div",{style:x.props.style,className:l({"k-selection-partial":h[w]==="partial","k-selection-full":h[w]==="full","k-selection-none":!h[w]}),children:x.props.children},v)}))(r,t):r;return Ma("div",{...o,className:l(tF,e.className),children:c})};dk.states=bhe;dk.options=fhe;dk.className=tF;dk.defaultOptions=oF;import*as rF from"react";import{jsx as aF}from"react/jsx-runtime";var lF="k-spreadsheet-data",hhe=[],ghe={},khe={},ck=e=>{let{activeCellIndex:t,...o}=e,i=t?((p,h)=>p.map((x,v)=>v===h?aF("div",{style:x.props.style,className:l(x.props.className,"k-spreadsheet-active-cell"),children:x.props.children},v):x))(mB,t):mB,c=[...V4,...i].map((p,h)=>p.key?p:rF.cloneElement(p,{key:h}));return aF("div",{...o,className:l(lF,e.className),children:c})};ck.states=hhe;ck.options=ghe;ck.className=lF;ck.defaultOptions=khe;import{jsx as $r,jsxs as cA}from"react/jsx-runtime";var iF="k-spreadsheet-view",xhe=[],vhe={},The={},op=e=>{let{selectionHighlight:t,rowHeaderSelection:o,columnHeaderSelection:r,cellEditor:i,activeCellIndex:c,selection:p,filter:h,...x}=e;return cA("div",{...x,className:l(iF,e.className),children:[cA("div",{className:"k-spreadsheet-fixed-container",children:[cA("div",{style:{top:0,left:0,height:"100%",width:"100%"},className:"k-spreadsheet-pane k-top k-left",children:[$r(ck,{activeCellIndex:c,style:{position:"relative",left:"30px",top:"30px"}}),$r("div",{className:"k-selection-wrapper",children:p}),$r("div",{className:"k-auto-fill-wrapper"}),$r("div",{className:"k-selection-wrapper",children:t}),$r("div",{className:"k-filter-wrapper",children:h}),$r(dk,{configureSelection:o,style:{width:"30px",top:"30px"}}),$r(nk,{configureSelection:r,style:{top:"0px",left:"30px",width:"1199px",height:"30px"}})]}),i,$r("div",{style:{width:"30px",height:"30px"},className:"k-spreadsheet-top-corner"})]}),$r("div",{className:"k-spreadsheet-scroller",children:$r("div",{className:"k-spreadsheet-view-size",style:{height:"6080px",width:"3663px"}})}),$r("div",{className:"k-spreadsheet-clipboard",children:cA("table",{style:{left:"0px",top:"0px",height:"30px",width:"100px"},className:"kendo-clipboard-eb8ea401-ab97-4190-8fb2-b3b83b299a9f",role:"presentation",children:[$r("colgroup",{children:$r("col",{style:{width:"100px"}})}),$r("tbody",{children:$r("tr",{style:{height:"30px"},children:$r("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&&$r("div",{className:"k-spreadsheet-cell-editor k-spreadsheet-formula-input","data-role":"formulainput",style:{whiteSpace:"pre"},children:"216321"}),$r(_l,{content:"A1",style:{position:"absolute",display:"none"}}),$r("div",{className:"k-list-group-sticky-header",style:{display:"none"}}),$r("div",{className:"k-list-content k-list-scroller",unselectable:"on"})]})};op.states=xhe;op.options=vhe;op.className=iF;op.defaultOptions=The;var YT="spreadsheet",pA=YT;import{jsx as Ahe}from"react/jsx-runtime";var sF="k-spreadsheet",whe=[],Nhe={},yhe={},Mn=e=>{let{children:t,...o}=e;return Ahe("div",{...o,className:l(sF,e.className),role:"application",children:t})};Mn.states=whe;Mn.options=Nhe;Mn.className=sF;Mn.defaultOptions=yhe;Mn.moduleName=YT;Mn.folderName=pA;Mn.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."}]};import{jsx as Lhe}from"react/jsx-runtime";var nF="k-spreadsheet-legacy",Che=[],She={},Ehe={},pk=e=>{let{...t}=e;return Lhe("div",{...t,className:l(e.className,nF),children:e.children})};pk.states=Che;pk.options=She;pk.className=nF;pk.defaultOptions=Ehe;pk.moduleName=YT;pk.folderName=pA;import{Fragment as Ihe,jsx as mk,jsxs as Mhe}from"react/jsx-runtime";var dF=e=>mk(Mn,{children:Mhe(Ihe,{children:[mk($c,{}),mk(ep,{}),mk(op,{selection:mk("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}),mk(tp,{})]}),...e});import{Fragment as Bhe,jsx as uk,jsxs as Phe}from"react/jsx-runtime";var T5t=e=>uk(Mn,{children:Phe(Bhe,{children:[uk($c,{}),uk(ep,{formulaExpanded:!0}),uk(op,{selection:uk("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}),uk(tp,{})]}),...e});import{jsx as GT,jsxs as Ghe}from"react/jsx-runtime";var Dhe={},Rhe=[],Ohe=[],Khe={},Yhe=[],bk=()=>Ghe(dF,{style:{height:"415px",width:"80%"},children:[GT($c,{}),GT(ep,{}),GT(op,{selection:GT("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}),GT(tp,{})]});bk.options=Dhe;bk.states=Rhe;bk.variants=Ohe;bk.defaultOptions=Khe;bk.modifiers=Yhe;bk.className=Mn.className;import{jsx as cF,jsxs as Whe}from"react/jsx-runtime";var pF="k-pivotgrid-configurator-button",Hhe=[],Fhe={},zhe={},Fb=e=>{let{...t}=e;return cF("div",{...t,className:l(e.className,pF),"aria-hidden":"true",children:Whe("span",{children:["Change settings",cF(f,{icon:"gear"})]})})};Fb.states=Hhe;Fb.options=Fhe;Fb.className=pF;Fb.defaultOptions=zhe;var mF=Fb;import Vhe from"react";var hB="pivotgrid",uF=hB;import{jsx as ap,jsxs as bF}from"react/jsx-runtime";var fF="k-pivotgrid",Qhe=[],Xhe={},mA={emptyCell:ap("div",{className:"k-pivotgrid-empty-cell",role:"none",children:ap("table",{role:"none",children:ap("thead",{role:"none",children:ap("tr",{role:"none",children:ap("th",{"aria-colspan":1,"aria-rowspan":1,id:b("pivotgrid-empty"),children:ap("span",{className:"k-sr-only",children:"PivotGrid component. Use the arrow keys to navigate."})})})})})}),configuratorDisplay:"none",configuratorPosition:"right"},Gs=e=>{let{emptyCell:t=mA.emptyCell,configuratorDisplay:o=mA.configuratorDisplay,configuratorPosition:r=mA.configuratorPosition,configurator:i,columnHeaders:c,rowHeaders:p,children:h,...x}=e;return bF("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:[bF("div",{...x,className:l(e.className,fF),role:"grid",children:[t,ap("div",{className:"k-pivotgrid-column-headers",role:"none",children:c}),ap("div",{className:"k-pivotgrid-row-headers",role:"none",children:p}),ap("div",{className:"k-pivotgrid-values",role:"none",children:h})]}),i&&o==="opened"&&i,i&&o==="closed"&&Vhe.cloneElement(i,{"aria-hidden":"true"}),o!=="none"&&ap(mF,{})]})};Gs.states=Qhe;Gs.options=Xhe;Gs.className=fF;Gs.defaultOptions=mA;Gs.moduleName=hB;Gs.folderName=uF;Gs.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."}]};import{jsx as jhe}from"react/jsx-runtime";var hF="k-pivotgrid-table",Zhe=[],Uhe={},Jhe={},Ed=e=>{let{children:t,...o}=e;return jhe("table",{...o,className:l(e.className,hF),children:t})};Ed.states=Zhe;Ed.options=Uhe;Ed.className=hF;Ed.defaultOptions=Jhe;import{jsx as ege}from"react/jsx-runtime";var gF="k-pivotgrid-tbody",qhe=[],_he={},$he={},Ld=e=>{let{children:t,...o}=e;return ege("tbody",{...o,className:l(e.className,gF),children:t})};Ld.states=qhe;Ld.options=_he;Ld.className=gF;Ld.defaultOptions=$he;import{jsx as rge}from"react/jsx-runtime";var gB="k-pivotgrid-row",tge=[m.hover,m.selected],oge={},age={},yo=e=>{let{columnTotal:t,children:o,hover:r,selected:i,...c}=e;return rge("tr",{...c,className:l(e.className,gB,{"k-pivotgrid-column-total":t},L(gB,{hover:r,selected:i})),children:o})};yo.states=tge;yo.options=oge;yo.className=gB;yo.defaultOptions=age;import{jsx as kB,jsxs as nge}from"react/jsx-runtime";var xB="k-pivotgrid-cell",lge=[m.focus,m.selected],ige={},sge={},De=e=>{let{as:t="td",toggle:o,headerTitle:r,content:i,headerRootCell:c,totalCell:p,headerTotalCell:h,rowTotalCell:x,focus:v,selected:w,...A}=e,N={up:"up",down:"down"};return nge(t,{...A,className:l(e.className,xB,{"k-pivotgrid-expanded":o==="up","k-pivotgrid-header-root":c,"k-pivotgrid-total":p,"k-pivotgrid-header-total":h,"k-pivotgrid-row-total":x},L(xB,{focus:v,selected:w})),children:[o&&kB(f,{className:"k-pivotgrid-toggle",icon:`chevron-${N[o]}`}),r&&kB("span",{className:"k-pivotgrid-header-title",children:r}),(i||i==="")&&kB("span",{className:"k-pivotgrid-content",children:i})]})};De.states=lge;De.options=ige;De.className=xB;De.defaultOptions=sge;import{Fragment as mge,jsx as zb,jsxs as kF}from"react/jsx-runtime";var uA="k-pivotgrid-configurator",dge=[],cge={},pge=kF(mge,{children:[zb(d,{children:"Cancel"}),zb(d,{themeColor:"primary",children:"Apply"})]}),HT={orientation:"vertical",mode:"push",actionButtons:pge,header:"Settings"},Id=e=>{let{orientation:t=HT.orientation,mode:o=HT.mode,actionButtons:r=HT.actionButtons,header:i=HT.header,headerId:c,children:p,...h}=e,x=c||b("pivotgrid-configurator-header");return zb("div",{...h,className:l(e.className,uA),role:"dialog","aria-labelledby":x,children:kF("div",{className:l("k-pivotgrid-configurator-panel",{[`${uA}-${t}`]:t,[`${uA}-${o}`]:o}),children:[zb("div",{className:"k-pivotgrid-configurator-header",children:zb("div",{className:"k-pivotgrid-configurator-header-text",id:x,children:i})}),zb("div",{className:"k-pivotgrid-configurator-content",children:p}),zb(Be,{alignment:"end",className:"k-pivotgrid-configurator-actions",children:r})]})})};Id.states=dge;Id.options=cge;Id.className=uA;Id.defaultOptions=HT;import{Fragment as vF,jsx as oc,jsxs as fA}from"react/jsx-runtime";var xF="k-calculated-field",uge=[],bge={},fge=fA(vF,{children:[oc(f,{icon:"sum"}),oc(ae,{value:"SUM"}),oc("span",{className:"k-spacer"}),oc(f,{icon:"eye"}),oc(ae,{value:"Default"})]}),bA={headerContent:oc("div",{className:"k-calculated-field-header-text",children:"Date.Calendar"}),headerActions:oc(d,{fillMode:"flat",icon:"x"}),fieldActions:fge},hA=e=>{let{headerContent:t=bA.headerContent,headerActions:o=bA.headerActions,fieldActions:r=bA.fieldActions,children:i,...c}=e;return fA("div",{...c,className:l(e.className,xF),children:[fA("div",{className:"k-calculated-field-header",children:[t,o&&fA(vF,{children:[oc("span",{className:"k-spacer"}),oc("div",{className:"k-calculated-field-header-actions",children:o})]})]}),i&&oc("div",{className:"k-calculated-field-content",children:i}),oc("div",{className:"k-calculated-field-actions",children:r})]})};hA.states=uge;hA.options=bge;hA.className=xF;hA.defaultOptions=bA;import{jsx as _e,jsxs as mr}from"react/jsx-runtime";var ku=e=>{let t=b("pivotgrid-empty"),o=b("ch"),r=b("ch"),i=b("ch"),c=b("ch"),p=b("ch"),h=b("ch"),x=b("ch"),v=[];for(let w=0;w<6;w++){v[w]=[];for(let A=0;A<3;A++)v[w][A]=b("dc")}return _e(Gs,{style:{gridTemplateRows:"111px 1fr",gridTemplateColumns:"369px 1fr"},emptyCell:_e("div",{className:"k-pivotgrid-empty-cell",role:"none",children:_e("table",{role:"none",children:_e("thead",{role:"none",children:_e("tr",{role:"none",children:_e("th",{id:t,children:_e("span",{className:"k-sr-only",children:"PivotGrid component. Use the arrow keys to navigate."})})})})})}),columnHeaders:mr(Ed,{role:"none",children:[mr("colgroup",{children:[_e("col",{width:"200"}),_e("col",{width:"200"}),_e("col",{width:"200"})]}),mr(Ld,{role:"rowgroup",children:[mr(yo,{role:"row","aria-owns":`${t} ${o} ${r}`,children:[_e(De,{as:"th",colSpan:2,toggle:"up",headerTitle:"Categories",headerRootCell:!0,role:"columnheader","aria-expanded":"true",id:o}),_e(De,{as:"th",colSpan:1,rowSpan:2,headerTitle:"Categories",headerRootCell:!0,headerTotalCell:!0,role:"columnheader",id:r})]}),mr(yo,{role:"row",children:[_e(De,{as:"th",colSpan:1,headerTitle:"Seafood",role:"columnheader",id:i}),_e(De,{as:"th",colSpan:1,headerTitle:"Beverages",role:"columnheader",id:c})]}),mr(yo,{role:"row",children:[_e(De,{as:"th",colSpan:1,toggle:"down",headerTitle:"Products",headerRootCell:!0,role:"columnheader","aria-expanded":"false",id:p}),_e(De,{as:"th",colSpan:1,toggle:"down",headerTitle:"Products",headerRootCell:!0,role:"columnheader","aria-expanded":"false",id:h}),_e(De,{as:"th",colSpan:1,headerTitle:"Products",headerRootCell:!0,headerTotalCell:!0,role:"columnheader",id:x})]})]})]}),rowHeaders:mr(Ed,{role:"none",children:[mr("colgroup",{children:[_e("col",{}),_e("col",{}),_e("col",{})]}),mr(Ld,{role:"rowgroup",children:[mr(yo,{role:"row","aria-owns":`${v[0][0]} ${v[0][1]} ${v[0][2]}`,children:[_e(De,{as:"th",colSpan:1,rowSpan:5,toggle:"up",headerTitle:"Regions",headerRootCell:!0,role:"rowheader","aria-expanded":"true"}),_e(De,{as:"th",colSpan:1,headerTitle:"South America",role:"rowheader"}),_e(De,{as:"th",colSpan:1,rowSpan:1,toggle:"down",headerTitle:"Countries",headerRootCell:!0,role:"rowheader","aria-expanded":"false"})]}),mr(yo,{role:"row","aria-owns":`${v[1][0]} ${v[1][1]} ${v[1][2]}`,children:[_e(De,{as:"th",colSpan:1,headerTitle:"North America",role:"rowheader"}),_e(De,{as:"th",colSpan:1,rowSpan:1,toggle:"down",headerTitle:"Countries",headerRootCell:!0,role:"rowheader","aria-expanded":"false"})]}),mr(yo,{role:"row","aria-owns":`${v[2][0]} ${v[2][1]} ${v[2][2]}`,children:[_e(De,{as:"th",colSpan:1,headerTitle:"Europe",role:"rowheader"}),_e(De,{as:"th",colSpan:1,rowSpan:1,toggle:"down",headerTitle:"Countries",headerRootCell:!0,role:"rowheader","aria-expanded":"false"})]}),mr(yo,{role:"row","aria-owns":`${v[3][0]} ${v[3][1]} ${v[3][2]}`,children:[_e(De,{as:"th",colSpan:1,headerTitle:"Asia",role:"rowheader"}),_e(De,{as:"th",colSpan:1,rowSpan:1,toggle:"down",headerTitle:"Countries",headerRootCell:!0,role:"rowheader","aria-expanded":"false"})]}),mr(yo,{role:"row","aria-owns":`${v[4][0]} ${v[4][1]} ${v[4][2]}`,children:[_e(De,{as:"th",colSpan:1,headerTitle:"Africa",role:"rowheader"}),_e(De,{as:"th",colSpan:1,rowSpan:1,toggle:"down",headerTitle:"Countries",headerRootCell:!0,role:"rowheader","aria-expanded":"false"})]}),mr(yo,{role:"row","aria-owns":`${v[5][0]} ${v[5][1]} ${v[5][2]}`,children:[_e(De,{as:"th",colSpan:2,headerTitle:"Regions",headerRootCell:!0,headerTotalCell:!0,role:"rowheader"}),_e(De,{as:"th",colSpan:1,rowSpan:1,headerTitle:"Countries",headerRootCell:!0,headerTotalCell:!0,role:"rowheader"})]})]})]}),children:mr(Ed,{role:"none",children:[mr("colgroup",{children:[_e("col",{width:"200"}),_e("col",{width:"200"}),_e("col",{width:"200"})]}),mr(Ld,{role:"none",children:[mr(yo,{role:"none",children:[_e(De,{as:"td",role:"gridcell",colSpan:1,content:"1847.00",id:v[0][0],"aria-describedby":`${i} ${o} ${p}`}),_e(De,{as:"td",role:"gridcell",colSpan:1,content:"1488.00",id:v[0][1],"aria-describedby":`${c} ${o} ${h}`}),_e(De,{as:"td",role:"gridcell",colSpan:1,content:"3335.00",totalCell:!0,id:v[0][2],"aria-describedby":`${r} ${x}`})]}),mr(yo,{role:"none",children:[_e(De,{as:"td",role:"gridcell",colSpan:1,content:"1998.00",id:v[1][0],"aria-describedby":`${i} ${o} ${p}`}),_e(De,{as:"td",role:"gridcell",colSpan:1,content:"1406.00",id:v[1][1],"aria-describedby":`${c} ${o} ${h}`}),_e(De,{as:"td",role:"gridcell",colSpan:1,content:"3404.00",totalCell:!0,id:v[1][2],"aria-describedby":`${r} ${x}`})]}),mr(yo,{role:"none",children:[_e(De,{as:"td",role:"gridcell",colSpan:1,content:"2065.00",id:v[2][0],"aria-describedby":`${i} ${o} ${p}`}),_e(De,{as:"td",role:"gridcell",colSpan:1,content:"1242.00",id:v[2][1],"aria-describedby":`${c} ${o} ${h}`}),_e(De,{as:"td",role:"gridcell",colSpan:1,content:"3307.00",totalCell:!0,id:v[2][2],"aria-describedby":`${r} ${x}`})]}),mr(yo,{role:"none",children:[_e(De,{as:"td",role:"gridcell",colSpan:1,content:"1830.00",id:v[3][0],"aria-describedby":`${i} ${o} ${p}`}),_e(De,{as:"td",role:"gridcell",colSpan:1,content:"1579.00",id:v[3][1],"aria-describedby":`${c} ${o} ${h}`}),_e(De,{as:"td",role:"gridcell",colSpan:1,content:"3409.00",totalCell:!0,id:v[3][2],"aria-describedby":`${r} ${x}`})]}),mr(yo,{role:"none",children:[_e(De,{as:"td",role:"gridcell",colSpan:1,content:"2005.00",id:v[4][0],"aria-describedby":`${i} ${o} ${p}`}),_e(De,{as:"td",role:"gridcell",colSpan:1,content:"1441.00",id:v[4][1],"aria-describedby":`${c} ${o} ${h}`}),_e(De,{as:"td",role:"gridcell",colSpan:1,content:"3446.00",totalCell:!0,id:v[4][2],"aria-describedby":`${r} ${x}`})]}),mr(yo,{role:"none",children:[_e(De,{as:"td",role:"gridcell",colSpan:1,content:"9745.00",totalCell:!0,id:v[5][0],"aria-describedby":`${i} ${o} ${p}`}),_e(De,{as:"td",role:"gridcell",colSpan:1,content:"7156.00",totalCell:!0,id:v[5][1],"aria-describedby":`${c} ${o} ${h}`}),_e(De,{as:"td",role:"gridcell",colSpan:1,content:"16901.00",totalCell:!0,id:v[5][2],"aria-describedby":`${r} ${x}`})]})]})]}),...e})};import{jsx as TF}from"react/jsx-runtime";var DXt=e=>TF(ku,{configurator:TF(Id,{}),configuratorDisplay:"closed",...e});import{Fragment as fk,jsx as Io,jsxs as rp}from"react/jsx-runtime";var WXt=({formOrientation:e="vertical",...t})=>{let o=b("pivotgrid-configurator-header"),r=b("pivotgrid-label"),i=b("pivotgrid-label"),c=b("pivotgrid-label"),p=b("pivotgrid-label");return Io(ku,{configurator:Io(Id,{headerId:o,actionButtons:rp(fk,{children:[Io(d,{children:"Cancel"}),Io(d,{themeColor:"primary",children:"Apply"})]}),children:rp(wo,{orientation:e,children:[Io("div",{className:"k-form-field",children:Io("label",{className:"k-label",id:r,children:"Fields"})}),Io("div",{className:"k-form-field",children:Io("div",{className:"k-fields-list-wrapper",children:rp(ft,{"aria-labelledby":`${o} ${r}`,children:[Io(O,{checked:!0,showCheckbox:!0,text:"Category"}),Io(O,{checked:!0,showCheckbox:!0,text:"Product"}),Io(O,{checked:!0,showCheckbox:!0,text:"Region"}),Io(O,{checked:!0,showCheckbox:!0,text:"Country"}),Io(O,{hasChildren:!0,text:"Measures"})]})})}),Io("div",{className:"k-form-field",children:Io("label",{className:"k-label",id:i,children:"Columns"})}),rp(Dt,{className:"k-column-fields","aria-labelledby":`${o} ${i}`,children:[Io(Qe,{role:"option",text:"Category",actions:rp(fk,{children:[Io(Ve,{type:"more"}),Io(Ve,{type:"remove"})]})}),Io(Qe,{role:"option",text:"Product",actions:rp(fk,{children:[Io(Ve,{type:"more"}),Io(Ve,{type:"remove"})]})})]}),Io("div",{className:"k-form-field",children:Io("label",{className:"k-label",id:c,children:"Rows"})}),rp(Dt,{className:"k-row-fields","aria-labelledby":`${o} ${c}`,children:[Io(Qe,{role:"option",text:"Region",actions:rp(fk,{children:[Io(Ve,{type:"more"}),Io(Ve,{type:"remove"})]})}),Io(Qe,{role:"option",text:"Country",actions:rp(fk,{children:[Io(Ve,{type:"more"}),Io(Ve,{type:"remove"})]})})]}),Io("div",{className:"k-form-field",children:Io("label",{className:"k-label",id:p,children:"Values"})}),Io(Dt,{className:"k-filter-fields","aria-labelledby":`${o} ${p}`,children:Io(Qe,{role:"option",text:"Total",actions:rp(fk,{children:[Io(Ve,{type:"more"}),Io(Ve,{type:"remove"})]})})})]})}),configuratorDisplay:"opened",...t})};import{Fragment as vB,jsx as Oa,jsxs as hk}from"react/jsx-runtime";var _Xt=({formOrientation:e="vertical",...t})=>{let o=b("pivotgrid-configurator-header"),r=b("pivotgrid-label"),i=b("pivotgrid-label"),c=b("pivotgrid-label"),p=b("pivotgrid-label");return Oa(ku,{configurator:Oa(Id,{headerId:o,actionButtons:hk(vB,{children:[Oa(d,{children:"Cancel"}),Oa(d,{themeColor:"primary",ariaDisabled:!0,children:"Apply"})]}),children:hk(wo,{orientation:e,children:[Oa("div",{className:"k-form-field",children:Oa("label",{className:"k-label",id:r,children:"Fields"})}),Oa("div",{className:"k-form-field",children:Oa("div",{className:"k-fields-list-wrapper",children:hk(ft,{"aria-labelledby":`${o} ${r}`,children:[Oa(O,{checked:!0,showCheckbox:!0,text:"Category"}),Oa(O,{checked:!0,showCheckbox:!0,text:"Product"}),Oa(O,{showCheckbox:!0,text:"Region"}),Oa(O,{showCheckbox:!0,text:"Country"}),Oa(O,{hasChildren:!0,text:"Measures"})]})})}),Oa("div",{className:"k-form-field",children:Oa("label",{className:"k-label",id:i,children:"Columns"})}),hk(Dt,{className:"k-column-fields","aria-labelledby":`${o} ${i}`,children:[Oa(Qe,{role:"option",text:"Category",actions:hk(vB,{children:[Oa(Ve,{type:"more"}),Oa(Ve,{type:"remove"})]})}),Oa(Qe,{role:"option",text:"Product",actions:hk(vB,{children:[Oa(Ve,{type:"more"}),Oa(Ve,{type:"remove"})]})})]}),Oa("div",{className:"k-form-field",children:Oa("label",{className:"k-label",id:c,children:"Rows"})}),Oa("div",{className:"k-settings-description",children:"Select some fields to begin setup."}),Oa("div",{className:"k-form-field",children:Oa("label",{className:"k-label",id:p,children:"Values"})}),Oa("div",{className:"k-settings-description",children:"Select some fields to begin setup."})]})}),configuratorDisplay:"opened",...t})};import{Fragment as om,jsx as Oe,jsxs as ar}from"react/jsx-runtime";var hge=Gs.options,gge=Gs.states,wF={...Gs.defaultOptions,variant:"top"},kge=[{name:"top",title:"Top"},{name:"right",title:"Right"},{name:"left",title:"Left"},{name:"bottom",title:"Bottom"}],xge=[{name:"open",title:"Open Settings"}],gk=e=>{let{variant:t,modifiers:o,...r}={...wF,...e},i=Oe(om,{children:ar(Ed,{children:[ar("colgroup",{children:[Oe("col",{}),Oe("col",{})]}),ar(Ld,{children:[ar(yo,{children:[Oe(De,{as:"th",colSpan:1,rowSpan:5,toggle:"up",headerTitle:"Regions",headerRootCell:!0}),Oe(De,{as:"th",colSpan:1,headerTitle:"South America"})]}),Oe(yo,{children:Oe(De,{as:"th",colSpan:1,headerTitle:"North America"})}),Oe(yo,{children:Oe(De,{as:"th",colSpan:1,headerTitle:"Europe"})}),Oe(yo,{children:Oe(De,{as:"th",colSpan:1,headerTitle:"Asia"})}),Oe(yo,{children:Oe(De,{as:"th",colSpan:1,headerTitle:"Africa"})}),Oe(yo,{children:Oe(De,{as:"th",colSpan:2,headerTitle:"Regions",headerRootCell:!0,headerTotalCell:!0})})]})]})}),c=Oe(om,{children:ar(Ed,{children:[ar("colgroup",{children:[Oe("col",{width:"150"}),Oe("col",{width:"150"})]}),ar(Ld,{children:[Oe(yo,{children:Oe(De,{as:"th",colSpan:2,toggle:"up",headerTitle:"Categories",headerRootCell:!0})}),ar(yo,{children:[Oe(De,{as:"th",colSpan:1,headerTitle:"Seafood"}),Oe(De,{as:"th",colSpan:1,headerTitle:"Beverages"})]}),ar(yo,{children:[Oe(De,{as:"th",colSpan:1,toggle:"down",headerTitle:"Products",headerRootCell:!0}),Oe(De,{as:"th",colSpan:1,toggle:"down",headerTitle:"Products",headerRootCell:!0})]})]})]})}),p=Oe(om,{children:ar(Ed,{children:[ar("colgroup",{children:[Oe("col",{width:"150"}),Oe("col",{width:"150"})]}),ar(Ld,{children:[ar(yo,{children:[Oe(De,{as:"td",colSpan:1,content:"1847.00"}),Oe(De,{as:"td",colSpan:1,content:"1488.00"})]}),ar(yo,{children:[Oe(De,{as:"td",colSpan:1,content:"1998.00"}),Oe(De,{as:"td",colSpan:1,content:"1406.00"})]}),ar(yo,{children:[Oe(De,{as:"td",colSpan:1,content:"2065.00"}),Oe(De,{as:"td",colSpan:1,content:"1242.00"})]}),ar(yo,{children:[Oe(De,{as:"td",colSpan:1,content:"1830.00"}),Oe(De,{as:"td",colSpan:1,content:"1579.00"})]}),ar(yo,{children:[Oe(De,{as:"td",colSpan:1,content:"2005.00"}),Oe(De,{as:"td",colSpan:1,content:"1441.00"})]}),ar(yo,{children:[Oe(De,{as:"td",colSpan:1,content:"9745.00",totalCell:!0}),Oe(De,{as:"td",colSpan:1,content:"7156.00",totalCell:!0})]})]})]})}),h=Oe(om,{children:Oe(Id,{mode:"overlay",children:ar(wo,{className:"k-form-horizontal",children:[Oe("div",{className:"k-form-field",children:Oe("label",{className:"k-label",children:"Fields"})}),Oe("div",{className:"k-form-field",children:Oe("div",{className:"k-fields-list-wrapper",children:ar(ft,{children:[Oe(O,{checked:!0,showCheckbox:!0,text:"Category"}),Oe(O,{checked:!0,showCheckbox:!0,text:"Product"})]})})}),Oe("div",{className:"k-form-field",children:Oe("label",{className:"k-label",children:"Columns"})}),ar(Dt,{className:"k-column-fields",children:[Oe(Qe,{text:"Category",actions:ar(om,{children:[Oe(Ve,{type:"more"}),Oe(Ve,{type:"remove"})]})}),Oe(Qe,{text:"Product",actions:ar(om,{children:[Oe(Ve,{type:"more"}),Oe(Ve,{type:"remove"})]})})]}),Oe("div",{className:"k-form-field",children:Oe("label",{className:"k-label",children:"Rows"})}),Oe(Dt,{className:"k-row-fields",children:Oe(Qe,{text:"Region",actions:ar(om,{children:[Oe(Ve,{type:"more"}),Oe(Ve,{type:"remove"})]})})})]})})}),x=Oe(om,{});Object.keys(o||{}).forEach(A=>{A==="open"&&(x=o?.[A]?h:Oe(om,{}))});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"},w=v[t]||v.right;return ar("div",{className:w,children:[Oe(ku,{rowHeaders:i,columnHeaders:c,children:p,style:{gridTemplateRows:"111px 1fr",gridTemplateColumns:"236px 1fr"},...r}),x,Oe(Fb,{})]})};gk.options=hge;gk.states=gge;gk.variants=kge;gk.defaultOptions=wF;gk.modifiers=xge;gk.className=Gs.className;var TB="treelist",NF=TB;import{jsx as Nge}from"react/jsx-runtime";var yF="k-treelist",vge=[],Tge={},wge={},no=e=>Nge(Pe,{...e,ariaRole:"treegrid",className:l(yF,e.className),children:e.children});no.states=vge;no.options=Tge;no.className=yF;no.defaultOptions=wge;no.moduleName=TB;no.folderName=NF;no.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."}]};import{jsx as oo,jsxs as li}from"react/jsx-runtime";var Wb=({gridHeader:e,gridContent:t,menu:o,...r})=>{let i=b("treelist");return li(no,{id:b("treelist"),_renderAriaRoot:!0,ariaRootId:i,ariaColCount:3,ariaRowCount:6,...r,children:[e||oo(ve,{children:oo("div",{className:"k-grid-header-wrap",children:li(he,{role:"none",children:[li("colgroup",{children:[oo("col",{}),oo("col",{}),oo("col",{})]}),oo(ne,{role:"rowgroup",children:li(k,{role:"row","aria-rowindex":1,children:[oo(M,{menu:o,columnTitle:"Name",role:"columnheader","aria-sort":"ascending","aria-colindex":1,...o?{"aria-haspopup":"dialog"}:{}}),oo(M,{menu:o,columnTitle:"Position",role:"columnheader","aria-colindex":2,...o?{"aria-haspopup":"dialog"}:{}}),oo(M,{menu:o,columnTitle:"Hire Date",role:"columnheader","aria-colindex":3,...o?{"aria-haspopup":"dialog"}:{}})]})})]})})}),oo(Ne,{children:t||oo(ge,{children:li(de,{role:"none",children:[li("colgroup",{children:[oo("col",{}),oo("col",{}),oo("col",{})]}),li(ee,{role:"rowgroup",children:[li(k,{role:"row","aria-rowindex":2,"aria-expanded":"true",children:[li(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[oo(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Daryl"]}),oo(n,{role:"gridcell","aria-colindex":2,children:"Sweeney"}),oo(n,{role:"gridcell","aria-colindex":3,children:"CEO"})]}),li(k,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"true",children:[li(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[oo(f,{className:"k-treelist-toggle",icon:"none"}),oo(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Guy"]}),oo(n,{role:"gridcell","aria-colindex":2,children:"Wooten"}),oo(n,{role:"gridcell","aria-colindex":3,children:"Chief Technical Officer"})]}),li(k,{role:"row","aria-rowindex":4,"aria-expanded":"true",children:[li(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[oo(f,{className:"k-treelist-toggle",icon:"none"}),oo(f,{className:"k-treelist-toggle",icon:"none"}),oo(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Buffy"]}),oo(n,{role:"gridcell","aria-colindex":2,children:"Weber"}),oo(n,{role:"gridcell","aria-colindex":3,children:"VP, Engineering"})]}),li(k,{role:"row",alt:!0,"aria-rowindex":5,"aria-expanded":"true",children:[li(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[oo(f,{className:"k-treelist-toggle",icon:"none"}),oo(f,{className:"k-treelist-toggle",icon:"none"}),oo(f,{className:"k-treelist-toggle",icon:"none"}),oo(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Hyacinth"]}),oo(n,{role:"gridcell","aria-colindex":2,children:"Hood"}),oo(n,{role:"gridcell","aria-colindex":3,children:"Team Lead"})]}),li(k,{role:"row","aria-rowindex":6,children:[li(n,{role:"gridcell","aria-colindex":1,children:[oo(f,{className:"k-treelist-toggle",icon:"none"}),oo(f,{className:"k-treelist-toggle",icon:"none"}),oo(f,{className:"k-treelist-toggle",icon:"none"}),oo(f,{className:"k-treelist-toggle",icon:"none"}),oo(f,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),oo(n,{role:"gridcell","aria-colindex":2,children:"Carr"}),oo(n,{role:"gridcell","aria-colindex":3,children:"Junior Software Developer"})]})]})]})})})]})};import{jsx as yge}from"react/jsx-runtime";var AF=e=>yge(Wb,{menu:"column",...e});import{Fragment as CF,jsx as ur,jsxs as Md}from"react/jsx-runtime";var $Zt=({...e})=>{let t=b("treelist"),o=b("treelist-colmenu-popup");return Md(CF,{children:[ur(no,{_renderAriaRoot:!0,ariaRootId:t,ariaColCount:3,ariaRowCount:4,children:Md(CF,{children:[ur(ve,{children:ur("div",{className:"k-grid-header-wrap",children:Md(he,{role:"none",children:[Md("colgroup",{children:[ur("col",{}),ur("col",{}),ur("col",{})]}),ur(ne,{role:"rowgroup",children:Md(k,{role:"row","aria-rowindex":1,children:[ur(M,{menu:"column",columnTitle:"Name",filterable:!0,role:"columnheader","aria-colindex":1,"aria-haspopup":"dialog","aria-expanded":"true","aria-controls":o}),ur(M,{menu:"column",columnTitle:"Position",filterable:!0,role:"columnheader","aria-colindex":2,"aria-haspopup":"dialog"}),ur(M,{menu:"column",columnTitle:"Hire Date",filterable:!0,role:"columnheader","aria-colindex":3,"aria-haspopup":"dialog"})]})})]})})}),ur(Ne,{children:ur(ge,{children:Md(de,{role:"none",children:[Md("colgroup",{children:[ur("col",{}),ur("col",{}),ur("col",{})]}),Md(ee,{role:"rowgroup",children:[Md(k,{role:"row","aria-rowindex":2,"aria-expanded":"true",children:[Md(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[ur(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Daryl Sweeney"]}),ur(n,{role:"gridcell","aria-colindex":2,children:"CEO"}),ur(n,{role:"gridcell","aria-colindex":3,children:"February 7, 2012"})]}),Md(k,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"false",children:[Md(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"false",children:[ur(f,{className:"k-treelist-toggle",icon:"none"}),ur(f,{className:"k-treelist-toggle",icon:"chevron-right"}),"Guy Wooten"]}),ur(n,{role:"gridcell","aria-colindex":2,children:"Chief Technical Officer"}),ur(n,{role:"gridcell","aria-colindex":3,children:"March 3, 2010"})]})]})]})})})]}),...e}),ur(Ce,{className:"k-grid-columnmenu-popup",id:o,role:"dialog","aria-label":"Name Column Menu",children:ur(Yy,{})})]})};import{jsx as Age}from"react/jsx-runtime";var SF=e=>Age(Wb,{menu:"filter",...e});import{Fragment as EF,jsx as br,jsxs as Bd}from"react/jsx-runtime";var mUt=({...e})=>{let t=b("treelist"),o=b("treelist-filter-popup");return Bd(EF,{children:[br(no,{_renderAriaRoot:!0,ariaRootId:t,ariaColCount:3,ariaRowCount:4,children:Bd(EF,{children:[br(ve,{children:br("div",{className:"k-grid-header-wrap",children:Bd(he,{role:"none",children:[Bd("colgroup",{children:[br("col",{}),br("col",{}),br("col",{})]}),br(ne,{role:"rowgroup",children:Bd(k,{role:"row","aria-rowindex":1,children:[br(M,{menu:"filter",columnTitle:"Name",role:"columnheader","aria-colindex":1,"aria-haspopup":"dialog","aria-expanded":"true","aria-controls":o}),br(M,{menu:"filter",columnTitle:"Position",role:"columnheader","aria-colindex":2,"aria-haspopup":"dialog"}),br(M,{menu:"filter",columnTitle:"Hire Date",role:"columnheader","aria-colindex":3,"aria-haspopup":"dialog"})]})})]})})}),br(Ne,{children:br(ge,{children:Bd(de,{role:"none",children:[Bd("colgroup",{children:[br("col",{}),br("col",{}),br("col",{})]}),Bd(ee,{role:"rowgroup",children:[Bd(k,{role:"row","aria-rowindex":2,"aria-expanded":"true",children:[Bd(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[br(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Daryl Sweeney"]}),br(n,{role:"gridcell","aria-colindex":2,children:"CEO"}),br(n,{role:"gridcell","aria-colindex":3,children:"February 7, 2012"})]}),Bd(k,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"false",children:[Bd(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"false",children:[br(f,{className:"k-treelist-toggle",icon:"none"}),br(f,{className:"k-treelist-toggle",icon:"chevron-right"}),"Guy Wooten"]}),br(n,{role:"gridcell","aria-colindex":2,children:"Chief Technical Officer"}),br(n,{role:"gridcell","aria-colindex":3,children:"March 3, 2010"})]})]})]})})})]}),...e}),br(Ce,{className:"k-grid-filter-popup",id:o,role:"dialog","aria-label":"Name Filter Menu",children:br(Gy,{})})]})};import{Fragment as Cge,jsx as fr,jsxs as ac}from"react/jsx-runtime";var TUt=({...e})=>{let t=b("treelist");return fr(no,{_renderAriaRoot:!0,ariaRootId:t,ariaColCount:3,ariaRowCount:4,toolbar:fr(Qi,{role:"toolbar","aria-label":"TreeList toolbar","aria-controls":t,children:fr(d,{children:"Add new record"})}),children:ac(Cge,{children:[fr(ve,{children:fr("div",{className:"k-grid-header-wrap",children:ac(he,{role:"none",children:[ac("colgroup",{children:[fr("col",{}),fr("col",{}),fr("col",{})]}),fr(ne,{role:"rowgroup",children:ac(k,{role:"row","aria-rowindex":1,children:[fr(M,{columnTitle:"Name",role:"columnheader","aria-colindex":1}),fr(M,{columnTitle:"Position",role:"columnheader","aria-colindex":2}),fr(M,{columnTitle:"Hire Date",role:"columnheader","aria-colindex":3})]})})]})})}),fr(Ne,{children:fr(ge,{children:ac(de,{role:"none",children:[ac("colgroup",{children:[fr("col",{}),fr("col",{}),fr("col",{})]}),ac(ee,{role:"rowgroup",children:[ac(k,{role:"row","aria-rowindex":2,"aria-expanded":"true",children:[ac(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[fr(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Daryl Sweeney"]}),fr(n,{role:"gridcell","aria-colindex":2,children:"CEO"}),fr(n,{role:"gridcell","aria-colindex":3,children:"February 7, 2012"})]}),ac(k,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"false",children:[ac(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"false",children:[fr(f,{className:"k-treelist-toggle",icon:"none"}),fr(f,{className:"k-treelist-toggle",icon:"chevron-right"}),"Guy Wooten"]}),fr(n,{role:"gridcell","aria-colindex":2,children:"Chief Technical Officer"}),fr(n,{role:"gridcell","aria-colindex":3,children:"March 3, 2010"})]})]})]})})})]}),...e})};import{jsx as it,jsxs as ii}from"react/jsx-runtime";var LF=({gridHeader:e,gridContent:t,menu:o,...r})=>{let i=b("treelist");return ii(no,{id:b("treelist"),_renderAriaRoot:!0,ariaRootId:i,ariaColCount:4,ariaRowCount:6,...r,children:[e||it(ve,{children:it("div",{className:"k-grid-header-wrap",children:ii(he,{role:"none",children:[ii("colgroup",{children:[it("col",{className:"k-drag-col"}),it("col",{}),it("col",{}),it("col",{})]}),it(ne,{role:"rowgroup",children:ii(k,{role:"row","aria-rowindex":1,children:[it(M,{role:"columnheader",accessibleLabel:"Drag column"}),it(M,{menu:o,columnTitle:"First Name",role:"columnheader","aria-colindex":2}),it(M,{menu:o,columnTitle:"Last Name",role:"columnheader","aria-colindex":3}),it(M,{menu:o,columnTitle:"Position",role:"columnheader","aria-colindex":4})]})})]})})}),it(Ne,{children:t||it(ge,{children:ii(de,{role:"none",children:[ii("colgroup",{children:[it("col",{className:"k-drag-col"}),it("col",{}),it("col",{}),it("col",{})]}),ii(ee,{role:"rowgroup",children:[ii(k,{role:"row","aria-rowindex":2,"aria-expanded":"true",children:[it(n,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:it(f,{icon:"reorder"})}),ii(n,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[it(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Daryl"]}),it(n,{role:"gridcell","aria-colindex":3,children:"Sweeney"}),it(n,{role:"gridcell","aria-colindex":4,children:"CEO"})]}),ii(k,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"true",children:[it(n,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:it(f,{icon:"reorder"})}),ii(n,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[it(f,{className:"k-treelist-toggle",icon:"none"}),it(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Guy"]}),it(n,{role:"gridcell","aria-colindex":3,children:"Wooten"}),it(n,{role:"gridcell","aria-colindex":4,children:"Chief Technical Officer"})]}),ii(k,{role:"row","aria-rowindex":4,"aria-expanded":"true",children:[it(n,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:it(f,{icon:"reorder"})}),ii(n,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[it(f,{className:"k-treelist-toggle",icon:"none"}),it(f,{className:"k-treelist-toggle",icon:"none"}),it(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Buffy"]}),it(n,{role:"gridcell","aria-colindex":3,children:"Weber"}),it(n,{role:"gridcell","aria-colindex":4,children:"VP, Engineering"})]}),ii(k,{role:"row",alt:!0,"aria-rowindex":5,"aria-expanded":"true",children:[it(n,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:it(f,{icon:"reorder"})}),ii(n,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[it(f,{className:"k-treelist-toggle",icon:"none"}),it(f,{className:"k-treelist-toggle",icon:"none"}),it(f,{className:"k-treelist-toggle",icon:"none"}),it(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Hyacinth"]}),it(n,{role:"gridcell","aria-colindex":3,children:"Hood"}),it(n,{role:"gridcell","aria-colindex":4,children:"Team Lead"})]}),ii(k,{role:"row","aria-rowindex":6,children:[it(n,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:it(f,{icon:"reorder"})}),ii(n,{role:"gridcell","aria-colindex":2,children:[it(f,{className:"k-treelist-toggle",icon:"none"}),it(f,{className:"k-treelist-toggle",icon:"none"}),it(f,{className:"k-treelist-toggle",icon:"none"}),it(f,{className:"k-treelist-toggle",icon:"none"}),it(f,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),it(n,{role:"gridcell","aria-colindex":3,children:"Carr"}),it(n,{role:"gridcell","aria-colindex":4,children:"Junior Software Developer"})]})]})]})})})]})};import{jsx as $e,jsxs as Ka}from"react/jsx-runtime";var OUt=({gridHeader:e,gridContent:t,menu:o,...r})=>{let i=b("treelist");return Ka(no,{id:b("treelist"),_renderAriaRoot:!0,ariaRootId:i,ariaColCount:3,ariaRowCount:13,...r,children:[e||$e(ve,{children:$e("div",{className:"k-grid-header-wrap",children:Ka(he,{role:"none",children:[Ka("colgroup",{children:[$e("col",{}),$e("col",{}),$e("col",{})]}),$e(ne,{role:"rowgroup",children:Ka(k,{role:"row","aria-rowindex":1,children:[$e(M,{menu:o,columnTitle:"Name",role:"columnheader","aria-colindex":1}),$e(M,{menu:o,columnTitle:"Position",role:"columnheader","aria-colindex":2}),$e(M,{menu:o,columnTitle:"Hire Date",role:"columnheader","aria-colindex":3})]})})]})})}),$e(Ne,{children:t||$e(ge,{children:Ka(de,{role:"none",children:[Ka("colgroup",{children:[$e("col",{}),$e("col",{}),$e("col",{})]}),Ka(ee,{role:"rowgroup",children:[Ka(k,{role:"row","aria-rowindex":2,"aria-expanded":"true",children:[Ka(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[$e(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Daryl Sweeney"]}),$e(n,{role:"gridcell","aria-colindex":2,children:"CEO"}),$e(n,{role:"gridcell","aria-colindex":3,children:"February 7, 2012"})]}),Ka(k,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"false",children:[Ka(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"false",children:[$e(f,{className:"k-treelist-toggle",icon:"none"}),$e(f,{className:"k-treelist-toggle",icon:"chevron-right"}),"Guy Wooten"]}),$e(n,{role:"gridcell","aria-colindex":2,children:"Chief Technical Officer"}),$e(n,{role:"gridcell","aria-colindex":3,children:"March 3, 2010"})]}),Ka(k,{role:"row","aria-rowindex":4,"aria-expanded":"false",children:[Ka(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"false",children:[$e(f,{className:"k-treelist-toggle",icon:"none"}),$e(f,{className:"k-treelist-toggle",icon:"chevron-right"}),"Priscilla Frank"]}),$e(n,{role:"gridcell","aria-colindex":2,children:"Chief Product Officer"}),$e(n,{role:"gridcell","aria-colindex":3,children:"November 30, 2014"})]}),Ka(k,{role:"row",alt:!0,"aria-rowindex":5,"aria-expanded":"true",children:[Ka(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[$e(f,{className:"k-treelist-toggle",icon:"none"}),$e(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Anika Vega"]}),$e(n,{role:"gridcell","aria-colindex":2,children:"Chief Process Officer"}),$e(n,{role:"gridcell","aria-colindex":3,children:"February 25, 2010"})]}),Ka(k,{role:"row","aria-rowindex":6,"aria-expanded":"false",children:[Ka(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"false",children:[$e(f,{className:"k-treelist-toggle",icon:"none"}),$e(f,{className:"k-treelist-toggle",icon:"none"}),$e(f,{className:"k-treelist-toggle",icon:"chevron-right"}),"Vernon Ballard"]}),$e(n,{role:"gridcell","aria-colindex":2,children:"Director Facilities"}),$e(n,{role:"gridcell","aria-colindex":3,children:"June 26, 2015"})]}),Ka(k,{className:"k-footer-template",role:"row","aria-rowindex":7,children:[Ka(n,{role:"gridcell","aria-colindex":1,children:[$e(f,{className:"k-treelist-toggle",icon:"none"}),$e(f,{className:"k-treelist-toggle",icon:"none"}),$e(f,{className:"k-treelist-toggle",icon:"none"}),"7 employee(s)"]}),$e(n,{role:"gridcell","aria-colindex":2}),$e(n,{role:"gridcell","aria-colindex":3,children:"Last employee hired on July 30, 2015"})]}),Ka(k,{role:"row",alt:!0,"aria-rowindex":8,"aria-expanded":"false",children:[Ka(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"false",children:[$e(f,{className:"k-treelist-toggle",icon:"none"}),$e(f,{className:"k-treelist-toggle",icon:"chevron-right"}),"Nevada Hart"]}),$e(n,{role:"gridcell","aria-colindex":2,children:"Chief Financial Officer"}),$e(n,{role:"gridcell","aria-colindex":3,children:"August 17, 2015"})]}),Ka(k,{role:"row","aria-rowindex":9,"aria-expanded":"false",children:[Ka(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"false",children:[$e(f,{className:"k-treelist-toggle",icon:"none"}),$e(f,{className:"k-treelist-toggle",icon:"chevron-right"}),"Hunter Fry"]}),$e(n,{role:"gridcell","aria-colindex":2,children:"General Counsel"}),$e(n,{role:"gridcell","aria-colindex":3,children:"February 12, 2011"})]}),Ka(k,{className:"k-footer-template",role:"row","aria-rowindex":10,children:[Ka(n,{role:"gridcell","aria-colindex":1,children:[$e(f,{className:"k-treelist-toggle",icon:"none"}),$e(f,{className:"k-treelist-toggle",icon:"none"}),"98 employee(s)"]}),$e(n,{role:"gridcell","aria-colindex":2}),$e(n,{role:"gridcell","aria-colindex":3,children:"Last employee hired on August 17, 2015"})]}),Ka(k,{className:"k-footer-template",role:"row","aria-rowindex":11,children:[Ka(n,{role:"gridcell","aria-colindex":1,children:[$e(f,{className:"k-treelist-toggle",icon:"none"}),"99 employee(s)"]}),$e(n,{role:"gridcell","aria-colindex":2}),$e(n,{role:"gridcell","aria-colindex":3,children:"Last employee hired on August 17, 2015"})]})]})]})})})]})};import{jsx as kt,jsxs as ua}from"react/jsx-runtime";var VUt=({className:e,headerWrapClassName:t,contentClassName:o,...r})=>{let i=b("treelist"),c=b("tl-lc-cell"),p=b("tl-lc-cell"),h=b("tl-lc-cell"),x=b("tl-lc-cell"),v=b("tl-lc-cell"),w=b("tl-lc-cell"),A=b("tl-lc-cell"),N=b("tl-lc-cell"),B=b("tl-lc-cell"),D=b("tl-lc-cell"),z=b("tl-lc-hdr"),U=b("tl-lc-hdr");return ua(no,{id:b("treelist"),className:l("k-grid-lockedcolumns",e),_renderAriaRoot:!0,ariaRootId:i,ariaColCount:4,ariaRowCount:6,...r,children:[ua(ve,{role:"none",children:[kt("div",{className:"k-grid-header-locked",role:"none",style:{width:"400px"},children:ua(he,{role:"none",children:[ua("colgroup",{children:[kt("col",{style:{width:"200px"}}),kt("col",{style:{width:"200px"}})]}),kt(ne,{role:"rowgroup",children:ua(k,{role:"row","aria-rowindex":1,"aria-owns":`${z} ${U}`,children:[kt(M,{columnTitle:"Name",role:"columnheader","aria-sort":"ascending","aria-colindex":1}),kt(M,{columnTitle:"Position",role:"columnheader","aria-colindex":2})]})})]})}),kt("div",{className:l("k-grid-header-wrap",t),role:"none",style:{width:"400px"},children:ua(he,{role:"none",children:[ua("colgroup",{children:[kt("col",{style:{width:"200px"}}),kt("col",{style:{width:"200px"}})]}),kt(ne,{role:"none",children:ua(k,{role:"none",children:[kt(M,{columnTitle:"Hire Date",id:z,role:"columnheader"}),kt(M,{columnTitle:"Department",id:U,role:"columnheader"})]})})]})})]}),ua(Ne,{role:"none",children:[kt("div",{className:"k-grid-content-locked",role:"none",style:{width:"400px",height:"303px"},children:ua(de,{role:"none",children:[ua("colgroup",{children:[kt("col",{style:{width:"200px"}}),kt("col",{style:{width:"200px"}})]}),ua(ee,{role:"rowgroup",children:[ua(k,{className:"k-master-row",role:"row","aria-rowindex":2,"aria-expanded":"true","aria-owns":`${c} ${p}`,children:[ua(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[kt(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Daryl Sweeney"]}),kt(n,{role:"gridcell","aria-colindex":2,children:"CEO"})]}),ua(k,{className:"k-master-row",alt:!0,role:"row","aria-rowindex":3,"aria-expanded":"true","aria-owns":`${h} ${x}`,children:[ua(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[kt(f,{className:"k-treelist-toggle",icon:"none"}),kt(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Guy Wooten"]}),kt(n,{role:"gridcell","aria-colindex":2,children:"CTO"})]}),ua(k,{className:"k-master-row",role:"row","aria-rowindex":4,"aria-expanded":"true","aria-owns":`${v} ${w}`,children:[ua(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[kt(f,{className:"k-treelist-toggle",icon:"none"}),kt(f,{className:"k-treelist-toggle",icon:"none"}),kt(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Buffy Weber"]}),kt(n,{role:"gridcell","aria-colindex":2,children:"VP, Engineering"})]}),ua(k,{className:"k-master-row",alt:!0,role:"row","aria-rowindex":5,"aria-expanded":"true","aria-owns":`${A} ${N}`,children:[ua(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[kt(f,{className:"k-treelist-toggle",icon:"none"}),kt(f,{className:"k-treelist-toggle",icon:"none"}),kt(f,{className:"k-treelist-toggle",icon:"none"}),kt(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Hyacinth Hood"]}),kt(n,{role:"gridcell","aria-colindex":2,children:"Team Lead"})]}),ua(k,{className:"k-master-row",role:"row","aria-rowindex":6,"aria-owns":`${B} ${D}`,children:[ua(n,{role:"gridcell","aria-colindex":1,children:[kt(f,{className:"k-treelist-toggle",icon:"none"}),kt(f,{className:"k-treelist-toggle",icon:"none"}),kt(f,{className:"k-treelist-toggle",icon:"none"}),kt(f,{className:"k-treelist-toggle",icon:"none"}),kt(f,{className:"k-treelist-toggle",icon:"none"}),"Akeem Carr"]}),kt(n,{role:"gridcell","aria-colindex":2,children:"Junior Software Developer"})]})]})]})}),kt(ge,{className:o,role:"none",style:{width:"400px",height:"320px"},children:ua(de,{role:"none",children:[ua("colgroup",{children:[kt("col",{style:{width:"200px"}}),kt("col",{style:{width:"200px"}})]}),ua(ee,{role:"none",children:[ua(k,{className:"k-master-row",role:"none",children:[kt(n,{id:c,role:"gridcell",children:"2010-01-15"}),kt(n,{id:p,role:"gridcell",children:"Executive"})]}),ua(k,{className:"k-master-row",alt:!0,role:"none",children:[kt(n,{id:h,role:"gridcell",children:"2012-06-20"}),kt(n,{id:x,role:"gridcell",children:"Engineering"})]}),ua(k,{className:"k-master-row",role:"none",children:[kt(n,{id:v,role:"gridcell",children:"2014-03-10"}),kt(n,{id:w,role:"gridcell",children:"Engineering"})]}),ua(k,{className:"k-master-row",alt:!0,role:"none",children:[kt(n,{id:A,role:"gridcell",children:"2016-08-05"}),kt(n,{id:N,role:"gridcell",children:"Engineering"})]}),ua(k,{className:"k-master-row",role:"none",children:[kt(n,{id:B,role:"gridcell",children:"2020-11-12"}),kt(n,{id:D,role:"gridcell",children:"Engineering"})]})]})]})})]})]})};import{jsx as aa,jsxs as os}from"react/jsx-runtime";var _Ut=({...e})=>{let t=b("treelist");return os(no,{id:b("treelist"),_renderAriaRoot:!0,ariaRootId:t,ariaColCount:3,ariaRowCount:5,...e,children:[aa(ve,{children:aa("div",{className:"k-grid-header-wrap",children:os(he,{role:"none",children:[os("colgroup",{children:[aa("col",{}),aa("col",{}),aa("col",{})]}),aa(ne,{role:"rowgroup",children:os(k,{role:"row","aria-rowindex":1,children:[aa(M,{columnTitle:"Name",role:"columnheader","aria-colindex":1}),aa(M,{columnTitle:"Position",role:"columnheader","aria-colindex":2}),aa(M,{columnTitle:"Hire Date",role:"columnheader","aria-colindex":3})]})})]})})}),aa(Ne,{children:aa(ge,{children:os(de,{role:"none",children:[os("colgroup",{children:[aa("col",{}),aa("col",{}),aa("col",{})]}),os(ee,{role:"rowgroup",children:[os(k,{role:"row","aria-rowindex":2,"aria-expanded":"true",selected:!0,"aria-selected":"true",children:[os(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true","aria-selected":"true",children:[aa(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Daryl"]}),aa(n,{role:"gridcell","aria-colindex":2,"aria-selected":"true",children:"Sweeney"}),aa(n,{role:"gridcell","aria-colindex":3,"aria-selected":"true",children:"CEO"})]}),os(k,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"true",children:[os(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[aa(f,{className:"k-treelist-toggle",icon:"none"}),aa(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Guy"]}),aa(n,{role:"gridcell","aria-colindex":2,children:"Wooten"}),aa(n,{role:"gridcell","aria-colindex":3,children:"Chief Technical Officer"})]}),os(k,{role:"row","aria-rowindex":4,children:[os(n,{role:"gridcell","aria-colindex":1,children:[aa(f,{className:"k-treelist-toggle",icon:"none"}),aa(f,{className:"k-treelist-toggle",icon:"none"}),aa(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Buffy"]}),aa(n,{role:"gridcell","aria-colindex":2,children:"Weber"}),aa(n,{role:"gridcell","aria-colindex":3,children:"VP, Engineering"})]}),os(k,{role:"row",alt:!0,"aria-rowindex":5,children:[os(n,{role:"gridcell","aria-colindex":1,children:[aa(f,{className:"k-treelist-toggle",icon:"none"}),aa(f,{className:"k-treelist-toggle",icon:"none"}),aa(f,{className:"k-treelist-toggle",icon:"none"}),"Hyacinth"]}),aa(n,{role:"gridcell","aria-colindex":2,children:"Hood"}),aa(n,{role:"gridcell","aria-colindex":3,children:"Team Lead"})]})]})]})})})]})};import{jsx as ra,jsxs as as}from"react/jsx-runtime";var iJt=({...e})=>{let t=b("treelist");return as(no,{id:b("treelist"),_renderAriaRoot:!0,ariaRootId:t,ariaColCount:3,ariaRowCount:5,...e,children:[ra(ve,{children:ra("div",{className:"k-grid-header-wrap",children:as(he,{role:"none",children:[as("colgroup",{children:[ra("col",{}),ra("col",{}),ra("col",{})]}),ra(ne,{role:"rowgroup",children:as(k,{role:"row","aria-rowindex":1,children:[ra(M,{columnTitle:"Name",role:"columnheader","aria-colindex":1}),ra(M,{columnTitle:"Position",role:"columnheader","aria-colindex":2}),ra(M,{columnTitle:"Hire Date",role:"columnheader","aria-colindex":3})]})})]})})}),ra(Ne,{children:ra(ge,{children:as(de,{role:"none",children:[as("colgroup",{children:[ra("col",{}),ra("col",{}),ra("col",{})]}),as(ee,{role:"rowgroup",children:[as(k,{role:"row","aria-rowindex":2,"aria-expanded":"true",children:[as(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",selected:!0,"aria-selected":"true",children:[ra(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Daryl"]}),ra(n,{role:"gridcell","aria-colindex":2,selected:!0,"aria-selected":"true",children:"Sweeney"}),ra(n,{role:"gridcell","aria-colindex":3,children:"CEO"})]}),as(k,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"true",children:[as(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[ra(f,{className:"k-treelist-toggle",icon:"none"}),ra(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Guy"]}),ra(n,{role:"gridcell","aria-colindex":2,children:"Wooten"}),ra(n,{role:"gridcell","aria-colindex":3,children:"Chief Technical Officer"})]}),as(k,{role:"row","aria-rowindex":4,children:[as(n,{role:"gridcell","aria-colindex":1,children:[ra(f,{className:"k-treelist-toggle",icon:"none"}),ra(f,{className:"k-treelist-toggle",icon:"none"}),ra(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Buffy"]}),ra(n,{role:"gridcell","aria-colindex":2,children:"Weber"}),ra(n,{role:"gridcell","aria-colindex":3,children:"VP, Engineering"})]}),as(k,{role:"row",alt:!0,"aria-rowindex":5,children:[as(n,{role:"gridcell","aria-colindex":1,children:[ra(f,{className:"k-treelist-toggle",icon:"none"}),ra(f,{className:"k-treelist-toggle",icon:"none"}),ra(f,{className:"k-treelist-toggle",icon:"none"}),"Hyacinth"]}),ra(n,{role:"gridcell","aria-colindex":2,children:"Hood"}),ra(n,{role:"gridcell","aria-colindex":3,children:"Team Lead"})]})]})]})})})]})};import{jsx as ye,jsxs as Za}from"react/jsx-runtime";var Sge=no.options,Ege=no.states,IF={...no.defaultOptions,variant:"normal"},Lge=[{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"}],Ige=[{name:"toolbar",title:"Toolbar"},{name:"pager",title:"Pager"}],kk=e=>{let{variant:t,modifiers:o,...r}={...IF,...e},i={},c=Za(Qi,{children:[ye(d,{icon:"plus",children:"Add New"}),ye(d,{icon:"file-pdf",children:"Export to PDF"}),ye("span",{className:"k-spacer"}),ye(ue,{prefix:ye(f,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),p=ye(Ia,{pageSizes:!1,refresh:!1});switch(Object.keys(o||{}).forEach(h=>{switch(h){case"toolbar":i.toolbar=o?.[h]?c:void 0;break;case"pager":i.pager=o?.[h]?p:void 0;break;default:return}}),t){case"row-reordering":return ye(LF,{...r,...i});case"column-menu":return ye(AF,{...r,...i,gridHeader:ye(ve,{children:ye("div",{className:"k-grid-header-wrap",children:Za(he,{children:[Za("colgroup",{children:[ye("col",{}),ye("col",{}),ye("col",{})]}),ye(ne,{children:Za(k,{children:[ye(M,{menu:"column",columnTitle:"First Name"}),ye(M,{menu:"column",columnTitle:"Last Name"}),ye(M,{menu:"column",columnTitle:"Position"})]})})]})})})});case"filter-row":return ye(SF,{...r,...i,gridHeader:ye(ve,{children:ye("div",{className:"k-grid-header-wrap",children:Za(he,{children:[Za("colgroup",{children:[ye("col",{}),ye("col",{}),ye("col",{})]}),ye(ne,{children:Za(k,{children:[ye(M,{menu:"filter",columnTitle:"First Name"}),ye(M,{menu:"filter",columnTitle:"Last Name"}),ye(M,{menu:"filter",columnTitle:"Position"})]})})]})})})});case"sorting":return ye(Wb,{...r,...i,gridHeader:ye(ve,{children:ye("div",{className:"k-grid-header-wrap",children:Za(he,{children:[Za("colgroup",{children:[ye("col",{}),ye("col",{}),ye("col",{})]}),ye(ne,{children:Za(k,{children:[ye(M,{columnTitle:"First Name"}),ye(M,{columnTitle:"Last Name",sortable:!0}),ye(M,{columnTitle:"Position"})]})})]})})}),gridContent:ye(ge,{children:Za(de,{children:[Za("colgroup",{children:[ye("col",{}),ye("col",{className:"k-sorted"}),ye("col",{})]}),Za(ee,{children:[Za(k,{className:"k-treelist-group",children:[Za(n,{children:[ye(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Daryl"]}),ye(n,{children:"Sweeney"}),ye(n,{children:"CEO"})]}),Za(k,{className:"k-treelist-group",alt:!0,children:[Za(n,{children:[ye(f,{className:"k-treelist-toggle",icon:"none"}),ye(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Guy"]}),ye(n,{children:"Wooten"}),ye(n,{children:"Chief Technical Officer"})]}),Za(k,{className:"k-treelist-group",children:[Za(n,{children:[ye(f,{className:"k-treelist-toggle",icon:"none"}),ye(f,{className:"k-treelist-toggle",icon:"none"}),ye(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Buffy"]}),ye(n,{children:"Weber"}),ye(n,{children:"VP, Engineering"})]}),Za(k,{className:"k-treelist-group",alt:!0,children:[Za(n,{children:[ye(f,{className:"k-treelist-toggle",icon:"none"}),ye(f,{className:"k-treelist-toggle",icon:"none"}),ye(f,{className:"k-treelist-toggle",icon:"none"}),ye(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Hyacinth"]}),ye(n,{children:"Hood"}),ye(n,{children:"Team Lead"})]}),Za(k,{children:[Za(n,{children:[ye(f,{className:"k-treelist-toggle",icon:"none"}),ye(f,{className:"k-treelist-toggle",icon:"none"}),ye(f,{className:"k-treelist-toggle",icon:"none"}),ye(f,{className:"k-treelist-toggle",icon:"none"}),ye(f,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),ye(n,{children:"Carr"}),ye(n,{children:"Junior Software Developer"})]})]})]})})});default:return ye(Wb,{...r,...i,gridHeader:ye(ve,{children:ye("div",{className:"k-grid-header-wrap",children:Za(he,{children:[Za("colgroup",{children:[ye("col",{}),ye("col",{}),ye("col",{})]}),ye(ne,{children:Za(k,{children:[ye(M,{columnTitle:"First Name"}),ye(M,{columnTitle:"Last Name"}),ye(M,{columnTitle:"Position"})]})})]})})})})}};kk.options=Sge;kk.states=Ege;kk.variants=Lge;kk.defaultOptions=IF;kk.modifiers=Ige;kk.className=no.className;var wB="propertygrid",MF=wB;import{jsx as Dge}from"react/jsx-runtime";var BF="k-property-grid",Mge=[],Bge={},Pge={},Hs=e=>Dge(no,{...e,className:l(BF,e.className),children:e.children});Hs.states=Mge;Hs.options=Bge;Hs.className=BF;Hs.defaultOptions=Pge;Hs.moduleName=wB;Hs.folderName=MF;Hs.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."}]};import{jsx as co,jsxs as el}from"react/jsx-runtime";var FT=({content:e,...t})=>{let o=b("propertygrid");return co(Hs,{style:{height:"450px"},_renderAriaRoot:!0,ariaRootId:o,ariaColCount:2,ariaRowCount:9,toolbar:el(Qi,{resizable:!0,role:"toolbar","aria-label":"PropertyGrid toolbar","aria-controls":o,children:[co(ue,{prefix:co(f,{icon:"search"}),placeholder:"Search...","aria-label":"Search properties"}),co(ae,{value:"Default Sort","aria-label":"Sort order"}),co(d,{icon:"categorize","aria-label":"Categorize"}),co(d,{icon:"info-circle","aria-label":"Info"})]}),...t,children:co(Ne,{children:e||co(ge,{className:"k-auto-scrollable",children:el(de,{role:"none",children:[el("colgroup",{children:[co("col",{style:{width:"200px"}}),co("col",{style:{width:"250px"}})]}),el(ee,{role:"rowgroup",children:[el(k,{role:"row","aria-rowindex":1,children:[el(n,{role:"gridcell","aria-colindex":1,children:[co(f,{className:"k-treelist-toggle",icon:"none"}),"size"]}),co(n,{role:"gridcell","aria-colindex":2,children:co("b",{children:"medium"})})]}),el(k,{role:"row",alt:!0,"aria-rowindex":2,children:[el(n,{role:"gridcell","aria-colindex":1,children:[co(f,{className:"k-treelist-toggle",icon:"none"}),"themeColor"]}),co(n,{role:"gridcell","aria-colindex":2,children:co("b",{children:"base"})})]}),el(k,{role:"row","aria-rowindex":3,children:[el(n,{role:"gridcell","aria-colindex":1,children:[co(f,{className:"k-treelist-toggle",icon:"none"}),"fillMode"]}),co(n,{role:"gridcell","aria-colindex":2,children:co("b",{children:"solid"})})]}),el(k,{role:"row",alt:!0,"aria-rowindex":4,children:[el(n,{role:"gridcell","aria-colindex":1,children:[co(f,{className:"k-treelist-toggle",icon:"none"}),"rounded"]}),co(n,{role:"gridcell","aria-colindex":2,children:co("b",{children:"medium"})})]}),el(k,{role:"row","aria-rowindex":5,children:[el(n,{role:"gridcell","aria-colindex":1,children:[co(f,{className:"k-treelist-toggle",icon:"none"}),"icon"]}),co(n,{role:"gridcell","aria-colindex":2,children:co(f,{icon:"star"})})]}),el(k,{role:"row",alt:!0,"aria-rowindex":6,"aria-expanded":"true",children:[el(n,{role:"gridcell","aria-colindex":1,children:[co(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"font"]}),co(n,{role:"gridcell","aria-colindex":2,children:"Roboto 400"})]}),el(k,{role:"row","aria-rowindex":7,children:[el(n,{role:"gridcell","aria-colindex":1,children:[co(f,{className:"k-treelist-toggle",icon:"none"}),co(f,{className:"k-treelist-toggle",icon:"none"}),"font-weight"]}),co(n,{role:"gridcell","aria-colindex":2,children:co("b",{children:"400"})})]}),el(k,{role:"row",alt:!0,"aria-rowindex":8,children:[el(n,{role:"gridcell","aria-colindex":1,children:[co(f,{className:"k-treelist-toggle",icon:"none"}),co(f,{className:"k-treelist-toggle",icon:"none"}),"font-family"]}),co(n,{role:"gridcell","aria-colindex":2,children:co("b",{children:"Roboto"})})]}),co(k,{className:"k-hidden k-bottom k-sticky k-footer-template",children:co(n,{colspan:"2",children:co("span",{children:"\xA0"})})})]})]})})})})};import{jsx as zT}from"react/jsx-runtime";var o9t=({content:e,...t})=>zT(_t,{panes:[zT(Me,{scrollable:!0,flexBasis:"215px",children:zT(d,{icon:"star",children:"Button"})},"pane-1"),zT(Me,{scrollable:!0,children:zT(FT,{...t,content:e})},"pane-2")]});import{jsx as xk}from"react/jsx-runtime";var Rge=Hs.options,Oge=Hs.states,PF={...Hs.defaultOptions,variant:"normal"},Kge=[{name:"normal",title:"Normal"},{name:"preview",title:"With Preview"}],Yge=[],vk=e=>{let{variant:t,...o}={...PF,...e};return t==="preview"?xk(_t,{panes:[xk(Me,{className:"k-text-center k-mt-24",scrollable:!0,flexBasis:"215px",children:xk(d,{icon:"star",children:"Button"})},"pane-1"),xk(Me,{scrollable:!0,children:xk(FT,{style:{height:"auto"},...o})},"pane-2")]}):xk(FT,{style:{height:"auto"},...o})};vk.options=Rge;vk.states=Oge;vk.variants=Kge;vk.defaultOptions=PF;vk.modifiers=Yge;vk.className=Hs.className;var NB="filter",DF=NB;import{jsx as yB,jsxs as zge}from"react/jsx-runtime";var RF="k-filter",Gge=[],Hge={},Fge={},yi=e=>{let{children:t,expressionPreview:o,showApplyButton:r}=e;return zge("div",{className:l(e.className,RF),children:[yB("ul",{className:"k-filter-container",role:"tree","aria-label":"Filter",children:yB("li",{className:"k-filter-group-main",role:"treeitem",children:t})}),o,r&&yB(d,{className:"k-filter-apply",children:"Apply"})]})};yi.states=Gge;yi.options=Hge;yi.defaultOptions=Fge;yi.className=RF;yi.moduleName=NB;yi.folderName=DF;yi.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."}]};import{jsx as Zge}from"react/jsx-runtime";var Wge="k-filter-toolbar",Vge=[],Qge={},Xge={},xl=e=>{let{children:t}=e;return Zge("div",{className:l(Wge),children:t})};xl.states=Vge;xl.options=Qge;xl.defaultOptions=Xge;import{jsx as _ge}from"react/jsx-runtime";var Uge="k-filter-lines",Jge=[],jge={},qge={},lp=e=>{let{children:t}=e;return _ge("ul",{className:l(Uge),role:"group",children:t})};lp.states=Jge;lp.options=jge;lp.defaultOptions=qge;import{jsx as OF}from"react/jsx-runtime";var KF="k-filter-preview",$ge=[],eke={},tke={},Tk=e=>{let{fields:t}=e,o=[];return t&&t.map(({name:r,value:i},c)=>{o.push(OF("span",{className:`k-filter-preview-${r}`,children:`${i} `},c))}),OF("div",{className:l(KF),children:o})};Tk.states=$ge;Tk.options=eke;Tk.defaultOptions=tke;Tk.className=KF;import{jsx as ike}from"react/jsx-runtime";var oke="k-filter-item",ake=[],rke={},lke={},rs=e=>{let{children:t}=e;return ike("li",{className:l(oke),role:"treeitem",children:t})};rs.states=ake;rs.options=rke;rs.defaultOptions=lke;import{Fragment as ske,jsx as Ro,jsxs as Vb}from"react/jsx-runtime";var AB=({children:e,...t})=>Ro(yi,{...t,children:e||Vb(ske,{children:[Ro(xl,{children:Vb(ie,{"aria-label":"Filter group",children:[Vb(W,{children:[Ro(d,{className:"k-group-start",selected:!0,children:"And"}),Ro(d,{className:"k-group-end",children:"Or"})]}),Ro(d,{icon:"filter-add-expression",children:"Add Expression"}),Ro(d,{icon:"filter-add-group",children:"Add Group"}),Ro(d,{fillMode:"flat",icon:"x","aria-label":"Remove group",title:"Remove group"})]})}),Vb(lp,{children:[Ro(rs,{children:Ro(xl,{children:Vb(ie,{"aria-label":"Filter expression",children:[Ro(at,{className:"k-filter-field",children:Ro(ae,{value:"Name","aria-label":"Field"})}),Ro(at,{className:"k-filter-operator",children:Ro(ae,{value:"Is equal to","aria-label":"Operator"})}),Ro(at,{className:"k-filter-value",children:Ro(ue,{placeholder:"James","aria-label":"Value"})}),Ro(d,{fillMode:"flat",icon:"x","aria-label":"Remove expression",title:"Remove expression"})]})})}),Ro(rs,{children:Ro(xl,{children:Vb(ie,{"aria-label":"Filter expression",children:[Ro(at,{className:"k-filter-field",children:Ro(ae,{value:"Price","aria-label":"Field"})}),Ro(at,{className:"k-filter-operator",children:Ro(ae,{value:"Is greater than","aria-label":"Operator"})}),Ro(at,{className:"k-filter-value",children:Ro(qe,{placeholder:"100,00","aria-label":"Value"})}),Ro(d,{fillMode:"flat",icon:"x","aria-label":"Remove expression",title:"Remove expression"})]})})}),Ro(rs,{children:Ro(xl,{children:Vb(ie,{"aria-label":"Filter expression",children:[Ro(at,{className:"k-filter-field",children:Ro(ae,{value:"First Ordered","aria-label":"Field"})}),Ro(at,{className:"k-filter-operator",children:Ro(ae,{value:"Is before","aria-label":"Operator"})}),Ro(at,{className:"k-filter-value",children:Ro(bl,{placeholder:"1/21/2021"})}),Ro(d,{fillMode:"flat",icon:"x","aria-label":"Remove expression",title:"Remove expression"})]})})})]})]})});import{Fragment as nke,jsx as Mo,jsxs as Qb}from"react/jsx-runtime";var _9t=({children:e,expressionPreview:t,...o})=>Mo(yi,{showApplyButton:!0,expressionPreview:t||Mo(Tk,{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||Qb(nke,{children:[Mo(xl,{children:Qb(ie,{"aria-label":"Filter group",children:[Qb(W,{children:[Mo(d,{className:"k-group-start",selected:!0,children:"And"}),Mo(d,{className:"k-group-end",children:"Or"})]}),Mo(d,{icon:"filter-add-expression",children:"Add Expression"}),Mo(d,{icon:"filter-add-group",children:"Add Group"}),Mo(d,{fillMode:"flat",icon:"x","aria-label":"Remove group",title:"Remove group"})]})}),Qb(lp,{children:[Mo(rs,{children:Mo(xl,{children:Qb(ie,{"aria-label":"Filter expression",children:[Mo(at,{className:"k-filter-field",children:Mo(ae,{value:"Name","aria-label":"Field"})}),Mo(at,{className:"k-filter-operator",children:Mo(ae,{value:"Is equal to","aria-label":"Operator"})}),Mo(at,{className:"k-filter-value",children:Mo(ue,{placeholder:"James","aria-label":"Value"})}),Mo(d,{fillMode:"flat",icon:"x","aria-label":"Remove expression",title:"Remove expression"})]})})}),Mo(rs,{children:Mo(xl,{children:Qb(ie,{"aria-label":"Filter expression",children:[Mo(at,{className:"k-filter-field",children:Mo(ae,{value:"Price","aria-label":"Field"})}),Mo(at,{className:"k-filter-operator",children:Mo(ae,{value:"Is greater than","aria-label":"Operator"})}),Mo(at,{className:"k-filter-value",children:Mo(qe,{placeholder:"100,00","aria-label":"Value"})}),Mo(d,{fillMode:"flat",icon:"x","aria-label":"Remove expression",title:"Remove expression"})]})})}),Mo(rs,{children:Mo(xl,{children:Qb(ie,{"aria-label":"Filter expression",children:[Mo(at,{className:"k-filter-field",children:Mo(ae,{value:"First Ordered","aria-label":"Field"})}),Mo(at,{className:"k-filter-operator",children:Mo(ae,{value:"Is before","aria-label":"Operator"})}),Mo(at,{className:"k-filter-value",children:Mo(bl,{placeholder:"1/21/2021"})}),Mo(d,{fillMode:"flat",icon:"x","aria-label":"Remove expression",title:"Remove expression"})]})})})]})]})});import{jsx as Jt,jsxs as ip}from"react/jsx-runtime";var dke=yi.options,cke=yi.states,pke={...yi.defaultOptions,variant:"normal"},mke=[{name:"normal",title:"Single Group"}],uke=[{name:"expanded",title:"Expanded"}],wk=e=>{let{modifiers:t,...o}=e,{expanded:r}=t||{};return(r?"expanded":"normal")==="expanded"?ip(AB,{...o,children:[Jt(xl,{children:ip(ie,{children:[ip(W,{children:[Jt(d,{selected:!0,children:"And"}),Jt(d,{children:"Or"})]}),Jt(d,{icon:"filter-add-expression",children:"Add Expression"}),Jt(d,{icon:"filter-add-group",children:"Add Group"}),Jt(d,{fillMode:"flat",icon:"x"})]})}),ip(lp,{children:[Jt(rs,{children:Jt(xl,{children:ip(ie,{children:[Jt(at,{className:"k-filter-field",children:Jt(ae,{value:"Name"})}),Jt(at,{className:"k-filter-operator",children:Jt(ae,{value:"Is equal to"})}),Jt(at,{className:"k-filter-value",children:Jt(ue,{placeholder:"James"})}),Jt(d,{fillMode:"flat",icon:"x"})]})})}),Jt(rs,{children:Jt(xl,{children:ip(ie,{children:[Jt(at,{className:"k-filter-field",children:Jt(ae,{value:"Price"})}),Jt(at,{className:"k-filter-operator",children:Jt(ae,{value:"Is greater than"})}),Jt(at,{className:"k-filter-value",children:Jt(qe,{placeholder:"100,00"})}),Jt(d,{fillMode:"flat",icon:"x"})]})})}),Jt(rs,{children:Jt(xl,{children:ip(ie,{children:[Jt(at,{className:"k-filter-field",children:Jt(ae,{value:"First Ordered"})}),Jt(at,{className:"k-filter-operator",children:Jt(ae,{value:"Is before"})}),Jt(at,{className:"k-filter-value",children:Jt(bl,{placeholder:"1/21/2021"})}),Jt(d,{fillMode:"flat",icon:"x"})]})})})]})]}):ip(AB,{...o,children:[Jt(xl,{children:ip(ie,{children:[ip(W,{children:[Jt(d,{selected:!0,children:"And"}),Jt(d,{children:"Or"})]}),Jt(d,{icon:"filter-add-expression",children:"Add Expression"}),Jt(d,{icon:"filter-add-group",children:"Add Group"}),Jt(d,{fillMode:"flat",icon:"x"})]})}),Jt(lp,{})]})};wk.options=dke;wk.states=cke;wk.variants=mke;wk.defaultOptions=pke;wk.modifiers=uke;wk.className=yi.className;var sp="file-manager",np="filemanager";import{jsx as gke}from"react/jsx-runtime";var YF="k-filemanager-toolbar",bke=[],fke={},hke={},Ai=e=>{let{children:t,...o}=e;return gke(ie,{...o,className:l(e.className,YF),children:t})};Ai.states=bke;Ai.options=fke;Ai.className=YF;Ai.defaultOptions=hke;Ai.moduleName=sp;Ai.folderName=np;import{Fragment as Tke,jsx as Fs,jsxs as WT}from"react/jsx-runtime";var CB="k-filemanager",kke=[m.disabled],xke={},vke=Fs(Tke,{children:WT(Ai,{children:[Fs(d,{children:"New Folder"}),Fs(d,{children:"Upload"}),WT(W,{children:[Fs(d,{className:"k-group-start",icon:"sort-asc-small","aria-label":"Sort ascending"}),Fs(d,{className:"k-group-end",icon:"sort-desc-small","aria-label":"Sort descending"})]}),Fs(ut,{text:"Sort By"}),WT(W,{children:[Fs(d,{className:"k-group-start",icon:"grid-layout","aria-label":"List view"}),Fs(d,{className:"k-group-end",icon:"grid","aria-label":"Grid view"})]}),Fs("div",{className:"k-spacer"}),WT("div",{className:"k-filemanager-details-toggle",children:[Fs("label",{children:"View Details"}),Fs(ka,{"aria-label":"View Details"})]}),Fs(ga,{className:"k-filemanager-search-tool",placeholder:"Search..."})]})}),GF={toolbar:vke},tl=e=>{let{disabled:t,toolbar:o=GF.toolbar,...r}=e;return WT("div",{...r,className:l(e.className,CB,L(CB,{disabled:t})),children:[Fs("div",{className:"k-filemanager-header",children:o}),Fs("div",{className:"k-filemanager-content-container",children:e.children})]})};tl.states=kke;tl.options=xke;tl.className=CB;tl.defaultOptions=GF;tl.moduleName=sp;tl.folderName=np;tl.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."}]};import{jsx as Ake}from"react/jsx-runtime";var HF="k-filemanager-breadcrumb",wke=[],Nke={},yke={},zs=e=>{let{children:t,...o}=e;return Ake(vr,{className:l(e.className,HF),...o,children:t})};zs.states=wke;zs.options=Nke;zs.className=HF;zs.defaultOptions=yke;zs.moduleName=sp;zs.folderName=np;import{jsx as Lke}from"react/jsx-runtime";var FF="k-filemanager-listview",Cke=[],Ske={},Eke={},dp=e=>{let{children:t,...o}=e;return Lke(Kl,{className:l(e.className,FF),layout:"flex",flexDirection:"row",flexWrap:"wrap",selectable:!0,contentAriaLabel:"Files",...o,children:t})};dp.states=Cke;dp.options=Ske;dp.className=FF;dp.defaultOptions=Eke;dp.moduleName=sp;dp.folderName=np;import{jsx as Pke}from"react/jsx-runtime";var zF="k-filemanager-treeview",Ike=[],Mke={},Bke={},Ws=e=>{let{children:t,...o}=e;return Pke(ft,{className:l(e.className,zF),...o,children:t})};Ws.states=Ike;Ws.options=Mke;Ws.className=zF;Ws.defaultOptions=Bke;Ws.moduleName=sp;Ws.folderName=np;import{jsx as WF,jsxs as Oke}from"react/jsx-runtime";var VF="k-filemanager-drag-hint",Dke=[],Rke={},QF={icon:"file"},gA=e=>{let{hint:t,icon:o=QF.icon,...r}=e;return Oke("div",{className:l(e.className,VF,"k-drag-clue"),...r,children:[WF(f,{icon:o}),WF("span",{children:t})]})};gA.states=Dke;gA.options=Rke;gA.className=VF;gA.defaultOptions=QF;import{Fragment as VT,jsx as Vs,jsxs as Nk}from"react/jsx-runtime";var XF="k-file-info",Kke=[],Yke={},SB={name:"No File Selected",icon:"file"},xu=e=>{let{selection:t,name:o=SB.name,icon:r=SB.icon,fileType:i,fileSize:c,fileDateCreated:p,fileDateModified:h,...x}=e;return Nk("div",{...x,className:l(e.className,XF),children:[Vs(Yl,{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"&&Vs(VT,{children:Nk("dl",{className:"k-file-meta",children:[i&&Nk(VT,{children:[Vs("dt",{className:"k-file-meta-label",children:"Type: "}),Vs("dd",{className:"k-file-meta-value k-file-type",children:i}),Vs("dd",{className:"k-line-break"})]}),c&&Nk(VT,{children:[Vs("dt",{className:"k-file-meta-label",children:"Size: "}),Vs("dd",{className:"k-file-meta-value k-file-size",children:c}),Vs("dd",{className:"k-line-break"})]}),p&&Nk(VT,{children:[Vs("dt",{className:"k-file-meta-label",children:"Date Created: "}),Vs("dd",{className:"k-file-meta-value k-file-created",children:p}),Vs("dd",{className:"k-line-break"})]}),h&&Nk(VT,{children:[Vs("dt",{className:"k-file-meta-label",children:"Date Modified: "}),Vs("dd",{className:"k-file-meta-value k-file-modified",children:h}),Vs("dd",{className:"k-line-break"})]})]})})]})};xu.states=Kke;xu.options=Yke;xu.className=XF;xu.defaultOptions=SB;import{Fragment as zke,jsx as EB,jsxs as Wke}from"react/jsx-runtime";var ZF="k-file-preview",Gke=[],Hke={size:[g.undefined,g.xsmall,g.small,g.medium,g.large,g.xlarge,g.xxlarge,g.xxxlarge]},Fke={},Yl=e=>{let{size:t,icon:o,name:r,...i}=e;return Wke(zke,{children:[EB("span",{...i,className:l(ZF),children:EB(f,{className:"k-file-icon",icon:o,size:t})}),EB("span",{className:l(e.className,"k-file-name"),children:r})]})};Yl.states=Gke;Yl.options=Hke;Yl.className=ZF;Yl.defaultOptions=Fke;import{Fragment as Vke,jsx as Ua,jsxs as yk}from"react/jsx-runtime";var UF=e=>Ua(tl,{toolbar:yk(Ai,{children:[Ua(d,{children:"New Folder"}),Ua(d,{children:"Upload"}),yk(W,{children:[Ua(d,{className:"k-group-start",icon:"sort-asc-small","aria-label":"Sort ascending"}),Ua(d,{className:"k-group-end",icon:"sort-desc-small","aria-label":"Sort descending"})]}),Ua(ut,{text:"Sort By"}),yk(W,{children:[Ua(d,{className:"k-group-start",icon:"grid","aria-label":"Grid view"}),Ua(d,{className:"k-group-end",icon:"grid-layout",selected:!0,"aria-label":"List view"})]}),Ua("div",{className:"k-spacer"}),yk("div",{className:"k-filemanager-details-toggle",children:[Ua("label",{children:"View Details"}),Ua(ka,{"aria-label":"View Details"})]}),Ua(ga,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:Ua(Vke,{children:Ua(_t,{className:"k-filemanager-splitter",panes:[Ua(Me,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:Ua(Ws,{children:Ua(O,{text:"Folder"})})},"pane-1"),yk(Me,{className:"k-filemanager-content",scrollable:!0,children:[Ua(zs,{children:Ua(Pl,{children:Ua(io,{root:!0,children:Ua(eo,{root:!0,icon:!0,"aria-label":"Home",children:Ua(f,{icon:"home"})})})})}),yk(dp,{children:[Ua(_o,{itemRole:"option",ariaSetSize:2,ariaPosInSet:1,tabIndex:0,children:Ua(Yl,{name:"Folder",icon:"folder",size:"xxxlarge"})}),Ua(_o,{itemRole:"option",ariaSetSize:2,ariaPosInSet:2,tabIndex:-1,children:Ua(Yl,{name:"file.png",icon:"file-image",size:"xxxlarge"})})]})]},"pane-2")]})}),...e});import{Fragment as Qke,jsx as Ba,jsxs as Ak}from"react/jsx-runtime";var JF=e=>Ba(tl,{toolbar:Ak(Ai,{children:[Ba(d,{children:"New Folder"}),Ba(d,{children:"Upload"}),Ak(W,{children:[Ba(d,{className:"k-group-start",icon:"sort-asc-small","aria-label":"Sort ascending"}),Ba(d,{className:"k-group-end",icon:"sort-desc-small","aria-label":"Sort descending"})]}),Ba(ut,{text:"Sort By"}),Ak(W,{children:[Ba(d,{className:"k-group-start",icon:"grid","aria-label":"Grid view"}),Ba(d,{className:"k-group-end",icon:"grid-layout",selected:!0,"aria-label":"List view"})]}),Ba("div",{className:"k-spacer"}),Ak("div",{className:"k-filemanager-details-toggle",children:[Ba("label",{children:"View Details"}),Ba(ka,{checked:!0,"aria-label":"View Details"})]}),Ba(ga,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:Ba(Qke,{children:Ba(_t,{className:"k-filemanager-splitter",panes:[Ba(Me,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:Ba(Ws,{children:Ba(O,{text:"Folder"})})},"pane-1"),Ak(Me,{className:"k-filemanager-content",scrollable:!0,children:[Ba(zs,{children:Ba(Pl,{children:Ba(io,{root:!0,children:Ba(eo,{root:!0,icon:!0,"aria-label":"Home",children:Ba(f,{icon:"home"})})})})}),Ak(dp,{children:[Ba(_o,{itemRole:"option",ariaSetSize:2,ariaPosInSet:1,tabIndex:0,children:Ba(Yl,{name:"Folder",icon:"folder",size:"xxxlarge"})}),Ba(_o,{itemRole:"option",ariaSetSize:2,ariaPosInSet:2,tabIndex:-1,children:Ba(Yl,{name:"file.png",icon:"file-image",size:"xxxlarge"})})]})]},"pane-2"),Ba(Me,{className:"k-filemanager-preview",collapsible:!0,scrollable:!0,flexBasis:"25%",tabIndex:0,children:Ba(xu,{selection:"none",name:"No File Selected"})},"pane-3")]})}),...e});import{Fragment as Xke,jsx as Pt,jsxs as Qs}from"react/jsx-runtime";var jF=e=>Pt(tl,{toolbar:Qs(Ai,{children:[Pt(d,{children:"New Folder"}),Pt(d,{children:"Upload"}),Qs(W,{children:[Pt(d,{className:"k-group-start",icon:"sort-asc-small","aria-label":"Sort ascending"}),Pt(d,{className:"k-group-end",icon:"sort-desc-small","aria-label":"Sort descending"})]}),Pt(ut,{text:"Sort By"}),Qs(W,{children:[Pt(d,{className:"k-group-start",icon:"grid",selected:!0,"aria-label":"Grid view"}),Pt(d,{className:"k-group-end",icon:"grid-layout","aria-label":"List view"})]}),Pt("div",{className:"k-spacer"}),Qs("div",{className:"k-filemanager-details-toggle",children:[Pt("label",{children:"View Details"}),Pt(ka,{"aria-label":"View Details"})]}),Pt(ga,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:Pt(Xke,{children:Pt(_t,{className:"k-filemanager-splitter",panes:[Pt(Me,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:Pt(Ws,{children:Pt(O,{text:"Folder"})})},"pane-1"),Qs(Me,{className:"k-filemanager-content",scrollable:!0,children:[Pt(zs,{children:Pt(Pl,{children:Pt(io,{root:!0,children:Pt(eo,{root:!0,icon:!0,"aria-label":"Home",children:Pt(f,{icon:"home"})})})})}),Qs(Pe,{_renderAriaRoot:!0,className:"k-filemanager-grid k-grid-display-block",children:[Pt(ve,{children:Pt("div",{className:"k-grid-header-wrap k-auto-scrollable",children:Qs(he,{children:[Qs("colgroup",{children:[Pt("col",{}),Pt("col",{}),Pt("col",{})]}),Pt(ne,{children:Qs(k,{children:[Pt(M,{columnTitle:"Name",sortable:!0}),Pt(M,{columnTitle:"Date Created"}),Pt(M,{columnTitle:"File Size"})]})})]})})}),Pt(Ne,{children:Pt(ge,{className:"k-auto-scrollable",children:Qs(de,{className:"k-selectable",children:[Qs("colgroup",{children:[Pt("col",{className:"k-sorted"}),Pt("col",{}),Pt("col",{})]}),Qs(ee,{children:[Qs(k,{className:"k-master-row",children:[Pt(n,{children:Pt(Yl,{name:"Folder",icon:"folder"})}),Pt(n,{children:"13/12/2019 at 12:22:04 PM"}),Pt(n,{children:"0"})]}),Qs(k,{className:"k-master-row",alt:!0,children:[Pt(n,{children:Pt(Yl,{name:"file.png",icon:"file"})}),Pt(n,{children:"13/12/2019 at 12:22:04 PM"}),Pt(n,{children:"73289"})]})]})]})})})]})]},"pane-2")]})}),...e});import{Fragment as Zke,jsx as yt,jsxs as Xs}from"react/jsx-runtime";var qF=e=>yt(tl,{toolbar:Xs(Ai,{children:[yt(d,{children:"New Folder"}),yt(d,{children:"Upload"}),Xs(W,{children:[yt(d,{className:"k-group-start",icon:"sort-asc-small","aria-label":"Sort ascending"}),yt(d,{className:"k-group-end",icon:"sort-desc-small","aria-label":"Sort descending"})]}),yt(ut,{text:"Sort By"}),Xs(W,{children:[yt(d,{className:"k-group-start",icon:"grid",selected:!0,"aria-label":"Grid view"}),yt(d,{className:"k-group-end",icon:"grid-layout","aria-label":"List view"})]}),yt("div",{className:"k-spacer"}),Xs("div",{className:"k-filemanager-details-toggle",children:[yt("label",{children:"View Details"}),yt(ka,{checked:!0,"aria-label":"View Details"})]}),yt(ga,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:yt(Zke,{children:yt(_t,{className:"k-filemanager-splitter",panes:[yt(Me,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:yt(Ws,{children:yt(O,{text:"Folder"})})},"pane-1"),Xs(Me,{className:"k-filemanager-content",scrollable:!0,children:[yt(zs,{children:yt(Pl,{children:yt(io,{root:!0,children:yt(eo,{root:!0,icon:!0,"aria-label":"Home",children:yt(f,{icon:"home"})})})})}),Xs(Pe,{_renderAriaRoot:!0,className:"k-filemanager-grid k-grid-display-block",children:[yt(ve,{children:yt("div",{className:"k-grid-header-wrap k-auto-scrollable",children:Xs(he,{children:[Xs("colgroup",{children:[yt("col",{}),yt("col",{}),yt("col",{})]}),yt(ne,{children:Xs(k,{children:[yt(M,{sortable:!0,columnTitle:"Name"}),yt(M,{columnTitle:"Date Created"}),yt(M,{columnTitle:"File Size"})]})})]})})}),yt(Ne,{children:yt(ge,{className:"k-auto-scrollable",children:Xs(de,{className:"k-selectable",children:[Xs("colgroup",{children:[yt("col",{className:"k-sorted"}),yt("col",{}),yt("col",{})]}),Xs(ee,{children:[Xs(k,{className:"k-master-row",children:[yt(n,{children:yt(Yl,{name:"Folder",icon:"folder"})}),yt(n,{children:"13/12/2019 at 12:22:04 PM"}),yt(n,{children:"0"})]}),Xs(k,{className:"k-master-row",alt:!0,children:[yt(n,{children:yt(Yl,{name:"file.png",icon:"file"})}),yt(n,{children:"13/12/2019 at 12:22:04 PM"}),yt(n,{children:"73289"})]})]})]})})})]})]},"pane-2"),yt(Me,{className:"k-filemanager-preview",collapsible:!0,scrollable:!0,flexBasis:"25%",tabIndex:0,children:yt(xu,{selection:"none",name:"No File Selected"})},"pane-3")]})}),...e});import{jsx as kA}from"react/jsx-runtime";var Uke=tl.options,Jke=tl.states,jke={...tl.defaultOptions,variant:"listview"},qke=[{name:"listview",title:"ListView"},{name:"grid",title:"Grid"}],_ke=[{name:"preview",title:"Preview"}],Ck=e=>{let{variant:t,modifiers:o,...r}={...e},i=!1;return Object.keys(o||{}).forEach(c=>{c==="preview"&&(i=!!o?.[c])}),t==="grid"?i?kA(qF,{...r}):kA(jF,{...r}):i?kA(JF,{...r}):kA(UF,{...r})};Ck.options=Uke;Ck.states=Jke;Ck.variants=qke;Ck.defaultOptions=jke;Ck.modifiers=_ke;Ck.className=tl.className;import{jsx as oxe}from"react/jsx-runtime";var _F="k-taskboard-toolbar",$ke=[],exe={},txe={},Sk=e=>{let{children:t,...o}=e;return oxe(ie,{...o,className:l(e.className,_F),children:t})};Sk.states=$ke;Sk.options=exe;Sk.className=_F;Sk.defaultOptions=txe;import{Fragment as sxe,jsx as vu,jsxs as LB}from"react/jsx-runtime";var $F="k-taskboard-pane",axe=[],rxe={},lxe=void 0,ixe={header:lxe},Ek=e=>{let{header:t,paneHeaderId:o,...r}=e;return LB("div",{...r,className:l(e.className,$F,"k-taskboard-edit-pane"),children:[vu("div",{className:"k-taskboard-pane-header",children:t||LB(sxe,{children:[vu("div",{className:"k-taskboard-pane-header-text",id:o,children:"Card X"}),vu("span",{className:"k-spacer"}),vu("div",{className:"k-taskboard-pane-header-actions",children:vu(d,{fillMode:"flat",icon:"x","aria-label":"Close",title:"Close"})})]})}),vu("div",{className:"k-taskboard-pane-content",children:e.children}),LB(Be,{alignment:"end",className:"k-taskboard-pane-actions",children:[vu(d,{icon:"trash",children:"Delete"}),vu(d,{themeColor:"primary",icon:"pencil",children:"Edit"})]})]})};Ek.states=axe;Ek.options=rxe;Ek.className=$F;Ek.defaultOptions=ixe;var ez="task-board",tz="taskboard";import{Fragment as pxe,jsx as rc,jsxs as oz}from"react/jsx-runtime";var IB="k-taskboard",nxe=[m.disabled],dxe={},cxe=rc(pxe,{children:oz(Sk,{children:[rc(d,{icon:"plus",children:"Add Column"}),rc("span",{className:"k-spacer"}),rc(ga,{placeholder:"Search..."})]})}),xA={toolbar:cxe,pane:!1,panePosition:"end"},Ci=e=>{let{disabled:t,toolbar:o=xA.toolbar,panePosition:r=xA.panePosition,pane:i=xA.pane,...c}=e;return oz("div",{...c,className:l(e.className,IB,L(IB,{disabled:t})),role:"application",children:[rc("div",{className:"k-taskboard-header",children:o}),rc("div",{className:"k-taskboard-content",style:{marginRight:i&&r==="end"?"304px":void 0,marginLeft:i&&r==="start"?"304px":void 0},children:rc("div",{className:"k-taskboard-columns-container",children:e.children})}),i&&(()=>{let p=b("taskboard-pane-header");return rc(Ek,{className:l({"k-taskboard-pane-start":r==="start"}),paneHeaderId:p,children:rc(If,{formButtons:null,role:"form","aria-labelledby":p,children:rc(xe,{label:"Textbox:",editor:rc(ue,{})})})})})()]})};Ci.states=nxe;Ci.options=dxe;Ci.className=IB;Ci.defaultOptions=xA;Ci.moduleName=ez;Ci.folderName=tz;Ci.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."}]};import{Fragment as fxe,jsx as Tu,jsxs as MB}from"react/jsx-runtime";var BB="k-taskboard-column",mxe=[],uxe={},bxe={header:void 0},Bn=e=>{let{header:t,edit:o,...r}=e,i=b("taskboard-column-header");return MB("div",{...r,className:l(e.className,BB,{[`${BB}-edit`]:o}),children:[Tu("div",{className:"k-taskboard-column-header",children:t||MB(fxe,{children:[Tu("div",{className:"k-taskboard-column-header-text k-text-ellipsis",id:i,children:"Column Header"}),Tu("span",{className:"k-spacer"}),MB("div",{className:"k-taskboard-column-header-actions",children:[Tu(d,{fillMode:"flat",icon:"pencil","aria-label":"Edit column",title:"Edit column"}),Tu(d,{fillMode:"flat",icon:"plus","aria-label":"Add card",title:"Add card"}),Tu(d,{fillMode:"flat",icon:"x","aria-label":"Delete column",title:"Delete column"})]})]})}),Tu("div",{className:"k-taskboard-column-cards-container",role:"list",tabIndex:0,"aria-labelledby":i,children:Tu("div",{className:"k-taskboard-column-cards",role:"presentation",children:e.children})})]})};Bn.states=mxe;Bn.options=uxe;Bn.className=BB;Bn.defaultOptions=bxe;import{jsx as xxe,jsxs as vxe}from"react/jsx-runtime";var PB="k-taskboard-card",hxe=[],gxe={},kxe={},Gl=e=>{let{children:t,category:o,menuButton:r,...i}=e;return vxe(Lo,{...i,className:l(e.className,PB,{[`${PB}-category`]:o}),role:"listitem",tabIndex:0,children:[t,r&&xxe(d,{className:"k-taskboard-card-menu-button",fillMode:"flat",icon:"more-vertical","aria-label":"Card menu",title:"Card menu"})]})};Gl.states=hxe;Gl.options=gxe;Gl.className=PB;Gl.defaultOptions=kxe;import{Fragment as Txe,jsx as po,jsxs as ls}from"react/jsx-runtime";var az=e=>po(Ci,{children:ls(Txe,{children:[ls(Bn,{children:[ls(Gl,{children:[ls(qo,{className:"k-hbox",children:[po("a",{className:"k-card-title k-link",children:"Card Title"}),po("span",{className:"k-spacer"}),po("span",{className:"k-card-header-actions",children:po(d,{className:"k-taskboard-card-menu-button",icon:"more-vertical",fillMode:"flat","aria-label":"Card menu",title:"Card menu"})})]}),po(Ut,{children:po("p",{children:"Card Body"})})]}),ls(Gl,{children:[ls(qo,{className:"k-hbox",children:[po("a",{className:"k-card-title k-link",children:"Card Title"}),po("span",{className:"k-spacer"}),po("span",{className:"k-card-header-actions",children:po(d,{className:"k-taskboard-card-menu-button",icon:"more-vertical",fillMode:"flat","aria-label":"Card menu",title:"Card menu"})})]}),po(Ut,{children:po("p",{children:"Card Body"})})]}),ls(Gl,{children:[ls(qo,{className:"k-hbox",children:[po("a",{className:"k-card-title k-link",children:"Card Title"}),po("span",{className:"k-spacer"}),po("span",{className:"k-card-header-actions",children:po(d,{className:"k-taskboard-card-menu-button",icon:"more-vertical",fillMode:"flat","aria-label":"Card menu",title:"Card menu"})})]}),po(Ut,{children:po("p",{children:"Card Body"})})]})]}),ls(Bn,{children:[ls(Gl,{children:[ls(qo,{className:"k-hbox",children:[po("a",{className:"k-card-title k-link",children:"Card Title"}),po("span",{className:"k-spacer"}),po("span",{className:"k-card-header-actions",children:po(d,{className:"k-taskboard-card-menu-button",icon:"more-vertical",fillMode:"flat","aria-label":"Card menu",title:"Card menu"})})]}),po(Ut,{children:po("p",{children:"Card Body"})})]}),ls(Gl,{children:[ls(qo,{className:"k-hbox",children:[po("a",{className:"k-card-title k-link",children:"Card Title"}),po("span",{className:"k-spacer"}),po("span",{className:"k-card-header-actions",children:po(d,{className:"k-taskboard-card-menu-button",icon:"more-vertical",fillMode:"flat","aria-label":"Card menu",title:"Card menu"})})]}),po(Ut,{children:po("p",{children:"Card Body"})})]})]}),po(Bn,{children:ls(Gl,{children:[ls(qo,{className:"k-hbox",children:[po("a",{className:"k-card-title k-link",children:"Card Title"}),po("span",{className:"k-spacer"}),po("span",{className:"k-card-header-actions",children:po(d,{className:"k-taskboard-card-menu-button",icon:"more-vertical",fillMode:"flat","aria-label":"Card menu",title:"Card menu"})})]}),po(Ut,{children:po("p",{children:"Card Body"})})]})})]}),...e});import{Fragment as wxe,jsx as am,jsxs as rz}from"react/jsx-runtime";var S_t=e=>am(Ci,{pane:!0,children:am(wxe,{children:am(Bn,{children:rz(Gl,{children:[rz(qo,{className:"k-hbox",children:[am("a",{className:"k-card-title k-link",children:"Card Title"}),am("span",{className:"k-spacer"}),am("span",{className:"k-card-header-actions",children:am(d,{className:"k-taskboard-card-menu-button",icon:"more-vertical",fillMode:"flat","aria-label":"Card menu",title:"Card menu"})})]}),am(Ut,{children:am("p",{children:"Card Body"})})]})})}),...e});import{jsx as Si,jsxs as lc}from"react/jsx-runtime";var Nxe=Ci.options,yxe=Ci.states,lz={...Ci.defaultOptions,variant:"normal"},Axe=[{name:"normal",title:"Normal"},{name:"pane-end",title:"Pane End"},{name:"pane-start",title:"Pane Start"}],Cxe=[],Lk=e=>{let{variant:t,...o}={...lz,...e};return lc(az,{style:{width:"568px"},...o,pane:t==="pane-end"||t==="pane-start",panePosition:t==="pane-end"?"end":"start",children:[lc(Bn,{style:{width:"260px"},children:[lc(Gl,{children:[lc(qo,{className:"k-hbox",details:!0,children:[Si("a",{className:"k-card-title k-link",children:"Template Title"}),Si("span",{className:"k-spacer"})]}),Si(Ut,{children:Si("p",{children:"Some quick example text to build on the card title and make up the bulk of the card content."})})]}),lc(Gl,{children:[lc(qo,{className:"k-hbox",details:!0,children:[Si("a",{className:"k-card-title k-link",children:"Template Title"}),Si("span",{className:"k-spacer"})]}),Si(Ut,{children:Si("p",{children:"Some quick example text to build on the card title and make up the bulk of the card content."})})]})]}),lc(Bn,{style:{width:"260px"},children:[lc(Gl,{children:[lc(qo,{className:"k-hbox",details:!0,children:[Si("a",{className:"k-card-title k-link",children:"Template Title"}),Si("span",{className:"k-spacer"})]}),Si(Ut,{children:Si("p",{children:"Some quick example text to build on the card title and make up the bulk of the card content."})})]}),lc(Gl,{children:[lc(qo,{className:"k-hbox",details:!0,children:[Si("a",{className:"k-card-title k-link",children:"Template Title"}),Si("span",{className:"k-spacer"})]}),Si(Ut,{children:Si("p",{children:"Some quick example text to build on the card title and make up the bulk of the card content."})})]})]})]})};Lk.options=Nxe;Lk.states=yxe;Lk.variants=Axe;Lk.defaultOptions=lz;Lk.modifiers=Cxe;Lk.className=Ci.className;var DB="chat",iz=DB;import{Fragment as dz,jsx as Xb,jsxs as QT}from"react/jsx-runtime";var sz="k-chat",Sxe=[],Exe={},Lxe=QT(dz,{children:[Xb(Ye,{icon:"paperclip-outline-alt-right",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),Xb("div",{className:"k-spacer"})]}),nz={tools:Lxe},Oo=e=>{let{header:t,dir:o,suggestedActions:r,files:i,pinned:c,replied:p,generating:h,tools:x=nz.tools,value:v,empty:w,scrollToBottom:A,scrollbar:N,promptBoxProps:B,...D}=e;return QT("div",{...D,className:l(sz,e.className),dir:o,children:[t,QT("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[c,Xb("div",{className:l("k-message-list-content",w&&"k-message-list-content-empty"),children:e.children}),A&&Xb("div",{className:"k-chat-scroll-to-bottom-container",children:Xb(mG,{themeColor:"base",icon:"arrow-down-outline",size:"small"})})]}),N&&Xb("div",{className:"k-separator"}),QT("div",{className:"k-message-box-wrapper",children:[r,Xb(Ac,{lineMode:"multi",placeholder:"Type a message",generating:h,value:v,header:i||p?QT(dz,{children:[p,i]}):void 0,endAffix:x,...B})]})]})};Oo.states=Sxe;Oo.options=Exe;Oo.className=sz;Oo.defaultOptions=nz;Oo.moduleName=DB;Oo.folderName=iz;Oo.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."}]};import{Fragment as Pxe,jsx as ic,jsxs as XT}from"react/jsx-runtime";var cz="k-message",Ixe=[m.hover,m.selected,m.active,m.focus],Mxe={},Bxe=[ic(d,{icon:"copy",fillMode:"flat","aria-label":"Copy"}),ic(d,{icon:"arrow-rotate-cw-outline",fillMode:"flat","aria-label":"Retry"}),ic(d,{icon:"download-light",fillMode:"flat","aria-label":"Download"})],Ik={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen",toolbarItems:Bxe,failed:"Failed to send"},ao=e=>{let{time:t=Ik.time,text:o=Ik.text,content:r,status:i=Ik.status,statusIcon:c,toolbarItems:p=Ik.toolbarItems,hover:h,selected:x,active:v,focus:w,toolbar:A,typing:N,expandable:B,expanded:D,removed:z,files:U,failed:X,...oe}=e,Ie=X===!0?Ik.failed:X;return XT("div",{...oe,className:l(cz,e.className,{"k-message-removed":z,"k-message-failed":X}),children:[X&&ic(Ye,{className:"k-resend-button",icon:"arrow-rotate-cw-outline",size:"xsmall",fillMode:"clear","aria-label":"Resend"}),ic(pz,{typing:N,selected:x,hover:h,active:v,focus:w,content:XT(Pxe,{children:[r,o&&ic("span",{className:"k-chat-bubble-text",children:o})]}),expandable:B,expanded:D,files:U}),XT("div",{className:"k-message-info",children:[i&&XT("span",{className:"k-message-status",children:[c&&ic(f,{icon:c,size:"xsmall"}),i]}),t&&ic("time",{className:"k-message-time",children:t}),X&&XT("span",{className:"k-message-failed-content",children:[X&&ic(f,{icon:"warning-triangle",size:"xsmall"}),X&&ic("span",{className:"k-message-failed-text",children:Ie})]})]}),A&&ic(ie,{className:"k-chat-message-toolbar",fillMode:"flat",children:p})]})};ao.states=Ixe;ao.options=Mxe;ao.className=cz;ao.defaultOptions=Ik;import{jsx as Mk,jsxs as RB}from"react/jsx-runtime";var ZT="k-message-group",Dxe=[m.selected],Rxe={},vA={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},ro=e=>{let{type:t=vA.type,author:o=vA.author,avatar:r=vA.avatar,status:i,selected:c,fullWidth:p,...h}=e;return RB("div",{...h,className:l(ZT,e.className,L(ZT,{selected:c}),{[`${ZT}-${t}`]:t,"k-no-avatar":!r,[`${ZT}-full-width`]:p}),children:[r&&!i&&Mk(Hr,{type:"image",children:Mk("img",{src:r,alt:o||""})}),i&&r&&RB("div",{className:"k-chat-user-status-wrapper",children:[Mk(Hr,{type:"image",children:Mk("img",{src:r,alt:o||""})}),Mk("div",{className:"k-chat-user-status"})]}),RB("div",{className:"k-message-group-content",children:[o&&Mk("span",{className:"k-message-author",children:o}),e.children]})]})};ro.states=Dxe;ro.options=Rxe;ro.className=ZT;ro.defaultOptions=vA;import{Fragment as Kxe,jsx as TA,jsxs as mz}from"react/jsx-runtime";var OB="k-message-reference",Oxe={},uz={type:"receiver"},Zb=e=>{let{content:t,closeable:o,pinned:r,type:i=uz.type,...c}=e;return mz("div",{...c,className:l(OB,e.className,{[`${OB}-${i}`]:i,"k-message-pinned":r}),children:[r&&TA(f,{icon:"pin-outline"}),TA("div",{className:"k-message-reference-content",children:t}),o&&mz(Kxe,{children:[TA("span",{className:"k-spacer"}),TA(d,{icon:"x-mark-sm-outline",fillMode:"flat",size:"xsmall","aria-label":"Close"})]})]})};Zb.options=Oxe;Zb.className=OB;Zb.defaultOptions=uz;var KB="bubble",bz=KB;import{jsx as wA,jsxs as Gxe}from"react/jsx-runtime";var YB="k-bubble",Yxe=[m.hover,m.active,m.selected,m.focus],GB={expandable:!1,expanded:!1},wu=e=>{let{content:t,hover:o,active:r,focus:i,selected:c,expandable:p=GB.expandable,expanded:h=GB.expanded,...x}=e;return Gxe("div",{...x,className:l(e.className,YB,L(YB,{hover:o,active:r,focus:i,selected:c}),{"k-bubble-expandable":p},{"k-expanded":h}),tabIndex:0,children:[wA("div",{className:"k-bubble-content",children:t??e.children}),p&&wA("span",{className:"k-bubble-expandable-indicator",role:"button","aria-label":h?"Show less":"Show more",tabIndex:0,children:h?wA(f,{icon:"chevron-up"}):wA(f,{icon:"chevron-down"})})]})};wu.states=Yxe;wu.className=YB;wu.defaultOptions=GB;wu.moduleName=KB;wu.folderName=bz;wu.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."}]};import{jsx as C$t}from"react/jsx-runtime";import{jsx as I$t}from"react/jsx-runtime";import{jsx as D$t}from"react/jsx-runtime";import{jsx as HB,jsxs as hz}from"react/jsx-runtime";var Hxe="k-chat-bubble",pz=e=>{let{typing:t,content:o,files:r,...i}=e;return hz(wu,{...i,className:l(e.className,Hxe),children:[t?hz("div",{className:"k-typing-indicator",tabIndex:-1,children:[HB("span",{}),HB("span",{}),HB("span",{})]}):o,r]})};import{jsx as zxe}from"react/jsx-runtime";var Fxe="k-timestamp",U$t=e=>zxe("div",{className:l(e.className,Fxe),children:e.children});import{jsx as gz,jsxs as Wxe}from"react/jsx-runtime";var kz="k-chat-event",FB={icon:"trash",text:"You deleted Chat history."},xz=e=>{let{icon:t=FB.icon,text:o=FB.text,...r}=e;return Wxe("div",{...r,className:l(e.className,kz),children:[t&&gz(f,{className:"k-chat-event-icon",icon:t,size:"xsmall"}),o&&gz("span",{className:"k-chat-event-text",children:o})]})};xz.className=kz;xz.defaultOptions=FB;import{jsx as Qxe}from"react/jsx-runtime";var Vxe="k-chat-header",reo=e=>Qxe(ie,{...e,className:l(e.className,Vxe),children:e.children});import{Fragment as Xxe,jsx as cp,jsxs as Zxe}from"react/jsx-runtime";var vz=e=>cp(Oo,{children:Zxe(Xxe,{children:[cp("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),cp(ro,{children:cp(ao,{})}),cp(ro,{type:"sender",children:cp(ao,{})}),cp(ro,{children:cp(ao,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),cp(ro,{type:"sender",children:cp(ao,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e});import{jsx as Tz}from"react/jsx-runtime";var NA="k-file-box-wrapper",wz={layout:"horizontal"},Ei=e=>{let{layout:t=wz.layout,scrollingPosition:o,...r}=e;return Tz("ul",{role:"list","aria-label":"Attached files",...r,className:l(e.className,NA,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${NA}-scrollable-start`]:t==="horizontal"&&(o==="start"||o==="both"),[`${NA}-scrollable-end`]:t==="horizontal"&&(o==="end"||o==="both")}),children:t==="horizontal"?Tz("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};Ei.className=NA;Ei.defaultOptions=wz;var zB="file-box",Nz=zB;import{jsx as Bk,jsxs as yz}from"react/jsx-runtime";var Az="k-file-box",Uxe=[m.selected],Jxe={},UT={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},Ya=e=>{let{icon:t=UT.icon,name:o=UT.name,size:r=UT.size,status:i,deleted:c,removeButton:p,showButton:h=UT.showButton,...x}=e,v=[o,r].filter(Boolean).join(" ");return yz("li",{role:"listitem",tabIndex:0,"aria-label":v||void 0,...x,className:l(Az,e.className,{"k-file-deleted":c}),children:[Bk(f,{icon:t,size:"xlarge","aria-hidden":"true"}),yz("div",{className:"k-file-info",children:[o&&Bk("span",{className:"k-file-name",children:o}),r&&Bk("span",{className:"k-file-size",children:r}),i&&Bk("span",{className:"k-file-status",children:i})]}),h&&(p?Bk(d,{as:"span",icon:"x-mark-sm-outline",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):Bk(Je,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};Ya.states=Uxe;Ya.options=Jxe;Ya.className=Az;Ya.defaultOptions=UT;Ya.moduleName=zB;Ya.folderName=Nz;Ya.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."}]};import{jsx as Cz}from"react/jsx-runtime";var Neo=e=>Cz(Ei,{...e,children:Cz(Ya,{})});import{jsx as Sz}from"react/jsx-runtime";var Eeo=e=>Sz(Ei,{...e,children:Sz(Ya,{removeButton:!0})});import{jsx as WB,jsxs as jxe}from"react/jsx-runtime";var Peo=e=>jxe(Ei,{...e,children:[WB(Ya,{tabIndex:0}),WB(Ya,{icon:"file-image",name:"Photo.png",size:"5MB",tabIndex:-1}),WB(Ya,{icon:"file-txt",name:"Notes.txt",size:"1KB",tabIndex:-1})]});import{jsx as Ez,jsxs as qxe}from"react/jsx-runtime";var Yeo=e=>qxe(Ei,{layout:"vertical",...e,children:[Ez(Ya,{tabIndex:0}),Ez(Ya,{icon:"file-image",name:"Photo.png",size:"5MB",tabIndex:-1})]});import{jsx as Lz}from"react/jsx-runtime";var Weo=e=>Lz(Ei,{...e,children:Lz(Ya,{showButton:!1})});import{Fragment as Iz,jsx as rm,jsxs as _xe}from"react/jsx-runtime";var oto=e=>rm(Oo,{children:rm(Iz,{children:rm(ro,{children:rm(ao,{})})}),files:rm(Iz,{children:_xe(Ei,{scrollingPosition:"start",children:[rm(Ya,{removeButton:!0}),rm(Ya,{icon:"file-psd",name:"File with long name",size:"5MB",removeButton:!0}),rm(Ya,{icon:"file-txt",name:"Another file with longer name",removeButton:!0}),rm(Ya,{icon:"file-csv",name:"Another file with even longer name",size:"5MB",removeButton:!0})]})}),...e});import{Fragment as $xe,jsx as Pk,jsxs as eve}from"react/jsx-runtime";var ito=e=>Pk(Oo,{children:eve($xe,{children:[Pk("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),Pk(ro,{children:Pk(ao,{toolbar:!0,text:"Message with toolbar."})}),Pk(ro,{type:"sender",children:Pk(ao,{})})]}),...e});import{Fragment as tve,jsx as Pn,jsxs as yA}from"react/jsx-runtime";var pto=e=>Pn(Oo,{children:yA(tve,{children:[Pn("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),Pn(ro,{fullWidth:!0,children:Pn(ao,{text:null,content:yA("div",{className:"k-skeleton-container",style:{width:"100%"},children:[Pn(Uu,{style:{width:"100%"}}),Pn(Uu,{style:{width:"100%"}}),Pn(Uu,{style:{width:"100%"}}),Pn(Uu,{style:{width:"75%"}})]})})}),Pn(ro,{type:"sender",fullWidth:!0,avatar:null,children:Pn(ao,{text:null,content:yA("div",{className:"k-skeleton-container",style:{width:"100%",display:"flex",alignItems:"center",gap:"var( --kendo-spacing-1 )"},children:[Pn(_w,{style:{width:"32px",height:"32px"}}),yA("div",{style:{flex:"1 1 50%"},children:[Pn(Uu,{style:{width:"100%"}}),Pn(Uu,{style:{width:"50%"}})]})]})})})]}),...e});import{Fragment as ove,jsx as AA,jsxs as ave}from"react/jsx-runtime";var fto=e=>AA(Oo,{generating:!0,children:ave(ove,{children:[AA("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),AA(ro,{fullWidth:!0,avatar:null,children:AA(ao,{})})]}),...e});import{Fragment as VB,jsx as Zs,jsxs as CA}from"react/jsx-runtime";var Nto=e=>CA(VB,{children:[Zs(Oo,{children:CA(VB,{children:[Zs("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),Zs(ro,{children:Zs(ao,{})}),Zs(ro,{type:"sender",children:Zs(ao,{})}),Zs(ro,{children:Zs(ao,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),Zs(ro,{type:"sender",children:Zs(ao,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e}),CA(Vi,{className:"k-chat-upload",title:"Upload file(s)",actions:["x"],actionButtons:CA(VB,{children:[Zs(d,{themeColor:"primary",disabled:!0,children:"Upload"}),Zs(d,{children:"Cancel"})]}),children:[Zs(ql,{}),Zs(cr,{empty:!0,status:"upload"})]})]});import{jsx as rve}from"react/jsx-runtime";var Sto=e=>rve(Oo,{empty:!0,...e});import{Fragment as lve,jsx as JT,jsxs as ive}from"react/jsx-runtime";var Mto=e=>JT(Oo,{children:ive(lve,{children:[JT(ro,{children:JT(ao,{})}),JT(ro,{children:JT(ao,{typing:!0,text:null})})]}),...e});import{Fragment as sve,jsx as jT,jsxs as nve}from"react/jsx-runtime";var Rto=e=>jT(Oo,{children:nve(sve,{children:[jT(ro,{children:jT(ao,{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."})}),jT(ro,{type:"sender",children:jT(ao,{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});import{Fragment as dve,jsx as Dk,jsxs as cve}from"react/jsx-runtime";var Gto=e=>Dk(Oo,{pinned:Dk(Zb,{pinned:!0,closeable:!0,content:"Pinned message content"}),children:cve(dve,{children:[Dk(ro,{children:Dk(ao,{})}),Dk(ro,{type:"sender",children:Dk(ao,{})})]}),...e});import{Fragment as pve,jsx as SA}from"react/jsx-runtime";var Wto=e=>SA(Oo,{children:SA(pve,{children:SA(ro,{type:"sender",children:SA(ao,{failed:!0,text:"Failed message"})})}),...e});import{Fragment as gve,jsx as ol,jsxs as EA}from"react/jsx-runtime";var mve=Oo.states,uve=Oo.defaultOptions,bve=Oo.options,fve=[{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"}],hve=[],Rk=e=>{let{modifiers:t,...o}=e,r={author:null,avatar:null},i=EA(ai,{className:"k-chat-header",positionMode:"sticky",themeColor:"primary",children:[ol("span",{className:"k-spacer k-spacer-sized k-w-1"}),ol(Bs,{children:ol("span",{children:"Chat with demo bot"})}),ol("span",{className:"k-spacer"}),ol(Bs,{children:ol(d,{fillMode:"flat",icon:"more-vertical"})})]}),c=ol(Zb,{type:"sender",pinned:!0,content:"Hello! Generate a cover letter.",closeable:!0}),p=EA(cl,{children:[ol(ya,{text:"Provide a CV template"}),ol(ya,{text:"Generate a cover letter"})]}),h=EA(cl,{children:[ol(ya,{themeColor:"primary",text:"Thank you!"}),ol(ya,{themeColor:"primary",text:"Great!"})]}),x="https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg",v=null,w="User",A="Demo Bot";Object.keys(t||{}).forEach(oe=>{switch(oe){case"header":r.header=t?.[oe]?i:!1;break;case"pinned":r.pinned=t?.[oe]?c:!1;break;case"suggested":r.suggestedActions=t?.[oe]?p:!1;break;case"author":r.author=t?.[oe]?!0:null;break;case"avatar":r.avatar=t?.[oe]?x:null;break;case"quick":r.quickReplies=t?.[oe]?h:ol(gve,{});break;default:break}});let{header:N,pinned:B,suggestedActions:D,author:z,avatar:U,quickReplies:X}=r;return EA(vz,{value:"Thank you!",style:{minHeight:"100%"},...o,header:N,pinned:B,suggestedActions:D,children:[ol(ro,{avatar:v,author:z?A:null,children:ol(ao,{text:"Hello, this is a demo bot. How can I help you ?"})}),ol(ro,{avatar:U?x:null,author:z?w:null,type:"sender",children:ol(ao,{text:"Hello! Generate a cover letter."})}),ol(ro,{avatar:v,author:z?A:null,children:ol(ao,{text:"Sure. Here is a cover letter template",files:ol(Ei,{children:ol(Ya,{icon:"file-pdf",name:"cover_letter.pdf",size:"1.43MB"})})})}),X]})};Rk.options=bve;Rk.states=mve;Rk.variants=hve;Rk.defaultOptions=uve;Rk.modifiers=fve;Rk.className=Oo.className;import{jsx as lm,jsxs as Tve}from"react/jsx-runtime";var Mz="k-mediaplayer-toolbar",kve=[],xve={},vve=[lm(d,{fillMode:"flat",icon:"play",className:"k-play-button","aria-label":"Play","aria-pressed":"false"},"play"),Tve(at,{className:"k-mediaplayer-currenttime-wrap",children:[lm("span",{className:"k-mediaplayer-currenttime",children:"00:18"})," / ",lm("span",{className:"k-mediaplayer-duration",children:"00:55"})]},"currenttime"),lm("div",{className:"k-spacer"},"spacer"),lm(d,{fillMode:"flat",icon:"volume-up",className:"k-volume-button","aria-label":"Mute","aria-pressed":"false"},"volume"),lm(at,{className:"k-mediaplayer-volume-wrap",children:lm(th,{className:"k-mediaplayer-volume",showButtons:!1,showTicks:!1})},"volume-wrap"),lm(d,{fillMode:"flat",icon:"fullscreen",className:"k-fullscreen-button","aria-label":"Full screen","aria-pressed":"false"},"fullscreen")],Bz={toolbarItems:vve},Ok=e=>{let{toolbarItems:t=Bz.toolbarItems,...o}=e;return lm(ie,{...o,className:l(e.className,Mz),children:t})};Ok.states=kve;Ok.options=xve;Ok.className=Mz;Ok.defaultOptions=Bz;var Pz="media-player",Dz="mediaplayer";import{jsx as LA,jsxs as Rz}from"react/jsx-runtime";var Oz="k-mediaplayer",wve=[],Nve={},Kz={title:"Media player title"},sc=e=>{let{title:t=Kz.title,toolbarItems:o,children:r,...i}=e;return Rz("div",{...i,className:l(e.className,Oz),children:[r,LA("div",{className:"k-mediaplayer-titlebar",children:t}),Rz("div",{className:"k-mediaplayer-toolbar-wrap",children:[LA(th,{className:"k-mediaplayer-seekbar",showButtons:!1,showTicks:!1}),LA(Ok,{toolbarItems:o})]}),LA("div",{className:"k-mediaplayer-overlay"})]})};sc.states=wve;sc.options=Nve;sc.className=Oz;sc.defaultOptions=Kz;sc.moduleName=Pz;sc.folderName=Dz;sc.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."}]};import{jsx as yve}from"react/jsx-runtime";var Yz=e=>yve(sc,{...e});import{jsx as Gz}from"react/jsx-runtime";var Ave={"--kendo-slider-start":0,"--kendo-slider-end":30},Cve={},Sve=[],Eve=[],Lve={},Ive=[],Kk=e=>Gz(Yz,{...e,style:{height:"360px",width:"540px",...Ave},children:Gz("div",{className:"k-bg-primary-subtle",style:{width:"100%",height:"100%"}})});Kk.options=Cve;Kk.states=Sve;Kk.variants=Eve;Kk.defaultOptions=Lve;Kk.modifiers=Ive;Kk.className=sc.className;var wr="timeline",Sr=wr;import{Fragment as Pve,jsx as Hz}from"react/jsx-runtime";var qT="k-timeline",Mve=[],Bve={},Fz={orientation:"vertical"},al=e=>{let{orientation:t=Fz.orientation,collapsibleEvents:o,alternatingMode:r,...i}=e;return Hz("div",{...i,className:l(e.className,qT,{[`${qT}-${t}`]:t,[`${qT}-alternating`]:r,[`${qT}-collapsible`]:o}),children:Hz(Pve,{children:e.children})})};al.states=Mve;al.options=Bve;al.className=qT;al.defaultOptions=Fz;al.moduleName=wr;al.folderName=Sr;al.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."}]};import{jsx as im,jsxs as QB}from"react/jsx-runtime";var zz="k-timeline-event",Dve=[],Rve={},Yk={collapsed:!1,reverse:!1,title:"Event title",subtitle:"Event subtitle",content:"Event content"},rl=e=>{let{date:t,content:o=Yk.content,collapsed:r=Yk.collapsed,reverse:i=Yk.reverse,title:c=Yk.title,subtitle:p=Yk.subtitle,showCollapseButton:h,id:x=b("timeline-event"),...v}=e,w=`${x}-date`;return QB("li",{...v,className:l(e.className,zz,{"k-reverse":i}),children:[t&&im("div",{className:"k-timeline-date-wrap",children:im("span",{className:"k-timeline-date",id:w,children:t})}),im(Dn,{}),o&&im("div",{className:l("k-timeline-card",{"k-collapsed":r}),children:im(Gk,{...i?{callout:"right"}:{callout:"left"},ariaRole:"button",ariaDescribedBy:t?w:void 0,ariaLive:"polite",cardTabIndex:0,ariaExpanded:h?!r:void 0,children:QB("div",{className:"k-card-inner",children:[QB(qo,{children:[im(Ub,{collapsible:h,children:c}),im(qc,{children:p})]}),im(Ut,{children:im("div",{className:"k-card-description",children:o})})]})})}),e.children]})};rl.states=Dve;rl.options=Rve;rl.className=zz;rl.defaultOptions=Yk;rl.moduleName=wr;rl.folderName=Sr;import{jsx as Hk,jsxs as XB}from"react/jsx-runtime";var Wz="k-timeline-event",Ove=[],Kve={},IA={title:"Event title",subtitle:"Event subtitle",content:"Event content"},pp=e=>{let{content:t=IA.content,title:o=IA.title,subtitle:r=IA.subtitle,ariaLabel:i,panelTabIndex:c,...p}=e;return XB("li",{...p,className:l(e.className,Wz),children:[t&&Hk("div",{className:l("k-timeline-card"),children:Hk(Gk,{orientation:"vertical",callout:"top",ariaRole:"tabpanel",ariaLabel:i,cardTabIndex:c,children:XB("div",{className:"k-card-inner",children:[XB(qo,{children:[Hk(Ub,{children:o}),Hk(qc,{children:r})]}),Hk(Ut,{children:Hk("div",{className:"k-card-description",children:t})})]})})}),e.children]})};pp.states=Ove;pp.options=Kve;pp.className=Wz;pp.defaultOptions=IA;pp.moduleName=wr;pp.folderName=Sr;import{jsx as Vz}from"react/jsx-runtime";var Qz="k-timeline-events-list",Jb=e=>{let{...t}=e;return Vz("div",{...t,className:l(e.className,Qz),children:Vz("ul",{className:"k-timeline-scrollable-wrap",children:e.children})})};Jb.className=Qz;Jb.moduleName=wr;Jb.folderName=Sr;import{jsx as Hve,jsxs as Fve}from"react/jsx-runtime";var Xz="k-timeline-flag-wrap",Yve=[m.focus,m.selected],Gve={},Zz={year:"2020"},Hl=e=>{let{year:t=Zz.year,...o}=e;return Fve("li",{...o,className:l(e.className,Xz),children:[Hve("span",{className:"k-timeline-flag",children:t}),e.children]})};Hl.states=Yve;Hl.options=Gve;Hl.className=Xz;Hl.defaultOptions=Zz;Hl.moduleName=wr;Hl.folderName=Sr;import{jsx as zve}from"react/jsx-runtime";var Uz="k-timeline-circle",Dn=e=>{let{...t}=e;return zve("span",{...t,className:l(e.className,Uz)})};Dn.className=Uz;Dn.moduleName=wr;Dn.folderName=Sr;import{jsx as Wve}from"react/jsx-runtime";var Jz="k-timeline-flag",sm=e=>{let{content:t,...o}=e;return Wve("span",{...o,className:l(e.className,Jz),children:t})};sm.className=Jz;sm.moduleName=wr;sm.folderName=Sr;import{jsx as Xve,jsxs as Zve}from"react/jsx-runtime";var Vve=[],Qve={},Gk=e=>{let{callout:t,children:o,ariaRole:r,ariaDescribedBy:i,ariaLive:c,ariaExpanded:p,ariaLabel:h,cardTabIndex:x,...v}=e;return Zve(Lo,{className:l(e.className),orientation:"vertical",callout:"true",role:r,"aria-describedby":i,"aria-live":c,"aria-expanded":p!==void 0?p?"true":"false":void 0,"aria-label":h,tabIndex:x,...v,children:[t&&Xve(_T,{callout:t}),o]})};Gk.states=Vve;Gk.defaultOptions=Qve;import{jsx as ZB,jsxs as jve}from"react/jsx-runtime";var jz="k-card-title",Uve=[],Jve={},Ub=e=>{let{collapsible:t,children:o,...r}=e;return jve("div",{className:l(e.className,jz),...r,children:[ZB("span",{className:"k-event-title",children:o}),t&&ZB("span",{className:"k-event-collapse k-button k-button-flat k-button-xs k-icon-button",children:ZB(f,{icon:"chevron-right",className:"k-button-icon"})})]})};Ub.states=Uve;Ub.className=jz;Ub.defaultOptions=Jve;import{jsx as $ve}from"react/jsx-runtime";var qz="k-timeline-card-callout",qve=[],_ve={},_T=e=>{let{...t}=e;return $ve(qy,{className:l(e.className,qz),...t})};_T.states=qve;_T.className=qz;_T.defaultOptions=_ve;import{jsx as _z}from"react/jsx-runtime";var $z="k-timeline-date-wrap",eTe=[],tTe={},e8={date:"May 25, 2008"},Us=e=>{let{date:t=e8.date,...o}=e;return _z("div",{...o,className:l(e.className,$z),children:_z("span",{className:"k-timeline-date",children:t})})};Us.states=eTe;Us.options=tTe;Us.className=$z;Us.defaultOptions=e8;Us.moduleName=wr;Us.folderName=Sr;import{jsx as UB,jsxs as oTe}from"react/jsx-runtime";var t8="k-timeline-track-wrap",jb=e=>{let{...t}=e;return oTe("div",{...t,className:l(e.className,t8),children:[UB(d,{className:"k-timeline-arrow k-timeline-arrow-left",rounded:"full",icon:"chevron-left",disabled:!0,"aria-hidden":"true",tabIndex:-1}),UB(d,{className:"k-timeline-arrow k-timeline-arrow-right",rounded:"full",icon:"chevron-right","aria-hidden":"true",tabIndex:-1}),UB($T,{children:e.children})]})};jb.className=t8;jb.moduleName=wr;jb.folderName=Sr;import{jsx as o8}from"react/jsx-runtime";var a8="k-timeline-track",$T=e=>{let{...t}=e;return o8("div",{...t,className:l(e.className,a8),children:o8("ul",{className:"k-timeline-scrollable-wrap",role:"tablist",children:e.children})})};$T.className=a8;$T.moduleName=wr;$T.folderName=Sr;import{jsxs as rTe}from"react/jsx-runtime";var JB="k-timeline-track-item",aTe=[m.focus],Li=e=>{let{content:t,focus:o,ariaSelected:r,ariaDescribedBy:i,...c}=e,p=c.className?.includes("k-timeline-flag-wrap");return rTe("li",{...c,className:l(e.className,JB,L(JB,{focus:o})),role:p?"none":"tab","aria-hidden":p?"true":void 0,"aria-selected":!p&&r?"true":void 0,"aria-describedby":p?void 0:i,children:[t,e.children]})};Li.states=aTe;Li.className=JB;Li.moduleName=wr;Li.folderName=Sr;import{jsx as ew,jsxs as lTe}from"react/jsx-runtime";var mro=e=>{let t=b("tl-ev"),o=b("tl-ev");return ew(al,{children:lTe("ul",{children:[ew(Hl,{year:"2010"}),ew(rl,{id:t,date:"May 11, 2010"}),ew(Hl,{year:"2011"}),ew(rl,{id:o,date:"Oct 11, 2011"})]}),...e})};import{jsx as tw,jsxs as iTe}from"react/jsx-runtime";var gro=e=>{let t=b("tl-ev"),o=b("tl-ev");return tw(al,{collapsibleEvents:!0,children:iTe("ul",{children:[tw(Hl,{year:"2010"}),tw(rl,{id:t,date:"May 11, 2010",collapsed:!1,showCollapseButton:!0}),tw(Hl,{year:"2011"}),tw(rl,{id:o,date:"Oct 11, 2011",subtitle:"Collapsed",collapsed:!0,showCollapseButton:!0})]}),...e})};import{jsx as qb,jsxs as sTe}from"react/jsx-runtime";var r8=e=>{let t=b("tl-ev"),o=b("tl-ev"),r=b("tl-ev"),i=b("tl-ev");return qb(al,{alternatingMode:!0,children:sTe("ul",{children:[qb(Hl,{year:"2010"}),qb(rl,{id:t,date:"Apr 11, 2010",reverse:!0}),qb(rl,{id:o,date:"May 11, 2010"}),qb(Hl,{year:"2011"}),qb(rl,{id:r,date:"Oct 11, 2011",reverse:!0}),qb(rl,{id:i,date:"Dec 11, 2011"})]}),...e})};import{Fragment as nTe,jsx as Rn,jsxs as ow}from"react/jsx-runtime";var l8=e=>Rn(al,{orientation:"horizontal",children:ow(nTe,{children:[ow(jb,{children:[Rn(Li,{className:"k-timeline-flag-wrap",children:Rn(sm,{content:"2015"})}),ow(Li,{children:[Rn(Us,{date:"Jan 14, 2015"}),Rn(Dn,{})]}),ow(Li,{focus:!0,ariaSelected:!0,ariaDescribedBy:"panel-1",children:[Rn(Us,{date:"Jun 1, 2015"}),Rn(Dn,{})]}),ow(Li,{children:[Rn(Us,{date:"Sep 29, 2015"}),Rn(Dn,{})]}),Rn(Li,{className:"k-timeline-flag-wrap",children:Rn(sm,{content:"2016"})})]}),Rn(Jb,{children:Rn(pp,{ariaLabel:"Jun 1, 2015",panelTabIndex:0})})]}),...e});import{Fragment as fTe,jsx as Fl,jsxs as _b}from"react/jsx-runtime";var dTe=al.options,cTe=al.states,pTe={...al.defaultOptions,variant:"vertical"},mTe=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],uTe=[],bTe=`
15
+ `,gse=[{name:"normal",title:"Normal"},{name:"mini",title:"Mini"},{name:"overlay",title:"Overlay"}],kse=[],dg=e=>{let{variant:t,modifiers:o,...r}={...GG,...e},i={};Object.keys(o||{}).forEach(p=>{p==="end-position"&&(i.position=o?.[p]?"end":void 0)});let c=nT(Ab,{children:[pa("style",{children:hse}),pa("div",{className:"custom-content",children:nT("ul",{children:[pa("li",{children:pa("p",{children:"Hi Tom, Since Monday I'll be out of office, I'm rescheduling the meeting for Tuesday."})}),pa("li",{children:pa("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 pa(Ab,{children:pa(YG,{...r,...i,mini:!0,items:nT(Ab,{children:[pa(Vt,{selected:!0,icon:"inbox",text:"Inbox",level:""}),pa(Vt,{icon:"bell",text:"Notification",level:""}),pa(xd,{}),pa(Vt,{icon:"star",text:"Favourites",level:""}),pa(Vt,{icon:"calendar",text:"Calendar",level:""})]}),children:pa(Bl,{children:c})})});case"overlay":return pa(Ab,{children:pa(HI,{...r,...i,mode:"overlay",expanded:!0,items:nT(Ab,{children:[pa(Vt,{selected:!0,text:"Inbox"}),pa(Vt,{icon:"bell",text:"Notification"}),pa(xd,{}),pa(Vt,{icon:"star",text:"Favourites"}),pa(Vt,{icon:"calendar",text:"Calendar"})]}),children:pa(Bl,{children:c})})});default:return pa(Ab,{children:pa(HI,{...r,...i,expanded:!0,items:nT(Ab,{children:[pa(Vt,{selected:!0,text:"Inbox"}),pa(Vt,{icon:"bell",text:"Notification"}),pa(xd,{}),pa(Vt,{icon:"star",text:"Favourites"}),pa(Vt,{icon:"calendar",text:"Calendar"})]}),children:pa(Bl,{children:c})})})}};dg.options=bse;dg.states=fse;dg.variants=gse;dg.defaultOptions=GG;dg.modifiers=kse;dg.className=Zr.className;var FI="notification",HG=FI;import{Fragment as Tse,jsx as yy,jsxs as FG}from"react/jsx-runtime";var zI="k-notification",xse=[],vse={themeColor:[K.undefined,K.base,K.primary,K.secondary,K.tertiary,K.success,K.warning,K.error,K.info,K.inverse]},zG={closable:!1},Yr=e=>{let{actions:t,themeColor:o,text:r,icon:i,closable:c=zG.closable,...p}=e,h=b("notification-content"),x=!!(r||e.children);return FG("div",{...p,className:l(e.className,zI,J(zI,{themeColor:o}),{"k-notification-closable":c}),role:"status","aria-live":"polite","aria-describedby":x?h:void 0,children:[i&&yy(f,{className:"k-notification-status",icon:i}),e.children?FG("div",{id:h,className:"k-notification-content",children:[r,e.children]}):yy(Tse,{children:r&&yy("div",{id:h,className:"k-notification-content",children:r})}),t&&yy("span",{className:"k-notification-actions",children:t})]})};Yr.states=xse;Yr.options=vse;Yr.className=zI;Yr.defaultOptions=zG;Yr.moduleName=FI;Yr.folderName=HG;Yr.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."}]};import{jsx as WI}from"react/jsx-runtime";var wse="k-notification-action",cg=e=>{let{type:t}=e,o;if(t==="close")o=WI(f,{icon:"x"});else return WI(f,{icon:t});return WI("span",{className:l(e.className,wse,`k-notification-${t}-action`),children:o})};import{jsx as Nse}from"react/jsx-runtime";var GEt=e=>Nse(Yr,{text:"Notification",icon:"exclamation-circle",...e});import{jsx as WG}from"react/jsx-runtime";var WEt=e=>WG(Yr,{closable:!0,text:"Notification",icon:"exclamation-circle",actions:WG(cg,{type:"close"}),...e});import{jsx as VG}from"react/jsx-runtime";var ZEt=e=>VG(Yr,{closable:!0,text:"Notification",actions:VG(cg,{type:"close"}),...e});import{jsx as yse}from"react/jsx-runtime";var qEt=e=>yse(Yr,{text:"Notification",...e});import{jsx as QG}from"react/jsx-runtime";var Ase=Yr.states,Cse=Yr.defaultOptions,Sse={...Yr.options,closable:{type:"boolean"}},Ese=[{name:"icon",title:"Icon before"}],Lse=[],pg=e=>{let{modifiers:t,closable:o,...r}=e,i={};return o&&(i.closable=!0,i.actions=QG(cg,{type:"close"})),Object.keys(t||{}).forEach(c=>{c==="icon"&&(i.icon=t?.[c]?"info-circle":"")}),QG(Yr,{text:"Notification",...r,...i})};pg.options=Sse;pg.states=Ase;pg.variants=Lse;pg.defaultOptions=Cse;pg.modifiers=Ese;pg.className=Yr.className;var VI="popover",XG=VI;import{Fragment as Pse,jsx as Ay,jsxs as ZG}from"react/jsx-runtime";var UG="k-popover",Ise=[],Mse={},Bse={},Ls=e=>{let{callout:t,title:o,body:r,id:i=b("popover"),...c}=e;return ZG(Ce,{...c,className:l(e.className,UG),role:"dialog",id:i,"aria-labelledby":o?`${i}-header`:void 0,"aria-describedby":r?`${i}-body`:void 0,children:[t&&Ay("div",{className:l("k-popover-callout",{[`k-callout-${tn.calloutMap[t]||t}`]:t})}),ZG("div",{className:"k-popover-inner",children:[o&&Ay("div",{className:"k-popover-header",id:`${i}-header`,children:o}),r&&Ay("div",{className:"k-popover-body",id:`${i}-body`,children:r}),Ay(Pse,{children:e.children})]})]})};Ls.states=Ise;Ls.options=Mse;Ls.className=UG;Ls.defaultOptions=Bse;Ls.moduleName=VI;Ls.folderName=XG;Ls.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."}]};import{Fragment as Dse,jsx as Cy,jsxs as Rse}from"react/jsx-runtime";var dT=e=>Cy(Ls,{title:"Title",body:Cy(Dse,{children:"Body content"}),children:Rse(Be,{className:"k-popover-actions",alignment:"stretched",children:[Cy(d,{fillMode:"flat",children:"Action"}),Cy(d,{fillMode:"flat",themeColor:"primary",children:"Primary"})]}),...e});import{Fragment as Hse,jsx as wn,jsxs as Sy}from"react/jsx-runtime";var Ose=Ls.options,Kse=Ls.states,JG={...Ls.defaultOptions,variant:"bottom"},Yse=[{name:"bottom",title:"Callout bottom"},{name:"left",title:"Callout left"},{name:"top",title:"Callout top"},{name:"right",title:"Callout right"}],Gse=[{name:"title",title:"With title"},{name:"content",title:"With content"}],mg=e=>{let{variant:t,modifiers:o,...r}={...JG,...e},i={title:"Popover title",body:wn(Hse,{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?.[c]?i.title:"";break;case"content":i.body=o?.[c]?i.body:void 0;break;default:break}}),t){case"left":return wn(dT,{...r,...i,style:{width:"217px",position:"relative",overflow:"visible"},callout:"left",children:Sy(Be,{className:"k-popover-actions",alignment:"stretched",children:[wn(d,{children:"Action"}),wn(d,{themeColor:"primary",children:"Primary"})]})});case"right":return wn(dT,{...r,...i,style:{width:"217px",position:"relative",overflow:"visible"},callout:"right",children:Sy(Be,{className:"k-popover-actions",alignment:"stretched",children:[wn(d,{children:"Action"}),wn(d,{themeColor:"primary",children:"Primary"})]})});case"top":return wn(dT,{...r,...i,style:{width:"217px",position:"relative",overflow:"visible"},callout:"top",children:Sy(Be,{className:"k-popover-actions",alignment:"stretched",children:[wn(d,{children:"Action"}),wn(d,{themeColor:"primary",children:"Primary"})]})});default:return wn(dT,{...r,...i,style:{width:"217px",position:"relative",overflow:"visible"},callout:"bottom",children:Sy(Be,{className:"k-popover-actions",alignment:"stretched",children:[wn(d,{children:"Action"}),wn(d,{themeColor:"primary",children:"Primary"})]})})}};mg.options=Ose;mg.states=Kse;mg.variants=Yse;mg.defaultOptions=JG;mg.modifiers=Gse;mg.className=Ls.className;var QI="tooltip",jG=QI;import{jsx as cT,jsxs as qG}from"react/jsx-runtime";var XI="k-tooltip",Fse=[],zse={themeColor:[K.undefined,K.base,K.inverse,K.info,K.success,K.warning,K.error]},_G={closable:!1},_l=e=>{let{closable:t=_G.closable,callout:o,themeColor:r,title:i,content:c,icon:p,id:h=b("tooltip"),...x}=e;return qG("div",{...x,className:l(e.className,XI,J(XI,{themeColor:r}),{"k-tooltip-closable":t}),role:"tooltip",id:h,children:[p&&cT(f,{className:"k-tooltip-icon",icon:p}),qG("div",{className:"k-tooltip-content",children:[i&&cT("div",{className:"k-tooltip-title",children:i}),c]}),t&&cT("div",{className:"k-tooltip-button",role:"button","aria-label":"Close",tabIndex:0,children:cT(f,{icon:"x"})}),o&&cT("div",{className:l("k-callout",{[`k-callout-${tn.calloutMap[o]||o}`]:o})})]})};_l.states=Fse;_l.options=zse;_l.className=XI;_l.defaultOptions=_G;_l.moduleName=QI;_l.folderName=jG;_l.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 Ey=_l;import{jsx as Wse}from"react/jsx-runtime";var $G=e=>Wse(Ey,{content:"Tooltip Content",...e});import{jsx as Vse}from"react/jsx-runtime";var QLt=e=>Vse(Ey,{content:"Closeable tooltip content",closable:!0,...e});import{jsx as ZI,jsxs as Use}from"react/jsx-runtime";var Qse={..._l.options,closable:{type:"boolean"},callout:["none","top","bottom","left","right"]},Xse=_l.states,e0={..._l.defaultOptions,callout:"top"},Zse=[],ug=e=>{let{callout:t="top",...o}={...e0,...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:p}=r[t]||{};return Use("div",{style:{position:"absolute"},children:[ZI(Qn,{style:{top:i,left:c},children:ZI($G,{style:{width:"86px",textAlign:"center"},callout:p,content:"Content",...o})}),ZI(d,{text:"Show"})]})};ug.options=Qse;ug.states=Xse;ug.variants=Zse;ug.defaultOptions=e0;ug.modifiers=[];ug.className=_l.className;import{Fragment as _se,jsx as Cb,jsxs as t0}from"react/jsx-runtime";var UI="k-window",Jse=[],jse={},qse={},$l=e=>{let{title:t,actions:o,minimized:r,actionButtons:i,actionButtonsAlign:c,...p}=e,h=t!==void 0?b("window-title"):void 0;return t0("div",{...p,className:l(e.className,UI,{[`${UI}-minimized`]:r}),role:"dialog","aria-labelledby":h,children:[(t!==void 0||o)&&t0("div",{className:"k-window-titlebar",children:[t!==void 0&&Cb("span",{className:"k-window-title",id:h,children:t}),o&&Cb(_se,{children:Cb("div",{className:"k-window-titlebar-actions",children:o.map(x=>x==="more-vertical"?Cb(Je,{icon:x,fillMode:"flat",size:"xsmall",showArrow:!1,className:"k-window-titlebar-action","aria-label":"More actions"},x):Cb(d,{icon:x,fillMode:"flat",size:"xsmall",className:"k-window-titlebar-action","aria-label":x},x))})})]}),Cb(Wc,{className:l({"k-hidden":r}),children:e.children}),i&&Cb(Be,{alignment:c,className:"k-window-actions",children:i})]})};$l.states=Jse;$l.options=jse;$l.className=UI;$l.defaultOptions=qse;$l.moduleName=rT;$l.folderName=gy;$l.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."}]};import{Fragment as $se,jsx as o0}from"react/jsx-runtime";var fIt=e=>o0($l,{title:"Title",actions:["window-minimize","window","x"],children:o0($se,{children:"Content"}),...e});import{Fragment as rne,jsx as JI,jsxs as lne}from"react/jsx-runtime";var ene=$l.options,tne=$l.states,a0={...$l.defaultOptions,variant:"normal"},one=[{name:"normal",title:"Normal"},{name:"actions",title:"Actions"}],ane=[],bg=e=>{let{variant:t,...o}={...a0,...e};return JI($l,{title:"Window",actions:["window-minimize","window","x"],style:{maxWidth:"400px"},actionButtonsAlign:"stretched",actionButtons:t==="actions"?lne(rne,{children:[JI(d,{children:"Cancel"}),JI(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."})};bg.options=ene;bg.states=tne;bg.variants=one;bg.defaultOptions=a0;bg.modifiers=ane;bg.className=$l.className;var jI="chart-wizard",r0=jI;import{jsx as dne}from"react/jsx-runtime";var l0="k-chart-wizard",ine=[],sne={},nne={},Nn=e=>{let{children:t,...o}=e;return dne($l,{title:"Chart Preview",actions:["window","x"],...o,className:l(e.className,l0),children:t})};Nn.states=ine;Nn.options=sne;Nn.className=l0;Nn.defaultOptions=nne;Nn.moduleName=jI;Nn.folderName=r0;Nn.ariaSpec={selector:".k-chart-wizard",rules:[]};import{Fragment as mne,jsx as qI,jsxs as une}from"react/jsx-runtime";var cne=[],pne={},i0={buttonText:"Export"},Up=e=>{let{buttonText:t=i0.buttonText,children:o}=e;return une(mne,{children:[qI("div",{className:"k-preview-pane-header",children:qI(Je,{fillMode:"flat",icon:"export",showArrow:!1,children:t})}),qI("div",{className:"k-preview-pane-content",children:o})]})};Up.states=cne;Up.options=pne;Up.defaultOptions=i0;import{jsx as hne}from"react/jsx-runtime";var Sb="k-pane",bne=[],fne={},_I={resizable:!0,flex:!1},Me=e=>{let{scrollable:t,flexBasis:o,flex:r=_I.flex,collapsible:i,resizable:c=_I.resizable,pinned:p,unpinned:h,tabbed:x,...v}=e;return hne("div",{...v,style:{flexBasis:o,...e.style},className:l(e.className,Sb,{[`${Sb}-static`]:o,[`${Sb}-flex`]:r,"k-scrollable":t,[`${Sb}-pinned`]:p,[`${Sb}-unpinned`]:h,[`${Sb}-tabbed`]:x}),role:"group",children:e.children})};Me.states=bne;Me.options=fne;Me.className=Sb;Me.defaultOptions=_I;import{Fragment as s0,jsx as Eb,jsxs as xne}from"react/jsx-runtime";var fg="k-splitbar",gne=[m.hover,m.focus],kne={},$I={orientation:"horizontal",draggable:!0},tu=e=>{let{hover:t,focus:o,orientation:r=$I.orientation,draggable:i=$I.draggable,collapsePrev:c,collapseNext:p,ariaLabel:h,...x}=e;return xne("div",{...x,className:l(e.className,fg,L(fg,{hover:t,focus:o}),{[`${fg}-${r}`]:r,[`${fg}-draggable-${r}`]:i,[`${fg}-static-${r}`]:!i&&!c&&!p}),role:"separator","aria-label":h,...r==="horizontal"&&{"aria-orientation":"vertical"},"aria-keyshortcuts":"ArrowLeft ArrowRight ArrowUp ArrowDown",children:[c&&Eb(s0,{children:Eb("div",{className:"k-collapse-prev",children:Eb(f,{icon:`chevron-${r==="horizontal"?"left":"up"}`,size:"xsmall"})})}),Eb("div",{className:"k-resize-handle","aria-hidden":"true"}),p&&Eb(s0,{children:Eb("div",{className:"k-collapse-next",children:Eb(f,{icon:`chevron-${r==="horizontal"?"right":"down"}`,size:"xsmall"})})})]})};tu.states=gne;tu.options=kne;tu.className=fg;tu.defaultOptions=$I;var eM="splitter",n0=eM;import{jsx as wne,jsxs as Nne}from"react/jsx-runtime";import{createElement as Tne}from"react";var tM="k-splitter",vne={},d0={orientation:"horizontal"},_t=e=>{let{orientation:t=d0.orientation,children:o,panes:r,...i}=e,c=[];return r&&r.forEach((p,h)=>{let x=r[h+1],v=p.props,w=x?.props;c.push(Tne(Me,{...v,key:h})),x&&c.push(wne(tu,{draggable:v.resizable!==!1&&w.resizable!==!1,collapsePrev:v.collapsible,collapseNext:w.collapsible,orientation:t,ariaLabel:"Pane separator"},`splitbar-${h}`))}),Nne("div",{...i,className:l(e.className,tM,{[`${tM}-${t}`]:t},"k-splitter-flex"),children:[c,o]})};_t.options=vne;_t.className=tM;_t.defaultOptions=d0;_t.moduleName=eM;_t.folderName=n0;_t.ariaSpec={selector:".k-splitter",rules:[{selector:".k-pane",attribute:"role=group",usage:"Sets the proper role for the Splitter pane."},{selector:".k-splitbar",attribute:"role=separator",usage:"Sets the proper role for the Splitter split-bar element."},{selector:".k-splitbar",attribute:"aria-label",usage:"An accessible name for the separator."},{selector:".k-splitbar-horizontal",attribute:"aria-orientation=vertical",usage:"When a splitbar separates two panes horizontally, its aria-orientation must be explicitly set to vertical."},{selector:".k-splitbar",attribute:"aria-keyshortcuts",usage:"Announces available keyboard shortcuts."}]};import{jsx as ou,jsxs as yne}from"react/jsx-runtime";var tMt=e=>ou(_t,{panes:[ou(Me,{flexBasis:"20%",collapsible:!0,children:ou("p",{children:"Collapsible pane - 20%"})},"pane-1"),yne(Me,{children:[ou("p",{children:"Content"}),ou("p",{children:"Content"}),ou("p",{children:"Content"})]},"pane-2"),ou(Me,{flexBasis:"30%",collapsible:!0,children:ou("p",{children:"Collapsible pane - 30%"})},"pane-3")],...e});import{jsx as au,jsxs as Ane}from"react/jsx-runtime";var lMt=e=>au(_t,{panes:[au(Me,{flexBasis:"20%",collapsible:!0,children:au("p",{children:"Collapsible pane - 20%"})},"pane-1"),Ane(Me,{children:[au("p",{children:"Content"}),au("p",{children:"Content"}),au("p",{children:"Content"})]},"pane-2"),au(Me,{flexBasis:"30%",collapsible:!0,children:au("p",{children:"Collapsible pane - 30%"})},"pane-3")],orientation:"vertical",...e});import{jsx as hg}from"react/jsx-runtime";import{createElement as Ly}from"react";var Cne=_t.options,Sne=_t.states,c0={..._t.defaultOptions,variant:"horizontal",firstPaneProps:!0,secondPaneProps:!0},Ene=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Lne=[{name:"firstPaneProps",title:"Collapsible Left"},{name:"secondPaneProps",title:"Collapsible Right"}],gg=e=>{let{variant:t,modifiers:o,...r}={...c0,...e},i=x=>({collapsible:x,content:x?"Resizable and collapsible":"Resizable only"}),c=i(!0),p=i(!0),h={display:"flex",justifyContent:"center",alignItems:"center"};return Object.keys(o||{}).forEach(x=>{let v=o?.[x];switch(x){case"secondPaneProps":p=i(!!v);break;case"firstPaneProps":c=i(!!v);break;default:break}}),t==="vertical"?hg(_t,{style:{height:"238px"},...r,orientation:"vertical",panes:[Ly(Me,{...c,flexBasis:"50%",style:h,key:"pane-1"},hg("p",{children:c.content})),Ly(Me,{...p,flexBasis:"50%",style:h,key:"pane-2"},hg("p",{children:p.content}))]}):hg(_t,{style:{height:"238px"},...r,orientation:"horizontal",panes:[Ly(Me,{...c,flexBasis:"50%",style:h,key:"pane-1"},hg("p",{children:c.content})),Ly(Me,{...p,flexBasis:"50%",style:h,key:"pane-2"},hg("p",{children:p.content}))]})};gg.options=Cne;gg.states=Sne;gg.variants=Ene;gg.defaultOptions=c0;gg.modifiers=Lne;gg.className=_t.className;import{jsx as Pne}from"react/jsx-runtime";var p0="k-chart-wizard-splitter",Ine=[],Mne={},Bne={},Vc=e=>{let{children:t,panes:o,...r}=e;return Pne(_t,{...r,className:l(e.className,p0),panes:o,children:t})};Vc.states=Ine;Vc.options=Mne;Vc.className=p0;Vc.defaultOptions=Bne;import{jsx as One}from"react/jsx-runtime";var m0="k-chart-types-wrapper",Dne={},Rne={},Jp=e=>One("div",{...e,className:l(e.className,m0),children:e.children});Jp.options=Dne;Jp.className=m0;Jp.defaultOptions=Rne;import{jsx as u0,jsxs as Hne}from"react/jsx-runtime";var oM="k-icon-text-wrapper",Kne=[m.focus,m.selected],Yne={},Gne={},vi=e=>{let{focus:t,selected:o,icon:r,text:i,...c}=e;return Hne("div",{...c,className:l(e.className,oM,L(oM,{focus:t,selected:o})),children:[u0("div",{className:"k-icon-background-area",children:u0(f,{icon:r,size:"xlarge"})}),i]})};vi.states=Kne;vi.options=Yne;vi.className=oM;vi.defaultOptions=Gne;var b0="expander",f0="expansion-panel";import{jsx as ru,jsxs as h0}from"react/jsx-runtime";var Iy="k-expander",Fne=[m.hover,m.focus,m.disabled,m.expanded],zne={},Wne={},Ea=e=>{let{title:t,subtitle:o,expanded:r,hover:i,focus:c,disabled:p,dir:h,contentStyle:x,id:v,...w}=e,A=v?`${v}-content`:b("expander-content");return h0("div",{...w,className:l(e.className,Iy,L(Iy,{hover:i,focus:c,disabled:p,expanded:r})),dir:h,children:[h0("div",{className:l("k-expander-header",L(Iy,{hover:i})),role:"button","aria-controls":A,"aria-expanded":r?"true":"false",tabIndex:0,"aria-disabled":p?"true":void 0,children:[ru("div",{className:"k-expander-title",children:t}),ru("span",{className:"k-spacer"}),ru("div",{className:"k-expander-sub-title",children:o}),ru("span",{className:"k-expander-indicator",children:r?ru(f,{icon:"chevron-up"}):ru(f,{icon:"chevron-down"})})]}),ru("div",{className:l("k-expander-content-wrapper",{"k-hidden":!r}),id:A,children:ru("div",{className:"k-expander-content",style:x,children:e.children})})]})};Ea.states=Fne;Ea.options=zne;Ea.className=Iy;Ea.defaultOptions=Wne;Ea.moduleName=b0;Ea.folderName=f0;Ea.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 kg=Ea;import{jsx as g0}from"react/jsx-runtime";var pT=e=>g0(kg,{title:"Panel Title",subtitle:"Optional subtitle",id:b("expander"),children:g0("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});import{jsx as k0}from"react/jsx-runtime";var x0=e=>k0(kg,{expanded:!0,title:"Expanded Panel",subtitle:"With content visible",id:b("expander"),children:k0("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});import{jsx as v0}from"react/jsx-runtime";var JMt=e=>v0(kg,{disabled:!0,title:"Disabled Panel",subtitle:"Cannot expand",id:b("expander"),children:v0("span",{children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry."}),...e});import{jsx as xg,jsxs as Une}from"react/jsx-runtime";var Vne=Ea.options,Qne=Ea.states,T0={...Ea.defaultOptions,variant:"normal"},Xne=[{name:"normal",title:"Normal"},{name:"expanded",title:"Expanded"}],Zne=[],vg=e=>{let{variant:t,...o}={...T0,...e};return Une("div",{style:o.style?o.style:{width:"467px",height:"265"},children:[t==="expanded"?xg(x0,{title:"Title",children:[xg("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"}):xg(pT,{title:"Title",subtitle:"Subtitle",...o}),xg(pT,{title:"Title",subtitle:"Subtitle",...o}),xg(pT,{title:"Title",subtitle:"Subtitle",...o}),xg(pT,{title:"Title",subtitle:"Subtitle",...o})]})};vg.options=Vne;vg.states=Qne;vg.variants=Xne;vg.defaultOptions=T0;vg.modifiers=Zne;vg.className=Ea.className;import{jsx as _ne}from"react/jsx-runtime";var w0="k-tabstrip-items",Jne=[],jne={},qne={tabAlignment:"start"},mT=e=>{let{children:t,tabAlignment:o,orientation:r,...i}=e;return _ne("ul",{...i,className:l(e.className,w0,"k-reset",`k-tabstrip-items-${o}`),role:"tablist",...r==="vertical"&&{"aria-orientation":"vertical"},children:t})};mT.states=Jne;mT.options=jne;mT.className=w0;mT.defaultOptions=qne;var N0=mT;import{jsx as tde}from"react/jsx-runtime";var y0="k-tabstrip-items-wrapper",$ne=[],ede={},A0={orientation:"horizontal"},uT=e=>{let{children:t,orientation:o=A0.orientation,...r}=e;return tde("div",{...r,className:l(e.className,y0,{"k-hstack":o==="horizontal","k-vstack":o==="vertical"}),children:t})};uT.states=$ne;uT.options=ede;uT.className=y0;uT.defaultOptions=A0;var C0=uT;var bT="tabstrip",My=bT;import{jsx as Jd,jsxs as S0}from"react/jsx-runtime";var lu="k-tabstrip",ode=[],ade={size:[g.undefined,g.small,g.medium,g.large]},By={position:"top",tabAlignment:"start",scrollButtons:"around"},La=e=>{let{size:t,scrollable:o,children:r,tabStripItems:i,tabStripItemsId:c,position:p=By.position,tabAlignment:h=By.tabAlignment,scrollButtons:x=By.scrollButtons,dir:v,scrollingPosition:w,overflow:A,...N}=e,B={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"}},D={top:"horizontal",bottom:"horizontal",left:"vertical",right:"vertical"},z={start:"start",center:"center",end:"end",justify:"justify",stretched:"stretched"};return S0("div",{dir:v,...N,className:l(lu,e.className,{[`${lu}-${p}`]:p,[`${lu}-scrollable`]:o,[`${lu}-scrollable-overlay`]:o&&(x==="hidden"||!x),[`${lu}-scrollable-${w}`]:w&&w!=="both",[`${lu}-overflow`]:A},J(lu,{size:t})),children:[p==="bottom"&&r,S0(C0,{orientation:D[p],children:[o&&(x==="around"||x==="start")&&Jd("span",{className:l("k-tabstrip-prev","k-button",J("k-button",{size:t,fillMode:S.flat}),"k-icon-button"),"aria-hidden":"true",children:Jd(f,{className:"k-button-icon",icon:`chevron-${B[p].prev}`})}),o&&x==="start"&&Jd("span",{className:l("k-tabstrip-next","k-button",J("k-button",{size:t,fillMode:S.flat}),"k-icon-button"),"aria-hidden":"true",children:Jd(f,{className:"k-button-icon",icon:`chevron-${B[p].next}`})}),Jd(N0,{className:l({"k-tabstrip-items-scroll":o&&x==="hidden"}),tabAlignment:z[h],orientation:D[p],...c&&{id:c},children:i}),o&&x==="end"&&Jd("span",{className:l("k-tabstrip-prev","k-button",J("k-button",{size:t,fillMode:S.flat}),"k-icon-button"),"aria-hidden":"true",children:Jd(f,{className:"k-button-icon",icon:`chevron-${B[p].prev}`})}),o&&(x==="around"||x==="end")&&Jd("span",{className:l("k-tabstrip-next","k-button",J("k-button",{size:t,fillMode:S.flat}),"k-icon-button"),"aria-hidden":"true",children:Jd(f,{className:"k-button-icon",icon:`chevron-${B[p].next}`})}),A&&Jd("div",{className:"k-tabstrip-actions k-hstack",children:Jd(Je,{className:"k-tabstrip-overflow-button",icon:"more-vertical",fillMode:"flat",size:t,showArrow:!1})})]}),p!=="bottom"&&r]})};La.states=ode;La.options=ade;La.className=lu;La.defaultOptions=By;La.moduleName=bT;La.folderName=My;La.ariaSpec={selector:".k-tabstrip",rules:[{selector:".k-tabstrip-items",attribute:"role=tablist",usage:"Indicates the tablist role for the ul element."},{selector:".k-tabstrip.k-tabstrip-left .k-tabstrip-items,.k-tabstrip.k-tabstrip-right .k-tabstrip-items",attribute:"aria-orientation=vertical",usage:"Indicates the orientation when vertical."},{selector:".k-tabstrip-item",attribute:"role=tab",usage:"The tab li element."},{selector:".k-tabstrip .k-tabstrip-item.k-active",attribute:"aria-selected=true",usage:"Announces the selected state of the tab."},{selector:".k-tabstrip-content",attribute:"role=tabpanel",usage:"The content div of the tab."},{selector:".k-tabstrip .k-tabstrip-item.k-active",attribute:"aria-controls (when present)",usage:"Announces the relation between the panel and active tab. Only present when tab controls a specific panel."},{selector:".k-tabstrip-content",attribute:"aria-hidden=true (when not active)",usage:"Only if the component implements a feature to control whether the content should be persisted."},{selector:".k-tabstrip-content",attribute:"aria-labelledby (when present)",usage:"Refers to the tab element that controls the panel. Only present when panel has an associated tab."},{selector:".k-tabstrip-scrollable .k-button",attribute:"aria-hidden=true",usage:"Scroll buttons are hidden from assistive technologies."}]};import{jsx as sde}from"react/jsx-runtime";var E0="k-tabstrip-wrapper",rde=[],lde={},ide={},Tg=e=>{let{...t}=e;return sde("div",{...t,className:l(e.className,E0),children:e.children})};Tg.states=rde;Tg.options=lde;Tg.className=E0;Tg.defaultOptions=ide;Tg.moduleName=bT;Tg.folderName=My;import{jsx as Py,jsxs as aM}from"react/jsx-runtime";var rM="k-tabstrip-item",nde=[m.active,m.hover,m.disabled,m.focus],dde={},L0={iconPosition:"before"},Ze=e=>{let{dragging:t,active:o,hover:r,focus:i,disabled:c,children:p,first:h,last:x,closable:v,icon:w,iconPosition:A=L0.iconPosition,value:N,actions:B,...D}=e;return aM("li",{...D,className:l(e.className,rM,L(rM,{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:[aM("span",{className:"k-link",children:[w&&A==="before"&&Py(f,{icon:w}),N&&Py("span",{className:"k-link-text",children:N}),w&&A==="after"&&Py(f,{icon:w})]}),(B||v)&&aM("span",{className:"k-item-actions",children:[B,v&&Py(d,{as:"span",className:"k-remove-tab",icon:"x",fillMode:"flat",size:"xsmall",title:"Close","aria-hidden":"true"})]}),p]})};Ze.states=nde;Ze.options=dde;Ze.className=rM;Ze.item=L0;import{jsx as ude}from"react/jsx-runtime";var lM="k-tabstrip-content",cde=[m.active,m.focus],pde={},mde={},Da=e=>{let{active:t,focus:o,children:r,...i}=e;return ude("div",{...i,className:l(e.className,lM,L(lM,{active:t,focus:o}),e.className),role:"tabpanel",children:r})};Da.states=cde;Da.options=pde;Da.className=lM;Da.defaultOptions=mde;import{Fragment as bde,jsx as iu,jsxs as fde}from"react/jsx-runtime";var Ur=({children:e,...t})=>iu(La,{tabStripItems:fde(bde,{children:[iu(Ze,{first:!0,value:"First"}),iu(Ze,{active:!0,value:"Second"}),iu(Ze,{value:"Third"}),iu(Ze,{value:"Fourth"}),iu(Ze,{last:!0,value:"Fifth"})]}),...t,children:e||iu(Da,{active:!0,children:iu("div",{children:"TabStrip Content"})})});import{jsx as hde}from"react/jsx-runtime";var I0=e=>hde(Ur,{position:"bottom",...e});import{jsx as gde}from"react/jsx-runtime";var M0=e=>gde(Ur,{position:"right",...e});import{jsx as kde}from"react/jsx-runtime";var B0=e=>kde(Ur,{position:"left",...e});import{jsx as xde}from"react/jsx-runtime";var jBt=e=>xde(Ur,{scrollable:!0,...e});import{Fragment as vde,jsx as wg,jsxs as Tde}from"react/jsx-runtime";var e1t=({children:e,...t})=>wg(La,{tabStripItems:Tde(vde,{children:[wg(Ze,{first:!0,closable:!0,value:"First"}),wg(Ze,{active:!0,closable:!0,value:"Second"}),wg(Ze,{closable:!0,value:"Third"})]}),...t,children:e||wg(Da,{active:!0,children:wg("div",{children:"Closable items"})})});import{jsx as wde}from"react/jsx-runtime";var r1t=({scrollingPosition:e="start",...t})=>wde(Ur,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t});import{Fragment as P0,jsx as yn,jsxs as iM}from"react/jsx-runtime";var Nde=iM(P0,{children:[yn(Ze,{first:!0,value:"Tab 1"}),yn(Ze,{value:"Tab 2"}),yn(Ze,{active:!0,value:"Tab 3"}),yn(Ze,{value:"Tab 4"}),yn(Ze,{value:"Tab 5"}),yn(Ze,{last:!0,value:"Tab 6"})]}),yde=iM(Wa,{children:[yn(Xe,{first:!0,text:"Tab 7"}),yn(Xe,{text:"Tab 8"}),yn(Xe,{last:!0,text:"Tab 9"})]}),c1t=({children:e,showMenu:t=!0,popupOffset:o={},tabStripItems:r,popup:i,...c})=>iM(P0,{children:[yn(La,{overflow:!0,tabStripItems:r||Nde,...c,children:e||yn(Da,{active:!0,children:yn("div",{children:"TabStrip Content"})})}),t&&yn(Ce,{className:"k-menu-popup",offset:o,children:i||yde})]});import{Fragment as D0,jsx as Qc,jsxs as R0}from"react/jsx-runtime";var b1t=({children:e,...t})=>Qc(La,{tabStripItems:R0(D0,{children:[Qc(Ze,{first:!0,value:"First"}),Qc(Ze,{active:!0,value:"Second","aria-controls":"panel-second"}),Qc(Ze,{value:"Third"}),Qc(Ze,{value:"Fourth"}),Qc(Ze,{last:!0,value:"Fifth"})]}),...t,children:e||R0(D0,{children:[Qc(Da,{"aria-labelledby":"tab-second","aria-hidden":"true",children:Qc("div",{children:"First Panel (hidden)"})}),Qc(Da,{active:!0,id:"panel-second","aria-labelledby":"tab-second",children:Qc("div",{children:"Second Panel (active)"})})]})});import{jsx as Dy}from"react/jsx-runtime";var Ade={...La.options,scrollable:{type:"boolean"}},Cde=La.states,O0={...La.defaultOptions,scrollable:!1,variant:"up"},Sde=[{name:"up",title:"Position Up"},{name:"bottom",title:"Position Bottom"},{name:"left",title:"Position Left"},{name:"right",title:"Position Right"}],Ede=[],Ng=e=>{let{variant:t,...o}={...O0,...e},r={};switch(t){case"right":return Dy(M0,{style:{height:"230px"},...o,...r,position:"right"});case"left":return Dy(B0,{style:{height:"230px"},...o,...r,position:"left"});case"bottom":return Dy(I0,{style:{width:"350px"},...o,...r,position:"bottom"});default:return Dy(Ur,{style:{width:"350px"},...o,...r})}};Ng.options=Ade;Ng.states=Cde;Ng.variants=Sde;Ng.defaultOptions=O0;Ng.modifiers=Ede;Ng.className=La.className;import{Fragment as K0,jsx as Z,jsxs as An}from"react/jsx-runtime";var X1t=e=>Z(Nn,{children:Z(K0,{children:Z(Vc,{panes:[Z(Me,{className:"k-chart-wizard-preview-pane",children:Z(Up,{children:Z("div",{className:"k-chart",style:{position:"relative",height:"400px"},children:An("svg",{style:{width:"100%",height:"100%",overflow:"hidden",left:"0px",top:"-0.15625px"},xmlns:"http://www.w3.org/2000/svg",version:"1.1",children:[An("defs",{children:[Z("clipPath",{id:"kdef3",children:Z("path",{d:"M38 68 L 1319 68 1319 338 38 338Z",stroke:"#000",strokeLinejoin:"miter",fill:"none"})}),Z("clipPath",{id:"kdef4",children:Z("path",{d:"M0 0 L 1337 0 1337 400 0 400Z",stroke:"#000",strokeLinejoin:"miter",fill:"none"})})]}),An("g",{children:[Z("path",{d:"M0 0 L 1337 0 1337 400 0 400Z",stroke:"none",fill:"var(--kendo-chart-bg)"}),Z("path",{d:"M38 68 L 1319 68 1319 338 38 338Z",stroke:"none",fill:"var(--kendo-chart-bg)",fillOpacity:"0"}),Z("path",{d:"M38.5 311.5 L 1319.5 311.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),Z("path",{d:"M38.5 284.5 L 1319.5 284.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),Z("path",{d:"M38.5 257.5 L 1319.5 257.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),Z("path",{d:"M38.5 230.5 L 1319.5 230.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),Z("path",{d:"M38.5 203.5 L 1319.5 203.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),Z("path",{d:"M38.5 176.5 L 1319.5 176.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),Z("path",{d:"M38.5 149.5 L 1319.5 149.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),Z("path",{d:"M38.5 122.5 L 1319.5 122.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),Z("path",{d:"M38.5 95.5 L 1319.5 95.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),Z("path",{d:"M38.5 68.5 L 1319.5 68.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"})]}),An("g",{children:[Z("path",{d:"M38.5 338.5 L 1319.5 338.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),Z("path",{d:"M38.5 338.5 L 38.5 342.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),Z("path",{d:"M180.5 338.5 L 180.5 342.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),Z("path",{d:"M323.5 338.5 L 323.5 342.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),Z("path",{d:"M465.5 338.5 L 465.5 342.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),Z("path",{d:"M607.5 338.5 L 607.5 342.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),Z("path",{d:"M750.5 338.5 L 750.5 342.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),Z("path",{d:"M892.5 338.5 L 892.5 342.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),Z("path",{d:"M1034.5 338.5 L 1034.5 342.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),Z("path",{d:"M1177.5 338.5 L 1177.5 342.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"}),Z("path",{d:"M1319.5 338.5 L 1319.5 342.5",stroke:"#c8c8c8",strokeWidth:"1",fill:"none"})]}),Z("g",{children:An("g",{clipPath:"url(#kdef4)",children:[Z("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"}),Z("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"}),Z("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"}),Z("circle",{cx:"465",cy:"182.382",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-2)",fillOpacity:"1"}),Z("circle",{cx:"465",cy:"204.693",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-3)",fillOpacity:"1"}),Z("circle",{cx:"607.333",cy:"198.623",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-3)",fillOpacity:"1"}),Z("circle",{cx:"749.667",cy:"184.004",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-3)",fillOpacity:"1"}),Z("circle",{cx:"892",cy:"217.504",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-3)",fillOpacity:"1"}),Z("circle",{cx:"1034.333",cy:"190.248",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-3)",fillOpacity:"1"}),Z("circle",{cx:"1176.667",cy:"301.374",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-3)",fillOpacity:"1"}),Z("circle",{cx:"607.333",cy:"104.676",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-1)",fillOpacity:"1"}),Z("circle",{cx:"465",cy:"104.394",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-1)",fillOpacity:"1"}),Z("circle",{cx:"322.667",cy:"175.28",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-2)",fillOpacity:"1"}),Z("circle",{cx:"322.667",cy:"123.637",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-1)",fillOpacity:"1"}),Z("circle",{cx:"180.333",cy:"122.364",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-1)",fillOpacity:"1"}),Z("circle",{cx:"749.667",cy:"97.467",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-1)",fillOpacity:"1"}),Z("circle",{cx:"749.667",cy:"176.017",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-2)",fillOpacity:"1"}),Z("circle",{cx:"892",cy:"210.938",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-2)",fillOpacity:"1"}),Z("circle",{cx:"892",cy:"176.674",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-1)",fillOpacity:"1"}),Z("circle",{cx:"607.333",cy:"175.187",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-2)",fillOpacity:"1"}),Z("circle",{cx:"322.667",cy:"275.955",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-3)",fillOpacity:"1"}),Z("circle",{cx:"38",cy:"176.446",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-1)",fillOpacity:"1"}),Z("circle",{cx:"1034.333",cy:"118.411",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-1)",fillOpacity:"1"}),Z("circle",{cx:"1176.667",cy:"100.803",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-1)",fillOpacity:"1"}),Z("circle",{cx:"1319",cy:"136.943",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-1)",fillOpacity:"1"}),Z("circle",{cx:"38",cy:"202.161",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-2)",fillOpacity:"1"}),Z("circle",{cx:"180.333",cy:"192.178",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-2)",fillOpacity:"1"}),Z("circle",{cx:"1034.333",cy:"258.883",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-2)",fillOpacity:"1"}),Z("circle",{cx:"1176.667",cy:"170.657",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-2)",fillOpacity:"1"}),Z("circle",{cx:"1319",cy:"192.258",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-2)",fillOpacity:"1"}),Z("circle",{cx:"38",cy:"232.19",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-3)",fillOpacity:"1"}),Z("circle",{cx:"180.333",cy:"223.949",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-3)",fillOpacity:"1"}),Z("circle",{cx:"1319",cy:"153.894",r:"5",stroke:"#fff",strokeWidth:"2",strokeOpacity:"1",fill:"var(--kendo-chart-series-3)",fillOpacity:"1"}),Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"24.5",y:"358",stroke:"none",fillOpacity:"1",children:"2002"}),Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"166.833",y:"358",stroke:"none",fillOpacity:"1",children:"2003"}),Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"309.167",y:"358",stroke:"none",fillOpacity:"1",children:"2004"}),Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"451.5",y:"358",stroke:"none",fillOpacity:"1",children:"2005"}),Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"593.833",y:"358",stroke:"none",fillOpacity:"1",children:"2006"}),Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"736.167",y:"358",stroke:"none",fillOpacity:"1",children:"2007"}),Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"878.5",y:"358",stroke:"none",fillOpacity:"1",children:"2008"}),Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"1020.8330000000001",y:"358",stroke:"none",fillOpacity:"1",children:"2009"}),Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"1163.167",y:"358",stroke:"none",fillOpacity:"1",children:"2010"}),Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"1306",y:"358",stroke:"none",fillOpacity:"1",children:"2011"}),Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"8",y:"342",stroke:"none",fillOpacity:"1",children:"-8%"}),Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"8",y:"315",stroke:"none",fillOpacity:"1",children:"-6%"}),Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"8",y:"288",stroke:"none",fillOpacity:"1",children:"-4%"}),Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"8",y:"261",stroke:"none",fillOpacity:"1",children:"-2%"}),Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"12",y:"234",stroke:"none",fillOpacity:"1",children:"0%"}),Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"12",y:"207",stroke:"none",fillOpacity:"1",children:"2%"}),Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"12",y:"180",stroke:"none",fillOpacity:"1",children:"4%"}),Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"12",y:"153",stroke:"none",fillOpacity:"1",children:"6%"}),Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"12",y:"126",stroke:"none",fillOpacity:"1",children:"8%"}),Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"5",y:"99",stroke:"none",fillOpacity:"1",children:"10%"}),Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"5",y:"72",stroke:"none",fillOpacity:"1",children:"12%"}),Z("text",{style:{font:"16px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"558",y:"29",stroke:"none",fillOpacity:"1",children:"Gross domestic product growth"}),Z("text",{style:{font:"16px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"611",y:"47",stroke:"none",fillOpacity:"1",children:"/GDP annual %/"}),An("g",{transform:"matrix(1,0,0,1,590.5,371)",children:[Z("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)"}),Z("g",{children:Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"21",y:"11",stroke:"none",fillOpacity:"1",children:"India"})}),Z("path",{style:{cursor:"pointer"},d:"M0 0 L 47 0 47 14 0 14Z",stroke:"none",fill:"#fff",fillOpacity:"0"})]}),An("g",{transform:"matrix(1,0,0,1,643.5,371)",children:[Z("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)"}),Z("g",{children:Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"21",y:"11",stroke:"none",fillOpacity:"1",children:"World"})}),Z("path",{style:{cursor:"pointer"},d:"M0 0 L 52 0 52 14 0 14Z",stroke:"none",fill:"#fff",fillOpacity:"0"})]}),An("g",{transform:"matrix(1,0,0,1,701.5,371)",children:[Z("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)"}),Z("g",{children:Z("text",{style:{font:"12px Arial, Helvetica, sans-serif",whiteSpace:"pre"},x:"21",y:"11",stroke:"none",fillOpacity:"1",children:"Haiti"})}),Z("path",{style:{cursor:"pointer"},d:"M0 0 L 45 0 45 14 0 14Z",stroke:"none",fill:"#fff",fillOpacity:"0"})]})]})})]})})})},"pane-1"),Z(Me,{className:"k-chart-wizard-property-pane",flexBasis:"300px",collapsible:!0,children:Z(La,{tabStripItems:An(K0,{children:[Z(Ze,{first:!0,value:"Chart",active:!0}),Z(Ze,{value:"Data"}),Z(Ze,{last:!0,value:"Format"})]}),children:An(Da,{active:!0,children:[Z(Ea,{expanded:!0,title:"Bar chart",children:An(Jp,{children:[Z(vi,{icon:"chart-bar-clustered",text:"Bar"}),Z(vi,{icon:"chart-bar-stacked",text:"Stacked Bar"}),Z(vi,{icon:"chart-bar-stacked100",text:"100% Stacked Bar"})]})}),Z(Ea,{expanded:!0,title:"Pie chart",children:Z(Jp,{children:Z(vi,{icon:"chart-pie",text:"Pie"})})}),Z(Ea,{expanded:!0,title:"Column chart",children:An(Jp,{children:[Z(vi,{icon:"chart-column-clustered",text:"Column"}),Z(vi,{icon:"chart-column-stacked",text:"Stacked Column"}),Z(vi,{icon:"chart-column-stacked100",text:"100% Stacked Column"})]})}),Z(Ea,{expanded:!0,title:"Line chart",children:An(Jp,{children:[Z(vi,{icon:"chart-line",text:"Line"}),Z(vi,{icon:"chart-line-stacked",text:"Stacked Line"}),Z(vi,{icon:"chart-line-stacked100",text:"100% Stacked Line"})]})}),Z(Ea,{expanded:!0,title:"Scatter chart",children:Z(Jp,{children:Z(vi,{icon:"chart-scatter",text:"Scatter"})})})]})})},"pane-2")]})}),...e});var Wo="grid",Jo=Wo;import{jsx as Bde,jsxs as Pde}from"react/jsx-runtime";var Ry="k-grid",Lde=[],Ide={size:[g.undefined,g.small,g.medium,g.large]},Mde=[],Y0={pagerPosition:"bottom"},Pe=e=>{let{size:t,pagerPosition:o=Y0.pagerPosition,toolbar:r,pager:i,groupingHeader:c,gridSelectionAggregates:p,_renderAriaRoot:h,resizable:x,ariaColCount:v,ariaRowCount:w,ariaRootId:A,ariaRole:N="grid",...B}=e;return Pde("div",{...B,className:l(e.className,Ry,{[`${Ry}-resizable`]:x},J(Ry,{size:t})),children:[r,o==="top"&&i,c,e.children&&h?Bde("div",{className:"k-grid-aria-root",role:N,id:A,"aria-colcount":v,"aria-rowcount":w,children:e.children}):e.children,p,o==="bottom"&&i]})};Pe.states=Lde;Pe.options=Ide;Pe.variants=Mde;Pe.className=Ry;Pe.defaultOptions=Y0;Pe.moduleName=Wo;Pe.folderName=Jo;Pe.ariaSpec={selector:".k-grid",rules:[{selector:".k-grid-toolbar",attribute:"role=toolbar",usage:"The toolbar is a collection of command buttons and inputs."},{selector:".k-grid-toolbar",attribute:"aria-label",usage:"Clarifies the purpose of the toolbar."},{selector:".k-grid-toolbar",attribute:"aria-controls=.k-grid-aria-root id (when present)",usage:"Pointing to the id of the element with role=grid."},{selector:".k-grouping-header",attribute:"role=toolbar",usage:"The Grouping pane is a ToolBar (collection of buttons)."},{selector:".k-grouping-header",attribute:"aria-label",usage:"Clarifies the purpose of the grouping pane."},{selector:".k-grouping-header",attribute:"aria-controls=.k-grid-aria-root id (when present)",usage:"Pointing to the id of the element with role=grid."},{selector:".k-grouping-header .k-chip-list",attribute:"role=none",usage:"The ChipList default listbox role is removed to keep the toolbar --> button roles hierarchy."},{selector:".k-grouping-header .k-chip",attribute:"role=button",usage:"If the element used is not <button>, then the role must be specified."},{selector:".k-grid:not(.k-treelist) .k-grid-aria-root",attribute:"role=grid",usage:"The role specifies the element is a Data Grid."},{selector:".k-grid-aria-root",attribute:"aria-colcount (when present)",usage:"The total number of columns in the Grid. Needed for Virtual columns and Hidden columns scenarios."},{selector:".k-grid-aria-root",attribute:"aria-rowcount (when present)",usage:"The total number of rows in the table. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:".k-grid-header-wrap>table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-grid-header-wrap>table>thead",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)",attribute:"aria-rowindex (when present)",usage:"Row number. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th:not(.k-hierarchy-cell):not(.k-group-cell):not(.k-drag-cell)",attribute:"role=columnheader",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th",attribute:"aria-sort (when present)",usage:"Present if sorting is enabled for that column."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th",attribute:"aria-colindex (when present)",usage:"Col number. Needed for Virtual columns and Hidden columns scenarios."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th",attribute:"aria-haspopup=dialog (when present)",usage:"Present if the column has a ColumnMenu or FilterMenu."},{selector:".k-grid-header-wrap>table>thead>tr.k-filter-row>td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr.k-filter-row>td",attribute:"aria-label",usage:"Has a label indicating that the cell is part of a filter row."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table, .k-grid-pinned-container .k-grid-table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody, .k-grid-pinned-container tbody",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr, .k-grid-pinned-container tbody tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr, .k-grid-pinned-container tbody tr",attribute:"aria-rowindex (when present)",usage:"Row number. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr>td, .k-grid-pinned-container tbody td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr>td, .k-grid-pinned-container tbody td",attribute:"aria-colindex (when present)",usage:"Col number. Needed for Virtual columns and Hidden columns scenarios."},{selector:"tr.k-selected",attribute:"aria-selected=true",usage:"Set on the currently selected row(s) in row selection mode. All cells within the selected row also carry aria-selected=true (without k-selected class). Applies to both regular and pinned rows."},{selector:"td.k-selected",attribute:"aria-selected=true",usage:"Set on the currently selected cell(s) in cell selection mode. The k-selected class on cells is only applied in cell selection mode, but aria-selected=true is present on cells regardless of selection mode."},{selector:".k-master-row .k-hierarchy-cell, .k-grouping-row>td",attribute:"aria-expanded",usage:"For cells holding grouping criteria values and for Master row cells in Detail template scenario."},{selector:".k-group-cell",attribute:"role=presentation",usage:"Group offset cells (header and content) are non-interactive placeholders with no semantic role."},{selector:".k-drag-cell",attribute:"aria-label",usage:"Must be present in a Drag Row scenario on the cell containing the drag handle."},{selector:".k-grid-header-locked table tr",attribute:"aria-owns",usage:"Locked header rows own cells from the corresponding non-locked header table rows."},{selector:".k-grid-content-locked table tr:not(.k-grouping-row)",attribute:"aria-owns",usage:"Locked content rows own cells from the corresponding non-locked content table rows. Group header rows are excluded because the non-locked group header rows are presentational."},{selector:".k-grid-lockedcolumns .k-grid-header .k-grid-header-wrap table tr",attribute:"role=none",usage:"Non-locked header rows have their semantic role removed when locked columns exist."},{selector:".k-grid-lockedcolumns .k-grid-content table tr",attribute:"role=none",usage:"Non-locked content rows have their semantic role removed when locked columns exist."},{selector:".k-grid-lockedcolumns .k-grid-header .k-grid-header-wrap th",attribute:"role=columnheader",usage:"Non-locked header cells retain columnheader role so they are announced correctly when owned via aria-owns."},{selector:".k-grid-lockedcolumns .k-grid-content td:not(.k-grouping-row td)",attribute:"role=gridcell",usage:"Non-locked data cells retain gridcell role so they are announced correctly when owned via aria-owns. Cells inside group header rows are excluded as those rows are presentational."},{selector:".k-grid-filter-popup",attribute:"role=dialog",usage:"The filter menu popup has dialog role."},{selector:".k-grid-filter-popup",attribute:"id",usage:"Unique id linked to the header cell aria-controls attribute."},{selector:".k-grid-filter-popup",attribute:"aria-label",usage:'Descriptive label for the filter menu, e.g. "Column Title Filter Menu".'},{selector:".k-grid-columnmenu-popup",attribute:"role=dialog",usage:"The column menu popup has dialog role."},{selector:".k-grid-columnmenu-popup",attribute:"id",usage:"Unique id linked to the header cell aria-controls attribute."},{selector:".k-grid-columnmenu-popup",attribute:"aria-label",usage:'Descriptive label for the column menu, e.g. "Column Title Column Menu".'},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"role=button",usage:"Column menu items have button role."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"tabindex=0",usage:"Column menu items are focusable."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"aria-expanded",usage:"Expandable column menu items announce their expanded state."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"aria-controls",usage:"Expandable items point to the id of the content they control."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"role=listbox",usage:"The column list is a listbox."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"aria-multiselectable=true",usage:"The column list supports multiple selections."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"aria-label",usage:"Accessible name for the column list."},{selector:".k-grid-columnmenu-popup .k-column-list-item",attribute:"role=option",usage:"Column list items are options."},{selector:".k-grid-columnmenu-popup .k-column-list-item",attribute:"aria-checked",usage:"Column list items announce their checked state."},{selector:"tfoot",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:"tfoot tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:"tfoot tr",attribute:"aria-rowindex (when present)",usage:"Row number. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:"tfoot tr td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:"tfoot tr td",attribute:"aria-colindex (when present)",usage:"Col number. Needed for Virtual columns and Hidden columns scenarios."},{selector:".k-grid-selection-aggregates",attribute:"aria-live=polite",usage:"Ensures that changes in the calculated selection aggregates are announced by assistive technologies."},{selector:".k-grid-stack-cell",attribute:"tabindex=0",usage:"Stacked cell elements receive tabindex 0 when focus is within their parent .k-grid-stack-row element."},{selector:".k-grid-sticky-container",attribute:"role=none",usage:"Sticky group container has no semantic role."},{selector:".k-grid-sticky-container .k-grid-table",attribute:"role=none",usage:"Negates the default semantic role of the sticky group <table> element."},{selector:".k-grid-sticky-container tbody",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-sticky-container tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-sticky-container tr",attribute:"aria-rowindex",usage:"Matches the aria-rowindex of the real group header/footer row it mirrors."},{selector:".k-grid-sticky-container td:not(.k-group-cell)",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed. Group offset cells are excluded as they retain role=presentation."},{selector:".k-grid-sticky-container .k-grouping-row>td",attribute:"aria-expanded",usage:"Mirrors the expanded/collapsed state of the real group header row."},{selector:".k-grid-sticky-container td:not(.k-group-cell)",attribute:"tabindex",usage:"Receives tabindex 0 when focused, -1 otherwise, for keyboard navigation. Group offset cells are excluded as they are presentational."},{selector:".k-grid-sticky-container td",attribute:"aria-colindex (when present)",usage:"Col number. Typically 1 for the group header cell spanning all columns."},{selector:".k-grid-pinned-container",attribute:"role=none",usage:"Container for pinned rows has no semantic role."},{selector:".k-grid-pinned-container .k-grid-pinned-wrap",attribute:"role=none",usage:"Inner wrapper for the pinned rows table has no semantic role."},{selector:".k-grid-pinned-container tbody",attribute:"aria-label",usage:'Describes the purpose of the pinned rows group, e.g. "Top pinned rows" or "Bottom pinned rows".'},{selector:".k-grid-pinned-container td",attribute:"aria-haspopup=menu (when present)",usage:"Pinned row cells announce the context menu for row pinning operations."},{selector:".k-grid-pinned-container td",attribute:"aria-controls",usage:"Points to the ID of the context menu popup for row pinning."},{selector:".k-grid-pinned-container td",attribute:"aria-expanded",usage:"Indicates whether the context menu popup is open."},{selector:".k-grid-content td",attribute:"aria-haspopup=menu (when present)",usage:"Regular data cells announce context menu when row pinning uses contextual mode."},{selector:".k-grid-content td",attribute:"aria-controls",usage:"Points to the ID of the context menu popup for row pinning."},{selector:".k-grid-content td",attribute:"aria-expanded",usage:"Indicates whether the context menu popup is open."},{selector:'.k-pin-cell [class*="k-icon"]',attribute:"aria-hidden=true",usage:"Pin/unpin icon inside the dedicated column is decorative and must be hidden from assistive technologies."}]};import{jsx as Dde}from"react/jsx-runtime";var G0="k-grid-header",ve=e=>{let{draggable:t,...o}=e;return Dde("div",{...o,className:l(e.className,G0,{"k-grid-draggable-header":t}),children:e.children})};ve.className=G0;ve.moduleName=Wo;ve.folderName=Jo;import{jsx as H0,jsxs as Rde}from"react/jsx-runtime";var F0="k-grouping-header",Cn=e=>{let{dropHint:t,dropClue:o,...r}=e;return Rde("div",{...r,className:l(e.className,F0),children:[o&&H0("div",{className:"k-grouping-dropclue"}),e.children,H0("div",{className:"k-grouping-drop-container",children:t})]})};Cn.className=F0;Cn.moduleName=Wo;Cn.folderName=Jo;import{jsx as Ode}from"react/jsx-runtime";var z0="k-grid-pinned-container",Lb=e=>{let{position:t,...o}=e;return Ode("div",{...o,className:l(e.className,z0,{"k-pos-bottom":t==="bottom"}),children:e.children})};Lb.className=z0;Lb.moduleName=Wo;Lb.folderName=Jo;import{jsx as Kde}from"react/jsx-runtime";var W0="k-grid-sticky-container",jp=e=>{let{position:t,...o}=e;return Kde("div",{...o,className:l(e.className,W0,{"k-pos-bottom":t==="bottom"}),children:e.children})};jp.className=W0;jp.moduleName=Wo;jp.folderName=Jo;import{jsx as Yde}from"react/jsx-runtime";var V0="k-grid-header-table",he=e=>Yde(tr,{...e,className:l(e.className,V0),children:e.children});he.className=V0;he.moduleName=Wo;he.folderName=Jo;import{jsx as su,jsxs as sM}from"react/jsx-runtime";var nM="k-header",Gde=[m.hover,m.focus,m.active],Q0={sortIcon:"sort-asc-small"},M=e=>{let{menu:t,sortable:o,filterable:r,sticky:i,resizable:c,columnTitle:p,hover:h,focus:x,active:v,sortIcon:w=Q0.sortIcon,sortOrder:A,accessibleLabel:N,...B}=e;return sM(bo,{...B,className:l(e.className,nM,{"k-filterable":t||r,"k-sorted":o,"k-grid-header-sticky":i,"k-touch-action-none":c},L(nM,{hover:h,focus:x,active:v})),children:[p&&sM("span",{className:"k-cell-inner",children:[sM("span",{className:"k-link",children:[su("span",{className:"k-column-title",children:p}),o&&su("span",{className:"k-sort-icon",children:su(f,{icon:w})}),A&&su("span",{className:"k-sort-order",children:A})]}),t&&su("a",{className:l("k-grid-header-menu",{"k-active":v,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:su(f,{icon:t==="filter"?"filter":"more-vertical"})})]}),!p&&N&&su("span",{className:"k-sr-only",children:N}),e.children,c&&su("span",{className:"k-column-resizer k-touch-action-none"})]})};M.states=Gde;M.className=nM;M.defaultOptions=Q0;M.moduleName=Wo;M.folderName=Jo;import{jsx as Hde}from"react/jsx-runtime";var X0="k-grid-container",Ne=e=>Hde("div",{...e,className:l(e.className,X0),children:e.children});Ne.className=X0;Ne.moduleName=Wo;Ne.folderName=Jo;import{jsx as Fde}from"react/jsx-runtime";var Z0="k-grid-content",ge=e=>Fde("div",{...e,className:l(e.className,Z0),children:e.children});ge.className=Z0;ge.moduleName=Wo;ge.folderName=Jo;import{jsx as zde}from"react/jsx-runtime";var U0="k-grid-table",de=e=>zde(tr,{...e,className:l(e.className,U0),children:e.children});de.className=U0;de.moduleName=Wo;de.folderName=Jo;import{jsx as Wde}from"react/jsx-runtime";var J0="k-grid-footer",fT=e=>Wde("div",{...e,className:l(e.className,J0),children:e.children});fT.className=J0;fT.moduleName=Wo;fT.folderName=Jo;import{jsx as Vde}from"react/jsx-runtime";var j0="k-grid-footer-table",hT=e=>Vde(tr,{...e,className:l(e.className,j0),children:e.children});hT.className=j0;hT.moduleName=Wo;hT.folderName=Jo;var dM="pager",q0=dM;import{Fragment as _0,jsx as Is,jsxs as yg}from"react/jsx-runtime";var Oy="k-pager",Qde=[m.focus,m.disabled],Xde={size:[g.undefined,g.small,g.medium,g.large]},Sn={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},Ia=e=>{let{responsive:t=Sn.responsive,size:o,pagerSizeInfo:r=Sn.pagerSizeInfo,pageTitleInfo:i=Sn.pageTitleInfo,maxPagesInfo:c=Sn.maxPagesInfo,itemsPerPage:p=Sn.itemsPerPage,maxPages:h=Sn.maxPages,currentPage:x=Sn.currentPage,previousNext:v=Sn.previousNext,type:w=Sn.type,pageSizes:A=Sn.pageSizes,refresh:N=Sn.refresh,info:B=Sn.info,focus:D,disabled:z,dir:U,...X}=e,oe=[],Ie=[];for(let Re=1;Re<=h;Re++)oe.push(Is(d,{selected:Re===x,fillMode:"flat",themeColor:"primary",size:o,"aria-label":`Page ${Re}`,...Re===x&&{"aria-current":"page"},children:Re},Re)),Ie.push(Is("option",{selected:Re===x,children:Re},Re));return yg("div",{dir:U,...X,className:l(e.className,Oy,J(Oy,{size:o}),L(Oy,{focus:D,disabled:z}),{"k-pager-responsive":t}),role:"application","aria-roledescription":"pager","aria-keyshortcuts":"Enter ArrowRight ArrowLeft","aria-label":`Page ${x} of ${h}`,children:[yg("div",{className:l("k-pager-numbers-wrap"),children:[v&&yg(_0,{children:[Is(d,{className:l("k-pager-nav","k-pager-first"),ariaDisabled:x===1,fillMode:"flat",size:o,icon:U==="rtl"?"caret-alt-to-right":"caret-alt-to-left",title:"Go to the first page","aria-label":"Go to the first page"}),Is(d,{className:l("k-pager-nav"),ariaDisabled:x===1,fillMode:"flat",size:o,icon:U==="rtl"?"chevron-right":"chevron-left",title:"Go to the previous page","aria-label":"Go to the previous page"})]}),w==="numeric"&&Is("div",{className:l("k-pager-numbers"),children:oe}),w==="input"&&yg("span",{className:l("k-pager-input"),children:[i&&Is("span",{children:"Page"}),Is(qe,{value:`${x}`,size:o,showSpinButton:!1,showClearButton:!1,"aria-label":"Current page"}),Is("span",{children:c&&`of ${h}`})]}),v&&yg(_0,{children:[Is(d,{className:l("k-pager-nav"),ariaDisabled:x===h,fillMode:"flat",size:o,icon:U==="rtl"?"chevron-left":"chevron-right",title:"Go to the next page","aria-label":"Go to the next page"}),Is(d,{className:l("k-pager-nav","k-pager-last"),ariaDisabled:x===h,fillMode:"flat",size:o,icon:U==="rtl"?"caret-alt-to-left":"caret-alt-to-right",title:"Go to the last page","aria-label":"Go to the last page"})]})]}),A&&yg("span",{className:l("k-pager-sizes"),children:[Is(ae,{value:`${p}`,size:o,"aria-label":"Items per page"}),r&&Is("span",{children:"items per page"})]}),N&&Is(d,{className:l("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw",title:"Refresh","aria-label":"Refresh"}),B&&Is("span",{className:l("k-pager-info"),children:B})]})};Ia.states=Qde;Ia.options=Xde;Ia.className=Oy;Ia.defaultOptions=Sn;Ia.moduleName=dM;Ia.folderName=q0;Ia.ariaSpec={selector:".k-pager",rules:[{selector:".k-pager",attribute:"role=application",usage:"Indicates that the pager has its own keyboard navigation implemented."},{selector:".k-pager",attribute:"aria-roledescription=pager",usage:"Clarifies the role of the Pager."},{selector:".k-pager",attribute:"aria-keyshortcuts=Enter ArrowRight ArrowLeft",usage:"Announces the available keyboard shortcuts."},{selector:".k-pager",attribute:"aria-label",usage:"Announces the currently selected page and the number of available pages."},{selector:".k-pager-nav",attribute:"role=button or nodeName=button",usage:"Specifies the role of the navigation element."},{selector:".k-pager-nav.k-disabled",attribute:"aria-disabled=true",usage:"Present when the navigation button is non-interactive."},{selector:".k-pager-nav",attribute:"title",usage:"Specifies the purpose of each navigation button."},{selector:".k-pager-numbers .k-button",attribute:"aria-label or title",usage:"Specifies the purpose of each page link, e.g., Page 6."},{selector:".k-pager-numbers .k-button.k-selected",attribute:"aria-current=page",usage:"Present on the currently selected page element."},{selector:".k-pager-sizes .k-dropdownlist",attribute:"aria-label or aria-labelledby",usage:"The DropDownList requires a label to specify its purpose."},{selector:".k-pager-input .k-input-inner",attribute:"aria-label",usage:"The input requires a label to specify its purpose."}]};import{jsx as Zde}from"react/jsx-runtime";var $0=e=>Zde(Ia,{...e,responsive:!1});import{jsx as Ude}from"react/jsx-runtime";var Ag=e=>Ude(Ia,{type:"input",responsive:!1,...e});import{jsx as Jde}from"react/jsx-runtime";var bDt=e=>Jde(Ia,{...e});import{jsx as eH}from"react/jsx-runtime";var jde=Ia.options,qde=Ia.states,_de={...Ia.defaultOptions,variant:"numeric"},$de=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],ece=[],Cg=e=>{let{variant:t,...o}=e;return t==="input"?eH(Ia,{...o,type:"input"}):eH(Ia,{...o,type:"numeric"})};Cg.options=jde;Cg.states=qde;Cg.variants=$de;Cg.defaultOptions=_de;Cg.modifiers=ece;Cg.className=Ia.className;import{jsx as tce}from"react/jsx-runtime";var tH="k-grid-pager",fl=e=>tce(Ia,{...e,className:l(e.className,tH),children:e.children});fl.className=tH;fl.moduleName=Wo;fl.folderName=Jo;import{jsx as oce}from"react/jsx-runtime";var oH="k-grid-toolbar",Qi=e=>oce(ie,{...e,className:l(e.className,oH),children:e.children});Qi.className=oH;Qi.moduleName=Wo;Qi.folderName=Jo;import{jsx as cM,jsxs as rce}from"react/jsx-runtime";var pM="k-grid-stack-cell",ace=[m.focus,m.selected],gT=e=>{let{cellHeader:t,cellContent:o,edit:r,commandCell:i,dirty:c,focus:p,selected:h,...x}=e;return rce("div",{...x,className:l(e.className,pM,{"k-grid-stack-edit-cell":r,"k-command-cell":i,"k-dirty-cell":c},L(pM,{focus:p,selected:h})),children:[c&&cM("span",{className:"k-dirty"}),t&&cM("div",{className:"k-grid-stack-header",children:t}),cM("div",{className:"k-grid-stack-content",children:o}),e.children]})};gT.states=ace;gT.className=pM;gT.moduleName=Wo;gT.folderName=Jo;var Xi=gT;import{jsx as lce}from"react/jsx-runtime";var aH="k-grid-stack-row",Sg=e=>{let{cols:t,...o}=e;return lce("div",{...o,className:l(e.className,aH,{[`k-grid-cols-${t}`]:t}),children:e.children})};Sg.className=aH;Sg.moduleName=Wo;Sg.folderName=Jo;import{Fragment as ice,jsx as nt,jsxs as Zi}from"react/jsx-runtime";var jDt=({contentClassName:e,...t})=>{let o=b("grid");return nt(Pe,{_renderAriaRoot:!0,ariaRootId:o,ariaColCount:4,ariaRowCount:8,pager:nt(fl,{}),groupingHeader:nt(Cn,{dropHint:"Drag a column header and drop it here to group by that column",role:"toolbar","aria-label":"Grouping","aria-controls":o}),children:Zi(ice,{children:[nt(ve,{children:nt("div",{className:"k-grid-header-wrap",children:Zi(he,{role:"none",children:[Zi("colgroup",{children:[nt("col",{style:{width:"240px"}}),nt("col",{}),nt("col",{}),nt("col",{style:{width:"150px"}})]}),nt(ne,{role:"rowgroup",children:Zi(k,{role:"row","aria-rowindex":1,children:[nt(M,{columnTitle:"Contact Name",role:"columnheader","aria-sort":"ascending","aria-colindex":1}),nt(M,{columnTitle:"Contact Title",role:"columnheader","aria-colindex":2}),nt(M,{columnTitle:"Company Name",role:"columnheader","aria-colindex":3}),nt(M,{columnTitle:"Country",role:"columnheader","aria-colindex":4})]})})]})})}),nt(Ne,{children:nt(ge,{className:e,children:Zi(de,{role:"none",children:[Zi("colgroup",{children:[nt("col",{style:{width:"240px"}}),nt("col",{}),nt("col",{}),nt("col",{style:{width:"150px"}})]}),Zi(ee,{role:"rowgroup",children:[Zi(k,{className:"k-master-row",role:"row","aria-rowindex":2,children:[nt(n,{role:"gridcell","aria-colindex":1,children:"Maria Anders"}),nt(n,{role:"gridcell","aria-colindex":2,children:"Sales Representative"}),nt(n,{role:"gridcell","aria-colindex":3,children:"Alfreds Futterkiste"}),nt(n,{role:"gridcell","aria-colindex":4,children:"Germany"})]}),Zi(k,{className:"k-master-row",role:"row",alt:!0,"aria-rowindex":3,children:[nt(n,{role:"gridcell","aria-colindex":1,children:"Ana Trujillo"}),nt(n,{role:"gridcell","aria-colindex":2,children:"Owner"}),nt(n,{role:"gridcell","aria-colindex":3,children:"Anna Trujillo Emparedados y helados"}),nt(n,{role:"gridcell","aria-colindex":4,children:"Mexico"})]}),Zi(k,{className:"k-master-row",role:"row","aria-rowindex":4,children:[nt(n,{role:"gridcell","aria-colindex":1,children:"Thomas Hardy"}),nt(n,{role:"gridcell","aria-colindex":2,children:"Sales Representative"}),nt(n,{role:"gridcell","aria-colindex":3,children:"Around the Horn"}),nt(n,{role:"gridcell","aria-colindex":4,children:"UK"})]}),Zi(k,{className:"k-master-row",role:"row",alt:!0,"aria-rowindex":5,children:[nt(n,{role:"gridcell","aria-colindex":1,children:"Christina Berglund"}),nt(n,{role:"gridcell","aria-colindex":2,children:"Office Administrator"}),nt(n,{role:"gridcell","aria-colindex":3,children:"Berglunds snabbk\xF6p"}),nt(n,{role:"gridcell","aria-colindex":4,children:"Sweden"})]}),Zi(k,{className:"k-master-row",role:"row","aria-rowindex":6,children:[nt(n,{role:"gridcell","aria-colindex":1,children:"Martin Sommer"}),nt(n,{role:"gridcell","aria-colindex":2,children:"Owner"}),nt(n,{role:"gridcell","aria-colindex":3,children:"B\xF3lido Comidas preparadas"}),nt(n,{role:"gridcell","aria-colindex":4,children:"Spain"})]})]})]})})}),nt(fT,{children:nt("div",{className:"k-grid-footer-wrap",children:Zi(hT,{role:"none",children:[Zi("colgroup",{children:[nt("col",{style:{width:"240px"}}),nt("col",{}),nt("col",{}),nt("col",{style:{width:"150px"}})]}),nt(Oh,{role:"rowgroup",children:Zi(k,{role:"row","aria-rowindex":7,children:[nt(n,{role:"gridcell","aria-colindex":1,children:"Total"}),nt(n,{role:"gridcell","aria-colindex":2}),nt(n,{role:"gridcell","aria-colindex":3,children:"5 items"}),nt(n,{role:"gridcell","aria-colindex":4})]})})]})})})]}),...t})};import{Fragment as sce,jsx as ta,jsxs as vd}from"react/jsx-runtime";var tRt=({contentClassName:e,sortable:t,resizable:o,...r})=>ta(Pe,{_renderAriaRoot:!0,pager:ta(fl,{refresh:!1}),children:vd(sce,{children:[ta(ve,{children:ta("div",{className:"k-grid-header-wrap",children:vd(he,{role:"none",children:[vd("colgroup",{children:[ta("col",{style:{width:"100px"}}),ta("col",{style:{width:"100px"}}),ta("col",{style:{width:"150px"}})]}),ta(ne,{role:"rowgroup",children:vd(k,{role:"row",children:[ta(M,{sortable:t,resizable:o,rowspan:1,colspan:1,menu:"column",columnTitle:"ID",filterable:!0,role:"columnheader","aria-haspopup":"dialog"}),ta(M,{sortable:t,resizable:o,rowspan:1,colspan:1,menu:"column",columnTitle:"Name",filterable:!0,role:"columnheader","aria-haspopup":"dialog"}),ta(M,{sortable:t,resizable:o,rowspan:1,colspan:1,menu:"column",columnTitle:"Category",filterable:!0,role:"columnheader","aria-haspopup":"dialog"})]})})]})})}),ta(Ne,{children:ta(ge,{className:e,children:vd(de,{role:"none",children:[vd("colgroup",{children:[ta("col",{style:{width:"100px"}}),ta("col",{style:{width:"100px"}}),ta("col",{style:{width:"150px"}})]}),vd(ee,{role:"rowgroup",children:[vd(k,{className:"k-master-row",role:"row",children:[ta(n,{role:"gridcell",children:"1"}),ta(n,{role:"gridcell",children:"Chai"}),ta(n,{role:"gridcell",children:"Beverages"})]}),vd(k,{className:"k-master-row",role:"row",alt:!0,children:[ta(n,{role:"gridcell",children:"2"}),ta(n,{role:"gridcell",children:"Chang"}),ta(n,{role:"gridcell",children:"Beverages"})]}),vd(k,{className:"k-master-row",role:"row",children:[ta(n,{role:"gridcell",children:"3"}),ta(n,{role:"gridcell",children:"Aniseed Syrup"}),ta(n,{role:"gridcell",children:"Condiments"})]}),vd(k,{className:"k-master-row",role:"row",alt:!0,children:[ta(n,{role:"gridcell",children:"4"}),ta(n,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),ta(n,{role:"gridcell",children:"Condiments"})]}),vd(k,{className:"k-master-row",role:"row",children:[ta(n,{role:"gridcell",children:"5"}),ta(n,{role:"gridcell",children:"Grandma's Boysenberry Spread"}),ta(n,{role:"gridcell",children:"Condiments"})]})]})]})})})]}),...r});var Ui="column-menu",Ms=Ui;import{jsx as cce}from"react/jsx-runtime";var mM="k-column-menu",nce=[],dce={size:[g.undefined,g.small,g.medium,g.large]},rH={view:"list"},jd=e=>{let{view:t=rH.view,size:o,...r}=e;return cce("div",{...r,className:l(e.className,mM,J(mM,{size:o}),{"k-column-menu-tabbed":t==="tabbed"}),children:e.children})};jd.states=nce;jd.options=dce;jd.className=mM;jd.defaultOptions=rH;jd.moduleName=Ui;jd.folderName=Ms;jd.ariaSpec={selector:".k-column-menu",rules:[{selector:".k-columnmenu-item",attribute:"role=button",usage:"Sets column menu item role to button."},{selector:".k-columnmenu-item",attribute:"tabindex=0",usage:"Sets column menu item tabindex."},{selector:".k-expander .k-columnmenu-item",attribute:"aria-expanded=true/false",usage:"Sets the expanded state of an expandable item."},{selector:".k-expander .k-columnmenu-item",attribute:"aria-controls",usage:"Points to id attribute of the content whose visibility the expandable item controls."},{selector:".k-expander .k-columnmenu-item-content",attribute:"id",usage:"Unique and deterministic id linked to the aria-controls attribute of the corresponding expandable item."},{selector:".k-column-list",attribute:"role=listbox",usage:"Sets the listbox role of the list of columns wrapper."},{selector:".k-column-list",attribute:"aria-multiselectable=true",usage:"Specifies that the list is multiselectable."},{selector:".k-column-list",attribute:"aria-label",usage:"Accessible name for the column list."},{selector:".k-column-list .k-column-list-item",attribute:"role=option",usage:"Sets the option role of the list item."},{selector:".k-column-list .k-column-list-item",attribute:"aria-checked=true/false",usage:"Sets the checked state of list item."}]};import{jsx as lH}from"react/jsx-runtime";var uM="k-column-list",pce=[],mce={size:[g.undefined,g.small,g.medium,g.large]},uce={},nu=e=>{let{size:t,...o}=e;return lH("div",{className:"k-column-list-wrapper",children:lH("div",{...o,className:l(e.className,uM,J(uM,{size:t})),role:"listbox","aria-multiselectable":"true",children:e.children})})};nu.states=pce;nu.options=mce;nu.className=uM;nu.defaultOptions=uce;nu.moduleName=Ui;nu.folderName=Ms;import{jsx as iH,jsxs as gce}from"react/jsx-runtime";var bM="k-column-list-item",bce=[m.focus,m.disabled,m.hover],fce={},hce={},du=e=>{let{label:t,checked:o,focus:r,hover:i,disabled:c,...p}=e;return gce("span",{...p,className:l(e.className,bM,L(bM,{focus:r,hover:i,disabled:c})),role:"option","aria-checked":o?"true":"false",children:[iH(uo,{disabled:c,checked:o,"aria-label":t}),iH("span",{className:"k-checkbox-label",children:t})]})};du.states=bce;du.options=fce;du.className=bM;du.defaultOptions=hce;import{jsx as fM,jsxs as sH}from"react/jsx-runtime";var hM="k-columnmenu-item",kce=[m.focus,m.selected],xce={},vce={},qd=e=>{let{focus:t,selected:o,text:r,startIcon:i,endIcon:c,sortIndex:p,...h}=e;return sH("div",{...h,className:l(e.className,hM,L(hM,{focus:t,selected:o})),role:"button",tabIndex:0,children:[i&&fM(f,{icon:i}),r,c&&sH("span",{className:"k-columnmenu-indicators",children:[fM(f,{icon:c}),p&&fM("span",{className:"k-sort-index",children:p})]}),e.children]})};qd.states=kce;qd.options=xce;qd.className=hM;qd.defaultOptions=vce;qd.moduleName=Ui;qd.folderName=Ms;import{jsx as wce}from"react/jsx-runtime";var Tce="k-columnmenu-item-wrapper",kT=e=>wce("div",{...e,className:l(e.className,Tce),children:e.children});import{jsx as yce}from"react/jsx-runtime";var Nce="k-columnmenu-item-content",nH=e=>yce("div",{...e,className:l(e.className,Nce,"k-columns-item"),children:e.children});import{jsx as dH}from"react/jsx-runtime";var cH="k-filter-menu",Ace=[],Cce={},Sce={},Xc=e=>{let{...t}=e;return dH("form",{...t,className:l(e.className,cH),children:dH("div",{className:"k-filter-menu-container",children:e.children})})};Xc.states=Ace;Xc.options=Cce;Xc.className=cH;Xc.defaultOptions=Sce;Xc.moduleName=Ui;Xc.folderName=Ms;import{jsx as Lce}from"react/jsx-runtime";var Ece="k-multicheck-wrap",pH=e=>Lce("ul",{...e,className:l(e.className,Ece),children:e.children});import{jsx as gM,jsxs as Pce}from"react/jsx-runtime";var Ice="k-item",Mce={size:[g.undefined,g.small,g.medium,g.large]},Bce=[],cu=e=>{let{text:t,size:o,...r}=e;return gM("li",{...r,className:l(e.className,Ice),children:Pce("label",{className:"k-label k-checkbox-label",children:[gM(uo,{size:o}),gM("span",{children:t})]})})};cu.states=Bce;cu.options=Mce;import{jsx as Eg,jsxs as mH}from"react/jsx-runtime";var uH="k-expander",Dce=[],Rce={},Oce={},Zc=e=>{let{itemText:t,itemStartIcon:o,itemEndIcon:r,itemSortIndex:i,expanded:c,itemContent:p,expanderIcon:h,contentId:x,...v}=e,w=x||b("columnmenu-content"),A=!c&&!h?Eg(f,{icon:"chevron-down"}):c&&!h?Eg(f,{icon:"chevron-up"}):Eg(f,{icon:h});return mH("div",{...v,className:l(e.className,uH),children:[mH(qd,{text:t,startIcon:o,endIcon:r,sortIndex:i,"aria-expanded":c?"true":"false","aria-controls":w,children:[Eg("span",{className:"k-spacer"}),Eg("span",{className:"k-expander-indicator",children:A})]}),c&&Eg(nH,{id:w,children:p}),e.children]})};Zc.states=Dce;Zc.options=Rce;Zc.className=uH;Zc.defaultOptions=Oce;Zc.moduleName=Ui;Zc.folderName=Ms;import{jsx as Hce}from"react/jsx-runtime";var kM="k-group-menu",Kce=[],Yce={size:[g.undefined,g.small,g.medium,g.large]},Gce={},Lg=e=>{let{size:t,...o}=e;return Hce("div",{...o,className:l(e.className,kM,J(kM,{size:t})),children:e.children})};Lg.states=Kce;Lg.options=Yce;Lg.className=kM;Lg.defaultOptions=Gce;Lg.moduleName=Ui;Lg.folderName=Ms;import{Fragment as Vce,jsx as Ky,jsxs as bH}from"react/jsx-runtime";var xM="k-group-menu-item",Fce=[m.hover,m.selected],zce={},Wce={},Ig=e=>{let{hover:t,selected:o,text:r,actionsStart:i,actionsEnd:c,...p}=e;return bH("div",{...p,className:l(e.className,xM,L(xM,{hover:t,selected:o})),children:[i&&Ky("span",{className:"k-group-menu-item-actions",children:i}),Ky("span",{className:"k-group-item-text",children:r}),c&&bH(Vce,{children:[Ky("span",{className:"k-spacer"}),Ky("span",{className:"k-group-menu-item-actions",children:c})]}),e.children]})};Ig.states=Fce;Ig.options=zce;Ig.className=xM;Ig.defaultOptions=Wce;Ig.moduleName=Ui;Ig.folderName=Ms;import{jsx as Ib}from"react/jsx-runtime";var vM="k-group-menu-item-action",Qce=[m.hover,m.disabled,m.selected],Xce={size:[g.undefined,g.small,g.medium,g.large]},Zce=(c=>(c.REMOVE="remove",c.ADD="add",c.DRAG="drag",c.UP="up",c.DOWN="down",c))(Zce||{}),TM=e=>{let{hover:t,disabled:o,selected:r,size:i,type:c,...p}=e,h;switch(c){case"remove":h=Ib(f,{icon:"x-circle",size:i});break;case"add":h=Ib(f,{icon:"plus-circle",size:i});break;case"drag":h=Ib(f,{icon:"handle-drag-dots",size:i});break;case"up":h=Ib(f,{icon:"chevron-up",size:i});break;case"down":h=Ib(f,{icon:"chevron-down",size:i});break;default:h=Ib(f,{icon:c,size:i});break}return Ib("span",{...p,className:l(e.className,vM,L(vM,{selected:r,hover:t,disabled:o}),`k-group-menu-item-${c}-action`),children:h})};TM.options=Qce;TM.options=Xce;TM.className=vM;import{jsx as Jce}from"react/jsx-runtime";var Uce="k-group-menu-item-wrap",lOt=e=>Jce("div",{...e,className:l(e.className,Uce),children:e.children});import{Fragment as jce,jsx as Td,jsxs as wM}from"react/jsx-runtime";var Yy=e=>Td(jd,{children:wM(jce,{children:[wM(kT,{children:[Td(qd,{text:"Sort ascending",startIcon:"sort-asc-small"}),Td(qd,{text:"Sort descending",startIcon:"sort-desc-small"})]}),Td(kT,{children:Td(Zc,{itemText:"Columns",itemStartIcon:"columns",expanded:!0,itemContent:wM(nu,{"aria-label":"Columns",children:[Td(du,{label:"Column 1",checked:!0,focus:!0}),Td(du,{label:"Column 2",checked:!0}),Td(du,{label:"Column 3"})]})})}),Td(kT,{children:Td(Zc,{itemText:"Filter",itemStartIcon:"filter"})}),Td(kT,{children:Td(Zc,{itemText:"Set column position",itemStartIcon:"set-column-position"})})]}),...e});import{Fragment as qce,jsx as Mg,jsxs as _ce}from"react/jsx-runtime";var uOt=e=>Mg(jd,{view:"tabbed",children:Mg(Ur,{className:"k-pos-relative",tabStripItems:_ce(qce,{children:[Mg(Ze,{active:!0,icon:"filter"}),Mg(Ze,{icon:"sliders"}),Mg(Ze,{icon:"columns"})]}),children:Mg(Da,{active:!0,children:"Tabbed column menu content"})}),...e});import{Fragment as $ce,jsx as pu,jsxs as fH}from"react/jsx-runtime";var Gy=e=>pu(Xc,{children:fH($ce,{children:[pu(ae,{value:"Contains","aria-label":"First filter operator"}),pu(ue,{placeholder:"Filter...","aria-label":"First filter value"}),pu(ae,{value:"And",className:"k-filter-and","aria-label":"Logic operator"}),pu(ae,{value:"Contains","aria-label":"Second filter operator"}),pu(ue,{placeholder:"Filter...","aria-label":"Second filter value"}),fH(Be,{alignment:"stretched",children:[pu(d,{icon:"filter",themeColor:"primary",children:"Filter"}),pu(d,{icon:"filter-clear",children:"Clear"})]})]}),...e});import{Fragment as epe,jsx as Uc,jsxs as NM}from"react/jsx-runtime";var SOt=e=>Uc(Xc,{children:NM(epe,{children:[Uc(ga,{placeholder:"Search...","aria-label":"Search columns"}),NM(pH,{children:[Uc(cu,{text:"Select All",className:"k-check-all-wrap"}),Uc(cu,{text:"Column 1"}),Uc(cu,{text:"Column 2"}),Uc(cu,{text:"Column 3"}),Uc(cu,{text:"Column 4 Column 4 Column 4 Column 4 Column 4 Column 4 Column 4 Column 4"})]}),Uc("div",{className:"k-filter-selected-items",children:"0 selected items"}),NM(Be,{alignment:"stretched",children:[Uc(d,{icon:"filter",themeColor:"primary",children:"Filter"}),Uc(d,{icon:"filter-clear",children:"Clear"})]})]}),...e});import{Fragment as hH,jsx as Vo,jsxs as En}from"react/jsx-runtime";var e2t=({contentClassName:e,sortable:t,resizable:o,...r})=>{let i=b("grid-colmenu-popup");return En(hH,{children:[Vo(Pe,{_renderAriaRoot:!0,pager:Vo(fl,{refresh:!1}),children:En(hH,{children:[Vo(ve,{children:Vo("div",{className:"k-grid-header-wrap",children:En(he,{role:"none",children:[En("colgroup",{children:[Vo("col",{style:{width:"100px"}}),Vo("col",{style:{width:"100px"}}),Vo("col",{style:{width:"150px"}})]}),Vo(ne,{role:"rowgroup",children:En(k,{role:"row",children:[Vo(M,{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}),Vo(M,{sortable:t,resizable:o,rowspan:1,colspan:1,menu:"column",columnTitle:"Name",filterable:!0,role:"columnheader","aria-haspopup":"dialog"}),Vo(M,{sortable:t,resizable:o,rowspan:1,colspan:1,menu:"column",columnTitle:"Category",filterable:!0,role:"columnheader","aria-haspopup":"dialog"})]})})]})})}),Vo(Ne,{children:Vo(ge,{className:e,children:En(de,{role:"none",children:[En("colgroup",{children:[Vo("col",{style:{width:"100px"}}),Vo("col",{style:{width:"100px"}}),Vo("col",{style:{width:"150px"}})]}),En(ee,{role:"rowgroup",children:[En(k,{className:"k-master-row",role:"row",children:[Vo(n,{role:"gridcell",children:"1"}),Vo(n,{role:"gridcell",children:"Chai"}),Vo(n,{role:"gridcell",children:"Beverages"})]}),En(k,{className:"k-master-row",role:"row",alt:!0,children:[Vo(n,{role:"gridcell",children:"2"}),Vo(n,{role:"gridcell",children:"Chang"}),Vo(n,{role:"gridcell",children:"Beverages"})]}),En(k,{className:"k-master-row",role:"row",children:[Vo(n,{role:"gridcell",children:"3"}),Vo(n,{role:"gridcell",children:"Aniseed Syrup"}),Vo(n,{role:"gridcell",children:"Condiments"})]}),En(k,{className:"k-master-row",role:"row",alt:!0,children:[Vo(n,{role:"gridcell",children:"4"}),Vo(n,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),Vo(n,{role:"gridcell",children:"Condiments"})]}),En(k,{className:"k-master-row",role:"row",children:[Vo(n,{role:"gridcell",children:"5"}),Vo(n,{role:"gridcell",children:"Grandma's Boysenberry Spread"}),Vo(n,{role:"gridcell",children:"Condiments"})]})]})]})})})]}),...r}),Vo(Ce,{className:"k-grid-columnmenu-popup",id:i,role:"dialog","aria-label":"ID Column Menu",children:Vo(Yy,{})})]})};import{Fragment as tpe,jsx as oa,jsxs as wd}from"react/jsx-runtime";var l2t=({contentClassName:e,sortable:t,resizable:o,...r})=>oa(Pe,{_renderAriaRoot:!0,pager:oa(fl,{refresh:!1}),children:wd(tpe,{children:[oa(ve,{children:oa("div",{className:"k-grid-header-wrap",children:wd(he,{role:"none",children:[wd("colgroup",{children:[oa("col",{}),oa("col",{}),oa("col",{})]}),oa(ne,{role:"rowgroup",children:wd(k,{role:"row",children:[oa(M,{sortable:t,resizable:o,rowspan:1,colspan:1,menu:"filter",columnTitle:"Name",role:"columnheader","aria-haspopup":"dialog"}),oa(M,{sortable:t,resizable:o,rowspan:1,colspan:1,menu:"filter",columnTitle:"City",role:"columnheader","aria-haspopup":"dialog"}),oa(M,{sortable:t,resizable:o,rowspan:1,colspan:1,menu:"filter",columnTitle:"Title",role:"columnheader","aria-haspopup":"dialog"})]})})]})})}),oa(Ne,{children:oa(ge,{className:e,children:wd(de,{role:"none",children:[wd("colgroup",{children:[oa("col",{}),oa("col",{}),oa("col",{})]}),wd(ee,{role:"rowgroup",children:[wd(k,{className:"k-master-row",role:"row",children:[oa(n,{role:"gridcell",children:"Michael Buchanan"}),oa(n,{role:"gridcell",children:"Redmond"}),oa(n,{role:"gridcell",children:"CEO"})]}),wd(k,{className:"k-master-row",role:"row",alt:!0,children:[oa(n,{role:"gridcell",children:"Margaret Peacock"}),oa(n,{role:"gridcell",children:"Tacoma"}),oa(n,{role:"gridcell",children:"CTO"})]}),wd(k,{className:"k-master-row",role:"row",children:[oa(n,{role:"gridcell",children:"Margaret Suyama"}),oa(n,{role:"gridcell",children:"Boston"}),oa(n,{role:"gridcell",children:"Web Designer"})]}),wd(k,{className:"k-master-row",role:"row",alt:!0,children:[oa(n,{role:"gridcell",children:"Laura Peacock"}),oa(n,{role:"gridcell",children:"Seattle"}),oa(n,{role:"gridcell",children:"Accountant"})]}),wd(k,{className:"k-master-row",role:"row",children:[oa(n,{role:"gridcell",children:"Janet Davolio"}),oa(n,{role:"gridcell",children:"Philadelphia"}),oa(n,{role:"gridcell",children:"Sales Manager"})]})]})]})})})]}),...r});import{Fragment as gH,jsx as Qo,jsxs as Ln}from"react/jsx-runtime";var u2t=({contentClassName:e,sortable:t,resizable:o,...r})=>{let i=b("grid-filter-popup");return Ln(gH,{children:[Qo(Pe,{_renderAriaRoot:!0,pager:Qo(fl,{refresh:!1}),children:Ln(gH,{children:[Qo(ve,{children:Qo("div",{className:"k-grid-header-wrap",children:Ln(he,{role:"none",children:[Ln("colgroup",{children:[Qo("col",{}),Qo("col",{}),Qo("col",{})]}),Qo(ne,{role:"rowgroup",children:Ln(k,{role:"row",children:[Qo(M,{sortable:t,resizable:o,rowspan:1,colspan:1,menu:"filter",columnTitle:"Name",role:"columnheader","aria-haspopup":"dialog","aria-expanded":"true","aria-controls":i}),Qo(M,{sortable:t,resizable:o,rowspan:1,colspan:1,menu:"filter",columnTitle:"City",role:"columnheader","aria-haspopup":"dialog"}),Qo(M,{sortable:t,resizable:o,rowspan:1,colspan:1,menu:"filter",columnTitle:"Title",role:"columnheader","aria-haspopup":"dialog"})]})})]})})}),Qo(Ne,{children:Qo(ge,{className:e,children:Ln(de,{role:"none",children:[Ln("colgroup",{children:[Qo("col",{}),Qo("col",{}),Qo("col",{})]}),Ln(ee,{role:"rowgroup",children:[Ln(k,{className:"k-master-row",role:"row",children:[Qo(n,{role:"gridcell",children:"Michael Buchanan"}),Qo(n,{role:"gridcell",children:"Redmond"}),Qo(n,{role:"gridcell",children:"CEO"})]}),Ln(k,{className:"k-master-row",role:"row",alt:!0,children:[Qo(n,{role:"gridcell",children:"Margaret Peacock"}),Qo(n,{role:"gridcell",children:"Tacoma"}),Qo(n,{role:"gridcell",children:"CTO"})]}),Ln(k,{className:"k-master-row",role:"row",children:[Qo(n,{role:"gridcell",children:"Margaret Suyama"}),Qo(n,{role:"gridcell",children:"Boston"}),Qo(n,{role:"gridcell",children:"Web Designer"})]}),Ln(k,{className:"k-master-row",role:"row",alt:!0,children:[Qo(n,{role:"gridcell",children:"Laura Peacock"}),Qo(n,{role:"gridcell",children:"Seattle"}),Qo(n,{role:"gridcell",children:"Accountant"})]}),Ln(k,{className:"k-master-row",role:"row",children:[Qo(n,{role:"gridcell",children:"Janet Davolio"}),Qo(n,{role:"gridcell",children:"Philadelphia"}),Qo(n,{role:"gridcell",children:"Sales Manager"})]})]})]})})})]}),...r}),Qo(Ce,{className:"k-grid-filter-popup",id:i,role:"dialog","aria-label":"Name Filter Menu",children:Qo(Gy,{})})]})};import{Fragment as ope,jsx as Le,jsxs as xr}from"react/jsx-runtime";var kH=({contentClassName:e,...t})=>Le(Pe,{_renderAriaRoot:!0,pager:Le(fl,{refresh:!1}),children:xr(ope,{children:[Le(ve,{children:Le("div",{className:"k-grid-header-wrap",children:xr(he,{role:"none",children:[xr("colgroup",{children:[Le("col",{}),Le("col",{style:{width:"225px"}}),Le("col",{}),Le("col",{}),Le("col",{})]}),xr(ne,{role:"rowgroup",children:[xr(k,{role:"row",children:[Le(M,{rowspan:1,colspan:1,columnTitle:"Product Id",role:"columnheader"}),Le(M,{rowspan:1,colspan:1,columnTitle:"Name",role:"columnheader"}),Le(M,{rowspan:1,colspan:1,columnTitle:"Quantity",role:"columnheader"}),Le(M,{rowspan:1,colspan:1,columnTitle:"Unit Price",role:"columnheader"}),Le(M,{rowspan:1,colspan:1,columnTitle:"Discontinued",role:"columnheader"})]}),xr(k,{className:"k-filter-row",role:"row",children:[Le(n,{role:"gridcell","aria-label":"Product Id filter",children:Le("div",{className:"k-filtercell",children:xr("div",{className:"k-filtercell-wrapper",children:[Le(qe,{"aria-label":"Product Id filter"}),xr("div",{className:"k-filtercell-operator",children:[Le(ae,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Product Id filter operator"})," ",Le(d,{disabled:!0,icon:"filter-clear","aria-label":"Clear Product Id filter"})]})]})})}),Le(n,{role:"gridcell","aria-label":"Name filter",children:Le("div",{className:"k-filtercell",children:xr("div",{className:"k-filtercell-wrapper",children:[Le(ue,{"aria-label":"Name filter"}),xr("div",{className:"k-filtercell-operator",children:[Le(ae,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Name filter operator"})," ",Le(d,{disabled:!0,icon:"filter-clear","aria-label":"Clear Name filter"})]})]})})}),Le(n,{role:"gridcell","aria-label":"Quantity filter",children:Le("div",{className:"k-filtercell",children:xr("div",{className:"k-filtercell-wrapper",children:[Le(ue,{"aria-label":"Quantity filter"}),xr("div",{className:"k-filtercell-operator",children:[Le(ae,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Quantity filter operator"})," ",Le(d,{disabled:!0,icon:"filter-clear","aria-label":"Clear Quantity filter"})]})]})})}),Le(n,{role:"gridcell","aria-label":"Unit Price filter",children:Le("div",{className:"k-filtercell",children:xr("div",{className:"k-filtercell-wrapper",children:[Le(qe,{"aria-label":"Unit Price filter"}),xr("div",{className:"k-filtercell-operator",children:[Le(ae,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Unit Price filter operator"})," ",Le(d,{disabled:!0,icon:"filter-clear","aria-label":"Clear Unit Price filter"})]})]})})}),Le(n,{role:"gridcell","aria-label":"Discontinued filter",children:Le("div",{className:"k-filtercell",children:xr("div",{className:"k-filtercell-wrapper",children:[Le(ae,{"aria-label":"Discontinued filter"}),Le("div",{className:"k-filtercell-operator",children:Le(d,{disabled:!0,icon:"filter-clear","aria-label":"Clear Discontinued filter"})})]})})})]})]})]})})}),Le(Ne,{children:Le(ge,{className:e,children:xr(de,{role:"none",children:[xr("colgroup",{children:[Le("col",{}),Le("col",{style:{width:"225px"}}),Le("col",{}),Le("col",{}),Le("col",{})]}),xr(ee,{role:"rowgroup",children:[xr(k,{className:"k-master-row",role:"row",children:[Le(n,{role:"gridcell",children:"1"}),Le(n,{role:"gridcell",children:"Chai"}),Le(n,{role:"gridcell",children:"10 boxes x 20 bags"}),Le(n,{role:"gridcell",children:"18"}),Le(n,{role:"gridcell",children:"false"})]}),xr(k,{className:"k-master-row",role:"row",alt:!0,children:[Le(n,{role:"gridcell",children:"2"}),Le(n,{role:"gridcell",children:"Chang"}),Le(n,{role:"gridcell",children:"24 - 12 oz bottles"}),Le(n,{role:"gridcell",children:"19"}),Le(n,{role:"gridcell",children:"false"})]}),xr(k,{className:"k-master-row",role:"row",children:[Le(n,{role:"gridcell",children:"3"}),Le(n,{role:"gridcell",children:"Aniseed Syrup"}),Le(n,{role:"gridcell",children:"12 - 550 ml bottles"}),Le(n,{role:"gridcell",children:"10"}),Le(n,{role:"gridcell",children:"false"})]}),xr(k,{className:"k-master-row",role:"row",alt:!0,children:[Le(n,{role:"gridcell",children:"4"}),Le(n,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),Le(n,{role:"gridcell",children:"48 - 6 oz jars"}),Le(n,{role:"gridcell",children:"22"}),Le(n,{role:"gridcell",children:"false"})]}),xr(k,{className:"k-master-row",role:"row",children:[Le(n,{role:"gridcell",children:"5"}),Le(n,{role:"gridcell",children:"Grandma's Boysenberry Spread"}),Le(n,{role:"gridcell",children:"12 - 8 oz jars"}),Le(n,{role:"gridcell",children:"25"}),Le(n,{role:"gridcell",children:"false"})]})]})]})})})]}),...t});import{Fragment as yM,jsx as Nt,jsxs as Ji}from"react/jsx-runtime";var xH=({dropClue:e,contentClassName:t,...o})=>Nt(Pe,{_renderAriaRoot:!0,groupingHeader:Nt(Cn,{dropClue:e,role:"toolbar","aria-label":"Grouping",children:Ji(Dt,{role:"none",children:[Nt(Qe,{icon:"sort-asc-small",text:"ID",role:"button",actions:Ji(yM,{children:[Nt(Ve,{type:"more"}),Nt(Ve,{type:"remove"})]})}),Nt(Qe,{icon:"sort-desc-small",text:"Name",role:"button",actions:Ji(yM,{children:[Nt(Ve,{type:"more"}),Nt(Ve,{type:"remove"})]})})]})}),children:Ji(yM,{children:[Nt(ve,{draggable:!0,children:Nt("div",{className:"k-grid-header-wrap",children:Ji(he,{role:"none",children:[Ji("colgroup",{children:[Nt("col",{className:"k-group-col"}),Nt("col",{className:"k-group-col"}),Nt("col",{}),Nt("col",{}),Nt("col",{}),Nt("col",{})]}),Nt(ne,{role:"rowgroup",children:Ji(k,{role:"row",children:[Nt(M,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),Nt(M,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),Nt(M,{colspan:1,columnTitle:"ID",role:"columnheader"}),Nt(M,{colspan:1,columnTitle:"Name",role:"columnheader"}),Nt(M,{colspan:1,columnTitle:"Price",role:"columnheader"}),Nt(M,{colspan:1,columnTitle:"Category",role:"columnheader"})]})})]})})}),Nt(Ne,{children:Nt(ge,{className:t,children:Ji(de,{role:"none",children:[Ji("colgroup",{children:[Nt("col",{className:"k-group-col"}),Nt("col",{className:"k-group-col"}),Nt("col",{}),Nt("col",{}),Nt("col",{}),Nt("col",{})]}),Ji(ee,{role:"rowgroup",children:[Nt(k,{className:"k-table-group-row k-grouping-row",role:"row",children:Nt(n,{colspan:6,role:"gridcell","aria-expanded":"false",children:Ji("p",{className:"k-reset",children:[Nt(f,{icon:"chevron-right"}),"ID: 1"]})})}),Nt(k,{className:"k-table-group-row k-grouping-row",role:"row",children:Nt(n,{colspan:6,role:"gridcell","aria-expanded":"true",children:Ji("p",{className:"k-reset",children:[Nt(f,{icon:"chevron-down"}),"ID: 2"]})})}),Ji(k,{className:"k-table-group-row k-grouping-row",role:"row",children:[Nt(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),Nt(n,{colspan:5,role:"gridcell","aria-expanded":"true",children:Ji("p",{className:"k-reset",children:[Nt(f,{icon:"chevron-down"}),"Name: Chang"]})})]}),Ji(k,{className:"k-master-row",role:"row",alt:!0,children:[Nt(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),Nt(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),Nt(n,{colspan:0,role:"gridcell",children:"2"}),Nt(n,{colspan:0,role:"gridcell",children:"Chang"}),Nt(n,{colspan:0,role:"gridcell",children:"$19.00"}),Nt(n,{colspan:0,role:"gridcell",children:"Beverages"})]})]})]})})})]}),...o});import{Fragment as ape,jsx as et,jsxs as Jr}from"react/jsx-runtime";var P2t=({containerClassName:e,...t})=>et(Pe,{_renderAriaRoot:!0,children:Jr(ape,{children:[et(ve,{children:et("div",{className:"k-grid-header-wrap",children:Jr(he,{role:"none",children:[Jr("colgroup",{children:[et("col",{className:"k-hierarchy-col"}),et("col",{style:{width:"100px"}}),et("col",{}),et("col",{})]}),et(ne,{role:"rowgroup",children:Jr(k,{role:"row",children:[et(M,{className:"k-hierarchy-cell",accessibleLabel:"Detail"}),et(M,{columnTitle:"ID",role:"columnheader"}),et(M,{columnTitle:"Category Name",role:"columnheader"}),et(M,{columnTitle:"Description",role:"columnheader"})]})})]})})}),et(Ne,{children:et(ge,{className:e,children:Jr(de,{role:"none",children:[Jr("colgroup",{children:[et("col",{className:"k-hierarchy-col"}),et("col",{style:{width:"100px"}}),et("col",{}),et("col",{})]}),Jr(ee,{role:"rowgroup",children:[Jr(k,{className:"k-master-row",role:"row",children:[et(n,{className:"k-hierarchy-cell",role:"gridcell","aria-expanded":"false",children:et(f,{icon:"chevron-right"})}),et(n,{role:"gridcell",children:"1"}),et(n,{role:"gridcell",children:"Beverages"}),et(n,{role:"gridcell",children:"Soft drinks, coffees, teas, beers and ales"})]}),Jr(k,{className:"k-master-row k-expanded",role:"row",alt:!0,children:[et(n,{className:"k-hierarchy-cell",role:"gridcell","aria-expanded":"true",children:et(f,{icon:"chevron-down"})}),et(n,{role:"gridcell",children:"2"}),et(n,{role:"gridcell",children:"Condiments"}),et(n,{role:"gridcell",children:"Sweet and savory sauces, relishes, spreads, and seasonings"})]}),Jr(k,{className:"k-master-row k-detail-row",role:"row",children:[et(n,{className:"k-hierarchy-cell",role:"gridcell"}),et(n,{className:"k-detail-cell",role:"gridcell",colspan:3,children:Jr(Pe,{_renderAriaRoot:!0,className:"k-grid-no-scrollbar",children:[et(ve,{children:et("div",{className:"k-grid-header-wrap",children:Jr(he,{role:"none",children:[Jr("colgroup",{children:[et("col",{}),et("col",{}),et("col",{})]}),et(ne,{role:"rowgroup",children:Jr(k,{role:"row",children:[et(M,{colspan:1,rowspan:1,columnTitle:"ID",role:"columnheader"}),et(M,{colspan:1,rowspan:1,columnTitle:"Product Name",role:"columnheader"}),et(M,{colspan:1,rowspan:1,columnTitle:"Unit Price",role:"columnheader"})]})})]})})}),et(Ne,{children:et(ge,{children:Jr(de,{role:"none",children:[Jr("colgroup",{children:[et("col",{}),et("col",{}),et("col",{})]}),Jr(ee,{role:"rowgroup",children:[Jr(k,{className:"k-master-row",role:"row",children:[et(n,{colspan:1,role:"gridcell",children:"1"}),et(n,{colspan:1,role:"gridcell",children:"Aniseed Syrup"}),et(n,{colspan:1,role:"gridcell",children:"$10.00"})]}),Jr(k,{alt:!0,className:"k-master-row",role:"row",children:[et(n,{colspan:1,role:"gridcell",children:"2"}),et(n,{colspan:1,role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),et(n,{colspan:1,role:"gridcell",children:"$22.00"})]}),Jr(k,{className:"k-master-row",role:"row",children:[et(n,{colspan:1,role:"gridcell",children:"3"}),et(n,{colspan:1,role:"gridcell",children:"Chef Anton's Gumbo Mix"}),et(n,{colspan:1,role:"gridcell",children:"$21.35"})]})]})]})})})]})})]})]})]})})})]}),...t});import{Fragment as rpe,jsx as gt,jsxs as Nd}from"react/jsx-runtime";var G2t=({contentClassName:e,...t})=>gt(Pe,{_renderAriaRoot:!0,pager:gt(fl,{pageSizes:!1,refresh:!1}),children:Nd(rpe,{children:[gt(ve,{children:gt("div",{className:"k-grid-header-wrap",children:Nd(he,{role:"none",children:[Nd("colgroup",{children:[gt("col",{className:"k-drag-col"}),gt("col",{}),gt("col",{})]}),gt(ne,{role:"rowgroup",children:Nd(k,{role:"row",children:[gt(M,{accessibleLabel:"Reorder"}),gt(M,{columnTitle:"Product Id",role:"columnheader"}),gt(M,{columnTitle:"Unit Price",role:"columnheader"}),gt(M,{columnTitle:"Discontinued",role:"columnheader"}),gt(M,{columnTitle:"Category",role:"columnheader"})]})})]})})}),gt(Ne,{children:gt(ge,{className:e,children:Nd(de,{role:"none",children:[Nd("colgroup",{children:[gt("col",{className:"k-drag-col"}),gt("col",{}),gt("col",{})]}),Nd(ee,{role:"rowgroup",children:[Nd(k,{className:"k-master-row",role:"row",children:[gt(n,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:gt(f,{icon:"reorder"})}),gt(n,{role:"gridcell",children:"Chef Anton's Gumbo"}),gt(n,{role:"gridcell",children:"21.35"}),gt(n,{role:"gridcell",children:"false"}),gt(n,{role:"gridcell",children:"Condiments"})]}),Nd(k,{className:"k-master-row",role:"row",alt:!0,children:[gt(n,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:gt(f,{icon:"reorder"})}),gt(n,{role:"gridcell",children:"Alice Mutton"}),gt(n,{role:"gridcell",children:"39"}),gt(n,{role:"gridcell",children:"false"}),gt(n,{role:"gridcell",children:"Meat/Poultry"})]}),Nd(k,{className:"k-master-row",role:"row",children:[gt(n,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:gt(f,{icon:"reorder"})}),gt(n,{role:"gridcell",children:"Singaporean Hokkien Fried Mee"}),gt(n,{role:"gridcell",children:"123.79"}),gt(n,{role:"gridcell",children:"true"}),gt(n,{role:"gridcell",children:"Meat/Poultry"})]}),Nd(k,{className:"k-master-row",role:"row",alt:!0,children:[gt(n,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:gt(f,{icon:"reorder"})}),gt(n,{role:"gridcell",children:"Gorgonzola Telino"}),gt(n,{role:"gridcell",children:"12.5"}),gt(n,{role:"gridcell",children:"false"}),gt(n,{role:"gridcell",children:"Meat/Poultry"})]}),Nd(k,{className:"k-master-row",role:"row",children:[gt(n,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:gt(f,{icon:"reorder"})}),gt(n,{role:"gridcell",children:"Perth Pasties"}),gt(n,{role:"gridcell",children:"32.8"}),gt(n,{role:"gridcell",children:"false"}),gt(n,{role:"gridcell",children:"Meat/Poultry"})]})]})]})})})]}),...t});import{Fragment as vH,jsx as dt,jsxs as hl}from"react/jsx-runtime";var V2t=({aggregated:e=!1,contentClassName:t,...o})=>dt(Pe,{_renderAriaRoot:!0,children:hl(vH,{children:[dt(ve,{children:dt("div",{className:"k-grid-header-wrap",children:hl(he,{role:"none",children:[hl("colgroup",{children:[dt("col",{}),dt("col",{}),dt("col",{}),dt("col",{})]}),dt(ne,{role:"rowgroup",children:hl(k,{role:"row",children:[dt(M,{columnTitle:"Product Name",role:"columnheader"}),dt(M,{columnTitle:"Units In Stock",role:"columnheader"}),dt(M,{columnTitle:"Discontinued",role:"columnheader"}),dt(M,{columnTitle:"Units in Order",role:"columnheader"})]})})]})})}),dt(Ne,{children:dt(ge,{className:t,children:hl(de,{role:"none",children:[hl("colgroup",{children:[dt("col",{}),dt("col",{}),dt("col",{}),dt("col",{})]}),hl(ee,{role:"rowgroup",children:[hl(k,{className:"k-master-row",role:"row",children:[dt(n,{selected:!0,role:"gridcell","aria-selected":"true",children:"Chai"}),dt(n,{selected:!0,role:"gridcell","aria-selected":"true",children:"39"}),dt(n,{role:"gridcell",children:"false"}),dt(n,{role:"gridcell",children:"0"})]}),hl(k,{className:"k-master-row",role:"row",alt:!0,children:[dt(n,{selected:!!e,role:"gridcell","aria-selected":e?"true":void 0,children:"Chang"}),dt(n,{selected:!!e,role:"gridcell","aria-selected":e?"true":void 0,children:"17"}),dt(n,{role:"gridcell",children:"false"}),dt(n,{role:"gridcell",children:"40"})]}),hl(k,{className:"k-master-row",role:"row",children:[dt(n,{selected:!!e,role:"gridcell",children:"Aniseed Syrup"}),dt(n,{selected:!!e,role:"gridcell",children:"13"}),dt(n,{role:"gridcell",children:"false"}),dt(n,{role:"gridcell",children:"70"})]}),hl(k,{className:"k-master-row",role:"row",alt:!0,children:[dt(n,{selected:!!e,role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),dt(n,{selected:!!e,role:"gridcell",children:"53"}),dt(n,{role:"gridcell",children:"false"}),dt(n,{role:"gridcell",children:"0"})]}),hl(k,{className:"k-master-row",role:"row",children:[dt(n,{role:"gridcell",children:"Chef Anton's Gumbo Mix"}),dt(n,{role:"gridcell",children:"0"}),dt(n,{role:"gridcell",children:"true"}),dt(n,{role:"gridcell",children:"0"})]})]})]})})})]}),gridSelectionAggregates:dt("div",{className:"k-selection-aggregates k-grid-selection-aggregates","aria-live":"polite",children:e?hl(vH,{children:[hl("div",{className:"k-selection-aggregates-item",children:[dt("span",{className:"k-selection-aggregates-item-text",children:"Sum:"}),dt("span",{className:"k-selection-aggregates-item-value",children:"122.00"})]}),hl("div",{className:"k-selection-aggregates-item",children:[dt("span",{className:"k-selection-aggregates-item-text",children:"Avg:"}),dt("span",{className:"k-selection-aggregates-item-value",children:"30.50"})]}),hl("div",{className:"k-selection-aggregates-item",children:[dt("span",{className:"k-selection-aggregates-item-text",children:"Min:"}),dt("span",{className:"k-selection-aggregates-item-value",children:"13"})]}),hl("div",{className:"k-selection-aggregates-item",children:[dt("span",{className:"k-selection-aggregates-item-text",children:"Max:"}),dt("span",{className:"k-selection-aggregates-item-value",children:"53"})]}),hl("div",{className:"k-selection-aggregates-item",children:[dt("span",{className:"k-selection-aggregates-item-text",children:"Count:"}),dt("span",{className:"k-selection-aggregates-item-value",children:"8"})]})]}):hl("div",{className:"k-selection-aggregates-item",children:[dt("span",{className:"k-selection-aggregates-item-text",children:"Count:"}),dt("span",{className:"k-selection-aggregates-item-value",children:"0"})]})}),...o});import{Fragment as lpe,jsx as $t,jsxs as ji}from"react/jsx-runtime";var TH=({headerWrapClassName:e,contentClassName:t,...o})=>$t(Pe,{_renderAriaRoot:!0,children:ji(lpe,{children:[$t(ve,{children:$t("div",{className:`k-grid-header-wrap ${e}`,children:ji(he,{role:"none",children:[ji("colgroup",{children:[$t("col",{}),$t("col",{}),$t("col",{}),$t("col",{})]}),ji(ne,{role:"rowgroup",children:[ji(k,{role:"row",children:[$t(M,{rowspan:3,colspan:1,columnTitle:"ID",role:"columnheader"}),$t(M,{rowspan:1,colspan:3,columnTitle:"Product Information",role:"columnheader"})]}),ji(k,{role:"row",children:[$t(M,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first",role:"columnheader"}),$t(M,{rowspan:1,colspan:2,columnTitle:"Unit",role:"columnheader"})]}),ji(k,{role:"row",children:[$t(M,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first",role:"columnheader"}),$t(M,{rowspan:1,colspan:1,columnTitle:"Units Price",role:"columnheader"})]})]})]})})}),$t(Ne,{children:$t(ge,{className:t,children:ji(de,{role:"none",children:[ji("colgroup",{children:[$t("col",{}),$t("col",{}),$t("col",{}),$t("col",{})]}),ji(ee,{role:"rowgroup",children:[ji(k,{className:"k-master-row",role:"row",children:[$t(n,{role:"gridcell",children:"1"}),$t(n,{role:"gridcell",children:"Chai"}),$t(n,{role:"gridcell",children:"39"}),$t(n,{role:"gridcell",children:"18"})]}),ji(k,{className:"k-master-row",alt:!0,role:"row",children:[$t(n,{role:"gridcell",children:"2"}),$t(n,{role:"gridcell",children:"Chang"}),$t(n,{role:"gridcell",children:"17"}),$t(n,{role:"gridcell",children:"19"})]}),ji(k,{className:"k-master-row",role:"row",children:[$t(n,{role:"gridcell",children:"3"}),$t(n,{role:"gridcell",children:"Aniseed Syrup"}),$t(n,{role:"gridcell",children:"13"}),$t(n,{role:"gridcell",children:"10"})]}),ji(k,{className:"k-master-row",alt:!0,role:"row",children:[$t(n,{role:"gridcell",children:"4"}),$t(n,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),$t(n,{role:"gridcell",children:"53"}),$t(n,{role:"gridcell",children:"22"})]}),ji(k,{className:"k-master-row",role:"row",children:[$t(n,{role:"gridcell",children:"5"}),$t(n,{role:"gridcell",children:"Chef Anton's Gumbo Mix"}),$t(n,{role:"gridcell",children:"0"}),$t(n,{role:"gridcell",children:"21.35"})]})]})]})})})]}),...o});import{Fragment as ipe,jsx as Ge,jsxs as jo}from"react/jsx-runtime";var eKt=({className:e,headerWrapClassName:t,contentClassName:o,...r})=>{let i=b("grid-lc-cell"),c=b("grid-lc-cell"),p=b("grid-lc-cell"),h=b("grid-lc-cell"),x=b("grid-lc-cell"),v=b("grid-lc-cell"),w=b("grid-lc-cell"),A=b("grid-lc-cell"),N=b("grid-lc-cell"),B=b("grid-lc-cell"),D=b("grid-lc-cell"),z=b("grid-lc-cell"),U=b("grid-lc-cell"),X=b("grid-lc-cell"),oe=b("grid-lc-cell"),Ie=b("grid-lc-cell"),Re=b("grid-lc-cell"),vt=b("grid-lc-cell"),Lt=b("grid-lc-cell"),Qt=b("grid-lc-cell"),wa=b("grid-lc-cell"),Br=b("grid-lc-cell"),fa=b("grid-lc-cell"),Nr=b("grid-lc-cell"),dl=b("grid-lc-hdr"),Nl=b("grid-lc-hdr"),Od=b("grid-lc-hdr");return Ge(Pe,{className:l("k-grid-lockedcolumns",e),_renderAriaRoot:!0,children:jo(ipe,{children:[jo(ve,{role:"none",children:[Ge("div",{className:"k-grid-header-locked",role:"none",style:{width:"400px"},children:jo(he,{role:"none",children:[jo("colgroup",{children:[Ge("col",{style:{width:"150px"}}),Ge("col",{style:{width:"300px"}})]}),Ge(ne,{role:"rowgroup",children:jo(k,{role:"row","aria-owns":`${dl} ${Nl} ${Od}`,children:[Ge(M,{filterable:!0,menu:"column",columnTitle:"Order ID",role:"columnheader"}),Ge(M,{filterable:!0,menu:"column",columnTitle:"Ship Name",role:"columnheader"})]})})]})}),jo("div",{className:`k-grid-header-wrap ${t}`,role:"none",style:{width:"581px"},children:[jo(he,{role:"none",children:[jo("colgroup",{children:[Ge("col",{style:{width:"300px"}}),Ge("col",{style:{width:"300px"}}),Ge("col",{style:{width:"400px"}})]}),Ge(ne,{role:"none",children:jo(k,{role:"none",children:[Ge(M,{filterable:!0,menu:"column",columnTitle:"Ship Country",id:dl,role:"columnheader"}),Ge(M,{filterable:!0,menu:"column",columnTitle:"Ship City",id:Nl,role:"columnheader"}),Ge(M,{filterable:!0,menu:"column",columnTitle:"Ship Address",id:Od,role:"columnheader"})]})})]}),Ge("div",{className:"k-resize-handle",style:{top:"0px",left:"595.5px",height:"37px",width:"9px"},children:Ge("div",{className:"k-resize-handle-inner"})})]})]}),jo(Ne,{role:"none",children:[Ge("div",{className:"k-grid-content-locked",role:"none",style:{width:"400px",height:"303px"},children:jo(de,{role:"none",children:[jo("colgroup",{children:[Ge("col",{style:{width:"150px"}}),Ge("col",{style:{width:"300px"}})]}),jo(ee,{role:"rowgroup",children:[jo(k,{className:"k-master-row",role:"row","aria-owns":`${i} ${c} ${p}`,children:[Ge(n,{role:"gridcell",children:"10248"}),Ge(n,{role:"gridcell",children:"Vins et alcools Chevalier"})]}),jo(k,{className:"k-master-row",alt:!0,role:"row","aria-owns":`${h} ${x} ${v}`,children:[Ge(n,{role:"gridcell",children:"10249"}),Ge(n,{role:"gridcell",children:"Toms Spezialit\xE4ten"})]}),jo(k,{className:"k-master-row",role:"row","aria-owns":`${w} ${A} ${N}`,children:[Ge(n,{role:"gridcell",children:"10250"}),Ge(n,{role:"gridcell",children:"Hanari Carnes"})]}),jo(k,{className:"k-master-row",alt:!0,role:"row","aria-owns":`${B} ${D} ${z}`,children:[Ge(n,{role:"gridcell",children:"10251"}),Ge(n,{role:"gridcell",children:"Victuailles en stock"})]}),jo(k,{className:"k-master-row",role:"row","aria-owns":`${U} ${X} ${oe}`,children:[Ge(n,{role:"gridcell",children:"10252"}),Ge(n,{role:"gridcell",children:"Supr\xEAmes d\xE9lices"})]}),jo(k,{className:"k-master-row",alt:!0,role:"row","aria-owns":`${Ie} ${Re} ${vt}`,children:[Ge(n,{role:"gridcell",children:"10253"}),Ge(n,{role:"gridcell",children:"Toms Spezialit\xE4ten"})]}),jo(k,{className:"k-master-row",role:"row","aria-owns":`${Lt} ${Qt} ${wa}`,children:[Ge(n,{role:"gridcell",children:"10254"}),Ge(n,{role:"gridcell",children:"Hanari Carnes"})]}),jo(k,{className:"k-master-row",alt:!0,role:"row","aria-owns":`${Br} ${fa} ${Nr}`,children:[Ge(n,{role:"gridcell",children:"10255"}),Ge(n,{role:"gridcell",children:"Victuailles en stock"})]})]})]})}),Ge(ge,{className:o,role:"none",style:{width:"605px",height:"320px"},children:jo(de,{role:"none",children:[jo("colgroup",{children:[Ge("col",{style:{width:"300px"}}),Ge("col",{style:{width:"300px"}}),Ge("col",{style:{width:"400px"}})]}),jo(ee,{role:"none",children:[jo(k,{className:"k-master-row",role:"none",children:[Ge(n,{id:i,role:"gridcell",children:"France"}),Ge(n,{id:c,role:"gridcell",children:"Reims"}),Ge(n,{id:p,role:"gridcell",children:"59 rue de l'Abbaye"})]}),jo(k,{className:"k-master-row",alt:!0,role:"none",children:[Ge(n,{id:h,role:"gridcell",children:"Germany"}),Ge(n,{id:x,role:"gridcell",children:"M\xFCnster"}),Ge(n,{id:v,role:"gridcell",children:"Luisenstr. 48"})]}),jo(k,{className:"k-master-row",role:"none",children:[Ge(n,{id:w,role:"gridcell",children:"Brazil"}),Ge(n,{id:A,role:"gridcell",children:"Rio de Janeiro"}),Ge(n,{id:N,role:"gridcell",children:"Rua do Pa\xE7o, 67"})]}),jo(k,{className:"k-master-row",alt:!0,role:"none",children:[Ge(n,{id:B,role:"gridcell",children:"France"}),Ge(n,{id:D,role:"gridcell",children:"Lyon"}),Ge(n,{id:z,role:"gridcell",children:"2, rue du Commerce"})]}),jo(k,{className:"k-master-row",role:"none",children:[Ge(n,{id:U,role:"gridcell",children:"Belgium"}),Ge(n,{id:X,role:"gridcell",children:"Charleroi"}),Ge(n,{id:oe,role:"gridcell",children:"Boulevard Tirou, 255"})]}),jo(k,{className:"k-master-row",alt:!0,role:"none",children:[Ge(n,{id:Ie,role:"gridcell",children:"Germany"}),Ge(n,{id:Re,role:"gridcell",children:"M\xFCnster"}),Ge(n,{id:vt,role:"gridcell",children:"Luisenstr. 48"})]}),jo(k,{className:"k-master-row",role:"none",children:[Ge(n,{id:Lt,role:"gridcell",children:"Brazil"}),Ge(n,{id:Qt,role:"gridcell",children:"Rio de Janeiro"}),Ge(n,{id:wa,role:"gridcell",children:"Rua do Pa\xE7o, 67"})]}),jo(k,{className:"k-master-row",alt:!0,role:"none",children:[Ge(n,{id:Br,role:"gridcell",children:"France"}),Ge(n,{id:fa,role:"gridcell",children:"Lyon"}),Ge(n,{id:Nr,role:"gridcell",children:"2, rue du Commerce"})]})]})]})})]})]}),...r})};import{Fragment as spe,jsx as Ee,jsxs as ei}from"react/jsx-runtime";var lKt=({contentClassName:e,...t})=>Ee(Pe,{_renderAriaRoot:!0,children:ei(spe,{children:[Ee(ve,{children:Ee("div",{className:"k-grid-header-wrap",children:ei(he,{role:"none",style:{width:"1100px"},children:[ei("colgroup",{children:[Ee("col",{style:{width:"250px"}}),Ee("col",{style:{width:"150px"}}),Ee("col",{style:{width:"200px"}}),Ee("col",{style:{width:"250px"}}),Ee("col",{style:{width:"250px"}})]}),Ee(ne,{role:"rowgroup",children:ei(k,{role:"row",children:[Ee(M,{className:"k-grid-header-sticky",rowspan:1,colspan:1,columnTitle:"Product Name",role:"columnheader",style:{left:"0px",borderRightWidth:"1px"}}),Ee(M,{rowspan:1,colspan:1,columnTitle:"Units In Stock",role:"columnheader"}),Ee(M,{rowspan:1,colspan:1,columnTitle:"Price",role:"columnheader"}),Ee(M,{className:"k-grid-header-sticky",rowspan:1,colspan:1,columnTitle:"Units on Order",role:"columnheader",style:{left:"250px",borderRightWidth:"1px"}}),Ee(M,{rowspan:1,colspan:1,columnTitle:"Reorder Level",role:"columnheader"})]})})]})})}),Ee(Ne,{children:Ee(ge,{className:e,children:Ee("div",{style:{position:"relative"},children:ei(de,{role:"none",style:{width:"1100px"},children:[ei("colgroup",{children:[Ee("col",{width:"250px"}),Ee("col",{width:"150px"}),Ee("col",{width:"200px"}),Ee("col",{width:"250px"}),Ee("col",{width:"250px"})]}),ei(ee,{role:"rowgroup",children:[ei(k,{className:"k-master-row",role:"row",children:[Ee(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"0px",borderRightWidth:"1px"},children:"Chai"}),Ee(n,{colspan:1,role:"gridcell",children:"39"}),Ee(n,{colspan:1,role:"gridcell",children:"$18.00"}),Ee(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"250px",borderRightWidth:"1px"},children:"0"}),Ee(n,{colspan:1,role:"gridcell",children:"10"})]}),ei(k,{className:"k-master-row",role:"row",alt:!0,children:[Ee(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"0px",borderRightWidth:"1px"},children:"Chang"}),Ee(n,{colspan:1,role:"gridcell",children:"17"}),Ee(n,{colspan:1,role:"gridcell",children:"$19.00"}),Ee(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"250px",borderRightWidth:"1px"},children:"40"}),Ee(n,{colspan:1,role:"gridcell",children:"25"})]}),ei(k,{className:"k-master-row",role:"row",children:[Ee(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"0px",borderRightWidth:"1px"},children:"Aniseed Syrup"}),Ee(n,{colspan:1,role:"gridcell",children:"13"}),Ee(n,{colspan:1,role:"gridcell",children:"$10.00"}),Ee(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"250px",borderRightWidth:"1px"},children:"70"}),Ee(n,{colspan:1,role:"gridcell",children:"25"})]}),ei(k,{className:"k-master-row",role:"row",alt:!0,children:[Ee(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"0px",borderRightWidth:"1px"},children:"Chef Anton's Cajun Seasoning"}),Ee(n,{colspan:1,role:"gridcell",children:"53"}),Ee(n,{colspan:1,role:"gridcell",children:"$22.00"}),Ee(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"250px",borderRightWidth:"1px"},children:"0"}),Ee(n,{colspan:1,role:"gridcell",children:"0"})]}),ei(k,{className:"k-master-row",role:"row",children:[Ee(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"0px",borderRightWidth:"1px"},children:"Chef Anton's Gumbo Mix"}),Ee(n,{colspan:1,role:"gridcell",children:"0"}),Ee(n,{colspan:1,role:"gridcell",children:"$21.35"}),Ee(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"250px",borderRightWidth:"1px"},children:"0"}),Ee(n,{colspan:1,role:"gridcell",children:"0"})]}),ei(k,{className:"k-master-row",role:"row",alt:!0,children:[Ee(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"0px",borderRightWidth:"1px"},children:"Grandma's Boysenberry Spread"}),Ee(n,{colspan:1,role:"gridcell",children:"120"}),Ee(n,{colspan:1,role:"gridcell",children:"$25.00"}),Ee(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"250px",borderRightWidth:"1px"},children:"0"}),Ee(n,{colspan:1,role:"gridcell",children:"25"})]}),ei(k,{className:"k-master-row",role:"row",children:[Ee(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"0px",borderRightWidth:"1px"},children:"Uncle Bob's Organic Dried Pears"}),Ee(n,{colspan:1,role:"gridcell",children:"15"}),Ee(n,{colspan:1,role:"gridcell",children:"$30.00"}),Ee(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"250px",borderRightWidth:"1px"},children:"0"}),Ee(n,{colspan:1,role:"gridcell",children:"10"})]}),ei(k,{className:"k-master-row",role:"row",alt:!0,children:[Ee(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"0px",borderRightWidth:"1px"},children:"Northwoods Cranberry Sauce"}),Ee(n,{colspan:1,role:"gridcell",children:"6"}),Ee(n,{colspan:1,role:"gridcell",children:"$40.00"}),Ee(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"250px",borderRightWidth:"1px"},children:"0"}),Ee(n,{colspan:1,role:"gridcell",children:"0"})]}),ei(k,{className:"k-master-row",role:"row",children:[Ee(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"0px",borderRightWidth:"1px"},children:"Mishi Kobe Niku"}),Ee(n,{colspan:1,role:"gridcell",children:"29"}),Ee(n,{colspan:1,role:"gridcell",children:"97"}),Ee(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"250px",borderRightWidth:"1px"},children:"0"}),Ee(n,{colspan:1,role:"gridcell",children:"0"})]}),ei(k,{className:"k-master-row",role:"row",alt:!0,children:[Ee(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"0px",borderRightWidth:"1px"},children:"Ikura"}),Ee(n,{colspan:1,role:"gridcell",children:"31"}),Ee(n,{colspan:1,role:"gridcell",children:"$31.00"}),Ee(n,{className:"k-grid-content-sticky",colspan:1,role:"gridcell",style:{left:"250px",borderRightWidth:"1px"},children:"0"}),Ee(n,{colspan:1,role:"gridcell",children:"0"})]})]})]})})})})]}),...t});import{Fragment as npe,jsx as Zt,jsxs as yd}from"react/jsx-runtime";var wH=e=>{let t=b("grid");return Zt(Pe,{_renderAriaRoot:!0,ariaRootId:t,toolbar:yd(Qi,{role:"toolbar","aria-label":"Grid toolbar","aria-controls":t,children:[Zt(d,{children:"Add new"}),Zt(d,{children:"Save Changes"}),Zt(d,{children:"Cancel Changes"})]}),children:yd(npe,{children:[Zt(ve,{children:Zt("div",{className:"k-grid-header-wrap",children:yd(he,{role:"none",children:[yd("colgroup",{children:[Zt("col",{}),Zt("col",{}),Zt("col",{}),Zt("col",{style:{width:"300px"}})]}),Zt(ne,{role:"rowgroup",children:yd(k,{role:"row",children:[Zt(M,{columnTitle:"Name",role:"columnheader"}),Zt(M,{columnTitle:"Price",role:"columnheader"}),Zt(M,{columnTitle:"Available",role:"columnheader"}),Zt(M,{accessibleLabel:"Commands"})]})})]})})}),Zt(Ne,{children:Zt(ge,{children:Zt("div",{children:yd(de,{role:"none",children:[yd("colgroup",{children:[Zt("col",{}),Zt("col",{}),Zt("col",{}),Zt("col",{style:{width:"300px"}})]}),yd(ee,{role:"rowgroup",children:[yd(k,{className:"k-master-row k-grid-add-row k-grid-edit-row",role:"row",children:[Zt(n,{role:"gridcell",children:Zt(ue,{value:"Towel","aria-label":"Name"})}),Zt(n,{role:"gridcell",children:Zt(qe,{value:"42","aria-label":"Price"})}),Zt(n,{role:"gridcell",children:Zt(uo,{"aria-label":"Available"})}),yd(n,{className:"k-command-cell",role:"gridcell",children:[Zt(d,{children:"Add"}),Zt(d,{children:"Cancel"})]})]}),yd(k,{className:"k-master-row",role:"row",children:[Zt(n,{role:"gridcell",children:"Chai"}),Zt(n,{role:"gridcell",children:"18"}),Zt(n,{role:"gridcell",children:"false"}),Zt(n,{className:"k-command-cell",role:"gridcell",children:Zt(d,{children:"Remove"})})]}),yd(k,{className:"k-master-row",role:"row",alt:!0,children:[Zt(n,{role:"gridcell",children:"Chang"}),Zt(n,{role:"gridcell",children:"19"}),Zt(n,{role:"gridcell",children:"false"}),Zt(n,{className:"k-command-cell",role:"gridcell",children:Zt(d,{children:"Remove"})})]})]})]})})})})]}),...e})};import{Fragment as AM,jsx as Bt,jsxs as Ad}from"react/jsx-runtime";var EKt=({reorderable:e,checkbox:t,aggregates:o,sticky:r,detailRow:i,cols:c,...p})=>Bt(Pe,{_renderAriaRoot:!0,className:"k-grid-stack",pager:Bt(fl,{type:"input",pageTitleInfo:!1,refresh:!1,info:!1,pagerSizeInfo:!1,pageSizes:!1}),children:Bt(AM,{children:Bt(Ne,{children:Bt(ge,{children:Ad(de,{role:"none",children:[Bt("colgroup",{children:Bt("col",{})}),Ad(ee,{role:"rowgroup",children:[Bt(k,{className:"k-master-row",role:"row",children:Bt(n,{className:`${r?"k-grid-row-sticky":""}`,role:"gridcell",tabIndex:0,children:Ad(Sg,{cols:c,children:[e&&Bt(Xi,{cellContent:Ad(AM,{children:[Bt(f,{icon:"reorder"}),Bt("span",{children:"Reorder"})]}),className:"k-drag-cell"}),r&&Bt(Xi,{cellContent:Bt(d,{icon:"unpin",text:"Unpin",fillMode:"flat",themeColor:"primary"})}),t&&Bt(Xi,{cellContent:Bt(xS,{})}),Bt(Xi,{cellHeader:"Contact Name",cellContent:"Maria Anders",tabIndex:0}),Bt(Xi,{cellHeader:"Company Name",cellContent:"Alfreds Futterkiste",tabIndex:0}),Bt(Xi,{cellHeader:"Country",cellContent:"Germany",tabIndex:0}),i&&Bt(Xi,{cellContent:Bt(d,{icon:"minus",text:"Collapse Details",fillMode:"flat",themeColor:"primary"})})]})})}),i&&Bt(k,{className:"k-detail-row",role:"row",children:Ad(n,{className:"k-detail-cell",role:"gridcell",children:[Ad("div",{children:[Bt("span",{className:"k-font-bold",children:"In stock: "}),Bt("span",{children:"39"})]}),Ad("div",{children:[Bt("span",{className:"k-font-bold",children:"On order: "}),Bt("span",{children:"0"})]})]})}),Bt(k,{alt:!0,className:"k-master-row",role:"row",children:Bt(n,{role:"gridcell",tabIndex:0,children:Ad(Sg,{cols:c,children:[e&&Bt(Xi,{cellContent:Ad(AM,{children:[Bt(f,{icon:"reorder"}),Bt("span",{children:"Reorder"})]}),className:"k-drag-cell"}),r&&Bt(Xi,{cellContent:Bt(d,{icon:"pin",text:"Pin",fillMode:"flat",themeColor:"primary"})}),t&&Bt(Xi,{cellContent:Bt(xS,{})}),Bt(Xi,{cellHeader:"Contact Name",cellContent:"Ana Trujillo",tabIndex:0}),Bt(Xi,{cellHeader:"Company Name",cellContent:"Ana Trujillo Emparedados y helados",tabIndex:0}),Bt(Xi,{cellHeader:"Country",cellContent:"Mexico",tabIndex:0}),i&&Bt(Xi,{cellContent:Bt(d,{icon:"plus",text:"Expand Details",fillMode:"flat",themeColor:"primary"})})]})})})]})]})})})}),gridSelectionAggregates:o&&Ad("div",{className:"k-selection-aggregates k-grid-selection-aggregates","aria-live":"polite",children:[Ad("div",{className:"k-selection-aggregates-item",children:[Bt("span",{className:"k-selection-aggregates-item-text",children:"Sum:"}),Bt("span",{className:"k-selection-aggregates-item-value",children:"122.00"})]}),Ad("div",{className:"k-selection-aggregates-item",children:[Bt("span",{className:"k-selection-aggregates-item-text",children:"Avg:"}),Bt("span",{className:"k-selection-aggregates-item-value",children:"30.50"})]})]}),...p});var CM="context-menu",NH=CM;import{jsx as mpe}from"react/jsx-runtime";var yH="k-context-menu",dpe=[],cpe={},ppe={},ti=e=>{let{children:t,...o}=e;return mpe(Wa,{...o,className:l(e.className,yH),role:"menu",children:t})};ti.states=dpe;ti.options=cpe;ti.className=yH;ti.defaultOptions=ppe;ti.moduleName=CM;ti.folderName=NH;ti.ariaSpec={selector:".k-context-menu",rules:[{selector:".k-context-menu",attribute:"role=menu",usage:"The context menu implements the menu role."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has an id linked to parent aria-controls."}]};import{jsx as Hy}from"react/jsx-runtime";var SM=e=>Hy(ti,{children:[Hy(Xe,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),Hy(Xe,{text:"Item 2"},"menu-item-2"),Hy(Xe,{last:!0,text:"Item 3"},"menu-item-3")],...e});import{Fragment as upe,jsx as mu,jsxs as AH}from"react/jsx-runtime";var XKt=e=>AH(upe,{children:[mu(ti,{children:[mu(Xe,{first:!0,text:"Item 1",focus:!0},"menu-item-1"),mu(Xe,{text:"Item 2",showArrow:!0,expanded:!0,"aria-controls":"ctx-submenu-1"},"menu-item-2"),mu(Xe,{text:"Item 3",disabled:!0},"menu-item-3"),mu(Xe,{last:!0,text:"Item 4"},"menu-item-4")],...e}),mu(Ce,{className:"k-menu-popup",offset:{left:"90px",top:"auto"},children:AH(Wa,{id:"ctx-submenu-1",children:[mu(Xe,{first:!0,text:"Sub item 1"}),mu(Xe,{last:!0,text:"Sub item 2"})]})})]});import{jsx as xT,jsxs as kpe}from"react/jsx-runtime";var bpe=Aa.options,fpe=Aa.states,CH={...Aa.defaultOptions,variant:"normal"},hpe=[{name:"normal",title:"Normal"},{name:"separators",title:"With separator"}],gpe=[],Bg=e=>{let{variant:t,...o}={...CH,...e};return t==="separators"?kpe(SM,{...o,style:{width:"130px"},children:[xT(Xe,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),xT(Mm,{}),xT(Xe,{text:"Item 2"},"menu-item-2"),xT(Xe,{last:!0,text:"Item 3"},"menu-item-3")]}):xT(SM,{...o,style:{width:"130px"}})};Bg.options=bpe;Bg.states=fpe;Bg.variants=hpe;Bg.defaultOptions=CH;Bg.modifiers=gpe;Bg.className=ti.className;import{Fragment as SH,jsx as No,jsxs as qi}from"react/jsx-runtime";var mYt=({contentClassName:e,...t})=>{let o=b("grid"),r=b("grid-ctx-menu");return qi(SH,{children:[No(Pe,{_renderAriaRoot:!0,ariaRootId:o,ariaColCount:3,ariaRowCount:5,children:qi(SH,{children:[No(ve,{children:No("div",{className:"k-grid-header-wrap",children:qi(he,{role:"none",children:[qi("colgroup",{children:[No("col",{}),No("col",{}),No("col",{})]}),No(ne,{role:"rowgroup",children:qi(k,{role:"row","aria-rowindex":1,children:[No(M,{columnTitle:"Contact Name",role:"columnheader","aria-colindex":1}),No(M,{columnTitle:"Job Title",role:"columnheader","aria-colindex":2}),No(M,{columnTitle:"Country",role:"columnheader","aria-colindex":3})]})})]})})}),No(Lb,{role:"none",children:No("div",{className:"k-grid-pinned-wrap",role:"none",children:qi(de,{role:"none",children:[qi("colgroup",{children:[No("col",{}),No("col",{}),No("col",{})]}),No("tbody",{className:"k-table-tbody",role:"rowgroup","aria-label":"Top pinned rows",children:qi(k,{className:"k-master-row",role:"row","aria-rowindex":1,selected:!0,"aria-selected":"true",children:[No(n,{role:"gridcell","aria-colindex":1,"aria-selected":"true","aria-haspopup":"menu","aria-controls":r,"aria-expanded":"true",children:"Shelden Greyes"}),No(n,{role:"gridcell","aria-colindex":2,"aria-selected":"true","aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:"Operator"}),No(n,{role:"gridcell","aria-colindex":3,"aria-selected":"true","aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:"UK"})]})})]})})}),No(Ne,{children:No(ge,{className:e,children:qi(de,{role:"none",children:[qi("colgroup",{children:[No("col",{}),No("col",{}),No("col",{})]}),qi(ee,{role:"rowgroup",children:[qi(k,{className:"k-master-row",role:"row","aria-rowindex":2,children:[No(n,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:"Sig Jeannel"}),No(n,{role:"gridcell","aria-colindex":2,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:"Human Resources Assistant III"}),No(n,{role:"gridcell","aria-colindex":3,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:"USA"})]}),qi(k,{className:"k-master-row k-pinned-source",role:"row",alt:!0,"aria-rowindex":3,children:[No(n,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:"Shelden Greyes"}),No(n,{role:"gridcell","aria-colindex":2,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:"Operator"}),No(n,{role:"gridcell","aria-colindex":3,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:"UK"})]}),qi(k,{className:"k-master-row",role:"row","aria-rowindex":4,children:[No(n,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:"Ruthi Baldini"}),No(n,{role:"gridcell","aria-colindex":2,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:"Coordinator"}),No(n,{role:"gridcell","aria-colindex":3,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:"Canada"})]})]})]})})})]}),...t}),No(Ce,{className:"k-menu-popup",children:qi(ti,{id:r,children:[No(Xe,{first:!0,text:"Pin row to top",icon:"pin-outline-top"}),No(Xe,{last:!0,text:"Pin row to bottom",icon:"pin-outline-bottom"})]})})]})};import{Fragment as EH,jsx as rt,jsxs as _i}from"react/jsx-runtime";var wYt=({contentClassName:e,...t})=>{let o=b("grid"),r=b("grid-ctx-menu-pin");return _i(EH,{children:[rt(Pe,{_renderAriaRoot:!0,ariaRootId:o,ariaColCount:4,ariaRowCount:5,children:_i(EH,{children:[rt(ve,{children:rt("div",{className:"k-grid-header-wrap",children:_i(he,{role:"none",children:[_i("colgroup",{children:[rt("col",{style:{width:"48px"}}),rt("col",{}),rt("col",{}),rt("col",{})]}),rt(ne,{role:"rowgroup",children:_i(k,{role:"row","aria-rowindex":1,children:[rt(M,{accessibleLabel:"Row actions",role:"columnheader","aria-colindex":1}),rt(M,{columnTitle:"Contact Name",role:"columnheader","aria-colindex":2}),rt(M,{columnTitle:"Job Title",role:"columnheader","aria-colindex":3}),rt(M,{columnTitle:"Country",role:"columnheader","aria-colindex":4})]})})]})})}),rt(Lb,{role:"none",children:rt("div",{className:"k-grid-pinned-wrap",role:"none",children:_i(de,{role:"none",children:[_i("colgroup",{children:[rt("col",{style:{width:"48px"}}),rt("col",{}),rt("col",{}),rt("col",{})]}),rt("tbody",{className:"k-table-tbody",role:"rowgroup","aria-label":"Top pinned rows",children:_i(k,{className:"k-master-row",role:"row","aria-rowindex":1,children:[rt(n,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"true",children:rt("span",{className:"k-pin-cell",children:rt(f,{icon:"unpin-outline",className:"k-action-icon"})})}),rt(n,{role:"gridcell","aria-colindex":2,children:"Shelden Greyes"}),rt(n,{role:"gridcell","aria-colindex":3,children:"Operator"}),rt(n,{role:"gridcell","aria-colindex":4,children:"UK"})]})})]})})}),rt(Ne,{children:rt(ge,{className:e,children:_i(de,{role:"none",children:[_i("colgroup",{children:[rt("col",{style:{width:"48px"}}),rt("col",{}),rt("col",{}),rt("col",{})]}),_i(ee,{role:"rowgroup",children:[_i(k,{className:"k-master-row",role:"row","aria-rowindex":2,children:[rt(n,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:rt("span",{className:"k-pin-cell",children:rt(f,{icon:"pin-outline"})})}),rt(n,{role:"gridcell","aria-colindex":2,children:"Sig Jeannel"}),rt(n,{role:"gridcell","aria-colindex":3,children:"Human Resources Assistant III"}),rt(n,{role:"gridcell","aria-colindex":4,children:"USA"})]}),_i(k,{className:"k-master-row k-pinned-source",role:"row",alt:!0,"aria-rowindex":3,children:[rt(n,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:rt("span",{className:"k-pin-cell",children:rt(f,{icon:"unpin-outline",className:"k-action-icon"})})}),rt(n,{role:"gridcell","aria-colindex":2,children:"Shelden Greyes"}),rt(n,{role:"gridcell","aria-colindex":3,children:"Operator"}),rt(n,{role:"gridcell","aria-colindex":4,children:"UK"})]}),_i(k,{className:"k-master-row",role:"row","aria-rowindex":4,children:[rt(n,{role:"gridcell","aria-colindex":1,"aria-haspopup":"menu","aria-controls":r,"aria-expanded":"false",children:rt("span",{className:"k-pin-cell",children:rt(f,{icon:"pin-outline"})})}),rt(n,{role:"gridcell","aria-colindex":2,children:"Ruthi Baldini"}),rt(n,{role:"gridcell","aria-colindex":3,children:"Coordinator"}),rt(n,{role:"gridcell","aria-colindex":4,children:"Canada"})]})]})]})})})]}),...t}),rt(Ce,{className:"k-menu-popup",children:_i(ti,{id:r,children:[rt(Xe,{first:!0,text:"Pin row to top",icon:"pin-outline-top"}),rt(Xe,{last:!0,text:"Pin row to bottom",icon:"pin-outline-bottom"})]})})]})};import{Fragment as LH,jsx as lt,jsxs as Ti}from"react/jsx-runtime";var LYt=({contentClassName:e,...t})=>lt(Pe,{_renderAriaRoot:!0,ariaRowCount:5,groupingHeader:lt(Cn,{role:"toolbar","aria-label":"Grouping",children:lt(Dt,{role:"none",children:lt(Qe,{icon:"sort-asc-small",text:"Rating",role:"button",actions:lt(LH,{children:lt(Ve,{type:"remove"})})})})}),children:Ti(LH,{children:[lt(ve,{draggable:!0,children:lt("div",{className:"k-grid-header-wrap",children:Ti(he,{role:"none",children:[Ti("colgroup",{children:[lt("col",{className:"k-group-col"}),lt("col",{}),lt("col",{}),lt("col",{})]}),lt(ne,{role:"rowgroup",children:Ti(k,{role:"row","aria-rowindex":1,children:[lt(M,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),lt(M,{colspan:1,columnTitle:"Contact Name",role:"columnheader"}),lt(M,{colspan:1,columnTitle:"Job Title",role:"columnheader"}),lt(M,{colspan:1,columnTitle:"Country",role:"columnheader"})]})})]})})}),Ti(Ne,{children:[lt(jp,{role:"none",children:Ti(de,{className:"k-grid-group-sticky-header-table",role:"none",children:[Ti("colgroup",{children:[lt("col",{}),lt("col",{}),lt("col",{}),lt("col",{})]}),lt(ee,{role:"rowgroup",children:lt(k,{className:"k-table-group-row k-grouping-row",role:"row","aria-rowindex":2,children:lt(n,{colspan:4,role:"gridcell","aria-expanded":!1,tabIndex:-1,"aria-colindex":1,children:Ti("p",{className:"k-reset",children:[lt(f,{icon:"chevron-right"}),"Rating 3/5"]})})})})]})}),lt(ge,{className:e,children:Ti(de,{role:"none",children:[Ti("colgroup",{children:[lt("col",{className:"k-group-col"}),lt("col",{}),lt("col",{}),lt("col",{})]}),Ti(ee,{role:"rowgroup",children:[lt(k,{className:"k-table-group-row k-grouping-row",role:"row","aria-rowindex":2,children:lt(n,{colspan:4,role:"gridcell","aria-expanded":"true",children:Ti("p",{className:"k-reset",children:[lt(f,{icon:"chevron-down"}),"Rating 5/5"]})})}),Ti(k,{className:"k-master-row",role:"row","aria-rowindex":3,children:[lt(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),lt(n,{colspan:1,role:"gridcell",children:"Shelden Greyes"}),lt(n,{colspan:1,role:"gridcell",children:"Operator"}),lt(n,{colspan:1,role:"gridcell",children:"UK"})]}),Ti(k,{className:"k-master-row",role:"row","aria-rowindex":4,alt:!0,children:[lt(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),lt(n,{colspan:1,role:"gridcell",children:"Nerissa Dapple"}),lt(n,{colspan:1,role:"gridcell",children:"Web Designer"}),lt(n,{colspan:1,role:"gridcell",children:"Norway"})]}),lt(k,{className:"k-group-footer",role:"row","aria-rowindex":5,children:lt(n,{colspan:4,role:"gridcell",children:"Total items: 2"})})]})]})}),lt(jp,{position:"bottom",role:"none",children:Ti(de,{className:"k-grid-group-sticky-footer-table",role:"none",children:[Ti("colgroup",{children:[lt("col",{}),lt("col",{}),lt("col",{}),lt("col",{})]}),lt(ee,{role:"rowgroup",children:lt(k,{className:"k-group-footer",role:"row","aria-rowindex":5,children:lt(n,{colspan:4,role:"gridcell",tabIndex:-1,children:"Total items: 2"})})})]})})]})]}),...t});import{Fragment as IH,jsx as H,jsxs as Ue}from"react/jsx-runtime";var KYt=({className:e,contentClassName:t,...o})=>{let r=b("grid-lc-hdr"),i=b("grid-lc-hdr"),c=b("grid-lc-hdr"),p=b("grid-lc-cell"),h=b("grid-lc-cell"),x=b("grid-lc-cell"),v=b("grid-lc-cell"),w=b("grid-lc-cell"),A=b("grid-lc-cell"),N=b("grid-lc-cell"),B=b("grid-lc-cell"),D=b("grid-lc-cell"),z=b("grid-lc-cell"),U=b("grid-lc-cell"),X=b("grid-lc-cell"),oe=b("grid-lc-cell"),Ie=b("grid-lc-cell"),Re=b("grid-lc-cell"),vt=b("grid-lc-cell"),Lt=b("grid-lc-cell"),Qt=b("grid-lc-cell"),wa=b("grid-lc-cell"),Br=b("grid-lc-cell"),fa=b("grid-lc-cell"),Nr=b("grid-lc-cell"),dl=b("grid-lc-cell"),Nl=b("grid-lc-cell"),Od=b("grid-lc-cell"),Kd=b("grid-lc-cell"),xP=b("grid-lc-cell"),vP=b("grid-lc-cell"),TP=b("grid-lc-cell"),wP=b("grid-lc-cell"),NP=b("grid-lc-cell"),yP=b("grid-lc-cell"),AP=b("grid-lc-cell"),CP=b("grid-lc-cell"),SP=b("grid-lc-cell"),EP=b("grid-lc-cell"),LP=b("grid-lc-cell"),IP=b("grid-lc-cell"),MP=b("grid-lc-cell");return H(Pe,{className:l("k-grid-lockedcolumns",e),_renderAriaRoot:!0,groupingHeader:H(Cn,{role:"toolbar","aria-label":"Grouping",children:H(Dt,{role:"none",children:H(Qe,{icon:"sort-asc-small",text:"Country",role:"button",actions:H(IH,{children:H(Ve,{type:"remove"})})})})}),children:Ue(IH,{children:[Ue(ve,{role:"none",children:[H("div",{className:"k-grid-header-locked",role:"none",style:{width:"400px"},children:Ue(he,{role:"none",children:[Ue("colgroup",{children:[H("col",{className:"k-group-col"}),H("col",{style:{width:"150px"}}),H("col",{style:{width:"250px"}})]}),H(ne,{role:"rowgroup",children:Ue(k,{role:"row","aria-owns":`${r} ${i} ${c}`,children:[H(M,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),H(M,{colspan:1,rowspan:1,columnTitle:"Order ID",role:"columnheader"}),H(M,{colspan:1,rowspan:1,columnTitle:"Ship Name",role:"columnheader"})]})})]})}),H("div",{className:"k-grid-header-wrap k-auto-scrollable",role:"none",style:{width:"581px"},children:Ue(he,{role:"none",children:[Ue("colgroup",{children:[H("col",{style:{width:"300px"}}),H("col",{style:{width:"300px"}}),H("col",{style:{width:"400px"}})]}),H(ne,{role:"none",children:Ue(k,{role:"none",children:[H(M,{colspan:1,rowspan:1,columnTitle:"Ship Country",id:r,role:"columnheader"}),H(M,{colspan:1,rowspan:1,columnTitle:"Ship City",id:i,role:"columnheader"}),H(M,{colspan:1,rowspan:1,columnTitle:"Ship Address",id:c,role:"columnheader"})]})})]})})]}),Ue(Ne,{role:"none",children:[Ue(jp,{role:"none",children:[H("div",{className:"k-grid-content-locked",role:"none",style:{width:"400px"},children:Ue(de,{className:"k-grid-group-sticky-header-table",role:"none",children:[Ue("colgroup",{children:[H("col",{className:"k-group-col"}),H("col",{style:{width:"150px"}}),H("col",{style:{width:"250px"}})]}),Ue(ee,{role:"rowgroup",children:[H(k,{className:"k-table-group-row k-grouping-row",role:"row","aria-rowindex":6,style:{height:"37px"},children:H(n,{colspan:3,role:"gridcell","aria-expanded":"true",tabIndex:-1,children:Ue("p",{className:"k-reset",children:[H(f,{icon:"chevron-down"}),"Country: Germany"]})})}),Ue(k,{className:"k-master-row",alt:!0,role:"row","aria-rowindex":7,"aria-owns":`${p} ${h} ${x}`,style:{height:"36px"},children:[H(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),H(n,{role:"gridcell",tabIndex:-1,children:"10249"}),H(n,{role:"gridcell",tabIndex:-1,children:"Toms Spezialit\xE4ten"})]})]})]})}),H("div",{className:"k-grid-header-wrap",role:"none",children:Ue(de,{className:"k-grid-group-sticky-header-table",role:"none",children:[Ue("colgroup",{children:[H("col",{style:{width:"300px"}}),H("col",{style:{width:"300px"}}),H("col",{style:{width:"400px"}})]}),Ue(ee,{role:"rowgroup",children:[H(k,{className:"k-table-group-row k-grouping-row",role:"row","aria-rowindex":6,style:{height:"37px"},children:H(n,{colspan:3,role:"gridcell",tabIndex:-1,children:H("p",{className:"k-reset"})})}),Ue(k,{className:"k-master-row",alt:!0,role:"row","aria-rowindex":7,style:{height:"36px"},children:[H(n,{id:p,role:"gridcell",tabIndex:-1,children:"Germany"}),H(n,{id:h,role:"gridcell",tabIndex:-1,children:"M\xFCnster"}),H(n,{id:x,role:"gridcell",tabIndex:-1,children:"Luisenstr. 48"})]})]})]})})]}),H("div",{className:"k-grid-content-locked",role:"none",style:{width:"400px",height:"464px"},children:Ue(de,{role:"none",children:[Ue("colgroup",{children:[H("col",{className:"k-group-col"}),H("col",{style:{width:"150px"}}),H("col",{style:{width:"250px"}})]}),Ue(ee,{role:"rowgroup",children:[H(k,{className:"k-table-group-row k-grouping-row",role:"row",style:{height:"37px"},children:H(n,{colspan:3,role:"gridcell",children:Ue("p",{className:"k-reset",children:[H(f,{icon:"chevron-down"}),"Country: France"]})})}),Ue(k,{className:"k-master-row",role:"row","aria-owns":`${v} ${w} ${A}`,style:{height:"36px"},children:[H(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),H(n,{role:"gridcell",children:"10248"}),H(n,{role:"gridcell",children:"Vins et alcools Chevalier"})]}),Ue(k,{className:"k-master-row",alt:!0,role:"row","aria-owns":`${N} ${B} ${D}`,style:{height:"36px"},children:[H(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),H(n,{role:"gridcell",children:"10251"}),H(n,{role:"gridcell",children:"Victuailles en stock"})]}),Ue(k,{className:"k-master-row",role:"row","aria-owns":`${z} ${U} ${X}`,style:{height:"36px"},children:[H(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),H(n,{role:"gridcell",children:"10265"}),H(n,{role:"gridcell",children:"Blondel p\xE8re et fils"})]}),Ue(k,{className:"k-group-footer",role:"row","aria-owns":`${vP} ${TP} ${wP}`,style:{height:"37px"},children:[H(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),H(n,{role:"gridcell"}),H(n,{role:"gridcell",children:"Total items: 3"})]}),H(k,{className:"k-table-group-row k-grouping-row",role:"row",style:{height:"37px"},children:H(n,{colspan:3,role:"gridcell",children:Ue("p",{className:"k-reset",children:[H(f,{icon:"chevron-down"}),"Country: Germany"]})})}),Ue(k,{className:"k-master-row",alt:!0,role:"row","aria-owns":`${oe} ${Ie} ${Re}`,style:{height:"36px"},children:[H(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),H(n,{role:"gridcell",children:"10249"}),H(n,{role:"gridcell",children:"Toms Spezialit\xE4ten"})]}),Ue(k,{className:"k-master-row",role:"row","aria-owns":`${vt} ${Lt} ${Qt}`,style:{height:"36px"},children:[H(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),H(n,{role:"gridcell",children:"10253"}),H(n,{role:"gridcell",children:"Toms Spezialit\xE4ten"})]}),Ue(k,{className:"k-master-row",alt:!0,role:"row","aria-owns":`${wa} ${Br} ${fa}`,style:{height:"36px"},children:[H(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),H(n,{role:"gridcell",children:"10260"}),H(n,{role:"gridcell",children:"Ottilies K\xE4seladen"})]}),Ue(k,{className:"k-group-footer",role:"row","aria-owns":`${NP} ${yP} ${AP}`,style:{height:"37px"},children:[H(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),H(n,{role:"gridcell"}),H(n,{role:"gridcell",children:"Total items: 3"})]}),H(k,{className:"k-table-group-row k-grouping-row",role:"row",style:{height:"37px"},children:H(n,{colspan:3,role:"gridcell",children:Ue("p",{className:"k-reset",children:[H(f,{icon:"chevron-down"}),"Country: Brazil"]})})}),Ue(k,{className:"k-master-row",role:"row","aria-owns":`${Nr} ${dl} ${Nl}`,style:{height:"36px"},children:[H(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),H(n,{role:"gridcell",children:"10250"}),H(n,{role:"gridcell",children:"Hanari Carnes"})]}),Ue(k,{className:"k-master-row",alt:!0,role:"row","aria-owns":`${Od} ${Kd} ${xP}`,style:{height:"36px"},children:[H(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),H(n,{role:"gridcell",children:"10254"}),H(n,{role:"gridcell",children:"Hanari Carnes"})]}),Ue(k,{className:"k-group-footer",role:"row","aria-owns":`${CP} ${SP} ${EP}`,style:{height:"37px"},children:[H(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),H(n,{role:"gridcell"}),H(n,{role:"gridcell",children:"Total items: 2"})]})]})]})}),H(ge,{className:l("k-auto-scrollable",t),role:"none",style:{width:"605px",height:"465px"},children:Ue(de,{role:"none",children:[Ue("colgroup",{children:[H("col",{style:{width:"300px"}}),H("col",{style:{width:"300px"}}),H("col",{style:{width:"400px"}})]}),Ue(ee,{role:"none",children:[H(k,{className:"k-table-group-row k-grouping-row",role:"none",style:{height:"37px"},children:H(n,{colspan:3,role:"none",children:H("p",{className:"k-reset"})})}),Ue(k,{className:"k-master-row",role:"none",style:{height:"36px"},children:[H(n,{id:v,role:"gridcell",children:"France"}),H(n,{id:w,role:"gridcell",children:"Reims"}),H(n,{id:A,role:"gridcell",children:"59 rue de l'Abbaye"})]}),Ue(k,{className:"k-master-row",alt:!0,role:"none",style:{height:"36px"},children:[H(n,{id:N,role:"gridcell",children:"France"}),H(n,{id:B,role:"gridcell",children:"Lyon"}),H(n,{id:D,role:"gridcell",children:"2, rue du Commerce"})]}),Ue(k,{className:"k-master-row",role:"none",style:{height:"36px"},children:[H(n,{id:z,role:"gridcell",children:"France"}),H(n,{id:U,role:"gridcell",children:"Strasbourg"}),H(n,{id:X,role:"gridcell",children:"24, place Kl\xE9ber"})]}),Ue(k,{className:"k-group-footer",role:"none",style:{height:"37px"},children:[H(n,{id:vP,role:"gridcell"}),H(n,{id:TP,role:"gridcell"}),H(n,{id:wP,role:"gridcell"})]}),H(k,{className:"k-table-group-row k-grouping-row",role:"none",style:{height:"37px"},children:H(n,{colspan:3,role:"none",children:H("p",{className:"k-reset"})})}),Ue(k,{className:"k-master-row",alt:!0,role:"none",style:{height:"36px"},children:[H(n,{id:oe,role:"gridcell",children:"Germany"}),H(n,{id:Ie,role:"gridcell",children:"M\xFCnster"}),H(n,{id:Re,role:"gridcell",children:"Luisenstr. 48"})]}),Ue(k,{className:"k-master-row",role:"none",style:{height:"36px"},children:[H(n,{id:vt,role:"gridcell",children:"Germany"}),H(n,{id:Lt,role:"gridcell",children:"M\xFCnster"}),H(n,{id:Qt,role:"gridcell",children:"Luisenstr. 48"})]}),Ue(k,{className:"k-master-row",alt:!0,role:"none",style:{height:"36px"},children:[H(n,{id:wa,role:"gridcell",children:"Germany"}),H(n,{id:Br,role:"gridcell",children:"K\xF6ln"}),H(n,{id:fa,role:"gridcell",children:"Mehrheimerstr. 369"})]}),Ue(k,{className:"k-group-footer",role:"none",style:{height:"37px"},children:[H(n,{id:NP,role:"gridcell"}),H(n,{id:yP,role:"gridcell"}),H(n,{id:AP,role:"gridcell"})]}),H(k,{className:"k-table-group-row k-grouping-row",role:"none",style:{height:"37px"},children:H(n,{colspan:3,role:"none",children:H("p",{className:"k-reset"})})}),Ue(k,{className:"k-master-row",role:"none",style:{height:"36px"},children:[H(n,{id:Nr,role:"gridcell",children:"Brazil"}),H(n,{id:dl,role:"gridcell",children:"Rio de Janeiro"}),H(n,{id:Nl,role:"gridcell",children:"Rua do Pa\xE7o, 67"})]}),Ue(k,{className:"k-master-row",alt:!0,role:"none",style:{height:"36px"},children:[H(n,{id:Od,role:"gridcell",children:"Brazil"}),H(n,{id:Kd,role:"gridcell",children:"Rio de Janeiro"}),H(n,{id:xP,role:"gridcell",children:"Rua do Pa\xE7o, 67"})]}),Ue(k,{className:"k-group-footer",role:"none",style:{height:"37px"},children:[H(n,{id:CP,role:"gridcell"}),H(n,{id:SP,role:"gridcell"}),H(n,{id:EP,role:"gridcell"})]})]})]})}),Ue(jp,{position:"bottom",role:"none",children:[H("div",{className:"k-grid-content-locked",role:"none",style:{width:"400px"},children:Ue(de,{className:"k-grid-group-sticky-footer-table",role:"none",children:[Ue("colgroup",{children:[H("col",{className:"k-group-col"}),H("col",{style:{width:"150px"}}),H("col",{style:{width:"250px"}})]}),H(ee,{role:"rowgroup",children:Ue(k,{className:"k-group-footer",role:"row","aria-rowindex":5,"aria-owns":`${LP} ${IP} ${MP}`,children:[H(n,{className:"k-table-group-td k-group-cell",role:"presentation"}),H(n,{role:"gridcell",tabIndex:-1}),H(n,{role:"gridcell",tabIndex:-1,children:"Total items: 3"})]})})]})}),H("div",{className:"k-grid-footer-wrap",role:"none",children:Ue(de,{className:"k-grid-group-sticky-footer-table",role:"none",children:[Ue("colgroup",{children:[H("col",{style:{width:"300px"}}),H("col",{style:{width:"300px"}}),H("col",{style:{width:"400px"}})]}),H(ee,{role:"rowgroup",children:Ue(k,{className:"k-group-footer",role:"row","aria-rowindex":5,style:{height:"37px"},children:[H(n,{id:LP,role:"gridcell",tabIndex:-1}),H(n,{id:IP,role:"gridcell",tabIndex:-1}),H(n,{id:MP,role:"gridcell",tabIndex:-1})]})})]})})]})]})]}),...o})};import{Fragment as Fy,jsx as $,jsxs as xa}from"react/jsx-runtime";var xpe=Pe.options,vpe=Pe.states,MH={...Pe.defaultOptions,variant:"normal"},Tpe=[{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"}],wpe=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],Pg=e=>{let{variant:t,modifiers:o,...r}={...MH,...e},i={toolbar:void 0,pager:void 0},c=xa(Qi,{children:[$(d,{icon:"plus",children:"Add New"}),$(d,{icon:"file-pdf",children:"Export to PDF"}),$("span",{className:"k-spacer"}),$(ue,{prefix:$(f,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),p=$(Ia,{pageSizes:!1,refresh:!1});Object.keys(o||{}).forEach(v=>{switch(v){case"toolbar":i.toolbar=o?.[v]?c:void 0;break;case"pager":i.pager=o?.[v]?p:void 0;break;default:return}});let h={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},x=xa(Fy,{children:[$(ve,{children:$("div",{className:"k-grid-header-wrap",children:xa(he,{children:[xa("colgroup",{children:[$("col",{}),$("col",{}),$("col",{}),$("col",{})]}),$(ne,{children:xa(k,{children:[$(M,{...h[t],columnTitle:"ID"}),$(M,{...h[t],columnTitle:"Product Name"}),$(M,{...h[t],columnTitle:"Units in Stock"}),$(M,{...h[t],columnTitle:"Units Price"})]})})]})})}),$(Ne,{children:$(ge,{children:xa(de,{children:[xa("colgroup",{children:[$("col",{}),$("col",{}),$("col",{}),$("col",{})]}),xa(ee,{children:[xa(k,{children:[$(n,{children:"1"}),$(n,{children:"Chai"}),$(n,{children:"39"}),$(n,{children:"18"})]}),xa(k,{alt:!0,children:[$(n,{children:"2"}),$(n,{children:"Chang"}),$(n,{children:"17"}),$(n,{children:"19"})]}),xa(k,{children:[$(n,{children:"3"}),$(n,{children:"Aniseed Syrup"}),$(n,{children:"13"}),$(n,{children:"10"})]}),xa(k,{alt:!0,children:[$(n,{children:"4"}),$(n,{children:"Chef Anton's Cajun Seasoning"}),$(n,{children:"53"}),$(n,{children:"22"})]}),xa(k,{children:[$(n,{children:"5"}),$(n,{children:"Chef Anton's Gumbo Mix"}),$(n,{children:"0"}),$(n,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return $(TH,{...r,...i});case"editing":return $(wH,{...r,...i});case"grouping":return $(xH,{...r,...i,groupingHeader:$(Cn,{children:xa(Dt,{children:[$(Qe,{icon:"sort-asc-small",actions:xa(Fy,{children:[$(Ve,{type:"more"}),$(Ve,{type:"remove"})]}),children:"ID"}),$(Qe,{icon:"sort-desc-small",actions:xa(Fy,{children:[$(Ve,{type:"more"}),$(Ve,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return $(Pe,{...r,...i,children:xa(Fy,{children:[$(ve,{children:xa("div",{className:"k-grid-header-wrap",children:[" ",xa(he,{children:[xa("colgroup",{children:[$("col",{className:"k-drag-col"}),$("col",{}),$("col",{}),$("col",{}),$("col",{})]}),$(ne,{children:xa(k,{children:[$(M,{className:"k-drag-cell",accessibleLabel:"Reorder"}),$(M,{columnTitle:"ID"}),$(M,{columnTitle:"Product Name"}),$(M,{columnTitle:"Units in Stock"}),$(M,{columnTitle:"Units Price"})]})})]})]})}),$(Ne,{children:$(ge,{children:xa(de,{children:[xa("colgroup",{children:[$("col",{className:"k-drag-col"}),$("col",{}),$("col",{}),$("col",{}),$("col",{})]}),xa(ee,{children:[xa(k,{children:[$(n,{className:"k-drag-cell",children:$(f,{icon:"reorder"})}),$(n,{children:"1"}),$(n,{children:"Chai"}),$(n,{children:"39"}),$(n,{children:"18"})]}),xa(k,{alt:!0,children:[$(n,{className:"k-drag-cell",children:$(f,{icon:"reorder"})}),$(n,{children:"2"}),$(n,{children:"Chang"}),$(n,{children:"17"}),$(n,{children:"19"})]}),xa(k,{children:[$(n,{className:"k-drag-cell",children:$(f,{icon:"reorder"})}),$(n,{children:"3"}),$(n,{children:"Aniseed Syrup"}),$(n,{children:"13"}),$(n,{children:"10"})]}),xa(k,{alt:!0,children:[$(n,{className:"k-drag-cell",children:$(f,{icon:"reorder"})}),$(n,{children:"4"}),$(n,{children:"Chef Anton's Cajun Seasoning"}),$(n,{children:"53"}),$(n,{children:"22"})]}),xa(k,{children:[$(n,{className:"k-drag-cell",children:$(f,{icon:"reorder"})}),$(n,{children:"5"}),$(n,{children:"Chef Anton's Gumbo Mix"}),$(n,{children:"0"}),$(n,{children:"21.35"})]})]})]})})})]})});case"filter-row":return $(kH,{...r,...i});default:return $(Pe,{...r,...i,children:x})}};Pg.options=xpe;Pg.states=vpe;Pg.variants=Tpe;Pg.defaultOptions=MH;Pg.modifiers=wpe;Pg.className=Pe.className;import{Fragment as BH,jsx as At,jsxs as qp}from"react/jsx-runtime";var t0t=e=>At(Nn,{children:At(BH,{children:At(Vc,{panes:[At(Me,{className:"k-chart-wizard-preview-pane",children:At(Up,{children:At("div",{className:"k-chart",style:{position:"relative",height:"400px"},children:qp("svg",{style:{width:"100%",height:"100%",overflow:"hidden"},xmlns:"http://www.w3.org/2000/svg",version:"1.1",children:[At("rect",{width:"100%",height:"100%",fill:"var(--kendo-chart-bg, #fff)"}),At("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"),At(Me,{className:"k-chart-wizard-property-pane",flexBasis:"300px",collapsible:!0,children:At(La,{tabStripItems:qp(BH,{children:[At(Ze,{first:!0,value:"Chart"}),At(Ze,{value:"Data",active:!0}),At(Ze,{last:!0,value:"Format"})]}),children:At(Da,{active:!0,children:At(Ea,{expanded:!0,title:"Configuration",children:qp(wo,{formButtons:"",children:[At(za,{legend:"X axis (category)",children:At(xe,{label:"Category",editorId:"cw-data-category",editor:At(ae,{id:"cw-data-category","aria-labelledby":"cw-data-category-label",value:"Current item",fillMode:"outline"})})}),At(za,{legend:"Series",children:At(Pe,{_renderAriaRoot:!0,"aria-label":"Data series",toolbar:At(Qi,{children:At(d,{icon:"plus",fillMode:"flat",children:"Add"})}),children:At(Ne,{children:At(ge,{children:qp(de,{role:"none",children:[qp("colgroup",{children:[At("col",{style:{width:"40px"}}),At("col",{}),At("col",{style:{width:"80px"}})]}),qp(ee,{children:[qp(k,{className:"k-master-row",children:[At(n,{className:"k-drag-cell",children:At(f,{icon:"reorder","aria-hidden":"true"})}),At(n,{children:"Series Name"}),At(n,{className:"k-command-cell",children:At(d,{icon:"trash",fillMode:"flat","aria-label":"Delete series"})})]}),qp(k,{className:"k-master-row",alt:!0,children:[At(n,{className:"k-drag-cell",children:At(f,{icon:"reorder","aria-hidden":"true"})}),At(n,{children:"Series Name"}),At(n,{className:"k-command-cell",children:At(d,{icon:"trash",fillMode:"flat","aria-label":"Delete series"})})]}),qp(k,{className:"k-master-row",children:[At(n,{className:"k-drag-cell",children:At(f,{icon:"reorder","aria-hidden":"true"})}),At(n,{children:"Series Name"}),At(n,{className:"k-command-cell",children:At(d,{icon:"trash",fillMode:"flat","aria-label":"Delete series"})})]})]})]})})})})}),At(za,{legend:"Y axis (value)",children:At(xe,{label:"Value",editorId:"cw-data-value",editor:At(ae,{id:"cw-data-value","aria-labelledby":"cw-data-value-label",value:"Current item",fillMode:"outline"})})})]})})})})},"pane-2")]})}),...e});import{Fragment as zy,jsx as le,jsxs as oi}from"react/jsx-runtime";var h0t=e=>le(Nn,{children:le(zy,{children:le(Vc,{panes:[le(Me,{className:"k-chart-wizard-preview-pane",children:le(Up,{children:le("div",{className:"k-chart",style:{position:"relative",height:"400px"},children:oi("svg",{style:{width:"100%",height:"100%",overflow:"hidden"},xmlns:"http://www.w3.org/2000/svg",version:"1.1",children:[le("rect",{width:"100%",height:"100%",fill:"var(--kendo-chart-bg, #fff)"}),le("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"),le(Me,{className:"k-chart-wizard-property-pane",flexBasis:"300px",collapsible:!0,children:le(La,{tabStripItems:oi(zy,{children:[le(Ze,{first:!0,value:"Chart"}),le(Ze,{value:"Data"}),le(Ze,{last:!0,value:"Format",active:!0})]}),children:oi(Da,{active:!0,children:[le(Ea,{expanded:!0,title:"Chart area",children:oi(wo,{children:[oi(za,{legend:"Margins",layout:"grid",cols:2,gutters:{cols:"16px"},children:[le(xe,{label:"Left",editorId:"cw-margin-left",editor:le(qe,{id:"cw-margin-left",placeholder:"Auto",showClearButton:!1,fillMode:"outline"})}),le(xe,{label:"Right",editorId:"cw-margin-right",editor:le(qe,{id:"cw-margin-right",placeholder:"Auto",showClearButton:!1,fillMode:"outline"})}),le(xe,{label:"Top",editorId:"cw-margin-top",editor:le(qe,{id:"cw-margin-top",placeholder:"Auto",showClearButton:!1,fillMode:"outline"})}),le(xe,{label:"Bottom",editorId:"cw-margin-bottom",editor:le(qe,{id:"cw-margin-bottom",placeholder:"Auto",showClearButton:!1,fillMode:"outline"})})]}),le(za,{legend:"Background",children:le(xe,{label:"Color",editorId:"cw-bg-color",editor:le(Pa,{id:"cw-bg-color","aria-labelledby":"cw-bg-color-label",fillMode:"outline"})})})]})}),le(Ea,{expanded:!0,title:"Title",children:oi(wo,{layout:"grid",cols:2,gutters:{cols:"16px"},children:[le(xe,{colSpan:"2",label:"Apply to",editorId:"cw-title-apply",editor:le(ae,{id:"cw-title-apply","aria-labelledby":"cw-title-apply-label",value:"Chart title",fillMode:"outline"})}),le(xe,{colSpan:"2",label:"Title",editorId:"cw-title-text",editor:le(ue,{id:"cw-title-text",placeholder:"Chart title",fillMode:"outline"})}),le(xe,{colSpan:"2",label:"Font",editorId:"cw-title-font",editor:le(qt,{id:"cw-title-font",placeholder:"(Inherited font)",fillMode:"outline"})}),le(xe,{label:"Size",editorId:"cw-title-size",editor:le(qt,{id:"cw-title-size",placeholder:"px",fillMode:"outline"})}),le(xe,{label:"Color",editorId:"cw-title-color",editor:le(Pa,{id:"cw-title-color","aria-labelledby":"cw-title-color-label",fillMode:"outline"})})]})}),le(Ea,{expanded:!0,title:"Series",children:oi(wo,{children:[le(xe,{label:"Apply to",editorId:"cw-series-apply",editor:le(ae,{id:"cw-series-apply","aria-labelledby":"cw-series-apply-label",value:"All Series",fillMode:"outline"})}),le(xe,{label:"Color",editorId:"cw-series-color",editor:le(Pa,{id:"cw-series-color","aria-labelledby":"cw-series-color-label",fillMode:"outline"})}),le(xe,{editor:oi(zy,{children:[le(uo,{id:"cw-series-labels"}),le("label",{className:"k-checkbox-label",htmlFor:"cw-series-labels",children:"Show Labels"})]})})]})}),le(Ea,{expanded:!0,title:"Legend",children:oi(wo,{layout:"grid",cols:2,gutters:{cols:"16px"},children:[le(xe,{colSpan:"2",editor:oi("div",{className:"k-d-flex k-align-items-center k-gap-2",children:[le("label",{className:"k-label",id:"cw-legend-toggle-label",children:"Show Legend"}),le(ka,{"aria-labelledby":"cw-legend-toggle-label",onLabel:"On",offLabel:"Off",checked:!0})]})}),le(xe,{colSpan:"2",label:"Font",editorId:"cw-legend-font",editor:le(qt,{id:"cw-legend-font",placeholder:"(Inherited font)",fillMode:"outline"})}),le(xe,{label:"Size",editorId:"cw-legend-size",editor:le(qt,{id:"cw-legend-size",placeholder:"px",fillMode:"outline"})}),le(xe,{label:"Color",editorId:"cw-legend-color",editor:le(Pa,{id:"cw-legend-color","aria-labelledby":"cw-legend-color-label",fillMode:"outline"})}),le(xe,{colSpan:"2",label:"Position",editorId:"cw-legend-position",editor:le(ae,{id:"cw-legend-position","aria-labelledby":"cw-legend-position-label",value:"Top",fillMode:"outline"})})]})}),le(Ea,{expanded:!0,title:"Category axis",children:oi(wo,{children:[oi(za,{legend:"Title",layout:"grid",cols:2,gutters:{cols:"16px"},children:[le(xe,{colSpan:"2",label:"Axis title",editorId:"cw-cat-axis-title",editor:le(ue,{id:"cw-cat-axis-title",placeholder:"Axis Title",fillMode:"outline"})}),le(xe,{colSpan:"2",label:"Font",editorId:"cw-cat-title-font",editor:le(qt,{id:"cw-cat-title-font",placeholder:"(Inherited font)",fillMode:"outline"})}),le(xe,{label:"Size",editorId:"cw-cat-title-size",editor:le(qt,{id:"cw-cat-title-size",placeholder:"px",fillMode:"outline"})}),le(xe,{label:"Color",editorId:"cw-cat-title-color",editor:le(Pa,{id:"cw-cat-title-color","aria-labelledby":"cw-cat-title-color-label",fillMode:"outline"})})]}),oi(za,{legend:"Labels",layout:"grid",cols:2,gutters:{cols:"16px"},children:[le(xe,{colSpan:"2",label:"Font",editorId:"cw-cat-label-font",editor:le(qt,{id:"cw-cat-label-font",placeholder:"(Inherited font)",fillMode:"outline"})}),le(xe,{label:"Size",editorId:"cw-cat-label-size",editor:le(qt,{id:"cw-cat-label-size",placeholder:"px",fillMode:"outline"})}),le(xe,{label:"Color",editorId:"cw-cat-label-color",editor:le(Pa,{id:"cw-cat-label-color","aria-labelledby":"cw-cat-label-color-label",fillMode:"outline"})}),le(xe,{label:"Rotation",editorId:"cw-cat-label-rotation",editor:le(ae,{id:"cw-cat-label-rotation","aria-labelledby":"cw-cat-label-rotation-label",value:"0\xB0",fillMode:"outline"})}),le("span",{}),le(xe,{colSpan:"2",editor:oi(zy,{children:[le(uo,{id:"cw-cat-reverse"}),le("label",{className:"k-checkbox-label",htmlFor:"cw-cat-reverse",children:"Reverse order"})]})})]})]})}),le(Ea,{expanded:!0,title:"Value axis",children:oi(wo,{children:[oi(za,{legend:"Title",layout:"grid",cols:2,gutters:{cols:"16px"},children:[le(xe,{colSpan:"2",label:"Axis title",editorId:"cw-val-axis-title",editor:le(ue,{id:"cw-val-axis-title",placeholder:"Axis Title",fillMode:"outline"})}),le(xe,{colSpan:"2",label:"Font",editorId:"cw-val-title-font",editor:le(qt,{id:"cw-val-title-font",placeholder:"(Inherited font)",fillMode:"outline"})}),le(xe,{label:"Size",editorId:"cw-val-title-size",editor:le(qt,{id:"cw-val-title-size",placeholder:"px",fillMode:"outline"})}),le(xe,{label:"Color",editorId:"cw-val-title-color",editor:le(Pa,{id:"cw-val-title-color","aria-labelledby":"cw-val-title-color-label",fillMode:"outline"})})]}),oi(za,{legend:"Labels",layout:"grid",cols:2,gutters:{cols:"16px"},children:[le(xe,{colSpan:"2",label:"Label Format",editorId:"cw-val-label-format",editor:le(ae,{id:"cw-val-label-format","aria-labelledby":"cw-val-label-format-label",value:"Number",fillMode:"outline"})}),le(xe,{colSpan:"2",label:"Font",editorId:"cw-val-label-font",editor:le(qt,{id:"cw-val-label-font",placeholder:"(Inherited font)",fillMode:"outline"})}),le(xe,{label:"Size",editorId:"cw-val-label-size",editor:le(qt,{id:"cw-val-label-size",placeholder:"px",fillMode:"outline"})}),le(xe,{label:"Color",editorId:"cw-val-label-color",editor:le(Pa,{id:"cw-val-label-color","aria-labelledby":"cw-val-label-color-label",fillMode:"outline"})}),le(xe,{label:"Rotation",editorId:"cw-val-label-rotation",editor:le(ae,{id:"cw-val-label-rotation","aria-labelledby":"cw-val-label-rotation-label",value:"0\xB0",fillMode:"outline"})})]})]})})]})})},"pane-2")]})}),...e});var EM="appbar",PH=EM;import{jsx as Cpe}from"react/jsx-runtime";var LM="k-appbar",Npe=[],ype={themeColor:[K.undefined,K.base,K.primary,K.secondary,K.tertiary,K.inverse]},Ape={},ai=e=>{let{themeColor:t,positionMode:o,position:r,...i}=e;return Cpe("div",{...i,className:l(e.className,LM,J(LM,{themeColor:t}),{[`k-appbar-${o}`]:o,[`k-appbar-${r}`]:r}),children:e.children})};ai.states=Npe;ai.options=ype;ai.className=LM;ai.defaultOptions=Ape;ai.moduleName=EM;ai.folderName=PH;ai.ariaSpec={selector:".k-appbar",rules:[]};import{jsx as Epe}from"react/jsx-runtime";var Spe="k-appbar-section",Bs=e=>{let{...t}=e;return Epe("div",{...t,className:l(Spe,e.className),children:e.children})};import{Fragment as Lpe,jsx as Ps,jsxs as IM}from"react/jsx-runtime";var Y0t=e=>Ps(ai,{children:IM(Lpe,{children:[Ps(Bs,{children:Ps(f,{icon:"menu"})}),Ps("span",{className:"k-spacer k-spacer-sized"}),Ps(Bs,{children:Ps("h1",{className:"title",children:"Page Title"})}),Ps(Bs,{children:IM("ul",{children:[Ps("li",{children:"Menu Item"}),Ps("li",{children:"Menu Item"}),Ps("li",{children:"Menu Item"})]})}),Ps("span",{className:"k-spacer"}),IM(Bs,{children:[Ps(f,{icon:"bell"}),Ps("span",{className:"k-appbar-separator"}),Ps(f,{icon:"user"})]})]}),...e});import{jsx as jr,jsxs as Dg}from"react/jsx-runtime";var MM={...ai.options,positionMode:["static","sticky","fixed"]},Ipe=ai.states,DH={...ai.defaultOptions,themeColor:"primary",variant:"top",positionMode:"sticky"};MM.themeColor=["primary",...MM.themeColor.filter(e=>e!=="primary")];var Mpe=[{name:"top",title:"Top"},{name:"bottom",title:"Bottom"}],Rg=e=>{let{variant:t,...o}={...DH,...e},r=Dg(ai,{position:t,...o,children:[jr(Bs,{children:jr(Ye,{fillMode:"flat",icon:"menu"})}),jr("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),jr(Bs,{children:jr("h3",{className:"k-m-0",children:"AppBar"})}),jr("span",{className:"k-spacer"}),Dg(Bs,{children:[jr(Gr,{fillMode:"flat",children:"Button"}),jr(Gr,{fillMode:"flat",children:"Button"}),jr(Gr,{fillMode:"flat",children:"Button"})]}),jr("span",{className:"k-spacer k-spacer-sized",style:{width:"8px"}}),jr(Bs,{children:jr(xf,{value:"Input value"})}),Dg(Bs,{children:[jr(Ye,{className:"k-mx-sm",fillMode:"flat",icon:"bell"}),jr("span",{className:"k-appbar-separator"}),jr(Ww,{className:"k-mx-sm",children:jr("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})]})]}),i=Dg("div",{style:{padding:"25px 10px"},children:[jr("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!"}),jr("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?"}),jr("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!"}),jr("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"?Dg("div",{style:{height:"250px",overflow:"auto"},children:[i,r]}):Dg("div",{style:{height:"250px",overflow:"auto"},children:[r,i]})};Rg.options=MM;Rg.states=Ipe;Rg.variants=Mpe;Rg.defaultOptions=DH;Rg.modifiers=[];Rg.className=ai.className;var BM="bottom-navigation",RH=BM;import{jsx as Dpe}from"react/jsx-runtime";var Wy="k-bottom-nav",Bpe=[m.disabled],Ppe={fillMode:[S.undefined,S.solid,S.flat],themeColor:[K.undefined,K.base,K.primary,K.secondary,K.tertiary,K.inverse]},PM={flow:"horizontal",border:!1},qr=e=>{let{disabled:t,fillMode:o,themeColor:r,flow:i=PM.flow,border:c=PM.border,positionMode:p,dir:h}=e;return Dpe("nav",{className:l(e.className,Wy,J(Wy,{fillMode:o,themeColor:r}),{[`k-bottom-nav-item-flow-${i}`]:i,"k-bottom-nav-border":c,[`k-pos-${p}`]:p},L(Wy,{disabled:t})),dir:h,"aria-label":"Bottom navigation",children:e.children})};qr.states=Bpe;qr.options=Ppe;qr.className=Wy;qr.defaultOptions=PM;qr.moduleName=BM;qr.folderName=RH;qr.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."}]};import{jsx as Vy,jsxs as Ype}from"react/jsx-runtime";var DM="k-bottom-nav-item",Rpe=[m.focus,m.selected,m.disabled],Ope={},Kpe={},va=e=>{let{focus:t,selected:o,disabled:r,icon:i,text:c,link:p}=e;return Ype("span",{className:l(DM,L(DM,{focus:t,selected:o,disabled:r})),role:"link",...o&&{"aria-current":"true"},...!c&&!p&&i&&{"aria-label":i},children:[i&&Vy(f,{className:"k-bottom-nav-item-icon",icon:i,size:"xlarge"}),c&&Vy("span",{className:"k-bottom-nav-item-text",children:c}),p&&Vy("div",{className:"k-bottom-nav-link",children:Vy("span",{children:p})})]})};va.states=Rpe;va.options=Ope;va.className=DM;va.defaultOptions=Kpe;import{Fragment as Gpe,jsx as Qy,jsxs as Hpe}from"react/jsx-runtime";var RM=e=>Qy(qr,{children:Hpe(Gpe,{children:[Qy(va,{icon:"envelope",text:"BottomNavItem"}),Qy(va,{icon:"envelope",text:"BottomNavItem"}),Qy(va,{icon:"envelope",text:"BottomNavItem"})]}),...e});import{Fragment as Fpe,jsx as Xy,jsxs as zpe}from"react/jsx-runtime";var uHt=e=>Xy(qr,{children:zpe(Fpe,{children:[Xy(va,{icon:"envelope"}),Xy(va,{icon:"envelope"}),Xy(va,{icon:"envelope"})]}),...e});import{Fragment as Wpe,jsx as Zy,jsxs as Vpe}from"react/jsx-runtime";var gHt=e=>Zy(qr,{children:Vpe(Wpe,{children:[Zy(va,{link:"LinkItem"}),Zy(va,{link:"LinkItem"}),Zy(va,{link:"LinkItem"})]}),...e});import{Fragment as Qpe,jsx as Uy,jsxs as Xpe}from"react/jsx-runtime";var THt=e=>Uy(qr,{children:Xpe(Qpe,{children:[Uy(va,{icon:"envelope",text:"Inbox"}),Uy(va,{icon:"calendar",text:"Calendar",selected:!0}),Uy(va,{icon:"gear",text:"Settings"})]}),...e});import{jsx as uu,jsxs as OH}from"react/jsx-runtime";var Zpe=qr.options,Upe=qr.states,Jpe={...qr.defaultOptions,variant:"vertical"},jpe=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],qpe=[],Og=e=>{let{variant:t,...o}=e;return t==="horizontal"?OH(RM,{border:!0,flow:"horizontal",...o,children:[uu(va,{icon:"envelope",text:"Label"}),uu(va,{icon:"chart-pie",text:"Label",selected:!0}),uu(va,{icon:"gear",text:"Label"}),uu(va,{icon:"more-horizontal",text:"Label"})]}):OH(RM,{border:!0,flow:"vertical",...o,children:[uu(va,{icon:"envelope",text:"Label"}),uu(va,{icon:"chart-pie",text:"Label",selected:!0}),uu(va,{icon:"gear",text:"Label"}),uu(va,{icon:"more-vertical",text:"Label"})]})};Og.options=Zpe;Og.states=Upe;Og.variants=jpe;Og.defaultOptions=Jpe;Og.modifiers=qpe;Og.className=qr.className;var OM="breadcrumb",KH=OM;import{jsx as eme}from"react/jsx-runtime";var Jy="k-breadcrumb",_pe=[m.focus],$pe={size:[g.undefined,g.small,g.medium,g.large]},YH={collapsing:"auto"},vr=e=>{let{size:t,collapsing:o=YH.collapsing,focus:r,...i}=e;return eme("nav",{...i,className:l(e.className,Jy,L(Jy,{focus:r}),J(Jy,{size:t}),{"k-breadcrumb-wrap":o==="wrap"}),"aria-label":"Breadcrumb",children:e.children})};vr.states=_pe;vr.options=$pe;vr.className=Jy;vr.defaultOptions=YH;vr.moduleName=OM;vr.folderName=KH;vr.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."}]};import{jsx as ome}from"react/jsx-runtime";var tme="k-breadcrumb-root-item-container",GH=e=>{let{...t}=e;return ome("ol",{...t,className:l(e.className,tme),children:e.children})};import{jsx as rme}from"react/jsx-runtime";var ame="k-breadcrumb-input-container",ZHt=e=>{let{...t}=e;return rme("div",{...t,className:l(e.className,ame),children:e.children})};import{jsx as sme}from"react/jsx-runtime";var lme="k-breadcrumb-container",ime={collapsing:"auto"},Pl=e=>{let{collapsing:t=ime.collapsing,...o}=e;return sme("ol",{...o,className:l(e.className,lme,{"!k-flex-wrap":t==="wrap","k-flex-none":t==="none"}),children:e.children})};import{jsx as dme}from"react/jsx-runtime";var nme="k-breadcrumb-item",io=e=>{let{root:t,last:o,...r}=e;return dme("li",{...r,className:l(e.className,nme,{"k-breadcrumb-root-item":t,"k-breadcrumb-last-item":o}),children:e.children})};import{jsx as mme}from"react/jsx-runtime";var cme="",pme=[m.hover,m.focus,m.disabled],eo=e=>{let{root:t,icon:o,icontext:r,hover:i,focus:c,disabled:p,last:h,...x}=e;return mme("a",{href:"#",...x,className:l(e.className,L(cme,{hover:i,focus:c,disabled:p}),{"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})};eo.states=pme;import{jsx as bme}from"react/jsx-runtime";var ume="k-breadcrumb-item-text",Qa=e=>{let{text:t,...o}=e,r=t||e.children;return bme("span",{...o,className:l(e.className,ume),children:r})};import{Fragment as fme,jsx as Ds,jsxs as vT}from"react/jsx-runtime";var c4t=({dir:e,...t})=>Ds(vr,{collapsing:"auto",children:Ds(fme,{children:vT(Pl,{collapsing:"auto",children:[vT(io,{root:!0,children:[vT(eo,{root:!0,icontext:!0,children:[Ds(f,{icon:"home"}),Ds(Qa,{text:"Home"})]}),Ds(f,{className:"k-breadcrumb-delimiter-icon",icon:`chevron-${e==="rtl"?"left":"right"}`,size:"xsmall"})]}),vT(io,{children:[Ds(eo,{children:Ds(Qa,{text:"First item"})}),Ds(f,{className:"k-breadcrumb-delimiter-icon",icon:`chevron-${e==="rtl"?"left":"right"}`,size:"xsmall"})]}),vT(io,{children:[Ds(eo,{children:Ds(Qa,{text:"Second item"})}),Ds(f,{className:"k-breadcrumb-delimiter-icon",icon:`chevron-${e==="rtl"?"left":"right"}`,size:"xsmall"})]}),Ds(io,{last:!0,children:Ds(eo,{last:!0,children:Ds(Qa,{text:"Third item"})})})]})}),...t});import{Fragment as hme,jsx as Rs,jsxs as TT}from"react/jsx-runtime";var f4t=({dir:e,...t})=>Rs(vr,{collapsing:"none",children:Rs(hme,{children:TT(Pl,{collapsing:"none",children:[TT(io,{root:!0,children:[TT(eo,{root:!0,icontext:!0,children:[Rs(f,{icon:"home"}),Rs(Qa,{text:"Home"})]}),Rs(f,{className:"k-breadcrumb-delimiter-icon",icon:`chevron-${e==="rtl"?"left":"right"}`,size:"xsmall"})]}),TT(io,{children:[Rs(eo,{children:Rs(Qa,{text:"First item"})}),Rs(f,{className:"k-breadcrumb-delimiter-icon",icon:`chevron-${e==="rtl"?"left":"right"}`,size:"xsmall"})]}),TT(io,{children:[Rs(eo,{children:Rs(Qa,{text:"Second item"})}),Rs(f,{className:"k-breadcrumb-delimiter-icon",icon:`chevron-${e==="rtl"?"left":"right"}`,size:"xsmall"})]}),Rs(io,{last:!0,children:Rs(eo,{last:!0,children:Rs(Qa,{text:"Third item"})})})]})}),...t});import{Fragment as gme,jsx as _r,jsxs as bu}from"react/jsx-runtime";var v4t=({dir:e,...t})=>_r(vr,{collapsing:"wrap",children:bu(gme,{children:[_r(GH,{children:_r(io,{root:!0,children:bu(eo,{root:!0,icontext:!0,children:[_r(f,{icon:"home"}),_r(Qa,{text:"Home"})]})})}),bu(Pl,{collapsing:"wrap",children:[bu(io,{children:[_r(f,{className:"k-breadcrumb-delimiter-icon",icon:`chevron-${e==="rtl"?"left":"right"}`,size:"xsmall"}),_r(eo,{children:_r(Qa,{text:"First Item"})})]}),bu(io,{children:[_r(f,{className:"k-breadcrumb-delimiter-icon",icon:`chevron-${e==="rtl"?"left":"right"}`,size:"xsmall"}),_r(eo,{children:_r(Qa,{text:"Second Item"})})]}),bu(io,{children:[_r(f,{className:"k-breadcrumb-delimiter-icon",icon:`chevron-${e==="rtl"?"left":"right"}`,size:"xsmall"}),_r(eo,{children:_r(Qa,{text:"Third Item"})})]}),bu(io,{children:[_r(f,{className:"k-breadcrumb-delimiter-icon",icon:`chevron-${e==="rtl"?"left":"right"}`,size:"xsmall"}),_r(eo,{children:_r(Qa,{text:"Fourth Item"})})]}),bu(io,{last:!0,children:[_r(f,{className:"k-breadcrumb-delimiter-icon",icon:`chevron-${e==="rtl"?"left":"right"}`,size:"xsmall"}),_r(eo,{last:!0,children:_r(Qa,{text:"Fifth Item"})})]})]})]}),...t});import{jsx as to,jsxs as wi}from"react/jsx-runtime";var kme=vr.options,xme=vr.states,vme={...vr.defaultOptions,variant:"text"},Tme=[{name:"text",title:"Text"},{name:"icon",title:"Icon"},{name:"icon-and-text",title:"Icon & Text"}],wme=[],Kg=e=>{let{variant:t,...o}=e;switch(t){case"icon":return to(vr,{...o,children:wi(Pl,{children:[wi(io,{root:!0,children:[to(eo,{root:!0,icon:!0,onClick:r=>r.preventDefault(),children:to(f,{icon:"cart"})}),to(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),wi(io,{children:[to(eo,{icon:!0,onClick:r=>r.preventDefault(),children:to(f,{icon:"js"})}),to(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),wi(io,{children:[to(eo,{icon:!0,onClick:r=>r.preventDefault(),children:to(f,{icon:"truck"})}),to(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),to(io,{last:!0,children:to(eo,{icon:!0,onClick:r=>r.preventDefault(),children:to(f,{icon:"wallet-outline"})})})]})});case"icon-and-text":return to(vr,{...o,children:wi(Pl,{children:[wi(io,{root:!0,children:[wi(eo,{root:!0,icontext:!0,onClick:r=>r.preventDefault(),children:[to(f,{icon:"cart"}),to(Qa,{text:"Cart"})]}),to(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),wi(io,{children:[wi(eo,{icontext:!0,onClick:r=>r.preventDefault(),children:[to(f,{icon:"js"}),to(Qa,{text:"Billing"})]}),to(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),wi(io,{children:[wi(eo,{icontext:!0,onClick:r=>r.preventDefault(),children:[to(f,{icon:"truck"}),to(Qa,{text:"Shipping"})]}),to(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),to(io,{last:!0,children:wi(eo,{icontext:!0,onClick:r=>r.preventDefault(),children:[to(f,{icon:"wallet-outline"}),to(Qa,{text:"Payment"})]})})]})});default:return to(vr,{...o,children:wi(Pl,{children:[wi(io,{root:!0,children:[to(eo,{root:!0,onClick:r=>r.preventDefault(),children:to(Qa,{text:"Cart"})}),to(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),wi(io,{children:[to(eo,{onClick:r=>r.preventDefault(),children:to(Qa,{text:"Billing"})}),to(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),wi(io,{children:[to(eo,{onClick:r=>r.preventDefault(),children:to(Qa,{text:"Shipping"})}),to(f,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),to(io,{last:!0,children:to(eo,{onClick:r=>r.preventDefault(),children:to(Qa,{text:"Payment"})})})]})})}};Kg.options=kme;Kg.states=xme;Kg.variants=Tme;Kg.defaultOptions=vme;Kg.modifiers=wme;Kg.className=vr.className;var KM="stepper",HH=KM;import{jsx as Cme}from"react/jsx-runtime";var FH="k-stepper",Nme=[],yme={},Ame={},ma=e=>{let{style:t,...o}=e;return Cme("nav",{...o,style:t,className:l(e.className,FH),"aria-label":"Stepper",children:e.children})};ma.options=yme;ma.states=Nme;ma.className=FH;ma.defaultOptions=Ame;ma.moduleName=KM;ma.folderName=HH;ma.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."}]};import{jsx as Lme}from"react/jsx-runtime";var YM="k-step-list",Sme=[],Eme={},zH={orientation:"horizontal"},Tr=e=>{let{style:t,orientation:o=zH.orientation,wizardContext:r,...i}=e;return Lme("ol",{...i,style:t,className:l(e.className,YM,{[`${YM}-${o}`]:o}),...r&&{role:"tablist"},children:e.children})};Tr.options=Eme;Tr.states=Sme;Tr.className=YM;Tr.defaultOptions=zH;import{jsx as Jc,jsxs as GM}from"react/jsx-runtime";var jc="k-step",Ime=[m.disabled,m.hover,m.focus,m.invalid,m.valid],Mme={},Bme={},Ct=e=>{let{style:t,disabled:o,hover:r,focus:i,invalid:c,valid:p,optional:h,first:x,done:v,current:w,last:A,label:N,text:B,icon:D,stepContent:z,wizardContext:U,ariaControls:X,...oe}=e,Ie=c?"warning-circle":"check-circle",Re=!!(p||c),vt=N||(B?`Step ${B}`:D?"Step":void 0);return GM("li",{...oe,style:t,className:l(e.className,jc,{[`${jc}-done`]:v,[`${jc}-first`]:x,[`${jc}-current`]:w,[`${jc}-last`]:A,[`${jc}-optional`]:h,[`${jc}-success`]:p,[`${jc}-error`]:c},L(jc,{hover:r,focus:i,disabled:o})),...U&&{role:"none"},children:[GM("a",{href:"#",className:"k-step-link",...U&&{role:"tab"},...X&&{"aria-controls":X},...w&&{"aria-current":U?"true":"step"},...w&&U&&{"aria-selected":"true"},...o&&{"aria-disabled":"true"},tabIndex:i||w?0:-1,"aria-label":vt,children:[B&&!D&&Jc("span",{className:"k-step-indicator",children:Jc("span",{className:"k-step-indicator-text",children:B})}),D&&Jc("span",{className:"k-step-indicator",children:Jc(f,{className:"k-step-indicator-icon",icon:D})}),h&&!N&&Jc("span",{className:"k-step-label",children:Jc("span",{className:"k-step-label-optional",children:"(Optional)"})}),N&&GM("span",{className:"k-step-label",children:[Jc("span",{className:"k-step-text",children:N}),Re&&Jc(f,{icon:Ie}),h&&Jc("span",{className:"k-step-label-optional",children:"(Optional)"})]})]}),z&&Jc("div",{className:"k-step-content",style:{height:"140px"},children:z})]})};Ct.options=Mme;Ct.states=Ime;Ct.className=jc;Ct.defaultOptions=Bme;import{Fragment as Pme,jsx as wT,jsxs as WH}from"react/jsx-runtime";var rFt=({gridTemplateColumns:e="repeat(6, 1fr)",...t})=>wT(ma,{style:{display:"grid",gridTemplateColumns:e},children:WH(Pme,{children:[WH(Tr,{style:{gridColumnStart:"1",gridColumnEnd:"-1"},children:[wT(Ct,{first:!0,done:!0,icon:"check",style:{maxWidth:"33.333%"}}),wT(Ct,{current:!0,focus:!0,text:"2",style:{maxWidth:"33.333%"}}),wT(Ct,{last:!0,optional:!0,text:"3",style:{maxWidth:"33.333%"}})]}),wT(ir,{label:!1,value:"50"})]}),...t});import{Fragment as Dme,jsx as NT,jsxs as VH}from"react/jsx-runtime";var dFt=({gridTemplateRows:e="repeat(3, 1fr)",...t})=>NT(ma,{style:{display:"grid",gridTemplateRows:e},children:VH(Dme,{children:[VH(Tr,{orientation:"vertical",style:{gridRowStart:"1",gridRowEnd:"-1"},children:[NT(Ct,{first:!0,done:!0,icon:"check",style:{maxHeight:"33.333%"}}),NT(Ct,{current:!0,focus:!0,text:"2",style:{maxHeight:"33.333%"}}),NT(Ct,{last:!0,optional:!0,text:"3",style:{maxHeight:"33.333%"}})]}),NT(ir,{orientation:"vertical",reverse:!0,label:!1,value:"50"})]}),...t});import{Fragment as Rme,jsx as yT,jsxs as QH}from"react/jsx-runtime";var bFt=({gridTemplateColumns:e="repeat(6, 1fr)",...t})=>yT(ma,{style:{display:"grid",gridTemplateColumns:e},children:QH(Rme,{children:[QH(Tr,{style:{gridColumnStart:"1",gridColumnEnd:"-1"},children:[yT(Ct,{first:!0,done:!0,icon:"check",style:{maxWidth:"33.333%"}}),yT(Ct,{current:!0,focus:!0,text:"2",style:{maxWidth:"33.333%"}}),yT(Ct,{last:!0,disabled:!0,text:"3",style:{maxWidth:"33.333%"}})]}),yT(ir,{label:!1,value:"50"})]}),...t});import{jsx as fu,jsxs as jy}from"react/jsx-runtime";var Ome=ma.options,Kme=ma.states,XH={...ma.defaultOptions,variant:"horizontal"},Yme=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Gme=[{name:"label",title:"Label"},{name:"optional",title:"Optional"}],Yg=e=>{let{variant:t,modifiers:o,...r}={...XH,...e},i={};return Object.keys(o||{}).forEach(c=>{switch(c){case"label":{i.label=o?.[c]?"Label":void 0;break}case"optional":{i.optional=!!o?.[c];break}}}),t==="vertical"?jy(ma,{style:{display:"grid",gridTemplateRows:"repeat(3, 1fr)"},...r,children:[jy(Tr,{orientation:"vertical",style:{gridRowStart:"1",gridRowEnd:"-1"},children:[fu(Ct,{first:!0,done:!0,icon:"check",label:i.label,style:{maxHeight:"33.333%"}}),fu(Ct,{current:!0,focus:!0,text:"2",label:i.label,style:{maxHeight:"33.333%"}}),fu(Ct,{last:!0,optional:i.optional,text:"3",label:i.label,style:{maxHeight:"33.333%"}})]}),fu(ir,{className:"k-top-5 k-row-start-1 k-row-end-3",orientation:"vertical",reverse:!0,label:!1,value:"50"})]}):jy(ma,{style:{display:"grid",gridTemplateColumns:"repeat(6, 1fr)"},...r,children:[jy(Tr,{style:{gridColumnStart:"1",gridColumnEnd:"-1"},children:[fu(Ct,{first:!0,done:!0,icon:"check",label:i.label,style:{maxWidth:"33.333%"}}),fu(Ct,{current:!0,focus:!0,text:"2",label:i.label,style:{maxWidth:"33.333%"}}),fu(Ct,{last:!0,optional:i.optional,text:"3",label:i.label,style:{maxWidth:"33.333%"}})]}),fu(ir,{className:"k-col-start-2 k-col-end-6",style:{width:"400px"},label:!1,value:"50"})]})};Yg.options=Ome;Yg.states=Kme;Yg.variants=Yme;Yg.defaultOptions=XH;Yg.modifiers=Gme;Yg.className=ma.className;var HM="wizard",ZH=HM;import{jsx as zme}from"react/jsx-runtime";var AT="k-wizard",Hme=[m.disabled],Fme={},FM={orientation:"horizontal",contentPosition:"right"},Dl=e=>{let{disabled:t,orientation:o=FM.orientation,contentPosition:r=FM.contentPosition,...i}=e;return zme("div",{...i,className:l(e.className,AT,L(AT,{disabled:t}),{[`${AT}-${o}`]:o,[`${AT}-${r}`]:r&&o!=="horizontal"}),children:e.children})};Dl.states=Hme;Dl.options=Fme;Dl.className=AT;Dl.defaultOptions=FM;Dl.moduleName=HM;Dl.folderName=ZH;Dl.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."}]};import{Fragment as Xme,jsx as Gg,jsxs as WM}from"react/jsx-runtime";var zM="k-wizard-step",Wme=[m.focus],Vme={},Qme=WM(Xme,{children:[Gg("span",{className:"k-wizard-buttons-left",children:Gg("span",{className:"k-wizard-pager",children:"Step 2 of 3"})}),WM("span",{className:"k-wizard-buttons-right",children:[Gg(d,{children:"Previous"}),Gg(d,{themeColor:"primary",children:"Next"})]})]}),UH={buttons:Qme},Os=e=>{let{focus:t,buttons:o=UH.buttons,stepLabel:r,...i}=e;return WM("div",{...i,className:l(e.className,zM,L(zM,{focus:t})),role:"tabpanel","aria-label":r||"Step",tabIndex:0,children:[Gg("div",{className:"k-wizard-content",children:e.children}),o&&Gg("div",{className:"k-wizard-buttons",children:o})]})};Os.states=Wme;Os.options=Vme;Os.className=zM;Os.defaultOptions=UH;import{jsx as jme}from"react/jsx-runtime";var JH="k-wizard-steps",Zme=[],Ume={},Jme={},Ks=e=>jme("div",{...e,className:l(e.className,JH),children:e.children});Ks.states=Zme;Ks.options=Ume;Ks.className=JH;Ks.defaultOptions=Jme;import{Fragment as qme,jsx as Mb,jsxs as VM}from"react/jsx-runtime";var jH=({...e})=>Mb(Dl,{id:"wizard",children:VM(qme,{children:[VM(ma,{style:{display:"grid",gridTemplateColumns:"repeat(6, 1fr)"},children:[VM(Tr,{wizardContext:!0,style:{gridColumnStart:"1",gridColumnEnd:"-1"},children:[Mb(Ct,{first:!0,done:!0,icon:"check",style:{maxWidth:"33.333%"},wizardContext:!0}),Mb(Ct,{current:!0,focus:!0,text:"2",style:{maxWidth:"33.333%"},wizardContext:!0}),Mb(Ct,{last:!0,optional:!0,text:"3",style:{maxWidth:"33.333%"},wizardContext:!0})]}),Mb(ir,{label:!1,value:"50","aria-hidden":"true"})]}),Mb(Ks,{children:Mb(Os,{stepLabel:"Step 2 of 3",children:"Short content"})})]}),...e});import{Fragment as _me,jsx as Bb,jsxs as QM}from"react/jsx-runtime";var XM=({...e})=>Bb(Dl,{id:"wizard",orientation:"vertical",children:QM(_me,{children:[QM(ma,{style:{display:"grid",gridTemplateRows:"repeat(3, 1fr)"},children:[QM(Tr,{wizardContext:!0,orientation:"vertical",style:{gridRowStart:"1",gridRowEnd:"-1"},children:[Bb(Ct,{first:!0,done:!0,icon:"check",style:{maxHeight:"33.333%"},wizardContext:!0}),Bb(Ct,{current:!0,focus:!0,text:"2",style:{maxHeight:"33.333%"},wizardContext:!0}),Bb(Ct,{last:!0,optional:!0,text:"3",style:{maxHeight:"33.333%"},wizardContext:!0})]}),Bb(ir,{orientation:"vertical",reverse:!0,label:!1,value:"50","aria-hidden":"true"})]}),Bb(Ks,{children:Bb(Os,{stepLabel:"Step 2 of 3",children:"Short content"})})]}),...e});import{Fragment as $me,jsx as Pb,jsxs as ZM}from"react/jsx-runtime";var azt=({...e})=>Pb(Dl,{id:"wizard-aria",children:ZM($me,{children:[ZM(ma,{style:{display:"grid",gridTemplateColumns:"repeat(6, 1fr)"},children:[ZM(Tr,{wizardContext:!0,style:{gridColumnStart:"1",gridColumnEnd:"-1"},children:[Pb(Ct,{first:!0,done:!0,icon:"check",style:{maxWidth:"33.333%"},wizardContext:!0}),Pb(Ct,{current:!0,focus:!0,text:"2",style:{maxWidth:"33.333%"},wizardContext:!0,ariaControls:"wizard-step-2"}),Pb(Ct,{last:!0,disabled:!0,text:"3",style:{maxWidth:"33.333%"},wizardContext:!0})]}),Pb(ir,{label:!1,value:"50","aria-hidden":"true"})]}),Pb(Ks,{children:Pb(Os,{id:"wizard-step-2",stepLabel:"Step 2 of 3",children:"Short content"})})]}),...e});import{jsx as Rl,jsxs as _p}from"react/jsx-runtime";var eue=Dl.options,tue=Dl.states,oue={...Dl.defaultOptions,variant:"bottom"},aue=[{name:"bottom",title:"Content Bottom"},{name:"right",title:"Content Right"},{name:"left",title:"Content Left"}],rue=[],Hg=e=>{let{variant:t,...o}=e;switch(t){case"right":return _p(XM,{...o,children:[_p(ma,{style:{display:"grid",gridTemplateRows:"repeat(3, 1fr)"},children:[_p(Tr,{orientation:"vertical",style:{gridRowStart:"1",gridRowEnd:"-1"},children:[Rl(Ct,{first:!0,done:!0,text:"1",label:"Step 1",style:{maxHeight:"33.333%"}}),Rl(Ct,{current:!0,focus:!0,text:"2",label:"Step 2",style:{maxHeight:"33.333%"}}),Rl(Ct,{last:!0,text:"3",label:"Step 3",style:{maxHeight:"33.333%"}})]}),Rl(ir,{className:"k-top-5 k-row-start-1 k-row-end-3",orientation:"vertical",reverse:!0,label:!1,value:"50"})]}),Rl(Ks,{children:Rl(Os,{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 _p(XM,{contentPosition:"left",...o,children:[_p(ma,{style:{display:"grid",gridTemplateRows:"repeat(3, 1fr)"},children:[_p(Tr,{orientation:"vertical",style:{gridRowStart:"1",gridRowEnd:"-1"},children:[Rl(Ct,{first:!0,done:!0,text:"1",label:"Step 1",style:{maxHeight:"33.333%"}}),Rl(Ct,{current:!0,focus:!0,text:"2",label:"Step 2",style:{maxHeight:"33.333%"}}),Rl(Ct,{last:!0,text:"3",label:"Step 3",style:{maxHeight:"33.333%"}})]}),Rl(ir,{className:"k-top-5 k-row-start-1 k-row-end-3",orientation:"vertical",reverse:!0,label:!1,value:"50"})]}),Rl(Ks,{children:Rl(Os,{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 _p(jH,{...o,children:[_p(ma,{style:{display:"grid",gridTemplateColumns:"repeat(6, 1fr)"},children:[_p(Tr,{style:{gridColumnStart:"1",gridColumnEnd:"-1"},children:[Rl(Ct,{first:!0,done:!0,icon:"check",label:"Step 1",style:{maxWidth:"33.333%"}}),Rl(Ct,{current:!0,focus:!0,text:"2",label:"Step 2",style:{maxWidth:"33.333%"}}),Rl(Ct,{last:!0,text:"3",label:"Step 3",style:{maxWidth:"33.333%"}})]}),Rl(ir,{className:"k-col-start-2 k-col-end-6",label:!1,value:"50"})]}),Rl(Ks,{children:Rl(Os,{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."})})]})}};Hg.options=eue;Hg.states=tue;Hg.variants=aue;Hg.defaultOptions=oue;Hg.modifiers=rue;Hg.className=Dl.className;import{jsx as iue}from"react/jsx-runtime";var lue="k-card-callout",qy=e=>{let{callout:t,...o}=e;return iue("span",{...o,className:l(e.className,lue,{[`k-callout-${tn.calloutMap[t]||t}`]:t})})};var In="card",Cd=In;import{Fragment as cue,jsx as qH,jsxs as pue}from"react/jsx-runtime";var UM="k-card",sue=[m.hover,m.focus,m.selected,m.disabled],nue={},due={},Lo=e=>{let{orientation:t,callout:o,hover:r,focus:i,selected:c,disabled:p,...h}=e;return pue("div",{...h,className:l(e.className,UM,L(UM,{hover:r,focus:i,disabled:p,selected:c}),{[`k-card-${t}`]:t,"k-card-with-callout":o}),children:[o&&o!=="true"&&qH(qy,{callout:o}),qH(cue,{children:e.children})]})};Lo.states=sue;Lo.options=nue;Lo.className=UM;Lo.defaultOptions=due;Lo.moduleName=In;Lo.folderName=Cd;Lo.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."}]};import{Fragment as fue,jsx as _H}from"react/jsx-runtime";var JM="k-card-list",mue=[],uue={},bue={},$p=e=>{let{...t}=e;return _H("div",{...t,className:l(e.className,JM,L(JM,{})),role:"list",children:_H(fue,{children:e.children})})};$p.states=mue;$p.options=uue;$p.className=JM;$p.defaultOptions=bue;$p.moduleName=In;$p.folderName=Cd;$p.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."}]};import{jsx as xue}from"react/jsx-runtime";var $H="k-card-group",hue=[],gue={},kue={},Fg=e=>{let{...t}=e;return xue("div",{...t,className:l(e.className,$H),children:e.children})};Fg.states=hue;Fg.options=gue;Fg.className=$H;Fg.defaultOptions=kue;Fg.moduleName=In;Fg.folderName=Cd;import{jsx as Nue}from"react/jsx-runtime";var jM="k-card-wrap",vue=[m.focus,m.selected],Tue={},wue={},zg=e=>{let{focus:t,selected:o,...r}=e;return Nue("div",{...r,className:l(e.className,jM,L(jM,{focus:t,selected:o})),children:e.children})};zg.states=vue;zg.options=Tue;zg.className=jM;zg.defaultOptions=wue;zg.moduleName=In;zg.folderName=Cd;import{jsx as Aue}from"react/jsx-runtime";var qM="k-card-title",yue=[m.hover,m.focus],_d=e=>{let{hover:t,focus:o,...r}=e;return Aue("div",{...r,className:l(e.className,qM,L(qM,{hover:t,focus:o})),children:e.children})};_d.states=yue;_d.className=qM;import{jsx as Sue}from"react/jsx-runtime";var Cue="k-card-subtitle",qc=e=>{let{...t}=e;return Sue("div",{...t,className:l(e.className,Cue),children:e.children})};import{Fragment as t4,jsx as _y}from"react/jsx-runtime";var e4="k-card-media",_M=e=>{let{src:t,...o}=e;return _y(t4,{children:t?_y("img",{...o,className:l(e.className,e4),src:t}):_y("span",{...o,className:l(e.className,e4),children:_y(t4,{children:e.children})})})};import{Fragment as Lue,jsx as CT,jsxs as Iue}from"react/jsx-runtime";var Eue="k-card-header",qo=e=>{let{title:t,subtitle:o,details:r,...i}=e;return Iue("div",{...i,className:l(e.className,Eue),children:[t&&CT(_d,{children:t}),o&&CT(qc,{children:o}),CT(Lue,{children:e.children}),r&&CT("span",{className:"k-card-header-actions",children:CT(d,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};import{jsx as Bue}from"react/jsx-runtime";var Mue="k-card-footer",$M=e=>{let{...t}=e;return Bue("div",{...t,className:l(e.className,Mue),children:e.children})};import{Fragment as Due,jsx as ST,jsxs as Rue}from"react/jsx-runtime";var Pue="k-card-body",Ut=e=>{let{title:t,subtitle:o,details:r,...i}=e;return Rue("div",{...i,className:l(e.className,Pue),children:[t&&ST(_d,{children:t}),o&&ST(qc,{children:o}),ST(Due,{children:e.children}),r&&ST("span",{className:"k-card-header-actions",children:ST(d,{className:"k-card-details",icon:"more-vertical",fillMode:"flat","aria-label":"Card details"})})]})};import{jsx as Gue}from"react/jsx-runtime";var o4="k-card-deck",Oue=[],Kue={},Yue={},Wg=e=>{let{...t}=e;return Gue("div",{...t,className:l(e.className,o4),children:e.children})};Wg.states=Oue;Wg.options=Kue;Wg.className=o4;Wg.defaultOptions=Yue;Wg.moduleName=In;Wg.folderName=Cd;import{jsx as Wue}from"react/jsx-runtime";var a4="k-card-deck-scrollwrap",Hue=[],Fue={},zue={},Vg=e=>{let{...t}=e;return Wue("div",{...t,className:l(e.className,a4),children:e.children})};Vg.states=Hue;Vg.options=Fue;Vg.className=a4;Vg.defaultOptions=zue;Vg.moduleName=In;Vg.folderName=Cd;import{Fragment as Vue,jsx as Qg,jsxs as r4}from"react/jsx-runtime";var l4=e=>Qg(Lo,{orientation:"vertical",children:r4(Vue,{children:[Qg(qo,{children:"Card Header"}),Qg(Ut,{children:Qg("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),r4(Be,{className:"k-card-actions",children:[Qg(d,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),Qg(d,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...e});import{Fragment as Que,jsx as ET,jsxs as i4}from"react/jsx-runtime";var s4=e=>ET(Lo,{orientation:"horizontal",children:i4(Que,{children:[ET(Ut,{title:"Card Title",children:ET("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),i4(Be,{orientation:"vertical",className:"k-card-actions",children:[ET(d,{fillMode:"flat",themeColor:"primary",children:"Action 1"}),ET(d,{fillMode:"flat",themeColor:"primary",children:"Action 2"})]})]}),...e});import{jsx as Sd,jsxs as eB}from"react/jsx-runtime";var K8t=e=>{let t=b("card-title"),o=b("card-title");return eB($p,{...e,children:[eB(Lo,{orientation:"vertical",role:"listitem",tabIndex:0,"aria-describedby":t,"aria-keyshortcuts":"Enter",children:[Sd("div",{className:"k-card-header",children:Sd(_d,{id:t,children:"Card Title 1"})}),Sd(Ut,{children:Sd("p",{children:"Some quick example text to build on the card title."})}),Sd(Be,{className:"k-card-actions",children:Sd(d,{fillMode:"flat",themeColor:"primary",children:"Action 1"})})]}),eB(Lo,{orientation:"vertical",role:"listitem",tabIndex:0,"aria-describedby":o,"aria-keyshortcuts":"Enter",children:[Sd("div",{className:"k-card-header",children:Sd(_d,{id:o,children:"Card Title 2"})}),Sd(Ut,{children:Sd("p",{children:"Another card's content."})}),Sd(Be,{className:"k-card-actions",children:Sd(d,{fillMode:"flat",themeColor:"primary",children:"Action 2"})})]})]})};import{jsx as $i,jsxs as LT}from"react/jsx-runtime";var Xue=Lo.options,Zue=Lo.states,n4={...Lo.defaultOptions,variant:"vertical"},Uue=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Jue=[{name:"media",title:"Card with Media"},{name:"header",title:"Card with Header"},{name:"footer",title:"Card with Footer"}],Xg=e=>{let{variant:t,modifiers:o,...r}={...n4,...e},i=!1,c=!1,p=!1;return Object.keys(o||{}).forEach(h=>{switch(h){case"media":{i=!!o?.[h];break}case"header":{c=!!o?.[h];break}case"footer":{p=!!o?.[h];break}}}),t==="horizontal"?LT(s4,{style:{maxWidth:"420px"},...r,children:[i&&$i(_M,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),LT("div",{children:[c&&$i(qo,{title:"Header Title",subtitle:"Header Subtitle"}),$i(Ut,{title:"Title",subtitle:"Subtitle",children:$i("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),p&&$i($M,{children:"Card Footer"})]}),(c||p)&&$i("span",{className:"k-separator k-separator-vertical"}),LT(Be,{orientation:"vertical",alignment:"stretched",className:"k-card-actions",children:[$i(d,{fillMode:"flat",themeColor:"primary",children:"Button"}),$i(d,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]}):LT(l4,{style:{maxHeight:"450px",width:"300px"},...r,children:[c&&$i(qo,{title:"Header Title",subtitle:"Header Subtitle"}),i&&$i(_M,{src:"https://demos.telerik.com/kendo-ui/content/web/cards/rome.jpg"}),$i(Ut,{title:"Title",subtitle:"Subtitle",children:$i("p",{children:"Some quick example text to build on the card title and make up the bulk of the card's content."})}),p&&$i($M,{children:"Card Footer"}),LT(Be,{className:"k-card-actions",children:[$i(d,{fillMode:"flat",themeColor:"primary",children:"Button"}),$i(d,{fillMode:"flat",themeColor:"primary",children:"Button"})]})]})};Xg.options=Xue;Xg.states=Zue;Xg.variants=Uue;Xg.defaultOptions=n4;Xg.modifiers=Jue;Xg.className=Lo.className;var tB="panelbar",d4=tB;import{jsx as $ue}from"react/jsx-runtime";var c4="k-panelbar",jue=[],que={},_ue={},Ol=e=>{let{activeDescendant:t,...o}=e;return $ue("ul",{...o,className:l(e.className,c4),role:"tree","aria-activedescendant":t,children:e.children})};Ol.states=jue;Ol.options=que;Ol.className=c4;Ol.defaultOptions=_ue;Ol.moduleName=tB;Ol.folderName=d4;Ol.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."}]};import oB from"react";import{jsx as $y,jsxs as p4}from"react/jsx-runtime";var m4="k-panelbar-item",ebe=[m.hover,m.focus,m.selected,m.disabled],tbe={},eA={level:0,expanded:!1,text:"Item"},We=e=>{let{text:t=eA.text,level:o=eA.level,expanded:r=eA.expanded,header:i,hover:c,focus:p,selected:h,disabled:x,icon:v,iconClass:w,ariaSelected:A,children:N,...B}=e,D=!!N;return p4("li",{...B,className:l(e.className,m4,{"k-panelbar-header":i,[`k-level-${o}`]:o||o===0,"k-expanded":r}),role:"treeitem","aria-expanded":D?r?"true":"false":void 0,"aria-selected":A?"true":"false","aria-disabled":x?"true":void 0,children:[p4("span",{className:l("k-link",L("k-link",{hover:c,focus:p,disabled:x,selected:h})),children:[v&&$y(f,{className:"k-panelbar-item-icon",icon:v}),w&&!v&&$y("span",{className:`k-panelbar-item-icon ${w}`}),$y("span",{className:"k-panelbar-item-text",children:t}),D&&$y(f,{className:l("k-panelbar-toggle",r?"k-panelbar-collapse":"k-panelbar-expand"),icon:`chevron-${r?"up":"down"}`})]}),r&&N,!r&&N&&oB.Children.map(N,z=>oB.isValidElement(z)?oB.cloneElement(z,{"aria-hidden":"true",style:{display:"none"}}):z)]})};We.states=ebe;We.options=tbe;We.className=m4;We.defaultOptions=eA;import{jsx as lbe}from"react/jsx-runtime";var u4="k-panelbar-group",obe=[],abe={},rbe={},ri=e=>{let{ariaHidden:t,...o}=e;return lbe("ul",{...o,className:l(e.className,u4),role:"group","aria-hidden":t?"true":void 0,children:e.children})};ri.states=obe;ri.options=abe;ri.className=u4;ri.defaultOptions=rbe;import{jsx as dbe}from"react/jsx-runtime";var b4="k-panelbar-content",ibe=[],sbe={},nbe={},Ar=e=>{let{...t}=e;return dbe("div",{...t,className:l(e.className,b4),children:e.children})};Ar.states=ibe;Ar.options=sbe;Ar.className=b4;Ar.defaultOptions=nbe;import{Fragment as cbe,jsx as hu,jsxs as pbe}from"react/jsx-runtime";var Zg=e=>{let t=b("pb-item"),o=b("pb-item"),r=b("pb-item"),i=b("pb-item");return hu(Ol,{children:pbe(cbe,{children:[hu(We,{header:!0,text:"Item 1",id:t,children:hu(Ar,{children:"content"})}),hu(We,{header:!0,text:"Item 2",id:o,children:hu(Ar,{children:"content"})}),hu(We,{header:!0,text:"Item 3",id:r,children:hu(Ar,{children:"content"})}),hu(We,{header:!0,text:"Item 4",id:i})]}),...e})};import{Fragment as mbe,jsx as em,jsxs as ube}from"react/jsx-runtime";var YWt=e=>{let t=b("pb-item"),o=b("pb-item"),r=b("pb-item"),i=b("pb-item");return em(Ol,{activeDescendant:t,children:ube(mbe,{children:[em(We,{header:!0,expanded:!0,text:"Item 1",id:t,ariaSelected:!0,focus:!0,children:em(Ar,{children:em("p",{children:"Paragraph content in template."})})}),em(We,{header:!0,text:"Item 2",id:o,children:em(Ar,{children:"content"})}),em(We,{header:!0,text:"Item 3",id:r,children:em(Ar,{children:"content"})}),em(We,{header:!0,text:"Item 4",id:i})]}),...e})};import{Fragment as bbe,jsx as es,jsxs as aB}from"react/jsx-runtime";var f4=e=>{let t=b("pb-item"),o=b("pb-item"),r=b("pb-item"),i=b("pb-item"),c=b("pb-child"),p=b("pb-child"),h=b("pb-child"),x=b("pb-child"),v=b("pb-child"),w=b("pb-child"),A=b("pb-child");return es(Ol,{activeDescendant:o,children:aB(bbe,{children:[es(We,{header:!0,text:"Item 1",id:t,children:es(Ar,{children:"content"})}),es(We,{header:!0,expanded:!0,text:"Item 2",id:o,ariaSelected:!0,focus:!0,children:aB(ri,{children:[es(We,{level:1,text:"Child 1",id:c}),es(We,{level:1,expanded:!0,text:"Child 2",id:p,children:aB(ri,{children:[es(We,{level:2,text:"Child 2.1",id:h}),es(We,{level:2,text:"Child 2.2",id:x})]})}),es(We,{level:1,text:"Child 3",id:v,children:es(ri,{children:es(We,{level:2,text:"Child 3.1",id:w})})}),es(We,{level:1,text:"Child 4",id:A})]})}),es(We,{header:!0,text:"Item 3",id:r,children:es(Ar,{children:"content"})}),es(We,{header:!0,text:"Item 4",id:i})]}),...e})};import{Fragment as h4,jsx as Cr,jsxs as tA}from"react/jsx-runtime";var fbe=Ol.options,hbe=Ol.states,g4={...Ol.defaultOptions,variant:"normal"},gbe=[{name:"normal",title:"Normal"},{name:"expand",title:"Expanded"}],kbe=[{name:"icon",title:"Item icons"},{name:"disabled",title:"Disabled item"}],Ug=e=>{let{variant:t,modifiers:o,...r}={...g4,...e},i={},c={folder:"folder",gear:"gear",file:"file",image:"image"};return Object.keys(o||{}).forEach(p=>{switch(p){case"icon":{i.icon=o?.[p]?c:void 0;break}case"disabled":i.disabled=!!o?.[p]}}),t==="expand"?Cr(h4,{children:tA(f4,{style:{width:"300px"},...r,children:[Cr(We,{icon:i.icon?.gear,header:!0,text:"Item 1",children:Cr(Ar,{children:"content"})}),Cr(We,{icon:i.icon?.folder,selected:!0,header:!0,expanded:!0,text:"Item 2",children:tA(ri,{children:[Cr(We,{level:1,text:"Child 1"}),Cr(We,{level:1,expanded:!0,text:"Child 2",children:tA(ri,{children:[Cr(We,{level:2,text:"Child 2.1"}),Cr(We,{icon:i.icon?.image,level:2,text:"Child 2.2"})]})}),Cr(We,{disabled:i.disabled,level:1,text:"Child 3",children:Cr(Ar,{children:"content"})}),Cr(We,{level:1,text:"Child 4"})]})}),Cr(We,{icon:i.icon?.folder,disabled:i.disabled,header:!0,text:"Item 3",children:Cr(Ar,{children:"content"})}),Cr(We,{icon:i.icon?.file,header:!0,text:"Item 4"})]})}):Cr(h4,{children:tA(Zg,{style:{width:"300px"},...r,children:[Cr(We,{icon:i.icon?.gear,header:!0,text:"Item 1",children:Cr(Ar,{children:"content"})}),Cr(We,{icon:i.icon?.folder,header:!0,text:"Item 2",children:Cr(Ar,{children:"content"})}),Cr(We,{icon:i.icon?.folder,disabled:i.disabled,header:!0,text:"Item 3",children:Cr(Ar,{children:"content"})}),Cr(We,{icon:i.icon?.file,header:!0,text:"Item 4"})]})})};Ug.options=fbe;Ug.states=hbe;Ug.variants=gbe;Ug.defaultOptions=g4;Ug.modifiers=kbe;Ug.className=Ol.className;import{jsx as Tbe}from"react/jsx-runtime";var xbe=[],vbe={orientation:["horizontal","vertical"],alignItems:["start","center","end","stretch"],justifyContent:["start","center","end","stretch"],justifyItems:["start","center","end","stretch"]},Jg={orientation:null,alignItems:null,justifyContent:null,justifyItems:null,wrap:!1},$d=e=>{let{gap:t,orientation:o=Jg.orientation,alignItems:r=Jg.alignItems,justifyContent:i=Jg.justifyContent,justifyItems:c=Jg.justifyItems,wrap:p=Jg.wrap,style:h,...x}=e;return Tbe("div",{...x,style:{gap:t,...h},className:l(e.className,{[`k-${tn.orientationMap[o]||o}`]:o,[`k-align-items-${r}`]:r,[`k-justify-content-${i}`]:i,[`k-justify-items-${c}`]:c,"k-flex-wrap":p}),children:e.children})};$d.states=xbe;$d.options=vbe;$d.defaultOptions=Jg;var k4="stack-layout",x4="stacklayout",v4="grid-layout",T4="gridlayout";import{jsx as ybe}from"react/jsx-runtime";var w4="k-grid-layout",wbe=[],Nbe={},Db=e=>{let{className:t,...o}=e;return ybe($d,{...o,className:l(t,w4),children:e.children})};Db.states=wbe;Db.options=Nbe;Db.className=w4;Db.moduleName=v4;Db.folderName=T4;import{jsx as Sbe}from"react/jsx-runtime";var N4="k-stack-layout",Abe=[],Cbe={},ec=e=>{let{className:t,...o}=e;return Sbe($d,{...o,className:l(t,N4),children:e.children})};ec.states=Abe;ec.options=Cbe;ec.className=N4;ec.moduleName=k4;ec.folderName=x4;import{Fragment as Ebe,jsx as Rb,jsxs as Lbe}from"react/jsx-runtime";var A3t=({alignItems:e="start",justifyItems:t="start",...o})=>Rb(Db,{alignItems:e,justifyItems:t,children:Lbe(Ebe,{children:[Rb("div",{className:"box",children:"Box"}),Rb("div",{className:"box",children:"Box"}),Rb("div",{className:"box",children:"Box"}),Rb("div",{className:"box",children:"Box"}),Rb("div",{className:"box",children:"Box"}),Rb("div",{className:"box",children:"Box"})]}),...o});import{Fragment as Ibe,jsx as oA,jsxs as Mbe}from"react/jsx-runtime";var IT=({alignItems:e="start",justifyContent:t="start",...o})=>oA(ec,{orientation:"horizontal",alignItems:e,justifyContent:t,children:Mbe(Ibe,{children:[oA("div",{className:"box",children:"Box"}),oA("div",{className:"box",children:"Box"}),oA("div",{className:"box",children:"Box"})]}),...o});import{Fragment as Bbe,jsx as aA,jsxs as Pbe}from"react/jsx-runtime";var B3t=({alignItems:e="start",justifyContent:t="start",...o})=>aA(ec,{orientation:"vertical",alignItems:e,justifyContent:t,children:Pbe(Bbe,{children:[aA("div",{className:"box",children:"Box"}),aA("div",{className:"box",children:"Box"}),aA("div",{className:"box",children:"Box"})]}),...o});import{Fragment as Gbe,jsx as Ob,jsxs as Hbe}from"react/jsx-runtime";var Dbe=$d.options,Rbe=$d.states,Obe={...$d.defaultOptions,variant:"stretch"},Kbe=[{name:"start",title:"Start"},{name:"middle",title:"Middle"},{name:"end",title:"End"},{name:"stretch",title:"Stretch"}],Ybe=[],jg=e=>{let{variant:t,modifiers:o,...r}={...e},i={orientation:"vertical"};Object.keys(o||{}).forEach(x=>{x==="vertical"&&(i.orientation=o?.[x]?"vertical":"horizontal")});let c="k-border-solid k-border-secondary-subtle k-p-3",p={width:"228px",height:"228px",gap:"8px"},h=Hbe(Gbe,{children:[Ob("div",{className:"k-p-5 k-bg-primary-subtle"}),Ob("div",{className:"k-p-5 k-bg-primary-emphasis"}),Ob("div",{className:"k-p-5 k-bg-primary"})]});switch(t){case"start":return Ob(IT,{...r,...i,style:p,className:c,alignItems:"stretch",justifyContent:"start",children:h});case"middle":return Ob(IT,{...r,...i,style:p,className:c,alignItems:"stretch",justifyContent:"center",children:h});case"end":return Ob(IT,{...r,...i,style:p,className:c,alignItems:"stretch",justifyContent:"end",children:h});default:return Ob(IT,{...r,...i,style:p,className:c,alignItems:"stretch",justifyContent:"stretch",children:h})}};jg.options=Dbe;jg.states=Rbe;jg.variants=Kbe;jg.defaultOptions=Obe;jg.modifiers=Ybe;jg.className=ec.className;var qg="tile-layout",_g="tilelayout";import{jsx as Vbe}from"react/jsx-runtime";var y4="k-tilelayout",Fbe=[],zbe={},Wbe={},Ys=e=>{let{gap:t,columns:o,columnWidth:r,rowHeight:i,style:c,children:p}=e,h={gridTemplateColumns:`repeat(${o}, minmax(0px, ${r}))`,gridAutoRows:`minmax(0px, ${i})`,gap:t,...c};return Vbe("div",{className:l(e.className,y4),style:h,role:"list",children:p})};Ys.states=Fbe;Ys.options=zbe;Ys.className=y4;Ys.defaultOptions=Wbe;Ys.moduleName=qg;Ys.folderName=_g;Ys.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."}]};import Qbe from"react";import{jsx as MT,jsxs as Jbe}from"react/jsx-runtime";var rB="k-tilelayout-item",Xbe=[m.focus],Zbe={},Ube={},gl=e=>{let{header:t,body:o,focus:r,resize:i,style:c}=e,p=b("tilelayout-title");return Jbe(Lo,{className:l(e.className,rB,L(rB,{focus:r}),{"k-resize":i===!0,"k-resize-x":i==="horizontal","k-resize-y":i==="vertical"}),style:c,role:"listitem","aria-labelledby":p,tabIndex:0,"aria-keyshortcuts":"Enter","aria-dropeffect":"execute","aria-grabbed":"false",children:[t&&Qbe.isValidElement(t)?MT(qo,{className:"k-tilelayout-item-header k-cursor-move",children:MT("div",{className:"k-card-title",id:p,children:t})}):MT(qo,{className:"k-tilelayout-item-header k-cursor-move",children:MT("div",{className:"k-card-title",id:p,children:t})}),o&&MT(Ut,{className:"k-tilelayout-item-body",children:o})]})};gl.states=Xbe;gl.options=Zbe;gl.className=rB;gl.defaultOptions=Ube;gl.moduleName=qg;gl.folderName=_g;import{jsx as $be}from"react/jsx-runtime";var A4="k-layout-item-hint",jbe=[],qbe={},_be={},$g=e=>{let{style:t}=e;return $be("div",{className:A4,style:t})};$g.states=jbe;$g.options=qbe;$g.className=A4;$g.defaultOptions=_be;$g.moduleName=qg;$g.folderName=_g;import{Fragment as efe,jsx as BT,jsxs as tfe}from"react/jsx-runtime";var lB=e=>BT(Ys,{children:tfe(efe,{children:[BT(gl,{header:"Title goes here",body:"Content goes here"}),BT(gl,{header:"Title goes here",body:"Content goes here"}),BT(gl,{header:"Title goes here",body:"Content goes here"}),BT(gl,{header:"Title goes here",body:"Content goes here"})]}),...e});import{jsx as Kb,jsxs as C4}from"react/jsx-runtime";var ofe=Ys.options,afe=Ys.states,rfe={...Ys.defaultOptions,variant:"normal"},lfe=[{name:"normal",title:"Normal"},{name:"resizable",title:"Resizable"}],ife=[],ek=e=>{let{variant:t,...o}=e;return t==="resizable"?C4(lB,{columns:2,columnWidth:"1fr",rowHeight:"1fr",gap:"4px",style:{width:"467px",height:"365px"},...o,children:[Kb(gl,{resize:"vertical",header:"Title",body:"Vertically resizable card",style:{order:"0",gridColumnEnd:"span 1",gridRowEnd:"span 2"}}),Kb(gl,{resize:"horizontal",header:"Title",body:"Horizontally resizable card",style:{order:"1",gridColumnEnd:"span 1",gridRowEnd:"span 1"}}),Kb(gl,{resize:!0,header:"Title",body:"Horizontally and Vertically resizable card",style:{order:"2",gridColumnEnd:"span 0",gridRowEnd:"span 0"}})]}):C4(lB,{columns:3,columnWidth:"1fr",rowHeight:"1fr",gap:"4px",style:{width:"467px",height:"365px"},...o,children:[Kb(gl,{header:"Title",body:"Card Content",style:{order:"0",gridColumnEnd:"span 2",gridRowEnd:"span 1",width:"100%",height:"100%"}}),Kb(gl,{header:"Title",body:"Card Content",style:{order:"1",gridColumnEnd:"span 1",gridRowEnd:"span 2",width:"100%",height:"100%"}}),Kb(gl,{header:"Title",body:"Card Content",style:{order:"3",gridColumnEnd:"span 1",gridRowEnd:"span 1",width:"100%",height:"100%"}}),Kb(gl,{header:"Title",body:"Card Content",style:{order:"4",gridColumnEnd:"span 1",gridRowEnd:"span 1",width:"100%",height:"100%"}})]})};ek.options=ofe;ek.states=afe;ek.variants=lfe;ek.defaultOptions=rfe;ek.modifiers=ife;ek.className=Ys.className;import{jsx as cfe}from"react/jsx-runtime";var S4="k-dock-manager-toolbar",sfe=[],nfe={},dfe={},tk=e=>{let{toolbarItems:t,...o}=e;return cfe(ie,{...o,className:l(e.className,S4),children:t})};tk.states=sfe;tk.options=nfe;tk.className=S4;tk.defaultOptions=dfe;var iB="dock-manager",E4=iB;import{jsx as rA,jsxs as L4}from"react/jsx-runtime";var I4="k-dock-manager",pfe=[],mfe={},ufe={},Ni=e=>{let{toolbarItems:t,unpinnedPane:o,children:r,...i}=e;return L4("div",{...i,className:l(e.className,I4),role:"application","aria-live":"polite",children:[t&&rA(tk,{className:"k-toolbar-left",toolbarItems:t}),o&&L4("div",{className:"k-dock-manager-unpinned-container",style:{left:"43px"},children:[rA(Me,{flex:!0,unpinned:!0,children:o}),rA(tu,{})]}),rA("div",{className:"k-dock-manager-pane-container",children:r})]})};Ni.states=pfe;Ni.options=mfe;Ni.className=I4;Ni.defaultOptions=ufe;Ni.moduleName=iB;Ni.folderName=E4;Ni.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."}]};import{jsx as gfe}from"react/jsx-runtime";var M4="k-dock-manager-splitter",bfe=[],ffe={},hfe={},_c=e=>{let{children:t,panes:o,...r}=e;return gfe(_t,{...r,className:l(e.className,M4),panes:o,children:t})};_c.states=bfe;_c.options=ffe;_c.className=M4;_c.defaultOptions=hfe;import{jsx as B4}from"react/jsx-runtime";var lA="k-dock-indicator",kfe=[m.hover,m.disabled],xfe={},P4={position:"middle"},PT=e=>{let{position:t=P4.position,hover:o,disabled:r,...i}=e,c={top:"position-top",bottom:"position-bottom",right:"position-right",left:"position-left",middle:"window"};return B4("div",{...i,className:l(e.className,lA,L(lA,{hover:o,disabled:r}),{[`${lA}-${t}`]:t}),children:B4(f,{icon:c[t],size:"xlarge"})})};PT.states=kfe;PT.options=xfe;PT.className=lA;PT.defaultOptions=P4;var ok=PT;import{jsx as DT,jsxs as Nfe}from"react/jsx-runtime";var D4="k-dock-navigator",vfe=[],Tfe={},wfe={},iA=e=>{let{...t}=e;return Nfe("div",{...t,className:l(e.className,D4),"aria-hidden":"true",children:[DT(ok,{position:"top"}),DT(ok,{position:"right"}),DT(ok,{position:"bottom"}),DT(ok,{position:"left"}),DT(ok,{})]})};iA.states=vfe;iA.options=Tfe;iA.className=D4;iA.defaultOptions=wfe;import{Fragment as Sfe,jsx as RT,jsxs as nB}from"react/jsx-runtime";var R4="k-pane-scrollable",yfe=[],Afe={},Cfe=nB(Sfe,{children:[RT(d,{fillMode:"flat",size:"xsmall",icon:"pin","aria-label":"Pin pane"}),RT(d,{fillMode:"flat",size:"xsmall",icon:"more-vertical","aria-label":"More actions"})]}),sB={actions:Cfe,title:"Title"},tm=e=>{let{actions:t=sB.actions,title:o=sB.title,children:r,...i}=e;return nB("div",{...i,className:l(e.className,R4),children:[nB("div",{className:"k-pane-header",children:[RT("span",{className:"k-pane-title",children:o}),RT("div",{className:"k-pane-actions",children:t})]}),RT("div",{className:"k-pane-content",children:r})]})};tm.states=yfe;tm.options=Afe;tm.className=R4;tm.defaultOptions=sB;import{Fragment as ak,jsx as pr,jsxs as sA}from"react/jsx-runtime";var O4=e=>pr(Ni,{toolbarItems:pr(d,{fillMode:"flat",size:"small",children:"Tools"}),children:pr(ak,{children:pr(_c,{panes:[pr(Me,{tabbed:!0,flexBasis:"40%",children:pr(Ur,{style:{height:"100%"},tabStripItems:pr(ak,{children:pr(Ze,{first:!0,value:"File 1",active:!0,actions:sA(ak,{children:[pr(d,{as:"span",icon:"pin",fillMode:"flat","aria-hidden":"true"}),pr(d,{as:"span",icon:"more-vertical",fillMode:"flat","aria-hidden":"true"})]})})}),children:pr(Da,{active:!0,children:"File 1"})})},"pane-1"),pr(Me,{children:pr(_c,{orientation:"vertical",panes:[pr(Me,{tabbed:!0,flexBasis:"50%",children:pr(Ur,{style:{height:"100%"},tabStripItems:sA(ak,{children:[pr(Ze,{first:!0,value:"Properties",active:!0,actions:sA(ak,{children:[pr(d,{as:"span",icon:"pin",fillMode:"flat","aria-hidden":"true"}),pr(d,{as:"span",icon:"more-vertical",fillMode:"flat","aria-hidden":"true"})]})}),pr(Ze,{last:!0,value:"History",actions:sA(ak,{children:[pr(d,{as:"span",icon:"pin",fillMode:"flat","aria-hidden":"true"}),pr(d,{as:"span",icon:"more-vertical",fillMode:"flat","aria-hidden":"true"})]})})]}),children:pr(Da,{active:!0,children:"Properties content."})})},"nested-1"),pr(Me,{pinned:!0,children:pr(tm,{title:"Layers",children:"Layers content."})},"nested-2")]})},"pane-2")]})}),...e});import{Fragment as Yb,jsx as Ra,jsxs as OT}from"react/jsx-runtime";var K4=e=>Ra(Ni,{toolbarItems:Ra(d,{selected:!0,fillMode:"flat",size:"small",children:"Tools"}),unpinnedPane:Ra(tm,{title:"Tools",actions:OT(Yb,{children:[Ra(d,{fillMode:"flat",size:"xsmall",icon:"unpin","aria-label":"Unpin pane"}),Ra(d,{fillMode:"flat",size:"xsmall",icon:"more-vertical","aria-label":"More actions"})]}),children:"Some tools."}),children:Ra(Yb,{children:Ra(_c,{panes:[Ra(Me,{tabbed:!0,flexBasis:"40%",children:Ra(Ur,{style:{height:"100%"},tabStripItems:Ra(Yb,{children:Ra(Ze,{first:!0,value:"File 1",active:!0,actions:OT(Yb,{children:[Ra(d,{as:"span",icon:"pin",fillMode:"flat","aria-hidden":"true"}),Ra(d,{as:"span",icon:"more-vertical",fillMode:"flat","aria-hidden":"true"})]})})}),children:Ra(Da,{active:!0,children:"File 1"})})},"pane-1"),Ra(Me,{children:Ra(_c,{orientation:"vertical",panes:[Ra(Me,{tabbed:!0,flexBasis:"50%",children:Ra(Ur,{style:{height:"100%"},tabStripItems:OT(Yb,{children:[Ra(Ze,{first:!0,value:"Properties",active:!0,actions:OT(Yb,{children:[Ra(d,{as:"span",icon:"pin",fillMode:"flat","aria-hidden":"true"}),Ra(d,{as:"span",icon:"more-vertical",fillMode:"flat","aria-hidden":"true"})]})}),Ra(Ze,{last:!0,value:"History",actions:OT(Yb,{children:[Ra(d,{as:"span",icon:"pin",fillMode:"flat","aria-hidden":"true"}),Ra(d,{as:"span",icon:"more-vertical",fillMode:"flat","aria-hidden":"true"})]})})]}),children:Ra(Da,{active:!0,children:"Properties content."})})},"nested-1"),Ra(Me,{pinned:!0,children:Ra(tm,{title:"Layers",children:"Layers content."})},"nested-2")]})},"pane-2")]})}),...e});import{jsx as Y4}from"react/jsx-runtime";var Efe=Ni.options,Lfe=Ni.states,G4={...Ni.defaultOptions,variant:"normal"},Ife=[{name:"normal",title:"Normal"},{name:"pane-unpinned",title:"Pane unpinned"}],Mfe=[],rk=e=>{let{variant:t,...o}={...G4,...e};return t==="pane-unpinned"?Y4(K4,{...o,style:{width:"80%"}}):Y4(O4,{...o,style:{width:"80%"}})};rk.options=Efe;rk.states=Lfe;rk.variants=Ife;rk.defaultOptions=G4;rk.modifiers=Mfe;rk.className=Ni.className;var KT="listview",nA=KT;import{Fragment as Dfe,jsx as gu,jsxs as H4}from"react/jsx-runtime";var dB="k-listview",Bfe=[m.loading,m.disabled],Pfe={},F4={pagerPosition:"bottom"},Kl=e=>{let{header:t,footer:o,pageable:r,pagerPosition:i=F4.pagerPosition,bordered:c,layout:p,flexDirection:h,flexWrap:x,gridColumns:v,loading:w,disabled:A,selectable:N,contentAriaLabel:B,...D}=e,z=gu($0,{className:`k-listview-pager k-listview-pager-${i}`}),U=gu(Dfe,{children:H4("div",{className:"k-loading-mask",style:{height:"100%",width:"100%"},children:[gu("span",{className:"k-loading-text",children:"Loading..."}),gu("div",{className:"k-loading-image"}),gu("div",{className:"k-loading-color"})]})});return H4("div",{...D,className:l(e.className,dB,{"k-listview-bordered":c,"k-selectable":N},L(dB,{disabled:A,loading:w})),children:[r&&i==="top"&&z,t&&gu("div",{className:"k-listview-header",children:"Header"}),gu("div",{className:l("k-listview-content",{[`k-d-${p}`]:p,[`k-flex-${h}`]:h,[`k-flex-${x}`]:x,[`k-grid-cols-${v}`]:v}),role:N?"listbox":"list","aria-label":B,children:e.children}),w&&U,o&&gu("div",{className:"k-listview-footer",children:"Footer"}),r&&i==="bottom"&&z]})};Kl.states=Bfe;Kl.options=Pfe;Kl.className=dB;Kl.defaultOptions=F4;Kl.moduleName=KT;Kl.folderName=nA;Kl.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."}]};import{jsx as Yfe}from"react/jsx-runtime";var cB="k-listview-item",Rfe=[m.focus,m.selected],Ofe={},Kfe={},_o=e=>{let{focus:t,selected:o,itemRole:r,ariaSetSize:i,ariaPosInSet:c,tabIndex:p,...h}=e;return Yfe("div",{...h,className:l(e.className,cB,L(cB,{focus:t,selected:o})),role:r,"aria-setsize":i,"aria-posinset":c,tabIndex:p,"aria-selected":r==="option"&&o?"true":void 0,children:e.children})};_o.states=Rfe;_o.options=Ofe;_o.className=cB;_o.defaultOptions=Kfe;_o.moduleName=KT;_o.folderName=nA;import{Fragment as Gfe,jsx as Gb,jsxs as Hfe}from"react/jsx-runtime";var pB=e=>Gb(Kl,{children:Hfe(Gfe,{children:[Gb(_o,{itemRole:"listitem",ariaSetSize:3,ariaPosInSet:1,tabIndex:0,children:Gb("div",{children:"Listview Item"})}),Gb(_o,{itemRole:"listitem",ariaSetSize:3,ariaPosInSet:2,children:Gb("div",{children:"Listview Item"})}),Gb(_o,{itemRole:"listitem",ariaSetSize:3,ariaPosInSet:3,children:Gb("div",{children:"Listview Item"})})]}),...e});import{Fragment as Ffe,jsx as Hb,jsxs as zfe}from"react/jsx-runtime";var FVt=e=>Hb(Kl,{selectable:!0,contentAriaLabel:"Selectable list",children:zfe(Ffe,{children:[Hb(_o,{itemRole:"option",ariaSetSize:3,ariaPosInSet:1,tabIndex:0,selected:!0,children:Hb("div",{children:"Listview Item"})}),Hb(_o,{itemRole:"option",ariaSetSize:3,ariaPosInSet:2,children:Hb("div",{children:"Listview Item"})}),Hb(_o,{itemRole:"option",ariaSetSize:3,ariaPosInSet:3,children:Hb("div",{children:"Listview Item"})})]}),...e});import{jsx as tc,jsxs as z4}from"react/jsx-runtime";var Wfe=Kl.options,Vfe=Kl.states,W4={...Kl.defaultOptions,variant:"flex"},Qfe=[{name:"flex",title:"Flex"},{name:"grid",title:"Grid"},{name:"loading",title:"Loading"}],Xfe=[{name:"pageable",title:"Pager"}],lk=e=>{let{variant:t,modifiers:o,...r}={...W4,...e},i={};return i.loading=t==="loading",Object.keys(o||{}).forEach(c=>{c==="pageable"&&(i.pageable=!!o?.[c])}),t==="grid"?z4(pB,{style:{width:"324px"},...r,...i,bordered:!0,layout:"grid",gridColumns:2,children:[tc(_o,{className:"k-p-2",children:"Listview Item"}),tc(_o,{className:"k-p-2",children:"Listview Item"}),tc(_o,{className:"k-p-2",selected:!0,children:"Listview Item"}),tc(_o,{className:"k-p-2",children:"Listview Item"}),tc(_o,{className:"k-p-2",children:"Listview Item"}),tc(_o,{className:"k-p-2",children:"Listview Item"})]}):z4(pB,{style:{width:"324px"},...r,...i,bordered:!0,layout:"flex",flexDirection:"col",children:[tc(_o,{className:"k-p-2",children:"Listview Item"}),tc(_o,{className:"k-p-2",children:"Listview Item"}),tc(_o,{className:"k-p-2",selected:!0,children:"Listview Item"}),tc(_o,{className:"k-p-2",children:"Listview Item"}),tc(_o,{className:"k-p-2",children:"Listview Item"})]})};lk.options=Wfe;lk.states=Vfe;lk.variants=Qfe;lk.defaultOptions=W4;lk.modifiers=Xfe;lk.className=Kl.className;import{jsx as C}from"react/jsx-runtime";var mB=[C("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:C("div",{className:"k-vertical-align-center",children:"Invoice #52 - 06/23/2015"})}),C("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:C("div",{className:"k-vertical-align-center",children:"ID"})}),C("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:C("div",{className:"k-vertical-align-center",children:"Product"})}),C("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:C("div",{className:"k-vertical-align-center",children:"Quantity"})}),C("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:C("div",{className:"k-vertical-align-center",children:"Price"})}),C("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:C("div",{className:"k-vertical-align-center",children:"Tax"})}),C("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:C("div",{className:"k-vertical-align-center",children:"Amount"})}),C("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"}),C("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:C("div",{className:"k-vertical-align-center",children:"216321"})}),C("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:C("div",{className:"k-vertical-align-center",children:"Calzone"})}),C("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:C("div",{className:"k-vertical-align-center",children:"1"})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$12.39"})})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$2.48"})})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$14.87"})})}),C("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"}),C("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:C("div",{className:"k-vertical-align-center",children:"546897"})}),C("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:C("div",{className:"k-vertical-align-center",children:"Margarita"})}),C("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:C("div",{className:"k-vertical-align-center",children:"2"})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$8.79"})})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$3.52"})})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$21.10"})})}),C("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"}),C("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:C("div",{className:"k-vertical-align-center",children:"456231"})}),C("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:C("div",{className:"k-vertical-align-center",children:"Pollo Formaggio"})}),C("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:C("div",{className:"k-vertical-align-center",children:"1"})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$13.99"})})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$2.80"})})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$16.79"})})}),C("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"}),C("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:C("div",{className:"k-vertical-align-center",children:"455873"})}),C("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:C("div",{className:"k-vertical-align-center",children:"Greek Salad"})}),C("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:C("div",{className:"k-vertical-align-center",children:"1"})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$9.49"})})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$1.90"})})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$11.39"})})}),C("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"}),C("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:C("div",{className:"k-vertical-align-center",children:"456892"})}),C("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:C("div",{className:"k-vertical-align-center",children:"Spinach and Blue Cheese"})}),C("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:C("div",{className:"k-vertical-align-center",children:"3"})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$11.49"})})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$6.89"})})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$41.36"})})}),C("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"}),C("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:C("div",{className:"k-vertical-align-center",children:"546564"})}),C("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:C("div",{className:"k-vertical-align-center",children:"Rigoletto"})}),C("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:C("div",{className:"k-vertical-align-center",children:"1"})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$10.99"})})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$2.20"})})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$13.19"})})}),C("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"}),C("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:C("div",{className:"k-vertical-align-center",children:"789455"})}),C("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:C("div",{className:"k-vertical-align-center",children:"Creme Brulee"})}),C("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:C("div",{className:"k-vertical-align-center",children:"5"})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$6.99"})})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$6.99"})})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$41.94"})})}),C("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"}),C("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:C("div",{className:"k-vertical-align-center",children:"123002"})}),C("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:C("div",{className:"k-vertical-align-center",children:"Radeberger Beer"})}),C("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:C("div",{className:"k-vertical-align-center",children:"4"})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$4.99"})})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$3.99"})})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$23.95"})})}),C("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"}),C("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:C("div",{className:"k-vertical-align-center",children:"564896"})}),C("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:C("div",{className:"k-vertical-align-center",children:"Budweiser Beer"})}),C("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:C("div",{className:"k-vertical-align-center",children:"3"})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$4.49"})})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$2.69"})})}),C("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:C("div",{className:"k-vertical-align-center",children:C("span",{children:"$16.16"})})}),C("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"}),C("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"}),C("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"}),C("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"}),C("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"}),C("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"}),C("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"}),C("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"}),C("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"}),C("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"}),C("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"}),C("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"}),C("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"}),C("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"}),C("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"})],V4=[C("div",{className:"k-spreadsheet-vaxis",style:{left:0,height:"405px"}}),C("div",{className:"k-spreadsheet-vaxis",style:{left:"100px",height:"405px"}}),C("div",{className:"k-spreadsheet-vaxis",style:{left:"315px",height:"405px"}}),C("div",{className:"k-spreadsheet-vaxis",style:{left:"430px",height:"405px"}}),C("div",{className:"k-spreadsheet-vaxis",style:{left:"545px",height:"405px"}}),C("div",{className:"k-spreadsheet-vaxis",style:{left:"660px",height:"405px"}}),C("div",{className:"k-spreadsheet-vaxis",style:{left:"815px",height:"405px"}}),C("div",{className:"k-spreadsheet-vaxis",style:{left:"879px",height:"405px"}}),C("div",{className:"k-spreadsheet-vaxis",style:{left:"943px",height:"405px"}}),C("div",{className:"k-spreadsheet-vaxis",style:{left:"1007px",height:"405px"}}),C("div",{className:"k-spreadsheet-vaxis",style:{left:"1071px",height:"405px"}}),C("div",{className:"k-spreadsheet-vaxis",style:{left:"1135px",height:"405px"}}),C("div",{className:"k-spreadsheet-vaxis",style:{left:"1199px",height:"405px"}}),C("div",{className:"k-spreadsheet-haxis",style:{top:"0px",width:"1199px"}}),C("div",{className:"k-spreadsheet-haxis",style:{top:"70px",width:"1199px"}}),C("div",{className:"k-spreadsheet-haxis",style:{top:"95px",width:"1199px"}}),C("div",{className:"k-spreadsheet-haxis",style:{top:"125px",width:"1199px"}}),C("div",{className:"k-spreadsheet-haxis",style:{top:"155px",width:"1199px"}}),C("div",{className:"k-spreadsheet-haxis",style:{top:"185px",width:"1199px"}}),C("div",{className:"k-spreadsheet-haxis",style:{top:"215px",width:"1199px"}}),C("div",{className:"k-spreadsheet-haxis",style:{top:"245px",width:"1199px"}}),C("div",{className:"k-spreadsheet-haxis",style:{top:"275px",width:"1199px"}}),C("div",{className:"k-spreadsheet-haxis",style:{top:"305px",width:"1199px"}}),C("div",{className:"k-spreadsheet-haxis",style:{top:"335px",width:"1199px"}}),C("div",{className:"k-spreadsheet-haxis",style:{top:"365px",width:"1199px"}}),C("div",{className:"k-spreadsheet-haxis",style:{top:"395px",width:"1199px"}}),C("div",{className:"k-spreadsheet-haxis",style:{top:"426px",width:"1199px"}}),C("div",{className:"k-spreadsheet-disabled-mask",style:{top:"1px",width:"878px",left:"1px",height:"69px"}})];import{jsx as jfe}from"react/jsx-runtime";var Q4="k-spreadsheet-toolbar",Zfe=[],Ufe={},Jfe={},ik=e=>{let{children:t,...o}=e;return jfe(ie,{...o,resizable:!0,className:l(e.className,Q4),fillMode:"flat","aria-label":o["aria-label"]||"Spreadsheet toolbar",children:t})};ik.states=Zfe;ik.options=Ufe;ik.className=Q4;ik.defaultOptions=Jfe;import{jsx as ehe}from"react/jsx-runtime";var X4="k-spreadsheet-menu",qfe=[],_fe={},$fe={},sk=e=>{let{children:t,...o}=e;return ehe(Aa,{...o,className:l(e.className,X4),children:t})};sk.states=qfe;sk.options=_fe;sk.className=X4;sk.defaultOptions=$fe;import{jsx as so,jsxs as bB}from"react/jsx-runtime";var Z4="k-spreadsheet-header",the=[],ohe={},ahe=[so(d,{icon:"arrow-rotate-ccw",fillMode:"flat","aria-label":"Undo"},"undo"),so(d,{icon:"arrow-rotate-cw",fillMode:"flat","aria-label":"Redo"},"redo"),so(xt,{},"sep1"),so(d,{icon:"cut",fillMode:"flat","aria-label":"Cut"},"cut"),so(d,{icon:"copy",fillMode:"flat","aria-label":"Copy"},"copy"),so(d,{icon:"clipboard",fillMode:"flat","aria-label":"Paste"},"paste"),so(xt,{},"sep2"),so(ae,{value:"Font Name",fillMode:"flat","aria-label":"Font name"},"fontname"),so(ae,{value:"Font Size",fillMode:"flat","aria-label":"Font size"},"fontsize"),so(xt,{},"sep3"),bB(W,{fillMode:"flat",children:[so(d,{className:"k-group-start",icon:"font-grow",fillMode:"flat","aria-label":"Increase font size"}),so(d,{className:"k-group-end",icon:"font-shrink",fillMode:"flat","aria-label":"Decrease font size"})]},"fontgrow"),so(xt,{},"sep4"),bB(W,{fillMode:"flat",children:[so(d,{className:"k-group-start",icon:"bold",fillMode:"flat","aria-label":"Bold"}),so(d,{icon:"italic",fillMode:"flat","aria-label":"Italic"}),so(d,{icon:"underline",fillMode:"flat","aria-label":"Underline"}),so(d,{className:"k-group-end",icon:"strikethrough",fillMode:"flat","aria-label":"Strikethrough"})]},"fontstyle"),so(at,{children:so(Pa,{value:"red",valueIconName:"foreground-color",fillMode:"flat","aria-label":"Text color"})},"textcolor"),so(xt,{},"sep5"),so(at,{children:so(Pa,{value:"fuchsia",valueIconName:"droplet",fillMode:"flat","aria-label":"Background color"})},"bgcolor"),so(xt,{},"sep6"),so(Je,{fillMode:"flat",icon:"borders-all",showArrow:!0,"aria-label":"Borders"},"borders"),so(xt,{},"sep7"),so(Je,{fillMode:"flat",icon:"align-left",showArrow:!0,"aria-label":"Horizontal alignment"},"halign"),so(Je,{fillMode:"flat",icon:"align-middle",showArrow:!0,"aria-label":"Vertical alignment"},"valign"),so(xt,{},"sep8"),so(d,{fillMode:"flat",icon:"text-wrap","aria-label":"Wrap text"},"wrap")],rhe=[so(Mt,{first:!0,text:"File"},"file"),so(Mt,{text:"Home",active:!0},"home"),so(Mt,{text:"Insert"},"insert"),so(Mt,{text:"Format"},"format"),so(Mt,{text:"Formulas"},"formulas"),so(Mt,{text:"Data"},"data"),so(Mt,{last:!0,text:"View"},"view")],uB={toolbarItems:ahe,menuItems:rhe},$c=e=>{let{toolbarItems:t=uB.toolbarItems,menuItems:o=uB.menuItems,...r}=e;return bB("div",{...r,className:l(Z4,e.className),children:[so(sk,{children:o}),so(ik,{children:t})]})};$c.states=the;$c.options=ohe;$c.className=Z4;$c.defaultOptions=uB;import{Fragment as J4,jsx as kl,jsxs as dA}from"react/jsx-runtime";var U4="k-spreadsheet-action-bar",lhe=[],ihe={},she=dA(J4,{children:[kl("span",{className:"k-syntax-startexp",children:"="}),kl("span",{className:"k-syntax-ref k-series-a",children:"B6"}),kl("span",{className:"k-syntax-op",children:"+"}),kl("span",{className:"k-syntax-ref k-series-b",children:"C6"}),kl("span",{className:"k-syntax-op",children:"+"}),kl("span",{className:"k-syntax-ref k-series-c",children:"C3"})]}),fB={formula:she,cellName:"B6"},ep=e=>{let{formula:t=fB.formula,cellName:o=fB.cellName,formulaExpanded:r=!1,formulaListItems:i,...c}=e,p=r?b("spreadsheet-formula-list"):void 0,h=dA(J4,{children:[kl("li",{className:"k-list-item",role:"menuitem",children:kl("span",{className:"k-list-item-text",children:"SUM"})}),kl("li",{className:"k-list-item",role:"menuitem",children:kl("span",{className:"k-list-item-text",children:"AVERAGE"})}),kl("li",{className:"k-list-item",role:"menuitem",children:kl("span",{className:"k-list-item-text",children:"COUNT"})})]});return dA("div",{...c,className:l(U4,e.className),children:[kl("div",{className:"k-spreadsheet-name-editor",children:kl(qt,{placeholder:o,fillMode:"flat","aria-label":"Name editor"})}),dA("div",{className:"k-spreadsheet-formula-bar",children:[kl("span",{className:"k-separator k-separator-vertical"}),kl(d,{icon:"formula-fx",fillMode:"flat","aria-label":"Formula"}),kl("span",{className:"k-separator k-separator-vertical"}),kl("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",...p&&{"aria-controls":p},children:t}),r&&kl("ul",{className:"k-spreadsheet-formula-list",id:p,role:"menu",children:i||h})]})]})};ep.states=lhe;ep.options=ihe;ep.className=U4;ep.defaultOptions=fB;import{Fragment as phe,jsx as ts,jsxs as _4}from"react/jsx-runtime";var j4="k-spreadsheet-sheets-bar",nhe=[],dhe={},che=_4(phe,{children:[ts(Ze,{first:!0,active:!0,value:"Sheet 1",actions:ts(Je,{showArrow:!1,size:"small",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet1"),ts(Ze,{value:"Sheet 2",actions:ts(Je,{showArrow:!1,size:"small",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet2"),ts(Ze,{value:"Sheet 3",actions:ts(Je,{showArrow:!1,size:"small",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet3"),ts(Ze,{value:"Sheet 4",actions:ts(Je,{showArrow:!1,size:"small",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet4"),ts(Ze,{value:"Sheet 5",actions:ts(Je,{showArrow:!1,size:"small",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet5"),ts(Ze,{last:!0,value:"Sheet 6",actions:ts(Je,{showArrow:!1,size:"small",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet6")]}),q4={tabStripItems:che},tp=e=>{let{tabStripItems:t=q4.tabStripItems,...o}=e,r=b("spreadsheet-sheets");return _4("div",{...o,className:l(j4,e.className),children:[ts(d,{className:"k-spreadsheet-sheet-add",fillMode:"flat",size:"small",icon:"plus","aria-label":"Add new sheet","aria-controls":r}),ts(d,{className:"k-spreadsheet-sheets-menu",fillMode:"flat",size:"small",icon:"menu","aria-label":"Sheets menu","aria-controls":r}),ts(La,{className:"k-spreadsheet-sheets",tabStripItems:t,tabStripItemsId:r,position:"bottom",scrollable:!0,scrollButtons:"end"})]})};tp.states=nhe;tp.options=dhe;tp.className=j4;tp.defaultOptions=q4;import{jsx as Xa}from"react/jsx-runtime";var $4="k-spreadsheet-column-header",mhe=[],uhe={},eF={configureSelection:{A:"partial"}},nk=e=>{let{configureSelection:t=eF.configureSelection,...o}=e,r=[Xa("div",{style:{position:"absolute",left:"0px",width:"100px",height:"30px"},children:Xa("div",{className:"k-vertical-align-center",children:"A"})}),Xa("div",{style:{position:"absolute",left:"100px",width:"215px",height:"30px"},children:Xa("div",{className:"k-vertical-align-center",children:"B"})}),Xa("div",{style:{position:"absolute",left:"315px",width:"115px",height:"30px"},children:Xa("div",{className:"k-vertical-align-center",children:"C"})}),Xa("div",{style:{position:"absolute",left:"430px",width:"115px",height:"30px"},children:Xa("div",{className:"k-vertical-align-center",children:"D"})}),Xa("div",{style:{position:"absolute",left:"545px",width:"115px",height:"30px"},children:Xa("div",{className:"k-vertical-align-center",children:"E"})}),Xa("div",{style:{position:"absolute",left:"660px",width:"155px",height:"30px"},children:Xa("div",{className:"k-vertical-align-center",children:"F"})}),Xa("div",{style:{position:"absolute",left:"815px",width:"64px",height:"30px"},children:Xa("div",{className:"k-vertical-align-center",children:"G"})}),Xa("div",{style:{position:"absolute",left:"879px",width:"64px",height:"30px"},children:Xa("div",{className:"k-vertical-align-center",children:"H"})}),Xa("div",{style:{position:"absolute",left:"943px",width:"64px",height:"30px"},children:Xa("div",{className:"k-vertical-align-center",children:"I"})}),Xa("div",{style:{position:"absolute",left:"1007px",width:"64px",height:"30px"},children:Xa("div",{className:"k-vertical-align-center",children:"J"})}),Xa("div",{style:{position:"absolute",left:"1071px",width:"64px",height:"30px"},children:Xa("div",{className:"k-vertical-align-center",children:"K"})}),Xa("div",{style:{position:"absolute",left:"1135px",width:"64px",height:"30px"},children:Xa("div",{className:"k-vertical-align-center",children:"L"})})],c=t?((p,h)=>p.map((x,v)=>{let w=x.props.children.props.children;return Xa("div",{style:x.props.style,className:l({"k-selection-partial":h[w]==="partial","k-selection-full":h[w]==="full","k-selection-none":!h[w]}),children:x.props.children},v)}))(r,t):r;return Xa("div",{...o,className:l($4,e.className),children:c})};nk.states=mhe;nk.options=uhe;nk.className=$4;nk.defaultOptions=eF;import{jsx as Ma}from"react/jsx-runtime";var tF="k-spreadsheet-row-header",bhe=[],fhe={},oF={configureSelection:{1:"partial"}},dk=e=>{let{configureSelection:t=oF.configureSelection,...o}=e,r=[Ma("div",{style:{width:"30px",height:"70px"},children:Ma("div",{className:"k-vertical-align-center",children:"1"})}),Ma("div",{style:{width:"30px",height:"25px"},children:Ma("div",{className:"k-vertical-align-center",children:"2"})}),Ma("div",{style:{width:"30px",height:"30px"},children:Ma("div",{className:"k-vertical-align-center",children:"3"})}),Ma("div",{style:{width:"30px",height:"30px"},children:Ma("div",{className:"k-vertical-align-center",children:"4"})}),Ma("div",{style:{width:"30px",height:"30px"},children:Ma("div",{className:"k-vertical-align-center",children:"5"})}),Ma("div",{style:{width:"30px",height:"30px"},children:Ma("div",{className:"k-vertical-align-center",children:"6"})}),Ma("div",{style:{width:"30px",height:"30px"},children:Ma("div",{className:"k-vertical-align-center",children:"7"})}),Ma("div",{style:{width:"30px",height:"30px"},children:Ma("div",{className:"k-vertical-align-center",children:"8"})}),Ma("div",{style:{width:"30px",height:"30px"},children:Ma("div",{className:"k-vertical-align-center",children:"9"})}),Ma("div",{style:{width:"30px",height:"30px"},children:Ma("div",{className:"k-vertical-align-center",children:"10"})}),Ma("div",{style:{width:"30px",height:"30px"},children:Ma("div",{className:"k-vertical-align-center",children:"11"})}),Ma("div",{style:{width:"30px",height:"30px"},children:Ma("div",{className:"k-vertical-align-center",children:"12"})}),Ma("div",{style:{width:"30px",height:"30px"},children:Ma("div",{className:"k-vertical-align-center",children:"13"})})],c=t?((p,h)=>p.map((x,v)=>{let w=x.props.children.props.children;return Ma("div",{style:x.props.style,className:l({"k-selection-partial":h[w]==="partial","k-selection-full":h[w]==="full","k-selection-none":!h[w]}),children:x.props.children},v)}))(r,t):r;return Ma("div",{...o,className:l(tF,e.className),children:c})};dk.states=bhe;dk.options=fhe;dk.className=tF;dk.defaultOptions=oF;import*as rF from"react";import{jsx as aF}from"react/jsx-runtime";var lF="k-spreadsheet-data",hhe=[],ghe={},khe={},ck=e=>{let{activeCellIndex:t,...o}=e,i=t?((p,h)=>p.map((x,v)=>v===h?aF("div",{style:x.props.style,className:l(x.props.className,"k-spreadsheet-active-cell"),children:x.props.children},v):x))(mB,t):mB,c=[...V4,...i].map((p,h)=>p.key?p:rF.cloneElement(p,{key:h}));return aF("div",{...o,className:l(lF,e.className),children:c})};ck.states=hhe;ck.options=ghe;ck.className=lF;ck.defaultOptions=khe;import{jsx as $r,jsxs as cA}from"react/jsx-runtime";var iF="k-spreadsheet-view",xhe=[],vhe={},The={},op=e=>{let{selectionHighlight:t,rowHeaderSelection:o,columnHeaderSelection:r,cellEditor:i,activeCellIndex:c,selection:p,filter:h,...x}=e;return cA("div",{...x,className:l(iF,e.className),children:[cA("div",{className:"k-spreadsheet-fixed-container",children:[cA("div",{style:{top:0,left:0,height:"100%",width:"100%"},className:"k-spreadsheet-pane k-top k-left",children:[$r(ck,{activeCellIndex:c,style:{position:"relative",left:"30px",top:"30px"}}),$r("div",{className:"k-selection-wrapper",children:p}),$r("div",{className:"k-auto-fill-wrapper"}),$r("div",{className:"k-selection-wrapper",children:t}),$r("div",{className:"k-filter-wrapper",children:h}),$r(dk,{configureSelection:o,style:{width:"30px",top:"30px"}}),$r(nk,{configureSelection:r,style:{top:"0px",left:"30px",width:"1199px",height:"30px"}})]}),i,$r("div",{style:{width:"30px",height:"30px"},className:"k-spreadsheet-top-corner"})]}),$r("div",{className:"k-spreadsheet-scroller",children:$r("div",{className:"k-spreadsheet-view-size",style:{height:"6080px",width:"3663px"}})}),$r("div",{className:"k-spreadsheet-clipboard",children:cA("table",{style:{left:"0px",top:"0px",height:"30px",width:"100px"},className:"kendo-clipboard-eb8ea401-ab97-4190-8fb2-b3b83b299a9f",role:"presentation",children:[$r("colgroup",{children:$r("col",{style:{width:"100px"}})}),$r("tbody",{children:$r("tr",{style:{height:"30px"},children:$r("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&&$r("div",{className:"k-spreadsheet-cell-editor k-spreadsheet-formula-input","data-role":"formulainput",style:{whiteSpace:"pre"},children:"216321"}),$r(_l,{content:"A1",style:{position:"absolute",display:"none"}}),$r("div",{className:"k-list-group-sticky-header",style:{display:"none"}}),$r("div",{className:"k-list-content k-list-scroller",unselectable:"on"})]})};op.states=xhe;op.options=vhe;op.className=iF;op.defaultOptions=The;var YT="spreadsheet",pA=YT;import{jsx as Ahe}from"react/jsx-runtime";var sF="k-spreadsheet",whe=[],Nhe={},yhe={},Mn=e=>{let{children:t,...o}=e;return Ahe("div",{...o,className:l(sF,e.className),role:"application",children:t})};Mn.states=whe;Mn.options=Nhe;Mn.className=sF;Mn.defaultOptions=yhe;Mn.moduleName=YT;Mn.folderName=pA;Mn.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."}]};import{jsx as Lhe}from"react/jsx-runtime";var nF="k-spreadsheet-legacy",Che=[],She={},Ehe={},pk=e=>{let{...t}=e;return Lhe("div",{...t,className:l(e.className,nF),children:e.children})};pk.states=Che;pk.options=She;pk.className=nF;pk.defaultOptions=Ehe;pk.moduleName=YT;pk.folderName=pA;import{Fragment as Ihe,jsx as mk,jsxs as Mhe}from"react/jsx-runtime";var dF=e=>mk(Mn,{children:Mhe(Ihe,{children:[mk($c,{}),mk(ep,{}),mk(op,{selection:mk("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}),mk(tp,{})]}),...e});import{Fragment as Bhe,jsx as uk,jsxs as Phe}from"react/jsx-runtime";var T5t=e=>uk(Mn,{children:Phe(Bhe,{children:[uk($c,{}),uk(ep,{formulaExpanded:!0}),uk(op,{selection:uk("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}),uk(tp,{})]}),...e});import{jsx as GT,jsxs as Ghe}from"react/jsx-runtime";var Dhe={},Rhe=[],Ohe=[],Khe={},Yhe=[],bk=()=>Ghe(dF,{style:{height:"415px",width:"80%"},children:[GT($c,{}),GT(ep,{}),GT(op,{selection:GT("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}),GT(tp,{})]});bk.options=Dhe;bk.states=Rhe;bk.variants=Ohe;bk.defaultOptions=Khe;bk.modifiers=Yhe;bk.className=Mn.className;import{jsx as cF,jsxs as Whe}from"react/jsx-runtime";var pF="k-pivotgrid-configurator-button",Hhe=[],Fhe={},zhe={},Fb=e=>{let{...t}=e;return cF("div",{...t,className:l(e.className,pF),"aria-hidden":"true",children:Whe("span",{children:["Change settings",cF(f,{icon:"gear"})]})})};Fb.states=Hhe;Fb.options=Fhe;Fb.className=pF;Fb.defaultOptions=zhe;var mF=Fb;import Vhe from"react";var hB="pivotgrid",uF=hB;import{jsx as ap,jsxs as bF}from"react/jsx-runtime";var fF="k-pivotgrid",Qhe=[],Xhe={},mA={emptyCell:ap("div",{className:"k-pivotgrid-empty-cell",role:"none",children:ap("table",{role:"none",children:ap("thead",{role:"none",children:ap("tr",{role:"none",children:ap("th",{"aria-colspan":1,"aria-rowspan":1,id:b("pivotgrid-empty"),children:ap("span",{className:"k-sr-only",children:"PivotGrid component. Use the arrow keys to navigate."})})})})})}),configuratorDisplay:"none",configuratorPosition:"right"},Gs=e=>{let{emptyCell:t=mA.emptyCell,configuratorDisplay:o=mA.configuratorDisplay,configuratorPosition:r=mA.configuratorPosition,configurator:i,columnHeaders:c,rowHeaders:p,children:h,...x}=e;return bF("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:[bF("div",{...x,className:l(e.className,fF),role:"grid",children:[t,ap("div",{className:"k-pivotgrid-column-headers",role:"none",children:c}),ap("div",{className:"k-pivotgrid-row-headers",role:"none",children:p}),ap("div",{className:"k-pivotgrid-values",role:"none",children:h})]}),i&&o==="opened"&&i,i&&o==="closed"&&Vhe.cloneElement(i,{"aria-hidden":"true"}),o!=="none"&&ap(mF,{})]})};Gs.states=Qhe;Gs.options=Xhe;Gs.className=fF;Gs.defaultOptions=mA;Gs.moduleName=hB;Gs.folderName=uF;Gs.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."}]};import{jsx as jhe}from"react/jsx-runtime";var hF="k-pivotgrid-table",Zhe=[],Uhe={},Jhe={},Ed=e=>{let{children:t,...o}=e;return jhe("table",{...o,className:l(e.className,hF),children:t})};Ed.states=Zhe;Ed.options=Uhe;Ed.className=hF;Ed.defaultOptions=Jhe;import{jsx as ege}from"react/jsx-runtime";var gF="k-pivotgrid-tbody",qhe=[],_he={},$he={},Ld=e=>{let{children:t,...o}=e;return ege("tbody",{...o,className:l(e.className,gF),children:t})};Ld.states=qhe;Ld.options=_he;Ld.className=gF;Ld.defaultOptions=$he;import{jsx as rge}from"react/jsx-runtime";var gB="k-pivotgrid-row",tge=[m.hover,m.selected],oge={},age={},yo=e=>{let{columnTotal:t,children:o,hover:r,selected:i,...c}=e;return rge("tr",{...c,className:l(e.className,gB,{"k-pivotgrid-column-total":t},L(gB,{hover:r,selected:i})),children:o})};yo.states=tge;yo.options=oge;yo.className=gB;yo.defaultOptions=age;import{jsx as kB,jsxs as nge}from"react/jsx-runtime";var xB="k-pivotgrid-cell",lge=[m.focus,m.selected],ige={},sge={},De=e=>{let{as:t="td",toggle:o,headerTitle:r,content:i,headerRootCell:c,totalCell:p,headerTotalCell:h,rowTotalCell:x,focus:v,selected:w,...A}=e,N={up:"up",down:"down"};return nge(t,{...A,className:l(e.className,xB,{"k-pivotgrid-expanded":o==="up","k-pivotgrid-header-root":c,"k-pivotgrid-total":p,"k-pivotgrid-header-total":h,"k-pivotgrid-row-total":x},L(xB,{focus:v,selected:w})),children:[o&&kB(f,{className:"k-pivotgrid-toggle",icon:`chevron-${N[o]}`}),r&&kB("span",{className:"k-pivotgrid-header-title",children:r}),(i||i==="")&&kB("span",{className:"k-pivotgrid-content",children:i})]})};De.states=lge;De.options=ige;De.className=xB;De.defaultOptions=sge;import{Fragment as mge,jsx as zb,jsxs as kF}from"react/jsx-runtime";var uA="k-pivotgrid-configurator",dge=[],cge={},pge=kF(mge,{children:[zb(d,{children:"Cancel"}),zb(d,{themeColor:"primary",children:"Apply"})]}),HT={orientation:"vertical",mode:"push",actionButtons:pge,header:"Settings"},Id=e=>{let{orientation:t=HT.orientation,mode:o=HT.mode,actionButtons:r=HT.actionButtons,header:i=HT.header,headerId:c,children:p,...h}=e,x=c||b("pivotgrid-configurator-header");return zb("div",{...h,className:l(e.className,uA),role:"dialog","aria-labelledby":x,children:kF("div",{className:l("k-pivotgrid-configurator-panel",{[`${uA}-${t}`]:t,[`${uA}-${o}`]:o}),children:[zb("div",{className:"k-pivotgrid-configurator-header",children:zb("div",{className:"k-pivotgrid-configurator-header-text",id:x,children:i})}),zb("div",{className:"k-pivotgrid-configurator-content",children:p}),zb(Be,{alignment:"end",className:"k-pivotgrid-configurator-actions",children:r})]})})};Id.states=dge;Id.options=cge;Id.className=uA;Id.defaultOptions=HT;import{Fragment as vF,jsx as oc,jsxs as fA}from"react/jsx-runtime";var xF="k-calculated-field",uge=[],bge={},fge=fA(vF,{children:[oc(f,{icon:"sum"}),oc(ae,{value:"SUM"}),oc("span",{className:"k-spacer"}),oc(f,{icon:"eye"}),oc(ae,{value:"Default"})]}),bA={headerContent:oc("div",{className:"k-calculated-field-header-text",children:"Date.Calendar"}),headerActions:oc(d,{fillMode:"flat",icon:"x"}),fieldActions:fge},hA=e=>{let{headerContent:t=bA.headerContent,headerActions:o=bA.headerActions,fieldActions:r=bA.fieldActions,children:i,...c}=e;return fA("div",{...c,className:l(e.className,xF),children:[fA("div",{className:"k-calculated-field-header",children:[t,o&&fA(vF,{children:[oc("span",{className:"k-spacer"}),oc("div",{className:"k-calculated-field-header-actions",children:o})]})]}),i&&oc("div",{className:"k-calculated-field-content",children:i}),oc("div",{className:"k-calculated-field-actions",children:r})]})};hA.states=uge;hA.options=bge;hA.className=xF;hA.defaultOptions=bA;import{jsx as _e,jsxs as mr}from"react/jsx-runtime";var ku=e=>{let t=b("pivotgrid-empty"),o=b("ch"),r=b("ch"),i=b("ch"),c=b("ch"),p=b("ch"),h=b("ch"),x=b("ch"),v=[];for(let w=0;w<6;w++){v[w]=[];for(let A=0;A<3;A++)v[w][A]=b("dc")}return _e(Gs,{style:{gridTemplateRows:"111px 1fr",gridTemplateColumns:"369px 1fr"},emptyCell:_e("div",{className:"k-pivotgrid-empty-cell",role:"none",children:_e("table",{role:"none",children:_e("thead",{role:"none",children:_e("tr",{role:"none",children:_e("th",{id:t,children:_e("span",{className:"k-sr-only",children:"PivotGrid component. Use the arrow keys to navigate."})})})})})}),columnHeaders:mr(Ed,{role:"none",children:[mr("colgroup",{children:[_e("col",{width:"200"}),_e("col",{width:"200"}),_e("col",{width:"200"})]}),mr(Ld,{role:"rowgroup",children:[mr(yo,{role:"row","aria-owns":`${t} ${o} ${r}`,children:[_e(De,{as:"th",colSpan:2,toggle:"up",headerTitle:"Categories",headerRootCell:!0,role:"columnheader","aria-expanded":"true",id:o}),_e(De,{as:"th",colSpan:1,rowSpan:2,headerTitle:"Categories",headerRootCell:!0,headerTotalCell:!0,role:"columnheader",id:r})]}),mr(yo,{role:"row",children:[_e(De,{as:"th",colSpan:1,headerTitle:"Seafood",role:"columnheader",id:i}),_e(De,{as:"th",colSpan:1,headerTitle:"Beverages",role:"columnheader",id:c})]}),mr(yo,{role:"row",children:[_e(De,{as:"th",colSpan:1,toggle:"down",headerTitle:"Products",headerRootCell:!0,role:"columnheader","aria-expanded":"false",id:p}),_e(De,{as:"th",colSpan:1,toggle:"down",headerTitle:"Products",headerRootCell:!0,role:"columnheader","aria-expanded":"false",id:h}),_e(De,{as:"th",colSpan:1,headerTitle:"Products",headerRootCell:!0,headerTotalCell:!0,role:"columnheader",id:x})]})]})]}),rowHeaders:mr(Ed,{role:"none",children:[mr("colgroup",{children:[_e("col",{}),_e("col",{}),_e("col",{})]}),mr(Ld,{role:"rowgroup",children:[mr(yo,{role:"row","aria-owns":`${v[0][0]} ${v[0][1]} ${v[0][2]}`,children:[_e(De,{as:"th",colSpan:1,rowSpan:5,toggle:"up",headerTitle:"Regions",headerRootCell:!0,role:"rowheader","aria-expanded":"true"}),_e(De,{as:"th",colSpan:1,headerTitle:"South America",role:"rowheader"}),_e(De,{as:"th",colSpan:1,rowSpan:1,toggle:"down",headerTitle:"Countries",headerRootCell:!0,role:"rowheader","aria-expanded":"false"})]}),mr(yo,{role:"row","aria-owns":`${v[1][0]} ${v[1][1]} ${v[1][2]}`,children:[_e(De,{as:"th",colSpan:1,headerTitle:"North America",role:"rowheader"}),_e(De,{as:"th",colSpan:1,rowSpan:1,toggle:"down",headerTitle:"Countries",headerRootCell:!0,role:"rowheader","aria-expanded":"false"})]}),mr(yo,{role:"row","aria-owns":`${v[2][0]} ${v[2][1]} ${v[2][2]}`,children:[_e(De,{as:"th",colSpan:1,headerTitle:"Europe",role:"rowheader"}),_e(De,{as:"th",colSpan:1,rowSpan:1,toggle:"down",headerTitle:"Countries",headerRootCell:!0,role:"rowheader","aria-expanded":"false"})]}),mr(yo,{role:"row","aria-owns":`${v[3][0]} ${v[3][1]} ${v[3][2]}`,children:[_e(De,{as:"th",colSpan:1,headerTitle:"Asia",role:"rowheader"}),_e(De,{as:"th",colSpan:1,rowSpan:1,toggle:"down",headerTitle:"Countries",headerRootCell:!0,role:"rowheader","aria-expanded":"false"})]}),mr(yo,{role:"row","aria-owns":`${v[4][0]} ${v[4][1]} ${v[4][2]}`,children:[_e(De,{as:"th",colSpan:1,headerTitle:"Africa",role:"rowheader"}),_e(De,{as:"th",colSpan:1,rowSpan:1,toggle:"down",headerTitle:"Countries",headerRootCell:!0,role:"rowheader","aria-expanded":"false"})]}),mr(yo,{role:"row","aria-owns":`${v[5][0]} ${v[5][1]} ${v[5][2]}`,children:[_e(De,{as:"th",colSpan:2,headerTitle:"Regions",headerRootCell:!0,headerTotalCell:!0,role:"rowheader"}),_e(De,{as:"th",colSpan:1,rowSpan:1,headerTitle:"Countries",headerRootCell:!0,headerTotalCell:!0,role:"rowheader"})]})]})]}),children:mr(Ed,{role:"none",children:[mr("colgroup",{children:[_e("col",{width:"200"}),_e("col",{width:"200"}),_e("col",{width:"200"})]}),mr(Ld,{role:"none",children:[mr(yo,{role:"none",children:[_e(De,{as:"td",role:"gridcell",colSpan:1,content:"1847.00",id:v[0][0],"aria-describedby":`${i} ${o} ${p}`}),_e(De,{as:"td",role:"gridcell",colSpan:1,content:"1488.00",id:v[0][1],"aria-describedby":`${c} ${o} ${h}`}),_e(De,{as:"td",role:"gridcell",colSpan:1,content:"3335.00",totalCell:!0,id:v[0][2],"aria-describedby":`${r} ${x}`})]}),mr(yo,{role:"none",children:[_e(De,{as:"td",role:"gridcell",colSpan:1,content:"1998.00",id:v[1][0],"aria-describedby":`${i} ${o} ${p}`}),_e(De,{as:"td",role:"gridcell",colSpan:1,content:"1406.00",id:v[1][1],"aria-describedby":`${c} ${o} ${h}`}),_e(De,{as:"td",role:"gridcell",colSpan:1,content:"3404.00",totalCell:!0,id:v[1][2],"aria-describedby":`${r} ${x}`})]}),mr(yo,{role:"none",children:[_e(De,{as:"td",role:"gridcell",colSpan:1,content:"2065.00",id:v[2][0],"aria-describedby":`${i} ${o} ${p}`}),_e(De,{as:"td",role:"gridcell",colSpan:1,content:"1242.00",id:v[2][1],"aria-describedby":`${c} ${o} ${h}`}),_e(De,{as:"td",role:"gridcell",colSpan:1,content:"3307.00",totalCell:!0,id:v[2][2],"aria-describedby":`${r} ${x}`})]}),mr(yo,{role:"none",children:[_e(De,{as:"td",role:"gridcell",colSpan:1,content:"1830.00",id:v[3][0],"aria-describedby":`${i} ${o} ${p}`}),_e(De,{as:"td",role:"gridcell",colSpan:1,content:"1579.00",id:v[3][1],"aria-describedby":`${c} ${o} ${h}`}),_e(De,{as:"td",role:"gridcell",colSpan:1,content:"3409.00",totalCell:!0,id:v[3][2],"aria-describedby":`${r} ${x}`})]}),mr(yo,{role:"none",children:[_e(De,{as:"td",role:"gridcell",colSpan:1,content:"2005.00",id:v[4][0],"aria-describedby":`${i} ${o} ${p}`}),_e(De,{as:"td",role:"gridcell",colSpan:1,content:"1441.00",id:v[4][1],"aria-describedby":`${c} ${o} ${h}`}),_e(De,{as:"td",role:"gridcell",colSpan:1,content:"3446.00",totalCell:!0,id:v[4][2],"aria-describedby":`${r} ${x}`})]}),mr(yo,{role:"none",children:[_e(De,{as:"td",role:"gridcell",colSpan:1,content:"9745.00",totalCell:!0,id:v[5][0],"aria-describedby":`${i} ${o} ${p}`}),_e(De,{as:"td",role:"gridcell",colSpan:1,content:"7156.00",totalCell:!0,id:v[5][1],"aria-describedby":`${c} ${o} ${h}`}),_e(De,{as:"td",role:"gridcell",colSpan:1,content:"16901.00",totalCell:!0,id:v[5][2],"aria-describedby":`${r} ${x}`})]})]})]}),...e})};import{jsx as TF}from"react/jsx-runtime";var DXt=e=>TF(ku,{configurator:TF(Id,{}),configuratorDisplay:"closed",...e});import{Fragment as fk,jsx as Io,jsxs as rp}from"react/jsx-runtime";var WXt=({formOrientation:e="vertical",...t})=>{let o=b("pivotgrid-configurator-header"),r=b("pivotgrid-label"),i=b("pivotgrid-label"),c=b("pivotgrid-label"),p=b("pivotgrid-label");return Io(ku,{configurator:Io(Id,{headerId:o,actionButtons:rp(fk,{children:[Io(d,{children:"Cancel"}),Io(d,{themeColor:"primary",children:"Apply"})]}),children:rp(wo,{orientation:e,children:[Io("div",{className:"k-form-field",children:Io("label",{className:"k-label",id:r,children:"Fields"})}),Io("div",{className:"k-form-field",children:Io("div",{className:"k-fields-list-wrapper",children:rp(ft,{"aria-labelledby":`${o} ${r}`,children:[Io(O,{checked:!0,showCheckbox:!0,text:"Category"}),Io(O,{checked:!0,showCheckbox:!0,text:"Product"}),Io(O,{checked:!0,showCheckbox:!0,text:"Region"}),Io(O,{checked:!0,showCheckbox:!0,text:"Country"}),Io(O,{hasChildren:!0,text:"Measures"})]})})}),Io("div",{className:"k-form-field",children:Io("label",{className:"k-label",id:i,children:"Columns"})}),rp(Dt,{className:"k-column-fields","aria-labelledby":`${o} ${i}`,children:[Io(Qe,{role:"option",text:"Category",actions:rp(fk,{children:[Io(Ve,{type:"more"}),Io(Ve,{type:"remove"})]})}),Io(Qe,{role:"option",text:"Product",actions:rp(fk,{children:[Io(Ve,{type:"more"}),Io(Ve,{type:"remove"})]})})]}),Io("div",{className:"k-form-field",children:Io("label",{className:"k-label",id:c,children:"Rows"})}),rp(Dt,{className:"k-row-fields","aria-labelledby":`${o} ${c}`,children:[Io(Qe,{role:"option",text:"Region",actions:rp(fk,{children:[Io(Ve,{type:"more"}),Io(Ve,{type:"remove"})]})}),Io(Qe,{role:"option",text:"Country",actions:rp(fk,{children:[Io(Ve,{type:"more"}),Io(Ve,{type:"remove"})]})})]}),Io("div",{className:"k-form-field",children:Io("label",{className:"k-label",id:p,children:"Values"})}),Io(Dt,{className:"k-filter-fields","aria-labelledby":`${o} ${p}`,children:Io(Qe,{role:"option",text:"Total",actions:rp(fk,{children:[Io(Ve,{type:"more"}),Io(Ve,{type:"remove"})]})})})]})}),configuratorDisplay:"opened",...t})};import{Fragment as vB,jsx as Oa,jsxs as hk}from"react/jsx-runtime";var _Xt=({formOrientation:e="vertical",...t})=>{let o=b("pivotgrid-configurator-header"),r=b("pivotgrid-label"),i=b("pivotgrid-label"),c=b("pivotgrid-label"),p=b("pivotgrid-label");return Oa(ku,{configurator:Oa(Id,{headerId:o,actionButtons:hk(vB,{children:[Oa(d,{children:"Cancel"}),Oa(d,{themeColor:"primary",ariaDisabled:!0,children:"Apply"})]}),children:hk(wo,{orientation:e,children:[Oa("div",{className:"k-form-field",children:Oa("label",{className:"k-label",id:r,children:"Fields"})}),Oa("div",{className:"k-form-field",children:Oa("div",{className:"k-fields-list-wrapper",children:hk(ft,{"aria-labelledby":`${o} ${r}`,children:[Oa(O,{checked:!0,showCheckbox:!0,text:"Category"}),Oa(O,{checked:!0,showCheckbox:!0,text:"Product"}),Oa(O,{showCheckbox:!0,text:"Region"}),Oa(O,{showCheckbox:!0,text:"Country"}),Oa(O,{hasChildren:!0,text:"Measures"})]})})}),Oa("div",{className:"k-form-field",children:Oa("label",{className:"k-label",id:i,children:"Columns"})}),hk(Dt,{className:"k-column-fields","aria-labelledby":`${o} ${i}`,children:[Oa(Qe,{role:"option",text:"Category",actions:hk(vB,{children:[Oa(Ve,{type:"more"}),Oa(Ve,{type:"remove"})]})}),Oa(Qe,{role:"option",text:"Product",actions:hk(vB,{children:[Oa(Ve,{type:"more"}),Oa(Ve,{type:"remove"})]})})]}),Oa("div",{className:"k-form-field",children:Oa("label",{className:"k-label",id:c,children:"Rows"})}),Oa("div",{className:"k-settings-description",children:"Select some fields to begin setup."}),Oa("div",{className:"k-form-field",children:Oa("label",{className:"k-label",id:p,children:"Values"})}),Oa("div",{className:"k-settings-description",children:"Select some fields to begin setup."})]})}),configuratorDisplay:"opened",...t})};import{Fragment as om,jsx as Oe,jsxs as ar}from"react/jsx-runtime";var hge=Gs.options,gge=Gs.states,wF={...Gs.defaultOptions,variant:"top"},kge=[{name:"top",title:"Top"},{name:"right",title:"Right"},{name:"left",title:"Left"},{name:"bottom",title:"Bottom"}],xge=[{name:"open",title:"Open Settings"}],gk=e=>{let{variant:t,modifiers:o,...r}={...wF,...e},i=Oe(om,{children:ar(Ed,{children:[ar("colgroup",{children:[Oe("col",{}),Oe("col",{})]}),ar(Ld,{children:[ar(yo,{children:[Oe(De,{as:"th",colSpan:1,rowSpan:5,toggle:"up",headerTitle:"Regions",headerRootCell:!0}),Oe(De,{as:"th",colSpan:1,headerTitle:"South America"})]}),Oe(yo,{children:Oe(De,{as:"th",colSpan:1,headerTitle:"North America"})}),Oe(yo,{children:Oe(De,{as:"th",colSpan:1,headerTitle:"Europe"})}),Oe(yo,{children:Oe(De,{as:"th",colSpan:1,headerTitle:"Asia"})}),Oe(yo,{children:Oe(De,{as:"th",colSpan:1,headerTitle:"Africa"})}),Oe(yo,{children:Oe(De,{as:"th",colSpan:2,headerTitle:"Regions",headerRootCell:!0,headerTotalCell:!0})})]})]})}),c=Oe(om,{children:ar(Ed,{children:[ar("colgroup",{children:[Oe("col",{width:"150"}),Oe("col",{width:"150"})]}),ar(Ld,{children:[Oe(yo,{children:Oe(De,{as:"th",colSpan:2,toggle:"up",headerTitle:"Categories",headerRootCell:!0})}),ar(yo,{children:[Oe(De,{as:"th",colSpan:1,headerTitle:"Seafood"}),Oe(De,{as:"th",colSpan:1,headerTitle:"Beverages"})]}),ar(yo,{children:[Oe(De,{as:"th",colSpan:1,toggle:"down",headerTitle:"Products",headerRootCell:!0}),Oe(De,{as:"th",colSpan:1,toggle:"down",headerTitle:"Products",headerRootCell:!0})]})]})]})}),p=Oe(om,{children:ar(Ed,{children:[ar("colgroup",{children:[Oe("col",{width:"150"}),Oe("col",{width:"150"})]}),ar(Ld,{children:[ar(yo,{children:[Oe(De,{as:"td",colSpan:1,content:"1847.00"}),Oe(De,{as:"td",colSpan:1,content:"1488.00"})]}),ar(yo,{children:[Oe(De,{as:"td",colSpan:1,content:"1998.00"}),Oe(De,{as:"td",colSpan:1,content:"1406.00"})]}),ar(yo,{children:[Oe(De,{as:"td",colSpan:1,content:"2065.00"}),Oe(De,{as:"td",colSpan:1,content:"1242.00"})]}),ar(yo,{children:[Oe(De,{as:"td",colSpan:1,content:"1830.00"}),Oe(De,{as:"td",colSpan:1,content:"1579.00"})]}),ar(yo,{children:[Oe(De,{as:"td",colSpan:1,content:"2005.00"}),Oe(De,{as:"td",colSpan:1,content:"1441.00"})]}),ar(yo,{children:[Oe(De,{as:"td",colSpan:1,content:"9745.00",totalCell:!0}),Oe(De,{as:"td",colSpan:1,content:"7156.00",totalCell:!0})]})]})]})}),h=Oe(om,{children:Oe(Id,{mode:"overlay",children:ar(wo,{className:"k-form-horizontal",children:[Oe("div",{className:"k-form-field",children:Oe("label",{className:"k-label",children:"Fields"})}),Oe("div",{className:"k-form-field",children:Oe("div",{className:"k-fields-list-wrapper",children:ar(ft,{children:[Oe(O,{checked:!0,showCheckbox:!0,text:"Category"}),Oe(O,{checked:!0,showCheckbox:!0,text:"Product"})]})})}),Oe("div",{className:"k-form-field",children:Oe("label",{className:"k-label",children:"Columns"})}),ar(Dt,{className:"k-column-fields",children:[Oe(Qe,{text:"Category",actions:ar(om,{children:[Oe(Ve,{type:"more"}),Oe(Ve,{type:"remove"})]})}),Oe(Qe,{text:"Product",actions:ar(om,{children:[Oe(Ve,{type:"more"}),Oe(Ve,{type:"remove"})]})})]}),Oe("div",{className:"k-form-field",children:Oe("label",{className:"k-label",children:"Rows"})}),Oe(Dt,{className:"k-row-fields",children:Oe(Qe,{text:"Region",actions:ar(om,{children:[Oe(Ve,{type:"more"}),Oe(Ve,{type:"remove"})]})})})]})})}),x=Oe(om,{});Object.keys(o||{}).forEach(A=>{A==="open"&&(x=o?.[A]?h:Oe(om,{}))});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"},w=v[t]||v.right;return ar("div",{className:w,children:[Oe(ku,{rowHeaders:i,columnHeaders:c,children:p,style:{gridTemplateRows:"111px 1fr",gridTemplateColumns:"236px 1fr"},...r}),x,Oe(Fb,{})]})};gk.options=hge;gk.states=gge;gk.variants=kge;gk.defaultOptions=wF;gk.modifiers=xge;gk.className=Gs.className;var TB="treelist",NF=TB;import{jsx as Nge}from"react/jsx-runtime";var yF="k-treelist",vge=[],Tge={},wge={},no=e=>Nge(Pe,{...e,ariaRole:"treegrid",className:l(yF,e.className),children:e.children});no.states=vge;no.options=Tge;no.className=yF;no.defaultOptions=wge;no.moduleName=TB;no.folderName=NF;no.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."}]};import{jsx as oo,jsxs as li}from"react/jsx-runtime";var Wb=({gridHeader:e,gridContent:t,menu:o,...r})=>{let i=b("treelist");return li(no,{id:b("treelist"),_renderAriaRoot:!0,ariaRootId:i,ariaColCount:3,ariaRowCount:6,...r,children:[e||oo(ve,{children:oo("div",{className:"k-grid-header-wrap",children:li(he,{role:"none",children:[li("colgroup",{children:[oo("col",{}),oo("col",{}),oo("col",{})]}),oo(ne,{role:"rowgroup",children:li(k,{role:"row","aria-rowindex":1,children:[oo(M,{menu:o,columnTitle:"Name",role:"columnheader","aria-sort":"ascending","aria-colindex":1,...o?{"aria-haspopup":"dialog"}:{}}),oo(M,{menu:o,columnTitle:"Position",role:"columnheader","aria-colindex":2,...o?{"aria-haspopup":"dialog"}:{}}),oo(M,{menu:o,columnTitle:"Hire Date",role:"columnheader","aria-colindex":3,...o?{"aria-haspopup":"dialog"}:{}})]})})]})})}),oo(Ne,{children:t||oo(ge,{children:li(de,{role:"none",children:[li("colgroup",{children:[oo("col",{}),oo("col",{}),oo("col",{})]}),li(ee,{role:"rowgroup",children:[li(k,{role:"row","aria-rowindex":2,"aria-expanded":"true",children:[li(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[oo(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Daryl"]}),oo(n,{role:"gridcell","aria-colindex":2,children:"Sweeney"}),oo(n,{role:"gridcell","aria-colindex":3,children:"CEO"})]}),li(k,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"true",children:[li(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[oo(f,{className:"k-treelist-toggle",icon:"none"}),oo(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Guy"]}),oo(n,{role:"gridcell","aria-colindex":2,children:"Wooten"}),oo(n,{role:"gridcell","aria-colindex":3,children:"Chief Technical Officer"})]}),li(k,{role:"row","aria-rowindex":4,"aria-expanded":"true",children:[li(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[oo(f,{className:"k-treelist-toggle",icon:"none"}),oo(f,{className:"k-treelist-toggle",icon:"none"}),oo(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Buffy"]}),oo(n,{role:"gridcell","aria-colindex":2,children:"Weber"}),oo(n,{role:"gridcell","aria-colindex":3,children:"VP, Engineering"})]}),li(k,{role:"row",alt:!0,"aria-rowindex":5,"aria-expanded":"true",children:[li(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[oo(f,{className:"k-treelist-toggle",icon:"none"}),oo(f,{className:"k-treelist-toggle",icon:"none"}),oo(f,{className:"k-treelist-toggle",icon:"none"}),oo(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Hyacinth"]}),oo(n,{role:"gridcell","aria-colindex":2,children:"Hood"}),oo(n,{role:"gridcell","aria-colindex":3,children:"Team Lead"})]}),li(k,{role:"row","aria-rowindex":6,children:[li(n,{role:"gridcell","aria-colindex":1,children:[oo(f,{className:"k-treelist-toggle",icon:"none"}),oo(f,{className:"k-treelist-toggle",icon:"none"}),oo(f,{className:"k-treelist-toggle",icon:"none"}),oo(f,{className:"k-treelist-toggle",icon:"none"}),oo(f,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),oo(n,{role:"gridcell","aria-colindex":2,children:"Carr"}),oo(n,{role:"gridcell","aria-colindex":3,children:"Junior Software Developer"})]})]})]})})})]})};import{jsx as yge}from"react/jsx-runtime";var AF=e=>yge(Wb,{menu:"column",...e});import{Fragment as CF,jsx as ur,jsxs as Md}from"react/jsx-runtime";var $Zt=({...e})=>{let t=b("treelist"),o=b("treelist-colmenu-popup");return Md(CF,{children:[ur(no,{_renderAriaRoot:!0,ariaRootId:t,ariaColCount:3,ariaRowCount:4,children:Md(CF,{children:[ur(ve,{children:ur("div",{className:"k-grid-header-wrap",children:Md(he,{role:"none",children:[Md("colgroup",{children:[ur("col",{}),ur("col",{}),ur("col",{})]}),ur(ne,{role:"rowgroup",children:Md(k,{role:"row","aria-rowindex":1,children:[ur(M,{menu:"column",columnTitle:"Name",filterable:!0,role:"columnheader","aria-colindex":1,"aria-haspopup":"dialog","aria-expanded":"true","aria-controls":o}),ur(M,{menu:"column",columnTitle:"Position",filterable:!0,role:"columnheader","aria-colindex":2,"aria-haspopup":"dialog"}),ur(M,{menu:"column",columnTitle:"Hire Date",filterable:!0,role:"columnheader","aria-colindex":3,"aria-haspopup":"dialog"})]})})]})})}),ur(Ne,{children:ur(ge,{children:Md(de,{role:"none",children:[Md("colgroup",{children:[ur("col",{}),ur("col",{}),ur("col",{})]}),Md(ee,{role:"rowgroup",children:[Md(k,{role:"row","aria-rowindex":2,"aria-expanded":"true",children:[Md(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[ur(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Daryl Sweeney"]}),ur(n,{role:"gridcell","aria-colindex":2,children:"CEO"}),ur(n,{role:"gridcell","aria-colindex":3,children:"February 7, 2012"})]}),Md(k,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"false",children:[Md(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"false",children:[ur(f,{className:"k-treelist-toggle",icon:"none"}),ur(f,{className:"k-treelist-toggle",icon:"chevron-right"}),"Guy Wooten"]}),ur(n,{role:"gridcell","aria-colindex":2,children:"Chief Technical Officer"}),ur(n,{role:"gridcell","aria-colindex":3,children:"March 3, 2010"})]})]})]})})})]}),...e}),ur(Ce,{className:"k-grid-columnmenu-popup",id:o,role:"dialog","aria-label":"Name Column Menu",children:ur(Yy,{})})]})};import{jsx as Age}from"react/jsx-runtime";var SF=e=>Age(Wb,{menu:"filter",...e});import{Fragment as EF,jsx as br,jsxs as Bd}from"react/jsx-runtime";var mUt=({...e})=>{let t=b("treelist"),o=b("treelist-filter-popup");return Bd(EF,{children:[br(no,{_renderAriaRoot:!0,ariaRootId:t,ariaColCount:3,ariaRowCount:4,children:Bd(EF,{children:[br(ve,{children:br("div",{className:"k-grid-header-wrap",children:Bd(he,{role:"none",children:[Bd("colgroup",{children:[br("col",{}),br("col",{}),br("col",{})]}),br(ne,{role:"rowgroup",children:Bd(k,{role:"row","aria-rowindex":1,children:[br(M,{menu:"filter",columnTitle:"Name",role:"columnheader","aria-colindex":1,"aria-haspopup":"dialog","aria-expanded":"true","aria-controls":o}),br(M,{menu:"filter",columnTitle:"Position",role:"columnheader","aria-colindex":2,"aria-haspopup":"dialog"}),br(M,{menu:"filter",columnTitle:"Hire Date",role:"columnheader","aria-colindex":3,"aria-haspopup":"dialog"})]})})]})})}),br(Ne,{children:br(ge,{children:Bd(de,{role:"none",children:[Bd("colgroup",{children:[br("col",{}),br("col",{}),br("col",{})]}),Bd(ee,{role:"rowgroup",children:[Bd(k,{role:"row","aria-rowindex":2,"aria-expanded":"true",children:[Bd(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[br(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Daryl Sweeney"]}),br(n,{role:"gridcell","aria-colindex":2,children:"CEO"}),br(n,{role:"gridcell","aria-colindex":3,children:"February 7, 2012"})]}),Bd(k,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"false",children:[Bd(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"false",children:[br(f,{className:"k-treelist-toggle",icon:"none"}),br(f,{className:"k-treelist-toggle",icon:"chevron-right"}),"Guy Wooten"]}),br(n,{role:"gridcell","aria-colindex":2,children:"Chief Technical Officer"}),br(n,{role:"gridcell","aria-colindex":3,children:"March 3, 2010"})]})]})]})})})]}),...e}),br(Ce,{className:"k-grid-filter-popup",id:o,role:"dialog","aria-label":"Name Filter Menu",children:br(Gy,{})})]})};import{Fragment as Cge,jsx as fr,jsxs as ac}from"react/jsx-runtime";var TUt=({...e})=>{let t=b("treelist");return fr(no,{_renderAriaRoot:!0,ariaRootId:t,ariaColCount:3,ariaRowCount:4,toolbar:fr(Qi,{role:"toolbar","aria-label":"TreeList toolbar","aria-controls":t,children:fr(d,{children:"Add new record"})}),children:ac(Cge,{children:[fr(ve,{children:fr("div",{className:"k-grid-header-wrap",children:ac(he,{role:"none",children:[ac("colgroup",{children:[fr("col",{}),fr("col",{}),fr("col",{})]}),fr(ne,{role:"rowgroup",children:ac(k,{role:"row","aria-rowindex":1,children:[fr(M,{columnTitle:"Name",role:"columnheader","aria-colindex":1}),fr(M,{columnTitle:"Position",role:"columnheader","aria-colindex":2}),fr(M,{columnTitle:"Hire Date",role:"columnheader","aria-colindex":3})]})})]})})}),fr(Ne,{children:fr(ge,{children:ac(de,{role:"none",children:[ac("colgroup",{children:[fr("col",{}),fr("col",{}),fr("col",{})]}),ac(ee,{role:"rowgroup",children:[ac(k,{role:"row","aria-rowindex":2,"aria-expanded":"true",children:[ac(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[fr(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Daryl Sweeney"]}),fr(n,{role:"gridcell","aria-colindex":2,children:"CEO"}),fr(n,{role:"gridcell","aria-colindex":3,children:"February 7, 2012"})]}),ac(k,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"false",children:[ac(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"false",children:[fr(f,{className:"k-treelist-toggle",icon:"none"}),fr(f,{className:"k-treelist-toggle",icon:"chevron-right"}),"Guy Wooten"]}),fr(n,{role:"gridcell","aria-colindex":2,children:"Chief Technical Officer"}),fr(n,{role:"gridcell","aria-colindex":3,children:"March 3, 2010"})]})]})]})})})]}),...e})};import{jsx as it,jsxs as ii}from"react/jsx-runtime";var LF=({gridHeader:e,gridContent:t,menu:o,...r})=>{let i=b("treelist");return ii(no,{id:b("treelist"),_renderAriaRoot:!0,ariaRootId:i,ariaColCount:4,ariaRowCount:6,...r,children:[e||it(ve,{children:it("div",{className:"k-grid-header-wrap",children:ii(he,{role:"none",children:[ii("colgroup",{children:[it("col",{className:"k-drag-col"}),it("col",{}),it("col",{}),it("col",{})]}),it(ne,{role:"rowgroup",children:ii(k,{role:"row","aria-rowindex":1,children:[it(M,{role:"columnheader",accessibleLabel:"Drag column"}),it(M,{menu:o,columnTitle:"First Name",role:"columnheader","aria-colindex":2}),it(M,{menu:o,columnTitle:"Last Name",role:"columnheader","aria-colindex":3}),it(M,{menu:o,columnTitle:"Position",role:"columnheader","aria-colindex":4})]})})]})})}),it(Ne,{children:t||it(ge,{children:ii(de,{role:"none",children:[ii("colgroup",{children:[it("col",{className:"k-drag-col"}),it("col",{}),it("col",{}),it("col",{})]}),ii(ee,{role:"rowgroup",children:[ii(k,{role:"row","aria-rowindex":2,"aria-expanded":"true",children:[it(n,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:it(f,{icon:"reorder"})}),ii(n,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[it(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Daryl"]}),it(n,{role:"gridcell","aria-colindex":3,children:"Sweeney"}),it(n,{role:"gridcell","aria-colindex":4,children:"CEO"})]}),ii(k,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"true",children:[it(n,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:it(f,{icon:"reorder"})}),ii(n,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[it(f,{className:"k-treelist-toggle",icon:"none"}),it(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Guy"]}),it(n,{role:"gridcell","aria-colindex":3,children:"Wooten"}),it(n,{role:"gridcell","aria-colindex":4,children:"Chief Technical Officer"})]}),ii(k,{role:"row","aria-rowindex":4,"aria-expanded":"true",children:[it(n,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:it(f,{icon:"reorder"})}),ii(n,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[it(f,{className:"k-treelist-toggle",icon:"none"}),it(f,{className:"k-treelist-toggle",icon:"none"}),it(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Buffy"]}),it(n,{role:"gridcell","aria-colindex":3,children:"Weber"}),it(n,{role:"gridcell","aria-colindex":4,children:"VP, Engineering"})]}),ii(k,{role:"row",alt:!0,"aria-rowindex":5,"aria-expanded":"true",children:[it(n,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:it(f,{icon:"reorder"})}),ii(n,{role:"gridcell","aria-colindex":2,"aria-expanded":"true",children:[it(f,{className:"k-treelist-toggle",icon:"none"}),it(f,{className:"k-treelist-toggle",icon:"none"}),it(f,{className:"k-treelist-toggle",icon:"none"}),it(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Hyacinth"]}),it(n,{role:"gridcell","aria-colindex":3,children:"Hood"}),it(n,{role:"gridcell","aria-colindex":4,children:"Team Lead"})]}),ii(k,{role:"row","aria-rowindex":6,children:[it(n,{className:"k-drag-cell",role:"gridcell","aria-label":"Reorder",children:it(f,{icon:"reorder"})}),ii(n,{role:"gridcell","aria-colindex":2,children:[it(f,{className:"k-treelist-toggle",icon:"none"}),it(f,{className:"k-treelist-toggle",icon:"none"}),it(f,{className:"k-treelist-toggle",icon:"none"}),it(f,{className:"k-treelist-toggle",icon:"none"}),it(f,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),it(n,{role:"gridcell","aria-colindex":3,children:"Carr"}),it(n,{role:"gridcell","aria-colindex":4,children:"Junior Software Developer"})]})]})]})})})]})};import{jsx as $e,jsxs as Ka}from"react/jsx-runtime";var OUt=({gridHeader:e,gridContent:t,menu:o,...r})=>{let i=b("treelist");return Ka(no,{id:b("treelist"),_renderAriaRoot:!0,ariaRootId:i,ariaColCount:3,ariaRowCount:13,...r,children:[e||$e(ve,{children:$e("div",{className:"k-grid-header-wrap",children:Ka(he,{role:"none",children:[Ka("colgroup",{children:[$e("col",{}),$e("col",{}),$e("col",{})]}),$e(ne,{role:"rowgroup",children:Ka(k,{role:"row","aria-rowindex":1,children:[$e(M,{menu:o,columnTitle:"Name",role:"columnheader","aria-colindex":1}),$e(M,{menu:o,columnTitle:"Position",role:"columnheader","aria-colindex":2}),$e(M,{menu:o,columnTitle:"Hire Date",role:"columnheader","aria-colindex":3})]})})]})})}),$e(Ne,{children:t||$e(ge,{children:Ka(de,{role:"none",children:[Ka("colgroup",{children:[$e("col",{}),$e("col",{}),$e("col",{})]}),Ka(ee,{role:"rowgroup",children:[Ka(k,{role:"row","aria-rowindex":2,"aria-expanded":"true",children:[Ka(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[$e(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Daryl Sweeney"]}),$e(n,{role:"gridcell","aria-colindex":2,children:"CEO"}),$e(n,{role:"gridcell","aria-colindex":3,children:"February 7, 2012"})]}),Ka(k,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"false",children:[Ka(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"false",children:[$e(f,{className:"k-treelist-toggle",icon:"none"}),$e(f,{className:"k-treelist-toggle",icon:"chevron-right"}),"Guy Wooten"]}),$e(n,{role:"gridcell","aria-colindex":2,children:"Chief Technical Officer"}),$e(n,{role:"gridcell","aria-colindex":3,children:"March 3, 2010"})]}),Ka(k,{role:"row","aria-rowindex":4,"aria-expanded":"false",children:[Ka(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"false",children:[$e(f,{className:"k-treelist-toggle",icon:"none"}),$e(f,{className:"k-treelist-toggle",icon:"chevron-right"}),"Priscilla Frank"]}),$e(n,{role:"gridcell","aria-colindex":2,children:"Chief Product Officer"}),$e(n,{role:"gridcell","aria-colindex":3,children:"November 30, 2014"})]}),Ka(k,{role:"row",alt:!0,"aria-rowindex":5,"aria-expanded":"true",children:[Ka(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[$e(f,{className:"k-treelist-toggle",icon:"none"}),$e(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Anika Vega"]}),$e(n,{role:"gridcell","aria-colindex":2,children:"Chief Process Officer"}),$e(n,{role:"gridcell","aria-colindex":3,children:"February 25, 2010"})]}),Ka(k,{role:"row","aria-rowindex":6,"aria-expanded":"false",children:[Ka(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"false",children:[$e(f,{className:"k-treelist-toggle",icon:"none"}),$e(f,{className:"k-treelist-toggle",icon:"none"}),$e(f,{className:"k-treelist-toggle",icon:"chevron-right"}),"Vernon Ballard"]}),$e(n,{role:"gridcell","aria-colindex":2,children:"Director Facilities"}),$e(n,{role:"gridcell","aria-colindex":3,children:"June 26, 2015"})]}),Ka(k,{className:"k-footer-template",role:"row","aria-rowindex":7,children:[Ka(n,{role:"gridcell","aria-colindex":1,children:[$e(f,{className:"k-treelist-toggle",icon:"none"}),$e(f,{className:"k-treelist-toggle",icon:"none"}),$e(f,{className:"k-treelist-toggle",icon:"none"}),"7 employee(s)"]}),$e(n,{role:"gridcell","aria-colindex":2}),$e(n,{role:"gridcell","aria-colindex":3,children:"Last employee hired on July 30, 2015"})]}),Ka(k,{role:"row",alt:!0,"aria-rowindex":8,"aria-expanded":"false",children:[Ka(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"false",children:[$e(f,{className:"k-treelist-toggle",icon:"none"}),$e(f,{className:"k-treelist-toggle",icon:"chevron-right"}),"Nevada Hart"]}),$e(n,{role:"gridcell","aria-colindex":2,children:"Chief Financial Officer"}),$e(n,{role:"gridcell","aria-colindex":3,children:"August 17, 2015"})]}),Ka(k,{role:"row","aria-rowindex":9,"aria-expanded":"false",children:[Ka(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"false",children:[$e(f,{className:"k-treelist-toggle",icon:"none"}),$e(f,{className:"k-treelist-toggle",icon:"chevron-right"}),"Hunter Fry"]}),$e(n,{role:"gridcell","aria-colindex":2,children:"General Counsel"}),$e(n,{role:"gridcell","aria-colindex":3,children:"February 12, 2011"})]}),Ka(k,{className:"k-footer-template",role:"row","aria-rowindex":10,children:[Ka(n,{role:"gridcell","aria-colindex":1,children:[$e(f,{className:"k-treelist-toggle",icon:"none"}),$e(f,{className:"k-treelist-toggle",icon:"none"}),"98 employee(s)"]}),$e(n,{role:"gridcell","aria-colindex":2}),$e(n,{role:"gridcell","aria-colindex":3,children:"Last employee hired on August 17, 2015"})]}),Ka(k,{className:"k-footer-template",role:"row","aria-rowindex":11,children:[Ka(n,{role:"gridcell","aria-colindex":1,children:[$e(f,{className:"k-treelist-toggle",icon:"none"}),"99 employee(s)"]}),$e(n,{role:"gridcell","aria-colindex":2}),$e(n,{role:"gridcell","aria-colindex":3,children:"Last employee hired on August 17, 2015"})]})]})]})})})]})};import{jsx as kt,jsxs as ua}from"react/jsx-runtime";var VUt=({className:e,headerWrapClassName:t,contentClassName:o,...r})=>{let i=b("treelist"),c=b("tl-lc-cell"),p=b("tl-lc-cell"),h=b("tl-lc-cell"),x=b("tl-lc-cell"),v=b("tl-lc-cell"),w=b("tl-lc-cell"),A=b("tl-lc-cell"),N=b("tl-lc-cell"),B=b("tl-lc-cell"),D=b("tl-lc-cell"),z=b("tl-lc-hdr"),U=b("tl-lc-hdr");return ua(no,{id:b("treelist"),className:l("k-grid-lockedcolumns",e),_renderAriaRoot:!0,ariaRootId:i,ariaColCount:4,ariaRowCount:6,...r,children:[ua(ve,{role:"none",children:[kt("div",{className:"k-grid-header-locked",role:"none",style:{width:"400px"},children:ua(he,{role:"none",children:[ua("colgroup",{children:[kt("col",{style:{width:"200px"}}),kt("col",{style:{width:"200px"}})]}),kt(ne,{role:"rowgroup",children:ua(k,{role:"row","aria-rowindex":1,"aria-owns":`${z} ${U}`,children:[kt(M,{columnTitle:"Name",role:"columnheader","aria-sort":"ascending","aria-colindex":1}),kt(M,{columnTitle:"Position",role:"columnheader","aria-colindex":2})]})})]})}),kt("div",{className:l("k-grid-header-wrap",t),role:"none",style:{width:"400px"},children:ua(he,{role:"none",children:[ua("colgroup",{children:[kt("col",{style:{width:"200px"}}),kt("col",{style:{width:"200px"}})]}),kt(ne,{role:"none",children:ua(k,{role:"none",children:[kt(M,{columnTitle:"Hire Date",id:z,role:"columnheader"}),kt(M,{columnTitle:"Department",id:U,role:"columnheader"})]})})]})})]}),ua(Ne,{role:"none",children:[kt("div",{className:"k-grid-content-locked",role:"none",style:{width:"400px",height:"303px"},children:ua(de,{role:"none",children:[ua("colgroup",{children:[kt("col",{style:{width:"200px"}}),kt("col",{style:{width:"200px"}})]}),ua(ee,{role:"rowgroup",children:[ua(k,{className:"k-master-row",role:"row","aria-rowindex":2,"aria-expanded":"true","aria-owns":`${c} ${p}`,children:[ua(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[kt(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Daryl Sweeney"]}),kt(n,{role:"gridcell","aria-colindex":2,children:"CEO"})]}),ua(k,{className:"k-master-row",alt:!0,role:"row","aria-rowindex":3,"aria-expanded":"true","aria-owns":`${h} ${x}`,children:[ua(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[kt(f,{className:"k-treelist-toggle",icon:"none"}),kt(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Guy Wooten"]}),kt(n,{role:"gridcell","aria-colindex":2,children:"CTO"})]}),ua(k,{className:"k-master-row",role:"row","aria-rowindex":4,"aria-expanded":"true","aria-owns":`${v} ${w}`,children:[ua(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[kt(f,{className:"k-treelist-toggle",icon:"none"}),kt(f,{className:"k-treelist-toggle",icon:"none"}),kt(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Buffy Weber"]}),kt(n,{role:"gridcell","aria-colindex":2,children:"VP, Engineering"})]}),ua(k,{className:"k-master-row",alt:!0,role:"row","aria-rowindex":5,"aria-expanded":"true","aria-owns":`${A} ${N}`,children:[ua(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[kt(f,{className:"k-treelist-toggle",icon:"none"}),kt(f,{className:"k-treelist-toggle",icon:"none"}),kt(f,{className:"k-treelist-toggle",icon:"none"}),kt(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Hyacinth Hood"]}),kt(n,{role:"gridcell","aria-colindex":2,children:"Team Lead"})]}),ua(k,{className:"k-master-row",role:"row","aria-rowindex":6,"aria-owns":`${B} ${D}`,children:[ua(n,{role:"gridcell","aria-colindex":1,children:[kt(f,{className:"k-treelist-toggle",icon:"none"}),kt(f,{className:"k-treelist-toggle",icon:"none"}),kt(f,{className:"k-treelist-toggle",icon:"none"}),kt(f,{className:"k-treelist-toggle",icon:"none"}),kt(f,{className:"k-treelist-toggle",icon:"none"}),"Akeem Carr"]}),kt(n,{role:"gridcell","aria-colindex":2,children:"Junior Software Developer"})]})]})]})}),kt(ge,{className:o,role:"none",style:{width:"400px",height:"320px"},children:ua(de,{role:"none",children:[ua("colgroup",{children:[kt("col",{style:{width:"200px"}}),kt("col",{style:{width:"200px"}})]}),ua(ee,{role:"none",children:[ua(k,{className:"k-master-row",role:"none",children:[kt(n,{id:c,role:"gridcell",children:"2010-01-15"}),kt(n,{id:p,role:"gridcell",children:"Executive"})]}),ua(k,{className:"k-master-row",alt:!0,role:"none",children:[kt(n,{id:h,role:"gridcell",children:"2012-06-20"}),kt(n,{id:x,role:"gridcell",children:"Engineering"})]}),ua(k,{className:"k-master-row",role:"none",children:[kt(n,{id:v,role:"gridcell",children:"2014-03-10"}),kt(n,{id:w,role:"gridcell",children:"Engineering"})]}),ua(k,{className:"k-master-row",alt:!0,role:"none",children:[kt(n,{id:A,role:"gridcell",children:"2016-08-05"}),kt(n,{id:N,role:"gridcell",children:"Engineering"})]}),ua(k,{className:"k-master-row",role:"none",children:[kt(n,{id:B,role:"gridcell",children:"2020-11-12"}),kt(n,{id:D,role:"gridcell",children:"Engineering"})]})]})]})})]})]})};import{jsx as aa,jsxs as os}from"react/jsx-runtime";var _Ut=({...e})=>{let t=b("treelist");return os(no,{id:b("treelist"),_renderAriaRoot:!0,ariaRootId:t,ariaColCount:3,ariaRowCount:5,...e,children:[aa(ve,{children:aa("div",{className:"k-grid-header-wrap",children:os(he,{role:"none",children:[os("colgroup",{children:[aa("col",{}),aa("col",{}),aa("col",{})]}),aa(ne,{role:"rowgroup",children:os(k,{role:"row","aria-rowindex":1,children:[aa(M,{columnTitle:"Name",role:"columnheader","aria-colindex":1}),aa(M,{columnTitle:"Position",role:"columnheader","aria-colindex":2}),aa(M,{columnTitle:"Hire Date",role:"columnheader","aria-colindex":3})]})})]})})}),aa(Ne,{children:aa(ge,{children:os(de,{role:"none",children:[os("colgroup",{children:[aa("col",{}),aa("col",{}),aa("col",{})]}),os(ee,{role:"rowgroup",children:[os(k,{role:"row","aria-rowindex":2,"aria-expanded":"true",selected:!0,"aria-selected":"true",children:[os(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true","aria-selected":"true",children:[aa(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Daryl"]}),aa(n,{role:"gridcell","aria-colindex":2,"aria-selected":"true",children:"Sweeney"}),aa(n,{role:"gridcell","aria-colindex":3,"aria-selected":"true",children:"CEO"})]}),os(k,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"true",children:[os(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[aa(f,{className:"k-treelist-toggle",icon:"none"}),aa(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Guy"]}),aa(n,{role:"gridcell","aria-colindex":2,children:"Wooten"}),aa(n,{role:"gridcell","aria-colindex":3,children:"Chief Technical Officer"})]}),os(k,{role:"row","aria-rowindex":4,children:[os(n,{role:"gridcell","aria-colindex":1,children:[aa(f,{className:"k-treelist-toggle",icon:"none"}),aa(f,{className:"k-treelist-toggle",icon:"none"}),aa(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Buffy"]}),aa(n,{role:"gridcell","aria-colindex":2,children:"Weber"}),aa(n,{role:"gridcell","aria-colindex":3,children:"VP, Engineering"})]}),os(k,{role:"row",alt:!0,"aria-rowindex":5,children:[os(n,{role:"gridcell","aria-colindex":1,children:[aa(f,{className:"k-treelist-toggle",icon:"none"}),aa(f,{className:"k-treelist-toggle",icon:"none"}),aa(f,{className:"k-treelist-toggle",icon:"none"}),"Hyacinth"]}),aa(n,{role:"gridcell","aria-colindex":2,children:"Hood"}),aa(n,{role:"gridcell","aria-colindex":3,children:"Team Lead"})]})]})]})})})]})};import{jsx as ra,jsxs as as}from"react/jsx-runtime";var iJt=({...e})=>{let t=b("treelist");return as(no,{id:b("treelist"),_renderAriaRoot:!0,ariaRootId:t,ariaColCount:3,ariaRowCount:5,...e,children:[ra(ve,{children:ra("div",{className:"k-grid-header-wrap",children:as(he,{role:"none",children:[as("colgroup",{children:[ra("col",{}),ra("col",{}),ra("col",{})]}),ra(ne,{role:"rowgroup",children:as(k,{role:"row","aria-rowindex":1,children:[ra(M,{columnTitle:"Name",role:"columnheader","aria-colindex":1}),ra(M,{columnTitle:"Position",role:"columnheader","aria-colindex":2}),ra(M,{columnTitle:"Hire Date",role:"columnheader","aria-colindex":3})]})})]})})}),ra(Ne,{children:ra(ge,{children:as(de,{role:"none",children:[as("colgroup",{children:[ra("col",{}),ra("col",{}),ra("col",{})]}),as(ee,{role:"rowgroup",children:[as(k,{role:"row","aria-rowindex":2,"aria-expanded":"true",children:[as(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",selected:!0,"aria-selected":"true",children:[ra(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Daryl"]}),ra(n,{role:"gridcell","aria-colindex":2,selected:!0,"aria-selected":"true",children:"Sweeney"}),ra(n,{role:"gridcell","aria-colindex":3,children:"CEO"})]}),as(k,{role:"row",alt:!0,"aria-rowindex":3,"aria-expanded":"true",children:[as(n,{role:"gridcell","aria-colindex":1,"aria-expanded":"true",children:[ra(f,{className:"k-treelist-toggle",icon:"none"}),ra(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Guy"]}),ra(n,{role:"gridcell","aria-colindex":2,children:"Wooten"}),ra(n,{role:"gridcell","aria-colindex":3,children:"Chief Technical Officer"})]}),as(k,{role:"row","aria-rowindex":4,children:[as(n,{role:"gridcell","aria-colindex":1,children:[ra(f,{className:"k-treelist-toggle",icon:"none"}),ra(f,{className:"k-treelist-toggle",icon:"none"}),ra(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Buffy"]}),ra(n,{role:"gridcell","aria-colindex":2,children:"Weber"}),ra(n,{role:"gridcell","aria-colindex":3,children:"VP, Engineering"})]}),as(k,{role:"row",alt:!0,"aria-rowindex":5,children:[as(n,{role:"gridcell","aria-colindex":1,children:[ra(f,{className:"k-treelist-toggle",icon:"none"}),ra(f,{className:"k-treelist-toggle",icon:"none"}),ra(f,{className:"k-treelist-toggle",icon:"none"}),"Hyacinth"]}),ra(n,{role:"gridcell","aria-colindex":2,children:"Hood"}),ra(n,{role:"gridcell","aria-colindex":3,children:"Team Lead"})]})]})]})})})]})};import{jsx as ye,jsxs as Za}from"react/jsx-runtime";var Sge=no.options,Ege=no.states,IF={...no.defaultOptions,variant:"normal"},Lge=[{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"}],Ige=[{name:"toolbar",title:"Toolbar"},{name:"pager",title:"Pager"}],kk=e=>{let{variant:t,modifiers:o,...r}={...IF,...e},i={},c=Za(Qi,{children:[ye(d,{icon:"plus",children:"Add New"}),ye(d,{icon:"file-pdf",children:"Export to PDF"}),ye("span",{className:"k-spacer"}),ye(ue,{prefix:ye(f,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),p=ye(Ia,{pageSizes:!1,refresh:!1});switch(Object.keys(o||{}).forEach(h=>{switch(h){case"toolbar":i.toolbar=o?.[h]?c:void 0;break;case"pager":i.pager=o?.[h]?p:void 0;break;default:return}}),t){case"row-reordering":return ye(LF,{...r,...i});case"column-menu":return ye(AF,{...r,...i,gridHeader:ye(ve,{children:ye("div",{className:"k-grid-header-wrap",children:Za(he,{children:[Za("colgroup",{children:[ye("col",{}),ye("col",{}),ye("col",{})]}),ye(ne,{children:Za(k,{children:[ye(M,{menu:"column",columnTitle:"First Name"}),ye(M,{menu:"column",columnTitle:"Last Name"}),ye(M,{menu:"column",columnTitle:"Position"})]})})]})})})});case"filter-row":return ye(SF,{...r,...i,gridHeader:ye(ve,{children:ye("div",{className:"k-grid-header-wrap",children:Za(he,{children:[Za("colgroup",{children:[ye("col",{}),ye("col",{}),ye("col",{})]}),ye(ne,{children:Za(k,{children:[ye(M,{menu:"filter",columnTitle:"First Name"}),ye(M,{menu:"filter",columnTitle:"Last Name"}),ye(M,{menu:"filter",columnTitle:"Position"})]})})]})})})});case"sorting":return ye(Wb,{...r,...i,gridHeader:ye(ve,{children:ye("div",{className:"k-grid-header-wrap",children:Za(he,{children:[Za("colgroup",{children:[ye("col",{}),ye("col",{}),ye("col",{})]}),ye(ne,{children:Za(k,{children:[ye(M,{columnTitle:"First Name"}),ye(M,{columnTitle:"Last Name",sortable:!0}),ye(M,{columnTitle:"Position"})]})})]})})}),gridContent:ye(ge,{children:Za(de,{children:[Za("colgroup",{children:[ye("col",{}),ye("col",{className:"k-sorted"}),ye("col",{})]}),Za(ee,{children:[Za(k,{className:"k-treelist-group",children:[Za(n,{children:[ye(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Daryl"]}),ye(n,{children:"Sweeney"}),ye(n,{children:"CEO"})]}),Za(k,{className:"k-treelist-group",alt:!0,children:[Za(n,{children:[ye(f,{className:"k-treelist-toggle",icon:"none"}),ye(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Guy"]}),ye(n,{children:"Wooten"}),ye(n,{children:"Chief Technical Officer"})]}),Za(k,{className:"k-treelist-group",children:[Za(n,{children:[ye(f,{className:"k-treelist-toggle",icon:"none"}),ye(f,{className:"k-treelist-toggle",icon:"none"}),ye(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Buffy"]}),ye(n,{children:"Weber"}),ye(n,{children:"VP, Engineering"})]}),Za(k,{className:"k-treelist-group",alt:!0,children:[Za(n,{children:[ye(f,{className:"k-treelist-toggle",icon:"none"}),ye(f,{className:"k-treelist-toggle",icon:"none"}),ye(f,{className:"k-treelist-toggle",icon:"none"}),ye(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"Hyacinth"]}),ye(n,{children:"Hood"}),ye(n,{children:"Team Lead"})]}),Za(k,{children:[Za(n,{children:[ye(f,{className:"k-treelist-toggle",icon:"none"}),ye(f,{className:"k-treelist-toggle",icon:"none"}),ye(f,{className:"k-treelist-toggle",icon:"none"}),ye(f,{className:"k-treelist-toggle",icon:"none"}),ye(f,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),ye(n,{children:"Carr"}),ye(n,{children:"Junior Software Developer"})]})]})]})})});default:return ye(Wb,{...r,...i,gridHeader:ye(ve,{children:ye("div",{className:"k-grid-header-wrap",children:Za(he,{children:[Za("colgroup",{children:[ye("col",{}),ye("col",{}),ye("col",{})]}),ye(ne,{children:Za(k,{children:[ye(M,{columnTitle:"First Name"}),ye(M,{columnTitle:"Last Name"}),ye(M,{columnTitle:"Position"})]})})]})})})})}};kk.options=Sge;kk.states=Ege;kk.variants=Lge;kk.defaultOptions=IF;kk.modifiers=Ige;kk.className=no.className;var wB="propertygrid",MF=wB;import{jsx as Dge}from"react/jsx-runtime";var BF="k-property-grid",Mge=[],Bge={},Pge={},Hs=e=>Dge(no,{...e,className:l(BF,e.className),children:e.children});Hs.states=Mge;Hs.options=Bge;Hs.className=BF;Hs.defaultOptions=Pge;Hs.moduleName=wB;Hs.folderName=MF;Hs.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."}]};import{jsx as co,jsxs as el}from"react/jsx-runtime";var FT=({content:e,...t})=>{let o=b("propertygrid");return co(Hs,{style:{height:"450px"},_renderAriaRoot:!0,ariaRootId:o,ariaColCount:2,ariaRowCount:9,toolbar:el(Qi,{resizable:!0,role:"toolbar","aria-label":"PropertyGrid toolbar","aria-controls":o,children:[co(ue,{prefix:co(f,{icon:"search"}),placeholder:"Search...","aria-label":"Search properties"}),co(ae,{value:"Default Sort","aria-label":"Sort order"}),co(d,{icon:"categorize","aria-label":"Categorize"}),co(d,{icon:"info-circle","aria-label":"Info"})]}),...t,children:co(Ne,{children:e||co(ge,{className:"k-auto-scrollable",children:el(de,{role:"none",children:[el("colgroup",{children:[co("col",{style:{width:"200px"}}),co("col",{style:{width:"250px"}})]}),el(ee,{role:"rowgroup",children:[el(k,{role:"row","aria-rowindex":1,children:[el(n,{role:"gridcell","aria-colindex":1,children:[co(f,{className:"k-treelist-toggle",icon:"none"}),"size"]}),co(n,{role:"gridcell","aria-colindex":2,children:co("b",{children:"medium"})})]}),el(k,{role:"row",alt:!0,"aria-rowindex":2,children:[el(n,{role:"gridcell","aria-colindex":1,children:[co(f,{className:"k-treelist-toggle",icon:"none"}),"themeColor"]}),co(n,{role:"gridcell","aria-colindex":2,children:co("b",{children:"base"})})]}),el(k,{role:"row","aria-rowindex":3,children:[el(n,{role:"gridcell","aria-colindex":1,children:[co(f,{className:"k-treelist-toggle",icon:"none"}),"fillMode"]}),co(n,{role:"gridcell","aria-colindex":2,children:co("b",{children:"solid"})})]}),el(k,{role:"row",alt:!0,"aria-rowindex":4,children:[el(n,{role:"gridcell","aria-colindex":1,children:[co(f,{className:"k-treelist-toggle",icon:"none"}),"rounded"]}),co(n,{role:"gridcell","aria-colindex":2,children:co("b",{children:"medium"})})]}),el(k,{role:"row","aria-rowindex":5,children:[el(n,{role:"gridcell","aria-colindex":1,children:[co(f,{className:"k-treelist-toggle",icon:"none"}),"icon"]}),co(n,{role:"gridcell","aria-colindex":2,children:co(f,{icon:"star"})})]}),el(k,{role:"row",alt:!0,"aria-rowindex":6,"aria-expanded":"true",children:[el(n,{role:"gridcell","aria-colindex":1,children:[co(f,{className:"k-treelist-toggle",icon:"chevron-down"}),"font"]}),co(n,{role:"gridcell","aria-colindex":2,children:"Roboto 400"})]}),el(k,{role:"row","aria-rowindex":7,children:[el(n,{role:"gridcell","aria-colindex":1,children:[co(f,{className:"k-treelist-toggle",icon:"none"}),co(f,{className:"k-treelist-toggle",icon:"none"}),"font-weight"]}),co(n,{role:"gridcell","aria-colindex":2,children:co("b",{children:"400"})})]}),el(k,{role:"row",alt:!0,"aria-rowindex":8,children:[el(n,{role:"gridcell","aria-colindex":1,children:[co(f,{className:"k-treelist-toggle",icon:"none"}),co(f,{className:"k-treelist-toggle",icon:"none"}),"font-family"]}),co(n,{role:"gridcell","aria-colindex":2,children:co("b",{children:"Roboto"})})]}),co(k,{className:"k-hidden k-bottom k-sticky k-footer-template",children:co(n,{colspan:"2",children:co("span",{children:"\xA0"})})})]})]})})})})};import{jsx as zT}from"react/jsx-runtime";var o9t=({content:e,...t})=>zT(_t,{panes:[zT(Me,{scrollable:!0,flexBasis:"215px",children:zT(d,{icon:"star",children:"Button"})},"pane-1"),zT(Me,{scrollable:!0,children:zT(FT,{...t,content:e})},"pane-2")]});import{jsx as xk}from"react/jsx-runtime";var Rge=Hs.options,Oge=Hs.states,PF={...Hs.defaultOptions,variant:"normal"},Kge=[{name:"normal",title:"Normal"},{name:"preview",title:"With Preview"}],Yge=[],vk=e=>{let{variant:t,...o}={...PF,...e};return t==="preview"?xk(_t,{panes:[xk(Me,{className:"k-text-center k-mt-24",scrollable:!0,flexBasis:"215px",children:xk(d,{icon:"star",children:"Button"})},"pane-1"),xk(Me,{scrollable:!0,children:xk(FT,{style:{height:"auto"},...o})},"pane-2")]}):xk(FT,{style:{height:"auto"},...o})};vk.options=Rge;vk.states=Oge;vk.variants=Kge;vk.defaultOptions=PF;vk.modifiers=Yge;vk.className=Hs.className;var NB="filter",DF=NB;import{jsx as yB,jsxs as zge}from"react/jsx-runtime";var RF="k-filter",Gge=[],Hge={},Fge={},yi=e=>{let{children:t,expressionPreview:o,showApplyButton:r}=e;return zge("div",{className:l(e.className,RF),children:[yB("ul",{className:"k-filter-container",role:"tree","aria-label":"Filter",children:yB("li",{className:"k-filter-group-main",role:"treeitem",children:t})}),o,r&&yB(d,{className:"k-filter-apply",children:"Apply"})]})};yi.states=Gge;yi.options=Hge;yi.defaultOptions=Fge;yi.className=RF;yi.moduleName=NB;yi.folderName=DF;yi.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."}]};import{jsx as Zge}from"react/jsx-runtime";var Wge="k-filter-toolbar",Vge=[],Qge={},Xge={},xl=e=>{let{children:t}=e;return Zge("div",{className:l(Wge),children:t})};xl.states=Vge;xl.options=Qge;xl.defaultOptions=Xge;import{jsx as _ge}from"react/jsx-runtime";var Uge="k-filter-lines",Jge=[],jge={},qge={},lp=e=>{let{children:t}=e;return _ge("ul",{className:l(Uge),role:"group",children:t})};lp.states=Jge;lp.options=jge;lp.defaultOptions=qge;import{jsx as OF}from"react/jsx-runtime";var KF="k-filter-preview",$ge=[],eke={},tke={},Tk=e=>{let{fields:t}=e,o=[];return t&&t.map(({name:r,value:i},c)=>{o.push(OF("span",{className:`k-filter-preview-${r}`,children:`${i} `},c))}),OF("div",{className:l(KF),children:o})};Tk.states=$ge;Tk.options=eke;Tk.defaultOptions=tke;Tk.className=KF;import{jsx as ike}from"react/jsx-runtime";var oke="k-filter-item",ake=[],rke={},lke={},rs=e=>{let{children:t}=e;return ike("li",{className:l(oke),role:"treeitem",children:t})};rs.states=ake;rs.options=rke;rs.defaultOptions=lke;import{Fragment as ske,jsx as Ro,jsxs as Vb}from"react/jsx-runtime";var AB=({children:e,...t})=>Ro(yi,{...t,children:e||Vb(ske,{children:[Ro(xl,{children:Vb(ie,{"aria-label":"Filter group",children:[Vb(W,{children:[Ro(d,{className:"k-group-start",selected:!0,children:"And"}),Ro(d,{className:"k-group-end",children:"Or"})]}),Ro(d,{icon:"filter-add-expression",children:"Add Expression"}),Ro(d,{icon:"filter-add-group",children:"Add Group"}),Ro(d,{fillMode:"flat",icon:"x","aria-label":"Remove group",title:"Remove group"})]})}),Vb(lp,{children:[Ro(rs,{children:Ro(xl,{children:Vb(ie,{"aria-label":"Filter expression",children:[Ro(at,{className:"k-filter-field",children:Ro(ae,{value:"Name","aria-label":"Field"})}),Ro(at,{className:"k-filter-operator",children:Ro(ae,{value:"Is equal to","aria-label":"Operator"})}),Ro(at,{className:"k-filter-value",children:Ro(ue,{placeholder:"James","aria-label":"Value"})}),Ro(d,{fillMode:"flat",icon:"x","aria-label":"Remove expression",title:"Remove expression"})]})})}),Ro(rs,{children:Ro(xl,{children:Vb(ie,{"aria-label":"Filter expression",children:[Ro(at,{className:"k-filter-field",children:Ro(ae,{value:"Price","aria-label":"Field"})}),Ro(at,{className:"k-filter-operator",children:Ro(ae,{value:"Is greater than","aria-label":"Operator"})}),Ro(at,{className:"k-filter-value",children:Ro(qe,{placeholder:"100,00","aria-label":"Value"})}),Ro(d,{fillMode:"flat",icon:"x","aria-label":"Remove expression",title:"Remove expression"})]})})}),Ro(rs,{children:Ro(xl,{children:Vb(ie,{"aria-label":"Filter expression",children:[Ro(at,{className:"k-filter-field",children:Ro(ae,{value:"First Ordered","aria-label":"Field"})}),Ro(at,{className:"k-filter-operator",children:Ro(ae,{value:"Is before","aria-label":"Operator"})}),Ro(at,{className:"k-filter-value",children:Ro(bl,{placeholder:"1/21/2021"})}),Ro(d,{fillMode:"flat",icon:"x","aria-label":"Remove expression",title:"Remove expression"})]})})})]})]})});import{Fragment as nke,jsx as Mo,jsxs as Qb}from"react/jsx-runtime";var _9t=({children:e,expressionPreview:t,...o})=>Mo(yi,{showApplyButton:!0,expressionPreview:t||Mo(Tk,{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||Qb(nke,{children:[Mo(xl,{children:Qb(ie,{"aria-label":"Filter group",children:[Qb(W,{children:[Mo(d,{className:"k-group-start",selected:!0,children:"And"}),Mo(d,{className:"k-group-end",children:"Or"})]}),Mo(d,{icon:"filter-add-expression",children:"Add Expression"}),Mo(d,{icon:"filter-add-group",children:"Add Group"}),Mo(d,{fillMode:"flat",icon:"x","aria-label":"Remove group",title:"Remove group"})]})}),Qb(lp,{children:[Mo(rs,{children:Mo(xl,{children:Qb(ie,{"aria-label":"Filter expression",children:[Mo(at,{className:"k-filter-field",children:Mo(ae,{value:"Name","aria-label":"Field"})}),Mo(at,{className:"k-filter-operator",children:Mo(ae,{value:"Is equal to","aria-label":"Operator"})}),Mo(at,{className:"k-filter-value",children:Mo(ue,{placeholder:"James","aria-label":"Value"})}),Mo(d,{fillMode:"flat",icon:"x","aria-label":"Remove expression",title:"Remove expression"})]})})}),Mo(rs,{children:Mo(xl,{children:Qb(ie,{"aria-label":"Filter expression",children:[Mo(at,{className:"k-filter-field",children:Mo(ae,{value:"Price","aria-label":"Field"})}),Mo(at,{className:"k-filter-operator",children:Mo(ae,{value:"Is greater than","aria-label":"Operator"})}),Mo(at,{className:"k-filter-value",children:Mo(qe,{placeholder:"100,00","aria-label":"Value"})}),Mo(d,{fillMode:"flat",icon:"x","aria-label":"Remove expression",title:"Remove expression"})]})})}),Mo(rs,{children:Mo(xl,{children:Qb(ie,{"aria-label":"Filter expression",children:[Mo(at,{className:"k-filter-field",children:Mo(ae,{value:"First Ordered","aria-label":"Field"})}),Mo(at,{className:"k-filter-operator",children:Mo(ae,{value:"Is before","aria-label":"Operator"})}),Mo(at,{className:"k-filter-value",children:Mo(bl,{placeholder:"1/21/2021"})}),Mo(d,{fillMode:"flat",icon:"x","aria-label":"Remove expression",title:"Remove expression"})]})})})]})]})});import{jsx as Jt,jsxs as ip}from"react/jsx-runtime";var dke=yi.options,cke=yi.states,pke={...yi.defaultOptions,variant:"normal"},mke=[{name:"normal",title:"Single Group"}],uke=[{name:"expanded",title:"Expanded"}],wk=e=>{let{modifiers:t,...o}=e,{expanded:r}=t||{};return(r?"expanded":"normal")==="expanded"?ip(AB,{...o,children:[Jt(xl,{children:ip(ie,{children:[ip(W,{children:[Jt(d,{selected:!0,children:"And"}),Jt(d,{children:"Or"})]}),Jt(d,{icon:"filter-add-expression",children:"Add Expression"}),Jt(d,{icon:"filter-add-group",children:"Add Group"}),Jt(d,{fillMode:"flat",icon:"x"})]})}),ip(lp,{children:[Jt(rs,{children:Jt(xl,{children:ip(ie,{children:[Jt(at,{className:"k-filter-field",children:Jt(ae,{value:"Name"})}),Jt(at,{className:"k-filter-operator",children:Jt(ae,{value:"Is equal to"})}),Jt(at,{className:"k-filter-value",children:Jt(ue,{placeholder:"James"})}),Jt(d,{fillMode:"flat",icon:"x"})]})})}),Jt(rs,{children:Jt(xl,{children:ip(ie,{children:[Jt(at,{className:"k-filter-field",children:Jt(ae,{value:"Price"})}),Jt(at,{className:"k-filter-operator",children:Jt(ae,{value:"Is greater than"})}),Jt(at,{className:"k-filter-value",children:Jt(qe,{placeholder:"100,00"})}),Jt(d,{fillMode:"flat",icon:"x"})]})})}),Jt(rs,{children:Jt(xl,{children:ip(ie,{children:[Jt(at,{className:"k-filter-field",children:Jt(ae,{value:"First Ordered"})}),Jt(at,{className:"k-filter-operator",children:Jt(ae,{value:"Is before"})}),Jt(at,{className:"k-filter-value",children:Jt(bl,{placeholder:"1/21/2021"})}),Jt(d,{fillMode:"flat",icon:"x"})]})})})]})]}):ip(AB,{...o,children:[Jt(xl,{children:ip(ie,{children:[ip(W,{children:[Jt(d,{selected:!0,children:"And"}),Jt(d,{children:"Or"})]}),Jt(d,{icon:"filter-add-expression",children:"Add Expression"}),Jt(d,{icon:"filter-add-group",children:"Add Group"}),Jt(d,{fillMode:"flat",icon:"x"})]})}),Jt(lp,{})]})};wk.options=dke;wk.states=cke;wk.variants=mke;wk.defaultOptions=pke;wk.modifiers=uke;wk.className=yi.className;var sp="file-manager",np="filemanager";import{jsx as gke}from"react/jsx-runtime";var YF="k-filemanager-toolbar",bke=[],fke={},hke={},Ai=e=>{let{children:t,...o}=e;return gke(ie,{...o,className:l(e.className,YF),children:t})};Ai.states=bke;Ai.options=fke;Ai.className=YF;Ai.defaultOptions=hke;Ai.moduleName=sp;Ai.folderName=np;import{Fragment as Tke,jsx as Fs,jsxs as WT}from"react/jsx-runtime";var CB="k-filemanager",kke=[m.disabled],xke={},vke=Fs(Tke,{children:WT(Ai,{children:[Fs(d,{children:"New Folder"}),Fs(d,{children:"Upload"}),WT(W,{children:[Fs(d,{className:"k-group-start",icon:"sort-asc-small","aria-label":"Sort ascending"}),Fs(d,{className:"k-group-end",icon:"sort-desc-small","aria-label":"Sort descending"})]}),Fs(ut,{text:"Sort By"}),WT(W,{children:[Fs(d,{className:"k-group-start",icon:"grid-layout","aria-label":"List view"}),Fs(d,{className:"k-group-end",icon:"grid","aria-label":"Grid view"})]}),Fs("div",{className:"k-spacer"}),WT("div",{className:"k-filemanager-details-toggle",children:[Fs("label",{children:"View Details"}),Fs(ka,{"aria-label":"View Details"})]}),Fs(ga,{className:"k-filemanager-search-tool",placeholder:"Search..."})]})}),GF={toolbar:vke},tl=e=>{let{disabled:t,toolbar:o=GF.toolbar,...r}=e;return WT("div",{...r,className:l(e.className,CB,L(CB,{disabled:t})),children:[Fs("div",{className:"k-filemanager-header",children:o}),Fs("div",{className:"k-filemanager-content-container",children:e.children})]})};tl.states=kke;tl.options=xke;tl.className=CB;tl.defaultOptions=GF;tl.moduleName=sp;tl.folderName=np;tl.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."}]};import{jsx as Ake}from"react/jsx-runtime";var HF="k-filemanager-breadcrumb",wke=[],Nke={},yke={},zs=e=>{let{children:t,...o}=e;return Ake(vr,{className:l(e.className,HF),...o,children:t})};zs.states=wke;zs.options=Nke;zs.className=HF;zs.defaultOptions=yke;zs.moduleName=sp;zs.folderName=np;import{jsx as Lke}from"react/jsx-runtime";var FF="k-filemanager-listview",Cke=[],Ske={},Eke={},dp=e=>{let{children:t,...o}=e;return Lke(Kl,{className:l(e.className,FF),layout:"flex",flexDirection:"row",flexWrap:"wrap",selectable:!0,contentAriaLabel:"Files",...o,children:t})};dp.states=Cke;dp.options=Ske;dp.className=FF;dp.defaultOptions=Eke;dp.moduleName=sp;dp.folderName=np;import{jsx as Pke}from"react/jsx-runtime";var zF="k-filemanager-treeview",Ike=[],Mke={},Bke={},Ws=e=>{let{children:t,...o}=e;return Pke(ft,{className:l(e.className,zF),...o,children:t})};Ws.states=Ike;Ws.options=Mke;Ws.className=zF;Ws.defaultOptions=Bke;Ws.moduleName=sp;Ws.folderName=np;import{jsx as WF,jsxs as Oke}from"react/jsx-runtime";var VF="k-filemanager-drag-hint",Dke=[],Rke={},QF={icon:"file"},gA=e=>{let{hint:t,icon:o=QF.icon,...r}=e;return Oke("div",{className:l(e.className,VF,"k-drag-clue"),...r,children:[WF(f,{icon:o}),WF("span",{children:t})]})};gA.states=Dke;gA.options=Rke;gA.className=VF;gA.defaultOptions=QF;import{Fragment as VT,jsx as Vs,jsxs as Nk}from"react/jsx-runtime";var XF="k-file-info",Kke=[],Yke={},SB={name:"No File Selected",icon:"file"},xu=e=>{let{selection:t,name:o=SB.name,icon:r=SB.icon,fileType:i,fileSize:c,fileDateCreated:p,fileDateModified:h,...x}=e;return Nk("div",{...x,className:l(e.className,XF),children:[Vs(Yl,{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"&&Vs(VT,{children:Nk("dl",{className:"k-file-meta",children:[i&&Nk(VT,{children:[Vs("dt",{className:"k-file-meta-label",children:"Type: "}),Vs("dd",{className:"k-file-meta-value k-file-type",children:i}),Vs("dd",{className:"k-line-break"})]}),c&&Nk(VT,{children:[Vs("dt",{className:"k-file-meta-label",children:"Size: "}),Vs("dd",{className:"k-file-meta-value k-file-size",children:c}),Vs("dd",{className:"k-line-break"})]}),p&&Nk(VT,{children:[Vs("dt",{className:"k-file-meta-label",children:"Date Created: "}),Vs("dd",{className:"k-file-meta-value k-file-created",children:p}),Vs("dd",{className:"k-line-break"})]}),h&&Nk(VT,{children:[Vs("dt",{className:"k-file-meta-label",children:"Date Modified: "}),Vs("dd",{className:"k-file-meta-value k-file-modified",children:h}),Vs("dd",{className:"k-line-break"})]})]})})]})};xu.states=Kke;xu.options=Yke;xu.className=XF;xu.defaultOptions=SB;import{Fragment as zke,jsx as EB,jsxs as Wke}from"react/jsx-runtime";var ZF="k-file-preview",Gke=[],Hke={size:[g.undefined,g.xsmall,g.small,g.medium,g.large,g.xlarge,g.xxlarge,g.xxxlarge]},Fke={},Yl=e=>{let{size:t,icon:o,name:r,...i}=e;return Wke(zke,{children:[EB("span",{...i,className:l(ZF),children:EB(f,{className:"k-file-icon",icon:o,size:t})}),EB("span",{className:l(e.className,"k-file-name"),children:r})]})};Yl.states=Gke;Yl.options=Hke;Yl.className=ZF;Yl.defaultOptions=Fke;import{Fragment as Vke,jsx as Ua,jsxs as yk}from"react/jsx-runtime";var UF=e=>Ua(tl,{toolbar:yk(Ai,{children:[Ua(d,{children:"New Folder"}),Ua(d,{children:"Upload"}),yk(W,{children:[Ua(d,{className:"k-group-start",icon:"sort-asc-small","aria-label":"Sort ascending"}),Ua(d,{className:"k-group-end",icon:"sort-desc-small","aria-label":"Sort descending"})]}),Ua(ut,{text:"Sort By"}),yk(W,{children:[Ua(d,{className:"k-group-start",icon:"grid","aria-label":"Grid view"}),Ua(d,{className:"k-group-end",icon:"grid-layout",selected:!0,"aria-label":"List view"})]}),Ua("div",{className:"k-spacer"}),yk("div",{className:"k-filemanager-details-toggle",children:[Ua("label",{children:"View Details"}),Ua(ka,{"aria-label":"View Details"})]}),Ua(ga,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:Ua(Vke,{children:Ua(_t,{className:"k-filemanager-splitter",panes:[Ua(Me,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:Ua(Ws,{children:Ua(O,{text:"Folder"})})},"pane-1"),yk(Me,{className:"k-filemanager-content",scrollable:!0,children:[Ua(zs,{children:Ua(Pl,{children:Ua(io,{root:!0,children:Ua(eo,{root:!0,icon:!0,"aria-label":"Home",children:Ua(f,{icon:"home"})})})})}),yk(dp,{children:[Ua(_o,{itemRole:"option",ariaSetSize:2,ariaPosInSet:1,tabIndex:0,children:Ua(Yl,{name:"Folder",icon:"folder",size:"xxxlarge"})}),Ua(_o,{itemRole:"option",ariaSetSize:2,ariaPosInSet:2,tabIndex:-1,children:Ua(Yl,{name:"file.png",icon:"file-image",size:"xxxlarge"})})]})]},"pane-2")]})}),...e});import{Fragment as Qke,jsx as Ba,jsxs as Ak}from"react/jsx-runtime";var JF=e=>Ba(tl,{toolbar:Ak(Ai,{children:[Ba(d,{children:"New Folder"}),Ba(d,{children:"Upload"}),Ak(W,{children:[Ba(d,{className:"k-group-start",icon:"sort-asc-small","aria-label":"Sort ascending"}),Ba(d,{className:"k-group-end",icon:"sort-desc-small","aria-label":"Sort descending"})]}),Ba(ut,{text:"Sort By"}),Ak(W,{children:[Ba(d,{className:"k-group-start",icon:"grid","aria-label":"Grid view"}),Ba(d,{className:"k-group-end",icon:"grid-layout",selected:!0,"aria-label":"List view"})]}),Ba("div",{className:"k-spacer"}),Ak("div",{className:"k-filemanager-details-toggle",children:[Ba("label",{children:"View Details"}),Ba(ka,{checked:!0,"aria-label":"View Details"})]}),Ba(ga,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:Ba(Qke,{children:Ba(_t,{className:"k-filemanager-splitter",panes:[Ba(Me,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:Ba(Ws,{children:Ba(O,{text:"Folder"})})},"pane-1"),Ak(Me,{className:"k-filemanager-content",scrollable:!0,children:[Ba(zs,{children:Ba(Pl,{children:Ba(io,{root:!0,children:Ba(eo,{root:!0,icon:!0,"aria-label":"Home",children:Ba(f,{icon:"home"})})})})}),Ak(dp,{children:[Ba(_o,{itemRole:"option",ariaSetSize:2,ariaPosInSet:1,tabIndex:0,children:Ba(Yl,{name:"Folder",icon:"folder",size:"xxxlarge"})}),Ba(_o,{itemRole:"option",ariaSetSize:2,ariaPosInSet:2,tabIndex:-1,children:Ba(Yl,{name:"file.png",icon:"file-image",size:"xxxlarge"})})]})]},"pane-2"),Ba(Me,{className:"k-filemanager-preview",collapsible:!0,scrollable:!0,flexBasis:"25%",tabIndex:0,children:Ba(xu,{selection:"none",name:"No File Selected"})},"pane-3")]})}),...e});import{Fragment as Xke,jsx as Pt,jsxs as Qs}from"react/jsx-runtime";var jF=e=>Pt(tl,{toolbar:Qs(Ai,{children:[Pt(d,{children:"New Folder"}),Pt(d,{children:"Upload"}),Qs(W,{children:[Pt(d,{className:"k-group-start",icon:"sort-asc-small","aria-label":"Sort ascending"}),Pt(d,{className:"k-group-end",icon:"sort-desc-small","aria-label":"Sort descending"})]}),Pt(ut,{text:"Sort By"}),Qs(W,{children:[Pt(d,{className:"k-group-start",icon:"grid",selected:!0,"aria-label":"Grid view"}),Pt(d,{className:"k-group-end",icon:"grid-layout","aria-label":"List view"})]}),Pt("div",{className:"k-spacer"}),Qs("div",{className:"k-filemanager-details-toggle",children:[Pt("label",{children:"View Details"}),Pt(ka,{"aria-label":"View Details"})]}),Pt(ga,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:Pt(Xke,{children:Pt(_t,{className:"k-filemanager-splitter",panes:[Pt(Me,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:Pt(Ws,{children:Pt(O,{text:"Folder"})})},"pane-1"),Qs(Me,{className:"k-filemanager-content",scrollable:!0,children:[Pt(zs,{children:Pt(Pl,{children:Pt(io,{root:!0,children:Pt(eo,{root:!0,icon:!0,"aria-label":"Home",children:Pt(f,{icon:"home"})})})})}),Qs(Pe,{_renderAriaRoot:!0,className:"k-filemanager-grid k-grid-display-block",children:[Pt(ve,{children:Pt("div",{className:"k-grid-header-wrap k-auto-scrollable",children:Qs(he,{children:[Qs("colgroup",{children:[Pt("col",{}),Pt("col",{}),Pt("col",{})]}),Pt(ne,{children:Qs(k,{children:[Pt(M,{columnTitle:"Name",sortable:!0}),Pt(M,{columnTitle:"Date Created"}),Pt(M,{columnTitle:"File Size"})]})})]})})}),Pt(Ne,{children:Pt(ge,{className:"k-auto-scrollable",children:Qs(de,{className:"k-selectable",children:[Qs("colgroup",{children:[Pt("col",{className:"k-sorted"}),Pt("col",{}),Pt("col",{})]}),Qs(ee,{children:[Qs(k,{className:"k-master-row",children:[Pt(n,{children:Pt(Yl,{name:"Folder",icon:"folder"})}),Pt(n,{children:"13/12/2019 at 12:22:04 PM"}),Pt(n,{children:"0"})]}),Qs(k,{className:"k-master-row",alt:!0,children:[Pt(n,{children:Pt(Yl,{name:"file.png",icon:"file"})}),Pt(n,{children:"13/12/2019 at 12:22:04 PM"}),Pt(n,{children:"73289"})]})]})]})})})]})]},"pane-2")]})}),...e});import{Fragment as Zke,jsx as yt,jsxs as Xs}from"react/jsx-runtime";var qF=e=>yt(tl,{toolbar:Xs(Ai,{children:[yt(d,{children:"New Folder"}),yt(d,{children:"Upload"}),Xs(W,{children:[yt(d,{className:"k-group-start",icon:"sort-asc-small","aria-label":"Sort ascending"}),yt(d,{className:"k-group-end",icon:"sort-desc-small","aria-label":"Sort descending"})]}),yt(ut,{text:"Sort By"}),Xs(W,{children:[yt(d,{className:"k-group-start",icon:"grid",selected:!0,"aria-label":"Grid view"}),yt(d,{className:"k-group-end",icon:"grid-layout","aria-label":"List view"})]}),yt("div",{className:"k-spacer"}),Xs("div",{className:"k-filemanager-details-toggle",children:[yt("label",{children:"View Details"}),yt(ka,{checked:!0,"aria-label":"View Details"})]}),yt(ga,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:yt(Zke,{children:yt(_t,{className:"k-filemanager-splitter",panes:[yt(Me,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:yt(Ws,{children:yt(O,{text:"Folder"})})},"pane-1"),Xs(Me,{className:"k-filemanager-content",scrollable:!0,children:[yt(zs,{children:yt(Pl,{children:yt(io,{root:!0,children:yt(eo,{root:!0,icon:!0,"aria-label":"Home",children:yt(f,{icon:"home"})})})})}),Xs(Pe,{_renderAriaRoot:!0,className:"k-filemanager-grid k-grid-display-block",children:[yt(ve,{children:yt("div",{className:"k-grid-header-wrap k-auto-scrollable",children:Xs(he,{children:[Xs("colgroup",{children:[yt("col",{}),yt("col",{}),yt("col",{})]}),yt(ne,{children:Xs(k,{children:[yt(M,{sortable:!0,columnTitle:"Name"}),yt(M,{columnTitle:"Date Created"}),yt(M,{columnTitle:"File Size"})]})})]})})}),yt(Ne,{children:yt(ge,{className:"k-auto-scrollable",children:Xs(de,{className:"k-selectable",children:[Xs("colgroup",{children:[yt("col",{className:"k-sorted"}),yt("col",{}),yt("col",{})]}),Xs(ee,{children:[Xs(k,{className:"k-master-row",children:[yt(n,{children:yt(Yl,{name:"Folder",icon:"folder"})}),yt(n,{children:"13/12/2019 at 12:22:04 PM"}),yt(n,{children:"0"})]}),Xs(k,{className:"k-master-row",alt:!0,children:[yt(n,{children:yt(Yl,{name:"file.png",icon:"file"})}),yt(n,{children:"13/12/2019 at 12:22:04 PM"}),yt(n,{children:"73289"})]})]})]})})})]})]},"pane-2"),yt(Me,{className:"k-filemanager-preview",collapsible:!0,scrollable:!0,flexBasis:"25%",tabIndex:0,children:yt(xu,{selection:"none",name:"No File Selected"})},"pane-3")]})}),...e});import{jsx as kA}from"react/jsx-runtime";var Uke=tl.options,Jke=tl.states,jke={...tl.defaultOptions,variant:"listview"},qke=[{name:"listview",title:"ListView"},{name:"grid",title:"Grid"}],_ke=[{name:"preview",title:"Preview"}],Ck=e=>{let{variant:t,modifiers:o,...r}={...e},i=!1;return Object.keys(o||{}).forEach(c=>{c==="preview"&&(i=!!o?.[c])}),t==="grid"?i?kA(qF,{...r}):kA(jF,{...r}):i?kA(JF,{...r}):kA(UF,{...r})};Ck.options=Uke;Ck.states=Jke;Ck.variants=qke;Ck.defaultOptions=jke;Ck.modifiers=_ke;Ck.className=tl.className;import{jsx as oxe}from"react/jsx-runtime";var _F="k-taskboard-toolbar",$ke=[],exe={},txe={},Sk=e=>{let{children:t,...o}=e;return oxe(ie,{...o,className:l(e.className,_F),children:t})};Sk.states=$ke;Sk.options=exe;Sk.className=_F;Sk.defaultOptions=txe;import{Fragment as sxe,jsx as vu,jsxs as LB}from"react/jsx-runtime";var $F="k-taskboard-pane",axe=[],rxe={},lxe=void 0,ixe={header:lxe},Ek=e=>{let{header:t,paneHeaderId:o,...r}=e;return LB("div",{...r,className:l(e.className,$F,"k-taskboard-edit-pane"),children:[vu("div",{className:"k-taskboard-pane-header",children:t||LB(sxe,{children:[vu("div",{className:"k-taskboard-pane-header-text",id:o,children:"Card X"}),vu("span",{className:"k-spacer"}),vu("div",{className:"k-taskboard-pane-header-actions",children:vu(d,{fillMode:"flat",icon:"x","aria-label":"Close",title:"Close"})})]})}),vu("div",{className:"k-taskboard-pane-content",children:e.children}),LB(Be,{alignment:"end",className:"k-taskboard-pane-actions",children:[vu(d,{icon:"trash",children:"Delete"}),vu(d,{themeColor:"primary",icon:"pencil",children:"Edit"})]})]})};Ek.states=axe;Ek.options=rxe;Ek.className=$F;Ek.defaultOptions=ixe;var ez="task-board",tz="taskboard";import{Fragment as pxe,jsx as rc,jsxs as oz}from"react/jsx-runtime";var IB="k-taskboard",nxe=[m.disabled],dxe={},cxe=rc(pxe,{children:oz(Sk,{children:[rc(d,{icon:"plus",children:"Add Column"}),rc("span",{className:"k-spacer"}),rc(ga,{placeholder:"Search..."})]})}),xA={toolbar:cxe,pane:!1,panePosition:"end"},Ci=e=>{let{disabled:t,toolbar:o=xA.toolbar,panePosition:r=xA.panePosition,pane:i=xA.pane,...c}=e;return oz("div",{...c,className:l(e.className,IB,L(IB,{disabled:t})),role:"application",children:[rc("div",{className:"k-taskboard-header",children:o}),rc("div",{className:"k-taskboard-content",style:{marginRight:i&&r==="end"?"304px":void 0,marginLeft:i&&r==="start"?"304px":void 0},children:rc("div",{className:"k-taskboard-columns-container",children:e.children})}),i&&(()=>{let p=b("taskboard-pane-header");return rc(Ek,{className:l({"k-taskboard-pane-start":r==="start"}),paneHeaderId:p,children:rc(If,{formButtons:null,role:"form","aria-labelledby":p,children:rc(xe,{label:"Textbox:",editor:rc(ue,{})})})})})()]})};Ci.states=nxe;Ci.options=dxe;Ci.className=IB;Ci.defaultOptions=xA;Ci.moduleName=ez;Ci.folderName=tz;Ci.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."}]};import{Fragment as fxe,jsx as Tu,jsxs as MB}from"react/jsx-runtime";var BB="k-taskboard-column",mxe=[],uxe={},bxe={header:void 0},Bn=e=>{let{header:t,edit:o,...r}=e,i=b("taskboard-column-header");return MB("div",{...r,className:l(e.className,BB,{[`${BB}-edit`]:o}),children:[Tu("div",{className:"k-taskboard-column-header",children:t||MB(fxe,{children:[Tu("div",{className:"k-taskboard-column-header-text k-text-ellipsis",id:i,children:"Column Header"}),Tu("span",{className:"k-spacer"}),MB("div",{className:"k-taskboard-column-header-actions",children:[Tu(d,{fillMode:"flat",icon:"pencil","aria-label":"Edit column",title:"Edit column"}),Tu(d,{fillMode:"flat",icon:"plus","aria-label":"Add card",title:"Add card"}),Tu(d,{fillMode:"flat",icon:"x","aria-label":"Delete column",title:"Delete column"})]})]})}),Tu("div",{className:"k-taskboard-column-cards-container",role:"list",tabIndex:0,"aria-labelledby":i,children:Tu("div",{className:"k-taskboard-column-cards",role:"presentation",children:e.children})})]})};Bn.states=mxe;Bn.options=uxe;Bn.className=BB;Bn.defaultOptions=bxe;import{jsx as xxe,jsxs as vxe}from"react/jsx-runtime";var PB="k-taskboard-card",hxe=[],gxe={},kxe={},Gl=e=>{let{children:t,category:o,menuButton:r,...i}=e;return vxe(Lo,{...i,className:l(e.className,PB,{[`${PB}-category`]:o}),role:"listitem",tabIndex:0,children:[t,r&&xxe(d,{className:"k-taskboard-card-menu-button",fillMode:"flat",icon:"more-vertical","aria-label":"Card menu",title:"Card menu"})]})};Gl.states=hxe;Gl.options=gxe;Gl.className=PB;Gl.defaultOptions=kxe;import{Fragment as Txe,jsx as po,jsxs as ls}from"react/jsx-runtime";var az=e=>po(Ci,{children:ls(Txe,{children:[ls(Bn,{children:[ls(Gl,{children:[ls(qo,{className:"k-hbox",children:[po("a",{className:"k-card-title k-link",children:"Card Title"}),po("span",{className:"k-spacer"}),po("span",{className:"k-card-header-actions",children:po(d,{className:"k-taskboard-card-menu-button",icon:"more-vertical",fillMode:"flat","aria-label":"Card menu",title:"Card menu"})})]}),po(Ut,{children:po("p",{children:"Card Body"})})]}),ls(Gl,{children:[ls(qo,{className:"k-hbox",children:[po("a",{className:"k-card-title k-link",children:"Card Title"}),po("span",{className:"k-spacer"}),po("span",{className:"k-card-header-actions",children:po(d,{className:"k-taskboard-card-menu-button",icon:"more-vertical",fillMode:"flat","aria-label":"Card menu",title:"Card menu"})})]}),po(Ut,{children:po("p",{children:"Card Body"})})]}),ls(Gl,{children:[ls(qo,{className:"k-hbox",children:[po("a",{className:"k-card-title k-link",children:"Card Title"}),po("span",{className:"k-spacer"}),po("span",{className:"k-card-header-actions",children:po(d,{className:"k-taskboard-card-menu-button",icon:"more-vertical",fillMode:"flat","aria-label":"Card menu",title:"Card menu"})})]}),po(Ut,{children:po("p",{children:"Card Body"})})]})]}),ls(Bn,{children:[ls(Gl,{children:[ls(qo,{className:"k-hbox",children:[po("a",{className:"k-card-title k-link",children:"Card Title"}),po("span",{className:"k-spacer"}),po("span",{className:"k-card-header-actions",children:po(d,{className:"k-taskboard-card-menu-button",icon:"more-vertical",fillMode:"flat","aria-label":"Card menu",title:"Card menu"})})]}),po(Ut,{children:po("p",{children:"Card Body"})})]}),ls(Gl,{children:[ls(qo,{className:"k-hbox",children:[po("a",{className:"k-card-title k-link",children:"Card Title"}),po("span",{className:"k-spacer"}),po("span",{className:"k-card-header-actions",children:po(d,{className:"k-taskboard-card-menu-button",icon:"more-vertical",fillMode:"flat","aria-label":"Card menu",title:"Card menu"})})]}),po(Ut,{children:po("p",{children:"Card Body"})})]})]}),po(Bn,{children:ls(Gl,{children:[ls(qo,{className:"k-hbox",children:[po("a",{className:"k-card-title k-link",children:"Card Title"}),po("span",{className:"k-spacer"}),po("span",{className:"k-card-header-actions",children:po(d,{className:"k-taskboard-card-menu-button",icon:"more-vertical",fillMode:"flat","aria-label":"Card menu",title:"Card menu"})})]}),po(Ut,{children:po("p",{children:"Card Body"})})]})})]}),...e});import{Fragment as wxe,jsx as am,jsxs as rz}from"react/jsx-runtime";var S_t=e=>am(Ci,{pane:!0,children:am(wxe,{children:am(Bn,{children:rz(Gl,{children:[rz(qo,{className:"k-hbox",children:[am("a",{className:"k-card-title k-link",children:"Card Title"}),am("span",{className:"k-spacer"}),am("span",{className:"k-card-header-actions",children:am(d,{className:"k-taskboard-card-menu-button",icon:"more-vertical",fillMode:"flat","aria-label":"Card menu",title:"Card menu"})})]}),am(Ut,{children:am("p",{children:"Card Body"})})]})})}),...e});import{jsx as Si,jsxs as lc}from"react/jsx-runtime";var Nxe=Ci.options,yxe=Ci.states,lz={...Ci.defaultOptions,variant:"normal"},Axe=[{name:"normal",title:"Normal"},{name:"pane-end",title:"Pane End"},{name:"pane-start",title:"Pane Start"}],Cxe=[],Lk=e=>{let{variant:t,...o}={...lz,...e};return lc(az,{style:{width:"568px"},...o,pane:t==="pane-end"||t==="pane-start",panePosition:t==="pane-end"?"end":"start",children:[lc(Bn,{style:{width:"260px"},children:[lc(Gl,{children:[lc(qo,{className:"k-hbox",details:!0,children:[Si("a",{className:"k-card-title k-link",children:"Template Title"}),Si("span",{className:"k-spacer"})]}),Si(Ut,{children:Si("p",{children:"Some quick example text to build on the card title and make up the bulk of the card content."})})]}),lc(Gl,{children:[lc(qo,{className:"k-hbox",details:!0,children:[Si("a",{className:"k-card-title k-link",children:"Template Title"}),Si("span",{className:"k-spacer"})]}),Si(Ut,{children:Si("p",{children:"Some quick example text to build on the card title and make up the bulk of the card content."})})]})]}),lc(Bn,{style:{width:"260px"},children:[lc(Gl,{children:[lc(qo,{className:"k-hbox",details:!0,children:[Si("a",{className:"k-card-title k-link",children:"Template Title"}),Si("span",{className:"k-spacer"})]}),Si(Ut,{children:Si("p",{children:"Some quick example text to build on the card title and make up the bulk of the card content."})})]}),lc(Gl,{children:[lc(qo,{className:"k-hbox",details:!0,children:[Si("a",{className:"k-card-title k-link",children:"Template Title"}),Si("span",{className:"k-spacer"})]}),Si(Ut,{children:Si("p",{children:"Some quick example text to build on the card title and make up the bulk of the card content."})})]})]})]})};Lk.options=Nxe;Lk.states=yxe;Lk.variants=Axe;Lk.defaultOptions=lz;Lk.modifiers=Cxe;Lk.className=Ci.className;var DB="chat",iz=DB;import{Fragment as dz,jsx as Xb,jsxs as QT}from"react/jsx-runtime";var sz="k-chat",Sxe=[],Exe={},Lxe=QT(dz,{children:[Xb(Ye,{icon:"paperclip-outline-alt-right",fillMode:"clear",rounded:"full",size:"small","aria-label":"Attach file"},"paperclip"),Xb("div",{className:"k-spacer"})]}),nz={tools:Lxe},Oo=e=>{let{header:t,dir:o,suggestedActions:r,files:i,pinned:c,replied:p,generating:h,tools:x=nz.tools,value:v,empty:w,scrollToBottom:A,scrollbar:N,promptBoxProps:B,...D}=e;return QT("div",{...D,className:l(sz,e.className),dir:o,children:[t,QT("div",{className:"k-message-list",role:"log","aria-label":"Message list","aria-live":"polite",children:[c,Xb("div",{className:l("k-message-list-content",w&&"k-message-list-content-empty"),children:e.children}),A&&Xb("div",{className:"k-chat-scroll-to-bottom-container",children:Xb(mG,{themeColor:"base",icon:"arrow-down-outline",size:"small"})})]}),N&&Xb("div",{className:"k-separator"}),QT("div",{className:"k-message-box-wrapper",children:[r,Xb(Ac,{lineMode:"multi",placeholder:"Type a message",generating:h,value:v,header:i||p?QT(dz,{children:[p,i]}):void 0,endAffix:x,...B})]})]})};Oo.states=Sxe;Oo.options=Exe;Oo.className=sz;Oo.defaultOptions=nz;Oo.moduleName=DB;Oo.folderName=iz;Oo.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."}]};import{Fragment as Pxe,jsx as ic,jsxs as XT}from"react/jsx-runtime";var cz="k-message",Ixe=[m.hover,m.selected,m.active,m.focus],Mxe={},Bxe=[ic(d,{icon:"copy",fillMode:"flat","aria-label":"Copy"}),ic(d,{icon:"arrow-rotate-cw-outline",fillMode:"flat","aria-label":"Retry"}),ic(d,{icon:"download-light",fillMode:"flat","aria-label":"Download"})],Ik={time:"Thu Feb 08 2018",text:"How can I help you?",status:"Seen",toolbarItems:Bxe,failed:"Failed to send"},ao=e=>{let{time:t=Ik.time,text:o=Ik.text,content:r,status:i=Ik.status,statusIcon:c,toolbarItems:p=Ik.toolbarItems,hover:h,selected:x,active:v,focus:w,toolbar:A,typing:N,expandable:B,expanded:D,removed:z,files:U,failed:X,...oe}=e,Ie=X===!0?Ik.failed:X;return XT("div",{...oe,className:l(cz,e.className,{"k-message-removed":z,"k-message-failed":X}),children:[X&&ic(Ye,{className:"k-resend-button",icon:"arrow-rotate-cw-outline",size:"xsmall",fillMode:"clear","aria-label":"Resend"}),ic(pz,{typing:N,selected:x,hover:h,active:v,focus:w,content:XT(Pxe,{children:[r,o&&ic("span",{className:"k-chat-bubble-text",children:o})]}),expandable:B,expanded:D,files:U}),XT("div",{className:"k-message-info",children:[i&&XT("span",{className:"k-message-status",children:[c&&ic(f,{icon:c,size:"xsmall"}),i]}),t&&ic("time",{className:"k-message-time",children:t}),X&&XT("span",{className:"k-message-failed-content",children:[X&&ic(f,{icon:"warning-triangle",size:"xsmall"}),X&&ic("span",{className:"k-message-failed-text",children:Ie})]})]}),A&&ic(ie,{className:"k-chat-message-toolbar",fillMode:"flat",children:p})]})};ao.states=Ixe;ao.options=Mxe;ao.className=cz;ao.defaultOptions=Ik;import{jsx as Mk,jsxs as RB}from"react/jsx-runtime";var ZT="k-message-group",Dxe=[m.selected],Rxe={},vA={author:"Bruv",avatar:"/packages/html/assets/avatar.jpg",type:"receiver"},ro=e=>{let{type:t=vA.type,author:o=vA.author,avatar:r=vA.avatar,status:i,selected:c,fullWidth:p,...h}=e;return RB("div",{...h,className:l(ZT,e.className,L(ZT,{selected:c}),{[`${ZT}-${t}`]:t,"k-no-avatar":!r,[`${ZT}-full-width`]:p}),children:[r&&!i&&Mk(Hr,{type:"image",children:Mk("img",{src:r,alt:o||""})}),i&&r&&RB("div",{className:"k-chat-user-status-wrapper",children:[Mk(Hr,{type:"image",children:Mk("img",{src:r,alt:o||""})}),Mk("div",{className:"k-chat-user-status"})]}),RB("div",{className:"k-message-group-content",children:[o&&Mk("span",{className:"k-message-author",children:o}),e.children]})]})};ro.states=Dxe;ro.options=Rxe;ro.className=ZT;ro.defaultOptions=vA;import{Fragment as Kxe,jsx as TA,jsxs as mz}from"react/jsx-runtime";var OB="k-message-reference",Oxe={},uz={type:"receiver"},Zb=e=>{let{content:t,closeable:o,pinned:r,type:i=uz.type,...c}=e;return mz("div",{...c,className:l(OB,e.className,{[`${OB}-${i}`]:i,"k-message-pinned":r}),children:[r&&TA(f,{icon:"pin-outline"}),TA("div",{className:"k-message-reference-content",children:t}),o&&mz(Kxe,{children:[TA("span",{className:"k-spacer"}),TA(d,{icon:"x-mark-sm-outline",fillMode:"flat",size:"xsmall","aria-label":"Close"})]})]})};Zb.options=Oxe;Zb.className=OB;Zb.defaultOptions=uz;var KB="bubble",bz=KB;import{jsx as wA,jsxs as Gxe}from"react/jsx-runtime";var YB="k-bubble",Yxe=[m.hover,m.active,m.selected,m.focus],GB={expandable:!1,expanded:!1},wu=e=>{let{content:t,hover:o,active:r,focus:i,selected:c,expandable:p=GB.expandable,expanded:h=GB.expanded,...x}=e;return Gxe("div",{...x,className:l(e.className,YB,L(YB,{hover:o,active:r,focus:i,selected:c}),{"k-bubble-expandable":p},{"k-expanded":h}),tabIndex:0,children:[wA("div",{className:"k-bubble-content",children:t??e.children}),p&&wA("span",{className:"k-bubble-expandable-indicator",role:"button","aria-label":h?"Show less":"Show more",tabIndex:0,children:h?wA(f,{icon:"chevron-up"}):wA(f,{icon:"chevron-down"})})]})};wu.states=Yxe;wu.className=YB;wu.defaultOptions=GB;wu.moduleName=KB;wu.folderName=bz;wu.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."}]};import{jsx as C$t}from"react/jsx-runtime";import{jsx as I$t}from"react/jsx-runtime";import{jsx as D$t}from"react/jsx-runtime";import{jsx as HB,jsxs as hz}from"react/jsx-runtime";var Hxe="k-chat-bubble",pz=e=>{let{typing:t,content:o,files:r,...i}=e;return hz(wu,{...i,className:l(e.className,Hxe),children:[t?hz("div",{className:"k-typing-indicator",tabIndex:-1,children:[HB("span",{}),HB("span",{}),HB("span",{})]}):o,r]})};import{jsx as zxe}from"react/jsx-runtime";var Fxe="k-timestamp",U$t=e=>zxe("div",{className:l(e.className,Fxe),children:e.children});import{jsx as gz,jsxs as Wxe}from"react/jsx-runtime";var kz="k-chat-event",FB={icon:"trash",text:"You deleted Chat history."},xz=e=>{let{icon:t=FB.icon,text:o=FB.text,...r}=e;return Wxe("div",{...r,className:l(e.className,kz),children:[t&&gz(f,{className:"k-chat-event-icon",icon:t,size:"xsmall"}),o&&gz("span",{className:"k-chat-event-text",children:o})]})};xz.className=kz;xz.defaultOptions=FB;import{jsx as Qxe}from"react/jsx-runtime";var Vxe="k-chat-header",reo=e=>Qxe(ie,{...e,className:l(e.className,Vxe),children:e.children});import{Fragment as Xxe,jsx as cp,jsxs as Zxe}from"react/jsx-runtime";var vz=e=>cp(Oo,{children:Zxe(Xxe,{children:[cp("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),cp(ro,{children:cp(ao,{})}),cp(ro,{type:"sender",children:cp(ao,{})}),cp(ro,{children:cp(ao,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),cp(ro,{type:"sender",children:cp(ao,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e});import{jsx as Tz}from"react/jsx-runtime";var NA="k-file-box-wrapper",wz={layout:"horizontal"},Ei=e=>{let{layout:t=wz.layout,scrollingPosition:o,...r}=e;return Tz("ul",{role:"list","aria-label":"Attached files",...r,className:l(e.className,NA,{"k-files-vertical":t==="vertical","k-files-wrap":t==="wrap",[`${NA}-scrollable-start`]:t==="horizontal"&&(o==="start"||o==="both"),[`${NA}-scrollable-end`]:t==="horizontal"&&(o==="end"||o==="both")}),children:t==="horizontal"?Tz("div",{className:"k-files-scroll",role:"presentation",children:e.children}):e.children})};Ei.className=NA;Ei.defaultOptions=wz;var zB="file-box",Nz=zB;import{jsx as Bk,jsxs as yz}from"react/jsx-runtime";var Az="k-file-box",Uxe=[m.selected],Jxe={},UT={icon:"file-pdf",name:"FileName.pdf",size:"2MB",showButton:"true"},Ya=e=>{let{icon:t=UT.icon,name:o=UT.name,size:r=UT.size,status:i,deleted:c,removeButton:p,showButton:h=UT.showButton,...x}=e,v=[o,r].filter(Boolean).join(" ");return yz("li",{role:"listitem",tabIndex:0,"aria-label":v||void 0,...x,className:l(Az,e.className,{"k-file-deleted":c}),children:[Bk(f,{icon:t,size:"xlarge","aria-hidden":"true"}),yz("div",{className:"k-file-info",children:[o&&Bk("span",{className:"k-file-name",children:o}),r&&Bk("span",{className:"k-file-size",children:r}),i&&Bk("span",{className:"k-file-status",children:i})]}),h&&(p?Bk(d,{as:"span",icon:"x-mark-sm-outline",fillMode:"flat",size:"xsmall","aria-hidden":"true"}):Bk(Je,{icon:"more-vertical",fillMode:"flat",size:"xsmall",showArrow:!1,"aria-label":"File actions"}))]})};Ya.states=Uxe;Ya.options=Jxe;Ya.className=Az;Ya.defaultOptions=UT;Ya.moduleName=zB;Ya.folderName=Nz;Ya.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."}]};import{jsx as Cz}from"react/jsx-runtime";var Neo=e=>Cz(Ei,{...e,children:Cz(Ya,{})});import{jsx as Sz}from"react/jsx-runtime";var Eeo=e=>Sz(Ei,{...e,children:Sz(Ya,{removeButton:!0})});import{jsx as WB,jsxs as jxe}from"react/jsx-runtime";var Peo=e=>jxe(Ei,{...e,children:[WB(Ya,{tabIndex:0}),WB(Ya,{icon:"file-image",name:"Photo.png",size:"5MB",tabIndex:-1}),WB(Ya,{icon:"file-txt",name:"Notes.txt",size:"1KB",tabIndex:-1})]});import{jsx as Ez,jsxs as qxe}from"react/jsx-runtime";var Yeo=e=>qxe(Ei,{layout:"vertical",...e,children:[Ez(Ya,{tabIndex:0}),Ez(Ya,{icon:"file-image",name:"Photo.png",size:"5MB",tabIndex:-1})]});import{jsx as Lz}from"react/jsx-runtime";var Weo=e=>Lz(Ei,{...e,children:Lz(Ya,{showButton:!1})});import{Fragment as Iz,jsx as rm,jsxs as _xe}from"react/jsx-runtime";var oto=e=>rm(Oo,{children:rm(Iz,{children:rm(ro,{children:rm(ao,{})})}),files:rm(Iz,{children:_xe(Ei,{scrollingPosition:"start",children:[rm(Ya,{removeButton:!0}),rm(Ya,{icon:"file-psd",name:"File with long name",size:"5MB",removeButton:!0}),rm(Ya,{icon:"file-txt",name:"Another file with longer name",removeButton:!0}),rm(Ya,{icon:"file-csv",name:"Another file with even longer name",size:"5MB",removeButton:!0})]})}),...e});import{Fragment as $xe,jsx as Pk,jsxs as eve}from"react/jsx-runtime";var ito=e=>Pk(Oo,{children:eve($xe,{children:[Pk("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),Pk(ro,{children:Pk(ao,{toolbar:!0,text:"Message with toolbar."})}),Pk(ro,{type:"sender",children:Pk(ao,{})})]}),...e});import{Fragment as tve,jsx as Pn,jsxs as yA}from"react/jsx-runtime";var pto=e=>Pn(Oo,{children:yA(tve,{children:[Pn("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),Pn(ro,{fullWidth:!0,children:Pn(ao,{text:null,content:yA("div",{className:"k-skeleton-container",style:{width:"100%"},children:[Pn(Uu,{style:{width:"100%"}}),Pn(Uu,{style:{width:"100%"}}),Pn(Uu,{style:{width:"100%"}}),Pn(Uu,{style:{width:"75%"}})]})})}),Pn(ro,{type:"sender",fullWidth:!0,avatar:null,children:Pn(ao,{text:null,content:yA("div",{className:"k-skeleton-container",style:{width:"100%",display:"flex",alignItems:"center",gap:"var( --kendo-spacing-1 )"},children:[Pn(_w,{style:{width:"32px",height:"32px"}}),yA("div",{style:{flex:"1 1 50%"},children:[Pn(Uu,{style:{width:"100%"}}),Pn(Uu,{style:{width:"50%"}})]})]})})})]}),...e});import{Fragment as ove,jsx as AA,jsxs as ave}from"react/jsx-runtime";var fto=e=>AA(Oo,{generating:!0,children:ave(ove,{children:[AA("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),AA(ro,{fullWidth:!0,avatar:null,children:AA(ao,{})})]}),...e});import{Fragment as VB,jsx as Zs,jsxs as CA}from"react/jsx-runtime";var Nto=e=>CA(VB,{children:[Zs(Oo,{children:CA(VB,{children:[Zs("div",{className:"k-timestamp",children:"Day, Month 7, 2023"}),Zs(ro,{children:Zs(ao,{})}),Zs(ro,{type:"sender",children:Zs(ao,{})}),Zs(ro,{children:Zs(ao,{text:"Very long message text that tests message overflowing behavior. Very long message text that tests message overflowing behavior."})}),Zs(ro,{type:"sender",children:Zs(ao,{text:"Unusually_long_word_that_tests_word_break_behavior__unusually_long_word_that_tests_word_break_behavior"})})]}),...e}),CA(Vi,{className:"k-chat-upload",title:"Upload file(s)",actions:["x"],actionButtons:CA(VB,{children:[Zs(d,{themeColor:"primary",disabled:!0,children:"Upload"}),Zs(d,{children:"Cancel"})]}),children:[Zs(ql,{}),Zs(cr,{empty:!0,status:"upload"})]})]});import{jsx as rve}from"react/jsx-runtime";var Sto=e=>rve(Oo,{empty:!0,...e});import{Fragment as lve,jsx as JT,jsxs as ive}from"react/jsx-runtime";var Mto=e=>JT(Oo,{children:ive(lve,{children:[JT(ro,{children:JT(ao,{})}),JT(ro,{children:JT(ao,{typing:!0,text:null})})]}),...e});import{Fragment as sve,jsx as jT,jsxs as nve}from"react/jsx-runtime";var Rto=e=>jT(Oo,{children:nve(sve,{children:[jT(ro,{children:jT(ao,{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."})}),jT(ro,{type:"sender",children:jT(ao,{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});import{Fragment as dve,jsx as Dk,jsxs as cve}from"react/jsx-runtime";var Gto=e=>Dk(Oo,{pinned:Dk(Zb,{pinned:!0,closeable:!0,content:"Pinned message content"}),children:cve(dve,{children:[Dk(ro,{children:Dk(ao,{})}),Dk(ro,{type:"sender",children:Dk(ao,{})})]}),...e});import{Fragment as pve,jsx as SA}from"react/jsx-runtime";var Wto=e=>SA(Oo,{children:SA(pve,{children:SA(ro,{type:"sender",children:SA(ao,{failed:!0,text:"Failed message"})})}),...e});import{Fragment as gve,jsx as ol,jsxs as EA}from"react/jsx-runtime";var mve=Oo.states,uve=Oo.defaultOptions,bve=Oo.options,fve=[{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"}],hve=[],Rk=e=>{let{modifiers:t,...o}=e,r={author:null,avatar:null},i=EA(ai,{className:"k-chat-header",positionMode:"sticky",themeColor:"primary",children:[ol("span",{className:"k-spacer k-spacer-sized k-w-1"}),ol(Bs,{children:ol("span",{children:"Chat with demo bot"})}),ol("span",{className:"k-spacer"}),ol(Bs,{children:ol(d,{fillMode:"flat",icon:"more-vertical"})})]}),c=ol(Zb,{type:"sender",pinned:!0,content:"Hello! Generate a cover letter.",closeable:!0}),p=EA(cl,{children:[ol(ya,{text:"Provide a CV template"}),ol(ya,{text:"Generate a cover letter"})]}),h=EA(cl,{children:[ol(ya,{themeColor:"primary",text:"Thank you!"}),ol(ya,{themeColor:"primary",text:"Great!"})]}),x="https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg",v=null,w="User",A="Demo Bot";Object.keys(t||{}).forEach(oe=>{switch(oe){case"header":r.header=t?.[oe]?i:!1;break;case"pinned":r.pinned=t?.[oe]?c:!1;break;case"suggested":r.suggestedActions=t?.[oe]?p:!1;break;case"author":r.author=t?.[oe]?!0:null;break;case"avatar":r.avatar=t?.[oe]?x:null;break;case"quick":r.quickReplies=t?.[oe]?h:ol(gve,{});break;default:break}});let{header:N,pinned:B,suggestedActions:D,author:z,avatar:U,quickReplies:X}=r;return EA(vz,{value:"Thank you!",style:{minHeight:"100%"},...o,header:N,pinned:B,suggestedActions:D,children:[ol(ro,{avatar:v,author:z?A:null,children:ol(ao,{text:"Hello, this is a demo bot. How can I help you ?"})}),ol(ro,{avatar:U?x:null,author:z?w:null,type:"sender",children:ol(ao,{text:"Hello! Generate a cover letter."})}),ol(ro,{avatar:v,author:z?A:null,children:ol(ao,{text:"Sure. Here is a cover letter template",files:ol(Ei,{children:ol(Ya,{icon:"file-pdf",name:"cover_letter.pdf",size:"1.43MB"})})})}),X]})};Rk.options=bve;Rk.states=mve;Rk.variants=hve;Rk.defaultOptions=uve;Rk.modifiers=fve;Rk.className=Oo.className;import{jsx as lm,jsxs as Tve}from"react/jsx-runtime";var Mz="k-mediaplayer-toolbar",kve=[],xve={},vve=[lm(d,{fillMode:"flat",icon:"play",className:"k-play-button","aria-label":"Play","aria-pressed":"false"},"play"),Tve(at,{className:"k-mediaplayer-currenttime-wrap",children:[lm("span",{className:"k-mediaplayer-currenttime",children:"00:18"})," / ",lm("span",{className:"k-mediaplayer-duration",children:"00:55"})]},"currenttime"),lm("div",{className:"k-spacer"},"spacer"),lm(d,{fillMode:"flat",icon:"volume-up",className:"k-volume-button","aria-label":"Mute","aria-pressed":"false"},"volume"),lm(at,{className:"k-mediaplayer-volume-wrap",children:lm(th,{className:"k-mediaplayer-volume",showButtons:!1,showTicks:!1})},"volume-wrap"),lm(d,{fillMode:"flat",icon:"fullscreen",className:"k-fullscreen-button","aria-label":"Full screen","aria-pressed":"false"},"fullscreen")],Bz={toolbarItems:vve},Ok=e=>{let{toolbarItems:t=Bz.toolbarItems,...o}=e;return lm(ie,{...o,className:l(e.className,Mz),children:t})};Ok.states=kve;Ok.options=xve;Ok.className=Mz;Ok.defaultOptions=Bz;var Pz="media-player",Dz="mediaplayer";import{jsx as LA,jsxs as Rz}from"react/jsx-runtime";var Oz="k-mediaplayer",wve=[],Nve={},Kz={title:"Media player title"},sc=e=>{let{title:t=Kz.title,toolbarItems:o,children:r,...i}=e;return Rz("div",{...i,className:l(e.className,Oz),children:[r,LA("div",{className:"k-mediaplayer-titlebar",children:t}),Rz("div",{className:"k-mediaplayer-toolbar-wrap",children:[LA(th,{className:"k-mediaplayer-seekbar",showButtons:!1,showTicks:!1}),LA(Ok,{toolbarItems:o})]}),LA("div",{className:"k-mediaplayer-overlay"})]})};sc.states=wve;sc.options=Nve;sc.className=Oz;sc.defaultOptions=Kz;sc.moduleName=Pz;sc.folderName=Dz;sc.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."}]};import{jsx as yve}from"react/jsx-runtime";var Yz=e=>yve(sc,{...e});import{jsx as Gz}from"react/jsx-runtime";var Ave={"--kendo-slider-start":0,"--kendo-slider-end":30},Cve={},Sve=[],Eve=[],Lve={},Ive=[],Kk=e=>Gz(Yz,{...e,style:{height:"360px",width:"540px",...Ave},children:Gz("div",{className:"k-bg-primary-subtle",style:{width:"100%",height:"100%"}})});Kk.options=Cve;Kk.states=Sve;Kk.variants=Eve;Kk.defaultOptions=Lve;Kk.modifiers=Ive;Kk.className=sc.className;var wr="timeline",Sr=wr;import{Fragment as Pve,jsx as Hz}from"react/jsx-runtime";var qT="k-timeline",Mve=[],Bve={},Fz={orientation:"vertical"},al=e=>{let{orientation:t=Fz.orientation,collapsibleEvents:o,alternatingMode:r,...i}=e;return Hz("div",{...i,className:l(e.className,qT,{[`${qT}-${t}`]:t,[`${qT}-alternating`]:r,[`${qT}-collapsible`]:o}),children:Hz(Pve,{children:e.children})})};al.states=Mve;al.options=Bve;al.className=qT;al.defaultOptions=Fz;al.moduleName=wr;al.folderName=Sr;al.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."}]};import{jsx as im,jsxs as QB}from"react/jsx-runtime";var zz="k-timeline-event",Dve=[],Rve={},Yk={collapsed:!1,reverse:!1,title:"Event title",subtitle:"Event subtitle",content:"Event content"},rl=e=>{let{date:t,content:o=Yk.content,collapsed:r=Yk.collapsed,reverse:i=Yk.reverse,title:c=Yk.title,subtitle:p=Yk.subtitle,showCollapseButton:h,id:x=b("timeline-event"),...v}=e,w=`${x}-date`;return QB("li",{...v,className:l(e.className,zz,{"k-reverse":i}),children:[t&&im("div",{className:"k-timeline-date-wrap",children:im("span",{className:"k-timeline-date",id:w,children:t})}),im(Dn,{}),o&&im("div",{className:l("k-timeline-card",{"k-collapsed":r}),children:im(Gk,{...i?{callout:"right"}:{callout:"left"},ariaRole:"button",ariaDescribedBy:t?w:void 0,ariaLive:"polite",cardTabIndex:0,ariaExpanded:h?!r:void 0,children:QB("div",{className:"k-card-inner",children:[QB(qo,{children:[im(Ub,{collapsible:h,children:c}),im(qc,{children:p})]}),im(Ut,{children:im("div",{className:"k-card-description",children:o})})]})})}),e.children]})};rl.states=Dve;rl.options=Rve;rl.className=zz;rl.defaultOptions=Yk;rl.moduleName=wr;rl.folderName=Sr;import{jsx as Hk,jsxs as XB}from"react/jsx-runtime";var Wz="k-timeline-event",Ove=[],Kve={},IA={title:"Event title",subtitle:"Event subtitle",content:"Event content"},pp=e=>{let{content:t=IA.content,title:o=IA.title,subtitle:r=IA.subtitle,ariaLabel:i,panelTabIndex:c,...p}=e;return XB("li",{...p,className:l(e.className,Wz),children:[t&&Hk("div",{className:l("k-timeline-card"),children:Hk(Gk,{orientation:"vertical",callout:"top",ariaRole:"tabpanel",ariaLabel:i,cardTabIndex:c,children:XB("div",{className:"k-card-inner",children:[XB(qo,{children:[Hk(Ub,{children:o}),Hk(qc,{children:r})]}),Hk(Ut,{children:Hk("div",{className:"k-card-description",children:t})})]})})}),e.children]})};pp.states=Ove;pp.options=Kve;pp.className=Wz;pp.defaultOptions=IA;pp.moduleName=wr;pp.folderName=Sr;import{jsx as Vz}from"react/jsx-runtime";var Qz="k-timeline-events-list",Jb=e=>{let{...t}=e;return Vz("div",{...t,className:l(e.className,Qz),children:Vz("ul",{className:"k-timeline-scrollable-wrap",children:e.children})})};Jb.className=Qz;Jb.moduleName=wr;Jb.folderName=Sr;import{jsx as Hve,jsxs as Fve}from"react/jsx-runtime";var Xz="k-timeline-flag-wrap",Yve=[m.focus,m.selected],Gve={},Zz={year:"2020"},Hl=e=>{let{year:t=Zz.year,...o}=e;return Fve("li",{...o,className:l(e.className,Xz),children:[Hve("span",{className:"k-timeline-flag",children:t}),e.children]})};Hl.states=Yve;Hl.options=Gve;Hl.className=Xz;Hl.defaultOptions=Zz;Hl.moduleName=wr;Hl.folderName=Sr;import{jsx as zve}from"react/jsx-runtime";var Uz="k-timeline-circle",Dn=e=>{let{...t}=e;return zve("span",{...t,className:l(e.className,Uz)})};Dn.className=Uz;Dn.moduleName=wr;Dn.folderName=Sr;import{jsx as Wve}from"react/jsx-runtime";var Jz="k-timeline-flag",sm=e=>{let{content:t,...o}=e;return Wve("span",{...o,className:l(e.className,Jz),children:t})};sm.className=Jz;sm.moduleName=wr;sm.folderName=Sr;import{jsx as Xve,jsxs as Zve}from"react/jsx-runtime";var Vve=[],Qve={},Gk=e=>{let{callout:t,children:o,ariaRole:r,ariaDescribedBy:i,ariaLive:c,ariaExpanded:p,ariaLabel:h,cardTabIndex:x,...v}=e;return Zve(Lo,{className:l(e.className),orientation:"vertical",callout:"true",role:r,"aria-describedby":i,"aria-live":c,"aria-expanded":p!==void 0?p?"true":"false":void 0,"aria-label":h,tabIndex:x,...v,children:[t&&Xve(_T,{callout:t}),o]})};Gk.states=Vve;Gk.defaultOptions=Qve;import{jsx as ZB,jsxs as jve}from"react/jsx-runtime";var jz="k-card-title",Uve=[],Jve={},Ub=e=>{let{collapsible:t,children:o,...r}=e;return jve("div",{className:l(e.className,jz),...r,children:[ZB("span",{className:"k-event-title",children:o}),t&&ZB("span",{className:"k-event-collapse k-button k-button-flat k-button-xs k-icon-button",children:ZB(f,{icon:"chevron-right",className:"k-button-icon"})})]})};Ub.states=Uve;Ub.className=jz;Ub.defaultOptions=Jve;import{jsx as $ve}from"react/jsx-runtime";var qz="k-timeline-card-callout",qve=[],_ve={},_T=e=>{let{...t}=e;return $ve(qy,{className:l(e.className,qz),...t})};_T.states=qve;_T.className=qz;_T.defaultOptions=_ve;import{jsx as _z}from"react/jsx-runtime";var $z="k-timeline-date-wrap",eTe=[],tTe={},e8={date:"May 25, 2008"},Us=e=>{let{date:t=e8.date,...o}=e;return _z("div",{...o,className:l(e.className,$z),children:_z("span",{className:"k-timeline-date",children:t})})};Us.states=eTe;Us.options=tTe;Us.className=$z;Us.defaultOptions=e8;Us.moduleName=wr;Us.folderName=Sr;import{jsx as UB,jsxs as oTe}from"react/jsx-runtime";var t8="k-timeline-track-wrap",jb=e=>{let{...t}=e;return oTe("div",{...t,className:l(e.className,t8),children:[UB(d,{className:"k-timeline-arrow k-timeline-arrow-left",rounded:"full",icon:"chevron-left",disabled:!0,"aria-hidden":"true",tabIndex:-1}),UB(d,{className:"k-timeline-arrow k-timeline-arrow-right",rounded:"full",icon:"chevron-right","aria-hidden":"true",tabIndex:-1}),UB($T,{children:e.children})]})};jb.className=t8;jb.moduleName=wr;jb.folderName=Sr;import{jsx as o8}from"react/jsx-runtime";var a8="k-timeline-track",$T=e=>{let{...t}=e;return o8("div",{...t,className:l(e.className,a8),children:o8("ul",{className:"k-timeline-scrollable-wrap",role:"tablist",children:e.children})})};$T.className=a8;$T.moduleName=wr;$T.folderName=Sr;import{jsxs as rTe}from"react/jsx-runtime";var JB="k-timeline-track-item",aTe=[m.focus],Li=e=>{let{content:t,focus:o,ariaSelected:r,ariaDescribedBy:i,...c}=e,p=c.className?.includes("k-timeline-flag-wrap");return rTe("li",{...c,className:l(e.className,JB,L(JB,{focus:o})),role:p?"none":"tab","aria-hidden":p?"true":void 0,"aria-selected":!p&&r?"true":void 0,"aria-describedby":p?void 0:i,children:[t,e.children]})};Li.states=aTe;Li.className=JB;Li.moduleName=wr;Li.folderName=Sr;import{jsx as ew,jsxs as lTe}from"react/jsx-runtime";var mro=e=>{let t=b("tl-ev"),o=b("tl-ev");return ew(al,{children:lTe("ul",{children:[ew(Hl,{year:"2010"}),ew(rl,{id:t,date:"May 11, 2010"}),ew(Hl,{year:"2011"}),ew(rl,{id:o,date:"Oct 11, 2011"})]}),...e})};import{jsx as tw,jsxs as iTe}from"react/jsx-runtime";var gro=e=>{let t=b("tl-ev"),o=b("tl-ev");return tw(al,{collapsibleEvents:!0,children:iTe("ul",{children:[tw(Hl,{year:"2010"}),tw(rl,{id:t,date:"May 11, 2010",collapsed:!1,showCollapseButton:!0}),tw(Hl,{year:"2011"}),tw(rl,{id:o,date:"Oct 11, 2011",subtitle:"Collapsed",collapsed:!0,showCollapseButton:!0})]}),...e})};import{jsx as qb,jsxs as sTe}from"react/jsx-runtime";var r8=e=>{let t=b("tl-ev"),o=b("tl-ev"),r=b("tl-ev"),i=b("tl-ev");return qb(al,{alternatingMode:!0,children:sTe("ul",{children:[qb(Hl,{year:"2010"}),qb(rl,{id:t,date:"Apr 11, 2010",reverse:!0}),qb(rl,{id:o,date:"May 11, 2010"}),qb(Hl,{year:"2011"}),qb(rl,{id:r,date:"Oct 11, 2011",reverse:!0}),qb(rl,{id:i,date:"Dec 11, 2011"})]}),...e})};import{Fragment as nTe,jsx as Rn,jsxs as ow}from"react/jsx-runtime";var l8=e=>Rn(al,{orientation:"horizontal",children:ow(nTe,{children:[ow(jb,{children:[Rn(Li,{className:"k-timeline-flag-wrap",children:Rn(sm,{content:"2015"})}),ow(Li,{children:[Rn(Us,{date:"Jan 14, 2015"}),Rn(Dn,{})]}),ow(Li,{focus:!0,ariaSelected:!0,ariaDescribedBy:"panel-1",children:[Rn(Us,{date:"Jun 1, 2015"}),Rn(Dn,{})]}),ow(Li,{children:[Rn(Us,{date:"Sep 29, 2015"}),Rn(Dn,{})]}),Rn(Li,{className:"k-timeline-flag-wrap",children:Rn(sm,{content:"2016"})})]}),Rn(Jb,{children:Rn(pp,{ariaLabel:"Jun 1, 2015",panelTabIndex:0})})]}),...e});import{Fragment as fTe,jsx as Fl,jsxs as _b}from"react/jsx-runtime";var dTe=al.options,cTe=al.states,pTe={...al.defaultOptions,variant:"vertical"},mTe=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],uTe=[],bTe=`
16
16
  .k-timeline-events-list .k-timeline-scrollable-wrap {
17
17
  height: 115px !important;
18
18
  }