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

package/dist/esm/treelist/templates/treelist-row-reordering.mjs

@@ -1 +1 @@
-var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var A=(e,t)=>r({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),I=(e,t)=>{let{valid:o,invalid:a,hover:l,focus:s,checked:p,active:u,selected:x,disabled:g,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":g,"k-indeterminate":L&&!p,"k-loading":v,"k-empty":b,"k-readonly":w,"k-highlighted":S},Object.keys(E).reduce((H,O)=>(O.startsWith("k-")?H[O]=E[O]:H[`k-${O}`]=E[O],H),{}))};function hn(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"},n={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 Q="grid",j=Q;import{jsx as Md,jsxs as yd}from"react/jsx-runtime";var Xa="k-grid",vd=[],Ld={size:[d.undefined,d.small,d.medium,d.large]},Cd=[],xn={pagerPosition:"bottom"},X=e=>{let{size:t,pagerPosition:o=xn.pagerPosition,toolbar:a,pager:l,groupingHeader:s,gridSelectionAggregates:p,_renderAriaRoot:u,resizable:x,...g}=e;return yd("div",{...g,className:r(e.className,Xa,{[`${Xa}-resizable`]:x},A(Xa,{size:t})),children:[a,o==="top"&&l,s,e.children&&u?Md("div",{className:"k-grid-aria-root",children:e.children}):e.children,p,o==="bottom"&&l]})};X.states=vd;X.options=Ld;X.variants=Cd;X.className=Xa;X.defaultOptions=xn;X.moduleName=Q;X.folderName=j;import{jsx as Sd}from"react/jsx-runtime";var Nn="k-grid-header",W=e=>{let{draggable:t,...o}=e;return Sd("div",{...o,className:r(e.className,Nn,{"k-grid-draggable-header":t}),children:e.children})};W.className=Nn;W.moduleName=Q;W.folderName=j;import{jsx as gn,jsxs as wd}from"react/jsx-runtime";var kn="k-grouping-header",Vt=e=>{let{dropHint:t,dropClue:o,...a}=e;return wd("div",{...a,className:r(e.className,kn),children:[o&&gn("div",{className:"k-grouping-dropclue"}),e.children,gn("div",{className:"k-grouping-drop-container",children:t})]})};Vt.className=kn;Vt.moduleName=Q;Vt.folderName=j;import{jsx as Ad}from"react/jsx-runtime";var vn="k-grid-sticky-container",Ln={position:"top"},Wa=e=>{let{position:t=Ln.position,...o}=e;return Ad("div",{...o,className:r(e.className,vn,{"k-grid-sticky-top-container":t==="top","k-grid-sticky-bottom-container":t==="bottom"}),children:e.children})};Wa.className=vn;Wa.defaultProps=Ln;Wa.moduleName=Q;Wa.folderName=j;var ye="table",Re=ye;import{jsx as Od}from"react/jsx-runtime";var Cn="k-data-table",Ed=[],Id={size:[d.undefined,d.small,d.medium,d.large]},Rd={},Ot=e=>{let{size:t,...o}=e;return Od("div",{...o,className:r(e.className,Cn,A("k-table",{size:t})),children:e.children})};Ot.states=Ed;Ot.options=Id;Ot.className=Cn;Ot.defaultOptions=Rd;Ot.moduleName=ye;Ot.folderName=Re;import{jsx as Kd}from"react/jsx-runtime";var Ar="k-table-header-wrap",Hd=[n.hover,n.focus,n.disabled],Pd={},Gd={},$t=e=>{let{children:t,hover:o,focus:a,disabled:l,...s}=e;return Kd("div",{...s,className:r(e.className,Ar,I(Ar,{hover:o,focus:a,disabled:l})),children:t})};$t.states=Hd;$t.options=Pd;$t.className=Ar;$t.defaultOptions=Gd;$t.moduleName=ye;$t.folderName=Re;import{jsx as zd}from"react/jsx-runtime";var Er="k-table",Bd=[],Dd={size:[d.undefined,d.small,d.medium,d.large]},_d={},Oe=e=>{let{size:t,...o}=e;return zd("table",{...o,className:r(e.className,Er,A(Er,{size:t})),children:e.children})};Oe.states=Bd;Oe.options=Dd;Oe.className=Er;Oe.defaultOptions=_d;Oe.moduleName=ye;Oe.folderName=Re;import{jsx as Ir}from"react/jsx-runtime";var Rr="k-table-header",Ud=[n.hover,n.focus,n.disabled],Fd={},Vd={},Ht=e=>{let{children:t,hover:o,focus:a,disabled:l,...s}=e;return Ir("div",{...s,className:r(e.className,Rr,I(Rr,{hover:o,focus:a,disabled:l})),children:Ir($t,{children:Ir(Oe,{children:t})})})};Ht.states=Ud;Ht.options=Fd;Ht.className=Rr;Ht.defaultOptions=Vd;Ht.moduleName=ye;Ht.folderName=Re;import{jsx as Jd}from"react/jsx-runtime";var Mn="k-table-scroller",$d=[],Xd={},Wd={},So=e=>{let{children:t,...o}=e;return Jd("div",{...o,className:r(e.className,Mn),children:t})};So.states=$d;So.options=Xd;So.className=Mn;So.defaultOptions=Wd;So.moduleName=ye;So.folderName=Re;import{jsx as Lx}from"react/jsx-runtime";import{jsx as Zd}from"react/jsx-runtime";var yn="k-table-footer",qd=[],Yd={},Qd={},Xt=e=>{let{children:t,...o}=e;return Zd("div",{...o,className:r(e.className,yn),children:t})};Xt.states=qd;Xt.options=Yd;Xt.className=yn;Xt.defaultOptions=Qd;Xt.moduleName=ye;Xt.folderName=Re;import{jsx as oc}from"react/jsx-runtime";var Or="k-table-list",jd=[],ec={size:[d.undefined,d.small,d.medium,d.large]},tc={},Wt=e=>{let{size:t,virtualization:o,...a}=e;return oc("ul",{...a,className:r(e.className,"k-table",Or,A(Or,{size:t}),{"k-virtual-table":o}),children:e.children})};Wt.states=jd;Wt.options=ec;Wt.className=Or;Wt.defaultOptions=tc;Wt.moduleName=ye;Wt.folderName=Re;import{jsx as rc}from"react/jsx-runtime";var ac="k-table-thead",V=e=>rc("thead",{className:r(e.className,ac),children:e.children});import{jsx as nc}from"react/jsx-runtime";var lc="k-table-tbody",oe=e=>nc("tbody",{className:r(e.className,lc),children:e.children});import{jsx as zx}from"react/jsx-runtime";import{jsx as sc}from"react/jsx-runtime";var Hr="k-table-row",ic=[n.hover,n.focus,n.selected,n.disabled,n.highlighted],k=e=>{let{hover:t,focus:o,selected:a,highlighted:l,disabled:s,alt:p,...u}=e;return sc("tr",{...u,className:r(e.className,Hr,{"k-table-alt-row":p},I(Hr,{hover:t,focus:o,disabled:s,selected:a,highlighted:l})),children:e.children})};k.states=ic;k.className=Hr;import{jsx as cc}from"react/jsx-runtime";var Pr="k-table-row",dc=[n.hover,n.focus,n.selected,n.disabled],Ja=e=>{let{hover:t,focus:o,selected:a,disabled:l,alt:s,...p}=e;return cc("li",{...p,className:r(e.className,Pr,{"k-table-alt-row":s},I(Pr,{hover:t,focus:o,disabled:l,selected:a})),children:e.children})};Ja.states=dc;Ja.className=Pr;import{jsx as pc}from"react/jsx-runtime";var Sn="k-table-th",Pt=e=>{let{text:t,colspan:o,rowspan:a,...l}=e,s=t||e.children;return pc("th",{colSpan:o,rowSpan:a,...l,className:r(e.className,Sn),children:s})};Pt.className=Sn;Pt.moduleName=ye;Pt.folderName=Re;import{jsx as tN}from"react/jsx-runtime";import{jsx as uc}from"react/jsx-runtime";var Gr="k-table-td",mc=[n.focus,n.selected,n.highlighted],i=e=>{let{focus:t,selected:o,highlighted:a,text:l,colspan:s,rowspan:p,...u}=e,x=l||e.children;return uc("td",{colSpan:s,rowSpan:p,...u,className:r(e.className,Gr,I(Gr,{focus:t,selected:o,highlighted:a})),children:x})};i.states=mc;i.className=Gr;import{jsx as sN}from"react/jsx-runtime";import{jsx as mN}from"react/jsx-runtime";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 IN,jsxs as RN}from"react/jsx-runtime";import{jsx as GN,jsxs as KN}from"react/jsx-runtime";import{jsx as zN,jsxs as UN}from"react/jsx-runtime";import{Fragment as JN,jsx as XN,jsxs as WN}from"react/jsx-runtime";import{jsx as hc}from"react/jsx-runtime";var An="k-grid-header-table",J=e=>hc(Oe,{...e,className:r(e.className,An),children:e.children});J.className=An;J.moduleName=Q;J.folderName=j;import{Fragment as kc,jsx as En}from"react/jsx-runtime";var Kr="k-font-icon",xc=[],Nc={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]},gc={},Wo=e=>{let{size:t,themeColor:o,icon:a,rotate:l,flip:s,...p}=e;return a?En("span",{...p,className:r(e.className,Kr,A(Kr,{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"}):En(kc,{})};Wo.states=xc;Wo.options=Nc;Wo.className=Kr;Wo.defaultOptions=gc;var In=Wo;import{Fragment as Cc,jsx as qa}from"react/jsx-runtime";var Br="k-svg-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]},Rn={viewBox:"0 0 24 24"},Jo=e=>{let{size:t,themeColor:o,rotate:a,flip:l,viewBox:s=Rn.viewBox,icon:p,...u}=e;if(!p)return qa(Cc,{});if(p==="none")return qa("span",{...u,className:r(e.className,Br,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,Br,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})})};Jo.states=vc;Jo.options=Lc;Jo.className=Br;Jo.defaultOptions=Rn;var Dr=Jo;import*as _r from"@progress/kendo-svg-icons";var On="icon",Hn="icons";import{useContext as yc}from"react";import{createContext as Mc}from"react";var Pn=Mc({iconsType:"svg"});import{Fragment as Gn,jsx as qo}from"react/jsx-runtime";var Ya="k-icon",Sc=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),wc=[],Ac={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]},zr={viewBox:"0 0 24 24",type:"svg"},m=e=>{let{iconsType:t}=yc(Pn),{size:o,themeColor:a,icon:l,type:s=t||zr.type,rotate:p,flip:u,viewBox:x=zr.viewBox,...g}=e;if(!l)return qo(Gn,{});if((t||s)==="svg"){if(l==="none")return qo(Dr,{...g,className:r(e.className,Ya),icon:l,size:o});let v=_r[l]?l:Sc(`${l}-icon`);return _r[v]?qo(Dr,{...g,className:r(e.className,Ya),icon:_r[v],size:o,themeColor:a,rotate:p,flip:u,viewBox:x}):qo(Gn,{})}return qo(In,{...g,className:r(e.className,Ya),icon:l,size:o,themeColor:a,rotate:p,flip:u})};m.states=wc;m.options=Ac;m.defaultOptions=zr;m.className=Ya;m.moduleName=On;m.folderName=Hn;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 Jt,jsxs as Ur}from"react/jsx-runtime";var Fr="k-header",Ec=[n.hover,n.focus,n.active],Kn={sortIcon:"sort-asc-small"},M=e=>{let{menu:t,sortable:o,filterable:a,sticky:l,resizable:s,columnTitle:p,hover:u,focus:x,active:g,sortIcon:L=Kn.sortIcon,sortOrder:v,accessibleLabel:b,...w}=e;return Ur(Pt,{...w,className:r(e.className,Fr,{"k-filterable":t||a,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":s},I(Fr,{hover:u,focus:x,active:g})),children:[p&&Ur("span",{className:"k-cell-inner",children:[Ur("span",{className:"k-link",children:[Jt("span",{className:"k-column-title",children:p}),o&&Jt("span",{className:"k-sort-icon",children:Jt(m,{icon:L})}),v&&Jt("span",{className:"k-sort-order",children:v})]}),t&&Jt("a",{href:"#",className:r("k-grid-header-menu",{"k-active":g,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:Jt(m,{icon:t==="filter"?"filter":"more-vertical"})})]}),!p&&b&&Jt("span",{className:"k-sr-only",children:b}),e.children,s&&Jt("span",{className:"k-column-resizer k-touch-action-none"})]})};M.states=Ec;M.className=Fr;M.defaultOptions=Kn;M.moduleName=Q;M.folderName=j;import{jsx as Ic}from"react/jsx-runtime";var Bn="k-grid-container",re=e=>Ic("div",{...e,className:r(e.className,Bn),children:e.children});re.className=Bn;re.moduleName=Q;re.folderName=j;import{jsx as Rc}from"react/jsx-runtime";var Dn="k-grid-content",ee=e=>Rc("div",{...e,className:r(e.className,Dn),children:e.children});ee.className=Dn;ee.moduleName=Q;ee.folderName=j;import{jsx as Oc}from"react/jsx-runtime";var _n="k-grid-table",te=e=>Oc(Oe,{...e,className:r(e.className,_n),children:e.children});te.className=_n;te.moduleName=Q;te.folderName=j;import{jsx as Hc}from"react/jsx-runtime";var zn="k-grid-footer",Vr=e=>Hc("div",{...e,className:r(e.className,zn),children:e.children});Vr.className=zn;Vr.moduleName=Q;Vr.folderName=j;import{jsx as Pc}from"react/jsx-runtime";var Un="k-grid-footer-table",$r=e=>Pc(Oe,{...e,className:r(e.className,Un),children:e.children});$r.className=Un;$r.moduleName=Q;$r.folderName=j;var Xr="button",Fn=Xr;import{Fragment as Dc,jsx as Yo,jsxs as Vn}from"react/jsx-runtime";var Qo="k-button",Gc=["icon-button"],Kc=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],Bc={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]},Wr={showArrow:!1,arrowIconName:"caret-alt-down"},c=e=>{let{as:t="button",size:o,rounded:a,fillMode:l,themeColor:s,showArrow:p=Wr.showArrow,arrowIconName:u=Wr.arrowIconName,variant:x,hover:g,focus:L,active:v,selected:b,disabled:w,togglable:S,icon:E,text:H,iconClassName:O,className:U,...be}=e,ge=E!==void 0,Ge=e.children!==void 0;return Vn(t,{className:r(U,Qo,hn(Qo,x),A(Qo,{size:o,rounded:a,fillMode:l,themeColor:s}),I(Qo,{hover:g,focus:L,active:v,disabled:w,selected:b}),{"k-icon-button":!H&&!Ge&&ge}),...be,"aria-pressed":S?b?"true":"false":void 0,disabled:w||void 0,children:[E&&Yo(m,{className:r(O,"k-button-icon"),icon:E}),H?Vn(Dc,{children:[H&&Yo("span",{className:"k-button-text",children:H}),e.children]}):e.children&&Yo("span",{className:"k-button-text",children:e.children}),p&&Yo("span",{className:"k-menu-button-arrow k-button-arrow",children:Yo(m,{icon:u})})]})};c.states=Kc;c.options=Bc;c.variants=Gc;c.className=Qo;c.defaultOptions=Wr;c.moduleName=Xr;c.folderName=Fn;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 _c}from"react/jsx-runtime";var qt=e=>_c(c,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as zc}from"react/jsx-runtime";var Zo=e=>zc(c,{icon:"folder",children:"Button",...e});import{jsx as Uc}from"react/jsx-runtime";var co=e=>Uc(c,{children:"Button",...e});import{jsx as Jr}from"react/jsx-runtime";var Fc=c.options,Vc=c.states,$c={...c.defaultOptions,variant:"text"},Xc=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Wc=[],jo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Jr(qt,{...o,icon:"star"});case"icon-and-text":return Jr(Zo,{...o,icon:"star",children:"Button"});default:return Jr(co,{...o,children:"Button"})}};jo.options=Fc;jo.states=Vc;jo.variants=Xc;jo.defaultOptions=$c;jo.modifiers=Wc;var ea="input",Qa=ea;import{jsx as Qc}from"react/jsx-runtime";var Za="k-input",Jc=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.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]},Yc={},ke=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:p,readonly:u,size:x,rounded:g,fillMode:L,...v}=e;return Qc("span",{...v,className:r(e.className,Za,A(Za,{size:x,rounded:g,fillMode:L}),I(Za,{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:p,readonly:u}))})};ke.states=Jc;ke.options=qc;ke.className=Za;ke.defaultOptions=Yc;ke.moduleName=ea;ke.folderName=Qa;import{jsx as tp}from"react/jsx-runtime";var ja="k-picker",Zc=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.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={},Ct=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:p,readonly:u,size:x,rounded:g,fillMode:L,...v}=e;return tp("span",{...v,className:r(e.className,ja,A(ja,{size:x,rounded:g,fillMode:L}),I(ja,{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:p,readonly:u})),children:e.children})};Ct.states=Zc;Ct.options=jc;Ct.className=ja;Ct.defaultOptions=ep;Ct.moduleName=ea;Ct.folderName=Qa;import{Fragment as rp,jsx as qr}from"react/jsx-runtime";var $n="k-clear-value",op=[n.disabled,n.loading,n.readonly],ap={},et=e=>{let{disabled:t,loading:o,readonly:a,value:l}=e;return t||a||o||!l?qr(rp,{}):qr("span",{className:r(e.className,$n),children:qr(m,{icon:"x"})})};et.states=op;et.options=ap;et.className=$n;import{jsx as ip}from"react/jsx-runtime";var Yr="k-input-inner",lp=[],np={},er={type:"text",autocomplete:"off",value:"",placeholder:""},tt=e=>{let{value:t=er.value,type:o=er.type,placeholder:a=er.placeholder,autocomplete:l=er.autocomplete,disabled:s,readOnly:p,...u}=e;return ip("input",{...u,type:o,className:r(e.className,Yr,A(Yr,e)),placeholder:a,autoComplete:l,defaultValue:t,disabled:s||void 0,readOnly:p||void 0})};tt.states=lp;tt.options=np;tt.className=Yr;import{jsx as Xn,jsxs as cp}from"react/jsx-runtime";var Qr="k-input-inner",sp=[],dp={},po=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:l,valueIconName:s,...p}=e;return cp("span",{...p,className:r(e.className,Qr,A(Qr,e)),children:[l,!l&&s&&Xn(m,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&Xn("span",{className:"k-input-value-text",children:t})]})};po.states=sp;po.options=dp;po.className=Qr;import{jsx as up}from"react/jsx-runtime";var Zr="k-input-inner",pp=[],mp={},Wn={value:"",placeholder:""},jr=e=>{let{value:t=Wn.value,placeholder:o=Wn.placeholder,rows:a,disabled:l,...s}=e;return up("textarea",{...s,className:r(e.className,Zr,A(Zr,e)),placeholder:o,rows:a,defaultValue:t,disabled:l||void 0})};jr.states=pp;jr.options=mp;jr.className=Zr;import{Fragment as fp,jsx as Jn}from"react/jsx-runtime";var qn="k-input-loading-icon",bp=[n.disabled,n.loading],$e=e=>{let{disabled:t,loading:o}=e;return t||!o?Jn(fp,{}):Jn("span",{className:r(e.className,qn,"k-icon k-i-loading")})};$e.states=bp;$e.className=qn;import{Fragment as xp,jsx as Yn}from"react/jsx-runtime";var Qn="k-input-validation-icon",Tp=[n.valid,n.invalid,n.disabled,n.loading],hp={},Ke=e=>{let{valid:t,invalid:o,disabled:a,loading:l}=e,s=o?"warning-circle":"check-circle";return a||l||!!!(t||o)?Yn(xp,{}):Yn(m,{className:r(Qn),icon:s})};Ke.states=Tp;Ke.options=hp;Ke.className=Qn;import{Fragment as kp,jsx as Zn}from"react/jsx-runtime";var Np="k-input-prefix",gp={direction:"horizontal"},st=e=>{let{direction:t=gp.direction,...o}=e;return e.children?Zn("span",{...o,className:r(Np,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Zn(kp,{})};import{Fragment as Cp,jsx as jn}from"react/jsx-runtime";var vp="k-input-suffix",Lp={direction:"horizontal"},dt=e=>{let{direction:t=Lp.direction,...o}=e;return e.children?jn("span",{...o,className:r(vp,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):jn(Cp,{})};import{jsx as Bv}from"react/jsx-runtime";import{jsx as yp}from"react/jsx-runtime";var Mp="k-input-suffix-text",el=e=>{let{children:t,...o}=e;return yp("span",{...o,className:r(Mp,e.className),children:t})};import{jsx as wp}from"react/jsx-runtime";var ei="k-input-separator",Sp={direction:"vertical"},ct=e=>{let{direction:t=Sp.direction,...o}=e;return wp("span",{...o,className:r(ei,e.className,{[`${ei}-${t}`]:t})})};import{Fragment as ti,jsx as Mt,jsxs as tl}from"react/jsx-runtime";var Ap=ke.states,Ep=ke.defaultOptions,Ip=ke.options,Rp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Op=[],ta=e=>{let{modifiers:t,valid:o,invalid:a,loading:l,disabled:s,readonly:p,...u}=e,x=t?.prefix,g=t?.suffix,L=t?.["clear-button"],v=t?.["validation-icon"],b=t?.separators;return tl(ke,{...u,valid:o,invalid:a,loading:l,disabled:s,readonly:p,style:{width:300},children:[x&&tl(ti,{children:[Mt(st,{children:Mt(m,{icon:"lock"})}),b&&Mt(ct,{})]}),Mt(tt,{placeholder:"Placeholder",value:"Value"}),v&&Mt(Ke,{valid:o,invalid:a,loading:l,disabled:s}),Mt($e,{loading:l,disabled:s}),L&&Mt(et,{loading:l,disabled:s,readonly:p,value:"Value"}),g&&tl(ti,{children:[b&&Mt(ct,{}),Mt(dt,{children:Mt(co,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};ta.options=Ip;ta.states=Ap;ta.variants=Op;ta.defaultOptions=Ep;ta.modifiers=Rp;var ol="popup",oi=ol;import{jsx as ai}from"react/jsx-runtime";var ri="k-animation-container",Hp=[],Pp={},li={positionMode:"absolute"},yt=e=>{let{positionMode:t=li.positionMode,animationStyle:o,offset:a,...l}=e;return ai("div",{...l,style:{...a,...e.style},className:r(e.className,ri,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:ai("div",{className:"k-child-animation-container",style:o,children:e.children})})};yt.states=Hp;yt.options=Pp;yt.className=ri;yt.defaultOptions=li;yt.moduleName=ol;yt.folderName=oi;var al="popup",ni=al;import{jsx as ii}from"react/jsx-runtime";var si="k-popup",Gp=[],Kp={},di={positionMode:"absolute"},pe=e=>{let{offset:t,positionMode:o=di.positionMode,animationStyle:a,containerClassName:l,containerRole:s,containerAriaLabel:p,...u}=e;return ii(yt,{positionMode:o,offset:t,animationStyle:a,className:l,role:s,"aria-label":p,children:ii("div",{...u,className:r(e.className,si),children:e.children})})};pe.states=Gp;pe.options=Kp;pe.className=si;pe.defaultOptions=di;pe.moduleName=al;pe.folderName=ni;pe.ariaSpec={selector:".k-popup",rules:[{selector:".k-animation-container",attribute:"role (when appended to body)",usage:'Container gets role="region" when appended to document body. Popup is a building block \u2014 ARIA semantics come from consuming components.'}]};var rl="action-buttons",ci=rl;import{jsx as _p}from"react/jsx-runtime";var tr="k-actions",Bp=[],Dp={},ll={alignment:"start",orientation:"horizontal"},St=e=>{let{alignment:t=ll.alignment,orientation:o=ll.orientation,...a}=e;return _p("div",{...a,className:r(tr,{[`${tr}-${t}`]:t,[`${tr}-${o}`]:o},e.className),children:e.children})};St.states=Bp;St.options=Dp;St.className=tr;St.defaultOptions=ll;St.moduleName=rl;St.folderName=ci;import{jsx as Up}from"react/jsx-runtime";var zp="k-actionsheet-footer",pi={alignment:"stretched",orientation:"horizontal"},Yt=e=>{let{alignment:t=pi.alignment,orientation:o=pi.orientation,template:a,as:l=a?"div":St,...s}=e;return Up(l,{...s,...!a&&{alignment:t,orientation:o},className:r(e.className,zp),children:e.children})};var nl="searchbox",mi=nl;import{jsx as oa,jsxs as $p}from"react/jsx-runtime";var ui="k-searchbox",Fp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],Vp={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={showIcon:!0,icon:"search"},pt=e=>{let{value:t,placeholder:o,size:a,rounded:l,fillMode:s,hover:p,focus:u,valid:x,invalid:g,required:L,loading:v,disabled:b,showIcon:w=il.showIcon,icon:S=il.icon,...E}=e;return $p(ke,{...E,size:a,rounded:l,fillMode:s,hover:p,focus:u,valid:x,invalid:g,required:L,loading:v,disabled:b,className:r(e.className,ui),children:[w&&oa(m,{className:"k-input-icon",icon:S}),oa(tt,{placeholder:o,value:t}),oa($e,{...e}),oa(Ke,{...e}),oa(et,{...e})]})};pt.states=Fp;pt.options=Vp;pt.className=ui;pt.defaultOptions=il;pt.moduleName=nl;pt.folderName=mi;import{jsx as aC}from"react/jsx-runtime";var sl="textbox",bi=sl;import{Fragment as fi,jsx as Qt,jsxs as dl}from"react/jsx-runtime";var Ti="k-textbox",Xp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Wp={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]},or={showClearButton:!0,showValidationIcon:!0,separators:!0},ie=e=>{let{size:t,rounded:o,fillMode:a,separators:l=or.separators,showClearButton:s=or.showClearButton,showValidationIcon:p=or.showValidationIcon,prefix:u,suffix:x,type:g,value:L,placeholder:v,hover:b,focus:w,valid:S,invalid:E,required:H,loading:O,disabled:U,readonly:be,id:ge,"aria-label":Ge,"aria-describedby":Ze,...je}=e;return dl(ke,{...je,size:t,rounded:o,fillMode:a,hover:b,focus:w,valid:S,invalid:E,required:H,loading:O,disabled:U,readonly:be,className:r(e.className,Ti),children:[u&&dl(fi,{children:[Qt(st,{children:u}),l&&Qt(ct,{})]}),Qt(tt,{id:ge,placeholder:v,value:L,type:g,disabled:U,"aria-label":Ge,"aria-describedby":Ze,"aria-invalid":E?"true":void 0}),p&&Qt(Ke,{valid:S,invalid:E,loading:O,disabled:U}),Qt($e,{loading:O,disabled:U}),s&&Qt(et,{loading:O,disabled:U,readonly:be,value:L}),x&&dl(fi,{children:[l&&Qt(ct,{}),Qt(dt,{children:x})]})]})};ie.states=Xp;ie.options=Wp;ie.className=Ti;ie.defaultOptions=or;ie.moduleName=sl;ie.folderName=bi;ie.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 aa=ie;import{jsx as Jp}from"react/jsx-runtime";var hi=e=>Jp(aa,{...e});import{Fragment as kC,jsx as gC}from"react/jsx-runtime";import{Fragment as SC,jsx as yC}from"react/jsx-runtime";import{jsx as IC}from"react/jsx-runtime";import{jsx as cl}from"react/jsx-runtime";var qp=ie.states,Yp=ie.defaultOptions,Qp=ie.options,Zp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],jp=[],ra=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?cl(m,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[l]?cl(co,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[l];break;default:break}}),cl(hi,{value:"Value",style:{width:300},...o,...a})};ra.options=Qp;ra.states=qp;ra.variants=jp;ra.defaultOptions=Yp;ra.modifiers=Zp;import{jsx as Zt,jsxs as pl}from"react/jsx-runtime";var xi="k-actionsheet-titlebar",em={},Be=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:l,filter:s,input:p,inputValue:u,inputPlaceholder:x,adaptive:g,titleId:L,children:v,...b}=e;return pl("div",{...b,className:r(e.className,xi),children:[pl("div",{className:"k-actionsheet-titlebar-group",children:[a&&Zt("div",{className:"k-actionsheet-actions",children:a}),!v&&pl("div",{className:"k-actionsheet-title",id:L,children:[t&&Zt("div",{className:"k-text-center",children:t}),o&&Zt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),v&&Zt("div",{className:"k-actionsheet-title",id:L,children:v}),l&&Zt("div",{className:"k-actionsheet-actions",children:l})]}),(p||s)&&Zt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?Zt(ie,{value:u,placeholder:x,size:g?"large":"medium","aria-label":t||x||"Input"}):Zt(pt,{placeholder:"Filter",size:g?"large":"medium","aria-label":"Filter options"})})]})};Be.className=xi;Be.defaultOptions=em;import{jsx as ml,jsxs as rm}from"react/jsx-runtime";var ul="k-actionsheet-view",tm=[],om={},am={},wo=e=>{let{adaptive:t,animated:o,children:a,header:l,footer:s,titleId:p,...u}=e,x=l?.type===Be&&ml(Be,{adaptive:t,titleId:p,...l?.props}),g=s?.type===Yt&&ml(Yt,{...s?.props});return rm("div",{...u,className:r(e.className,ul,{[`${ul}-animated`]:o}),children:[x,ml("div",{className:"k-actionsheet-content",children:a}),g]})};wo.states=tm;wo.options=om;wo.className=ul;wo.defaultOptions=am;var la="action-sheet",ar=la;var bl="overlay",Ni=bl;import{jsx as sm}from"react/jsx-runtime";var fl="k-overlay",lm=[],nm={themeColor:[T.undefined,T.light,T.dark,T.inverse]},im={},jt=e=>{let{themeColor:t,...o}=e;return sm("div",{...o,className:r(e.className,fl,A(fl,{themeColor:t})),children:e.children})};jt.states=lm;jt.options=nm;jt.className=fl;jt.defaultOptions=im;jt.moduleName=bl;jt.folderName=Ni;import{jsx as rr,jsxs as pm}from"react/jsx-runtime";var gi="k-actionsheet",dm=[],cm={},na={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},he=e=>{let{side:t=na.side,fullscreen:o=na.fullscreen,adaptive:a=na.adaptive,overlay:l=na.overlay,template:s,children:p,header:u,footer:x,id:g,...L}=e,v=g&&!s&&u?`${g}-title`:void 0;return pm("div",{className:"k-actionsheet-container",children:[l&&rr(jt,{}),rr(yt,{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:rr("div",{...L,id:g,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":v,className:r(e.className,gi,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||rr(wo,{header:u,footer:x,adaptive:a,titleId:v,...e,children:p})})})]})};he.states=dm;he.options=cm;he.className=gi;he.defaultOptions=na;he.moduleName=la;he.folderName=ar;he.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 fm}from"react/jsx-runtime";var ki="k-actionsheet-container",mm=[],um={},bm={},Ao=e=>{let{children:t,...o}=e;return fm("div",{...o,className:ki,children:t})};Ao.states=mm;Ao.options=um;Ao.className=ki;Ao.defaultOptions=bm;Ao.moduleName=la;Ao.folderName=ar;import{jsx as Tm}from"react/jsx-runtime";var Tl=e=>{let{...t}=e;return Tm("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as xm,jsx as ia,jsxs as hl}from"react/jsx-runtime";var xl="k-actionsheet-item",hm=[n.hover,n.focus,n.selected,n.disabled],eo=e=>{let{iconName:t,text:o,description:a,hover:l,focus:s,selected:p,disabled:u,...x}=e;return hl("span",{...x,className:r(e.className,xl,I(xl,{hover:l,focus:s,selected:p,disabled:u})),children:[!e.children&&ia(xm,{children:hl("span",{className:"k-actionsheet-action",children:[t&&ia("span",{className:"k-icon-wrap",children:ia(m,{className:"k-actionsheet-item-icon",icon:t})}),hl("span",{className:"k-actionsheet-item-text",children:[o&&ia("span",{className:"k-actionsheet-item-title",children:o}),a&&ia("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};eo.states=hm;eo.className=xl;import{jsx as EM,jsxs as IM}from"react/jsx-runtime";import{jsx as PM}from"react/jsx-runtime";import{jsx as DM}from"react/jsx-runtime";import{jsx as FM}from"react/jsx-runtime";import{jsx as Se,jsxs as Nl}from"react/jsx-runtime";var Nm=he.options,gm=he.states,Li={...he.defaultOptions,variant:"normal"},km=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],vm=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],sa=e=>{let{variant:t,modifiers:o,...a}={...Li,...e},l={},s=Nl(Tl,{children:[Se(eo,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),Se(eo,{text:"Add to Favorites",iconName:"heart"}),Se(eo,{text:"Upload New",iconName:"upload",disabled:!0}),Se("hr",{className:"k-hr"}),Se(eo,{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"?Se(he,{...a,adaptive:!0,fullscreen:l.fullScreen,header:Se(Be,{actionsStart:l.actionsStart?Se(c,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Se(c,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:u,subtitle:l.subtitle}),footer:l.footer?Nl(Yt,{alignment:"stretched",children:[Se(c,{text:"Cancel",size:"large",themeColor:"base"}),Se(c,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):Se(he,{...a,fullscreen:l.fullScreen,header:Se(Be,{actionsStart:l.actionsStart?Se(c,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Se(c,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?Nl(Yt,{alignment:"stretched",children:[Se(c,{text:"Apply",themeColor:"primary"}),Se(c,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};sa.options=Nm;sa.states=gm;sa.variants=km;sa.defaultOptions=Li;sa.modifiers=vm;import kl from"react";import{jsx as Ci}from"react/jsx-runtime";var Lm="k-list-group-sticky-header",gl=e=>Ci("div",{className:r(Lm,e.className),children:Ci("div",{className:"k-list-header-text",children:e.children})});import{jsx as Mm}from"react/jsx-runtime";var Cm="k-no-data",lr=e=>{let{live:t,...o}=e;return Mm("span",{...o,className:r(Cm,e.className),"aria-live":t?"polite":void 0,children:e.children})};var mo="list",Eo=mo;import{jsx as Mi,jsxs as yi}from"react/jsx-runtime";var vl="k-list",ym=[],Sm={size:[d.undefined,d.small,d.medium,d.large]},wm={},q=e=>{let{size:t,virtualization:o,children:a,header:l,optionLabel:s,customValue:p,noData:u,screenReaders:x,...g}=e,v=kl.Children.toArray(a)[0],b=v?.props?.children?kl.Children.count(v.props.children):kl.Children.count(a);return yi("div",{...g,className:r(e.className,vl,A(vl,{size:t}),{"k-virtual-list":o}),children:[s,p,l&&Mi(gl,{children:l}),a||(u!==void 0?u:Mi(lr,{live:!0,children:"No data found."})),x&&a&&yi(lr,{className:"k-sr-only",live:!0,children:[b," items found."]})]})};q.states=ym;q.options=Sm;q.className=vl;q.defaultOptions=wm;q.moduleName=mo;q.folderName=Eo;q.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 Rm}from"react/jsx-runtime";var Si="k-list-container",Am=[],Em={},Im={},Io=e=>{let{...t}=e;return Rm("div",{...t,className:r(e.className,Si),children:e.children})};Io.states=Am;Io.options=Em;Io.className=Si;Io.defaultOptions=Im;Io.moduleName=mo;Io.folderName=Eo;var uo="checkbox",Ro=uo;import{jsx as wi}from"react/jsx-runtime";var nr="k-checkbox",Om=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],Hm={size:[d.undefined,d.small,d.medium,d.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full]},Pm={},Xe=e=>{let{id:t,checked:o,indeterminate:a,hover:l,focus:s,disabled:p,invalid:u,valid:x,required:g,size:L,rounded:v,...b}=e;return wi("span",{className:"k-checkbox-wrap",children:wi("input",{...b,id:t,type:"checkbox",defaultChecked:o,required:g,disabled:p||void 0,"aria-invalid":u?"true":void 0,className:r(e.className,nr,A(nr,{size:L,rounded:v}),I(nr,{hover:l,focus:s,disabled:p,invalid:u,valid:x,indeterminate:a,checked:o}))})})};Xe.states=Om;Xe.options=Hm;Xe.className=nr;Xe.defaultOptions=Pm;Xe.moduleName=uo;Xe.folderName=Ro;Xe.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 wt=Xe;import{jsx as Bm}from"react/jsx-runtime";var Ai="k-checkbox-list",Gm=[],Km={},Ei={layout:"vertical"},We=e=>{let{layout:t=Ei.layout,...o}=e;return Bm("ul",{...o,className:r(e.className,Ai,{[`k-list-${t}`]:t}),children:e.children})};We.states=Gm;We.options=Km;We.className=Ai;We.defaultOptions=Ei;We.moduleName=uo;We.folderName=Ro;import{jsx as Um}from"react/jsx-runtime";var Ii="k-checkbox-list-item",Dm=[],_m={},zm={},De=e=>{let{...t}=e;return Um("li",{...t,className:r(e.className,Ii),children:e.children})};De.states=Dm;De.options=_m;De.className=Ii;De.defaultOptions=zm;De.moduleName=uo;De.folderName=Ro;import{Fragment as Fm,jsx as Ri,jsxs as Vm}from"react/jsx-runtime";var Gt=({children:e,id:t,...o})=>Vm(Fm,{children:[Ri(wt,{id:t,...o}),Ri("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as Zy,jsx as Qy,jsxs as jy}from"react/jsx-runtime";import{Fragment as rS,jsx as aS,jsxs as lS}from"react/jsx-runtime";import{Fragment as cS,jsx as dS,jsxs as pS}from"react/jsx-runtime";import{jsx as fS}from"react/jsx-runtime";import{jsx as NS}from"react/jsx-runtime";import{jsx as LS}from"react/jsx-runtime";import{jsx as mt,jsxs as Oi}from"react/jsx-runtime";var $m=We.options,Xm=We.states,Wm={...We.defaultOptions,variant:"vertical"},Jm=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],qm=[],da=e=>{let{variant:t,...o}=e;return t==="horizontal"?Oi(We,{layout:"horizontal",...o,children:[mt(De,{children:mt(Gt,{id:"first",defaultChecked:!0,children:"Label"})}),mt(De,{children:mt(Gt,{id:"second",children:"Label"})}),mt(De,{children:mt(Gt,{id:"third",children:"Label"})})]}):Oi(We,{...o,children:[mt(De,{children:mt(Gt,{id:"first",defaultChecked:!0,children:"Label"})}),mt(De,{children:mt(Gt,{id:"second",children:"Label"})}),mt(De,{children:mt(Gt,{id:"third",children:"Label"})})]})};da.options=$m;da.states=Xm;da.variants=Jm;da.defaultOptions=Wm;da.modifiers=qm;import{jsx as tu}from"react/jsx-runtime";var Ym=wt.options,Qm=wt.states,Zm=wt.defaultOptions,jm=[],eu=[],ca=e=>tu(Gt,{id:"checkbox-demo-checkbox",...e,defaultChecked:!0,children:"Label"});ca.options=Ym;ca.states=Qm;ca.variants=jm;ca.defaultOptions=Zm;ca.modifiers=eu;import{jsx as bo,jsxs as lu}from"react/jsx-runtime";var Ll="k-list-item",ou=[n.hover,n.focus,n.selected,n.disabled],au={},ru={},z=e=>{let{text:t,groupLabel:o,group:a,iconName:l,iconClassName:s,showCheckbox:p,checked:u,hover:x,focus:g,selected:L,disabled:v,actions:b,description:w,id:S,...E}=e,H=t||e.children;return lu("li",{...E,id:S,role:a?"presentation":"option",tabIndex:a?void 0:g?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":Ll,I(Ll,{hover:x,focus:g,disabled:v,selected:L})),children:[p&&bo(Xe,{checked:u}),l&&bo("span",{className:"k-list-item-icon-wrapper",children:bo(m,{icon:l,className:r("k-list-item-icon",s)})}),bo("span",{className:"k-list-item-text",children:H}),b&&bo("div",{className:"k-list-item-actions",children:b}),w&&bo("span",{className:"k-list-item-description",children:w}),o&&o!==""&&bo("div",{className:"k-list-item-group-label",children:o})]})};z.states=ou;z.options=au;z.className=Ll;z.defaultOptions=ru;z.moduleName=mo;z.folderName=Eo;z.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as iu}from"react/jsx-runtime";var nu="k-list-ul",Kt=e=>{let{children:t,role:o,id:a,...l}=e;return iu("ul",{...l,id:a,role:o,className:r(nu,e.className),children:t})};Kt.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 Cl,jsxs as du}from"react/jsx-runtime";var su="k-list-content",le=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":l,listboxId:s,...p}=e;return du("div",{...p,className:r(su,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:Cl(Kt,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":l,children:e.children}),t&&Cl("div",{className:"k-height-container",children:Cl("div",{})})]})};le.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 pw,jsx as cw,jsxs as mw}from"react/jsx-runtime";import{jsx as Ml,jsxs as pu}from"react/jsx-runtime";var cu="k-list-group-item",fo=e=>{let{groupIconName:t,...o}=e;return pu("li",{...o,role:"presentation",className:r(cu,e.className),children:[t&&Ml("span",{className:"k-list-item-icon-wrapper",children:Ml(m,{icon:t,className:"k-list-item-icon"})}),Ml("span",{className:"k-list-item-text",children:e.children})]})};fo.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 fu}from"react/jsx-runtime";var yl="k-list-optionlabel",mu=[n.hover,n.focus,n.selected,n.disabled],uu={},bu={},ir=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:s,...p}=e;return fu("div",{...p,className:r(yl,I(yl,{hover:o,focus:a,selected:l,disabled:s})),children:t})};ir.states=mu;ir.options=uu;ir.className=yl;ir.defaultOptions=bu;import{jsx as Nu}from"react/jsx-runtime";var Sl="k-list-custom-value",Tu=[n.hover,n.focus,n.selected,n.disabled],hu={},xu={},to=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:s,...p}=e;return Nu("div",{...p,className:r(Sl,I(Sl,{hover:o,focus:a,selected:l,disabled:s})),children:t})};to.states=Tu;to.options=hu;to.className=Sl;to.defaultOptions=xu;import{Fragment as ww,jsx as Sw,jsxs as Aw}from"react/jsx-runtime";import{Fragment as Pw,jsx as Hw,jsxs as Gw}from"react/jsx-runtime";import{Fragment as Fw,jsx as zw,jsxs as Uw}from"react/jsx-runtime";import{Fragment as Yw,jsx as Jw,jsxs as qw}from"react/jsx-runtime";import{jsx as eA}from"react/jsx-runtime";import{Fragment as nA,jsx as lA,jsxs as iA}from"react/jsx-runtime";var Hi="dropdown-list",Pi="dropdownlist";import{Fragment as vu,jsx as _e,jsxs as wl}from"react/jsx-runtime";var Gi="k-dropdownlist",gu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.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]},Al={showValue:!0,arrowIconName:"caret-alt-down"},se=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=Al.arrowIconName,showValue:s=Al.showValue,valueIconName:p,prefix:u,suffix:x,value:g,placeholder:L,hover:v,focus:b,valid:w,invalid:S,required:E,loading:H,disabled:O,readonly:U,popup:be,opened:ge,adaptive:Ge,adaptiveSettings:Ze,adaptiveTitle:je,adaptiveSubtitle:yo,adaptiveFilter:wr,...$a}=e;return wl(vu,{children:[wl(Ct,{...$a,size:t,rounded:o,fillMode:a,hover:v,focus:b,valid:w,invalid:S,required:E,loading:H,disabled:O,readonly:U,className:r(e.className,Gi,{"k-icon-picker":!s&&p}),children:[_e(st,{children:u}),_e(po,{placeholder:L,value:g,showValue:s,valueIconName:p}),_e(Ke,{valid:w,invalid:S,loading:H,disabled:O}),_e($e,{loading:H,disabled:O}),_e(dt,{children:x}),_e(c,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":L||"Toggle dropdown"})]}),ge&&be&&_e(pe,{className:"k-list-container k-dropdownlist-popup",children:be}),Ge&&_e(he,{adaptive:!0,...Ze,header:_e(Be,{actionsEnd:_e(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:wr,inputValue:g,inputPlaceholder:L,title:je,subtitle:yo}),children:_e("div",{className:"k-list-container",children:_e(q,{size:"large",children:wl(le,{children:[_e(z,{text:"List item"}),_e(z,{text:"List item"}),_e(z,{text:"List item"})]})})})})]})};se.states=gu;se.options=ku;se.className=Gi;se.defaultOptions=Al;se.moduleName=Hi;se.folderName=Pi;import{jsx as DA}from"react/jsx-runtime";import{jsx as VA,jsxs as $A}from"react/jsx-runtime";import{Fragment as jA,jsx as QA,jsxs as ZA}from"react/jsx-runtime";import{jsx as aE}from"react/jsx-runtime";import{jsx as sE,jsxs as dE}from"react/jsx-runtime";import{Fragment as hE,jsx as fE,jsxs as TE}from"react/jsx-runtime";import{Fragment as wu,jsx as oo,jsxs as Ki}from"react/jsx-runtime";var Lu=se.states,Cu=se.defaultOptions,Mu=se.options,yu=[{name:"opened",title:"Opened"}],Su=[],ma=e=>{let{modifiers:t,...o}=e,a={},l=Ki(wu,{children:[oo("div",{className:"k-list-filter",children:oo(pt,{})}),oo(q,{style:{width:300},size:o.size,children:Ki(le,{children:[oo(z,{children:"List item"}),oo(z,{children:"List item"}),oo(z,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?l:void 0)}),oo("div",{children:oo(se,{placeholder:"Value",style:{width:300},...o,...a})})};ma.options=Mu;ma.states=Lu;ma.variants=Su;ma.defaultOptions=Cu;ma.modifiers=yu;import{jsx as Bi,jsxs as Ou}from"react/jsx-runtime";var Di="k-spin-button",Iu=[],Ru={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},El={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},ao=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:l=El.increaseLabel,decreaseLabel:s=El.decreaseLabel,...p}=e;return Ou("span",{...p,className:r(Di,e.className),children:[Bi(c,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":l}),Bi(c,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};ao.states=Iu;ao.options=Ru;ao.className=Di;ao.defaultOptions=El;ao.moduleName=null;ao.folderName=null;var _i="numeric-textbox",zi="numerictextbox";import{Fragment as Ui,jsx as Bt,jsxs as Il}from"react/jsx-runtime";var Fi="k-numerictextbox",Hu=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],Pu={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]},sr={showSpinButton:!0,showClearButton:!0,separators:!0},F=e=>{let{size:t,rounded:o,fillMode:a,separators:l=sr.separators,showClearButton:s=sr.showClearButton,showSpinButton:p=sr.showSpinButton,prefix:u,suffix:x,value:g,placeholder:L,hover:v,focus:b,valid:w,invalid:S,required:E,loading:H,disabled:O,readonly:U,id:be,"aria-label":ge,"aria-describedby":Ge,...Ze}=e;return Il(ke,{...Ze,size:t,rounded:o,fillMode:a,hover:v,focus:b,valid:w,invalid:S,required:E,loading:H,disabled:O,readonly:U,className:r(e.className,Fi),children:[u&&Il(Ui,{children:[Bt(st,{children:u}),l&&Bt(ct,{})]}),Bt(tt,{id:be,placeholder:L,value:g,role:"spinbutton",disabled:O,"aria-label":ge,"aria-describedby":Ge,"aria-invalid":S?"true":void 0}),Bt(Ke,{valid:w,invalid:S,loading:H,disabled:O}),Bt($e,{loading:H,disabled:O}),s&&Bt(et,{loading:H,disabled:O,readonly:U,value:g}),x&&Il(Ui,{children:[l&&Bt(ct,{}),Bt(dt,{children:x})]}),p&&Bt(ao,{className:"k-input-spinner",size:t,fillMode:a,disabled:O})]})};F.states=Hu;F.options=Pu;F.className=Fi;F.defaultOptions=sr;F.moduleName=_i;F.folderName=zi;F.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 ua=F;import{jsx as Gu}from"react/jsx-runtime";var Vi=e=>Gu(ua,{...e});import{Fragment as oI,jsx as tI}from"react/jsx-runtime";import{Fragment as sI,jsx as iI}from"react/jsx-runtime";import{jsx as mI}from"react/jsx-runtime";import{jsx as Rl}from"react/jsx-runtime";var Ku=F.states,Bu=F.defaultOptions,Du=F.options,_u=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],zu=[],ba=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?Rl(se,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[l]?Rl(el,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[l];break;case"spin-button":a.showSpinButton=t?.[l];break;default:break}}),Rl(Vi,{value:"Value",style:{width:300},...o,...a})};ba.options=Du;ba.states=Ku;ba.variants=zu;ba.defaultOptions=Bu;ba.modifiers=_u;var Ol="pager",$i=Ol;import{Fragment as Xi,jsx as Je,jsxs as Oo}from"react/jsx-runtime";var dr="k-pager",Uu=[n.focus,n.disabled],Fu={size:[d.undefined,d.small,d.medium,d.large]},ot={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},Te=e=>{let{responsive:t=ot.responsive,size:o,pagerSizeInfo:a=ot.pagerSizeInfo,pageTitleInfo:l=ot.pageTitleInfo,maxPagesInfo:s=ot.maxPagesInfo,itemsPerPage:p=ot.itemsPerPage,maxPages:u=ot.maxPages,currentPage:x=ot.currentPage,previousNext:g=ot.previousNext,type:L=ot.type,pageSizes:v=ot.pageSizes,refresh:b=ot.refresh,info:w=ot.info,focus:S,disabled:E,dir:H,...O}=e,U=[],be=[];for(let ge=1;ge<=u;ge++)U.push(Je(c,{selected:ge===x,fillMode:"flat",themeColor:"primary",size:o,children:ge})),be.push(Je("option",{selected:ge===x,children:ge}));return Oo("div",{dir:H,...O,className:r(e.className,dr,A(dr,{size:o}),I(dr,{focus:S,disabled:E}),{"k-pager-responsive":t}),children:[Oo("div",{className:r("k-pager-numbers-wrap"),children:[g&&Oo(Xi,{children:[Je(c,{className:r("k-pager-nav","k-pager-first"),disabled:x===1&&!E,fillMode:"flat",size:o,icon:H==="rtl"?"caret-alt-to-right":"caret-alt-to-left"}),Je(c,{className:r("k-pager-nav"),disabled:x===1&&!E,fillMode:"flat",size:o,icon:H==="rtl"?"caret-alt-right":"caret-alt-left"})]}),L==="numeric"&&Je("div",{className:r("k-pager-numbers"),children:U}),L==="input"&&Oo("span",{className:r("k-pager-input"),children:[l&&Je("span",{children:"Page"}),Je(F,{value:`${x}`,size:o,showSpinButton:!1,showClearButton:!1}),Je("span",{children:s&&`of ${u}`})]}),g&&Oo(Xi,{children:[Je(c,{className:r("k-pager-nav"),disabled:x===u&&!E,fillMode:"flat",size:o,icon:H==="rtl"?"caret-alt-left":"caret-alt-right"}),Je(c,{className:r("k-pager-nav","k-pager-last"),disabled:x===u&&!E,fillMode:"flat",size:o,icon:H==="rtl"?"caret-alt-to-left":"caret-alt-to-right"})]})]}),v&&Oo("span",{className:r("k-pager-sizes"),children:[Je(se,{value:`${p}`,size:o}),a&&Je("span",{children:"items per page"})]}),b&&Je(c,{className:r("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw"}),w&&Je("span",{className:r("k-pager-info"),children:w})]})};Te.states=Uu;Te.options=Fu;Te.className=dr;Te.defaultOptions=ot;Te.moduleName=Ol;Te.folderName=$i;import{jsx as BI}from"react/jsx-runtime";import{jsx as UI}from"react/jsx-runtime";import{jsx as XI}from"react/jsx-runtime";import{jsx as Wi}from"react/jsx-runtime";var Vu=Te.options,$u=Te.states,Xu={...Te.defaultOptions,variant:"numeric"},Wu=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],Ju=[],fa=e=>{let{variant:t,...o}=e;return t==="input"?Wi(Te,{...o,type:"input"}):Wi(Te,{...o,type:"numeric"})};fa.options=Vu;fa.states=$u;fa.variants=Wu;fa.defaultOptions=Xu;fa.modifiers=Ju;import{jsx as qu}from"react/jsx-runtime";var Ji="k-grid-pager",At=e=>qu(Te,{...e,className:r(e.className,Ji),children:e.children});At.className=Ji;At.moduleName=Q;At.folderName=j;var Hl="button",qi=Hl;import{jsx as ju}from"react/jsx-runtime";var Ta="k-button-group",Yu=[n.disabled],Qu={fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},Zu={},B=e=>{let{fillMode:t,disabled:o,stretched:a,...l}=e;return ju("div",{role:"group",...l,className:r(e.className,Ta,A(Ta,{fillMode:t}),I(Ta,{disabled:o}),{[`${Ta}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};B.states=Yu;B.options=Qu;B.className=Ta;B.defaultOptions=Zu;B.moduleName=Hl;B.folderName=qi;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 NR,jsx as xR,jsxs as gR}from"react/jsx-runtime";import{Fragment as yR,jsx as MR,jsxs as SR}from"react/jsx-runtime";import{Fragment as OR,jsx as RR,jsxs as HR}from"react/jsx-runtime";import{Fragment as _R,jsx as DR,jsxs as zR}from"react/jsx-runtime";import{Fragment as WR,jsx as XR,jsxs as JR}from"react/jsx-runtime";import{Fragment as eO,jsx as jR,jsxs as tO}from"react/jsx-runtime";import{jsx as Dt,jsxs as Pl}from"react/jsx-runtime";var eb={...c.options,...B.options},tb=c.states,ob={...c.defaultOptions,...B.defaultOptions,variant:"text-button"},ab=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],rb=[],ha=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Pl(B,{fillMode:a.fillMode,className:o,children:[Dt(c,{...a,icon:"star"}),Dt(c,{...a,icon:"star"}),Dt(c,{...a,icon:"star"})]}):t==="icon-text-button"?Pl(B,{fillMode:a.fillMode,className:o,children:[Dt(c,{...a,icon:"star",children:"First"}),Dt(c,{...a,icon:"star",children:"Middle"}),Dt(c,{...a,icon:"star",children:"Last"})]}):Pl(B,{fillMode:a.fillMode,className:o,children:[Dt(c,{...a,children:"First"}),Dt(c,{...a,children:"Middle"}),Dt(c,{...a,children:"Last"})]})};ha.options=eb;ha.states=tb;ha.variants=ab;ha.defaultOptions=ob;ha.modifiers=rb;import{jsx as Yi,jsxs as ib}from"react/jsx-runtime";var Qi="k-color-preview",lb=[],nb={},ro=e=>{let{color:t,iconName:o,...a}=e;return ib("span",{...a,className:r(e.className,Qi,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Yi(m,{icon:o,className:"k-color-preview-icon"}),Yi("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};ro.states=lb;ro.options=nb;ro.className=Qi;var Gl="slider",Zi=Gl;import{jsx as Ho,jsxs as Kl}from"react/jsx-runtime";var xa="k-slider",sb=[n.hover,n.focus,n.active,n.disabled,n.readonly],db={},bt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},me=e=>{let{type:t=bt.type,orientation:o=bt.orientation,gradientType:a=bt.gradientType,readonly:l=bt.readonly,disabled:s=bt.disabled,handlePosition:p=bt.handlePosition,showButtons:u=bt.showButtons,showTicks:x=bt.showTicks,value:g=bt.value,min:L=bt.min,max:v=bt.max,startValue:b,endValue:w,hover:S,focus:E,active:H,trackStyle:O,dir:U,...be}=e,Ge=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),Ze,je;return o==="horizontal"?(Ze=U==="rtl"?"caret-alt-left":"caret-alt-right",je=U==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(Ze="caret-alt-up",je="caret-alt-down"),Kl("div",{...be,className:r(xa,e.className,I(xa,{readonly:l,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:U,children:[u&&Ho(c,{className:"k-button-decrease",rounded:"full",icon:je,tabIndex:-1,title:"Decrease"}),Kl("div",{className:"k-slider-track-wrap",children:[x&&Ho("ul",{className:"k-reset k-slider-items",children:e.children}),Kl("div",{className:"k-slider-track",style:O,children:[Ho("div",{className:"k-slider-selection"}),t==="range"&&Ho("span",{className:r("k-draghandle","k-draghandle-start",I(xa,{hover:S,focus:E,active:H})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":b??L,"aria-valuemin":L,"aria-valuemax":w??v,"aria-orientation":Ge,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":be["aria-label"]?`${be["aria-label"]} start`:"Range start"}),Ho("span",{className:r("k-draghandle",`k-draghandle-${p}`,I(xa,{hover:S,focus:E,active:H})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?w??v:g,"aria-valuemin":t==="range"?b??L:L,"aria-valuemax":v,"aria-orientation":Ge,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":t==="range"?be["aria-label"]?`${be["aria-label"]} end`:"Range end":be["aria-label"]})]})]}),u&&Ho(c,{className:"k-button-increase",rounded:"full",icon:Ze,tabIndex:-1,title:"Increase"})]})};me.states=sb;me.options=db;me.className=xa;me.defaultOptions=bt;me.moduleName=Gl;me.folderName=Zi;me.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 ji}from"react/jsx-runtime";var es="k-tick",cb=[],pb={},ts={label:!1},G=e=>{let{style:t,label:o=ts.label,orientation:a,large:l,text:s,...p}=e;return ji("li",{...p,className:r(e.className,es,{[`k-tick-${a}`]:a,"k-tick-large":l}),style:t,children:o&&ji("span",{className:"k-label",children:s})})};G.states=cb;G.options=pb;G.className=es;G.defaultOptions=ts;import{Fragment as mb,jsx as ft,jsxs as ub}from"react/jsx-runtime";var os=e=>ft(me,{"aria-label":e["aria-label"]||"Slider",children:ub(mb,{children:[ft(G,{className:"k-first",label:!0,large:!0,text:"0"}),ft(G,{}),ft(G,{}),ft(G,{}),ft(G,{}),ft(G,{label:!0,large:!0,text:"5"}),ft(G,{}),ft(G,{}),ft(G,{}),ft(G,{}),ft(G,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as bb,jsx as Tt,jsxs as fb}from"react/jsx-runtime";var as=e=>Tt(me,{children:fb(bb,{children:[Tt(G,{className:"k-first",label:!0,large:!0,text:"0"}),Tt(G,{}),Tt(G,{}),Tt(G,{}),Tt(G,{}),Tt(G,{label:!0,large:!0,text:"5"}),Tt(G,{}),Tt(G,{}),Tt(G,{}),Tt(G,{}),Tt(G,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as zO,jsx as _O,jsxs as UO}from"react/jsx-runtime";import{Fragment as WO,jsx as XO,jsxs as JO}from"react/jsx-runtime";import{jsx as Tb}from"react/jsx-runtime";var Bl=e=>Tb(me,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as hb}from"react/jsx-runtime";var Dl=e=>hb(me,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as l0,jsx as r0,jsxs as n0}from"react/jsx-runtime";import{Fragment as p0,jsx as c0,jsxs as m0}from"react/jsx-runtime";import{jsx as Et,jsxs as rs}from"react/jsx-runtime";var xb=me.options,Nb=me.states,ls={...me.defaultOptions,variant:"horizontal",label:!0},gb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],kb=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Na=e=>{let{variant:t,modifiers:o,...a}={...ls,...e},l={};Object.keys(o||{}).forEach(g=>{switch(g){case"button":{l.showButtons=!!o?.[g];break}case"label":{l.label=!!o?.[g];break}case"tick":{l.showTicks=!!o?.[g];break}}});let{label:s=!0,showButtons:p,showTicks:u}=l,x={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?rs(as,{showTicks:u,showButtons:p,style:{height:"300px",...x},...a,children:[Et(G,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),Et(G,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),Et(G,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),Et(G,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),Et(G,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):rs(os,{showTicks:u,showButtons:p,style:{width:"400px",...x},...a,children:[Et(G,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),Et(G,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),Et(G,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),Et(G,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),Et(G,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Na.options=xb;Na.states=Nb;Na.variants=gb;Na.defaultOptions=ls;Na.modifiers=kb;import{Fragment as ga,jsx as $,jsxs as xe}from"react/jsx-runtime";var ns="k-colorgradient-inputs",vb=[],Lb={size:[d.undefined,d.small,d.medium,d.large]},is={mode:"rgba"},Po=e=>{let{mode:t=is.mode,size:o,...a}=e;return xe("div",{...a,className:r(ns,"k-hstack"),children:[$("div",{className:"k-vstack",children:$(c,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&xe(ga,{children:[xe("div",{className:"k-vstack",children:[$(F,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),$("label",{className:"k-colorgradient-input-label",children:"R"})]}),xe("div",{className:"k-vstack",children:[$(F,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),$("label",{className:"k-colorgradient-input-label",children:"G"})]}),xe("div",{className:"k-vstack",children:[$(F,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),$("label",{className:"k-colorgradient-input-label",children:"B"})]}),xe("div",{className:"k-vstack",children:[$(F,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),$("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&xe(ga,{children:[xe("div",{className:"k-vstack",children:[$(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),$("label",{className:"k-colorgradient-input-label",children:"R"})]}),xe("div",{className:"k-vstack",children:[$(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),$("label",{className:"k-colorgradient-input-label",children:"G"})]}),xe("div",{className:"k-vstack",children:[$(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),$("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&xe(ga,{children:[xe("div",{className:"k-vstack",children:[$(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),$("label",{className:"k-colorgradient-input-label",children:"H"})]}),xe("div",{className:"k-vstack",children:[$(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),$("label",{className:"k-colorgradient-input-label",children:"S"})]}),xe("div",{className:"k-vstack",children:[$(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),$("label",{className:"k-colorgradient-input-label",children:"V"})]}),xe("div",{className:"k-vstack",children:[$(F,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),$("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&xe(ga,{children:[xe("div",{className:"k-vstack",children:[$(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),$("label",{className:"k-colorgradient-input-label",children:"H"})]}),xe("div",{className:"k-vstack",children:[$(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),$("label",{className:"k-colorgradient-input-label",children:"S"})]}),xe("div",{className:"k-vstack",children:[$(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),$("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&$(ga,{children:xe("div",{className:"k-vstack k-flex-1",children:[$(ie,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),$("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Po.states=vb;Po.options=Lb;Po.className=ns;Po.defaultOptions=is;import{jsx as To,jsxs as ho}from"react/jsx-runtime";var ss="k-colorgradient-color-contrast",Cb=[],Mb={},yb={},Go=()=>ho("div",{className:r(ss,"k-vbox"),children:[ho("div",{className:"k-contrast-ratio",children:[To("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),ho("span",{className:"k-contrast-validation !k-text-success",children:[To(m,{icon:"check"}),To(m,{icon:"check"})]})]}),ho("div",{children:[To("span",{children:"AA: 4.5"}),ho("span",{className:"k-contrast-validation !k-text-success",children:["Pass",To(m,{icon:"check"})]})]}),ho("div",{children:[To("span",{children:"AAA: 7.0"}),ho("span",{className:"k-contrast-validation !k-text-error",children:["Fail",To(m,{icon:"x"})]})]})]});Go.states=Cb;Go.options=Mb;Go.className=ss;Go.defaultOptions=yb;var ds="color-gradient",cs="colorgradient";import{jsx as ht,jsxs as ka}from"react/jsx-runtime";var cr="k-colorgradient",Sb=[n.hover,n.focus,n.readonly,n.disabled],wb={size:[d.undefined,d.small,d.medium,d.large]},It={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"},we=e=>{let{size:t,mode:o=It.mode,readonly:a=It.readonly,disabled:l=It.disabled,gradientStyle:s=It.gradientStyle,dragHandleStyle:p=It.dragHandleStyle,alphaStyle:u=It.alphaStyle,alphaStyleHorizontal:x=It.alphaStyleHorizontal,contrast:g=It.contrast,dir:L,hover:v,focus:b,hoverHandle:w,focusHandle:S,canvasOrientation:E=It.canvasOrientation,role:H,tabIndex:O,...U}=e;return ka("div",{...U,role:H??"textbox","aria-label":H==="none"?void 0:"Color gradient",tabIndex:O??0,"aria-disabled":l?"true":void 0,className:r(e.className,cr,A(cr,{size:t}),I(cr,{hover:v,focus:b,readonly:a,disabled:l})),dir:L,children:[!E||E==="horizontal"&&ka("div",{className:"k-colorgradient-canvas k-hstack",children:[ht("div",{className:"k-hsv-rectangle",style:s,children:ht("div",{className:"k-hsv-gradient",children:ht("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})})}),ka("div",{className:"k-hsv-controls k-hstack",children:[ht(Dl,{className:"k-hue-slider",hover:w,focus:S}),o!=="rgb"&&o!=="hsv"&&ht(Dl,{className:"k-alpha-slider",hover:w,focus:S,trackStyle:u})]})]}),E==="vertical"&&ka("div",{className:"k-colorgradient-canvas k-vstack",children:[ht("div",{className:"k-hsv-rectangle",style:s,children:ht("div",{className:"k-hsv-gradient",children:ht("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})})}),ka("div",{className:"k-hsv-controls k-vstack",children:[ht(Bl,{className:"k-hue-slider",hover:w,focus:S}),o!=="rgb"&&o!=="hsv"&&ht(Bl,{className:"k-alpha-slider",hover:w,focus:S,trackStyle:x})]})]}),ht(Po,{mode:e.mode,size:t}),g&&ht(Go,{})]})};we.states=Sb;we.options=wb;we.className=cr;we.defaultOptions=It;we.moduleName=ds;we.folderName=cs;we.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 Ab}from"react/jsx-runtime";var pr=e=>Ab(we,{...e});import{jsx as oH}from"react/jsx-runtime";import{jsx as nH}from"react/jsx-runtime";import{jsx as _l}from"react/jsx-runtime";var Eb=we.options,Ib=we.states,Rb={...we.defaultOptions,variant:"rgba"},Ob=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Hb=[],va=e=>{let{variant:t,...o}=e;switch(t){case"hex":return _l(pr,{...o,mode:t});case"rgb":return _l(pr,{...o,mode:t});default:return _l(pr,{...o,mode:t})}};va.options=Eb;va.states=Ib;va.variants=Ob;va.defaultOptions=Rb;va.modifiers=Hb;import{jsx as Pb}from"react/jsx-runtime";var zl=e=>Pb("tr",{role:"row",children:e.children});import{jsx as Bb}from"react/jsx-runtime";var Ul="k-colorpalette-tile",Gb=[n.hover,n.focus,n.selected],Kb={},Ko=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 Bb("td",{...p,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:r(e.className,Ul,I(Ul,{hover:a,focus:l,selected:s})),style:u})};Ko.states=Gb;Ko.options=Kb;Ko.className=Ul;var ps="color-palette",ms="colorpalette";import{jsx as La}from"react/jsx-runtime";var mr="k-colorpalette",Db=[n.disabled],_b={size:[d.undefined,d.small,d.medium,d.large]},us={columns:10},qe=e=>{let{size:t,palette:o,columns:a=us.columns,tileSize:l,disabled:s,...p}=e,u=[];if(o){let x=a||o.columns,g=o.colors?o.colors:o;Array.isArray(g)&&Array.from({length:Math.ceil(g.length/x)},(L,v)=>{let b=[];g.slice(v*x,(v+1)*x).map((S,E)=>{b.push(La(Ko,{color:S,tileSize:l},E))});let w=La(zl,{children:b},v);u.push(w)})}return La("div",{...p,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:r(e.className,mr,I(mr,{disabled:s}),A(mr,{size:t})),children:La("table",{className:"k-colorpalette-table",role:"none",children:La("tbody",{children:u.length>0?u:e.children})})})};qe.states=Db;qe.options=_b;qe.className=mr;qe.defaultOptions=us;qe.moduleName=ps;qe.folderName=ms;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 ur=qe;var Ca={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 zb}from"react/jsx-runtime";var bs=e=>zb(ur,{palette:Ca.basic,...e});import{jsx as zH}from"react/jsx-runtime";import{jsx as WH,jsxs as JH}from"react/jsx-runtime";import{jsx as Jb}from"react/jsx-runtime";var Ub=qe.options,Fb=qe.states,Vb={...qe.defaultOptions,variant:"basic"},$b=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Xb={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}},Wb=[],Ma=e=>{let{variant:t="basic",...o}=e,a=Xb[t];return Jb(bs,{columns:a.columns,palette:a,...o})};Ma.options=Ub;Ma.states=Fb;Ma.variants=$b;Ma.defaultOptions=Vb;Ma.modifiers=Wb;var fs="color-editor",Ts="coloreditor";import{jsx as xt,jsxs as Bo}from"react/jsx-runtime";var br="k-coloreditor",qb=[n.focus],Yb={size:[d.undefined,d.small,d.medium,d.large]},ya={view:"gradient",palette:Ca.office,actionButtons:!0,canvasOrientation:"horizontal"},Ne=e=>{let{size:t,view:o=ya.view,palette:a=ya.palette,color:l,currentColor:s,focus:p,focusView:u,dir:x,group:g,actionButtons:L=ya.actionButtons,canvasOrientation:v=ya.canvasOrientation,...b}=e;return Bo("div",{...b,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",br,A(br,{size:t}),I(br,{focus:p})),dir:x,children:[Bo("div",{className:"k-coloreditor-header k-hstack",children:[xt("div",{className:"k-coloreditor-header-actions k-hstack",children:g&&Bo(B,{fillMode:"flat",children:[xt(c,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),xt(c,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),xt("div",{className:"k-spacer"}),Bo("div",{className:"k-coloreditor-header-actions k-hstack",children:[xt(c,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Bo("div",{className:"k-coloreditor-preview k-vstack",children:[xt(ro,{className:"k-coloreditor-preview-color",color:l}),xt(ro,{className:"k-coloreditor-current-color",color:s})]})]})]}),xt("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?xt(we,{focus:u,size:t,canvasOrientation:v,role:"none",tabIndex:-1}):xt(qe,{palette:a,size:t})}),L&&Bo(St,{className:"k-coloreditor-footer",alignment:"start",children:[xt(c,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),xt(c,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Ne.states=qb;Ne.options=Yb;Ne.className=br;Ne.defaultOptions=ya;Ne.moduleName=fs;Ne.folderName=Ts;Ne.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 Do=Ne;import{jsx as LP}from"react/jsx-runtime";import{jsx as SP}from"react/jsx-runtime";import{jsx as Qb}from"react/jsx-runtime";var hs=e=>Qb(Do,{group:!0,currentColor:"fuchsia",...e});import{jsx as Zb}from"react/jsx-runtime";var xs=e=>Zb(Do,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Ns}from"react/jsx-runtime";var jb=Ne.options,ef=Ne.states,tf={...Ne.defaultOptions,variant:"gradient"},of=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],af=[],Sa=e=>{let{variant:t,...o}=e;return t==="palette"?Ns(xs,{...o,color:"white"}):Ns(hs,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Sa.options=jb;Sa.states=ef;Sa.variants=of;Sa.defaultOptions=tf;Sa.modifiers=af;var gs="color-picker",ks="colorpicker";import{Fragment as nf,jsx as Nt,jsxs as Fl}from"react/jsx-runtime";var vs="k-colorpicker",rf=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],lf={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]},Ls={arrowIconName:"caret-alt-down"},at=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=Ls.arrowIconName,prefix:s,suffix:p,value:u,placeholder:x,hover:g,focus:L,valid:v,invalid:b,required:w,disabled:S,valueIconName:E,popup:H,opened:O,adaptive:U,adaptiveSettings:be,adaptiveTitle:ge,adaptiveSubtitle:Ge,...Ze}=e,je="colorpicker-popup";return Fl(nf,{children:[Fl(Ct,{...Ze,size:t,rounded:o,fillMode:a,hover:g,focus:L,valid:v,invalid:b,required:w,disabled:S,role:"combobox","aria-haspopup":"dialog","aria-expanded":O?"true":"false","aria-controls":O||U?je:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":S?"true":void 0,className:r(e.className,vs,"k-icon-picker"),children:[Nt(st,{children:s}),Nt(po,{placeholder:x,value:u,showValue:!1,valueIcon:Nt(ro,{className:"k-value-icon",color:u,iconName:E}),valueIconName:E}),Nt(dt,{children:p}),Nt(c,{className:"k-input-button",icon:l,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:S})]}),O&&H&&Nt(pe,{id:je,className:"k-colorpicker-popup",children:H}),U&&Nt(he,{adaptive:!0,id:je,...be,header:Nt(Be,{actionsEnd:Nt(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:ge,subtitle:Ge}),footer:Fl(Yt,{children:[Nt(c,{text:"Cancel",size:"large"}),Nt(c,{text:"Set",size:"large",themeColor:"primary"})]}),children:Nt(Ne,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};at.states=rf;at.options=lf;at.className=vs;at.defaultOptions=Ls;at.moduleName=gs;at.folderName=ks;at.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 lo=at;import{jsx as sf}from"react/jsx-runtime";var fr=e=>sf(lo,{...e});import{jsx as cG}from"react/jsx-runtime";import{jsx as fG}from"react/jsx-runtime";import{jsx as NG}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 xo}from"react/jsx-runtime";var df=lo.options,cf=lo.states,Cs={...lo.defaultOptions,variant:"color"},pf=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],mf=[{name:"opened",title:"Opened"}],wa=e=>{let{variant:t,modifiers:o,...a}={...Cs,...e},l={};Object.keys(o||{}).forEach(p=>{p==="opened"&&(l.opened=!!o?.[p],l.popup=o?.[p]?xo(Ne,{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 xo("div",{style:s,children:xo(fr,{...a,...l})});case"icon":return xo("div",{style:s,children:xo(fr,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...l})});default:return xo("div",{style:s,children:xo(fr,{value:"rgba(183, 118 , 118, 1.00)",...a,...l})})}};wa.options=df;wa.states=cf;wa.variants=pf;wa.defaultOptions=Cs;wa.modifiers=mf;var Vl="combobox",Ms=Vl;import{Fragment as $l,jsx as ve,jsxs as Aa}from"react/jsx-runtime";var ys="k-combobox",uf=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],bf={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]},Ss={separators:!0},ze=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Ss.separators,prefix:s,suffix:p,value:u,placeholder:x,hover:g,focus:L,valid:v,invalid:b,required:w,loading:S,disabled:E,popup:H,opened:O,readonly:U,adaptive:be,adaptiveSettings:ge,adaptiveTitle:Ge,adaptiveSubtitle:Ze,adaptiveCustomValue:je,id:yo,autocomplete:wr,activeDescendant:$a,"aria-label":Nd,...gd}=e,kd=yo?`${yo}-listbox`:void 0;return Aa($l,{children:[Aa(ke,{...gd,size:t,rounded:o,fillMode:a,hover:g,focus:L,valid:v,invalid:b,required:w,loading:S,disabled:E,readonly:U,className:r(e.className,ys),children:[s&&Aa($l,{children:[ve(st,{children:s}),l&&ve(ct,{})]}),ve(tt,{placeholder:x,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":O?"true":"false","aria-controls":O?kd:void 0,"aria-activedescendant":O&&$a?$a:void 0,"aria-autocomplete":wr,"aria-invalid":b?"true":void 0,"aria-busy":S?"true":void 0,"aria-label":Nd,disabled:E,readOnly:U}),ve(Ke,{valid:v,invalid:b,loading:S,disabled:E}),ve($e,{loading:S,disabled:E}),ve(et,{loading:S,disabled:E,readonly:U,value:u}),p&&Aa($l,{children:[l&&ve(ct,{}),ve(dt,{children:p})]}),ve(c,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:E})]}),O&&H&&ve(pe,{className:"k-list-container k-combobox-popup",containerClassName:"k-combobox-popup-container",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:H}),be&&ve(he,{adaptive:!0,id:yo?`${yo}-adaptive`:void 0,...ge,header:ve(Be,{actionsEnd:ve(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:x,title:Ge,subtitle:Ze}),children:ve("div",{className:"k-list-container",children:ve(q,{customValue:je?ve(to,{text:`Use "${u}"`}):void 0,size:"large",children:Aa(le,{"aria-label":Ge||"Options",children:[ve(z,{text:"List item"}),ve(z,{text:"List item"}),ve(z,{text:"List item"})]})})})})]})};ze.states=uf;ze.options=bf;ze.className=ys;ze.defaultOptions=Ss;ze.moduleName=Vl;ze.folderName=Ms;ze.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 rt=ze;import{jsx as ff}from"react/jsx-runtime";var ws=e=>ff(rt,{...e});import{jsx as uK,jsxs as bK}from"react/jsx-runtime";import{jsx as gK,jsxs as kK}from"react/jsx-runtime";import{jsx as SK,jsxs as wK}from"react/jsx-runtime";import{Fragment as HK,jsx as OK}from"react/jsx-runtime";import{Fragment as _K,jsx as DK}from"react/jsx-runtime";import{jsx as XK,jsxs as WK}from"react/jsx-runtime";import{Fragment as t1,jsx as jK,jsxs as e1}from"react/jsx-runtime";import{jsx as l1}from"react/jsx-runtime";import{jsx as d1}from"react/jsx-runtime";import{jsx as f1,jsxs as T1}from"react/jsx-runtime";import{jsx as v1,jsxs as L1}from"react/jsx-runtime";import{jsx as no,jsxs as kf}from"react/jsx-runtime";var Tf=ze.states,hf=ze.defaultOptions,xf=ze.options,Nf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],gf=[],Ea=e=>{let{modifiers:t,...o}=e,a={},l=no(q,{style:{width:300},size:o.size,children:kf(le,{children:[no(z,{children:"List item"}),no(z,{children:"List item"}),no(z,{children:"List item"})]})});return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?no(m,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?no(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}}),no("div",{children:no(ws,{value:"Value",style:{width:300},...o,...a})})};Ea.options=xf;Ea.states=Tf;Ea.variants=gf;Ea.defaultOptions=hf;Ea.modifiers=Nf;var Xl="menu-button",As=Xl;import{jsx as Cf}from"react/jsx-runtime";var Es="k-menu-button",vf=[n.hover,n.focus,n.active,n.selected,n.disabled],Lf={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]},Wl={showArrow:!0,arrowIconName:"caret-alt-down"},de=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:p,active:u,selected:x,disabled:g,icon:L,text:v,showArrow:b=Wl.showArrow,arrowIconName:w=Wl.arrowIconName,expanded:S,...E}=e;return Cf(c,{...E,className:r(e.className,Es),text:v,size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:p,active:u,selected:x,disabled:g,icon:L,showArrow:b,arrowIconName:w,"aria-expanded":S?"true":"false",...!v&&L&&!e["aria-label"]&&{"aria-label":"Menu"},...g&&{"aria-disabled":"true"}})};de.states=vf;de.options=Lf;de.className=Es;de.defaultOptions=Wl;de.moduleName=Xl;de.folderName=As;de.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 oB}from"react/jsx-runtime";import{jsx as nB}from"react/jsx-runtime";import{jsx as cB}from"react/jsx-runtime";var lt="menu",gt=lt;import{jsx as Ia,jsxs as Is}from"react/jsx-runtime";var Jl="k-menu-item",Mf=[n.hover,n.focus,n.active,n.selected,n.disabled],yf={},Rs={iconPosition:"before"},He=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:s,icon:p,text:u,first:x,last:g,showArrow:L,arrowIconName:v,iconPosition:b=Rs.iconPosition,dir:w,children:S,expanded:E,...H}=e,O=v;return O||(O=w==="rtl"?"caret-alt-left":"caret-alt-right"),Is("li",{...H,className:r(e.className,Jl,"k-item",I(Jl,{focus:o,disabled:s,hover:t,active:a,selected:l}),{"k-first":x,"k-last":g}),role:"menuitem",...L&&{"aria-haspopup":"menu"},...L&&{"aria-expanded":E?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Is("span",{className:r("k-link k-menu-link"),children:[p&&b==="before"&&Ia(m,{className:"k-menu-link-icon",icon:p}),Ia("span",{className:"k-menu-link-text",children:u}),p&&b==="after"&&Ia(m,{className:"k-menu-link-icon",icon:p}),L&&Ia("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ia(m,{icon:O})})]}),S]})};He.states=Mf;He.options=yf;He.className=Jl;He.defaultOptions=Rs;He.moduleName=lt;He.folderName=gt;import{jsx as Ra,jsxs as Os}from"react/jsx-runtime";var ql="k-menu-item",Sf=[n.hover,n.focus,n.active,n.selected,n.disabled],wf={},Yl={dir:"ltr",iconPosition:"before"},fe=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:s,icon:p,text:u,first:x,last:g,showArrow:L,arrowIconName:v,iconPosition:b=Yl.iconPosition,dir:w=Yl.dir,children:S,popup:E,expanded:H,...O}=e,U=v;return U||(U=w==="rtl"?"caret-alt-left":"caret-alt-right"),Os("li",{...O,className:r(e.className,ql,"k-item",I(ql,{focus:o,disabled:s}),{"k-first":x,"k-last":g}),role:"menuitem",...L&&{"aria-haspopup":"menu"},...L&&{"aria-expanded":H?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Os("span",{className:r("k-link k-menu-link",I("k-menu-link",{hover:t,active:a,selected:l,disabled:s})),children:[p&&b==="before"&&Ra(m,{className:"k-menu-link-icon",icon:p}),Ra("span",{className:"k-menu-link-text",children:u}),p&&b==="after"&&Ra(m,{className:"k-menu-link-icon",icon:p}),L&&Ra("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ra(m,{icon:U})})]}),S,E]})};fe.states=Sf;fe.options=wf;fe.className=ql;fe.defaultOptions=Yl;fe.moduleName=lt;fe.folderName=gt;import{jsx as Rf}from"react/jsx-runtime";var Hs="k-menu-scroll-wrapper",Af=[],Ef={},If={},No=e=>{let{className:t,children:o,orientation:a,...l}=e;return Rf("div",{...l,className:r(t,Hs,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};No.states=Af;No.options=Ef;No.className=Hs;No.defaultOptions=If;No.moduleName=lt;No.folderName=gt;var Ps=No;import{Fragment as Ql,jsx as go,jsxs as hr}from"react/jsx-runtime";var Zl="k-menu",Of=[],Hf={},xr={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Ae=e=>{let{children:t,orientation:o=xr.orientation,header:a=xr.header,scrollable:l,scrollButtonsPosition:s=xr.scrollButtonsPosition,wrapperStyles:p,dir:u,popup:x,contextMenu:g,...L}=e,v={horizontal:{prev:u!=="rtl"?"left":"right",next:u!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},b=go("ul",{dir:u,...L,className:r(e.className,"k-reset",Zl,{[`${Zl}-${o}`]:o,"k-header":a}),role:g?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return hr(Ql,{children:[l?hr(Ps,{orientation:o,style:p,dir:e.dir,children:[s==="start"&&hr(Ql,{children:[go(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"}),go(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"&&go(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"&&hr(Ql,{children:[go(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"}),go(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"&&go(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]})};Ae.states=Of;Ae.options=Hf;Ae.className=Zl;Ae.defaultOptions=xr;Ae.moduleName=lt;Ae.folderName=gt;Ae.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 Pf}from"react/jsx-runtime";var jl="k-separator",Gs={orientation:"horizontal"},_o=e=>{let{orientation:t=Gs.orientation,...o}=e;return Pf("li",{...o,className:r(e.className,"k-item",jl,{[`${jl}-${t}`]:t}),role:"separator"})};_o.className=jl;_o.defaultOptions=Gs;_o.moduleName=lt;_o.folderName=gt;import{Fragment as DB,jsx as _B}from"react/jsx-runtime";import{jsx as Df}from"react/jsx-runtime";var en="k-menu-group",Gf=[],Kf={size:[d.undefined,d.small,d.medium,d.large]},Bf={},Pe=e=>{let{children:t,size:o,...a}=e;return Df("ul",{...a,className:r(e.className,en,A(en,{size:o})),role:"menu",children:t})};Pe.states=Gf;Pe.options=Kf;Pe.className=en;Pe.defaultOptions=Bf;Pe.moduleName=lt;Pe.folderName=gt;import{Fragment as _f,jsx as zo,jsxs as zf}from"react/jsx-runtime";var tn=e=>zo(Ae,{children:zf(_f,{children:[zo(He,{first:!0,text:"Item 1"}),zo(He,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),zo(He,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),zo(He,{text:"Item 4"}),zo(He,{last:!0,text:"Item 5"})]}),...e});import{Fragment as eD,jsx as ZB,jsxs as jB}from"react/jsx-runtime";import{Fragment as lD,jsx as rD,jsxs as nD}from"react/jsx-runtime";import{Fragment as pD,jsx as cD,jsxs as mD}from"react/jsx-runtime";import{Fragment as hD,jsx as TD,jsxs as xD}from"react/jsx-runtime";import{jsx as ko,jsxs as Xf}from"react/jsx-runtime";var Uf=Ae.options,Ff=Ae.states,Ks={...Ae.defaultOptions,variant:"horizontal"},Vf=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],$f=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Oa=e=>{let{variant:t,modifiers:o,...a}={...Ks,...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=ko(pe,{className:"k-menu-popup",children:Xf(Pe,{children:[ko(fe,{text:"Item 1"}),ko(fe,{text:"Item 2"}),ko(_o,{}),ko(fe,{text:"Item 3"})]})});break}}),t==="vertical"?ko(tn,{...a,...l,orientation:"vertical",style:{width:"200px"}}):ko(tn,{...a,...l})};Oa.options=Uf;Oa.states=Ff;Oa.variants=Vf;Oa.defaultOptions=Ks;Oa.modifiers=$f;import{Fragment as YD,jsx as JD,jsxs as qD}from"react/jsx-runtime";import{jsx as e_}from"react/jsx-runtime";import{Fragment as Qf,jsx as Rt,jsxs as Bs}from"react/jsx-runtime";var Wf=c.states,Ds={...c.defaultOptions,variant:"text"},Jf=c.options,qf=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Yf=[{name:"opened",title:"Opened"}],Ha=e=>{let{variant:t,modifiers:o,...a}={...Ds,...e},l={},s=Rt(pe,{className:"k-menu-popup",children:Bs(Pe,{size:a.size,children:[Rt(fe,{first:!0,text:"Menu Item"}),Rt(fe,{text:"Menu Item"}),Rt(fe,{last:!0,text:"Menu Item"})]})}),p;switch(t){case"icon-only":p=Rt("div",{children:Rt(de,{...a,...l,icon:"star"})});break;case"icon-and-text":p=Rt("div",{children:Rt(de,{...a,...l,icon:"star",children:"Dropdown Button"})});break;default:p=Rt("div",{children:Rt(de,{...a,...l,children:"Dropdown Button"})});break}return Bs(Qf,{children:[p,o?.opened&&s]})};Ha.options=Jf;Ha.states=Wf;Ha.variants=qf;Ha.defaultOptions=Ds;Ha.modifiers=Yf;var on="split-button",_s=on;import{Fragment as eT,jsx as an,jsxs as zs}from"react/jsx-runtime";var rn="k-split-button",Zf=[n.hover,n.focus,n.active,n.selected,n.disabled],jf={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]},Us={arrowIconName:"caret-alt-down"},Y=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:p,active:u,selected:x,disabled:g,icon:L,text:v,arrowIconName:b=Us.arrowIconName,popup:w,opened:S,popupId:E,...H}=e;return zs(eT,{children:[zs("div",{...H,className:r(e.className,rn,"k-button-group",A(rn,{rounded:o})),children:[an(c,{text:v,icon:L,size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:p,active:u,selected:x,disabled:g,...!v&&!e.children&&L&&{"aria-label":"Action"},children:e.children}),an(c,{className:"k-split-button-arrow",icon:b,size:t,rounded:o,fillMode:a,disabled:g,"aria-label":"Toggle dropdown","aria-expanded":S?"true":"false","aria-controls":S?E:void 0,tabIndex:-1,...g&&{"aria-disabled":"true"}})]}),S&&w&&an(pe,{className:"k-menu-popup",children:w})]})};Y.states=Zf;Y.options=jf;Y.className=rn;Y.defaultOptions=Us;Y.moduleName=on;Y.folderName=_s;Y.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 ln=Y;import{jsx as oT}from"react/jsx-runtime";var tT="k-toolbar-separator",Lt=e=>oT("div",{className:r(tT,e.className,"k-separator")});var _t="toolbar",io=_t;import{Fragment as nn,jsx as Z,jsxs as Uo}from"react/jsx-runtime";var zt="k-toolbar",aT=[n.focus],rT={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},lT={scrollButtons:"around"},ce=e=>{let{size:t,fillMode:o,focus:a,resizable:l,scrollable:s,scrollButtons:p,scrollingPosition:u,section:x,...g}=e,L=[],v=(b,w)=>{let S=[];if(b.type===c&&b.props.className&&b.props.className.includes("k-toolbar-overflow-button"))S.push(Z(c,{...b.props,className:`${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`));else if(b.type===c)S.push(Z(c,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`));else if(b.type===Zo)S.push(Z(Zo,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`));else if(b.type===qt)S.push(Z(qt,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`));else if(b.type===de)S.push(Z(de,{...b.props,className:`k-toolbar-menu-button ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`));else if(b.type===ln)S.push(Z(ln,{...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((O,U)=>{E.push(Z(c,{...O.props,className:`${O.props.className?O.props.className:""}`},`${U}-${new Date().getTime()}`))}),S.push(Z(B,{...b.props,className:`k-toolbar-button-group ${b.props.className?b.props.className:""}`,children:E},`${w}-${new Date().getTime()}`))}else b.type===ze?S.push(Z(ze,{...b.props,className:`k-toolbar-combobox ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`)):b.type===se?S.push(Z(se,{...b.props,className:`k-toolbar-dropdownlist ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`)):b.type===at?S.push(Z(at,{...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)}),Uo("div",{...g,className:r(e.className,zt,A(zt,{size:t,fillMode:o}),I(zt,{focus:a}),{[`${zt}-resizable`]:l,[`${zt}-scrollable`]:s,[`${zt}-scrollable-overlay`]:s&&p==="hidden",[`${zt}-scrollable-${u}`]:u&&u!=="both",[`${zt}-section`]:x}),role:"toolbar","aria-label":"Toolbar",children:[!s&&L,s&&p==="hidden"&&Z("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L}),s&&p==="start"&&Uo(nn,{children:[Uo(B,{children:[Z("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Z(m,{className:"k-button-icon",icon:"caret-alt-left"})}),Z("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Z(m,{className:"k-button-icon",icon:"caret-alt-right"})})]}),Z(Lt,{className:"k-toolbar-button-separator"}),Z("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L})]}),s&&p==="end"&&Uo(nn,{children:[Z("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L}),Z(Lt,{className:"k-toolbar-button-separator"}),Uo(B,{children:[Z("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Z(m,{className:"k-button-icon",icon:"caret-alt-left"})}),Z("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Z(m,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),s&&(p==="around"||!p)&&Uo(nn,{children:[Z("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Z(m,{className:"k-button-icon",icon:"caret-alt-left"})}),Z(Lt,{className:"k-toolbar-button-separator"}),Z("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L}),Z(Lt,{className:"k-toolbar-button-separator"}),Z("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Z(m,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};ce.states=aT;ce.options=rT;ce.className=zt;ce.defaultOptions=lT;ce.moduleName=_t;ce.folderName=io;ce.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 dT}from"react/jsx-runtime";var Fs="k-floating-toolbar",nT=[],iT={},sT={},Fo=e=>{let{...t}=e;return dT("div",{...t,className:r(e.className,Fs),children:e.children})};Fo.states=nT;Fo.options=iT;Fo.className=Fs;Fo.defaultOptions=sT;Fo.moduleName=_t;Fo.folderName=io;import{jsx as uT}from"react/jsx-runtime";var sn="k-toolbar-item",cT=[n.focus],pT={},mT={},Vo=e=>{let{focus:t,...o}=e;return uT("div",{...o,className:r(e.className,sn,I(sn,{focus:t})),children:e.children})};Vo.states=cT;Vo.options=pT;Vo.className=sn;Vo.defaultOptions=mT;Vo.moduleName=_t;Vo.folderName=io;import{jsx as Vs}from"react/jsx-runtime";var $s="k-toolbar-popup",bT=[],fT={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},TT={},vo=e=>{let{size:t,fillMode:o,section:a,...l}=e;return Vs(pe,{...l,className:r(e.className,$s),children:a?Vs("span",{className:r("k-toolbar-items-list",A("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};vo.states=bT;vo.options=fT;vo.className=$s;vo.defaultOptions=TT;vo.moduleName=_t;vo.folderName=io;var Nr=vo;import{jsx as a2}from"react/jsx-runtime";import{jsx as i2}from"react/jsx-runtime";import{jsx as p2}from"react/jsx-runtime";import{jsx as h2,jsxs as x2}from"react/jsx-runtime";import{jsx as v2}from"react/jsx-runtime";import{jsx as Ut,jsxs as kT}from"react/jsx-runtime";var hT=Y.states,Xs={...Y.defaultOptions,variant:"text"},xT=Y.options,NT=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],gT=[{name:"opened",title:"Opened"}],Pa=e=>{let{variant:t,modifiers:o,...a}={...Xs,...e},l={},s=kT(Pe,{size:a.size,children:[Ut(fe,{first:!0,text:"Menu Item"}),Ut(fe,{text:"Menu Item"}),Ut(fe,{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 Ut("div",{children:Ut(Y,{...a,...l,icon:"star"})});case"icon-and-text":return Ut("div",{children:Ut(Y,{...a,...l,icon:"star",children:"Split Button"})});default:return Ut("div",{children:Ut(Y,{...a,...l,children:"Split Button"})})}};Pa.options=xT;Pa.states=hT;Pa.variants=NT;Pa.defaultOptions=Xs;Pa.modifiers=gT;import{jsx as Lo,jsxs as vT}from"react/jsx-runtime";var Ws=e=>Lo(ce,{children:[Lo(c,{children:"Button"},"toolbar-button"),Lo(de,{text:"Menu button"},"toolbar-menu-button"),Lo(Y,{children:"Split button"},"toolbar-split-button"),vT(B,{children:[Lo(c,{className:"k-group-start",icon:"align-left",children:"Left"}),Lo(c,{icon:"align-center",children:"Center"}),Lo(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Q2,jsxs as Z2}from"react/jsx-runtime";import{jsx as nt,jsxs as Js}from"react/jsx-runtime";var qs=e=>nt(ce,{scrollable:!0,...e,children:[nt(c,{children:"Button"},"toolbar-button"),nt(de,{text:"Menu button"},"toolbar-menu-button"),nt(Y,{children:"Split button"},"toolbar-split-button"),Js(B,{children:[nt(c,{className:"k-group-start",icon:"align-left",children:"Left"}),nt(c,{icon:"align-center",children:"Center"}),nt(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),nt(c,{children:"Button"},"toolbar-button"),nt(de,{text:"Menu button"},"toolbar-menu-button"),nt(Y,{children:"Split button"},"toolbar-split-button"),Js(B,{children:[nt(c,{className:"k-group-start",icon:"align-left",children:"Left"}),nt(c,{icon:"align-center",children:"Center"}),nt(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as it,jsxs as Ys}from"react/jsx-runtime";var Qs=({scrollingPosition:e="start",...t})=>it(ce,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[it(c,{children:"Button"},"toolbar-button"),it(de,{text:"Menu button"},"toolbar-menu-button"),it(Y,{children:"Split button"},"toolbar-split-button"),Ys(B,{children:[it(c,{className:"k-group-start",icon:"align-left",children:"Left"}),it(c,{icon:"align-center",children:"Center"}),it(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),it(c,{children:"Button"},"toolbar-button"),it(de,{text:"Menu button"},"toolbar-menu-button"),it(Y,{children:"Split button"},"toolbar-split-button"),Ys(B,{children:[it(c,{className:"k-group-start",icon:"align-left",children:"Left"}),it(c,{icon:"align-center",children:"Center"}),it(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as LT,jsx as Ye,jsxs as gr}from"react/jsx-runtime";var Zs=({fillMode:e,size:t,...o})=>gr(LT,{children:[Ye(ce,{section:!0,fillMode:e,size:t,children:[Ye(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),gr(B,{fillMode:e,children:[Ye(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ye(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ye(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Ye(Lt,{className:"k-toolbar-button-separator"}),Ye(c,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),gr(Nr,{size:t,fillMode:e,section:!0,...o,children:[Ye(Y,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Ye(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Ye(Lt,{}),Ye(de,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),gr(B,{fillMode:e,children:[Ye(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ye(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ye(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as I5,jsx as A5,jsxs as E5}from"react/jsx-runtime";import{Fragment as U5,jsx as _5,jsxs as z5}from"react/jsx-runtime";import{jsx as so}from"react/jsx-runtime";var CT=ce.options,MT=ce.states,js={...ce.defaultOptions,variant:"default"},yT=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],ST=[],Ga=e=>{let{variant:t,...o}={...js,...e};switch(t){case"responsive":return so("div",{children:so(Zs,{style:{width:"583px"},...o})});case"overlay":return so("div",{children:so(Qs,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return so("div",{children:so(qs,{style:{width:"583px"},...o})});default:return so("div",{children:so(Ws,{style:{width:"583px"},...o})})}};Ga.options=CT;Ga.states=MT;Ga.variants=yT;Ga.defaultOptions=js;Ga.modifiers=ST;import{jsx as wT}from"react/jsx-runtime";var ed="k-grid-toolbar",Ft=e=>wT(ce,{...e,className:r(e.className,ed),children:e.children});Ft.className=ed;Ft.moduleName=Q;Ft.folderName=j;import{jsx as dn,jsxs as ET}from"react/jsx-runtime";var cn="k-grid-stack-cell",AT=[n.focus,n.selected],kr=e=>{let{cellHeader:t,cellContent:o,edit:a,commandCell:l,dirty:s,focus:p,selected:u,...x}=e;return ET("div",{...x,className:r(e.className,cn,{"k-grid-stack-edit-cell":a,"k-command-cell":l,"k-dirty-cell":s},I(cn,{focus:p,selected:u})),children:[s&&dn("span",{className:"k-dirty"}),t&&dn("div",{className:"k-grid-stack-header",children:t}),dn("div",{className:"k-grid-stack-content",children:o}),e.children]})};kr.states=AT;kr.className=cn;kr.moduleName=Q;kr.folderName=j;import{jsx as IT}from"react/jsx-runtime";var td="k-grid-stack-row",vr=e=>{let{cols:t,...o}=e;return IT("div",{...o,className:r(e.className,td,{[`k-grid-cols-${t}`]:t}),children:e.children})};vr.className=td;vr.moduleName=Q;vr.folderName=j;import{Fragment as I3,jsx as A3,jsxs as E3}from"react/jsx-runtime";import{Fragment as B3,jsx as G3,jsxs as K3}from"react/jsx-runtime";import{Fragment as $3,jsx as F3,jsxs as V3}from"react/jsx-runtime";import{Fragment as RT,jsx as y,jsxs as ue}from"react/jsx-runtime";var od=({contentClassName:e,...t})=>y(X,{_renderAriaRoot:!0,pager:y(At,{refresh:!1}),children:ue(RT,{children:[y(W,{children:y("div",{className:"k-grid-header-wrap",children:ue(J,{children:[ue("colgroup",{children:[y("col",{}),y("col",{style:{width:"225px"}}),y("col",{}),y("col",{}),y("col",{})]}),ue(V,{children:[ue(k,{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"})]}),ue(k,{className:"k-filter-row",children:[y(i,{children:y("div",{className:"k-filtercell",children:ue("div",{className:"k-filtercell-wrapper",children:[y(F,{}),ue("div",{className:"k-filtercell-operator",children:[y(se,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",y(c,{disabled:!0,icon:"filter-clear"})]})]})})}),y(i,{children:y("div",{className:"k-filtercell",children:ue("div",{className:"k-filtercell-wrapper",children:[y(ie,{}),ue("div",{className:"k-filtercell-operator",children:[y(se,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",y(c,{disabled:!0,icon:"filter-clear"})]})]})})}),y(i,{children:y("div",{className:"k-filtercell",children:ue("div",{className:"k-filtercell-wrapper",children:[y(ie,{}),ue("div",{className:"k-filtercell-operator",children:[y(se,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",y(c,{disabled:!0,icon:"filter-clear"})]})]})})}),y(i,{children:y("div",{className:"k-filtercell",children:ue("div",{className:"k-filtercell-wrapper",children:[y(F,{}),ue("div",{className:"k-filtercell-operator",children:[y(se,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",y(c,{disabled:!0,icon:"filter-clear"})]})]})})}),y(i,{children:y("div",{className:"k-filtercell",children:ue("div",{className:"k-filtercell-wrapper",children:[y(se,{}),y("div",{className:"k-filtercell-operator",children:y(c,{disabled:!0,icon:"filter-clear"})})]})})})]})]})]})})}),y(re,{children:y(ee,{className:e,children:ue(te,{children:[ue("colgroup",{children:[y("col",{}),y("col",{style:{width:"225px"}}),y("col",{}),y("col",{}),y("col",{})]}),ue(oe,{children:[ue(k,{className:"k-master-row",children:[y(i,{children:"1"}),y(i,{children:"Chai"}),y(i,{children:"10 boxes x 20 bags"}),y(i,{children:"18"}),y(i,{children:"false"})]}),ue(k,{className:"k-master-row",alt:!0,children:[y(i,{children:"2"}),y(i,{children:"Chang"}),y(i,{children:"24 - 12 oz bottles"}),y(i,{children:"19"}),y(i,{children:"false"})]}),ue(k,{className:"k-master-row",children:[y(i,{children:"3"}),y(i,{children:"Aniseed Syrup"}),y(i,{children:"12 - 550 ml bottles"}),y(i,{children:"10"}),y(i,{children:"false"})]}),ue(k,{className:"k-master-row",alt:!0,children:[y(i,{children:"4"}),y(i,{children:"Chef Anton's Cajun Seasoning"}),y(i,{children:"48 - 6 oz jars"}),y(i,{children:"22"}),y(i,{children:"false"})]}),ue(k,{className:"k-master-row",children:[y(i,{children:"5"}),y(i,{children:"Grandma's Boysenberry Spread"}),y(i,{children:"12 - 8 oz jars"}),y(i,{children:"25"}),y(i,{children:"false"})]})]})]})})})]}),...t});import{jsx as Lr}from"react/jsx-runtime";var OT="k-chip-action";var Le=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=Lr(m,{icon:"x-circle",size:"small"});break;case"more":a=Lr(m,{icon:"more-vertical",size:"small"});break;default:return Lr(m,{icon:t,size:"small"})}return Lr("span",{...o,className:r(e.className,OT,`k-chip-${t}-action`),children:a})};var pn="avatar",ad=pn;import{jsx as rd}from"react/jsx-runtime";var Ka="k-avatar";var HT=[n.hover,n.focus,n.active,n.selected,n.disabled],PT={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]},mn={type:"text",border:!1},Qe=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,type:s=mn.type,border:p=mn.border,...u}=e;return rd("div",{...u,className:r(e.className,Ka,A(Ka,{size:t,rounded:o,fillMode:a,themeColor:l}),{[`${Ka}-bordered`]:p}),children:rd("span",{className:`${Ka}-${s}`,children:e.children})})};Qe.states=HT;Qe.options=PT;Qe.className=Ka;Qe.defaultOptions=mn;Qe.moduleName=pn;Qe.folderName=ad;Qe.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var Co=Qe;import{jsx as GT}from"react/jsx-runtime";var ld=e=>GT(Co,{type:"icon",...e});import{jsx as KT}from"react/jsx-runtime";var nd=e=>KT(Co,{type:"text",...e});import{jsx as BT}from"react/jsx-runtime";var id=e=>BT(Co,{type:"image",...e});import{jsx as kz}from"react/jsx-runtime";import{jsx as Ba}from"react/jsx-runtime";var DT=Qe.options,_T=Qe.states,zT={...Qe.defaultOptions,variant:"image"},UT=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],FT=[],Da=e=>{let{variant:t,...o}=e;switch(t){case"icon":return Ba(ld,{...o,children:Ba(m,{icon:"star"})});case"text":return Ba(nd,{...o,children:"JO"});default:return Ba(id,{...o,children:Ba("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Da.options=DT;Da.states=_T;Da.variants=UT;Da.defaultOptions=zT;Da.modifiers=FT;var _a="chip",Cr=_a;import{jsx as $o,jsxs as XT}from"react/jsx-runtime";var Mr="k-chip",VT=[n.hover,n.focus,n.active,n.selected,n.disabled],$T={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]},sd={avatarImage:"/packages/html/assets/avatar.jpg"},Ce=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,text:s,icon:p,actions:u,showAvatar:x,avatarImage:g=sd.avatarImage,hover:L,focus:v,active:b,selected:w,disabled:S,...E}=e;return XT("div",{...E,className:r(e.className,Mr,A(Mr,{size:t,rounded:o,fillMode:a,themeColor:l}),I(Mr,{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&&$o(m,{className:"k-chip-icon",icon:p,size:"small"}),x&&$o(Qe,{className:"k-chip-avatar",type:"image",children:$o("img",{src:g,alt:""})}),$o("span",{className:"k-chip-content",children:e.children?e.children:s&&$o("span",{className:"k-chip-label",children:s})}),u&&$o("span",{className:"k-chip-actions",children:u})]})};Ce.states=VT;Ce.options=$T;Ce.className=Mr;Ce.defaultOptions=sd;Ce.moduleName=_a;Ce.folderName=Cr;Ce.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 kt=Ce;import{jsx as YT}from"react/jsx-runtime";var un="k-chip-list",WT=[],JT={size:[d.undefined,d.small,d.medium,d.large]},qT={},Me=e=>{let{size:t,multiselectable:o,ariaLabel:a,...l}=e;return YT("div",{...l,className:r(e.className,un,A(un,{size:t})),role:"listbox","aria-label":a||"chip list","aria-orientation":"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};Me.states=WT;Me.options=JT;Me.className=un;Me.defaultOptions=qT;Me.moduleName=_a;Me.folderName=Cr;Me.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 Qz}from"react/jsx-runtime";import{jsx as t6}from"react/jsx-runtime";import{jsx as QT}from"react/jsx-runtime";var yr=e=>QT(kt,{text:"text",...e});import{jsx as d6}from"react/jsx-runtime";import{jsx as u6}from"react/jsx-runtime";import{Fragment as N6,jsx as x6,jsxs as g6}from"react/jsx-runtime";import{jsx as M6,jsxs as y6}from"react/jsx-runtime";import{jsx as I6,jsxs as R6}from"react/jsx-runtime";import{jsx as B6,jsxs as D6}from"react/jsx-runtime";import{jsx as Xo,jsxs as ah}from"react/jsx-runtime";var ZT={...kt.options,...Me.options},jT=[],eh=Me.states,th={...kt.defaultOptions,...Me.defaultOptions},oh=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],za=e=>{let{modifiers:t,className:o,...a}=e,l=t?.icon,s=t?.actions,p=t?.avatar;return ah(Me,{size:a.size,className:o,children:[Xo(yr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?Xo(Le,{type:"remove"}):void 0,showAvatar:p,children:"Chip"}),Xo(yr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?Xo(Le,{type:"remove"}):void 0,showAvatar:p,children:"Chip"}),Xo(yr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?Xo(Le,{type:"remove"}):void 0,showAvatar:p,children:"Chip"})]})};za.options=ZT;za.states=eh;za.variants=jT;za.defaultOptions=th;za.modifiers=oh;import{jsx as bn}from"react/jsx-runtime";var rh=Ce.states,lh=Ce.defaultOptions,nh=Ce.options,ih=[],sh=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],Ua=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]?bn(Le,{type:"more"}):void 0;break;case"remove-icon":a.actions||(a.actions=[]),a.actions[1]=t?.[l]?bn(Le,{type:"remove"}):void 0;break;default:break}}),bn(Ce,{...o,...a,children:"Chip component"})};Ua.options=nh;Ua.states=rh;Ua.variants=ih;Ua.defaultOptions=lh;Ua.modifiers=sh;import{Fragment as fn,jsx as P,jsxs as Ue}from"react/jsx-runtime";var dd=({dropClue:e,contentClassName:t,...o})=>P(X,{_renderAriaRoot:!0,groupingHeader:P(Vt,{dropClue:e,children:Ue(Me,{children:[P(Ce,{icon:"sort-asc-small",text:"ID",actions:Ue(fn,{children:[P(Le,{type:"more"}),P(Le,{type:"remove"})]})}),P(Ce,{icon:"sort-desc-small",text:"Name",actions:Ue(fn,{children:[P(Le,{type:"more"}),P(Le,{type:"remove"})]})})]})}),children:Ue(fn,{children:[P(W,{draggable:!0,children:P("div",{className:"k-grid-header-wrap",children:Ue(J,{children:[Ue("colgroup",{children:[P("col",{className:"k-group-col"}),P("col",{className:"k-group-col"}),P("col",{}),P("col",{}),P("col",{}),P("col",{})]}),P(V,{children:Ue(k,{children:[P(M,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),P(M,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),P(M,{colspan:1,columnTitle:"ID"}),P(M,{colspan:1,columnTitle:"Name"}),P(M,{colspan:1,columnTitle:"Price"}),P(M,{colspan:1,columnTitle:"Category"})]})})]})})}),P(re,{children:P(ee,{className:t,children:Ue(te,{children:[Ue("colgroup",{children:[P("col",{className:"k-group-col"}),P("col",{className:"k-group-col"}),P("col",{}),P("col",{}),P("col",{}),P("col",{})]}),Ue(oe,{children:[P(k,{className:"k-table-group-row k-grouping-row",children:P(i,{colspan:6,children:Ue("p",{className:"k-reset",children:[P(m,{icon:"caret-alt-right"}),"ID: 1"]})})}),P(k,{className:"k-table-group-row k-grouping-row",children:P(i,{colspan:6,children:Ue("p",{className:"k-reset",children:[P(m,{icon:"caret-alt-down"}),"ID: 2"]})})}),Ue(k,{className:"k-table-group-row k-grouping-row",children:[P(i,{className:"k-table-group-td k-group-cell"}),P(i,{colspan:5,children:Ue("p",{className:"k-reset",children:[P(m,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),Ue(k,{className:"k-master-row",alt:!0,children:[P(i,{className:"k-table-group-td k-group-cell"}),P(i,{className:"k-table-group-td k-group-cell"}),P(i,{colspan:0,children:"2"}),P(i,{colspan:0,children:"Chang"}),P(i,{colspan:0,children:"$19.00"}),P(i,{colspan:0,children:"Beverages"})]})]})]})})})]}),...o});import{Fragment as S9,jsx as M9,jsxs as y9}from"react/jsx-runtime";import{Fragment as P9,jsx as O9,jsxs as H9}from"react/jsx-runtime";import{Fragment as U9,jsx as _9,jsxs as z9}from"react/jsx-runtime";import{Fragment as dh,jsx as D,jsxs as Fe}from"react/jsx-runtime";var cd=({headerWrapClassName:e,contentClassName:t,...o})=>D(X,{_renderAriaRoot:!0,children:Fe(dh,{children:[D(W,{children:D("div",{className:`k-grid-header-wrap ${e}`,children:Fe(J,{children:[Fe("colgroup",{children:[D("col",{}),D("col",{}),D("col",{}),D("col",{})]}),Fe(V,{children:[Fe(k,{children:[D(M,{rowspan:3,colspan:1,columnTitle:"ID"}),D(M,{rowspan:1,colspan:3,columnTitle:"Product Information"})]}),Fe(k,{children:[D(M,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first"}),D(M,{rowspan:1,colspan:2,columnTitle:"Unit"})]}),Fe(k,{children:[D(M,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first"}),D(M,{rowspan:1,colspan:1,columnTitle:"Units Price"})]})]})]})})}),D(re,{children:D(ee,{className:t,children:Fe(te,{children:[Fe("colgroup",{children:[D("col",{}),D("col",{}),D("col",{}),D("col",{})]}),Fe(oe,{children:[Fe(k,{className:"k-master-row",children:[D(i,{children:"1"}),D(i,{children:"Chai"}),D(i,{children:"39"}),D(i,{children:"18"})]}),Fe(k,{className:"k-master-row",alt:!0,children:[D(i,{children:"2"}),D(i,{children:"Chang"}),D(i,{children:"17"}),D(i,{children:"19"})]}),Fe(k,{className:"k-master-row",children:[D(i,{children:"3"}),D(i,{children:"Aniseed Syrup"}),D(i,{children:"13"}),D(i,{children:"10"})]}),Fe(k,{className:"k-master-row",alt:!0,children:[D(i,{children:"4"}),D(i,{children:"Chef Anton's Cajun Seasoning"}),D(i,{children:"53"}),D(i,{children:"22"})]}),Fe(k,{className:"k-master-row",children:[D(i,{children:"5"}),D(i,{children:"Chef Anton's Gumbo Mix"}),D(i,{children:"0"}),D(i,{children:"21.35"})]})]})]})})})]}),...o});import{Fragment as e7,jsx as Z9,jsxs as j9}from"react/jsx-runtime";import{Fragment as i7,jsx as l7,jsxs as n7}from"react/jsx-runtime";import{Fragment as ch,jsx as K,jsxs as vt}from"react/jsx-runtime";var pd=e=>K(X,{_renderAriaRoot:!0,toolbar:vt(Ft,{children:[K(c,{children:"Add new"}),K(c,{children:"Save Changes"}),K(c,{children:"Cancel Changes"})]}),children:vt(ch,{children:[K(W,{children:K("div",{className:"k-grid-header-wrap",children:vt(J,{children:[vt("colgroup",{children:[K("col",{}),K("col",{}),K("col",{}),K("col",{style:{width:"300px"}})]}),K(V,{children:vt(k,{children:[K(M,{columnTitle:"Name"}),K(M,{columnTitle:"Price"}),K(M,{columnTitle:"Available"}),K(M,{accessibleLabel:"Commands"})]})})]})})}),K(re,{children:K(ee,{children:K("div",{children:vt(te,{children:[vt("colgroup",{children:[K("col",{}),K("col",{}),K("col",{}),K("col",{style:{width:"300px"}})]}),vt(oe,{children:[vt(k,{className:"k-master-row k-grid-add-row k-grid-edit-row",children:[K(i,{children:K(ie,{value:"Towel"})}),K(i,{children:K(F,{value:"42"})}),K(i,{children:K(Xe,{})}),vt(i,{className:"k-command-cell",children:[K(c,{children:"Add"}),K(c,{children:"Cancel"})]})]}),vt(k,{className:"k-master-row",children:[K(i,{children:"Chai"}),K(i,{children:"18"}),K(i,{children:"false"}),K(i,{className:"k-command-cell",children:K(c,{children:"Remove"})})]}),vt(k,{className:"k-master-row",alt:!0,children:[K(i,{children:"Chang"}),K(i,{children:"19"}),K(i,{children:"false"}),K(i,{className:"k-command-cell",children:K(c,{children:"Remove"})})]})]})]})})})})]}),...e});import{Fragment as R7,jsx as I7,jsxs as O7}from"react/jsx-runtime";import{Fragment as Sr,jsx as f,jsxs as ae}from"react/jsx-runtime";var ph=X.options,mh=X.states,md={...X.defaultOptions,variant:"normal"},uh=[{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"}],bh=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],Fa=e=>{let{variant:t,modifiers:o,...a}={...md,...e},l={toolbar:void 0,pager:void 0},s=ae(Ft,{children:[f(c,{icon:"plus",children:"Add New"}),f(c,{icon:"file-pdf",children:"Export to PDF"}),f("span",{className:"k-spacer"}),f(ie,{prefix:f(m,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),p=f(Te,{pageSizes:!1,refresh:!1});Object.keys(o||{}).forEach(g=>{switch(g){case"toolbar":l.toolbar=o?.[g]?s:void 0;break;case"pager":l.pager=o?.[g]?p:void 0;break;default:return}});let u={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},x=ae(Sr,{children:[f(W,{children:f("div",{className:"k-grid-header-wrap",children:ae(J,{children:[ae("colgroup",{children:[f("col",{}),f("col",{}),f("col",{}),f("col",{})]}),f(V,{children:ae(k,{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:ae(te,{children:[ae("colgroup",{children:[f("col",{}),f("col",{}),f("col",{}),f("col",{})]}),ae(oe,{children:[ae(k,{children:[f(i,{children:"1"}),f(i,{children:"Chai"}),f(i,{children:"39"}),f(i,{children:"18"})]}),ae(k,{className:"k-alt",alt:!0,children:[f(i,{children:"2"}),f(i,{children:"Chang"}),f(i,{children:"17"}),f(i,{children:"19"})]}),ae(k,{children:[f(i,{children:"3"}),f(i,{children:"Aniseed Syrup"}),f(i,{children:"13"}),f(i,{children:"10"})]}),ae(k,{className:"k-alt",alt:!0,children:[f(i,{children:"4"}),f(i,{children:"Chef Anton's Cajun Seasoning"}),f(i,{children:"53"}),f(i,{children:"22"})]}),ae(k,{children:[f(i,{children:"5"}),f(i,{children:"Chef Anton's Gumbo Mix"}),f(i,{children:"0"}),f(i,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return f(cd,{...a,...l});case"editing":return f(pd,{...a,...l});case"grouping":return f(dd,{...a,...l,groupingHeader:f(Vt,{children:ae(Me,{children:[f(Ce,{icon:"sort-asc-small",actions:ae(Sr,{children:[f(Le,{type:"more"}),f(Le,{type:"remove"})]}),children:"ID"}),f(Ce,{icon:"sort-desc-small",actions:ae(Sr,{children:[f(Le,{type:"more"}),f(Le,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return f(X,{...a,...l,children:ae(Sr,{children:[f(W,{children:ae("div",{className:"k-grid-header-wrap",children:[" ",ae(J,{children:[ae("colgroup",{children:[f("col",{className:"k-drag-col"}),f("col",{}),f("col",{}),f("col",{}),f("col",{})]}),f(V,{children:ae(k,{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:ae(te,{children:[ae("colgroup",{children:[f("col",{className:"k-drag-col"}),f("col",{}),f("col",{}),f("col",{}),f("col",{})]}),ae(oe,{children:[ae(k,{children:[f(i,{className:"k-drag-cell",children:f(m,{icon:"reorder"})}),f(i,{children:"1"}),f(i,{children:"Chai"}),f(i,{children:"39"}),f(i,{children:"18"})]}),ae(k,{className:"k-alt",alt:!0,children:[f(i,{className:"k-drag-cell",children:f(m,{icon:"reorder"})}),f(i,{children:"2"}),f(i,{children:"Chang"}),f(i,{children:"17"}),f(i,{children:"19"})]}),ae(k,{children:[f(i,{className:"k-drag-cell",children:f(m,{icon:"reorder"})}),f(i,{children:"3"}),f(i,{children:"Aniseed Syrup"}),f(i,{children:"13"}),f(i,{children:"10"})]}),ae(k,{className:"k-alt",alt:!0,children:[f(i,{className:"k-drag-cell",children:f(m,{icon:"reorder"})}),f(i,{children:"4"}),f(i,{children:"Chef Anton's Cajun Seasoning"}),f(i,{children:"53"}),f(i,{children:"22"})]}),ae(k,{children:[f(i,{className:"k-drag-cell",children:f(m,{icon:"reorder"})}),f(i,{children:"5"}),f(i,{children:"Chef Anton's Gumbo Mix"}),f(i,{children:"0"}),f(i,{children:"21.35"})]})]})]})})})]})});case"filter-row":return f(od,{...a,...l});default:return f(X,{...a,...l,children:x})}};Fa.options=ph;Fa.states=mh;Fa.variants=uh;Fa.defaultOptions=md;Fa.modifiers=bh;var Tn="treelist",ud=Tn;import{jsx as xh}from"react/jsx-runtime";var bd="k-treelist",fh=[],Th={},hh={},Ve=e=>xh(X,{...e,className:r(bd,e.className),children:e.children});Ve.states=fh;Ve.options=Th;Ve.className=bd;Ve.defaultOptions=hh;Ve.moduleName=Tn;Ve.folderName=ud;import{jsx as _,jsxs as Ee}from"react/jsx-runtime";var Mo=({gridHeader:e,gridContent:t,menu:o,...a})=>Ee(Ve,{id:"treelist",_renderAriaRoot:!0,...a,children:[e||_(W,{children:_("div",{className:"k-grid-header-wrap",children:Ee(J,{children:[Ee("colgroup",{children:[_("col",{}),_("col",{}),_("col",{})]}),_(V,{children:Ee(k,{children:[_(M,{menu:o,columnTitle:"Name"}),_(M,{menu:o,columnTitle:"Position"}),_(M,{menu:o,columnTitle:"Hire Date"})]})})]})})}),_(re,{children:t||_(ee,{children:Ee(te,{children:[Ee("colgroup",{children:[_("col",{}),_("col",{}),_("col",{})]}),Ee(oe,{children:[Ee(k,{children:[Ee(i,{children:[_(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),_(i,{children:"Sweeney"}),_(i,{children:"CEO"})]}),Ee(k,{alt:!0,children:[Ee(i,{children:[_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),_(i,{children:"Wooten"}),_(i,{children:"Chief Technical Officer"})]}),Ee(k,{children:[Ee(i,{children:[_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),_(i,{children:"Weber"}),_(i,{children:"VP, Engineering"})]}),Ee(k,{alt:!0,children:[Ee(i,{children:[_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),_(i,{children:"Hood"}),_(i,{children:"Team Lead"})]}),Ee(k,{children:[Ee(i,{children:[_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),_(i,{children:"Carr"}),_(i,{children:"Junior Software Developer"})]})]})]})})})]});import{jsx as Nh}from"react/jsx-runtime";var fd=e=>Nh(Mo,{menu:"column",...e});import{jsx as gh}from"react/jsx-runtime";var Td=e=>gh(Mo,{menu:"filter",...e});import{jsx as a4,jsxs as r4}from"react/jsx-runtime";import{jsx as C,jsxs as ne}from"react/jsx-runtime";var kh=Ve.options,vh=Ve.states,hd={...Ve.defaultOptions,variant:"normal"},Lh=[{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"}],Ch=[{name:"toolbar",title:"Toolbar"},{name:"pager",title:"Pager"}],Va=e=>{let{variant:t,modifiers:o,...a}={...hd,...e},l={},s=ne(Ft,{children:[C(c,{icon:"plus",children:"Add New"}),C(c,{icon:"file-pdf",children:"Export to PDF"}),C("span",{className:"k-spacer"}),C(ie,{prefix:C(m,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),p=C(Te,{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(xd,{...a,...l});case"column-menu":return C(fd,{...a,...l,gridHeader:C(W,{children:C("div",{className:"k-grid-header-wrap",children:ne(J,{children:[ne("colgroup",{children:[C("col",{}),C("col",{}),C("col",{})]}),C(V,{children:ne(k,{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(Td,{...a,...l,gridHeader:C(W,{children:C("div",{className:"k-grid-header-wrap",children:ne(J,{children:[ne("colgroup",{children:[C("col",{}),C("col",{}),C("col",{})]}),C(V,{children:ne(k,{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(Mo,{...a,...l,gridHeader:C(W,{children:C("div",{className:"k-grid-header-wrap",children:ne(J,{children:[ne("colgroup",{children:[C("col",{}),C("col",{}),C("col",{})]}),C(V,{children:ne(k,{children:[C(M,{columnTitle:"First Name"}),C(M,{columnTitle:"Last Name",sortable:!0}),C(M,{columnTitle:"Position"})]})})]})})}),gridContent:C(ee,{children:ne(te,{children:[ne("colgroup",{children:[C("col",{}),C("col",{className:"k-sorted"}),C("col",{})]}),ne(oe,{children:[ne(k,{className:"k-treelist-group",children:[ne(i,{children:[C(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),C(i,{children:"Sweeney"}),C(i,{children:"CEO"})]}),ne(k,{className:"k-treelist-group k-alt",alt:!0,children:[ne(i,{children:[C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),C(i,{children:"Wooten"}),C(i,{children:"Chief Technical Officer"})]}),ne(k,{className:"k-treelist-group",children:[ne(i,{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(i,{children:"Weber"}),C(i,{children:"VP, Engineering"})]}),ne(k,{className:"k-treelist-group k-alt",alt:!0,children:[ne(i,{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(i,{children:"Hood"}),C(i,{children:"Team Lead"})]}),ne(k,{children:[ne(i,{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(i,{children:"Carr"}),C(i,{children:"Junior Software Developer"})]})]})]})})});default:return C(Mo,{...a,...l,gridHeader:C(W,{children:C("div",{className:"k-grid-header-wrap",children:ne(J,{children:[ne("colgroup",{children:[C("col",{}),C("col",{}),C("col",{})]}),C(V,{children:ne(k,{children:[C(M,{columnTitle:"First Name"}),C(M,{columnTitle:"Last Name"}),C(M,{columnTitle:"Position"})]})})]})})})})}};Va.options=kh;Va.states=vh;Va.variants=Lh;Va.defaultOptions=hd;Va.modifiers=Ch;import{jsx as R,jsxs as Ie}from"react/jsx-runtime";var xd=({gridHeader:e,gridContent:t,menu:o,...a})=>Ie(Ve,{id:"treelist",_renderAriaRoot:!0,...a,children:[e||R(W,{children:R("div",{className:"k-grid-header-wrap",children:Ie(J,{children:[Ie("colgroup",{children:[R("col",{className:"k-drag-col"}),R("col",{}),R("col",{}),R("col",{})]}),R(V,{children:Ie(k,{children:[R(M,{}),R(M,{menu:o,columnTitle:"First Name"}),R(M,{menu:o,columnTitle:"Last Name"}),R(M,{menu:o,columnTitle:"Position"})]})})]})})}),R(re,{children:t||R(ee,{children:Ie(te,{children:[Ie("colgroup",{children:[R("col",{className:"k-drag-col"}),R("col",{}),R("col",{}),R("col",{})]}),Ie(oe,{children:[Ie(k,{children:[R(i,{className:"k-drag-cell",children:R(m,{icon:"reorder"})}),Ie(i,{children:[R(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),R(i,{children:"Sweeney"}),R(i,{children:"CEO"})]}),Ie(k,{alt:!0,children:[R(i,{className:"k-drag-cell",children:R(m,{icon:"reorder"})}),Ie(i,{children:[R(m,{className:"k-treelist-toggle",icon:"none"}),R(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),R(i,{children:"Wooten"}),R(i,{children:"Chief Technical Officer"})]}),Ie(k,{children:[R(i,{className:"k-drag-cell",children:R(m,{icon:"reorder"})}),Ie(i,{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-down"}),"Buffy"]}),R(i,{children:"Weber"}),R(i,{children:"VP, Engineering"})]}),Ie(k,{alt:!0,children:[R(i,{className:"k-drag-cell",children:R(m,{icon:"reorder"})}),Ie(i,{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"}),R(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),R(i,{children:"Hood"}),R(i,{children:"Team Lead"})]}),Ie(k,{children:[R(i,{className:"k-drag-cell",children:R(m,{icon:"reorder"})}),Ie(i,{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"}),R(m,{className:"k-treelist-toggle",icon:"none"}),R(m,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),R(i,{children:"Carr"}),R(i,{children:"Junior Software Developer"})]})]})]})})})]});export{xd as TreeListRowReordering};
+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:g,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":g,"k-indeterminate":L&&!p,"k-loading":v,"k-empty":b,"k-readonly":w,"k-highlighted":S},Object.keys(E).reduce((H,O)=>(O.startsWith("k-")?H[O]=E[O]:H[`k-${O}`]=E[O],H),{}))};function xn(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"},n={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 V="grid",W=V;import{jsx as yd,jsxs as Sd}from"react/jsx-runtime";var Xa="k-grid",Ld=[],Cd={size:[d.undefined,d.small,d.medium,d.large]},Md=[],Nn={pagerPosition:"bottom"},J=e=>{let{size:t,pagerPosition:o=Nn.pagerPosition,toolbar:a,pager:l,groupingHeader:s,gridSelectionAggregates:p,_renderAriaRoot:u,resizable:x,...g}=e;return Sd("div",{...g,className:r(e.className,Xa,{[`${Xa}-resizable`]:x},A(Xa,{size:t})),children:[a,o==="top"&&l,s,e.children&&u?yd("div",{className:"k-grid-aria-root",children:e.children}):e.children,p,o==="bottom"&&l]})};J.states=Ld;J.options=Cd;J.variants=Md;J.className=Xa;J.defaultOptions=Nn;J.moduleName=V;J.folderName=W;import{jsx as wd}from"react/jsx-runtime";var gn="k-grid-header",q=e=>{let{draggable:t,...o}=e;return wd("div",{...o,className:r(e.className,gn,{"k-grid-draggable-header":t}),children:e.children})};q.className=gn;q.moduleName=V;q.folderName=W;import{jsx as kn,jsxs as Ad}from"react/jsx-runtime";var vn="k-grouping-header",Vt=e=>{let{dropHint:t,dropClue:o,...a}=e;return Ad("div",{...a,className:r(e.className,vn),children:[o&&kn("div",{className:"k-grouping-dropclue"}),e.children,kn("div",{className:"k-grouping-drop-container",children:t})]})};Vt.className=vn;Vt.moduleName=V;Vt.folderName=W;import{jsx as Ed}from"react/jsx-runtime";var Ln="k-grid-pinned-container",wr=e=>{let{position:t,...o}=e;return Ed("div",{...o,className:r(e.className,Ln,{"k-pos-bottom":t==="bottom"}),children:e.children})};wr.className=Ln;wr.moduleName=V;wr.folderName=W;import{jsx as Id}from"react/jsx-runtime";var Cn="k-grid-sticky-container",Ar=e=>{let{position:t,...o}=e;return Id("div",{...o,className:r(e.className,Cn,{"k-pos-bottom":t==="bottom"}),children:e.children})};Ar.className=Cn;Ar.moduleName=V;Ar.folderName=W;var ye="table",Re=ye;import{jsx as Pd}from"react/jsx-runtime";var Mn="k-data-table",Rd=[],Od={size:[d.undefined,d.small,d.medium,d.large]},Hd={},Ot=e=>{let{size:t,...o}=e;return Pd("div",{...o,className:r(e.className,Mn,A("k-table",{size:t})),children:e.children})};Ot.states=Rd;Ot.options=Od;Ot.className=Mn;Ot.defaultOptions=Hd;Ot.moduleName=ye;Ot.folderName=Re;import{jsx as Bd}from"react/jsx-runtime";var Er="k-table-header-wrap",Gd=[n.hover,n.focus,n.disabled],Kd={},Dd={},$t=e=>{let{children:t,hover:o,focus:a,disabled:l,...s}=e;return Bd("div",{...s,className:r(e.className,Er,I(Er,{hover:o,focus:a,disabled:l})),children:t})};$t.states=Gd;$t.options=Kd;$t.className=Er;$t.defaultOptions=Dd;$t.moduleName=ye;$t.folderName=Re;import{jsx as Fd}from"react/jsx-runtime";var Ir="k-table",_d=[],zd={size:[d.undefined,d.small,d.medium,d.large]},Ud={},Oe=e=>{let{size:t,...o}=e;return Fd("table",{...o,className:r(e.className,Ir,A(Ir,{size:t})),children:e.children})};Oe.states=_d;Oe.options=zd;Oe.className=Ir;Oe.defaultOptions=Ud;Oe.moduleName=ye;Oe.folderName=Re;import{jsx as Rr}from"react/jsx-runtime";var Or="k-table-header",Vd=[n.hover,n.focus,n.disabled],$d={},Xd={},Ht=e=>{let{children:t,hover:o,focus:a,disabled:l,...s}=e;return Rr("div",{...s,className:r(e.className,Or,I(Or,{hover:o,focus:a,disabled:l})),children:Rr($t,{children:Rr(Oe,{children:t})})})};Ht.states=Vd;Ht.options=$d;Ht.className=Or;Ht.defaultOptions=Xd;Ht.moduleName=ye;Ht.folderName=Re;import{jsx as Yd}from"react/jsx-runtime";var yn="k-table-scroller",Wd=[],Jd={},qd={},So=e=>{let{children:t,...o}=e;return Yd("div",{...o,className:r(e.className,yn),children:t})};So.states=Wd;So.options=Jd;So.className=yn;So.defaultOptions=qd;So.moduleName=ye;So.folderName=Re;import{jsx as Ax}from"react/jsx-runtime";import{jsx as ec}from"react/jsx-runtime";var Sn="k-table-footer",Qd=[],Zd={},jd={},Xt=e=>{let{children:t,...o}=e;return ec("div",{...o,className:r(e.className,Sn),children:t})};Xt.states=Qd;Xt.options=Zd;Xt.className=Sn;Xt.defaultOptions=jd;Xt.moduleName=ye;Xt.folderName=Re;import{jsx as rc}from"react/jsx-runtime";var Hr="k-table-list",tc=[],oc={size:[d.undefined,d.small,d.medium,d.large]},ac={},Wt=e=>{let{size:t,virtualization:o,...a}=e;return rc("ul",{...a,className:r(e.className,"k-table",Hr,A(Hr,{size:t}),{"k-virtual-table":o}),children:e.children})};Wt.states=tc;Wt.options=oc;Wt.className=Hr;Wt.defaultOptions=ac;Wt.moduleName=ye;Wt.folderName=Re;import{jsx as nc}from"react/jsx-runtime";var lc="k-table-thead",$=e=>nc("thead",{className:r(e.className,lc),children:e.children});import{jsx as sc}from"react/jsx-runtime";var ic="k-table-tbody",oe=e=>sc("tbody",{className:r(e.className,ic),children:e.children});import{jsx as Wx}from"react/jsx-runtime";import{jsx as cc}from"react/jsx-runtime";var Pr="k-table-row",dc=[n.hover,n.focus,n.selected,n.disabled,n.highlighted],k=e=>{let{hover:t,focus:o,selected:a,highlighted:l,disabled:s,alt:p,...u}=e;return cc("tr",{...u,className:r(e.className,Pr,{"k-table-alt-row":p},I(Pr,{hover:t,focus:o,disabled:s,selected:a,highlighted:l})),children:e.children})};k.states=dc;k.className=Pr;import{jsx as mc}from"react/jsx-runtime";var Gr="k-table-row",pc=[n.hover,n.focus,n.selected,n.disabled],Wa=e=>{let{hover:t,focus:o,selected:a,disabled:l,alt:s,...p}=e;return mc("li",{...p,className:r(e.className,Gr,{"k-table-alt-row":s},I(Gr,{hover:t,focus:o,disabled:l,selected:a})),children:e.children})};Wa.states=pc;Wa.className=Gr;import{jsx as uc}from"react/jsx-runtime";var wn="k-table-th",Pt=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,wn),children:s})};Pt.className=wn;Pt.moduleName=ye;Pt.folderName=Re;import{jsx as iN}from"react/jsx-runtime";import{jsx as fc}from"react/jsx-runtime";var Kr="k-table-td",bc=[n.focus,n.selected,n.highlighted],i=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,Kr,I(Kr,{focus:t,selected:o,highlighted:a})),children:x})};i.states=bc;i.className=Kr;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 EN}from"react/jsx-runtime";import{jsx as KN,jsxs as DN}from"react/jsx-runtime";import{jsx as UN,jsxs as FN}from"react/jsx-runtime";import{jsx as WN,jsxs as JN}from"react/jsx-runtime";import{Fragment as eg,jsx as ZN,jsxs as jN}from"react/jsx-runtime";import{jsx as Nc}from"react/jsx-runtime";var En="k-grid-header-table",Y=e=>Nc(Oe,{...e,className:r(e.className,En),children:e.children});Y.className=En;Y.moduleName=V;Y.folderName=W;import{Fragment as Lc,jsx as In}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={},Wo=e=>{let{size:t,themeColor:o,icon:a,rotate:l,flip:s,...p}=e;return a?In("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"}):In(Lc,{})};Wo.states=gc;Wo.options=kc;Wo.className=Dr;Wo.defaultOptions=vc;var Rn=Wo;import{Fragment as yc,jsx as Ja}from"react/jsx-runtime";var Br="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]},On={viewBox:"0 0 24 24"},Jo=e=>{let{size:t,themeColor:o,rotate:a,flip:l,viewBox:s=On.viewBox,icon:p,...u}=e;if(!p)return Ja(yc,{});if(p==="none")return Ja("span",{...u,className:r(e.className,Br,A("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let x=typeof p=="object"&&p.name&&p.name;return Ja("span",{...u,className:r(e.className,Br,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:Ja("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})})};Jo.states=Cc;Jo.options=Mc;Jo.className=Br;Jo.defaultOptions=On;var _r=Jo;import*as zr from"@progress/kendo-svg-icons";var Hn="icon",Pn="icons";import{useContext as wc}from"react";import{createContext as Sc}from"react";var Gn=Sc({iconsType:"svg"});import{Fragment as Kn,jsx as qo}from"react/jsx-runtime";var qa="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]},Ur={viewBox:"0 0 24 24",type:"svg"},m=e=>{let{iconsType:t}=wc(Gn),{size:o,themeColor:a,icon:l,type:s=t||Ur.type,rotate:p,flip:u,viewBox:x=Ur.viewBox,...g}=e;if(!l)return qo(Kn,{});if((t||s)==="svg"){if(l==="none")return qo(_r,{...g,className:r(e.className,qa),icon:l,size:o});let v=zr[l]?l:Ac(`${l}-icon`);return zr[v]?qo(_r,{...g,className:r(e.className,qa),icon:zr[v],size:o,themeColor:a,rotate:p,flip:u,viewBox:x}):qo(Kn,{})}return qo(Rn,{...g,className:r(e.className,qa),icon:l,size:o,themeColor:a,rotate:p,flip:u})};m.states=Ec;m.options=Ic;m.defaultOptions=Ur;m.className=qa;m.moduleName=Hn;m.folderName=Pn;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 Jt,jsxs as Fr}from"react/jsx-runtime";var Vr="k-header",Rc=[n.hover,n.focus,n.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:g,sortIcon:L=Dn.sortIcon,sortOrder:v,accessibleLabel:b,...w}=e;return Fr(Pt,{...w,className:r(e.className,Vr,{"k-filterable":t||a,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":s},I(Vr,{hover:u,focus:x,active:g})),children:[p&&Fr("span",{className:"k-cell-inner",children:[Fr("span",{className:"k-link",children:[Jt("span",{className:"k-column-title",children:p}),o&&Jt("span",{className:"k-sort-icon",children:Jt(m,{icon:L})}),v&&Jt("span",{className:"k-sort-order",children:v})]}),t&&Jt("a",{href:"#",className:r("k-grid-header-menu",{"k-active":g,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:Jt(m,{icon:t==="filter"?"filter":"more-vertical"})})]}),!p&&b&&Jt("span",{className:"k-sr-only",children:b}),e.children,s&&Jt("span",{className:"k-column-resizer k-touch-action-none"})]})};M.states=Rc;M.className=Vr;M.defaultOptions=Dn;M.moduleName=V;M.folderName=W;import{jsx as Oc}from"react/jsx-runtime";var Bn="k-grid-container",re=e=>Oc("div",{...e,className:r(e.className,Bn),children:e.children});re.className=Bn;re.moduleName=V;re.folderName=W;import{jsx as Hc}from"react/jsx-runtime";var _n="k-grid-content",ee=e=>Hc("div",{...e,className:r(e.className,_n),children:e.children});ee.className=_n;ee.moduleName=V;ee.folderName=W;import{jsx as Pc}from"react/jsx-runtime";var zn="k-grid-table",te=e=>Pc(Oe,{...e,className:r(e.className,zn),children:e.children});te.className=zn;te.moduleName=V;te.folderName=W;import{jsx as Gc}from"react/jsx-runtime";var Un="k-grid-footer",$r=e=>Gc("div",{...e,className:r(e.className,Un),children:e.children});$r.className=Un;$r.moduleName=V;$r.folderName=W;import{jsx as Kc}from"react/jsx-runtime";var Fn="k-grid-footer-table",Xr=e=>Kc(Oe,{...e,className:r(e.className,Fn),children:e.children});Xr.className=Fn;Xr.moduleName=V;Xr.folderName=W;var Wr="button",Vn=Wr;import{Fragment as zc,jsx as Yo,jsxs as $n}from"react/jsx-runtime";var Qo="k-button",Dc=["icon-button"],Bc=[n.hover,n.focus,n.active,n.selected,n.disabled,n.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]},Jr={showArrow:!1,arrowIconName:"caret-alt-down"},c=e=>{let{as:t="button",size:o,rounded:a,fillMode:l,themeColor:s,showArrow:p=Jr.showArrow,arrowIconName:u=Jr.arrowIconName,variant:x,hover:g,focus:L,active:v,selected:b,disabled:w,togglable:S,icon:E,text:H,iconClassName:O,className:U,...be}=e,ge=E!==void 0,Ge=e.children!==void 0;return $n(t,{className:r(U,Qo,xn(Qo,x),A(Qo,{size:o,rounded:a,fillMode:l,themeColor:s}),I(Qo,{hover:g,focus:L,active:v,disabled:w,selected:b}),{"k-icon-button":!H&&!Ge&&ge}),...be,"aria-pressed":S?b?"true":"false":void 0,disabled:w||void 0,children:[E&&Yo(m,{className:r(O,"k-button-icon"),icon:E}),H?$n(zc,{children:[H&&Yo("span",{className:"k-button-text",children:H}),e.children]}):e.children&&Yo("span",{className:"k-button-text",children:e.children}),p&&Yo("span",{className:"k-menu-button-arrow k-button-arrow",children:Yo(m,{icon:u})})]})};c.states=Bc;c.options=_c;c.variants=Dc;c.className=Qo;c.defaultOptions=Jr;c.moduleName=Wr;c.folderName=Vn;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 Zo=e=>Fc(c,{icon:"folder",children:"Button",...e});import{jsx as Vc}from"react/jsx-runtime";var co=e=>Vc(c,{children:"Button",...e});import{jsx as qr}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=[],jo=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return qr(qt,{...o,icon:"star"});case"icon-and-text":return qr(Zo,{...o,icon:"star",children:"Button"});default:return qr(co,{...o,children:"Button"})}};jo.options=$c;jo.states=Xc;jo.variants=Jc;jo.defaultOptions=Wc;jo.modifiers=qc;var ea="input",Ya=ea;import{jsx as jc}from"react/jsx-runtime";var Qa="k-input",Yc=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.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={},ke=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:p,readonly:u,size:x,rounded:g,fillMode:L,...v}=e;return jc("span",{...v,className:r(e.className,Qa,A(Qa,{size:x,rounded:g,fillMode:L}),I(Qa,{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:p,readonly:u}))})};ke.states=Yc;ke.options=Qc;ke.className=Qa;ke.defaultOptions=Zc;ke.moduleName=ea;ke.folderName=Ya;import{jsx as ap}from"react/jsx-runtime";var Za="k-picker",ep=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.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={},Ct=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:p,readonly:u,size:x,rounded:g,fillMode:L,...v}=e;return ap("span",{...v,className:r(e.className,Za,A(Za,{size:x,rounded:g,fillMode:L}),I(Za,{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:p,readonly:u})),children:e.children})};Ct.states=ep;Ct.options=tp;Ct.className=Za;Ct.defaultOptions=op;Ct.moduleName=ea;Ct.folderName=Ya;import{Fragment as np,jsx as Yr}from"react/jsx-runtime";var Xn="k-clear-value",rp=[n.disabled,n.loading,n.readonly],lp={},et=e=>{let{disabled:t,loading:o,readonly:a,value:l}=e;return t||a||o||!l?Yr(np,{}):Yr("span",{className:r(e.className,Xn),children:Yr(m,{icon:"x"})})};et.states=rp;et.options=lp;et.className=Xn;import{jsx as dp}from"react/jsx-runtime";var Qr="k-input-inner",ip=[],sp={},ja={type:"text",autocomplete:"off",value:"",placeholder:""},tt=e=>{let{value:t=ja.value,type:o=ja.type,placeholder:a=ja.placeholder,autocomplete:l=ja.autocomplete,disabled:s,readOnly:p,...u}=e;return dp("input",{...u,type:o,className:r(e.className,Qr,A(Qr,e)),placeholder:a,autoComplete:l,defaultValue:t,disabled:s||void 0,readOnly:p||void 0})};tt.states=ip;tt.options=sp;tt.className=Qr;import{jsx as Wn,jsxs as mp}from"react/jsx-runtime";var Zr="k-input-inner",cp=[],pp={},po=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:l,valueIconName:s,...p}=e;return mp("span",{...p,className:r(e.className,Zr,A(Zr,e)),children:[l,!l&&s&&Wn(m,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&Wn("span",{className:"k-input-value-text",children:t})]})};po.states=cp;po.options=pp;po.className=Zr;import{jsx as fp}from"react/jsx-runtime";var jr="k-input-inner",up=[],bp={},Jn={value:"",placeholder:""},el=e=>{let{value:t=Jn.value,placeholder:o=Jn.placeholder,rows:a,disabled:l,...s}=e;return fp("textarea",{...s,className:r(e.className,jr,A(jr,e)),placeholder:o,rows:a,defaultValue:t,disabled:l||void 0})};el.states=up;el.options=bp;el.className=jr;import{Fragment as hp,jsx as qn}from"react/jsx-runtime";var Yn="k-input-loading-icon",Tp=[n.disabled,n.loading],$e=e=>{let{disabled:t,loading:o}=e;return t||!o?qn(hp,{}):qn("span",{className:r(e.className,Yn,"k-icon k-i-loading")})};$e.states=Tp;$e.className=Yn;import{Fragment as gp,jsx as Qn}from"react/jsx-runtime";var Zn="k-input-validation-icon",xp=[n.valid,n.invalid,n.disabled,n.loading],Np={},Ke=e=>{let{valid:t,invalid:o,disabled:a,loading:l}=e,s=o?"warning-circle":"check-circle";return a||l||!!!(t||o)?Qn(gp,{}):Qn(m,{className:r(Zn),icon:s})};Ke.states=xp;Ke.options=Np;Ke.className=Zn;import{Fragment as Lp,jsx as jn}from"react/jsx-runtime";var kp="k-input-prefix",vp={direction:"horizontal"},st=e=>{let{direction:t=vp.direction,...o}=e;return e.children?jn("span",{...o,className:r(kp,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):jn(Lp,{})};import{Fragment as yp,jsx as ei}from"react/jsx-runtime";var Cp="k-input-suffix",Mp={direction:"horizontal"},dt=e=>{let{direction:t=Mp.direction,...o}=e;return e.children?ei("span",{...o,className:r(Cp,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):ei(yp,{})};import{jsx as Vv}from"react/jsx-runtime";import{jsx as wp}from"react/jsx-runtime";var Sp="k-input-suffix-text",tl=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 ti="k-input-separator",Ap={direction:"vertical"},ct=e=>{let{direction:t=Ap.direction,...o}=e;return Ep("span",{...o,className:r(ti,e.className,{[`${ti}-${t}`]:t})})};import{Fragment as oi,jsx as Mt,jsxs as ol}from"react/jsx-runtime";var Ip=ke.states,Rp=ke.defaultOptions,Op=ke.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=[],ta=e=>{let{modifiers:t,valid:o,invalid:a,loading:l,disabled:s,readonly:p,...u}=e,x=t?.prefix,g=t?.suffix,L=t?.["clear-button"],v=t?.["validation-icon"],b=t?.separators;return ol(ke,{...u,valid:o,invalid:a,loading:l,disabled:s,readonly:p,style:{width:300},children:[x&&ol(oi,{children:[Mt(st,{children:Mt(m,{icon:"lock"})}),b&&Mt(ct,{})]}),Mt(tt,{placeholder:"Placeholder",value:"Value"}),v&&Mt(Ke,{valid:o,invalid:a,loading:l,disabled:s}),Mt($e,{loading:l,disabled:s}),L&&Mt(et,{loading:l,disabled:s,readonly:p,value:"Value"}),g&&ol(oi,{children:[b&&Mt(ct,{}),Mt(dt,{children:Mt(co,{size:u.size,fillMode:"clear",children:"Send"})})]})]})};ta.options=Op;ta.states=Ip;ta.variants=Pp;ta.defaultOptions=Rp;ta.modifiers=Hp;var al="popup",ai=al;import{jsx as ri}from"react/jsx-runtime";var li="k-animation-container",Gp=[],Kp={},ni={positionMode:"absolute"},yt=e=>{let{positionMode:t=ni.positionMode,animationStyle:o,offset:a,...l}=e;return ri("div",{...l,style:{...a,...e.style},className:r(e.className,li,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:ri("div",{className:"k-child-animation-container",style:o,children:e.children})})};yt.states=Gp;yt.options=Kp;yt.className=li;yt.defaultOptions=ni;yt.moduleName=al;yt.folderName=ai;var rl="popup",ii=rl;import{jsx as si}from"react/jsx-runtime";var di="k-popup",Dp=[],Bp={},ci={positionMode:"absolute"},pe=e=>{let{offset:t,positionMode:o=ci.positionMode,animationStyle:a,containerClassName:l,containerRole:s,containerAriaLabel:p,...u}=e;return si(yt,{positionMode:o,offset:t,animationStyle:a,className:l,role:s,"aria-label":p,children:si("div",{...u,className:r(e.className,di),children:e.children})})};pe.states=Dp;pe.options=Bp;pe.className=di;pe.defaultOptions=ci;pe.moduleName=rl;pe.folderName=ii;pe.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 ll="action-buttons",pi=ll;import{jsx as Up}from"react/jsx-runtime";var er="k-actions",_p=[],zp={},nl={alignment:"start",orientation:"horizontal"},St=e=>{let{alignment:t=nl.alignment,orientation:o=nl.orientation,...a}=e;return Up("div",{...a,className:r(er,{[`${er}-${t}`]:t,[`${er}-${o}`]:o},e.className),children:e.children})};St.states=_p;St.options=zp;St.className=er;St.defaultOptions=nl;St.moduleName=ll;St.folderName=pi;import{jsx as Vp}from"react/jsx-runtime";var Fp="k-actionsheet-footer",mi={alignment:"stretched",orientation:"horizontal"},Yt=e=>{let{alignment:t=mi.alignment,orientation:o=mi.orientation,template:a,as:l=a?"div":St,...s}=e;return Vp(l,{...s,...!a&&{alignment:t,orientation:o},className:r(e.className,Fp),children:e.children})};var il="searchbox",ui=il;import{jsx as oa,jsxs as Wp}from"react/jsx-runtime";var bi="k-searchbox",$p=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.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]},sl={showIcon:!0,icon:"search"},pt=e=>{let{value:t,placeholder:o,size:a,rounded:l,fillMode:s,hover:p,focus:u,valid:x,invalid:g,required:L,loading:v,disabled:b,showIcon:w=sl.showIcon,icon:S=sl.icon,...E}=e;return Wp(ke,{...E,size:a,rounded:l,fillMode:s,hover:p,focus:u,valid:x,invalid:g,required:L,loading:v,disabled:b,className:r(e.className,bi),children:[w&&oa(m,{className:"k-input-icon",icon:S}),oa(tt,{placeholder:o,value:t}),oa($e,{...e}),oa(Ke,{...e}),oa(et,{...e})]})};pt.states=$p;pt.options=Xp;pt.className=bi;pt.defaultOptions=sl;pt.moduleName=il;pt.folderName=ui;import{jsx as dC}from"react/jsx-runtime";var dl="textbox",fi=dl;import{Fragment as Ti,jsx as Qt,jsxs as cl}from"react/jsx-runtime";var hi="k-textbox",Jp=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.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]},tr={showClearButton:!0,showValidationIcon:!0,separators:!0},ie=e=>{let{size:t,rounded:o,fillMode:a,separators:l=tr.separators,showClearButton:s=tr.showClearButton,showValidationIcon:p=tr.showValidationIcon,prefix:u,suffix:x,type:g,value:L,placeholder:v,hover:b,focus:w,valid:S,invalid:E,required:H,loading:O,disabled:U,readonly:be,id:ge,"aria-label":Ge,"aria-describedby":Ze,...je}=e;return cl(ke,{...je,size:t,rounded:o,fillMode:a,hover:b,focus:w,valid:S,invalid:E,required:H,loading:O,disabled:U,readonly:be,className:r(e.className,hi),children:[u&&cl(Ti,{children:[Qt(st,{children:u}),l&&Qt(ct,{})]}),Qt(tt,{id:ge,placeholder:v,value:L,type:g,disabled:U,"aria-label":Ge,"aria-describedby":Ze,"aria-invalid":E?"true":void 0}),p&&Qt(Ke,{valid:S,invalid:E,loading:O,disabled:U}),Qt($e,{loading:O,disabled:U}),s&&Qt(et,{loading:O,disabled:U,readonly:be,value:L}),x&&cl(Ti,{children:[l&&Qt(ct,{}),Qt(dt,{children:x})]})]})};ie.states=Jp;ie.options=qp;ie.className=hi;ie.defaultOptions=tr;ie.moduleName=dl;ie.folderName=fi;ie.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 aa=ie;import{jsx as Yp}from"react/jsx-runtime";var xi=e=>Yp(aa,{...e});import{Fragment as SC,jsx as yC}from"react/jsx-runtime";import{Fragment as OC,jsx as RC}from"react/jsx-runtime";import{jsx as KC}from"react/jsx-runtime";import{jsx as pl}from"react/jsx-runtime";var Qp=ie.states,Zp=ie.defaultOptions,jp=ie.options,em=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],tm=[],ra=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?pl(m,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[l]?pl(co,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[l];break;default:break}}),pl(xi,{value:"Value",style:{width:300},...o,...a})};ra.options=jp;ra.states=Qp;ra.variants=tm;ra.defaultOptions=Zp;ra.modifiers=em;import{jsx as Zt,jsxs as ml}from"react/jsx-runtime";var Ni="k-actionsheet-titlebar",om={},De=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:l,filter:s,input:p,inputValue:u,inputPlaceholder:x,adaptive:g,titleId:L,children:v,...b}=e;return ml("div",{...b,className:r(e.className,Ni),children:[ml("div",{className:"k-actionsheet-titlebar-group",children:[a&&Zt("div",{className:"k-actionsheet-actions",children:a}),!v&&ml("div",{className:"k-actionsheet-title",id:L,children:[t&&Zt("div",{className:"k-text-center",children:t}),o&&Zt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),v&&Zt("div",{className:"k-actionsheet-title",id:L,children:v}),l&&Zt("div",{className:"k-actionsheet-actions",children:l})]}),(p||s)&&Zt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?Zt(ie,{value:u,placeholder:x,size:g?"large":"medium","aria-label":t||x||"Input"}):Zt(pt,{placeholder:"Filter",size:g?"large":"medium","aria-label":"Filter options"})})]})};De.className=Ni;De.defaultOptions=om;import{jsx as ul,jsxs as nm}from"react/jsx-runtime";var bl="k-actionsheet-view",am=[],rm={},lm={},wo=e=>{let{adaptive:t,animated:o,children:a,header:l,footer:s,titleId:p,...u}=e,x=l?.type===De&&ul(De,{adaptive:t,titleId:p,...l?.props}),g=s?.type===Yt&&ul(Yt,{...s?.props});return nm("div",{...u,className:r(e.className,bl,{[`${bl}-animated`]:o}),children:[x,ul("div",{className:"k-actionsheet-content",children:a}),g]})};wo.states=am;wo.options=rm;wo.className=bl;wo.defaultOptions=lm;var la="action-sheet",or=la;var fl="overlay",gi=fl;import{jsx as cm}from"react/jsx-runtime";var Tl="k-overlay",im=[],sm={themeColor:[T.undefined,T.light,T.dark,T.inverse]},dm={},jt=e=>{let{themeColor:t,...o}=e;return cm("div",{...o,className:r(e.className,Tl,A(Tl,{themeColor:t})),children:e.children})};jt.states=im;jt.options=sm;jt.className=Tl;jt.defaultOptions=dm;jt.moduleName=fl;jt.folderName=gi;import{jsx as ar,jsxs as um}from"react/jsx-runtime";var ki="k-actionsheet",pm=[],mm={},na={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},he=e=>{let{side:t=na.side,fullscreen:o=na.fullscreen,adaptive:a=na.adaptive,overlay:l=na.overlay,template:s,children:p,header:u,footer:x,id:g,...L}=e,v=g&&!s&&u?`${g}-title`:void 0;return um("div",{className:"k-actionsheet-container",children:[l&&ar(jt,{}),ar(yt,{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:ar("div",{...L,id:g,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":v,className:r(e.className,ki,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s||ar(wo,{header:u,footer:x,adaptive:a,titleId:v,...e,children:p})})})]})};he.states=pm;he.options=mm;he.className=ki;he.defaultOptions=na;he.moduleName=la;he.folderName=or;he.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 vi="k-actionsheet-container",bm=[],fm={},Tm={},Ao=e=>{let{children:t,...o}=e;return hm("div",{...o,className:vi,children:t})};Ao.states=bm;Ao.options=fm;Ao.className=vi;Ao.defaultOptions=Tm;Ao.moduleName=la;Ao.folderName=or;import{jsx as xm}from"react/jsx-runtime";var hl=e=>{let{...t}=e;return xm("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as gm,jsx as ia,jsxs as xl}from"react/jsx-runtime";var Nl="k-actionsheet-item",Nm=[n.hover,n.focus,n.selected,n.disabled],eo=e=>{let{iconName:t,text:o,description:a,hover:l,focus:s,selected:p,disabled:u,...x}=e;return xl("span",{...x,className:r(e.className,Nl,I(Nl,{hover:l,focus:s,selected:p,disabled:u})),children:[!e.children&&ia(gm,{children:xl("span",{className:"k-actionsheet-action",children:[t&&ia("span",{className:"k-icon-wrap",children:ia(m,{className:"k-actionsheet-item-icon",icon:t})}),xl("span",{className:"k-actionsheet-item-text",children:[o&&ia("span",{className:"k-actionsheet-item-title",children:o}),a&&ia("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};eo.states=Nm;eo.className=Nl;import{jsx as GM,jsxs 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 qM}from"react/jsx-runtime";import{jsx as Se,jsxs as gl}from"react/jsx-runtime";var km=he.options,vm=he.states,Ci={...he.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"}],sa=e=>{let{variant:t,modifiers:o,...a}={...Ci,...e},l={},s=gl(hl,{children:[Se(eo,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),Se(eo,{text:"Add to Favorites",iconName:"heart"}),Se(eo,{text:"Upload New",iconName:"upload",disabled:!0}),Se("hr",{className:"k-hr"}),Se(eo,{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"?Se(he,{...a,adaptive:!0,fullscreen:l.fullScreen,header:Se(De,{actionsStart:l.actionsStart?Se(c,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Se(c,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:u,subtitle:l.subtitle}),footer:l.footer?gl(Yt,{alignment:"stretched",children:[Se(c,{text:"Cancel",size:"large",themeColor:"base"}),Se(c,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):Se(he,{...a,fullscreen:l.fullScreen,header:Se(De,{actionsStart:l.actionsStart?Se(c,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?Se(c,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?gl(Yt,{alignment:"stretched",children:[Se(c,{text:"Apply",themeColor:"primary"}),Se(c,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};sa.options=km;sa.states=vm;sa.variants=Lm;sa.defaultOptions=Ci;sa.modifiers=Cm;import vl from"react";import{jsx as Mi}from"react/jsx-runtime";var Mm="k-list-group-sticky-header",kl=e=>Mi("div",{className:r(Mm,e.className),children:Mi("div",{className:"k-list-header-text",children:e.children})});import{jsx as Sm}from"react/jsx-runtime";var ym="k-no-data",rr=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 mo="list",Eo=mo;import{jsx as yi,jsxs as Si}from"react/jsx-runtime";var Ll="k-list",wm=[],Am={size:[d.undefined,d.small,d.medium,d.large]},Em={},Q=e=>{let{size:t,virtualization:o,children:a,header:l,optionLabel:s,customValue:p,noData:u,screenReaders:x,...g}=e,v=vl.Children.toArray(a)[0],b=v?.props?.children?vl.Children.count(v.props.children):vl.Children.count(a);return Si("div",{...g,className:r(e.className,Ll,A(Ll,{size:t}),{"k-virtual-list":o}),children:[s,p,l&&yi(kl,{children:l}),a||(u!==void 0?u:yi(rr,{live:!0,children:"No data found."})),x&&a&&Si(rr,{className:"k-sr-only",live:!0,children:[b," items found."]})]})};Q.states=wm;Q.options=Am;Q.className=Ll;Q.defaultOptions=Em;Q.moduleName=mo;Q.folderName=Eo;Q.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 wi="k-list-container",Im=[],Rm={},Om={},Io=e=>{let{...t}=e;return Hm("div",{...t,className:r(e.className,wi),children:e.children})};Io.states=Im;Io.options=Rm;Io.className=wi;Io.defaultOptions=Om;Io.moduleName=mo;Io.folderName=Eo;var uo="checkbox",Ro=uo;import{jsx as Ai}from"react/jsx-runtime";var lr="k-checkbox",Pm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.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={},Xe=e=>{let{id:t,checked:o,indeterminate:a,hover:l,focus:s,disabled:p,invalid:u,valid:x,required:g,size:L,rounded:v,...b}=e;return Ai("span",{className:"k-checkbox-wrap",children:Ai("input",{...b,id:t,type:"checkbox",defaultChecked:o,required:g,disabled:p||void 0,"aria-invalid":u?"true":void 0,className:r(e.className,lr,A(lr,{size:L,rounded:v}),I(lr,{hover:l,focus:s,disabled:p,invalid:u,valid:x,indeterminate:a,checked:o}))})})};Xe.states=Pm;Xe.options=Gm;Xe.className=lr;Xe.defaultOptions=Km;Xe.moduleName=uo;Xe.folderName=Ro;Xe.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 wt=Xe;import{jsx as _m}from"react/jsx-runtime";var Ei="k-checkbox-list",Dm=[],Bm={},Ii={layout:"vertical"},We=e=>{let{layout:t=Ii.layout,...o}=e;return _m("ul",{...o,className:r(e.className,Ei,{[`k-list-${t}`]:t}),children:e.children})};We.states=Dm;We.options=Bm;We.className=Ei;We.defaultOptions=Ii;We.moduleName=uo;We.folderName=Ro;import{jsx as Vm}from"react/jsx-runtime";var Ri="k-checkbox-list-item",zm=[],Um={},Fm={},Be=e=>{let{...t}=e;return Vm("li",{...t,className:r(e.className,Ri),children:e.children})};Be.states=zm;Be.options=Um;Be.className=Ri;Be.defaultOptions=Fm;Be.moduleName=uo;Be.folderName=Ro;import{Fragment as $m,jsx as Oi,jsxs as Xm}from"react/jsx-runtime";var Gt=({children:e,id:t,...o})=>Xm($m,{children:[Oi(wt,{id:t,...o}),Oi("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as rS,jsx as aS,jsxs as lS}from"react/jsx-runtime";import{Fragment as cS,jsx as dS,jsxs as pS}from"react/jsx-runtime";import{Fragment as TS,jsx as fS,jsxs 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 AS}from"react/jsx-runtime";import{jsx as mt,jsxs as Hi}from"react/jsx-runtime";var Wm=We.options,Jm=We.states,qm={...We.defaultOptions,variant:"vertical"},Ym=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Qm=[],da=e=>{let{variant:t,...o}=e;return t==="horizontal"?Hi(We,{layout:"horizontal",...o,children:[mt(Be,{children:mt(Gt,{id:"first",defaultChecked:!0,children:"Label"})}),mt(Be,{children:mt(Gt,{id:"second",children:"Label"})}),mt(Be,{children:mt(Gt,{id:"third",children:"Label"})})]}):Hi(We,{...o,children:[mt(Be,{children:mt(Gt,{id:"first",defaultChecked:!0,children:"Label"})}),mt(Be,{children:mt(Gt,{id:"second",children:"Label"})}),mt(Be,{children:mt(Gt,{id:"third",children:"Label"})})]})};da.options=Wm;da.states=Jm;da.variants=Ym;da.defaultOptions=qm;da.modifiers=Qm;import{jsx as au}from"react/jsx-runtime";var Zm=wt.options,jm=wt.states,eu=wt.defaultOptions,tu=[],ou=[],ca=e=>au(Gt,{id:"checkbox-demo-checkbox",...e,defaultChecked:!0,children:"Label"});ca.options=Zm;ca.states=jm;ca.variants=tu;ca.defaultOptions=eu;ca.modifiers=ou;import{jsx as bo,jsxs as iu}from"react/jsx-runtime";var Cl="k-list-item",ru=[n.hover,n.focus,n.selected,n.disabled],lu={},nu={},z=e=>{let{text:t,groupLabel:o,group:a,iconName:l,iconClassName:s,showCheckbox:p,checked:u,hover:x,focus:g,selected:L,disabled:v,actions:b,description:w,id:S,...E}=e,H=t||e.children;return iu("li",{...E,id:S,role:a?"presentation":"option",tabIndex:a?void 0:g?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":Cl,I(Cl,{hover:x,focus:g,disabled:v,selected:L})),children:[p&&bo(Xe,{checked:u}),l&&bo("span",{className:"k-list-item-icon-wrapper",children:bo(m,{icon:l,className:r("k-list-item-icon",s)})}),bo("span",{className:"k-list-item-text",children:H}),b&&bo("div",{className:"k-list-item-actions",children:b}),w&&bo("span",{className:"k-list-item-description",children:w}),o&&o!==""&&bo("div",{className:"k-list-item-group-label",children:o})]})};z.states=ru;z.options=lu;z.className=Cl;z.defaultOptions=nu;z.moduleName=mo;z.folderName=Eo;z.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as du}from"react/jsx-runtime";var su="k-list-ul",Kt=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})};Kt.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 Ml,jsxs as pu}from"react/jsx-runtime";var cu="k-list-content",le=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:Ml(Kt,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":l,children:e.children}),t&&Ml("div",{className:"k-height-container",children:Ml("div",{})})]})};le.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 hw,jsx as Tw,jsxs as xw}from"react/jsx-runtime";import{jsx as yl,jsxs as uu}from"react/jsx-runtime";var mu="k-list-group-item",fo=e=>{let{groupIconName:t,...o}=e;return uu("li",{...o,role:"presentation",className:r(mu,e.className),children:[t&&yl("span",{className:"k-list-item-icon-wrapper",children:yl(m,{icon:t,className:"k-list-item-icon"})}),yl("span",{className:"k-list-item-text",children:e.children})]})};fo.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 Sl="k-list-optionlabel",bu=[n.hover,n.focus,n.selected,n.disabled],fu={},Tu={},nr=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:s,...p}=e;return hu("div",{...p,className:r(Sl,I(Sl,{hover:o,focus:a,selected:l,disabled:s})),children:t})};nr.states=bu;nr.options=fu;nr.className=Sl;nr.defaultOptions=Tu;import{jsx as ku}from"react/jsx-runtime";var wl="k-list-custom-value",xu=[n.hover,n.focus,n.selected,n.disabled],Nu={},gu={},to=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:s,...p}=e;return ku("div",{...p,className:r(wl,I(wl,{hover:o,focus:a,selected:l,disabled:s})),children:t})};to.states=xu;to.options=Nu;to.className=wl;to.defaultOptions=gu;import{Fragment as Hw,jsx as Ow,jsxs as Pw}from"react/jsx-runtime";import{Fragment as zw,jsx as _w,jsxs as Uw}from"react/jsx-runtime";import{Fragment as qw,jsx as Ww,jsxs as Jw}from"react/jsx-runtime";import{Fragment as oA,jsx as eA,jsxs as tA}from"react/jsx-runtime";import{jsx as nA}from"react/jsx-runtime";import{Fragment as mA,jsx as pA,jsxs as uA}from"react/jsx-runtime";var Pi="dropdown-list",Gi="dropdownlist";import{Fragment as Cu,jsx as _e,jsxs as Al}from"react/jsx-runtime";var Ki="k-dropdownlist",vu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.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]},El={showValue:!0,arrowIconName:"caret-alt-down"},se=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=El.arrowIconName,showValue:s=El.showValue,valueIconName:p,prefix:u,suffix:x,value:g,placeholder:L,hover:v,focus:b,valid:w,invalid:S,required:E,loading:H,disabled:O,readonly:U,popup:be,opened:ge,adaptive:Ge,adaptiveSettings:Ze,adaptiveTitle:je,adaptiveSubtitle:yo,adaptiveFilter:Sr,...$a}=e;return Al(Cu,{children:[Al(Ct,{...$a,size:t,rounded:o,fillMode:a,hover:v,focus:b,valid:w,invalid:S,required:E,loading:H,disabled:O,readonly:U,className:r(e.className,Ki,{"k-icon-picker":!s&&p}),children:[_e(st,{children:u}),_e(po,{placeholder:L,value:g,showValue:s,valueIconName:p}),_e(Ke,{valid:w,invalid:S,loading:H,disabled:O}),_e($e,{loading:H,disabled:O}),_e(dt,{children:x}),_e(c,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":L||"Toggle dropdown"})]}),ge&&be&&_e(pe,{className:"k-list-container k-dropdownlist-popup",children:be}),Ge&&_e(he,{adaptive:!0,...Ze,header:_e(De,{actionsEnd:_e(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:Sr,inputValue:g,inputPlaceholder:L,title:je,subtitle:yo}),children:_e("div",{className:"k-list-container",children:_e(Q,{size:"large",children:Al(le,{children:[_e(z,{text:"List item"}),_e(z,{text:"List item"}),_e(z,{text:"List item"})]})})})})]})};se.states=vu;se.options=Lu;se.className=Ki;se.defaultOptions=El;se.moduleName=Pi;se.folderName=Gi;import{jsx as $A}from"react/jsx-runtime";import{jsx as YA,jsxs as QA}from"react/jsx-runtime";import{Fragment as lE,jsx as aE,jsxs as rE}from"react/jsx-runtime";import{jsx as dE}from"react/jsx-runtime";import{jsx as bE,jsxs as fE}from"react/jsx-runtime";import{Fragment as LE,jsx as kE,jsxs as vE}from"react/jsx-runtime";import{Fragment as Eu,jsx as oo,jsxs as Di}from"react/jsx-runtime";var Mu=se.states,yu=se.defaultOptions,Su=se.options,wu=[{name:"opened",title:"Opened"}],Au=[],ma=e=>{let{modifiers:t,...o}=e,a={},l=Di(Eu,{children:[oo("div",{className:"k-list-filter",children:oo(pt,{})}),oo(Q,{style:{width:300},size:o.size,children:Di(le,{children:[oo(z,{children:"List item"}),oo(z,{children:"List item"}),oo(z,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?l:void 0)}),oo("div",{children:oo(se,{placeholder:"Value",style:{width:300},...o,...a})})};ma.options=Su;ma.states=Mu;ma.variants=Au;ma.defaultOptions=yu;ma.modifiers=wu;import{jsx as Bi,jsxs as Pu}from"react/jsx-runtime";var _i="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]},Il={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},ao=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:l=Il.increaseLabel,decreaseLabel:s=Il.decreaseLabel,...p}=e;return Pu("span",{...p,className:r(_i,e.className),children:[Bi(c,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":l}),Bi(c,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};ao.states=Ou;ao.options=Hu;ao.className=_i;ao.defaultOptions=Il;ao.moduleName=null;ao.folderName=null;var zi="numeric-textbox",Ui="numerictextbox";import{Fragment as Fi,jsx as Dt,jsxs as Rl}from"react/jsx-runtime";var Vi="k-numerictextbox",Gu=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.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]},ir={showSpinButton:!0,showClearButton:!0,separators:!0},F=e=>{let{size:t,rounded:o,fillMode:a,separators:l=ir.separators,showClearButton:s=ir.showClearButton,showSpinButton:p=ir.showSpinButton,prefix:u,suffix:x,value:g,placeholder:L,hover:v,focus:b,valid:w,invalid:S,required:E,loading:H,disabled:O,readonly:U,id:be,"aria-label":ge,"aria-describedby":Ge,...Ze}=e;return Rl(ke,{...Ze,size:t,rounded:o,fillMode:a,hover:v,focus:b,valid:w,invalid:S,required:E,loading:H,disabled:O,readonly:U,className:r(e.className,Vi),children:[u&&Rl(Fi,{children:[Dt(st,{children:u}),l&&Dt(ct,{})]}),Dt(tt,{id:be,placeholder:L,value:g,role:"spinbutton",disabled:O,"aria-label":ge,"aria-describedby":Ge,"aria-invalid":S?"true":void 0}),Dt(Ke,{valid:w,invalid:S,loading:H,disabled:O}),Dt($e,{loading:H,disabled:O}),s&&Dt(et,{loading:H,disabled:O,readonly:U,value:g}),x&&Rl(Fi,{children:[l&&Dt(ct,{}),Dt(dt,{children:x})]}),p&&Dt(ao,{className:"k-input-spinner",size:t,fillMode:a,disabled:O})]})};F.states=Gu;F.options=Ku;F.className=Vi;F.defaultOptions=ir;F.moduleName=zi;F.folderName=Ui;F.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 ua=F;import{jsx as Du}from"react/jsx-runtime";var $i=e=>Du(ua,{...e});import{Fragment as sI,jsx as iI}from"react/jsx-runtime";import{Fragment as bI,jsx as uI}from"react/jsx-runtime";import{jsx as xI}from"react/jsx-runtime";import{jsx as Ol}from"react/jsx-runtime";var Bu=F.states,_u=F.defaultOptions,zu=F.options,Uu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Fu=[],ba=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?Ol(se,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[l]?Ol(tl,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[l];break;case"spin-button":a.showSpinButton=t?.[l];break;default:break}}),Ol($i,{value:"Value",style:{width:300},...o,...a})};ba.options=zu;ba.states=Bu;ba.variants=Fu;ba.defaultOptions=_u;ba.modifiers=Uu;var Hl="pager",Xi=Hl;import{Fragment as Wi,jsx as Je,jsxs as Oo}from"react/jsx-runtime";var sr="k-pager",Vu=[n.focus,n.disabled],$u={size:[d.undefined,d.small,d.medium,d.large]},ot={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},Te=e=>{let{responsive:t=ot.responsive,size:o,pagerSizeInfo:a=ot.pagerSizeInfo,pageTitleInfo:l=ot.pageTitleInfo,maxPagesInfo:s=ot.maxPagesInfo,itemsPerPage:p=ot.itemsPerPage,maxPages:u=ot.maxPages,currentPage:x=ot.currentPage,previousNext:g=ot.previousNext,type:L=ot.type,pageSizes:v=ot.pageSizes,refresh:b=ot.refresh,info:w=ot.info,focus:S,disabled:E,dir:H,...O}=e,U=[],be=[];for(let ge=1;ge<=u;ge++)U.push(Je(c,{selected:ge===x,fillMode:"flat",themeColor:"primary",size:o,children:ge})),be.push(Je("option",{selected:ge===x,children:ge}));return Oo("div",{dir:H,...O,className:r(e.className,sr,A(sr,{size:o}),I(sr,{focus:S,disabled:E}),{"k-pager-responsive":t}),children:[Oo("div",{className:r("k-pager-numbers-wrap"),children:[g&&Oo(Wi,{children:[Je(c,{className:r("k-pager-nav","k-pager-first"),disabled:x===1&&!E,fillMode:"flat",size:o,icon:H==="rtl"?"caret-alt-to-right":"caret-alt-to-left"}),Je(c,{className:r("k-pager-nav"),disabled:x===1&&!E,fillMode:"flat",size:o,icon:H==="rtl"?"caret-alt-right":"caret-alt-left"})]}),L==="numeric"&&Je("div",{className:r("k-pager-numbers"),children:U}),L==="input"&&Oo("span",{className:r("k-pager-input"),children:[l&&Je("span",{children:"Page"}),Je(F,{value:`${x}`,size:o,showSpinButton:!1,showClearButton:!1}),Je("span",{children:s&&`of ${u}`})]}),g&&Oo(Wi,{children:[Je(c,{className:r("k-pager-nav"),disabled:x===u&&!E,fillMode:"flat",size:o,icon:H==="rtl"?"caret-alt-left":"caret-alt-right"}),Je(c,{className:r("k-pager-nav","k-pager-last"),disabled:x===u&&!E,fillMode:"flat",size:o,icon:H==="rtl"?"caret-alt-to-left":"caret-alt-to-right"})]})]}),v&&Oo("span",{className:r("k-pager-sizes"),children:[Je(se,{value:`${p}`,size:o}),a&&Je("span",{children:"items per page"})]}),b&&Je(c,{className:r("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw"}),w&&Je("span",{className:r("k-pager-info"),children:w})]})};Te.states=Vu;Te.options=$u;Te.className=sr;Te.defaultOptions=ot;Te.moduleName=Hl;Te.folderName=Xi;import{jsx as VI}from"react/jsx-runtime";import{jsx as JI}from"react/jsx-runtime";import{jsx as ZI}from"react/jsx-runtime";import{jsx as Ji}from"react/jsx-runtime";var Xu=Te.options,Wu=Te.states,Ju={...Te.defaultOptions,variant:"numeric"},qu=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],Yu=[],fa=e=>{let{variant:t,...o}=e;return t==="input"?Ji(Te,{...o,type:"input"}):Ji(Te,{...o,type:"numeric"})};fa.options=Xu;fa.states=Wu;fa.variants=qu;fa.defaultOptions=Ju;fa.modifiers=Yu;import{jsx as Qu}from"react/jsx-runtime";var qi="k-grid-pager",At=e=>Qu(Te,{...e,className:r(e.className,qi),children:e.children});At.className=qi;At.moduleName=V;At.folderName=W;var Pl="button",Yi=Pl;import{jsx as tb}from"react/jsx-runtime";var Ta="k-button-group",Zu=[n.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,Ta,A(Ta,{fillMode:t}),I(Ta,{disabled:o}),{[`${Ta}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};D.states=Zu;D.options=ju;D.className=Ta;D.defaultOptions=eb;D.moduleName=Pl;D.folderName=Yi;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 MR,jsx as CR,jsxs as yR}from"react/jsx-runtime";import{Fragment as RR,jsx as IR,jsxs as OR}from"react/jsx-runtime";import{Fragment as BR,jsx as DR,jsxs as _R}from"react/jsx-runtime";import{Fragment as XR,jsx as $R,jsxs as WR}from"react/jsx-runtime";import{Fragment as jR,jsx as ZR,jsxs as eO}from"react/jsx-runtime";import{Fragment as nO,jsx as lO,jsxs as iO}from"react/jsx-runtime";import{jsx as Bt,jsxs as Gl}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=[],ha=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Gl(D,{fillMode:a.fillMode,className:o,children:[Bt(c,{...a,icon:"star"}),Bt(c,{...a,icon:"star"}),Bt(c,{...a,icon:"star"})]}):t==="icon-text-button"?Gl(D,{fillMode:a.fillMode,className:o,children:[Bt(c,{...a,icon:"star",children:"First"}),Bt(c,{...a,icon:"star",children:"Middle"}),Bt(c,{...a,icon:"star",children:"Last"})]}):Gl(D,{fillMode:a.fillMode,className:o,children:[Bt(c,{...a,children:"First"}),Bt(c,{...a,children:"Middle"}),Bt(c,{...a,children:"Last"})]})};ha.options=ob;ha.states=ab;ha.variants=lb;ha.defaultOptions=rb;ha.modifiers=nb;import{jsx as Qi,jsxs as db}from"react/jsx-runtime";var Zi="k-color-preview",ib=[],sb={},ro=e=>{let{color:t,iconName:o,...a}=e;return db("span",{...a,className:r(e.className,Zi,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Qi(m,{icon:o,className:"k-color-preview-icon"}),Qi("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};ro.states=ib;ro.options=sb;ro.className=Zi;var Kl="slider",ji=Kl;import{jsx as Ho,jsxs as Dl}from"react/jsx-runtime";var xa="k-slider",cb=[n.hover,n.focus,n.active,n.disabled,n.readonly],pb={},bt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},me=e=>{let{type:t=bt.type,orientation:o=bt.orientation,gradientType:a=bt.gradientType,readonly:l=bt.readonly,disabled:s=bt.disabled,handlePosition:p=bt.handlePosition,showButtons:u=bt.showButtons,showTicks:x=bt.showTicks,value:g=bt.value,min:L=bt.min,max:v=bt.max,startValue:b,endValue:w,hover:S,focus:E,active:H,trackStyle:O,dir:U,...be}=e,Ge=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),Ze,je;return o==="horizontal"?(Ze=U==="rtl"?"caret-alt-left":"caret-alt-right",je=U==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(Ze="caret-alt-up",je="caret-alt-down"),Dl("div",{...be,className:r(xa,e.className,I(xa,{readonly:l,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:U,children:[u&&Ho(c,{className:"k-button-decrease",rounded:"full",icon:je,tabIndex:-1,title:"Decrease"}),Dl("div",{className:"k-slider-track-wrap",children:[x&&Ho("ul",{className:"k-reset k-slider-items",children:e.children}),Dl("div",{className:"k-slider-track",style:O,children:[Ho("div",{className:"k-slider-selection"}),t==="range"&&Ho("span",{className:r("k-draghandle","k-draghandle-start",I(xa,{hover:S,focus:E,active:H})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":b??L,"aria-valuemin":L,"aria-valuemax":w??v,"aria-orientation":Ge,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":be["aria-label"]?`${be["aria-label"]} start`:"Range start"}),Ho("span",{className:r("k-draghandle",`k-draghandle-${p}`,I(xa,{hover:S,focus:E,active:H})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?w??v:g,"aria-valuemin":t==="range"?b??L:L,"aria-valuemax":v,"aria-orientation":Ge,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":t==="range"?be["aria-label"]?`${be["aria-label"]} end`:"Range end":be["aria-label"]})]})]}),u&&Ho(c,{className:"k-button-increase",rounded:"full",icon:Ze,tabIndex:-1,title:"Increase"})]})};me.states=cb;me.options=pb;me.className=xa;me.defaultOptions=bt;me.moduleName=Kl;me.folderName=ji;me.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 es}from"react/jsx-runtime";var ts="k-tick",mb=[],ub={},os={label:!1},G=e=>{let{style:t,label:o=os.label,orientation:a,large:l,text:s,...p}=e;return es("li",{...p,className:r(e.className,ts,{[`k-tick-${a}`]:a,"k-tick-large":l}),style:t,children:o&&es("span",{className:"k-label",children:s})})};G.states=mb;G.options=ub;G.className=ts;G.defaultOptions=os;import{Fragment as bb,jsx as ft,jsxs as fb}from"react/jsx-runtime";var as=e=>ft(me,{"aria-label":e["aria-label"]||"Slider",children:fb(bb,{children:[ft(G,{className:"k-first",label:!0,large:!0,text:"0"}),ft(G,{}),ft(G,{}),ft(G,{}),ft(G,{}),ft(G,{label:!0,large:!0,text:"5"}),ft(G,{}),ft(G,{}),ft(G,{}),ft(G,{}),ft(G,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Tb,jsx as Tt,jsxs as hb}from"react/jsx-runtime";var rs=e=>Tt(me,{children:hb(Tb,{children:[Tt(G,{className:"k-first",label:!0,large:!0,text:"0"}),Tt(G,{}),Tt(G,{}),Tt(G,{}),Tt(G,{}),Tt(G,{label:!0,large:!0,text:"5"}),Tt(G,{}),Tt(G,{}),Tt(G,{}),Tt(G,{}),Tt(G,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as WO,jsx as XO,jsxs as JO}from"react/jsx-runtime";import{Fragment as jO,jsx as ZO,jsxs as eH}from"react/jsx-runtime";import{jsx as xb}from"react/jsx-runtime";var Bl=e=>xb(me,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as Nb}from"react/jsx-runtime";var _l=e=>Nb(me,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as pH,jsx as cH,jsxs as mH}from"react/jsx-runtime";import{Fragment as hH,jsx as TH,jsxs as xH}from"react/jsx-runtime";import{jsx as Et,jsxs as ls}from"react/jsx-runtime";var gb=me.options,kb=me.states,ns={...me.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"}],Na=e=>{let{variant:t,modifiers:o,...a}={...ns,...e},l={};Object.keys(o||{}).forEach(g=>{switch(g){case"button":{l.showButtons=!!o?.[g];break}case"label":{l.label=!!o?.[g];break}case"tick":{l.showTicks=!!o?.[g];break}}});let{label:s=!0,showButtons:p,showTicks:u}=l,x={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?ls(rs,{showTicks:u,showButtons:p,style:{height:"300px",...x},...a,children:[Et(G,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),Et(G,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),Et(G,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),Et(G,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),Et(G,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):ls(as,{showTicks:u,showButtons:p,style:{width:"400px",...x},...a,children:[Et(G,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),Et(G,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),Et(G,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),Et(G,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),Et(G,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Na.options=gb;Na.states=kb;Na.variants=vb;Na.defaultOptions=ns;Na.modifiers=Lb;import{Fragment as ga,jsx as X,jsxs as xe}from"react/jsx-runtime";var is="k-colorgradient-inputs",Cb=[],Mb={size:[d.undefined,d.small,d.medium,d.large]},ss={mode:"rgba"},Po=e=>{let{mode:t=ss.mode,size:o,...a}=e;return xe("div",{...a,className:r(is,"k-hstack"),children:[X("div",{className:"k-vstack",children:X(c,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&xe(ga,{children:[xe("div",{className:"k-vstack",children:[X(F,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),X("label",{className:"k-colorgradient-input-label",children:"R"})]}),xe("div",{className:"k-vstack",children:[X(F,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),X("label",{className:"k-colorgradient-input-label",children:"G"})]}),xe("div",{className:"k-vstack",children:[X(F,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),X("label",{className:"k-colorgradient-input-label",children:"B"})]}),xe("div",{className:"k-vstack",children:[X(F,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),X("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&xe(ga,{children:[xe("div",{className:"k-vstack",children:[X(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),X("label",{className:"k-colorgradient-input-label",children:"R"})]}),xe("div",{className:"k-vstack",children:[X(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),X("label",{className:"k-colorgradient-input-label",children:"G"})]}),xe("div",{className:"k-vstack",children:[X(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),X("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&xe(ga,{children:[xe("div",{className:"k-vstack",children:[X(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),X("label",{className:"k-colorgradient-input-label",children:"H"})]}),xe("div",{className:"k-vstack",children:[X(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),X("label",{className:"k-colorgradient-input-label",children:"S"})]}),xe("div",{className:"k-vstack",children:[X(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),X("label",{className:"k-colorgradient-input-label",children:"V"})]}),xe("div",{className:"k-vstack",children:[X(F,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),X("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&xe(ga,{children:[xe("div",{className:"k-vstack",children:[X(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),X("label",{className:"k-colorgradient-input-label",children:"H"})]}),xe("div",{className:"k-vstack",children:[X(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),X("label",{className:"k-colorgradient-input-label",children:"S"})]}),xe("div",{className:"k-vstack",children:[X(F,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),X("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&X(ga,{children:xe("div",{className:"k-vstack k-flex-1",children:[X(ie,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),X("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Po.states=Cb;Po.options=Mb;Po.className=is;Po.defaultOptions=ss;import{jsx as To,jsxs as ho}from"react/jsx-runtime";var ds="k-colorgradient-color-contrast",yb=[],Sb={},wb={},Go=()=>ho("div",{className:r(ds,"k-vbox"),children:[ho("div",{className:"k-contrast-ratio",children:[To("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),ho("span",{className:"k-contrast-validation !k-text-success",children:[To(m,{icon:"check"}),To(m,{icon:"check"})]})]}),ho("div",{children:[To("span",{children:"AA: 4.5"}),ho("span",{className:"k-contrast-validation !k-text-success",children:["Pass",To(m,{icon:"check"})]})]}),ho("div",{children:[To("span",{children:"AAA: 7.0"}),ho("span",{className:"k-contrast-validation !k-text-error",children:["Fail",To(m,{icon:"x"})]})]})]});Go.states=yb;Go.options=Sb;Go.className=ds;Go.defaultOptions=wb;var cs="color-gradient",ps="colorgradient";import{jsx as ht,jsxs as ka}from"react/jsx-runtime";var dr="k-colorgradient",Ab=[n.hover,n.focus,n.readonly,n.disabled],Eb={size:[d.undefined,d.small,d.medium,d.large]},It={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"},we=e=>{let{size:t,mode:o=It.mode,readonly:a=It.readonly,disabled:l=It.disabled,gradientStyle:s=It.gradientStyle,dragHandleStyle:p=It.dragHandleStyle,alphaStyle:u=It.alphaStyle,alphaStyleHorizontal:x=It.alphaStyleHorizontal,contrast:g=It.contrast,dir:L,hover:v,focus:b,hoverHandle:w,focusHandle:S,canvasOrientation:E=It.canvasOrientation,role:H,tabIndex:O,...U}=e;return ka("div",{...U,role:H??"textbox","aria-label":H==="none"?void 0:"Color gradient",tabIndex:O??0,"aria-disabled":l?"true":void 0,className:r(e.className,dr,A(dr,{size:t}),I(dr,{hover:v,focus:b,readonly:a,disabled:l})),dir:L,children:[!E||E==="horizontal"&&ka("div",{className:"k-colorgradient-canvas k-hstack",children:[ht("div",{className:"k-hsv-rectangle",style:s,children:ht("div",{className:"k-hsv-gradient",children:ht("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})})}),ka("div",{className:"k-hsv-controls k-hstack",children:[ht(_l,{className:"k-hue-slider",hover:w,focus:S}),o!=="rgb"&&o!=="hsv"&&ht(_l,{className:"k-alpha-slider",hover:w,focus:S,trackStyle:u})]})]}),E==="vertical"&&ka("div",{className:"k-colorgradient-canvas k-vstack",children:[ht("div",{className:"k-hsv-rectangle",style:s,children:ht("div",{className:"k-hsv-gradient",children:ht("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})})}),ka("div",{className:"k-hsv-controls k-vstack",children:[ht(Bl,{className:"k-hue-slider",hover:w,focus:S}),o!=="rgb"&&o!=="hsv"&&ht(Bl,{className:"k-alpha-slider",hover:w,focus:S,trackStyle:x})]})]}),ht(Po,{mode:e.mode,size:t}),g&&ht(Go,{})]})};we.states=Ab;we.options=Eb;we.className=dr;we.defaultOptions=It;we.moduleName=cs;we.folderName=ps;we.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 cr=e=>Ib(we,{...e});import{jsx as s0}from"react/jsx-runtime";import{jsx as m0}from"react/jsx-runtime";import{jsx as zl}from"react/jsx-runtime";var Rb=we.options,Ob=we.states,Hb={...we.defaultOptions,variant:"rgba"},Pb=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Gb=[],va=e=>{let{variant:t,...o}=e;switch(t){case"hex":return zl(cr,{...o,mode:t});case"rgb":return zl(cr,{...o,mode:t});default:return zl(cr,{...o,mode:t})}};va.options=Rb;va.states=Ob;va.variants=Pb;va.defaultOptions=Hb;va.modifiers=Gb;import{jsx as Kb}from"react/jsx-runtime";var Ul=e=>Kb("tr",{role:"row",children:e.children});import{jsx as _b}from"react/jsx-runtime";var Fl="k-colorpalette-tile",Db=[n.hover,n.focus,n.selected],Bb={},Ko=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,Fl,I(Fl,{hover:a,focus:l,selected:s})),style:u})};Ko.states=Db;Ko.options=Bb;Ko.className=Fl;var ms="color-palette",us="colorpalette";import{jsx as La}from"react/jsx-runtime";var pr="k-colorpalette",zb=[n.disabled],Ub={size:[d.undefined,d.small,d.medium,d.large]},bs={columns:10},qe=e=>{let{size:t,palette:o,columns:a=bs.columns,tileSize:l,disabled:s,...p}=e,u=[];if(o){let x=a||o.columns,g=o.colors?o.colors:o;Array.isArray(g)&&Array.from({length:Math.ceil(g.length/x)},(L,v)=>{let b=[];g.slice(v*x,(v+1)*x).map((S,E)=>{b.push(La(Ko,{color:S,tileSize:l},E))});let w=La(Ul,{children:b},v);u.push(w)})}return La("div",{...p,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:r(e.className,pr,I(pr,{disabled:s}),A(pr,{size:t})),children:La("table",{className:"k-colorpalette-table",role:"none",children:La("tbody",{children:u.length>0?u:e.children})})})};qe.states=zb;qe.options=Ub;qe.className=pr;qe.defaultOptions=bs;qe.moduleName=ms;qe.folderName=us;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 mr=qe;var Ca={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 fs=e=>Fb(mr,{palette:Ca.basic,...e});import{jsx as W0}from"react/jsx-runtime";import{jsx as j0,jsxs as eP}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=[],Ma=e=>{let{variant:t="basic",...o}=e,a=Jb[t];return Yb(fs,{columns:a.columns,palette:a,...o})};Ma.options=Vb;Ma.states=$b;Ma.variants=Wb;Ma.defaultOptions=Xb;Ma.modifiers=qb;var Ts="color-editor",hs="coloreditor";import{jsx as xt,jsxs as Do}from"react/jsx-runtime";var ur="k-coloreditor",Qb=[n.focus],Zb={size:[d.undefined,d.small,d.medium,d.large]},ya={view:"gradient",palette:Ca.office,actionButtons:!0,canvasOrientation:"horizontal"},Ne=e=>{let{size:t,view:o=ya.view,palette:a=ya.palette,color:l,currentColor:s,focus:p,focusView:u,dir:x,group:g,actionButtons:L=ya.actionButtons,canvasOrientation:v=ya.canvasOrientation,...b}=e;return Do("div",{...b,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",ur,A(ur,{size:t}),I(ur,{focus:p})),dir:x,children:[Do("div",{className:"k-coloreditor-header k-hstack",children:[xt("div",{className:"k-coloreditor-header-actions k-hstack",children:g&&Do(D,{fillMode:"flat",children:[xt(c,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),xt(c,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),xt("div",{className:"k-spacer"}),Do("div",{className:"k-coloreditor-header-actions k-hstack",children:[xt(c,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Do("div",{className:"k-coloreditor-preview k-vstack",children:[xt(ro,{className:"k-coloreditor-preview-color",color:l}),xt(ro,{className:"k-coloreditor-current-color",color:s})]})]})]}),xt("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?xt(we,{focus:u,size:t,canvasOrientation:v,role:"none",tabIndex:-1}):xt(qe,{palette:a,size:t})}),L&&Do(St,{className:"k-coloreditor-footer",alignment:"start",children:[xt(c,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),xt(c,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Ne.states=Qb;Ne.options=Zb;Ne.className=ur;Ne.defaultOptions=ya;Ne.moduleName=Ts;Ne.folderName=hs;Ne.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 Bo=Ne;import{jsx as AP}from"react/jsx-runtime";import{jsx as OP}from"react/jsx-runtime";import{jsx as jb}from"react/jsx-runtime";var xs=e=>jb(Bo,{group:!0,currentColor:"fuchsia",...e});import{jsx as ef}from"react/jsx-runtime";var Ns=e=>ef(Bo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as gs}from"react/jsx-runtime";var tf=Ne.options,of=Ne.states,af={...Ne.defaultOptions,variant:"gradient"},rf=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],lf=[],Sa=e=>{let{variant:t,...o}=e;return t==="palette"?gs(Ns,{...o,color:"white"}):gs(xs,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Sa.options=tf;Sa.states=of;Sa.variants=rf;Sa.defaultOptions=af;Sa.modifiers=lf;var ks="color-picker",vs="colorpicker";import{Fragment as df,jsx as Nt,jsxs as Vl}from"react/jsx-runtime";var Ls="k-colorpicker",nf=[n.hover,n.focus,n.valid,n.invalid,n.required,n.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]},Cs={arrowIconName:"caret-alt-down"},at=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=Cs.arrowIconName,prefix:s,suffix:p,value:u,placeholder:x,hover:g,focus:L,valid:v,invalid:b,required:w,disabled:S,valueIconName:E,popup:H,opened:O,adaptive:U,adaptiveSettings:be,adaptiveTitle:ge,adaptiveSubtitle:Ge,...Ze}=e,je="colorpicker-popup";return Vl(df,{children:[Vl(Ct,{...Ze,size:t,rounded:o,fillMode:a,hover:g,focus:L,valid:v,invalid:b,required:w,disabled:S,role:"combobox","aria-haspopup":"dialog","aria-expanded":O?"true":"false","aria-controls":O||U?je:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":S?"true":void 0,className:r(e.className,Ls,"k-icon-picker"),children:[Nt(st,{children:s}),Nt(po,{placeholder:x,value:u,showValue:!1,valueIcon:Nt(ro,{className:"k-value-icon",color:u,iconName:E}),valueIconName:E}),Nt(dt,{children:p}),Nt(c,{className:"k-input-button",icon:l,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:S})]}),O&&H&&Nt(pe,{id:je,className:"k-colorpicker-popup",children:H}),U&&Nt(he,{adaptive:!0,id:je,...be,header:Nt(De,{actionsEnd:Nt(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:ge,subtitle:Ge}),footer:Vl(Yt,{children:[Nt(c,{text:"Cancel",size:"large"}),Nt(c,{text:"Set",size:"large",themeColor:"primary"})]}),children:Nt(Ne,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};at.states=nf;at.options=sf;at.className=Ls;at.defaultOptions=Cs;at.moduleName=ks;at.folderName=vs;at.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 lo=at;import{jsx as cf}from"react/jsx-runtime";var br=e=>cf(lo,{...e});import{jsx as TG}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 KG}from"react/jsx-runtime";import{jsx as xo}from"react/jsx-runtime";var pf=lo.options,mf=lo.states,Ms={...lo.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"}],wa=e=>{let{variant:t,modifiers:o,...a}={...Ms,...e},l={};Object.keys(o||{}).forEach(p=>{p==="opened"&&(l.opened=!!o?.[p],l.popup=o?.[p]?xo(Ne,{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 xo("div",{style:s,children:xo(br,{...a,...l})});case"icon":return xo("div",{style:s,children:xo(br,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...l})});default:return xo("div",{style:s,children:xo(br,{value:"rgba(183, 118 , 118, 1.00)",...a,...l})})}};wa.options=pf;wa.states=mf;wa.variants=uf;wa.defaultOptions=Ms;wa.modifiers=bf;var $l="combobox",ys=$l;import{Fragment as Xl,jsx as ve,jsxs as Aa}from"react/jsx-runtime";var Ss="k-combobox",ff=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.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]},ws={separators:!0},ze=e=>{let{size:t,rounded:o,fillMode:a,separators:l=ws.separators,prefix:s,suffix:p,value:u,placeholder:x,hover:g,focus:L,valid:v,invalid:b,required:w,loading:S,disabled:E,popup:H,opened:O,readonly:U,adaptive:be,adaptiveSettings:ge,adaptiveTitle:Ge,adaptiveSubtitle:Ze,adaptiveCustomValue:je,id:yo,autocomplete:Sr,activeDescendant:$a,"aria-label":gd,...kd}=e,vd=yo?`${yo}-listbox`:void 0;return Aa(Xl,{children:[Aa(ke,{...kd,size:t,rounded:o,fillMode:a,hover:g,focus:L,valid:v,invalid:b,required:w,loading:S,disabled:E,readonly:U,className:r(e.className,Ss),children:[s&&Aa(Xl,{children:[ve(st,{children:s}),l&&ve(ct,{})]}),ve(tt,{placeholder:x,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":O?"true":"false","aria-controls":O?vd:void 0,"aria-activedescendant":O&&$a?$a:void 0,"aria-autocomplete":Sr,"aria-invalid":b?"true":void 0,"aria-busy":S?"true":void 0,"aria-label":gd,disabled:E,readOnly:U}),ve(Ke,{valid:v,invalid:b,loading:S,disabled:E}),ve($e,{loading:S,disabled:E}),ve(et,{loading:S,disabled:E,readonly:U,value:u}),p&&Aa(Xl,{children:[l&&ve(ct,{}),ve(dt,{children:p})]}),ve(c,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:E})]}),O&&H&&ve(pe,{className:"k-list-container k-combobox-popup",containerClassName:"k-combobox-popup-container",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:H}),be&&ve(he,{adaptive:!0,id:yo?`${yo}-adaptive`:void 0,...ge,header:ve(De,{actionsEnd:ve(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:x,title:Ge,subtitle:Ze}),children:ve("div",{className:"k-list-container",children:ve(Q,{customValue:je?ve(to,{text:`Use "${u}"`}):void 0,size:"large",children:Aa(le,{"aria-label":Ge||"Options",children:[ve(z,{text:"List item"}),ve(z,{text:"List item"}),ve(z,{text:"List item"})]})})})})]})};ze.states=ff;ze.options=Tf;ze.className=Ss;ze.defaultOptions=ws;ze.moduleName=$l;ze.folderName=ys;ze.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 rt=ze;import{jsx as hf}from"react/jsx-runtime";var As=e=>hf(rt,{...e});import{jsx as NK,jsxs as gK}from"react/jsx-runtime";import{jsx as yK,jsxs as SK}from"react/jsx-runtime";import{jsx as OK,jsxs as HK}from"react/jsx-runtime";import{Fragment as _K,jsx as BK}from"react/jsx-runtime";import{Fragment as XK,jsx as $K}from"react/jsx-runtime";import{jsx as ZK,jsxs as jK}from"react/jsx-runtime";import{Fragment as iD,jsx as lD,jsxs as nD}from"react/jsx-runtime";import{jsx as pD}from"react/jsx-runtime";import{jsx as fD}from"react/jsx-runtime";import{jsx as kD,jsxs as vD}from"react/jsx-runtime";import{jsx as wD,jsxs as AD}from"react/jsx-runtime";import{jsx as no,jsxs as Lf}from"react/jsx-runtime";var xf=ze.states,Nf=ze.defaultOptions,gf=ze.options,kf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],vf=[],Ea=e=>{let{modifiers:t,...o}=e,a={},l=no(Q,{style:{width:300},size:o.size,children:Lf(le,{children:[no(z,{children:"List item"}),no(z,{children:"List item"}),no(z,{children:"List item"})]})});return Object.keys(t||{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?no(m,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?no(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}}),no("div",{children:no(As,{value:"Value",style:{width:300},...o,...a})})};Ea.options=gf;Ea.states=xf;Ea.variants=vf;Ea.defaultOptions=Nf;Ea.modifiers=kf;var Wl="menu-button",Es=Wl;import{jsx as yf}from"react/jsx-runtime";var Is="k-menu-button",Cf=[n.hover,n.focus,n.active,n.selected,n.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]},Jl={showArrow:!0,arrowIconName:"caret-alt-down"},de=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:p,active:u,selected:x,disabled:g,icon:L,text:v,showArrow:b=Jl.showArrow,arrowIconName:w=Jl.arrowIconName,expanded:S,...E}=e;return yf(c,{...E,className:r(e.className,Is),text:v,size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:p,active:u,selected:x,disabled:g,icon:L,showArrow:b,arrowIconName:w,"aria-expanded":S?"true":"false",...!v&&L&&!e["aria-label"]&&{"aria-label":"Menu"},...g&&{"aria-disabled":"true"}})};de.states=Cf;de.options=Mf;de.className=Is;de.defaultOptions=Jl;de.moduleName=Wl;de.folderName=Es;de.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 s1}from"react/jsx-runtime";import{jsx as m1}from"react/jsx-runtime";import{jsx as T1}from"react/jsx-runtime";var lt="menu",gt=lt;import{jsx as Ia,jsxs as Rs}from"react/jsx-runtime";var ql="k-menu-item",Sf=[n.hover,n.focus,n.active,n.selected,n.disabled],wf={},Os={iconPosition:"before"},He=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:s,icon:p,text:u,first:x,last:g,showArrow:L,arrowIconName:v,iconPosition:b=Os.iconPosition,dir:w,children:S,expanded:E,...H}=e,O=v;return O||(O=w==="rtl"?"caret-alt-left":"caret-alt-right"),Rs("li",{...H,className:r(e.className,ql,"k-item",I(ql,{focus:o,disabled:s,hover:t,active:a,selected:l}),{"k-first":x,"k-last":g}),role:"menuitem",...L&&{"aria-haspopup":"menu"},...L&&{"aria-expanded":E?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Rs("span",{className:r("k-link k-menu-link"),children:[p&&b==="before"&&Ia(m,{className:"k-menu-link-icon",icon:p}),Ia("span",{className:"k-menu-link-text",children:u}),p&&b==="after"&&Ia(m,{className:"k-menu-link-icon",icon:p}),L&&Ia("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ia(m,{icon:O})})]}),S]})};He.states=Sf;He.options=wf;He.className=ql;He.defaultOptions=Os;He.moduleName=lt;He.folderName=gt;import{jsx as Ra,jsxs as Hs}from"react/jsx-runtime";var Yl="k-menu-item",Af=[n.hover,n.focus,n.active,n.selected,n.disabled],Ef={},Ql={dir:"ltr",iconPosition:"before"},fe=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:s,icon:p,text:u,first:x,last:g,showArrow:L,arrowIconName:v,iconPosition:b=Ql.iconPosition,dir:w=Ql.dir,children:S,popup:E,expanded:H,...O}=e,U=v;return U||(U=w==="rtl"?"caret-alt-left":"caret-alt-right"),Hs("li",{...O,className:r(e.className,Yl,"k-item",I(Yl,{focus:o,disabled:s}),{"k-first":x,"k-last":g}),role:"menuitem",...L&&{"aria-haspopup":"menu"},...L&&{"aria-expanded":H?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Hs("span",{className:r("k-link k-menu-link",I("k-menu-link",{hover:t,active:a,selected:l,disabled:s})),children:[p&&b==="before"&&Ra(m,{className:"k-menu-link-icon",icon:p}),Ra("span",{className:"k-menu-link-text",children:u}),p&&b==="after"&&Ra(m,{className:"k-menu-link-icon",icon:p}),L&&Ra("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ra(m,{icon:U})})]}),S,E]})};fe.states=Af;fe.options=Ef;fe.className=Yl;fe.defaultOptions=Ql;fe.moduleName=lt;fe.folderName=gt;import{jsx as Hf}from"react/jsx-runtime";var Ps="k-menu-scroll-wrapper",If=[],Rf={},Of={},No=e=>{let{className:t,children:o,orientation:a,...l}=e;return Hf("div",{...l,className:r(t,Ps,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};No.states=If;No.options=Rf;No.className=Ps;No.defaultOptions=Of;No.moduleName=lt;No.folderName=gt;var Gs=No;import{Fragment as Zl,jsx as go,jsxs as Tr}from"react/jsx-runtime";var jl="k-menu",Pf=[],Gf={},hr={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Ae=e=>{let{children:t,orientation:o=hr.orientation,header:a=hr.header,scrollable:l,scrollButtonsPosition:s=hr.scrollButtonsPosition,wrapperStyles:p,dir:u,popup:x,contextMenu:g,...L}=e,v={horizontal:{prev:u!=="rtl"?"left":"right",next:u!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},b=go("ul",{dir:u,...L,className:r(e.className,"k-reset",jl,{[`${jl}-${o}`]:o,"k-header":a}),role:g?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Tr(Zl,{children:[l?Tr(Gs,{orientation:o,style:p,dir:e.dir,children:[s==="start"&&Tr(Zl,{children:[go(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"}),go(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"&&go(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"&&Tr(Zl,{children:[go(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"}),go(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"&&go(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]})};Ae.states=Pf;Ae.options=Gf;Ae.className=jl;Ae.defaultOptions=hr;Ae.moduleName=lt;Ae.folderName=gt;Ae.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 en="k-separator",Ks={orientation:"horizontal"},_o=e=>{let{orientation:t=Ks.orientation,...o}=e;return Kf("li",{...o,className:r(e.className,"k-item",en,{[`${en}-${t}`]:t}),role:"separator"})};_o.className=en;_o.defaultOptions=Ks;_o.moduleName=lt;_o.folderName=gt;import{Fragment as $1,jsx as X1}from"react/jsx-runtime";import{jsx as zf}from"react/jsx-runtime";var tn="k-menu-group",Df=[],Bf={size:[d.undefined,d.small,d.medium,d.large]},_f={},Pe=e=>{let{children:t,size:o,...a}=e;return zf("ul",{...a,className:r(e.className,tn,A(tn,{size:o})),role:"menu",children:t})};Pe.states=Df;Pe.options=Bf;Pe.className=tn;Pe.defaultOptions=_f;Pe.moduleName=lt;Pe.folderName=gt;import{Fragment as Uf,jsx as zo,jsxs as Ff}from"react/jsx-runtime";var on=e=>zo(Ae,{children:Ff(Uf,{children:[zo(He,{first:!0,text:"Item 1"}),zo(He,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),zo(He,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),zo(He,{text:"Item 4"}),zo(He,{last:!0,text:"Item 5"})]}),...e});import{Fragment as nB,jsx as rB,jsxs as lB}from"react/jsx-runtime";import{Fragment as pB,jsx as cB,jsxs as mB}from"react/jsx-runtime";import{Fragment as hB,jsx as TB,jsxs as xB}from"react/jsx-runtime";import{Fragment as LB,jsx as vB,jsxs as CB}from"react/jsx-runtime";import{jsx as ko,jsxs as Jf}from"react/jsx-runtime";var Vf=Ae.options,$f=Ae.states,Ds={...Ae.defaultOptions,variant:"horizontal"},Xf=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Wf=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Oa=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=ko(pe,{className:"k-menu-popup",children:Jf(Pe,{children:[ko(fe,{text:"Item 1"}),ko(fe,{text:"Item 2"}),ko(_o,{}),ko(fe,{text:"Item 3"})]})});break}}),t==="vertical"?ko(on,{...a,...l,orientation:"vertical",style:{width:"200px"}}):ko(on,{...a,...l})};Oa.options=Vf;Oa.states=$f;Oa.variants=Xf;Oa.defaultOptions=Ds;Oa.modifiers=Wf;import{Fragment as o_,jsx as e_,jsxs as t_}from"react/jsx-runtime";import{jsx as n_}from"react/jsx-runtime";import{Fragment as jf,jsx as Rt,jsxs as Bs}from"react/jsx-runtime";var qf=c.states,_s={...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"}],Ha=e=>{let{variant:t,modifiers:o,...a}={..._s,...e},l={},s=Rt(pe,{className:"k-menu-popup",children:Bs(Pe,{size:a.size,children:[Rt(fe,{first:!0,text:"Menu Item"}),Rt(fe,{text:"Menu Item"}),Rt(fe,{last:!0,text:"Menu Item"})]})}),p;switch(t){case"icon-only":p=Rt("div",{children:Rt(de,{...a,...l,icon:"star"})});break;case"icon-and-text":p=Rt("div",{children:Rt(de,{...a,...l,icon:"star",children:"Dropdown Button"})});break;default:p=Rt("div",{children:Rt(de,{...a,...l,children:"Dropdown Button"})});break}return Bs(jf,{children:[p,o?.opened&&s]})};Ha.options=Yf;Ha.states=qf;Ha.variants=Qf;Ha.defaultOptions=_s;Ha.modifiers=Zf;var an="split-button",zs=an;import{Fragment as oT,jsx as rn,jsxs as Us}from"react/jsx-runtime";var ln="k-split-button",eT=[n.hover,n.focus,n.active,n.selected,n.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]},Fs={arrowIconName:"caret-alt-down"},Z=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:p,active:u,selected:x,disabled:g,icon:L,text:v,arrowIconName:b=Fs.arrowIconName,popup:w,opened:S,popupId:E,...H}=e;return Us(oT,{children:[Us("div",{...H,className:r(e.className,ln,"k-button-group",A(ln,{rounded:o})),children:[rn(c,{text:v,icon:L,size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:p,active:u,selected:x,disabled:g,...!v&&!e.children&&L&&{"aria-label":"Action"},children:e.children}),rn(c,{className:"k-split-button-arrow",icon:b,size:t,rounded:o,fillMode:a,disabled:g,"aria-label":"Toggle dropdown","aria-expanded":S?"true":"false","aria-controls":S?E:void 0,tabIndex:-1,...g&&{"aria-disabled":"true"}})]}),S&&w&&rn(pe,{className:"k-menu-popup",children:w})]})};Z.states=eT;Z.options=tT;Z.className=ln;Z.defaultOptions=Fs;Z.moduleName=an;Z.folderName=zs;Z.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 nn=Z;import{jsx as rT}from"react/jsx-runtime";var aT="k-toolbar-separator",Lt=e=>rT("div",{className:r(aT,e.className,"k-separator")});var _t="toolbar",io=_t;import{Fragment as sn,jsx as j,jsxs as Uo}from"react/jsx-runtime";var zt="k-toolbar",lT=[n.focus],nT={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},iT={scrollButtons:"around"},ce=e=>{let{size:t,fillMode:o,focus:a,resizable:l,scrollable:s,scrollButtons:p,scrollingPosition:u,section:x,...g}=e,L=[],v=(b,w)=>{let S=[];if(b.type===c&&b.props.className&&b.props.className.includes("k-toolbar-overflow-button"))S.push(j(c,{...b.props,className:`${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`));else if(b.type===c)S.push(j(c,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`));else if(b.type===Zo)S.push(j(Zo,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`));else if(b.type===qt)S.push(j(qt,{...b.props,className:`k-toolbar-button ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`));else if(b.type===de)S.push(j(de,{...b.props,className:`k-toolbar-menu-button ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`));else if(b.type===nn)S.push(j(nn,{...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((O,U)=>{E.push(j(c,{...O.props,className:`${O.props.className?O.props.className:""}`},`${U}-${new Date().getTime()}`))}),S.push(j(D,{...b.props,className:`k-toolbar-button-group ${b.props.className?b.props.className:""}`,children:E},`${w}-${new Date().getTime()}`))}else b.type===ze?S.push(j(ze,{...b.props,className:`k-toolbar-combobox ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`)):b.type===se?S.push(j(se,{...b.props,className:`k-toolbar-dropdownlist ${b.props.className?b.props.className:""}`},`${w}-${new Date().getTime()}`)):b.type===at?S.push(j(at,{...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)}),Uo("div",{...g,className:r(e.className,zt,A(zt,{size:t,fillMode:o}),I(zt,{focus:a}),{[`${zt}-resizable`]:l,[`${zt}-scrollable`]:s,[`${zt}-scrollable-overlay`]:s&&p==="hidden",[`${zt}-scrollable-${u}`]:u&&u!=="both",[`${zt}-section`]:x}),role:"toolbar","aria-label":"Toolbar",children:[!s&&L,s&&p==="hidden"&&j("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L}),s&&p==="start"&&Uo(sn,{children:[Uo(D,{children:[j("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:j(m,{className:"k-button-icon",icon:"caret-alt-left"})}),j("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:j(m,{className:"k-button-icon",icon:"caret-alt-right"})})]}),j(Lt,{className:"k-toolbar-button-separator"}),j("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L})]}),s&&p==="end"&&Uo(sn,{children:[j("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L}),j(Lt,{className:"k-toolbar-button-separator"}),Uo(D,{children:[j("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:j(m,{className:"k-button-icon",icon:"caret-alt-left"})}),j("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:j(m,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),s&&(p==="around"||!p)&&Uo(sn,{children:[j("span",{className:r("k-toolbar-prev","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:j(m,{className:"k-button-icon",icon:"caret-alt-left"})}),j(Lt,{className:"k-toolbar-button-separator"}),j("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L}),j(Lt,{className:"k-toolbar-button-separator"}),j("span",{className:r("k-toolbar-next","k-button",A("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:j(m,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};ce.states=lT;ce.options=nT;ce.className=zt;ce.defaultOptions=iT;ce.moduleName=_t;ce.folderName=io;ce.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 Vs="k-floating-toolbar",sT=[],dT={},cT={},Fo=e=>{let{...t}=e;return pT("div",{...t,className:r(e.className,Vs),children:e.children})};Fo.states=sT;Fo.options=dT;Fo.className=Vs;Fo.defaultOptions=cT;Fo.moduleName=_t;Fo.folderName=io;import{jsx as fT}from"react/jsx-runtime";var dn="k-toolbar-item",mT=[n.focus],uT={},bT={},Vo=e=>{let{focus:t,...o}=e;return fT("div",{...o,className:r(e.className,dn,I(dn,{focus:t})),children:e.children})};Vo.states=mT;Vo.options=uT;Vo.className=dn;Vo.defaultOptions=bT;Vo.moduleName=_t;Vo.folderName=io;import{jsx as $s}from"react/jsx-runtime";var Xs="k-toolbar-popup",TT=[],hT={size:[d.undefined,d.small,d.medium,d.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},xT={},vo=e=>{let{size:t,fillMode:o,section:a,...l}=e;return $s(pe,{...l,className:r(e.className,Xs),children:a?$s("span",{className:r("k-toolbar-items-list",A("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};vo.states=TT;vo.options=hT;vo.className=Xs;vo.defaultOptions=xT;vo.moduleName=_t;vo.folderName=io;var xr=vo;import{jsx as d2}from"react/jsx-runtime";import{jsx as u2}from"react/jsx-runtime";import{jsx as h2}from"react/jsx-runtime";import{jsx as L2,jsxs as C2}from"react/jsx-runtime";import{jsx as w2}from"react/jsx-runtime";import{jsx as Ut,jsxs as LT}from"react/jsx-runtime";var NT=Z.states,Ws={...Z.defaultOptions,variant:"text"},gT=Z.options,kT=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],vT=[{name:"opened",title:"Opened"}],Pa=e=>{let{variant:t,modifiers:o,...a}={...Ws,...e},l={},s=LT(Pe,{size:a.size,children:[Ut(fe,{first:!0,text:"Menu Item"}),Ut(fe,{text:"Menu Item"}),Ut(fe,{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 Ut("div",{children:Ut(Z,{...a,...l,icon:"star"})});case"icon-and-text":return Ut("div",{children:Ut(Z,{...a,...l,icon:"star",children:"Split Button"})});default:return Ut("div",{children:Ut(Z,{...a,...l,children:"Split Button"})})}};Pa.options=gT;Pa.states=NT;Pa.variants=kT;Pa.defaultOptions=Ws;Pa.modifiers=vT;import{jsx as Lo,jsxs as CT}from"react/jsx-runtime";var Js=e=>Lo(ce,{children:[Lo(c,{children:"Button"},"toolbar-button"),Lo(de,{text:"Menu button"},"toolbar-menu-button"),Lo(Z,{children:"Split button"},"toolbar-split-button"),CT(D,{children:[Lo(c,{className:"k-group-start",icon:"align-left",children:"Left"}),Lo(c,{icon:"align-center",children:"Center"}),Lo(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as a3,jsxs as r3}from"react/jsx-runtime";import{jsx as nt,jsxs as qs}from"react/jsx-runtime";var Ys=e=>nt(ce,{scrollable:!0,...e,children:[nt(c,{children:"Button"},"toolbar-button"),nt(de,{text:"Menu button"},"toolbar-menu-button"),nt(Z,{children:"Split button"},"toolbar-split-button"),qs(D,{children:[nt(c,{className:"k-group-start",icon:"align-left",children:"Left"}),nt(c,{icon:"align-center",children:"Center"}),nt(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),nt(c,{children:"Button"},"toolbar-button"),nt(de,{text:"Menu button"},"toolbar-menu-button"),nt(Z,{children:"Split button"},"toolbar-split-button"),qs(D,{children:[nt(c,{className:"k-group-start",icon:"align-left",children:"Left"}),nt(c,{icon:"align-center",children:"Center"}),nt(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as it,jsxs as Qs}from"react/jsx-runtime";var Zs=({scrollingPosition:e="start",...t})=>it(ce,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[it(c,{children:"Button"},"toolbar-button"),it(de,{text:"Menu button"},"toolbar-menu-button"),it(Z,{children:"Split button"},"toolbar-split-button"),Qs(D,{children:[it(c,{className:"k-group-start",icon:"align-left",children:"Left"}),it(c,{icon:"align-center",children:"Center"}),it(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),it(c,{children:"Button"},"toolbar-button"),it(de,{text:"Menu button"},"toolbar-menu-button"),it(Z,{children:"Split button"},"toolbar-split-button"),Qs(D,{children:[it(c,{className:"k-group-start",icon:"align-left",children:"Left"}),it(c,{icon:"align-center",children:"Center"}),it(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as MT,jsx as Ye,jsxs as Nr}from"react/jsx-runtime";var js=({fillMode:e,size:t,...o})=>Nr(MT,{children:[Ye(ce,{section:!0,fillMode:e,size:t,children:[Ye(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Nr(D,{fillMode:e,children:[Ye(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ye(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ye(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Ye(Lt,{className:"k-toolbar-button-separator"}),Ye(c,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),Nr(xr,{size:t,fillMode:e,section:!0,...o,children:[Ye(Z,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Ye(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Ye(Lt,{}),Ye(de,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Nr(D,{fillMode:e,children:[Ye(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Ye(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Ye(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as K3,jsx as P3,jsxs as G3}from"react/jsx-runtime";import{Fragment as J3,jsx as X3,jsxs as W3}from"react/jsx-runtime";import{jsx as so}from"react/jsx-runtime";var yT=ce.options,ST=ce.states,ed={...ce.defaultOptions,variant:"default"},wT=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],AT=[],Ga=e=>{let{variant:t,...o}={...ed,...e};switch(t){case"responsive":return so("div",{children:so(js,{style:{width:"583px"},...o})});case"overlay":return so("div",{children:so(Zs,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return so("div",{children:so(Ys,{style:{width:"583px"},...o})});default:return so("div",{children:so(Js,{style:{width:"583px"},...o})})}};Ga.options=yT;Ga.states=ST;Ga.variants=wT;Ga.defaultOptions=ed;Ga.modifiers=AT;import{jsx as ET}from"react/jsx-runtime";var td="k-grid-toolbar",Ft=e=>ET(ce,{...e,className:r(e.className,td),children:e.children});Ft.className=td;Ft.moduleName=V;Ft.folderName=W;import{jsx as cn,jsxs as RT}from"react/jsx-runtime";var pn="k-grid-stack-cell",IT=[n.focus,n.selected],gr=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,pn,{"k-grid-stack-edit-cell":a,"k-command-cell":l,"k-dirty-cell":s},I(pn,{focus:p,selected:u})),children:[s&&cn("span",{className:"k-dirty"}),t&&cn("div",{className:"k-grid-stack-header",children:t}),cn("div",{className:"k-grid-stack-content",children:o}),e.children]})};gr.states=IT;gr.className=pn;gr.moduleName=V;gr.folderName=W;import{jsx as OT}from"react/jsx-runtime";var od="k-grid-stack-row",kr=e=>{let{cols:t,...o}=e;return OT("div",{...o,className:r(e.className,od,{[`k-grid-cols-${t}`]:t}),children:e.children})};kr.className=od;kr.moduleName=V;kr.folderName=W;import{Fragment as K5,jsx as P5,jsxs as G5}from"react/jsx-runtime";import{Fragment as V5,jsx as U5,jsxs as F5}from"react/jsx-runtime";import{Fragment as Q5,jsx as q5,jsxs as Y5}from"react/jsx-runtime";import{Fragment as HT,jsx as y,jsxs as ue}from"react/jsx-runtime";var ad=({contentClassName:e,...t})=>y(J,{_renderAriaRoot:!0,pager:y(At,{refresh:!1}),children:ue(HT,{children:[y(q,{children:y("div",{className:"k-grid-header-wrap",children:ue(Y,{children:[ue("colgroup",{children:[y("col",{}),y("col",{style:{width:"225px"}}),y("col",{}),y("col",{}),y("col",{})]}),ue($,{children:[ue(k,{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"})]}),ue(k,{className:"k-filter-row",children:[y(i,{children:y("div",{className:"k-filtercell",children:ue("div",{className:"k-filtercell-wrapper",children:[y(F,{}),ue("div",{className:"k-filtercell-operator",children:[y(se,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",y(c,{disabled:!0,icon:"filter-clear"})]})]})})}),y(i,{children:y("div",{className:"k-filtercell",children:ue("div",{className:"k-filtercell-wrapper",children:[y(ie,{}),ue("div",{className:"k-filtercell-operator",children:[y(se,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",y(c,{disabled:!0,icon:"filter-clear"})]})]})})}),y(i,{children:y("div",{className:"k-filtercell",children:ue("div",{className:"k-filtercell-wrapper",children:[y(ie,{}),ue("div",{className:"k-filtercell-operator",children:[y(se,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",y(c,{disabled:!0,icon:"filter-clear"})]})]})})}),y(i,{children:y("div",{className:"k-filtercell",children:ue("div",{className:"k-filtercell-wrapper",children:[y(F,{}),ue("div",{className:"k-filtercell-operator",children:[y(se,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",y(c,{disabled:!0,icon:"filter-clear"})]})]})})}),y(i,{children:y("div",{className:"k-filtercell",children:ue("div",{className:"k-filtercell-wrapper",children:[y(se,{}),y("div",{className:"k-filtercell-operator",children:y(c,{disabled:!0,icon:"filter-clear"})})]})})})]})]})]})})}),y(re,{children:y(ee,{className:e,children:ue(te,{children:[ue("colgroup",{children:[y("col",{}),y("col",{style:{width:"225px"}}),y("col",{}),y("col",{}),y("col",{})]}),ue(oe,{children:[ue(k,{className:"k-master-row",children:[y(i,{children:"1"}),y(i,{children:"Chai"}),y(i,{children:"10 boxes x 20 bags"}),y(i,{children:"18"}),y(i,{children:"false"})]}),ue(k,{className:"k-master-row",alt:!0,children:[y(i,{children:"2"}),y(i,{children:"Chang"}),y(i,{children:"24 - 12 oz bottles"}),y(i,{children:"19"}),y(i,{children:"false"})]}),ue(k,{className:"k-master-row",children:[y(i,{children:"3"}),y(i,{children:"Aniseed Syrup"}),y(i,{children:"12 - 550 ml bottles"}),y(i,{children:"10"}),y(i,{children:"false"})]}),ue(k,{className:"k-master-row",alt:!0,children:[y(i,{children:"4"}),y(i,{children:"Chef Anton's Cajun Seasoning"}),y(i,{children:"48 - 6 oz jars"}),y(i,{children:"22"}),y(i,{children:"false"})]}),ue(k,{className:"k-master-row",children:[y(i,{children:"5"}),y(i,{children:"Grandma's Boysenberry Spread"}),y(i,{children:"12 - 8 oz jars"}),y(i,{children:"25"}),y(i,{children:"false"})]})]})]})})})]}),...t});import{jsx as vr}from"react/jsx-runtime";var PT="k-chip-action";var Le=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=vr(m,{icon:"x-circle",size:"small"});break;case"more":a=vr(m,{icon:"more-vertical",size:"small"});break;default:return vr(m,{icon:t,size:"small"})}return vr("span",{...o,className:r(e.className,PT,`k-chip-${t}-action`),children:a})};var mn="avatar",rd=mn;import{jsx as ld}from"react/jsx-runtime";var Ka="k-avatar";var GT=[n.hover,n.focus,n.active,n.selected,n.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]},un={type:"text",border:!1},Qe=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,type:s=un.type,border:p=un.border,...u}=e;return ld("div",{...u,className:r(e.className,Ka,A(Ka,{size:t,rounded:o,fillMode:a,themeColor:l}),{[`${Ka}-bordered`]:p}),children:ld("span",{className:`${Ka}-${s}`,children:e.children})})};Qe.states=GT;Qe.options=KT;Qe.className=Ka;Qe.defaultOptions=un;Qe.moduleName=mn;Qe.folderName=rd;Qe.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var Co=Qe;import{jsx as DT}from"react/jsx-runtime";var nd=e=>DT(Co,{type:"icon",...e});import{jsx as BT}from"react/jsx-runtime";var id=e=>BT(Co,{type:"text",...e});import{jsx as _T}from"react/jsx-runtime";var sd=e=>_T(Co,{type:"image",...e});import{jsx as Sz}from"react/jsx-runtime";import{jsx as Da}from"react/jsx-runtime";var zT=Qe.options,UT=Qe.states,FT={...Qe.defaultOptions,variant:"image"},VT=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],$T=[],Ba=e=>{let{variant:t,...o}=e;switch(t){case"icon":return Da(nd,{...o,children:Da(m,{icon:"star"})});case"text":return Da(id,{...o,children:"JO"});default:return Da(sd,{...o,children:Da("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Ba.options=zT;Ba.states=UT;Ba.variants=VT;Ba.defaultOptions=FT;Ba.modifiers=$T;var _a="chip",Lr=_a;import{jsx as $o,jsxs as JT}from"react/jsx-runtime";var Cr="k-chip",XT=[n.hover,n.focus,n.active,n.selected,n.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]},dd={avatarImage:"/packages/html/assets/avatar.jpg"},Ce=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,text:s,icon:p,actions:u,showAvatar:x,avatarImage:g=dd.avatarImage,hover:L,focus:v,active:b,selected:w,disabled:S,...E}=e;return JT("div",{...E,className:r(e.className,Cr,A(Cr,{size:t,rounded:o,fillMode:a,themeColor:l}),I(Cr,{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&&$o(m,{className:"k-chip-icon",icon:p,size:"small"}),x&&$o(Qe,{className:"k-chip-avatar",type:"image",children:$o("img",{src:g,alt:""})}),$o("span",{className:"k-chip-content",children:e.children?e.children:s&&$o("span",{className:"k-chip-label",children:s})}),u&&$o("span",{className:"k-chip-actions",children:u})]})};Ce.states=XT;Ce.options=WT;Ce.className=Cr;Ce.defaultOptions=dd;Ce.moduleName=_a;Ce.folderName=Lr;Ce.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 kt=Ce;import{jsx as ZT}from"react/jsx-runtime";var bn="k-chip-list",qT=[],YT={size:[d.undefined,d.small,d.medium,d.large]},QT={},Me=e=>{let{size:t,multiselectable:o,ariaLabel:a,...l}=e;return ZT("div",{...l,className:r(e.className,bn,A(bn,{size:t})),role:"listbox","aria-label":a||"chip list","aria-orientation":"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};Me.states=qT;Me.options=YT;Me.className=bn;Me.defaultOptions=QT;Me.moduleName=_a;Me.folderName=Lr;Me.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 a6}from"react/jsx-runtime";import{jsx as i6}from"react/jsx-runtime";import{jsx as jT}from"react/jsx-runtime";var Mr=e=>jT(kt,{text:"text",...e});import{jsx as f6}from"react/jsx-runtime";import{jsx as N6}from"react/jsx-runtime";import{Fragment as M6,jsx as C6,jsxs as y6}from"react/jsx-runtime";import{jsx as I6,jsxs as R6}from"react/jsx-runtime";import{jsx as K6,jsxs as D6}from"react/jsx-runtime";import{jsx as V6,jsxs as $6}from"react/jsx-runtime";import{jsx as Xo,jsxs as lh}from"react/jsx-runtime";var eh={...kt.options,...Me.options},th=[],oh=Me.states,ah={...kt.defaultOptions,...Me.defaultOptions},rh=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],za=e=>{let{modifiers:t,className:o,...a}=e,l=t?.icon,s=t?.actions,p=t?.avatar;return lh(Me,{size:a.size,className:o,children:[Xo(Mr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?Xo(Le,{type:"remove"}):void 0,showAvatar:p,children:"Chip"}),Xo(Mr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?Xo(Le,{type:"remove"}):void 0,showAvatar:p,children:"Chip"}),Xo(Mr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?Xo(Le,{type:"remove"}):void 0,showAvatar:p,children:"Chip"})]})};za.options=eh;za.states=oh;za.variants=th;za.defaultOptions=ah;za.modifiers=rh;import{jsx as fn}from"react/jsx-runtime";var nh=Ce.states,ih=Ce.defaultOptions,sh=Ce.options,dh=[],ch=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],Ua=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]?fn(Le,{type:"more"}):void 0;break;case"remove-icon":a.actions||(a.actions=[]),a.actions[1]=t?.[l]?fn(Le,{type:"remove"}):void 0;break;default:break}}),fn(Ce,{...o,...a,children:"Chip component"})};Ua.options=sh;Ua.states=nh;Ua.variants=dh;Ua.defaultOptions=ih;Ua.modifiers=ch;import{Fragment as Tn,jsx as P,jsxs as Ue}from"react/jsx-runtime";var cd=({dropClue:e,contentClassName:t,...o})=>P(J,{_renderAriaRoot:!0,groupingHeader:P(Vt,{dropClue:e,children:Ue(Me,{children:[P(Ce,{icon:"sort-asc-small",text:"ID",actions:Ue(Tn,{children:[P(Le,{type:"more"}),P(Le,{type:"remove"})]})}),P(Ce,{icon:"sort-desc-small",text:"Name",actions:Ue(Tn,{children:[P(Le,{type:"more"}),P(Le,{type:"remove"})]})})]})}),children:Ue(Tn,{children:[P(q,{draggable:!0,children:P("div",{className:"k-grid-header-wrap",children:Ue(Y,{children:[Ue("colgroup",{children:[P("col",{className:"k-group-col"}),P("col",{className:"k-group-col"}),P("col",{}),P("col",{}),P("col",{}),P("col",{})]}),P($,{children:Ue(k,{children:[P(M,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),P(M,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),P(M,{colspan:1,columnTitle:"ID"}),P(M,{colspan:1,columnTitle:"Name"}),P(M,{colspan:1,columnTitle:"Price"}),P(M,{colspan:1,columnTitle:"Category"})]})})]})})}),P(re,{children:P(ee,{className:t,children:Ue(te,{children:[Ue("colgroup",{children:[P("col",{className:"k-group-col"}),P("col",{className:"k-group-col"}),P("col",{}),P("col",{}),P("col",{}),P("col",{})]}),Ue(oe,{children:[P(k,{className:"k-table-group-row k-grouping-row",children:P(i,{colspan:6,children:Ue("p",{className:"k-reset",children:[P(m,{icon:"caret-alt-right"}),"ID: 1"]})})}),P(k,{className:"k-table-group-row k-grouping-row",children:P(i,{colspan:6,children:Ue("p",{className:"k-reset",children:[P(m,{icon:"caret-alt-down"}),"ID: 2"]})})}),Ue(k,{className:"k-table-group-row k-grouping-row",children:[P(i,{className:"k-table-group-td k-group-cell"}),P(i,{colspan:5,children:Ue("p",{className:"k-reset",children:[P(m,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),Ue(k,{className:"k-master-row",alt:!0,children:[P(i,{className:"k-table-group-td k-group-cell"}),P(i,{className:"k-table-group-td k-group-cell"}),P(i,{colspan:0,children:"2"}),P(i,{colspan:0,children:"Chang"}),P(i,{colspan:0,children:"$19.00"}),P(i,{colspan:0,children:"Beverages"})]})]})]})})})]}),...o});import{Fragment as O9,jsx as I9,jsxs as R9}from"react/jsx-runtime";import{Fragment as z9,jsx as B9,jsxs as _9}from"react/jsx-runtime";import{Fragment as J9,jsx as X9,jsxs as W9}from"react/jsx-runtime";import{Fragment as ph,jsx as B,jsxs as Fe}from"react/jsx-runtime";var pd=({headerWrapClassName:e,contentClassName:t,...o})=>B(J,{_renderAriaRoot:!0,children:Fe(ph,{children:[B(q,{children:B("div",{className:`k-grid-header-wrap ${e}`,children:Fe(Y,{children:[Fe("colgroup",{children:[B("col",{}),B("col",{}),B("col",{}),B("col",{})]}),Fe($,{children:[Fe(k,{children:[B(M,{rowspan:3,colspan:1,columnTitle:"ID"}),B(M,{rowspan:1,colspan:3,columnTitle:"Product Information"})]}),Fe(k,{children:[B(M,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first"}),B(M,{rowspan:1,colspan:2,columnTitle:"Unit"})]}),Fe(k,{children:[B(M,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first"}),B(M,{rowspan:1,colspan:1,columnTitle:"Units Price"})]})]})]})})}),B(re,{children:B(ee,{className:t,children:Fe(te,{children:[Fe("colgroup",{children:[B("col",{}),B("col",{}),B("col",{}),B("col",{})]}),Fe(oe,{children:[Fe(k,{className:"k-master-row",children:[B(i,{children:"1"}),B(i,{children:"Chai"}),B(i,{children:"39"}),B(i,{children:"18"})]}),Fe(k,{className:"k-master-row",alt:!0,children:[B(i,{children:"2"}),B(i,{children:"Chang"}),B(i,{children:"17"}),B(i,{children:"19"})]}),Fe(k,{className:"k-master-row",children:[B(i,{children:"3"}),B(i,{children:"Aniseed Syrup"}),B(i,{children:"13"}),B(i,{children:"10"})]}),Fe(k,{className:"k-master-row",alt:!0,children:[B(i,{children:"4"}),B(i,{children:"Chef Anton's Cajun Seasoning"}),B(i,{children:"53"}),B(i,{children:"22"})]}),Fe(k,{className:"k-master-row",children:[B(i,{children:"5"}),B(i,{children:"Chef Anton's Gumbo Mix"}),B(i,{children:"0"}),B(i,{children:"21.35"})]})]})]})})})]}),...o});import{Fragment as n7,jsx as r7,jsxs as l7}from"react/jsx-runtime";import{Fragment as u7,jsx as p7,jsxs as m7}from"react/jsx-runtime";import{Fragment as mh,jsx as K,jsxs as vt}from"react/jsx-runtime";var md=e=>K(J,{_renderAriaRoot:!0,toolbar:vt(Ft,{children:[K(c,{children:"Add new"}),K(c,{children:"Save Changes"}),K(c,{children:"Cancel Changes"})]}),children:vt(mh,{children:[K(q,{children:K("div",{className:"k-grid-header-wrap",children:vt(Y,{children:[vt("colgroup",{children:[K("col",{}),K("col",{}),K("col",{}),K("col",{style:{width:"300px"}})]}),K($,{children:vt(k,{children:[K(M,{columnTitle:"Name"}),K(M,{columnTitle:"Price"}),K(M,{columnTitle:"Available"}),K(M,{accessibleLabel:"Commands"})]})})]})})}),K(re,{children:K(ee,{children:K("div",{children:vt(te,{children:[vt("colgroup",{children:[K("col",{}),K("col",{}),K("col",{}),K("col",{style:{width:"300px"}})]}),vt(oe,{children:[vt(k,{className:"k-master-row k-grid-add-row k-grid-edit-row",children:[K(i,{children:K(ie,{value:"Towel"})}),K(i,{children:K(F,{value:"42"})}),K(i,{children:K(Xe,{})}),vt(i,{className:"k-command-cell",children:[K(c,{children:"Add"}),K(c,{children:"Cancel"})]})]}),vt(k,{className:"k-master-row",children:[K(i,{children:"Chai"}),K(i,{children:"18"}),K(i,{children:"false"}),K(i,{className:"k-command-cell",children:K(c,{children:"Remove"})})]}),vt(k,{className:"k-master-row",alt:!0,children:[K(i,{children:"Chang"}),K(i,{children:"19"}),K(i,{children:"false"}),K(i,{className:"k-command-cell",children:K(c,{children:"Remove"})})]})]})]})})})})]}),...e});import{Fragment as D7,jsx as K7,jsxs as B7}from"react/jsx-runtime";import{Fragment as yr,jsx as f,jsxs as ae}from"react/jsx-runtime";var uh=J.options,bh=J.states,ud={...J.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"}],Fa=e=>{let{variant:t,modifiers:o,...a}={...ud,...e},l={toolbar:void 0,pager:void 0},s=ae(Ft,{children:[f(c,{icon:"plus",children:"Add New"}),f(c,{icon:"file-pdf",children:"Export to PDF"}),f("span",{className:"k-spacer"}),f(ie,{prefix:f(m,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),p=f(Te,{pageSizes:!1,refresh:!1});Object.keys(o||{}).forEach(g=>{switch(g){case"toolbar":l.toolbar=o?.[g]?s:void 0;break;case"pager":l.pager=o?.[g]?p:void 0;break;default:return}});let u={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},x=ae(yr,{children:[f(q,{children:f("div",{className:"k-grid-header-wrap",children:ae(Y,{children:[ae("colgroup",{children:[f("col",{}),f("col",{}),f("col",{}),f("col",{})]}),f($,{children:ae(k,{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:ae(te,{children:[ae("colgroup",{children:[f("col",{}),f("col",{}),f("col",{}),f("col",{})]}),ae(oe,{children:[ae(k,{children:[f(i,{children:"1"}),f(i,{children:"Chai"}),f(i,{children:"39"}),f(i,{children:"18"})]}),ae(k,{className:"k-alt",alt:!0,children:[f(i,{children:"2"}),f(i,{children:"Chang"}),f(i,{children:"17"}),f(i,{children:"19"})]}),ae(k,{children:[f(i,{children:"3"}),f(i,{children:"Aniseed Syrup"}),f(i,{children:"13"}),f(i,{children:"10"})]}),ae(k,{className:"k-alt",alt:!0,children:[f(i,{children:"4"}),f(i,{children:"Chef Anton's Cajun Seasoning"}),f(i,{children:"53"}),f(i,{children:"22"})]}),ae(k,{children:[f(i,{children:"5"}),f(i,{children:"Chef Anton's Gumbo Mix"}),f(i,{children:"0"}),f(i,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return f(pd,{...a,...l});case"editing":return f(md,{...a,...l});case"grouping":return f(cd,{...a,...l,groupingHeader:f(Vt,{children:ae(Me,{children:[f(Ce,{icon:"sort-asc-small",actions:ae(yr,{children:[f(Le,{type:"more"}),f(Le,{type:"remove"})]}),children:"ID"}),f(Ce,{icon:"sort-desc-small",actions:ae(yr,{children:[f(Le,{type:"more"}),f(Le,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return f(J,{...a,...l,children:ae(yr,{children:[f(q,{children:ae("div",{className:"k-grid-header-wrap",children:[" ",ae(Y,{children:[ae("colgroup",{children:[f("col",{className:"k-drag-col"}),f("col",{}),f("col",{}),f("col",{}),f("col",{})]}),f($,{children:ae(k,{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:ae(te,{children:[ae("colgroup",{children:[f("col",{className:"k-drag-col"}),f("col",{}),f("col",{}),f("col",{}),f("col",{})]}),ae(oe,{children:[ae(k,{children:[f(i,{className:"k-drag-cell",children:f(m,{icon:"reorder"})}),f(i,{children:"1"}),f(i,{children:"Chai"}),f(i,{children:"39"}),f(i,{children:"18"})]}),ae(k,{className:"k-alt",alt:!0,children:[f(i,{className:"k-drag-cell",children:f(m,{icon:"reorder"})}),f(i,{children:"2"}),f(i,{children:"Chang"}),f(i,{children:"17"}),f(i,{children:"19"})]}),ae(k,{children:[f(i,{className:"k-drag-cell",children:f(m,{icon:"reorder"})}),f(i,{children:"3"}),f(i,{children:"Aniseed Syrup"}),f(i,{children:"13"}),f(i,{children:"10"})]}),ae(k,{className:"k-alt",alt:!0,children:[f(i,{className:"k-drag-cell",children:f(m,{icon:"reorder"})}),f(i,{children:"4"}),f(i,{children:"Chef Anton's Cajun Seasoning"}),f(i,{children:"53"}),f(i,{children:"22"})]}),ae(k,{children:[f(i,{className:"k-drag-cell",children:f(m,{icon:"reorder"})}),f(i,{children:"5"}),f(i,{children:"Chef Anton's Gumbo Mix"}),f(i,{children:"0"}),f(i,{children:"21.35"})]})]})]})})})]})});case"filter-row":return f(ad,{...a,...l});default:return f(J,{...a,...l,children:x})}};Fa.options=uh;Fa.states=bh;Fa.variants=fh;Fa.defaultOptions=ud;Fa.modifiers=Th;var hn="treelist",bd=hn;import{jsx as gh}from"react/jsx-runtime";var fd="k-treelist",hh=[],xh={},Nh={},Ve=e=>gh(J,{...e,className:r(fd,e.className),children:e.children});Ve.states=hh;Ve.options=xh;Ve.className=fd;Ve.defaultOptions=Nh;Ve.moduleName=hn;Ve.folderName=bd;import{jsx as _,jsxs as Ee}from"react/jsx-runtime";var Mo=({gridHeader:e,gridContent:t,menu:o,...a})=>Ee(Ve,{id:"treelist",_renderAriaRoot:!0,...a,children:[e||_(q,{children:_("div",{className:"k-grid-header-wrap",children:Ee(Y,{children:[Ee("colgroup",{children:[_("col",{}),_("col",{}),_("col",{})]}),_($,{children:Ee(k,{children:[_(M,{menu:o,columnTitle:"Name"}),_(M,{menu:o,columnTitle:"Position"}),_(M,{menu:o,columnTitle:"Hire Date"})]})})]})})}),_(re,{children:t||_(ee,{children:Ee(te,{children:[Ee("colgroup",{children:[_("col",{}),_("col",{}),_("col",{})]}),Ee(oe,{children:[Ee(k,{children:[Ee(i,{children:[_(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),_(i,{children:"Sweeney"}),_(i,{children:"CEO"})]}),Ee(k,{alt:!0,children:[Ee(i,{children:[_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),_(i,{children:"Wooten"}),_(i,{children:"Chief Technical Officer"})]}),Ee(k,{children:[Ee(i,{children:[_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),_(i,{children:"Weber"}),_(i,{children:"VP, Engineering"})]}),Ee(k,{alt:!0,children:[Ee(i,{children:[_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),_(i,{children:"Hood"}),_(i,{children:"Team Lead"})]}),Ee(k,{children:[Ee(i,{children:[_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"none"}),_(m,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),_(i,{children:"Carr"}),_(i,{children:"Junior Software Developer"})]})]})]})})})]});import{jsx as kh}from"react/jsx-runtime";var Td=e=>kh(Mo,{menu:"column",...e});import{jsx as vh}from"react/jsx-runtime";var hd=e=>vh(Mo,{menu:"filter",...e});import{jsx as c4,jsxs as p4}from"react/jsx-runtime";import{jsx as C,jsxs as ne}from"react/jsx-runtime";var Lh=Ve.options,Ch=Ve.states,xd={...Ve.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"}],Va=e=>{let{variant:t,modifiers:o,...a}={...xd,...e},l={},s=ne(Ft,{children:[C(c,{icon:"plus",children:"Add New"}),C(c,{icon:"file-pdf",children:"Export to PDF"}),C("span",{className:"k-spacer"}),C(ie,{prefix:C(m,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),p=C(Te,{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(Td,{...a,...l,gridHeader:C(q,{children:C("div",{className:"k-grid-header-wrap",children:ne(Y,{children:[ne("colgroup",{children:[C("col",{}),C("col",{}),C("col",{})]}),C($,{children:ne(k,{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(hd,{...a,...l,gridHeader:C(q,{children:C("div",{className:"k-grid-header-wrap",children:ne(Y,{children:[ne("colgroup",{children:[C("col",{}),C("col",{}),C("col",{})]}),C($,{children:ne(k,{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(Mo,{...a,...l,gridHeader:C(q,{children:C("div",{className:"k-grid-header-wrap",children:ne(Y,{children:[ne("colgroup",{children:[C("col",{}),C("col",{}),C("col",{})]}),C($,{children:ne(k,{children:[C(M,{columnTitle:"First Name"}),C(M,{columnTitle:"Last Name",sortable:!0}),C(M,{columnTitle:"Position"})]})})]})})}),gridContent:C(ee,{children:ne(te,{children:[ne("colgroup",{children:[C("col",{}),C("col",{className:"k-sorted"}),C("col",{})]}),ne(oe,{children:[ne(k,{className:"k-treelist-group",children:[ne(i,{children:[C(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),C(i,{children:"Sweeney"}),C(i,{children:"CEO"})]}),ne(k,{className:"k-treelist-group k-alt",alt:!0,children:[ne(i,{children:[C(m,{className:"k-treelist-toggle",icon:"none"}),C(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),C(i,{children:"Wooten"}),C(i,{children:"Chief Technical Officer"})]}),ne(k,{className:"k-treelist-group",children:[ne(i,{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(i,{children:"Weber"}),C(i,{children:"VP, Engineering"})]}),ne(k,{className:"k-treelist-group k-alt",alt:!0,children:[ne(i,{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(i,{children:"Hood"}),C(i,{children:"Team Lead"})]}),ne(k,{children:[ne(i,{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(i,{children:"Carr"}),C(i,{children:"Junior Software Developer"})]})]})]})})});default:return C(Mo,{...a,...l,gridHeader:C(q,{children:C("div",{className:"k-grid-header-wrap",children:ne(Y,{children:[ne("colgroup",{children:[C("col",{}),C("col",{}),C("col",{})]}),C($,{children:ne(k,{children:[C(M,{columnTitle:"First Name"}),C(M,{columnTitle:"Last Name"}),C(M,{columnTitle:"Position"})]})})]})})})})}};Va.options=Lh;Va.states=Ch;Va.variants=Mh;Va.defaultOptions=xd;Va.modifiers=yh;import{jsx as R,jsxs as Ie}from"react/jsx-runtime";var Nd=({gridHeader:e,gridContent:t,menu:o,...a})=>Ie(Ve,{id:"treelist",_renderAriaRoot:!0,...a,children:[e||R(q,{children:R("div",{className:"k-grid-header-wrap",children:Ie(Y,{children:[Ie("colgroup",{children:[R("col",{className:"k-drag-col"}),R("col",{}),R("col",{}),R("col",{})]}),R($,{children:Ie(k,{children:[R(M,{}),R(M,{menu:o,columnTitle:"First Name"}),R(M,{menu:o,columnTitle:"Last Name"}),R(M,{menu:o,columnTitle:"Position"})]})})]})})}),R(re,{children:t||R(ee,{children:Ie(te,{children:[Ie("colgroup",{children:[R("col",{className:"k-drag-col"}),R("col",{}),R("col",{}),R("col",{})]}),Ie(oe,{children:[Ie(k,{children:[R(i,{className:"k-drag-cell",children:R(m,{icon:"reorder"})}),Ie(i,{children:[R(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),R(i,{children:"Sweeney"}),R(i,{children:"CEO"})]}),Ie(k,{alt:!0,children:[R(i,{className:"k-drag-cell",children:R(m,{icon:"reorder"})}),Ie(i,{children:[R(m,{className:"k-treelist-toggle",icon:"none"}),R(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),R(i,{children:"Wooten"}),R(i,{children:"Chief Technical Officer"})]}),Ie(k,{children:[R(i,{className:"k-drag-cell",children:R(m,{icon:"reorder"})}),Ie(i,{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-down"}),"Buffy"]}),R(i,{children:"Weber"}),R(i,{children:"VP, Engineering"})]}),Ie(k,{alt:!0,children:[R(i,{className:"k-drag-cell",children:R(m,{icon:"reorder"})}),Ie(i,{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"}),R(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),R(i,{children:"Hood"}),R(i,{children:"Team Lead"})]}),Ie(k,{children:[R(i,{className:"k-drag-cell",children:R(m,{icon:"reorder"})}),Ie(i,{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"}),R(m,{className:"k-treelist-toggle",icon:"none"}),R(m,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),R(i,{children:"Carr"}),R(i,{children:"Junior Software Developer"})]})]})]})})})]});export{Nd as TreeListRowReordering};