UNPKG

@progress/kendo-themes-html

Version:

A collection of HTML helpers used for developing Kendo UI themes

1 lines 180 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 M=(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"}),I=(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:N,...y}=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":N},Object.keys(y).reduce((w,A)=>(A.startsWith("k-")?w[A]=y[A]:w[`k-${A}`]=y[A],w),{}))};function Ti(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"},Ye={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},k={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"},Ei={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var qa={};function R(e){return qa[e]=(qa[e]||0)+1,`k-${e}-${qa[e]}`}import{Fragment as Tl,jsx as Ci}from"react/jsx-runtime";var Ya="k-font-icon",Al=[],wl={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]},Il={},zo=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:l,...p}=e;return a?Ci("span",{...p,className:i(e.className,Ya,M(Ya,{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"}):Ci(Tl,{})};zo.states=Al;zo.options=wl;zo.className=Ya;zo.defaultOptions=Il;var Oi=zo;import{Fragment as Ol,jsx as ua}from"react/jsx-runtime";var Qa="k-svg-icon",El=[],Cl={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],variant:[Ye.outline,Ye.solid,Ye.duotone]},Za={viewBox:"0 0 24 24",variant:Ye.outline},Ho=e=>{let{size:t,themeColor:o,rotate:a,flip:r,viewBox:l=Za.viewBox,variant:p=Za.variant,icon:m,...f}=e;if(!m)return ua(Ol,{});if(m==="none")return ua("span",{...f,className:i(e.className,Qa,M("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let x=typeof m=="object"&&m.name&&m.name,b=typeof m=="object"?p&&m.variants?.[p]||m.variants?.outline||m.content:void 0;return ua("span",{...f,className:i(e.className,Qa,M("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:ua("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})})};Ho.states=El;Ho.options=Cl;Ho.className=Qa;Ho.defaultOptions=Za;var ja=Ho;import*as er from"@progress/kendo-svg-icons";var Bi="icon",Pi="icons";import{useContext as Pl}from"react";import{createContext as Bl}from"react";var Ri=Bl({iconsType:"svg"});import{Fragment as Ki,jsx as Fo}from"react/jsx-runtime";var fa="k-icon",Rl=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Kl=[],Dl={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],variant:[Ye.outline,Ye.solid,Ye.duotone]},ba={viewBox:"0 0 24 24",type:"svg",variant:Ye.outline},L=e=>{let{iconsType:t}=Pl(Ri),{size:o,themeColor:a,icon:r,type:l=t||ba.type,rotate:p,flip:m,viewBox:f=ba.viewBox,variant:x=ba.variant,...b}=e;if(!r)return Fo(Ki,{});if((t||l)==="svg"){if(r==="none")return Fo(ja,{...b,className:i(e.className,fa),icon:r,size:o,variant:x});let u=er[r]?r:Rl(`${r}-icon`);return er[u]?Fo(ja,{...b,className:i(e.className,fa),icon:er[u],size:o,themeColor:a,rotate:p,flip:m,viewBox:f,variant:x}):Fo(Ki,{})}return Fo(Oi,{...b,className:i(e.className,fa),icon:r,size:o,themeColor:a,rotate:p,flip:m})};L.states=Kl;L.options=Dl;L.defaultOptions=ba;L.className=fa;L.moduleName=Bi;L.folderName=Pi;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 tr="tooltip",Di=tr;import{jsx as Uo,jsxs as _i}from"react/jsx-runtime";var or="k-tooltip",_l=[],zl={themeColor:[k.undefined,k.base,k.inverse,k.info,k.success,k.warning,k.error]},zi={closable:!1},he=e=>{let{closable:t=zi.closable,callout:o,themeColor:a,title:r,content:l,icon:p,id:m=R("tooltip"),...f}=e;return _i("div",{...f,className:i(e.className,or,M(or,{themeColor:a}),{"k-tooltip-closable":t}),role:"tooltip",id:m,children:[p&&Uo(L,{className:"k-tooltip-icon",icon:p}),_i("div",{className:"k-tooltip-content",children:[r&&Uo("div",{className:"k-tooltip-title",children:r}),l]}),t&&Uo("div",{className:"k-tooltip-button",role:"button","aria-label":"Close",tabIndex:0,children:Uo(L,{icon:"x"})}),o&&Uo("div",{className:i("k-callout",{[`k-callout-${Ei.calloutMap[o]||o}`]:o})})]})};he.states=_l;he.options=zl;he.className=or;he.defaultOptions=zi;he.moduleName=tr;he.folderName=Di;he.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 ar=he;import{jsx as Hl}from"react/jsx-runtime";var Hi=e=>Hl(ar,{content:"Tooltip Content",...e});import{jsx as Sh}from"react/jsx-runtime";var rr="popup",Fi=rr;import{jsx as Ui}from"react/jsx-runtime";var Gi="k-animation-container",Fl=[],Ul={},ir={positionMode:"absolute",shown:!0},Be=e=>{let{positionMode:t=ir.positionMode,shown:o=ir.shown,animationStyle:a,offset:r,...l}=e;return Ui("div",{...l,style:{...r,...e.style},className:i(e.className,Gi,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:Ui("div",{className:"k-child-animation-container",style:a,children:e.children})})};Be.states=Fl;Be.options=Ul;Be.className=Gi;Be.defaultOptions=ir;Be.moduleName=rr;Be.folderName=Fi;var nr="button",$i=nr;import{Fragment as Vi,jsx as Xt,jsxs as Wi}from"react/jsx-runtime";var Go="k-button",Gl=["icon-button"],$l=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],Vl={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:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info,k.inverse]},sr={showArrow:!1,arrowIconName:"chevron-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:l,showArrow:p=sr.showArrow,arrowIconName:m=sr.arrowIconName,variant:f,hover:x,focus:b,active:g,selected:u,disabled:S,togglable:N,ariaDisabled:y,icon:w,iconSize:A,text:P,iconClassName:Z,className:de,...ue}=e,fe=w!=null,be=e.children!==void 0;return Wi(t,{className:i(de,Go,Ti(Go,f),M(Go,{size:o,rounded:a,fillMode:r,themeColor:l}),I(Go,{hover:x,focus:b,active:g,disabled:S||y,selected:u}),{"k-icon-button":!P&&!be&&fe}),"aria-pressed":N?u?"true":"false":void 0,...ue,"aria-disabled":y?"true":void 0,disabled:S||void 0,children:[typeof w=="string"&&w&&Xt(L,{className:i(Z,"k-button-icon"),icon:w,size:A}),w&&typeof w!="string"&&Xt(Vi,{children:w}),P?Wi(Vi,{children:[P&&Xt("span",{className:"k-button-text",children:P}),e.children]}):e.children&&Xt("span",{className:"k-button-text",children:e.children}),p&&Xt("span",{className:"k-menu-button-arrow k-button-arrow",children:Xt(L,{icon:m})})]})};d.states=$l;d.options=Vl;d.variants=Gl;d.className=Go;d.defaultOptions=sr;d.moduleName=nr;d.folderName=$i;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."}]};import{jsx as Wl}from"react/jsx-runtime";var vt=e=>Wl(d,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Xl}from"react/jsx-runtime";var $o=e=>Xl(d,{icon:"folder",children:"Button",...e});import{jsx as Jl}from"react/jsx-runtime";var Bt=e=>Jl(d,{children:"Button",...e});import{jsx as lr}from"react/jsx-runtime";var ql=d.options,Yl=d.states,Ql={...d.defaultOptions,variant:"text"},Zl=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],jl=[],Jt=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return lr(vt,{...o,icon:"star"});case"icon-and-text":return lr($o,{...o,icon:"star",children:"Button"});default:return lr(Bt,{...o,children:"Button"})}};Jt.options=ql;Jt.states=Yl;Jt.variants=Zl;Jt.defaultOptions=Ql;Jt.modifiers=jl;Jt.className=d.className;import{jsx as pr,jsxs as ap}from"react/jsx-runtime";var ep={...he.options,closable:{type:"boolean"},callout:["none","top","bottom","left","right"]},tp=he.states,Xi={...he.defaultOptions,callout:"top"},op=[],qt=e=>{let{callout:t="top",...o}={...Xi,...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 ap("div",{style:{position:"absolute"},children:[pr(Be,{style:{top:r,left:l},children:pr(Hi,{style:{width:"86px",textAlign:"center"},callout:p,content:"Content",...o})}),pr(d,{text:"Show"})]})};qt.options=ep;qt.states=tp;qt.variants=op;qt.defaultOptions=Xi;qt.modifiers=[];qt.className=he.className;import{jsx as n}from"react/jsx-runtime";var dr=[n("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:n("div",{className:"k-vertical-align-center",children:"Invoice #52 - 06/23/2015"})}),n("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:n("div",{className:"k-vertical-align-center",children:"ID"})}),n("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:n("div",{className:"k-vertical-align-center",children:"Product"})}),n("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:n("div",{className:"k-vertical-align-center",children:"Quantity"})}),n("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:n("div",{className:"k-vertical-align-center",children:"Price"})}),n("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:n("div",{className:"k-vertical-align-center",children:"Tax"})}),n("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:n("div",{className:"k-vertical-align-center",children:"Amount"})}),n("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"}),n("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:n("div",{className:"k-vertical-align-center",children:"216321"})}),n("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:n("div",{className:"k-vertical-align-center",children:"Calzone"})}),n("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:n("div",{className:"k-vertical-align-center",children:"1"})}),n("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:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$12.39"})})}),n("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:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$2.48"})})}),n("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:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$14.87"})})}),n("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"}),n("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:n("div",{className:"k-vertical-align-center",children:"546897"})}),n("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:n("div",{className:"k-vertical-align-center",children:"Margarita"})}),n("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:n("div",{className:"k-vertical-align-center",children:"2"})}),n("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:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$8.79"})})}),n("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:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$3.52"})})}),n("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:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$21.10"})})}),n("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"}),n("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:n("div",{className:"k-vertical-align-center",children:"456231"})}),n("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:n("div",{className:"k-vertical-align-center",children:"Pollo Formaggio"})}),n("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:n("div",{className:"k-vertical-align-center",children:"1"})}),n("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:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$13.99"})})}),n("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:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$2.80"})})}),n("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:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$16.79"})})}),n("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"}),n("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:n("div",{className:"k-vertical-align-center",children:"455873"})}),n("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:n("div",{className:"k-vertical-align-center",children:"Greek Salad"})}),n("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:n("div",{className:"k-vertical-align-center",children:"1"})}),n("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:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$9.49"})})}),n("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:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$1.90"})})}),n("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:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$11.39"})})}),n("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"}),n("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:n("div",{className:"k-vertical-align-center",children:"456892"})}),n("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:n("div",{className:"k-vertical-align-center",children:"Spinach and Blue Cheese"})}),n("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:n("div",{className:"k-vertical-align-center",children:"3"})}),n("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:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$11.49"})})}),n("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:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$6.89"})})}),n("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:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$41.36"})})}),n("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"}),n("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:n("div",{className:"k-vertical-align-center",children:"546564"})}),n("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:n("div",{className:"k-vertical-align-center",children:"Rigoletto"})}),n("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:n("div",{className:"k-vertical-align-center",children:"1"})}),n("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:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$10.99"})})}),n("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:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$2.20"})})}),n("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:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$13.19"})})}),n("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"}),n("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:n("div",{className:"k-vertical-align-center",children:"789455"})}),n("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:n("div",{className:"k-vertical-align-center",children:"Creme Brulee"})}),n("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:n("div",{className:"k-vertical-align-center",children:"5"})}),n("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:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$6.99"})})}),n("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:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$6.99"})})}),n("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:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$41.94"})})}),n("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"}),n("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:n("div",{className:"k-vertical-align-center",children:"123002"})}),n("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:n("div",{className:"k-vertical-align-center",children:"Radeberger Beer"})}),n("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:n("div",{className:"k-vertical-align-center",children:"4"})}),n("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:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$4.99"})})}),n("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:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$3.99"})})}),n("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:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$23.95"})})}),n("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"}),n("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:n("div",{className:"k-vertical-align-center",children:"564896"})}),n("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:n("div",{className:"k-vertical-align-center",children:"Budweiser Beer"})}),n("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:n("div",{className:"k-vertical-align-center",children:"3"})}),n("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:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$4.49"})})}),n("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:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$2.69"})})}),n("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:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$16.16"})})}),n("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"}),n("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"}),n("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"}),n("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"}),n("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"}),n("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"}),n("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"}),n("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"}),n("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"}),n("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"}),n("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"}),n("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"}),n("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"}),n("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"}),n("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"})],Ji=[n("div",{className:"k-spreadsheet-vaxis",style:{left:0,height:"405px"}}),n("div",{className:"k-spreadsheet-vaxis",style:{left:"100px",height:"405px"}}),n("div",{className:"k-spreadsheet-vaxis",style:{left:"315px",height:"405px"}}),n("div",{className:"k-spreadsheet-vaxis",style:{left:"430px",height:"405px"}}),n("div",{className:"k-spreadsheet-vaxis",style:{left:"545px",height:"405px"}}),n("div",{className:"k-spreadsheet-vaxis",style:{left:"660px",height:"405px"}}),n("div",{className:"k-spreadsheet-vaxis",style:{left:"815px",height:"405px"}}),n("div",{className:"k-spreadsheet-vaxis",style:{left:"879px",height:"405px"}}),n("div",{className:"k-spreadsheet-vaxis",style:{left:"943px",height:"405px"}}),n("div",{className:"k-spreadsheet-vaxis",style:{left:"1007px",height:"405px"}}),n("div",{className:"k-spreadsheet-vaxis",style:{left:"1071px",height:"405px"}}),n("div",{className:"k-spreadsheet-vaxis",style:{left:"1135px",height:"405px"}}),n("div",{className:"k-spreadsheet-vaxis",style:{left:"1199px",height:"405px"}}),n("div",{className:"k-spreadsheet-haxis",style:{top:"0px",width:"1199px"}}),n("div",{className:"k-spreadsheet-haxis",style:{top:"70px",width:"1199px"}}),n("div",{className:"k-spreadsheet-haxis",style:{top:"95px",width:"1199px"}}),n("div",{className:"k-spreadsheet-haxis",style:{top:"125px",width:"1199px"}}),n("div",{className:"k-spreadsheet-haxis",style:{top:"155px",width:"1199px"}}),n("div",{className:"k-spreadsheet-haxis",style:{top:"185px",width:"1199px"}}),n("div",{className:"k-spreadsheet-haxis",style:{top:"215px",width:"1199px"}}),n("div",{className:"k-spreadsheet-haxis",style:{top:"245px",width:"1199px"}}),n("div",{className:"k-spreadsheet-haxis",style:{top:"275px",width:"1199px"}}),n("div",{className:"k-spreadsheet-haxis",style:{top:"305px",width:"1199px"}}),n("div",{className:"k-spreadsheet-haxis",style:{top:"335px",width:"1199px"}}),n("div",{className:"k-spreadsheet-haxis",style:{top:"365px",width:"1199px"}}),n("div",{className:"k-spreadsheet-haxis",style:{top:"395px",width:"1199px"}}),n("div",{className:"k-spreadsheet-haxis",style:{top:"426px",width:"1199px"}}),n("div",{className:"k-spreadsheet-disabled-mask",style:{top:"1px",width:"878px",left:"1px",height:"69px"}})];var cr="button",qi=cr;import{jsx as sp}from"react/jsx-runtime";var Vo="k-button-group",rp=[s.disabled],ip={fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},np={},T=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return sp("div",{role:"group",...r,className:i(e.className,Vo,M(Vo,{fillMode:t}),I(Vo,{disabled:o}),{[`${Vo}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};T.states=rp;T.options=ip;T.className=Vo;T.defaultOptions=np;T.moduleName=cr;T.folderName=qi;T.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."}]};import{Fragment as Ix,jsx as wx,jsxs as Tx}from"react/jsx-runtime";import{Fragment as Rx,jsx as Px,jsxs as Kx}from"react/jsx-runtime";import{Fragment as Ux,jsx as Fx,jsxs as Gx}from"react/jsx-runtime";import{Fragment as qx,jsx as Jx,jsxs as Yx}from"react/jsx-runtime";import{Fragment as ov,jsx as tv,jsxs as av}from"react/jsx-runtime";import{Fragment as pv,jsx as lv,jsxs as dv}from"react/jsx-runtime";import{jsx as rt,jsxs as mr}from"react/jsx-runtime";var lp={...d.options,...T.options},pp=d.states,dp={...d.defaultOptions,...T.defaultOptions,variant:"text-button"},cp=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],mp=[],Yt=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?mr(T,{fillMode:a.fillMode,className:o,children:[rt(d,{...a,icon:"star"}),rt(d,{...a,icon:"star"}),rt(d,{...a,icon:"star"})]}):t==="icon-text-button"?mr(T,{fillMode:a.fillMode,className:o,children:[rt(d,{...a,icon:"star",children:"First"}),rt(d,{...a,icon:"star",children:"Middle"}),rt(d,{...a,icon:"star",children:"Last"})]}):mr(T,{fillMode:a.fillMode,className:o,children:[rt(d,{...a,children:"First"}),rt(d,{...a,children:"Middle"}),rt(d,{...a,children:"Last"})]})};Yt.options=lp;Yt.states=pp;Yt.variants=cp;Yt.defaultOptions=dp;Yt.modifiers=mp;Yt.className=T.className;var Wo="input",ha=Wo;import{jsx as hp}from"react/jsx-runtime";var xa="k-input",up=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],fp={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]},bp={},j=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 hp("span",{...g,className:i(e.className,xa,M(xa,{size:f,rounded:x,fillMode:b}),I(xa,{hover:t,focus:o,disabled:a,invalid:r,valid:l,loading:p,readonly:m}))})};j.states=up;j.options=fp;j.className=xa;j.defaultOptions=bp;j.moduleName=Wo;j.folderName=ha;import{jsx as kp}from"react/jsx-runtime";var va="k-picker",xp=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],vp={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]},gp={},Qe=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 kp("span",{...g,className:i(e.className,va,M(va,{size:f,rounded:x,fillMode:b}),I(va,{hover:t,focus:o,disabled:a,invalid:r,valid:l,loading:p,readonly:m})),children:e.children})};Qe.states=xp;Qe.options=vp;Qe.className=va;Qe.defaultOptions=gp;Qe.moduleName=Wo;Qe.folderName=ha;import{Fragment as Lp,jsx as ur}from"react/jsx-runtime";var Yi="k-clear-value",Np=[s.disabled,s.loading,s.readonly],Sp={},we=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t||a||o||!r?ur(Lp,{}):ur("span",{className:i(e.className,Yi),children:ur(L,{icon:"x"})})};we.states=Np;we.options=Sp;we.className=Yi;import{jsx as Ap}from"react/jsx-runtime";var fr="k-input-inner",yp=[],Mp={},ga={type:"text",autocomplete:"off",value:"",placeholder:""},Ie=e=>{let{value:t=ga.value,type:o=ga.type,placeholder:a=ga.placeholder,autocomplete:r=ga.autocomplete,disabled:l,readOnly:p,...m}=e;return Ap("input",{...m,type:o,className:i(e.className,fr,M(fr,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:l||void 0,readOnly:p||void 0})};Ie.states=yp;Ie.options=Mp;Ie.className=fr;import{jsx as Qi,jsxs as Tp}from"react/jsx-runtime";var br="k-input-inner",wp=[],Ip={},Pt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:l,...p}=e;return Tp("span",{...p,className:i(e.className,br,M(br,e)),children:[r,!r&&l&&Qi(L,{className:"k-input-value-icon",icon:l}),a&&!t&&o,a&&t&&Qi("span",{className:"k-input-value-text",children:t})]})};Pt.states=wp;Pt.options=Ip;Pt.className=br;import{jsx as Op}from"react/jsx-runtime";var hr="k-input-inner",Ep=[],Cp={},Zi={value:"",placeholder:""},xr=e=>{let{value:t=Zi.value,placeholder:o=Zi.placeholder,rows:a,disabled:r,...l}=e;return Op("textarea",{...l,className:i(e.className,hr,M(hr,e)),placeholder:o,rows:a,defaultValue:t,disabled:r||void 0})};xr.states=Ep;xr.options=Cp;xr.className=hr;import{Fragment as Pp,jsx as ji}from"react/jsx-runtime";var en="k-input-loading-icon",Bp=[s.disabled,s.loading],ye=e=>{let{disabled:t,loading:o}=e;return t||!o?ji(Pp,{}):ji("span",{className:i(e.className,en,"k-icon k-i-loading")})};ye.states=Bp;ye.className=en;import{Fragment as Dp,jsx as tn}from"react/jsx-runtime";var on="k-input-validation-icon",Rp=[s.valid,s.invalid,s.disabled,s.loading],Kp={},xe=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,l=o?"warning-circle":"check-circle";return a||r||!!!(t||o)?tn(Dp,{}):tn(L,{className:i(on),icon:l})};xe.states=Rp;xe.options=Kp;xe.className=on;import{Fragment as Hp,jsx as an}from"react/jsx-runtime";var _p="k-input-prefix",zp={direction:"horizontal"},Pe=e=>{let{direction:t=zp.direction,...o}=e;return e.children?an("span",{...o,className:i(_p,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):an(Hp,{})};import{Fragment as Gp,jsx as rn}from"react/jsx-runtime";var Fp="