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

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

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

Files changed (86) hide show

package/dist/cjs/treelist/templates/treelist-aggregates.js CHANGED Viewed

	@@ -1 +1 @@
1	- var cp=Object.create;var Qa=Object.defineProperty;var pp=Object.getOwnPropertyDescriptor;var mp=Object.getOwnPropertyNames;var up=Object.getPrototypeOf,bp=Object.prototype.hasOwnProperty;var fp=(e,t)=>{for(var o in t)Qa(e,o,{get:t[o],enumerable:!0})},Xn=(e,t,o,a)=>{if(t&&typeof t=="object"\|\|typeof t=="function")for(let l of mp(t))!bp.call(e,l)&&l!==o&&Qa(e,l,{get:()=>t[l],enumerable:!(a=pp(t,l))\|\|a.enumerable});return e};var Wn=(e,t,o)=>(o=e!=null?cp(up(e)):{},Xn(t\|\|!e\|\|!e.__esModule?Qa(o,"default",{value:e,enumerable:!0}):o,e)),Tp=e=>Xn(Qa({},"__esModule",{value:!0}),e);var rx={};fp(rx,{TreeListAggregates:()=>ax});module.exports=Tp(rx);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 R=(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"}),K=(e,t)=>{let{valid:o,invalid:a,hover:l,focus:s,checked:p,active:b,selected:g,disabled:L,indeterminate:y,loading:M,empty:f,readonly:E,highlighted:A,...H}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":l,"k-focus":s,"k-checked":p,"k-active":b,"k-selected":g,"k-disabled":L,"k-indeterminate":y&&!p,"k-loading":M,"k-empty":f,"k-readonly":E,"k-highlighted":A},Object.keys(H).reduce((_,D)=>(D.startsWith("k-")?_[D]=H[D]:_[`k-${D}`]=H[D],_),{}))};function Jn(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"},x={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},k={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},h={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},i={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var j="grid",oe=j;var ja=require("react/jsx-runtime"),Za="k-grid",hp=[],xp={size:[d.undefined,d.small,d.medium,d.large]},Np=[],qn={pagerPosition:"bottom"},Y=e=>{let{size:t,pagerPosition:o=qn.pagerPosition,toolbar:a,pager:l,groupingHeader:s,gridSelectionAggregates:p,_renderAriaRoot:b,resizable:g,...L}=e;return(0,ja.jsxs)("div",{...L,className:r(e.className,Za,{[`${Za}-resizable`]:g},R(Za,{size:t})),children:[a,o==="top"&&l,s,e.children&&b?(0,ja.jsx)("div",{className:"k-grid-aria-root",children:e.children}):e.children,p,o==="bottom"&&l]})};Y.states=hp;Y.options=xp;Y.variants=Np;Y.className=Za;Y.defaultOptions=qn;Y.moduleName=j;Y.folderName=oe;var Qn=require("react/jsx-runtime"),Yn="k-grid-header",J=e=>{let{draggable:t,...o}=e;return(0,Qn.jsx)("div",{...o,className:r(e.className,Yn,{"k-grid-draggable-header":t}),children:e.children})};J.className=Yn;J.moduleName=j;J.folderName=oe;var jo=require("react/jsx-runtime"),Zn="k-grouping-header",ao=e=>{let{dropHint:t,dropClue:o,...a}=e;return(0,jo.jsxs)("div",{...a,className:r(e.className,Zn),children:[o&&(0,jo.jsx)("div",{className:"k-grouping-dropclue"}),e.children,(0,jo.jsx)("div",{className:"k-grouping-drop-container",children:t})]})};ao.className=Zn;ao.moduleName=j;ao.folderName=oe;var ti=require("react/jsx-runtime"),jn="k-grid-sticky-container",ei={position:"top"},er=e=>{let{position:t=ei.position,...o}=e;return(0,ti.jsx)("div",{...o,className:r(e.className,jn,{"k-grid-sticky-top-container":t==="top","k-grid-sticky-bottom-container":t==="bottom"}),children:e.children})};er.className=jn;er.defaultProps=ei;er.moduleName=j;er.folderName=oe;var Ie="table",_e=Ie;var ai=require("react/jsx-runtime"),oi="k-data-table",gp=[],kp={size:[d.undefined,d.small,d.medium,d.large]},vp={},Ut=e=>{let{size:t,...o}=e;return(0,ai.jsx)("div",{...o,className:r(e.className,oi,R("k-table",{size:t})),children:e.children})};Ut.states=gp;Ut.options=kp;Ut.className=oi;Ut.defaultOptions=vp;Ut.moduleName=Ie;Ut.folderName=_e;var ri=require("react/jsx-runtime"),Kr="k-table-header-wrap",Lp=[i.hover,i.focus,i.disabled],Cp={},Mp={},ro=e=>{let{children:t,hover:o,focus:a,disabled:l,...s}=e;return(0,ri.jsx)("div",{...s,className:r(e.className,Kr,K(Kr,{hover:o,focus:a,disabled:l})),children:t})};ro.states=Lp;ro.options=Cp;ro.className=Kr;ro.defaultOptions=Mp;ro.moduleName=Ie;ro.folderName=_e;var li=require("react/jsx-runtime"),Br="k-table",yp=[],Sp={size:[d.undefined,d.small,d.medium,d.large]},wp={},ze=e=>{let{size:t,...o}=e;return(0,li.jsx)("table",{...o,className:r(e.className,Br,R(Br,{size:t})),children:e.children})};ze.states=yp;ze.options=Sp;ze.className=Br;ze.defaultOptions=wp;ze.moduleName=Ie;ze.folderName=_e;var tr=require("react/jsx-runtime"),Dr="k-table-header",Ap=[i.hover,i.focus,i.disabled],Ep={},Ip={},Ft=e=>{let{children:t,hover:o,focus:a,disabled:l,...s}=e;return(0,tr.jsx)("div",{...s,className:r(e.className,Dr,K(Dr,{hover:o,focus:a,disabled:l})),children:(0,tr.jsx)(ro,{children:(0,tr.jsx)(ze,{children:t})})})};Ft.states=Ap;Ft.options=Ep;Ft.className=Dr;Ft.defaultOptions=Ip;Ft.moduleName=Ie;Ft.folderName=_e;var ii=require("react/jsx-runtime"),ni="k-table-scroller",Rp=[],Op={},Hp={},Ro=e=>{let{children:t,...o}=e;return(0,ii.jsx)("div",{...o,className:r(e.className,ni),children:t})};Ro.states=Rp;Ro.options=Op;Ro.className=ni;Ro.defaultOptions=Hp;Ro.moduleName=Ie;Ro.folderName=_e;var Pp=require("react/jsx-runtime");var di=require("react/jsx-runtime"),si="k-table-footer",Gp=[],Kp={},Bp={},lo=e=>{let{children:t,...o}=e;return(0,di.jsx)("div",{...o,className:r(e.className,si),children:t})};lo.states=Gp;lo.options=Kp;lo.className=si;lo.defaultOptions=Bp;lo.moduleName=Ie;lo.folderName=_e;var ci=require("react/jsx-runtime"),_r="k-table-list",Dp=[],_p={size:[d.undefined,d.small,d.medium,d.large]},zp={},no=e=>{let{size:t,virtualization:o,...a}=e;return(0,ci.jsx)("ul",{...a,className:r(e.className,"k-table",_r,R(_r,{size:t}),{"k-virtual-table":o}),children:e.children})};no.states=Dp;no.options=_p;no.className=_r;no.defaultOptions=zp;no.moduleName=Ie;no.folderName=_e;var pi=require("react/jsx-runtime"),Up="k-table-thead",X=e=>(0,pi.jsx)("thead",{className:r(e.className,Up),children:e.children});var mi=require("react/jsx-runtime"),Fp="k-table-tbody",ae=e=>(0,mi.jsx)("tbody",{className:r(e.className,Fp),children:e.children});var Vp=require("react/jsx-runtime");var ui=require("react/jsx-runtime"),zr="k-table-row",$p=[i.hover,i.focus,i.selected,i.disabled,i.highlighted],v=e=>{let{hover:t,focus:o,selected:a,highlighted:l,disabled:s,alt:p,...b}=e;return(0,ui.jsx)("tr",{...b,className:r(e.className,zr,{"k-table-alt-row":p},K(zr,{hover:t,focus:o,disabled:s,selected:a,highlighted:l})),children:e.children})};v.states=$p;v.className=zr;var bi=require("react/jsx-runtime"),Ur="k-table-row",Xp=[i.hover,i.focus,i.selected,i.disabled],or=e=>{let{hover:t,focus:o,selected:a,disabled:l,alt:s,...p}=e;return(0,bi.jsx)("li",{...p,className:r(e.className,Ur,{"k-table-alt-row":s},K(Ur,{hover:t,focus:o,disabled:l,selected:a})),children:e.children})};or.states=Xp;or.className=Ur;var Ti=require("react/jsx-runtime"),fi="k-table-th",Vt=e=>{let{text:t,colspan:o,rowspan:a,...l}=e,s=t\|\|e.children;return(0,Ti.jsx)("th",{colSpan:o,rowSpan:a,...l,className:r(e.className,fi),children:s})};Vt.className=fi;Vt.moduleName=Ie;Vt.folderName=_e;var Wp=require("react/jsx-runtime");var hi=require("react/jsx-runtime"),Fr="k-table-td",Jp=[i.focus,i.selected,i.highlighted],n=e=>{let{focus:t,selected:o,highlighted:a,text:l,colspan:s,rowspan:p,...b}=e,g=l\|\|e.children;return(0,hi.jsx)("td",{colSpan:s,rowSpan:p,...b,className:r(e.className,Fr,K(Fr,{focus:t,selected:o,highlighted:a})),children:g})};n.states=Jp;n.className=Fr;var qp=require("react/jsx-runtime");var Yp=require("react/jsx-runtime");var Qp=require("react/jsx-runtime");var Zp=require("react/jsx-runtime");var jp=require("react/jsx-runtime");var Ni=require("react/jsx-runtime");var gi=require("react/jsx-runtime");var ki=require("react/jsx-runtime");var Vr=require("react/jsx-runtime");var Li=require("react/jsx-runtime"),vi="k-grid-header-table",q=e=>(0,Li.jsx)(ze,{...e,className:r(e.className,vi),children:e.children});q.className=vi;q.moduleName=j;q.folderName=oe;var ea=require("react/jsx-runtime"),$r="k-font-icon",am=[],rm={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.light,h.dark]},lm={},ta=e=>{let{size:t,themeColor:o,icon:a,rotate:l,flip:s,...p}=e;return a?(0,ea.jsx)("span",{...p,className:r(e.className,$r,R($r,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${l}`]:l,"k-flip-h":s==="h"\|\|s==="both","k-flip-v":s==="v"\|\|s==="both"}),"aria-hidden":"true"}):(0,ea.jsx)(ea.Fragment,{})};ta.states=am;ta.options=rm;ta.className=$r;ta.defaultOptions=lm;var Ci=ta;var No=require("react/jsx-runtime"),Xr="k-svg-icon",nm=[],im={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.light,h.dark]},Mi={viewBox:"0 0 24 24"},oa=e=>{let{size:t,themeColor:o,rotate:a,flip:l,viewBox:s=Mi.viewBox,icon:p,...b}=e;if(!p)return(0,No.jsx)(No.Fragment,{});if(p==="none")return(0,No.jsx)("span",{...b,className:r(e.className,Xr,R("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let g=typeof p=="object"&&p.name&&p.name;return(0,No.jsx)("span",{...b,className:r(e.className,Xr,R("k-icon",{size:t}),{[`k-svg-i-${g}`]:g,[`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:(0,No.jsx)("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})})};oa.states=nm;oa.options=im;oa.className=Xr;oa.defaultOptions=Mi;var Wr=oa;var Jr=Wn(require("@progress/kendo-svg-icons"));var yi="icon",Si="icons";var Ei=require("react");var wi=require("react"),Ai=(0,wi.createContext)({iconsType:"svg"});var $t=require("react/jsx-runtime"),ar="k-icon",sm=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),dm=[],cm={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.light,h.dark]},qr={viewBox:"0 0 24 24",type:"svg"},m=e=>{let{iconsType:t}=(0,Ei.useContext)(Ai),{size:o,themeColor:a,icon:l,type:s=t\|\|qr.type,rotate:p,flip:b,viewBox:g=qr.viewBox,...L}=e;if(!l)return(0,$t.jsx)($t.Fragment,{});if((t\|\|s)==="svg"){if(l==="none")return(0,$t.jsx)(Wr,{...L,className:r(e.className,ar),icon:l,size:o});let M=Jr[l]?l:sm(`${l}-icon`);return Jr[M]?(0,$t.jsx)(Wr,{...L,className:r(e.className,ar),icon:Jr[M],size:o,themeColor:a,rotate:p,flip:b,viewBox:g}):(0,$t.jsx)($t.Fragment,{})}return(0,$t.jsx)(Ci,{...L,className:r(e.className,ar),icon:l,size:o,themeColor:a,rotate:p,flip:b})};m.states=dm;m.options=cm;m.defaultOptions=qr;m.className=ar;m.moduleName=yi;m.folderName=Si;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."}]};var ct=require("react/jsx-runtime"),Yr="k-header",pm=[i.hover,i.focus,i.active],Ii={sortIcon:"sort-asc-small"},S=e=>{let{menu:t,sortable:o,filterable:a,sticky:l,resizable:s,columnTitle:p,hover:b,focus:g,active:L,sortIcon:y=Ii.sortIcon,sortOrder:M,accessibleLabel:f,...E}=e;return(0,ct.jsxs)(Vt,{...E,className:r(e.className,Yr,{"k-filterable":t\|\|a,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":s},K(Yr,{hover:b,focus:g,active:L})),children:[p&&(0,ct.jsxs)("span",{className:"k-cell-inner",children:[(0,ct.jsxs)("span",{className:"k-link",children:[(0,ct.jsx)("span",{className:"k-column-title",children:p}),o&&(0,ct.jsx)("span",{className:"k-sort-icon",children:(0,ct.jsx)(m,{icon:y})}),M&&(0,ct.jsx)("span",{className:"k-sort-order",children:M})]}),t&&(0,ct.jsx)("a",{href:"#",className:r("k-grid-header-menu",{"k-active":L,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:(0,ct.jsx)(m,{icon:t==="filter"?"filter":"more-vertical"})})]}),!p&&f&&(0,ct.jsx)("span",{className:"k-sr-only",children:f}),e.children,s&&(0,ct.jsx)("span",{className:"k-column-resizer k-touch-action-none"})]})};S.states=pm;S.className=Yr;S.defaultOptions=Ii;S.moduleName=j;S.folderName=oe;var Oi=require("react/jsx-runtime"),Ri="k-grid-container",le=e=>(0,Oi.jsx)("div",{...e,className:r(e.className,Ri),children:e.children});le.className=Ri;le.moduleName=j;le.folderName=oe;var Pi=require("react/jsx-runtime"),Hi="k-grid-content",ee=e=>(0,Pi.jsx)("div",{...e,className:r(e.className,Hi),children:e.children});ee.className=Hi;ee.moduleName=j;ee.folderName=oe;var Ki=require("react/jsx-runtime"),Gi="k-grid-table",te=e=>(0,Ki.jsx)(ze,{...e,className:r(e.className,Gi),children:e.children});te.className=Gi;te.moduleName=j;te.folderName=oe;var Di=require("react/jsx-runtime"),Bi="k-grid-footer",Qr=e=>(0,Di.jsx)("div",{...e,className:r(e.className,Bi),children:e.children});Qr.className=Bi;Qr.moduleName=j;Qr.folderName=oe;var zi=require("react/jsx-runtime"),_i="k-grid-footer-table",Zr=e=>(0,zi.jsx)(ze,{...e,className:r(e.className,_i),children:e.children});Zr.className=_i;Zr.moduleName=j;Zr.folderName=oe;var jr="button",Ui=jr;var wt=require("react/jsx-runtime"),aa="k-button",mm=["icon-button"],um=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],bm={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.light,h.dark,h.inverse]},el={showArrow:!1,arrowIconName:"caret-alt-down"},c=e=>{let{as:t="button",size:o,rounded:a,fillMode:l,themeColor:s,showArrow:p=el.showArrow,arrowIconName:b=el.arrowIconName,variant:g,hover:L,focus:y,active:M,selected:f,disabled:E,togglable:A,icon:H,text:_,iconClassName:D,className:$,...be}=e,Le=H!==void 0,qe=e.children!==void 0;return(0,wt.jsxs)(t,{className:r($,aa,Jn(aa,g),R(aa,{size:o,rounded:a,fillMode:l,themeColor:s}),K(aa,{hover:L,focus:y,active:M,disabled:E,selected:f}),{"k-icon-button":!_&&!qe&&Le}),...be,"aria-pressed":A?f?"true":"false":void 0,disabled:E\|\|void 0,children:[H&&(0,wt.jsx)(m,{className:r(D,"k-button-icon"),icon:H}),_?(0,wt.jsxs)(wt.Fragment,{children:[_&&(0,wt.jsx)("span",{className:"k-button-text",children:_}),e.children]}):e.children&&(0,wt.jsx)("span",{className:"k-button-text",children:e.children}),p&&(0,wt.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,wt.jsx)(m,{icon:b})})]})};c.states=um;c.options=bm;c.variants=mm;c.className=aa;c.defaultOptions=el;c.moduleName=jr;c.folderName=Ui;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."}]};var Fi=require("react/jsx-runtime"),io=e=>(0,Fi.jsx)(c,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});var Vi=require("react/jsx-runtime"),ra=e=>(0,Vi.jsx)(c,{icon:"folder",children:"Button",...e});var $i=require("react/jsx-runtime"),go=e=>(0,$i.jsx)(c,{children:"Button",...e});var rr=require("react/jsx-runtime"),fm=c.options,Tm=c.states,hm={...c.defaultOptions,variant:"text"},xm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Nm=[],la=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,rr.jsx)(io,{...o,icon:"star"});case"icon-and-text":return(0,rr.jsx)(ra,{...o,icon:"star",children:"Button"});default:return(0,rr.jsx)(go,{...o,children:"Button"})}};la.options=fm;la.states=Tm;la.variants=xm;la.defaultOptions=hm;la.modifiers=Nm;var na="input",lr=na;var Xi=require("react/jsx-runtime"),nr="k-input",gm=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],km={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},vm={},Ce=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:p,readonly:b,size:g,rounded:L,fillMode:y,...M}=e;return(0,Xi.jsx)("span",{...M,className:r(e.className,nr,R(nr,{size:g,rounded:L,fillMode:y}),K(nr,{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:p,readonly:b}))})};Ce.states=gm;Ce.options=km;Ce.className=nr;Ce.defaultOptions=vm;Ce.moduleName=na;Ce.folderName=lr;var Wi=require("react/jsx-runtime"),ir="k-picker",Lm=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Cm={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},Mm={},Ot=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:p,readonly:b,size:g,rounded:L,fillMode:y,...M}=e;return(0,Wi.jsx)("span",{...M,className:r(e.className,ir,R(ir,{size:g,rounded:L,fillMode:y}),K(ir,{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:p,readonly:b})),children:e.children})};Ot.states=Lm;Ot.options=Cm;Ot.className=ir;Ot.defaultOptions=Mm;Ot.moduleName=na;Ot.folderName=lr;var Oo=require("react/jsx-runtime"),Ji="k-clear-value",ym=[i.disabled,i.loading,i.readonly],Sm={},pt=e=>{let{disabled:t,loading:o,readonly:a,value:l}=e;return t\|\|a\|\|o\|\|!l?(0,Oo.jsx)(Oo.Fragment,{}):(0,Oo.jsx)("span",{className:r(e.className,Ji),children:(0,Oo.jsx)(m,{icon:"x"})})};pt.states=ym;pt.options=Sm;pt.className=Ji;var qi=require("react/jsx-runtime"),tl="k-input-inner",wm=[],Am={},sr={type:"text",autocomplete:"off",value:"",placeholder:""},mt=e=>{let{value:t=sr.value,type:o=sr.type,placeholder:a=sr.placeholder,autocomplete:l=sr.autocomplete,disabled:s,readOnly:p,...b}=e;return(0,qi.jsx)("input",{...b,type:o,className:r(e.className,tl,R(tl,e)),placeholder:a,autoComplete:l,defaultValue:t,disabled:s\|\|void 0,readOnly:p\|\|void 0})};mt.states=wm;mt.options=Am;mt.className=tl;var ia=require("react/jsx-runtime"),ol="k-input-inner",Em=[],Im={},ko=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:l,valueIconName:s,...p}=e;return(0,ia.jsxs)("span",{...p,className:r(e.className,ol,R(ol,e)),children:[l,!l&&s&&(0,ia.jsx)(m,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&(0,ia.jsx)("span",{className:"k-input-value-text",children:t})]})};ko.states=Em;ko.options=Im;ko.className=ol;var Qi=require("react/jsx-runtime"),al="k-input-inner",Rm=[],Om={},Yi={value:"",placeholder:""},rl=e=>{let{value:t=Yi.value,placeholder:o=Yi.placeholder,rows:a,disabled:l,...s}=e;return(0,Qi.jsx)("textarea",{...s,className:r(e.className,al,R(al,e)),placeholder:o,rows:a,defaultValue:t,disabled:l\|\|void 0})};rl.states=Rm;rl.options=Om;rl.className=al;var sa=require("react/jsx-runtime"),Zi="k-input-loading-icon",Hm=[i.disabled,i.loading],et=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?(0,sa.jsx)(sa.Fragment,{}):(0,sa.jsx)("span",{className:r(e.className,Zi,"k-icon k-i-loading")})};et.states=Hm;et.className=Zi;var da=require("react/jsx-runtime"),ji="k-input-validation-icon",Pm=[i.valid,i.invalid,i.disabled,i.loading],Gm={},Ye=e=>{let{valid:t,invalid:o,disabled:a,loading:l}=e,s=o?"warning-circle":"check-circle";return a\|\|l\|\|!!!(t\|\|o)?(0,da.jsx)(da.Fragment,{}):(0,da.jsx)(m,{className:r(ji),icon:s})};Ye.states=Pm;Ye.options=Gm;Ye.className=ji;var ca=require("react/jsx-runtime"),Km="k-input-prefix",Bm={direction:"horizontal"},xt=e=>{let{direction:t=Bm.direction,...o}=e;return e.children?(0,ca.jsx)("span",{...o,className:r(Km,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,ca.jsx)(ca.Fragment,{})};var pa=require("react/jsx-runtime"),Dm="k-input-suffix",_m={direction:"horizontal"},Nt=e=>{let{direction:t=_m.direction,...o}=e;return e.children?(0,pa.jsx)("span",{...o,className:r(Dm,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,pa.jsx)(pa.Fragment,{})};var zm=require("react/jsx-runtime");var es=require("react/jsx-runtime"),Um="k-input-suffix-text",ll=e=>{let{children:t,...o}=e;return(0,es.jsx)("span",{...o,className:r(Um,e.className),children:t})};var os=require("react/jsx-runtime"),ts="k-input-separator",Fm={direction:"vertical"},gt=e=>{let{direction:t=Fm.direction,...o}=e;return(0,os.jsx)("span",{...o,className:r(ts,e.className,{[`${ts}-${t}`]:t})})};var Ee=require("react/jsx-runtime"),Vm=Ce.states,$m=Ce.defaultOptions,Xm=Ce.options,Wm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Jm=[],ma=e=>{let{modifiers:t,valid:o,invalid:a,loading:l,disabled:s,readonly:p,...b}=e,g=t==null?void 0:t.prefix,L=t==null?void 0:t.suffix,y=t==null?void 0:t["clear-button"],M=t==null?void 0:t["validation-icon"],f=t==null?void 0:t.separators;return(0,Ee.jsxs)(Ce,{...b,valid:o,invalid:a,loading:l,disabled:s,readonly:p,style:{width:300},children:[g&&(0,Ee.jsxs)(Ee.Fragment,{children:[(0,Ee.jsx)(xt,{children:(0,Ee.jsx)(m,{icon:"lock"})}),f&&(0,Ee.jsx)(gt,{})]}),(0,Ee.jsx)(mt,{placeholder:"Placeholder",value:"Value"}),M&&(0,Ee.jsx)(Ye,{valid:o,invalid:a,loading:l,disabled:s}),(0,Ee.jsx)(et,{loading:l,disabled:s}),y&&(0,Ee.jsx)(pt,{loading:l,disabled:s,readonly:p,value:"Value"}),L&&(0,Ee.jsxs)(Ee.Fragment,{children:[f&&(0,Ee.jsx)(gt,{}),(0,Ee.jsx)(Nt,{children:(0,Ee.jsx)(go,{size:b.size,fillMode:"clear",children:"Send"})})]})]})};ma.options=Xm;ma.states=Vm;ma.variants=Jm;ma.defaultOptions=$m;ma.modifiers=Wm;var nl="popup",as=nl;var il=require("react/jsx-runtime"),rs="k-animation-container",qm=[],Ym={},ls={positionMode:"absolute"},Ht=e=>{let{positionMode:t=ls.positionMode,animationStyle:o,offset:a,...l}=e;return(0,il.jsx)("div",{...l,style:{...a,...e.style},className:r(e.className,rs,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,il.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};Ht.states=qm;Ht.options=Ym;Ht.className=rs;Ht.defaultOptions=ls;Ht.moduleName=nl;Ht.folderName=as;var sl="popup",ns=sl;var dl=require("react/jsx-runtime"),is="k-popup",Qm=[],Zm={},ss={positionMode:"absolute"},me=e=>{let{offset:t,positionMode:o=ss.positionMode,animationStyle:a,containerClassName:l,containerRole:s,containerAriaLabel:p,...b}=e;return(0,dl.jsx)(Ht,{positionMode:o,offset:t,animationStyle:a,className:l,role:s,"aria-label":p,children:(0,dl.jsx)("div",{...b,className:r(e.className,is),children:e.children})})};me.states=Qm;me.options=Zm;me.className=is;me.defaultOptions=ss;me.moduleName=sl;me.folderName=ns;me.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 cl="action-buttons",ds=cl;var cs=require("react/jsx-runtime"),dr="k-actions",jm=[],eu={},pl={alignment:"start",orientation:"horizontal"},Pt=e=>{let{alignment:t=pl.alignment,orientation:o=pl.orientation,...a}=e;return(0,cs.jsx)("div",{...a,className:r(dr,{[`${dr}-${t}`]:t,[`${dr}-${o}`]:o},e.className),children:e.children})};Pt.states=jm;Pt.options=eu;Pt.className=dr;Pt.defaultOptions=pl;Pt.moduleName=cl;Pt.folderName=ds;var ms=require("react/jsx-runtime"),tu="k-actionsheet-footer",ps={alignment:"stretched",orientation:"horizontal"},so=e=>{let{alignment:t=ps.alignment,orientation:o=ps.orientation,template:a,as:l=a?"div":Pt,...s}=e;return(0,ms.jsx)(l,{...s,...!a&&{alignment:t,orientation:o},className:r(e.className,tu),children:e.children})};var ml="searchbox",us=ml;var co=require("react/jsx-runtime"),bs="k-searchbox",ou=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],au={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},ul={showIcon:!0,icon:"search"},kt=e=>{let{value:t,placeholder:o,size:a,rounded:l,fillMode:s,hover:p,focus:b,valid:g,invalid:L,required:y,loading:M,disabled:f,showIcon:E=ul.showIcon,icon:A=ul.icon,...H}=e;return(0,co.jsxs)(Ce,{...H,size:a,rounded:l,fillMode:s,hover:p,focus:b,valid:g,invalid:L,required:y,loading:M,disabled:f,className:r(e.className,bs),children:[E&&(0,co.jsx)(m,{className:"k-input-icon",icon:A}),(0,co.jsx)(mt,{placeholder:o,value:t}),(0,co.jsx)(et,{...e}),(0,co.jsx)(Ye,{...e}),(0,co.jsx)(pt,{...e})]})};kt.states=ou;kt.options=au;kt.className=bs;kt.defaultOptions=ul;kt.moduleName=ml;kt.folderName=us;var ru=require("react/jsx-runtime");var bl="textbox",fs=bl;var Ue=require("react/jsx-runtime"),Ts="k-textbox",lu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],nu={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},cr={showClearButton:!0,showValidationIcon:!0,separators:!0},ie=e=>{let{size:t,rounded:o,fillMode:a,separators:l=cr.separators,showClearButton:s=cr.showClearButton,showValidationIcon:p=cr.showValidationIcon,prefix:b,suffix:g,type:L,value:y,placeholder:M,hover:f,focus:E,valid:A,invalid:H,required:_,loading:D,disabled:$,readonly:be,id:Le,"aria-label":qe,"aria-describedby":st,...dt}=e;return(0,Ue.jsxs)(Ce,{...dt,size:t,rounded:o,fillMode:a,hover:f,focus:E,valid:A,invalid:H,required:_,loading:D,disabled:$,readonly:be,className:r(e.className,Ts),children:[b&&(0,Ue.jsxs)(Ue.Fragment,{children:[(0,Ue.jsx)(xt,{children:b}),l&&(0,Ue.jsx)(gt,{})]}),(0,Ue.jsx)(mt,{id:Le,placeholder:M,value:y,type:L,disabled:$,"aria-label":qe,"aria-describedby":st,"aria-invalid":H?"true":void 0}),p&&(0,Ue.jsx)(Ye,{valid:A,invalid:H,loading:D,disabled:$}),(0,Ue.jsx)(et,{loading:D,disabled:$}),s&&(0,Ue.jsx)(pt,{loading:D,disabled:$,readonly:be,value:y}),g&&(0,Ue.jsxs)(Ue.Fragment,{children:[l&&(0,Ue.jsx)(gt,{}),(0,Ue.jsx)(Nt,{children:g})]})]})};ie.states=lu;ie.options=nu;ie.className=Ts;ie.defaultOptions=cr;ie.moduleName=bl;ie.folderName=fs;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 ua=ie;var xs=require("react/jsx-runtime"),hs=e=>(0,xs.jsx)(ua,{...e});var Ns=require("react/jsx-runtime");var gs=require("react/jsx-runtime");var iu=require("react/jsx-runtime");var pr=require("react/jsx-runtime"),su=ie.states,du=ie.defaultOptions,cu=ie.options,pu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],mu=[],ba=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t!=null&&t[l]?(0,pr.jsx)(m,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[l]?(0,pr.jsx)(go,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[l];break;default:break}}),(0,pr.jsx)(hs,{value:"Value",style:{width:300},...o,...a})};ba.options=cu;ba.states=su;ba.variants=mu;ba.defaultOptions=du;ba.modifiers=pu;var ut=require("react/jsx-runtime"),ks="k-actionsheet-titlebar",uu={},Qe=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:l,filter:s,input:p,inputValue:b,inputPlaceholder:g,adaptive:L,titleId:y,children:M,...f}=e;return(0,ut.jsxs)("div",{...f,className:r(e.className,ks),children:[(0,ut.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,ut.jsx)("div",{className:"k-actionsheet-actions",children:a}),!M&&(0,ut.jsxs)("div",{className:"k-actionsheet-title",id:y,children:[t&&(0,ut.jsx)("div",{className:"k-text-center",children:t}),o&&(0,ut.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),M&&(0,ut.jsx)("div",{className:"k-actionsheet-title",id:y,children:M}),l&&(0,ut.jsx)("div",{className:"k-actionsheet-actions",children:l})]}),(p\|\|s)&&(0,ut.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?(0,ut.jsx)(ie,{value:b,placeholder:g,size:L?"large":"medium","aria-label":t\|\|g\|\|"Input"}):(0,ut.jsx)(kt,{placeholder:"Filter",size:L?"large":"medium","aria-label":"Filter options"})})]})};Qe.className=ks;Qe.defaultOptions=uu;var Ho=require("react/jsx-runtime"),fl="k-actionsheet-view",bu=[],fu={},Tu={},Po=e=>{let{adaptive:t,animated:o,children:a,header:l,footer:s,titleId:p,...b}=e,g=(l==null?void 0:l.type)===Qe&&(0,Ho.jsx)(Qe,{adaptive:t,titleId:p,...l==null?void 0:l.props}),L=(s==null?void 0:s.type)===so&&(0,Ho.jsx)(so,{...s==null?void 0:s.props});return(0,Ho.jsxs)("div",{...b,className:r(e.className,fl,{[`${fl}-animated`]:o}),children:[g,(0,Ho.jsx)("div",{className:"k-actionsheet-content",children:a}),L]})};Po.states=bu;Po.options=fu;Po.className=fl;Po.defaultOptions=Tu;var fa="action-sheet",mr=fa;var Tl="overlay",vs=Tl;var Ls=require("react/jsx-runtime"),hl="k-overlay",hu=[],xu={themeColor:[h.undefined,h.light,h.dark,h.inverse]},Nu={},po=e=>{let{themeColor:t,...o}=e;return(0,Ls.jsx)("div",{...o,className:r(e.className,hl,R(hl,{themeColor:t})),children:e.children})};po.states=hu;po.options=xu;po.className=hl;po.defaultOptions=Nu;po.moduleName=Tl;po.folderName=vs;var vo=require("react/jsx-runtime"),Cs="k-actionsheet",gu=[],ku={},Ta={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},ge=e=>{let{side:t=Ta.side,fullscreen:o=Ta.fullscreen,adaptive:a=Ta.adaptive,overlay:l=Ta.overlay,template:s,children:p,header:b,footer:g,id:L,...y}=e,M=L&&!s&&b?`${L}-title`:void 0;return(0,vo.jsxs)("div",{className:"k-actionsheet-container",children:[l&&(0,vo.jsx)(po,{}),(0,vo.jsx)(Ht,{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:(0,vo.jsx)("div",{...y,id:L,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":M,className:r(e.className,Cs,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s\|\|(0,vo.jsx)(Po,{header:b,footer:g,adaptive:a,titleId:M,...e,children:p})})})]})};ge.states=gu;ge.options=ku;ge.className=Cs;ge.defaultOptions=Ta;ge.moduleName=fa;ge.folderName=mr;ge.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."}]};var ys=require("react/jsx-runtime"),Ms="k-actionsheet-container",vu=[],Lu={},Cu={},Go=e=>{let{children:t,...o}=e;return(0,ys.jsx)("div",{...o,className:Ms,children:t})};Go.states=vu;Go.options=Lu;Go.className=Ms;Go.defaultOptions=Cu;Go.moduleName=fa;Go.folderName=mr;var Ss=require("react/jsx-runtime"),xl=e=>{let{...t}=e;return(0,Ss.jsx)("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};var vt=require("react/jsx-runtime"),Nl="k-actionsheet-item",Mu=[i.hover,i.focus,i.selected,i.disabled],mo=e=>{let{iconName:t,text:o,description:a,hover:l,focus:s,selected:p,disabled:b,...g}=e;return(0,vt.jsxs)("span",{...g,className:r(e.className,Nl,K(Nl,{hover:l,focus:s,selected:p,disabled:b})),children:[!e.children&&(0,vt.jsx)(vt.Fragment,{children:(0,vt.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,vt.jsx)("span",{className:"k-icon-wrap",children:(0,vt.jsx)(m,{className:"k-actionsheet-item-icon",icon:t})}),(0,vt.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,vt.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,vt.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};mo.states=Mu;mo.className=Nl;var ws=require("react/jsx-runtime");var yu=require("react/jsx-runtime");var Su=require("react/jsx-runtime");var wu=require("react/jsx-runtime");var fe=require("react/jsx-runtime"),Au=ge.options,Eu=ge.states,Es={...ge.defaultOptions,variant:"normal"},Iu=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Ru=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],ha=e=>{let{variant:t,modifiers:o,...a}={...Es,...e},l={},s=(0,fe.jsxs)(xl,{children:[(0,fe.jsx)(mo,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,fe.jsx)(mo,{text:"Add to Favorites",iconName:"heart"}),(0,fe.jsx)(mo,{text:"Upload New",iconName:"upload",disabled:!0}),(0,fe.jsx)("hr",{className:"k-hr"}),(0,fe.jsx)(mo,{text:"Cancel",iconName:"cancel"})]}),p="Choose from the items below",b="Select Item";return t==="fullScreen"&&(l.fullScreen=!0),Object.keys(o\|\|{}).forEach(g=>{switch(g){case"actions":l.actionsStart=!!(o!=null&&o[g]),l.actionsEnd=!!(o!=null&&o[g]);break;case"subtitle":l.subtitle=o!=null&&o[g]?p:void 0;break;case"footer":l.footer=!!(o!=null&&o[g]);break;default:break}}),t==="adaptive"?(0,fe.jsx)(ge,{...a,adaptive:!0,fullscreen:l.fullScreen,header:(0,fe.jsx)(Qe,{actionsStart:l.actionsStart?(0,fe.jsx)(c,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,fe.jsx)(c,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:b,subtitle:l.subtitle}),footer:l.footer?(0,fe.jsxs)(so,{alignment:"stretched",children:[(0,fe.jsx)(c,{text:"Cancel",size:"large",themeColor:"base"}),(0,fe.jsx)(c,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):(0,fe.jsx)(ge,{...a,fullscreen:l.fullScreen,header:(0,fe.jsx)(Qe,{actionsStart:l.actionsStart?(0,fe.jsx)(c,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,fe.jsx)(c,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?(0,fe.jsxs)(so,{alignment:"stretched",children:[(0,fe.jsx)(c,{text:"Apply",themeColor:"primary"}),(0,fe.jsx)(c,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};ha.options=Au;ha.states=Eu;ha.variants=Iu;ha.defaultOptions=Es;ha.modifiers=Ru;var br=Wn(require("react"));var gl=require("react/jsx-runtime"),Ou="k-list-group-sticky-header",kl=e=>(0,gl.jsx)("div",{className:r(Ou,e.className),children:(0,gl.jsx)("div",{className:"k-list-header-text",children:e.children})});var Is=require("react/jsx-runtime"),Hu="k-no-data",ur=e=>{let{live:t,...o}=e;return(0,Is.jsx)("span",{...o,className:r(Hu,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Lo="list",Ko=Lo;var Bo=require("react/jsx-runtime"),vl="k-list",Pu=[],Gu={size:[d.undefined,d.small,d.medium,d.large]},Ku={},Q=e=>{var E;let{size:t,virtualization:o,children:a,header:l,optionLabel:s,customValue:p,noData:b,screenReaders:g,...L}=e,M=br.default.Children.toArray(a)[0],f=(E=M==null?void 0:M.props)!=null&&E.children?br.default.Children.count(M.props.children):br.default.Children.count(a);return(0,Bo.jsxs)("div",{...L,className:r(e.className,vl,R(vl,{size:t}),{"k-virtual-list":o}),children:[s,p,l&&(0,Bo.jsx)(kl,{children:l}),a\|\|(b!==void 0?b:(0,Bo.jsx)(ur,{live:!0,children:"No data found."})),g&&a&&(0,Bo.jsxs)(ur,{className:"k-sr-only",live:!0,children:[f," items found."]})]})};Q.states=Pu;Q.options=Gu;Q.className=vl;Q.defaultOptions=Ku;Q.moduleName=Lo;Q.folderName=Ko;Q.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var Os=require("react/jsx-runtime"),Rs="k-list-container",Bu=[],Du={},_u={},Do=e=>{let{...t}=e;return(0,Os.jsx)("div",{...t,className:r(e.className,Rs),children:e.children})};Do.states=Bu;Do.options=Du;Do.className=Rs;Do.defaultOptions=_u;Do.moduleName=Lo;Do.folderName=Ko;var Co="checkbox",_o=Co;var Ll=require("react/jsx-runtime"),fr="k-checkbox",zu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],Uu={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full]},Fu={},tt=e=>{let{id:t,checked:o,indeterminate:a,hover:l,focus:s,disabled:p,invalid:b,valid:g,required:L,size:y,rounded:M,...f}=e;return(0,Ll.jsx)("span",{className:"k-checkbox-wrap",children:(0,Ll.jsx)("input",{...f,id:t,type:"checkbox",defaultChecked:o,required:L,disabled:p\|\|void 0,"aria-invalid":b?"true":void 0,className:r(e.className,fr,R(fr,{size:y,rounded:M}),K(fr,{hover:l,focus:s,disabled:p,invalid:b,valid:g,indeterminate:a,checked:o}))})})};tt.states=zu;tt.options=Uu;tt.className=fr;tt.defaultOptions=Fu;tt.moduleName=Co;tt.folderName=_o;tt.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 Gt=tt;var Gs=require("react/jsx-runtime"),Hs="k-checkbox-list",Vu=[],$u={},Ps={layout:"vertical"},ot=e=>{let{layout:t=Ps.layout,...o}=e;return(0,Gs.jsx)("ul",{...o,className:r(e.className,Hs,{[`k-list-${t}`]:t}),children:e.children})};ot.states=Vu;ot.options=$u;ot.className=Hs;ot.defaultOptions=Ps;ot.moduleName=Co;ot.folderName=_o;var Bs=require("react/jsx-runtime"),Ks="k-checkbox-list-item",Xu=[],Wu={},Ju={},Ze=e=>{let{...t}=e;return(0,Bs.jsx)("li",{...t,className:r(e.className,Ks),children:e.children})};Ze.states=Xu;Ze.options=Wu;Ze.className=Ks;Ze.defaultOptions=Ju;Ze.moduleName=Co;Ze.folderName=_o;var Mo=require("react/jsx-runtime"),Xt=({children:e,id:t,...o})=>(0,Mo.jsxs)(Mo.Fragment,{children:[(0,Mo.jsx)(Gt,{id:t,...o}),(0,Mo.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var Cl=require("react/jsx-runtime");var Ml=require("react/jsx-runtime");var yl=require("react/jsx-runtime");var qu=require("react/jsx-runtime");var Yu=require("react/jsx-runtime");var Qu=require("react/jsx-runtime");var Fe=require("react/jsx-runtime"),Zu=ot.options,ju=ot.states,eb={...ot.defaultOptions,variant:"vertical"},tb=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],ob=[],xa=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,Fe.jsxs)(ot,{layout:"horizontal",...o,children:[(0,Fe.jsx)(Ze,{children:(0,Fe.jsx)(Xt,{id:"first",defaultChecked:!0,children:"Label"})}),(0,Fe.jsx)(Ze,{children:(0,Fe.jsx)(Xt,{id:"second",children:"Label"})}),(0,Fe.jsx)(Ze,{children:(0,Fe.jsx)(Xt,{id:"third",children:"Label"})})]}):(0,Fe.jsxs)(ot,{...o,children:[(0,Fe.jsx)(Ze,{children:(0,Fe.jsx)(Xt,{id:"first",defaultChecked:!0,children:"Label"})}),(0,Fe.jsx)(Ze,{children:(0,Fe.jsx)(Xt,{id:"second",children:"Label"})}),(0,Fe.jsx)(Ze,{children:(0,Fe.jsx)(Xt,{id:"third",children:"Label"})})]})};xa.options=Zu;xa.states=ju;xa.variants=tb;xa.defaultOptions=eb;xa.modifiers=ob;var Ds=require("react/jsx-runtime"),ab=Gt.options,rb=Gt.states,lb=Gt.defaultOptions,nb=[],ib=[],Na=e=>(0,Ds.jsx)(Xt,{id:"checkbox-demo-checkbox",...e,defaultChecked:!0,children:"Label"});Na.options=ab;Na.states=rb;Na.variants=nb;Na.defaultOptions=lb;Na.modifiers=ib;var Kt=require("react/jsx-runtime"),Sl="k-list-item",sb=[i.hover,i.focus,i.selected,i.disabled],db={},cb={},V=e=>{let{text:t,groupLabel:o,group:a,iconName:l,iconClassName:s,showCheckbox:p,checked:b,hover:g,focus:L,selected:y,disabled:M,actions:f,description:E,id:A,...H}=e,_=t\|\|e.children;return(0,Kt.jsxs)("li",{...H,id:A,role:a?"presentation":"option",tabIndex:a?void 0:L?0:-1,"aria-selected":!a&&y?"true":a?void 0:"false","aria-disabled":!a&&M?"true":void 0,className:r(e.className,a?"k-list-group-item":Sl,K(Sl,{hover:g,focus:L,disabled:M,selected:y})),children:[p&&(0,Kt.jsx)(tt,{checked:b}),l&&(0,Kt.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Kt.jsx)(m,{icon:l,className:r("k-list-item-icon",s)})}),(0,Kt.jsx)("span",{className:"k-list-item-text",children:_}),f&&(0,Kt.jsx)("div",{className:"k-list-item-actions",children:f}),E&&(0,Kt.jsx)("span",{className:"k-list-item-description",children:E}),o&&o!==""&&(0,Kt.jsx)("div",{className:"k-list-item-group-label",children:o})]})};V.states=sb;V.options=db;V.className=Sl;V.defaultOptions=cb;V.moduleName=Lo;V.folderName=Ko;V.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."}]};var _s=require("react/jsx-runtime"),pb="k-list-ul",Wt=e=>{let{children:t,role:o,id:a,...l}=e;return(0,_s.jsx)("ul",{...l,id:a,role:o,className:r(pb,e.className),children:t})};Wt.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."}]};var zo=require("react/jsx-runtime"),mb="k-list-content",ne=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":l,listboxId:s,...p}=e;return(0,zo.jsxs)("div",{...p,className:r(mb,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:(0,zo.jsx)(Wt,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":l,children:e.children}),t&&(0,zo.jsx)("div",{className:"k-height-container",children:(0,zo.jsx)("div",{})})]})};ne.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."}]};var wl=require("react/jsx-runtime");var Uo=require("react/jsx-runtime"),ub="k-list-group-item",yo=e=>{let{groupIconName:t,...o}=e;return(0,Uo.jsxs)("li",{...o,role:"presentation",className:r(ub,e.className),children:[t&&(0,Uo.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Uo.jsx)(m,{icon:t,className:"k-list-item-icon"})}),(0,Uo.jsx)("span",{className:"k-list-item-text",children:e.children})]})};yo.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."}]};var zs=require("react/jsx-runtime"),Al="k-list-optionlabel",bb=[i.hover,i.focus,i.selected,i.disabled],fb={},Tb={},Tr=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:s,...p}=e;return(0,zs.jsx)("div",{...p,className:r(Al,K(Al,{hover:o,focus:a,selected:l,disabled:s})),children:t})};Tr.states=bb;Tr.options=fb;Tr.className=Al;Tr.defaultOptions=Tb;var Us=require("react/jsx-runtime"),El="k-list-custom-value",hb=[i.hover,i.focus,i.selected,i.disabled],xb={},Nb={},uo=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:s,...p}=e;return(0,Us.jsx)("div",{...p,className:r(El,K(El,{hover:o,focus:a,selected:l,disabled:s})),children:t})};uo.states=hb;uo.options=xb;uo.className=El;uo.defaultOptions=Nb;var Il=require("react/jsx-runtime");var Rl=require("react/jsx-runtime");var Ol=require("react/jsx-runtime");var Hl=require("react/jsx-runtime");var gb=require("react/jsx-runtime");var Pl=require("react/jsx-runtime");var Fs="dropdown-list",Vs="dropdownlist";var Te=require("react/jsx-runtime"),$s="k-dropdownlist",kb=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],vb={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},Gl={showValue:!0,arrowIconName:"caret-alt-down"},se=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=Gl.arrowIconName,showValue:s=Gl.showValue,valueIconName:p,prefix:b,suffix:g,value:L,placeholder:y,hover:M,focus:f,valid:E,invalid:A,required:H,loading:_,disabled:D,readonly:$,popup:be,opened:Le,adaptive:qe,adaptiveSettings:st,adaptiveTitle:dt,adaptiveSubtitle:Io,adaptiveFilter:Gr,...Ya}=e;return(0,Te.jsxs)(Te.Fragment,{children:[(0,Te.jsxs)(Ot,{...Ya,size:t,rounded:o,fillMode:a,hover:M,focus:f,valid:E,invalid:A,required:H,loading:_,disabled:D,readonly:$,className:r(e.className,$s,{"k-icon-picker":!s&&p}),children:[(0,Te.jsx)(xt,{children:b}),(0,Te.jsx)(ko,{placeholder:y,value:L,showValue:s,valueIconName:p}),(0,Te.jsx)(Ye,{valid:E,invalid:A,loading:_,disabled:D}),(0,Te.jsx)(et,{loading:_,disabled:D}),(0,Te.jsx)(Nt,{children:g}),(0,Te.jsx)(c,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":y\|\|"Toggle dropdown"})]}),Le&&be&&(0,Te.jsx)(me,{className:"k-list-container k-dropdownlist-popup",children:be}),qe&&(0,Te.jsx)(ge,{adaptive:!0,...st,header:(0,Te.jsx)(Qe,{actionsEnd:(0,Te.jsx)(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:Gr,inputValue:L,inputPlaceholder:y,title:dt,subtitle:Io}),children:(0,Te.jsx)("div",{className:"k-list-container",children:(0,Te.jsx)(Q,{size:"large",children:(0,Te.jsxs)(ne,{children:[(0,Te.jsx)(V,{text:"List item"}),(0,Te.jsx)(V,{text:"List item"}),(0,Te.jsx)(V,{text:"List item"})]})})})})]})};se.states=kb;se.options=vb;se.className=$s;se.defaultOptions=Gl;se.moduleName=Fs;se.folderName=Vs;var Lb=require("react/jsx-runtime");var Xs=require("react/jsx-runtime");var Kl=require("react/jsx-runtime");var Cb=require("react/jsx-runtime");var Ws=require("react/jsx-runtime");var Bl=require("react/jsx-runtime");var at=require("react/jsx-runtime"),Mb=se.states,yb=se.defaultOptions,Sb=se.options,wb=[{name:"opened",title:"Opened"}],Ab=[],ka=e=>{let{modifiers:t,...o}=e,a={},l=(0,at.jsxs)(at.Fragment,{children:[(0,at.jsx)("div",{className:"k-list-filter",children:(0,at.jsx)(kt,{})}),(0,at.jsx)(Q,{style:{width:300},size:o.size,children:(0,at.jsxs)(ne,{children:[(0,at.jsx)(V,{children:"List item"}),(0,at.jsx)(V,{children:"List item"}),(0,at.jsx)(V,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(s=>{s==="opened"&&(a.opened=!!(t!=null&&t[s]),a.popup=t!=null&&t[s]?l:void 0)}),(0,at.jsx)("div",{children:(0,at.jsx)(se,{placeholder:"Value",style:{width:300},...o,...a})})};ka.options=Sb;ka.states=Mb;ka.variants=Ab;ka.defaultOptions=yb;ka.modifiers=wb;var va=require("react/jsx-runtime"),Js="k-spin-button",Rb=[],Ob={size:[d.undefined,d.small,d.medium,d.large],fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link]},Dl={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},bo=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:l=Dl.increaseLabel,decreaseLabel:s=Dl.decreaseLabel,...p}=e;return(0,va.jsxs)("span",{...p,className:r(Js,e.className),children:[(0,va.jsx)(c,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":l}),(0,va.jsx)(c,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};bo.states=Rb;bo.options=Ob;bo.className=Js;bo.defaultOptions=Dl;bo.moduleName=null;bo.folderName=null;var qs="numeric-textbox",Ys="numerictextbox";var Re=require("react/jsx-runtime"),Qs="k-numerictextbox",Hb=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],Pb={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},hr={showSpinButton:!0,showClearButton:!0,separators:!0},W=e=>{let{size:t,rounded:o,fillMode:a,separators:l=hr.separators,showClearButton:s=hr.showClearButton,showSpinButton:p=hr.showSpinButton,prefix:b,suffix:g,value:L,placeholder:y,hover:M,focus:f,valid:E,invalid:A,required:H,loading:_,disabled:D,readonly:$,id:be,"aria-label":Le,"aria-describedby":qe,...st}=e;return(0,Re.jsxs)(Ce,{...st,size:t,rounded:o,fillMode:a,hover:M,focus:f,valid:E,invalid:A,required:H,loading:_,disabled:D,readonly:$,className:r(e.className,Qs),children:[b&&(0,Re.jsxs)(Re.Fragment,{children:[(0,Re.jsx)(xt,{children:b}),l&&(0,Re.jsx)(gt,{})]}),(0,Re.jsx)(mt,{id:be,placeholder:y,value:L,role:"spinbutton",disabled:D,"aria-label":Le,"aria-describedby":qe,"aria-invalid":A?"true":void 0}),(0,Re.jsx)(Ye,{valid:E,invalid:A,loading:_,disabled:D}),(0,Re.jsx)(et,{loading:_,disabled:D}),s&&(0,Re.jsx)(pt,{loading:_,disabled:D,readonly:$,value:L}),g&&(0,Re.jsxs)(Re.Fragment,{children:[l&&(0,Re.jsx)(gt,{}),(0,Re.jsx)(Nt,{children:g})]}),p&&(0,Re.jsx)(bo,{className:"k-input-spinner",size:t,fillMode:a,disabled:D})]})};W.states=Hb;W.options=Pb;W.className=Qs;W.defaultOptions=hr;W.moduleName=qs;W.folderName=Ys;W.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 La=W;var js=require("react/jsx-runtime"),Zs=e=>(0,js.jsx)(La,{...e});var ed=require("react/jsx-runtime");var td=require("react/jsx-runtime");var Gb=require("react/jsx-runtime");var xr=require("react/jsx-runtime"),Kb=W.states,Bb=W.defaultOptions,Db=W.options,_b=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],zb=[],Ca=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t!=null&&t[l]?(0,xr.jsx)(se,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t!=null&&t[l]?(0,xr.jsx)(ll,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[l];break;case"spin-button":a.showSpinButton=t==null?void 0:t[l];break;default:break}}),(0,xr.jsx)(Zs,{value:"Value",style:{width:300},...o,...a})};Ca.options=Db;Ca.states=Kb;Ca.variants=zb;Ca.defaultOptions=Bb;Ca.modifiers=_b;var _l="pager",od=_l;var de=require("react/jsx-runtime"),Nr="k-pager",Ub=[i.focus,i.disabled],Fb={size:[d.undefined,d.small,d.medium,d.large]},bt={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},Ne=e=>{let{responsive:t=bt.responsive,size:o,pagerSizeInfo:a=bt.pagerSizeInfo,pageTitleInfo:l=bt.pageTitleInfo,maxPagesInfo:s=bt.maxPagesInfo,itemsPerPage:p=bt.itemsPerPage,maxPages:b=bt.maxPages,currentPage:g=bt.currentPage,previousNext:L=bt.previousNext,type:y=bt.type,pageSizes:M=bt.pageSizes,refresh:f=bt.refresh,info:E=bt.info,focus:A,disabled:H,dir:_,...D}=e,$=[],be=[];for(let Le=1;Le<=b;Le++)$.push((0,de.jsx)(c,{selected:Le===g,fillMode:"flat",themeColor:"primary",size:o,children:Le})),be.push((0,de.jsx)("option",{selected:Le===g,children:Le}));return(0,de.jsxs)("div",{dir:_,...D,className:r(e.className,Nr,R(Nr,{size:o}),K(Nr,{focus:A,disabled:H}),{"k-pager-responsive":t}),children:[(0,de.jsxs)("div",{className:r("k-pager-numbers-wrap"),children:[L&&(0,de.jsxs)(de.Fragment,{children:[(0,de.jsx)(c,{className:r("k-pager-nav","k-pager-first"),disabled:g===1&&!H,fillMode:"flat",size:o,icon:_==="rtl"?"caret-alt-to-right":"caret-alt-to-left"}),(0,de.jsx)(c,{className:r("k-pager-nav"),disabled:g===1&&!H,fillMode:"flat",size:o,icon:_==="rtl"?"caret-alt-right":"caret-alt-left"})]}),y==="numeric"&&(0,de.jsx)("div",{className:r("k-pager-numbers"),children:$}),y==="input"&&(0,de.jsxs)("span",{className:r("k-pager-input"),children:[l&&(0,de.jsx)("span",{children:"Page"}),(0,de.jsx)(W,{value:`${g}`,size:o,showSpinButton:!1,showClearButton:!1}),(0,de.jsx)("span",{children:s&&`of ${b}`})]}),L&&(0,de.jsxs)(de.Fragment,{children:[(0,de.jsx)(c,{className:r("k-pager-nav"),disabled:g===b&&!H,fillMode:"flat",size:o,icon:_==="rtl"?"caret-alt-left":"caret-alt-right"}),(0,de.jsx)(c,{className:r("k-pager-nav","k-pager-last"),disabled:g===b&&!H,fillMode:"flat",size:o,icon:_==="rtl"?"caret-alt-to-left":"caret-alt-to-right"})]})]}),M&&(0,de.jsxs)("span",{className:r("k-pager-sizes"),children:[(0,de.jsx)(se,{value:`${p}`,size:o}),a&&(0,de.jsx)("span",{children:"items per page"})]}),f&&(0,de.jsx)(c,{className:r("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw"}),E&&(0,de.jsx)("span",{className:r("k-pager-info"),children:E})]})};Ne.states=Ub;Ne.options=Fb;Ne.className=Nr;Ne.defaultOptions=bt;Ne.moduleName=_l;Ne.folderName=od;var Vb=require("react/jsx-runtime");var $b=require("react/jsx-runtime");var Xb=require("react/jsx-runtime");var zl=require("react/jsx-runtime"),Wb=Ne.options,Jb=Ne.states,qb={...Ne.defaultOptions,variant:"numeric"},Yb=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],Qb=[],Ma=e=>{let{variant:t,...o}=e;return t==="input"?(0,zl.jsx)(Ne,{...o,type:"input"}):(0,zl.jsx)(Ne,{...o,type:"numeric"})};Ma.options=Wb;Ma.states=Jb;Ma.variants=Yb;Ma.defaultOptions=qb;Ma.modifiers=Qb;var rd=require("react/jsx-runtime"),ad="k-grid-pager",Bt=e=>(0,rd.jsx)(Ne,{...e,className:r(e.className,ad),children:e.children});Bt.className=ad;Bt.moduleName=j;Bt.folderName=oe;var Ul="button",ld=Ul;var nd=require("react/jsx-runtime"),ya="k-button-group",Zb=[i.disabled],jb={fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link]},ef={},F=e=>{let{fillMode:t,disabled:o,stretched:a,...l}=e;return(0,nd.jsx)("div",{role:"group",...l,className:r(e.className,ya,R(ya,{fillMode:t}),K(ya,{disabled:o}),{[`${ya}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};F.states=Zb;F.options=jb;F.className=ya;F.defaultOptions=ef;F.moduleName=Ul;F.folderName=ld;F.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."}]};var Fl=require("react/jsx-runtime");var Vl=require("react/jsx-runtime");var $l=require("react/jsx-runtime");var Xl=require("react/jsx-runtime");var Wl=require("react/jsx-runtime");var Jl=require("react/jsx-runtime");var rt=require("react/jsx-runtime"),tf={...c.options,...F.options},of=c.states,af={...c.defaultOptions,...F.defaultOptions,variant:"text-button"},rf=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],lf=[],Sa=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,rt.jsxs)(F,{fillMode:a.fillMode,className:o,children:[(0,rt.jsx)(c,{...a,icon:"star"}),(0,rt.jsx)(c,{...a,icon:"star"}),(0,rt.jsx)(c,{...a,icon:"star"})]}):t==="icon-text-button"?(0,rt.jsxs)(F,{fillMode:a.fillMode,className:o,children:[(0,rt.jsx)(c,{...a,icon:"star",children:"First"}),(0,rt.jsx)(c,{...a,icon:"star",children:"Middle"}),(0,rt.jsx)(c,{...a,icon:"star",children:"Last"})]}):(0,rt.jsxs)(F,{fillMode:a.fillMode,className:o,children:[(0,rt.jsx)(c,{...a,children:"First"}),(0,rt.jsx)(c,{...a,children:"Middle"}),(0,rt.jsx)(c,{...a,children:"Last"})]})};Sa.options=tf;Sa.states=of;Sa.variants=rf;Sa.defaultOptions=af;Sa.modifiers=lf;var wa=require("react/jsx-runtime"),id="k-color-preview",nf=[],sf={},fo=e=>{let{color:t,iconName:o,...a}=e;return(0,wa.jsxs)("span",{...a,className:r(e.className,id,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,wa.jsx)(m,{icon:o,className:"k-color-preview-icon"}),(0,wa.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};fo.states=nf;fo.options=sf;fo.className=id;var ql="slider",sd=ql;var At=require("react/jsx-runtime"),Aa="k-slider",df=[i.hover,i.focus,i.active,i.disabled,i.readonly],cf={},Ct={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},ue=e=>{let{type:t=Ct.type,orientation:o=Ct.orientation,gradientType:a=Ct.gradientType,readonly:l=Ct.readonly,disabled:s=Ct.disabled,handlePosition:p=Ct.handlePosition,showButtons:b=Ct.showButtons,showTicks:g=Ct.showTicks,value:L=Ct.value,min:y=Ct.min,max:M=Ct.max,startValue:f,endValue:E,hover:A,focus:H,active:_,trackStyle:D,dir:$,...be}=e,qe=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),st,dt;return o==="horizontal"?(st=$==="rtl"?"caret-alt-left":"caret-alt-right",dt=$==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(st="caret-alt-up",dt="caret-alt-down"),(0,At.jsxs)("div",{...be,className:r(Aa,e.className,K(Aa,{readonly:l,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:$,children:[b&&(0,At.jsx)(c,{className:"k-button-decrease",rounded:"full",icon:dt,tabIndex:-1,title:"Decrease"}),(0,At.jsxs)("div",{className:"k-slider-track-wrap",children:[g&&(0,At.jsx)("ul",{className:"k-reset k-slider-items",children:e.children}),(0,At.jsxs)("div",{className:"k-slider-track",style:D,children:[(0,At.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,At.jsx)("span",{className:r("k-draghandle","k-draghandle-start",K(Aa,{hover:A,focus:H,active:_})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":f??y,"aria-valuemin":y,"aria-valuemax":E??M,"aria-orientation":qe,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":be["aria-label"]?`${be["aria-label"]} start`:"Range start"}),(0,At.jsx)("span",{className:r("k-draghandle",`k-draghandle-${p}`,K(Aa,{hover:A,focus:H,active:_})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?E??M:L,"aria-valuemin":t==="range"?f??y:y,"aria-valuemax":M,"aria-orientation":qe,"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"]})]})]}),b&&(0,At.jsx)(c,{className:"k-button-increase",rounded:"full",icon:st,tabIndex:-1,title:"Increase"})]})};ue.states=df;ue.options=cf;ue.className=Aa;ue.defaultOptions=Ct;ue.moduleName=ql;ue.folderName=sd;ue.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").'}]};var Yl=require("react/jsx-runtime"),dd="k-tick",pf=[],mf={},cd={label:!1},z=e=>{let{style:t,label:o=cd.label,orientation:a,large:l,text:s,...p}=e;return(0,Yl.jsx)("li",{...p,className:r(e.className,dd,{[`k-tick-${a}`]:a,"k-tick-large":l}),style:t,children:o&&(0,Yl.jsx)("span",{className:"k-label",children:s})})};z.states=pf;z.options=mf;z.className=dd;z.defaultOptions=cd;var Oe=require("react/jsx-runtime"),pd=e=>(0,Oe.jsx)(ue,{"aria-label":e["aria-label"]\|\|"Slider",children:(0,Oe.jsxs)(Oe.Fragment,{children:[(0,Oe.jsx)(z,{className:"k-first",label:!0,large:!0,text:"0"}),(0,Oe.jsx)(z,{}),(0,Oe.jsx)(z,{}),(0,Oe.jsx)(z,{}),(0,Oe.jsx)(z,{}),(0,Oe.jsx)(z,{label:!0,large:!0,text:"5"}),(0,Oe.jsx)(z,{}),(0,Oe.jsx)(z,{}),(0,Oe.jsx)(z,{}),(0,Oe.jsx)(z,{}),(0,Oe.jsx)(z,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var He=require("react/jsx-runtime"),md=e=>(0,He.jsx)(ue,{children:(0,He.jsxs)(He.Fragment,{children:[(0,He.jsx)(z,{className:"k-first",label:!0,large:!0,text:"0"}),(0,He.jsx)(z,{}),(0,He.jsx)(z,{}),(0,He.jsx)(z,{}),(0,He.jsx)(z,{}),(0,He.jsx)(z,{label:!0,large:!0,text:"5"}),(0,He.jsx)(z,{}),(0,He.jsx)(z,{}),(0,He.jsx)(z,{}),(0,He.jsx)(z,{}),(0,He.jsx)(z,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});var Ql=require("react/jsx-runtime");var Zl=require("react/jsx-runtime");var ud=require("react/jsx-runtime"),jl=e=>(0,ud.jsx)(ue,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var bd=require("react/jsx-runtime"),en=e=>(0,bd.jsx)(ue,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var tn=require("react/jsx-runtime");var on=require("react/jsx-runtime");var lt=require("react/jsx-runtime"),uf=ue.options,bf=ue.states,fd={...ue.defaultOptions,variant:"horizontal",label:!0},ff=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Tf=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Ea=e=>{let{variant:t,modifiers:o,...a}={...fd,...e},l={};Object.keys(o\|\|{}).forEach(L=>{switch(L){case"button":{l.showButtons=!!(o!=null&&o[L]);break}case"label":{l.label=!!(o!=null&&o[L]);break}case"tick":{l.showTicks=!!(o!=null&&o[L]);break}}});let{label:s=!0,showButtons:p,showTicks:b}=l,g={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,lt.jsxs)(md,{showTicks:b,showButtons:p,style:{height:"300px",...g},...a,children:[(0,lt.jsx)(z,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,lt.jsx)(z,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,lt.jsx)(z,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,lt.jsx)(z,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,lt.jsx)(z,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,lt.jsxs)(pd,{showTicks:b,showButtons:p,style:{width:"400px",...g},...a,children:[(0,lt.jsx)(z,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,lt.jsx)(z,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,lt.jsx)(z,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,lt.jsx)(z,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,lt.jsx)(z,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Ea.options=uf;Ea.states=bf;Ea.variants=ff;Ea.defaultOptions=fd;Ea.modifiers=Tf;var O=require("react/jsx-runtime"),Td="k-colorgradient-inputs",hf=[],xf={size:[d.undefined,d.small,d.medium,d.large]},hd={mode:"rgba"},Fo=e=>{let{mode:t=hd.mode,size:o,...a}=e;return(0,O.jsxs)("div",{...a,className:r(Td,"k-hstack"),children:[(0,O.jsx)("div",{className:"k-vstack",children:(0,O.jsx)(c,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&(0,O.jsx)(O.Fragment,{children:(0,O.jsxs)("div",{className:"k-vstack k-flex-1",children:[(0,O.jsx)(ie,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Fo.states=hf;Fo.options=xf;Fo.className=Td;Fo.defaultOptions=hd;var Ve=require("react/jsx-runtime"),xd="k-colorgradient-color-contrast",Nf=[],gf={},kf={},Vo=()=>(0,Ve.jsxs)("div",{className:r(xd,"k-vbox"),children:[(0,Ve.jsxs)("div",{className:"k-contrast-ratio",children:[(0,Ve.jsx)("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),(0,Ve.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:[(0,Ve.jsx)(m,{icon:"check"}),(0,Ve.jsx)(m,{icon:"check"})]})]}),(0,Ve.jsxs)("div",{children:[(0,Ve.jsx)("span",{children:"AA: 4.5"}),(0,Ve.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:["Pass",(0,Ve.jsx)(m,{icon:"check"})]})]}),(0,Ve.jsxs)("div",{children:[(0,Ve.jsx)("span",{children:"AAA: 7.0"}),(0,Ve.jsxs)("span",{className:"k-contrast-validation !k-text-error",children:["Fail",(0,Ve.jsx)(m,{icon:"x"})]})]})]});Vo.states=Nf;Vo.options=gf;Vo.className=xd;Vo.defaultOptions=kf;var Nd="color-gradient",gd="colorgradient";var Me=require("react/jsx-runtime"),gr="k-colorgradient",vf=[i.hover,i.focus,i.readonly,i.disabled],Lf={size:[d.undefined,d.small,d.medium,d.large]},Dt={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"},Pe=e=>{let{size:t,mode:o=Dt.mode,readonly:a=Dt.readonly,disabled:l=Dt.disabled,gradientStyle:s=Dt.gradientStyle,dragHandleStyle:p=Dt.dragHandleStyle,alphaStyle:b=Dt.alphaStyle,alphaStyleHorizontal:g=Dt.alphaStyleHorizontal,contrast:L=Dt.contrast,dir:y,hover:M,focus:f,hoverHandle:E,focusHandle:A,canvasOrientation:H=Dt.canvasOrientation,role:_,tabIndex:D,...$}=e;return(0,Me.jsxs)("div",{...$,role:_??"textbox","aria-label":_==="none"?void 0:"Color gradient",tabIndex:D??0,"aria-disabled":l?"true":void 0,className:r(e.className,gr,R(gr,{size:t}),K(gr,{hover:M,focus:f,readonly:a,disabled:l})),dir:y,children:[!H\|\|H==="horizontal"&&(0,Me.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,Me.jsx)("div",{className:"k-hsv-rectangle",style:s,children:(0,Me.jsx)("div",{className:"k-hsv-gradient",children:(0,Me.jsx)("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":E,"k-focus":A}),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})})}),(0,Me.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,Me.jsx)(en,{className:"k-hue-slider",hover:E,focus:A}),o!=="rgb"&&o!=="hsv"&&(0,Me.jsx)(en,{className:"k-alpha-slider",hover:E,focus:A,trackStyle:b})]})]}),H==="vertical"&&(0,Me.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,Me.jsx)("div",{className:"k-hsv-rectangle",style:s,children:(0,Me.jsx)("div",{className:"k-hsv-gradient",children:(0,Me.jsx)("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":E,"k-focus":A}),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})})}),(0,Me.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,Me.jsx)(jl,{className:"k-hue-slider",hover:E,focus:A}),o!=="rgb"&&o!=="hsv"&&(0,Me.jsx)(jl,{className:"k-alpha-slider",hover:E,focus:A,trackStyle:g})]})]}),(0,Me.jsx)(Fo,{mode:e.mode,size:t}),L&&(0,Me.jsx)(Vo,{})]})};Pe.states=vf;Pe.options=Lf;Pe.className=gr;Pe.defaultOptions=Dt;Pe.moduleName=Nd;Pe.folderName=gd;Pe.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)."}]};var kd=require("react/jsx-runtime"),kr=e=>(0,kd.jsx)(Pe,{...e});var Cf=require("react/jsx-runtime");var Mf=require("react/jsx-runtime");var vr=require("react/jsx-runtime"),yf=Pe.options,Sf=Pe.states,wf={...Pe.defaultOptions,variant:"rgba"},Af=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Ef=[],Ia=e=>{let{variant:t,...o}=e;switch(t){case"hex":return(0,vr.jsx)(kr,{...o,mode:t});case"rgb":return(0,vr.jsx)(kr,{...o,mode:t});default:return(0,vr.jsx)(kr,{...o,mode:t})}};Ia.options=yf;Ia.states=Sf;Ia.variants=Af;Ia.defaultOptions=wf;Ia.modifiers=Ef;var vd=require("react/jsx-runtime"),an=e=>(0,vd.jsx)("tr",{role:"row",children:e.children});var Ld=require("react/jsx-runtime"),rn="k-colorpalette-tile",If=[i.hover,i.focus,i.selected],Rf={},$o=e=>{let{color:t,tileSize:o,hover:a,focus:l,selected:s,...p}=e,b={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return(0,Ld.jsx)("td",{...p,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:r(e.className,rn,K(rn,{hover:a,focus:l,selected:s})),style:b})};$o.states=If;$o.options=Rf;$o.className=rn;var Cd="color-palette",Md="colorpalette";var Xo=require("react/jsx-runtime"),Lr="k-colorpalette",Of=[i.disabled],Hf={size:[d.undefined,d.small,d.medium,d.large]},yd={columns:10},nt=e=>{let{size:t,palette:o,columns:a=yd.columns,tileSize:l,disabled:s,...p}=e,b=[];if(o){let g=a\|\|o.columns,L=o.colors?o.colors:o;Array.isArray(L)&&Array.from({length:Math.ceil(L.length/g)},(y,M)=>{let f=[];L.slice(Mg,(M+1)g).map((A,H)=>{f.push((0,Xo.jsx)($o,{color:A,tileSize:l},H))});let E=(0,Xo.jsx)(an,{children:f},M);b.push(E)})}return(0,Xo.jsx)("div",{...p,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:r(e.className,Lr,K(Lr,{disabled:s}),R(Lr,{size:t})),children:(0,Xo.jsx)("table",{className:"k-colorpalette-table",role:"none",children:(0,Xo.jsx)("tbody",{children:b.length>0?b:e.children})})})};nt.states=Of;nt.options=Hf;nt.className=Lr;nt.defaultOptions=yd;nt.moduleName=Cd;nt.folderName=Md;nt.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 Cr=nt;var Ra={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};var wd=require("react/jsx-runtime"),Sd=e=>(0,wd.jsx)(Cr,{palette:Ra.basic,...e});var Pf=require("react/jsx-runtime");var Ad=require("react/jsx-runtime");var Ed=require("react/jsx-runtime"),Gf=nt.options,Kf=nt.states,Bf={...nt.defaultOptions,variant:"basic"},Df=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],_f={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}},zf=[],Oa=e=>{let{variant:t="basic",...o}=e,a=_f[t];return(0,Ed.jsx)(Sd,{columns:a.columns,palette:a,...o})};Oa.options=Gf;Oa.states=Kf;Oa.variants=Df;Oa.defaultOptions=Bf;Oa.modifiers=zf;var Id="color-editor",Rd="coloreditor";var ke=require("react/jsx-runtime"),Mr="k-coloreditor",Uf=[i.focus],Ff={size:[d.undefined,d.small,d.medium,d.large]},Ha={view:"gradient",palette:Ra.office,actionButtons:!0,canvasOrientation:"horizontal"},ve=e=>{let{size:t,view:o=Ha.view,palette:a=Ha.palette,color:l,currentColor:s,focus:p,focusView:b,dir:g,group:L,actionButtons:y=Ha.actionButtons,canvasOrientation:M=Ha.canvasOrientation,...f}=e;return(0,ke.jsxs)("div",{...f,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",Mr,R(Mr,{size:t}),K(Mr,{focus:p})),dir:g,children:[(0,ke.jsxs)("div",{className:"k-coloreditor-header k-hstack",children:[(0,ke.jsx)("div",{className:"k-coloreditor-header-actions k-hstack",children:L&&(0,ke.jsxs)(F,{fillMode:"flat",children:[(0,ke.jsx)(c,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),(0,ke.jsx)(c,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),(0,ke.jsx)("div",{className:"k-spacer"}),(0,ke.jsxs)("div",{className:"k-coloreditor-header-actions k-hstack",children:[(0,ke.jsx)(c,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),(0,ke.jsxs)("div",{className:"k-coloreditor-preview k-vstack",children:[(0,ke.jsx)(fo,{className:"k-coloreditor-preview-color",color:l}),(0,ke.jsx)(fo,{className:"k-coloreditor-current-color",color:s})]})]})]}),(0,ke.jsx)("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?(0,ke.jsx)(Pe,{focus:b,size:t,canvasOrientation:M,role:"none",tabIndex:-1}):(0,ke.jsx)(nt,{palette:a,size:t})}),y&&(0,ke.jsxs)(Pt,{className:"k-coloreditor-footer",alignment:"start",children:[(0,ke.jsx)(c,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),(0,ke.jsx)(c,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};ve.states=Uf;ve.options=Ff;ve.className=Mr;ve.defaultOptions=Ha;ve.moduleName=Id;ve.folderName=Rd;ve.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 Wo=ve;var Vf=require("react/jsx-runtime");var $f=require("react/jsx-runtime");var Hd=require("react/jsx-runtime"),Od=e=>(0,Hd.jsx)(Wo,{group:!0,currentColor:"fuchsia",...e});var Gd=require("react/jsx-runtime"),Pd=e=>(0,Gd.jsx)(Wo,{view:"palette",group:!0,currentColor:"fuchsia",...e});var ln=require("react/jsx-runtime"),Xf=ve.options,Wf=ve.states,Jf={...ve.defaultOptions,variant:"gradient"},qf=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Yf=[],Pa=e=>{let{variant:t,...o}=e;return t==="palette"?(0,ln.jsx)(Pd,{...o,color:"white"}):(0,ln.jsx)(Od,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Pa.options=Xf;Pa.states=Wf;Pa.variants=qf;Pa.defaultOptions=Jf;Pa.modifiers=Yf;var Kd="color-picker",Bd="colorpicker";var ye=require("react/jsx-runtime"),Dd="k-colorpicker",Qf=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],Zf={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},_d={arrowIconName:"caret-alt-down"},ft=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=_d.arrowIconName,prefix:s,suffix:p,value:b,placeholder:g,hover:L,focus:y,valid:M,invalid:f,required:E,disabled:A,valueIconName:H,popup:_,opened:D,adaptive:$,adaptiveSettings:be,adaptiveTitle:Le,adaptiveSubtitle:qe,...st}=e,dt="colorpicker-popup";return(0,ye.jsxs)(ye.Fragment,{children:[(0,ye.jsxs)(Ot,{...st,size:t,rounded:o,fillMode:a,hover:L,focus:y,valid:M,invalid:f,required:E,disabled:A,role:"combobox","aria-haspopup":"dialog","aria-expanded":D?"true":"false","aria-controls":D\|\|$?dt:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":A?"true":void 0,className:r(e.className,Dd,"k-icon-picker"),children:[(0,ye.jsx)(xt,{children:s}),(0,ye.jsx)(ko,{placeholder:g,value:b,showValue:!1,valueIcon:(0,ye.jsx)(fo,{className:"k-value-icon",color:b,iconName:H}),valueIconName:H}),(0,ye.jsx)(Nt,{children:p}),(0,ye.jsx)(c,{className:"k-input-button",icon:l,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:A})]}),D&&_&&(0,ye.jsx)(me,{id:dt,className:"k-colorpicker-popup",children:_}),$&&(0,ye.jsx)(ge,{adaptive:!0,id:dt,...be,header:(0,ye.jsx)(Qe,{actionsEnd:(0,ye.jsx)(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:Le,subtitle:qe}),footer:(0,ye.jsxs)(so,{children:[(0,ye.jsx)(c,{text:"Cancel",size:"large"}),(0,ye.jsx)(c,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,ye.jsx)(ve,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};ft.states=Qf;ft.options=Zf;ft.className=Dd;ft.defaultOptions=_d;ft.moduleName=Kd;ft.folderName=Bd;ft.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 To=ft;var zd=require("react/jsx-runtime"),yr=e=>(0,zd.jsx)(To,{...e});var jf=require("react/jsx-runtime");var eT=require("react/jsx-runtime");var tT=require("react/jsx-runtime");var oT=require("react/jsx-runtime");var aT=require("react/jsx-runtime");var rT=require("react/jsx-runtime");var ho=require("react/jsx-runtime"),lT=To.options,nT=To.states,Ud={...To.defaultOptions,variant:"color"},iT=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],sT=[{name:"opened",title:"Opened"}],Ga=e=>{let{variant:t,modifiers:o,...a}={...Ud,...e},l={};Object.keys(o\|\|{}).forEach(p=>{p==="opened"&&(l.opened=!!(o!=null&&o[p]),l.popup=o!=null&&o[p]?(0,ho.jsx)(ve,{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(0,ho.jsx)("div",{style:s,children:(0,ho.jsx)(yr,{...a,...l})});case"icon":return(0,ho.jsx)("div",{style:s,children:(0,ho.jsx)(yr,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...l})});default:return(0,ho.jsx)("div",{style:s,children:(0,ho.jsx)(yr,{value:"rgba(183, 118 , 118, 1.00)",...a,...l})})}};Ga.options=lT;Ga.states=nT;Ga.variants=iT;Ga.defaultOptions=Ud;Ga.modifiers=sT;var nn="combobox",Fd=nn;var re=require("react/jsx-runtime"),Vd="k-combobox",dT=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],cT={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},$d={separators:!0},je=e=>{let{size:t,rounded:o,fillMode:a,separators:l=$d.separators,prefix:s,suffix:p,value:b,placeholder:g,hover:L,focus:y,valid:M,invalid:f,required:E,loading:A,disabled:H,popup:_,opened:D,readonly:$,adaptive:be,adaptiveSettings:Le,adaptiveTitle:qe,adaptiveSubtitle:st,adaptiveCustomValue:dt,id:Io,autocomplete:Gr,activeDescendant:Ya,"aria-label":ip,...sp}=e,dp=Io?`${Io}-listbox`:void 0;return(0,re.jsxs)(re.Fragment,{children:[(0,re.jsxs)(Ce,{...sp,size:t,rounded:o,fillMode:a,hover:L,focus:y,valid:M,invalid:f,required:E,loading:A,disabled:H,readonly:$,className:r(e.className,Vd),children:[s&&(0,re.jsxs)(re.Fragment,{children:[(0,re.jsx)(xt,{children:s}),l&&(0,re.jsx)(gt,{})]}),(0,re.jsx)(mt,{placeholder:g,value:b,role:"combobox","aria-haspopup":"listbox","aria-expanded":D?"true":"false","aria-controls":D?dp:void 0,"aria-activedescendant":D&&Ya?Ya:void 0,"aria-autocomplete":Gr,"aria-invalid":f?"true":void 0,"aria-busy":A?"true":void 0,"aria-label":ip,disabled:H,readOnly:$}),(0,re.jsx)(Ye,{valid:M,invalid:f,loading:A,disabled:H}),(0,re.jsx)(et,{loading:A,disabled:H}),(0,re.jsx)(pt,{loading:A,disabled:H,readonly:$,value:b}),p&&(0,re.jsxs)(re.Fragment,{children:[l&&(0,re.jsx)(gt,{}),(0,re.jsx)(Nt,{children:p})]}),(0,re.jsx)(c,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:H})]}),D&&_&&(0,re.jsx)(me,{className:"k-list-container k-combobox-popup",containerClassName:"k-combobox-popup-container",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:_}),be&&(0,re.jsx)(ge,{adaptive:!0,id:Io?`${Io}-adaptive`:void 0,...Le,header:(0,re.jsx)(Qe,{actionsEnd:(0,re.jsx)(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:b,inputPlaceholder:g,title:qe,subtitle:st}),children:(0,re.jsx)("div",{className:"k-list-container",children:(0,re.jsx)(Q,{customValue:dt?(0,re.jsx)(uo,{text:`Use "${b}"`}):void 0,size:"large",children:(0,re.jsxs)(ne,{"aria-label":qe\|\|"Options",children:[(0,re.jsx)(V,{text:"List item"}),(0,re.jsx)(V,{text:"List item"}),(0,re.jsx)(V,{text:"List item"})]})})})})]})};je.states=dT;je.options=cT;je.className=Vd;je.defaultOptions=$d;je.moduleName=nn;je.folderName=Fd;je.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 Tt=je;var Wd=require("react/jsx-runtime"),Xd=e=>(0,Wd.jsx)(Tt,{...e});var Jd=require("react/jsx-runtime");var qd=require("react/jsx-runtime");var Yd=require("react/jsx-runtime");var Qd=require("react/jsx-runtime");var Zd=require("react/jsx-runtime");var jd=require("react/jsx-runtime");var sn=require("react/jsx-runtime");var pT=require("react/jsx-runtime");var mT=require("react/jsx-runtime");var ec=require("react/jsx-runtime");var tc=require("react/jsx-runtime");var Et=require("react/jsx-runtime"),uT=je.states,bT=je.defaultOptions,fT=je.options,TT=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],hT=[],Ka=e=>{let{modifiers:t,...o}=e,a={},l=(0,Et.jsx)(Q,{style:{width:300},size:o.size,children:(0,Et.jsxs)(ne,{children:[(0,Et.jsx)(V,{children:"List item"}),(0,Et.jsx)(V,{children:"List item"}),(0,Et.jsx)(V,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(s=>{switch(s){case"prefix":a.prefix=t!=null&&t[s]?(0,Et.jsx)(m,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t!=null&&t[s]?(0,Et.jsx)(io,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!(t!=null&&t[s]),a.popup=t!=null&&t[s]?l:void 0;break;default:break}}),(0,Et.jsx)("div",{children:(0,Et.jsx)(Xd,{value:"Value",style:{width:300},...o,...a})})};Ka.options=fT;Ka.states=uT;Ka.variants=hT;Ka.defaultOptions=bT;Ka.modifiers=TT;var dn="menu-button",oc=dn;var rc=require("react/jsx-runtime"),ac="k-menu-button",xT=[i.hover,i.focus,i.active,i.selected,i.disabled],NT={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.light,h.dark,h.inverse]},cn={showArrow:!0,arrowIconName:"caret-alt-down"},ce=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:p,active:b,selected:g,disabled:L,icon:y,text:M,showArrow:f=cn.showArrow,arrowIconName:E=cn.arrowIconName,expanded:A,...H}=e;return(0,rc.jsx)(c,{...H,className:r(e.className,ac),text:M,size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:p,active:b,selected:g,disabled:L,icon:y,showArrow:f,arrowIconName:E,"aria-expanded":A?"true":"false",...!M&&y&&!e["aria-label"]&&{"aria-label":"Menu"},...L&&{"aria-disabled":"true"}})};ce.states=xT;ce.options=NT;ce.className=ac;ce.defaultOptions=cn;ce.moduleName=dn;ce.folderName=oc;ce.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var gT=require("react/jsx-runtime");var kT=require("react/jsx-runtime");var vT=require("react/jsx-runtime");var ht="menu",Mt=ht;var Jt=require("react/jsx-runtime"),pn="k-menu-item",LT=[i.hover,i.focus,i.active,i.selected,i.disabled],CT={},lc={iconPosition:"before"},$e=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:s,icon:p,text:b,first:g,last:L,showArrow:y,arrowIconName:M,iconPosition:f=lc.iconPosition,dir:E,children:A,expanded:H,..._}=e,D=M;return D\|\|(D=E==="rtl"?"caret-alt-left":"caret-alt-right"),(0,Jt.jsxs)("li",{..._,className:r(e.className,pn,"k-item",K(pn,{focus:o,disabled:s,hover:t,active:a,selected:l}),{"k-first":g,"k-last":L}),role:"menuitem",...y&&{"aria-haspopup":"menu"},...y&&{"aria-expanded":H?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,Jt.jsxs)("span",{className:r("k-link k-menu-link"),children:[p&&f==="before"&&(0,Jt.jsx)(m,{className:"k-menu-link-icon",icon:p}),(0,Jt.jsx)("span",{className:"k-menu-link-text",children:b}),p&&f==="after"&&(0,Jt.jsx)(m,{className:"k-menu-link-icon",icon:p}),y&&(0,Jt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,Jt.jsx)(m,{icon:D})})]}),A]})};$e.states=LT;$e.options=CT;$e.className=pn;$e.defaultOptions=lc;$e.moduleName=ht;$e.folderName=Mt;var qt=require("react/jsx-runtime"),mn="k-menu-item",MT=[i.hover,i.focus,i.active,i.selected,i.disabled],yT={},un={dir:"ltr",iconPosition:"before"},he=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:s,icon:p,text:b,first:g,last:L,showArrow:y,arrowIconName:M,iconPosition:f=un.iconPosition,dir:E=un.dir,children:A,popup:H,expanded:_,...D}=e,$=M;return $\|\|($=E==="rtl"?"caret-alt-left":"caret-alt-right"),(0,qt.jsxs)("li",{...D,className:r(e.className,mn,"k-item",K(mn,{focus:o,disabled:s}),{"k-first":g,"k-last":L}),role:"menuitem",...y&&{"aria-haspopup":"menu"},...y&&{"aria-expanded":_?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,qt.jsxs)("span",{className:r("k-link k-menu-link",K("k-menu-link",{hover:t,active:a,selected:l,disabled:s})),children:[p&&f==="before"&&(0,qt.jsx)(m,{className:"k-menu-link-icon",icon:p}),(0,qt.jsx)("span",{className:"k-menu-link-text",children:b}),p&&f==="after"&&(0,qt.jsx)(m,{className:"k-menu-link-icon",icon:p}),y&&(0,qt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,qt.jsx)(m,{icon:$})})]}),A,H]})};he.states=MT;he.options=yT;he.className=mn;he.defaultOptions=un;he.moduleName=ht;he.folderName=Mt;var sc=require("react/jsx-runtime"),nc="k-menu-scroll-wrapper",ST=[],wT={},AT={},So=e=>{let{className:t,children:o,orientation:a,...l}=e;return(0,sc.jsx)("div",{...l,className:r(t,nc,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};So.states=ST;So.options=wT;So.className=nc;So.defaultOptions=AT;So.moduleName=ht;So.folderName=Mt;var ic=So;var Ge=require("react/jsx-runtime"),bn="k-menu",ET=[],IT={},wr={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Ke=e=>{let{children:t,orientation:o=wr.orientation,header:a=wr.header,scrollable:l,scrollButtonsPosition:s=wr.scrollButtonsPosition,wrapperStyles:p,dir:b,popup:g,contextMenu:L,...y}=e,M={horizontal:{prev:b!=="rtl"?"left":"right",next:b!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},f=(0,Ge.jsx)("ul",{dir:b,...y,className:r(e.className,"k-reset",bn,{[`${bn}-${o}`]:o,"k-header":a}),role:L?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,Ge.jsxs)(Ge.Fragment,{children:[l?(0,Ge.jsxs)(ic,{orientation:o,style:p,dir:e.dir,children:[s==="start"&&(0,Ge.jsxs)(Ge.Fragment,{children:[(0,Ge.jsx)(c,{fillMode:"flat",icon:`caret-alt-${M[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,Ge.jsx)(c,{fillMode:"flat",icon:`caret-alt-${M[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&(0,Ge.jsx)(c,{fillMode:"flat",icon:`caret-alt-${M[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),f,s==="end"&&(0,Ge.jsxs)(Ge.Fragment,{children:[(0,Ge.jsx)(c,{fillMode:"flat",icon:`caret-alt-${M[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,Ge.jsx)(c,{fillMode:"flat",icon:`caret-alt-${M[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&(0,Ge.jsx)(c,{fillMode:"flat",icon:`caret-alt-${M[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):f,g]})};Ke.states=ET;Ke.options=IT;Ke.className=bn;Ke.defaultOptions=wr;Ke.moduleName=ht;Ke.folderName=Mt;Ke.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."}]};var cc=require("react/jsx-runtime"),fn="k-separator",dc={orientation:"horizontal"},Jo=e=>{let{orientation:t=dc.orientation,...o}=e;return(0,cc.jsx)("li",{...o,className:r(e.className,"k-item",fn,{[`${fn}-${t}`]:t}),role:"separator"})};Jo.className=fn;Jo.defaultOptions=dc;Jo.moduleName=ht;Jo.folderName=Mt;var pc=require("react/jsx-runtime");var mc=require("react/jsx-runtime"),Tn="k-menu-group",RT=[],OT={size:[d.undefined,d.small,d.medium,d.large]},HT={},Xe=e=>{let{children:t,size:o,...a}=e;return(0,mc.jsx)("ul",{...a,className:r(e.className,Tn,R(Tn,{size:o})),role:"menu",children:t})};Xe.states=RT;Xe.options=OT;Xe.className=Tn;Xe.defaultOptions=HT;Xe.moduleName=ht;Xe.folderName=Mt;var It=require("react/jsx-runtime"),hn=e=>(0,It.jsx)(Ke,{children:(0,It.jsxs)(It.Fragment,{children:[(0,It.jsx)($e,{first:!0,text:"Item 1"}),(0,It.jsx)($e,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),(0,It.jsx)($e,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),(0,It.jsx)($e,{text:"Item 4"}),(0,It.jsx)($e,{last:!0,text:"Item 5"})]}),...e});var xn=require("react/jsx-runtime");var Nn=require("react/jsx-runtime");var gn=require("react/jsx-runtime");var kn=require("react/jsx-runtime");var _t=require("react/jsx-runtime"),PT=Ke.options,GT=Ke.states,uc={...Ke.defaultOptions,variant:"horizontal"},KT=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],BT=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Ba=e=>{let{variant:t,modifiers:o,...a}={...uc,...e},l={};return Object.keys(o\|\|{}).forEach(s=>{switch(s){case"scrollable":l.scrollable=!!(o!=null&&o[s]);break;case"opened":l.opened=!!(o!=null&&o[s]),l.popup=(0,_t.jsx)(me,{className:"k-menu-popup",children:(0,_t.jsxs)(Xe,{children:[(0,_t.jsx)(he,{text:"Item 1"}),(0,_t.jsx)(he,{text:"Item 2"}),(0,_t.jsx)(Jo,{}),(0,_t.jsx)(he,{text:"Item 3"})]})});break}}),t==="vertical"?(0,_t.jsx)(hn,{...a,...l,orientation:"vertical",style:{width:"200px"}}):(0,_t.jsx)(hn,{...a,...l})};Ba.options=PT;Ba.states=GT;Ba.variants=KT;Ba.defaultOptions=uc;Ba.modifiers=BT;var vn=require("react/jsx-runtime");var DT=require("react/jsx-runtime");var We=require("react/jsx-runtime"),_T=c.states,bc={...c.defaultOptions,variant:"text"},zT=c.options,UT=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],FT=[{name:"opened",title:"Opened"}],Da=e=>{let{variant:t,modifiers:o,...a}={...bc,...e},l={},s=(0,We.jsx)(me,{className:"k-menu-popup",children:(0,We.jsxs)(Xe,{size:a.size,children:[(0,We.jsx)(he,{first:!0,text:"Menu Item"}),(0,We.jsx)(he,{text:"Menu Item"}),(0,We.jsx)(he,{last:!0,text:"Menu Item"})]})}),p;switch(t){case"icon-only":p=(0,We.jsx)("div",{children:(0,We.jsx)(ce,{...a,...l,icon:"star"})});break;case"icon-and-text":p=(0,We.jsx)("div",{children:(0,We.jsx)(ce,{...a,...l,icon:"star",children:"Dropdown Button"})});break;default:p=(0,We.jsx)("div",{children:(0,We.jsx)(ce,{...a,...l,children:"Dropdown Button"})});break}return(0,We.jsxs)(We.Fragment,{children:[p,(o==null?void 0:o.opened)&&s]})};Da.options=zT;Da.states=_T;Da.variants=UT;Da.defaultOptions=bc;Da.modifiers=FT;var Ln="split-button",fc=Ln;var Yt=require("react/jsx-runtime"),Cn="k-split-button",VT=[i.hover,i.focus,i.active,i.selected,i.disabled],$T={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.light,h.dark,h.inverse]},Tc={arrowIconName:"caret-alt-down"},Z=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:p,active:b,selected:g,disabled:L,icon:y,text:M,arrowIconName:f=Tc.arrowIconName,popup:E,opened:A,popupId:H,..._}=e;return(0,Yt.jsxs)(Yt.Fragment,{children:[(0,Yt.jsxs)("div",{..._,className:r(e.className,Cn,"k-button-group",R(Cn,{rounded:o})),children:[(0,Yt.jsx)(c,{text:M,icon:y,size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:p,active:b,selected:g,disabled:L,...!M&&!e.children&&y&&{"aria-label":"Action"},children:e.children}),(0,Yt.jsx)(c,{className:"k-split-button-arrow",icon:f,size:t,rounded:o,fillMode:a,disabled:L,"aria-label":"Toggle dropdown","aria-expanded":A?"true":"false","aria-controls":A?H:void 0,tabIndex:-1,...L&&{"aria-disabled":"true"}})]}),A&&E&&(0,Yt.jsx)(me,{className:"k-menu-popup",children:E})]})};Z.states=VT;Z.options=$T;Z.className=Cn;Z.defaultOptions=Tc;Z.moduleName=Ln;Z.folderName=fc;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 Mn=Z;var hc=require("react/jsx-runtime"),XT="k-toolbar-separator",Rt=e=>(0,hc.jsx)("div",{className:r(XT,e.className,"k-separator")});var Qt="toolbar",xo=Qt;var U=require("react/jsx-runtime"),Zt="k-toolbar",WT=[i.focus],JT={size:[d.undefined,d.small,d.medium,d.large],fillMode:[k.undefined,k.solid,k.outline,k.flat]},qT={scrollButtons:"around"},pe=e=>{let{size:t,fillMode:o,focus:a,resizable:l,scrollable:s,scrollButtons:p,scrollingPosition:b,section:g,...L}=e,y=[],M=(f,E)=>{let A=[];if(f.type===c&&f.props.className&&f.props.className.includes("k-toolbar-overflow-button"))A.push((0,U.jsx)(c,{...f.props,className:`${f.props.className?f.props.className:""}`},`${E}-${new Date().getTime()}`));else if(f.type===c)A.push((0,U.jsx)(c,{...f.props,className:`k-toolbar-button ${f.props.className?f.props.className:""}`},`${E}-${new Date().getTime()}`));else if(f.type===ra)A.push((0,U.jsx)(ra,{...f.props,className:`k-toolbar-button ${f.props.className?f.props.className:""}`},`${E}-${new Date().getTime()}`));else if(f.type===io)A.push((0,U.jsx)(io,{...f.props,className:`k-toolbar-button ${f.props.className?f.props.className:""}`},`${E}-${new Date().getTime()}`));else if(f.type===ce)A.push((0,U.jsx)(ce,{...f.props,className:`k-toolbar-menu-button ${f.props.className?f.props.className:""}`},`${E}-${new Date().getTime()}`));else if(f.type===Mn)A.push((0,U.jsx)(Mn,{...f.props,className:`k-toolbar-split-button ${f.props.className?f.props.className:""}`},`${E}-${new Date().getTime()}`));else if(f.type===F\|\|f.props.className&&f.props.className.includes("k-button-group")){let H=[];(Array.isArray(f.props.children)?f.props.children:[f.props.children]).forEach((D,$)=>{H.push((0,U.jsx)(c,{...D.props,className:`${D.props.className?D.props.className:""}`},`${$}-${new Date().getTime()}`))}),A.push((0,U.jsx)(F,{...f.props,className:`k-toolbar-button-group ${f.props.className?f.props.className:""}`,children:H},`${E}-${new Date().getTime()}`))}else f.type===je?A.push((0,U.jsx)(je,{...f.props,className:`k-toolbar-combobox ${f.props.className?f.props.className:""}`},`${E}-${new Date().getTime()}`)):f.type===se?A.push((0,U.jsx)(se,{...f.props,className:`k-toolbar-dropdownlist ${f.props.className?f.props.className:""}`},`${E}-${new Date().getTime()}`)):f.type===ft?A.push((0,U.jsx)(ft,{...f.props,className:`k-toolbar-colorpicker ${f.props.className?f.props.className:""}`},`${E}-${new Date().getTime()}`)):A.push(f);A.forEach(H=>{y.push(H)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((E,A)=>{M(E,A)}),(0,U.jsxs)("div",{...L,className:r(e.className,Zt,R(Zt,{size:t,fillMode:o}),K(Zt,{focus:a}),{[`${Zt}-resizable`]:l,[`${Zt}-scrollable`]:s,[`${Zt}-scrollable-overlay`]:s&&p==="hidden",[`${Zt}-scrollable-${b}`]:b&&b!=="both",[`${Zt}-section`]:g}),role:"toolbar","aria-label":"Toolbar",children:[!s&&y,s&&p==="hidden"&&(0,U.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:y}),s&&p==="start"&&(0,U.jsxs)(U.Fragment,{children:[(0,U.jsxs)(F,{children:[(0,U.jsx)("span",{className:r("k-toolbar-prev","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(m,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,U.jsx)("span",{className:r("k-toolbar-next","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(m,{className:"k-button-icon",icon:"caret-alt-right"})})]}),(0,U.jsx)(Rt,{className:"k-toolbar-button-separator"}),(0,U.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:y})]}),s&&p==="end"&&(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:y}),(0,U.jsx)(Rt,{className:"k-toolbar-button-separator"}),(0,U.jsxs)(F,{children:[(0,U.jsx)("span",{className:r("k-toolbar-prev","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(m,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,U.jsx)("span",{className:r("k-toolbar-next","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(m,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),s&&(p==="around"\|\|!p)&&(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)("span",{className:r("k-toolbar-prev","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(m,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,U.jsx)(Rt,{className:"k-toolbar-button-separator"}),(0,U.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:y}),(0,U.jsx)(Rt,{className:"k-toolbar-button-separator"}),(0,U.jsx)("span",{className:r("k-toolbar-next","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(m,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};pe.states=WT;pe.options=JT;pe.className=Zt;pe.defaultOptions=qT;pe.moduleName=Qt;pe.folderName=xo;pe.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."}]};var Nc=require("react/jsx-runtime"),xc="k-floating-toolbar",YT=[],QT={},ZT={},qo=e=>{let{...t}=e;return(0,Nc.jsx)("div",{...t,className:r(e.className,xc),children:e.children})};qo.states=YT;qo.options=QT;qo.className=xc;qo.defaultOptions=ZT;qo.moduleName=Qt;qo.folderName=xo;var gc=require("react/jsx-runtime"),yn="k-toolbar-item",jT=[i.focus],eh={},th={},Yo=e=>{let{focus:t,...o}=e;return(0,gc.jsx)("div",{...o,className:r(e.className,yn,K(yn,{focus:t})),children:e.children})};Yo.states=jT;Yo.options=eh;Yo.className=yn;Yo.defaultOptions=th;Yo.moduleName=Qt;Yo.folderName=xo;var Sn=require("react/jsx-runtime"),kc="k-toolbar-popup",oh=[],ah={size:[d.undefined,d.small,d.medium,d.large],fillMode:[k.undefined,k.solid,k.outline,k.flat]},rh={},wo=e=>{let{size:t,fillMode:o,section:a,...l}=e;return(0,Sn.jsx)(me,{...l,className:r(e.className,kc),children:a?(0,Sn.jsx)("span",{className:r("k-toolbar-items-list",R("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};wo.states=oh;wo.options=ah;wo.className=kc;wo.defaultOptions=rh;wo.moduleName=Qt;wo.folderName=xo;var Ar=wo;var lh=require("react/jsx-runtime");var nh=require("react/jsx-runtime");var ih=require("react/jsx-runtime");var vc=require("react/jsx-runtime");var sh=require("react/jsx-runtime");var yt=require("react/jsx-runtime"),dh=Z.states,Lc={...Z.defaultOptions,variant:"text"},ch=Z.options,ph=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],mh=[{name:"opened",title:"Opened"}],_a=e=>{let{variant:t,modifiers:o,...a}={...Lc,...e},l={},s=(0,yt.jsxs)(Xe,{size:a.size,children:[(0,yt.jsx)(he,{first:!0,text:"Menu Item"}),(0,yt.jsx)(he,{text:"Menu Item"}),(0,yt.jsx)(he,{last:!0,text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(p=>{p==="opened"&&(l.opened=!!(o!=null&&o[p]),l.popup=o!=null&&o[p]?s:"")}),t){case"icon-only":return(0,yt.jsx)("div",{children:(0,yt.jsx)(Z,{...a,...l,icon:"star"})});case"icon-and-text":return(0,yt.jsx)("div",{children:(0,yt.jsx)(Z,{...a,...l,icon:"star",children:"Split Button"})});default:return(0,yt.jsx)("div",{children:(0,yt.jsx)(Z,{...a,...l,children:"Split Button"})})}};_a.options=ch;_a.states=dh;_a.variants=ph;_a.defaultOptions=Lc;_a.modifiers=mh;var zt=require("react/jsx-runtime"),Cc=e=>(0,zt.jsx)(pe,{children:[(0,zt.jsx)(c,{children:"Button"},"toolbar-button"),(0,zt.jsx)(ce,{text:"Menu button"},"toolbar-menu-button"),(0,zt.jsx)(Z,{children:"Split button"},"toolbar-split-button"),(0,zt.jsxs)(F,{children:[(0,zt.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,zt.jsx)(c,{icon:"align-center",children:"Center"}),(0,zt.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var Mc=require("react/jsx-runtime");var Be=require("react/jsx-runtime"),yc=e=>(0,Be.jsx)(pe,{scrollable:!0,...e,children:[(0,Be.jsx)(c,{children:"Button"},"toolbar-button"),(0,Be.jsx)(ce,{text:"Menu button"},"toolbar-menu-button"),(0,Be.jsx)(Z,{children:"Split button"},"toolbar-split-button"),(0,Be.jsxs)(F,{children:[(0,Be.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Be.jsx)(c,{icon:"align-center",children:"Center"}),(0,Be.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,Be.jsx)(c,{children:"Button"},"toolbar-button"),(0,Be.jsx)(ce,{text:"Menu button"},"toolbar-menu-button"),(0,Be.jsx)(Z,{children:"Split button"},"toolbar-split-button"),(0,Be.jsxs)(F,{children:[(0,Be.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Be.jsx)(c,{icon:"align-center",children:"Center"}),(0,Be.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var De=require("react/jsx-runtime"),Sc=({scrollingPosition:e="start",...t})=>(0,De.jsx)(pe,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[(0,De.jsx)(c,{children:"Button"},"toolbar-button"),(0,De.jsx)(ce,{text:"Menu button"},"toolbar-menu-button"),(0,De.jsx)(Z,{children:"Split button"},"toolbar-split-button"),(0,De.jsxs)(F,{children:[(0,De.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,De.jsx)(c,{icon:"align-center",children:"Center"}),(0,De.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,De.jsx)(c,{children:"Button"},"toolbar-button"),(0,De.jsx)(ce,{text:"Menu button"},"toolbar-menu-button"),(0,De.jsx)(Z,{children:"Split button"},"toolbar-split-button"),(0,De.jsxs)(F,{children:[(0,De.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,De.jsx)(c,{icon:"align-center",children:"Center"}),(0,De.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});var xe=require("react/jsx-runtime"),wc=({fillMode:e,size:t,...o})=>(0,xe.jsxs)(xe.Fragment,{children:[(0,xe.jsx)(pe,{section:!0,fillMode:e,size:t,children:[(0,xe.jsx)(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,xe.jsxs)(F,{fillMode:e,children:[(0,xe.jsx)(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,xe.jsx)(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,xe.jsx)(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),(0,xe.jsx)(Rt,{className:"k-toolbar-button-separator"}),(0,xe.jsx)(c,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),(0,xe.jsxs)(Ar,{size:t,fillMode:e,section:!0,...o,children:[(0,xe.jsx)(Z,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),(0,xe.jsx)(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,xe.jsx)(Rt,{}),(0,xe.jsx)(ce,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),(0,xe.jsxs)(F,{fillMode:e,children:[(0,xe.jsx)(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,xe.jsx)(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,xe.jsx)(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});var wn=require("react/jsx-runtime");var An=require("react/jsx-runtime");var jt=require("react/jsx-runtime"),uh=pe.options,bh=pe.states,Ac={...pe.defaultOptions,variant:"default"},fh=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Th=[],za=e=>{let{variant:t,...o}={...Ac,...e};switch(t){case"responsive":return(0,jt.jsx)("div",{children:(0,jt.jsx)(wc,{style:{width:"583px"},...o})});case"overlay":return(0,jt.jsx)("div",{children:(0,jt.jsx)(Sc,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,jt.jsx)("div",{children:(0,jt.jsx)(yc,{style:{width:"583px"},...o})});default:return(0,jt.jsx)("div",{children:(0,jt.jsx)(Cc,{style:{width:"583px"},...o})})}};za.options=uh;za.states=bh;za.variants=fh;za.defaultOptions=Ac;za.modifiers=Th;var Ic=require("react/jsx-runtime"),Ec="k-grid-toolbar",eo=e=>(0,Ic.jsx)(pe,{...e,className:r(e.className,Ec),children:e.children});eo.className=Ec;eo.moduleName=j;eo.folderName=oe;var Qo=require("react/jsx-runtime"),En="k-grid-stack-cell",hh=[i.focus,i.selected],Er=e=>{let{cellHeader:t,cellContent:o,edit:a,commandCell:l,dirty:s,focus:p,selected:b,...g}=e;return(0,Qo.jsxs)("div",{...g,className:r(e.className,En,{"k-grid-stack-edit-cell":a,"k-command-cell":l,"k-dirty-cell":s},K(En,{focus:p,selected:b})),children:[s&&(0,Qo.jsx)("span",{className:"k-dirty"}),t&&(0,Qo.jsx)("div",{className:"k-grid-stack-header",children:t}),(0,Qo.jsx)("div",{className:"k-grid-stack-content",children:o}),e.children]})};Er.states=hh;Er.className=En;Er.moduleName=j;Er.folderName=oe;var Oc=require("react/jsx-runtime"),Rc="k-grid-stack-row",Ir=e=>{let{cols:t,...o}=e;return(0,Oc.jsx)("div",{...o,className:r(e.className,Rc,{[`k-grid-cols-${t}`]:t}),children:e.children})};Ir.className=Rc;Ir.moduleName=j;Ir.folderName=oe;var In=require("react/jsx-runtime");var Rn=require("react/jsx-runtime");var On=require("react/jsx-runtime");var N=require("react/jsx-runtime"),Hc=({contentClassName:e,...t})=>(0,N.jsx)(Y,{_renderAriaRoot:!0,pager:(0,N.jsx)(Bt,{refresh:!1}),children:(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(J,{children:(0,N.jsx)("div",{className:"k-grid-header-wrap",children:(0,N.jsxs)(q,{children:[(0,N.jsxs)("colgroup",{children:[(0,N.jsx)("col",{}),(0,N.jsx)("col",{style:{width:"225px"}}),(0,N.jsx)("col",{}),(0,N.jsx)("col",{}),(0,N.jsx)("col",{})]}),(0,N.jsxs)(X,{children:[(0,N.jsxs)(v,{children:[(0,N.jsx)(S,{rowspan:1,colspan:1,columnTitle:"Product Id"}),(0,N.jsx)(S,{rowspan:1,colspan:1,columnTitle:"Name"}),(0,N.jsx)(S,{rowspan:1,colspan:1,columnTitle:"Quantity"}),(0,N.jsx)(S,{rowspan:1,colspan:1,columnTitle:"Unit Price"}),(0,N.jsx)(S,{rowspan:1,colspan:1,columnTitle:"Discontinued"})]}),(0,N.jsxs)(v,{className:"k-filter-row",children:[(0,N.jsx)(n,{children:(0,N.jsx)("div",{className:"k-filtercell",children:(0,N.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,N.jsx)(W,{}),(0,N.jsxs)("div",{className:"k-filtercell-operator",children:[(0,N.jsx)(se,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,N.jsx)(c,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,N.jsx)(n,{children:(0,N.jsx)("div",{className:"k-filtercell",children:(0,N.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,N.jsx)(ie,{}),(0,N.jsxs)("div",{className:"k-filtercell-operator",children:[(0,N.jsx)(se,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,N.jsx)(c,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,N.jsx)(n,{children:(0,N.jsx)("div",{className:"k-filtercell",children:(0,N.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,N.jsx)(ie,{}),(0,N.jsxs)("div",{className:"k-filtercell-operator",children:[(0,N.jsx)(se,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,N.jsx)(c,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,N.jsx)(n,{children:(0,N.jsx)("div",{className:"k-filtercell",children:(0,N.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,N.jsx)(W,{}),(0,N.jsxs)("div",{className:"k-filtercell-operator",children:[(0,N.jsx)(se,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,N.jsx)(c,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,N.jsx)(n,{children:(0,N.jsx)("div",{className:"k-filtercell",children:(0,N.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,N.jsx)(se,{}),(0,N.jsx)("div",{className:"k-filtercell-operator",children:(0,N.jsx)(c,{disabled:!0,icon:"filter-clear"})})]})})})]})]})]})})}),(0,N.jsx)(le,{children:(0,N.jsx)(ee,{className:e,children:(0,N.jsxs)(te,{children:[(0,N.jsxs)("colgroup",{children:[(0,N.jsx)("col",{}),(0,N.jsx)("col",{style:{width:"225px"}}),(0,N.jsx)("col",{}),(0,N.jsx)("col",{}),(0,N.jsx)("col",{})]}),(0,N.jsxs)(ae,{children:[(0,N.jsxs)(v,{className:"k-master-row",children:[(0,N.jsx)(n,{children:"1"}),(0,N.jsx)(n,{children:"Chai"}),(0,N.jsx)(n,{children:"10 boxes x 20 bags"}),(0,N.jsx)(n,{children:"18"}),(0,N.jsx)(n,{children:"false"})]}),(0,N.jsxs)(v,{className:"k-master-row",alt:!0,children:[(0,N.jsx)(n,{children:"2"}),(0,N.jsx)(n,{children:"Chang"}),(0,N.jsx)(n,{children:"24 - 12 oz bottles"}),(0,N.jsx)(n,{children:"19"}),(0,N.jsx)(n,{children:"false"})]}),(0,N.jsxs)(v,{className:"k-master-row",children:[(0,N.jsx)(n,{children:"3"}),(0,N.jsx)(n,{children:"Aniseed Syrup"}),(0,N.jsx)(n,{children:"12 - 550 ml bottles"}),(0,N.jsx)(n,{children:"10"}),(0,N.jsx)(n,{children:"false"})]}),(0,N.jsxs)(v,{className:"k-master-row",alt:!0,children:[(0,N.jsx)(n,{children:"4"}),(0,N.jsx)(n,{children:"Chef Anton's Cajun Seasoning"}),(0,N.jsx)(n,{children:"48 - 6 oz jars"}),(0,N.jsx)(n,{children:"22"}),(0,N.jsx)(n,{children:"false"})]}),(0,N.jsxs)(v,{className:"k-master-row",children:[(0,N.jsx)(n,{children:"5"}),(0,N.jsx)(n,{children:"Grandma's Boysenberry Spread"}),(0,N.jsx)(n,{children:"12 - 8 oz jars"}),(0,N.jsx)(n,{children:"25"}),(0,N.jsx)(n,{children:"false"})]})]})]})})})]}),...t});var Ua=require("react/jsx-runtime"),xh="k-chip-action";var Se=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=(0,Ua.jsx)(m,{icon:"x-circle",size:"small"});break;case"more":a=(0,Ua.jsx)(m,{icon:"more-vertical",size:"small"});break;default:return(0,Ua.jsx)(m,{icon:t,size:"small"})}return(0,Ua.jsx)("span",{...o,className:r(e.className,xh,`k-chip-${t}-action`),children:a})};var Hn="avatar",Pc=Hn;var Gn=require("react/jsx-runtime"),Fa="k-avatar";var Nh=[i.hover,i.focus,i.active,i.selected,i.disabled],gh={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[k.undefined,k.solid,k.outline],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.light,h.dark,h.inverse]},Pn={type:"text",border:!1},it=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,type:s=Pn.type,border:p=Pn.border,...b}=e;return(0,Gn.jsx)("div",{...b,className:r(e.className,Fa,R(Fa,{size:t,rounded:o,fillMode:a,themeColor:l}),{[`${Fa}-bordered`]:p}),children:(0,Gn.jsx)("span",{className:`${Fa}-${s}`,children:e.children})})};it.states=Nh;it.options=gh;it.className=Fa;it.defaultOptions=Pn;it.moduleName=Hn;it.folderName=Pc;it.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var Ao=it;var Kc=require("react/jsx-runtime"),Gc=e=>(0,Kc.jsx)(Ao,{type:"icon",...e});var Dc=require("react/jsx-runtime"),Bc=e=>(0,Dc.jsx)(Ao,{type:"text",...e});var zc=require("react/jsx-runtime"),_c=e=>(0,zc.jsx)(Ao,{type:"image",...e});var kh=require("react/jsx-runtime");var Zo=require("react/jsx-runtime"),vh=it.options,Lh=it.states,Ch={...it.defaultOptions,variant:"image"},Mh=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],yh=[],Va=e=>{let{variant:t,...o}=e;switch(t){case"icon":return(0,Zo.jsx)(Gc,{...o,children:(0,Zo.jsx)(m,{icon:"star"})});case"text":return(0,Zo.jsx)(Bc,{...o,children:"JO"});default:return(0,Zo.jsx)(_c,{...o,children:(0,Zo.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Va.options=vh;Va.states=Lh;Va.variants=Mh;Va.defaultOptions=Ch;Va.modifiers=yh;var $a="chip",Rr=$a;var to=require("react/jsx-runtime"),Or="k-chip",Sh=[i.hover,i.focus,i.active,i.selected,i.disabled],wh={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[k.undefined,k.solid,k.outline],themeColor:[h.undefined,h.base,h.success,h.warning,h.error,h.info]},Uc={avatarImage:"/packages/html/assets/avatar.jpg"},we=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,text:s,icon:p,actions:b,showAvatar:g,avatarImage:L=Uc.avatarImage,hover:y,focus:M,active:f,selected:E,disabled:A,...H}=e;return(0,to.jsxs)("div",{...H,className:r(e.className,Or,R(Or,{size:t,rounded:o,fillMode:a,themeColor:l}),K(Or,{hover:y,focus:M,active:f,disabled:A,selected:E})),role:e.role\|\|"button","aria-pressed":e.role==="option"?void 0:E?"true":"false","aria-selected":e.role==="option"?E?"true":"false":void 0,"aria-disabled":A?"true":void 0,children:[p&&(0,to.jsx)(m,{className:"k-chip-icon",icon:p,size:"small"}),g&&(0,to.jsx)(it,{className:"k-chip-avatar",type:"image",children:(0,to.jsx)("img",{src:L,alt:""})}),(0,to.jsx)("span",{className:"k-chip-content",children:e.children?e.children:s&&(0,to.jsx)("span",{className:"k-chip-label",children:s})}),b&&(0,to.jsx)("span",{className:"k-chip-actions",children:b})]})};we.states=Sh;we.options=wh;we.className=Or;we.defaultOptions=Uc;we.moduleName=$a;we.folderName=Rr;we.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 St=we;var Fc=require("react/jsx-runtime"),Kn="k-chip-list",Ah=[],Eh={size:[d.undefined,d.small,d.medium,d.large]},Ih={},Ae=e=>{let{size:t,multiselectable:o,ariaLabel:a,...l}=e;return(0,Fc.jsx)("div",{...l,className:r(e.className,Kn,R(Kn,{size:t})),role:"listbox","aria-label":a\|\|"chip list","aria-orientation":"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};Ae.states=Ah;Ae.options=Eh;Ae.className=Kn;Ae.defaultOptions=Ih;Ae.moduleName=$a;Ae.folderName=Rr;Ae.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."}]};var Rh=require("react/jsx-runtime");var Oh=require("react/jsx-runtime");var Vc=require("react/jsx-runtime"),Hr=e=>(0,Vc.jsx)(St,{text:"text",...e});var Hh=require("react/jsx-runtime");var Ph=require("react/jsx-runtime");var Bn=require("react/jsx-runtime");var $c=require("react/jsx-runtime");var Xc=require("react/jsx-runtime");var Wc=require("react/jsx-runtime");var oo=require("react/jsx-runtime"),Gh={...St.options,...Ae.options},Kh=[],Bh=Ae.states,Dh={...St.defaultOptions,...Ae.defaultOptions},_h=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],Xa=e=>{let{modifiers:t,className:o,...a}=e,l=t==null?void 0:t.icon,s=t==null?void 0:t.actions,p=t==null?void 0:t.avatar;return(0,oo.jsxs)(Ae,{size:a.size,className:o,children:[(0,oo.jsx)(Hr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?(0,oo.jsx)(Se,{type:"remove"}):void 0,showAvatar:p,children:"Chip"}),(0,oo.jsx)(Hr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?(0,oo.jsx)(Se,{type:"remove"}):void 0,showAvatar:p,children:"Chip"}),(0,oo.jsx)(Hr,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?(0,oo.jsx)(Se,{type:"remove"}):void 0,showAvatar:p,children:"Chip"})]})};Xa.options=Gh;Xa.states=Bh;Xa.variants=Kh;Xa.defaultOptions=Dh;Xa.modifiers=_h;var Pr=require("react/jsx-runtime"),zh=we.states,Uh=we.defaultOptions,Fh=we.options,Vh=[],$h=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],Wa=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"icon":a.icon=t!=null&&t[l]?"arrow-down":void 0;break;case"avatar":a.showAvatar=!!(t!=null&&t[l]),a.avatarImage=t!=null&&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!=null&&t[l]?(0,Pr.jsx)(Se,{type:"more"}):void 0;break;case"remove-icon":a.actions\|\|(a.actions=[]),a.actions[1]=t!=null&&t[l]?(0,Pr.jsx)(Se,{type:"remove"}):void 0;break;default:break}}),(0,Pr.jsx)(we,{...o,...a,children:"Chip component"})};Wa.options=Fh;Wa.states=zh;Wa.variants=Vh;Wa.defaultOptions=Uh;Wa.modifiers=$h;var I=require("react/jsx-runtime"),Jc=({dropClue:e,contentClassName:t,...o})=>(0,I.jsx)(Y,{_renderAriaRoot:!0,groupingHeader:(0,I.jsx)(ao,{dropClue:e,children:(0,I.jsxs)(Ae,{children:[(0,I.jsx)(we,{icon:"sort-asc-small",text:"ID",actions:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(Se,{type:"more"}),(0,I.jsx)(Se,{type:"remove"})]})}),(0,I.jsx)(we,{icon:"sort-desc-small",text:"Name",actions:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(Se,{type:"more"}),(0,I.jsx)(Se,{type:"remove"})]})})]})}),children:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(J,{draggable:!0,children:(0,I.jsx)("div",{className:"k-grid-header-wrap",children:(0,I.jsxs)(q,{children:[(0,I.jsxs)("colgroup",{children:[(0,I.jsx)("col",{className:"k-group-col"}),(0,I.jsx)("col",{className:"k-group-col"}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{})]}),(0,I.jsx)(X,{children:(0,I.jsxs)(v,{children:[(0,I.jsx)(S,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),(0,I.jsx)(S,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),(0,I.jsx)(S,{colspan:1,columnTitle:"ID"}),(0,I.jsx)(S,{colspan:1,columnTitle:"Name"}),(0,I.jsx)(S,{colspan:1,columnTitle:"Price"}),(0,I.jsx)(S,{colspan:1,columnTitle:"Category"})]})})]})})}),(0,I.jsx)(le,{children:(0,I.jsx)(ee,{className:t,children:(0,I.jsxs)(te,{children:[(0,I.jsxs)("colgroup",{children:[(0,I.jsx)("col",{className:"k-group-col"}),(0,I.jsx)("col",{className:"k-group-col"}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{})]}),(0,I.jsxs)(ae,{children:[(0,I.jsx)(v,{className:"k-table-group-row k-grouping-row",children:(0,I.jsx)(n,{colspan:6,children:(0,I.jsxs)("p",{className:"k-reset",children:[(0,I.jsx)(m,{icon:"caret-alt-right"}),"ID: 1"]})})}),(0,I.jsx)(v,{className:"k-table-group-row k-grouping-row",children:(0,I.jsx)(n,{colspan:6,children:(0,I.jsxs)("p",{className:"k-reset",children:[(0,I.jsx)(m,{icon:"caret-alt-down"}),"ID: 2"]})})}),(0,I.jsxs)(v,{className:"k-table-group-row k-grouping-row",children:[(0,I.jsx)(n,{className:"k-table-group-td k-group-cell"}),(0,I.jsx)(n,{colspan:5,children:(0,I.jsxs)("p",{className:"k-reset",children:[(0,I.jsx)(m,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),(0,I.jsxs)(v,{className:"k-master-row",alt:!0,children:[(0,I.jsx)(n,{className:"k-table-group-td k-group-cell"}),(0,I.jsx)(n,{className:"k-table-group-td k-group-cell"}),(0,I.jsx)(n,{colspan:0,children:"2"}),(0,I.jsx)(n,{colspan:0,children:"Chang"}),(0,I.jsx)(n,{colspan:0,children:"$19.00"}),(0,I.jsx)(n,{colspan:0,children:"Beverages"})]})]})]})})})]}),...o});var Dn=require("react/jsx-runtime");var _n=require("react/jsx-runtime");var zn=require("react/jsx-runtime");var P=require("react/jsx-runtime"),qc=({headerWrapClassName:e,contentClassName:t,...o})=>(0,P.jsx)(Y,{_renderAriaRoot:!0,children:(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(J,{children:(0,P.jsx)("div",{className:`k-grid-header-wrap ${e}`,children:(0,P.jsxs)(q,{children:[(0,P.jsxs)("colgroup",{children:[(0,P.jsx)("col",{}),(0,P.jsx)("col",{}),(0,P.jsx)("col",{}),(0,P.jsx)("col",{})]}),(0,P.jsxs)(X,{children:[(0,P.jsxs)(v,{children:[(0,P.jsx)(S,{rowspan:3,colspan:1,columnTitle:"ID"}),(0,P.jsx)(S,{rowspan:1,colspan:3,columnTitle:"Product Information"})]}),(0,P.jsxs)(v,{children:[(0,P.jsx)(S,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first"}),(0,P.jsx)(S,{rowspan:1,colspan:2,columnTitle:"Unit"})]}),(0,P.jsxs)(v,{children:[(0,P.jsx)(S,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first"}),(0,P.jsx)(S,{rowspan:1,colspan:1,columnTitle:"Units Price"})]})]})]})})}),(0,P.jsx)(le,{children:(0,P.jsx)(ee,{className:t,children:(0,P.jsxs)(te,{children:[(0,P.jsxs)("colgroup",{children:[(0,P.jsx)("col",{}),(0,P.jsx)("col",{}),(0,P.jsx)("col",{}),(0,P.jsx)("col",{})]}),(0,P.jsxs)(ae,{children:[(0,P.jsxs)(v,{className:"k-master-row",children:[(0,P.jsx)(n,{children:"1"}),(0,P.jsx)(n,{children:"Chai"}),(0,P.jsx)(n,{children:"39"}),(0,P.jsx)(n,{children:"18"})]}),(0,P.jsxs)(v,{className:"k-master-row",alt:!0,children:[(0,P.jsx)(n,{children:"2"}),(0,P.jsx)(n,{children:"Chang"}),(0,P.jsx)(n,{children:"17"}),(0,P.jsx)(n,{children:"19"})]}),(0,P.jsxs)(v,{className:"k-master-row",children:[(0,P.jsx)(n,{children:"3"}),(0,P.jsx)(n,{children:"Aniseed Syrup"}),(0,P.jsx)(n,{children:"13"}),(0,P.jsx)(n,{children:"10"})]}),(0,P.jsxs)(v,{className:"k-master-row",alt:!0,children:[(0,P.jsx)(n,{children:"4"}),(0,P.jsx)(n,{children:"Chef Anton's Cajun Seasoning"}),(0,P.jsx)(n,{children:"53"}),(0,P.jsx)(n,{children:"22"})]}),(0,P.jsxs)(v,{className:"k-master-row",children:[(0,P.jsx)(n,{children:"5"}),(0,P.jsx)(n,{children:"Chef Anton's Gumbo Mix"}),(0,P.jsx)(n,{children:"0"}),(0,P.jsx)(n,{children:"21.35"})]})]})]})})})]}),...o});var Un=require("react/jsx-runtime");var Fn=require("react/jsx-runtime");var B=require("react/jsx-runtime"),Yc=e=>(0,B.jsx)(Y,{_renderAriaRoot:!0,toolbar:(0,B.jsxs)(eo,{children:[(0,B.jsx)(c,{children:"Add new"}),(0,B.jsx)(c,{children:"Save Changes"}),(0,B.jsx)(c,{children:"Cancel Changes"})]}),children:(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(J,{children:(0,B.jsx)("div",{className:"k-grid-header-wrap",children:(0,B.jsxs)(q,{children:[(0,B.jsxs)("colgroup",{children:[(0,B.jsx)("col",{}),(0,B.jsx)("col",{}),(0,B.jsx)("col",{}),(0,B.jsx)("col",{style:{width:"300px"}})]}),(0,B.jsx)(X,{children:(0,B.jsxs)(v,{children:[(0,B.jsx)(S,{columnTitle:"Name"}),(0,B.jsx)(S,{columnTitle:"Price"}),(0,B.jsx)(S,{columnTitle:"Available"}),(0,B.jsx)(S,{accessibleLabel:"Commands"})]})})]})})}),(0,B.jsx)(le,{children:(0,B.jsx)(ee,{children:(0,B.jsx)("div",{children:(0,B.jsxs)(te,{children:[(0,B.jsxs)("colgroup",{children:[(0,B.jsx)("col",{}),(0,B.jsx)("col",{}),(0,B.jsx)("col",{}),(0,B.jsx)("col",{style:{width:"300px"}})]}),(0,B.jsxs)(ae,{children:[(0,B.jsxs)(v,{className:"k-master-row k-grid-add-row k-grid-edit-row",children:[(0,B.jsx)(n,{children:(0,B.jsx)(ie,{value:"Towel"})}),(0,B.jsx)(n,{children:(0,B.jsx)(W,{value:"42"})}),(0,B.jsx)(n,{children:(0,B.jsx)(tt,{})}),(0,B.jsxs)(n,{className:"k-command-cell",children:[(0,B.jsx)(c,{children:"Add"}),(0,B.jsx)(c,{children:"Cancel"})]})]}),(0,B.jsxs)(v,{className:"k-master-row",children:[(0,B.jsx)(n,{children:"Chai"}),(0,B.jsx)(n,{children:"18"}),(0,B.jsx)(n,{children:"false"}),(0,B.jsx)(n,{className:"k-command-cell",children:(0,B.jsx)(c,{children:"Remove"})})]}),(0,B.jsxs)(v,{className:"k-master-row",alt:!0,children:[(0,B.jsx)(n,{children:"Chang"}),(0,B.jsx)(n,{children:"19"}),(0,B.jsx)(n,{children:"false"}),(0,B.jsx)(n,{className:"k-command-cell",children:(0,B.jsx)(c,{children:"Remove"})})]})]})]})})})})]}),...e});var Vn=require("react/jsx-runtime");var u=require("react/jsx-runtime"),Xh=Y.options,Wh=Y.states,Qc={...Y.defaultOptions,variant:"normal"},Jh=[{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"}],qh=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],Ja=e=>{let{variant:t,modifiers:o,...a}={...Qc,...e},l={toolbar:void 0,pager:void 0},s=(0,u.jsxs)(eo,{children:[(0,u.jsx)(c,{icon:"plus",children:"Add New"}),(0,u.jsx)(c,{icon:"file-pdf",children:"Export to PDF"}),(0,u.jsx)("span",{className:"k-spacer"}),(0,u.jsx)(ie,{prefix:(0,u.jsx)(m,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),p=(0,u.jsx)(Ne,{pageSizes:!1,refresh:!1});Object.keys(o\|\|{}).forEach(L=>{switch(L){case"toolbar":l.toolbar=o!=null&&o[L]?s:void 0;break;case"pager":l.pager=o!=null&&o[L]?p:void 0;break;default:return}});let b={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},g=(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(J,{children:(0,u.jsx)("div",{className:"k-grid-header-wrap",children:(0,u.jsxs)(q,{children:[(0,u.jsxs)("colgroup",{children:[(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{})]}),(0,u.jsx)(X,{children:(0,u.jsxs)(v,{children:[(0,u.jsx)(S,{...b[t],columnTitle:"ID"}),(0,u.jsx)(S,{...b[t],columnTitle:"Product Name"}),(0,u.jsx)(S,{...b[t],columnTitle:"Units in Stock"}),(0,u.jsx)(S,{...b[t],columnTitle:"Units Price"})]})})]})})}),(0,u.jsx)(le,{children:(0,u.jsx)(ee,{children:(0,u.jsxs)(te,{children:[(0,u.jsxs)("colgroup",{children:[(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{})]}),(0,u.jsxs)(ae,{children:[(0,u.jsxs)(v,{children:[(0,u.jsx)(n,{children:"1"}),(0,u.jsx)(n,{children:"Chai"}),(0,u.jsx)(n,{children:"39"}),(0,u.jsx)(n,{children:"18"})]}),(0,u.jsxs)(v,{className:"k-alt",alt:!0,children:[(0,u.jsx)(n,{children:"2"}),(0,u.jsx)(n,{children:"Chang"}),(0,u.jsx)(n,{children:"17"}),(0,u.jsx)(n,{children:"19"})]}),(0,u.jsxs)(v,{children:[(0,u.jsx)(n,{children:"3"}),(0,u.jsx)(n,{children:"Aniseed Syrup"}),(0,u.jsx)(n,{children:"13"}),(0,u.jsx)(n,{children:"10"})]}),(0,u.jsxs)(v,{className:"k-alt",alt:!0,children:[(0,u.jsx)(n,{children:"4"}),(0,u.jsx)(n,{children:"Chef Anton's Cajun Seasoning"}),(0,u.jsx)(n,{children:"53"}),(0,u.jsx)(n,{children:"22"})]}),(0,u.jsxs)(v,{children:[(0,u.jsx)(n,{children:"5"}),(0,u.jsx)(n,{children:"Chef Anton's Gumbo Mix"}),(0,u.jsx)(n,{children:"0"}),(0,u.jsx)(n,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return(0,u.jsx)(qc,{...a,...l});case"editing":return(0,u.jsx)(Yc,{...a,...l});case"grouping":return(0,u.jsx)(Jc,{...a,...l,groupingHeader:(0,u.jsx)(ao,{children:(0,u.jsxs)(Ae,{children:[(0,u.jsx)(we,{icon:"sort-asc-small",actions:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(Se,{type:"more"}),(0,u.jsx)(Se,{type:"remove"})]}),children:"ID"}),(0,u.jsx)(we,{icon:"sort-desc-small",actions:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(Se,{type:"more"}),(0,u.jsx)(Se,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return(0,u.jsx)(Y,{...a,...l,children:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(J,{children:(0,u.jsxs)("div",{className:"k-grid-header-wrap",children:[" ",(0,u.jsxs)(q,{children:[(0,u.jsxs)("colgroup",{children:[(0,u.jsx)("col",{className:"k-drag-col"}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{})]}),(0,u.jsx)(X,{children:(0,u.jsxs)(v,{children:[(0,u.jsx)(S,{className:"k-drag-cell",accessibleLabel:"Reorder"}),(0,u.jsx)(S,{columnTitle:"ID"}),(0,u.jsx)(S,{columnTitle:"Product Name"}),(0,u.jsx)(S,{columnTitle:"Units in Stock"}),(0,u.jsx)(S,{columnTitle:"Units Price"})]})})]})]})}),(0,u.jsx)(le,{children:(0,u.jsx)(ee,{children:(0,u.jsxs)(te,{children:[(0,u.jsxs)("colgroup",{children:[(0,u.jsx)("col",{className:"k-drag-col"}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{})]}),(0,u.jsxs)(ae,{children:[(0,u.jsxs)(v,{children:[(0,u.jsx)(n,{className:"k-drag-cell",children:(0,u.jsx)(m,{icon:"reorder"})}),(0,u.jsx)(n,{children:"1"}),(0,u.jsx)(n,{children:"Chai"}),(0,u.jsx)(n,{children:"39"}),(0,u.jsx)(n,{children:"18"})]}),(0,u.jsxs)(v,{className:"k-alt",alt:!0,children:[(0,u.jsx)(n,{className:"k-drag-cell",children:(0,u.jsx)(m,{icon:"reorder"})}),(0,u.jsx)(n,{children:"2"}),(0,u.jsx)(n,{children:"Chang"}),(0,u.jsx)(n,{children:"17"}),(0,u.jsx)(n,{children:"19"})]}),(0,u.jsxs)(v,{children:[(0,u.jsx)(n,{className:"k-drag-cell",children:(0,u.jsx)(m,{icon:"reorder"})}),(0,u.jsx)(n,{children:"3"}),(0,u.jsx)(n,{children:"Aniseed Syrup"}),(0,u.jsx)(n,{children:"13"}),(0,u.jsx)(n,{children:"10"})]}),(0,u.jsxs)(v,{className:"k-alt",alt:!0,children:[(0,u.jsx)(n,{className:"k-drag-cell",children:(0,u.jsx)(m,{icon:"reorder"})}),(0,u.jsx)(n,{children:"4"}),(0,u.jsx)(n,{children:"Chef Anton's Cajun Seasoning"}),(0,u.jsx)(n,{children:"53"}),(0,u.jsx)(n,{children:"22"})]}),(0,u.jsxs)(v,{children:[(0,u.jsx)(n,{className:"k-drag-cell",children:(0,u.jsx)(m,{icon:"reorder"})}),(0,u.jsx)(n,{children:"5"}),(0,u.jsx)(n,{children:"Chef Anton's Gumbo Mix"}),(0,u.jsx)(n,{children:"0"}),(0,u.jsx)(n,{children:"21.35"})]})]})]})})})]})});case"filter-row":return(0,u.jsx)(Hc,{...a,...l});default:return(0,u.jsx)(Y,{...a,...l,children:g})}};Ja.options=Xh;Ja.states=Wh;Ja.variants=Jh;Ja.defaultOptions=Qc;Ja.modifiers=qh;var $n="treelist",Zc=$n;var ep=require("react/jsx-runtime"),jc="k-treelist",Yh=[],Qh={},Zh={},Je=e=>(0,ep.jsx)(Y,{...e,className:r(jc,e.className),children:e.children});Je.states=Yh;Je.options=Qh;Je.className=jc;Je.defaultOptions=Zh;Je.moduleName=$n;Je.folderName=Zc;var G=require("react/jsx-runtime"),Eo=({gridHeader:e,gridContent:t,menu:o,...a})=>(0,G.jsxs)(Je,{id:"treelist",_renderAriaRoot:!0,...a,children:[e\|\|(0,G.jsx)(J,{children:(0,G.jsx)("div",{className:"k-grid-header-wrap",children:(0,G.jsxs)(q,{children:[(0,G.jsxs)("colgroup",{children:[(0,G.jsx)("col",{}),(0,G.jsx)("col",{}),(0,G.jsx)("col",{})]}),(0,G.jsx)(X,{children:(0,G.jsxs)(v,{children:[(0,G.jsx)(S,{menu:o,columnTitle:"Name"}),(0,G.jsx)(S,{menu:o,columnTitle:"Position"}),(0,G.jsx)(S,{menu:o,columnTitle:"Hire Date"})]})})]})})}),(0,G.jsx)(le,{children:t\|\|(0,G.jsx)(ee,{children:(0,G.jsxs)(te,{children:[(0,G.jsxs)("colgroup",{children:[(0,G.jsx)("col",{}),(0,G.jsx)("col",{}),(0,G.jsx)("col",{})]}),(0,G.jsxs)(ae,{children:[(0,G.jsxs)(v,{children:[(0,G.jsxs)(n,{children:[(0,G.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),(0,G.jsx)(n,{children:"Sweeney"}),(0,G.jsx)(n,{children:"CEO"})]}),(0,G.jsxs)(v,{alt:!0,children:[(0,G.jsxs)(n,{children:[(0,G.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,G.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),(0,G.jsx)(n,{children:"Wooten"}),(0,G.jsx)(n,{children:"Chief Technical Officer"})]}),(0,G.jsxs)(v,{children:[(0,G.jsxs)(n,{children:[(0,G.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,G.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,G.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),(0,G.jsx)(n,{children:"Weber"}),(0,G.jsx)(n,{children:"VP, Engineering"})]}),(0,G.jsxs)(v,{alt:!0,children:[(0,G.jsxs)(n,{children:[(0,G.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,G.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,G.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,G.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),(0,G.jsx)(n,{children:"Hood"}),(0,G.jsx)(n,{children:"Team Lead"})]}),(0,G.jsxs)(v,{children:[(0,G.jsxs)(n,{children:[(0,G.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,G.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,G.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,G.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,G.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),(0,G.jsx)(n,{children:"Carr"}),(0,G.jsx)(n,{children:"Junior Software Developer"})]})]})]})})})]});var op=require("react/jsx-runtime"),tp=e=>(0,op.jsx)(Eo,{menu:"column",...e});var rp=require("react/jsx-runtime"),ap=e=>(0,rp.jsx)(Eo,{menu:"filter",...e});var w=require("react/jsx-runtime"),lp=({gridHeader:e,gridContent:t,menu:o,...a})=>(0,w.jsxs)(Je,{id:"treelist",_renderAriaRoot:!0,...a,children:[e\|\|(0,w.jsx)(J,{children:(0,w.jsx)("div",{className:"k-grid-header-wrap",children:(0,w.jsxs)(q,{children:[(0,w.jsxs)("colgroup",{children:[(0,w.jsx)("col",{className:"k-drag-col"}),(0,w.jsx)("col",{}),(0,w.jsx)("col",{}),(0,w.jsx)("col",{})]}),(0,w.jsx)(X,{children:(0,w.jsxs)(v,{children:[(0,w.jsx)(S,{}),(0,w.jsx)(S,{menu:o,columnTitle:"First Name"}),(0,w.jsx)(S,{menu:o,columnTitle:"Last Name"}),(0,w.jsx)(S,{menu:o,columnTitle:"Position"})]})})]})})}),(0,w.jsx)(le,{children:t\|\|(0,w.jsx)(ee,{children:(0,w.jsxs)(te,{children:[(0,w.jsxs)("colgroup",{children:[(0,w.jsx)("col",{className:"k-drag-col"}),(0,w.jsx)("col",{}),(0,w.jsx)("col",{}),(0,w.jsx)("col",{})]}),(0,w.jsxs)(ae,{children:[(0,w.jsxs)(v,{children:[(0,w.jsx)(n,{className:"k-drag-cell",children:(0,w.jsx)(m,{icon:"reorder"})}),(0,w.jsxs)(n,{children:[(0,w.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),(0,w.jsx)(n,{children:"Sweeney"}),(0,w.jsx)(n,{children:"CEO"})]}),(0,w.jsxs)(v,{alt:!0,children:[(0,w.jsx)(n,{className:"k-drag-cell",children:(0,w.jsx)(m,{icon:"reorder"})}),(0,w.jsxs)(n,{children:[(0,w.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,w.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),(0,w.jsx)(n,{children:"Wooten"}),(0,w.jsx)(n,{children:"Chief Technical Officer"})]}),(0,w.jsxs)(v,{children:[(0,w.jsx)(n,{className:"k-drag-cell",children:(0,w.jsx)(m,{icon:"reorder"})}),(0,w.jsxs)(n,{children:[(0,w.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,w.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,w.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),(0,w.jsx)(n,{children:"Weber"}),(0,w.jsx)(n,{children:"VP, Engineering"})]}),(0,w.jsxs)(v,{alt:!0,children:[(0,w.jsx)(n,{className:"k-drag-cell",children:(0,w.jsx)(m,{icon:"reorder"})}),(0,w.jsxs)(n,{children:[(0,w.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,w.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,w.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,w.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),(0,w.jsx)(n,{children:"Hood"}),(0,w.jsx)(n,{children:"Team Lead"})]}),(0,w.jsxs)(v,{children:[(0,w.jsx)(n,{className:"k-drag-cell",children:(0,w.jsx)(m,{icon:"reorder"})}),(0,w.jsxs)(n,{children:[(0,w.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,w.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,w.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,w.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,w.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),(0,w.jsx)(n,{children:"Carr"}),(0,w.jsx)(n,{children:"Junior Software Developer"})]})]})]})})})]});var T=require("react/jsx-runtime"),jh=Je.options,ex=Je.states,np={...Je.defaultOptions,variant:"normal"},tx=[{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"}],ox=[{name:"toolbar",title:"Toolbar"},{name:"pager",title:"Pager"}],qa=e=>{let{variant:t,modifiers:o,...a}={...np,...e},l={},s=(0,T.jsxs)(eo,{children:[(0,T.jsx)(c,{icon:"plus",children:"Add New"}),(0,T.jsx)(c,{icon:"file-pdf",children:"Export to PDF"}),(0,T.jsx)("span",{className:"k-spacer"}),(0,T.jsx)(ie,{prefix:(0,T.jsx)(m,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),p=(0,T.jsx)(Ne,{pageSizes:!1,refresh:!1});switch(Object.keys(o\|\|{}).forEach(b=>{switch(b){case"toolbar":l.toolbar=o!=null&&o[b]?s:void 0;break;case"pager":l.pager=o!=null&&o[b]?p:void 0;break;default:return}}),t){case"row-reordering":return(0,T.jsx)(lp,{...a,...l});case"column-menu":return(0,T.jsx)(tp,{...a,...l,gridHeader:(0,T.jsx)(J,{children:(0,T.jsx)("div",{className:"k-grid-header-wrap",children:(0,T.jsxs)(q,{children:[(0,T.jsxs)("colgroup",{children:[(0,T.jsx)("col",{}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{})]}),(0,T.jsx)(X,{children:(0,T.jsxs)(v,{children:[(0,T.jsx)(S,{menu:"column",columnTitle:"First Name"}),(0,T.jsx)(S,{menu:"column",columnTitle:"Last Name"}),(0,T.jsx)(S,{menu:"column",columnTitle:"Position"})]})})]})})})});case"filter-row":return(0,T.jsx)(ap,{...a,...l,gridHeader:(0,T.jsx)(J,{children:(0,T.jsx)("div",{className:"k-grid-header-wrap",children:(0,T.jsxs)(q,{children:[(0,T.jsxs)("colgroup",{children:[(0,T.jsx)("col",{}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{})]}),(0,T.jsx)(X,{children:(0,T.jsxs)(v,{children:[(0,T.jsx)(S,{menu:"filter",columnTitle:"First Name"}),(0,T.jsx)(S,{menu:"filter",columnTitle:"Last Name"}),(0,T.jsx)(S,{menu:"filter",columnTitle:"Position"})]})})]})})})});case"sorting":return(0,T.jsx)(Eo,{...a,...l,gridHeader:(0,T.jsx)(J,{children:(0,T.jsx)("div",{className:"k-grid-header-wrap",children:(0,T.jsxs)(q,{children:[(0,T.jsxs)("colgroup",{children:[(0,T.jsx)("col",{}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{})]}),(0,T.jsx)(X,{children:(0,T.jsxs)(v,{children:[(0,T.jsx)(S,{columnTitle:"First Name"}),(0,T.jsx)(S,{columnTitle:"Last Name",sortable:!0}),(0,T.jsx)(S,{columnTitle:"Position"})]})})]})})}),gridContent:(0,T.jsx)(ee,{children:(0,T.jsxs)(te,{children:[(0,T.jsxs)("colgroup",{children:[(0,T.jsx)("col",{}),(0,T.jsx)("col",{className:"k-sorted"}),(0,T.jsx)("col",{})]}),(0,T.jsxs)(ae,{children:[(0,T.jsxs)(v,{className:"k-treelist-group",children:[(0,T.jsxs)(n,{children:[(0,T.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),(0,T.jsx)(n,{children:"Sweeney"}),(0,T.jsx)(n,{children:"CEO"})]}),(0,T.jsxs)(v,{className:"k-treelist-group k-alt",alt:!0,children:[(0,T.jsxs)(n,{children:[(0,T.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,T.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),(0,T.jsx)(n,{children:"Wooten"}),(0,T.jsx)(n,{children:"Chief Technical Officer"})]}),(0,T.jsxs)(v,{className:"k-treelist-group",children:[(0,T.jsxs)(n,{children:[(0,T.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,T.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,T.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),(0,T.jsx)(n,{children:"Weber"}),(0,T.jsx)(n,{children:"VP, Engineering"})]}),(0,T.jsxs)(v,{className:"k-treelist-group k-alt",alt:!0,children:[(0,T.jsxs)(n,{children:[(0,T.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,T.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,T.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,T.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),(0,T.jsx)(n,{children:"Hood"}),(0,T.jsx)(n,{children:"Team Lead"})]}),(0,T.jsxs)(v,{children:[(0,T.jsxs)(n,{children:[(0,T.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,T.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,T.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,T.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,T.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),(0,T.jsx)(n,{children:"Carr"}),(0,T.jsx)(n,{children:"Junior Software Developer"})]})]})]})})});default:return(0,T.jsx)(Eo,{...a,...l,gridHeader:(0,T.jsx)(J,{children:(0,T.jsx)("div",{className:"k-grid-header-wrap",children:(0,T.jsxs)(q,{children:[(0,T.jsxs)("colgroup",{children:[(0,T.jsx)("col",{}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{})]}),(0,T.jsx)(X,{children:(0,T.jsxs)(v,{children:[(0,T.jsx)(S,{columnTitle:"First Name"}),(0,T.jsx)(S,{columnTitle:"Last Name"}),(0,T.jsx)(S,{columnTitle:"Position"})]})})]})})})})}};qa.options=jh;qa.states=ex;qa.variants=tx;qa.defaultOptions=np;qa.modifiers=ox;var C=require("react/jsx-runtime"),ax=({gridHeader:e,gridContent:t,menu:o,...a})=>(0,C.jsxs)(Je,{id:"treelist",_renderAriaRoot:!0,...a,children:[e\|\|(0,C.jsx)(J,{children:(0,C.jsx)("div",{className:"k-grid-header-wrap",children:(0,C.jsxs)(q,{children:[(0,C.jsxs)("colgroup",{children:[(0,C.jsx)("col",{}),(0,C.jsx)("col",{}),(0,C.jsx)("col",{})]}),(0,C.jsx)(X,{children:(0,C.jsxs)(v,{children:[(0,C.jsx)(S,{menu:o,columnTitle:"Name"}),(0,C.jsx)(S,{menu:o,columnTitle:"Position"}),(0,C.jsx)(S,{menu:o,columnTitle:"Hire Date"})]})})]})})}),(0,C.jsx)(le,{children:t\|\|(0,C.jsx)(ee,{children:(0,C.jsxs)(te,{children:[(0,C.jsxs)("colgroup",{children:[(0,C.jsx)("col",{}),(0,C.jsx)("col",{}),(0,C.jsx)("col",{})]}),(0,C.jsxs)(ae,{children:[(0,C.jsxs)(v,{children:[(0,C.jsxs)(n,{children:[(0,C.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl Sweeney"]}),(0,C.jsx)(n,{children:"CEO"}),(0,C.jsx)(n,{children:"February 7, 2012"})]}),(0,C.jsxs)(v,{alt:!0,children:[(0,C.jsxs)(n,{children:[(0,C.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,C.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-right"}),"Guy Wooten"]}),(0,C.jsx)(n,{children:"Chief Technical Officer"}),(0,C.jsx)(n,{children:"March 3, 2010"})]}),(0,C.jsxs)(v,{children:[(0,C.jsxs)(n,{children:[(0,C.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,C.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-right"}),"Priscilla Frank"]}),(0,C.jsx)(n,{children:"Chief Product Officer"}),(0,C.jsx)(n,{children:"November 30, 2014"})]}),(0,C.jsxs)(v,{alt:!0,children:[(0,C.jsxs)(n,{children:[(0,C.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,C.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Anika Vega"]}),(0,C.jsx)(n,{children:"Chief Process Officer"}),(0,C.jsx)(n,{children:"February 25, 2010"})]}),(0,C.jsxs)(v,{children:[(0,C.jsxs)(n,{children:[(0,C.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,C.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,C.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-right"}),"Vernon Ballard"]}),(0,C.jsx)(n,{children:"Director Facilities"}),(0,C.jsx)(n,{children:"June 26, 2015"})]}),(0,C.jsxs)(v,{className:"k-footer-template",children:[(0,C.jsxs)(n,{children:[(0,C.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,C.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,C.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),"7 employee(s)"]}),(0,C.jsx)(n,{}),(0,C.jsx)(n,{children:"Last employee hired on July 30, 2015"})]}),(0,C.jsxs)(v,{alt:!0,children:[(0,C.jsxs)(n,{children:[(0,C.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,C.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-right"}),"Nevada Hart"]}),(0,C.jsx)(n,{children:"Chief Financial Officer"}),(0,C.jsx)(n,{children:"August 17, 2015"})]}),(0,C.jsxs)(v,{children:[(0,C.jsxs)(n,{children:[(0,C.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,C.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-right"}),"Hunter Fry"]}),(0,C.jsx)(n,{children:"General Counsel"}),(0,C.jsx)(n,{children:"February 12, 2011"})]}),(0,C.jsxs)(v,{className:"k-footer-template",children:[(0,C.jsxs)(n,{children:[(0,C.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,C.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),"98 employee(s)"]}),(0,C.jsx)(n,{}),(0,C.jsx)(n,{children:"Last employee hired on August 17, 2015"})]}),(0,C.jsxs)(v,{className:"k-footer-template",children:[(0,C.jsxs)(n,{children:[(0,C.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),"99 employee(s)"]}),(0,C.jsx)(n,{}),(0,C.jsx)(n,{children:"Last employee hired on August 17, 2015"})]})]})]})})})]});
1	+ var mp=Object.create;var Qa=Object.defineProperty;var up=Object.getOwnPropertyDescriptor;var bp=Object.getOwnPropertyNames;var fp=Object.getPrototypeOf,Tp=Object.prototype.hasOwnProperty;var hp=(e,t)=>{for(var o in t)Qa(e,o,{get:t[o],enumerable:!0})},Wn=(e,t,o,a)=>{if(t&&typeof t=="object"\|\|typeof t=="function")for(let l of bp(t))!Tp.call(e,l)&&l!==o&&Qa(e,l,{get:()=>t[l],enumerable:!(a=up(t,l))\|\|a.enumerable});return e};var Jn=(e,t,o)=>(o=e!=null?mp(fp(e)):{},Wn(t\|\|!e\|\|!e.__esModule?Qa(o,"default",{value:e,enumerable:!0}):o,e)),xp=e=>Wn(Qa({},"__esModule",{value:!0}),e);var nx={};hp(nx,{TreeListAggregates:()=>lx});module.exports=xp(nx);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 R=(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"}),K=(e,t)=>{let{valid:o,invalid:a,hover:l,focus:s,checked:p,active:b,selected:g,disabled:L,indeterminate:y,loading:M,empty:f,readonly:E,highlighted:A,...H}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":l,"k-focus":s,"k-checked":p,"k-active":b,"k-selected":g,"k-disabled":L,"k-indeterminate":y&&!p,"k-loading":M,"k-empty":f,"k-readonly":E,"k-highlighted":A},Object.keys(H).reduce((_,B)=>(B.startsWith("k-")?_[B]=H[B]:_[`k-${B}`]=H[B],_),{}))};function qn(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"},x={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},k={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},h={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},i={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var J="grid",Q=J;var ja=require("react/jsx-runtime"),Za="k-grid",Np=[],gp={size:[d.undefined,d.small,d.medium,d.large]},kp=[],Yn={pagerPosition:"bottom"},Z=e=>{let{size:t,pagerPosition:o=Yn.pagerPosition,toolbar:a,pager:l,groupingHeader:s,gridSelectionAggregates:p,_renderAriaRoot:b,resizable:g,...L}=e;return(0,ja.jsxs)("div",{...L,className:r(e.className,Za,{[`${Za}-resizable`]:g},R(Za,{size:t})),children:[a,o==="top"&&l,s,e.children&&b?(0,ja.jsx)("div",{className:"k-grid-aria-root",children:e.children}):e.children,p,o==="bottom"&&l]})};Z.states=Np;Z.options=gp;Z.variants=kp;Z.className=Za;Z.defaultOptions=Yn;Z.moduleName=J;Z.folderName=Q;var Zn=require("react/jsx-runtime"),Qn="k-grid-header",q=e=>{let{draggable:t,...o}=e;return(0,Zn.jsx)("div",{...o,className:r(e.className,Qn,{"k-grid-draggable-header":t}),children:e.children})};q.className=Qn;q.moduleName=J;q.folderName=Q;var jo=require("react/jsx-runtime"),jn="k-grouping-header",ao=e=>{let{dropHint:t,dropClue:o,...a}=e;return(0,jo.jsxs)("div",{...a,className:r(e.className,jn),children:[o&&(0,jo.jsx)("div",{className:"k-grouping-dropclue"}),e.children,(0,jo.jsx)("div",{className:"k-grouping-drop-container",children:t})]})};ao.className=jn;ao.moduleName=J;ao.folderName=Q;var ti=require("react/jsx-runtime"),ei="k-grid-pinned-container",Gr=e=>{let{position:t,...o}=e;return(0,ti.jsx)("div",{...o,className:r(e.className,ei,{"k-pos-bottom":t==="bottom"}),children:e.children})};Gr.className=ei;Gr.moduleName=J;Gr.folderName=Q;var ai=require("react/jsx-runtime"),oi="k-grid-sticky-container",Kr=e=>{let{position:t,...o}=e;return(0,ai.jsx)("div",{...o,className:r(e.className,oi,{"k-pos-bottom":t==="bottom"}),children:e.children})};Kr.className=oi;Kr.moduleName=J;Kr.folderName=Q;var Ie="table",_e=Ie;var li=require("react/jsx-runtime"),ri="k-data-table",vp=[],Lp={size:[d.undefined,d.small,d.medium,d.large]},Cp={},Ut=e=>{let{size:t,...o}=e;return(0,li.jsx)("div",{...o,className:r(e.className,ri,R("k-table",{size:t})),children:e.children})};Ut.states=vp;Ut.options=Lp;Ut.className=ri;Ut.defaultOptions=Cp;Ut.moduleName=Ie;Ut.folderName=_e;var ni=require("react/jsx-runtime"),Dr="k-table-header-wrap",Mp=[i.hover,i.focus,i.disabled],yp={},Sp={},ro=e=>{let{children:t,hover:o,focus:a,disabled:l,...s}=e;return(0,ni.jsx)("div",{...s,className:r(e.className,Dr,K(Dr,{hover:o,focus:a,disabled:l})),children:t})};ro.states=Mp;ro.options=yp;ro.className=Dr;ro.defaultOptions=Sp;ro.moduleName=Ie;ro.folderName=_e;var ii=require("react/jsx-runtime"),Br="k-table",wp=[],Ap={size:[d.undefined,d.small,d.medium,d.large]},Ep={},ze=e=>{let{size:t,...o}=e;return(0,ii.jsx)("table",{...o,className:r(e.className,Br,R(Br,{size:t})),children:e.children})};ze.states=wp;ze.options=Ap;ze.className=Br;ze.defaultOptions=Ep;ze.moduleName=Ie;ze.folderName=_e;var er=require("react/jsx-runtime"),_r="k-table-header",Ip=[i.hover,i.focus,i.disabled],Rp={},Op={},Ft=e=>{let{children:t,hover:o,focus:a,disabled:l,...s}=e;return(0,er.jsx)("div",{...s,className:r(e.className,_r,K(_r,{hover:o,focus:a,disabled:l})),children:(0,er.jsx)(ro,{children:(0,er.jsx)(ze,{children:t})})})};Ft.states=Ip;Ft.options=Rp;Ft.className=_r;Ft.defaultOptions=Op;Ft.moduleName=Ie;Ft.folderName=_e;var di=require("react/jsx-runtime"),si="k-table-scroller",Hp=[],Pp={},Gp={},Ro=e=>{let{children:t,...o}=e;return(0,di.jsx)("div",{...o,className:r(e.className,si),children:t})};Ro.states=Hp;Ro.options=Pp;Ro.className=si;Ro.defaultOptions=Gp;Ro.moduleName=Ie;Ro.folderName=_e;var Kp=require("react/jsx-runtime");var pi=require("react/jsx-runtime"),ci="k-table-footer",Dp=[],Bp={},_p={},lo=e=>{let{children:t,...o}=e;return(0,pi.jsx)("div",{...o,className:r(e.className,ci),children:t})};lo.states=Dp;lo.options=Bp;lo.className=ci;lo.defaultOptions=_p;lo.moduleName=Ie;lo.folderName=_e;var mi=require("react/jsx-runtime"),zr="k-table-list",zp=[],Up={size:[d.undefined,d.small,d.medium,d.large]},Fp={},no=e=>{let{size:t,virtualization:o,...a}=e;return(0,mi.jsx)("ul",{...a,className:r(e.className,"k-table",zr,R(zr,{size:t}),{"k-virtual-table":o}),children:e.children})};no.states=zp;no.options=Up;no.className=zr;no.defaultOptions=Fp;no.moduleName=Ie;no.folderName=_e;var ui=require("react/jsx-runtime"),Vp="k-table-thead",X=e=>(0,ui.jsx)("thead",{className:r(e.className,Vp),children:e.children});var bi=require("react/jsx-runtime"),$p="k-table-tbody",ae=e=>(0,bi.jsx)("tbody",{className:r(e.className,$p),children:e.children});var Xp=require("react/jsx-runtime");var fi=require("react/jsx-runtime"),Ur="k-table-row",Wp=[i.hover,i.focus,i.selected,i.disabled,i.highlighted],v=e=>{let{hover:t,focus:o,selected:a,highlighted:l,disabled:s,alt:p,...b}=e;return(0,fi.jsx)("tr",{...b,className:r(e.className,Ur,{"k-table-alt-row":p},K(Ur,{hover:t,focus:o,disabled:s,selected:a,highlighted:l})),children:e.children})};v.states=Wp;v.className=Ur;var Ti=require("react/jsx-runtime"),Fr="k-table-row",Jp=[i.hover,i.focus,i.selected,i.disabled],tr=e=>{let{hover:t,focus:o,selected:a,disabled:l,alt:s,...p}=e;return(0,Ti.jsx)("li",{...p,className:r(e.className,Fr,{"k-table-alt-row":s},K(Fr,{hover:t,focus:o,disabled:l,selected:a})),children:e.children})};tr.states=Jp;tr.className=Fr;var xi=require("react/jsx-runtime"),hi="k-table-th",Vt=e=>{let{text:t,colspan:o,rowspan:a,...l}=e,s=t\|\|e.children;return(0,xi.jsx)("th",{colSpan:o,rowSpan:a,...l,className:r(e.className,hi),children:s})};Vt.className=hi;Vt.moduleName=Ie;Vt.folderName=_e;var qp=require("react/jsx-runtime");var Ni=require("react/jsx-runtime"),Vr="k-table-td",Yp=[i.focus,i.selected,i.highlighted],n=e=>{let{focus:t,selected:o,highlighted:a,text:l,colspan:s,rowspan:p,...b}=e,g=l\|\|e.children;return(0,Ni.jsx)("td",{colSpan:s,rowSpan:p,...b,className:r(e.className,Vr,K(Vr,{focus:t,selected:o,highlighted:a})),children:g})};n.states=Yp;n.className=Vr;var Qp=require("react/jsx-runtime");var Zp=require("react/jsx-runtime");var jp=require("react/jsx-runtime");var em=require("react/jsx-runtime");var tm=require("react/jsx-runtime");var ki=require("react/jsx-runtime");var vi=require("react/jsx-runtime");var Li=require("react/jsx-runtime");var $r=require("react/jsx-runtime");var Mi=require("react/jsx-runtime"),Ci="k-grid-header-table",Y=e=>(0,Mi.jsx)(ze,{...e,className:r(e.className,Ci),children:e.children});Y.className=Ci;Y.moduleName=J;Y.folderName=Q;var ea=require("react/jsx-runtime"),Xr="k-font-icon",lm=[],nm={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.light,h.dark]},im={},ta=e=>{let{size:t,themeColor:o,icon:a,rotate:l,flip:s,...p}=e;return a?(0,ea.jsx)("span",{...p,className:r(e.className,Xr,R(Xr,{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"}):(0,ea.jsx)(ea.Fragment,{})};ta.states=lm;ta.options=nm;ta.className=Xr;ta.defaultOptions=im;var yi=ta;var No=require("react/jsx-runtime"),Wr="k-svg-icon",sm=[],dm={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.light,h.dark]},Si={viewBox:"0 0 24 24"},oa=e=>{let{size:t,themeColor:o,rotate:a,flip:l,viewBox:s=Si.viewBox,icon:p,...b}=e;if(!p)return(0,No.jsx)(No.Fragment,{});if(p==="none")return(0,No.jsx)("span",{...b,className:r(e.className,Wr,R("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let g=typeof p=="object"&&p.name&&p.name;return(0,No.jsx)("span",{...b,className:r(e.className,Wr,R("k-icon",{size:t}),{[`k-svg-i-${g}`]:g,[`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:(0,No.jsx)("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})})};oa.states=sm;oa.options=dm;oa.className=Wr;oa.defaultOptions=Si;var Jr=oa;var qr=Jn(require("@progress/kendo-svg-icons"));var wi="icon",Ai="icons";var Ri=require("react");var Ei=require("react"),Ii=(0,Ei.createContext)({iconsType:"svg"});var $t=require("react/jsx-runtime"),or="k-icon",cm=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),pm=[],mm={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.light,h.dark]},Yr={viewBox:"0 0 24 24",type:"svg"},m=e=>{let{iconsType:t}=(0,Ri.useContext)(Ii),{size:o,themeColor:a,icon:l,type:s=t\|\|Yr.type,rotate:p,flip:b,viewBox:g=Yr.viewBox,...L}=e;if(!l)return(0,$t.jsx)($t.Fragment,{});if((t\|\|s)==="svg"){if(l==="none")return(0,$t.jsx)(Jr,{...L,className:r(e.className,or),icon:l,size:o});let M=qr[l]?l:cm(`${l}-icon`);return qr[M]?(0,$t.jsx)(Jr,{...L,className:r(e.className,or),icon:qr[M],size:o,themeColor:a,rotate:p,flip:b,viewBox:g}):(0,$t.jsx)($t.Fragment,{})}return(0,$t.jsx)(yi,{...L,className:r(e.className,or),icon:l,size:o,themeColor:a,rotate:p,flip:b})};m.states=pm;m.options=mm;m.defaultOptions=Yr;m.className=or;m.moduleName=wi;m.folderName=Ai;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."}]};var ct=require("react/jsx-runtime"),Qr="k-header",um=[i.hover,i.focus,i.active],Oi={sortIcon:"sort-asc-small"},S=e=>{let{menu:t,sortable:o,filterable:a,sticky:l,resizable:s,columnTitle:p,hover:b,focus:g,active:L,sortIcon:y=Oi.sortIcon,sortOrder:M,accessibleLabel:f,...E}=e;return(0,ct.jsxs)(Vt,{...E,className:r(e.className,Qr,{"k-filterable":t\|\|a,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":s},K(Qr,{hover:b,focus:g,active:L})),children:[p&&(0,ct.jsxs)("span",{className:"k-cell-inner",children:[(0,ct.jsxs)("span",{className:"k-link",children:[(0,ct.jsx)("span",{className:"k-column-title",children:p}),o&&(0,ct.jsx)("span",{className:"k-sort-icon",children:(0,ct.jsx)(m,{icon:y})}),M&&(0,ct.jsx)("span",{className:"k-sort-order",children:M})]}),t&&(0,ct.jsx)("a",{href:"#",className:r("k-grid-header-menu",{"k-active":L,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:(0,ct.jsx)(m,{icon:t==="filter"?"filter":"more-vertical"})})]}),!p&&f&&(0,ct.jsx)("span",{className:"k-sr-only",children:f}),e.children,s&&(0,ct.jsx)("span",{className:"k-column-resizer k-touch-action-none"})]})};S.states=um;S.className=Qr;S.defaultOptions=Oi;S.moduleName=J;S.folderName=Q;var Pi=require("react/jsx-runtime"),Hi="k-grid-container",le=e=>(0,Pi.jsx)("div",{...e,className:r(e.className,Hi),children:e.children});le.className=Hi;le.moduleName=J;le.folderName=Q;var Ki=require("react/jsx-runtime"),Gi="k-grid-content",te=e=>(0,Ki.jsx)("div",{...e,className:r(e.className,Gi),children:e.children});te.className=Gi;te.moduleName=J;te.folderName=Q;var Bi=require("react/jsx-runtime"),Di="k-grid-table",oe=e=>(0,Bi.jsx)(ze,{...e,className:r(e.className,Di),children:e.children});oe.className=Di;oe.moduleName=J;oe.folderName=Q;var zi=require("react/jsx-runtime"),_i="k-grid-footer",Zr=e=>(0,zi.jsx)("div",{...e,className:r(e.className,_i),children:e.children});Zr.className=_i;Zr.moduleName=J;Zr.folderName=Q;var Fi=require("react/jsx-runtime"),Ui="k-grid-footer-table",jr=e=>(0,Fi.jsx)(ze,{...e,className:r(e.className,Ui),children:e.children});jr.className=Ui;jr.moduleName=J;jr.folderName=Q;var el="button",Vi=el;var wt=require("react/jsx-runtime"),aa="k-button",bm=["icon-button"],fm=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],Tm={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.light,h.dark,h.inverse]},tl={showArrow:!1,arrowIconName:"caret-alt-down"},c=e=>{let{as:t="button",size:o,rounded:a,fillMode:l,themeColor:s,showArrow:p=tl.showArrow,arrowIconName:b=tl.arrowIconName,variant:g,hover:L,focus:y,active:M,selected:f,disabled:E,togglable:A,icon:H,text:_,iconClassName:B,className:$,...be}=e,Le=H!==void 0,qe=e.children!==void 0;return(0,wt.jsxs)(t,{className:r($,aa,qn(aa,g),R(aa,{size:o,rounded:a,fillMode:l,themeColor:s}),K(aa,{hover:L,focus:y,active:M,disabled:E,selected:f}),{"k-icon-button":!_&&!qe&&Le}),...be,"aria-pressed":A?f?"true":"false":void 0,disabled:E\|\|void 0,children:[H&&(0,wt.jsx)(m,{className:r(B,"k-button-icon"),icon:H}),_?(0,wt.jsxs)(wt.Fragment,{children:[_&&(0,wt.jsx)("span",{className:"k-button-text",children:_}),e.children]}):e.children&&(0,wt.jsx)("span",{className:"k-button-text",children:e.children}),p&&(0,wt.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,wt.jsx)(m,{icon:b})})]})};c.states=fm;c.options=Tm;c.variants=bm;c.className=aa;c.defaultOptions=tl;c.moduleName=el;c.folderName=Vi;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."}]};var $i=require("react/jsx-runtime"),io=e=>(0,$i.jsx)(c,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});var Xi=require("react/jsx-runtime"),ra=e=>(0,Xi.jsx)(c,{icon:"folder",children:"Button",...e});var Wi=require("react/jsx-runtime"),go=e=>(0,Wi.jsx)(c,{children:"Button",...e});var ar=require("react/jsx-runtime"),hm=c.options,xm=c.states,Nm={...c.defaultOptions,variant:"text"},gm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],km=[],la=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return(0,ar.jsx)(io,{...o,icon:"star"});case"icon-and-text":return(0,ar.jsx)(ra,{...o,icon:"star",children:"Button"});default:return(0,ar.jsx)(go,{...o,children:"Button"})}};la.options=hm;la.states=xm;la.variants=gm;la.defaultOptions=Nm;la.modifiers=km;var na="input",rr=na;var Ji=require("react/jsx-runtime"),lr="k-input",vm=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Lm={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},Cm={},Ce=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:p,readonly:b,size:g,rounded:L,fillMode:y,...M}=e;return(0,Ji.jsx)("span",{...M,className:r(e.className,lr,R(lr,{size:g,rounded:L,fillMode:y}),K(lr,{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:p,readonly:b}))})};Ce.states=vm;Ce.options=Lm;Ce.className=lr;Ce.defaultOptions=Cm;Ce.moduleName=na;Ce.folderName=rr;var qi=require("react/jsx-runtime"),nr="k-picker",Mm=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],ym={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},Sm={},Ot=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:p,readonly:b,size:g,rounded:L,fillMode:y,...M}=e;return(0,qi.jsx)("span",{...M,className:r(e.className,nr,R(nr,{size:g,rounded:L,fillMode:y}),K(nr,{hover:t,focus:o,disabled:a,invalid:l,valid:s,loading:p,readonly:b})),children:e.children})};Ot.states=Mm;Ot.options=ym;Ot.className=nr;Ot.defaultOptions=Sm;Ot.moduleName=na;Ot.folderName=rr;var Oo=require("react/jsx-runtime"),Yi="k-clear-value",wm=[i.disabled,i.loading,i.readonly],Am={},pt=e=>{let{disabled:t,loading:o,readonly:a,value:l}=e;return t\|\|a\|\|o\|\|!l?(0,Oo.jsx)(Oo.Fragment,{}):(0,Oo.jsx)("span",{className:r(e.className,Yi),children:(0,Oo.jsx)(m,{icon:"x"})})};pt.states=wm;pt.options=Am;pt.className=Yi;var Qi=require("react/jsx-runtime"),ol="k-input-inner",Em=[],Im={},ir={type:"text",autocomplete:"off",value:"",placeholder:""},mt=e=>{let{value:t=ir.value,type:o=ir.type,placeholder:a=ir.placeholder,autocomplete:l=ir.autocomplete,disabled:s,readOnly:p,...b}=e;return(0,Qi.jsx)("input",{...b,type:o,className:r(e.className,ol,R(ol,e)),placeholder:a,autoComplete:l,defaultValue:t,disabled:s\|\|void 0,readOnly:p\|\|void 0})};mt.states=Em;mt.options=Im;mt.className=ol;var ia=require("react/jsx-runtime"),al="k-input-inner",Rm=[],Om={},ko=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:l,valueIconName:s,...p}=e;return(0,ia.jsxs)("span",{...p,className:r(e.className,al,R(al,e)),children:[l,!l&&s&&(0,ia.jsx)(m,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&(0,ia.jsx)("span",{className:"k-input-value-text",children:t})]})};ko.states=Rm;ko.options=Om;ko.className=al;var ji=require("react/jsx-runtime"),rl="k-input-inner",Hm=[],Pm={},Zi={value:"",placeholder:""},ll=e=>{let{value:t=Zi.value,placeholder:o=Zi.placeholder,rows:a,disabled:l,...s}=e;return(0,ji.jsx)("textarea",{...s,className:r(e.className,rl,R(rl,e)),placeholder:o,rows:a,defaultValue:t,disabled:l\|\|void 0})};ll.states=Hm;ll.options=Pm;ll.className=rl;var sa=require("react/jsx-runtime"),es="k-input-loading-icon",Gm=[i.disabled,i.loading],et=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?(0,sa.jsx)(sa.Fragment,{}):(0,sa.jsx)("span",{className:r(e.className,es,"k-icon k-i-loading")})};et.states=Gm;et.className=es;var da=require("react/jsx-runtime"),ts="k-input-validation-icon",Km=[i.valid,i.invalid,i.disabled,i.loading],Dm={},Ye=e=>{let{valid:t,invalid:o,disabled:a,loading:l}=e,s=o?"warning-circle":"check-circle";return a\|\|l\|\|!!!(t\|\|o)?(0,da.jsx)(da.Fragment,{}):(0,da.jsx)(m,{className:r(ts),icon:s})};Ye.states=Km;Ye.options=Dm;Ye.className=ts;var ca=require("react/jsx-runtime"),Bm="k-input-prefix",_m={direction:"horizontal"},xt=e=>{let{direction:t=_m.direction,...o}=e;return e.children?(0,ca.jsx)("span",{...o,className:r(Bm,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,ca.jsx)(ca.Fragment,{})};var pa=require("react/jsx-runtime"),zm="k-input-suffix",Um={direction:"horizontal"},Nt=e=>{let{direction:t=Um.direction,...o}=e;return e.children?(0,pa.jsx)("span",{...o,className:r(zm,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,pa.jsx)(pa.Fragment,{})};var Fm=require("react/jsx-runtime");var os=require("react/jsx-runtime"),Vm="k-input-suffix-text",nl=e=>{let{children:t,...o}=e;return(0,os.jsx)("span",{...o,className:r(Vm,e.className),children:t})};var rs=require("react/jsx-runtime"),as="k-input-separator",$m={direction:"vertical"},gt=e=>{let{direction:t=$m.direction,...o}=e;return(0,rs.jsx)("span",{...o,className:r(as,e.className,{[`${as}-${t}`]:t})})};var Ee=require("react/jsx-runtime"),Xm=Ce.states,Wm=Ce.defaultOptions,Jm=Ce.options,qm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Ym=[],ma=e=>{let{modifiers:t,valid:o,invalid:a,loading:l,disabled:s,readonly:p,...b}=e,g=t==null?void 0:t.prefix,L=t==null?void 0:t.suffix,y=t==null?void 0:t["clear-button"],M=t==null?void 0:t["validation-icon"],f=t==null?void 0:t.separators;return(0,Ee.jsxs)(Ce,{...b,valid:o,invalid:a,loading:l,disabled:s,readonly:p,style:{width:300},children:[g&&(0,Ee.jsxs)(Ee.Fragment,{children:[(0,Ee.jsx)(xt,{children:(0,Ee.jsx)(m,{icon:"lock"})}),f&&(0,Ee.jsx)(gt,{})]}),(0,Ee.jsx)(mt,{placeholder:"Placeholder",value:"Value"}),M&&(0,Ee.jsx)(Ye,{valid:o,invalid:a,loading:l,disabled:s}),(0,Ee.jsx)(et,{loading:l,disabled:s}),y&&(0,Ee.jsx)(pt,{loading:l,disabled:s,readonly:p,value:"Value"}),L&&(0,Ee.jsxs)(Ee.Fragment,{children:[f&&(0,Ee.jsx)(gt,{}),(0,Ee.jsx)(Nt,{children:(0,Ee.jsx)(go,{size:b.size,fillMode:"clear",children:"Send"})})]})]})};ma.options=Jm;ma.states=Xm;ma.variants=Ym;ma.defaultOptions=Wm;ma.modifiers=qm;var il="popup",ls=il;var sl=require("react/jsx-runtime"),ns="k-animation-container",Qm=[],Zm={},is={positionMode:"absolute"},Ht=e=>{let{positionMode:t=is.positionMode,animationStyle:o,offset:a,...l}=e;return(0,sl.jsx)("div",{...l,style:{...a,...e.style},className:r(e.className,ns,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,sl.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};Ht.states=Qm;Ht.options=Zm;Ht.className=ns;Ht.defaultOptions=is;Ht.moduleName=il;Ht.folderName=ls;var dl="popup",ss=dl;var cl=require("react/jsx-runtime"),ds="k-popup",jm=[],eu={},cs={positionMode:"absolute"},me=e=>{let{offset:t,positionMode:o=cs.positionMode,animationStyle:a,containerClassName:l,containerRole:s,containerAriaLabel:p,...b}=e;return(0,cl.jsx)(Ht,{positionMode:o,offset:t,animationStyle:a,className:l,role:s,"aria-label":p,children:(0,cl.jsx)("div",{...b,className:r(e.className,ds),children:e.children})})};me.states=jm;me.options=eu;me.className=ds;me.defaultOptions=cs;me.moduleName=dl;me.folderName=ss;me.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 pl="action-buttons",ps=pl;var ms=require("react/jsx-runtime"),sr="k-actions",tu=[],ou={},ml={alignment:"start",orientation:"horizontal"},Pt=e=>{let{alignment:t=ml.alignment,orientation:o=ml.orientation,...a}=e;return(0,ms.jsx)("div",{...a,className:r(sr,{[`${sr}-${t}`]:t,[`${sr}-${o}`]:o},e.className),children:e.children})};Pt.states=tu;Pt.options=ou;Pt.className=sr;Pt.defaultOptions=ml;Pt.moduleName=pl;Pt.folderName=ps;var bs=require("react/jsx-runtime"),au="k-actionsheet-footer",us={alignment:"stretched",orientation:"horizontal"},so=e=>{let{alignment:t=us.alignment,orientation:o=us.orientation,template:a,as:l=a?"div":Pt,...s}=e;return(0,bs.jsx)(l,{...s,...!a&&{alignment:t,orientation:o},className:r(e.className,au),children:e.children})};var ul="searchbox",fs=ul;var co=require("react/jsx-runtime"),Ts="k-searchbox",ru=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],lu={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},bl={showIcon:!0,icon:"search"},kt=e=>{let{value:t,placeholder:o,size:a,rounded:l,fillMode:s,hover:p,focus:b,valid:g,invalid:L,required:y,loading:M,disabled:f,showIcon:E=bl.showIcon,icon:A=bl.icon,...H}=e;return(0,co.jsxs)(Ce,{...H,size:a,rounded:l,fillMode:s,hover:p,focus:b,valid:g,invalid:L,required:y,loading:M,disabled:f,className:r(e.className,Ts),children:[E&&(0,co.jsx)(m,{className:"k-input-icon",icon:A}),(0,co.jsx)(mt,{placeholder:o,value:t}),(0,co.jsx)(et,{...e}),(0,co.jsx)(Ye,{...e}),(0,co.jsx)(pt,{...e})]})};kt.states=ru;kt.options=lu;kt.className=Ts;kt.defaultOptions=bl;kt.moduleName=ul;kt.folderName=fs;var nu=require("react/jsx-runtime");var fl="textbox",hs=fl;var Ue=require("react/jsx-runtime"),xs="k-textbox",iu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],su={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},dr={showClearButton:!0,showValidationIcon:!0,separators:!0},ie=e=>{let{size:t,rounded:o,fillMode:a,separators:l=dr.separators,showClearButton:s=dr.showClearButton,showValidationIcon:p=dr.showValidationIcon,prefix:b,suffix:g,type:L,value:y,placeholder:M,hover:f,focus:E,valid:A,invalid:H,required:_,loading:B,disabled:$,readonly:be,id:Le,"aria-label":qe,"aria-describedby":st,...dt}=e;return(0,Ue.jsxs)(Ce,{...dt,size:t,rounded:o,fillMode:a,hover:f,focus:E,valid:A,invalid:H,required:_,loading:B,disabled:$,readonly:be,className:r(e.className,xs),children:[b&&(0,Ue.jsxs)(Ue.Fragment,{children:[(0,Ue.jsx)(xt,{children:b}),l&&(0,Ue.jsx)(gt,{})]}),(0,Ue.jsx)(mt,{id:Le,placeholder:M,value:y,type:L,disabled:$,"aria-label":qe,"aria-describedby":st,"aria-invalid":H?"true":void 0}),p&&(0,Ue.jsx)(Ye,{valid:A,invalid:H,loading:B,disabled:$}),(0,Ue.jsx)(et,{loading:B,disabled:$}),s&&(0,Ue.jsx)(pt,{loading:B,disabled:$,readonly:be,value:y}),g&&(0,Ue.jsxs)(Ue.Fragment,{children:[l&&(0,Ue.jsx)(gt,{}),(0,Ue.jsx)(Nt,{children:g})]})]})};ie.states=iu;ie.options=su;ie.className=xs;ie.defaultOptions=dr;ie.moduleName=fl;ie.folderName=hs;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 ua=ie;var gs=require("react/jsx-runtime"),Ns=e=>(0,gs.jsx)(ua,{...e});var ks=require("react/jsx-runtime");var vs=require("react/jsx-runtime");var du=require("react/jsx-runtime");var cr=require("react/jsx-runtime"),cu=ie.states,pu=ie.defaultOptions,mu=ie.options,uu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],bu=[],ba=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t!=null&&t[l]?(0,cr.jsx)(m,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t!=null&&t[l]?(0,cr.jsx)(go,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[l];break;default:break}}),(0,cr.jsx)(Ns,{value:"Value",style:{width:300},...o,...a})};ba.options=mu;ba.states=cu;ba.variants=bu;ba.defaultOptions=pu;ba.modifiers=uu;var ut=require("react/jsx-runtime"),Ls="k-actionsheet-titlebar",fu={},Qe=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:l,filter:s,input:p,inputValue:b,inputPlaceholder:g,adaptive:L,titleId:y,children:M,...f}=e;return(0,ut.jsxs)("div",{...f,className:r(e.className,Ls),children:[(0,ut.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,ut.jsx)("div",{className:"k-actionsheet-actions",children:a}),!M&&(0,ut.jsxs)("div",{className:"k-actionsheet-title",id:y,children:[t&&(0,ut.jsx)("div",{className:"k-text-center",children:t}),o&&(0,ut.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),M&&(0,ut.jsx)("div",{className:"k-actionsheet-title",id:y,children:M}),l&&(0,ut.jsx)("div",{className:"k-actionsheet-actions",children:l})]}),(p\|\|s)&&(0,ut.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?(0,ut.jsx)(ie,{value:b,placeholder:g,size:L?"large":"medium","aria-label":t\|\|g\|\|"Input"}):(0,ut.jsx)(kt,{placeholder:"Filter",size:L?"large":"medium","aria-label":"Filter options"})})]})};Qe.className=Ls;Qe.defaultOptions=fu;var Ho=require("react/jsx-runtime"),Tl="k-actionsheet-view",Tu=[],hu={},xu={},Po=e=>{let{adaptive:t,animated:o,children:a,header:l,footer:s,titleId:p,...b}=e,g=(l==null?void 0:l.type)===Qe&&(0,Ho.jsx)(Qe,{adaptive:t,titleId:p,...l==null?void 0:l.props}),L=(s==null?void 0:s.type)===so&&(0,Ho.jsx)(so,{...s==null?void 0:s.props});return(0,Ho.jsxs)("div",{...b,className:r(e.className,Tl,{[`${Tl}-animated`]:o}),children:[g,(0,Ho.jsx)("div",{className:"k-actionsheet-content",children:a}),L]})};Po.states=Tu;Po.options=hu;Po.className=Tl;Po.defaultOptions=xu;var fa="action-sheet",pr=fa;var hl="overlay",Cs=hl;var Ms=require("react/jsx-runtime"),xl="k-overlay",Nu=[],gu={themeColor:[h.undefined,h.light,h.dark,h.inverse]},ku={},po=e=>{let{themeColor:t,...o}=e;return(0,Ms.jsx)("div",{...o,className:r(e.className,xl,R(xl,{themeColor:t})),children:e.children})};po.states=Nu;po.options=gu;po.className=xl;po.defaultOptions=ku;po.moduleName=hl;po.folderName=Cs;var vo=require("react/jsx-runtime"),ys="k-actionsheet",vu=[],Lu={},Ta={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},ge=e=>{let{side:t=Ta.side,fullscreen:o=Ta.fullscreen,adaptive:a=Ta.adaptive,overlay:l=Ta.overlay,template:s,children:p,header:b,footer:g,id:L,...y}=e,M=L&&!s&&b?`${L}-title`:void 0;return(0,vo.jsxs)("div",{className:"k-actionsheet-container",children:[l&&(0,vo.jsx)(po,{}),(0,vo.jsx)(Ht,{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:(0,vo.jsx)("div",{...y,id:L,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":M,className:r(e.className,ys,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s\|\|(0,vo.jsx)(Po,{header:b,footer:g,adaptive:a,titleId:M,...e,children:p})})})]})};ge.states=vu;ge.options=Lu;ge.className=ys;ge.defaultOptions=Ta;ge.moduleName=fa;ge.folderName=pr;ge.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."}]};var ws=require("react/jsx-runtime"),Ss="k-actionsheet-container",Cu=[],Mu={},yu={},Go=e=>{let{children:t,...o}=e;return(0,ws.jsx)("div",{...o,className:Ss,children:t})};Go.states=Cu;Go.options=Mu;Go.className=Ss;Go.defaultOptions=yu;Go.moduleName=fa;Go.folderName=pr;var As=require("react/jsx-runtime"),Nl=e=>{let{...t}=e;return(0,As.jsx)("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};var vt=require("react/jsx-runtime"),gl="k-actionsheet-item",Su=[i.hover,i.focus,i.selected,i.disabled],mo=e=>{let{iconName:t,text:o,description:a,hover:l,focus:s,selected:p,disabled:b,...g}=e;return(0,vt.jsxs)("span",{...g,className:r(e.className,gl,K(gl,{hover:l,focus:s,selected:p,disabled:b})),children:[!e.children&&(0,vt.jsx)(vt.Fragment,{children:(0,vt.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,vt.jsx)("span",{className:"k-icon-wrap",children:(0,vt.jsx)(m,{className:"k-actionsheet-item-icon",icon:t})}),(0,vt.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,vt.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,vt.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};mo.states=Su;mo.className=gl;var Es=require("react/jsx-runtime");var wu=require("react/jsx-runtime");var Au=require("react/jsx-runtime");var Eu=require("react/jsx-runtime");var fe=require("react/jsx-runtime"),Iu=ge.options,Ru=ge.states,Rs={...ge.defaultOptions,variant:"normal"},Ou=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Hu=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],ha=e=>{let{variant:t,modifiers:o,...a}={...Rs,...e},l={},s=(0,fe.jsxs)(Nl,{children:[(0,fe.jsx)(mo,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),(0,fe.jsx)(mo,{text:"Add to Favorites",iconName:"heart"}),(0,fe.jsx)(mo,{text:"Upload New",iconName:"upload",disabled:!0}),(0,fe.jsx)("hr",{className:"k-hr"}),(0,fe.jsx)(mo,{text:"Cancel",iconName:"cancel"})]}),p="Choose from the items below",b="Select Item";return t==="fullScreen"&&(l.fullScreen=!0),Object.keys(o\|\|{}).forEach(g=>{switch(g){case"actions":l.actionsStart=!!(o!=null&&o[g]),l.actionsEnd=!!(o!=null&&o[g]);break;case"subtitle":l.subtitle=o!=null&&o[g]?p:void 0;break;case"footer":l.footer=!!(o!=null&&o[g]);break;default:break}}),t==="adaptive"?(0,fe.jsx)(ge,{...a,adaptive:!0,fullscreen:l.fullScreen,header:(0,fe.jsx)(Qe,{actionsStart:l.actionsStart?(0,fe.jsx)(c,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,fe.jsx)(c,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:b,subtitle:l.subtitle}),footer:l.footer?(0,fe.jsxs)(so,{alignment:"stretched",children:[(0,fe.jsx)(c,{text:"Cancel",size:"large",themeColor:"base"}),(0,fe.jsx)(c,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):(0,fe.jsx)(ge,{...a,fullscreen:l.fullScreen,header:(0,fe.jsx)(Qe,{actionsStart:l.actionsStart?(0,fe.jsx)(c,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?(0,fe.jsx)(c,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?(0,fe.jsxs)(so,{alignment:"stretched",children:[(0,fe.jsx)(c,{text:"Apply",themeColor:"primary"}),(0,fe.jsx)(c,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};ha.options=Iu;ha.states=Ru;ha.variants=Ou;ha.defaultOptions=Rs;ha.modifiers=Hu;var ur=Jn(require("react"));var kl=require("react/jsx-runtime"),Pu="k-list-group-sticky-header",vl=e=>(0,kl.jsx)("div",{className:r(Pu,e.className),children:(0,kl.jsx)("div",{className:"k-list-header-text",children:e.children})});var Os=require("react/jsx-runtime"),Gu="k-no-data",mr=e=>{let{live:t,...o}=e;return(0,Os.jsx)("span",{...o,className:r(Gu,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Lo="list",Ko=Lo;var Do=require("react/jsx-runtime"),Ll="k-list",Ku=[],Du={size:[d.undefined,d.small,d.medium,d.large]},Bu={},j=e=>{var E;let{size:t,virtualization:o,children:a,header:l,optionLabel:s,customValue:p,noData:b,screenReaders:g,...L}=e,M=ur.default.Children.toArray(a)[0],f=(E=M==null?void 0:M.props)!=null&&E.children?ur.default.Children.count(M.props.children):ur.default.Children.count(a);return(0,Do.jsxs)("div",{...L,className:r(e.className,Ll,R(Ll,{size:t}),{"k-virtual-list":o}),children:[s,p,l&&(0,Do.jsx)(vl,{children:l}),a\|\|(b!==void 0?b:(0,Do.jsx)(mr,{live:!0,children:"No data found."})),g&&a&&(0,Do.jsxs)(mr,{className:"k-sr-only",live:!0,children:[f," items found."]})]})};j.states=Ku;j.options=Du;j.className=Ll;j.defaultOptions=Bu;j.moduleName=Lo;j.folderName=Ko;j.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};var Ps=require("react/jsx-runtime"),Hs="k-list-container",_u=[],zu={},Uu={},Bo=e=>{let{...t}=e;return(0,Ps.jsx)("div",{...t,className:r(e.className,Hs),children:e.children})};Bo.states=_u;Bo.options=zu;Bo.className=Hs;Bo.defaultOptions=Uu;Bo.moduleName=Lo;Bo.folderName=Ko;var Co="checkbox",_o=Co;var Cl=require("react/jsx-runtime"),br="k-checkbox",Fu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],Vu={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full]},$u={},tt=e=>{let{id:t,checked:o,indeterminate:a,hover:l,focus:s,disabled:p,invalid:b,valid:g,required:L,size:y,rounded:M,...f}=e;return(0,Cl.jsx)("span",{className:"k-checkbox-wrap",children:(0,Cl.jsx)("input",{...f,id:t,type:"checkbox",defaultChecked:o,required:L,disabled:p\|\|void 0,"aria-invalid":b?"true":void 0,className:r(e.className,br,R(br,{size:y,rounded:M}),K(br,{hover:l,focus:s,disabled:p,invalid:b,valid:g,indeterminate:a,checked:o}))})})};tt.states=Fu;tt.options=Vu;tt.className=br;tt.defaultOptions=$u;tt.moduleName=Co;tt.folderName=_o;tt.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 Gt=tt;var Ds=require("react/jsx-runtime"),Gs="k-checkbox-list",Xu=[],Wu={},Ks={layout:"vertical"},ot=e=>{let{layout:t=Ks.layout,...o}=e;return(0,Ds.jsx)("ul",{...o,className:r(e.className,Gs,{[`k-list-${t}`]:t}),children:e.children})};ot.states=Xu;ot.options=Wu;ot.className=Gs;ot.defaultOptions=Ks;ot.moduleName=Co;ot.folderName=_o;var _s=require("react/jsx-runtime"),Bs="k-checkbox-list-item",Ju=[],qu={},Yu={},Ze=e=>{let{...t}=e;return(0,_s.jsx)("li",{...t,className:r(e.className,Bs),children:e.children})};Ze.states=Ju;Ze.options=qu;Ze.className=Bs;Ze.defaultOptions=Yu;Ze.moduleName=Co;Ze.folderName=_o;var Mo=require("react/jsx-runtime"),Xt=({children:e,id:t,...o})=>(0,Mo.jsxs)(Mo.Fragment,{children:[(0,Mo.jsx)(Gt,{id:t,...o}),(0,Mo.jsx)("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});var Ml=require("react/jsx-runtime");var yl=require("react/jsx-runtime");var Sl=require("react/jsx-runtime");var Qu=require("react/jsx-runtime");var Zu=require("react/jsx-runtime");var ju=require("react/jsx-runtime");var Fe=require("react/jsx-runtime"),eb=ot.options,tb=ot.states,ob={...ot.defaultOptions,variant:"vertical"},ab=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],rb=[],xa=e=>{let{variant:t,...o}=e;return t==="horizontal"?(0,Fe.jsxs)(ot,{layout:"horizontal",...o,children:[(0,Fe.jsx)(Ze,{children:(0,Fe.jsx)(Xt,{id:"first",defaultChecked:!0,children:"Label"})}),(0,Fe.jsx)(Ze,{children:(0,Fe.jsx)(Xt,{id:"second",children:"Label"})}),(0,Fe.jsx)(Ze,{children:(0,Fe.jsx)(Xt,{id:"third",children:"Label"})})]}):(0,Fe.jsxs)(ot,{...o,children:[(0,Fe.jsx)(Ze,{children:(0,Fe.jsx)(Xt,{id:"first",defaultChecked:!0,children:"Label"})}),(0,Fe.jsx)(Ze,{children:(0,Fe.jsx)(Xt,{id:"second",children:"Label"})}),(0,Fe.jsx)(Ze,{children:(0,Fe.jsx)(Xt,{id:"third",children:"Label"})})]})};xa.options=eb;xa.states=tb;xa.variants=ab;xa.defaultOptions=ob;xa.modifiers=rb;var zs=require("react/jsx-runtime"),lb=Gt.options,nb=Gt.states,ib=Gt.defaultOptions,sb=[],db=[],Na=e=>(0,zs.jsx)(Xt,{id:"checkbox-demo-checkbox",...e,defaultChecked:!0,children:"Label"});Na.options=lb;Na.states=nb;Na.variants=sb;Na.defaultOptions=ib;Na.modifiers=db;var Kt=require("react/jsx-runtime"),wl="k-list-item",cb=[i.hover,i.focus,i.selected,i.disabled],pb={},mb={},V=e=>{let{text:t,groupLabel:o,group:a,iconName:l,iconClassName:s,showCheckbox:p,checked:b,hover:g,focus:L,selected:y,disabled:M,actions:f,description:E,id:A,...H}=e,_=t\|\|e.children;return(0,Kt.jsxs)("li",{...H,id:A,role:a?"presentation":"option",tabIndex:a?void 0:L?0:-1,"aria-selected":!a&&y?"true":a?void 0:"false","aria-disabled":!a&&M?"true":void 0,className:r(e.className,a?"k-list-group-item":wl,K(wl,{hover:g,focus:L,disabled:M,selected:y})),children:[p&&(0,Kt.jsx)(tt,{checked:b}),l&&(0,Kt.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Kt.jsx)(m,{icon:l,className:r("k-list-item-icon",s)})}),(0,Kt.jsx)("span",{className:"k-list-item-text",children:_}),f&&(0,Kt.jsx)("div",{className:"k-list-item-actions",children:f}),E&&(0,Kt.jsx)("span",{className:"k-list-item-description",children:E}),o&&o!==""&&(0,Kt.jsx)("div",{className:"k-list-item-group-label",children:o})]})};V.states=cb;V.options=pb;V.className=wl;V.defaultOptions=mb;V.moduleName=Lo;V.folderName=Ko;V.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."}]};var Us=require("react/jsx-runtime"),ub="k-list-ul",Wt=e=>{let{children:t,role:o,id:a,...l}=e;return(0,Us.jsx)("ul",{...l,id:a,role:o,className:r(ub,e.className),children:t})};Wt.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."}]};var zo=require("react/jsx-runtime"),bb="k-list-content",ne=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":l,listboxId:s,...p}=e;return(0,zo.jsxs)("div",{...p,className:r(bb,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:(0,zo.jsx)(Wt,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":l,children:e.children}),t&&(0,zo.jsx)("div",{className:"k-height-container",children:(0,zo.jsx)("div",{})})]})};ne.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."}]};var Al=require("react/jsx-runtime");var Uo=require("react/jsx-runtime"),fb="k-list-group-item",yo=e=>{let{groupIconName:t,...o}=e;return(0,Uo.jsxs)("li",{...o,role:"presentation",className:r(fb,e.className),children:[t&&(0,Uo.jsx)("span",{className:"k-list-item-icon-wrapper",children:(0,Uo.jsx)(m,{icon:t,className:"k-list-item-icon"})}),(0,Uo.jsx)("span",{className:"k-list-item-text",children:e.children})]})};yo.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."}]};var Fs=require("react/jsx-runtime"),El="k-list-optionlabel",Tb=[i.hover,i.focus,i.selected,i.disabled],hb={},xb={},fr=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:s,...p}=e;return(0,Fs.jsx)("div",{...p,className:r(El,K(El,{hover:o,focus:a,selected:l,disabled:s})),children:t})};fr.states=Tb;fr.options=hb;fr.className=El;fr.defaultOptions=xb;var Vs=require("react/jsx-runtime"),Il="k-list-custom-value",Nb=[i.hover,i.focus,i.selected,i.disabled],gb={},kb={},uo=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:s,...p}=e;return(0,Vs.jsx)("div",{...p,className:r(Il,K(Il,{hover:o,focus:a,selected:l,disabled:s})),children:t})};uo.states=Nb;uo.options=gb;uo.className=Il;uo.defaultOptions=kb;var Rl=require("react/jsx-runtime");var Ol=require("react/jsx-runtime");var Hl=require("react/jsx-runtime");var Pl=require("react/jsx-runtime");var vb=require("react/jsx-runtime");var Gl=require("react/jsx-runtime");var $s="dropdown-list",Xs="dropdownlist";var Te=require("react/jsx-runtime"),Ws="k-dropdownlist",Lb=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Cb={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},Kl={showValue:!0,arrowIconName:"caret-alt-down"},se=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=Kl.arrowIconName,showValue:s=Kl.showValue,valueIconName:p,prefix:b,suffix:g,value:L,placeholder:y,hover:M,focus:f,valid:E,invalid:A,required:H,loading:_,disabled:B,readonly:$,popup:be,opened:Le,adaptive:qe,adaptiveSettings:st,adaptiveTitle:dt,adaptiveSubtitle:Io,adaptiveFilter:Pr,...Ya}=e;return(0,Te.jsxs)(Te.Fragment,{children:[(0,Te.jsxs)(Ot,{...Ya,size:t,rounded:o,fillMode:a,hover:M,focus:f,valid:E,invalid:A,required:H,loading:_,disabled:B,readonly:$,className:r(e.className,Ws,{"k-icon-picker":!s&&p}),children:[(0,Te.jsx)(xt,{children:b}),(0,Te.jsx)(ko,{placeholder:y,value:L,showValue:s,valueIconName:p}),(0,Te.jsx)(Ye,{valid:E,invalid:A,loading:_,disabled:B}),(0,Te.jsx)(et,{loading:_,disabled:B}),(0,Te.jsx)(Nt,{children:g}),(0,Te.jsx)(c,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":y\|\|"Toggle dropdown"})]}),Le&&be&&(0,Te.jsx)(me,{className:"k-list-container k-dropdownlist-popup",children:be}),qe&&(0,Te.jsx)(ge,{adaptive:!0,...st,header:(0,Te.jsx)(Qe,{actionsEnd:(0,Te.jsx)(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:Pr,inputValue:L,inputPlaceholder:y,title:dt,subtitle:Io}),children:(0,Te.jsx)("div",{className:"k-list-container",children:(0,Te.jsx)(j,{size:"large",children:(0,Te.jsxs)(ne,{children:[(0,Te.jsx)(V,{text:"List item"}),(0,Te.jsx)(V,{text:"List item"}),(0,Te.jsx)(V,{text:"List item"})]})})})})]})};se.states=Lb;se.options=Cb;se.className=Ws;se.defaultOptions=Kl;se.moduleName=$s;se.folderName=Xs;var Mb=require("react/jsx-runtime");var Js=require("react/jsx-runtime");var Dl=require("react/jsx-runtime");var yb=require("react/jsx-runtime");var qs=require("react/jsx-runtime");var Bl=require("react/jsx-runtime");var at=require("react/jsx-runtime"),Sb=se.states,wb=se.defaultOptions,Ab=se.options,Eb=[{name:"opened",title:"Opened"}],Ib=[],ka=e=>{let{modifiers:t,...o}=e,a={},l=(0,at.jsxs)(at.Fragment,{children:[(0,at.jsx)("div",{className:"k-list-filter",children:(0,at.jsx)(kt,{})}),(0,at.jsx)(j,{style:{width:300},size:o.size,children:(0,at.jsxs)(ne,{children:[(0,at.jsx)(V,{children:"List item"}),(0,at.jsx)(V,{children:"List item"}),(0,at.jsx)(V,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(s=>{s==="opened"&&(a.opened=!!(t!=null&&t[s]),a.popup=t!=null&&t[s]?l:void 0)}),(0,at.jsx)("div",{children:(0,at.jsx)(se,{placeholder:"Value",style:{width:300},...o,...a})})};ka.options=Ab;ka.states=Sb;ka.variants=Ib;ka.defaultOptions=wb;ka.modifiers=Eb;var va=require("react/jsx-runtime"),Ys="k-spin-button",Hb=[],Pb={size:[d.undefined,d.small,d.medium,d.large],fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link]},_l={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},bo=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:l=_l.increaseLabel,decreaseLabel:s=_l.decreaseLabel,...p}=e;return(0,va.jsxs)("span",{...p,className:r(Ys,e.className),children:[(0,va.jsx)(c,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":l}),(0,va.jsx)(c,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};bo.states=Hb;bo.options=Pb;bo.className=Ys;bo.defaultOptions=_l;bo.moduleName=null;bo.folderName=null;var Qs="numeric-textbox",Zs="numerictextbox";var Re=require("react/jsx-runtime"),js="k-numerictextbox",Gb=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],Kb={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},Tr={showSpinButton:!0,showClearButton:!0,separators:!0},W=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Tr.separators,showClearButton:s=Tr.showClearButton,showSpinButton:p=Tr.showSpinButton,prefix:b,suffix:g,value:L,placeholder:y,hover:M,focus:f,valid:E,invalid:A,required:H,loading:_,disabled:B,readonly:$,id:be,"aria-label":Le,"aria-describedby":qe,...st}=e;return(0,Re.jsxs)(Ce,{...st,size:t,rounded:o,fillMode:a,hover:M,focus:f,valid:E,invalid:A,required:H,loading:_,disabled:B,readonly:$,className:r(e.className,js),children:[b&&(0,Re.jsxs)(Re.Fragment,{children:[(0,Re.jsx)(xt,{children:b}),l&&(0,Re.jsx)(gt,{})]}),(0,Re.jsx)(mt,{id:be,placeholder:y,value:L,role:"spinbutton",disabled:B,"aria-label":Le,"aria-describedby":qe,"aria-invalid":A?"true":void 0}),(0,Re.jsx)(Ye,{valid:E,invalid:A,loading:_,disabled:B}),(0,Re.jsx)(et,{loading:_,disabled:B}),s&&(0,Re.jsx)(pt,{loading:_,disabled:B,readonly:$,value:L}),g&&(0,Re.jsxs)(Re.Fragment,{children:[l&&(0,Re.jsx)(gt,{}),(0,Re.jsx)(Nt,{children:g})]}),p&&(0,Re.jsx)(bo,{className:"k-input-spinner",size:t,fillMode:a,disabled:B})]})};W.states=Gb;W.options=Kb;W.className=js;W.defaultOptions=Tr;W.moduleName=Qs;W.folderName=Zs;W.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 La=W;var td=require("react/jsx-runtime"),ed=e=>(0,td.jsx)(La,{...e});var od=require("react/jsx-runtime");var ad=require("react/jsx-runtime");var Db=require("react/jsx-runtime");var hr=require("react/jsx-runtime"),Bb=W.states,_b=W.defaultOptions,zb=W.options,Ub=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Fb=[],Ca=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t!=null&&t[l]?(0,hr.jsx)(se,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t!=null&&t[l]?(0,hr.jsx)(nl,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t==null?void 0:t[l];break;case"spin-button":a.showSpinButton=t==null?void 0:t[l];break;default:break}}),(0,hr.jsx)(ed,{value:"Value",style:{width:300},...o,...a})};Ca.options=zb;Ca.states=Bb;Ca.variants=Fb;Ca.defaultOptions=_b;Ca.modifiers=Ub;var zl="pager",rd=zl;var de=require("react/jsx-runtime"),xr="k-pager",Vb=[i.focus,i.disabled],$b={size:[d.undefined,d.small,d.medium,d.large]},bt={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},Ne=e=>{let{responsive:t=bt.responsive,size:o,pagerSizeInfo:a=bt.pagerSizeInfo,pageTitleInfo:l=bt.pageTitleInfo,maxPagesInfo:s=bt.maxPagesInfo,itemsPerPage:p=bt.itemsPerPage,maxPages:b=bt.maxPages,currentPage:g=bt.currentPage,previousNext:L=bt.previousNext,type:y=bt.type,pageSizes:M=bt.pageSizes,refresh:f=bt.refresh,info:E=bt.info,focus:A,disabled:H,dir:_,...B}=e,$=[],be=[];for(let Le=1;Le<=b;Le++)$.push((0,de.jsx)(c,{selected:Le===g,fillMode:"flat",themeColor:"primary",size:o,children:Le})),be.push((0,de.jsx)("option",{selected:Le===g,children:Le}));return(0,de.jsxs)("div",{dir:_,...B,className:r(e.className,xr,R(xr,{size:o}),K(xr,{focus:A,disabled:H}),{"k-pager-responsive":t}),children:[(0,de.jsxs)("div",{className:r("k-pager-numbers-wrap"),children:[L&&(0,de.jsxs)(de.Fragment,{children:[(0,de.jsx)(c,{className:r("k-pager-nav","k-pager-first"),disabled:g===1&&!H,fillMode:"flat",size:o,icon:_==="rtl"?"caret-alt-to-right":"caret-alt-to-left"}),(0,de.jsx)(c,{className:r("k-pager-nav"),disabled:g===1&&!H,fillMode:"flat",size:o,icon:_==="rtl"?"caret-alt-right":"caret-alt-left"})]}),y==="numeric"&&(0,de.jsx)("div",{className:r("k-pager-numbers"),children:$}),y==="input"&&(0,de.jsxs)("span",{className:r("k-pager-input"),children:[l&&(0,de.jsx)("span",{children:"Page"}),(0,de.jsx)(W,{value:`${g}`,size:o,showSpinButton:!1,showClearButton:!1}),(0,de.jsx)("span",{children:s&&`of ${b}`})]}),L&&(0,de.jsxs)(de.Fragment,{children:[(0,de.jsx)(c,{className:r("k-pager-nav"),disabled:g===b&&!H,fillMode:"flat",size:o,icon:_==="rtl"?"caret-alt-left":"caret-alt-right"}),(0,de.jsx)(c,{className:r("k-pager-nav","k-pager-last"),disabled:g===b&&!H,fillMode:"flat",size:o,icon:_==="rtl"?"caret-alt-to-left":"caret-alt-to-right"})]})]}),M&&(0,de.jsxs)("span",{className:r("k-pager-sizes"),children:[(0,de.jsx)(se,{value:`${p}`,size:o}),a&&(0,de.jsx)("span",{children:"items per page"})]}),f&&(0,de.jsx)(c,{className:r("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw"}),E&&(0,de.jsx)("span",{className:r("k-pager-info"),children:E})]})};Ne.states=Vb;Ne.options=$b;Ne.className=xr;Ne.defaultOptions=bt;Ne.moduleName=zl;Ne.folderName=rd;var Xb=require("react/jsx-runtime");var Wb=require("react/jsx-runtime");var Jb=require("react/jsx-runtime");var Ul=require("react/jsx-runtime"),qb=Ne.options,Yb=Ne.states,Qb={...Ne.defaultOptions,variant:"numeric"},Zb=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],jb=[],Ma=e=>{let{variant:t,...o}=e;return t==="input"?(0,Ul.jsx)(Ne,{...o,type:"input"}):(0,Ul.jsx)(Ne,{...o,type:"numeric"})};Ma.options=qb;Ma.states=Yb;Ma.variants=Zb;Ma.defaultOptions=Qb;Ma.modifiers=jb;var nd=require("react/jsx-runtime"),ld="k-grid-pager",Dt=e=>(0,nd.jsx)(Ne,{...e,className:r(e.className,ld),children:e.children});Dt.className=ld;Dt.moduleName=J;Dt.folderName=Q;var Fl="button",id=Fl;var sd=require("react/jsx-runtime"),ya="k-button-group",ef=[i.disabled],tf={fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link]},of={},F=e=>{let{fillMode:t,disabled:o,stretched:a,...l}=e;return(0,sd.jsx)("div",{role:"group",...l,className:r(e.className,ya,R(ya,{fillMode:t}),K(ya,{disabled:o}),{[`${ya}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};F.states=ef;F.options=tf;F.className=ya;F.defaultOptions=of;F.moduleName=Fl;F.folderName=id;F.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."}]};var Vl=require("react/jsx-runtime");var $l=require("react/jsx-runtime");var Xl=require("react/jsx-runtime");var Wl=require("react/jsx-runtime");var Jl=require("react/jsx-runtime");var ql=require("react/jsx-runtime");var rt=require("react/jsx-runtime"),af={...c.options,...F.options},rf=c.states,lf={...c.defaultOptions,...F.defaultOptions,variant:"text-button"},nf=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],sf=[],Sa=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?(0,rt.jsxs)(F,{fillMode:a.fillMode,className:o,children:[(0,rt.jsx)(c,{...a,icon:"star"}),(0,rt.jsx)(c,{...a,icon:"star"}),(0,rt.jsx)(c,{...a,icon:"star"})]}):t==="icon-text-button"?(0,rt.jsxs)(F,{fillMode:a.fillMode,className:o,children:[(0,rt.jsx)(c,{...a,icon:"star",children:"First"}),(0,rt.jsx)(c,{...a,icon:"star",children:"Middle"}),(0,rt.jsx)(c,{...a,icon:"star",children:"Last"})]}):(0,rt.jsxs)(F,{fillMode:a.fillMode,className:o,children:[(0,rt.jsx)(c,{...a,children:"First"}),(0,rt.jsx)(c,{...a,children:"Middle"}),(0,rt.jsx)(c,{...a,children:"Last"})]})};Sa.options=af;Sa.states=rf;Sa.variants=nf;Sa.defaultOptions=lf;Sa.modifiers=sf;var wa=require("react/jsx-runtime"),dd="k-color-preview",df=[],cf={},fo=e=>{let{color:t,iconName:o,...a}=e;return(0,wa.jsxs)("span",{...a,className:r(e.className,dd,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&(0,wa.jsx)(m,{icon:o,className:"k-color-preview-icon"}),(0,wa.jsx)("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};fo.states=df;fo.options=cf;fo.className=dd;var Yl="slider",cd=Yl;var At=require("react/jsx-runtime"),Aa="k-slider",pf=[i.hover,i.focus,i.active,i.disabled,i.readonly],mf={},Ct={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},ue=e=>{let{type:t=Ct.type,orientation:o=Ct.orientation,gradientType:a=Ct.gradientType,readonly:l=Ct.readonly,disabled:s=Ct.disabled,handlePosition:p=Ct.handlePosition,showButtons:b=Ct.showButtons,showTicks:g=Ct.showTicks,value:L=Ct.value,min:y=Ct.min,max:M=Ct.max,startValue:f,endValue:E,hover:A,focus:H,active:_,trackStyle:B,dir:$,...be}=e,qe=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),st,dt;return o==="horizontal"?(st=$==="rtl"?"caret-alt-left":"caret-alt-right",dt=$==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(st="caret-alt-up",dt="caret-alt-down"),(0,At.jsxs)("div",{...be,className:r(Aa,e.className,K(Aa,{readonly:l,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:$,children:[b&&(0,At.jsx)(c,{className:"k-button-decrease",rounded:"full",icon:dt,tabIndex:-1,title:"Decrease"}),(0,At.jsxs)("div",{className:"k-slider-track-wrap",children:[g&&(0,At.jsx)("ul",{className:"k-reset k-slider-items",children:e.children}),(0,At.jsxs)("div",{className:"k-slider-track",style:B,children:[(0,At.jsx)("div",{className:"k-slider-selection"}),t==="range"&&(0,At.jsx)("span",{className:r("k-draghandle","k-draghandle-start",K(Aa,{hover:A,focus:H,active:_})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":f??y,"aria-valuemin":y,"aria-valuemax":E??M,"aria-orientation":qe,"aria-disabled":s?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":be["aria-label"]?`${be["aria-label"]} start`:"Range start"}),(0,At.jsx)("span",{className:r("k-draghandle",`k-draghandle-${p}`,K(Aa,{hover:A,focus:H,active:_})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?E??M:L,"aria-valuemin":t==="range"?f??y:y,"aria-valuemax":M,"aria-orientation":qe,"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"]})]})]}),b&&(0,At.jsx)(c,{className:"k-button-increase",rounded:"full",icon:st,tabIndex:-1,title:"Increase"})]})};ue.states=pf;ue.options=mf;ue.className=Aa;ue.defaultOptions=Ct;ue.moduleName=Yl;ue.folderName=cd;ue.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").'}]};var Ql=require("react/jsx-runtime"),pd="k-tick",uf=[],bf={},md={label:!1},z=e=>{let{style:t,label:o=md.label,orientation:a,large:l,text:s,...p}=e;return(0,Ql.jsx)("li",{...p,className:r(e.className,pd,{[`k-tick-${a}`]:a,"k-tick-large":l}),style:t,children:o&&(0,Ql.jsx)("span",{className:"k-label",children:s})})};z.states=uf;z.options=bf;z.className=pd;z.defaultOptions=md;var Oe=require("react/jsx-runtime"),ud=e=>(0,Oe.jsx)(ue,{"aria-label":e["aria-label"]\|\|"Slider",children:(0,Oe.jsxs)(Oe.Fragment,{children:[(0,Oe.jsx)(z,{className:"k-first",label:!0,large:!0,text:"0"}),(0,Oe.jsx)(z,{}),(0,Oe.jsx)(z,{}),(0,Oe.jsx)(z,{}),(0,Oe.jsx)(z,{}),(0,Oe.jsx)(z,{label:!0,large:!0,text:"5"}),(0,Oe.jsx)(z,{}),(0,Oe.jsx)(z,{}),(0,Oe.jsx)(z,{}),(0,Oe.jsx)(z,{}),(0,Oe.jsx)(z,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});var He=require("react/jsx-runtime"),bd=e=>(0,He.jsx)(ue,{children:(0,He.jsxs)(He.Fragment,{children:[(0,He.jsx)(z,{className:"k-first",label:!0,large:!0,text:"0"}),(0,He.jsx)(z,{}),(0,He.jsx)(z,{}),(0,He.jsx)(z,{}),(0,He.jsx)(z,{}),(0,He.jsx)(z,{label:!0,large:!0,text:"5"}),(0,He.jsx)(z,{}),(0,He.jsx)(z,{}),(0,He.jsx)(z,{}),(0,He.jsx)(z,{}),(0,He.jsx)(z,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});var Zl=require("react/jsx-runtime");var jl=require("react/jsx-runtime");var fd=require("react/jsx-runtime"),en=e=>(0,fd.jsx)(ue,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var Td=require("react/jsx-runtime"),tn=e=>(0,Td.jsx)(ue,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});var on=require("react/jsx-runtime");var an=require("react/jsx-runtime");var lt=require("react/jsx-runtime"),ff=ue.options,Tf=ue.states,hd={...ue.defaultOptions,variant:"horizontal",label:!0},hf=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],xf=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Ea=e=>{let{variant:t,modifiers:o,...a}={...hd,...e},l={};Object.keys(o\|\|{}).forEach(L=>{switch(L){case"button":{l.showButtons=!!(o!=null&&o[L]);break}case"label":{l.label=!!(o!=null&&o[L]);break}case"tick":{l.showTicks=!!(o!=null&&o[L]);break}}});let{label:s=!0,showButtons:p,showTicks:b}=l,g={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?(0,lt.jsxs)(bd,{showTicks:b,showButtons:p,style:{height:"300px",...g},...a,children:[(0,lt.jsx)(z,{label:s,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),(0,lt.jsx)(z,{label:s,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),(0,lt.jsx)(z,{label:s,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),(0,lt.jsx)(z,{label:s,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),(0,lt.jsx)(z,{label:s,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):(0,lt.jsxs)(ud,{showTicks:b,showButtons:p,style:{width:"400px",...g},...a,children:[(0,lt.jsx)(z,{label:s,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),(0,lt.jsx)(z,{label:s,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),(0,lt.jsx)(z,{label:s,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),(0,lt.jsx)(z,{label:s,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),(0,lt.jsx)(z,{label:s,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Ea.options=ff;Ea.states=Tf;Ea.variants=hf;Ea.defaultOptions=hd;Ea.modifiers=xf;var O=require("react/jsx-runtime"),xd="k-colorgradient-inputs",Nf=[],gf={size:[d.undefined,d.small,d.medium,d.large]},Nd={mode:"rgba"},Fo=e=>{let{mode:t=Nd.mode,size:o,...a}=e;return(0,O.jsxs)("div",{...a,className:r(xd,"k-hstack"),children:[(0,O.jsx)("div",{className:"k-vstack",children:(0,O.jsx)(c,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"R"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"G"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"H"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"S"})]}),(0,O.jsxs)("div",{className:"k-vstack",children:[(0,O.jsx)(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&(0,O.jsx)(O.Fragment,{children:(0,O.jsxs)("div",{className:"k-vstack k-flex-1",children:[(0,O.jsx)(ie,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),(0,O.jsx)("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Fo.states=Nf;Fo.options=gf;Fo.className=xd;Fo.defaultOptions=Nd;var Ve=require("react/jsx-runtime"),gd="k-colorgradient-color-contrast",kf=[],vf={},Lf={},Vo=()=>(0,Ve.jsxs)("div",{className:r(gd,"k-vbox"),children:[(0,Ve.jsxs)("div",{className:"k-contrast-ratio",children:[(0,Ve.jsx)("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),(0,Ve.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:[(0,Ve.jsx)(m,{icon:"check"}),(0,Ve.jsx)(m,{icon:"check"})]})]}),(0,Ve.jsxs)("div",{children:[(0,Ve.jsx)("span",{children:"AA: 4.5"}),(0,Ve.jsxs)("span",{className:"k-contrast-validation !k-text-success",children:["Pass",(0,Ve.jsx)(m,{icon:"check"})]})]}),(0,Ve.jsxs)("div",{children:[(0,Ve.jsx)("span",{children:"AAA: 7.0"}),(0,Ve.jsxs)("span",{className:"k-contrast-validation !k-text-error",children:["Fail",(0,Ve.jsx)(m,{icon:"x"})]})]})]});Vo.states=kf;Vo.options=vf;Vo.className=gd;Vo.defaultOptions=Lf;var kd="color-gradient",vd="colorgradient";var Me=require("react/jsx-runtime"),Nr="k-colorgradient",Cf=[i.hover,i.focus,i.readonly,i.disabled],Mf={size:[d.undefined,d.small,d.medium,d.large]},Bt={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"},Pe=e=>{let{size:t,mode:o=Bt.mode,readonly:a=Bt.readonly,disabled:l=Bt.disabled,gradientStyle:s=Bt.gradientStyle,dragHandleStyle:p=Bt.dragHandleStyle,alphaStyle:b=Bt.alphaStyle,alphaStyleHorizontal:g=Bt.alphaStyleHorizontal,contrast:L=Bt.contrast,dir:y,hover:M,focus:f,hoverHandle:E,focusHandle:A,canvasOrientation:H=Bt.canvasOrientation,role:_,tabIndex:B,...$}=e;return(0,Me.jsxs)("div",{...$,role:_??"textbox","aria-label":_==="none"?void 0:"Color gradient",tabIndex:B??0,"aria-disabled":l?"true":void 0,className:r(e.className,Nr,R(Nr,{size:t}),K(Nr,{hover:M,focus:f,readonly:a,disabled:l})),dir:y,children:[!H\|\|H==="horizontal"&&(0,Me.jsxs)("div",{className:"k-colorgradient-canvas k-hstack",children:[(0,Me.jsx)("div",{className:"k-hsv-rectangle",style:s,children:(0,Me.jsx)("div",{className:"k-hsv-gradient",children:(0,Me.jsx)("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":E,"k-focus":A}),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})})}),(0,Me.jsxs)("div",{className:"k-hsv-controls k-hstack",children:[(0,Me.jsx)(tn,{className:"k-hue-slider",hover:E,focus:A}),o!=="rgb"&&o!=="hsv"&&(0,Me.jsx)(tn,{className:"k-alpha-slider",hover:E,focus:A,trackStyle:b})]})]}),H==="vertical"&&(0,Me.jsxs)("div",{className:"k-colorgradient-canvas k-vstack",children:[(0,Me.jsx)("div",{className:"k-hsv-rectangle",style:s,children:(0,Me.jsx)("div",{className:"k-hsv-gradient",children:(0,Me.jsx)("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":E,"k-focus":A}),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})})}),(0,Me.jsxs)("div",{className:"k-hsv-controls k-vstack",children:[(0,Me.jsx)(en,{className:"k-hue-slider",hover:E,focus:A}),o!=="rgb"&&o!=="hsv"&&(0,Me.jsx)(en,{className:"k-alpha-slider",hover:E,focus:A,trackStyle:g})]})]}),(0,Me.jsx)(Fo,{mode:e.mode,size:t}),L&&(0,Me.jsx)(Vo,{})]})};Pe.states=Cf;Pe.options=Mf;Pe.className=Nr;Pe.defaultOptions=Bt;Pe.moduleName=kd;Pe.folderName=vd;Pe.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)."}]};var Ld=require("react/jsx-runtime"),gr=e=>(0,Ld.jsx)(Pe,{...e});var yf=require("react/jsx-runtime");var Sf=require("react/jsx-runtime");var kr=require("react/jsx-runtime"),wf=Pe.options,Af=Pe.states,Ef={...Pe.defaultOptions,variant:"rgba"},If=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Rf=[],Ia=e=>{let{variant:t,...o}=e;switch(t){case"hex":return(0,kr.jsx)(gr,{...o,mode:t});case"rgb":return(0,kr.jsx)(gr,{...o,mode:t});default:return(0,kr.jsx)(gr,{...o,mode:t})}};Ia.options=wf;Ia.states=Af;Ia.variants=If;Ia.defaultOptions=Ef;Ia.modifiers=Rf;var Cd=require("react/jsx-runtime"),rn=e=>(0,Cd.jsx)("tr",{role:"row",children:e.children});var Md=require("react/jsx-runtime"),ln="k-colorpalette-tile",Of=[i.hover,i.focus,i.selected],Hf={},$o=e=>{let{color:t,tileSize:o,hover:a,focus:l,selected:s,...p}=e,b={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return(0,Md.jsx)("td",{...p,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:r(e.className,ln,K(ln,{hover:a,focus:l,selected:s})),style:b})};$o.states=Of;$o.options=Hf;$o.className=ln;var yd="color-palette",Sd="colorpalette";var Xo=require("react/jsx-runtime"),vr="k-colorpalette",Pf=[i.disabled],Gf={size:[d.undefined,d.small,d.medium,d.large]},wd={columns:10},nt=e=>{let{size:t,palette:o,columns:a=wd.columns,tileSize:l,disabled:s,...p}=e,b=[];if(o){let g=a\|\|o.columns,L=o.colors?o.colors:o;Array.isArray(L)&&Array.from({length:Math.ceil(L.length/g)},(y,M)=>{let f=[];L.slice(Mg,(M+1)g).map((A,H)=>{f.push((0,Xo.jsx)($o,{color:A,tileSize:l},H))});let E=(0,Xo.jsx)(rn,{children:f},M);b.push(E)})}return(0,Xo.jsx)("div",{...p,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:r(e.className,vr,K(vr,{disabled:s}),R(vr,{size:t})),children:(0,Xo.jsx)("table",{className:"k-colorpalette-table",role:"none",children:(0,Xo.jsx)("tbody",{children:b.length>0?b:e.children})})})};nt.states=Pf;nt.options=Gf;nt.className=vr;nt.defaultOptions=wd;nt.moduleName=yd;nt.folderName=Sd;nt.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 Lr=nt;var Ra={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};var Ed=require("react/jsx-runtime"),Ad=e=>(0,Ed.jsx)(Lr,{palette:Ra.basic,...e});var Kf=require("react/jsx-runtime");var Id=require("react/jsx-runtime");var Rd=require("react/jsx-runtime"),Df=nt.options,Bf=nt.states,_f={...nt.defaultOptions,variant:"basic"},zf=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Uf={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}},Ff=[],Oa=e=>{let{variant:t="basic",...o}=e,a=Uf[t];return(0,Rd.jsx)(Ad,{columns:a.columns,palette:a,...o})};Oa.options=Df;Oa.states=Bf;Oa.variants=zf;Oa.defaultOptions=_f;Oa.modifiers=Ff;var Od="color-editor",Hd="coloreditor";var ke=require("react/jsx-runtime"),Cr="k-coloreditor",Vf=[i.focus],$f={size:[d.undefined,d.small,d.medium,d.large]},Ha={view:"gradient",palette:Ra.office,actionButtons:!0,canvasOrientation:"horizontal"},ve=e=>{let{size:t,view:o=Ha.view,palette:a=Ha.palette,color:l,currentColor:s,focus:p,focusView:b,dir:g,group:L,actionButtons:y=Ha.actionButtons,canvasOrientation:M=Ha.canvasOrientation,...f}=e;return(0,ke.jsxs)("div",{...f,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",Cr,R(Cr,{size:t}),K(Cr,{focus:p})),dir:g,children:[(0,ke.jsxs)("div",{className:"k-coloreditor-header k-hstack",children:[(0,ke.jsx)("div",{className:"k-coloreditor-header-actions k-hstack",children:L&&(0,ke.jsxs)(F,{fillMode:"flat",children:[(0,ke.jsx)(c,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),(0,ke.jsx)(c,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),(0,ke.jsx)("div",{className:"k-spacer"}),(0,ke.jsxs)("div",{className:"k-coloreditor-header-actions k-hstack",children:[(0,ke.jsx)(c,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),(0,ke.jsxs)("div",{className:"k-coloreditor-preview k-vstack",children:[(0,ke.jsx)(fo,{className:"k-coloreditor-preview-color",color:l}),(0,ke.jsx)(fo,{className:"k-coloreditor-current-color",color:s})]})]})]}),(0,ke.jsx)("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?(0,ke.jsx)(Pe,{focus:b,size:t,canvasOrientation:M,role:"none",tabIndex:-1}):(0,ke.jsx)(nt,{palette:a,size:t})}),y&&(0,ke.jsxs)(Pt,{className:"k-coloreditor-footer",alignment:"start",children:[(0,ke.jsx)(c,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),(0,ke.jsx)(c,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};ve.states=Vf;ve.options=$f;ve.className=Cr;ve.defaultOptions=Ha;ve.moduleName=Od;ve.folderName=Hd;ve.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 Wo=ve;var Xf=require("react/jsx-runtime");var Wf=require("react/jsx-runtime");var Gd=require("react/jsx-runtime"),Pd=e=>(0,Gd.jsx)(Wo,{group:!0,currentColor:"fuchsia",...e});var Dd=require("react/jsx-runtime"),Kd=e=>(0,Dd.jsx)(Wo,{view:"palette",group:!0,currentColor:"fuchsia",...e});var nn=require("react/jsx-runtime"),Jf=ve.options,qf=ve.states,Yf={...ve.defaultOptions,variant:"gradient"},Qf=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Zf=[],Pa=e=>{let{variant:t,...o}=e;return t==="palette"?(0,nn.jsx)(Kd,{...o,color:"white"}):(0,nn.jsx)(Pd,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Pa.options=Jf;Pa.states=qf;Pa.variants=Qf;Pa.defaultOptions=Yf;Pa.modifiers=Zf;var Bd="color-picker",_d="colorpicker";var ye=require("react/jsx-runtime"),zd="k-colorpicker",jf=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],eT={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},Ud={arrowIconName:"caret-alt-down"},ft=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=Ud.arrowIconName,prefix:s,suffix:p,value:b,placeholder:g,hover:L,focus:y,valid:M,invalid:f,required:E,disabled:A,valueIconName:H,popup:_,opened:B,adaptive:$,adaptiveSettings:be,adaptiveTitle:Le,adaptiveSubtitle:qe,...st}=e,dt="colorpicker-popup";return(0,ye.jsxs)(ye.Fragment,{children:[(0,ye.jsxs)(Ot,{...st,size:t,rounded:o,fillMode:a,hover:L,focus:y,valid:M,invalid:f,required:E,disabled:A,role:"combobox","aria-haspopup":"dialog","aria-expanded":B?"true":"false","aria-controls":B\|\|$?dt:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":A?"true":void 0,className:r(e.className,zd,"k-icon-picker"),children:[(0,ye.jsx)(xt,{children:s}),(0,ye.jsx)(ko,{placeholder:g,value:b,showValue:!1,valueIcon:(0,ye.jsx)(fo,{className:"k-value-icon",color:b,iconName:H}),valueIconName:H}),(0,ye.jsx)(Nt,{children:p}),(0,ye.jsx)(c,{className:"k-input-button",icon:l,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:A})]}),B&&_&&(0,ye.jsx)(me,{id:dt,className:"k-colorpicker-popup",children:_}),$&&(0,ye.jsx)(ge,{adaptive:!0,id:dt,...be,header:(0,ye.jsx)(Qe,{actionsEnd:(0,ye.jsx)(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:Le,subtitle:qe}),footer:(0,ye.jsxs)(so,{children:[(0,ye.jsx)(c,{text:"Cancel",size:"large"}),(0,ye.jsx)(c,{text:"Set",size:"large",themeColor:"primary"})]}),children:(0,ye.jsx)(ve,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};ft.states=jf;ft.options=eT;ft.className=zd;ft.defaultOptions=Ud;ft.moduleName=Bd;ft.folderName=_d;ft.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 To=ft;var Fd=require("react/jsx-runtime"),Mr=e=>(0,Fd.jsx)(To,{...e});var tT=require("react/jsx-runtime");var oT=require("react/jsx-runtime");var aT=require("react/jsx-runtime");var rT=require("react/jsx-runtime");var lT=require("react/jsx-runtime");var nT=require("react/jsx-runtime");var ho=require("react/jsx-runtime"),iT=To.options,sT=To.states,Vd={...To.defaultOptions,variant:"color"},dT=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],cT=[{name:"opened",title:"Opened"}],Ga=e=>{let{variant:t,modifiers:o,...a}={...Vd,...e},l={};Object.keys(o\|\|{}).forEach(p=>{p==="opened"&&(l.opened=!!(o!=null&&o[p]),l.popup=o!=null&&o[p]?(0,ho.jsx)(ve,{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(0,ho.jsx)("div",{style:s,children:(0,ho.jsx)(Mr,{...a,...l})});case"icon":return(0,ho.jsx)("div",{style:s,children:(0,ho.jsx)(Mr,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...l})});default:return(0,ho.jsx)("div",{style:s,children:(0,ho.jsx)(Mr,{value:"rgba(183, 118 , 118, 1.00)",...a,...l})})}};Ga.options=iT;Ga.states=sT;Ga.variants=dT;Ga.defaultOptions=Vd;Ga.modifiers=cT;var sn="combobox",$d=sn;var re=require("react/jsx-runtime"),Xd="k-combobox",pT=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],mT={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},Wd={separators:!0},je=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Wd.separators,prefix:s,suffix:p,value:b,placeholder:g,hover:L,focus:y,valid:M,invalid:f,required:E,loading:A,disabled:H,popup:_,opened:B,readonly:$,adaptive:be,adaptiveSettings:Le,adaptiveTitle:qe,adaptiveSubtitle:st,adaptiveCustomValue:dt,id:Io,autocomplete:Pr,activeDescendant:Ya,"aria-label":dp,...cp}=e,pp=Io?`${Io}-listbox`:void 0;return(0,re.jsxs)(re.Fragment,{children:[(0,re.jsxs)(Ce,{...cp,size:t,rounded:o,fillMode:a,hover:L,focus:y,valid:M,invalid:f,required:E,loading:A,disabled:H,readonly:$,className:r(e.className,Xd),children:[s&&(0,re.jsxs)(re.Fragment,{children:[(0,re.jsx)(xt,{children:s}),l&&(0,re.jsx)(gt,{})]}),(0,re.jsx)(mt,{placeholder:g,value:b,role:"combobox","aria-haspopup":"listbox","aria-expanded":B?"true":"false","aria-controls":B?pp:void 0,"aria-activedescendant":B&&Ya?Ya:void 0,"aria-autocomplete":Pr,"aria-invalid":f?"true":void 0,"aria-busy":A?"true":void 0,"aria-label":dp,disabled:H,readOnly:$}),(0,re.jsx)(Ye,{valid:M,invalid:f,loading:A,disabled:H}),(0,re.jsx)(et,{loading:A,disabled:H}),(0,re.jsx)(pt,{loading:A,disabled:H,readonly:$,value:b}),p&&(0,re.jsxs)(re.Fragment,{children:[l&&(0,re.jsx)(gt,{}),(0,re.jsx)(Nt,{children:p})]}),(0,re.jsx)(c,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:H})]}),B&&_&&(0,re.jsx)(me,{className:"k-list-container k-combobox-popup",containerClassName:"k-combobox-popup-container",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:_}),be&&(0,re.jsx)(ge,{adaptive:!0,id:Io?`${Io}-adaptive`:void 0,...Le,header:(0,re.jsx)(Qe,{actionsEnd:(0,re.jsx)(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:b,inputPlaceholder:g,title:qe,subtitle:st}),children:(0,re.jsx)("div",{className:"k-list-container",children:(0,re.jsx)(j,{customValue:dt?(0,re.jsx)(uo,{text:`Use "${b}"`}):void 0,size:"large",children:(0,re.jsxs)(ne,{"aria-label":qe\|\|"Options",children:[(0,re.jsx)(V,{text:"List item"}),(0,re.jsx)(V,{text:"List item"}),(0,re.jsx)(V,{text:"List item"})]})})})})]})};je.states=pT;je.options=mT;je.className=Xd;je.defaultOptions=Wd;je.moduleName=sn;je.folderName=$d;je.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 Tt=je;var qd=require("react/jsx-runtime"),Jd=e=>(0,qd.jsx)(Tt,{...e});var Yd=require("react/jsx-runtime");var Qd=require("react/jsx-runtime");var Zd=require("react/jsx-runtime");var jd=require("react/jsx-runtime");var ec=require("react/jsx-runtime");var tc=require("react/jsx-runtime");var dn=require("react/jsx-runtime");var uT=require("react/jsx-runtime");var bT=require("react/jsx-runtime");var oc=require("react/jsx-runtime");var ac=require("react/jsx-runtime");var Et=require("react/jsx-runtime"),fT=je.states,TT=je.defaultOptions,hT=je.options,xT=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],NT=[],Ka=e=>{let{modifiers:t,...o}=e,a={},l=(0,Et.jsx)(j,{style:{width:300},size:o.size,children:(0,Et.jsxs)(ne,{children:[(0,Et.jsx)(V,{children:"List item"}),(0,Et.jsx)(V,{children:"List item"}),(0,Et.jsx)(V,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(s=>{switch(s){case"prefix":a.prefix=t!=null&&t[s]?(0,Et.jsx)(m,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t!=null&&t[s]?(0,Et.jsx)(io,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!(t!=null&&t[s]),a.popup=t!=null&&t[s]?l:void 0;break;default:break}}),(0,Et.jsx)("div",{children:(0,Et.jsx)(Jd,{value:"Value",style:{width:300},...o,...a})})};Ka.options=hT;Ka.states=fT;Ka.variants=NT;Ka.defaultOptions=TT;Ka.modifiers=xT;var cn="menu-button",rc=cn;var nc=require("react/jsx-runtime"),lc="k-menu-button",gT=[i.hover,i.focus,i.active,i.selected,i.disabled],kT={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.light,h.dark,h.inverse]},pn={showArrow:!0,arrowIconName:"caret-alt-down"},ce=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:p,active:b,selected:g,disabled:L,icon:y,text:M,showArrow:f=pn.showArrow,arrowIconName:E=pn.arrowIconName,expanded:A,...H}=e;return(0,nc.jsx)(c,{...H,className:r(e.className,lc),text:M,size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:p,active:b,selected:g,disabled:L,icon:y,showArrow:f,arrowIconName:E,"aria-expanded":A?"true":"false",...!M&&y&&!e["aria-label"]&&{"aria-label":"Menu"},...L&&{"aria-disabled":"true"}})};ce.states=gT;ce.options=kT;ce.className=lc;ce.defaultOptions=pn;ce.moduleName=cn;ce.folderName=rc;ce.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};var vT=require("react/jsx-runtime");var LT=require("react/jsx-runtime");var CT=require("react/jsx-runtime");var ht="menu",Mt=ht;var Jt=require("react/jsx-runtime"),mn="k-menu-item",MT=[i.hover,i.focus,i.active,i.selected,i.disabled],yT={},ic={iconPosition:"before"},$e=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:s,icon:p,text:b,first:g,last:L,showArrow:y,arrowIconName:M,iconPosition:f=ic.iconPosition,dir:E,children:A,expanded:H,..._}=e,B=M;return B\|\|(B=E==="rtl"?"caret-alt-left":"caret-alt-right"),(0,Jt.jsxs)("li",{..._,className:r(e.className,mn,"k-item",K(mn,{focus:o,disabled:s,hover:t,active:a,selected:l}),{"k-first":g,"k-last":L}),role:"menuitem",...y&&{"aria-haspopup":"menu"},...y&&{"aria-expanded":H?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,Jt.jsxs)("span",{className:r("k-link k-menu-link"),children:[p&&f==="before"&&(0,Jt.jsx)(m,{className:"k-menu-link-icon",icon:p}),(0,Jt.jsx)("span",{className:"k-menu-link-text",children:b}),p&&f==="after"&&(0,Jt.jsx)(m,{className:"k-menu-link-icon",icon:p}),y&&(0,Jt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,Jt.jsx)(m,{icon:B})})]}),A]})};$e.states=MT;$e.options=yT;$e.className=mn;$e.defaultOptions=ic;$e.moduleName=ht;$e.folderName=Mt;var qt=require("react/jsx-runtime"),un="k-menu-item",ST=[i.hover,i.focus,i.active,i.selected,i.disabled],wT={},bn={dir:"ltr",iconPosition:"before"},he=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:s,icon:p,text:b,first:g,last:L,showArrow:y,arrowIconName:M,iconPosition:f=bn.iconPosition,dir:E=bn.dir,children:A,popup:H,expanded:_,...B}=e,$=M;return $\|\|($=E==="rtl"?"caret-alt-left":"caret-alt-right"),(0,qt.jsxs)("li",{...B,className:r(e.className,un,"k-item",K(un,{focus:o,disabled:s}),{"k-first":g,"k-last":L}),role:"menuitem",...y&&{"aria-haspopup":"menu"},...y&&{"aria-expanded":_?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[(0,qt.jsxs)("span",{className:r("k-link k-menu-link",K("k-menu-link",{hover:t,active:a,selected:l,disabled:s})),children:[p&&f==="before"&&(0,qt.jsx)(m,{className:"k-menu-link-icon",icon:p}),(0,qt.jsx)("span",{className:"k-menu-link-text",children:b}),p&&f==="after"&&(0,qt.jsx)(m,{className:"k-menu-link-icon",icon:p}),y&&(0,qt.jsx)("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:(0,qt.jsx)(m,{icon:$})})]}),A,H]})};he.states=ST;he.options=wT;he.className=un;he.defaultOptions=bn;he.moduleName=ht;he.folderName=Mt;var cc=require("react/jsx-runtime"),sc="k-menu-scroll-wrapper",AT=[],ET={},IT={},So=e=>{let{className:t,children:o,orientation:a,...l}=e;return(0,cc.jsx)("div",{...l,className:r(t,sc,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};So.states=AT;So.options=ET;So.className=sc;So.defaultOptions=IT;So.moduleName=ht;So.folderName=Mt;var dc=So;var Ge=require("react/jsx-runtime"),fn="k-menu",RT=[],OT={},Sr={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Ke=e=>{let{children:t,orientation:o=Sr.orientation,header:a=Sr.header,scrollable:l,scrollButtonsPosition:s=Sr.scrollButtonsPosition,wrapperStyles:p,dir:b,popup:g,contextMenu:L,...y}=e,M={horizontal:{prev:b!=="rtl"?"left":"right",next:b!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},f=(0,Ge.jsx)("ul",{dir:b,...y,className:r(e.className,"k-reset",fn,{[`${fn}-${o}`]:o,"k-header":a}),role:L?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return(0,Ge.jsxs)(Ge.Fragment,{children:[l?(0,Ge.jsxs)(dc,{orientation:o,style:p,dir:e.dir,children:[s==="start"&&(0,Ge.jsxs)(Ge.Fragment,{children:[(0,Ge.jsx)(c,{fillMode:"flat",icon:`caret-alt-${M[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,Ge.jsx)(c,{fillMode:"flat",icon:`caret-alt-${M[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&(0,Ge.jsx)(c,{fillMode:"flat",icon:`caret-alt-${M[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),f,s==="end"&&(0,Ge.jsxs)(Ge.Fragment,{children:[(0,Ge.jsx)(c,{fillMode:"flat",icon:`caret-alt-${M[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),(0,Ge.jsx)(c,{fillMode:"flat",icon:`caret-alt-${M[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&(0,Ge.jsx)(c,{fillMode:"flat",icon:`caret-alt-${M[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):f,g]})};Ke.states=RT;Ke.options=OT;Ke.className=fn;Ke.defaultOptions=Sr;Ke.moduleName=ht;Ke.folderName=Mt;Ke.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."}]};var mc=require("react/jsx-runtime"),Tn="k-separator",pc={orientation:"horizontal"},Jo=e=>{let{orientation:t=pc.orientation,...o}=e;return(0,mc.jsx)("li",{...o,className:r(e.className,"k-item",Tn,{[`${Tn}-${t}`]:t}),role:"separator"})};Jo.className=Tn;Jo.defaultOptions=pc;Jo.moduleName=ht;Jo.folderName=Mt;var uc=require("react/jsx-runtime");var bc=require("react/jsx-runtime"),hn="k-menu-group",HT=[],PT={size:[d.undefined,d.small,d.medium,d.large]},GT={},Xe=e=>{let{children:t,size:o,...a}=e;return(0,bc.jsx)("ul",{...a,className:r(e.className,hn,R(hn,{size:o})),role:"menu",children:t})};Xe.states=HT;Xe.options=PT;Xe.className=hn;Xe.defaultOptions=GT;Xe.moduleName=ht;Xe.folderName=Mt;var It=require("react/jsx-runtime"),xn=e=>(0,It.jsx)(Ke,{children:(0,It.jsxs)(It.Fragment,{children:[(0,It.jsx)($e,{first:!0,text:"Item 1"}),(0,It.jsx)($e,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),(0,It.jsx)($e,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),(0,It.jsx)($e,{text:"Item 4"}),(0,It.jsx)($e,{last:!0,text:"Item 5"})]}),...e});var Nn=require("react/jsx-runtime");var gn=require("react/jsx-runtime");var kn=require("react/jsx-runtime");var vn=require("react/jsx-runtime");var _t=require("react/jsx-runtime"),KT=Ke.options,DT=Ke.states,fc={...Ke.defaultOptions,variant:"horizontal"},BT=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],_T=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],Da=e=>{let{variant:t,modifiers:o,...a}={...fc,...e},l={};return Object.keys(o\|\|{}).forEach(s=>{switch(s){case"scrollable":l.scrollable=!!(o!=null&&o[s]);break;case"opened":l.opened=!!(o!=null&&o[s]),l.popup=(0,_t.jsx)(me,{className:"k-menu-popup",children:(0,_t.jsxs)(Xe,{children:[(0,_t.jsx)(he,{text:"Item 1"}),(0,_t.jsx)(he,{text:"Item 2"}),(0,_t.jsx)(Jo,{}),(0,_t.jsx)(he,{text:"Item 3"})]})});break}}),t==="vertical"?(0,_t.jsx)(xn,{...a,...l,orientation:"vertical",style:{width:"200px"}}):(0,_t.jsx)(xn,{...a,...l})};Da.options=KT;Da.states=DT;Da.variants=BT;Da.defaultOptions=fc;Da.modifiers=_T;var Ln=require("react/jsx-runtime");var zT=require("react/jsx-runtime");var We=require("react/jsx-runtime"),UT=c.states,Tc={...c.defaultOptions,variant:"text"},FT=c.options,VT=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],$T=[{name:"opened",title:"Opened"}],Ba=e=>{let{variant:t,modifiers:o,...a}={...Tc,...e},l={},s=(0,We.jsx)(me,{className:"k-menu-popup",children:(0,We.jsxs)(Xe,{size:a.size,children:[(0,We.jsx)(he,{first:!0,text:"Menu Item"}),(0,We.jsx)(he,{text:"Menu Item"}),(0,We.jsx)(he,{last:!0,text:"Menu Item"})]})}),p;switch(t){case"icon-only":p=(0,We.jsx)("div",{children:(0,We.jsx)(ce,{...a,...l,icon:"star"})});break;case"icon-and-text":p=(0,We.jsx)("div",{children:(0,We.jsx)(ce,{...a,...l,icon:"star",children:"Dropdown Button"})});break;default:p=(0,We.jsx)("div",{children:(0,We.jsx)(ce,{...a,...l,children:"Dropdown Button"})});break}return(0,We.jsxs)(We.Fragment,{children:[p,(o==null?void 0:o.opened)&&s]})};Ba.options=FT;Ba.states=UT;Ba.variants=VT;Ba.defaultOptions=Tc;Ba.modifiers=$T;var Cn="split-button",hc=Cn;var Yt=require("react/jsx-runtime"),Mn="k-split-button",XT=[i.hover,i.focus,i.active,i.selected,i.disabled],WT={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.light,h.dark,h.inverse]},xc={arrowIconName:"caret-alt-down"},ee=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:p,active:b,selected:g,disabled:L,icon:y,text:M,arrowIconName:f=xc.arrowIconName,popup:E,opened:A,popupId:H,..._}=e;return(0,Yt.jsxs)(Yt.Fragment,{children:[(0,Yt.jsxs)("div",{..._,className:r(e.className,Mn,"k-button-group",R(Mn,{rounded:o})),children:[(0,Yt.jsx)(c,{text:M,icon:y,size:t,rounded:o,fillMode:a,themeColor:l,hover:s,focus:p,active:b,selected:g,disabled:L,...!M&&!e.children&&y&&{"aria-label":"Action"},children:e.children}),(0,Yt.jsx)(c,{className:"k-split-button-arrow",icon:f,size:t,rounded:o,fillMode:a,disabled:L,"aria-label":"Toggle dropdown","aria-expanded":A?"true":"false","aria-controls":A?H:void 0,tabIndex:-1,...L&&{"aria-disabled":"true"}})]}),A&&E&&(0,Yt.jsx)(me,{className:"k-menu-popup",children:E})]})};ee.states=XT;ee.options=WT;ee.className=Mn;ee.defaultOptions=xc;ee.moduleName=Cn;ee.folderName=hc;ee.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 yn=ee;var Nc=require("react/jsx-runtime"),JT="k-toolbar-separator",Rt=e=>(0,Nc.jsx)("div",{className:r(JT,e.className,"k-separator")});var Qt="toolbar",xo=Qt;var U=require("react/jsx-runtime"),Zt="k-toolbar",qT=[i.focus],YT={size:[d.undefined,d.small,d.medium,d.large],fillMode:[k.undefined,k.solid,k.outline,k.flat]},QT={scrollButtons:"around"},pe=e=>{let{size:t,fillMode:o,focus:a,resizable:l,scrollable:s,scrollButtons:p,scrollingPosition:b,section:g,...L}=e,y=[],M=(f,E)=>{let A=[];if(f.type===c&&f.props.className&&f.props.className.includes("k-toolbar-overflow-button"))A.push((0,U.jsx)(c,{...f.props,className:`${f.props.className?f.props.className:""}`},`${E}-${new Date().getTime()}`));else if(f.type===c)A.push((0,U.jsx)(c,{...f.props,className:`k-toolbar-button ${f.props.className?f.props.className:""}`},`${E}-${new Date().getTime()}`));else if(f.type===ra)A.push((0,U.jsx)(ra,{...f.props,className:`k-toolbar-button ${f.props.className?f.props.className:""}`},`${E}-${new Date().getTime()}`));else if(f.type===io)A.push((0,U.jsx)(io,{...f.props,className:`k-toolbar-button ${f.props.className?f.props.className:""}`},`${E}-${new Date().getTime()}`));else if(f.type===ce)A.push((0,U.jsx)(ce,{...f.props,className:`k-toolbar-menu-button ${f.props.className?f.props.className:""}`},`${E}-${new Date().getTime()}`));else if(f.type===yn)A.push((0,U.jsx)(yn,{...f.props,className:`k-toolbar-split-button ${f.props.className?f.props.className:""}`},`${E}-${new Date().getTime()}`));else if(f.type===F\|\|f.props.className&&f.props.className.includes("k-button-group")){let H=[];(Array.isArray(f.props.children)?f.props.children:[f.props.children]).forEach((B,$)=>{H.push((0,U.jsx)(c,{...B.props,className:`${B.props.className?B.props.className:""}`},`${$}-${new Date().getTime()}`))}),A.push((0,U.jsx)(F,{...f.props,className:`k-toolbar-button-group ${f.props.className?f.props.className:""}`,children:H},`${E}-${new Date().getTime()}`))}else f.type===je?A.push((0,U.jsx)(je,{...f.props,className:`k-toolbar-combobox ${f.props.className?f.props.className:""}`},`${E}-${new Date().getTime()}`)):f.type===se?A.push((0,U.jsx)(se,{...f.props,className:`k-toolbar-dropdownlist ${f.props.className?f.props.className:""}`},`${E}-${new Date().getTime()}`)):f.type===ft?A.push((0,U.jsx)(ft,{...f.props,className:`k-toolbar-colorpicker ${f.props.className?f.props.className:""}`},`${E}-${new Date().getTime()}`)):A.push(f);A.forEach(H=>{y.push(H)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((E,A)=>{M(E,A)}),(0,U.jsxs)("div",{...L,className:r(e.className,Zt,R(Zt,{size:t,fillMode:o}),K(Zt,{focus:a}),{[`${Zt}-resizable`]:l,[`${Zt}-scrollable`]:s,[`${Zt}-scrollable-overlay`]:s&&p==="hidden",[`${Zt}-scrollable-${b}`]:b&&b!=="both",[`${Zt}-section`]:g}),role:"toolbar","aria-label":"Toolbar",children:[!s&&y,s&&p==="hidden"&&(0,U.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:y}),s&&p==="start"&&(0,U.jsxs)(U.Fragment,{children:[(0,U.jsxs)(F,{children:[(0,U.jsx)("span",{className:r("k-toolbar-prev","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(m,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,U.jsx)("span",{className:r("k-toolbar-next","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(m,{className:"k-button-icon",icon:"caret-alt-right"})})]}),(0,U.jsx)(Rt,{className:"k-toolbar-button-separator"}),(0,U.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:y})]}),s&&p==="end"&&(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:y}),(0,U.jsx)(Rt,{className:"k-toolbar-button-separator"}),(0,U.jsxs)(F,{children:[(0,U.jsx)("span",{className:r("k-toolbar-prev","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(m,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,U.jsx)("span",{className:r("k-toolbar-next","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(m,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),s&&(p==="around"\|\|!p)&&(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)("span",{className:r("k-toolbar-prev","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(m,{className:"k-button-icon",icon:"caret-alt-left"})}),(0,U.jsx)(Rt,{className:"k-toolbar-button-separator"}),(0,U.jsx)("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:y}),(0,U.jsx)(Rt,{className:"k-toolbar-button-separator"}),(0,U.jsx)("span",{className:r("k-toolbar-next","k-button",R("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:(0,U.jsx)(m,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};pe.states=qT;pe.options=YT;pe.className=Zt;pe.defaultOptions=QT;pe.moduleName=Qt;pe.folderName=xo;pe.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."}]};var kc=require("react/jsx-runtime"),gc="k-floating-toolbar",ZT=[],jT={},eh={},qo=e=>{let{...t}=e;return(0,kc.jsx)("div",{...t,className:r(e.className,gc),children:e.children})};qo.states=ZT;qo.options=jT;qo.className=gc;qo.defaultOptions=eh;qo.moduleName=Qt;qo.folderName=xo;var vc=require("react/jsx-runtime"),Sn="k-toolbar-item",th=[i.focus],oh={},ah={},Yo=e=>{let{focus:t,...o}=e;return(0,vc.jsx)("div",{...o,className:r(e.className,Sn,K(Sn,{focus:t})),children:e.children})};Yo.states=th;Yo.options=oh;Yo.className=Sn;Yo.defaultOptions=ah;Yo.moduleName=Qt;Yo.folderName=xo;var wn=require("react/jsx-runtime"),Lc="k-toolbar-popup",rh=[],lh={size:[d.undefined,d.small,d.medium,d.large],fillMode:[k.undefined,k.solid,k.outline,k.flat]},nh={},wo=e=>{let{size:t,fillMode:o,section:a,...l}=e;return(0,wn.jsx)(me,{...l,className:r(e.className,Lc),children:a?(0,wn.jsx)("span",{className:r("k-toolbar-items-list",R("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};wo.states=rh;wo.options=lh;wo.className=Lc;wo.defaultOptions=nh;wo.moduleName=Qt;wo.folderName=xo;var wr=wo;var ih=require("react/jsx-runtime");var sh=require("react/jsx-runtime");var dh=require("react/jsx-runtime");var Cc=require("react/jsx-runtime");var ch=require("react/jsx-runtime");var yt=require("react/jsx-runtime"),ph=ee.states,Mc={...ee.defaultOptions,variant:"text"},mh=ee.options,uh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],bh=[{name:"opened",title:"Opened"}],_a=e=>{let{variant:t,modifiers:o,...a}={...Mc,...e},l={},s=(0,yt.jsxs)(Xe,{size:a.size,children:[(0,yt.jsx)(he,{first:!0,text:"Menu Item"}),(0,yt.jsx)(he,{text:"Menu Item"}),(0,yt.jsx)(he,{last:!0,text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(p=>{p==="opened"&&(l.opened=!!(o!=null&&o[p]),l.popup=o!=null&&o[p]?s:"")}),t){case"icon-only":return(0,yt.jsx)("div",{children:(0,yt.jsx)(ee,{...a,...l,icon:"star"})});case"icon-and-text":return(0,yt.jsx)("div",{children:(0,yt.jsx)(ee,{...a,...l,icon:"star",children:"Split Button"})});default:return(0,yt.jsx)("div",{children:(0,yt.jsx)(ee,{...a,...l,children:"Split Button"})})}};_a.options=mh;_a.states=ph;_a.variants=uh;_a.defaultOptions=Mc;_a.modifiers=bh;var zt=require("react/jsx-runtime"),yc=e=>(0,zt.jsx)(pe,{children:[(0,zt.jsx)(c,{children:"Button"},"toolbar-button"),(0,zt.jsx)(ce,{text:"Menu button"},"toolbar-menu-button"),(0,zt.jsx)(ee,{children:"Split button"},"toolbar-split-button"),(0,zt.jsxs)(F,{children:[(0,zt.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,zt.jsx)(c,{icon:"align-center",children:"Center"}),(0,zt.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var Sc=require("react/jsx-runtime");var De=require("react/jsx-runtime"),wc=e=>(0,De.jsx)(pe,{scrollable:!0,...e,children:[(0,De.jsx)(c,{children:"Button"},"toolbar-button"),(0,De.jsx)(ce,{text:"Menu button"},"toolbar-menu-button"),(0,De.jsx)(ee,{children:"Split button"},"toolbar-split-button"),(0,De.jsxs)(F,{children:[(0,De.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,De.jsx)(c,{icon:"align-center",children:"Center"}),(0,De.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,De.jsx)(c,{children:"Button"},"toolbar-button"),(0,De.jsx)(ce,{text:"Menu button"},"toolbar-menu-button"),(0,De.jsx)(ee,{children:"Split button"},"toolbar-split-button"),(0,De.jsxs)(F,{children:[(0,De.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,De.jsx)(c,{icon:"align-center",children:"Center"}),(0,De.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});var Be=require("react/jsx-runtime"),Ac=({scrollingPosition:e="start",...t})=>(0,Be.jsx)(pe,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[(0,Be.jsx)(c,{children:"Button"},"toolbar-button"),(0,Be.jsx)(ce,{text:"Menu button"},"toolbar-menu-button"),(0,Be.jsx)(ee,{children:"Split button"},"toolbar-split-button"),(0,Be.jsxs)(F,{children:[(0,Be.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Be.jsx)(c,{icon:"align-center",children:"Center"}),(0,Be.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),(0,Be.jsx)(c,{children:"Button"},"toolbar-button"),(0,Be.jsx)(ce,{text:"Menu button"},"toolbar-menu-button"),(0,Be.jsx)(ee,{children:"Split button"},"toolbar-split-button"),(0,Be.jsxs)(F,{children:[(0,Be.jsx)(c,{className:"k-group-start",icon:"align-left",children:"Left"}),(0,Be.jsx)(c,{icon:"align-center",children:"Center"}),(0,Be.jsx)(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});var xe=require("react/jsx-runtime"),Ec=({fillMode:e,size:t,...o})=>(0,xe.jsxs)(xe.Fragment,{children:[(0,xe.jsx)(pe,{section:!0,fillMode:e,size:t,children:[(0,xe.jsx)(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,xe.jsxs)(F,{fillMode:e,children:[(0,xe.jsx)(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,xe.jsx)(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,xe.jsx)(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),(0,xe.jsx)(Rt,{className:"k-toolbar-button-separator"}),(0,xe.jsx)(c,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),(0,xe.jsxs)(wr,{size:t,fillMode:e,section:!0,...o,children:[(0,xe.jsx)(ee,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),(0,xe.jsx)(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),(0,xe.jsx)(Rt,{}),(0,xe.jsx)(ce,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),(0,xe.jsxs)(F,{fillMode:e,children:[(0,xe.jsx)(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),(0,xe.jsx)(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),(0,xe.jsx)(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});var An=require("react/jsx-runtime");var En=require("react/jsx-runtime");var jt=require("react/jsx-runtime"),fh=pe.options,Th=pe.states,Ic={...pe.defaultOptions,variant:"default"},hh=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],xh=[],za=e=>{let{variant:t,...o}={...Ic,...e};switch(t){case"responsive":return(0,jt.jsx)("div",{children:(0,jt.jsx)(Ec,{style:{width:"583px"},...o})});case"overlay":return(0,jt.jsx)("div",{children:(0,jt.jsx)(Ac,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return(0,jt.jsx)("div",{children:(0,jt.jsx)(wc,{style:{width:"583px"},...o})});default:return(0,jt.jsx)("div",{children:(0,jt.jsx)(yc,{style:{width:"583px"},...o})})}};za.options=fh;za.states=Th;za.variants=hh;za.defaultOptions=Ic;za.modifiers=xh;var Oc=require("react/jsx-runtime"),Rc="k-grid-toolbar",eo=e=>(0,Oc.jsx)(pe,{...e,className:r(e.className,Rc),children:e.children});eo.className=Rc;eo.moduleName=J;eo.folderName=Q;var Qo=require("react/jsx-runtime"),In="k-grid-stack-cell",Nh=[i.focus,i.selected],Ar=e=>{let{cellHeader:t,cellContent:o,edit:a,commandCell:l,dirty:s,focus:p,selected:b,...g}=e;return(0,Qo.jsxs)("div",{...g,className:r(e.className,In,{"k-grid-stack-edit-cell":a,"k-command-cell":l,"k-dirty-cell":s},K(In,{focus:p,selected:b})),children:[s&&(0,Qo.jsx)("span",{className:"k-dirty"}),t&&(0,Qo.jsx)("div",{className:"k-grid-stack-header",children:t}),(0,Qo.jsx)("div",{className:"k-grid-stack-content",children:o}),e.children]})};Ar.states=Nh;Ar.className=In;Ar.moduleName=J;Ar.folderName=Q;var Pc=require("react/jsx-runtime"),Hc="k-grid-stack-row",Er=e=>{let{cols:t,...o}=e;return(0,Pc.jsx)("div",{...o,className:r(e.className,Hc,{[`k-grid-cols-${t}`]:t}),children:e.children})};Er.className=Hc;Er.moduleName=J;Er.folderName=Q;var Rn=require("react/jsx-runtime");var On=require("react/jsx-runtime");var Hn=require("react/jsx-runtime");var N=require("react/jsx-runtime"),Gc=({contentClassName:e,...t})=>(0,N.jsx)(Z,{_renderAriaRoot:!0,pager:(0,N.jsx)(Dt,{refresh:!1}),children:(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(q,{children:(0,N.jsx)("div",{className:"k-grid-header-wrap",children:(0,N.jsxs)(Y,{children:[(0,N.jsxs)("colgroup",{children:[(0,N.jsx)("col",{}),(0,N.jsx)("col",{style:{width:"225px"}}),(0,N.jsx)("col",{}),(0,N.jsx)("col",{}),(0,N.jsx)("col",{})]}),(0,N.jsxs)(X,{children:[(0,N.jsxs)(v,{children:[(0,N.jsx)(S,{rowspan:1,colspan:1,columnTitle:"Product Id"}),(0,N.jsx)(S,{rowspan:1,colspan:1,columnTitle:"Name"}),(0,N.jsx)(S,{rowspan:1,colspan:1,columnTitle:"Quantity"}),(0,N.jsx)(S,{rowspan:1,colspan:1,columnTitle:"Unit Price"}),(0,N.jsx)(S,{rowspan:1,colspan:1,columnTitle:"Discontinued"})]}),(0,N.jsxs)(v,{className:"k-filter-row",children:[(0,N.jsx)(n,{children:(0,N.jsx)("div",{className:"k-filtercell",children:(0,N.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,N.jsx)(W,{}),(0,N.jsxs)("div",{className:"k-filtercell-operator",children:[(0,N.jsx)(se,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,N.jsx)(c,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,N.jsx)(n,{children:(0,N.jsx)("div",{className:"k-filtercell",children:(0,N.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,N.jsx)(ie,{}),(0,N.jsxs)("div",{className:"k-filtercell-operator",children:[(0,N.jsx)(se,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,N.jsx)(c,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,N.jsx)(n,{children:(0,N.jsx)("div",{className:"k-filtercell",children:(0,N.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,N.jsx)(ie,{}),(0,N.jsxs)("div",{className:"k-filtercell-operator",children:[(0,N.jsx)(se,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,N.jsx)(c,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,N.jsx)(n,{children:(0,N.jsx)("div",{className:"k-filtercell",children:(0,N.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,N.jsx)(W,{}),(0,N.jsxs)("div",{className:"k-filtercell-operator",children:[(0,N.jsx)(se,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",(0,N.jsx)(c,{disabled:!0,icon:"filter-clear"})]})]})})}),(0,N.jsx)(n,{children:(0,N.jsx)("div",{className:"k-filtercell",children:(0,N.jsxs)("div",{className:"k-filtercell-wrapper",children:[(0,N.jsx)(se,{}),(0,N.jsx)("div",{className:"k-filtercell-operator",children:(0,N.jsx)(c,{disabled:!0,icon:"filter-clear"})})]})})})]})]})]})})}),(0,N.jsx)(le,{children:(0,N.jsx)(te,{className:e,children:(0,N.jsxs)(oe,{children:[(0,N.jsxs)("colgroup",{children:[(0,N.jsx)("col",{}),(0,N.jsx)("col",{style:{width:"225px"}}),(0,N.jsx)("col",{}),(0,N.jsx)("col",{}),(0,N.jsx)("col",{})]}),(0,N.jsxs)(ae,{children:[(0,N.jsxs)(v,{className:"k-master-row",children:[(0,N.jsx)(n,{children:"1"}),(0,N.jsx)(n,{children:"Chai"}),(0,N.jsx)(n,{children:"10 boxes x 20 bags"}),(0,N.jsx)(n,{children:"18"}),(0,N.jsx)(n,{children:"false"})]}),(0,N.jsxs)(v,{className:"k-master-row",alt:!0,children:[(0,N.jsx)(n,{children:"2"}),(0,N.jsx)(n,{children:"Chang"}),(0,N.jsx)(n,{children:"24 - 12 oz bottles"}),(0,N.jsx)(n,{children:"19"}),(0,N.jsx)(n,{children:"false"})]}),(0,N.jsxs)(v,{className:"k-master-row",children:[(0,N.jsx)(n,{children:"3"}),(0,N.jsx)(n,{children:"Aniseed Syrup"}),(0,N.jsx)(n,{children:"12 - 550 ml bottles"}),(0,N.jsx)(n,{children:"10"}),(0,N.jsx)(n,{children:"false"})]}),(0,N.jsxs)(v,{className:"k-master-row",alt:!0,children:[(0,N.jsx)(n,{children:"4"}),(0,N.jsx)(n,{children:"Chef Anton's Cajun Seasoning"}),(0,N.jsx)(n,{children:"48 - 6 oz jars"}),(0,N.jsx)(n,{children:"22"}),(0,N.jsx)(n,{children:"false"})]}),(0,N.jsxs)(v,{className:"k-master-row",children:[(0,N.jsx)(n,{children:"5"}),(0,N.jsx)(n,{children:"Grandma's Boysenberry Spread"}),(0,N.jsx)(n,{children:"12 - 8 oz jars"}),(0,N.jsx)(n,{children:"25"}),(0,N.jsx)(n,{children:"false"})]})]})]})})})]}),...t});var Ua=require("react/jsx-runtime"),gh="k-chip-action";var Se=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=(0,Ua.jsx)(m,{icon:"x-circle",size:"small"});break;case"more":a=(0,Ua.jsx)(m,{icon:"more-vertical",size:"small"});break;default:return(0,Ua.jsx)(m,{icon:t,size:"small"})}return(0,Ua.jsx)("span",{...o,className:r(e.className,gh,`k-chip-${t}-action`),children:a})};var Pn="avatar",Kc=Pn;var Kn=require("react/jsx-runtime"),Fa="k-avatar";var kh=[i.hover,i.focus,i.active,i.selected,i.disabled],vh={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[k.undefined,k.solid,k.outline],themeColor:[h.undefined,h.base,h.primary,h.secondary,h.tertiary,h.success,h.warning,h.error,h.info,h.light,h.dark,h.inverse]},Gn={type:"text",border:!1},it=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,type:s=Gn.type,border:p=Gn.border,...b}=e;return(0,Kn.jsx)("div",{...b,className:r(e.className,Fa,R(Fa,{size:t,rounded:o,fillMode:a,themeColor:l}),{[`${Fa}-bordered`]:p}),children:(0,Kn.jsx)("span",{className:`${Fa}-${s}`,children:e.children})})};it.states=kh;it.options=vh;it.className=Fa;it.defaultOptions=Gn;it.moduleName=Pn;it.folderName=Kc;it.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var Ao=it;var Bc=require("react/jsx-runtime"),Dc=e=>(0,Bc.jsx)(Ao,{type:"icon",...e});var zc=require("react/jsx-runtime"),_c=e=>(0,zc.jsx)(Ao,{type:"text",...e});var Fc=require("react/jsx-runtime"),Uc=e=>(0,Fc.jsx)(Ao,{type:"image",...e});var Lh=require("react/jsx-runtime");var Zo=require("react/jsx-runtime"),Ch=it.options,Mh=it.states,yh={...it.defaultOptions,variant:"image"},Sh=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],wh=[],Va=e=>{let{variant:t,...o}=e;switch(t){case"icon":return(0,Zo.jsx)(Dc,{...o,children:(0,Zo.jsx)(m,{icon:"star"})});case"text":return(0,Zo.jsx)(_c,{...o,children:"JO"});default:return(0,Zo.jsx)(Uc,{...o,children:(0,Zo.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Va.options=Ch;Va.states=Mh;Va.variants=Sh;Va.defaultOptions=yh;Va.modifiers=wh;var $a="chip",Ir=$a;var to=require("react/jsx-runtime"),Rr="k-chip",Ah=[i.hover,i.focus,i.active,i.selected,i.disabled],Eh={size:[d.undefined,d.small,d.medium,d.large],rounded:[x.undefined,x.none,x.small,x.medium,x.large,x.full],fillMode:[k.undefined,k.solid,k.outline],themeColor:[h.undefined,h.base,h.success,h.warning,h.error,h.info]},Vc={avatarImage:"/packages/html/assets/avatar.jpg"},we=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,text:s,icon:p,actions:b,showAvatar:g,avatarImage:L=Vc.avatarImage,hover:y,focus:M,active:f,selected:E,disabled:A,...H}=e;return(0,to.jsxs)("div",{...H,className:r(e.className,Rr,R(Rr,{size:t,rounded:o,fillMode:a,themeColor:l}),K(Rr,{hover:y,focus:M,active:f,disabled:A,selected:E})),role:e.role\|\|"button","aria-pressed":e.role==="option"?void 0:E?"true":"false","aria-selected":e.role==="option"?E?"true":"false":void 0,"aria-disabled":A?"true":void 0,children:[p&&(0,to.jsx)(m,{className:"k-chip-icon",icon:p,size:"small"}),g&&(0,to.jsx)(it,{className:"k-chip-avatar",type:"image",children:(0,to.jsx)("img",{src:L,alt:""})}),(0,to.jsx)("span",{className:"k-chip-content",children:e.children?e.children:s&&(0,to.jsx)("span",{className:"k-chip-label",children:s})}),b&&(0,to.jsx)("span",{className:"k-chip-actions",children:b})]})};we.states=Ah;we.options=Eh;we.className=Rr;we.defaultOptions=Vc;we.moduleName=$a;we.folderName=Ir;we.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 St=we;var $c=require("react/jsx-runtime"),Dn="k-chip-list",Ih=[],Rh={size:[d.undefined,d.small,d.medium,d.large]},Oh={},Ae=e=>{let{size:t,multiselectable:o,ariaLabel:a,...l}=e;return(0,$c.jsx)("div",{...l,className:r(e.className,Dn,R(Dn,{size:t})),role:"listbox","aria-label":a\|\|"chip list","aria-orientation":"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};Ae.states=Ih;Ae.options=Rh;Ae.className=Dn;Ae.defaultOptions=Oh;Ae.moduleName=$a;Ae.folderName=Ir;Ae.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."}]};var Hh=require("react/jsx-runtime");var Ph=require("react/jsx-runtime");var Xc=require("react/jsx-runtime"),Or=e=>(0,Xc.jsx)(St,{text:"text",...e});var Gh=require("react/jsx-runtime");var Kh=require("react/jsx-runtime");var Bn=require("react/jsx-runtime");var Wc=require("react/jsx-runtime");var Jc=require("react/jsx-runtime");var qc=require("react/jsx-runtime");var oo=require("react/jsx-runtime"),Dh={...St.options,...Ae.options},Bh=[],_h=Ae.states,zh={...St.defaultOptions,...Ae.defaultOptions},Uh=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],Xa=e=>{let{modifiers:t,className:o,...a}=e,l=t==null?void 0:t.icon,s=t==null?void 0:t.actions,p=t==null?void 0:t.avatar;return(0,oo.jsxs)(Ae,{size:a.size,className:o,children:[(0,oo.jsx)(Or,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?(0,oo.jsx)(Se,{type:"remove"}):void 0,showAvatar:p,children:"Chip"}),(0,oo.jsx)(Or,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?(0,oo.jsx)(Se,{type:"remove"}):void 0,showAvatar:p,children:"Chip"}),(0,oo.jsx)(Or,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:s?(0,oo.jsx)(Se,{type:"remove"}):void 0,showAvatar:p,children:"Chip"})]})};Xa.options=Dh;Xa.states=_h;Xa.variants=Bh;Xa.defaultOptions=zh;Xa.modifiers=Uh;var Hr=require("react/jsx-runtime"),Fh=we.states,Vh=we.defaultOptions,$h=we.options,Xh=[],Wh=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],Wa=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"icon":a.icon=t!=null&&t[l]?"arrow-down":void 0;break;case"avatar":a.showAvatar=!!(t!=null&&t[l]),a.avatarImage=t!=null&&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!=null&&t[l]?(0,Hr.jsx)(Se,{type:"more"}):void 0;break;case"remove-icon":a.actions\|\|(a.actions=[]),a.actions[1]=t!=null&&t[l]?(0,Hr.jsx)(Se,{type:"remove"}):void 0;break;default:break}}),(0,Hr.jsx)(we,{...o,...a,children:"Chip component"})};Wa.options=$h;Wa.states=Fh;Wa.variants=Xh;Wa.defaultOptions=Vh;Wa.modifiers=Wh;var I=require("react/jsx-runtime"),Yc=({dropClue:e,contentClassName:t,...o})=>(0,I.jsx)(Z,{_renderAriaRoot:!0,groupingHeader:(0,I.jsx)(ao,{dropClue:e,children:(0,I.jsxs)(Ae,{children:[(0,I.jsx)(we,{icon:"sort-asc-small",text:"ID",actions:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(Se,{type:"more"}),(0,I.jsx)(Se,{type:"remove"})]})}),(0,I.jsx)(we,{icon:"sort-desc-small",text:"Name",actions:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(Se,{type:"more"}),(0,I.jsx)(Se,{type:"remove"})]})})]})}),children:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(q,{draggable:!0,children:(0,I.jsx)("div",{className:"k-grid-header-wrap",children:(0,I.jsxs)(Y,{children:[(0,I.jsxs)("colgroup",{children:[(0,I.jsx)("col",{className:"k-group-col"}),(0,I.jsx)("col",{className:"k-group-col"}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{})]}),(0,I.jsx)(X,{children:(0,I.jsxs)(v,{children:[(0,I.jsx)(S,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),(0,I.jsx)(S,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),(0,I.jsx)(S,{colspan:1,columnTitle:"ID"}),(0,I.jsx)(S,{colspan:1,columnTitle:"Name"}),(0,I.jsx)(S,{colspan:1,columnTitle:"Price"}),(0,I.jsx)(S,{colspan:1,columnTitle:"Category"})]})})]})})}),(0,I.jsx)(le,{children:(0,I.jsx)(te,{className:t,children:(0,I.jsxs)(oe,{children:[(0,I.jsxs)("colgroup",{children:[(0,I.jsx)("col",{className:"k-group-col"}),(0,I.jsx)("col",{className:"k-group-col"}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{}),(0,I.jsx)("col",{})]}),(0,I.jsxs)(ae,{children:[(0,I.jsx)(v,{className:"k-table-group-row k-grouping-row",children:(0,I.jsx)(n,{colspan:6,children:(0,I.jsxs)("p",{className:"k-reset",children:[(0,I.jsx)(m,{icon:"caret-alt-right"}),"ID: 1"]})})}),(0,I.jsx)(v,{className:"k-table-group-row k-grouping-row",children:(0,I.jsx)(n,{colspan:6,children:(0,I.jsxs)("p",{className:"k-reset",children:[(0,I.jsx)(m,{icon:"caret-alt-down"}),"ID: 2"]})})}),(0,I.jsxs)(v,{className:"k-table-group-row k-grouping-row",children:[(0,I.jsx)(n,{className:"k-table-group-td k-group-cell"}),(0,I.jsx)(n,{colspan:5,children:(0,I.jsxs)("p",{className:"k-reset",children:[(0,I.jsx)(m,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),(0,I.jsxs)(v,{className:"k-master-row",alt:!0,children:[(0,I.jsx)(n,{className:"k-table-group-td k-group-cell"}),(0,I.jsx)(n,{className:"k-table-group-td k-group-cell"}),(0,I.jsx)(n,{colspan:0,children:"2"}),(0,I.jsx)(n,{colspan:0,children:"Chang"}),(0,I.jsx)(n,{colspan:0,children:"$19.00"}),(0,I.jsx)(n,{colspan:0,children:"Beverages"})]})]})]})})})]}),...o});var _n=require("react/jsx-runtime");var zn=require("react/jsx-runtime");var Un=require("react/jsx-runtime");var P=require("react/jsx-runtime"),Qc=({headerWrapClassName:e,contentClassName:t,...o})=>(0,P.jsx)(Z,{_renderAriaRoot:!0,children:(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(q,{children:(0,P.jsx)("div",{className:`k-grid-header-wrap ${e}`,children:(0,P.jsxs)(Y,{children:[(0,P.jsxs)("colgroup",{children:[(0,P.jsx)("col",{}),(0,P.jsx)("col",{}),(0,P.jsx)("col",{}),(0,P.jsx)("col",{})]}),(0,P.jsxs)(X,{children:[(0,P.jsxs)(v,{children:[(0,P.jsx)(S,{rowspan:3,colspan:1,columnTitle:"ID"}),(0,P.jsx)(S,{rowspan:1,colspan:3,columnTitle:"Product Information"})]}),(0,P.jsxs)(v,{children:[(0,P.jsx)(S,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first"}),(0,P.jsx)(S,{rowspan:1,colspan:2,columnTitle:"Unit"})]}),(0,P.jsxs)(v,{children:[(0,P.jsx)(S,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first"}),(0,P.jsx)(S,{rowspan:1,colspan:1,columnTitle:"Units Price"})]})]})]})})}),(0,P.jsx)(le,{children:(0,P.jsx)(te,{className:t,children:(0,P.jsxs)(oe,{children:[(0,P.jsxs)("colgroup",{children:[(0,P.jsx)("col",{}),(0,P.jsx)("col",{}),(0,P.jsx)("col",{}),(0,P.jsx)("col",{})]}),(0,P.jsxs)(ae,{children:[(0,P.jsxs)(v,{className:"k-master-row",children:[(0,P.jsx)(n,{children:"1"}),(0,P.jsx)(n,{children:"Chai"}),(0,P.jsx)(n,{children:"39"}),(0,P.jsx)(n,{children:"18"})]}),(0,P.jsxs)(v,{className:"k-master-row",alt:!0,children:[(0,P.jsx)(n,{children:"2"}),(0,P.jsx)(n,{children:"Chang"}),(0,P.jsx)(n,{children:"17"}),(0,P.jsx)(n,{children:"19"})]}),(0,P.jsxs)(v,{className:"k-master-row",children:[(0,P.jsx)(n,{children:"3"}),(0,P.jsx)(n,{children:"Aniseed Syrup"}),(0,P.jsx)(n,{children:"13"}),(0,P.jsx)(n,{children:"10"})]}),(0,P.jsxs)(v,{className:"k-master-row",alt:!0,children:[(0,P.jsx)(n,{children:"4"}),(0,P.jsx)(n,{children:"Chef Anton's Cajun Seasoning"}),(0,P.jsx)(n,{children:"53"}),(0,P.jsx)(n,{children:"22"})]}),(0,P.jsxs)(v,{className:"k-master-row",children:[(0,P.jsx)(n,{children:"5"}),(0,P.jsx)(n,{children:"Chef Anton's Gumbo Mix"}),(0,P.jsx)(n,{children:"0"}),(0,P.jsx)(n,{children:"21.35"})]})]})]})})})]}),...o});var Fn=require("react/jsx-runtime");var Vn=require("react/jsx-runtime");var D=require("react/jsx-runtime"),Zc=e=>(0,D.jsx)(Z,{_renderAriaRoot:!0,toolbar:(0,D.jsxs)(eo,{children:[(0,D.jsx)(c,{children:"Add new"}),(0,D.jsx)(c,{children:"Save Changes"}),(0,D.jsx)(c,{children:"Cancel Changes"})]}),children:(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)(q,{children:(0,D.jsx)("div",{className:"k-grid-header-wrap",children:(0,D.jsxs)(Y,{children:[(0,D.jsxs)("colgroup",{children:[(0,D.jsx)("col",{}),(0,D.jsx)("col",{}),(0,D.jsx)("col",{}),(0,D.jsx)("col",{style:{width:"300px"}})]}),(0,D.jsx)(X,{children:(0,D.jsxs)(v,{children:[(0,D.jsx)(S,{columnTitle:"Name"}),(0,D.jsx)(S,{columnTitle:"Price"}),(0,D.jsx)(S,{columnTitle:"Available"}),(0,D.jsx)(S,{accessibleLabel:"Commands"})]})})]})})}),(0,D.jsx)(le,{children:(0,D.jsx)(te,{children:(0,D.jsx)("div",{children:(0,D.jsxs)(oe,{children:[(0,D.jsxs)("colgroup",{children:[(0,D.jsx)("col",{}),(0,D.jsx)("col",{}),(0,D.jsx)("col",{}),(0,D.jsx)("col",{style:{width:"300px"}})]}),(0,D.jsxs)(ae,{children:[(0,D.jsxs)(v,{className:"k-master-row k-grid-add-row k-grid-edit-row",children:[(0,D.jsx)(n,{children:(0,D.jsx)(ie,{value:"Towel"})}),(0,D.jsx)(n,{children:(0,D.jsx)(W,{value:"42"})}),(0,D.jsx)(n,{children:(0,D.jsx)(tt,{})}),(0,D.jsxs)(n,{className:"k-command-cell",children:[(0,D.jsx)(c,{children:"Add"}),(0,D.jsx)(c,{children:"Cancel"})]})]}),(0,D.jsxs)(v,{className:"k-master-row",children:[(0,D.jsx)(n,{children:"Chai"}),(0,D.jsx)(n,{children:"18"}),(0,D.jsx)(n,{children:"false"}),(0,D.jsx)(n,{className:"k-command-cell",children:(0,D.jsx)(c,{children:"Remove"})})]}),(0,D.jsxs)(v,{className:"k-master-row",alt:!0,children:[(0,D.jsx)(n,{children:"Chang"}),(0,D.jsx)(n,{children:"19"}),(0,D.jsx)(n,{children:"false"}),(0,D.jsx)(n,{className:"k-command-cell",children:(0,D.jsx)(c,{children:"Remove"})})]})]})]})})})})]}),...e});var $n=require("react/jsx-runtime");var u=require("react/jsx-runtime"),Jh=Z.options,qh=Z.states,jc={...Z.defaultOptions,variant:"normal"},Yh=[{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"}],Qh=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],Ja=e=>{let{variant:t,modifiers:o,...a}={...jc,...e},l={toolbar:void 0,pager:void 0},s=(0,u.jsxs)(eo,{children:[(0,u.jsx)(c,{icon:"plus",children:"Add New"}),(0,u.jsx)(c,{icon:"file-pdf",children:"Export to PDF"}),(0,u.jsx)("span",{className:"k-spacer"}),(0,u.jsx)(ie,{prefix:(0,u.jsx)(m,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),p=(0,u.jsx)(Ne,{pageSizes:!1,refresh:!1});Object.keys(o\|\|{}).forEach(L=>{switch(L){case"toolbar":l.toolbar=o!=null&&o[L]?s:void 0;break;case"pager":l.pager=o!=null&&o[L]?p:void 0;break;default:return}});let b={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},g=(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(q,{children:(0,u.jsx)("div",{className:"k-grid-header-wrap",children:(0,u.jsxs)(Y,{children:[(0,u.jsxs)("colgroup",{children:[(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{})]}),(0,u.jsx)(X,{children:(0,u.jsxs)(v,{children:[(0,u.jsx)(S,{...b[t],columnTitle:"ID"}),(0,u.jsx)(S,{...b[t],columnTitle:"Product Name"}),(0,u.jsx)(S,{...b[t],columnTitle:"Units in Stock"}),(0,u.jsx)(S,{...b[t],columnTitle:"Units Price"})]})})]})})}),(0,u.jsx)(le,{children:(0,u.jsx)(te,{children:(0,u.jsxs)(oe,{children:[(0,u.jsxs)("colgroup",{children:[(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{})]}),(0,u.jsxs)(ae,{children:[(0,u.jsxs)(v,{children:[(0,u.jsx)(n,{children:"1"}),(0,u.jsx)(n,{children:"Chai"}),(0,u.jsx)(n,{children:"39"}),(0,u.jsx)(n,{children:"18"})]}),(0,u.jsxs)(v,{className:"k-alt",alt:!0,children:[(0,u.jsx)(n,{children:"2"}),(0,u.jsx)(n,{children:"Chang"}),(0,u.jsx)(n,{children:"17"}),(0,u.jsx)(n,{children:"19"})]}),(0,u.jsxs)(v,{children:[(0,u.jsx)(n,{children:"3"}),(0,u.jsx)(n,{children:"Aniseed Syrup"}),(0,u.jsx)(n,{children:"13"}),(0,u.jsx)(n,{children:"10"})]}),(0,u.jsxs)(v,{className:"k-alt",alt:!0,children:[(0,u.jsx)(n,{children:"4"}),(0,u.jsx)(n,{children:"Chef Anton's Cajun Seasoning"}),(0,u.jsx)(n,{children:"53"}),(0,u.jsx)(n,{children:"22"})]}),(0,u.jsxs)(v,{children:[(0,u.jsx)(n,{children:"5"}),(0,u.jsx)(n,{children:"Chef Anton's Gumbo Mix"}),(0,u.jsx)(n,{children:"0"}),(0,u.jsx)(n,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return(0,u.jsx)(Qc,{...a,...l});case"editing":return(0,u.jsx)(Zc,{...a,...l});case"grouping":return(0,u.jsx)(Yc,{...a,...l,groupingHeader:(0,u.jsx)(ao,{children:(0,u.jsxs)(Ae,{children:[(0,u.jsx)(we,{icon:"sort-asc-small",actions:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(Se,{type:"more"}),(0,u.jsx)(Se,{type:"remove"})]}),children:"ID"}),(0,u.jsx)(we,{icon:"sort-desc-small",actions:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(Se,{type:"more"}),(0,u.jsx)(Se,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return(0,u.jsx)(Z,{...a,...l,children:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(q,{children:(0,u.jsxs)("div",{className:"k-grid-header-wrap",children:[" ",(0,u.jsxs)(Y,{children:[(0,u.jsxs)("colgroup",{children:[(0,u.jsx)("col",{className:"k-drag-col"}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{})]}),(0,u.jsx)(X,{children:(0,u.jsxs)(v,{children:[(0,u.jsx)(S,{className:"k-drag-cell",accessibleLabel:"Reorder"}),(0,u.jsx)(S,{columnTitle:"ID"}),(0,u.jsx)(S,{columnTitle:"Product Name"}),(0,u.jsx)(S,{columnTitle:"Units in Stock"}),(0,u.jsx)(S,{columnTitle:"Units Price"})]})})]})]})}),(0,u.jsx)(le,{children:(0,u.jsx)(te,{children:(0,u.jsxs)(oe,{children:[(0,u.jsxs)("colgroup",{children:[(0,u.jsx)("col",{className:"k-drag-col"}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{}),(0,u.jsx)("col",{})]}),(0,u.jsxs)(ae,{children:[(0,u.jsxs)(v,{children:[(0,u.jsx)(n,{className:"k-drag-cell",children:(0,u.jsx)(m,{icon:"reorder"})}),(0,u.jsx)(n,{children:"1"}),(0,u.jsx)(n,{children:"Chai"}),(0,u.jsx)(n,{children:"39"}),(0,u.jsx)(n,{children:"18"})]}),(0,u.jsxs)(v,{className:"k-alt",alt:!0,children:[(0,u.jsx)(n,{className:"k-drag-cell",children:(0,u.jsx)(m,{icon:"reorder"})}),(0,u.jsx)(n,{children:"2"}),(0,u.jsx)(n,{children:"Chang"}),(0,u.jsx)(n,{children:"17"}),(0,u.jsx)(n,{children:"19"})]}),(0,u.jsxs)(v,{children:[(0,u.jsx)(n,{className:"k-drag-cell",children:(0,u.jsx)(m,{icon:"reorder"})}),(0,u.jsx)(n,{children:"3"}),(0,u.jsx)(n,{children:"Aniseed Syrup"}),(0,u.jsx)(n,{children:"13"}),(0,u.jsx)(n,{children:"10"})]}),(0,u.jsxs)(v,{className:"k-alt",alt:!0,children:[(0,u.jsx)(n,{className:"k-drag-cell",children:(0,u.jsx)(m,{icon:"reorder"})}),(0,u.jsx)(n,{children:"4"}),(0,u.jsx)(n,{children:"Chef Anton's Cajun Seasoning"}),(0,u.jsx)(n,{children:"53"}),(0,u.jsx)(n,{children:"22"})]}),(0,u.jsxs)(v,{children:[(0,u.jsx)(n,{className:"k-drag-cell",children:(0,u.jsx)(m,{icon:"reorder"})}),(0,u.jsx)(n,{children:"5"}),(0,u.jsx)(n,{children:"Chef Anton's Gumbo Mix"}),(0,u.jsx)(n,{children:"0"}),(0,u.jsx)(n,{children:"21.35"})]})]})]})})})]})});case"filter-row":return(0,u.jsx)(Gc,{...a,...l});default:return(0,u.jsx)(Z,{...a,...l,children:g})}};Ja.options=Jh;Ja.states=qh;Ja.variants=Yh;Ja.defaultOptions=jc;Ja.modifiers=Qh;var Xn="treelist",ep=Xn;var op=require("react/jsx-runtime"),tp="k-treelist",Zh=[],jh={},ex={},Je=e=>(0,op.jsx)(Z,{...e,className:r(tp,e.className),children:e.children});Je.states=Zh;Je.options=jh;Je.className=tp;Je.defaultOptions=ex;Je.moduleName=Xn;Je.folderName=ep;var G=require("react/jsx-runtime"),Eo=({gridHeader:e,gridContent:t,menu:o,...a})=>(0,G.jsxs)(Je,{id:"treelist",_renderAriaRoot:!0,...a,children:[e\|\|(0,G.jsx)(q,{children:(0,G.jsx)("div",{className:"k-grid-header-wrap",children:(0,G.jsxs)(Y,{children:[(0,G.jsxs)("colgroup",{children:[(0,G.jsx)("col",{}),(0,G.jsx)("col",{}),(0,G.jsx)("col",{})]}),(0,G.jsx)(X,{children:(0,G.jsxs)(v,{children:[(0,G.jsx)(S,{menu:o,columnTitle:"Name"}),(0,G.jsx)(S,{menu:o,columnTitle:"Position"}),(0,G.jsx)(S,{menu:o,columnTitle:"Hire Date"})]})})]})})}),(0,G.jsx)(le,{children:t\|\|(0,G.jsx)(te,{children:(0,G.jsxs)(oe,{children:[(0,G.jsxs)("colgroup",{children:[(0,G.jsx)("col",{}),(0,G.jsx)("col",{}),(0,G.jsx)("col",{})]}),(0,G.jsxs)(ae,{children:[(0,G.jsxs)(v,{children:[(0,G.jsxs)(n,{children:[(0,G.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),(0,G.jsx)(n,{children:"Sweeney"}),(0,G.jsx)(n,{children:"CEO"})]}),(0,G.jsxs)(v,{alt:!0,children:[(0,G.jsxs)(n,{children:[(0,G.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,G.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),(0,G.jsx)(n,{children:"Wooten"}),(0,G.jsx)(n,{children:"Chief Technical Officer"})]}),(0,G.jsxs)(v,{children:[(0,G.jsxs)(n,{children:[(0,G.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,G.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,G.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),(0,G.jsx)(n,{children:"Weber"}),(0,G.jsx)(n,{children:"VP, Engineering"})]}),(0,G.jsxs)(v,{alt:!0,children:[(0,G.jsxs)(n,{children:[(0,G.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,G.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,G.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,G.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),(0,G.jsx)(n,{children:"Hood"}),(0,G.jsx)(n,{children:"Team Lead"})]}),(0,G.jsxs)(v,{children:[(0,G.jsxs)(n,{children:[(0,G.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,G.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,G.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,G.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,G.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),(0,G.jsx)(n,{children:"Carr"}),(0,G.jsx)(n,{children:"Junior Software Developer"})]})]})]})})})]});var rp=require("react/jsx-runtime"),ap=e=>(0,rp.jsx)(Eo,{menu:"column",...e});var np=require("react/jsx-runtime"),lp=e=>(0,np.jsx)(Eo,{menu:"filter",...e});var w=require("react/jsx-runtime"),ip=({gridHeader:e,gridContent:t,menu:o,...a})=>(0,w.jsxs)(Je,{id:"treelist",_renderAriaRoot:!0,...a,children:[e\|\|(0,w.jsx)(q,{children:(0,w.jsx)("div",{className:"k-grid-header-wrap",children:(0,w.jsxs)(Y,{children:[(0,w.jsxs)("colgroup",{children:[(0,w.jsx)("col",{className:"k-drag-col"}),(0,w.jsx)("col",{}),(0,w.jsx)("col",{}),(0,w.jsx)("col",{})]}),(0,w.jsx)(X,{children:(0,w.jsxs)(v,{children:[(0,w.jsx)(S,{}),(0,w.jsx)(S,{menu:o,columnTitle:"First Name"}),(0,w.jsx)(S,{menu:o,columnTitle:"Last Name"}),(0,w.jsx)(S,{menu:o,columnTitle:"Position"})]})})]})})}),(0,w.jsx)(le,{children:t\|\|(0,w.jsx)(te,{children:(0,w.jsxs)(oe,{children:[(0,w.jsxs)("colgroup",{children:[(0,w.jsx)("col",{className:"k-drag-col"}),(0,w.jsx)("col",{}),(0,w.jsx)("col",{}),(0,w.jsx)("col",{})]}),(0,w.jsxs)(ae,{children:[(0,w.jsxs)(v,{children:[(0,w.jsx)(n,{className:"k-drag-cell",children:(0,w.jsx)(m,{icon:"reorder"})}),(0,w.jsxs)(n,{children:[(0,w.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),(0,w.jsx)(n,{children:"Sweeney"}),(0,w.jsx)(n,{children:"CEO"})]}),(0,w.jsxs)(v,{alt:!0,children:[(0,w.jsx)(n,{className:"k-drag-cell",children:(0,w.jsx)(m,{icon:"reorder"})}),(0,w.jsxs)(n,{children:[(0,w.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,w.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),(0,w.jsx)(n,{children:"Wooten"}),(0,w.jsx)(n,{children:"Chief Technical Officer"})]}),(0,w.jsxs)(v,{children:[(0,w.jsx)(n,{className:"k-drag-cell",children:(0,w.jsx)(m,{icon:"reorder"})}),(0,w.jsxs)(n,{children:[(0,w.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,w.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,w.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),(0,w.jsx)(n,{children:"Weber"}),(0,w.jsx)(n,{children:"VP, Engineering"})]}),(0,w.jsxs)(v,{alt:!0,children:[(0,w.jsx)(n,{className:"k-drag-cell",children:(0,w.jsx)(m,{icon:"reorder"})}),(0,w.jsxs)(n,{children:[(0,w.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,w.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,w.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,w.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),(0,w.jsx)(n,{children:"Hood"}),(0,w.jsx)(n,{children:"Team Lead"})]}),(0,w.jsxs)(v,{children:[(0,w.jsx)(n,{className:"k-drag-cell",children:(0,w.jsx)(m,{icon:"reorder"})}),(0,w.jsxs)(n,{children:[(0,w.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,w.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,w.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,w.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,w.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),(0,w.jsx)(n,{children:"Carr"}),(0,w.jsx)(n,{children:"Junior Software Developer"})]})]})]})})})]});var T=require("react/jsx-runtime"),tx=Je.options,ox=Je.states,sp={...Je.defaultOptions,variant:"normal"},ax=[{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"}],rx=[{name:"toolbar",title:"Toolbar"},{name:"pager",title:"Pager"}],qa=e=>{let{variant:t,modifiers:o,...a}={...sp,...e},l={},s=(0,T.jsxs)(eo,{children:[(0,T.jsx)(c,{icon:"plus",children:"Add New"}),(0,T.jsx)(c,{icon:"file-pdf",children:"Export to PDF"}),(0,T.jsx)("span",{className:"k-spacer"}),(0,T.jsx)(ie,{prefix:(0,T.jsx)(m,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),p=(0,T.jsx)(Ne,{pageSizes:!1,refresh:!1});switch(Object.keys(o\|\|{}).forEach(b=>{switch(b){case"toolbar":l.toolbar=o!=null&&o[b]?s:void 0;break;case"pager":l.pager=o!=null&&o[b]?p:void 0;break;default:return}}),t){case"row-reordering":return(0,T.jsx)(ip,{...a,...l});case"column-menu":return(0,T.jsx)(ap,{...a,...l,gridHeader:(0,T.jsx)(q,{children:(0,T.jsx)("div",{className:"k-grid-header-wrap",children:(0,T.jsxs)(Y,{children:[(0,T.jsxs)("colgroup",{children:[(0,T.jsx)("col",{}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{})]}),(0,T.jsx)(X,{children:(0,T.jsxs)(v,{children:[(0,T.jsx)(S,{menu:"column",columnTitle:"First Name"}),(0,T.jsx)(S,{menu:"column",columnTitle:"Last Name"}),(0,T.jsx)(S,{menu:"column",columnTitle:"Position"})]})})]})})})});case"filter-row":return(0,T.jsx)(lp,{...a,...l,gridHeader:(0,T.jsx)(q,{children:(0,T.jsx)("div",{className:"k-grid-header-wrap",children:(0,T.jsxs)(Y,{children:[(0,T.jsxs)("colgroup",{children:[(0,T.jsx)("col",{}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{})]}),(0,T.jsx)(X,{children:(0,T.jsxs)(v,{children:[(0,T.jsx)(S,{menu:"filter",columnTitle:"First Name"}),(0,T.jsx)(S,{menu:"filter",columnTitle:"Last Name"}),(0,T.jsx)(S,{menu:"filter",columnTitle:"Position"})]})})]})})})});case"sorting":return(0,T.jsx)(Eo,{...a,...l,gridHeader:(0,T.jsx)(q,{children:(0,T.jsx)("div",{className:"k-grid-header-wrap",children:(0,T.jsxs)(Y,{children:[(0,T.jsxs)("colgroup",{children:[(0,T.jsx)("col",{}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{})]}),(0,T.jsx)(X,{children:(0,T.jsxs)(v,{children:[(0,T.jsx)(S,{columnTitle:"First Name"}),(0,T.jsx)(S,{columnTitle:"Last Name",sortable:!0}),(0,T.jsx)(S,{columnTitle:"Position"})]})})]})})}),gridContent:(0,T.jsx)(te,{children:(0,T.jsxs)(oe,{children:[(0,T.jsxs)("colgroup",{children:[(0,T.jsx)("col",{}),(0,T.jsx)("col",{className:"k-sorted"}),(0,T.jsx)("col",{})]}),(0,T.jsxs)(ae,{children:[(0,T.jsxs)(v,{className:"k-treelist-group",children:[(0,T.jsxs)(n,{children:[(0,T.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl"]}),(0,T.jsx)(n,{children:"Sweeney"}),(0,T.jsx)(n,{children:"CEO"})]}),(0,T.jsxs)(v,{className:"k-treelist-group k-alt",alt:!0,children:[(0,T.jsxs)(n,{children:[(0,T.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,T.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Guy"]}),(0,T.jsx)(n,{children:"Wooten"}),(0,T.jsx)(n,{children:"Chief Technical Officer"})]}),(0,T.jsxs)(v,{className:"k-treelist-group",children:[(0,T.jsxs)(n,{children:[(0,T.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,T.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,T.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Buffy"]}),(0,T.jsx)(n,{children:"Weber"}),(0,T.jsx)(n,{children:"VP, Engineering"})]}),(0,T.jsxs)(v,{className:"k-treelist-group k-alt",alt:!0,children:[(0,T.jsxs)(n,{children:[(0,T.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,T.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,T.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,T.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Hyacinth"]}),(0,T.jsx)(n,{children:"Hood"}),(0,T.jsx)(n,{children:"Team Lead"})]}),(0,T.jsxs)(v,{children:[(0,T.jsxs)(n,{children:[(0,T.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,T.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,T.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,T.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,T.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),"Akeem"]}),(0,T.jsx)(n,{children:"Carr"}),(0,T.jsx)(n,{children:"Junior Software Developer"})]})]})]})})});default:return(0,T.jsx)(Eo,{...a,...l,gridHeader:(0,T.jsx)(q,{children:(0,T.jsx)("div",{className:"k-grid-header-wrap",children:(0,T.jsxs)(Y,{children:[(0,T.jsxs)("colgroup",{children:[(0,T.jsx)("col",{}),(0,T.jsx)("col",{}),(0,T.jsx)("col",{})]}),(0,T.jsx)(X,{children:(0,T.jsxs)(v,{children:[(0,T.jsx)(S,{columnTitle:"First Name"}),(0,T.jsx)(S,{columnTitle:"Last Name"}),(0,T.jsx)(S,{columnTitle:"Position"})]})})]})})})})}};qa.options=tx;qa.states=ox;qa.variants=ax;qa.defaultOptions=sp;qa.modifiers=rx;var C=require("react/jsx-runtime"),lx=({gridHeader:e,gridContent:t,menu:o,...a})=>(0,C.jsxs)(Je,{id:"treelist",_renderAriaRoot:!0,...a,children:[e\|\|(0,C.jsx)(q,{children:(0,C.jsx)("div",{className:"k-grid-header-wrap",children:(0,C.jsxs)(Y,{children:[(0,C.jsxs)("colgroup",{children:[(0,C.jsx)("col",{}),(0,C.jsx)("col",{}),(0,C.jsx)("col",{})]}),(0,C.jsx)(X,{children:(0,C.jsxs)(v,{children:[(0,C.jsx)(S,{menu:o,columnTitle:"Name"}),(0,C.jsx)(S,{menu:o,columnTitle:"Position"}),(0,C.jsx)(S,{menu:o,columnTitle:"Hire Date"})]})})]})})}),(0,C.jsx)(le,{children:t\|\|(0,C.jsx)(te,{children:(0,C.jsxs)(oe,{children:[(0,C.jsxs)("colgroup",{children:[(0,C.jsx)("col",{}),(0,C.jsx)("col",{}),(0,C.jsx)("col",{})]}),(0,C.jsxs)(ae,{children:[(0,C.jsxs)(v,{children:[(0,C.jsxs)(n,{children:[(0,C.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Daryl Sweeney"]}),(0,C.jsx)(n,{children:"CEO"}),(0,C.jsx)(n,{children:"February 7, 2012"})]}),(0,C.jsxs)(v,{alt:!0,children:[(0,C.jsxs)(n,{children:[(0,C.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,C.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-right"}),"Guy Wooten"]}),(0,C.jsx)(n,{children:"Chief Technical Officer"}),(0,C.jsx)(n,{children:"March 3, 2010"})]}),(0,C.jsxs)(v,{children:[(0,C.jsxs)(n,{children:[(0,C.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,C.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-right"}),"Priscilla Frank"]}),(0,C.jsx)(n,{children:"Chief Product Officer"}),(0,C.jsx)(n,{children:"November 30, 2014"})]}),(0,C.jsxs)(v,{alt:!0,children:[(0,C.jsxs)(n,{children:[(0,C.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,C.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-down"}),"Anika Vega"]}),(0,C.jsx)(n,{children:"Chief Process Officer"}),(0,C.jsx)(n,{children:"February 25, 2010"})]}),(0,C.jsxs)(v,{children:[(0,C.jsxs)(n,{children:[(0,C.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,C.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,C.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-right"}),"Vernon Ballard"]}),(0,C.jsx)(n,{children:"Director Facilities"}),(0,C.jsx)(n,{children:"June 26, 2015"})]}),(0,C.jsxs)(v,{className:"k-footer-template",children:[(0,C.jsxs)(n,{children:[(0,C.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,C.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,C.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),"7 employee(s)"]}),(0,C.jsx)(n,{}),(0,C.jsx)(n,{children:"Last employee hired on July 30, 2015"})]}),(0,C.jsxs)(v,{alt:!0,children:[(0,C.jsxs)(n,{children:[(0,C.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,C.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-right"}),"Nevada Hart"]}),(0,C.jsx)(n,{children:"Chief Financial Officer"}),(0,C.jsx)(n,{children:"August 17, 2015"})]}),(0,C.jsxs)(v,{children:[(0,C.jsxs)(n,{children:[(0,C.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,C.jsx)(m,{className:"k-treelist-toggle",icon:"caret-alt-right"}),"Hunter Fry"]}),(0,C.jsx)(n,{children:"General Counsel"}),(0,C.jsx)(n,{children:"February 12, 2011"})]}),(0,C.jsxs)(v,{className:"k-footer-template",children:[(0,C.jsxs)(n,{children:[(0,C.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),(0,C.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),"98 employee(s)"]}),(0,C.jsx)(n,{}),(0,C.jsx)(n,{children:"Last employee hired on August 17, 2015"})]}),(0,C.jsxs)(v,{className:"k-footer-template",children:[(0,C.jsxs)(n,{children:[(0,C.jsx)(m,{className:"k-treelist-toggle",icon:"none"}),"99 employee(s)"]}),(0,C.jsx)(n,{}),(0,C.jsx)(n,{children:"Last employee hired on August 17, 2015"})]})]})]})})})]});