@progress/kendo-themes-html 14.0.0-dev.5 → 14.0.0-dev.7

package/dist/esm/spreadsheet/templates/spreadsheet-formula-open.mjs

@@ -1 +1 @@
-var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var A=(e,t)=>r({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),E=(e,t)=>{let{valid:o,invalid:a,hover:i,focus:s,checked:p,active:m,selected:f,disabled:h,indeterminate:x,loading:g,empty:u,readonly:S,highlighted:N,...y}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":i,"k-focus":s,"k-checked":p,"k-active":m,"k-selected":f,"k-disabled":h,"k-indeterminate":x&&!p,"k-loading":g,"k-empty":u,"k-readonly":S,"k-highlighted":N},Object.keys(y).reduce((T,M)=>(M.startsWith("k-")?T[M]=y[M]:T[`k-${M}`]=y[M],T),{}))};function yi(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var c={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},v={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},b={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},k={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},l={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"},Mi={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var Wa={};function P(e){return Wa[e]=(Wa[e]||0)+1,`k-${e}-${Wa[e]}`}var _o="spreadsheet",ua=_o;import{jsx as Ml}from"react/jsx-runtime";var Ai="k-spreadsheet",Sl=[],Ll={},yl={},Ae=e=>{let{children:t,...o}=e;return Ml("div",{...o,className:r(Ai,e.className),role:"application",children:t})};Ae.states=Sl;Ae.options=Ll;Ae.className=Ai;Ae.defaultOptions=yl;Ae.moduleName=_o;Ae.folderName=ua;Ae.ariaSpec={selector:".k-spreadsheet",rules:[{selector:".k-spreadsheet",attribute:"role=application",usage:"Indicates the Spreadsheets' role as an application."},{selector:".k-spreadsheet-menu",attribute:"role=menubar",usage:"Follows Menu spec: announces the Menu menubar role."},{selector:".k-spreadsheet-menu .k-menu-item",attribute:"role=menuitem",usage:"Follows Menu spec: announces the Menu item role."},{selector:".k-spreadsheet-toolbar",attribute:"role=toolbar",usage:"Follows Toolbar spec: the component role."},{selector:".k-spreadsheet-toolbar",attribute:"aria-label or title",usage:"Each ToolBar must have a label specifying its purpose."},{selector:".k-spreadsheet-name-editor .k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Follows ComboBox spec: identifies the input as a combobox."},{selector:".k-spreadsheet-formula-bar .k-spreadsheet-formula-input",attribute:"role=combobox",usage:"The focusable element of the component should have role combobox (an input with popup)."},{selector:".k-spreadsheet-formula-bar .k-spreadsheet-formula-input",attribute:"aria-haspopup=menu",usage:"Specifies that the formula input opens a popup."},{selector:".k-spreadsheet-formula-bar .k-spreadsheet-formula-input",attribute:"aria-controls=.k-spreadsheet-formula-list id (when present)",usage:"Points to the formulas list with role menu. Signifies that the formula input element controls the popup."},{selector:".k-spreadsheet-formula-bar .k-spreadsheet-formula-input",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-spreadsheet-formula-bar .k-spreadsheet-formula-input",attribute:"title",usage:"The Formula input must have a title specifying its purpose."},{selector:".k-spreadsheet-formula-list",attribute:"id",usage:"Unique and deterministic id linked to the aria-controls attribute of the corresponding formula input."},{selector:".k-spreadsheet-formula-list",attribute:"role=menu",usage:"Announces the menu role of the popup."},{selector:".k-spreadsheet-formula-list .k-list-item",attribute:"role=menuitem",usage:"Announces the menuitem role of the popup items."},{selector:".k-spreadsheet-sheet-add",attribute:"role=button or nodeName=button",usage:"The add new sheet element is a button."},{selector:".k-spreadsheet-sheet-add",attribute:"aria-label or title",usage:"The add new sheet element must have a label as it does not have text content."},{selector:".k-spreadsheet-sheet-add",attribute:"aria-controls=.k-tabstrip-items id (when present)",usage:"Points to the ul element of the TabStrip that contains all tabs."},{selector:".k-spreadsheet-sheets-menu",attribute:"role=button or nodeName=button",usage:"Follows DropDownButton spec: omitted if the button DOM element is used."},{selector:".k-spreadsheet-sheets-menu",attribute:"aria-label or title",usage:"Follows DropDownButton spec: required when no text is visible."},{selector:".k-spreadsheet-sheets-menu",attribute:"aria-controls=.k-tabstrip-items id (when present)",usage:"Points to the ul element of the TabStrip that contains all tabs."},{selector:".k-spreadsheet-sheets .k-tabstrip-items",attribute:"role=tablist",usage:"Follows TabStrip spec: indicates the tablist role for the ul element."},{selector:".k-spreadsheet-sheets .k-tabstrip-item",attribute:"role=tab",usage:"Follows TabStrip spec: the tab li element."},{selector:".k-spreadsheet-sheets .k-tabstrip-item .k-menu-button",attribute:"aria-label or title",usage:"Follows DropDownButton spec: required when no text is visible in the tab menu button."}]};import{Fragment as Tl,jsx as wi}from"react/jsx-runtime";var Xa="k-font-icon",Al=[],wl={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info]},Il={},Ho=e=>{let{size:t,themeColor:o,icon:a,rotate:i,flip:s,...p}=e;return a?wi("span",{...p,className:r(e.className,Xa,A(Xa,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true"}):wi(Tl,{})};Ho.states=Al;Ho.options=wl;Ho.className=Xa;Ho.defaultOptions=Il;var Ii=Ho;import{Fragment as Ol,jsx as fa}from"react/jsx-runtime";var Ja="k-svg-icon",El=[],Cl={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info]},Ti={viewBox:"0 0 24 24"},zo=e=>{let{size:t,themeColor:o,rotate:a,flip:i,viewBox:s=Ti.viewBox,icon:p,...m}=e;if(!p)return fa(Ol,{});if(p==="none")return fa("span",{...m,className:r(e.className,Ja,A("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof p=="object"&&p.name&&p.name;return fa("span",{...m,className:r(e.className,Ja,A("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),"aria-hidden":"true",children:fa("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof p=="object"?p.viewBox:s,dangerouslySetInnerHTML:typeof p=="object"?{__html:p.content}:void 0,children:p?void 0:e.children})})};zo.states=El;zo.options=Cl;zo.className=Ja;zo.defaultOptions=Ti;var qa=zo;import*as Ya from"@progress/kendo-svg-icons";var Ei="icon",Ci="icons";import{useContext as Pl}from"react";import{createContext as Bl}from"react";var Oi=Bl({iconsType:"svg"});import{Fragment as Bi,jsx as Fo}from"react/jsx-runtime";var ba="k-icon",Rl=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Kl=[],Dl={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info]},Qa={viewBox:"0 0 24 24",type:"svg"},L=e=>{let{iconsType:t}=Pl(Oi),{size:o,themeColor:a,icon:i,type:s=t||Qa.type,rotate:p,flip:m,viewBox:f=Qa.viewBox,...h}=e;if(!i)return Fo(Bi,{});if((t||s)==="svg"){if(i==="none")return Fo(qa,{...h,className:r(e.className,ba),icon:i,size:o});let g=Ya[i]?i:Rl(`${i}-icon`);return Ya[g]?Fo(qa,{...h,className:r(e.className,ba),icon:Ya[g],size:o,themeColor:a,rotate:p,flip:m,viewBox:f}):Fo(Bi,{})}return Fo(Ii,{...h,className:r(e.className,ba),icon:i,size:o,themeColor:a,rotate:p,flip:m})};L.states=Kl;L.options=Dl;L.defaultOptions=Qa;L.className=ba;L.moduleName=Ei;L.folderName=Ci;L.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var Za="button",Pi=Za;import{Fragment as Fl,jsx as Uo,jsxs as Ri}from"react/jsx-runtime";var Go="k-button",_l=["icon-button"],Hl=[l.hover,l.focus,l.active,l.selected,l.disabled,l.generating],zl={size:[c.undefined,c.xsmall,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info,k.inverse]},ja={showArrow:!1,arrowIconName:"chevron-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:i,themeColor:s,showArrow:p=ja.showArrow,arrowIconName:m=ja.arrowIconName,variant:f,hover:h,focus:x,active:g,selected:u,disabled:S,togglable:N,ariaDisabled:y,icon:T,text:M,iconClassName:D,className:Z,...de}=e,ue=T!==void 0,fe=e.children!==void 0;return Ri(t,{className:r(Z,Go,yi(Go,f),A(Go,{size:o,rounded:a,fillMode:i,themeColor:s}),E(Go,{hover:h,focus:x,active:g,disabled:S||y,selected:u}),{"k-icon-button":!M&&!fe&&ue}),...de,"aria-pressed":N?u?"true":"false":void 0,"aria-disabled":y?"true":void 0,disabled:S||void 0,children:[T&&Uo(L,{className:r(D,"k-button-icon"),icon:T}),M?Ri(Fl,{children:[M&&Uo("span",{className:"k-button-text",children:M}),e.children]}):e.children&&Uo("span",{className:"k-button-text",children:e.children}),p&&Uo("span",{className:"k-menu-button-arrow k-button-arrow",children:Uo(L,{icon:m})})]})};d.states=Hl;d.options=zl;d.variants=_l;d.className=Go;d.defaultOptions=ja;d.moduleName=Za;d.folderName=Pi;d.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};var $o="input",ha=$o;import{jsx as Vl}from"react/jsx-runtime";var xa="k-input",Ul=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],Gl={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},$l={},j=e=>{let{hover:t,focus:o,disabled:a,invalid:i,valid:s,loading:p,readonly:m,size:f,rounded:h,fillMode:x,...g}=e;return Vl("span",{...g,className:r(e.className,xa,A(xa,{size:f,rounded:h,fillMode:x}),E(xa,{hover:t,focus:o,disabled:a,invalid:i,valid:s,loading:p,readonly:m}))})};j.states=Ul;j.options=Gl;j.className=xa;j.defaultOptions=$l;j.moduleName=$o;j.folderName=ha;import{jsx as ql}from"react/jsx-runtime";var va="k-picker",Wl=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],Xl={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Jl={},Ye=e=>{let{hover:t,focus:o,disabled:a,invalid:i,valid:s,loading:p,readonly:m,size:f,rounded:h,fillMode:x,...g}=e;return ql("span",{...g,className:r(e.className,va,A(va,{size:f,rounded:h,fillMode:x}),E(va,{hover:t,focus:o,disabled:a,invalid:i,valid:s,loading:p,readonly:m})),children:e.children})};Ye.states=Wl;Ye.options=Xl;Ye.className=va;Ye.defaultOptions=Jl;Ye.moduleName=$o;Ye.folderName=ha;import{Fragment as Zl,jsx as er}from"react/jsx-runtime";var Ki="k-clear-value",Yl=[l.disabled,l.loading,l.readonly],Ql={},we=e=>{let{disabled:t,loading:o,readonly:a,value:i}=e;return t||a||o||!i?er(Zl,{}):er("span",{className:r(e.className,Ki),children:er(L,{icon:"x"})})};we.states=Yl;we.options=Ql;we.className=Ki;import{jsx as tp}from"react/jsx-runtime";var tr="k-input-inner",jl=[],ep={},ga={type:"text",autocomplete:"off",value:"",placeholder:""},Ie=e=>{let{value:t=ga.value,type:o=ga.type,placeholder:a=ga.placeholder,autocomplete:i=ga.autocomplete,disabled:s,readOnly:p,...m}=e;return tp("input",{...m,type:o,className:r(e.className,tr,A(tr,e)),placeholder:a,autoComplete:i,defaultValue:t,disabled:s||void 0,readOnly:p||void 0})};Ie.states=jl;Ie.options=ep;Ie.className=tr;import{jsx as Di,jsxs as rp}from"react/jsx-runtime";var or="k-input-inner",op=[],ap={},Ot=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:i,valueIconName:s,...p}=e;return rp("span",{...p,className:r(e.className,or,A(or,e)),children:[i,!i&&s&&Di(L,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&Di("span",{className:"k-input-value-text",children:t})]})};Ot.states=op;Ot.options=ap;Ot.className=or;import{jsx as sp}from"react/jsx-runtime";var ar="k-input-inner",ip=[],np={},_i={value:"",placeholder:""},rr=e=>{let{value:t=_i.value,placeholder:o=_i.placeholder,rows:a,disabled:i,...s}=e;return sp("textarea",{...s,className:r(e.className,ar,A(ar,e)),placeholder:o,rows:a,defaultValue:t,disabled:i||void 0})};rr.states=ip;rr.options=np;rr.className=ar;import{Fragment as pp,jsx as Hi}from"react/jsx-runtime";var zi="k-input-loading-icon",lp=[l.disabled,l.loading],Le=e=>{let{disabled:t,loading:o}=e;return t||!o?Hi(pp,{}):Hi("span",{className:r(e.className,zi,"k-icon k-i-loading")})};Le.states=lp;Le.className=zi;import{Fragment as mp,jsx as Fi}from"react/jsx-runtime";var Ui="k-input-validation-icon",dp=[l.valid,l.invalid,l.disabled,l.loading],cp={},be=e=>{let{valid:t,invalid:o,disabled:a,loading:i}=e,s=o?"warning-circle":"check-circle";return a||i||!!!(t||o)?Fi(mp,{}):Fi(L,{className:r(Ui),icon:s})};be.states=dp;be.options=cp;be.className=Ui;import{Fragment as bp,jsx as Gi}from"react/jsx-runtime";var up="k-input-prefix",fp={direction:"horizontal"},Be=e=>{let{direction:t=fp.direction,...o}=e;return e.children?Gi("span",{...o,className:r(up,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Gi(bp,{})};import{Fragment as vp,jsx as $i}from"react/jsx-runtime";var hp="k-input-suffix",xp={direction:"horizontal"},Pe=e=>{let{direction:t=xp.direction,...o}=e;return e.children?$i("span",{...o,className:r(hp,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):$i(vp,{})};import{jsx as tx}from"react/jsx-runtime";import{jsx as kp}from"react/jsx-runtime";var gp="k-input-suffix-text",ir=e=>{let{children:t,...o}=e;return kp("span",{...o,className:r(gp,e.className),children:t})};import{jsx as Sp}from"react/jsx-runtime";var Vi="k-input-separator",Np={direction:"vertical"},Re=e=>{let{direction:t=Np.direction,...o}=e;return Sp("span",{...o,className:r(Vi,e.className,{[`${Vi}-${t}`]:t})})};import{jsx as Lp}from"react/jsx-runtime";var Bt=e=>Lp(d,{children:"Button",...e});import{Fragment as Wi,jsx as Qe,jsxs as nr}from"react/jsx-runtime";var yp=j.states,Mp=j.defaultOptions,Ap=j.options,wp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Ip=[],Wt=e=>{let{modifiers:t,valid:o,invalid:a,loading:i,disabled:s,readonly:p,...m}=e,f=t?.prefix,h=t?.suffix,x=t?.["clear-button"],g=t?.["validation-icon"],u=t?.separators;return nr(j,{...m,valid:o,invalid:a,loading:i,disabled:s,readonly:p,style:{width:300},children:[f&&nr(Wi,{children:[Qe(Be,{children:Qe(L,{icon:"lock"})}),u&&Qe(Re,{})]}),Qe(Ie,{placeholder:"Placeholder",value:"Value"}),g&&Qe(be,{valid:o,invalid:a,loading:i,disabled:s}),Qe(Le,{loading:i,disabled:s}),x&&Qe(we,{loading:i,disabled:s,readonly:p,value:"Value"}),h&&nr(Wi,{children:[u&&Qe(Re,{}),Qe(Pe,{children:Qe(Bt,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};Wt.options=Ap;Wt.states=yp;Wt.variants=Ip;Wt.defaultOptions=Mp;Wt.modifiers=wp;Wt.className=j.className;import{jsx as Tp}from"react/jsx-runtime";var xt=e=>Tp(d,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Ep}from"react/jsx-runtime";var Vo=e=>Ep(d,{icon:"folder",children:"Button",...e});import{jsx as sr}from"react/jsx-runtime";var Cp=d.options,Op=d.states,Bp={...d.defaultOptions,variant:"text"},Pp=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Rp=[],Xt=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return sr(xt,{...o,icon:"star"});case"icon-and-text":return sr(Vo,{...o,icon:"star",children:"Button"});default:return sr(Bt,{...o,children:"Button"})}};Xt.options=Cp;Xt.states=Op;Xt.variants=Pp;Xt.defaultOptions=Bp;Xt.modifiers=Rp;Xt.className=d.className;var lr="popup",Xi=lr;import{jsx as Ji}from"react/jsx-runtime";var qi="k-animation-container",Kp=[],Dp={},Yi={positionMode:"absolute"},Ke=e=>{let{positionMode:t=Yi.positionMode,animationStyle:o,offset:a,...i}=e;return Ji("div",{...i,style:{...a,...e.style},className:r(e.className,qi,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Ji("div",{className:"k-child-animation-container",style:o,children:e.children})})};Ke.states=Kp;Ke.options=Dp;Ke.className=qi;Ke.defaultOptions=Yi;Ke.moduleName=lr;Ke.folderName=Xi;var pr="popup",Qi=pr;import{jsx as Zi}from"react/jsx-runtime";var ji="k-popup",_p=[],Hp={},en={positionMode:"absolute"},X=e=>{let{offset:t,positionMode:o=en.positionMode,animationStyle:a,containerClassName:i,containerRole:s,containerAriaLabel:p,...m}=e;return Zi(Ke,{positionMode:o,offset:t,animationStyle:a,className:i,role:s,"aria-label":p,children:Zi("div",{...m,className:r(e.className,ji),children:e.children})})};X.states=_p;X.options=Hp;X.className=ji;X.defaultOptions=en;X.moduleName=pr;X.folderName=Qi;X.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var dr="action-buttons",tn=dr;import{jsx as Up}from"react/jsx-runtime";var ka="k-actions",zp=[],Fp={},cr={alignment:"start",orientation:"horizontal"},Ze=e=>{let{alignment:t=cr.alignment,orientation:o=cr.orientation,...a}=e;return Up("div",{...a,className:r(ka,{[`${ka}-${t}`]:t,[`${ka}-${o}`]:o},e.className),children:e.children})};Ze.states=zp;Ze.options=Fp;Ze.className=ka;Ze.defaultOptions=cr;Ze.moduleName=dr;Ze.folderName=tn;import{jsx as $p}from"react/jsx-runtime";var Gp="k-actionsheet-footer",on={alignment:"stretched",orientation:"horizontal"},vt=e=>{let{alignment:t=on.alignment,orientation:o=on.orientation,template:a,as:i=a?"div":Ze,...s}=e;return $p(i,{...s,...!a&&{alignment:t,orientation:o},className:r(e.className,Gp),children:e.children})};var mr="searchbox",an=mr;import{jsx as Wo,jsxs as Xp}from"react/jsx-runtime";var rn="k-searchbox",Vp=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading],Wp={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},ur={showIcon:!0,icon:"search"},De=e=>{let{value:t,placeholder:o,size:a,rounded:i,fillMode:s,hover:p,focus:m,valid:f,invalid:h,required:x,loading:g,disabled:u,showIcon:S=ur.showIcon,icon:N=ur.icon,"aria-label":y,...T}=e;return Xp(j,{...T,size:a,rounded:i,fillMode:s,hover:p,focus:m,valid:f,invalid:h,required:x,loading:g,disabled:u,className:r(e.className,rn),children:[S&&Wo(L,{className:"k-input-icon",icon:N}),Wo(Ie,{placeholder:o,value:t,"aria-label":y}),Wo(Le,{...e}),Wo(be,{...e}),Wo(we,{...e})]})};De.states=Vp;De.options=Wp;De.className=rn;De.defaultOptions=ur;De.moduleName=mr;De.folderName=an;import{jsx as Uv}from"react/jsx-runtime";var fr="textbox",nn=fr;import{Fragment as sn,jsx as gt,jsxs as br}from"react/jsx-runtime";var ln="k-textbox",Jp=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],qp={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Na={showClearButton:!0,showValidationIcon:!0,separators:!0},le=e=>{let{size:t,rounded:o,fillMode:a,separators:i=Na.separators,showClearButton:s=Na.showClearButton,showValidationIcon:p=Na.showValidationIcon,prefix:m,suffix:f,type:h,value:x,placeholder:g,hover:u,focus:S,valid:N,invalid:y,required:T,loading:M,disabled:D,readonly:Z,id:de,"aria-label":ue,"aria-describedby":fe,...Me}=e;return br(j,{...Me,size:t,rounded:o,fillMode:a,hover:u,focus:S,valid:N,invalid:y,required:T,loading:M,disabled:D,readonly:Z,className:r(e.className,ln),children:[m&&br(sn,{children:[gt(Be,{children:m}),i&&gt(Re,{})]}),gt(Ie,{id:de,placeholder:g,value:x,type:h,disabled:D,"aria-label":ue,"aria-describedby":fe,"aria-invalid":y?"true":void 0}),p&&gt(be,{valid:N,invalid:y,loading:M,disabled:D}),gt(Le,{loading:M,disabled:D}),s&&gt(we,{loading:M,disabled:D,readonly:Z,value:x}),f&&br(sn,{children:[i&&gt(Re,{}),gt(Pe,{children:f})]})]})};le.states=Jp;le.options=qp;le.className=ln;le.defaultOptions=Na;le.moduleName=fr;le.folderName=nn;le.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var Xo=le;import{jsx as Yp}from"react/jsx-runtime";var pn=e=>Yp(Xo,{...e});import{Fragment as ng,jsx as ig}from"react/jsx-runtime";import{Fragment as mg,jsx as cg}from"react/jsx-runtime";import{jsx as hg}from"react/jsx-runtime";import{jsx as hr}from"react/jsx-runtime";var Qp=le.states,Zp=le.defaultOptions,jp=le.options,ed=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],td=[],Jt=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?hr(L,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[i]?hr(Bt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[i];break;default:break}}),hr(pn,{value:"Value",style:{width:300},...o,...a})};Jt.options=jp;Jt.states=Qp;Jt.variants=td;Jt.defaultOptions=Zp;Jt.modifiers=ed;Jt.className=le.className;import{jsx as kt,jsxs as xr}from"react/jsx-runtime";var dn="k-actionsheet-titlebar",od={},he=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:i,filter:s,input:p,inputValue:m,inputPlaceholder:f,adaptive:h,titleId:x,children:g,...u}=e;return xr("div",{...u,className:r(e.className,dn),children:[xr("div",{className:"k-actionsheet-titlebar-group",children:[a&&kt("div",{className:"k-actionsheet-actions",children:a}),!g&&xr("div",{className:"k-actionsheet-title",id:x,children:[t&&kt("div",{className:"k-text-center",children:t}),o&&kt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),g&&kt("div",{className:"k-actionsheet-title",id:x,children:g}),i&&kt("div",{className:"k-actionsheet-actions",children:i})]}),(p||s)&&kt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?kt(le,{value:m,placeholder:f,size:h?"large":"medium","aria-label":t||f||"Input"}):kt(De,{placeholder:"Filter",size:h?"large":"medium","aria-label":"Filter options"})})]})};he.className=dn;he.defaultOptions=od;import{jsx as vr,jsxs as nd}from"react/jsx-runtime";var gr="k-actionsheet-view",ad=[],rd={},id={},qt=e=>{let{adaptive:t,animated:o,children:a,header:i,footer:s,titleId:p,...m}=e,f=i?.type===he&&vr(he,{adaptive:t,titleId:p,...i?.props}),h=s?.type===vt&&vr(vt,{...s?.props});return nd("div",{...m,className:r(e.className,gr,{[`${gr}-animated`]:o}),children:[f,vr("div",{className:"k-actionsheet-content",children:a}),h]})};qt.states=ad;qt.options=rd;qt.className=gr;qt.defaultOptions=id;var Jo="action-sheet",Sa=Jo;var kr="overlay",cn=kr;import{jsx as dd}from"react/jsx-runtime";var mn="k-overlay",sd=[],ld={},pd={},Nt=e=>{let{...t}=e;return dd("div",{...t,className:r(e.className,mn),children:e.children})};Nt.states=sd;Nt.options=ld;Nt.className=mn;Nt.defaultOptions=pd;Nt.moduleName=kr;Nt.folderName=cn;import{jsx as La,jsxs as ud}from"react/jsx-runtime";var un="k-actionsheet",cd=[],md={},qo={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Y=e=>{let{side:t=qo.side,fullscreen:o=qo.fullscreen,adaptive:a=qo.adaptive,overlay:i=qo.overlay,template:s,children:p,header:m,footer:f,id:h,...x}=e,g=h&&!s&&m?`${h}-title`:void 0;return ud("div",{className:"k-actionsheet-container",children:[i&&La(Nt,{}),La(Ke,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:La("div",{...x,id:h,role:"dialog","aria-modal":i?"true":void 0,"aria-labelledby":g,className:r(e.className,un,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||La(qt,{header:m,footer:f,adaptive:a,titleId:g,...e,children:p})})})]})};Y.states=cd;Y.options=md;Y.className=un;Y.defaultOptions=qo;Y.moduleName=Jo;Y.folderName=Sa;Y.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};import{jsx as xd}from"react/jsx-runtime";var fn="k-actionsheet-container",fd=[],bd={},hd={},Yt=e=>{let{children:t,...o}=e;return xd("div",{...o,className:fn,children:t})};Yt.states=fd;Yt.options=bd;Yt.className=fn;Yt.defaultOptions=hd;Yt.moduleName=Jo;Yt.folderName=Sa;import{jsx as vd}from"react/jsx-runtime";var Nr=e=>{let{...t}=e;return vd("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as kd,jsx as Yo,jsxs as Sr}from"react/jsx-runtime";var Lr="k-actionsheet-item",gd=[l.hover,l.focus,l.selected,l.disabled],St=e=>{let{iconName:t,text:o,description:a,hover:i,focus:s,selected:p,disabled:m,...f}=e;return Sr("span",{...f,className:r(e.className,Lr,E(Lr,{hover:i,focus:s,selected:p,disabled:m})),children:[!e.children&&Yo(kd,{children:Sr("span",{className:"k-actionsheet-action",children:[t&&Yo("span",{className:"k-icon-wrap",children:Yo(L,{className:"k-actionsheet-item-icon",icon:t})}),Sr("span",{className:"k-actionsheet-item-text",children:[o&&Yo("span",{className:"k-actionsheet-item-title",children:o}),a&&Yo("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};St.states=gd;St.className=Lr;import{jsx as bk,jsxs as hk}from"react/jsx-runtime";import{jsx as kk}from"react/jsx-runtime";import{jsx as yk}from"react/jsx-runtime";import{jsx as Ik}from"react/jsx-runtime";import{jsx as pe,jsxs as yr}from"react/jsx-runtime";var Nd=Y.options,Sd=Y.states,hn={...Y.defaultOptions,variant:"normal"},Ld=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],yd=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Qt=e=>{let{variant:t,modifiers:o,...a}={...hn,...e},i={},s=yr(Nr,{children:[pe(St,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),pe(St,{text:"Add to Favorites",iconName:"heart"}),pe(St,{text:"Upload New",iconName:"upload",disabled:!0}),pe("hr",{className:"k-hr"}),pe(St,{text:"Cancel",iconName:"cancel"})]}),p="Choose from the items below",m="Select Item";return t==="fullScreen"&&(i.fullScreen=!0),Object.keys(o||{}).forEach(f=>{switch(f){case"actions":i.actionsStart=!!o?.[f],i.actionsEnd=!!o?.[f];break;case"subtitle":i.subtitle=o?.[f]?p:void 0;break;case"footer":i.footer=!!o?.[f];break;default:break}}),t==="adaptive"?pe(Y,{...a,adaptive:!0,fullscreen:i.fullScreen,header:pe(he,{actionsStart:i.actionsStart?pe(d,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:i.actionsEnd?pe(d,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:i.subtitle}),footer:i.footer?yr(vt,{alignment:"stretched",children:[pe(d,{text:"Cancel",size:"large",themeColor:"base"}),pe(d,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):pe(Y,{...a,fullscreen:i.fullScreen,header:pe(he,{actionsStart:i.actionsStart?pe(d,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:i.actionsEnd?pe(d,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:i.subtitle}),footer:i.footer?yr(vt,{alignment:"stretched",children:[pe(d,{text:"Apply",themeColor:"primary"}),pe(d,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};Qt.options=Nd;Qt.states=Sd;Qt.variants=Ld;Qt.defaultOptions=hn;Qt.modifiers=yd;Qt.className=Y.className;import Ar from"react";import{jsx as xn}from"react/jsx-runtime";var Md="k-list-group-sticky-header",Mr=e=>xn("div",{className:r(Md,e.className),children:xn("div",{className:"k-list-header-text",children:e.children})});import{jsx as wd}from"react/jsx-runtime";var Ad="k-no-data",ya=e=>{let{live:t,...o}=e;return wd("span",{...o,className:r(Ad,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Pt="list",Zt=Pt;import{jsx as vn,jsxs as gn}from"react/jsx-runtime";var wr="k-list",Id=[],Td={size:[c.undefined,c.small,c.medium,c.large]},Ed={},_=e=>{let{size:t,virtualization:o,children:a,header:i,optionLabel:s,customValue:p,noData:m,screenReaders:f,...h}=e,g=Ar.Children.toArray(a)[0],u=g?.props?.children?Ar.Children.count(g.props.children):Ar.Children.count(a);return gn("div",{...h,className:r(e.className,wr,A(wr,{size:t}),{"k-virtual-list":o}),children:[s,p,i&&vn(Mr,{children:i}),a||(m!==void 0?m:vn(ya,{live:!0,children:"No data found."})),f&&a&&gn(ya,{className:"k-sr-only",live:!0,children:[u," items found."]})]})};_.states=Id;_.options=Td;_.className=wr;_.defaultOptions=Ed;_.moduleName=Pt;_.folderName=Zt;_.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as Pd}from"react/jsx-runtime";var kn="k-list-container",Cd=[],Od={},Bd={},jt=e=>{let{...t}=e;return Pd("div",{...t,className:r(e.className,kn),children:e.children})};jt.states=Cd;jt.options=Od;jt.className=kn;jt.defaultOptions=Bd;jt.moduleName=Pt;jt.folderName=Zt;var Rt="checkbox",eo=Rt;import{jsx as Nn}from"react/jsx-runtime";var Ma="k-checkbox",Rd=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.checked,l.indeterminate],Kd={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full]},Dd={},_e=e=>{let{id:t,checked:o,indeterminate:a,hover:i,focus:s,disabled:p,invalid:m,valid:f,required:h,size:x,rounded:g,wrapperRole:u,...S}=e;return Nn("span",{className:"k-checkbox-wrap",role:u,children:Nn("input",{...S,id:t,type:"checkbox",defaultChecked:o,required:h,disabled:p||void 0,"aria-invalid":m?"true":void 0,className:r(e.className,Ma,A(Ma,{size:x,rounded:g}),E(Ma,{hover:i,focus:s,disabled:p,invalid:m,valid:f,indeterminate:a,checked:o}))})})};_e.states=Rd;_e.options=Kd;_e.className=Ma;_e.defaultOptions=Dd;_e.moduleName=Rt;_e.folderName=eo;_e.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var Xe=_e;import{jsx as zd}from"react/jsx-runtime";var Sn="k-checkbox-list",_d=[],Hd={},Ln={layout:"vertical"},xe=e=>{let{layout:t=Ln.layout,...o}=e;return zd("ul",{...o,className:r(e.className,Sn,{[`k-list-${t}`]:t}),children:e.children})};xe.states=_d;xe.options=Hd;xe.className=Sn;xe.defaultOptions=Ln;xe.moduleName=Rt;xe.folderName=eo;import{jsx as $d}from"react/jsx-runtime";var yn="k-checkbox-list-item",Fd=[],Ud={},Gd={},ve=e=>{let{...t}=e;return $d("li",{...t,className:r(e.className,yn),children:e.children})};ve.states=Fd;ve.options=Ud;ve.className=yn;ve.defaultOptions=Gd;ve.moduleName=Rt;ve.folderName=eo;import{Fragment as Vd,jsx as Mn,jsxs as Wd}from"react/jsx-runtime";var nt=({children:e="Label",id:t="cb-label-after",...o})=>Wd(Vd,{children:[Mn(Xe,{id:t,...o}),Mn("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as DN,jsx as KN,jsxs as _N}from"react/jsx-runtime";import{Fragment as GN,jsx as UN,jsxs as $N}from"react/jsx-runtime";import{Fragment as qN,jsx as JN,jsxs as YN}from"react/jsx-runtime";import{jsx as eS}from"react/jsx-runtime";import{jsx as rS}from"react/jsx-runtime";import{jsx as lS}from"react/jsx-runtime";import{jsx as He,jsxs as An}from"react/jsx-runtime";var Xd=xe.options,Jd=xe.states,qd={...xe.defaultOptions,variant:"vertical"},Yd=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Qd=[],to=e=>{let{variant:t,...o}=e;return t==="horizontal"?An(xe,{layout:"horizontal",...o,children:[He(ve,{children:He(nt,{id:P("cb"),defaultChecked:!0,children:"Label"})}),He(ve,{children:He(nt,{id:P("cb"),children:"Label"})}),He(ve,{children:He(nt,{id:P("cb"),children:"Label"})})]}):An(xe,{...o,children:[He(ve,{children:He(nt,{id:P("cb"),defaultChecked:!0,children:"Label"})}),He(ve,{children:He(nt,{id:P("cb"),children:"Label"})}),He(ve,{children:He(nt,{id:P("cb"),children:"Label"})})]})};to.options=Xd;to.states=Jd;to.variants=Yd;to.defaultOptions=qd;to.modifiers=Qd;to.className=xe.className;import{jsx as ac}from"react/jsx-runtime";var Zd=Xe.options,jd=Xe.states,ec=Xe.defaultOptions,tc=[],oc=[],oo=e=>ac(nt,{id:P("checkbox"),...e,defaultChecked:!0,children:"Label"});oo.options=Zd;oo.states=jd;oo.variants=tc;oo.defaultOptions=ec;oo.modifiers=oc;oo.className=Xe.className;import{jsx as Kt,jsxs as sc}from"react/jsx-runtime";var Ir="k-list-item",rc=[l.hover,l.focus,l.selected,l.disabled],ic={},nc={},O=e=>{let{text:t,groupLabel:o,group:a,iconName:i,iconClassName:s,showCheckbox:p,checked:m,hover:f,focus:h,selected:x,disabled:g,actions:u,description:S,id:N,...y}=e,T=t||e.children;return sc("li",{...y,id:N,role:a?"presentation":"option",tabIndex:a?void 0:h?0:-1,"aria-selected":!a&&x?"true":a?void 0:"false","aria-disabled":!a&&g?"true":void 0,className:r(e.className,a?"k-list-group-item":Ir,E(Ir,{hover:f,focus:h,disabled:g,selected:x})),children:[p&&Kt(_e,{checked:m}),i&&Kt("span",{className:"k-list-item-icon-wrapper",children:Kt(L,{icon:i,className:r("k-list-item-icon",s)})}),Kt("span",{className:"k-list-item-text",children:T}),u&&Kt("div",{className:"k-list-item-actions",children:u}),S&&Kt("span",{className:"k-list-item-description",children:S}),o&&o!==""&&Kt("div",{className:"k-list-item-group-label",children:o})]})};O.states=rc;O.options=ic;O.className=Ir;O.defaultOptions=nc;O.moduleName=Pt;O.folderName=Zt;O.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as pc}from"react/jsx-runtime";var lc="k-list-ul",st=e=>{let{children:t,role:o,id:a,...i}=e;return pc("ul",{...i,id:a,role:o,className:r(lc,e.className),children:t})};st.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};import{jsx as Tr,jsxs as cc}from"react/jsx-runtime";var dc="k-list-content",U=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":i,listboxId:s,...p}=e;return cc("div",{...p,className:r(dc,e.className),role:o?"listbox":void 0,id:o?s:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?i:void 0,children:[o?e.children:Tr(st,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":i,children:e.children}),t&&Tr("div",{className:"k-height-container",children:Tr("div",{})})]})};U.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{Fragment as ZS,jsx as QS,jsxs as jS}from"react/jsx-runtime";import{jsx as Er,jsxs as uc}from"react/jsx-runtime";var mc="k-list-group-item",Dt=e=>{let{groupIconName:t,...o}=e;return uc("li",{...o,role:"presentation",className:r(mc,e.className),children:[t&&Er("span",{className:"k-list-item-icon-wrapper",children:Er(L,{icon:t,className:"k-list-item-icon"})}),Er("span",{className:"k-list-item-text",children:e.children})]})};Dt.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as xc}from"react/jsx-runtime";var Cr="k-list-optionlabel",fc=[l.hover,l.focus,l.selected,l.disabled],bc={},hc={},Aa=e=>{let{text:t,hover:o,focus:a,selected:i,disabled:s,...p}=e;return xc("div",{...p,className:r(Cr,E(Cr,{hover:o,focus:a,selected:i,disabled:s})),children:t})};Aa.states=fc;Aa.options=bc;Aa.className=Cr;Aa.defaultOptions=hc;import{jsx as Nc}from"react/jsx-runtime";var Or="k-list-custom-value",vc=[l.hover,l.focus,l.selected,l.disabled],gc={},kc={},Lt=e=>{let{text:t,hover:o,focus:a,selected:i,disabled:s,...p}=e;return Nc("div",{...p,className:r(Or,E(Or,{hover:o,focus:a,selected:i,disabled:s})),children:t})};Lt.states=vc;Lt.options=gc;Lt.className=Or;Lt.defaultOptions=kc;import{Fragment as b2,jsx as f2,jsxs as h2}from"react/jsx-runtime";import{Fragment as S2,jsx as N2,jsxs as L2}from"react/jsx-runtime";import{Fragment as E2,jsx as I2,jsxs as T2}from"react/jsx-runtime";import{Fragment as D2,jsx as R2,jsxs as K2}from"react/jsx-runtime";import{jsx as F2}from"react/jsx-runtime";import{Fragment as X2,jsx as W2,jsxs as J2}from"react/jsx-runtime";var Br="combobox",wn=Br;import{Fragment as Pr,jsx as re,jsxs as Qo}from"react/jsx-runtime";var In="k-combobox",Sc=[l.hover,l.focus,l.valid,l.invalid,l.loading,l.required,l.disabled,l.readonly],Lc={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Tn={separators:!0},ne=e=>{let{size:t,rounded:o,fillMode:a,separators:i=Tn.separators,prefix:s,suffix:p,value:m,placeholder:f,hover:h,focus:x,valid:g,invalid:u,required:S,loading:N,disabled:y,popup:T,opened:M,readonly:D,adaptive:Z,adaptiveSettings:de,adaptiveTitle:ue,adaptiveSubtitle:fe,adaptiveCustomValue:Me,id:Ct,autocomplete:Ga,activeDescendant:ht,"aria-label":ma,...$a}=e,Va=Ct?`${Ct}-listbox`:void 0;return Qo(Pr,{children:[Qo(j,{...$a,size:t,rounded:o,fillMode:a,hover:h,focus:x,valid:g,invalid:u,required:S,loading:N,disabled:y,readonly:D,className:r(e.className,In),children:[s&&Qo(Pr,{children:[re(Be,{children:s}),i&&re(Re,{})]}),re(Ie,{id:Ct,placeholder:f,value:m,role:"combobox","aria-haspopup":"listbox","aria-expanded":M?"true":"false","aria-controls":M?Va:void 0,"aria-activedescendant":M&&ht?ht:void 0,"aria-autocomplete":Ga,"aria-invalid":u?"true":void 0,"aria-busy":N?"true":void 0,"aria-label":ma,disabled:y,readOnly:D}),re(be,{valid:g,invalid:u,loading:N,disabled:y}),re(Le,{loading:N,disabled:y}),re(we,{loading:N,disabled:y,readonly:D,value:m}),p&&Qo(Pr,{children:[i&&re(Re,{}),re(Pe,{children:p})]}),re(d,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:y})]}),M&&T&&re(X,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:T}),Z&&re(Y,{adaptive:!0,id:Ct?`${Ct}-adaptive`:void 0,...de,header:re(he,{actionsEnd:re(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:m,inputPlaceholder:f,title:ue,subtitle:fe}),children:re("div",{className:"k-list-container",children:re(_,{customValue:Me?re(Lt,{text:`Use "${m}"`}):void 0,size:"large",children:Qo(U,{"aria-label":ue||"Options",children:[re(O,{text:"List item"}),re(O,{text:"List item"}),re(O,{text:"List item"})]})})})})]})};ne.states=Sc;ne.options=Lc;ne.className=In;ne.defaultOptions=Tn;ne.moduleName=Br;ne.folderName=wn;ne.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list|both|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:'.k-combobox-popup .k-list-ul[role="listbox"], .k-combobox-popup .k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var Te=ne;import{Fragment as Cn,jsx as ie,jsxs as wa}from"react/jsx-runtime";var En="k-spreadsheet-action-bar",yc=[],Mc={},Ac=wa(Cn,{children:[ie("span",{className:"k-syntax-startexp",children:"="}),ie("span",{className:"k-syntax-ref k-series-a",children:"B6"}),ie("span",{className:"k-syntax-op",children:"+"}),ie("span",{className:"k-syntax-ref k-series-b",children:"C6"}),ie("span",{className:"k-syntax-op",children:"+"}),ie("span",{className:"k-syntax-ref k-series-c",children:"C3"})]}),Rr={formula:Ac,cellName:"B6"},je=e=>{let{formula:t=Rr.formula,cellName:o=Rr.cellName,formulaExpanded:a=!1,formulaListItems:i,...s}=e,p=a?P("spreadsheet-formula-list"):void 0,m=wa(Cn,{children:[ie("li",{className:"k-list-item",role:"menuitem",children:ie("span",{className:"k-list-item-text",children:"SUM"})}),ie("li",{className:"k-list-item",role:"menuitem",children:ie("span",{className:"k-list-item-text",children:"AVERAGE"})}),ie("li",{className:"k-list-item",role:"menuitem",children:ie("span",{className:"k-list-item-text",children:"COUNT"})})]});return wa("div",{...s,className:r(En,e.className),children:[ie("div",{className:"k-spreadsheet-name-editor",children:ie(ne,{placeholder:o,fillMode:"flat","aria-label":"Name editor"})}),wa("div",{className:"k-spreadsheet-formula-bar",children:[ie("span",{className:"k-separator k-separator-vertical"}),ie(d,{icon:"formula-fx",fillMode:"flat","aria-label":"Formula"}),ie("span",{className:"k-separator k-separator-vertical"}),ie("div",{className:"k-spreadsheet-formula-input k-textbox k-input k-input-flat",role:"combobox",title:"Formula input","aria-haspopup":"menu","aria-expanded":a?"true":"false",...p&&{"aria-controls":p},children:t}),a&&ie("ul",{className:"k-spreadsheet-formula-list",id:p,role:"menu",children:i||m})]})]})};je.states=yc;je.options=Mc;je.className=En;je.defaultOptions=Rr;var Kr="button",On=Kr;import{jsx as Ec}from"react/jsx-runtime";var Zo="k-button-group",wc=[l.disabled],Ic={fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},Tc={},w=e=>{let{fillMode:t,disabled:o,stretched:a,...i}=e;return Ec("div",{role:"group",...i,className:r(e.className,Zo,A(Zo,{fillMode:t}),E(Zo,{disabled:o}),{[`${Zo}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};w.states=wc;w.options=Ic;w.className=Zo;w.defaultOptions=Tc;w.moduleName=Kr;w.folderName=On;w.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};import{jsx as Bn,jsxs as Bc}from"react/jsx-runtime";var Pn="k-color-preview",Cc=[],Oc={},yt=e=>{let{color:t,iconName:o,...a}=e;return Bc("span",{...a,className:r(e.className,Pn,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Bn(L,{icon:o,className:"k-color-preview-icon"}),Bn("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};yt.states=Cc;yt.options=Oc;yt.className=Pn;import{Fragment as $L,jsx as GL,jsxs as VL}from"react/jsx-runtime";import{Fragment as QL,jsx as YL,jsxs as ZL}from"react/jsx-runtime";import{Fragment as ry,jsx as ay,jsxs as iy}from"react/jsx-runtime";import{Fragment as cy,jsx as dy,jsxs as my}from"react/jsx-runtime";import{Fragment as vy,jsx as xy,jsxs as gy}from"react/jsx-runtime";import{Fragment as My,jsx as yy,jsxs as Ay}from"react/jsx-runtime";import{jsx as lt,jsxs as Dr}from"react/jsx-runtime";var Pc={...d.options,...w.options},Rc=d.states,Kc={...d.defaultOptions,...w.defaultOptions,variant:"text-button"},Dc=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],_c=[],ao=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Dr(w,{fillMode:a.fillMode,className:o,children:[lt(d,{...a,icon:"star"}),lt(d,{...a,icon:"star"}),lt(d,{...a,icon:"star"})]}):t==="icon-text-button"?Dr(w,{fillMode:a.fillMode,className:o,children:[lt(d,{...a,icon:"star",children:"First"}),lt(d,{...a,icon:"star",children:"Middle"}),lt(d,{...a,icon:"star",children:"Last"})]}):Dr(w,{fillMode:a.fillMode,className:o,children:[lt(d,{...a,children:"First"}),lt(d,{...a,children:"Middle"}),lt(d,{...a,children:"Last"})]})};ao.options=Pc;ao.states=Rc;ao.variants=Dc;ao.defaultOptions=Kc;ao.modifiers=_c;ao.className=w.className;var _r="slider",Rn=_r;import{jsx as ro,jsxs as Hr}from"react/jsx-runtime";var jo="k-slider",Hc=[l.hover,l.focus,l.active,l.disabled,l.readonly],zc={},ze={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},V=e=>{let{type:t=ze.type,orientation:o=ze.orientation,gradientType:a=ze.gradientType,readonly:i=ze.readonly,disabled:s=ze.disabled,handlePosition:p=ze.handlePosition,showButtons:m=ze.showButtons,showTicks:f=ze.showTicks,value:h=ze.value,min:x=ze.min,max:g=ze.max,startValue:u,endValue:S,hover:N,focus:y,active:T,trackStyle:M,dir:D,...Z}=e,ue=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),fe,Me;return o==="horizontal"?(fe=D==="rtl"?"chevron-left":"chevron-right",Me=D==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(fe="chevron-up",Me="chevron-down"),Hr("div",{...Z,className:r(jo,e.className,E(jo,{readonly:i,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:D,children:[m&&ro(d,{className:"k-button-decrease",rounded:"full",icon:Me,tabIndex:-1,title:"Decrease"}),Hr("div",{className:"k-slider-track-wrap",children:[f&&ro("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Hr("div",{className:"k-slider-track",style:M,children:[ro("div",{className:"k-slider-selection"}),t==="range"&&ro("span",{className:r("k-draghandle","k-draghandle-start",E(jo,{hover:N,focus:y,active:T})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":u??x,"aria-valuemin":x,"aria-valuemax":S??g,"aria-orientation":ue,"aria-disabled":s?"true":void 0,"aria-readonly":i?"true":void 0,"aria-label":Z["aria-label"]?`${Z["aria-label"]} start`:"Range start"}),ro("span",{className:r("k-draghandle",`k-draghandle-${p}`,E(jo,{hover:N,focus:y,active:T})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?S??g:h,"aria-valuemin":t==="range"?u??x:x,"aria-valuemax":g,"aria-orientation":ue,"aria-disabled":s?"true":void 0,"aria-readonly":i?"true":void 0,"aria-label":t==="range"?Z["aria-label"]?`${Z["aria-label"]} end`:"Range end":Z["aria-label"]})]})]}),m&&ro(d,{className:"k-button-increase",rounded:"full",icon:fe,tabIndex:-1,title:"Increase"})]})};V.states=Hc;V.options=zc;V.className=jo;V.defaultOptions=ze;V.moduleName=_r;V.folderName=Rn;V.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'},{selector:".k-slider .k-slider-items",attribute:"aria-hidden=true",usage:"Hides the tick list from assistive technologies. Tick values are redundant with the drag handle value attributes."},{selector:".k-slider .k-tick",attribute:"role=presentation",usage:"Removes semantic meaning from individual tick elements. Ticks are visual-only markers."},{selector:".k-slider .k-tick",attribute:"title",usage:"Represents the value associated with the respective tick."}]};import{jsx as Kn}from"react/jsx-runtime";var Dn="k-tick",Fc=[],Uc={},_n={label:!1},I=e=>{let{style:t,label:o=_n.label,orientation:a,large:i,text:s,...p}=e;return Kn("li",{...p,role:"presentation",title:s||"Tick",className:r(e.className,Dn,{[`k-tick-${a}`]:a,"k-tick-large":i}),style:t,children:o&&Kn("span",{className:"k-label",children:s})})};I.states=Fc;I.options=Uc;I.className=Dn;I.defaultOptions=_n;import{Fragment as Gc,jsx as Fe,jsxs as $c}from"react/jsx-runtime";var Hn=e=>Fe(V,{"aria-label":e["aria-label"]||"Slider",children:$c(Gc,{children:[Fe(I,{className:"k-first",label:!0,large:!0,text:"0"}),Fe(I,{}),Fe(I,{}),Fe(I,{}),Fe(I,{}),Fe(I,{label:!0,large:!0,text:"5"}),Fe(I,{}),Fe(I,{}),Fe(I,{}),Fe(I,{}),Fe(I,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Vc,jsx as Ue,jsxs as Wc}from"react/jsx-runtime";var zn=e=>Ue(V,{children:Wc(Vc,{children:[Ue(I,{className:"k-first",label:!0,large:!0,text:"0"}),Ue(I,{}),Ue(I,{}),Ue(I,{}),Ue(I,{}),Ue(I,{label:!0,large:!0,text:"5"}),Ue(I,{}),Ue(I,{}),Ue(I,{}),Ue(I,{}),Ue(I,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as n1,jsx as i1,jsxs as s1}from"react/jsx-runtime";import{Fragment as m1,jsx as c1,jsxs as u1}from"react/jsx-runtime";import{jsx as Xc}from"react/jsx-runtime";var zr=e=>Xc(V,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as Jc}from"react/jsx-runtime";var Fr=e=>Jc(V,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as y1,jsx as L1,jsxs as M1}from"react/jsx-runtime";import{Fragment as E1,jsx as T1,jsxs as C1}from"react/jsx-runtime";import{jsx as et,jsxs as Fn}from"react/jsx-runtime";var qc=V.options,Yc=V.states,Un={...V.defaultOptions,variant:"horizontal",label:!0},Qc=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Zc=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],io=e=>{let{variant:t,modifiers:o,...a}={...Un,...e},i={};Object.keys(o||{}).forEach(h=>{switch(h){case"button":{i.showButtons=!!o?.[h];break}case"label":{i.label=!!o?.[h];break}case"tick":{i.showTicks=!!o?.[h];break}}});let{label:s=!0,showButtons:p,showTicks:m}=i,f={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?Fn(zn,{showTicks:m,showButtons:p,style:{height:"300px",...f},...a,children:[et(I,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),et(I,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),et(I,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),et(I,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),et(I,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Fn(Hn,{showTicks:m,showButtons:p,style:{width:"400px",...f},...a,children:[et(I,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),et(I,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),et(I,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),et(I,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),et(I,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};io.options=qc;io.states=Yc;io.variants=Qc;io.defaultOptions=Un;io.modifiers=Zc;io.className=V.className;import{jsx as Gn,jsxs as am}from"react/jsx-runtime";var $n="k-spin-button",tm=[],om={size:[c.undefined,c.small,c.medium,c.large],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},Ur={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Mt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:i=Ur.increaseLabel,decreaseLabel:s=Ur.decreaseLabel,...p}=e;return am("span",{...p,className:r($n,e.className),children:[Gn(d,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":i}),Gn(d,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};Mt.states=tm;Mt.options=om;Mt.className=$n;Mt.defaultOptions=Ur;Mt.moduleName=null;Mt.folderName=null;var Vn="numeric-textbox",Wn="numerictextbox";import{Fragment as Xn,jsx as pt,jsxs as Gr}from"react/jsx-runtime";var Jn="k-numerictextbox",rm=[l.hover,l.focus,l.valid,l.invalid,l.loading,l.required,l.disabled,l.readonly],im={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Ia={showSpinButton:!0,showClearButton:!0,separators:!0},z=e=>{let{size:t,rounded:o,fillMode:a,separators:i=Ia.separators,showClearButton:s=Ia.showClearButton,showSpinButton:p=Ia.showSpinButton,prefix:m,suffix:f,value:h,placeholder:x,hover:g,focus:u,valid:S,invalid:N,required:y,loading:T,disabled:M,readonly:D,id:Z,"aria-label":de,"aria-describedby":ue,...fe}=e;return Gr(j,{...fe,size:t,rounded:o,fillMode:a,hover:g,focus:u,valid:S,invalid:N,required:y,loading:T,disabled:M,readonly:D,className:r(e.className,Jn),children:[m&&Gr(Xn,{children:[pt(Be,{children:m}),i&&pt(Re,{})]}),pt(Ie,{id:Z,placeholder:x,value:h,role:"spinbutton",disabled:M,"aria-label":de,"aria-describedby":ue,"aria-invalid":N?"true":void 0}),pt(be,{valid:S,invalid:N,loading:T,disabled:M}),pt(Le,{loading:T,disabled:M}),s&&pt(we,{loading:T,disabled:M,readonly:D,value:h}),f&&Gr(Xn,{children:[i&&pt(Re,{}),pt(Pe,{children:f})]}),p&&pt(Mt,{className:"k-input-spinner",size:t,fillMode:a,disabled:M})]})};z.states=rm;z.options=im;z.className=Jn;z.defaultOptions=Ia;z.moduleName=Vn;z.folderName=Wn;z.ariaSpec={selector:".k-numerictextbox",rules:[{selector:".k-numerictextbox > .k-input-inner",attribute:"role=spinbutton",usage:"Announces the spin button capabilities of the NumericTextBox."},{selector:".k-numerictextbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuenow (when has value)",usage:"Announces the current value of the component."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemin (when has min)",usage:"Announces the minimum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemax (when has max)",usage:"Announces the maximum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the NumericTextBox is in an invalid state."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-numerictextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"role=button or nodeName=button",usage:"Describes the role of the spin buttons."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"aria-label",usage:"The button element requires discernible text."},{selector:".k-numerictextbox.k-disabled .k-spin-button > .k-button",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."}]};var ea=z;import{jsx as nm}from"react/jsx-runtime";var qn=e=>nm(ea,{...e});var Yn="dropdown-list",Qn="dropdownlist";import{Fragment as pm,jsx as ge,jsxs as $r}from"react/jsx-runtime";var Zn="k-dropdownlist",sm=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],lm={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Vr={showValue:!0,arrowIconName:"chevron-down"},J=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:i=Vr.arrowIconName,showValue:s=Vr.showValue,valueIconName:p,prefix:m,suffix:f,value:h,placeholder:x,hover:g,focus:u,valid:S,invalid:N,required:y,loading:T,disabled:M,readonly:D,popup:Z,opened:de,adaptive:ue,adaptiveSettings:fe,adaptiveTitle:Me,adaptiveSubtitle:Ct,adaptiveFilter:Ga,id:ht,activeDescendant:ma,"aria-label":$a,...Va}=e,Nl=ht?`${ht}-listbox`:void 0,Li=ht?`${ht}-value`:void 0;return $r(pm,{children:[$r(Ye,{...Va,id:ht,size:t,rounded:o,fillMode:a,hover:g,focus:u,valid:S,invalid:N,required:y,loading:T,disabled:M,readonly:D,className:r(e.className,Zn,{"k-icon-picker":!s&&p}),role:"combobox","aria-haspopup":"listbox","aria-expanded":de?"true":"false","aria-controls":de?Nl:void 0,"aria-activedescendant":de&&ma?ma:void 0,"aria-describedby":de?Li:void 0,"aria-disabled":M?"true":void 0,"aria-label":$a,tabIndex:0,children:[ge(Be,{children:m}),ge(Ot,{placeholder:x,value:h,showValue:s,valueIconName:p,id:Li}),ge(be,{valid:S,invalid:N,loading:T,disabled:M}),ge(Le,{loading:T,disabled:M}),ge(Pe,{children:f}),ge(d,{className:"k-input-button",icon:i,size:e.size,fillMode:e.fillMode,"aria-label":x||"Toggle dropdown",tabIndex:-1})]}),de&&Z&&ge(X,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:Z}),ue&&ge(Y,{adaptive:!0,...fe,header:ge(he,{actionsEnd:ge(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Ga,inputValue:h,inputPlaceholder:x,title:Me,subtitle:Ct}),children:ge("div",{className:"k-list-container",children:ge(_,{size:"large",children:$r(U,{"aria-label":"Options",children:[ge(O,{text:"List item"}),ge(O,{text:"List item"}),ge(O,{text:"List item"})]})})})})]})};J.states=sm;J.options=lm;J.className=Zn;J.defaultOptions=Vr;J.moduleName=Yn;J.folderName=Qn;J.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};import{jsx as EM}from"react/jsx-runtime";import{jsx as KM,jsxs as DM}from"react/jsx-runtime";import{Fragment as WM,jsx as $M,jsxs as VM}from"react/jsx-runtime";import{jsx as QM}from"react/jsx-runtime";import{jsx as aA,jsxs as rA}from"react/jsx-runtime";import{Fragment as uA,jsx as cA,jsxs as mA}from"react/jsx-runtime";import{jsx as vA}from"react/jsx-runtime";import{Fragment as bm,jsx as At,jsxs as jn}from"react/jsx-runtime";var dm=J.states,cm=J.defaultOptions,mm=J.options,um=[{name:"opened",title:"Opened"}],fm=[],so=e=>{let{modifiers:t,...o}=e,a={},i=jn(bm,{children:[At("div",{className:"k-list-filter",children:At(De,{})}),At(_,{style:{width:300},size:o.size,children:jn(U,{children:[At(O,{children:"List item"}),At(O,{children:"List item"}),At(O,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?i:void 0)}),At("div",{children:At(J,{placeholder:"Value",style:{width:300},...o,...a})})};so.options=mm;so.states=dm;so.variants=fm;so.defaultOptions=cm;so.modifiers=um;so.className=J.className;import{Fragment as zA,jsx as HA}from"react/jsx-runtime";import{Fragment as WA,jsx as VA}from"react/jsx-runtime";import{jsx as YA}from"react/jsx-runtime";import{jsx as Wr}from"react/jsx-runtime";var hm=z.states,xm=z.defaultOptions,vm=z.options,gm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],km=[],lo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?Wr(J,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[i]?Wr(ir,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[i];break;case"spin-button":a.showSpinButton=t?.[i];break;default:break}}),Wr(qn,{value:"Value",style:{width:300},...o,...a})};lo.options=vm;lo.states=hm;lo.variants=km;lo.defaultOptions=xm;lo.modifiers=gm;lo.className=z.className;import{Fragment as ta,jsx as R,jsxs as ee}from"react/jsx-runtime";var es="k-colorgradient-inputs",Nm=[],Sm={size:[c.undefined,c.small,c.medium,c.large]},ts={mode:"rgba"},po=e=>{let{mode:t=ts.mode,size:o,...a}=e;return ee("div",{...a,className:r(es,"k-hstack"),children:[R("div",{className:"k-vstack",children:R(d,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&ee(ta,{children:[ee("div",{className:"k-vstack",children:[R(z,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),R("label",{className:"k-colorgradient-input-label",children:"R"})]}),ee("div",{className:"k-vstack",children:[R(z,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),R("label",{className:"k-colorgradient-input-label",children:"G"})]}),ee("div",{className:"k-vstack",children:[R(z,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),R("label",{className:"k-colorgradient-input-label",children:"B"})]}),ee("div",{className:"k-vstack",children:[R(z,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),R("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&ee(ta,{children:[ee("div",{className:"k-vstack",children:[R(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),R("label",{className:"k-colorgradient-input-label",children:"R"})]}),ee("div",{className:"k-vstack",children:[R(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),R("label",{className:"k-colorgradient-input-label",children:"G"})]}),ee("div",{className:"k-vstack",children:[R(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),R("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&ee(ta,{children:[ee("div",{className:"k-vstack",children:[R(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),R("label",{className:"k-colorgradient-input-label",children:"H"})]}),ee("div",{className:"k-vstack",children:[R(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),R("label",{className:"k-colorgradient-input-label",children:"S"})]}),ee("div",{className:"k-vstack",children:[R(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),R("label",{className:"k-colorgradient-input-label",children:"V"})]}),ee("div",{className:"k-vstack",children:[R(z,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),R("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&ee(ta,{children:[ee("div",{className:"k-vstack",children:[R(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),R("label",{className:"k-colorgradient-input-label",children:"H"})]}),ee("div",{className:"k-vstack",children:[R(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),R("label",{className:"k-colorgradient-input-label",children:"S"})]}),ee("div",{className:"k-vstack",children:[R(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),R("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&R(ta,{children:ee("div",{className:"k-vstack k-flex-1",children:[R(le,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),R("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};po.states=Nm;po.options=Sm;po.className=es;po.defaultOptions=ts;import{jsx as _t,jsxs as Ht}from"react/jsx-runtime";var os="k-colorgradient-color-contrast",Lm=[],ym={},Mm={},co=()=>Ht("div",{className:r(os,"k-vbox"),children:[Ht("div",{className:"k-contrast-ratio",children:[_t("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),Ht("span",{className:"k-contrast-validation !k-text-success",children:[_t(L,{icon:"check"}),_t(L,{icon:"check"})]})]}),Ht("div",{children:[_t("span",{children:"AA: 4.5"}),Ht("span",{className:"k-contrast-validation !k-text-success",children:["Pass",_t(L,{icon:"check"})]})]}),Ht("div",{children:[_t("span",{children:"AAA: 7.0"}),Ht("span",{className:"k-contrast-validation !k-text-error",children:["Fail",_t(L,{icon:"x"})]})]})]});co.states=Lm;co.options=ym;co.className=os;co.defaultOptions=Mm;var as="color-gradient",rs="colorgradient";import{jsx as Ge,jsxs as oa}from"react/jsx-runtime";var Ta="k-colorgradient",Am=[l.hover,l.focus,l.readonly,l.disabled],wm={size:[c.undefined,c.small,c.medium,c.large]},tt={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},se=e=>{let{size:t,mode:o=tt.mode,readonly:a=tt.readonly,disabled:i=tt.disabled,gradientStyle:s=tt.gradientStyle,dragHandleStyle:p=tt.dragHandleStyle,alphaStyle:m=tt.alphaStyle,alphaStyleHorizontal:f=tt.alphaStyleHorizontal,contrast:h=tt.contrast,dir:x,hover:g,focus:u,hoverHandle:S,focusHandle:N,canvasOrientation:y=tt.canvasOrientation,role:T,tabIndex:M,...D}=e;return oa("div",{...D,role:T??"textbox","aria-label":T==="none"?void 0:"Color gradient",tabIndex:M??0,"aria-disabled":i?"true":void 0,className:r(e.className,Ta,A(Ta,{size:t}),E(Ta,{hover:g,focus:u,readonly:a,disabled:i})),dir:x,children:[!y||y==="horizontal"&&oa("div",{className:"k-colorgradient-canvas k-hstack",children:[Ge("div",{className:"k-hsv-rectangle",style:s,children:Ge("div",{className:"k-hsv-gradient",children:Ge("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":S,"k-focus":N}),style:p,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),oa("div",{className:"k-hsv-controls k-hstack",children:[Ge(Fr,{className:"k-hue-slider",hover:S,focus:N}),o!=="rgb"&&o!=="hsv"&&Ge(Fr,{className:"k-alpha-slider",hover:S,focus:N,trackStyle:m})]})]}),y==="vertical"&&oa("div",{className:"k-colorgradient-canvas k-vstack",children:[Ge("div",{className:"k-hsv-rectangle",style:s,children:Ge("div",{className:"k-hsv-gradient",children:Ge("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":S,"k-focus":N}),style:p,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),oa("div",{className:"k-hsv-controls k-vstack",children:[Ge(zr,{className:"k-hue-slider",hover:S,focus:N}),o!=="rgb"&&o!=="hsv"&&Ge(zr,{className:"k-alpha-slider",hover:S,focus:N,trackStyle:f})]})]}),Ge(po,{mode:e.mode,size:t}),h&&Ge(co,{})]})};se.states=Am;se.options=wm;se.className=Ta;se.defaultOptions=tt;se.moduleName=as;se.folderName=rs;se.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};import{jsx as Im}from"react/jsx-runtime";var Ea=e=>Im(se,{...e});import{jsx as Rw}from"react/jsx-runtime";import{jsx as Hw}from"react/jsx-runtime";import{jsx as Xr}from"react/jsx-runtime";var Tm=se.options,Em=se.states,Cm={...se.defaultOptions,variant:"rgba"},Om=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Bm=[],mo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Xr(Ea,{...o,mode:t});case"rgb":return Xr(Ea,{...o,mode:t});default:return Xr(Ea,{...o,mode:t})}};mo.options=Tm;mo.states=Em;mo.variants=Om;mo.defaultOptions=Cm;mo.modifiers=Bm;mo.className=se.className;import{jsx as Pm}from"react/jsx-runtime";var Jr=e=>Pm("tr",{role:"row",children:e.children});import{jsx as Dm}from"react/jsx-runtime";var qr="k-colorpalette-tile",Rm=[l.hover,l.focus,l.selected],Km={},uo=e=>{let{color:t,tileSize:o,hover:a,focus:i,selected:s,...p}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Dm("td",{...p,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:r(e.className,qr,E(qr,{hover:a,focus:i,selected:s})),style:m})};uo.states=Rm;uo.options=Km;uo.className=qr;var is="color-palette",ns="colorpalette";import{jsx as aa}from"react/jsx-runtime";var Ca="k-colorpalette",_m=[l.disabled],Hm={size:[c.undefined,c.small,c.medium,c.large]},ss={columns:10},ke=e=>{let{size:t,palette:o,columns:a=ss.columns,tileSize:i,disabled:s,...p}=e,m=[];if(o){let f=a||o.columns,h=o.colors?o.colors:o;Array.isArray(h)&&Array.from({length:Math.ceil(h.length/f)},(x,g)=>{let u=[];h.slice(g*f,(g+1)*f).map((N,y)=>{u.push(aa(uo,{color:N,tileSize:i},y))});let S=aa(Jr,{children:u},g);m.push(S)})}return aa("div",{...p,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:r(e.className,Ca,E(Ca,{disabled:s}),A(Ca,{size:t})),children:aa("table",{className:"k-colorpalette-table",role:"none",children:aa("tbody",{children:m.length>0?m:e.children})})})};ke.states=_m;ke.options=Hm;ke.className=Ca;ke.defaultOptions=ss;ke.moduleName=is;ke.folderName=ns;ke.ariaSpec={selector:".k-colorpalette",rules:[{selector:".k-colorpalette",attribute:"role=grid",usage:"The focusable wrapper announces its role as a grid."},{selector:".k-colorpalette",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpalette",attribute:"aria-activedescendant",usage:"Points to the focused cell in the table."},{selector:".k-colorpalette",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpalette.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorPalette is disabled."},{selector:".k-colorpalette-table",attribute:"role=none or role=presentation",usage:"Negates the default role of the table element."},{selector:".k-colorpalette-table>tbody>tr",attribute:"role=row",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"role=gridcell",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"aria-label or title",usage:"The text representation of the color value for the current cell."},{selector:".k-colorpalette-tile.k-selected",attribute:"aria-selected=true",usage:"Present on the currently selected cell."}]};var Oa=ke;var ra={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as zm}from"react/jsx-runtime";var ls=e=>zm(Oa,{palette:ra.basic,...e});import{jsx as kI}from"react/jsx-runtime";import{jsx as AI,jsxs as wI}from"react/jsx-runtime";import{jsx as Xm}from"react/jsx-runtime";var Fm=ke.options,Um=ke.states,Gm={...ke.defaultOptions,variant:"basic"},$m=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Vm={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}},Wm=[],fo=e=>{let{variant:t="basic",...o}=e,a=Vm[t];return Xm(ls,{columns:a.columns,palette:a,...o})};fo.options=Fm;fo.states=Um;fo.variants=$m;fo.defaultOptions=Gm;fo.modifiers=Wm;fo.className=ke.className;var ps="color-editor",ds="coloreditor";import{jsx as $e,jsxs as bo}from"react/jsx-runtime";var Ba="k-coloreditor",Jm=[l.focus],qm={size:[c.undefined,c.small,c.medium,c.large]},ia={view:"gradient",palette:ra.office,actionButtons:!0,canvasOrientation:"horizontal"},Q=e=>{let{size:t,view:o=ia.view,palette:a=ia.palette,color:i,currentColor:s,focus:p,focusView:m,dir:f,group:h,actionButtons:x=ia.actionButtons,canvasOrientation:g=ia.canvasOrientation,...u}=e;return bo("div",{...u,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",Ba,A(Ba,{size:t}),E(Ba,{focus:p})),dir:f,children:[bo("div",{className:"k-coloreditor-header k-hstack",children:[$e("div",{className:"k-coloreditor-header-actions k-hstack",children:h&&bo(w,{fillMode:"flat",children:[$e(d,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),$e(d,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),$e("div",{className:"k-spacer"}),bo("div",{className:"k-coloreditor-header-actions k-hstack",children:[$e(d,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),bo("div",{className:"k-coloreditor-preview k-vstack",children:[$e(yt,{className:"k-coloreditor-preview-color",color:i}),$e(yt,{className:"k-coloreditor-current-color",color:s})]})]})]}),$e("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?$e(se,{focus:m,size:t,canvasOrientation:g,role:"none",tabIndex:-1}):$e(ke,{palette:a,size:t})}),x&&bo(Ze,{className:"k-coloreditor-footer",alignment:"start",children:[$e(d,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),$e(d,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Q.states=Jm;Q.options=qm;Q.className=Ba;Q.defaultOptions=ia;Q.moduleName=ps;Q.folderName=ds;Q.ariaSpec={selector:".k-flatcolorpicker",rules:[{selector:".k-flatcolorpicker",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a submittable value."},{selector:".k-flatcolorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-flatcolorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-flatcolorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the FlatColorPicker is disabled."},{selector:".k-colorgradient",attribute:"role=none",usage:"The inner ColorGradient must have its role removed."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var ho=Q;import{jsx as o0}from"react/jsx-runtime";import{jsx as n0}from"react/jsx-runtime";import{jsx as Ym}from"react/jsx-runtime";var cs=e=>Ym(ho,{group:!0,currentColor:"fuchsia",...e});import{jsx as Qm}from"react/jsx-runtime";var ms=e=>Qm(ho,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as us}from"react/jsx-runtime";var Zm=Q.options,jm=Q.states,eu={...Q.defaultOptions,variant:"gradient"},tu=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],ou=[],xo=e=>{let{variant:t,...o}=e;return t==="palette"?us(ms,{...o,color:"white"}):us(cs,{...o,color:"rgba(183, 118 , 118, 1.00)"})};xo.options=Zm;xo.states=jm;xo.variants=tu;xo.defaultOptions=eu;xo.modifiers=ou;xo.className=Q.className;var fs="color-picker",bs="colorpicker";import{Fragment as iu,jsx as Ve,jsxs as Yr}from"react/jsx-runtime";var hs="k-colorpicker",au=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled],ru={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},xs={arrowIconName:"chevron-down"},ce=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:i=xs.arrowIconName,prefix:s,suffix:p,value:m,placeholder:f,hover:h,focus:x,valid:g,invalid:u,required:S,disabled:N,valueIconName:y,popup:T,opened:M,adaptive:D,adaptiveSettings:Z,adaptiveTitle:de,adaptiveSubtitle:ue,...fe}=e,Me="colorpicker-popup";return Yr(iu,{children:[Yr(Ye,{...fe,size:t,rounded:o,fillMode:a,hover:h,focus:x,valid:g,invalid:u,required:S,disabled:N,role:"combobox","aria-haspopup":"dialog","aria-expanded":M?"true":"false","aria-controls":M||D?Me:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":N?"true":void 0,className:r(e.className,hs,"k-icon-picker"),children:[Ve(Be,{children:s}),Ve(Ot,{placeholder:f,value:m,showValue:!1,valueIcon:Ve(yt,{className:"k-value-icon",color:m,iconName:y}),valueIconName:y}),Ve(Pe,{children:p}),Ve(d,{className:"k-input-button",icon:i,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:N})]}),M&&T&&Ve(X,{id:Me,className:"k-colorpicker-popup",children:T}),D&&Ve(Y,{adaptive:!0,id:Me,...Z,header:Ve(he,{actionsEnd:Ve(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:de,subtitle:ue}),footer:Yr(vt,{children:[Ve(d,{text:"Cancel",size:"large"}),Ve(d,{text:"Set",size:"large",themeColor:"primary"})]}),children:Ve(Q,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};ce.states=au;ce.options=ru;ce.className=hs;ce.defaultOptions=xs;ce.moduleName=fs;ce.folderName=bs;ce.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var dt=ce;var Qr="menu-button",vs=Qr;import{jsx as lu}from"react/jsx-runtime";var gs="k-menu-button",nu=[l.hover,l.focus,l.active,l.selected,l.disabled],su={size:[c.undefined,c.xsmall,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info,k.inverse]},Zr={showArrow:!0,arrowIconName:"chevron-down"},C=e=>{let{size:t,rounded:o,fillMode:a,themeColor:i,hover:s,focus:p,active:m,selected:f,disabled:h,icon:x,text:g,showArrow:u=Zr.showArrow,arrowIconName:S=Zr.arrowIconName,expanded:N,...y}=e;return lu(d,{...y,className:r(e.className,gs),text:g,size:t,rounded:o,fillMode:a,themeColor:i,hover:s,focus:p,active:m,selected:f,disabled:h,icon:x,showArrow:u,arrowIconName:S,"aria-expanded":N?"true":"false",...!g&&x&&!e["aria-label"]&&{"aria-label":"Menu"},...h&&{"aria-disabled":"true"}})};C.states=nu;C.options=su;C.className=gs;C.defaultOptions=Zr;C.moduleName=Qr;C.folderName=vs;C.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var Ee="menu",We=Ee;import{jsx as na,jsxs as ks}from"react/jsx-runtime";var jr="k-menu-item",pu=[l.hover,l.focus,l.active,l.selected,l.disabled],du={},Ns={iconPosition:"before"},W=e=>{let{hover:t,focus:o,active:a,selected:i,disabled:s,icon:p,text:m,first:f,last:h,showArrow:x,arrowIconName:g,iconPosition:u=Ns.iconPosition,dir:S,children:N,expanded:y,...T}=e,M=g;return M||(M=S==="rtl"?"chevron-left":"chevron-right"),ks("li",{...T,className:r(e.className,jr,"k-item",E(jr,{focus:o,disabled:s,hover:t,active:a,selected:i}),{"k-first":f,"k-last":h}),role:"menuitem",...x&&{"aria-haspopup":"menu"},...x&&{"aria-expanded":y?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[ks("span",{className:r("k-link k-menu-link"),children:[p&&u==="before"&&na(L,{className:"k-menu-link-icon",icon:p}),na("span",{className:"k-menu-link-text",children:m}),p&&u==="after"&&na(L,{className:"k-menu-link-icon",icon:p}),x&&na("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:na(L,{icon:M})})]}),N]})};W.states=pu;W.options=du;W.className=jr;W.defaultOptions=Ns;W.moduleName=Ee;W.folderName=We;import{jsx as sa,jsxs as Ss}from"react/jsx-runtime";var ei="k-menu-item",cu=[l.hover,l.focus,l.active,l.selected,l.disabled],mu={},ti={dir:"ltr",iconPosition:"before"},q=e=>{let{hover:t,focus:o,active:a,selected:i,disabled:s,icon:p,text:m,first:f,last:h,showArrow:x,arrowIconName:g,iconPosition:u=ti.iconPosition,dir:S=ti.dir,children:N,popup:y,expanded:T,...M}=e,D=g;return D||(D=S==="rtl"?"chevron-left":"chevron-right"),Ss("li",{...M,className:r(e.className,ei,"k-item",E(ei,{focus:o,disabled:s}),{"k-first":f,"k-last":h}),role:"menuitem",...x&&{"aria-haspopup":"menu"},...x&&{"aria-expanded":T?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Ss("span",{className:r("k-link k-menu-link",E("k-menu-link",{hover:t,active:a,selected:i,disabled:s})),children:[p&&u==="before"&&sa(L,{className:"k-menu-link-icon",icon:p}),sa("span",{className:"k-menu-link-text",children:m}),p&&u==="after"&&sa(L,{className:"k-menu-link-icon",icon:p}),x&&sa("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:sa(L,{icon:D})})]}),N,y]})};q.states=cu;q.options=mu;q.className=ei;q.defaultOptions=ti;q.moduleName=Ee;q.folderName=We;import{jsx as hu}from"react/jsx-runtime";var Ls="k-menu-scroll-wrapper",uu=[],fu={},bu={},zt=e=>{let{className:t,children:o,orientation:a,...i}=e;return hu("div",{...i,className:r(t,Ls,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};zt.states=uu;zt.options=fu;zt.className=Ls;zt.defaultOptions=bu;zt.moduleName=Ee;zt.folderName=We;var ys=zt;import{Fragment as oi,jsx as Ft,jsxs as Pa}from"react/jsx-runtime";var ai="k-menu",xu=[],vu={},Ra={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},te=e=>{let{children:t,orientation:o=Ra.orientation,header:a=Ra.header,scrollable:i,scrollButtonsPosition:s=Ra.scrollButtonsPosition,wrapperStyles:p,dir:m,popup:f,contextMenu:h,...x}=e,g={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},u=Ft("ul",{dir:m,...x,className:r(e.className,"k-reset",ai,{[`${ai}-${o}`]:o,"k-header":a}),role:h?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Pa(oi,{children:[i?Pa(ys,{orientation:o,style:p,dir:e.dir,children:[s==="start"&&Pa(oi,{children:[Ft(d,{fillMode:"flat",icon:`chevron-${g[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Ft(d,{fillMode:"flat",icon:`chevron-${g[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&Ft(d,{fillMode:"flat",icon:`chevron-${g[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),u,s==="end"&&Pa(oi,{children:[Ft(d,{fillMode:"flat",icon:`chevron-${g[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Ft(d,{fillMode:"flat",icon:`chevron-${g[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&Ft(d,{fillMode:"flat",icon:`chevron-${g[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):u,f]})};te.states=xu;te.options=vu;te.className=ai;te.defaultOptions=Ra;te.moduleName=Ee;te.folderName=We;te.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};import{jsx as gu}from"react/jsx-runtime";var ri="k-separator",Ms={orientation:"horizontal"},vo=e=>{let{orientation:t=Ms.orientation,...o}=e;return gu("li",{...o,className:r(e.className,"k-item",ri,{[`${ri}-${t}`]:t}),role:"separator"})};vo.className=ri;vo.defaultOptions=Ms;vo.moduleName=Ee;vo.folderName=We;import{Fragment as hT,jsx as xT}from"react/jsx-runtime";import{jsx as Lu}from"react/jsx-runtime";var ii="k-menu-group",ku=[],Nu={size:[c.undefined,c.small,c.medium,c.large]},Su={},me=e=>{let{children:t,size:o,...a}=e;return Lu("ul",{...a,className:r(e.className,ii,A(ii,{size:o})),role:"menu",children:t})};me.states=ku;me.options=Nu;me.className=ii;me.defaultOptions=Su;me.moduleName=Ee;me.folderName=We;import{Fragment as yu,jsx as go,jsxs as Mu}from"react/jsx-runtime";var ni=e=>go(te,{children:Mu(yu,{children:[go(W,{first:!0,text:"Item 1"}),go(W,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),go(W,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),go(W,{text:"Item 4"}),go(W,{last:!0,text:"Item 5"})]}),...e});import{Fragment as CT,jsx as TT,jsxs as ET}from"react/jsx-runtime";import{Fragment as KT,jsx as RT,jsxs as DT}from"react/jsx-runtime";import{Fragment as UT,jsx as FT,jsxs as GT}from"react/jsx-runtime";import{Fragment as JT,jsx as XT,jsxs as qT}from"react/jsx-runtime";import{jsx as Ut,jsxs as Eu}from"react/jsx-runtime";var Au=te.options,wu=te.states,As={...te.defaultOptions,variant:"horizontal"},Iu=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Tu=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],ko=e=>{let{variant:t,modifiers:o,...a}={...As,...e},i={};return Object.keys(o||{}).forEach(s=>{switch(s){case"scrollable":i.scrollable=!!o?.[s];break;case"opened":i.opened=!!o?.[s],i.popup=Ut(X,{className:"k-menu-popup",children:Eu(me,{children:[Ut(q,{text:"Item 1"}),Ut(q,{text:"Item 2"}),Ut(vo,{}),Ut(q,{text:"Item 3"})]})});break}}),t==="vertical"?Ut(ni,{...a,...i,orientation:"vertical",style:{width:"200px"}}):Ut(ni,{...a,...i})};ko.options=Au;ko.states=wu;ko.variants=Iu;ko.defaultOptions=As;ko.modifiers=Tu;ko.className=te.className;import{jsx as Pu}from"react/jsx-runtime";var ws="k-spreadsheet-menu",Cu=[],Ou={},Bu={},No=e=>{let{children:t,...o}=e;return Pu(te,{...o,className:r(e.className,ws),children:t})};No.states=Cu;No.options=Ou;No.className=ws;No.defaultOptions=Bu;import{jsx as Ru}from"react/jsx-runtime";var Ka=e=>Ru(dt,{...e});import{jsx as CE}from"react/jsx-runtime";import{jsx as KE}from"react/jsx-runtime";import{jsx as zE}from"react/jsx-runtime";import{jsx as $E}from"react/jsx-runtime";import{jsx as JE}from"react/jsx-runtime";import{jsx as ZE}from"react/jsx-runtime";import{jsx as Gt}from"react/jsx-runtime";var Ku=dt.options,Du=dt.states,Is={...dt.defaultOptions,variant:"color"},_u=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Hu=[{name:"opened",title:"Opened"}],So=e=>{let{variant:t,modifiers:o,...a}={...Is,...e},i={};Object.keys(o||{}).forEach(p=>{p==="opened"&&(i.opened=!!o?.[p],i.popup=o?.[p]?Gt(Q,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let s=i.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return Gt("div",{style:s,children:Gt(Ka,{...a,...i})});case"icon":return Gt("div",{style:s,children:Gt(Ka,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...i})});default:return Gt("div",{style:s,children:Gt(Ka,{value:"rgba(183, 118 , 118, 1.00)",...a,...i})})}};So.options=Ku;So.states=Du;So.variants=_u;So.defaultOptions=Is;So.modifiers=Hu;So.className=dt.className;import{jsx as zu}from"react/jsx-runtime";var Ts=e=>zu(Te,{...e});import{jsx as LC,jsxs as yC}from"react/jsx-runtime";import{jsx as EC,jsxs as CC}from"react/jsx-runtime";import{jsx as DC,jsxs as _C}from"react/jsx-runtime";import{Fragment as $C,jsx as GC}from"react/jsx-runtime";import{Fragment as YC,jsx as qC}from"react/jsx-runtime";import{jsx as oO,jsxs as aO}from"react/jsx-runtime";import{Fragment as cO,jsx as pO,jsxs as dO}from"react/jsx-runtime";import{jsx as bO}from"react/jsx-runtime";import{jsx as gO}from"react/jsx-runtime";import{jsx as MO,jsxs as AO}from"react/jsx-runtime";import{jsx as OO,jsxs as BO}from"react/jsx-runtime";import{jsx as wt,jsxs as Wu}from"react/jsx-runtime";var Fu=ne.states,Uu=ne.defaultOptions,Gu=ne.options,$u=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Vu=[],Lo=e=>{let{modifiers:t,...o}=e,a={},i=wt(_,{style:{width:300},size:o.size,children:Wu(U,{children:[wt(O,{children:"List item"}),wt(O,{children:"List item"}),wt(O,{children:"List item"})]})});return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?wt(L,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?wt(xt,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[s],a.popup=t?.[s]?i:void 0;break;default:break}}),wt("div",{children:wt(Ts,{value:"Value",style:{width:300},...o,...a})})};Lo.options=Gu;Lo.states=Fu;Lo.variants=Vu;Lo.defaultOptions=Uu;Lo.modifiers=$u;Lo.className=ne.className;import{jsx as n5}from"react/jsx-runtime";import{jsx as d5}from"react/jsx-runtime";import{jsx as f5}from"react/jsx-runtime";import{Fragment as L5,jsx as N5,jsxs as S5}from"react/jsx-runtime";import{jsx as w5}from"react/jsx-runtime";import{Fragment as Qu,jsx as ot,jsxs as Es}from"react/jsx-runtime";var Xu=d.states,Cs={...d.defaultOptions,variant:"text"},Ju=d.options,qu=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Yu=[{name:"opened",title:"Opened"}],yo=e=>{let{variant:t,modifiers:o,...a}={...Cs,...e},i={},s=ot(X,{className:"k-menu-popup",children:Es(me,{size:a.size,children:[ot(q,{first:!0,text:"Menu Item"}),ot(q,{text:"Menu Item"}),ot(q,{last:!0,text:"Menu Item"})]})}),p;switch(t){case"icon-only":p=ot("div",{children:ot(C,{...a,...i,icon:"star"})});break;case"icon-and-text":p=ot("div",{children:ot(C,{...a,...i,icon:"star",children:"Dropdown Button"})});break;default:p=ot("div",{children:ot(C,{...a,...i,children:"Dropdown Button"})});break}return Es(Qu,{children:[p,o?.opened&&s]})};yo.options=Ju;yo.states=Xu;yo.variants=qu;yo.defaultOptions=Cs;yo.modifiers=Yu;yo.className=C.className;var si="split-button",Os=si;import{Fragment as ef,jsx as li,jsxs as Bs}from"react/jsx-runtime";var pi="k-split-button",Zu=[l.hover,l.focus,l.active,l.selected,l.disabled],ju={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info,k.inverse]},Ps={arrowIconName:"chevron-down"},K=e=>{let{size:t,rounded:o,fillMode:a,themeColor:i,hover:s,focus:p,active:m,selected:f,disabled:h,icon:x,text:g,arrowIconName:u=Ps.arrowIconName,popup:S,opened:N,popupId:y,...T}=e;return Bs(ef,{children:[Bs("div",{...T,className:r(e.className,pi,"k-button-group",A(pi,{rounded:o})),children:[li(d,{text:g,icon:x,size:t,rounded:o,fillMode:a,themeColor:i,hover:s,focus:p,active:m,selected:f,disabled:h,...!g&&!e.children&&x&&{"aria-label":"Action"},children:e.children}),li(d,{className:"k-split-button-arrow",icon:u,size:t,rounded:o,fillMode:a,disabled:h,"aria-label":"Toggle dropdown","aria-expanded":N?"true":"false","aria-controls":N?y:void 0,tabIndex:-1,...h&&{"aria-disabled":"true"}})]}),N&&S&&li(X,{className:"k-menu-popup",children:S})]})};K.states=Zu;K.options=ju;K.className=pi;K.defaultOptions=Ps;K.moduleName=si;K.folderName=Os;K.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var di=K;import{jsx as of}from"react/jsx-runtime";var tf="k-toolbar-separator",oe=e=>of("div",{className:r(tf,e.className,"k-separator")});var ct="toolbar",It=ct;import{Fragment as ci,jsx as H,jsxs as Mo}from"react/jsx-runtime";var mt="k-toolbar",af=[l.focus],rf={size:[c.undefined,c.small,c.medium,c.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},nf={scrollButtons:"around"},$=e=>{let{size:t,fillMode:o,focus:a,resizable:i,scrollable:s,scrollButtons:p,scrollingPosition:m,section:f,...h}=e,x=[],g=(u,S)=>{let N=[];if(u.type===d&&u.props.className&&u.props.className.includes("k-toolbar-overflow-button"))N.push(H(d,{...u.props,className:`${u.props.className?u.props.className:""}`},`${S}-${new Date().getTime()}`));else if(u.type===d)N.push(H(d,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${S}-${new Date().getTime()}`));else if(u.type===Vo)N.push(H(Vo,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${S}-${new Date().getTime()}`));else if(u.type===xt)N.push(H(xt,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${S}-${new Date().getTime()}`));else if(u.type===C)N.push(H(C,{...u.props,className:`k-toolbar-menu-button ${u.props.className?u.props.className:""}`},`${S}-${new Date().getTime()}`));else if(u.type===di)N.push(H(di,{...u.props,className:`k-toolbar-split-button ${u.props.className?u.props.className:""}`},`${S}-${new Date().getTime()}`));else if(u.type===w||u.props.className&&u.props.className.includes("k-button-group")){let y=[];(Array.isArray(u.props.children)?u.props.children:[u.props.children]).forEach((M,D)=>{y.push(H(d,{...M.props,className:`${M.props.className?M.props.className:""}`},`${D}-${new Date().getTime()}`))}),N.push(H(w,{...u.props,className:`k-toolbar-button-group ${u.props.className?u.props.className:""}`,children:y},`${S}-${new Date().getTime()}`))}else u.type===ne?N.push(H(ne,{...u.props,className:`k-toolbar-combobox ${u.props.className?u.props.className:""}`},`${S}-${new Date().getTime()}`)):u.type===J?N.push(H(J,{...u.props,className:`k-toolbar-dropdownlist ${u.props.className?u.props.className:""}`},`${S}-${new Date().getTime()}`)):u.type===ce?N.push(H(ce,{...u.props,className:`k-toolbar-colorpicker ${u.props.className?u.props.className:""}`},`${S}-${new Date().getTime()}`)):N.push(u);N.forEach(y=>{x.push(y)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((S,N)=>{g(S,N)}),Mo("div",{...h,className:r(e.className,mt,A(mt,{size:t,fillMode:o}),E(mt,{focus:a}),{[`${mt}-resizable`]:i,[`${mt}-scrollable`]:s,[`${mt}-scrollable-overlay`]:s&&p==="hidden",[`${mt}-scrollable-${m}`]:m&&m!=="both",[`${mt}-section`]:f}),role:"toolbar","aria-label":"Toolbar",children:[!s&&x,s&&p==="hidden"&&H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),s&&p==="start"&&Mo(ci,{children:[Mo(w,{children:[H("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(L,{className:"k-button-icon",icon:"chevron-left"})}),H("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(L,{className:"k-button-icon",icon:"chevron-right"})})]}),H(oe,{className:"k-toolbar-button-separator"}),H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x})]}),s&&p==="end"&&Mo(ci,{children:[H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),H(oe,{className:"k-toolbar-button-separator"}),Mo(w,{children:[H("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(L,{className:"k-button-icon",icon:"chevron-left"})}),H("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(L,{className:"k-button-icon",icon:"chevron-right"})})]})]}),s&&(p==="around"||!p)&&Mo(ci,{children:[H("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(L,{className:"k-button-icon",icon:"chevron-left"})}),H(oe,{className:"k-toolbar-button-separator"}),H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),H(oe,{className:"k-toolbar-button-separator"}),H("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(L,{className:"k-button-icon",icon:"chevron-right"})})]})]})};$.states=af;$.options=rf;$.className=mt;$.defaultOptions=nf;$.moduleName=ct;$.folderName=It;$.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};import{jsx as df}from"react/jsx-runtime";var Rs="k-floating-toolbar",sf=[],lf={},pf={},Ao=e=>{let{...t}=e;return df("div",{...t,className:r(e.className,Rs),children:e.children})};Ao.states=sf;Ao.options=lf;Ao.className=Rs;Ao.defaultOptions=pf;Ao.moduleName=ct;Ao.folderName=It;import{jsx as ff}from"react/jsx-runtime";var mi="k-toolbar-item",cf=[l.focus],mf={},uf={},ut=e=>{let{focus:t,...o}=e;return ff("div",{...o,className:r(e.className,mi,E(mi,{focus:t})),children:e.children})};ut.states=cf;ut.options=mf;ut.className=mi;ut.defaultOptions=uf;ut.moduleName=ct;ut.folderName=It;import{jsx as Ks}from"react/jsx-runtime";var Ds="k-toolbar-popup",bf=[],hf={size:[c.undefined,c.small,c.medium,c.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},xf={},$t=e=>{let{size:t,fillMode:o,section:a,...i}=e;return Ks(X,{...i,className:r(e.className,Ds),children:a?Ks("span",{className:r("k-toolbar-items-list",A("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};$t.states=bf;$t.options=hf;$t.className=Ds;$t.defaultOptions=xf;$t.moduleName=ct;$t.folderName=It;var _a=$t;import{jsx as E3}from"react/jsx-runtime";import{jsx as P3}from"react/jsx-runtime";import{jsx as _3}from"react/jsx-runtime";import{jsx as $3,jsxs as V3}from"react/jsx-runtime";import{jsx as q3}from"react/jsx-runtime";import{jsx as ft,jsxs as Sf}from"react/jsx-runtime";var vf=K.states,_s={...K.defaultOptions,variant:"text"},gf=K.options,kf=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Nf=[{name:"opened",title:"Opened"}],wo=e=>{let{variant:t,modifiers:o,...a}={..._s,...e},i={},s=Sf(me,{size:a.size,children:[ft(q,{first:!0,text:"Menu Item"}),ft(q,{text:"Menu Item"}),ft(q,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(p=>{p==="opened"&&(i.opened=!!o?.[p],i.popup=o?.[p]?s:"")}),t){case"icon-only":return ft("div",{children:ft(K,{...a,...i,icon:"star"})});case"icon-and-text":return ft("div",{children:ft(K,{...a,...i,icon:"star",children:"Split Button"})});default:return ft("div",{children:ft(K,{...a,...i,children:"Split Button"})})}};wo.options=gf;wo.states=vf;wo.variants=kf;wo.defaultOptions=_s;wo.modifiers=Nf;wo.className=K.className;import{jsx as Vt,jsxs as Lf}from"react/jsx-runtime";var Hs=e=>Vt($,{children:[Vt(d,{children:"Button"},"toolbar-button"),Vt(C,{text:"Menu button"},"toolbar-menu-button"),Vt(K,{children:"Split button"},"toolbar-split-button"),Lf(w,{children:[Vt(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Vt(d,{icon:"align-center",children:"Center"}),Vt(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as yB,jsxs as MB}from"react/jsx-runtime";import{jsx as Ce,jsxs as zs}from"react/jsx-runtime";var Fs=e=>Ce($,{scrollable:!0,...e,children:[Ce(d,{children:"Button"},"toolbar-button"),Ce(C,{text:"Menu button"},"toolbar-menu-button"),Ce(K,{children:"Split button"},"toolbar-split-button"),zs(w,{children:[Ce(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Ce(d,{icon:"align-center",children:"Center"}),Ce(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Ce(d,{children:"Button"},"toolbar-button"),Ce(C,{text:"Menu button"},"toolbar-menu-button"),Ce(K,{children:"Split button"},"toolbar-split-button"),zs(w,{children:[Ce(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Ce(d,{icon:"align-center",children:"Center"}),Ce(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Oe,jsxs as Us}from"react/jsx-runtime";var Gs=({scrollingPosition:e="start",...t})=>Oe($,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[Oe(d,{children:"Button"},"toolbar-button"),Oe(C,{text:"Menu button"},"toolbar-menu-button"),Oe(K,{children:"Split button"},"toolbar-split-button"),Us(w,{children:[Oe(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Oe(d,{icon:"align-center",children:"Center"}),Oe(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Oe(d,{children:"Button"},"toolbar-button"),Oe(C,{text:"Menu button"},"toolbar-menu-button"),Oe(K,{children:"Split button"},"toolbar-split-button"),Us(w,{children:[Oe(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Oe(d,{icon:"align-center",children:"Center"}),Oe(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as yf,jsx as ye,jsxs as Ha}from"react/jsx-runtime";var $s=({fillMode:e,size:t,...o})=>Ha(yf,{children:[ye($,{section:!0,fillMode:e,size:t,children:[ye(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Ha(w,{fillMode:e,children:[ye(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),ye(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),ye(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),ye(oe,{className:"k-toolbar-button-separator"}),ye(d,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),Ha(_a,{size:t,fillMode:e,section:!0,...o,children:[ye(K,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),ye(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),ye(oe,{}),ye(C,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Ha(w,{fillMode:e,children:[ye(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),ye(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),ye(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as rP,jsx as oP,jsxs as aP}from"react/jsx-runtime";import{Fragment as bP,jsx as uP,jsxs as fP}from"react/jsx-runtime";import{jsx as Tt}from"react/jsx-runtime";var Mf=$.options,Af=$.states,Vs={...$.defaultOptions,variant:"default"},wf=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],If=[],Io=e=>{let{variant:t,...o}={...Vs,...e};switch(t){case"responsive":return Tt("div",{children:Tt($s,{style:{width:"583px"},...o})});case"overlay":return Tt("div",{children:Tt(Gs,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Tt("div",{children:Tt(Fs,{style:{width:"583px"},...o})});default:return Tt("div",{children:Tt(Hs,{style:{width:"583px"},...o})})}};Io.options=Mf;Io.states=Af;Io.variants=wf;Io.defaultOptions=Vs;Io.modifiers=If;Io.className=$.className;import{jsx as Of}from"react/jsx-runtime";var Ws="k-spreadsheet-toolbar",Tf=[],Ef={},Cf={},To=e=>{let{children:t,...o}=e;return Of($,{...o,resizable:!0,className:r(e.className,Ws),fillMode:"flat","aria-label":o["aria-label"]||"Spreadsheet toolbar",children:t})};To.states=Tf;To.options=Ef;To.className=Ws;To.defaultOptions=Cf;import{jsx as B,jsxs as fi}from"react/jsx-runtime";var Xs="k-spreadsheet-header",Bf=[],Pf={},Rf=[B(d,{icon:"arrow-rotate-ccw",fillMode:"flat","aria-label":"Undo"},"undo"),B(d,{icon:"arrow-rotate-cw",fillMode:"flat","aria-label":"Redo"},"redo"),B(oe,{},"sep1"),B(d,{icon:"cut",fillMode:"flat","aria-label":"Cut"},"cut"),B(d,{icon:"copy",fillMode:"flat","aria-label":"Copy"},"copy"),B(d,{icon:"clipboard",fillMode:"flat","aria-label":"Paste"},"paste"),B(oe,{},"sep2"),B(J,{value:"Font Name",fillMode:"flat","aria-label":"Font name"},"fontname"),B(J,{value:"Font Size",fillMode:"flat","aria-label":"Font size"},"fontsize"),B(oe,{},"sep3"),fi(w,{fillMode:"flat",children:[B(d,{className:"k-group-start",icon:"font-grow",fillMode:"flat","aria-label":"Increase font size"}),B(d,{className:"k-group-end",icon:"font-shrink",fillMode:"flat","aria-label":"Decrease font size"})]},"fontgrow"),B(oe,{},"sep4"),fi(w,{fillMode:"flat",children:[B(d,{className:"k-group-start",icon:"bold",fillMode:"flat","aria-label":"Bold"}),B(d,{icon:"italic",fillMode:"flat","aria-label":"Italic"}),B(d,{icon:"underline",fillMode:"flat","aria-label":"Underline"}),B(d,{className:"k-group-end",icon:"strikethrough",fillMode:"flat","aria-label":"Strikethrough"})]},"fontstyle"),B(ut,{children:B(ce,{value:"red",valueIconName:"foreground-color",fillMode:"flat","aria-label":"Text color"})},"textcolor"),B(oe,{},"sep5"),B(ut,{children:B(ce,{value:"fuchsia",valueIconName:"droplet",fillMode:"flat","aria-label":"Background color"})},"bgcolor"),B(oe,{},"sep6"),B(C,{fillMode:"flat",icon:"borders-all",showArrow:!0,"aria-label":"Borders"},"borders"),B(oe,{},"sep7"),B(C,{fillMode:"flat",icon:"align-left",showArrow:!0,"aria-label":"Horizontal alignment"},"halign"),B(C,{fillMode:"flat",icon:"align-middle",showArrow:!0,"aria-label":"Vertical alignment"},"valign"),B(oe,{},"sep8"),B(d,{fillMode:"flat",icon:"text-wrap","aria-label":"Wrap text"},"wrap")],Kf=[B(W,{first:!0,text:"File"},"file"),B(W,{text:"Home",active:!0},"home"),B(W,{text:"Insert"},"insert"),B(W,{text:"Format"},"format"),B(W,{text:"Formulas"},"formulas"),B(W,{text:"Data"},"data"),B(W,{last:!0,text:"View"},"view")],ui={toolbarItems:Rf,menuItems:Kf},at=e=>{let{toolbarItems:t=ui.toolbarItems,menuItems:o=ui.menuItems,...a}=e;return fi("div",{...a,className:r(Xs,e.className),children:[B(No,{children:o}),B(To,{children:t})]})};at.states=Bf;at.options=Pf;at.className=Xs;at.defaultOptions=ui;import{jsx as zf}from"react/jsx-runtime";var Js="k-tabstrip-items",Df=[],_f={},Hf={tabAlignment:"start"},la=e=>{let{children:t,tabAlignment:o,orientation:a,...i}=e;return zf("ul",{...i,className:r(e.className,Js,"k-reset",`k-tabstrip-items-${o}`),role:"tablist",...a==="vertical"&&{"aria-orientation":"vertical"},children:t})};la.states=Df;la.options=_f;la.className=Js;la.defaultOptions=Hf;var qs=la;import{jsx as Gf}from"react/jsx-runtime";var Ys="k-tabstrip-items-wrapper",Ff=[],Uf={},Qs={orientation:"horizontal"},pa=e=>{let{children:t,orientation:o=Qs.orientation,...a}=e;return Gf("div",{...a,className:r(e.className,Ys,{"k-hstack":o==="horizontal","k-vstack":o==="vertical"}),children:t})};pa.states=Ff;pa.options=Uf;pa.className=Ys;pa.defaultOptions=Qs;var Zs=pa;var bi="tabstrip",js=bi;import{jsx as Je,jsxs as el}from"react/jsx-runtime";var Et="k-tabstrip",$f=[],Vf={size:[c.undefined,c.small,c.medium,c.large]},za={position:"top",tabAlignment:"start",scrollButtons:"around"},bt=e=>{let{size:t,scrollable:o,children:a,tabStripItems:i,tabStripItemsId:s,position:p=za.position,tabAlignment:m=za.tabAlignment,scrollButtons:f=za.scrollButtons,dir:h,scrollingPosition:x,overflow:g,...u}=e,S={top:{prev:h!=="rtl"?"left":"right",next:h!=="rtl"?"right":"left"},bottom:{prev:h!=="rtl"?"left":"right",next:h!=="rtl"?"right":"left"},right:{prev:"up",next:"down"},left:{prev:"up",next:"down"}},N={top:"horizontal",bottom:"horizontal",left:"vertical",right:"vertical"},y={start:"start",center:"center",end:"end",justify:"justify",stretched:"stretched"};return el("div",{dir:h,...u,className:r(Et,e.className,{[`${Et}-${p}`]:p,[`${Et}-scrollable`]:o,[`${Et}-scrollable-overlay`]:o&&(f==="hidden"||!f),[`${Et}-scrollable-${x}`]:x&&x!=="both",[`${Et}-overflow`]:g},A(Et,{size:t})),children:[p==="bottom"&&a,el(Zs,{orientation:N[p],children:[o&&(f==="around"||f==="start")&&Je("span",{className:r("k-tabstrip-prev","k-button",A("k-button",{size:t,fillMode:b.flat}),"k-icon-button"),"aria-hidden":"true",children:Je(L,{className:"k-button-icon",icon:`chevron-${S[p].prev}`})}),o&&f==="start"&&Je("span",{className:r("k-tabstrip-next","k-button",A("k-button",{size:t,fillMode:b.flat}),"k-icon-button"),"aria-hidden":"true",children:Je(L,{className:"k-button-icon",icon:`chevron-${S[p].next}`})}),Je(qs,{className:r({"k-tabstrip-items-scroll":o&&f==="hidden"}),tabAlignment:y[m],orientation:N[p],...s&&{id:s},children:i}),o&&f==="end"&&Je("span",{className:r("k-tabstrip-prev","k-button",A("k-button",{size:t,fillMode:b.flat}),"k-icon-button"),"aria-hidden":"true",children:Je(L,{className:"k-button-icon",icon:`chevron-${S[p].prev}`})}),o&&(f==="around"||f==="end")&&Je("span",{className:r("k-tabstrip-next","k-button",A("k-button",{size:t,fillMode:b.flat}),"k-icon-button"),"aria-hidden":"true",children:Je(L,{className:"k-button-icon",icon:`chevron-${S[p].next}`})}),g&&Je("div",{className:"k-tabstrip-actions k-hstack",children:Je(C,{className:"k-tabstrip-overflow-button",icon:"more-vertical",fillMode:"flat",size:t,showArrow:!1})})]}),p!=="bottom"&&a]})};bt.states=$f;bt.options=Vf;bt.className=Et;bt.defaultOptions=za;bt.moduleName=bi;bt.folderName=js;bt.ariaSpec={selector:".k-tabstrip",rules:[{selector:".k-tabstrip-items",attribute:"role=tablist",usage:"Indicates the tablist role for the ul element."},{selector:".k-tabstrip.k-tabstrip-left .k-tabstrip-items,.k-tabstrip.k-tabstrip-right .k-tabstrip-items",attribute:"aria-orientation=vertical",usage:"Indicates the orientation when vertical."},{selector:".k-tabstrip-item",attribute:"role=tab",usage:"The tab li element."},{selector:".k-tabstrip .k-tabstrip-item.k-active",attribute:"aria-selected=true",usage:"Announces the selected state of the tab."},{selector:".k-tabstrip-content",attribute:"role=tabpanel",usage:"The content div of the tab."},{selector:".k-tabstrip .k-tabstrip-item.k-active",attribute:"aria-controls (when present)",usage:"Announces the relation between the panel and active tab. Only present when tab controls a specific panel."},{selector:".k-tabstrip-content",attribute:"aria-hidden=true (when not active)",usage:"Only if the component implements a feature to control whether the content should be persisted."},{selector:".k-tabstrip-content",attribute:"aria-labelledby (when present)",usage:"Refers to the tab element that controls the panel. Only present when panel has an associated tab."},{selector:".k-tabstrip-scrollable .k-button",attribute:"aria-hidden=true",usage:"Scroll buttons are hidden from assistive technologies."}]};import{jsx as Fa,jsxs as hi}from"react/jsx-runtime";var xi="k-tabstrip-item",Wf=[l.active,l.hover,l.disabled,l.focus],Xf={},tl={iconPosition:"before"},qe=e=>{let{dragging:t,active:o,hover:a,focus:i,disabled:s,children:p,first:m,last:f,closable:h,icon:x,iconPosition:g=tl.iconPosition,value:u,actions:S,...N}=e;return hi("li",{...N,className:r(e.className,xi,E(xi,{hover:a,active:o,disabled:s,focus:i}),{"k-tabstrip-dragging":t,"k-first":m,"k-last":f}),role:"tab",...o&&{"aria-selected":"true"},...s&&{"aria-disabled":"true"},children:[hi("span",{className:"k-link",children:[x&&g==="before"&&Fa(L,{icon:x}),u&&Fa("span",{className:"k-link-text",children:u}),x&&g==="after"&&Fa(L,{icon:x})]}),(S||h)&&hi("span",{className:"k-item-actions",children:[S,h&&Fa(d,{as:"span",className:"k-remove-tab",icon:"x",fillMode:"flat",size:"xsmall",title:"Close","aria-hidden":"true"})]}),p]})};qe.states=Wf;qe.options=Xf;qe.className=xi;qe.item=tl;import{Fragment as Qf,jsx as Ne,jsxs as rl}from"react/jsx-runtime";var ol="k-spreadsheet-sheets-bar",Jf=[],qf={},Yf=rl(Qf,{children:[Ne(qe,{first:!0,active:!0,value:"Sheet 1",actions:Ne(C,{showArrow:!1,size:"small",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet1"),Ne(qe,{value:"Sheet 2",actions:Ne(C,{showArrow:!1,size:"small",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet2"),Ne(qe,{value:"Sheet 3",actions:Ne(C,{showArrow:!1,size:"small",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet3"),Ne(qe,{value:"Sheet 4",actions:Ne(C,{showArrow:!1,size:"small",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet4"),Ne(qe,{value:"Sheet 5",actions:Ne(C,{showArrow:!1,size:"small",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet5"),Ne(qe,{last:!0,value:"Sheet 6",actions:Ne(C,{showArrow:!1,size:"small",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet6")]}),al={tabStripItems:Yf},rt=e=>{let{tabStripItems:t=al.tabStripItems,...o}=e,a=P("spreadsheet-sheets");return rl("div",{...o,className:r(ol,e.className),children:[Ne(d,{className:"k-spreadsheet-sheet-add",fillMode:"flat",size:"small",icon:"plus","aria-label":"Add new sheet","aria-controls":a}),Ne(d,{className:"k-spreadsheet-sheets-menu",fillMode:"flat",size:"small",icon:"menu","aria-label":"Sheets menu","aria-controls":a}),Ne(bt,{className:"k-spreadsheet-sheets",tabStripItems:t,tabStripItemsId:a,position:"bottom",scrollable:!0,scrollButtons:"end"})]})};rt.states=Jf;rt.options=qf;rt.className=ol;rt.defaultOptions=al;var vi="tooltip",il=vi;import{jsx as da,jsxs as nl}from"react/jsx-runtime";var gi="k-tooltip",Zf=[],jf={themeColor:[k.undefined,k.base,k.inverse,k.info,k.success,k.warning,k.error]},sl={closable:!1},Se=e=>{let{closable:t=sl.closable,callout:o,themeColor:a,title:i,content:s,icon:p,id:m=P("tooltip"),...f}=e;return nl("div",{...f,className:r(e.className,gi,A(gi,{themeColor:a}),{"k-tooltip-closable":t}),role:"tooltip",id:m,children:[p&&da(L,{className:"k-tooltip-icon",icon:p}),nl("div",{className:"k-tooltip-content",children:[i&&da("div",{className:"k-tooltip-title",children:i}),s]}),t&&da("div",{className:"k-tooltip-button",role:"button","aria-label":"Close",tabIndex:0,children:da(L,{icon:"x"})}),o&&da("div",{className:r("k-callout",{[`k-callout-${Mi.calloutMap[o]||o}`]:o})})]})};Se.states=Zf;Se.options=jf;Se.className=gi;Se.defaultOptions=sl;Se.moduleName=vi;Se.folderName=il;Se.ariaSpec={selector:".k-tooltip",implicitRole:"tooltip",rules:[{selector:".k-tooltip",attribute:"role=tooltip",usage:"Specifies the tooltip role of the tooltip container."},{selector:".k-tooltip",attribute:"id",usage:"The element needs an id to be associated with the aria-describedby attribute of the trigger element."},{selector:".k-tooltip .k-tooltip-button",attribute:"role=button",usage:"The close button needs an explicit button role."},{selector:".k-tooltip .k-tooltip-button",attribute:"aria-label",usage:"The close button needs an accessible name."}]};var ki=Se;import{jsx as eb}from"react/jsx-runtime";var ll=e=>eb(ki,{content:"Tooltip Content",...e});import{jsx as F6}from"react/jsx-runtime";import{jsx as Ni,jsxs as rb}from"react/jsx-runtime";var tb={...Se.options,closable:{type:"boolean"},callout:["none","top","bottom","left","right"]},ob=Se.states,pl={...Se.defaultOptions,callout:"top"},ab=[],Eo=e=>{let{callout:t="top",...o}={...pl,...e},a={none:{top:"-33px",left:"-17px",calloutDirection:null},right:{top:"2px",left:"61px",calloutDirection:"left"},left:{top:"2px",left:"-94px",calloutDirection:"right"},bottom:{top:"38px",left:"-17px",calloutDirection:"top"},top:{top:"-33px",left:"-17px",calloutDirection:"bottom"}},{top:i,left:s,calloutDirection:p}=a[t]||{};return rb("div",{style:{position:"absolute"},children:[Ni(Ke,{style:{top:i,left:s},children:Ni(ll,{style:{width:"86px",textAlign:"center"},callout:p,content:"Content",...o})}),Ni(d,{text:"Show"})]})};Eo.options=tb;Eo.states=ob;Eo.variants=ab;Eo.defaultOptions=pl;Eo.modifiers=[];Eo.className=Se.className;import{jsx as n}from"react/jsx-runtime";var Si=[n("div",{className:"k-spreadsheet-cell k-spreadsheet-merged-cell",style:{left:"1px",top:"1px",width:"878px",height:"69px",background:"rgb(96, 181, 255)",outline:"rgb(86, 163, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"30px",whiteSpace:"pre",overflowWrap:"normal"},children:n("div",{className:"k-vertical-align-center",children:"Invoice #52 - 06/23/2015"})}),n("div",{style:{background:"rgb(167, 214, 255)",outline:"rgb(150, 193, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"71px",width:"99px",height:"24px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"ID"})}),n("div",{style:{background:"rgb(167, 214, 255)",outline:"rgb(150, 193, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"71px",width:"214px",height:"24px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"Product"})}),n("div",{style:{background:"rgb(167, 214, 255)",outline:"rgb(150, 193, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"71px",width:"114px",height:"24px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"Quantity"})}),n("div",{style:{background:"rgb(167, 214, 255)",outline:"rgb(150, 193, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"71px",width:"114px",height:"24px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"Price"})}),n("div",{style:{background:"rgb(167, 214, 255)",outline:"rgb(150, 193, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"71px",width:"114px",height:"24px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"Tax"})}),n("div",{style:{background:"rgb(167, 214, 255)",outline:"rgb(150, 193, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"71px",width:"154px",height:"24px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"Amount"})}),n("div",{style:{background:"rgb(167, 214, 255)",outline:"rgb(150, 193, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"71px",width:"63px",height:"24px"},className:"k-spreadsheet-cell"}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"96px",width:"99px",height:"29px"},className:"k-spreadsheet-cell k-left k-single",children:n("div",{className:"k-vertical-align-center",children:"216321"})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"96px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"Calzone"})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"96px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"1"})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"96px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$12.39"})})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"96px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$2.48"})})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"96px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$14.87"})})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"96px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"126px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"546897"})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"126px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"Margarita"})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"126px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"2"})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"126px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$8.79"})})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"126px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$3.52"})})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"126px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$21.10"})})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"126px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"156px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"456231"})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"156px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"Pollo Formaggio"})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"156px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"1"})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"156px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$13.99"})})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"156px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$2.80"})})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"156px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$16.79"})})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"156px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"186px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"455873"})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"186px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"Greek Salad"})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"186px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"1"})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"186px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$9.49"})})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"186px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$1.90"})})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"186px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$11.39"})})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"186px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"216px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"456892"})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"216px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"Spinach and Blue Cheese"})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"216px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"3"})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"216px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$11.49"})})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"216px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$6.89"})})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"216px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$41.36"})})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"216px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"246px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"546564"})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"246px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"Rigoletto"})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"246px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"1"})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"246px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$10.99"})})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"246px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$2.20"})})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"246px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$13.19"})})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"246px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"276px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"789455"})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"276px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"Creme Brulee"})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"276px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"5"})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"276px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$6.99"})})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"276px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$6.99"})})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"276px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$41.94"})})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"276px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"306px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"123002"})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"306px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"Radeberger Beer"})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"306px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"4"})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"306px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$4.99"})})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"306px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$3.99"})})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"306px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$23.95"})})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"306px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"336px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"564896"})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"336px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"Budweiser Beer"})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"336px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"3"})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"336px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$4.49"})})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"336px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$2.69"})})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"336px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$16.16"})})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"336px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"366px",width:"99px",height:"29px"},className:"k-spreadsheet-cell"}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"366px",width:"214px",height:"29px"},className:"k-spreadsheet-cell"}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"366px",width:"114px",height:"29px"},className:"k-spreadsheet-cell"}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"366px",width:"114px",height:"29px"},className:"k-spreadsheet-cell"}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"366px",width:"114px",height:"29px"},className:"k-spreadsheet-cell"}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"366px",width:"154px",height:"29px"},className:"k-spreadsheet-cell"}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"366px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"396px",width:"99px",height:"29px"},className:"k-spreadsheet-cell"}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"396px",width:"214px",height:"29px"},className:"k-spreadsheet-cell"}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"396px",width:"114px",height:"29px"},className:"k-spreadsheet-cell"}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"396px",width:"114px",height:"29px"},className:"k-spreadsheet-cell"}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"396px",width:"114px",height:"29px"},className:"k-spreadsheet-cell"}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"396px",width:"154px",height:"29px"},className:"k-spreadsheet-cell"}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"396px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"})],dl=[n("div",{className:"k-spreadsheet-vaxis",style:{left:0,height:"405px"}}),n("div",{className:"k-spreadsheet-vaxis",style:{left:"100px",height:"405px"}}),n("div",{className:"k-spreadsheet-vaxis",style:{left:"315px",height:"405px"}}),n("div",{className:"k-spreadsheet-vaxis",style:{left:"430px",height:"405px"}}),n("div",{className:"k-spreadsheet-vaxis",style:{left:"545px",height:"405px"}}),n("div",{className:"k-spreadsheet-vaxis",style:{left:"660px",height:"405px"}}),n("div",{className:"k-spreadsheet-vaxis",style:{left:"815px",height:"405px"}}),n("div",{className:"k-spreadsheet-vaxis",style:{left:"879px",height:"405px"}}),n("div",{className:"k-spreadsheet-vaxis",style:{left:"943px",height:"405px"}}),n("div",{className:"k-spreadsheet-vaxis",style:{left:"1007px",height:"405px"}}),n("div",{className:"k-spreadsheet-vaxis",style:{left:"1071px",height:"405px"}}),n("div",{className:"k-spreadsheet-vaxis",style:{left:"1135px",height:"405px"}}),n("div",{className:"k-spreadsheet-vaxis",style:{left:"1199px",height:"405px"}}),n("div",{className:"k-spreadsheet-haxis",style:{top:"0px",width:"1199px"}}),n("div",{className:"k-spreadsheet-haxis",style:{top:"70px",width:"1199px"}}),n("div",{className:"k-spreadsheet-haxis",style:{top:"95px",width:"1199px"}}),n("div",{className:"k-spreadsheet-haxis",style:{top:"125px",width:"1199px"}}),n("div",{className:"k-spreadsheet-haxis",style:{top:"155px",width:"1199px"}}),n("div",{className:"k-spreadsheet-haxis",style:{top:"185px",width:"1199px"}}),n("div",{className:"k-spreadsheet-haxis",style:{top:"215px",width:"1199px"}}),n("div",{className:"k-spreadsheet-haxis",style:{top:"245px",width:"1199px"}}),n("div",{className:"k-spreadsheet-haxis",style:{top:"275px",width:"1199px"}}),n("div",{className:"k-spreadsheet-haxis",style:{top:"305px",width:"1199px"}}),n("div",{className:"k-spreadsheet-haxis",style:{top:"335px",width:"1199px"}}),n("div",{className:"k-spreadsheet-haxis",style:{top:"365px",width:"1199px"}}),n("div",{className:"k-spreadsheet-haxis",style:{top:"395px",width:"1199px"}}),n("div",{className:"k-spreadsheet-haxis",style:{top:"426px",width:"1199px"}}),n("div",{className:"k-spreadsheet-disabled-mask",style:{top:"1px",width:"878px",left:"1px",height:"69px"}})];import{jsx as G}from"react/jsx-runtime";var cl="k-spreadsheet-column-header",ib=[],nb={},ml={configureSelection:{A:"partial"}},Co=e=>{let{configureSelection:t=ml.configureSelection,...o}=e,a=[G("div",{style:{position:"absolute",left:"0px",width:"100px",height:"30px"},children:G("div",{className:"k-vertical-align-center",children:"A"})}),G("div",{style:{position:"absolute",left:"100px",width:"215px",height:"30px"},children:G("div",{className:"k-vertical-align-center",children:"B"})}),G("div",{style:{position:"absolute",left:"315px",width:"115px",height:"30px"},children:G("div",{className:"k-vertical-align-center",children:"C"})}),G("div",{style:{position:"absolute",left:"430px",width:"115px",height:"30px"},children:G("div",{className:"k-vertical-align-center",children:"D"})}),G("div",{style:{position:"absolute",left:"545px",width:"115px",height:"30px"},children:G("div",{className:"k-vertical-align-center",children:"E"})}),G("div",{style:{position:"absolute",left:"660px",width:"155px",height:"30px"},children:G("div",{className:"k-vertical-align-center",children:"F"})}),G("div",{style:{position:"absolute",left:"815px",width:"64px",height:"30px"},children:G("div",{className:"k-vertical-align-center",children:"G"})}),G("div",{style:{position:"absolute",left:"879px",width:"64px",height:"30px"},children:G("div",{className:"k-vertical-align-center",children:"H"})}),G("div",{style:{position:"absolute",left:"943px",width:"64px",height:"30px"},children:G("div",{className:"k-vertical-align-center",children:"I"})}),G("div",{style:{position:"absolute",left:"1007px",width:"64px",height:"30px"},children:G("div",{className:"k-vertical-align-center",children:"J"})}),G("div",{style:{position:"absolute",left:"1071px",width:"64px",height:"30px"},children:G("div",{className:"k-vertical-align-center",children:"K"})}),G("div",{style:{position:"absolute",left:"1135px",width:"64px",height:"30px"},children:G("div",{className:"k-vertical-align-center",children:"L"})})],s=t?((p,m)=>p.map((f,h)=>{let x=f.props.children.props.children;return G("div",{style:f.props.style,className:r({"k-selection-partial":m[x]==="partial","k-selection-full":m[x]==="full","k-selection-none":!m[x]}),children:f.props.children},h)}))(a,t):a;return G("div",{...o,className:r(cl,e.className),children:s})};Co.states=ib;Co.options=nb;Co.className=cl;Co.defaultOptions=ml;import{jsx as F}from"react/jsx-runtime";var ul="k-spreadsheet-row-header",sb=[],lb={},fl={configureSelection:{1:"partial"}},Oo=e=>{let{configureSelection:t=fl.configureSelection,...o}=e,a=[F("div",{style:{width:"30px",height:"70px"},children:F("div",{className:"k-vertical-align-center",children:"1"})}),F("div",{style:{width:"30px",height:"25px"},children:F("div",{className:"k-vertical-align-center",children:"2"})}),F("div",{style:{width:"30px",height:"30px"},children:F("div",{className:"k-vertical-align-center",children:"3"})}),F("div",{style:{width:"30px",height:"30px"},children:F("div",{className:"k-vertical-align-center",children:"4"})}),F("div",{style:{width:"30px",height:"30px"},children:F("div",{className:"k-vertical-align-center",children:"5"})}),F("div",{style:{width:"30px",height:"30px"},children:F("div",{className:"k-vertical-align-center",children:"6"})}),F("div",{style:{width:"30px",height:"30px"},children:F("div",{className:"k-vertical-align-center",children:"7"})}),F("div",{style:{width:"30px",height:"30px"},children:F("div",{className:"k-vertical-align-center",children:"8"})}),F("div",{style:{width:"30px",height:"30px"},children:F("div",{className:"k-vertical-align-center",children:"9"})}),F("div",{style:{width:"30px",height:"30px"},children:F("div",{className:"k-vertical-align-center",children:"10"})}),F("div",{style:{width:"30px",height:"30px"},children:F("div",{className:"k-vertical-align-center",children:"11"})}),F("div",{style:{width:"30px",height:"30px"},children:F("div",{className:"k-vertical-align-center",children:"12"})}),F("div",{style:{width:"30px",height:"30px"},children:F("div",{className:"k-vertical-align-center",children:"13"})})],s=t?((p,m)=>p.map((f,h)=>{let x=f.props.children.props.children;return F("div",{style:f.props.style,className:r({"k-selection-partial":m[x]==="partial","k-selection-full":m[x]==="full","k-selection-none":!m[x]}),children:f.props.children},h)}))(a,t):a;return F("div",{...o,className:r(ul,e.className),children:s})};Oo.states=sb;Oo.options=lb;Oo.className=ul;Oo.defaultOptions=fl;import*as hl from"react";import{jsx as bl}from"react/jsx-runtime";var xl="k-spreadsheet-data",pb=[],db={},cb={},Bo=e=>{let{activeCellIndex:t,...o}=e,i=t?((p,m)=>p.map((f,h)=>h===m?bl("div",{style:f.props.style,className:r(f.props.className,"k-spreadsheet-active-cell"),children:f.props.children},h):f))(Si,t):Si,s=[...dl,...i].map((p,m)=>p.key?p:hl.cloneElement(p,{key:m}));return bl("div",{...o,className:r(xl,e.className),children:s})};Bo.states=pb;Bo.options=db;Bo.className=xl;Bo.defaultOptions=cb;import{jsx as bb}from"react/jsx-runtime";var vl="k-spreadsheet-legacy",mb=[],ub={},fb={},Po=e=>{let{...t}=e;return bb("div",{...t,className:r(e.className,vl),children:e.children})};Po.states=mb;Po.options=ub;Po.className=vl;Po.defaultOptions=fb;Po.moduleName=_o;Po.folderName=ua;import{Fragment as hb,jsx as Ro,jsxs as xb}from"react/jsx-runtime";var gl=e=>Ro(Ae,{children:xb(hb,{children:[Ro(at,{}),Ro(je,{}),Ro(it,{selection:Ro("div",{className:"k-spreadsheet-selection k-single-selection",style:{width:"880px",height:"71px",top:"30px",left:"30px"}}),rowHeaderSelection:{1:"partial"},columnHeaderSelection:{A:"partial",B:"partial",C:"partial",D:"partial",E:"partial",F:"partial",G:"partial"},activeCellIndex:0}),Ro(rt,{})]}),...e});import{jsx as ca,jsxs as Lb}from"react/jsx-runtime";var vb={},gb=[],kb=[],Nb={},Sb=[],Ko=()=>Lb(gl,{style:{height:"415px",width:"80%"},children:[ca(at,{}),ca(je,{}),ca(it,{selection:ca("div",{className:"k-spreadsheet-selection k-single-selection",style:{width:"101px",height:"31px",top:"125px",left:"30px"}}),rowHeaderSelection:{3:"partial"},columnHeaderSelection:{A:"partial"},activeCellIndex:8}),ca(rt,{})]});Ko.options=vb;Ko.states=gb;Ko.variants=kb;Ko.defaultOptions=Nb;Ko.modifiers=Sb;Ko.className=Ae.className;import{jsx as ae,jsxs as Ua}from"react/jsx-runtime";var kl="k-spreadsheet-view",yb=[],Mb={},Ab={},it=e=>{let{selectionHighlight:t,rowHeaderSelection:o,columnHeaderSelection:a,cellEditor:i,activeCellIndex:s,selection:p,filter:m,...f}=e;return Ua("div",{...f,className:r(kl,e.className),children:[Ua("div",{className:"k-spreadsheet-fixed-container",children:[Ua("div",{style:{top:0,left:0,height:"100%",width:"100%"},className:"k-spreadsheet-pane k-top k-left",children:[ae(Bo,{activeCellIndex:s,style:{position:"relative",left:"30px",top:"30px"}}),ae("div",{className:"k-selection-wrapper",children:p}),ae("div",{className:"k-auto-fill-wrapper"}),ae("div",{className:"k-selection-wrapper",children:t}),ae("div",{className:"k-filter-wrapper",children:m}),ae(Oo,{configureSelection:o,style:{width:"30px",top:"30px"}}),ae(Co,{configureSelection:a,style:{top:"0px",left:"30px",width:"1199px",height:"30px"}})]}),i,ae("div",{style:{width:"30px",height:"30px"},className:"k-spreadsheet-top-corner"})]}),ae("div",{className:"k-spreadsheet-scroller",children:ae("div",{className:"k-spreadsheet-view-size",style:{height:"6080px",width:"3663px"}})}),ae("div",{className:"k-spreadsheet-clipboard",children:Ua("table",{style:{left:"0px",top:"0px",height:"30px",width:"100px"},className:"kendo-clipboard-eb8ea401-ab97-4190-8fb2-b3b83b299a9f",role:"presentation",children:[ae("colgroup",{children:ae("col",{style:{width:"100px"}})}),ae("tbody",{children:ae("tr",{style:{height:"30px"},children:ae("td",{style:{backgroundColor:"rgb(255, 255, 255)",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",borderColor:"rgb(255, 255, 255)"},children:"216321"})})})]})}),!i&&ae("div",{className:"k-spreadsheet-cell-editor k-spreadsheet-formula-input","data-role":"formulainput",style:{whiteSpace:"pre"},children:"216321"}),ae(Se,{content:"A1",style:{position:"absolute",display:"none"}}),ae("div",{className:"k-list-group-sticky-header",style:{display:"none"}}),ae("div",{className:"k-list-content k-list-scroller",unselectable:"on"})]})};it.states=yb;it.options=Mb;it.className=kl;it.defaultOptions=Ab;import{Fragment as wb,jsx as Do,jsxs as Ib}from"react/jsx-runtime";var r9=e=>Do(Ae,{children:Ib(wb,{children:[Do(at,{}),Do(je,{formulaExpanded:!0}),Do(it,{selection:Do("div",{className:"k-spreadsheet-selection k-single-selection",style:{width:"880px",height:"71px",top:"30px",left:"30px"}}),rowHeaderSelection:{1:"partial"},columnHeaderSelection:{A:"partial",B:"partial",C:"partial",D:"partial",E:"partial",F:"partial",G:"partial"},activeCellIndex:0}),Do(rt,{})]}),...e});export{r9 as SpreadsheetFormulaOpen};
+var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var A=(e,t)=>r({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),E=(e,t)=>{let{valid:o,invalid:a,hover:i,focus:s,checked:p,active:m,selected:f,disabled:h,indeterminate:x,loading:g,empty:u,readonly:S,highlighted:N,...y}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":i,"k-focus":s,"k-checked":p,"k-active":m,"k-selected":f,"k-disabled":h,"k-indeterminate":x&&!p,"k-loading":g,"k-empty":u,"k-readonly":S,"k-highlighted":N},Object.keys(y).reduce((T,M)=>(M.startsWith("k-")?T[M]=y[M]:T[`k-${M}`]=y[M],T),{}))};function yi(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var c={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},v={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},b={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},k={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},l={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"},Mi={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var Wa={};function P(e){return Wa[e]=(Wa[e]||0)+1,`k-${e}-${Wa[e]}`}var _o="spreadsheet",ua=_o;import{jsx as Ml}from"react/jsx-runtime";var Ai="k-spreadsheet",Sl=[],Ll={},yl={},Ae=e=>{let{children:t,...o}=e;return Ml("div",{...o,className:r(Ai,e.className),role:"application",children:t})};Ae.states=Sl;Ae.options=Ll;Ae.className=Ai;Ae.defaultOptions=yl;Ae.moduleName=_o;Ae.folderName=ua;Ae.ariaSpec={selector:".k-spreadsheet",rules:[{selector:".k-spreadsheet",attribute:"role=application",usage:"Indicates the Spreadsheets' role as an application."},{selector:".k-spreadsheet-menu",attribute:"role=menubar",usage:"Follows Menu spec: announces the Menu menubar role."},{selector:".k-spreadsheet-menu .k-menu-item",attribute:"role=menuitem",usage:"Follows Menu spec: announces the Menu item role."},{selector:".k-spreadsheet-toolbar",attribute:"role=toolbar",usage:"Follows Toolbar spec: the component role."},{selector:".k-spreadsheet-toolbar",attribute:"aria-label or title",usage:"Each ToolBar must have a label specifying its purpose."},{selector:".k-spreadsheet-name-editor .k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Follows ComboBox spec: identifies the input as a combobox."},{selector:".k-spreadsheet-formula-bar .k-spreadsheet-formula-input",attribute:"role=combobox",usage:"The focusable element of the component should have role combobox (an input with popup)."},{selector:".k-spreadsheet-formula-bar .k-spreadsheet-formula-input",attribute:"aria-haspopup=menu",usage:"Specifies that the formula input opens a popup."},{selector:".k-spreadsheet-formula-bar .k-spreadsheet-formula-input",attribute:"aria-controls=.k-spreadsheet-formula-list id (when present)",usage:"Points to the formulas list with role menu. Signifies that the formula input element controls the popup."},{selector:".k-spreadsheet-formula-bar .k-spreadsheet-formula-input",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-spreadsheet-formula-bar .k-spreadsheet-formula-input",attribute:"title",usage:"The Formula input must have a title specifying its purpose."},{selector:".k-spreadsheet-formula-list",attribute:"id",usage:"Unique and deterministic id linked to the aria-controls attribute of the corresponding formula input."},{selector:".k-spreadsheet-formula-list",attribute:"role=menu",usage:"Announces the menu role of the popup."},{selector:".k-spreadsheet-formula-list .k-list-item",attribute:"role=menuitem",usage:"Announces the menuitem role of the popup items."},{selector:".k-spreadsheet-sheet-add",attribute:"role=button or nodeName=button",usage:"The add new sheet element is a button."},{selector:".k-spreadsheet-sheet-add",attribute:"aria-label or title",usage:"The add new sheet element must have a label as it does not have text content."},{selector:".k-spreadsheet-sheet-add",attribute:"aria-controls=.k-tabstrip-items id (when present)",usage:"Points to the ul element of the TabStrip that contains all tabs."},{selector:".k-spreadsheet-sheets-menu",attribute:"role=button or nodeName=button",usage:"Follows DropDownButton spec: omitted if the button DOM element is used."},{selector:".k-spreadsheet-sheets-menu",attribute:"aria-label or title",usage:"Follows DropDownButton spec: required when no text is visible."},{selector:".k-spreadsheet-sheets-menu",attribute:"aria-controls=.k-tabstrip-items id (when present)",usage:"Points to the ul element of the TabStrip that contains all tabs."},{selector:".k-spreadsheet-sheets .k-tabstrip-items",attribute:"role=tablist",usage:"Follows TabStrip spec: indicates the tablist role for the ul element."},{selector:".k-spreadsheet-sheets .k-tabstrip-item",attribute:"role=tab",usage:"Follows TabStrip spec: the tab li element."},{selector:".k-spreadsheet-sheets .k-tabstrip-item .k-menu-button",attribute:"aria-label or title",usage:"Follows DropDownButton spec: required when no text is visible in the tab menu button."}]};import{Fragment as Tl,jsx as wi}from"react/jsx-runtime";var Xa="k-font-icon",Al=[],wl={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info]},Il={},Ho=e=>{let{size:t,themeColor:o,icon:a,rotate:i,flip:s,...p}=e;return a?wi("span",{...p,className:r(e.className,Xa,A(Xa,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":s==="h"||s==="both","k-flip-v":s==="v"||s==="both"}),"aria-hidden":"true"}):wi(Tl,{})};Ho.states=Al;Ho.options=wl;Ho.className=Xa;Ho.defaultOptions=Il;var Ii=Ho;import{Fragment as Ol,jsx as fa}from"react/jsx-runtime";var Ja="k-svg-icon",El=[],Cl={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info]},Ti={viewBox:"0 0 24 24"},zo=e=>{let{size:t,themeColor:o,rotate:a,flip:i,viewBox:s=Ti.viewBox,icon:p,...m}=e;if(!p)return fa(Ol,{});if(p==="none")return fa("span",{...m,className:r(e.className,Ja,A("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let f=typeof p=="object"&&p.name&&p.name;return fa("span",{...m,className:r(e.className,Ja,A("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),"aria-hidden":"true",children:fa("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof p=="object"?p.viewBox:s,dangerouslySetInnerHTML:typeof p=="object"?{__html:p.content}:void 0,children:p?void 0:e.children})})};zo.states=El;zo.options=Cl;zo.className=Ja;zo.defaultOptions=Ti;var qa=zo;import*as Ya from"@progress/kendo-svg-icons";var Ei="icon",Ci="icons";import{useContext as Pl}from"react";import{createContext as Bl}from"react";var Oi=Bl({iconsType:"svg"});import{Fragment as Bi,jsx as Fo}from"react/jsx-runtime";var ba="k-icon",Rl=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Kl=[],Dl={size:[c.undefined,c.xsmall,c.small,c.medium,c.large,c.xlarge,c.xxlarge,c.xxxlarge],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info]},Qa={viewBox:"0 0 24 24",type:"svg"},L=e=>{let{iconsType:t}=Pl(Oi),{size:o,themeColor:a,icon:i,type:s=t||Qa.type,rotate:p,flip:m,viewBox:f=Qa.viewBox,...h}=e;if(!i)return Fo(Bi,{});if((t||s)==="svg"){if(i==="none")return Fo(qa,{...h,className:r(e.className,ba),icon:i,size:o});let g=Ya[i]?i:Rl(`${i}-icon`);return Ya[g]?Fo(qa,{...h,className:r(e.className,ba),icon:Ya[g],size:o,themeColor:a,rotate:p,flip:m,viewBox:f}):Fo(Bi,{})}return Fo(Ii,{...h,className:r(e.className,ba),icon:i,size:o,themeColor:a,rotate:p,flip:m})};L.states=Kl;L.options=Dl;L.defaultOptions=Qa;L.className=ba;L.moduleName=Ei;L.folderName=Ci;L.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var Za="button",Pi=Za;import{Fragment as Fl,jsx as Uo,jsxs as Ri}from"react/jsx-runtime";var Go="k-button",_l=["icon-button"],Hl=[l.hover,l.focus,l.active,l.selected,l.disabled,l.generating],zl={size:[c.undefined,c.xsmall,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info,k.inverse]},ja={showArrow:!1,arrowIconName:"chevron-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:i,themeColor:s,showArrow:p=ja.showArrow,arrowIconName:m=ja.arrowIconName,variant:f,hover:h,focus:x,active:g,selected:u,disabled:S,togglable:N,ariaDisabled:y,icon:T,text:M,iconClassName:D,className:Z,...de}=e,ue=T!==void 0,fe=e.children!==void 0;return Ri(t,{className:r(Z,Go,yi(Go,f),A(Go,{size:o,rounded:a,fillMode:i,themeColor:s}),E(Go,{hover:h,focus:x,active:g,disabled:S||y,selected:u}),{"k-icon-button":!M&&!fe&&ue}),...de,"aria-pressed":N?u?"true":"false":void 0,"aria-disabled":y?"true":void 0,disabled:S||void 0,children:[T&&Uo(L,{className:r(D,"k-button-icon"),icon:T}),M?Ri(Fl,{children:[M&&Uo("span",{className:"k-button-text",children:M}),e.children]}):e.children&&Uo("span",{className:"k-button-text",children:e.children}),p&&Uo("span",{className:"k-menu-button-arrow k-button-arrow",children:Uo(L,{icon:m})})]})};d.states=Hl;d.options=zl;d.variants=_l;d.className=Go;d.defaultOptions=ja;d.moduleName=Za;d.folderName=Pi;d.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};var $o="input",ha=$o;import{jsx as Vl}from"react/jsx-runtime";var xa="k-input",Ul=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],Gl={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},$l={},j=e=>{let{hover:t,focus:o,disabled:a,invalid:i,valid:s,loading:p,readonly:m,size:f,rounded:h,fillMode:x,...g}=e;return Vl("span",{...g,className:r(e.className,xa,A(xa,{size:f,rounded:h,fillMode:x}),E(xa,{hover:t,focus:o,disabled:a,invalid:i,valid:s,loading:p,readonly:m}))})};j.states=Ul;j.options=Gl;j.className=xa;j.defaultOptions=$l;j.moduleName=$o;j.folderName=ha;import{jsx as ql}from"react/jsx-runtime";var va="k-picker",Wl=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],Xl={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Jl={},Ye=e=>{let{hover:t,focus:o,disabled:a,invalid:i,valid:s,loading:p,readonly:m,size:f,rounded:h,fillMode:x,...g}=e;return ql("span",{...g,className:r(e.className,va,A(va,{size:f,rounded:h,fillMode:x}),E(va,{hover:t,focus:o,disabled:a,invalid:i,valid:s,loading:p,readonly:m})),children:e.children})};Ye.states=Wl;Ye.options=Xl;Ye.className=va;Ye.defaultOptions=Jl;Ye.moduleName=$o;Ye.folderName=ha;import{Fragment as Zl,jsx as er}from"react/jsx-runtime";var Ki="k-clear-value",Yl=[l.disabled,l.loading,l.readonly],Ql={},we=e=>{let{disabled:t,loading:o,readonly:a,value:i}=e;return t||a||o||!i?er(Zl,{}):er("span",{className:r(e.className,Ki),children:er(L,{icon:"x"})})};we.states=Yl;we.options=Ql;we.className=Ki;import{jsx as tp}from"react/jsx-runtime";var tr="k-input-inner",jl=[],ep={},ga={type:"text",autocomplete:"off",value:"",placeholder:""},Ie=e=>{let{value:t=ga.value,type:o=ga.type,placeholder:a=ga.placeholder,autocomplete:i=ga.autocomplete,disabled:s,readOnly:p,...m}=e;return tp("input",{...m,type:o,className:r(e.className,tr,A(tr,e)),placeholder:a,autoComplete:i,defaultValue:t,disabled:s||void 0,readOnly:p||void 0})};Ie.states=jl;Ie.options=ep;Ie.className=tr;import{jsx as Di,jsxs as rp}from"react/jsx-runtime";var or="k-input-inner",op=[],ap={},Ot=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:i,valueIconName:s,...p}=e;return rp("span",{...p,className:r(e.className,or,A(or,e)),children:[i,!i&&s&&Di(L,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&Di("span",{className:"k-input-value-text",children:t})]})};Ot.states=op;Ot.options=ap;Ot.className=or;import{jsx as sp}from"react/jsx-runtime";var ar="k-input-inner",ip=[],np={},_i={value:"",placeholder:""},rr=e=>{let{value:t=_i.value,placeholder:o=_i.placeholder,rows:a,disabled:i,...s}=e;return sp("textarea",{...s,className:r(e.className,ar,A(ar,e)),placeholder:o,rows:a,defaultValue:t,disabled:i||void 0})};rr.states=ip;rr.options=np;rr.className=ar;import{Fragment as pp,jsx as Hi}from"react/jsx-runtime";var zi="k-input-loading-icon",lp=[l.disabled,l.loading],Le=e=>{let{disabled:t,loading:o}=e;return t||!o?Hi(pp,{}):Hi("span",{className:r(e.className,zi,"k-icon k-i-loading")})};Le.states=lp;Le.className=zi;import{Fragment as mp,jsx as Fi}from"react/jsx-runtime";var Ui="k-input-validation-icon",dp=[l.valid,l.invalid,l.disabled,l.loading],cp={},be=e=>{let{valid:t,invalid:o,disabled:a,loading:i}=e,s=o?"warning-circle":"check-circle";return a||i||!!!(t||o)?Fi(mp,{}):Fi(L,{className:r(Ui),icon:s})};be.states=dp;be.options=cp;be.className=Ui;import{Fragment as bp,jsx as Gi}from"react/jsx-runtime";var up="k-input-prefix",fp={direction:"horizontal"},Be=e=>{let{direction:t=fp.direction,...o}=e;return e.children?Gi("span",{...o,className:r(up,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Gi(bp,{})};import{Fragment as vp,jsx as $i}from"react/jsx-runtime";var hp="k-input-suffix",xp={direction:"horizontal"},Pe=e=>{let{direction:t=xp.direction,...o}=e;return e.children?$i("span",{...o,className:r(hp,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):$i(vp,{})};import{jsx as tx}from"react/jsx-runtime";import{jsx as kp}from"react/jsx-runtime";var gp="k-input-suffix-text",ir=e=>{let{children:t,...o}=e;return kp("span",{...o,className:r(gp,e.className),children:t})};import{jsx as Sp}from"react/jsx-runtime";var Vi="k-input-separator",Np={direction:"vertical"},Re=e=>{let{direction:t=Np.direction,...o}=e;return Sp("span",{...o,className:r(Vi,e.className,{[`${Vi}-${t}`]:t})})};import{jsx as Lp}from"react/jsx-runtime";var Bt=e=>Lp(d,{children:"Button",...e});import{Fragment as Wi,jsx as Qe,jsxs as nr}from"react/jsx-runtime";var yp=j.states,Mp=j.defaultOptions,Ap=j.options,wp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Ip=[],Wt=e=>{let{modifiers:t,valid:o,invalid:a,loading:i,disabled:s,readonly:p,...m}=e,f=t?.prefix,h=t?.suffix,x=t?.["clear-button"],g=t?.["validation-icon"],u=t?.separators;return nr(j,{...m,valid:o,invalid:a,loading:i,disabled:s,readonly:p,style:{width:300},children:[f&&nr(Wi,{children:[Qe(Be,{children:Qe(L,{icon:"lock"})}),u&&Qe(Re,{})]}),Qe(Ie,{placeholder:"Placeholder",value:"Value"}),g&&Qe(be,{valid:o,invalid:a,loading:i,disabled:s}),Qe(Le,{loading:i,disabled:s}),x&&Qe(we,{loading:i,disabled:s,readonly:p,value:"Value"}),h&&nr(Wi,{children:[u&&Qe(Re,{}),Qe(Pe,{children:Qe(Bt,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};Wt.options=Ap;Wt.states=yp;Wt.variants=Ip;Wt.defaultOptions=Mp;Wt.modifiers=wp;Wt.className=j.className;import{jsx as Tp}from"react/jsx-runtime";var xt=e=>Tp(d,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Ep}from"react/jsx-runtime";var Vo=e=>Ep(d,{icon:"folder",children:"Button",...e});import{jsx as sr}from"react/jsx-runtime";var Cp=d.options,Op=d.states,Bp={...d.defaultOptions,variant:"text"},Pp=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Rp=[],Xt=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return sr(xt,{...o,icon:"star"});case"icon-and-text":return sr(Vo,{...o,icon:"star",children:"Button"});default:return sr(Bt,{...o,children:"Button"})}};Xt.options=Cp;Xt.states=Op;Xt.variants=Pp;Xt.defaultOptions=Bp;Xt.modifiers=Rp;Xt.className=d.className;var lr="popup",Xi=lr;import{jsx as Ji}from"react/jsx-runtime";var qi="k-animation-container",Kp=[],Dp={},Yi={positionMode:"absolute"},Ke=e=>{let{positionMode:t=Yi.positionMode,animationStyle:o,offset:a,...i}=e;return Ji("div",{...i,style:{...a,...e.style},className:r(e.className,qi,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Ji("div",{className:"k-child-animation-container",style:o,children:e.children})})};Ke.states=Kp;Ke.options=Dp;Ke.className=qi;Ke.defaultOptions=Yi;Ke.moduleName=lr;Ke.folderName=Xi;var pr="popup",Qi=pr;import{jsx as Zi}from"react/jsx-runtime";var ji="k-popup",_p=[],Hp={},en={positionMode:"absolute"},X=e=>{let{offset:t,positionMode:o=en.positionMode,animationStyle:a,containerClassName:i,containerRole:s,containerAriaLabel:p,...m}=e;return Zi(Ke,{positionMode:o,offset:t,animationStyle:a,className:i,role:s,"aria-label":p,children:Zi("div",{...m,className:r(e.className,ji),children:e.children})})};X.states=_p;X.options=Hp;X.className=ji;X.defaultOptions=en;X.moduleName=pr;X.folderName=Qi;X.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var dr="action-buttons",tn=dr;import{jsx as Up}from"react/jsx-runtime";var ka="k-actions",zp=[],Fp={},cr={alignment:"start",orientation:"horizontal"},Ze=e=>{let{alignment:t=cr.alignment,orientation:o=cr.orientation,...a}=e;return Up("div",{...a,className:r(ka,{[`${ka}-${t}`]:t,[`${ka}-${o}`]:o},e.className),children:e.children})};Ze.states=zp;Ze.options=Fp;Ze.className=ka;Ze.defaultOptions=cr;Ze.moduleName=dr;Ze.folderName=tn;import{jsx as $p}from"react/jsx-runtime";var Gp="k-actionsheet-footer",on={alignment:"stretched",orientation:"horizontal"},vt=e=>{let{alignment:t=on.alignment,orientation:o=on.orientation,template:a,as:i=a?"div":Ze,...s}=e;return $p(i,{...s,...!a&&{alignment:t,orientation:o},className:r(e.className,Gp),children:e.children})};var mr="searchbox",an=mr;import{jsx as Wo,jsxs as Xp}from"react/jsx-runtime";var rn="k-searchbox",Vp=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading],Wp={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},ur={showIcon:!0,icon:"search"},De=e=>{let{value:t,placeholder:o,size:a,rounded:i,fillMode:s,hover:p,focus:m,valid:f,invalid:h,required:x,loading:g,disabled:u,showIcon:S=ur.showIcon,icon:N=ur.icon,"aria-label":y,...T}=e;return Xp(j,{...T,size:a,rounded:i,fillMode:s,hover:p,focus:m,valid:f,invalid:h,required:x,loading:g,disabled:u,className:r(e.className,rn),children:[S&&Wo(L,{className:"k-input-icon",icon:N}),Wo(Ie,{placeholder:o,value:t,"aria-label":y}),Wo(Le,{...e}),Wo(be,{...e}),Wo(we,{...e})]})};De.states=Vp;De.options=Wp;De.className=rn;De.defaultOptions=ur;De.moduleName=mr;De.folderName=an;import{jsx as Uv}from"react/jsx-runtime";var fr="textbox",nn=fr;import{Fragment as sn,jsx as gt,jsxs as br}from"react/jsx-runtime";var ln="k-textbox",Jp=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],qp={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Na={showClearButton:!0,showValidationIcon:!0,separators:!0},le=e=>{let{size:t,rounded:o,fillMode:a,separators:i=Na.separators,showClearButton:s=Na.showClearButton,showValidationIcon:p=Na.showValidationIcon,prefix:m,suffix:f,type:h,value:x,placeholder:g,hover:u,focus:S,valid:N,invalid:y,required:T,loading:M,disabled:D,readonly:Z,id:de,"aria-label":ue,"aria-describedby":fe,...Me}=e;return br(j,{...Me,size:t,rounded:o,fillMode:a,hover:u,focus:S,valid:N,invalid:y,required:T,loading:M,disabled:D,readonly:Z,className:r(e.className,ln),children:[m&&br(sn,{children:[gt(Be,{children:m}),i&&gt(Re,{})]}),gt(Ie,{id:de,placeholder:g,value:x,type:h,disabled:D,"aria-label":ue,"aria-describedby":fe,"aria-invalid":y?"true":void 0}),p&&gt(be,{valid:N,invalid:y,loading:M,disabled:D}),gt(Le,{loading:M,disabled:D}),s&&gt(we,{loading:M,disabled:D,readonly:Z,value:x}),f&&br(sn,{children:[i&&gt(Re,{}),gt(Pe,{children:f})]})]})};le.states=Jp;le.options=qp;le.className=ln;le.defaultOptions=Na;le.moduleName=fr;le.folderName=nn;le.ariaSpec={selector:".k-textbox",rules:[{selector:".k-textbox > .k-input-inner",attribute:"role=textbox or nodeName=input",usage:"Describes the role of the component."},{selector:".k-textbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-textbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the TextBox is in an invalid state."},{selector:".k-textbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the input."},{selector:".k-textbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the TextBox is disabled."}]};var Xo=le;import{jsx as Yp}from"react/jsx-runtime";var pn=e=>Yp(Xo,{...e});import{Fragment as ng,jsx as ig}from"react/jsx-runtime";import{Fragment as mg,jsx as cg}from"react/jsx-runtime";import{jsx as hg}from"react/jsx-runtime";import{jsx as hr}from"react/jsx-runtime";var Qp=le.states,Zp=le.defaultOptions,jp=le.options,ed=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],td=[],Jt=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?hr(L,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[i]?hr(Bt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[i];break;default:break}}),hr(pn,{value:"Value",style:{width:300},...o,...a})};Jt.options=jp;Jt.states=Qp;Jt.variants=td;Jt.defaultOptions=Zp;Jt.modifiers=ed;Jt.className=le.className;import{jsx as kt,jsxs as xr}from"react/jsx-runtime";var dn="k-actionsheet-titlebar",od={},he=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:i,filter:s,input:p,inputValue:m,inputPlaceholder:f,adaptive:h,titleId:x,children:g,...u}=e;return xr("div",{...u,className:r(e.className,dn),children:[xr("div",{className:"k-actionsheet-titlebar-group",children:[a&&kt("div",{className:"k-actionsheet-actions",children:a}),!g&&xr("div",{className:"k-actionsheet-title",id:x,children:[t&&kt("div",{className:"k-text-center",children:t}),o&&kt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),g&&kt("div",{className:"k-actionsheet-title",id:x,children:g}),i&&kt("div",{className:"k-actionsheet-actions",children:i})]}),(p||s)&&kt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?kt(le,{value:m,placeholder:f,size:h?"large":"medium","aria-label":t||f||"Input"}):kt(De,{placeholder:"Filter",size:h?"large":"medium","aria-label":"Filter options"})})]})};he.className=dn;he.defaultOptions=od;import{jsx as vr,jsxs as nd}from"react/jsx-runtime";var gr="k-actionsheet-view",ad=[],rd={},id={},qt=e=>{let{adaptive:t,animated:o,children:a,header:i,footer:s,titleId:p,...m}=e,f=i?.type===he&&vr(he,{adaptive:t,titleId:p,...i?.props}),h=s?.type===vt&&vr(vt,{...s?.props});return nd("div",{...m,className:r(e.className,gr,{[`${gr}-animated`]:o}),children:[f,vr("div",{className:"k-actionsheet-content",children:a}),h]})};qt.states=ad;qt.options=rd;qt.className=gr;qt.defaultOptions=id;var Jo="action-sheet",Sa=Jo;var kr="overlay",cn=kr;import{jsx as dd}from"react/jsx-runtime";var mn="k-overlay",sd=[],ld={},pd={},Nt=e=>{let{...t}=e;return dd("div",{...t,className:r(e.className,mn),children:e.children})};Nt.states=sd;Nt.options=ld;Nt.className=mn;Nt.defaultOptions=pd;Nt.moduleName=kr;Nt.folderName=cn;import{jsx as La,jsxs as ud}from"react/jsx-runtime";var un="k-actionsheet",cd=[],md={},qo={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Y=e=>{let{side:t=qo.side,fullscreen:o=qo.fullscreen,adaptive:a=qo.adaptive,overlay:i=qo.overlay,template:s,children:p,header:m,footer:f,id:h,...x}=e,g=h&&!s&&m?`${h}-title`:void 0;return ud("div",{className:"k-actionsheet-container",children:[i&&La(Nt,{}),La(Ke,{animationStyle:{[`${o===!0?"top":t}`]:0,[`${o===!0?"width":null}`]:"100%",[`${o===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:La("div",{...x,id:h,role:"dialog","aria-modal":i?"true":void 0,"aria-labelledby":g,className:r(e.className,un,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||La(qt,{header:m,footer:f,adaptive:a,titleId:g,...e,children:p})})})]})};Y.states=cd;Y.options=md;Y.className=un;Y.defaultOptions=qo;Y.moduleName=Jo;Y.folderName=Sa;Y.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};import{jsx as xd}from"react/jsx-runtime";var fn="k-actionsheet-container",fd=[],bd={},hd={},Yt=e=>{let{children:t,...o}=e;return xd("div",{...o,className:fn,children:t})};Yt.states=fd;Yt.options=bd;Yt.className=fn;Yt.defaultOptions=hd;Yt.moduleName=Jo;Yt.folderName=Sa;import{jsx as vd}from"react/jsx-runtime";var Nr=e=>{let{...t}=e;return vd("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as kd,jsx as Yo,jsxs as Sr}from"react/jsx-runtime";var Lr="k-actionsheet-item",gd=[l.hover,l.focus,l.selected,l.disabled],St=e=>{let{iconName:t,text:o,description:a,hover:i,focus:s,selected:p,disabled:m,...f}=e;return Sr("span",{...f,className:r(e.className,Lr,E(Lr,{hover:i,focus:s,selected:p,disabled:m})),children:[!e.children&&Yo(kd,{children:Sr("span",{className:"k-actionsheet-action",children:[t&&Yo("span",{className:"k-icon-wrap",children:Yo(L,{className:"k-actionsheet-item-icon",icon:t})}),Sr("span",{className:"k-actionsheet-item-text",children:[o&&Yo("span",{className:"k-actionsheet-item-title",children:o}),a&&Yo("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};St.states=gd;St.className=Lr;import{jsx as bk,jsxs as hk}from"react/jsx-runtime";import{jsx as kk}from"react/jsx-runtime";import{jsx as yk}from"react/jsx-runtime";import{jsx as Ik}from"react/jsx-runtime";import{jsx as pe,jsxs as yr}from"react/jsx-runtime";var Nd=Y.options,Sd=Y.states,hn={...Y.defaultOptions,variant:"normal"},Ld=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],yd=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Qt=e=>{let{variant:t,modifiers:o,...a}={...hn,...e},i={},s=yr(Nr,{children:[pe(St,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),pe(St,{text:"Add to Favorites",iconName:"heart"}),pe(St,{text:"Upload New",iconName:"upload",disabled:!0}),pe("hr",{className:"k-hr"}),pe(St,{text:"Cancel",iconName:"cancel"})]}),p="Choose from the items below",m="Select Item";return t==="fullScreen"&&(i.fullScreen=!0),Object.keys(o||{}).forEach(f=>{switch(f){case"actions":i.actionsStart=!!o?.[f],i.actionsEnd=!!o?.[f];break;case"subtitle":i.subtitle=o?.[f]?p:void 0;break;case"footer":i.footer=!!o?.[f];break;default:break}}),t==="adaptive"?pe(Y,{...a,adaptive:!0,fullscreen:i.fullScreen,header:pe(he,{actionsStart:i.actionsStart?pe(d,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:i.actionsEnd?pe(d,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:i.subtitle}),footer:i.footer?yr(vt,{alignment:"stretched",children:[pe(d,{text:"Cancel",size:"large",themeColor:"base"}),pe(d,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):pe(Y,{...a,fullscreen:i.fullScreen,header:pe(he,{actionsStart:i.actionsStart?pe(d,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:i.actionsEnd?pe(d,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:i.subtitle}),footer:i.footer?yr(vt,{alignment:"stretched",children:[pe(d,{text:"Apply",themeColor:"primary"}),pe(d,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};Qt.options=Nd;Qt.states=Sd;Qt.variants=Ld;Qt.defaultOptions=hn;Qt.modifiers=yd;Qt.className=Y.className;import Ar from"react";import{jsx as xn}from"react/jsx-runtime";var Md="k-list-group-sticky-header",Mr=e=>xn("div",{className:r(Md,e.className),children:xn("div",{className:"k-list-header-text",children:e.children})});import{jsx as wd}from"react/jsx-runtime";var Ad="k-no-data",ya=e=>{let{live:t,...o}=e;return wd("span",{...o,className:r(Ad,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Pt="list",Zt=Pt;import{jsx as vn,jsxs as gn}from"react/jsx-runtime";var wr="k-list",Id=[],Td={size:[c.undefined,c.small,c.medium,c.large]},Ed={},_=e=>{let{size:t,virtualization:o,children:a,header:i,optionLabel:s,customValue:p,noData:m,screenReaders:f,...h}=e,g=Ar.Children.toArray(a)[0],u=g?.props?.children?Ar.Children.count(g.props.children):Ar.Children.count(a);return gn("div",{...h,className:r(e.className,wr,A(wr,{size:t}),{"k-virtual-list":o}),children:[s,p,i&&vn(Mr,{children:i}),a||(m!==void 0?m:vn(ya,{live:!0,children:"No data found."})),f&&a&&gn(ya,{className:"k-sr-only",live:!0,children:[u," items found."]})]})};_.states=Id;_.options=Td;_.className=wr;_.defaultOptions=Ed;_.moduleName=Pt;_.folderName=Zt;_.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as Pd}from"react/jsx-runtime";var kn="k-list-container",Cd=[],Od={},Bd={},jt=e=>{let{...t}=e;return Pd("div",{...t,className:r(e.className,kn),children:e.children})};jt.states=Cd;jt.options=Od;jt.className=kn;jt.defaultOptions=Bd;jt.moduleName=Pt;jt.folderName=Zt;var Rt="checkbox",eo=Rt;import{jsx as Nn}from"react/jsx-runtime";var Ma="k-checkbox",Rd=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.checked,l.indeterminate],Kd={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full]},Dd={},_e=e=>{let{id:t,checked:o,indeterminate:a,hover:i,focus:s,disabled:p,invalid:m,valid:f,required:h,size:x,rounded:g,wrapperRole:u,...S}=e;return Nn("span",{className:"k-checkbox-wrap",role:u,children:Nn("input",{...S,id:t,type:"checkbox",defaultChecked:o,required:h,disabled:p||void 0,"aria-invalid":m?"true":void 0,className:r(e.className,Ma,A(Ma,{size:x,rounded:g}),E(Ma,{hover:i,focus:s,disabled:p,invalid:m,valid:f,indeterminate:a,checked:o}))})})};_e.states=Rd;_e.options=Kd;_e.className=Ma;_e.defaultOptions=Dd;_e.moduleName=Rt;_e.folderName=eo;_e.ariaSpec={selector:".k-checkbox",rules:[{selector:".k-checkbox",attribute:"role=checkbox or type=checkbox",usage:"Announces the checkbox role of the element."},{selector:".k-checkbox",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name to which it will be assigned."},{selector:".k-checkbox",attribute:"aria-checked=true/false/mixed or checked",usage:"For native checkboxes the checked state is handled by the browser. aria-checked is used for custom implementations."},{selector:".k-checkbox",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the checkbox."},{selector:".k-checkbox",attribute:"disabled or aria-disabled=true (when disabled)",usage:"For native checkboxes use the HTML disabled attribute. aria-disabled for custom implementations."},{selector:".k-invalid, .ng-invalid",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the CheckBox is in a form and announces the invalid state."}]};var Xe=_e;import{jsx as zd}from"react/jsx-runtime";var Sn="k-checkbox-list",_d=[],Hd={},Ln={layout:"vertical"},xe=e=>{let{layout:t=Ln.layout,...o}=e;return zd("ul",{...o,className:r(e.className,Sn,{[`k-list-${t}`]:t}),children:e.children})};xe.states=_d;xe.options=Hd;xe.className=Sn;xe.defaultOptions=Ln;xe.moduleName=Rt;xe.folderName=eo;import{jsx as $d}from"react/jsx-runtime";var yn="k-checkbox-list-item",Fd=[],Ud={},Gd={},ve=e=>{let{...t}=e;return $d("li",{...t,className:r(e.className,yn),children:e.children})};ve.states=Fd;ve.options=Ud;ve.className=yn;ve.defaultOptions=Gd;ve.moduleName=Rt;ve.folderName=eo;import{Fragment as Vd,jsx as Mn,jsxs as Wd}from"react/jsx-runtime";var nt=({children:e="Label",id:t="cb-label-after",...o})=>Wd(Vd,{children:[Mn(Xe,{id:t,...o}),Mn("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as DN,jsx as KN,jsxs as _N}from"react/jsx-runtime";import{Fragment as GN,jsx as UN,jsxs as $N}from"react/jsx-runtime";import{Fragment as qN,jsx as JN,jsxs as YN}from"react/jsx-runtime";import{jsx as eS}from"react/jsx-runtime";import{jsx as rS}from"react/jsx-runtime";import{jsx as lS}from"react/jsx-runtime";import{jsx as He,jsxs as An}from"react/jsx-runtime";var Xd=xe.options,Jd=xe.states,qd={...xe.defaultOptions,variant:"vertical"},Yd=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Qd=[],to=e=>{let{variant:t,...o}=e;return t==="horizontal"?An(xe,{layout:"horizontal",...o,children:[He(ve,{children:He(nt,{id:P("cb"),defaultChecked:!0,children:"Label"})}),He(ve,{children:He(nt,{id:P("cb"),children:"Label"})}),He(ve,{children:He(nt,{id:P("cb"),children:"Label"})})]}):An(xe,{...o,children:[He(ve,{children:He(nt,{id:P("cb"),defaultChecked:!0,children:"Label"})}),He(ve,{children:He(nt,{id:P("cb"),children:"Label"})}),He(ve,{children:He(nt,{id:P("cb"),children:"Label"})})]})};to.options=Xd;to.states=Jd;to.variants=Yd;to.defaultOptions=qd;to.modifiers=Qd;to.className=xe.className;import{jsx as ac}from"react/jsx-runtime";var Zd=Xe.options,jd=Xe.states,ec=Xe.defaultOptions,tc=[],oc=[],oo=e=>ac(nt,{id:P("checkbox"),...e,defaultChecked:!0,children:"Label"});oo.options=Zd;oo.states=jd;oo.variants=tc;oo.defaultOptions=ec;oo.modifiers=oc;oo.className=Xe.className;import{jsx as Kt,jsxs as sc}from"react/jsx-runtime";var Ir="k-list-item",rc=[l.hover,l.focus,l.selected,l.disabled],ic={},nc={},O=e=>{let{text:t,groupLabel:o,group:a,iconName:i,iconClassName:s,showCheckbox:p,checked:m,hover:f,focus:h,selected:x,disabled:g,actions:u,description:S,id:N,...y}=e,T=t||e.children;return sc("li",{...y,id:N,role:a?"presentation":"option",tabIndex:a?void 0:h?0:-1,"aria-selected":!a&&x?"true":a?void 0:"false","aria-disabled":!a&&g?"true":void 0,className:r(e.className,a?"k-list-group-item":Ir,E(Ir,{hover:f,focus:h,disabled:g,selected:x})),children:[p&&Kt(_e,{checked:m}),i&&Kt("span",{className:"k-list-item-icon-wrapper",children:Kt(L,{icon:i,className:r("k-list-item-icon",s)})}),Kt("span",{className:"k-list-item-text",children:T}),u&&Kt("div",{className:"k-list-item-actions",children:u}),S&&Kt("span",{className:"k-list-item-description",children:S}),o&&o!==""&&Kt("div",{className:"k-list-item-group-label",children:o})]})};O.states=rc;O.options=ic;O.className=Ir;O.defaultOptions=nc;O.moduleName=Pt;O.folderName=Zt;O.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as pc}from"react/jsx-runtime";var lc="k-list-ul",st=e=>{let{children:t,role:o,id:a,...i}=e;return pc("ul",{...i,id:a,role:o,className:r(lc,e.className),children:t})};st.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};import{jsx as Tr,jsxs as cc}from"react/jsx-runtime";var dc="k-list-content",U=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":i,listboxId:s,...p}=e;return cc("div",{...p,className:r(dc,e.className),role:o?"listbox":void 0,id:o?s:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?i:void 0,children:[o?e.children:Tr(st,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":i,children:e.children}),t&&Tr("div",{className:"k-height-container",children:Tr("div",{})})]})};U.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{Fragment as ZS,jsx as QS,jsxs as jS}from"react/jsx-runtime";import{jsx as Er,jsxs as uc}from"react/jsx-runtime";var mc="k-list-group-item",Dt=e=>{let{groupIconName:t,...o}=e;return uc("li",{...o,role:"presentation",className:r(mc,e.className),children:[t&&Er("span",{className:"k-list-item-icon-wrapper",children:Er(L,{icon:t,className:"k-list-item-icon"})}),Er("span",{className:"k-list-item-text",children:e.children})]})};Dt.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as xc}from"react/jsx-runtime";var Cr="k-list-optionlabel",fc=[l.hover,l.focus,l.selected,l.disabled],bc={},hc={},Aa=e=>{let{text:t,hover:o,focus:a,selected:i,disabled:s,...p}=e;return xc("div",{...p,className:r(Cr,E(Cr,{hover:o,focus:a,selected:i,disabled:s})),children:t})};Aa.states=fc;Aa.options=bc;Aa.className=Cr;Aa.defaultOptions=hc;import{jsx as Nc}from"react/jsx-runtime";var Or="k-list-custom-value",vc=[l.hover,l.focus,l.selected,l.disabled],gc={},kc={},Lt=e=>{let{text:t,hover:o,focus:a,selected:i,disabled:s,...p}=e;return Nc("div",{...p,className:r(Or,E(Or,{hover:o,focus:a,selected:i,disabled:s})),children:t})};Lt.states=vc;Lt.options=gc;Lt.className=Or;Lt.defaultOptions=kc;import{Fragment as b2,jsx as f2,jsxs as h2}from"react/jsx-runtime";import{Fragment as S2,jsx as N2,jsxs as L2}from"react/jsx-runtime";import{Fragment as E2,jsx as I2,jsxs as T2}from"react/jsx-runtime";import{Fragment as D2,jsx as R2,jsxs as K2}from"react/jsx-runtime";import{jsx as F2}from"react/jsx-runtime";import{Fragment as X2,jsx as W2,jsxs as J2}from"react/jsx-runtime";var Br="combobox",wn=Br;import{Fragment as Pr,jsx as re,jsxs as Qo}from"react/jsx-runtime";var In="k-combobox",Sc=[l.hover,l.focus,l.valid,l.invalid,l.loading,l.required,l.disabled,l.readonly],Lc={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Tn={separators:!0},ne=e=>{let{size:t,rounded:o,fillMode:a,separators:i=Tn.separators,prefix:s,suffix:p,value:m,placeholder:f,hover:h,focus:x,valid:g,invalid:u,required:S,loading:N,disabled:y,popup:T,opened:M,readonly:D,adaptive:Z,adaptiveSettings:de,adaptiveTitle:ue,adaptiveSubtitle:fe,adaptiveCustomValue:Me,id:Ct,autocomplete:Ga,activeDescendant:ht,"aria-label":ma,...$a}=e,Va=Ct?`${Ct}-listbox`:void 0;return Qo(Pr,{children:[Qo(j,{...$a,size:t,rounded:o,fillMode:a,hover:h,focus:x,valid:g,invalid:u,required:S,loading:N,disabled:y,readonly:D,className:r(e.className,In),children:[s&&Qo(Pr,{children:[re(Be,{children:s}),i&&re(Re,{})]}),re(Ie,{id:Ct,placeholder:f,value:m,role:"combobox","aria-haspopup":"listbox","aria-expanded":M?"true":"false","aria-controls":M?Va:void 0,"aria-activedescendant":M&&ht?ht:void 0,"aria-autocomplete":Ga,"aria-invalid":u?"true":void 0,"aria-busy":N?"true":void 0,"aria-label":ma,disabled:y,readOnly:D}),re(be,{valid:g,invalid:u,loading:N,disabled:y}),re(Le,{loading:N,disabled:y}),re(we,{loading:N,disabled:y,readonly:D,value:m}),p&&Qo(Pr,{children:[i&&re(Re,{}),re(Pe,{children:p})]}),re(d,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:y})]}),M&&T&&re(X,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:T}),Z&&re(Y,{adaptive:!0,id:Ct?`${Ct}-adaptive`:void 0,...de,header:re(he,{actionsEnd:re(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:m,inputPlaceholder:f,title:ue,subtitle:fe}),children:re("div",{className:"k-list-container",children:re(_,{customValue:Me?re(Lt,{text:`Use "${m}"`}):void 0,size:"large",children:Qo(U,{"aria-label":ue||"Options",children:[re(O,{text:"List item"}),re(O,{text:"List item"}),re(O,{text:"List item"})]})})})})]})};ne.states=Sc;ne.options=Lc;ne.className=In;ne.defaultOptions=Tn;ne.moduleName=Br;ne.folderName=wn;ne.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list|both|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:'.k-combobox-popup .k-list-ul[role="listbox"], .k-combobox-popup .k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var Te=ne;import{Fragment as Cn,jsx as ie,jsxs as wa}from"react/jsx-runtime";var En="k-spreadsheet-action-bar",yc=[],Mc={},Ac=wa(Cn,{children:[ie("span",{className:"k-syntax-startexp",children:"="}),ie("span",{className:"k-syntax-ref k-series-a",children:"B6"}),ie("span",{className:"k-syntax-op",children:"+"}),ie("span",{className:"k-syntax-ref k-series-b",children:"C6"}),ie("span",{className:"k-syntax-op",children:"+"}),ie("span",{className:"k-syntax-ref k-series-c",children:"C3"})]}),Rr={formula:Ac,cellName:"B6"},je=e=>{let{formula:t=Rr.formula,cellName:o=Rr.cellName,formulaExpanded:a=!1,formulaListItems:i,...s}=e,p=a?P("spreadsheet-formula-list"):void 0,m=wa(Cn,{children:[ie("li",{className:"k-list-item",role:"menuitem",children:ie("span",{className:"k-list-item-text",children:"SUM"})}),ie("li",{className:"k-list-item",role:"menuitem",children:ie("span",{className:"k-list-item-text",children:"AVERAGE"})}),ie("li",{className:"k-list-item",role:"menuitem",children:ie("span",{className:"k-list-item-text",children:"COUNT"})})]});return wa("div",{...s,className:r(En,e.className),children:[ie("div",{className:"k-spreadsheet-name-editor",children:ie(ne,{placeholder:o,fillMode:"flat","aria-label":"Name editor"})}),wa("div",{className:"k-spreadsheet-formula-bar",children:[ie("span",{className:"k-separator k-separator-vertical"}),ie(d,{icon:"formula-fx",fillMode:"flat","aria-label":"Formula"}),ie("span",{className:"k-separator k-separator-vertical"}),ie("div",{className:"k-spreadsheet-formula-input k-textbox k-input k-input-flat",role:"combobox",title:"Formula input","aria-haspopup":"menu","aria-expanded":a?"true":"false",...p&&{"aria-controls":p},children:t}),a&&ie("ul",{className:"k-spreadsheet-formula-list",id:p,role:"menu",children:i||m})]})]})};je.states=yc;je.options=Mc;je.className=En;je.defaultOptions=Rr;var Kr="button",On=Kr;import{jsx as Ec}from"react/jsx-runtime";var Zo="k-button-group",wc=[l.disabled],Ic={fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},Tc={},w=e=>{let{fillMode:t,disabled:o,stretched:a,...i}=e;return Ec("div",{role:"group",...i,className:r(e.className,Zo,A(Zo,{fillMode:t}),E(Zo,{disabled:o}),{[`${Zo}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};w.states=wc;w.options=Ic;w.className=Zo;w.defaultOptions=Tc;w.moduleName=Kr;w.folderName=On;w.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};import{jsx as Bn,jsxs as Bc}from"react/jsx-runtime";var Pn="k-color-preview",Cc=[],Oc={},yt=e=>{let{color:t,iconName:o,...a}=e;return Bc("span",{...a,className:r(e.className,Pn,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Bn(L,{icon:o,className:"k-color-preview-icon"}),Bn("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};yt.states=Cc;yt.options=Oc;yt.className=Pn;import{Fragment as $L,jsx as GL,jsxs as VL}from"react/jsx-runtime";import{Fragment as QL,jsx as YL,jsxs as ZL}from"react/jsx-runtime";import{Fragment as ry,jsx as ay,jsxs as iy}from"react/jsx-runtime";import{Fragment as cy,jsx as dy,jsxs as my}from"react/jsx-runtime";import{Fragment as vy,jsx as xy,jsxs as gy}from"react/jsx-runtime";import{Fragment as My,jsx as yy,jsxs as Ay}from"react/jsx-runtime";import{jsx as lt,jsxs as Dr}from"react/jsx-runtime";var Pc={...d.options,...w.options},Rc=d.states,Kc={...d.defaultOptions,...w.defaultOptions,variant:"text-button"},Dc=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],_c=[],ao=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Dr(w,{fillMode:a.fillMode,className:o,children:[lt(d,{...a,icon:"star"}),lt(d,{...a,icon:"star"}),lt(d,{...a,icon:"star"})]}):t==="icon-text-button"?Dr(w,{fillMode:a.fillMode,className:o,children:[lt(d,{...a,icon:"star",children:"First"}),lt(d,{...a,icon:"star",children:"Middle"}),lt(d,{...a,icon:"star",children:"Last"})]}):Dr(w,{fillMode:a.fillMode,className:o,children:[lt(d,{...a,children:"First"}),lt(d,{...a,children:"Middle"}),lt(d,{...a,children:"Last"})]})};ao.options=Pc;ao.states=Rc;ao.variants=Dc;ao.defaultOptions=Kc;ao.modifiers=_c;ao.className=w.className;var _r="slider",Rn=_r;import{jsx as ro,jsxs as Hr}from"react/jsx-runtime";var jo="k-slider",Hc=[l.hover,l.focus,l.active,l.disabled,l.readonly],zc={},ze={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},V=e=>{let{type:t=ze.type,orientation:o=ze.orientation,gradientType:a=ze.gradientType,readonly:i=ze.readonly,disabled:s=ze.disabled,handlePosition:p=ze.handlePosition,showButtons:m=ze.showButtons,showTicks:f=ze.showTicks,value:h=ze.value,min:x=ze.min,max:g=ze.max,startValue:u,endValue:S,hover:N,focus:y,active:T,trackStyle:M,dir:D,...Z}=e,ue=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),fe,Me;return o==="horizontal"?(fe=D==="rtl"?"chevron-left":"chevron-right",Me=D==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(fe="chevron-up",Me="chevron-down"),Hr("div",{...Z,className:r(jo,e.className,E(jo,{readonly:i,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:D,children:[m&&ro(d,{className:"k-button-decrease",rounded:"full",icon:Me,tabIndex:-1,title:"Decrease"}),Hr("div",{className:"k-slider-track-wrap",children:[f&&ro("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Hr("div",{className:"k-slider-track",style:M,children:[ro("div",{className:"k-slider-selection"}),t==="range"&&ro("span",{className:r("k-draghandle","k-draghandle-start",E(jo,{hover:N,focus:y,active:T})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":u??x,"aria-valuemin":x,"aria-valuemax":S??g,"aria-orientation":ue,"aria-disabled":s?"true":void 0,"aria-readonly":i?"true":void 0,"aria-label":Z["aria-label"]?`${Z["aria-label"]} start`:"Range start"}),ro("span",{className:r("k-draghandle",`k-draghandle-${p}`,E(jo,{hover:N,focus:y,active:T})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?S??g:h,"aria-valuemin":t==="range"?u??x:x,"aria-valuemax":g,"aria-orientation":ue,"aria-disabled":s?"true":void 0,"aria-readonly":i?"true":void 0,"aria-label":t==="range"?Z["aria-label"]?`${Z["aria-label"]} end`:"Range end":Z["aria-label"]})]})]}),m&&ro(d,{className:"k-button-increase",rounded:"full",icon:fe,tabIndex:-1,title:"Increase"})]})};V.states=Hc;V.options=zc;V.className=jo;V.defaultOptions=ze;V.moduleName=_r;V.folderName=Rn;V.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'},{selector:".k-slider .k-slider-items",attribute:"aria-hidden=true",usage:"Hides the tick list from assistive technologies. Tick values are redundant with the drag handle value attributes."},{selector:".k-slider .k-tick",attribute:"role=presentation",usage:"Removes semantic meaning from individual tick elements. Ticks are visual-only markers."},{selector:".k-slider .k-tick",attribute:"title",usage:"Represents the value associated with the respective tick."}]};import{jsx as Kn}from"react/jsx-runtime";var Dn="k-tick",Fc=[],Uc={},_n={label:!1},I=e=>{let{style:t,label:o=_n.label,orientation:a,large:i,text:s,...p}=e;return Kn("li",{...p,role:"presentation",title:s||"Tick",className:r(e.className,Dn,{[`k-tick-${a}`]:a,"k-tick-large":i}),style:t,children:o&&Kn("span",{className:"k-label",children:s})})};I.states=Fc;I.options=Uc;I.className=Dn;I.defaultOptions=_n;import{Fragment as Gc,jsx as Fe,jsxs as $c}from"react/jsx-runtime";var Hn=e=>Fe(V,{"aria-label":e["aria-label"]||"Slider",children:$c(Gc,{children:[Fe(I,{className:"k-first",label:!0,large:!0,text:"0"}),Fe(I,{}),Fe(I,{}),Fe(I,{}),Fe(I,{}),Fe(I,{label:!0,large:!0,text:"5"}),Fe(I,{}),Fe(I,{}),Fe(I,{}),Fe(I,{}),Fe(I,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Vc,jsx as Ue,jsxs as Wc}from"react/jsx-runtime";var zn=e=>Ue(V,{children:Wc(Vc,{children:[Ue(I,{className:"k-first",label:!0,large:!0,text:"0"}),Ue(I,{}),Ue(I,{}),Ue(I,{}),Ue(I,{}),Ue(I,{label:!0,large:!0,text:"5"}),Ue(I,{}),Ue(I,{}),Ue(I,{}),Ue(I,{}),Ue(I,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as n1,jsx as i1,jsxs as s1}from"react/jsx-runtime";import{Fragment as m1,jsx as c1,jsxs as u1}from"react/jsx-runtime";import{jsx as Xc}from"react/jsx-runtime";var zr=e=>Xc(V,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as Jc}from"react/jsx-runtime";var Fr=e=>Jc(V,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as y1,jsx as L1,jsxs as M1}from"react/jsx-runtime";import{Fragment as E1,jsx as T1,jsxs as C1}from"react/jsx-runtime";import{jsx as et,jsxs as Fn}from"react/jsx-runtime";var qc=V.options,Yc=V.states,Un={...V.defaultOptions,variant:"horizontal",label:!0},Qc=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Zc=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],io=e=>{let{variant:t,modifiers:o,...a}={...Un,...e},i={};Object.keys(o||{}).forEach(h=>{switch(h){case"button":{i.showButtons=!!o?.[h];break}case"label":{i.label=!!o?.[h];break}case"tick":{i.showTicks=!!o?.[h];break}}});let{label:s=!0,showButtons:p,showTicks:m}=i,f={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?Fn(zn,{showTicks:m,showButtons:p,style:{height:"300px",...f},...a,children:[et(I,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),et(I,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),et(I,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),et(I,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),et(I,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Fn(Hn,{showTicks:m,showButtons:p,style:{width:"400px",...f},...a,children:[et(I,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),et(I,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),et(I,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),et(I,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),et(I,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};io.options=qc;io.states=Yc;io.variants=Qc;io.defaultOptions=Un;io.modifiers=Zc;io.className=V.className;import{jsx as Gn,jsxs as am}from"react/jsx-runtime";var $n="k-spin-button",tm=[],om={size:[c.undefined,c.small,c.medium,c.large],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},Ur={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Mt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:i=Ur.increaseLabel,decreaseLabel:s=Ur.decreaseLabel,...p}=e;return am("span",{...p,className:r($n,e.className),children:[Gn(d,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":i}),Gn(d,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};Mt.states=tm;Mt.options=om;Mt.className=$n;Mt.defaultOptions=Ur;Mt.moduleName=null;Mt.folderName=null;var Vn="numeric-textbox",Wn="numerictextbox";import{Fragment as Xn,jsx as pt,jsxs as Gr}from"react/jsx-runtime";var Jn="k-numerictextbox",rm=[l.hover,l.focus,l.valid,l.invalid,l.loading,l.required,l.disabled,l.readonly],im={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Ia={showSpinButton:!0,showClearButton:!0,separators:!0},z=e=>{let{size:t,rounded:o,fillMode:a,separators:i=Ia.separators,showClearButton:s=Ia.showClearButton,showSpinButton:p=Ia.showSpinButton,prefix:m,suffix:f,value:h,placeholder:x,hover:g,focus:u,valid:S,invalid:N,required:y,loading:T,disabled:M,readonly:D,id:Z,"aria-label":de,"aria-describedby":ue,...fe}=e;return Gr(j,{...fe,size:t,rounded:o,fillMode:a,hover:g,focus:u,valid:S,invalid:N,required:y,loading:T,disabled:M,readonly:D,className:r(e.className,Jn),children:[m&&Gr(Xn,{children:[pt(Be,{children:m}),i&&pt(Re,{})]}),pt(Ie,{id:Z,placeholder:x,value:h,role:"spinbutton",disabled:M,"aria-label":de,"aria-describedby":ue,"aria-invalid":N?"true":void 0}),pt(be,{valid:S,invalid:N,loading:T,disabled:M}),pt(Le,{loading:T,disabled:M}),s&&pt(we,{loading:T,disabled:M,readonly:D,value:h}),f&&Gr(Xn,{children:[i&&pt(Re,{}),pt(Pe,{children:f})]}),p&&pt(Mt,{className:"k-input-spinner",size:t,fillMode:a,disabled:M})]})};z.states=rm;z.options=im;z.className=Jn;z.defaultOptions=Ia;z.moduleName=Vn;z.folderName=Wn;z.ariaSpec={selector:".k-numerictextbox",rules:[{selector:".k-numerictextbox > .k-input-inner",attribute:"role=spinbutton",usage:"Announces the spin button capabilities of the NumericTextBox."},{selector:".k-numerictextbox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"The input requires an accessible name (provided by consuming app)."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuenow (when has value)",usage:"Announces the current value of the component."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemin (when has min)",usage:"Announces the minimum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-valuemax (when has max)",usage:"Announces the maximum allowed value."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the NumericTextBox is in an invalid state."},{selector:".k-numerictextbox > .k-input-inner",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message."},{selector:".k-numerictextbox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"role=button or nodeName=button",usage:"Describes the role of the spin buttons."},{selector:".k-numerictextbox .k-spin-button > .k-button",attribute:"aria-label",usage:"The button element requires discernible text."},{selector:".k-numerictextbox.k-disabled .k-spin-button > .k-button",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the NumericTextBox is disabled."}]};var ea=z;import{jsx as nm}from"react/jsx-runtime";var qn=e=>nm(ea,{...e});var Yn="dropdown-list",Qn="dropdownlist";import{Fragment as pm,jsx as ge,jsxs as $r}from"react/jsx-runtime";var Zn="k-dropdownlist",sm=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],lm={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Vr={showValue:!0,arrowIconName:"chevron-down"},J=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:i=Vr.arrowIconName,showValue:s=Vr.showValue,valueIconName:p,prefix:m,suffix:f,value:h,placeholder:x,hover:g,focus:u,valid:S,invalid:N,required:y,loading:T,disabled:M,readonly:D,popup:Z,opened:de,adaptive:ue,adaptiveSettings:fe,adaptiveTitle:Me,adaptiveSubtitle:Ct,adaptiveFilter:Ga,id:ht,activeDescendant:ma,"aria-label":$a,...Va}=e,Nl=ht?`${ht}-listbox`:void 0,Li=ht?`${ht}-value`:void 0;return $r(pm,{children:[$r(Ye,{...Va,id:ht,size:t,rounded:o,fillMode:a,hover:g,focus:u,valid:S,invalid:N,required:y,loading:T,disabled:M,readonly:D,className:r(e.className,Zn,{"k-icon-picker":!s&&p}),role:"combobox","aria-haspopup":"listbox","aria-expanded":de?"true":"false","aria-controls":de?Nl:void 0,"aria-activedescendant":de&&ma?ma:void 0,"aria-describedby":de?Li:void 0,"aria-disabled":M?"true":void 0,"aria-label":$a,tabIndex:0,children:[ge(Be,{children:m}),ge(Ot,{placeholder:x,value:h,showValue:s,valueIconName:p,id:Li}),ge(be,{valid:S,invalid:N,loading:T,disabled:M}),ge(Le,{loading:T,disabled:M}),ge(Pe,{children:f}),ge(d,{className:"k-input-button",icon:i,size:e.size,fillMode:e.fillMode,"aria-label":x||"Toggle dropdown",tabIndex:-1})]}),de&&Z&&ge(X,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:Z}),ue&&ge(Y,{adaptive:!0,...fe,header:ge(he,{actionsEnd:ge(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Ga,inputValue:h,inputPlaceholder:x,title:Me,subtitle:Ct}),children:ge("div",{className:"k-list-container",children:ge(_,{size:"large",children:$r(U,{"aria-label":"Options",children:[ge(O,{text:"List item"}),ge(O,{text:"List item"}),ge(O,{text:"List item"})]})})})})]})};J.states=sm;J.options=lm;J.className=Zn;J.defaultOptions=Vr;J.moduleName=Yn;J.folderName=Qn;J.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};import{jsx as EM}from"react/jsx-runtime";import{jsx as KM,jsxs as DM}from"react/jsx-runtime";import{Fragment as WM,jsx as $M,jsxs as VM}from"react/jsx-runtime";import{jsx as QM}from"react/jsx-runtime";import{jsx as aA,jsxs as rA}from"react/jsx-runtime";import{Fragment as uA,jsx as cA,jsxs as mA}from"react/jsx-runtime";import{jsx as vA}from"react/jsx-runtime";import{Fragment as bm,jsx as At,jsxs as jn}from"react/jsx-runtime";var dm=J.states,cm=J.defaultOptions,mm=J.options,um=[{name:"opened",title:"Opened"}],fm=[],so=e=>{let{modifiers:t,...o}=e,a={},i=jn(bm,{children:[At("div",{className:"k-list-filter",children:At(De,{})}),At(_,{style:{width:300},size:o.size,children:jn(U,{children:[At(O,{children:"List item"}),At(O,{children:"List item"}),At(O,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?i:void 0)}),At("div",{children:At(J,{placeholder:"Value",style:{width:300},...o,...a})})};so.options=mm;so.states=dm;so.variants=fm;so.defaultOptions=cm;so.modifiers=um;so.className=J.className;import{Fragment as zA,jsx as HA}from"react/jsx-runtime";import{Fragment as WA,jsx as VA}from"react/jsx-runtime";import{jsx as YA}from"react/jsx-runtime";import{jsx as Wr}from"react/jsx-runtime";var hm=z.states,xm=z.defaultOptions,vm=z.options,gm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],km=[],lo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?Wr(J,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[i]?Wr(ir,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[i];break;case"spin-button":a.showSpinButton=t?.[i];break;default:break}}),Wr(qn,{value:"Value",style:{width:300},...o,...a})};lo.options=vm;lo.states=hm;lo.variants=km;lo.defaultOptions=xm;lo.modifiers=gm;lo.className=z.className;import{Fragment as ta,jsx as R,jsxs as ee}from"react/jsx-runtime";var es="k-colorgradient-inputs",Nm=[],Sm={size:[c.undefined,c.small,c.medium,c.large]},ts={mode:"rgba"},po=e=>{let{mode:t=ts.mode,size:o,...a}=e;return ee("div",{...a,className:r(es,"k-hstack"),children:[R("div",{className:"k-vstack",children:R(d,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&ee(ta,{children:[ee("div",{className:"k-vstack",children:[R(z,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),R("label",{className:"k-colorgradient-input-label",children:"R"})]}),ee("div",{className:"k-vstack",children:[R(z,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),R("label",{className:"k-colorgradient-input-label",children:"G"})]}),ee("div",{className:"k-vstack",children:[R(z,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),R("label",{className:"k-colorgradient-input-label",children:"B"})]}),ee("div",{className:"k-vstack",children:[R(z,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),R("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&ee(ta,{children:[ee("div",{className:"k-vstack",children:[R(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),R("label",{className:"k-colorgradient-input-label",children:"R"})]}),ee("div",{className:"k-vstack",children:[R(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),R("label",{className:"k-colorgradient-input-label",children:"G"})]}),ee("div",{className:"k-vstack",children:[R(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),R("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&ee(ta,{children:[ee("div",{className:"k-vstack",children:[R(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),R("label",{className:"k-colorgradient-input-label",children:"H"})]}),ee("div",{className:"k-vstack",children:[R(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),R("label",{className:"k-colorgradient-input-label",children:"S"})]}),ee("div",{className:"k-vstack",children:[R(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),R("label",{className:"k-colorgradient-input-label",children:"V"})]}),ee("div",{className:"k-vstack",children:[R(z,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),R("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&ee(ta,{children:[ee("div",{className:"k-vstack",children:[R(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),R("label",{className:"k-colorgradient-input-label",children:"H"})]}),ee("div",{className:"k-vstack",children:[R(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),R("label",{className:"k-colorgradient-input-label",children:"S"})]}),ee("div",{className:"k-vstack",children:[R(z,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),R("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&R(ta,{children:ee("div",{className:"k-vstack k-flex-1",children:[R(le,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),R("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};po.states=Nm;po.options=Sm;po.className=es;po.defaultOptions=ts;import{jsx as _t,jsxs as Ht}from"react/jsx-runtime";var os="k-colorgradient-color-contrast",Lm=[],ym={},Mm={},co=()=>Ht("div",{className:r(os,"k-vbox"),children:[Ht("div",{className:"k-contrast-ratio",children:[_t("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),Ht("span",{className:"k-contrast-validation !k-text-success",children:[_t(L,{icon:"check"}),_t(L,{icon:"check"})]})]}),Ht("div",{children:[_t("span",{children:"AA: 4.5"}),Ht("span",{className:"k-contrast-validation !k-text-success",children:["Pass",_t(L,{icon:"check"})]})]}),Ht("div",{children:[_t("span",{children:"AAA: 7.0"}),Ht("span",{className:"k-contrast-validation !k-text-error",children:["Fail",_t(L,{icon:"x"})]})]})]});co.states=Lm;co.options=ym;co.className=os;co.defaultOptions=Mm;var as="color-gradient",rs="colorgradient";import{jsx as Ge,jsxs as oa}from"react/jsx-runtime";var Ta="k-colorgradient",Am=[l.hover,l.focus,l.readonly,l.disabled],wm={size:[c.undefined,c.small,c.medium,c.large]},tt={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},se=e=>{let{size:t,mode:o=tt.mode,readonly:a=tt.readonly,disabled:i=tt.disabled,gradientStyle:s=tt.gradientStyle,dragHandleStyle:p=tt.dragHandleStyle,alphaStyle:m=tt.alphaStyle,alphaStyleHorizontal:f=tt.alphaStyleHorizontal,contrast:h=tt.contrast,dir:x,hover:g,focus:u,hoverHandle:S,focusHandle:N,canvasOrientation:y=tt.canvasOrientation,role:T,tabIndex:M,...D}=e;return oa("div",{...D,role:T??"textbox","aria-label":T==="none"?void 0:"Color gradient",tabIndex:M??0,"aria-disabled":i?"true":void 0,className:r(e.className,Ta,A(Ta,{size:t}),E(Ta,{hover:g,focus:u,readonly:a,disabled:i})),dir:x,children:[!y||y==="horizontal"&&oa("div",{className:"k-colorgradient-canvas k-hstack",children:[Ge("div",{className:"k-hsv-rectangle",style:s,children:Ge("div",{className:"k-hsv-gradient",children:Ge("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":S,"k-focus":N}),style:p,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),oa("div",{className:"k-hsv-controls k-hstack",children:[Ge(Fr,{className:"k-hue-slider",hover:S,focus:N}),o!=="rgb"&&o!=="hsv"&&Ge(Fr,{className:"k-alpha-slider",hover:S,focus:N,trackStyle:m})]})]}),y==="vertical"&&oa("div",{className:"k-colorgradient-canvas k-vstack",children:[Ge("div",{className:"k-hsv-rectangle",style:s,children:Ge("div",{className:"k-hsv-gradient",children:Ge("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":S,"k-focus":N}),style:p,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),oa("div",{className:"k-hsv-controls k-vstack",children:[Ge(zr,{className:"k-hue-slider",hover:S,focus:N}),o!=="rgb"&&o!=="hsv"&&Ge(zr,{className:"k-alpha-slider",hover:S,focus:N,trackStyle:f})]})]}),Ge(po,{mode:e.mode,size:t}),h&&Ge(co,{})]})};se.states=Am;se.options=wm;se.className=Ta;se.defaultOptions=tt;se.moduleName=as;se.folderName=rs;se.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};import{jsx as Im}from"react/jsx-runtime";var Ea=e=>Im(se,{...e});import{jsx as Rw}from"react/jsx-runtime";import{jsx as Hw}from"react/jsx-runtime";import{jsx as Xr}from"react/jsx-runtime";var Tm=se.options,Em=se.states,Cm={...se.defaultOptions,variant:"rgba"},Om=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Bm=[],mo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Xr(Ea,{...o,mode:t});case"rgb":return Xr(Ea,{...o,mode:t});default:return Xr(Ea,{...o,mode:t})}};mo.options=Tm;mo.states=Em;mo.variants=Om;mo.defaultOptions=Cm;mo.modifiers=Bm;mo.className=se.className;import{jsx as Pm}from"react/jsx-runtime";var Jr=e=>Pm("tr",{role:"row",children:e.children});import{jsx as Dm}from"react/jsx-runtime";var qr="k-colorpalette-tile",Rm=[l.hover,l.focus,l.selected],Km={},uo=e=>{let{color:t,tileSize:o,hover:a,focus:i,selected:s,...p}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Dm("td",{...p,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:r(e.className,qr,E(qr,{hover:a,focus:i,selected:s})),style:m})};uo.states=Rm;uo.options=Km;uo.className=qr;var is="color-palette",ns="colorpalette";import{jsx as aa}from"react/jsx-runtime";var Ca="k-colorpalette",_m=[l.disabled],Hm={size:[c.undefined,c.small,c.medium,c.large]},ss={columns:10},ke=e=>{let{size:t,palette:o,columns:a=ss.columns,tileSize:i,disabled:s,...p}=e,m=[];if(o){let f=a||o.columns,h=o.colors?o.colors:o;Array.isArray(h)&&Array.from({length:Math.ceil(h.length/f)},(x,g)=>{let u=[];h.slice(g*f,(g+1)*f).map((N,y)=>{u.push(aa(uo,{color:N,tileSize:i},y))});let S=aa(Jr,{children:u},g);m.push(S)})}return aa("div",{...p,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:r(e.className,Ca,E(Ca,{disabled:s}),A(Ca,{size:t})),children:aa("table",{className:"k-colorpalette-table",role:"none",children:aa("tbody",{children:m.length>0?m:e.children})})})};ke.states=_m;ke.options=Hm;ke.className=Ca;ke.defaultOptions=ss;ke.moduleName=is;ke.folderName=ns;ke.ariaSpec={selector:".k-colorpalette",rules:[{selector:".k-colorpalette",attribute:"role=grid",usage:"The focusable wrapper announces its role as a grid."},{selector:".k-colorpalette",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpalette",attribute:"aria-activedescendant",usage:"Points to the focused cell in the table."},{selector:".k-colorpalette",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpalette.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorPalette is disabled."},{selector:".k-colorpalette-table",attribute:"role=none or role=presentation",usage:"Negates the default role of the table element."},{selector:".k-colorpalette-table>tbody>tr",attribute:"role=row",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"role=gridcell",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"aria-label or title",usage:"The text representation of the color value for the current cell."},{selector:".k-colorpalette-tile.k-selected",attribute:"aria-selected=true",usage:"Present on the currently selected cell."}]};var Oa=ke;var ra={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as zm}from"react/jsx-runtime";var ls=e=>zm(Oa,{palette:ra.basic,...e});import{jsx as kI}from"react/jsx-runtime";import{jsx as AI,jsxs as wI}from"react/jsx-runtime";import{jsx as Xm}from"react/jsx-runtime";var Fm=ke.options,Um=ke.states,Gm={...ke.defaultOptions,variant:"basic"},$m=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Vm={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}},Wm=[],fo=e=>{let{variant:t="basic",...o}=e,a=Vm[t];return Xm(ls,{columns:a.columns,palette:a,...o})};fo.options=Fm;fo.states=Um;fo.variants=$m;fo.defaultOptions=Gm;fo.modifiers=Wm;fo.className=ke.className;var ps="color-editor",ds="coloreditor";import{jsx as $e,jsxs as bo}from"react/jsx-runtime";var Ba="k-coloreditor",Jm=[l.focus],qm={size:[c.undefined,c.small,c.medium,c.large]},ia={view:"gradient",palette:ra.office,actionButtons:!0,canvasOrientation:"horizontal"},Q=e=>{let{size:t,view:o=ia.view,palette:a=ia.palette,color:i,currentColor:s,focus:p,focusView:m,dir:f,group:h,actionButtons:x=ia.actionButtons,canvasOrientation:g=ia.canvasOrientation,...u}=e;return bo("div",{...u,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",Ba,A(Ba,{size:t}),E(Ba,{focus:p})),dir:f,children:[bo("div",{className:"k-coloreditor-header k-hstack",children:[$e("div",{className:"k-coloreditor-header-actions k-hstack",children:h&&bo(w,{fillMode:"flat",children:[$e(d,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),$e(d,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),$e("div",{className:"k-spacer"}),bo("div",{className:"k-coloreditor-header-actions k-hstack",children:[$e(d,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),bo("div",{className:"k-coloreditor-preview k-vstack",children:[$e(yt,{className:"k-coloreditor-preview-color",color:i}),$e(yt,{className:"k-coloreditor-current-color",color:s})]})]})]}),$e("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?$e(se,{focus:m,size:t,canvasOrientation:g,role:"none",tabIndex:-1}):$e(ke,{palette:a,size:t})}),x&&bo(Ze,{className:"k-coloreditor-footer",alignment:"start",children:[$e(d,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),$e(d,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Q.states=Jm;Q.options=qm;Q.className=Ba;Q.defaultOptions=ia;Q.moduleName=ps;Q.folderName=ds;Q.ariaSpec={selector:".k-flatcolorpicker",rules:[{selector:".k-flatcolorpicker",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a submittable value."},{selector:".k-flatcolorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-flatcolorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-flatcolorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the FlatColorPicker is disabled."},{selector:".k-colorgradient",attribute:"role=none",usage:"The inner ColorGradient must have its role removed."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var ho=Q;import{jsx as o0}from"react/jsx-runtime";import{jsx as n0}from"react/jsx-runtime";import{jsx as Ym}from"react/jsx-runtime";var cs=e=>Ym(ho,{group:!0,currentColor:"fuchsia",...e});import{jsx as Qm}from"react/jsx-runtime";var ms=e=>Qm(ho,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as us}from"react/jsx-runtime";var Zm=Q.options,jm=Q.states,eu={...Q.defaultOptions,variant:"gradient"},tu=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],ou=[],xo=e=>{let{variant:t,...o}=e;return t==="palette"?us(ms,{...o,color:"white"}):us(cs,{...o,color:"rgba(183, 118 , 118, 1.00)"})};xo.options=Zm;xo.states=jm;xo.variants=tu;xo.defaultOptions=eu;xo.modifiers=ou;xo.className=Q.className;var fs="color-picker",bs="colorpicker";import{Fragment as iu,jsx as Ve,jsxs as Yr}from"react/jsx-runtime";var hs="k-colorpicker",au=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled],ru={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},xs={arrowIconName:"chevron-down"},ce=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:i=xs.arrowIconName,prefix:s,suffix:p,value:m,placeholder:f,hover:h,focus:x,valid:g,invalid:u,required:S,disabled:N,valueIconName:y,popup:T,opened:M,adaptive:D,adaptiveSettings:Z,adaptiveTitle:de,adaptiveSubtitle:ue,...fe}=e,Me="colorpicker-popup";return Yr(iu,{children:[Yr(Ye,{...fe,size:t,rounded:o,fillMode:a,hover:h,focus:x,valid:g,invalid:u,required:S,disabled:N,role:"combobox","aria-haspopup":"dialog","aria-expanded":M?"true":"false","aria-controls":M||D?Me:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":N?"true":void 0,className:r(e.className,hs,"k-icon-picker"),children:[Ve(Be,{children:s}),Ve(Ot,{placeholder:f,value:m,showValue:!1,valueIcon:Ve(yt,{className:"k-value-icon",color:m,iconName:y}),valueIconName:y}),Ve(Pe,{children:p}),Ve(d,{className:"k-input-button",icon:i,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:N})]}),M&&T&&Ve(X,{id:Me,className:"k-colorpicker-popup",children:T}),D&&Ve(Y,{adaptive:!0,id:Me,...Z,header:Ve(he,{actionsEnd:Ve(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:de,subtitle:ue}),footer:Yr(vt,{children:[Ve(d,{text:"Cancel",size:"large"}),Ve(d,{text:"Set",size:"large",themeColor:"primary"})]}),children:Ve(Q,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};ce.states=au;ce.options=ru;ce.className=hs;ce.defaultOptions=xs;ce.moduleName=fs;ce.folderName=bs;ce.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var dt=ce;var Qr="menu-button",vs=Qr;import{jsx as lu}from"react/jsx-runtime";var gs="k-menu-button",nu=[l.hover,l.focus,l.active,l.selected,l.disabled],su={size:[c.undefined,c.xsmall,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info,k.inverse]},Zr={showArrow:!0,arrowIconName:"chevron-down"},C=e=>{let{size:t,rounded:o,fillMode:a,themeColor:i,hover:s,focus:p,active:m,selected:f,disabled:h,icon:x,text:g,showArrow:u=Zr.showArrow,arrowIconName:S=Zr.arrowIconName,expanded:N,...y}=e;return lu(d,{...y,className:r(e.className,gs),text:g,size:t,rounded:o,fillMode:a,themeColor:i,hover:s,focus:p,active:m,selected:f,disabled:h,icon:x,showArrow:u,arrowIconName:S,"aria-expanded":N?"true":"false",...!g&&x&&!e["aria-label"]&&{"aria-label":"Menu"},...h&&{"aria-disabled":"true"}})};C.states=nu;C.options=su;C.className=gs;C.defaultOptions=Zr;C.moduleName=Qr;C.folderName=vs;C.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var Ee="menu",We=Ee;import{jsx as na,jsxs as ks}from"react/jsx-runtime";var jr="k-menu-item",pu=[l.hover,l.focus,l.active,l.selected,l.disabled],du={},Ns={iconPosition:"before"},W=e=>{let{hover:t,focus:o,active:a,selected:i,disabled:s,icon:p,text:m,first:f,last:h,showArrow:x,arrowIconName:g,iconPosition:u=Ns.iconPosition,dir:S,children:N,expanded:y,...T}=e,M=g;return M||(M=S==="rtl"?"chevron-left":"chevron-right"),ks("li",{...T,className:r(e.className,jr,"k-item",E(jr,{focus:o,disabled:s,hover:t,active:a,selected:i}),{"k-first":f,"k-last":h}),role:"menuitem",...x&&{"aria-haspopup":"menu"},...x&&{"aria-expanded":y?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[ks("span",{className:r("k-link k-menu-link"),children:[p&&u==="before"&&na(L,{className:"k-menu-link-icon",icon:p}),na("span",{className:"k-menu-link-text",children:m}),p&&u==="after"&&na(L,{className:"k-menu-link-icon",icon:p}),x&&na("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:na(L,{icon:M})})]}),N]})};W.states=pu;W.options=du;W.className=jr;W.defaultOptions=Ns;W.moduleName=Ee;W.folderName=We;import{jsx as sa,jsxs as Ss}from"react/jsx-runtime";var ei="k-menu-item",cu=[l.hover,l.focus,l.active,l.selected,l.disabled],mu={},ti={dir:"ltr",iconPosition:"before"},q=e=>{let{hover:t,focus:o,active:a,selected:i,disabled:s,icon:p,text:m,first:f,last:h,showArrow:x,arrowIconName:g,iconPosition:u=ti.iconPosition,dir:S=ti.dir,children:N,popup:y,expanded:T,...M}=e,D=g;return D||(D=S==="rtl"?"chevron-left":"chevron-right"),Ss("li",{...M,className:r(e.className,ei,"k-item",E(ei,{focus:o,disabled:s}),{"k-first":f,"k-last":h}),role:"menuitem",...x&&{"aria-haspopup":"menu"},...x&&{"aria-expanded":T?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Ss("span",{className:r("k-link k-menu-link",E("k-menu-link",{hover:t,active:a,selected:i,disabled:s})),children:[p&&u==="before"&&sa(L,{className:"k-menu-link-icon",icon:p}),sa("span",{className:"k-menu-link-text",children:m}),p&&u==="after"&&sa(L,{className:"k-menu-link-icon",icon:p}),x&&sa("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:sa(L,{icon:D})})]}),N,y]})};q.states=cu;q.options=mu;q.className=ei;q.defaultOptions=ti;q.moduleName=Ee;q.folderName=We;import{jsx as hu}from"react/jsx-runtime";var Ls="k-menu-scroll-wrapper",uu=[],fu={},bu={},zt=e=>{let{className:t,children:o,orientation:a,...i}=e;return hu("div",{...i,className:r(t,Ls,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};zt.states=uu;zt.options=fu;zt.className=Ls;zt.defaultOptions=bu;zt.moduleName=Ee;zt.folderName=We;var ys=zt;import{Fragment as oi,jsx as Ft,jsxs as Pa}from"react/jsx-runtime";var ai="k-menu",xu=[],vu={},Ra={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},te=e=>{let{children:t,orientation:o=Ra.orientation,header:a=Ra.header,scrollable:i,scrollButtonsPosition:s=Ra.scrollButtonsPosition,wrapperStyles:p,dir:m,popup:f,contextMenu:h,...x}=e,g={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},u=Ft("ul",{dir:m,...x,className:r(e.className,"k-reset",ai,{[`${ai}-${o}`]:o,"k-header":a}),role:h?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Pa(oi,{children:[i?Pa(ys,{orientation:o,style:p,dir:e.dir,children:[s==="start"&&Pa(oi,{children:[Ft(d,{fillMode:"flat",icon:`chevron-${g[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Ft(d,{fillMode:"flat",icon:`chevron-${g[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&Ft(d,{fillMode:"flat",icon:`chevron-${g[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),u,s==="end"&&Pa(oi,{children:[Ft(d,{fillMode:"flat",icon:`chevron-${g[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Ft(d,{fillMode:"flat",icon:`chevron-${g[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&Ft(d,{fillMode:"flat",icon:`chevron-${g[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):u,f]})};te.states=xu;te.options=vu;te.className=ai;te.defaultOptions=Ra;te.moduleName=Ee;te.folderName=We;te.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};import{jsx as gu}from"react/jsx-runtime";var ri="k-separator",Ms={orientation:"horizontal"},vo=e=>{let{orientation:t=Ms.orientation,...o}=e;return gu("li",{...o,className:r(e.className,"k-item",ri,{[`${ri}-${t}`]:t}),role:"separator"})};vo.className=ri;vo.defaultOptions=Ms;vo.moduleName=Ee;vo.folderName=We;import{Fragment as hT,jsx as xT}from"react/jsx-runtime";import{jsx as Lu}from"react/jsx-runtime";var ii="k-menu-group",ku=[],Nu={size:[c.undefined,c.small,c.medium,c.large]},Su={},me=e=>{let{children:t,size:o,...a}=e;return Lu("ul",{...a,className:r(e.className,ii,A(ii,{size:o})),role:"menu",children:t})};me.states=ku;me.options=Nu;me.className=ii;me.defaultOptions=Su;me.moduleName=Ee;me.folderName=We;import{Fragment as yu,jsx as go,jsxs as Mu}from"react/jsx-runtime";var ni=e=>go(te,{children:Mu(yu,{children:[go(W,{first:!0,text:"Item 1"}),go(W,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),go(W,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),go(W,{text:"Item 4"}),go(W,{last:!0,text:"Item 5"})]}),...e});import{Fragment as CT,jsx as TT,jsxs as ET}from"react/jsx-runtime";import{Fragment as KT,jsx as RT,jsxs as DT}from"react/jsx-runtime";import{Fragment as UT,jsx as FT,jsxs as GT}from"react/jsx-runtime";import{Fragment as JT,jsx as XT,jsxs as qT}from"react/jsx-runtime";import{jsx as Ut,jsxs as Eu}from"react/jsx-runtime";var Au=te.options,wu=te.states,As={...te.defaultOptions,variant:"horizontal"},Iu=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Tu=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],ko=e=>{let{variant:t,modifiers:o,...a}={...As,...e},i={};return Object.keys(o||{}).forEach(s=>{switch(s){case"scrollable":i.scrollable=!!o?.[s];break;case"opened":i.opened=!!o?.[s],i.popup=Ut(X,{className:"k-menu-popup",children:Eu(me,{children:[Ut(q,{text:"Item 1"}),Ut(q,{text:"Item 2"}),Ut(vo,{}),Ut(q,{text:"Item 3"})]})});break}}),t==="vertical"?Ut(ni,{...a,...i,orientation:"vertical",style:{width:"200px"}}):Ut(ni,{...a,...i})};ko.options=Au;ko.states=wu;ko.variants=Iu;ko.defaultOptions=As;ko.modifiers=Tu;ko.className=te.className;import{jsx as Pu}from"react/jsx-runtime";var ws="k-spreadsheet-menu",Cu=[],Ou={},Bu={},No=e=>{let{children:t,...o}=e;return Pu(te,{...o,className:r(e.className,ws),children:t})};No.states=Cu;No.options=Ou;No.className=ws;No.defaultOptions=Bu;import{jsx as Ru}from"react/jsx-runtime";var Ka=e=>Ru(dt,{...e});import{jsx as CE}from"react/jsx-runtime";import{jsx as KE}from"react/jsx-runtime";import{jsx as zE}from"react/jsx-runtime";import{jsx as $E}from"react/jsx-runtime";import{jsx as JE}from"react/jsx-runtime";import{jsx as ZE}from"react/jsx-runtime";import{jsx as Gt}from"react/jsx-runtime";var Ku=dt.options,Du=dt.states,Is={...dt.defaultOptions,variant:"color"},_u=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Hu=[{name:"opened",title:"Opened"}],So=e=>{let{variant:t,modifiers:o,...a}={...Is,...e},i={};Object.keys(o||{}).forEach(p=>{p==="opened"&&(i.opened=!!o?.[p],i.popup=o?.[p]?Gt(Q,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let s=i.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return Gt("div",{style:s,children:Gt(Ka,{...a,...i})});case"icon":return Gt("div",{style:s,children:Gt(Ka,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...i})});default:return Gt("div",{style:s,children:Gt(Ka,{value:"rgba(183, 118 , 118, 1.00)",...a,...i})})}};So.options=Ku;So.states=Du;So.variants=_u;So.defaultOptions=Is;So.modifiers=Hu;So.className=dt.className;import{jsx as zu}from"react/jsx-runtime";var Ts=e=>zu(Te,{...e});import{jsx as LC,jsxs as yC}from"react/jsx-runtime";import{jsx as EC,jsxs as CC}from"react/jsx-runtime";import{jsx as DC,jsxs as _C}from"react/jsx-runtime";import{Fragment as $C,jsx as GC}from"react/jsx-runtime";import{Fragment as YC,jsx as qC}from"react/jsx-runtime";import{jsx as oO,jsxs as aO}from"react/jsx-runtime";import{Fragment as cO,jsx as pO,jsxs as dO}from"react/jsx-runtime";import{jsx as bO}from"react/jsx-runtime";import{jsx as gO}from"react/jsx-runtime";import{jsx as MO,jsxs as AO}from"react/jsx-runtime";import{jsx as OO,jsxs as BO}from"react/jsx-runtime";import{jsx as wt,jsxs as Wu}from"react/jsx-runtime";var Fu=ne.states,Uu=ne.defaultOptions,Gu=ne.options,$u=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Vu=[],Lo=e=>{let{modifiers:t,...o}=e,a={},i=wt(_,{style:{width:300},size:o.size,children:Wu(U,{children:[wt(O,{children:"List item"}),wt(O,{children:"List item"}),wt(O,{children:"List item"})]})});return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?wt(L,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?wt(xt,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[s],a.popup=t?.[s]?i:void 0;break;default:break}}),wt("div",{children:wt(Ts,{value:"Value",style:{width:300},...o,...a})})};Lo.options=Gu;Lo.states=Fu;Lo.variants=Vu;Lo.defaultOptions=Uu;Lo.modifiers=$u;Lo.className=ne.className;import{jsx as n5}from"react/jsx-runtime";import{jsx as d5}from"react/jsx-runtime";import{jsx as f5}from"react/jsx-runtime";import{Fragment as L5,jsx as N5,jsxs as S5}from"react/jsx-runtime";import{jsx as w5}from"react/jsx-runtime";import{Fragment as Qu,jsx as ot,jsxs as Es}from"react/jsx-runtime";var Xu=d.states,Cs={...d.defaultOptions,variant:"text"},Ju=d.options,qu=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Yu=[{name:"opened",title:"Opened"}],yo=e=>{let{variant:t,modifiers:o,...a}={...Cs,...e},i={},s=ot(X,{className:"k-menu-popup",children:Es(me,{size:a.size,children:[ot(q,{first:!0,text:"Menu Item"}),ot(q,{text:"Menu Item"}),ot(q,{last:!0,text:"Menu Item"})]})}),p;switch(t){case"icon-only":p=ot("div",{children:ot(C,{...a,...i,icon:"star"})});break;case"icon-and-text":p=ot("div",{children:ot(C,{...a,...i,icon:"star",children:"Dropdown Button"})});break;default:p=ot("div",{children:ot(C,{...a,...i,children:"Dropdown Button"})});break}return Es(Qu,{children:[p,o?.opened&&s]})};yo.options=Ju;yo.states=Xu;yo.variants=qu;yo.defaultOptions=Cs;yo.modifiers=Yu;yo.className=C.className;var si="split-button",Os=si;import{Fragment as ef,jsx as li,jsxs as Bs}from"react/jsx-runtime";var pi="k-split-button",Zu=[l.hover,l.focus,l.active,l.selected,l.disabled],ju={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info,k.inverse]},Ps={arrowIconName:"chevron-down"},K=e=>{let{size:t,rounded:o,fillMode:a,themeColor:i,hover:s,focus:p,active:m,selected:f,disabled:h,icon:x,text:g,arrowIconName:u=Ps.arrowIconName,popup:S,opened:N,popupId:y,...T}=e;return Bs(ef,{children:[Bs("div",{...T,className:r(e.className,pi,"k-button-group",A(pi,{rounded:o})),children:[li(d,{text:g,icon:x,size:t,rounded:o,fillMode:a,themeColor:i,hover:s,focus:p,active:m,selected:f,disabled:h,...!g&&!e.children&&x&&{"aria-label":"Action"},children:e.children}),li(d,{className:"k-split-button-arrow",icon:u,size:t,rounded:o,fillMode:a,disabled:h,"aria-label":"Toggle dropdown","aria-expanded":N?"true":"false","aria-controls":N?y:void 0,tabIndex:-1,...h&&{"aria-disabled":"true"}})]}),N&&S&&li(X,{className:"k-menu-popup",children:S})]})};K.states=Zu;K.options=ju;K.className=pi;K.defaultOptions=Ps;K.moduleName=si;K.folderName=Os;K.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var di=K;import{jsx as of}from"react/jsx-runtime";var tf="k-toolbar-separator",oe=e=>of("div",{className:r(tf,e.className,"k-separator")});var ct="toolbar",It=ct;import{Fragment as ci,jsx as H,jsxs as Mo}from"react/jsx-runtime";var mt="k-toolbar",af=[l.focus],rf={size:[c.undefined,c.small,c.medium,c.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},nf={scrollButtons:"around"},$=e=>{let{size:t,fillMode:o,focus:a,resizable:i,scrollable:s,scrollButtons:p,scrollingPosition:m,section:f,...h}=e,x=[],g=(u,S)=>{let N=[];if(u.type===d&&u.props.className&&u.props.className.includes("k-toolbar-overflow-button"))N.push(H(d,{...u.props,className:`${u.props.className?u.props.className:""}`},`${S}-${new Date().getTime()}`));else if(u.type===d)N.push(H(d,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${S}-${new Date().getTime()}`));else if(u.type===Vo)N.push(H(Vo,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${S}-${new Date().getTime()}`));else if(u.type===xt)N.push(H(xt,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${S}-${new Date().getTime()}`));else if(u.type===C)N.push(H(C,{...u.props,className:`k-toolbar-menu-button ${u.props.className?u.props.className:""}`},`${S}-${new Date().getTime()}`));else if(u.type===di)N.push(H(di,{...u.props,className:`k-toolbar-split-button ${u.props.className?u.props.className:""}`},`${S}-${new Date().getTime()}`));else if(u.type===w||u.props.className&&u.props.className.includes("k-button-group")){let y=[];(Array.isArray(u.props.children)?u.props.children:[u.props.children]).forEach((M,D)=>{y.push(H(d,{...M.props,className:`${M.props.className?M.props.className:""}`},`${D}-${new Date().getTime()}`))}),N.push(H(w,{...u.props,className:`k-toolbar-button-group ${u.props.className?u.props.className:""}`,children:y},`${S}-${new Date().getTime()}`))}else u.type===ne?N.push(H(ne,{...u.props,className:`k-toolbar-combobox ${u.props.className?u.props.className:""}`},`${S}-${new Date().getTime()}`)):u.type===J?N.push(H(J,{...u.props,className:`k-toolbar-dropdownlist ${u.props.className?u.props.className:""}`},`${S}-${new Date().getTime()}`)):u.type===ce?N.push(H(ce,{...u.props,className:`k-toolbar-colorpicker ${u.props.className?u.props.className:""}`},`${S}-${new Date().getTime()}`)):N.push(u);N.forEach(y=>{x.push(y)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((S,N)=>{g(S,N)}),Mo("div",{...h,className:r(e.className,mt,A(mt,{size:t,fillMode:o}),E(mt,{focus:a}),{[`${mt}-resizable`]:i,[`${mt}-scrollable`]:s,[`${mt}-scrollable-overlay`]:s&&p==="hidden",[`${mt}-scrollable-${m}`]:m&&m!=="both",[`${mt}-section`]:f}),role:"toolbar","aria-label":"Toolbar",children:[!s&&x,s&&p==="hidden"&&H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),s&&p==="start"&&Mo(ci,{children:[Mo(w,{children:[H("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(L,{className:"k-button-icon",icon:"chevron-left"})}),H("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(L,{className:"k-button-icon",icon:"chevron-right"})})]}),H(oe,{className:"k-toolbar-button-separator"}),H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x})]}),s&&p==="end"&&Mo(ci,{children:[H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),H(oe,{className:"k-toolbar-button-separator"}),Mo(w,{children:[H("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(L,{className:"k-button-icon",icon:"chevron-left"})}),H("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(L,{className:"k-button-icon",icon:"chevron-right"})})]})]}),s&&(p==="around"||!p)&&Mo(ci,{children:[H("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(L,{className:"k-button-icon",icon:"chevron-left"})}),H(oe,{className:"k-toolbar-button-separator"}),H("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),H(oe,{className:"k-toolbar-button-separator"}),H("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:H(L,{className:"k-button-icon",icon:"chevron-right"})})]})]})};$.states=af;$.options=rf;$.className=mt;$.defaultOptions=nf;$.moduleName=ct;$.folderName=It;$.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class*="i-more-horizontal"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};import{jsx as df}from"react/jsx-runtime";var Rs="k-floating-toolbar",sf=[],lf={},pf={},Ao=e=>{let{...t}=e;return df("div",{...t,className:r(e.className,Rs),children:e.children})};Ao.states=sf;Ao.options=lf;Ao.className=Rs;Ao.defaultOptions=pf;Ao.moduleName=ct;Ao.folderName=It;import{jsx as ff}from"react/jsx-runtime";var mi="k-toolbar-item",cf=[l.focus],mf={},uf={},ut=e=>{let{focus:t,...o}=e;return ff("div",{...o,className:r(e.className,mi,E(mi,{focus:t})),children:e.children})};ut.states=cf;ut.options=mf;ut.className=mi;ut.defaultOptions=uf;ut.moduleName=ct;ut.folderName=It;import{jsx as Ks}from"react/jsx-runtime";var Ds="k-toolbar-popup",bf=[],hf={size:[c.undefined,c.small,c.medium,c.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},xf={},$t=e=>{let{size:t,fillMode:o,section:a,...i}=e;return Ks(X,{...i,className:r(e.className,Ds),children:a?Ks("span",{className:r("k-toolbar-items-list",A("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};$t.states=bf;$t.options=hf;$t.className=Ds;$t.defaultOptions=xf;$t.moduleName=ct;$t.folderName=It;var _a=$t;import{jsx as E3}from"react/jsx-runtime";import{jsx as P3}from"react/jsx-runtime";import{jsx as _3}from"react/jsx-runtime";import{jsx as $3,jsxs as V3}from"react/jsx-runtime";import{jsx as q3}from"react/jsx-runtime";import{jsx as ft,jsxs as Sf}from"react/jsx-runtime";var vf=K.states,_s={...K.defaultOptions,variant:"text"},gf=K.options,kf=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Nf=[{name:"opened",title:"Opened"}],wo=e=>{let{variant:t,modifiers:o,...a}={..._s,...e},i={},s=Sf(me,{size:a.size,children:[ft(q,{first:!0,text:"Menu Item"}),ft(q,{text:"Menu Item"}),ft(q,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(p=>{p==="opened"&&(i.opened=!!o?.[p],i.popup=o?.[p]?s:"")}),t){case"icon-only":return ft("div",{children:ft(K,{...a,...i,icon:"star"})});case"icon-and-text":return ft("div",{children:ft(K,{...a,...i,icon:"star",children:"Split Button"})});default:return ft("div",{children:ft(K,{...a,...i,children:"Split Button"})})}};wo.options=gf;wo.states=vf;wo.variants=kf;wo.defaultOptions=_s;wo.modifiers=Nf;wo.className=K.className;import{jsx as Vt,jsxs as Lf}from"react/jsx-runtime";var Hs=e=>Vt($,{children:[Vt(d,{children:"Button"},"toolbar-button"),Vt(C,{text:"Menu button"},"toolbar-menu-button"),Vt(K,{children:"Split button"},"toolbar-split-button"),Lf(w,{children:[Vt(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Vt(d,{icon:"align-center",children:"Center"}),Vt(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as yB,jsxs as MB}from"react/jsx-runtime";import{jsx as Ce,jsxs as zs}from"react/jsx-runtime";var Fs=e=>Ce($,{scrollable:!0,...e,children:[Ce(d,{children:"Button"},"toolbar-button"),Ce(C,{text:"Menu button"},"toolbar-menu-button"),Ce(K,{children:"Split button"},"toolbar-split-button"),zs(w,{children:[Ce(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Ce(d,{icon:"align-center",children:"Center"}),Ce(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Ce(d,{children:"Button"},"toolbar-button"),Ce(C,{text:"Menu button"},"toolbar-menu-button"),Ce(K,{children:"Split button"},"toolbar-split-button"),zs(w,{children:[Ce(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Ce(d,{icon:"align-center",children:"Center"}),Ce(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Oe,jsxs as Us}from"react/jsx-runtime";var Gs=({scrollingPosition:e="start",...t})=>Oe($,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[Oe(d,{children:"Button"},"toolbar-button"),Oe(C,{text:"Menu button"},"toolbar-menu-button"),Oe(K,{children:"Split button"},"toolbar-split-button"),Us(w,{children:[Oe(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Oe(d,{icon:"align-center",children:"Center"}),Oe(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Oe(d,{children:"Button"},"toolbar-button"),Oe(C,{text:"Menu button"},"toolbar-menu-button"),Oe(K,{children:"Split button"},"toolbar-split-button"),Us(w,{children:[Oe(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Oe(d,{icon:"align-center",children:"Center"}),Oe(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as yf,jsx as ye,jsxs as Ha}from"react/jsx-runtime";var $s=({fillMode:e,size:t,...o})=>Ha(yf,{children:[ye($,{section:!0,fillMode:e,size:t,children:[ye(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Ha(w,{fillMode:e,children:[ye(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),ye(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),ye(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),ye(oe,{className:"k-toolbar-button-separator"}),ye(d,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),Ha(_a,{size:t,fillMode:e,section:!0,...o,children:[ye(K,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),ye(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),ye(oe,{}),ye(C,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Ha(w,{fillMode:e,children:[ye(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),ye(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),ye(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as rP,jsx as oP,jsxs as aP}from"react/jsx-runtime";import{Fragment as bP,jsx as uP,jsxs as fP}from"react/jsx-runtime";import{jsx as Tt}from"react/jsx-runtime";var Mf=$.options,Af=$.states,Vs={...$.defaultOptions,variant:"default"},wf=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],If=[],Io=e=>{let{variant:t,...o}={...Vs,...e};switch(t){case"responsive":return Tt("div",{children:Tt($s,{style:{width:"583px"},...o})});case"overlay":return Tt("div",{children:Tt(Gs,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Tt("div",{children:Tt(Fs,{style:{width:"583px"},...o})});default:return Tt("div",{children:Tt(Hs,{style:{width:"583px"},...o})})}};Io.options=Mf;Io.states=Af;Io.variants=wf;Io.defaultOptions=Vs;Io.modifiers=If;Io.className=$.className;import{jsx as Of}from"react/jsx-runtime";var Ws="k-spreadsheet-toolbar",Tf=[],Ef={},Cf={},To=e=>{let{children:t,...o}=e;return Of($,{...o,resizable:!0,className:r(e.className,Ws),fillMode:"flat","aria-label":o["aria-label"]||"Spreadsheet toolbar",children:t})};To.states=Tf;To.options=Ef;To.className=Ws;To.defaultOptions=Cf;import{jsx as B,jsxs as fi}from"react/jsx-runtime";var Xs="k-spreadsheet-header",Bf=[],Pf={},Rf=[B(d,{icon:"arrow-rotate-ccw",fillMode:"flat","aria-label":"Undo"},"undo"),B(d,{icon:"arrow-rotate-cw",fillMode:"flat","aria-label":"Redo"},"redo"),B(oe,{},"sep1"),B(d,{icon:"cut",fillMode:"flat","aria-label":"Cut"},"cut"),B(d,{icon:"copy",fillMode:"flat","aria-label":"Copy"},"copy"),B(d,{icon:"clipboard",fillMode:"flat","aria-label":"Paste"},"paste"),B(oe,{},"sep2"),B(J,{value:"Font Name",fillMode:"flat","aria-label":"Font name"},"fontname"),B(J,{value:"Font Size",fillMode:"flat","aria-label":"Font size"},"fontsize"),B(oe,{},"sep3"),fi(w,{fillMode:"flat",children:[B(d,{className:"k-group-start",icon:"font-grow",fillMode:"flat","aria-label":"Increase font size"}),B(d,{className:"k-group-end",icon:"font-shrink",fillMode:"flat","aria-label":"Decrease font size"})]},"fontgrow"),B(oe,{},"sep4"),fi(w,{fillMode:"flat",children:[B(d,{className:"k-group-start",icon:"bold",fillMode:"flat","aria-label":"Bold"}),B(d,{icon:"italic",fillMode:"flat","aria-label":"Italic"}),B(d,{icon:"underline",fillMode:"flat","aria-label":"Underline"}),B(d,{className:"k-group-end",icon:"strikethrough",fillMode:"flat","aria-label":"Strikethrough"})]},"fontstyle"),B(ut,{children:B(ce,{value:"red",valueIconName:"foreground-color",fillMode:"flat","aria-label":"Text color"})},"textcolor"),B(oe,{},"sep5"),B(ut,{children:B(ce,{value:"fuchsia",valueIconName:"droplet",fillMode:"flat","aria-label":"Background color"})},"bgcolor"),B(oe,{},"sep6"),B(C,{fillMode:"flat",icon:"borders-all",showArrow:!0,"aria-label":"Borders"},"borders"),B(oe,{},"sep7"),B(C,{fillMode:"flat",icon:"align-left",showArrow:!0,"aria-label":"Horizontal alignment"},"halign"),B(C,{fillMode:"flat",icon:"align-middle",showArrow:!0,"aria-label":"Vertical alignment"},"valign"),B(oe,{},"sep8"),B(d,{fillMode:"flat",icon:"text-wrap-arrow","aria-label":"Wrap text"},"wrap")],Kf=[B(W,{first:!0,text:"File"},"file"),B(W,{text:"Home",active:!0},"home"),B(W,{text:"Insert"},"insert"),B(W,{text:"Format"},"format"),B(W,{text:"Formulas"},"formulas"),B(W,{text:"Data"},"data"),B(W,{last:!0,text:"View"},"view")],ui={toolbarItems:Rf,menuItems:Kf},at=e=>{let{toolbarItems:t=ui.toolbarItems,menuItems:o=ui.menuItems,...a}=e;return fi("div",{...a,className:r(Xs,e.className),children:[B(No,{children:o}),B(To,{children:t})]})};at.states=Bf;at.options=Pf;at.className=Xs;at.defaultOptions=ui;import{jsx as zf}from"react/jsx-runtime";var Js="k-tabstrip-items",Df=[],_f={},Hf={tabAlignment:"start"},la=e=>{let{children:t,tabAlignment:o,orientation:a,...i}=e;return zf("ul",{...i,className:r(e.className,Js,"k-reset",`k-tabstrip-items-${o}`),role:"tablist",...a==="vertical"&&{"aria-orientation":"vertical"},children:t})};la.states=Df;la.options=_f;la.className=Js;la.defaultOptions=Hf;var qs=la;import{jsx as Gf}from"react/jsx-runtime";var Ys="k-tabstrip-items-wrapper",Ff=[],Uf={},Qs={orientation:"horizontal"},pa=e=>{let{children:t,orientation:o=Qs.orientation,...a}=e;return Gf("div",{...a,className:r(e.className,Ys,{"k-hstack":o==="horizontal","k-vstack":o==="vertical"}),children:t})};pa.states=Ff;pa.options=Uf;pa.className=Ys;pa.defaultOptions=Qs;var Zs=pa;var bi="tabstrip",js=bi;import{jsx as Je,jsxs as el}from"react/jsx-runtime";var Et="k-tabstrip",$f=[],Vf={size:[c.undefined,c.small,c.medium,c.large]},za={position:"top",tabAlignment:"start",scrollButtons:"around"},bt=e=>{let{size:t,scrollable:o,children:a,tabStripItems:i,tabStripItemsId:s,position:p=za.position,tabAlignment:m=za.tabAlignment,scrollButtons:f=za.scrollButtons,dir:h,scrollingPosition:x,overflow:g,...u}=e,S={top:{prev:h!=="rtl"?"left":"right",next:h!=="rtl"?"right":"left"},bottom:{prev:h!=="rtl"?"left":"right",next:h!=="rtl"?"right":"left"},right:{prev:"up",next:"down"},left:{prev:"up",next:"down"}},N={top:"horizontal",bottom:"horizontal",left:"vertical",right:"vertical"},y={start:"start",center:"center",end:"end",justify:"justify",stretched:"stretched"};return el("div",{dir:h,...u,className:r(Et,e.className,{[`${Et}-${p}`]:p,[`${Et}-scrollable`]:o,[`${Et}-scrollable-overlay`]:o&&(f==="hidden"||!f),[`${Et}-scrollable-${x}`]:x&&x!=="both",[`${Et}-overflow`]:g},A(Et,{size:t})),children:[p==="bottom"&&a,el(Zs,{orientation:N[p],children:[o&&(f==="around"||f==="start")&&Je("span",{className:r("k-tabstrip-prev","k-button",A("k-button",{size:t,fillMode:b.flat}),"k-icon-button"),"aria-hidden":"true",children:Je(L,{className:"k-button-icon",icon:`chevron-${S[p].prev}`})}),o&&f==="start"&&Je("span",{className:r("k-tabstrip-next","k-button",A("k-button",{size:t,fillMode:b.flat}),"k-icon-button"),"aria-hidden":"true",children:Je(L,{className:"k-button-icon",icon:`chevron-${S[p].next}`})}),Je(qs,{className:r({"k-tabstrip-items-scroll":o&&f==="hidden"}),tabAlignment:y[m],orientation:N[p],...s&&{id:s},children:i}),o&&f==="end"&&Je("span",{className:r("k-tabstrip-prev","k-button",A("k-button",{size:t,fillMode:b.flat}),"k-icon-button"),"aria-hidden":"true",children:Je(L,{className:"k-button-icon",icon:`chevron-${S[p].prev}`})}),o&&(f==="around"||f==="end")&&Je("span",{className:r("k-tabstrip-next","k-button",A("k-button",{size:t,fillMode:b.flat}),"k-icon-button"),"aria-hidden":"true",children:Je(L,{className:"k-button-icon",icon:`chevron-${S[p].next}`})}),g&&Je("div",{className:"k-tabstrip-actions k-hstack",children:Je(C,{className:"k-tabstrip-overflow-button",icon:"more-vertical",fillMode:"flat",size:t,showArrow:!1})})]}),p!=="bottom"&&a]})};bt.states=$f;bt.options=Vf;bt.className=Et;bt.defaultOptions=za;bt.moduleName=bi;bt.folderName=js;bt.ariaSpec={selector:".k-tabstrip",rules:[{selector:".k-tabstrip-items",attribute:"role=tablist",usage:"Indicates the tablist role for the ul element."},{selector:".k-tabstrip.k-tabstrip-left .k-tabstrip-items,.k-tabstrip.k-tabstrip-right .k-tabstrip-items",attribute:"aria-orientation=vertical",usage:"Indicates the orientation when vertical."},{selector:".k-tabstrip-item",attribute:"role=tab",usage:"The tab li element."},{selector:".k-tabstrip .k-tabstrip-item.k-active",attribute:"aria-selected=true",usage:"Announces the selected state of the tab."},{selector:".k-tabstrip-content",attribute:"role=tabpanel",usage:"The content div of the tab."},{selector:".k-tabstrip .k-tabstrip-item.k-active",attribute:"aria-controls (when present)",usage:"Announces the relation between the panel and active tab. Only present when tab controls a specific panel."},{selector:".k-tabstrip-content",attribute:"aria-hidden=true (when not active)",usage:"Only if the component implements a feature to control whether the content should be persisted."},{selector:".k-tabstrip-content",attribute:"aria-labelledby (when present)",usage:"Refers to the tab element that controls the panel. Only present when panel has an associated tab."},{selector:".k-tabstrip-scrollable .k-button",attribute:"aria-hidden=true",usage:"Scroll buttons are hidden from assistive technologies."}]};import{jsx as Fa,jsxs as hi}from"react/jsx-runtime";var xi="k-tabstrip-item",Wf=[l.active,l.hover,l.disabled,l.focus],Xf={},tl={iconPosition:"before"},qe=e=>{let{dragging:t,active:o,hover:a,focus:i,disabled:s,children:p,first:m,last:f,closable:h,icon:x,iconPosition:g=tl.iconPosition,value:u,actions:S,...N}=e;return hi("li",{...N,className:r(e.className,xi,E(xi,{hover:a,active:o,disabled:s,focus:i}),{"k-tabstrip-dragging":t,"k-first":m,"k-last":f}),role:"tab",...o&&{"aria-selected":"true"},...s&&{"aria-disabled":"true"},children:[hi("span",{className:"k-link",children:[x&&g==="before"&&Fa(L,{icon:x}),u&&Fa("span",{className:"k-link-text",children:u}),x&&g==="after"&&Fa(L,{icon:x})]}),(S||h)&&hi("span",{className:"k-item-actions",children:[S,h&&Fa(d,{as:"span",className:"k-remove-tab",icon:"x",fillMode:"flat",size:"xsmall",title:"Close","aria-hidden":"true"})]}),p]})};qe.states=Wf;qe.options=Xf;qe.className=xi;qe.item=tl;import{Fragment as Qf,jsx as Ne,jsxs as rl}from"react/jsx-runtime";var ol="k-spreadsheet-sheets-bar",Jf=[],qf={},Yf=rl(Qf,{children:[Ne(qe,{first:!0,active:!0,value:"Sheet 1",actions:Ne(C,{showArrow:!1,size:"small",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet1"),Ne(qe,{value:"Sheet 2",actions:Ne(C,{showArrow:!1,size:"small",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet2"),Ne(qe,{value:"Sheet 3",actions:Ne(C,{showArrow:!1,size:"small",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet3"),Ne(qe,{value:"Sheet 4",actions:Ne(C,{showArrow:!1,size:"small",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet4"),Ne(qe,{value:"Sheet 5",actions:Ne(C,{showArrow:!1,size:"small",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet5"),Ne(qe,{last:!0,value:"Sheet 6",actions:Ne(C,{showArrow:!1,size:"small",icon:"chevron-down",fillMode:"flat","aria-label":"Sheet options"})},"sheet6")]}),al={tabStripItems:Yf},rt=e=>{let{tabStripItems:t=al.tabStripItems,...o}=e,a=P("spreadsheet-sheets");return rl("div",{...o,className:r(ol,e.className),children:[Ne(d,{className:"k-spreadsheet-sheet-add",fillMode:"flat",size:"small",icon:"plus","aria-label":"Add new sheet","aria-controls":a}),Ne(d,{className:"k-spreadsheet-sheets-menu",fillMode:"flat",size:"small",icon:"menu","aria-label":"Sheets menu","aria-controls":a}),Ne(bt,{className:"k-spreadsheet-sheets",tabStripItems:t,tabStripItemsId:a,position:"bottom",scrollable:!0,scrollButtons:"end"})]})};rt.states=Jf;rt.options=qf;rt.className=ol;rt.defaultOptions=al;var vi="tooltip",il=vi;import{jsx as da,jsxs as nl}from"react/jsx-runtime";var gi="k-tooltip",Zf=[],jf={themeColor:[k.undefined,k.base,k.inverse,k.info,k.success,k.warning,k.error]},sl={closable:!1},Se=e=>{let{closable:t=sl.closable,callout:o,themeColor:a,title:i,content:s,icon:p,id:m=P("tooltip"),...f}=e;return nl("div",{...f,className:r(e.className,gi,A(gi,{themeColor:a}),{"k-tooltip-closable":t}),role:"tooltip",id:m,children:[p&&da(L,{className:"k-tooltip-icon",icon:p}),nl("div",{className:"k-tooltip-content",children:[i&&da("div",{className:"k-tooltip-title",children:i}),s]}),t&&da("div",{className:"k-tooltip-button",role:"button","aria-label":"Close",tabIndex:0,children:da(L,{icon:"x"})}),o&&da("div",{className:r("k-callout",{[`k-callout-${Mi.calloutMap[o]||o}`]:o})})]})};Se.states=Zf;Se.options=jf;Se.className=gi;Se.defaultOptions=sl;Se.moduleName=vi;Se.folderName=il;Se.ariaSpec={selector:".k-tooltip",implicitRole:"tooltip",rules:[{selector:".k-tooltip",attribute:"role=tooltip",usage:"Specifies the tooltip role of the tooltip container."},{selector:".k-tooltip",attribute:"id",usage:"The element needs an id to be associated with the aria-describedby attribute of the trigger element."},{selector:".k-tooltip .k-tooltip-button",attribute:"role=button",usage:"The close button needs an explicit button role."},{selector:".k-tooltip .k-tooltip-button",attribute:"aria-label",usage:"The close button needs an accessible name."}]};var ki=Se;import{jsx as eb}from"react/jsx-runtime";var ll=e=>eb(ki,{content:"Tooltip Content",...e});import{jsx as F6}from"react/jsx-runtime";import{jsx as Ni,jsxs as rb}from"react/jsx-runtime";var tb={...Se.options,closable:{type:"boolean"},callout:["none","top","bottom","left","right"]},ob=Se.states,pl={...Se.defaultOptions,callout:"top"},ab=[],Eo=e=>{let{callout:t="top",...o}={...pl,...e},a={none:{top:"-33px",left:"-17px",calloutDirection:null},right:{top:"2px",left:"61px",calloutDirection:"left"},left:{top:"2px",left:"-94px",calloutDirection:"right"},bottom:{top:"38px",left:"-17px",calloutDirection:"top"},top:{top:"-33px",left:"-17px",calloutDirection:"bottom"}},{top:i,left:s,calloutDirection:p}=a[t]||{};return rb("div",{style:{position:"absolute"},children:[Ni(Ke,{style:{top:i,left:s},children:Ni(ll,{style:{width:"86px",textAlign:"center"},callout:p,content:"Content",...o})}),Ni(d,{text:"Show"})]})};Eo.options=tb;Eo.states=ob;Eo.variants=ab;Eo.defaultOptions=pl;Eo.modifiers=[];Eo.className=Se.className;import{jsx as n}from"react/jsx-runtime";var Si=[n("div",{className:"k-spreadsheet-cell k-spreadsheet-merged-cell",style:{left:"1px",top:"1px",width:"878px",height:"69px",background:"rgb(96, 181, 255)",outline:"rgb(86, 163, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"30px",whiteSpace:"pre",overflowWrap:"normal"},children:n("div",{className:"k-vertical-align-center",children:"Invoice #52 - 06/23/2015"})}),n("div",{style:{background:"rgb(167, 214, 255)",outline:"rgb(150, 193, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"71px",width:"99px",height:"24px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"ID"})}),n("div",{style:{background:"rgb(167, 214, 255)",outline:"rgb(150, 193, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"71px",width:"214px",height:"24px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"Product"})}),n("div",{style:{background:"rgb(167, 214, 255)",outline:"rgb(150, 193, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"71px",width:"114px",height:"24px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"Quantity"})}),n("div",{style:{background:"rgb(167, 214, 255)",outline:"rgb(150, 193, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"71px",width:"114px",height:"24px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"Price"})}),n("div",{style:{background:"rgb(167, 214, 255)",outline:"rgb(150, 193, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"71px",width:"114px",height:"24px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"Tax"})}),n("div",{style:{background:"rgb(167, 214, 255)",outline:"rgb(150, 193, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"71px",width:"154px",height:"24px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"Amount"})}),n("div",{style:{background:"rgb(167, 214, 255)",outline:"rgb(150, 193, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"71px",width:"63px",height:"24px"},className:"k-spreadsheet-cell"}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"96px",width:"99px",height:"29px"},className:"k-spreadsheet-cell k-left k-single",children:n("div",{className:"k-vertical-align-center",children:"216321"})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"96px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"Calzone"})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"96px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"1"})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"96px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$12.39"})})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"96px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$2.48"})})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"96px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$14.87"})})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"96px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"126px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"546897"})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"126px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"Margarita"})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"126px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"2"})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"126px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$8.79"})})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"126px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$3.52"})})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"126px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$21.10"})})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"126px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"156px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"456231"})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"156px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"Pollo Formaggio"})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"156px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"1"})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"156px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$13.99"})})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"156px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$2.80"})})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"156px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$16.79"})})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"156px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"186px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"455873"})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"186px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"Greek Salad"})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"186px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"1"})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"186px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$9.49"})})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"186px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$1.90"})})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"186px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$11.39"})})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"186px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"216px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"456892"})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"216px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"Spinach and Blue Cheese"})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"216px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"3"})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"216px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$11.49"})})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"216px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$6.89"})})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"216px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$41.36"})})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"216px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"246px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"546564"})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"246px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"Rigoletto"})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"246px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"1"})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"246px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$10.99"})})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"246px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$2.20"})})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"246px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$13.19"})})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"246px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"276px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"789455"})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"276px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"Creme Brulee"})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"276px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"5"})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"276px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$6.99"})})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"276px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$6.99"})})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"276px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$41.94"})})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"276px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"306px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"123002"})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"306px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"Radeberger Beer"})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"306px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"4"})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"306px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$4.99"})})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"306px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$3.99"})})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"306px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$23.95"})})}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"306px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"336px",width:"99px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"564896"})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"left",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"336px",width:"214px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"Budweiser Beer"})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"336px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:"3"})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"336px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$4.49"})})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"336px",width:"114px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$2.69"})})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"right",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"336px",width:"154px",height:"29px"},className:"k-spreadsheet-cell",children:n("div",{className:"k-vertical-align-center",children:n("span",{children:"$16.16"})})}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"336px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"366px",width:"99px",height:"29px"},className:"k-spreadsheet-cell"}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"366px",width:"214px",height:"29px"},className:"k-spreadsheet-cell"}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"366px",width:"114px",height:"29px"},className:"k-spreadsheet-cell"}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"366px",width:"114px",height:"29px"},className:"k-spreadsheet-cell"}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"366px",width:"114px",height:"29px"},className:"k-spreadsheet-cell"}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"366px",width:"154px",height:"29px"},className:"k-spreadsheet-cell"}),n("div",{style:{background:"rgb(229, 243, 255)",outline:"rgb(206, 219, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"366px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"1px",top:"396px",width:"99px",height:"29px"},className:"k-spreadsheet-cell"}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"101px",top:"396px",width:"214px",height:"29px"},className:"k-spreadsheet-cell"}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"316px",top:"396px",width:"114px",height:"29px"},className:"k-spreadsheet-cell"}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"431px",top:"396px",width:"114px",height:"29px"},className:"k-spreadsheet-cell"}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"546px",top:"396px",width:"114px",height:"29px"},className:"k-spreadsheet-cell"}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"661px",top:"396px",width:"154px",height:"29px"},className:"k-spreadsheet-cell"}),n("div",{style:{background:"rgb(255, 255, 255)",outline:"rgb(230, 230, 230) solid 1px",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",whiteSpace:"pre",overflowWrap:"normal",left:"816px",top:"396px",width:"63px",height:"29px"},className:"k-spreadsheet-cell"})],dl=[n("div",{className:"k-spreadsheet-vaxis",style:{left:0,height:"405px"}}),n("div",{className:"k-spreadsheet-vaxis",style:{left:"100px",height:"405px"}}),n("div",{className:"k-spreadsheet-vaxis",style:{left:"315px",height:"405px"}}),n("div",{className:"k-spreadsheet-vaxis",style:{left:"430px",height:"405px"}}),n("div",{className:"k-spreadsheet-vaxis",style:{left:"545px",height:"405px"}}),n("div",{className:"k-spreadsheet-vaxis",style:{left:"660px",height:"405px"}}),n("div",{className:"k-spreadsheet-vaxis",style:{left:"815px",height:"405px"}}),n("div",{className:"k-spreadsheet-vaxis",style:{left:"879px",height:"405px"}}),n("div",{className:"k-spreadsheet-vaxis",style:{left:"943px",height:"405px"}}),n("div",{className:"k-spreadsheet-vaxis",style:{left:"1007px",height:"405px"}}),n("div",{className:"k-spreadsheet-vaxis",style:{left:"1071px",height:"405px"}}),n("div",{className:"k-spreadsheet-vaxis",style:{left:"1135px",height:"405px"}}),n("div",{className:"k-spreadsheet-vaxis",style:{left:"1199px",height:"405px"}}),n("div",{className:"k-spreadsheet-haxis",style:{top:"0px",width:"1199px"}}),n("div",{className:"k-spreadsheet-haxis",style:{top:"70px",width:"1199px"}}),n("div",{className:"k-spreadsheet-haxis",style:{top:"95px",width:"1199px"}}),n("div",{className:"k-spreadsheet-haxis",style:{top:"125px",width:"1199px"}}),n("div",{className:"k-spreadsheet-haxis",style:{top:"155px",width:"1199px"}}),n("div",{className:"k-spreadsheet-haxis",style:{top:"185px",width:"1199px"}}),n("div",{className:"k-spreadsheet-haxis",style:{top:"215px",width:"1199px"}}),n("div",{className:"k-spreadsheet-haxis",style:{top:"245px",width:"1199px"}}),n("div",{className:"k-spreadsheet-haxis",style:{top:"275px",width:"1199px"}}),n("div",{className:"k-spreadsheet-haxis",style:{top:"305px",width:"1199px"}}),n("div",{className:"k-spreadsheet-haxis",style:{top:"335px",width:"1199px"}}),n("div",{className:"k-spreadsheet-haxis",style:{top:"365px",width:"1199px"}}),n("div",{className:"k-spreadsheet-haxis",style:{top:"395px",width:"1199px"}}),n("div",{className:"k-spreadsheet-haxis",style:{top:"426px",width:"1199px"}}),n("div",{className:"k-spreadsheet-disabled-mask",style:{top:"1px",width:"878px",left:"1px",height:"69px"}})];import{jsx as G}from"react/jsx-runtime";var cl="k-spreadsheet-column-header",ib=[],nb={},ml={configureSelection:{A:"partial"}},Co=e=>{let{configureSelection:t=ml.configureSelection,...o}=e,a=[G("div",{style:{position:"absolute",left:"0px",width:"100px",height:"30px"},children:G("div",{className:"k-vertical-align-center",children:"A"})}),G("div",{style:{position:"absolute",left:"100px",width:"215px",height:"30px"},children:G("div",{className:"k-vertical-align-center",children:"B"})}),G("div",{style:{position:"absolute",left:"315px",width:"115px",height:"30px"},children:G("div",{className:"k-vertical-align-center",children:"C"})}),G("div",{style:{position:"absolute",left:"430px",width:"115px",height:"30px"},children:G("div",{className:"k-vertical-align-center",children:"D"})}),G("div",{style:{position:"absolute",left:"545px",width:"115px",height:"30px"},children:G("div",{className:"k-vertical-align-center",children:"E"})}),G("div",{style:{position:"absolute",left:"660px",width:"155px",height:"30px"},children:G("div",{className:"k-vertical-align-center",children:"F"})}),G("div",{style:{position:"absolute",left:"815px",width:"64px",height:"30px"},children:G("div",{className:"k-vertical-align-center",children:"G"})}),G("div",{style:{position:"absolute",left:"879px",width:"64px",height:"30px"},children:G("div",{className:"k-vertical-align-center",children:"H"})}),G("div",{style:{position:"absolute",left:"943px",width:"64px",height:"30px"},children:G("div",{className:"k-vertical-align-center",children:"I"})}),G("div",{style:{position:"absolute",left:"1007px",width:"64px",height:"30px"},children:G("div",{className:"k-vertical-align-center",children:"J"})}),G("div",{style:{position:"absolute",left:"1071px",width:"64px",height:"30px"},children:G("div",{className:"k-vertical-align-center",children:"K"})}),G("div",{style:{position:"absolute",left:"1135px",width:"64px",height:"30px"},children:G("div",{className:"k-vertical-align-center",children:"L"})})],s=t?((p,m)=>p.map((f,h)=>{let x=f.props.children.props.children;return G("div",{style:f.props.style,className:r({"k-selection-partial":m[x]==="partial","k-selection-full":m[x]==="full","k-selection-none":!m[x]}),children:f.props.children},h)}))(a,t):a;return G("div",{...o,className:r(cl,e.className),children:s})};Co.states=ib;Co.options=nb;Co.className=cl;Co.defaultOptions=ml;import{jsx as F}from"react/jsx-runtime";var ul="k-spreadsheet-row-header",sb=[],lb={},fl={configureSelection:{1:"partial"}},Oo=e=>{let{configureSelection:t=fl.configureSelection,...o}=e,a=[F("div",{style:{width:"30px",height:"70px"},children:F("div",{className:"k-vertical-align-center",children:"1"})}),F("div",{style:{width:"30px",height:"25px"},children:F("div",{className:"k-vertical-align-center",children:"2"})}),F("div",{style:{width:"30px",height:"30px"},children:F("div",{className:"k-vertical-align-center",children:"3"})}),F("div",{style:{width:"30px",height:"30px"},children:F("div",{className:"k-vertical-align-center",children:"4"})}),F("div",{style:{width:"30px",height:"30px"},children:F("div",{className:"k-vertical-align-center",children:"5"})}),F("div",{style:{width:"30px",height:"30px"},children:F("div",{className:"k-vertical-align-center",children:"6"})}),F("div",{style:{width:"30px",height:"30px"},children:F("div",{className:"k-vertical-align-center",children:"7"})}),F("div",{style:{width:"30px",height:"30px"},children:F("div",{className:"k-vertical-align-center",children:"8"})}),F("div",{style:{width:"30px",height:"30px"},children:F("div",{className:"k-vertical-align-center",children:"9"})}),F("div",{style:{width:"30px",height:"30px"},children:F("div",{className:"k-vertical-align-center",children:"10"})}),F("div",{style:{width:"30px",height:"30px"},children:F("div",{className:"k-vertical-align-center",children:"11"})}),F("div",{style:{width:"30px",height:"30px"},children:F("div",{className:"k-vertical-align-center",children:"12"})}),F("div",{style:{width:"30px",height:"30px"},children:F("div",{className:"k-vertical-align-center",children:"13"})})],s=t?((p,m)=>p.map((f,h)=>{let x=f.props.children.props.children;return F("div",{style:f.props.style,className:r({"k-selection-partial":m[x]==="partial","k-selection-full":m[x]==="full","k-selection-none":!m[x]}),children:f.props.children},h)}))(a,t):a;return F("div",{...o,className:r(ul,e.className),children:s})};Oo.states=sb;Oo.options=lb;Oo.className=ul;Oo.defaultOptions=fl;import*as hl from"react";import{jsx as bl}from"react/jsx-runtime";var xl="k-spreadsheet-data",pb=[],db={},cb={},Bo=e=>{let{activeCellIndex:t,...o}=e,i=t?((p,m)=>p.map((f,h)=>h===m?bl("div",{style:f.props.style,className:r(f.props.className,"k-spreadsheet-active-cell"),children:f.props.children},h):f))(Si,t):Si,s=[...dl,...i].map((p,m)=>p.key?p:hl.cloneElement(p,{key:m}));return bl("div",{...o,className:r(xl,e.className),children:s})};Bo.states=pb;Bo.options=db;Bo.className=xl;Bo.defaultOptions=cb;import{jsx as bb}from"react/jsx-runtime";var vl="k-spreadsheet-legacy",mb=[],ub={},fb={},Po=e=>{let{...t}=e;return bb("div",{...t,className:r(e.className,vl),children:e.children})};Po.states=mb;Po.options=ub;Po.className=vl;Po.defaultOptions=fb;Po.moduleName=_o;Po.folderName=ua;import{Fragment as hb,jsx as Ro,jsxs as xb}from"react/jsx-runtime";var gl=e=>Ro(Ae,{children:xb(hb,{children:[Ro(at,{}),Ro(je,{}),Ro(it,{selection:Ro("div",{className:"k-spreadsheet-selection k-single-selection",style:{width:"880px",height:"71px",top:"30px",left:"30px"}}),rowHeaderSelection:{1:"partial"},columnHeaderSelection:{A:"partial",B:"partial",C:"partial",D:"partial",E:"partial",F:"partial",G:"partial"},activeCellIndex:0}),Ro(rt,{})]}),...e});import{jsx as ca,jsxs as Lb}from"react/jsx-runtime";var vb={},gb=[],kb=[],Nb={},Sb=[],Ko=()=>Lb(gl,{style:{height:"415px",width:"80%"},children:[ca(at,{}),ca(je,{}),ca(it,{selection:ca("div",{className:"k-spreadsheet-selection k-single-selection",style:{width:"101px",height:"31px",top:"125px",left:"30px"}}),rowHeaderSelection:{3:"partial"},columnHeaderSelection:{A:"partial"},activeCellIndex:8}),ca(rt,{})]});Ko.options=vb;Ko.states=gb;Ko.variants=kb;Ko.defaultOptions=Nb;Ko.modifiers=Sb;Ko.className=Ae.className;import{jsx as ae,jsxs as Ua}from"react/jsx-runtime";var kl="k-spreadsheet-view",yb=[],Mb={},Ab={},it=e=>{let{selectionHighlight:t,rowHeaderSelection:o,columnHeaderSelection:a,cellEditor:i,activeCellIndex:s,selection:p,filter:m,...f}=e;return Ua("div",{...f,className:r(kl,e.className),children:[Ua("div",{className:"k-spreadsheet-fixed-container",children:[Ua("div",{style:{top:0,left:0,height:"100%",width:"100%"},className:"k-spreadsheet-pane k-top k-left",children:[ae(Bo,{activeCellIndex:s,style:{position:"relative",left:"30px",top:"30px"}}),ae("div",{className:"k-selection-wrapper",children:p}),ae("div",{className:"k-auto-fill-wrapper"}),ae("div",{className:"k-selection-wrapper",children:t}),ae("div",{className:"k-filter-wrapper",children:m}),ae(Oo,{configureSelection:o,style:{width:"30px",top:"30px"}}),ae(Co,{configureSelection:a,style:{top:"0px",left:"30px",width:"1199px",height:"30px"}})]}),i,ae("div",{style:{width:"30px",height:"30px"},className:"k-spreadsheet-top-corner"})]}),ae("div",{className:"k-spreadsheet-scroller",children:ae("div",{className:"k-spreadsheet-view-size",style:{height:"6080px",width:"3663px"}})}),ae("div",{className:"k-spreadsheet-clipboard",children:Ua("table",{style:{left:"0px",top:"0px",height:"30px",width:"100px"},className:"kendo-clipboard-eb8ea401-ab97-4190-8fb2-b3b83b299a9f",role:"presentation",children:[ae("colgroup",{children:ae("col",{style:{width:"100px"}})}),ae("tbody",{children:ae("tr",{style:{height:"30px"},children:ae("td",{style:{backgroundColor:"rgb(255, 255, 255)",color:"rgb(0, 62, 117)",fontFamily:"Arial",textAlign:"center",fontSize:"14px",borderColor:"rgb(255, 255, 255)"},children:"216321"})})})]})}),!i&&ae("div",{className:"k-spreadsheet-cell-editor k-spreadsheet-formula-input","data-role":"formulainput",style:{whiteSpace:"pre"},children:"216321"}),ae(Se,{content:"A1",style:{position:"absolute",display:"none"}}),ae("div",{className:"k-list-group-sticky-header",style:{display:"none"}}),ae("div",{className:"k-list-content k-list-scroller",unselectable:"on"})]})};it.states=yb;it.options=Mb;it.className=kl;it.defaultOptions=Ab;import{Fragment as wb,jsx as Do,jsxs as Ib}from"react/jsx-runtime";var r9=e=>Do(Ae,{children:Ib(wb,{children:[Do(at,{}),Do(je,{formulaExpanded:!0}),Do(it,{selection:Do("div",{className:"k-spreadsheet-selection k-single-selection",style:{width:"880px",height:"71px",top:"30px",left:"30px"}}),rowHeaderSelection:{1:"partial"},columnHeaderSelection:{A:"partial",B:"partial",C:"partial",D:"partial",E:"partial",F:"partial",G:"partial"},activeCellIndex:0}),Do(rt,{})]}),...e});export{r9 as SpreadsheetFormulaOpen};