npm - @progress/kendo-themes-html - Versions diffs - 14.0.0-dev.4 → 14.0.0-dev.6 - Mend

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

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 (160) hide show

package/dist/cjs/spreadsheet/spreadsheet-view.js CHANGED Viewed

	@@ -1 +1 @@
1	- var Ap=Object.create;var ya=Object.defineProperty;var wp=Object.getOwnPropertyDescriptor;var Ip=Object.getOwnPropertyNames;var Tp=Object.getPrototypeOf,Ep=Object.prototype.hasOwnProperty;var Cp=(e,t)=>{for(var o in t)ya(e,o,{get:t[o],enumerable:!0})},Ji=(e,t,o,a)=>{if(t&&typeof t=="object"\|\|typeof t=="function")for(let r of Ip(t))!Ep.call(e,r)&&r!==o&&ya(e,r,{get:()=>t[r],enumerable:!(a=wp(t,r))\|\|a.enumerable});return e};var or=(e,t,o)=>(o=e!=null?Ap(Tp(e)):{},Ji(t\|\|!e\|\|!e.__esModule?ya(o,"default",{value:e,enumerable:!0}):o,e)),Op=e=>Ji(ya({},"__esModule",{value:!0}),e);var Kb={};Cp(Kb,{SPREADSHEETVIEW_CLASSNAME:()=>Wi,SpreadsheetView:()=>mt,default:()=>Rb});module.exports=Op(Kb);var i=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?i(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]\|\|t[o]&&o\|\|null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var w=(e,t)=>i({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),B=(e,t)=>{let{valid:o,invalid:a,hover:r,focus:s,checked:p,active:m,selected:f,disabled:h,indeterminate:x,loading:g,empty:u,readonly:S,highlighted:N,...M}=t;return i({"k-valid":o,"k-invalid":a,"k-hover":r,"k-focus":s,"k-checked":p,"k-active":m,"k-selected":f,"k-disabled":h,"k-indeterminate":x&&!p,"k-loading":g,"k-empty":u,"k-readonly":S,"k-highlighted":N},Object.keys(M).reduce((O,A)=>(A.startsWith("k-")?O[A]=M[A]:O[`k-${A}`]=M[A],O),{}))};function qi(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var c={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},v={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},b={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},k={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},l={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"},Yi={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var ar={};function K(e){return ar[e]=(ar[e]\|\|0)+1,`k-${e}-${ar[e]}`}var jo=require("react/jsx-runtime"),rr="k-font-icon",Bp=[],Pp={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info]},Rp={},ea=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:s,...p}=e;return a?(0,jo.jsx)("span",{...p,className:i(e.className,rr,w(rr,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":s==="h"\|\|s==="both","k-flip-v":s==="v"\|\|s==="both"}),"aria-hidden":"true"}):(0,jo.jsx)(jo.Fragment,{})};ea.states=Bp;ea.options=Pp;ea.className=rr;ea.defaultOptions=Rp;var Qi=ea;var Yt=require("react/jsx-runtime"),ir="k-svg-icon",Kp=[],Dp={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info]},Zi={viewBox:"0 0 24 24"},ta=e=>{let{size:t,themeColor:o,rotate:a,flip:r,viewBox:s=Zi.viewBox,icon:p,...m}=e;if(!p)return(0,Yt.jsx)(Yt.Fragment,{});if(p==="none")return(0,Yt.jsx)("span",{...m,className:i(e.className,ir,w("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof p=="object"&&p.name&&p.name;return(0,Yt.jsx)("span",{...m,className:i(e.className,ir,w("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":r==="h"\|\|r==="both","k-flip-v":r==="v"\|\|r==="both"}),"aria-hidden":"true",children:(0,Yt.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof p=="object"?p.viewBox:s,dangerouslySetInnerHTML:typeof p=="object"?{__html:p.content}:void 0,children:p?void 0:e.children})})};ta.states=Kp;ta.options=Dp;ta.className=ir;ta.defaultOptions=Zi;var nr=ta;var sr=or(require("@progress/kendo-svg-icons"));var ji="icon",en="icons";var an=require("react");var tn=require("react"),on=(0,tn.createContext)({iconsType:"svg"});var gt=require("react/jsx-runtime"),Ma="k-icon",_p=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Hp=[],zp={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info]},lr={viewBox:"0 0 24 24",type:"svg"},L=e=>{let{iconsType:t}=(0,an.useContext)(on),{size:o,themeColor:a,icon:r,type:s=t\|\|lr.type,rotate:p,flip:m,viewBox:f=lr.viewBox,...h}=e;if(!r)return(0,gt.jsx)(gt.Fragment,{});if((t\|\|s)==="svg"){if(r==="none")return(0,gt.jsx)(nr,{...h,className:i(e.className,Ma),icon:r,size:o});let g=sr[r]?r:_p(`${r}-icon`);return sr[g]?(0,gt.jsx)(nr,{...h,className:i(e.className,Ma),icon:sr[g],size:o,themeColor:a,rotate:p,flip:m,viewBox:f}):(0,gt.jsx)(gt.Fragment,{})}return(0,gt.jsx)(Qi,{...h,className:i(e.className,Ma),icon:r,size:o,themeColor:a,rotate:p,flip:m})};L.states=Hp;L.options=zp;L.defaultOptions=lr;L.className=Ma;L.moduleName=ji;L.folderName=en;L.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var pr="tooltip",rn=pr;var kt=require("react/jsx-runtime"),dr="k-tooltip",Fp=[],Up={themeColor:[k.undefined,k.base,k.inverse,k.info,k.success,k.warning,k.error]},nn={closable:!1},Ce=e=>{let{closable:t=nn.closable,callout:o,themeColor:a,title:r,content:s,icon:p,id:m=K("tooltip"),...f}=e;return(0,kt.jsxs)("div",{...f,className:i(e.className,dr,w(dr,{themeColor:a}),{"k-tooltip-closable":t}),role:"tooltip",id:m,children:[p&&(0,kt.jsx)(L,{className:"k-tooltip-icon",icon:p}),(0,kt.jsxs)("div",{className:"k-tooltip-content",children:[r&&(0,kt.jsx)("div",{className:"k-tooltip-title",children:r}),s]}),t&&(0,kt.jsx)("div",{className:"k-tooltip-button",role:"button","aria-label":"Close",tabIndex:0,children:(0,kt.jsx)(L,{icon:"x"})}),o&&(0,kt.jsx)("div",{className:i("k-callout",{[`k-callout-${Yi.calloutMap[o]\|\|o}`]:o})})]})};Ce.states=Fp;Ce.options=Up;Ce.className=dr;Ce.defaultOptions=nn;Ce.moduleName=pr;Ce.folderName=rn;Ce.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 cr=Ce;var ln=require("react/jsx-runtime"),sn=e=>(0,ln.jsx)(cr,{content:"Tooltip Content",...e});var Gp=require("react/jsx-runtime");var mr="popup",pn=mr;var ur=require("react/jsx-runtime"),dn="k-animation-container",$p=[],Vp={},cn={positionMode:"absolute"},Je=e=>{let{positionMode:t=cn.positionMode,animationStyle:o,offset:a,...r}=e;return(0,ur.jsx)("div",{...r,style:{...a,...e.style},className:i(e.className,dn,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,ur.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};Je.states=$p;Je.options=Vp;Je.className=dn;Je.defaultOptions=cn;Je.moduleName=mr;Je.folderName=pn;var fr="button",mn=fr;var it=require("react/jsx-runtime"),oa="k-button",Wp=["icon-button"],Xp=[l.hover,l.focus,l.active,l.selected,l.disabled,l.generating],Jp={size:[c.undefined,c.xsmall,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info,k.inverse]},br={showArrow:!1,arrowIconName:"chevron-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:s,showArrow:p=br.showArrow,arrowIconName:m=br.arrowIconName,variant:f,hover:h,focus:x,active:g,selected:u,disabled:S,togglable:N,ariaDisabled:M,icon:O,text:A,iconClassName:_,className:ie,...Se}=e,Te=O!==void 0,Ee=e.children!==void 0;return(0,it.jsxs)(t,{className:i(ie,oa,qi(oa,f),w(oa,{size:o,rounded:a,fillMode:r,themeColor:s}),B(oa,{hover:h,focus:x,active:g,disabled:S\|\|M,selected:u}),{"k-icon-button":!A&&!Ee&&Te}),...Se,"aria-pressed":N?u?"true":"false":void 0,"aria-disabled":M?"true":void 0,disabled:S\|\|void 0,children:[O&&(0,it.jsx)(L,{className:i(_,"k-button-icon"),icon:O}),A?(0,it.jsxs)(it.Fragment,{children:[A&&(0,it.jsx)("span",{className:"k-button-text",children:A}),e.children]}):e.children&&(0,it.jsx)("span",{className:"k-button-text",children:e.children}),p&&(0,it.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,it.jsx)(L,{icon:m})})]})};d.states=Xp;d.options=Jp;d.variants=Wp;d.className=oa;d.defaultOptions=br;d.moduleName=fr;d.folderName=mn;d.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};var un=require("react/jsx-runtime"),Dt=e=>(0,un.jsx)(d,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});var fn=require("react/jsx-runtime"),aa=e=>(0,fn.jsx)(d,{icon:"folder",children:"Button",...e});var bn=require("react/jsx-runtime"),Qt=e=>(0,bn.jsx)(d,{children:"Button",...e});var Aa=require("react/jsx-runtime"),qp=d.options,Yp=d.states,Qp={...d.defaultOptions,variant:"text"},Zp=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],jp=[],no=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,Aa.jsx)(Dt,{...o,icon:"star"});case"icon-and-text":return(0,Aa.jsx)(aa,{...o,icon:"star",children:"Button"});default:return(0,Aa.jsx)(Qt,{...o,children:"Button"})}};no.options=qp;no.states=Yp;no.variants=Zp;no.defaultOptions=Qp;no.modifiers=jp;no.className=d.className;var so=require("react/jsx-runtime"),ed={...Ce.options,closable:{type:"boolean"},callout:["none","top","bottom","left","right"]},td=Ce.states,hn={...Ce.defaultOptions,callout:"top"},od=[],lo=e=>{let{callout:t="top",...o}={...hn,...e},a={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:r,left:s,calloutDirection:p}=a[t]\|\|{};return(0,so.jsxs)("div",{style:{position:"absolute"},children:[(0,so.jsx)(Je,{style:{top:r,left:s},children:(0,so.jsx)(sn,{style:{width:"86px",textAlign:"center"},callout:p,content:"Content",...o})}),(0,so.jsx)(d,{text:"Show"})]})};lo.options=ed;lo.states=td;lo.variants=od;lo.defaultOptions=hn;lo.modifiers=[];lo.className=Ce.className;var n=require("react/jsx-runtime"),hr=[(0,n.jsx)("div",{className:"k-spreadsheet-cell k-spreadsheet-merged-cell",style:{left:"1px",top:"1px",width:"878px",height:"69px",background:"rgb(96, 181, 255)",outline:"rgb(86, 163, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"30px",whiteSpace:"pre",overflowWrap:"normal"},children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"Invoice #52 - 06/23/2015"})}),(0,n.jsx)("div",{style:{background:"rgb(167, 214, 255)",outline:"rgb(150, 193, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"71px",width:"99px",height:"24px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"ID"})}),(0,n.jsx)("div",{style:{background:"rgb(167, 214, 255)",outline:"rgb(150, 193, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"71px",width:"214px",height:"24px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"Product"})}),(0,n.jsx)("div",{style:{background:"rgb(167, 214, 255)",outline:"rgb(150, 193, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"71px",width:"114px",height:"24px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"Quantity"})}),(0,n.jsx)("div",{style:{background:"rgb(167, 214, 255)",outline:"rgb(150, 193, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"71px",width:"114px",height:"24px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"Price"})}),(0,n.jsx)("div",{style:{background:"rgb(167, 214, 255)",outline:"rgb(150, 193, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"71px",width:"114px",height:"24px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"Tax"})}),(0,n.jsx)("div",{style:{background:"rgb(167, 214, 255)",outline:"rgb(150, 193, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"71px",width:"154px",height:"24px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"Amount"})}),(0,n.jsx)("div",{style:{background:"rgb(167, 214, 255)",outline:"rgb(150, 193, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"71px",width:"63px",height:"24px"},className:"k-spreadsheet-cell"}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"96px",width:"99px",height:"29px"},className:"k-spreadsheet-cell k-left k-single",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"216321"})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"96px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"Calzone"})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"96px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"1"})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"96px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$12.39"})})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"96px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$2.48"})})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"96px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$14.87"})})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"96px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"126px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"546897"})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"126px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"Margarita"})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"126px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"2"})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"126px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$8.79"})})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"126px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$3.52"})})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"126px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$21.10"})})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"126px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"156px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"456231"})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"156px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"Pollo Formaggio"})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"156px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"1"})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"156px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$13.99"})})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"156px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$2.80"})})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"156px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$16.79"})})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"156px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"186px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"455873"})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"186px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"Greek Salad"})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"186px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"1"})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"186px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$9.49"})})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"186px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$1.90"})})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"186px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$11.39"})})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"186px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"216px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"456892"})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"216px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"Spinach and Blue Cheese"})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"216px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"3"})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"216px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$11.49"})})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"216px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$6.89"})})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"216px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$41.36"})})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"216px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"246px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"546564"})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"246px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"Rigoletto"})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"246px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"1"})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"246px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$10.99"})})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"246px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$2.20"})})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"246px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$13.19"})})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"246px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"276px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"789455"})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"276px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"Creme Brulee"})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"276px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"5"})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"276px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$6.99"})})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"276px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$6.99"})})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"276px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$41.94"})})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"276px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"306px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"123002"})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"306px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"Radeberger Beer"})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"306px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"4"})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"306px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$4.99"})})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"306px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$3.99"})})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"306px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$23.95"})})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"306px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"336px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"564896"})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"336px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"Budweiser Beer"})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"336px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"3"})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"336px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$4.49"})})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"336px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$2.69"})})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"336px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$16.16"})})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"336px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"366px",width:"99px",height:"29px"},className:"k-spreadsheet-cell"}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"366px",width:"214px",height:"29px"},className:"k-spreadsheet-cell"}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"366px",width:"114px",height:"29px"},className:"k-spreadsheet-cell"}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"366px",width:"114px",height:"29px"},className:"k-spreadsheet-cell"}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"366px",width:"114px",height:"29px"},className:"k-spreadsheet-cell"}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"366px",width:"154px",height:"29px"},className:"k-spreadsheet-cell"}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"366px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"396px",width:"99px",height:"29px"},className:"k-spreadsheet-cell"}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"396px",width:"214px",height:"29px"},className:"k-spreadsheet-cell"}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"396px",width:"114px",height:"29px"},className:"k-spreadsheet-cell"}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"396px",width:"114px",height:"29px"},className:"k-spreadsheet-cell"}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"396px",width:"114px",height:"29px"},className:"k-spreadsheet-cell"}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"396px",width:"154px",height:"29px"},className:"k-spreadsheet-cell"}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"396px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"})],xn=[(0,n.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:0,height:"405px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"100px",height:"405px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"315px",height:"405px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"430px",height:"405px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"545px",height:"405px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"660px",height:"405px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"815px",height:"405px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"879px",height:"405px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"943px",height:"405px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"1007px",height:"405px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"1071px",height:"405px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"1135px",height:"405px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"1199px",height:"405px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"0px",width:"1199px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"70px",width:"1199px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"95px",width:"1199px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"125px",width:"1199px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"155px",width:"1199px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"185px",width:"1199px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"215px",width:"1199px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"245px",width:"1199px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"275px",width:"1199px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"305px",width:"1199px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"335px",width:"1199px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"365px",width:"1199px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"395px",width:"1199px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"426px",width:"1199px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-disabled-mask",style:{top:"1px",width:"878px",left:"1px",height:"69px"}})];var xr="button",vn=xr;var gn=require("react/jsx-runtime"),ra="k-button-group",ad=[l.disabled],rd={fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},id={},I=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return(0,gn.jsx)("div",{role:"group",...r,className:i(e.className,ra,w(ra,{fillMode:t}),B(ra,{disabled:o}),{[`${ra}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};I.states=ad;I.options=rd;I.className=ra;I.defaultOptions=id;I.moduleName=xr;I.folderName=vn;I.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};var vr=require("react/jsx-runtime");var gr=require("react/jsx-runtime");var kr=require("react/jsx-runtime");var Nr=require("react/jsx-runtime");var Sr=require("react/jsx-runtime");var Lr=require("react/jsx-runtime");var _e=require("react/jsx-runtime"),nd={...d.options,...I.options},sd=d.states,ld={...d.defaultOptions,...I.defaultOptions,variant:"text-button"},pd=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],dd=[],po=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,_e.jsxs)(I,{fillMode:a.fillMode,className:o,children:[(0,_e.jsx)(d,{...a,icon:"star"}),(0,_e.jsx)(d,{...a,icon:"star"}),(0,_e.jsx)(d,{...a,icon:"star"})]}):t==="icon-text-button"?(0,_e.jsxs)(I,{fillMode:a.fillMode,className:o,children:[(0,_e.jsx)(d,{...a,icon:"star",children:"First"}),(0,_e.jsx)(d,{...a,icon:"star",children:"Middle"}),(0,_e.jsx)(d,{...a,icon:"star",children:"Last"})]}):(0,_e.jsxs)(I,{fillMode:a.fillMode,className:o,children:[(0,_e.jsx)(d,{...a,children:"First"}),(0,_e.jsx)(d,{...a,children:"Middle"}),(0,_e.jsx)(d,{...a,children:"Last"})]})};po.options=nd;po.states=sd;po.variants=pd;po.defaultOptions=ld;po.modifiers=dd;po.className=I.className;var ia="input",wa=ia;var kn=require("react/jsx-runtime"),Ia="k-input",cd=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],md={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},ud={},ne=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:p,readonly:m,size:f,rounded:h,fillMode:x,...g}=e;return(0,kn.jsx)("span",{...g,className:i(e.className,Ia,w(Ia,{size:f,rounded:h,fillMode:x}),B(Ia,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:p,readonly:m}))})};ne.states=cd;ne.options=md;ne.className=Ia;ne.defaultOptions=ud;ne.moduleName=ia;ne.folderName=wa;var Nn=require("react/jsx-runtime"),Ta="k-picker",fd=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],bd={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},hd={},ut=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:p,readonly:m,size:f,rounded:h,fillMode:x,...g}=e;return(0,Nn.jsx)("span",{...g,className:i(e.className,Ta,w(Ta,{size:f,rounded:h,fillMode:x}),B(Ta,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:p,readonly:m})),children:e.children})};ut.states=fd;ut.options=bd;ut.className=Ta;ut.defaultOptions=hd;ut.moduleName=ia;ut.folderName=wa;var co=require("react/jsx-runtime"),Sn="k-clear-value",xd=[l.disabled,l.loading,l.readonly],vd={},Ge=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t\|\|a\|\|o\|\|!r?(0,co.jsx)(co.Fragment,{}):(0,co.jsx)("span",{className:i(e.className,Sn),children:(0,co.jsx)(L,{icon:"x"})})};Ge.states=xd;Ge.options=vd;Ge.className=Sn;var Ln=require("react/jsx-runtime"),yr="k-input-inner",gd=[],kd={},Ea={type:"text",autocomplete:"off",value:"",placeholder:""},$e=e=>{let{value:t=Ea.value,type:o=Ea.type,placeholder:a=Ea.placeholder,autocomplete:r=Ea.autocomplete,disabled:s,readOnly:p,...m}=e;return(0,Ln.jsx)("input",{...m,type:o,className:i(e.className,yr,w(yr,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:s\|\|void 0,readOnly:p\|\|void 0})};$e.states=gd;$e.options=kd;$e.className=yr;var na=require("react/jsx-runtime"),Mr="k-input-inner",Nd=[],Sd={},Zt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:s,...p}=e;return(0,na.jsxs)("span",{...p,className:i(e.className,Mr,w(Mr,e)),children:[r,!r&&s&&(0,na.jsx)(L,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&(0,na.jsx)("span",{className:"k-input-value-text",children:t})]})};Zt.states=Nd;Zt.options=Sd;Zt.className=Mr;var Mn=require("react/jsx-runtime"),Ar="k-input-inner",Ld=[],yd={},yn={value:"",placeholder:""},wr=e=>{let{value:t=yn.value,placeholder:o=yn.placeholder,rows:a,disabled:r,...s}=e;return(0,Mn.jsx)("textarea",{...s,className:i(e.className,Ar,w(Ar,e)),placeholder:o,rows:a,defaultValue:t,disabled:r\|\|void 0})};wr.states=Ld;wr.options=yd;wr.className=Ar;var sa=require("react/jsx-runtime"),An="k-input-loading-icon",Md=[l.disabled,l.loading],He=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?(0,sa.jsx)(sa.Fragment,{}):(0,sa.jsx)("span",{className:i(e.className,An,"k-icon k-i-loading")})};He.states=Md;He.className=An;var la=require("react/jsx-runtime"),wn="k-input-validation-icon",Ad=[l.valid,l.invalid,l.disabled,l.loading],wd={},Oe=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,s=o?"warning-circle":"check-circle";return a\|\|r\|\|!!!(t\|\|o)?(0,la.jsx)(la.Fragment,{}):(0,la.jsx)(L,{className:i(wn),icon:s})};Oe.states=Ad;Oe.options=wd;Oe.className=wn;var pa=require("react/jsx-runtime"),Id="k-input-prefix",Td={direction:"horizontal"},qe=e=>{let{direction:t=Td.direction,...o}=e;return e.children?(0,pa.jsx)("span",{...o,className:i(Id,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,pa.jsx)(pa.Fragment,{})};var da=require("react/jsx-runtime"),Ed="k-input-suffix",Cd={direction:"horizontal"},Ye=e=>{let{direction:t=Cd.direction,...o}=e;return e.children?(0,da.jsx)("span",{...o,className:i(Ed,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,da.jsx)(da.Fragment,{})};var Od=require("react/jsx-runtime");var In=require("react/jsx-runtime"),Bd="k-input-suffix-text",Ir=e=>{let{children:t,...o}=e;return(0,In.jsx)("span",{...o,className:i(Bd,e.className),children:t})};var En=require("react/jsx-runtime"),Tn="k-input-separator",Pd={direction:"vertical"},Qe=e=>{let{direction:t=Pd.direction,...o}=e;return(0,En.jsx)("span",{...o,className:i(Tn,e.className,{[`${Tn}-${t}`]:t})})};var me=require("react/jsx-runtime"),Rd=ne.states,Kd=ne.defaultOptions,Dd=ne.options,_d=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Hd=[],mo=e=>{let{modifiers:t,valid:o,invalid:a,loading:r,disabled:s,readonly:p,...m}=e,f=t==null?void 0:t.prefix,h=t==null?void 0:t.suffix,x=t==null?void 0:t["clear-button"],g=t==null?void 0:t["validation-icon"],u=t==null?void 0:t.separators;return(0,me.jsxs)(ne,{...m,valid:o,invalid:a,loading:r,disabled:s,readonly:p,style:{width:300},children:[f&&(0,me.jsxs)(me.Fragment,{children:[(0,me.jsx)(qe,{children:(0,me.jsx)(L,{icon:"lock"})}),u&&(0,me.jsx)(Qe,{})]}),(0,me.jsx)($e,{placeholder:"Placeholder",value:"Value"}),g&&(0,me.jsx)(Oe,{valid:o,invalid:a,loading:r,disabled:s}),(0,me.jsx)(He,{loading:r,disabled:s}),x&&(0,me.jsx)(Ge,{loading:r,disabled:s,readonly:p,value:"Value"}),h&&(0,me.jsxs)(me.Fragment,{children:[u&&(0,me.jsx)(Qe,{}),(0,me.jsx)(Ye,{children:(0,me.jsx)(Qt,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};mo.options=Dd;mo.states=Rd;mo.variants=Hd;mo.defaultOptions=Kd;mo.modifiers=_d;mo.className=ne.className;var ca=require("react/jsx-runtime"),Cn="k-color-preview",zd=[],Fd={},_t=e=>{let{color:t,iconName:o,...a}=e;return(0,ca.jsxs)("span",{...a,className:i(e.className,Cn,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,ca.jsx)(L,{icon:o,className:"k-color-preview-icon"}),(0,ca.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};_t.states=zd;_t.options=Fd;_t.className=Cn;var Tr="popup",On=Tr;var Er=require("react/jsx-runtime"),Bn="k-popup",Ud=[],Gd={},Pn={positionMode:"absolute"},Y=e=>{let{offset:t,positionMode:o=Pn.positionMode,animationStyle:a,containerClassName:r,containerRole:s,containerAriaLabel:p,...m}=e;return(0,Er.jsx)(Je,{positionMode:o,offset:t,animationStyle:a,className:r,role:s,"aria-label":p,children:(0,Er.jsx)("div",{...m,className:i(e.className,Bn),children:e.children})})};Y.states=Ud;Y.options=Gd;Y.className=Bn;Y.defaultOptions=Pn;Y.moduleName=Tr;Y.folderName=On;Y.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var Cr="action-buttons",Rn=Cr;var Kn=require("react/jsx-runtime"),Ca="k-actions",$d=[],Vd={},Or={alignment:"start",orientation:"horizontal"},ft=e=>{let{alignment:t=Or.alignment,orientation:o=Or.orientation,...a}=e;return(0,Kn.jsx)("div",{...a,className:i(Ca,{[`${Ca}-${t}`]:t,[`${Ca}-${o}`]:o},e.className),children:e.children})};ft.states=$d;ft.options=Vd;ft.className=Ca;ft.defaultOptions=Or;ft.moduleName=Cr;ft.folderName=Rn;var _n=require("react/jsx-runtime"),Wd="k-actionsheet-footer",Dn={alignment:"stretched",orientation:"horizontal"},Ht=e=>{let{alignment:t=Dn.alignment,orientation:o=Dn.orientation,template:a,as:r=a?"div":ft,...s}=e;return(0,_n.jsx)(r,{...s,...!a&&{alignment:t,orientation:o},className:i(e.className,Wd),children:e.children})};var Br="searchbox",Hn=Br;var zt=require("react/jsx-runtime"),zn="k-searchbox",Xd=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading],Jd={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Pr={showIcon:!0,icon:"search"},Ze=e=>{let{value:t,placeholder:o,size:a,rounded:r,fillMode:s,hover:p,focus:m,valid:f,invalid:h,required:x,loading:g,disabled:u,showIcon:S=Pr.showIcon,icon:N=Pr.icon,"aria-label":M,...O}=e;return(0,zt.jsxs)(ne,{...O,size:a,rounded:r,fillMode:s,hover:p,focus:m,valid:f,invalid:h,required:x,loading:g,disabled:u,className:i(e.className,zn),children:[S&&(0,zt.jsx)(L,{className:"k-input-icon",icon:N}),(0,zt.jsx)($e,{placeholder:o,value:t,"aria-label":M}),(0,zt.jsx)(He,{...e}),(0,zt.jsx)(Oe,{...e}),(0,zt.jsx)(Ge,{...e})]})};Ze.states=Xd;Ze.options=Jd;Ze.className=zn;Ze.defaultOptions=Pr;Ze.moduleName=Br;Ze.folderName=Hn;var qd=require("react/jsx-runtime");var Rr="textbox",Fn=Rr;var Le=require("react/jsx-runtime"),Un="k-textbox",Yd=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],Qd={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Oa={showClearButton:!0,showValidationIcon:!0,separators:!0},be=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Oa.separators,showClearButton:s=Oa.showClearButton,showValidationIcon:p=Oa.showValidationIcon,prefix:m,suffix:f,type:h,value:x,placeholder:g,hover:u,focus:S,valid:N,invalid:M,required:O,loading:A,disabled:_,readonly:ie,id:Se,"aria-label":Te,"aria-describedby":Ee,...Ue}=e;return(0,Le.jsxs)(ne,{...Ue,size:t,rounded:o,fillMode:a,hover:u,focus:S,valid:N,invalid:M,required:O,loading:A,disabled:_,readonly:ie,className:i(e.className,Un),children:[m&&(0,Le.jsxs)(Le.Fragment,{children:[(0,Le.jsx)(qe,{children:m}),r&&(0,Le.jsx)(Qe,{})]}),(0,Le.jsx)($e,{id:Se,placeholder:g,value:x,type:h,disabled:_,"aria-label":Te,"aria-describedby":Ee,"aria-invalid":M?"true":void 0}),p&&(0,Le.jsx)(Oe,{valid:N,invalid:M,loading:A,disabled:_}),(0,Le.jsx)(He,{loading:A,disabled:_}),s&&(0,Le.jsx)(Ge,{loading:A,disabled:_,readonly:ie,value:x}),f&&(0,Le.jsxs)(Le.Fragment,{children:[r&&(0,Le.jsx)(Qe,{}),(0,Le.jsx)(Ye,{children:f})]})]})};be.states=Yd;be.options=Qd;be.className=Un;be.defaultOptions=Oa;be.moduleName=Rr;be.folderName=Fn;be.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var ma=be;var $n=require("react/jsx-runtime"),Gn=e=>(0,$n.jsx)(ma,{...e});var Vn=require("react/jsx-runtime");var Wn=require("react/jsx-runtime");var Zd=require("react/jsx-runtime");var Ba=require("react/jsx-runtime"),jd=be.states,ec=be.defaultOptions,tc=be.options,oc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],ac=[],uo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(r=>{switch(r){case"prefix":a.prefix=t!=null&&t[r]?(0,Ba.jsx)(L,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[r]?(0,Ba.jsx)(Qt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[r];break;default:break}}),(0,Ba.jsx)(Gn,{value:"Value",style:{width:300},...o,...a})};uo.options=tc;uo.states=jd;uo.variants=ac;uo.defaultOptions=ec;uo.modifiers=oc;uo.className=be.className;var Ve=require("react/jsx-runtime"),Xn="k-actionsheet-titlebar",rc={},Be=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:r,filter:s,input:p,inputValue:m,inputPlaceholder:f,adaptive:h,titleId:x,children:g,...u}=e;return(0,Ve.jsxs)("div",{...u,className:i(e.className,Xn),children:[(0,Ve.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,Ve.jsx)("div",{className:"k-actionsheet-actions",children:a}),!g&&(0,Ve.jsxs)("div",{className:"k-actionsheet-title",id:x,children:[t&&(0,Ve.jsx)("div",{className:"k-text-center",children:t}),o&&(0,Ve.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),g&&(0,Ve.jsx)("div",{className:"k-actionsheet-title",id:x,children:g}),r&&(0,Ve.jsx)("div",{className:"k-actionsheet-actions",children:r})]}),(p\|\|s)&&(0,Ve.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?(0,Ve.jsx)(be,{value:m,placeholder:f,size:h?"large":"medium","aria-label":t\|\|f\|\|"Input"}):(0,Ve.jsx)(Ze,{placeholder:"Filter",size:h?"large":"medium","aria-label":"Filter options"})})]})};Be.className=Xn;Be.defaultOptions=rc;var fo=require("react/jsx-runtime"),Kr="k-actionsheet-view",ic=[],nc={},sc={},bo=e=>{let{adaptive:t,animated:o,children:a,header:r,footer:s,titleId:p,...m}=e,f=(r==null?void 0:r.type)===Be&&(0,fo.jsx)(Be,{adaptive:t,titleId:p,...r==null?void 0:r.props}),h=(s==null?void 0:s.type)===Ht&&(0,fo.jsx)(Ht,{...s==null?void 0:s.props});return(0,fo.jsxs)("div",{...m,className:i(e.className,Kr,{[`${Kr}-animated`]:o}),children:[f,(0,fo.jsx)("div",{className:"k-actionsheet-content",children:a}),h]})};bo.states=ic;bo.options=nc;bo.className=Kr;bo.defaultOptions=sc;var ua="action-sheet",Pa=ua;var Dr="overlay",Jn=Dr;var Yn=require("react/jsx-runtime"),qn="k-overlay",lc=[],pc={},dc={},Ft=e=>{let{...t}=e;return(0,Yn.jsx)("div",{...t,className:i(e.className,qn),children:e.children})};Ft.states=lc;Ft.options=pc;Ft.className=qn;Ft.defaultOptions=dc;Ft.moduleName=Dr;Ft.folderName=Jn;var jt=require("react/jsx-runtime"),Qn="k-actionsheet",cc=[],mc={},fa={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},oe=e=>{let{side:t=fa.side,fullscreen:o=fa.fullscreen,adaptive:a=fa.adaptive,overlay:r=fa.overlay,template:s,children:p,header:m,footer:f,id:h,...x}=e,g=h&&!s&&m?`${h}-title`:void 0;return(0,jt.jsxs)("div",{className:"k-actionsheet-container",children:[r&&(0,jt.jsx)(Ft,{}),(0,jt.jsx)(Je,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"\|\|t==="bottom"?"width":null}`]:"100%",[`${t==="left"\|\|t==="right"?"height":null}`]:"100%"},children:(0,jt.jsx)("div",{...x,id:h,role:"dialog","aria-modal":r?"true":void 0,"aria-labelledby":g,className:i(e.className,Qn,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s\|\|(0,jt.jsx)(bo,{header:m,footer:f,adaptive:a,titleId:g,...e,children:p})})})]})};oe.states=cc;oe.options=mc;oe.className=Qn;oe.defaultOptions=fa;oe.moduleName=ua;oe.folderName=Pa;oe.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};var jn=require("react/jsx-runtime"),Zn="k-actionsheet-container",uc=[],fc={},bc={},ho=e=>{let{children:t,...o}=e;return(0,jn.jsx)("div",{...o,className:Zn,children:t})};ho.states=uc;ho.options=fc;ho.className=Zn;ho.defaultOptions=bc;ho.moduleName=ua;ho.folderName=Pa;var es=require("react/jsx-runtime"),_r=e=>{let{...t}=e;return(0,es.jsx)("div",{...t,className:i(e.className,"k-list-ul"),children:e.children})};var je=require("react/jsx-runtime"),Hr="k-actionsheet-item",hc=[l.hover,l.focus,l.selected,l.disabled],Ut=e=>{let{iconName:t,text:o,description:a,hover:r,focus:s,selected:p,disabled:m,...f}=e;return(0,je.jsxs)("span",{...f,className:i(e.className,Hr,B(Hr,{hover:r,focus:s,selected:p,disabled:m})),children:[!e.children&&(0,je.jsx)(je.Fragment,{children:(0,je.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,je.jsx)("span",{className:"k-icon-wrap",children:(0,je.jsx)(L,{className:"k-actionsheet-item-icon",icon:t})}),(0,je.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,je.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,je.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Ut.states=hc;Ut.className=Hr;var ts=require("react/jsx-runtime");var xc=require("react/jsx-runtime");var vc=require("react/jsx-runtime");var gc=require("react/jsx-runtime");var Q=require("react/jsx-runtime"),kc=oe.options,Nc=oe.states,as={...oe.defaultOptions,variant:"normal"},Sc=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Lc=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],xo=e=>{let{variant:t,modifiers:o,...a}={...as,...e},r={},s=(0,Q.jsxs)(_r,{children:[(0,Q.jsx)(Ut,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,Q.jsx)(Ut,{text:"Add to Favorites",iconName:"heart"}),(0,Q.jsx)(Ut,{text:"Upload New",iconName:"upload",disabled:!0}),(0,Q.jsx)("hr",{className:"k-hr"}),(0,Q.jsx)(Ut,{text:"Cancel",iconName:"cancel"})]}),p="Choose from the items below",m="Select Item";return t==="fullScreen"&&(r.fullScreen=!0),Object.keys(o\|\|{}).forEach(f=>{switch(f){case"actions":r.actionsStart=!!(o!=null&&o[f]),r.actionsEnd=!!(o!=null&&o[f]);break;case"subtitle":r.subtitle=o!=null&&o[f]?p:void 0;break;case"footer":r.footer=!!(o!=null&&o[f]);break;default:break}}),t==="adaptive"?(0,Q.jsx)(oe,{...a,adaptive:!0,fullscreen:r.fullScreen,header:(0,Q.jsx)(Be,{actionsStart:r.actionsStart?(0,Q.jsx)(d,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?(0,Q.jsx)(d,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:r.subtitle}),footer:r.footer?(0,Q.jsxs)(Ht,{alignment:"stretched",children:[(0,Q.jsx)(d,{text:"Cancel",size:"large",themeColor:"base"}),(0,Q.jsx)(d,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):(0,Q.jsx)(oe,{...a,fullscreen:r.fullScreen,header:(0,Q.jsx)(Be,{actionsStart:r.actionsStart?(0,Q.jsx)(d,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?(0,Q.jsx)(d,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:r.subtitle}),footer:r.footer?(0,Q.jsxs)(Ht,{alignment:"stretched",children:[(0,Q.jsx)(d,{text:"Apply",themeColor:"primary"}),(0,Q.jsx)(d,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};xo.options=kc;xo.states=Nc;xo.variants=Sc;xo.defaultOptions=as;xo.modifiers=Lc;xo.className=oe.className;var zr="slider",rs=zr;var nt=require("react/jsx-runtime"),ba="k-slider",yc=[l.hover,l.focus,l.active,l.disabled,l.readonly],Mc={},et={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},J=e=>{let{type:t=et.type,orientation:o=et.orientation,gradientType:a=et.gradientType,readonly:r=et.readonly,disabled:s=et.disabled,handlePosition:p=et.handlePosition,showButtons:m=et.showButtons,showTicks:f=et.showTicks,value:h=et.value,min:x=et.min,max:g=et.max,startValue:u,endValue:S,hover:N,focus:M,active:O,trackStyle:A,dir:_,...ie}=e,Te=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),Ee,Ue;return o==="horizontal"?(Ee=_==="rtl"?"chevron-left":"chevron-right",Ue=_==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(Ee="chevron-up",Ue="chevron-down"),(0,nt.jsxs)("div",{...ie,className:i(ba,e.className,B(ba,{readonly:r,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:_,children:[m&&(0,nt.jsx)(d,{className:"k-button-decrease",rounded:"full",icon:Ue,tabIndex:-1,title:"Decrease"}),(0,nt.jsxs)("div",{className:"k-slider-track-wrap",children:[f&&(0,nt.jsx)("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),(0,nt.jsxs)("div",{className:"k-slider-track",style:A,children:[(0,nt.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,nt.jsx)("span",{className:i("k-draghandle","k-draghandle-start",B(ba,{hover:N,focus:M,active:O})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":u??x,"aria-valuemin":x,"aria-valuemax":S??g,"aria-orientation":Te,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":ie["aria-label"]?`${ie["aria-label"]} start`:"Range start"}),(0,nt.jsx)("span",{className:i("k-draghandle",`k-draghandle-${p}`,B(ba,{hover:N,focus:M,active:O})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?S??g:h,"aria-valuemin":t==="range"?u??x:x,"aria-valuemax":g,"aria-orientation":Te,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":t==="range"?ie["aria-label"]?`${ie["aria-label"]} end`:"Range end":ie["aria-label"]})]})]}),m&&(0,nt.jsx)(d,{className:"k-button-increase",rounded:"full",icon:Ee,tabIndex:-1,title:"Increase"})]})};J.states=yc;J.options=Mc;J.className=ba;J.defaultOptions=et;J.moduleName=zr;J.folderName=rs;J.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'},{selector:".k-slider .k-slider-items",attribute:"aria-hidden=true",usage:"Hides the tick list from assistive technologies. Tick values are redundant with the drag handle value attributes."},{selector:".k-slider .k-tick",attribute:"role=presentation",usage:"Removes semantic meaning from individual tick elements. Ticks are visual-only markers."},{selector:".k-slider .k-tick",attribute:"title",usage:"Represents the value associated with the respective tick."}]};var Fr=require("react/jsx-runtime"),is="k-tick",Ac=[],wc={},ns={label:!1},T=e=>{let{style:t,label:o=ns.label,orientation:a,large:r,text:s,...p}=e;return(0,Fr.jsx)("li",{...p,role:"presentation",title:s\|\|"Tick",className:i(e.className,is,{[`k-tick-${a}`]:a,"k-tick-large":r}),style:t,children:o&&(0,Fr.jsx)("span",{className:"k-label",children:s})})};T.states=Ac;T.options=wc;T.className=is;T.defaultOptions=ns;var he=require("react/jsx-runtime"),ss=e=>(0,he.jsx)(J,{"aria-label":e["aria-label"]\|\|"Slider",children:(0,he.jsxs)(he.Fragment,{children:[(0,he.jsx)(T,{className:"k-first",label:!0,large:!0,text:"0"}),(0,he.jsx)(T,{}),(0,he.jsx)(T,{}),(0,he.jsx)(T,{}),(0,he.jsx)(T,{}),(0,he.jsx)(T,{label:!0,large:!0,text:"5"}),(0,he.jsx)(T,{}),(0,he.jsx)(T,{}),(0,he.jsx)(T,{}),(0,he.jsx)(T,{}),(0,he.jsx)(T,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var xe=require("react/jsx-runtime"),ls=e=>(0,xe.jsx)(J,{children:(0,xe.jsxs)(xe.Fragment,{children:[(0,xe.jsx)(T,{className:"k-first",label:!0,large:!0,text:"0"}),(0,xe.jsx)(T,{}),(0,xe.jsx)(T,{}),(0,xe.jsx)(T,{}),(0,xe.jsx)(T,{}),(0,xe.jsx)(T,{label:!0,large:!0,text:"5"}),(0,xe.jsx)(T,{}),(0,xe.jsx)(T,{}),(0,xe.jsx)(T,{}),(0,xe.jsx)(T,{}),(0,xe.jsx)(T,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});var Ur=require("react/jsx-runtime");var Gr=require("react/jsx-runtime");var ps=require("react/jsx-runtime"),$r=e=>(0,ps.jsx)(J,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var ds=require("react/jsx-runtime"),Vr=e=>(0,ds.jsx)(J,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var Wr=require("react/jsx-runtime");var Xr=require("react/jsx-runtime");var ze=require("react/jsx-runtime"),Ic=J.options,Tc=J.states,cs={...J.defaultOptions,variant:"horizontal",label:!0},Ec=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Cc=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],vo=e=>{let{variant:t,modifiers:o,...a}={...cs,...e},r={};Object.keys(o\|\|{}).forEach(h=>{switch(h){case"button":{r.showButtons=!!(o!=null&&o[h]);break}case"label":{r.label=!!(o!=null&&o[h]);break}case"tick":{r.showTicks=!!(o!=null&&o[h]);break}}});let{label:s=!0,showButtons:p,showTicks:m}=r,f={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,ze.jsxs)(ls,{showTicks:m,showButtons:p,style:{height:"300px",...f},...a,children:[(0,ze.jsx)(T,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,ze.jsx)(T,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,ze.jsx)(T,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,ze.jsx)(T,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,ze.jsx)(T,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,ze.jsxs)(ss,{showTicks:m,showButtons:p,style:{width:"400px",...f},...a,children:[(0,ze.jsx)(T,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,ze.jsx)(T,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,ze.jsx)(T,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,ze.jsx)(T,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,ze.jsx)(T,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};vo.options=Ic;vo.states=Tc;vo.variants=Ec;vo.defaultOptions=cs;vo.modifiers=Cc;vo.className=J.className;var ha=require("react/jsx-runtime"),ms="k-spin-button",Pc=[],Rc={size:[c.undefined,c.small,c.medium,c.large],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},Jr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Gt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:r=Jr.increaseLabel,decreaseLabel:s=Jr.decreaseLabel,...p}=e;return(0,ha.jsxs)("span",{...p,className:i(ms,e.className),children:[(0,ha.jsx)(d,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":r}),(0,ha.jsx)(d,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};Gt.states=Pc;Gt.options=Rc;Gt.className=ms;Gt.defaultOptions=Jr;Gt.moduleName=null;Gt.folderName=null;var us="numeric-textbox",fs="numerictextbox";var ve=require("react/jsx-runtime"),bs="k-numerictextbox",Kc=[l.hover,l.focus,l.valid,l.invalid,l.loading,l.required,l.disabled,l.readonly],Dc={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Ra={showSpinButton:!0,showClearButton:!0,separators:!0},U=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Ra.separators,showClearButton:s=Ra.showClearButton,showSpinButton:p=Ra.showSpinButton,prefix:m,suffix:f,value:h,placeholder:x,hover:g,focus:u,valid:S,invalid:N,required:M,loading:O,disabled:A,readonly:_,id:ie,"aria-label":Se,"aria-describedby":Te,...Ee}=e;return(0,ve.jsxs)(ne,{...Ee,size:t,rounded:o,fillMode:a,hover:g,focus:u,valid:S,invalid:N,required:M,loading:O,disabled:A,readonly:_,className:i(e.className,bs),children:[m&&(0,ve.jsxs)(ve.Fragment,{children:[(0,ve.jsx)(qe,{children:m}),r&&(0,ve.jsx)(Qe,{})]}),(0,ve.jsx)($e,{id:ie,placeholder:x,value:h,role:"spinbutton",disabled:A,"aria-label":Se,"aria-describedby":Te,"aria-invalid":N?"true":void 0}),(0,ve.jsx)(Oe,{valid:S,invalid:N,loading:O,disabled:A}),(0,ve.jsx)(He,{loading:O,disabled:A}),s&&(0,ve.jsx)(Ge,{loading:O,disabled:A,readonly:_,value:h}),f&&(0,ve.jsxs)(ve.Fragment,{children:[r&&(0,ve.jsx)(Qe,{}),(0,ve.jsx)(Ye,{children:f})]}),p&&(0,ve.jsx)(Gt,{className:"k-input-spinner",size:t,fillMode:a,disabled:A})]})};U.states=Kc;U.options=Dc;U.className=bs;U.defaultOptions=Ra;U.moduleName=us;U.folderName=fs;U.ariaSpec={selector:".k-numerictextbox",rules:[{selector:".k-numerictextbox > .k-input-inner",attribute:"role=spinbutton",usage:"Announces the spin button capabilities of the NumericTextBox."},{selector:".k-numerictextbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuenow (when has value)",usage:"Announces the current value of the component."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemin (when has min)",usage:"Announces the minimum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemax (when has max)",usage:"Announces the maximum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the NumericTextBox is in an invalid state."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-numerictextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"role=button or nodeName=button",usage:"Describes the role of the spin buttons."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"aria-label",usage:"The button element requires discernible text."},{selector:".k-numerictextbox.k-disabled .k-spin-button > .k-button",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."}]};var xa=U;var xs=require("react/jsx-runtime"),hs=e=>(0,xs.jsx)(xa,{...e});var Da=or(require("react"));var qr=require("react/jsx-runtime"),_c="k-list-group-sticky-header",Yr=e=>(0,qr.jsx)("div",{className:i(_c,e.className),children:(0,qr.jsx)("div",{className:"k-list-header-text",children:e.children})});var vs=require("react/jsx-runtime"),Hc="k-no-data",Ka=e=>{let{live:t,...o}=e;return(0,vs.jsx)("span",{...o,className:i(Hc,e.className),"aria-live":t?"polite":void 0,children:e.children})};var eo="list",go=eo;var ko=require("react/jsx-runtime"),Qr="k-list",zc=[],Fc={size:[c.undefined,c.small,c.medium,c.large]},Uc={},H=e=>{var S;let{size:t,virtualization:o,children:a,header:r,optionLabel:s,customValue:p,noData:m,screenReaders:f,...h}=e,g=Da.default.Children.toArray(a)[0],u=(S=g==null?void 0:g.props)!=null&&S.children?Da.default.Children.count(g.props.children):Da.default.Children.count(a);return(0,ko.jsxs)("div",{...h,className:i(e.className,Qr,w(Qr,{size:t}),{"k-virtual-list":o}),children:[s,p,r&&(0,ko.jsx)(Yr,{children:r}),a\|\|(m!==void 0?m:(0,ko.jsx)(Ka,{live:!0,children:"No data found."})),f&&a&&(0,ko.jsxs)(Ka,{className:"k-sr-only",live:!0,children:[u," items found."]})]})};H.states=zc;H.options=Fc;H.className=Qr;H.defaultOptions=Uc;H.moduleName=eo;H.folderName=go;H.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var ks=require("react/jsx-runtime"),gs="k-list-container",Gc=[],$c={},Vc={},No=e=>{let{...t}=e;return(0,ks.jsx)("div",{...t,className:i(e.className,gs),children:e.children})};No.states=Gc;No.options=$c;No.className=gs;No.defaultOptions=Vc;No.moduleName=eo;No.folderName=go;var to="checkbox",So=to;var Zr=require("react/jsx-runtime"),_a="k-checkbox",Wc=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.checked,l.indeterminate],Xc={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full]},Jc={},tt=e=>{let{id:t,checked:o,indeterminate:a,hover:r,focus:s,disabled:p,invalid:m,valid:f,required:h,size:x,rounded:g,wrapperRole:u,...S}=e;return(0,Zr.jsx)("span",{className:"k-checkbox-wrap",role:u,children:(0,Zr.jsx)("input",{...S,id:t,type:"checkbox",defaultChecked:o,required:h,disabled:p\|\|void 0,"aria-invalid":m?"true":void 0,className:i(e.className,_a,w(_a,{size:x,rounded:g}),B(_a,{hover:r,focus:s,disabled:p,invalid:m,valid:f,indeterminate:a,checked:o}))})})};tt.states=Wc;tt.options=Xc;tt.className=_a;tt.defaultOptions=Jc;tt.moduleName=to;tt.folderName=So;tt.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var st=tt;var Ls=require("react/jsx-runtime"),Ns="k-checkbox-list",qc=[],Yc={},Ss={layout:"vertical"},Pe=e=>{let{layout:t=Ss.layout,...o}=e;return(0,Ls.jsx)("ul",{...o,className:i(e.className,Ns,{[`k-list-${t}`]:t}),children:e.children})};Pe.states=qc;Pe.options=Yc;Pe.className=Ns;Pe.defaultOptions=Ss;Pe.moduleName=to;Pe.folderName=So;var Ms=require("react/jsx-runtime"),ys="k-checkbox-list-item",Qc=[],Zc={},jc={},Re=e=>{let{...t}=e;return(0,Ms.jsx)("li",{...t,className:i(e.className,ys),children:e.children})};Re.states=Qc;Re.options=Zc;Re.className=ys;Re.defaultOptions=jc;Re.moduleName=to;Re.folderName=So;var oo=require("react/jsx-runtime"),Nt=({children:e="Label",id:t="cb-label-after",...o})=>(0,oo.jsxs)(oo.Fragment,{children:[(0,oo.jsx)(st,{id:t,...o}),(0,oo.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var jr=require("react/jsx-runtime");var ei=require("react/jsx-runtime");var ti=require("react/jsx-runtime");var em=require("react/jsx-runtime");var tm=require("react/jsx-runtime");var om=require("react/jsx-runtime");var ye=require("react/jsx-runtime"),am=Pe.options,rm=Pe.states,im={...Pe.defaultOptions,variant:"vertical"},nm=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],sm=[],Lo=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,ye.jsxs)(Pe,{layout:"horizontal",...o,children:[(0,ye.jsx)(Re,{children:(0,ye.jsx)(Nt,{id:K("cb"),defaultChecked:!0,children:"Label"})}),(0,ye.jsx)(Re,{children:(0,ye.jsx)(Nt,{id:K("cb"),children:"Label"})}),(0,ye.jsx)(Re,{children:(0,ye.jsx)(Nt,{id:K("cb"),children:"Label"})})]}):(0,ye.jsxs)(Pe,{...o,children:[(0,ye.jsx)(Re,{children:(0,ye.jsx)(Nt,{id:K("cb"),defaultChecked:!0,children:"Label"})}),(0,ye.jsx)(Re,{children:(0,ye.jsx)(Nt,{id:K("cb"),children:"Label"})}),(0,ye.jsx)(Re,{children:(0,ye.jsx)(Nt,{id:K("cb"),children:"Label"})})]})};Lo.options=am;Lo.states=rm;Lo.variants=nm;Lo.defaultOptions=im;Lo.modifiers=sm;Lo.className=Pe.className;var As=require("react/jsx-runtime"),lm=st.options,pm=st.states,dm=st.defaultOptions,cm=[],mm=[],yo=e=>(0,As.jsx)(Nt,{id:K("checkbox"),...e,defaultChecked:!0,children:"Label"});yo.options=lm;yo.states=pm;yo.variants=cm;yo.defaultOptions=dm;yo.modifiers=mm;yo.className=st.className;var bt=require("react/jsx-runtime"),oi="k-list-item",um=[l.hover,l.focus,l.selected,l.disabled],fm={},bm={},R=e=>{let{text:t,groupLabel:o,group:a,iconName:r,iconClassName:s,showCheckbox:p,checked:m,hover:f,focus:h,selected:x,disabled:g,actions:u,description:S,id:N,...M}=e,O=t\|\|e.children;return(0,bt.jsxs)("li",{...M,id:N,role:a?"presentation":"option",tabIndex:a?void 0:h?0:-1,"aria-selected":!a&&x?"true":a?void 0:"false","aria-disabled":!a&&g?"true":void 0,className:i(e.className,a?"k-list-group-item":oi,B(oi,{hover:f,focus:h,disabled:g,selected:x})),children:[p&&(0,bt.jsx)(tt,{checked:m}),r&&(0,bt.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,bt.jsx)(L,{icon:r,className:i("k-list-item-icon",s)})}),(0,bt.jsx)("span",{className:"k-list-item-text",children:O}),u&&(0,bt.jsx)("div",{className:"k-list-item-actions",children:u}),S&&(0,bt.jsx)("span",{className:"k-list-item-description",children:S}),o&&o!==""&&(0,bt.jsx)("div",{className:"k-list-item-group-label",children:o})]})};R.states=um;R.options=fm;R.className=oi;R.defaultOptions=bm;R.moduleName=eo;R.folderName=go;R.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};var ws=require("react/jsx-runtime"),hm="k-list-ul",St=e=>{let{children:t,role:o,id:a,...r}=e;return(0,ws.jsx)("ul",{...r,id:a,role:o,className:i(hm,e.className),children:t})};St.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};var Mo=require("react/jsx-runtime"),xm="k-list-content",V=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":r,listboxId:s,...p}=e;return(0,Mo.jsxs)("div",{...p,className:i(xm,e.className),role:o?"listbox":void 0,id:o?s:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?r:void 0,children:[o?e.children:(0,Mo.jsx)(St,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":r,children:e.children}),t&&(0,Mo.jsx)("div",{className:"k-height-container",children:(0,Mo.jsx)("div",{})})]})};V.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};var ai=require("react/jsx-runtime");var Ao=require("react/jsx-runtime"),vm="k-list-group-item",ao=e=>{let{groupIconName:t,...o}=e;return(0,Ao.jsxs)("li",{...o,role:"presentation",className:i(vm,e.className),children:[t&&(0,Ao.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Ao.jsx)(L,{icon:t,className:"k-list-item-icon"})}),(0,Ao.jsx)("span",{className:"k-list-item-text",children:e.children})]})};ao.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};var Is=require("react/jsx-runtime"),ri="k-list-optionlabel",gm=[l.hover,l.focus,l.selected,l.disabled],km={},Nm={},Ha=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...p}=e;return(0,Is.jsx)("div",{...p,className:i(ri,B(ri,{hover:o,focus:a,selected:r,disabled:s})),children:t})};Ha.states=gm;Ha.options=km;Ha.className=ri;Ha.defaultOptions=Nm;var Ts=require("react/jsx-runtime"),ii="k-list-custom-value",Sm=[l.hover,l.focus,l.selected,l.disabled],Lm={},ym={},$t=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...p}=e;return(0,Ts.jsx)("div",{...p,className:i(ii,B(ii,{hover:o,focus:a,selected:r,disabled:s})),children:t})};$t.states=Sm;$t.options=Lm;$t.className=ii;$t.defaultOptions=ym;var ni=require("react/jsx-runtime");var si=require("react/jsx-runtime");var li=require("react/jsx-runtime");var pi=require("react/jsx-runtime");var Mm=require("react/jsx-runtime");var di=require("react/jsx-runtime");var Es="dropdown-list",Cs="dropdownlist";var Z=require("react/jsx-runtime"),Os="k-dropdownlist",Am=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],wm={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},ci={showValue:!0,arrowIconName:"chevron-down"},j=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=ci.arrowIconName,showValue:s=ci.showValue,valueIconName:p,prefix:m,suffix:f,value:h,placeholder:x,hover:g,focus:u,valid:S,invalid:N,required:M,loading:O,disabled:A,readonly:_,popup:ie,opened:Se,adaptive:Te,adaptiveSettings:Ee,adaptiveTitle:Ue,adaptiveSubtitle:qt,adaptiveFilter:ja,id:Kt,activeDescendant:La,"aria-label":er,...tr}=e,Mp=Kt?`${Kt}-listbox`:void 0,Xi=Kt?`${Kt}-value`:void 0;return(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)(ut,{...tr,id:Kt,size:t,rounded:o,fillMode:a,hover:g,focus:u,valid:S,invalid:N,required:M,loading:O,disabled:A,readonly:_,className:i(e.className,Os,{"k-icon-picker":!s&&p}),role:"combobox","aria-haspopup":"listbox","aria-expanded":Se?"true":"false","aria-controls":Se?Mp:void 0,"aria-activedescendant":Se&&La?La:void 0,"aria-describedby":Se?Xi:void 0,"aria-disabled":A?"true":void 0,"aria-label":er,tabIndex:0,children:[(0,Z.jsx)(qe,{children:m}),(0,Z.jsx)(Zt,{placeholder:x,value:h,showValue:s,valueIconName:p,id:Xi}),(0,Z.jsx)(Oe,{valid:S,invalid:N,loading:O,disabled:A}),(0,Z.jsx)(He,{loading:O,disabled:A}),(0,Z.jsx)(Ye,{children:f}),(0,Z.jsx)(d,{className:"k-input-button",icon:r,size:e.size,fillMode:e.fillMode,"aria-label":x\|\|"Toggle dropdown",tabIndex:-1})]}),Se&&ie&&(0,Z.jsx)(Y,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:ie}),Te&&(0,Z.jsx)(oe,{adaptive:!0,...Ee,header:(0,Z.jsx)(Be,{actionsEnd:(0,Z.jsx)(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:ja,inputValue:h,inputPlaceholder:x,title:Ue,subtitle:qt}),children:(0,Z.jsx)("div",{className:"k-list-container",children:(0,Z.jsx)(H,{size:"large",children:(0,Z.jsxs)(V,{"aria-label":"Options",children:[(0,Z.jsx)(R,{text:"List item"}),(0,Z.jsx)(R,{text:"List item"}),(0,Z.jsx)(R,{text:"List item"})]})})})})]})};j.states=Am;j.options=wm;j.className=Os;j.defaultOptions=ci;j.moduleName=Es;j.folderName=Cs;j.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};var Im=require("react/jsx-runtime");var Bs=require("react/jsx-runtime");var mi=require("react/jsx-runtime");var Tm=require("react/jsx-runtime");var Ps=require("react/jsx-runtime");var ui=require("react/jsx-runtime");var Em=require("react/jsx-runtime");var Fe=require("react/jsx-runtime"),Cm=j.states,Om=j.defaultOptions,Bm=j.options,Pm=[{name:"opened",title:"Opened"}],Rm=[],Io=e=>{let{modifiers:t,...o}=e,a={},r=(0,Fe.jsxs)(Fe.Fragment,{children:[(0,Fe.jsx)("div",{className:"k-list-filter",children:(0,Fe.jsx)(Ze,{})}),(0,Fe.jsx)(H,{style:{width:300},size:o.size,children:(0,Fe.jsxs)(V,{children:[(0,Fe.jsx)(R,{children:"List item"}),(0,Fe.jsx)(R,{children:"List item"}),(0,Fe.jsx)(R,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(s=>{s==="opened"&&(a.opened=!!(t!=null&&t[s]),a.popup=t!=null&&t[s]?r:void 0)}),(0,Fe.jsx)("div",{children:(0,Fe.jsx)(j,{placeholder:"Value",style:{width:300},...o,...a})})};Io.options=Bm;Io.states=Cm;Io.variants=Rm;Io.defaultOptions=Om;Io.modifiers=Pm;Io.className=j.className;var Rs=require("react/jsx-runtime");var Ks=require("react/jsx-runtime");var Km=require("react/jsx-runtime");var za=require("react/jsx-runtime"),Dm=U.states,_m=U.defaultOptions,Hm=U.options,zm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Fm=[],To=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(r=>{switch(r){case"prefix":a.prefix=t!=null&&t[r]?(0,za.jsx)(j,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t!=null&&t[r]?(0,za.jsx)(Ir,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[r];break;case"spin-button":a.showSpinButton=t==null?void 0:t[r];break;default:break}}),(0,za.jsx)(hs,{value:"Value",style:{width:300},...o,...a})};To.options=Hm;To.states=Dm;To.variants=Fm;To.defaultOptions=_m;To.modifiers=zm;To.className=U.className;var y=require("react/jsx-runtime"),Ds="k-colorgradient-inputs",Um=[],Gm={size:[c.undefined,c.small,c.medium,c.large]},_s={mode:"rgba"},Eo=e=>{let{mode:t=_s.mode,size:o,...a}=e;return(0,y.jsxs)("div",{...a,className:i(Ds,"k-hstack"),children:[(0,y.jsx)("div",{className:"k-vstack",children:(0,y.jsx)(d,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&(0,y.jsxs)(y.Fragment,{children:[(0,y.jsxs)("div",{className:"k-vstack",children:[(0,y.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),(0,y.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,y.jsxs)("div",{className:"k-vstack",children:[(0,y.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),(0,y.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,y.jsxs)("div",{className:"k-vstack",children:[(0,y.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),(0,y.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]}),(0,y.jsxs)("div",{className:"k-vstack",children:[(0,y.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),(0,y.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&(0,y.jsxs)(y.Fragment,{children:[(0,y.jsxs)("div",{className:"k-vstack",children:[(0,y.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),(0,y.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,y.jsxs)("div",{className:"k-vstack",children:[(0,y.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),(0,y.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,y.jsxs)("div",{className:"k-vstack",children:[(0,y.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),(0,y.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&(0,y.jsxs)(y.Fragment,{children:[(0,y.jsxs)("div",{className:"k-vstack",children:[(0,y.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,y.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,y.jsxs)("div",{className:"k-vstack",children:[(0,y.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,y.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,y.jsxs)("div",{className:"k-vstack",children:[(0,y.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,y.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]}),(0,y.jsxs)("div",{className:"k-vstack",children:[(0,y.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),(0,y.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&(0,y.jsxs)(y.Fragment,{children:[(0,y.jsxs)("div",{className:"k-vstack",children:[(0,y.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,y.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,y.jsxs)("div",{className:"k-vstack",children:[(0,y.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,y.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,y.jsxs)("div",{className:"k-vstack",children:[(0,y.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,y.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&(0,y.jsx)(y.Fragment,{children:(0,y.jsxs)("div",{className:"k-vstack k-flex-1",children:[(0,y.jsx)(be,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,y.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Eo.states=Um;Eo.options=Gm;Eo.className=Ds;Eo.defaultOptions=_s;var Me=require("react/jsx-runtime"),Hs="k-colorgradient-color-contrast",$m=[],Vm={},Wm={},Co=()=>(0,Me.jsxs)("div",{className:i(Hs,"k-vbox"),children:[(0,Me.jsxs)("div",{className:"k-contrast-ratio",children:[(0,Me.jsx)("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),(0,Me.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:[(0,Me.jsx)(L,{icon:"check"}),(0,Me.jsx)(L,{icon:"check"})]})]}),(0,Me.jsxs)("div",{children:[(0,Me.jsx)("span",{children:"AA: 4.5"}),(0,Me.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:["Pass",(0,Me.jsx)(L,{icon:"check"})]})]}),(0,Me.jsxs)("div",{children:[(0,Me.jsx)("span",{children:"AAA: 7.0"}),(0,Me.jsxs)("span",{className:"k-contrast-validation !k-text-error",children:["Fail",(0,Me.jsx)(L,{icon:"x"})]})]})]});Co.states=$m;Co.options=Vm;Co.className=Hs;Co.defaultOptions=Wm;var zs="color-gradient",Fs="colorgradient";var de=require("react/jsx-runtime"),Fa="k-colorgradient",Xm=[l.hover,l.focus,l.readonly,l.disabled],Jm={size:[c.undefined,c.small,c.medium,c.large]},ht={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},ue=e=>{let{size:t,mode:o=ht.mode,readonly:a=ht.readonly,disabled:r=ht.disabled,gradientStyle:s=ht.gradientStyle,dragHandleStyle:p=ht.dragHandleStyle,alphaStyle:m=ht.alphaStyle,alphaStyleHorizontal:f=ht.alphaStyleHorizontal,contrast:h=ht.contrast,dir:x,hover:g,focus:u,hoverHandle:S,focusHandle:N,canvasOrientation:M=ht.canvasOrientation,role:O,tabIndex:A,..._}=e;return(0,de.jsxs)("div",{..._,role:O??"textbox","aria-label":O==="none"?void 0:"Color gradient",tabIndex:A??0,"aria-disabled":r?"true":void 0,className:i(e.className,Fa,w(Fa,{size:t}),B(Fa,{hover:g,focus:u,readonly:a,disabled:r})),dir:x,children:[!M\|\|M==="horizontal"&&(0,de.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,de.jsx)("div",{className:"k-hsv-rectangle",style:s,children:(0,de.jsx)("div",{className:"k-hsv-gradient",children:(0,de.jsx)("div",{className:i("k-hsv-draghandle","k-draghandle",{"k-hover":S,"k-focus":N}),style:p,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),(0,de.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,de.jsx)(Vr,{className:"k-hue-slider",hover:S,focus:N}),o!=="rgb"&&o!=="hsv"&&(0,de.jsx)(Vr,{className:"k-alpha-slider",hover:S,focus:N,trackStyle:m})]})]}),M==="vertical"&&(0,de.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,de.jsx)("div",{className:"k-hsv-rectangle",style:s,children:(0,de.jsx)("div",{className:"k-hsv-gradient",children:(0,de.jsx)("div",{className:i("k-hsv-draghandle","k-draghandle",{"k-hover":S,"k-focus":N}),style:p,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),(0,de.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,de.jsx)($r,{className:"k-hue-slider",hover:S,focus:N}),o!=="rgb"&&o!=="hsv"&&(0,de.jsx)($r,{className:"k-alpha-slider",hover:S,focus:N,trackStyle:f})]})]}),(0,de.jsx)(Eo,{mode:e.mode,size:t}),h&&(0,de.jsx)(Co,{})]})};ue.states=Xm;ue.options=Jm;ue.className=Fa;ue.defaultOptions=ht;ue.moduleName=zs;ue.folderName=Fs;ue.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};var Us=require("react/jsx-runtime"),Ua=e=>(0,Us.jsx)(ue,{...e});var qm=require("react/jsx-runtime");var Ym=require("react/jsx-runtime");var Ga=require("react/jsx-runtime"),Qm=ue.options,Zm=ue.states,jm={...ue.defaultOptions,variant:"rgba"},eu=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],tu=[],Oo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return(0,Ga.jsx)(Ua,{...o,mode:t});case"rgb":return(0,Ga.jsx)(Ua,{...o,mode:t});default:return(0,Ga.jsx)(Ua,{...o,mode:t})}};Oo.options=Qm;Oo.states=Zm;Oo.variants=eu;Oo.defaultOptions=jm;Oo.modifiers=tu;Oo.className=ue.className;var Gs=require("react/jsx-runtime"),fi=e=>(0,Gs.jsx)("tr",{role:"row",children:e.children});var $s=require("react/jsx-runtime"),bi="k-colorpalette-tile",ou=[l.hover,l.focus,l.selected],au={},Bo=e=>{let{color:t,tileSize:o,hover:a,focus:r,selected:s,...p}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return(0,$s.jsx)("td",{...p,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:i(e.className,bi,B(bi,{hover:a,focus:r,selected:s})),style:m})};Bo.states=ou;Bo.options=au;Bo.className=bi;var Vs="color-palette",Ws="colorpalette";var Po=require("react/jsx-runtime"),$a="k-colorpalette",ru=[l.disabled],iu={size:[c.undefined,c.small,c.medium,c.large]},Xs={columns:10},Ke=e=>{let{size:t,palette:o,columns:a=Xs.columns,tileSize:r,disabled:s,...p}=e,m=[];if(o){let f=a\|\|o.columns,h=o.colors?o.colors:o;Array.isArray(h)&&Array.from({length:Math.ceil(h.length/f)},(x,g)=>{let u=[];h.slice(gf,(g+1)f).map((N,M)=>{u.push((0,Po.jsx)(Bo,{color:N,tileSize:r},M))});let S=(0,Po.jsx)(fi,{children:u},g);m.push(S)})}return(0,Po.jsx)("div",{...p,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:i(e.className,$a,B($a,{disabled:s}),w($a,{size:t})),children:(0,Po.jsx)("table",{className:"k-colorpalette-table",role:"none",children:(0,Po.jsx)("tbody",{children:m.length>0?m:e.children})})})};Ke.states=ru;Ke.options=iu;Ke.className=$a;Ke.defaultOptions=Xs;Ke.moduleName=Vs;Ke.folderName=Ws;Ke.ariaSpec={selector:".k-colorpalette",rules:[{selector:".k-colorpalette",attribute:"role=grid",usage:"The focusable wrapper announces its role as a grid."},{selector:".k-colorpalette",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpalette",attribute:"aria-activedescendant",usage:"Points to the focused cell in the table."},{selector:".k-colorpalette",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpalette.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorPalette is disabled."},{selector:".k-colorpalette-table",attribute:"role=none or role=presentation",usage:"Negates the default role of the table element."},{selector:".k-colorpalette-table>tbody>tr",attribute:"role=row",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"role=gridcell",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"aria-label or title",usage:"The text representation of the color value for the current cell."},{selector:".k-colorpalette-tile.k-selected",attribute:"aria-selected=true",usage:"Present on the currently selected cell."}]};var Va=Ke;var va={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};var qs=require("react/jsx-runtime"),Js=e=>(0,qs.jsx)(Va,{palette:va.basic,...e});var nu=require("react/jsx-runtime");var Ys=require("react/jsx-runtime");var Qs=require("react/jsx-runtime"),su=Ke.options,lu=Ke.states,pu={...Ke.defaultOptions,variant:"basic"},du=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],cu={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}},mu=[],Ro=e=>{let{variant:t="basic",...o}=e,a=cu[t];return(0,Qs.jsx)(Js,{columns:a.columns,palette:a,...o})};Ro.options=su;Ro.states=lu;Ro.variants=du;Ro.defaultOptions=pu;Ro.modifiers=mu;Ro.className=Ke.className;var Zs="color-editor",js="coloreditor";var se=require("react/jsx-runtime"),Wa="k-coloreditor",uu=[l.focus],fu={size:[c.undefined,c.small,c.medium,c.large]},ga={view:"gradient",palette:va.office,actionButtons:!0,canvasOrientation:"horizontal"},ae=e=>{let{size:t,view:o=ga.view,palette:a=ga.palette,color:r,currentColor:s,focus:p,focusView:m,dir:f,group:h,actionButtons:x=ga.actionButtons,canvasOrientation:g=ga.canvasOrientation,...u}=e;return(0,se.jsxs)("div",{...u,role:"textbox","aria-label":"Color editor",tabIndex:0,className:i(e.className,"k-flatcolorpicker",Wa,w(Wa,{size:t}),B(Wa,{focus:p})),dir:f,children:[(0,se.jsxs)("div",{className:"k-coloreditor-header k-hstack",children:[(0,se.jsx)("div",{className:"k-coloreditor-header-actions k-hstack",children:h&&(0,se.jsxs)(I,{fillMode:"flat",children:[(0,se.jsx)(d,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),(0,se.jsx)(d,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),(0,se.jsx)("div",{className:"k-spacer"}),(0,se.jsxs)("div",{className:"k-coloreditor-header-actions k-hstack",children:[(0,se.jsx)(d,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),(0,se.jsxs)("div",{className:"k-coloreditor-preview k-vstack",children:[(0,se.jsx)(_t,{className:"k-coloreditor-preview-color",color:r}),(0,se.jsx)(_t,{className:"k-coloreditor-current-color",color:s})]})]})]}),(0,se.jsx)("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?(0,se.jsx)(ue,{focus:m,size:t,canvasOrientation:g,role:"none",tabIndex:-1}):(0,se.jsx)(Ke,{palette:a,size:t})}),x&&(0,se.jsxs)(ft,{className:"k-coloreditor-footer",alignment:"start",children:[(0,se.jsx)(d,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),(0,se.jsx)(d,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};ae.states=uu;ae.options=fu;ae.className=Wa;ae.defaultOptions=ga;ae.moduleName=Zs;ae.folderName=js;ae.ariaSpec={selector:".k-flatcolorpicker",rules:[{selector:".k-flatcolorpicker",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a submittable value."},{selector:".k-flatcolorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-flatcolorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-flatcolorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the FlatColorPicker is disabled."},{selector:".k-colorgradient",attribute:"role=none",usage:"The inner ColorGradient must have its role removed."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var Ko=ae;var bu=require("react/jsx-runtime");var hu=require("react/jsx-runtime");var tl=require("react/jsx-runtime"),el=e=>(0,tl.jsx)(Ko,{group:!0,currentColor:"fuchsia",...e});var al=require("react/jsx-runtime"),ol=e=>(0,al.jsx)(Ko,{view:"palette",group:!0,currentColor:"fuchsia",...e});var hi=require("react/jsx-runtime"),xu=ae.options,vu=ae.states,gu={...ae.defaultOptions,variant:"gradient"},ku=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Nu=[],Do=e=>{let{variant:t,...o}=e;return t==="palette"?(0,hi.jsx)(ol,{...o,color:"white"}):(0,hi.jsx)(el,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Do.options=xu;Do.states=vu;Do.variants=ku;Do.defaultOptions=gu;Do.modifiers=Nu;Do.className=ae.className;var rl="color-picker",il="colorpicker";var ce=require("react/jsx-runtime"),nl="k-colorpicker",Su=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled],Lu={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},sl={arrowIconName:"chevron-down"},Ae=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=sl.arrowIconName,prefix:s,suffix:p,value:m,placeholder:f,hover:h,focus:x,valid:g,invalid:u,required:S,disabled:N,valueIconName:M,popup:O,opened:A,adaptive:_,adaptiveSettings:ie,adaptiveTitle:Se,adaptiveSubtitle:Te,...Ee}=e,Ue="colorpicker-popup";return(0,ce.jsxs)(ce.Fragment,{children:[(0,ce.jsxs)(ut,{...Ee,size:t,rounded:o,fillMode:a,hover:h,focus:x,valid:g,invalid:u,required:S,disabled:N,role:"combobox","aria-haspopup":"dialog","aria-expanded":A?"true":"false","aria-controls":A\|\|_?Ue:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":N?"true":void 0,className:i(e.className,nl,"k-icon-picker"),children:[(0,ce.jsx)(qe,{children:s}),(0,ce.jsx)(Zt,{placeholder:f,value:m,showValue:!1,valueIcon:(0,ce.jsx)(_t,{className:"k-value-icon",color:m,iconName:M}),valueIconName:M}),(0,ce.jsx)(Ye,{children:p}),(0,ce.jsx)(d,{className:"k-input-button",icon:r,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:N})]}),A&&O&&(0,ce.jsx)(Y,{id:Ue,className:"k-colorpicker-popup",children:O}),_&&(0,ce.jsx)(oe,{adaptive:!0,id:Ue,...ie,header:(0,ce.jsx)(Be,{actionsEnd:(0,ce.jsx)(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:Se,subtitle:Te}),footer:(0,ce.jsxs)(Ht,{children:[(0,ce.jsx)(d,{text:"Cancel",size:"large"}),(0,ce.jsx)(d,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,ce.jsx)(ae,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Ae.states=Su;Ae.options=Lu;Ae.className=nl;Ae.defaultOptions=sl;Ae.moduleName=rl;Ae.folderName=il;Ae.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var Lt=Ae;var ll=require("react/jsx-runtime"),Xa=e=>(0,ll.jsx)(Lt,{...e});var yu=require("react/jsx-runtime");var Mu=require("react/jsx-runtime");var Au=require("react/jsx-runtime");var wu=require("react/jsx-runtime");var Iu=require("react/jsx-runtime");var Tu=require("react/jsx-runtime");var Vt=require("react/jsx-runtime"),Eu=Lt.options,Cu=Lt.states,pl={...Lt.defaultOptions,variant:"color"},Ou=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Bu=[{name:"opened",title:"Opened"}],_o=e=>{let{variant:t,modifiers:o,...a}={...pl,...e},r={};Object.keys(o\|\|{}).forEach(p=>{p==="opened"&&(r.opened=!!(o!=null&&o[p]),r.popup=o!=null&&o[p]?(0,Vt.jsx)(ae,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let s=r.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return(0,Vt.jsx)("div",{style:s,children:(0,Vt.jsx)(Xa,{...a,...r})});case"icon":return(0,Vt.jsx)("div",{style:s,children:(0,Vt.jsx)(Xa,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...r})});default:return(0,Vt.jsx)("div",{style:s,children:(0,Vt.jsx)(Xa,{value:"rgba(183, 118 , 118, 1.00)",...a,...r})})}};_o.options=Eu;_o.states=Cu;_o.variants=Ou;_o.defaultOptions=pl;_o.modifiers=Bu;_o.className=Lt.className;var xi="combobox",dl=xi;var z=require("react/jsx-runtime"),cl="k-combobox",Pu=[l.hover,l.focus,l.valid,l.invalid,l.loading,l.required,l.disabled,l.readonly],Ru={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},ml={separators:!0},fe=e=>{let{size:t,rounded:o,fillMode:a,separators:r=ml.separators,prefix:s,suffix:p,value:m,placeholder:f,hover:h,focus:x,valid:g,invalid:u,required:S,loading:N,disabled:M,popup:O,opened:A,readonly:_,adaptive:ie,adaptiveSettings:Se,adaptiveTitle:Te,adaptiveSubtitle:Ee,adaptiveCustomValue:Ue,id:qt,autocomplete:ja,activeDescendant:Kt,"aria-label":La,...er}=e,tr=qt?`${qt}-listbox`:void 0;return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsxs)(ne,{...er,size:t,rounded:o,fillMode:a,hover:h,focus:x,valid:g,invalid:u,required:S,loading:N,disabled:M,readonly:_,className:i(e.className,cl),children:[s&&(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(qe,{children:s}),r&&(0,z.jsx)(Qe,{})]}),(0,z.jsx)($e,{id:qt,placeholder:f,value:m,role:"combobox","aria-haspopup":"listbox","aria-expanded":A?"true":"false","aria-controls":A?tr:void 0,"aria-activedescendant":A&&Kt?Kt:void 0,"aria-autocomplete":ja,"aria-invalid":u?"true":void 0,"aria-busy":N?"true":void 0,"aria-label":La,disabled:M,readOnly:_}),(0,z.jsx)(Oe,{valid:g,invalid:u,loading:N,disabled:M}),(0,z.jsx)(He,{loading:N,disabled:M}),(0,z.jsx)(Ge,{loading:N,disabled:M,readonly:_,value:m}),p&&(0,z.jsxs)(z.Fragment,{children:[r&&(0,z.jsx)(Qe,{}),(0,z.jsx)(Ye,{children:p})]}),(0,z.jsx)(d,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:M})]}),A&&O&&(0,z.jsx)(Y,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:O}),ie&&(0,z.jsx)(oe,{adaptive:!0,id:qt?`${qt}-adaptive`:void 0,...Se,header:(0,z.jsx)(Be,{actionsEnd:(0,z.jsx)(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:m,inputPlaceholder:f,title:Te,subtitle:Ee}),children:(0,z.jsx)("div",{className:"k-list-container",children:(0,z.jsx)(H,{customValue:Ue?(0,z.jsx)($t,{text:`Use "${m}"`}):void 0,size:"large",children:(0,z.jsxs)(V,{"aria-label":Te\|\|"Options",children:[(0,z.jsx)(R,{text:"List item"}),(0,z.jsx)(R,{text:"List item"}),(0,z.jsx)(R,{text:"List item"})]})})})})]})};fe.states=Pu;fe.options=Ru;fe.className=cl;fe.defaultOptions=ml;fe.moduleName=xi;fe.folderName=dl;fe.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list\|both\|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:'.k-combobox-popup .k-list-ul[role="listbox"], .k-combobox-popup .k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var We=fe;var fl=require("react/jsx-runtime"),ul=e=>(0,fl.jsx)(We,{...e});var bl=require("react/jsx-runtime");var hl=require("react/jsx-runtime");var xl=require("react/jsx-runtime");var vl=require("react/jsx-runtime");var gl=require("react/jsx-runtime");var kl=require("react/jsx-runtime");var vi=require("react/jsx-runtime");var Ku=require("react/jsx-runtime");var Du=require("react/jsx-runtime");var Nl=require("react/jsx-runtime");var Sl=require("react/jsx-runtime");var lt=require("react/jsx-runtime"),_u=fe.states,Hu=fe.defaultOptions,zu=fe.options,Fu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Uu=[],Ho=e=>{let{modifiers:t,...o}=e,a={},r=(0,lt.jsx)(H,{style:{width:300},size:o.size,children:(0,lt.jsxs)(V,{children:[(0,lt.jsx)(R,{children:"List item"}),(0,lt.jsx)(R,{children:"List item"}),(0,lt.jsx)(R,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(s=>{switch(s){case"prefix":a.prefix=t!=null&&t[s]?(0,lt.jsx)(L,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t!=null&&t[s]?(0,lt.jsx)(Dt,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!(t!=null&&t[s]),a.popup=t!=null&&t[s]?r:void 0;break;default:break}}),(0,lt.jsx)("div",{children:(0,lt.jsx)(ul,{value:"Value",style:{width:300},...o,...a})})};Ho.options=zu;Ho.states=_u;Ho.variants=Uu;Ho.defaultOptions=Hu;Ho.modifiers=Fu;Ho.className=fe.className;var gi="menu-button",Ll=gi;var Ml=require("react/jsx-runtime"),yl="k-menu-button",Gu=[l.hover,l.focus,l.active,l.selected,l.disabled],$u={size:[c.undefined,c.xsmall,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info,k.inverse]},ki={showArrow:!0,arrowIconName:"chevron-down"},P=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:p,active:m,selected:f,disabled:h,icon:x,text:g,showArrow:u=ki.showArrow,arrowIconName:S=ki.arrowIconName,expanded:N,...M}=e;return(0,Ml.jsx)(d,{...M,className:i(e.className,yl),text:g,size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:p,active:m,selected:f,disabled:h,icon:x,showArrow:u,arrowIconName:S,"aria-expanded":N?"true":"false",...!g&&x&&!e["aria-label"]&&{"aria-label":"Menu"},...h&&{"aria-disabled":"true"}})};P.states=Gu;P.options=$u;P.className=yl;P.defaultOptions=ki;P.moduleName=gi;P.folderName=Ll;P.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var Vu=require("react/jsx-runtime");var Wu=require("react/jsx-runtime");var Xu=require("react/jsx-runtime");var Xe="menu",ot=Xe;var yt=require("react/jsx-runtime"),Ni="k-menu-item",Ju=[l.hover,l.focus,l.active,l.selected,l.disabled],qu={},Al={iconPosition:"before"},q=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:s,icon:p,text:m,first:f,last:h,showArrow:x,arrowIconName:g,iconPosition:u=Al.iconPosition,dir:S,children:N,expanded:M,...O}=e,A=g;return A\|\|(A=S==="rtl"?"chevron-left":"chevron-right"),(0,yt.jsxs)("li",{...O,className:i(e.className,Ni,"k-item",B(Ni,{focus:o,disabled:s,hover:t,active:a,selected:r}),{"k-first":f,"k-last":h}),role:"menuitem",...x&&{"aria-haspopup":"menu"},...x&&{"aria-expanded":M?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,yt.jsxs)("span",{className:i("k-link k-menu-link"),children:[p&&u==="before"&&(0,yt.jsx)(L,{className:"k-menu-link-icon",icon:p}),(0,yt.jsx)("span",{className:"k-menu-link-text",children:m}),p&&u==="after"&&(0,yt.jsx)(L,{className:"k-menu-link-icon",icon:p}),x&&(0,yt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,yt.jsx)(L,{icon:A})})]}),N]})};q.states=Ju;q.options=qu;q.className=Ni;q.defaultOptions=Al;q.moduleName=Xe;q.folderName=ot;var Mt=require("react/jsx-runtime"),Si="k-menu-item",Yu=[l.hover,l.focus,l.active,l.selected,l.disabled],Qu={},Li={dir:"ltr",iconPosition:"before"},ee=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:s,icon:p,text:m,first:f,last:h,showArrow:x,arrowIconName:g,iconPosition:u=Li.iconPosition,dir:S=Li.dir,children:N,popup:M,expanded:O,...A}=e,_=g;return _\|\|(_=S==="rtl"?"chevron-left":"chevron-right"),(0,Mt.jsxs)("li",{...A,className:i(e.className,Si,"k-item",B(Si,{focus:o,disabled:s}),{"k-first":f,"k-last":h}),role:"menuitem",...x&&{"aria-haspopup":"menu"},...x&&{"aria-expanded":O?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,Mt.jsxs)("span",{className:i("k-link k-menu-link",B("k-menu-link",{hover:t,active:a,selected:r,disabled:s})),children:[p&&u==="before"&&(0,Mt.jsx)(L,{className:"k-menu-link-icon",icon:p}),(0,Mt.jsx)("span",{className:"k-menu-link-text",children:m}),p&&u==="after"&&(0,Mt.jsx)(L,{className:"k-menu-link-icon",icon:p}),x&&(0,Mt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,Mt.jsx)(L,{icon:_})})]}),N,M]})};ee.states=Yu;ee.options=Qu;ee.className=Si;ee.defaultOptions=Li;ee.moduleName=Xe;ee.folderName=ot;var Tl=require("react/jsx-runtime"),wl="k-menu-scroll-wrapper",Zu=[],ju={},ef={},ro=e=>{let{className:t,children:o,orientation:a,...r}=e;return(0,Tl.jsx)("div",{...r,className:i(t,wl,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};ro.states=Zu;ro.options=ju;ro.className=wl;ro.defaultOptions=ef;ro.moduleName=Xe;ro.folderName=ot;var Il=ro;var ge=require("react/jsx-runtime"),yi="k-menu",tf=[],of={},qa={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},le=e=>{let{children:t,orientation:o=qa.orientation,header:a=qa.header,scrollable:r,scrollButtonsPosition:s=qa.scrollButtonsPosition,wrapperStyles:p,dir:m,popup:f,contextMenu:h,...x}=e,g={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},u=(0,ge.jsx)("ul",{dir:m,...x,className:i(e.className,"k-reset",yi,{[`${yi}-${o}`]:o,"k-header":a}),role:h?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,ge.jsxs)(ge.Fragment,{children:[r?(0,ge.jsxs)(Il,{orientation:o,style:p,dir:e.dir,children:[s==="start"&&(0,ge.jsxs)(ge.Fragment,{children:[(0,ge.jsx)(d,{fillMode:"flat",icon:`chevron-${g[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,ge.jsx)(d,{fillMode:"flat",icon:`chevron-${g[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&(0,ge.jsx)(d,{fillMode:"flat",icon:`chevron-${g[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),u,s==="end"&&(0,ge.jsxs)(ge.Fragment,{children:[(0,ge.jsx)(d,{fillMode:"flat",icon:`chevron-${g[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,ge.jsx)(d,{fillMode:"flat",icon:`chevron-${g[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&(0,ge.jsx)(d,{fillMode:"flat",icon:`chevron-${g[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):u,f]})};le.states=tf;le.options=of;le.className=yi;le.defaultOptions=qa;le.moduleName=Xe;le.folderName=ot;le.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};var Cl=require("react/jsx-runtime"),Mi="k-separator",El={orientation:"horizontal"},zo=e=>{let{orientation:t=El.orientation,...o}=e;return(0,Cl.jsx)("li",{...o,className:i(e.className,"k-item",Mi,{[`${Mi}-${t}`]:t}),role:"separator"})};zo.className=Mi;zo.defaultOptions=El;zo.moduleName=Xe;zo.folderName=ot;var Ol=require("react/jsx-runtime");var Bl=require("react/jsx-runtime"),Ai="k-menu-group",af=[],rf={size:[c.undefined,c.small,c.medium,c.large]},nf={},we=e=>{let{children:t,size:o,...a}=e;return(0,Bl.jsx)("ul",{...a,className:i(e.className,Ai,w(Ai,{size:o})),role:"menu",children:t})};we.states=af;we.options=rf;we.className=Ai;we.defaultOptions=nf;we.moduleName=Xe;we.folderName=ot;var pt=require("react/jsx-runtime"),wi=e=>(0,pt.jsx)(le,{children:(0,pt.jsxs)(pt.Fragment,{children:[(0,pt.jsx)(q,{first:!0,text:"Item 1"}),(0,pt.jsx)(q,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),(0,pt.jsx)(q,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),(0,pt.jsx)(q,{text:"Item 4"}),(0,pt.jsx)(q,{last:!0,text:"Item 5"})]}),...e});var Ii=require("react/jsx-runtime");var Ti=require("react/jsx-runtime");var Ei=require("react/jsx-runtime");var Ci=require("react/jsx-runtime");var xt=require("react/jsx-runtime"),sf=le.options,lf=le.states,Pl={...le.defaultOptions,variant:"horizontal"},pf=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],df=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Fo=e=>{let{variant:t,modifiers:o,...a}={...Pl,...e},r={};return Object.keys(o\|\|{}).forEach(s=>{switch(s){case"scrollable":r.scrollable=!!(o!=null&&o[s]);break;case"opened":r.opened=!!(o!=null&&o[s]),r.popup=(0,xt.jsx)(Y,{className:"k-menu-popup",children:(0,xt.jsxs)(we,{children:[(0,xt.jsx)(ee,{text:"Item 1"}),(0,xt.jsx)(ee,{text:"Item 2"}),(0,xt.jsx)(zo,{}),(0,xt.jsx)(ee,{text:"Item 3"})]})});break}}),t==="vertical"?(0,xt.jsx)(wi,{...a,...r,orientation:"vertical",style:{width:"200px"}}):(0,xt.jsx)(wi,{...a,...r})};Fo.options=sf;Fo.states=lf;Fo.variants=pf;Fo.defaultOptions=Pl;Fo.modifiers=df;Fo.className=le.className;var Oi=require("react/jsx-runtime");var cf=require("react/jsx-runtime");var Ie=require("react/jsx-runtime"),mf=d.states,Rl={...d.defaultOptions,variant:"text"},uf=d.options,ff=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],bf=[{name:"opened",title:"Opened"}],Uo=e=>{let{variant:t,modifiers:o,...a}={...Rl,...e},r={},s=(0,Ie.jsx)(Y,{className:"k-menu-popup",children:(0,Ie.jsxs)(we,{size:a.size,children:[(0,Ie.jsx)(ee,{first:!0,text:"Menu Item"}),(0,Ie.jsx)(ee,{text:"Menu Item"}),(0,Ie.jsx)(ee,{last:!0,text:"Menu Item"})]})}),p;switch(t){case"icon-only":p=(0,Ie.jsx)("div",{children:(0,Ie.jsx)(P,{...a,...r,icon:"star"})});break;case"icon-and-text":p=(0,Ie.jsx)("div",{children:(0,Ie.jsx)(P,{...a,...r,icon:"star",children:"Dropdown Button"})});break;default:p=(0,Ie.jsx)("div",{children:(0,Ie.jsx)(P,{...a,...r,children:"Dropdown Button"})});break}return(0,Ie.jsxs)(Ie.Fragment,{children:[p,(o==null?void 0:o.opened)&&s]})};Uo.options=uf;Uo.states=mf;Uo.variants=ff;Uo.defaultOptions=Rl;Uo.modifiers=bf;Uo.className=P.className;var Bi="split-button",Kl=Bi;var At=require("react/jsx-runtime"),Pi="k-split-button",hf=[l.hover,l.focus,l.active,l.selected,l.disabled],xf={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info,k.inverse]},Dl={arrowIconName:"chevron-down"},D=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:p,active:m,selected:f,disabled:h,icon:x,text:g,arrowIconName:u=Dl.arrowIconName,popup:S,opened:N,popupId:M,...O}=e;return(0,At.jsxs)(At.Fragment,{children:[(0,At.jsxs)("div",{...O,className:i(e.className,Pi,"k-button-group",w(Pi,{rounded:o})),children:[(0,At.jsx)(d,{text:g,icon:x,size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:p,active:m,selected:f,disabled:h,...!g&&!e.children&&x&&{"aria-label":"Action"},children:e.children}),(0,At.jsx)(d,{className:"k-split-button-arrow",icon:u,size:t,rounded:o,fillMode:a,disabled:h,"aria-label":"Toggle dropdown","aria-expanded":N?"true":"false","aria-controls":N?M:void 0,tabIndex:-1,...h&&{"aria-disabled":"true"}})]}),N&&S&&(0,At.jsx)(Y,{className:"k-menu-popup",children:S})]})};D.states=hf;D.options=xf;D.className=Pi;D.defaultOptions=Dl;D.moduleName=Bi;D.folderName=Kl;D.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var Ri=D;var _l=require("react/jsx-runtime"),vf="k-toolbar-separator",pe=e=>(0,_l.jsx)("div",{className:i(vf,e.className,"k-separator")});var wt="toolbar",Wt=wt;var E=require("react/jsx-runtime"),It="k-toolbar",gf=[l.focus],kf={size:[c.undefined,c.small,c.medium,c.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},Nf={scrollButtons:"around"},X=e=>{let{size:t,fillMode:o,focus:a,resizable:r,scrollable:s,scrollButtons:p,scrollingPosition:m,section:f,...h}=e,x=[],g=(u,S)=>{let N=[];if(u.type===d&&u.props.className&&u.props.className.includes("k-toolbar-overflow-button"))N.push((0,E.jsx)(d,{...u.props,className:`${u.props.className?u.props.className:""}`},`${S}-${new Date().getTime()}`));else if(u.type===d)N.push((0,E.jsx)(d,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${S}-${new Date().getTime()}`));else if(u.type===aa)N.push((0,E.jsx)(aa,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${S}-${new Date().getTime()}`));else if(u.type===Dt)N.push((0,E.jsx)(Dt,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${S}-${new Date().getTime()}`));else if(u.type===P)N.push((0,E.jsx)(P,{...u.props,className:`k-toolbar-menu-button ${u.props.className?u.props.className:""}`},`${S}-${new Date().getTime()}`));else if(u.type===Ri)N.push((0,E.jsx)(Ri,{...u.props,className:`k-toolbar-split-button ${u.props.className?u.props.className:""}`},`${S}-${new Date().getTime()}`));else if(u.type===I\|\|u.props.className&&u.props.className.includes("k-button-group")){let M=[];(Array.isArray(u.props.children)?u.props.children:[u.props.children]).forEach((A,_)=>{M.push((0,E.jsx)(d,{...A.props,className:`${A.props.className?A.props.className:""}`},`${_}-${new Date().getTime()}`))}),N.push((0,E.jsx)(I,{...u.props,className:`k-toolbar-button-group ${u.props.className?u.props.className:""}`,children:M},`${S}-${new Date().getTime()}`))}else u.type===fe?N.push((0,E.jsx)(fe,{...u.props,className:`k-toolbar-combobox ${u.props.className?u.props.className:""}`},`${S}-${new Date().getTime()}`)):u.type===j?N.push((0,E.jsx)(j,{...u.props,className:`k-toolbar-dropdownlist ${u.props.className?u.props.className:""}`},`${S}-${new Date().getTime()}`)):u.type===Ae?N.push((0,E.jsx)(Ae,{...u.props,className:`k-toolbar-colorpicker ${u.props.className?u.props.className:""}`},`${S}-${new Date().getTime()}`)):N.push(u);N.forEach(M=>{x.push(M)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((S,N)=>{g(S,N)}),(0,E.jsxs)("div",{...h,className:i(e.className,It,w(It,{size:t,fillMode:o}),B(It,{focus:a}),{[`${It}-resizable`]:r,[`${It}-scrollable`]:s,[`${It}-scrollable-overlay`]:s&&p==="hidden",[`${It}-scrollable-${m}`]:m&&m!=="both",[`${It}-section`]:f}),role:"toolbar","aria-label":"Toolbar",children:[!s&&x,s&&p==="hidden"&&(0,E.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),s&&p==="start"&&(0,E.jsxs)(E.Fragment,{children:[(0,E.jsxs)(I,{children:[(0,E.jsx)("span",{className:i("k-toolbar-prev","k-button",w("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,E.jsx)(L,{className:"k-button-icon",icon:"chevron-left"})}),(0,E.jsx)("span",{className:i("k-toolbar-next","k-button",w("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,E.jsx)(L,{className:"k-button-icon",icon:"chevron-right"})})]}),(0,E.jsx)(pe,{className:"k-toolbar-button-separator"}),(0,E.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x})]}),s&&p==="end"&&(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),(0,E.jsx)(pe,{className:"k-toolbar-button-separator"}),(0,E.jsxs)(I,{children:[(0,E.jsx)("span",{className:i("k-toolbar-prev","k-button",w("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,E.jsx)(L,{className:"k-button-icon",icon:"chevron-left"})}),(0,E.jsx)("span",{className:i("k-toolbar-next","k-button",w("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,E.jsx)(L,{className:"k-button-icon",icon:"chevron-right"})})]})]}),s&&(p==="around"\|\|!p)&&(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)("span",{className:i("k-toolbar-prev","k-button",w("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,E.jsx)(L,{className:"k-button-icon",icon:"chevron-left"})}),(0,E.jsx)(pe,{className:"k-toolbar-button-separator"}),(0,E.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),(0,E.jsx)(pe,{className:"k-toolbar-button-separator"}),(0,E.jsx)("span",{className:i("k-toolbar-next","k-button",w("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,E.jsx)(L,{className:"k-button-icon",icon:"chevron-right"})})]})]})};X.states=gf;X.options=kf;X.className=It;X.defaultOptions=Nf;X.moduleName=wt;X.folderName=Wt;X.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};var zl=require("react/jsx-runtime"),Hl="k-floating-toolbar",Sf=[],Lf={},yf={},Go=e=>{let{...t}=e;return(0,zl.jsx)("div",{...t,className:i(e.className,Hl),children:e.children})};Go.states=Sf;Go.options=Lf;Go.className=Hl;Go.defaultOptions=yf;Go.moduleName=wt;Go.folderName=Wt;var Fl=require("react/jsx-runtime"),Ki="k-toolbar-item",Mf=[l.focus],Af={},wf={},Tt=e=>{let{focus:t,...o}=e;return(0,Fl.jsx)("div",{...o,className:i(e.className,Ki,B(Ki,{focus:t})),children:e.children})};Tt.states=Mf;Tt.options=Af;Tt.className=Ki;Tt.defaultOptions=wf;Tt.moduleName=wt;Tt.folderName=Wt;var Di=require("react/jsx-runtime"),Ul="k-toolbar-popup",If=[],Tf={size:[c.undefined,c.small,c.medium,c.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},Ef={},io=e=>{let{size:t,fillMode:o,section:a,...r}=e;return(0,Di.jsx)(Y,{...r,className:i(e.className,Ul),children:a?(0,Di.jsx)("span",{className:i("k-toolbar-items-list",w("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};io.states=If;io.options=Tf;io.className=Ul;io.defaultOptions=Ef;io.moduleName=wt;io.folderName=Wt;var Ya=io;var Cf=require("react/jsx-runtime");var Of=require("react/jsx-runtime");var Bf=require("react/jsx-runtime");var Gl=require("react/jsx-runtime");var Pf=require("react/jsx-runtime");var at=require("react/jsx-runtime"),Rf=D.states,$l={...D.defaultOptions,variant:"text"},Kf=D.options,Df=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],_f=[{name:"opened",title:"Opened"}],$o=e=>{let{variant:t,modifiers:o,...a}={...$l,...e},r={},s=(0,at.jsxs)(we,{size:a.size,children:[(0,at.jsx)(ee,{first:!0,text:"Menu Item"}),(0,at.jsx)(ee,{text:"Menu Item"}),(0,at.jsx)(ee,{last:!0,text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(p=>{p==="opened"&&(r.opened=!!(o!=null&&o[p]),r.popup=o!=null&&o[p]?s:"")}),t){case"icon-only":return(0,at.jsx)("div",{children:(0,at.jsx)(D,{...a,...r,icon:"star"})});case"icon-and-text":return(0,at.jsx)("div",{children:(0,at.jsx)(D,{...a,...r,icon:"star",children:"Split Button"})});default:return(0,at.jsx)("div",{children:(0,at.jsx)(D,{...a,...r,children:"Split Button"})})}};$o.options=Kf;$o.states=Rf;$o.variants=Df;$o.defaultOptions=$l;$o.modifiers=_f;$o.className=D.className;var vt=require("react/jsx-runtime"),Vl=e=>(0,vt.jsx)(X,{children:[(0,vt.jsx)(d,{children:"Button"},"toolbar-button"),(0,vt.jsx)(P,{text:"Menu button"},"toolbar-menu-button"),(0,vt.jsx)(D,{children:"Split button"},"toolbar-split-button"),(0,vt.jsxs)(I,{children:[(0,vt.jsx)(d,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,vt.jsx)(d,{icon:"align-center",children:"Center"}),(0,vt.jsx)(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var Wl=require("react/jsx-runtime");var ke=require("react/jsx-runtime"),Xl=e=>(0,ke.jsx)(X,{scrollable:!0,...e,children:[(0,ke.jsx)(d,{children:"Button"},"toolbar-button"),(0,ke.jsx)(P,{text:"Menu button"},"toolbar-menu-button"),(0,ke.jsx)(D,{children:"Split button"},"toolbar-split-button"),(0,ke.jsxs)(I,{children:[(0,ke.jsx)(d,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,ke.jsx)(d,{icon:"align-center",children:"Center"}),(0,ke.jsx)(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,ke.jsx)(d,{children:"Button"},"toolbar-button"),(0,ke.jsx)(P,{text:"Menu button"},"toolbar-menu-button"),(0,ke.jsx)(D,{children:"Split button"},"toolbar-split-button"),(0,ke.jsxs)(I,{children:[(0,ke.jsx)(d,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,ke.jsx)(d,{icon:"align-center",children:"Center"}),(0,ke.jsx)(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var Ne=require("react/jsx-runtime"),Jl=({scrollingPosition:e="start",...t})=>(0,Ne.jsx)(X,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[(0,Ne.jsx)(d,{children:"Button"},"toolbar-button"),(0,Ne.jsx)(P,{text:"Menu button"},"toolbar-menu-button"),(0,Ne.jsx)(D,{children:"Split button"},"toolbar-split-button"),(0,Ne.jsxs)(I,{children:[(0,Ne.jsx)(d,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Ne.jsx)(d,{icon:"align-center",children:"Center"}),(0,Ne.jsx)(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,Ne.jsx)(d,{children:"Button"},"toolbar-button"),(0,Ne.jsx)(P,{text:"Menu button"},"toolbar-menu-button"),(0,Ne.jsx)(D,{children:"Split button"},"toolbar-split-button"),(0,Ne.jsxs)(I,{children:[(0,Ne.jsx)(d,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Ne.jsx)(d,{icon:"align-center",children:"Center"}),(0,Ne.jsx)(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});var te=require("react/jsx-runtime"),ql=({fillMode:e,size:t,...o})=>(0,te.jsxs)(te.Fragment,{children:[(0,te.jsx)(X,{section:!0,fillMode:e,size:t,children:[(0,te.jsx)(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,te.jsxs)(I,{fillMode:e,children:[(0,te.jsx)(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,te.jsx)(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,te.jsx)(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),(0,te.jsx)(pe,{className:"k-toolbar-button-separator"}),(0,te.jsx)(d,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),(0,te.jsxs)(Ya,{size:t,fillMode:e,section:!0,...o,children:[(0,te.jsx)(D,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),(0,te.jsx)(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,te.jsx)(pe,{}),(0,te.jsx)(P,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),(0,te.jsxs)(I,{fillMode:e,children:[(0,te.jsx)(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,te.jsx)(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,te.jsx)(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});var _i=require("react/jsx-runtime");var Hi=require("react/jsx-runtime");var Et=require("react/jsx-runtime"),Hf=X.options,zf=X.states,Yl={...X.defaultOptions,variant:"default"},Ff=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Uf=[],Vo=e=>{let{variant:t,...o}={...Yl,...e};switch(t){case"responsive":return(0,Et.jsx)("div",{children:(0,Et.jsx)(ql,{style:{width:"583px"},...o})});case"overlay":return(0,Et.jsx)("div",{children:(0,Et.jsx)(Jl,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,Et.jsx)("div",{children:(0,Et.jsx)(Xl,{style:{width:"583px"},...o})});default:return(0,Et.jsx)("div",{children:(0,Et.jsx)(Vl,{style:{width:"583px"},...o})})}};Vo.options=Hf;Vo.states=zf;Vo.variants=Ff;Vo.defaultOptions=Yl;Vo.modifiers=Uf;Vo.className=X.className;var Zl=require("react/jsx-runtime"),Ql="k-spreadsheet-toolbar",Gf=[],$f={},Vf={},Wo=e=>{let{children:t,...o}=e;return(0,Zl.jsx)(X,{...o,resizable:!0,className:i(e.className,Ql),fillMode:"flat","aria-label":o["aria-label"]\|\|"Spreadsheet toolbar",children:t})};Wo.states=Gf;Wo.options=$f;Wo.className=Ql;Wo.defaultOptions=Vf;var ep=require("react/jsx-runtime"),jl="k-spreadsheet-menu",Wf=[],Xf={},Jf={},Xo=e=>{let{children:t,...o}=e;return(0,ep.jsx)(le,{...o,className:i(e.className,jl),children:t})};Xo.states=Wf;Xo.options=Xf;Xo.className=jl;Xo.defaultOptions=Jf;var C=require("react/jsx-runtime"),tp="k-spreadsheet-header",qf=[],Yf={},Qf=[(0,C.jsx)(d,{icon:"arrow-rotate-ccw",fillMode:"flat","aria-label":"Undo"},"undo"),(0,C.jsx)(d,{icon:"arrow-rotate-cw",fillMode:"flat","aria-label":"Redo"},"redo"),(0,C.jsx)(pe,{},"sep1"),(0,C.jsx)(d,{icon:"cut",fillMode:"flat","aria-label":"Cut"},"cut"),(0,C.jsx)(d,{icon:"copy",fillMode:"flat","aria-label":"Copy"},"copy"),(0,C.jsx)(d,{icon:"clipboard",fillMode:"flat","aria-label":"Paste"},"paste"),(0,C.jsx)(pe,{},"sep2"),(0,C.jsx)(j,{value:"Font Name",fillMode:"flat","aria-label":"Font name"},"fontname"),(0,C.jsx)(j,{value:"Font Size",fillMode:"flat","aria-label":"Font size"},"fontsize"),(0,C.jsx)(pe,{},"sep3"),(0,C.jsxs)(I,{fillMode:"flat",children:[(0,C.jsx)(d,{className:"k-group-start",icon:"font-grow",fillMode:"flat","aria-label":"Increase font size"}),(0,C.jsx)(d,{className:"k-group-end",icon:"font-shrink",fillMode:"flat","aria-label":"Decrease font size"})]},"fontgrow"),(0,C.jsx)(pe,{},"sep4"),(0,C.jsxs)(I,{fillMode:"flat",children:[(0,C.jsx)(d,{className:"k-group-start",icon:"bold",fillMode:"flat","aria-label":"Bold"}),(0,C.jsx)(d,{icon:"italic",fillMode:"flat","aria-label":"Italic"}),(0,C.jsx)(d,{icon:"underline",fillMode:"flat","aria-label":"Underline"}),(0,C.jsx)(d,{className:"k-group-end",icon:"strikethrough",fillMode:"flat","aria-label":"Strikethrough"})]},"fontstyle"),(0,C.jsx)(Tt,{children:(0,C.jsx)(Ae,{value:"red",valueIconName:"foreground-color",fillMode:"flat","aria-label":"Text color"})},"textcolor"),(0,C.jsx)(pe,{},"sep5"),(0,C.jsx)(Tt,{children:(0,C.jsx)(Ae,{value:"fuchsia",valueIconName:"droplet",fillMode:"flat","aria-label":"Background color"})},"bgcolor"),(0,C.jsx)(pe,{},"sep6"),(0,C.jsx)(P,{fillMode:"flat",icon:"borders-all",showArrow:!0,"aria-label":"Borders"},"borders"),(0,C.jsx)(pe,{},"sep7"),(0,C.jsx)(P,{fillMode:"flat",icon:"align-left",showArrow:!0,"aria-label":"Horizontal alignment"},"halign"),(0,C.jsx)(P,{fillMode:"flat",icon:"align-middle",showArrow:!0,"aria-label":"Vertical alignment"},"valign"),(0,C.jsx)(pe,{},"sep8"),(0,C.jsx)(d,{fillMode:"flat",icon:"text-wrap","aria-label":"Wrap text"},"wrap")],Zf=[(0,C.jsx)(q,{first:!0,text:"File"},"file"),(0,C.jsx)(q,{text:"Home",active:!0},"home"),(0,C.jsx)(q,{text:"Insert"},"insert"),(0,C.jsx)(q,{text:"Format"},"format"),(0,C.jsx)(q,{text:"Formulas"},"formulas"),(0,C.jsx)(q,{text:"Data"},"data"),(0,C.jsx)(q,{last:!0,text:"View"},"view")],zi={toolbarItems:Qf,menuItems:Zf},Ct=e=>{let{toolbarItems:t=zi.toolbarItems,menuItems:o=zi.menuItems,...a}=e;return(0,C.jsxs)("div",{...a,className:i(tp,e.className),children:[(0,C.jsx)(Xo,{children:o}),(0,C.jsx)(Wo,{children:t})]})};Ct.states=qf;Ct.options=Yf;Ct.className=tp;Ct.defaultOptions=zi;var G=require("react/jsx-runtime"),op="k-spreadsheet-action-bar",jf=[],eb={},tb=(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)("span",{className:"k-syntax-startexp",children:"="}),(0,G.jsx)("span",{className:"k-syntax-ref k-series-a",children:"B6"}),(0,G.jsx)("span",{className:"k-syntax-op",children:"+"}),(0,G.jsx)("span",{className:"k-syntax-ref k-series-b",children:"C6"}),(0,G.jsx)("span",{className:"k-syntax-op",children:"+"}),(0,G.jsx)("span",{className:"k-syntax-ref k-series-c",children:"C3"})]}),Fi={formula:tb,cellName:"B6"},Ot=e=>{let{formula:t=Fi.formula,cellName:o=Fi.cellName,formulaExpanded:a=!1,formulaListItems:r,...s}=e,p=a?K("spreadsheet-formula-list"):void 0,m=(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)("li",{className:"k-list-item",role:"menuitem",children:(0,G.jsx)("span",{className:"k-list-item-text",children:"SUM"})}),(0,G.jsx)("li",{className:"k-list-item",role:"menuitem",children:(0,G.jsx)("span",{className:"k-list-item-text",children:"AVERAGE"})}),(0,G.jsx)("li",{className:"k-list-item",role:"menuitem",children:(0,G.jsx)("span",{className:"k-list-item-text",children:"COUNT"})})]});return(0,G.jsxs)("div",{...s,className:i(op,e.className),children:[(0,G.jsx)("div",{className:"k-spreadsheet-name-editor",children:(0,G.jsx)(fe,{placeholder:o,fillMode:"flat","aria-label":"Name editor"})}),(0,G.jsxs)("div",{className:"k-spreadsheet-formula-bar",children:[(0,G.jsx)("span",{className:"k-separator k-separator-vertical"}),(0,G.jsx)(d,{icon:"formula-fx",fillMode:"flat","aria-label":"Formula"}),(0,G.jsx)("span",{className:"k-separator k-separator-vertical"}),(0,G.jsx)("div",{className:"k-spreadsheet-formula-input k-textbox k-input k-input-flat",role:"combobox",title:"Formula input","aria-haspopup":"menu","aria-expanded":a?"true":"false",...p&&{"aria-controls":p},children:t}),a&&(0,G.jsx)("ul",{className:"k-spreadsheet-formula-list",id:p,role:"menu",children:r\|\|m})]})]})};Ot.states=jf;Ot.options=eb;Ot.className=op;Ot.defaultOptions=Fi;var ip=require("react/jsx-runtime"),ap="k-tabstrip-items",ob=[],ab={},rb={tabAlignment:"start"},ka=e=>{let{children:t,tabAlignment:o,orientation:a,...r}=e;return(0,ip.jsx)("ul",{...r,className:i(e.className,ap,"k-reset",`k-tabstrip-items-${o}`),role:"tablist",...a==="vertical"&&{"aria-orientation":"vertical"},children:t})};ka.states=ob;ka.options=ab;ka.className=ap;ka.defaultOptions=rb;var rp=ka;var pp=require("react/jsx-runtime"),np="k-tabstrip-items-wrapper",ib=[],nb={},sp={orientation:"horizontal"},Na=e=>{let{children:t,orientation:o=sp.orientation,...a}=e;return(0,pp.jsx)("div",{...a,className:i(e.className,np,{"k-hstack":o==="horizontal","k-vstack":o==="vertical"}),children:t})};Na.states=ib;Na.options=nb;Na.className=np;Na.defaultOptions=sp;var lp=Na;var Ui="tabstrip",dp=Ui;var De=require("react/jsx-runtime"),Xt="k-tabstrip",sb=[],lb={size:[c.undefined,c.small,c.medium,c.large]},Qa={position:"top",tabAlignment:"start",scrollButtons:"around"},Bt=e=>{let{size:t,scrollable:o,children:a,tabStripItems:r,tabStripItemsId:s,position:p=Qa.position,tabAlignment:m=Qa.tabAlignment,scrollButtons:f=Qa.scrollButtons,dir:h,scrollingPosition:x,overflow:g,...u}=e,S={top:{prev:h!=="rtl"?"left":"right",next:h!=="rtl"?"right":"left"},bottom:{prev:h!=="rtl"?"left":"right",next:h!=="rtl"?"right":"left"},right:{prev:"up",next:"down"},left:{prev:"up",next:"down"}},N={top:"horizontal",bottom:"horizontal",left:"vertical",right:"vertical"},M={start:"start",center:"center",end:"end",justify:"justify",stretched:"stretched"};return(0,De.jsxs)("div",{dir:h,...u,className:i(Xt,e.className,{[`${Xt}-${p}`]:p,[`${Xt}-scrollable`]:o,[`${Xt}-scrollable-overlay`]:o&&(f==="hidden"\|\|!f),[`${Xt}-scrollable-${x}`]:x&&x!=="both",[`${Xt}-overflow`]:g},w(Xt,{size:t})),children:[p==="bottom"&&a,(0,De.jsxs)(lp,{orientation:N[p],children:[o&&(f==="around"\|\|f==="start")&&(0,De.jsx)("span",{className:i("k-tabstrip-prev","k-button",w("k-button",{size:t,fillMode:b.flat}),"k-icon-button"),"aria-hidden":"true",children:(0,De.jsx)(L,{className:"k-button-icon",icon:`chevron-${S[p].prev}`})}),o&&f==="start"&&(0,De.jsx)("span",{className:i("k-tabstrip-next","k-button",w("k-button",{size:t,fillMode:b.flat}),"k-icon-button"),"aria-hidden":"true",children:(0,De.jsx)(L,{className:"k-button-icon",icon:`chevron-${S[p].next}`})}),(0,De.jsx)(rp,{className:i({"k-tabstrip-items-scroll":o&&f==="hidden"}),tabAlignment:M[m],orientation:N[p],...s&&{id:s},children:r}),o&&f==="end"&&(0,De.jsx)("span",{className:i("k-tabstrip-prev","k-button",w("k-button",{size:t,fillMode:b.flat}),"k-icon-button"),"aria-hidden":"true",children:(0,De.jsx)(L,{className:"k-button-icon",icon:`chevron-${S[p].prev}`})}),o&&(f==="around"\|\|f==="end")&&(0,De.jsx)("span",{className:i("k-tabstrip-next","k-button",w("k-button",{size:t,fillMode:b.flat}),"k-icon-button"),"aria-hidden":"true",children:(0,De.jsx)(L,{className:"k-button-icon",icon:`chevron-${S[p].next}`})}),g&&(0,De.jsx)("div",{className:"k-tabstrip-actions k-hstack",children:(0,De.jsx)(P,{className:"k-tabstrip-overflow-button",icon:"more-vertical",fillMode:"flat",size:t,showArrow:!1})})]}),p!=="bottom"&&a]})};Bt.states=sb;Bt.options=lb;Bt.className=Xt;Bt.defaultOptions=Qa;Bt.moduleName=Ui;Bt.folderName=dp;Bt.ariaSpec={selector:".k-tabstrip",rules:[{selector:".k-tabstrip-items",attribute:"role=tablist",usage:"Indicates the tablist role for the ul element."},{selector:".k-tabstrip.k-tabstrip-left .k-tabstrip-items,.k-tabstrip.k-tabstrip-right .k-tabstrip-items",attribute:"aria-orientation=vertical",usage:"Indicates the orientation when vertical."},{selector:".k-tabstrip-item",attribute:"role=tab",usage:"The tab li element."},{selector:".k-tabstrip .k-tabstrip-item.k-active",attribute:"aria-selected=true",usage:"Announces the selected state of the tab."},{selector:".k-tabstrip-content",attribute:"role=tabpanel",usage:"The content div of the tab."},{selector:".k-tabstrip .k-tabstrip-item.k-active",attribute:"aria-controls (when present)",usage:"Announces the relation between the panel and active tab. Only present when tab controls a specific panel."},{selector:".k-tabstrip-content",attribute:"aria-hidden=true (when not active)",usage:"Only if the component implements a feature to control whether the content should be persisted."},{selector:".k-tabstrip-content",attribute:"aria-labelledby (when present)",usage:"Refers to the tab element that controls the panel. Only present when panel has an associated tab."},{selector:".k-tabstrip-scrollable .k-button",attribute:"aria-hidden=true",usage:"Scroll buttons are hidden from assistive technologies."}]};var Pt=require("react/jsx-runtime"),Gi="k-tabstrip-item",pb=[l.active,l.hover,l.disabled,l.focus],db={},cp={iconPosition:"before"},dt=e=>{let{dragging:t,active:o,hover:a,focus:r,disabled:s,children:p,first:m,last:f,closable:h,icon:x,iconPosition:g=cp.iconPosition,value:u,actions:S,...N}=e;return(0,Pt.jsxs)("li",{...N,className:i(e.className,Gi,B(Gi,{hover:a,active:o,disabled:s,focus:r}),{"k-tabstrip-dragging":t,"k-first":m,"k-last":f}),role:"tab",...o&&{"aria-selected":"true"},...s&&{"aria-disabled":"true"},children:[(0,Pt.jsxs)("span",{className:"k-link",children:[x&&g==="before"&&(0,Pt.jsx)(L,{icon:x}),u&&(0,Pt.jsx)("span",{className:"k-link-text",children:u}),x&&g==="after"&&(0,Pt.jsx)(L,{icon:x})]}),(S\|\|h)&&(0,Pt.jsxs)("span",{className:"k-item-actions",children:[S,h&&(0,Pt.jsx)(d,{as:"span",className:"k-remove-tab",icon:"x",fillMode:"flat",size:"xsmall",title:"Close","aria-hidden":"true"})]}),p]})};dt.states=pb;dt.options=db;dt.className=Gi;dt.item=cp;var re=require("react/jsx-runtime"),mp="k-spreadsheet-sheets-bar",cb=[],mb={},ub=(0,re.jsxs)(re.Fragment,{children:[(0,re.jsx)(dt,{first:!0,active:!0,value:"Sheet 1",actions:(0,re.jsx)(P,{showArrow:!1,size:"xsmall",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet1"),(0,re.jsx)(dt,{value:"Sheet 2",actions:(0,re.jsx)(P,{showArrow:!1,size:"xsmall",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet2"),(0,re.jsx)(dt,{value:"Sheet 3",actions:(0,re.jsx)(P,{showArrow:!1,size:"xsmall",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet3"),(0,re.jsx)(dt,{value:"Sheet 4",actions:(0,re.jsx)(P,{showArrow:!1,size:"xsmall",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet4"),(0,re.jsx)(dt,{value:"Sheet 5",actions:(0,re.jsx)(P,{showArrow:!1,size:"xsmall",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet5"),(0,re.jsx)(dt,{last:!0,value:"Sheet 6",actions:(0,re.jsx)(P,{showArrow:!1,size:"xsmall",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet6")]}),up={tabStripItems:ub},Rt=e=>{let{tabStripItems:t=up.tabStripItems,...o}=e,a=K("spreadsheet-sheets");return(0,re.jsxs)("div",{...o,className:i(mp,e.className),children:[(0,re.jsx)(d,{className:"k-spreadsheet-sheet-add",fillMode:"flat",size:"xsmall",icon:"plus","aria-label":"Add new sheet","aria-controls":a}),(0,re.jsx)(d,{className:"k-spreadsheet-sheets-menu",fillMode:"flat",size:"xsmall",icon:"menu","aria-label":"Sheets menu","aria-controls":a}),(0,re.jsx)(Bt,{className:"k-spreadsheet-sheets",tabStripItems:t,tabStripItemsId:a,position:"bottom",scrollable:!0,scrollButtons:"end"})]})};Rt.states=cb;Rt.options=mb;Rt.className=mp;Rt.defaultOptions=up;var $=require("react/jsx-runtime"),fp="k-spreadsheet-column-header",fb=[],bb={},bp={configureSelection:{A:"partial"}},Jo=e=>{let{configureSelection:t=bp.configureSelection,...o}=e,a=[(0,$.jsx)("div",{style:{position:"absolute",left:"0px",width:"100px",height:"30px"},children:(0,$.jsx)("div",{className:"k-vertical-align-center",children:"A"})}),(0,$.jsx)("div",{style:{position:"absolute",left:"100px",width:"215px",height:"30px"},children:(0,$.jsx)("div",{className:"k-vertical-align-center",children:"B"})}),(0,$.jsx)("div",{style:{position:"absolute",left:"315px",width:"115px",height:"30px"},children:(0,$.jsx)("div",{className:"k-vertical-align-center",children:"C"})}),(0,$.jsx)("div",{style:{position:"absolute",left:"430px",width:"115px",height:"30px"},children:(0,$.jsx)("div",{className:"k-vertical-align-center",children:"D"})}),(0,$.jsx)("div",{style:{position:"absolute",left:"545px",width:"115px",height:"30px"},children:(0,$.jsx)("div",{className:"k-vertical-align-center",children:"E"})}),(0,$.jsx)("div",{style:{position:"absolute",left:"660px",width:"155px",height:"30px"},children:(0,$.jsx)("div",{className:"k-vertical-align-center",children:"F"})}),(0,$.jsx)("div",{style:{position:"absolute",left:"815px",width:"64px",height:"30px"},children:(0,$.jsx)("div",{className:"k-vertical-align-center",children:"G"})}),(0,$.jsx)("div",{style:{position:"absolute",left:"879px",width:"64px",height:"30px"},children:(0,$.jsx)("div",{className:"k-vertical-align-center",children:"H"})}),(0,$.jsx)("div",{style:{position:"absolute",left:"943px",width:"64px",height:"30px"},children:(0,$.jsx)("div",{className:"k-vertical-align-center",children:"I"})}),(0,$.jsx)("div",{style:{position:"absolute",left:"1007px",width:"64px",height:"30px"},children:(0,$.jsx)("div",{className:"k-vertical-align-center",children:"J"})}),(0,$.jsx)("div",{style:{position:"absolute",left:"1071px",width:"64px",height:"30px"},children:(0,$.jsx)("div",{className:"k-vertical-align-center",children:"K"})}),(0,$.jsx)("div",{style:{position:"absolute",left:"1135px",width:"64px",height:"30px"},children:(0,$.jsx)("div",{className:"k-vertical-align-center",children:"L"})})],s=t?((p,m)=>p.map((f,h)=>{let x=f.props.children.props.children;return(0,$.jsx)("div",{style:f.props.style,className:i({"k-selection-partial":m[x]==="partial","k-selection-full":m[x]==="full","k-selection-none":!m[x]}),children:f.props.children},h)}))(a,t):a;return(0,$.jsx)("div",{...o,className:i(fp,e.className),children:s})};Jo.states=fb;Jo.options=bb;Jo.className=fp;Jo.defaultOptions=bp;var F=require("react/jsx-runtime"),hp="k-spreadsheet-row-header",hb=[],xb={},xp={configureSelection:{1:"partial"}},qo=e=>{let{configureSelection:t=xp.configureSelection,...o}=e,a=[(0,F.jsx)("div",{style:{width:"30px",height:"70px"},children:(0,F.jsx)("div",{className:"k-vertical-align-center",children:"1"})}),(0,F.jsx)("div",{style:{width:"30px",height:"25px"},children:(0,F.jsx)("div",{className:"k-vertical-align-center",children:"2"})}),(0,F.jsx)("div",{style:{width:"30px",height:"30px"},children:(0,F.jsx)("div",{className:"k-vertical-align-center",children:"3"})}),(0,F.jsx)("div",{style:{width:"30px",height:"30px"},children:(0,F.jsx)("div",{className:"k-vertical-align-center",children:"4"})}),(0,F.jsx)("div",{style:{width:"30px",height:"30px"},children:(0,F.jsx)("div",{className:"k-vertical-align-center",children:"5"})}),(0,F.jsx)("div",{style:{width:"30px",height:"30px"},children:(0,F.jsx)("div",{className:"k-vertical-align-center",children:"6"})}),(0,F.jsx)("div",{style:{width:"30px",height:"30px"},children:(0,F.jsx)("div",{className:"k-vertical-align-center",children:"7"})}),(0,F.jsx)("div",{style:{width:"30px",height:"30px"},children:(0,F.jsx)("div",{className:"k-vertical-align-center",children:"8"})}),(0,F.jsx)("div",{style:{width:"30px",height:"30px"},children:(0,F.jsx)("div",{className:"k-vertical-align-center",children:"9"})}),(0,F.jsx)("div",{style:{width:"30px",height:"30px"},children:(0,F.jsx)("div",{className:"k-vertical-align-center",children:"10"})}),(0,F.jsx)("div",{style:{width:"30px",height:"30px"},children:(0,F.jsx)("div",{className:"k-vertical-align-center",children:"11"})}),(0,F.jsx)("div",{style:{width:"30px",height:"30px"},children:(0,F.jsx)("div",{className:"k-vertical-align-center",children:"12"})}),(0,F.jsx)("div",{style:{width:"30px",height:"30px"},children:(0,F.jsx)("div",{className:"k-vertical-align-center",children:"13"})})],s=t?((p,m)=>p.map((f,h)=>{let x=f.props.children.props.children;return(0,F.jsx)("div",{style:f.props.style,className:i({"k-selection-partial":m[x]==="partial","k-selection-full":m[x]==="full","k-selection-none":!m[x]}),children:f.props.children},h)}))(a,t):a;return(0,F.jsx)("div",{...o,className:i(hp,e.className),children:s})};qo.states=hb;qo.options=xb;qo.className=hp;qo.defaultOptions=xp;var vp=or(require("react"));var $i=require("react/jsx-runtime"),gp="k-spreadsheet-data",vb=[],gb={},kb={},Yo=e=>{let{activeCellIndex:t,...o}=e,r=t?((p,m)=>p.map((f,h)=>h===m?(0,$i.jsx)("div",{style:f.props.style,className:i(f.props.className,"k-spreadsheet-active-cell"),children:f.props.children},h):f))(hr,t):hr,s=[...xn,...r].map((p,m)=>p.key?p:vp.cloneElement(p,{key:m}));return(0,$i.jsx)("div",{...o,className:i(gp,e.className),children:s})};Yo.states=vb;Yo.options=gb;Yo.className=gp;Yo.defaultOptions=kb;var Sa="spreadsheet",Za=Sa;var Np=require("react/jsx-runtime"),kp="k-spreadsheet",Nb=[],Sb={},Lb={},rt=e=>{let{children:t,...o}=e;return(0,Np.jsx)("div",{...o,className:i(kp,e.className),role:"application",children:t})};rt.states=Nb;rt.options=Sb;rt.className=kp;rt.defaultOptions=Lb;rt.moduleName=Sa;rt.folderName=Za;rt.ariaSpec={selector:".k-spreadsheet",rules:[{selector:".k-spreadsheet",attribute:"role=application",usage:"Indicates the Spreadsheets' role as an application."},{selector:".k-spreadsheet-menu",attribute:"role=menubar",usage:"Follows Menu spec: announces the Menu menubar role."},{selector:".k-spreadsheet-menu .k-menu-item",attribute:"role=menuitem",usage:"Follows Menu spec: announces the Menu item role."},{selector:".k-spreadsheet-toolbar",attribute:"role=toolbar",usage:"Follows Toolbar spec: the component role."},{selector:".k-spreadsheet-toolbar",attribute:"aria-label or title",usage:"Each ToolBar must have a label specifying its purpose."},{selector:".k-spreadsheet-name-editor .k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Follows ComboBox spec: identifies the input as a combobox."},{selector:".k-spreadsheet-formula-bar .k-spreadsheet-formula-input",attribute:"role=combobox",usage:"The focusable element of the component should have role combobox (an input with popup)."},{selector:".k-spreadsheet-formula-bar .k-spreadsheet-formula-input",attribute:"aria-haspopup=menu",usage:"Specifies that the formula input opens a popup."},{selector:".k-spreadsheet-formula-bar .k-spreadsheet-formula-input",attribute:"aria-controls=.k-spreadsheet-formula-list id (when present)",usage:"Points to the formulas list with role menu. Signifies that the formula input element controls the popup."},{selector:".k-spreadsheet-formula-bar .k-spreadsheet-formula-input",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-spreadsheet-formula-bar .k-spreadsheet-formula-input",attribute:"title",usage:"The Formula input must have a title specifying its purpose."},{selector:".k-spreadsheet-formula-list",attribute:"id",usage:"Unique and deterministic id linked to the aria-controls attribute of the corresponding formula input."},{selector:".k-spreadsheet-formula-list",attribute:"role=menu",usage:"Announces the menu role of the popup."},{selector:".k-spreadsheet-formula-list .k-list-item",attribute:"role=menuitem",usage:"Announces the menuitem role of the popup items."},{selector:".k-spreadsheet-sheet-add",attribute:"role=button or nodeName=button",usage:"The add new sheet element is a button."},{selector:".k-spreadsheet-sheet-add",attribute:"aria-label or title",usage:"The add new sheet element must have a label as it does not have text content."},{selector:".k-spreadsheet-sheet-add",attribute:"aria-controls=.k-tabstrip-items id (when present)",usage:"Points to the ul element of the TabStrip that contains all tabs."},{selector:".k-spreadsheet-sheets-menu",attribute:"role=button or nodeName=button",usage:"Follows DropDownButton spec: omitted if the button DOM element is used."},{selector:".k-spreadsheet-sheets-menu",attribute:"aria-label or title",usage:"Follows DropDownButton spec: required when no text is visible."},{selector:".k-spreadsheet-sheets-menu",attribute:"aria-controls=.k-tabstrip-items id (when present)",usage:"Points to the ul element of the TabStrip that contains all tabs."},{selector:".k-spreadsheet-sheets .k-tabstrip-items",attribute:"role=tablist",usage:"Follows TabStrip spec: indicates the tablist role for the ul element."},{selector:".k-spreadsheet-sheets .k-tabstrip-item",attribute:"role=tab",usage:"Follows TabStrip spec: the tab li element."},{selector:".k-spreadsheet-sheets .k-tabstrip-item .k-menu-button",attribute:"aria-label or title",usage:"Follows DropDownButton spec: required when no text is visible in the tab menu button."}]};var Lp=require("react/jsx-runtime"),Sp="k-spreadsheet-legacy",yb=[],Mb={},Ab={},Qo=e=>{let{...t}=e;return(0,Lp.jsx)("div",{...t,className:i(e.className,Sp),children:e.children})};Qo.states=yb;Qo.options=Mb;Qo.className=Sp;Qo.defaultOptions=Ab;Qo.moduleName=Sa;Qo.folderName=Za;var ct=require("react/jsx-runtime"),yp=e=>(0,ct.jsx)(rt,{children:(0,ct.jsxs)(ct.Fragment,{children:[(0,ct.jsx)(Ct,{}),(0,ct.jsx)(Ot,{}),(0,ct.jsx)(mt,{selection:(0,ct.jsx)("div",{className:"k-spreadsheet-selection k-single-selection",style:{width:"880px",height:"71px",top:"30px",left:"30px"}}),rowHeaderSelection:{1:"partial"},columnHeaderSelection:{A:"partial",B:"partial",C:"partial",D:"partial",E:"partial",F:"partial",G:"partial"},activeCellIndex:0}),(0,ct.jsx)(Rt,{})]}),...e});var Vi=require("react/jsx-runtime");var Jt=require("react/jsx-runtime"),wb={},Ib=[],Tb=[],Eb={},Cb=[],Zo=()=>(0,Jt.jsxs)(yp,{style:{height:"415px",width:"80%"},children:[(0,Jt.jsx)(Ct,{}),(0,Jt.jsx)(Ot,{}),(0,Jt.jsx)(mt,{selection:(0,Jt.jsx)("div",{className:"k-spreadsheet-selection k-single-selection",style:{width:"101px",height:"31px",top:"125px",left:"30px"}}),rowHeaderSelection:{3:"partial"},columnHeaderSelection:{A:"partial"},activeCellIndex:8}),(0,Jt.jsx)(Rt,{})]});Zo.options=wb;Zo.states=Ib;Zo.variants=Tb;Zo.defaultOptions=Eb;Zo.modifiers=Cb;Zo.className=rt.className;var W=require("react/jsx-runtime"),Wi="k-spreadsheet-view",Ob=[],Bb={},Pb={},mt=e=>{let{selectionHighlight:t,rowHeaderSelection:o,columnHeaderSelection:a,cellEditor:r,activeCellIndex:s,selection:p,filter:m,...f}=e;return(0,W.jsxs)("div",{...f,className:i(Wi,e.className),children:[(0,W.jsxs)("div",{className:"k-spreadsheet-fixed-container",children:[(0,W.jsxs)("div",{style:{top:0,left:0,height:"100%",width:"100%"},className:"k-spreadsheet-pane k-top k-left",children:[(0,W.jsx)(Yo,{activeCellIndex:s,style:{position:"relative",left:"30px",top:"30px"}}),(0,W.jsx)("div",{className:"k-selection-wrapper",children:p}),(0,W.jsx)("div",{className:"k-auto-fill-wrapper"}),(0,W.jsx)("div",{className:"k-selection-wrapper",children:t}),(0,W.jsx)("div",{className:"k-filter-wrapper",children:m}),(0,W.jsx)(qo,{configureSelection:o,style:{width:"30px",top:"30px"}}),(0,W.jsx)(Jo,{configureSelection:a,style:{top:"0px",left:"30px",width:"1199px",height:"30px"}})]}),r,(0,W.jsx)("div",{style:{width:"30px",height:"30px"},className:"k-spreadsheet-top-corner"})]}),(0,W.jsx)("div",{className:"k-spreadsheet-scroller",children:(0,W.jsx)("div",{className:"k-spreadsheet-view-size",style:{height:"6080px",width:"3663px"}})}),(0,W.jsx)("div",{className:"k-spreadsheet-clipboard",children:(0,W.jsxs)("table",{style:{left:"0px",top:"0px",height:"30px",width:"100px"},className:"kendo-clipboard-eb8ea401-ab97-4190-8fb2-b3b83b299a9f",role:"presentation",children:[(0,W.jsx)("colgroup",{children:(0,W.jsx)("col",{style:{width:"100px"}})}),(0,W.jsx)("tbody",{children:(0,W.jsx)("tr",{style:{height:"30px"},children:(0,W.jsx)("td",{style:{backgroundColor:"rgb(255, 255, 255)",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",borderColor:"rgb(255, 255, 255)"},children:"216321"})})})]})}),!r&&(0,W.jsx)("div",{className:"k-spreadsheet-cell-editor k-spreadsheet-formula-input","data-role":"formulainput",style:{whiteSpace:"pre"},children:"216321"}),(0,W.jsx)(Ce,{content:"A1",style:{position:"absolute",display:"none"}}),(0,W.jsx)("div",{className:"k-list-group-sticky-header",style:{display:"none"}}),(0,W.jsx)("div",{className:"k-list-content k-list-scroller",unselectable:"on"})]})};mt.states=Ob;mt.options=Bb;mt.className=Wi;mt.defaultOptions=Pb;var Rb=mt;
1	+ var Ap=Object.create;var ya=Object.defineProperty;var wp=Object.getOwnPropertyDescriptor;var Ip=Object.getOwnPropertyNames;var Tp=Object.getPrototypeOf,Ep=Object.prototype.hasOwnProperty;var Cp=(e,t)=>{for(var o in t)ya(e,o,{get:t[o],enumerable:!0})},Ji=(e,t,o,a)=>{if(t&&typeof t=="object"\|\|typeof t=="function")for(let r of Ip(t))!Ep.call(e,r)&&r!==o&&ya(e,r,{get:()=>t[r],enumerable:!(a=wp(t,r))\|\|a.enumerable});return e};var or=(e,t,o)=>(o=e!=null?Ap(Tp(e)):{},Ji(t\|\|!e\|\|!e.__esModule?ya(o,"default",{value:e,enumerable:!0}):o,e)),Op=e=>Ji(ya({},"__esModule",{value:!0}),e);var Kb={};Cp(Kb,{SPREADSHEETVIEW_CLASSNAME:()=>Wi,SpreadsheetView:()=>mt,default:()=>Rb});module.exports=Op(Kb);var i=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?i(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]\|\|t[o]&&o\|\|null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var w=(e,t)=>i({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),B=(e,t)=>{let{valid:o,invalid:a,hover:r,focus:s,checked:p,active:m,selected:f,disabled:h,indeterminate:x,loading:g,empty:u,readonly:S,highlighted:N,...M}=t;return i({"k-valid":o,"k-invalid":a,"k-hover":r,"k-focus":s,"k-checked":p,"k-active":m,"k-selected":f,"k-disabled":h,"k-indeterminate":x&&!p,"k-loading":g,"k-empty":u,"k-readonly":S,"k-highlighted":N},Object.keys(M).reduce((O,A)=>(A.startsWith("k-")?O[A]=M[A]:O[`k-${A}`]=M[A],O),{}))};function qi(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var c={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},v={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},b={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},k={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},l={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"},Yi={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var ar={};function K(e){return ar[e]=(ar[e]\|\|0)+1,`k-${e}-${ar[e]}`}var jo=require("react/jsx-runtime"),rr="k-font-icon",Bp=[],Pp={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info]},Rp={},ea=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:s,...p}=e;return a?(0,jo.jsx)("span",{...p,className:i(e.className,rr,w(rr,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":s==="h"\|\|s==="both","k-flip-v":s==="v"\|\|s==="both"}),"aria-hidden":"true"}):(0,jo.jsx)(jo.Fragment,{})};ea.states=Bp;ea.options=Pp;ea.className=rr;ea.defaultOptions=Rp;var Qi=ea;var Yt=require("react/jsx-runtime"),ir="k-svg-icon",Kp=[],Dp={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info]},Zi={viewBox:"0 0 24 24"},ta=e=>{let{size:t,themeColor:o,rotate:a,flip:r,viewBox:s=Zi.viewBox,icon:p,...m}=e;if(!p)return(0,Yt.jsx)(Yt.Fragment,{});if(p==="none")return(0,Yt.jsx)("span",{...m,className:i(e.className,ir,w("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof p=="object"&&p.name&&p.name;return(0,Yt.jsx)("span",{...m,className:i(e.className,ir,w("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":r==="h"\|\|r==="both","k-flip-v":r==="v"\|\|r==="both"}),"aria-hidden":"true",children:(0,Yt.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof p=="object"?p.viewBox:s,dangerouslySetInnerHTML:typeof p=="object"?{__html:p.content}:void 0,children:p?void 0:e.children})})};ta.states=Kp;ta.options=Dp;ta.className=ir;ta.defaultOptions=Zi;var nr=ta;var sr=or(require("@progress/kendo-svg-icons"));var ji="icon",en="icons";var an=require("react");var tn=require("react"),on=(0,tn.createContext)({iconsType:"svg"});var gt=require("react/jsx-runtime"),Ma="k-icon",_p=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Hp=[],zp={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info]},lr={viewBox:"0 0 24 24",type:"svg"},L=e=>{let{iconsType:t}=(0,an.useContext)(on),{size:o,themeColor:a,icon:r,type:s=t\|\|lr.type,rotate:p,flip:m,viewBox:f=lr.viewBox,...h}=e;if(!r)return(0,gt.jsx)(gt.Fragment,{});if((t\|\|s)==="svg"){if(r==="none")return(0,gt.jsx)(nr,{...h,className:i(e.className,Ma),icon:r,size:o});let g=sr[r]?r:_p(`${r}-icon`);return sr[g]?(0,gt.jsx)(nr,{...h,className:i(e.className,Ma),icon:sr[g],size:o,themeColor:a,rotate:p,flip:m,viewBox:f}):(0,gt.jsx)(gt.Fragment,{})}return(0,gt.jsx)(Qi,{...h,className:i(e.className,Ma),icon:r,size:o,themeColor:a,rotate:p,flip:m})};L.states=Hp;L.options=zp;L.defaultOptions=lr;L.className=Ma;L.moduleName=ji;L.folderName=en;L.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var pr="tooltip",rn=pr;var kt=require("react/jsx-runtime"),dr="k-tooltip",Fp=[],Up={themeColor:[k.undefined,k.base,k.inverse,k.info,k.success,k.warning,k.error]},nn={closable:!1},Ce=e=>{let{closable:t=nn.closable,callout:o,themeColor:a,title:r,content:s,icon:p,id:m=K("tooltip"),...f}=e;return(0,kt.jsxs)("div",{...f,className:i(e.className,dr,w(dr,{themeColor:a}),{"k-tooltip-closable":t}),role:"tooltip",id:m,children:[p&&(0,kt.jsx)(L,{className:"k-tooltip-icon",icon:p}),(0,kt.jsxs)("div",{className:"k-tooltip-content",children:[r&&(0,kt.jsx)("div",{className:"k-tooltip-title",children:r}),s]}),t&&(0,kt.jsx)("div",{className:"k-tooltip-button",role:"button","aria-label":"Close",tabIndex:0,children:(0,kt.jsx)(L,{icon:"x"})}),o&&(0,kt.jsx)("div",{className:i("k-callout",{[`k-callout-${Yi.calloutMap[o]\|\|o}`]:o})})]})};Ce.states=Fp;Ce.options=Up;Ce.className=dr;Ce.defaultOptions=nn;Ce.moduleName=pr;Ce.folderName=rn;Ce.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 cr=Ce;var ln=require("react/jsx-runtime"),sn=e=>(0,ln.jsx)(cr,{content:"Tooltip Content",...e});var Gp=require("react/jsx-runtime");var mr="popup",pn=mr;var ur=require("react/jsx-runtime"),dn="k-animation-container",$p=[],Vp={},cn={positionMode:"absolute"},Je=e=>{let{positionMode:t=cn.positionMode,animationStyle:o,offset:a,...r}=e;return(0,ur.jsx)("div",{...r,style:{...a,...e.style},className:i(e.className,dn,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,ur.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};Je.states=$p;Je.options=Vp;Je.className=dn;Je.defaultOptions=cn;Je.moduleName=mr;Je.folderName=pn;var fr="button",mn=fr;var it=require("react/jsx-runtime"),oa="k-button",Wp=["icon-button"],Xp=[l.hover,l.focus,l.active,l.selected,l.disabled,l.generating],Jp={size:[c.undefined,c.xsmall,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info,k.inverse]},br={showArrow:!1,arrowIconName:"chevron-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:s,showArrow:p=br.showArrow,arrowIconName:m=br.arrowIconName,variant:f,hover:h,focus:x,active:g,selected:u,disabled:S,togglable:N,ariaDisabled:M,icon:O,text:A,iconClassName:_,className:ie,...Se}=e,Te=O!==void 0,Ee=e.children!==void 0;return(0,it.jsxs)(t,{className:i(ie,oa,qi(oa,f),w(oa,{size:o,rounded:a,fillMode:r,themeColor:s}),B(oa,{hover:h,focus:x,active:g,disabled:S\|\|M,selected:u}),{"k-icon-button":!A&&!Ee&&Te}),...Se,"aria-pressed":N?u?"true":"false":void 0,"aria-disabled":M?"true":void 0,disabled:S\|\|void 0,children:[O&&(0,it.jsx)(L,{className:i(_,"k-button-icon"),icon:O}),A?(0,it.jsxs)(it.Fragment,{children:[A&&(0,it.jsx)("span",{className:"k-button-text",children:A}),e.children]}):e.children&&(0,it.jsx)("span",{className:"k-button-text",children:e.children}),p&&(0,it.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,it.jsx)(L,{icon:m})})]})};d.states=Xp;d.options=Jp;d.variants=Wp;d.className=oa;d.defaultOptions=br;d.moduleName=fr;d.folderName=mn;d.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};var un=require("react/jsx-runtime"),Dt=e=>(0,un.jsx)(d,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});var fn=require("react/jsx-runtime"),aa=e=>(0,fn.jsx)(d,{icon:"folder",children:"Button",...e});var bn=require("react/jsx-runtime"),Qt=e=>(0,bn.jsx)(d,{children:"Button",...e});var Aa=require("react/jsx-runtime"),qp=d.options,Yp=d.states,Qp={...d.defaultOptions,variant:"text"},Zp=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],jp=[],no=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,Aa.jsx)(Dt,{...o,icon:"star"});case"icon-and-text":return(0,Aa.jsx)(aa,{...o,icon:"star",children:"Button"});default:return(0,Aa.jsx)(Qt,{...o,children:"Button"})}};no.options=qp;no.states=Yp;no.variants=Zp;no.defaultOptions=Qp;no.modifiers=jp;no.className=d.className;var so=require("react/jsx-runtime"),ed={...Ce.options,closable:{type:"boolean"},callout:["none","top","bottom","left","right"]},td=Ce.states,hn={...Ce.defaultOptions,callout:"top"},od=[],lo=e=>{let{callout:t="top",...o}={...hn,...e},a={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:r,left:s,calloutDirection:p}=a[t]\|\|{};return(0,so.jsxs)("div",{style:{position:"absolute"},children:[(0,so.jsx)(Je,{style:{top:r,left:s},children:(0,so.jsx)(sn,{style:{width:"86px",textAlign:"center"},callout:p,content:"Content",...o})}),(0,so.jsx)(d,{text:"Show"})]})};lo.options=ed;lo.states=td;lo.variants=od;lo.defaultOptions=hn;lo.modifiers=[];lo.className=Ce.className;var n=require("react/jsx-runtime"),hr=[(0,n.jsx)("div",{className:"k-spreadsheet-cell k-spreadsheet-merged-cell",style:{left:"1px",top:"1px",width:"878px",height:"69px",background:"rgb(96, 181, 255)",outline:"rgb(86, 163, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"30px",whiteSpace:"pre",overflowWrap:"normal"},children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"Invoice #52 - 06/23/2015"})}),(0,n.jsx)("div",{style:{background:"rgb(167, 214, 255)",outline:"rgb(150, 193, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"71px",width:"99px",height:"24px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"ID"})}),(0,n.jsx)("div",{style:{background:"rgb(167, 214, 255)",outline:"rgb(150, 193, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"71px",width:"214px",height:"24px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"Product"})}),(0,n.jsx)("div",{style:{background:"rgb(167, 214, 255)",outline:"rgb(150, 193, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"71px",width:"114px",height:"24px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"Quantity"})}),(0,n.jsx)("div",{style:{background:"rgb(167, 214, 255)",outline:"rgb(150, 193, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"71px",width:"114px",height:"24px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"Price"})}),(0,n.jsx)("div",{style:{background:"rgb(167, 214, 255)",outline:"rgb(150, 193, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"71px",width:"114px",height:"24px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"Tax"})}),(0,n.jsx)("div",{style:{background:"rgb(167, 214, 255)",outline:"rgb(150, 193, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"71px",width:"154px",height:"24px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"Amount"})}),(0,n.jsx)("div",{style:{background:"rgb(167, 214, 255)",outline:"rgb(150, 193, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"71px",width:"63px",height:"24px"},className:"k-spreadsheet-cell"}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"96px",width:"99px",height:"29px"},className:"k-spreadsheet-cell k-left k-single",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"216321"})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"96px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"Calzone"})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"96px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"1"})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"96px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$12.39"})})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"96px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$2.48"})})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"96px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$14.87"})})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"96px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"126px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"546897"})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"126px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"Margarita"})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"126px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"2"})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"126px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$8.79"})})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"126px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$3.52"})})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"126px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$21.10"})})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"126px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"156px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"456231"})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"156px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"Pollo Formaggio"})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"156px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"1"})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"156px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$13.99"})})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"156px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$2.80"})})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"156px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$16.79"})})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"156px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"186px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"455873"})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"186px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"Greek Salad"})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"186px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"1"})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"186px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$9.49"})})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"186px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$1.90"})})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"186px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$11.39"})})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"186px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"216px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"456892"})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"216px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"Spinach and Blue Cheese"})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"216px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"3"})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"216px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$11.49"})})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"216px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$6.89"})})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"216px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$41.36"})})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"216px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"246px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"546564"})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"246px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"Rigoletto"})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"246px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"1"})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"246px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$10.99"})})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"246px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$2.20"})})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"246px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$13.19"})})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"246px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"276px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"789455"})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"276px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"Creme Brulee"})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"276px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"5"})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"276px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$6.99"})})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"276px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$6.99"})})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"276px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$41.94"})})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"276px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"306px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"123002"})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"306px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"Radeberger Beer"})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"306px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"4"})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"306px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$4.99"})})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"306px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$3.99"})})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"306px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$23.95"})})}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"306px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"336px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"564896"})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"336px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"Budweiser Beer"})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"336px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:"3"})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"336px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$4.49"})})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"336px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$2.69"})})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"336px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:(0,n.jsx)("div",{className:"k-vertical-align-center",children:(0,n.jsx)("span",{children:"$16.16"})})}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"336px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"366px",width:"99px",height:"29px"},className:"k-spreadsheet-cell"}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"366px",width:"214px",height:"29px"},className:"k-spreadsheet-cell"}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"366px",width:"114px",height:"29px"},className:"k-spreadsheet-cell"}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"366px",width:"114px",height:"29px"},className:"k-spreadsheet-cell"}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"366px",width:"114px",height:"29px"},className:"k-spreadsheet-cell"}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"366px",width:"154px",height:"29px"},className:"k-spreadsheet-cell"}),(0,n.jsx)("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"366px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"396px",width:"99px",height:"29px"},className:"k-spreadsheet-cell"}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"396px",width:"214px",height:"29px"},className:"k-spreadsheet-cell"}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"396px",width:"114px",height:"29px"},className:"k-spreadsheet-cell"}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"396px",width:"114px",height:"29px"},className:"k-spreadsheet-cell"}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"396px",width:"114px",height:"29px"},className:"k-spreadsheet-cell"}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"396px",width:"154px",height:"29px"},className:"k-spreadsheet-cell"}),(0,n.jsx)("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"396px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"})],xn=[(0,n.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:0,height:"405px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"100px",height:"405px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"315px",height:"405px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"430px",height:"405px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"545px",height:"405px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"660px",height:"405px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"815px",height:"405px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"879px",height:"405px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"943px",height:"405px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"1007px",height:"405px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"1071px",height:"405px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"1135px",height:"405px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"1199px",height:"405px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"0px",width:"1199px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"70px",width:"1199px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"95px",width:"1199px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"125px",width:"1199px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"155px",width:"1199px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"185px",width:"1199px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"215px",width:"1199px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"245px",width:"1199px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"275px",width:"1199px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"305px",width:"1199px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"335px",width:"1199px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"365px",width:"1199px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"395px",width:"1199px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"426px",width:"1199px"}}),(0,n.jsx)("div",{className:"k-spreadsheet-disabled-mask",style:{top:"1px",width:"878px",left:"1px",height:"69px"}})];var xr="button",vn=xr;var gn=require("react/jsx-runtime"),ra="k-button-group",ad=[l.disabled],rd={fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},id={},I=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return(0,gn.jsx)("div",{role:"group",...r,className:i(e.className,ra,w(ra,{fillMode:t}),B(ra,{disabled:o}),{[`${ra}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};I.states=ad;I.options=rd;I.className=ra;I.defaultOptions=id;I.moduleName=xr;I.folderName=vn;I.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};var vr=require("react/jsx-runtime");var gr=require("react/jsx-runtime");var kr=require("react/jsx-runtime");var Nr=require("react/jsx-runtime");var Sr=require("react/jsx-runtime");var Lr=require("react/jsx-runtime");var _e=require("react/jsx-runtime"),nd={...d.options,...I.options},sd=d.states,ld={...d.defaultOptions,...I.defaultOptions,variant:"text-button"},pd=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],dd=[],po=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,_e.jsxs)(I,{fillMode:a.fillMode,className:o,children:[(0,_e.jsx)(d,{...a,icon:"star"}),(0,_e.jsx)(d,{...a,icon:"star"}),(0,_e.jsx)(d,{...a,icon:"star"})]}):t==="icon-text-button"?(0,_e.jsxs)(I,{fillMode:a.fillMode,className:o,children:[(0,_e.jsx)(d,{...a,icon:"star",children:"First"}),(0,_e.jsx)(d,{...a,icon:"star",children:"Middle"}),(0,_e.jsx)(d,{...a,icon:"star",children:"Last"})]}):(0,_e.jsxs)(I,{fillMode:a.fillMode,className:o,children:[(0,_e.jsx)(d,{...a,children:"First"}),(0,_e.jsx)(d,{...a,children:"Middle"}),(0,_e.jsx)(d,{...a,children:"Last"})]})};po.options=nd;po.states=sd;po.variants=pd;po.defaultOptions=ld;po.modifiers=dd;po.className=I.className;var ia="input",wa=ia;var kn=require("react/jsx-runtime"),Ia="k-input",cd=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],md={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},ud={},ne=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:p,readonly:m,size:f,rounded:h,fillMode:x,...g}=e;return(0,kn.jsx)("span",{...g,className:i(e.className,Ia,w(Ia,{size:f,rounded:h,fillMode:x}),B(Ia,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:p,readonly:m}))})};ne.states=cd;ne.options=md;ne.className=Ia;ne.defaultOptions=ud;ne.moduleName=ia;ne.folderName=wa;var Nn=require("react/jsx-runtime"),Ta="k-picker",fd=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],bd={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},hd={},ut=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:p,readonly:m,size:f,rounded:h,fillMode:x,...g}=e;return(0,Nn.jsx)("span",{...g,className:i(e.className,Ta,w(Ta,{size:f,rounded:h,fillMode:x}),B(Ta,{hover:t,focus:o,disabled:a,invalid:r,valid:s,loading:p,readonly:m})),children:e.children})};ut.states=fd;ut.options=bd;ut.className=Ta;ut.defaultOptions=hd;ut.moduleName=ia;ut.folderName=wa;var co=require("react/jsx-runtime"),Sn="k-clear-value",xd=[l.disabled,l.loading,l.readonly],vd={},Ge=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t\|\|a\|\|o\|\|!r?(0,co.jsx)(co.Fragment,{}):(0,co.jsx)("span",{className:i(e.className,Sn),children:(0,co.jsx)(L,{icon:"x"})})};Ge.states=xd;Ge.options=vd;Ge.className=Sn;var Ln=require("react/jsx-runtime"),yr="k-input-inner",gd=[],kd={},Ea={type:"text",autocomplete:"off",value:"",placeholder:""},$e=e=>{let{value:t=Ea.value,type:o=Ea.type,placeholder:a=Ea.placeholder,autocomplete:r=Ea.autocomplete,disabled:s,readOnly:p,...m}=e;return(0,Ln.jsx)("input",{...m,type:o,className:i(e.className,yr,w(yr,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:s\|\|void 0,readOnly:p\|\|void 0})};$e.states=gd;$e.options=kd;$e.className=yr;var na=require("react/jsx-runtime"),Mr="k-input-inner",Nd=[],Sd={},Zt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:s,...p}=e;return(0,na.jsxs)("span",{...p,className:i(e.className,Mr,w(Mr,e)),children:[r,!r&&s&&(0,na.jsx)(L,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&(0,na.jsx)("span",{className:"k-input-value-text",children:t})]})};Zt.states=Nd;Zt.options=Sd;Zt.className=Mr;var Mn=require("react/jsx-runtime"),Ar="k-input-inner",Ld=[],yd={},yn={value:"",placeholder:""},wr=e=>{let{value:t=yn.value,placeholder:o=yn.placeholder,rows:a,disabled:r,...s}=e;return(0,Mn.jsx)("textarea",{...s,className:i(e.className,Ar,w(Ar,e)),placeholder:o,rows:a,defaultValue:t,disabled:r\|\|void 0})};wr.states=Ld;wr.options=yd;wr.className=Ar;var sa=require("react/jsx-runtime"),An="k-input-loading-icon",Md=[l.disabled,l.loading],He=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?(0,sa.jsx)(sa.Fragment,{}):(0,sa.jsx)("span",{className:i(e.className,An,"k-icon k-i-loading")})};He.states=Md;He.className=An;var la=require("react/jsx-runtime"),wn="k-input-validation-icon",Ad=[l.valid,l.invalid,l.disabled,l.loading],wd={},Oe=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,s=o?"warning-circle":"check-circle";return a\|\|r\|\|!!!(t\|\|o)?(0,la.jsx)(la.Fragment,{}):(0,la.jsx)(L,{className:i(wn),icon:s})};Oe.states=Ad;Oe.options=wd;Oe.className=wn;var pa=require("react/jsx-runtime"),Id="k-input-prefix",Td={direction:"horizontal"},qe=e=>{let{direction:t=Td.direction,...o}=e;return e.children?(0,pa.jsx)("span",{...o,className:i(Id,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,pa.jsx)(pa.Fragment,{})};var da=require("react/jsx-runtime"),Ed="k-input-suffix",Cd={direction:"horizontal"},Ye=e=>{let{direction:t=Cd.direction,...o}=e;return e.children?(0,da.jsx)("span",{...o,className:i(Ed,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,da.jsx)(da.Fragment,{})};var Od=require("react/jsx-runtime");var In=require("react/jsx-runtime"),Bd="k-input-suffix-text",Ir=e=>{let{children:t,...o}=e;return(0,In.jsx)("span",{...o,className:i(Bd,e.className),children:t})};var En=require("react/jsx-runtime"),Tn="k-input-separator",Pd={direction:"vertical"},Qe=e=>{let{direction:t=Pd.direction,...o}=e;return(0,En.jsx)("span",{...o,className:i(Tn,e.className,{[`${Tn}-${t}`]:t})})};var me=require("react/jsx-runtime"),Rd=ne.states,Kd=ne.defaultOptions,Dd=ne.options,_d=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Hd=[],mo=e=>{let{modifiers:t,valid:o,invalid:a,loading:r,disabled:s,readonly:p,...m}=e,f=t==null?void 0:t.prefix,h=t==null?void 0:t.suffix,x=t==null?void 0:t["clear-button"],g=t==null?void 0:t["validation-icon"],u=t==null?void 0:t.separators;return(0,me.jsxs)(ne,{...m,valid:o,invalid:a,loading:r,disabled:s,readonly:p,style:{width:300},children:[f&&(0,me.jsxs)(me.Fragment,{children:[(0,me.jsx)(qe,{children:(0,me.jsx)(L,{icon:"lock"})}),u&&(0,me.jsx)(Qe,{})]}),(0,me.jsx)($e,{placeholder:"Placeholder",value:"Value"}),g&&(0,me.jsx)(Oe,{valid:o,invalid:a,loading:r,disabled:s}),(0,me.jsx)(He,{loading:r,disabled:s}),x&&(0,me.jsx)(Ge,{loading:r,disabled:s,readonly:p,value:"Value"}),h&&(0,me.jsxs)(me.Fragment,{children:[u&&(0,me.jsx)(Qe,{}),(0,me.jsx)(Ye,{children:(0,me.jsx)(Qt,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};mo.options=Dd;mo.states=Rd;mo.variants=Hd;mo.defaultOptions=Kd;mo.modifiers=_d;mo.className=ne.className;var ca=require("react/jsx-runtime"),Cn="k-color-preview",zd=[],Fd={},_t=e=>{let{color:t,iconName:o,...a}=e;return(0,ca.jsxs)("span",{...a,className:i(e.className,Cn,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,ca.jsx)(L,{icon:o,className:"k-color-preview-icon"}),(0,ca.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};_t.states=zd;_t.options=Fd;_t.className=Cn;var Tr="popup",On=Tr;var Er=require("react/jsx-runtime"),Bn="k-popup",Ud=[],Gd={},Pn={positionMode:"absolute"},Y=e=>{let{offset:t,positionMode:o=Pn.positionMode,animationStyle:a,containerClassName:r,containerRole:s,containerAriaLabel:p,...m}=e;return(0,Er.jsx)(Je,{positionMode:o,offset:t,animationStyle:a,className:r,role:s,"aria-label":p,children:(0,Er.jsx)("div",{...m,className:i(e.className,Bn),children:e.children})})};Y.states=Ud;Y.options=Gd;Y.className=Bn;Y.defaultOptions=Pn;Y.moduleName=Tr;Y.folderName=On;Y.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var Cr="action-buttons",Rn=Cr;var Kn=require("react/jsx-runtime"),Ca="k-actions",$d=[],Vd={},Or={alignment:"start",orientation:"horizontal"},ft=e=>{let{alignment:t=Or.alignment,orientation:o=Or.orientation,...a}=e;return(0,Kn.jsx)("div",{...a,className:i(Ca,{[`${Ca}-${t}`]:t,[`${Ca}-${o}`]:o},e.className),children:e.children})};ft.states=$d;ft.options=Vd;ft.className=Ca;ft.defaultOptions=Or;ft.moduleName=Cr;ft.folderName=Rn;var _n=require("react/jsx-runtime"),Wd="k-actionsheet-footer",Dn={alignment:"stretched",orientation:"horizontal"},Ht=e=>{let{alignment:t=Dn.alignment,orientation:o=Dn.orientation,template:a,as:r=a?"div":ft,...s}=e;return(0,_n.jsx)(r,{...s,...!a&&{alignment:t,orientation:o},className:i(e.className,Wd),children:e.children})};var Br="searchbox",Hn=Br;var zt=require("react/jsx-runtime"),zn="k-searchbox",Xd=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading],Jd={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Pr={showIcon:!0,icon:"search"},Ze=e=>{let{value:t,placeholder:o,size:a,rounded:r,fillMode:s,hover:p,focus:m,valid:f,invalid:h,required:x,loading:g,disabled:u,showIcon:S=Pr.showIcon,icon:N=Pr.icon,"aria-label":M,...O}=e;return(0,zt.jsxs)(ne,{...O,size:a,rounded:r,fillMode:s,hover:p,focus:m,valid:f,invalid:h,required:x,loading:g,disabled:u,className:i(e.className,zn),children:[S&&(0,zt.jsx)(L,{className:"k-input-icon",icon:N}),(0,zt.jsx)($e,{placeholder:o,value:t,"aria-label":M}),(0,zt.jsx)(He,{...e}),(0,zt.jsx)(Oe,{...e}),(0,zt.jsx)(Ge,{...e})]})};Ze.states=Xd;Ze.options=Jd;Ze.className=zn;Ze.defaultOptions=Pr;Ze.moduleName=Br;Ze.folderName=Hn;var qd=require("react/jsx-runtime");var Rr="textbox",Fn=Rr;var Le=require("react/jsx-runtime"),Un="k-textbox",Yd=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],Qd={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Oa={showClearButton:!0,showValidationIcon:!0,separators:!0},be=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Oa.separators,showClearButton:s=Oa.showClearButton,showValidationIcon:p=Oa.showValidationIcon,prefix:m,suffix:f,type:h,value:x,placeholder:g,hover:u,focus:S,valid:N,invalid:M,required:O,loading:A,disabled:_,readonly:ie,id:Se,"aria-label":Te,"aria-describedby":Ee,...Ue}=e;return(0,Le.jsxs)(ne,{...Ue,size:t,rounded:o,fillMode:a,hover:u,focus:S,valid:N,invalid:M,required:O,loading:A,disabled:_,readonly:ie,className:i(e.className,Un),children:[m&&(0,Le.jsxs)(Le.Fragment,{children:[(0,Le.jsx)(qe,{children:m}),r&&(0,Le.jsx)(Qe,{})]}),(0,Le.jsx)($e,{id:Se,placeholder:g,value:x,type:h,disabled:_,"aria-label":Te,"aria-describedby":Ee,"aria-invalid":M?"true":void 0}),p&&(0,Le.jsx)(Oe,{valid:N,invalid:M,loading:A,disabled:_}),(0,Le.jsx)(He,{loading:A,disabled:_}),s&&(0,Le.jsx)(Ge,{loading:A,disabled:_,readonly:ie,value:x}),f&&(0,Le.jsxs)(Le.Fragment,{children:[r&&(0,Le.jsx)(Qe,{}),(0,Le.jsx)(Ye,{children:f})]})]})};be.states=Yd;be.options=Qd;be.className=Un;be.defaultOptions=Oa;be.moduleName=Rr;be.folderName=Fn;be.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var ma=be;var $n=require("react/jsx-runtime"),Gn=e=>(0,$n.jsx)(ma,{...e});var Vn=require("react/jsx-runtime");var Wn=require("react/jsx-runtime");var Zd=require("react/jsx-runtime");var Ba=require("react/jsx-runtime"),jd=be.states,ec=be.defaultOptions,tc=be.options,oc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],ac=[],uo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(r=>{switch(r){case"prefix":a.prefix=t!=null&&t[r]?(0,Ba.jsx)(L,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[r]?(0,Ba.jsx)(Qt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[r];break;default:break}}),(0,Ba.jsx)(Gn,{value:"Value",style:{width:300},...o,...a})};uo.options=tc;uo.states=jd;uo.variants=ac;uo.defaultOptions=ec;uo.modifiers=oc;uo.className=be.className;var Ve=require("react/jsx-runtime"),Xn="k-actionsheet-titlebar",rc={},Be=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:r,filter:s,input:p,inputValue:m,inputPlaceholder:f,adaptive:h,titleId:x,children:g,...u}=e;return(0,Ve.jsxs)("div",{...u,className:i(e.className,Xn),children:[(0,Ve.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,Ve.jsx)("div",{className:"k-actionsheet-actions",children:a}),!g&&(0,Ve.jsxs)("div",{className:"k-actionsheet-title",id:x,children:[t&&(0,Ve.jsx)("div",{className:"k-text-center",children:t}),o&&(0,Ve.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),g&&(0,Ve.jsx)("div",{className:"k-actionsheet-title",id:x,children:g}),r&&(0,Ve.jsx)("div",{className:"k-actionsheet-actions",children:r})]}),(p\|\|s)&&(0,Ve.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?(0,Ve.jsx)(be,{value:m,placeholder:f,size:h?"large":"medium","aria-label":t\|\|f\|\|"Input"}):(0,Ve.jsx)(Ze,{placeholder:"Filter",size:h?"large":"medium","aria-label":"Filter options"})})]})};Be.className=Xn;Be.defaultOptions=rc;var fo=require("react/jsx-runtime"),Kr="k-actionsheet-view",ic=[],nc={},sc={},bo=e=>{let{adaptive:t,animated:o,children:a,header:r,footer:s,titleId:p,...m}=e,f=(r==null?void 0:r.type)===Be&&(0,fo.jsx)(Be,{adaptive:t,titleId:p,...r==null?void 0:r.props}),h=(s==null?void 0:s.type)===Ht&&(0,fo.jsx)(Ht,{...s==null?void 0:s.props});return(0,fo.jsxs)("div",{...m,className:i(e.className,Kr,{[`${Kr}-animated`]:o}),children:[f,(0,fo.jsx)("div",{className:"k-actionsheet-content",children:a}),h]})};bo.states=ic;bo.options=nc;bo.className=Kr;bo.defaultOptions=sc;var ua="action-sheet",Pa=ua;var Dr="overlay",Jn=Dr;var Yn=require("react/jsx-runtime"),qn="k-overlay",lc=[],pc={},dc={},Ft=e=>{let{...t}=e;return(0,Yn.jsx)("div",{...t,className:i(e.className,qn),children:e.children})};Ft.states=lc;Ft.options=pc;Ft.className=qn;Ft.defaultOptions=dc;Ft.moduleName=Dr;Ft.folderName=Jn;var jt=require("react/jsx-runtime"),Qn="k-actionsheet",cc=[],mc={},fa={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},oe=e=>{let{side:t=fa.side,fullscreen:o=fa.fullscreen,adaptive:a=fa.adaptive,overlay:r=fa.overlay,template:s,children:p,header:m,footer:f,id:h,...x}=e,g=h&&!s&&m?`${h}-title`:void 0;return(0,jt.jsxs)("div",{className:"k-actionsheet-container",children:[r&&(0,jt.jsx)(Ft,{}),(0,jt.jsx)(Je,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"\|\|t==="bottom"?"width":null}`]:"100%",[`${t==="left"\|\|t==="right"?"height":null}`]:"100%"},children:(0,jt.jsx)("div",{...x,id:h,role:"dialog","aria-modal":r?"true":void 0,"aria-labelledby":g,className:i(e.className,Qn,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s\|\|(0,jt.jsx)(bo,{header:m,footer:f,adaptive:a,titleId:g,...e,children:p})})})]})};oe.states=cc;oe.options=mc;oe.className=Qn;oe.defaultOptions=fa;oe.moduleName=ua;oe.folderName=Pa;oe.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};var jn=require("react/jsx-runtime"),Zn="k-actionsheet-container",uc=[],fc={},bc={},ho=e=>{let{children:t,...o}=e;return(0,jn.jsx)("div",{...o,className:Zn,children:t})};ho.states=uc;ho.options=fc;ho.className=Zn;ho.defaultOptions=bc;ho.moduleName=ua;ho.folderName=Pa;var es=require("react/jsx-runtime"),_r=e=>{let{...t}=e;return(0,es.jsx)("div",{...t,className:i(e.className,"k-list-ul"),children:e.children})};var je=require("react/jsx-runtime"),Hr="k-actionsheet-item",hc=[l.hover,l.focus,l.selected,l.disabled],Ut=e=>{let{iconName:t,text:o,description:a,hover:r,focus:s,selected:p,disabled:m,...f}=e;return(0,je.jsxs)("span",{...f,className:i(e.className,Hr,B(Hr,{hover:r,focus:s,selected:p,disabled:m})),children:[!e.children&&(0,je.jsx)(je.Fragment,{children:(0,je.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,je.jsx)("span",{className:"k-icon-wrap",children:(0,je.jsx)(L,{className:"k-actionsheet-item-icon",icon:t})}),(0,je.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,je.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,je.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Ut.states=hc;Ut.className=Hr;var ts=require("react/jsx-runtime");var xc=require("react/jsx-runtime");var vc=require("react/jsx-runtime");var gc=require("react/jsx-runtime");var Q=require("react/jsx-runtime"),kc=oe.options,Nc=oe.states,as={...oe.defaultOptions,variant:"normal"},Sc=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Lc=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],xo=e=>{let{variant:t,modifiers:o,...a}={...as,...e},r={},s=(0,Q.jsxs)(_r,{children:[(0,Q.jsx)(Ut,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,Q.jsx)(Ut,{text:"Add to Favorites",iconName:"heart"}),(0,Q.jsx)(Ut,{text:"Upload New",iconName:"upload",disabled:!0}),(0,Q.jsx)("hr",{className:"k-hr"}),(0,Q.jsx)(Ut,{text:"Cancel",iconName:"cancel"})]}),p="Choose from the items below",m="Select Item";return t==="fullScreen"&&(r.fullScreen=!0),Object.keys(o\|\|{}).forEach(f=>{switch(f){case"actions":r.actionsStart=!!(o!=null&&o[f]),r.actionsEnd=!!(o!=null&&o[f]);break;case"subtitle":r.subtitle=o!=null&&o[f]?p:void 0;break;case"footer":r.footer=!!(o!=null&&o[f]);break;default:break}}),t==="adaptive"?(0,Q.jsx)(oe,{...a,adaptive:!0,fullscreen:r.fullScreen,header:(0,Q.jsx)(Be,{actionsStart:r.actionsStart?(0,Q.jsx)(d,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?(0,Q.jsx)(d,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:r.subtitle}),footer:r.footer?(0,Q.jsxs)(Ht,{alignment:"stretched",children:[(0,Q.jsx)(d,{text:"Cancel",size:"large",themeColor:"base"}),(0,Q.jsx)(d,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):(0,Q.jsx)(oe,{...a,fullscreen:r.fullScreen,header:(0,Q.jsx)(Be,{actionsStart:r.actionsStart?(0,Q.jsx)(d,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?(0,Q.jsx)(d,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:r.subtitle}),footer:r.footer?(0,Q.jsxs)(Ht,{alignment:"stretched",children:[(0,Q.jsx)(d,{text:"Apply",themeColor:"primary"}),(0,Q.jsx)(d,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};xo.options=kc;xo.states=Nc;xo.variants=Sc;xo.defaultOptions=as;xo.modifiers=Lc;xo.className=oe.className;var zr="slider",rs=zr;var nt=require("react/jsx-runtime"),ba="k-slider",yc=[l.hover,l.focus,l.active,l.disabled,l.readonly],Mc={},et={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},J=e=>{let{type:t=et.type,orientation:o=et.orientation,gradientType:a=et.gradientType,readonly:r=et.readonly,disabled:s=et.disabled,handlePosition:p=et.handlePosition,showButtons:m=et.showButtons,showTicks:f=et.showTicks,value:h=et.value,min:x=et.min,max:g=et.max,startValue:u,endValue:S,hover:N,focus:M,active:O,trackStyle:A,dir:_,...ie}=e,Te=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),Ee,Ue;return o==="horizontal"?(Ee=_==="rtl"?"chevron-left":"chevron-right",Ue=_==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(Ee="chevron-up",Ue="chevron-down"),(0,nt.jsxs)("div",{...ie,className:i(ba,e.className,B(ba,{readonly:r,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:_,children:[m&&(0,nt.jsx)(d,{className:"k-button-decrease",rounded:"full",icon:Ue,tabIndex:-1,title:"Decrease"}),(0,nt.jsxs)("div",{className:"k-slider-track-wrap",children:[f&&(0,nt.jsx)("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),(0,nt.jsxs)("div",{className:"k-slider-track",style:A,children:[(0,nt.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,nt.jsx)("span",{className:i("k-draghandle","k-draghandle-start",B(ba,{hover:N,focus:M,active:O})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":u??x,"aria-valuemin":x,"aria-valuemax":S??g,"aria-orientation":Te,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":ie["aria-label"]?`${ie["aria-label"]} start`:"Range start"}),(0,nt.jsx)("span",{className:i("k-draghandle",`k-draghandle-${p}`,B(ba,{hover:N,focus:M,active:O})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?S??g:h,"aria-valuemin":t==="range"?u??x:x,"aria-valuemax":g,"aria-orientation":Te,"aria-disabled":s?"true":void 0,"aria-readonly":r?"true":void 0,"aria-label":t==="range"?ie["aria-label"]?`${ie["aria-label"]} end`:"Range end":ie["aria-label"]})]})]}),m&&(0,nt.jsx)(d,{className:"k-button-increase",rounded:"full",icon:Ee,tabIndex:-1,title:"Increase"})]})};J.states=yc;J.options=Mc;J.className=ba;J.defaultOptions=et;J.moduleName=zr;J.folderName=rs;J.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'},{selector:".k-slider .k-slider-items",attribute:"aria-hidden=true",usage:"Hides the tick list from assistive technologies. Tick values are redundant with the drag handle value attributes."},{selector:".k-slider .k-tick",attribute:"role=presentation",usage:"Removes semantic meaning from individual tick elements. Ticks are visual-only markers."},{selector:".k-slider .k-tick",attribute:"title",usage:"Represents the value associated with the respective tick."}]};var Fr=require("react/jsx-runtime"),is="k-tick",Ac=[],wc={},ns={label:!1},T=e=>{let{style:t,label:o=ns.label,orientation:a,large:r,text:s,...p}=e;return(0,Fr.jsx)("li",{...p,role:"presentation",title:s\|\|"Tick",className:i(e.className,is,{[`k-tick-${a}`]:a,"k-tick-large":r}),style:t,children:o&&(0,Fr.jsx)("span",{className:"k-label",children:s})})};T.states=Ac;T.options=wc;T.className=is;T.defaultOptions=ns;var he=require("react/jsx-runtime"),ss=e=>(0,he.jsx)(J,{"aria-label":e["aria-label"]\|\|"Slider",children:(0,he.jsxs)(he.Fragment,{children:[(0,he.jsx)(T,{className:"k-first",label:!0,large:!0,text:"0"}),(0,he.jsx)(T,{}),(0,he.jsx)(T,{}),(0,he.jsx)(T,{}),(0,he.jsx)(T,{}),(0,he.jsx)(T,{label:!0,large:!0,text:"5"}),(0,he.jsx)(T,{}),(0,he.jsx)(T,{}),(0,he.jsx)(T,{}),(0,he.jsx)(T,{}),(0,he.jsx)(T,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var xe=require("react/jsx-runtime"),ls=e=>(0,xe.jsx)(J,{children:(0,xe.jsxs)(xe.Fragment,{children:[(0,xe.jsx)(T,{className:"k-first",label:!0,large:!0,text:"0"}),(0,xe.jsx)(T,{}),(0,xe.jsx)(T,{}),(0,xe.jsx)(T,{}),(0,xe.jsx)(T,{}),(0,xe.jsx)(T,{label:!0,large:!0,text:"5"}),(0,xe.jsx)(T,{}),(0,xe.jsx)(T,{}),(0,xe.jsx)(T,{}),(0,xe.jsx)(T,{}),(0,xe.jsx)(T,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});var Ur=require("react/jsx-runtime");var Gr=require("react/jsx-runtime");var ps=require("react/jsx-runtime"),$r=e=>(0,ps.jsx)(J,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var ds=require("react/jsx-runtime"),Vr=e=>(0,ds.jsx)(J,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var Wr=require("react/jsx-runtime");var Xr=require("react/jsx-runtime");var ze=require("react/jsx-runtime"),Ic=J.options,Tc=J.states,cs={...J.defaultOptions,variant:"horizontal",label:!0},Ec=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Cc=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],vo=e=>{let{variant:t,modifiers:o,...a}={...cs,...e},r={};Object.keys(o\|\|{}).forEach(h=>{switch(h){case"button":{r.showButtons=!!(o!=null&&o[h]);break}case"label":{r.label=!!(o!=null&&o[h]);break}case"tick":{r.showTicks=!!(o!=null&&o[h]);break}}});let{label:s=!0,showButtons:p,showTicks:m}=r,f={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,ze.jsxs)(ls,{showTicks:m,showButtons:p,style:{height:"300px",...f},...a,children:[(0,ze.jsx)(T,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,ze.jsx)(T,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,ze.jsx)(T,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,ze.jsx)(T,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,ze.jsx)(T,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,ze.jsxs)(ss,{showTicks:m,showButtons:p,style:{width:"400px",...f},...a,children:[(0,ze.jsx)(T,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,ze.jsx)(T,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,ze.jsx)(T,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,ze.jsx)(T,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,ze.jsx)(T,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};vo.options=Ic;vo.states=Tc;vo.variants=Ec;vo.defaultOptions=cs;vo.modifiers=Cc;vo.className=J.className;var ha=require("react/jsx-runtime"),ms="k-spin-button",Pc=[],Rc={size:[c.undefined,c.small,c.medium,c.large],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},Jr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Gt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:r=Jr.increaseLabel,decreaseLabel:s=Jr.decreaseLabel,...p}=e;return(0,ha.jsxs)("span",{...p,className:i(ms,e.className),children:[(0,ha.jsx)(d,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":r}),(0,ha.jsx)(d,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};Gt.states=Pc;Gt.options=Rc;Gt.className=ms;Gt.defaultOptions=Jr;Gt.moduleName=null;Gt.folderName=null;var us="numeric-textbox",fs="numerictextbox";var ve=require("react/jsx-runtime"),bs="k-numerictextbox",Kc=[l.hover,l.focus,l.valid,l.invalid,l.loading,l.required,l.disabled,l.readonly],Dc={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Ra={showSpinButton:!0,showClearButton:!0,separators:!0},U=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Ra.separators,showClearButton:s=Ra.showClearButton,showSpinButton:p=Ra.showSpinButton,prefix:m,suffix:f,value:h,placeholder:x,hover:g,focus:u,valid:S,invalid:N,required:M,loading:O,disabled:A,readonly:_,id:ie,"aria-label":Se,"aria-describedby":Te,...Ee}=e;return(0,ve.jsxs)(ne,{...Ee,size:t,rounded:o,fillMode:a,hover:g,focus:u,valid:S,invalid:N,required:M,loading:O,disabled:A,readonly:_,className:i(e.className,bs),children:[m&&(0,ve.jsxs)(ve.Fragment,{children:[(0,ve.jsx)(qe,{children:m}),r&&(0,ve.jsx)(Qe,{})]}),(0,ve.jsx)($e,{id:ie,placeholder:x,value:h,role:"spinbutton",disabled:A,"aria-label":Se,"aria-describedby":Te,"aria-invalid":N?"true":void 0}),(0,ve.jsx)(Oe,{valid:S,invalid:N,loading:O,disabled:A}),(0,ve.jsx)(He,{loading:O,disabled:A}),s&&(0,ve.jsx)(Ge,{loading:O,disabled:A,readonly:_,value:h}),f&&(0,ve.jsxs)(ve.Fragment,{children:[r&&(0,ve.jsx)(Qe,{}),(0,ve.jsx)(Ye,{children:f})]}),p&&(0,ve.jsx)(Gt,{className:"k-input-spinner",size:t,fillMode:a,disabled:A})]})};U.states=Kc;U.options=Dc;U.className=bs;U.defaultOptions=Ra;U.moduleName=us;U.folderName=fs;U.ariaSpec={selector:".k-numerictextbox",rules:[{selector:".k-numerictextbox > .k-input-inner",attribute:"role=spinbutton",usage:"Announces the spin button capabilities of the NumericTextBox."},{selector:".k-numerictextbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuenow (when has value)",usage:"Announces the current value of the component."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemin (when has min)",usage:"Announces the minimum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemax (when has max)",usage:"Announces the maximum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the NumericTextBox is in an invalid state."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-numerictextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"role=button or nodeName=button",usage:"Describes the role of the spin buttons."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"aria-label",usage:"The button element requires discernible text."},{selector:".k-numerictextbox.k-disabled .k-spin-button > .k-button",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."}]};var xa=U;var xs=require("react/jsx-runtime"),hs=e=>(0,xs.jsx)(xa,{...e});var Da=or(require("react"));var qr=require("react/jsx-runtime"),_c="k-list-group-sticky-header",Yr=e=>(0,qr.jsx)("div",{className:i(_c,e.className),children:(0,qr.jsx)("div",{className:"k-list-header-text",children:e.children})});var vs=require("react/jsx-runtime"),Hc="k-no-data",Ka=e=>{let{live:t,...o}=e;return(0,vs.jsx)("span",{...o,className:i(Hc,e.className),"aria-live":t?"polite":void 0,children:e.children})};var eo="list",go=eo;var ko=require("react/jsx-runtime"),Qr="k-list",zc=[],Fc={size:[c.undefined,c.small,c.medium,c.large]},Uc={},H=e=>{var S;let{size:t,virtualization:o,children:a,header:r,optionLabel:s,customValue:p,noData:m,screenReaders:f,...h}=e,g=Da.default.Children.toArray(a)[0],u=(S=g==null?void 0:g.props)!=null&&S.children?Da.default.Children.count(g.props.children):Da.default.Children.count(a);return(0,ko.jsxs)("div",{...h,className:i(e.className,Qr,w(Qr,{size:t}),{"k-virtual-list":o}),children:[s,p,r&&(0,ko.jsx)(Yr,{children:r}),a\|\|(m!==void 0?m:(0,ko.jsx)(Ka,{live:!0,children:"No data found."})),f&&a&&(0,ko.jsxs)(Ka,{className:"k-sr-only",live:!0,children:[u," items found."]})]})};H.states=zc;H.options=Fc;H.className=Qr;H.defaultOptions=Uc;H.moduleName=eo;H.folderName=go;H.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var ks=require("react/jsx-runtime"),gs="k-list-container",Gc=[],$c={},Vc={},No=e=>{let{...t}=e;return(0,ks.jsx)("div",{...t,className:i(e.className,gs),children:e.children})};No.states=Gc;No.options=$c;No.className=gs;No.defaultOptions=Vc;No.moduleName=eo;No.folderName=go;var to="checkbox",So=to;var Zr=require("react/jsx-runtime"),_a="k-checkbox",Wc=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.checked,l.indeterminate],Xc={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full]},Jc={},tt=e=>{let{id:t,checked:o,indeterminate:a,hover:r,focus:s,disabled:p,invalid:m,valid:f,required:h,size:x,rounded:g,wrapperRole:u,...S}=e;return(0,Zr.jsx)("span",{className:"k-checkbox-wrap",role:u,children:(0,Zr.jsx)("input",{...S,id:t,type:"checkbox",defaultChecked:o,required:h,disabled:p\|\|void 0,"aria-invalid":m?"true":void 0,className:i(e.className,_a,w(_a,{size:x,rounded:g}),B(_a,{hover:r,focus:s,disabled:p,invalid:m,valid:f,indeterminate:a,checked:o}))})})};tt.states=Wc;tt.options=Xc;tt.className=_a;tt.defaultOptions=Jc;tt.moduleName=to;tt.folderName=So;tt.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var st=tt;var Ls=require("react/jsx-runtime"),Ns="k-checkbox-list",qc=[],Yc={},Ss={layout:"vertical"},Pe=e=>{let{layout:t=Ss.layout,...o}=e;return(0,Ls.jsx)("ul",{...o,className:i(e.className,Ns,{[`k-list-${t}`]:t}),children:e.children})};Pe.states=qc;Pe.options=Yc;Pe.className=Ns;Pe.defaultOptions=Ss;Pe.moduleName=to;Pe.folderName=So;var Ms=require("react/jsx-runtime"),ys="k-checkbox-list-item",Qc=[],Zc={},jc={},Re=e=>{let{...t}=e;return(0,Ms.jsx)("li",{...t,className:i(e.className,ys),children:e.children})};Re.states=Qc;Re.options=Zc;Re.className=ys;Re.defaultOptions=jc;Re.moduleName=to;Re.folderName=So;var oo=require("react/jsx-runtime"),Nt=({children:e="Label",id:t="cb-label-after",...o})=>(0,oo.jsxs)(oo.Fragment,{children:[(0,oo.jsx)(st,{id:t,...o}),(0,oo.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var jr=require("react/jsx-runtime");var ei=require("react/jsx-runtime");var ti=require("react/jsx-runtime");var em=require("react/jsx-runtime");var tm=require("react/jsx-runtime");var om=require("react/jsx-runtime");var ye=require("react/jsx-runtime"),am=Pe.options,rm=Pe.states,im={...Pe.defaultOptions,variant:"vertical"},nm=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],sm=[],Lo=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,ye.jsxs)(Pe,{layout:"horizontal",...o,children:[(0,ye.jsx)(Re,{children:(0,ye.jsx)(Nt,{id:K("cb"),defaultChecked:!0,children:"Label"})}),(0,ye.jsx)(Re,{children:(0,ye.jsx)(Nt,{id:K("cb"),children:"Label"})}),(0,ye.jsx)(Re,{children:(0,ye.jsx)(Nt,{id:K("cb"),children:"Label"})})]}):(0,ye.jsxs)(Pe,{...o,children:[(0,ye.jsx)(Re,{children:(0,ye.jsx)(Nt,{id:K("cb"),defaultChecked:!0,children:"Label"})}),(0,ye.jsx)(Re,{children:(0,ye.jsx)(Nt,{id:K("cb"),children:"Label"})}),(0,ye.jsx)(Re,{children:(0,ye.jsx)(Nt,{id:K("cb"),children:"Label"})})]})};Lo.options=am;Lo.states=rm;Lo.variants=nm;Lo.defaultOptions=im;Lo.modifiers=sm;Lo.className=Pe.className;var As=require("react/jsx-runtime"),lm=st.options,pm=st.states,dm=st.defaultOptions,cm=[],mm=[],yo=e=>(0,As.jsx)(Nt,{id:K("checkbox"),...e,defaultChecked:!0,children:"Label"});yo.options=lm;yo.states=pm;yo.variants=cm;yo.defaultOptions=dm;yo.modifiers=mm;yo.className=st.className;var bt=require("react/jsx-runtime"),oi="k-list-item",um=[l.hover,l.focus,l.selected,l.disabled],fm={},bm={},R=e=>{let{text:t,groupLabel:o,group:a,iconName:r,iconClassName:s,showCheckbox:p,checked:m,hover:f,focus:h,selected:x,disabled:g,actions:u,description:S,id:N,...M}=e,O=t\|\|e.children;return(0,bt.jsxs)("li",{...M,id:N,role:a?"presentation":"option",tabIndex:a?void 0:h?0:-1,"aria-selected":!a&&x?"true":a?void 0:"false","aria-disabled":!a&&g?"true":void 0,className:i(e.className,a?"k-list-group-item":oi,B(oi,{hover:f,focus:h,disabled:g,selected:x})),children:[p&&(0,bt.jsx)(tt,{checked:m}),r&&(0,bt.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,bt.jsx)(L,{icon:r,className:i("k-list-item-icon",s)})}),(0,bt.jsx)("span",{className:"k-list-item-text",children:O}),u&&(0,bt.jsx)("div",{className:"k-list-item-actions",children:u}),S&&(0,bt.jsx)("span",{className:"k-list-item-description",children:S}),o&&o!==""&&(0,bt.jsx)("div",{className:"k-list-item-group-label",children:o})]})};R.states=um;R.options=fm;R.className=oi;R.defaultOptions=bm;R.moduleName=eo;R.folderName=go;R.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};var ws=require("react/jsx-runtime"),hm="k-list-ul",St=e=>{let{children:t,role:o,id:a,...r}=e;return(0,ws.jsx)("ul",{...r,id:a,role:o,className:i(hm,e.className),children:t})};St.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};var Mo=require("react/jsx-runtime"),xm="k-list-content",V=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":r,listboxId:s,...p}=e;return(0,Mo.jsxs)("div",{...p,className:i(xm,e.className),role:o?"listbox":void 0,id:o?s:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?r:void 0,children:[o?e.children:(0,Mo.jsx)(St,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":r,children:e.children}),t&&(0,Mo.jsx)("div",{className:"k-height-container",children:(0,Mo.jsx)("div",{})})]})};V.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};var ai=require("react/jsx-runtime");var Ao=require("react/jsx-runtime"),vm="k-list-group-item",ao=e=>{let{groupIconName:t,...o}=e;return(0,Ao.jsxs)("li",{...o,role:"presentation",className:i(vm,e.className),children:[t&&(0,Ao.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Ao.jsx)(L,{icon:t,className:"k-list-item-icon"})}),(0,Ao.jsx)("span",{className:"k-list-item-text",children:e.children})]})};ao.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};var Is=require("react/jsx-runtime"),ri="k-list-optionlabel",gm=[l.hover,l.focus,l.selected,l.disabled],km={},Nm={},Ha=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...p}=e;return(0,Is.jsx)("div",{...p,className:i(ri,B(ri,{hover:o,focus:a,selected:r,disabled:s})),children:t})};Ha.states=gm;Ha.options=km;Ha.className=ri;Ha.defaultOptions=Nm;var Ts=require("react/jsx-runtime"),ii="k-list-custom-value",Sm=[l.hover,l.focus,l.selected,l.disabled],Lm={},ym={},$t=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:s,...p}=e;return(0,Ts.jsx)("div",{...p,className:i(ii,B(ii,{hover:o,focus:a,selected:r,disabled:s})),children:t})};$t.states=Sm;$t.options=Lm;$t.className=ii;$t.defaultOptions=ym;var ni=require("react/jsx-runtime");var si=require("react/jsx-runtime");var li=require("react/jsx-runtime");var pi=require("react/jsx-runtime");var Mm=require("react/jsx-runtime");var di=require("react/jsx-runtime");var Es="dropdown-list",Cs="dropdownlist";var Z=require("react/jsx-runtime"),Os="k-dropdownlist",Am=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],wm={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},ci={showValue:!0,arrowIconName:"chevron-down"},j=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=ci.arrowIconName,showValue:s=ci.showValue,valueIconName:p,prefix:m,suffix:f,value:h,placeholder:x,hover:g,focus:u,valid:S,invalid:N,required:M,loading:O,disabled:A,readonly:_,popup:ie,opened:Se,adaptive:Te,adaptiveSettings:Ee,adaptiveTitle:Ue,adaptiveSubtitle:qt,adaptiveFilter:ja,id:Kt,activeDescendant:La,"aria-label":er,...tr}=e,Mp=Kt?`${Kt}-listbox`:void 0,Xi=Kt?`${Kt}-value`:void 0;return(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)(ut,{...tr,id:Kt,size:t,rounded:o,fillMode:a,hover:g,focus:u,valid:S,invalid:N,required:M,loading:O,disabled:A,readonly:_,className:i(e.className,Os,{"k-icon-picker":!s&&p}),role:"combobox","aria-haspopup":"listbox","aria-expanded":Se?"true":"false","aria-controls":Se?Mp:void 0,"aria-activedescendant":Se&&La?La:void 0,"aria-describedby":Se?Xi:void 0,"aria-disabled":A?"true":void 0,"aria-label":er,tabIndex:0,children:[(0,Z.jsx)(qe,{children:m}),(0,Z.jsx)(Zt,{placeholder:x,value:h,showValue:s,valueIconName:p,id:Xi}),(0,Z.jsx)(Oe,{valid:S,invalid:N,loading:O,disabled:A}),(0,Z.jsx)(He,{loading:O,disabled:A}),(0,Z.jsx)(Ye,{children:f}),(0,Z.jsx)(d,{className:"k-input-button",icon:r,size:e.size,fillMode:e.fillMode,"aria-label":x\|\|"Toggle dropdown",tabIndex:-1})]}),Se&&ie&&(0,Z.jsx)(Y,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:ie}),Te&&(0,Z.jsx)(oe,{adaptive:!0,...Ee,header:(0,Z.jsx)(Be,{actionsEnd:(0,Z.jsx)(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:ja,inputValue:h,inputPlaceholder:x,title:Ue,subtitle:qt}),children:(0,Z.jsx)("div",{className:"k-list-container",children:(0,Z.jsx)(H,{size:"large",children:(0,Z.jsxs)(V,{"aria-label":"Options",children:[(0,Z.jsx)(R,{text:"List item"}),(0,Z.jsx)(R,{text:"List item"}),(0,Z.jsx)(R,{text:"List item"})]})})})})]})};j.states=Am;j.options=wm;j.className=Os;j.defaultOptions=ci;j.moduleName=Es;j.folderName=Cs;j.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};var Im=require("react/jsx-runtime");var Bs=require("react/jsx-runtime");var mi=require("react/jsx-runtime");var Tm=require("react/jsx-runtime");var Ps=require("react/jsx-runtime");var ui=require("react/jsx-runtime");var Em=require("react/jsx-runtime");var Fe=require("react/jsx-runtime"),Cm=j.states,Om=j.defaultOptions,Bm=j.options,Pm=[{name:"opened",title:"Opened"}],Rm=[],Io=e=>{let{modifiers:t,...o}=e,a={},r=(0,Fe.jsxs)(Fe.Fragment,{children:[(0,Fe.jsx)("div",{className:"k-list-filter",children:(0,Fe.jsx)(Ze,{})}),(0,Fe.jsx)(H,{style:{width:300},size:o.size,children:(0,Fe.jsxs)(V,{children:[(0,Fe.jsx)(R,{children:"List item"}),(0,Fe.jsx)(R,{children:"List item"}),(0,Fe.jsx)(R,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(s=>{s==="opened"&&(a.opened=!!(t!=null&&t[s]),a.popup=t!=null&&t[s]?r:void 0)}),(0,Fe.jsx)("div",{children:(0,Fe.jsx)(j,{placeholder:"Value",style:{width:300},...o,...a})})};Io.options=Bm;Io.states=Cm;Io.variants=Rm;Io.defaultOptions=Om;Io.modifiers=Pm;Io.className=j.className;var Rs=require("react/jsx-runtime");var Ks=require("react/jsx-runtime");var Km=require("react/jsx-runtime");var za=require("react/jsx-runtime"),Dm=U.states,_m=U.defaultOptions,Hm=U.options,zm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Fm=[],To=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(r=>{switch(r){case"prefix":a.prefix=t!=null&&t[r]?(0,za.jsx)(j,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t!=null&&t[r]?(0,za.jsx)(Ir,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[r];break;case"spin-button":a.showSpinButton=t==null?void 0:t[r];break;default:break}}),(0,za.jsx)(hs,{value:"Value",style:{width:300},...o,...a})};To.options=Hm;To.states=Dm;To.variants=Fm;To.defaultOptions=_m;To.modifiers=zm;To.className=U.className;var y=require("react/jsx-runtime"),Ds="k-colorgradient-inputs",Um=[],Gm={size:[c.undefined,c.small,c.medium,c.large]},_s={mode:"rgba"},Eo=e=>{let{mode:t=_s.mode,size:o,...a}=e;return(0,y.jsxs)("div",{...a,className:i(Ds,"k-hstack"),children:[(0,y.jsx)("div",{className:"k-vstack",children:(0,y.jsx)(d,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&(0,y.jsxs)(y.Fragment,{children:[(0,y.jsxs)("div",{className:"k-vstack",children:[(0,y.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),(0,y.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,y.jsxs)("div",{className:"k-vstack",children:[(0,y.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),(0,y.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,y.jsxs)("div",{className:"k-vstack",children:[(0,y.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),(0,y.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]}),(0,y.jsxs)("div",{className:"k-vstack",children:[(0,y.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),(0,y.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&(0,y.jsxs)(y.Fragment,{children:[(0,y.jsxs)("div",{className:"k-vstack",children:[(0,y.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),(0,y.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,y.jsxs)("div",{className:"k-vstack",children:[(0,y.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),(0,y.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,y.jsxs)("div",{className:"k-vstack",children:[(0,y.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),(0,y.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&(0,y.jsxs)(y.Fragment,{children:[(0,y.jsxs)("div",{className:"k-vstack",children:[(0,y.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,y.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,y.jsxs)("div",{className:"k-vstack",children:[(0,y.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,y.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,y.jsxs)("div",{className:"k-vstack",children:[(0,y.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,y.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]}),(0,y.jsxs)("div",{className:"k-vstack",children:[(0,y.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),(0,y.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&(0,y.jsxs)(y.Fragment,{children:[(0,y.jsxs)("div",{className:"k-vstack",children:[(0,y.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,y.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,y.jsxs)("div",{className:"k-vstack",children:[(0,y.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,y.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,y.jsxs)("div",{className:"k-vstack",children:[(0,y.jsx)(U,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,y.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&(0,y.jsx)(y.Fragment,{children:(0,y.jsxs)("div",{className:"k-vstack k-flex-1",children:[(0,y.jsx)(be,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,y.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Eo.states=Um;Eo.options=Gm;Eo.className=Ds;Eo.defaultOptions=_s;var Me=require("react/jsx-runtime"),Hs="k-colorgradient-color-contrast",$m=[],Vm={},Wm={},Co=()=>(0,Me.jsxs)("div",{className:i(Hs,"k-vbox"),children:[(0,Me.jsxs)("div",{className:"k-contrast-ratio",children:[(0,Me.jsx)("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),(0,Me.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:[(0,Me.jsx)(L,{icon:"check"}),(0,Me.jsx)(L,{icon:"check"})]})]}),(0,Me.jsxs)("div",{children:[(0,Me.jsx)("span",{children:"AA: 4.5"}),(0,Me.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:["Pass",(0,Me.jsx)(L,{icon:"check"})]})]}),(0,Me.jsxs)("div",{children:[(0,Me.jsx)("span",{children:"AAA: 7.0"}),(0,Me.jsxs)("span",{className:"k-contrast-validation !k-text-error",children:["Fail",(0,Me.jsx)(L,{icon:"x"})]})]})]});Co.states=$m;Co.options=Vm;Co.className=Hs;Co.defaultOptions=Wm;var zs="color-gradient",Fs="colorgradient";var de=require("react/jsx-runtime"),Fa="k-colorgradient",Xm=[l.hover,l.focus,l.readonly,l.disabled],Jm={size:[c.undefined,c.small,c.medium,c.large]},ht={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},ue=e=>{let{size:t,mode:o=ht.mode,readonly:a=ht.readonly,disabled:r=ht.disabled,gradientStyle:s=ht.gradientStyle,dragHandleStyle:p=ht.dragHandleStyle,alphaStyle:m=ht.alphaStyle,alphaStyleHorizontal:f=ht.alphaStyleHorizontal,contrast:h=ht.contrast,dir:x,hover:g,focus:u,hoverHandle:S,focusHandle:N,canvasOrientation:M=ht.canvasOrientation,role:O,tabIndex:A,..._}=e;return(0,de.jsxs)("div",{..._,role:O??"textbox","aria-label":O==="none"?void 0:"Color gradient",tabIndex:A??0,"aria-disabled":r?"true":void 0,className:i(e.className,Fa,w(Fa,{size:t}),B(Fa,{hover:g,focus:u,readonly:a,disabled:r})),dir:x,children:[!M\|\|M==="horizontal"&&(0,de.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,de.jsx)("div",{className:"k-hsv-rectangle",style:s,children:(0,de.jsx)("div",{className:"k-hsv-gradient",children:(0,de.jsx)("div",{className:i("k-hsv-draghandle","k-draghandle",{"k-hover":S,"k-focus":N}),style:p,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),(0,de.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,de.jsx)(Vr,{className:"k-hue-slider",hover:S,focus:N}),o!=="rgb"&&o!=="hsv"&&(0,de.jsx)(Vr,{className:"k-alpha-slider",hover:S,focus:N,trackStyle:m})]})]}),M==="vertical"&&(0,de.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,de.jsx)("div",{className:"k-hsv-rectangle",style:s,children:(0,de.jsx)("div",{className:"k-hsv-gradient",children:(0,de.jsx)("div",{className:i("k-hsv-draghandle","k-draghandle",{"k-hover":S,"k-focus":N}),style:p,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),(0,de.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,de.jsx)($r,{className:"k-hue-slider",hover:S,focus:N}),o!=="rgb"&&o!=="hsv"&&(0,de.jsx)($r,{className:"k-alpha-slider",hover:S,focus:N,trackStyle:f})]})]}),(0,de.jsx)(Eo,{mode:e.mode,size:t}),h&&(0,de.jsx)(Co,{})]})};ue.states=Xm;ue.options=Jm;ue.className=Fa;ue.defaultOptions=ht;ue.moduleName=zs;ue.folderName=Fs;ue.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};var Us=require("react/jsx-runtime"),Ua=e=>(0,Us.jsx)(ue,{...e});var qm=require("react/jsx-runtime");var Ym=require("react/jsx-runtime");var Ga=require("react/jsx-runtime"),Qm=ue.options,Zm=ue.states,jm={...ue.defaultOptions,variant:"rgba"},eu=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],tu=[],Oo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return(0,Ga.jsx)(Ua,{...o,mode:t});case"rgb":return(0,Ga.jsx)(Ua,{...o,mode:t});default:return(0,Ga.jsx)(Ua,{...o,mode:t})}};Oo.options=Qm;Oo.states=Zm;Oo.variants=eu;Oo.defaultOptions=jm;Oo.modifiers=tu;Oo.className=ue.className;var Gs=require("react/jsx-runtime"),fi=e=>(0,Gs.jsx)("tr",{role:"row",children:e.children});var $s=require("react/jsx-runtime"),bi="k-colorpalette-tile",ou=[l.hover,l.focus,l.selected],au={},Bo=e=>{let{color:t,tileSize:o,hover:a,focus:r,selected:s,...p}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return(0,$s.jsx)("td",{...p,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:i(e.className,bi,B(bi,{hover:a,focus:r,selected:s})),style:m})};Bo.states=ou;Bo.options=au;Bo.className=bi;var Vs="color-palette",Ws="colorpalette";var Po=require("react/jsx-runtime"),$a="k-colorpalette",ru=[l.disabled],iu={size:[c.undefined,c.small,c.medium,c.large]},Xs={columns:10},Ke=e=>{let{size:t,palette:o,columns:a=Xs.columns,tileSize:r,disabled:s,...p}=e,m=[];if(o){let f=a\|\|o.columns,h=o.colors?o.colors:o;Array.isArray(h)&&Array.from({length:Math.ceil(h.length/f)},(x,g)=>{let u=[];h.slice(gf,(g+1)f).map((N,M)=>{u.push((0,Po.jsx)(Bo,{color:N,tileSize:r},M))});let S=(0,Po.jsx)(fi,{children:u},g);m.push(S)})}return(0,Po.jsx)("div",{...p,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:i(e.className,$a,B($a,{disabled:s}),w($a,{size:t})),children:(0,Po.jsx)("table",{className:"k-colorpalette-table",role:"none",children:(0,Po.jsx)("tbody",{children:m.length>0?m:e.children})})})};Ke.states=ru;Ke.options=iu;Ke.className=$a;Ke.defaultOptions=Xs;Ke.moduleName=Vs;Ke.folderName=Ws;Ke.ariaSpec={selector:".k-colorpalette",rules:[{selector:".k-colorpalette",attribute:"role=grid",usage:"The focusable wrapper announces its role as a grid."},{selector:".k-colorpalette",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpalette",attribute:"aria-activedescendant",usage:"Points to the focused cell in the table."},{selector:".k-colorpalette",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpalette.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorPalette is disabled."},{selector:".k-colorpalette-table",attribute:"role=none or role=presentation",usage:"Negates the default role of the table element."},{selector:".k-colorpalette-table>tbody>tr",attribute:"role=row",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"role=gridcell",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"aria-label or title",usage:"The text representation of the color value for the current cell."},{selector:".k-colorpalette-tile.k-selected",attribute:"aria-selected=true",usage:"Present on the currently selected cell."}]};var Va=Ke;var va={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};var qs=require("react/jsx-runtime"),Js=e=>(0,qs.jsx)(Va,{palette:va.basic,...e});var nu=require("react/jsx-runtime");var Ys=require("react/jsx-runtime");var Qs=require("react/jsx-runtime"),su=Ke.options,lu=Ke.states,pu={...Ke.defaultOptions,variant:"basic"},du=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],cu={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}},mu=[],Ro=e=>{let{variant:t="basic",...o}=e,a=cu[t];return(0,Qs.jsx)(Js,{columns:a.columns,palette:a,...o})};Ro.options=su;Ro.states=lu;Ro.variants=du;Ro.defaultOptions=pu;Ro.modifiers=mu;Ro.className=Ke.className;var Zs="color-editor",js="coloreditor";var se=require("react/jsx-runtime"),Wa="k-coloreditor",uu=[l.focus],fu={size:[c.undefined,c.small,c.medium,c.large]},ga={view:"gradient",palette:va.office,actionButtons:!0,canvasOrientation:"horizontal"},ae=e=>{let{size:t,view:o=ga.view,palette:a=ga.palette,color:r,currentColor:s,focus:p,focusView:m,dir:f,group:h,actionButtons:x=ga.actionButtons,canvasOrientation:g=ga.canvasOrientation,...u}=e;return(0,se.jsxs)("div",{...u,role:"textbox","aria-label":"Color editor",tabIndex:0,className:i(e.className,"k-flatcolorpicker",Wa,w(Wa,{size:t}),B(Wa,{focus:p})),dir:f,children:[(0,se.jsxs)("div",{className:"k-coloreditor-header k-hstack",children:[(0,se.jsx)("div",{className:"k-coloreditor-header-actions k-hstack",children:h&&(0,se.jsxs)(I,{fillMode:"flat",children:[(0,se.jsx)(d,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),(0,se.jsx)(d,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),(0,se.jsx)("div",{className:"k-spacer"}),(0,se.jsxs)("div",{className:"k-coloreditor-header-actions k-hstack",children:[(0,se.jsx)(d,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),(0,se.jsxs)("div",{className:"k-coloreditor-preview k-vstack",children:[(0,se.jsx)(_t,{className:"k-coloreditor-preview-color",color:r}),(0,se.jsx)(_t,{className:"k-coloreditor-current-color",color:s})]})]})]}),(0,se.jsx)("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?(0,se.jsx)(ue,{focus:m,size:t,canvasOrientation:g,role:"none",tabIndex:-1}):(0,se.jsx)(Ke,{palette:a,size:t})}),x&&(0,se.jsxs)(ft,{className:"k-coloreditor-footer",alignment:"start",children:[(0,se.jsx)(d,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),(0,se.jsx)(d,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};ae.states=uu;ae.options=fu;ae.className=Wa;ae.defaultOptions=ga;ae.moduleName=Zs;ae.folderName=js;ae.ariaSpec={selector:".k-flatcolorpicker",rules:[{selector:".k-flatcolorpicker",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a submittable value."},{selector:".k-flatcolorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-flatcolorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-flatcolorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the FlatColorPicker is disabled."},{selector:".k-colorgradient",attribute:"role=none",usage:"The inner ColorGradient must have its role removed."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var Ko=ae;var bu=require("react/jsx-runtime");var hu=require("react/jsx-runtime");var tl=require("react/jsx-runtime"),el=e=>(0,tl.jsx)(Ko,{group:!0,currentColor:"fuchsia",...e});var al=require("react/jsx-runtime"),ol=e=>(0,al.jsx)(Ko,{view:"palette",group:!0,currentColor:"fuchsia",...e});var hi=require("react/jsx-runtime"),xu=ae.options,vu=ae.states,gu={...ae.defaultOptions,variant:"gradient"},ku=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Nu=[],Do=e=>{let{variant:t,...o}=e;return t==="palette"?(0,hi.jsx)(ol,{...o,color:"white"}):(0,hi.jsx)(el,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Do.options=xu;Do.states=vu;Do.variants=ku;Do.defaultOptions=gu;Do.modifiers=Nu;Do.className=ae.className;var rl="color-picker",il="colorpicker";var ce=require("react/jsx-runtime"),nl="k-colorpicker",Su=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled],Lu={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},sl={arrowIconName:"chevron-down"},Ae=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:r=sl.arrowIconName,prefix:s,suffix:p,value:m,placeholder:f,hover:h,focus:x,valid:g,invalid:u,required:S,disabled:N,valueIconName:M,popup:O,opened:A,adaptive:_,adaptiveSettings:ie,adaptiveTitle:Se,adaptiveSubtitle:Te,...Ee}=e,Ue="colorpicker-popup";return(0,ce.jsxs)(ce.Fragment,{children:[(0,ce.jsxs)(ut,{...Ee,size:t,rounded:o,fillMode:a,hover:h,focus:x,valid:g,invalid:u,required:S,disabled:N,role:"combobox","aria-haspopup":"dialog","aria-expanded":A?"true":"false","aria-controls":A\|\|_?Ue:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":N?"true":void 0,className:i(e.className,nl,"k-icon-picker"),children:[(0,ce.jsx)(qe,{children:s}),(0,ce.jsx)(Zt,{placeholder:f,value:m,showValue:!1,valueIcon:(0,ce.jsx)(_t,{className:"k-value-icon",color:m,iconName:M}),valueIconName:M}),(0,ce.jsx)(Ye,{children:p}),(0,ce.jsx)(d,{className:"k-input-button",icon:r,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:N})]}),A&&O&&(0,ce.jsx)(Y,{id:Ue,className:"k-colorpicker-popup",children:O}),_&&(0,ce.jsx)(oe,{adaptive:!0,id:Ue,...ie,header:(0,ce.jsx)(Be,{actionsEnd:(0,ce.jsx)(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:Se,subtitle:Te}),footer:(0,ce.jsxs)(Ht,{children:[(0,ce.jsx)(d,{text:"Cancel",size:"large"}),(0,ce.jsx)(d,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,ce.jsx)(ae,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Ae.states=Su;Ae.options=Lu;Ae.className=nl;Ae.defaultOptions=sl;Ae.moduleName=rl;Ae.folderName=il;Ae.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var Lt=Ae;var ll=require("react/jsx-runtime"),Xa=e=>(0,ll.jsx)(Lt,{...e});var yu=require("react/jsx-runtime");var Mu=require("react/jsx-runtime");var Au=require("react/jsx-runtime");var wu=require("react/jsx-runtime");var Iu=require("react/jsx-runtime");var Tu=require("react/jsx-runtime");var Vt=require("react/jsx-runtime"),Eu=Lt.options,Cu=Lt.states,pl={...Lt.defaultOptions,variant:"color"},Ou=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Bu=[{name:"opened",title:"Opened"}],_o=e=>{let{variant:t,modifiers:o,...a}={...pl,...e},r={};Object.keys(o\|\|{}).forEach(p=>{p==="opened"&&(r.opened=!!(o!=null&&o[p]),r.popup=o!=null&&o[p]?(0,Vt.jsx)(ae,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let s=r.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return(0,Vt.jsx)("div",{style:s,children:(0,Vt.jsx)(Xa,{...a,...r})});case"icon":return(0,Vt.jsx)("div",{style:s,children:(0,Vt.jsx)(Xa,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...r})});default:return(0,Vt.jsx)("div",{style:s,children:(0,Vt.jsx)(Xa,{value:"rgba(183, 118 , 118, 1.00)",...a,...r})})}};_o.options=Eu;_o.states=Cu;_o.variants=Ou;_o.defaultOptions=pl;_o.modifiers=Bu;_o.className=Lt.className;var xi="combobox",dl=xi;var z=require("react/jsx-runtime"),cl="k-combobox",Pu=[l.hover,l.focus,l.valid,l.invalid,l.loading,l.required,l.disabled,l.readonly],Ru={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},ml={separators:!0},fe=e=>{let{size:t,rounded:o,fillMode:a,separators:r=ml.separators,prefix:s,suffix:p,value:m,placeholder:f,hover:h,focus:x,valid:g,invalid:u,required:S,loading:N,disabled:M,popup:O,opened:A,readonly:_,adaptive:ie,adaptiveSettings:Se,adaptiveTitle:Te,adaptiveSubtitle:Ee,adaptiveCustomValue:Ue,id:qt,autocomplete:ja,activeDescendant:Kt,"aria-label":La,...er}=e,tr=qt?`${qt}-listbox`:void 0;return(0,z.jsxs)(z.Fragment,{children:[(0,z.jsxs)(ne,{...er,size:t,rounded:o,fillMode:a,hover:h,focus:x,valid:g,invalid:u,required:S,loading:N,disabled:M,readonly:_,className:i(e.className,cl),children:[s&&(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(qe,{children:s}),r&&(0,z.jsx)(Qe,{})]}),(0,z.jsx)($e,{id:qt,placeholder:f,value:m,role:"combobox","aria-haspopup":"listbox","aria-expanded":A?"true":"false","aria-controls":A?tr:void 0,"aria-activedescendant":A&&Kt?Kt:void 0,"aria-autocomplete":ja,"aria-invalid":u?"true":void 0,"aria-busy":N?"true":void 0,"aria-label":La,disabled:M,readOnly:_}),(0,z.jsx)(Oe,{valid:g,invalid:u,loading:N,disabled:M}),(0,z.jsx)(He,{loading:N,disabled:M}),(0,z.jsx)(Ge,{loading:N,disabled:M,readonly:_,value:m}),p&&(0,z.jsxs)(z.Fragment,{children:[r&&(0,z.jsx)(Qe,{}),(0,z.jsx)(Ye,{children:p})]}),(0,z.jsx)(d,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:M})]}),A&&O&&(0,z.jsx)(Y,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:O}),ie&&(0,z.jsx)(oe,{adaptive:!0,id:qt?`${qt}-adaptive`:void 0,...Se,header:(0,z.jsx)(Be,{actionsEnd:(0,z.jsx)(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:m,inputPlaceholder:f,title:Te,subtitle:Ee}),children:(0,z.jsx)("div",{className:"k-list-container",children:(0,z.jsx)(H,{customValue:Ue?(0,z.jsx)($t,{text:`Use "${m}"`}):void 0,size:"large",children:(0,z.jsxs)(V,{"aria-label":Te\|\|"Options",children:[(0,z.jsx)(R,{text:"List item"}),(0,z.jsx)(R,{text:"List item"}),(0,z.jsx)(R,{text:"List item"})]})})})})]})};fe.states=Pu;fe.options=Ru;fe.className=cl;fe.defaultOptions=ml;fe.moduleName=xi;fe.folderName=dl;fe.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list\|both\|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:'.k-combobox-popup .k-list-ul[role="listbox"], .k-combobox-popup .k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var We=fe;var fl=require("react/jsx-runtime"),ul=e=>(0,fl.jsx)(We,{...e});var bl=require("react/jsx-runtime");var hl=require("react/jsx-runtime");var xl=require("react/jsx-runtime");var vl=require("react/jsx-runtime");var gl=require("react/jsx-runtime");var kl=require("react/jsx-runtime");var vi=require("react/jsx-runtime");var Ku=require("react/jsx-runtime");var Du=require("react/jsx-runtime");var Nl=require("react/jsx-runtime");var Sl=require("react/jsx-runtime");var lt=require("react/jsx-runtime"),_u=fe.states,Hu=fe.defaultOptions,zu=fe.options,Fu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Uu=[],Ho=e=>{let{modifiers:t,...o}=e,a={},r=(0,lt.jsx)(H,{style:{width:300},size:o.size,children:(0,lt.jsxs)(V,{children:[(0,lt.jsx)(R,{children:"List item"}),(0,lt.jsx)(R,{children:"List item"}),(0,lt.jsx)(R,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(s=>{switch(s){case"prefix":a.prefix=t!=null&&t[s]?(0,lt.jsx)(L,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t!=null&&t[s]?(0,lt.jsx)(Dt,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!(t!=null&&t[s]),a.popup=t!=null&&t[s]?r:void 0;break;default:break}}),(0,lt.jsx)("div",{children:(0,lt.jsx)(ul,{value:"Value",style:{width:300},...o,...a})})};Ho.options=zu;Ho.states=_u;Ho.variants=Uu;Ho.defaultOptions=Hu;Ho.modifiers=Fu;Ho.className=fe.className;var gi="menu-button",Ll=gi;var Ml=require("react/jsx-runtime"),yl="k-menu-button",Gu=[l.hover,l.focus,l.active,l.selected,l.disabled],$u={size:[c.undefined,c.xsmall,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info,k.inverse]},ki={showArrow:!0,arrowIconName:"chevron-down"},P=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:p,active:m,selected:f,disabled:h,icon:x,text:g,showArrow:u=ki.showArrow,arrowIconName:S=ki.arrowIconName,expanded:N,...M}=e;return(0,Ml.jsx)(d,{...M,className:i(e.className,yl),text:g,size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:p,active:m,selected:f,disabled:h,icon:x,showArrow:u,arrowIconName:S,"aria-expanded":N?"true":"false",...!g&&x&&!e["aria-label"]&&{"aria-label":"Menu"},...h&&{"aria-disabled":"true"}})};P.states=Gu;P.options=$u;P.className=yl;P.defaultOptions=ki;P.moduleName=gi;P.folderName=Ll;P.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var Vu=require("react/jsx-runtime");var Wu=require("react/jsx-runtime");var Xu=require("react/jsx-runtime");var Xe="menu",ot=Xe;var yt=require("react/jsx-runtime"),Ni="k-menu-item",Ju=[l.hover,l.focus,l.active,l.selected,l.disabled],qu={},Al={iconPosition:"before"},q=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:s,icon:p,text:m,first:f,last:h,showArrow:x,arrowIconName:g,iconPosition:u=Al.iconPosition,dir:S,children:N,expanded:M,...O}=e,A=g;return A\|\|(A=S==="rtl"?"chevron-left":"chevron-right"),(0,yt.jsxs)("li",{...O,className:i(e.className,Ni,"k-item",B(Ni,{focus:o,disabled:s,hover:t,active:a,selected:r}),{"k-first":f,"k-last":h}),role:"menuitem",...x&&{"aria-haspopup":"menu"},...x&&{"aria-expanded":M?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,yt.jsxs)("span",{className:i("k-link k-menu-link"),children:[p&&u==="before"&&(0,yt.jsx)(L,{className:"k-menu-link-icon",icon:p}),(0,yt.jsx)("span",{className:"k-menu-link-text",children:m}),p&&u==="after"&&(0,yt.jsx)(L,{className:"k-menu-link-icon",icon:p}),x&&(0,yt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,yt.jsx)(L,{icon:A})})]}),N]})};q.states=Ju;q.options=qu;q.className=Ni;q.defaultOptions=Al;q.moduleName=Xe;q.folderName=ot;var Mt=require("react/jsx-runtime"),Si="k-menu-item",Yu=[l.hover,l.focus,l.active,l.selected,l.disabled],Qu={},Li={dir:"ltr",iconPosition:"before"},ee=e=>{let{hover:t,focus:o,active:a,selected:r,disabled:s,icon:p,text:m,first:f,last:h,showArrow:x,arrowIconName:g,iconPosition:u=Li.iconPosition,dir:S=Li.dir,children:N,popup:M,expanded:O,...A}=e,_=g;return _\|\|(_=S==="rtl"?"chevron-left":"chevron-right"),(0,Mt.jsxs)("li",{...A,className:i(e.className,Si,"k-item",B(Si,{focus:o,disabled:s}),{"k-first":f,"k-last":h}),role:"menuitem",...x&&{"aria-haspopup":"menu"},...x&&{"aria-expanded":O?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,Mt.jsxs)("span",{className:i("k-link k-menu-link",B("k-menu-link",{hover:t,active:a,selected:r,disabled:s})),children:[p&&u==="before"&&(0,Mt.jsx)(L,{className:"k-menu-link-icon",icon:p}),(0,Mt.jsx)("span",{className:"k-menu-link-text",children:m}),p&&u==="after"&&(0,Mt.jsx)(L,{className:"k-menu-link-icon",icon:p}),x&&(0,Mt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,Mt.jsx)(L,{icon:_})})]}),N,M]})};ee.states=Yu;ee.options=Qu;ee.className=Si;ee.defaultOptions=Li;ee.moduleName=Xe;ee.folderName=ot;var Tl=require("react/jsx-runtime"),wl="k-menu-scroll-wrapper",Zu=[],ju={},ef={},ro=e=>{let{className:t,children:o,orientation:a,...r}=e;return(0,Tl.jsx)("div",{...r,className:i(t,wl,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};ro.states=Zu;ro.options=ju;ro.className=wl;ro.defaultOptions=ef;ro.moduleName=Xe;ro.folderName=ot;var Il=ro;var ge=require("react/jsx-runtime"),yi="k-menu",tf=[],of={},qa={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},le=e=>{let{children:t,orientation:o=qa.orientation,header:a=qa.header,scrollable:r,scrollButtonsPosition:s=qa.scrollButtonsPosition,wrapperStyles:p,dir:m,popup:f,contextMenu:h,...x}=e,g={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},u=(0,ge.jsx)("ul",{dir:m,...x,className:i(e.className,"k-reset",yi,{[`${yi}-${o}`]:o,"k-header":a}),role:h?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,ge.jsxs)(ge.Fragment,{children:[r?(0,ge.jsxs)(Il,{orientation:o,style:p,dir:e.dir,children:[s==="start"&&(0,ge.jsxs)(ge.Fragment,{children:[(0,ge.jsx)(d,{fillMode:"flat",icon:`chevron-${g[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,ge.jsx)(d,{fillMode:"flat",icon:`chevron-${g[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&(0,ge.jsx)(d,{fillMode:"flat",icon:`chevron-${g[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),u,s==="end"&&(0,ge.jsxs)(ge.Fragment,{children:[(0,ge.jsx)(d,{fillMode:"flat",icon:`chevron-${g[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,ge.jsx)(d,{fillMode:"flat",icon:`chevron-${g[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&(0,ge.jsx)(d,{fillMode:"flat",icon:`chevron-${g[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):u,f]})};le.states=tf;le.options=of;le.className=yi;le.defaultOptions=qa;le.moduleName=Xe;le.folderName=ot;le.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};var Cl=require("react/jsx-runtime"),Mi="k-separator",El={orientation:"horizontal"},zo=e=>{let{orientation:t=El.orientation,...o}=e;return(0,Cl.jsx)("li",{...o,className:i(e.className,"k-item",Mi,{[`${Mi}-${t}`]:t}),role:"separator"})};zo.className=Mi;zo.defaultOptions=El;zo.moduleName=Xe;zo.folderName=ot;var Ol=require("react/jsx-runtime");var Bl=require("react/jsx-runtime"),Ai="k-menu-group",af=[],rf={size:[c.undefined,c.small,c.medium,c.large]},nf={},we=e=>{let{children:t,size:o,...a}=e;return(0,Bl.jsx)("ul",{...a,className:i(e.className,Ai,w(Ai,{size:o})),role:"menu",children:t})};we.states=af;we.options=rf;we.className=Ai;we.defaultOptions=nf;we.moduleName=Xe;we.folderName=ot;var pt=require("react/jsx-runtime"),wi=e=>(0,pt.jsx)(le,{children:(0,pt.jsxs)(pt.Fragment,{children:[(0,pt.jsx)(q,{first:!0,text:"Item 1"}),(0,pt.jsx)(q,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),(0,pt.jsx)(q,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),(0,pt.jsx)(q,{text:"Item 4"}),(0,pt.jsx)(q,{last:!0,text:"Item 5"})]}),...e});var Ii=require("react/jsx-runtime");var Ti=require("react/jsx-runtime");var Ei=require("react/jsx-runtime");var Ci=require("react/jsx-runtime");var xt=require("react/jsx-runtime"),sf=le.options,lf=le.states,Pl={...le.defaultOptions,variant:"horizontal"},pf=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],df=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Fo=e=>{let{variant:t,modifiers:o,...a}={...Pl,...e},r={};return Object.keys(o\|\|{}).forEach(s=>{switch(s){case"scrollable":r.scrollable=!!(o!=null&&o[s]);break;case"opened":r.opened=!!(o!=null&&o[s]),r.popup=(0,xt.jsx)(Y,{className:"k-menu-popup",children:(0,xt.jsxs)(we,{children:[(0,xt.jsx)(ee,{text:"Item 1"}),(0,xt.jsx)(ee,{text:"Item 2"}),(0,xt.jsx)(zo,{}),(0,xt.jsx)(ee,{text:"Item 3"})]})});break}}),t==="vertical"?(0,xt.jsx)(wi,{...a,...r,orientation:"vertical",style:{width:"200px"}}):(0,xt.jsx)(wi,{...a,...r})};Fo.options=sf;Fo.states=lf;Fo.variants=pf;Fo.defaultOptions=Pl;Fo.modifiers=df;Fo.className=le.className;var Oi=require("react/jsx-runtime");var cf=require("react/jsx-runtime");var Ie=require("react/jsx-runtime"),mf=d.states,Rl={...d.defaultOptions,variant:"text"},uf=d.options,ff=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],bf=[{name:"opened",title:"Opened"}],Uo=e=>{let{variant:t,modifiers:o,...a}={...Rl,...e},r={},s=(0,Ie.jsx)(Y,{className:"k-menu-popup",children:(0,Ie.jsxs)(we,{size:a.size,children:[(0,Ie.jsx)(ee,{first:!0,text:"Menu Item"}),(0,Ie.jsx)(ee,{text:"Menu Item"}),(0,Ie.jsx)(ee,{last:!0,text:"Menu Item"})]})}),p;switch(t){case"icon-only":p=(0,Ie.jsx)("div",{children:(0,Ie.jsx)(P,{...a,...r,icon:"star"})});break;case"icon-and-text":p=(0,Ie.jsx)("div",{children:(0,Ie.jsx)(P,{...a,...r,icon:"star",children:"Dropdown Button"})});break;default:p=(0,Ie.jsx)("div",{children:(0,Ie.jsx)(P,{...a,...r,children:"Dropdown Button"})});break}return(0,Ie.jsxs)(Ie.Fragment,{children:[p,(o==null?void 0:o.opened)&&s]})};Uo.options=uf;Uo.states=mf;Uo.variants=ff;Uo.defaultOptions=Rl;Uo.modifiers=bf;Uo.className=P.className;var Bi="split-button",Kl=Bi;var At=require("react/jsx-runtime"),Pi="k-split-button",hf=[l.hover,l.focus,l.active,l.selected,l.disabled],xf={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info,k.inverse]},Dl={arrowIconName:"chevron-down"},D=e=>{let{size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:p,active:m,selected:f,disabled:h,icon:x,text:g,arrowIconName:u=Dl.arrowIconName,popup:S,opened:N,popupId:M,...O}=e;return(0,At.jsxs)(At.Fragment,{children:[(0,At.jsxs)("div",{...O,className:i(e.className,Pi,"k-button-group",w(Pi,{rounded:o})),children:[(0,At.jsx)(d,{text:g,icon:x,size:t,rounded:o,fillMode:a,themeColor:r,hover:s,focus:p,active:m,selected:f,disabled:h,...!g&&!e.children&&x&&{"aria-label":"Action"},children:e.children}),(0,At.jsx)(d,{className:"k-split-button-arrow",icon:u,size:t,rounded:o,fillMode:a,disabled:h,"aria-label":"Toggle dropdown","aria-expanded":N?"true":"false","aria-controls":N?M:void 0,tabIndex:-1,...h&&{"aria-disabled":"true"}})]}),N&&S&&(0,At.jsx)(Y,{className:"k-menu-popup",children:S})]})};D.states=hf;D.options=xf;D.className=Pi;D.defaultOptions=Dl;D.moduleName=Bi;D.folderName=Kl;D.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var Ri=D;var _l=require("react/jsx-runtime"),vf="k-toolbar-separator",pe=e=>(0,_l.jsx)("div",{className:i(vf,e.className,"k-separator")});var wt="toolbar",Wt=wt;var E=require("react/jsx-runtime"),It="k-toolbar",gf=[l.focus],kf={size:[c.undefined,c.small,c.medium,c.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},Nf={scrollButtons:"around"},X=e=>{let{size:t,fillMode:o,focus:a,resizable:r,scrollable:s,scrollButtons:p,scrollingPosition:m,section:f,...h}=e,x=[],g=(u,S)=>{let N=[];if(u.type===d&&u.props.className&&u.props.className.includes("k-toolbar-overflow-button"))N.push((0,E.jsx)(d,{...u.props,className:`${u.props.className?u.props.className:""}`},`${S}-${new Date().getTime()}`));else if(u.type===d)N.push((0,E.jsx)(d,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${S}-${new Date().getTime()}`));else if(u.type===aa)N.push((0,E.jsx)(aa,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${S}-${new Date().getTime()}`));else if(u.type===Dt)N.push((0,E.jsx)(Dt,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${S}-${new Date().getTime()}`));else if(u.type===P)N.push((0,E.jsx)(P,{...u.props,className:`k-toolbar-menu-button ${u.props.className?u.props.className:""}`},`${S}-${new Date().getTime()}`));else if(u.type===Ri)N.push((0,E.jsx)(Ri,{...u.props,className:`k-toolbar-split-button ${u.props.className?u.props.className:""}`},`${S}-${new Date().getTime()}`));else if(u.type===I\|\|u.props.className&&u.props.className.includes("k-button-group")){let M=[];(Array.isArray(u.props.children)?u.props.children:[u.props.children]).forEach((A,_)=>{M.push((0,E.jsx)(d,{...A.props,className:`${A.props.className?A.props.className:""}`},`${_}-${new Date().getTime()}`))}),N.push((0,E.jsx)(I,{...u.props,className:`k-toolbar-button-group ${u.props.className?u.props.className:""}`,children:M},`${S}-${new Date().getTime()}`))}else u.type===fe?N.push((0,E.jsx)(fe,{...u.props,className:`k-toolbar-combobox ${u.props.className?u.props.className:""}`},`${S}-${new Date().getTime()}`)):u.type===j?N.push((0,E.jsx)(j,{...u.props,className:`k-toolbar-dropdownlist ${u.props.className?u.props.className:""}`},`${S}-${new Date().getTime()}`)):u.type===Ae?N.push((0,E.jsx)(Ae,{...u.props,className:`k-toolbar-colorpicker ${u.props.className?u.props.className:""}`},`${S}-${new Date().getTime()}`)):N.push(u);N.forEach(M=>{x.push(M)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((S,N)=>{g(S,N)}),(0,E.jsxs)("div",{...h,className:i(e.className,It,w(It,{size:t,fillMode:o}),B(It,{focus:a}),{[`${It}-resizable`]:r,[`${It}-scrollable`]:s,[`${It}-scrollable-overlay`]:s&&p==="hidden",[`${It}-scrollable-${m}`]:m&&m!=="both",[`${It}-section`]:f}),role:"toolbar","aria-label":"Toolbar",children:[!s&&x,s&&p==="hidden"&&(0,E.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),s&&p==="start"&&(0,E.jsxs)(E.Fragment,{children:[(0,E.jsxs)(I,{children:[(0,E.jsx)("span",{className:i("k-toolbar-prev","k-button",w("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,E.jsx)(L,{className:"k-button-icon",icon:"chevron-left"})}),(0,E.jsx)("span",{className:i("k-toolbar-next","k-button",w("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,E.jsx)(L,{className:"k-button-icon",icon:"chevron-right"})})]}),(0,E.jsx)(pe,{className:"k-toolbar-button-separator"}),(0,E.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x})]}),s&&p==="end"&&(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),(0,E.jsx)(pe,{className:"k-toolbar-button-separator"}),(0,E.jsxs)(I,{children:[(0,E.jsx)("span",{className:i("k-toolbar-prev","k-button",w("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,E.jsx)(L,{className:"k-button-icon",icon:"chevron-left"})}),(0,E.jsx)("span",{className:i("k-toolbar-next","k-button",w("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,E.jsx)(L,{className:"k-button-icon",icon:"chevron-right"})})]})]}),s&&(p==="around"\|\|!p)&&(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)("span",{className:i("k-toolbar-prev","k-button",w("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,E.jsx)(L,{className:"k-button-icon",icon:"chevron-left"})}),(0,E.jsx)(pe,{className:"k-toolbar-button-separator"}),(0,E.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),(0,E.jsx)(pe,{className:"k-toolbar-button-separator"}),(0,E.jsx)("span",{className:i("k-toolbar-next","k-button",w("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,E.jsx)(L,{className:"k-button-icon",icon:"chevron-right"})})]})]})};X.states=gf;X.options=kf;X.className=It;X.defaultOptions=Nf;X.moduleName=wt;X.folderName=Wt;X.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};var zl=require("react/jsx-runtime"),Hl="k-floating-toolbar",Sf=[],Lf={},yf={},Go=e=>{let{...t}=e;return(0,zl.jsx)("div",{...t,className:i(e.className,Hl),children:e.children})};Go.states=Sf;Go.options=Lf;Go.className=Hl;Go.defaultOptions=yf;Go.moduleName=wt;Go.folderName=Wt;var Fl=require("react/jsx-runtime"),Ki="k-toolbar-item",Mf=[l.focus],Af={},wf={},Tt=e=>{let{focus:t,...o}=e;return(0,Fl.jsx)("div",{...o,className:i(e.className,Ki,B(Ki,{focus:t})),children:e.children})};Tt.states=Mf;Tt.options=Af;Tt.className=Ki;Tt.defaultOptions=wf;Tt.moduleName=wt;Tt.folderName=Wt;var Di=require("react/jsx-runtime"),Ul="k-toolbar-popup",If=[],Tf={size:[c.undefined,c.small,c.medium,c.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},Ef={},io=e=>{let{size:t,fillMode:o,section:a,...r}=e;return(0,Di.jsx)(Y,{...r,className:i(e.className,Ul),children:a?(0,Di.jsx)("span",{className:i("k-toolbar-items-list",w("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};io.states=If;io.options=Tf;io.className=Ul;io.defaultOptions=Ef;io.moduleName=wt;io.folderName=Wt;var Ya=io;var Cf=require("react/jsx-runtime");var Of=require("react/jsx-runtime");var Bf=require("react/jsx-runtime");var Gl=require("react/jsx-runtime");var Pf=require("react/jsx-runtime");var at=require("react/jsx-runtime"),Rf=D.states,$l={...D.defaultOptions,variant:"text"},Kf=D.options,Df=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],_f=[{name:"opened",title:"Opened"}],$o=e=>{let{variant:t,modifiers:o,...a}={...$l,...e},r={},s=(0,at.jsxs)(we,{size:a.size,children:[(0,at.jsx)(ee,{first:!0,text:"Menu Item"}),(0,at.jsx)(ee,{text:"Menu Item"}),(0,at.jsx)(ee,{last:!0,text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(p=>{p==="opened"&&(r.opened=!!(o!=null&&o[p]),r.popup=o!=null&&o[p]?s:"")}),t){case"icon-only":return(0,at.jsx)("div",{children:(0,at.jsx)(D,{...a,...r,icon:"star"})});case"icon-and-text":return(0,at.jsx)("div",{children:(0,at.jsx)(D,{...a,...r,icon:"star",children:"Split Button"})});default:return(0,at.jsx)("div",{children:(0,at.jsx)(D,{...a,...r,children:"Split Button"})})}};$o.options=Kf;$o.states=Rf;$o.variants=Df;$o.defaultOptions=$l;$o.modifiers=_f;$o.className=D.className;var vt=require("react/jsx-runtime"),Vl=e=>(0,vt.jsx)(X,{children:[(0,vt.jsx)(d,{children:"Button"},"toolbar-button"),(0,vt.jsx)(P,{text:"Menu button"},"toolbar-menu-button"),(0,vt.jsx)(D,{children:"Split button"},"toolbar-split-button"),(0,vt.jsxs)(I,{children:[(0,vt.jsx)(d,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,vt.jsx)(d,{icon:"align-center",children:"Center"}),(0,vt.jsx)(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var Wl=require("react/jsx-runtime");var ke=require("react/jsx-runtime"),Xl=e=>(0,ke.jsx)(X,{scrollable:!0,...e,children:[(0,ke.jsx)(d,{children:"Button"},"toolbar-button"),(0,ke.jsx)(P,{text:"Menu button"},"toolbar-menu-button"),(0,ke.jsx)(D,{children:"Split button"},"toolbar-split-button"),(0,ke.jsxs)(I,{children:[(0,ke.jsx)(d,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,ke.jsx)(d,{icon:"align-center",children:"Center"}),(0,ke.jsx)(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,ke.jsx)(d,{children:"Button"},"toolbar-button"),(0,ke.jsx)(P,{text:"Menu button"},"toolbar-menu-button"),(0,ke.jsx)(D,{children:"Split button"},"toolbar-split-button"),(0,ke.jsxs)(I,{children:[(0,ke.jsx)(d,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,ke.jsx)(d,{icon:"align-center",children:"Center"}),(0,ke.jsx)(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var Ne=require("react/jsx-runtime"),Jl=({scrollingPosition:e="start",...t})=>(0,Ne.jsx)(X,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[(0,Ne.jsx)(d,{children:"Button"},"toolbar-button"),(0,Ne.jsx)(P,{text:"Menu button"},"toolbar-menu-button"),(0,Ne.jsx)(D,{children:"Split button"},"toolbar-split-button"),(0,Ne.jsxs)(I,{children:[(0,Ne.jsx)(d,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Ne.jsx)(d,{icon:"align-center",children:"Center"}),(0,Ne.jsx)(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,Ne.jsx)(d,{children:"Button"},"toolbar-button"),(0,Ne.jsx)(P,{text:"Menu button"},"toolbar-menu-button"),(0,Ne.jsx)(D,{children:"Split button"},"toolbar-split-button"),(0,Ne.jsxs)(I,{children:[(0,Ne.jsx)(d,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Ne.jsx)(d,{icon:"align-center",children:"Center"}),(0,Ne.jsx)(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});var te=require("react/jsx-runtime"),ql=({fillMode:e,size:t,...o})=>(0,te.jsxs)(te.Fragment,{children:[(0,te.jsx)(X,{section:!0,fillMode:e,size:t,children:[(0,te.jsx)(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,te.jsxs)(I,{fillMode:e,children:[(0,te.jsx)(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,te.jsx)(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,te.jsx)(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),(0,te.jsx)(pe,{className:"k-toolbar-button-separator"}),(0,te.jsx)(d,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),(0,te.jsxs)(Ya,{size:t,fillMode:e,section:!0,...o,children:[(0,te.jsx)(D,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),(0,te.jsx)(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,te.jsx)(pe,{}),(0,te.jsx)(P,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),(0,te.jsxs)(I,{fillMode:e,children:[(0,te.jsx)(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,te.jsx)(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,te.jsx)(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});var _i=require("react/jsx-runtime");var Hi=require("react/jsx-runtime");var Et=require("react/jsx-runtime"),Hf=X.options,zf=X.states,Yl={...X.defaultOptions,variant:"default"},Ff=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Uf=[],Vo=e=>{let{variant:t,...o}={...Yl,...e};switch(t){case"responsive":return(0,Et.jsx)("div",{children:(0,Et.jsx)(ql,{style:{width:"583px"},...o})});case"overlay":return(0,Et.jsx)("div",{children:(0,Et.jsx)(Jl,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,Et.jsx)("div",{children:(0,Et.jsx)(Xl,{style:{width:"583px"},...o})});default:return(0,Et.jsx)("div",{children:(0,Et.jsx)(Vl,{style:{width:"583px"},...o})})}};Vo.options=Hf;Vo.states=zf;Vo.variants=Ff;Vo.defaultOptions=Yl;Vo.modifiers=Uf;Vo.className=X.className;var Zl=require("react/jsx-runtime"),Ql="k-spreadsheet-toolbar",Gf=[],$f={},Vf={},Wo=e=>{let{children:t,...o}=e;return(0,Zl.jsx)(X,{...o,resizable:!0,className:i(e.className,Ql),fillMode:"flat","aria-label":o["aria-label"]\|\|"Spreadsheet toolbar",children:t})};Wo.states=Gf;Wo.options=$f;Wo.className=Ql;Wo.defaultOptions=Vf;var ep=require("react/jsx-runtime"),jl="k-spreadsheet-menu",Wf=[],Xf={},Jf={},Xo=e=>{let{children:t,...o}=e;return(0,ep.jsx)(le,{...o,className:i(e.className,jl),children:t})};Xo.states=Wf;Xo.options=Xf;Xo.className=jl;Xo.defaultOptions=Jf;var C=require("react/jsx-runtime"),tp="k-spreadsheet-header",qf=[],Yf={},Qf=[(0,C.jsx)(d,{icon:"arrow-rotate-ccw",fillMode:"flat","aria-label":"Undo"},"undo"),(0,C.jsx)(d,{icon:"arrow-rotate-cw",fillMode:"flat","aria-label":"Redo"},"redo"),(0,C.jsx)(pe,{},"sep1"),(0,C.jsx)(d,{icon:"cut",fillMode:"flat","aria-label":"Cut"},"cut"),(0,C.jsx)(d,{icon:"copy",fillMode:"flat","aria-label":"Copy"},"copy"),(0,C.jsx)(d,{icon:"clipboard",fillMode:"flat","aria-label":"Paste"},"paste"),(0,C.jsx)(pe,{},"sep2"),(0,C.jsx)(j,{value:"Font Name",fillMode:"flat","aria-label":"Font name"},"fontname"),(0,C.jsx)(j,{value:"Font Size",fillMode:"flat","aria-label":"Font size"},"fontsize"),(0,C.jsx)(pe,{},"sep3"),(0,C.jsxs)(I,{fillMode:"flat",children:[(0,C.jsx)(d,{className:"k-group-start",icon:"font-grow",fillMode:"flat","aria-label":"Increase font size"}),(0,C.jsx)(d,{className:"k-group-end",icon:"font-shrink",fillMode:"flat","aria-label":"Decrease font size"})]},"fontgrow"),(0,C.jsx)(pe,{},"sep4"),(0,C.jsxs)(I,{fillMode:"flat",children:[(0,C.jsx)(d,{className:"k-group-start",icon:"bold",fillMode:"flat","aria-label":"Bold"}),(0,C.jsx)(d,{icon:"italic",fillMode:"flat","aria-label":"Italic"}),(0,C.jsx)(d,{icon:"underline",fillMode:"flat","aria-label":"Underline"}),(0,C.jsx)(d,{className:"k-group-end",icon:"strikethrough",fillMode:"flat","aria-label":"Strikethrough"})]},"fontstyle"),(0,C.jsx)(Tt,{children:(0,C.jsx)(Ae,{value:"red",valueIconName:"foreground-color",fillMode:"flat","aria-label":"Text color"})},"textcolor"),(0,C.jsx)(pe,{},"sep5"),(0,C.jsx)(Tt,{children:(0,C.jsx)(Ae,{value:"fuchsia",valueIconName:"droplet",fillMode:"flat","aria-label":"Background color"})},"bgcolor"),(0,C.jsx)(pe,{},"sep6"),(0,C.jsx)(P,{fillMode:"flat",icon:"borders-all",showArrow:!0,"aria-label":"Borders"},"borders"),(0,C.jsx)(pe,{},"sep7"),(0,C.jsx)(P,{fillMode:"flat",icon:"align-left",showArrow:!0,"aria-label":"Horizontal alignment"},"halign"),(0,C.jsx)(P,{fillMode:"flat",icon:"align-middle",showArrow:!0,"aria-label":"Vertical alignment"},"valign"),(0,C.jsx)(pe,{},"sep8"),(0,C.jsx)(d,{fillMode:"flat",icon:"text-wrap-arrow","aria-label":"Wrap text"},"wrap")],Zf=[(0,C.jsx)(q,{first:!0,text:"File"},"file"),(0,C.jsx)(q,{text:"Home",active:!0},"home"),(0,C.jsx)(q,{text:"Insert"},"insert"),(0,C.jsx)(q,{text:"Format"},"format"),(0,C.jsx)(q,{text:"Formulas"},"formulas"),(0,C.jsx)(q,{text:"Data"},"data"),(0,C.jsx)(q,{last:!0,text:"View"},"view")],zi={toolbarItems:Qf,menuItems:Zf},Ct=e=>{let{toolbarItems:t=zi.toolbarItems,menuItems:o=zi.menuItems,...a}=e;return(0,C.jsxs)("div",{...a,className:i(tp,e.className),children:[(0,C.jsx)(Xo,{children:o}),(0,C.jsx)(Wo,{children:t})]})};Ct.states=qf;Ct.options=Yf;Ct.className=tp;Ct.defaultOptions=zi;var G=require("react/jsx-runtime"),op="k-spreadsheet-action-bar",jf=[],eb={},tb=(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)("span",{className:"k-syntax-startexp",children:"="}),(0,G.jsx)("span",{className:"k-syntax-ref k-series-a",children:"B6"}),(0,G.jsx)("span",{className:"k-syntax-op",children:"+"}),(0,G.jsx)("span",{className:"k-syntax-ref k-series-b",children:"C6"}),(0,G.jsx)("span",{className:"k-syntax-op",children:"+"}),(0,G.jsx)("span",{className:"k-syntax-ref k-series-c",children:"C3"})]}),Fi={formula:tb,cellName:"B6"},Ot=e=>{let{formula:t=Fi.formula,cellName:o=Fi.cellName,formulaExpanded:a=!1,formulaListItems:r,...s}=e,p=a?K("spreadsheet-formula-list"):void 0,m=(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)("li",{className:"k-list-item",role:"menuitem",children:(0,G.jsx)("span",{className:"k-list-item-text",children:"SUM"})}),(0,G.jsx)("li",{className:"k-list-item",role:"menuitem",children:(0,G.jsx)("span",{className:"k-list-item-text",children:"AVERAGE"})}),(0,G.jsx)("li",{className:"k-list-item",role:"menuitem",children:(0,G.jsx)("span",{className:"k-list-item-text",children:"COUNT"})})]});return(0,G.jsxs)("div",{...s,className:i(op,e.className),children:[(0,G.jsx)("div",{className:"k-spreadsheet-name-editor",children:(0,G.jsx)(fe,{placeholder:o,fillMode:"flat","aria-label":"Name editor"})}),(0,G.jsxs)("div",{className:"k-spreadsheet-formula-bar",children:[(0,G.jsx)("span",{className:"k-separator k-separator-vertical"}),(0,G.jsx)(d,{icon:"formula-fx",fillMode:"flat","aria-label":"Formula"}),(0,G.jsx)("span",{className:"k-separator k-separator-vertical"}),(0,G.jsx)("div",{className:"k-spreadsheet-formula-input k-textbox k-input k-input-flat",role:"combobox",title:"Formula input","aria-haspopup":"menu","aria-expanded":a?"true":"false",...p&&{"aria-controls":p},children:t}),a&&(0,G.jsx)("ul",{className:"k-spreadsheet-formula-list",id:p,role:"menu",children:r\|\|m})]})]})};Ot.states=jf;Ot.options=eb;Ot.className=op;Ot.defaultOptions=Fi;var ip=require("react/jsx-runtime"),ap="k-tabstrip-items",ob=[],ab={},rb={tabAlignment:"start"},ka=e=>{let{children:t,tabAlignment:o,orientation:a,...r}=e;return(0,ip.jsx)("ul",{...r,className:i(e.className,ap,"k-reset",`k-tabstrip-items-${o}`),role:"tablist",...a==="vertical"&&{"aria-orientation":"vertical"},children:t})};ka.states=ob;ka.options=ab;ka.className=ap;ka.defaultOptions=rb;var rp=ka;var pp=require("react/jsx-runtime"),np="k-tabstrip-items-wrapper",ib=[],nb={},sp={orientation:"horizontal"},Na=e=>{let{children:t,orientation:o=sp.orientation,...a}=e;return(0,pp.jsx)("div",{...a,className:i(e.className,np,{"k-hstack":o==="horizontal","k-vstack":o==="vertical"}),children:t})};Na.states=ib;Na.options=nb;Na.className=np;Na.defaultOptions=sp;var lp=Na;var Ui="tabstrip",dp=Ui;var De=require("react/jsx-runtime"),Xt="k-tabstrip",sb=[],lb={size:[c.undefined,c.small,c.medium,c.large]},Qa={position:"top",tabAlignment:"start",scrollButtons:"around"},Bt=e=>{let{size:t,scrollable:o,children:a,tabStripItems:r,tabStripItemsId:s,position:p=Qa.position,tabAlignment:m=Qa.tabAlignment,scrollButtons:f=Qa.scrollButtons,dir:h,scrollingPosition:x,overflow:g,...u}=e,S={top:{prev:h!=="rtl"?"left":"right",next:h!=="rtl"?"right":"left"},bottom:{prev:h!=="rtl"?"left":"right",next:h!=="rtl"?"right":"left"},right:{prev:"up",next:"down"},left:{prev:"up",next:"down"}},N={top:"horizontal",bottom:"horizontal",left:"vertical",right:"vertical"},M={start:"start",center:"center",end:"end",justify:"justify",stretched:"stretched"};return(0,De.jsxs)("div",{dir:h,...u,className:i(Xt,e.className,{[`${Xt}-${p}`]:p,[`${Xt}-scrollable`]:o,[`${Xt}-scrollable-overlay`]:o&&(f==="hidden"\|\|!f),[`${Xt}-scrollable-${x}`]:x&&x!=="both",[`${Xt}-overflow`]:g},w(Xt,{size:t})),children:[p==="bottom"&&a,(0,De.jsxs)(lp,{orientation:N[p],children:[o&&(f==="around"\|\|f==="start")&&(0,De.jsx)("span",{className:i("k-tabstrip-prev","k-button",w("k-button",{size:t,fillMode:b.flat}),"k-icon-button"),"aria-hidden":"true",children:(0,De.jsx)(L,{className:"k-button-icon",icon:`chevron-${S[p].prev}`})}),o&&f==="start"&&(0,De.jsx)("span",{className:i("k-tabstrip-next","k-button",w("k-button",{size:t,fillMode:b.flat}),"k-icon-button"),"aria-hidden":"true",children:(0,De.jsx)(L,{className:"k-button-icon",icon:`chevron-${S[p].next}`})}),(0,De.jsx)(rp,{className:i({"k-tabstrip-items-scroll":o&&f==="hidden"}),tabAlignment:M[m],orientation:N[p],...s&&{id:s},children:r}),o&&f==="end"&&(0,De.jsx)("span",{className:i("k-tabstrip-prev","k-button",w("k-button",{size:t,fillMode:b.flat}),"k-icon-button"),"aria-hidden":"true",children:(0,De.jsx)(L,{className:"k-button-icon",icon:`chevron-${S[p].prev}`})}),o&&(f==="around"\|\|f==="end")&&(0,De.jsx)("span",{className:i("k-tabstrip-next","k-button",w("k-button",{size:t,fillMode:b.flat}),"k-icon-button"),"aria-hidden":"true",children:(0,De.jsx)(L,{className:"k-button-icon",icon:`chevron-${S[p].next}`})}),g&&(0,De.jsx)("div",{className:"k-tabstrip-actions k-hstack",children:(0,De.jsx)(P,{className:"k-tabstrip-overflow-button",icon:"more-vertical",fillMode:"flat",size:t,showArrow:!1})})]}),p!=="bottom"&&a]})};Bt.states=sb;Bt.options=lb;Bt.className=Xt;Bt.defaultOptions=Qa;Bt.moduleName=Ui;Bt.folderName=dp;Bt.ariaSpec={selector:".k-tabstrip",rules:[{selector:".k-tabstrip-items",attribute:"role=tablist",usage:"Indicates the tablist role for the ul element."},{selector:".k-tabstrip.k-tabstrip-left .k-tabstrip-items,.k-tabstrip.k-tabstrip-right .k-tabstrip-items",attribute:"aria-orientation=vertical",usage:"Indicates the orientation when vertical."},{selector:".k-tabstrip-item",attribute:"role=tab",usage:"The tab li element."},{selector:".k-tabstrip .k-tabstrip-item.k-active",attribute:"aria-selected=true",usage:"Announces the selected state of the tab."},{selector:".k-tabstrip-content",attribute:"role=tabpanel",usage:"The content div of the tab."},{selector:".k-tabstrip .k-tabstrip-item.k-active",attribute:"aria-controls (when present)",usage:"Announces the relation between the panel and active tab. Only present when tab controls a specific panel."},{selector:".k-tabstrip-content",attribute:"aria-hidden=true (when not active)",usage:"Only if the component implements a feature to control whether the content should be persisted."},{selector:".k-tabstrip-content",attribute:"aria-labelledby (when present)",usage:"Refers to the tab element that controls the panel. Only present when panel has an associated tab."},{selector:".k-tabstrip-scrollable .k-button",attribute:"aria-hidden=true",usage:"Scroll buttons are hidden from assistive technologies."}]};var Pt=require("react/jsx-runtime"),Gi="k-tabstrip-item",pb=[l.active,l.hover,l.disabled,l.focus],db={},cp={iconPosition:"before"},dt=e=>{let{dragging:t,active:o,hover:a,focus:r,disabled:s,children:p,first:m,last:f,closable:h,icon:x,iconPosition:g=cp.iconPosition,value:u,actions:S,...N}=e;return(0,Pt.jsxs)("li",{...N,className:i(e.className,Gi,B(Gi,{hover:a,active:o,disabled:s,focus:r}),{"k-tabstrip-dragging":t,"k-first":m,"k-last":f}),role:"tab",...o&&{"aria-selected":"true"},...s&&{"aria-disabled":"true"},children:[(0,Pt.jsxs)("span",{className:"k-link",children:[x&&g==="before"&&(0,Pt.jsx)(L,{icon:x}),u&&(0,Pt.jsx)("span",{className:"k-link-text",children:u}),x&&g==="after"&&(0,Pt.jsx)(L,{icon:x})]}),(S\|\|h)&&(0,Pt.jsxs)("span",{className:"k-item-actions",children:[S,h&&(0,Pt.jsx)(d,{as:"span",className:"k-remove-tab",icon:"x",fillMode:"flat",size:"xsmall",title:"Close","aria-hidden":"true"})]}),p]})};dt.states=pb;dt.options=db;dt.className=Gi;dt.item=cp;var re=require("react/jsx-runtime"),mp="k-spreadsheet-sheets-bar",cb=[],mb={},ub=(0,re.jsxs)(re.Fragment,{children:[(0,re.jsx)(dt,{first:!0,active:!0,value:"Sheet 1",actions:(0,re.jsx)(P,{showArrow:!1,size:"small",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet1"),(0,re.jsx)(dt,{value:"Sheet 2",actions:(0,re.jsx)(P,{showArrow:!1,size:"small",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet2"),(0,re.jsx)(dt,{value:"Sheet 3",actions:(0,re.jsx)(P,{showArrow:!1,size:"small",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet3"),(0,re.jsx)(dt,{value:"Sheet 4",actions:(0,re.jsx)(P,{showArrow:!1,size:"small",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet4"),(0,re.jsx)(dt,{value:"Sheet 5",actions:(0,re.jsx)(P,{showArrow:!1,size:"small",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet5"),(0,re.jsx)(dt,{last:!0,value:"Sheet 6",actions:(0,re.jsx)(P,{showArrow:!1,size:"small",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet6")]}),up={tabStripItems:ub},Rt=e=>{let{tabStripItems:t=up.tabStripItems,...o}=e,a=K("spreadsheet-sheets");return(0,re.jsxs)("div",{...o,className:i(mp,e.className),children:[(0,re.jsx)(d,{className:"k-spreadsheet-sheet-add",fillMode:"flat",size:"small",icon:"plus","aria-label":"Add new sheet","aria-controls":a}),(0,re.jsx)(d,{className:"k-spreadsheet-sheets-menu",fillMode:"flat",size:"small",icon:"menu","aria-label":"Sheets menu","aria-controls":a}),(0,re.jsx)(Bt,{className:"k-spreadsheet-sheets",tabStripItems:t,tabStripItemsId:a,position:"bottom",scrollable:!0,scrollButtons:"end"})]})};Rt.states=cb;Rt.options=mb;Rt.className=mp;Rt.defaultOptions=up;var $=require("react/jsx-runtime"),fp="k-spreadsheet-column-header",fb=[],bb={},bp={configureSelection:{A:"partial"}},Jo=e=>{let{configureSelection:t=bp.configureSelection,...o}=e,a=[(0,$.jsx)("div",{style:{position:"absolute",left:"0px",width:"100px",height:"30px"},children:(0,$.jsx)("div",{className:"k-vertical-align-center",children:"A"})}),(0,$.jsx)("div",{style:{position:"absolute",left:"100px",width:"215px",height:"30px"},children:(0,$.jsx)("div",{className:"k-vertical-align-center",children:"B"})}),(0,$.jsx)("div",{style:{position:"absolute",left:"315px",width:"115px",height:"30px"},children:(0,$.jsx)("div",{className:"k-vertical-align-center",children:"C"})}),(0,$.jsx)("div",{style:{position:"absolute",left:"430px",width:"115px",height:"30px"},children:(0,$.jsx)("div",{className:"k-vertical-align-center",children:"D"})}),(0,$.jsx)("div",{style:{position:"absolute",left:"545px",width:"115px",height:"30px"},children:(0,$.jsx)("div",{className:"k-vertical-align-center",children:"E"})}),(0,$.jsx)("div",{style:{position:"absolute",left:"660px",width:"155px",height:"30px"},children:(0,$.jsx)("div",{className:"k-vertical-align-center",children:"F"})}),(0,$.jsx)("div",{style:{position:"absolute",left:"815px",width:"64px",height:"30px"},children:(0,$.jsx)("div",{className:"k-vertical-align-center",children:"G"})}),(0,$.jsx)("div",{style:{position:"absolute",left:"879px",width:"64px",height:"30px"},children:(0,$.jsx)("div",{className:"k-vertical-align-center",children:"H"})}),(0,$.jsx)("div",{style:{position:"absolute",left:"943px",width:"64px",height:"30px"},children:(0,$.jsx)("div",{className:"k-vertical-align-center",children:"I"})}),(0,$.jsx)("div",{style:{position:"absolute",left:"1007px",width:"64px",height:"30px"},children:(0,$.jsx)("div",{className:"k-vertical-align-center",children:"J"})}),(0,$.jsx)("div",{style:{position:"absolute",left:"1071px",width:"64px",height:"30px"},children:(0,$.jsx)("div",{className:"k-vertical-align-center",children:"K"})}),(0,$.jsx)("div",{style:{position:"absolute",left:"1135px",width:"64px",height:"30px"},children:(0,$.jsx)("div",{className:"k-vertical-align-center",children:"L"})})],s=t?((p,m)=>p.map((f,h)=>{let x=f.props.children.props.children;return(0,$.jsx)("div",{style:f.props.style,className:i({"k-selection-partial":m[x]==="partial","k-selection-full":m[x]==="full","k-selection-none":!m[x]}),children:f.props.children},h)}))(a,t):a;return(0,$.jsx)("div",{...o,className:i(fp,e.className),children:s})};Jo.states=fb;Jo.options=bb;Jo.className=fp;Jo.defaultOptions=bp;var F=require("react/jsx-runtime"),hp="k-spreadsheet-row-header",hb=[],xb={},xp={configureSelection:{1:"partial"}},qo=e=>{let{configureSelection:t=xp.configureSelection,...o}=e,a=[(0,F.jsx)("div",{style:{width:"30px",height:"70px"},children:(0,F.jsx)("div",{className:"k-vertical-align-center",children:"1"})}),(0,F.jsx)("div",{style:{width:"30px",height:"25px"},children:(0,F.jsx)("div",{className:"k-vertical-align-center",children:"2"})}),(0,F.jsx)("div",{style:{width:"30px",height:"30px"},children:(0,F.jsx)("div",{className:"k-vertical-align-center",children:"3"})}),(0,F.jsx)("div",{style:{width:"30px",height:"30px"},children:(0,F.jsx)("div",{className:"k-vertical-align-center",children:"4"})}),(0,F.jsx)("div",{style:{width:"30px",height:"30px"},children:(0,F.jsx)("div",{className:"k-vertical-align-center",children:"5"})}),(0,F.jsx)("div",{style:{width:"30px",height:"30px"},children:(0,F.jsx)("div",{className:"k-vertical-align-center",children:"6"})}),(0,F.jsx)("div",{style:{width:"30px",height:"30px"},children:(0,F.jsx)("div",{className:"k-vertical-align-center",children:"7"})}),(0,F.jsx)("div",{style:{width:"30px",height:"30px"},children:(0,F.jsx)("div",{className:"k-vertical-align-center",children:"8"})}),(0,F.jsx)("div",{style:{width:"30px",height:"30px"},children:(0,F.jsx)("div",{className:"k-vertical-align-center",children:"9"})}),(0,F.jsx)("div",{style:{width:"30px",height:"30px"},children:(0,F.jsx)("div",{className:"k-vertical-align-center",children:"10"})}),(0,F.jsx)("div",{style:{width:"30px",height:"30px"},children:(0,F.jsx)("div",{className:"k-vertical-align-center",children:"11"})}),(0,F.jsx)("div",{style:{width:"30px",height:"30px"},children:(0,F.jsx)("div",{className:"k-vertical-align-center",children:"12"})}),(0,F.jsx)("div",{style:{width:"30px",height:"30px"},children:(0,F.jsx)("div",{className:"k-vertical-align-center",children:"13"})})],s=t?((p,m)=>p.map((f,h)=>{let x=f.props.children.props.children;return(0,F.jsx)("div",{style:f.props.style,className:i({"k-selection-partial":m[x]==="partial","k-selection-full":m[x]==="full","k-selection-none":!m[x]}),children:f.props.children},h)}))(a,t):a;return(0,F.jsx)("div",{...o,className:i(hp,e.className),children:s})};qo.states=hb;qo.options=xb;qo.className=hp;qo.defaultOptions=xp;var vp=or(require("react"));var $i=require("react/jsx-runtime"),gp="k-spreadsheet-data",vb=[],gb={},kb={},Yo=e=>{let{activeCellIndex:t,...o}=e,r=t?((p,m)=>p.map((f,h)=>h===m?(0,$i.jsx)("div",{style:f.props.style,className:i(f.props.className,"k-spreadsheet-active-cell"),children:f.props.children},h):f))(hr,t):hr,s=[...xn,...r].map((p,m)=>p.key?p:vp.cloneElement(p,{key:m}));return(0,$i.jsx)("div",{...o,className:i(gp,e.className),children:s})};Yo.states=vb;Yo.options=gb;Yo.className=gp;Yo.defaultOptions=kb;var Sa="spreadsheet",Za=Sa;var Np=require("react/jsx-runtime"),kp="k-spreadsheet",Nb=[],Sb={},Lb={},rt=e=>{let{children:t,...o}=e;return(0,Np.jsx)("div",{...o,className:i(kp,e.className),role:"application",children:t})};rt.states=Nb;rt.options=Sb;rt.className=kp;rt.defaultOptions=Lb;rt.moduleName=Sa;rt.folderName=Za;rt.ariaSpec={selector:".k-spreadsheet",rules:[{selector:".k-spreadsheet",attribute:"role=application",usage:"Indicates the Spreadsheets' role as an application."},{selector:".k-spreadsheet-menu",attribute:"role=menubar",usage:"Follows Menu spec: announces the Menu menubar role."},{selector:".k-spreadsheet-menu .k-menu-item",attribute:"role=menuitem",usage:"Follows Menu spec: announces the Menu item role."},{selector:".k-spreadsheet-toolbar",attribute:"role=toolbar",usage:"Follows Toolbar spec: the component role."},{selector:".k-spreadsheet-toolbar",attribute:"aria-label or title",usage:"Each ToolBar must have a label specifying its purpose."},{selector:".k-spreadsheet-name-editor .k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Follows ComboBox spec: identifies the input as a combobox."},{selector:".k-spreadsheet-formula-bar .k-spreadsheet-formula-input",attribute:"role=combobox",usage:"The focusable element of the component should have role combobox (an input with popup)."},{selector:".k-spreadsheet-formula-bar .k-spreadsheet-formula-input",attribute:"aria-haspopup=menu",usage:"Specifies that the formula input opens a popup."},{selector:".k-spreadsheet-formula-bar .k-spreadsheet-formula-input",attribute:"aria-controls=.k-spreadsheet-formula-list id (when present)",usage:"Points to the formulas list with role menu. Signifies that the formula input element controls the popup."},{selector:".k-spreadsheet-formula-bar .k-spreadsheet-formula-input",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-spreadsheet-formula-bar .k-spreadsheet-formula-input",attribute:"title",usage:"The Formula input must have a title specifying its purpose."},{selector:".k-spreadsheet-formula-list",attribute:"id",usage:"Unique and deterministic id linked to the aria-controls attribute of the corresponding formula input."},{selector:".k-spreadsheet-formula-list",attribute:"role=menu",usage:"Announces the menu role of the popup."},{selector:".k-spreadsheet-formula-list .k-list-item",attribute:"role=menuitem",usage:"Announces the menuitem role of the popup items."},{selector:".k-spreadsheet-sheet-add",attribute:"role=button or nodeName=button",usage:"The add new sheet element is a button."},{selector:".k-spreadsheet-sheet-add",attribute:"aria-label or title",usage:"The add new sheet element must have a label as it does not have text content."},{selector:".k-spreadsheet-sheet-add",attribute:"aria-controls=.k-tabstrip-items id (when present)",usage:"Points to the ul element of the TabStrip that contains all tabs."},{selector:".k-spreadsheet-sheets-menu",attribute:"role=button or nodeName=button",usage:"Follows DropDownButton spec: omitted if the button DOM element is used."},{selector:".k-spreadsheet-sheets-menu",attribute:"aria-label or title",usage:"Follows DropDownButton spec: required when no text is visible."},{selector:".k-spreadsheet-sheets-menu",attribute:"aria-controls=.k-tabstrip-items id (when present)",usage:"Points to the ul element of the TabStrip that contains all tabs."},{selector:".k-spreadsheet-sheets .k-tabstrip-items",attribute:"role=tablist",usage:"Follows TabStrip spec: indicates the tablist role for the ul element."},{selector:".k-spreadsheet-sheets .k-tabstrip-item",attribute:"role=tab",usage:"Follows TabStrip spec: the tab li element."},{selector:".k-spreadsheet-sheets .k-tabstrip-item .k-menu-button",attribute:"aria-label or title",usage:"Follows DropDownButton spec: required when no text is visible in the tab menu button."}]};var Lp=require("react/jsx-runtime"),Sp="k-spreadsheet-legacy",yb=[],Mb={},Ab={},Qo=e=>{let{...t}=e;return(0,Lp.jsx)("div",{...t,className:i(e.className,Sp),children:e.children})};Qo.states=yb;Qo.options=Mb;Qo.className=Sp;Qo.defaultOptions=Ab;Qo.moduleName=Sa;Qo.folderName=Za;var ct=require("react/jsx-runtime"),yp=e=>(0,ct.jsx)(rt,{children:(0,ct.jsxs)(ct.Fragment,{children:[(0,ct.jsx)(Ct,{}),(0,ct.jsx)(Ot,{}),(0,ct.jsx)(mt,{selection:(0,ct.jsx)("div",{className:"k-spreadsheet-selection k-single-selection",style:{width:"880px",height:"71px",top:"30px",left:"30px"}}),rowHeaderSelection:{1:"partial"},columnHeaderSelection:{A:"partial",B:"partial",C:"partial",D:"partial",E:"partial",F:"partial",G:"partial"},activeCellIndex:0}),(0,ct.jsx)(Rt,{})]}),...e});var Vi=require("react/jsx-runtime");var Jt=require("react/jsx-runtime"),wb={},Ib=[],Tb=[],Eb={},Cb=[],Zo=()=>(0,Jt.jsxs)(yp,{style:{height:"415px",width:"80%"},children:[(0,Jt.jsx)(Ct,{}),(0,Jt.jsx)(Ot,{}),(0,Jt.jsx)(mt,{selection:(0,Jt.jsx)("div",{className:"k-spreadsheet-selection k-single-selection",style:{width:"101px",height:"31px",top:"125px",left:"30px"}}),rowHeaderSelection:{3:"partial"},columnHeaderSelection:{A:"partial"},activeCellIndex:8}),(0,Jt.jsx)(Rt,{})]});Zo.options=wb;Zo.states=Ib;Zo.variants=Tb;Zo.defaultOptions=Eb;Zo.modifiers=Cb;Zo.className=rt.className;var W=require("react/jsx-runtime"),Wi="k-spreadsheet-view",Ob=[],Bb={},Pb={},mt=e=>{let{selectionHighlight:t,rowHeaderSelection:o,columnHeaderSelection:a,cellEditor:r,activeCellIndex:s,selection:p,filter:m,...f}=e;return(0,W.jsxs)("div",{...f,className:i(Wi,e.className),children:[(0,W.jsxs)("div",{className:"k-spreadsheet-fixed-container",children:[(0,W.jsxs)("div",{style:{top:0,left:0,height:"100%",width:"100%"},className:"k-spreadsheet-pane k-top k-left",children:[(0,W.jsx)(Yo,{activeCellIndex:s,style:{position:"relative",left:"30px",top:"30px"}}),(0,W.jsx)("div",{className:"k-selection-wrapper",children:p}),(0,W.jsx)("div",{className:"k-auto-fill-wrapper"}),(0,W.jsx)("div",{className:"k-selection-wrapper",children:t}),(0,W.jsx)("div",{className:"k-filter-wrapper",children:m}),(0,W.jsx)(qo,{configureSelection:o,style:{width:"30px",top:"30px"}}),(0,W.jsx)(Jo,{configureSelection:a,style:{top:"0px",left:"30px",width:"1199px",height:"30px"}})]}),r,(0,W.jsx)("div",{style:{width:"30px",height:"30px"},className:"k-spreadsheet-top-corner"})]}),(0,W.jsx)("div",{className:"k-spreadsheet-scroller",children:(0,W.jsx)("div",{className:"k-spreadsheet-view-size",style:{height:"6080px",width:"3663px"}})}),(0,W.jsx)("div",{className:"k-spreadsheet-clipboard",children:(0,W.jsxs)("table",{style:{left:"0px",top:"0px",height:"30px",width:"100px"},className:"kendo-clipboard-eb8ea401-ab97-4190-8fb2-b3b83b299a9f",role:"presentation",children:[(0,W.jsx)("colgroup",{children:(0,W.jsx)("col",{style:{width:"100px"}})}),(0,W.jsx)("tbody",{children:(0,W.jsx)("tr",{style:{height:"30px"},children:(0,W.jsx)("td",{style:{backgroundColor:"rgb(255, 255, 255)",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",borderColor:"rgb(255, 255, 255)"},children:"216321"})})})]})}),!r&&(0,W.jsx)("div",{className:"k-spreadsheet-cell-editor k-spreadsheet-formula-input","data-role":"formulainput",style:{whiteSpace:"pre"},children:"216321"}),(0,W.jsx)(Ce,{content:"A1",style:{position:"absolute",display:"none"}}),(0,W.jsx)("div",{className:"k-list-group-sticky-header",style:{display:"none"}}),(0,W.jsx)("div",{className:"k-list-content k-list-scroller",unselectable:"on"})]})};mt.states=Ob;mt.options=Bb;mt.className=Wi;mt.defaultOptions=Pb;var Rb=mt;