@progress/kendo-themes-html/dist/esm/spreadsheet/templates/spreadsheet-formula-open.mjs

A collection of HTML helpers used for developing Kendo UI themes

var i=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?i(...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 M=(e,t)=>i({[`${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"}),I=(e,t)=>{let{valid:o,invalid:a,hover:r,focus:l,checked:p,active:m,selected:f,disabled:x,indeterminate:b,loading:g,empty:u,readonly:S,highlighted:N,...y}=t;return i({"k-valid":o,"k-invalid":a,"k-hover":r,"k-focus":l,"k-checked":p,"k-active":m,"k-selected":f,"k-disabled":x,"k-indeterminate":b&&!p,"k-loading":g,"k-empty":u,"k-readonly":S,"k-highlighted":N},Object.keys(y).reduce((w,A)=>(A.startsWith("k-")?w[A]=y[A]:w[`k-${A}`]=y[A],w),{}))};function Ei(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"},h={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},Ye={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},k={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},s={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"},Ci={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var Ya={};function R(e){return Ya[e]=(Ya[e]||0)+1,`k-${e}-${Ya[e]}`}var Ho="spreadsheet",fa=Ho;import{jsx as El}from"react/jsx-runtime";var Oi="k-spreadsheet",wl=[],Il={},Tl={},we=e=>{let{children:t,...o}=e;return El("div",{...o,className:i(Oi,e.className),role:"application",children:t})};we.states=wl;we.options=Il;we.className=Oi;we.defaultOptions=Tl;we.moduleName=Ho;we.folderName=fa;we.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 Pl,jsx as Bi}from"react/jsx-runtime";var Qa="k-font-icon",Cl=[],Ol={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]},Bl={},Fo=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:l,...p}=e;return a?Bi("span",{...p,className:i(e.className,Qa,M(Qa,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true"}):Bi(Pl,{})};Fo.states=Cl;Fo.options=Ol;Fo.className=Qa;Fo.defaultOptions=Bl;var Pi=Fo;import{Fragment as Dl,jsx as ba}from"react/jsx-runtime";var Za="k-svg-icon",Rl=[],Kl={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],variant:[Ye.outline,Ye.solid,Ye.duotone]},ja={viewBox:"0 0 24 24",variant:Ye.outline},Uo=e=>{let{size:t,themeColor:o,rotate:a,flip:r,viewBox:l=ja.viewBox,variant:p=ja.variant,icon:m,...f}=e;if(!m)return ba(Dl,{});if(m==="none")return ba("span",{...f,className:i(e.className,Za,M("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let x=typeof m=="object"&&m.name&&m.name,b=typeof m=="object"?p&&m.variants?.[p]||m.variants?.outline||m.content:void 0;return ba("span",{...f,className:i(e.className,Za,M("k-icon",{size:t}),{[`k-svg-i-${x}`]:x,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true",children:ba("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:l,dangerouslySetInnerHTML:b!==void 0?{__html:b}:void 0,children:m?void 0:e.children})})};Uo.states=Rl;Uo.options=Kl;Uo.className=Za;Uo.defaultOptions=ja;var er=Uo;import*as tr from"@progress/kendo-svg-icons";var Ri="icon",Ki="icons";import{useContext as zl}from"react";import{createContext as _l}from"react";var Di=_l({iconsType:"svg"});import{Fragment as _i,jsx as Go}from"react/jsx-runtime";var ha="k-icon",Hl=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Fl=[],Ul={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],variant:[Ye.outline,Ye.solid,Ye.duotone]},xa={viewBox:"0 0 24 24",type:"svg",variant:Ye.outline},L=e=>{let{iconsType:t}=zl(Di),{size:o,themeColor:a,icon:r,type:l=t||xa.type,rotate:p,flip:m,viewBox:f=xa.viewBox,variant:x=xa.variant,...b}=e;if(!r)return Go(_i,{});if((t||l)==="svg"){if(r==="none")return Go(er,{...b,className:i(e.className,ha),icon:r,size:o,variant:x});let u=tr[r]?r:Hl(`${r}-icon`);return tr[u]?Go(er,{...b,className:i(e.className,ha),icon:tr[u],size:o,themeColor:a,rotate:p,flip:m,viewBox:f,variant:x}):Go(_i,{})}return Go(Pi,{...b,className:i(e.className,ha),icon:r,size:o,themeColor:a,rotate:p,flip:m})};L.states=Fl;L.options=Ul;L.defaultOptions=xa;L.className=ha;L.moduleName=Ri;L.folderName=Ki;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 or="button",zi=or;import{Fragment as Hi,jsx as Xt,jsxs as Fi}from"react/jsx-runtime";var $o="k-button",Gl=["icon-button"],$l=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],Vl={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:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info,k.inverse]},ar={showArrow:!1,arrowIconName:"chevron-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:r,themeColor:l,showArrow:p=ar.showArrow,arrowIconName:m=ar.arrowIconName,variant:f,hover:x,focus:b,active:g,selected:u,disabled:S,togglable:N,ariaDisabled:y,icon:w,iconSize:A,text:P,iconClassName:Z,className:de,...ue}=e,fe=w!=null,be=e.children!==void 0;return Fi(t,{className:i(de,$o,Ei($o,f),M($o,{size:o,rounded:a,fillMode:r,themeColor:l}),I($o,{hover:x,focus:b,active:g,disabled:S||y,selected:u}),{"k-icon-button":!P&&!be&&fe}),"aria-pressed":N?u?"true":"false":void 0,...ue,"aria-disabled":y?"true":void 0,disabled:S||void 0,children:[typeof w=="string"&&w&&Xt(L,{className:i(Z,"k-button-icon"),icon:w,size:A}),w&&typeof w!="string"&&Xt(Hi,{children:w}),P?Fi(Hi,{children:[P&&Xt("span",{className:"k-button-text",children:P}),e.children]}):e.children&&Xt("span",{className:"k-button-text",children:e.children}),p&&Xt("span",{className:"k-menu-button-arrow k-button-arrow",children:Xt(L,{icon:m})})]})};d.states=$l;d.options=Vl;d.variants=Gl;d.className=$o;d.defaultOptions=ar;d.moduleName=or;d.folderName=zi;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 Vo="input",va=Vo;import{jsx as ql}from"react/jsx-runtime";var ga="k-input",Wl=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.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:[h.undefined,h.solid,h.flat,h.outline]},Jl={},j=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:l,loading:p,readonly:m,size:f,rounded:x,fillMode:b,...g}=e;return ql("span",{...g,className:i(e.className,ga,M(ga,{size:f,rounded:x,fillMode:b}),I(ga,{hover:t,focus:o,disabled:a,invalid:r,valid:l,loading:p,readonly:m}))})};j.states=Wl;j.options=Xl;j.className=ga;j.defaultOptions=Jl;j.moduleName=Vo;j.folderName=va;import{jsx as jl}from"react/jsx-runtime";var ka="k-picker",Yl=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Ql={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Zl={},Qe=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:l,loading:p,readonly:m,size:f,rounded:x,fillMode:b,...g}=e;return jl("span",{...g,className:i(e.className,ka,M(ka,{size:f,rounded:x,fillMode:b}),I(ka,{hover:t,focus:o,disabled:a,invalid:r,valid:l,loading:p,readonly:m})),children:e.children})};Qe.states=Yl;Qe.options=Ql;Qe.className=ka;Qe.defaultOptions=Zl;Qe.moduleName=Vo;Qe.folderName=va;import{Fragment as op,jsx as rr}from"react/jsx-runtime";var Ui="k-clear-value",ep=[s.disabled,s.loading,s.readonly],tp={},Ie=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t||a||o||!r?rr(op,{}):rr("span",{className:i(e.className,Ui),children:rr(L,{icon:"x"})})};Ie.states=ep;Ie.options=tp;Ie.className=Ui;import{jsx as ip}from"react/jsx-runtime";var ir="k-input-inner",ap=[],rp={},Na={type:"text",autocomplete:"off",value:"",placeholder:""},Te=e=>{let{value:t=Na.value,type:o=Na.type,placeholder:a=Na.placeholder,autocomplete:r=Na.autocomplete,disabled:l,readOnly:p,...m}=e;return ip("input",{...m,type:o,className:i(e.className,ir,M(ir,e)),placeholder:a,autoComplete:r,defaultValue:t,disabled:l||void 0,readOnly:p||void 0})};Te.states=ap;Te.options=rp;Te.className=ir;import{jsx as Gi,jsxs as lp}from"react/jsx-runtime";var nr="k-input-inner",np=[],sp={},Bt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:l,...p}=e;return lp("span",{...p,className:i(e.className,nr,M(nr,e)),children:[r,!r&&l&&Gi(L,{className:"k-input-value-icon",icon:l}),a&&!t&&o,a&&t&&Gi("span",{className:"k-input-value-text",children:t})]})};Bt.states=np;Bt.options=sp;Bt.className=nr;import{jsx as cp}from"react/jsx-runtime";var sr="k-input-inner",pp=[],dp={},$i={value:"",placeholder:""},lr=e=>{let{value:t=$i.value,placeholder:o=$i.placeholder,rows:a,disabled:r,...l}=e;return cp("textarea",{...l,className:i(e.className,sr,M(sr,e)),placeholder:o,rows:a,defaultValue:t,disabled:r||void 0})};lr.states=pp;lr.options=dp;lr.className=sr;import{Fragment as up,jsx as Vi}from"react/jsx-runtime";var Wi="k-input-loading-icon",mp=[s.disabled,s.loading],ye=e=>{let{disabled:t,loading:o}=e;return t||!o?Vi(up,{}):Vi("span",{className:i(e.className,Wi,"k-icon k-i-loading")})};ye.states=mp;ye.className=Wi;import{Fragment as hp,jsx as Xi}from"react/jsx-runtime";var Ji="k-input-validation-icon",fp=[s.valid,s.invalid,s.disabled,s.loading],bp={},he=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,l=o?"warning-circle":"check-circle";return a||r||!!!(t||o)?Xi(hp,{}):Xi(L,{className:i(Ji),icon:l})};he.states=fp;he.options=bp;he.className=Ji;import{Fragment as gp,jsx as qi}from"react/jsx-runtime";var xp="k-input-prefix",vp={direction:"horizontal"},Pe=e=>{let{direction:t=vp.direction,...o}=e;return e.children?qi("span",{...o,className:i(xp,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):qi(gp,{})};import{Fragment as Sp,jsx as Yi}from"react/jsx-runtime";var kp="k-input-suffix",Np={direction:"horizontal"},Re=e=>{let{direction:t=Np.direction,...o}=e;return e.children?Yi("span",{...o,className:i(kp,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Yi(Sp,{})};import{jsx as px}from"react/jsx-runtime";import{jsx as yp}from"react/jsx-runtime";var Lp="k-input-suffix-text",pr=e=>{let{children:t,...o}=e;return yp("span",{...o,className:i(Lp,e.className),children:t})};import{jsx as Ap}from"react/jsx-runtime";var Qi="k-input-separator",Mp={direction:"vertical"},Ke=e=>{let{direction:t=Mp.direction,...o}=e;return Ap("span",{...o,className:i(Qi,e.className,{[`${Qi}-${t}`]:t})})};import{jsx as wp}from"react/jsx-runtime";var Pt=e=>wp(d,{children:"Button",...e});import{Fragment as Zi,jsx as Ze,jsxs as dr}from"react/jsx-runtime";var Ip=j.states,Tp=j.defaultOptions,Ep=j.options,Cp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Op=[],Jt=e=>{let{modifiers:t,valid:o,invalid:a,loading:r,disabled:l,readonly:p,...m}=e,f=t?.prefix,x=t?.suffix,b=t?.["clear-button"],g=t?.["validation-icon"],u=t?.separators;return dr(j,{...m,valid:o,invalid:a,loading:r,disabled:l,readonly:p,style:{width:300},children:[f&&dr(Zi,{children:[Ze(Pe,{children:Ze(L,{icon:"lock"})}),u&&Ze(Ke,{})]}),Ze(Te,{placeholder:"Placeholder",value:"Value"}),g&&Ze(he,{valid:o,invalid:a,loading:r,disabled:l}),Ze(ye,{loading:r,disabled:l}),b&&Ze(Ie,{loading:r,disabled:l,readonly:p,value:"Value"}),x&&dr(Zi,{children:[u&&Ze(Ke,{}),Ze(Re,{children:Ze(Pt,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};Jt.options=Ep;Jt.states=Ip;Jt.variants=Op;Jt.defaultOptions=Tp;Jt.modifiers=Cp;Jt.className=j.className;import{jsx as Bp}from"react/jsx-runtime";var vt=e=>Bp(d,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Pp}from"react/jsx-runtime";var Wo=e=>Pp(d,{icon:"folder",children:"Button",...e});import{jsx as cr}from"react/jsx-runtime";var Rp=d.options,Kp=d.states,Dp={...d.defaultOptions,variant:"text"},_p=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],zp=[],qt=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return cr(vt,{...o,icon:"star"});case"icon-and-text":return cr(Wo,{...o,icon:"star",children:"Button"});default:return cr(Pt,{...o,children:"Button"})}};qt.options=Rp;qt.states=Kp;qt.variants=_p;qt.defaultOptions=Dp;qt.modifiers=zp;qt.className=d.className;var mr="popup",ji=mr;import{jsx as en}from"react/jsx-runtime";var tn="k-animation-container",Hp=[],Fp={},ur={positionMode:"absolute",shown:!0},De=e=>{let{positionMode:t=ur.positionMode,shown:o=ur.shown,animationStyle:a,offset:r,...l}=e;return en("div",{...l,style:{...r,...e.style},className:i(e.className,tn,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:en("div",{className:"k-child-animation-container",style:a,children:e.children})})};De.states=Hp;De.options=Fp;De.className=tn;De.defaultOptions=ur;De.moduleName=mr;De.folderName=ji;var fr="popup",on=fr;import{jsx as an}from"react/jsx-runtime";var rn="k-popup",Up=[],Gp={},nn={positionMode:"absolute"},X=e=>{let{offset:t,positionMode:o=nn.positionMode,animationStyle:a,containerClassName:r,containerRole:l,containerAriaLabel:p,...m}=e;return an(De,{positionMode:o,offset:t,animationStyle:a,className:r,role:l,"aria-label":p,children:an("div",{...m,className:i(e.className,rn),children:e.children})})};X.states=Up;X.options=Gp;X.className=rn;X.defaultOptions=nn;X.moduleName=fr;X.folderName=on;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 br="action-buttons",sn=br;import{jsx as Wp}from"react/jsx-runtime";var Sa="k-actions",$p=[],Vp={},hr={alignment:"start",orientation:"horizontal"},je=e=>{let{alignment:t=hr.alignment,orientation:o=hr.orientation,...a}=e;return Wp("div",{...a,className:i(Sa,{[`${Sa}-${t}`]:t,[`${Sa}-${o}`]:o},e.className),children:e.children})};je.states=$p;je.options=Vp;je.className=Sa;je.defaultOptions=hr;je.moduleName=br;je.folderName=sn;import{jsx as Jp}from"react/jsx-runtime";var Xp="k-actionsheet-footer",ln={alignment:"stretched",orientation:"horizontal"},gt=e=>{let{alignment:t=ln.alignment,orientation:o=ln.orientation,template:a,as:r=a?"div":je,...l}=e;return Jp(r,{...l,...!a&&{alignment:t,orientation:o},className:i(e.className,Xp),children:e.children})};var xr="searchbox",pn=xr;import{jsx as Xo,jsxs as Qp}from"react/jsx-runtime";var dn="k-searchbox",qp=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],Yp={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},vr={showIcon:!0,icon:"search"},_e=e=>{let{value:t,placeholder:o,size:a,rounded:r,fillMode:l,hover:p,focus:m,valid:f,invalid:x,required:b,loading:g,disabled:u,showIcon:S=vr.showIcon,icon:N=vr.icon,"aria-label":y,...w}=e;return Qp(j,{...w,size:a,rounded:r,fillMode:l,hover:p,focus:m,valid:f,invalid:x,required:b,loading:g,disabled:u,className:i(e.className,dn),children:[S&&Xo(L,{className:"k-input-icon",icon:N}),Xo(Te,{placeholder:o,value:t,"aria-label":y}),Xo(ye,{...e}),Xo(he,{...e}),Xo(Ie,{...e})]})};_e.states=qp;_e.options=Yp;_e.className=dn;_e.defaultOptions=vr;_e.moduleName=xr;_e.folderName=pn;import{jsx as Yv}from"react/jsx-runtime";var gr="textbox",cn=gr;import{Fragment as mn,jsx as kt,jsxs as kr}from"react/jsx-runtime";var un="k-textbox",Zp=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],jp={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},La={showClearButton:!0,showValidationIcon:!0,separators:!0},le=e=>{let{size:t,rounded:o,fillMode:a,separators:r=La.separators,showClearButton:l=La.showClearButton,showValidationIcon:p=La.showValidationIcon,prefix:m,suffix:f,type:x,value:b,placeholder:g,hover:u,focus:S,valid:N,invalid:y,required:w,loading:A,disabled:P,readonly:Z,id:de,"aria-label":ue,"aria-describedby":fe,...be}=e;return kr(j,{...be,size:t,rounded:o,fillMode:a,hover:u,focus:S,valid:N,invalid:y,required:w,loading:A,disabled:P,readonly:Z,className:i(e.className,un),children:[m&&kr(mn,{children:[kt(Pe,{children:m}),r&&kt(Ke,{})]}),kt(Te,{id:de,placeholder:g,value:b,type:x,disabled:P,"aria-label":ue,"aria-describedby":fe,"aria-invalid":y?"true":void 0}),p&&kt(he,{valid:N,invalid:y,loading:A,disabled:P}),kt(ye,{loading:A,disabled:P}),l&&kt(Ie,{loading:A,disabled:P,readonly:Z,value:b}),f&&kr(mn,{children:[r&&kt(Ke,{}),kt(Re,{children:f})]})]})};le.states=Zp;le.options=jp;le.className=un;le.defaultOptions=La;le.moduleName=gr;le.folderName=cn;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 Jo=le;import{jsx as ed}from"react/jsx-runtime";var fn=e=>ed(Jo,{...e});import{Fragment as fg,jsx as ug}from"react/jsx-runtime";import{Fragment as kg,jsx as gg}from"react/jsx-runtime";import{jsx as yg}from"react/jsx-runtime";import{jsx as Nr}from"react/jsx-runtime";var td=le.states,od=le.defaultOptions,ad=le.options,rd=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],id=[],Yt=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?Nr(L,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[r]?Nr(Pt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[r];break;default:break}}),Nr(fn,{value:"Value",style:{width:300},...o,...a})};Yt.options=ad;Yt.states=td;Yt.variants=id;Yt.defaultOptions=od;Yt.modifiers=rd;Yt.className=le.className;import{jsx as Nt,jsxs as Sr}from"react/jsx-runtime";var bn="k-actionsheet-titlebar",nd={},xe=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:r,filter:l,input:p,inputValue:m,inputPlaceholder:f,adaptive:x,titleId:b,children:g,...u}=e;return Sr("div",{...u,className:i(e.className,bn),children:[Sr("div",{className:"k-actionsheet-titlebar-group",children:[a&&Nt("div",{className:"k-actionsheet-actions",children:a}),!g&&Sr("div",{className:"k-actionsheet-title",id:b,children:[t&&Nt("div",{className:"k-text-center",children:t}),o&&Nt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),g&&Nt("div",{className:"k-actionsheet-title",id:b,children:g}),r&&Nt("div",{className:"k-actionsheet-actions",children:r})]}),(p||l)&&Nt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?Nt(le,{value:m,placeholder:f,size:x?"large":"medium","aria-label":t||f||"Input"}):Nt(_e,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};xe.className=bn;xe.defaultOptions=nd;import{jsx as Lr,jsxs as dd}from"react/jsx-runtime";var yr="k-actionsheet-view",sd=[],ld={},pd={},Qt=e=>{let{adaptive:t,animated:o,children:a,header:r,footer:l,titleId:p,...m}=e,f=r?.type===xe&&Lr(xe,{adaptive:t,titleId:p,...r?.props}),x=l?.type===gt&&Lr(gt,{...l?.props});return dd("div",{...m,className:i(e.className,yr,{[`${yr}-animated`]:o}),children:[f,Lr("div",{className:"k-actionsheet-content",children:a}),x]})};Qt.states=sd;Qt.options=ld;Qt.className=yr;Qt.defaultOptions=pd;var qo="action-sheet",ya=qo;var Mr="overlay",hn=Mr;import{jsx as fd}from"react/jsx-runtime";var xn="k-overlay",cd=[],md={},ud={},St=e=>{let{...t}=e;return fd("div",{...t,className:i(e.className,xn),children:e.children})};St.states=cd;St.options=md;St.className=xn;St.defaultOptions=ud;St.moduleName=Mr;St.folderName=hn;import{jsx as Ma,jsxs as xd}from"react/jsx-runtime";var vn="k-actionsheet",bd=[],hd={},Yo={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Y=e=>{let{side:t=Yo.side,fullscreen:o=Yo.fullscreen,adaptive:a=Yo.adaptive,overlay:r=Yo.overlay,template:l,children:p,header:m,footer:f,id:x,...b}=e,g=x&&!l&&m?`${x}-title`:void 0;return xd("div",{className:"k-actionsheet-container",children:[r&&Ma(St,{}),Ma(De,{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:Ma("div",{...b,id:x,role:"dialog","aria-modal":r?"true":void 0,"aria-labelledby":g,className:i(e.className,vn,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:l||Ma(Qt,{header:m,footer:f,adaptive:a,titleId:g,...e,children:p})})})]})};Y.states=bd;Y.options=hd;Y.className=vn;Y.defaultOptions=Yo;Y.moduleName=qo;Y.folderName=ya;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 Nd}from"react/jsx-runtime";var gn="k-actionsheet-container",vd=[],gd={},kd={},Zt=e=>{let{children:t,...o}=e;return Nd("div",{...o,className:gn,children:t})};Zt.states=vd;Zt.options=gd;Zt.className=gn;Zt.defaultOptions=kd;Zt.moduleName=qo;Zt.folderName=ya;import{jsx as Sd}from"react/jsx-runtime";var Ar=e=>{let{...t}=e;return Sd("div",{...t,className:i(e.className,"k-list-ul"),children:e.children})};import{Fragment as yd,jsx as Qo,jsxs as wr}from"react/jsx-runtime";var Ir="k-actionsheet-item",Ld=[s.hover,s.focus,s.selected,s.disabled],Lt=e=>{let{iconName:t,text:o,description:a,hover:r,focus:l,selected:p,disabled:m,...f}=e;return wr("span",{...f,className:i(e.className,Ir,I(Ir,{hover:r,focus:l,selected:p,disabled:m})),children:[!e.children&&Qo(yd,{children:wr("span",{className:"k-actionsheet-action",children:[t&&Qo("span",{className:"k-icon-wrap",children:Qo(L,{className:"k-actionsheet-item-icon",icon:t})}),wr("span",{className:"k-actionsheet-item-text",children:[o&&Qo("span",{className:"k-actionsheet-item-title",children:o}),a&&Qo("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Lt.states=Ld;Lt.className=Ir;import{jsx as Lk,jsxs as yk}from"react/jsx-runtime";import{jsx as Ik}from"react/jsx-runtime";import{jsx as Ok}from"react/jsx-runtime";import{jsx as Kk}from"react/jsx-runtime";import{jsx as pe,jsxs as Tr}from"react/jsx-runtime";var Md=Y.options,Ad=Y.states,Nn={...Y.defaultOptions,variant:"normal"},wd=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Id=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],jt=e=>{let{variant:t,modifiers:o,...a}={...Nn,...e},r={},l=Tr(Ar,{children:[pe(Lt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),pe(Lt,{text:"Add to Favorites",iconName:"heart"}),pe(Lt,{text:"Upload New",iconName:"upload",disabled:!0}),pe("hr",{className:"k-hr"}),pe(Lt,{text:"Cancel",iconName:"cancel"})]}),p="Choose from the items below",m="Select Item";return t==="fullScreen"&&(r.fullScreen=!0),Object.keys(o||{}).forEach(f=>{switch(f){case"actions":r.actionsStart=!!o?.[f],r.actionsEnd=!!o?.[f];break;case"subtitle":r.subtitle=o?.[f]?p:void 0;break;case"footer":r.footer=!!o?.[f];break;default:break}}),t==="adaptive"?pe(Y,{...a,adaptive:!0,fullscreen:r.fullScreen,header:pe(xe,{actionsStart:r.actionsStart?pe(d,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?pe(d,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:r.subtitle}),footer:r.footer?Tr(gt,{alignment:"stretched",children:[pe(d,{text:"Cancel",size:"large",themeColor:"base"}),pe(d,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:l}):pe(Y,{...a,fullscreen:r.fullScreen,header:pe(xe,{actionsStart:r.actionsStart?pe(d,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:r.actionsEnd?pe(d,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:r.subtitle}),footer:r.footer?Tr(gt,{alignment:"stretched",children:[pe(d,{text:"Apply",themeColor:"primary"}),pe(d,{text:"Cancel",themeColor:"base"})]}):void 0,children:l})};jt.options=Md;jt.states=Ad;jt.variants=wd;jt.defaultOptions=Nn;jt.modifiers=Id;jt.className=Y.className;import Cr from"react";import{jsx as Sn}from"react/jsx-runtime";var Td="k-list-group-sticky-header",Er=e=>Sn("div",{className:i(Td,e.className),children:Sn("div",{className:"k-list-header-text",children:e.children})});import{jsx as Cd}from"react/jsx-runtime";var Ed="k-no-data",Aa=e=>{let{live:t,...o}=e;return Cd("span",{...o,className:i(Ed,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Rt="list",eo=Rt;import{jsx as Ln,jsxs as yn}from"react/jsx-runtime";var Or="k-list",Od=[],Bd={size:[c.undefined,c.small,c.medium,c.large]},Pd={},_=e=>{let{size:t,virtualization:o,children:a,header:r,selectAll:l,optionLabel:p,customValue:m,noData:f,screenReaders:x,...b}=e,u=Cr.Children.toArray(a)[0],S=u?.props?.children?Cr.Children.count(u.props.children):Cr.Children.count(a);return yn("div",{...b,className:i(e.className,Or,M(Or,{size:t}),{"k-virtual-list":o}),children:[p,l,m,r&&Ln(Er,{children:r}),a||(f!==void 0?f:Ln(Aa,{live:!0,children:"No data found."})),x&&a&&yn(Aa,{className:"k-sr-only",live:!0,children:[S," items found."]})]})};_.states=Od;_.options=Bd;_.className=Or;_.defaultOptions=Pd;_.moduleName=Rt;_.folderName=eo;_.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 _d}from"react/jsx-runtime";var Mn="k-list-container",Rd=[],Kd={},Dd={},to=e=>{let{...t}=e;return _d("div",{...t,className:i(e.className,Mn),children:e.children})};to.states=Rd;to.options=Kd;to.className=Mn;to.defaultOptions=Dd;to.moduleName=Rt;to.folderName=eo;var Kt="checkbox",oo=Kt;import{jsx as An}from"react/jsx-runtime";var wa="k-checkbox",zd=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],Hd={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full]},Fd={},Me=e=>{let{id:t,checked:o,indeterminate:a,hover:r,focus:l,disabled:p,invalid:m,valid:f,required:x,size:b,rounded:g,wrapperRole:u,...S}=e;return An("span",{className:"k-checkbox-wrap",role:u,children:An("input",{...S,id:t,type:"checkbox",defaultChecked:o,required:x,disabled:p||void 0,"aria-invalid":m?"true":void 0,className:i(e.className,wa,M(wa,{size:b,rounded:g}),I(wa,{hover:r,focus:l,disabled:p,invalid:m,valid:f,indeterminate:a,checked:o}))})})};Me.states=zd;Me.options=Hd;Me.className=wa;Me.defaultOptions=Fd;Me.moduleName=Kt;Me.folderName=oo;Me.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=Me;import{jsx as $d}from"react/jsx-runtime";var wn="k-checkbox-list",Ud=[],Gd={},In={layout:"vertical"},ve=e=>{let{layout:t=In.layout,...o}=e;return $d("ul",{...o,className:i(e.className,wn,{[`k-list-${t}`]:t}),children:e.children})};ve.states=Ud;ve.options=Gd;ve.className=wn;ve.defaultOptions=In;ve.moduleName=Kt;ve.folderName=oo;import{jsx as Jd}from"react/jsx-runtime";var Tn="k-checkbox-list-item",Vd=[],Wd={},Xd={},ge=e=>{let{...t}=e;return Jd("li",{...t,className:i(e.className,Tn),children:e.children})};ge.states=Vd;ge.options=Wd;ge.className=Tn;ge.defaultOptions=Xd;ge.moduleName=Kt;ge.folderName=oo;import{Fragment as qd,jsx as En,jsxs as Yd}from"react/jsx-runtime";var st=({children:e="Label",id:t="cb-label-after",...o})=>Yd(qd,{children:[En(Xe,{id:t,...o}),En("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as VN,jsx as $N,jsxs as WN}from"react/jsx-runtime";import{Fragment as QN,jsx as YN,jsxs as ZN}from"react/jsx-runtime";import{Fragment as aS,jsx as oS,jsxs as rS}from"react/jsx-runtime";import{jsx as lS}from"react/jsx-runtime";import{jsx as mS}from"react/jsx-runtime";import{jsx as hS}from"react/jsx-runtime";import{jsx as ze,jsxs as Cn}from"react/jsx-runtime";var Qd=ve.options,Zd=ve.states,jd={...ve.defaultOptions,variant:"vertical"},ec=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],tc=[],ao=e=>{let{variant:t,...o}=e;return t==="horizontal"?Cn(ve,{layout:"horizontal",...o,children:[ze(ge,{children:ze(st,{id:R("cb"),defaultChecked:!0,children:"Label"})}),ze(ge,{children:ze(st,{id:R("cb"),children:"Label"})}),ze(ge,{children:ze(st,{id:R("cb"),children:"Label"})})]}):Cn(ve,{...o,children:[ze(ge,{children:ze(st,{id:R("cb"),defaultChecked:!0,children:"Label"})}),ze(ge,{children:ze(st,{id:R("cb"),children:"Label"})}),ze(ge,{children:ze(st,{id:R("cb"),children:"Label"})})]})};ao.options=Qd;ao.states=Zd;ao.variants=ec;ao.defaultOptions=jd;ao.modifiers=tc;ao.className=ve.className;import{jsx as sc}from"react/jsx-runtime";var oc=Xe.options,ac=Xe.states,rc=Xe.defaultOptions,ic=[],nc=[],ro=e=>sc(st,{id:R("checkbox"),...e,defaultChecked:!0,children:"Label"});ro.options=oc;ro.states=ac;ro.variants=ic;ro.defaultOptions=rc;ro.modifiers=nc;ro.className=Xe.className;import{jsx as Dt,jsxs as cc}from"react/jsx-runtime";var Br="k-list-item",lc=[s.hover,s.focus,s.selected,s.disabled],pc={},dc={},O=e=>{let{text:t,groupLabel:o,group:a,iconName:r,iconClassName:l,showCheckbox:p,checked:m,hover:f,focus:x,selected:b,disabled:g,actions:u,description:S,id:N,...y}=e,w=t||e.children;return cc("li",{...y,id:N,role:a?"presentation":"option",tabIndex:a?void 0:x?0:-1,"aria-selected":!a&&b?"true":a?void 0:"false","aria-disabled":!a&&g?"true":void 0,className:i(e.className,a?"k-list-group-item":Br,I(Br,{hover:f,focus:x,disabled:g,selected:b})),children:[p&&Dt(Me,{checked:m}),r&&Dt("span",{className:"k-list-item-icon-wrapper",children:Dt(L,{icon:r,className:i("k-list-item-icon",l)})}),Dt("span",{className:"k-list-item-text",children:w}),u&&Dt("div",{className:"k-list-item-actions",children:u}),S&&Dt("span",{className:"k-list-item-description",children:S}),o&&o!==""&&Dt("div",{className:"k-list-item-group-label",children:o})]})};O.states=lc;O.options=pc;O.className=Br;O.defaultOptions=dc;O.moduleName=Rt;O.folderName=eo;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 uc}from"react/jsx-runtime";var mc="k-list-ul",lt=e=>{let{children:t,role:o,id:a,...r}=e;return uc("ul",{...r,id:a,role:o,className:i(mc,e.className),children:t})};lt.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 Pr,jsxs as bc}from"react/jsx-runtime";var fc="k-list-content",U=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":r,listboxId:l,...p}=e;return bc("div",{...p,className:i(fc,e.className),role:o?"listbox":void 0,id:o?l:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?r:void 0,children:[o?e.children:Pr(lt,{role:"listbox",id:l,"aria-label":a,"aria-labelledby":r,children:e.children}),t&&Pr("div",{className:"k-height-container",children:Pr("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{jsx as Rr,jsxs as gc}from"react/jsx-runtime";var Ia="k-list-sticky-header",hc=[s.hover,s.focus,s.selected],xc={},vc={},Ta=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:r,hover:l,focus:p,selected:m,...f}=e;return Rr("div",{...f,className:i(Ia,e.className),children:gc("div",{className:i(`${Ia}-item`,I(`${Ia}-item`,{hover:l,focus:p,selected:m})),children:[o&&Rr(Me,{checked:a,indeterminate:r,"aria-label":t}),Rr("span",{className:"k-list-item-text",children:t})]})})};Ta.states=hc;Ta.options=xc;Ta.className=Ia;Ta.defaultOptions=vc;import{Fragment as dL,jsx as pL,jsxs as cL}from"react/jsx-runtime";import{jsx as Kr,jsxs as Nc}from"react/jsx-runtime";var kc="k-list-group-item",_t=e=>{let{groupIconName:t,...o}=e;return Nc("li",{...o,role:"presentation",className:i(kc,e.className),children:[t&&Kr("span",{className:"k-list-item-icon-wrapper",children:Kr(L,{icon:t,className:"k-list-item-icon"})}),Kr("span",{className:"k-list-item-text",children:e.children})]})};_t.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 Mc}from"react/jsx-runtime";var Dr="k-list-optionlabel",Sc=[s.hover,s.focus,s.selected,s.disabled],Lc={},yc={},Ea=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:l,...p}=e;return Mc("div",{...p,className:i(Dr,I(Dr,{hover:o,focus:a,selected:r,disabled:l})),children:t})};Ea.states=Sc;Ea.options=Lc;Ea.className=Dr;Ea.defaultOptions=yc;import{jsx as Tc}from"react/jsx-runtime";var _r="k-list-custom-value",Ac=[s.hover,s.focus,s.selected,s.disabled],wc={},Ic={},yt=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:l,...p}=e;return Tc("div",{...p,className:i(_r,I(_r,{hover:o,focus:a,selected:r,disabled:l})),children:t})};yt.states=Ac;yt.options=wc;yt.className=_r;yt.defaultOptions=Ic;import{Fragment as wL,jsx as AL,jsxs as IL}from"react/jsx-runtime";import{Fragment as PL,jsx as BL,jsxs as RL}from"react/jsx-runtime";import{Fragment as UL,jsx as HL,jsxs as FL}from"react/jsx-runtime";import{Fragment as qL,jsx as XL,jsxs as JL}from"react/jsx-runtime";import{jsx as jL}from"react/jsx-runtime";import{Fragment as iy,jsx as ry,jsxs as ny}from"react/jsx-runtime";var zr="combobox",On=zr;import{Fragment as Hr,jsx as re,jsxs as Zo}from"react/jsx-runtime";var Bn="k-combobox",Ec=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Cc={size:[c.undefined,c.small,c.medium,c.large],rounded:[v.undefined,v.none,v.small,v.medium,v.large,v.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Pn={separators:!0},ne=e=>{let{size:t,rounded:o,fillMode:a,separators:r=Pn.separators,prefix:l,suffix:p,value:m,placeholder:f,hover:x,focus:b,valid:g,invalid:u,required:S,loading:N,disabled:y,popup:w,opened:A,readonly:P,adaptive:Z,adaptiveSettings:de,adaptiveTitle:ue,adaptiveSubtitle:fe,adaptiveCustomValue:be,id:Ot,autocomplete:Xa,activeDescendant:xt,"aria-label":ua,...Ja}=e,qa=Ot?`${Ot}-listbox`:void 0;return Zo(Hr,{children:[Zo(j,{...Ja,size:t,rounded:o,fillMode:a,hover:x,focus:b,valid:g,invalid:u,required:S,loading:N,disabled:y,readonly:P,className:i(e.className,Bn),children:[l&&Zo(Hr,{children:[re(Pe,{children:l}),r&&re(Ke,{})]}),re(Te,{id:Ot,placeholder:f,value:m,role:"combobox","aria-haspopup":"listbox","aria-expanded":A?"true":"false","aria-controls":A?qa:void 0,"aria-activedescendant":A&&xt?xt:void 0,"aria-autocomplete":Xa,"aria-invalid":u?"true":void 0,"aria-busy":N?"true":void 0,"aria-label":ua,disabled:y,readOnly:P}),re(he,{valid:g,invalid:u,loading:N,disabled:y}),re(ye,{loading:N,disabled:y}),re(Ie,{loading:N,disabled:y,readonly:P,value:m}),p&&Zo(Hr,{children:[r&&re(Ke,{}),re(Re,{children:p})]}),re(d,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:y})]}),A&&w&&re(X,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:w}),Z&&re(Y,{adaptive:!0,id:Ot?`${Ot}-adaptive`:void 0,...de,header:re(xe,{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:be?re(yt,{text:`Use "${m}"`}):void 0,size:"large",children:Zo(U,{"aria-label":ue||"Options",children:[re(O,{text:"List item"}),re(O,{text:"List item"}),re(O,{text:"List item"})]})})})})]})};ne.states=Ec;ne.options=Cc;ne.className=Bn;ne.defaultOptions=Pn;ne.moduleName=zr;ne.folderName=On;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 Ee=ne;import{Fragment as Kn,jsx as ie,jsxs as Ca}from"react/jsx-runtime";var Rn="k-spreadsheet-action-bar",Oc=[],Bc={},Pc=Ca(Kn,{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"})]}),Fr={formula:Pc,cellName:"B6"},et=e=>{let{formula:t=Fr.formula,cellName:o=Fr.cellName,formulaExpanded:a=!1,formulaListItems:r,...l}=e,p=a?R("spreadsheet-formula-list"):void 0,m=Ca(Kn,{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 Ca("div",{...l,className:i(Rn,e.className),children:[ie("div",{className:"k-spreadsheet-name-editor",children:ie(ne,{placeholder:o,fillMode:"flat","aria-label":"Name editor"})}),Ca("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:r||m})]})]})};et.states=Oc;et.options=Bc;et.className=Rn;et.defaultOptions=Fr;var Ur="button",Dn=Ur;import{jsx as _c}from"react/jsx-runtime";var jo="k-button-group",Rc=[s.disabled],Kc={fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},Dc={},T=e=>{let{fillMode:t,disabled:o,stretched:a,...r}=e;return _c("div",{role:"group",...r,className:i(e.className,jo,M(jo,{fillMode:t}),I(jo,{disabled:o}),{[`${jo}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};T.states=Rc;T.options=Kc;T.className=jo;T.defaultOptions=Dc;T.moduleName=Ur;T.folderName=Dn;T.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-b