@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
1 lines • 293 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"}),v=(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 d={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 ty,jsx as Ak}from"react/jsx-runtime";var Zc="k-icon k-font-icon",_v=[],$v={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]},ey={},gs=e=>{let{size:t,themeColor:a,icon:r,rotate:s,flip:i,...n}=e;return r?Ak("span",{...n,className:o(e.className,Zc,C(Zc,{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"})}):Ak(ty,{})};gs.states=_v;gs.options=$v;gs.className=Zc;gs.defaultOptions=ey;var Nk=gs;import{Fragment as ly,jsx as Mn}from"react/jsx-runtime";var Jc="k-icon k-svg-icon",oy=[],ay={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]},Ck={viewBox:"0 0 24 24"},xs=e=>{let{size:t,themeColor:a,rotate:r,flip:s,viewBox:i=Ck.viewBox,icon:n,...c}=e;if(!n)return Mn(ly,{});n==="none"&&{...c,className:o(e.className,Jc,"k-none")};let m=typeof n=="object"&&n.name&&n.name;return Mn("span",{...c,className:o(e.className,Jc,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:Mn("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})})};xs.states=oy;xs.options=ay;xs.className=Jc;xs.defaultOptions=Ck;var jc=xs;import*as Sk from"@progress/kendo-svg-icons";import{Fragment as Ik,jsx as bs}from"react/jsx-runtime";var ry=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),sy=[],iy={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]},Uc={viewBox:"0 0 24 24",type:"svg"},x=e=>{let{size:t,themeColor:a,icon:r,type:s=Uc.type,rotate:i,flip:n,viewBox:c=Uc.viewBox,...m}=e;if(!r)return bs(Ik,{});if(s==="svg"){if(r==="none")return bs(jc,{...m,icon:r,size:t});let k=ry(`${r}-icon`);return Sk[k]?bs(jc,{...m,icon:Sk[k],size:t,themeColor:a,rotate:i,flip:n,viewBox:c}):bs(Ik,{})}return bs(Nk,{...m,icon:r,size:t,themeColor:a,rotate:i,flip:n})};x.states=sy;x.options=iy;x.defaultOptions=Uc;var qc=x;import{jsx as vs,jsxs as Bk}from"react/jsx-runtime";var _c="k-tooltip",ny=[],dy={themeColor:[u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.light,u.dark,u.inverse]},Mk={closable:!1},Al=e=>{let{closable:t=Mk.closable,callout:a,themeColor:r,title:s,content:i,icon:n,...c}=e;return Bk("div",{...c,className:o(e.className,_c,C(_c,{themeColor:r}),{"k-tooltip-closable":t}),children:[n&&vs(x,{className:"k-tooltip-icon",icon:n}),Bk("div",{className:"k-tooltip-content",children:[s&&vs("div",{className:"k-tooltip-title",children:s}),i]}),t&&vs("div",{className:"k-tooltip-button",children:vs(x,{icon:"x"})}),a&&vs("div",{className:o("k-callout",{[`k-callout-${gt.calloutMap[a]||a}`]:a})})]})};Al.states=ny;Al.options=dy;Al.className=_c;Al.defaultOptions=Mk;import{jsx as qG}from"react/jsx-runtime";import{jsx as tK}from"react/jsx-runtime";import{jsx as f}from"react/jsx-runtime";var $c=[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"})],Lk=[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 uy,jsx as ys,jsxs as Ek}from"react/jsx-runtime";var Ln="k-button",py=[l.hover,l.focus,l.active,l.selected,l.disabled],my={size:[d.small,d.medium,d.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]},Ca={size:d.medium,rounded:h.medium,fillMode:b.solid,themeColor:u.base,showArrow:!1,arrowIconName:"caret-alt-down"},p=e=>{let{size:t=Ca.size,rounded:a=Ca.rounded,fillMode:r=Ca.fillMode,themeColor:s=Ca.themeColor,showArrow:i=Ca.showArrow,arrowIconName:n=Ca.arrowIconName,hover:c,focus:m,active:k,selected:y,disabled:T,icon:g,text:A,iconClassName:N,...S}=e,I=g!==void 0,L=e.children!==void 0;return Ek("button",{...S,className:o(e.className,Ln,C(Ln,{size:t,rounded:a,fillMode:r,themeColor:s}),v(Ln,{hover:c,focus:m,active:k,disabled:T,selected:y}),{"k-icon-button":!A&&!L&&I}),children:[g&&ys(x,{className:o(N,"k-button-icon"),icon:g}),A?Ek(uy,{children:[A&&ys("span",{className:"k-button-text",children:A}),e.children]}):e.children&&ys("span",{className:"k-button-text",children:e.children}),i&&ys("span",{className:"k-menu-button-arrow k-button-arrow",children:ys(x,{icon:n})})]})};p.states=py;p.options=my;p.className=Ln;p.defaultOptions=Ca;import{jsx as ky}from"react/jsx-runtime";var Ne=e=>ky(p,{icon:"folder",...e,children:void 0});import{jsx as fy}from"react/jsx-runtime";var Rt=e=>fy(p,{icon:"folder",children:"Button",...e});import{jsx as yK}from"react/jsx-runtime";import{jsx as xy}from"react/jsx-runtime";var ws="k-button-group",hy=[l.disabled],gy={fillMode:[b.solid,b.flat,b.outline,b.clear,b.link]},Yk={fillMode:b.solid},Y=e=>{let{fillMode:t=Yk.fillMode,disabled:a,stretched:r,...s}=e;return xy("div",{...s,className:o(e.className,ws,C(ws,{fillMode:t}),v(ws,{disabled:a}),{[`${ws}-stretched`]:r}),children:e.children})};Y.states=hy;Y.options=gy;Y.className=ws;Y.defaultOptions=Yk;import{Fragment as GK,jsx as PK,jsxs as KK}from"react/jsx-runtime";import{Fragment as OK,jsx as HK,jsxs as WK}from"react/jsx-runtime";import{Fragment as jK,jsx as JK,jsxs as UK}from"react/jsx-runtime";import{Fragment as oD,jsx as tD,jsxs as aD}from"react/jsx-runtime";import{jsx as yy}from"react/jsx-runtime";var En="k-input",by=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],vy={size:[d.small,d.medium,d.large],rounded:[h.small,h.medium,h.large,h.full],fillMode:[b.solid,b.flat,b.outline]},Yn={size:d.medium,rounded:d.medium,fillMode:b.solid},M=e=>{let{hover:t,focus:a,disabled:r,invalid:s,valid:i,loading:n,readonly:c,size:m=Yn.size,rounded:k=Yn.rounded,fillMode:y=Yn.fillMode,...T}=e;return yy("span",{...T,className:o(e.className,En,C(En,{size:m,rounded:k,fillMode:y}),v(En,{hover:t,focus:a,disabled:r,invalid:s,valid:i,loading:n,readonly:c}))})};M.states=by;M.options=vy;M.className=En;M.defaultOptions=Yn;import{jsx as Ay}from"react/jsx-runtime";var Pn="k-picker",wy=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],Ty={size:[d.small,d.medium,d.large],rounded:[h.small,h.medium,h.large,h.full],fillMode:[b.solid,b.flat,b.outline]},Gn={size:d.medium,rounded:h.medium,fillMode:b.solid},xt=e=>{let{hover:t,focus:a,disabled:r,invalid:s,valid:i,loading:n,readonly:c,size:m=Gn.size,rounded:k=Gn.rounded,fillMode:y=Gn.fillMode,...T}=e;return Ay("span",{...T,className:o(e.className,Pn,C(Pn,{size:m,rounded:k,fillMode:y}),v(Pn,{hover:t,focus:a,disabled:r,invalid:s,valid:i,loading:n,readonly:c})),children:e.children})};xt.states=wy;xt.options=Ty;xt.className=Pn;xt.defaultOptions=Gn;import{Fragment as Sy,jsx as ep}from"react/jsx-runtime";var Pk="k-clear-value",Ny=[l.disabled,l.loading,l.readonly],Cy={},te=e=>{let{disabled:t,loading:a,readonly:r,value:s}=e;return t||r||a||!s?ep(Sy,{}):ep("span",{className:o(e.className,Pk),children:ep(x,{icon:"x"})})};te.states=Ny;te.options=Cy;te.className=Pk;import{jsx as My}from"react/jsx-runtime";var tp="k-input-inner",Iy=[],By={},Kn={type:"text",autocomplete:"off",value:"",placeholder:""},se=e=>{let{value:t=Kn.value,type:a=Kn.type,placeholder:r=Kn.placeholder,autocomplete:s=Kn.autocomplete,...i}=e;return My("input",{...i,type:a,className:o(e.className,tp,C(tp,e)),placeholder:r,autoComplete:s,defaultValue:t})};se.states=Iy;se.options=By;se.className=tp;import{jsx as Gk,jsxs as Yy}from"react/jsx-runtime";var op="k-input-inner",Ly=[],Ey={},wo=e=>{let{value:t,placeholder:a,showValue:r,valueIcon:s,valueIconName:i,...n}=e;return Yy("span",{...n,className:o(e.className,op,C(op,e)),children:[s,!s&&i&&Gk(x,{className:"k-input-value-icon",icon:i}),r&&!t&&a,r&&t&&Gk("span",{className:"k-input-value-text",children:t})]})};wo.states=Ly;wo.options=Ey;wo.className=op;import{jsx as Ky}from"react/jsx-runtime";var ap="k-input-inner",Py=[],Gy={},Kk={value:"",placeholder:""},Ts=e=>{let{value:t=Kk.value,placeholder:a=Kk.placeholder,rows:r,...s}=e;return Ky("textarea",{...s,className:o(e.className,ap,C(ap,e)),placeholder:a,rows:r,defaultValue:t})};Ts.states=Py;Ts.options=Gy;Ts.className=ap;import{Fragment as Fy,jsx as Dk}from"react/jsx-runtime";var Fk="k-input-loading-icon",Dy=[l.disabled,l.loading],J=e=>{let{disabled:t,loading:a}=e;return t||!a?Dk(Fy,{}):Dk("span",{className:o(e.className,Fk,"k-icon k-i-loading")})};J.states=Dy;J.className=Fk;import{Fragment as Hy,jsx as Rk}from"react/jsx-runtime";var zk="k-input-validation-icon",Ry=[l.valid,l.invalid,l.disabled,l.loading],zy={},X=e=>{let{valid:t,invalid:a,disabled:r,loading:s}=e,i=a?"warning-circle":"check-circle";return r||s||!!!(t||a)?Rk(Hy,{}):Rk(x,{className:o(zk),icon:i})};X.states=Ry;X.options=zy;X.className=zk;import{Fragment as Qy,jsx as Hk}from"react/jsx-runtime";var Oy="k-input-prefix",Wy={direction:"horizontal"},$=e=>{let{direction:t=Wy.direction,...a}=e;return e.children?Hk("span",{...a,className:o(Oy,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Hk(Qy,{})};import{Fragment as Zy,jsx as Ok}from"react/jsx-runtime";var Vy="k-input-suffix",Xy={direction:"horizontal"},ee=e=>{let{direction:t=Xy.direction,...a}=e;return e.children?Ok("span",{...a,className:o(Vy,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ok(Zy,{})};import{jsx as XD}from"react/jsx-runtime";import{jsx as UD}from"react/jsx-runtime";import{jsx as jy}from"react/jsx-runtime";var Wk="k-input-separator",Jy={direction:"vertical"},ge=e=>{let{direction:t=Jy.direction,...a}=e;return jy("span",{...a,className:o(Wk,e.className,{[`${Wk}-${t}`]:t})})};import{jsx as Qk,jsxs as _y}from"react/jsx-runtime";var Vk="k-color-preview",Uy=[],qy={},Do=e=>{let{color:t,iconName:a,...r}=e;return _y("span",{...r,className:o(e.className,Vk,{"k-icon-color-preview":a,"k-no-color":!t}),children:[a&&Qk(x,{icon:a,className:"k-color-preview-icon"}),Qk("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Do.states=Uy;Do.options=qy;Do.className=Vk;import{jsx as Xk}from"react/jsx-runtime";var Zk="k-animation-container",$y=[],ew={},Jk={positionMode:"absolute"},Fo=e=>{let{positionMode:t=Jk.positionMode,animationStyle:a,offset:r,...s}=e;return Xk("div",{...s,style:{...r,...e.style},className:o(e.className,Zk,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Xk("div",{className:"k-child-animation-container",style:a,children:e.children})})};Fo.states=$y;Fo.options=ew;Fo.className=Zk;Fo.defaultOptions=Jk;import{jsx as jk}from"react/jsx-runtime";var Uk="k-popup",tw=[],ow={},qk={positionMode:"absolute"},F=e=>{let{offset:t,positionMode:a=qk.positionMode,animationStyle:r,...s}=e;return jk(Fo,{positionMode:a,offset:t,animationStyle:r,children:jk("div",{...s,className:o(e.className,Uk),children:e.children})})};F.states=tw;F.options=ow;F.className=Uk;F.defaultOptions=qk;import{jsx as rw}from"react/jsx-runtime";var Dn="k-actions",aw=[],lw={},lp={alignment:"start",orientation:"horizontal"},W=e=>{let{alignment:t=lp.alignment,orientation:a=lp.orientation,...r}=e;return rw("div",{...r,className:o(Dn,{[`${Dn}-${t}`]:t,[`${Dn}-${a}`]:a},e.className),children:e.children})};W.states=aw;W.options=lw;W.className=Dn;W.defaultOptions=lp;var _k=W;import{jsx as iw}from"react/jsx-runtime";var sw="k-actionsheet-footer",$k={alignment:"stretched",orientation:"horizontal"},zt=e=>{let{alignment:t=$k.alignment,orientation:a=$k.orientation,template:r,as:s=r?"div":W,...i}=e;return iw(s,{...i,...!r&&{alignment:t,orientation:a},className:o(e.className,sw),children:e.children})};import{jsx as As,jsxs as cw}from"react/jsx-runtime";var ef="k-searchbox",nw=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading],dw={size:[d.small,d.medium,d.large],rounded:[h.small,h.medium,h.large,h.full],fillMode:[b.solid,b.flat,b.outline]},rp={showIcon:!0,icon:"search",size:M.defaultOptions.size,rounded:M.defaultOptions.rounded,fillMode:M.defaultOptions.fillMode},Fe=e=>{let{value:t,placeholder:a,size:r,rounded:s,fillMode:i,hover:n,focus:c,valid:m,invalid:k,required:y,loading:T,disabled:g,showIcon:A=rp.showIcon,icon:N=rp.icon,...S}=e;return cw(M,{...S,size:r,rounded:s,fillMode:i,hover:n,focus:c,valid:m,invalid:k,required:y,loading:T,disabled:g,className:o(e.className,ef),children:[A&&As(x,{className:"k-input-icon",icon:N}),As(se,{placeholder:a,value:t}),As(J,{...e}),As(X,{...e}),As(te,{...e})]})};Fe.states=nw;Fe.options=dw;Fe.className=ef;Fe.defaultOptions=rp;import{jsx as jF}from"react/jsx-runtime";import{Fragment as tf,jsx as Ro,jsxs as sp}from"react/jsx-runtime";var of="k-textbox",pw=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],mw={size:[d.small,d.medium,d.large],rounded:[h.small,h.medium,h.large,h.full],fillMode:[b.solid,b.flat,b.outline]},Sa={showClearButton:!0,showValidationIcon:!0,size:M.defaultOptions.size,rounded:M.defaultOptions.rounded,fillMode:M.defaultOptions.fillMode,separators:!0},U=e=>{let{size:t=Sa.size,rounded:a=Sa.rounded,fillMode:r=Sa.fillMode,separators:s=Sa.separators,showClearButton:i=Sa.showClearButton,showValidationIcon:n=Sa.showValidationIcon,prefix:c,suffix:m,type:k,value:y,placeholder:T,hover:g,focus:A,valid:N,invalid:S,required:I,loading:L,disabled:E,readonly:D,...O}=e;return sp(M,{...O,size:t,rounded:a,fillMode:r,hover:g,focus:A,valid:N,invalid:S,required:I,loading:L,disabled:E,readonly:D,className:o(e.className,of),children:[c&&sp(tf,{children:[Ro($,{children:c}),s&&Ro(ge,{})]}),Ro(se,{placeholder:T,value:y,type:k}),n&&Ro(X,{valid:N,invalid:S,loading:L,disabled:E}),Ro(J,{loading:L,disabled:E}),i&&Ro(te,{loading:L,disabled:E,readonly:D,value:y}),m&&sp(tf,{children:[s&&Ro(ge,{}),Ro(ee,{children:m})]})]})};U.states=pw;U.options=mw;U.className=of;U.defaultOptions=Sa;import{jsx as sR}from"react/jsx-runtime";import{Fragment as mR,jsx as pR}from"react/jsx-runtime";import{Fragment as xR,jsx as gR}from"react/jsx-runtime";import{jsx as zo,jsxs as ip}from"react/jsx-runtime";var rf="k-actionsheet-titlebar",uw={},ae=e=>{let{title:t,subtitle:a,actionsStart:r,actionsEnd:s,filter:i,input:n,inputValue:c,inputPlaceholder:m,adaptive:k,children:y,...T}=e;return ip("div",{...T,className:o(e.className,rf),children:[ip("div",{className:"k-actionsheet-titlebar-group",children:[r&&zo("div",{className:"k-actionsheet-actions",children:r}),!y&&ip("div",{className:"k-actionsheet-title",children:[t&&zo("div",{className:"k-text-center",children:t}),a&&zo("div",{className:"k-actionsheet-subtitle k-text-center",children:a})]}),y&&zo("div",{className:"k-actionsheet-title",children:y}),s&&zo("div",{className:"k-actionsheet-actions",children:s})]}),(n||i)&&zo("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:n?zo(U,{value:c,placeholder:m,size:k?"large":"medium"}):zo(Fe,{placeholder:"Filter",size:k?"large":"medium"})})]})};ae.className=rf;ae.defaultOptions=uw;import{jsx as np,jsxs as gw}from"react/jsx-runtime";var dp="k-actionsheet-view",kw=[],fw={},hw={},Nl=e=>{let{adaptive:t,animated:a,children:r,header:s,footer:i,...n}=e,c=s?.type===ae&&np(ae,{adaptive:t,...s?.props}),m=i?.type===zt&&np(zt,{...i?.props});return gw("div",{...n,className:o(e.className,dp,{[`${dp}-animated`]:a}),children:[c,np("div",{className:"k-actionsheet-content",children:r}),m]})};Nl.states=kw;Nl.options=fw;Nl.className=dp;Nl.defaultOptions=hw;import{jsx as Fn,jsxs as vw}from"react/jsx-runtime";var sf="k-actionsheet",xw=[],bw={},Ns={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},ie=e=>{let{side:t=Ns.side,fullscreen:a=Ns.fullscreen,adaptive:r=Ns.adaptive,overlay:s=Ns.overlay,template:i,children:n,header:c,footer:m,...k}=e;return vw("div",{className:"k-actionsheet-container",children:[s&&Fn("div",{className:"k-overlay"}),Fn(Fo,{animationStyle:{[`${a===!0?"top":t}`]:0,[`${a===!0?"width":null}`]:"100%",[`${a===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${