npm - @progress/kendo-themes-html - Versions diffs - 13.1.0-dev.1 → 13.1.0-dev.2 - Mend

@progress/kendo-themes-html 13.1.0-dev.1 → 13.1.0-dev.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (86) hide show

package/dist/esm/treelist/templates/treelist-aggregates.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]\|\|t[o]&&o\|\|null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var A=(e,t)=>r({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),I=(e,t)=>{let{valid:o,invalid:a,hover:l,focus:s,checked:p,active:u,selected:x,disabled:k,indeterminate:L,loading:v,empty:b,readonly:w,highlighted:S,...E}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":l,"k-focus":s,"k-checked":p,"k-active":u,"k-selected":x,"k-disabled":k,"k-indeterminate":L&&!p,"k-loading":v,"k-empty":b,"k-readonly":w,"k-highlighted":S},Object.keys(E).reduce((P,H)=>(H.startsWith("k-")?P[H]=E[H]:P[`k-${H}`]=E[H],P),{}))};function Nn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},h={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},N={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},T={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",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 Z="grid",oe=Z;import{jsx as Sd,jsxs as wd}from"react/jsx-runtime";var Ja="k-grid",Cd=[],Md={size:[d.undefined,d.small,d.medium,d.large]},yd=[],gn={pagerPosition:"bottom"},q=e=>{let{size:t,pagerPosition:o=gn.pagerPosition,toolbar:a,pager:l,groupingHeader:s,gridSelectionAggregates:p,_renderAriaRoot:u,resizable:x,...k}=e;return wd("div",{...k,className:r(e.className,Ja,{[`${Ja}-resizable`]:x},A(Ja,{size:t})),children:[a,o==="top"&&l,s,e.children&&u?Sd("div",{className:"k-grid-aria-root",children:e.children}):e.children,p,o==="bottom"&&l]})};q.states=Cd;q.options=Md;q.variants=yd;q.className=Ja;q.defaultOptions=gn;q.moduleName=Z;q.folderName=oe;import{jsx as Ad}from"react/jsx-runtime";var kn="k-grid-header",X=e=>{let{draggable:t,...o}=e;return Ad("div",{...o,className:r(e.className,kn,{"k-grid-draggable-header":t}),children:e.children})};X.className=kn;X.moduleName=Z;X.folderName=oe;import{jsx as vn,jsxs as Ed}from"react/jsx-runtime";var Ln="k-grouping-header",Xt=e=>{let{dropHint:t,dropClue:o,...a}=e;return Ed("div",{...a,className:r(e.className,Ln),children:[o&&vn("div",{className:"k-grouping-dropclue"}),e.children,vn("div",{className:"k-grouping-drop-container",children:t})]})};Xt.className=Ln;Xt.moduleName=Z;Xt.folderName=oe;import{jsx as Id}from"react/jsx-runtime";var Cn="k-grid-sticky-container",Mn={position:"top"},qa=e=>{let{position:t=Mn.position,...o}=e;return Id("div",{...o,className:r(e.className,Cn,{"k-grid-sticky-top-container":t==="top","k-grid-sticky-bottom-container":t==="bottom"}),children:e.children})};qa.className=Cn;qa.defaultProps=Mn;qa.moduleName=Z;qa.folderName=oe;var we="table",He=we;import{jsx as Pd}from"react/jsx-runtime";var yn="k-data-table",Rd=[],Od={size:[d.undefined,d.small,d.medium,d.large]},Hd={},Pt=e=>{let{size:t,...o}=e;return Pd("div",{...o,className:r(e.className,yn,A("k-table",{size:t})),children:e.children})};Pt.states=Rd;Pt.options=Od;Pt.className=yn;Pt.defaultOptions=Hd;Pt.moduleName=we;Pt.folderName=He;import{jsx as Dd}from"react/jsx-runtime";var Ir="k-table-header-wrap",Gd=[i.hover,i.focus,i.disabled],Kd={},Bd={},Wt=e=>{let{children:t,hover:o,focus:a,disabled:l,...s}=e;return Dd("div",{...s,className:r(e.className,Ir,I(Ir,{hover:o,focus:a,disabled:l})),children:t})};Wt.states=Gd;Wt.options=Kd;Wt.className=Ir;Wt.defaultOptions=Bd;Wt.moduleName=we;Wt.folderName=He;import{jsx as Fd}from"react/jsx-runtime";var Rr="k-table",_d=[],zd={size:[d.undefined,d.small,d.medium,d.large]},Ud={},Pe=e=>{let{size:t,...o}=e;return Fd("table",{...o,className:r(e.className,Rr,A(Rr,{size:t})),children:e.children})};Pe.states=_d;Pe.options=zd;Pe.className=Rr;Pe.defaultOptions=Ud;Pe.moduleName=we;Pe.folderName=He;import{jsx as Or}from"react/jsx-runtime";var Hr="k-table-header",Vd=[i.hover,i.focus,i.disabled],$d={},Xd={},Gt=e=>{let{children:t,hover:o,focus:a,disabled:l,...s}=e;return Or("div",{...s,className:r(e.className,Hr,I(Hr,{hover:o,focus:a,disabled:l})),children:Or(Wt,{children:Or(Pe,{children:t})})})};Gt.states=Vd;Gt.options=$d;Gt.className=Hr;Gt.defaultOptions=Xd;Gt.moduleName=we;Gt.folderName=He;import{jsx as Yd}from"react/jsx-runtime";var Sn="k-table-scroller",Wd=[],Jd={},qd={},Ao=e=>{let{children:t,...o}=e;return Yd("div",{...o,className:r(e.className,Sn),children:t})};Ao.states=Wd;Ao.options=Jd;Ao.className=Sn;Ao.defaultOptions=qd;Ao.moduleName=we;Ao.folderName=He;import{jsx as Mx}from"react/jsx-runtime";import{jsx as ec}from"react/jsx-runtime";var wn="k-table-footer",Qd=[],Zd={},jd={},Jt=e=>{let{children:t,...o}=e;return ec("div",{...o,className:r(e.className,wn),children:t})};Jt.states=Qd;Jt.options=Zd;Jt.className=wn;Jt.defaultOptions=jd;Jt.moduleName=we;Jt.folderName=He;import{jsx as rc}from"react/jsx-runtime";var Pr="k-table-list",tc=[],oc={size:[d.undefined,d.small,d.medium,d.large]},ac={},qt=e=>{let{size:t,virtualization:o,...a}=e;return rc("ul",{...a,className:r(e.className,"k-table",Pr,A(Pr,{size:t}),{"k-virtual-table":o}),children:e.children})};qt.states=tc;qt.options=oc;qt.className=Pr;qt.defaultOptions=ac;qt.moduleName=we;qt.folderName=He;import{jsx as nc}from"react/jsx-runtime";var lc="k-table-thead",V=e=>nc("thead",{className:r(e.className,lc),children:e.children});import{jsx as sc}from"react/jsx-runtime";var ic="k-table-tbody",ae=e=>sc("tbody",{className:r(e.className,ic),children:e.children});import{jsx as Fx}from"react/jsx-runtime";import{jsx as cc}from"react/jsx-runtime";var Gr="k-table-row",dc=[i.hover,i.focus,i.selected,i.disabled,i.highlighted],g=e=>{let{hover:t,focus:o,selected:a,highlighted:l,disabled:s,alt:p,...u}=e;return cc("tr",{...u,className:r(e.className,Gr,{"k-table-alt-row":p},I(Gr,{hover:t,focus:o,disabled:s,selected:a,highlighted:l})),children:e.children})};g.states=dc;g.className=Gr;import{jsx as mc}from"react/jsx-runtime";var Kr="k-table-row",pc=[i.hover,i.focus,i.selected,i.disabled],Ya=e=>{let{hover:t,focus:o,selected:a,disabled:l,alt:s,...p}=e;return mc("li",{...p,className:r(e.className,Kr,{"k-table-alt-row":s},I(Kr,{hover:t,focus:o,disabled:l,selected:a})),children:e.children})};Ya.states=pc;Ya.className=Kr;import{jsx as uc}from"react/jsx-runtime";var An="k-table-th",Kt=e=>{let{text:t,colspan:o,rowspan:a,...l}=e,s=t\|\|e.children;return uc("th",{colSpan:o,rowSpan:a,...l,className:r(e.className,An),children:s})};Kt.className=An;Kt.moduleName=we;Kt.folderName=He;import{jsx as aN}from"react/jsx-runtime";import{jsx as fc}from"react/jsx-runtime";var Br="k-table-td",bc=[i.focus,i.selected,i.highlighted],n=e=>{let{focus:t,selected:o,highlighted:a,text:l,colspan:s,rowspan:p,...u}=e,x=l\|\|e.children;return fc("td",{colSpan:s,rowSpan:p,...u,className:r(e.className,Br,I(Br,{focus:t,selected:o,highlighted:a})),children:x})};n.states=bc;n.className=Br;import{jsx as cN}from"react/jsx-runtime";import{jsx as bN}from"react/jsx-runtime";import{jsx as xN}from"react/jsx-runtime";import{jsx as vN}from"react/jsx-runtime";import{jsx as yN}from"react/jsx-runtime";import{jsx as ON,jsxs as HN}from"react/jsx-runtime";import{jsx as BN,jsxs as DN}from"react/jsx-runtime";import{jsx as FN,jsxs as VN}from"react/jsx-runtime";import{Fragment as YN,jsx as JN,jsxs as qN}from"react/jsx-runtime";import{jsx as Nc}from"react/jsx-runtime";var In="k-grid-header-table",W=e=>Nc(Pe,{...e,className:r(e.className,In),children:e.children});W.className=In;W.moduleName=Z;W.folderName=oe;import{Fragment as Lc,jsx as Rn}from"react/jsx-runtime";var Dr="k-font-icon",gc=[],kc={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[T.undefined,T.base,T.primary,T.secondary,T.tertiary,T.success,T.warning,T.error,T.info,T.light,T.dark]},vc={},qo=e=>{let{size:t,themeColor:o,icon:a,rotate:l,flip:s,...p}=e;return a?Rn("span",{...p,className:r(e.className,Dr,A(Dr,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${l}`]:l,"k-flip-h":s==="h"\|\|s==="both","k-flip-v":s==="v"\|\|s==="both"}),"aria-hidden":"true"}):Rn(Lc,{})};qo.states=gc;qo.options=kc;qo.className=Dr;qo.defaultOptions=vc;var On=qo;import{Fragment as yc,jsx as Qa}from"react/jsx-runtime";var _r="k-svg-icon",Cc=[],Mc={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[T.undefined,T.base,T.primary,T.secondary,T.tertiary,T.success,T.warning,T.error,T.info,T.light,T.dark]},Hn={viewBox:"0 0 24 24"},Yo=e=>{let{size:t,themeColor:o,rotate:a,flip:l,viewBox:s=Hn.viewBox,icon:p,...u}=e;if(!p)return Qa(yc,{});if(p==="none")return Qa("span",{...u,className:r(e.className,_r,A("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let x=typeof p=="object"&&p.name&&p.name;return Qa("span",{...u,className:r(e.className,_r,A("k-icon",{size:t}),{[`k-svg-i-${x}`]:x,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":l==="h"\|\|l==="both","k-flip-v":l==="v"\|\|l==="both"}),"aria-hidden":"true",children:Qa("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof p=="object"?p.viewBox:s,dangerouslySetInnerHTML:typeof p=="object"?{__html:p.content}:void 0,children:p?void 0:e.children})})};Yo.states=Cc;Yo.options=Mc;Yo.className=_r;Yo.defaultOptions=Hn;var zr=Yo;importas Ur from"@progress/kendo-svg-icons";var Pn="icon",Gn="icons";import{useContext as wc}from"react";import{createContext as Sc}from"react";var Kn=Sc({iconsType:"svg"});import{Fragment as Bn,jsx as Qo}from"react/jsx-runtime";var Za="k-icon",Ac=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Ec=[],Ic={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[T.undefined,T.base,T.primary,T.secondary,T.tertiary,T.success,T.warning,T.error,T.info,T.light,T.dark]},Fr={viewBox:"0 0 24 24",type:"svg"},m=e=>{let{iconsType:t}=wc(Kn),{size:o,themeColor:a,icon:l,type:s=t\|\|Fr.type,rotate:p,flip:u,viewBox:x=Fr.viewBox,...k}=e;if(!l)return Qo(Bn,{});if((t\|\|s)==="svg"){if(l==="none")return Qo(zr,{...k,className:r(e.className,Za),icon:l,size:o});let v=Ur[l]?l:Ac(`${l}-icon`);return Ur[v]?Qo(zr,{...k,className:r(e.className,Za),icon:Ur[v],size:o,themeColor:a,rotate:p,flip:u,viewBox:x}):Qo(Bn,{})}return Qo(On,{...k,className:r(e.className,Za),icon:l,size:o,themeColor:a,rotate:p,flip:u})};m.states=Ec;m.options=Ic;m.defaultOptions=Fr;m.className=Za;m.moduleName=Pn;m.folderName=Gn;m.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."}]};import{jsx as Yt,jsxs as Vr}from"react/jsx-runtime";var $r="k-header",Rc=[i.hover,i.focus,i.active],Dn={sortIcon:"sort-asc-small"},M=e=>{let{menu:t,sortable:o,filterable:a,sticky:l,resizable:s,columnTitle:p,hover:u,focus:x,active:k,sortIcon:L=Dn.sortIcon,sortOrder:v,accessibleLabel:b,...w}=e;return Vr(Kt,{...w,className:r(e.className,$r,{"k-filterable":t\|\|a,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":s},I($r,{hover:u,focus:x,active:k})),children:[p&&Vr("span",{className:"k-cell-inner",children:[Vr("span",{className:"k-link",children:[Yt("span",{className:"k-column-title",children:p}),o&&Yt("span",{className:"k-sort-icon",children:Yt(m,{icon:L})}),v&&Yt("span",{className:"k-sort-order",children:v})]}),t&&Yt("a",{href:"#",className:r("k-grid-header-menu",{"k-active":k,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:Yt(m,{icon:t==="filter"?"filter":"more-vertical"})})]}),!p&&b&&Yt("span",{className:"k-sr-only",children:b}),e.children,s&&Yt("span",{className:"k-column-resizer k-touch-action-none"})]})};M.states=Rc;M.className=$r;M.defaultOptions=Dn;M.moduleName=Z;M.folderName=oe;import{jsx as Oc}from"react/jsx-runtime";var _n="k-grid-container",re=e=>Oc("div",{...e,className:r(e.className,_n),children:e.children});re.className=_n;re.moduleName=Z;re.folderName=oe;import{jsx as Hc}from"react/jsx-runtime";var zn="k-grid-content",j=e=>Hc("div",{...e,className:r(e.className,zn),children:e.children});j.className=zn;j.moduleName=Z;j.folderName=oe;import{jsx as Pc}from"react/jsx-runtime";var Un="k-grid-table",ee=e=>Pc(Pe,{...e,className:r(e.className,Un),children:e.children});ee.className=Un;ee.moduleName=Z;ee.folderName=oe;import{jsx as Gc}from"react/jsx-runtime";var Fn="k-grid-footer",Xr=e=>Gc("div",{...e,className:r(e.className,Fn),children:e.children});Xr.className=Fn;Xr.moduleName=Z;Xr.folderName=oe;import{jsx as Kc}from"react/jsx-runtime";var Vn="k-grid-footer-table",Wr=e=>Kc(Pe,{...e,className:r(e.className,Vn),children:e.children});Wr.className=Vn;Wr.moduleName=Z;Wr.folderName=oe;var Jr="button",$n=Jr;import{Fragment as zc,jsx as Zo,jsxs as Xn}from"react/jsx-runtime";var jo="k-button",Bc=["icon-button"],Dc=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],_c={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[T.undefined,T.base,T.primary,T.secondary,T.tertiary,T.success,T.warning,T.error,T.info,T.light,T.dark,T.inverse]},qr={showArrow:!1,arrowIconName:"caret-alt-down"},c=e=>{let{as:t="button",size:o,rounded:a,fillMode:l,themeColor:s,showArrow:p=qr.showArrow,arrowIconName:u=qr.arrowIconName,variant:x,hover:k,focus:L,active:v,selected:b,disabled:w,togglable:S,icon:E,text:P,iconClassName:H,className:F,...Te}=e,ve=E!==void 0,De=e.children!==void 0;return Xn(t,{className:r(F,jo,Nn(jo,x),A(jo,{size:o,rounded:a,fillMode:l,themeColor:s}),I(jo,{hover:k,focus:L,active:v,disabled:w,selected:b}),{"k-icon-button":!P&&!De&&ve}),...Te,"aria-pressed":S?b?"true":"false":void 0,disabled:w\|\|void 0,children:[E&&Zo(m,{className:r(H,"k-button-icon"),icon:E}),P?Xn(zc,{children:[P&&Zo("span",{className:"k-button-text",children:P}),e.children]}):e.children&&Zo("span",{className:"k-button-text",children:e.children}),p&&Zo("span",{className:"k-menu-button-arrow k-button-arrow",children:Zo(m,{icon:u})})]})};c.states=Dc;c.options=_c;c.variants=Bc;c.className=jo;c.defaultOptions=qr;c.moduleName=Jr;c.folderName=$n;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 Uc}from"react/jsx-runtime";var Qt=e=>Uc(c,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as Fc}from"react/jsx-runtime";var ea=e=>Fc(c,{icon:"folder",children:"Button",...e});import{jsx as Vc}from"react/jsx-runtime";var mo=e=>Vc(c,{children:"Button",...e});import{jsx as Yr}from"react/jsx-runtime";var $c=c.options,Xc=c.states,Wc={...c.defaultOptions,variant:"text"},Jc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],qc=[],ta=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Yr(Qt,{...o,icon:"star"});case"icon-and-text":return Yr(ea,{...o,icon:"star",children:"Button"});default:return Yr(mo,{...o,children:"Button"})}};ta.options=$c;ta.states=Xc;ta.variants=Jc;ta.defaultOptions=Wc;ta.modifiers=qc;var oa="input",ja=oa;import{jsx as jc}from"react/jsx-runtime";var er="k-input",Yc=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Qc={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Zc={},Le=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:p,readonly:u,size:x,rounded:k,fillMode:L,...v}=e;return jc("span",{...v,className:r(e.className,er,A(er,{size:x,rounded:k,fillMode:L}),I(er,{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:p,readonly:u}))})};Le.states=Yc;Le.options=Qc;Le.className=er;Le.defaultOptions=Zc;Le.moduleName=oa;Le.folderName=ja;import{jsx as ap}from"react/jsx-runtime";var tr="k-picker",ep=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],tp={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},op={},yt=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:p,readonly:u,size:x,rounded:k,fillMode:L,...v}=e;return ap("span",{...v,className:r(e.className,tr,A(tr,{size:x,rounded:k,fillMode:L}),I(tr,{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:p,readonly:u})),children:e.children})};yt.states=ep;yt.options=tp;yt.className=tr;yt.defaultOptions=op;yt.moduleName=oa;yt.folderName=ja;import{Fragment as np,jsx as Qr}from"react/jsx-runtime";var Wn="k-clear-value",rp=[i.disabled,i.loading,i.readonly],lp={},ot=e=>{let{disabled:t,loading:o,readonly:a,value:l}=e;return t\|\|a\|\|o\|\|!l?Qr(np,{}):Qr("span",{className:r(e.className,Wn),children:Qr(m,{icon:"x"})})};ot.states=rp;ot.options=lp;ot.className=Wn;import{jsx as dp}from"react/jsx-runtime";var Zr="k-input-inner",ip=[],sp={},or={type:"text",autocomplete:"off",value:"",placeholder:""},at=e=>{let{value:t=or.value,type:o=or.type,placeholder:a=or.placeholder,autocomplete:l=or.autocomplete,disabled:s,readOnly:p,...u}=e;return dp("input",{...u,type:o,className:r(e.className,Zr,A(Zr,e)),placeholder:a,autoComplete:l,defaultValue:t,disabled:s\|\|void 0,readOnly:p\|\|void 0})};at.states=ip;at.options=sp;at.className=Zr;import{jsx as Jn,jsxs as mp}from"react/jsx-runtime";var jr="k-input-inner",cp=[],pp={},uo=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:l,valueIconName:s,...p}=e;return mp("span",{...p,className:r(e.className,jr,A(jr,e)),children:[l,!l&&s&&Jn(m,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&Jn("span",{className:"k-input-value-text",children:t})]})};uo.states=cp;uo.options=pp;uo.className=jr;import{jsx as fp}from"react/jsx-runtime";var el="k-input-inner",up=[],bp={},qn={value:"",placeholder:""},tl=e=>{let{value:t=qn.value,placeholder:o=qn.placeholder,rows:a,disabled:l,...s}=e;return fp("textarea",{...s,className:r(e.className,el,A(el,e)),placeholder:o,rows:a,defaultValue:t,disabled:l\|\|void 0})};tl.states=up;tl.options=bp;tl.className=el;import{Fragment as hp,jsx as Yn}from"react/jsx-runtime";var Qn="k-input-loading-icon",Tp=[i.disabled,i.loading],We=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?Yn(hp,{}):Yn("span",{className:r(e.className,Qn,"k-icon k-i-loading")})};We.states=Tp;We.className=Qn;import{Fragment as gp,jsx as Zn}from"react/jsx-runtime";var jn="k-input-validation-icon",xp=[i.valid,i.invalid,i.disabled,i.loading],Np={},_e=e=>{let{valid:t,invalid:o,disabled:a,loading:l}=e,s=o?"warning-circle":"check-circle";return a\|\|l\|\|!!!(t\|\|o)?Zn(gp,{}):Zn(m,{className:r(jn),icon:s})};_e.states=xp;_e.options=Np;_e.className=jn;import{Fragment as Lp,jsx as ei}from"react/jsx-runtime";var kp="k-input-prefix",vp={direction:"horizontal"},ct=e=>{let{direction:t=vp.direction,...o}=e;return e.children?ei("span",{...o,className:r(kp,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):ei(Lp,{})};import{Fragment as yp,jsx as ti}from"react/jsx-runtime";var Cp="k-input-suffix",Mp={direction:"horizontal"},pt=e=>{let{direction:t=Mp.direction,...o}=e;return e.children?ti("span",{...o,className:r(Cp,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):ti(yp,{})};import{jsx as _v}from"react/jsx-runtime";import{jsx as wp}from"react/jsx-runtime";var Sp="k-input-suffix-text",ol=e=>{let{children:t,...o}=e;return wp("span",{...o,className:r(Sp,e.className),children:t})};import{jsx as Ep}from"react/jsx-runtime";var oi="k-input-separator",Ap={direction:"vertical"},mt=e=>{let{direction:t=Ap.direction,...o}=e;return Ep("span",{...o,className:r(oi,e.className,{[`${oi}-${t}`]:t})})};import{Fragment as ai,jsx as St,jsxs as al}from"react/jsx-runtime";var Ip=Le.states,Rp=Le.defaultOptions,Op=Le.options,Hp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Pp=[],aa=e=>{let{modifiers:t,valid:o,invalid:a,loading:l,disabled:s,readonly:p,...u}=e,x=t?.prefix,k=t?.suffix,L=t?.["clear-button"],v=t?.["validation-icon"],b=t?.separators;return al(Le,{...u,valid:o,invalid:a,loading:l,disabled:s,readonly:p,style:{width:300},children:[x&&al(ai,{children:[St(ct,{children:St(m,{icon:"lock"})}),b&&St(mt,{})]}),St(at,{placeholder:"Placeholder",value:"Value"}),v&&St(_e,{valid:o,invalid:a,loading:l,disabled:s}),St(We,{loading:l,disabled:s}),L&&St(ot,{loading:l,disabled:s,readonly:p,value:"Value"}),k&&al(ai,{children:[b&&St(mt,{}),St(pt,{children:St(mo,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};aa.options=Op;aa.states=Ip;aa.variants=Pp;aa.defaultOptions=Rp;aa.modifiers=Hp;var rl="popup",ri=rl;import{jsx as li}from"react/jsx-runtime";var ni="k-animation-container",Gp=[],Kp={},ii={positionMode:"absolute"},wt=e=>{let{positionMode:t=ii.positionMode,animationStyle:o,offset:a,...l}=e;return li("div",{...l,style:{...a,...e.style},className:r(e.className,ni,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:li("div",{className:"k-child-animation-container",style:o,children:e.children})})};wt.states=Gp;wt.options=Kp;wt.className=ni;wt.defaultOptions=ii;wt.moduleName=rl;wt.folderName=ri;var ll="popup",si=ll;import{jsx as di}from"react/jsx-runtime";var ci="k-popup",Bp=[],Dp={},pi={positionMode:"absolute"},ue=e=>{let{offset:t,positionMode:o=pi.positionMode,animationStyle:a,containerClassName:l,containerRole:s,containerAriaLabel:p,...u}=e;return di(wt,{positionMode:o,offset:t,animationStyle:a,className:l,role:s,"aria-label":p,children:di("div",{...u,className:r(e.className,ci),children:e.children})})};ue.states=Bp;ue.options=Dp;ue.className=ci;ue.defaultOptions=pi;ue.moduleName=ll;ue.folderName=si;ue.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 nl="action-buttons",mi=nl;import{jsx as Up}from"react/jsx-runtime";var ar="k-actions",_p=[],zp={},il={alignment:"start",orientation:"horizontal"},At=e=>{let{alignment:t=il.alignment,orientation:o=il.orientation,...a}=e;return Up("div",{...a,className:r(ar,{[`${ar}-${t}`]:t,[`${ar}-${o}`]:o},e.className),children:e.children})};At.states=_p;At.options=zp;At.className=ar;At.defaultOptions=il;At.moduleName=nl;At.folderName=mi;import{jsx as Vp}from"react/jsx-runtime";var Fp="k-actionsheet-footer",ui={alignment:"stretched",orientation:"horizontal"},Zt=e=>{let{alignment:t=ui.alignment,orientation:o=ui.orientation,template:a,as:l=a?"div":At,...s}=e;return Vp(l,{...s,...!a&&{alignment:t,orientation:o},className:r(e.className,Fp),children:e.children})};var sl="searchbox",bi=sl;import{jsx as ra,jsxs as Wp}from"react/jsx-runtime";var fi="k-searchbox",$p=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],Xp={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},dl={showIcon:!0,icon:"search"},ut=e=>{let{value:t,placeholder:o,size:a,rounded:l,fillMode:s,hover:p,focus:u,valid:x,invalid:k,required:L,loading:v,disabled:b,showIcon:w=dl.showIcon,icon:S=dl.icon,...E}=e;return Wp(Le,{...E,size:a,rounded:l,fillMode:s,hover:p,focus:u,valid:x,invalid:k,required:L,loading:v,disabled:b,className:r(e.className,fi),children:[w&&ra(m,{className:"k-input-icon",icon:S}),ra(at,{placeholder:o,value:t}),ra(We,{...e}),ra(_e,{...e}),ra(ot,{...e})]})};ut.states=$p;ut.options=Xp;ut.className=fi;ut.defaultOptions=dl;ut.moduleName=sl;ut.folderName=bi;import{jsx as lC}from"react/jsx-runtime";var cl="textbox",Ti=cl;import{Fragment as hi,jsx as jt,jsxs as pl}from"react/jsx-runtime";var xi="k-textbox",Jp=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],qp={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},rr={showClearButton:!0,showValidationIcon:!0,separators:!0},de=e=>{let{size:t,rounded:o,fillMode:a,separators:l=rr.separators,showClearButton:s=rr.showClearButton,showValidationIcon:p=rr.showValidationIcon,prefix:u,suffix:x,type:k,value:L,placeholder:v,hover:b,focus:w,valid:S,invalid:E,required:P,loading:H,disabled:F,readonly:Te,id:ve,"aria-label":De,"aria-describedby":et,...tt}=e;return pl(Le,{...tt,size:t,rounded:o,fillMode:a,hover:b,focus:w,valid:S,invalid:E,required:P,loading:H,disabled:F,readonly:Te,className:r(e.className,xi),children:[u&&pl(hi,{children:[jt(ct,{children:u}),l&&jt(mt,{})]}),jt(at,{id:ve,placeholder:v,value:L,type:k,disabled:F,"aria-label":De,"aria-describedby":et,"aria-invalid":E?"true":void 0}),p&&jt(_e,{valid:S,invalid:E,loading:H,disabled:F}),jt(We,{loading:H,disabled:F}),s&&jt(ot,{loading:H,disabled:F,readonly:Te,value:L}),x&&pl(hi,{children:[l&&jt(mt,{}),jt(pt,{children:x})]})]})};de.states=Jp;de.options=qp;de.className=xi;de.defaultOptions=rr;de.moduleName=cl;de.folderName=Ti;de.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 la=de;import{jsx as Yp}from"react/jsx-runtime";var Ni=e=>Yp(la,{...e});import{Fragment as LC,jsx as vC}from"react/jsx-runtime";import{Fragment as AC,jsx as wC}from"react/jsx-runtime";import{jsx as OC}from"react/jsx-runtime";import{jsx as ml}from"react/jsx-runtime";var Qp=de.states,Zp=de.defaultOptions,jp=de.options,em=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],tm=[],na=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?ml(m,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[l]?ml(mo,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[l];break;default:break}}),ml(Ni,{value:"Value",style:{width:300},...o,...a})};na.options=jp;na.states=Qp;na.variants=tm;na.defaultOptions=Zp;na.modifiers=em;import{jsx as eo,jsxs as ul}from"react/jsx-runtime";var gi="k-actionsheet-titlebar",om={},ze=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:l,filter:s,input:p,inputValue:u,inputPlaceholder:x,adaptive:k,titleId:L,children:v,...b}=e;return ul("div",{...b,className:r(e.className,gi),children:[ul("div",{className:"k-actionsheet-titlebar-group",children:[a&&eo("div",{className:"k-actionsheet-actions",children:a}),!v&&ul("div",{className:"k-actionsheet-title",id:L,children:[t&&eo("div",{className:"k-text-center",children:t}),o&&eo("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),v&&eo("div",{className:"k-actionsheet-title",id:L,children:v}),l&&eo("div",{className:"k-actionsheet-actions",children:l})]}),(p\|\|s)&&eo("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?eo(de,{value:u,placeholder:x,size:k?"large":"medium","aria-label":t\|\|x\|\|"Input"}):eo(ut,{placeholder:"Filter",size:k?"large":"medium","aria-label":"Filter options"})})]})};ze.className=gi;ze.defaultOptions=om;import{jsx as bl,jsxs as nm}from"react/jsx-runtime";var fl="k-actionsheet-view",am=[],rm={},lm={},Eo=e=>{let{adaptive:t,animated:o,children:a,header:l,footer:s,titleId:p,...u}=e,x=l?.type===ze&&bl(ze,{adaptive:t,titleId:p,...l?.props}),k=s?.type===Zt&&bl(Zt,{...s?.props});return nm("div",{...u,className:r(e.className,fl,{[`${fl}-animated`]:o}),children:[x,bl("div",{className:"k-actionsheet-content",children:a}),k]})};Eo.states=am;Eo.options=rm;Eo.className=fl;Eo.defaultOptions=lm;var ia="action-sheet",lr=ia;var Tl="overlay",ki=Tl;import{jsx as cm}from"react/jsx-runtime";var hl="k-overlay",im=[],sm={themeColor:[T.undefined,T.light,T.dark,T.inverse]},dm={},to=e=>{let{themeColor:t,...o}=e;return cm("div",{...o,className:r(e.className,hl,A(hl,{themeColor:t})),children:e.children})};to.states=im;to.options=sm;to.className=hl;to.defaultOptions=dm;to.moduleName=Tl;to.folderName=ki;import{jsx as nr,jsxs as um}from"react/jsx-runtime";var vi="k-actionsheet",pm=[],mm={},sa={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Ne=e=>{let{side:t=sa.side,fullscreen:o=sa.fullscreen,adaptive:a=sa.adaptive,overlay:l=sa.overlay,template:s,children:p,header:u,footer:x,id:k,...L}=e,v=k&&!s&&u?`${k}-title`:void 0;return um("div",{className:"k-actionsheet-container",children:[l&&nr(to,{}),nr(wt,{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:nr("div",{...L,id:k,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":v,className:r(e.className,vi,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s\|\|nr(Eo,{header:u,footer:x,adaptive:a,titleId:v,...e,children:p})})})]})};Ne.states=pm;Ne.options=mm;Ne.className=vi;Ne.defaultOptions=sa;Ne.moduleName=ia;Ne.folderName=lr;Ne.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 hm}from"react/jsx-runtime";var Li="k-actionsheet-container",bm=[],fm={},Tm={},Io=e=>{let{children:t,...o}=e;return hm("div",{...o,className:Li,children:t})};Io.states=bm;Io.options=fm;Io.className=Li;Io.defaultOptions=Tm;Io.moduleName=ia;Io.folderName=lr;import{jsx as xm}from"react/jsx-runtime";var xl=e=>{let{...t}=e;return xm("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as gm,jsx as da,jsxs as Nl}from"react/jsx-runtime";var gl="k-actionsheet-item",Nm=[i.hover,i.focus,i.selected,i.disabled],oo=e=>{let{iconName:t,text:o,description:a,hover:l,focus:s,selected:p,disabled:u,...x}=e;return Nl("span",{...x,className:r(e.className,gl,I(gl,{hover:l,focus:s,selected:p,disabled:u})),children:[!e.children&&da(gm,{children:Nl("span",{className:"k-actionsheet-action",children:[t&&da("span",{className:"k-icon-wrap",children:da(m,{className:"k-actionsheet-item-icon",icon:t})}),Nl("span",{className:"k-actionsheet-item-text",children:[o&&da("span",{className:"k-actionsheet-item-title",children:o}),a&&da("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};oo.states=Nm;oo.className=gl;import{jsx as RM,jsxs as OM}from"react/jsx-runtime";import{jsx as KM}from"react/jsx-runtime";import{jsx as zM}from"react/jsx-runtime";import{jsx as $M}from"react/jsx-runtime";import{jsx as Ae,jsxs as kl}from"react/jsx-runtime";var km=Ne.options,vm=Ne.states,Mi={...Ne.defaultOptions,variant:"normal"},Lm=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Cm=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],ca=e=>{let{variant:t,modifiers:o,...a}={...Mi,...e},l={},s=kl(xl,{children:[Ae(oo,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),Ae(oo,{text:"Add to Favorites",iconName:"heart"}),Ae(oo,{text:"Upload New",iconName:"upload",disabled:!0}),Ae("hr",{className:"k-hr"}),Ae(oo,{text:"Cancel",iconName:"cancel"})]}),p="Choose from the items below",u="Select Item";return t==="fullScreen"&&(l.fullScreen=!0),Object.keys(o\|\|{}).forEach(x=>{switch(x){case"actions":l.actionsStart=!!o?.[x],l.actionsEnd=!!o?.[x];break;case"subtitle":l.subtitle=o?.[x]?p:void 0;break;case"footer":l.footer=!!o?.[x];break;default:break}}),t==="adaptive"?Ae(Ne,{...a,adaptive:!0,fullscreen:l.fullScreen,header:Ae(ze,{actionsStart:l.actionsStart?Ae(c,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Ae(c,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:u,subtitle:l.subtitle}),footer:l.footer?kl(Zt,{alignment:"stretched",children:[Ae(c,{text:"Cancel",size:"large",themeColor:"base"}),Ae(c,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):Ae(Ne,{...a,fullscreen:l.fullScreen,header:Ae(ze,{actionsStart:l.actionsStart?Ae(c,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Ae(c,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?kl(Zt,{alignment:"stretched",children:[Ae(c,{text:"Apply",themeColor:"primary"}),Ae(c,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};ca.options=km;ca.states=vm;ca.variants=Lm;ca.defaultOptions=Mi;ca.modifiers=Cm;import Ll from"react";import{jsx as yi}from"react/jsx-runtime";var Mm="k-list-group-sticky-header",vl=e=>yi("div",{className:r(Mm,e.className),children:yi("div",{className:"k-list-header-text",children:e.children})});import{jsx as Sm}from"react/jsx-runtime";var ym="k-no-data",ir=e=>{let{live:t,...o}=e;return Sm("span",{...o,className:r(ym,e.className),"aria-live":t?"polite":void 0,children:e.children})};var bo="list",Ro=bo;import{jsx as Si,jsxs as wi}from"react/jsx-runtime";var Cl="k-list",wm=[],Am={size:[d.undefined,d.small,d.medium,d.large]},Em={},Y=e=>{let{size:t,virtualization:o,children:a,header:l,optionLabel:s,customValue:p,noData:u,screenReaders:x,...k}=e,v=Ll.Children.toArray(a)[0],b=v?.props?.children?Ll.Children.count(v.props.children):Ll.Children.count(a);return wi("div",{...k,className:r(e.className,Cl,A(Cl,{size:t}),{"k-virtual-list":o}),children:[s,p,l&&Si(vl,{children:l}),a\|\|(u!==void 0?u:Si(ir,{live:!0,children:"No data found."})),x&&a&&wi(ir,{className:"k-sr-only",live:!0,children:[b," items found."]})]})};Y.states=wm;Y.options=Am;Y.className=Cl;Y.defaultOptions=Em;Y.moduleName=bo;Y.folderName=Ro;Y.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 Hm}from"react/jsx-runtime";var Ai="k-list-container",Im=[],Rm={},Om={},Oo=e=>{let{...t}=e;return Hm("div",{...t,className:r(e.className,Ai),children:e.children})};Oo.states=Im;Oo.options=Rm;Oo.className=Ai;Oo.defaultOptions=Om;Oo.moduleName=bo;Oo.folderName=Ro;var fo="checkbox",Ho=fo;import{jsx as Ei}from"react/jsx-runtime";var sr="k-checkbox",Pm=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],Gm={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full]},Km={},Je=e=>{let{id:t,checked:o,indeterminate:a,hover:l,focus:s,disabled:p,invalid:u,valid:x,required:k,size:L,rounded:v,...b}=e;return Ei("span",{className:"k-checkbox-wrap",children:Ei("input",{...b,id:t,type:"checkbox",defaultChecked:o,required:k,disabled:p\|\|void 0,"aria-invalid":u?"true":void 0,className:r(e.className,sr,A(sr,{size:L,rounded:v}),I(sr,{hover:l,focus:s,disabled:p,invalid:u,valid:x,indeterminate:a,checked:o}))})})};Je.states=Pm;Je.options=Gm;Je.className=sr;Je.defaultOptions=Km;Je.moduleName=fo;Je.folderName=Ho;Je.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 Et=Je;import{jsx as _m}from"react/jsx-runtime";var Ii="k-checkbox-list",Bm=[],Dm={},Ri={layout:"vertical"},qe=e=>{let{layout:t=Ri.layout,...o}=e;return _m("ul",{...o,className:r(e.className,Ii,{[`k-list-${t}`]:t}),children:e.children})};qe.states=Bm;qe.options=Dm;qe.className=Ii;qe.defaultOptions=Ri;qe.moduleName=fo;qe.folderName=Ho;import{jsx as Vm}from"react/jsx-runtime";var Oi="k-checkbox-list-item",zm=[],Um={},Fm={},Ue=e=>{let{...t}=e;return Vm("li",{...t,className:r(e.className,Oi),children:e.children})};Ue.states=zm;Ue.options=Um;Ue.className=Oi;Ue.defaultOptions=Fm;Ue.moduleName=fo;Ue.folderName=Ho;import{Fragment as $m,jsx as Hi,jsxs as Xm}from"react/jsx-runtime";var Bt=({children:e,id:t,...o})=>Xm($m,{children:[Hi(Et,{id:t,...o}),Hi("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as eS,jsx as jy,jsxs as tS}from"react/jsx-runtime";import{Fragment as nS,jsx as lS,jsxs as iS}from"react/jsx-runtime";import{Fragment as mS,jsx as pS,jsxs as uS}from"react/jsx-runtime";import{jsx as hS}from"react/jsx-runtime";import{jsx as kS}from"react/jsx-runtime";import{jsx as MS}from"react/jsx-runtime";import{jsx as bt,jsxs as Pi}from"react/jsx-runtime";var Wm=qe.options,Jm=qe.states,qm={...qe.defaultOptions,variant:"vertical"},Ym=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Qm=[],pa=e=>{let{variant:t,...o}=e;return t==="horizontal"?Pi(qe,{layout:"horizontal",...o,children:[bt(Ue,{children:bt(Bt,{id:"first",defaultChecked:!0,children:"Label"})}),bt(Ue,{children:bt(Bt,{id:"second",children:"Label"})}),bt(Ue,{children:bt(Bt,{id:"third",children:"Label"})})]}):Pi(qe,{...o,children:[bt(Ue,{children:bt(Bt,{id:"first",defaultChecked:!0,children:"Label"})}),bt(Ue,{children:bt(Bt,{id:"second",children:"Label"})}),bt(Ue,{children:bt(Bt,{id:"third",children:"Label"})})]})};pa.options=Wm;pa.states=Jm;pa.variants=Ym;pa.defaultOptions=qm;pa.modifiers=Qm;import{jsx as au}from"react/jsx-runtime";var Zm=Et.options,jm=Et.states,eu=Et.defaultOptions,tu=[],ou=[],ma=e=>au(Bt,{id:"checkbox-demo-checkbox",...e,defaultChecked:!0,children:"Label"});ma.options=Zm;ma.states=jm;ma.variants=tu;ma.defaultOptions=eu;ma.modifiers=ou;import{jsx as To,jsxs as iu}from"react/jsx-runtime";var Ml="k-list-item",ru=[i.hover,i.focus,i.selected,i.disabled],lu={},nu={},U=e=>{let{text:t,groupLabel:o,group:a,iconName:l,iconClassName:s,showCheckbox:p,checked:u,hover:x,focus:k,selected:L,disabled:v,actions:b,description:w,id:S,...E}=e,P=t\|\|e.children;return iu("li",{...E,id:S,role:a?"presentation":"option",tabIndex:a?void 0:k?0:-1,"aria-selected":!a&&L?"true":a?void 0:"false","aria-disabled":!a&&v?"true":void 0,className:r(e.className,a?"k-list-group-item":Ml,I(Ml,{hover:x,focus:k,disabled:v,selected:L})),children:[p&&To(Je,{checked:u}),l&&To("span",{className:"k-list-item-icon-wrapper",children:To(m,{icon:l,className:r("k-list-item-icon",s)})}),To("span",{className:"k-list-item-text",children:P}),b&&To("div",{className:"k-list-item-actions",children:b}),w&&To("span",{className:"k-list-item-description",children:w}),o&&o!==""&&To("div",{className:"k-list-item-group-label",children:o})]})};U.states=ru;U.options=lu;U.className=Ml;U.defaultOptions=nu;U.moduleName=bo;U.folderName=Ro;U.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 du}from"react/jsx-runtime";var su="k-list-ul",Dt=e=>{let{children:t,role:o,id:a,...l}=e;return du("ul",{...l,id:a,role:o,className:r(su,e.className),children:t})};Dt.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 pu}from"react/jsx-runtime";var cu="k-list-content",ie=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":l,listboxId:s,...p}=e;return pu("div",{...p,className:r(cu,e.className),role:o?"listbox":void 0,id:o?s:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?l:void 0,children:[o?e.children:yl(Dt,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":l,children:e.children}),t&&yl("div",{className:"k-height-container",children:yl("div",{})})]})};ie.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{Fragment as uw,jsx as mw,jsxs as bw}from"react/jsx-runtime";import{jsx as Sl,jsxs as uu}from"react/jsx-runtime";var mu="k-list-group-item",ho=e=>{let{groupIconName:t,...o}=e;return uu("li",{...o,role:"presentation",className:r(mu,e.className),children:[t&&Sl("span",{className:"k-list-item-icon-wrapper",children:Sl(m,{icon:t,className:"k-list-item-icon"})}),Sl("span",{className:"k-list-item-text",children:e.children})]})};ho.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 hu}from"react/jsx-runtime";var wl="k-list-optionlabel",bu=[i.hover,i.focus,i.selected,i.disabled],fu={},Tu={},dr=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:s,...p}=e;return hu("div",{...p,className:r(wl,I(wl,{hover:o,focus:a,selected:l,disabled:s})),children:t})};dr.states=bu;dr.options=fu;dr.className=wl;dr.defaultOptions=Tu;import{jsx as ku}from"react/jsx-runtime";var Al="k-list-custom-value",xu=[i.hover,i.focus,i.selected,i.disabled],Nu={},gu={},ao=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:s,...p}=e;return ku("div",{...p,className:r(Al,I(Al,{hover:o,focus:a,selected:l,disabled:s})),children:t})};ao.states=xu;ao.options=Nu;ao.className=Al;ao.defaultOptions=gu;import{Fragment as Ew,jsx as Aw,jsxs as Iw}from"react/jsx-runtime";import{Fragment as Kw,jsx as Gw,jsxs as Bw}from"react/jsx-runtime";import{Fragment as $w,jsx as Fw,jsxs as Vw}from"react/jsx-runtime";import{Fragment as Zw,jsx as Yw,jsxs as Qw}from"react/jsx-runtime";import{jsx as oA}from"react/jsx-runtime";import{Fragment as sA,jsx as iA,jsxs as dA}from"react/jsx-runtime";var Gi="dropdown-list",Ki="dropdownlist";import{Fragment as Cu,jsx as Fe,jsxs as El}from"react/jsx-runtime";var Bi="k-dropdownlist",vu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Lu={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Il={showValue:!0,arrowIconName:"caret-alt-down"},ce=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=Il.arrowIconName,showValue:s=Il.showValue,valueIconName:p,prefix:u,suffix:x,value:k,placeholder:L,hover:v,focus:b,valid:w,invalid:S,required:E,loading:P,disabled:H,readonly:F,popup:Te,opened:ve,adaptive:De,adaptiveSettings:et,adaptiveTitle:tt,adaptiveSubtitle:wo,adaptiveFilter:Er,...Wa}=e;return El(Cu,{children:[El(yt,{...Wa,size:t,rounded:o,fillMode:a,hover:v,focus:b,valid:w,invalid:S,required:E,loading:P,disabled:H,readonly:F,className:r(e.className,Bi,{"k-icon-picker":!s&&p}),children:[Fe(ct,{children:u}),Fe(uo,{placeholder:L,value:k,showValue:s,valueIconName:p}),Fe(_e,{valid:w,invalid:S,loading:P,disabled:H}),Fe(We,{loading:P,disabled:H}),Fe(pt,{children:x}),Fe(c,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":L\|\|"Toggle dropdown"})]}),ve&&Te&&Fe(ue,{className:"k-list-container k-dropdownlist-popup",children:Te}),De&&Fe(Ne,{adaptive:!0,...et,header:Fe(ze,{actionsEnd:Fe(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:Er,inputValue:k,inputPlaceholder:L,title:tt,subtitle:wo}),children:Fe("div",{className:"k-list-container",children:Fe(Y,{size:"large",children:El(ie,{children:[Fe(U,{text:"List item"}),Fe(U,{text:"List item"}),Fe(U,{text:"List item"})]})})})})]})};ce.states=vu;ce.options=Lu;ce.className=Bi;ce.defaultOptions=Il;ce.moduleName=Gi;ce.folderName=Ki;import{jsx as zA}from"react/jsx-runtime";import{jsx as XA,jsxs as WA}from"react/jsx-runtime";import{Fragment as tE,jsx as jA,jsxs as eE}from"react/jsx-runtime";import{jsx as lE}from"react/jsx-runtime";import{jsx as cE,jsxs as pE}from"react/jsx-runtime";import{Fragment as NE,jsx as hE,jsxs as xE}from"react/jsx-runtime";import{Fragment as Eu,jsx as ro,jsxs as Di}from"react/jsx-runtime";var Mu=ce.states,yu=ce.defaultOptions,Su=ce.options,wu=[{name:"opened",title:"Opened"}],Au=[],ba=e=>{let{modifiers:t,...o}=e,a={},l=Di(Eu,{children:[ro("div",{className:"k-list-filter",children:ro(ut,{})}),ro(Y,{style:{width:300},size:o.size,children:Di(ie,{children:[ro(U,{children:"List item"}),ro(U,{children:"List item"}),ro(U,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?l:void 0)}),ro("div",{children:ro(ce,{placeholder:"Value",style:{width:300},...o,...a})})};ba.options=Su;ba.states=Mu;ba.variants=Au;ba.defaultOptions=yu;ba.modifiers=wu;import{jsx as _i,jsxs as Pu}from"react/jsx-runtime";var zi="k-spin-button",Ou=[],Hu={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},Rl={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},lo=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:l=Rl.increaseLabel,decreaseLabel:s=Rl.decreaseLabel,...p}=e;return Pu("span",{...p,className:r(zi,e.className),children:[_i(c,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":l}),_i(c,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};lo.states=Ou;lo.options=Hu;lo.className=zi;lo.defaultOptions=Rl;lo.moduleName=null;lo.folderName=null;var Ui="numeric-textbox",Fi="numerictextbox";import{Fragment as Vi,jsx as _t,jsxs as Ol}from"react/jsx-runtime";var $i="k-numerictextbox",Gu=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],Ku={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},cr={showSpinButton:!0,showClearButton:!0,separators:!0},$=e=>{let{size:t,rounded:o,fillMode:a,separators:l=cr.separators,showClearButton:s=cr.showClearButton,showSpinButton:p=cr.showSpinButton,prefix:u,suffix:x,value:k,placeholder:L,hover:v,focus:b,valid:w,invalid:S,required:E,loading:P,disabled:H,readonly:F,id:Te,"aria-label":ve,"aria-describedby":De,...et}=e;return Ol(Le,{...et,size:t,rounded:o,fillMode:a,hover:v,focus:b,valid:w,invalid:S,required:E,loading:P,disabled:H,readonly:F,className:r(e.className,$i),children:[u&&Ol(Vi,{children:[_t(ct,{children:u}),l&&_t(mt,{})]}),_t(at,{id:Te,placeholder:L,value:k,role:"spinbutton",disabled:H,"aria-label":ve,"aria-describedby":De,"aria-invalid":S?"true":void 0}),_t(_e,{valid:w,invalid:S,loading:P,disabled:H}),_t(We,{loading:P,disabled:H}),s&&_t(ot,{loading:P,disabled:H,readonly:F,value:k}),x&&Ol(Vi,{children:[l&&_t(mt,{}),_t(pt,{children:x})]}),p&&_t(lo,{className:"k-input-spinner",size:t,fillMode:a,disabled:H})]})};$.states=Gu;$.options=Ku;$.className=$i;$.defaultOptions=cr;$.moduleName=Ui;$.folderName=Fi;$.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 fa=$;import{jsx as Bu}from"react/jsx-runtime";var Xi=e=>Bu(fa,{...e});import{Fragment as rI,jsx as aI}from"react/jsx-runtime";import{Fragment as cI,jsx as dI}from"react/jsx-runtime";import{jsx as bI}from"react/jsx-runtime";import{jsx as Hl}from"react/jsx-runtime";var Du=$.states,_u=$.defaultOptions,zu=$.options,Uu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Fu=[],Ta=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?Hl(ce,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[l]?Hl(ol,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[l];break;case"spin-button":a.showSpinButton=t?.[l];break;default:break}}),Hl(Xi,{value:"Value",style:{width:300},...o,...a})};Ta.options=zu;Ta.states=Du;Ta.variants=Fu;Ta.defaultOptions=_u;Ta.modifiers=Uu;var Pl="pager",Wi=Pl;import{Fragment as Ji,jsx as Ye,jsxs as Po}from"react/jsx-runtime";var pr="k-pager",Vu=[i.focus,i.disabled],$u={size:[d.undefined,d.small,d.medium,d.large]},rt={responsive:!0,pagerSizeInfo:!0,pageTitleInfo:!0,maxPagesInfo:!0,type:"numeric",pageSizes:!0,refresh:!0,previousNext:!0,info:"1 - 5 of 20 items",itemsPerPage:5,maxPages:6,currentPage:1},xe=e=>{let{responsive:t=rt.responsive,size:o,pagerSizeInfo:a=rt.pagerSizeInfo,pageTitleInfo:l=rt.pageTitleInfo,maxPagesInfo:s=rt.maxPagesInfo,itemsPerPage:p=rt.itemsPerPage,maxPages:u=rt.maxPages,currentPage:x=rt.currentPage,previousNext:k=rt.previousNext,type:L=rt.type,pageSizes:v=rt.pageSizes,refresh:b=rt.refresh,info:w=rt.info,focus:S,disabled:E,dir:P,...H}=e,F=[],Te=[];for(let ve=1;ve<=u;ve++)F.push(Ye(c,{selected:ve===x,fillMode:"flat",themeColor:"primary",size:o,children:ve})),Te.push(Ye("option",{selected:ve===x,children:ve}));return Po("div",{dir:P,...H,className:r(e.className,pr,A(pr,{size:o}),I(pr,{focus:S,disabled:E}),{"k-pager-responsive":t}),children:[Po("div",{className:r("k-pager-numbers-wrap"),children:[k&&Po(Ji,{children:[Ye(c,{className:r("k-pager-nav","k-pager-first"),disabled:x===1&&!E,fillMode:"flat",size:o,icon:P==="rtl"?"caret-alt-to-right":"caret-alt-to-left"}),Ye(c,{className:r("k-pager-nav"),disabled:x===1&&!E,fillMode:"flat",size:o,icon:P==="rtl"?"caret-alt-right":"caret-alt-left"})]}),L==="numeric"&&Ye("div",{className:r("k-pager-numbers"),children:F}),L==="input"&&Po("span",{className:r("k-pager-input"),children:[l&&Ye("span",{children:"Page"}),Ye($,{value:`${x}`,size:o,showSpinButton:!1,showClearButton:!1}),Ye("span",{children:s&&`of ${u}`})]}),k&&Po(Ji,{children:[Ye(c,{className:r("k-pager-nav"),disabled:x===u&&!E,fillMode:"flat",size:o,icon:P==="rtl"?"caret-alt-left":"caret-alt-right"}),Ye(c,{className:r("k-pager-nav","k-pager-last"),disabled:x===u&&!E,fillMode:"flat",size:o,icon:P==="rtl"?"caret-alt-to-left":"caret-alt-to-right"})]})]}),v&&Po("span",{className:r("k-pager-sizes"),children:[Ye(ce,{value:`${p}`,size:o}),a&&Ye("span",{children:"items per page"})]}),b&&Ye(c,{className:r("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw"}),w&&Ye("span",{className:r("k-pager-info"),children:w})]})};xe.states=Vu;xe.options=$u;xe.className=pr;xe.defaultOptions=rt;xe.moduleName=Pl;xe.folderName=Wi;import{jsx as _I}from"react/jsx-runtime";import{jsx as VI}from"react/jsx-runtime";import{jsx as JI}from"react/jsx-runtime";import{jsx as qi}from"react/jsx-runtime";var Xu=xe.options,Wu=xe.states,Ju={...xe.defaultOptions,variant:"numeric"},qu=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],Yu=[],ha=e=>{let{variant:t,...o}=e;return t==="input"?qi(xe,{...o,type:"input"}):qi(xe,{...o,type:"numeric"})};ha.options=Xu;ha.states=Wu;ha.variants=qu;ha.defaultOptions=Ju;ha.modifiers=Yu;import{jsx as Qu}from"react/jsx-runtime";var Yi="k-grid-pager",It=e=>Qu(xe,{...e,className:r(e.className,Yi),children:e.children});It.className=Yi;It.moduleName=Z;It.folderName=oe;var Gl="button",Qi=Gl;import{jsx as tb}from"react/jsx-runtime";var xa="k-button-group",Zu=[i.disabled],ju={fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},eb={},D=e=>{let{fillMode:t,disabled:o,stretched:a,...l}=e;return tb("div",{role:"group",...l,className:r(e.className,xa,A(xa,{fillMode:t}),I(xa,{disabled:o}),{[`${xa}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};D.states=Zu;D.options=ju;D.className=xa;D.defaultOptions=eb;D.moduleName=Gl;D.folderName=Qi;D.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};import{Fragment as kR,jsx as gR,jsxs as vR}from"react/jsx-runtime";import{Fragment as wR,jsx as SR,jsxs as AR}from"react/jsx-runtime";import{Fragment as PR,jsx as HR,jsxs as GR}from"react/jsx-runtime";import{Fragment as UR,jsx as zR,jsxs as FR}from"react/jsx-runtime";import{Fragment as qR,jsx as JR,jsxs as YR}from"react/jsx-runtime";import{Fragment as oO,jsx as tO,jsxs as aO}from"react/jsx-runtime";import{jsx as zt,jsxs as Kl}from"react/jsx-runtime";var ob={...c.options,...D.options},ab=c.states,rb={...c.defaultOptions,...D.defaultOptions,variant:"text-button"},lb=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],nb=[],Na=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Kl(D,{fillMode:a.fillMode,className:o,children:[zt(c,{...a,icon:"star"}),zt(c,{...a,icon:"star"}),zt(c,{...a,icon:"star"})]}):t==="icon-text-button"?Kl(D,{fillMode:a.fillMode,className:o,children:[zt(c,{...a,icon:"star",children:"First"}),zt(c,{...a,icon:"star",children:"Middle"}),zt(c,{...a,icon:"star",children:"Last"})]}):Kl(D,{fillMode:a.fillMode,className:o,children:[zt(c,{...a,children:"First"}),zt(c,{...a,children:"Middle"}),zt(c,{...a,children:"Last"})]})};Na.options=ob;Na.states=ab;Na.variants=lb;Na.defaultOptions=rb;Na.modifiers=nb;import{jsx as Zi,jsxs as db}from"react/jsx-runtime";var ji="k-color-preview",ib=[],sb={},no=e=>{let{color:t,iconName:o,...a}=e;return db("span",{...a,className:r(e.className,ji,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Zi(m,{icon:o,className:"k-color-preview-icon"}),Zi("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};no.states=ib;no.options=sb;no.className=ji;var Bl="slider",es=Bl;import{jsx as Go,jsxs as Dl}from"react/jsx-runtime";var ga="k-slider",cb=[i.hover,i.focus,i.active,i.disabled,i.readonly],pb={},Tt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},be=e=>{let{type:t=Tt.type,orientation:o=Tt.orientation,gradientType:a=Tt.gradientType,readonly:l=Tt.readonly,disabled:s=Tt.disabled,handlePosition:p=Tt.handlePosition,showButtons:u=Tt.showButtons,showTicks:x=Tt.showTicks,value:k=Tt.value,min:L=Tt.min,max:v=Tt.max,startValue:b,endValue:w,hover:S,focus:E,active:P,trackStyle:H,dir:F,...Te}=e,De=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),et,tt;return o==="horizontal"?(et=F==="rtl"?"caret-alt-left":"caret-alt-right",tt=F==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(et="caret-alt-up",tt="caret-alt-down"),Dl("div",{...Te,className:r(ga,e.className,I(ga,{readonly:l,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:F,children:[u&&Go(c,{className:"k-button-decrease",rounded:"full",icon:tt,tabIndex:-1,title:"Decrease"}),Dl("div",{className:"k-slider-track-wrap",children:[x&&Go("ul",{className:"k-reset k-slider-items",children:e.children}),Dl("div",{className:"k-slider-track",style:H,children:[Go("div",{className:"k-slider-selection"}),t==="range"&&Go("span",{className:r("k-draghandle","k-draghandle-start",I(ga,{hover:S,focus:E,active:P})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":b??L,"aria-valuemin":L,"aria-valuemax":w??v,"aria-orientation":De,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":Te["aria-label"]?`${Te["aria-label"]} start`:"Range start"}),Go("span",{className:r("k-draghandle",`k-draghandle-${p}`,I(ga,{hover:S,focus:E,active:P})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?w??v:k,"aria-valuemin":t==="range"?b??L:L,"aria-valuemax":v,"aria-orientation":De,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":t==="range"?Te["aria-label"]?`${Te["aria-label"]} end`:"Range end":Te["aria-label"]})]})]}),u&&Go(c,{className:"k-button-increase",rounded:"full",icon:et,tabIndex:-1,title:"Increase"})]})};be.states=cb;be.options=pb;be.className=ga;be.defaultOptions=Tt;be.moduleName=Bl;be.folderName=es;be.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'}]};import{jsx as ts}from"react/jsx-runtime";var os="k-tick",mb=[],ub={},as={label:!1},K=e=>{let{style:t,label:o=as.label,orientation:a,large:l,text:s,...p}=e;return ts("li",{...p,className:r(e.className,os,{[`k-tick-${a}`]:a,"k-tick-large":l}),style:t,children:o&&ts("span",{className:"k-label",children:s})})};K.states=mb;K.options=ub;K.className=os;K.defaultOptions=as;import{Fragment as bb,jsx as ht,jsxs as fb}from"react/jsx-runtime";var rs=e=>ht(be,{"aria-label":e["aria-label"]\|\|"Slider",children:fb(bb,{children:[ht(K,{className:"k-first",label:!0,large:!0,text:"0"}),ht(K,{}),ht(K,{}),ht(K,{}),ht(K,{}),ht(K,{label:!0,large:!0,text:"5"}),ht(K,{}),ht(K,{}),ht(K,{}),ht(K,{}),ht(K,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Tb,jsx as xt,jsxs as hb}from"react/jsx-runtime";var ls=e=>xt(be,{children:hb(Tb,{children:[xt(K,{className:"k-first",label:!0,large:!0,text:"0"}),xt(K,{}),xt(K,{}),xt(K,{}),xt(K,{}),xt(K,{label:!0,large:!0,text:"5"}),xt(K,{}),xt(K,{}),xt(K,{}),xt(K,{}),xt(K,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});import{Fragment as FO,jsx as UO,jsxs as VO}from"react/jsx-runtime";import{Fragment as qO,jsx as JO,jsxs as YO}from"react/jsx-runtime";import{jsx as xb}from"react/jsx-runtime";var _l=e=>xb(be,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{jsx as Nb}from"react/jsx-runtime";var zl=e=>Nb(be,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{Fragment as i0,jsx as n0,jsxs as s0}from"react/jsx-runtime";import{Fragment as u0,jsx as m0,jsxs as b0}from"react/jsx-runtime";import{jsx as Rt,jsxs as ns}from"react/jsx-runtime";var gb=be.options,kb=be.states,is={...be.defaultOptions,variant:"horizontal",label:!0},vb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Lb=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],ka=e=>{let{variant:t,modifiers:o,...a}={...is,...e},l={};Object.keys(o\|\|{}).forEach(k=>{switch(k){case"button":{l.showButtons=!!o?.[k];break}case"label":{l.label=!!o?.[k];break}case"tick":{l.showTicks=!!o?.[k];break}}});let{label:s=!0,showButtons:p,showTicks:u}=l,x={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?ns(ls,{showTicks:u,showButtons:p,style:{height:"300px",...x},...a,children:[Rt(K,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),Rt(K,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),Rt(K,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),Rt(K,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),Rt(K,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):ns(rs,{showTicks:u,showButtons:p,style:{width:"400px",...x},...a,children:[Rt(K,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),Rt(K,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),Rt(K,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),Rt(K,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),Rt(K,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};ka.options=gb;ka.states=kb;ka.variants=vb;ka.defaultOptions=is;ka.modifiers=Lb;import{Fragment as va,jsx as J,jsxs as ge}from"react/jsx-runtime";var ss="k-colorgradient-inputs",Cb=[],Mb={size:[d.undefined,d.small,d.medium,d.large]},ds={mode:"rgba"},Ko=e=>{let{mode:t=ds.mode,size:o,...a}=e;return ge("div",{...a,className:r(ss,"k-hstack"),children:[J("div",{className:"k-vstack",children:J(c,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&ge(va,{children:[ge("div",{className:"k-vstack",children:[J($,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),J("label",{className:"k-colorgradient-input-label",children:"R"})]}),ge("div",{className:"k-vstack",children:[J($,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),J("label",{className:"k-colorgradient-input-label",children:"G"})]}),ge("div",{className:"k-vstack",children:[J($,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),J("label",{className:"k-colorgradient-input-label",children:"B"})]}),ge("div",{className:"k-vstack",children:[J($,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),J("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&ge(va,{children:[ge("div",{className:"k-vstack",children:[J($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),J("label",{className:"k-colorgradient-input-label",children:"R"})]}),ge("div",{className:"k-vstack",children:[J($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),J("label",{className:"k-colorgradient-input-label",children:"G"})]}),ge("div",{className:"k-vstack",children:[J($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),J("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&ge(va,{children:[ge("div",{className:"k-vstack",children:[J($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),J("label",{className:"k-colorgradient-input-label",children:"H"})]}),ge("div",{className:"k-vstack",children:[J($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),J("label",{className:"k-colorgradient-input-label",children:"S"})]}),ge("div",{className:"k-vstack",children:[J($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),J("label",{className:"k-colorgradient-input-label",children:"V"})]}),ge("div",{className:"k-vstack",children:[J($,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),J("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&ge(va,{children:[ge("div",{className:"k-vstack",children:[J($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),J("label",{className:"k-colorgradient-input-label",children:"H"})]}),ge("div",{className:"k-vstack",children:[J($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),J("label",{className:"k-colorgradient-input-label",children:"S"})]}),ge("div",{className:"k-vstack",children:[J($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),J("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&J(va,{children:ge("div",{className:"k-vstack k-flex-1",children:[J(de,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),J("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Ko.states=Cb;Ko.options=Mb;Ko.className=ss;Ko.defaultOptions=ds;import{jsx as xo,jsxs as No}from"react/jsx-runtime";var cs="k-colorgradient-color-contrast",yb=[],Sb={},wb={},Bo=()=>No("div",{className:r(cs,"k-vbox"),children:[No("div",{className:"k-contrast-ratio",children:[xo("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),No("span",{className:"k-contrast-validation !k-text-success",children:[xo(m,{icon:"check"}),xo(m,{icon:"check"})]})]}),No("div",{children:[xo("span",{children:"AA: 4.5"}),No("span",{className:"k-contrast-validation !k-text-success",children:["Pass",xo(m,{icon:"check"})]})]}),No("div",{children:[xo("span",{children:"AAA: 7.0"}),No("span",{className:"k-contrast-validation !k-text-error",children:["Fail",xo(m,{icon:"x"})]})]})]});Bo.states=yb;Bo.options=Sb;Bo.className=cs;Bo.defaultOptions=wb;var ps="color-gradient",ms="colorgradient";import{jsx as Nt,jsxs as La}from"react/jsx-runtime";var mr="k-colorgradient",Ab=[i.hover,i.focus,i.readonly,i.disabled],Eb={size:[d.undefined,d.small,d.medium,d.large]},Ot={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},Ee=e=>{let{size:t,mode:o=Ot.mode,readonly:a=Ot.readonly,disabled:l=Ot.disabled,gradientStyle:s=Ot.gradientStyle,dragHandleStyle:p=Ot.dragHandleStyle,alphaStyle:u=Ot.alphaStyle,alphaStyleHorizontal:x=Ot.alphaStyleHorizontal,contrast:k=Ot.contrast,dir:L,hover:v,focus:b,hoverHandle:w,focusHandle:S,canvasOrientation:E=Ot.canvasOrientation,role:P,tabIndex:H,...F}=e;return La("div",{...F,role:P??"textbox","aria-label":P==="none"?void 0:"Color gradient",tabIndex:H??0,"aria-disabled":l?"true":void 0,className:r(e.className,mr,A(mr,{size:t}),I(mr,{hover:v,focus:b,readonly:a,disabled:l})),dir:L,children:[!E\|\|E==="horizontal"&&La("div",{className:"k-colorgradient-canvas k-hstack",children:[Nt("div",{className:"k-hsv-rectangle",style:s,children:Nt("div",{className:"k-hsv-gradient",children:Nt("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":w,"k-focus":S}),style:p,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),La("div",{className:"k-hsv-controls k-hstack",children:[Nt(zl,{className:"k-hue-slider",hover:w,focus:S}),o!=="rgb"&&o!=="hsv"&&Nt(zl,{className:"k-alpha-slider",hover:w,focus:S,trackStyle:u})]})]}),E==="vertical"&&La("div",{className:"k-colorgradient-canvas k-vstack",children:[Nt("div",{className:"k-hsv-rectangle",style:s,children:Nt("div",{className:"k-hsv-gradient",children:Nt("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":w,"k-focus":S}),style:p,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),La("div",{className:"k-hsv-controls k-vstack",children:[Nt(_l,{className:"k-hue-slider",hover:w,focus:S}),o!=="rgb"&&o!=="hsv"&&Nt(_l,{className:"k-alpha-slider",hover:w,focus:S,trackStyle:x})]})]}),Nt(Ko,{mode:e.mode,size:t}),k&&Nt(Bo,{})]})};Ee.states=Ab;Ee.options=Eb;Ee.className=mr;Ee.defaultOptions=Ot;Ee.moduleName=ps;Ee.folderName=ms;Ee.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};import{jsx as Ib}from"react/jsx-runtime";var ur=e=>Ib(Ee,{...e});import{jsx as rH}from"react/jsx-runtime";import{jsx as sH}from"react/jsx-runtime";import{jsx as Ul}from"react/jsx-runtime";var Rb=Ee.options,Ob=Ee.states,Hb={...Ee.defaultOptions,variant:"rgba"},Pb=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Gb=[],Ca=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Ul(ur,{...o,mode:t});case"rgb":return Ul(ur,{...o,mode:t});default:return Ul(ur,{...o,mode:t})}};Ca.options=Rb;Ca.states=Ob;Ca.variants=Pb;Ca.defaultOptions=Hb;Ca.modifiers=Gb;import{jsx as Kb}from"react/jsx-runtime";var Fl=e=>Kb("tr",{role:"row",children:e.children});import{jsx as _b}from"react/jsx-runtime";var Vl="k-colorpalette-tile",Bb=[i.hover,i.focus,i.selected],Db={},Do=e=>{let{color:t,tileSize:o,hover:a,focus:l,selected:s,...p}=e,u={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return _b("td",{...p,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:r(e.className,Vl,I(Vl,{hover:a,focus:l,selected:s})),style:u})};Do.states=Bb;Do.options=Db;Do.className=Vl;var us="color-palette",bs="colorpalette";import{jsx as Ma}from"react/jsx-runtime";var br="k-colorpalette",zb=[i.disabled],Ub={size:[d.undefined,d.small,d.medium,d.large]},fs={columns:10},Qe=e=>{let{size:t,palette:o,columns:a=fs.columns,tileSize:l,disabled:s,...p}=e,u=[];if(o){let x=a\|\|o.columns,k=o.colors?o.colors:o;Array.isArray(k)&&Array.from({length:Math.ceil(k.length/x)},(L,v)=>{let b=[];k.slice(vx,(v+1)x).map((S,E)=>{b.push(Ma(Do,{color:S,tileSize:l},E))});let w=Ma(Fl,{children:b},v);u.push(w)})}return Ma("div",{...p,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:r(e.className,br,I(br,{disabled:s}),A(br,{size:t})),children:Ma("table",{className:"k-colorpalette-table",role:"none",children:Ma("tbody",{children:u.length>0?u:e.children})})})};Qe.states=zb;Qe.options=Ub;Qe.className=br;Qe.defaultOptions=fs;Qe.moduleName=us;Qe.folderName=bs;Qe.ariaSpec={selector:".k-colorpalette",rules:[{selector:".k-colorpalette",attribute:"role=grid",usage:"The focusable wrapper announces its role as a grid."},{selector:".k-colorpalette",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpalette",attribute:"aria-activedescendant",usage:"Points to the focused cell in the table."},{selector:".k-colorpalette",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpalette.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorPalette is disabled."},{selector:".k-colorpalette-table",attribute:"role=none or role=presentation",usage:"Negates the default role of the table element."},{selector:".k-colorpalette-table>tbody>tr",attribute:"role=row",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"role=gridcell",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"aria-label or title",usage:"The text representation of the color value for the current cell."},{selector:".k-colorpalette-tile.k-selected",attribute:"aria-selected=true",usage:"Present on the currently selected cell."}]};var fr=Qe;var ya={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as Fb}from"react/jsx-runtime";var Ts=e=>Fb(fr,{palette:ya.basic,...e});import{jsx as FH}from"react/jsx-runtime";import{jsx as qH,jsxs as YH}from"react/jsx-runtime";import{jsx as Yb}from"react/jsx-runtime";var Vb=Qe.options,$b=Qe.states,Xb={...Qe.defaultOptions,variant:"basic"},Wb=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Jb={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}},qb=[],Sa=e=>{let{variant:t="basic",...o}=e,a=Jb[t];return Yb(Ts,{columns:a.columns,palette:a,...o})};Sa.options=Vb;Sa.states=$b;Sa.variants=Wb;Sa.defaultOptions=Xb;Sa.modifiers=qb;var hs="color-editor",xs="coloreditor";import{jsx as gt,jsxs as _o}from"react/jsx-runtime";var Tr="k-coloreditor",Qb=[i.focus],Zb={size:[d.undefined,d.small,d.medium,d.large]},wa={view:"gradient",palette:ya.office,actionButtons:!0,canvasOrientation:"horizontal"},ke=e=>{let{size:t,view:o=wa.view,palette:a=wa.palette,color:l,currentColor:s,focus:p,focusView:u,dir:x,group:k,actionButtons:L=wa.actionButtons,canvasOrientation:v=wa.canvasOrientation,...b}=e;return _o("div",{...b,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",Tr,A(Tr,{size:t}),I(Tr,{focus:p})),dir:x,children:[_o("div",{className:"k-coloreditor-header k-hstack",children:[gt("div",{className:"k-coloreditor-header-actions k-hstack",children:k&&_o(D,{fillMode:"flat",children:[gt(c,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),gt(c,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),gt("div",{className:"k-spacer"}),_o("div",{className:"k-coloreditor-header-actions k-hstack",children:[gt(c,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),_o("div",{className:"k-coloreditor-preview k-vstack",children:[gt(no,{className:"k-coloreditor-preview-color",color:l}),gt(no,{className:"k-coloreditor-current-color",color:s})]})]})]}),gt("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?gt(Ee,{focus:u,size:t,canvasOrientation:v,role:"none",tabIndex:-1}):gt(Qe,{palette:a,size:t})}),L&&_o(At,{className:"k-coloreditor-footer",alignment:"start",children:[gt(c,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),gt(c,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};ke.states=Qb;ke.options=Zb;ke.className=Tr;ke.defaultOptions=wa;ke.moduleName=hs;ke.folderName=xs;ke.ariaSpec={selector:".k-flatcolorpicker",rules:[{selector:".k-flatcolorpicker",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a submittable value."},{selector:".k-flatcolorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-flatcolorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-flatcolorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the FlatColorPicker is disabled."},{selector:".k-colorgradient",attribute:"role=none",usage:"The inner ColorGradient must have its role removed."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var zo=ke;import{jsx as MP}from"react/jsx-runtime";import{jsx as AP}from"react/jsx-runtime";import{jsx as jb}from"react/jsx-runtime";var Ns=e=>jb(zo,{group:!0,currentColor:"fuchsia",...e});import{jsx as ef}from"react/jsx-runtime";var gs=e=>ef(zo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as ks}from"react/jsx-runtime";var tf=ke.options,of=ke.states,af={...ke.defaultOptions,variant:"gradient"},rf=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],lf=[],Aa=e=>{let{variant:t,...o}=e;return t==="palette"?ks(gs,{...o,color:"white"}):ks(Ns,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Aa.options=tf;Aa.states=of;Aa.variants=rf;Aa.defaultOptions=af;Aa.modifiers=lf;var vs="color-picker",Ls="colorpicker";import{Fragment as df,jsx as kt,jsxs as $l}from"react/jsx-runtime";var Cs="k-colorpicker",nf=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],sf={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Ms={arrowIconName:"caret-alt-down"},lt=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=Ms.arrowIconName,prefix:s,suffix:p,value:u,placeholder:x,hover:k,focus:L,valid:v,invalid:b,required:w,disabled:S,valueIconName:E,popup:P,opened:H,adaptive:F,adaptiveSettings:Te,adaptiveTitle:ve,adaptiveSubtitle:De,...et}=e,tt="colorpicker-popup";return $l(df,{children:[$l(yt,{...et,size:t,rounded:o,fillMode:a,hover:k,focus:L,valid:v,invalid:b,required:w,disabled:S,role:"combobox","aria-haspopup":"dialog","aria-expanded":H?"true":"false","aria-controls":H\|\|F?tt:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":S?"true":void 0,className:r(e.className,Cs,"k-icon-picker"),children:[kt(ct,{children:s}),kt(uo,{placeholder:x,value:u,showValue:!1,valueIcon:kt(no,{className:"k-value-icon",color:u,iconName:E}),valueIconName:E}),kt(pt,{children:p}),kt(c,{className:"k-input-button",icon:l,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:S})]}),H&&P&&kt(ue,{id:tt,className:"k-colorpicker-popup",children:P}),F&&kt(Ne,{adaptive:!0,id:tt,...Te,header:kt(ze,{actionsEnd:kt(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:ve,subtitle:De}),footer:$l(Zt,{children:[kt(c,{text:"Cancel",size:"large"}),kt(c,{text:"Set",size:"large",themeColor:"primary"})]}),children:kt(ke,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};lt.states=nf;lt.options=sf;lt.className=Cs;lt.defaultOptions=Ms;lt.moduleName=vs;lt.folderName=Ls;lt.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var io=lt;import{jsx as cf}from"react/jsx-runtime";var hr=e=>cf(io,{...e});import{jsx as mG}from"react/jsx-runtime";import{jsx as hG}from"react/jsx-runtime";import{jsx as kG}from"react/jsx-runtime";import{jsx as MG}from"react/jsx-runtime";import{jsx as AG}from"react/jsx-runtime";import{jsx as OG}from"react/jsx-runtime";import{jsx as go}from"react/jsx-runtime";var pf=io.options,mf=io.states,ys={...io.defaultOptions,variant:"color"},uf=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],bf=[{name:"opened",title:"Opened"}],Ea=e=>{let{variant:t,modifiers:o,...a}={...ys,...e},l={};Object.keys(o\|\|{}).forEach(p=>{p==="opened"&&(l.opened=!!o?.[p],l.popup=o?.[p]?go(ke,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let s=l.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return go("div",{style:s,children:go(hr,{...a,...l})});case"icon":return go("div",{style:s,children:go(hr,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...l})});default:return go("div",{style:s,children:go(hr,{value:"rgba(183, 118 , 118, 1.00)",...a,...l})})}};Ea.options=pf;Ea.states=mf;Ea.variants=uf;Ea.defaultOptions=ys;Ea.modifiers=bf;var Xl="combobox",Ss=Xl;import{Fragment as Wl,jsx as Ce,jsxs as Ia}from"react/jsx-runtime";var ws="k-combobox",ff=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],Tf={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},As={separators:!0},Ve=e=>{let{size:t,rounded:o,fillMode:a,separators:l=As.separators,prefix:s,suffix:p,value:u,placeholder:x,hover:k,focus:L,valid:v,invalid:b,required:w,loading:S,disabled:E,popup:P,opened:H,readonly:F,adaptive:Te,adaptiveSettings:ve,adaptiveTitle:De,adaptiveSubtitle:et,adaptiveCustomValue:tt,id:wo,autocomplete:Er,activeDescendant:Wa,"aria-label":kd,...vd}=e,Ld=wo?`${wo}-listbox`:void 0;return Ia(Wl,{children:[Ia(Le,{...vd,size:t,rounded:o,fillMode:a,hover:k,focus:L,valid:v,invalid:b,required:w,loading:S,disabled:E,readonly:F,className:r(e.className,ws),children:[s&&Ia(Wl,{children:[Ce(ct,{children:s}),l&&Ce(mt,{})]}),Ce(at,{placeholder:x,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":H?"true":"false","aria-controls":H?Ld:void 0,"aria-activedescendant":H&&Wa?Wa:void 0,"aria-autocomplete":Er,"aria-invalid":b?"true":void 0,"aria-busy":S?"true":void 0,"aria-label":kd,disabled:E,readOnly:F}),Ce(_e,{valid:v,invalid:b,loading:S,disabled:E}),Ce(We,{loading:S,disabled:E}),Ce(ot,{loading:S,disabled:E,readonly:F,value:u}),p&&Ia(Wl,{children:[l&&Ce(mt,{}),Ce(pt,{children:p})]}),Ce(c,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:E})]}),H&&P&&Ce(ue,{className:"k-list-container k-combobox-popup",containerClassName:"k-combobox-popup-container",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:P}),Te&&Ce(Ne,{adaptive:!0,id:wo?`${wo}-adaptive`:void 0,...ve,header:Ce(ze,{actionsEnd:Ce(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:x,title:De,subtitle:et}),children:Ce("div",{className:"k-list-container",children:Ce(Y,{customValue:tt?Ce(ao,{text:`Use "${u}"`}):void 0,size:"large",children:Ia(ie,{"aria-label":De\|\|"Options",children:[Ce(U,{text:"List item"}),Ce(U,{text:"List item"}),Ce(U,{text:"List item"})]})})})})]})};Ve.states=ff;Ve.options=Tf;Ve.className=ws;Ve.defaultOptions=As;Ve.moduleName=Xl;Ve.folderName=Ss;Ve.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-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 nt=Ve;import{jsx as hf}from"react/jsx-runtime";var Es=e=>hf(nt,{...e});import{jsx as fK,jsxs as TK}from"react/jsx-runtime";import{jsx as vK,jsxs as LK}from"react/jsx-runtime";import{jsx as AK,jsxs as EK}from"react/jsx-runtime";import{Fragment as GK,jsx as PK}from"react/jsx-runtime";import{Fragment as UK,jsx as zK}from"react/jsx-runtime";import{jsx as JK,jsxs as qK}from"react/jsx-runtime";import{Fragment as a1,jsx as t1,jsxs as o1}from"react/jsx-runtime";import{jsx as i1}from"react/jsx-runtime";import{jsx as p1}from"react/jsx-runtime";import{jsx as h1,jsxs as x1}from"react/jsx-runtime";import{jsx as C1,jsxs as M1}from"react/jsx-runtime";import{jsx as so,jsxs as Lf}from"react/jsx-runtime";var xf=Ve.states,Nf=Ve.defaultOptions,gf=Ve.options,kf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],vf=[],Ra=e=>{let{modifiers:t,...o}=e,a={},l=so(Y,{style:{width:300},size:o.size,children:Lf(ie,{children:[so(U,{children:"List item"}),so(U,{children:"List item"}),so(U,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?so(m,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?so(Qt,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[s],a.popup=t?.[s]?l:void 0;break;default:break}}),so("div",{children:so(Es,{value:"Value",style:{width:300},...o,...a})})};Ra.options=gf;Ra.states=xf;Ra.variants=vf;Ra.defaultOptions=Nf;Ra.modifiers=kf;var Jl="menu-button",Is=Jl;import{jsx as yf}from"react/jsx-runtime";var Rs="k-menu-button",Cf=[i.hover,i.focus,i.active,i.selected,i.disabled],Mf={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[T.undefined,T.base,T.primary,T.secondary,T.tertiary,T.success,T.warning,T.error,T.info,T.light,T.dark,T.inverse]},ql={showArrow:!0,arrowIconName:"caret-alt-down"},pe=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:p,active:u,selected:x,disabled:k,icon:L,text:v,showArrow:b=ql.showArrow,arrowIconName:w=ql.arrowIconName,expanded:S,...E}=e;return yf(c,{...E,className:r(e.className,Rs),text:v,size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:p,active:u,selected:x,disabled:k,icon:L,showArrow:b,arrowIconName:w,"aria-expanded":S?"true":"false",...!v&&L&&!e["aria-label"]&&{"aria-label":"Menu"},...k&&{"aria-disabled":"true"}})};pe.states=Cf;pe.options=Mf;pe.className=Rs;pe.defaultOptions=ql;pe.moduleName=Jl;pe.folderName=Is;pe.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};import{jsx as rB}from"react/jsx-runtime";import{jsx as sB}from"react/jsx-runtime";import{jsx as mB}from"react/jsx-runtime";var it="menu",vt=it;import{jsx as Oa,jsxs as Os}from"react/jsx-runtime";var Yl="k-menu-item",Sf=[i.hover,i.focus,i.active,i.selected,i.disabled],wf={},Hs={iconPosition:"before"},Ge=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:s,icon:p,text:u,first:x,last:k,showArrow:L,arrowIconName:v,iconPosition:b=Hs.iconPosition,dir:w,children:S,expanded:E,...P}=e,H=v;return H\|\|(H=w==="rtl"?"caret-alt-left":"caret-alt-right"),Os("li",{...P,className:r(e.className,Yl,"k-item",I(Yl,{focus:o,disabled:s,hover:t,active:a,selected:l}),{"k-first":x,"k-last":k}),role:"menuitem",...L&&{"aria-haspopup":"menu"},...L&&{"aria-expanded":E?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Os("span",{className:r("k-link k-menu-link"),children:[p&&b==="before"&&Oa(m,{className:"k-menu-link-icon",icon:p}),Oa("span",{className:"k-menu-link-text",children:u}),p&&b==="after"&&Oa(m,{className:"k-menu-link-icon",icon:p}),L&&Oa("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Oa(m,{icon:H})})]}),S]})};Ge.states=Sf;Ge.options=wf;Ge.className=Yl;Ge.defaultOptions=Hs;Ge.moduleName=it;Ge.folderName=vt;import{jsx as Ha,jsxs as Ps}from"react/jsx-runtime";var Ql="k-menu-item",Af=[i.hover,i.focus,i.active,i.selected,i.disabled],Ef={},Zl={dir:"ltr",iconPosition:"before"},he=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:s,icon:p,text:u,first:x,last:k,showArrow:L,arrowIconName:v,iconPosition:b=Zl.iconPosition,dir:w=Zl.dir,children:S,popup:E,expanded:P,...H}=e,F=v;return F\|\|(F=w==="rtl"?"caret-alt-left":"caret-alt-right"),Ps("li",{...H,className:r(e.className,Ql,"k-item",I(Ql,{focus:o,disabled:s}),{"k-first":x,"k-last":k}),role:"menuitem",...L&&{"aria-haspopup":"menu"},...L&&{"aria-expanded":P?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Ps("span",{className:r("k-link k-menu-link",I("k-menu-link",{hover:t,active:a,selected:l,disabled:s})),children:[p&&b==="before"&&Ha(m,{className:"k-menu-link-icon",icon:p}),Ha("span",{className:"k-menu-link-text",children:u}),p&&b==="after"&&Ha(m,{className:"k-menu-link-icon",icon:p}),L&&Ha("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ha(m,{icon:F})})]}),S,E]})};he.states=Af;he.options=Ef;he.className=Ql;he.defaultOptions=Zl;he.moduleName=it;he.folderName=vt;import{jsx as Hf}from"react/jsx-runtime";var Gs="k-menu-scroll-wrapper",If=[],Rf={},Of={},ko=e=>{let{className:t,children:o,orientation:a,...l}=e;return Hf("div",{...l,className:r(t,Gs,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};ko.states=If;ko.options=Rf;ko.className=Gs;ko.defaultOptions=Of;ko.moduleName=it;ko.folderName=vt;var Ks=ko;import{Fragment as jl,jsx as vo,jsxs as Nr}from"react/jsx-runtime";var en="k-menu",Pf=[],Gf={},gr={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Ie=e=>{let{children:t,orientation:o=gr.orientation,header:a=gr.header,scrollable:l,scrollButtonsPosition:s=gr.scrollButtonsPosition,wrapperStyles:p,dir:u,popup:x,contextMenu:k,...L}=e,v={horizontal:{prev:u!=="rtl"?"left":"right",next:u!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},b=vo("ul",{dir:u,...L,className:r(e.className,"k-reset",en,{[`${en}-${o}`]:o,"k-header":a}),role:k?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Nr(jl,{children:[l?Nr(Ks,{orientation:o,style:p,dir:e.dir,children:[s==="start"&&Nr(jl,{children:[vo(c,{fillMode:"flat",icon:`caret-alt-${v[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),vo(c,{fillMode:"flat",icon:`caret-alt-${v[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&vo(c,{fillMode:"flat",icon:`caret-alt-${v[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),b,s==="end"&&Nr(jl,{children:[vo(c,{fillMode:"flat",icon:`caret-alt-${v[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),vo(c,{fillMode:"flat",icon:`caret-alt-${v[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&vo(c,{fillMode:"flat",icon:`caret-alt-${v[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):b,x]})};Ie.states=Pf;Ie.options=Gf;Ie.className=en;Ie.defaultOptions=gr;Ie.moduleName=it;Ie.folderName=vt;Ie.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item[aria-haspopup]",attribute:"aria-haspopup=menu",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item[aria-haspopup]",attribute:"aria-expanded=true/false",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item[aria-haspopup][aria-controls]",attribute:"aria-controls=ul.k-menu-group id",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};import{jsx as Kf}from"react/jsx-runtime";var tn="k-separator",Bs={orientation:"horizontal"},Uo=e=>{let{orientation:t=Bs.orientation,...o}=e;return Kf("li",{...o,className:r(e.className,"k-item",tn,{[`${tn}-${t}`]:t}),role:"separator"})};Uo.className=tn;Uo.defaultOptions=Bs;Uo.moduleName=it;Uo.folderName=vt;import{Fragment as zB,jsx as UB}from"react/jsx-runtime";import{jsx as zf}from"react/jsx-runtime";var on="k-menu-group",Bf=[],Df={size:[d.undefined,d.small,d.medium,d.large]},_f={},Ke=e=>{let{children:t,size:o,...a}=e;return zf("ul",{...a,className:r(e.className,on,A(on,{size:o})),role:"menu",children:t})};Ke.states=Bf;Ke.options=Df;Ke.className=on;Ke.defaultOptions=_f;Ke.moduleName=it;Ke.folderName=vt;import{Fragment as Uf,jsx as Fo,jsxs as Ff}from"react/jsx-runtime";var an=e=>Fo(Ie,{children:Ff(Uf,{children:[Fo(Ge,{first:!0,text:"Item 1"}),Fo(Ge,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),Fo(Ge,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),Fo(Ge,{text:"Item 4"}),Fo(Ge,{last:!0,text:"Item 5"})]}),...e});import{Fragment as oD,jsx as eD,jsxs as tD}from"react/jsx-runtime";import{Fragment as iD,jsx as nD,jsxs as sD}from"react/jsx-runtime";import{Fragment as uD,jsx as mD,jsxs as bD}from"react/jsx-runtime";import{Fragment as ND,jsx as xD,jsxs as gD}from"react/jsx-runtime";import{jsx as Lo,jsxs as Jf}from"react/jsx-runtime";var Vf=Ie.options,$f=Ie.states,Ds={...Ie.defaultOptions,variant:"horizontal"},Xf=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Wf=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Pa=e=>{let{variant:t,modifiers:o,...a}={...Ds,...e},l={};return Object.keys(o\|\|{}).forEach(s=>{switch(s){case"scrollable":l.scrollable=!!o?.[s];break;case"opened":l.opened=!!o?.[s],l.popup=Lo(ue,{className:"k-menu-popup",children:Jf(Ke,{children:[Lo(he,{text:"Item 1"}),Lo(he,{text:"Item 2"}),Lo(Uo,{}),Lo(he,{text:"Item 3"})]})});break}}),t==="vertical"?Lo(an,{...a,...l,orientation:"vertical",style:{width:"200px"}}):Lo(an,{...a,...l})};Pa.options=Vf;Pa.states=$f;Pa.variants=Xf;Pa.defaultOptions=Ds;Pa.modifiers=Wf;import{Fragment as ZD,jsx as YD,jsxs as QD}from"react/jsx-runtime";import{jsx as o_}from"react/jsx-runtime";import{Fragment as jf,jsx as Ht,jsxs as _s}from"react/jsx-runtime";var qf=c.states,zs={...c.defaultOptions,variant:"text"},Yf=c.options,Qf=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Zf=[{name:"opened",title:"Opened"}],Ga=e=>{let{variant:t,modifiers:o,...a}={...zs,...e},l={},s=Ht(ue,{className:"k-menu-popup",children:_s(Ke,{size:a.size,children:[Ht(he,{first:!0,text:"Menu Item"}),Ht(he,{text:"Menu Item"}),Ht(he,{last:!0,text:"Menu Item"})]})}),p;switch(t){case"icon-only":p=Ht("div",{children:Ht(pe,{...a,...l,icon:"star"})});break;case"icon-and-text":p=Ht("div",{children:Ht(pe,{...a,...l,icon:"star",children:"Dropdown Button"})});break;default:p=Ht("div",{children:Ht(pe,{...a,...l,children:"Dropdown Button"})});break}return _s(jf,{children:[p,o?.opened&&s]})};Ga.options=Yf;Ga.states=qf;Ga.variants=Qf;Ga.defaultOptions=zs;Ga.modifiers=Zf;var rn="split-button",Us=rn;import{Fragment as oT,jsx as ln,jsxs as Fs}from"react/jsx-runtime";var nn="k-split-button",eT=[i.hover,i.focus,i.active,i.selected,i.disabled],tT={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[T.undefined,T.base,T.primary,T.secondary,T.tertiary,T.success,T.warning,T.error,T.info,T.light,T.dark,T.inverse]},Vs={arrowIconName:"caret-alt-down"},Q=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:p,active:u,selected:x,disabled:k,icon:L,text:v,arrowIconName:b=Vs.arrowIconName,popup:w,opened:S,popupId:E,...P}=e;return Fs(oT,{children:[Fs("div",{...P,className:r(e.className,nn,"k-button-group",A(nn,{rounded:o})),children:[ln(c,{text:v,icon:L,size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:p,active:u,selected:x,disabled:k,...!v&&!e.children&&L&&{"aria-label":"Action"},children:e.children}),ln(c,{className:"k-split-button-arrow",icon:b,size:t,rounded:o,fillMode:a,disabled:k,"aria-label":"Toggle dropdown","aria-expanded":S?"true":"false","aria-controls":S?E:void 0,tabIndex:-1,...k&&{"aria-disabled":"true"}})]}),S&&w&&ln(ue,{className:"k-menu-popup",children:w})]})};Q.states=eT;Q.options=tT;Q.className=nn;Q.defaultOptions=Vs;Q.moduleName=rn;Q.folderName=Us;Q.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var sn=Q;import{jsx as rT}from"react/jsx-runtime";var aT="k-toolbar-separator",Mt=e=>rT("div",{className:r(aT,e.className,"k-separator")});var Ut="toolbar",co=Ut;import{Fragment as dn,jsx as te,jsxs as Vo}from"react/jsx-runtime";var Ft="k-toolbar",lT=[i.focus],nT={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},iT={scrollButtons:"around"},me=e=>{let{size:t,fillMode:o,focus:a,resizable:l,scrollable:s,scrollButtons:p,scrollingPosition:u,section:x,...k}=e,L=[],v=(b,w)=>{let S=[];if(b.type===c&&b.props.className&&b.props.className.includes("k-toolbar-overflow-button"))S.push(te(c,{...b.props,className:`${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`));else if(b.type===c)S.push(te(c,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`));else if(b.type===ea)S.push(te(ea,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`));else if(b.type===Qt)S.push(te(Qt,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`));else if(b.type===pe)S.push(te(pe,{...b.props,className:`k-toolbar-menu-button ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`));else if(b.type===sn)S.push(te(sn,{...b.props,className:`k-toolbar-split-button ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`));else if(b.type===D\|\|b.props.className&&b.props.className.includes("k-button-group")){let E=[];(Array.isArray(b.props.children)?b.props.children:[b.props.children]).forEach((H,F)=>{E.push(te(c,{...H.props,className:`${H.props.className?H.props.className:""}`},`${F}-${new Date().getTime()}`))}),S.push(te(D,{...b.props,className:`k-toolbar-button-group ${b.props.className?b.props.className:""}`,children:E},`${w}-${new Date().getTime()}`))}else b.type===Ve?S.push(te(Ve,{...b.props,className:`k-toolbar-combobox ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`)):b.type===ce?S.push(te(ce,{...b.props,className:`k-toolbar-dropdownlist ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`)):b.type===lt?S.push(te(lt,{...b.props,className:`k-toolbar-colorpicker ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`)):S.push(b);S.forEach(E=>{L.push(E)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((w,S)=>{v(w,S)}),Vo("div",{...k,className:r(e.className,Ft,A(Ft,{size:t,fillMode:o}),I(Ft,{focus:a}),{[`${Ft}-resizable`]:l,[`${Ft}-scrollable`]:s,[`${Ft}-scrollable-overlay`]:s&&p==="hidden",[`${Ft}-scrollable-${u}`]:u&&u!=="both",[`${Ft}-section`]:x}),role:"toolbar","aria-label":"Toolbar",children:[!s&&L,s&&p==="hidden"&&te("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L}),s&&p==="start"&&Vo(dn,{children:[Vo(D,{children:[te("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:te(m,{className:"k-button-icon",icon:"caret-alt-left"})}),te("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:te(m,{className:"k-button-icon",icon:"caret-alt-right"})})]}),te(Mt,{className:"k-toolbar-button-separator"}),te("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L})]}),s&&p==="end"&&Vo(dn,{children:[te("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L}),te(Mt,{className:"k-toolbar-button-separator"}),Vo(D,{children:[te("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:te(m,{className:"k-button-icon",icon:"caret-alt-left"})}),te("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:te(m,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),s&&(p==="around"\|\|!p)&&Vo(dn,{children:[te("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:te(m,{className:"k-button-icon",icon:"caret-alt-left"})}),te(Mt,{className:"k-toolbar-button-separator"}),te("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L}),te(Mt,{className:"k-toolbar-button-separator"}),te("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:te(m,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};me.states=lT;me.options=nT;me.className=Ft;me.defaultOptions=iT;me.moduleName=Ut;me.folderName=co;me.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])[aria-controls]',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group[aria-labelledby]",attribute:"aria-labelledby=.k-toolbar-overflow-button id",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])[aria-controls]',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list[aria-labelledby]",attribute:"aria-labelledby=.k-toolbar-overflow-button id",usage:"Associates the title of the section toggle button."}]};import{jsx as pT}from"react/jsx-runtime";var $s="k-floating-toolbar",sT=[],dT={},cT={},$o=e=>{let{...t}=e;return pT("div",{...t,className:r(e.className,$s),children:e.children})};$o.states=sT;$o.options=dT;$o.className=$s;$o.defaultOptions=cT;$o.moduleName=Ut;$o.folderName=co;import{jsx as fT}from"react/jsx-runtime";var cn="k-toolbar-item",mT=[i.focus],uT={},bT={},Xo=e=>{let{focus:t,...o}=e;return fT("div",{...o,className:r(e.className,cn,I(cn,{focus:t})),children:e.children})};Xo.states=mT;Xo.options=uT;Xo.className=cn;Xo.defaultOptions=bT;Xo.moduleName=Ut;Xo.folderName=co;import{jsx as Xs}from"react/jsx-runtime";var Ws="k-toolbar-popup",TT=[],hT={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},xT={},Co=e=>{let{size:t,fillMode:o,section:a,...l}=e;return Xs(ue,{...l,className:r(e.className,Ws),children:a?Xs("span",{className:r("k-toolbar-items-list",A("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};Co.states=TT;Co.options=hT;Co.className=Ws;Co.defaultOptions=xT;Co.moduleName=Ut;Co.folderName=co;var kr=Co;import{jsx as l2}from"react/jsx-runtime";import{jsx as d2}from"react/jsx-runtime";import{jsx as u2}from"react/jsx-runtime";import{jsx as N2,jsxs as g2}from"react/jsx-runtime";import{jsx as C2}from"react/jsx-runtime";import{jsx as Vt,jsxs as LT}from"react/jsx-runtime";var NT=Q.states,Js={...Q.defaultOptions,variant:"text"},gT=Q.options,kT=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],vT=[{name:"opened",title:"Opened"}],Ka=e=>{let{variant:t,modifiers:o,...a}={...Js,...e},l={},s=LT(Ke,{size:a.size,children:[Vt(he,{first:!0,text:"Menu Item"}),Vt(he,{text:"Menu Item"}),Vt(he,{last:!0,text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(p=>{p==="opened"&&(l.opened=!!o?.[p],l.popup=o?.[p]?s:"")}),t){case"icon-only":return Vt("div",{children:Vt(Q,{...a,...l,icon:"star"})});case"icon-and-text":return Vt("div",{children:Vt(Q,{...a,...l,icon:"star",children:"Split Button"})});default:return Vt("div",{children:Vt(Q,{...a,...l,children:"Split Button"})})}};Ka.options=gT;Ka.states=NT;Ka.variants=kT;Ka.defaultOptions=Js;Ka.modifiers=vT;import{jsx as Mo,jsxs as CT}from"react/jsx-runtime";var qs=e=>Mo(me,{children:[Mo(c,{children:"Button"},"toolbar-button"),Mo(pe,{text:"Menu button"},"toolbar-menu-button"),Mo(Q,{children:"Split button"},"toolbar-split-button"),CT(D,{children:[Mo(c,{className:"k-group-start",icon:"align-left",children:"Left"}),Mo(c,{icon:"align-center",children:"Center"}),Mo(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as j2,jsxs as e5}from"react/jsx-runtime";import{jsx as st,jsxs as Ys}from"react/jsx-runtime";var Qs=e=>st(me,{scrollable:!0,...e,children:[st(c,{children:"Button"},"toolbar-button"),st(pe,{text:"Menu button"},"toolbar-menu-button"),st(Q,{children:"Split button"},"toolbar-split-button"),Ys(D,{children:[st(c,{className:"k-group-start",icon:"align-left",children:"Left"}),st(c,{icon:"align-center",children:"Center"}),st(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),st(c,{children:"Button"},"toolbar-button"),st(pe,{text:"Menu button"},"toolbar-menu-button"),st(Q,{children:"Split button"},"toolbar-split-button"),Ys(D,{children:[st(c,{className:"k-group-start",icon:"align-left",children:"Left"}),st(c,{icon:"align-center",children:"Center"}),st(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as dt,jsxs as Zs}from"react/jsx-runtime";var js=({scrollingPosition:e="start",...t})=>dt(me,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[dt(c,{children:"Button"},"toolbar-button"),dt(pe,{text:"Menu button"},"toolbar-menu-button"),dt(Q,{children:"Split button"},"toolbar-split-button"),Zs(D,{children:[dt(c,{className:"k-group-start",icon:"align-left",children:"Left"}),dt(c,{icon:"align-center",children:"Center"}),dt(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),dt(c,{children:"Button"},"toolbar-button"),dt(pe,{text:"Menu button"},"toolbar-menu-button"),dt(Q,{children:"Split button"},"toolbar-split-button"),Zs(D,{children:[dt(c,{className:"k-group-start",icon:"align-left",children:"Left"}),dt(c,{icon:"align-center",children:"Center"}),dt(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as MT,jsx as Ze,jsxs as vr}from"react/jsx-runtime";var ed=({fillMode:e,size:t,...o})=>vr(MT,{children:[Ze(me,{section:!0,fillMode:e,size:t,children:[Ze(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),vr(D,{fillMode:e,children:[Ze(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ze(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ze(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Ze(Mt,{className:"k-toolbar-button-separator"}),Ze(c,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),vr(kr,{size:t,fillMode:e,section:!0,...o,children:[Ze(Q,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Ze(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Ze(Mt,{}),Ze(pe,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),vr(D,{fillMode:e,children:[Ze(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ze(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ze(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as O5,jsx as I5,jsxs as R5}from"react/jsx-runtime";import{Fragment as V5,jsx as U5,jsxs as F5}from"react/jsx-runtime";import{jsx as po}from"react/jsx-runtime";var yT=me.options,ST=me.states,td={...me.defaultOptions,variant:"default"},wT=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],AT=[],Ba=e=>{let{variant:t,...o}={...td,...e};switch(t){case"responsive":return po("div",{children:po(ed,{style:{width:"583px"},...o})});case"overlay":return po("div",{children:po(js,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return po("div",{children:po(Qs,{style:{width:"583px"},...o})});default:return po("div",{children:po(qs,{style:{width:"583px"},...o})})}};Ba.options=yT;Ba.states=ST;Ba.variants=wT;Ba.defaultOptions=td;Ba.modifiers=AT;import{jsx as ET}from"react/jsx-runtime";var od="k-grid-toolbar",$t=e=>ET(me,{...e,className:r(e.className,od),children:e.children});$t.className=od;$t.moduleName=Z;$t.folderName=oe;import{jsx as pn,jsxs as RT}from"react/jsx-runtime";var mn="k-grid-stack-cell",IT=[i.focus,i.selected],Lr=e=>{let{cellHeader:t,cellContent:o,edit:a,commandCell:l,dirty:s,focus:p,selected:u,...x}=e;return RT("div",{...x,className:r(e.className,mn,{"k-grid-stack-edit-cell":a,"k-command-cell":l,"k-dirty-cell":s},I(mn,{focus:p,selected:u})),children:[s&&pn("span",{className:"k-dirty"}),t&&pn("div",{className:"k-grid-stack-header",children:t}),pn("div",{className:"k-grid-stack-content",children:o}),e.children]})};Lr.states=IT;Lr.className=mn;Lr.moduleName=Z;Lr.folderName=oe;import{jsx as OT}from"react/jsx-runtime";var ad="k-grid-stack-row",Cr=e=>{let{cols:t,...o}=e;return OT("div",{...o,className:r(e.className,ad,{[`k-grid-cols-${t}`]:t}),children:e.children})};Cr.className=ad;Cr.moduleName=Z;Cr.folderName=oe;import{Fragment as O3,jsx as I3,jsxs as R3}from"react/jsx-runtime";import{Fragment as _3,jsx as B3,jsxs as D3}from"react/jsx-runtime";import{Fragment as W3,jsx as $3,jsxs as X3}from"react/jsx-runtime";import{Fragment as HT,jsx as y,jsxs as fe}from"react/jsx-runtime";var rd=({contentClassName:e,...t})=>y(q,{_renderAriaRoot:!0,pager:y(It,{refresh:!1}),children:fe(HT,{children:[y(X,{children:y("div",{className:"k-grid-header-wrap",children:fe(W,{children:[fe("colgroup",{children:[y("col",{}),y("col",{style:{width:"225px"}}),y("col",{}),y("col",{}),y("col",{})]}),fe(V,{children:[fe(g,{children:[y(M,{rowspan:1,colspan:1,columnTitle:"Product Id"}),y(M,{rowspan:1,colspan:1,columnTitle:"Name"}),y(M,{rowspan:1,colspan:1,columnTitle:"Quantity"}),y(M,{rowspan:1,colspan:1,columnTitle:"Unit Price"}),y(M,{rowspan:1,colspan:1,columnTitle:"Discontinued"})]}),fe(g,{className:"k-filter-row",children:[y(n,{children:y("div",{className:"k-filtercell",children:fe("div",{className:"k-filtercell-wrapper",children:[y($,{}),fe("div",{className:"k-filtercell-operator",children:[y(ce,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",y(c,{disabled:!0,icon:"filter-clear"})]})]})})}),y(n,{children:y("div",{className:"k-filtercell",children:fe("div",{className:"k-filtercell-wrapper",children:[y(de,{}),fe("div",{className:"k-filtercell-operator",children:[y(ce,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",y(c,{disabled:!0,icon:"filter-clear"})]})]})})}),y(n,{children:y("div",{className:"k-filtercell",children:fe("div",{className:"k-filtercell-wrapper",children:[y(de,{}),fe("div",{className:"k-filtercell-operator",children:[y(ce,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",y(c,{disabled:!0,icon:"filter-clear"})]})]})})}),y(n,{children:y("div",{className:"k-filtercell",children:fe("div",{className:"k-filtercell-wrapper",children:[y($,{}),fe("div",{className:"k-filtercell-operator",children:[y(ce,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",y(c,{disabled:!0,icon:"filter-clear"})]})]})})}),y(n,{children:y("div",{className:"k-filtercell",children:fe("div",{className:"k-filtercell-wrapper",children:[y(ce,{}),y("div",{className:"k-filtercell-operator",children:y(c,{disabled:!0,icon:"filter-clear"})})]})})})]})]})]})})}),y(re,{children:y(j,{className:e,children:fe(ee,{children:[fe("colgroup",{children:[y("col",{}),y("col",{style:{width:"225px"}}),y("col",{}),y("col",{}),y("col",{})]}),fe(ae,{children:[fe(g,{className:"k-master-row",children:[y(n,{children:"1"}),y(n,{children:"Chai"}),y(n,{children:"10 boxes x 20 bags"}),y(n,{children:"18"}),y(n,{children:"false"})]}),fe(g,{className:"k-master-row",alt:!0,children:[y(n,{children:"2"}),y(n,{children:"Chang"}),y(n,{children:"24 - 12 oz bottles"}),y(n,{children:"19"}),y(n,{children:"false"})]}),fe(g,{className:"k-master-row",children:[y(n,{children:"3"}),y(n,{children:"Aniseed Syrup"}),y(n,{children:"12 - 550 ml bottles"}),y(n,{children:"10"}),y(n,{children:"false"})]}),fe(g,{className:"k-master-row",alt:!0,children:[y(n,{children:"4"}),y(n,{children:"Chef Anton's Cajun Seasoning"}),y(n,{children:"48 - 6 oz jars"}),y(n,{children:"22"}),y(n,{children:"false"})]}),fe(g,{className:"k-master-row",children:[y(n,{children:"5"}),y(n,{children:"Grandma's Boysenberry Spread"}),y(n,{children:"12 - 8 oz jars"}),y(n,{children:"25"}),y(n,{children:"false"})]})]})]})})})]}),...t});import{jsx as Mr}from"react/jsx-runtime";var PT="k-chip-action";var Me=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=Mr(m,{icon:"x-circle",size:"small"});break;case"more":a=Mr(m,{icon:"more-vertical",size:"small"});break;default:return Mr(m,{icon:t,size:"small"})}return Mr("span",{...o,className:r(e.className,PT,`k-chip-${t}-action`),children:a})};var un="avatar",ld=un;import{jsx as nd}from"react/jsx-runtime";var Da="k-avatar";var GT=[i.hover,i.focus,i.active,i.selected,i.disabled],KT={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.outline],themeColor:[T.undefined,T.base,T.primary,T.secondary,T.tertiary,T.success,T.warning,T.error,T.info,T.light,T.dark,T.inverse]},bn={type:"text",border:!1},je=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,type:s=bn.type,border:p=bn.border,...u}=e;return nd("div",{...u,className:r(e.className,Da,A(Da,{size:t,rounded:o,fillMode:a,themeColor:l}),{[`${Da}-bordered`]:p}),children:nd("span",{className:`${Da}-${s}`,children:e.children})})};je.states=GT;je.options=KT;je.className=Da;je.defaultOptions=bn;je.moduleName=un;je.folderName=ld;je.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var yo=je;import{jsx as BT}from"react/jsx-runtime";var id=e=>BT(yo,{type:"icon",...e});import{jsx as DT}from"react/jsx-runtime";var sd=e=>DT(yo,{type:"text",...e});import{jsx as _T}from"react/jsx-runtime";var dd=e=>_T(yo,{type:"image",...e});import{jsx as Lz}from"react/jsx-runtime";import{jsx as _a}from"react/jsx-runtime";var zT=je.options,UT=je.states,FT={...je.defaultOptions,variant:"image"},VT=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],$T=[],za=e=>{let{variant:t,...o}=e;switch(t){case"icon":return _a(id,{...o,children:_a(m,{icon:"star"})});case"text":return _a(sd,{...o,children:"JO"});default:return _a(dd,{...o,children:_a("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};za.options=zT;za.states=UT;za.variants=VT;za.defaultOptions=FT;za.modifiers=$T;var Ua="chip",yr=Ua;import{jsx as Wo,jsxs as JT}from"react/jsx-runtime";var Sr="k-chip",XT=[i.hover,i.focus,i.active,i.selected,i.disabled],WT={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.outline],themeColor:[T.undefined,T.base,T.success,T.warning,T.error,T.info]},cd={avatarImage:"/packages/html/assets/avatar.jpg"},ye=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,text:s,icon:p,actions:u,showAvatar:x,avatarImage:k=cd.avatarImage,hover:L,focus:v,active:b,selected:w,disabled:S,...E}=e;return JT("div",{...E,className:r(e.className,Sr,A(Sr,{size:t,rounded:o,fillMode:a,themeColor:l}),I(Sr,{hover:L,focus:v,active:b,disabled:S,selected:w})),role:e.role\|\|"button","aria-pressed":e.role==="option"?void 0:w?"true":"false","aria-selected":e.role==="option"?w?"true":"false":void 0,"aria-disabled":S?"true":void 0,children:[p&&Wo(m,{className:"k-chip-icon",icon:p,size:"small"}),x&&Wo(je,{className:"k-chip-avatar",type:"image",children:Wo("img",{src:k,alt:""})}),Wo("span",{className:"k-chip-content",children:e.children?e.children:s&&Wo("span",{className:"k-chip-label",children:s})}),u&&Wo("span",{className:"k-chip-actions",children:u})]})};ye.states=XT;ye.options=WT;ye.className=Sr;ye.defaultOptions=cd;ye.moduleName=Ua;ye.folderName=yr;ye.ariaSpec={selector:".k-chip",rules:[{selector:":not(.k-chip-list) > .k-chip",attribute:"role=button",usage:"Announces that the chip acts as a button when standalone."},{selector:":not(.k-chip-list) > .k-chip.k-selected",attribute:"aria-pressed=true",usage:"Announces that the Chip has been selected."},{selector:"*:not(.k-chip-list) > .k-chip:not(.k-selected)",attribute:"aria-pressed=false",usage:"Announces that the Chip has not been selected."},{selector:".k-chip",attribute:"aria-disabled=true (when disabled)",usage:"Announces that the Chip is disabled."}]};var Lt=ye;import{jsx as ZT}from"react/jsx-runtime";var fn="k-chip-list",qT=[],YT={size:[d.undefined,d.small,d.medium,d.large]},QT={},Se=e=>{let{size:t,multiselectable:o,ariaLabel:a,...l}=e;return ZT("div",{...l,className:r(e.className,fn,A(fn,{size:t})),role:"listbox","aria-label":a\|\|"chip list","aria-orientation":"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};Se.states=qT;Se.options=YT;Se.className=fn;Se.defaultOptions=QT;Se.moduleName=Ua;Se.folderName=yr;Se.ariaSpec={selector:".k-chip-list",rules:[{selector:".k-chip-list",attribute:"role=listbox",usage:"Announces the list role of the chip list."},{selector:".k-chip-list",attribute:"aria-label or aria-labelledby",usage:"Adds label to the ChipList element. ListBox element requires an accessible name."},{selector:".k-chip-list",attribute:"aria-orientation=horizontal",usage:"Specifies the horizontal orientation of the chiplist."},{selector:".k-chip-list",attribute:"aria-multiselectable=true (when multiple selection)",usage:"Announces the multiple selection ability of the chiplist."},{selector:".k-chip-list .k-chip",attribute:"role=option",usage:"Announces the chip is an option inner component of the chip list."},{selector:".k-chip-list .k-chip.k-selected",attribute:"aria-selected=true",usage:"Announces the chip is selected."},{selector:".k-chip-list .k-chip:not(.k-selected)",attribute:"aria-selected=false",usage:"Announces the chip is not selected."},{selector:".k-chip-list .k-chip:has(.k-i-x-circle), .k-chip-list .k-chip:has(.k-svg-i-x-circle)",attribute:"aria-keyshortcuts=Enter Delete",usage:"Announces the Delete action along with the default Enter key."}]};import{jsx as jz}from"react/jsx-runtime";import{jsx as a6}from"react/jsx-runtime";import{jsx as jT}from"react/jsx-runtime";var wr=e=>jT(Lt,{text:"text",...e});import{jsx as p6}from"react/jsx-runtime";import{jsx as f6}from"react/jsx-runtime";import{Fragment as k6,jsx as g6,jsxs as v6}from"react/jsx-runtime";import{jsx as S6,jsxs as w6}from"react/jsx-runtime";import{jsx as O6,jsxs as H6}from"react/jsx-runtime";import{jsx as _6,jsxs as z6}from"react/jsx-runtime";import{jsx as Jo,jsxs as lh}from"react/jsx-runtime";var eh={...Lt.options,...Se.options},th=[],oh=Se.states,ah={...Lt.defaultOptions,...Se.defaultOptions},rh=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],Fa=e=>{let{modifiers:t,className:o,...a}=e,l=t?.icon,s=t?.actions,p=t?.avatar;return lh(Se,{size:a.size,className:o,children:[Jo(wr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?Jo(Me,{type:"remove"}):void 0,showAvatar:p,children:"Chip"}),Jo(wr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?Jo(Me,{type:"remove"}):void 0,showAvatar:p,children:"Chip"}),Jo(wr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?Jo(Me,{type:"remove"}):void 0,showAvatar:p,children:"Chip"})]})};Fa.options=eh;Fa.states=oh;Fa.variants=th;Fa.defaultOptions=ah;Fa.modifiers=rh;import{jsx as Tn}from"react/jsx-runtime";var nh=ye.states,ih=ye.defaultOptions,sh=ye.options,dh=[],ch=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],Va=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"icon":a.icon=t?.[l]?"arrow-down":void 0;break;case"avatar":a.showAvatar=!!t?.[l],a.avatarImage=t?.[l]?"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg":void 0;break;case"more-options":a.actions\|\|(a.actions=[]),a.actions[0]=t?.[l]?Tn(Me,{type:"more"}):void 0;break;case"remove-icon":a.actions\|\|(a.actions=[]),a.actions[1]=t?.[l]?Tn(Me,{type:"remove"}):void 0;break;default:break}}),Tn(ye,{...o,...a,children:"Chip component"})};Va.options=sh;Va.states=nh;Va.variants=dh;Va.defaultOptions=ih;Va.modifiers=ch;import{Fragment as hn,jsx as G,jsxs as $e}from"react/jsx-runtime";var pd=({dropClue:e,contentClassName:t,...o})=>G(q,{_renderAriaRoot:!0,groupingHeader:G(Xt,{dropClue:e,children:$e(Se,{children:[G(ye,{icon:"sort-asc-small",text:"ID",actions:$e(hn,{children:[G(Me,{type:"more"}),G(Me,{type:"remove"})]})}),G(ye,{icon:"sort-desc-small",text:"Name",actions:$e(hn,{children:[G(Me,{type:"more"}),G(Me,{type:"remove"})]})})]})}),children:$e(hn,{children:[G(X,{draggable:!0,children:G("div",{className:"k-grid-header-wrap",children:$e(W,{children:[$e("colgroup",{children:[G("col",{className:"k-group-col"}),G("col",{className:"k-group-col"}),G("col",{}),G("col",{}),G("col",{}),G("col",{})]}),G(V,{children:$e(g,{children:[G(M,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),G(M,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),G(M,{colspan:1,columnTitle:"ID"}),G(M,{colspan:1,columnTitle:"Name"}),G(M,{colspan:1,columnTitle:"Price"}),G(M,{colspan:1,columnTitle:"Category"})]})})]})})}),G(re,{children:G(j,{className:t,children:$e(ee,{children:[$e("colgroup",{children:[G("col",{className:"k-group-col"}),G("col",{className:"k-group-col"}),G("col",{}),G("col",{}),G("col",{}),G("col",{})]}),$e(ae,{children:[G(g,{className:"k-table-group-row k-grouping-row",children:G(n,{colspan:6,children:$e("p",{className:"k-reset",children:[G(m,{icon:"caret-alt-right"}),"ID: 1"]})})}),G(g,{className:"k-table-group-row k-grouping-row",children:G(n,{colspan:6,children:$e("p",{className:"k-reset",children:[G(m,{icon:"caret-alt-down"}),"ID: 2"]})})}),$e(g,{className:"k-table-group-row k-grouping-row",children:[G(n,{className:"k-table-group-td k-group-cell"}),G(n,{colspan:5,children:$e("p",{className:"k-reset",children:[G(m,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),$e(g,{className:"k-master-row",alt:!0,children:[G(n,{className:"k-table-group-td k-group-cell"}),G(n,{className:"k-table-group-td k-group-cell"}),G(n,{colspan:0,children:"2"}),G(n,{colspan:0,children:"Chang"}),G(n,{colspan:0,children:"$19.00"}),G(n,{colspan:0,children:"Beverages"})]})]})]})})})]}),...o});import{Fragment as A9,jsx as S9,jsxs as w9}from"react/jsx-runtime";import{Fragment as K9,jsx as P9,jsxs as G9}from"react/jsx-runtime";import{Fragment as V9,jsx as U9,jsxs as F9}from"react/jsx-runtime";import{Fragment as ph,jsx as _,jsxs as Xe}from"react/jsx-runtime";var md=({headerWrapClassName:e,contentClassName:t,...o})=>_(q,{_renderAriaRoot:!0,children:Xe(ph,{children:[_(X,{children:_("div",{className:`k-grid-header-wrap ${e}`,children:Xe(W,{children:[Xe("colgroup",{children:[_("col",{}),_("col",{}),_("col",{}),_("col",{})]}),Xe(V,{children:[Xe(g,{children:[_(M,{rowspan:3,colspan:1,columnTitle:"ID"}),_(M,{rowspan:1,colspan:3,columnTitle:"Product Information"})]}),Xe(g,{children:[_(M,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first"}),_(M,{rowspan:1,colspan:2,columnTitle:"Unit"})]}),Xe(g,{children:[_(M,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first"}),_(M,{rowspan:1,colspan:1,columnTitle:"Units Price"})]})]})]})})}),_(re,{children:_(j,{className:t,children:Xe(ee,{children:[Xe("colgroup",{children:[_("col",{}),_("col",{}),_("col",{}),_("col",{})]}),Xe(ae,{children:[Xe(g,{className:"k-master-row",children:[_(n,{children:"1"}),_(n,{children:"Chai"}),_(n,{children:"39"}),_(n,{children:"18"})]}),Xe(g,{className:"k-master-row",alt:!0,children:[_(n,{children:"2"}),_(n,{children:"Chang"}),_(n,{children:"17"}),_(n,{children:"19"})]}),Xe(g,{className:"k-master-row",children:[_(n,{children:"3"}),_(n,{children:"Aniseed Syrup"}),_(n,{children:"13"}),_(n,{children:"10"})]}),Xe(g,{className:"k-master-row",alt:!0,children:[_(n,{children:"4"}),_(n,{children:"Chef Anton's Cajun Seasoning"}),_(n,{children:"53"}),_(n,{children:"22"})]}),Xe(g,{className:"k-master-row",children:[_(n,{children:"5"}),_(n,{children:"Chef Anton's Gumbo Mix"}),_(n,{children:"0"}),_(n,{children:"21.35"})]})]})]})})})]}),...o});import{Fragment as o7,jsx as e7,jsxs as t7}from"react/jsx-runtime";import{Fragment as d7,jsx as i7,jsxs as s7}from"react/jsx-runtime";import{Fragment as mh,jsx as B,jsxs as Ct}from"react/jsx-runtime";var ud=e=>B(q,{_renderAriaRoot:!0,toolbar:Ct($t,{children:[B(c,{children:"Add new"}),B(c,{children:"Save Changes"}),B(c,{children:"Cancel Changes"})]}),children:Ct(mh,{children:[B(X,{children:B("div",{className:"k-grid-header-wrap",children:Ct(W,{children:[Ct("colgroup",{children:[B("col",{}),B("col",{}),B("col",{}),B("col",{style:{width:"300px"}})]}),B(V,{children:Ct(g,{children:[B(M,{columnTitle:"Name"}),B(M,{columnTitle:"Price"}),B(M,{columnTitle:"Available"}),B(M,{accessibleLabel:"Commands"})]})})]})})}),B(re,{children:B(j,{children:B("div",{children:Ct(ee,{children:[Ct("colgroup",{children:[B("col",{}),B("col",{}),B("col",{}),B("col",{style:{width:"300px"}})]}),Ct(ae,{children:[Ct(g,{className:"k-master-row k-grid-add-row k-grid-edit-row",children:[B(n,{children:B(de,{value:"Towel"})}),B(n,{children:B($,{value:"42"})}),B(n,{children:B(Je,{})}),Ct(n,{className:"k-command-cell",children:[B(c,{children:"Add"}),B(c,{children:"Cancel"})]})]}),Ct(g,{className:"k-master-row",children:[B(n,{children:"Chai"}),B(n,{children:"18"}),B(n,{children:"false"}),B(n,{className:"k-command-cell",children:B(c,{children:"Remove"})})]}),Ct(g,{className:"k-master-row",alt:!0,children:[B(n,{children:"Chang"}),B(n,{children:"19"}),B(n,{children:"false"}),B(n,{className:"k-command-cell",children:B(c,{children:"Remove"})})]})]})]})})})})]}),...e});import{Fragment as H7,jsx as O7,jsxs as P7}from"react/jsx-runtime";import{Fragment as Ar,jsx as f,jsxs as le}from"react/jsx-runtime";var uh=q.options,bh=q.states,bd={...q.defaultOptions,variant:"normal"},fh=[{name:"normal",title:"Normal"},{name:"column-menu",title:"Column Menu"},{name:"filter-menu",title:"Filter Menu"},{name:"filter-row",title:"Filter Row"},{name:"row-reordering",title:"Row Reordering"},{name:"multicolumn-headers",title:"Multicolumn Headers"},{name:"grouping",title:"Grouping"},{name:"editing",title:"Editing"}],Th=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],$a=e=>{let{variant:t,modifiers:o,...a}={...bd,...e},l={toolbar:void 0,pager:void 0},s=le($t,{children:[f(c,{icon:"plus",children:"Add New"}),f(c,{icon:"file-pdf",children:"Export to PDF"}),f("span",{className:"k-spacer"}),f(de,{prefix:f(m,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),p=f(xe,{pageSizes:!1,refresh:!1});Object.keys(o\|\|{}).forEach(k=>{switch(k){case"toolbar":l.toolbar=o?.[k]?s:void 0;break;case"pager":l.pager=o?.[k]?p:void 0;break;default:return}});let u={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},x=le(Ar,{children:[f(X,{children:f("div",{className:"k-grid-header-wrap",children:le(W,{children:[le("colgroup",{children:[f("col",{}),f("col",{}),f("col",{}),f("col",{})]}),f(V,{children:le(g,{children:[f(M,{...u[t],columnTitle:"ID"}),f(M,{...u[t],columnTitle:"Product Name"}),f(M,{...u[t],columnTitle:"Units in Stock"}),f(M,{...u[t],columnTitle:"Units Price"})]})})]})})}),f(re,{children:f(j,{children:le(ee,{children:[le("colgroup",{children:[f("col",{}),f("col",{}),f("col",{}),f("col",{})]}),le(ae,{children:[le(g,{children:[f(n,{children:"1"}),f(n,{children:"Chai"}),f(n,{children:"39"}),f(n,{children:"18"})]}),le(g,{className:"k-alt",alt:!0,children:[f(n,{children:"2"}),f(n,{children:"Chang"}),f(n,{children:"17"}),f(n,{children:"19"})]}),le(g,{children:[f(n,{children:"3"}),f(n,{children:"Aniseed Syrup"}),f(n,{children:"13"}),f(n,{children:"10"})]}),le(g,{className:"k-alt",alt:!0,children:[f(n,{children:"4"}),f(n,{children:"Chef Anton's Cajun Seasoning"}),f(n,{children:"53"}),f(n,{children:"22"})]}),le(g,{children:[f(n,{children:"5"}),f(n,{children:"Chef Anton's Gumbo Mix"}),f(n,{children:"0"}),f(n,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return f(md,{...a,...l});case"editing":return f(ud,{...a,...l});case"grouping":return f(pd,{...a,...l,groupingHeader:f(Xt,{children:le(Se,{children:[f(ye,{icon:"sort-asc-small",actions:le(Ar,{children:[f(Me,{type:"more"}),f(Me,{type:"remove"})]}),children:"ID"}),f(ye,{icon:"sort-desc-small",actions:le(Ar,{children:[f(Me,{type:"more"}),f(Me,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return f(q,{...a,...l,children:le(Ar,{children:[f(X,{children:le("div",{className:"k-grid-header-wrap",children:[" ",le(W,{children:[le("colgroup",{children:[f("col",{className:"k-drag-col"}),f("col",{}),f("col",{}),f("col",{}),f("col",{})]}),f(V,{children:le(g,{children:[f(M,{className:"k-drag-cell",accessibleLabel:"Reorder"}),f(M,{columnTitle:"ID"}),f(M,{columnTitle:"Product Name"}),f(M,{columnTitle:"Units in Stock"}),f(M,{columnTitle:"Units Price"})]})})]})]})}),f(re,{children:f(j,{children:le(ee,{children:[le("colgroup",{children:[f("col",{className:"k-drag-col"}),f("col",{}),f("col",{}),f("col",{}),f("col",{})]}),le(ae,{children:[le(g,{children:[f(n,{className:"k-drag-cell",children:f(m,{icon:"reorder"})}),f(n,{children:"1"}),f(n,{children:"Chai"}),f(n,{children:"39"}),f(n,{children:"18"})]}),le(g,{className:"k-alt",alt:!0,children:[f(n,{className:"k-drag-cell",children:f(m,{icon:"reorder"})}),f(n,{children:"2"}),f(n,{children:"Chang"}),f(n,{children:"17"}),f(n,{children:"19"})]}),le(g,{children:[f(n,{className:"k-drag-cell",children:f(m,{icon:"reorder"})}),f(n,{children:"3"}),f(n,{children:"Aniseed Syrup"}),f(n,{children:"13"}),f(n,{children:"10"})]}),le(g,{className:"k-alt",alt:!0,children:[f(n,{className:"k-drag-cell",children:f(m,{icon:"reorder"})}),f(n,{children:"4"}),f(n,{children:"Chef Anton's Cajun Seasoning"}),f(n,{children:"53"}),f(n,{children:"22"})]}),le(g,{children:[f(n,{className:"k-drag-cell",children:f(m,{icon:"reorder"})}),f(n,{children:"5"}),f(n,{children:"Chef Anton's Gumbo Mix"}),f(n,{children:"0"}),f(n,{children:"21.35"})]})]})]})})})]})});case"filter-row":return f(rd,{...a,...l});default:return f(q,{...a,...l,children:x})}};$a.options=uh;$a.states=bh;$a.variants=fh;$a.defaultOptions=bd;$a.modifiers=Th;var xn="treelist",fd=xn;import{jsx as gh}from"react/jsx-runtime";var Td="k-treelist",hh=[],xh={},Nh={},Be=e=>gh(q,{...e,className:r(Td,e.className),children:e.children});Be.states=hh;Be.options=xh;Be.className=Td;Be.defaultOptions=Nh;Be.moduleName=xn;Be.folderName=fd;import{jsx as z,jsxs as Re}from"react/jsx-runtime";var So=({gridHeader:e,gridContent:t,menu:o,...a})=>Re(Be,{id:"treelist",_renderAriaRoot:!0,...a,children:[e\|\|z(X,{children:z("div",{className:"k-grid-header-wrap",children:Re(W,{children:[Re("colgroup",{children:[z("col",{}),z("col",{}),z("col",{})]}),z(V,{children:Re(g,{children:[z(M,{menu:o,columnTitle:"Name"}),z(M,{menu:o,columnTitle:"Position"}),z(M,{menu:o,columnTitle:"Hire Date"})]})})]})})}),z(re,{children:t\|\|z(j,{children:Re(ee,{children:[Re("colgroup",{children:[z("col",{}),z("col",{}),z("col",{})]}),Re(ae,{children:[Re(g,{children:[Re(n,{children:[z(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),z(n,{children:"Sweeney"}),z(n,{children:"CEO"})]}),Re(g,{alt:!0,children:[Re(n,{children:[z(m,{className:"k-treelist-toggle",icon:"none"}),z(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),z(n,{children:"Wooten"}),z(n,{children:"Chief Technical Officer"})]}),Re(g,{children:[Re(n,{children:[z(m,{className:"k-treelist-toggle",icon:"none"}),z(m,{className:"k-treelist-toggle",icon:"none"}),z(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),z(n,{children:"Weber"}),z(n,{children:"VP, Engineering"})]}),Re(g,{alt:!0,children:[Re(n,{children:[z(m,{className:"k-treelist-toggle",icon:"none"}),z(m,{className:"k-treelist-toggle",icon:"none"}),z(m,{className:"k-treelist-toggle",icon:"none"}),z(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),z(n,{children:"Hood"}),z(n,{children:"Team Lead"})]}),Re(g,{children:[Re(n,{children:[z(m,{className:"k-treelist-toggle",icon:"none"}),z(m,{className:"k-treelist-toggle",icon:"none"}),z(m,{className:"k-treelist-toggle",icon:"none"}),z(m,{className:"k-treelist-toggle",icon:"none"}),z(m,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),z(n,{children:"Carr"}),z(n,{children:"Junior Software Developer"})]})]})]})})})]});import{jsx as kh}from"react/jsx-runtime";var hd=e=>kh(So,{menu:"column",...e});import{jsx as vh}from"react/jsx-runtime";var xd=e=>vh(So,{menu:"filter",...e});import{jsx as O,jsxs as Oe}from"react/jsx-runtime";var Nd=({gridHeader:e,gridContent:t,menu:o,...a})=>Oe(Be,{id:"treelist",_renderAriaRoot:!0,...a,children:[e\|\|O(X,{children:O("div",{className:"k-grid-header-wrap",children:Oe(W,{children:[Oe("colgroup",{children:[O("col",{className:"k-drag-col"}),O("col",{}),O("col",{}),O("col",{})]}),O(V,{children:Oe(g,{children:[O(M,{}),O(M,{menu:o,columnTitle:"First Name"}),O(M,{menu:o,columnTitle:"Last Name"}),O(M,{menu:o,columnTitle:"Position"})]})})]})})}),O(re,{children:t\|\|O(j,{children:Oe(ee,{children:[Oe("colgroup",{children:[O("col",{className:"k-drag-col"}),O("col",{}),O("col",{}),O("col",{})]}),Oe(ae,{children:[Oe(g,{children:[O(n,{className:"k-drag-cell",children:O(m,{icon:"reorder"})}),Oe(n,{children:[O(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),O(n,{children:"Sweeney"}),O(n,{children:"CEO"})]}),Oe(g,{alt:!0,children:[O(n,{className:"k-drag-cell",children:O(m,{icon:"reorder"})}),Oe(n,{children:[O(m,{className:"k-treelist-toggle",icon:"none"}),O(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),O(n,{children:"Wooten"}),O(n,{children:"Chief Technical Officer"})]}),Oe(g,{children:[O(n,{className:"k-drag-cell",children:O(m,{icon:"reorder"})}),Oe(n,{children:[O(m,{className:"k-treelist-toggle",icon:"none"}),O(m,{className:"k-treelist-toggle",icon:"none"}),O(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),O(n,{children:"Weber"}),O(n,{children:"VP, Engineering"})]}),Oe(g,{alt:!0,children:[O(n,{className:"k-drag-cell",children:O(m,{icon:"reorder"})}),Oe(n,{children:[O(m,{className:"k-treelist-toggle",icon:"none"}),O(m,{className:"k-treelist-toggle",icon:"none"}),O(m,{className:"k-treelist-toggle",icon:"none"}),O(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),O(n,{children:"Hood"}),O(n,{children:"Team Lead"})]}),Oe(g,{children:[O(n,{className:"k-drag-cell",children:O(m,{icon:"reorder"})}),Oe(n,{children:[O(m,{className:"k-treelist-toggle",icon:"none"}),O(m,{className:"k-treelist-toggle",icon:"none"}),O(m,{className:"k-treelist-toggle",icon:"none"}),O(m,{className:"k-treelist-toggle",icon:"none"}),O(m,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),O(n,{children:"Carr"}),O(n,{children:"Junior Software Developer"})]})]})]})})})]});import{jsx as C,jsxs as se}from"react/jsx-runtime";var Lh=Be.options,Ch=Be.states,gd={...Be.defaultOptions,variant:"normal"},Mh=[{name:"normal",title:"Normal"},{name:"column-menu",title:"Column Menu"},{name:"filter-row",title:"Filter Row"},{name:"sorting",title:"Sorting"},{name:"row-reordering",title:"Row Reordering"}],yh=[{name:"toolbar",title:"Toolbar"},{name:"pager",title:"Pager"}],Xa=e=>{let{variant:t,modifiers:o,...a}={...gd,...e},l={},s=se($t,{children:[C(c,{icon:"plus",children:"Add New"}),C(c,{icon:"file-pdf",children:"Export to PDF"}),C("span",{className:"k-spacer"}),C(de,{prefix:C(m,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),p=C(xe,{pageSizes:!1,refresh:!1});switch(Object.keys(o\|\|{}).forEach(u=>{switch(u){case"toolbar":l.toolbar=o?.[u]?s:void 0;break;case"pager":l.pager=o?.[u]?p:void 0;break;default:return}}),t){case"row-reordering":return C(Nd,{...a,...l});case"column-menu":return C(hd,{...a,...l,gridHeader:C(X,{children:C("div",{className:"k-grid-header-wrap",children:se(W,{children:[se("colgroup",{children:[C("col",{}),C("col",{}),C("col",{})]}),C(V,{children:se(g,{children:[C(M,{menu:"column",columnTitle:"First Name"}),C(M,{menu:"column",columnTitle:"Last Name"}),C(M,{menu:"column",columnTitle:"Position"})]})})]})})})});case"filter-row":return C(xd,{...a,...l,gridHeader:C(X,{children:C("div",{className:"k-grid-header-wrap",children:se(W,{children:[se("colgroup",{children:[C("col",{}),C("col",{}),C("col",{})]}),C(V,{children:se(g,{children:[C(M,{menu:"filter",columnTitle:"First Name"}),C(M,{menu:"filter",columnTitle:"Last Name"}),C(M,{menu:"filter",columnTitle:"Position"})]})})]})})})});case"sorting":return C(So,{...a,...l,gridHeader:C(X,{children:C("div",{className:"k-grid-header-wrap",children:se(W,{children:[se("colgroup",{children:[C("col",{}),C("col",{}),C("col",{})]}),C(V,{children:se(g,{children:[C(M,{columnTitle:"First Name"}),C(M,{columnTitle:"Last Name",sortable:!0}),C(M,{columnTitle:"Position"})]})})]})})}),gridContent:C(j,{children:se(ee,{children:[se("colgroup",{children:[C("col",{}),C("col",{className:"k-sorted"}),C("col",{})]}),se(ae,{children:[se(g,{className:"k-treelist-group",children:[se(n,{children:[C(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),C(n,{children:"Sweeney"}),C(n,{children:"CEO"})]}),se(g,{className:"k-treelist-group k-alt",alt:!0,children:[se(n,{children:[C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),C(n,{children:"Wooten"}),C(n,{children:"Chief Technical Officer"})]}),se(g,{className:"k-treelist-group",children:[se(n,{children:[C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),C(n,{children:"Weber"}),C(n,{children:"VP, Engineering"})]}),se(g,{className:"k-treelist-group k-alt",alt:!0,children:[se(n,{children:[C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),C(n,{children:"Hood"}),C(n,{children:"Team Lead"})]}),se(g,{children:[se(n,{children:[C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),C(n,{children:"Carr"}),C(n,{children:"Junior Software Developer"})]})]})]})})});default:return C(So,{...a,...l,gridHeader:C(X,{children:C("div",{className:"k-grid-header-wrap",children:se(W,{children:[se("colgroup",{children:[C("col",{}),C("col",{}),C("col",{})]}),C(V,{children:se(g,{children:[C(M,{columnTitle:"First Name"}),C(M,{columnTitle:"Last Name"}),C(M,{columnTitle:"Position"})]})})]})})})})}};Xa.options=Lh;Xa.states=Ch;Xa.variants=Mh;Xa.defaultOptions=gd;Xa.modifiers=yh;import{jsx as R,jsxs as ne}from"react/jsx-runtime";var R4=({gridHeader:e,gridContent:t,menu:o,...a})=>ne(Be,{id:"treelist",_renderAriaRoot:!0,...a,children:[e\|\|R(X,{children:R("div",{className:"k-grid-header-wrap",children:ne(W,{children:[ne("colgroup",{children:[R("col",{}),R("col",{}),R("col",{})]}),R(V,{children:ne(g,{children:[R(M,{menu:o,columnTitle:"Name"}),R(M,{menu:o,columnTitle:"Position"}),R(M,{menu:o,columnTitle:"Hire Date"})]})})]})})}),R(re,{children:t\|\|R(j,{children:ne(ee,{children:[ne("colgroup",{children:[R("col",{}),R("col",{}),R("col",{})]}),ne(ae,{children:[ne(g,{children:[ne(n,{children:[R(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl Sweeney"]}),R(n,{children:"CEO"}),R(n,{children:"February 7, 2012"})]}),ne(g,{alt:!0,children:[ne(n,{children:[R(m,{className:"k-treelist-toggle",icon:"none"}),R(m,{className:"k-treelist-toggle",icon:"caret-alt-right"}),"Guy Wooten"]}),R(n,{children:"Chief Technical Officer"}),R(n,{children:"March 3, 2010"})]}),ne(g,{children:[ne(n,{children:[R(m,{className:"k-treelist-toggle",icon:"none"}),R(m,{className:"k-treelist-toggle",icon:"caret-alt-right"}),"Priscilla Frank"]}),R(n,{children:"Chief Product Officer"}),R(n,{children:"November 30, 2014"})]}),ne(g,{alt:!0,children:[ne(n,{children:[R(m,{className:"k-treelist-toggle",icon:"none"}),R(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Anika Vega"]}),R(n,{children:"Chief Process Officer"}),R(n,{children:"February 25, 2010"})]}),ne(g,{children:[ne(n,{children:[R(m,{className:"k-treelist-toggle",icon:"none"}),R(m,{className:"k-treelist-toggle",icon:"none"}),R(m,{className:"k-treelist-toggle",icon:"caret-alt-right"}),"Vernon Ballard"]}),R(n,{children:"Director Facilities"}),R(n,{children:"June 26, 2015"})]}),ne(g,{className:"k-footer-template",children:[ne(n,{children:[R(m,{className:"k-treelist-toggle",icon:"none"}),R(m,{className:"k-treelist-toggle",icon:"none"}),R(m,{className:"k-treelist-toggle",icon:"none"}),"7 employee(s)"]}),R(n,{}),R(n,{children:"Last employee hired on July 30, 2015"})]}),ne(g,{alt:!0,children:[ne(n,{children:[R(m,{className:"k-treelist-toggle",icon:"none"}),R(m,{className:"k-treelist-toggle",icon:"caret-alt-right"}),"Nevada Hart"]}),R(n,{children:"Chief Financial Officer"}),R(n,{children:"August 17, 2015"})]}),ne(g,{children:[ne(n,{children:[R(m,{className:"k-treelist-toggle",icon:"none"}),R(m,{className:"k-treelist-toggle",icon:"caret-alt-right"}),"Hunter Fry"]}),R(n,{children:"General Counsel"}),R(n,{children:"February 12, 2011"})]}),ne(g,{className:"k-footer-template",children:[ne(n,{children:[R(m,{className:"k-treelist-toggle",icon:"none"}),R(m,{className:"k-treelist-toggle",icon:"none"}),"98 employee(s)"]}),R(n,{}),R(n,{children:"Last employee hired on August 17, 2015"})]}),ne(g,{className:"k-footer-template",children:[ne(n,{children:[R(m,{className:"k-treelist-toggle",icon:"none"}),"99 employee(s)"]}),R(n,{}),R(n,{children:"Last employee hired on August 17, 2015"})]})]})]})})})]});export{R4 as TreeListAggregates};
1	+ var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]\|\|t[o]&&o\|\|null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var A=(e,t)=>r({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),I=(e,t)=>{let{valid:o,invalid:a,hover:l,focus:s,checked:p,active:u,selected:x,disabled:k,indeterminate:L,loading:v,empty:b,readonly:w,highlighted:S,...E}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":l,"k-focus":s,"k-checked":p,"k-active":u,"k-selected":x,"k-disabled":k,"k-indeterminate":L&&!p,"k-loading":v,"k-empty":b,"k-readonly":w,"k-highlighted":S},Object.keys(E).reduce((P,H)=>(H.startsWith("k-")?P[H]=E[H]:P[`k-${H}`]=E[H],P),{}))};function gn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},h={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},N={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},T={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",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 X="grid",Y=X;import{jsx as wd,jsxs as Ad}from"react/jsx-runtime";var Ja="k-grid",Md=[],yd={size:[d.undefined,d.small,d.medium,d.large]},Sd=[],kn={pagerPosition:"bottom"},Q=e=>{let{size:t,pagerPosition:o=kn.pagerPosition,toolbar:a,pager:l,groupingHeader:s,gridSelectionAggregates:p,_renderAriaRoot:u,resizable:x,...k}=e;return Ad("div",{...k,className:r(e.className,Ja,{[`${Ja}-resizable`]:x},A(Ja,{size:t})),children:[a,o==="top"&&l,s,e.children&&u?wd("div",{className:"k-grid-aria-root",children:e.children}):e.children,p,o==="bottom"&&l]})};Q.states=Md;Q.options=yd;Q.variants=Sd;Q.className=Ja;Q.defaultOptions=kn;Q.moduleName=X;Q.folderName=Y;import{jsx as Ed}from"react/jsx-runtime";var vn="k-grid-header",W=e=>{let{draggable:t,...o}=e;return Ed("div",{...o,className:r(e.className,vn,{"k-grid-draggable-header":t}),children:e.children})};W.className=vn;W.moduleName=X;W.folderName=Y;import{jsx as Ln,jsxs as Id}from"react/jsx-runtime";var Cn="k-grouping-header",Xt=e=>{let{dropHint:t,dropClue:o,...a}=e;return Id("div",{...a,className:r(e.className,Cn),children:[o&&Ln("div",{className:"k-grouping-dropclue"}),e.children,Ln("div",{className:"k-grouping-drop-container",children:t})]})};Xt.className=Cn;Xt.moduleName=X;Xt.folderName=Y;import{jsx as Rd}from"react/jsx-runtime";var Mn="k-grid-pinned-container",Er=e=>{let{position:t,...o}=e;return Rd("div",{...o,className:r(e.className,Mn,{"k-pos-bottom":t==="bottom"}),children:e.children})};Er.className=Mn;Er.moduleName=X;Er.folderName=Y;import{jsx as Od}from"react/jsx-runtime";var yn="k-grid-sticky-container",Ir=e=>{let{position:t,...o}=e;return Od("div",{...o,className:r(e.className,yn,{"k-pos-bottom":t==="bottom"}),children:e.children})};Ir.className=yn;Ir.moduleName=X;Ir.folderName=Y;var we="table",He=we;import{jsx as Kd}from"react/jsx-runtime";var Sn="k-data-table",Hd=[],Pd={size:[d.undefined,d.small,d.medium,d.large]},Gd={},Pt=e=>{let{size:t,...o}=e;return Kd("div",{...o,className:r(e.className,Sn,A("k-table",{size:t})),children:e.children})};Pt.states=Hd;Pt.options=Pd;Pt.className=Sn;Pt.defaultOptions=Gd;Pt.moduleName=we;Pt.folderName=He;import{jsx as zd}from"react/jsx-runtime";var Rr="k-table-header-wrap",Dd=[i.hover,i.focus,i.disabled],Bd={},_d={},Wt=e=>{let{children:t,hover:o,focus:a,disabled:l,...s}=e;return zd("div",{...s,className:r(e.className,Rr,I(Rr,{hover:o,focus:a,disabled:l})),children:t})};Wt.states=Dd;Wt.options=Bd;Wt.className=Rr;Wt.defaultOptions=_d;Wt.moduleName=we;Wt.folderName=He;import{jsx as $d}from"react/jsx-runtime";var Or="k-table",Ud=[],Fd={size:[d.undefined,d.small,d.medium,d.large]},Vd={},Pe=e=>{let{size:t,...o}=e;return $d("table",{...o,className:r(e.className,Or,A(Or,{size:t})),children:e.children})};Pe.states=Ud;Pe.options=Fd;Pe.className=Or;Pe.defaultOptions=Vd;Pe.moduleName=we;Pe.folderName=He;import{jsx as Hr}from"react/jsx-runtime";var Pr="k-table-header",Xd=[i.hover,i.focus,i.disabled],Wd={},Jd={},Gt=e=>{let{children:t,hover:o,focus:a,disabled:l,...s}=e;return Hr("div",{...s,className:r(e.className,Pr,I(Pr,{hover:o,focus:a,disabled:l})),children:Hr(Wt,{children:Hr(Pe,{children:t})})})};Gt.states=Xd;Gt.options=Wd;Gt.className=Pr;Gt.defaultOptions=Jd;Gt.moduleName=we;Gt.folderName=He;import{jsx as Zd}from"react/jsx-runtime";var wn="k-table-scroller",qd=[],Yd={},Qd={},Ao=e=>{let{children:t,...o}=e;return Zd("div",{...o,className:r(e.className,wn),children:t})};Ao.states=qd;Ao.options=Yd;Ao.className=wn;Ao.defaultOptions=Qd;Ao.moduleName=we;Ao.folderName=He;import{jsx as Ix}from"react/jsx-runtime";import{jsx as oc}from"react/jsx-runtime";var An="k-table-footer",jd=[],ec={},tc={},Jt=e=>{let{children:t,...o}=e;return oc("div",{...o,className:r(e.className,An),children:t})};Jt.states=jd;Jt.options=ec;Jt.className=An;Jt.defaultOptions=tc;Jt.moduleName=we;Jt.folderName=He;import{jsx as nc}from"react/jsx-runtime";var Gr="k-table-list",ac=[],rc={size:[d.undefined,d.small,d.medium,d.large]},lc={},qt=e=>{let{size:t,virtualization:o,...a}=e;return nc("ul",{...a,className:r(e.className,"k-table",Gr,A(Gr,{size:t}),{"k-virtual-table":o}),children:e.children})};qt.states=ac;qt.options=rc;qt.className=Gr;qt.defaultOptions=lc;qt.moduleName=we;qt.folderName=He;import{jsx as sc}from"react/jsx-runtime";var ic="k-table-thead",V=e=>sc("thead",{className:r(e.className,ic),children:e.children});import{jsx as cc}from"react/jsx-runtime";var dc="k-table-tbody",ae=e=>cc("tbody",{className:r(e.className,dc),children:e.children});import{jsx as qx}from"react/jsx-runtime";import{jsx as mc}from"react/jsx-runtime";var Kr="k-table-row",pc=[i.hover,i.focus,i.selected,i.disabled,i.highlighted],g=e=>{let{hover:t,focus:o,selected:a,highlighted:l,disabled:s,alt:p,...u}=e;return mc("tr",{...u,className:r(e.className,Kr,{"k-table-alt-row":p},I(Kr,{hover:t,focus:o,disabled:s,selected:a,highlighted:l})),children:e.children})};g.states=pc;g.className=Kr;import{jsx as bc}from"react/jsx-runtime";var Dr="k-table-row",uc=[i.hover,i.focus,i.selected,i.disabled],qa=e=>{let{hover:t,focus:o,selected:a,disabled:l,alt:s,...p}=e;return bc("li",{...p,className:r(e.className,Dr,{"k-table-alt-row":s},I(Dr,{hover:t,focus:o,disabled:l,selected:a})),children:e.children})};qa.states=uc;qa.className=Dr;import{jsx as fc}from"react/jsx-runtime";var En="k-table-th",Kt=e=>{let{text:t,colspan:o,rowspan:a,...l}=e,s=t\|\|e.children;return fc("th",{colSpan:o,rowSpan:a,...l,className:r(e.className,En),children:s})};Kt.className=En;Kt.moduleName=we;Kt.folderName=He;import{jsx as dN}from"react/jsx-runtime";import{jsx as hc}from"react/jsx-runtime";var Br="k-table-td",Tc=[i.focus,i.selected,i.highlighted],n=e=>{let{focus:t,selected:o,highlighted:a,text:l,colspan:s,rowspan:p,...u}=e,x=l\|\|e.children;return hc("td",{colSpan:s,rowSpan:p,...u,className:r(e.className,Br,I(Br,{focus:t,selected:o,highlighted:a})),children:x})};n.states=Tc;n.className=Br;import{jsx as TN}from"react/jsx-runtime";import{jsx as gN}from"react/jsx-runtime";import{jsx as CN}from"react/jsx-runtime";import{jsx as wN}from"react/jsx-runtime";import{jsx as RN}from"react/jsx-runtime";import{jsx as BN,jsxs as _N}from"react/jsx-runtime";import{jsx as VN,jsxs as $N}from"react/jsx-runtime";import{jsx as qN,jsxs as YN}from"react/jsx-runtime";import{Fragment as og,jsx as eg,jsxs as tg}from"react/jsx-runtime";import{jsx as kc}from"react/jsx-runtime";var Rn="k-grid-header-table",J=e=>kc(Pe,{...e,className:r(e.className,Rn),children:e.children});J.className=Rn;J.moduleName=X;J.folderName=Y;import{Fragment as Mc,jsx as On}from"react/jsx-runtime";var _r="k-font-icon",vc=[],Lc={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[T.undefined,T.base,T.primary,T.secondary,T.tertiary,T.success,T.warning,T.error,T.info,T.light,T.dark]},Cc={},qo=e=>{let{size:t,themeColor:o,icon:a,rotate:l,flip:s,...p}=e;return a?On("span",{...p,className:r(e.className,_r,A(_r,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${l}`]:l,"k-flip-h":s==="h"\|\|s==="both","k-flip-v":s==="v"\|\|s==="both"}),"aria-hidden":"true"}):On(Mc,{})};qo.states=vc;qo.options=Lc;qo.className=_r;qo.defaultOptions=Cc;var Hn=qo;import{Fragment as wc,jsx as Ya}from"react/jsx-runtime";var zr="k-svg-icon",yc=[],Sc={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[T.undefined,T.base,T.primary,T.secondary,T.tertiary,T.success,T.warning,T.error,T.info,T.light,T.dark]},Pn={viewBox:"0 0 24 24"},Yo=e=>{let{size:t,themeColor:o,rotate:a,flip:l,viewBox:s=Pn.viewBox,icon:p,...u}=e;if(!p)return Ya(wc,{});if(p==="none")return Ya("span",{...u,className:r(e.className,zr,A("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let x=typeof p=="object"&&p.name&&p.name;return Ya("span",{...u,className:r(e.className,zr,A("k-icon",{size:t}),{[`k-svg-i-${x}`]:x,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":l==="h"\|\|l==="both","k-flip-v":l==="v"\|\|l==="both"}),"aria-hidden":"true",children:Ya("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof p=="object"?p.viewBox:s,dangerouslySetInnerHTML:typeof p=="object"?{__html:p.content}:void 0,children:p?void 0:e.children})})};Yo.states=yc;Yo.options=Sc;Yo.className=zr;Yo.defaultOptions=Pn;var Ur=Yo;importas Fr from"@progress/kendo-svg-icons";var Gn="icon",Kn="icons";import{useContext as Ec}from"react";import{createContext as Ac}from"react";var Dn=Ac({iconsType:"svg"});import{Fragment as Bn,jsx as Qo}from"react/jsx-runtime";var Qa="k-icon",Ic=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Rc=[],Oc={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[T.undefined,T.base,T.primary,T.secondary,T.tertiary,T.success,T.warning,T.error,T.info,T.light,T.dark]},Vr={viewBox:"0 0 24 24",type:"svg"},m=e=>{let{iconsType:t}=Ec(Dn),{size:o,themeColor:a,icon:l,type:s=t\|\|Vr.type,rotate:p,flip:u,viewBox:x=Vr.viewBox,...k}=e;if(!l)return Qo(Bn,{});if((t\|\|s)==="svg"){if(l==="none")return Qo(Ur,{...k,className:r(e.className,Qa),icon:l,size:o});let v=Fr[l]?l:Ic(`${l}-icon`);return Fr[v]?Qo(Ur,{...k,className:r(e.className,Qa),icon:Fr[v],size:o,themeColor:a,rotate:p,flip:u,viewBox:x}):Qo(Bn,{})}return Qo(Hn,{...k,className:r(e.className,Qa),icon:l,size:o,themeColor:a,rotate:p,flip:u})};m.states=Rc;m.options=Oc;m.defaultOptions=Vr;m.className=Qa;m.moduleName=Gn;m.folderName=Kn;m.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."}]};import{jsx as Yt,jsxs as $r}from"react/jsx-runtime";var Xr="k-header",Hc=[i.hover,i.focus,i.active],_n={sortIcon:"sort-asc-small"},M=e=>{let{menu:t,sortable:o,filterable:a,sticky:l,resizable:s,columnTitle:p,hover:u,focus:x,active:k,sortIcon:L=_n.sortIcon,sortOrder:v,accessibleLabel:b,...w}=e;return $r(Kt,{...w,className:r(e.className,Xr,{"k-filterable":t\|\|a,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":s},I(Xr,{hover:u,focus:x,active:k})),children:[p&&$r("span",{className:"k-cell-inner",children:[$r("span",{className:"k-link",children:[Yt("span",{className:"k-column-title",children:p}),o&&Yt("span",{className:"k-sort-icon",children:Yt(m,{icon:L})}),v&&Yt("span",{className:"k-sort-order",children:v})]}),t&&Yt("a",{href:"#",className:r("k-grid-header-menu",{"k-active":k,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:Yt(m,{icon:t==="filter"?"filter":"more-vertical"})})]}),!p&&b&&Yt("span",{className:"k-sr-only",children:b}),e.children,s&&Yt("span",{className:"k-column-resizer k-touch-action-none"})]})};M.states=Hc;M.className=Xr;M.defaultOptions=_n;M.moduleName=X;M.folderName=Y;import{jsx as Pc}from"react/jsx-runtime";var zn="k-grid-container",re=e=>Pc("div",{...e,className:r(e.className,zn),children:e.children});re.className=zn;re.moduleName=X;re.folderName=Y;import{jsx as Gc}from"react/jsx-runtime";var Un="k-grid-content",ee=e=>Gc("div",{...e,className:r(e.className,Un),children:e.children});ee.className=Un;ee.moduleName=X;ee.folderName=Y;import{jsx as Kc}from"react/jsx-runtime";var Fn="k-grid-table",te=e=>Kc(Pe,{...e,className:r(e.className,Fn),children:e.children});te.className=Fn;te.moduleName=X;te.folderName=Y;import{jsx as Dc}from"react/jsx-runtime";var Vn="k-grid-footer",Wr=e=>Dc("div",{...e,className:r(e.className,Vn),children:e.children});Wr.className=Vn;Wr.moduleName=X;Wr.folderName=Y;import{jsx as Bc}from"react/jsx-runtime";var $n="k-grid-footer-table",Jr=e=>Bc(Pe,{...e,className:r(e.className,$n),children:e.children});Jr.className=$n;Jr.moduleName=X;Jr.folderName=Y;var qr="button",Xn=qr;import{Fragment as Fc,jsx as Zo,jsxs as Wn}from"react/jsx-runtime";var jo="k-button",_c=["icon-button"],zc=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],Uc={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[T.undefined,T.base,T.primary,T.secondary,T.tertiary,T.success,T.warning,T.error,T.info,T.light,T.dark,T.inverse]},Yr={showArrow:!1,arrowIconName:"caret-alt-down"},c=e=>{let{as:t="button",size:o,rounded:a,fillMode:l,themeColor:s,showArrow:p=Yr.showArrow,arrowIconName:u=Yr.arrowIconName,variant:x,hover:k,focus:L,active:v,selected:b,disabled:w,togglable:S,icon:E,text:P,iconClassName:H,className:F,...Te}=e,ve=E!==void 0,Be=e.children!==void 0;return Wn(t,{className:r(F,jo,gn(jo,x),A(jo,{size:o,rounded:a,fillMode:l,themeColor:s}),I(jo,{hover:k,focus:L,active:v,disabled:w,selected:b}),{"k-icon-button":!P&&!Be&&ve}),...Te,"aria-pressed":S?b?"true":"false":void 0,disabled:w\|\|void 0,children:[E&&Zo(m,{className:r(H,"k-button-icon"),icon:E}),P?Wn(Fc,{children:[P&&Zo("span",{className:"k-button-text",children:P}),e.children]}):e.children&&Zo("span",{className:"k-button-text",children:e.children}),p&&Zo("span",{className:"k-menu-button-arrow k-button-arrow",children:Zo(m,{icon:u})})]})};c.states=zc;c.options=Uc;c.variants=_c;c.className=jo;c.defaultOptions=Yr;c.moduleName=qr;c.folderName=Xn;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 Vc}from"react/jsx-runtime";var Qt=e=>Vc(c,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as $c}from"react/jsx-runtime";var ea=e=>$c(c,{icon:"folder",children:"Button",...e});import{jsx as Xc}from"react/jsx-runtime";var mo=e=>Xc(c,{children:"Button",...e});import{jsx as Qr}from"react/jsx-runtime";var Wc=c.options,Jc=c.states,qc={...c.defaultOptions,variant:"text"},Yc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Qc=[],ta=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Qr(Qt,{...o,icon:"star"});case"icon-and-text":return Qr(ea,{...o,icon:"star",children:"Button"});default:return Qr(mo,{...o,children:"Button"})}};ta.options=Wc;ta.states=Jc;ta.variants=Yc;ta.defaultOptions=qc;ta.modifiers=Qc;var oa="input",Za=oa;import{jsx as tp}from"react/jsx-runtime";var ja="k-input",Zc=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],jc={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},ep={},Le=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:p,readonly:u,size:x,rounded:k,fillMode:L,...v}=e;return tp("span",{...v,className:r(e.className,ja,A(ja,{size:x,rounded:k,fillMode:L}),I(ja,{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:p,readonly:u}))})};Le.states=Zc;Le.options=jc;Le.className=ja;Le.defaultOptions=ep;Le.moduleName=oa;Le.folderName=Za;import{jsx as lp}from"react/jsx-runtime";var er="k-picker",op=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],ap={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},rp={},yt=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:p,readonly:u,size:x,rounded:k,fillMode:L,...v}=e;return lp("span",{...v,className:r(e.className,er,A(er,{size:x,rounded:k,fillMode:L}),I(er,{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:p,readonly:u})),children:e.children})};yt.states=op;yt.options=ap;yt.className=er;yt.defaultOptions=rp;yt.moduleName=oa;yt.folderName=Za;import{Fragment as sp,jsx as Zr}from"react/jsx-runtime";var Jn="k-clear-value",np=[i.disabled,i.loading,i.readonly],ip={},ot=e=>{let{disabled:t,loading:o,readonly:a,value:l}=e;return t\|\|a\|\|o\|\|!l?Zr(sp,{}):Zr("span",{className:r(e.className,Jn),children:Zr(m,{icon:"x"})})};ot.states=np;ot.options=ip;ot.className=Jn;import{jsx as pp}from"react/jsx-runtime";var jr="k-input-inner",dp=[],cp={},tr={type:"text",autocomplete:"off",value:"",placeholder:""},at=e=>{let{value:t=tr.value,type:o=tr.type,placeholder:a=tr.placeholder,autocomplete:l=tr.autocomplete,disabled:s,readOnly:p,...u}=e;return pp("input",{...u,type:o,className:r(e.className,jr,A(jr,e)),placeholder:a,autoComplete:l,defaultValue:t,disabled:s\|\|void 0,readOnly:p\|\|void 0})};at.states=dp;at.options=cp;at.className=jr;import{jsx as qn,jsxs as bp}from"react/jsx-runtime";var el="k-input-inner",mp=[],up={},uo=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:l,valueIconName:s,...p}=e;return bp("span",{...p,className:r(e.className,el,A(el,e)),children:[l,!l&&s&&qn(m,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&qn("span",{className:"k-input-value-text",children:t})]})};uo.states=mp;uo.options=up;uo.className=el;import{jsx as hp}from"react/jsx-runtime";var tl="k-input-inner",fp=[],Tp={},Yn={value:"",placeholder:""},ol=e=>{let{value:t=Yn.value,placeholder:o=Yn.placeholder,rows:a,disabled:l,...s}=e;return hp("textarea",{...s,className:r(e.className,tl,A(tl,e)),placeholder:o,rows:a,defaultValue:t,disabled:l\|\|void 0})};ol.states=fp;ol.options=Tp;ol.className=tl;import{Fragment as Np,jsx as Qn}from"react/jsx-runtime";var Zn="k-input-loading-icon",xp=[i.disabled,i.loading],We=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?Qn(Np,{}):Qn("span",{className:r(e.className,Zn,"k-icon k-i-loading")})};We.states=xp;We.className=Zn;import{Fragment as vp,jsx as jn}from"react/jsx-runtime";var ei="k-input-validation-icon",gp=[i.valid,i.invalid,i.disabled,i.loading],kp={},_e=e=>{let{valid:t,invalid:o,disabled:a,loading:l}=e,s=o?"warning-circle":"check-circle";return a\|\|l\|\|!!!(t\|\|o)?jn(vp,{}):jn(m,{className:r(ei),icon:s})};_e.states=gp;_e.options=kp;_e.className=ei;import{Fragment as Mp,jsx as ti}from"react/jsx-runtime";var Lp="k-input-prefix",Cp={direction:"horizontal"},ct=e=>{let{direction:t=Cp.direction,...o}=e;return e.children?ti("span",{...o,className:r(Lp,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):ti(Mp,{})};import{Fragment as wp,jsx as oi}from"react/jsx-runtime";var yp="k-input-suffix",Sp={direction:"horizontal"},pt=e=>{let{direction:t=Sp.direction,...o}=e;return e.children?oi("span",{...o,className:r(yp,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):oi(wp,{})};import{jsx as Xv}from"react/jsx-runtime";import{jsx as Ep}from"react/jsx-runtime";var Ap="k-input-suffix-text",al=e=>{let{children:t,...o}=e;return Ep("span",{...o,className:r(Ap,e.className),children:t})};import{jsx as Rp}from"react/jsx-runtime";var ai="k-input-separator",Ip={direction:"vertical"},mt=e=>{let{direction:t=Ip.direction,...o}=e;return Rp("span",{...o,className:r(ai,e.className,{[`${ai}-${t}`]:t})})};import{Fragment as ri,jsx as St,jsxs as rl}from"react/jsx-runtime";var Op=Le.states,Hp=Le.defaultOptions,Pp=Le.options,Gp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Kp=[],aa=e=>{let{modifiers:t,valid:o,invalid:a,loading:l,disabled:s,readonly:p,...u}=e,x=t?.prefix,k=t?.suffix,L=t?.["clear-button"],v=t?.["validation-icon"],b=t?.separators;return rl(Le,{...u,valid:o,invalid:a,loading:l,disabled:s,readonly:p,style:{width:300},children:[x&&rl(ri,{children:[St(ct,{children:St(m,{icon:"lock"})}),b&&St(mt,{})]}),St(at,{placeholder:"Placeholder",value:"Value"}),v&&St(_e,{valid:o,invalid:a,loading:l,disabled:s}),St(We,{loading:l,disabled:s}),L&&St(ot,{loading:l,disabled:s,readonly:p,value:"Value"}),k&&rl(ri,{children:[b&&St(mt,{}),St(pt,{children:St(mo,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};aa.options=Pp;aa.states=Op;aa.variants=Kp;aa.defaultOptions=Hp;aa.modifiers=Gp;var ll="popup",li=ll;import{jsx as ni}from"react/jsx-runtime";var ii="k-animation-container",Dp=[],Bp={},si={positionMode:"absolute"},wt=e=>{let{positionMode:t=si.positionMode,animationStyle:o,offset:a,...l}=e;return ni("div",{...l,style:{...a,...e.style},className:r(e.className,ii,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:ni("div",{className:"k-child-animation-container",style:o,children:e.children})})};wt.states=Dp;wt.options=Bp;wt.className=ii;wt.defaultOptions=si;wt.moduleName=ll;wt.folderName=li;var nl="popup",di=nl;import{jsx as ci}from"react/jsx-runtime";var pi="k-popup",_p=[],zp={},mi={positionMode:"absolute"},ue=e=>{let{offset:t,positionMode:o=mi.positionMode,animationStyle:a,containerClassName:l,containerRole:s,containerAriaLabel:p,...u}=e;return ci(wt,{positionMode:o,offset:t,animationStyle:a,className:l,role:s,"aria-label":p,children:ci("div",{...u,className:r(e.className,pi),children:e.children})})};ue.states=_p;ue.options=zp;ue.className=pi;ue.defaultOptions=mi;ue.moduleName=nl;ue.folderName=di;ue.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 il="action-buttons",ui=il;import{jsx as Vp}from"react/jsx-runtime";var or="k-actions",Up=[],Fp={},sl={alignment:"start",orientation:"horizontal"},At=e=>{let{alignment:t=sl.alignment,orientation:o=sl.orientation,...a}=e;return Vp("div",{...a,className:r(or,{[`${or}-${t}`]:t,[`${or}-${o}`]:o},e.className),children:e.children})};At.states=Up;At.options=Fp;At.className=or;At.defaultOptions=sl;At.moduleName=il;At.folderName=ui;import{jsx as Xp}from"react/jsx-runtime";var $p="k-actionsheet-footer",bi={alignment:"stretched",orientation:"horizontal"},Zt=e=>{let{alignment:t=bi.alignment,orientation:o=bi.orientation,template:a,as:l=a?"div":At,...s}=e;return Xp(l,{...s,...!a&&{alignment:t,orientation:o},className:r(e.className,$p),children:e.children})};var dl="searchbox",fi=dl;import{jsx as ra,jsxs as qp}from"react/jsx-runtime";var Ti="k-searchbox",Wp=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],Jp={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},cl={showIcon:!0,icon:"search"},ut=e=>{let{value:t,placeholder:o,size:a,rounded:l,fillMode:s,hover:p,focus:u,valid:x,invalid:k,required:L,loading:v,disabled:b,showIcon:w=cl.showIcon,icon:S=cl.icon,...E}=e;return qp(Le,{...E,size:a,rounded:l,fillMode:s,hover:p,focus:u,valid:x,invalid:k,required:L,loading:v,disabled:b,className:r(e.className,Ti),children:[w&&ra(m,{className:"k-input-icon",icon:S}),ra(at,{placeholder:o,value:t}),ra(We,{...e}),ra(_e,{...e}),ra(ot,{...e})]})};ut.states=Wp;ut.options=Jp;ut.className=Ti;ut.defaultOptions=cl;ut.moduleName=dl;ut.folderName=fi;import{jsx as pC}from"react/jsx-runtime";var pl="textbox",hi=pl;import{Fragment as xi,jsx as jt,jsxs as ml}from"react/jsx-runtime";var Ni="k-textbox",Yp=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Qp={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},ar={showClearButton:!0,showValidationIcon:!0,separators:!0},de=e=>{let{size:t,rounded:o,fillMode:a,separators:l=ar.separators,showClearButton:s=ar.showClearButton,showValidationIcon:p=ar.showValidationIcon,prefix:u,suffix:x,type:k,value:L,placeholder:v,hover:b,focus:w,valid:S,invalid:E,required:P,loading:H,disabled:F,readonly:Te,id:ve,"aria-label":Be,"aria-describedby":et,...tt}=e;return ml(Le,{...tt,size:t,rounded:o,fillMode:a,hover:b,focus:w,valid:S,invalid:E,required:P,loading:H,disabled:F,readonly:Te,className:r(e.className,Ni),children:[u&&ml(xi,{children:[jt(ct,{children:u}),l&&jt(mt,{})]}),jt(at,{id:ve,placeholder:v,value:L,type:k,disabled:F,"aria-label":Be,"aria-describedby":et,"aria-invalid":E?"true":void 0}),p&&jt(_e,{valid:S,invalid:E,loading:H,disabled:F}),jt(We,{loading:H,disabled:F}),s&&jt(ot,{loading:H,disabled:F,readonly:Te,value:L}),x&&ml(xi,{children:[l&&jt(mt,{}),jt(pt,{children:x})]})]})};de.states=Yp;de.options=Qp;de.className=Ni;de.defaultOptions=ar;de.moduleName=pl;de.folderName=hi;de.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 la=de;import{jsx as Zp}from"react/jsx-runtime";var gi=e=>Zp(la,{...e});import{Fragment as AC,jsx as wC}from"react/jsx-runtime";import{Fragment as PC,jsx as HC}from"react/jsx-runtime";import{jsx as BC}from"react/jsx-runtime";import{jsx as ul}from"react/jsx-runtime";var jp=de.states,em=de.defaultOptions,tm=de.options,om=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],am=[],na=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?ul(m,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[l]?ul(mo,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[l];break;default:break}}),ul(gi,{value:"Value",style:{width:300},...o,...a})};na.options=tm;na.states=jp;na.variants=am;na.defaultOptions=em;na.modifiers=om;import{jsx as eo,jsxs as bl}from"react/jsx-runtime";var ki="k-actionsheet-titlebar",rm={},ze=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:l,filter:s,input:p,inputValue:u,inputPlaceholder:x,adaptive:k,titleId:L,children:v,...b}=e;return bl("div",{...b,className:r(e.className,ki),children:[bl("div",{className:"k-actionsheet-titlebar-group",children:[a&&eo("div",{className:"k-actionsheet-actions",children:a}),!v&&bl("div",{className:"k-actionsheet-title",id:L,children:[t&&eo("div",{className:"k-text-center",children:t}),o&&eo("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),v&&eo("div",{className:"k-actionsheet-title",id:L,children:v}),l&&eo("div",{className:"k-actionsheet-actions",children:l})]}),(p\|\|s)&&eo("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?eo(de,{value:u,placeholder:x,size:k?"large":"medium","aria-label":t\|\|x\|\|"Input"}):eo(ut,{placeholder:"Filter",size:k?"large":"medium","aria-label":"Filter options"})})]})};ze.className=ki;ze.defaultOptions=rm;import{jsx as fl,jsxs as sm}from"react/jsx-runtime";var Tl="k-actionsheet-view",lm=[],nm={},im={},Eo=e=>{let{adaptive:t,animated:o,children:a,header:l,footer:s,titleId:p,...u}=e,x=l?.type===ze&&fl(ze,{adaptive:t,titleId:p,...l?.props}),k=s?.type===Zt&&fl(Zt,{...s?.props});return sm("div",{...u,className:r(e.className,Tl,{[`${Tl}-animated`]:o}),children:[x,fl("div",{className:"k-actionsheet-content",children:a}),k]})};Eo.states=lm;Eo.options=nm;Eo.className=Tl;Eo.defaultOptions=im;var ia="action-sheet",rr=ia;var hl="overlay",vi=hl;import{jsx as mm}from"react/jsx-runtime";var xl="k-overlay",dm=[],cm={themeColor:[T.undefined,T.light,T.dark,T.inverse]},pm={},to=e=>{let{themeColor:t,...o}=e;return mm("div",{...o,className:r(e.className,xl,A(xl,{themeColor:t})),children:e.children})};to.states=dm;to.options=cm;to.className=xl;to.defaultOptions=pm;to.moduleName=hl;to.folderName=vi;import{jsx as lr,jsxs as fm}from"react/jsx-runtime";var Li="k-actionsheet",um=[],bm={},sa={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Ne=e=>{let{side:t=sa.side,fullscreen:o=sa.fullscreen,adaptive:a=sa.adaptive,overlay:l=sa.overlay,template:s,children:p,header:u,footer:x,id:k,...L}=e,v=k&&!s&&u?`${k}-title`:void 0;return fm("div",{className:"k-actionsheet-container",children:[l&&lr(to,{}),lr(wt,{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:lr("div",{...L,id:k,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":v,className:r(e.className,Li,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s\|\|lr(Eo,{header:u,footer:x,adaptive:a,titleId:v,...e,children:p})})})]})};Ne.states=um;Ne.options=bm;Ne.className=Li;Ne.defaultOptions=sa;Ne.moduleName=ia;Ne.folderName=rr;Ne.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 Nm}from"react/jsx-runtime";var Ci="k-actionsheet-container",Tm=[],hm={},xm={},Io=e=>{let{children:t,...o}=e;return Nm("div",{...o,className:Ci,children:t})};Io.states=Tm;Io.options=hm;Io.className=Ci;Io.defaultOptions=xm;Io.moduleName=ia;Io.folderName=rr;import{jsx as gm}from"react/jsx-runtime";var Nl=e=>{let{...t}=e;return gm("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as vm,jsx as da,jsxs as gl}from"react/jsx-runtime";var kl="k-actionsheet-item",km=[i.hover,i.focus,i.selected,i.disabled],oo=e=>{let{iconName:t,text:o,description:a,hover:l,focus:s,selected:p,disabled:u,...x}=e;return gl("span",{...x,className:r(e.className,kl,I(kl,{hover:l,focus:s,selected:p,disabled:u})),children:[!e.children&&da(vm,{children:gl("span",{className:"k-actionsheet-action",children:[t&&da("span",{className:"k-icon-wrap",children:da(m,{className:"k-actionsheet-item-icon",icon:t})}),gl("span",{className:"k-actionsheet-item-text",children:[o&&da("span",{className:"k-actionsheet-item-title",children:o}),a&&da("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};oo.states=km;oo.className=kl;import{jsx as DM,jsxs as BM}from"react/jsx-runtime";import{jsx as FM}from"react/jsx-runtime";import{jsx as WM}from"react/jsx-runtime";import{jsx as QM}from"react/jsx-runtime";import{jsx as Ae,jsxs as vl}from"react/jsx-runtime";var Lm=Ne.options,Cm=Ne.states,yi={...Ne.defaultOptions,variant:"normal"},Mm=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],ym=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],ca=e=>{let{variant:t,modifiers:o,...a}={...yi,...e},l={},s=vl(Nl,{children:[Ae(oo,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),Ae(oo,{text:"Add to Favorites",iconName:"heart"}),Ae(oo,{text:"Upload New",iconName:"upload",disabled:!0}),Ae("hr",{className:"k-hr"}),Ae(oo,{text:"Cancel",iconName:"cancel"})]}),p="Choose from the items below",u="Select Item";return t==="fullScreen"&&(l.fullScreen=!0),Object.keys(o\|\|{}).forEach(x=>{switch(x){case"actions":l.actionsStart=!!o?.[x],l.actionsEnd=!!o?.[x];break;case"subtitle":l.subtitle=o?.[x]?p:void 0;break;case"footer":l.footer=!!o?.[x];break;default:break}}),t==="adaptive"?Ae(Ne,{...a,adaptive:!0,fullscreen:l.fullScreen,header:Ae(ze,{actionsStart:l.actionsStart?Ae(c,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Ae(c,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:u,subtitle:l.subtitle}),footer:l.footer?vl(Zt,{alignment:"stretched",children:[Ae(c,{text:"Cancel",size:"large",themeColor:"base"}),Ae(c,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):Ae(Ne,{...a,fullscreen:l.fullScreen,header:Ae(ze,{actionsStart:l.actionsStart?Ae(c,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Ae(c,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?vl(Zt,{alignment:"stretched",children:[Ae(c,{text:"Apply",themeColor:"primary"}),Ae(c,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};ca.options=Lm;ca.states=Cm;ca.variants=Mm;ca.defaultOptions=yi;ca.modifiers=ym;import Cl from"react";import{jsx as Si}from"react/jsx-runtime";var Sm="k-list-group-sticky-header",Ll=e=>Si("div",{className:r(Sm,e.className),children:Si("div",{className:"k-list-header-text",children:e.children})});import{jsx as Am}from"react/jsx-runtime";var wm="k-no-data",nr=e=>{let{live:t,...o}=e;return Am("span",{...o,className:r(wm,e.className),"aria-live":t?"polite":void 0,children:e.children})};var bo="list",Ro=bo;import{jsx as wi,jsxs as Ai}from"react/jsx-runtime";var Ml="k-list",Em=[],Im={size:[d.undefined,d.small,d.medium,d.large]},Rm={},Z=e=>{let{size:t,virtualization:o,children:a,header:l,optionLabel:s,customValue:p,noData:u,screenReaders:x,...k}=e,v=Cl.Children.toArray(a)[0],b=v?.props?.children?Cl.Children.count(v.props.children):Cl.Children.count(a);return Ai("div",{...k,className:r(e.className,Ml,A(Ml,{size:t}),{"k-virtual-list":o}),children:[s,p,l&&wi(Ll,{children:l}),a\|\|(u!==void 0?u:wi(nr,{live:!0,children:"No data found."})),x&&a&&Ai(nr,{className:"k-sr-only",live:!0,children:[b," items found."]})]})};Z.states=Em;Z.options=Im;Z.className=Ml;Z.defaultOptions=Rm;Z.moduleName=bo;Z.folderName=Ro;Z.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 Gm}from"react/jsx-runtime";var Ei="k-list-container",Om=[],Hm={},Pm={},Oo=e=>{let{...t}=e;return Gm("div",{...t,className:r(e.className,Ei),children:e.children})};Oo.states=Om;Oo.options=Hm;Oo.className=Ei;Oo.defaultOptions=Pm;Oo.moduleName=bo;Oo.folderName=Ro;var fo="checkbox",Ho=fo;import{jsx as Ii}from"react/jsx-runtime";var ir="k-checkbox",Km=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],Dm={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full]},Bm={},Je=e=>{let{id:t,checked:o,indeterminate:a,hover:l,focus:s,disabled:p,invalid:u,valid:x,required:k,size:L,rounded:v,...b}=e;return Ii("span",{className:"k-checkbox-wrap",children:Ii("input",{...b,id:t,type:"checkbox",defaultChecked:o,required:k,disabled:p\|\|void 0,"aria-invalid":u?"true":void 0,className:r(e.className,ir,A(ir,{size:L,rounded:v}),I(ir,{hover:l,focus:s,disabled:p,invalid:u,valid:x,indeterminate:a,checked:o}))})})};Je.states=Km;Je.options=Dm;Je.className=ir;Je.defaultOptions=Bm;Je.moduleName=fo;Je.folderName=Ho;Je.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 Et=Je;import{jsx as Um}from"react/jsx-runtime";var Ri="k-checkbox-list",_m=[],zm={},Oi={layout:"vertical"},qe=e=>{let{layout:t=Oi.layout,...o}=e;return Um("ul",{...o,className:r(e.className,Ri,{[`k-list-${t}`]:t}),children:e.children})};qe.states=_m;qe.options=zm;qe.className=Ri;qe.defaultOptions=Oi;qe.moduleName=fo;qe.folderName=Ho;import{jsx as Xm}from"react/jsx-runtime";var Hi="k-checkbox-list-item",Fm=[],Vm={},$m={},Ue=e=>{let{...t}=e;return Xm("li",{...t,className:r(e.className,Hi),children:e.children})};Ue.states=Fm;Ue.options=Vm;Ue.className=Hi;Ue.defaultOptions=$m;Ue.moduleName=fo;Ue.folderName=Ho;import{Fragment as Wm,jsx as Pi,jsxs as Jm}from"react/jsx-runtime";var Dt=({children:e,id:t,...o})=>Jm(Wm,{children:[Pi(Et,{id:t,...o}),Pi("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as nS,jsx as lS,jsxs as iS}from"react/jsx-runtime";import{Fragment as mS,jsx as pS,jsxs as uS}from"react/jsx-runtime";import{Fragment as xS,jsx as hS,jsxs as NS}from"react/jsx-runtime";import{jsx as LS}from"react/jsx-runtime";import{jsx as SS}from"react/jsx-runtime";import{jsx as IS}from"react/jsx-runtime";import{jsx as bt,jsxs as Gi}from"react/jsx-runtime";var qm=qe.options,Ym=qe.states,Qm={...qe.defaultOptions,variant:"vertical"},Zm=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],jm=[],pa=e=>{let{variant:t,...o}=e;return t==="horizontal"?Gi(qe,{layout:"horizontal",...o,children:[bt(Ue,{children:bt(Dt,{id:"first",defaultChecked:!0,children:"Label"})}),bt(Ue,{children:bt(Dt,{id:"second",children:"Label"})}),bt(Ue,{children:bt(Dt,{id:"third",children:"Label"})})]}):Gi(qe,{...o,children:[bt(Ue,{children:bt(Dt,{id:"first",defaultChecked:!0,children:"Label"})}),bt(Ue,{children:bt(Dt,{id:"second",children:"Label"})}),bt(Ue,{children:bt(Dt,{id:"third",children:"Label"})})]})};pa.options=qm;pa.states=Ym;pa.variants=Zm;pa.defaultOptions=Qm;pa.modifiers=jm;import{jsx as lu}from"react/jsx-runtime";var eu=Et.options,tu=Et.states,ou=Et.defaultOptions,au=[],ru=[],ma=e=>lu(Dt,{id:"checkbox-demo-checkbox",...e,defaultChecked:!0,children:"Label"});ma.options=eu;ma.states=tu;ma.variants=au;ma.defaultOptions=ou;ma.modifiers=ru;import{jsx as To,jsxs as du}from"react/jsx-runtime";var yl="k-list-item",nu=[i.hover,i.focus,i.selected,i.disabled],iu={},su={},U=e=>{let{text:t,groupLabel:o,group:a,iconName:l,iconClassName:s,showCheckbox:p,checked:u,hover:x,focus:k,selected:L,disabled:v,actions:b,description:w,id:S,...E}=e,P=t\|\|e.children;return du("li",{...E,id:S,role:a?"presentation":"option",tabIndex:a?void 0:k?0:-1,"aria-selected":!a&&L?"true":a?void 0:"false","aria-disabled":!a&&v?"true":void 0,className:r(e.className,a?"k-list-group-item":yl,I(yl,{hover:x,focus:k,disabled:v,selected:L})),children:[p&&To(Je,{checked:u}),l&&To("span",{className:"k-list-item-icon-wrapper",children:To(m,{icon:l,className:r("k-list-item-icon",s)})}),To("span",{className:"k-list-item-text",children:P}),b&&To("div",{className:"k-list-item-actions",children:b}),w&&To("span",{className:"k-list-item-description",children:w}),o&&o!==""&&To("div",{className:"k-list-item-group-label",children:o})]})};U.states=nu;U.options=iu;U.className=yl;U.defaultOptions=su;U.moduleName=bo;U.folderName=Ro;U.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 pu}from"react/jsx-runtime";var cu="k-list-ul",Bt=e=>{let{children:t,role:o,id:a,...l}=e;return pu("ul",{...l,id:a,role:o,className:r(cu,e.className),children:t})};Bt.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 Sl,jsxs as uu}from"react/jsx-runtime";var mu="k-list-content",ie=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":l,listboxId:s,...p}=e;return uu("div",{...p,className:r(mu,e.className),role:o?"listbox":void 0,id:o?s:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?l:void 0,children:[o?e.children:Sl(Bt,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":l,children:e.children}),t&&Sl("div",{className:"k-height-container",children:Sl("div",{})})]})};ie.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{Fragment as Nw,jsx as xw,jsxs as gw}from"react/jsx-runtime";import{jsx as wl,jsxs as fu}from"react/jsx-runtime";var bu="k-list-group-item",ho=e=>{let{groupIconName:t,...o}=e;return fu("li",{...o,role:"presentation",className:r(bu,e.className),children:[t&&wl("span",{className:"k-list-item-icon-wrapper",children:wl(m,{icon:t,className:"k-list-item-icon"})}),wl("span",{className:"k-list-item-text",children:e.children})]})};ho.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 Nu}from"react/jsx-runtime";var Al="k-list-optionlabel",Tu=[i.hover,i.focus,i.selected,i.disabled],hu={},xu={},sr=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:s,...p}=e;return Nu("div",{...p,className:r(Al,I(Al,{hover:o,focus:a,selected:l,disabled:s})),children:t})};sr.states=Tu;sr.options=hu;sr.className=Al;sr.defaultOptions=xu;import{jsx as Lu}from"react/jsx-runtime";var El="k-list-custom-value",gu=[i.hover,i.focus,i.selected,i.disabled],ku={},vu={},ao=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:s,...p}=e;return Lu("div",{...p,className:r(El,I(El,{hover:o,focus:a,selected:l,disabled:s})),children:t})};ao.states=gu;ao.options=ku;ao.className=El;ao.defaultOptions=vu;import{Fragment as Gw,jsx as Pw,jsxs as Kw}from"react/jsx-runtime";import{Fragment as Fw,jsx as Uw,jsxs as Vw}from"react/jsx-runtime";import{Fragment as Qw,jsx as qw,jsxs as Yw}from"react/jsx-runtime";import{Fragment as rA,jsx as oA,jsxs as aA}from"react/jsx-runtime";import{jsx as sA}from"react/jsx-runtime";import{Fragment as bA,jsx as uA,jsxs as fA}from"react/jsx-runtime";var Ki="dropdown-list",Di="dropdownlist";import{Fragment as yu,jsx as Fe,jsxs as Il}from"react/jsx-runtime";var Bi="k-dropdownlist",Cu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Mu={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Rl={showValue:!0,arrowIconName:"caret-alt-down"},ce=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=Rl.arrowIconName,showValue:s=Rl.showValue,valueIconName:p,prefix:u,suffix:x,value:k,placeholder:L,hover:v,focus:b,valid:w,invalid:S,required:E,loading:P,disabled:H,readonly:F,popup:Te,opened:ve,adaptive:Be,adaptiveSettings:et,adaptiveTitle:tt,adaptiveSubtitle:wo,adaptiveFilter:Ar,...Wa}=e;return Il(yu,{children:[Il(yt,{...Wa,size:t,rounded:o,fillMode:a,hover:v,focus:b,valid:w,invalid:S,required:E,loading:P,disabled:H,readonly:F,className:r(e.className,Bi,{"k-icon-picker":!s&&p}),children:[Fe(ct,{children:u}),Fe(uo,{placeholder:L,value:k,showValue:s,valueIconName:p}),Fe(_e,{valid:w,invalid:S,loading:P,disabled:H}),Fe(We,{loading:P,disabled:H}),Fe(pt,{children:x}),Fe(c,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":L\|\|"Toggle dropdown"})]}),ve&&Te&&Fe(ue,{className:"k-list-container k-dropdownlist-popup",children:Te}),Be&&Fe(Ne,{adaptive:!0,...et,header:Fe(ze,{actionsEnd:Fe(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:Ar,inputValue:k,inputPlaceholder:L,title:tt,subtitle:wo}),children:Fe("div",{className:"k-list-container",children:Fe(Z,{size:"large",children:Il(ie,{children:[Fe(U,{text:"List item"}),Fe(U,{text:"List item"}),Fe(U,{text:"List item"})]})})})})]})};ce.states=Cu;ce.options=Mu;ce.className=Bi;ce.defaultOptions=Rl;ce.moduleName=Ki;ce.folderName=Di;import{jsx as WA}from"react/jsx-runtime";import{jsx as ZA,jsxs as jA}from"react/jsx-runtime";import{Fragment as iE,jsx as lE,jsxs as nE}from"react/jsx-runtime";import{jsx as pE}from"react/jsx-runtime";import{jsx as TE,jsxs as hE}from"react/jsx-runtime";import{Fragment as ME,jsx as LE,jsxs as CE}from"react/jsx-runtime";import{Fragment as Ru,jsx as ro,jsxs as _i}from"react/jsx-runtime";var Su=ce.states,wu=ce.defaultOptions,Au=ce.options,Eu=[{name:"opened",title:"Opened"}],Iu=[],ba=e=>{let{modifiers:t,...o}=e,a={},l=_i(Ru,{children:[ro("div",{className:"k-list-filter",children:ro(ut,{})}),ro(Z,{style:{width:300},size:o.size,children:_i(ie,{children:[ro(U,{children:"List item"}),ro(U,{children:"List item"}),ro(U,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?l:void 0)}),ro("div",{children:ro(ce,{placeholder:"Value",style:{width:300},...o,...a})})};ba.options=Au;ba.states=Su;ba.variants=Iu;ba.defaultOptions=wu;ba.modifiers=Eu;import{jsx as zi,jsxs as Ku}from"react/jsx-runtime";var Ui="k-spin-button",Pu=[],Gu={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},Ol={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},lo=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:l=Ol.increaseLabel,decreaseLabel:s=Ol.decreaseLabel,...p}=e;return Ku("span",{...p,className:r(Ui,e.className),children:[zi(c,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":l}),zi(c,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};lo.states=Pu;lo.options=Gu;lo.className=Ui;lo.defaultOptions=Ol;lo.moduleName=null;lo.folderName=null;var Fi="numeric-textbox",Vi="numerictextbox";import{Fragment as $i,jsx as _t,jsxs as Hl}from"react/jsx-runtime";var Xi="k-numerictextbox",Du=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],Bu={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},dr={showSpinButton:!0,showClearButton:!0,separators:!0},$=e=>{let{size:t,rounded:o,fillMode:a,separators:l=dr.separators,showClearButton:s=dr.showClearButton,showSpinButton:p=dr.showSpinButton,prefix:u,suffix:x,value:k,placeholder:L,hover:v,focus:b,valid:w,invalid:S,required:E,loading:P,disabled:H,readonly:F,id:Te,"aria-label":ve,"aria-describedby":Be,...et}=e;return Hl(Le,{...et,size:t,rounded:o,fillMode:a,hover:v,focus:b,valid:w,invalid:S,required:E,loading:P,disabled:H,readonly:F,className:r(e.className,Xi),children:[u&&Hl($i,{children:[_t(ct,{children:u}),l&&_t(mt,{})]}),_t(at,{id:Te,placeholder:L,value:k,role:"spinbutton",disabled:H,"aria-label":ve,"aria-describedby":Be,"aria-invalid":S?"true":void 0}),_t(_e,{valid:w,invalid:S,loading:P,disabled:H}),_t(We,{loading:P,disabled:H}),s&&_t(ot,{loading:P,disabled:H,readonly:F,value:k}),x&&Hl($i,{children:[l&&_t(mt,{}),_t(pt,{children:x})]}),p&&_t(lo,{className:"k-input-spinner",size:t,fillMode:a,disabled:H})]})};$.states=Du;$.options=Bu;$.className=Xi;$.defaultOptions=dr;$.moduleName=Fi;$.folderName=Vi;$.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 fa=$;import{jsx as _u}from"react/jsx-runtime";var Wi=e=>_u(fa,{...e});import{Fragment as cI,jsx as dI}from"react/jsx-runtime";import{Fragment as TI,jsx as fI}from"react/jsx-runtime";import{jsx as gI}from"react/jsx-runtime";import{jsx as Pl}from"react/jsx-runtime";var zu=$.states,Uu=$.defaultOptions,Fu=$.options,Vu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],$u=[],Ta=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?Pl(ce,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[l]?Pl(al,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[l];break;case"spin-button":a.showSpinButton=t?.[l];break;default:break}}),Pl(Wi,{value:"Value",style:{width:300},...o,...a})};Ta.options=Fu;Ta.states=zu;Ta.variants=$u;Ta.defaultOptions=Uu;Ta.modifiers=Vu;var Gl="pager",Ji=Gl;import{Fragment as qi,jsx as Ye,jsxs as Po}from"react/jsx-runtime";var cr="k-pager",Xu=[i.focus,i.disabled],Wu={size:[d.undefined,d.small,d.medium,d.large]},rt={responsive:!0,pagerSizeInfo:!0,pageTitleInfo:!0,maxPagesInfo:!0,type:"numeric",pageSizes:!0,refresh:!0,previousNext:!0,info:"1 - 5 of 20 items",itemsPerPage:5,maxPages:6,currentPage:1},xe=e=>{let{responsive:t=rt.responsive,size:o,pagerSizeInfo:a=rt.pagerSizeInfo,pageTitleInfo:l=rt.pageTitleInfo,maxPagesInfo:s=rt.maxPagesInfo,itemsPerPage:p=rt.itemsPerPage,maxPages:u=rt.maxPages,currentPage:x=rt.currentPage,previousNext:k=rt.previousNext,type:L=rt.type,pageSizes:v=rt.pageSizes,refresh:b=rt.refresh,info:w=rt.info,focus:S,disabled:E,dir:P,...H}=e,F=[],Te=[];for(let ve=1;ve<=u;ve++)F.push(Ye(c,{selected:ve===x,fillMode:"flat",themeColor:"primary",size:o,children:ve})),Te.push(Ye("option",{selected:ve===x,children:ve}));return Po("div",{dir:P,...H,className:r(e.className,cr,A(cr,{size:o}),I(cr,{focus:S,disabled:E}),{"k-pager-responsive":t}),children:[Po("div",{className:r("k-pager-numbers-wrap"),children:[k&&Po(qi,{children:[Ye(c,{className:r("k-pager-nav","k-pager-first"),disabled:x===1&&!E,fillMode:"flat",size:o,icon:P==="rtl"?"caret-alt-to-right":"caret-alt-to-left"}),Ye(c,{className:r("k-pager-nav"),disabled:x===1&&!E,fillMode:"flat",size:o,icon:P==="rtl"?"caret-alt-right":"caret-alt-left"})]}),L==="numeric"&&Ye("div",{className:r("k-pager-numbers"),children:F}),L==="input"&&Po("span",{className:r("k-pager-input"),children:[l&&Ye("span",{children:"Page"}),Ye($,{value:`${x}`,size:o,showSpinButton:!1,showClearButton:!1}),Ye("span",{children:s&&`of ${u}`})]}),k&&Po(qi,{children:[Ye(c,{className:r("k-pager-nav"),disabled:x===u&&!E,fillMode:"flat",size:o,icon:P==="rtl"?"caret-alt-left":"caret-alt-right"}),Ye(c,{className:r("k-pager-nav","k-pager-last"),disabled:x===u&&!E,fillMode:"flat",size:o,icon:P==="rtl"?"caret-alt-to-left":"caret-alt-to-right"})]})]}),v&&Po("span",{className:r("k-pager-sizes"),children:[Ye(ce,{value:`${p}`,size:o}),a&&Ye("span",{children:"items per page"})]}),b&&Ye(c,{className:r("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw"}),w&&Ye("span",{className:r("k-pager-info"),children:w})]})};xe.states=Xu;xe.options=Wu;xe.className=cr;xe.defaultOptions=rt;xe.moduleName=Gl;xe.folderName=Ji;import{jsx as XI}from"react/jsx-runtime";import{jsx as YI}from"react/jsx-runtime";import{jsx as eR}from"react/jsx-runtime";import{jsx as Yi}from"react/jsx-runtime";var Ju=xe.options,qu=xe.states,Yu={...xe.defaultOptions,variant:"numeric"},Qu=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],Zu=[],ha=e=>{let{variant:t,...o}=e;return t==="input"?Yi(xe,{...o,type:"input"}):Yi(xe,{...o,type:"numeric"})};ha.options=Ju;ha.states=qu;ha.variants=Qu;ha.defaultOptions=Yu;ha.modifiers=Zu;import{jsx as ju}from"react/jsx-runtime";var Qi="k-grid-pager",It=e=>ju(xe,{...e,className:r(e.className,Qi),children:e.children});It.className=Qi;It.moduleName=X;It.folderName=Y;var Kl="button",Zi=Kl;import{jsx as ab}from"react/jsx-runtime";var xa="k-button-group",eb=[i.disabled],tb={fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},ob={},B=e=>{let{fillMode:t,disabled:o,stretched:a,...l}=e;return ab("div",{role:"group",...l,className:r(e.className,xa,A(xa,{fillMode:t}),I(xa,{disabled:o}),{[`${xa}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};B.states=eb;B.options=tb;B.className=xa;B.defaultOptions=ob;B.moduleName=Kl;B.folderName=Zi;B.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};import{Fragment as SR,jsx as yR,jsxs as wR}from"react/jsx-runtime";import{Fragment as HR,jsx as OR,jsxs as PR}from"react/jsx-runtime";import{Fragment as zR,jsx as _R,jsxs as UR}from"react/jsx-runtime";import{Fragment as JR,jsx as WR,jsxs as qR}from"react/jsx-runtime";import{Fragment as tO,jsx as eO,jsxs as oO}from"react/jsx-runtime";import{Fragment as sO,jsx as iO,jsxs as dO}from"react/jsx-runtime";import{jsx as zt,jsxs as Dl}from"react/jsx-runtime";var rb={...c.options,...B.options},lb=c.states,nb={...c.defaultOptions,...B.defaultOptions,variant:"text-button"},ib=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],sb=[],Na=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Dl(B,{fillMode:a.fillMode,className:o,children:[zt(c,{...a,icon:"star"}),zt(c,{...a,icon:"star"}),zt(c,{...a,icon:"star"})]}):t==="icon-text-button"?Dl(B,{fillMode:a.fillMode,className:o,children:[zt(c,{...a,icon:"star",children:"First"}),zt(c,{...a,icon:"star",children:"Middle"}),zt(c,{...a,icon:"star",children:"Last"})]}):Dl(B,{fillMode:a.fillMode,className:o,children:[zt(c,{...a,children:"First"}),zt(c,{...a,children:"Middle"}),zt(c,{...a,children:"Last"})]})};Na.options=rb;Na.states=lb;Na.variants=ib;Na.defaultOptions=nb;Na.modifiers=sb;import{jsx as ji,jsxs as pb}from"react/jsx-runtime";var es="k-color-preview",db=[],cb={},no=e=>{let{color:t,iconName:o,...a}=e;return pb("span",{...a,className:r(e.className,es,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&ji(m,{icon:o,className:"k-color-preview-icon"}),ji("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};no.states=db;no.options=cb;no.className=es;var Bl="slider",ts=Bl;import{jsx as Go,jsxs as _l}from"react/jsx-runtime";var ga="k-slider",mb=[i.hover,i.focus,i.active,i.disabled,i.readonly],ub={},Tt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},be=e=>{let{type:t=Tt.type,orientation:o=Tt.orientation,gradientType:a=Tt.gradientType,readonly:l=Tt.readonly,disabled:s=Tt.disabled,handlePosition:p=Tt.handlePosition,showButtons:u=Tt.showButtons,showTicks:x=Tt.showTicks,value:k=Tt.value,min:L=Tt.min,max:v=Tt.max,startValue:b,endValue:w,hover:S,focus:E,active:P,trackStyle:H,dir:F,...Te}=e,Be=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),et,tt;return o==="horizontal"?(et=F==="rtl"?"caret-alt-left":"caret-alt-right",tt=F==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(et="caret-alt-up",tt="caret-alt-down"),_l("div",{...Te,className:r(ga,e.className,I(ga,{readonly:l,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:F,children:[u&&Go(c,{className:"k-button-decrease",rounded:"full",icon:tt,tabIndex:-1,title:"Decrease"}),_l("div",{className:"k-slider-track-wrap",children:[x&&Go("ul",{className:"k-reset k-slider-items",children:e.children}),_l("div",{className:"k-slider-track",style:H,children:[Go("div",{className:"k-slider-selection"}),t==="range"&&Go("span",{className:r("k-draghandle","k-draghandle-start",I(ga,{hover:S,focus:E,active:P})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":b??L,"aria-valuemin":L,"aria-valuemax":w??v,"aria-orientation":Be,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":Te["aria-label"]?`${Te["aria-label"]} start`:"Range start"}),Go("span",{className:r("k-draghandle",`k-draghandle-${p}`,I(ga,{hover:S,focus:E,active:P})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?w??v:k,"aria-valuemin":t==="range"?b??L:L,"aria-valuemax":v,"aria-orientation":Be,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":t==="range"?Te["aria-label"]?`${Te["aria-label"]} end`:"Range end":Te["aria-label"]})]})]}),u&&Go(c,{className:"k-button-increase",rounded:"full",icon:et,tabIndex:-1,title:"Increase"})]})};be.states=mb;be.options=ub;be.className=ga;be.defaultOptions=Tt;be.moduleName=Bl;be.folderName=ts;be.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'}]};import{jsx as os}from"react/jsx-runtime";var as="k-tick",bb=[],fb={},rs={label:!1},K=e=>{let{style:t,label:o=rs.label,orientation:a,large:l,text:s,...p}=e;return os("li",{...p,className:r(e.className,as,{[`k-tick-${a}`]:a,"k-tick-large":l}),style:t,children:o&&os("span",{className:"k-label",children:s})})};K.states=bb;K.options=fb;K.className=as;K.defaultOptions=rs;import{Fragment as Tb,jsx as ht,jsxs as hb}from"react/jsx-runtime";var ls=e=>ht(be,{"aria-label":e["aria-label"]\|\|"Slider",children:hb(Tb,{children:[ht(K,{className:"k-first",label:!0,large:!0,text:"0"}),ht(K,{}),ht(K,{}),ht(K,{}),ht(K,{}),ht(K,{label:!0,large:!0,text:"5"}),ht(K,{}),ht(K,{}),ht(K,{}),ht(K,{}),ht(K,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as xb,jsx as xt,jsxs as Nb}from"react/jsx-runtime";var ns=e=>xt(be,{children:Nb(xb,{children:[xt(K,{className:"k-first",label:!0,large:!0,text:"0"}),xt(K,{}),xt(K,{}),xt(K,{}),xt(K,{}),xt(K,{label:!0,large:!0,text:"5"}),xt(K,{}),xt(K,{}),xt(K,{}),xt(K,{}),xt(K,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});import{Fragment as qO,jsx as JO,jsxs as YO}from"react/jsx-runtime";import{Fragment as tH,jsx as eH,jsxs as oH}from"react/jsx-runtime";import{jsx as gb}from"react/jsx-runtime";var zl=e=>gb(be,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{jsx as kb}from"react/jsx-runtime";var Ul=e=>kb(be,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{Fragment as uH,jsx as mH,jsxs as bH}from"react/jsx-runtime";import{Fragment as NH,jsx as xH,jsxs as gH}from"react/jsx-runtime";import{jsx as Rt,jsxs as is}from"react/jsx-runtime";var vb=be.options,Lb=be.states,ss={...be.defaultOptions,variant:"horizontal",label:!0},Cb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Mb=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],ka=e=>{let{variant:t,modifiers:o,...a}={...ss,...e},l={};Object.keys(o\|\|{}).forEach(k=>{switch(k){case"button":{l.showButtons=!!o?.[k];break}case"label":{l.label=!!o?.[k];break}case"tick":{l.showTicks=!!o?.[k];break}}});let{label:s=!0,showButtons:p,showTicks:u}=l,x={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?is(ns,{showTicks:u,showButtons:p,style:{height:"300px",...x},...a,children:[Rt(K,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),Rt(K,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),Rt(K,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),Rt(K,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),Rt(K,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):is(ls,{showTicks:u,showButtons:p,style:{width:"400px",...x},...a,children:[Rt(K,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),Rt(K,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),Rt(K,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),Rt(K,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),Rt(K,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};ka.options=vb;ka.states=Lb;ka.variants=Cb;ka.defaultOptions=ss;ka.modifiers=Mb;import{Fragment as va,jsx as q,jsxs as ge}from"react/jsx-runtime";var ds="k-colorgradient-inputs",yb=[],Sb={size:[d.undefined,d.small,d.medium,d.large]},cs={mode:"rgba"},Ko=e=>{let{mode:t=cs.mode,size:o,...a}=e;return ge("div",{...a,className:r(ds,"k-hstack"),children:[q("div",{className:"k-vstack",children:q(c,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&ge(va,{children:[ge("div",{className:"k-vstack",children:[q($,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),q("label",{className:"k-colorgradient-input-label",children:"R"})]}),ge("div",{className:"k-vstack",children:[q($,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),q("label",{className:"k-colorgradient-input-label",children:"G"})]}),ge("div",{className:"k-vstack",children:[q($,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),q("label",{className:"k-colorgradient-input-label",children:"B"})]}),ge("div",{className:"k-vstack",children:[q($,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),q("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&ge(va,{children:[ge("div",{className:"k-vstack",children:[q($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),q("label",{className:"k-colorgradient-input-label",children:"R"})]}),ge("div",{className:"k-vstack",children:[q($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),q("label",{className:"k-colorgradient-input-label",children:"G"})]}),ge("div",{className:"k-vstack",children:[q($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),q("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&ge(va,{children:[ge("div",{className:"k-vstack",children:[q($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),q("label",{className:"k-colorgradient-input-label",children:"H"})]}),ge("div",{className:"k-vstack",children:[q($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),q("label",{className:"k-colorgradient-input-label",children:"S"})]}),ge("div",{className:"k-vstack",children:[q($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),q("label",{className:"k-colorgradient-input-label",children:"V"})]}),ge("div",{className:"k-vstack",children:[q($,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),q("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&ge(va,{children:[ge("div",{className:"k-vstack",children:[q($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),q("label",{className:"k-colorgradient-input-label",children:"H"})]}),ge("div",{className:"k-vstack",children:[q($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),q("label",{className:"k-colorgradient-input-label",children:"S"})]}),ge("div",{className:"k-vstack",children:[q($,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),q("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&q(va,{children:ge("div",{className:"k-vstack k-flex-1",children:[q(de,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),q("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Ko.states=yb;Ko.options=Sb;Ko.className=ds;Ko.defaultOptions=cs;import{jsx as xo,jsxs as No}from"react/jsx-runtime";var ps="k-colorgradient-color-contrast",wb=[],Ab={},Eb={},Do=()=>No("div",{className:r(ps,"k-vbox"),children:[No("div",{className:"k-contrast-ratio",children:[xo("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),No("span",{className:"k-contrast-validation !k-text-success",children:[xo(m,{icon:"check"}),xo(m,{icon:"check"})]})]}),No("div",{children:[xo("span",{children:"AA: 4.5"}),No("span",{className:"k-contrast-validation !k-text-success",children:["Pass",xo(m,{icon:"check"})]})]}),No("div",{children:[xo("span",{children:"AAA: 7.0"}),No("span",{className:"k-contrast-validation !k-text-error",children:["Fail",xo(m,{icon:"x"})]})]})]});Do.states=wb;Do.options=Ab;Do.className=ps;Do.defaultOptions=Eb;var ms="color-gradient",us="colorgradient";import{jsx as Nt,jsxs as La}from"react/jsx-runtime";var pr="k-colorgradient",Ib=[i.hover,i.focus,i.readonly,i.disabled],Rb={size:[d.undefined,d.small,d.medium,d.large]},Ot={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},Ee=e=>{let{size:t,mode:o=Ot.mode,readonly:a=Ot.readonly,disabled:l=Ot.disabled,gradientStyle:s=Ot.gradientStyle,dragHandleStyle:p=Ot.dragHandleStyle,alphaStyle:u=Ot.alphaStyle,alphaStyleHorizontal:x=Ot.alphaStyleHorizontal,contrast:k=Ot.contrast,dir:L,hover:v,focus:b,hoverHandle:w,focusHandle:S,canvasOrientation:E=Ot.canvasOrientation,role:P,tabIndex:H,...F}=e;return La("div",{...F,role:P??"textbox","aria-label":P==="none"?void 0:"Color gradient",tabIndex:H??0,"aria-disabled":l?"true":void 0,className:r(e.className,pr,A(pr,{size:t}),I(pr,{hover:v,focus:b,readonly:a,disabled:l})),dir:L,children:[!E\|\|E==="horizontal"&&La("div",{className:"k-colorgradient-canvas k-hstack",children:[Nt("div",{className:"k-hsv-rectangle",style:s,children:Nt("div",{className:"k-hsv-gradient",children:Nt("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":w,"k-focus":S}),style:p,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),La("div",{className:"k-hsv-controls k-hstack",children:[Nt(Ul,{className:"k-hue-slider",hover:w,focus:S}),o!=="rgb"&&o!=="hsv"&&Nt(Ul,{className:"k-alpha-slider",hover:w,focus:S,trackStyle:u})]})]}),E==="vertical"&&La("div",{className:"k-colorgradient-canvas k-vstack",children:[Nt("div",{className:"k-hsv-rectangle",style:s,children:Nt("div",{className:"k-hsv-gradient",children:Nt("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":w,"k-focus":S}),style:p,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),La("div",{className:"k-hsv-controls k-vstack",children:[Nt(zl,{className:"k-hue-slider",hover:w,focus:S}),o!=="rgb"&&o!=="hsv"&&Nt(zl,{className:"k-alpha-slider",hover:w,focus:S,trackStyle:x})]})]}),Nt(Ko,{mode:e.mode,size:t}),k&&Nt(Do,{})]})};Ee.states=Ib;Ee.options=Rb;Ee.className=pr;Ee.defaultOptions=Ot;Ee.moduleName=ms;Ee.folderName=us;Ee.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};import{jsx as Ob}from"react/jsx-runtime";var mr=e=>Ob(Ee,{...e});import{jsx as c0}from"react/jsx-runtime";import{jsx as b0}from"react/jsx-runtime";import{jsx as Fl}from"react/jsx-runtime";var Hb=Ee.options,Pb=Ee.states,Gb={...Ee.defaultOptions,variant:"rgba"},Kb=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Db=[],Ca=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Fl(mr,{...o,mode:t});case"rgb":return Fl(mr,{...o,mode:t});default:return Fl(mr,{...o,mode:t})}};Ca.options=Hb;Ca.states=Pb;Ca.variants=Kb;Ca.defaultOptions=Gb;Ca.modifiers=Db;import{jsx as Bb}from"react/jsx-runtime";var Vl=e=>Bb("tr",{role:"row",children:e.children});import{jsx as Ub}from"react/jsx-runtime";var $l="k-colorpalette-tile",_b=[i.hover,i.focus,i.selected],zb={},Bo=e=>{let{color:t,tileSize:o,hover:a,focus:l,selected:s,...p}=e,u={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Ub("td",{...p,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:r(e.className,$l,I($l,{hover:a,focus:l,selected:s})),style:u})};Bo.states=_b;Bo.options=zb;Bo.className=$l;var bs="color-palette",fs="colorpalette";import{jsx as Ma}from"react/jsx-runtime";var ur="k-colorpalette",Fb=[i.disabled],Vb={size:[d.undefined,d.small,d.medium,d.large]},Ts={columns:10},Qe=e=>{let{size:t,palette:o,columns:a=Ts.columns,tileSize:l,disabled:s,...p}=e,u=[];if(o){let x=a\|\|o.columns,k=o.colors?o.colors:o;Array.isArray(k)&&Array.from({length:Math.ceil(k.length/x)},(L,v)=>{let b=[];k.slice(vx,(v+1)x).map((S,E)=>{b.push(Ma(Bo,{color:S,tileSize:l},E))});let w=Ma(Vl,{children:b},v);u.push(w)})}return Ma("div",{...p,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:r(e.className,ur,I(ur,{disabled:s}),A(ur,{size:t})),children:Ma("table",{className:"k-colorpalette-table",role:"none",children:Ma("tbody",{children:u.length>0?u:e.children})})})};Qe.states=Fb;Qe.options=Vb;Qe.className=ur;Qe.defaultOptions=Ts;Qe.moduleName=bs;Qe.folderName=fs;Qe.ariaSpec={selector:".k-colorpalette",rules:[{selector:".k-colorpalette",attribute:"role=grid",usage:"The focusable wrapper announces its role as a grid."},{selector:".k-colorpalette",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpalette",attribute:"aria-activedescendant",usage:"Points to the focused cell in the table."},{selector:".k-colorpalette",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpalette.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorPalette is disabled."},{selector:".k-colorpalette-table",attribute:"role=none or role=presentation",usage:"Negates the default role of the table element."},{selector:".k-colorpalette-table>tbody>tr",attribute:"role=row",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"role=gridcell",usage:"Required as the semantic role of the parent table has been removed."},{selector:".k-colorpalette-tile",attribute:"aria-label or title",usage:"The text representation of the color value for the current cell."},{selector:".k-colorpalette-tile.k-selected",attribute:"aria-selected=true",usage:"Present on the currently selected cell."}]};var br=Qe;var ya={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as $b}from"react/jsx-runtime";var hs=e=>$b(br,{palette:ya.basic,...e});import{jsx as q0}from"react/jsx-runtime";import{jsx as tP,jsxs as oP}from"react/jsx-runtime";import{jsx as Zb}from"react/jsx-runtime";var Xb=Qe.options,Wb=Qe.states,Jb={...Qe.defaultOptions,variant:"basic"},qb=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Yb={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}},Qb=[],Sa=e=>{let{variant:t="basic",...o}=e,a=Yb[t];return Zb(hs,{columns:a.columns,palette:a,...o})};Sa.options=Xb;Sa.states=Wb;Sa.variants=qb;Sa.defaultOptions=Jb;Sa.modifiers=Qb;var xs="color-editor",Ns="coloreditor";import{jsx as gt,jsxs as _o}from"react/jsx-runtime";var fr="k-coloreditor",jb=[i.focus],ef={size:[d.undefined,d.small,d.medium,d.large]},wa={view:"gradient",palette:ya.office,actionButtons:!0,canvasOrientation:"horizontal"},ke=e=>{let{size:t,view:o=wa.view,palette:a=wa.palette,color:l,currentColor:s,focus:p,focusView:u,dir:x,group:k,actionButtons:L=wa.actionButtons,canvasOrientation:v=wa.canvasOrientation,...b}=e;return _o("div",{...b,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",fr,A(fr,{size:t}),I(fr,{focus:p})),dir:x,children:[_o("div",{className:"k-coloreditor-header k-hstack",children:[gt("div",{className:"k-coloreditor-header-actions k-hstack",children:k&&_o(B,{fillMode:"flat",children:[gt(c,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),gt(c,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),gt("div",{className:"k-spacer"}),_o("div",{className:"k-coloreditor-header-actions k-hstack",children:[gt(c,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),_o("div",{className:"k-coloreditor-preview k-vstack",children:[gt(no,{className:"k-coloreditor-preview-color",color:l}),gt(no,{className:"k-coloreditor-current-color",color:s})]})]})]}),gt("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?gt(Ee,{focus:u,size:t,canvasOrientation:v,role:"none",tabIndex:-1}):gt(Qe,{palette:a,size:t})}),L&&_o(At,{className:"k-coloreditor-footer",alignment:"start",children:[gt(c,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),gt(c,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};ke.states=jb;ke.options=ef;ke.className=fr;ke.defaultOptions=wa;ke.moduleName=xs;ke.folderName=Ns;ke.ariaSpec={selector:".k-flatcolorpicker",rules:[{selector:".k-flatcolorpicker",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a submittable value."},{selector:".k-flatcolorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-flatcolorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-flatcolorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the FlatColorPicker is disabled."},{selector:".k-colorgradient",attribute:"role=none",usage:"The inner ColorGradient must have its role removed."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var zo=ke;import{jsx as IP}from"react/jsx-runtime";import{jsx as PP}from"react/jsx-runtime";import{jsx as tf}from"react/jsx-runtime";var gs=e=>tf(zo,{group:!0,currentColor:"fuchsia",...e});import{jsx as of}from"react/jsx-runtime";var ks=e=>of(zo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as vs}from"react/jsx-runtime";var af=ke.options,rf=ke.states,lf={...ke.defaultOptions,variant:"gradient"},nf=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],sf=[],Aa=e=>{let{variant:t,...o}=e;return t==="palette"?vs(ks,{...o,color:"white"}):vs(gs,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Aa.options=af;Aa.states=rf;Aa.variants=nf;Aa.defaultOptions=lf;Aa.modifiers=sf;var Ls="color-picker",Cs="colorpicker";import{Fragment as pf,jsx as kt,jsxs as Xl}from"react/jsx-runtime";var Ms="k-colorpicker",df=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],cf={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},ys={arrowIconName:"caret-alt-down"},lt=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=ys.arrowIconName,prefix:s,suffix:p,value:u,placeholder:x,hover:k,focus:L,valid:v,invalid:b,required:w,disabled:S,valueIconName:E,popup:P,opened:H,adaptive:F,adaptiveSettings:Te,adaptiveTitle:ve,adaptiveSubtitle:Be,...et}=e,tt="colorpicker-popup";return Xl(pf,{children:[Xl(yt,{...et,size:t,rounded:o,fillMode:a,hover:k,focus:L,valid:v,invalid:b,required:w,disabled:S,role:"combobox","aria-haspopup":"dialog","aria-expanded":H?"true":"false","aria-controls":H\|\|F?tt:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":S?"true":void 0,className:r(e.className,Ms,"k-icon-picker"),children:[kt(ct,{children:s}),kt(uo,{placeholder:x,value:u,showValue:!1,valueIcon:kt(no,{className:"k-value-icon",color:u,iconName:E}),valueIconName:E}),kt(pt,{children:p}),kt(c,{className:"k-input-button",icon:l,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:S})]}),H&&P&&kt(ue,{id:tt,className:"k-colorpicker-popup",children:P}),F&&kt(Ne,{adaptive:!0,id:tt,...Te,header:kt(ze,{actionsEnd:kt(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:ve,subtitle:Be}),footer:Xl(Zt,{children:[kt(c,{text:"Cancel",size:"large"}),kt(c,{text:"Set",size:"large",themeColor:"primary"})]}),children:kt(ke,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};lt.states=df;lt.options=cf;lt.className=Ms;lt.defaultOptions=ys;lt.moduleName=Ls;lt.folderName=Cs;lt.ariaSpec={selector:".k-colorpicker",rules:[{selector:".k-colorpicker",attribute:"role=combobox",usage:"The focusable element should have role combobox (input with popup)."},{selector:".k-colorpicker",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorpicker",attribute:"aria-haspopup=dialog",usage:"Indicates the component has a Dialog Popup."},{selector:".k-colorpicker",attribute:"aria-expanded=true/false",usage:"Announces the visibility state of the popup."},{selector:".k-colorpicker",attribute:"aria-controls (when open)",usage:"Points to the popup element."},{selector:".k-colorpicker",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorpicker.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorpicker.k-disabled .k-button",attribute:"disabled or aria-disabled=true",usage:"Rendered only when the picker is disabled."},{selector:".k-colorgradient",attribute:"tabindex=-1",usage:"The inner ColorGradient must be removed from the page tab sequence."}]};var io=lt;import{jsx as mf}from"react/jsx-runtime";var Tr=e=>mf(io,{...e});import{jsx as xG}from"react/jsx-runtime";import{jsx as LG}from"react/jsx-runtime";import{jsx as SG}from"react/jsx-runtime";import{jsx as IG}from"react/jsx-runtime";import{jsx as PG}from"react/jsx-runtime";import{jsx as BG}from"react/jsx-runtime";import{jsx as go}from"react/jsx-runtime";var uf=io.options,bf=io.states,Ss={...io.defaultOptions,variant:"color"},ff=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Tf=[{name:"opened",title:"Opened"}],Ea=e=>{let{variant:t,modifiers:o,...a}={...Ss,...e},l={};Object.keys(o\|\|{}).forEach(p=>{p==="opened"&&(l.opened=!!o?.[p],l.popup=o?.[p]?go(ke,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let s=l.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return go("div",{style:s,children:go(Tr,{...a,...l})});case"icon":return go("div",{style:s,children:go(Tr,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...l})});default:return go("div",{style:s,children:go(Tr,{value:"rgba(183, 118 , 118, 1.00)",...a,...l})})}};Ea.options=uf;Ea.states=bf;Ea.variants=ff;Ea.defaultOptions=Ss;Ea.modifiers=Tf;var Wl="combobox",ws=Wl;import{Fragment as Jl,jsx as Ce,jsxs as Ia}from"react/jsx-runtime";var As="k-combobox",hf=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],xf={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Es={separators:!0},Ve=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Es.separators,prefix:s,suffix:p,value:u,placeholder:x,hover:k,focus:L,valid:v,invalid:b,required:w,loading:S,disabled:E,popup:P,opened:H,readonly:F,adaptive:Te,adaptiveSettings:ve,adaptiveTitle:Be,adaptiveSubtitle:et,adaptiveCustomValue:tt,id:wo,autocomplete:Ar,activeDescendant:Wa,"aria-label":vd,...Ld}=e,Cd=wo?`${wo}-listbox`:void 0;return Ia(Jl,{children:[Ia(Le,{...Ld,size:t,rounded:o,fillMode:a,hover:k,focus:L,valid:v,invalid:b,required:w,loading:S,disabled:E,readonly:F,className:r(e.className,As),children:[s&&Ia(Jl,{children:[Ce(ct,{children:s}),l&&Ce(mt,{})]}),Ce(at,{placeholder:x,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":H?"true":"false","aria-controls":H?Cd:void 0,"aria-activedescendant":H&&Wa?Wa:void 0,"aria-autocomplete":Ar,"aria-invalid":b?"true":void 0,"aria-busy":S?"true":void 0,"aria-label":vd,disabled:E,readOnly:F}),Ce(_e,{valid:v,invalid:b,loading:S,disabled:E}),Ce(We,{loading:S,disabled:E}),Ce(ot,{loading:S,disabled:E,readonly:F,value:u}),p&&Ia(Jl,{children:[l&&Ce(mt,{}),Ce(pt,{children:p})]}),Ce(c,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:E})]}),H&&P&&Ce(ue,{className:"k-list-container k-combobox-popup",containerClassName:"k-combobox-popup-container",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:P}),Te&&Ce(Ne,{adaptive:!0,id:wo?`${wo}-adaptive`:void 0,...ve,header:Ce(ze,{actionsEnd:Ce(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:x,title:Be,subtitle:et}),children:Ce("div",{className:"k-list-container",children:Ce(Z,{customValue:tt?Ce(ao,{text:`Use "${u}"`}):void 0,size:"large",children:Ia(ie,{"aria-label":Be\|\|"Options",children:[Ce(U,{text:"List item"}),Ce(U,{text:"List item"}),Ce(U,{text:"List item"})]})})})})]})};Ve.states=hf;Ve.options=xf;Ve.className=As;Ve.defaultOptions=Es;Ve.moduleName=Wl;Ve.folderName=ws;Ve.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-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 nt=Ve;import{jsx as Nf}from"react/jsx-runtime";var Is=e=>Nf(nt,{...e});import{jsx as kK,jsxs as vK}from"react/jsx-runtime";import{jsx as wK,jsxs as AK}from"react/jsx-runtime";import{jsx as PK,jsxs as GK}from"react/jsx-runtime";import{Fragment as UK,jsx as zK}from"react/jsx-runtime";import{Fragment as JK,jsx as WK}from"react/jsx-runtime";import{jsx as eD,jsxs as tD}from"react/jsx-runtime";import{Fragment as dD,jsx as iD,jsxs as sD}from"react/jsx-runtime";import{jsx as uD}from"react/jsx-runtime";import{jsx as hD}from"react/jsx-runtime";import{jsx as LD,jsxs as CD}from"react/jsx-runtime";import{jsx as ED,jsxs as ID}from"react/jsx-runtime";import{jsx as so,jsxs as Mf}from"react/jsx-runtime";var gf=Ve.states,kf=Ve.defaultOptions,vf=Ve.options,Lf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Cf=[],Ra=e=>{let{modifiers:t,...o}=e,a={},l=so(Z,{style:{width:300},size:o.size,children:Mf(ie,{children:[so(U,{children:"List item"}),so(U,{children:"List item"}),so(U,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?so(m,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?so(Qt,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[s],a.popup=t?.[s]?l:void 0;break;default:break}}),so("div",{children:so(Is,{value:"Value",style:{width:300},...o,...a})})};Ra.options=vf;Ra.states=gf;Ra.variants=Cf;Ra.defaultOptions=kf;Ra.modifiers=Lf;var ql="menu-button",Rs=ql;import{jsx as wf}from"react/jsx-runtime";var Os="k-menu-button",yf=[i.hover,i.focus,i.active,i.selected,i.disabled],Sf={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[T.undefined,T.base,T.primary,T.secondary,T.tertiary,T.success,T.warning,T.error,T.info,T.light,T.dark,T.inverse]},Yl={showArrow:!0,arrowIconName:"caret-alt-down"},pe=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:p,active:u,selected:x,disabled:k,icon:L,text:v,showArrow:b=Yl.showArrow,arrowIconName:w=Yl.arrowIconName,expanded:S,...E}=e;return wf(c,{...E,className:r(e.className,Os),text:v,size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:p,active:u,selected:x,disabled:k,icon:L,showArrow:b,arrowIconName:w,"aria-expanded":S?"true":"false",...!v&&L&&!e["aria-label"]&&{"aria-label":"Menu"},...k&&{"aria-disabled":"true"}})};pe.states=yf;pe.options=Sf;pe.className=Os;pe.defaultOptions=Yl;pe.moduleName=ql;pe.folderName=Rs;pe.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};import{jsx as c1}from"react/jsx-runtime";import{jsx as b1}from"react/jsx-runtime";import{jsx as x1}from"react/jsx-runtime";var it="menu",vt=it;import{jsx as Oa,jsxs as Hs}from"react/jsx-runtime";var Ql="k-menu-item",Af=[i.hover,i.focus,i.active,i.selected,i.disabled],Ef={},Ps={iconPosition:"before"},Ge=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:s,icon:p,text:u,first:x,last:k,showArrow:L,arrowIconName:v,iconPosition:b=Ps.iconPosition,dir:w,children:S,expanded:E,...P}=e,H=v;return H\|\|(H=w==="rtl"?"caret-alt-left":"caret-alt-right"),Hs("li",{...P,className:r(e.className,Ql,"k-item",I(Ql,{focus:o,disabled:s,hover:t,active:a,selected:l}),{"k-first":x,"k-last":k}),role:"menuitem",...L&&{"aria-haspopup":"menu"},...L&&{"aria-expanded":E?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Hs("span",{className:r("k-link k-menu-link"),children:[p&&b==="before"&&Oa(m,{className:"k-menu-link-icon",icon:p}),Oa("span",{className:"k-menu-link-text",children:u}),p&&b==="after"&&Oa(m,{className:"k-menu-link-icon",icon:p}),L&&Oa("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Oa(m,{icon:H})})]}),S]})};Ge.states=Af;Ge.options=Ef;Ge.className=Ql;Ge.defaultOptions=Ps;Ge.moduleName=it;Ge.folderName=vt;import{jsx as Ha,jsxs as Gs}from"react/jsx-runtime";var Zl="k-menu-item",If=[i.hover,i.focus,i.active,i.selected,i.disabled],Rf={},jl={dir:"ltr",iconPosition:"before"},he=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:s,icon:p,text:u,first:x,last:k,showArrow:L,arrowIconName:v,iconPosition:b=jl.iconPosition,dir:w=jl.dir,children:S,popup:E,expanded:P,...H}=e,F=v;return F\|\|(F=w==="rtl"?"caret-alt-left":"caret-alt-right"),Gs("li",{...H,className:r(e.className,Zl,"k-item",I(Zl,{focus:o,disabled:s}),{"k-first":x,"k-last":k}),role:"menuitem",...L&&{"aria-haspopup":"menu"},...L&&{"aria-expanded":P?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Gs("span",{className:r("k-link k-menu-link",I("k-menu-link",{hover:t,active:a,selected:l,disabled:s})),children:[p&&b==="before"&&Ha(m,{className:"k-menu-link-icon",icon:p}),Ha("span",{className:"k-menu-link-text",children:u}),p&&b==="after"&&Ha(m,{className:"k-menu-link-icon",icon:p}),L&&Ha("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ha(m,{icon:F})})]}),S,E]})};he.states=If;he.options=Rf;he.className=Zl;he.defaultOptions=jl;he.moduleName=it;he.folderName=vt;import{jsx as Gf}from"react/jsx-runtime";var Ks="k-menu-scroll-wrapper",Of=[],Hf={},Pf={},ko=e=>{let{className:t,children:o,orientation:a,...l}=e;return Gf("div",{...l,className:r(t,Ks,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};ko.states=Of;ko.options=Hf;ko.className=Ks;ko.defaultOptions=Pf;ko.moduleName=it;ko.folderName=vt;var Ds=ko;import{Fragment as en,jsx as vo,jsxs as xr}from"react/jsx-runtime";var tn="k-menu",Kf=[],Df={},Nr={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Ie=e=>{let{children:t,orientation:o=Nr.orientation,header:a=Nr.header,scrollable:l,scrollButtonsPosition:s=Nr.scrollButtonsPosition,wrapperStyles:p,dir:u,popup:x,contextMenu:k,...L}=e,v={horizontal:{prev:u!=="rtl"?"left":"right",next:u!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},b=vo("ul",{dir:u,...L,className:r(e.className,"k-reset",tn,{[`${tn}-${o}`]:o,"k-header":a}),role:k?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return xr(en,{children:[l?xr(Ds,{orientation:o,style:p,dir:e.dir,children:[s==="start"&&xr(en,{children:[vo(c,{fillMode:"flat",icon:`caret-alt-${v[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),vo(c,{fillMode:"flat",icon:`caret-alt-${v[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&vo(c,{fillMode:"flat",icon:`caret-alt-${v[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),b,s==="end"&&xr(en,{children:[vo(c,{fillMode:"flat",icon:`caret-alt-${v[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),vo(c,{fillMode:"flat",icon:`caret-alt-${v[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&vo(c,{fillMode:"flat",icon:`caret-alt-${v[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):b,x]})};Ie.states=Kf;Ie.options=Df;Ie.className=tn;Ie.defaultOptions=Nr;Ie.moduleName=it;Ie.folderName=vt;Ie.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item[aria-haspopup]",attribute:"aria-haspopup=menu",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item[aria-haspopup]",attribute:"aria-expanded=true/false",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item[aria-haspopup][aria-controls]",attribute:"aria-controls=ul.k-menu-group id",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};import{jsx as Bf}from"react/jsx-runtime";var on="k-separator",Bs={orientation:"horizontal"},Uo=e=>{let{orientation:t=Bs.orientation,...o}=e;return Bf("li",{...o,className:r(e.className,"k-item",on,{[`${on}-${t}`]:t}),role:"separator"})};Uo.className=on;Uo.defaultOptions=Bs;Uo.moduleName=it;Uo.folderName=vt;import{Fragment as W1,jsx as J1}from"react/jsx-runtime";import{jsx as Ff}from"react/jsx-runtime";var an="k-menu-group",_f=[],zf={size:[d.undefined,d.small,d.medium,d.large]},Uf={},Ke=e=>{let{children:t,size:o,...a}=e;return Ff("ul",{...a,className:r(e.className,an,A(an,{size:o})),role:"menu",children:t})};Ke.states=_f;Ke.options=zf;Ke.className=an;Ke.defaultOptions=Uf;Ke.moduleName=it;Ke.folderName=vt;import{Fragment as Vf,jsx as Fo,jsxs as $f}from"react/jsx-runtime";var rn=e=>Fo(Ie,{children:$f(Vf,{children:[Fo(Ge,{first:!0,text:"Item 1"}),Fo(Ge,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),Fo(Ge,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),Fo(Ge,{text:"Item 4"}),Fo(Ge,{last:!0,text:"Item 5"})]}),...e});import{Fragment as sB,jsx as nB,jsxs as iB}from"react/jsx-runtime";import{Fragment as uB,jsx as mB,jsxs as bB}from"react/jsx-runtime";import{Fragment as NB,jsx as xB,jsxs as gB}from"react/jsx-runtime";import{Fragment as MB,jsx as CB,jsxs as yB}from"react/jsx-runtime";import{jsx as Lo,jsxs as Yf}from"react/jsx-runtime";var Xf=Ie.options,Wf=Ie.states,_s={...Ie.defaultOptions,variant:"horizontal"},Jf=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],qf=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Pa=e=>{let{variant:t,modifiers:o,...a}={..._s,...e},l={};return Object.keys(o\|\|{}).forEach(s=>{switch(s){case"scrollable":l.scrollable=!!o?.[s];break;case"opened":l.opened=!!o?.[s],l.popup=Lo(ue,{className:"k-menu-popup",children:Yf(Ke,{children:[Lo(he,{text:"Item 1"}),Lo(he,{text:"Item 2"}),Lo(Uo,{}),Lo(he,{text:"Item 3"})]})});break}}),t==="vertical"?Lo(rn,{...a,...l,orientation:"vertical",style:{width:"200px"}}):Lo(rn,{...a,...l})};Pa.options=Xf;Pa.states=Wf;Pa.variants=Jf;Pa.defaultOptions=_s;Pa.modifiers=qf;import{Fragment as r_,jsx as o_,jsxs as a_}from"react/jsx-runtime";import{jsx as s_}from"react/jsx-runtime";import{Fragment as tT,jsx as Ht,jsxs as zs}from"react/jsx-runtime";var Qf=c.states,Us={...c.defaultOptions,variant:"text"},Zf=c.options,jf=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],eT=[{name:"opened",title:"Opened"}],Ga=e=>{let{variant:t,modifiers:o,...a}={...Us,...e},l={},s=Ht(ue,{className:"k-menu-popup",children:zs(Ke,{size:a.size,children:[Ht(he,{first:!0,text:"Menu Item"}),Ht(he,{text:"Menu Item"}),Ht(he,{last:!0,text:"Menu Item"})]})}),p;switch(t){case"icon-only":p=Ht("div",{children:Ht(pe,{...a,...l,icon:"star"})});break;case"icon-and-text":p=Ht("div",{children:Ht(pe,{...a,...l,icon:"star",children:"Dropdown Button"})});break;default:p=Ht("div",{children:Ht(pe,{...a,...l,children:"Dropdown Button"})});break}return zs(tT,{children:[p,o?.opened&&s]})};Ga.options=Zf;Ga.states=Qf;Ga.variants=jf;Ga.defaultOptions=Us;Ga.modifiers=eT;var ln="split-button",Fs=ln;import{Fragment as rT,jsx as nn,jsxs as Vs}from"react/jsx-runtime";var sn="k-split-button",oT=[i.hover,i.focus,i.active,i.selected,i.disabled],aT={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[T.undefined,T.base,T.primary,T.secondary,T.tertiary,T.success,T.warning,T.error,T.info,T.light,T.dark,T.inverse]},$s={arrowIconName:"caret-alt-down"},j=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:p,active:u,selected:x,disabled:k,icon:L,text:v,arrowIconName:b=$s.arrowIconName,popup:w,opened:S,popupId:E,...P}=e;return Vs(rT,{children:[Vs("div",{...P,className:r(e.className,sn,"k-button-group",A(sn,{rounded:o})),children:[nn(c,{text:v,icon:L,size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:p,active:u,selected:x,disabled:k,...!v&&!e.children&&L&&{"aria-label":"Action"},children:e.children}),nn(c,{className:"k-split-button-arrow",icon:b,size:t,rounded:o,fillMode:a,disabled:k,"aria-label":"Toggle dropdown","aria-expanded":S?"true":"false","aria-controls":S?E:void 0,tabIndex:-1,...k&&{"aria-disabled":"true"}})]}),S&&w&&nn(ue,{className:"k-menu-popup",children:w})]})};j.states=oT;j.options=aT;j.className=sn;j.defaultOptions=$s;j.moduleName=ln;j.folderName=Fs;j.ariaSpec={selector:".k-split-button",rules:[{selector:".k-split-button-arrow",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-split-button-arrow",attribute:"aria-label",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-split-button-arrow",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-split-button-arrow",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-split-button-arrow",attribute:"tabindex=-1",usage:"The arrow button is removed from the tab sequence."},{selector:".k-split-button-arrow.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var dn=j;import{jsx as nT}from"react/jsx-runtime";var lT="k-toolbar-separator",Mt=e=>nT("div",{className:r(lT,e.className,"k-separator")});var Ut="toolbar",co=Ut;import{Fragment as cn,jsx as oe,jsxs as Vo}from"react/jsx-runtime";var Ft="k-toolbar",iT=[i.focus],sT={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},dT={scrollButtons:"around"},me=e=>{let{size:t,fillMode:o,focus:a,resizable:l,scrollable:s,scrollButtons:p,scrollingPosition:u,section:x,...k}=e,L=[],v=(b,w)=>{let S=[];if(b.type===c&&b.props.className&&b.props.className.includes("k-toolbar-overflow-button"))S.push(oe(c,{...b.props,className:`${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`));else if(b.type===c)S.push(oe(c,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`));else if(b.type===ea)S.push(oe(ea,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`));else if(b.type===Qt)S.push(oe(Qt,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`));else if(b.type===pe)S.push(oe(pe,{...b.props,className:`k-toolbar-menu-button ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`));else if(b.type===dn)S.push(oe(dn,{...b.props,className:`k-toolbar-split-button ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`));else if(b.type===B\|\|b.props.className&&b.props.className.includes("k-button-group")){let E=[];(Array.isArray(b.props.children)?b.props.children:[b.props.children]).forEach((H,F)=>{E.push(oe(c,{...H.props,className:`${H.props.className?H.props.className:""}`},`${F}-${new Date().getTime()}`))}),S.push(oe(B,{...b.props,className:`k-toolbar-button-group ${b.props.className?b.props.className:""}`,children:E},`${w}-${new Date().getTime()}`))}else b.type===Ve?S.push(oe(Ve,{...b.props,className:`k-toolbar-combobox ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`)):b.type===ce?S.push(oe(ce,{...b.props,className:`k-toolbar-dropdownlist ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`)):b.type===lt?S.push(oe(lt,{...b.props,className:`k-toolbar-colorpicker ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`)):S.push(b);S.forEach(E=>{L.push(E)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((w,S)=>{v(w,S)}),Vo("div",{...k,className:r(e.className,Ft,A(Ft,{size:t,fillMode:o}),I(Ft,{focus:a}),{[`${Ft}-resizable`]:l,[`${Ft}-scrollable`]:s,[`${Ft}-scrollable-overlay`]:s&&p==="hidden",[`${Ft}-scrollable-${u}`]:u&&u!=="both",[`${Ft}-section`]:x}),role:"toolbar","aria-label":"Toolbar",children:[!s&&L,s&&p==="hidden"&&oe("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L}),s&&p==="start"&&Vo(cn,{children:[Vo(B,{children:[oe("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:oe(m,{className:"k-button-icon",icon:"caret-alt-left"})}),oe("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:oe(m,{className:"k-button-icon",icon:"caret-alt-right"})})]}),oe(Mt,{className:"k-toolbar-button-separator"}),oe("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L})]}),s&&p==="end"&&Vo(cn,{children:[oe("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L}),oe(Mt,{className:"k-toolbar-button-separator"}),Vo(B,{children:[oe("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:oe(m,{className:"k-button-icon",icon:"caret-alt-left"})}),oe("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:oe(m,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),s&&(p==="around"\|\|!p)&&Vo(cn,{children:[oe("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:oe(m,{className:"k-button-icon",icon:"caret-alt-left"})}),oe(Mt,{className:"k-toolbar-button-separator"}),oe("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L}),oe(Mt,{className:"k-toolbar-button-separator"}),oe("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:oe(m,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};me.states=iT;me.options=sT;me.className=Ft;me.defaultOptions=dT;me.moduleName=Ut;me.folderName=co;me.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])[aria-controls]',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group[aria-labelledby]",attribute:"aria-labelledby=.k-toolbar-overflow-button id",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])[aria-controls]',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list[aria-labelledby]",attribute:"aria-labelledby=.k-toolbar-overflow-button id",usage:"Associates the title of the section toggle button."}]};import{jsx as uT}from"react/jsx-runtime";var Xs="k-floating-toolbar",cT=[],pT={},mT={},$o=e=>{let{...t}=e;return uT("div",{...t,className:r(e.className,Xs),children:e.children})};$o.states=cT;$o.options=pT;$o.className=Xs;$o.defaultOptions=mT;$o.moduleName=Ut;$o.folderName=co;import{jsx as hT}from"react/jsx-runtime";var pn="k-toolbar-item",bT=[i.focus],fT={},TT={},Xo=e=>{let{focus:t,...o}=e;return hT("div",{...o,className:r(e.className,pn,I(pn,{focus:t})),children:e.children})};Xo.states=bT;Xo.options=fT;Xo.className=pn;Xo.defaultOptions=TT;Xo.moduleName=Ut;Xo.folderName=co;import{jsx as Ws}from"react/jsx-runtime";var Js="k-toolbar-popup",xT=[],NT={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},gT={},Co=e=>{let{size:t,fillMode:o,section:a,...l}=e;return Ws(ue,{...l,className:r(e.className,Js),children:a?Ws("span",{className:r("k-toolbar-items-list",A("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};Co.states=xT;Co.options=NT;Co.className=Js;Co.defaultOptions=gT;Co.moduleName=Ut;Co.folderName=co;var gr=Co;import{jsx as p2}from"react/jsx-runtime";import{jsx as f2}from"react/jsx-runtime";import{jsx as N2}from"react/jsx-runtime";import{jsx as M2,jsxs as y2}from"react/jsx-runtime";import{jsx as E2}from"react/jsx-runtime";import{jsx as Vt,jsxs as MT}from"react/jsx-runtime";var kT=j.states,qs={...j.defaultOptions,variant:"text"},vT=j.options,LT=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],CT=[{name:"opened",title:"Opened"}],Ka=e=>{let{variant:t,modifiers:o,...a}={...qs,...e},l={},s=MT(Ke,{size:a.size,children:[Vt(he,{first:!0,text:"Menu Item"}),Vt(he,{text:"Menu Item"}),Vt(he,{last:!0,text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(p=>{p==="opened"&&(l.opened=!!o?.[p],l.popup=o?.[p]?s:"")}),t){case"icon-only":return Vt("div",{children:Vt(j,{...a,...l,icon:"star"})});case"icon-and-text":return Vt("div",{children:Vt(j,{...a,...l,icon:"star",children:"Split Button"})});default:return Vt("div",{children:Vt(j,{...a,...l,children:"Split Button"})})}};Ka.options=vT;Ka.states=kT;Ka.variants=LT;Ka.defaultOptions=qs;Ka.modifiers=CT;import{jsx as Mo,jsxs as yT}from"react/jsx-runtime";var Ys=e=>Mo(me,{children:[Mo(c,{children:"Button"},"toolbar-button"),Mo(pe,{text:"Menu button"},"toolbar-menu-button"),Mo(j,{children:"Split button"},"toolbar-split-button"),yT(B,{children:[Mo(c,{className:"k-group-start",icon:"align-left",children:"Left"}),Mo(c,{icon:"align-center",children:"Center"}),Mo(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as l3,jsxs as n3}from"react/jsx-runtime";import{jsx as st,jsxs as Qs}from"react/jsx-runtime";var Zs=e=>st(me,{scrollable:!0,...e,children:[st(c,{children:"Button"},"toolbar-button"),st(pe,{text:"Menu button"},"toolbar-menu-button"),st(j,{children:"Split button"},"toolbar-split-button"),Qs(B,{children:[st(c,{className:"k-group-start",icon:"align-left",children:"Left"}),st(c,{icon:"align-center",children:"Center"}),st(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),st(c,{children:"Button"},"toolbar-button"),st(pe,{text:"Menu button"},"toolbar-menu-button"),st(j,{children:"Split button"},"toolbar-split-button"),Qs(B,{children:[st(c,{className:"k-group-start",icon:"align-left",children:"Left"}),st(c,{icon:"align-center",children:"Center"}),st(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as dt,jsxs as js}from"react/jsx-runtime";var ed=({scrollingPosition:e="start",...t})=>dt(me,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[dt(c,{children:"Button"},"toolbar-button"),dt(pe,{text:"Menu button"},"toolbar-menu-button"),dt(j,{children:"Split button"},"toolbar-split-button"),js(B,{children:[dt(c,{className:"k-group-start",icon:"align-left",children:"Left"}),dt(c,{icon:"align-center",children:"Center"}),dt(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),dt(c,{children:"Button"},"toolbar-button"),dt(pe,{text:"Menu button"},"toolbar-menu-button"),dt(j,{children:"Split button"},"toolbar-split-button"),js(B,{children:[dt(c,{className:"k-group-start",icon:"align-left",children:"Left"}),dt(c,{icon:"align-center",children:"Center"}),dt(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as ST,jsx as Ze,jsxs as kr}from"react/jsx-runtime";var td=({fillMode:e,size:t,...o})=>kr(ST,{children:[Ze(me,{section:!0,fillMode:e,size:t,children:[Ze(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),kr(B,{fillMode:e,children:[Ze(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ze(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ze(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Ze(Mt,{className:"k-toolbar-button-separator"}),Ze(c,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),kr(gr,{size:t,fillMode:e,section:!0,...o,children:[Ze(j,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Ze(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Ze(Mt,{}),Ze(pe,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),kr(B,{fillMode:e,children:[Ze(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ze(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ze(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as B3,jsx as K3,jsxs as D3}from"react/jsx-runtime";import{Fragment as Y3,jsx as J3,jsxs as q3}from"react/jsx-runtime";import{jsx as po}from"react/jsx-runtime";var wT=me.options,AT=me.states,od={...me.defaultOptions,variant:"default"},ET=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],IT=[],Da=e=>{let{variant:t,...o}={...od,...e};switch(t){case"responsive":return po("div",{children:po(td,{style:{width:"583px"},...o})});case"overlay":return po("div",{children:po(ed,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return po("div",{children:po(Zs,{style:{width:"583px"},...o})});default:return po("div",{children:po(Ys,{style:{width:"583px"},...o})})}};Da.options=wT;Da.states=AT;Da.variants=ET;Da.defaultOptions=od;Da.modifiers=IT;import{jsx as RT}from"react/jsx-runtime";var ad="k-grid-toolbar",$t=e=>RT(me,{...e,className:r(e.className,ad),children:e.children});$t.className=ad;$t.moduleName=X;$t.folderName=Y;import{jsx as mn,jsxs as HT}from"react/jsx-runtime";var un="k-grid-stack-cell",OT=[i.focus,i.selected],vr=e=>{let{cellHeader:t,cellContent:o,edit:a,commandCell:l,dirty:s,focus:p,selected:u,...x}=e;return HT("div",{...x,className:r(e.className,un,{"k-grid-stack-edit-cell":a,"k-command-cell":l,"k-dirty-cell":s},I(un,{focus:p,selected:u})),children:[s&&mn("span",{className:"k-dirty"}),t&&mn("div",{className:"k-grid-stack-header",children:t}),mn("div",{className:"k-grid-stack-content",children:o}),e.children]})};vr.states=OT;vr.className=un;vr.moduleName=X;vr.folderName=Y;import{jsx as PT}from"react/jsx-runtime";var rd="k-grid-stack-row",Lr=e=>{let{cols:t,...o}=e;return PT("div",{...o,className:r(e.className,rd,{[`k-grid-cols-${t}`]:t}),children:e.children})};Lr.className=rd;Lr.moduleName=X;Lr.folderName=Y;import{Fragment as B5,jsx as K5,jsxs as D5}from"react/jsx-runtime";import{Fragment as X5,jsx as V5,jsxs as $5}from"react/jsx-runtime";import{Fragment as j5,jsx as Q5,jsxs as Z5}from"react/jsx-runtime";import{Fragment as GT,jsx as y,jsxs as fe}from"react/jsx-runtime";var ld=({contentClassName:e,...t})=>y(Q,{_renderAriaRoot:!0,pager:y(It,{refresh:!1}),children:fe(GT,{children:[y(W,{children:y("div",{className:"k-grid-header-wrap",children:fe(J,{children:[fe("colgroup",{children:[y("col",{}),y("col",{style:{width:"225px"}}),y("col",{}),y("col",{}),y("col",{})]}),fe(V,{children:[fe(g,{children:[y(M,{rowspan:1,colspan:1,columnTitle:"Product Id"}),y(M,{rowspan:1,colspan:1,columnTitle:"Name"}),y(M,{rowspan:1,colspan:1,columnTitle:"Quantity"}),y(M,{rowspan:1,colspan:1,columnTitle:"Unit Price"}),y(M,{rowspan:1,colspan:1,columnTitle:"Discontinued"})]}),fe(g,{className:"k-filter-row",children:[y(n,{children:y("div",{className:"k-filtercell",children:fe("div",{className:"k-filtercell-wrapper",children:[y($,{}),fe("div",{className:"k-filtercell-operator",children:[y(ce,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",y(c,{disabled:!0,icon:"filter-clear"})]})]})})}),y(n,{children:y("div",{className:"k-filtercell",children:fe("div",{className:"k-filtercell-wrapper",children:[y(de,{}),fe("div",{className:"k-filtercell-operator",children:[y(ce,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",y(c,{disabled:!0,icon:"filter-clear"})]})]})})}),y(n,{children:y("div",{className:"k-filtercell",children:fe("div",{className:"k-filtercell-wrapper",children:[y(de,{}),fe("div",{className:"k-filtercell-operator",children:[y(ce,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",y(c,{disabled:!0,icon:"filter-clear"})]})]})})}),y(n,{children:y("div",{className:"k-filtercell",children:fe("div",{className:"k-filtercell-wrapper",children:[y($,{}),fe("div",{className:"k-filtercell-operator",children:[y(ce,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",y(c,{disabled:!0,icon:"filter-clear"})]})]})})}),y(n,{children:y("div",{className:"k-filtercell",children:fe("div",{className:"k-filtercell-wrapper",children:[y(ce,{}),y("div",{className:"k-filtercell-operator",children:y(c,{disabled:!0,icon:"filter-clear"})})]})})})]})]})]})})}),y(re,{children:y(ee,{className:e,children:fe(te,{children:[fe("colgroup",{children:[y("col",{}),y("col",{style:{width:"225px"}}),y("col",{}),y("col",{}),y("col",{})]}),fe(ae,{children:[fe(g,{className:"k-master-row",children:[y(n,{children:"1"}),y(n,{children:"Chai"}),y(n,{children:"10 boxes x 20 bags"}),y(n,{children:"18"}),y(n,{children:"false"})]}),fe(g,{className:"k-master-row",alt:!0,children:[y(n,{children:"2"}),y(n,{children:"Chang"}),y(n,{children:"24 - 12 oz bottles"}),y(n,{children:"19"}),y(n,{children:"false"})]}),fe(g,{className:"k-master-row",children:[y(n,{children:"3"}),y(n,{children:"Aniseed Syrup"}),y(n,{children:"12 - 550 ml bottles"}),y(n,{children:"10"}),y(n,{children:"false"})]}),fe(g,{className:"k-master-row",alt:!0,children:[y(n,{children:"4"}),y(n,{children:"Chef Anton's Cajun Seasoning"}),y(n,{children:"48 - 6 oz jars"}),y(n,{children:"22"}),y(n,{children:"false"})]}),fe(g,{className:"k-master-row",children:[y(n,{children:"5"}),y(n,{children:"Grandma's Boysenberry Spread"}),y(n,{children:"12 - 8 oz jars"}),y(n,{children:"25"}),y(n,{children:"false"})]})]})]})})})]}),...t});import{jsx as Cr}from"react/jsx-runtime";var KT="k-chip-action";var Me=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=Cr(m,{icon:"x-circle",size:"small"});break;case"more":a=Cr(m,{icon:"more-vertical",size:"small"});break;default:return Cr(m,{icon:t,size:"small"})}return Cr("span",{...o,className:r(e.className,KT,`k-chip-${t}-action`),children:a})};var bn="avatar",nd=bn;import{jsx as id}from"react/jsx-runtime";var Ba="k-avatar";var DT=[i.hover,i.focus,i.active,i.selected,i.disabled],BT={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.outline],themeColor:[T.undefined,T.base,T.primary,T.secondary,T.tertiary,T.success,T.warning,T.error,T.info,T.light,T.dark,T.inverse]},fn={type:"text",border:!1},je=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,type:s=fn.type,border:p=fn.border,...u}=e;return id("div",{...u,className:r(e.className,Ba,A(Ba,{size:t,rounded:o,fillMode:a,themeColor:l}),{[`${Ba}-bordered`]:p}),children:id("span",{className:`${Ba}-${s}`,children:e.children})})};je.states=DT;je.options=BT;je.className=Ba;je.defaultOptions=fn;je.moduleName=bn;je.folderName=nd;je.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var yo=je;import{jsx as _T}from"react/jsx-runtime";var sd=e=>_T(yo,{type:"icon",...e});import{jsx as zT}from"react/jsx-runtime";var dd=e=>zT(yo,{type:"text",...e});import{jsx as UT}from"react/jsx-runtime";var cd=e=>UT(yo,{type:"image",...e});import{jsx as Az}from"react/jsx-runtime";import{jsx as _a}from"react/jsx-runtime";var FT=je.options,VT=je.states,$T={...je.defaultOptions,variant:"image"},XT=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],WT=[],za=e=>{let{variant:t,...o}=e;switch(t){case"icon":return _a(sd,{...o,children:_a(m,{icon:"star"})});case"text":return _a(dd,{...o,children:"JO"});default:return _a(cd,{...o,children:_a("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};za.options=FT;za.states=VT;za.variants=XT;za.defaultOptions=$T;za.modifiers=WT;var Ua="chip",Mr=Ua;import{jsx as Wo,jsxs as YT}from"react/jsx-runtime";var yr="k-chip",JT=[i.hover,i.focus,i.active,i.selected,i.disabled],qT={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.outline],themeColor:[T.undefined,T.base,T.success,T.warning,T.error,T.info]},pd={avatarImage:"/packages/html/assets/avatar.jpg"},ye=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,text:s,icon:p,actions:u,showAvatar:x,avatarImage:k=pd.avatarImage,hover:L,focus:v,active:b,selected:w,disabled:S,...E}=e;return YT("div",{...E,className:r(e.className,yr,A(yr,{size:t,rounded:o,fillMode:a,themeColor:l}),I(yr,{hover:L,focus:v,active:b,disabled:S,selected:w})),role:e.role\|\|"button","aria-pressed":e.role==="option"?void 0:w?"true":"false","aria-selected":e.role==="option"?w?"true":"false":void 0,"aria-disabled":S?"true":void 0,children:[p&&Wo(m,{className:"k-chip-icon",icon:p,size:"small"}),x&&Wo(je,{className:"k-chip-avatar",type:"image",children:Wo("img",{src:k,alt:""})}),Wo("span",{className:"k-chip-content",children:e.children?e.children:s&&Wo("span",{className:"k-chip-label",children:s})}),u&&Wo("span",{className:"k-chip-actions",children:u})]})};ye.states=JT;ye.options=qT;ye.className=yr;ye.defaultOptions=pd;ye.moduleName=Ua;ye.folderName=Mr;ye.ariaSpec={selector:".k-chip",rules:[{selector:":not(.k-chip-list) > .k-chip",attribute:"role=button",usage:"Announces that the chip acts as a button when standalone."},{selector:":not(.k-chip-list) > .k-chip.k-selected",attribute:"aria-pressed=true",usage:"Announces that the Chip has been selected."},{selector:"*:not(.k-chip-list) > .k-chip:not(.k-selected)",attribute:"aria-pressed=false",usage:"Announces that the Chip has not been selected."},{selector:".k-chip",attribute:"aria-disabled=true (when disabled)",usage:"Announces that the Chip is disabled."}]};var Lt=ye;import{jsx as eh}from"react/jsx-runtime";var Tn="k-chip-list",QT=[],ZT={size:[d.undefined,d.small,d.medium,d.large]},jT={},Se=e=>{let{size:t,multiselectable:o,ariaLabel:a,...l}=e;return eh("div",{...l,className:r(e.className,Tn,A(Tn,{size:t})),role:"listbox","aria-label":a\|\|"chip list","aria-orientation":"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};Se.states=QT;Se.options=ZT;Se.className=Tn;Se.defaultOptions=jT;Se.moduleName=Ua;Se.folderName=Mr;Se.ariaSpec={selector:".k-chip-list",rules:[{selector:".k-chip-list",attribute:"role=listbox",usage:"Announces the list role of the chip list."},{selector:".k-chip-list",attribute:"aria-label or aria-labelledby",usage:"Adds label to the ChipList element. ListBox element requires an accessible name."},{selector:".k-chip-list",attribute:"aria-orientation=horizontal",usage:"Specifies the horizontal orientation of the chiplist."},{selector:".k-chip-list",attribute:"aria-multiselectable=true (when multiple selection)",usage:"Announces the multiple selection ability of the chiplist."},{selector:".k-chip-list .k-chip",attribute:"role=option",usage:"Announces the chip is an option inner component of the chip list."},{selector:".k-chip-list .k-chip.k-selected",attribute:"aria-selected=true",usage:"Announces the chip is selected."},{selector:".k-chip-list .k-chip:not(.k-selected)",attribute:"aria-selected=false",usage:"Announces the chip is not selected."},{selector:".k-chip-list .k-chip:has(.k-i-x-circle), .k-chip-list .k-chip:has(.k-svg-i-x-circle)",attribute:"aria-keyshortcuts=Enter Delete",usage:"Announces the Delete action along with the default Enter key."}]};import{jsx as l6}from"react/jsx-runtime";import{jsx as d6}from"react/jsx-runtime";import{jsx as th}from"react/jsx-runtime";var Sr=e=>th(Lt,{text:"text",...e});import{jsx as h6}from"react/jsx-runtime";import{jsx as k6}from"react/jsx-runtime";import{Fragment as S6,jsx as y6,jsxs as w6}from"react/jsx-runtime";import{jsx as O6,jsxs as H6}from"react/jsx-runtime";import{jsx as B6,jsxs as _6}from"react/jsx-runtime";import{jsx as X6,jsxs as W6}from"react/jsx-runtime";import{jsx as Jo,jsxs as ih}from"react/jsx-runtime";var oh={...Lt.options,...Se.options},ah=[],rh=Se.states,lh={...Lt.defaultOptions,...Se.defaultOptions},nh=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],Fa=e=>{let{modifiers:t,className:o,...a}=e,l=t?.icon,s=t?.actions,p=t?.avatar;return ih(Se,{size:a.size,className:o,children:[Jo(Sr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?Jo(Me,{type:"remove"}):void 0,showAvatar:p,children:"Chip"}),Jo(Sr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?Jo(Me,{type:"remove"}):void 0,showAvatar:p,children:"Chip"}),Jo(Sr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?Jo(Me,{type:"remove"}):void 0,showAvatar:p,children:"Chip"})]})};Fa.options=oh;Fa.states=rh;Fa.variants=ah;Fa.defaultOptions=lh;Fa.modifiers=nh;import{jsx as hn}from"react/jsx-runtime";var sh=ye.states,dh=ye.defaultOptions,ch=ye.options,ph=[],mh=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],Va=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"icon":a.icon=t?.[l]?"arrow-down":void 0;break;case"avatar":a.showAvatar=!!t?.[l],a.avatarImage=t?.[l]?"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg":void 0;break;case"more-options":a.actions\|\|(a.actions=[]),a.actions[0]=t?.[l]?hn(Me,{type:"more"}):void 0;break;case"remove-icon":a.actions\|\|(a.actions=[]),a.actions[1]=t?.[l]?hn(Me,{type:"remove"}):void 0;break;default:break}}),hn(ye,{...o,...a,children:"Chip component"})};Va.options=ch;Va.states=sh;Va.variants=ph;Va.defaultOptions=dh;Va.modifiers=mh;import{Fragment as xn,jsx as G,jsxs as $e}from"react/jsx-runtime";var md=({dropClue:e,contentClassName:t,...o})=>G(Q,{_renderAriaRoot:!0,groupingHeader:G(Xt,{dropClue:e,children:$e(Se,{children:[G(ye,{icon:"sort-asc-small",text:"ID",actions:$e(xn,{children:[G(Me,{type:"more"}),G(Me,{type:"remove"})]})}),G(ye,{icon:"sort-desc-small",text:"Name",actions:$e(xn,{children:[G(Me,{type:"more"}),G(Me,{type:"remove"})]})})]})}),children:$e(xn,{children:[G(W,{draggable:!0,children:G("div",{className:"k-grid-header-wrap",children:$e(J,{children:[$e("colgroup",{children:[G("col",{className:"k-group-col"}),G("col",{className:"k-group-col"}),G("col",{}),G("col",{}),G("col",{}),G("col",{})]}),G(V,{children:$e(g,{children:[G(M,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),G(M,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),G(M,{colspan:1,columnTitle:"ID"}),G(M,{colspan:1,columnTitle:"Name"}),G(M,{colspan:1,columnTitle:"Price"}),G(M,{colspan:1,columnTitle:"Category"})]})})]})})}),G(re,{children:G(ee,{className:t,children:$e(te,{children:[$e("colgroup",{children:[G("col",{className:"k-group-col"}),G("col",{className:"k-group-col"}),G("col",{}),G("col",{}),G("col",{}),G("col",{})]}),$e(ae,{children:[G(g,{className:"k-table-group-row k-grouping-row",children:G(n,{colspan:6,children:$e("p",{className:"k-reset",children:[G(m,{icon:"caret-alt-right"}),"ID: 1"]})})}),G(g,{className:"k-table-group-row k-grouping-row",children:G(n,{colspan:6,children:$e("p",{className:"k-reset",children:[G(m,{icon:"caret-alt-down"}),"ID: 2"]})})}),$e(g,{className:"k-table-group-row k-grouping-row",children:[G(n,{className:"k-table-group-td k-group-cell"}),G(n,{colspan:5,children:$e("p",{className:"k-reset",children:[G(m,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),$e(g,{className:"k-master-row",alt:!0,children:[G(n,{className:"k-table-group-td k-group-cell"}),G(n,{className:"k-table-group-td k-group-cell"}),G(n,{colspan:0,children:"2"}),G(n,{colspan:0,children:"Chang"}),G(n,{colspan:0,children:"$19.00"}),G(n,{colspan:0,children:"Beverages"})]})]})]})})})]}),...o});import{Fragment as P9,jsx as O9,jsxs as H9}from"react/jsx-runtime";import{Fragment as F9,jsx as z9,jsxs as U9}from"react/jsx-runtime";import{Fragment as Y9,jsx as J9,jsxs as q9}from"react/jsx-runtime";import{Fragment as uh,jsx as _,jsxs as Xe}from"react/jsx-runtime";var ud=({headerWrapClassName:e,contentClassName:t,...o})=>_(Q,{_renderAriaRoot:!0,children:Xe(uh,{children:[_(W,{children:_("div",{className:`k-grid-header-wrap ${e}`,children:Xe(J,{children:[Xe("colgroup",{children:[_("col",{}),_("col",{}),_("col",{}),_("col",{})]}),Xe(V,{children:[Xe(g,{children:[_(M,{rowspan:3,colspan:1,columnTitle:"ID"}),_(M,{rowspan:1,colspan:3,columnTitle:"Product Information"})]}),Xe(g,{children:[_(M,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first"}),_(M,{rowspan:1,colspan:2,columnTitle:"Unit"})]}),Xe(g,{children:[_(M,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first"}),_(M,{rowspan:1,colspan:1,columnTitle:"Units Price"})]})]})]})})}),_(re,{children:_(ee,{className:t,children:Xe(te,{children:[Xe("colgroup",{children:[_("col",{}),_("col",{}),_("col",{}),_("col",{})]}),Xe(ae,{children:[Xe(g,{className:"k-master-row",children:[_(n,{children:"1"}),_(n,{children:"Chai"}),_(n,{children:"39"}),_(n,{children:"18"})]}),Xe(g,{className:"k-master-row",alt:!0,children:[_(n,{children:"2"}),_(n,{children:"Chang"}),_(n,{children:"17"}),_(n,{children:"19"})]}),Xe(g,{className:"k-master-row",children:[_(n,{children:"3"}),_(n,{children:"Aniseed Syrup"}),_(n,{children:"13"}),_(n,{children:"10"})]}),Xe(g,{className:"k-master-row",alt:!0,children:[_(n,{children:"4"}),_(n,{children:"Chef Anton's Cajun Seasoning"}),_(n,{children:"53"}),_(n,{children:"22"})]}),Xe(g,{className:"k-master-row",children:[_(n,{children:"5"}),_(n,{children:"Chef Anton's Gumbo Mix"}),_(n,{children:"0"}),_(n,{children:"21.35"})]})]})]})})})]}),...o});import{Fragment as s7,jsx as n7,jsxs as i7}from"react/jsx-runtime";import{Fragment as f7,jsx as u7,jsxs as b7}from"react/jsx-runtime";import{Fragment as bh,jsx as D,jsxs as Ct}from"react/jsx-runtime";var bd=e=>D(Q,{_renderAriaRoot:!0,toolbar:Ct($t,{children:[D(c,{children:"Add new"}),D(c,{children:"Save Changes"}),D(c,{children:"Cancel Changes"})]}),children:Ct(bh,{children:[D(W,{children:D("div",{className:"k-grid-header-wrap",children:Ct(J,{children:[Ct("colgroup",{children:[D("col",{}),D("col",{}),D("col",{}),D("col",{style:{width:"300px"}})]}),D(V,{children:Ct(g,{children:[D(M,{columnTitle:"Name"}),D(M,{columnTitle:"Price"}),D(M,{columnTitle:"Available"}),D(M,{accessibleLabel:"Commands"})]})})]})})}),D(re,{children:D(ee,{children:D("div",{children:Ct(te,{children:[Ct("colgroup",{children:[D("col",{}),D("col",{}),D("col",{}),D("col",{style:{width:"300px"}})]}),Ct(ae,{children:[Ct(g,{className:"k-master-row k-grid-add-row k-grid-edit-row",children:[D(n,{children:D(de,{value:"Towel"})}),D(n,{children:D($,{value:"42"})}),D(n,{children:D(Je,{})}),Ct(n,{className:"k-command-cell",children:[D(c,{children:"Add"}),D(c,{children:"Cancel"})]})]}),Ct(g,{className:"k-master-row",children:[D(n,{children:"Chai"}),D(n,{children:"18"}),D(n,{children:"false"}),D(n,{className:"k-command-cell",children:D(c,{children:"Remove"})})]}),Ct(g,{className:"k-master-row",alt:!0,children:[D(n,{children:"Chang"}),D(n,{children:"19"}),D(n,{children:"false"}),D(n,{className:"k-command-cell",children:D(c,{children:"Remove"})})]})]})]})})})})]}),...e});import{Fragment as _7,jsx as B7,jsxs as z7}from"react/jsx-runtime";import{Fragment as wr,jsx as f,jsxs as le}from"react/jsx-runtime";var fh=Q.options,Th=Q.states,fd={...Q.defaultOptions,variant:"normal"},hh=[{name:"normal",title:"Normal"},{name:"column-menu",title:"Column Menu"},{name:"filter-menu",title:"Filter Menu"},{name:"filter-row",title:"Filter Row"},{name:"row-reordering",title:"Row Reordering"},{name:"multicolumn-headers",title:"Multicolumn Headers"},{name:"grouping",title:"Grouping"},{name:"editing",title:"Editing"}],xh=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],$a=e=>{let{variant:t,modifiers:o,...a}={...fd,...e},l={toolbar:void 0,pager:void 0},s=le($t,{children:[f(c,{icon:"plus",children:"Add New"}),f(c,{icon:"file-pdf",children:"Export to PDF"}),f("span",{className:"k-spacer"}),f(de,{prefix:f(m,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),p=f(xe,{pageSizes:!1,refresh:!1});Object.keys(o\|\|{}).forEach(k=>{switch(k){case"toolbar":l.toolbar=o?.[k]?s:void 0;break;case"pager":l.pager=o?.[k]?p:void 0;break;default:return}});let u={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},x=le(wr,{children:[f(W,{children:f("div",{className:"k-grid-header-wrap",children:le(J,{children:[le("colgroup",{children:[f("col",{}),f("col",{}),f("col",{}),f("col",{})]}),f(V,{children:le(g,{children:[f(M,{...u[t],columnTitle:"ID"}),f(M,{...u[t],columnTitle:"Product Name"}),f(M,{...u[t],columnTitle:"Units in Stock"}),f(M,{...u[t],columnTitle:"Units Price"})]})})]})})}),f(re,{children:f(ee,{children:le(te,{children:[le("colgroup",{children:[f("col",{}),f("col",{}),f("col",{}),f("col",{})]}),le(ae,{children:[le(g,{children:[f(n,{children:"1"}),f(n,{children:"Chai"}),f(n,{children:"39"}),f(n,{children:"18"})]}),le(g,{className:"k-alt",alt:!0,children:[f(n,{children:"2"}),f(n,{children:"Chang"}),f(n,{children:"17"}),f(n,{children:"19"})]}),le(g,{children:[f(n,{children:"3"}),f(n,{children:"Aniseed Syrup"}),f(n,{children:"13"}),f(n,{children:"10"})]}),le(g,{className:"k-alt",alt:!0,children:[f(n,{children:"4"}),f(n,{children:"Chef Anton's Cajun Seasoning"}),f(n,{children:"53"}),f(n,{children:"22"})]}),le(g,{children:[f(n,{children:"5"}),f(n,{children:"Chef Anton's Gumbo Mix"}),f(n,{children:"0"}),f(n,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return f(ud,{...a,...l});case"editing":return f(bd,{...a,...l});case"grouping":return f(md,{...a,...l,groupingHeader:f(Xt,{children:le(Se,{children:[f(ye,{icon:"sort-asc-small",actions:le(wr,{children:[f(Me,{type:"more"}),f(Me,{type:"remove"})]}),children:"ID"}),f(ye,{icon:"sort-desc-small",actions:le(wr,{children:[f(Me,{type:"more"}),f(Me,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return f(Q,{...a,...l,children:le(wr,{children:[f(W,{children:le("div",{className:"k-grid-header-wrap",children:[" ",le(J,{children:[le("colgroup",{children:[f("col",{className:"k-drag-col"}),f("col",{}),f("col",{}),f("col",{}),f("col",{})]}),f(V,{children:le(g,{children:[f(M,{className:"k-drag-cell",accessibleLabel:"Reorder"}),f(M,{columnTitle:"ID"}),f(M,{columnTitle:"Product Name"}),f(M,{columnTitle:"Units in Stock"}),f(M,{columnTitle:"Units Price"})]})})]})]})}),f(re,{children:f(ee,{children:le(te,{children:[le("colgroup",{children:[f("col",{className:"k-drag-col"}),f("col",{}),f("col",{}),f("col",{}),f("col",{})]}),le(ae,{children:[le(g,{children:[f(n,{className:"k-drag-cell",children:f(m,{icon:"reorder"})}),f(n,{children:"1"}),f(n,{children:"Chai"}),f(n,{children:"39"}),f(n,{children:"18"})]}),le(g,{className:"k-alt",alt:!0,children:[f(n,{className:"k-drag-cell",children:f(m,{icon:"reorder"})}),f(n,{children:"2"}),f(n,{children:"Chang"}),f(n,{children:"17"}),f(n,{children:"19"})]}),le(g,{children:[f(n,{className:"k-drag-cell",children:f(m,{icon:"reorder"})}),f(n,{children:"3"}),f(n,{children:"Aniseed Syrup"}),f(n,{children:"13"}),f(n,{children:"10"})]}),le(g,{className:"k-alt",alt:!0,children:[f(n,{className:"k-drag-cell",children:f(m,{icon:"reorder"})}),f(n,{children:"4"}),f(n,{children:"Chef Anton's Cajun Seasoning"}),f(n,{children:"53"}),f(n,{children:"22"})]}),le(g,{children:[f(n,{className:"k-drag-cell",children:f(m,{icon:"reorder"})}),f(n,{children:"5"}),f(n,{children:"Chef Anton's Gumbo Mix"}),f(n,{children:"0"}),f(n,{children:"21.35"})]})]})]})})})]})});case"filter-row":return f(ld,{...a,...l});default:return f(Q,{...a,...l,children:x})}};$a.options=fh;$a.states=Th;$a.variants=hh;$a.defaultOptions=fd;$a.modifiers=xh;var Nn="treelist",Td=Nn;import{jsx as vh}from"react/jsx-runtime";var hd="k-treelist",Nh=[],gh={},kh={},De=e=>vh(Q,{...e,className:r(hd,e.className),children:e.children});De.states=Nh;De.options=gh;De.className=hd;De.defaultOptions=kh;De.moduleName=Nn;De.folderName=Td;import{jsx as z,jsxs as Re}from"react/jsx-runtime";var So=({gridHeader:e,gridContent:t,menu:o,...a})=>Re(De,{id:"treelist",_renderAriaRoot:!0,...a,children:[e\|\|z(W,{children:z("div",{className:"k-grid-header-wrap",children:Re(J,{children:[Re("colgroup",{children:[z("col",{}),z("col",{}),z("col",{})]}),z(V,{children:Re(g,{children:[z(M,{menu:o,columnTitle:"Name"}),z(M,{menu:o,columnTitle:"Position"}),z(M,{menu:o,columnTitle:"Hire Date"})]})})]})})}),z(re,{children:t\|\|z(ee,{children:Re(te,{children:[Re("colgroup",{children:[z("col",{}),z("col",{}),z("col",{})]}),Re(ae,{children:[Re(g,{children:[Re(n,{children:[z(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),z(n,{children:"Sweeney"}),z(n,{children:"CEO"})]}),Re(g,{alt:!0,children:[Re(n,{children:[z(m,{className:"k-treelist-toggle",icon:"none"}),z(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),z(n,{children:"Wooten"}),z(n,{children:"Chief Technical Officer"})]}),Re(g,{children:[Re(n,{children:[z(m,{className:"k-treelist-toggle",icon:"none"}),z(m,{className:"k-treelist-toggle",icon:"none"}),z(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),z(n,{children:"Weber"}),z(n,{children:"VP, Engineering"})]}),Re(g,{alt:!0,children:[Re(n,{children:[z(m,{className:"k-treelist-toggle",icon:"none"}),z(m,{className:"k-treelist-toggle",icon:"none"}),z(m,{className:"k-treelist-toggle",icon:"none"}),z(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),z(n,{children:"Hood"}),z(n,{children:"Team Lead"})]}),Re(g,{children:[Re(n,{children:[z(m,{className:"k-treelist-toggle",icon:"none"}),z(m,{className:"k-treelist-toggle",icon:"none"}),z(m,{className:"k-treelist-toggle",icon:"none"}),z(m,{className:"k-treelist-toggle",icon:"none"}),z(m,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),z(n,{children:"Carr"}),z(n,{children:"Junior Software Developer"})]})]})]})})})]});import{jsx as Lh}from"react/jsx-runtime";var xd=e=>Lh(So,{menu:"column",...e});import{jsx as Ch}from"react/jsx-runtime";var Nd=e=>Ch(So,{menu:"filter",...e});import{jsx as O,jsxs as Oe}from"react/jsx-runtime";var gd=({gridHeader:e,gridContent:t,menu:o,...a})=>Oe(De,{id:"treelist",_renderAriaRoot:!0,...a,children:[e\|\|O(W,{children:O("div",{className:"k-grid-header-wrap",children:Oe(J,{children:[Oe("colgroup",{children:[O("col",{className:"k-drag-col"}),O("col",{}),O("col",{}),O("col",{})]}),O(V,{children:Oe(g,{children:[O(M,{}),O(M,{menu:o,columnTitle:"First Name"}),O(M,{menu:o,columnTitle:"Last Name"}),O(M,{menu:o,columnTitle:"Position"})]})})]})})}),O(re,{children:t\|\|O(ee,{children:Oe(te,{children:[Oe("colgroup",{children:[O("col",{className:"k-drag-col"}),O("col",{}),O("col",{}),O("col",{})]}),Oe(ae,{children:[Oe(g,{children:[O(n,{className:"k-drag-cell",children:O(m,{icon:"reorder"})}),Oe(n,{children:[O(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),O(n,{children:"Sweeney"}),O(n,{children:"CEO"})]}),Oe(g,{alt:!0,children:[O(n,{className:"k-drag-cell",children:O(m,{icon:"reorder"})}),Oe(n,{children:[O(m,{className:"k-treelist-toggle",icon:"none"}),O(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),O(n,{children:"Wooten"}),O(n,{children:"Chief Technical Officer"})]}),Oe(g,{children:[O(n,{className:"k-drag-cell",children:O(m,{icon:"reorder"})}),Oe(n,{children:[O(m,{className:"k-treelist-toggle",icon:"none"}),O(m,{className:"k-treelist-toggle",icon:"none"}),O(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),O(n,{children:"Weber"}),O(n,{children:"VP, Engineering"})]}),Oe(g,{alt:!0,children:[O(n,{className:"k-drag-cell",children:O(m,{icon:"reorder"})}),Oe(n,{children:[O(m,{className:"k-treelist-toggle",icon:"none"}),O(m,{className:"k-treelist-toggle",icon:"none"}),O(m,{className:"k-treelist-toggle",icon:"none"}),O(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),O(n,{children:"Hood"}),O(n,{children:"Team Lead"})]}),Oe(g,{children:[O(n,{className:"k-drag-cell",children:O(m,{icon:"reorder"})}),Oe(n,{children:[O(m,{className:"k-treelist-toggle",icon:"none"}),O(m,{className:"k-treelist-toggle",icon:"none"}),O(m,{className:"k-treelist-toggle",icon:"none"}),O(m,{className:"k-treelist-toggle",icon:"none"}),O(m,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),O(n,{children:"Carr"}),O(n,{children:"Junior Software Developer"})]})]})]})})})]});import{jsx as C,jsxs as se}from"react/jsx-runtime";var Mh=De.options,yh=De.states,kd={...De.defaultOptions,variant:"normal"},Sh=[{name:"normal",title:"Normal"},{name:"column-menu",title:"Column Menu"},{name:"filter-row",title:"Filter Row"},{name:"sorting",title:"Sorting"},{name:"row-reordering",title:"Row Reordering"}],wh=[{name:"toolbar",title:"Toolbar"},{name:"pager",title:"Pager"}],Xa=e=>{let{variant:t,modifiers:o,...a}={...kd,...e},l={},s=se($t,{children:[C(c,{icon:"plus",children:"Add New"}),C(c,{icon:"file-pdf",children:"Export to PDF"}),C("span",{className:"k-spacer"}),C(de,{prefix:C(m,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),p=C(xe,{pageSizes:!1,refresh:!1});switch(Object.keys(o\|\|{}).forEach(u=>{switch(u){case"toolbar":l.toolbar=o?.[u]?s:void 0;break;case"pager":l.pager=o?.[u]?p:void 0;break;default:return}}),t){case"row-reordering":return C(gd,{...a,...l});case"column-menu":return C(xd,{...a,...l,gridHeader:C(W,{children:C("div",{className:"k-grid-header-wrap",children:se(J,{children:[se("colgroup",{children:[C("col",{}),C("col",{}),C("col",{})]}),C(V,{children:se(g,{children:[C(M,{menu:"column",columnTitle:"First Name"}),C(M,{menu:"column",columnTitle:"Last Name"}),C(M,{menu:"column",columnTitle:"Position"})]})})]})})})});case"filter-row":return C(Nd,{...a,...l,gridHeader:C(W,{children:C("div",{className:"k-grid-header-wrap",children:se(J,{children:[se("colgroup",{children:[C("col",{}),C("col",{}),C("col",{})]}),C(V,{children:se(g,{children:[C(M,{menu:"filter",columnTitle:"First Name"}),C(M,{menu:"filter",columnTitle:"Last Name"}),C(M,{menu:"filter",columnTitle:"Position"})]})})]})})})});case"sorting":return C(So,{...a,...l,gridHeader:C(W,{children:C("div",{className:"k-grid-header-wrap",children:se(J,{children:[se("colgroup",{children:[C("col",{}),C("col",{}),C("col",{})]}),C(V,{children:se(g,{children:[C(M,{columnTitle:"First Name"}),C(M,{columnTitle:"Last Name",sortable:!0}),C(M,{columnTitle:"Position"})]})})]})})}),gridContent:C(ee,{children:se(te,{children:[se("colgroup",{children:[C("col",{}),C("col",{className:"k-sorted"}),C("col",{})]}),se(ae,{children:[se(g,{className:"k-treelist-group",children:[se(n,{children:[C(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),C(n,{children:"Sweeney"}),C(n,{children:"CEO"})]}),se(g,{className:"k-treelist-group k-alt",alt:!0,children:[se(n,{children:[C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),C(n,{children:"Wooten"}),C(n,{children:"Chief Technical Officer"})]}),se(g,{className:"k-treelist-group",children:[se(n,{children:[C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),C(n,{children:"Weber"}),C(n,{children:"VP, Engineering"})]}),se(g,{className:"k-treelist-group k-alt",alt:!0,children:[se(n,{children:[C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),C(n,{children:"Hood"}),C(n,{children:"Team Lead"})]}),se(g,{children:[se(n,{children:[C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),C(n,{children:"Carr"}),C(n,{children:"Junior Software Developer"})]})]})]})})});default:return C(So,{...a,...l,gridHeader:C(W,{children:C("div",{className:"k-grid-header-wrap",children:se(J,{children:[se("colgroup",{children:[C("col",{}),C("col",{}),C("col",{})]}),C(V,{children:se(g,{children:[C(M,{columnTitle:"First Name"}),C(M,{columnTitle:"Last Name"}),C(M,{columnTitle:"Position"})]})})]})})})})}};Xa.options=Mh;Xa.states=yh;Xa.variants=Sh;Xa.defaultOptions=kd;Xa.modifiers=wh;import{jsx as R,jsxs as ne}from"react/jsx-runtime";var B4=({gridHeader:e,gridContent:t,menu:o,...a})=>ne(De,{id:"treelist",_renderAriaRoot:!0,...a,children:[e\|\|R(W,{children:R("div",{className:"k-grid-header-wrap",children:ne(J,{children:[ne("colgroup",{children:[R("col",{}),R("col",{}),R("col",{})]}),R(V,{children:ne(g,{children:[R(M,{menu:o,columnTitle:"Name"}),R(M,{menu:o,columnTitle:"Position"}),R(M,{menu:o,columnTitle:"Hire Date"})]})})]})})}),R(re,{children:t\|\|R(ee,{children:ne(te,{children:[ne("colgroup",{children:[R("col",{}),R("col",{}),R("col",{})]}),ne(ae,{children:[ne(g,{children:[ne(n,{children:[R(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl Sweeney"]}),R(n,{children:"CEO"}),R(n,{children:"February 7, 2012"})]}),ne(g,{alt:!0,children:[ne(n,{children:[R(m,{className:"k-treelist-toggle",icon:"none"}),R(m,{className:"k-treelist-toggle",icon:"caret-alt-right"}),"Guy Wooten"]}),R(n,{children:"Chief Technical Officer"}),R(n,{children:"March 3, 2010"})]}),ne(g,{children:[ne(n,{children:[R(m,{className:"k-treelist-toggle",icon:"none"}),R(m,{className:"k-treelist-toggle",icon:"caret-alt-right"}),"Priscilla Frank"]}),R(n,{children:"Chief Product Officer"}),R(n,{children:"November 30, 2014"})]}),ne(g,{alt:!0,children:[ne(n,{children:[R(m,{className:"k-treelist-toggle",icon:"none"}),R(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Anika Vega"]}),R(n,{children:"Chief Process Officer"}),R(n,{children:"February 25, 2010"})]}),ne(g,{children:[ne(n,{children:[R(m,{className:"k-treelist-toggle",icon:"none"}),R(m,{className:"k-treelist-toggle",icon:"none"}),R(m,{className:"k-treelist-toggle",icon:"caret-alt-right"}),"Vernon Ballard"]}),R(n,{children:"Director Facilities"}),R(n,{children:"June 26, 2015"})]}),ne(g,{className:"k-footer-template",children:[ne(n,{children:[R(m,{className:"k-treelist-toggle",icon:"none"}),R(m,{className:"k-treelist-toggle",icon:"none"}),R(m,{className:"k-treelist-toggle",icon:"none"}),"7 employee(s)"]}),R(n,{}),R(n,{children:"Last employee hired on July 30, 2015"})]}),ne(g,{alt:!0,children:[ne(n,{children:[R(m,{className:"k-treelist-toggle",icon:"none"}),R(m,{className:"k-treelist-toggle",icon:"caret-alt-right"}),"Nevada Hart"]}),R(n,{children:"Chief Financial Officer"}),R(n,{children:"August 17, 2015"})]}),ne(g,{children:[ne(n,{children:[R(m,{className:"k-treelist-toggle",icon:"none"}),R(m,{className:"k-treelist-toggle",icon:"caret-alt-right"}),"Hunter Fry"]}),R(n,{children:"General Counsel"}),R(n,{children:"February 12, 2011"})]}),ne(g,{className:"k-footer-template",children:[ne(n,{children:[R(m,{className:"k-treelist-toggle",icon:"none"}),R(m,{className:"k-treelist-toggle",icon:"none"}),"98 employee(s)"]}),R(n,{}),R(n,{children:"Last employee hired on August 17, 2015"})]}),ne(g,{className:"k-footer-template",children:[ne(n,{children:[R(m,{className:"k-treelist-toggle",icon:"none"}),"99 employee(s)"]}),R(n,{}),R(n,{children:"Last employee hired on August 17, 2015"})]})]})]})})})]});export{B4 as TreeListAggregates};