@progress/kendo-themes-html/dist/esm/grid/templates/grid-with-edit-row.mjs

A collection of HTML helpers used for developing Kendo UI themes

var a=(...e)=>e.filter(o=>o!==!0&&!!o).map(o=>Array.isArray(o)?a(...o):typeof o=="object"?Object.keys(o).map((t,r)=>o[r]||o[t]&&t||null).filter(t=>t!==null).join(" "):o).filter(o=>!!o).join(" ");var L=(e,o)=>a({[`${e}-xs`]:o.size==="xsmall",[`${e}-sm`]:o.size==="small",[`${e}-md`]:o.size==="medium",[`${e}-lg`]:o.size==="large",[`${e}-xl`]:o.size==="xlarge",[`${e}-xxl`]:o.size==="xxlarge",[`${e}-xxxl`]:o.size==="xxxlarge"},{[`${e}-${o.fillMode}`]:o.fillMode},{[`${e}-${o.themeColor}`]:o.themeColor},{"k-rounded-sm":o.rounded==="small","k-rounded-md":o.rounded==="medium","k-rounded-lg":o.rounded==="large","k-rounded-full":o.rounded==="full","k-rounded-none":o.rounded==="none"}),M=(e,o)=>{let{valid:t,invalid:r,hover:l,focus:n,checked:d,active:m,selected:b,disabled:N,indeterminate:x,loading:k,empty:u,readonly:v,highlighted:C,...I}=o;return a({"k-valid":t,"k-invalid":r,"k-hover":l,"k-focus":n,"k-checked":d,"k-active":m,"k-selected":b,"k-disabled":N,"k-indeterminate":x&&!d,"k-loading":k,"k-empty":u,"k-readonly":v,"k-highlighted":C},Object.keys(I).reduce((E,G)=>(G.startsWith("k-")?E[G]=I[G]:E[`k-${G}`]=I[G],E),{}))};function bn(e,o){if(!o)return{};let t=Array.isArray(o)?o:[o];return Object.fromEntries(t.map(r=>[`k-${r}`,!0]))}var s={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},g={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"},Io={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},w={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},i={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"};var cl={};function P(e){return cl[e]=(cl[e]||0)+1,`k-${e}-${cl[e]}`}import{Fragment as Bc,jsx as fn}from"react/jsx-runtime";var pl="k-font-icon",_c=[],Kc={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[w.undefined,w.base,w.primary,w.secondary,w.tertiary,w.success,w.warning,w.error,w.info]},Dc={},Ha=e=>{let{size:o,themeColor:t,icon:r,rotate:l,flip:n,...d}=e;return r?fn("span",{...d,className:a(e.className,pl,L(pl,{size:o}),{[`k-i-${r}`]:r,[`k-color-${t}`]:t,[`k-rotate-${l}`]:l,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true"}):fn(Bc,{})};Ha.states=_c;Ha.options=Kc;Ha.className=pl;Ha.defaultOptions=Dc;var Tn=Ha;import{Fragment as Fc,jsx as br}from"react/jsx-runtime";var ml="k-svg-icon",zc=[],Uc={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[w.undefined,w.base,w.primary,w.secondary,w.tertiary,w.success,w.warning,w.error,w.info],variant:[Io.outline,Io.solid,Io.duotone]},ul={viewBox:"0 0 24 24",variant:Io.outline},Pa=e=>{let{size:o,themeColor:t,rotate:r,flip:l,viewBox:n=ul.viewBox,variant:d=ul.variant,icon:m,...b}=e;if(!m)return br(Fc,{});if(m==="none")return br("span",{...b,className:a(e.className,ml,L("k-icon",{size:o}),"k-none"),"aria-hidden":"true"});let N=typeof m=="object"&&m.name&&m.name,x=typeof m=="object"?d&&m.variants?.[d]||m.variants?.outline||m.content:void 0;return br("span",{...b,className:a(e.className,ml,L("k-icon",{size:o}),{[`k-svg-i-${N}`]:N,[`k-color-${t}`]:t,[`k-rotate-${r}`]:r,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),"aria-hidden":"true",children:br("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:n,dangerouslySetInnerHTML:x!==void 0?{__html:x}:void 0,children:m?void 0:e.children})})};Pa.states=zc;Pa.options=Uc;Pa.className=ml;Pa.defaultOptions=ul;var bl=Pa;import*as fl from"@progress/kendo-svg-icons";var gn="icon",hn="icons";import{useContext as Vc}from"react";import{createContext as $c}from"react";var xn=$c({iconsType:"svg"});import{Fragment as Nn,jsx as _a}from"react/jsx-runtime";var fr="k-icon",Wc=e=>e.replace(/([-_][a-z0-9])/gi,o=>o.toUpperCase().replace("-","").replace("_","")),Xc=[],Jc={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[w.undefined,w.base,w.primary,w.secondary,w.tertiary,w.success,w.warning,w.error,w.info],variant:[Io.outline,Io.solid,Io.duotone]},Tr={viewBox:"0 0 24 24",type:"svg",variant:Io.outline},f=e=>{let{iconsType:o}=Vc(xn),{size:t,themeColor:r,icon:l,type:n=o||Tr.type,rotate:d,flip:m,viewBox:b=Tr.viewBox,variant:N=Tr.variant,...x}=e;if(!l)return _a(Nn,{});if((o||n)==="svg"){if(l==="none")return _a(bl,{...x,className:a(e.className,fr),icon:l,size:t,variant:N});let u=fl[l]?l:Wc(`${l}-icon`);return fl[u]?_a(bl,{...x,className:a(e.className,fr),icon:fl[u],size:t,themeColor:r,rotate:d,flip:m,viewBox:b,variant:N}):_a(Nn,{})}return _a(Tn,{...x,className:a(e.className,fr),icon:l,size:t,themeColor:r,rotate:d,flip:m})};f.states=Xc;f.options=Jc;f.defaultOptions=Tr;f.className=fr;f.moduleName=gn;f.folderName=hn;f.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 Tl="button",kn=Tl;import{Fragment as vn,jsx as Kt,jsxs as wn}from"react/jsx-runtime";var Ka="k-button",qc=["icon-button"],Yc=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],Qc={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[w.undefined,w.base,w.primary,w.secondary,w.tertiary,w.success,w.warning,w.error,w.info,w.inverse]},gl={showArrow:!1,arrowIconName:"chevron-down"},c=e=>{let{as:o="button",size:t,rounded:r,fillMode:l,themeColor:n,showArrow:d=gl.showArrow,arrowIconName:m=gl.arrowIconName,variant:b,hover:N,focus:x,active:k,selected:u,disabled:v,togglable:C,ariaDisabled:I,icon:E,iconSize:G,text:B,iconClassName:ge,className:de,..._e}=e,Ke=E!=null,De=e.children!==void 0;return wn(o,{className:a(de,Ka,bn(Ka,b),L(Ka,{size:t,rounded:r,fillMode:l,themeColor:n}),M(Ka,{hover:N,focus:x,active:k,disabled:v||I,selected:u}),{"k-icon-button":!B&&!De&&Ke}),"aria-pressed":C?u?"true":"false":void 0,..._e,"aria-disabled":I?"true":void 0,disabled:v||void 0,children:[typeof E=="string"&&E&&Kt(f,{className:a(ge,"k-button-icon"),icon:E,size:G}),E&&typeof E!="string"&&Kt(vn,{children:E}),B?wn(vn,{children:[B&&Kt("span",{className:"k-button-text",children:B}),e.children]}):e.children&&Kt("span",{className:"k-button-text",children:e.children}),d&&Kt("span",{className:"k-menu-button-arrow k-button-arrow",children:Kt(f,{icon:m})})]})};c.states=Yc;c.options=Qc;c.variants=qc;c.className=Ka;c.defaultOptions=gl;c.moduleName=Tl;c.folderName=kn;c.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."}]};import{jsx as Zc}from"react/jsx-runtime";var Zo=e=>Zc(c,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as jc}from"react/jsx-runtime";var Da=e=>jc(c,{icon:"folder",children:"Button",...e});import{jsx as ep}from"react/jsx-runtime";var Nt=e=>ep(c,{children:"Button",...e});import{jsx as hl}from"react/jsx-runtime";var op=c.options,tp=c.states,ap={...c.defaultOptions,variant:"text"},rp=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],lp=[],Dt=e=>{let{variant:o,...t}=e;switch(o){case"icon-only":return hl(Zo,{...t,icon:"star"});case"icon-and-text":return hl(Da,{...t,icon:"star",children:"Button"});default:return hl(Nt,{...t,children:"Button"})}};Dt.options=op;Dt.states=tp;Dt.variants=rp;Dt.defaultOptions=ap;Dt.modifiers=lp;Dt.className=c.className;var kt="checkbox",Bt=kt;import{jsx as Cn}from"react/jsx-runtime";var gr="k-checkbox",ip=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],np={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full]},sp={},fe=e=>{let{id:o,checked:t,indeterminate:r,hover:l,focus:n,disabled:d,invalid:m,valid:b,required:N,size:x,rounded:k,wrapperRole:u,...v}=e;return Cn("span",{className:"k-checkbox-wrap",role:u,children:Cn("input",{...v,id:o,type:"checkbox",defaultChecked:t,required:N,disabled:d||void 0,"aria-invalid":m?"true":void 0,className:a(e.className,gr,L(gr,{size:x,rounded:k}),M(gr,{hover:l,focus:n,disabled:d,invalid:m,valid:b,indeterminate:r,checked:t}))})})};fe.states=ip;fe.options=np;fe.className=gr;fe.defaultOptions=sp;fe.moduleName=kt;fe.folderName=Bt;fe.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 Mo=fe;import{jsx as pp}from"react/jsx-runtime";var Ln="k-checkbox-list",dp=[],cp={},Mn={layout:"vertical"},Be=e=>{let{layout:o=Mn.layout,...t}=e;return pp("ul",{...t,className:a(e.className,Ln,{[`k-list-${o}`]:o}),children:e.children})};Be.states=dp;Be.options=cp;Be.className=Ln;Be.defaultOptions=Mn;Be.moduleName=kt;Be.folderName=Bt;import{jsx as fp}from"react/jsx-runtime";var yn="k-checkbox-list-item",mp=[],up={},bp={},ze=e=>{let{...o}=e;return fp("li",{...o,className:a(e.className,yn),children:e.children})};ze.states=mp;ze.options=up;ze.className=yn;ze.defaultOptions=bp;ze.moduleName=kt;ze.folderName=Bt;import{Fragment as Tp,jsx as Sn,jsxs as gp}from"react/jsx-runtime";var Ko=({children:e="Label",id:o="cb-label-after",...t})=>gp(Tp,{children:[Sn(Mo,{id:o,...t}),Sn("label",{className:"k-checkbox-label",htmlFor:o,children:e})]});import{Fragment as kk,jsx as Nk,jsxs as vk}from"react/jsx-runtime";import{Fragment as yk,jsx as Mk,jsxs as Sk}from"react/jsx-runtime";import{Fragment as Gk,jsx as Ek,jsxs as Ok}from"react/jsx-runtime";import{jsx as Kk}from"react/jsx-runtime";import{jsx as Uk}from"react/jsx-runtime";import{jsx as Wk}from"react/jsx-runtime";import{jsx as po,jsxs as An}from"react/jsx-runtime";var hp=Be.options,xp=Be.states,Np={...Be.defaultOptions,variant:"vertical"},kp=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],vp=[],zt=e=>{let{variant:o,...t}=e;return o==="horizontal"?An(Be,{layout:"horizontal",...t,children:[po(ze,{children:po(Ko,{id:P("cb"),defaultChecked:!0,children:"Label"})}),po(ze,{children:po(Ko,{id:P("cb"),children:"Label"})}),po(ze,{children:po(Ko,{id:P("cb"),children:"Label"})})]}):An(Be,{...t,children:[po(ze,{children:po(Ko,{id:P("cb"),defaultChecked:!0,children:"Label"})}),po(ze,{children:po(Ko,{id:P("cb"),children:"Label"})}),po(ze,{children:po(Ko,{id:P("cb"),children:"Label"})})]})};zt.options=hp;zt.states=xp;zt.variants=kp;zt.defaultOptions=Np;zt.modifiers=vp;zt.className=Be.className;import{jsx as Sp}from"react/jsx-runtime";var wp=Mo.options,Cp=Mo.states,Lp=Mo.defaultOptions,Mp=[],yp=[],Ut=e=>Sp(Ko,{id:P("checkbox"),...e,defaultChecked:!0,children:"Label"});Ut.options=wp;Ut.states=Cp;Ut.variants=Mp;Ut.defaultOptions=Lp;Ut.modifiers=yp;Ut.className=Mo.className;var Ba="input",hr=Ba;import{jsx as Ep}from"react/jsx-runtime";var xr="k-input",Ap=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Ip={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Rp={},ve=e=>{let{hover:o,focus:t,disabled:r,invalid:l,valid:n,loading:d,readonly:m,size:b,rounded:N,fillMode:x,...k}=e;return Ep("span",{...k,className:a(e.className,xr,L(xr,{size:b,rounded:N,fillMode:x}),M(xr,{hover:o,focus:t,disabled:r,invalid:l,valid:n,loading:d,readonly:m}))})};ve.states=Ap;ve.options=Ip;ve.className=xr;ve.defaultOptions=Rp;ve.moduleName=Ba;ve.folderName=hr;import{jsx as Pp}from"react/jsx-runtime";var Nr="k-picker",Gp=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Op={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Hp={},Ro=e=>{let{hover:o,focus:t,disabled:r,invalid:l,valid:n,loading:d,readonly:m,size:b,rounded:N,fillMode:x,...k}=e;return Pp("span",{...k,className:a(e.className,Nr,L(Nr,{size:b,rounded:N,fillMode:x}),M(Nr,{hover:o,focus:t,disabled:r,invalid:l,valid:n,loading:d,readonly:m})),children:e.children})};Ro.states=Gp;Ro.options=Op;Ro.className=Nr;Ro.defaultOptions=Hp;Ro.moduleName=Ba;Ro.folderName=hr;import{Fragment as Dp,jsx as xl}from"react/jsx-runtime";var In="k-clear-value",_p=[i.disabled,i.loading,i.readonly],Kp={},oo=e=>{let{disabled:o,loading:t,readonly:r,value:l}=e;return o||r||t||!l?xl(Dp,{}):xl("span",{className:a(e.className,In),children:xl(f,{icon:"x"})})};oo.states=_p;oo.options=Kp;oo.className=In;import{jsx as Up}from"react/jsx-runtime";var Nl="k-input-inner",Bp=[],zp={},kr={type:"text",autocomplete:"off",value:"",placeholder:""},to=e=>{let{value:o=kr.value,type:t=kr.type,placeholder:r=kr.placeholder,autocomplete:l=kr.autocomplete,disabled:n,readOnly:d,...m}=e;return Up("input",{...m,type:t,className:a(e.className,Nl,L(Nl,e)),placeholder:r,autoComplete:l,defaultValue:o,disabled:n||void 0,readOnly:d||void 0})};to.states=Bp;to.options=zp;to.className=Nl;import{jsx as Rn,jsxs as Vp}from"react/jsx-runtime";var kl="k-input-inner",Fp=[],$p={},vt=e=>{let{value:o,placeholder:t,showValue:r,valueIcon:l,valueIconName:n,...d}=e;return Vp("span",{...d,className:a(e.className,kl,L(kl,e)),children:[l,!l&&n&&Rn(f,{className:"k-input-value-icon",icon:n}),r&&!o&&t,r&&o&&Rn("span",{className:"k-input-value-text",children:o})]})};vt.states=Fp;vt.options=$p;vt.className=kl;import{jsx as Jp}from"react/jsx-runtime";var vl="k-input-inner",Wp=[],Xp={},En={value:"",placeholder:""},wl=e=>{let{value:o=En.value,placeholder:t=En.placeholder,rows:r,disabled:l,...n}=e;return Jp("textarea",{...n,className:a(e.className,vl,L(vl,e)),placeholder:t,rows:r,defaultValue:o,disabled:l||void 0})};wl.states=Wp;wl.options=Xp;wl.className=vl;import{Fragment as Yp,jsx as Gn}from"react/jsx-runtime";var On="k-input-loading-icon",qp=[i.disabled,i.loading],qe=e=>{let{disabled:o,loading:t}=e;return o||!t?Gn(Yp,{}):Gn("span",{className:a(e.className,On,"k-icon k-i-loading")})};qe.states=qp;qe.className=On;import{Fragment as jp,jsx as Hn}from"react/jsx-runtime";var Pn="k-input-validation-icon",Qp=[i.valid,i.invalid,i.disabled,i.loading],Zp={},Ue=e=>{let{valid:o,invalid:t,disabled:r,loading:l}=e,n=t?"warning-circle":"check-circle";return r||l||!!!(o||t)?Hn(jp,{}):Hn(f,{className:a(Pn),icon:n})};Ue.states=Qp;Ue.options=Zp;Ue.className=Pn;import{Fragment as tm,jsx as _n}from"react/jsx-runtime";var em="k-input-prefix",om={direction:"horizontal"},mo=e=>{let{direction:o=om.direction,...t}=e;return e.children?_n("span",{...t,className:a(em,e.className,{[`k-input-prefix-${o}`]:o}),children:e.children}):_n(tm,{})};import{Fragment as lm,jsx as Kn}from"react/jsx-runtime";var am="k-input-suffix",rm={direction:"horizontal"},uo=e=>{let{direction:o=rm.direction,...t}=e;return e.children?Kn("span",{...t,className:a(am,e.className,{[`k-input-suffix-${o}`]:o}),children:e.children}):Kn(lm,{})};import{jsx as rw}from"react/jsx-runtime";import{jsx as nm}from"react/jsx-runtime";var im="k-input-suffix-text",Cl=e=>{let{children:o,...t}=e;return nm("span",{...t,className:a(im,e.className),children:o})};import{jsx as dm}from"react/jsx-runtime";var Dn="k-input-separator",sm={direction:"vertical"},bo=e=>{let{direction:o=sm.direction,...t}=e;return dm("span",{...t,className:a(Dn,e.className,{[`${Dn}-${o}`]:o})})};import{Fragment as Bn,jsx as Eo,jsxs as Ll}from"react/jsx-runtime";var cm=ve.states,pm=ve.defaultOptions,mm=ve.options,um=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],bm=[],Ft=e=>{let{modifiers:o,valid:t,invalid:r,loading:l,disabled:n,readonly:d,...m}=e,b=o?.prefix,N=o?.suffix,x=o?.["clear-button"],k=o?.["validation-icon"],u=o?.separators;return Ll(ve,{...m,valid:t,invalid:r,loading:l,disabled:n,readonly:d,style:{width:300},children:[b&&Ll(Bn,{children:[Eo(mo,{children:Eo(f,{icon:"lock"})}),u&&Eo(bo,{})]}),Eo(to,{placeholder:"Placeholder",value:"Value"}),k&&Eo(Ue,{valid:t,invalid:r,loading:l,disabled:n}),Eo(qe,{loading:l,disabled:n}),x&&Eo(oo,{loading:l,disabled:n,readonly:d,value:"Value"}),N&&Ll(Bn,{children:[u&&Eo(bo,{}),Eo(uo,{children:Eo(Nt,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};Ft.options=mm;Ft.states=cm;Ft.variants=bm;Ft.defaultOptions=pm;Ft.modifiers=um;Ft.className=ve.className;import{jsx as zn,jsxs as xm}from"react/jsx-runtime";var Un="k-spin-button",gm=[],hm={size:[s.undefined,s.small,s.medium,s.large],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},Ml={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},jo=e=>{let{size:o,fillMode:t,disabled:r,increaseLabel:l=Ml.increaseLabel,decreaseLabel:n=Ml.decreaseLabel,...d}=e;return xm("span",{...d,className:a(Un,e.className),children:[zn(c,{className:"k-spinner-increase",icon:"chevron-up",size:o,fillMode:t,disabled:r,"aria-label":l}),zn(c,{className:"k-spinner-decrease",icon:"chevron-down",size:o,fillMode:t,disabled:r,"aria-label":n})]})};jo.states=gm;jo.options=hm;jo.className=Un;jo.defaultOptions=Ml;jo.moduleName=null;jo.folderName=null;var Fn="numeric-textbox",$n="numerictextbox";import{Fragment as Vn,jsx as Do,jsxs as yl}from"react/jsx-runtime";var Wn="k-numerictextbox",Nm=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],km={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},vr={showSpinButton:!0,showClearButton:!0,separators:!0},U=e=>{let{size:o,rounded:t,fillMode:r,separators:l=vr.separators,showClearButton:n=vr.showClearButton,showSpinButton:d=vr.showSpinButton,prefix:m,suffix:b,value:N,placeholder:x,hover:k,focus:u,valid:v,invalid:C,required:I,loading:E,disabled:G,readonly:B,id:ge,"aria-label":de,"aria-describedby":_e,...Ke}=e;return yl(ve,{...Ke,size:o,rounded:t,fillMode:r,hover:k,focus:u,valid:v,invalid:C,required:I,loading:E,disabled:G,readonly:B,className:a(e.className,Wn),children:[m&&yl(Vn,{children:[Do(mo,{children:m}),l&&Do(bo,{})]}),Do(to,{id:ge,placeholder:x,value:N,role:"spinbutton",disabled:G,"aria-label":de,"aria-describedby":_e,"aria-invalid":C?"true":void 0}),Do(Ue,{valid:v,invalid:C,loading:E,disabled:G}),Do(qe,{loading:E,disabled:G}),n&&Do(oo,{loading:E,disabled:G,readonly:B,value:N}),b&&yl(Vn,{children:[l&&Do(bo,{}),Do(uo,{children:b})]}),d&&Do(jo,{className:"k-input-spinner",size:o,fillMode:r,disabled:G})]})};U.states=Nm;U.options=km;U.className=Wn;U.defaultOptions=vr;U.moduleName=Fn;U.folderName=$n;U.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 za=U;import{jsx as vm}from"react/jsx-runtime";var Xn=e=>vm(za,{...e});var Sl="popup",Jn=Sl;import{jsx as qn}from"react/jsx-runtime";var Yn="k-animation-container",wm=[],Cm={},Al={positionMode:"absolute",shown:!0},Go=e=>{let{positionMode:o=Al.positionMode,shown:t=Al.shown,animationStyle:r,offset:l,...n}=e;return qn("div",{...n,style:{...l,...e.style},className:a(e.className,Yn,{"k-animation-container-shown":t,"k-animation-container-fixed":o==="fixed"}),children:qn("div",{className:"k-child-animation-container",style:r,children:e.children})})};Go.states=wm;Go.options=Cm;Go.className=Yn;Go.defaultOptions=Al;Go.moduleName=Sl;Go.folderName=Jn;var Il="popup",Qn=Il;import{jsx as Zn}from"react/jsx-runtime";var jn="k-popup",Lm=[],Mm={},es={positionMode:"absolute"},ae=e=>{let{offset:o,positionMode:t=es.positionMode,animationStyle:r,containerClassName:l,containerRole:n,containerAriaLabel:d,...m}=e;return Zn(Go,{positionMode:t,offset:o,animationStyle:r,className:l,role:n,"aria-label":d,children:Zn("div",{...m,className:a(e.className,jn),children:e.children})})};ae.states=Lm;ae.options=Mm;ae.className=jn;ae.defaultOptions=es;ae.moduleName=Il;ae.folderName=Qn;ae.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 Rl="action-buttons",os=Rl;import{jsx as Am}from"react/jsx-runtime";var wr="k-actions",ym=[],Sm={},El={alignment:"start",orientation:"horizontal"},fo=e=>{let{alignment:o=El.alignment,orientation:t=El.orientation,...r}=e;return Am("div",{...r,className:a(wr,{[`${wr}-${o}`]:o,[`${wr}-${t}`]:t},e.className),children:e.children})};fo.states=ym;fo.options=Sm;fo.className=wr;fo.defaultOptions=El;fo.moduleName=Rl;fo.folderName=os;import{jsx as Rm}from"react/jsx-runtime";var Im="k-actionsheet-footer",ts={alignment:"stretched",orientation:"horizontal"},et=e=>{let{alignment:o=ts.alignment,orientation:t=ts.orientation,template:r,as:l=r?"div":fo,...n}=e;return Rm(l,{...n,...!r&&{alignment:o,orientation:t},className:a(e.className,Im),children:e.children})};var Gl="searchbox",as=Gl;import{jsx as Ua,jsxs as Om}from"react/jsx-runtime";var rs="k-searchbox",Em=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],Gm={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Ol={showIcon:!0,icon:"search"},ao=e=>{let{value:o,placeholder:t,size:r,rounded:l,fillMode:n,hover:d,focus:m,valid:b,invalid:N,required:x,loading:k,disabled:u,showIcon:v=Ol.showIcon,icon:C=Ol.icon,"aria-label":I,...E}=e;return Om(ve,{...E,size:r,rounded:l,fillMode:n,hover:d,focus:m,valid:b,invalid:N,required:x,loading:k,disabled:u,className:a(e.className,rs),children:[v&&Ua(f,{className:"k-input-icon",icon:C}),Ua(to,{placeholder:t,value:o,"aria-label":I}),Ua(qe,{...e}),Ua(Ue,{...e}),Ua(oo,{...e})]})};ao.states=Em;ao.options=Gm;ao.className=rs;ao.defaultOptions=Ol;ao.moduleName=Gl;ao.folderName=as;import{jsx as zC}from"react/jsx-runtime";var Hl="textbox",ls=Hl;import{Fragment as is,jsx as ot,jsxs as Pl}from"react/jsx-runtime";var ns="k-textbox",Hm=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Pm={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Cr={showClearButton:!0,showValidationIcon:!0,separators:!0},me=e=>{let{size:o,rounded:t,fillMode:r,separators:l=Cr.separators,showClearButton:n=Cr.showClearButton,showValidationIcon:d=Cr.showValidationIcon,prefix:m,suffix:b,type:N,value:x,placeholder:k,hover:u,focus:v,valid:C,invalid:I,required:E,loading:G,disabled:B,readonly:ge,id:de,"aria-label":_e,"aria-describedby":Ke,...De}=e;return Pl(ve,{...De,size:o,rounded:t,fillMode:r,hover:u,focus:v,valid:C,invalid:I,required:E,loading:G,disabled:B,readonly:ge,className:a(e.className,ns),children:[m&&Pl(is,{children:[ot(mo,{children:m}),l&&ot(bo,{})]}),ot(to,{id:de,placeholder:k,value:x,type:N,disabled:B,"aria-label":_e,"aria-describedby":Ke,"aria-invalid":I?"true":void 0}),d&&ot(Ue,{valid:C,invalid:I,loading:G,disabled:B}),ot(qe,{loading:G,disabled:B}),n&&ot(oo,{loading:G,disabled:B,readonly:ge,value:x}),b&&Pl(is,{children:[l&&ot(bo,{}),ot(uo,{children:b})]})]})};me.states=Hm;me.options=Pm;me.className=ns;me.defaultOptions=Cr;me.moduleName=Hl;me.folderName=ls;me.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 Fa=me;import{jsx as _m}from"react/jsx-runtime";var ss=e=>_m(Fa,{...e});import{Fragment as lL,jsx as rL}from"react/jsx-runtime";import{Fragment as pL,jsx as cL}from"react/jsx-runtime";import{jsx as fL}from"react/jsx-runtime";import{jsx as _l}from"react/jsx-runtime";var Km=me.states,Dm=me.defaultOptions,Bm=me.options,zm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Um=[],$t=e=>{let{modifiers:o,...t}=e,r={};return Object.keys(o||{}).forEach(l=>{switch(l){case"prefix":r.prefix=o?.[l]?_l(f,{icon:"lock"}):void 0;break;case"suffix":r.suffix=o?.[l]?_l(Nt,{size:t.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":r.showClearButton=o?.[l];break;default:break}}),_l(ss,{value:"Value",style:{width:300},...t,...r})};$t.options=Bm;$t.states=Km;$t.variants=Um;$t.defaultOptions=Dm;$t.modifiers=zm;$t.className=me.className;import{jsx as tt,jsxs as Kl}from"react/jsx-runtime";var ds="k-actionsheet-titlebar",Fm={},Fe=e=>{let{title:o,subtitle:t,actionsStart:r,actionsEnd:l,filter:n,input:d,inputValue:m,inputPlaceholder:b,adaptive:N,titleId:x,children:k,...u}=e;return Kl("div",{...u,className:a(e.className,ds),children:[Kl("div",{className:"k-actionsheet-titlebar-group",children:[r&&tt("div",{className:"k-actionsheet-actions",children:r}),!k&&Kl("div",{className:"k-actionsheet-title",id:x,children:[o&&tt("div",{className:"k-text-center",children:o}),t&&tt("div",{className:"k-actionsheet-subtitle k-text-center",children:t})]}),k&&tt("div",{className:"k-actionsheet-title",id:x,children:k}),l&&tt("div",{className:"k-actionsheet-actions",children:l})]}),(d||n)&&tt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?tt(me,{value:m,placeholder:b,size:N?"large":"medium","aria-label":o||b||"Input"}):tt(ao,{placeholder:"Filter",size:N?"large":"medium","aria-label":"Filter options"})})]})};Fe.className=ds;Fe.defaultOptions=Fm;import{jsx as Dl,jsxs as Xm}from"react/jsx-runtime";var Bl="k-actionsheet-view",$m=[],Vm={},Wm={},Vt=e=>{let{adaptive:o,animated:t,children:r,header:l,footer:n,titleId:d,...m}=e,b=l?.type===Fe&&Dl(Fe,{adaptive:o,titleId:d,...l?.props}),N=n?.type===et&&Dl(et,{...n?.props});return Xm("div",{...m,className:a(e.className,Bl,{[`${Bl}-animated`]:t}),children:[b,Dl("div",{className:"k-actionsheet-content",children:r}),N]})};Vt.states=$m;Vt.options=Vm;Vt.className=Bl;Vt.defaultOptions=Wm;var $a="action-sheet",Lr=$a;var zl="overlay",cs=zl;import{jsx as Qm}from"react/jsx-runtime";var ps="k-overlay",Jm=[],qm={},Ym={},at=e=>{let{...o}=e;return Qm("div",{...o,className:a(e.className,ps),children:e.children})};at.states=Jm;at.options=qm;at.className=ps;at.defaultOptions=Ym;at.moduleName=zl;at.folderName=cs;import{jsx as Mr,jsxs as eu}from"react/jsx-runtime";var ms="k-actionsheet",Zm=[],jm={},Va={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},xe=e=>{let{side:o=Va.side,fullscreen:t=Va.fullscreen,adaptive:r=Va.adaptive,overlay:l=Va.overlay,template:n,children:d,header:m,footer:b,id:N,...x}=e,k=N&&!n&&m?`${N}-title`:void 0;return eu("div",{className:"k-actionsheet-container",children:[l&&Mr(at,{}),Mr(Go,{animationStyle:{[`${t===!0?"top":o}`]:0,[`${t===!0?"width":null}`]:"100%",[`${t===!0?"height":null}`]:"100%",[`${o==="top"||o==="bottom"?"width":null}`]:"100%",[`${o==="left"||o==="right"?"height":null}`]:"100%"},children:Mr("div",{...x,id:N,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":k,className:a(e.className,ms,{[`k-actionsheet-${o}`]:t===!1,"k-actionsheet-fullscreen":t===!0,"k-adaptive-actionsheet":r}),children:n||Mr(Vt,{header:m,footer:b,adaptive:r,titleId:k,...e,children:d})})})]})};xe.states=Zm;xe.options=jm;xe.className=ms;xe.defaultOptions=Va;xe.moduleName=$a;xe.folderName=Lr;xe.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 ru}from"react/jsx-runtime";var us="k-actionsheet-container",ou=[],tu={},au={},Wt=e=>{let{children:o,...t}=e;return ru("div",{...t,className:us,children:o})};Wt.states=ou;Wt.options=tu;Wt.className=us;Wt.defaultOptions=au;Wt.moduleName=$a;Wt.folderName=Lr;import{jsx as lu}from"react/jsx-runtime";var Ul=e=>{let{...o}=e;return lu("div",{...o,className:a(e.className,"k-list-ul"),children:e.children})};import{Fragment as nu,jsx as Wa,jsxs as Fl}from"react/jsx-runtime";var $l="k-actionsheet-item",iu=[i.hover,i.focus,i.selected,i.disabled],rt=e=>{let{iconName:o,text:t,description:r,hover:l,focus:n,selected:d,disabled:m,...b}=e;return Fl("span",{...b,className:a(e.className,$l,M($l,{hover:l,focus:n,selected:d,disabled:m})),children:[!e.children&&Wa(nu,{children:Fl("span",{className:"k-actionsheet-action",children:[o&&Wa("span",{className:"k-icon-wrap",children:Wa(f,{className:"k-actionsheet-item-icon",icon:o})}),Fl("span",{className:"k-actionsheet-item-text",children:[t&&Wa("span",{className:"k-actionsheet-item-title",children:t}),r&&Wa("span",{className:"k-actionsheet-item-description",children:r})]})]})}),e.children]})};rt.states=iu;rt.className=$l;import{jsx as bM,jsxs as fM}from"react/jsx-runtime";import{jsx as xM}from"react/jsx-runtime";import{jsx as wM}from"react/jsx-runtime";import{jsx as yM}from"react/jsx-runtime";import{jsx as ye,jsxs as Vl}from"react/jsx-runtime";var su=xe.options,du=xe.states,fs={...xe.defaultOptions,variant:"normal"},cu=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],pu=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Xt=e=>{let{variant:o,modifiers:t,...r}={...fs,...e},l={},n=Vl(Ul,{children:[ye(rt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),ye(rt,{text:"Add to Favorites",iconName:"heart"}),ye(rt,{text:"Upload New",iconName:"upload",disabled:!0}),ye("hr",{className:"k-hr"}),ye(rt,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",m="Select Item";return o==="fullScreen"&&(l.fullScreen=!0),Object.keys(t||{}).forEach(b=>{switch(b){case"actions":l.actionsStart=!!t?.[b],l.actionsEnd=!!t?.[b];break;case"subtitle":l.subtitle=t?.[b]?d:void 0;break;case"footer":l.footer=!!t?.[b];break;default:break}}),o==="adaptive"?ye(xe,{...r,adaptive:!0,fullscreen:l.fullScreen,header:ye(Fe,{actionsStart:l.actionsStart?ye(c,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?ye(c,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:l.subtitle}),footer:l.footer?Vl(et,{alignment:"stretched",children:[ye(c,{text:"Cancel",size:"large",themeColor:"base"}),ye(c,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:n}):ye(xe,{...r,fullscreen:l.fullScreen,header:ye(Fe,{actionsStart:l.actionsStart?ye(c,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?ye(c,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?Vl(et,{alignment:"stretched",children:[ye(c,{text:"Apply",themeColor:"primary"}),ye(c,{text:"Cancel",themeColor:"base"})]}):void 0,children:n})};Xt.options=su;Xt.states=du;Xt.variants=cu;Xt.defaultOptions=fs;Xt.modifiers=pu;Xt.className=xe.className;import Xl from"react";import{jsx as Ts}from"react/jsx-runtime";var mu="k-list-group-sticky-header",Wl=e=>Ts("div",{className:a(mu,e.className),children:Ts("div",{className:"k-list-header-text",children:e.children})});import{jsx as bu}from"react/jsx-runtime";var uu="k-no-data",yr=e=>{let{live:o,...t}=e;return bu("span",{...t,className:a(uu,e.className),"aria-live":o?"polite":void 0,children:e.children})};var wt="list",Jt=wt;import{jsx as gs,jsxs as hs}from"react/jsx-runtime";var Jl="k-list",fu=[],Tu={size:[s.undefined,s.small,s.medium,s.large]},gu={},ee=e=>{let{size:o,virtualization:t,children:r,header:l,selectAll:n,optionLabel:d,customValue:m,noData:b,screenReaders:N,...x}=e,u=Xl.Children.toArray(r)[0],v=u?.props?.children?Xl.Children.count(u.props.children):Xl.Children.count(r);return hs("div",{...x,className:a(e.className,Jl,L(Jl,{size:o}),{"k-virtual-list":t}),children:[d,n,m,l&&gs(Wl,{children:l}),r||(b!==void 0?b:gs(yr,{live:!0,children:"No data found."})),N&&r&&hs(yr,{className:"k-sr-only",live:!0,children:[v," items found."]})]})};ee.states=fu;ee.options=Tu;ee.className=Jl;ee.defaultOptions=gu;ee.moduleName=wt;ee.folderName=Jt;ee.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 ku}from"react/jsx-runtime";var xs="k-list-container",hu=[],xu={},Nu={},qt=e=>{let{...o}=e;return ku("div",{...o,className:a(e.className,xs),children:e.children})};qt.states=hu;qt.options=xu;qt.className=xs;qt.defaultOptions=Nu;qt.moduleName=wt;qt.folderName=Jt;import{jsx as Ct,jsxs as Lu}from"react/jsx-runtime";var ql="k-list-item",vu=[i.hover,i.focus,i.selected,i.disabled],wu={},Cu={},z=e=>{let{text:o,groupLabel:t,group:r,iconName:l,iconClassName:n,showCheckbox:d,checked:m,hover:b,focus:N,selected:x,disabled:k,actions:u,description:v,id:C,...I}=e,E=o||e.children;return Lu("li",{...I,id:C,role:r?"presentation":"option",tabIndex:r?void 0:N?0:-1,"aria-selected":!r&&x?"true":r?void 0:"false","aria-disabled":!r&&k?"true":void 0,className:a(e.className,r?"k-list-group-item":ql,M(ql,{hover:b,focus:N,disabled:k,selected:x})),children:[d&&Ct(fe,{checked:m}),l&&Ct("span",{className:"k-list-item-icon-wrapper",children:Ct(f,{icon:l,className:a("k-list-item-icon",n)})}),Ct("span",{className:"k-list-item-text",children:E}),u&&Ct("div",{className:"k-list-item-actions",children:u}),v&&Ct("span",{className:"k-list-item-description",children:v}),t&&t!==""&&Ct("div",{className:"k-list-item-group-label",children:t})]})};z.states=vu;z.options=wu;z.className=ql;z.defaultOptions=Cu;z.moduleName=wt;z.folderName=Jt;z.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 yu}from"react/jsx-runtime";var Mu="k-list-ul",Bo=e=>{let{children:o,role:t,id:r,...l}=e;return yu("ul",{...l,id:r,role:t,className:a(Mu,e.className),children:o})};Bo.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 Yl,jsxs as Au}from"react/jsx-runtime";var Su="k-list-content",pe=e=>{let{virtualization:o,grouping:t,"aria-label":r,"aria-labelledby":l,listboxId:n,...d}=e;return Au("div",{...d,className:a(Su,e.className),role:t?"listbox":void 0,id:t?n:void 0,"aria-label":t?r:void 0,"aria-labelledby":t?l:void 0,children:[t?e.children:Yl(Bo,{role:"listbox",id:n,"aria-label":r,"aria-labelledby":l,children:e.children}),o&&Yl("div",{className:"k-height-container",children:Yl("div",{})})]})};pe.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 Ql,jsxs as Gu}from"react/jsx-runtime";var Sr="k-list-sticky-header",Iu=[i.hover,i.focus,i.selected],Ru={},Eu={},Ar=e=>{let{label:o="Select all",showCheckbox:t=!0,checked:r,indeterminate:l,hover:n,focus:d,selected:m,...b}=e;return Ql("div",{...b,className:a(Sr,e.className),children:Gu("div",{className:a(`${Sr}-item`,M(`${Sr}-item`,{hover:n,focus:d,selected:m})),children:[t&&Ql(fe,{checked:r,indeterminate:l,"aria-label":o}),Ql("span",{className:"k-list-item-text",children:o})]})})};Ar.states=Iu;Ar.options=Ru;Ar.className=Sr;Ar.defaultOptions=Eu;import{Fragment as _y,jsx as Py,jsxs as Ky}from"react/jsx-runtime";import{jsx as Zl,jsxs as Hu}from"react/jsx-runtime";var Ou="k-list-group-item",Lt=e=>{let{groupIconName:o,...t}=e;return Hu("li",{...t,role:"presentation",className:a(Ou,e.className),children:[o&&Zl("span",{className:"k-list-item-icon-wrapper",children:Zl(f,{icon:o,className:"k-list-item-icon"})}),Zl("span",{className:"k-list-item-text",children:e.children})]})};Lt.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 Du}from"react/jsx-runtime";var jl="k-list-optionlabel",Pu=[i.hover,i.focus,i.selected,i.disabled],_u={},Ku={},Ir=e=>{let{text:o,hover:t,focus:r,selected:l,disabled:n,...d}=e;return Du("div",{...d,className:a(jl,M(jl,{hover:t,focus:r,selected:l,disabled:n})),children:o})};Ir.states=Pu;Ir.options=_u;Ir.className=jl;Ir.defaultOptions=Ku;import{jsx as Fu}from"react/jsx-runtime";var ei="k-list-custom-value",Bu=[i.hover,i.focus,i.selected,i.disabled],zu={},Uu={},lt=e=>{let{text:o,hover:t,focus:r,selected:l,disabled:n,...d}=e;return Fu("div",{...d,className:a(ei,M(ei,{hover:t,focus:r,selected:l,disabled:n})),children:o})};lt.states=Bu;lt.options=zu;lt.className=ei;lt.defaultOptions=Uu;import{Fragment as eS,jsx as jy,jsxs as oS}from"react/jsx-runtime";import{Fragment as nS,jsx as iS,jsxs as sS}from"react/jsx-runtime";import{Fragment as fS,jsx as uS,jsxs as bS}from"react/jsx-runtime";import{Fragment as vS,jsx as NS,jsxs as kS}from"react/jsx-runtime";import{jsx as MS}from"react/jsx-runtime";import{Fragment as ES,jsx as RS,jsxs as GS}from"react/jsx-runtime";var Ns="dropdown-list",ks="dropdownlist";import{Fragment as Wu,jsx as $e,jsxs as oi}from"react/jsx-runtime";var vs="k-dropdownlist",$u=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Vu={size:[s.undefined,s.small,s.medium,s.large],rounded:[g.undefined,g.none,g.small,g.medium,g.large,g.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},ti={showValue:!0,arrowIconName:"chevron-down"},le=e=>{let{size:o,rounded:t,fillMode:r,arrowIconName:l=ti.arrowIconName,showValue:n=ti.showValue,valueIconName:d,prefix:m,suffix:b,value:N,placeholder:x,hover:k,focus:u,valid:v,invalid:C,required:I,loading:E,disabled:G,readonly:B,popup:ge,opened:de,adaptive:_e,adaptiveSettings:Ke,adaptiveTitle:De,adaptiveSubtitle:xt,adaptiveFilter:nl,id:Qo,activeDescendant:ur,"aria-label":sl,...dl}=e,Pc=Qo?`${Qo}-listbox`:void 0,un=Qo?`${Qo}-value`:void 0;return oi(Wu,{children:[oi(Ro,{...dl,id:Qo,size:o,rounded:t,fillMode:r,hover:k,focus:u,valid:v,invalid:C,required:I,loading:E,disabled:G,readonly:B,className:a(e.className,vs,{"k-icon-picker":!n&&d}),role:"combobox","aria-haspopup":"listbox","aria-expanded":de?"true":"false","aria-controls":de?Pc:void 0,"aria-activedescendant":de&&ur?ur:void 0,"aria-describedby":de?un:void 0,"aria-disabled":G?"true":void 0,"aria-label":sl,tabIndex:0,children:[$e(mo,{children:m}),$e(vt,{placeholder:x,value:N,showValue:n,valueIconName:d,id:un}),$e(Ue,{valid:v,invalid:C,loading:E,disabled:G}),$e(qe,{loading:E,disabled:G}),$e(uo,{children:b}),$e(c,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":x||"Toggle dropdown",tabIndex:-1})]}),de&&ge&&$e(ae,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:ge}),_e&&$e(xe,{adaptive:!0,...Ke,header:$e(Fe,{actionsEnd:$e(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:nl,inputValue:N,inputPlaceholder:x,title:De,subtitle:xt}),children:$e("div",{className:"k-list-container",children:$e(ee,{size:"large",children:oi(pe,{"aria-label":"Options",children:[$e(z,{text:"List item"}),$e(z,{text:"List item"}),$e(z,{text:"List item"})]})})})})]})};le.states=$u;le.options=Vu;le.className=vs;le.defaultOptions=ti;le.moduleName=Ns;le.folderName=ks;le.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 uA}from"react/jsx-runtime";import{jsx as xA,jsxs as NA}from"react/jsx-runtime";import{Fragment as AA,jsx as yA,jsxs as SA}from"react/jsx-runtime";import{jsx as OA}from"react/jsx-runtime";import{jsx as BA,jsxs as zA}from"react/jsx-runtime";import{Fragment as YA,jsx as JA,jsxs as qA}from"react/jsx-runtime";import{jsx as oI}from"react/jsx-runtime";import{Fragment as Zu,jsx as it,jsxs as ws}from"react/jsx-runtime";var Xu=le.states,Ju=le.defaultOptions,qu=le.options,Yu=[{name:"opened",title:"Opened"}],Qu=[],Qt=e=>{let{modifiers:o,...t}=e,r={},l=ws(Zu,{children:[it("div",{className:"k-list-filter",children:it(ao,{})}),it(ee,{style:{width:300},size:t.size,children:ws(pe,{children:[it(z,{children:"List item"}),it(z,{children:"List item"}),it(z,{children:"List item"})]})})]});return Object.keys(o||{}).forEach(n=>{n==="opened"&&(r.opened=!!o?.[n],r.popup=o?.[n]?l:void 0)}),it("div",{children:it(le,{placeholder:"Value",style:{width:300},...t,...r})})};Qt.options=qu;Qt.states=Xu;Qt.variants=Qu;Qt.defaultOptions=Ju;Qt.modifiers=Yu;Qt.className=le.className;import{Fragment as wI,jsx as vI}from"react/jsx-runtime";import{Fragment as AI,jsx as SI}from"react/jsx-runtime";import{jsx as GI}from"react/jsx-runtime";import{jsx as ai}from"react/jsx-runtime";var ju=U.states,eb=U.defaultOptions,ob=U.options,tb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],ab=[],Zt=e=>{let{modifiers:o,...t}=e,r={};return Object.keys(o||{}).forEach(l=>{switch(l){case"prefix":r.prefix=o?.[l]?ai(le,{size:t.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":r.suffix=o?.[l]?ai(Cl,{children:"mm"}):void 0;break;case"clear-button":r.showClearButton=o?.[l];break;case"spin-button":r.showSpinButton=o?.[l];break;default:break}}),ai(Xn,{value:"Value",style:{width:300},...t,...r})};Zt.options=ob;Zt.states=ju;Zt.variants=ab;Zt.defaultOptions=eb;Zt.modifiers=tb;Zt.className=U.className;var Q="grid",oe=Q;import{jsx as nb,jsxs as sb}from"react/jsx-runtime";var Rr="k-grid",rb=[],lb={size:[s.undefined,s.small,s.medium,s.large]},ib=[],Cs={pagerPosition:"bottom"},O=e=>{let{size:o,pagerPosition:t=Cs.pagerPosition,toolbar:r,pager:l,groupingHeader:n,gridSelectionAggregates:d,_renderAriaRoot:m,resizable:b,ariaColCount:N,ariaRowCount:x,ariaRootId:k,ariaRole:u="grid",...v}=e;return sb("div",{...v,className:a(e.className,Rr,{[`${Rr}-resizable`]:b},L(Rr,{size:o})),children:[r,t==="top"&&l,n,e.children&&m?nb("div",{className:"k-grid-aria-root",role:u,id:k,"aria-colcount":N,"aria-rowcount":x,children:e.children}):e.children,d,t==="bottom"&&l]})};O.states=rb;O.options=lb;O.variants=ib;O.className=Rr;O.defaultOptions=Cs;O.moduleName=Q;O.folderName=oe;O.ariaSpec={selector:".k-grid",rules:[{selector:".k-grid-toolbar",attribute:"role=toolbar",usage:"The toolbar is a collection of command buttons and inputs."},{selector:".k-grid-toolbar",attribute:"aria-label",usage:"Clarifies the purpose of the toolbar."},{selector:".k-grid-toolbar",attribute:"aria-controls=.k-grid-aria-root id (when present)",usage:"Pointing to the id of the element with role=grid."},{selector:".k-grouping-header",attribute:"role=toolbar",usage:"The Grouping pane is a ToolBar (collection of buttons)."},{selector:".k-grouping-header",attribute:"aria-label",usage:"Clarifies the purpose of the grouping pane."},{selector:".k-grouping-header",attribute:"aria-controls=.k-grid-aria-root id (when present)",usage:"Pointing to the id of the element with role=grid."},{selector:".k-grouping-header .k-chip-list",attribute:"role=none",usage:"The ChipList default listbox role is removed to keep the toolbar --> button roles hierarchy."},{selector:".k-grouping-header .k-chip",attribute:"role=button",usage:"If