UNPKG

@progress/kendo-themes-html

Version:

A collection of HTML helpers used for developing Kendo UI themes

1 lines 322 kB
var vR=Object.create;var Pp=Object.defineProperty;var TR=Object.getOwnPropertyDescriptor;var yR=Object.getOwnPropertyNames;var ER=Object.getPrototypeOf,CR=Object.prototype.hasOwnProperty;var MR=(e,t)=>{for(var a in t)Pp(e,a,{get:t[a],enumerable:!0})},wN=(e,t,a,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of yR(t))!CR.call(e,s)&&s!==a&&Pp(e,s,{get:()=>t[s],enumerable:!(l=TR(t,s))||l.enumerable});return e};var LN=(e,t,a)=>(a=e!=null?vR(ER(e)):{},wN(t||!e||!e.__esModule?Pp(a,"default",{value:e,enumerable:!0}):a,e)),wR=e=>wN(Pp({},"__esModule",{value:!0}),e);var eJ={};MR(eJ,{SPREADSHEETVIEW_CLASSNAME:()=>MN,SpreadsheetView:()=>hi,default:()=>$Z});module.exports=wR(eJ);var o=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?o(...t):typeof t=="object"?Object.keys(t).map((a,l)=>t[l]||t[a]&&a||null).filter(a=>a!==null).join(" "):t).filter(t=>!!t).join(" ");var C=(e,t)=>o({[`${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.fillMode}-${t.themeColor}`]:t.fillMode&&t.themeColor},{[`${e}-${t.themeColor}`]:t.themeColor&&t.fillMode===void 0},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full"}),h=(e,t)=>{let{valid:a,invalid:l,hover:s,focus:i,checked:n,active:p,selected:m,disabled:f,indeterminate:A,loading:v,empty:b,readonly:y,highlighted:E,...M}=t;return o({"k-valid":a,"k-invalid":l,"k-hover":s,"k-focus":i,"k-checked":n,"k-active":p,"k-selected":m,"k-disabled":f,"k-indeterminate":A&&!n,"k-loading":v,"k-empty":b,"k-readonly":y,"k-highlighted":E},Object.keys(M).reduce((L,I)=>(I.startsWith("k-")?L[I]=M[I]:L[`k-${I}`]=M[I],L),{}))};function Dp(e,t){if(!t)return{};let a=Array.isArray(t)?t:[t];return Object.fromEntries(a.map(l=>[`k-${l}`,!0]))}var d={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},x={small:"small",medium:"medium",large:"large",full:"full"},N={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},u={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},r={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"},go={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var bd=require("react/jsx-runtime"),Eu="k-font-icon",LR=[],SR={size:[d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.light,u.dark]},IR={},Nd=e=>{let{size:t,themeColor:a,icon:l,rotate:s,flip:i,...n}=e;return l?(0,bd.jsx)("span",{...n,className:o(e.className,Eu,C(Eu,{size:t}),{[`k-i-${l}`]:l,[`k-color-${a}`]:a,[`k-rotate-${s}`]:s,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"})}):(0,bd.jsx)(bd.Fragment,{})};Nd.states=LR;Nd.options=SR;Nd.className=Eu;Nd.defaultOptions=IR;var SN=Nd;var is=require("react/jsx-runtime"),Cu="k-svg-icon",BR=[],PR={size:[d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.light,u.dark]},IN={viewBox:"0 0 24 24"},Ad=e=>{let{size:t,themeColor:a,rotate:l,flip:s,viewBox:i=IN.viewBox,icon:n,...p}=e;if(!n)return(0,is.jsx)(is.Fragment,{});n==="none"&&{...p,className:o(e.className,Cu,"k-none")};let m=typeof n=="object"&&n.name&&n.name;return(0,is.jsx)("span",{...p,className:o(e.className,Cu,C("k-icon",{size:t}),{[`k-svg-i-${m}`]:m,[`k-color-${a}`]:a,[`k-rotate-${l}`]:l,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),children:(0,is.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof n=="object"?n.viewBox:i,dangerouslySetInnerHTML:typeof n=="object"?{__html:n.content}:void 0,children:n?void 0:e.children})})};Ad.states=BR;Ad.options=PR;Ad.className=Cu;Ad.defaultOptions=IN;var Mu=Ad;var wu=LN(require("@progress/kendo-svg-icons"));var BN="icon",PN="icons";var El=require("react/jsx-runtime"),Rp="k-icon",DR=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),RR=[],KR={size:[d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.light,u.dark]},Lu={viewBox:"0 0 24 24",type:"svg"},g=e=>{let{size:t,themeColor:a,icon:l,type:s=Lu.type,rotate:i,flip:n,viewBox:p=Lu.viewBox,...m}=e;if(!l)return(0,El.jsx)(El.Fragment,{});if(s==="svg"){if(l==="none")return(0,El.jsx)(Mu,{...m,className:o(e.className,Rp),icon:l,size:t});let f=wu[l]?l:DR(`${l}-icon`);return wu[f]?(0,El.jsx)(Mu,{...m,className:o(e.className,Rp),icon:wu[f],size:t,themeColor:a,rotate:i,flip:n,viewBox:p}):(0,El.jsx)(El.Fragment,{})}return(0,El.jsx)(SN,{...m,className:o(e.className,Rp),icon:l,size:t,themeColor:a,rotate:i,flip:n})};g.states=RR;g.options=KR;g.defaultOptions=Lu;g.className=Rp;g.moduleName=BN;g.folderName=PN;var Su=g;var Iu="tooltip",DN=Iu;var Cl=require("react/jsx-runtime"),Bu="k-tooltip",YR=[],OR={themeColor:[u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.light,u.dark,u.inverse]},RN={closable:!1},tr=e=>{let{closable:t=RN.closable,callout:a,themeColor:l,title:s,content:i,icon:n,...p}=e;return(0,Cl.jsxs)("div",{...p,className:o(e.className,Bu,C(Bu,{themeColor:l}),{"k-tooltip-closable":t}),children:[n&&(0,Cl.jsx)(g,{className:"k-tooltip-icon",icon:n}),(0,Cl.jsxs)("div",{className:"k-tooltip-content",children:[s&&(0,Cl.jsx)("div",{className:"k-tooltip-title",children:s}),i]}),t&&(0,Cl.jsx)("div",{className:"k-tooltip-button",children:(0,Cl.jsx)(g,{icon:"x"})}),a&&(0,Cl.jsx)("div",{className:o("k-callout",{[`k-callout-${go.calloutMap[a]||a}`]:a})})]})};tr.states=YR;tr.options=OR;tr.className=Bu;tr.defaultOptions=RN;tr.moduleName=Iu;tr.folderName=DN;var FR=require("react/jsx-runtime");var GR=require("react/jsx-runtime");var k=require("react/jsx-runtime"),Pu=[(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:"Invoice #52 - 06/23/2015"})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:"ID"})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:"Product"})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:"Quantity"})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:"Price"})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:"Tax"})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:"Amount"})}),(0,k.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,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:"216321"})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:"Calzone"})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:"1"})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:(0,k.jsx)("span",{children:"$12.39"})})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:(0,k.jsx)("span",{children:"$2.48"})})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:(0,k.jsx)("span",{children:"$14.87"})})}),(0,k.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,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:"546897"})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:"Margarita"})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:"2"})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:(0,k.jsx)("span",{children:"$8.79"})})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:(0,k.jsx)("span",{children:"$3.52"})})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:(0,k.jsx)("span",{children:"$21.10"})})}),(0,k.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,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:"456231"})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:"Pollo Formaggio"})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:"1"})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:(0,k.jsx)("span",{children:"$13.99"})})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:(0,k.jsx)("span",{children:"$2.80"})})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:(0,k.jsx)("span",{children:"$16.79"})})}),(0,k.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,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:"455873"})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:"Greek Salad"})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:"1"})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:(0,k.jsx)("span",{children:"$9.49"})})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:(0,k.jsx)("span",{children:"$1.90"})})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:(0,k.jsx)("span",{children:"$11.39"})})}),(0,k.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,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:"456892"})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:"Spinach and Blue Cheese"})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:"3"})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:(0,k.jsx)("span",{children:"$11.49"})})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:(0,k.jsx)("span",{children:"$6.89"})})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:(0,k.jsx)("span",{children:"$41.36"})})}),(0,k.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,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:"546564"})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:"Rigoletto"})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:"1"})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:(0,k.jsx)("span",{children:"$10.99"})})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:(0,k.jsx)("span",{children:"$2.20"})})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:(0,k.jsx)("span",{children:"$13.19"})})}),(0,k.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,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:"789455"})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:"Creme Brulee"})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:"5"})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:(0,k.jsx)("span",{children:"$6.99"})})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:(0,k.jsx)("span",{children:"$6.99"})})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:(0,k.jsx)("span",{children:"$41.94"})})}),(0,k.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,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:"123002"})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:"Radeberger Beer"})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:"4"})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:(0,k.jsx)("span",{children:"$4.99"})})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:(0,k.jsx)("span",{children:"$3.99"})})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:(0,k.jsx)("span",{children:"$23.95"})})}),(0,k.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,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:"564896"})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:"Budweiser Beer"})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:"3"})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:(0,k.jsx)("span",{children:"$4.49"})})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:(0,k.jsx)("span",{children:"$2.69"})})}),(0,k.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,k.jsx)("div",{className:"k-vertical-align-center",children:(0,k.jsx)("span",{children:"$16.16"})})}),(0,k.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,k.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,k.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,k.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,k.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,k.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,k.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,k.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,k.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,k.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,k.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,k.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,k.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,k.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,k.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"})],KN=[(0,k.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:0,height:"405px"}}),(0,k.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"100px",height:"405px"}}),(0,k.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"315px",height:"405px"}}),(0,k.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"430px",height:"405px"}}),(0,k.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"545px",height:"405px"}}),(0,k.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"660px",height:"405px"}}),(0,k.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"815px",height:"405px"}}),(0,k.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"879px",height:"405px"}}),(0,k.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"943px",height:"405px"}}),(0,k.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"1007px",height:"405px"}}),(0,k.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"1071px",height:"405px"}}),(0,k.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"1135px",height:"405px"}}),(0,k.jsx)("div",{className:"k-spreadsheet-vaxis",style:{left:"1199px",height:"405px"}}),(0,k.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"0px",width:"1199px"}}),(0,k.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"70px",width:"1199px"}}),(0,k.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"95px",width:"1199px"}}),(0,k.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"125px",width:"1199px"}}),(0,k.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"155px",width:"1199px"}}),(0,k.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"185px",width:"1199px"}}),(0,k.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"215px",width:"1199px"}}),(0,k.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"245px",width:"1199px"}}),(0,k.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"275px",width:"1199px"}}),(0,k.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"305px",width:"1199px"}}),(0,k.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"335px",width:"1199px"}}),(0,k.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"365px",width:"1199px"}}),(0,k.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"395px",width:"1199px"}}),(0,k.jsx)("div",{className:"k-spreadsheet-haxis",style:{top:"426px",width:"1199px"}}),(0,k.jsx)("div",{className:"k-spreadsheet-disabled-mask",style:{top:"1px",width:"878px",left:"1px",height:"69px"}})];var Du="button",YN=Du;var pa=require("react/jsx-runtime"),vd="k-button",zR=["icon-button"],WR=[r.hover,r.focus,r.active,r.selected,r.disabled,r.generating],QR={size:[d.small,d.medium,d.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.light,u.dark,u.inverse]},ns={size:d.medium,rounded:x.medium,fillMode:N.solid,themeColor:u.base,showArrow:!1,arrowIconName:"caret-alt-down"},c=e=>{let{size:t=ns.size,rounded:a=ns.rounded,fillMode:l=ns.fillMode,themeColor:s=ns.themeColor,showArrow:i=ns.showArrow,arrowIconName:n=ns.arrowIconName,variant:p,hover:m,focus:f,active:A,selected:v,disabled:b,icon:y,text:E,iconClassName:M,...L}=e,I=y!==void 0,D=e.children!==void 0;return(0,pa.jsxs)("button",{...L,className:o(e.className,vd,Dp(vd,p),C(vd,{size:t,rounded:a,fillMode:l,themeColor:s}),h(vd,{hover:m,focus:f,active:A,disabled:b,selected:v}),{"k-icon-button":!E&&!D&&I}),children:[y&&(0,pa.jsx)(g,{className:o(M,"k-button-icon"),icon:y}),E?(0,pa.jsxs)(pa.Fragment,{children:[E&&(0,pa.jsx)("span",{className:"k-button-text",children:E}),e.children]}):e.children&&(0,pa.jsx)("span",{className:"k-button-text",children:e.children}),i&&(0,pa.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,pa.jsx)(g,{icon:n})})]})};c.states=WR;c.options=QR;c.variants=zR;c.className=vd;c.defaultOptions=ns;c.moduleName=Du;c.folderName=YN;var ON=require("react/jsx-runtime"),it=e=>(0,ON.jsx)(c,{icon:"folder",...e,children:void 0});var HN=require("react/jsx-runtime"),ma=e=>(0,HN.jsx)(c,{icon:"folder",children:"Button",...e});var VR=require("react/jsx-runtime");var Ru="button",FN=Ru;var zN=require("react/jsx-runtime"),Td="k-button-group",XR=[r.disabled],ZR={fillMode:[N.solid,N.flat,N.outline,N.clear,N.link]},GN={fillMode:N.solid},P=e=>{let{fillMode:t=GN.fillMode,disabled:a,stretched:l,...s}=e;return(0,zN.jsx)("div",{...s,className:o(e.className,Td,C(Td,{fillMode:t}),h(Td,{disabled:a}),{[`${Td}-stretched`]:l}),children:e.children})};P.states=XR;P.options=ZR;P.className=Td;P.defaultOptions=GN;P.moduleName=Ru;P.folderName=FN;var Ku=require("react/jsx-runtime");var Yu=require("react/jsx-runtime");var Ou=require("react/jsx-runtime");var Hu=require("react/jsx-runtime");var yd="input",Kp=yd;var WN=require("react/jsx-runtime"),Yp="k-input",JR=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],UR={size:[d.small,d.medium,d.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[N.solid,N.flat,N.outline]},Op={size:d.medium,rounded:d.medium,fillMode:N.solid},S=e=>{let{hover:t,focus:a,disabled:l,invalid:s,valid:i,loading:n,readonly:p,size:m=Op.size,rounded:f=Op.rounded,fillMode:A=Op.fillMode,...v}=e;return(0,WN.jsx)("span",{...v,className:o(e.className,Yp,C(Yp,{size:m,rounded:f,fillMode:A}),h(Yp,{hover:t,focus:a,disabled:l,invalid:s,valid:i,loading:n,readonly:p}))})};S.states=JR;S.options=UR;S.className=Yp;S.defaultOptions=Op;S.moduleName=yd;S.folderName=Kp;var QN=require("react/jsx-runtime"),Hp="k-picker",jR=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],qR={size:[d.small,d.medium,d.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[N.solid,N.flat,N.outline]},Fp={size:d.medium,rounded:x.medium,fillMode:N.solid},Zt=e=>{let{hover:t,focus:a,disabled:l,invalid:s,valid:i,loading:n,readonly:p,size:m=Fp.size,rounded:f=Fp.rounded,fillMode:A=Fp.fillMode,...v}=e;return(0,QN.jsx)("span",{...v,className:o(e.className,Hp,C(Hp,{size:m,rounded:f,fillMode:A}),h(Hp,{hover:t,focus:a,disabled:l,invalid:s,valid:i,loading:n,readonly:p})),children:e.children})};Zt.states=jR;Zt.options=qR;Zt.className=Hp;Zt.defaultOptions=Fp;Zt.moduleName=yd;Zt.folderName=Kp;var gi=require("react/jsx-runtime"),VN="k-clear-value",_R=[r.disabled,r.loading,r.readonly],$R={},se=e=>{let{disabled:t,loading:a,readonly:l,value:s}=e;return t||l||a||!s?(0,gi.jsx)(gi.Fragment,{}):(0,gi.jsx)("span",{className:o(e.className,VN),children:(0,gi.jsx)(g,{icon:"x"})})};se.states=_R;se.options=$R;se.className=VN;var XN=require("react/jsx-runtime"),Fu="k-input-inner",eK=[],tK={},Gp={type:"text",autocomplete:"off",value:"",placeholder:""},fe=e=>{let{value:t=Gp.value,type:a=Gp.type,placeholder:l=Gp.placeholder,autocomplete:s=Gp.autocomplete,...i}=e;return(0,XN.jsx)("input",{...i,type:a,className:o(e.className,Fu,C(Fu,e)),placeholder:l,autoComplete:s,defaultValue:t})};fe.states=eK;fe.options=tK;fe.className=Fu;var Ed=require("react/jsx-runtime"),Gu="k-input-inner",oK=[],aK={},Ml=e=>{let{value:t,placeholder:a,showValue:l,valueIcon:s,valueIconName:i,...n}=e;return(0,Ed.jsxs)("span",{...n,className:o(e.className,Gu,C(Gu,e)),children:[s,!s&&i&&(0,Ed.jsx)(g,{className:"k-input-value-icon",icon:i}),l&&!t&&a,l&&t&&(0,Ed.jsx)("span",{className:"k-input-value-text",children:t})]})};Ml.states=oK;Ml.options=aK;Ml.className=Gu;var JN=require("react/jsx-runtime"),zu="k-input-inner",lK=[],rK={},ZN={value:"",placeholder:""},Cd=e=>{let{value:t=ZN.value,placeholder:a=ZN.placeholder,rows:l,...s}=e;return(0,JN.jsx)("textarea",{...s,className:o(e.className,zu,C(zu,e)),placeholder:a,rows:l,defaultValue:t})};Cd.states=lK;Cd.options=rK;Cd.className=zu;var Md=require("react/jsx-runtime"),UN="k-input-loading-icon",sK=[r.disabled,r.loading],ee=e=>{let{disabled:t,loading:a}=e;return t||!a?(0,Md.jsx)(Md.Fragment,{}):(0,Md.jsx)("span",{className:o(e.className,UN,"k-icon k-i-loading")})};ee.states=sK;ee.className=UN;var wd=require("react/jsx-runtime"),jN="k-input-validation-icon",iK=[r.valid,r.invalid,r.disabled,r.loading],nK={},_=e=>{let{valid:t,invalid:a,disabled:l,loading:s}=e,i=a?"warning-circle":"check-circle";return l||s||!!!(t||a)?(0,wd.jsx)(wd.Fragment,{}):(0,wd.jsx)(g,{className:o(jN),icon:i})};_.states=iK;_.options=nK;_.className=jN;var Ld=require("react/jsx-runtime"),dK="k-input-prefix",cK={direction:"horizontal"},ae=e=>{let{direction:t=cK.direction,...a}=e;return e.children?(0,Ld.jsx)("span",{...a,className:o(dK,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,Ld.jsx)(Ld.Fragment,{})};var Sd=require("react/jsx-runtime"),pK="k-input-suffix",mK={direction:"horizontal"},le=e=>{let{direction:t=mK.direction,...a}=e;return e.children?(0,Sd.jsx)("span",{...a,className:o(pK,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,Sd.jsx)(Sd.Fragment,{})};var uK=require("react/jsx-runtime");var fK=require("react/jsx-runtime");var _N=require("react/jsx-runtime"),qN="k-input-separator",kK={direction:"vertical"},Ke=e=>{let{direction:t=kK.direction,...a}=e;return(0,_N.jsx)("span",{...a,className:o(qN,e.className,{[`${qN}-${t}`]:t})})};var Id=require("react/jsx-runtime"),$N="k-color-preview",hK=[],xK={},or=e=>{let{color:t,iconName:a,...l}=e;return(0,Id.jsxs)("span",{...l,className:o(e.className,$N,{"k-icon-color-preview":a,"k-no-color":!t}),children:[a&&(0,Id.jsx)(g,{icon:a,className:"k-color-preview-icon"}),(0,Id.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};or.states=hK;or.options=xK;or.className=$N;var Wu="popup",eA=Wu;var Qu=require("react/jsx-runtime"),tA="k-animation-container",gK=[],bK={},oA={positionMode:"absolute"},La=e=>{let{positionMode:t=oA.positionMode,animationStyle:a,offset:l,...s}=e;return(0,Qu.jsx)("div",{...s,style:{...l,...e.style},className:o(e.className,tA,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,Qu.jsx)("div",{className:"k-child-animation-container",style:a,children:e.children})})};La.states=gK;La.options=bK;La.className=tA;La.defaultOptions=oA;La.moduleName=Wu;La.folderName=eA;var Vu="popup",aA=Vu;var Xu=require("react/jsx-runtime"),lA="k-popup",NK=[],AK={},rA={positionMode:"absolute"},z=e=>{let{offset:t,positionMode:a=rA.positionMode,animationStyle:l,...s}=e;return(0,Xu.jsx)(La,{positionMode:a,offset:t,animationStyle:l,children:(0,Xu.jsx)("div",{...s,className:o(e.className,lA),children:e.children})})};z.states=NK;z.options=AK;z.className=lA;z.defaultOptions=rA;z.moduleName=Vu;z.folderName=aA;var Zu="action-buttons",sA=Zu;var nA=require("react/jsx-runtime"),zp="k-actions",vK=[],TK={},Ju={alignment:"start",orientation:"horizontal"},J=e=>{let{alignment:t=Ju.alignment,orientation:a=Ju.orientation,...l}=e;return(0,nA.jsx)("div",{...l,className:o(zp,{[`${zp}-${t}`]:t,[`${zp}-${a}`]:a},e.className),children:e.children})};J.states=vK;J.options=TK;J.className=zp;J.defaultOptions=Ju;J.moduleName=Zu;J.folderName=sA;var iA=J;var cA=require("react/jsx-runtime"),yK="k-actionsheet-footer",dA={alignment:"stretched",orientation:"horizontal"},ua=e=>{let{alignment:t=dA.alignment,orientation:a=dA.orientation,template:l,as:s=l?"div":J,...i}=e;return(0,cA.jsx)(s,{...i,...!l&&{alignment:t,orientation:a},className:o(e.className,yK),children:e.children})};var Uu="searchbox",pA=Uu;var ar=require("react/jsx-runtime"),mA="k-searchbox",EK=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading],CK={size:[d.small,d.medium,d.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[N.solid,N.flat,N.outline]},ju={showIcon:!0,icon:"search",size:S.defaultOptions.size,rounded:S.defaultOptions.rounded,fillMode:S.defaultOptions.fillMode},nt=e=>{let{value:t,placeholder:a,size:l,rounded:s,fillMode:i,hover:n,focus:p,valid:m,invalid:f,required:A,loading:v,disabled:b,showIcon:y=ju.showIcon,icon:E=ju.icon,...M}=e;return(0,ar.jsxs)(S,{...M,size:l,rounded:s,fillMode:i,hover:n,focus:p,valid:m,invalid:f,required:A,loading:v,disabled:b,className:o(e.className,mA),children:[y&&(0,ar.jsx)(g,{className:"k-input-icon",icon:E}),(0,ar.jsx)(fe,{placeholder:a,value:t}),(0,ar.jsx)(ee,{...e}),(0,ar.jsx)(_,{...e}),(0,ar.jsx)(se,{...e})]})};nt.states=EK;nt.options=CK;nt.className=mA;nt.defaultOptions=ju;nt.moduleName=Uu;nt.folderName=pA;var MK=require("react/jsx-runtime");var qu="textbox",uA=qu;var Ht=require("react/jsx-runtime"),fA="k-textbox",wK=[r.hover,r.focus,r.valid,r.in