@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
1 lines • 186 kB
JavaScript
var Ep=Object.create;var Aa=Object.defineProperty;var Cp=Object.getOwnPropertyDescriptor;var Op=Object.getOwnPropertyNames;var Bp=Object.getPrototypeOf,Pp=Object.prototype.hasOwnProperty;var Rp=(e,t)=>{for(var o in t)Aa(e,o,{get:t[o],enumerable:!0})},en=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of Op(t))!Pp.call(e,r)&&r!==o&&Aa(e,r,{get:()=>t[r],enumerable:!(a=Cp(t,r))||a.enumerable});return e};var sr=(e,t,o)=>(o=e!=null?Ep(Bp(e)):{},en(t||!e||!e.__esModule?Aa(o,"default",{value:e,enumerable:!0}):o,e)),Kp=e=>en(Aa({},"__esModule",{value:!0}),e);var Gb={};Rp(Gb,{SPREADSHEETVIEW_CLASSNAME:()=>Zi,SpreadsheetView:()=>mt,default:()=>Ub});module.exports=Kp(Gb);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 A=(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"}),T=(e,t)=>{let{valid:o,invalid:a,hover:r,focus:l,checked:p,active:m,selected:f,disabled:x,indeterminate:b,loading:g,empty:u,readonly:S,highlighted:k,...M}=t;return i({"k-valid":o,"k-invalid":a,"k-hover":r,"k-focus":l,"k-checked":p,"k-active":m,"k-selected":f,"k-disabled":x,"k-indeterminate":b&&!p,"k-loading":g,"k-empty":u,"k-readonly":S,"k-highlighted":k},Object.keys(M).reduce((I,w)=>(w.startsWith("k-")?I[w]=M[w]:I[`k-${w}`]=M[w],I),{}))};function tn(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"},h={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},ut={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},N={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},s={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"},on={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var lr={};function D(e){return lr[e]=(lr[e]||0)+1,`k-${e}-${lr[e]}`}var ta=require("react/jsx-runtime"),pr="k-font-icon",Dp=[],_p={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info]},zp={},oa=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:l,...p}=e;return a?(0,ta.jsx)("span",{...p,className:i(e.className,pr,A(pr,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true"}):(0,ta.jsx)(ta.Fragment,{})};oa.states=Dp;oa.options=_p;oa.className=pr;oa.defaultOptions=zp;var an=oa;var Qt=require("react/jsx-runtime"),dr="k-svg-icon",Hp=[],Fp={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info],variant:[ut.outline,ut.solid,ut.duotone]},cr={viewBox:"0 0 24 24",variant:ut.outline},aa=e=>{var g,u;let{size:t,themeColor:o,rotate:a,flip:r,viewBox:l=cr.viewBox,variant:p=cr.variant,icon:m,...f}=e;if(!m)return(0,Qt.jsx)(Qt.Fragment,{});if(m==="none")return(0,Qt.jsx)("span",{...f,className:i(e.className,dr,A("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let x=typeof m=="object"&&m.name&&m.name,b=typeof m=="object"?p&&((g=m.variants)==null?void 0:g[p])||((u=m.variants)==null?void 0:u.outline)||m.content:void 0;return(0,Qt.jsx)("span",{...f,className:i(e.className,dr,A("k-icon",{size:t}),{[`k-svg-i-${x}`]:x,[`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,Qt.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:l,dangerouslySetInnerHTML:b!==void 0?{__html:b}:void 0,children:m?void 0:e.children})})};aa.states=Hp;aa.options=Fp;aa.className=dr;aa.defaultOptions=cr;var mr=aa;var ur=sr(require("@progress/kendo-svg-icons"));var rn="icon",nn="icons";var pn=require("react");var sn=require("react"),ln=(0,sn.createContext)({iconsType:"svg"});var kt=require("react/jsx-runtime"),wa="k-icon",Up=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Gp=[],$p={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info],variant:[ut.outline,ut.solid,ut.duotone]},Ia={viewBox:"0 0 24 24",type:"svg",variant:ut.outline},L=e=>{let{iconsType:t}=(0,pn.useContext)(ln),{size:o,themeColor:a,icon:r,type:l=t||Ia.type,rotate:p,flip:m,viewBox:f=Ia.viewBox,variant:x=Ia.variant,...b}=e;if(!r)return(0,kt.jsx)(kt.Fragment,{});if((t||l)==="svg"){if(r==="none")return(0,kt.jsx)(mr,{...b,className:i(e.className,wa),icon:r,size:o,variant:x});let u=ur[r]?r:Up(`${r}-icon`);return ur[u]?(0,kt.jsx)(mr,{...b,className:i(e.className,wa),icon:ur[u],size:o,themeColor:a,rotate:p,flip:m,viewBox:f,variant:x}):(0,kt.jsx)(kt.Fragment,{})}return(0,kt.jsx)(an,{...b,className:i(e.className,wa),icon:r,size:o,themeColor:a,rotate:p,flip:m})};L.states=Gp;L.options=$p;L.defaultOptions=Ia;L.className=wa;L.moduleName=rn;L.folderName=nn;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 fr="tooltip",dn=fr;var Nt=require("react/jsx-runtime"),br="k-tooltip",Vp=[],Wp={themeColor:[N.undefined,N.base,N.inverse,N.info,N.success,N.warning,N.error]},cn={closable:!1},Oe=e=>{let{closable:t=cn.closable,callout:o,themeColor:a,title:r,content:l,icon:p,id:m=D("tooltip"),...f}=e;return(0,Nt.jsxs)("div",{...f,className:i(e.className,br,A(br,{themeColor:a}),{"k-tooltip-closable":t}),role:"tooltip",id:m,children:[p&&(0,Nt.jsx)(L,{className:"k-tooltip-icon",icon:p}),(0,Nt.jsxs)("div",{className:"k-tooltip-content",children:[r&&(0,Nt.jsx)("div",{className:"k-tooltip-title",children:r}),l]}),t&&(0,Nt.jsx)("div",{className:"k-tooltip-button",role:"button","aria-label":"Close",tabIndex:0,children:(0,Nt.jsx)(L,{icon:"x"})}),o&&(0,Nt.jsx)("div",{className:i("k-callout",{[`k-callout-${on.calloutMap[o]||o}`]:o})})]})};Oe.states=Vp;Oe.options=Wp;Oe.className=br;Oe.defaultOptions=cn;Oe.moduleName=fr;Oe.folderName=dn;Oe.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 hr=Oe;var un=require("react/jsx-runtime"),mn=e=>(0,un.jsx)(hr,{content:"Tooltip Content",...e});var Xp=require("react/jsx-runtime");var xr="popup",fn=xr;var gr=require("react/jsx-runtime"),bn="k-animation-container",Jp=[],qp={},vr={positionMode:"absolute",shown:!0},Ye=e=>{let{positionMode:t=vr.positionMode,shown:o=vr.shown,animationStyle:a,offset:r,...l}=e;return(0,gr.jsx)("div",{...l,style:{...r,...e.style},className:i(e.className,bn,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:(0,gr.jsx)("div",{className:"k-child-animation-container",style:a,children:e.children})})};Ye.states=Jp;Ye.options=qp;Ye.className=bn;Ye.defaultOptions=vr;Ye.moduleName=xr;Ye.folderName=fn;var kr="button",hn=kr;var $e=require("react/jsx-runtime"),ra="k-button",Yp=["icon-button"],Qp=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],Zp={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:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.inverse]},Nr={showArrow:!1,arrowIconName:"chevron-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:l,showArrow:p=Nr.showArrow,arrowIconName:m=Nr.arrowIconName,variant:f,hover:x,focus:b,active:g,selected:u,disabled:S,togglable:k,ariaDisabled:M,icon:I,iconSize:w,text:K,iconClassName:ie,className:Se,...Te}=e,Ee=I!=null,Ce=e.children!==void 0;return(0,$e.jsxs)(t,{className:i(Se,ra,tn(ra,f),A(ra,{size:o,rounded:a,fillMode:r,themeColor:l}),T(ra,{hover:x,focus:b,active:g,disabled:S||M,selected:u}),{"k-icon-button":!K&&!Ce&&Ee}),"aria-pressed":k?u?"true":"false":void 0,...Te,"aria-disabled":M?"true":void 0,disabled:S||void 0,children:[typeof I=="string"&&I&&(0,$e.jsx)(L,{className:i(ie,"k-button-icon"),icon:I,size:w}),I&&typeof I!="string"&&(0,$e.jsx)($e.Fragment,{children:I}),K?(0,$e.jsxs)($e.Fragment,{children:[K&&(0,$e.jsx)("span",{className:"k-button-text",children:K}),e.children]}):e.children&&(0,$e.jsx)("span",{className:"k-button-text",children:e.children}),p&&(0,$e.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,$e.jsx)(L,{icon:m})})]})};d.states=Qp;d.options=Zp;d.variants=Yp;d.className=ra;d.defaultOptions=Nr;d.moduleName=kr;d.folderName=hn;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 xn=require("react/jsx-runtime"),_t=e=>(0,xn.jsx)(d,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});var vn=require("react/jsx-runtime"),ia=e=>(0,vn.jsx)(d,{icon:"folder",children:"Button",...e});var gn=require("react/jsx-runtime"),Zt=e=>(0,gn.jsx)(d,{children:"Button",...e});var Ta=require("react/jsx-runtime"),jp=d.options,ed=d.states,td={...d.defaultOptions,variant:"text"},od=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ad=[],so=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,Ta.jsx)(_t,{...o,icon:"star"});case"icon-and-text":return(0,Ta.jsx)(ia,{...o,icon:"star",children:"Button"});default:return(0,Ta.jsx)(Zt,{...o,children:"Button"})}};so.options=jp;so.states=ed;so.variants=od;so.defaultOptions=td;so.modifiers=ad;so.className=d.className;var lo=require("react/jsx-runtime"),rd={...Oe.options,closable:{type:"boolean"},callout:["none","top","bottom","left","right"]},id=Oe.states,kn={...Oe.defaultOptions,callout:"top"},nd=[],po=e=>{let{callout:t="top",...o}={...kn,...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:l,calloutDirection:p}=a[t]||{};return(0,lo.jsxs)("div",{style:{position:"absolute"},children:[(0,lo.jsx)(Ye,{style:{top:r,left:l},children:(0,lo.jsx)(mn,{style:{width:"86px",textAlign:"center"},callout:p,content:"Content",...o})}),(0,lo.jsx)(d,{text:"Show"})]})};po.options=rd;po.states=id;po.variants=nd;po.defaultOptions=kn;po.modifiers=[];po.className=Oe.className;var n=require("react/jsx-runtime"),Sr=[(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"})],Nn=[(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 Lr="button",Sn=Lr;var Ln=require("react/jsx-runtime"),na="k-button-group",sd=[s.disabled],ld={fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},pd={},E=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return(0,Ln.jsx)("div",{role:"group",...r,className:i(e.className,na,A(na,{fillMode:t}),T(na,{disabled:o}),{[`${na}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};E.states=sd;E.options=ld;E.className=na;E.defaultOptions=pd;E.moduleName=Lr;E.folderName=Sn;E.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 yr=require("react/jsx-runtime");var Mr=require("react/jsx-runtime");var Ar=require("react/jsx-runtime");var wr=require("react/jsx-runtime");var Ir=require("react/jsx-runtime");var Tr=require("react/jsx-runtime");var ze=require("react/jsx-runtime"),dd={...d.options,...E.options},cd=d.states,md={...d.defaultOptions,...E.defaultOptions,variant:"text-button"},ud=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],fd=[],co=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,ze.jsxs)(E,{fillMode:a.fillMode,className:o,children:[(0,ze.jsx)(d,{...a,icon:"star"}),(0,ze.jsx)(d,{...a,icon:"star"}),(0,ze.jsx)(d,{...a,icon:"star"})]}):t==="icon-text-button"?(0,ze.jsxs)(E,{fillMode:a.fillMode,className:o,children:[(0,ze.jsx)(d,{...a,icon:"star",children:"First"}),(0,ze.jsx)(d,{...a,icon:"star",children:"Middle"}),(0,ze.jsx)(d,{...a,icon:"star",children:"Last"})]}):(0,ze.jsxs)(E,{fillMode:a.fillMode,className:o,children:[(0,ze.jsx)(d,{...a,children:"First"}),(0,ze.jsx)(d,{...a,children:"Middle"}),(0,ze.jsx)(d,{...a,children:"Last"})]})};co.options=dd;co.states=cd;co.variants=ud;co.defaultOptions=md;co.modifiers=fd;co.className=E.className;var sa="input",Ea=sa;var yn=require("react/jsx-runtime"),Ca="k-input",bd=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],hd={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},xd={},ne=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:l,loading:p,readonly:m,size:f,rounded:x,fillMode:b,...g}=e;return(0,yn.jsx)("span",{...g,className:i(e.className,Ca,A(Ca,{size:f,rounded:x,fillMode:b}),T(Ca,{hover:t,focus:o,disabled:a,invalid:r,valid:l,loading:p,readonly:m}))})};ne.states=bd;ne.options=hd;ne.className=Ca;ne.defaultOptions=xd;ne.moduleName=sa;ne.folderName=Ea;var Mn=require("react/jsx-runtime"),Oa="k-picker",vd=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],gd={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},kd={},ft=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:l,loading:p,readonly:m,size:f,rounded:x,fillMode:b,...g}=e;return(0,Mn.jsx)("span",{...g,className:i(e.className,Oa,A(Oa,{size:f,rounded:x,fillMode:b}),T(Oa,{hover:t,focus:o,disabled:a,invalid:r,valid:l,loading:p,readonly:m})),children:e.children})};ft.states=vd;ft.options=gd;ft.className=Oa;ft.defaultOptions=kd;ft.moduleName=sa;ft.folderName=Ea;var mo=require("react/jsx-runtime"),An="k-clear-value",Nd=[s.disabled,s.loading,s.readonl