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

package/dist/esm/filemanager/templates/filemanager-grid.mjs

@@ -1 +1 @@
-var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var C=(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"}),v=(e,t)=>{let{valid:o,invalid:a,hover:l,focus:n,checked:d,active:m,selected:b,disabled:T,indeterminate:g,loading:k,empty:f,readonly:w,highlighted:L,...I}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":l,"k-focus":n,"k-checked":d,"k-active":m,"k-selected":b,"k-disabled":T,"k-indeterminate":g&&!d,"k-loading":k,"k-empty":f,"k-readonly":w,"k-highlighted":L},Object.keys(I).reduce((O,A)=>(A.startsWith("k-")?O[A]=I[A]:O[`k-${A}`]=I[A],O),{}))};function Ks(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var s={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},h={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},N={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},to={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},M={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},i={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var hi={};function D(e){return hi[e]=(hi[e]||0)+1,`k-${e}-${hi[e]}`}import{Fragment as Up,jsx as _s}from"react/jsx-runtime";var gi="k-font-icon",Dp=[],zp={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[M.undefined,M.base,M.primary,M.secondary,M.tertiary,M.success,M.warning,M.error,M.info]},Fp={},Ar=e=>{let{size:t,themeColor:o,icon:a,rotate:l,flip:n,...d}=e;return a?_s("span",{...d,className:r(e.className,gi,C(gi,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${l}`]:l,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true"}):_s(Up,{})};Ar.states=Dp;Ar.options=zp;Ar.className=gi;Ar.defaultOptions=Fp;var Ds=Ar;import{Fragment as Wp,jsx as Tl}from"react/jsx-runtime";var xi="k-svg-icon",Vp=[],$p={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[M.undefined,M.base,M.primary,M.secondary,M.tertiary,M.success,M.warning,M.error,M.info],variant:[to.outline,to.solid,to.duotone]},Ni={viewBox:"0 0 24 24",variant:to.outline},Rr=e=>{let{size:t,themeColor:o,rotate:a,flip:l,viewBox:n=Ni.viewBox,variant:d=Ni.variant,icon:m,...b}=e;if(!m)return Tl(Wp,{});if(m==="none")return Tl("span",{...b,className:r(e.className,xi,C("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let T=typeof m=="object"&&m.name&&m.name,g=typeof m=="object"?d&&m.variants?.[d]||m.variants?.outline||m.content:void 0;return Tl("span",{...b,className:r(e.className,xi,C("k-icon",{size:t}),{[`k-svg-i-${T}`]:T,[`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:Tl("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:n,dangerouslySetInnerHTML:g!==void 0?{__html:g}:void 0,children:m?void 0:e.children})})};Rr.states=Vp;Rr.options=$p;Rr.className=xi;Rr.defaultOptions=Ni;var ki=Rr;import*as vi from"@progress/kendo-svg-icons";var zs="icon",Fs="icons";import{useContext as Jp}from"react";import{createContext as Xp}from"react";var Us=Xp({iconsType:"svg"});import{Fragment as Vs,jsx as Or}from"react/jsx-runtime";var hl="k-icon",qp=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Yp=[],Qp={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[M.undefined,M.base,M.primary,M.secondary,M.tertiary,M.success,M.warning,M.error,M.info],variant:[to.outline,to.solid,to.duotone]},gl={viewBox:"0 0 24 24",type:"svg",variant:to.outline},u=e=>{let{iconsType:t}=Jp(Us),{size:o,themeColor:a,icon:l,type:n=t||gl.type,rotate:d,flip:m,viewBox:b=gl.viewBox,variant:T=gl.variant,...g}=e;if(!l)return Or(Vs,{});if((t||n)==="svg"){if(l==="none")return Or(ki,{...g,className:r(e.className,hl),icon:l,size:o,variant:T});let f=vi[l]?l:qp(`${l}-icon`);return vi[f]?Or(ki,{...g,className:r(e.className,hl),icon:vi[f],size:o,themeColor:a,rotate:d,flip:m,viewBox:b,variant:T}):Or(Vs,{})}return Or(Ds,{...g,className:r(e.className,hl),icon:l,size:o,themeColor:a,rotate:d,flip:m})};u.states=Yp;u.options=Qp;u.defaultOptions=gl;u.className=hl;u.moduleName=zs;u.folderName=Fs;u.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 wi="button",$s=wi;import{Fragment as tu,jsx as Pr,jsxs as Ws}from"react/jsx-runtime";var Br="k-button",Zp=["icon-button"],jp=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],eu={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[M.undefined,M.base,M.primary,M.secondary,M.tertiary,M.success,M.warning,M.error,M.info,M.inverse]},Li={showArrow:!1,arrowIconName:"chevron-down"},c=e=>{let{as:t="button",size:o,rounded:a,fillMode:l,themeColor:n,showArrow:d=Li.showArrow,arrowIconName:m=Li.arrowIconName,variant:b,hover:T,focus:g,active:k,selected:f,disabled:w,togglable:L,ariaDisabled:I,icon:O,text:A,iconClassName:F,className:Te,...ne}=e,et=O!==void 0,tt=e.children!==void 0;return Ws(t,{className:r(Te,Br,Ks(Br,b),C(Br,{size:o,rounded:a,fillMode:l,themeColor:n}),v(Br,{hover:T,focus:g,active:k,disabled:w||I,selected:f}),{"k-icon-button":!A&&!tt&&et}),...ne,"aria-pressed":L?f?"true":"false":void 0,"aria-disabled":I?"true":void 0,disabled:w||void 0,children:[O&&Pr(u,{className:r(F,"k-button-icon"),icon:O}),A?Ws(tu,{children:[A&&Pr("span",{className:"k-button-text",children:A}),e.children]}):e.children&&Pr("span",{className:"k-button-text",children:e.children}),d&&Pr("span",{className:"k-menu-button-arrow k-button-arrow",children:Pr(u,{icon:m})})]})};c.states=jp;c.options=eu;c.variants=Zp;c.className=Br;c.defaultOptions=Li;c.moduleName=wi;c.folderName=$s;c.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as ou}from"react/jsx-runtime";var Io=e=>ou(c,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as au}from"react/jsx-runtime";var Gr=e=>au(c,{icon:"folder",children:"Button",...e});import{jsx as ru}from"react/jsx-runtime";var ea=e=>ru(c,{children:"Button",...e});import{jsx as Ci}from"react/jsx-runtime";var lu=c.options,iu=c.states,nu={...c.defaultOptions,variant:"text"},su=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],du=[],wa=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Ci(Io,{...o,icon:"star"});case"icon-and-text":return Ci(Gr,{...o,icon:"star",children:"Button"});default:return Ci(ea,{...o,children:"Button"})}};wa.options=lu;wa.states=iu;wa.variants=su;wa.defaultOptions=nu;wa.modifiers=du;wa.className=c.className;var Mi="button",Xs=Mi;import{jsx as uu}from"react/jsx-runtime";var Hr="k-button-group",cu=[i.disabled],mu={fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},pu={},R=e=>{let{fillMode:t,disabled:o,stretched:a,...l}=e;return uu("div",{role:"group",...l,className:r(e.className,Hr,C(Hr,{fillMode:t}),v(Hr,{disabled:o}),{[`${Hr}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};R.states=cu;R.options=mu;R.className=Hr;R.defaultOptions=pu;R.moduleName=Mi;R.folderName=Xs;R.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};import{Fragment as pC,jsx as mC,jsxs as uC}from"react/jsx-runtime";import{Fragment as xC,jsx as gC,jsxs as NC}from"react/jsx-runtime";import{Fragment as MC,jsx as CC,jsxs as SC}from"react/jsx-runtime";import{Fragment as OC,jsx as RC,jsxs as PC}from"react/jsx-runtime";import{Fragment as DC,jsx as _C,jsxs as zC}from"react/jsx-runtime";import{Fragment as XC,jsx as WC,jsxs as JC}from"react/jsx-runtime";import{jsx as bo,jsxs as Si}from"react/jsx-runtime";var bu={...c.options,...R.options},fu=c.states,Tu={...c.defaultOptions,...R.defaultOptions,variant:"text-button"},hu=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],gu=[],La=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Si(R,{fillMode:a.fillMode,className:o,children:[bo(c,{...a,icon:"star"}),bo(c,{...a,icon:"star"}),bo(c,{...a,icon:"star"})]}):t==="icon-text-button"?Si(R,{fillMode:a.fillMode,className:o,children:[bo(c,{...a,icon:"star",children:"First"}),bo(c,{...a,icon:"star",children:"Middle"}),bo(c,{...a,icon:"star",children:"Last"})]}):Si(R,{fillMode:a.fillMode,className:o,children:[bo(c,{...a,children:"First"}),bo(c,{...a,children:"Middle"}),bo(c,{...a,children:"Last"})]})};La.options=bu;La.states=fu;La.variants=hu;La.defaultOptions=Tu;La.modifiers=gu;La.className=R.className;var Kr="input",xl=Kr;import{jsx as vu}from"react/jsx-runtime";var Nl="k-input",xu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Nu={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},ku={},Be=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:n,loading:d,readonly:m,size:b,rounded:T,fillMode:g,...k}=e;return vu("span",{...k,className:r(e.className,Nl,C(Nl,{size:b,rounded:T,fillMode:g}),v(Nl,{hover:t,focus:o,disabled:a,invalid:l,valid:n,loading:d,readonly:m}))})};Be.states=xu;Be.options=Nu;Be.className=Nl;Be.defaultOptions=ku;Be.moduleName=Kr;Be.folderName=xl;import{jsx as Mu}from"react/jsx-runtime";var kl="k-picker",wu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Lu={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Cu={},oo=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:n,loading:d,readonly:m,size:b,rounded:T,fillMode:g,...k}=e;return Mu("span",{...k,className:r(e.className,kl,C(kl,{size:b,rounded:T,fillMode:g}),v(kl,{hover:t,focus:o,disabled:a,invalid:l,valid:n,loading:d,readonly:m})),children:e.children})};oo.states=wu;oo.options=Lu;oo.className=kl;oo.defaultOptions=Cu;oo.moduleName=Kr;oo.folderName=xl;import{Fragment as Iu,jsx as yi}from"react/jsx-runtime";var Js="k-clear-value",Su=[i.disabled,i.loading,i.readonly],yu={},Mt=e=>{let{disabled:t,loading:o,readonly:a,value:l}=e;return t||a||o||!l?yi(Iu,{}):yi("span",{className:r(e.className,Js),children:yi(u,{icon:"x"})})};Mt.states=Su;Mt.options=yu;Mt.className=Js;import{jsx as Ru}from"react/jsx-runtime";var Ii="k-input-inner",Eu=[],Au={},vl={type:"text",autocomplete:"off",value:"",placeholder:""},St=e=>{let{value:t=vl.value,type:o=vl.type,placeholder:a=vl.placeholder,autocomplete:l=vl.autocomplete,disabled:n,readOnly:d,...m}=e;return Ru("input",{...m,type:o,className:r(e.className,Ii,C(Ii,e)),placeholder:a,autoComplete:l,defaultValue:t,disabled:n||void 0,readOnly:d||void 0})};St.states=Eu;St.options=Au;St.className=Ii;import{jsx as qs,jsxs as Bu}from"react/jsx-runtime";var Ei="k-input-inner",Ou=[],Pu={},ta=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:l,valueIconName:n,...d}=e;return Bu("span",{...d,className:r(e.className,Ei,C(Ei,e)),children:[l,!l&&n&&qs(u,{className:"k-input-value-icon",icon:n}),a&&!t&&o,a&&t&&qs("span",{className:"k-input-value-text",children:t})]})};ta.states=Ou;ta.options=Pu;ta.className=Ei;import{jsx as Ku}from"react/jsx-runtime";var Ai="k-input-inner",Gu=[],Hu={},Ys={value:"",placeholder:""},Ri=e=>{let{value:t=Ys.value,placeholder:o=Ys.placeholder,rows:a,disabled:l,...n}=e;return Ku("textarea",{...n,className:r(e.className,Ai,C(Ai,e)),placeholder:o,rows:a,defaultValue:t,disabled:l||void 0})};Ri.states=Gu;Ri.options=Hu;Ri.className=Ai;import{Fragment as Du,jsx as Qs}from"react/jsx-runtime";var Zs="k-input-loading-icon",_u=[i.disabled,i.loading],ut=e=>{let{disabled:t,loading:o}=e;return t||!o?Qs(Du,{}):Qs("span",{className:r(e.className,Zs,"k-icon k-i-loading")})};ut.states=_u;ut.className=Zs;import{Fragment as Uu,jsx as js}from"react/jsx-runtime";var ed="k-input-validation-icon",zu=[i.valid,i.invalid,i.disabled,i.loading],Fu={},ot=e=>{let{valid:t,invalid:o,disabled:a,loading:l}=e,n=o?"warning-circle":"check-circle";return a||l||!!!(t||o)?js(Uu,{}):js(u,{className:r(ed),icon:n})};ot.states=zu;ot.options=Fu;ot.className=ed;import{Fragment as Wu,jsx as td}from"react/jsx-runtime";var Vu="k-input-prefix",$u={direction:"horizontal"},Pt=e=>{let{direction:t=$u.direction,...o}=e;return e.children?td("span",{...o,className:r(Vu,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):td(Wu,{})};import{Fragment as qu,jsx as od}from"react/jsx-runtime";var Xu="k-input-suffix",Ju={direction:"horizontal"},Bt=e=>{let{direction:t=Ju.direction,...o}=e;return e.children?od("span",{...o,className:r(Xu,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):od(qu,{})};import{jsx as JM}from"react/jsx-runtime";import{jsx as Qu}from"react/jsx-runtime";var Yu="k-input-suffix-text",Oi=e=>{let{children:t,...o}=e;return Qu("span",{...o,className:r(Yu,e.className),children:t})};import{jsx as ju}from"react/jsx-runtime";var ad="k-input-separator",Zu={direction:"vertical"},Gt=e=>{let{direction:t=Zu.direction,...o}=e;return ju("span",{...o,className:r(ad,e.className,{[`${ad}-${t}`]:t})})};import{Fragment as rd,jsx as ao,jsxs as Pi}from"react/jsx-runtime";var eb=Be.states,tb=Be.defaultOptions,ob=Be.options,ab=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],rb=[],Ca=e=>{let{modifiers:t,valid:o,invalid:a,loading:l,disabled:n,readonly:d,...m}=e,b=t?.prefix,T=t?.suffix,g=t?.["clear-button"],k=t?.["validation-icon"],f=t?.separators;return Pi(Be,{...m,valid:o,invalid:a,loading:l,disabled:n,readonly:d,style:{width:300},children:[b&&Pi(rd,{children:[ao(Pt,{children:ao(u,{icon:"lock"})}),f&&ao(Gt,{})]}),ao(St,{placeholder:"Placeholder",value:"Value"}),k&&ao(ot,{valid:o,invalid:a,loading:l,disabled:n}),ao(ut,{loading:l,disabled:n}),g&&ao(Mt,{loading:l,disabled:n,readonly:d,value:"Value"}),T&&Pi(rd,{children:[f&&ao(Gt,{}),ao(Bt,{children:ao(ea,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};Ca.options=ob;Ca.states=eb;Ca.variants=rb;Ca.defaultOptions=tb;Ca.modifiers=ab;Ca.className=Be.className;import{jsx as ld,jsxs as nb}from"react/jsx-runtime";var id="k-color-preview",lb=[],ib={},Eo=e=>{let{color:t,iconName:o,...a}=e;return nb("span",{...a,className:r(e.className,id,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&ld(u,{icon:o,className:"k-color-preview-icon"}),ld("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Eo.states=lb;Eo.options=ib;Eo.className=id;var Bi="popup",nd=Bi;import{jsx as sd}from"react/jsx-runtime";var dd="k-animation-container",sb=[],db={},cd={positionMode:"absolute"},ro=e=>{let{positionMode:t=cd.positionMode,animationStyle:o,offset:a,...l}=e;return sd("div",{...l,style:{...a,...e.style},className:r(e.className,dd,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:sd("div",{className:"k-child-animation-container",style:o,children:e.children})})};ro.states=sb;ro.options=db;ro.className=dd;ro.defaultOptions=cd;ro.moduleName=Bi;ro.folderName=nd;var Gi="popup",md=Gi;import{jsx as pd}from"react/jsx-runtime";var ud="k-popup",cb=[],mb={},bd={positionMode:"absolute"},se=e=>{let{offset:t,positionMode:o=bd.positionMode,animationStyle:a,containerClassName:l,containerRole:n,containerAriaLabel:d,...m}=e;return pd(ro,{positionMode:o,offset:t,animationStyle:a,className:l,role:n,"aria-label":d,children:pd("div",{...m,className:r(e.className,ud),children:e.children})})};se.states=cb;se.options=mb;se.className=ud;se.defaultOptions=bd;se.moduleName=Gi;se.folderName=md;se.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 Hi="action-buttons",fd=Hi;import{jsx as bb}from"react/jsx-runtime";var wl="k-actions",pb=[],ub={},Ki={alignment:"start",orientation:"horizontal"},Ht=e=>{let{alignment:t=Ki.alignment,orientation:o=Ki.orientation,...a}=e;return bb("div",{...a,className:r(wl,{[`${wl}-${t}`]:t,[`${wl}-${o}`]:o},e.className),children:e.children})};Ht.states=pb;Ht.options=ub;Ht.className=wl;Ht.defaultOptions=Ki;Ht.moduleName=Hi;Ht.folderName=fd;import{jsx as Tb}from"react/jsx-runtime";var fb="k-actionsheet-footer",Td={alignment:"stretched",orientation:"horizontal"},Ao=e=>{let{alignment:t=Td.alignment,orientation:o=Td.orientation,template:a,as:l=a?"div":Ht,...n}=e;return Tb(l,{...n,...!a&&{alignment:t,orientation:o},className:r(e.className,fb),children:e.children})};var _i="searchbox",hd=_i;import{jsx as _r,jsxs as xb}from"react/jsx-runtime";var gd="k-searchbox",hb=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],gb={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Di={showIcon:!0,icon:"search"},Le=e=>{let{value:t,placeholder:o,size:a,rounded:l,fillMode:n,hover:d,focus:m,valid:b,invalid:T,required:g,loading:k,disabled:f,showIcon:w=Di.showIcon,icon:L=Di.icon,"aria-label":I,...O}=e;return xb(Be,{...O,size:a,rounded:l,fillMode:n,hover:d,focus:m,valid:b,invalid:T,required:g,loading:k,disabled:f,className:r(e.className,gd),children:[w&&_r(u,{className:"k-input-icon",icon:L}),_r(St,{placeholder:o,value:t,"aria-label":I}),_r(ut,{...e}),_r(ot,{...e}),_r(Mt,{...e})]})};Le.states=hb;Le.options=gb;Le.className=gd;Le.defaultOptions=Di;Le.moduleName=_i;Le.folderName=hd;import{jsx as xy}from"react/jsx-runtime";var zi="textbox",xd=zi;import{Fragment as Nd,jsx as Ro,jsxs as Fi}from"react/jsx-runtime";var kd="k-textbox",Nb=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],kb={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Ll={showClearButton:!0,showValidationIcon:!0,separators:!0},xe=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Ll.separators,showClearButton:n=Ll.showClearButton,showValidationIcon:d=Ll.showValidationIcon,prefix:m,suffix:b,type:T,value:g,placeholder:k,hover:f,focus:w,valid:L,invalid:I,required:O,loading:A,disabled:F,readonly:Te,id:ne,"aria-label":et,"aria-describedby":tt,...Ct}=e;return Fi(Be,{...Ct,size:t,rounded:o,fillMode:a,hover:f,focus:w,valid:L,invalid:I,required:O,loading:A,disabled:F,readonly:Te,className:r(e.className,kd),children:[m&&Fi(Nd,{children:[Ro(Pt,{children:m}),l&&Ro(Gt,{})]}),Ro(St,{id:ne,placeholder:k,value:g,type:T,disabled:F,"aria-label":et,"aria-describedby":tt,"aria-invalid":I?"true":void 0}),d&&Ro(ot,{valid:L,invalid:I,loading:A,disabled:F}),Ro(ut,{loading:A,disabled:F}),n&&Ro(Mt,{loading:A,disabled:F,readonly:Te,value:g}),b&&Fi(Nd,{children:[l&&Ro(Gt,{}),Ro(Bt,{children:b})]})]})};xe.states=Nb;xe.options=kb;xe.className=kd;xe.defaultOptions=Ll;xe.moduleName=zi;xe.folderName=xd;xe.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 Dr=xe;import{jsx as vb}from"react/jsx-runtime";var vd=e=>vb(Dr,{...e});import{Fragment as Hy,jsx as Gy}from"react/jsx-runtime";import{Fragment as Uy,jsx as Fy}from"react/jsx-runtime";import{jsx as Xy}from"react/jsx-runtime";import{jsx as Ui}from"react/jsx-runtime";var wb=xe.states,Lb=xe.defaultOptions,Cb=xe.options,Mb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Sb=[],Ma=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?Ui(u,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[l]?Ui(ea,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[l];break;default:break}}),Ui(vd,{value:"Value",style:{width:300},...o,...a})};Ma.options=Cb;Ma.states=wb;Ma.variants=Sb;Ma.defaultOptions=Lb;Ma.modifiers=Mb;Ma.className=xe.className;import{jsx as Oo,jsxs as Vi}from"react/jsx-runtime";var wd="k-actionsheet-titlebar",yb={},at=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:l,filter:n,input:d,inputValue:m,inputPlaceholder:b,adaptive:T,titleId:g,children:k,...f}=e;return Vi("div",{...f,className:r(e.className,wd),children:[Vi("div",{className:"k-actionsheet-titlebar-group",children:[a&&Oo("div",{className:"k-actionsheet-actions",children:a}),!k&&Vi("div",{className:"k-actionsheet-title",id:g,children:[t&&Oo("div",{className:"k-text-center",children:t}),o&&Oo("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),k&&Oo("div",{className:"k-actionsheet-title",id:g,children:k}),l&&Oo("div",{className:"k-actionsheet-actions",children:l})]}),(d||n)&&Oo("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?Oo(xe,{value:m,placeholder:b,size:T?"large":"medium","aria-label":t||b||"Input"}):Oo(Le,{placeholder:"Filter",size:T?"large":"medium","aria-label":"Filter options"})})]})};at.className=wd;at.defaultOptions=yb;import{jsx as $i,jsxs as Rb}from"react/jsx-runtime";var Wi="k-actionsheet-view",Ib=[],Eb={},Ab={},Sa=e=>{let{adaptive:t,animated:o,children:a,header:l,footer:n,titleId:d,...m}=e,b=l?.type===at&&$i(at,{adaptive:t,titleId:d,...l?.props}),T=n?.type===Ao&&$i(Ao,{...n?.props});return Rb("div",{...m,className:r(e.className,Wi,{[`${Wi}-animated`]:o}),children:[b,$i("div",{className:"k-actionsheet-content",children:a}),T]})};Sa.states=Ib;Sa.options=Eb;Sa.className=Wi;Sa.defaultOptions=Ab;var zr="action-sheet",Cl=zr;var Xi="overlay",Ld=Xi;import{jsx as Gb}from"react/jsx-runtime";var Cd="k-overlay",Ob=[],Pb={},Bb={},Po=e=>{let{...t}=e;return Gb("div",{...t,className:r(e.className,Cd),children:e.children})};Po.states=Ob;Po.options=Pb;Po.className=Cd;Po.defaultOptions=Bb;Po.moduleName=Xi;Po.folderName=Ld;import{jsx as Ml,jsxs as _b}from"react/jsx-runtime";var Md="k-actionsheet",Hb=[],Kb={},Fr={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Ae=e=>{let{side:t=Fr.side,fullscreen:o=Fr.fullscreen,adaptive:a=Fr.adaptive,overlay:l=Fr.overlay,template:n,children:d,header:m,footer:b,id:T,...g}=e,k=T&&!n&&m?`${T}-title`:void 0;return _b("div",{className:"k-actionsheet-container",children:[l&&Ml(Po,{}),Ml(ro,{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:Ml("div",{...g,id:T,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":k,className:r(e.className,Md,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:n||Ml(Sa,{header:m,footer:b,adaptive:a,titleId:k,...e,children:d})})})]})};Ae.states=Hb;Ae.options=Kb;Ae.className=Md;Ae.defaultOptions=Fr;Ae.moduleName=zr;Ae.folderName=Cl;Ae.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};import{jsx as Ub}from"react/jsx-runtime";var Sd="k-actionsheet-container",Db=[],zb={},Fb={},ya=e=>{let{children:t,...o}=e;return Ub("div",{...o,className:Sd,children:t})};ya.states=Db;ya.options=zb;ya.className=Sd;ya.defaultOptions=Fb;ya.moduleName=zr;ya.folderName=Cl;import{jsx as Vb}from"react/jsx-runtime";var Ji=e=>{let{...t}=e;return Vb("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as Wb,jsx as Ur,jsxs as qi}from"react/jsx-runtime";var Yi="k-actionsheet-item",$b=[i.hover,i.focus,i.selected,i.disabled],Bo=e=>{let{iconName:t,text:o,description:a,hover:l,focus:n,selected:d,disabled:m,...b}=e;return qi("span",{...b,className:r(e.className,Yi,v(Yi,{hover:l,focus:n,selected:d,disabled:m})),children:[!e.children&&Ur(Wb,{children:qi("span",{className:"k-actionsheet-action",children:[t&&Ur("span",{className:"k-icon-wrap",children:Ur(u,{className:"k-actionsheet-item-icon",icon:t})}),qi("span",{className:"k-actionsheet-item-text",children:[o&&Ur("span",{className:"k-actionsheet-item-title",children:o}),a&&Ur("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Bo.states=$b;Bo.className=Yi;import{jsx as WI,jsxs as XI}from"react/jsx-runtime";import{jsx as QI}from"react/jsx-runtime";import{jsx as tE}from"react/jsx-runtime";import{jsx as lE}from"react/jsx-runtime";import{jsx as $e,jsxs as Qi}from"react/jsx-runtime";var Xb=Ae.options,Jb=Ae.states,Id={...Ae.defaultOptions,variant:"normal"},qb=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Yb=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Ia=e=>{let{variant:t,modifiers:o,...a}={...Id,...e},l={},n=Qi(Ji,{children:[$e(Bo,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),$e(Bo,{text:"Add to Favorites",iconName:"heart"}),$e(Bo,{text:"Upload New",iconName:"upload",disabled:!0}),$e("hr",{className:"k-hr"}),$e(Bo,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",m="Select Item";return t==="fullScreen"&&(l.fullScreen=!0),Object.keys(o||{}).forEach(b=>{switch(b){case"actions":l.actionsStart=!!o?.[b],l.actionsEnd=!!o?.[b];break;case"subtitle":l.subtitle=o?.[b]?d:void 0;break;case"footer":l.footer=!!o?.[b];break;default:break}}),t==="adaptive"?$e(Ae,{...a,adaptive:!0,fullscreen:l.fullScreen,header:$e(at,{actionsStart:l.actionsStart?$e(c,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?$e(c,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:l.subtitle}),footer:l.footer?Qi(Ao,{alignment:"stretched",children:[$e(c,{text:"Cancel",size:"large",themeColor:"base"}),$e(c,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:n}):$e(Ae,{...a,fullscreen:l.fullScreen,header:$e(at,{actionsStart:l.actionsStart?$e(c,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?$e(c,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?Qi(Ao,{alignment:"stretched",children:[$e(c,{text:"Apply",themeColor:"primary"}),$e(c,{text:"Cancel",themeColor:"base"})]}):void 0,children:n})};Ia.options=Xb;Ia.states=Jb;Ia.variants=qb;Ia.defaultOptions=Id;Ia.modifiers=Yb;Ia.className=Ae.className;var Zi="slider",Ed=Zi;import{jsx as Ea,jsxs as ji}from"react/jsx-runtime";var Vr="k-slider",Qb=[i.hover,i.focus,i.active,i.disabled,i.readonly],Zb={},Kt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},ke=e=>{let{type:t=Kt.type,orientation:o=Kt.orientation,gradientType:a=Kt.gradientType,readonly:l=Kt.readonly,disabled:n=Kt.disabled,handlePosition:d=Kt.handlePosition,showButtons:m=Kt.showButtons,showTicks:b=Kt.showTicks,value:T=Kt.value,min:g=Kt.min,max:k=Kt.max,startValue:f,endValue:w,hover:L,focus:I,active:O,trackStyle:A,dir:F,...Te}=e,et=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),tt,Ct;return o==="horizontal"?(tt=F==="rtl"?"chevron-left":"chevron-right",Ct=F==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(tt="chevron-up",Ct="chevron-down"),ji("div",{...Te,className:r(Vr,e.className,v(Vr,{readonly:l,disabled:n}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:F,children:[m&&Ea(c,{className:"k-button-decrease",rounded:"full",icon:Ct,tabIndex:-1,title:"Decrease"}),ji("div",{className:"k-slider-track-wrap",children:[b&&Ea("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),ji("div",{className:"k-slider-track",style:A,children:[Ea("div",{className:"k-slider-selection"}),t==="range"&&Ea("span",{className:r("k-draghandle","k-draghandle-start",v(Vr,{hover:L,focus:I,active:O})),role:"slider",tabIndex:n?void 0:0,"aria-valuenow":f??g,"aria-valuemin":g,"aria-valuemax":w??k,"aria-orientation":et,"aria-disabled":n?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":Te["aria-label"]?`${Te["aria-label"]} start`:"Range start"}),Ea("span",{className:r("k-draghandle",`k-draghandle-${d}`,v(Vr,{hover:L,focus:I,active:O})),role:"slider",tabIndex:n?void 0:0,"aria-valuenow":t==="range"?w??k:T,"aria-valuemin":t==="range"?f??g:g,"aria-valuemax":k,"aria-orientation":et,"aria-disabled":n?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":t==="range"?Te["aria-label"]?`${Te["aria-label"]} end`:"Range end":Te["aria-label"]})]})]}),m&&Ea(c,{className:"k-button-increase",rounded:"full",icon:tt,tabIndex:-1,title:"Increase"})]})};ke.states=Qb;ke.options=Zb;ke.className=Vr;ke.defaultOptions=Kt;ke.moduleName=Zi;ke.folderName=Ed;ke.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").'},{selector:".k-slider .k-slider-items",attribute:"aria-hidden=true",usage:"Hides the tick list from assistive technologies. Tick values are redundant with the drag handle value attributes."},{selector:".k-slider .k-tick",attribute:"role=presentation",usage:"Removes semantic meaning from individual tick elements. Ticks are visual-only markers."},{selector:".k-slider .k-tick",attribute:"title",usage:"Represents the value associated with the respective tick."}]};import{jsx as Ad}from"react/jsx-runtime";var Rd="k-tick",jb=[],ef={},Od={label:!1},H=e=>{let{style:t,label:o=Od.label,orientation:a,large:l,text:n,...d}=e;return Ad("li",{...d,role:"presentation",title:n||"Tick",className:r(e.className,Rd,{[`k-tick-${a}`]:a,"k-tick-large":l}),style:t,children:o&&Ad("span",{className:"k-label",children:n})})};H.states=jb;H.options=ef;H.className=Rd;H.defaultOptions=Od;import{Fragment as tf,jsx as _t,jsxs as of}from"react/jsx-runtime";var Pd=e=>_t(ke,{"aria-label":e["aria-label"]||"Slider",children:of(tf,{children:[_t(H,{className:"k-first",label:!0,large:!0,text:"0"}),_t(H,{}),_t(H,{}),_t(H,{}),_t(H,{}),_t(H,{label:!0,large:!0,text:"5"}),_t(H,{}),_t(H,{}),_t(H,{}),_t(H,{}),_t(H,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as af,jsx as Dt,jsxs as rf}from"react/jsx-runtime";var Bd=e=>Dt(ke,{children:rf(af,{children:[Dt(H,{className:"k-first",label:!0,large:!0,text:"0"}),Dt(H,{}),Dt(H,{}),Dt(H,{}),Dt(H,{}),Dt(H,{label:!0,large:!0,text:"5"}),Dt(H,{}),Dt(H,{}),Dt(H,{}),Dt(H,{}),Dt(H,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as XE,jsx as WE,jsxs as JE}from"react/jsx-runtime";import{Fragment as jE,jsx as ZE,jsxs as eA}from"react/jsx-runtime";import{jsx as lf}from"react/jsx-runtime";var en=e=>lf(ke,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as nf}from"react/jsx-runtime";var tn=e=>nf(ke,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as mA,jsx as cA,jsxs as pA}from"react/jsx-runtime";import{Fragment as hA,jsx as TA,jsxs as gA}from"react/jsx-runtime";import{jsx as lo,jsxs as Gd}from"react/jsx-runtime";var sf=ke.options,df=ke.states,Hd={...ke.defaultOptions,variant:"horizontal",label:!0},cf=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],mf=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Aa=e=>{let{variant:t,modifiers:o,...a}={...Hd,...e},l={};Object.keys(o||{}).forEach(T=>{switch(T){case"button":{l.showButtons=!!o?.[T];break}case"label":{l.label=!!o?.[T];break}case"tick":{l.showTicks=!!o?.[T];break}}});let{label:n=!0,showButtons:d,showTicks:m}=l,b={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?Gd(Bd,{showTicks:m,showButtons:d,style:{height:"300px",...b},...a,children:[lo(H,{label:n,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),lo(H,{label:n,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),lo(H,{label:n,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),lo(H,{label:n,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),lo(H,{label:n,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Gd(Pd,{showTicks:m,showButtons:d,style:{width:"400px",...b},...a,children:[lo(H,{label:n,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),lo(H,{label:n,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),lo(H,{label:n,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),lo(H,{label:n,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),lo(H,{label:n,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Aa.options=sf;Aa.states=df;Aa.variants=cf;Aa.defaultOptions=Hd;Aa.modifiers=mf;Aa.className=ke.className;import{jsx as Kd,jsxs as Tf}from"react/jsx-runtime";var _d="k-spin-button",bf=[],ff={size:[s.undefined,s.small,s.medium,s.large],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},on={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Go=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:l=on.increaseLabel,decreaseLabel:n=on.decreaseLabel,...d}=e;return Tf("span",{...d,className:r(_d,e.className),children:[Kd(c,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":l}),Kd(c,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":n})]})};Go.states=bf;Go.options=ff;Go.className=_d;Go.defaultOptions=on;Go.moduleName=null;Go.folderName=null;var Dd="numeric-textbox",zd="numerictextbox";import{Fragment as Fd,jsx as fo,jsxs as an}from"react/jsx-runtime";var Ud="k-numerictextbox",hf=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],gf={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Sl={showSpinButton:!0,showClearButton:!0,separators:!0},W=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Sl.separators,showClearButton:n=Sl.showClearButton,showSpinButton:d=Sl.showSpinButton,prefix:m,suffix:b,value:T,placeholder:g,hover:k,focus:f,valid:w,invalid:L,required:I,loading:O,disabled:A,readonly:F,id:Te,"aria-label":ne,"aria-describedby":et,...tt}=e;return an(Be,{...tt,size:t,rounded:o,fillMode:a,hover:k,focus:f,valid:w,invalid:L,required:I,loading:O,disabled:A,readonly:F,className:r(e.className,Ud),children:[m&&an(Fd,{children:[fo(Pt,{children:m}),l&&fo(Gt,{})]}),fo(St,{id:Te,placeholder:g,value:T,role:"spinbutton",disabled:A,"aria-label":ne,"aria-describedby":et,"aria-invalid":L?"true":void 0}),fo(ot,{valid:w,invalid:L,loading:O,disabled:A}),fo(ut,{loading:O,disabled:A}),n&&fo(Mt,{loading:O,disabled:A,readonly:F,value:T}),b&&an(Fd,{children:[l&&fo(Gt,{}),fo(Bt,{children:b})]}),d&&fo(Go,{className:"k-input-spinner",size:t,fillMode:a,disabled:A})]})};W.states=hf;W.options=gf;W.className=Ud;W.defaultOptions=Sl;W.moduleName=Dd;W.folderName=zd;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 $r=W;import{jsx as xf}from"react/jsx-runtime";var Vd=e=>xf($r,{...e});import ln from"react";import{jsx as $d}from"react/jsx-runtime";var Nf="k-list-group-sticky-header",rn=e=>$d("div",{className:r(Nf,e.className),children:$d("div",{className:"k-list-header-text",children:e.children})});import{jsx as vf}from"react/jsx-runtime";var kf="k-no-data",Wr=e=>{let{live:t,...o}=e;return vf("span",{...o,className:r(kf,e.className),"aria-live":t?"polite":void 0,children:e.children})};var oa="list",Ra=oa;import{jsx as Wd,jsxs as Xd}from"react/jsx-runtime";var nn="k-list",wf=[],Lf={size:[s.undefined,s.small,s.medium,s.large]},Cf={},ee=e=>{let{size:t,virtualization:o,children:a,header:l,optionLabel:n,customValue:d,noData:m,screenReaders:b,...T}=e,k=ln.Children.toArray(a)[0],f=k?.props?.children?ln.Children.count(k.props.children):ln.Children.count(a);return Xd("div",{...T,className:r(e.className,nn,C(nn,{size:t}),{"k-virtual-list":o}),children:[n,d,l&&Wd(rn,{children:l}),a||(m!==void 0?m:Wd(Wr,{live:!0,children:"No data found."})),b&&a&&Xd(Wr,{className:"k-sr-only",live:!0,children:[f," items found."]})]})};ee.states=wf;ee.options=Lf;ee.className=nn;ee.defaultOptions=Cf;ee.moduleName=oa;ee.folderName=Ra;ee.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as If}from"react/jsx-runtime";var Jd="k-list-container",Mf=[],Sf={},yf={},Oa=e=>{let{...t}=e;return If("div",{...t,className:r(e.className,Jd),children:e.children})};Oa.states=Mf;Oa.options=Sf;Oa.className=Jd;Oa.defaultOptions=yf;Oa.moduleName=oa;Oa.folderName=Ra;var aa="checkbox",Pa=aa;import{jsx as qd}from"react/jsx-runtime";var yl="k-checkbox",Ef=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],Af={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full]},Rf={},Ge=e=>{let{id:t,checked:o,indeterminate:a,hover:l,focus:n,disabled:d,invalid:m,valid:b,required:T,size:g,rounded:k,wrapperRole:f,...w}=e;return qd("span",{className:"k-checkbox-wrap",role:f,children:qd("input",{...w,id:t,type:"checkbox",defaultChecked:o,required:T,disabled:d||void 0,"aria-invalid":m?"true":void 0,className:r(e.className,yl,C(yl,{size:g,rounded:k}),v(yl,{hover:l,focus:n,disabled:d,invalid:m,valid:b,indeterminate:a,checked:o}))})})};Ge.states=Ef;Ge.options=Af;Ge.className=yl;Ge.defaultOptions=Rf;Ge.moduleName=aa;Ge.folderName=Pa;Ge.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 Yt=Ge;import{jsx as Bf}from"react/jsx-runtime";var Yd="k-checkbox-list",Of=[],Pf={},Qd={layout:"vertical"},rt=e=>{let{layout:t=Qd.layout,...o}=e;return Bf("ul",{...o,className:r(e.className,Yd,{[`k-list-${t}`]:t}),children:e.children})};rt.states=Of;rt.options=Pf;rt.className=Yd;rt.defaultOptions=Qd;rt.moduleName=aa;rt.folderName=Pa;import{jsx as _f}from"react/jsx-runtime";var Zd="k-checkbox-list-item",Gf=[],Hf={},Kf={},lt=e=>{let{...t}=e;return _f("li",{...t,className:r(e.className,Zd),children:e.children})};lt.states=Gf;lt.options=Hf;lt.className=Zd;lt.defaultOptions=Kf;lt.moduleName=aa;lt.folderName=Pa;import{Fragment as Df,jsx as jd,jsxs as zf}from"react/jsx-runtime";var To=({children:e="Label",id:t="cb-label-after",...o})=>zf(Df,{children:[jd(Yt,{id:t,...o}),jd("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as FR,jsx as zR,jsxs as UR}from"react/jsx-runtime";import{Fragment as JR,jsx as XR,jsxs as qR}from"react/jsx-runtime";import{Fragment as eO,jsx as jR,jsxs as tO}from"react/jsx-runtime";import{jsx as lO}from"react/jsx-runtime";import{jsx as dO}from"react/jsx-runtime";import{jsx as uO}from"react/jsx-runtime";import{jsx as zt,jsxs as ec}from"react/jsx-runtime";var Ff=rt.options,Uf=rt.states,Vf={...rt.defaultOptions,variant:"vertical"},$f=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Wf=[],Ba=e=>{let{variant:t,...o}=e;return t==="horizontal"?ec(rt,{layout:"horizontal",...o,children:[zt(lt,{children:zt(To,{id:D("cb"),defaultChecked:!0,children:"Label"})}),zt(lt,{children:zt(To,{id:D("cb"),children:"Label"})}),zt(lt,{children:zt(To,{id:D("cb"),children:"Label"})})]}):ec(rt,{...o,children:[zt(lt,{children:zt(To,{id:D("cb"),defaultChecked:!0,children:"Label"})}),zt(lt,{children:zt(To,{id:D("cb"),children:"Label"})}),zt(lt,{children:zt(To,{id:D("cb"),children:"Label"})})]})};Ba.options=Ff;Ba.states=Uf;Ba.variants=$f;Ba.defaultOptions=Vf;Ba.modifiers=Wf;Ba.className=rt.className;import{jsx as Zf}from"react/jsx-runtime";var Xf=Yt.options,Jf=Yt.states,qf=Yt.defaultOptions,Yf=[],Qf=[],Ga=e=>Zf(To,{id:D("checkbox"),...e,defaultChecked:!0,children:"Label"});Ga.options=Xf;Ga.states=Jf;Ga.variants=Yf;Ga.defaultOptions=qf;Ga.modifiers=Qf;Ga.className=Yt.className;import{jsx as ra,jsxs as oT}from"react/jsx-runtime";var sn="k-list-item",jf=[i.hover,i.focus,i.selected,i.disabled],eT={},tT={},$=e=>{let{text:t,groupLabel:o,group:a,iconName:l,iconClassName:n,showCheckbox:d,checked:m,hover:b,focus:T,selected:g,disabled:k,actions:f,description:w,id:L,...I}=e,O=t||e.children;return oT("li",{...I,id:L,role:a?"presentation":"option",tabIndex:a?void 0:T?0:-1,"aria-selected":!a&&g?"true":a?void 0:"false","aria-disabled":!a&&k?"true":void 0,className:r(e.className,a?"k-list-group-item":sn,v(sn,{hover:b,focus:T,disabled:k,selected:g})),children:[d&&ra(Ge,{checked:m}),l&&ra("span",{className:"k-list-item-icon-wrapper",children:ra(u,{icon:l,className:r("k-list-item-icon",n)})}),ra("span",{className:"k-list-item-text",children:O}),f&&ra("div",{className:"k-list-item-actions",children:f}),w&&ra("span",{className:"k-list-item-description",children:w}),o&&o!==""&&ra("div",{className:"k-list-item-group-label",children:o})]})};$.states=jf;$.options=eT;$.className=sn;$.defaultOptions=tT;$.moduleName=oa;$.folderName=Ra;$.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as rT}from"react/jsx-runtime";var aT="k-list-ul",ho=e=>{let{children:t,role:o,id:a,...l}=e;return rT("ul",{...l,id:a,role:o,className:r(aT,e.className),children:t})};ho.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};import{jsx as dn,jsxs as iT}from"react/jsx-runtime";var lT="k-list-content",he=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":l,listboxId:n,...d}=e;return iT("div",{...d,className:r(lT,e.className),role:o?"listbox":void 0,id:o?n:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?l:void 0,children:[o?e.children:dn(ho,{role:"listbox",id:n,"aria-label":a,"aria-labelledby":l,children:e.children}),t&&dn("div",{className:"k-height-container",children:dn("div",{})})]})};he.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{Fragment as aP,jsx as oP,jsxs as rP}from"react/jsx-runtime";import{jsx as cn,jsxs as sT}from"react/jsx-runtime";var nT="k-list-group-item",la=e=>{let{groupIconName:t,...o}=e;return sT("li",{...o,role:"presentation",className:r(nT,e.className),children:[t&&cn("span",{className:"k-list-item-icon-wrapper",children:cn(u,{icon:t,className:"k-list-item-icon"})}),cn("span",{className:"k-list-item-text",children:e.children})]})};la.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as pT}from"react/jsx-runtime";var mn="k-list-optionlabel",dT=[i.hover,i.focus,i.selected,i.disabled],cT={},mT={},Il=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:n,...d}=e;return pT("div",{...d,className:r(mn,v(mn,{hover:o,focus:a,selected:l,disabled:n})),children:t})};Il.states=dT;Il.options=cT;Il.className=mn;Il.defaultOptions=mT;import{jsx as TT}from"react/jsx-runtime";var pn="k-list-custom-value",uT=[i.hover,i.focus,i.selected,i.disabled],bT={},fT={},Ho=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:n,...d}=e;return TT("div",{...d,className:r(pn,v(pn,{hover:o,focus:a,selected:l,disabled:n})),children:t})};Ho.states=uT;Ho.options=bT;Ho.className=pn;Ho.defaultOptions=fT;import{Fragment as NP,jsx as xP,jsxs as kP}from"react/jsx-runtime";import{Fragment as SP,jsx as MP,jsxs as yP}from"react/jsx-runtime";import{Fragment as BP,jsx as OP,jsxs as PP}from"react/jsx-runtime";import{Fragment as FP,jsx as DP,jsxs as zP}from"react/jsx-runtime";import{jsx as WP}from"react/jsx-runtime";import{Fragment as ZP,jsx as QP,jsxs as jP}from"react/jsx-runtime";var tc="dropdown-list",oc="dropdownlist";import{Fragment as xT,jsx as it,jsxs as un}from"react/jsx-runtime";var ac="k-dropdownlist",hT=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],gT={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},bn={showValue:!0,arrowIconName:"chevron-down"},me=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=bn.arrowIconName,showValue:n=bn.showValue,valueIconName:d,prefix:m,suffix:b,value:T,placeholder:g,hover:k,focus:f,valid:w,invalid:L,required:I,loading:O,disabled:A,readonly:F,popup:Te,opened:ne,adaptive:et,adaptiveSettings:tt,adaptiveTitle:Ct,adaptiveSubtitle:jo,adaptiveFilter:bi,id:yo,activeDescendant:fl,"aria-label":fi,...Ti}=e,_p=yo?`${yo}-listbox`:void 0,Hs=yo?`${yo}-value`:void 0;return un(xT,{children:[un(oo,{...Ti,id:yo,size:t,rounded:o,fillMode:a,hover:k,focus:f,valid:w,invalid:L,required:I,loading:O,disabled:A,readonly:F,className:r(e.className,ac,{"k-icon-picker":!n&&d}),role:"combobox","aria-haspopup":"listbox","aria-expanded":ne?"true":"false","aria-controls":ne?_p:void 0,"aria-activedescendant":ne&&fl?fl:void 0,"aria-describedby":ne?Hs:void 0,"aria-disabled":A?"true":void 0,"aria-label":fi,tabIndex:0,children:[it(Pt,{children:m}),it(ta,{placeholder:g,value:T,showValue:n,valueIconName:d,id:Hs}),it(ot,{valid:w,invalid:L,loading:O,disabled:A}),it(ut,{loading:O,disabled:A}),it(Bt,{children:b}),it(c,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":g||"Toggle dropdown",tabIndex:-1})]}),ne&&Te&&it(se,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:Te}),et&&it(Ae,{adaptive:!0,...tt,header:it(at,{actionsEnd:it(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:bi,inputValue:T,inputPlaceholder:g,title:Ct,subtitle:jo}),children:it("div",{className:"k-list-container",children:it(ee,{size:"large",children:un(he,{"aria-label":"Options",children:[it($,{text:"List item"}),it($,{text:"List item"}),it($,{text:"List item"})]})})})})]})};me.states=hT;me.options=gT;me.className=ac;me.defaultOptions=bn;me.moduleName=tc;me.folderName=oc;me.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};import{jsx as RB}from"react/jsx-runtime";import{jsx as KB,jsxs as _B}from"react/jsx-runtime";import{Fragment as JB,jsx as WB,jsxs as XB}from"react/jsx-runtime";import{jsx as jB}from"react/jsx-runtime";import{jsx as lG,jsxs as iG}from"react/jsx-runtime";import{Fragment as fG,jsx as uG,jsxs as bG}from"react/jsx-runtime";import{jsx as NG}from"react/jsx-runtime";import{Fragment as CT,jsx as Ko,jsxs as rc}from"react/jsx-runtime";var NT=me.states,kT=me.defaultOptions,vT=me.options,wT=[{name:"opened",title:"Opened"}],LT=[],Ka=e=>{let{modifiers:t,...o}=e,a={},l=rc(CT,{children:[Ko("div",{className:"k-list-filter",children:Ko(Le,{})}),Ko(ee,{style:{width:300},size:o.size,children:rc(he,{children:[Ko($,{children:"List item"}),Ko($,{children:"List item"}),Ko($,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(n=>{n==="opened"&&(a.opened=!!t?.[n],a.popup=t?.[n]?l:void 0)}),Ko("div",{children:Ko(me,{placeholder:"Value",style:{width:300},...o,...a})})};Ka.options=vT;Ka.states=NT;Ka.variants=LT;Ka.defaultOptions=kT;Ka.modifiers=wT;Ka.className=me.className;import{Fragment as FG,jsx as zG}from"react/jsx-runtime";import{Fragment as JG,jsx as XG}from"react/jsx-runtime";import{jsx as ZG}from"react/jsx-runtime";import{jsx as fn}from"react/jsx-runtime";var MT=W.states,ST=W.defaultOptions,yT=W.options,IT=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],ET=[],_a=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?fn(me,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[l]?fn(Oi,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[l];break;case"spin-button":a.showSpinButton=t?.[l];break;default:break}}),fn(Vd,{value:"Value",style:{width:300},...o,...a})};_a.options=yT;_a.states=MT;_a.variants=ET;_a.defaultOptions=ST;_a.modifiers=IT;_a.className=W.className;import{Fragment as Xr,jsx as J,jsxs as He}from"react/jsx-runtime";var lc="k-colorgradient-inputs",AT=[],RT={size:[s.undefined,s.small,s.medium,s.large]},ic={mode:"rgba"},Da=e=>{let{mode:t=ic.mode,size:o,...a}=e;return He("div",{...a,className:r(lc,"k-hstack"),children:[J("div",{className:"k-vstack",children:J(c,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&He(Xr,{children:[He("div",{className:"k-vstack",children:[J(W,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),J("label",{className:"k-colorgradient-input-label",children:"R"})]}),He("div",{className:"k-vstack",children:[J(W,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),J("label",{className:"k-colorgradient-input-label",children:"G"})]}),He("div",{className:"k-vstack",children:[J(W,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),J("label",{className:"k-colorgradient-input-label",children:"B"})]}),He("div",{className:"k-vstack",children:[J(W,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),J("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&He(Xr,{children:[He("div",{className:"k-vstack",children:[J(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),J("label",{className:"k-colorgradient-input-label",children:"R"})]}),He("div",{className:"k-vstack",children:[J(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),J("label",{className:"k-colorgradient-input-label",children:"G"})]}),He("div",{className:"k-vstack",children:[J(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),J("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&He(Xr,{children:[He("div",{className:"k-vstack",children:[J(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),J("label",{className:"k-colorgradient-input-label",children:"H"})]}),He("div",{className:"k-vstack",children:[J(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),J("label",{className:"k-colorgradient-input-label",children:"S"})]}),He("div",{className:"k-vstack",children:[J(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),J("label",{className:"k-colorgradient-input-label",children:"V"})]}),He("div",{className:"k-vstack",children:[J(W,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),J("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&He(Xr,{children:[He("div",{className:"k-vstack",children:[J(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),J("label",{className:"k-colorgradient-input-label",children:"H"})]}),He("div",{className:"k-vstack",children:[J(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),J("label",{className:"k-colorgradient-input-label",children:"S"})]}),He("div",{className:"k-vstack",children:[J(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),J("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&J(Xr,{children:He("div",{className:"k-vstack k-flex-1",children:[J(xe,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),J("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Da.states=AT;Da.options=RT;Da.className=lc;Da.defaultOptions=ic;import{jsx as ia,jsxs as na}from"react/jsx-runtime";var nc="k-colorgradient-color-contrast",OT=[],PT={},BT={},za=()=>na("div",{className:r(nc,"k-vbox"),children:[na("div",{className:"k-contrast-ratio",children:[ia("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),na("span",{className:"k-contrast-validation !k-text-success",children:[ia(u,{icon:"check"}),ia(u,{icon:"check"})]})]}),na("div",{children:[ia("span",{children:"AA: 4.5"}),na("span",{className:"k-contrast-validation !k-text-success",children:["Pass",ia(u,{icon:"check"})]})]}),na("div",{children:[ia("span",{children:"AAA: 7.0"}),na("span",{className:"k-contrast-validation !k-text-error",children:["Fail",ia(u,{icon:"x"})]})]})]});za.states=OT;za.options=PT;za.className=nc;za.defaultOptions=BT;var sc="color-gradient",dc="colorgradient";import{jsx as Ft,jsxs as Jr}from"react/jsx-runtime";var El="k-colorgradient",GT=[i.hover,i.focus,i.readonly,i.disabled],HT={size:[s.undefined,s.small,s.medium,s.large]},io={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"},Fe=e=>{let{size:t,mode:o=io.mode,readonly:a=io.readonly,disabled:l=io.disabled,gradientStyle:n=io.gradientStyle,dragHandleStyle:d=io.dragHandleStyle,alphaStyle:m=io.alphaStyle,alphaStyleHorizontal:b=io.alphaStyleHorizontal,contrast:T=io.contrast,dir:g,hover:k,focus:f,hoverHandle:w,focusHandle:L,canvasOrientation:I=io.canvasOrientation,role:O,tabIndex:A,...F}=e;return Jr("div",{...F,role:O??"textbox","aria-label":O==="none"?void 0:"Color gradient",tabIndex:A??0,"aria-disabled":l?"true":void 0,className:r(e.className,El,C(El,{size:t}),v(El,{hover:k,focus:f,readonly:a,disabled:l})),dir:g,children:[!I||I==="horizontal"&&Jr("div",{className:"k-colorgradient-canvas k-hstack",children:[Ft("div",{className:"k-hsv-rectangle",style:n,children:Ft("div",{className:"k-hsv-gradient",children:Ft("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":w,"k-focus":L}),style:d,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})})}),Jr("div",{className:"k-hsv-controls k-hstack",children:[Ft(tn,{className:"k-hue-slider",hover:w,focus:L}),o!=="rgb"&&o!=="hsv"&&Ft(tn,{className:"k-alpha-slider",hover:w,focus:L,trackStyle:m})]})]}),I==="vertical"&&Jr("div",{className:"k-colorgradient-canvas k-vstack",children:[Ft("div",{className:"k-hsv-rectangle",style:n,children:Ft("div",{className:"k-hsv-gradient",children:Ft("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":w,"k-focus":L}),style:d,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})})}),Jr("div",{className:"k-hsv-controls k-vstack",children:[Ft(en,{className:"k-hue-slider",hover:w,focus:L}),o!=="rgb"&&o!=="hsv"&&Ft(en,{className:"k-alpha-slider",hover:w,focus:L,trackStyle:b})]})]}),Ft(Da,{mode:e.mode,size:t}),T&&Ft(za,{})]})};Fe.states=GT;Fe.options=HT;Fe.className=El;Fe.defaultOptions=io;Fe.moduleName=sc;Fe.folderName=dc;Fe.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};import{jsx as KT}from"react/jsx-runtime";var Al=e=>KT(Fe,{...e});import{jsx as HH}from"react/jsx-runtime";import{jsx as zH}from"react/jsx-runtime";import{jsx as Tn}from"react/jsx-runtime";var _T=Fe.options,DT=Fe.states,zT={...Fe.defaultOptions,variant:"rgba"},FT=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],UT=[],Fa=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Tn(Al,{...o,mode:t});case"rgb":return Tn(Al,{...o,mode:t});default:return Tn(Al,{...o,mode:t})}};Fa.options=_T;Fa.states=DT;Fa.variants=FT;Fa.defaultOptions=zT;Fa.modifiers=UT;Fa.className=Fe.className;import{jsx as VT}from"react/jsx-runtime";var hn=e=>VT("tr",{role:"row",children:e.children});import{jsx as XT}from"react/jsx-runtime";var gn="k-colorpalette-tile",$T=[i.hover,i.focus,i.selected],WT={},Ua=e=>{let{color:t,tileSize:o,hover:a,focus:l,selected:n,...d}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return XT("td",{...d,role:"gridcell","aria-label":t,"aria-selected":n?"true":void 0,className:r(e.className,gn,v(gn,{hover:a,focus:l,selected:n})),style:m})};Ua.states=$T;Ua.options=WT;Ua.className=gn;var cc="color-palette",mc="colorpalette";import{jsx as qr}from"react/jsx-runtime";var Rl="k-colorpalette",JT=[i.disabled],qT={size:[s.undefined,s.small,s.medium,s.large]},pc={columns:10},nt=e=>{let{size:t,palette:o,columns:a=pc.columns,tileSize:l,disabled:n,...d}=e,m=[];if(o){let b=a||o.columns,T=o.colors?o.colors:o;Array.isArray(T)&&Array.from({length:Math.ceil(T.length/b)},(g,k)=>{let f=[];T.slice(k*b,(k+1)*b).map((L,I)=>{f.push(qr(Ua,{color:L,tileSize:l},I))});let w=qr(hn,{children:f},k);m.push(w)})}return qr("div",{...d,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":n?"true":void 0,className:r(e.className,Rl,v(Rl,{disabled:n}),C(Rl,{size:t})),children:qr("table",{className:"k-colorpalette-table",role:"none",children:qr("tbody",{children:m.length>0?m:e.children})})})};nt.states=JT;nt.options=qT;nt.className=Rl;nt.defaultOptions=pc;nt.moduleName=cc;nt.folderName=mc;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 Ol=nt;var Yr={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as YT}from"react/jsx-runtime";var uc=e=>YT(Ol,{palette:Yr.basic,...e});import{jsx as vK}from"react/jsx-runtime";import{jsx as yK,jsxs as IK}from"react/jsx-runtime";import{jsx as ah}from"react/jsx-runtime";var QT=nt.options,ZT=nt.states,jT={...nt.defaultOptions,variant:"basic"},eh=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],th={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}},oh=[],Va=e=>{let{variant:t="basic",...o}=e,a=th[t];return ah(uc,{columns:a.columns,palette:a,...o})};Va.options=QT;Va.states=ZT;Va.variants=eh;Va.defaultOptions=jT;Va.modifiers=oh;Va.className=nt.className;var bc="color-editor",fc="coloreditor";import{jsx as Ut,jsxs as $a}from"react/jsx-runtime";var Pl="k-coloreditor",rh=[i.focus],lh={size:[s.undefined,s.small,s.medium,s.large]},Qr={view:"gradient",palette:Yr.office,actionButtons:!0,canvasOrientation:"horizontal"},Re=e=>{let{size:t,view:o=Qr.view,palette:a=Qr.palette,color:l,currentColor:n,focus:d,focusView:m,dir:b,group:T,actionButtons:g=Qr.actionButtons,canvasOrientation:k=Qr.canvasOrientation,...f}=e;return $a("div",{...f,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",Pl,C(Pl,{size:t}),v(Pl,{focus:d})),dir:b,children:[$a("div",{className:"k-coloreditor-header k-hstack",children:[Ut("div",{className:"k-coloreditor-header-actions k-hstack",children:T&&$a(R,{fillMode:"flat",children:[Ut(c,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Ut(c,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Ut("div",{className:"k-spacer"}),$a("div",{className:"k-coloreditor-header-actions k-hstack",children:[Ut(c,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),$a("div",{className:"k-coloreditor-preview k-vstack",children:[Ut(Eo,{className:"k-coloreditor-preview-color",color:l}),Ut(Eo,{className:"k-coloreditor-current-color",color:n})]})]})]}),Ut("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Ut(Fe,{focus:m,size:t,canvasOrientation:k,role:"none",tabIndex:-1}):Ut(nt,{palette:a,size:t})}),g&&$a(Ht,{className:"k-coloreditor-footer",alignment:"start",children:[Ut(c,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Ut(c,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Re.states=rh;Re.options=lh;Re.className=Pl;Re.defaultOptions=Qr;Re.moduleName=bc;Re.folderName=fc;Re.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 Wa=Re;import{jsx as r_}from"react/jsx-runtime";import{jsx as s_}from"react/jsx-runtime";import{jsx as ih}from"react/jsx-runtime";var Tc=e=>ih(Wa,{group:!0,currentColor:"fuchsia",...e});import{jsx as nh}from"react/jsx-runtime";var hc=e=>nh(Wa,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as gc}from"react/jsx-runtime";var sh=Re.options,dh=Re.states,ch={...Re.defaultOptions,variant:"gradient"},mh=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],ph=[],Xa=e=>{let{variant:t,...o}=e;return t==="palette"?gc(hc,{...o,color:"white"}):gc(Tc,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Xa.options=sh;Xa.states=dh;Xa.variants=mh;Xa.defaultOptions=ch;Xa.modifiers=ph;Xa.className=Re.className;var xc="color-picker",Nc="colorpicker";import{Fragment as fh,jsx as Vt,jsxs as xn}from"react/jsx-runtime";var kc="k-colorpicker",uh=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],bh={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},vc={arrowIconName:"chevron-down"},yt=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=vc.arrowIconName,prefix:n,suffix:d,value:m,placeholder:b,hover:T,focus:g,valid:k,invalid:f,required:w,disabled:L,valueIconName:I,popup:O,opened:A,adaptive:F,adaptiveSettings:Te,adaptiveTitle:ne,adaptiveSubtitle:et,...tt}=e,Ct="colorpicker-popup";return xn(fh,{children:[xn(oo,{...tt,size:t,rounded:o,fillMode:a,hover:T,focus:g,valid:k,invalid:f,required:w,disabled:L,role:"combobox","aria-haspopup":"dialog","aria-expanded":A?"true":"false","aria-controls":A||F?Ct:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":L?"true":void 0,className:r(e.className,kc,"k-icon-picker"),children:[Vt(Pt,{children:n}),Vt(ta,{placeholder:b,value:m,showValue:!1,valueIcon:Vt(Eo,{className:"k-value-icon",color:m,iconName:I}),valueIconName:I}),Vt(Bt,{children:d}),Vt(c,{className:"k-input-button",icon:l,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:L})]}),A&&O&&Vt(se,{id:Ct,className:"k-colorpicker-popup",children:O}),F&&Vt(Ae,{adaptive:!0,id:Ct,...Te,header:Vt(at,{actionsEnd:Vt(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:ne,subtitle:et}),footer:xn(Ao,{children:[Vt(c,{text:"Cancel",size:"large"}),Vt(c,{text:"Set",size:"large",themeColor:"primary"})]}),children:Vt(Re,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};yt.states=uh;yt.options=bh;yt.className=kc;yt.defaultOptions=vc;yt.moduleName=xc;yt.folderName=Nc;yt.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 go=yt;import{jsx as Th}from"react/jsx-runtime";var Bl=e=>Th(go,{...e});import{jsx as $_}from"react/jsx-runtime";import{jsx as Y_}from"react/jsx-runtime";import{jsx as e0}from"react/jsx-runtime";import{jsx as r0}from"react/jsx-runtime";import{jsx as s0}from"react/jsx-runtime";import{jsx as p0}from"react/jsx-runtime";import{jsx as sa}from"react/jsx-runtime";var hh=go.options,gh=go.states,wc={...go.defaultOptions,variant:"color"},xh=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Nh=[{name:"opened",title:"Opened"}],Ja=e=>{let{variant:t,modifiers:o,...a}={...wc,...e},l={};Object.keys(o||{}).forEach(d=>{d==="opened"&&(l.opened=!!o?.[d],l.popup=o?.[d]?sa(Re,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let n=l.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return sa("div",{style:n,children:sa(Bl,{...a,...l})});case"icon":return sa("div",{style:n,children:sa(Bl,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...l})});default:return sa("div",{style:n,children:sa(Bl,{value:"rgba(183, 118 , 118, 1.00)",...a,...l})})}};Ja.options=hh;Ja.states=gh;Ja.variants=xh;Ja.defaultOptions=wc;Ja.modifiers=Nh;Ja.className=go.className;var Nn="combobox",Lc=Nn;import{Fragment as kn,jsx as ze,jsxs as Zr}from"react/jsx-runtime";var Cc="k-combobox",kh=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],vh={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Mc={separators:!0},Je=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Mc.separators,prefix:n,suffix:d,value:m,placeholder:b,hover:T,focus:g,valid:k,invalid:f,required:w,loading:L,disabled:I,popup:O,opened:A,readonly:F,adaptive:Te,adaptiveSettings:ne,adaptiveTitle:et,adaptiveSubtitle:tt,adaptiveCustomValue:Ct,id:jo,autocomplete:bi,activeDescendant:yo,"aria-label":fl,...fi}=e,Ti=jo?`${jo}-listbox`:void 0;return Zr(kn,{children:[Zr(Be,{...fi,size:t,rounded:o,fillMode:a,hover:T,focus:g,valid:k,invalid:f,required:w,loading:L,disabled:I,readonly:F,className:r(e.className,Cc),children:[n&&Zr(kn,{children:[ze(Pt,{children:n}),l&&ze(Gt,{})]}),ze(St,{id:jo,placeholder:b,value:m,role:"combobox","aria-haspopup":"listbox","aria-expanded":A?"true":"false","aria-controls":A?Ti:void 0,"aria-activedescendant":A&&yo?yo:void 0,"aria-autocomplete":bi,"aria-invalid":f?"true":void 0,"aria-busy":L?"true":void 0,"aria-label":fl,disabled:I,readOnly:F}),ze(ot,{valid:k,invalid:f,loading:L,disabled:I}),ze(ut,{loading:L,disabled:I}),ze(Mt,{loading:L,disabled:I,readonly:F,value:m}),d&&Zr(kn,{children:[l&&ze(Gt,{}),ze(Bt,{children:d})]}),ze(c,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:I})]}),A&&O&&ze(se,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:O}),Te&&ze(Ae,{adaptive:!0,id:jo?`${jo}-adaptive`:void 0,...ne,header:ze(at,{actionsEnd:ze(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:m,inputPlaceholder:b,title:et,subtitle:tt}),children:ze("div",{className:"k-list-container",children:ze(ee,{customValue:Ct?ze(Ho,{text:`Use "${m}"`}):void 0,size:"large",children:Zr(he,{"aria-label":et||"Options",children:[ze($,{text:"List item"}),ze($,{text:"List item"}),ze($,{text:"List item"})]})})})})]})};Je.states=kh;Je.options=vh;Je.className=Cc;Je.defaultOptions=Mc;Je.moduleName=Nn;Je.folderName=Lc;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-ul[role="listbox"], .k-combobox-popup .k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var It=Je;import{jsx as wh}from"react/jsx-runtime";var Sc=e=>wh(It,{...e});import{jsx as J0,jsxs as q0}from"react/jsx-runtime";import{jsx as t1,jsxs as o1}from"react/jsx-runtime";import{jsx as s1,jsxs as d1}from"react/jsx-runtime";import{Fragment as f1,jsx as b1}from"react/jsx-runtime";import{Fragment as k1,jsx as N1}from"react/jsx-runtime";import{jsx as S1,jsxs as y1}from"react/jsx-runtime";import{Fragment as G1,jsx as P1,jsxs as B1}from"react/jsx-runtime";import{jsx as D1}from"react/jsx-runtime";import{jsx as V1}from"react/jsx-runtime";import{jsx as Y1,jsxs as Q1}from"react/jsx-runtime";import{jsx as aD,jsxs as rD}from"react/jsx-runtime";import{jsx as _o,jsxs as Ih}from"react/jsx-runtime";var Lh=Je.states,Ch=Je.defaultOptions,Mh=Je.options,Sh=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],yh=[],qa=e=>{let{modifiers:t,...o}=e,a={},l=_o(ee,{style:{width:300},size:o.size,children:Ih(he,{children:[_o($,{children:"List item"}),_o($,{children:"List item"}),_o($,{children:"List item"})]})});return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?_o(u,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[n]?_o(Io,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[n],a.popup=t?.[n]?l:void 0;break;default:break}}),_o("div",{children:_o(Sc,{value:"Value",style:{width:300},...o,...a})})};qa.options=Mh;qa.states=Lh;qa.variants=yh;qa.defaultOptions=Ch;qa.modifiers=Sh;qa.className=Je.className;var vn="menu-button",yc=vn;import{jsx as Rh}from"react/jsx-runtime";var Ic="k-menu-button",Eh=[i.hover,i.focus,i.active,i.selected,i.disabled],Ah={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[M.undefined,M.base,M.primary,M.secondary,M.tertiary,M.success,M.warning,M.error,M.info,M.inverse]},wn={showArrow:!0,arrowIconName:"chevron-down"},pe=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:n,focus:d,active:m,selected:b,disabled:T,icon:g,text:k,showArrow:f=wn.showArrow,arrowIconName:w=wn.arrowIconName,expanded:L,...I}=e;return Rh(c,{...I,className:r(e.className,Ic),text:k,size:t,rounded:o,fillMode:a,themeColor:l,hover:n,focus:d,active:m,selected:b,disabled:T,icon:g,showArrow:f,arrowIconName:w,"aria-expanded":L?"true":"false",...!k&&g&&!e["aria-label"]&&{"aria-label":"Menu"},...T&&{"aria-disabled":"true"}})};pe.states=Eh;pe.options=Ah;pe.className=Ic;pe.defaultOptions=wn;pe.moduleName=vn;pe.folderName=yc;pe.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};import{jsx as HD}from"react/jsx-runtime";import{jsx as zD}from"react/jsx-runtime";import{jsx as $D}from"react/jsx-runtime";var Et="menu",$t=Et;import{jsx as jr,jsxs as Ec}from"react/jsx-runtime";var Ln="k-menu-item",Oh=[i.hover,i.focus,i.active,i.selected,i.disabled],Ph={},Ac={iconPosition:"before"},qe=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:n,icon:d,text:m,first:b,last:T,showArrow:g,arrowIconName:k,iconPosition:f=Ac.iconPosition,dir:w,children:L,expanded:I,...O}=e,A=k;return A||(A=w==="rtl"?"chevron-left":"chevron-right"),Ec("li",{...O,className:r(e.className,Ln,"k-item",v(Ln,{focus:o,disabled:n,hover:t,active:a,selected:l}),{"k-first":b,"k-last":T}),role:"menuitem",...g&&{"aria-haspopup":"menu"},...g&&{"aria-expanded":I?"true":"false"},...n&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Ec("span",{className:r("k-link k-menu-link"),children:[d&&f==="before"&&jr(u,{className:"k-menu-link-icon",icon:d}),jr("span",{className:"k-menu-link-text",children:m}),d&&f==="after"&&jr(u,{className:"k-menu-link-icon",icon:d}),g&&jr("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:jr(u,{icon:A})})]}),L]})};qe.states=Oh;qe.options=Ph;qe.className=Ln;qe.defaultOptions=Ac;qe.moduleName=Et;qe.folderName=$t;import{jsx as el,jsxs as Rc}from"react/jsx-runtime";var Cn="k-menu-item",Bh=[i.hover,i.focus,i.active,i.selected,i.disabled],Gh={},Mn={dir:"ltr",iconPosition:"before"},X=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:n,icon:d,text:m,first:b,last:T,showArrow:g,arrowIconName:k,iconPosition:f=Mn.iconPosition,dir:w=Mn.dir,children:L,popup:I,expanded:O,...A}=e,F=k;return F||(F=w==="rtl"?"chevron-left":"chevron-right"),Rc("li",{...A,className:r(e.className,Cn,"k-item",v(Cn,{focus:o,disabled:n}),{"k-first":b,"k-last":T}),role:"menuitem",...g&&{"aria-haspopup":"menu"},...g&&{"aria-expanded":O?"true":"false"},...n&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Rc("span",{className:r("k-link k-menu-link",v("k-menu-link",{hover:t,active:a,selected:l,disabled:n})),children:[d&&f==="before"&&el(u,{className:"k-menu-link-icon",icon:d}),el("span",{className:"k-menu-link-text",children:m}),d&&f==="after"&&el(u,{className:"k-menu-link-icon",icon:d}),g&&el("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:el(u,{icon:F})})]}),L,I]})};X.states=Bh;X.options=Gh;X.className=Cn;X.defaultOptions=Mn;X.moduleName=Et;X.folderName=$t;import{jsx as Dh}from"react/jsx-runtime";var Oc="k-menu-scroll-wrapper",Hh=[],Kh={},_h={},da=e=>{let{className:t,children:o,orientation:a,...l}=e;return Dh("div",{...l,className:r(t,Oc,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};da.states=Hh;da.options=Kh;da.className=Oc;da.defaultOptions=_h;da.moduleName=Et;da.folderName=$t;var Pc=da;import{Fragment as Sn,jsx as ca,jsxs as Hl}from"react/jsx-runtime";var yn="k-menu",zh=[],Fh={},Kl={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Se=e=>{let{children:t,orientation:o=Kl.orientation,header:a=Kl.header,scrollable:l,scrollButtonsPosition:n=Kl.scrollButtonsPosition,wrapperStyles:d,dir:m,popup:b,contextMenu:T,...g}=e,k={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},f=ca("ul",{dir:m,...g,className:r(e.className,"k-reset",yn,{[`${yn}-${o}`]:o,"k-header":a}),role:T?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Hl(Sn,{children:[l?Hl(Pc,{orientation:o,style:d,dir:e.dir,children:[n==="start"&&Hl(Sn,{children:[ca(c,{fillMode:"flat",icon:`chevron-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),ca(c,{fillMode:"flat",icon:`chevron-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),n==="around"&&ca(c,{fillMode:"flat",icon:`chevron-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),f,n==="end"&&Hl(Sn,{children:[ca(c,{fillMode:"flat",icon:`chevron-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),ca(c,{fillMode:"flat",icon:`chevron-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),n==="around"&&ca(c,{fillMode:"flat",icon:`chevron-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):f,b]})};Se.states=zh;Se.options=Fh;Se.className=yn;Se.defaultOptions=Kl;Se.moduleName=Et;Se.folderName=$t;Se.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",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",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",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};import{jsx as Uh}from"react/jsx-runtime";var In="k-separator",Bc={orientation:"horizontal"},Do=e=>{let{orientation:t=Bc.orientation,...o}=e;return Uh("li",{...o,className:r(e.className,"k-item",In,{[`${In}-${t}`]:t}),role:"separator"})};Do.className=In;Do.defaultOptions=Bc;Do.moduleName=Et;Do.folderName=$t;import{Fragment as N2,jsx as k2}from"react/jsx-runtime";import{jsx as Xh}from"react/jsx-runtime";var En="k-menu-group",Vh=[],$h={size:[s.undefined,s.small,s.medium,s.large]},Wh={},Ke=e=>{let{children:t,size:o,...a}=e;return Xh("ul",{...a,className:r(e.className,En,C(En,{size:o})),role:"menu",children:t})};Ke.states=Vh;Ke.options=$h;Ke.className=En;Ke.defaultOptions=Wh;Ke.moduleName=Et;Ke.folderName=$t;import{Fragment as Jh,jsx as Ya,jsxs as qh}from"react/jsx-runtime";var An=e=>Ya(Se,{children:qh(Jh,{children:[Ya(qe,{first:!0,text:"Item 1"}),Ya(qe,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),Ya(qe,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),Ya(qe,{text:"Item 4"}),Ya(qe,{last:!0,text:"Item 5"})]}),...e});import{Fragment as B2,jsx as O2,jsxs as P2}from"react/jsx-runtime";import{Fragment as D2,jsx as _2,jsxs as z2}from"react/jsx-runtime";import{Fragment as W2,jsx as $2,jsxs as X2}from"react/jsx-runtime";import{Fragment as Z2,jsx as Q2,jsxs as j2}from"react/jsx-runtime";import{jsx as ma,jsxs as eg}from"react/jsx-runtime";var Yh={...Se.options,scrollable:{type:"boolean"}},Qh=Se.states,Gc={...Se.defaultOptions,variant:"horizontal"},Zh=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],jh=[{name:"opened",title:"Opened"}],Qa=e=>{let{variant:t,modifiers:o,...a}={...Gc,...e},l={};return Object.keys(o||{}).forEach(n=>{n==="opened"&&(l.opened=!!o?.[n],l.popup=ma(se,{className:"k-menu-popup",children:eg(Ke,{children:[ma(X,{text:"Item 1"}),ma(X,{text:"Item 2"}),ma(Do,{}),ma(X,{text:"Item 3"})]})}))}),t==="vertical"?ma(An,{...a,...l,orientation:"vertical",style:{width:"200px"}}):ma(An,{...a,...l})};Qa.options=Yh;Qa.states=Qh;Qa.variants=Zh;Qa.defaultOptions=Gc;Qa.modifiers=jh;Qa.className=Se.className;import{Fragment as A3,jsx as I3,jsxs as E3}from"react/jsx-runtime";import{jsx as B3}from"react/jsx-runtime";import{Fragment as lg,jsx as no,jsxs as Hc}from"react/jsx-runtime";var tg=c.states,Kc={...c.defaultOptions,variant:"text"},og=c.options,ag=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],rg=[{name:"opened",title:"Opened"}],Za=e=>{let{variant:t,modifiers:o,...a}={...Kc,...e},l={},n=no(se,{className:"k-menu-popup",children:Hc(Ke,{size:a.size,children:[no(X,{first:!0,text:"Menu Item"}),no(X,{text:"Menu Item"}),no(X,{last:!0,text:"Menu Item"})]})}),d;switch(t){case"icon-only":d=no("div",{children:no(pe,{...a,...l,icon:"star"})});break;case"icon-and-text":d=no("div",{children:no(pe,{...a,...l,icon:"star",children:"Dropdown Button"})});break;default:d=no("div",{children:no(pe,{...a,...l,children:"Dropdown Button"})});break}return Hc(lg,{children:[d,o?.opened&&n]})};Za.options=og;Za.states=tg;Za.variants=ag;Za.defaultOptions=Kc;Za.modifiers=rg;Za.className=pe.className;var Rn="split-button",_c=Rn;import{Fragment as sg,jsx as On,jsxs as Dc}from"react/jsx-runtime";var Pn="k-split-button",ig=[i.hover,i.focus,i.active,i.selected,i.disabled],ng={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[M.undefined,M.base,M.primary,M.secondary,M.tertiary,M.success,M.warning,M.error,M.info,M.inverse]},zc={arrowIconName:"chevron-down"},K=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:n,focus:d,active:m,selected:b,disabled:T,icon:g,text:k,arrowIconName:f=zc.arrowIconName,popup:w,opened:L,popupId:I,...O}=e;return Dc(sg,{children:[Dc("div",{...O,className:r(e.className,Pn,"k-button-group",C(Pn,{rounded:o})),children:[On(c,{text:k,icon:g,size:t,rounded:o,fillMode:a,themeColor:l,hover:n,focus:d,active:m,selected:b,disabled:T,...!k&&!e.children&&g&&{"aria-label":"Action"},children:e.children}),On(c,{className:"k-split-button-arrow",icon:f,size:t,rounded:o,fillMode:a,disabled:T,"aria-label":"Toggle dropdown","aria-expanded":L?"true":"false","aria-controls":L?I:void 0,tabIndex:-1,...T&&{"aria-disabled":"true"}})]}),L&&w&&On(se,{className:"k-menu-popup",children:w})]})};K.states=ig;K.options=ng;K.className=Pn;K.defaultOptions=zc;K.moduleName=Rn;K.folderName=_c;K.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 Bn=K;import{jsx as cg}from"react/jsx-runtime";var dg="k-toolbar-separator",Qt=e=>cg("div",{className:r(dg,e.className,"k-separator")});var xo="toolbar",zo=xo;import{Fragment as Gn,jsx as le,jsxs as ja}from"react/jsx-runtime";var No="k-toolbar",mg=[i.focus],pg={size:[s.undefined,s.small,s.medium,s.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},ug={scrollButtons:"around"},be=e=>{let{size:t,fillMode:o,focus:a,resizable:l,scrollable:n,scrollButtons:d,scrollingPosition:m,section:b,...T}=e,g=[],k=(f,w)=>{let L=[];if(f.type===c&&f.props.className&&f.props.className.includes("k-toolbar-overflow-button"))L.push(le(c,{...f.props,className:`${f.props.className?f.props.className:""}`},`${w}-${new Date().getTime()}`));else if(f.type===c)L.push(le(c,{...f.props,className:`k-toolbar-button ${f.props.className?f.props.className:""}`},`${w}-${new Date().getTime()}`));else if(f.type===Gr)L.push(le(Gr,{...f.props,className:`k-toolbar-button ${f.props.className?f.props.className:""}`},`${w}-${new Date().getTime()}`));else if(f.type===Io)L.push(le(Io,{...f.props,className:`k-toolbar-button ${f.props.className?f.props.className:""}`},`${w}-${new Date().getTime()}`));else if(f.type===pe)L.push(le(pe,{...f.props,className:`k-toolbar-menu-button ${f.props.className?f.props.className:""}`},`${w}-${new Date().getTime()}`));else if(f.type===Bn)L.push(le(Bn,{...f.props,className:`k-toolbar-split-button ${f.props.className?f.props.className:""}`},`${w}-${new Date().getTime()}`));else if(f.type===R||f.props.className&&f.props.className.includes("k-button-group")){let I=[];(Array.isArray(f.props.children)?f.props.children:[f.props.children]).forEach((A,F)=>{I.push(le(c,{...A.props,className:`${A.props.className?A.props.className:""}`},`${F}-${new Date().getTime()}`))}),L.push(le(R,{...f.props,className:`k-toolbar-button-group ${f.props.className?f.props.className:""}`,children:I},`${w}-${new Date().getTime()}`))}else f.type===Je?L.push(le(Je,{...f.props,className:`k-toolbar-combobox ${f.props.className?f.props.className:""}`},`${w}-${new Date().getTime()}`)):f.type===me?L.push(le(me,{...f.props,className:`k-toolbar-dropdownlist ${f.props.className?f.props.className:""}`},`${w}-${new Date().getTime()}`)):f.type===yt?L.push(le(yt,{...f.props,className:`k-toolbar-colorpicker ${f.props.className?f.props.className:""}`},`${w}-${new Date().getTime()}`)):L.push(f);L.forEach(I=>{g.push(I)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((w,L)=>{k(w,L)}),ja("div",{...T,className:r(e.className,No,C(No,{size:t,fillMode:o}),v(No,{focus:a}),{[`${No}-resizable`]:l,[`${No}-scrollable`]:n,[`${No}-scrollable-overlay`]:n&&d==="hidden",[`${No}-scrollable-${m}`]:m&&m!=="both",[`${No}-section`]:b}),role:"toolbar","aria-label":"Toolbar",children:[!n&&g,n&&d==="hidden"&&le("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:g}),n&&d==="start"&&ja(Gn,{children:[ja(R,{children:[le("span",{className:r("k-toolbar-prev","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:le(u,{className:"k-button-icon",icon:"chevron-left"})}),le("span",{className:r("k-toolbar-next","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:le(u,{className:"k-button-icon",icon:"chevron-right"})})]}),le(Qt,{className:"k-toolbar-button-separator"}),le("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:g})]}),n&&d==="end"&&ja(Gn,{children:[le("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:g}),le(Qt,{className:"k-toolbar-button-separator"}),ja(R,{children:[le("span",{className:r("k-toolbar-prev","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:le(u,{className:"k-button-icon",icon:"chevron-left"})}),le("span",{className:r("k-toolbar-next","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:le(u,{className:"k-button-icon",icon:"chevron-right"})})]})]}),n&&(d==="around"||!d)&&ja(Gn,{children:[le("span",{className:r("k-toolbar-prev","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:le(u,{className:"k-button-icon",icon:"chevron-left"})}),le(Qt,{className:"k-toolbar-button-separator"}),le("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:g}),le(Qt,{className:"k-toolbar-button-separator"}),le("span",{className:r("k-toolbar-next","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:le(u,{className:"k-button-icon",icon:"chevron-right"})})]})]})};be.states=mg;be.options=pg;be.className=No;be.defaultOptions=ug;be.moduleName=xo;be.folderName=zo;be.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"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",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",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",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"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",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",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};import{jsx as hg}from"react/jsx-runtime";var Fc="k-floating-toolbar",bg=[],fg={},Tg={},er=e=>{let{...t}=e;return hg("div",{...t,className:r(e.className,Fc),children:e.children})};er.states=bg;er.options=fg;er.className=Fc;er.defaultOptions=Tg;er.moduleName=xo;er.folderName=zo;import{jsx as kg}from"react/jsx-runtime";var Hn="k-toolbar-item",gg=[i.focus],xg={},Ng={},tr=e=>{let{focus:t,...o}=e;return kg("div",{...o,className:r(e.className,Hn,v(Hn,{focus:t})),children:e.children})};tr.states=gg;tr.options=xg;tr.className=Hn;tr.defaultOptions=Ng;tr.moduleName=xo;tr.folderName=zo;import{jsx as Uc}from"react/jsx-runtime";var Vc="k-toolbar-popup",vg=[],wg={size:[s.undefined,s.small,s.medium,s.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},Lg={},pa=e=>{let{size:t,fillMode:o,section:a,...l}=e;return Uc(se,{...l,className:r(e.className,Vc),children:a?Uc("span",{className:r("k-toolbar-items-list",C("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};pa.states=vg;pa.options=wg;pa.className=Vc;pa.defaultOptions=Lg;pa.moduleName=xo;pa.folderName=zo;var _l=pa;import{jsx as Kz}from"react/jsx-runtime";import{jsx as Fz}from"react/jsx-runtime";import{jsx as Wz}from"react/jsx-runtime";import{jsx as Zz,jsxs as jz}from"react/jsx-runtime";import{jsx as a5}from"react/jsx-runtime";import{jsx as ko,jsxs as Ig}from"react/jsx-runtime";var Cg=K.states,$c={...K.defaultOptions,variant:"text"},Mg=K.options,Sg=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],yg=[{name:"opened",title:"Opened"}],or=e=>{let{variant:t,modifiers:o,...a}={...$c,...e},l={},n=Ig(Ke,{size:a.size,children:[ko(X,{first:!0,text:"Menu Item"}),ko(X,{text:"Menu Item"}),ko(X,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(d=>{d==="opened"&&(l.opened=!!o?.[d],l.popup=o?.[d]?n:"")}),t){case"icon-only":return ko("div",{children:ko(K,{...a,...l,icon:"star"})});case"icon-and-text":return ko("div",{children:ko(K,{...a,...l,icon:"star",children:"Split Button"})});default:return ko("div",{children:ko(K,{...a,...l,children:"Split Button"})})}};or.options=Mg;or.states=Cg;or.variants=Sg;or.defaultOptions=$c;or.modifiers=yg;or.className=K.className;import{jsx as ua,jsxs as Eg}from"react/jsx-runtime";var Wc=e=>ua(be,{children:[ua(c,{children:"Button"},"toolbar-button"),ua(pe,{text:"Menu button"},"toolbar-menu-button"),ua(K,{children:"Split button"},"toolbar-split-button"),Eg(R,{children:[ua(c,{className:"k-group-start",icon:"align-left",children:"Left"}),ua(c,{icon:"align-center",children:"Center"}),ua(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as R5,jsxs as O5}from"react/jsx-runtime";import{jsx as At,jsxs as Xc}from"react/jsx-runtime";var Jc=e=>At(be,{scrollable:!0,...e,children:[At(c,{children:"Button"},"toolbar-button"),At(pe,{text:"Menu button"},"toolbar-menu-button"),At(K,{children:"Split button"},"toolbar-split-button"),Xc(R,{children:[At(c,{className:"k-group-start",icon:"align-left",children:"Left"}),At(c,{icon:"align-center",children:"Center"}),At(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),At(c,{children:"Button"},"toolbar-button"),At(pe,{text:"Menu button"},"toolbar-menu-button"),At(K,{children:"Split button"},"toolbar-split-button"),Xc(R,{children:[At(c,{className:"k-group-start",icon:"align-left",children:"Left"}),At(c,{icon:"align-center",children:"Center"}),At(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Rt,jsxs as qc}from"react/jsx-runtime";var Yc=({scrollingPosition:e="start",...t})=>Rt(be,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[Rt(c,{children:"Button"},"toolbar-button"),Rt(pe,{text:"Menu button"},"toolbar-menu-button"),Rt(K,{children:"Split button"},"toolbar-split-button"),qc(R,{children:[Rt(c,{className:"k-group-start",icon:"align-left",children:"Left"}),Rt(c,{icon:"align-center",children:"Center"}),Rt(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Rt(c,{children:"Button"},"toolbar-button"),Rt(pe,{text:"Menu button"},"toolbar-menu-button"),Rt(K,{children:"Split button"},"toolbar-split-button"),qc(R,{children:[Rt(c,{className:"k-group-start",icon:"align-left",children:"Left"}),Rt(c,{icon:"align-center",children:"Center"}),Rt(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Ag,jsx as bt,jsxs as Dl}from"react/jsx-runtime";var Qc=({fillMode:e,size:t,...o})=>Dl(Ag,{children:[bt(be,{section:!0,fillMode:e,size:t,children:[bt(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Dl(R,{fillMode:e,children:[bt(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),bt(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),bt(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),bt(Qt,{className:"k-toolbar-button-separator"}),bt(c,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),Dl(_l,{size:t,fillMode:e,section:!0,...o,children:[bt(K,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),bt(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),bt(Qt,{}),bt(pe,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Dl(R,{fillMode:e,children:[bt(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),bt(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),bt(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as pF,jsx as cF,jsxs as mF}from"react/jsx-runtime";import{Fragment as wF,jsx as kF,jsxs as vF}from"react/jsx-runtime";import{jsx as Fo}from"react/jsx-runtime";var Rg=be.options,Og=be.states,Zc={...be.defaultOptions,variant:"default"},Pg=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Bg=[],ar=e=>{let{variant:t,...o}={...Zc,...e};switch(t){case"responsive":return Fo("div",{children:Fo(Qc,{style:{width:"583px"},...o})});case"overlay":return Fo("div",{children:Fo(Yc,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Fo("div",{children:Fo(Jc,{style:{width:"583px"},...o})});default:return Fo("div",{children:Fo(Wc,{style:{width:"583px"},...o})})}};ar.options=Rg;ar.states=Og;ar.variants=Pg;ar.defaultOptions=Zc;ar.modifiers=Bg;ar.className=be.className;var so="file-manager",co="filemanager";import{jsx as _g}from"react/jsx-runtime";var jc="k-filemanager-toolbar",Gg=[],Hg={},Kg={},Ye=e=>{let{children:t,...o}=e;return _g(be,{...o,className:r(e.className,jc),children:t})};Ye.states=Gg;Ye.options=Hg;Ye.className=jc;Ye.defaultOptions=Kg;Ye.moduleName=so;Ye.folderName=co;var Kn="switch",em=Kn;import{jsx as zl,jsxs as tm}from"react/jsx-runtime";var Uo="k-switch",Dg=[i.hover,i.focus,i.disabled,i.readonly,i.checked],zg={size:[s.undefined,s.small,s.medium,s.large],trackRounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],thumbRounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full]},Fg={},ve=e=>{let{checked:t,onLabel:o,offLabel:a,size:l,trackRounded:n,thumbRounded:d,hover:m,focus:b,disabled:T,readonly:g,...k}=e;return tm("span",{...k,className:r(e.className,Uo,C(Uo,{size:l}),v(Uo,{hover:m,focus:b,disabled:T,readonly:g}),{[`${Uo}-on`]:t,[`${Uo}-off`]:!t}),role:"switch","aria-checked":t?"true":"false",tabIndex:T?void 0:0,"aria-disabled":T?"true":void 0,"aria-readonly":g?"true":void 0,children:[tm("span",{className:r("k-switch-track",C(Uo,{rounded:n})),children:[o&&zl("span",{className:"k-switch-label-on",children:o}),a&&zl("span",{className:"k-switch-label-off",children:a})]}),zl("span",{className:"k-switch-thumb-wrap",children:zl("span",{className:r("k-switch-thumb",C(Uo,{rounded:d}))})})]})};ve.states=Dg;ve.options=zg;ve.className=Uo;ve.defaultOptions=Fg;ve.moduleName=Kn;ve.folderName=em;ve.ariaSpec={selector:".k-switch",rules:[{selector:".k-switch",attribute:"role=switch",usage:"Announces the switch role of the element."},{selector:".k-switch",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-switch",attribute:"aria-required=true (when required)",usage:'Rendered only when the Switch is in a form. Required because <span role="switch"> does not support the native required attribute.'},{selector:".k-switch",attribute:"aria-checked",usage:"Announces the checked state of the Switch."},{selector:".k-switch",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the switch."},{selector:".k-switch",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Switch is in a form and announces the invalid state."},{selector:".k-switch:not(.k-disabled)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled switches are removed from tab order."},{selector:".k-switch.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the Switch is disabled."},{selector:".k-switch.k-readonly",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Switch is readonly. Readonly switches remain focusable but their value cannot be changed."}]};import{jsx as nU}from"react/jsx-runtime";import{jsx as mU}from"react/jsx-runtime";import{jsx as fU}from"react/jsx-runtime";import{jsx as xU}from"react/jsx-runtime";import{jsx as om}from"react/jsx-runtime";var Ug=ve.options,Vg=ve.states,$g={...ve.defaultOptions,variant:"on"},Wg=[{name:"on",title:"On"},{name:"off",title:"Off"}],Xg=[],rr=e=>{let{variant:t,...o}=e;return t==="off"?om(ve,{checked:!1,onLabel:"On",offLabel:"Off",...o}):om(ve,{checked:!0,onLabel:"On",offLabel:"Off",...o})};rr.options=Ug;rr.states=Vg;rr.variants=Wg;rr.defaultOptions=$g;rr.modifiers=Xg;rr.className=ve.className;import{Fragment as Qg,jsx as ft,jsxs as tl}from"react/jsx-runtime";var Dn="k-filemanager",Jg=[i.disabled],qg={},Yg=ft(Qg,{children:tl(Ye,{children:[ft(c,{children:"New Folder"}),ft(c,{children:"Upload"}),tl(R,{children:[ft(c,{className:"k-group-start",icon:"sort-asc-small","aria-label":"Sort ascending"}),ft(c,{className:"k-group-end",icon:"sort-desc-small","aria-label":"Sort descending"})]}),ft(K,{text:"Sort By"}),tl(R,{children:[ft(c,{className:"k-group-start",icon:"grid-layout","aria-label":"List view"}),ft(c,{className:"k-group-end",icon:"grid","aria-label":"Grid view"})]}),ft("div",{className:"k-spacer"}),tl("div",{className:"k-filemanager-details-toggle",children:[ft("label",{children:"View Details"}),ft(ve,{"aria-label":"View Details"})]}),ft(Le,{className:"k-filemanager-search-tool",placeholder:"Search..."})]})}),am={toolbar:Yg},_e=e=>{let{disabled:t,toolbar:o=am.toolbar,...a}=e;return tl("div",{...a,className:r(e.className,Dn,v(Dn,{disabled:t})),children:[ft("div",{className:"k-filemanager-header",children:o}),ft("div",{className:"k-filemanager-content-container",children:e.children})]})};_e.states=Jg;_e.options=qg;_e.className=Dn;_e.defaultOptions=am;_e.moduleName=so;_e.folderName=co;_e.ariaSpec={selector:".k-filemanager",rules:[{selector:".k-filemanager-preview",attribute:"tabindex=0",usage:"The element must be focusable, so that its content would be communicated to the users."}]};var zn="breadcrumb",rm=zn;import{jsx as ex}from"react/jsx-runtime";var Fl="k-breadcrumb",Zg=[i.focus],jg={size:[s.undefined,s.small,s.medium,s.large]},lm={collapsing:"auto"},De=e=>{let{size:t,collapsing:o=lm.collapsing,focus:a,...l}=e;return ex("nav",{...l,className:r(e.className,Fl,v(Fl,{focus:a}),C(Fl,{size:t}),{"k-breadcrumb-wrap":o==="wrap"}),"aria-label":"Breadcrumb",children:e.children})};De.states=Zg;De.options=jg;De.className=Fl;De.defaultOptions=lm;De.moduleName=zn;De.folderName=rm;De.ariaSpec={selector:".k-breadcrumb",rules:[{selector:".k-breadcrumb",attribute:"aria-label=Breadcrumb",usage:"Indicates the type of navigation provided by the nav element."},{selector:".k-breadcrumb-item .k-breadcrumb-link,.k-breadcrumb-item .k-breadcrumb-root-link",attribute:"role=link or nodeName=a",usage:'The breadcrumb item should render an <a> element or have role="link".'},{selector:".k-breadcrumb-last-item .k-breadcrumb-link,.k-breadcrumb-last-item .k-breadcrumb-root-link",attribute:"aria-current=page",usage:"The last breadcrumb item points to the active page."},{selector:".k-breadcrumb-last-item .k-breadcrumb-link",attribute:"aria-disabled=true",usage:"The last breadcrumb item is disabled."},{selector:".k-breadcrumb-delimiter-icon",attribute:"aria-hidden=true",usage:"Delimiter icon should not be accessed through assistive technology."}]};import{jsx as qU}from"react/jsx-runtime";import{jsx as jU}from"react/jsx-runtime";import{jsx as ax}from"react/jsx-runtime";var tx="k-breadcrumb-container",ox={collapsing:"auto"},st=e=>{let{collapsing:t=ox.collapsing,...o}=e;return ax("ol",{...o,className:r(e.className,tx,{"!k-flex-wrap":t==="wrap","k-flex-none":t==="none"}),children:e.children})};import{jsx as lx}from"react/jsx-runtime";var rx="k-breadcrumb-item",we=e=>{let{root:t,last:o,...a}=e;return lx("li",{...a,className:r(e.className,rx,{"k-breadcrumb-root-item":t,"k-breadcrumb-last-item":o}),children:e.children})};import{jsx as sx}from"react/jsx-runtime";var ix="",nx=[i.hover,i.focus,i.disabled],Ne=e=>{let{root:t,icon:o,icontext:a,hover:l,focus:n,disabled:d,last:m,...b}=e;return sx("a",{href:"#",...b,className:r(e.className,v(ix,{hover:l,focus:n,disabled:d}),{"k-breadcrumb-link":!t,"k-breadcrumb-root-link":t,"k-breadcrumb-icon-link":o,"k-breadcrumb-icontext-link":a}),...m&&{"aria-current":"page"},...m&&{"aria-disabled":"true"},children:e.children})};Ne.states=nx;import{jsx as cx}from"react/jsx-runtime";var dx="k-breadcrumb-item-text",Wt=e=>{let{text:t,...o}=e,a=t||e.children;return cx("span",{...o,className:r(e.className,dx),children:a})};import{Fragment as g6,jsx as T6,jsxs as h6}from"react/jsx-runtime";import{Fragment as C6,jsx as w6,jsxs as L6}from"react/jsx-runtime";import{Fragment as O6,jsx as A6,jsxs as R6}from"react/jsx-runtime";import{jsx as U,jsxs as Qe}from"react/jsx-runtime";var mx=De.options,px=De.states,ux={...De.defaultOptions,variant:"text"},bx=[{name:"text",title:"Text"},{name:"icon",title:"Icon"},{name:"icon-and-text",title:"Icon & Text"}],fx=[],lr=e=>{let{variant:t,...o}=e;switch(t){case"icon":return U(De,{...o,children:Qe(st,{children:[Qe(we,{root:!0,children:[U(Ne,{root:!0,icon:!0,onClick:a=>a.preventDefault(),children:U(u,{icon:"cart"})}),U(u,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),Qe(we,{children:[U(Ne,{icon:!0,onClick:a=>a.preventDefault(),children:U(u,{icon:"js"})}),U(u,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),Qe(we,{children:[U(Ne,{icon:!0,onClick:a=>a.preventDefault(),children:U(u,{icon:"truck"})}),U(u,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),U(we,{last:!0,children:U(Ne,{icon:!0,onClick:a=>a.preventDefault(),children:U(u,{icon:"wallet-outline"})})})]})});case"icon-and-text":return U(De,{...o,children:Qe(st,{children:[Qe(we,{root:!0,children:[Qe(Ne,{root:!0,icontext:!0,onClick:a=>a.preventDefault(),children:[U(u,{icon:"cart"}),U(Wt,{text:"Cart"})]}),U(u,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),Qe(we,{children:[Qe(Ne,{icontext:!0,onClick:a=>a.preventDefault(),children:[U(u,{icon:"js"}),U(Wt,{text:"Billing"})]}),U(u,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),Qe(we,{children:[Qe(Ne,{icontext:!0,onClick:a=>a.preventDefault(),children:[U(u,{icon:"truck"}),U(Wt,{text:"Shipping"})]}),U(u,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),U(we,{last:!0,children:Qe(Ne,{icontext:!0,onClick:a=>a.preventDefault(),children:[U(u,{icon:"wallet-outline"}),U(Wt,{text:"Payment"})]})})]})});default:return U(De,{...o,children:Qe(st,{children:[Qe(we,{root:!0,children:[U(Ne,{root:!0,onClick:a=>a.preventDefault(),children:U(Wt,{text:"Cart"})}),U(u,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),Qe(we,{children:[U(Ne,{onClick:a=>a.preventDefault(),children:U(Wt,{text:"Billing"})}),U(u,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),Qe(we,{children:[U(Ne,{onClick:a=>a.preventDefault(),children:U(Wt,{text:"Shipping"})}),U(u,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),U(we,{last:!0,children:U(Ne,{onClick:a=>a.preventDefault(),children:U(Wt,{text:"Payment"})})})]})})}};lr.options=mx;lr.states=px;lr.variants=bx;lr.defaultOptions=ux;lr.modifiers=fx;lr.className=De.className;import{jsx as xx}from"react/jsx-runtime";var im="k-filemanager-breadcrumb",Tx=[],hx={},gx={},Tt=e=>{let{children:t,...o}=e;return xx(De,{className:r(e.className,im),...o,children:t})};Tt.states=Tx;Tt.options=hx;Tt.className=im;Tt.defaultOptions=gx;Tt.moduleName=so;Tt.folderName=co;var Fn="pager",nm=Fn;import{Fragment as sm,jsx as ht,jsxs as ir}from"react/jsx-runtime";var Ul="k-pager",Nx=[i.focus,i.disabled],kx={size:[s.undefined,s.small,s.medium,s.large]},Ot={responsive:!0,pagerSizeInfo:!0,pageTitleInfo:!0,maxPagesInfo:!0,type:"numeric",pageSizes:!0,refresh:!0,previousNext:!0,info:"1 - 5 of 20 items",itemsPerPage:5,maxPages:6,currentPage:1},ye=e=>{let{responsive:t=Ot.responsive,size:o,pagerSizeInfo:a=Ot.pagerSizeInfo,pageTitleInfo:l=Ot.pageTitleInfo,maxPagesInfo:n=Ot.maxPagesInfo,itemsPerPage:d=Ot.itemsPerPage,maxPages:m=Ot.maxPages,currentPage:b=Ot.currentPage,previousNext:T=Ot.previousNext,type:g=Ot.type,pageSizes:k=Ot.pageSizes,refresh:f=Ot.refresh,info:w=Ot.info,focus:L,disabled:I,dir:O,...A}=e,F=[],Te=[];for(let ne=1;ne<=m;ne++)F.push(ht(c,{selected:ne===b,fillMode:"flat",themeColor:"primary",size:o,"aria-label":`Page ${ne}`,...ne===b&&{"aria-current":"page"},children:ne},ne)),Te.push(ht("option",{selected:ne===b,children:ne},ne));return ir("div",{dir:O,...A,className:r(e.className,Ul,C(Ul,{size:o}),v(Ul,{focus:L,disabled:I}),{"k-pager-responsive":t}),role:"application","aria-roledescription":"pager","aria-keyshortcuts":"Enter ArrowRight ArrowLeft","aria-label":`Page ${b} of ${m}`,children:[ir("div",{className:r("k-pager-numbers-wrap"),children:[T&&ir(sm,{children:[ht(c,{className:r("k-pager-nav","k-pager-first"),ariaDisabled:b===1,fillMode:"flat",size:o,icon:O==="rtl"?"caret-alt-to-right":"caret-alt-to-left",title:"Go to the first page","aria-label":"Go to the first page"}),ht(c,{className:r("k-pager-nav"),ariaDisabled:b===1,fillMode:"flat",size:o,icon:O==="rtl"?"chevron-right":"chevron-left",title:"Go to the previous page","aria-label":"Go to the previous page"})]}),g==="numeric"&&ht("div",{className:r("k-pager-numbers"),children:F}),g==="input"&&ir("span",{className:r("k-pager-input"),children:[l&&ht("span",{children:"Page"}),ht(W,{value:`${b}`,size:o,showSpinButton:!1,showClearButton:!1,"aria-label":"Current page"}),ht("span",{children:n&&`of ${m}`})]}),T&&ir(sm,{children:[ht(c,{className:r("k-pager-nav"),ariaDisabled:b===m,fillMode:"flat",size:o,icon:O==="rtl"?"chevron-left":"chevron-right",title:"Go to the next page","aria-label":"Go to the next page"}),ht(c,{className:r("k-pager-nav","k-pager-last"),ariaDisabled:b===m,fillMode:"flat",size:o,icon:O==="rtl"?"caret-alt-to-left":"caret-alt-to-right",title:"Go to the last page","aria-label":"Go to the last page"})]})]}),k&&ir("span",{className:r("k-pager-sizes"),children:[ht(me,{value:`${d}`,size:o,"aria-label":"Items per page"}),a&&ht("span",{children:"items per page"})]}),f&&ht(c,{className:r("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw",title:"Refresh","aria-label":"Refresh"}),w&&ht("span",{className:r("k-pager-info"),children:w})]})};ye.states=Nx;ye.options=kx;ye.className=Ul;ye.defaultOptions=Ot;ye.moduleName=Fn;ye.folderName=nm;ye.ariaSpec={selector:".k-pager",rules:[{selector:".k-pager",attribute:"role=application",usage:"Indicates that the pager has its own keyboard navigation implemented."},{selector:".k-pager",attribute:"aria-roledescription=pager",usage:"Clarifies the role of the Pager."},{selector:".k-pager",attribute:"aria-keyshortcuts=Enter ArrowRight ArrowLeft",usage:"Announces the available keyboard shortcuts."},{selector:".k-pager",attribute:"aria-label",usage:"Announces the currently selected page and the number of available pages."},{selector:".k-pager-nav",attribute:"role=button or nodeName=button",usage:"Specifies the role of the navigation element."},{selector:".k-pager-nav.k-disabled",attribute:"aria-disabled=true",usage:"Present when the navigation button is non-interactive."},{selector:".k-pager-nav",attribute:"title",usage:"Specifies the purpose of each navigation button."},{selector:".k-pager-numbers .k-button",attribute:"aria-label or title",usage:"Specifies the purpose of each page link, e.g., Page 6."},{selector:".k-pager-numbers .k-button.k-selected",attribute:"aria-current=page",usage:"Present on the currently selected page element."},{selector:".k-pager-sizes .k-dropdownlist",attribute:"aria-label or aria-labelledby",usage:"The DropDownList requires a label to specify its purpose."},{selector:".k-pager-input .k-input-inner",attribute:"aria-label",usage:"The input requires a label to specify its purpose."}]};import{jsx as vx}from"react/jsx-runtime";var dm=e=>vx(ye,{...e,responsive:!1});import{jsx as k4}from"react/jsx-runtime";import{jsx as C4}from"react/jsx-runtime";import{jsx as cm}from"react/jsx-runtime";var wx=ye.options,Lx=ye.states,Cx={...ye.defaultOptions,variant:"numeric"},Mx=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],Sx=[],nr=e=>{let{variant:t,...o}=e;return t==="input"?cm(ye,{...o,type:"input"}):cm(ye,{...o,type:"numeric"})};nr.options=wx;nr.states=Lx;nr.variants=Mx;nr.defaultOptions=Cx;nr.modifiers=Sx;nr.className=ye.className;var ol="listview",Vl=ol;import{Fragment as Ex,jsx as Vo,jsxs as mm}from"react/jsx-runtime";var Un="k-listview",yx=[i.loading,i.disabled],Ix={},pm={pagerPosition:"bottom"},Ue=e=>{let{header:t,footer:o,pageable:a,pagerPosition:l=pm.pagerPosition,bordered:n,layout:d,flexDirection:m,flexWrap:b,gridColumns:T,loading:g,disabled:k,selectable:f,contentAriaLabel:w,...L}=e,I=Vo(dm,{className:`k-listview-pager k-listview-pager-${l}`}),O=Vo(Ex,{children:mm("div",{className:"k-loading-mask",style:{height:"100%",width:"100%"},children:[Vo("span",{className:"k-loading-text",children:"Loading..."}),Vo("div",{className:"k-loading-image"}),Vo("div",{className:"k-loading-color"})]})});return mm("div",{...L,className:r(e.className,Un,{"k-listview-bordered":n,"k-selectable":f},v(Un,{disabled:k,loading:g})),children:[a&&l==="top"&&I,t&&Vo("div",{className:"k-listview-header",children:"Header"}),Vo("div",{className:r("k-listview-content",{[`k-d-${d}`]:d,[`k-flex-${m}`]:m,[`k-flex-${b}`]:b,[`k-grid-cols-${T}`]:T}),role:f?"listbox":"list","aria-label":w,children:e.children}),g&&O,o&&Vo("div",{className:"k-listview-footer",children:"Footer"}),a&&l==="bottom"&&I]})};Ue.states=yx;Ue.options=Ix;Ue.className=Un;Ue.defaultOptions=pm;Ue.moduleName=ol;Ue.folderName=Vl;Ue.ariaSpec={selector:".k-listview",rules:[{selector:".k-listview:not(.k-selectable) .k-listview-content",attribute:"role=list",usage:"Specifies the role of non selectable ListView content element."},{selector:".k-listview.k-selectable .k-listview-content",attribute:"role=listbox",usage:"Specifies the role of selectable ListView content element."},{selector:".k-listview:not(.k-selectable) .k-listview-item",attribute:"role=listitem",usage:"Specifies the role of each item in a non selectable ListView."},{selector:".k-listview.k-selectable .k-listview-item",attribute:"role=option",usage:"Specifies the role of each item in a selectable ListView."},{selector:".k-listview-item",attribute:"aria-setsize",usage:"Specifies the total number of items present in the ListView."},{selector:".k-listview-item",attribute:"aria-posinset",usage:"Specifies the position of the current item in the entire list."},{selector:".k-listview-item:nth-child(1)",attribute:"tabindex=0",usage:"The first item in the ListView must be focusable by default."}]};import{jsx as Px}from"react/jsx-runtime";var Vn="k-listview-item",Ax=[i.focus,i.selected],Rx={},Ox={},ie=e=>{let{focus:t,selected:o,itemRole:a,ariaSetSize:l,ariaPosInSet:n,tabIndex:d,...m}=e;return Px("div",{...m,className:r(e.className,Vn,v(Vn,{focus:t,selected:o})),role:a,"aria-setsize":l,"aria-posinset":n,tabIndex:d,"aria-selected":a==="option"&&o?"true":void 0,children:e.children})};ie.states=Ax;ie.options=Rx;ie.className=Vn;ie.defaultOptions=Ox;ie.moduleName=ol;ie.folderName=Vl;import{Fragment as Bx,jsx as ba,jsxs as Gx}from"react/jsx-runtime";var $n=e=>ba(Ue,{children:Gx(Bx,{children:[ba(ie,{itemRole:"listitem",ariaSetSize:3,ariaPosInSet:1,tabIndex:0,children:ba("div",{children:"Listview Item"})}),ba(ie,{itemRole:"listitem",ariaSetSize:3,ariaPosInSet:2,children:ba("div",{children:"Listview Item"})}),ba(ie,{itemRole:"listitem",ariaSetSize:3,ariaPosInSet:3,children:ba("div",{children:"Listview Item"})})]}),...e});import{jsx as j4}from"react/jsx-runtime";import{Fragment as r7,jsx as a7,jsxs as l7}from"react/jsx-runtime";import{jsx as Zt,jsxs as um}from"react/jsx-runtime";var Hx=Ue.options,Kx=Ue.states,bm={...Ue.defaultOptions,variant:"flex"},_x=[{name:"flex",title:"Flex"},{name:"grid",title:"Grid"},{name:"loading",title:"Loading"}],Dx=[{name:"pageable",title:"Pager"}],sr=e=>{let{variant:t,modifiers:o,...a}={...bm,...e},l={};return l.loading=t==="loading",Object.keys(o||{}).forEach(n=>{n==="pageable"&&(l.pageable=!!o?.[n])}),t==="grid"?um($n,{style:{width:"324px"},...a,...l,bordered:!0,layout:"grid",gridColumns:2,children:[Zt(ie,{className:"k-p-2",children:"Listview Item"}),Zt(ie,{className:"k-p-2",children:"Listview Item"}),Zt(ie,{className:"k-p-2",selected:!0,children:"Listview Item"}),Zt(ie,{className:"k-p-2",children:"Listview Item"}),Zt(ie,{className:"k-p-2",children:"Listview Item"}),Zt(ie,{className:"k-p-2",children:"Listview Item"})]}):um($n,{style:{width:"324px"},...a,...l,bordered:!0,layout:"flex",flexDirection:"col",children:[Zt(ie,{className:"k-p-2",children:"Listview Item"}),Zt(ie,{className:"k-p-2",children:"Listview Item"}),Zt(ie,{className:"k-p-2",selected:!0,children:"Listview Item"}),Zt(ie,{className:"k-p-2",children:"Listview Item"}),Zt(ie,{className:"k-p-2",children:"Listview Item"})]})};sr.options=Hx;sr.states=Kx;sr.variants=_x;sr.defaultOptions=bm;sr.modifiers=Dx;sr.className=Ue.className;import{jsx as Vx}from"react/jsx-runtime";var fm="k-filemanager-listview",zx=[],Fx={},Ux={},mo=e=>{let{children:t,...o}=e;return Vx(Ue,{className:r(e.className,fm),layout:"flex",flexDirection:"row",flexWrap:"wrap",selectable:!0,contentAriaLabel:"Files",...o,children:t})};mo.states=zx;mo.options=Fx;mo.className=fm;mo.defaultOptions=Ux;mo.moduleName=so;mo.folderName=co;import Xn from"react";import Wn from"react";import{jsx as Wx}from"react/jsx-runtime";var $x="k-treeview-group",vo=e=>{let{children:t,dir:o,level:a=1,role:l="group",...n}=e;return Wx("ul",{...n,className:r(e.className,$x),role:l,children:Wn.Children.map(t,(d,m)=>Wn.isValidElement(d)?Wn.cloneElement(d,{dir:o,level:a,key:m}):d)})};var al="treeview",$l=al;import{jsx as Tm}from"react/jsx-runtime";var Jn="k-treeview",Xx=[],Jx={size:[s.undefined,s.small,s.medium,s.large]},qx={},Oe=e=>{let{size:t,children:o,dir:a,...l}=e;return Tm("div",{...l,dir:a,className:r(e.className,Jn,C(Jn,{size:t})),children:Tm(vo,{className:"k-treeview-lines",role:"tree",dir:a,children:Xn.Children.map(o,(n,d)=>Xn.isValidElement(n)?Xn.cloneElement(n,{dir:a,key:d}):n)})})};Oe.states=Xx;Oe.options=Jx;Oe.className=Jn;Oe.defaultOptions=qx;Oe.moduleName=al;Oe.folderName=$l;Oe.ariaSpec={selector:".k-treeview",rules:[{selector:".k-treeview-lines",attribute:"role=tree",usage:"The root list element of the treeview."},{selector:".k-treeview-group:not(.k-treeview-lines)",attribute:"role=group",usage:"The ul element that wraps child nodes."},{selector:".k-treeview-item",attribute:"role=treeitem",usage:"The li element rendered for a tree node."},{selector:".k-treeview-item",attribute:"aria-expanded=true/false (when present)",usage:"Announces the expanded state of the node."},{selector:".k-treeview-item",attribute:"aria-checked=true/false (when present)",usage:"Announces the checked state of the node when checkboxes are enabled."},{selector:".k-treeview-item",attribute:"aria-selected=true (when present)",usage:"Announces the selected state of the node when selection is enabled."},{selector:".k-treeview-item .k-checkbox",attribute:"aria-label",usage:"The checkbox input must have an accessible name matching the treeview item text."},{selector:".k-treeview-item .k-checkbox",attribute:"tabindex=-1",usage:"The checkbox input must not be in the tab order. Keyboard interaction is handled by the treeitem."}]};import Yn from"react";import{jsx as hm,jsxs as Zx}from"react/jsx-runtime";var qn="k-treeview-leaf",Yx=[i.hover,i.focus,i.selected],Qx={},Wl=e=>{let{text:t,showIcon:o,icon:a,hover:l,focus:n,selected:d,...m}=e;return Zx("span",{...m,className:r(e.className,qn,v(qn,{hover:l,focus:n,selected:d})),children:[o&&hm(u,{icon:a}),hm("span",{className:"k-treeview-leaf-text",children:t})]})};Wl.states=Yx;Wl.options=Qx;Wl.className=qn;var gm=Wl;import{jsx as Xl,jsxs as xm}from"react/jsx-runtime";var Nm="k-treeview-item",jx=[i.hover,i.focus,i.selected,i.disabled],eN={},tN={},de=e=>{let{leafClassName:t,children:o,hasChildren:a,expanded:l,text:n,showIcon:d,icon:m,showCheckbox:b,checked:T,hover:g,focus:k,selected:f,disabled:w,dir:L,level:I=1,ariaSelected:O,...A}=e,F=a||o;return xm("li",{...A,className:r(e.className,Nm),style:{"--kendo-treeview-level":I},role:"treeitem","aria-expanded":F?l?"true":"false":void 0,"aria-checked":b?T?"true":"false":void 0,"aria-selected":O?"true":void 0,"aria-disabled":w?"true":void 0,children:[xm("span",{className:r("k-treeview-item-content",v("k-treeview-item-content",{hover:g,focus:k,selected:f,disabled:w})),children:[F&&Xl("span",{className:r("k-treeview-toggle",v("k-treeview-toggle",{disabled:w})),children:Xl(u,{icon:l?"chevron-down":L==="rtl"?"chevron-left":"chevron-right"})}),b&&Xl(Ge,{checked:T,disabled:w,"aria-label":n,tabIndex:-1}),Xl(gm,{className:t,text:n,showIcon:d,icon:m})]}),l&&F&&Yn.Children.map(o,(Te,ne)=>Yn.isValidElement(Te)?Yn.cloneElement(Te,{dir:L,level:I+1,key:ne}):Te)]})};de.states=jx;de.options=eN;de.className=Nm;de.defaultOptions=tN;de.moduleName=al;de.folderName=$l;import{jsx as Q7}from"react/jsx-runtime";import{jsx as t9,jsxs as o9}from"react/jsx-runtime";import{jsx as i9,jsxs as n9}from"react/jsx-runtime";import{jsx as m9,jsxs as p9}from"react/jsx-runtime";import{jsx as T9,jsxs as h9}from"react/jsx-runtime";import{jsx as k9,jsxs as v9}from"react/jsx-runtime";import{jsx as fa,jsxs as Qn}from"react/jsx-runtime";var oN=Oe.options,aN=Oe.states,rN=Oe.defaultOptions,lN=[{name:"checkboxes",title:"Show `Checkbox`",default:!1}],iN=[],dr=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(l=>{l==="checkboxes"&&(a.showCheckbox=t?.[l])}),Qn(Oe,{...o,children:[fa(de,{text:"Furniture",expanded:!0,...a,children:Qn(vo,{children:[fa(de,{text:"Tables & Chairs",...a}),fa(de,{text:"Sofas",...a}),fa(de,{text:"Occasional Furniture",...a})]})}),Qn(de,{text:"Decor",expanded:!1,...a,children:[fa(de,{text:"Bed Linen",...a}),fa(de,{text:"Curtains & Blinds",...a}),fa(de,{text:"Carpets",...a})]})]})};dr.options=oN;dr.states=aN;dr.variants=iN;dr.defaultOptions=rN;dr.modifiers=lN;dr.className=Oe.className;import{jsx as cN}from"react/jsx-runtime";var km="k-filemanager-treeview",nN=[],sN={},dN={},gt=e=>{let{children:t,...o}=e;return cN(Oe,{className:r(e.className,km),...o,children:t})};gt.states=nN;gt.options=sN;gt.className=km;gt.defaultOptions=dN;gt.moduleName=so;gt.folderName=co;import{jsx as vm,jsxs as uN}from"react/jsx-runtime";var wm="k-filemanager-drag-hint",mN=[],pN={},Lm={icon:"file"},Jl=e=>{let{hint:t,icon:o=Lm.icon,...a}=e;return uN("div",{className:r(e.className,wm,"k-drag-clue"),...a,children:[vm(u,{icon:o}),vm("span",{children:t})]})};Jl.states=mN;Jl.options=pN;Jl.className=wm;Jl.defaultOptions=Lm;import{Fragment as rl,jsx as xt,jsxs as cr}from"react/jsx-runtime";var Cm="k-file-info",bN=[],fN={},Zn={name:"No File Selected",icon:"file"},$o=e=>{let{selection:t,name:o=Zn.name,icon:a=Zn.icon,fileType:l,fileSize:n,fileDateCreated:d,fileDateModified:m,...b}=e;return cr("div",{...b,className:r(e.className,Cm),children:[xt(Ve,{className:r({"k-single-file-selected":t==="single","k-multiple-files-selected":t==="multiple","k-no-file-selected":t==="none"}),icon:t==="none"?"none":a,name:o,size:"xxxlarge"}),t==="single"&&xt(rl,{children:cr("dl",{className:"k-file-meta",children:[l&&cr(rl,{children:[xt("dt",{className:"k-file-meta-label",children:"Type: "}),xt("dd",{className:"k-file-meta-value k-file-type",children:l}),xt("dd",{className:"k-line-break"})]}),n&&cr(rl,{children:[xt("dt",{className:"k-file-meta-label",children:"Size: "}),xt("dd",{className:"k-file-meta-value k-file-size",children:n}),xt("dd",{className:"k-line-break"})]}),d&&cr(rl,{children:[xt("dt",{className:"k-file-meta-label",children:"Date Created: "}),xt("dd",{className:"k-file-meta-value k-file-created",children:d}),xt("dd",{className:"k-line-break"})]}),m&&cr(rl,{children:[xt("dt",{className:"k-file-meta-label",children:"Date Modified: "}),xt("dd",{className:"k-file-meta-value k-file-modified",children:m}),xt("dd",{className:"k-line-break"})]})]})})]})};$o.states=bN;$o.options=fN;$o.className=Cm;$o.defaultOptions=Zn;import{Fragment as xN,jsx as jn,jsxs as NN}from"react/jsx-runtime";var Mm="k-file-preview",TN=[],hN={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge]},gN={},Ve=e=>{let{size:t,icon:o,name:a,...l}=e;return NN(xN,{children:[jn("span",{...l,className:r(Mm),children:jn(u,{className:"k-file-icon",icon:o,size:t})}),jn("span",{className:r(e.className,"k-file-name"),children:a})]})};Ve.states=TN;Ve.options=hN;Ve.className=Mm;Ve.defaultOptions=gN;import{jsx as wN}from"react/jsx-runtime";var Ta="k-pane",kN=[],vN={},es={resizable:!0,flex:!1},fe=e=>{let{scrollable:t,flexBasis:o,flex:a=es.flex,collapsible:l,resizable:n=es.resizable,pinned:d,unpinned:m,tabbed:b,...T}=e;return wN("div",{...T,style:{flexBasis:o,...e.style},className:r(e.className,Ta,{[`${Ta}-static`]:o,[`${Ta}-flex`]:a,"k-scrollable":t,[`${Ta}-pinned`]:d,[`${Ta}-unpinned`]:m,[`${Ta}-tabbed`]:b}),role:"group",children:e.children})};fe.states=kN;fe.options=vN;fe.className=Ta;fe.defaultOptions=es;import{Fragment as Sm,jsx as ha,jsxs as MN}from"react/jsx-runtime";var mr="k-splitbar",LN=[i.hover,i.focus],CN={},ts={orientation:"horizontal",draggable:!0},pr=e=>{let{hover:t,focus:o,orientation:a=ts.orientation,draggable:l=ts.draggable,collapsePrev:n,collapseNext:d,ariaLabel:m,...b}=e;return MN("div",{...b,className:r(e.className,mr,v(mr,{hover:t,focus:o}),{[`${mr}-${a}`]:a,[`${mr}-draggable-${a}`]:l,[`${mr}-static-${a}`]:!l&&!n&&!d}),role:"separator","aria-label":m,...a==="horizontal"&&{"aria-orientation":"vertical"},"aria-keyshortcuts":"ArrowLeft ArrowRight ArrowUp ArrowDown",children:[n&&ha(Sm,{children:ha("div",{className:"k-collapse-prev",children:ha(u,{icon:`chevron-${a==="horizontal"?"left":"up"}`,size:"xsmall"})})}),ha("div",{className:"k-resize-handle","aria-hidden":"true"}),d&&ha(Sm,{children:ha("div",{className:"k-collapse-next",children:ha(u,{icon:`chevron-${a==="horizontal"?"right":"down"}`,size:"xsmall"})})})]})};pr.states=LN;pr.options=CN;pr.className=mr;pr.defaultOptions=ts;var os="splitter",ym=os;import{jsx as IN,jsxs as EN}from"react/jsx-runtime";import{createElement as yN}from"react";var as="k-splitter",SN={},Im={orientation:"horizontal"},Ce=e=>{let{orientation:t=Im.orientation,children:o,panes:a,...l}=e,n=[];return a&&a.forEach((d,m)=>{let b=a[m+1],T=d.props,g=b?.props;n.push(yN(fe,{...T,key:m})),b&&n.push(IN(pr,{draggable:T.resizable!==!1&&g.resizable!==!1,collapsePrev:T.collapsible,collapseNext:g.collapsible,orientation:t,ariaLabel:"Pane separator"},`splitbar-${m}`))}),EN("div",{...l,className:r(e.className,as,{[`${as}-${t}`]:t},"k-splitter-flex"),children:[n,o]})};Ce.options=SN;Ce.className=as;Ce.defaultOptions=Im;Ce.moduleName=os;Ce.folderName=ym;Ce.ariaSpec={selector:".k-splitter",rules:[{selector:".k-pane",attribute:"role=group",usage:"Sets the proper role for the Splitter pane."},{selector:".k-splitbar",attribute:"role=separator",usage:"Sets the proper role for the Splitter split-bar element."},{selector:".k-splitbar",attribute:"aria-label",usage:"An accessible name for the separator."},{selector:".k-splitbar-horizontal",attribute:"aria-orientation=vertical",usage:"When a splitbar separates two panes horizontally, its aria-orientation must be explicitly set to vertical."},{selector:".k-splitbar",attribute:"aria-keyshortcuts",usage:"Announces available keyboard shortcuts."}]};import{jsx as LV,jsxs as CV}from"react/jsx-runtime";import{jsx as IV,jsxs as EV}from"react/jsx-runtime";import{jsx as ur}from"react/jsx-runtime";import{createElement as ql}from"react";var AN=Ce.options,RN=Ce.states,Em={...Ce.defaultOptions,variant:"horizontal",firstPaneProps:!0,secondPaneProps:!0},ON=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],PN=[{name:"firstPaneProps",title:"Collapsible Left"},{name:"secondPaneProps",title:"Collapsible Right"}],br=e=>{let{variant:t,modifiers:o,...a}={...Em,...e},l=b=>({collapsible:b,content:b?"Resizable and collapsible":"Resizable only"}),n=l(!0),d=l(!0),m={display:"flex",justifyContent:"center",alignItems:"center"};return Object.keys(o||{}).forEach(b=>{let T=o?.[b];switch(b){case"secondPaneProps":d=l(!!T);break;case"firstPaneProps":n=l(!!T);break;default:break}}),t==="vertical"?ur(Ce,{style:{height:"238px"},...a,orientation:"vertical",panes:[ql(fe,{...n,flexBasis:"50%",style:m,key:"pane-1"},ur("p",{children:n.content})),ql(fe,{...d,flexBasis:"50%",style:m,key:"pane-2"},ur("p",{children:d.content}))]}):ur(Ce,{style:{height:"238px"},...a,orientation:"horizontal",panes:[ql(fe,{...n,flexBasis:"50%",style:m,key:"pane-1"},ur("p",{children:n.content})),ql(fe,{...d,flexBasis:"50%",style:m,key:"pane-2"},ur("p",{children:d.content}))]})};br.options=AN;br.states=RN;br.variants=ON;br.defaultOptions=Em;br.modifiers=PN;br.className=Ce.className;import{Fragment as BN,jsx as ge,jsxs as fr}from"react/jsx-runtime";var Am=e=>ge(_e,{toolbar:fr(Ye,{children:[ge(c,{children:"New Folder"}),ge(c,{children:"Upload"}),fr(R,{children:[ge(c,{className:"k-group-start",icon:"sort-asc-small","aria-label":"Sort ascending"}),ge(c,{className:"k-group-end",icon:"sort-desc-small","aria-label":"Sort descending"})]}),ge(K,{text:"Sort By"}),fr(R,{children:[ge(c,{className:"k-group-start",icon:"grid","aria-label":"Grid view"}),ge(c,{className:"k-group-end",icon:"grid-layout",selected:!0,"aria-label":"List view"})]}),ge("div",{className:"k-spacer"}),fr("div",{className:"k-filemanager-details-toggle",children:[ge("label",{children:"View Details"}),ge(ve,{"aria-label":"View Details"})]}),ge(Le,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:ge(BN,{children:ge(Ce,{className:"k-filemanager-splitter",panes:[ge(fe,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:ge(gt,{children:ge(de,{text:"Folder"})})},"pane-1"),fr(fe,{className:"k-filemanager-content",scrollable:!0,children:[ge(Tt,{children:ge(st,{children:ge(we,{root:!0,children:ge(Ne,{root:!0,icon:!0,"aria-label":"Home",children:ge(u,{icon:"home"})})})})}),fr(mo,{children:[ge(ie,{itemRole:"option",ariaSetSize:2,ariaPosInSet:1,tabIndex:0,children:ge(Ve,{name:"Folder",icon:"folder",size:"xxxlarge"})}),ge(ie,{itemRole:"option",ariaSetSize:2,ariaPosInSet:2,tabIndex:-1,children:ge(Ve,{name:"file.png",icon:"file-image",size:"xxxlarge"})})]})]},"pane-2")]})}),...e});import{Fragment as GN,jsx as ue,jsxs as Tr}from"react/jsx-runtime";var Rm=e=>ue(_e,{toolbar:Tr(Ye,{children:[ue(c,{children:"New Folder"}),ue(c,{children:"Upload"}),Tr(R,{children:[ue(c,{className:"k-group-start",icon:"sort-asc-small","aria-label":"Sort ascending"}),ue(c,{className:"k-group-end",icon:"sort-desc-small","aria-label":"Sort descending"})]}),ue(K,{text:"Sort By"}),Tr(R,{children:[ue(c,{className:"k-group-start",icon:"grid","aria-label":"Grid view"}),ue(c,{className:"k-group-end",icon:"grid-layout",selected:!0,"aria-label":"List view"})]}),ue("div",{className:"k-spacer"}),Tr("div",{className:"k-filemanager-details-toggle",children:[ue("label",{children:"View Details"}),ue(ve,{checked:!0,"aria-label":"View Details"})]}),ue(Le,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:ue(GN,{children:ue(Ce,{className:"k-filemanager-splitter",panes:[ue(fe,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:ue(gt,{children:ue(de,{text:"Folder"})})},"pane-1"),Tr(fe,{className:"k-filemanager-content",scrollable:!0,children:[ue(Tt,{children:ue(st,{children:ue(we,{root:!0,children:ue(Ne,{root:!0,icon:!0,"aria-label":"Home",children:ue(u,{icon:"home"})})})})}),Tr(mo,{children:[ue(ie,{itemRole:"option",ariaSetSize:2,ariaPosInSet:1,tabIndex:0,children:ue(Ve,{name:"Folder",icon:"folder",size:"xxxlarge"})}),ue(ie,{itemRole:"option",ariaSetSize:2,ariaPosInSet:2,tabIndex:-1,children:ue(Ve,{name:"file.png",icon:"file-image",size:"xxxlarge"})})]})]},"pane-2"),ue(fe,{className:"k-filemanager-preview",collapsible:!0,scrollable:!0,flexBasis:"25%",tabIndex:0,children:ue($o,{selection:"none",name:"No File Selected"})},"pane-3")]})}),...e});var We="table",Ze=We;import{jsx as DN}from"react/jsx-runtime";var Om="k-data-table",HN=[],KN={size:[s.undefined,s.small,s.medium,s.large]},_N={},wo=e=>{let{size:t,...o}=e;return DN("div",{...o,className:r(e.className,Om,C("k-table",{size:t})),children:e.children})};wo.states=HN;wo.options=KN;wo.className=Om;wo.defaultOptions=_N;wo.moduleName=We;wo.folderName=Ze;import{jsx as VN}from"react/jsx-runtime";var rs="k-table-header-wrap",zN=[i.hover,i.focus,i.disabled],FN={},UN={},Wo=e=>{let{children:t,hover:o,focus:a,disabled:l,...n}=e;return VN("div",{...n,className:r(e.className,rs,v(rs,{hover:o,focus:a,disabled:l})),children:t})};Wo.states=zN;Wo.options=FN;Wo.className=rs;Wo.defaultOptions=UN;Wo.moduleName=We;Wo.folderName=Ze;import{jsx as JN}from"react/jsx-runtime";var ls="k-table",$N=[],WN={size:[s.undefined,s.small,s.medium,s.large]},XN={},je=e=>{let{size:t,...o}=e;return JN("table",{...o,className:r(e.className,ls,C(ls,{size:t})),children:e.children})};je.states=$N;je.options=WN;je.className=ls;je.defaultOptions=XN;je.moduleName=We;je.folderName=Ze;import{jsx as is}from"react/jsx-runtime";var ns="k-table-header",qN=[i.hover,i.focus,i.disabled],YN={},QN={},Lo=e=>{let{children:t,hover:o,focus:a,disabled:l,...n}=e;return is("div",{...n,className:r(e.className,ns,v(ns,{hover:o,focus:a,disabled:l})),children:is(Wo,{children:is(je,{children:t})})})};Lo.states=qN;Lo.options=YN;Lo.className=ns;Lo.defaultOptions=QN;Lo.moduleName=We;Lo.folderName=Ze;import{jsx as tk}from"react/jsx-runtime";var Pm="k-table-scroller",ZN=[],jN={},ek={},hr=e=>{let{children:t,...o}=e;return tk("div",{...o,className:r(e.className,Pm),children:t})};hr.states=ZN;hr.options=jN;hr.className=Pm;hr.defaultOptions=ek;hr.moduleName=We;hr.folderName=Ze;import{jsx as F$}from"react/jsx-runtime";import{jsx as lk}from"react/jsx-runtime";var Bm="k-table-footer",ok=[],ak={},rk={},Xo=e=>{let{children:t,...o}=e;return lk("div",{...o,className:r(e.className,Bm),children:t})};Xo.states=ok;Xo.options=ak;Xo.className=Bm;Xo.defaultOptions=rk;Xo.moduleName=We;Xo.folderName=Ze;import{jsx as dk}from"react/jsx-runtime";var ss="k-table-list",ik=[],nk={size:[s.undefined,s.small,s.medium,s.large]},sk={},Jo=e=>{let{size:t,virtualization:o,...a}=e;return dk("ul",{...a,className:r(e.className,"k-table",ss,C(ss,{size:t}),{"k-virtual-table":o}),children:e.children})};Jo.states=ik;Jo.options=nk;Jo.className=ss;Jo.defaultOptions=sk;Jo.moduleName=We;Jo.folderName=Ze;import{jsx as mk}from"react/jsx-runtime";var ck="k-table-thead",q=e=>mk("thead",{className:r(e.className,ck),children:e.children});import{jsx as uk}from"react/jsx-runtime";var pk="k-table-tbody",te=e=>uk("tbody",{className:r(e.className,pk),children:e.children});import{jsx as i8}from"react/jsx-runtime";import{jsx as fk}from"react/jsx-runtime";var ds="k-table-row",bk=[i.hover,i.focus,i.selected,i.disabled,i.highlighted],y=e=>{let{hover:t,focus:o,selected:a,highlighted:l,disabled:n,alt:d,...m}=e;return fk("tr",{...m,className:r(e.className,ds,{"k-table-alt-row":d},v(ds,{hover:t,focus:o,disabled:n,selected:a,highlighted:l})),children:e.children})};y.states=bk;y.className=ds;import{jsx as hk}from"react/jsx-runtime";var cs="k-table-row",Tk=[i.hover,i.focus,i.selected,i.disabled],Yl=e=>{let{hover:t,focus:o,selected:a,disabled:l,alt:n,...d}=e;return hk("li",{...d,className:r(e.className,cs,{"k-table-alt-row":n},v(cs,{hover:t,focus:o,disabled:l,selected:a})),children:e.children})};Yl.states=Tk;Yl.className=cs;import{jsx as gk}from"react/jsx-runtime";var Gm="k-table-th",Co=e=>{let{text:t,colspan:o,rowspan:a,...l}=e,n=t||e.children;return gk("th",{colSpan:o,rowSpan:a,...l,className:r(e.className,Gm),children:n})};Co.className=Gm;Co.moduleName=We;Co.folderName=Ze;import{jsx as N8}from"react/jsx-runtime";import{jsx as Nk}from"react/jsx-runtime";var ms="k-table-td",xk=[i.focus,i.selected,i.highlighted],p=e=>{let{focus:t,selected:o,highlighted:a,text:l,colspan:n,rowspan:d,...m}=e,b=l||e.children;return Nk("td",{colSpan:n,rowSpan:d,...m,className:r(e.className,ms,v(ms,{focus:t,selected:o,highlighted:a})),children:b})};p.states=xk;p.className=ms;import{jsx as S8}from"react/jsx-runtime";import{jsx as A8}from"react/jsx-runtime";import{jsx as B8}from"react/jsx-runtime";import{jsx as _8}from"react/jsx-runtime";import{jsx as U8}from"react/jsx-runtime";import{jsx as Y8,jsxs as Q8}from"react/jsx-runtime";import{jsx as tW,jsxs as oW}from"react/jsx-runtime";import{jsx as iW,jsxs as nW}from"react/jsx-runtime";import{Fragment as uW,jsx as mW,jsxs as pW}from"react/jsx-runtime";var Y="grid",oe=Y;import{jsx as Mk,jsxs as Sk}from"react/jsx-runtime";var Ql="k-grid",wk=[],Lk={size:[s.undefined,s.small,s.medium,s.large]},Ck=[],_m={pagerPosition:"bottom"},_=e=>{let{size:t,pagerPosition:o=_m.pagerPosition,toolbar:a,pager:l,groupingHeader:n,gridSelectionAggregates:d,_renderAriaRoot:m,resizable:b,ariaColCount:T,ariaRowCount:g,ariaRootId:k,ariaRole:f="grid",...w}=e;return Sk("div",{...w,className:r(e.className,Ql,{[`${Ql}-resizable`]:b},C(Ql,{size:t})),children:[a,o==="top"&&l,n,e.children&&m?Mk("div",{className:"k-grid-aria-root",role:f,id:k,"aria-colcount":T,"aria-rowcount":g,children:e.children}):e.children,d,o==="bottom"&&l]})};_.states=wk;_.options=Lk;_.variants=Ck;_.className=Ql;_.defaultOptions=_m;_.moduleName=Y;_.folderName=oe;_.ariaSpec={selector:".k-grid",rules:[{selector:".k-grid-toolbar",attribute:"role=toolbar",usage:"The toolbar is a collection of command buttons and inputs."},{selector:".k-grid-toolbar",attribute:"aria-label",usage:"Clarifies the purpose of the toolbar."},{selector:".k-grid-toolbar",attribute:"aria-controls=.k-grid-aria-root id (when present)",usage:"Pointing to the id of the element with role=grid."},{selector:".k-grouping-header",attribute:"role=toolbar",usage:"The Grouping pane is a ToolBar (collection of buttons)."},{selector:".k-grouping-header",attribute:"aria-label",usage:"Clarifies the purpose of the grouping pane."},{selector:".k-grouping-header",attribute:"aria-controls=.k-grid-aria-root id (when present)",usage:"Pointing to the id of the element with role=grid."},{selector:".k-grouping-header .k-chip-list",attribute:"role=none",usage:"The ChipList default listbox role is removed to keep the toolbar --> button roles hierarchy."},{selector:".k-grouping-header .k-chip",attribute:"role=button",usage:"If the element used is not <button>, then the role must be specified."},{selector:".k-grid:not(.k-treelist) .k-grid-aria-root",attribute:"role=grid",usage:"The role specifies the element is a Data Grid."},{selector:".k-grid-aria-root",attribute:"aria-colcount (when present)",usage:"The total number of columns in the Grid. Needed for Virtual columns and Hidden columns scenarios."},{selector:".k-grid-aria-root",attribute:"aria-rowcount (when present)",usage:"The total number of rows in the table. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:".k-grid-header-wrap>table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-grid-header-wrap>table>thead",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)",attribute:"aria-rowindex (when present)",usage:"Row number. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th:not(.k-hierarchy-cell):not(.k-group-cell):not(.k-drag-cell)",attribute:"role=columnheader",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th",attribute:"aria-sort (when present)",usage:"Present if sorting is enabled for that column."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th",attribute:"aria-colindex (when present)",usage:"Col number. Needed for Virtual columns and Hidden columns scenarios."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th",attribute:"aria-haspopup=dialog (when present)",usage:"Present if the column has a ColumnMenu or FilterMenu."},{selector:".k-grid-header-wrap>table>thead>tr.k-filter-row>td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr.k-filter-row>td",attribute:"aria-label",usage:"Has a label indicating that the cell is part of a filter row."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table, .k-grid-pinned-container .k-grid-table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody, .k-grid-pinned-container tbody",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr, .k-grid-pinned-container tbody tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr, .k-grid-pinned-container tbody tr",attribute:"aria-rowindex (when present)",usage:"Row number. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr>td, .k-grid-pinned-container tbody td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr>td, .k-grid-pinned-container tbody td",attribute:"aria-colindex (when present)",usage:"Col number. Needed for Virtual columns and Hidden columns scenarios."},{selector:"tr.k-selected",attribute:"aria-selected=true",usage:"Set on the currently selected row(s) in row selection mode. All cells within the selected row also carry aria-selected=true (without k-selected class). Applies to both regular and pinned rows."},{selector:"td.k-selected",attribute:"aria-selected=true",usage:"Set on the currently selected cell(s) in cell selection mode. The k-selected class on cells is only applied in cell selection mode, but aria-selected=true is present on cells regardless of selection mode."},{selector:".k-master-row .k-hierarchy-cell, .k-grouping-row>td",attribute:"aria-expanded",usage:"For cells holding grouping criteria values and for Master row cells in Detail template scenario."},{selector:".k-group-cell",attribute:"role=presentation",usage:"Group offset cells (header and content) are non-interactive placeholders with no semantic role."},{selector:".k-drag-cell",attribute:"aria-label",usage:"Must be present in a Drag Row scenario on the cell containing the drag handle."},{selector:".k-grid-header-locked table tr",attribute:"aria-owns",usage:"Locked header rows own cells from the corresponding non-locked header table rows."},{selector:".k-grid-content-locked table tr:not(.k-grouping-row)",attribute:"aria-owns",usage:"Locked content rows own cells from the corresponding non-locked content table rows. Group header rows are excluded because the non-locked group header rows are presentational."},{selector:".k-grid-lockedcolumns .k-grid-header .k-grid-header-wrap table tr",attribute:"role=none",usage:"Non-locked header rows have their semantic role removed when locked columns exist."},{selector:".k-grid-lockedcolumns .k-grid-content table tr",attribute:"role=none",usage:"Non-locked content rows have their semantic role removed when locked columns exist."},{selector:".k-grid-lockedcolumns .k-grid-header .k-grid-header-wrap th",attribute:"role=columnheader",usage:"Non-locked header cells retain columnheader role so they are announced correctly when owned via aria-owns."},{selector:".k-grid-lockedcolumns .k-grid-content td:not(.k-grouping-row td)",attribute:"role=gridcell",usage:"Non-locked data cells retain gridcell role so they are announced correctly when owned via aria-owns. Cells inside group header rows are excluded as those rows are presentational."},{selector:".k-grid-filter-popup",attribute:"role=dialog",usage:"The filter menu popup has dialog role."},{selector:".k-grid-filter-popup",attribute:"id",usage:"Unique id linked to the header cell aria-controls attribute."},{selector:".k-grid-filter-popup",attribute:"aria-label",usage:'Descriptive label for the filter menu, e.g. "Column Title Filter Menu".'},{selector:".k-grid-columnmenu-popup",attribute:"role=dialog",usage:"The column menu popup has dialog role."},{selector:".k-grid-columnmenu-popup",attribute:"id",usage:"Unique id linked to the header cell aria-controls attribute."},{selector:".k-grid-columnmenu-popup",attribute:"aria-label",usage:'Descriptive label for the column menu, e.g. "Column Title Column Menu".'},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"role=button",usage:"Column menu items have button role."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"tabindex=0",usage:"Column menu items are focusable."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"aria-expanded",usage:"Expandable column menu items announce their expanded state."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"aria-controls",usage:"Expandable items point to the id of the content they control."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"role=listbox",usage:"The column list is a listbox."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"aria-multiselectable=true",usage:"The column list supports multiple selections."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"aria-label",usage:"Accessible name for the column list."},{selector:".k-grid-columnmenu-popup .k-column-list-item",attribute:"role=option",usage:"Column list items are options."},{selector:".k-grid-columnmenu-popup .k-column-list-item",attribute:"aria-checked",usage:"Column list items announce their checked state."},{selector:"tfoot",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:"tfoot tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:"tfoot tr",attribute:"aria-rowindex (when present)",usage:"Row number. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:"tfoot tr td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:"tfoot tr td",attribute:"aria-colindex (when present)",usage:"Col number. Needed for Virtual columns and Hidden columns scenarios."},{selector:".k-grid-selection-aggregates",attribute:"aria-live=polite",usage:"Ensures that changes in the calculated selection aggregates are announced by assistive technologies."},{selector:".k-grid-stack-cell",attribute:"tabindex=0",usage:"Stacked cell elements receive tabindex 0 when focus is within their parent .k-grid-stack-row element."},{selector:".k-grid-sticky-container",attribute:"role=none",usage:"Sticky group container has no semantic role."},{selector:".k-grid-sticky-container .k-grid-table",attribute:"role=none",usage:"Negates the default semantic role of the sticky group <table> element."},{selector:".k-grid-sticky-container tbody",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-sticky-container tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-sticky-container tr",attribute:"aria-rowindex",usage:"Matches the aria-rowindex of the real group header/footer row it mirrors."},{selector:".k-grid-sticky-container td:not(.k-group-cell)",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed. Group offset cells are excluded as they retain role=presentation."},{selector:".k-grid-sticky-container .k-grouping-row>td",attribute:"aria-expanded",usage:"Mirrors the expanded/collapsed state of the real group header row."},{selector:".k-grid-sticky-container td:not(.k-group-cell)",attribute:"tabindex",usage:"Receives tabindex 0 when focused, -1 otherwise, for keyboard navigation. Group offset cells are excluded as they are presentational."},{selector:".k-grid-sticky-container td",attribute:"aria-colindex (when present)",usage:"Col number. Typically 1 for the group header cell spanning all columns."},{selector:".k-grid-pinned-container",attribute:"role=none",usage:"Container for pinned rows has no semantic role."},{selector:".k-grid-pinned-container .k-grid-pinned-wrap",attribute:"role=none",usage:"Inner wrapper for the pinned rows table has no semantic role."},{selector:".k-grid-pinned-container tbody",attribute:"aria-label",usage:'Describes the purpose of the pinned rows group, e.g. "Top pinned rows" or "Bottom pinned rows".'},{selector:".k-grid-pinned-container td",attribute:"aria-haspopup=menu (when present)",usage:"Pinned row cells announce the context menu for row pinning operations."},{selector:".k-grid-pinned-container td",attribute:"aria-controls",usage:"Points to the ID of the context menu popup for row pinning."},{selector:".k-grid-pinned-container td",attribute:"aria-expanded",usage:"Indicates whether the context menu popup is open."},{selector:".k-grid-content td",attribute:"aria-haspopup=menu (when present)",usage:"Regular data cells announce context menu when row pinning uses contextual mode."},{selector:".k-grid-content td",attribute:"aria-controls",usage:"Points to the ID of the context menu popup for row pinning."},{selector:".k-grid-content td",attribute:"aria-expanded",usage:"Indicates whether the context menu popup is open."},{selector:'.k-pin-cell [class*="k-icon"]',attribute:"aria-hidden=true",usage:"Pin/unpin icon inside the dedicated column is decorative and must be hidden from assistive technologies."}]};import{jsx as yk}from"react/jsx-runtime";var Dm="k-grid-header",ae=e=>{let{draggable:t,...o}=e;return yk("div",{...o,className:r(e.className,Dm,{"k-grid-draggable-header":t}),children:e.children})};ae.className=Dm;ae.moduleName=Y;ae.folderName=oe;import{jsx as zm,jsxs as Ik}from"react/jsx-runtime";var Fm="k-grouping-header",po=e=>{let{dropHint:t,dropClue:o,...a}=e;return Ik("div",{...a,className:r(e.className,Fm),children:[o&&zm("div",{className:"k-grouping-dropclue"}),e.children,zm("div",{className:"k-grouping-drop-container",children:t})]})};po.className=Fm;po.moduleName=Y;po.folderName=oe;import{jsx as Ek}from"react/jsx-runtime";var Um="k-grid-pinned-container",ll=e=>{let{position:t,...o}=e;return Ek("div",{...o,className:r(e.className,Um,{"k-pos-bottom":t==="bottom"}),children:e.children})};ll.className=Um;ll.moduleName=Y;ll.folderName=oe;import{jsx as Ak}from"react/jsx-runtime";var Vm="k-grid-sticky-container",il=e=>{let{position:t,...o}=e;return Ak("div",{...o,className:r(e.className,Vm,{"k-pos-bottom":t==="bottom"}),children:e.children})};il.className=Vm;il.moduleName=Y;il.folderName=oe;import{jsx as Rk}from"react/jsx-runtime";var $m="k-grid-header-table",re=e=>Rk(je,{...e,className:r(e.className,$m),children:e.children});re.className=$m;re.moduleName=Y;re.folderName=oe;import{jsx as qo,jsxs as ps}from"react/jsx-runtime";var us="k-header",Ok=[i.hover,i.focus,i.active],Wm={sortIcon:"sort-asc-small"},E=e=>{let{menu:t,sortable:o,filterable:a,sticky:l,resizable:n,columnTitle:d,hover:m,focus:b,active:T,sortIcon:g=Wm.sortIcon,sortOrder:k,accessibleLabel:f,...w}=e;return ps(Co,{...w,className:r(e.className,us,{"k-filterable":t||a,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":n},v(us,{hover:m,focus:b,active:T})),children:[d&&ps("span",{className:"k-cell-inner",children:[ps("span",{className:"k-link",children:[qo("span",{className:"k-column-title",children:d}),o&&qo("span",{className:"k-sort-icon",children:qo(u,{icon:g})}),k&&qo("span",{className:"k-sort-order",children:k})]}),t&&qo("a",{className:r("k-grid-header-menu",{"k-active":T,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:qo(u,{icon:t==="filter"?"filter":"more-vertical"})})]}),!d&&f&&qo("span",{className:"k-sr-only",children:f}),e.children,n&&qo("span",{className:"k-column-resizer k-touch-action-none"})]})};E.states=Ok;E.className=us;E.defaultOptions=Wm;E.moduleName=Y;E.folderName=oe;import{jsx as Pk}from"react/jsx-runtime";var Xm="k-grid-container",Q=e=>Pk("div",{...e,className:r(e.className,Xm),children:e.children});Q.className=Xm;Q.moduleName=Y;Q.folderName=oe;import{jsx as Bk}from"react/jsx-runtime";var Jm="k-grid-content",Z=e=>Bk("div",{...e,className:r(e.className,Jm),children:e.children});Z.className=Jm;Z.moduleName=Y;Z.folderName=oe;import{jsx as Gk}from"react/jsx-runtime";var qm="k-grid-table",j=e=>Gk(je,{...e,className:r(e.className,qm),children:e.children});j.className=qm;j.moduleName=Y;j.folderName=oe;import{jsx as Hk}from"react/jsx-runtime";var Ym="k-grid-footer",Zl=e=>Hk("div",{...e,className:r(e.className,Ym),children:e.children});Zl.className=Ym;Zl.moduleName=Y;Zl.folderName=oe;import{jsx as Kk}from"react/jsx-runtime";var Qm="k-grid-footer-table",jl=e=>Kk(je,{...e,className:r(e.className,Qm),children:e.children});jl.className=Qm;jl.moduleName=Y;jl.folderName=oe;import{jsx as _k}from"react/jsx-runtime";var Zm="k-grid-pager",Xt=e=>_k(ye,{...e,className:r(e.className,Zm),children:e.children});Xt.className=Zm;Xt.moduleName=Y;Xt.folderName=oe;import{jsx as Dk}from"react/jsx-runtime";var jm="k-grid-toolbar",ga=e=>Dk(be,{...e,className:r(e.className,jm),children:e.children});ga.className=jm;ga.moduleName=Y;ga.folderName=oe;import{jsx as bs,jsxs as Fk}from"react/jsx-runtime";var fs="k-grid-stack-cell",zk=[i.focus,i.selected],ei=e=>{let{cellHeader:t,cellContent:o,edit:a,commandCell:l,dirty:n,focus:d,selected:m,...b}=e;return Fk("div",{...b,className:r(e.className,fs,{"k-grid-stack-edit-cell":a,"k-command-cell":l,"k-dirty-cell":n},v(fs,{focus:d,selected:m})),children:[n&&bs("span",{className:"k-dirty"}),t&&bs("div",{className:"k-grid-stack-header",children:t}),bs("div",{className:"k-grid-stack-content",children:o}),e.children]})};ei.states=zk;ei.className=fs;ei.moduleName=Y;ei.folderName=oe;import{jsx as Uk}from"react/jsx-runtime";var ep="k-grid-stack-row",ti=e=>{let{cols:t,...o}=e;return Uk("div",{...o,className:r(e.className,ep,{[`k-grid-cols-${t}`]:t}),children:e.children})};ti.className=ep;ti.moduleName=Y;ti.folderName=oe;import{Fragment as hJ,jsx as fJ,jsxs as TJ}from"react/jsx-runtime";import{Fragment as LJ,jsx as vJ,jsxs as wJ}from"react/jsx-runtime";var dt="column-menu",Nt=dt;import{jsx as Wk}from"react/jsx-runtime";var Ts="k-column-menu",Vk=[],$k={size:[s.undefined,s.small,s.medium,s.large]},tp={view:"list"},Mo=e=>{let{view:t=tp.view,size:o,...a}=e;return Wk("div",{...a,className:r(e.className,Ts,C(Ts,{size:o}),{"k-column-menu-tabbed":t==="tabbed"}),children:e.children})};Mo.states=Vk;Mo.options=$k;Mo.className=Ts;Mo.defaultOptions=tp;Mo.moduleName=dt;Mo.folderName=Nt;Mo.ariaSpec={selector:".k-column-menu",rules:[{selector:".k-columnmenu-item",attribute:"role=button",usage:"Sets column menu item role to button."},{selector:".k-columnmenu-item",attribute:"tabindex=0",usage:"Sets column menu item tabindex."},{selector:".k-expander .k-columnmenu-item",attribute:"aria-expanded=true/false",usage:"Sets the expanded state of an expandable item."},{selector:".k-expander .k-columnmenu-item",attribute:"aria-controls",usage:"Points to id attribute of the content whose visibility the expandable item controls."},{selector:".k-expander .k-columnmenu-item-content",attribute:"id",usage:"Unique and deterministic id linked to the aria-controls attribute of the corresponding expandable item."},{selector:".k-column-list",attribute:"role=listbox",usage:"Sets the listbox role of the list of columns wrapper."},{selector:".k-column-list",attribute:"aria-multiselectable=true",usage:"Specifies that the list is multiselectable."},{selector:".k-column-list",attribute:"aria-label",usage:"Accessible name for the column list."},{selector:".k-column-list .k-column-list-item",attribute:"role=option",usage:"Sets the option role of the list item."},{selector:".k-column-list .k-column-list-item",attribute:"aria-checked=true/false",usage:"Sets the checked state of list item."}]};import{jsx as op}from"react/jsx-runtime";var hs="k-column-list",Xk=[],Jk={size:[s.undefined,s.small,s.medium,s.large]},qk={},xa=e=>{let{size:t,...o}=e;return op("div",{className:"k-column-list-wrapper",children:op("div",{...o,className:r(e.className,hs,C(hs,{size:t})),role:"listbox","aria-multiselectable":"true",children:e.children})})};xa.states=Xk;xa.options=Jk;xa.className=hs;xa.defaultOptions=qk;xa.moduleName=dt;xa.folderName=Nt;import{jsx as ap,jsxs as jk}from"react/jsx-runtime";var gs="k-column-list-item",Yk=[i.focus,i.disabled,i.hover],Qk={},Zk={},nl=e=>{let{label:t,checked:o,focus:a,hover:l,disabled:n,...d}=e;return jk("span",{...d,className:r(e.className,gs,v(gs,{focus:a,hover:l,disabled:n})),role:"option","aria-checked":o?"true":"false",children:[ap(Ge,{disabled:n,checked:o,"aria-label":t}),ap("span",{className:"k-checkbox-label",children:t})]})};nl.states=Yk;nl.options=Qk;nl.className=gs;nl.defaultOptions=Zk;import{jsx as xs,jsxs as rp}from"react/jsx-runtime";var Ns="k-columnmenu-item",ev=[i.focus,i.selected],tv={},ov={},So=e=>{let{focus:t,selected:o,text:a,startIcon:l,endIcon:n,sortIndex:d,...m}=e;return rp("div",{...m,className:r(e.className,Ns,v(Ns,{focus:t,selected:o})),role:"button",tabIndex:0,children:[l&&xs(u,{icon:l}),a,n&&rp("span",{className:"k-columnmenu-indicators",children:[xs(u,{icon:n}),d&&xs("span",{className:"k-sort-index",children:d})]}),e.children]})};So.states=ev;So.options=tv;So.className=Ns;So.defaultOptions=ov;So.moduleName=dt;So.folderName=Nt;import{jsx as WJ}from"react/jsx-runtime";import{jsx as rv}from"react/jsx-runtime";var av="k-columnmenu-item-content",lp=e=>rv("div",{...e,className:r(e.className,av,"k-columns-item"),children:e.children});import{jsx as ip}from"react/jsx-runtime";var np="k-filter-menu",lv=[],iv={},nv={},Yo=e=>{let{...t}=e;return ip("form",{...t,className:r(e.className,np),children:ip("div",{className:"k-filter-menu-container",children:e.children})})};Yo.states=lv;Yo.options=iv;Yo.className=np;Yo.defaultOptions=nv;Yo.moduleName=dt;Yo.folderName=Nt;import{jsx as aq}from"react/jsx-runtime";import{jsx as ks,jsxs as mv}from"react/jsx-runtime";var sv="k-item",dv={size:[s.undefined,s.small,s.medium,s.large]},cv=[],vs=e=>{let{text:t,size:o,...a}=e;return ks("li",{...a,className:r(e.className,sv),children:mv("label",{className:"k-label k-checkbox-label",children:[ks(Ge,{size:o}),ks("span",{children:t})]})})};vs.states=cv;vs.options=dv;import{jsx as gr,jsxs as sp}from"react/jsx-runtime";var dp="k-expander",pv=[],uv={},bv={},Na=e=>{let{itemText:t,itemStartIcon:o,itemEndIcon:a,itemSortIndex:l,expanded:n,itemContent:d,expanderIcon:m,contentId:b,...T}=e,g=b||D("columnmenu-content"),k=!n&&!m?gr(u,{icon:"chevron-down"}):n&&!m?gr(u,{icon:"chevron-up"}):gr(u,{icon:m});return sp("div",{...T,className:r(e.className,dp),children:[sp(So,{text:t,startIcon:o,endIcon:a,sortIndex:l,"aria-expanded":n?"true":"false","aria-controls":g,children:[gr("span",{className:"k-spacer"}),gr("span",{className:"k-expander-indicator",children:k})]}),n&&gr(lp,{id:g,children:d}),e.children]})};Na.states=pv;Na.options=uv;Na.className=dp;Na.defaultOptions=bv;Na.moduleName=dt;Na.folderName=Nt;import{jsx as gv}from"react/jsx-runtime";var ws="k-group-menu",fv=[],Tv={size:[s.undefined,s.small,s.medium,s.large]},hv={},xr=e=>{let{size:t,...o}=e;return gv("div",{...o,className:r(e.className,ws,C(ws,{size:t})),children:e.children})};xr.states=fv;xr.options=Tv;xr.className=ws;xr.defaultOptions=hv;xr.moduleName=dt;xr.folderName=Nt;import{Fragment as vv,jsx as oi,jsxs as cp}from"react/jsx-runtime";var Ls="k-group-menu-item",xv=[i.hover,i.selected],Nv={},kv={},Nr=e=>{let{hover:t,selected:o,text:a,actionsStart:l,actionsEnd:n,...d}=e;return cp("div",{...d,className:r(e.className,Ls,v(Ls,{hover:t,selected:o})),children:[l&&oi("span",{className:"k-group-menu-item-actions",children:l}),oi("span",{className:"k-group-item-text",children:a}),n&&cp(vv,{children:[oi("span",{className:"k-spacer"}),oi("span",{className:"k-group-menu-item-actions",children:n})]}),e.children]})};Nr.states=xv;Nr.options=Nv;Nr.className=Ls;Nr.defaultOptions=kv;Nr.moduleName=dt;Nr.folderName=Nt;import{jsx as ka}from"react/jsx-runtime";var Cs="k-group-menu-item-action",wv=[i.hover,i.disabled,i.selected],Lv={size:[s.undefined,s.small,s.medium,s.large]};var Ms=e=>{let{hover:t,disabled:o,selected:a,size:l,type:n,...d}=e,m;switch(n){case"remove":m=ka(u,{icon:"x-circle",size:l});break;case"add":m=ka(u,{icon:"plus-circle",size:l});break;case"drag":m=ka(u,{icon:"handle-drag-dots",size:l});break;case"up":m=ka(u,{icon:"chevron-up",size:l});break;case"down":m=ka(u,{icon:"chevron-down",size:l});break;default:m=ka(u,{icon:n,size:l});break}return ka("span",{...d,className:r(e.className,Cs,v(Cs,{selected:a,hover:t,disabled:o}),`k-group-menu-item-${n}-action`),children:m})};Ms.options=wv;Ms.options=Lv;Ms.className=Cs;import{jsx as Eq}from"react/jsx-runtime";import{Fragment as Hq,jsx as Bq,jsxs as Gq}from"react/jsx-runtime";import{jsx as yv}from"react/jsx-runtime";var mp="k-tabstrip-items",Cv=[],Mv={},Sv={tabAlignment:"start"},sl=e=>{let{children:t,tabAlignment:o,orientation:a,...l}=e;return yv("ul",{...l,className:r(e.className,mp,"k-reset",`k-tabstrip-items-${o}`),role:"tablist",...a==="vertical"&&{"aria-orientation":"vertical"},children:t})};sl.states=Cv;sl.options=Mv;sl.className=mp;sl.defaultOptions=Sv;var pp=sl;import{jsx as Av}from"react/jsx-runtime";var up="k-tabstrip-items-wrapper",Iv=[],Ev={},bp={orientation:"horizontal"},dl=e=>{let{children:t,orientation:o=bp.orientation,...a}=e;return Av("div",{...a,className:r(e.className,up,{"k-hstack":o==="horizontal","k-vstack":o==="vertical"}),children:t})};dl.states=Iv;dl.options=Ev;dl.className=up;dl.defaultOptions=bp;var fp=dl;var cl="tabstrip",ai=cl;import{jsx as jt,jsxs as Tp}from"react/jsx-runtime";var Qo="k-tabstrip",Rv=[],Ov={size:[s.undefined,s.small,s.medium,s.large]},ri={position:"top",tabAlignment:"start",scrollButtons:"around"},Xe=e=>{let{size:t,scrollable:o,children:a,tabStripItems:l,tabStripItemsId:n,position:d=ri.position,tabAlignment:m=ri.tabAlignment,scrollButtons:b=ri.scrollButtons,dir:T,scrollingPosition:g,overflow:k,...f}=e,w={top:{prev:T!=="rtl"?"left":"right",next:T!=="rtl"?"right":"left"},bottom:{prev:T!=="rtl"?"left":"right",next:T!=="rtl"?"right":"left"},right:{prev:"up",next:"down"},left:{prev:"up",next:"down"}},L={top:"horizontal",bottom:"horizontal",left:"vertical",right:"vertical"},I={start:"start",center:"center",end:"end",justify:"justify",stretched:"stretched"};return Tp("div",{dir:T,...f,className:r(Qo,e.className,{[`${Qo}-${d}`]:d,[`${Qo}-scrollable`]:o,[`${Qo}-scrollable-overlay`]:o&&(b==="hidden"||!b),[`${Qo}-scrollable-${g}`]:g&&g!=="both",[`${Qo}-overflow`]:k},C(Qo,{size:t})),children:[d==="bottom"&&a,Tp(fp,{orientation:L[d],children:[o&&(b==="around"||b==="start")&&jt("span",{className:r("k-tabstrip-prev","k-button",C("k-button",{size:t,fillMode:N.flat}),"k-icon-button"),"aria-hidden":"true",children:jt(u,{className:"k-button-icon",icon:`chevron-${w[d].prev}`})}),o&&b==="start"&&jt("span",{className:r("k-tabstrip-next","k-button",C("k-button",{size:t,fillMode:N.flat}),"k-icon-button"),"aria-hidden":"true",children:jt(u,{className:"k-button-icon",icon:`chevron-${w[d].next}`})}),jt(pp,{className:r({"k-tabstrip-items-scroll":o&&b==="hidden"}),tabAlignment:I[m],orientation:L[d],...n&&{id:n},children:l}),o&&b==="end"&&jt("span",{className:r("k-tabstrip-prev","k-button",C("k-button",{size:t,fillMode:N.flat}),"k-icon-button"),"aria-hidden":"true",children:jt(u,{className:"k-button-icon",icon:`chevron-${w[d].prev}`})}),o&&(b==="around"||b==="end")&&jt("span",{className:r("k-tabstrip-next","k-button",C("k-button",{size:t,fillMode:N.flat}),"k-icon-button"),"aria-hidden":"true",children:jt(u,{className:"k-button-icon",icon:`chevron-${w[d].next}`})}),k&&jt("div",{className:"k-tabstrip-actions k-hstack",children:jt(pe,{className:"k-tabstrip-overflow-button",icon:"more-vertical",fillMode:"flat",size:t,showArrow:!1})})]}),d!=="bottom"&&a]})};Xe.states=Rv;Xe.options=Ov;Xe.className=Qo;Xe.defaultOptions=ri;Xe.moduleName=cl;Xe.folderName=ai;Xe.ariaSpec={selector:".k-tabstrip",rules:[{selector:".k-tabstrip-items",attribute:"role=tablist",usage:"Indicates the tablist role for the ul element."},{selector:".k-tabstrip.k-tabstrip-left .k-tabstrip-items,.k-tabstrip.k-tabstrip-right .k-tabstrip-items",attribute:"aria-orientation=vertical",usage:"Indicates the orientation when vertical."},{selector:".k-tabstrip-item",attribute:"role=tab",usage:"The tab li element."},{selector:".k-tabstrip .k-tabstrip-item.k-active",attribute:"aria-selected=true",usage:"Announces the selected state of the tab."},{selector:".k-tabstrip-content",attribute:"role=tabpanel",usage:"The content div of the tab."},{selector:".k-tabstrip .k-tabstrip-item.k-active",attribute:"aria-controls (when present)",usage:"Announces the relation between the panel and active tab. Only present when tab controls a specific panel."},{selector:".k-tabstrip-content",attribute:"aria-hidden=true (when not active)",usage:"Only if the component implements a feature to control whether the content should be persisted."},{selector:".k-tabstrip-content",attribute:"aria-labelledby (when present)",usage:"Refers to the tab element that controls the panel. Only present when panel has an associated tab."},{selector:".k-tabstrip-scrollable .k-button",attribute:"aria-hidden=true",usage:"Scroll buttons are hidden from assistive technologies."}]};import{jsx as Hv}from"react/jsx-runtime";var hp="k-tabstrip-wrapper",Pv=[],Bv={},Gv={},kr=e=>{let{...t}=e;return Hv("div",{...t,className:r(e.className,hp),children:e.children})};kr.states=Pv;kr.options=Bv;kr.className=hp;kr.defaultOptions=Gv;kr.moduleName=cl;kr.folderName=ai;import{jsx as li,jsxs as Ss}from"react/jsx-runtime";var ys="k-tabstrip-item",Kv=[i.active,i.hover,i.disabled,i.focus],_v={},gp={iconPosition:"before"},kt=e=>{let{dragging:t,active:o,hover:a,focus:l,disabled:n,children:d,first:m,last:b,closable:T,icon:g,iconPosition:k=gp.iconPosition,value:f,actions:w,...L}=e;return Ss("li",{...L,className:r(e.className,ys,v(ys,{hover:a,active:o,disabled:n,focus:l}),{"k-tabstrip-dragging":t,"k-first":m,"k-last":b}),role:"tab",...o&&{"aria-selected":"true"},...n&&{"aria-disabled":"true"},children:[Ss("span",{className:"k-link",children:[g&&k==="before"&&li(u,{icon:g}),f&&li("span",{className:"k-link-text",children:f}),g&&k==="after"&&li(u,{icon:g})]}),(w||T)&&Ss("span",{className:"k-item-actions",children:[w,T&&li(c,{as:"span",className:"k-remove-tab",icon:"x",fillMode:"flat",size:"xsmall",title:"Close","aria-hidden":"true"})]}),d]})};kt.states=Kv;kt.options=_v;kt.className=ys;kt.item=gp;import{jsx as Uv}from"react/jsx-runtime";var Is="k-tabstrip-content",Dv=[i.active,i.focus],zv={},Fv={},uo=e=>{let{active:t,focus:o,children:a,...l}=e;return Uv("div",{...l,className:r(e.className,Is,v(Is,{active:t,focus:o}),e.className),role:"tabpanel",children:a})};uo.states=Dv;uo.options=zv;uo.className=Is;uo.defaultOptions=Fv;import{Fragment as Vv,jsx as Zo,jsxs as $v}from"react/jsx-runtime";var eo=({children:e,...t})=>Zo(Xe,{tabStripItems:$v(Vv,{children:[Zo(kt,{first:!0,value:"First"}),Zo(kt,{active:!0,value:"Second"}),Zo(kt,{value:"Third"}),Zo(kt,{value:"Fourth"}),Zo(kt,{last:!0,value:"Fifth"})]}),...t,children:e||Zo(uo,{active:!0,children:Zo("div",{children:"TabStrip Content"})})});import{jsx as Wv}from"react/jsx-runtime";var xp=e=>Wv(eo,{position:"bottom",...e});import{jsx as Xv}from"react/jsx-runtime";var Np=e=>Xv(eo,{position:"right",...e});import{jsx as Jv}from"react/jsx-runtime";var kp=e=>Jv(eo,{position:"left",...e});import{jsx as MY}from"react/jsx-runtime";import{Fragment as AY,jsx as EY,jsxs as RY}from"react/jsx-runtime";import{jsx as GY}from"react/jsx-runtime";import{Fragment as UY,jsx as FY,jsxs as VY}from"react/jsx-runtime";import{Fragment as qY,jsx as JY,jsxs as YY}from"react/jsx-runtime";import{jsx as ii}from"react/jsx-runtime";var qv={...Xe.options,scrollable:{type:"boolean"}},Yv=Xe.states,vp={...Xe.defaultOptions,scrollable:!1,variant:"up"},Qv=[{name:"up",title:"Position Up"},{name:"bottom",title:"Position Bottom"},{name:"left",title:"Position Left"},{name:"right",title:"Position Right"}],Zv=[],vr=e=>{let{variant:t,...o}={...vp,...e},a={};switch(t){case"right":return ii(Np,{style:{height:"230px"},...o,...a,position:"right"});case"left":return ii(kp,{style:{height:"230px"},...o,...a,position:"left"});case"bottom":return ii(xp,{style:{width:"350px"},...o,...a,position:"bottom"});default:return ii(eo,{style:{width:"350px"},...o,...a})}};vr.options=qv;vr.states=Yv;vr.variants=Qv;vr.defaultOptions=vp;vr.modifiers=Zv;vr.className=Xe.className;import{Fragment as SQ,jsx as MQ,jsxs as yQ}from"react/jsx-runtime";import{Fragment as KQ,jsx as GQ,jsxs as HQ}from"react/jsx-runtime";import{Fragment as JQ,jsx as WQ,jsxs as XQ}from"react/jsx-runtime";import{Fragment as LZ,jsx as vZ,jsxs as wZ}from"react/jsx-runtime";import{Fragment as AZ,jsx as IZ,jsxs as EZ}from"react/jsx-runtime";import{Fragment as FZ,jsx as DZ,jsxs as zZ}from"react/jsx-runtime";import{Fragment as jv,jsx as S,jsxs as Me}from"react/jsx-runtime";var wp=({contentClassName:e,...t})=>S(_,{_renderAriaRoot:!0,pager:S(Xt,{refresh:!1}),children:Me(jv,{children:[S(ae,{children:S("div",{className:"k-grid-header-wrap",children:Me(re,{role:"none",children:[Me("colgroup",{children:[S("col",{}),S("col",{style:{width:"225px"}}),S("col",{}),S("col",{}),S("col",{})]}),Me(q,{role:"rowgroup",children:[Me(y,{role:"row",children:[S(E,{rowspan:1,colspan:1,columnTitle:"Product Id",role:"columnheader"}),S(E,{rowspan:1,colspan:1,columnTitle:"Name",role:"columnheader"}),S(E,{rowspan:1,colspan:1,columnTitle:"Quantity",role:"columnheader"}),S(E,{rowspan:1,colspan:1,columnTitle:"Unit Price",role:"columnheader"}),S(E,{rowspan:1,colspan:1,columnTitle:"Discontinued",role:"columnheader"})]}),Me(y,{className:"k-filter-row",role:"row",children:[S(p,{role:"gridcell","aria-label":"Product Id filter",children:S("div",{className:"k-filtercell",children:Me("div",{className:"k-filtercell-wrapper",children:[S(W,{"aria-label":"Product Id filter"}),Me("div",{className:"k-filtercell-operator",children:[S(me,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Product Id filter operator"})," ",S(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Product Id filter"})]})]})})}),S(p,{role:"gridcell","aria-label":"Name filter",children:S("div",{className:"k-filtercell",children:Me("div",{className:"k-filtercell-wrapper",children:[S(xe,{"aria-label":"Name filter"}),Me("div",{className:"k-filtercell-operator",children:[S(me,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Name filter operator"})," ",S(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Name filter"})]})]})})}),S(p,{role:"gridcell","aria-label":"Quantity filter",children:S("div",{className:"k-filtercell",children:Me("div",{className:"k-filtercell-wrapper",children:[S(xe,{"aria-label":"Quantity filter"}),Me("div",{className:"k-filtercell-operator",children:[S(me,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Quantity filter operator"})," ",S(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Quantity filter"})]})]})})}),S(p,{role:"gridcell","aria-label":"Unit Price filter",children:S("div",{className:"k-filtercell",children:Me("div",{className:"k-filtercell-wrapper",children:[S(W,{"aria-label":"Unit Price filter"}),Me("div",{className:"k-filtercell-operator",children:[S(me,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Unit Price filter operator"})," ",S(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Unit Price filter"})]})]})})}),S(p,{role:"gridcell","aria-label":"Discontinued filter",children:S("div",{className:"k-filtercell",children:Me("div",{className:"k-filtercell-wrapper",children:[S(me,{"aria-label":"Discontinued filter"}),S("div",{className:"k-filtercell-operator",children:S(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Discontinued filter"})})]})})})]})]})]})})}),S(Q,{children:S(Z,{className:e,children:Me(j,{role:"none",children:[Me("colgroup",{children:[S("col",{}),S("col",{style:{width:"225px"}}),S("col",{}),S("col",{}),S("col",{})]}),Me(te,{role:"rowgroup",children:[Me(y,{className:"k-master-row",role:"row",children:[S(p,{role:"gridcell",children:"1"}),S(p,{role:"gridcell",children:"Chai"}),S(p,{role:"gridcell",children:"10 boxes x 20 bags"}),S(p,{role:"gridcell",children:"18"}),S(p,{role:"gridcell",children:"false"})]}),Me(y,{className:"k-master-row",role:"row",alt:!0,children:[S(p,{role:"gridcell",children:"2"}),S(p,{role:"gridcell",children:"Chang"}),S(p,{role:"gridcell",children:"24 - 12 oz bottles"}),S(p,{role:"gridcell",children:"19"}),S(p,{role:"gridcell",children:"false"})]}),Me(y,{className:"k-master-row",role:"row",children:[S(p,{role:"gridcell",children:"3"}),S(p,{role:"gridcell",children:"Aniseed Syrup"}),S(p,{role:"gridcell",children:"12 - 550 ml bottles"}),S(p,{role:"gridcell",children:"10"}),S(p,{role:"gridcell",children:"false"})]}),Me(y,{className:"k-master-row",role:"row",alt:!0,children:[S(p,{role:"gridcell",children:"4"}),S(p,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),S(p,{role:"gridcell",children:"48 - 6 oz jars"}),S(p,{role:"gridcell",children:"22"}),S(p,{role:"gridcell",children:"false"})]}),Me(y,{className:"k-master-row",role:"row",children:[S(p,{role:"gridcell",children:"5"}),S(p,{role:"gridcell",children:"Grandma's Boysenberry Spread"}),S(p,{role:"gridcell",children:"12 - 8 oz jars"}),S(p,{role:"gridcell",children:"25"}),S(p,{role:"gridcell",children:"false"})]})]})]})})})]}),...t});import{jsx as ni}from"react/jsx-runtime";var ew="k-chip-action";var Pe=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=ni(u,{icon:"x-circle",size:"small"});break;case"more":a=ni(u,{icon:"more-vertical",size:"small"});break;default:return ni(u,{icon:t,size:"small"})}return ni("span",{...o,className:r(e.className,ew,`k-chip-${t}-action`),children:a})};var Es="avatar",Lp=Es;import{jsx as Cp}from"react/jsx-runtime";var ml="k-avatar";var tw=[i.hover,i.focus,i.active,i.selected,i.disabled],ow={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.outline],themeColor:[M.undefined,M.base,M.primary,M.secondary,M.tertiary]},As={type:"text",border:!1},ct=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,type:n=As.type,border:d=As.border,...m}=e;return Cp("div",{...m,className:r(e.className,ml,C(ml,{size:t,rounded:o,fillMode:a,themeColor:l}),{[`${ml}-bordered`]:d}),children:Cp("span",{className:`${ml}-${n}`,children:e.children})})};ct.states=tw;ct.options=ow;ct.className=ml;ct.defaultOptions=As;ct.moduleName=Es;ct.folderName=Lp;ct.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var va=ct;import{jsx as aw}from"react/jsx-runtime";var Mp=e=>aw(va,{type:"icon",...e});import{jsx as rw}from"react/jsx-runtime";var Sp=e=>rw(va,{type:"text",...e});import{jsx as lw}from"react/jsx-runtime";var yp=e=>lw(va,{type:"image",...e});import{jsx as gj}from"react/jsx-runtime";import{jsx as pl}from"react/jsx-runtime";var iw=ct.options,nw=ct.states,sw={...ct.defaultOptions,variant:"image"},dw=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],cw=[],wr=e=>{let{variant:t,...o}=e;switch(t){case"icon":return pl(Mp,{...o,children:pl(u,{icon:"star"})});case"text":return pl(Sp,{...o,children:"JO"});default:return pl(yp,{...o,children:pl("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};wr.options=iw;wr.states=nw;wr.variants=dw;wr.defaultOptions=sw;wr.modifiers=cw;wr.className=ct.className;var ul="chip",si=ul;import{jsx as Lr,jsxs as uw}from"react/jsx-runtime";var di="k-chip",mw=[i.hover,i.focus,i.active,i.selected,i.disabled],pw={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.outline],themeColor:[M.undefined,M.base,M.success,M.warning,M.error,M.info]},Ip={avatarImage:"/packages/html/assets/avatar.jpg"},Ie=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,text:n,icon:d,actions:m,showAvatar:b,avatarImage:T=Ip.avatarImage,hover:g,focus:k,active:f,selected:w,disabled:L,...I}=e;return uw("div",{...I,className:r(e.className,di,C(di,{size:t,rounded:o,fillMode:a,themeColor:l}),v(di,{hover:g,focus:k,active:f,disabled:L,selected:w})),role:e.role||"button","aria-pressed":e.role==="option"?void 0:w?"true":"false",...e.role==="option"&&w!==void 0&&{"aria-selected":w?"true":"false"},"aria-disabled":L?"true":void 0,children:[d&&Lr(u,{className:"k-chip-icon",icon:d,size:"small"}),b&&Lr(ct,{className:"k-chip-avatar",type:"image",children:Lr("img",{src:T,alt:""})}),Lr("span",{className:"k-chip-content",children:e.children?e.children:n&&Lr("span",{className:"k-chip-label",children:n})}),m&&Lr("span",{className:"k-chip-actions",children:m})]})};Ie.states=mw;Ie.options=pw;Ie.className=di;Ie.defaultOptions=Ip;Ie.moduleName=ul;Ie.folderName=si;Ie.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 Jt=Ie;import{jsx as hw}from"react/jsx-runtime";var Rs="k-chip-list",bw=[],fw={size:[s.undefined,s.small,s.medium,s.large]},Tw={},Ee=e=>{let{size:t,multiselectable:o,ariaLabel:a,...l}=e;return hw("div",{...l,className:r(e.className,Rs,C(Rs,{size:t})),role:e.role||"listbox","aria-label":e.role==="none"?void 0:a||"chip list","aria-orientation":e.role==="none"?void 0:"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};Ee.states=bw;Ee.options=fw;Ee.className=Rs;Ee.defaultOptions=Tw;Ee.moduleName=ul;Ee.folderName=si;Ee.ariaSpec={selector:".k-chip-list",rules:[{selector:".k-chip-list",attribute:"role=listbox",usage:"Announces the list role of the chip list."},{selector:".k-chip-list",attribute:"aria-label or aria-labelledby",usage:"Adds label to the ChipList element. ListBox element requires an accessible name."},{selector:".k-chip-list",attribute:"aria-orientation=horizontal",usage:"Specifies the horizontal orientation of the chiplist."},{selector:".k-chip-list",attribute:"aria-multiselectable=true (when multiple selection)",usage:"Announces the multiple selection ability of the chiplist."},{selector:".k-chip-list .k-chip",attribute:"role=option",usage:"Announces the chip is an option inner component of the chip list."},{selector:".k-chip-list .k-chip.k-selected",attribute:"aria-selected=true",usage:"Announces the chip is selected."},{selector:".k-chip-list .k-chip:not(.k-selected)",attribute:"aria-selected=false",usage:"Announces the chip is not selected."},{selector:".k-chip-list .k-chip:has(.k-i-x-circle), .k-chip-list .k-chip:has(.k-svg-i-x-circle)",attribute:"aria-keyshortcuts=Enter Delete",usage:"Announces the Delete action along with the default Enter key."}]};import{jsx as Jj}from"react/jsx-runtime";import{jsx as Zj}from"react/jsx-runtime";import{jsx as gw}from"react/jsx-runtime";var ci=e=>gw(Jt,{text:"text",...e});import{jsx as iee}from"react/jsx-runtime";import{jsx as cee}from"react/jsx-runtime";import{Fragment as Tee,jsx as fee,jsxs as hee}from"react/jsx-runtime";import{jsx as vee,jsxs as wee}from"react/jsx-runtime";import{jsx as yee,jsxs as Iee}from"react/jsx-runtime";import{jsx as Bee,jsxs as Gee}from"react/jsx-runtime";import{jsx as Cr,jsxs as Lw}from"react/jsx-runtime";var xw={...Jt.options,...Ee.options},Nw=[],kw=Ee.states,vw={...Jt.defaultOptions,...Ee.defaultOptions},ww=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],Mr=e=>{let{modifiers:t,className:o,...a}=e,l=t?.icon,n=t?.actions,d=t?.avatar;return Lw(Ee,{size:a.size,className:o,children:[Cr(ci,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:n?Cr(Pe,{type:"remove"}):void 0,showAvatar:d,children:"Chip"}),Cr(ci,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:n?Cr(Pe,{type:"remove"}):void 0,showAvatar:d,children:"Chip"}),Cr(ci,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:n?Cr(Pe,{type:"remove"}):void 0,showAvatar:d,children:"Chip"})]})};Mr.options=xw;Mr.states=kw;Mr.variants=Nw;Mr.defaultOptions=vw;Mr.modifiers=ww;Mr.className=Ee.className;import{jsx as Os}from"react/jsx-runtime";var Cw=Ie.states,Mw=Ie.defaultOptions,Sw=Ie.options,yw=[],Iw=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],Sr=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(l=>{switch(l){case"icon":a.icon=t?.[l]?"arrow-down":void 0;break;case"avatar":a.showAvatar=!!t?.[l],a.avatarImage=t?.[l]?"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg":void 0;break;case"more-options":a.actions||(a.actions=[]),a.actions[0]=t?.[l]?Os(Pe,{type:"more"}):void 0;break;case"remove-icon":a.actions||(a.actions=[]),a.actions[1]=t?.[l]?Os(Pe,{type:"remove"}):void 0;break;default:break}}),Os(Ie,{...o,...a,children:"Chip component"})};Sr.options=Sw;Sr.states=Cw;Sr.variants=yw;Sr.defaultOptions=Mw;Sr.modifiers=Iw;Sr.className=Ie.className;import{Fragment as Ps,jsx as P,jsxs as mt}from"react/jsx-runtime";var Ep=({dropClue:e,contentClassName:t,...o})=>P(_,{_renderAriaRoot:!0,groupingHeader:P(po,{dropClue:e,role:"toolbar","aria-label":"Grouping",children:mt(Ee,{role:"none",children:[P(Ie,{icon:"sort-asc-small",text:"ID",role:"button",actions:mt(Ps,{children:[P(Pe,{type:"more"}),P(Pe,{type:"remove"})]})}),P(Ie,{icon:"sort-desc-small",text:"Name",role:"button",actions:mt(Ps,{children:[P(Pe,{type:"more"}),P(Pe,{type:"remove"})]})})]})}),children:mt(Ps,{children:[P(ae,{draggable:!0,children:P("div",{className:"k-grid-header-wrap",children:mt(re,{role:"none",children:[mt("colgroup",{children:[P("col",{className:"k-group-col"}),P("col",{className:"k-group-col"}),P("col",{}),P("col",{}),P("col",{}),P("col",{})]}),P(q,{role:"rowgroup",children:mt(y,{role:"row",children:[P(E,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),P(E,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),P(E,{colspan:1,columnTitle:"ID",role:"columnheader"}),P(E,{colspan:1,columnTitle:"Name",role:"columnheader"}),P(E,{colspan:1,columnTitle:"Price",role:"columnheader"}),P(E,{colspan:1,columnTitle:"Category",role:"columnheader"})]})})]})})}),P(Q,{children:P(Z,{className:t,children:mt(j,{role:"none",children:[mt("colgroup",{children:[P("col",{className:"k-group-col"}),P("col",{className:"k-group-col"}),P("col",{}),P("col",{}),P("col",{}),P("col",{})]}),mt(te,{role:"rowgroup",children:[P(y,{className:"k-table-group-row k-grouping-row",role:"row",children:P(p,{colspan:6,role:"gridcell","aria-expanded":"false",children:mt("p",{className:"k-reset",children:[P(u,{icon:"chevron-right"}),"ID: 1"]})})}),P(y,{className:"k-table-group-row k-grouping-row",role:"row",children:P(p,{colspan:6,role:"gridcell","aria-expanded":"true",children:mt("p",{className:"k-reset",children:[P(u,{icon:"chevron-down"}),"ID: 2"]})})}),mt(y,{className:"k-table-group-row k-grouping-row",role:"row",children:[P(p,{className:"k-table-group-td k-group-cell",role:"presentation"}),P(p,{colspan:5,role:"gridcell","aria-expanded":"true",children:mt("p",{className:"k-reset",children:[P(u,{icon:"chevron-down"}),"Name: Chang"]})})]}),mt(y,{className:"k-master-row",role:"row",alt:!0,children:[P(p,{className:"k-table-group-td k-group-cell",role:"presentation"}),P(p,{className:"k-table-group-td k-group-cell",role:"presentation"}),P(p,{colspan:0,role:"gridcell",children:"2"}),P(p,{colspan:0,role:"gridcell",children:"Chang"}),P(p,{colspan:0,role:"gridcell",children:"$19.00"}),P(p,{colspan:0,role:"gridcell",children:"Beverages"})]})]})]})})})]}),...o});import{Fragment as Lte,jsx as vte,jsxs as wte}from"react/jsx-runtime";import{Fragment as Rte,jsx as Ete,jsxs as Ate}from"react/jsx-runtime";import{Fragment as _te,jsx as Hte,jsxs as Kte}from"react/jsx-runtime";import{Fragment as Ew,jsx as V,jsxs as pt}from"react/jsx-runtime";var Ap=({headerWrapClassName:e,contentClassName:t,...o})=>V(_,{_renderAriaRoot:!0,children:pt(Ew,{children:[V(ae,{children:V("div",{className:`k-grid-header-wrap ${e}`,children:pt(re,{role:"none",children:[pt("colgroup",{children:[V("col",{}),V("col",{}),V("col",{}),V("col",{})]}),pt(q,{role:"rowgroup",children:[pt(y,{role:"row",children:[V(E,{rowspan:3,colspan:1,columnTitle:"ID",role:"columnheader"}),V(E,{rowspan:1,colspan:3,columnTitle:"Product Information",role:"columnheader"})]}),pt(y,{role:"row",children:[V(E,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first",role:"columnheader"}),V(E,{rowspan:1,colspan:2,columnTitle:"Unit",role:"columnheader"})]}),pt(y,{role:"row",children:[V(E,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first",role:"columnheader"}),V(E,{rowspan:1,colspan:1,columnTitle:"Units Price",role:"columnheader"})]})]})]})})}),V(Q,{children:V(Z,{className:t,children:pt(j,{role:"none",children:[pt("colgroup",{children:[V("col",{}),V("col",{}),V("col",{}),V("col",{})]}),pt(te,{role:"rowgroup",children:[pt(y,{className:"k-master-row",role:"row",children:[V(p,{role:"gridcell",children:"1"}),V(p,{role:"gridcell",children:"Chai"}),V(p,{role:"gridcell",children:"39"}),V(p,{role:"gridcell",children:"18"})]}),pt(y,{className:"k-master-row",alt:!0,role:"row",children:[V(p,{role:"gridcell",children:"2"}),V(p,{role:"gridcell",children:"Chang"}),V(p,{role:"gridcell",children:"17"}),V(p,{role:"gridcell",children:"19"})]}),pt(y,{className:"k-master-row",role:"row",children:[V(p,{role:"gridcell",children:"3"}),V(p,{role:"gridcell",children:"Aniseed Syrup"}),V(p,{role:"gridcell",children:"13"}),V(p,{role:"gridcell",children:"10"})]}),pt(y,{className:"k-master-row",alt:!0,role:"row",children:[V(p,{role:"gridcell",children:"4"}),V(p,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),V(p,{role:"gridcell",children:"53"}),V(p,{role:"gridcell",children:"22"})]}),pt(y,{className:"k-master-row",role:"row",children:[V(p,{role:"gridcell",children:"5"}),V(p,{role:"gridcell",children:"Chef Anton's Gumbo Mix"}),V(p,{role:"gridcell",children:"0"}),V(p,{role:"gridcell",children:"21.35"})]})]})]})})})]}),...o});import{Fragment as Qte,jsx as qte,jsxs as Yte}from"react/jsx-runtime";import{Fragment as roe,jsx as ooe,jsxs as aoe}from"react/jsx-runtime";import{Fragment as Aw,jsx as z,jsxs as qt}from"react/jsx-runtime";var Rp=e=>{let t=D("grid");return z(_,{_renderAriaRoot:!0,ariaRootId:t,toolbar:qt(ga,{role:"toolbar","aria-label":"Grid toolbar","aria-controls":t,children:[z(c,{children:"Add new"}),z(c,{children:"Save Changes"}),z(c,{children:"Cancel Changes"})]}),children:qt(Aw,{children:[z(ae,{children:z("div",{className:"k-grid-header-wrap",children:qt(re,{role:"none",children:[qt("colgroup",{children:[z("col",{}),z("col",{}),z("col",{}),z("col",{style:{width:"300px"}})]}),z(q,{role:"rowgroup",children:qt(y,{role:"row",children:[z(E,{columnTitle:"Name",role:"columnheader"}),z(E,{columnTitle:"Price",role:"columnheader"}),z(E,{columnTitle:"Available",role:"columnheader"}),z(E,{accessibleLabel:"Commands"})]})})]})})}),z(Q,{children:z(Z,{children:z("div",{children:qt(j,{role:"none",children:[qt("colgroup",{children:[z("col",{}),z("col",{}),z("col",{}),z("col",{style:{width:"300px"}})]}),qt(te,{role:"rowgroup",children:[qt(y,{className:"k-master-row k-grid-add-row k-grid-edit-row",role:"row",children:[z(p,{role:"gridcell",children:z(xe,{value:"Towel","aria-label":"Name"})}),z(p,{role:"gridcell",children:z(W,{value:"42","aria-label":"Price"})}),z(p,{role:"gridcell",children:z(Ge,{"aria-label":"Available"})}),qt(p,{className:"k-command-cell",role:"gridcell",children:[z(c,{children:"Add"}),z(c,{children:"Cancel"})]})]}),qt(y,{className:"k-master-row",role:"row",children:[z(p,{role:"gridcell",children:"Chai"}),z(p,{role:"gridcell",children:"18"}),z(p,{role:"gridcell",children:"false"}),z(p,{className:"k-command-cell",role:"gridcell",children:z(c,{children:"Remove"})})]}),qt(y,{className:"k-master-row",role:"row",alt:!0,children:[z(p,{role:"gridcell",children:"Chang"}),z(p,{role:"gridcell",children:"19"}),z(p,{role:"gridcell",children:"false"}),z(p,{className:"k-command-cell",role:"gridcell",children:z(c,{children:"Remove"})})]})]})]})})})})]}),...e})};import{Fragment as Eoe,jsx as Ioe,jsxs as Aoe}from"react/jsx-runtime";var Bs="context-menu",Op=Bs;import{jsx as Bw}from"react/jsx-runtime";var Pp="k-context-menu",Rw=[],Ow={},Pw={},vt=e=>{let{children:t,...o}=e;return Bw(Ke,{...o,className:r(e.className,Pp),role:"menu",children:t})};vt.states=Rw;vt.options=Ow;vt.className=Pp;vt.defaultOptions=Pw;vt.moduleName=Bs;vt.folderName=Op;vt.ariaSpec={selector:".k-context-menu",rules:[{selector:".k-context-menu",attribute:"role=menu",usage:"The context menu implements the menu role."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",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-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has an id linked to parent aria-controls."}]};import{jsx as mi}from"react/jsx-runtime";var Gs=e=>mi(vt,{children:[mi(X,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),mi(X,{text:"Item 2"},"menu-item-2"),mi(X,{last:!0,text:"Item 3"},"menu-item-3")],...e});import{Fragment as Qoe,jsx as qoe,jsxs as Yoe}from"react/jsx-runtime";import{jsx as bl,jsxs as Dw}from"react/jsx-runtime";var Gw=Se.options,Hw=Se.states,Bp={...Se.defaultOptions,variant:"normal"},Kw=[{name:"normal",title:"Normal"},{name:"separators",title:"With separator"}],_w=[],yr=e=>{let{variant:t,...o}={...Bp,...e};return t==="separators"?Dw(Gs,{...o,style:{width:"130px"},children:[bl(X,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),bl(Do,{}),bl(X,{text:"Item 2"},"menu-item-2"),bl(X,{last:!0,text:"Item 3"},"menu-item-3")]}):bl(Gs,{...o,style:{width:"130px"}})};yr.options=Gw;yr.states=Hw;yr.variants=Kw;yr.defaultOptions=Bp;yr.modifiers=_w;yr.className=vt.className;import{Fragment as xae,jsx as hae,jsxs as gae}from"react/jsx-runtime";import{Fragment as Aae,jsx as Iae,jsxs as Eae}from"react/jsx-runtime";import{Fragment as _ae,jsx as Kae,jsxs as Dae}from"react/jsx-runtime";import{Fragment as qae,jsx as Jae,jsxs as Yae}from"react/jsx-runtime";import{Fragment as pi,jsx as x,jsxs as ce}from"react/jsx-runtime";var zw=_.options,Fw=_.states,Gp={..._.defaultOptions,variant:"normal"},Uw=[{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"}],Vw=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],Ir=e=>{let{variant:t,modifiers:o,...a}={...Gp,...e},l={toolbar:void 0,pager:void 0},n=ce(ga,{children:[x(c,{icon:"plus",children:"Add New"}),x(c,{icon:"file-pdf",children:"Export to PDF"}),x("span",{className:"k-spacer"}),x(xe,{prefix:x(u,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),d=x(ye,{pageSizes:!1,refresh:!1});Object.keys(o||{}).forEach(T=>{switch(T){case"toolbar":l.toolbar=o?.[T]?n:void 0;break;case"pager":l.pager=o?.[T]?d:void 0;break;default:return}});let m={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},b=ce(pi,{children:[x(ae,{children:x("div",{className:"k-grid-header-wrap",children:ce(re,{children:[ce("colgroup",{children:[x("col",{}),x("col",{}),x("col",{}),x("col",{})]}),x(q,{children:ce(y,{children:[x(E,{...m[t],columnTitle:"ID"}),x(E,{...m[t],columnTitle:"Product Name"}),x(E,{...m[t],columnTitle:"Units in Stock"}),x(E,{...m[t],columnTitle:"Units Price"})]})})]})})}),x(Q,{children:x(Z,{children:ce(j,{children:[ce("colgroup",{children:[x("col",{}),x("col",{}),x("col",{}),x("col",{})]}),ce(te,{children:[ce(y,{children:[x(p,{children:"1"}),x(p,{children:"Chai"}),x(p,{children:"39"}),x(p,{children:"18"})]}),ce(y,{alt:!0,children:[x(p,{children:"2"}),x(p,{children:"Chang"}),x(p,{children:"17"}),x(p,{children:"19"})]}),ce(y,{children:[x(p,{children:"3"}),x(p,{children:"Aniseed Syrup"}),x(p,{children:"13"}),x(p,{children:"10"})]}),ce(y,{alt:!0,children:[x(p,{children:"4"}),x(p,{children:"Chef Anton's Cajun Seasoning"}),x(p,{children:"53"}),x(p,{children:"22"})]}),ce(y,{children:[x(p,{children:"5"}),x(p,{children:"Chef Anton's Gumbo Mix"}),x(p,{children:"0"}),x(p,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return x(Ap,{...a,...l});case"editing":return x(Rp,{...a,...l});case"grouping":return x(Ep,{...a,...l,groupingHeader:x(po,{children:ce(Ee,{children:[x(Ie,{icon:"sort-asc-small",actions:ce(pi,{children:[x(Pe,{type:"more"}),x(Pe,{type:"remove"})]}),children:"ID"}),x(Ie,{icon:"sort-desc-small",actions:ce(pi,{children:[x(Pe,{type:"more"}),x(Pe,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return x(_,{...a,...l,children:ce(pi,{children:[x(ae,{children:ce("div",{className:"k-grid-header-wrap",children:[" ",ce(re,{children:[ce("colgroup",{children:[x("col",{className:"k-drag-col"}),x("col",{}),x("col",{}),x("col",{}),x("col",{})]}),x(q,{children:ce(y,{children:[x(E,{className:"k-drag-cell",accessibleLabel:"Reorder"}),x(E,{columnTitle:"ID"}),x(E,{columnTitle:"Product Name"}),x(E,{columnTitle:"Units in Stock"}),x(E,{columnTitle:"Units Price"})]})})]})]})}),x(Q,{children:x(Z,{children:ce(j,{children:[ce("colgroup",{children:[x("col",{className:"k-drag-col"}),x("col",{}),x("col",{}),x("col",{}),x("col",{})]}),ce(te,{children:[ce(y,{children:[x(p,{className:"k-drag-cell",children:x(u,{icon:"reorder"})}),x(p,{children:"1"}),x(p,{children:"Chai"}),x(p,{children:"39"}),x(p,{children:"18"})]}),ce(y,{alt:!0,children:[x(p,{className:"k-drag-cell",children:x(u,{icon:"reorder"})}),x(p,{children:"2"}),x(p,{children:"Chang"}),x(p,{children:"17"}),x(p,{children:"19"})]}),ce(y,{children:[x(p,{className:"k-drag-cell",children:x(u,{icon:"reorder"})}),x(p,{children:"3"}),x(p,{children:"Aniseed Syrup"}),x(p,{children:"13"}),x(p,{children:"10"})]}),ce(y,{alt:!0,children:[x(p,{className:"k-drag-cell",children:x(u,{icon:"reorder"})}),x(p,{children:"4"}),x(p,{children:"Chef Anton's Cajun Seasoning"}),x(p,{children:"53"}),x(p,{children:"22"})]}),ce(y,{children:[x(p,{className:"k-drag-cell",children:x(u,{icon:"reorder"})}),x(p,{children:"5"}),x(p,{children:"Chef Anton's Gumbo Mix"}),x(p,{children:"0"}),x(p,{children:"21.35"})]})]})]})})})]})});case"filter-row":return x(wp,{...a,...l});default:return x(_,{...a,...l,children:b})}};Ir.options=zw;Ir.states=Fw;Ir.variants=Uw;Ir.defaultOptions=Gp;Ir.modifiers=Vw;Ir.className=_.className;import{Fragment as $w,jsx as B,jsxs as wt}from"react/jsx-runtime";var Hp=e=>B(_e,{toolbar:wt(Ye,{children:[B(c,{children:"New Folder"}),B(c,{children:"Upload"}),wt(R,{children:[B(c,{className:"k-group-start",icon:"sort-asc-small","aria-label":"Sort ascending"}),B(c,{className:"k-group-end",icon:"sort-desc-small","aria-label":"Sort descending"})]}),B(K,{text:"Sort By"}),wt(R,{children:[B(c,{className:"k-group-start",icon:"grid",selected:!0,"aria-label":"Grid view"}),B(c,{className:"k-group-end",icon:"grid-layout","aria-label":"List view"})]}),B("div",{className:"k-spacer"}),wt("div",{className:"k-filemanager-details-toggle",children:[B("label",{children:"View Details"}),B(ve,{checked:!0,"aria-label":"View Details"})]}),B(Le,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:B($w,{children:B(Ce,{className:"k-filemanager-splitter",panes:[B(fe,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:B(gt,{children:B(de,{text:"Folder"})})},"pane-1"),wt(fe,{className:"k-filemanager-content",scrollable:!0,children:[B(Tt,{children:B(st,{children:B(we,{root:!0,children:B(Ne,{root:!0,icon:!0,"aria-label":"Home",children:B(u,{icon:"home"})})})})}),wt(_,{_renderAriaRoot:!0,className:"k-filemanager-grid k-grid-display-block",children:[B(ae,{children:B("div",{className:"k-grid-header-wrap k-auto-scrollable",children:wt(re,{children:[wt("colgroup",{children:[B("col",{}),B("col",{}),B("col",{})]}),B(q,{children:wt(y,{children:[B(E,{sortable:!0,columnTitle:"Name"}),B(E,{columnTitle:"Date Created"}),B(E,{columnTitle:"File Size"})]})})]})})}),B(Q,{children:B(Z,{className:"k-auto-scrollable",children:wt(j,{className:"k-selectable",children:[wt("colgroup",{children:[B("col",{className:"k-sorted"}),B("col",{}),B("col",{})]}),wt(te,{children:[wt(y,{className:"k-master-row",children:[B(p,{children:B(Ve,{name:"Folder",icon:"folder"})}),B(p,{children:"13/12/2019 at 12:22:04 PM"}),B(p,{children:"0"})]}),wt(y,{className:"k-master-row",alt:!0,children:[B(p,{children:B(Ve,{name:"file.png",icon:"file"})}),B(p,{children:"13/12/2019 at 12:22:04 PM"}),B(p,{children:"73289"})]})]})]})})})]})]},"pane-2"),B(fe,{className:"k-filemanager-preview",collapsible:!0,scrollable:!0,flexBasis:"25%",tabIndex:0,children:B($o,{selection:"none",name:"No File Selected"})},"pane-3")]})}),...e});import{jsx as ui}from"react/jsx-runtime";var Ww=_e.options,Xw=_e.states,Jw={..._e.defaultOptions,variant:"listview"},qw=[{name:"listview",title:"ListView"},{name:"grid",title:"Grid"}],Yw=[{name:"preview",title:"Preview"}],Er=e=>{let{variant:t,modifiers:o,...a}={...e},l=!1;return Object.keys(o||{}).forEach(n=>{n==="preview"&&(l=!!o?.[n])}),t==="grid"?l?ui(Hp,{...a}):ui(Kp,{...a}):l?ui(Rm,{...a}):ui(Am,{...a})};Er.options=Ww;Er.states=Xw;Er.variants=qw;Er.defaultOptions=Jw;Er.modifiers=Yw;Er.className=_e.className;import{Fragment as Qw,jsx as G,jsxs as Lt}from"react/jsx-runtime";var Kp=e=>G(_e,{toolbar:Lt(Ye,{children:[G(c,{children:"New Folder"}),G(c,{children:"Upload"}),Lt(R,{children:[G(c,{className:"k-group-start",icon:"sort-asc-small","aria-label":"Sort ascending"}),G(c,{className:"k-group-end",icon:"sort-desc-small","aria-label":"Sort descending"})]}),G(K,{text:"Sort By"}),Lt(R,{children:[G(c,{className:"k-group-start",icon:"grid",selected:!0,"aria-label":"Grid view"}),G(c,{className:"k-group-end",icon:"grid-layout","aria-label":"List view"})]}),G("div",{className:"k-spacer"}),Lt("div",{className:"k-filemanager-details-toggle",children:[G("label",{children:"View Details"}),G(ve,{"aria-label":"View Details"})]}),G(Le,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:G(Qw,{children:G(Ce,{className:"k-filemanager-splitter",panes:[G(fe,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:G(gt,{children:G(de,{text:"Folder"})})},"pane-1"),Lt(fe,{className:"k-filemanager-content",scrollable:!0,children:[G(Tt,{children:G(st,{children:G(we,{root:!0,children:G(Ne,{root:!0,icon:!0,"aria-label":"Home",children:G(u,{icon:"home"})})})})}),Lt(_,{_renderAriaRoot:!0,className:"k-filemanager-grid k-grid-display-block",children:[G(ae,{children:G("div",{className:"k-grid-header-wrap k-auto-scrollable",children:Lt(re,{children:[Lt("colgroup",{children:[G("col",{}),G("col",{}),G("col",{})]}),G(q,{children:Lt(y,{children:[G(E,{columnTitle:"Name",sortable:!0}),G(E,{columnTitle:"Date Created"}),G(E,{columnTitle:"File Size"})]})})]})})}),G(Q,{children:G(Z,{className:"k-auto-scrollable",children:Lt(j,{className:"k-selectable",children:[Lt("colgroup",{children:[G("col",{className:"k-sorted"}),G("col",{}),G("col",{})]}),Lt(te,{children:[Lt(y,{className:"k-master-row",children:[G(p,{children:G(Ve,{name:"Folder",icon:"folder"})}),G(p,{children:"13/12/2019 at 12:22:04 PM"}),G(p,{children:"0"})]}),Lt(y,{className:"k-master-row",alt:!0,children:[G(p,{children:G(Ve,{name:"file.png",icon:"file"})}),G(p,{children:"13/12/2019 at 12:22:04 PM"}),G(p,{children:"73289"})]})]})]})})})]})]},"pane-2")]})}),...e});export{Kp as FileManagerGrid};
+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 C=(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"}),v=(e,t)=>{let{valid:o,invalid:a,hover:l,focus:n,checked:d,active:m,selected:b,disabled:T,indeterminate:g,loading:k,empty:f,readonly:w,highlighted:L,...I}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":l,"k-focus":n,"k-checked":d,"k-active":m,"k-selected":b,"k-disabled":T,"k-indeterminate":g&&!d,"k-loading":k,"k-empty":f,"k-readonly":w,"k-highlighted":L},Object.keys(I).reduce((O,A)=>(A.startsWith("k-")?O[A]=I[A]:O[`k-${A}`]=I[A],O),{}))};function Ks(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var s={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},h={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},N={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},to={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},M={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},i={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var hi={};function D(e){return hi[e]=(hi[e]||0)+1,`k-${e}-${hi[e]}`}import{Fragment as Up,jsx as _s}from"react/jsx-runtime";var gi="k-font-icon",Dp=[],zp={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[M.undefined,M.base,M.primary,M.secondary,M.tertiary,M.success,M.warning,M.error,M.info]},Fp={},Ar=e=>{let{size:t,themeColor:o,icon:a,rotate:l,flip:n,...d}=e;return a?_s("span",{...d,className:r(e.className,gi,C(gi,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${l}`]:l,"k-flip-h":n==="h"||n==="both","k-flip-v":n==="v"||n==="both"}),"aria-hidden":"true"}):_s(Up,{})};Ar.states=Dp;Ar.options=zp;Ar.className=gi;Ar.defaultOptions=Fp;var Ds=Ar;import{Fragment as Wp,jsx as Tl}from"react/jsx-runtime";var xi="k-svg-icon",Vp=[],$p={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[M.undefined,M.base,M.primary,M.secondary,M.tertiary,M.success,M.warning,M.error,M.info],variant:[to.outline,to.solid,to.duotone]},Ni={viewBox:"0 0 24 24",variant:to.outline},Rr=e=>{let{size:t,themeColor:o,rotate:a,flip:l,viewBox:n=Ni.viewBox,variant:d=Ni.variant,icon:m,...b}=e;if(!m)return Tl(Wp,{});if(m==="none")return Tl("span",{...b,className:r(e.className,xi,C("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let T=typeof m=="object"&&m.name&&m.name,g=typeof m=="object"?d&&m.variants?.[d]||m.variants?.outline||m.content:void 0;return Tl("span",{...b,className:r(e.className,xi,C("k-icon",{size:t}),{[`k-svg-i-${T}`]:T,[`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:Tl("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:n,dangerouslySetInnerHTML:g!==void 0?{__html:g}:void 0,children:m?void 0:e.children})})};Rr.states=Vp;Rr.options=$p;Rr.className=xi;Rr.defaultOptions=Ni;var ki=Rr;import*as vi from"@progress/kendo-svg-icons";var zs="icon",Fs="icons";import{useContext as Jp}from"react";import{createContext as Xp}from"react";var Us=Xp({iconsType:"svg"});import{Fragment as Vs,jsx as Or}from"react/jsx-runtime";var hl="k-icon",qp=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Yp=[],Qp={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[M.undefined,M.base,M.primary,M.secondary,M.tertiary,M.success,M.warning,M.error,M.info],variant:[to.outline,to.solid,to.duotone]},gl={viewBox:"0 0 24 24",type:"svg",variant:to.outline},u=e=>{let{iconsType:t}=Jp(Us),{size:o,themeColor:a,icon:l,type:n=t||gl.type,rotate:d,flip:m,viewBox:b=gl.viewBox,variant:T=gl.variant,...g}=e;if(!l)return Or(Vs,{});if((t||n)==="svg"){if(l==="none")return Or(ki,{...g,className:r(e.className,hl),icon:l,size:o,variant:T});let f=vi[l]?l:qp(`${l}-icon`);return vi[f]?Or(ki,{...g,className:r(e.className,hl),icon:vi[f],size:o,themeColor:a,rotate:d,flip:m,viewBox:b,variant:T}):Or(Vs,{})}return Or(Ds,{...g,className:r(e.className,hl),icon:l,size:o,themeColor:a,rotate:d,flip:m})};u.states=Yp;u.options=Qp;u.defaultOptions=gl;u.className=hl;u.moduleName=zs;u.folderName=Fs;u.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 wi="button",$s=wi;import{Fragment as tu,jsx as Pr,jsxs as Ws}from"react/jsx-runtime";var Br="k-button",Zp=["icon-button"],jp=[i.hover,i.focus,i.active,i.selected,i.disabled,i.generating],eu={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[M.undefined,M.base,M.primary,M.secondary,M.tertiary,M.success,M.warning,M.error,M.info,M.inverse]},Li={showArrow:!1,arrowIconName:"chevron-down"},c=e=>{let{as:t="button",size:o,rounded:a,fillMode:l,themeColor:n,showArrow:d=Li.showArrow,arrowIconName:m=Li.arrowIconName,variant:b,hover:T,focus:g,active:k,selected:f,disabled:w,togglable:L,ariaDisabled:I,icon:O,text:A,iconClassName:F,className:Te,...ne}=e,et=O!==void 0,tt=e.children!==void 0;return Ws(t,{className:r(Te,Br,Ks(Br,b),C(Br,{size:o,rounded:a,fillMode:l,themeColor:n}),v(Br,{hover:T,focus:g,active:k,disabled:w||I,selected:f}),{"k-icon-button":!A&&!tt&&et}),...ne,"aria-pressed":L?f?"true":"false":void 0,"aria-disabled":I?"true":void 0,disabled:w||void 0,children:[O&&Pr(u,{className:r(F,"k-button-icon"),icon:O}),A?Ws(tu,{children:[A&&Pr("span",{className:"k-button-text",children:A}),e.children]}):e.children&&Pr("span",{className:"k-button-text",children:e.children}),d&&Pr("span",{className:"k-menu-button-arrow k-button-arrow",children:Pr(u,{icon:m})})]})};c.states=jp;c.options=eu;c.variants=Zp;c.className=Br;c.defaultOptions=Li;c.moduleName=wi;c.folderName=$s;c.ariaSpec={selector:".k-button",rules:[{selector:".k-button",attribute:"role=button or nodeName=button",usage:"The button role is implicit from the native <button> element."},{selector:".k-button",attribute:"aria-label (when icon-only)",usage:"Required for icon-only buttons that have no visible text."},{selector:".k-button",attribute:"aria-pressed (when togglable)",usage:"Indicates the pressed state of a toggle button."},{selector:".k-button",attribute:"disabled (when disabled)",usage:"Rendered when the button is disabled."}]};import{jsx as ou}from"react/jsx-runtime";var Io=e=>ou(c,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as au}from"react/jsx-runtime";var Gr=e=>au(c,{icon:"folder",children:"Button",...e});import{jsx as ru}from"react/jsx-runtime";var ea=e=>ru(c,{children:"Button",...e});import{jsx as Ci}from"react/jsx-runtime";var lu=c.options,iu=c.states,nu={...c.defaultOptions,variant:"text"},su=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],du=[],wa=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Ci(Io,{...o,icon:"star"});case"icon-and-text":return Ci(Gr,{...o,icon:"star",children:"Button"});default:return Ci(ea,{...o,children:"Button"})}};wa.options=lu;wa.states=iu;wa.variants=su;wa.defaultOptions=nu;wa.modifiers=du;wa.className=c.className;var Mi="button",Xs=Mi;import{jsx as uu}from"react/jsx-runtime";var Hr="k-button-group",cu=[i.disabled],mu={fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},pu={},R=e=>{let{fillMode:t,disabled:o,stretched:a,...l}=e;return uu("div",{role:"group",...l,className:r(e.className,Hr,C(Hr,{fillMode:t}),v(Hr,{disabled:o}),{[`${Hr}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};R.states=cu;R.options=mu;R.className=Hr;R.defaultOptions=pu;R.moduleName=Mi;R.folderName=Xs;R.ariaSpec={selector:".k-button-group",rules:[{selector:".k-button-group:not(.k-split-button)",attribute:"role=group",usage:"Sets the proper role for the group of buttons."},{selector:".k-button-group.k-disabled",attribute:"aria-disabled=true",usage:"The attribute is rendered only when the entire button group is disabled."},{selector:".k-button-group:not(.k-split-button):not(.k-scheduler-navigation):not(.k-zoom-control) .k-button",attribute:"aria-pressed (when selected)",usage:"Specifies the current state of the ButtonGroup. Only the selected button within the group will have this attribute set to true."}]};import{Fragment as pC,jsx as mC,jsxs as uC}from"react/jsx-runtime";import{Fragment as xC,jsx as gC,jsxs as NC}from"react/jsx-runtime";import{Fragment as MC,jsx as CC,jsxs as SC}from"react/jsx-runtime";import{Fragment as OC,jsx as RC,jsxs as PC}from"react/jsx-runtime";import{Fragment as DC,jsx as _C,jsxs as zC}from"react/jsx-runtime";import{Fragment as XC,jsx as WC,jsxs as JC}from"react/jsx-runtime";import{jsx as bo,jsxs as Si}from"react/jsx-runtime";var bu={...c.options,...R.options},fu=c.states,Tu={...c.defaultOptions,...R.defaultOptions,variant:"text-button"},hu=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],gu=[],La=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Si(R,{fillMode:a.fillMode,className:o,children:[bo(c,{...a,icon:"star"}),bo(c,{...a,icon:"star"}),bo(c,{...a,icon:"star"})]}):t==="icon-text-button"?Si(R,{fillMode:a.fillMode,className:o,children:[bo(c,{...a,icon:"star",children:"First"}),bo(c,{...a,icon:"star",children:"Middle"}),bo(c,{...a,icon:"star",children:"Last"})]}):Si(R,{fillMode:a.fillMode,className:o,children:[bo(c,{...a,children:"First"}),bo(c,{...a,children:"Middle"}),bo(c,{...a,children:"Last"})]})};La.options=bu;La.states=fu;La.variants=hu;La.defaultOptions=Tu;La.modifiers=gu;La.className=R.className;var Kr="input",xl=Kr;import{jsx as vu}from"react/jsx-runtime";var Nl="k-input",xu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Nu={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},ku={},Be=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:n,loading:d,readonly:m,size:b,rounded:T,fillMode:g,...k}=e;return vu("span",{...k,className:r(e.className,Nl,C(Nl,{size:b,rounded:T,fillMode:g}),v(Nl,{hover:t,focus:o,disabled:a,invalid:l,valid:n,loading:d,readonly:m}))})};Be.states=xu;Be.options=Nu;Be.className=Nl;Be.defaultOptions=ku;Be.moduleName=Kr;Be.folderName=xl;import{jsx as Mu}from"react/jsx-runtime";var kl="k-picker",wu=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],Lu={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Cu={},oo=e=>{let{hover:t,focus:o,disabled:a,invalid:l,valid:n,loading:d,readonly:m,size:b,rounded:T,fillMode:g,...k}=e;return Mu("span",{...k,className:r(e.className,kl,C(kl,{size:b,rounded:T,fillMode:g}),v(kl,{hover:t,focus:o,disabled:a,invalid:l,valid:n,loading:d,readonly:m})),children:e.children})};oo.states=wu;oo.options=Lu;oo.className=kl;oo.defaultOptions=Cu;oo.moduleName=Kr;oo.folderName=xl;import{Fragment as Iu,jsx as yi}from"react/jsx-runtime";var Js="k-clear-value",Su=[i.disabled,i.loading,i.readonly],yu={},Mt=e=>{let{disabled:t,loading:o,readonly:a,value:l}=e;return t||a||o||!l?yi(Iu,{}):yi("span",{className:r(e.className,Js),children:yi(u,{icon:"x"})})};Mt.states=Su;Mt.options=yu;Mt.className=Js;import{jsx as Ru}from"react/jsx-runtime";var Ii="k-input-inner",Eu=[],Au={},vl={type:"text",autocomplete:"off",value:"",placeholder:""},St=e=>{let{value:t=vl.value,type:o=vl.type,placeholder:a=vl.placeholder,autocomplete:l=vl.autocomplete,disabled:n,readOnly:d,...m}=e;return Ru("input",{...m,type:o,className:r(e.className,Ii,C(Ii,e)),placeholder:a,autoComplete:l,defaultValue:t,disabled:n||void 0,readOnly:d||void 0})};St.states=Eu;St.options=Au;St.className=Ii;import{jsx as qs,jsxs as Bu}from"react/jsx-runtime";var Ei="k-input-inner",Ou=[],Pu={},ta=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:l,valueIconName:n,...d}=e;return Bu("span",{...d,className:r(e.className,Ei,C(Ei,e)),children:[l,!l&&n&&qs(u,{className:"k-input-value-icon",icon:n}),a&&!t&&o,a&&t&&qs("span",{className:"k-input-value-text",children:t})]})};ta.states=Ou;ta.options=Pu;ta.className=Ei;import{jsx as Ku}from"react/jsx-runtime";var Ai="k-input-inner",Gu=[],Hu={},Ys={value:"",placeholder:""},Ri=e=>{let{value:t=Ys.value,placeholder:o=Ys.placeholder,rows:a,disabled:l,...n}=e;return Ku("textarea",{...n,className:r(e.className,Ai,C(Ai,e)),placeholder:o,rows:a,defaultValue:t,disabled:l||void 0})};Ri.states=Gu;Ri.options=Hu;Ri.className=Ai;import{Fragment as Du,jsx as Qs}from"react/jsx-runtime";var Zs="k-input-loading-icon",_u=[i.disabled,i.loading],ut=e=>{let{disabled:t,loading:o}=e;return t||!o?Qs(Du,{}):Qs("span",{className:r(e.className,Zs,"k-icon k-i-loading")})};ut.states=_u;ut.className=Zs;import{Fragment as Uu,jsx as js}from"react/jsx-runtime";var ed="k-input-validation-icon",zu=[i.valid,i.invalid,i.disabled,i.loading],Fu={},ot=e=>{let{valid:t,invalid:o,disabled:a,loading:l}=e,n=o?"warning-circle":"check-circle";return a||l||!!!(t||o)?js(Uu,{}):js(u,{className:r(ed),icon:n})};ot.states=zu;ot.options=Fu;ot.className=ed;import{Fragment as Wu,jsx as td}from"react/jsx-runtime";var Vu="k-input-prefix",$u={direction:"horizontal"},Pt=e=>{let{direction:t=$u.direction,...o}=e;return e.children?td("span",{...o,className:r(Vu,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):td(Wu,{})};import{Fragment as qu,jsx as od}from"react/jsx-runtime";var Xu="k-input-suffix",Ju={direction:"horizontal"},Bt=e=>{let{direction:t=Ju.direction,...o}=e;return e.children?od("span",{...o,className:r(Xu,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):od(qu,{})};import{jsx as JM}from"react/jsx-runtime";import{jsx as Qu}from"react/jsx-runtime";var Yu="k-input-suffix-text",Oi=e=>{let{children:t,...o}=e;return Qu("span",{...o,className:r(Yu,e.className),children:t})};import{jsx as ju}from"react/jsx-runtime";var ad="k-input-separator",Zu={direction:"vertical"},Gt=e=>{let{direction:t=Zu.direction,...o}=e;return ju("span",{...o,className:r(ad,e.className,{[`${ad}-${t}`]:t})})};import{Fragment as rd,jsx as ao,jsxs as Pi}from"react/jsx-runtime";var eb=Be.states,tb=Be.defaultOptions,ob=Be.options,ab=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],rb=[],Ca=e=>{let{modifiers:t,valid:o,invalid:a,loading:l,disabled:n,readonly:d,...m}=e,b=t?.prefix,T=t?.suffix,g=t?.["clear-button"],k=t?.["validation-icon"],f=t?.separators;return Pi(Be,{...m,valid:o,invalid:a,loading:l,disabled:n,readonly:d,style:{width:300},children:[b&&Pi(rd,{children:[ao(Pt,{children:ao(u,{icon:"lock"})}),f&&ao(Gt,{})]}),ao(St,{placeholder:"Placeholder",value:"Value"}),k&&ao(ot,{valid:o,invalid:a,loading:l,disabled:n}),ao(ut,{loading:l,disabled:n}),g&&ao(Mt,{loading:l,disabled:n,readonly:d,value:"Value"}),T&&Pi(rd,{children:[f&&ao(Gt,{}),ao(Bt,{children:ao(ea,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};Ca.options=ob;Ca.states=eb;Ca.variants=rb;Ca.defaultOptions=tb;Ca.modifiers=ab;Ca.className=Be.className;import{jsx as ld,jsxs as nb}from"react/jsx-runtime";var id="k-color-preview",lb=[],ib={},Eo=e=>{let{color:t,iconName:o,...a}=e;return nb("span",{...a,className:r(e.className,id,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&ld(u,{icon:o,className:"k-color-preview-icon"}),ld("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Eo.states=lb;Eo.options=ib;Eo.className=id;var Bi="popup",nd=Bi;import{jsx as sd}from"react/jsx-runtime";var dd="k-animation-container",sb=[],db={},cd={positionMode:"absolute"},ro=e=>{let{positionMode:t=cd.positionMode,animationStyle:o,offset:a,...l}=e;return sd("div",{...l,style:{...a,...e.style},className:r(e.className,dd,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:sd("div",{className:"k-child-animation-container",style:o,children:e.children})})};ro.states=sb;ro.options=db;ro.className=dd;ro.defaultOptions=cd;ro.moduleName=Bi;ro.folderName=nd;var Gi="popup",md=Gi;import{jsx as pd}from"react/jsx-runtime";var ud="k-popup",cb=[],mb={},bd={positionMode:"absolute"},se=e=>{let{offset:t,positionMode:o=bd.positionMode,animationStyle:a,containerClassName:l,containerRole:n,containerAriaLabel:d,...m}=e;return pd(ro,{positionMode:o,offset:t,animationStyle:a,className:l,role:n,"aria-label":d,children:pd("div",{...m,className:r(e.className,ud),children:e.children})})};se.states=cb;se.options=mb;se.className=ud;se.defaultOptions=bd;se.moduleName=Gi;se.folderName=md;se.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 Hi="action-buttons",fd=Hi;import{jsx as bb}from"react/jsx-runtime";var wl="k-actions",pb=[],ub={},Ki={alignment:"start",orientation:"horizontal"},Ht=e=>{let{alignment:t=Ki.alignment,orientation:o=Ki.orientation,...a}=e;return bb("div",{...a,className:r(wl,{[`${wl}-${t}`]:t,[`${wl}-${o}`]:o},e.className),children:e.children})};Ht.states=pb;Ht.options=ub;Ht.className=wl;Ht.defaultOptions=Ki;Ht.moduleName=Hi;Ht.folderName=fd;import{jsx as Tb}from"react/jsx-runtime";var fb="k-actionsheet-footer",Td={alignment:"stretched",orientation:"horizontal"},Ao=e=>{let{alignment:t=Td.alignment,orientation:o=Td.orientation,template:a,as:l=a?"div":Ht,...n}=e;return Tb(l,{...n,...!a&&{alignment:t,orientation:o},className:r(e.className,fb),children:e.children})};var _i="searchbox",hd=_i;import{jsx as _r,jsxs as xb}from"react/jsx-runtime";var gd="k-searchbox",hb=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading],gb={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Di={showIcon:!0,icon:"search"},Le=e=>{let{value:t,placeholder:o,size:a,rounded:l,fillMode:n,hover:d,focus:m,valid:b,invalid:T,required:g,loading:k,disabled:f,showIcon:w=Di.showIcon,icon:L=Di.icon,"aria-label":I,...O}=e;return xb(Be,{...O,size:a,rounded:l,fillMode:n,hover:d,focus:m,valid:b,invalid:T,required:g,loading:k,disabled:f,className:r(e.className,gd),children:[w&&_r(u,{className:"k-input-icon",icon:L}),_r(St,{placeholder:o,value:t,"aria-label":I}),_r(ut,{...e}),_r(ot,{...e}),_r(Mt,{...e})]})};Le.states=hb;Le.options=gb;Le.className=gd;Le.defaultOptions=Di;Le.moduleName=_i;Le.folderName=hd;import{jsx as xy}from"react/jsx-runtime";var zi="textbox",xd=zi;import{Fragment as Nd,jsx as Ro,jsxs as Fi}from"react/jsx-runtime";var kd="k-textbox",Nb=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],kb={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Ll={showClearButton:!0,showValidationIcon:!0,separators:!0},xe=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Ll.separators,showClearButton:n=Ll.showClearButton,showValidationIcon:d=Ll.showValidationIcon,prefix:m,suffix:b,type:T,value:g,placeholder:k,hover:f,focus:w,valid:L,invalid:I,required:O,loading:A,disabled:F,readonly:Te,id:ne,"aria-label":et,"aria-describedby":tt,...Ct}=e;return Fi(Be,{...Ct,size:t,rounded:o,fillMode:a,hover:f,focus:w,valid:L,invalid:I,required:O,loading:A,disabled:F,readonly:Te,className:r(e.className,kd),children:[m&&Fi(Nd,{children:[Ro(Pt,{children:m}),l&&Ro(Gt,{})]}),Ro(St,{id:ne,placeholder:k,value:g,type:T,disabled:F,"aria-label":et,"aria-describedby":tt,"aria-invalid":I?"true":void 0}),d&&Ro(ot,{valid:L,invalid:I,loading:A,disabled:F}),Ro(ut,{loading:A,disabled:F}),n&&Ro(Mt,{loading:A,disabled:F,readonly:Te,value:g}),b&&Fi(Nd,{children:[l&&Ro(Gt,{}),Ro(Bt,{children:b})]})]})};xe.states=Nb;xe.options=kb;xe.className=kd;xe.defaultOptions=Ll;xe.moduleName=zi;xe.folderName=xd;xe.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 Dr=xe;import{jsx as vb}from"react/jsx-runtime";var vd=e=>vb(Dr,{...e});import{Fragment as Hy,jsx as Gy}from"react/jsx-runtime";import{Fragment as Uy,jsx as Fy}from"react/jsx-runtime";import{jsx as Xy}from"react/jsx-runtime";import{jsx as Ui}from"react/jsx-runtime";var wb=xe.states,Lb=xe.defaultOptions,Cb=xe.options,Mb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Sb=[],Ma=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?Ui(u,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[l]?Ui(ea,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[l];break;default:break}}),Ui(vd,{value:"Value",style:{width:300},...o,...a})};Ma.options=Cb;Ma.states=wb;Ma.variants=Sb;Ma.defaultOptions=Lb;Ma.modifiers=Mb;Ma.className=xe.className;import{jsx as Oo,jsxs as Vi}from"react/jsx-runtime";var wd="k-actionsheet-titlebar",yb={},at=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:l,filter:n,input:d,inputValue:m,inputPlaceholder:b,adaptive:T,titleId:g,children:k,...f}=e;return Vi("div",{...f,className:r(e.className,wd),children:[Vi("div",{className:"k-actionsheet-titlebar-group",children:[a&&Oo("div",{className:"k-actionsheet-actions",children:a}),!k&&Vi("div",{className:"k-actionsheet-title",id:g,children:[t&&Oo("div",{className:"k-text-center",children:t}),o&&Oo("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),k&&Oo("div",{className:"k-actionsheet-title",id:g,children:k}),l&&Oo("div",{className:"k-actionsheet-actions",children:l})]}),(d||n)&&Oo("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?Oo(xe,{value:m,placeholder:b,size:T?"large":"medium","aria-label":t||b||"Input"}):Oo(Le,{placeholder:"Filter",size:T?"large":"medium","aria-label":"Filter options"})})]})};at.className=wd;at.defaultOptions=yb;import{jsx as $i,jsxs as Rb}from"react/jsx-runtime";var Wi="k-actionsheet-view",Ib=[],Eb={},Ab={},Sa=e=>{let{adaptive:t,animated:o,children:a,header:l,footer:n,titleId:d,...m}=e,b=l?.type===at&&$i(at,{adaptive:t,titleId:d,...l?.props}),T=n?.type===Ao&&$i(Ao,{...n?.props});return Rb("div",{...m,className:r(e.className,Wi,{[`${Wi}-animated`]:o}),children:[b,$i("div",{className:"k-actionsheet-content",children:a}),T]})};Sa.states=Ib;Sa.options=Eb;Sa.className=Wi;Sa.defaultOptions=Ab;var zr="action-sheet",Cl=zr;var Xi="overlay",Ld=Xi;import{jsx as Gb}from"react/jsx-runtime";var Cd="k-overlay",Ob=[],Pb={},Bb={},Po=e=>{let{...t}=e;return Gb("div",{...t,className:r(e.className,Cd),children:e.children})};Po.states=Ob;Po.options=Pb;Po.className=Cd;Po.defaultOptions=Bb;Po.moduleName=Xi;Po.folderName=Ld;import{jsx as Ml,jsxs as _b}from"react/jsx-runtime";var Md="k-actionsheet",Hb=[],Kb={},Fr={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Ae=e=>{let{side:t=Fr.side,fullscreen:o=Fr.fullscreen,adaptive:a=Fr.adaptive,overlay:l=Fr.overlay,template:n,children:d,header:m,footer:b,id:T,...g}=e,k=T&&!n&&m?`${T}-title`:void 0;return _b("div",{className:"k-actionsheet-container",children:[l&&Ml(Po,{}),Ml(ro,{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:Ml("div",{...g,id:T,role:"dialog","aria-modal":l?"true":void 0,"aria-labelledby":k,className:r(e.className,Md,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:n||Ml(Sa,{header:m,footer:b,adaptive:a,titleId:k,...e,children:d})})})]})};Ae.states=Hb;Ae.options=Kb;Ae.className=Md;Ae.defaultOptions=Fr;Ae.moduleName=zr;Ae.folderName=Cl;Ae.ariaSpec={selector:".k-actionsheet",rules:[{selector:".k-actionsheet",attribute:"role=dialog",usage:"Announces the dialog role of the component."},{selector:".k-actionsheet",attribute:"aria-labelledby (when has title)",usage:"Associates the title of the action sheet."},{selector:".k-actionsheet",attribute:"aria-hidden=true/false (when hidden)",usage:"Announces the hidden state of the ActionSheet container."},{selector:".k-actionsheet",attribute:"aria-modal=true (when modal)",usage:"Announces that the action sheet is modal."},{selector:".k-actionsheet .k-actionsheet-title",attribute:"id",usage:"Used to associate the title with the action sheet wrapper element."}]};import{jsx as Ub}from"react/jsx-runtime";var Sd="k-actionsheet-container",Db=[],zb={},Fb={},ya=e=>{let{children:t,...o}=e;return Ub("div",{...o,className:Sd,children:t})};ya.states=Db;ya.options=zb;ya.className=Sd;ya.defaultOptions=Fb;ya.moduleName=zr;ya.folderName=Cl;import{jsx as Vb}from"react/jsx-runtime";var Ji=e=>{let{...t}=e;return Vb("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as Wb,jsx as Ur,jsxs as qi}from"react/jsx-runtime";var Yi="k-actionsheet-item",$b=[i.hover,i.focus,i.selected,i.disabled],Bo=e=>{let{iconName:t,text:o,description:a,hover:l,focus:n,selected:d,disabled:m,...b}=e;return qi("span",{...b,className:r(e.className,Yi,v(Yi,{hover:l,focus:n,selected:d,disabled:m})),children:[!e.children&&Ur(Wb,{children:qi("span",{className:"k-actionsheet-action",children:[t&&Ur("span",{className:"k-icon-wrap",children:Ur(u,{className:"k-actionsheet-item-icon",icon:t})}),qi("span",{className:"k-actionsheet-item-text",children:[o&&Ur("span",{className:"k-actionsheet-item-title",children:o}),a&&Ur("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Bo.states=$b;Bo.className=Yi;import{jsx as WI,jsxs as XI}from"react/jsx-runtime";import{jsx as QI}from"react/jsx-runtime";import{jsx as tE}from"react/jsx-runtime";import{jsx as lE}from"react/jsx-runtime";import{jsx as $e,jsxs as Qi}from"react/jsx-runtime";var Xb=Ae.options,Jb=Ae.states,Id={...Ae.defaultOptions,variant:"normal"},qb=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Yb=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Ia=e=>{let{variant:t,modifiers:o,...a}={...Id,...e},l={},n=Qi(Ji,{children:[$e(Bo,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),$e(Bo,{text:"Add to Favorites",iconName:"heart"}),$e(Bo,{text:"Upload New",iconName:"upload",disabled:!0}),$e("hr",{className:"k-hr"}),$e(Bo,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",m="Select Item";return t==="fullScreen"&&(l.fullScreen=!0),Object.keys(o||{}).forEach(b=>{switch(b){case"actions":l.actionsStart=!!o?.[b],l.actionsEnd=!!o?.[b];break;case"subtitle":l.subtitle=o?.[b]?d:void 0;break;case"footer":l.footer=!!o?.[b];break;default:break}}),t==="adaptive"?$e(Ae,{...a,adaptive:!0,fullscreen:l.fullScreen,header:$e(at,{actionsStart:l.actionsStart?$e(c,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?$e(c,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:l.subtitle}),footer:l.footer?Qi(Ao,{alignment:"stretched",children:[$e(c,{text:"Cancel",size:"large",themeColor:"base"}),$e(c,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:n}):$e(Ae,{...a,fullscreen:l.fullScreen,header:$e(at,{actionsStart:l.actionsStart?$e(c,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:l.actionsEnd?$e(c,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:l.subtitle}),footer:l.footer?Qi(Ao,{alignment:"stretched",children:[$e(c,{text:"Apply",themeColor:"primary"}),$e(c,{text:"Cancel",themeColor:"base"})]}):void 0,children:n})};Ia.options=Xb;Ia.states=Jb;Ia.variants=qb;Ia.defaultOptions=Id;Ia.modifiers=Yb;Ia.className=Ae.className;var Zi="slider",Ed=Zi;import{jsx as Ea,jsxs as ji}from"react/jsx-runtime";var Vr="k-slider",Qb=[i.hover,i.focus,i.active,i.disabled,i.readonly],Zb={},Kt={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},ke=e=>{let{type:t=Kt.type,orientation:o=Kt.orientation,gradientType:a=Kt.gradientType,readonly:l=Kt.readonly,disabled:n=Kt.disabled,handlePosition:d=Kt.handlePosition,showButtons:m=Kt.showButtons,showTicks:b=Kt.showTicks,value:T=Kt.value,min:g=Kt.min,max:k=Kt.max,startValue:f,endValue:w,hover:L,focus:I,active:O,trackStyle:A,dir:F,...Te}=e,et=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),tt,Ct;return o==="horizontal"?(tt=F==="rtl"?"chevron-left":"chevron-right",Ct=F==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(tt="chevron-up",Ct="chevron-down"),ji("div",{...Te,className:r(Vr,e.className,v(Vr,{readonly:l,disabled:n}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:F,children:[m&&Ea(c,{className:"k-button-decrease",rounded:"full",icon:Ct,tabIndex:-1,title:"Decrease"}),ji("div",{className:"k-slider-track-wrap",children:[b&&Ea("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),ji("div",{className:"k-slider-track",style:A,children:[Ea("div",{className:"k-slider-selection"}),t==="range"&&Ea("span",{className:r("k-draghandle","k-draghandle-start",v(Vr,{hover:L,focus:I,active:O})),role:"slider",tabIndex:n?void 0:0,"aria-valuenow":f??g,"aria-valuemin":g,"aria-valuemax":w??k,"aria-orientation":et,"aria-disabled":n?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":Te["aria-label"]?`${Te["aria-label"]} start`:"Range start"}),Ea("span",{className:r("k-draghandle",`k-draghandle-${d}`,v(Vr,{hover:L,focus:I,active:O})),role:"slider",tabIndex:n?void 0:0,"aria-valuenow":t==="range"?w??k:T,"aria-valuemin":t==="range"?f??g:g,"aria-valuemax":k,"aria-orientation":et,"aria-disabled":n?"true":void 0,"aria-readonly":l?"true":void 0,"aria-label":t==="range"?Te["aria-label"]?`${Te["aria-label"]} end`:"Range end":Te["aria-label"]})]})]}),m&&Ea(c,{className:"k-button-increase",rounded:"full",icon:tt,tabIndex:-1,title:"Increase"})]})};ke.states=Qb;ke.options=Zb;ke.className=Vr;ke.defaultOptions=Kt;ke.moduleName=Zi;ke.folderName=Ed;ke.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").'},{selector:".k-slider .k-slider-items",attribute:"aria-hidden=true",usage:"Hides the tick list from assistive technologies. Tick values are redundant with the drag handle value attributes."},{selector:".k-slider .k-tick",attribute:"role=presentation",usage:"Removes semantic meaning from individual tick elements. Ticks are visual-only markers."},{selector:".k-slider .k-tick",attribute:"title",usage:"Represents the value associated with the respective tick."}]};import{jsx as Ad}from"react/jsx-runtime";var Rd="k-tick",jb=[],ef={},Od={label:!1},H=e=>{let{style:t,label:o=Od.label,orientation:a,large:l,text:n,...d}=e;return Ad("li",{...d,role:"presentation",title:n||"Tick",className:r(e.className,Rd,{[`k-tick-${a}`]:a,"k-tick-large":l}),style:t,children:o&&Ad("span",{className:"k-label",children:n})})};H.states=jb;H.options=ef;H.className=Rd;H.defaultOptions=Od;import{Fragment as tf,jsx as _t,jsxs as of}from"react/jsx-runtime";var Pd=e=>_t(ke,{"aria-label":e["aria-label"]||"Slider",children:of(tf,{children:[_t(H,{className:"k-first",label:!0,large:!0,text:"0"}),_t(H,{}),_t(H,{}),_t(H,{}),_t(H,{}),_t(H,{label:!0,large:!0,text:"5"}),_t(H,{}),_t(H,{}),_t(H,{}),_t(H,{}),_t(H,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as af,jsx as Dt,jsxs as rf}from"react/jsx-runtime";var Bd=e=>Dt(ke,{children:rf(af,{children:[Dt(H,{className:"k-first",label:!0,large:!0,text:"0"}),Dt(H,{}),Dt(H,{}),Dt(H,{}),Dt(H,{}),Dt(H,{label:!0,large:!0,text:"5"}),Dt(H,{}),Dt(H,{}),Dt(H,{}),Dt(H,{}),Dt(H,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as XE,jsx as WE,jsxs as JE}from"react/jsx-runtime";import{Fragment as jE,jsx as ZE,jsxs as eA}from"react/jsx-runtime";import{jsx as lf}from"react/jsx-runtime";var en=e=>lf(ke,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as nf}from"react/jsx-runtime";var tn=e=>nf(ke,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as mA,jsx as cA,jsxs as pA}from"react/jsx-runtime";import{Fragment as hA,jsx as TA,jsxs as gA}from"react/jsx-runtime";import{jsx as lo,jsxs as Gd}from"react/jsx-runtime";var sf=ke.options,df=ke.states,Hd={...ke.defaultOptions,variant:"horizontal",label:!0},cf=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],mf=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],Aa=e=>{let{variant:t,modifiers:o,...a}={...Hd,...e},l={};Object.keys(o||{}).forEach(T=>{switch(T){case"button":{l.showButtons=!!o?.[T];break}case"label":{l.label=!!o?.[T];break}case"tick":{l.showTicks=!!o?.[T];break}}});let{label:n=!0,showButtons:d,showTicks:m}=l,b={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?Gd(Bd,{showTicks:m,showButtons:d,style:{height:"300px",...b},...a,children:[lo(H,{label:n,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),lo(H,{label:n,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),lo(H,{label:n,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),lo(H,{label:n,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),lo(H,{label:n,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Gd(Pd,{showTicks:m,showButtons:d,style:{width:"400px",...b},...a,children:[lo(H,{label:n,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),lo(H,{label:n,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),lo(H,{label:n,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),lo(H,{label:n,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),lo(H,{label:n,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Aa.options=sf;Aa.states=df;Aa.variants=cf;Aa.defaultOptions=Hd;Aa.modifiers=mf;Aa.className=ke.className;import{jsx as Kd,jsxs as Tf}from"react/jsx-runtime";var _d="k-spin-button",bf=[],ff={size:[s.undefined,s.small,s.medium,s.large],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link]},on={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Go=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:l=on.increaseLabel,decreaseLabel:n=on.decreaseLabel,...d}=e;return Tf("span",{...d,className:r(_d,e.className),children:[Kd(c,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":l}),Kd(c,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":n})]})};Go.states=bf;Go.options=ff;Go.className=_d;Go.defaultOptions=on;Go.moduleName=null;Go.folderName=null;var Dd="numeric-textbox",zd="numerictextbox";import{Fragment as Fd,jsx as fo,jsxs as an}from"react/jsx-runtime";var Ud="k-numerictextbox",hf=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],gf={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Sl={showSpinButton:!0,showClearButton:!0,separators:!0},W=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Sl.separators,showClearButton:n=Sl.showClearButton,showSpinButton:d=Sl.showSpinButton,prefix:m,suffix:b,value:T,placeholder:g,hover:k,focus:f,valid:w,invalid:L,required:I,loading:O,disabled:A,readonly:F,id:Te,"aria-label":ne,"aria-describedby":et,...tt}=e;return an(Be,{...tt,size:t,rounded:o,fillMode:a,hover:k,focus:f,valid:w,invalid:L,required:I,loading:O,disabled:A,readonly:F,className:r(e.className,Ud),children:[m&&an(Fd,{children:[fo(Pt,{children:m}),l&&fo(Gt,{})]}),fo(St,{id:Te,placeholder:g,value:T,role:"spinbutton",disabled:A,"aria-label":ne,"aria-describedby":et,"aria-invalid":L?"true":void 0}),fo(ot,{valid:w,invalid:L,loading:O,disabled:A}),fo(ut,{loading:O,disabled:A}),n&&fo(Mt,{loading:O,disabled:A,readonly:F,value:T}),b&&an(Fd,{children:[l&&fo(Gt,{}),fo(Bt,{children:b})]}),d&&fo(Go,{className:"k-input-spinner",size:t,fillMode:a,disabled:A})]})};W.states=hf;W.options=gf;W.className=Ud;W.defaultOptions=Sl;W.moduleName=Dd;W.folderName=zd;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 $r=W;import{jsx as xf}from"react/jsx-runtime";var Vd=e=>xf($r,{...e});import ln from"react";import{jsx as $d}from"react/jsx-runtime";var Nf="k-list-group-sticky-header",rn=e=>$d("div",{className:r(Nf,e.className),children:$d("div",{className:"k-list-header-text",children:e.children})});import{jsx as vf}from"react/jsx-runtime";var kf="k-no-data",Wr=e=>{let{live:t,...o}=e;return vf("span",{...o,className:r(kf,e.className),"aria-live":t?"polite":void 0,children:e.children})};var oa="list",Ra=oa;import{jsx as Wd,jsxs as Xd}from"react/jsx-runtime";var nn="k-list",wf=[],Lf={size:[s.undefined,s.small,s.medium,s.large]},Cf={},ee=e=>{let{size:t,virtualization:o,children:a,header:l,optionLabel:n,customValue:d,noData:m,screenReaders:b,...T}=e,k=ln.Children.toArray(a)[0],f=k?.props?.children?ln.Children.count(k.props.children):ln.Children.count(a);return Xd("div",{...T,className:r(e.className,nn,C(nn,{size:t}),{"k-virtual-list":o}),children:[n,d,l&&Wd(rn,{children:l}),a||(m!==void 0?m:Wd(Wr,{live:!0,children:"No data found."})),b&&a&&Xd(Wr,{className:"k-sr-only",live:!0,children:[f," items found."]})]})};ee.states=wf;ee.options=Lf;ee.className=nn;ee.defaultOptions=Cf;ee.moduleName=oa;ee.folderName=Ra;ee.ariaSpec={selector:".k-list",rules:[{selector:".k-list .k-no-data",attribute:"aria-live=polite",usage:'Announces "No data found" to screen readers.'}]};import{jsx as If}from"react/jsx-runtime";var Jd="k-list-container",Mf=[],Sf={},yf={},Oa=e=>{let{...t}=e;return If("div",{...t,className:r(e.className,Jd),children:e.children})};Oa.states=Mf;Oa.options=Sf;Oa.className=Jd;Oa.defaultOptions=yf;Oa.moduleName=oa;Oa.folderName=Ra;var aa="checkbox",Pa=aa;import{jsx as qd}from"react/jsx-runtime";var yl="k-checkbox",Ef=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.checked,i.indeterminate],Af={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full]},Rf={},Ge=e=>{let{id:t,checked:o,indeterminate:a,hover:l,focus:n,disabled:d,invalid:m,valid:b,required:T,size:g,rounded:k,wrapperRole:f,...w}=e;return qd("span",{className:"k-checkbox-wrap",role:f,children:qd("input",{...w,id:t,type:"checkbox",defaultChecked:o,required:T,disabled:d||void 0,"aria-invalid":m?"true":void 0,className:r(e.className,yl,C(yl,{size:g,rounded:k}),v(yl,{hover:l,focus:n,disabled:d,invalid:m,valid:b,indeterminate:a,checked:o}))})})};Ge.states=Ef;Ge.options=Af;Ge.className=yl;Ge.defaultOptions=Rf;Ge.moduleName=aa;Ge.folderName=Pa;Ge.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 Yt=Ge;import{jsx as Bf}from"react/jsx-runtime";var Yd="k-checkbox-list",Of=[],Pf={},Qd={layout:"vertical"},rt=e=>{let{layout:t=Qd.layout,...o}=e;return Bf("ul",{...o,className:r(e.className,Yd,{[`k-list-${t}`]:t}),children:e.children})};rt.states=Of;rt.options=Pf;rt.className=Yd;rt.defaultOptions=Qd;rt.moduleName=aa;rt.folderName=Pa;import{jsx as _f}from"react/jsx-runtime";var Zd="k-checkbox-list-item",Gf=[],Hf={},Kf={},lt=e=>{let{...t}=e;return _f("li",{...t,className:r(e.className,Zd),children:e.children})};lt.states=Gf;lt.options=Hf;lt.className=Zd;lt.defaultOptions=Kf;lt.moduleName=aa;lt.folderName=Pa;import{Fragment as Df,jsx as jd,jsxs as zf}from"react/jsx-runtime";var To=({children:e="Label",id:t="cb-label-after",...o})=>zf(Df,{children:[jd(Yt,{id:t,...o}),jd("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as FR,jsx as zR,jsxs as UR}from"react/jsx-runtime";import{Fragment as JR,jsx as XR,jsxs as qR}from"react/jsx-runtime";import{Fragment as eO,jsx as jR,jsxs as tO}from"react/jsx-runtime";import{jsx as lO}from"react/jsx-runtime";import{jsx as dO}from"react/jsx-runtime";import{jsx as uO}from"react/jsx-runtime";import{jsx as zt,jsxs as ec}from"react/jsx-runtime";var Ff=rt.options,Uf=rt.states,Vf={...rt.defaultOptions,variant:"vertical"},$f=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Wf=[],Ba=e=>{let{variant:t,...o}=e;return t==="horizontal"?ec(rt,{layout:"horizontal",...o,children:[zt(lt,{children:zt(To,{id:D("cb"),defaultChecked:!0,children:"Label"})}),zt(lt,{children:zt(To,{id:D("cb"),children:"Label"})}),zt(lt,{children:zt(To,{id:D("cb"),children:"Label"})})]}):ec(rt,{...o,children:[zt(lt,{children:zt(To,{id:D("cb"),defaultChecked:!0,children:"Label"})}),zt(lt,{children:zt(To,{id:D("cb"),children:"Label"})}),zt(lt,{children:zt(To,{id:D("cb"),children:"Label"})})]})};Ba.options=Ff;Ba.states=Uf;Ba.variants=$f;Ba.defaultOptions=Vf;Ba.modifiers=Wf;Ba.className=rt.className;import{jsx as Zf}from"react/jsx-runtime";var Xf=Yt.options,Jf=Yt.states,qf=Yt.defaultOptions,Yf=[],Qf=[],Ga=e=>Zf(To,{id:D("checkbox"),...e,defaultChecked:!0,children:"Label"});Ga.options=Xf;Ga.states=Jf;Ga.variants=Yf;Ga.defaultOptions=qf;Ga.modifiers=Qf;Ga.className=Yt.className;import{jsx as ra,jsxs as oT}from"react/jsx-runtime";var sn="k-list-item",jf=[i.hover,i.focus,i.selected,i.disabled],eT={},tT={},$=e=>{let{text:t,groupLabel:o,group:a,iconName:l,iconClassName:n,showCheckbox:d,checked:m,hover:b,focus:T,selected:g,disabled:k,actions:f,description:w,id:L,...I}=e,O=t||e.children;return oT("li",{...I,id:L,role:a?"presentation":"option",tabIndex:a?void 0:T?0:-1,"aria-selected":!a&&g?"true":a?void 0:"false","aria-disabled":!a&&k?"true":void 0,className:r(e.className,a?"k-list-group-item":sn,v(sn,{hover:b,focus:T,disabled:k,selected:g})),children:[d&&ra(Ge,{checked:m}),l&&ra("span",{className:"k-list-item-icon-wrapper",children:ra(u,{icon:l,className:r("k-list-item-icon",n)})}),ra("span",{className:"k-list-item-text",children:O}),f&&ra("div",{className:"k-list-item-actions",children:f}),w&&ra("span",{className:"k-list-item-description",children:w}),o&&o!==""&&ra("div",{className:"k-list-item-group-label",children:o})]})};$.states=jf;$.options=eT;$.className=sn;$.defaultOptions=tT;$.moduleName=oa;$.folderName=Ra;$.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as rT}from"react/jsx-runtime";var aT="k-list-ul",ho=e=>{let{children:t,role:o,id:a,...l}=e;return rT("ul",{...l,id:a,role:o,className:r(aT,e.className),children:t})};ho.ariaSpec={selector:".k-list-ul",rules:[{selector:'.k-list-ul[role="listbox"]',attribute:"role=listbox",usage:"For ungrouped lists, the UL has the listbox role."},{selector:'.k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."},{selector:'.k-list-ul[role="group"]',attribute:"role=group",usage:"For grouped sublists under a group header."},{selector:'.k-list-ul[role="group"]',attribute:"aria-labelledby (when grouped)",usage:"References the group header ID."}]};import{jsx as dn,jsxs as iT}from"react/jsx-runtime";var lT="k-list-content",he=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":l,listboxId:n,...d}=e;return iT("div",{...d,className:r(lT,e.className),role:o?"listbox":void 0,id:o?n:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?l:void 0,children:[o?e.children:dn(ho,{role:"listbox",id:n,"aria-label":a,"aria-labelledby":l,children:e.children}),t&&dn("div",{className:"k-height-container",children:dn("div",{})})]})};he.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{Fragment as aP,jsx as oP,jsxs as rP}from"react/jsx-runtime";import{jsx as cn,jsxs as sT}from"react/jsx-runtime";var nT="k-list-group-item",la=e=>{let{groupIconName:t,...o}=e;return sT("li",{...o,role:"presentation",className:r(nT,e.className),children:[t&&cn("span",{className:"k-list-item-icon-wrapper",children:cn(u,{icon:t,className:"k-list-item-icon"})}),cn("span",{className:"k-list-item-text",children:e.children})]})};la.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as pT}from"react/jsx-runtime";var mn="k-list-optionlabel",dT=[i.hover,i.focus,i.selected,i.disabled],cT={},mT={},Il=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:n,...d}=e;return pT("div",{...d,className:r(mn,v(mn,{hover:o,focus:a,selected:l,disabled:n})),children:t})};Il.states=dT;Il.options=cT;Il.className=mn;Il.defaultOptions=mT;import{jsx as TT}from"react/jsx-runtime";var pn="k-list-custom-value",uT=[i.hover,i.focus,i.selected,i.disabled],bT={},fT={},Ho=e=>{let{text:t,hover:o,focus:a,selected:l,disabled:n,...d}=e;return TT("div",{...d,className:r(pn,v(pn,{hover:o,focus:a,selected:l,disabled:n})),children:t})};Ho.states=uT;Ho.options=bT;Ho.className=pn;Ho.defaultOptions=fT;import{Fragment as NP,jsx as xP,jsxs as kP}from"react/jsx-runtime";import{Fragment as SP,jsx as MP,jsxs as yP}from"react/jsx-runtime";import{Fragment as BP,jsx as OP,jsxs as PP}from"react/jsx-runtime";import{Fragment as FP,jsx as DP,jsxs as zP}from"react/jsx-runtime";import{jsx as WP}from"react/jsx-runtime";import{Fragment as ZP,jsx as QP,jsxs as jP}from"react/jsx-runtime";var tc="dropdown-list",oc="dropdownlist";import{Fragment as xT,jsx as it,jsxs as un}from"react/jsx-runtime";var ac="k-dropdownlist",hT=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled,i.loading,i.readonly],gT={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},bn={showValue:!0,arrowIconName:"chevron-down"},me=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=bn.arrowIconName,showValue:n=bn.showValue,valueIconName:d,prefix:m,suffix:b,value:T,placeholder:g,hover:k,focus:f,valid:w,invalid:L,required:I,loading:O,disabled:A,readonly:F,popup:Te,opened:ne,adaptive:et,adaptiveSettings:tt,adaptiveTitle:Ct,adaptiveSubtitle:jo,adaptiveFilter:bi,id:yo,activeDescendant:fl,"aria-label":fi,...Ti}=e,_p=yo?`${yo}-listbox`:void 0,Hs=yo?`${yo}-value`:void 0;return un(xT,{children:[un(oo,{...Ti,id:yo,size:t,rounded:o,fillMode:a,hover:k,focus:f,valid:w,invalid:L,required:I,loading:O,disabled:A,readonly:F,className:r(e.className,ac,{"k-icon-picker":!n&&d}),role:"combobox","aria-haspopup":"listbox","aria-expanded":ne?"true":"false","aria-controls":ne?_p:void 0,"aria-activedescendant":ne&&fl?fl:void 0,"aria-describedby":ne?Hs:void 0,"aria-disabled":A?"true":void 0,"aria-label":fi,tabIndex:0,children:[it(Pt,{children:m}),it(ta,{placeholder:g,value:T,showValue:n,valueIconName:d,id:Hs}),it(ot,{valid:w,invalid:L,loading:O,disabled:A}),it(ut,{loading:O,disabled:A}),it(Bt,{children:b}),it(c,{className:"k-input-button",icon:l,size:e.size,fillMode:e.fillMode,"aria-label":g||"Toggle dropdown",tabIndex:-1})]}),ne&&Te&&it(se,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:Te}),et&&it(Ae,{adaptive:!0,...tt,header:it(at,{actionsEnd:it(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:bi,inputValue:T,inputPlaceholder:g,title:Ct,subtitle:jo}),children:it("div",{className:"k-list-container",children:it(ee,{size:"large",children:un(he,{"aria-label":"Options",children:[it($,{text:"List item"}),it($,{text:"List item"}),it($,{text:"List item"})]})})})})]})};me.states=hT;me.options=gT;me.className=ac;me.defaultOptions=bn;me.moduleName=tc;me.folderName=oc;me.ariaSpec={rules:[{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"role=combobox",usage:"Announces the dropdown element."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-haspopup=listbox",usage:"Indicates the presence of a listbox popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-expanded",usage:"Announces the visibility state of the popup."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"aria-label",usage:"Accessible name for the dropdown."},{selector:".k-dropdownlist:not(.k-views-dropdown)",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-dropdownlist.k-disabled",attribute:"aria-disabled=true",usage:"Rendered when the dropdown is disabled."},{selector:".k-dropdownlist .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-dropdownlist .k-input-button",attribute:"tabindex=-1",usage:"The button must not be focusable."},{selector:".k-dropdownlist-popup .k-list-content, .k-dropdownlist-popup .k-list-ul",attribute:"role=listbox",usage:"Popup list has listbox role."},{selector:'.k-dropdownlist-popup .k-list-ul[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-dropdownlist-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."}]};import{jsx as RB}from"react/jsx-runtime";import{jsx as KB,jsxs as _B}from"react/jsx-runtime";import{Fragment as JB,jsx as WB,jsxs as XB}from"react/jsx-runtime";import{jsx as jB}from"react/jsx-runtime";import{jsx as lG,jsxs as iG}from"react/jsx-runtime";import{Fragment as fG,jsx as uG,jsxs as bG}from"react/jsx-runtime";import{jsx as NG}from"react/jsx-runtime";import{Fragment as CT,jsx as Ko,jsxs as rc}from"react/jsx-runtime";var NT=me.states,kT=me.defaultOptions,vT=me.options,wT=[{name:"opened",title:"Opened"}],LT=[],Ka=e=>{let{modifiers:t,...o}=e,a={},l=rc(CT,{children:[Ko("div",{className:"k-list-filter",children:Ko(Le,{})}),Ko(ee,{style:{width:300},size:o.size,children:rc(he,{children:[Ko($,{children:"List item"}),Ko($,{children:"List item"}),Ko($,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(n=>{n==="opened"&&(a.opened=!!t?.[n],a.popup=t?.[n]?l:void 0)}),Ko("div",{children:Ko(me,{placeholder:"Value",style:{width:300},...o,...a})})};Ka.options=vT;Ka.states=NT;Ka.variants=LT;Ka.defaultOptions=kT;Ka.modifiers=wT;Ka.className=me.className;import{Fragment as FG,jsx as zG}from"react/jsx-runtime";import{Fragment as JG,jsx as XG}from"react/jsx-runtime";import{jsx as ZG}from"react/jsx-runtime";import{jsx as fn}from"react/jsx-runtime";var MT=W.states,ST=W.defaultOptions,yT=W.options,IT=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],ET=[],_a=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?fn(me,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[l]?fn(Oi,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[l];break;case"spin-button":a.showSpinButton=t?.[l];break;default:break}}),fn(Vd,{value:"Value",style:{width:300},...o,...a})};_a.options=yT;_a.states=MT;_a.variants=ET;_a.defaultOptions=ST;_a.modifiers=IT;_a.className=W.className;import{Fragment as Xr,jsx as J,jsxs as He}from"react/jsx-runtime";var lc="k-colorgradient-inputs",AT=[],RT={size:[s.undefined,s.small,s.medium,s.large]},ic={mode:"rgba"},Da=e=>{let{mode:t=ic.mode,size:o,...a}=e;return He("div",{...a,className:r(lc,"k-hstack"),children:[J("div",{className:"k-vstack",children:J(c,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&He(Xr,{children:[He("div",{className:"k-vstack",children:[J(W,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),J("label",{className:"k-colorgradient-input-label",children:"R"})]}),He("div",{className:"k-vstack",children:[J(W,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),J("label",{className:"k-colorgradient-input-label",children:"G"})]}),He("div",{className:"k-vstack",children:[J(W,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),J("label",{className:"k-colorgradient-input-label",children:"B"})]}),He("div",{className:"k-vstack",children:[J(W,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),J("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&He(Xr,{children:[He("div",{className:"k-vstack",children:[J(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),J("label",{className:"k-colorgradient-input-label",children:"R"})]}),He("div",{className:"k-vstack",children:[J(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),J("label",{className:"k-colorgradient-input-label",children:"G"})]}),He("div",{className:"k-vstack",children:[J(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),J("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&He(Xr,{children:[He("div",{className:"k-vstack",children:[J(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),J("label",{className:"k-colorgradient-input-label",children:"H"})]}),He("div",{className:"k-vstack",children:[J(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),J("label",{className:"k-colorgradient-input-label",children:"S"})]}),He("div",{className:"k-vstack",children:[J(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),J("label",{className:"k-colorgradient-input-label",children:"V"})]}),He("div",{className:"k-vstack",children:[J(W,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),J("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&He(Xr,{children:[He("div",{className:"k-vstack",children:[J(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),J("label",{className:"k-colorgradient-input-label",children:"H"})]}),He("div",{className:"k-vstack",children:[J(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),J("label",{className:"k-colorgradient-input-label",children:"S"})]}),He("div",{className:"k-vstack",children:[J(W,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),J("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&J(Xr,{children:He("div",{className:"k-vstack k-flex-1",children:[J(xe,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),J("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Da.states=AT;Da.options=RT;Da.className=lc;Da.defaultOptions=ic;import{jsx as ia,jsxs as na}from"react/jsx-runtime";var nc="k-colorgradient-color-contrast",OT=[],PT={},BT={},za=()=>na("div",{className:r(nc,"k-vbox"),children:[na("div",{className:"k-contrast-ratio",children:[ia("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),na("span",{className:"k-contrast-validation !k-text-success",children:[ia(u,{icon:"check"}),ia(u,{icon:"check"})]})]}),na("div",{children:[ia("span",{children:"AA: 4.5"}),na("span",{className:"k-contrast-validation !k-text-success",children:["Pass",ia(u,{icon:"check"})]})]}),na("div",{children:[ia("span",{children:"AAA: 7.0"}),na("span",{className:"k-contrast-validation !k-text-error",children:["Fail",ia(u,{icon:"x"})]})]})]});za.states=OT;za.options=PT;za.className=nc;za.defaultOptions=BT;var sc="color-gradient",dc="colorgradient";import{jsx as Ft,jsxs as Jr}from"react/jsx-runtime";var El="k-colorgradient",GT=[i.hover,i.focus,i.readonly,i.disabled],HT={size:[s.undefined,s.small,s.medium,s.large]},io={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"},Fe=e=>{let{size:t,mode:o=io.mode,readonly:a=io.readonly,disabled:l=io.disabled,gradientStyle:n=io.gradientStyle,dragHandleStyle:d=io.dragHandleStyle,alphaStyle:m=io.alphaStyle,alphaStyleHorizontal:b=io.alphaStyleHorizontal,contrast:T=io.contrast,dir:g,hover:k,focus:f,hoverHandle:w,focusHandle:L,canvasOrientation:I=io.canvasOrientation,role:O,tabIndex:A,...F}=e;return Jr("div",{...F,role:O??"textbox","aria-label":O==="none"?void 0:"Color gradient",tabIndex:A??0,"aria-disabled":l?"true":void 0,className:r(e.className,El,C(El,{size:t}),v(El,{hover:k,focus:f,readonly:a,disabled:l})),dir:g,children:[!I||I==="horizontal"&&Jr("div",{className:"k-colorgradient-canvas k-hstack",children:[Ft("div",{className:"k-hsv-rectangle",style:n,children:Ft("div",{className:"k-hsv-gradient",children:Ft("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":w,"k-focus":L}),style:d,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})})}),Jr("div",{className:"k-hsv-controls k-hstack",children:[Ft(tn,{className:"k-hue-slider",hover:w,focus:L}),o!=="rgb"&&o!=="hsv"&&Ft(tn,{className:"k-alpha-slider",hover:w,focus:L,trackStyle:m})]})]}),I==="vertical"&&Jr("div",{className:"k-colorgradient-canvas k-vstack",children:[Ft("div",{className:"k-hsv-rectangle",style:n,children:Ft("div",{className:"k-hsv-gradient",children:Ft("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":w,"k-focus":L}),style:d,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})})}),Jr("div",{className:"k-hsv-controls k-vstack",children:[Ft(en,{className:"k-hue-slider",hover:w,focus:L}),o!=="rgb"&&o!=="hsv"&&Ft(en,{className:"k-alpha-slider",hover:w,focus:L,trackStyle:b})]})]}),Ft(Da,{mode:e.mode,size:t}),T&&Ft(za,{})]})};Fe.states=GT;Fe.options=HT;Fe.className=El;Fe.defaultOptions=io;Fe.moduleName=sc;Fe.folderName=dc;Fe.ariaSpec={selector:".k-colorgradient",rules:[{selector:".k-colorgradient",attribute:"role=textbox",usage:"The focusable wrapper should be considered a textbox with a value that could be submitted."},{selector:".k-colorgradient",attribute:"aria-label or aria-labelledby",usage:"The component needs an accessible name including the currently selected value."},{selector:".k-colorgradient",attribute:"tabindex=0",usage:"The element must be focusable."},{selector:".k-colorgradient.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the ColorGradient is disabled."},{selector:".k-hsv-draghandle",attribute:"role=slider",usage:"The 2D draghandle must have slider role for ARIA-allowed attributes."},{selector:".k-hsv-draghandle",attribute:"aria-orientation=undefined",usage:"The implicit orientation for the slider must be removed for the 2D handle."},{selector:".k-hsv-draghandle",attribute:"aria-label",usage:"Must provide information about the purpose of the slider and the currently selected color."},{selector:".k-hsv-draghandle",attribute:"aria-valuetext",usage:"Must specify the values on both X and Y axis."},{selector:".k-hsv-draghandle",attribute:"aria-valuenow",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemin",usage:"Required by the slider role."},{selector:".k-hsv-draghandle",attribute:"aria-valuemax",usage:"Required by the slider role."},{selector:".k-numerictextbox>.k-input-inner",attribute:"aria-label",usage:"Must provide the name of the channel (red, green, blue, or alpha)."}]};import{jsx as KT}from"react/jsx-runtime";var Al=e=>KT(Fe,{...e});import{jsx as HH}from"react/jsx-runtime";import{jsx as zH}from"react/jsx-runtime";import{jsx as Tn}from"react/jsx-runtime";var _T=Fe.options,DT=Fe.states,zT={...Fe.defaultOptions,variant:"rgba"},FT=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],UT=[],Fa=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Tn(Al,{...o,mode:t});case"rgb":return Tn(Al,{...o,mode:t});default:return Tn(Al,{...o,mode:t})}};Fa.options=_T;Fa.states=DT;Fa.variants=FT;Fa.defaultOptions=zT;Fa.modifiers=UT;Fa.className=Fe.className;import{jsx as VT}from"react/jsx-runtime";var hn=e=>VT("tr",{role:"row",children:e.children});import{jsx as XT}from"react/jsx-runtime";var gn="k-colorpalette-tile",$T=[i.hover,i.focus,i.selected],WT={},Ua=e=>{let{color:t,tileSize:o,hover:a,focus:l,selected:n,...d}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return XT("td",{...d,role:"gridcell","aria-label":t,"aria-selected":n?"true":void 0,className:r(e.className,gn,v(gn,{hover:a,focus:l,selected:n})),style:m})};Ua.states=$T;Ua.options=WT;Ua.className=gn;var cc="color-palette",mc="colorpalette";import{jsx as qr}from"react/jsx-runtime";var Rl="k-colorpalette",JT=[i.disabled],qT={size:[s.undefined,s.small,s.medium,s.large]},pc={columns:10},nt=e=>{let{size:t,palette:o,columns:a=pc.columns,tileSize:l,disabled:n,...d}=e,m=[];if(o){let b=a||o.columns,T=o.colors?o.colors:o;Array.isArray(T)&&Array.from({length:Math.ceil(T.length/b)},(g,k)=>{let f=[];T.slice(k*b,(k+1)*b).map((L,I)=>{f.push(qr(Ua,{color:L,tileSize:l},I))});let w=qr(hn,{children:f},k);m.push(w)})}return qr("div",{...d,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":n?"true":void 0,className:r(e.className,Rl,v(Rl,{disabled:n}),C(Rl,{size:t})),children:qr("table",{className:"k-colorpalette-table",role:"none",children:qr("tbody",{children:m.length>0?m:e.children})})})};nt.states=JT;nt.options=qT;nt.className=Rl;nt.defaultOptions=pc;nt.moduleName=cc;nt.folderName=mc;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 Ol=nt;var Yr={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as YT}from"react/jsx-runtime";var uc=e=>YT(Ol,{palette:Yr.basic,...e});import{jsx as vK}from"react/jsx-runtime";import{jsx as yK,jsxs as IK}from"react/jsx-runtime";import{jsx as ah}from"react/jsx-runtime";var QT=nt.options,ZT=nt.states,jT={...nt.defaultOptions,variant:"basic"},eh=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],th={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}},oh=[],Va=e=>{let{variant:t="basic",...o}=e,a=th[t];return ah(uc,{columns:a.columns,palette:a,...o})};Va.options=QT;Va.states=ZT;Va.variants=eh;Va.defaultOptions=jT;Va.modifiers=oh;Va.className=nt.className;var bc="color-editor",fc="coloreditor";import{jsx as Ut,jsxs as $a}from"react/jsx-runtime";var Pl="k-coloreditor",rh=[i.focus],lh={size:[s.undefined,s.small,s.medium,s.large]},Qr={view:"gradient",palette:Yr.office,actionButtons:!0,canvasOrientation:"horizontal"},Re=e=>{let{size:t,view:o=Qr.view,palette:a=Qr.palette,color:l,currentColor:n,focus:d,focusView:m,dir:b,group:T,actionButtons:g=Qr.actionButtons,canvasOrientation:k=Qr.canvasOrientation,...f}=e;return $a("div",{...f,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",Pl,C(Pl,{size:t}),v(Pl,{focus:d})),dir:b,children:[$a("div",{className:"k-coloreditor-header k-hstack",children:[Ut("div",{className:"k-coloreditor-header-actions k-hstack",children:T&&$a(R,{fillMode:"flat",children:[Ut(c,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Ut(c,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Ut("div",{className:"k-spacer"}),$a("div",{className:"k-coloreditor-header-actions k-hstack",children:[Ut(c,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),$a("div",{className:"k-coloreditor-preview k-vstack",children:[Ut(Eo,{className:"k-coloreditor-preview-color",color:l}),Ut(Eo,{className:"k-coloreditor-current-color",color:n})]})]})]}),Ut("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Ut(Fe,{focus:m,size:t,canvasOrientation:k,role:"none",tabIndex:-1}):Ut(nt,{palette:a,size:t})}),g&&$a(Ht,{className:"k-coloreditor-footer",alignment:"start",children:[Ut(c,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Ut(c,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Re.states=rh;Re.options=lh;Re.className=Pl;Re.defaultOptions=Qr;Re.moduleName=bc;Re.folderName=fc;Re.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 Wa=Re;import{jsx as r_}from"react/jsx-runtime";import{jsx as s_}from"react/jsx-runtime";import{jsx as ih}from"react/jsx-runtime";var Tc=e=>ih(Wa,{group:!0,currentColor:"fuchsia",...e});import{jsx as nh}from"react/jsx-runtime";var hc=e=>nh(Wa,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as gc}from"react/jsx-runtime";var sh=Re.options,dh=Re.states,ch={...Re.defaultOptions,variant:"gradient"},mh=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],ph=[],Xa=e=>{let{variant:t,...o}=e;return t==="palette"?gc(hc,{...o,color:"white"}):gc(Tc,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Xa.options=sh;Xa.states=dh;Xa.variants=mh;Xa.defaultOptions=ch;Xa.modifiers=ph;Xa.className=Re.className;var xc="color-picker",Nc="colorpicker";import{Fragment as fh,jsx as Vt,jsxs as xn}from"react/jsx-runtime";var kc="k-colorpicker",uh=[i.hover,i.focus,i.valid,i.invalid,i.required,i.disabled],bh={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},vc={arrowIconName:"chevron-down"},yt=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:l=vc.arrowIconName,prefix:n,suffix:d,value:m,placeholder:b,hover:T,focus:g,valid:k,invalid:f,required:w,disabled:L,valueIconName:I,popup:O,opened:A,adaptive:F,adaptiveSettings:Te,adaptiveTitle:ne,adaptiveSubtitle:et,...tt}=e,Ct="colorpicker-popup";return xn(fh,{children:[xn(oo,{...tt,size:t,rounded:o,fillMode:a,hover:T,focus:g,valid:k,invalid:f,required:w,disabled:L,role:"combobox","aria-haspopup":"dialog","aria-expanded":A?"true":"false","aria-controls":A||F?Ct:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":L?"true":void 0,className:r(e.className,kc,"k-icon-picker"),children:[Vt(Pt,{children:n}),Vt(ta,{placeholder:b,value:m,showValue:!1,valueIcon:Vt(Eo,{className:"k-value-icon",color:m,iconName:I}),valueIconName:I}),Vt(Bt,{children:d}),Vt(c,{className:"k-input-button",icon:l,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:L})]}),A&&O&&Vt(se,{id:Ct,className:"k-colorpicker-popup",children:O}),F&&Vt(Ae,{adaptive:!0,id:Ct,...Te,header:Vt(at,{actionsEnd:Vt(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:ne,subtitle:et}),footer:xn(Ao,{children:[Vt(c,{text:"Cancel",size:"large"}),Vt(c,{text:"Set",size:"large",themeColor:"primary"})]}),children:Vt(Re,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};yt.states=uh;yt.options=bh;yt.className=kc;yt.defaultOptions=vc;yt.moduleName=xc;yt.folderName=Nc;yt.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 go=yt;import{jsx as Th}from"react/jsx-runtime";var Bl=e=>Th(go,{...e});import{jsx as $_}from"react/jsx-runtime";import{jsx as Y_}from"react/jsx-runtime";import{jsx as e0}from"react/jsx-runtime";import{jsx as r0}from"react/jsx-runtime";import{jsx as s0}from"react/jsx-runtime";import{jsx as p0}from"react/jsx-runtime";import{jsx as sa}from"react/jsx-runtime";var hh=go.options,gh=go.states,wc={...go.defaultOptions,variant:"color"},xh=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Nh=[{name:"opened",title:"Opened"}],Ja=e=>{let{variant:t,modifiers:o,...a}={...wc,...e},l={};Object.keys(o||{}).forEach(d=>{d==="opened"&&(l.opened=!!o?.[d],l.popup=o?.[d]?sa(Re,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let n=l.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return sa("div",{style:n,children:sa(Bl,{...a,...l})});case"icon":return sa("div",{style:n,children:sa(Bl,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...l})});default:return sa("div",{style:n,children:sa(Bl,{value:"rgba(183, 118 , 118, 1.00)",...a,...l})})}};Ja.options=hh;Ja.states=gh;Ja.variants=xh;Ja.defaultOptions=wc;Ja.modifiers=Nh;Ja.className=go.className;var Nn="combobox",Lc=Nn;import{Fragment as kn,jsx as ze,jsxs as Zr}from"react/jsx-runtime";var Cc="k-combobox",kh=[i.hover,i.focus,i.valid,i.invalid,i.loading,i.required,i.disabled,i.readonly],vh={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline]},Mc={separators:!0},Je=e=>{let{size:t,rounded:o,fillMode:a,separators:l=Mc.separators,prefix:n,suffix:d,value:m,placeholder:b,hover:T,focus:g,valid:k,invalid:f,required:w,loading:L,disabled:I,popup:O,opened:A,readonly:F,adaptive:Te,adaptiveSettings:ne,adaptiveTitle:et,adaptiveSubtitle:tt,adaptiveCustomValue:Ct,id:jo,autocomplete:bi,activeDescendant:yo,"aria-label":fl,...fi}=e,Ti=jo?`${jo}-listbox`:void 0;return Zr(kn,{children:[Zr(Be,{...fi,size:t,rounded:o,fillMode:a,hover:T,focus:g,valid:k,invalid:f,required:w,loading:L,disabled:I,readonly:F,className:r(e.className,Cc),children:[n&&Zr(kn,{children:[ze(Pt,{children:n}),l&&ze(Gt,{})]}),ze(St,{id:jo,placeholder:b,value:m,role:"combobox","aria-haspopup":"listbox","aria-expanded":A?"true":"false","aria-controls":A?Ti:void 0,"aria-activedescendant":A&&yo?yo:void 0,"aria-autocomplete":bi,"aria-invalid":f?"true":void 0,"aria-busy":L?"true":void 0,"aria-label":fl,disabled:I,readOnly:F}),ze(ot,{valid:k,invalid:f,loading:L,disabled:I}),ze(ut,{loading:L,disabled:I}),ze(Mt,{loading:L,disabled:I,readonly:F,value:m}),d&&Zr(kn,{children:[l&&ze(Gt,{}),ze(Bt,{children:d})]}),ze(c,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:I})]}),A&&O&&ze(se,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:O}),Te&&ze(Ae,{adaptive:!0,id:jo?`${jo}-adaptive`:void 0,...ne,header:ze(at,{actionsEnd:ze(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:m,inputPlaceholder:b,title:et,subtitle:tt}),children:ze("div",{className:"k-list-container",children:ze(ee,{customValue:Ct?ze(Ho,{text:`Use "${m}"`}):void 0,size:"large",children:Zr(he,{"aria-label":et||"Options",children:[ze($,{text:"List item"}),ze($,{text:"List item"}),ze($,{text:"List item"})]})})})})]})};Je.states=kh;Je.options=vh;Je.className=Cc;Je.defaultOptions=Mc;Je.moduleName=Nn;Je.folderName=Lc;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-ul[role="listbox"], .k-combobox-popup .k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby",usage:"Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var It=Je;import{jsx as wh}from"react/jsx-runtime";var Sc=e=>wh(It,{...e});import{jsx as J0,jsxs as q0}from"react/jsx-runtime";import{jsx as t1,jsxs as o1}from"react/jsx-runtime";import{jsx as s1,jsxs as d1}from"react/jsx-runtime";import{Fragment as f1,jsx as b1}from"react/jsx-runtime";import{Fragment as k1,jsx as N1}from"react/jsx-runtime";import{jsx as S1,jsxs as y1}from"react/jsx-runtime";import{Fragment as G1,jsx as P1,jsxs as B1}from"react/jsx-runtime";import{jsx as D1}from"react/jsx-runtime";import{jsx as V1}from"react/jsx-runtime";import{jsx as Y1,jsxs as Q1}from"react/jsx-runtime";import{jsx as aD,jsxs as rD}from"react/jsx-runtime";import{jsx as _o,jsxs as Ih}from"react/jsx-runtime";var Lh=Je.states,Ch=Je.defaultOptions,Mh=Je.options,Sh=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],yh=[],qa=e=>{let{modifiers:t,...o}=e,a={},l=_o(ee,{style:{width:300},size:o.size,children:Ih(he,{children:[_o($,{children:"List item"}),_o($,{children:"List item"}),_o($,{children:"List item"})]})});return Object.keys(t||{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?_o(u,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[n]?_o(Io,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[n],a.popup=t?.[n]?l:void 0;break;default:break}}),_o("div",{children:_o(Sc,{value:"Value",style:{width:300},...o,...a})})};qa.options=Mh;qa.states=Lh;qa.variants=yh;qa.defaultOptions=Ch;qa.modifiers=Sh;qa.className=Je.className;var vn="menu-button",yc=vn;import{jsx as Rh}from"react/jsx-runtime";var Ic="k-menu-button",Eh=[i.hover,i.focus,i.active,i.selected,i.disabled],Ah={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[M.undefined,M.base,M.primary,M.secondary,M.tertiary,M.success,M.warning,M.error,M.info,M.inverse]},wn={showArrow:!0,arrowIconName:"chevron-down"},pe=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:n,focus:d,active:m,selected:b,disabled:T,icon:g,text:k,showArrow:f=wn.showArrow,arrowIconName:w=wn.arrowIconName,expanded:L,...I}=e;return Rh(c,{...I,className:r(e.className,Ic),text:k,size:t,rounded:o,fillMode:a,themeColor:l,hover:n,focus:d,active:m,selected:b,disabled:T,icon:g,showArrow:f,arrowIconName:w,"aria-expanded":L?"true":"false",...!k&&g&&!e["aria-label"]&&{"aria-label":"Menu"},...T&&{"aria-disabled":"true"}})};pe.states=Eh;pe.options=Ah;pe.className=Ic;pe.defaultOptions=wn;pe.moduleName=vn;pe.folderName=yc;pe.ariaSpec={selector:".k-menu-button",rules:[{selector:".k-menu-button",attribute:"role=button or nodeName=button",usage:"Omitted if the button DOM element is used."},{selector:".k-menu-button",attribute:"aria-label (when icon-only)",usage:"Required when no text is visible in the button."},{selector:".k-menu-button",attribute:"aria-expanded=true/false",usage:"Announces the state of the popup visibility."},{selector:".k-menu-button",attribute:"aria-controls=.k-menu-group id (when open)",usage:"Points to the popup element. Builds a relationship between the button and the popup."},{selector:".k-menu-button.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."},{selector:".k-menu-group",attribute:"role=list",usage:"Announces the list role of the popup."},{selector:".k-menu-item",attribute:"role=listitem",usage:"Announces the listitem role of the popup items."}]};import{jsx as HD}from"react/jsx-runtime";import{jsx as zD}from"react/jsx-runtime";import{jsx as $D}from"react/jsx-runtime";var Et="menu",$t=Et;import{jsx as jr,jsxs as Ec}from"react/jsx-runtime";var Ln="k-menu-item",Oh=[i.hover,i.focus,i.active,i.selected,i.disabled],Ph={},Ac={iconPosition:"before"},qe=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:n,icon:d,text:m,first:b,last:T,showArrow:g,arrowIconName:k,iconPosition:f=Ac.iconPosition,dir:w,children:L,expanded:I,...O}=e,A=k;return A||(A=w==="rtl"?"chevron-left":"chevron-right"),Ec("li",{...O,className:r(e.className,Ln,"k-item",v(Ln,{focus:o,disabled:n,hover:t,active:a,selected:l}),{"k-first":b,"k-last":T}),role:"menuitem",...g&&{"aria-haspopup":"menu"},...g&&{"aria-expanded":I?"true":"false"},...n&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Ec("span",{className:r("k-link k-menu-link"),children:[d&&f==="before"&&jr(u,{className:"k-menu-link-icon",icon:d}),jr("span",{className:"k-menu-link-text",children:m}),d&&f==="after"&&jr(u,{className:"k-menu-link-icon",icon:d}),g&&jr("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:jr(u,{icon:A})})]}),L]})};qe.states=Oh;qe.options=Ph;qe.className=Ln;qe.defaultOptions=Ac;qe.moduleName=Et;qe.folderName=$t;import{jsx as el,jsxs as Rc}from"react/jsx-runtime";var Cn="k-menu-item",Bh=[i.hover,i.focus,i.active,i.selected,i.disabled],Gh={},Mn={dir:"ltr",iconPosition:"before"},X=e=>{let{hover:t,focus:o,active:a,selected:l,disabled:n,icon:d,text:m,first:b,last:T,showArrow:g,arrowIconName:k,iconPosition:f=Mn.iconPosition,dir:w=Mn.dir,children:L,popup:I,expanded:O,...A}=e,F=k;return F||(F=w==="rtl"?"chevron-left":"chevron-right"),Rc("li",{...A,className:r(e.className,Cn,"k-item",v(Cn,{focus:o,disabled:n}),{"k-first":b,"k-last":T}),role:"menuitem",...g&&{"aria-haspopup":"menu"},...g&&{"aria-expanded":O?"true":"false"},...n&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Rc("span",{className:r("k-link k-menu-link",v("k-menu-link",{hover:t,active:a,selected:l,disabled:n})),children:[d&&f==="before"&&el(u,{className:"k-menu-link-icon",icon:d}),el("span",{className:"k-menu-link-text",children:m}),d&&f==="after"&&el(u,{className:"k-menu-link-icon",icon:d}),g&&el("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:el(u,{icon:F})})]}),L,I]})};X.states=Bh;X.options=Gh;X.className=Cn;X.defaultOptions=Mn;X.moduleName=Et;X.folderName=$t;import{jsx as Dh}from"react/jsx-runtime";var Oc="k-menu-scroll-wrapper",Hh=[],Kh={},_h={},da=e=>{let{className:t,children:o,orientation:a,...l}=e;return Dh("div",{...l,className:r(t,Oc,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};da.states=Hh;da.options=Kh;da.className=Oc;da.defaultOptions=_h;da.moduleName=Et;da.folderName=$t;var Pc=da;import{Fragment as Sn,jsx as ca,jsxs as Hl}from"react/jsx-runtime";var yn="k-menu",zh=[],Fh={},Kl={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Se=e=>{let{children:t,orientation:o=Kl.orientation,header:a=Kl.header,scrollable:l,scrollButtonsPosition:n=Kl.scrollButtonsPosition,wrapperStyles:d,dir:m,popup:b,contextMenu:T,...g}=e,k={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},f=ca("ul",{dir:m,...g,className:r(e.className,"k-reset",yn,{[`${yn}-${o}`]:o,"k-header":a}),role:T?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Hl(Sn,{children:[l?Hl(Pc,{orientation:o,style:d,dir:e.dir,children:[n==="start"&&Hl(Sn,{children:[ca(c,{fillMode:"flat",icon:`chevron-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),ca(c,{fillMode:"flat",icon:`chevron-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),n==="around"&&ca(c,{fillMode:"flat",icon:`chevron-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),f,n==="end"&&Hl(Sn,{children:[ca(c,{fillMode:"flat",icon:`chevron-${k[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),ca(c,{fillMode:"flat",icon:`chevron-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),n==="around"&&ca(c,{fillMode:"flat",icon:`chevron-${k[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):f,b]})};Se.states=zh;Se.options=Fh;Se.className=yn;Se.defaultOptions=Kl;Se.moduleName=Et;Se.folderName=$t;Se.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",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",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",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};import{jsx as Uh}from"react/jsx-runtime";var In="k-separator",Bc={orientation:"horizontal"},Do=e=>{let{orientation:t=Bc.orientation,...o}=e;return Uh("li",{...o,className:r(e.className,"k-item",In,{[`${In}-${t}`]:t}),role:"separator"})};Do.className=In;Do.defaultOptions=Bc;Do.moduleName=Et;Do.folderName=$t;import{Fragment as N2,jsx as k2}from"react/jsx-runtime";import{jsx as Xh}from"react/jsx-runtime";var En="k-menu-group",Vh=[],$h={size:[s.undefined,s.small,s.medium,s.large]},Wh={},Ke=e=>{let{children:t,size:o,...a}=e;return Xh("ul",{...a,className:r(e.className,En,C(En,{size:o})),role:"menu",children:t})};Ke.states=Vh;Ke.options=$h;Ke.className=En;Ke.defaultOptions=Wh;Ke.moduleName=Et;Ke.folderName=$t;import{Fragment as Jh,jsx as Ya,jsxs as qh}from"react/jsx-runtime";var An=e=>Ya(Se,{children:qh(Jh,{children:[Ya(qe,{first:!0,text:"Item 1"}),Ya(qe,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),Ya(qe,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),Ya(qe,{text:"Item 4"}),Ya(qe,{last:!0,text:"Item 5"})]}),...e});import{Fragment as B2,jsx as O2,jsxs as P2}from"react/jsx-runtime";import{Fragment as D2,jsx as _2,jsxs as z2}from"react/jsx-runtime";import{Fragment as W2,jsx as $2,jsxs as X2}from"react/jsx-runtime";import{Fragment as Z2,jsx as Q2,jsxs as j2}from"react/jsx-runtime";import{jsx as ma,jsxs as eg}from"react/jsx-runtime";var Yh={...Se.options,scrollable:{type:"boolean"}},Qh=Se.states,Gc={...Se.defaultOptions,variant:"horizontal"},Zh=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],jh=[{name:"opened",title:"Opened"}],Qa=e=>{let{variant:t,modifiers:o,...a}={...Gc,...e},l={};return Object.keys(o||{}).forEach(n=>{n==="opened"&&(l.opened=!!o?.[n],l.popup=ma(se,{className:"k-menu-popup",children:eg(Ke,{children:[ma(X,{text:"Item 1"}),ma(X,{text:"Item 2"}),ma(Do,{}),ma(X,{text:"Item 3"})]})}))}),t==="vertical"?ma(An,{...a,...l,orientation:"vertical",style:{width:"200px"}}):ma(An,{...a,...l})};Qa.options=Yh;Qa.states=Qh;Qa.variants=Zh;Qa.defaultOptions=Gc;Qa.modifiers=jh;Qa.className=Se.className;import{Fragment as A3,jsx as I3,jsxs as E3}from"react/jsx-runtime";import{jsx as B3}from"react/jsx-runtime";import{Fragment as lg,jsx as no,jsxs as Hc}from"react/jsx-runtime";var tg=c.states,Kc={...c.defaultOptions,variant:"text"},og=c.options,ag=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],rg=[{name:"opened",title:"Opened"}],Za=e=>{let{variant:t,modifiers:o,...a}={...Kc,...e},l={},n=no(se,{className:"k-menu-popup",children:Hc(Ke,{size:a.size,children:[no(X,{first:!0,text:"Menu Item"}),no(X,{text:"Menu Item"}),no(X,{last:!0,text:"Menu Item"})]})}),d;switch(t){case"icon-only":d=no("div",{children:no(pe,{...a,...l,icon:"star"})});break;case"icon-and-text":d=no("div",{children:no(pe,{...a,...l,icon:"star",children:"Dropdown Button"})});break;default:d=no("div",{children:no(pe,{...a,...l,children:"Dropdown Button"})});break}return Hc(lg,{children:[d,o?.opened&&n]})};Za.options=og;Za.states=tg;Za.variants=ag;Za.defaultOptions=Kc;Za.modifiers=rg;Za.className=pe.className;var Rn="split-button",_c=Rn;import{Fragment as sg,jsx as On,jsxs as Dc}from"react/jsx-runtime";var Pn="k-split-button",ig=[i.hover,i.focus,i.active,i.selected,i.disabled],ng={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[M.undefined,M.base,M.primary,M.secondary,M.tertiary,M.success,M.warning,M.error,M.info,M.inverse]},zc={arrowIconName:"chevron-down"},K=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,hover:n,focus:d,active:m,selected:b,disabled:T,icon:g,text:k,arrowIconName:f=zc.arrowIconName,popup:w,opened:L,popupId:I,...O}=e;return Dc(sg,{children:[Dc("div",{...O,className:r(e.className,Pn,"k-button-group",C(Pn,{rounded:o})),children:[On(c,{text:k,icon:g,size:t,rounded:o,fillMode:a,themeColor:l,hover:n,focus:d,active:m,selected:b,disabled:T,...!k&&!e.children&&g&&{"aria-label":"Action"},children:e.children}),On(c,{className:"k-split-button-arrow",icon:f,size:t,rounded:o,fillMode:a,disabled:T,"aria-label":"Toggle dropdown","aria-expanded":L?"true":"false","aria-controls":L?I:void 0,tabIndex:-1,...T&&{"aria-disabled":"true"}})]}),L&&w&&On(se,{className:"k-menu-popup",children:w})]})};K.states=ig;K.options=ng;K.className=Pn;K.defaultOptions=zc;K.moduleName=Rn;K.folderName=_c;K.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 Bn=K;import{jsx as cg}from"react/jsx-runtime";var dg="k-toolbar-separator",Qt=e=>cg("div",{className:r(dg,e.className,"k-separator")});var xo="toolbar",zo=xo;import{Fragment as Gn,jsx as le,jsxs as ja}from"react/jsx-runtime";var No="k-toolbar",mg=[i.focus],pg={size:[s.undefined,s.small,s.medium,s.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},ug={scrollButtons:"around"},be=e=>{let{size:t,fillMode:o,focus:a,resizable:l,scrollable:n,scrollButtons:d,scrollingPosition:m,section:b,...T}=e,g=[],k=(f,w)=>{let L=[];if(f.type===c&&f.props.className&&f.props.className.includes("k-toolbar-overflow-button"))L.push(le(c,{...f.props,className:`${f.props.className?f.props.className:""}`},`${w}-${new Date().getTime()}`));else if(f.type===c)L.push(le(c,{...f.props,className:`k-toolbar-button ${f.props.className?f.props.className:""}`},`${w}-${new Date().getTime()}`));else if(f.type===Gr)L.push(le(Gr,{...f.props,className:`k-toolbar-button ${f.props.className?f.props.className:""}`},`${w}-${new Date().getTime()}`));else if(f.type===Io)L.push(le(Io,{...f.props,className:`k-toolbar-button ${f.props.className?f.props.className:""}`},`${w}-${new Date().getTime()}`));else if(f.type===pe)L.push(le(pe,{...f.props,className:`k-toolbar-menu-button ${f.props.className?f.props.className:""}`},`${w}-${new Date().getTime()}`));else if(f.type===Bn)L.push(le(Bn,{...f.props,className:`k-toolbar-split-button ${f.props.className?f.props.className:""}`},`${w}-${new Date().getTime()}`));else if(f.type===R||f.props.className&&f.props.className.includes("k-button-group")){let I=[];(Array.isArray(f.props.children)?f.props.children:[f.props.children]).forEach((A,F)=>{I.push(le(c,{...A.props,className:`${A.props.className?A.props.className:""}`},`${F}-${new Date().getTime()}`))}),L.push(le(R,{...f.props,className:`k-toolbar-button-group ${f.props.className?f.props.className:""}`,children:I},`${w}-${new Date().getTime()}`))}else f.type===Je?L.push(le(Je,{...f.props,className:`k-toolbar-combobox ${f.props.className?f.props.className:""}`},`${w}-${new Date().getTime()}`)):f.type===me?L.push(le(me,{...f.props,className:`k-toolbar-dropdownlist ${f.props.className?f.props.className:""}`},`${w}-${new Date().getTime()}`)):f.type===yt?L.push(le(yt,{...f.props,className:`k-toolbar-colorpicker ${f.props.className?f.props.className:""}`},`${w}-${new Date().getTime()}`)):L.push(f);L.forEach(I=>{g.push(I)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((w,L)=>{k(w,L)}),ja("div",{...T,className:r(e.className,No,C(No,{size:t,fillMode:o}),v(No,{focus:a}),{[`${No}-resizable`]:l,[`${No}-scrollable`]:n,[`${No}-scrollable-overlay`]:n&&d==="hidden",[`${No}-scrollable-${m}`]:m&&m!=="both",[`${No}-section`]:b}),role:"toolbar","aria-label":"Toolbar",children:[!n&&g,n&&d==="hidden"&&le("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:g}),n&&d==="start"&&ja(Gn,{children:[ja(R,{children:[le("span",{className:r("k-toolbar-prev","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:le(u,{className:"k-button-icon",icon:"chevron-left"})}),le("span",{className:r("k-toolbar-next","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:le(u,{className:"k-button-icon",icon:"chevron-right"})})]}),le(Qt,{className:"k-toolbar-button-separator"}),le("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:g})]}),n&&d==="end"&&ja(Gn,{children:[le("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:g}),le(Qt,{className:"k-toolbar-button-separator"}),ja(R,{children:[le("span",{className:r("k-toolbar-prev","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:le(u,{className:"k-button-icon",icon:"chevron-left"})}),le("span",{className:r("k-toolbar-next","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:le(u,{className:"k-button-icon",icon:"chevron-right"})})]})]}),n&&(d==="around"||!d)&&ja(Gn,{children:[le("span",{className:r("k-toolbar-prev","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:le(u,{className:"k-button-icon",icon:"chevron-left"})}),le(Qt,{className:"k-toolbar-button-separator"}),le("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:g}),le(Qt,{className:"k-toolbar-button-separator"}),le("span",{className:r("k-toolbar-next","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:le(u,{className:"k-button-icon",icon:"chevron-right"})})]})]})};be.states=mg;be.options=pg;be.className=No;be.defaultOptions=ug;be.moduleName=xo;be.folderName=zo;be.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"])',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id (when present)",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",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",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"])',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id (when present)",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",attribute:"aria-labelledby=.k-toolbar-overflow-button id (when present)",usage:"Associates the title of the section toggle button."}]};import{jsx as hg}from"react/jsx-runtime";var Fc="k-floating-toolbar",bg=[],fg={},Tg={},er=e=>{let{...t}=e;return hg("div",{...t,className:r(e.className,Fc),children:e.children})};er.states=bg;er.options=fg;er.className=Fc;er.defaultOptions=Tg;er.moduleName=xo;er.folderName=zo;import{jsx as kg}from"react/jsx-runtime";var Hn="k-toolbar-item",gg=[i.focus],xg={},Ng={},tr=e=>{let{focus:t,...o}=e;return kg("div",{...o,className:r(e.className,Hn,v(Hn,{focus:t})),children:e.children})};tr.states=gg;tr.options=xg;tr.className=Hn;tr.defaultOptions=Ng;tr.moduleName=xo;tr.folderName=zo;import{jsx as Uc}from"react/jsx-runtime";var Vc="k-toolbar-popup",vg=[],wg={size:[s.undefined,s.small,s.medium,s.large],fillMode:[N.undefined,N.solid,N.outline,N.flat]},Lg={},pa=e=>{let{size:t,fillMode:o,section:a,...l}=e;return Uc(se,{...l,className:r(e.className,Vc),children:a?Uc("span",{className:r("k-toolbar-items-list",C("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};pa.states=vg;pa.options=wg;pa.className=Vc;pa.defaultOptions=Lg;pa.moduleName=xo;pa.folderName=zo;var _l=pa;import{jsx as Kz}from"react/jsx-runtime";import{jsx as Fz}from"react/jsx-runtime";import{jsx as Wz}from"react/jsx-runtime";import{jsx as Zz,jsxs as jz}from"react/jsx-runtime";import{jsx as a5}from"react/jsx-runtime";import{jsx as ko,jsxs as Ig}from"react/jsx-runtime";var Cg=K.states,$c={...K.defaultOptions,variant:"text"},Mg=K.options,Sg=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],yg=[{name:"opened",title:"Opened"}],or=e=>{let{variant:t,modifiers:o,...a}={...$c,...e},l={},n=Ig(Ke,{size:a.size,children:[ko(X,{first:!0,text:"Menu Item"}),ko(X,{text:"Menu Item"}),ko(X,{last:!0,text:"Menu Item"})]});switch(Object.keys(o||{}).forEach(d=>{d==="opened"&&(l.opened=!!o?.[d],l.popup=o?.[d]?n:"")}),t){case"icon-only":return ko("div",{children:ko(K,{...a,...l,icon:"star"})});case"icon-and-text":return ko("div",{children:ko(K,{...a,...l,icon:"star",children:"Split Button"})});default:return ko("div",{children:ko(K,{...a,...l,children:"Split Button"})})}};or.options=Mg;or.states=Cg;or.variants=Sg;or.defaultOptions=$c;or.modifiers=yg;or.className=K.className;import{jsx as ua,jsxs as Eg}from"react/jsx-runtime";var Wc=e=>ua(be,{children:[ua(c,{children:"Button"},"toolbar-button"),ua(pe,{text:"Menu button"},"toolbar-menu-button"),ua(K,{children:"Split button"},"toolbar-split-button"),Eg(R,{children:[ua(c,{className:"k-group-start",icon:"align-left",children:"Left"}),ua(c,{icon:"align-center",children:"Center"}),ua(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as R5,jsxs as O5}from"react/jsx-runtime";import{jsx as At,jsxs as Xc}from"react/jsx-runtime";var Jc=e=>At(be,{scrollable:!0,...e,children:[At(c,{children:"Button"},"toolbar-button"),At(pe,{text:"Menu button"},"toolbar-menu-button"),At(K,{children:"Split button"},"toolbar-split-button"),Xc(R,{children:[At(c,{className:"k-group-start",icon:"align-left",children:"Left"}),At(c,{icon:"align-center",children:"Center"}),At(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),At(c,{children:"Button"},"toolbar-button"),At(pe,{text:"Menu button"},"toolbar-menu-button"),At(K,{children:"Split button"},"toolbar-split-button"),Xc(R,{children:[At(c,{className:"k-group-start",icon:"align-left",children:"Left"}),At(c,{icon:"align-center",children:"Center"}),At(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Rt,jsxs as qc}from"react/jsx-runtime";var Yc=({scrollingPosition:e="start",...t})=>Rt(be,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[Rt(c,{children:"Button"},"toolbar-button"),Rt(pe,{text:"Menu button"},"toolbar-menu-button"),Rt(K,{children:"Split button"},"toolbar-split-button"),qc(R,{children:[Rt(c,{className:"k-group-start",icon:"align-left",children:"Left"}),Rt(c,{icon:"align-center",children:"Center"}),Rt(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Rt(c,{children:"Button"},"toolbar-button"),Rt(pe,{text:"Menu button"},"toolbar-menu-button"),Rt(K,{children:"Split button"},"toolbar-split-button"),qc(R,{children:[Rt(c,{className:"k-group-start",icon:"align-left",children:"Left"}),Rt(c,{icon:"align-center",children:"Center"}),Rt(c,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Ag,jsx as bt,jsxs as Dl}from"react/jsx-runtime";var Qc=({fillMode:e,size:t,...o})=>Dl(Ag,{children:[bt(be,{section:!0,fillMode:e,size:t,children:[bt(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Dl(R,{fillMode:e,children:[bt(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),bt(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),bt(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),bt(Qt,{className:"k-toolbar-button-separator"}),bt(c,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),Dl(_l,{size:t,fillMode:e,section:!0,...o,children:[bt(K,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),bt(c,{fillMode:e,size:t,children:"Button"},"toolbar-button"),bt(Qt,{}),bt(pe,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Dl(R,{fillMode:e,children:[bt(c,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),bt(c,{icon:"align-center",fillMode:e,size:t,children:"Center"}),bt(c,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as pF,jsx as cF,jsxs as mF}from"react/jsx-runtime";import{Fragment as wF,jsx as kF,jsxs as vF}from"react/jsx-runtime";import{jsx as Fo}from"react/jsx-runtime";var Rg=be.options,Og=be.states,Zc={...be.defaultOptions,variant:"default"},Pg=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Bg=[],ar=e=>{let{variant:t,...o}={...Zc,...e};switch(t){case"responsive":return Fo("div",{children:Fo(Qc,{style:{width:"583px"},...o})});case"overlay":return Fo("div",{children:Fo(Yc,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Fo("div",{children:Fo(Jc,{style:{width:"583px"},...o})});default:return Fo("div",{children:Fo(Wc,{style:{width:"583px"},...o})})}};ar.options=Rg;ar.states=Og;ar.variants=Pg;ar.defaultOptions=Zc;ar.modifiers=Bg;ar.className=be.className;var so="file-manager",co="filemanager";import{jsx as _g}from"react/jsx-runtime";var jc="k-filemanager-toolbar",Gg=[],Hg={},Kg={},Ye=e=>{let{children:t,...o}=e;return _g(be,{...o,className:r(e.className,jc),children:t})};Ye.states=Gg;Ye.options=Hg;Ye.className=jc;Ye.defaultOptions=Kg;Ye.moduleName=so;Ye.folderName=co;var Kn="switch",em=Kn;import{jsx as zl,jsxs as tm}from"react/jsx-runtime";var Uo="k-switch",Dg=[i.hover,i.focus,i.disabled,i.readonly,i.checked],zg={size:[s.undefined,s.small,s.medium,s.large],trackRounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],thumbRounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full]},Fg={},ve=e=>{let{checked:t,onLabel:o,offLabel:a,size:l,trackRounded:n,thumbRounded:d,hover:m,focus:b,disabled:T,readonly:g,...k}=e;return tm("span",{...k,className:r(e.className,Uo,C(Uo,{size:l}),v(Uo,{hover:m,focus:b,disabled:T,readonly:g}),{[`${Uo}-on`]:t,[`${Uo}-off`]:!t}),role:"switch","aria-checked":t?"true":"false",tabIndex:T?void 0:0,"aria-disabled":T?"true":void 0,"aria-readonly":g?"true":void 0,children:[tm("span",{className:r("k-switch-track",C(Uo,{rounded:n})),children:[o&&zl("span",{className:"k-switch-label-on",children:o}),a&&zl("span",{className:"k-switch-label-off",children:a})]}),zl("span",{className:"k-switch-thumb-wrap",children:zl("span",{className:r("k-switch-thumb",C(Uo,{rounded:d}))})})]})};ve.states=Dg;ve.options=zg;ve.className=Uo;ve.defaultOptions=Fg;ve.moduleName=Kn;ve.folderName=em;ve.ariaSpec={selector:".k-switch",rules:[{selector:".k-switch",attribute:"role=switch",usage:"Announces the switch role of the element."},{selector:".k-switch",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-switch",attribute:"aria-required=true (when required)",usage:'Rendered only when the Switch is in a form. Required because <span role="switch"> does not support the native required attribute.'},{selector:".k-switch",attribute:"aria-checked",usage:"Announces the checked state of the Switch."},{selector:".k-switch",attribute:"aria-describedby (when has hint or error)",usage:"Points to the hint or error message for the switch."},{selector:".k-switch",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Switch is in a form and announces the invalid state."},{selector:".k-switch:not(.k-disabled)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled switches are removed from tab order."},{selector:".k-switch.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the Switch is disabled."},{selector:".k-switch.k-readonly",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Switch is readonly. Readonly switches remain focusable but their value cannot be changed."}]};import{jsx as nU}from"react/jsx-runtime";import{jsx as mU}from"react/jsx-runtime";import{jsx as fU}from"react/jsx-runtime";import{jsx as xU}from"react/jsx-runtime";import{jsx as om}from"react/jsx-runtime";var Ug=ve.options,Vg=ve.states,$g={...ve.defaultOptions,variant:"on"},Wg=[{name:"on",title:"On"},{name:"off",title:"Off"}],Xg=[],rr=e=>{let{variant:t,...o}=e;return t==="off"?om(ve,{checked:!1,onLabel:"On",offLabel:"Off",...o}):om(ve,{checked:!0,onLabel:"On",offLabel:"Off",...o})};rr.options=Ug;rr.states=Vg;rr.variants=Wg;rr.defaultOptions=$g;rr.modifiers=Xg;rr.className=ve.className;import{Fragment as Qg,jsx as ft,jsxs as tl}from"react/jsx-runtime";var Dn="k-filemanager",Jg=[i.disabled],qg={},Yg=ft(Qg,{children:tl(Ye,{children:[ft(c,{children:"New Folder"}),ft(c,{children:"Upload"}),tl(R,{children:[ft(c,{className:"k-group-start",icon:"sort-asc-small","aria-label":"Sort ascending"}),ft(c,{className:"k-group-end",icon:"sort-desc-small","aria-label":"Sort descending"})]}),ft(K,{text:"Sort By"}),tl(R,{children:[ft(c,{className:"k-group-start",icon:"grid-layout","aria-label":"List view"}),ft(c,{className:"k-group-end",icon:"grid","aria-label":"Grid view"})]}),ft("div",{className:"k-spacer"}),tl("div",{className:"k-filemanager-details-toggle",children:[ft("label",{children:"View Details"}),ft(ve,{"aria-label":"View Details"})]}),ft(Le,{className:"k-filemanager-search-tool",placeholder:"Search..."})]})}),am={toolbar:Yg},_e=e=>{let{disabled:t,toolbar:o=am.toolbar,...a}=e;return tl("div",{...a,className:r(e.className,Dn,v(Dn,{disabled:t})),children:[ft("div",{className:"k-filemanager-header",children:o}),ft("div",{className:"k-filemanager-content-container",children:e.children})]})};_e.states=Jg;_e.options=qg;_e.className=Dn;_e.defaultOptions=am;_e.moduleName=so;_e.folderName=co;_e.ariaSpec={selector:".k-filemanager",rules:[{selector:".k-filemanager-preview",attribute:"tabindex=0",usage:"The element must be focusable, so that its content would be communicated to the users."}]};var zn="breadcrumb",rm=zn;import{jsx as ex}from"react/jsx-runtime";var Fl="k-breadcrumb",Zg=[i.focus],jg={size:[s.undefined,s.small,s.medium,s.large]},lm={collapsing:"auto"},De=e=>{let{size:t,collapsing:o=lm.collapsing,focus:a,...l}=e;return ex("nav",{...l,className:r(e.className,Fl,v(Fl,{focus:a}),C(Fl,{size:t}),{"k-breadcrumb-wrap":o==="wrap"}),"aria-label":"Breadcrumb",children:e.children})};De.states=Zg;De.options=jg;De.className=Fl;De.defaultOptions=lm;De.moduleName=zn;De.folderName=rm;De.ariaSpec={selector:".k-breadcrumb",rules:[{selector:".k-breadcrumb",attribute:"aria-label=Breadcrumb",usage:"Indicates the type of navigation provided by the nav element."},{selector:".k-breadcrumb-item .k-breadcrumb-link,.k-breadcrumb-item .k-breadcrumb-root-link",attribute:"role=link or nodeName=a",usage:'The breadcrumb item should render an <a> element or have role="link".'},{selector:".k-breadcrumb-last-item .k-breadcrumb-link,.k-breadcrumb-last-item .k-breadcrumb-root-link",attribute:"aria-current=page",usage:"The last breadcrumb item points to the active page."},{selector:".k-breadcrumb-last-item .k-breadcrumb-link",attribute:"aria-disabled=true",usage:"The last breadcrumb item is disabled."},{selector:".k-breadcrumb-delimiter-icon",attribute:"aria-hidden=true",usage:"Delimiter icon should not be accessed through assistive technology."}]};import{jsx as qU}from"react/jsx-runtime";import{jsx as jU}from"react/jsx-runtime";import{jsx as ax}from"react/jsx-runtime";var tx="k-breadcrumb-container",ox={collapsing:"auto"},st=e=>{let{collapsing:t=ox.collapsing,...o}=e;return ax("ol",{...o,className:r(e.className,tx,{"!k-flex-wrap":t==="wrap","k-flex-none":t==="none"}),children:e.children})};import{jsx as lx}from"react/jsx-runtime";var rx="k-breadcrumb-item",we=e=>{let{root:t,last:o,...a}=e;return lx("li",{...a,className:r(e.className,rx,{"k-breadcrumb-root-item":t,"k-breadcrumb-last-item":o}),children:e.children})};import{jsx as sx}from"react/jsx-runtime";var ix="",nx=[i.hover,i.focus,i.disabled],Ne=e=>{let{root:t,icon:o,icontext:a,hover:l,focus:n,disabled:d,last:m,...b}=e;return sx("a",{href:"#",...b,className:r(e.className,v(ix,{hover:l,focus:n,disabled:d}),{"k-breadcrumb-link":!t,"k-breadcrumb-root-link":t,"k-breadcrumb-icon-link":o,"k-breadcrumb-icontext-link":a}),...m&&{"aria-current":"page"},...m&&{"aria-disabled":"true"},children:e.children})};Ne.states=nx;import{jsx as cx}from"react/jsx-runtime";var dx="k-breadcrumb-item-text",Wt=e=>{let{text:t,...o}=e,a=t||e.children;return cx("span",{...o,className:r(e.className,dx),children:a})};import{Fragment as g6,jsx as T6,jsxs as h6}from"react/jsx-runtime";import{Fragment as C6,jsx as w6,jsxs as L6}from"react/jsx-runtime";import{Fragment as O6,jsx as A6,jsxs as R6}from"react/jsx-runtime";import{jsx as U,jsxs as Qe}from"react/jsx-runtime";var mx=De.options,px=De.states,ux={...De.defaultOptions,variant:"text"},bx=[{name:"text",title:"Text"},{name:"icon",title:"Icon"},{name:"icon-and-text",title:"Icon & Text"}],fx=[],lr=e=>{let{variant:t,...o}=e;switch(t){case"icon":return U(De,{...o,children:Qe(st,{children:[Qe(we,{root:!0,children:[U(Ne,{root:!0,icon:!0,onClick:a=>a.preventDefault(),children:U(u,{icon:"cart"})}),U(u,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),Qe(we,{children:[U(Ne,{icon:!0,onClick:a=>a.preventDefault(),children:U(u,{icon:"js"})}),U(u,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),Qe(we,{children:[U(Ne,{icon:!0,onClick:a=>a.preventDefault(),children:U(u,{icon:"truck"})}),U(u,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),U(we,{last:!0,children:U(Ne,{icon:!0,onClick:a=>a.preventDefault(),children:U(u,{icon:"wallet"})})})]})});case"icon-and-text":return U(De,{...o,children:Qe(st,{children:[Qe(we,{root:!0,children:[Qe(Ne,{root:!0,icontext:!0,onClick:a=>a.preventDefault(),children:[U(u,{icon:"cart"}),U(Wt,{text:"Cart"})]}),U(u,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),Qe(we,{children:[Qe(Ne,{icontext:!0,onClick:a=>a.preventDefault(),children:[U(u,{icon:"js"}),U(Wt,{text:"Billing"})]}),U(u,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),Qe(we,{children:[Qe(Ne,{icontext:!0,onClick:a=>a.preventDefault(),children:[U(u,{icon:"truck"}),U(Wt,{text:"Shipping"})]}),U(u,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),U(we,{last:!0,children:Qe(Ne,{icontext:!0,onClick:a=>a.preventDefault(),children:[U(u,{icon:"wallet"}),U(Wt,{text:"Payment"})]})})]})});default:return U(De,{...o,children:Qe(st,{children:[Qe(we,{root:!0,children:[U(Ne,{root:!0,onClick:a=>a.preventDefault(),children:U(Wt,{text:"Cart"})}),U(u,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),Qe(we,{children:[U(Ne,{onClick:a=>a.preventDefault(),children:U(Wt,{text:"Billing"})}),U(u,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),Qe(we,{children:[U(Ne,{onClick:a=>a.preventDefault(),children:U(Wt,{text:"Shipping"})}),U(u,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),U(we,{last:!0,children:U(Ne,{onClick:a=>a.preventDefault(),children:U(Wt,{text:"Payment"})})})]})})}};lr.options=mx;lr.states=px;lr.variants=bx;lr.defaultOptions=ux;lr.modifiers=fx;lr.className=De.className;import{jsx as xx}from"react/jsx-runtime";var im="k-filemanager-breadcrumb",Tx=[],hx={},gx={},Tt=e=>{let{children:t,...o}=e;return xx(De,{className:r(e.className,im),...o,children:t})};Tt.states=Tx;Tt.options=hx;Tt.className=im;Tt.defaultOptions=gx;Tt.moduleName=so;Tt.folderName=co;var Fn="pager",nm=Fn;import{Fragment as sm,jsx as ht,jsxs as ir}from"react/jsx-runtime";var Ul="k-pager",Nx=[i.focus,i.disabled],kx={size:[s.undefined,s.small,s.medium,s.large]},Ot={responsive:!0,pagerSizeInfo:!0,pageTitleInfo:!0,maxPagesInfo:!0,type:"numeric",pageSizes:!0,refresh:!0,previousNext:!0,info:"1 - 5 of 20 items",itemsPerPage:5,maxPages:6,currentPage:1},ye=e=>{let{responsive:t=Ot.responsive,size:o,pagerSizeInfo:a=Ot.pagerSizeInfo,pageTitleInfo:l=Ot.pageTitleInfo,maxPagesInfo:n=Ot.maxPagesInfo,itemsPerPage:d=Ot.itemsPerPage,maxPages:m=Ot.maxPages,currentPage:b=Ot.currentPage,previousNext:T=Ot.previousNext,type:g=Ot.type,pageSizes:k=Ot.pageSizes,refresh:f=Ot.refresh,info:w=Ot.info,focus:L,disabled:I,dir:O,...A}=e,F=[],Te=[];for(let ne=1;ne<=m;ne++)F.push(ht(c,{selected:ne===b,fillMode:"flat",themeColor:"primary",size:o,"aria-label":`Page ${ne}`,...ne===b&&{"aria-current":"page"},children:ne},ne)),Te.push(ht("option",{selected:ne===b,children:ne},ne));return ir("div",{dir:O,...A,className:r(e.className,Ul,C(Ul,{size:o}),v(Ul,{focus:L,disabled:I}),{"k-pager-responsive":t}),role:"application","aria-roledescription":"pager","aria-keyshortcuts":"Enter ArrowRight ArrowLeft","aria-label":`Page ${b} of ${m}`,children:[ir("div",{className:r("k-pager-numbers-wrap"),children:[T&&ir(sm,{children:[ht(c,{className:r("k-pager-nav","k-pager-first"),ariaDisabled:b===1,fillMode:"flat",size:o,icon:O==="rtl"?"caret-alt-to-right":"caret-alt-to-left",title:"Go to the first page","aria-label":"Go to the first page"}),ht(c,{className:r("k-pager-nav"),ariaDisabled:b===1,fillMode:"flat",size:o,icon:O==="rtl"?"chevron-right":"chevron-left",title:"Go to the previous page","aria-label":"Go to the previous page"})]}),g==="numeric"&&ht("div",{className:r("k-pager-numbers"),children:F}),g==="input"&&ir("span",{className:r("k-pager-input"),children:[l&&ht("span",{children:"Page"}),ht(W,{value:`${b}`,size:o,showSpinButton:!1,showClearButton:!1,"aria-label":"Current page"}),ht("span",{children:n&&`of ${m}`})]}),T&&ir(sm,{children:[ht(c,{className:r("k-pager-nav"),ariaDisabled:b===m,fillMode:"flat",size:o,icon:O==="rtl"?"chevron-left":"chevron-right",title:"Go to the next page","aria-label":"Go to the next page"}),ht(c,{className:r("k-pager-nav","k-pager-last"),ariaDisabled:b===m,fillMode:"flat",size:o,icon:O==="rtl"?"caret-alt-to-left":"caret-alt-to-right",title:"Go to the last page","aria-label":"Go to the last page"})]})]}),k&&ir("span",{className:r("k-pager-sizes"),children:[ht(me,{value:`${d}`,size:o,"aria-label":"Items per page"}),a&&ht("span",{children:"items per page"})]}),f&&ht(c,{className:r("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw",title:"Refresh","aria-label":"Refresh"}),w&&ht("span",{className:r("k-pager-info"),children:w})]})};ye.states=Nx;ye.options=kx;ye.className=Ul;ye.defaultOptions=Ot;ye.moduleName=Fn;ye.folderName=nm;ye.ariaSpec={selector:".k-pager",rules:[{selector:".k-pager",attribute:"role=application",usage:"Indicates that the pager has its own keyboard navigation implemented."},{selector:".k-pager",attribute:"aria-roledescription=pager",usage:"Clarifies the role of the Pager."},{selector:".k-pager",attribute:"aria-keyshortcuts=Enter ArrowRight ArrowLeft",usage:"Announces the available keyboard shortcuts."},{selector:".k-pager",attribute:"aria-label",usage:"Announces the currently selected page and the number of available pages."},{selector:".k-pager-nav",attribute:"role=button or nodeName=button",usage:"Specifies the role of the navigation element."},{selector:".k-pager-nav.k-disabled",attribute:"aria-disabled=true",usage:"Present when the navigation button is non-interactive."},{selector:".k-pager-nav",attribute:"title",usage:"Specifies the purpose of each navigation button."},{selector:".k-pager-numbers .k-button",attribute:"aria-label or title",usage:"Specifies the purpose of each page link, e.g., Page 6."},{selector:".k-pager-numbers .k-button.k-selected",attribute:"aria-current=page",usage:"Present on the currently selected page element."},{selector:".k-pager-sizes .k-dropdownlist",attribute:"aria-label or aria-labelledby",usage:"The DropDownList requires a label to specify its purpose."},{selector:".k-pager-input .k-input-inner",attribute:"aria-label",usage:"The input requires a label to specify its purpose."}]};import{jsx as vx}from"react/jsx-runtime";var dm=e=>vx(ye,{...e,responsive:!1});import{jsx as k4}from"react/jsx-runtime";import{jsx as C4}from"react/jsx-runtime";import{jsx as cm}from"react/jsx-runtime";var wx=ye.options,Lx=ye.states,Cx={...ye.defaultOptions,variant:"numeric"},Mx=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],Sx=[],nr=e=>{let{variant:t,...o}=e;return t==="input"?cm(ye,{...o,type:"input"}):cm(ye,{...o,type:"numeric"})};nr.options=wx;nr.states=Lx;nr.variants=Mx;nr.defaultOptions=Cx;nr.modifiers=Sx;nr.className=ye.className;var ol="listview",Vl=ol;import{Fragment as Ex,jsx as Vo,jsxs as mm}from"react/jsx-runtime";var Un="k-listview",yx=[i.loading,i.disabled],Ix={},pm={pagerPosition:"bottom"},Ue=e=>{let{header:t,footer:o,pageable:a,pagerPosition:l=pm.pagerPosition,bordered:n,layout:d,flexDirection:m,flexWrap:b,gridColumns:T,loading:g,disabled:k,selectable:f,contentAriaLabel:w,...L}=e,I=Vo(dm,{className:`k-listview-pager k-listview-pager-${l}`}),O=Vo(Ex,{children:mm("div",{className:"k-loading-mask",style:{height:"100%",width:"100%"},children:[Vo("span",{className:"k-loading-text",children:"Loading..."}),Vo("div",{className:"k-loading-image"}),Vo("div",{className:"k-loading-color"})]})});return mm("div",{...L,className:r(e.className,Un,{"k-listview-bordered":n,"k-selectable":f},v(Un,{disabled:k,loading:g})),children:[a&&l==="top"&&I,t&&Vo("div",{className:"k-listview-header",children:"Header"}),Vo("div",{className:r("k-listview-content",{[`k-d-${d}`]:d,[`k-flex-${m}`]:m,[`k-flex-${b}`]:b,[`k-grid-cols-${T}`]:T}),role:f?"listbox":"list","aria-label":w,children:e.children}),g&&O,o&&Vo("div",{className:"k-listview-footer",children:"Footer"}),a&&l==="bottom"&&I]})};Ue.states=yx;Ue.options=Ix;Ue.className=Un;Ue.defaultOptions=pm;Ue.moduleName=ol;Ue.folderName=Vl;Ue.ariaSpec={selector:".k-listview",rules:[{selector:".k-listview:not(.k-selectable) .k-listview-content",attribute:"role=list",usage:"Specifies the role of non selectable ListView content element."},{selector:".k-listview.k-selectable .k-listview-content",attribute:"role=listbox",usage:"Specifies the role of selectable ListView content element."},{selector:".k-listview:not(.k-selectable) .k-listview-item",attribute:"role=listitem",usage:"Specifies the role of each item in a non selectable ListView."},{selector:".k-listview.k-selectable .k-listview-item",attribute:"role=option",usage:"Specifies the role of each item in a selectable ListView."},{selector:".k-listview-item",attribute:"aria-setsize",usage:"Specifies the total number of items present in the ListView."},{selector:".k-listview-item",attribute:"aria-posinset",usage:"Specifies the position of the current item in the entire list."},{selector:".k-listview-item:nth-child(1)",attribute:"tabindex=0",usage:"The first item in the ListView must be focusable by default."}]};import{jsx as Px}from"react/jsx-runtime";var Vn="k-listview-item",Ax=[i.focus,i.selected],Rx={},Ox={},ie=e=>{let{focus:t,selected:o,itemRole:a,ariaSetSize:l,ariaPosInSet:n,tabIndex:d,...m}=e;return Px("div",{...m,className:r(e.className,Vn,v(Vn,{focus:t,selected:o})),role:a,"aria-setsize":l,"aria-posinset":n,tabIndex:d,"aria-selected":a==="option"&&o?"true":void 0,children:e.children})};ie.states=Ax;ie.options=Rx;ie.className=Vn;ie.defaultOptions=Ox;ie.moduleName=ol;ie.folderName=Vl;import{Fragment as Bx,jsx as ba,jsxs as Gx}from"react/jsx-runtime";var $n=e=>ba(Ue,{children:Gx(Bx,{children:[ba(ie,{itemRole:"listitem",ariaSetSize:3,ariaPosInSet:1,tabIndex:0,children:ba("div",{children:"Listview Item"})}),ba(ie,{itemRole:"listitem",ariaSetSize:3,ariaPosInSet:2,children:ba("div",{children:"Listview Item"})}),ba(ie,{itemRole:"listitem",ariaSetSize:3,ariaPosInSet:3,children:ba("div",{children:"Listview Item"})})]}),...e});import{jsx as j4}from"react/jsx-runtime";import{Fragment as r7,jsx as a7,jsxs as l7}from"react/jsx-runtime";import{jsx as Zt,jsxs as um}from"react/jsx-runtime";var Hx=Ue.options,Kx=Ue.states,bm={...Ue.defaultOptions,variant:"flex"},_x=[{name:"flex",title:"Flex"},{name:"grid",title:"Grid"},{name:"loading",title:"Loading"}],Dx=[{name:"pageable",title:"Pager"}],sr=e=>{let{variant:t,modifiers:o,...a}={...bm,...e},l={};return l.loading=t==="loading",Object.keys(o||{}).forEach(n=>{n==="pageable"&&(l.pageable=!!o?.[n])}),t==="grid"?um($n,{style:{width:"324px"},...a,...l,bordered:!0,layout:"grid",gridColumns:2,children:[Zt(ie,{className:"k-p-2",children:"Listview Item"}),Zt(ie,{className:"k-p-2",children:"Listview Item"}),Zt(ie,{className:"k-p-2",selected:!0,children:"Listview Item"}),Zt(ie,{className:"k-p-2",children:"Listview Item"}),Zt(ie,{className:"k-p-2",children:"Listview Item"}),Zt(ie,{className:"k-p-2",children:"Listview Item"})]}):um($n,{style:{width:"324px"},...a,...l,bordered:!0,layout:"flex",flexDirection:"col",children:[Zt(ie,{className:"k-p-2",children:"Listview Item"}),Zt(ie,{className:"k-p-2",children:"Listview Item"}),Zt(ie,{className:"k-p-2",selected:!0,children:"Listview Item"}),Zt(ie,{className:"k-p-2",children:"Listview Item"}),Zt(ie,{className:"k-p-2",children:"Listview Item"})]})};sr.options=Hx;sr.states=Kx;sr.variants=_x;sr.defaultOptions=bm;sr.modifiers=Dx;sr.className=Ue.className;import{jsx as Vx}from"react/jsx-runtime";var fm="k-filemanager-listview",zx=[],Fx={},Ux={},mo=e=>{let{children:t,...o}=e;return Vx(Ue,{className:r(e.className,fm),layout:"flex",flexDirection:"row",flexWrap:"wrap",selectable:!0,contentAriaLabel:"Files",...o,children:t})};mo.states=zx;mo.options=Fx;mo.className=fm;mo.defaultOptions=Ux;mo.moduleName=so;mo.folderName=co;import Xn from"react";import Wn from"react";import{jsx as Wx}from"react/jsx-runtime";var $x="k-treeview-group",vo=e=>{let{children:t,dir:o,level:a=1,role:l="group",...n}=e;return Wx("ul",{...n,className:r(e.className,$x),role:l,children:Wn.Children.map(t,(d,m)=>Wn.isValidElement(d)?Wn.cloneElement(d,{dir:o,level:a,key:m}):d)})};var al="treeview",$l=al;import{jsx as Tm}from"react/jsx-runtime";var Jn="k-treeview",Xx=[],Jx={size:[s.undefined,s.small,s.medium,s.large]},qx={},Oe=e=>{let{size:t,children:o,dir:a,...l}=e;return Tm("div",{...l,dir:a,className:r(e.className,Jn,C(Jn,{size:t})),children:Tm(vo,{className:"k-treeview-lines",role:"tree",dir:a,children:Xn.Children.map(o,(n,d)=>Xn.isValidElement(n)?Xn.cloneElement(n,{dir:a,key:d}):n)})})};Oe.states=Xx;Oe.options=Jx;Oe.className=Jn;Oe.defaultOptions=qx;Oe.moduleName=al;Oe.folderName=$l;Oe.ariaSpec={selector:".k-treeview",rules:[{selector:".k-treeview-lines",attribute:"role=tree",usage:"The root list element of the treeview."},{selector:".k-treeview-group:not(.k-treeview-lines)",attribute:"role=group",usage:"The ul element that wraps child nodes."},{selector:".k-treeview-item",attribute:"role=treeitem",usage:"The li element rendered for a tree node."},{selector:".k-treeview-item",attribute:"aria-expanded=true/false (when present)",usage:"Announces the expanded state of the node."},{selector:".k-treeview-item",attribute:"aria-checked=true/false (when present)",usage:"Announces the checked state of the node when checkboxes are enabled."},{selector:".k-treeview-item",attribute:"aria-selected=true (when present)",usage:"Announces the selected state of the node when selection is enabled."},{selector:".k-treeview-item .k-checkbox",attribute:"aria-label",usage:"The checkbox input must have an accessible name matching the treeview item text."},{selector:".k-treeview-item .k-checkbox",attribute:"tabindex=-1",usage:"The checkbox input must not be in the tab order. Keyboard interaction is handled by the treeitem."}]};import Yn from"react";import{jsx as hm,jsxs as Zx}from"react/jsx-runtime";var qn="k-treeview-leaf",Yx=[i.hover,i.focus,i.selected],Qx={},Wl=e=>{let{text:t,showIcon:o,icon:a,hover:l,focus:n,selected:d,...m}=e;return Zx("span",{...m,className:r(e.className,qn,v(qn,{hover:l,focus:n,selected:d})),children:[o&&hm(u,{icon:a}),hm("span",{className:"k-treeview-leaf-text",children:t})]})};Wl.states=Yx;Wl.options=Qx;Wl.className=qn;var gm=Wl;import{jsx as Xl,jsxs as xm}from"react/jsx-runtime";var Nm="k-treeview-item",jx=[i.hover,i.focus,i.selected,i.disabled],eN={},tN={},de=e=>{let{leafClassName:t,children:o,hasChildren:a,expanded:l,text:n,showIcon:d,icon:m,showCheckbox:b,checked:T,hover:g,focus:k,selected:f,disabled:w,dir:L,level:I=1,ariaSelected:O,...A}=e,F=a||o;return xm("li",{...A,className:r(e.className,Nm),style:{"--kendo-treeview-level":I},role:"treeitem","aria-expanded":F?l?"true":"false":void 0,"aria-checked":b?T?"true":"false":void 0,"aria-selected":O?"true":void 0,"aria-disabled":w?"true":void 0,children:[xm("span",{className:r("k-treeview-item-content",v("k-treeview-item-content",{hover:g,focus:k,selected:f,disabled:w})),children:[F&&Xl("span",{className:r("k-treeview-toggle",v("k-treeview-toggle",{disabled:w})),children:Xl(u,{icon:l?"chevron-down":L==="rtl"?"chevron-left":"chevron-right"})}),b&&Xl(Ge,{checked:T,disabled:w,"aria-label":n,tabIndex:-1}),Xl(gm,{className:t,text:n,showIcon:d,icon:m})]}),l&&F&&Yn.Children.map(o,(Te,ne)=>Yn.isValidElement(Te)?Yn.cloneElement(Te,{dir:L,level:I+1,key:ne}):Te)]})};de.states=jx;de.options=eN;de.className=Nm;de.defaultOptions=tN;de.moduleName=al;de.folderName=$l;import{jsx as Q7}from"react/jsx-runtime";import{jsx as t9,jsxs as o9}from"react/jsx-runtime";import{jsx as i9,jsxs as n9}from"react/jsx-runtime";import{jsx as m9,jsxs as p9}from"react/jsx-runtime";import{jsx as T9,jsxs as h9}from"react/jsx-runtime";import{jsx as k9,jsxs as v9}from"react/jsx-runtime";import{jsx as fa,jsxs as Qn}from"react/jsx-runtime";var oN=Oe.options,aN=Oe.states,rN=Oe.defaultOptions,lN=[{name:"checkboxes",title:"Show `Checkbox`",default:!1}],iN=[],dr=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(l=>{l==="checkboxes"&&(a.showCheckbox=t?.[l])}),Qn(Oe,{...o,children:[fa(de,{text:"Furniture",expanded:!0,...a,children:Qn(vo,{children:[fa(de,{text:"Tables & Chairs",...a}),fa(de,{text:"Sofas",...a}),fa(de,{text:"Occasional Furniture",...a})]})}),Qn(de,{text:"Decor",expanded:!1,...a,children:[fa(de,{text:"Bed Linen",...a}),fa(de,{text:"Curtains & Blinds",...a}),fa(de,{text:"Carpets",...a})]})]})};dr.options=oN;dr.states=aN;dr.variants=iN;dr.defaultOptions=rN;dr.modifiers=lN;dr.className=Oe.className;import{jsx as cN}from"react/jsx-runtime";var km="k-filemanager-treeview",nN=[],sN={},dN={},gt=e=>{let{children:t,...o}=e;return cN(Oe,{className:r(e.className,km),...o,children:t})};gt.states=nN;gt.options=sN;gt.className=km;gt.defaultOptions=dN;gt.moduleName=so;gt.folderName=co;import{jsx as vm,jsxs as uN}from"react/jsx-runtime";var wm="k-filemanager-drag-hint",mN=[],pN={},Lm={icon:"file"},Jl=e=>{let{hint:t,icon:o=Lm.icon,...a}=e;return uN("div",{className:r(e.className,wm,"k-drag-clue"),...a,children:[vm(u,{icon:o}),vm("span",{children:t})]})};Jl.states=mN;Jl.options=pN;Jl.className=wm;Jl.defaultOptions=Lm;import{Fragment as rl,jsx as xt,jsxs as cr}from"react/jsx-runtime";var Cm="k-file-info",bN=[],fN={},Zn={name:"No File Selected",icon:"file"},$o=e=>{let{selection:t,name:o=Zn.name,icon:a=Zn.icon,fileType:l,fileSize:n,fileDateCreated:d,fileDateModified:m,...b}=e;return cr("div",{...b,className:r(e.className,Cm),children:[xt(Ve,{className:r({"k-single-file-selected":t==="single","k-multiple-files-selected":t==="multiple","k-no-file-selected":t==="none"}),icon:t==="none"?"none":a,name:o,size:"xxxlarge"}),t==="single"&&xt(rl,{children:cr("dl",{className:"k-file-meta",children:[l&&cr(rl,{children:[xt("dt",{className:"k-file-meta-label",children:"Type: "}),xt("dd",{className:"k-file-meta-value k-file-type",children:l}),xt("dd",{className:"k-line-break"})]}),n&&cr(rl,{children:[xt("dt",{className:"k-file-meta-label",children:"Size: "}),xt("dd",{className:"k-file-meta-value k-file-size",children:n}),xt("dd",{className:"k-line-break"})]}),d&&cr(rl,{children:[xt("dt",{className:"k-file-meta-label",children:"Date Created: "}),xt("dd",{className:"k-file-meta-value k-file-created",children:d}),xt("dd",{className:"k-line-break"})]}),m&&cr(rl,{children:[xt("dt",{className:"k-file-meta-label",children:"Date Modified: "}),xt("dd",{className:"k-file-meta-value k-file-modified",children:m}),xt("dd",{className:"k-line-break"})]})]})})]})};$o.states=bN;$o.options=fN;$o.className=Cm;$o.defaultOptions=Zn;import{Fragment as xN,jsx as jn,jsxs as NN}from"react/jsx-runtime";var Mm="k-file-preview",TN=[],hN={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge]},gN={},Ve=e=>{let{size:t,icon:o,name:a,...l}=e;return NN(xN,{children:[jn("span",{...l,className:r(Mm),children:jn(u,{className:"k-file-icon",icon:o,size:t})}),jn("span",{className:r(e.className,"k-file-name"),children:a})]})};Ve.states=TN;Ve.options=hN;Ve.className=Mm;Ve.defaultOptions=gN;import{jsx as wN}from"react/jsx-runtime";var Ta="k-pane",kN=[],vN={},es={resizable:!0,flex:!1},fe=e=>{let{scrollable:t,flexBasis:o,flex:a=es.flex,collapsible:l,resizable:n=es.resizable,pinned:d,unpinned:m,tabbed:b,...T}=e;return wN("div",{...T,style:{flexBasis:o,...e.style},className:r(e.className,Ta,{[`${Ta}-static`]:o,[`${Ta}-flex`]:a,"k-scrollable":t,[`${Ta}-pinned`]:d,[`${Ta}-unpinned`]:m,[`${Ta}-tabbed`]:b}),role:"group",children:e.children})};fe.states=kN;fe.options=vN;fe.className=Ta;fe.defaultOptions=es;import{Fragment as Sm,jsx as ha,jsxs as MN}from"react/jsx-runtime";var mr="k-splitbar",LN=[i.hover,i.focus],CN={},ts={orientation:"horizontal",draggable:!0},pr=e=>{let{hover:t,focus:o,orientation:a=ts.orientation,draggable:l=ts.draggable,collapsePrev:n,collapseNext:d,ariaLabel:m,...b}=e;return MN("div",{...b,className:r(e.className,mr,v(mr,{hover:t,focus:o}),{[`${mr}-${a}`]:a,[`${mr}-draggable-${a}`]:l,[`${mr}-static-${a}`]:!l&&!n&&!d}),role:"separator","aria-label":m,...a==="horizontal"&&{"aria-orientation":"vertical"},"aria-keyshortcuts":"ArrowLeft ArrowRight ArrowUp ArrowDown",children:[n&&ha(Sm,{children:ha("div",{className:"k-collapse-prev",children:ha(u,{icon:`chevron-${a==="horizontal"?"left":"up"}`,size:"xsmall"})})}),ha("div",{className:"k-resize-handle","aria-hidden":"true"}),d&&ha(Sm,{children:ha("div",{className:"k-collapse-next",children:ha(u,{icon:`chevron-${a==="horizontal"?"right":"down"}`,size:"xsmall"})})})]})};pr.states=LN;pr.options=CN;pr.className=mr;pr.defaultOptions=ts;var os="splitter",ym=os;import{jsx as IN,jsxs as EN}from"react/jsx-runtime";import{createElement as yN}from"react";var as="k-splitter",SN={},Im={orientation:"horizontal"},Ce=e=>{let{orientation:t=Im.orientation,children:o,panes:a,...l}=e,n=[];return a&&a.forEach((d,m)=>{let b=a[m+1],T=d.props,g=b?.props;n.push(yN(fe,{...T,key:m})),b&&n.push(IN(pr,{draggable:T.resizable!==!1&&g.resizable!==!1,collapsePrev:T.collapsible,collapseNext:g.collapsible,orientation:t,ariaLabel:"Pane separator"},`splitbar-${m}`))}),EN("div",{...l,className:r(e.className,as,{[`${as}-${t}`]:t},"k-splitter-flex"),children:[n,o]})};Ce.options=SN;Ce.className=as;Ce.defaultOptions=Im;Ce.moduleName=os;Ce.folderName=ym;Ce.ariaSpec={selector:".k-splitter",rules:[{selector:".k-pane",attribute:"role=group",usage:"Sets the proper role for the Splitter pane."},{selector:".k-splitbar",attribute:"role=separator",usage:"Sets the proper role for the Splitter split-bar element."},{selector:".k-splitbar",attribute:"aria-label",usage:"An accessible name for the separator."},{selector:".k-splitbar-horizontal",attribute:"aria-orientation=vertical",usage:"When a splitbar separates two panes horizontally, its aria-orientation must be explicitly set to vertical."},{selector:".k-splitbar",attribute:"aria-keyshortcuts",usage:"Announces available keyboard shortcuts."}]};import{jsx as LV,jsxs as CV}from"react/jsx-runtime";import{jsx as IV,jsxs as EV}from"react/jsx-runtime";import{jsx as ur}from"react/jsx-runtime";import{createElement as ql}from"react";var AN=Ce.options,RN=Ce.states,Em={...Ce.defaultOptions,variant:"horizontal",firstPaneProps:!0,secondPaneProps:!0},ON=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],PN=[{name:"firstPaneProps",title:"Collapsible Left"},{name:"secondPaneProps",title:"Collapsible Right"}],br=e=>{let{variant:t,modifiers:o,...a}={...Em,...e},l=b=>({collapsible:b,content:b?"Resizable and collapsible":"Resizable only"}),n=l(!0),d=l(!0),m={display:"flex",justifyContent:"center",alignItems:"center"};return Object.keys(o||{}).forEach(b=>{let T=o?.[b];switch(b){case"secondPaneProps":d=l(!!T);break;case"firstPaneProps":n=l(!!T);break;default:break}}),t==="vertical"?ur(Ce,{style:{height:"238px"},...a,orientation:"vertical",panes:[ql(fe,{...n,flexBasis:"50%",style:m,key:"pane-1"},ur("p",{children:n.content})),ql(fe,{...d,flexBasis:"50%",style:m,key:"pane-2"},ur("p",{children:d.content}))]}):ur(Ce,{style:{height:"238px"},...a,orientation:"horizontal",panes:[ql(fe,{...n,flexBasis:"50%",style:m,key:"pane-1"},ur("p",{children:n.content})),ql(fe,{...d,flexBasis:"50%",style:m,key:"pane-2"},ur("p",{children:d.content}))]})};br.options=AN;br.states=RN;br.variants=ON;br.defaultOptions=Em;br.modifiers=PN;br.className=Ce.className;import{Fragment as BN,jsx as ge,jsxs as fr}from"react/jsx-runtime";var Am=e=>ge(_e,{toolbar:fr(Ye,{children:[ge(c,{children:"New Folder"}),ge(c,{children:"Upload"}),fr(R,{children:[ge(c,{className:"k-group-start",icon:"sort-asc-small","aria-label":"Sort ascending"}),ge(c,{className:"k-group-end",icon:"sort-desc-small","aria-label":"Sort descending"})]}),ge(K,{text:"Sort By"}),fr(R,{children:[ge(c,{className:"k-group-start",icon:"grid","aria-label":"Grid view"}),ge(c,{className:"k-group-end",icon:"grid-layout",selected:!0,"aria-label":"List view"})]}),ge("div",{className:"k-spacer"}),fr("div",{className:"k-filemanager-details-toggle",children:[ge("label",{children:"View Details"}),ge(ve,{"aria-label":"View Details"})]}),ge(Le,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:ge(BN,{children:ge(Ce,{className:"k-filemanager-splitter",panes:[ge(fe,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:ge(gt,{children:ge(de,{text:"Folder"})})},"pane-1"),fr(fe,{className:"k-filemanager-content",scrollable:!0,children:[ge(Tt,{children:ge(st,{children:ge(we,{root:!0,children:ge(Ne,{root:!0,icon:!0,"aria-label":"Home",children:ge(u,{icon:"home"})})})})}),fr(mo,{children:[ge(ie,{itemRole:"option",ariaSetSize:2,ariaPosInSet:1,tabIndex:0,children:ge(Ve,{name:"Folder",icon:"folder",size:"xxxlarge"})}),ge(ie,{itemRole:"option",ariaSetSize:2,ariaPosInSet:2,tabIndex:-1,children:ge(Ve,{name:"file.png",icon:"file-image",size:"xxxlarge"})})]})]},"pane-2")]})}),...e});import{Fragment as GN,jsx as ue,jsxs as Tr}from"react/jsx-runtime";var Rm=e=>ue(_e,{toolbar:Tr(Ye,{children:[ue(c,{children:"New Folder"}),ue(c,{children:"Upload"}),Tr(R,{children:[ue(c,{className:"k-group-start",icon:"sort-asc-small","aria-label":"Sort ascending"}),ue(c,{className:"k-group-end",icon:"sort-desc-small","aria-label":"Sort descending"})]}),ue(K,{text:"Sort By"}),Tr(R,{children:[ue(c,{className:"k-group-start",icon:"grid","aria-label":"Grid view"}),ue(c,{className:"k-group-end",icon:"grid-layout",selected:!0,"aria-label":"List view"})]}),ue("div",{className:"k-spacer"}),Tr("div",{className:"k-filemanager-details-toggle",children:[ue("label",{children:"View Details"}),ue(ve,{checked:!0,"aria-label":"View Details"})]}),ue(Le,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:ue(GN,{children:ue(Ce,{className:"k-filemanager-splitter",panes:[ue(fe,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:ue(gt,{children:ue(de,{text:"Folder"})})},"pane-1"),Tr(fe,{className:"k-filemanager-content",scrollable:!0,children:[ue(Tt,{children:ue(st,{children:ue(we,{root:!0,children:ue(Ne,{root:!0,icon:!0,"aria-label":"Home",children:ue(u,{icon:"home"})})})})}),Tr(mo,{children:[ue(ie,{itemRole:"option",ariaSetSize:2,ariaPosInSet:1,tabIndex:0,children:ue(Ve,{name:"Folder",icon:"folder",size:"xxxlarge"})}),ue(ie,{itemRole:"option",ariaSetSize:2,ariaPosInSet:2,tabIndex:-1,children:ue(Ve,{name:"file.png",icon:"file-image",size:"xxxlarge"})})]})]},"pane-2"),ue(fe,{className:"k-filemanager-preview",collapsible:!0,scrollable:!0,flexBasis:"25%",tabIndex:0,children:ue($o,{selection:"none",name:"No File Selected"})},"pane-3")]})}),...e});var We="table",Ze=We;import{jsx as DN}from"react/jsx-runtime";var Om="k-data-table",HN=[],KN={size:[s.undefined,s.small,s.medium,s.large]},_N={},wo=e=>{let{size:t,...o}=e;return DN("div",{...o,className:r(e.className,Om,C("k-table",{size:t})),children:e.children})};wo.states=HN;wo.options=KN;wo.className=Om;wo.defaultOptions=_N;wo.moduleName=We;wo.folderName=Ze;import{jsx as VN}from"react/jsx-runtime";var rs="k-table-header-wrap",zN=[i.hover,i.focus,i.disabled],FN={},UN={},Wo=e=>{let{children:t,hover:o,focus:a,disabled:l,...n}=e;return VN("div",{...n,className:r(e.className,rs,v(rs,{hover:o,focus:a,disabled:l})),children:t})};Wo.states=zN;Wo.options=FN;Wo.className=rs;Wo.defaultOptions=UN;Wo.moduleName=We;Wo.folderName=Ze;import{jsx as JN}from"react/jsx-runtime";var ls="k-table",$N=[],WN={size:[s.undefined,s.small,s.medium,s.large]},XN={},je=e=>{let{size:t,...o}=e;return JN("table",{...o,className:r(e.className,ls,C(ls,{size:t})),children:e.children})};je.states=$N;je.options=WN;je.className=ls;je.defaultOptions=XN;je.moduleName=We;je.folderName=Ze;import{jsx as is}from"react/jsx-runtime";var ns="k-table-header",qN=[i.hover,i.focus,i.disabled],YN={},QN={},Lo=e=>{let{children:t,hover:o,focus:a,disabled:l,...n}=e;return is("div",{...n,className:r(e.className,ns,v(ns,{hover:o,focus:a,disabled:l})),children:is(Wo,{children:is(je,{children:t})})})};Lo.states=qN;Lo.options=YN;Lo.className=ns;Lo.defaultOptions=QN;Lo.moduleName=We;Lo.folderName=Ze;import{jsx as tk}from"react/jsx-runtime";var Pm="k-table-scroller",ZN=[],jN={},ek={},hr=e=>{let{children:t,...o}=e;return tk("div",{...o,className:r(e.className,Pm),children:t})};hr.states=ZN;hr.options=jN;hr.className=Pm;hr.defaultOptions=ek;hr.moduleName=We;hr.folderName=Ze;import{jsx as F$}from"react/jsx-runtime";import{jsx as lk}from"react/jsx-runtime";var Bm="k-table-footer",ok=[],ak={},rk={},Xo=e=>{let{children:t,...o}=e;return lk("div",{...o,className:r(e.className,Bm),children:t})};Xo.states=ok;Xo.options=ak;Xo.className=Bm;Xo.defaultOptions=rk;Xo.moduleName=We;Xo.folderName=Ze;import{jsx as dk}from"react/jsx-runtime";var ss="k-table-list",ik=[],nk={size:[s.undefined,s.small,s.medium,s.large]},sk={},Jo=e=>{let{size:t,virtualization:o,...a}=e;return dk("ul",{...a,className:r(e.className,"k-table",ss,C(ss,{size:t}),{"k-virtual-table":o}),children:e.children})};Jo.states=ik;Jo.options=nk;Jo.className=ss;Jo.defaultOptions=sk;Jo.moduleName=We;Jo.folderName=Ze;import{jsx as mk}from"react/jsx-runtime";var ck="k-table-thead",q=e=>mk("thead",{className:r(e.className,ck),children:e.children});import{jsx as uk}from"react/jsx-runtime";var pk="k-table-tbody",te=e=>uk("tbody",{className:r(e.className,pk),children:e.children});import{jsx as i8}from"react/jsx-runtime";import{jsx as fk}from"react/jsx-runtime";var ds="k-table-row",bk=[i.hover,i.focus,i.selected,i.disabled,i.highlighted],y=e=>{let{hover:t,focus:o,selected:a,highlighted:l,disabled:n,alt:d,...m}=e;return fk("tr",{...m,className:r(e.className,ds,{"k-table-alt-row":d},v(ds,{hover:t,focus:o,disabled:n,selected:a,highlighted:l})),children:e.children})};y.states=bk;y.className=ds;import{jsx as hk}from"react/jsx-runtime";var cs="k-table-row",Tk=[i.hover,i.focus,i.selected,i.disabled],Yl=e=>{let{hover:t,focus:o,selected:a,disabled:l,alt:n,...d}=e;return hk("li",{...d,className:r(e.className,cs,{"k-table-alt-row":n},v(cs,{hover:t,focus:o,disabled:l,selected:a})),children:e.children})};Yl.states=Tk;Yl.className=cs;import{jsx as gk}from"react/jsx-runtime";var Gm="k-table-th",Co=e=>{let{text:t,colspan:o,rowspan:a,...l}=e,n=t||e.children;return gk("th",{colSpan:o,rowSpan:a,...l,className:r(e.className,Gm),children:n})};Co.className=Gm;Co.moduleName=We;Co.folderName=Ze;import{jsx as N8}from"react/jsx-runtime";import{jsx as Nk}from"react/jsx-runtime";var ms="k-table-td",xk=[i.focus,i.selected,i.highlighted],p=e=>{let{focus:t,selected:o,highlighted:a,text:l,colspan:n,rowspan:d,...m}=e,b=l||e.children;return Nk("td",{colSpan:n,rowSpan:d,...m,className:r(e.className,ms,v(ms,{focus:t,selected:o,highlighted:a})),children:b})};p.states=xk;p.className=ms;import{jsx as S8}from"react/jsx-runtime";import{jsx as A8}from"react/jsx-runtime";import{jsx as B8}from"react/jsx-runtime";import{jsx as _8}from"react/jsx-runtime";import{jsx as U8}from"react/jsx-runtime";import{jsx as Y8,jsxs as Q8}from"react/jsx-runtime";import{jsx as tW,jsxs as oW}from"react/jsx-runtime";import{jsx as iW,jsxs as nW}from"react/jsx-runtime";import{Fragment as uW,jsx as mW,jsxs as pW}from"react/jsx-runtime";var Y="grid",oe=Y;import{jsx as Mk,jsxs as Sk}from"react/jsx-runtime";var Ql="k-grid",wk=[],Lk={size:[s.undefined,s.small,s.medium,s.large]},Ck=[],_m={pagerPosition:"bottom"},_=e=>{let{size:t,pagerPosition:o=_m.pagerPosition,toolbar:a,pager:l,groupingHeader:n,gridSelectionAggregates:d,_renderAriaRoot:m,resizable:b,ariaColCount:T,ariaRowCount:g,ariaRootId:k,ariaRole:f="grid",...w}=e;return Sk("div",{...w,className:r(e.className,Ql,{[`${Ql}-resizable`]:b},C(Ql,{size:t})),children:[a,o==="top"&&l,n,e.children&&m?Mk("div",{className:"k-grid-aria-root",role:f,id:k,"aria-colcount":T,"aria-rowcount":g,children:e.children}):e.children,d,o==="bottom"&&l]})};_.states=wk;_.options=Lk;_.variants=Ck;_.className=Ql;_.defaultOptions=_m;_.moduleName=Y;_.folderName=oe;_.ariaSpec={selector:".k-grid",rules:[{selector:".k-grid-toolbar",attribute:"role=toolbar",usage:"The toolbar is a collection of command buttons and inputs."},{selector:".k-grid-toolbar",attribute:"aria-label",usage:"Clarifies the purpose of the toolbar."},{selector:".k-grid-toolbar",attribute:"aria-controls=.k-grid-aria-root id (when present)",usage:"Pointing to the id of the element with role=grid."},{selector:".k-grouping-header",attribute:"role=toolbar",usage:"The Grouping pane is a ToolBar (collection of buttons)."},{selector:".k-grouping-header",attribute:"aria-label",usage:"Clarifies the purpose of the grouping pane."},{selector:".k-grouping-header",attribute:"aria-controls=.k-grid-aria-root id (when present)",usage:"Pointing to the id of the element with role=grid."},{selector:".k-grouping-header .k-chip-list",attribute:"role=none",usage:"The ChipList default listbox role is removed to keep the toolbar --> button roles hierarchy."},{selector:".k-grouping-header .k-chip",attribute:"role=button",usage:"If the element used is not <button>, then the role must be specified."},{selector:".k-grid:not(.k-treelist) .k-grid-aria-root",attribute:"role=grid",usage:"The role specifies the element is a Data Grid."},{selector:".k-grid-aria-root",attribute:"aria-colcount (when present)",usage:"The total number of columns in the Grid. Needed for Virtual columns and Hidden columns scenarios."},{selector:".k-grid-aria-root",attribute:"aria-rowcount (when present)",usage:"The total number of rows in the table. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:".k-grid-header-wrap>table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-grid-header-wrap>table>thead",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)",attribute:"aria-rowindex (when present)",usage:"Row number. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th:not(.k-hierarchy-cell):not(.k-group-cell):not(.k-drag-cell)",attribute:"role=columnheader",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th",attribute:"aria-sort (when present)",usage:"Present if sorting is enabled for that column."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th",attribute:"aria-colindex (when present)",usage:"Col number. Needed for Virtual columns and Hidden columns scenarios."},{selector:".k-grid-header-wrap>table>thead>tr:not(.k-filter-row)>th",attribute:"aria-haspopup=dialog (when present)",usage:"Present if the column has a ColumnMenu or FilterMenu."},{selector:".k-grid-header-wrap>table>thead>tr.k-filter-row>td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-header-wrap>table>thead>tr.k-filter-row>td",attribute:"aria-label",usage:"Has a label indicating that the cell is part of a filter row."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table, .k-grid-pinned-container .k-grid-table",attribute:"role=none",usage:"Negates the default semantic role of the <table> element."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody, .k-grid-pinned-container tbody",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr, .k-grid-pinned-container tbody tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr, .k-grid-pinned-container tbody tr",attribute:"aria-rowindex (when present)",usage:"Row number. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr>td, .k-grid-pinned-container tbody td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid:not(.k-grid-lockedcolumns) .k-grid-content>table>tbody>tr>td, .k-grid-pinned-container tbody td",attribute:"aria-colindex (when present)",usage:"Col number. Needed for Virtual columns and Hidden columns scenarios."},{selector:"tr.k-selected",attribute:"aria-selected=true",usage:"Set on the currently selected row(s) in row selection mode. All cells within the selected row also carry aria-selected=true (without k-selected class). Applies to both regular and pinned rows."},{selector:"td.k-selected",attribute:"aria-selected=true",usage:"Set on the currently selected cell(s) in cell selection mode. The k-selected class on cells is only applied in cell selection mode, but aria-selected=true is present on cells regardless of selection mode."},{selector:".k-master-row .k-hierarchy-cell, .k-grouping-row>td",attribute:"aria-expanded",usage:"For cells holding grouping criteria values and for Master row cells in Detail template scenario."},{selector:".k-group-cell",attribute:"role=presentation",usage:"Group offset cells (header and content) are non-interactive placeholders with no semantic role."},{selector:".k-drag-cell",attribute:"aria-label",usage:"Must be present in a Drag Row scenario on the cell containing the drag handle."},{selector:".k-grid-header-locked table tr",attribute:"aria-owns",usage:"Locked header rows own cells from the corresponding non-locked header table rows."},{selector:".k-grid-content-locked table tr:not(.k-grouping-row)",attribute:"aria-owns",usage:"Locked content rows own cells from the corresponding non-locked content table rows. Group header rows are excluded because the non-locked group header rows are presentational."},{selector:".k-grid-lockedcolumns .k-grid-header .k-grid-header-wrap table tr",attribute:"role=none",usage:"Non-locked header rows have their semantic role removed when locked columns exist."},{selector:".k-grid-lockedcolumns .k-grid-content table tr",attribute:"role=none",usage:"Non-locked content rows have their semantic role removed when locked columns exist."},{selector:".k-grid-lockedcolumns .k-grid-header .k-grid-header-wrap th",attribute:"role=columnheader",usage:"Non-locked header cells retain columnheader role so they are announced correctly when owned via aria-owns."},{selector:".k-grid-lockedcolumns .k-grid-content td:not(.k-grouping-row td)",attribute:"role=gridcell",usage:"Non-locked data cells retain gridcell role so they are announced correctly when owned via aria-owns. Cells inside group header rows are excluded as those rows are presentational."},{selector:".k-grid-filter-popup",attribute:"role=dialog",usage:"The filter menu popup has dialog role."},{selector:".k-grid-filter-popup",attribute:"id",usage:"Unique id linked to the header cell aria-controls attribute."},{selector:".k-grid-filter-popup",attribute:"aria-label",usage:'Descriptive label for the filter menu, e.g. "Column Title Filter Menu".'},{selector:".k-grid-columnmenu-popup",attribute:"role=dialog",usage:"The column menu popup has dialog role."},{selector:".k-grid-columnmenu-popup",attribute:"id",usage:"Unique id linked to the header cell aria-controls attribute."},{selector:".k-grid-columnmenu-popup",attribute:"aria-label",usage:'Descriptive label for the column menu, e.g. "Column Title Column Menu".'},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"role=button",usage:"Column menu items have button role."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"tabindex=0",usage:"Column menu items are focusable."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"aria-expanded",usage:"Expandable column menu items announce their expanded state."},{selector:".k-grid-columnmenu-popup .k-columnmenu-item",attribute:"aria-controls",usage:"Expandable items point to the id of the content they control."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"role=listbox",usage:"The column list is a listbox."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"aria-multiselectable=true",usage:"The column list supports multiple selections."},{selector:".k-grid-columnmenu-popup .k-column-list",attribute:"aria-label",usage:"Accessible name for the column list."},{selector:".k-grid-columnmenu-popup .k-column-list-item",attribute:"role=option",usage:"Column list items are options."},{selector:".k-grid-columnmenu-popup .k-column-list-item",attribute:"aria-checked",usage:"Column list items announce their checked state."},{selector:"tfoot",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:"tfoot tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:"tfoot tr",attribute:"aria-rowindex (when present)",usage:"Row number. Needed for Paging, Virtual rows, or Master/Detail rows scenarios."},{selector:"tfoot tr td",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed."},{selector:"tfoot tr td",attribute:"aria-colindex (when present)",usage:"Col number. Needed for Virtual columns and Hidden columns scenarios."},{selector:".k-grid-selection-aggregates",attribute:"aria-live=polite",usage:"Ensures that changes in the calculated selection aggregates are announced by assistive technologies."},{selector:".k-grid-stack-cell",attribute:"tabindex=0",usage:"Stacked cell elements receive tabindex 0 when focus is within their parent .k-grid-stack-row element."},{selector:".k-grid-sticky-container",attribute:"role=none",usage:"Sticky group container has no semantic role."},{selector:".k-grid-sticky-container .k-grid-table",attribute:"role=none",usage:"Negates the default semantic role of the sticky group <table> element."},{selector:".k-grid-sticky-container tbody",attribute:"role=rowgroup",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-sticky-container tr",attribute:"role=row",usage:"Required as the owner <table> element has its semantic role removed."},{selector:".k-grid-sticky-container tr",attribute:"aria-rowindex",usage:"Matches the aria-rowindex of the real group header/footer row it mirrors."},{selector:".k-grid-sticky-container td:not(.k-group-cell)",attribute:"role=gridcell",usage:"Required as the owner <table> element has its semantic role removed. Group offset cells are excluded as they retain role=presentation."},{selector:".k-grid-sticky-container .k-grouping-row>td",attribute:"aria-expanded",usage:"Mirrors the expanded/collapsed state of the real group header row."},{selector:".k-grid-sticky-container td:not(.k-group-cell)",attribute:"tabindex",usage:"Receives tabindex 0 when focused, -1 otherwise, for keyboard navigation. Group offset cells are excluded as they are presentational."},{selector:".k-grid-sticky-container td",attribute:"aria-colindex (when present)",usage:"Col number. Typically 1 for the group header cell spanning all columns."},{selector:".k-grid-pinned-container",attribute:"role=none",usage:"Container for pinned rows has no semantic role."},{selector:".k-grid-pinned-container .k-grid-pinned-wrap",attribute:"role=none",usage:"Inner wrapper for the pinned rows table has no semantic role."},{selector:".k-grid-pinned-container tbody",attribute:"aria-label",usage:'Describes the purpose of the pinned rows group, e.g. "Top pinned rows" or "Bottom pinned rows".'},{selector:".k-grid-pinned-container td",attribute:"aria-haspopup=menu (when present)",usage:"Pinned row cells announce the context menu for row pinning operations."},{selector:".k-grid-pinned-container td",attribute:"aria-controls",usage:"Points to the ID of the context menu popup for row pinning."},{selector:".k-grid-pinned-container td",attribute:"aria-expanded",usage:"Indicates whether the context menu popup is open."},{selector:".k-grid-content td",attribute:"aria-haspopup=menu (when present)",usage:"Regular data cells announce context menu when row pinning uses contextual mode."},{selector:".k-grid-content td",attribute:"aria-controls",usage:"Points to the ID of the context menu popup for row pinning."},{selector:".k-grid-content td",attribute:"aria-expanded",usage:"Indicates whether the context menu popup is open."},{selector:'.k-pin-cell [class*="k-icon"]',attribute:"aria-hidden=true",usage:"Pin/unpin icon inside the dedicated column is decorative and must be hidden from assistive technologies."}]};import{jsx as yk}from"react/jsx-runtime";var Dm="k-grid-header",ae=e=>{let{draggable:t,...o}=e;return yk("div",{...o,className:r(e.className,Dm,{"k-grid-draggable-header":t}),children:e.children})};ae.className=Dm;ae.moduleName=Y;ae.folderName=oe;import{jsx as zm,jsxs as Ik}from"react/jsx-runtime";var Fm="k-grouping-header",po=e=>{let{dropHint:t,dropClue:o,...a}=e;return Ik("div",{...a,className:r(e.className,Fm),children:[o&&zm("div",{className:"k-grouping-dropclue"}),e.children,zm("div",{className:"k-grouping-drop-container",children:t})]})};po.className=Fm;po.moduleName=Y;po.folderName=oe;import{jsx as Ek}from"react/jsx-runtime";var Um="k-grid-pinned-container",ll=e=>{let{position:t,...o}=e;return Ek("div",{...o,className:r(e.className,Um,{"k-pos-bottom":t==="bottom"}),children:e.children})};ll.className=Um;ll.moduleName=Y;ll.folderName=oe;import{jsx as Ak}from"react/jsx-runtime";var Vm="k-grid-sticky-container",il=e=>{let{position:t,...o}=e;return Ak("div",{...o,className:r(e.className,Vm,{"k-pos-bottom":t==="bottom"}),children:e.children})};il.className=Vm;il.moduleName=Y;il.folderName=oe;import{jsx as Rk}from"react/jsx-runtime";var $m="k-grid-header-table",re=e=>Rk(je,{...e,className:r(e.className,$m),children:e.children});re.className=$m;re.moduleName=Y;re.folderName=oe;import{jsx as qo,jsxs as ps}from"react/jsx-runtime";var us="k-header",Ok=[i.hover,i.focus,i.active],Wm={sortIcon:"sort-asc-small"},E=e=>{let{menu:t,sortable:o,filterable:a,sticky:l,resizable:n,columnTitle:d,hover:m,focus:b,active:T,sortIcon:g=Wm.sortIcon,sortOrder:k,accessibleLabel:f,...w}=e;return ps(Co,{...w,className:r(e.className,us,{"k-filterable":t||a,"k-sorted":o,"k-grid-header-sticky":l,"k-touch-action-none":n},v(us,{hover:m,focus:b,active:T})),children:[d&&ps("span",{className:"k-cell-inner",children:[ps("span",{className:"k-link",children:[qo("span",{className:"k-column-title",children:d}),o&&qo("span",{className:"k-sort-icon",children:qo(u,{icon:g})}),k&&qo("span",{className:"k-sort-order",children:k})]}),t&&qo("a",{className:r("k-grid-header-menu",{"k-active":T,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:qo(u,{icon:t==="filter"?"filter":"more-vertical"})})]}),!d&&f&&qo("span",{className:"k-sr-only",children:f}),e.children,n&&qo("span",{className:"k-column-resizer k-touch-action-none"})]})};E.states=Ok;E.className=us;E.defaultOptions=Wm;E.moduleName=Y;E.folderName=oe;import{jsx as Pk}from"react/jsx-runtime";var Xm="k-grid-container",Q=e=>Pk("div",{...e,className:r(e.className,Xm),children:e.children});Q.className=Xm;Q.moduleName=Y;Q.folderName=oe;import{jsx as Bk}from"react/jsx-runtime";var Jm="k-grid-content",Z=e=>Bk("div",{...e,className:r(e.className,Jm),children:e.children});Z.className=Jm;Z.moduleName=Y;Z.folderName=oe;import{jsx as Gk}from"react/jsx-runtime";var qm="k-grid-table",j=e=>Gk(je,{...e,className:r(e.className,qm),children:e.children});j.className=qm;j.moduleName=Y;j.folderName=oe;import{jsx as Hk}from"react/jsx-runtime";var Ym="k-grid-footer",Zl=e=>Hk("div",{...e,className:r(e.className,Ym),children:e.children});Zl.className=Ym;Zl.moduleName=Y;Zl.folderName=oe;import{jsx as Kk}from"react/jsx-runtime";var Qm="k-grid-footer-table",jl=e=>Kk(je,{...e,className:r(e.className,Qm),children:e.children});jl.className=Qm;jl.moduleName=Y;jl.folderName=oe;import{jsx as _k}from"react/jsx-runtime";var Zm="k-grid-pager",Xt=e=>_k(ye,{...e,className:r(e.className,Zm),children:e.children});Xt.className=Zm;Xt.moduleName=Y;Xt.folderName=oe;import{jsx as Dk}from"react/jsx-runtime";var jm="k-grid-toolbar",ga=e=>Dk(be,{...e,className:r(e.className,jm),children:e.children});ga.className=jm;ga.moduleName=Y;ga.folderName=oe;import{jsx as bs,jsxs as Fk}from"react/jsx-runtime";var fs="k-grid-stack-cell",zk=[i.focus,i.selected],ei=e=>{let{cellHeader:t,cellContent:o,edit:a,commandCell:l,dirty:n,focus:d,selected:m,...b}=e;return Fk("div",{...b,className:r(e.className,fs,{"k-grid-stack-edit-cell":a,"k-command-cell":l,"k-dirty-cell":n},v(fs,{focus:d,selected:m})),children:[n&&bs("span",{className:"k-dirty"}),t&&bs("div",{className:"k-grid-stack-header",children:t}),bs("div",{className:"k-grid-stack-content",children:o}),e.children]})};ei.states=zk;ei.className=fs;ei.moduleName=Y;ei.folderName=oe;import{jsx as Uk}from"react/jsx-runtime";var ep="k-grid-stack-row",ti=e=>{let{cols:t,...o}=e;return Uk("div",{...o,className:r(e.className,ep,{[`k-grid-cols-${t}`]:t}),children:e.children})};ti.className=ep;ti.moduleName=Y;ti.folderName=oe;import{Fragment as hJ,jsx as fJ,jsxs as TJ}from"react/jsx-runtime";import{Fragment as LJ,jsx as vJ,jsxs as wJ}from"react/jsx-runtime";var dt="column-menu",Nt=dt;import{jsx as Wk}from"react/jsx-runtime";var Ts="k-column-menu",Vk=[],$k={size:[s.undefined,s.small,s.medium,s.large]},tp={view:"list"},Mo=e=>{let{view:t=tp.view,size:o,...a}=e;return Wk("div",{...a,className:r(e.className,Ts,C(Ts,{size:o}),{"k-column-menu-tabbed":t==="tabbed"}),children:e.children})};Mo.states=Vk;Mo.options=$k;Mo.className=Ts;Mo.defaultOptions=tp;Mo.moduleName=dt;Mo.folderName=Nt;Mo.ariaSpec={selector:".k-column-menu",rules:[{selector:".k-columnmenu-item",attribute:"role=button",usage:"Sets column menu item role to button."},{selector:".k-columnmenu-item",attribute:"tabindex=0",usage:"Sets column menu item tabindex."},{selector:".k-expander .k-columnmenu-item",attribute:"aria-expanded=true/false",usage:"Sets the expanded state of an expandable item."},{selector:".k-expander .k-columnmenu-item",attribute:"aria-controls",usage:"Points to id attribute of the content whose visibility the expandable item controls."},{selector:".k-expander .k-columnmenu-item-content",attribute:"id",usage:"Unique and deterministic id linked to the aria-controls attribute of the corresponding expandable item."},{selector:".k-column-list",attribute:"role=listbox",usage:"Sets the listbox role of the list of columns wrapper."},{selector:".k-column-list",attribute:"aria-multiselectable=true",usage:"Specifies that the list is multiselectable."},{selector:".k-column-list",attribute:"aria-label",usage:"Accessible name for the column list."},{selector:".k-column-list .k-column-list-item",attribute:"role=option",usage:"Sets the option role of the list item."},{selector:".k-column-list .k-column-list-item",attribute:"aria-checked=true/false",usage:"Sets the checked state of list item."}]};import{jsx as op}from"react/jsx-runtime";var hs="k-column-list",Xk=[],Jk={size:[s.undefined,s.small,s.medium,s.large]},qk={},xa=e=>{let{size:t,...o}=e;return op("div",{className:"k-column-list-wrapper",children:op("div",{...o,className:r(e.className,hs,C(hs,{size:t})),role:"listbox","aria-multiselectable":"true",children:e.children})})};xa.states=Xk;xa.options=Jk;xa.className=hs;xa.defaultOptions=qk;xa.moduleName=dt;xa.folderName=Nt;import{jsx as ap,jsxs as jk}from"react/jsx-runtime";var gs="k-column-list-item",Yk=[i.focus,i.disabled,i.hover],Qk={},Zk={},nl=e=>{let{label:t,checked:o,focus:a,hover:l,disabled:n,...d}=e;return jk("span",{...d,className:r(e.className,gs,v(gs,{focus:a,hover:l,disabled:n})),role:"option","aria-checked":o?"true":"false",children:[ap(Ge,{disabled:n,checked:o,"aria-label":t}),ap("span",{className:"k-checkbox-label",children:t})]})};nl.states=Yk;nl.options=Qk;nl.className=gs;nl.defaultOptions=Zk;import{jsx as xs,jsxs as rp}from"react/jsx-runtime";var Ns="k-columnmenu-item",ev=[i.focus,i.selected],tv={},ov={},So=e=>{let{focus:t,selected:o,text:a,startIcon:l,endIcon:n,sortIndex:d,...m}=e;return rp("div",{...m,className:r(e.className,Ns,v(Ns,{focus:t,selected:o})),role:"button",tabIndex:0,children:[l&&xs(u,{icon:l}),a,n&&rp("span",{className:"k-columnmenu-indicators",children:[xs(u,{icon:n}),d&&xs("span",{className:"k-sort-index",children:d})]}),e.children]})};So.states=ev;So.options=tv;So.className=Ns;So.defaultOptions=ov;So.moduleName=dt;So.folderName=Nt;import{jsx as WJ}from"react/jsx-runtime";import{jsx as rv}from"react/jsx-runtime";var av="k-columnmenu-item-content",lp=e=>rv("div",{...e,className:r(e.className,av,"k-columns-item"),children:e.children});import{jsx as ip}from"react/jsx-runtime";var np="k-filter-menu",lv=[],iv={},nv={},Yo=e=>{let{...t}=e;return ip("form",{...t,className:r(e.className,np),children:ip("div",{className:"k-filter-menu-container",children:e.children})})};Yo.states=lv;Yo.options=iv;Yo.className=np;Yo.defaultOptions=nv;Yo.moduleName=dt;Yo.folderName=Nt;import{jsx as aq}from"react/jsx-runtime";import{jsx as ks,jsxs as mv}from"react/jsx-runtime";var sv="k-item",dv={size:[s.undefined,s.small,s.medium,s.large]},cv=[],vs=e=>{let{text:t,size:o,...a}=e;return ks("li",{...a,className:r(e.className,sv),children:mv("label",{className:"k-label k-checkbox-label",children:[ks(Ge,{size:o}),ks("span",{children:t})]})})};vs.states=cv;vs.options=dv;import{jsx as gr,jsxs as sp}from"react/jsx-runtime";var dp="k-expander",pv=[],uv={},bv={},Na=e=>{let{itemText:t,itemStartIcon:o,itemEndIcon:a,itemSortIndex:l,expanded:n,itemContent:d,expanderIcon:m,contentId:b,...T}=e,g=b||D("columnmenu-content"),k=!n&&!m?gr(u,{icon:"chevron-down"}):n&&!m?gr(u,{icon:"chevron-up"}):gr(u,{icon:m});return sp("div",{...T,className:r(e.className,dp),children:[sp(So,{text:t,startIcon:o,endIcon:a,sortIndex:l,"aria-expanded":n?"true":"false","aria-controls":g,children:[gr("span",{className:"k-spacer"}),gr("span",{className:"k-expander-indicator",children:k})]}),n&&gr(lp,{id:g,children:d}),e.children]})};Na.states=pv;Na.options=uv;Na.className=dp;Na.defaultOptions=bv;Na.moduleName=dt;Na.folderName=Nt;import{jsx as gv}from"react/jsx-runtime";var ws="k-group-menu",fv=[],Tv={size:[s.undefined,s.small,s.medium,s.large]},hv={},xr=e=>{let{size:t,...o}=e;return gv("div",{...o,className:r(e.className,ws,C(ws,{size:t})),children:e.children})};xr.states=fv;xr.options=Tv;xr.className=ws;xr.defaultOptions=hv;xr.moduleName=dt;xr.folderName=Nt;import{Fragment as vv,jsx as oi,jsxs as cp}from"react/jsx-runtime";var Ls="k-group-menu-item",xv=[i.hover,i.selected],Nv={},kv={},Nr=e=>{let{hover:t,selected:o,text:a,actionsStart:l,actionsEnd:n,...d}=e;return cp("div",{...d,className:r(e.className,Ls,v(Ls,{hover:t,selected:o})),children:[l&&oi("span",{className:"k-group-menu-item-actions",children:l}),oi("span",{className:"k-group-item-text",children:a}),n&&cp(vv,{children:[oi("span",{className:"k-spacer"}),oi("span",{className:"k-group-menu-item-actions",children:n})]}),e.children]})};Nr.states=xv;Nr.options=Nv;Nr.className=Ls;Nr.defaultOptions=kv;Nr.moduleName=dt;Nr.folderName=Nt;import{jsx as ka}from"react/jsx-runtime";var Cs="k-group-menu-item-action",wv=[i.hover,i.disabled,i.selected],Lv={size:[s.undefined,s.small,s.medium,s.large]};var Ms=e=>{let{hover:t,disabled:o,selected:a,size:l,type:n,...d}=e,m;switch(n){case"remove":m=ka(u,{icon:"x-circle",size:l});break;case"add":m=ka(u,{icon:"plus-circle",size:l});break;case"drag":m=ka(u,{icon:"handle-drag-dots",size:l});break;case"up":m=ka(u,{icon:"chevron-up",size:l});break;case"down":m=ka(u,{icon:"chevron-down",size:l});break;default:m=ka(u,{icon:n,size:l});break}return ka("span",{...d,className:r(e.className,Cs,v(Cs,{selected:a,hover:t,disabled:o}),`k-group-menu-item-${n}-action`),children:m})};Ms.options=wv;Ms.options=Lv;Ms.className=Cs;import{jsx as Eq}from"react/jsx-runtime";import{Fragment as Hq,jsx as Bq,jsxs as Gq}from"react/jsx-runtime";import{jsx as yv}from"react/jsx-runtime";var mp="k-tabstrip-items",Cv=[],Mv={},Sv={tabAlignment:"start"},sl=e=>{let{children:t,tabAlignment:o,orientation:a,...l}=e;return yv("ul",{...l,className:r(e.className,mp,"k-reset",`k-tabstrip-items-${o}`),role:"tablist",...a==="vertical"&&{"aria-orientation":"vertical"},children:t})};sl.states=Cv;sl.options=Mv;sl.className=mp;sl.defaultOptions=Sv;var pp=sl;import{jsx as Av}from"react/jsx-runtime";var up="k-tabstrip-items-wrapper",Iv=[],Ev={},bp={orientation:"horizontal"},dl=e=>{let{children:t,orientation:o=bp.orientation,...a}=e;return Av("div",{...a,className:r(e.className,up,{"k-hstack":o==="horizontal","k-vstack":o==="vertical"}),children:t})};dl.states=Iv;dl.options=Ev;dl.className=up;dl.defaultOptions=bp;var fp=dl;var cl="tabstrip",ai=cl;import{jsx as jt,jsxs as Tp}from"react/jsx-runtime";var Qo="k-tabstrip",Rv=[],Ov={size:[s.undefined,s.small,s.medium,s.large]},ri={position:"top",tabAlignment:"start",scrollButtons:"around"},Xe=e=>{let{size:t,scrollable:o,children:a,tabStripItems:l,tabStripItemsId:n,position:d=ri.position,tabAlignment:m=ri.tabAlignment,scrollButtons:b=ri.scrollButtons,dir:T,scrollingPosition:g,overflow:k,...f}=e,w={top:{prev:T!=="rtl"?"left":"right",next:T!=="rtl"?"right":"left"},bottom:{prev:T!=="rtl"?"left":"right",next:T!=="rtl"?"right":"left"},right:{prev:"up",next:"down"},left:{prev:"up",next:"down"}},L={top:"horizontal",bottom:"horizontal",left:"vertical",right:"vertical"},I={start:"start",center:"center",end:"end",justify:"justify",stretched:"stretched"};return Tp("div",{dir:T,...f,className:r(Qo,e.className,{[`${Qo}-${d}`]:d,[`${Qo}-scrollable`]:o,[`${Qo}-scrollable-overlay`]:o&&(b==="hidden"||!b),[`${Qo}-scrollable-${g}`]:g&&g!=="both",[`${Qo}-overflow`]:k},C(Qo,{size:t})),children:[d==="bottom"&&a,Tp(fp,{orientation:L[d],children:[o&&(b==="around"||b==="start")&&jt("span",{className:r("k-tabstrip-prev","k-button",C("k-button",{size:t,fillMode:N.flat}),"k-icon-button"),"aria-hidden":"true",children:jt(u,{className:"k-button-icon",icon:`chevron-${w[d].prev}`})}),o&&b==="start"&&jt("span",{className:r("k-tabstrip-next","k-button",C("k-button",{size:t,fillMode:N.flat}),"k-icon-button"),"aria-hidden":"true",children:jt(u,{className:"k-button-icon",icon:`chevron-${w[d].next}`})}),jt(pp,{className:r({"k-tabstrip-items-scroll":o&&b==="hidden"}),tabAlignment:I[m],orientation:L[d],...n&&{id:n},children:l}),o&&b==="end"&&jt("span",{className:r("k-tabstrip-prev","k-button",C("k-button",{size:t,fillMode:N.flat}),"k-icon-button"),"aria-hidden":"true",children:jt(u,{className:"k-button-icon",icon:`chevron-${w[d].prev}`})}),o&&(b==="around"||b==="end")&&jt("span",{className:r("k-tabstrip-next","k-button",C("k-button",{size:t,fillMode:N.flat}),"k-icon-button"),"aria-hidden":"true",children:jt(u,{className:"k-button-icon",icon:`chevron-${w[d].next}`})}),k&&jt("div",{className:"k-tabstrip-actions k-hstack",children:jt(pe,{className:"k-tabstrip-overflow-button",icon:"more-vertical",fillMode:"flat",size:t,showArrow:!1})})]}),d!=="bottom"&&a]})};Xe.states=Rv;Xe.options=Ov;Xe.className=Qo;Xe.defaultOptions=ri;Xe.moduleName=cl;Xe.folderName=ai;Xe.ariaSpec={selector:".k-tabstrip",rules:[{selector:".k-tabstrip-items",attribute:"role=tablist",usage:"Indicates the tablist role for the ul element."},{selector:".k-tabstrip.k-tabstrip-left .k-tabstrip-items,.k-tabstrip.k-tabstrip-right .k-tabstrip-items",attribute:"aria-orientation=vertical",usage:"Indicates the orientation when vertical."},{selector:".k-tabstrip-item",attribute:"role=tab",usage:"The tab li element."},{selector:".k-tabstrip .k-tabstrip-item.k-active",attribute:"aria-selected=true",usage:"Announces the selected state of the tab."},{selector:".k-tabstrip-content",attribute:"role=tabpanel",usage:"The content div of the tab."},{selector:".k-tabstrip .k-tabstrip-item.k-active",attribute:"aria-controls (when present)",usage:"Announces the relation between the panel and active tab. Only present when tab controls a specific panel."},{selector:".k-tabstrip-content",attribute:"aria-hidden=true (when not active)",usage:"Only if the component implements a feature to control whether the content should be persisted."},{selector:".k-tabstrip-content",attribute:"aria-labelledby (when present)",usage:"Refers to the tab element that controls the panel. Only present when panel has an associated tab."},{selector:".k-tabstrip-scrollable .k-button",attribute:"aria-hidden=true",usage:"Scroll buttons are hidden from assistive technologies."}]};import{jsx as Hv}from"react/jsx-runtime";var hp="k-tabstrip-wrapper",Pv=[],Bv={},Gv={},kr=e=>{let{...t}=e;return Hv("div",{...t,className:r(e.className,hp),children:e.children})};kr.states=Pv;kr.options=Bv;kr.className=hp;kr.defaultOptions=Gv;kr.moduleName=cl;kr.folderName=ai;import{jsx as li,jsxs as Ss}from"react/jsx-runtime";var ys="k-tabstrip-item",Kv=[i.active,i.hover,i.disabled,i.focus],_v={},gp={iconPosition:"before"},kt=e=>{let{dragging:t,active:o,hover:a,focus:l,disabled:n,children:d,first:m,last:b,closable:T,icon:g,iconPosition:k=gp.iconPosition,value:f,actions:w,...L}=e;return Ss("li",{...L,className:r(e.className,ys,v(ys,{hover:a,active:o,disabled:n,focus:l}),{"k-tabstrip-dragging":t,"k-first":m,"k-last":b}),role:"tab",...o&&{"aria-selected":"true"},...n&&{"aria-disabled":"true"},children:[Ss("span",{className:"k-link",children:[g&&k==="before"&&li(u,{icon:g}),f&&li("span",{className:"k-link-text",children:f}),g&&k==="after"&&li(u,{icon:g})]}),(w||T)&&Ss("span",{className:"k-item-actions",children:[w,T&&li(c,{as:"span",className:"k-remove-tab",icon:"x",fillMode:"flat",size:"xsmall",title:"Close","aria-hidden":"true"})]}),d]})};kt.states=Kv;kt.options=_v;kt.className=ys;kt.item=gp;import{jsx as Uv}from"react/jsx-runtime";var Is="k-tabstrip-content",Dv=[i.active,i.focus],zv={},Fv={},uo=e=>{let{active:t,focus:o,children:a,...l}=e;return Uv("div",{...l,className:r(e.className,Is,v(Is,{active:t,focus:o}),e.className),role:"tabpanel",children:a})};uo.states=Dv;uo.options=zv;uo.className=Is;uo.defaultOptions=Fv;import{Fragment as Vv,jsx as Zo,jsxs as $v}from"react/jsx-runtime";var eo=({children:e,...t})=>Zo(Xe,{tabStripItems:$v(Vv,{children:[Zo(kt,{first:!0,value:"First"}),Zo(kt,{active:!0,value:"Second"}),Zo(kt,{value:"Third"}),Zo(kt,{value:"Fourth"}),Zo(kt,{last:!0,value:"Fifth"})]}),...t,children:e||Zo(uo,{active:!0,children:Zo("div",{children:"TabStrip Content"})})});import{jsx as Wv}from"react/jsx-runtime";var xp=e=>Wv(eo,{position:"bottom",...e});import{jsx as Xv}from"react/jsx-runtime";var Np=e=>Xv(eo,{position:"right",...e});import{jsx as Jv}from"react/jsx-runtime";var kp=e=>Jv(eo,{position:"left",...e});import{jsx as MY}from"react/jsx-runtime";import{Fragment as AY,jsx as EY,jsxs as RY}from"react/jsx-runtime";import{jsx as GY}from"react/jsx-runtime";import{Fragment as UY,jsx as FY,jsxs as VY}from"react/jsx-runtime";import{Fragment as qY,jsx as JY,jsxs as YY}from"react/jsx-runtime";import{jsx as ii}from"react/jsx-runtime";var qv={...Xe.options,scrollable:{type:"boolean"}},Yv=Xe.states,vp={...Xe.defaultOptions,scrollable:!1,variant:"up"},Qv=[{name:"up",title:"Position Up"},{name:"bottom",title:"Position Bottom"},{name:"left",title:"Position Left"},{name:"right",title:"Position Right"}],Zv=[],vr=e=>{let{variant:t,...o}={...vp,...e},a={};switch(t){case"right":return ii(Np,{style:{height:"230px"},...o,...a,position:"right"});case"left":return ii(kp,{style:{height:"230px"},...o,...a,position:"left"});case"bottom":return ii(xp,{style:{width:"350px"},...o,...a,position:"bottom"});default:return ii(eo,{style:{width:"350px"},...o,...a})}};vr.options=qv;vr.states=Yv;vr.variants=Qv;vr.defaultOptions=vp;vr.modifiers=Zv;vr.className=Xe.className;import{Fragment as SQ,jsx as MQ,jsxs as yQ}from"react/jsx-runtime";import{Fragment as KQ,jsx as GQ,jsxs as HQ}from"react/jsx-runtime";import{Fragment as JQ,jsx as WQ,jsxs as XQ}from"react/jsx-runtime";import{Fragment as LZ,jsx as vZ,jsxs as wZ}from"react/jsx-runtime";import{Fragment as AZ,jsx as IZ,jsxs as EZ}from"react/jsx-runtime";import{Fragment as FZ,jsx as DZ,jsxs as zZ}from"react/jsx-runtime";import{Fragment as jv,jsx as S,jsxs as Me}from"react/jsx-runtime";var wp=({contentClassName:e,...t})=>S(_,{_renderAriaRoot:!0,pager:S(Xt,{refresh:!1}),children:Me(jv,{children:[S(ae,{children:S("div",{className:"k-grid-header-wrap",children:Me(re,{role:"none",children:[Me("colgroup",{children:[S("col",{}),S("col",{style:{width:"225px"}}),S("col",{}),S("col",{}),S("col",{})]}),Me(q,{role:"rowgroup",children:[Me(y,{role:"row",children:[S(E,{rowspan:1,colspan:1,columnTitle:"Product Id",role:"columnheader"}),S(E,{rowspan:1,colspan:1,columnTitle:"Name",role:"columnheader"}),S(E,{rowspan:1,colspan:1,columnTitle:"Quantity",role:"columnheader"}),S(E,{rowspan:1,colspan:1,columnTitle:"Unit Price",role:"columnheader"}),S(E,{rowspan:1,colspan:1,columnTitle:"Discontinued",role:"columnheader"})]}),Me(y,{className:"k-filter-row",role:"row",children:[S(p,{role:"gridcell","aria-label":"Product Id filter",children:S("div",{className:"k-filtercell",children:Me("div",{className:"k-filtercell-wrapper",children:[S(W,{"aria-label":"Product Id filter"}),Me("div",{className:"k-filtercell-operator",children:[S(me,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Product Id filter operator"})," ",S(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Product Id filter"})]})]})})}),S(p,{role:"gridcell","aria-label":"Name filter",children:S("div",{className:"k-filtercell",children:Me("div",{className:"k-filtercell-wrapper",children:[S(xe,{"aria-label":"Name filter"}),Me("div",{className:"k-filtercell-operator",children:[S(me,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Name filter operator"})," ",S(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Name filter"})]})]})})}),S(p,{role:"gridcell","aria-label":"Quantity filter",children:S("div",{className:"k-filtercell",children:Me("div",{className:"k-filtercell-wrapper",children:[S(xe,{"aria-label":"Quantity filter"}),Me("div",{className:"k-filtercell-operator",children:[S(me,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Quantity filter operator"})," ",S(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Quantity filter"})]})]})})}),S(p,{role:"gridcell","aria-label":"Unit Price filter",children:S("div",{className:"k-filtercell",children:Me("div",{className:"k-filtercell-wrapper",children:[S(W,{"aria-label":"Unit Price filter"}),Me("div",{className:"k-filtercell-operator",children:[S(me,{className:"k-dropdown-operator",arrowIconName:"filter","aria-label":"Unit Price filter operator"})," ",S(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Unit Price filter"})]})]})})}),S(p,{role:"gridcell","aria-label":"Discontinued filter",children:S("div",{className:"k-filtercell",children:Me("div",{className:"k-filtercell-wrapper",children:[S(me,{"aria-label":"Discontinued filter"}),S("div",{className:"k-filtercell-operator",children:S(c,{disabled:!0,icon:"filter-clear","aria-label":"Clear Discontinued filter"})})]})})})]})]})]})})}),S(Q,{children:S(Z,{className:e,children:Me(j,{role:"none",children:[Me("colgroup",{children:[S("col",{}),S("col",{style:{width:"225px"}}),S("col",{}),S("col",{}),S("col",{})]}),Me(te,{role:"rowgroup",children:[Me(y,{className:"k-master-row",role:"row",children:[S(p,{role:"gridcell",children:"1"}),S(p,{role:"gridcell",children:"Chai"}),S(p,{role:"gridcell",children:"10 boxes x 20 bags"}),S(p,{role:"gridcell",children:"18"}),S(p,{role:"gridcell",children:"false"})]}),Me(y,{className:"k-master-row",role:"row",alt:!0,children:[S(p,{role:"gridcell",children:"2"}),S(p,{role:"gridcell",children:"Chang"}),S(p,{role:"gridcell",children:"24 - 12 oz bottles"}),S(p,{role:"gridcell",children:"19"}),S(p,{role:"gridcell",children:"false"})]}),Me(y,{className:"k-master-row",role:"row",children:[S(p,{role:"gridcell",children:"3"}),S(p,{role:"gridcell",children:"Aniseed Syrup"}),S(p,{role:"gridcell",children:"12 - 550 ml bottles"}),S(p,{role:"gridcell",children:"10"}),S(p,{role:"gridcell",children:"false"})]}),Me(y,{className:"k-master-row",role:"row",alt:!0,children:[S(p,{role:"gridcell",children:"4"}),S(p,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),S(p,{role:"gridcell",children:"48 - 6 oz jars"}),S(p,{role:"gridcell",children:"22"}),S(p,{role:"gridcell",children:"false"})]}),Me(y,{className:"k-master-row",role:"row",children:[S(p,{role:"gridcell",children:"5"}),S(p,{role:"gridcell",children:"Grandma's Boysenberry Spread"}),S(p,{role:"gridcell",children:"12 - 8 oz jars"}),S(p,{role:"gridcell",children:"25"}),S(p,{role:"gridcell",children:"false"})]})]})]})})})]}),...t});import{jsx as ni}from"react/jsx-runtime";var ew="k-chip-action";var Pe=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=ni(u,{icon:"x-circle",size:"small"});break;case"more":a=ni(u,{icon:"more-vertical",size:"small"});break;default:return ni(u,{icon:t,size:"small"})}return ni("span",{...o,className:r(e.className,ew,`k-chip-${t}-action`),children:a})};var Es="avatar",Lp=Es;import{jsx as Cp}from"react/jsx-runtime";var ml="k-avatar";var tw=[i.hover,i.focus,i.active,i.selected,i.disabled],ow={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.outline],themeColor:[M.undefined,M.base,M.primary,M.secondary,M.tertiary]},As={type:"text",border:!1},ct=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,type:n=As.type,border:d=As.border,...m}=e;return Cp("div",{...m,className:r(e.className,ml,C(ml,{size:t,rounded:o,fillMode:a,themeColor:l}),{[`${ml}-bordered`]:d}),children:Cp("span",{className:`${ml}-${n}`,children:e.children})})};ct.states=tw;ct.options=ow;ct.className=ml;ct.defaultOptions=As;ct.moduleName=Es;ct.folderName=Lp;ct.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var va=ct;import{jsx as aw}from"react/jsx-runtime";var Mp=e=>aw(va,{type:"icon",...e});import{jsx as rw}from"react/jsx-runtime";var Sp=e=>rw(va,{type:"text",...e});import{jsx as lw}from"react/jsx-runtime";var yp=e=>lw(va,{type:"image",...e});import{jsx as gj}from"react/jsx-runtime";import{jsx as pl}from"react/jsx-runtime";var iw=ct.options,nw=ct.states,sw={...ct.defaultOptions,variant:"image"},dw=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],cw=[],wr=e=>{let{variant:t,...o}=e;switch(t){case"icon":return pl(Mp,{...o,children:pl(u,{icon:"star"})});case"text":return pl(Sp,{...o,children:"JO"});default:return pl(yp,{...o,children:pl("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};wr.options=iw;wr.states=nw;wr.variants=dw;wr.defaultOptions=sw;wr.modifiers=cw;wr.className=ct.className;var ul="chip",si=ul;import{jsx as Lr,jsxs as uw}from"react/jsx-runtime";var di="k-chip",mw=[i.hover,i.focus,i.active,i.selected,i.disabled],pw={size:[s.undefined,s.small,s.medium,s.large],rounded:[h.undefined,h.none,h.small,h.medium,h.large,h.full],fillMode:[N.undefined,N.solid,N.outline],themeColor:[M.undefined,M.base,M.success,M.warning,M.error,M.info]},Ip={avatarImage:"/packages/html/assets/avatar.jpg"},Ie=e=>{let{size:t,rounded:o,fillMode:a,themeColor:l,text:n,icon:d,actions:m,showAvatar:b,avatarImage:T=Ip.avatarImage,hover:g,focus:k,active:f,selected:w,disabled:L,...I}=e;return uw("div",{...I,className:r(e.className,di,C(di,{size:t,rounded:o,fillMode:a,themeColor:l}),v(di,{hover:g,focus:k,active:f,disabled:L,selected:w})),role:e.role||"button","aria-pressed":e.role==="option"?void 0:w?"true":"false",...e.role==="option"&&w!==void 0&&{"aria-selected":w?"true":"false"},"aria-disabled":L?"true":void 0,children:[d&&Lr(u,{className:"k-chip-icon",icon:d,size:"small"}),b&&Lr(ct,{className:"k-chip-avatar",type:"image",children:Lr("img",{src:T,alt:""})}),Lr("span",{className:"k-chip-content",children:e.children?e.children:n&&Lr("span",{className:"k-chip-label",children:n})}),m&&Lr("span",{className:"k-chip-actions",children:m})]})};Ie.states=mw;Ie.options=pw;Ie.className=di;Ie.defaultOptions=Ip;Ie.moduleName=ul;Ie.folderName=si;Ie.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 Jt=Ie;import{jsx as hw}from"react/jsx-runtime";var Rs="k-chip-list",bw=[],fw={size:[s.undefined,s.small,s.medium,s.large]},Tw={},Ee=e=>{let{size:t,multiselectable:o,ariaLabel:a,...l}=e;return hw("div",{...l,className:r(e.className,Rs,C(Rs,{size:t})),role:e.role||"listbox","aria-label":e.role==="none"?void 0:a||"chip list","aria-orientation":e.role==="none"?void 0:"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};Ee.states=bw;Ee.options=fw;Ee.className=Rs;Ee.defaultOptions=Tw;Ee.moduleName=ul;Ee.folderName=si;Ee.ariaSpec={selector:".k-chip-list",rules:[{selector:".k-chip-list",attribute:"role=listbox",usage:"Announces the list role of the chip list."},{selector:".k-chip-list",attribute:"aria-label or aria-labelledby",usage:"Adds label to the ChipList element. ListBox element requires an accessible name."},{selector:".k-chip-list",attribute:"aria-orientation=horizontal",usage:"Specifies the horizontal orientation of the chiplist."},{selector:".k-chip-list",attribute:"aria-multiselectable=true (when multiple selection)",usage:"Announces the multiple selection ability of the chiplist."},{selector:".k-chip-list .k-chip",attribute:"role=option",usage:"Announces the chip is an option inner component of the chip list."},{selector:".k-chip-list .k-chip.k-selected",attribute:"aria-selected=true",usage:"Announces the chip is selected."},{selector:".k-chip-list .k-chip:not(.k-selected)",attribute:"aria-selected=false",usage:"Announces the chip is not selected."},{selector:".k-chip-list .k-chip:has(.k-i-x-circle), .k-chip-list .k-chip:has(.k-svg-i-x-circle)",attribute:"aria-keyshortcuts=Enter Delete",usage:"Announces the Delete action along with the default Enter key."}]};import{jsx as Jj}from"react/jsx-runtime";import{jsx as Zj}from"react/jsx-runtime";import{jsx as gw}from"react/jsx-runtime";var ci=e=>gw(Jt,{text:"text",...e});import{jsx as iee}from"react/jsx-runtime";import{jsx as cee}from"react/jsx-runtime";import{Fragment as Tee,jsx as fee,jsxs as hee}from"react/jsx-runtime";import{jsx as vee,jsxs as wee}from"react/jsx-runtime";import{jsx as yee,jsxs as Iee}from"react/jsx-runtime";import{jsx as Bee,jsxs as Gee}from"react/jsx-runtime";import{jsx as Cr,jsxs as Lw}from"react/jsx-runtime";var xw={...Jt.options,...Ee.options},Nw=[],kw=Ee.states,vw={...Jt.defaultOptions,...Ee.defaultOptions},ww=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],Mr=e=>{let{modifiers:t,className:o,...a}=e,l=t?.icon,n=t?.actions,d=t?.avatar;return Lw(Ee,{size:a.size,className:o,children:[Cr(ci,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:n?Cr(Pe,{type:"remove"}):void 0,showAvatar:d,children:"Chip"}),Cr(ci,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:n?Cr(Pe,{type:"remove"}):void 0,showAvatar:d,children:"Chip"}),Cr(ci,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:l?"star":void 0,actions:n?Cr(Pe,{type:"remove"}):void 0,showAvatar:d,children:"Chip"})]})};Mr.options=xw;Mr.states=kw;Mr.variants=Nw;Mr.defaultOptions=vw;Mr.modifiers=ww;Mr.className=Ee.className;import{jsx as Os}from"react/jsx-runtime";var Cw=Ie.states,Mw=Ie.defaultOptions,Sw=Ie.options,yw=[],Iw=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],Sr=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(l=>{switch(l){case"icon":a.icon=t?.[l]?"arrow-down":void 0;break;case"avatar":a.showAvatar=!!t?.[l],a.avatarImage=t?.[l]?"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg":void 0;break;case"more-options":a.actions||(a.actions=[]),a.actions[0]=t?.[l]?Os(Pe,{type:"more"}):void 0;break;case"remove-icon":a.actions||(a.actions=[]),a.actions[1]=t?.[l]?Os(Pe,{type:"remove"}):void 0;break;default:break}}),Os(Ie,{...o,...a,children:"Chip component"})};Sr.options=Sw;Sr.states=Cw;Sr.variants=yw;Sr.defaultOptions=Mw;Sr.modifiers=Iw;Sr.className=Ie.className;import{Fragment as Ps,jsx as P,jsxs as mt}from"react/jsx-runtime";var Ep=({dropClue:e,contentClassName:t,...o})=>P(_,{_renderAriaRoot:!0,groupingHeader:P(po,{dropClue:e,role:"toolbar","aria-label":"Grouping",children:mt(Ee,{role:"none",children:[P(Ie,{icon:"sort-asc-small",text:"ID",role:"button",actions:mt(Ps,{children:[P(Pe,{type:"more"}),P(Pe,{type:"remove"})]})}),P(Ie,{icon:"sort-desc-small",text:"Name",role:"button",actions:mt(Ps,{children:[P(Pe,{type:"more"}),P(Pe,{type:"remove"})]})})]})}),children:mt(Ps,{children:[P(ae,{draggable:!0,children:P("div",{className:"k-grid-header-wrap",children:mt(re,{role:"none",children:[mt("colgroup",{children:[P("col",{className:"k-group-col"}),P("col",{className:"k-group-col"}),P("col",{}),P("col",{}),P("col",{}),P("col",{})]}),P(q,{role:"rowgroup",children:mt(y,{role:"row",children:[P(E,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),P(E,{colspan:1,rowspan:1,className:"k-group-cell",role:"presentation"}),P(E,{colspan:1,columnTitle:"ID",role:"columnheader"}),P(E,{colspan:1,columnTitle:"Name",role:"columnheader"}),P(E,{colspan:1,columnTitle:"Price",role:"columnheader"}),P(E,{colspan:1,columnTitle:"Category",role:"columnheader"})]})})]})})}),P(Q,{children:P(Z,{className:t,children:mt(j,{role:"none",children:[mt("colgroup",{children:[P("col",{className:"k-group-col"}),P("col",{className:"k-group-col"}),P("col",{}),P("col",{}),P("col",{}),P("col",{})]}),mt(te,{role:"rowgroup",children:[P(y,{className:"k-table-group-row k-grouping-row",role:"row",children:P(p,{colspan:6,role:"gridcell","aria-expanded":"false",children:mt("p",{className:"k-reset",children:[P(u,{icon:"chevron-right"}),"ID: 1"]})})}),P(y,{className:"k-table-group-row k-grouping-row",role:"row",children:P(p,{colspan:6,role:"gridcell","aria-expanded":"true",children:mt("p",{className:"k-reset",children:[P(u,{icon:"chevron-down"}),"ID: 2"]})})}),mt(y,{className:"k-table-group-row k-grouping-row",role:"row",children:[P(p,{className:"k-table-group-td k-group-cell",role:"presentation"}),P(p,{colspan:5,role:"gridcell","aria-expanded":"true",children:mt("p",{className:"k-reset",children:[P(u,{icon:"chevron-down"}),"Name: Chang"]})})]}),mt(y,{className:"k-master-row",role:"row",alt:!0,children:[P(p,{className:"k-table-group-td k-group-cell",role:"presentation"}),P(p,{className:"k-table-group-td k-group-cell",role:"presentation"}),P(p,{colspan:0,role:"gridcell",children:"2"}),P(p,{colspan:0,role:"gridcell",children:"Chang"}),P(p,{colspan:0,role:"gridcell",children:"$19.00"}),P(p,{colspan:0,role:"gridcell",children:"Beverages"})]})]})]})})})]}),...o});import{Fragment as Lte,jsx as vte,jsxs as wte}from"react/jsx-runtime";import{Fragment as Rte,jsx as Ete,jsxs as Ate}from"react/jsx-runtime";import{Fragment as _te,jsx as Hte,jsxs as Kte}from"react/jsx-runtime";import{Fragment as Ew,jsx as V,jsxs as pt}from"react/jsx-runtime";var Ap=({headerWrapClassName:e,contentClassName:t,...o})=>V(_,{_renderAriaRoot:!0,children:pt(Ew,{children:[V(ae,{children:V("div",{className:`k-grid-header-wrap ${e}`,children:pt(re,{role:"none",children:[pt("colgroup",{children:[V("col",{}),V("col",{}),V("col",{}),V("col",{})]}),pt(q,{role:"rowgroup",children:[pt(y,{role:"row",children:[V(E,{rowspan:3,colspan:1,columnTitle:"ID",role:"columnheader"}),V(E,{rowspan:1,colspan:3,columnTitle:"Product Information",role:"columnheader"})]}),pt(y,{role:"row",children:[V(E,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first",role:"columnheader"}),V(E,{rowspan:1,colspan:2,columnTitle:"Unit",role:"columnheader"})]}),pt(y,{role:"row",children:[V(E,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first",role:"columnheader"}),V(E,{rowspan:1,colspan:1,columnTitle:"Units Price",role:"columnheader"})]})]})]})})}),V(Q,{children:V(Z,{className:t,children:pt(j,{role:"none",children:[pt("colgroup",{children:[V("col",{}),V("col",{}),V("col",{}),V("col",{})]}),pt(te,{role:"rowgroup",children:[pt(y,{className:"k-master-row",role:"row",children:[V(p,{role:"gridcell",children:"1"}),V(p,{role:"gridcell",children:"Chai"}),V(p,{role:"gridcell",children:"39"}),V(p,{role:"gridcell",children:"18"})]}),pt(y,{className:"k-master-row",alt:!0,role:"row",children:[V(p,{role:"gridcell",children:"2"}),V(p,{role:"gridcell",children:"Chang"}),V(p,{role:"gridcell",children:"17"}),V(p,{role:"gridcell",children:"19"})]}),pt(y,{className:"k-master-row",role:"row",children:[V(p,{role:"gridcell",children:"3"}),V(p,{role:"gridcell",children:"Aniseed Syrup"}),V(p,{role:"gridcell",children:"13"}),V(p,{role:"gridcell",children:"10"})]}),pt(y,{className:"k-master-row",alt:!0,role:"row",children:[V(p,{role:"gridcell",children:"4"}),V(p,{role:"gridcell",children:"Chef Anton's Cajun Seasoning"}),V(p,{role:"gridcell",children:"53"}),V(p,{role:"gridcell",children:"22"})]}),pt(y,{className:"k-master-row",role:"row",children:[V(p,{role:"gridcell",children:"5"}),V(p,{role:"gridcell",children:"Chef Anton's Gumbo Mix"}),V(p,{role:"gridcell",children:"0"}),V(p,{role:"gridcell",children:"21.35"})]})]})]})})})]}),...o});import{Fragment as Qte,jsx as qte,jsxs as Yte}from"react/jsx-runtime";import{Fragment as roe,jsx as ooe,jsxs as aoe}from"react/jsx-runtime";import{Fragment as Aw,jsx as z,jsxs as qt}from"react/jsx-runtime";var Rp=e=>{let t=D("grid");return z(_,{_renderAriaRoot:!0,ariaRootId:t,toolbar:qt(ga,{role:"toolbar","aria-label":"Grid toolbar","aria-controls":t,children:[z(c,{children:"Add new"}),z(c,{children:"Save Changes"}),z(c,{children:"Cancel Changes"})]}),children:qt(Aw,{children:[z(ae,{children:z("div",{className:"k-grid-header-wrap",children:qt(re,{role:"none",children:[qt("colgroup",{children:[z("col",{}),z("col",{}),z("col",{}),z("col",{style:{width:"300px"}})]}),z(q,{role:"rowgroup",children:qt(y,{role:"row",children:[z(E,{columnTitle:"Name",role:"columnheader"}),z(E,{columnTitle:"Price",role:"columnheader"}),z(E,{columnTitle:"Available",role:"columnheader"}),z(E,{accessibleLabel:"Commands"})]})})]})})}),z(Q,{children:z(Z,{children:z("div",{children:qt(j,{role:"none",children:[qt("colgroup",{children:[z("col",{}),z("col",{}),z("col",{}),z("col",{style:{width:"300px"}})]}),qt(te,{role:"rowgroup",children:[qt(y,{className:"k-master-row k-grid-add-row k-grid-edit-row",role:"row",children:[z(p,{role:"gridcell",children:z(xe,{value:"Towel","aria-label":"Name"})}),z(p,{role:"gridcell",children:z(W,{value:"42","aria-label":"Price"})}),z(p,{role:"gridcell",children:z(Ge,{"aria-label":"Available"})}),qt(p,{className:"k-command-cell",role:"gridcell",children:[z(c,{children:"Add"}),z(c,{children:"Cancel"})]})]}),qt(y,{className:"k-master-row",role:"row",children:[z(p,{role:"gridcell",children:"Chai"}),z(p,{role:"gridcell",children:"18"}),z(p,{role:"gridcell",children:"false"}),z(p,{className:"k-command-cell",role:"gridcell",children:z(c,{children:"Remove"})})]}),qt(y,{className:"k-master-row",role:"row",alt:!0,children:[z(p,{role:"gridcell",children:"Chang"}),z(p,{role:"gridcell",children:"19"}),z(p,{role:"gridcell",children:"false"}),z(p,{className:"k-command-cell",role:"gridcell",children:z(c,{children:"Remove"})})]})]})]})})})})]}),...e})};import{Fragment as Eoe,jsx as Ioe,jsxs as Aoe}from"react/jsx-runtime";var Bs="context-menu",Op=Bs;import{jsx as Bw}from"react/jsx-runtime";var Pp="k-context-menu",Rw=[],Ow={},Pw={},vt=e=>{let{children:t,...o}=e;return Bw(Ke,{...o,className:r(e.className,Pp),role:"menu",children:t})};vt.states=Rw;vt.options=Ow;vt.className=Pp;vt.defaultOptions=Pw;vt.moduleName=Bs;vt.folderName=Op;vt.ariaSpec={selector:".k-context-menu",rules:[{selector:".k-context-menu",attribute:"role=menu",usage:"The context menu implements the menu role."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item",attribute:"aria-haspopup=menu (when present)",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item",attribute:"aria-expanded=true/false (when present)",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-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item",attribute:"aria-controls=ul.k-menu-group id (when present)",usage:"Points to the ID of the submenu."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has an id linked to parent aria-controls."}]};import{jsx as mi}from"react/jsx-runtime";var Gs=e=>mi(vt,{children:[mi(X,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),mi(X,{text:"Item 2"},"menu-item-2"),mi(X,{last:!0,text:"Item 3"},"menu-item-3")],...e});import{Fragment as Qoe,jsx as qoe,jsxs as Yoe}from"react/jsx-runtime";import{jsx as bl,jsxs as Dw}from"react/jsx-runtime";var Gw=Se.options,Hw=Se.states,Bp={...Se.defaultOptions,variant:"normal"},Kw=[{name:"normal",title:"Normal"},{name:"separators",title:"With separator"}],_w=[],yr=e=>{let{variant:t,...o}={...Bp,...e};return t==="separators"?Dw(Gs,{...o,style:{width:"130px"},children:[bl(X,{first:!0,text:"Item 1",showArrow:!0},"menu-item-1"),bl(Do,{}),bl(X,{text:"Item 2"},"menu-item-2"),bl(X,{last:!0,text:"Item 3"},"menu-item-3")]}):bl(Gs,{...o,style:{width:"130px"}})};yr.options=Gw;yr.states=Hw;yr.variants=Kw;yr.defaultOptions=Bp;yr.modifiers=_w;yr.className=vt.className;import{Fragment as xae,jsx as hae,jsxs as gae}from"react/jsx-runtime";import{Fragment as Aae,jsx as Iae,jsxs as Eae}from"react/jsx-runtime";import{Fragment as _ae,jsx as Kae,jsxs as Dae}from"react/jsx-runtime";import{Fragment as qae,jsx as Jae,jsxs as Yae}from"react/jsx-runtime";import{Fragment as pi,jsx as x,jsxs as ce}from"react/jsx-runtime";var zw=_.options,Fw=_.states,Gp={..._.defaultOptions,variant:"normal"},Uw=[{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"}],Vw=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],Ir=e=>{let{variant:t,modifiers:o,...a}={...Gp,...e},l={toolbar:void 0,pager:void 0},n=ce(ga,{children:[x(c,{icon:"plus",children:"Add New"}),x(c,{icon:"file-pdf",children:"Export to PDF"}),x("span",{className:"k-spacer"}),x(xe,{prefix:x(u,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),d=x(ye,{pageSizes:!1,refresh:!1});Object.keys(o||{}).forEach(T=>{switch(T){case"toolbar":l.toolbar=o?.[T]?n:void 0;break;case"pager":l.pager=o?.[T]?d:void 0;break;default:return}});let m={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},b=ce(pi,{children:[x(ae,{children:x("div",{className:"k-grid-header-wrap",children:ce(re,{children:[ce("colgroup",{children:[x("col",{}),x("col",{}),x("col",{}),x("col",{})]}),x(q,{children:ce(y,{children:[x(E,{...m[t],columnTitle:"ID"}),x(E,{...m[t],columnTitle:"Product Name"}),x(E,{...m[t],columnTitle:"Units in Stock"}),x(E,{...m[t],columnTitle:"Units Price"})]})})]})})}),x(Q,{children:x(Z,{children:ce(j,{children:[ce("colgroup",{children:[x("col",{}),x("col",{}),x("col",{}),x("col",{})]}),ce(te,{children:[ce(y,{children:[x(p,{children:"1"}),x(p,{children:"Chai"}),x(p,{children:"39"}),x(p,{children:"18"})]}),ce(y,{alt:!0,children:[x(p,{children:"2"}),x(p,{children:"Chang"}),x(p,{children:"17"}),x(p,{children:"19"})]}),ce(y,{children:[x(p,{children:"3"}),x(p,{children:"Aniseed Syrup"}),x(p,{children:"13"}),x(p,{children:"10"})]}),ce(y,{alt:!0,children:[x(p,{children:"4"}),x(p,{children:"Chef Anton's Cajun Seasoning"}),x(p,{children:"53"}),x(p,{children:"22"})]}),ce(y,{children:[x(p,{children:"5"}),x(p,{children:"Chef Anton's Gumbo Mix"}),x(p,{children:"0"}),x(p,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return x(Ap,{...a,...l});case"editing":return x(Rp,{...a,...l});case"grouping":return x(Ep,{...a,...l,groupingHeader:x(po,{children:ce(Ee,{children:[x(Ie,{icon:"sort-asc-small",actions:ce(pi,{children:[x(Pe,{type:"more"}),x(Pe,{type:"remove"})]}),children:"ID"}),x(Ie,{icon:"sort-desc-small",actions:ce(pi,{children:[x(Pe,{type:"more"}),x(Pe,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return x(_,{...a,...l,children:ce(pi,{children:[x(ae,{children:ce("div",{className:"k-grid-header-wrap",children:[" ",ce(re,{children:[ce("colgroup",{children:[x("col",{className:"k-drag-col"}),x("col",{}),x("col",{}),x("col",{}),x("col",{})]}),x(q,{children:ce(y,{children:[x(E,{className:"k-drag-cell",accessibleLabel:"Reorder"}),x(E,{columnTitle:"ID"}),x(E,{columnTitle:"Product Name"}),x(E,{columnTitle:"Units in Stock"}),x(E,{columnTitle:"Units Price"})]})})]})]})}),x(Q,{children:x(Z,{children:ce(j,{children:[ce("colgroup",{children:[x("col",{className:"k-drag-col"}),x("col",{}),x("col",{}),x("col",{}),x("col",{})]}),ce(te,{children:[ce(y,{children:[x(p,{className:"k-drag-cell",children:x(u,{icon:"reorder"})}),x(p,{children:"1"}),x(p,{children:"Chai"}),x(p,{children:"39"}),x(p,{children:"18"})]}),ce(y,{alt:!0,children:[x(p,{className:"k-drag-cell",children:x(u,{icon:"reorder"})}),x(p,{children:"2"}),x(p,{children:"Chang"}),x(p,{children:"17"}),x(p,{children:"19"})]}),ce(y,{children:[x(p,{className:"k-drag-cell",children:x(u,{icon:"reorder"})}),x(p,{children:"3"}),x(p,{children:"Aniseed Syrup"}),x(p,{children:"13"}),x(p,{children:"10"})]}),ce(y,{alt:!0,children:[x(p,{className:"k-drag-cell",children:x(u,{icon:"reorder"})}),x(p,{children:"4"}),x(p,{children:"Chef Anton's Cajun Seasoning"}),x(p,{children:"53"}),x(p,{children:"22"})]}),ce(y,{children:[x(p,{className:"k-drag-cell",children:x(u,{icon:"reorder"})}),x(p,{children:"5"}),x(p,{children:"Chef Anton's Gumbo Mix"}),x(p,{children:"0"}),x(p,{children:"21.35"})]})]})]})})})]})});case"filter-row":return x(wp,{...a,...l});default:return x(_,{...a,...l,children:b})}};Ir.options=zw;Ir.states=Fw;Ir.variants=Uw;Ir.defaultOptions=Gp;Ir.modifiers=Vw;Ir.className=_.className;import{Fragment as $w,jsx as B,jsxs as wt}from"react/jsx-runtime";var Hp=e=>B(_e,{toolbar:wt(Ye,{children:[B(c,{children:"New Folder"}),B(c,{children:"Upload"}),wt(R,{children:[B(c,{className:"k-group-start",icon:"sort-asc-small","aria-label":"Sort ascending"}),B(c,{className:"k-group-end",icon:"sort-desc-small","aria-label":"Sort descending"})]}),B(K,{text:"Sort By"}),wt(R,{children:[B(c,{className:"k-group-start",icon:"grid",selected:!0,"aria-label":"Grid view"}),B(c,{className:"k-group-end",icon:"grid-layout","aria-label":"List view"})]}),B("div",{className:"k-spacer"}),wt("div",{className:"k-filemanager-details-toggle",children:[B("label",{children:"View Details"}),B(ve,{checked:!0,"aria-label":"View Details"})]}),B(Le,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:B($w,{children:B(Ce,{className:"k-filemanager-splitter",panes:[B(fe,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:B(gt,{children:B(de,{text:"Folder"})})},"pane-1"),wt(fe,{className:"k-filemanager-content",scrollable:!0,children:[B(Tt,{children:B(st,{children:B(we,{root:!0,children:B(Ne,{root:!0,icon:!0,"aria-label":"Home",children:B(u,{icon:"home"})})})})}),wt(_,{_renderAriaRoot:!0,className:"k-filemanager-grid k-grid-display-block",children:[B(ae,{children:B("div",{className:"k-grid-header-wrap k-auto-scrollable",children:wt(re,{children:[wt("colgroup",{children:[B("col",{}),B("col",{}),B("col",{})]}),B(q,{children:wt(y,{children:[B(E,{sortable:!0,columnTitle:"Name"}),B(E,{columnTitle:"Date Created"}),B(E,{columnTitle:"File Size"})]})})]})})}),B(Q,{children:B(Z,{className:"k-auto-scrollable",children:wt(j,{className:"k-selectable",children:[wt("colgroup",{children:[B("col",{className:"k-sorted"}),B("col",{}),B("col",{})]}),wt(te,{children:[wt(y,{className:"k-master-row",children:[B(p,{children:B(Ve,{name:"Folder",icon:"folder"})}),B(p,{children:"13/12/2019 at 12:22:04 PM"}),B(p,{children:"0"})]}),wt(y,{className:"k-master-row",alt:!0,children:[B(p,{children:B(Ve,{name:"file.png",icon:"file"})}),B(p,{children:"13/12/2019 at 12:22:04 PM"}),B(p,{children:"73289"})]})]})]})})})]})]},"pane-2"),B(fe,{className:"k-filemanager-preview",collapsible:!0,scrollable:!0,flexBasis:"25%",tabIndex:0,children:B($o,{selection:"none",name:"No File Selected"})},"pane-3")]})}),...e});import{jsx as ui}from"react/jsx-runtime";var Ww=_e.options,Xw=_e.states,Jw={..._e.defaultOptions,variant:"listview"},qw=[{name:"listview",title:"ListView"},{name:"grid",title:"Grid"}],Yw=[{name:"preview",title:"Preview"}],Er=e=>{let{variant:t,modifiers:o,...a}={...e},l=!1;return Object.keys(o||{}).forEach(n=>{n==="preview"&&(l=!!o?.[n])}),t==="grid"?l?ui(Hp,{...a}):ui(Kp,{...a}):l?ui(Rm,{...a}):ui(Am,{...a})};Er.options=Ww;Er.states=Xw;Er.variants=qw;Er.defaultOptions=Jw;Er.modifiers=Yw;Er.className=_e.className;import{Fragment as Qw,jsx as G,jsxs as Lt}from"react/jsx-runtime";var Kp=e=>G(_e,{toolbar:Lt(Ye,{children:[G(c,{children:"New Folder"}),G(c,{children:"Upload"}),Lt(R,{children:[G(c,{className:"k-group-start",icon:"sort-asc-small","aria-label":"Sort ascending"}),G(c,{className:"k-group-end",icon:"sort-desc-small","aria-label":"Sort descending"})]}),G(K,{text:"Sort By"}),Lt(R,{children:[G(c,{className:"k-group-start",icon:"grid",selected:!0,"aria-label":"Grid view"}),G(c,{className:"k-group-end",icon:"grid-layout","aria-label":"List view"})]}),G("div",{className:"k-spacer"}),Lt("div",{className:"k-filemanager-details-toggle",children:[G("label",{children:"View Details"}),G(ve,{"aria-label":"View Details"})]}),G(Le,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:G(Qw,{children:G(Ce,{className:"k-filemanager-splitter",panes:[G(fe,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:G(gt,{children:G(de,{text:"Folder"})})},"pane-1"),Lt(fe,{className:"k-filemanager-content",scrollable:!0,children:[G(Tt,{children:G(st,{children:G(we,{root:!0,children:G(Ne,{root:!0,icon:!0,"aria-label":"Home",children:G(u,{icon:"home"})})})})}),Lt(_,{_renderAriaRoot:!0,className:"k-filemanager-grid k-grid-display-block",children:[G(ae,{children:G("div",{className:"k-grid-header-wrap k-auto-scrollable",children:Lt(re,{children:[Lt("colgroup",{children:[G("col",{}),G("col",{}),G("col",{})]}),G(q,{children:Lt(y,{children:[G(E,{columnTitle:"Name",sortable:!0}),G(E,{columnTitle:"Date Created"}),G(E,{columnTitle:"File Size"})]})})]})})}),G(Q,{children:G(Z,{className:"k-auto-scrollable",children:Lt(j,{className:"k-selectable",children:[Lt("colgroup",{children:[G("col",{className:"k-sorted"}),G("col",{}),G("col",{})]}),Lt(te,{children:[Lt(y,{className:"k-master-row",children:[G(p,{children:G(Ve,{name:"Folder",icon:"folder"})}),G(p,{children:"13/12/2019 at 12:22:04 PM"}),G(p,{children:"0"})]}),Lt(y,{className:"k-master-row",alt:!0,children:[G(p,{children:G(Ve,{name:"file.png",icon:"file"})}),G(p,{children:"13/12/2019 at 12:22:04 PM"}),G(p,{children:"73289"})]})]})]})})})]})]},"pane-2")]})}),...e});export{Kp as FileManagerGrid};