@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
1 lines • 290 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"}),x=(e,t)=>o({"k-valid":t.valid,"k-invalid":t.invalid,"k-hover":t.hover,"k-focus":t.focus,"k-checked":t.checked,"k-active":t.active,"k-selected":t.selected,"k-disabled":t.disabled,"k-indeterminate":t.indeterminate&&!t.checked,"k-loading":t.loading,"k-empty":t.empty,"k-readonly":t.readonly,"k-highlighted":t.highlighted});var n={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},h={small:"small",medium:"medium",large:"large",full:"full"},b={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"},gt={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};import{Fragment as Gv,jsx as kk}from"react/jsx-runtime";var Rc="k-icon k-font-icon",Ev=[],Yv={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.light,u.dark]},Pv={},ms=e=>{let{size:t,themeColor:a,icon:r,rotate:s,flip:i,...d}=e;return r?kk("span",{...d,className:o(e.className,Rc,C(Rc,{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"})}):kk(Gv,{})};ms.states=Ev;ms.options=Yv;ms.className=Rc;ms.defaultOptions=Pv;var fk=ms;import{Fragment as Fv,jsx as yn}from"react/jsx-runtime";var zc="k-icon k-svg-icon",Kv=[],Dv={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.light,u.dark]},hk={viewBox:"0 0 24 24"},us=e=>{let{size:t,themeColor:a,rotate:r,flip:s,viewBox:i=hk.viewBox,icon:d,...p}=e;if(!d)return yn(Fv,{});d==="none"&&{...p,className:o(e.className,zc,"k-none")};let m=typeof d=="object"&&d.name&&d.name;return yn("span",{...p,className:o(e.className,zc,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:yn("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof d=="object"?d.viewBox:i,dangerouslySetInnerHTML:typeof d=="object"?{__html:d.content}:void 0,children:d?void 0:e.children})})};us.states=Kv;us.options=Dv;us.className=zc;us.defaultOptions=hk;var Hc=us;import*as gk from"@progress/kendo-svg-icons";import{Fragment as xk,jsx as ks}from"react/jsx-runtime";var Rv=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),zv=[],Hv={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.light,u.dark]},Oc={viewBox:"0 0 24 24",type:"svg"},y=e=>{let{size:t,themeColor:a,icon:r,type:s=Oc.type,rotate:i,flip:d,viewBox:p=Oc.viewBox,...m}=e;if(!r)return ks(xk,{});if(s==="svg"){if(r==="none")return ks(Hc,{...m,icon:r,size:t});let k=Rv(`${r}-icon`);return gk[k]?ks(Hc,{...m,icon:gk[k],size:t,themeColor:a,rotate:i,flip:d,viewBox:p}):ks(xk,{})}return ks(fk,{...m,icon:r,size:t,themeColor:a,rotate:i,flip:d})};y.states=zv;y.options=Hv;y.defaultOptions=Oc;var Wc=y;import{jsx as fs,jsxs as bk}from"react/jsx-runtime";var Qc="k-tooltip",Ov=[],Wv={themeColor:[u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.light,u.dark,u.inverse]},vk={closable:!1},Tl=e=>{let{closable:t=vk.closable,callout:a,themeColor:r,title:s,content:i,icon:d,...p}=e;return bk("div",{...p,className:o(e.className,Qc,C(Qc,{themeColor:r}),{"k-tooltip-closable":t}),children:[d&&fs(y,{className:"k-tooltip-icon",icon:d}),bk("div",{className:"k-tooltip-content",children:[s&&fs("div",{className:"k-tooltip-title",children:s}),i]}),t&&fs("div",{className:"k-tooltip-button",children:fs(y,{icon:"x"})}),a&&fs("div",{className:o("k-callout",{[`k-callout-${gt.calloutMap[a]||a}`]:a})})]})};Tl.states=Ov;Tl.options=Wv;Tl.className=Qc;Tl.defaultOptions=vk;import{jsx as EG}from"react/jsx-runtime";import{jsx as KG}from"react/jsx-runtime";import{jsx as f}from"react/jsx-runtime";var Vc=[f("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:f("div",{className:"k-vertical-align-center",children:"Invoice #52 - 06/23/2015"})}),f("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:f("div",{className:"k-vertical-align-center",children:"ID"})}),f("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:f("div",{className:"k-vertical-align-center",children:"Product"})}),f("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:f("div",{className:"k-vertical-align-center",children:"Quantity"})}),f("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:f("div",{className:"k-vertical-align-center",children:"Price"})}),f("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:f("div",{className:"k-vertical-align-center",children:"Tax"})}),f("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:f("div",{className:"k-vertical-align-center",children:"Amount"})}),f("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"}),f("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:f("div",{className:"k-vertical-align-center",children:"216321"})}),f("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:f("div",{className:"k-vertical-align-center",children:"Calzone"})}),f("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:f("div",{className:"k-vertical-align-center",children:"1"})}),f("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:f("div",{className:"k-vertical-align-center",children:f("span",{children:"$12.39"})})}),f("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:f("div",{className:"k-vertical-align-center",children:f("span",{children:"$2.48"})})}),f("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:f("div",{className:"k-vertical-align-center",children:f("span",{children:"$14.87"})})}),f("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"}),f("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:f("div",{className:"k-vertical-align-center",children:"546897"})}),f("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:f("div",{className:"k-vertical-align-center",children:"Margarita"})}),f("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:f("div",{className:"k-vertical-align-center",children:"2"})}),f("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:f("div",{className:"k-vertical-align-center",children:f("span",{children:"$8.79"})})}),f("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:f("div",{className:"k-vertical-align-center",children:f("span",{children:"$3.52"})})}),f("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:f("div",{className:"k-vertical-align-center",children:f("span",{children:"$21.10"})})}),f("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"}),f("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:f("div",{className:"k-vertical-align-center",children:"456231"})}),f("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:f("div",{className:"k-vertical-align-center",children:"Pollo Formaggio"})}),f("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:f("div",{className:"k-vertical-align-center",children:"1"})}),f("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:f("div",{className:"k-vertical-align-center",children:f("span",{children:"$13.99"})})}),f("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:f("div",{className:"k-vertical-align-center",children:f("span",{children:"$2.80"})})}),f("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:f("div",{className:"k-vertical-align-center",children:f("span",{children:"$16.79"})})}),f("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"}),f("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:f("div",{className:"k-vertical-align-center",children:"455873"})}),f("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:f("div",{className:"k-vertical-align-center",children:"Greek Salad"})}),f("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:f("div",{className:"k-vertical-align-center",children:"1"})}),f("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:f("div",{className:"k-vertical-align-center",children:f("span",{children:"$9.49"})})}),f("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:f("div",{className:"k-vertical-align-center",children:f("span",{children:"$1.90"})})}),f("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:f("div",{className:"k-vertical-align-center",children:f("span",{children:"$11.39"})})}),f("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"}),f("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:f("div",{className:"k-vertical-align-center",children:"456892"})}),f("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:f("div",{className:"k-vertical-align-center",children:"Spinach and Blue Cheese"})}),f("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:f("div",{className:"k-vertical-align-center",children:"3"})}),f("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:f("div",{className:"k-vertical-align-center",children:f("span",{children:"$11.49"})})}),f("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:f("div",{className:"k-vertical-align-center",children:f("span",{children:"$6.89"})})}),f("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:f("div",{className:"k-vertical-align-center",children:f("span",{children:"$41.36"})})}),f("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"}),f("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:f("div",{className:"k-vertical-align-center",children:"546564"})}),f("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:f("div",{className:"k-vertical-align-center",children:"Rigoletto"})}),f("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:f("div",{className:"k-vertical-align-center",children:"1"})}),f("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:f("div",{className:"k-vertical-align-center",children:f("span",{children:"$10.99"})})}),f("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:f("div",{className:"k-vertical-align-center",children:f("span",{children:"$2.20"})})}),f("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:f("div",{className:"k-vertical-align-center",children:f("span",{children:"$13.19"})})}),f("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"}),f("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:f("div",{className:"k-vertical-align-center",children:"789455"})}),f("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:f("div",{className:"k-vertical-align-center",children:"Creme Brulee"})}),f("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:f("div",{className:"k-vertical-align-center",children:"5"})}),f("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:f("div",{className:"k-vertical-align-center",children:f("span",{children:"$6.99"})})}),f("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:f("div",{className:"k-vertical-align-center",children:f("span",{children:"$6.99"})})}),f("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:f("div",{className:"k-vertical-align-center",children:f("span",{children:"$41.94"})})}),f("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"}),f("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:f("div",{className:"k-vertical-align-center",children:"123002"})}),f("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:f("div",{className:"k-vertical-align-center",children:"Radeberger Beer"})}),f("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:f("div",{className:"k-vertical-align-center",children:"4"})}),f("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:f("div",{className:"k-vertical-align-center",children:f("span",{children:"$4.99"})})}),f("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:f("div",{className:"k-vertical-align-center",children:f("span",{children:"$3.99"})})}),f("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:f("div",{className:"k-vertical-align-center",children:f("span",{children:"$23.95"})})}),f("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"}),f("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:f("div",{className:"k-vertical-align-center",children:"564896"})}),f("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:f("div",{className:"k-vertical-align-center",children:"Budweiser Beer"})}),f("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:f("div",{className:"k-vertical-align-center",children:"3"})}),f("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:f("div",{className:"k-vertical-align-center",children:f("span",{children:"$4.49"})})}),f("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:f("div",{className:"k-vertical-align-center",children:f("span",{children:"$2.69"})})}),f("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:f("div",{className:"k-vertical-align-center",children:f("span",{children:"$16.16"})})}),f("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"}),f("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"}),f("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"}),f("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"}),f("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"}),f("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"}),f("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"}),f("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"}),f("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"}),f("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"}),f("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"}),f("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"}),f("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"}),f("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"}),f("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"})],yk=[f("div",{className:"k-spreadsheet-vaxis",style:{left:0,height:"405px"}}),f("div",{className:"k-spreadsheet-vaxis",style:{left:"100px",height:"405px"}}),f("div",{className:"k-spreadsheet-vaxis",style:{left:"315px",height:"405px"}}),f("div",{className:"k-spreadsheet-vaxis",style:{left:"430px",height:"405px"}}),f("div",{className:"k-spreadsheet-vaxis",style:{left:"545px",height:"405px"}}),f("div",{className:"k-spreadsheet-vaxis",style:{left:"660px",height:"405px"}}),f("div",{className:"k-spreadsheet-vaxis",style:{left:"815px",height:"405px"}}),f("div",{className:"k-spreadsheet-vaxis",style:{left:"879px",height:"405px"}}),f("div",{className:"k-spreadsheet-vaxis",style:{left:"943px",height:"405px"}}),f("div",{className:"k-spreadsheet-vaxis",style:{left:"1007px",height:"405px"}}),f("div",{className:"k-spreadsheet-vaxis",style:{left:"1071px",height:"405px"}}),f("div",{className:"k-spreadsheet-vaxis",style:{left:"1135px",height:"405px"}}),f("div",{className:"k-spreadsheet-vaxis",style:{left:"1199px",height:"405px"}}),f("div",{className:"k-spreadsheet-haxis",style:{top:"0px",width:"1199px"}}),f("div",{className:"k-spreadsheet-haxis",style:{top:"70px",width:"1199px"}}),f("div",{className:"k-spreadsheet-haxis",style:{top:"95px",width:"1199px"}}),f("div",{className:"k-spreadsheet-haxis",style:{top:"125px",width:"1199px"}}),f("div",{className:"k-spreadsheet-haxis",style:{top:"155px",width:"1199px"}}),f("div",{className:"k-spreadsheet-haxis",style:{top:"185px",width:"1199px"}}),f("div",{className:"k-spreadsheet-haxis",style:{top:"215px",width:"1199px"}}),f("div",{className:"k-spreadsheet-haxis",style:{top:"245px",width:"1199px"}}),f("div",{className:"k-spreadsheet-haxis",style:{top:"275px",width:"1199px"}}),f("div",{className:"k-spreadsheet-haxis",style:{top:"305px",width:"1199px"}}),f("div",{className:"k-spreadsheet-haxis",style:{top:"335px",width:"1199px"}}),f("div",{className:"k-spreadsheet-haxis",style:{top:"365px",width:"1199px"}}),f("div",{className:"k-spreadsheet-haxis",style:{top:"395px",width:"1199px"}}),f("div",{className:"k-spreadsheet-haxis",style:{top:"426px",width:"1199px"}}),f("div",{className:"k-spreadsheet-disabled-mask",style:{top:"1px",width:"878px",left:"1px",height:"69px"}})];import{Fragment as Zv,jsx as hs,jsxs as wk}from"react/jsx-runtime";var wn="k-button",Vv=[l.hover,l.focus,l.active,l.selected,l.disabled],Xv={size:[n.small,n.medium,n.large],rounded:[h.small,h.medium,h.large,h.full],fillMode:[b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.light,u.dark,u.inverse]},Ta={size:n.medium,rounded:h.medium,fillMode:b.solid,themeColor:u.base,showArrow:!1,arrowIconName:"caret-alt-down"},c=e=>{let{size:t=Ta.size,rounded:a=Ta.rounded,fillMode:r=Ta.fillMode,themeColor:s=Ta.themeColor,showArrow:i=Ta.showArrow,arrowIconName:d=Ta.arrowIconName,hover:p,focus:m,active:k,selected:v,disabled:T,icon:g,text:A,iconClassName:N,...S}=e,B=g!==void 0,L=e.children!==void 0;return wk("button",{...S,className:o(e.className,wn,C(wn,{size:t,rounded:a,fillMode:r,themeColor:s}),x(wn,{hover:p,focus:m,active:k,disabled:T,selected:v}),{"k-icon-button":!A&&!L&&B}),children:[g&&hs(y,{className:o(N,"k-button-icon"),icon:g}),A?wk(Zv,{children:[A&&hs("span",{className:"k-button-text",children:A}),e.children]}):e.children&&hs("span",{className:"k-button-text",children:e.children}),i&&hs("span",{className:"k-menu-button-arrow k-button-arrow",children:hs(y,{icon:d})})]})};c.states=Vv;c.options=Xv;c.className=wn;c.defaultOptions=Ta;import{jsx as Jv}from"react/jsx-runtime";var Ze=e=>Jv(c,{icon:"folder",...e,children:void 0});import{jsx as jv}from"react/jsx-runtime";var Rt=e=>jv(c,{icon:"folder",children:"Button",...e});import{jsx as oK}from"react/jsx-runtime";import{jsx as _v}from"react/jsx-runtime";var gs="k-button-group",Uv=[l.disabled],qv={fillMode:[b.solid,b.flat,b.outline,b.clear,b.link]},Tk={fillMode:b.solid},Y=e=>{let{fillMode:t=Tk.fillMode,disabled:a,stretched:r,...s}=e;return _v("div",{...s,className:o(e.className,gs,C(gs,{fillMode:t}),x(gs,{disabled:a}),{[`${gs}-stretched`]:r}),children:e.children})};Y.states=Uv;Y.options=qv;Y.className=gs;Y.defaultOptions=Tk;import{Fragment as hK,jsx as fK,jsxs as gK}from"react/jsx-runtime";import{Fragment as TK,jsx as wK,jsxs as AK}from"react/jsx-runtime";import{Fragment as MK,jsx as BK,jsxs as LK}from"react/jsx-runtime";import{Fragment as DK,jsx as KK,jsxs as FK}from"react/jsx-runtime";import{jsx as ty}from"react/jsx-runtime";var Tn="k-input",$v=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],ey={size:[n.small,n.medium,n.large],rounded:[h.small,h.medium,h.large,h.full],fillMode:[b.solid,b.flat,b.outline]},An={size:n.medium,rounded:n.medium,fillMode:b.solid},M=e=>{let{hover:t,focus:a,disabled:r,invalid:s,valid:i,loading:d,readonly:p,size:m=An.size,rounded:k=An.rounded,fillMode:v=An.fillMode,...T}=e;return ty("span",{...T,className:o(e.className,Tn,C(Tn,{size:m,rounded:k,fillMode:v}),x(Tn,{hover:t,focus:a,disabled:r,invalid:s,valid:i,loading:d,readonly:p}))})};M.states=$v;M.options=ey;M.className=Tn;M.defaultOptions=An;import{jsx as ly}from"react/jsx-runtime";var Nn="k-picker",oy=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],ay={size:[n.small,n.medium,n.large],rounded:[h.small,h.medium,h.large,h.full],fillMode:[b.solid,b.flat,b.outline]},Cn={size:n.medium,rounded:h.medium,fillMode:b.solid},xt=e=>{let{hover:t,focus:a,disabled:r,invalid:s,valid:i,loading:d,readonly:p,size:m=Cn.size,rounded:k=Cn.rounded,fillMode:v=Cn.fillMode,...T}=e;return ly("span",{...T,className:o(e.className,Nn,C(Nn,{size:m,rounded:k,fillMode:v}),x(Nn,{hover:t,focus:a,disabled:r,invalid:s,valid:i,loading:d,readonly:p})),children:e.children})};xt.states=oy;xt.options=ay;xt.className=Nn;xt.defaultOptions=Cn;import{Fragment as iy,jsx as Xc}from"react/jsx-runtime";var Ak="k-clear-value",ry=[l.disabled,l.loading,l.readonly],sy={},te=e=>{let{disabled:t,loading:a,readonly:r,value:s}=e;return t||r||a||!s?Xc(iy,{}):Xc("span",{className:o(e.className,Ak),children:Xc(y,{icon:"x"})})};te.states=ry;te.options=sy;te.className=Ak;import{jsx as cy}from"react/jsx-runtime";var Zc="k-input-inner",ny=[],dy={},Sn={type:"text",autocomplete:"off",value:"",placeholder:""},se=e=>{let{value:t=Sn.value,type:a=Sn.type,placeholder:r=Sn.placeholder,autocomplete:s=Sn.autocomplete,...i}=e;return cy("input",{...i,type:a,className:o(e.className,Zc,C(Zc,e)),placeholder:r,autoComplete:s,defaultValue:t})};se.states=ny;se.options=dy;se.className=Zc;import{jsx as Nk,jsxs as uy}from"react/jsx-runtime";var Jc="k-input-inner",py=[],my={},bo=e=>{let{value:t,placeholder:a,showValue:r,valueIcon:s,valueIconName:i,...d}=e;return uy("span",{...d,className:o(e.className,Jc,C(Jc,e)),children:[s,!s&&i&&Nk(y,{className:"k-input-value-icon",icon:i}),r&&!t&&a,r&&t&&Nk("span",{className:"k-input-value-text",children:t})]})};bo.states=py;bo.options=my;bo.className=Jc;import{jsx as hy}from"react/jsx-runtime";var jc="k-input-inner",ky=[],fy={},Ck={value:"",placeholder:""},xs=e=>{let{value:t=Ck.value,placeholder:a=Ck.placeholder,rows:r,...s}=e;return hy("textarea",{...s,className:o(e.className,jc,C(jc,e)),placeholder:a,rows:r,defaultValue:t})};xs.states=ky;xs.options=fy;xs.className=jc;import{Fragment as xy,jsx as Sk}from"react/jsx-runtime";var Ik="k-input-loading-icon",gy=[l.disabled,l.loading],J=e=>{let{disabled:t,loading:a}=e;return t||!a?Sk(xy,{}):Sk("span",{className:o(e.className,Ik,"k-icon k-i-loading")})};J.states=gy;J.className=Ik;import{Fragment as yy,jsx as Bk}from"react/jsx-runtime";var Mk="k-input-validation-icon",by=[l.valid,l.invalid,l.disabled,l.loading],vy={},X=e=>{let{valid:t,invalid:a,disabled:r,loading:s}=e,i=a?"warning-circle":"check-circle";return r||s||!!!(t||a)?Bk(yy,{}):Bk(y,{className:o(Mk),icon:i})};X.states=by;X.options=vy;X.className=Mk;import{Fragment as Ay,jsx as Lk}from"react/jsx-runtime";var wy="k-input-prefix",Ty={direction:"horizontal"},$=e=>{let{direction:t=Ty.direction,...a}=e;return e.children?Lk("span",{...a,className:o(wy,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Lk(Ay,{})};import{Fragment as Sy,jsx as Ek}from"react/jsx-runtime";var Ny="k-input-suffix",Cy={direction:"horizontal"},ee=e=>{let{direction:t=Cy.direction,...a}=e;return e.children?Ek("span",{...a,className:o(Ny,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ek(Sy,{})};import{jsx as SD}from"react/jsx-runtime";import{jsx as LD}from"react/jsx-runtime";import{jsx as By}from"react/jsx-runtime";var Yk="k-input-separator",Iy={direction:"vertical"},ge=e=>{let{direction:t=Iy.direction,...a}=e;return By("span",{...a,className:o(Yk,e.className,{[`${Yk}-${t}`]:t})})};import{jsx as Pk,jsxs as Ey}from"react/jsx-runtime";var Gk="k-color-preview",My=[],Ly={},Go=e=>{let{color:t,iconName:a,...r}=e;return Ey("span",{...r,className:o(e.className,Gk,{"k-icon-color-preview":a,"k-no-color":!t}),children:[a&&Pk(y,{icon:a,className:"k-color-preview-icon"}),Pk("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Go.states=My;Go.options=Ly;Go.className=Gk;import{jsx as Kk}from"react/jsx-runtime";var Dk="k-animation-container",Yy=[],Py={},Fk={positionMode:"absolute"},Ko=e=>{let{positionMode:t=Fk.positionMode,animationStyle:a,offset:r,...s}=e;return Kk("div",{...s,style:{...r,...e.style},className:o(e.className,Dk,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Kk("div",{className:"k-child-animation-container",style:a,children:e.children})})};Ko.states=Yy;Ko.options=Py;Ko.className=Dk;Ko.defaultOptions=Fk;import{jsx as Rk}from"react/jsx-runtime";var zk="k-popup",Gy=[],Ky={},Hk={positionMode:"absolute"},F=e=>{let{offset:t,positionMode:a=Hk.positionMode,animationStyle:r,...s}=e;return Rk(Ko,{positionMode:a,offset:t,animationStyle:r,children:Rk("div",{...s,className:o(e.className,zk),children:e.children})})};F.states=Gy;F.options=Ky;F.className=zk;F.defaultOptions=Hk;import{jsx as Ry}from"react/jsx-runtime";var In="k-actions",Dy=[],Fy={},Uc={alignment:"start",orientation:"horizontal"},W=e=>{let{alignment:t=Uc.alignment,orientation:a=Uc.orientation,...r}=e;return Ry("div",{...r,className:o(In,{[`${In}-${t}`]:t,[`${In}-${a}`]:a},e.className),children:e.children})};W.states=Dy;W.options=Fy;W.className=In;W.defaultOptions=Uc;var Ok=W;import{jsx as Hy}from"react/jsx-runtime";var zy="k-actionsheet-footer",Wk={alignment:"stretched",orientation:"horizontal"},zt=e=>{let{alignment:t=Wk.alignment,orientation:a=Wk.orientation,template:r,as:s=r?"div":W,...i}=e;return Hy(s,{...i,...!r&&{alignment:t,orientation:a},className:o(e.className,zy),children:e.children})};import{jsx as bs,jsxs as Qy}from"react/jsx-runtime";var Qk="k-searchbox",Oy=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading],Wy={size:[n.small,n.medium,n.large],rounded:[h.small,h.medium,h.large,h.full],fillMode:[b.solid,b.flat,b.outline]},qc={showIcon:!0,icon:"search",size:M.defaultOptions.size,rounded:M.defaultOptions.rounded,fillMode:M.defaultOptions.fillMode},De=e=>{let{value:t,placeholder:a,size:r,rounded:s,fillMode:i,hover:d,focus:p,valid:m,invalid:k,required:v,loading:T,disabled:g,showIcon:A=qc.showIcon,icon:N=qc.icon,...S}=e;return Qy(M,{...S,size:r,rounded:s,fillMode:i,hover:d,focus:p,valid:m,invalid:k,required:v,loading:T,disabled:g,className:o(e.className,Qk),children:[A&&bs(y,{className:"k-input-icon",icon:N}),bs(se,{placeholder:a,value:t}),bs(J,{...e}),bs(X,{...e}),bs(te,{...e})]})};De.states=Oy;De.options=Wy;De.className=Qk;De.defaultOptions=qc;import{jsx as MF}from"react/jsx-runtime";import{Fragment as Vk,jsx as Do,jsxs as _c}from"react/jsx-runtime";var Xk="k-textbox",Vy=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],Xy={size:[n.small,n.medium,n.large],rounded:[h.small,h.medium,h.large,h.full],fillMode:[b.solid,b.flat,b.outline]},Aa={showClearButton:!0,showValidationIcon:!0,size:M.defaultOptions.size,rounded:M.defaultOptions.rounded,fillMode:M.defaultOptions.fillMode,separators:!0},Z=e=>{let{size:t=Aa.size,rounded:a=Aa.rounded,fillMode:r=Aa.fillMode,separators:s=Aa.separators,showClearButton:i=Aa.showClearButton,showValidationIcon:d=Aa.showValidationIcon,prefix:p,suffix:m,type:k,value:v,placeholder:T,hover:g,focus:A,valid:N,invalid:S,required:B,loading:L,disabled:E,readonly:D,...H}=e;return _c(M,{...H,size:t,rounded:a,fillMode:r,hover:g,focus:A,valid:N,invalid:S,required:B,loading:L,disabled:E,readonly:D,className:o(e.className,Xk),children:[p&&_c(Vk,{children:[Do($,{children:p}),s&&Do(ge,{})]}),Do(se,{placeholder:T,value:v,type:k}),d&&Do(X,{valid:N,invalid:S,loading:L,disabled:E}),Do(J,{loading:L,disabled:E}),i&&Do(te,{loading:L,disabled:E,readonly:D,value:v}),m&&_c(Vk,{children:[s&&Do(ge,{}),Do(ee,{children:m})]})]})};Z.states=Vy;Z.options=Xy;Z.className=Xk;Z.defaultOptions=Aa;import{jsx as HF}from"react/jsx-runtime";import{Fragment as ZF,jsx as XF}from"react/jsx-runtime";import{Fragment as $F,jsx as _F}from"react/jsx-runtime";import{jsx as Fo,jsxs as $c}from"react/jsx-runtime";var jk="k-actionsheet-titlebar",Zy={},ae=e=>{let{title:t,subtitle:a,actionsStart:r,actionsEnd:s,filter:i,input:d,inputValue:p,inputPlaceholder:m,adaptive:k,children:v,...T}=e;return $c("div",{...T,className:o(e.className,jk),children:[$c("div",{className:"k-actionsheet-titlebar-group",children:[r&&Fo("div",{className:"k-actionsheet-actions",children:r}),!v&&$c("div",{className:"k-actionsheet-title",children:[t&&Fo("div",{className:"k-text-center",children:t}),a&&Fo("div",{className:"k-actionsheet-subtitle k-text-center",children:a})]}),v&&Fo("div",{className:"k-actionsheet-title",children:v}),s&&Fo("div",{className:"k-actionsheet-actions",children:s})]}),(d||i)&&Fo("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?Fo(Z,{value:p,placeholder:m,size:k?"large":"medium"}):Fo(De,{placeholder:"Filter",size:k?"large":"medium"})})]})};ae.className=jk;ae.defaultOptions=Zy;import{jsx as ep,jsxs as qy}from"react/jsx-runtime";var tp="k-actionsheet-view",Jy=[],jy={},Uy={},Al=e=>{let{adaptive:t,animated:a,children:r,header:s,footer:i,...d}=e,p=s?.type===ae&&ep(ae,{adaptive:t,...s?.props}),m=i?.type===zt&&ep(zt,{...i?.props});return qy("div",{...d,className:o(e.className,tp,{[`${tp}-animated`]:a}),children:[p,ep("div",{className:"k-actionsheet-content",children:r}),m]})};Al.states=Jy;Al.options=jy;Al.className=tp;Al.defaultOptions=Uy;import{jsx as Bn,jsxs as ew}from"react/jsx-runtime";var Uk="k-actionsheet",_y=[],$y={},vs={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},ie=e=>{let{side:t=vs.side,fullscreen:a=vs.fullscreen,adaptive:r=vs.adaptive,overlay:s=vs.overlay,template:i,children:d,header:p,footer:m,...k}=e;return ew("div",{className:"k-actionsheet-container",children:[s&&Bn("div",{className:"k-overlay"}),Bn(Ko,{animationStyle:{[`${a===!0?"top":t}`]:0,[`${a===!0?"width":null}`]:"100%",[`${a===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${