@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
1 lines • 319 kB
JavaScript
var o=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?o(...t):typeof t=="object"?Object.keys(t).map((a,r)=>t[r]||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:r,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":r,"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((w,I)=>(I.startsWith("k-")?w[I]=M[I]:w[`k-${I}`]=M[I],w),{}))};function Wc(e,t){if(!t)return{};let a=Array.isArray(t)?t:[t];return Object.fromEntries(a.map(r=>[`k-${r}`,!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"},l={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"},Qt={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};import{Fragment as FM,jsx as Zx}from"react/jsx-runtime";var au="k-font-icon",YM=[],OM={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]},HM={},xn=e=>{let{size:t,themeColor:a,icon:r,rotate:s,flip:i,...n}=e;return r?Zx("span",{...n,className:o(e.className,au,C(au,{size:t}),{[`k-i-${r}`]:r,[`k-color-${a}`]:a,[`k-rotate-${s}`]:s,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"})}):Zx(FM,{})};xn.states=YM;xn.options=OM;xn.className=au;xn.defaultOptions=HM;var Jx=xn;import{Fragment as WM,jsx as Qc}from"react/jsx-runtime";var lu="k-svg-icon",GM=[],zM={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]},Ux={viewBox:"0 0 24 24"},gn=e=>{let{size:t,themeColor:a,rotate:r,flip:s,viewBox:i=Ux.viewBox,icon:n,...p}=e;if(!n)return Qc(WM,{});n==="none"&&{...p,className:o(e.className,lu,"k-none")};let m=typeof n=="object"&&n.name&&n.name;return Qc("span",{...p,className:o(e.className,lu,C("k-icon",{size:t}),{[`k-svg-i-${m}`]:m,[`k-color-${a}`]:a,[`k-rotate-${r}`]:r,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),children:Qc("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})})};gn.states=GM;gn.options=zM;gn.className=lu;gn.defaultOptions=Ux;var ru=gn;import*as su from"@progress/kendo-svg-icons";var jx="icon",qx="icons";import{Fragment as _x,jsx as bn}from"react/jsx-runtime";var Vc="k-icon",QM=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),VM=[],XM={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]},iu={viewBox:"0 0 24 24",type:"svg"},g=e=>{let{size:t,themeColor:a,icon:r,type:s=iu.type,rotate:i,flip:n,viewBox:p=iu.viewBox,...m}=e;if(!r)return bn(_x,{});if(s==="svg"){if(r==="none")return bn(ru,{...m,className:o(e.className,Vc),icon:r,size:t});let f=su[r]?r:QM(`${r}-icon`);return su[f]?bn(ru,{...m,className:o(e.className,Vc),icon:su[f],size:t,themeColor:a,rotate:i,flip:n,viewBox:p}):bn(_x,{})}return bn(Jx,{...m,className:o(e.className,Vc),icon:r,size:t,themeColor:a,rotate:i,flip:n})};g.states=VM;g.options=XM;g.defaultOptions=iu;g.className=Vc;g.moduleName=jx;g.folderName=qx;var nu=g;var du="tooltip",$x=du;import{jsx as Nn,jsxs as eg}from"react/jsx-runtime";var cu="k-tooltip",ZM=[],JM={themeColor:[u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.light,u.dark,u.inverse]},tg={closable:!1},$a=e=>{let{closable:t=tg.closable,callout:a,themeColor:r,title:s,content:i,icon:n,...p}=e;return eg("div",{...p,className:o(e.className,cu,C(cu,{themeColor:r}),{"k-tooltip-closable":t}),children:[n&&Nn(g,{className:"k-tooltip-icon",icon:n}),eg("div",{className:"k-tooltip-content",children:[s&&Nn("div",{className:"k-tooltip-title",children:s}),i]}),t&&Nn("div",{className:"k-tooltip-button",children:Nn(g,{icon:"x"})}),a&&Nn("div",{className:o("k-callout",{[`k-callout-${Qt.calloutMap[a]||a}`]:a})})]})};$a.states=ZM;$a.options=JM;$a.className=cu;$a.defaultOptions=tg;$a.moduleName=du;$a.folderName=$x;import{jsx as G8}from"react/jsx-runtime";import{jsx as V8}from"react/jsx-runtime";import{jsx as k}from"react/jsx-runtime";var pu=[k("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:k("div",{className:"k-vertical-align-center",children:"Invoice #52 - 06/23/2015"})}),k("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:k("div",{className:"k-vertical-align-center",children:"ID"})}),k("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:k("div",{className:"k-vertical-align-center",children:"Product"})}),k("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:k("div",{className:"k-vertical-align-center",children:"Quantity"})}),k("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:k("div",{className:"k-vertical-align-center",children:"Price"})}),k("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:k("div",{className:"k-vertical-align-center",children:"Tax"})}),k("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:k("div",{className:"k-vertical-align-center",children:"Amount"})}),k("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"}),k("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:k("div",{className:"k-vertical-align-center",children:"216321"})}),k("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:k("div",{className:"k-vertical-align-center",children:"Calzone"})}),k("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:k("div",{className:"k-vertical-align-center",children:"1"})}),k("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:k("div",{className:"k-vertical-align-center",children:k("span",{children:"$12.39"})})}),k("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:k("div",{className:"k-vertical-align-center",children:k("span",{children:"$2.48"})})}),k("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:k("div",{className:"k-vertical-align-center",children:k("span",{children:"$14.87"})})}),k("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"}),k("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:k("div",{className:"k-vertical-align-center",children:"546897"})}),k("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:k("div",{className:"k-vertical-align-center",children:"Margarita"})}),k("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:k("div",{className:"k-vertical-align-center",children:"2"})}),k("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:k("div",{className:"k-vertical-align-center",children:k("span",{children:"$8.79"})})}),k("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:k("div",{className:"k-vertical-align-center",children:k("span",{children:"$3.52"})})}),k("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:k("div",{className:"k-vertical-align-center",children:k("span",{children:"$21.10"})})}),k("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"}),k("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:k("div",{className:"k-vertical-align-center",children:"456231"})}),k("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:k("div",{className:"k-vertical-align-center",children:"Pollo Formaggio"})}),k("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:k("div",{className:"k-vertical-align-center",children:"1"})}),k("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:k("div",{className:"k-vertical-align-center",children:k("span",{children:"$13.99"})})}),k("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:k("div",{className:"k-vertical-align-center",children:k("span",{children:"$2.80"})})}),k("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:k("div",{className:"k-vertical-align-center",children:k("span",{children:"$16.79"})})}),k("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"}),k("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:k("div",{className:"k-vertical-align-center",children:"455873"})}),k("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:k("div",{className:"k-vertical-align-center",children:"Greek Salad"})}),k("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:k("div",{className:"k-vertical-align-center",children:"1"})}),k("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:k("div",{className:"k-vertical-align-center",children:k("span",{children:"$9.49"})})}),k("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:k("div",{className:"k-vertical-align-center",children:k("span",{children:"$1.90"})})}),k("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:k("div",{className:"k-vertical-align-center",children:k("span",{children:"$11.39"})})}),k("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"}),k("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:k("div",{className:"k-vertical-align-center",children:"456892"})}),k("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:k("div",{className:"k-vertical-align-center",children:"Spinach and Blue Cheese"})}),k("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:k("div",{className:"k-vertical-align-center",children:"3"})}),k("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:k("div",{className:"k-vertical-align-center",children:k("span",{children:"$11.49"})})}),k("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:k("div",{className:"k-vertical-align-center",children:k("span",{children:"$6.89"})})}),k("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:k("div",{className:"k-vertical-align-center",children:k("span",{children:"$41.36"})})}),k("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"}),k("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:k("div",{className:"k-vertical-align-center",children:"546564"})}),k("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:k("div",{className:"k-vertical-align-center",children:"Rigoletto"})}),k("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:k("div",{className:"k-vertical-align-center",children:"1"})}),k("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:k("div",{className:"k-vertical-align-center",children:k("span",{children:"$10.99"})})}),k("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:k("div",{className:"k-vertical-align-center",children:k("span",{children:"$2.20"})})}),k("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:k("div",{className:"k-vertical-align-center",children:k("span",{children:"$13.19"})})}),k("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"}),k("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:k("div",{className:"k-vertical-align-center",children:"789455"})}),k("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:k("div",{className:"k-vertical-align-center",children:"Creme Brulee"})}),k("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:k("div",{className:"k-vertical-align-center",children:"5"})}),k("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:k("div",{className:"k-vertical-align-center",children:k("span",{children:"$6.99"})})}),k("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:k("div",{className:"k-vertical-align-center",children:k("span",{children:"$6.99"})})}),k("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:k("div",{className:"k-vertical-align-center",children:k("span",{children:"$41.94"})})}),k("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"}),k("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:k("div",{className:"k-vertical-align-center",children:"123002"})}),k("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:k("div",{className:"k-vertical-align-center",children:"Radeberger Beer"})}),k("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:k("div",{className:"k-vertical-align-center",children:"4"})}),k("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:k("div",{className:"k-vertical-align-center",children:k("span",{children:"$4.99"})})}),k("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:k("div",{className:"k-vertical-align-center",children:k("span",{children:"$3.99"})})}),k("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:k("div",{className:"k-vertical-align-center",children:k("span",{children:"$23.95"})})}),k("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"}),k("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:k("div",{className:"k-vertical-align-center",children:"564896"})}),k("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:k("div",{className:"k-vertical-align-center",children:"Budweiser Beer"})}),k("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:k("div",{className:"k-vertical-align-center",children:"3"})}),k("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:k("div",{className:"k-vertical-align-center",children:k("span",{children:"$4.49"})})}),k("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:k("div",{className:"k-vertical-align-center",children:k("span",{children:"$2.69"})})}),k("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:k("div",{className:"k-vertical-align-center",children:k("span",{children:"$16.16"})})}),k("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"}),k("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"}),k("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"}),k("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"}),k("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"}),k("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"}),k("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"}),k("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"}),k("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"}),k("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"}),k("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"}),k("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"}),k("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"}),k("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"}),k("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"})],og=[k("div",{className:"k-spreadsheet-vaxis",style:{left:0,height:"405px"}}),k("div",{className:"k-spreadsheet-vaxis",style:{left:"100px",height:"405px"}}),k("div",{className:"k-spreadsheet-vaxis",style:{left:"315px",height:"405px"}}),k("div",{className:"k-spreadsheet-vaxis",style:{left:"430px",height:"405px"}}),k("div",{className:"k-spreadsheet-vaxis",style:{left:"545px",height:"405px"}}),k("div",{className:"k-spreadsheet-vaxis",style:{left:"660px",height:"405px"}}),k("div",{className:"k-spreadsheet-vaxis",style:{left:"815px",height:"405px"}}),k("div",{className:"k-spreadsheet-vaxis",style:{left:"879px",height:"405px"}}),k("div",{className:"k-spreadsheet-vaxis",style:{left:"943px",height:"405px"}}),k("div",{className:"k-spreadsheet-vaxis",style:{left:"1007px",height:"405px"}}),k("div",{className:"k-spreadsheet-vaxis",style:{left:"1071px",height:"405px"}}),k("div",{className:"k-spreadsheet-vaxis",style:{left:"1135px",height:"405px"}}),k("div",{className:"k-spreadsheet-vaxis",style:{left:"1199px",height:"405px"}}),k("div",{className:"k-spreadsheet-haxis",style:{top:"0px",width:"1199px"}}),k("div",{className:"k-spreadsheet-haxis",style:{top:"70px",width:"1199px"}}),k("div",{className:"k-spreadsheet-haxis",style:{top:"95px",width:"1199px"}}),k("div",{className:"k-spreadsheet-haxis",style:{top:"125px",width:"1199px"}}),k("div",{className:"k-spreadsheet-haxis",style:{top:"155px",width:"1199px"}}),k("div",{className:"k-spreadsheet-haxis",style:{top:"185px",width:"1199px"}}),k("div",{className:"k-spreadsheet-haxis",style:{top:"215px",width:"1199px"}}),k("div",{className:"k-spreadsheet-haxis",style:{top:"245px",width:"1199px"}}),k("div",{className:"k-spreadsheet-haxis",style:{top:"275px",width:"1199px"}}),k("div",{className:"k-spreadsheet-haxis",style:{top:"305px",width:"1199px"}}),k("div",{className:"k-spreadsheet-haxis",style:{top:"335px",width:"1199px"}}),k("div",{className:"k-spreadsheet-haxis",style:{top:"365px",width:"1199px"}}),k("div",{className:"k-spreadsheet-haxis",style:{top:"395px",width:"1199px"}}),k("div",{className:"k-spreadsheet-haxis",style:{top:"426px",width:"1199px"}}),k("div",{className:"k-spreadsheet-disabled-mask",style:{top:"1px",width:"878px",left:"1px",height:"69px"}})];var mu="button",ag=mu;import{Fragment as $M,jsx as An,jsxs as lg}from"react/jsx-runtime";var vn="k-button",jM=["icon-button"],qM=[l.hover,l.focus,l.active,l.selected,l.disabled,l.generating],_M={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]},or={size:d.medium,rounded:x.medium,fillMode:N.solid,themeColor:u.base,showArrow:!1,arrowIconName:"caret-alt-down"},c=e=>{let{size:t=or.size,rounded:a=or.rounded,fillMode:r=or.fillMode,themeColor:s=or.themeColor,showArrow:i=or.showArrow,arrowIconName:n=or.arrowIconName,variant:p,hover:m,focus:f,active:A,selected:v,disabled:b,icon:y,text:E,iconClassName:M,...w}=e,I=y!==void 0,P=e.children!==void 0;return lg("button",{...w,className:o(e.className,vn,Wc(vn,p),C(vn,{size:t,rounded:a,fillMode:r,themeColor:s}),h(vn,{hover:m,focus:f,active:A,disabled:b,selected:v}),{"k-icon-button":!E&&!P&&I}),children:[y&&An(g,{className:o(M,"k-button-icon"),icon:y}),E?lg($M,{children:[E&&An("span",{className:"k-button-text",children:E}),e.children]}):e.children&&An("span",{className:"k-button-text",children:e.children}),i&&An("span",{className:"k-menu-button-arrow k-button-arrow",children:An(g,{icon:n})})]})};c.states=qM;c.options=_M;c.variants=jM;c.className=vn;c.defaultOptions=or;c.moduleName=mu;c.folderName=ag;import{jsx as ew}from"react/jsx-runtime";var Ve=e=>ew(c,{icon:"folder",...e,children:void 0});import{jsx as tw}from"react/jsx-runtime";var Mo=e=>tw(c,{icon:"folder",children:"Button",...e});import{jsx as uQ}from"react/jsx-runtime";var uu="button",rg=uu;import{jsx as lw}from"react/jsx-runtime";var Tn="k-button-group",ow=[l.disabled],aw={fillMode:[N.solid,N.flat,N.outline,N.clear,N.link]},sg={fillMode:N.solid},B=e=>{let{fillMode:t=sg.fillMode,disabled:a,stretched:r,...s}=e;return lw("div",{...s,className:o(e.className,Tn,C(Tn,{fillMode:t}),h(Tn,{disabled:a}),{[`${Tn}-stretched`]:r}),children:e.children})};B.states=ow;B.options=aw;B.className=Tn;B.defaultOptions=sg;B.moduleName=uu;B.folderName=rg;import{Fragment as LQ,jsx as wQ,jsxs as SQ}from"react/jsx-runtime";import{Fragment as KQ,jsx as RQ,jsxs as YQ}from"react/jsx-runtime";import{Fragment as WQ,jsx as zQ,jsxs as QQ}from"react/jsx-runtime";import{Fragment as jQ,jsx as UQ,jsxs as qQ}from"react/jsx-runtime";var yn="input",Xc=yn;import{jsx as iw}from"react/jsx-runtime";var Zc="k-input",rw=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],sw={size:[d.small,d.medium,d.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[N.solid,N.flat,N.outline]},Jc={size:d.medium,rounded:d.medium,fillMode:N.solid},L=e=>{let{hover:t,focus:a,disabled:r,invalid:s,valid:i,loading:n,readonly:p,size:m=Jc.size,rounded:f=Jc.rounded,fillMode:A=Jc.fillMode,...v}=e;return iw("span",{...v,className:o(e.className,Zc,C(Zc,{size:m,rounded:f,fillMode:A}),h(Zc,{hover:t,focus:a,disabled:r,invalid:s,valid:i,loading:n,readonly:p}))})};L.states=rw;L.options=sw;L.className=Zc;L.defaultOptions=Jc;L.moduleName=yn;L.folderName=Xc;import{jsx as cw}from"react/jsx-runtime";var Uc="k-picker",nw=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],dw={size:[d.small,d.medium,d.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[N.solid,N.flat,N.outline]},jc={size:d.medium,rounded:x.medium,fillMode:N.solid},bt=e=>{let{hover:t,focus:a,disabled:r,invalid:s,valid:i,loading:n,readonly:p,size:m=jc.size,rounded:f=jc.rounded,fillMode:A=jc.fillMode,...v}=e;return cw("span",{...v,className:o(e.className,Uc,C(Uc,{size:m,rounded:f,fillMode:A}),h(Uc,{hover:t,focus:a,disabled:r,invalid:s,valid:i,loading:n,readonly:p})),children:e.children})};bt.states=nw;bt.options=dw;bt.className=Uc;bt.defaultOptions=jc;bt.moduleName=yn;bt.folderName=Xc;import{Fragment as uw,jsx as fu}from"react/jsx-runtime";var ig="k-clear-value",pw=[l.disabled,l.loading,l.readonly],mw={},oe=e=>{let{disabled:t,loading:a,readonly:r,value:s}=e;return t||r||a||!s?fu(uw,{}):fu("span",{className:o(e.className,ig),children:fu(g,{icon:"x"})})};oe.states=pw;oe.options=mw;oe.className=ig;import{jsx as hw}from"react/jsx-runtime";var ku="k-input-inner",fw=[],kw={},qc={type:"text",autocomplete:"off",value:"",placeholder:""},ce=e=>{let{value:t=qc.value,type:a=qc.type,placeholder:r=qc.placeholder,autocomplete:s=qc.autocomplete,...i}=e;return hw("input",{...i,type:a,className:o(e.className,ku,C(ku,e)),placeholder:r,autoComplete:s,defaultValue:t})};ce.states=fw;ce.options=kw;ce.className=ku;import{jsx as ng,jsxs as bw}from"react/jsx-runtime";var hu="k-input-inner",xw=[],gw={},wa=e=>{let{value:t,placeholder:a,showValue:r,valueIcon:s,valueIconName:i,...n}=e;return bw("span",{...n,className:o(e.className,hu,C(hu,e)),children:[s,!s&&i&&ng(g,{className:"k-input-value-icon",icon:i}),r&&!t&&a,r&&t&&ng("span",{className:"k-input-value-text",children:t})]})};wa.states=xw;wa.options=gw;wa.className=hu;import{jsx as vw}from"react/jsx-runtime";var xu="k-input-inner",Nw=[],Aw={},dg={value:"",placeholder:""},En=e=>{let{value:t=dg.value,placeholder:a=dg.placeholder,rows:r,...s}=e;return vw("textarea",{...s,className:o(e.className,xu,C(xu,e)),placeholder:a,rows:r,defaultValue:t})};En.states=Nw;En.options=Aw;En.className=xu;import{Fragment as yw,jsx as cg}from"react/jsx-runtime";var pg="k-input-loading-icon",Tw=[l.disabled,l.loading],j=e=>{let{disabled:t,loading:a}=e;return t||!a?cg(yw,{}):cg("span",{className:o(e.className,pg,"k-icon k-i-loading")})};j.states=Tw;j.className=pg;import{Fragment as Mw,jsx as mg}from"react/jsx-runtime";var ug="k-input-validation-icon",Ew=[l.valid,l.invalid,l.disabled,l.loading],Cw={},J=e=>{let{valid:t,invalid:a,disabled:r,loading:s}=e,i=a?"warning-circle":"check-circle";return r||s||!!!(t||a)?mg(Mw,{}):mg(g,{className:o(ug),icon:i})};J.states=Ew;J.options=Cw;J.className=ug;import{Fragment as Sw,jsx as fg}from"react/jsx-runtime";var ww="k-input-prefix",Lw={direction:"horizontal"},$=e=>{let{direction:t=Lw.direction,...a}=e;return e.children?fg("span",{...a,className:o(ww,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):fg(Sw,{})};import{Fragment as Pw,jsx as kg}from"react/jsx-runtime";var Iw="k-input-suffix",Bw={direction:"horizontal"},ee=e=>{let{direction:t=Bw.direction,...a}=e;return e.children?kg("span",{...a,className:o(Iw,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):kg(Pw,{})};import{jsx as WV}from"react/jsx-runtime";import{jsx as ZV}from"react/jsx-runtime";import{jsx as Rw}from"react/jsx-runtime";var hg="k-input-separator",Dw={direction:"vertical"},Me=e=>{let{direction:t=Dw.direction,...a}=e;return Rw("span",{...a,className:o(hg,e.className,{[`${hg}-${t}`]:t})})};import{jsx as xg,jsxs as Ow}from"react/jsx-runtime";var gg="k-color-preview",Kw=[],Yw={},el=e=>{let{color:t,iconName:a,...r}=e;return Ow("span",{...r,className:o(e.className,gg,{"k-icon-color-preview":a,"k-no-color":!t}),children:[a&&xg(g,{icon:a,className:"k-color-preview-icon"}),xg("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};el.states=Kw;el.options=Yw;el.className=gg;var gu="popup",bg=gu;import{jsx as Ng}from"react/jsx-runtime";var Ag="k-animation-container",Hw=[],Fw={},vg={positionMode:"absolute"},Vo=e=>{let{positionMode:t=vg.positionMode,animationStyle:a,offset:r,...s}=e;return Ng("div",{...s,style:{...r,...e.style},className:o(e.className,Ag,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Ng("div",{className:"k-child-animation-container",style:a,children:e.children})})};Vo.states=Hw;Vo.options=Fw;Vo.className=Ag;Vo.defaultOptions=vg;Vo.moduleName=gu;Vo.folderName=bg;var bu="popup",Tg=bu;import{jsx as yg}from"react/jsx-runtime";var Eg="k-popup",Gw=[],zw={},Cg={positionMode:"absolute"},H=e=>{let{offset:t,positionMode:a=Cg.positionMode,animationStyle:r,...s}=e;return yg(Vo,{positionMode:a,offset:t,animationStyle:r,children:yg("div",{...s,className:o(e.className,Eg),children:e.children})})};H.states=Gw;H.options=zw;H.className=Eg;H.defaultOptions=Cg;H.moduleName=bu;H.folderName=Tg;var Nu="action-buttons",Mg=Nu;import{jsx as Vw}from"react/jsx-runtime";var _c="k-actions",Ww=[],Qw={},Au={alignment:"start",orientation:"horizontal"},Q=e=>{let{alignment:t=Au.alignment,orientation:a=Au.orientation,...r}=e;return Vw("div",{...r,className:o(_c,{[`${_c}-${t}`]:t,[`${_c}-${a}`]:a},e.className),children:e.children})};Q.states=Ww;Q.options=Qw;Q.className=_c;Q.defaultOptions=Au;Q.moduleName=Nu;Q.folderName=Mg;var wg=Q;import{jsx as Zw}from"react/jsx-runtime";var Xw="k-actionsheet-footer",Lg={alignment:"stretched",orientation:"horizontal"},wo=e=>{let{alignment:t=Lg.alignment,orientation:a=Lg.orientation,template:r,as:s=r?"div":Q,...i}=e;return Zw(s,{...i,...!r&&{alignment:t,orientation:a},className:o(e.className,Xw),children:e.children})};var vu="searchbox",Sg=vu;import{jsx as Cn,jsxs as jw}from"react/jsx-runtime";var Ig="k-searchbox",Jw=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading],Uw={size:[d.small,d.medium,d.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[N.solid,N.flat,N.outline]},Tu={showIcon:!0,icon:"search",size:L.defaultOptions.size,rounded:L.defaultOptions.rounded,fillMode:L.defaultOptions.fillMode},Xe=e=>{let{value:t,placeholder:a,size:r,rounded:s,fillMode:i,hover:n,focus:p,valid:m,invalid:f,required:A,loading:v,disabled:b,showIcon:y=Tu.showIcon,icon:E=Tu.icon,...M}=e;return jw(L,{...M,size:r,rounded:s,fillMode:i,hover:n,focus:p,valid:m,invalid:f,required:A,loading:v,disabled:b,className:o(e.className,Ig),children:[y&&Cn(g,{className:"k-input-icon",icon:E}),Cn(ce,{placeholder:a,value:t}),Cn(j,{...e}),Cn(J,{...e}),Cn(oe,{...e})]})};Xe.states=Jw;Xe.options=Uw;Xe.className=Ig;Xe.defaultOptions=Tu;Xe.moduleName=vu;Xe.folderName=Sg;import{jsx as e3}from"react/jsx-runtime";var yu="textbox",Bg=yu;import{Fragment as Pg,jsx as tl,jsxs as Eu}from"react/jsx-runtime";var Dg="k-textbox",qw=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],_w={size:[d.small,d.medium,d.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[N.solid,N.flat,N.outline]},ar={showClearButton:!0,showValidationIcon:!0,size:L.defaultOptions.size,rounded:L.defaultOptions.rounded,fillMode:L.defaultOptions.fillMode,separators:!0},U=e=>{let{size:t=ar.size,rounded:a=ar.rounded,fillMode:r=ar.fillMode,separators:s=ar.separators,showClearButton:i=ar.showClearButton,showValidationIcon:n=ar.showValidationIcon,prefix:p,suffix:m,type:f,value:A,placeholder:v,hover:b,focus:y,valid:E,invalid:M,required:w,loading:I,disabled:P,readonly:O,...W}=e;return Eu(L,{...W,size:t,rounded:a,fillMode:r,hover:b,focus:y,valid:E,invalid:M,required:w,loading:I,disabled:P,readonly:O,className:o(e.className,Dg),children:[p&&Eu(Pg,{children:[tl($,{children:p}),s&&tl(Me,{})]}),tl(ce,{placeholder:v,value:A,type:f}),n&&tl(J,{valid:E,invalid:M,loading:I,disabled:P}),tl(j,{loading:I,disabled:P}),i&&tl(oe,{loading:I,disabled:P,readonly:O,value:A}),m&&Eu(Pg,{children:[s&&tl(Me,{}),tl(ee,{children:m})]})]})};U.states=qw;U.options=_w;U.className=Dg;U.defaultOptions=ar;U.moduleName=yu;U.folderName=Bg;import{jsx as u3}from"react/jsx-runtime";import{Fragment as b3,jsx as g3}from"react/jsx-runtime";import{Fragment as E3,jsx as y3}from"react/jsx-runtime";import{jsx as ol,jsxs as Cu}from"react/jsx-runtime";var Yg="k-actionsheet-titlebar",$w={},se=e=>{let{title:t,subtitle:a,actionsStart:r,actionsEnd:s,filter:i,input:n,inputValue:p,inputPlaceholder:m,adaptive:f,children:A,...v}=e;return Cu("div",{...v,className:o(e.className,Yg),children:[Cu("div",{className:"k-actionsheet-titlebar-group",children:[r&&ol("div",{className:"k-actionsheet-actions",children:r}),!A&&Cu("div",{className:"k-actionsheet-title",children:[t&&ol("div",{className:"k-text-center",children:t}),a&&ol("div",{className:"k-actionsheet-subtitle k-text-center",children:a})]}),A&&ol("div",{className:"k-actionsheet-title",children:A}),s&&ol("div",{className:"k-actionsheet-actions",children:s})]}),(n||i)&&ol("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:n?ol(U,{value:p,placeholder:m,size:f?"large":"medium"}):ol(Xe,{placeholder:"Filter",size:f?"large":"medium"})})]})};se.className=Yg;se.d