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

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

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

Files changed (86) hide show

package/dist/esm/filemanager/templates/filemanager-grid-preview.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- var r=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?r(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]\|\|t[o]&&o\|\|null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var y=(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"}),L=(e,t)=>{let{valid:o,invalid:a,hover:i,focus:n,checked:c,active:p,selected:u,disabled:h,indeterminate:k,loading:v,empty:f,readonly:M,highlighted:C,...E}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":i,"k-focus":n,"k-checked":c,"k-active":p,"k-selected":u,"k-disabled":h,"k-indeterminate":k&&!c,"k-loading":v,"k-empty":f,"k-readonly":M,"k-highlighted":C},Object.keys(E).reduce((O,R)=>(R.startsWith("k-")?O[R]=E[R]:O[`k-${R}`]=E[R],O),{}))};function Kn(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"},T={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},g={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},N={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},l={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"};import{Fragment as hm,jsx as Hn}from"react/jsx-runtime";var Ai="k-font-icon",bm=[],fm={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark]},Tm={},Aa=e=>{let{size:t,themeColor:o,icon:a,rotate:i,flip:n,...c}=e;return a?Hn("span",{...c,className:r(e.className,Ai,y(Ai,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":n==="h"\|\|n==="both","k-flip-v":n==="v"\|\|n==="both"}),"aria-hidden":"true"}):Hn(hm,{})};Aa.states=bm;Aa.options=fm;Aa.className=Ai;Aa.defaultOptions=Tm;var Dn=Aa;import{Fragment as gm,jsx as Dr}from"react/jsx-runtime";var Ii="k-svg-icon",xm=[],Nm={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark]},Gn={viewBox:"0 0 24 24"},Ia=e=>{let{size:t,themeColor:o,rotate:a,flip:i,viewBox:n=Gn.viewBox,icon:c,...p}=e;if(!c)return Dr(gm,{});if(c==="none")return Dr("span",{...p,className:r(e.className,Ii,y("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let u=typeof c=="object"&&c.name&&c.name;return Dr("span",{...p,className:r(e.className,Ii,y("k-icon",{size:t}),{[`k-svg-i-${u}`]:u,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":i==="h"\|\|i==="both","k-flip-v":i==="v"\|\|i==="both"}),"aria-hidden":"true",children:Dr("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:n,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};Ia.states=xm;Ia.options=Nm;Ia.className=Ii;Ia.defaultOptions=Gn;var Ri=Ia;importas Oi from"@progress/kendo-svg-icons";var _n="icon",zn="icons";import{useContext as vm}from"react";import{createContext as km}from"react";var Fn=km({iconsType:"svg"});import{Fragment as Un,jsx as Ra}from"react/jsx-runtime";var Gr="k-icon",Lm=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Cm=[],Mm={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark]},Bi={viewBox:"0 0 24 24",type:"svg"},b=e=>{let{iconsType:t}=vm(Fn),{size:o,themeColor:a,icon:i,type:n=t\|\|Bi.type,rotate:c,flip:p,viewBox:u=Bi.viewBox,...h}=e;if(!i)return Ra(Un,{});if((t\|\|n)==="svg"){if(i==="none")return Ra(Ri,{...h,className:r(e.className,Gr),icon:i,size:o});let v=Oi[i]?i:Lm(`${i}-icon`);return Oi[v]?Ra(Ri,{...h,className:r(e.className,Gr),icon:Oi[v],size:o,themeColor:a,rotate:c,flip:p,viewBox:u}):Ra(Un,{})}return Ra(Dn,{...h,className:r(e.className,Gr),icon:i,size:o,themeColor:a,rotate:c,flip:p})};b.states=Cm;b.options=Mm;b.defaultOptions=Bi;b.className=Gr;b.moduleName=_n;b.folderName=zn;b.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 Pi="button",Vn=Pi;import{Fragment as Em,jsx as Oa,jsxs as $n}from"react/jsx-runtime";var Ba="k-button",wm=["icon-button"],ym=[l.hover,l.focus,l.active,l.selected,l.disabled,l.generating],Sm={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[g.undefined,g.solid,g.flat,g.outline,g.clear,g.link],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark,N.inverse]},Ki={showArrow:!1,arrowIconName:"caret-alt-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:i,themeColor:n,showArrow:c=Ki.showArrow,arrowIconName:p=Ki.arrowIconName,variant:u,hover:h,focus:k,active:v,selected:f,disabled:M,togglable:C,icon:E,text:O,iconClassName:R,className:_,...fe}=e,Ee=E!==void 0,Ye=e.children!==void 0;return $n(t,{className:r(_,Ba,Kn(Ba,u),y(Ba,{size:o,rounded:a,fillMode:i,themeColor:n}),L(Ba,{hover:h,focus:k,active:v,disabled:M,selected:f}),{"k-icon-button":!O&&!Ye&&Ee}),...fe,"aria-pressed":C?f?"true":"false":void 0,disabled:M\|\|void 0,children:[E&&Oa(b,{className:r(R,"k-button-icon"),icon:E}),O?$n(Em,{children:[O&&Oa("span",{className:"k-button-text",children:O}),e.children]}):e.children&&Oa("span",{className:"k-button-text",children:e.children}),c&&Oa("span",{className:"k-menu-button-arrow k-button-arrow",children:Oa(b,{icon:p})})]})};d.states=ym;d.options=Sm;d.variants=wm;d.className=Ba;d.defaultOptions=Ki;d.moduleName=Pi;d.folderName=Vn;d.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 Am}from"react/jsx-runtime";var bo=e=>Am(d,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as Im}from"react/jsx-runtime";var Pa=e=>Im(d,{icon:"folder",children:"Button",...e});import{jsx as Rm}from"react/jsx-runtime";var Ho=e=>Rm(d,{children:"Button",...e});import{jsx as Hi}from"react/jsx-runtime";var Om=d.options,Bm=d.states,Pm={...d.defaultOptions,variant:"text"},Km=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Hm=[],Ka=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Hi(bo,{...o,icon:"star"});case"icon-and-text":return Hi(Pa,{...o,icon:"star",children:"Button"});default:return Hi(Ho,{...o,children:"Button"})}};Ka.options=Om;Ka.states=Bm;Ka.variants=Km;Ka.defaultOptions=Pm;Ka.modifiers=Hm;var Di="button",Wn=Di;import{jsx as zm}from"react/jsx-runtime";var Ha="k-button-group",Dm=[l.disabled],Gm={fillMode:[g.undefined,g.solid,g.flat,g.outline,g.clear,g.link]},_m={},I=e=>{let{fillMode:t,disabled:o,stretched:a,...i}=e;return zm("div",{role:"group",...i,className:r(e.className,Ha,y(Ha,{fillMode:t}),L(Ha,{disabled:o}),{[`${Ha}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};I.states=Dm;I.options=Gm;I.className=Ha;I.defaultOptions=_m;I.moduleName=Di;I.folderName=Wn;I.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 vv,jsx as kv,jsxs as Lv}from"react/jsx-runtime";import{Fragment as Ev,jsx as Sv,jsxs as Av}from"react/jsx-runtime";import{Fragment as Kv,jsx as Pv,jsxs as Hv}from"react/jsx-runtime";import{Fragment as Uv,jsx as Fv,jsxs as Vv}from"react/jsx-runtime";import{Fragment as Yv,jsx as qv,jsxs as Qv}from"react/jsx-runtime";import{Fragment as aL,jsx as oL,jsxs as rL}from"react/jsx-runtime";import{jsx as ao,jsxs as Gi}from"react/jsx-runtime";var Fm={...d.options,...I.options},Um=d.states,Vm={...d.defaultOptions,...I.defaultOptions,variant:"text-button"},$m=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Wm=[],Da=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Gi(I,{fillMode:a.fillMode,className:o,children:[ao(d,{...a,icon:"star"}),ao(d,{...a,icon:"star"}),ao(d,{...a,icon:"star"})]}):t==="icon-text-button"?Gi(I,{fillMode:a.fillMode,className:o,children:[ao(d,{...a,icon:"star",children:"First"}),ao(d,{...a,icon:"star",children:"Middle"}),ao(d,{...a,icon:"star",children:"Last"})]}):Gi(I,{fillMode:a.fillMode,className:o,children:[ao(d,{...a,children:"First"}),ao(d,{...a,children:"Middle"}),ao(d,{...a,children:"Last"})]})};Da.options=Fm;Da.states=Um;Da.variants=$m;Da.defaultOptions=Vm;Da.modifiers=Wm;var Ga="input",_r=Ga;import{jsx as Ym}from"react/jsx-runtime";var zr="k-input",Xm=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],Jm={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[g.undefined,g.solid,g.flat,g.outline]},qm={},Ae=e=>{let{hover:t,focus:o,disabled:a,invalid:i,valid:n,loading:c,readonly:p,size:u,rounded:h,fillMode:k,...v}=e;return Ym("span",{...v,className:r(e.className,zr,y(zr,{size:u,rounded:h,fillMode:k}),L(zr,{hover:t,focus:o,disabled:a,invalid:i,valid:n,loading:c,readonly:p}))})};Ae.states=Xm;Ae.options=Jm;Ae.className=zr;Ae.defaultOptions=qm;Ae.moduleName=Ga;Ae.folderName=_r;import{jsx as ep}from"react/jsx-runtime";var Fr="k-picker",Qm=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],Zm={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[g.undefined,g.solid,g.flat,g.outline]},jm={},$t=e=>{let{hover:t,focus:o,disabled:a,invalid:i,valid:n,loading:c,readonly:p,size:u,rounded:h,fillMode:k,...v}=e;return ep("span",{...v,className:r(e.className,Fr,y(Fr,{size:u,rounded:h,fillMode:k}),L(Fr,{hover:t,focus:o,disabled:a,invalid:i,valid:n,loading:c,readonly:p})),children:e.children})};$t.states=Qm;$t.options=Zm;$t.className=Fr;$t.defaultOptions=jm;$t.moduleName=Ga;$t.folderName=_r;import{Fragment as ap,jsx as _i}from"react/jsx-runtime";var Xn="k-clear-value",tp=[l.disabled,l.loading,l.readonly],op={},gt=e=>{let{disabled:t,loading:o,readonly:a,value:i}=e;return t\|\|a\|\|o\|\|!i?_i(ap,{}):_i("span",{className:r(e.className,Xn),children:_i(b,{icon:"x"})})};gt.states=tp;gt.options=op;gt.className=Xn;import{jsx as lp}from"react/jsx-runtime";var zi="k-input-inner",rp=[],ip={},Ur={type:"text",autocomplete:"off",value:"",placeholder:""},kt=e=>{let{value:t=Ur.value,type:o=Ur.type,placeholder:a=Ur.placeholder,autocomplete:i=Ur.autocomplete,disabled:n,readOnly:c,...p}=e;return lp("input",{...p,type:o,className:r(e.className,zi,y(zi,e)),placeholder:a,autoComplete:i,defaultValue:t,disabled:n\|\|void 0,readOnly:c\|\|void 0})};kt.states=rp;kt.options=ip;kt.className=zi;import{jsx as Jn,jsxs as dp}from"react/jsx-runtime";var Fi="k-input-inner",np=[],sp={},Do=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:i,valueIconName:n,...c}=e;return dp("span",{...c,className:r(e.className,Fi,y(Fi,e)),children:[i,!i&&n&&Jn(b,{className:"k-input-value-icon",icon:n}),a&&!t&&o,a&&t&&Jn("span",{className:"k-input-value-text",children:t})]})};Do.states=np;Do.options=sp;Do.className=Fi;import{jsx as pp}from"react/jsx-runtime";var Ui="k-input-inner",cp=[],mp={},qn={value:"",placeholder:""},Vi=e=>{let{value:t=qn.value,placeholder:o=qn.placeholder,rows:a,disabled:i,...n}=e;return pp("textarea",{...n,className:r(e.className,Ui,y(Ui,e)),placeholder:o,rows:a,defaultValue:t,disabled:i\|\|void 0})};Vi.states=cp;Vi.options=mp;Vi.className=Ui;import{Fragment as bp,jsx as Yn}from"react/jsx-runtime";var Qn="k-input-loading-icon",up=[l.disabled,l.loading],it=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?Yn(bp,{}):Yn("span",{className:r(e.className,Qn,"k-icon k-i-loading")})};it.states=up;it.className=Qn;import{Fragment as hp,jsx as Zn}from"react/jsx-runtime";var jn="k-input-validation-icon",fp=[l.valid,l.invalid,l.disabled,l.loading],Tp={},Qe=e=>{let{valid:t,invalid:o,disabled:a,loading:i}=e,n=o?"warning-circle":"check-circle";return a\|\|i\|\|!!!(t\|\|o)?Zn(hp,{}):Zn(b,{className:r(jn),icon:n})};Qe.states=fp;Qe.options=Tp;Qe.className=jn;import{Fragment as gp,jsx as es}from"react/jsx-runtime";var xp="k-input-prefix",Np={direction:"horizontal"},St=e=>{let{direction:t=Np.direction,...o}=e;return e.children?es("span",{...o,className:r(xp,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):es(gp,{})};import{Fragment as Lp,jsx as ts}from"react/jsx-runtime";var kp="k-input-suffix",vp={direction:"horizontal"},Et=e=>{let{direction:t=vp.direction,...o}=e;return e.children?ts("span",{...o,className:r(kp,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):ts(Lp,{})};import{jsx as rC}from"react/jsx-runtime";import{jsx as Mp}from"react/jsx-runtime";var Cp="k-input-suffix-text",$i=e=>{let{children:t,...o}=e;return Mp("span",{...o,className:r(Cp,e.className),children:t})};import{jsx as yp}from"react/jsx-runtime";var os="k-input-separator",wp={direction:"vertical"},At=e=>{let{direction:t=wp.direction,...o}=e;return yp("span",{...o,className:r(os,e.className,{[`${os}-${t}`]:t})})};import{Fragment as as,jsx as Wt,jsxs as Wi}from"react/jsx-runtime";var Sp=Ae.states,Ep=Ae.defaultOptions,Ap=Ae.options,Ip=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Rp=[],_a=e=>{let{modifiers:t,valid:o,invalid:a,loading:i,disabled:n,readonly:c,...p}=e,u=t?.prefix,h=t?.suffix,k=t?.["clear-button"],v=t?.["validation-icon"],f=t?.separators;return Wi(Ae,{...p,valid:o,invalid:a,loading:i,disabled:n,readonly:c,style:{width:300},children:[u&&Wi(as,{children:[Wt(St,{children:Wt(b,{icon:"lock"})}),f&&Wt(At,{})]}),Wt(kt,{placeholder:"Placeholder",value:"Value"}),v&&Wt(Qe,{valid:o,invalid:a,loading:i,disabled:n}),Wt(it,{loading:i,disabled:n}),k&&Wt(gt,{loading:i,disabled:n,readonly:c,value:"Value"}),h&&Wi(as,{children:[f&&Wt(At,{}),Wt(Et,{children:Wt(Ho,{size:p.size,fillMode:"clear",children:"Send"})})]})]})};_a.options=Ap;_a.states=Sp;_a.variants=Rp;_a.defaultOptions=Ep;_a.modifiers=Ip;import{jsx as rs,jsxs as Pp}from"react/jsx-runtime";var is="k-color-preview",Op=[],Bp={},fo=e=>{let{color:t,iconName:o,...a}=e;return Pp("span",{...a,className:r(e.className,is,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&rs(b,{icon:o,className:"k-color-preview-icon"}),rs("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};fo.states=Op;fo.options=Bp;fo.className=is;var Xi="popup",ls=Xi;import{jsx as ns}from"react/jsx-runtime";var ss="k-animation-container",Kp=[],Hp={},ds={positionMode:"absolute"},Xt=e=>{let{positionMode:t=ds.positionMode,animationStyle:o,offset:a,...i}=e;return ns("div",{...i,style:{...a,...e.style},className:r(e.className,ss,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:ns("div",{className:"k-child-animation-container",style:o,children:e.children})})};Xt.states=Kp;Xt.options=Hp;Xt.className=ss;Xt.defaultOptions=ds;Xt.moduleName=Xi;Xt.folderName=ls;var Ji="popup",cs=Ji;import{jsx as ms}from"react/jsx-runtime";var ps="k-popup",Dp=[],Gp={},us={positionMode:"absolute"},he=e=>{let{offset:t,positionMode:o=us.positionMode,animationStyle:a,containerClassName:i,containerRole:n,containerAriaLabel:c,...p}=e;return ms(Xt,{positionMode:o,offset:t,animationStyle:a,className:i,role:n,"aria-label":c,children:ms("div",{...p,className:r(e.className,ps),children:e.children})})};he.states=Dp;he.options=Gp;he.className=ps;he.defaultOptions=us;he.moduleName=Ji;he.folderName=cs;he.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 qi="action-buttons",bs=qi;import{jsx as Fp}from"react/jsx-runtime";var Vr="k-actions",_p=[],zp={},Yi={alignment:"start",orientation:"horizontal"},Jt=e=>{let{alignment:t=Yi.alignment,orientation:o=Yi.orientation,...a}=e;return Fp("div",{...a,className:r(Vr,{[`${Vr}-${t}`]:t,[`${Vr}-${o}`]:o},e.className),children:e.children})};Jt.states=_p;Jt.options=zp;Jt.className=Vr;Jt.defaultOptions=Yi;Jt.moduleName=qi;Jt.folderName=bs;import{jsx as Vp}from"react/jsx-runtime";var Up="k-actionsheet-footer",fs={alignment:"stretched",orientation:"horizontal"},To=e=>{let{alignment:t=fs.alignment,orientation:o=fs.orientation,template:a,as:i=a?"div":Jt,...n}=e;return Vp(i,{...n,...!a&&{alignment:t,orientation:o},className:r(e.className,Up),children:e.children})};var Qi="searchbox",Ts=Qi;import{jsx as za,jsxs as Xp}from"react/jsx-runtime";var hs="k-searchbox",$p=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading],Wp={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[g.undefined,g.solid,g.flat,g.outline]},Zi={showIcon:!0,icon:"search"},ve=e=>{let{value:t,placeholder:o,size:a,rounded:i,fillMode:n,hover:c,focus:p,valid:u,invalid:h,required:k,loading:v,disabled:f,showIcon:M=Zi.showIcon,icon:C=Zi.icon,...E}=e;return Xp(Ae,{...E,size:a,rounded:i,fillMode:n,hover:c,focus:p,valid:u,invalid:h,required:k,loading:v,disabled:f,className:r(e.className,hs),children:[M&&za(b,{className:"k-input-icon",icon:C}),za(kt,{placeholder:o,value:t}),za(it,{...e}),za(Qe,{...e}),za(gt,{...e})]})};ve.states=$p;ve.options=Wp;ve.className=hs;ve.defaultOptions=Zi;ve.moduleName=Qi;ve.folderName=Ts;import{jsx as EM}from"react/jsx-runtime";var ji="textbox",xs=ji;import{Fragment as Ns,jsx as ho,jsxs as el}from"react/jsx-runtime";var gs="k-textbox",Jp=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],qp={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[g.undefined,g.solid,g.flat,g.outline]},$r={showClearButton:!0,showValidationIcon:!0,separators:!0},xe=e=>{let{size:t,rounded:o,fillMode:a,separators:i=$r.separators,showClearButton:n=$r.showClearButton,showValidationIcon:c=$r.showValidationIcon,prefix:p,suffix:u,type:h,value:k,placeholder:v,hover:f,focus:M,valid:C,invalid:E,required:O,loading:R,disabled:_,readonly:fe,id:Ee,"aria-label":Ye,"aria-describedby":xt,...Nt}=e;return el(Ae,{...Nt,size:t,rounded:o,fillMode:a,hover:f,focus:M,valid:C,invalid:E,required:O,loading:R,disabled:_,readonly:fe,className:r(e.className,gs),children:[p&&el(Ns,{children:[ho(St,{children:p}),i&&ho(At,{})]}),ho(kt,{id:Ee,placeholder:v,value:k,type:h,disabled:_,"aria-label":Ye,"aria-describedby":xt,"aria-invalid":E?"true":void 0}),c&&ho(Qe,{valid:C,invalid:E,loading:R,disabled:_}),ho(it,{loading:R,disabled:_}),n&&ho(gt,{loading:R,disabled:_,readonly:fe,value:k}),u&&el(Ns,{children:[i&&ho(At,{}),ho(Et,{children:u})]})]})};xe.states=Jp;xe.options=qp;xe.className=gs;xe.defaultOptions=$r;xe.moduleName=ji;xe.folderName=xs;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 Fa=xe;import{jsx as Yp}from"react/jsx-runtime";var ks=e=>Yp(Fa,{...e});import{Fragment as XM,jsx as WM}from"react/jsx-runtime";import{Fragment as jM,jsx as ZM}from"react/jsx-runtime";import{jsx as aw}from"react/jsx-runtime";import{jsx as tl}from"react/jsx-runtime";var Qp=xe.states,Zp=xe.defaultOptions,jp=xe.options,eu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],tu=[],Ua=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?tl(b,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[i]?tl(Ho,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[i];break;default:break}}),tl(ks,{value:"Value",style:{width:300},...o,...a})};Ua.options=jp;Ua.states=Qp;Ua.variants=tu;Ua.defaultOptions=Zp;Ua.modifiers=eu;import{jsx as xo,jsxs as ol}from"react/jsx-runtime";var vs="k-actionsheet-titlebar",ou={},Ze=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:i,filter:n,input:c,inputValue:p,inputPlaceholder:u,adaptive:h,titleId:k,children:v,...f}=e;return ol("div",{...f,className:r(e.className,vs),children:[ol("div",{className:"k-actionsheet-titlebar-group",children:[a&&xo("div",{className:"k-actionsheet-actions",children:a}),!v&&ol("div",{className:"k-actionsheet-title",id:k,children:[t&&xo("div",{className:"k-text-center",children:t}),o&&xo("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),v&&xo("div",{className:"k-actionsheet-title",id:k,children:v}),i&&xo("div",{className:"k-actionsheet-actions",children:i})]}),(c\|\|n)&&xo("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?xo(xe,{value:p,placeholder:u,size:h?"large":"medium","aria-label":t\|\|u\|\|"Input"}):xo(ve,{placeholder:"Filter",size:h?"large":"medium","aria-label":"Filter options"})})]})};Ze.className=vs;Ze.defaultOptions=ou;import{jsx as al,jsxs as lu}from"react/jsx-runtime";var rl="k-actionsheet-view",au=[],ru={},iu={},ra=e=>{let{adaptive:t,animated:o,children:a,header:i,footer:n,titleId:c,...p}=e,u=i?.type===Ze&&al(Ze,{adaptive:t,titleId:c,...i?.props}),h=n?.type===To&&al(To,{...n?.props});return lu("div",{...p,className:r(e.className,rl,{[`${rl}-animated`]:o}),children:[u,al("div",{className:"k-actionsheet-content",children:a}),h]})};ra.states=au;ra.options=ru;ra.className=rl;ra.defaultOptions=iu;var Va="action-sheet",Wr=Va;var il="overlay",Ls=il;import{jsx as cu}from"react/jsx-runtime";var ll="k-overlay",nu=[],su={themeColor:[N.undefined,N.light,N.dark,N.inverse]},du={},No=e=>{let{themeColor:t,...o}=e;return cu("div",{...o,className:r(e.className,ll,y(ll,{themeColor:t})),children:e.children})};No.states=nu;No.options=su;No.className=ll;No.defaultOptions=du;No.moduleName=il;No.folderName=Ls;import{jsx as Xr,jsxs as uu}from"react/jsx-runtime";var Cs="k-actionsheet",mu=[],pu={},$a={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Me=e=>{let{side:t=$a.side,fullscreen:o=$a.fullscreen,adaptive:a=$a.adaptive,overlay:i=$a.overlay,template:n,children:c,header:p,footer:u,id:h,...k}=e,v=h&&!n&&p?`${h}-title`:void 0;return uu("div",{className:"k-actionsheet-container",children:[i&&Xr(No,{}),Xr(Xt,{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:Xr("div",{...k,id:h,role:"dialog","aria-modal":i?"true":void 0,"aria-labelledby":v,className:r(e.className,Cs,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:n\|\|Xr(ra,{header:p,footer:u,adaptive:a,titleId:v,...e,children:c})})})]})};Me.states=mu;Me.options=pu;Me.className=Cs;Me.defaultOptions=$a;Me.moduleName=Va;Me.folderName=Wr;Me.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 hu}from"react/jsx-runtime";var Ms="k-actionsheet-container",bu=[],fu={},Tu={},ia=e=>{let{children:t,...o}=e;return hu("div",{...o,className:Ms,children:t})};ia.states=bu;ia.options=fu;ia.className=Ms;ia.defaultOptions=Tu;ia.moduleName=Va;ia.folderName=Wr;import{jsx as xu}from"react/jsx-runtime";var nl=e=>{let{...t}=e;return xu("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as gu,jsx as Wa,jsxs as sl}from"react/jsx-runtime";var dl="k-actionsheet-item",Nu=[l.hover,l.focus,l.selected,l.disabled],go=e=>{let{iconName:t,text:o,description:a,hover:i,focus:n,selected:c,disabled:p,...u}=e;return sl("span",{...u,className:r(e.className,dl,L(dl,{hover:i,focus:n,selected:c,disabled:p})),children:[!e.children&&Wa(gu,{children:sl("span",{className:"k-actionsheet-action",children:[t&&Wa("span",{className:"k-icon-wrap",children:Wa(b,{className:"k-actionsheet-item-icon",icon:t})}),sl("span",{className:"k-actionsheet-item-text",children:[o&&Wa("span",{className:"k-actionsheet-item-title",children:o}),a&&Wa("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};go.states=Nu;go.className=dl;import{jsx as oy,jsxs as ay}from"react/jsx-runtime";import{jsx as ny}from"react/jsx-runtime";import{jsx as my}from"react/jsx-runtime";import{jsx as fy}from"react/jsx-runtime";import{jsx as Ge,jsxs as cl}from"react/jsx-runtime";var ku=Me.options,vu=Me.states,ys={...Me.defaultOptions,variant:"normal"},Lu=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Cu=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Xa=e=>{let{variant:t,modifiers:o,...a}={...ys,...e},i={},n=cl(nl,{children:[Ge(go,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),Ge(go,{text:"Add to Favorites",iconName:"heart"}),Ge(go,{text:"Upload New",iconName:"upload",disabled:!0}),Ge("hr",{className:"k-hr"}),Ge(go,{text:"Cancel",iconName:"cancel"})]}),c="Choose from the items below",p="Select Item";return t==="fullScreen"&&(i.fullScreen=!0),Object.keys(o\|\|{}).forEach(u=>{switch(u){case"actions":i.actionsStart=!!o?.[u],i.actionsEnd=!!o?.[u];break;case"subtitle":i.subtitle=o?.[u]?c:void 0;break;case"footer":i.footer=!!o?.[u];break;default:break}}),t==="adaptive"?Ge(Me,{...a,adaptive:!0,fullscreen:i.fullScreen,header:Ge(Ze,{actionsStart:i.actionsStart?Ge(d,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:i.actionsEnd?Ge(d,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:p,subtitle:i.subtitle}),footer:i.footer?cl(To,{alignment:"stretched",children:[Ge(d,{text:"Cancel",size:"large",themeColor:"base"}),Ge(d,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:n}):Ge(Me,{...a,fullscreen:i.fullScreen,header:Ge(Ze,{actionsStart:i.actionsStart?Ge(d,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:i.actionsEnd?Ge(d,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:i.subtitle}),footer:i.footer?cl(To,{alignment:"stretched",children:[Ge(d,{text:"Apply",themeColor:"primary"}),Ge(d,{text:"Cancel",themeColor:"base"})]}):void 0,children:n})};Xa.options=ku;Xa.states=vu;Xa.variants=Lu;Xa.defaultOptions=ys;Xa.modifiers=Cu;var ml="slider",Ss=ml;import{jsx as la,jsxs as pl}from"react/jsx-runtime";var Ja="k-slider",Mu=[l.hover,l.focus,l.active,l.disabled,l.readonly],wu={},It={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},Ne=e=>{let{type:t=It.type,orientation:o=It.orientation,gradientType:a=It.gradientType,readonly:i=It.readonly,disabled:n=It.disabled,handlePosition:c=It.handlePosition,showButtons:p=It.showButtons,showTicks:u=It.showTicks,value:h=It.value,min:k=It.min,max:v=It.max,startValue:f,endValue:M,hover:C,focus:E,active:O,trackStyle:R,dir:_,...fe}=e,Ye=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),xt,Nt;return o==="horizontal"?(xt=_==="rtl"?"caret-alt-left":"caret-alt-right",Nt=_==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(xt="caret-alt-up",Nt="caret-alt-down"),pl("div",{...fe,className:r(Ja,e.className,L(Ja,{readonly:i,disabled:n}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:_,children:[p&&la(d,{className:"k-button-decrease",rounded:"full",icon:Nt,tabIndex:-1,title:"Decrease"}),pl("div",{className:"k-slider-track-wrap",children:[u&&la("ul",{className:"k-reset k-slider-items",children:e.children}),pl("div",{className:"k-slider-track",style:R,children:[la("div",{className:"k-slider-selection"}),t==="range"&&la("span",{className:r("k-draghandle","k-draghandle-start",L(Ja,{hover:C,focus:E,active:O})),role:"slider",tabIndex:n?void 0:0,"aria-valuenow":f??k,"aria-valuemin":k,"aria-valuemax":M??v,"aria-orientation":Ye,"aria-disabled":n?"true":void 0,"aria-readonly":i?"true":void 0,"aria-label":fe["aria-label"]?`${fe["aria-label"]} start`:"Range start"}),la("span",{className:r("k-draghandle",`k-draghandle-${c}`,L(Ja,{hover:C,focus:E,active:O})),role:"slider",tabIndex:n?void 0:0,"aria-valuenow":t==="range"?M??v:h,"aria-valuemin":t==="range"?f??k:k,"aria-valuemax":v,"aria-orientation":Ye,"aria-disabled":n?"true":void 0,"aria-readonly":i?"true":void 0,"aria-label":t==="range"?fe["aria-label"]?`${fe["aria-label"]} end`:"Range end":fe["aria-label"]})]})]}),p&&la(d,{className:"k-button-increase",rounded:"full",icon:xt,tabIndex:-1,title:"Increase"})]})};Ne.states=Mu;Ne.options=wu;Ne.className=Ja;Ne.defaultOptions=It;Ne.moduleName=ml;Ne.folderName=Ss;Ne.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'}]};import{jsx as Es}from"react/jsx-runtime";var As="k-tick",yu=[],Su={},Is={label:!1},H=e=>{let{style:t,label:o=Is.label,orientation:a,large:i,text:n,...c}=e;return Es("li",{...c,className:r(e.className,As,{[`k-tick-${a}`]:a,"k-tick-large":i}),style:t,children:o&&Es("span",{className:"k-label",children:n})})};H.states=yu;H.options=Su;H.className=As;H.defaultOptions=Is;import{Fragment as Eu,jsx as Rt,jsxs as Au}from"react/jsx-runtime";var Rs=e=>Rt(Ne,{"aria-label":e["aria-label"]\|\|"Slider",children:Au(Eu,{children:[Rt(H,{className:"k-first",label:!0,large:!0,text:"0"}),Rt(H,{}),Rt(H,{}),Rt(H,{}),Rt(H,{}),Rt(H,{label:!0,large:!0,text:"5"}),Rt(H,{}),Rt(H,{}),Rt(H,{}),Rt(H,{}),Rt(H,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Iu,jsx as Ot,jsxs as Ru}from"react/jsx-runtime";var Os=e=>Ot(Ne,{children:Ru(Iu,{children:[Ot(H,{className:"k-first",label:!0,large:!0,text:"0"}),Ot(H,{}),Ot(H,{}),Ot(H,{}),Ot(H,{}),Ot(H,{label:!0,large:!0,text:"5"}),Ot(H,{}),Ot(H,{}),Ot(H,{}),Ot(H,{}),Ot(H,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});import{Fragment as aS,jsx as oS,jsxs as rS}from"react/jsx-runtime";import{Fragment as dS,jsx as sS,jsxs as cS}from"react/jsx-runtime";import{jsx as Ou}from"react/jsx-runtime";var ul=e=>Ou(Ne,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{jsx as Bu}from"react/jsx-runtime";var bl=e=>Bu(Ne,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{Fragment as kS,jsx as gS,jsxs as vS}from"react/jsx-runtime";import{Fragment as yS,jsx as wS,jsxs as SS}from"react/jsx-runtime";import{jsx as qt,jsxs as Bs}from"react/jsx-runtime";var Pu=Ne.options,Ku=Ne.states,Ps={...Ne.defaultOptions,variant:"horizontal",label:!0},Hu=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Du=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],qa=e=>{let{variant:t,modifiers:o,...a}={...Ps,...e},i={};Object.keys(o\|\|{}).forEach(h=>{switch(h){case"button":{i.showButtons=!!o?.[h];break}case"label":{i.label=!!o?.[h];break}case"tick":{i.showTicks=!!o?.[h];break}}});let{label:n=!0,showButtons:c,showTicks:p}=i,u={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?Bs(Os,{showTicks:p,showButtons:c,style:{height:"300px",...u},...a,children:[qt(H,{label:n,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),qt(H,{label:n,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),qt(H,{label:n,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),qt(H,{label:n,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),qt(H,{label:n,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Bs(Rs,{showTicks:p,showButtons:c,style:{width:"400px",...u},...a,children:[qt(H,{label:n,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),qt(H,{label:n,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),qt(H,{label:n,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),qt(H,{label:n,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),qt(H,{label:n,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};qa.options=Pu;qa.states=Ku;qa.variants=Hu;qa.defaultOptions=Ps;qa.modifiers=Du;import{jsx as Ks,jsxs as Uu}from"react/jsx-runtime";var Hs="k-spin-button",zu=[],Fu={size:[s.undefined,s.small,s.medium,s.large],fillMode:[g.undefined,g.solid,g.flat,g.outline,g.clear,g.link]},fl={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},ko=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:i=fl.increaseLabel,decreaseLabel:n=fl.decreaseLabel,...c}=e;return Uu("span",{...c,className:r(Hs,e.className),children:[Ks(d,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":i}),Ks(d,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":n})]})};ko.states=zu;ko.options=Fu;ko.className=Hs;ko.defaultOptions=fl;ko.moduleName=null;ko.folderName=null;var Ds="numeric-textbox",Gs="numerictextbox";import{Fragment as _s,jsx as ro,jsxs as Tl}from"react/jsx-runtime";var zs="k-numerictextbox",Vu=[l.hover,l.focus,l.valid,l.invalid,l.loading,l.required,l.disabled,l.readonly],$u={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[g.undefined,g.solid,g.flat,g.outline]},Jr={showSpinButton:!0,showClearButton:!0,separators:!0},V=e=>{let{size:t,rounded:o,fillMode:a,separators:i=Jr.separators,showClearButton:n=Jr.showClearButton,showSpinButton:c=Jr.showSpinButton,prefix:p,suffix:u,value:h,placeholder:k,hover:v,focus:f,valid:M,invalid:C,required:E,loading:O,disabled:R,readonly:_,id:fe,"aria-label":Ee,"aria-describedby":Ye,...xt}=e;return Tl(Ae,{...xt,size:t,rounded:o,fillMode:a,hover:v,focus:f,valid:M,invalid:C,required:E,loading:O,disabled:R,readonly:_,className:r(e.className,zs),children:[p&&Tl(_s,{children:[ro(St,{children:p}),i&&ro(At,{})]}),ro(kt,{id:fe,placeholder:k,value:h,role:"spinbutton",disabled:R,"aria-label":Ee,"aria-describedby":Ye,"aria-invalid":C?"true":void 0}),ro(Qe,{valid:M,invalid:C,loading:O,disabled:R}),ro(it,{loading:O,disabled:R}),n&&ro(gt,{loading:O,disabled:R,readonly:_,value:h}),u&&Tl(_s,{children:[i&&ro(At,{}),ro(Et,{children:u})]}),c&&ro(ko,{className:"k-input-spinner",size:t,fillMode:a,disabled:R})]})};V.states=Vu;V.options=$u;V.className=zs;V.defaultOptions=Jr;V.moduleName=Ds;V.folderName=Gs;V.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 Ya=V;import{jsx as Wu}from"react/jsx-runtime";var Fs=e=>Wu(Ya,{...e});import xl from"react";import{jsx as Us}from"react/jsx-runtime";var Xu="k-list-group-sticky-header",hl=e=>Us("div",{className:r(Xu,e.className),children:Us("div",{className:"k-list-header-text",children:e.children})});import{jsx as qu}from"react/jsx-runtime";var Ju="k-no-data",qr=e=>{let{live:t,...o}=e;return qu("span",{...o,className:r(Ju,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Go="list",na=Go;import{jsx as Vs,jsxs as $s}from"react/jsx-runtime";var Nl="k-list",Yu=[],Qu={size:[s.undefined,s.small,s.medium,s.large]},Zu={},X=e=>{let{size:t,virtualization:o,children:a,header:i,optionLabel:n,customValue:c,noData:p,screenReaders:u,...h}=e,v=xl.Children.toArray(a)[0],f=v?.props?.children?xl.Children.count(v.props.children):xl.Children.count(a);return $s("div",{...h,className:r(e.className,Nl,y(Nl,{size:t}),{"k-virtual-list":o}),children:[n,c,i&&Vs(hl,{children:i}),a\|\|(p!==void 0?p:Vs(qr,{live:!0,children:"No data found."})),u&&a&&$s(qr,{className:"k-sr-only",live:!0,children:[f," items found."]})]})};X.states=Yu;X.options=Qu;X.className=Nl;X.defaultOptions=Zu;X.moduleName=Go;X.folderName=na;X.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 ob}from"react/jsx-runtime";var Ws="k-list-container",ju=[],eb={},tb={},sa=e=>{let{...t}=e;return ob("div",{...t,className:r(e.className,Ws),children:e.children})};sa.states=ju;sa.options=eb;sa.className=Ws;sa.defaultOptions=tb;sa.moduleName=Go;sa.folderName=na;var _o="checkbox",da=_o;import{jsx as Xs}from"react/jsx-runtime";var Yr="k-checkbox",ab=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.checked,l.indeterminate],rb={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full]},ib={},Ue=e=>{let{id:t,checked:o,indeterminate:a,hover:i,focus:n,disabled:c,invalid:p,valid:u,required:h,size:k,rounded:v,...f}=e;return Xs("span",{className:"k-checkbox-wrap",children:Xs("input",{...f,id:t,type:"checkbox",defaultChecked:o,required:h,disabled:c\|\|void 0,"aria-invalid":p?"true":void 0,className:r(e.className,Yr,y(Yr,{size:k,rounded:v}),L(Yr,{hover:i,focus:n,disabled:c,invalid:p,valid:u,indeterminate:a,checked:o}))})})};Ue.states=ab;Ue.options=rb;Ue.className=Yr;Ue.defaultOptions=ib;Ue.moduleName=_o;Ue.folderName=da;Ue.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=Ue;import{jsx as sb}from"react/jsx-runtime";var Js="k-checkbox-list",lb=[],nb={},qs={layout:"vertical"},lt=e=>{let{layout:t=qs.layout,...o}=e;return sb("ul",{...o,className:r(e.className,Js,{[`k-list-${t}`]:t}),children:e.children})};lt.states=lb;lt.options=nb;lt.className=Js;lt.defaultOptions=qs;lt.moduleName=_o;lt.folderName=da;import{jsx as pb}from"react/jsx-runtime";var Ys="k-checkbox-list-item",db=[],cb={},mb={},je=e=>{let{...t}=e;return pb("li",{...t,className:r(e.className,Ys),children:e.children})};je.states=db;je.options=cb;je.className=Ys;je.defaultOptions=mb;je.moduleName=_o;je.folderName=da;import{Fragment as ub,jsx as Qs,jsxs as bb}from"react/jsx-runtime";var io=({children:e,id:t,...o})=>bb(ub,{children:[Qs(Yt,{id:t,...o}),Qs("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as ZE,jsx as QE,jsxs as jE}from"react/jsx-runtime";import{Fragment as rA,jsx as aA,jsxs as iA}from"react/jsx-runtime";import{Fragment as cA,jsx as dA,jsxs as mA}from"react/jsx-runtime";import{jsx as fA}from"react/jsx-runtime";import{jsx as NA}from"react/jsx-runtime";import{jsx as LA}from"react/jsx-runtime";import{jsx as Bt,jsxs as Zs}from"react/jsx-runtime";var fb=lt.options,Tb=lt.states,hb={...lt.defaultOptions,variant:"vertical"},xb=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Nb=[],Qa=e=>{let{variant:t,...o}=e;return t==="horizontal"?Zs(lt,{layout:"horizontal",...o,children:[Bt(je,{children:Bt(io,{id:"first",defaultChecked:!0,children:"Label"})}),Bt(je,{children:Bt(io,{id:"second",children:"Label"})}),Bt(je,{children:Bt(io,{id:"third",children:"Label"})})]}):Zs(lt,{...o,children:[Bt(je,{children:Bt(io,{id:"first",defaultChecked:!0,children:"Label"})}),Bt(je,{children:Bt(io,{id:"second",children:"Label"})}),Bt(je,{children:Bt(io,{id:"third",children:"Label"})})]})};Qa.options=fb;Qa.states=Tb;Qa.variants=xb;Qa.defaultOptions=hb;Qa.modifiers=Nb;import{jsx as Mb}from"react/jsx-runtime";var gb=Yt.options,kb=Yt.states,vb=Yt.defaultOptions,Lb=[],Cb=[],Za=e=>Mb(io,{id:"checkbox-demo-checkbox",...e,defaultChecked:!0,children:"Label"});Za.options=gb;Za.states=kb;Za.variants=Lb;Za.defaultOptions=vb;Za.modifiers=Cb;import{jsx as zo,jsxs as Eb}from"react/jsx-runtime";var gl="k-list-item",wb=[l.hover,l.focus,l.selected,l.disabled],yb={},Sb={},U=e=>{let{text:t,groupLabel:o,group:a,iconName:i,iconClassName:n,showCheckbox:c,checked:p,hover:u,focus:h,selected:k,disabled:v,actions:f,description:M,id:C,...E}=e,O=t\|\|e.children;return Eb("li",{...E,id:C,role:a?"presentation":"option",tabIndex:a?void 0:h?0:-1,"aria-selected":!a&&k?"true":a?void 0:"false","aria-disabled":!a&&v?"true":void 0,className:r(e.className,a?"k-list-group-item":gl,L(gl,{hover:u,focus:h,disabled:v,selected:k})),children:[c&&zo(Ue,{checked:p}),i&&zo("span",{className:"k-list-item-icon-wrapper",children:zo(b,{icon:i,className:r("k-list-item-icon",n)})}),zo("span",{className:"k-list-item-text",children:O}),f&&zo("div",{className:"k-list-item-actions",children:f}),M&&zo("span",{className:"k-list-item-description",children:M}),o&&o!==""&&zo("div",{className:"k-list-item-group-label",children:o})]})};U.states=wb;U.options=yb;U.className=gl;U.defaultOptions=Sb;U.moduleName=Go;U.folderName=na;U.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as Ib}from"react/jsx-runtime";var Ab="k-list-ul",lo=e=>{let{children:t,role:o,id:a,...i}=e;return Ib("ul",{...i,id:a,role:o,className:r(Ab,e.className),children:t})};lo.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 kl,jsxs as Ob}from"react/jsx-runtime";var Rb="k-list-content",le=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":i,listboxId:n,...c}=e;return Ob("div",{...c,className:r(Rb,e.className),role:o?"listbox":void 0,id:o?n:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?i:void 0,children:[o?e.children:kl(lo,{role:"listbox",id:n,"aria-label":a,"aria-labelledby":i,children:e.children}),t&&kl("div",{className:"k-height-container",children:kl("div",{})})]})};le.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{Fragment as mI,jsx as cI,jsxs as pI}from"react/jsx-runtime";import{jsx as vl,jsxs as Pb}from"react/jsx-runtime";var Bb="k-list-group-item",Fo=e=>{let{groupIconName:t,...o}=e;return Pb("li",{...o,role:"presentation",className:r(Bb,e.className),children:[t&&vl("span",{className:"k-list-item-icon-wrapper",children:vl(b,{icon:t,className:"k-list-item-icon"})}),vl("span",{className:"k-list-item-text",children:e.children})]})};Fo.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as Gb}from"react/jsx-runtime";var Ll="k-list-optionlabel",Kb=[l.hover,l.focus,l.selected,l.disabled],Hb={},Db={},Qr=e=>{let{text:t,hover:o,focus:a,selected:i,disabled:n,...c}=e;return Gb("div",{...c,className:r(Ll,L(Ll,{hover:o,focus:a,selected:i,disabled:n})),children:t})};Qr.states=Kb;Qr.options=Hb;Qr.className=Ll;Qr.defaultOptions=Db;import{jsx as Ub}from"react/jsx-runtime";var Cl="k-list-custom-value",_b=[l.hover,l.focus,l.selected,l.disabled],zb={},Fb={},vo=e=>{let{text:t,hover:o,focus:a,selected:i,disabled:n,...c}=e;return Ub("div",{...c,className:r(Cl,L(Cl,{hover:o,focus:a,selected:i,disabled:n})),children:t})};vo.states=_b;vo.options=zb;vo.className=Cl;vo.defaultOptions=Fb;import{Fragment as SI,jsx as yI,jsxs as EI}from"react/jsx-runtime";import{Fragment as PI,jsx as BI,jsxs as KI}from"react/jsx-runtime";import{Fragment as UI,jsx as zI,jsxs as FI}from"react/jsx-runtime";import{Fragment as YI,jsx as JI,jsxs as qI}from"react/jsx-runtime";import{jsx as eR}from"react/jsx-runtime";import{Fragment as lR,jsx as iR,jsxs as nR}from"react/jsx-runtime";var js="dropdown-list",ed="dropdownlist";import{Fragment as Wb,jsx as et,jsxs as Ml}from"react/jsx-runtime";var td="k-dropdownlist",Vb=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],$b={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[g.undefined,g.solid,g.flat,g.outline]},wl={showValue:!0,arrowIconName:"caret-alt-down"},pe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:i=wl.arrowIconName,showValue:n=wl.showValue,valueIconName:c,prefix:p,suffix:u,value:h,placeholder:k,hover:v,focus:f,valid:M,invalid:C,required:E,loading:O,disabled:R,readonly:_,popup:fe,opened:Ee,adaptive:Ye,adaptiveSettings:xt,adaptiveTitle:Nt,adaptiveSubtitle:aa,adaptiveFilter:Ei,...Hr}=e;return Ml(Wb,{children:[Ml($t,{...Hr,size:t,rounded:o,fillMode:a,hover:v,focus:f,valid:M,invalid:C,required:E,loading:O,disabled:R,readonly:_,className:r(e.className,td,{"k-icon-picker":!n&&c}),children:[et(St,{children:p}),et(Do,{placeholder:k,value:h,showValue:n,valueIconName:c}),et(Qe,{valid:M,invalid:C,loading:O,disabled:R}),et(it,{loading:O,disabled:R}),et(Et,{children:u}),et(d,{className:"k-input-button",icon:i,size:e.size,fillMode:e.fillMode,"aria-label":k\|\|"Toggle dropdown"})]}),Ee&&fe&&et(he,{className:"k-list-container k-dropdownlist-popup",children:fe}),Ye&&et(Me,{adaptive:!0,...xt,header:et(Ze,{actionsEnd:et(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:Ei,inputValue:h,inputPlaceholder:k,title:Nt,subtitle:aa}),children:et("div",{className:"k-list-container",children:et(X,{size:"large",children:Ml(le,{children:[et(U,{text:"List item"}),et(U,{text:"List item"}),et(U,{text:"List item"})]})})})})]})};pe.states=Vb;pe.options=$b;pe.className=td;pe.defaultOptions=wl;pe.moduleName=js;pe.folderName=ed;import{jsx as GR}from"react/jsx-runtime";import{jsx as VR,jsxs as $R}from"react/jsx-runtime";import{Fragment as jR,jsx as QR,jsxs as ZR}from"react/jsx-runtime";import{jsx as aO}from"react/jsx-runtime";import{jsx as sO,jsxs as dO}from"react/jsx-runtime";import{Fragment as hO,jsx as fO,jsxs as TO}from"react/jsx-runtime";import{Fragment as Zb,jsx as Lo,jsxs as od}from"react/jsx-runtime";var Xb=pe.states,Jb=pe.defaultOptions,qb=pe.options,Yb=[{name:"opened",title:"Opened"}],Qb=[],er=e=>{let{modifiers:t,...o}=e,a={},i=od(Zb,{children:[Lo("div",{className:"k-list-filter",children:Lo(ve,{})}),Lo(X,{style:{width:300},size:o.size,children:od(le,{children:[Lo(U,{children:"List item"}),Lo(U,{children:"List item"}),Lo(U,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(n=>{n==="opened"&&(a.opened=!!t?.[n],a.popup=t?.[n]?i:void 0)}),Lo("div",{children:Lo(pe,{placeholder:"Value",style:{width:300},...o,...a})})};er.options=qb;er.states=Xb;er.variants=Qb;er.defaultOptions=Jb;er.modifiers=Yb;import{Fragment as DO,jsx as HO}from"react/jsx-runtime";import{Fragment as VO,jsx as UO}from"react/jsx-runtime";import{jsx as JO}from"react/jsx-runtime";import{jsx as yl}from"react/jsx-runtime";var jb=V.states,ef=V.defaultOptions,tf=V.options,of=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],af=[],tr=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?yl(pe,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[i]?yl($i,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[i];break;case"spin-button":a.showSpinButton=t?.[i];break;default:break}}),yl(Fs,{value:"Value",style:{width:300},...o,...a})};tr.options=tf;tr.states=jb;tr.variants=af;tr.defaultOptions=ef;tr.modifiers=of;import{Fragment as or,jsx as W,jsxs as we}from"react/jsx-runtime";var ad="k-colorgradient-inputs",rf=[],lf={size:[s.undefined,s.small,s.medium,s.large]},rd={mode:"rgba"},ca=e=>{let{mode:t=rd.mode,size:o,...a}=e;return we("div",{...a,className:r(ad,"k-hstack"),children:[W("div",{className:"k-vstack",children:W(d,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&we(or,{children:[we("div",{className:"k-vstack",children:[W(V,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),W("label",{className:"k-colorgradient-input-label",children:"R"})]}),we("div",{className:"k-vstack",children:[W(V,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),W("label",{className:"k-colorgradient-input-label",children:"G"})]}),we("div",{className:"k-vstack",children:[W(V,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),W("label",{className:"k-colorgradient-input-label",children:"B"})]}),we("div",{className:"k-vstack",children:[W(V,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),W("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&we(or,{children:[we("div",{className:"k-vstack",children:[W(V,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),W("label",{className:"k-colorgradient-input-label",children:"R"})]}),we("div",{className:"k-vstack",children:[W(V,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),W("label",{className:"k-colorgradient-input-label",children:"G"})]}),we("div",{className:"k-vstack",children:[W(V,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),W("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&we(or,{children:[we("div",{className:"k-vstack",children:[W(V,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),W("label",{className:"k-colorgradient-input-label",children:"H"})]}),we("div",{className:"k-vstack",children:[W(V,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),W("label",{className:"k-colorgradient-input-label",children:"S"})]}),we("div",{className:"k-vstack",children:[W(V,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),W("label",{className:"k-colorgradient-input-label",children:"V"})]}),we("div",{className:"k-vstack",children:[W(V,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),W("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&we(or,{children:[we("div",{className:"k-vstack",children:[W(V,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),W("label",{className:"k-colorgradient-input-label",children:"H"})]}),we("div",{className:"k-vstack",children:[W(V,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),W("label",{className:"k-colorgradient-input-label",children:"S"})]}),we("div",{className:"k-vstack",children:[W(V,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),W("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&W(or,{children:we("div",{className:"k-vstack k-flex-1",children:[W(xe,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),W("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};ca.states=rf;ca.options=lf;ca.className=ad;ca.defaultOptions=rd;import{jsx as Uo,jsxs as Vo}from"react/jsx-runtime";var id="k-colorgradient-color-contrast",nf=[],sf={},df={},ma=()=>Vo("div",{className:r(id,"k-vbox"),children:[Vo("div",{className:"k-contrast-ratio",children:[Uo("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),Vo("span",{className:"k-contrast-validation !k-text-success",children:[Uo(b,{icon:"check"}),Uo(b,{icon:"check"})]})]}),Vo("div",{children:[Uo("span",{children:"AA: 4.5"}),Vo("span",{className:"k-contrast-validation !k-text-success",children:["Pass",Uo(b,{icon:"check"})]})]}),Vo("div",{children:[Uo("span",{children:"AAA: 7.0"}),Vo("span",{className:"k-contrast-validation !k-text-error",children:["Fail",Uo(b,{icon:"x"})]})]})]});ma.states=nf;ma.options=sf;ma.className=id;ma.defaultOptions=df;var ld="color-gradient",nd="colorgradient";import{jsx as Kt,jsxs as ar}from"react/jsx-runtime";var Zr="k-colorgradient",cf=[l.hover,l.focus,l.readonly,l.disabled],mf={size:[s.undefined,s.small,s.medium,s.large]},Qt={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"},_e=e=>{let{size:t,mode:o=Qt.mode,readonly:a=Qt.readonly,disabled:i=Qt.disabled,gradientStyle:n=Qt.gradientStyle,dragHandleStyle:c=Qt.dragHandleStyle,alphaStyle:p=Qt.alphaStyle,alphaStyleHorizontal:u=Qt.alphaStyleHorizontal,contrast:h=Qt.contrast,dir:k,hover:v,focus:f,hoverHandle:M,focusHandle:C,canvasOrientation:E=Qt.canvasOrientation,role:O,tabIndex:R,..._}=e;return ar("div",{..._,role:O??"textbox","aria-label":O==="none"?void 0:"Color gradient",tabIndex:R??0,"aria-disabled":i?"true":void 0,className:r(e.className,Zr,y(Zr,{size:t}),L(Zr,{hover:v,focus:f,readonly:a,disabled:i})),dir:k,children:[!E\|\|E==="horizontal"&&ar("div",{className:"k-colorgradient-canvas k-hstack",children:[Kt("div",{className:"k-hsv-rectangle",style:n,children:Kt("div",{className:"k-hsv-gradient",children:Kt("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":C}),style:c,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})})}),ar("div",{className:"k-hsv-controls k-hstack",children:[Kt(bl,{className:"k-hue-slider",hover:M,focus:C}),o!=="rgb"&&o!=="hsv"&&Kt(bl,{className:"k-alpha-slider",hover:M,focus:C,trackStyle:p})]})]}),E==="vertical"&&ar("div",{className:"k-colorgradient-canvas k-vstack",children:[Kt("div",{className:"k-hsv-rectangle",style:n,children:Kt("div",{className:"k-hsv-gradient",children:Kt("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":C}),style:c,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})})}),ar("div",{className:"k-hsv-controls k-vstack",children:[Kt(ul,{className:"k-hue-slider",hover:M,focus:C}),o!=="rgb"&&o!=="hsv"&&Kt(ul,{className:"k-alpha-slider",hover:M,focus:C,trackStyle:u})]})]}),Kt(ca,{mode:e.mode,size:t}),h&&Kt(ma,{})]})};_e.states=cf;_e.options=mf;_e.className=Zr;_e.defaultOptions=Qt;_e.moduleName=ld;_e.folderName=nd;_e.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 pf}from"react/jsx-runtime";var jr=e=>pf(_e,{...e});import{jsx as OB}from"react/jsx-runtime";import{jsx as HB}from"react/jsx-runtime";import{jsx as Sl}from"react/jsx-runtime";var uf=_e.options,bf=_e.states,ff={..._e.defaultOptions,variant:"rgba"},Tf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],hf=[],rr=e=>{let{variant:t,...o}=e;switch(t){case"hex":return Sl(jr,{...o,mode:t});case"rgb":return Sl(jr,{...o,mode:t});default:return Sl(jr,{...o,mode:t})}};rr.options=uf;rr.states=bf;rr.variants=Tf;rr.defaultOptions=ff;rr.modifiers=hf;import{jsx as xf}from"react/jsx-runtime";var El=e=>xf("tr",{role:"row",children:e.children});import{jsx as kf}from"react/jsx-runtime";var Al="k-colorpalette-tile",Nf=[l.hover,l.focus,l.selected],gf={},pa=e=>{let{color:t,tileSize:o,hover:a,focus:i,selected:n,...c}=e,p={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return kf("td",{...c,role:"gridcell","aria-label":t,"aria-selected":n?"true":void 0,className:r(e.className,Al,L(Al,{hover:a,focus:i,selected:n})),style:p})};pa.states=Nf;pa.options=gf;pa.className=Al;var sd="color-palette",dd="colorpalette";import{jsx as ir}from"react/jsx-runtime";var ei="k-colorpalette",vf=[l.disabled],Lf={size:[s.undefined,s.small,s.medium,s.large]},cd={columns:10},nt=e=>{let{size:t,palette:o,columns:a=cd.columns,tileSize:i,disabled:n,...c}=e,p=[];if(o){let u=a\|\|o.columns,h=o.colors?o.colors:o;Array.isArray(h)&&Array.from({length:Math.ceil(h.length/u)},(k,v)=>{let f=[];h.slice(vu,(v+1)u).map((C,E)=>{f.push(ir(pa,{color:C,tileSize:i},E))});let M=ir(El,{children:f},v);p.push(M)})}return ir("div",{...c,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":n?"true":void 0,className:r(e.className,ei,L(ei,{disabled:n}),y(ei,{size:t})),children:ir("table",{className:"k-colorpalette-table",role:"none",children:ir("tbody",{children:p.length>0?p:e.children})})})};nt.states=vf;nt.options=Lf;nt.className=ei;nt.defaultOptions=cd;nt.moduleName=sd;nt.folderName=dd;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 ti=nt;var lr={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 Cf}from"react/jsx-runtime";var md=e=>Cf(ti,{palette:lr.basic,...e});import{jsx as xP}from"react/jsx-runtime";import{jsx as CP,jsxs as MP}from"react/jsx-runtime";import{jsx as If}from"react/jsx-runtime";var Mf=nt.options,wf=nt.states,yf={...nt.defaultOptions,variant:"basic"},Sf=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Ef={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}},Af=[],nr=e=>{let{variant:t="basic",...o}=e,a=Ef[t];return If(md,{columns:a.columns,palette:a,...o})};nr.options=Mf;nr.states=wf;nr.variants=Sf;nr.defaultOptions=yf;nr.modifiers=Af;var pd="color-editor",ud="coloreditor";import{jsx as Ht,jsxs as ua}from"react/jsx-runtime";var oi="k-coloreditor",Rf=[l.focus],Of={size:[s.undefined,s.small,s.medium,s.large]},sr={view:"gradient",palette:lr.office,actionButtons:!0,canvasOrientation:"horizontal"},ye=e=>{let{size:t,view:o=sr.view,palette:a=sr.palette,color:i,currentColor:n,focus:c,focusView:p,dir:u,group:h,actionButtons:k=sr.actionButtons,canvasOrientation:v=sr.canvasOrientation,...f}=e;return ua("div",{...f,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",oi,y(oi,{size:t}),L(oi,{focus:c})),dir:u,children:[ua("div",{className:"k-coloreditor-header k-hstack",children:[Ht("div",{className:"k-coloreditor-header-actions k-hstack",children:h&&ua(I,{fillMode:"flat",children:[Ht(d,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Ht(d,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Ht("div",{className:"k-spacer"}),ua("div",{className:"k-coloreditor-header-actions k-hstack",children:[Ht(d,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),ua("div",{className:"k-coloreditor-preview k-vstack",children:[Ht(fo,{className:"k-coloreditor-preview-color",color:i}),Ht(fo,{className:"k-coloreditor-current-color",color:n})]})]})]}),Ht("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Ht(_e,{focus:p,size:t,canvasOrientation:v,role:"none",tabIndex:-1}):Ht(nt,{palette:a,size:t})}),k&&ua(Jt,{className:"k-coloreditor-footer",alignment:"start",children:[Ht(d,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Ht(d,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};ye.states=Rf;ye.options=Of;ye.className=oi;ye.defaultOptions=sr;ye.moduleName=pd;ye.folderName=ud;ye.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 ba=ye;import{jsx as eK}from"react/jsx-runtime";import{jsx as rK}from"react/jsx-runtime";import{jsx as Bf}from"react/jsx-runtime";var bd=e=>Bf(ba,{group:!0,currentColor:"fuchsia",...e});import{jsx as Pf}from"react/jsx-runtime";var fd=e=>Pf(ba,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Td}from"react/jsx-runtime";var Kf=ye.options,Hf=ye.states,Df={...ye.defaultOptions,variant:"gradient"},Gf=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],_f=[],dr=e=>{let{variant:t,...o}=e;return t==="palette"?Td(fd,{...o,color:"white"}):Td(bd,{...o,color:"rgba(183, 118 , 118, 1.00)"})};dr.options=Kf;dr.states=Hf;dr.variants=Gf;dr.defaultOptions=Df;dr.modifiers=_f;var hd="color-picker",xd="colorpicker";import{Fragment as Uf,jsx as Dt,jsxs as Il}from"react/jsx-runtime";var Nd="k-colorpicker",zf=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled],Ff={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[g.undefined,g.solid,g.flat,g.outline]},gd={arrowIconName:"caret-alt-down"},vt=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:i=gd.arrowIconName,prefix:n,suffix:c,value:p,placeholder:u,hover:h,focus:k,valid:v,invalid:f,required:M,disabled:C,valueIconName:E,popup:O,opened:R,adaptive:_,adaptiveSettings:fe,adaptiveTitle:Ee,adaptiveSubtitle:Ye,...xt}=e,Nt="colorpicker-popup";return Il(Uf,{children:[Il($t,{...xt,size:t,rounded:o,fillMode:a,hover:h,focus:k,valid:v,invalid:f,required:M,disabled:C,role:"combobox","aria-haspopup":"dialog","aria-expanded":R?"true":"false","aria-controls":R\|\|_?Nt:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":C?"true":void 0,className:r(e.className,Nd,"k-icon-picker"),children:[Dt(St,{children:n}),Dt(Do,{placeholder:u,value:p,showValue:!1,valueIcon:Dt(fo,{className:"k-value-icon",color:p,iconName:E}),valueIconName:E}),Dt(Et,{children:c}),Dt(d,{className:"k-input-button",icon:i,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:C})]}),R&&O&&Dt(he,{id:Nt,className:"k-colorpicker-popup",children:O}),_&&Dt(Me,{adaptive:!0,id:Nt,...fe,header:Dt(Ze,{actionsEnd:Dt(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:Ee,subtitle:Ye}),footer:Il(To,{children:[Dt(d,{text:"Cancel",size:"large"}),Dt(d,{text:"Set",size:"large",themeColor:"primary"})]}),children:Dt(ye,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};vt.states=zf;vt.options=Ff;vt.className=Nd;vt.defaultOptions=gd;vt.moduleName=hd;vt.folderName=xd;vt.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 Co=vt;import{jsx as Vf}from"react/jsx-runtime";var ai=e=>Vf(Co,{...e});import{jsx as zK}from"react/jsx-runtime";import{jsx as WK}from"react/jsx-runtime";import{jsx as YK}from"react/jsx-runtime";import{jsx as eH}from"react/jsx-runtime";import{jsx as rH}from"react/jsx-runtime";import{jsx as sH}from"react/jsx-runtime";import{jsx as $o}from"react/jsx-runtime";var $f=Co.options,Wf=Co.states,kd={...Co.defaultOptions,variant:"color"},Xf=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Jf=[{name:"opened",title:"Opened"}],cr=e=>{let{variant:t,modifiers:o,...a}={...kd,...e},i={};Object.keys(o\|\|{}).forEach(c=>{c==="opened"&&(i.opened=!!o?.[c],i.popup=o?.[c]?$o(ye,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let n=i.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return $o("div",{style:n,children:$o(ai,{...a,...i})});case"icon":return $o("div",{style:n,children:$o(ai,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...i})});default:return $o("div",{style:n,children:$o(ai,{value:"rgba(183, 118 , 118, 1.00)",...a,...i})})}};cr.options=$f;cr.states=Wf;cr.variants=Xf;cr.defaultOptions=kd;cr.modifiers=Jf;var Rl="combobox",vd=Rl;import{Fragment as Ol,jsx as Ie,jsxs as mr}from"react/jsx-runtime";var Ld="k-combobox",qf=[l.hover,l.focus,l.valid,l.invalid,l.loading,l.required,l.disabled,l.readonly],Yf={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[g.undefined,g.solid,g.flat,g.outline]},Cd={separators:!0},tt=e=>{let{size:t,rounded:o,fillMode:a,separators:i=Cd.separators,prefix:n,suffix:c,value:p,placeholder:u,hover:h,focus:k,valid:v,invalid:f,required:M,loading:C,disabled:E,popup:O,opened:R,readonly:_,adaptive:fe,adaptiveSettings:Ee,adaptiveTitle:Ye,adaptiveSubtitle:xt,adaptiveCustomValue:Nt,id:aa,autocomplete:Ei,activeDescendant:Hr,"aria-label":mm,...pm}=e,um=aa?`${aa}-listbox`:void 0;return mr(Ol,{children:[mr(Ae,{...pm,size:t,rounded:o,fillMode:a,hover:h,focus:k,valid:v,invalid:f,required:M,loading:C,disabled:E,readonly:_,className:r(e.className,Ld),children:[n&&mr(Ol,{children:[Ie(St,{children:n}),i&&Ie(At,{})]}),Ie(kt,{placeholder:u,value:p,role:"combobox","aria-haspopup":"listbox","aria-expanded":R?"true":"false","aria-controls":R?um:void 0,"aria-activedescendant":R&&Hr?Hr:void 0,"aria-autocomplete":Ei,"aria-invalid":f?"true":void 0,"aria-busy":C?"true":void 0,"aria-label":mm,disabled:E,readOnly:_}),Ie(Qe,{valid:v,invalid:f,loading:C,disabled:E}),Ie(it,{loading:C,disabled:E}),Ie(gt,{loading:C,disabled:E,readonly:_,value:p}),c&&mr(Ol,{children:[i&&Ie(At,{}),Ie(Et,{children:c})]}),Ie(d,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:E})]}),R&&O&&Ie(he,{className:"k-list-container k-combobox-popup",containerClassName:"k-combobox-popup-container",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:O}),fe&&Ie(Me,{adaptive:!0,id:aa?`${aa}-adaptive`:void 0,...Ee,header:Ie(Ze,{actionsEnd:Ie(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:p,inputPlaceholder:u,title:Ye,subtitle:xt}),children:Ie("div",{className:"k-list-container",children:Ie(X,{customValue:Nt?Ie(vo,{text:`Use "${p}"`}):void 0,size:"large",children:mr(le,{"aria-label":Ye\|\|"Options",children:[Ie(U,{text:"List item"}),Ie(U,{text:"List item"}),Ie(U,{text:"List item"})]})})})})]})};tt.states=qf;tt.options=Yf;tt.className=Ld;tt.defaultOptions=Cd;tt.moduleName=Rl;tt.folderName=vd;tt.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list\|both\|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var Lt=tt;import{jsx as Qf}from"react/jsx-runtime";var Md=e=>Qf(Lt,{...e});import{jsx as VH,jsxs as $H}from"react/jsx-runtime";import{jsx as QH,jsxs as ZH}from"react/jsx-runtime";import{jsx as r0,jsxs as i0}from"react/jsx-runtime";import{Fragment as m0,jsx as c0}from"react/jsx-runtime";import{Fragment as h0,jsx as T0}from"react/jsx-runtime";import{jsx as L0,jsxs as C0}from"react/jsx-runtime";import{Fragment as R0,jsx as A0,jsxs as I0}from"react/jsx-runtime";import{jsx as K0}from"react/jsx-runtime";import{jsx as _0}from"react/jsx-runtime";import{jsx as W0,jsxs as X0}from"react/jsx-runtime";import{jsx as j0,jsxs as eD}from"react/jsx-runtime";import{jsx as Mo,jsxs as aT}from"react/jsx-runtime";var Zf=tt.states,jf=tt.defaultOptions,eT=tt.options,tT=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],oT=[],pr=e=>{let{modifiers:t,...o}=e,a={},i=Mo(X,{style:{width:300},size:o.size,children:aT(le,{children:[Mo(U,{children:"List item"}),Mo(U,{children:"List item"}),Mo(U,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Mo(b,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[n]?Mo(bo,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[n],a.popup=t?.[n]?i:void 0;break;default:break}}),Mo("div",{children:Mo(Md,{value:"Value",style:{width:300},...o,...a})})};pr.options=eT;pr.states=Zf;pr.variants=oT;pr.defaultOptions=jf;pr.modifiers=tT;var Bl="menu-button",wd=Bl;import{jsx as lT}from"react/jsx-runtime";var yd="k-menu-button",rT=[l.hover,l.focus,l.active,l.selected,l.disabled],iT={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[g.undefined,g.solid,g.flat,g.outline,g.clear,g.link],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark,N.inverse]},Pl={showArrow:!0,arrowIconName:"caret-alt-down"},ue=e=>{let{size:t,rounded:o,fillMode:a,themeColor:i,hover:n,focus:c,active:p,selected:u,disabled:h,icon:k,text:v,showArrow:f=Pl.showArrow,arrowIconName:M=Pl.arrowIconName,expanded:C,...E}=e;return lT(d,{...E,className:r(e.className,yd),text:v,size:t,rounded:o,fillMode:a,themeColor:i,hover:n,focus:c,active:p,selected:u,disabled:h,icon:k,showArrow:f,arrowIconName:M,"aria-expanded":C?"true":"false",...!v&&k&&!e["aria-label"]&&{"aria-label":"Menu"},...h&&{"aria-disabled":"true"}})};ue.states=rT;ue.options=iT;ue.className=yd;ue.defaultOptions=Pl;ue.moduleName=Bl;ue.folderName=wd;ue.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 OD}from"react/jsx-runtime";import{jsx as HD}from"react/jsx-runtime";import{jsx as zD}from"react/jsx-runtime";var Ct="menu",Gt=Ct;import{jsx as ur,jsxs as Sd}from"react/jsx-runtime";var Kl="k-menu-item",nT=[l.hover,l.focus,l.active,l.selected,l.disabled],sT={},Ed={iconPosition:"before"},Ve=e=>{let{hover:t,focus:o,active:a,selected:i,disabled:n,icon:c,text:p,first:u,last:h,showArrow:k,arrowIconName:v,iconPosition:f=Ed.iconPosition,dir:M,children:C,expanded:E,...O}=e,R=v;return R\|\|(R=M==="rtl"?"caret-alt-left":"caret-alt-right"),Sd("li",{...O,className:r(e.className,Kl,"k-item",L(Kl,{focus:o,disabled:n,hover:t,active:a,selected:i}),{"k-first":u,"k-last":h}),role:"menuitem",...k&&{"aria-haspopup":"menu"},...k&&{"aria-expanded":E?"true":"false"},...n&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Sd("span",{className:r("k-link k-menu-link"),children:[c&&f==="before"&&ur(b,{className:"k-menu-link-icon",icon:c}),ur("span",{className:"k-menu-link-text",children:p}),c&&f==="after"&&ur(b,{className:"k-menu-link-icon",icon:c}),k&&ur("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:ur(b,{icon:R})})]}),C]})};Ve.states=nT;Ve.options=sT;Ve.className=Kl;Ve.defaultOptions=Ed;Ve.moduleName=Ct;Ve.folderName=Gt;import{jsx as br,jsxs as Ad}from"react/jsx-runtime";var Hl="k-menu-item",dT=[l.hover,l.focus,l.active,l.selected,l.disabled],cT={},Dl={dir:"ltr",iconPosition:"before"},Le=e=>{let{hover:t,focus:o,active:a,selected:i,disabled:n,icon:c,text:p,first:u,last:h,showArrow:k,arrowIconName:v,iconPosition:f=Dl.iconPosition,dir:M=Dl.dir,children:C,popup:E,expanded:O,...R}=e,_=v;return _\|\|(_=M==="rtl"?"caret-alt-left":"caret-alt-right"),Ad("li",{...R,className:r(e.className,Hl,"k-item",L(Hl,{focus:o,disabled:n}),{"k-first":u,"k-last":h}),role:"menuitem",...k&&{"aria-haspopup":"menu"},...k&&{"aria-expanded":O?"true":"false"},...n&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Ad("span",{className:r("k-link k-menu-link",L("k-menu-link",{hover:t,active:a,selected:i,disabled:n})),children:[c&&f==="before"&&br(b,{className:"k-menu-link-icon",icon:c}),br("span",{className:"k-menu-link-text",children:p}),c&&f==="after"&&br(b,{className:"k-menu-link-icon",icon:c}),k&&br("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:br(b,{icon:_})})]}),C,E]})};Le.states=dT;Le.options=cT;Le.className=Hl;Le.defaultOptions=Dl;Le.moduleName=Ct;Le.folderName=Gt;import{jsx as bT}from"react/jsx-runtime";var Id="k-menu-scroll-wrapper",mT=[],pT={},uT={},Wo=e=>{let{className:t,children:o,orientation:a,...i}=e;return bT("div",{...i,className:r(t,Id,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};Wo.states=mT;Wo.options=pT;Wo.className=Id;Wo.defaultOptions=uT;Wo.moduleName=Ct;Wo.folderName=Gt;var Rd=Wo;import{Fragment as Gl,jsx as Xo,jsxs as ii}from"react/jsx-runtime";var _l="k-menu",fT=[],TT={},li={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},ze=e=>{let{children:t,orientation:o=li.orientation,header:a=li.header,scrollable:i,scrollButtonsPosition:n=li.scrollButtonsPosition,wrapperStyles:c,dir:p,popup:u,contextMenu:h,...k}=e,v={horizontal:{prev:p!=="rtl"?"left":"right",next:p!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},f=Xo("ul",{dir:p,...k,className:r(e.className,"k-reset",_l,{[`${_l}-${o}`]:o,"k-header":a}),role:h?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return ii(Gl,{children:[i?ii(Rd,{orientation:o,style:c,dir:e.dir,children:[n==="start"&&ii(Gl,{children:[Xo(d,{fillMode:"flat",icon:`caret-alt-${v[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Xo(d,{fillMode:"flat",icon:`caret-alt-${v[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),n==="around"&&Xo(d,{fillMode:"flat",icon:`caret-alt-${v[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),f,n==="end"&&ii(Gl,{children:[Xo(d,{fillMode:"flat",icon:`caret-alt-${v[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Xo(d,{fillMode:"flat",icon:`caret-alt-${v[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),n==="around"&&Xo(d,{fillMode:"flat",icon:`caret-alt-${v[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):f,u]})};ze.states=fT;ze.options=TT;ze.className=_l;ze.defaultOptions=li;ze.moduleName=Ct;ze.folderName=Gt;ze.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item[aria-haspopup]",attribute:"aria-haspopup=menu",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item[aria-haspopup]",attribute:"aria-expanded=true/false",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item[aria-haspopup][aria-controls]",attribute:"aria-controls=ul.k-menu-group id",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};import{jsx as hT}from"react/jsx-runtime";var zl="k-separator",Od={orientation:"horizontal"},fa=e=>{let{orientation:t=Od.orientation,...o}=e;return hT("li",{...o,className:r(e.className,"k-item",zl,{[`${zl}-${t}`]:t}),role:"separator"})};fa.className=zl;fa.defaultOptions=Od;fa.moduleName=Ct;fa.folderName=Gt;import{Fragment as TG,jsx as hG}from"react/jsx-runtime";import{jsx as kT}from"react/jsx-runtime";var Fl="k-menu-group",xT=[],NT={size:[s.undefined,s.small,s.medium,s.large]},gT={},$e=e=>{let{children:t,size:o,...a}=e;return kT("ul",{...a,className:r(e.className,Fl,y(Fl,{size:o})),role:"menu",children:t})};$e.states=xT;$e.options=NT;$e.className=Fl;$e.defaultOptions=gT;$e.moduleName=Ct;$e.folderName=Gt;import{Fragment as vT,jsx as Ta,jsxs as LT}from"react/jsx-runtime";var Ul=e=>Ta(ze,{children:LT(vT,{children:[Ta(Ve,{first:!0,text:"Item 1"}),Ta(Ve,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),Ta(Ve,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),Ta(Ve,{text:"Item 4"}),Ta(Ve,{last:!0,text:"Item 5"})]}),...e});import{Fragment as IG,jsx as EG,jsxs as AG}from"react/jsx-runtime";import{Fragment as KG,jsx as PG,jsxs as HG}from"react/jsx-runtime";import{Fragment as FG,jsx as zG,jsxs as UG}from"react/jsx-runtime";import{Fragment as JG,jsx as XG,jsxs as qG}from"react/jsx-runtime";import{jsx as Jo,jsxs as ST}from"react/jsx-runtime";var CT=ze.options,MT=ze.states,Bd={...ze.defaultOptions,variant:"horizontal"},wT=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],yT=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],fr=e=>{let{variant:t,modifiers:o,...a}={...Bd,...e},i={};return Object.keys(o\|\|{}).forEach(n=>{switch(n){case"scrollable":i.scrollable=!!o?.[n];break;case"opened":i.opened=!!o?.[n],i.popup=Jo(he,{className:"k-menu-popup",children:ST($e,{children:[Jo(Le,{text:"Item 1"}),Jo(Le,{text:"Item 2"}),Jo(fa,{}),Jo(Le,{text:"Item 3"})]})});break}}),t==="vertical"?Jo(Ul,{...a,...i,orientation:"vertical",style:{width:"200px"}}):Jo(Ul,{...a,...i})};fr.options=CT;fr.states=MT;fr.variants=wT;fr.defaultOptions=Bd;fr.modifiers=yT;import{Fragment as y1,jsx as M1,jsxs as w1}from"react/jsx-runtime";import{jsx as I1}from"react/jsx-runtime";import{Fragment as OT,jsx as Zt,jsxs as Pd}from"react/jsx-runtime";var ET=d.states,Kd={...d.defaultOptions,variant:"text"},AT=d.options,IT=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],RT=[{name:"opened",title:"Opened"}],Tr=e=>{let{variant:t,modifiers:o,...a}={...Kd,...e},i={},n=Zt(he,{className:"k-menu-popup",children:Pd($e,{size:a.size,children:[Zt(Le,{first:!0,text:"Menu Item"}),Zt(Le,{text:"Menu Item"}),Zt(Le,{last:!0,text:"Menu Item"})]})}),c;switch(t){case"icon-only":c=Zt("div",{children:Zt(ue,{...a,...i,icon:"star"})});break;case"icon-and-text":c=Zt("div",{children:Zt(ue,{...a,...i,icon:"star",children:"Dropdown Button"})});break;default:c=Zt("div",{children:Zt(ue,{...a,...i,children:"Dropdown Button"})});break}return Pd(OT,{children:[c,o?.opened&&n]})};Tr.options=AT;Tr.states=ET;Tr.variants=IT;Tr.defaultOptions=Kd;Tr.modifiers=RT;var Vl="split-button",Hd=Vl;import{Fragment as KT,jsx as $l,jsxs as Dd}from"react/jsx-runtime";var Wl="k-split-button",BT=[l.hover,l.focus,l.active,l.selected,l.disabled],PT={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[g.undefined,g.solid,g.flat,g.outline,g.clear,g.link],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark,N.inverse]},Gd={arrowIconName:"caret-alt-down"},D=e=>{let{size:t,rounded:o,fillMode:a,themeColor:i,hover:n,focus:c,active:p,selected:u,disabled:h,icon:k,text:v,arrowIconName:f=Gd.arrowIconName,popup:M,opened:C,popupId:E,...O}=e;return Dd(KT,{children:[Dd("div",{...O,className:r(e.className,Wl,"k-button-group",y(Wl,{rounded:o})),children:[$l(d,{text:v,icon:k,size:t,rounded:o,fillMode:a,themeColor:i,hover:n,focus:c,active:p,selected:u,disabled:h,...!v&&!e.children&&k&&{"aria-label":"Action"},children:e.children}),$l(d,{className:"k-split-button-arrow",icon:f,size:t,rounded:o,fillMode:a,disabled:h,"aria-label":"Toggle dropdown","aria-expanded":C?"true":"false","aria-controls":C?E:void 0,tabIndex:-1,...h&&{"aria-disabled":"true"}})]}),C&&M&&$l(he,{className:"k-menu-popup",children:M})]})};D.states=BT;D.options=PT;D.className=Wl;D.defaultOptions=Gd;D.moduleName=Vl;D.folderName=Hd;D.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 Xl=D;import{jsx as DT}from"react/jsx-runtime";var HT="k-toolbar-separator",Ut=e=>DT("div",{className:r(HT,e.className,"k-separator")});var no="toolbar",wo=no;import{Fragment as Jl,jsx as J,jsxs as ha}from"react/jsx-runtime";var so="k-toolbar",GT=[l.focus],_T={size:[s.undefined,s.small,s.medium,s.large],fillMode:[g.undefined,g.solid,g.outline,g.flat]},zT={scrollButtons:"around"},ne=e=>{let{size:t,fillMode:o,focus:a,resizable:i,scrollable:n,scrollButtons:c,scrollingPosition:p,section:u,...h}=e,k=[],v=(f,M)=>{let C=[];if(f.type===d&&f.props.className&&f.props.className.includes("k-toolbar-overflow-button"))C.push(J(d,{...f.props,className:`${f.props.className?f.props.className:""}`},`${M}-${new Date().getTime()}`));else if(f.type===d)C.push(J(d,{...f.props,className:`k-toolbar-button ${f.props.className?f.props.className:""}`},`${M}-${new Date().getTime()}`));else if(f.type===Pa)C.push(J(Pa,{...f.props,className:`k-toolbar-button ${f.props.className?f.props.className:""}`},`${M}-${new Date().getTime()}`));else if(f.type===bo)C.push(J(bo,{...f.props,className:`k-toolbar-button ${f.props.className?f.props.className:""}`},`${M}-${new Date().getTime()}`));else if(f.type===ue)C.push(J(ue,{...f.props,className:`k-toolbar-menu-button ${f.props.className?f.props.className:""}`},`${M}-${new Date().getTime()}`));else if(f.type===Xl)C.push(J(Xl,{...f.props,className:`k-toolbar-split-button ${f.props.className?f.props.className:""}`},`${M}-${new Date().getTime()}`));else if(f.type===I\|\|f.props.className&&f.props.className.includes("k-button-group")){let E=[];(Array.isArray(f.props.children)?f.props.children:[f.props.children]).forEach((R,_)=>{E.push(J(d,{...R.props,className:`${R.props.className?R.props.className:""}`},`${_}-${new Date().getTime()}`))}),C.push(J(I,{...f.props,className:`k-toolbar-button-group ${f.props.className?f.props.className:""}`,children:E},`${M}-${new Date().getTime()}`))}else f.type===tt?C.push(J(tt,{...f.props,className:`k-toolbar-combobox ${f.props.className?f.props.className:""}`},`${M}-${new Date().getTime()}`)):f.type===pe?C.push(J(pe,{...f.props,className:`k-toolbar-dropdownlist ${f.props.className?f.props.className:""}`},`${M}-${new Date().getTime()}`)):f.type===vt?C.push(J(vt,{...f.props,className:`k-toolbar-colorpicker ${f.props.className?f.props.className:""}`},`${M}-${new Date().getTime()}`)):C.push(f);C.forEach(E=>{k.push(E)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((M,C)=>{v(M,C)}),ha("div",{...h,className:r(e.className,so,y(so,{size:t,fillMode:o}),L(so,{focus:a}),{[`${so}-resizable`]:i,[`${so}-scrollable`]:n,[`${so}-scrollable-overlay`]:n&&c==="hidden",[`${so}-scrollable-${p}`]:p&&p!=="both",[`${so}-section`]:u}),role:"toolbar","aria-label":"Toolbar",children:[!n&&k,n&&c==="hidden"&&J("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:k}),n&&c==="start"&&ha(Jl,{children:[ha(I,{children:[J("span",{className:r("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:J(b,{className:"k-button-icon",icon:"caret-alt-left"})}),J("span",{className:r("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:J(b,{className:"k-button-icon",icon:"caret-alt-right"})})]}),J(Ut,{className:"k-toolbar-button-separator"}),J("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:k})]}),n&&c==="end"&&ha(Jl,{children:[J("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:k}),J(Ut,{className:"k-toolbar-button-separator"}),ha(I,{children:[J("span",{className:r("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:J(b,{className:"k-button-icon",icon:"caret-alt-left"})}),J("span",{className:r("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:J(b,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),n&&(c==="around"\|\|!c)&&ha(Jl,{children:[J("span",{className:r("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:J(b,{className:"k-button-icon",icon:"caret-alt-left"})}),J(Ut,{className:"k-toolbar-button-separator"}),J("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:k}),J(Ut,{className:"k-toolbar-button-separator"}),J("span",{className:r("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:J(b,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};ne.states=GT;ne.options=_T;ne.className=so;ne.defaultOptions=zT;ne.moduleName=no;ne.folderName=wo;ne.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])[aria-controls]',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group[aria-labelledby]",attribute:"aria-labelledby=.k-toolbar-overflow-button id",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])[aria-controls]',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list[aria-labelledby]",attribute:"aria-labelledby=.k-toolbar-overflow-button id",usage:"Associates the title of the section toggle button."}]};import{jsx as $T}from"react/jsx-runtime";var _d="k-floating-toolbar",FT=[],UT={},VT={},xa=e=>{let{...t}=e;return $T("div",{...t,className:r(e.className,_d),children:e.children})};xa.states=FT;xa.options=UT;xa.className=_d;xa.defaultOptions=VT;xa.moduleName=no;xa.folderName=wo;import{jsx as qT}from"react/jsx-runtime";var ql="k-toolbar-item",WT=[l.focus],XT={},JT={},Na=e=>{let{focus:t,...o}=e;return qT("div",{...o,className:r(e.className,ql,L(ql,{focus:t})),children:e.children})};Na.states=WT;Na.options=XT;Na.className=ql;Na.defaultOptions=JT;Na.moduleName=no;Na.folderName=wo;import{jsx as zd}from"react/jsx-runtime";var Fd="k-toolbar-popup",YT=[],QT={size:[s.undefined,s.small,s.medium,s.large],fillMode:[g.undefined,g.solid,g.outline,g.flat]},ZT={},qo=e=>{let{size:t,fillMode:o,section:a,...i}=e;return zd(he,{...i,className:r(e.className,Fd),children:a?zd("span",{className:r("k-toolbar-items-list",y("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};qo.states=YT;qo.options=QT;qo.className=Fd;qo.defaultOptions=ZT;qo.moduleName=no;qo.folderName=wo;var ni=qo;import{jsx as B_}from"react/jsx-runtime";import{jsx as D_}from"react/jsx-runtime";import{jsx as F_}from"react/jsx-runtime";import{jsx as J_,jsxs as q_}from"react/jsx-runtime";import{jsx as j_}from"react/jsx-runtime";import{jsx as co,jsxs as ah}from"react/jsx-runtime";var jT=D.states,Ud={...D.defaultOptions,variant:"text"},eh=D.options,th=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],oh=[{name:"opened",title:"Opened"}],hr=e=>{let{variant:t,modifiers:o,...a}={...Ud,...e},i={},n=ah($e,{size:a.size,children:[co(Le,{first:!0,text:"Menu Item"}),co(Le,{text:"Menu Item"}),co(Le,{last:!0,text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(c=>{c==="opened"&&(i.opened=!!o?.[c],i.popup=o?.[c]?n:"")}),t){case"icon-only":return co("div",{children:co(D,{...a,...i,icon:"star"})});case"icon-and-text":return co("div",{children:co(D,{...a,...i,icon:"star",children:"Split Button"})});default:return co("div",{children:co(D,{...a,...i,children:"Split Button"})})}};hr.options=eh;hr.states=jT;hr.variants=th;hr.defaultOptions=Ud;hr.modifiers=oh;import{jsx as Yo,jsxs as rh}from"react/jsx-runtime";var Vd=e=>Yo(ne,{children:[Yo(d,{children:"Button"},"toolbar-button"),Yo(ue,{text:"Menu button"},"toolbar-menu-button"),Yo(D,{children:"Split button"},"toolbar-split-button"),rh(I,{children:[Yo(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Yo(d,{icon:"align-center",children:"Center"}),Yo(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as S2,jsxs as E2}from"react/jsx-runtime";import{jsx as Mt,jsxs as $d}from"react/jsx-runtime";var Wd=e=>Mt(ne,{scrollable:!0,...e,children:[Mt(d,{children:"Button"},"toolbar-button"),Mt(ue,{text:"Menu button"},"toolbar-menu-button"),Mt(D,{children:"Split button"},"toolbar-split-button"),$d(I,{children:[Mt(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Mt(d,{icon:"align-center",children:"Center"}),Mt(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Mt(d,{children:"Button"},"toolbar-button"),Mt(ue,{text:"Menu button"},"toolbar-menu-button"),Mt(D,{children:"Split button"},"toolbar-split-button"),$d(I,{children:[Mt(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Mt(d,{icon:"align-center",children:"Center"}),Mt(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as wt,jsxs as Xd}from"react/jsx-runtime";var Jd=({scrollingPosition:e="start",...t})=>wt(ne,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[wt(d,{children:"Button"},"toolbar-button"),wt(ue,{text:"Menu button"},"toolbar-menu-button"),wt(D,{children:"Split button"},"toolbar-split-button"),Xd(I,{children:[wt(d,{className:"k-group-start",icon:"align-left",children:"Left"}),wt(d,{icon:"align-center",children:"Center"}),wt(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),wt(d,{children:"Button"},"toolbar-button"),wt(ue,{text:"Menu button"},"toolbar-menu-button"),wt(D,{children:"Split button"},"toolbar-split-button"),Xd(I,{children:[wt(d,{className:"k-group-start",icon:"align-left",children:"Left"}),wt(d,{icon:"align-center",children:"Center"}),wt(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as ih,jsx as st,jsxs as si}from"react/jsx-runtime";var qd=({fillMode:e,size:t,...o})=>si(ih,{children:[st(ne,{section:!0,fillMode:e,size:t,children:[st(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),si(I,{fillMode:e,children:[st(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),st(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),st(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),st(Ut,{className:"k-toolbar-button-separator"}),st(d,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),si(ni,{size:t,fillMode:e,section:!0,...o,children:[st(D,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),st(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),st(Ut,{}),st(ue,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),si(I,{fillMode:e,children:[st(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),st(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),st(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as s3,jsx as l3,jsxs as n3}from"react/jsx-runtime";import{Fragment as N3,jsx as h3,jsxs as x3}from"react/jsx-runtime";import{jsx as yo}from"react/jsx-runtime";var lh=ne.options,nh=ne.states,Yd={...ne.defaultOptions,variant:"default"},sh=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],dh=[],xr=e=>{let{variant:t,...o}={...Yd,...e};switch(t){case"responsive":return yo("div",{children:yo(qd,{style:{width:"583px"},...o})});case"overlay":return yo("div",{children:yo(Jd,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return yo("div",{children:yo(Wd,{style:{width:"583px"},...o})});default:return yo("div",{children:yo(Vd,{style:{width:"583px"},...o})})}};xr.options=lh;xr.states=nh;xr.variants=sh;xr.defaultOptions=Yd;xr.modifiers=dh;var jt="file-manager",eo="filemanager";import{jsx as uh}from"react/jsx-runtime";var Qd="k-filemanager-toolbar",ch=[],mh={},ph={},We=e=>{let{children:t,...o}=e;return uh(ne,{...o,className:r(e.className,Qd),children:t})};We.states=ch;We.options=mh;We.className=Qd;We.defaultOptions=ph;We.moduleName=jt;We.folderName=eo;var Yl="switch",Zd=Yl;import{jsx as di,jsxs as jd}from"react/jsx-runtime";var So="k-switch",bh=[l.hover,l.focus,l.disabled,l.readonly,l.checked],fh={size:[s.undefined,s.small,s.medium,s.large],trackRounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],thumbRounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full]},Th={},ge=e=>{let{checked:t,onLabel:o,offLabel:a,size:i,trackRounded:n,thumbRounded:c,hover:p,focus:u,disabled:h,readonly:k,...v}=e;return jd("span",{...v,className:r(e.className,So,y(So,{size:i}),L(So,{hover:p,focus:u,disabled:h,readonly:k}),{[`${So}-on`]:t,[`${So}-off`]:!t}),role:"switch","aria-checked":t?"true":"false",tabIndex:h?void 0:0,"aria-disabled":h?"true":void 0,"aria-readonly":k?"true":void 0,children:[jd("span",{className:r("k-switch-track",y(So,{rounded:n})),children:[o&&di("span",{className:"k-switch-label-on",children:o}),a&&di("span",{className:"k-switch-label-off",children:a})]}),di("span",{className:"k-switch-thumb-wrap",children:di("span",{className:r("k-switch-thumb",y(So,{rounded:c}))})})]})};ge.states=bh;ge.options=fh;ge.className=So;ge.defaultOptions=Th;ge.moduleName=Yl;ge.folderName=Zd;ge.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 az}from"react/jsx-runtime";import{jsx as nz}from"react/jsx-runtime";import{jsx as mz}from"react/jsx-runtime";import{jsx as fz}from"react/jsx-runtime";import{jsx as ec}from"react/jsx-runtime";var hh=ge.options,xh=ge.states,Nh={...ge.defaultOptions,variant:"on"},gh=[{name:"on",title:"On"},{name:"off",title:"Off"}],kh=[],Nr=e=>{let{variant:t,...o}=e;return t==="off"?ec(ge,{checked:!1,onLabel:"On",offLabel:"Off",...o}):ec(ge,{checked:!0,onLabel:"On",offLabel:"Off",...o})};Nr.options=hh;Nr.states=xh;Nr.variants=gh;Nr.defaultOptions=Nh;Nr.modifiers=kh;import{Fragment as Mh,jsx as dt,jsxs as gr}from"react/jsx-runtime";var Zl="k-filemanager",vh=[l.disabled],Lh={},Ch=dt(Mh,{children:gr(We,{children:[dt(d,{children:"New Folder"}),dt(d,{children:"Upload"}),gr(I,{children:[dt(d,{className:"k-group-start",icon:"sort-asc-small"}),dt(d,{className:"k-group-end",icon:"sort-desc-small"})]}),dt(D,{text:"Sort By"}),gr(I,{children:[dt(d,{className:"k-group-start",icon:"grid-layout"}),dt(d,{className:"k-group-end",icon:"grid"})]}),dt("div",{className:"k-spacer"}),gr("div",{className:"k-filemanager-details-toggle",children:[dt("label",{children:"View Details"}),dt(ge,{})]}),dt(ve,{className:"k-filemanager-search-tool",placeholder:"Search..."})]})}),tc={toolbar:Ch},Ke=e=>{let{disabled:t,toolbar:o=tc.toolbar,...a}=e;return gr("div",{...a,className:r(e.className,Zl,L(Zl,{disabled:t})),children:[dt("div",{className:"k-filemanager-header",children:o}),dt("div",{className:"k-filemanager-content-container",children:e.children})]})};Ke.states=vh;Ke.options=Lh;Ke.className=Zl;Ke.defaultOptions=tc;Ke.moduleName=jt;Ke.folderName=eo;var jl="breadcrumb",oc=jl;import{jsx as Sh}from"react/jsx-runtime";var ci="k-breadcrumb",wh=[l.focus],yh={size:[s.undefined,s.small,s.medium,s.large]},ac={collapsing:"auto"},Re=e=>{let{size:t,collapsing:o=ac.collapsing,focus:a,...i}=e;return Sh("nav",{...i,className:r(e.className,ci,L(ci,{focus:a}),y(ci,{size:t}),{"k-breadcrumb-wrap":o==="wrap"}),"aria-label":"Breadcrumb",children:e.children})};Re.states=wh;Re.options=yh;Re.className=ci;Re.defaultOptions=ac;Re.moduleName=jl;Re.folderName=oc;Re.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 $z}from"react/jsx-runtime";import{jsx as qz}from"react/jsx-runtime";import{jsx as Ih}from"react/jsx-runtime";var Eh="k-breadcrumb-container",Ah={collapsing:"auto"},ot=e=>{let{collapsing:t=Ah.collapsing,...o}=e;return Ih("ol",{...o,className:r(e.className,Eh,{"!k-flex-wrap":t==="wrap","k-flex-none":t==="none"}),children:e.children})};import{jsx as Oh}from"react/jsx-runtime";var Rh="k-breadcrumb-item",Te=e=>{let{root:t,last:o,...a}=e;return Oh("li",{...a,className:r(e.className,Rh,{"k-breadcrumb-root-item":t,"k-breadcrumb-last-item":o}),children:e.children})};import{jsx as Kh}from"react/jsx-runtime";var Bh="",Ph=[l.hover,l.focus,l.disabled],be=e=>{let{root:t,icon:o,icontext:a,hover:i,focus:n,disabled:c,last:p,...u}=e;return Kh("a",{href:"#",...u,className:r(e.className,L(Bh,{hover:i,focus:n,disabled:c}),{"k-breadcrumb-link":!t,"k-breadcrumb-root-link":t,"k-breadcrumb-icon-link":o,"k-breadcrumb-icontext-link":a}),...p&&{"aria-current":"page"},...p&&{"aria-disabled":"true"},children:e.children})};be.states=Ph;import{jsx as Dh}from"react/jsx-runtime";var Hh="k-breadcrumb-item-text",_t=e=>{let{text:t,...o}=e,a=t\|\|e.children;return Dh("span",{...o,className:r(e.className,Hh),children:a})};import{Fragment as b5,jsx as p5,jsxs as u5}from"react/jsx-runtime";import{Fragment as k5,jsx as N5,jsxs as g5}from"react/jsx-runtime";import{Fragment as E5,jsx as y5,jsxs as S5}from"react/jsx-runtime";import{jsx as z,jsxs as Xe}from"react/jsx-runtime";var Gh=Re.options,_h=Re.states,zh={...Re.defaultOptions,variant:"text"},Fh=[{name:"text",title:"Text"},{name:"icon",title:"Icon"},{name:"icon-and-text",title:"Icon & Text"}],Uh=[],kr=e=>{let{variant:t,...o}=e;switch(t){case"icon":return z(Re,{...o,children:Xe(ot,{children:[Xe(Te,{root:!0,children:[z(be,{root:!0,icon:!0,onClick:a=>a.preventDefault(),children:z(b,{icon:"cart"})}),z(b,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),Xe(Te,{children:[z(be,{icon:!0,onClick:a=>a.preventDefault(),children:z(b,{icon:"js"})}),z(b,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),Xe(Te,{children:[z(be,{icon:!0,onClick:a=>a.preventDefault(),children:z(b,{icon:"truck"})}),z(b,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),z(Te,{last:!0,children:z(be,{icon:!0,onClick:a=>a.preventDefault(),children:z(b,{icon:"wallet-outline"})})})]})});case"icon-and-text":return z(Re,{...o,children:Xe(ot,{children:[Xe(Te,{root:!0,children:[Xe(be,{root:!0,icontext:!0,onClick:a=>a.preventDefault(),children:[z(b,{icon:"cart"}),z(_t,{text:"Cart"})]}),z(b,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),Xe(Te,{children:[Xe(be,{icontext:!0,onClick:a=>a.preventDefault(),children:[z(b,{icon:"js"}),z(_t,{text:"Billing"})]}),z(b,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),Xe(Te,{children:[Xe(be,{icontext:!0,onClick:a=>a.preventDefault(),children:[z(b,{icon:"truck"}),z(_t,{text:"Shipping"})]}),z(b,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),z(Te,{last:!0,children:Xe(be,{icontext:!0,onClick:a=>a.preventDefault(),children:[z(b,{icon:"wallet-outline"}),z(_t,{text:"Payment"})]})})]})});default:return z(Re,{...o,children:Xe(ot,{children:[Xe(Te,{root:!0,children:[z(be,{root:!0,onClick:a=>a.preventDefault(),children:z(_t,{text:"Cart"})}),z(b,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),Xe(Te,{children:[z(be,{onClick:a=>a.preventDefault(),children:z(_t,{text:"Billing"})}),z(b,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),Xe(Te,{children:[z(be,{onClick:a=>a.preventDefault(),children:z(_t,{text:"Shipping"})}),z(b,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),z(Te,{last:!0,children:z(be,{onClick:a=>a.preventDefault(),children:z(_t,{text:"Payment"})})})]})})}};kr.options=Gh;kr.states=_h;kr.variants=Fh;kr.defaultOptions=zh;kr.modifiers=Uh;import{jsx as Xh}from"react/jsx-runtime";var rc="k-filemanager-breadcrumb",Vh=[],$h={},Wh={},ct=e=>{let{children:t,...o}=e;return Xh(Re,{className:r(e.className,rc),...o,children:t})};ct.states=Vh;ct.options=$h;ct.className=rc;ct.defaultOptions=Wh;ct.moduleName=jt;ct.folderName=eo;var en="pager",ic=en;import{Fragment as lc,jsx as mt,jsxs as ga}from"react/jsx-runtime";var mi="k-pager",Jh=[l.focus,l.disabled],qh={size:[s.undefined,s.small,s.medium,s.large]},yt={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},Se=e=>{let{responsive:t=yt.responsive,size:o,pagerSizeInfo:a=yt.pagerSizeInfo,pageTitleInfo:i=yt.pageTitleInfo,maxPagesInfo:n=yt.maxPagesInfo,itemsPerPage:c=yt.itemsPerPage,maxPages:p=yt.maxPages,currentPage:u=yt.currentPage,previousNext:h=yt.previousNext,type:k=yt.type,pageSizes:v=yt.pageSizes,refresh:f=yt.refresh,info:M=yt.info,focus:C,disabled:E,dir:O,...R}=e,_=[],fe=[];for(let Ee=1;Ee<=p;Ee++)_.push(mt(d,{selected:Ee===u,fillMode:"flat",themeColor:"primary",size:o,children:Ee})),fe.push(mt("option",{selected:Ee===u,children:Ee}));return ga("div",{dir:O,...R,className:r(e.className,mi,y(mi,{size:o}),L(mi,{focus:C,disabled:E}),{"k-pager-responsive":t}),children:[ga("div",{className:r("k-pager-numbers-wrap"),children:[h&&ga(lc,{children:[mt(d,{className:r("k-pager-nav","k-pager-first"),disabled:u===1&&!E,fillMode:"flat",size:o,icon:O==="rtl"?"caret-alt-to-right":"caret-alt-to-left"}),mt(d,{className:r("k-pager-nav"),disabled:u===1&&!E,fillMode:"flat",size:o,icon:O==="rtl"?"caret-alt-right":"caret-alt-left"})]}),k==="numeric"&&mt("div",{className:r("k-pager-numbers"),children:_}),k==="input"&&ga("span",{className:r("k-pager-input"),children:[i&&mt("span",{children:"Page"}),mt(V,{value:`${u}`,size:o,showSpinButton:!1,showClearButton:!1}),mt("span",{children:n&&`of ${p}`})]}),h&&ga(lc,{children:[mt(d,{className:r("k-pager-nav"),disabled:u===p&&!E,fillMode:"flat",size:o,icon:O==="rtl"?"caret-alt-left":"caret-alt-right"}),mt(d,{className:r("k-pager-nav","k-pager-last"),disabled:u===p&&!E,fillMode:"flat",size:o,icon:O==="rtl"?"caret-alt-to-left":"caret-alt-to-right"})]})]}),v&&ga("span",{className:r("k-pager-sizes"),children:[mt(pe,{value:`${c}`,size:o}),a&&mt("span",{children:"items per page"})]}),f&&mt(d,{className:r("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw"}),M&&mt("span",{className:r("k-pager-info"),children:M})]})};Se.states=Jh;Se.options=qh;Se.className=mi;Se.defaultOptions=yt;Se.moduleName=en;Se.folderName=ic;import{jsx as Yh}from"react/jsx-runtime";var nc=e=>Yh(Se,{...e,responsive:!1});import{jsx as hF}from"react/jsx-runtime";import{jsx as kF}from"react/jsx-runtime";import{jsx as sc}from"react/jsx-runtime";var Qh=Se.options,Zh=Se.states,jh={...Se.defaultOptions,variant:"numeric"},ex=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],tx=[],vr=e=>{let{variant:t,...o}=e;return t==="input"?sc(Se,{...o,type:"input"}):sc(Se,{...o,type:"numeric"})};vr.options=Qh;vr.states=Zh;vr.variants=ex;vr.defaultOptions=jh;vr.modifiers=tx;var Lr="listview",pi=Lr;import{Fragment as rx,jsx as Eo,jsxs as dc}from"react/jsx-runtime";var tn="k-listview",ox=[l.loading,l.disabled],ax={},cc={pagerPosition:"bottom"},pt=e=>{let{header:t,footer:o,pageable:a,pagerPosition:i=cc.pagerPosition,bordered:n,layout:c,flexDirection:p,flexWrap:u,gridColumns:h,loading:k,disabled:v,...f}=e,M=Eo(nc,{className:`k-listview-pager k-listview-pager-${i}`}),C=Eo(rx,{children:dc("div",{className:"k-loading-mask",style:{height:"100%",width:"100%"},children:[Eo("span",{className:"k-loading-text",children:"Loading..."}),Eo("div",{className:"k-loading-image"}),Eo("div",{className:"k-loading-color"})]})});return dc("div",{...f,className:r(e.className,tn,{"k-listview-bordered":n},L(tn,{disabled:v,loading:k})),children:[a&&i==="top"&&M,t&&Eo("div",{className:"k-listview-header",children:"Header"}),Eo("div",{className:r("k-listview-content",{[`k-d-${c}`]:c,[`k-flex-${p}`]:p,[`k-flex-${u}`]:u,[`k-grid-cols-${h}`]:h}),children:e.children}),k&&C,o&&Eo("div",{className:"k-listview-footer",children:"Footer"}),a&&i==="bottom"&&M]})};pt.states=ox;pt.options=ax;pt.className=tn;pt.defaultOptions=cc;pt.moduleName=Lr;pt.folderName=pi;import{jsx as sx}from"react/jsx-runtime";var on="k-listview-item",ix=[l.focus,l.selected],lx={},nx={},Z=e=>{let{focus:t,selected:o,...a}=e;return sx("div",{...a,className:r(e.className,on,L(on,{focus:t,selected:o})),children:e.children})};Z.states=ix;Z.options=lx;Z.className=on;Z.defaultOptions=nx;Z.moduleName=Lr;Z.folderName=pi;import{Fragment as dx,jsx as Qo,jsxs as cx}from"react/jsx-runtime";var an=e=>Qo(pt,{children:cx(dx,{children:[Qo(Z,{children:Qo("div",{children:"Listview Item"})}),Qo(Z,{children:Qo("div",{children:"Listview Item"})}),Qo(Z,{children:Qo("div",{children:"Listview Item"})})]}),...e});import{jsx as Vt,jsxs as mc}from"react/jsx-runtime";var mx=pt.options,px=pt.states,pc={...pt.defaultOptions,variant:"flex"},ux=[{name:"flex",title:"Flex"},{name:"grid",title:"Grid"}],bx=[{name:"loading",title:"Loading"},{name:"pageable",title:"Pager"}],Cr=e=>{let{variant:t,modifiers:o,...a}={...pc,...e},i={};return Object.keys(o\|\|{}).forEach(n=>{switch(n){case"loading":i.loading=!!o?.[n];break;case"pageable":i.pageable=!!o?.[n];break;default:break}}),t==="grid"?mc(an,{style:{width:"324px"},...a,...i,bordered:!0,layout:"grid",gridColumns:2,children:[Vt(Z,{className:"k-p-2",children:"Listview Item"}),Vt(Z,{className:"k-p-2",children:"Listview Item"}),Vt(Z,{className:"k-p-2",selected:!0,children:"Listview Item"}),Vt(Z,{className:"k-p-2",children:"Listview Item"}),Vt(Z,{className:"k-p-2",children:"Listview Item"}),Vt(Z,{className:"k-p-2",children:"Listview Item"})]}):mc(an,{style:{width:"324px"},...a,...i,bordered:!0,layout:"flex",flexDirection:"col",children:[Vt(Z,{className:"k-p-2",children:"Listview Item"}),Vt(Z,{className:"k-p-2",children:"Listview Item"}),Vt(Z,{className:"k-p-2",selected:!0,children:"Listview Item"}),Vt(Z,{className:"k-p-2",children:"Listview Item"}),Vt(Z,{className:"k-p-2",children:"Listview Item"})]})};Cr.options=mx;Cr.states=px;Cr.variants=ux;Cr.defaultOptions=pc;Cr.modifiers=bx;import{jsx as xx}from"react/jsx-runtime";var uc="k-filemanager-listview",fx=[],Tx={},hx={},to=e=>{let{children:t,...o}=e;return xx(pt,{className:r(e.className,uc,"k-selectable"),layout:"flex",flexDirection:"row",flexWrap:"wrap",...o,children:t})};to.states=fx;to.options=Tx;to.className=uc;to.defaultOptions=hx;to.moduleName=jt;to.folderName=eo;import ln from"react";import rn from"react";import{jsx as gx}from"react/jsx-runtime";var Nx="k-treeview-group",Ao=e=>{let{children:t,dir:o,level:a=1,...i}=e;return gx("ul",{...i,className:r(e.className,Nx),children:rn.Children.map(t,(n,c)=>rn.isValidElement(n)?rn.cloneElement(n,{dir:o,level:a,key:c}):n)})};var Mr="treeview",ui=Mr;import{jsx as bc}from"react/jsx-runtime";var nn="k-treeview",kx=[],vx={size:[s.undefined,s.small,s.medium,s.large]},Lx={},He=e=>{let{size:t,children:o,dir:a,...i}=e;return bc("div",{...i,dir:a,className:r(e.className,nn,y(nn,{size:t})),children:bc(Ao,{className:"k-treeview-lines",dir:a,children:ln.Children.map(o,(n,c)=>ln.isValidElement(n)?ln.cloneElement(n,{dir:a,key:c}):n)})})};He.states=kx;He.options=vx;He.className=nn;He.defaultOptions=Lx;He.moduleName=Mr;He.folderName=ui;import dn from"react";import{jsx as fc,jsxs as wx}from"react/jsx-runtime";var sn="k-treeview-leaf",Cx=[l.hover,l.focus,l.selected],Mx={},bi=e=>{let{text:t,showIcon:o,icon:a,hover:i,focus:n,selected:c,...p}=e;return wx("span",{...p,className:r(e.className,sn,L(sn,{hover:i,focus:n,selected:c})),children:[o&&fc(b,{icon:a}),fc("span",{className:"k-treeview-leaf-text",children:t})]})};bi.states=Cx;bi.options=Mx;bi.className=sn;var Tc=bi;import{jsx as fi,jsxs as hc}from"react/jsx-runtime";var xc="k-treeview-item",yx=[l.hover,l.focus,l.selected,l.disabled],Sx={},Ex={},j=e=>{let{leafClassName:t,children:o,hasChildren:a,expanded:i,text:n,showIcon:c,icon:p,showCheckbox:u,checked:h,hover:k,focus:v,selected:f,disabled:M,dir:C,level:E=1,...O}=e,R=a\|\|o;return hc("li",{...O,className:r(e.className,xc),style:{"--kendo-treeview-level":E},children:[hc("span",{className:r("k-treeview-item-content",L("k-treeview-item-content",{hover:k,focus:v,selected:f,disabled:M})),children:[R&&fi("span",{className:r("k-treeview-toggle",L("k-treeview-toggle",{disabled:M})),children:fi(b,{icon:i?"chevron-down":C==="rtl"?"chevron-left":"chevron-right"})}),u&&fi(Ue,{checked:h,disabled:M}),fi(Tc,{className:t,text:n,showIcon:c,icon:p})]}),i&&R&&dn.Children.map(o,(_,fe)=>dn.isValidElement(_)?dn.cloneElement(_,{dir:C,level:E+1,key:fe}):_)]})};j.states=yx;j.options=Sx;j.className=xc;j.defaultOptions=Ex;j.moduleName=Mr;j.folderName=ui;import{jsx as BU}from"react/jsx-runtime";import{jsx as DU,jsxs as GU}from"react/jsx-runtime";import{jsx as UU,jsxs as VU}from"react/jsx-runtime";import{jsx as JU,jsxs as qU}from"react/jsx-runtime";import{jsx as jU,jsxs as e6}from"react/jsx-runtime";import{jsx as Zo,jsxs as cn}from"react/jsx-runtime";var Ax=He.options,Ix=He.states,Rx=He.defaultOptions,Ox=[{name:"checkboxes",title:"Show `Checkbox`",default:!1}],Bx=[],wr=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(i=>{i==="checkboxes"&&(a.showCheckbox=t?.[i])}),cn(He,{...o,children:[Zo(j,{text:"Furniture",expanded:!0,...a,children:cn(Ao,{children:[Zo(j,{text:"Tables & Chairs",...a}),Zo(j,{text:"Sofas",...a}),Zo(j,{text:"Occasional Furniture",...a})]})}),cn(j,{text:"Decor",expanded:!1,...a,children:[Zo(j,{text:"Bed Linen",...a}),Zo(j,{text:"Curtains & Blinds",...a}),Zo(j,{text:"Carpets",...a})]})]})};wr.options=Ax;wr.states=Ix;wr.variants=Bx;wr.defaultOptions=Rx;wr.modifiers=Ox;import{jsx as Dx}from"react/jsx-runtime";var Nc="k-filemanager-treeview",Px=[],Kx={},Hx={},ut=e=>{let{children:t,...o}=e;return Dx(He,{className:r(e.className,Nc),...o,children:t})};ut.states=Px;ut.options=Kx;ut.className=Nc;ut.defaultOptions=Hx;ut.moduleName=jt;ut.folderName=eo;import{jsx as gc,jsxs as zx}from"react/jsx-runtime";var kc="k-filemanager-drag-hint",Gx=[],_x={},vc={icon:"file"},Ti=e=>{let{hint:t,icon:o=vc.icon,...a}=e;return zx("div",{className:r(e.className,kc,"k-drag-clue"),...a,children:[gc(b,{icon:o}),gc("span",{children:t})]})};Ti.states=Gx;Ti.options=_x;Ti.className=kc;Ti.defaultOptions=vc;import{Fragment as yr,jsx as bt,jsxs as ka}from"react/jsx-runtime";var Lc="k-file-info",Fx=[],Ux={},mn={name:"No File Selected",icon:"file"},Io=e=>{let{selection:t,name:o=mn.name,icon:a=mn.icon,fileType:i,fileSize:n,fileDateCreated:c,fileDateModified:p,...u}=e;return ka("div",{...u,className:r(e.className,Lc),children:[bt(De,{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"&&bt(yr,{children:ka("dl",{className:"k-file-meta",children:[i&&ka(yr,{children:[bt("dt",{className:"k-file-meta-label",children:"Type: "}),bt("dd",{className:"k-file-meta-value k-file-type",children:i}),bt("dd",{className:"k-line-break"})]}),n&&ka(yr,{children:[bt("dt",{className:"k-file-meta-label",children:"Size: "}),bt("dd",{className:"k-file-meta-value k-file-size",children:n}),bt("dd",{className:"k-line-break"})]}),c&&ka(yr,{children:[bt("dt",{className:"k-file-meta-label",children:"Date Created: "}),bt("dd",{className:"k-file-meta-value k-file-created",children:c}),bt("dd",{className:"k-line-break"})]}),p&&ka(yr,{children:[bt("dt",{className:"k-file-meta-label",children:"Date Modified: "}),bt("dd",{className:"k-file-meta-value k-file-modified",children:p}),bt("dd",{className:"k-line-break"})]})]})})]})};Io.states=Fx;Io.options=Ux;Io.className=Lc;Io.defaultOptions=mn;import{Fragment as Xx,jsx as pn,jsxs as Jx}from"react/jsx-runtime";var Cc="k-file-preview",Vx=[],$x={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge]},Wx={},De=e=>{let{size:t,icon:o,name:a,...i}=e;return Jx(Xx,{children:[pn("span",{...i,className:r(Cc),children:pn(b,{className:"k-file-icon",icon:o,size:t})}),pn("span",{className:r(e.className,"k-file-name"),children:a})]})};De.states=Vx;De.options=$x;De.className=Cc;De.defaultOptions=Wx;import{jsx as Qx}from"react/jsx-runtime";var jo="k-pane",qx=[],Yx={},un={resizable:!0,flex:!1},te=e=>{let{scrollable:t,flexBasis:o,flex:a=un.flex,collapsible:i,resizable:n=un.resizable,pinned:c,unpinned:p,tabbed:u,...h}=e;return Qx("div",{...h,style:{flexBasis:o,...e.style},className:r(e.className,jo,{[`${jo}-static`]:o,[`${jo}-flex`]:a,"k-scrollable":t,[`${jo}-pinned`]:c,[`${jo}-unpinned`]:p,[`${jo}-tabbed`]:u}),role:"group",children:e.children})};te.states=qx;te.options=Yx;te.className=jo;te.defaultOptions=un;import{Fragment as Mc,jsx as ea,jsxs as eN}from"react/jsx-runtime";var va="k-splitbar",Zx=[l.hover,l.focus],jx={},bn={orientation:"horizontal",draggable:!0},La=e=>{let{hover:t,focus:o,orientation:a=bn.orientation,draggable:i=bn.draggable,collapsePrev:n,collapseNext:c,ariaLabel:p,...u}=e;return eN("div",{...u,className:r(e.className,va,L(va,{hover:t,focus:o}),{[`${va}-${a}`]:a,[`${va}-draggable-${a}`]:i,[`${va}-static-${a}`]:!i&&!n&&!c}),role:"separator","aria-label":p,...a==="horizontal"&&{"aria-orientation":"vertical"},"aria-keyshortcuts":"ArrowLeft ArrowRight ArrowUp ArrowDown",children:[n&&ea(Mc,{children:ea("div",{className:"k-collapse-prev",children:ea(b,{icon:`caret-alt-${a==="horizontal"?"left":"up"}`,size:"xsmall"})})}),ea("div",{className:"k-resize-handle"}),c&&ea(Mc,{children:ea("div",{className:"k-collapse-next",children:ea(b,{icon:`caret-alt-${a==="horizontal"?"right":"down"}`,size:"xsmall"})})})]})};La.states=Zx;La.options=jx;La.className=va;La.defaultOptions=bn;var fn="splitter",wc=fn;import{jsx as aN,jsxs as rN}from"react/jsx-runtime";import{createElement as oN}from"react";var Tn="k-splitter",tN={},yc={orientation:"horizontal"},Ce=e=>{let{orientation:t=yc.orientation,children:o,panes:a,...i}=e,n=[];return a&&a.forEach((c,p)=>{let u=a[p+1],h=c.props,k=u?.props;n.push(oN(te,{...h,key:p})),u&&n.push(aN(La,{draggable:h.resizable!==!1&&k.resizable!==!1,collapsePrev:h.collapsible,collapseNext:k.collapsible,orientation:t,ariaLabel:"Pane separator"},`splitbar-${p}`))}),rN("div",{...i,className:r(e.className,Tn,{[`${Tn}-${t}`]:t},"k-splitter-flex"),children:[n,o]})};Ce.options=tN;Ce.className=Tn;Ce.defaultOptions=yc;Ce.moduleName=fn;Ce.folderName=wc;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 t9,jsxs as o9}from"react/jsx-runtime";import{jsx as l9,jsxs as n9}from"react/jsx-runtime";import{jsx as Ca}from"react/jsx-runtime";import{createElement as hi}from"react";var iN=Ce.options,lN=Ce.states,Sc={...Ce.defaultOptions,variant:"horizontal",firstPaneProps:!0,secondPaneProps:!0},nN=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],sN=[{name:"firstPaneProps",title:"Collapsible Left"},{name:"secondPaneProps",title:"Collapsible Right"}],Sr=e=>{let{variant:t,modifiers:o,...a}={...Sc,...e},i=u=>({collapsible:u,content:u?"Resizable and collapsible":"Resizable only"}),n=i(!0),c=i(!0),p={display:"flex",justifyContent:"center",alignItems:"center"};return Object.keys(o\|\|{}).forEach(u=>{let h=o?.[u];switch(u){case"secondPaneProps":c=i(!!h);break;case"firstPaneProps":n=i(!!h);break;default:break}}),t==="vertical"?Ca(Ce,{style:{height:"238px"},...a,orientation:"vertical",panes:[hi(te,{...n,flexBasis:"50%",style:p,key:"pane-1"},Ca("p",{children:n.content})),hi(te,{...c,flexBasis:"50%",style:p,key:"pane-2"},Ca("p",{children:c.content}))]}):Ca(Ce,{style:{height:"238px"},...a,orientation:"horizontal",panes:[hi(te,{...n,flexBasis:"50%",style:p,key:"pane-1"},Ca("p",{children:n.content})),hi(te,{...c,flexBasis:"50%",style:p,key:"pane-2"},Ca("p",{children:c.content}))]})};Sr.options=iN;Sr.states=lN;Sr.variants=nN;Sr.defaultOptions=Sc;Sr.modifiers=sN;import{Fragment as dN,jsx as se,jsxs as Ma}from"react/jsx-runtime";var Ec=e=>se(Ke,{toolbar:Ma(We,{children:[se(d,{children:"New Folder"}),se(d,{children:"Upload"}),Ma(I,{children:[se(d,{className:"k-group-start",icon:"sort-asc-small"}),se(d,{className:"k-group-end",icon:"sort-desc-small"})]}),se(D,{text:"Sort By"}),Ma(I,{children:[se(d,{className:"k-group-start",icon:"grid"}),se(d,{className:"k-group-end",icon:"grid-layout",selected:!0})]}),se("div",{className:"k-spacer"}),Ma("div",{className:"k-filemanager-details-toggle",children:[se("label",{children:"View Details"}),se(ge,{})]}),se(ve,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:se(dN,{children:se(Ce,{className:"k-filemanager-splitter",panes:[se(te,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:se(ut,{children:se(j,{text:"Folder"})})},"pane-1"),Ma(te,{className:"k-filemanager-content",scrollable:!0,children:[se(ct,{children:se(ot,{children:se(Te,{root:!0,children:se(be,{root:!0,icon:!0,children:se(b,{icon:"home"})})})})}),Ma(to,{children:[se(Z,{children:se(De,{name:"Folder",icon:"folder",size:"xxxlarge"})}),se(Z,{children:se(De,{name:"file.png",icon:"file-image",size:"xxxlarge"})})]})]},"pane-2")]})}),...e});import{Fragment as cN,jsx as ee,jsxs as wa}from"react/jsx-runtime";var Ac=e=>ee(Ke,{toolbar:wa(We,{children:[ee(d,{children:"New Folder"}),ee(d,{children:"Upload"}),wa(I,{children:[ee(d,{className:"k-group-start",icon:"sort-asc-small"}),ee(d,{className:"k-group-end",icon:"sort-desc-small"})]}),ee(D,{text:"Sort By"}),wa(I,{children:[ee(d,{className:"k-group-start",icon:"grid"}),ee(d,{className:"k-group-end",icon:"grid-layout",selected:!0})]}),ee("div",{className:"k-spacer"}),wa("div",{className:"k-filemanager-details-toggle",children:[ee("label",{children:"View Details"}),ee(ge,{checked:!0})]}),ee(ve,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:ee(cN,{children:ee(Ce,{className:"k-filemanager-splitter",panes:[ee(te,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:ee(ut,{children:ee(j,{text:"Folder"})})},"pane-1"),wa(te,{className:"k-filemanager-content",scrollable:!0,children:[ee(ct,{children:ee(ot,{children:ee(Te,{root:!0,children:ee(be,{root:!0,icon:!0,children:ee(b,{icon:"home"})})})})}),wa(to,{children:[ee(Z,{children:ee(De,{name:"Folder",icon:"folder",size:"xxxlarge"})}),ee(Z,{children:ee(De,{name:"file.png",icon:"file-image",size:"xxxlarge"})})]})]},"pane-2"),ee(te,{className:"k-filemanager-preview",collapsible:!0,scrollable:!0,flexBasis:"25%",children:ee(Io,{selection:"none",name:"No File Selected"})},"pane-3")]})}),...e});var Fe="table",Je=Fe;import{jsx as bN}from"react/jsx-runtime";var Ic="k-data-table",mN=[],pN={size:[s.undefined,s.small,s.medium,s.large]},uN={},mo=e=>{let{size:t,...o}=e;return bN("div",{...o,className:r(e.className,Ic,y("k-table",{size:t})),children:e.children})};mo.states=mN;mo.options=pN;mo.className=Ic;mo.defaultOptions=uN;mo.moduleName=Fe;mo.folderName=Je;import{jsx as xN}from"react/jsx-runtime";var hn="k-table-header-wrap",fN=[l.hover,l.focus,l.disabled],TN={},hN={},Ro=e=>{let{children:t,hover:o,focus:a,disabled:i,...n}=e;return xN("div",{...n,className:r(e.className,hn,L(hn,{hover:o,focus:a,disabled:i})),children:t})};Ro.states=fN;Ro.options=TN;Ro.className=hn;Ro.defaultOptions=hN;Ro.moduleName=Fe;Ro.folderName=Je;import{jsx as vN}from"react/jsx-runtime";var xn="k-table",NN=[],gN={size:[s.undefined,s.small,s.medium,s.large]},kN={},qe=e=>{let{size:t,...o}=e;return vN("table",{...o,className:r(e.className,xn,y(xn,{size:t})),children:e.children})};qe.states=NN;qe.options=gN;qe.className=xn;qe.defaultOptions=kN;qe.moduleName=Fe;qe.folderName=Je;import{jsx as Nn}from"react/jsx-runtime";var gn="k-table-header",LN=[l.hover,l.focus,l.disabled],CN={},MN={},po=e=>{let{children:t,hover:o,focus:a,disabled:i,...n}=e;return Nn("div",{...n,className:r(e.className,gn,L(gn,{hover:o,focus:a,disabled:i})),children:Nn(Ro,{children:Nn(qe,{children:t})})})};po.states=LN;po.options=CN;po.className=gn;po.defaultOptions=MN;po.moduleName=Fe;po.folderName=Je;import{jsx as EN}from"react/jsx-runtime";var Rc="k-table-scroller",wN=[],yN={},SN={},ya=e=>{let{children:t,...o}=e;return EN("div",{...o,className:r(e.className,Rc),children:t})};ya.states=wN;ya.options=yN;ya.className=Rc;ya.defaultOptions=SN;ya.moduleName=Fe;ya.folderName=Je;import{jsx as N7}from"react/jsx-runtime";import{jsx as ON}from"react/jsx-runtime";var Oc="k-table-footer",AN=[],IN={},RN={},Oo=e=>{let{children:t,...o}=e;return ON("div",{...o,className:r(e.className,Oc),children:t})};Oo.states=AN;Oo.options=IN;Oo.className=Oc;Oo.defaultOptions=RN;Oo.moduleName=Fe;Oo.folderName=Je;import{jsx as HN}from"react/jsx-runtime";var kn="k-table-list",BN=[],PN={size:[s.undefined,s.small,s.medium,s.large]},KN={},Bo=e=>{let{size:t,virtualization:o,...a}=e;return HN("ul",{...a,className:r(e.className,"k-table",kn,y(kn,{size:t}),{"k-virtual-table":o}),children:e.children})};Bo.states=BN;Bo.options=PN;Bo.className=kn;Bo.defaultOptions=KN;Bo.moduleName=Fe;Bo.folderName=Je;import{jsx as GN}from"react/jsx-runtime";var DN="k-table-thead",oe=e=>GN("thead",{className:r(e.className,DN),children:e.children});import{jsx as zN}from"react/jsx-runtime";var _N="k-table-tbody",de=e=>zN("tbody",{className:r(e.className,_N),children:e.children});import{jsx as H7}from"react/jsx-runtime";import{jsx as UN}from"react/jsx-runtime";var vn="k-table-row",FN=[l.hover,l.focus,l.selected,l.disabled,l.highlighted],S=e=>{let{hover:t,focus:o,selected:a,highlighted:i,disabled:n,alt:c,...p}=e;return UN("tr",{...p,className:r(e.className,vn,{"k-table-alt-row":c},L(vn,{hover:t,focus:o,disabled:n,selected:a,highlighted:i})),children:e.children})};S.states=FN;S.className=vn;import{jsx as $N}from"react/jsx-runtime";var Ln="k-table-row",VN=[l.hover,l.focus,l.selected,l.disabled],xi=e=>{let{hover:t,focus:o,selected:a,disabled:i,alt:n,...c}=e;return $N("li",{...c,className:r(e.className,Ln,{"k-table-alt-row":n},L(Ln,{hover:t,focus:o,disabled:i,selected:a})),children:e.children})};xi.states=VN;xi.className=Ln;import{jsx as WN}from"react/jsx-runtime";var Bc="k-table-th",uo=e=>{let{text:t,colspan:o,rowspan:a,...i}=e,n=t\|\|e.children;return WN("th",{colSpan:o,rowSpan:a,...i,className:r(e.className,Bc),children:n})};uo.className=Bc;uo.moduleName=Fe;uo.folderName=Je;import{jsx as Q7}from"react/jsx-runtime";import{jsx as JN}from"react/jsx-runtime";var Cn="k-table-td",XN=[l.focus,l.selected,l.highlighted],m=e=>{let{focus:t,selected:o,highlighted:a,text:i,colspan:n,rowspan:c,...p}=e,u=i\|\|e.children;return JN("td",{colSpan:n,rowSpan:c,...p,className:r(e.className,Cn,L(Cn,{focus:t,selected:o,highlighted:a})),children:u})};m.states=XN;m.className=Cn;import{jsx as r4}from"react/jsx-runtime";import{jsx as s4}from"react/jsx-runtime";import{jsx as p4}from"react/jsx-runtime";import{jsx as T4}from"react/jsx-runtime";import{jsx as g4}from"react/jsx-runtime";import{jsx as y4,jsxs as S4}from"react/jsx-runtime";import{jsx as R4,jsxs as O4}from"react/jsx-runtime";import{jsx as H4,jsxs as D4}from"react/jsx-runtime";import{Fragment as V4,jsx as F4,jsxs as U4}from"react/jsx-runtime";var q="grid",Y=q;import{jsx as tg,jsxs as og}from"react/jsx-runtime";var Ni="k-grid",ZN=[],jN={size:[s.undefined,s.small,s.medium,s.large]},eg=[],Kc={pagerPosition:"bottom"},$=e=>{let{size:t,pagerPosition:o=Kc.pagerPosition,toolbar:a,pager:i,groupingHeader:n,gridSelectionAggregates:c,_renderAriaRoot:p,resizable:u,...h}=e;return og("div",{...h,className:r(e.className,Ni,{[`${Ni}-resizable`]:u},y(Ni,{size:t})),children:[a,o==="top"&&i,n,e.children&&p?tg("div",{className:"k-grid-aria-root",children:e.children}):e.children,c,o==="bottom"&&i]})};$.states=ZN;$.options=jN;$.variants=eg;$.className=Ni;$.defaultOptions=Kc;$.moduleName=q;$.folderName=Y;import{jsx as ag}from"react/jsx-runtime";var Hc="k-grid-header",ce=e=>{let{draggable:t,...o}=e;return ag("div",{...o,className:r(e.className,Hc,{"k-grid-draggable-header":t}),children:e.children})};ce.className=Hc;ce.moduleName=q;ce.folderName=Y;import{jsx as Dc,jsxs as rg}from"react/jsx-runtime";var Gc="k-grouping-header",Po=e=>{let{dropHint:t,dropClue:o,...a}=e;return rg("div",{...a,className:r(e.className,Gc),children:[o&&Dc("div",{className:"k-grouping-dropclue"}),e.children,Dc("div",{className:"k-grouping-drop-container",children:t})]})};Po.className=Gc;Po.moduleName=q;Po.folderName=Y;import{jsx as ig}from"react/jsx-runtime";var _c="k-grid-sticky-container",zc={position:"top"},gi=e=>{let{position:t=zc.position,...o}=e;return ig("div",{...o,className:r(e.className,_c,{"k-grid-sticky-top-container":t==="top","k-grid-sticky-bottom-container":t==="bottom"}),children:e.children})};gi.className=_c;gi.defaultProps=zc;gi.moduleName=q;gi.folderName=Y;import{jsx as lg}from"react/jsx-runtime";var Fc="k-grid-header-table",me=e=>lg(qe,{...e,className:r(e.className,Fc),children:e.children});me.className=Fc;me.moduleName=q;me.folderName=Y;import{jsx as Ko,jsxs as Mn}from"react/jsx-runtime";var wn="k-header",ng=[l.hover,l.focus,l.active],Uc={sortIcon:"sort-asc-small"},A=e=>{let{menu:t,sortable:o,filterable:a,sticky:i,resizable:n,columnTitle:c,hover:p,focus:u,active:h,sortIcon:k=Uc.sortIcon,sortOrder:v,accessibleLabel:f,...M}=e;return Mn(uo,{...M,className:r(e.className,wn,{"k-filterable":t\|\|a,"k-sorted":o,"k-grid-header-sticky":i,"k-touch-action-none":n},L(wn,{hover:p,focus:u,active:h})),children:[c&&Mn("span",{className:"k-cell-inner",children:[Mn("span",{className:"k-link",children:[Ko("span",{className:"k-column-title",children:c}),o&&Ko("span",{className:"k-sort-icon",children:Ko(b,{icon:k})}),v&&Ko("span",{className:"k-sort-order",children:v})]}),t&&Ko("a",{href:"#",className:r("k-grid-header-menu",{"k-active":h,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:Ko(b,{icon:t==="filter"?"filter":"more-vertical"})})]}),!c&&f&&Ko("span",{className:"k-sr-only",children:f}),e.children,n&&Ko("span",{className:"k-column-resizer k-touch-action-none"})]})};A.states=ng;A.className=wn;A.defaultOptions=Uc;A.moduleName=q;A.folderName=Y;import{jsx as sg}from"react/jsx-runtime";var Vc="k-grid-container",ae=e=>sg("div",{...e,className:r(e.className,Vc),children:e.children});ae.className=Vc;ae.moduleName=q;ae.folderName=Y;import{jsx as dg}from"react/jsx-runtime";var $c="k-grid-content",re=e=>dg("div",{...e,className:r(e.className,$c),children:e.children});re.className=$c;re.moduleName=q;re.folderName=Y;import{jsx as cg}from"react/jsx-runtime";var Wc="k-grid-table",ie=e=>cg(qe,{...e,className:r(e.className,Wc),children:e.children});ie.className=Wc;ie.moduleName=q;ie.folderName=Y;import{jsx as mg}from"react/jsx-runtime";var Xc="k-grid-footer",yn=e=>mg("div",{...e,className:r(e.className,Xc),children:e.children});yn.className=Xc;yn.moduleName=q;yn.folderName=Y;import{jsx as pg}from"react/jsx-runtime";var Jc="k-grid-footer-table",Sn=e=>pg(qe,{...e,className:r(e.className,Jc),children:e.children});Sn.className=Jc;Sn.moduleName=q;Sn.folderName=Y;import{jsx as ug}from"react/jsx-runtime";var qc="k-grid-pager",oo=e=>ug(Se,{...e,className:r(e.className,qc),children:e.children});oo.className=qc;oo.moduleName=q;oo.folderName=Y;import{jsx as bg}from"react/jsx-runtime";var Yc="k-grid-toolbar",ta=e=>bg(ne,{...e,className:r(e.className,Yc),children:e.children});ta.className=Yc;ta.moduleName=q;ta.folderName=Y;import{jsx as En,jsxs as Tg}from"react/jsx-runtime";var An="k-grid-stack-cell",fg=[l.focus,l.selected],ki=e=>{let{cellHeader:t,cellContent:o,edit:a,commandCell:i,dirty:n,focus:c,selected:p,...u}=e;return Tg("div",{...u,className:r(e.className,An,{"k-grid-stack-edit-cell":a,"k-command-cell":i,"k-dirty-cell":n},L(An,{focus:c,selected:p})),children:[n&&En("span",{className:"k-dirty"}),t&&En("div",{className:"k-grid-stack-header",children:t}),En("div",{className:"k-grid-stack-content",children:o}),e.children]})};ki.states=fg;ki.className=An;ki.moduleName=q;ki.folderName=Y;import{jsx as hg}from"react/jsx-runtime";var Qc="k-grid-stack-row",vi=e=>{let{cols:t,...o}=e;return hg("div",{...o,className:r(e.className,Qc,{[`k-grid-cols-${t}`]:t}),children:e.children})};vi.className=Qc;vi.moduleName=q;vi.folderName=Y;import{Fragment as UV,jsx as zV,jsxs as FV}from"react/jsx-runtime";import{Fragment as YV,jsx as JV,jsxs as qV}from"react/jsx-runtime";import{Fragment as a$,jsx as t$,jsxs as o$}from"react/jsx-runtime";import{Fragment as xg,jsx as w,jsxs as ke}from"react/jsx-runtime";var Zc=({contentClassName:e,...t})=>w($,{_renderAriaRoot:!0,pager:w(oo,{refresh:!1}),children:ke(xg,{children:[w(ce,{children:w("div",{className:"k-grid-header-wrap",children:ke(me,{children:[ke("colgroup",{children:[w("col",{}),w("col",{style:{width:"225px"}}),w("col",{}),w("col",{}),w("col",{})]}),ke(oe,{children:[ke(S,{children:[w(A,{rowspan:1,colspan:1,columnTitle:"Product Id"}),w(A,{rowspan:1,colspan:1,columnTitle:"Name"}),w(A,{rowspan:1,colspan:1,columnTitle:"Quantity"}),w(A,{rowspan:1,colspan:1,columnTitle:"Unit Price"}),w(A,{rowspan:1,colspan:1,columnTitle:"Discontinued"})]}),ke(S,{className:"k-filter-row",children:[w(m,{children:w("div",{className:"k-filtercell",children:ke("div",{className:"k-filtercell-wrapper",children:[w(V,{}),ke("div",{className:"k-filtercell-operator",children:[w(pe,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",w(d,{disabled:!0,icon:"filter-clear"})]})]})})}),w(m,{children:w("div",{className:"k-filtercell",children:ke("div",{className:"k-filtercell-wrapper",children:[w(xe,{}),ke("div",{className:"k-filtercell-operator",children:[w(pe,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",w(d,{disabled:!0,icon:"filter-clear"})]})]})})}),w(m,{children:w("div",{className:"k-filtercell",children:ke("div",{className:"k-filtercell-wrapper",children:[w(xe,{}),ke("div",{className:"k-filtercell-operator",children:[w(pe,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",w(d,{disabled:!0,icon:"filter-clear"})]})]})})}),w(m,{children:w("div",{className:"k-filtercell",children:ke("div",{className:"k-filtercell-wrapper",children:[w(V,{}),ke("div",{className:"k-filtercell-operator",children:[w(pe,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",w(d,{disabled:!0,icon:"filter-clear"})]})]})})}),w(m,{children:w("div",{className:"k-filtercell",children:ke("div",{className:"k-filtercell-wrapper",children:[w(pe,{}),w("div",{className:"k-filtercell-operator",children:w(d,{disabled:!0,icon:"filter-clear"})})]})})})]})]})]})})}),w(ae,{children:w(re,{className:e,children:ke(ie,{children:[ke("colgroup",{children:[w("col",{}),w("col",{style:{width:"225px"}}),w("col",{}),w("col",{}),w("col",{})]}),ke(de,{children:[ke(S,{className:"k-master-row",children:[w(m,{children:"1"}),w(m,{children:"Chai"}),w(m,{children:"10 boxes x 20 bags"}),w(m,{children:"18"}),w(m,{children:"false"})]}),ke(S,{className:"k-master-row",alt:!0,children:[w(m,{children:"2"}),w(m,{children:"Chang"}),w(m,{children:"24 - 12 oz bottles"}),w(m,{children:"19"}),w(m,{children:"false"})]}),ke(S,{className:"k-master-row",children:[w(m,{children:"3"}),w(m,{children:"Aniseed Syrup"}),w(m,{children:"12 - 550 ml bottles"}),w(m,{children:"10"}),w(m,{children:"false"})]}),ke(S,{className:"k-master-row",alt:!0,children:[w(m,{children:"4"}),w(m,{children:"Chef Anton's Cajun Seasoning"}),w(m,{children:"48 - 6 oz jars"}),w(m,{children:"22"}),w(m,{children:"false"})]}),ke(S,{className:"k-master-row",children:[w(m,{children:"5"}),w(m,{children:"Grandma's Boysenberry Spread"}),w(m,{children:"12 - 8 oz jars"}),w(m,{children:"25"}),w(m,{children:"false"})]})]})]})})})]}),...t});import{jsx as Li}from"react/jsx-runtime";var Ng="k-chip-action";var Oe=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=Li(b,{icon:"x-circle",size:"small"});break;case"more":a=Li(b,{icon:"more-vertical",size:"small"});break;default:return Li(b,{icon:t,size:"small"})}return Li("span",{...o,className:r(e.className,Ng,`k-chip-${t}-action`),children:a})};var In="avatar",jc=In;import{jsx as em}from"react/jsx-runtime";var Er="k-avatar";var gg=[l.hover,l.focus,l.active,l.selected,l.disabled],kg={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[g.undefined,g.solid,g.outline],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark,N.inverse]},Rn={type:"text",border:!1},ft=e=>{let{size:t,rounded:o,fillMode:a,themeColor:i,type:n=Rn.type,border:c=Rn.border,...p}=e;return em("div",{...p,className:r(e.className,Er,y(Er,{size:t,rounded:o,fillMode:a,themeColor:i}),{[`${Er}-bordered`]:c}),children:em("span",{className:`${Er}-${n}`,children:e.children})})};ft.states=gg;ft.options=kg;ft.className=Er;ft.defaultOptions=Rn;ft.moduleName=In;ft.folderName=jc;ft.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var oa=ft;import{jsx as vg}from"react/jsx-runtime";var tm=e=>vg(oa,{type:"icon",...e});import{jsx as Lg}from"react/jsx-runtime";var om=e=>Lg(oa,{type:"text",...e});import{jsx as Cg}from"react/jsx-runtime";var am=e=>Cg(oa,{type:"image",...e});import{jsx as O$}from"react/jsx-runtime";import{jsx as Ar}from"react/jsx-runtime";var Mg=ft.options,wg=ft.states,yg={...ft.defaultOptions,variant:"image"},Sg=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],Eg=[],Ir=e=>{let{variant:t,...o}=e;switch(t){case"icon":return Ar(tm,{...o,children:Ar(b,{icon:"star"})});case"text":return Ar(om,{...o,children:"JO"});default:return Ar(am,{...o,children:Ar("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Ir.options=Mg;Ir.states=wg;Ir.variants=Sg;Ir.defaultOptions=yg;Ir.modifiers=Eg;var Rr="chip",Ci=Rr;import{jsx as Sa,jsxs as Rg}from"react/jsx-runtime";var Mi="k-chip",Ag=[l.hover,l.focus,l.active,l.selected,l.disabled],Ig={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[g.undefined,g.solid,g.outline],themeColor:[N.undefined,N.base,N.success,N.warning,N.error,N.info]},rm={avatarImage:"/packages/html/assets/avatar.jpg"},Be=e=>{let{size:t,rounded:o,fillMode:a,themeColor:i,text:n,icon:c,actions:p,showAvatar:u,avatarImage:h=rm.avatarImage,hover:k,focus:v,active:f,selected:M,disabled:C,...E}=e;return Rg("div",{...E,className:r(e.className,Mi,y(Mi,{size:t,rounded:o,fillMode:a,themeColor:i}),L(Mi,{hover:k,focus:v,active:f,disabled:C,selected:M})),role:e.role\|\|"button","aria-pressed":e.role==="option"?void 0:M?"true":"false","aria-selected":e.role==="option"?M?"true":"false":void 0,"aria-disabled":C?"true":void 0,children:[c&&Sa(b,{className:"k-chip-icon",icon:c,size:"small"}),u&&Sa(ft,{className:"k-chip-avatar",type:"image",children:Sa("img",{src:h,alt:""})}),Sa("span",{className:"k-chip-content",children:e.children?e.children:n&&Sa("span",{className:"k-chip-label",children:n})}),p&&Sa("span",{className:"k-chip-actions",children:p})]})};Be.states=Ag;Be.options=Ig;Be.className=Mi;Be.defaultOptions=rm;Be.moduleName=Rr;Be.folderName=Ci;Be.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 zt=Be;import{jsx as Kg}from"react/jsx-runtime";var On="k-chip-list",Og=[],Bg={size:[s.undefined,s.small,s.medium,s.large]},Pg={},Pe=e=>{let{size:t,multiselectable:o,ariaLabel:a,...i}=e;return Kg("div",{...i,className:r(e.className,On,y(On,{size:t})),role:"listbox","aria-label":a\|\|"chip list","aria-orientation":"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};Pe.states=Og;Pe.options=Bg;Pe.className=On;Pe.defaultOptions=Pg;Pe.moduleName=Rr;Pe.folderName=Ci;Pe.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 dW}from"react/jsx-runtime";import{jsx as uW}from"react/jsx-runtime";import{jsx as Hg}from"react/jsx-runtime";var wi=e=>Hg(zt,{text:"text",...e});import{jsx as kW}from"react/jsx-runtime";import{jsx as MW}from"react/jsx-runtime";import{Fragment as IW,jsx as AW,jsxs as RW}from"react/jsx-runtime";import{jsx as HW,jsxs as DW}from"react/jsx-runtime";import{jsx as UW,jsxs as VW}from"react/jsx-runtime";import{jsx as YW,jsxs as QW}from"react/jsx-runtime";import{jsx as Ea,jsxs as Ug}from"react/jsx-runtime";var Dg={...zt.options,...Pe.options},Gg=[],_g=Pe.states,zg={...zt.defaultOptions,...Pe.defaultOptions},Fg=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],Or=e=>{let{modifiers:t,className:o,...a}=e,i=t?.icon,n=t?.actions,c=t?.avatar;return Ug(Pe,{size:a.size,className:o,children:[Ea(wi,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:i?"star":void 0,actions:n?Ea(Oe,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),Ea(wi,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:i?"star":void 0,actions:n?Ea(Oe,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),Ea(wi,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:i?"star":void 0,actions:n?Ea(Oe,{type:"remove"}):void 0,showAvatar:c,children:"Chip"})]})};Or.options=Dg;Or.states=_g;Or.variants=Gg;Or.defaultOptions=zg;Or.modifiers=Fg;import{jsx as Bn}from"react/jsx-runtime";var Vg=Be.states,$g=Be.defaultOptions,Wg=Be.options,Xg=[],Jg=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],Br=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"icon":a.icon=t?.[i]?"arrow-down":void 0;break;case"avatar":a.showAvatar=!!t?.[i],a.avatarImage=t?.[i]?"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?.[i]?Bn(Oe,{type:"more"}):void 0;break;case"remove-icon":a.actions\|\|(a.actions=[]),a.actions[1]=t?.[i]?Bn(Oe,{type:"remove"}):void 0;break;default:break}}),Bn(Be,{...o,...a,children:"Chip component"})};Br.options=Wg;Br.states=Vg;Br.variants=Xg;Br.defaultOptions=$g;Br.modifiers=Jg;import{Fragment as Pn,jsx as B,jsxs as at}from"react/jsx-runtime";var im=({dropClue:e,contentClassName:t,...o})=>B($,{_renderAriaRoot:!0,groupingHeader:B(Po,{dropClue:e,children:at(Pe,{children:[B(Be,{icon:"sort-asc-small",text:"ID",actions:at(Pn,{children:[B(Oe,{type:"more"}),B(Oe,{type:"remove"})]})}),B(Be,{icon:"sort-desc-small",text:"Name",actions:at(Pn,{children:[B(Oe,{type:"more"}),B(Oe,{type:"remove"})]})})]})}),children:at(Pn,{children:[B(ce,{draggable:!0,children:B("div",{className:"k-grid-header-wrap",children:at(me,{children:[at("colgroup",{children:[B("col",{className:"k-group-col"}),B("col",{className:"k-group-col"}),B("col",{}),B("col",{}),B("col",{}),B("col",{})]}),B(oe,{children:at(S,{children:[B(A,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),B(A,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),B(A,{colspan:1,columnTitle:"ID"}),B(A,{colspan:1,columnTitle:"Name"}),B(A,{colspan:1,columnTitle:"Price"}),B(A,{colspan:1,columnTitle:"Category"})]})})]})})}),B(ae,{children:B(re,{className:t,children:at(ie,{children:[at("colgroup",{children:[B("col",{className:"k-group-col"}),B("col",{className:"k-group-col"}),B("col",{}),B("col",{}),B("col",{}),B("col",{})]}),at(de,{children:[B(S,{className:"k-table-group-row k-grouping-row",children:B(m,{colspan:6,children:at("p",{className:"k-reset",children:[B(b,{icon:"caret-alt-right"}),"ID: 1"]})})}),B(S,{className:"k-table-group-row k-grouping-row",children:B(m,{colspan:6,children:at("p",{className:"k-reset",children:[B(b,{icon:"caret-alt-down"}),"ID: 2"]})})}),at(S,{className:"k-table-group-row k-grouping-row",children:[B(m,{className:"k-table-group-td k-group-cell"}),B(m,{colspan:5,children:at("p",{className:"k-reset",children:[B(b,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),at(S,{className:"k-master-row",alt:!0,children:[B(m,{className:"k-table-group-td k-group-cell"}),B(m,{className:"k-table-group-td k-group-cell"}),B(m,{colspan:0,children:"2"}),B(m,{colspan:0,children:"Chang"}),B(m,{colspan:0,children:"$19.00"}),B(m,{colspan:0,children:"Beverages"})]})]})]})})})]}),...o});import{Fragment as GX,jsx as HX,jsxs as DX}from"react/jsx-runtime";import{Fragment as XX,jsx as $X,jsxs as WX}from"react/jsx-runtime";import{Fragment as eJ,jsx as ZX,jsxs as jX}from"react/jsx-runtime";import{Fragment as qg,jsx as F,jsxs as rt}from"react/jsx-runtime";var lm=({headerWrapClassName:e,contentClassName:t,...o})=>F($,{_renderAriaRoot:!0,children:rt(qg,{children:[F(ce,{children:F("div",{className:`k-grid-header-wrap ${e}`,children:rt(me,{children:[rt("colgroup",{children:[F("col",{}),F("col",{}),F("col",{}),F("col",{})]}),rt(oe,{children:[rt(S,{children:[F(A,{rowspan:3,colspan:1,columnTitle:"ID"}),F(A,{rowspan:1,colspan:3,columnTitle:"Product Information"})]}),rt(S,{children:[F(A,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first"}),F(A,{rowspan:1,colspan:2,columnTitle:"Unit"})]}),rt(S,{children:[F(A,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first"}),F(A,{rowspan:1,colspan:1,columnTitle:"Units Price"})]})]})]})})}),F(ae,{children:F(re,{className:t,children:rt(ie,{children:[rt("colgroup",{children:[F("col",{}),F("col",{}),F("col",{}),F("col",{})]}),rt(de,{children:[rt(S,{className:"k-master-row",children:[F(m,{children:"1"}),F(m,{children:"Chai"}),F(m,{children:"39"}),F(m,{children:"18"})]}),rt(S,{className:"k-master-row",alt:!0,children:[F(m,{children:"2"}),F(m,{children:"Chang"}),F(m,{children:"17"}),F(m,{children:"19"})]}),rt(S,{className:"k-master-row",children:[F(m,{children:"3"}),F(m,{children:"Aniseed Syrup"}),F(m,{children:"13"}),F(m,{children:"10"})]}),rt(S,{className:"k-master-row",alt:!0,children:[F(m,{children:"4"}),F(m,{children:"Chef Anton's Cajun Seasoning"}),F(m,{children:"53"}),F(m,{children:"22"})]}),rt(S,{className:"k-master-row",children:[F(m,{children:"5"}),F(m,{children:"Chef Anton's Gumbo Mix"}),F(m,{children:"0"}),F(m,{children:"21.35"})]})]})]})})})]}),...o});import{Fragment as pJ,jsx as cJ,jsxs as mJ}from"react/jsx-runtime";import{Fragment as NJ,jsx as hJ,jsxs as xJ}from"react/jsx-runtime";import{Fragment as Yg,jsx as G,jsxs as Ft}from"react/jsx-runtime";var nm=e=>G($,{_renderAriaRoot:!0,toolbar:Ft(ta,{children:[G(d,{children:"Add new"}),G(d,{children:"Save Changes"}),G(d,{children:"Cancel Changes"})]}),children:Ft(Yg,{children:[G(ce,{children:G("div",{className:"k-grid-header-wrap",children:Ft(me,{children:[Ft("colgroup",{children:[G("col",{}),G("col",{}),G("col",{}),G("col",{style:{width:"300px"}})]}),G(oe,{children:Ft(S,{children:[G(A,{columnTitle:"Name"}),G(A,{columnTitle:"Price"}),G(A,{columnTitle:"Available"}),G(A,{accessibleLabel:"Commands"})]})})]})})}),G(ae,{children:G(re,{children:G("div",{children:Ft(ie,{children:[Ft("colgroup",{children:[G("col",{}),G("col",{}),G("col",{}),G("col",{style:{width:"300px"}})]}),Ft(de,{children:[Ft(S,{className:"k-master-row k-grid-add-row k-grid-edit-row",children:[G(m,{children:G(xe,{value:"Towel"})}),G(m,{children:G(V,{value:"42"})}),G(m,{children:G(Ue,{})}),Ft(m,{className:"k-command-cell",children:[G(d,{children:"Add"}),G(d,{children:"Cancel"})]})]}),Ft(S,{className:"k-master-row",children:[G(m,{children:"Chai"}),G(m,{children:"18"}),G(m,{children:"false"}),G(m,{className:"k-command-cell",children:G(d,{children:"Remove"})})]}),Ft(S,{className:"k-master-row",alt:!0,children:[G(m,{children:"Chang"}),G(m,{children:"19"}),G(m,{children:"false"}),G(m,{className:"k-command-cell",children:G(d,{children:"Remove"})})]})]})]})})})})]}),...e});import{Fragment as VJ,jsx as UJ,jsxs as $J}from"react/jsx-runtime";import{Fragment as yi,jsx as x,jsxs as Q}from"react/jsx-runtime";var Qg=$.options,Zg=$.states,sm={...$.defaultOptions,variant:"normal"},jg=[{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"}],ek=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],Pr=e=>{let{variant:t,modifiers:o,...a}={...sm,...e},i={toolbar:void 0,pager:void 0},n=Q(ta,{children:[x(d,{icon:"plus",children:"Add New"}),x(d,{icon:"file-pdf",children:"Export to PDF"}),x("span",{className:"k-spacer"}),x(xe,{prefix:x(b,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=x(Se,{pageSizes:!1,refresh:!1});Object.keys(o\|\|{}).forEach(h=>{switch(h){case"toolbar":i.toolbar=o?.[h]?n:void 0;break;case"pager":i.pager=o?.[h]?c:void 0;break;default:return}});let p={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},u=Q(yi,{children:[x(ce,{children:x("div",{className:"k-grid-header-wrap",children:Q(me,{children:[Q("colgroup",{children:[x("col",{}),x("col",{}),x("col",{}),x("col",{})]}),x(oe,{children:Q(S,{children:[x(A,{...p[t],columnTitle:"ID"}),x(A,{...p[t],columnTitle:"Product Name"}),x(A,{...p[t],columnTitle:"Units in Stock"}),x(A,{...p[t],columnTitle:"Units Price"})]})})]})})}),x(ae,{children:x(re,{children:Q(ie,{children:[Q("colgroup",{children:[x("col",{}),x("col",{}),x("col",{}),x("col",{})]}),Q(de,{children:[Q(S,{children:[x(m,{children:"1"}),x(m,{children:"Chai"}),x(m,{children:"39"}),x(m,{children:"18"})]}),Q(S,{className:"k-alt",alt:!0,children:[x(m,{children:"2"}),x(m,{children:"Chang"}),x(m,{children:"17"}),x(m,{children:"19"})]}),Q(S,{children:[x(m,{children:"3"}),x(m,{children:"Aniseed Syrup"}),x(m,{children:"13"}),x(m,{children:"10"})]}),Q(S,{className:"k-alt",alt:!0,children:[x(m,{children:"4"}),x(m,{children:"Chef Anton's Cajun Seasoning"}),x(m,{children:"53"}),x(m,{children:"22"})]}),Q(S,{children:[x(m,{children:"5"}),x(m,{children:"Chef Anton's Gumbo Mix"}),x(m,{children:"0"}),x(m,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return x(lm,{...a,...i});case"editing":return x(nm,{...a,...i});case"grouping":return x(im,{...a,...i,groupingHeader:x(Po,{children:Q(Pe,{children:[x(Be,{icon:"sort-asc-small",actions:Q(yi,{children:[x(Oe,{type:"more"}),x(Oe,{type:"remove"})]}),children:"ID"}),x(Be,{icon:"sort-desc-small",actions:Q(yi,{children:[x(Oe,{type:"more"}),x(Oe,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return x($,{...a,...i,children:Q(yi,{children:[x(ce,{children:Q("div",{className:"k-grid-header-wrap",children:[" ",Q(me,{children:[Q("colgroup",{children:[x("col",{className:"k-drag-col"}),x("col",{}),x("col",{}),x("col",{}),x("col",{})]}),x(oe,{children:Q(S,{children:[x(A,{className:"k-drag-cell",accessibleLabel:"Reorder"}),x(A,{columnTitle:"ID"}),x(A,{columnTitle:"Product Name"}),x(A,{columnTitle:"Units in Stock"}),x(A,{columnTitle:"Units Price"})]})})]})]})}),x(ae,{children:x(re,{children:Q(ie,{children:[Q("colgroup",{children:[x("col",{className:"k-drag-col"}),x("col",{}),x("col",{}),x("col",{}),x("col",{})]}),Q(de,{children:[Q(S,{children:[x(m,{className:"k-drag-cell",children:x(b,{icon:"reorder"})}),x(m,{children:"1"}),x(m,{children:"Chai"}),x(m,{children:"39"}),x(m,{children:"18"})]}),Q(S,{className:"k-alt",alt:!0,children:[x(m,{className:"k-drag-cell",children:x(b,{icon:"reorder"})}),x(m,{children:"2"}),x(m,{children:"Chang"}),x(m,{children:"17"}),x(m,{children:"19"})]}),Q(S,{children:[x(m,{className:"k-drag-cell",children:x(b,{icon:"reorder"})}),x(m,{children:"3"}),x(m,{children:"Aniseed Syrup"}),x(m,{children:"13"}),x(m,{children:"10"})]}),Q(S,{className:"k-alt",alt:!0,children:[x(m,{className:"k-drag-cell",children:x(b,{icon:"reorder"})}),x(m,{children:"4"}),x(m,{children:"Chef Anton's Cajun Seasoning"}),x(m,{children:"53"}),x(m,{children:"22"})]}),Q(S,{children:[x(m,{className:"k-drag-cell",children:x(b,{icon:"reorder"})}),x(m,{children:"5"}),x(m,{children:"Chef Anton's Gumbo Mix"}),x(m,{children:"0"}),x(m,{children:"21.35"})]})]})]})})})]})});case"filter-row":return x(Zc,{...a,...i});default:return x($,{...a,...i,children:u})}};Pr.options=Qg;Pr.states=Zg;Pr.variants=jg;Pr.defaultOptions=sm;Pr.modifiers=ek;import{Fragment as tk,jsx as K,jsxs as Tt}from"react/jsx-runtime";var dm=e=>K(Ke,{toolbar:Tt(We,{children:[K(d,{children:"New Folder"}),K(d,{children:"Upload"}),Tt(I,{children:[K(d,{className:"k-group-start",icon:"sort-asc-small"}),K(d,{className:"k-group-end",icon:"sort-desc-small"})]}),K(D,{text:"Sort By"}),Tt(I,{children:[K(d,{className:"k-group-start",icon:"grid",selected:!0}),K(d,{className:"k-group-end",icon:"grid-layout"})]}),K("div",{className:"k-spacer"}),Tt("div",{className:"k-filemanager-details-toggle",children:[K("label",{children:"View Details"}),K(ge,{})]}),K(ve,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:K(tk,{children:K(Ce,{className:"k-filemanager-splitter",panes:[K(te,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:K(ut,{children:K(j,{text:"Folder"})})},"pane-1"),Tt(te,{className:"k-filemanager-content",scrollable:!0,children:[K(ct,{children:K(ot,{children:K(Te,{root:!0,children:K(be,{root:!0,icon:!0,children:K(b,{icon:"home"})})})})}),Tt($,{_renderAriaRoot:!0,className:"k-filemanager-grid k-grid-display-block",children:[K(ce,{children:K("div",{className:"k-grid-header-wrap k-auto-scrollable",children:Tt(me,{children:[Tt("colgroup",{children:[K("col",{}),K("col",{}),K("col",{})]}),K(oe,{children:Tt(S,{children:[K(A,{columnTitle:"Name",sortable:!0}),K(A,{columnTitle:"Date Created"}),K(A,{columnTitle:"File Size"})]})})]})})}),K(ae,{children:K(re,{className:"k-auto-scrollable",children:Tt(ie,{className:"k-selectable",children:[Tt("colgroup",{children:[K("col",{className:"k-sorted"}),K("col",{}),K("col",{})]}),Tt(de,{children:[Tt(S,{className:"k-master-row",children:[K(m,{children:K(De,{name:"Folder",icon:"folder"})}),K(m,{children:"13/12/2019 at 12:22:04 PM"}),K(m,{children:"0"})]}),Tt(S,{className:"k-master-row",alt:!0,children:[K(m,{children:K(De,{name:"file.png",icon:"file"})}),K(m,{children:"13/12/2019 at 12:22:04 PM"}),K(m,{children:"73289"})]})]})]})})})]})]},"pane-2")]})}),...e});import{jsx as Si}from"react/jsx-runtime";var ok=Ke.options,ak=Ke.states,rk={...Ke.defaultOptions,variant:"listview"},ik=[{name:"listview",title:"ListView"},{name:"grid",title:"Grid"}],lk=[{name:"preview",title:"Preview"}],Kr=e=>{let{variant:t,modifiers:o,...a}={...e},i=!1;return Object.keys(o\|\|{}).forEach(n=>{n==="preview"&&(i=!!o?.[n])}),t==="grid"?i?Si(cm,{...a}):Si(dm,{...a}):i?Si(Ac,{...a}):Si(Ec,{...a})};Kr.options=ok;Kr.states=ak;Kr.variants=ik;Kr.defaultOptions=rk;Kr.modifiers=lk;import{Fragment as nk,jsx as P,jsxs as ht}from"react/jsx-runtime";var cm=e=>P(Ke,{toolbar:ht(We,{children:[P(d,{children:"New Folder"}),P(d,{children:"Upload"}),ht(I,{children:[P(d,{className:"k-group-start",icon:"sort-asc-small"}),P(d,{className:"k-group-end",icon:"sort-desc-small"})]}),P(D,{text:"Sort By"}),ht(I,{children:[P(d,{className:"k-group-start",icon:"grid",selected:!0}),P(d,{className:"k-group-end",icon:"grid-layout"})]}),P("div",{className:"k-spacer"}),ht("div",{className:"k-filemanager-details-toggle",children:[P("label",{children:"View Details"}),P(ge,{checked:!0})]}),P(ve,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:P(nk,{children:P(Ce,{className:"k-filemanager-splitter",panes:[P(te,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:P(ut,{children:P(j,{text:"Folder"})})},"pane-1"),ht(te,{className:"k-filemanager-content",scrollable:!0,children:[P(ct,{children:P(ot,{children:P(Te,{root:!0,children:P(be,{root:!0,icon:!0,children:P(b,{icon:"home"})})})})}),ht($,{_renderAriaRoot:!0,className:"k-filemanager-grid k-grid-display-block",children:[P(ce,{children:P("div",{className:"k-grid-header-wrap k-auto-scrollable",children:ht(me,{children:[ht("colgroup",{children:[P("col",{}),P("col",{}),P("col",{})]}),P(oe,{children:ht(S,{children:[P(A,{sortable:!0,columnTitle:"Name"}),P(A,{columnTitle:"Date Created"}),P(A,{columnTitle:"File Size"})]})})]})})}),P(ae,{children:P(re,{className:"k-auto-scrollable",children:ht(ie,{className:"k-selectable",children:[ht("colgroup",{children:[P("col",{className:"k-sorted"}),P("col",{}),P("col",{})]}),ht(de,{children:[ht(S,{className:"k-master-row",children:[P(m,{children:P(De,{name:"Folder",icon:"folder"})}),P(m,{children:"13/12/2019 at 12:22:04 PM"}),P(m,{children:"0"})]}),ht(S,{className:"k-master-row",alt:!0,children:[P(m,{children:P(De,{name:"file.png",icon:"file"})}),P(m,{children:"13/12/2019 at 12:22:04 PM"}),P(m,{children:"73289"})]})]})]})})})]})]},"pane-2"),P(te,{className:"k-filemanager-preview",collapsible:!0,scrollable:!0,flexBasis:"25%",children:P(Io,{selection:"none",name:"No File Selected"})},"pane-3")]})}),...e});export{cm as FileManagerGridPreview};
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 y=(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"}),L=(e,t)=>{let{valid:o,invalid:a,hover:i,focus:n,checked:c,active:p,selected:u,disabled:h,indeterminate:g,loading:v,empty:f,readonly:M,highlighted:C,...E}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":i,"k-focus":n,"k-checked":c,"k-active":p,"k-selected":u,"k-disabled":h,"k-indeterminate":g&&!c,"k-loading":v,"k-empty":f,"k-readonly":M,"k-highlighted":C},Object.keys(E).reduce((O,R)=>(R.startsWith("k-")?O[R]=E[R]:O[`k-${R}`]=E[R],O),{}))};function Hn(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"},T={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},k={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},N={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},l={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"};import{Fragment as xm,jsx as Dn}from"react/jsx-runtime";var Ei="k-font-icon",fm=[],Tm={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark]},hm={},Aa=e=>{let{size:t,themeColor:o,icon:a,rotate:i,flip:n,...c}=e;return a?Dn("span",{...c,className:r(e.className,Ei,y(Ei,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":n==="h"\|\|n==="both","k-flip-v":n==="v"\|\|n==="both"}),"aria-hidden":"true"}):Dn(xm,{})};Aa.states=fm;Aa.options=Tm;Aa.className=Ei;Aa.defaultOptions=hm;var Gn=Aa;import{Fragment as gm,jsx as Dr}from"react/jsx-runtime";var Ai="k-svg-icon",Nm=[],km={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark]},_n={viewBox:"0 0 24 24"},Ia=e=>{let{size:t,themeColor:o,rotate:a,flip:i,viewBox:n=_n.viewBox,icon:c,...p}=e;if(!c)return Dr(gm,{});if(c==="none")return Dr("span",{...p,className:r(e.className,Ai,y("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let u=typeof c=="object"&&c.name&&c.name;return Dr("span",{...p,className:r(e.className,Ai,y("k-icon",{size:t}),{[`k-svg-i-${u}`]:u,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":i==="h"\|\|i==="both","k-flip-v":i==="v"\|\|i==="both"}),"aria-hidden":"true",children:Dr("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:n,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};Ia.states=Nm;Ia.options=km;Ia.className=Ai;Ia.defaultOptions=_n;var Ii=Ia;importas Ri from"@progress/kendo-svg-icons";var zn="icon",Fn="icons";import{useContext as Lm}from"react";import{createContext as vm}from"react";var Un=vm({iconsType:"svg"});import{Fragment as Vn,jsx as Ra}from"react/jsx-runtime";var Gr="k-icon",Cm=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Mm=[],wm={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark]},Oi={viewBox:"0 0 24 24",type:"svg"},b=e=>{let{iconsType:t}=Lm(Un),{size:o,themeColor:a,icon:i,type:n=t\|\|Oi.type,rotate:c,flip:p,viewBox:u=Oi.viewBox,...h}=e;if(!i)return Ra(Vn,{});if((t\|\|n)==="svg"){if(i==="none")return Ra(Ii,{...h,className:r(e.className,Gr),icon:i,size:o});let v=Ri[i]?i:Cm(`${i}-icon`);return Ri[v]?Ra(Ii,{...h,className:r(e.className,Gr),icon:Ri[v],size:o,themeColor:a,rotate:c,flip:p,viewBox:u}):Ra(Vn,{})}return Ra(Gn,{...h,className:r(e.className,Gr),icon:i,size:o,themeColor:a,rotate:c,flip:p})};b.states=Mm;b.options=wm;b.defaultOptions=Oi;b.className=Gr;b.moduleName=zn;b.folderName=Fn;b.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 Bi="button",$n=Bi;import{Fragment as Am,jsx as Oa,jsxs as Wn}from"react/jsx-runtime";var Ba="k-button",ym=["icon-button"],Sm=[l.hover,l.focus,l.active,l.selected,l.disabled,l.generating],Em={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark,N.inverse]},Pi={showArrow:!1,arrowIconName:"caret-alt-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:i,themeColor:n,showArrow:c=Pi.showArrow,arrowIconName:p=Pi.arrowIconName,variant:u,hover:h,focus:g,active:v,selected:f,disabled:M,togglable:C,icon:E,text:O,iconClassName:R,className:_,...fe}=e,Ee=E!==void 0,Ye=e.children!==void 0;return Wn(t,{className:r(_,Ba,Hn(Ba,u),y(Ba,{size:o,rounded:a,fillMode:i,themeColor:n}),L(Ba,{hover:h,focus:g,active:v,disabled:M,selected:f}),{"k-icon-button":!O&&!Ye&&Ee}),...fe,"aria-pressed":C?f?"true":"false":void 0,disabled:M\|\|void 0,children:[E&&Oa(b,{className:r(R,"k-button-icon"),icon:E}),O?Wn(Am,{children:[O&&Oa("span",{className:"k-button-text",children:O}),e.children]}):e.children&&Oa("span",{className:"k-button-text",children:e.children}),c&&Oa("span",{className:"k-menu-button-arrow k-button-arrow",children:Oa(b,{icon:p})})]})};d.states=Sm;d.options=Em;d.variants=ym;d.className=Ba;d.defaultOptions=Pi;d.moduleName=Bi;d.folderName=$n;d.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 Im}from"react/jsx-runtime";var bo=e=>Im(d,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as Rm}from"react/jsx-runtime";var Pa=e=>Rm(d,{icon:"folder",children:"Button",...e});import{jsx as Om}from"react/jsx-runtime";var Ho=e=>Om(d,{children:"Button",...e});import{jsx as Ki}from"react/jsx-runtime";var Bm=d.options,Pm=d.states,Km={...d.defaultOptions,variant:"text"},Hm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Dm=[],Ka=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Ki(bo,{...o,icon:"star"});case"icon-and-text":return Ki(Pa,{...o,icon:"star",children:"Button"});default:return Ki(Ho,{...o,children:"Button"})}};Ka.options=Bm;Ka.states=Pm;Ka.variants=Hm;Ka.defaultOptions=Km;Ka.modifiers=Dm;var Hi="button",Xn=Hi;import{jsx as Fm}from"react/jsx-runtime";var Ha="k-button-group",Gm=[l.disabled],_m={fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link]},zm={},I=e=>{let{fillMode:t,disabled:o,stretched:a,...i}=e;return Fm("div",{role:"group",...i,className:r(e.className,Ha,y(Ha,{fillMode:t}),L(Ha,{disabled:o}),{[`${Ha}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};I.states=Gm;I.options=_m;I.className=Ha;I.defaultOptions=zm;I.moduleName=Hi;I.folderName=Xn;I.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 Cv,jsx as Lv,jsxs as Mv}from"react/jsx-runtime";import{Fragment as Iv,jsx as Av,jsxs as Rv}from"react/jsx-runtime";import{Fragment as Dv,jsx as Hv,jsxs as Gv}from"react/jsx-runtime";import{Fragment as $v,jsx as Vv,jsxs as Wv}from"react/jsx-runtime";import{Fragment as Zv,jsx as Qv,jsxs as jv}from"react/jsx-runtime";import{Fragment as iL,jsx as rL,jsxs as lL}from"react/jsx-runtime";import{jsx as ao,jsxs as Di}from"react/jsx-runtime";var Um={...d.options,...I.options},Vm=d.states,$m={...d.defaultOptions,...I.defaultOptions,variant:"text-button"},Wm=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Xm=[],Da=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Di(I,{fillMode:a.fillMode,className:o,children:[ao(d,{...a,icon:"star"}),ao(d,{...a,icon:"star"}),ao(d,{...a,icon:"star"})]}):t==="icon-text-button"?Di(I,{fillMode:a.fillMode,className:o,children:[ao(d,{...a,icon:"star",children:"First"}),ao(d,{...a,icon:"star",children:"Middle"}),ao(d,{...a,icon:"star",children:"Last"})]}):Di(I,{fillMode:a.fillMode,className:o,children:[ao(d,{...a,children:"First"}),ao(d,{...a,children:"Middle"}),ao(d,{...a,children:"Last"})]})};Da.options=Um;Da.states=Vm;Da.variants=Wm;Da.defaultOptions=$m;Da.modifiers=Xm;var Ga="input",_r=Ga;import{jsx as Qm}from"react/jsx-runtime";var zr="k-input",Jm=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],qm={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},Ym={},Ae=e=>{let{hover:t,focus:o,disabled:a,invalid:i,valid:n,loading:c,readonly:p,size:u,rounded:h,fillMode:g,...v}=e;return Qm("span",{...v,className:r(e.className,zr,y(zr,{size:u,rounded:h,fillMode:g}),L(zr,{hover:t,focus:o,disabled:a,invalid:i,valid:n,loading:c,readonly:p}))})};Ae.states=Jm;Ae.options=qm;Ae.className=zr;Ae.defaultOptions=Ym;Ae.moduleName=Ga;Ae.folderName=_r;import{jsx as tp}from"react/jsx-runtime";var Fr="k-picker",Zm=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],jm={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},ep={},$t=e=>{let{hover:t,focus:o,disabled:a,invalid:i,valid:n,loading:c,readonly:p,size:u,rounded:h,fillMode:g,...v}=e;return tp("span",{...v,className:r(e.className,Fr,y(Fr,{size:u,rounded:h,fillMode:g}),L(Fr,{hover:t,focus:o,disabled:a,invalid:i,valid:n,loading:c,readonly:p})),children:e.children})};$t.states=Zm;$t.options=jm;$t.className=Fr;$t.defaultOptions=ep;$t.moduleName=Ga;$t.folderName=_r;import{Fragment as rp,jsx as Gi}from"react/jsx-runtime";var Jn="k-clear-value",op=[l.disabled,l.loading,l.readonly],ap={},kt=e=>{let{disabled:t,loading:o,readonly:a,value:i}=e;return t\|\|a\|\|o\|\|!i?Gi(rp,{}):Gi("span",{className:r(e.className,Jn),children:Gi(b,{icon:"x"})})};kt.states=op;kt.options=ap;kt.className=Jn;import{jsx as np}from"react/jsx-runtime";var _i="k-input-inner",ip=[],lp={},Ur={type:"text",autocomplete:"off",value:"",placeholder:""},gt=e=>{let{value:t=Ur.value,type:o=Ur.type,placeholder:a=Ur.placeholder,autocomplete:i=Ur.autocomplete,disabled:n,readOnly:c,...p}=e;return np("input",{...p,type:o,className:r(e.className,_i,y(_i,e)),placeholder:a,autoComplete:i,defaultValue:t,disabled:n\|\|void 0,readOnly:c\|\|void 0})};gt.states=ip;gt.options=lp;gt.className=_i;import{jsx as qn,jsxs as cp}from"react/jsx-runtime";var zi="k-input-inner",sp=[],dp={},Do=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:i,valueIconName:n,...c}=e;return cp("span",{...c,className:r(e.className,zi,y(zi,e)),children:[i,!i&&n&&qn(b,{className:"k-input-value-icon",icon:n}),a&&!t&&o,a&&t&&qn("span",{className:"k-input-value-text",children:t})]})};Do.states=sp;Do.options=dp;Do.className=zi;import{jsx as up}from"react/jsx-runtime";var Fi="k-input-inner",mp=[],pp={},Yn={value:"",placeholder:""},Ui=e=>{let{value:t=Yn.value,placeholder:o=Yn.placeholder,rows:a,disabled:i,...n}=e;return up("textarea",{...n,className:r(e.className,Fi,y(Fi,e)),placeholder:o,rows:a,defaultValue:t,disabled:i\|\|void 0})};Ui.states=mp;Ui.options=pp;Ui.className=Fi;import{Fragment as fp,jsx as Qn}from"react/jsx-runtime";var Zn="k-input-loading-icon",bp=[l.disabled,l.loading],it=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?Qn(fp,{}):Qn("span",{className:r(e.className,Zn,"k-icon k-i-loading")})};it.states=bp;it.className=Zn;import{Fragment as xp,jsx as jn}from"react/jsx-runtime";var es="k-input-validation-icon",Tp=[l.valid,l.invalid,l.disabled,l.loading],hp={},Qe=e=>{let{valid:t,invalid:o,disabled:a,loading:i}=e,n=o?"warning-circle":"check-circle";return a\|\|i\|\|!!!(t\|\|o)?jn(xp,{}):jn(b,{className:r(es),icon:n})};Qe.states=Tp;Qe.options=hp;Qe.className=es;import{Fragment as gp,jsx as ts}from"react/jsx-runtime";var Np="k-input-prefix",kp={direction:"horizontal"},St=e=>{let{direction:t=kp.direction,...o}=e;return e.children?ts("span",{...o,className:r(Np,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):ts(gp,{})};import{Fragment as Cp,jsx as os}from"react/jsx-runtime";var vp="k-input-suffix",Lp={direction:"horizontal"},Et=e=>{let{direction:t=Lp.direction,...o}=e;return e.children?os("span",{...o,className:r(vp,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):os(Cp,{})};import{jsx as lC}from"react/jsx-runtime";import{jsx as wp}from"react/jsx-runtime";var Mp="k-input-suffix-text",Vi=e=>{let{children:t,...o}=e;return wp("span",{...o,className:r(Mp,e.className),children:t})};import{jsx as Sp}from"react/jsx-runtime";var as="k-input-separator",yp={direction:"vertical"},At=e=>{let{direction:t=yp.direction,...o}=e;return Sp("span",{...o,className:r(as,e.className,{[`${as}-${t}`]:t})})};import{Fragment as rs,jsx as Wt,jsxs as $i}from"react/jsx-runtime";var Ep=Ae.states,Ap=Ae.defaultOptions,Ip=Ae.options,Rp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Op=[],_a=e=>{let{modifiers:t,valid:o,invalid:a,loading:i,disabled:n,readonly:c,...p}=e,u=t?.prefix,h=t?.suffix,g=t?.["clear-button"],v=t?.["validation-icon"],f=t?.separators;return $i(Ae,{...p,valid:o,invalid:a,loading:i,disabled:n,readonly:c,style:{width:300},children:[u&&$i(rs,{children:[Wt(St,{children:Wt(b,{icon:"lock"})}),f&&Wt(At,{})]}),Wt(gt,{placeholder:"Placeholder",value:"Value"}),v&&Wt(Qe,{valid:o,invalid:a,loading:i,disabled:n}),Wt(it,{loading:i,disabled:n}),g&&Wt(kt,{loading:i,disabled:n,readonly:c,value:"Value"}),h&&$i(rs,{children:[f&&Wt(At,{}),Wt(Et,{children:Wt(Ho,{size:p.size,fillMode:"clear",children:"Send"})})]})]})};_a.options=Ip;_a.states=Ep;_a.variants=Op;_a.defaultOptions=Ap;_a.modifiers=Rp;import{jsx as is,jsxs as Kp}from"react/jsx-runtime";var ls="k-color-preview",Bp=[],Pp={},fo=e=>{let{color:t,iconName:o,...a}=e;return Kp("span",{...a,className:r(e.className,ls,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&is(b,{icon:o,className:"k-color-preview-icon"}),is("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};fo.states=Bp;fo.options=Pp;fo.className=ls;var Wi="popup",ns=Wi;import{jsx as ss}from"react/jsx-runtime";var ds="k-animation-container",Hp=[],Dp={},cs={positionMode:"absolute"},Xt=e=>{let{positionMode:t=cs.positionMode,animationStyle:o,offset:a,...i}=e;return ss("div",{...i,style:{...a,...e.style},className:r(e.className,ds,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:ss("div",{className:"k-child-animation-container",style:o,children:e.children})})};Xt.states=Hp;Xt.options=Dp;Xt.className=ds;Xt.defaultOptions=cs;Xt.moduleName=Wi;Xt.folderName=ns;var Xi="popup",ms=Xi;import{jsx as ps}from"react/jsx-runtime";var us="k-popup",Gp=[],_p={},bs={positionMode:"absolute"},he=e=>{let{offset:t,positionMode:o=bs.positionMode,animationStyle:a,containerClassName:i,containerRole:n,containerAriaLabel:c,...p}=e;return ps(Xt,{positionMode:o,offset:t,animationStyle:a,className:i,role:n,"aria-label":c,children:ps("div",{...p,className:r(e.className,us),children:e.children})})};he.states=Gp;he.options=_p;he.className=us;he.defaultOptions=bs;he.moduleName=Xi;he.folderName=ms;he.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 Ji="action-buttons",fs=Ji;import{jsx as Up}from"react/jsx-runtime";var Vr="k-actions",zp=[],Fp={},qi={alignment:"start",orientation:"horizontal"},Jt=e=>{let{alignment:t=qi.alignment,orientation:o=qi.orientation,...a}=e;return Up("div",{...a,className:r(Vr,{[`${Vr}-${t}`]:t,[`${Vr}-${o}`]:o},e.className),children:e.children})};Jt.states=zp;Jt.options=Fp;Jt.className=Vr;Jt.defaultOptions=qi;Jt.moduleName=Ji;Jt.folderName=fs;import{jsx as $p}from"react/jsx-runtime";var Vp="k-actionsheet-footer",Ts={alignment:"stretched",orientation:"horizontal"},To=e=>{let{alignment:t=Ts.alignment,orientation:o=Ts.orientation,template:a,as:i=a?"div":Jt,...n}=e;return $p(i,{...n,...!a&&{alignment:t,orientation:o},className:r(e.className,Vp),children:e.children})};var Yi="searchbox",hs=Yi;import{jsx as za,jsxs as Jp}from"react/jsx-runtime";var xs="k-searchbox",Wp=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading],Xp={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},Qi={showIcon:!0,icon:"search"},ve=e=>{let{value:t,placeholder:o,size:a,rounded:i,fillMode:n,hover:c,focus:p,valid:u,invalid:h,required:g,loading:v,disabled:f,showIcon:M=Qi.showIcon,icon:C=Qi.icon,...E}=e;return Jp(Ae,{...E,size:a,rounded:i,fillMode:n,hover:c,focus:p,valid:u,invalid:h,required:g,loading:v,disabled:f,className:r(e.className,xs),children:[M&&za(b,{className:"k-input-icon",icon:C}),za(gt,{placeholder:o,value:t}),za(it,{...e}),za(Qe,{...e}),za(kt,{...e})]})};ve.states=Wp;ve.options=Xp;ve.className=xs;ve.defaultOptions=Qi;ve.moduleName=Yi;ve.folderName=hs;import{jsx as IM}from"react/jsx-runtime";var Zi="textbox",Ns=Zi;import{Fragment as ks,jsx as ho,jsxs as ji}from"react/jsx-runtime";var gs="k-textbox",qp=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],Yp={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},$r={showClearButton:!0,showValidationIcon:!0,separators:!0},xe=e=>{let{size:t,rounded:o,fillMode:a,separators:i=$r.separators,showClearButton:n=$r.showClearButton,showValidationIcon:c=$r.showValidationIcon,prefix:p,suffix:u,type:h,value:g,placeholder:v,hover:f,focus:M,valid:C,invalid:E,required:O,loading:R,disabled:_,readonly:fe,id:Ee,"aria-label":Ye,"aria-describedby":xt,...Nt}=e;return ji(Ae,{...Nt,size:t,rounded:o,fillMode:a,hover:f,focus:M,valid:C,invalid:E,required:O,loading:R,disabled:_,readonly:fe,className:r(e.className,gs),children:[p&&ji(ks,{children:[ho(St,{children:p}),i&&ho(At,{})]}),ho(gt,{id:Ee,placeholder:v,value:g,type:h,disabled:_,"aria-label":Ye,"aria-describedby":xt,"aria-invalid":E?"true":void 0}),c&&ho(Qe,{valid:C,invalid:E,loading:R,disabled:_}),ho(it,{loading:R,disabled:_}),n&&ho(kt,{loading:R,disabled:_,readonly:fe,value:g}),u&&ji(ks,{children:[i&&ho(At,{}),ho(Et,{children:u})]})]})};xe.states=qp;xe.options=Yp;xe.className=gs;xe.defaultOptions=$r;xe.moduleName=Zi;xe.folderName=Ns;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 Fa=xe;import{jsx as Qp}from"react/jsx-runtime";var vs=e=>Qp(Fa,{...e});import{Fragment as qM,jsx as JM}from"react/jsx-runtime";import{Fragment as tw,jsx as ew}from"react/jsx-runtime";import{jsx as iw}from"react/jsx-runtime";import{jsx as el}from"react/jsx-runtime";var Zp=xe.states,jp=xe.defaultOptions,eu=xe.options,tu=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],ou=[],Ua=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?el(b,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[i]?el(Ho,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[i];break;default:break}}),el(vs,{value:"Value",style:{width:300},...o,...a})};Ua.options=eu;Ua.states=Zp;Ua.variants=ou;Ua.defaultOptions=jp;Ua.modifiers=tu;import{jsx as xo,jsxs as tl}from"react/jsx-runtime";var Ls="k-actionsheet-titlebar",au={},Ze=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:i,filter:n,input:c,inputValue:p,inputPlaceholder:u,adaptive:h,titleId:g,children:v,...f}=e;return tl("div",{...f,className:r(e.className,Ls),children:[tl("div",{className:"k-actionsheet-titlebar-group",children:[a&&xo("div",{className:"k-actionsheet-actions",children:a}),!v&&tl("div",{className:"k-actionsheet-title",id:g,children:[t&&xo("div",{className:"k-text-center",children:t}),o&&xo("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),v&&xo("div",{className:"k-actionsheet-title",id:g,children:v}),i&&xo("div",{className:"k-actionsheet-actions",children:i})]}),(c\|\|n)&&xo("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?xo(xe,{value:p,placeholder:u,size:h?"large":"medium","aria-label":t\|\|u\|\|"Input"}):xo(ve,{placeholder:"Filter",size:h?"large":"medium","aria-label":"Filter options"})})]})};Ze.className=Ls;Ze.defaultOptions=au;import{jsx as ol,jsxs as nu}from"react/jsx-runtime";var al="k-actionsheet-view",ru=[],iu={},lu={},ra=e=>{let{adaptive:t,animated:o,children:a,header:i,footer:n,titleId:c,...p}=e,u=i?.type===Ze&&ol(Ze,{adaptive:t,titleId:c,...i?.props}),h=n?.type===To&&ol(To,{...n?.props});return nu("div",{...p,className:r(e.className,al,{[`${al}-animated`]:o}),children:[u,ol("div",{className:"k-actionsheet-content",children:a}),h]})};ra.states=ru;ra.options=iu;ra.className=al;ra.defaultOptions=lu;var Va="action-sheet",Wr=Va;var rl="overlay",Cs=rl;import{jsx as mu}from"react/jsx-runtime";var il="k-overlay",su=[],du={themeColor:[N.undefined,N.light,N.dark,N.inverse]},cu={},No=e=>{let{themeColor:t,...o}=e;return mu("div",{...o,className:r(e.className,il,y(il,{themeColor:t})),children:e.children})};No.states=su;No.options=du;No.className=il;No.defaultOptions=cu;No.moduleName=rl;No.folderName=Cs;import{jsx as Xr,jsxs as bu}from"react/jsx-runtime";var Ms="k-actionsheet",pu=[],uu={},$a={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Me=e=>{let{side:t=$a.side,fullscreen:o=$a.fullscreen,adaptive:a=$a.adaptive,overlay:i=$a.overlay,template:n,children:c,header:p,footer:u,id:h,...g}=e,v=h&&!n&&p?`${h}-title`:void 0;return bu("div",{className:"k-actionsheet-container",children:[i&&Xr(No,{}),Xr(Xt,{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:Xr("div",{...g,id:h,role:"dialog","aria-modal":i?"true":void 0,"aria-labelledby":v,className:r(e.className,Ms,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:n\|\|Xr(ra,{header:p,footer:u,adaptive:a,titleId:v,...e,children:c})})})]})};Me.states=pu;Me.options=uu;Me.className=Ms;Me.defaultOptions=$a;Me.moduleName=Va;Me.folderName=Wr;Me.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 xu}from"react/jsx-runtime";var ws="k-actionsheet-container",fu=[],Tu={},hu={},ia=e=>{let{children:t,...o}=e;return xu("div",{...o,className:ws,children:t})};ia.states=fu;ia.options=Tu;ia.className=ws;ia.defaultOptions=hu;ia.moduleName=Va;ia.folderName=Wr;import{jsx as Nu}from"react/jsx-runtime";var ll=e=>{let{...t}=e;return Nu("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as gu,jsx as Wa,jsxs as nl}from"react/jsx-runtime";var sl="k-actionsheet-item",ku=[l.hover,l.focus,l.selected,l.disabled],ko=e=>{let{iconName:t,text:o,description:a,hover:i,focus:n,selected:c,disabled:p,...u}=e;return nl("span",{...u,className:r(e.className,sl,L(sl,{hover:i,focus:n,selected:c,disabled:p})),children:[!e.children&&Wa(gu,{children:nl("span",{className:"k-actionsheet-action",children:[t&&Wa("span",{className:"k-icon-wrap",children:Wa(b,{className:"k-actionsheet-item-icon",icon:t})}),nl("span",{className:"k-actionsheet-item-text",children:[o&&Wa("span",{className:"k-actionsheet-item-title",children:o}),a&&Wa("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};ko.states=ku;ko.className=sl;import{jsx as ry,jsxs as iy}from"react/jsx-runtime";import{jsx as dy}from"react/jsx-runtime";import{jsx as uy}from"react/jsx-runtime";import{jsx as hy}from"react/jsx-runtime";import{jsx as Ge,jsxs as dl}from"react/jsx-runtime";var vu=Me.options,Lu=Me.states,Ss={...Me.defaultOptions,variant:"normal"},Cu=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Mu=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Xa=e=>{let{variant:t,modifiers:o,...a}={...Ss,...e},i={},n=dl(ll,{children:[Ge(ko,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),Ge(ko,{text:"Add to Favorites",iconName:"heart"}),Ge(ko,{text:"Upload New",iconName:"upload",disabled:!0}),Ge("hr",{className:"k-hr"}),Ge(ko,{text:"Cancel",iconName:"cancel"})]}),c="Choose from the items below",p="Select Item";return t==="fullScreen"&&(i.fullScreen=!0),Object.keys(o\|\|{}).forEach(u=>{switch(u){case"actions":i.actionsStart=!!o?.[u],i.actionsEnd=!!o?.[u];break;case"subtitle":i.subtitle=o?.[u]?c:void 0;break;case"footer":i.footer=!!o?.[u];break;default:break}}),t==="adaptive"?Ge(Me,{...a,adaptive:!0,fullscreen:i.fullScreen,header:Ge(Ze,{actionsStart:i.actionsStart?Ge(d,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:i.actionsEnd?Ge(d,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:p,subtitle:i.subtitle}),footer:i.footer?dl(To,{alignment:"stretched",children:[Ge(d,{text:"Cancel",size:"large",themeColor:"base"}),Ge(d,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:n}):Ge(Me,{...a,fullscreen:i.fullScreen,header:Ge(Ze,{actionsStart:i.actionsStart?Ge(d,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:i.actionsEnd?Ge(d,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:i.subtitle}),footer:i.footer?dl(To,{alignment:"stretched",children:[Ge(d,{text:"Apply",themeColor:"primary"}),Ge(d,{text:"Cancel",themeColor:"base"})]}):void 0,children:n})};Xa.options=vu;Xa.states=Lu;Xa.variants=Cu;Xa.defaultOptions=Ss;Xa.modifiers=Mu;var cl="slider",Es=cl;import{jsx as la,jsxs as ml}from"react/jsx-runtime";var Ja="k-slider",wu=[l.hover,l.focus,l.active,l.disabled,l.readonly],yu={},It={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},Ne=e=>{let{type:t=It.type,orientation:o=It.orientation,gradientType:a=It.gradientType,readonly:i=It.readonly,disabled:n=It.disabled,handlePosition:c=It.handlePosition,showButtons:p=It.showButtons,showTicks:u=It.showTicks,value:h=It.value,min:g=It.min,max:v=It.max,startValue:f,endValue:M,hover:C,focus:E,active:O,trackStyle:R,dir:_,...fe}=e,Ye=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),xt,Nt;return o==="horizontal"?(xt=_==="rtl"?"caret-alt-left":"caret-alt-right",Nt=_==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(xt="caret-alt-up",Nt="caret-alt-down"),ml("div",{...fe,className:r(Ja,e.className,L(Ja,{readonly:i,disabled:n}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:_,children:[p&&la(d,{className:"k-button-decrease",rounded:"full",icon:Nt,tabIndex:-1,title:"Decrease"}),ml("div",{className:"k-slider-track-wrap",children:[u&&la("ul",{className:"k-reset k-slider-items",children:e.children}),ml("div",{className:"k-slider-track",style:R,children:[la("div",{className:"k-slider-selection"}),t==="range"&&la("span",{className:r("k-draghandle","k-draghandle-start",L(Ja,{hover:C,focus:E,active:O})),role:"slider",tabIndex:n?void 0:0,"aria-valuenow":f??g,"aria-valuemin":g,"aria-valuemax":M??v,"aria-orientation":Ye,"aria-disabled":n?"true":void 0,"aria-readonly":i?"true":void 0,"aria-label":fe["aria-label"]?`${fe["aria-label"]} start`:"Range start"}),la("span",{className:r("k-draghandle",`k-draghandle-${c}`,L(Ja,{hover:C,focus:E,active:O})),role:"slider",tabIndex:n?void 0:0,"aria-valuenow":t==="range"?M??v:h,"aria-valuemin":t==="range"?f??g:g,"aria-valuemax":v,"aria-orientation":Ye,"aria-disabled":n?"true":void 0,"aria-readonly":i?"true":void 0,"aria-label":t==="range"?fe["aria-label"]?`${fe["aria-label"]} end`:"Range end":fe["aria-label"]})]})]}),p&&la(d,{className:"k-button-increase",rounded:"full",icon:xt,tabIndex:-1,title:"Increase"})]})};Ne.states=wu;Ne.options=yu;Ne.className=Ja;Ne.defaultOptions=It;Ne.moduleName=cl;Ne.folderName=Es;Ne.ariaSpec={selector:".k-slider",rules:[{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"role=slider",usage:"Sets the proper role for Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-label or aria-labelledby or title",usage:"The Slider needs an accessible name to be assigned to it."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-invalid=true (when invalid)",usage:"Rendered only when the Slider is in a form and announces the invalid state."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuenow",usage:"Specifies the currently selected value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemin",usage:"Specifies the minimum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuemax",usage:"Specifies the maximum available value in the Slider."},{selector:".k-slider .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-valuetext (when has text alternative)",usage:"Specifies a human-readable text alternative to the numeric value. Provided by consuming applications."},{selector:".k-slider:not(.k-disabled) .k-draghandle:not(.k-hsv-draghandle)",attribute:"tabindex=0",usage:"The element must be focusable. Disabled sliders are removed from tab order."},{selector:".k-slider-vertical .k-draghandle",attribute:"aria-orientation=vertical (when vertical)",usage:"Present only when slider is vertical."},{selector:".k-slider.k-disabled .k-draghandle:not(.k-hsv-draghandle)",attribute:"aria-disabled=true",usage:"Rendered only when the Slider is disabled."},{selector:".k-slider.k-readonly .k-draghandle",attribute:"aria-readonly=true (when readonly)",usage:"Rendered only when the Slider is readonly. Readonly sliders remain focusable but their value cannot be changed."},{selector:".k-slider .k-button",attribute:"tabindex=-1",usage:"Excludes the buttons from the natural tab order. Keyboard users use arrow keys on the drag handle."},{selector:".k-slider .k-button",attribute:"title",usage:'Provides a tooltip describing the button action (e.g., "Decrease" or "Increase").'}]};import{jsx as As}from"react/jsx-runtime";var Is="k-tick",Su=[],Eu={},Rs={label:!1},H=e=>{let{style:t,label:o=Rs.label,orientation:a,large:i,text:n,...c}=e;return As("li",{...c,className:r(e.className,Is,{[`k-tick-${a}`]:a,"k-tick-large":i}),style:t,children:o&&As("span",{className:"k-label",children:n})})};H.states=Su;H.options=Eu;H.className=Is;H.defaultOptions=Rs;import{Fragment as Au,jsx as Rt,jsxs as Iu}from"react/jsx-runtime";var Os=e=>Rt(Ne,{"aria-label":e["aria-label"]\|\|"Slider",children:Iu(Au,{children:[Rt(H,{className:"k-first",label:!0,large:!0,text:"0"}),Rt(H,{}),Rt(H,{}),Rt(H,{}),Rt(H,{}),Rt(H,{label:!0,large:!0,text:"5"}),Rt(H,{}),Rt(H,{}),Rt(H,{}),Rt(H,{}),Rt(H,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Ru,jsx as Ot,jsxs as Ou}from"react/jsx-runtime";var Bs=e=>Ot(Ne,{children:Ou(Ru,{children:[Ot(H,{className:"k-first",label:!0,large:!0,text:"0"}),Ot(H,{}),Ot(H,{}),Ot(H,{}),Ot(H,{}),Ot(H,{label:!0,large:!0,text:"5"}),Ot(H,{}),Ot(H,{}),Ot(H,{}),Ot(H,{}),Ot(H,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});import{Fragment as iS,jsx as rS,jsxs as lS}from"react/jsx-runtime";import{Fragment as mS,jsx as cS,jsxs as pS}from"react/jsx-runtime";import{jsx as Bu}from"react/jsx-runtime";var pl=e=>Bu(Ne,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{jsx as Pu}from"react/jsx-runtime";var ul=e=>Pu(Ne,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{Fragment as LS,jsx as vS,jsxs as CS}from"react/jsx-runtime";import{Fragment as ES,jsx as SS,jsxs as AS}from"react/jsx-runtime";import{jsx as qt,jsxs as Ps}from"react/jsx-runtime";var Ku=Ne.options,Hu=Ne.states,Ks={...Ne.defaultOptions,variant:"horizontal",label:!0},Du=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Gu=[{name:"label",title:"Labels"},{name:"tick",title:"Ticks"},{name:"button",title:"Side Buttons"}],qa=e=>{let{variant:t,modifiers:o,...a}={...Ks,...e},i={};Object.keys(o\|\|{}).forEach(h=>{switch(h){case"button":{i.showButtons=!!o?.[h];break}case"label":{i.label=!!o?.[h];break}case"tick":{i.showTicks=!!o?.[h];break}}});let{label:n=!0,showButtons:c,showTicks:p}=i,u={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?Ps(Bs,{showTicks:p,showButtons:c,style:{height:"300px",...u},...a,children:[qt(H,{label:n,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),qt(H,{label:n,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),qt(H,{label:n,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),qt(H,{label:n,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),qt(H,{label:n,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Ps(Os,{showTicks:p,showButtons:c,style:{width:"400px",...u},...a,children:[qt(H,{label:n,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),qt(H,{label:n,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),qt(H,{label:n,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),qt(H,{label:n,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),qt(H,{label:n,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};qa.options=Ku;qa.states=Hu;qa.variants=Du;qa.defaultOptions=Ks;qa.modifiers=Gu;import{jsx as Hs,jsxs as Vu}from"react/jsx-runtime";var Ds="k-spin-button",Fu=[],Uu={size:[s.undefined,s.small,s.medium,s.large],fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link]},bl={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},go=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:i=bl.increaseLabel,decreaseLabel:n=bl.decreaseLabel,...c}=e;return Vu("span",{...c,className:r(Ds,e.className),children:[Hs(d,{className:"k-spinner-increase",icon:"caret-alt-up",size:t,fillMode:o,disabled:a,"aria-label":i}),Hs(d,{className:"k-spinner-decrease",icon:"caret-alt-down",size:t,fillMode:o,disabled:a,"aria-label":n})]})};go.states=Fu;go.options=Uu;go.className=Ds;go.defaultOptions=bl;go.moduleName=null;go.folderName=null;var Gs="numeric-textbox",_s="numerictextbox";import{Fragment as zs,jsx as ro,jsxs as fl}from"react/jsx-runtime";var Fs="k-numerictextbox",$u=[l.hover,l.focus,l.valid,l.invalid,l.loading,l.required,l.disabled,l.readonly],Wu={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},Jr={showSpinButton:!0,showClearButton:!0,separators:!0},V=e=>{let{size:t,rounded:o,fillMode:a,separators:i=Jr.separators,showClearButton:n=Jr.showClearButton,showSpinButton:c=Jr.showSpinButton,prefix:p,suffix:u,value:h,placeholder:g,hover:v,focus:f,valid:M,invalid:C,required:E,loading:O,disabled:R,readonly:_,id:fe,"aria-label":Ee,"aria-describedby":Ye,...xt}=e;return fl(Ae,{...xt,size:t,rounded:o,fillMode:a,hover:v,focus:f,valid:M,invalid:C,required:E,loading:O,disabled:R,readonly:_,className:r(e.className,Fs),children:[p&&fl(zs,{children:[ro(St,{children:p}),i&&ro(At,{})]}),ro(gt,{id:fe,placeholder:g,value:h,role:"spinbutton",disabled:R,"aria-label":Ee,"aria-describedby":Ye,"aria-invalid":C?"true":void 0}),ro(Qe,{valid:M,invalid:C,loading:O,disabled:R}),ro(it,{loading:O,disabled:R}),n&&ro(kt,{loading:O,disabled:R,readonly:_,value:h}),u&&fl(zs,{children:[i&&ro(At,{}),ro(Et,{children:u})]}),c&&ro(go,{className:"k-input-spinner",size:t,fillMode:a,disabled:R})]})};V.states=$u;V.options=Wu;V.className=Fs;V.defaultOptions=Jr;V.moduleName=Gs;V.folderName=_s;V.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 Ya=V;import{jsx as Xu}from"react/jsx-runtime";var Us=e=>Xu(Ya,{...e});import hl from"react";import{jsx as Vs}from"react/jsx-runtime";var Ju="k-list-group-sticky-header",Tl=e=>Vs("div",{className:r(Ju,e.className),children:Vs("div",{className:"k-list-header-text",children:e.children})});import{jsx as Yu}from"react/jsx-runtime";var qu="k-no-data",qr=e=>{let{live:t,...o}=e;return Yu("span",{...o,className:r(qu,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Go="list",na=Go;import{jsx as $s,jsxs as Ws}from"react/jsx-runtime";var xl="k-list",Qu=[],Zu={size:[s.undefined,s.small,s.medium,s.large]},ju={},J=e=>{let{size:t,virtualization:o,children:a,header:i,optionLabel:n,customValue:c,noData:p,screenReaders:u,...h}=e,v=hl.Children.toArray(a)[0],f=v?.props?.children?hl.Children.count(v.props.children):hl.Children.count(a);return Ws("div",{...h,className:r(e.className,xl,y(xl,{size:t}),{"k-virtual-list":o}),children:[n,c,i&&$s(Tl,{children:i}),a\|\|(p!==void 0?p:$s(qr,{live:!0,children:"No data found."})),u&&a&&Ws(qr,{className:"k-sr-only",live:!0,children:[f," items found."]})]})};J.states=Qu;J.options=Zu;J.className=xl;J.defaultOptions=ju;J.moduleName=Go;J.folderName=na;J.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 ab}from"react/jsx-runtime";var Xs="k-list-container",eb=[],tb={},ob={},sa=e=>{let{...t}=e;return ab("div",{...t,className:r(e.className,Xs),children:e.children})};sa.states=eb;sa.options=tb;sa.className=Xs;sa.defaultOptions=ob;sa.moduleName=Go;sa.folderName=na;var _o="checkbox",da=_o;import{jsx as Js}from"react/jsx-runtime";var Yr="k-checkbox",rb=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.checked,l.indeterminate],ib={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full]},lb={},Ue=e=>{let{id:t,checked:o,indeterminate:a,hover:i,focus:n,disabled:c,invalid:p,valid:u,required:h,size:g,rounded:v,...f}=e;return Js("span",{className:"k-checkbox-wrap",children:Js("input",{...f,id:t,type:"checkbox",defaultChecked:o,required:h,disabled:c\|\|void 0,"aria-invalid":p?"true":void 0,className:r(e.className,Yr,y(Yr,{size:g,rounded:v}),L(Yr,{hover:i,focus:n,disabled:c,invalid:p,valid:u,indeterminate:a,checked:o}))})})};Ue.states=rb;Ue.options=ib;Ue.className=Yr;Ue.defaultOptions=lb;Ue.moduleName=_o;Ue.folderName=da;Ue.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=Ue;import{jsx as db}from"react/jsx-runtime";var qs="k-checkbox-list",nb=[],sb={},Ys={layout:"vertical"},lt=e=>{let{layout:t=Ys.layout,...o}=e;return db("ul",{...o,className:r(e.className,qs,{[`k-list-${t}`]:t}),children:e.children})};lt.states=nb;lt.options=sb;lt.className=qs;lt.defaultOptions=Ys;lt.moduleName=_o;lt.folderName=da;import{jsx as ub}from"react/jsx-runtime";var Qs="k-checkbox-list-item",cb=[],mb={},pb={},je=e=>{let{...t}=e;return ub("li",{...t,className:r(e.className,Qs),children:e.children})};je.states=cb;je.options=mb;je.className=Qs;je.defaultOptions=pb;je.moduleName=_o;je.folderName=da;import{Fragment as bb,jsx as Zs,jsxs as fb}from"react/jsx-runtime";var io=({children:e,id:t,...o})=>fb(bb,{children:[Zs(Yt,{id:t,...o}),Zs("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as eA,jsx as jE,jsxs as tA}from"react/jsx-runtime";import{Fragment as lA,jsx as iA,jsxs as nA}from"react/jsx-runtime";import{Fragment as pA,jsx as mA,jsxs as uA}from"react/jsx-runtime";import{jsx as hA}from"react/jsx-runtime";import{jsx as gA}from"react/jsx-runtime";import{jsx as MA}from"react/jsx-runtime";import{jsx as Bt,jsxs as js}from"react/jsx-runtime";var Tb=lt.options,hb=lt.states,xb={...lt.defaultOptions,variant:"vertical"},Nb=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],kb=[],Qa=e=>{let{variant:t,...o}=e;return t==="horizontal"?js(lt,{layout:"horizontal",...o,children:[Bt(je,{children:Bt(io,{id:"first",defaultChecked:!0,children:"Label"})}),Bt(je,{children:Bt(io,{id:"second",children:"Label"})}),Bt(je,{children:Bt(io,{id:"third",children:"Label"})})]}):js(lt,{...o,children:[Bt(je,{children:Bt(io,{id:"first",defaultChecked:!0,children:"Label"})}),Bt(je,{children:Bt(io,{id:"second",children:"Label"})}),Bt(je,{children:Bt(io,{id:"third",children:"Label"})})]})};Qa.options=Tb;Qa.states=hb;Qa.variants=Nb;Qa.defaultOptions=xb;Qa.modifiers=kb;import{jsx as wb}from"react/jsx-runtime";var gb=Yt.options,vb=Yt.states,Lb=Yt.defaultOptions,Cb=[],Mb=[],Za=e=>wb(io,{id:"checkbox-demo-checkbox",...e,defaultChecked:!0,children:"Label"});Za.options=gb;Za.states=vb;Za.variants=Cb;Za.defaultOptions=Lb;Za.modifiers=Mb;import{jsx as zo,jsxs as Ab}from"react/jsx-runtime";var Nl="k-list-item",yb=[l.hover,l.focus,l.selected,l.disabled],Sb={},Eb={},U=e=>{let{text:t,groupLabel:o,group:a,iconName:i,iconClassName:n,showCheckbox:c,checked:p,hover:u,focus:h,selected:g,disabled:v,actions:f,description:M,id:C,...E}=e,O=t\|\|e.children;return Ab("li",{...E,id:C,role:a?"presentation":"option",tabIndex:a?void 0:h?0:-1,"aria-selected":!a&&g?"true":a?void 0:"false","aria-disabled":!a&&v?"true":void 0,className:r(e.className,a?"k-list-group-item":Nl,L(Nl,{hover:u,focus:h,disabled:v,selected:g})),children:[c&&zo(Ue,{checked:p}),i&&zo("span",{className:"k-list-item-icon-wrapper",children:zo(b,{icon:i,className:r("k-list-item-icon",n)})}),zo("span",{className:"k-list-item-text",children:O}),f&&zo("div",{className:"k-list-item-actions",children:f}),M&&zo("span",{className:"k-list-item-description",children:M}),o&&o!==""&&zo("div",{className:"k-list-item-group-label",children:o})]})};U.states=yb;U.options=Sb;U.className=Nl;U.defaultOptions=Eb;U.moduleName=Go;U.folderName=na;U.ariaSpec={selector:".k-list-item",rules:[{selector:".k-list-item",attribute:"role=option",usage:"Each list item is an option in the listbox."},{selector:".k-list-item",attribute:"id",usage:"ID for aria-activedescendant reference."},{selector:".k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state of the option."},{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-item-icon",attribute:"aria-hidden=true",usage:"Decorative icons are hidden from assistive technology."}]};import{jsx as Rb}from"react/jsx-runtime";var Ib="k-list-ul",lo=e=>{let{children:t,role:o,id:a,...i}=e;return Rb("ul",{...i,id:a,role:o,className:r(Ib,e.className),children:t})};lo.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 kl,jsxs as Bb}from"react/jsx-runtime";var Ob="k-list-content",le=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":i,listboxId:n,...c}=e;return Bb("div",{...c,className:r(Ob,e.className),role:o?"listbox":void 0,id:o?n:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?i:void 0,children:[o?e.children:kl(lo,{role:"listbox",id:n,"aria-label":a,"aria-labelledby":i,children:e.children}),t&&kl("div",{className:"k-height-container",children:kl("div",{})})]})};le.ariaSpec={selector:".k-list-content",rules:[{selector:'.k-list-content[role="listbox"]',attribute:"role=listbox",usage:"For grouped lists, the list content container has the listbox role."},{selector:'.k-list-content[role="listbox"]',attribute:"aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name for the listbox."}]};import{Fragment as uI,jsx as pI,jsxs as bI}from"react/jsx-runtime";import{jsx as gl,jsxs as Kb}from"react/jsx-runtime";var Pb="k-list-group-item",Fo=e=>{let{groupIconName:t,...o}=e;return Kb("li",{...o,role:"presentation",className:r(Pb,e.className),children:[t&&gl("span",{className:"k-list-item-icon-wrapper",children:gl(b,{icon:t,className:"k-list-item-icon"})}),gl("span",{className:"k-list-item-text",children:e.children})]})};Fo.ariaSpec={selector:".k-list-group-item",rules:[{selector:".k-list-group-item",attribute:"role=presentation",usage:"Group headers are presentational, not selectable options."},{selector:".k-list-group-item",attribute:"id (when referenced)",usage:"ID for aria-labelledby on the parent group UL."}]};import{jsx as _b}from"react/jsx-runtime";var vl="k-list-optionlabel",Hb=[l.hover,l.focus,l.selected,l.disabled],Db={},Gb={},Qr=e=>{let{text:t,hover:o,focus:a,selected:i,disabled:n,...c}=e;return _b("div",{...c,className:r(vl,L(vl,{hover:o,focus:a,selected:i,disabled:n})),children:t})};Qr.states=Hb;Qr.options=Db;Qr.className=vl;Qr.defaultOptions=Gb;import{jsx as Vb}from"react/jsx-runtime";var Ll="k-list-custom-value",zb=[l.hover,l.focus,l.selected,l.disabled],Fb={},Ub={},vo=e=>{let{text:t,hover:o,focus:a,selected:i,disabled:n,...c}=e;return Vb("div",{...c,className:r(Ll,L(Ll,{hover:o,focus:a,selected:i,disabled:n})),children:t})};vo.states=zb;vo.options=Fb;vo.className=Ll;vo.defaultOptions=Ub;import{Fragment as AI,jsx as EI,jsxs as II}from"react/jsx-runtime";import{Fragment as HI,jsx as KI,jsxs as DI}from"react/jsx-runtime";import{Fragment as $I,jsx as UI,jsxs as VI}from"react/jsx-runtime";import{Fragment as ZI,jsx as YI,jsxs as QI}from"react/jsx-runtime";import{jsx as oR}from"react/jsx-runtime";import{Fragment as sR,jsx as nR,jsxs as dR}from"react/jsx-runtime";var ed="dropdown-list",td="dropdownlist";import{Fragment as Xb,jsx as et,jsxs as Cl}from"react/jsx-runtime";var od="k-dropdownlist",$b=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],Wb={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},Ml={showValue:!0,arrowIconName:"caret-alt-down"},pe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:i=Ml.arrowIconName,showValue:n=Ml.showValue,valueIconName:c,prefix:p,suffix:u,value:h,placeholder:g,hover:v,focus:f,valid:M,invalid:C,required:E,loading:O,disabled:R,readonly:_,popup:fe,opened:Ee,adaptive:Ye,adaptiveSettings:xt,adaptiveTitle:Nt,adaptiveSubtitle:aa,adaptiveFilter:Si,...Hr}=e;return Cl(Xb,{children:[Cl($t,{...Hr,size:t,rounded:o,fillMode:a,hover:v,focus:f,valid:M,invalid:C,required:E,loading:O,disabled:R,readonly:_,className:r(e.className,od,{"k-icon-picker":!n&&c}),children:[et(St,{children:p}),et(Do,{placeholder:g,value:h,showValue:n,valueIconName:c}),et(Qe,{valid:M,invalid:C,loading:O,disabled:R}),et(it,{loading:O,disabled:R}),et(Et,{children:u}),et(d,{className:"k-input-button",icon:i,size:e.size,fillMode:e.fillMode,"aria-label":g\|\|"Toggle dropdown"})]}),Ee&&fe&&et(he,{className:"k-list-container k-dropdownlist-popup",children:fe}),Ye&&et(Me,{adaptive:!0,...xt,header:et(Ze,{actionsEnd:et(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:Si,inputValue:h,inputPlaceholder:g,title:Nt,subtitle:aa}),children:et("div",{className:"k-list-container",children:et(J,{size:"large",children:Cl(le,{children:[et(U,{text:"List item"}),et(U,{text:"List item"}),et(U,{text:"List item"})]})})})})]})};pe.states=$b;pe.options=Wb;pe.className=od;pe.defaultOptions=Ml;pe.moduleName=ed;pe.folderName=td;import{jsx as zR}from"react/jsx-runtime";import{jsx as WR,jsxs as XR}from"react/jsx-runtime";import{Fragment as tO,jsx as jR,jsxs as eO}from"react/jsx-runtime";import{jsx as iO}from"react/jsx-runtime";import{jsx as cO,jsxs as mO}from"react/jsx-runtime";import{Fragment as NO,jsx as hO,jsxs as xO}from"react/jsx-runtime";import{Fragment as jb,jsx as Lo,jsxs as ad}from"react/jsx-runtime";var Jb=pe.states,qb=pe.defaultOptions,Yb=pe.options,Qb=[{name:"opened",title:"Opened"}],Zb=[],er=e=>{let{modifiers:t,...o}=e,a={},i=ad(jb,{children:[Lo("div",{className:"k-list-filter",children:Lo(ve,{})}),Lo(J,{style:{width:300},size:o.size,children:ad(le,{children:[Lo(U,{children:"List item"}),Lo(U,{children:"List item"}),Lo(U,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(n=>{n==="opened"&&(a.opened=!!t?.[n],a.popup=t?.[n]?i:void 0)}),Lo("div",{children:Lo(pe,{placeholder:"Value",style:{width:300},...o,...a})})};er.options=Yb;er.states=Jb;er.variants=Zb;er.defaultOptions=qb;er.modifiers=Qb;import{Fragment as _O,jsx as GO}from"react/jsx-runtime";import{Fragment as WO,jsx as $O}from"react/jsx-runtime";import{jsx as YO}from"react/jsx-runtime";import{jsx as wl}from"react/jsx-runtime";var ef=V.states,tf=V.defaultOptions,of=V.options,af=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],rf=[],tr=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?wl(pe,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[i]?wl(Vi,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[i];break;case"spin-button":a.showSpinButton=t?.[i];break;default:break}}),wl(Us,{value:"Value",style:{width:300},...o,...a})};tr.options=of;tr.states=ef;tr.variants=rf;tr.defaultOptions=tf;tr.modifiers=af;import{Fragment as or,jsx as W,jsxs as we}from"react/jsx-runtime";var rd="k-colorgradient-inputs",lf=[],nf={size:[s.undefined,s.small,s.medium,s.large]},id={mode:"rgba"},ca=e=>{let{mode:t=id.mode,size:o,...a}=e;return we("div",{...a,className:r(rd,"k-hstack"),children:[W("div",{className:"k-vstack",children:W(d,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&we(or,{children:[we("div",{className:"k-vstack",children:[W(V,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),W("label",{className:"k-colorgradient-input-label",children:"R"})]}),we("div",{className:"k-vstack",children:[W(V,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),W("label",{className:"k-colorgradient-input-label",children:"G"})]}),we("div",{className:"k-vstack",children:[W(V,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),W("label",{className:"k-colorgradient-input-label",children:"B"})]}),we("div",{className:"k-vstack",children:[W(V,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),W("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&we(or,{children:[we("div",{className:"k-vstack",children:[W(V,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),W("label",{className:"k-colorgradient-input-label",children:"R"})]}),we("div",{className:"k-vstack",children:[W(V,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),W("label",{className:"k-colorgradient-input-label",children:"G"})]}),we("div",{className:"k-vstack",children:[W(V,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),W("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&we(or,{children:[we("div",{className:"k-vstack",children:[W(V,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),W("label",{className:"k-colorgradient-input-label",children:"H"})]}),we("div",{className:"k-vstack",children:[W(V,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),W("label",{className:"k-colorgradient-input-label",children:"S"})]}),we("div",{className:"k-vstack",children:[W(V,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),W("label",{className:"k-colorgradient-input-label",children:"V"})]}),we("div",{className:"k-vstack",children:[W(V,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),W("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&we(or,{children:[we("div",{className:"k-vstack",children:[W(V,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),W("label",{className:"k-colorgradient-input-label",children:"H"})]}),we("div",{className:"k-vstack",children:[W(V,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),W("label",{className:"k-colorgradient-input-label",children:"S"})]}),we("div",{className:"k-vstack",children:[W(V,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),W("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&W(or,{children:we("div",{className:"k-vstack k-flex-1",children:[W(xe,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),W("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};ca.states=lf;ca.options=nf;ca.className=rd;ca.defaultOptions=id;import{jsx as Uo,jsxs as Vo}from"react/jsx-runtime";var ld="k-colorgradient-color-contrast",sf=[],df={},cf={},ma=()=>Vo("div",{className:r(ld,"k-vbox"),children:[Vo("div",{className:"k-contrast-ratio",children:[Uo("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),Vo("span",{className:"k-contrast-validation !k-text-success",children:[Uo(b,{icon:"check"}),Uo(b,{icon:"check"})]})]}),Vo("div",{children:[Uo("span",{children:"AA: 4.5"}),Vo("span",{className:"k-contrast-validation !k-text-success",children:["Pass",Uo(b,{icon:"check"})]})]}),Vo("div",{children:[Uo("span",{children:"AAA: 7.0"}),Vo("span",{className:"k-contrast-validation !k-text-error",children:["Fail",Uo(b,{icon:"x"})]})]})]});ma.states=sf;ma.options=df;ma.className=ld;ma.defaultOptions=cf;var nd="color-gradient",sd="colorgradient";import{jsx as Kt,jsxs as ar}from"react/jsx-runtime";var Zr="k-colorgradient",mf=[l.hover,l.focus,l.readonly,l.disabled],pf={size:[s.undefined,s.small,s.medium,s.large]},Qt={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"},_e=e=>{let{size:t,mode:o=Qt.mode,readonly:a=Qt.readonly,disabled:i=Qt.disabled,gradientStyle:n=Qt.gradientStyle,dragHandleStyle:c=Qt.dragHandleStyle,alphaStyle:p=Qt.alphaStyle,alphaStyleHorizontal:u=Qt.alphaStyleHorizontal,contrast:h=Qt.contrast,dir:g,hover:v,focus:f,hoverHandle:M,focusHandle:C,canvasOrientation:E=Qt.canvasOrientation,role:O,tabIndex:R,..._}=e;return ar("div",{..._,role:O??"textbox","aria-label":O==="none"?void 0:"Color gradient",tabIndex:R??0,"aria-disabled":i?"true":void 0,className:r(e.className,Zr,y(Zr,{size:t}),L(Zr,{hover:v,focus:f,readonly:a,disabled:i})),dir:g,children:[!E\|\|E==="horizontal"&&ar("div",{className:"k-colorgradient-canvas k-hstack",children:[Kt("div",{className:"k-hsv-rectangle",style:n,children:Kt("div",{className:"k-hsv-gradient",children:Kt("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":C}),style:c,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})})}),ar("div",{className:"k-hsv-controls k-hstack",children:[Kt(ul,{className:"k-hue-slider",hover:M,focus:C}),o!=="rgb"&&o!=="hsv"&&Kt(ul,{className:"k-alpha-slider",hover:M,focus:C,trackStyle:p})]})]}),E==="vertical"&&ar("div",{className:"k-colorgradient-canvas k-vstack",children:[Kt("div",{className:"k-hsv-rectangle",style:n,children:Kt("div",{className:"k-hsv-gradient",children:Kt("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":C}),style:c,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})})}),ar("div",{className:"k-hsv-controls k-vstack",children:[Kt(pl,{className:"k-hue-slider",hover:M,focus:C}),o!=="rgb"&&o!=="hsv"&&Kt(pl,{className:"k-alpha-slider",hover:M,focus:C,trackStyle:u})]})]}),Kt(ca,{mode:e.mode,size:t}),h&&Kt(ma,{})]})};_e.states=mf;_e.options=pf;_e.className=Zr;_e.defaultOptions=Qt;_e.moduleName=nd;_e.folderName=sd;_e.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 uf}from"react/jsx-runtime";var jr=e=>uf(_e,{...e});import{jsx as PB}from"react/jsx-runtime";import{jsx as GB}from"react/jsx-runtime";import{jsx as yl}from"react/jsx-runtime";var bf=_e.options,ff=_e.states,Tf={..._e.defaultOptions,variant:"rgba"},hf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],xf=[],rr=e=>{let{variant:t,...o}=e;switch(t){case"hex":return yl(jr,{...o,mode:t});case"rgb":return yl(jr,{...o,mode:t});default:return yl(jr,{...o,mode:t})}};rr.options=bf;rr.states=ff;rr.variants=hf;rr.defaultOptions=Tf;rr.modifiers=xf;import{jsx as Nf}from"react/jsx-runtime";var Sl=e=>Nf("tr",{role:"row",children:e.children});import{jsx as vf}from"react/jsx-runtime";var El="k-colorpalette-tile",kf=[l.hover,l.focus,l.selected],gf={},pa=e=>{let{color:t,tileSize:o,hover:a,focus:i,selected:n,...c}=e,p={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return vf("td",{...c,role:"gridcell","aria-label":t,"aria-selected":n?"true":void 0,className:r(e.className,El,L(El,{hover:a,focus:i,selected:n})),style:p})};pa.states=kf;pa.options=gf;pa.className=El;var dd="color-palette",cd="colorpalette";import{jsx as ir}from"react/jsx-runtime";var ei="k-colorpalette",Lf=[l.disabled],Cf={size:[s.undefined,s.small,s.medium,s.large]},md={columns:10},nt=e=>{let{size:t,palette:o,columns:a=md.columns,tileSize:i,disabled:n,...c}=e,p=[];if(o){let u=a\|\|o.columns,h=o.colors?o.colors:o;Array.isArray(h)&&Array.from({length:Math.ceil(h.length/u)},(g,v)=>{let f=[];h.slice(vu,(v+1)u).map((C,E)=>{f.push(ir(pa,{color:C,tileSize:i},E))});let M=ir(Sl,{children:f},v);p.push(M)})}return ir("div",{...c,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":n?"true":void 0,className:r(e.className,ei,L(ei,{disabled:n}),y(ei,{size:t})),children:ir("table",{className:"k-colorpalette-table",role:"none",children:ir("tbody",{children:p.length>0?p:e.children})})})};nt.states=Lf;nt.options=Cf;nt.className=ei;nt.defaultOptions=md;nt.moduleName=dd;nt.folderName=cd;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 ti=nt;var lr={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 Mf}from"react/jsx-runtime";var pd=e=>Mf(ti,{palette:lr.basic,...e});import{jsx as kP}from"react/jsx-runtime";import{jsx as wP,jsxs as yP}from"react/jsx-runtime";import{jsx as Rf}from"react/jsx-runtime";var wf=nt.options,yf=nt.states,Sf={...nt.defaultOptions,variant:"basic"},Ef=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Af={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}},If=[],nr=e=>{let{variant:t="basic",...o}=e,a=Af[t];return Rf(pd,{columns:a.columns,palette:a,...o})};nr.options=wf;nr.states=yf;nr.variants=Ef;nr.defaultOptions=Sf;nr.modifiers=If;var ud="color-editor",bd="coloreditor";import{jsx as Ht,jsxs as ua}from"react/jsx-runtime";var oi="k-coloreditor",Of=[l.focus],Bf={size:[s.undefined,s.small,s.medium,s.large]},sr={view:"gradient",palette:lr.office,actionButtons:!0,canvasOrientation:"horizontal"},ye=e=>{let{size:t,view:o=sr.view,palette:a=sr.palette,color:i,currentColor:n,focus:c,focusView:p,dir:u,group:h,actionButtons:g=sr.actionButtons,canvasOrientation:v=sr.canvasOrientation,...f}=e;return ua("div",{...f,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",oi,y(oi,{size:t}),L(oi,{focus:c})),dir:u,children:[ua("div",{className:"k-coloreditor-header k-hstack",children:[Ht("div",{className:"k-coloreditor-header-actions k-hstack",children:h&&ua(I,{fillMode:"flat",children:[Ht(d,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),Ht(d,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),Ht("div",{className:"k-spacer"}),ua("div",{className:"k-coloreditor-header-actions k-hstack",children:[Ht(d,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),ua("div",{className:"k-coloreditor-preview k-vstack",children:[Ht(fo,{className:"k-coloreditor-preview-color",color:i}),Ht(fo,{className:"k-coloreditor-current-color",color:n})]})]})]}),Ht("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?Ht(_e,{focus:p,size:t,canvasOrientation:v,role:"none",tabIndex:-1}):Ht(nt,{palette:a,size:t})}),g&&ua(Jt,{className:"k-coloreditor-footer",alignment:"start",children:[Ht(d,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),Ht(d,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};ye.states=Of;ye.options=Bf;ye.className=oi;ye.defaultOptions=sr;ye.moduleName=ud;ye.folderName=bd;ye.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 ba=ye;import{jsx as oK}from"react/jsx-runtime";import{jsx as lK}from"react/jsx-runtime";import{jsx as Pf}from"react/jsx-runtime";var fd=e=>Pf(ba,{group:!0,currentColor:"fuchsia",...e});import{jsx as Kf}from"react/jsx-runtime";var Td=e=>Kf(ba,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as hd}from"react/jsx-runtime";var Hf=ye.options,Df=ye.states,Gf={...ye.defaultOptions,variant:"gradient"},_f=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],zf=[],dr=e=>{let{variant:t,...o}=e;return t==="palette"?hd(Td,{...o,color:"white"}):hd(fd,{...o,color:"rgba(183, 118 , 118, 1.00)"})};dr.options=Hf;dr.states=Df;dr.variants=_f;dr.defaultOptions=Gf;dr.modifiers=zf;var xd="color-picker",Nd="colorpicker";import{Fragment as Vf,jsx as Dt,jsxs as Al}from"react/jsx-runtime";var kd="k-colorpicker",Ff=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled],Uf={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},gd={arrowIconName:"caret-alt-down"},vt=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:i=gd.arrowIconName,prefix:n,suffix:c,value:p,placeholder:u,hover:h,focus:g,valid:v,invalid:f,required:M,disabled:C,valueIconName:E,popup:O,opened:R,adaptive:_,adaptiveSettings:fe,adaptiveTitle:Ee,adaptiveSubtitle:Ye,...xt}=e,Nt="colorpicker-popup";return Al(Vf,{children:[Al($t,{...xt,size:t,rounded:o,fillMode:a,hover:h,focus:g,valid:v,invalid:f,required:M,disabled:C,role:"combobox","aria-haspopup":"dialog","aria-expanded":R?"true":"false","aria-controls":R\|\|_?Nt:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":C?"true":void 0,className:r(e.className,kd,"k-icon-picker"),children:[Dt(St,{children:n}),Dt(Do,{placeholder:u,value:p,showValue:!1,valueIcon:Dt(fo,{className:"k-value-icon",color:p,iconName:E}),valueIconName:E}),Dt(Et,{children:c}),Dt(d,{className:"k-input-button",icon:i,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:C})]}),R&&O&&Dt(he,{id:Nt,className:"k-colorpicker-popup",children:O}),_&&Dt(Me,{adaptive:!0,id:Nt,...fe,header:Dt(Ze,{actionsEnd:Dt(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:Ee,subtitle:Ye}),footer:Al(To,{children:[Dt(d,{text:"Cancel",size:"large"}),Dt(d,{text:"Set",size:"large",themeColor:"primary"})]}),children:Dt(ye,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};vt.states=Ff;vt.options=Uf;vt.className=kd;vt.defaultOptions=gd;vt.moduleName=xd;vt.folderName=Nd;vt.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 Co=vt;import{jsx as $f}from"react/jsx-runtime";var ai=e=>$f(Co,{...e});import{jsx as UK}from"react/jsx-runtime";import{jsx as JK}from"react/jsx-runtime";import{jsx as ZK}from"react/jsx-runtime";import{jsx as oH}from"react/jsx-runtime";import{jsx as lH}from"react/jsx-runtime";import{jsx as cH}from"react/jsx-runtime";import{jsx as $o}from"react/jsx-runtime";var Wf=Co.options,Xf=Co.states,vd={...Co.defaultOptions,variant:"color"},Jf=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],qf=[{name:"opened",title:"Opened"}],cr=e=>{let{variant:t,modifiers:o,...a}={...vd,...e},i={};Object.keys(o\|\|{}).forEach(c=>{c==="opened"&&(i.opened=!!o?.[c],i.popup=o?.[c]?$o(ye,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let n=i.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return $o("div",{style:n,children:$o(ai,{...a,...i})});case"icon":return $o("div",{style:n,children:$o(ai,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...i})});default:return $o("div",{style:n,children:$o(ai,{value:"rgba(183, 118 , 118, 1.00)",...a,...i})})}};cr.options=Wf;cr.states=Xf;cr.variants=Jf;cr.defaultOptions=vd;cr.modifiers=qf;var Il="combobox",Ld=Il;import{Fragment as Rl,jsx as Ie,jsxs as mr}from"react/jsx-runtime";var Cd="k-combobox",Yf=[l.hover,l.focus,l.valid,l.invalid,l.loading,l.required,l.disabled,l.readonly],Qf={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[k.undefined,k.solid,k.flat,k.outline]},Md={separators:!0},tt=e=>{let{size:t,rounded:o,fillMode:a,separators:i=Md.separators,prefix:n,suffix:c,value:p,placeholder:u,hover:h,focus:g,valid:v,invalid:f,required:M,loading:C,disabled:E,popup:O,opened:R,readonly:_,adaptive:fe,adaptiveSettings:Ee,adaptiveTitle:Ye,adaptiveSubtitle:xt,adaptiveCustomValue:Nt,id:aa,autocomplete:Si,activeDescendant:Hr,"aria-label":pm,...um}=e,bm=aa?`${aa}-listbox`:void 0;return mr(Rl,{children:[mr(Ae,{...um,size:t,rounded:o,fillMode:a,hover:h,focus:g,valid:v,invalid:f,required:M,loading:C,disabled:E,readonly:_,className:r(e.className,Cd),children:[n&&mr(Rl,{children:[Ie(St,{children:n}),i&&Ie(At,{})]}),Ie(gt,{placeholder:u,value:p,role:"combobox","aria-haspopup":"listbox","aria-expanded":R?"true":"false","aria-controls":R?bm:void 0,"aria-activedescendant":R&&Hr?Hr:void 0,"aria-autocomplete":Si,"aria-invalid":f?"true":void 0,"aria-busy":C?"true":void 0,"aria-label":pm,disabled:E,readOnly:_}),Ie(Qe,{valid:v,invalid:f,loading:C,disabled:E}),Ie(it,{loading:C,disabled:E}),Ie(kt,{loading:C,disabled:E,readonly:_,value:p}),c&&mr(Rl,{children:[i&&Ie(At,{}),Ie(Et,{children:c})]}),Ie(d,{className:"k-input-button",icon:"caret-alt-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:E})]}),R&&O&&Ie(he,{className:"k-list-container k-combobox-popup",containerClassName:"k-combobox-popup-container",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:O}),fe&&Ie(Me,{adaptive:!0,id:aa?`${aa}-adaptive`:void 0,...Ee,header:Ie(Ze,{actionsEnd:Ie(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:p,inputPlaceholder:u,title:Ye,subtitle:xt}),children:Ie("div",{className:"k-list-container",children:Ie(J,{customValue:Nt?Ie(vo,{text:`Use "${p}"`}):void 0,size:"large",children:mr(le,{"aria-label":Ye\|\|"Options",children:[Ie(U,{text:"List item"}),Ie(U,{text:"List item"}),Ie(U,{text:"List item"})]})})})})]})};tt.states=Yf;tt.options=Qf;tt.className=Cd;tt.defaultOptions=Md;tt.moduleName=Il;tt.folderName=Ld;tt.ariaSpec={selector:".k-combobox",rules:[{selector:".k-combobox > .k-input-inner",attribute:"role=combobox",usage:"Identifies the input as a combobox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-haspopup=listbox",usage:"Indicates the combobox has a listbox popup."},{selector:".k-combobox > .k-input-inner",attribute:"aria-expanded",usage:"Indicates whether the popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-controls=${id}-listbox (when open)",usage:"Points to the listbox element when popup is open."},{selector:".k-combobox > .k-input-inner",attribute:"aria-activedescendant (when open)",usage:"Points to the focused item in the listbox."},{selector:".k-combobox > .k-input-inner",attribute:"aria-autocomplete=list\|both\|inline (when has autocomplete)",usage:"Indicates the autocomplete behavior."},{selector:".k-combobox > .k-input-inner",attribute:"aria-invalid=true (when invalid)",usage:"Rendered when the combobox is in an invalid state."},{selector:".k-combobox > .k-input-inner",attribute:"aria-busy=true (when loading)",usage:"Rendered when the combobox is loading data."},{selector:".k-combobox > .k-input-inner",attribute:"label for or aria-label or aria-labelledby (when has accessible name)",usage:"Accessible name provided by consuming app."},{selector:".k-combobox.k-disabled > .k-input-inner",attribute:"disabled=disabled or aria-disabled=true",usage:"Rendered when the combobox is disabled."},{selector:".k-combobox .k-input-button",attribute:"role=button or nodeName=button",usage:"The dropdown toggle button."},{selector:".k-combobox .k-input-button",attribute:"aria-label",usage:"Accessible name for the dropdown button."},{selector:".k-combobox .k-input-button",attribute:"tabindex=-1",usage:"Dropdown button is not in the tab order."},{selector:".k-combobox-popup .k-list-content, .k-combobox-popup .k-list-ul",attribute:"role=listbox",usage:"The popup list container has the listbox role."},{selector:".k-combobox-popup .k-list-item",attribute:"role=option",usage:"Each list item is an option."},{selector:".k-combobox-popup .k-list-item",attribute:"aria-selected (when selectable)",usage:"Indicates the selected state."},{selector:".k-combobox-popup .k-no-data",attribute:"aria-live=polite",usage:"Announces no-data state to screen readers."}]};var Lt=tt;import{jsx as Zf}from"react/jsx-runtime";var wd=e=>Zf(Lt,{...e});import{jsx as WH,jsxs as XH}from"react/jsx-runtime";import{jsx as jH,jsxs as e0}from"react/jsx-runtime";import{jsx as l0,jsxs as n0}from"react/jsx-runtime";import{Fragment as u0,jsx as p0}from"react/jsx-runtime";import{Fragment as N0,jsx as x0}from"react/jsx-runtime";import{jsx as M0,jsxs as w0}from"react/jsx-runtime";import{Fragment as B0,jsx as R0,jsxs as O0}from"react/jsx-runtime";import{jsx as D0}from"react/jsx-runtime";import{jsx as F0}from"react/jsx-runtime";import{jsx as J0,jsxs as q0}from"react/jsx-runtime";import{jsx as tD,jsxs as oD}from"react/jsx-runtime";import{jsx as Mo,jsxs as rT}from"react/jsx-runtime";var jf=tt.states,eT=tt.defaultOptions,tT=tt.options,oT=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],aT=[],pr=e=>{let{modifiers:t,...o}=e,a={},i=Mo(J,{style:{width:300},size:o.size,children:rT(le,{children:[Mo(U,{children:"List item"}),Mo(U,{children:"List item"}),Mo(U,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Mo(b,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[n]?Mo(bo,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[n],a.popup=t?.[n]?i:void 0;break;default:break}}),Mo("div",{children:Mo(wd,{value:"Value",style:{width:300},...o,...a})})};pr.options=tT;pr.states=jf;pr.variants=aT;pr.defaultOptions=eT;pr.modifiers=oT;var Ol="menu-button",yd=Ol;import{jsx as nT}from"react/jsx-runtime";var Sd="k-menu-button",iT=[l.hover,l.focus,l.active,l.selected,l.disabled],lT={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark,N.inverse]},Bl={showArrow:!0,arrowIconName:"caret-alt-down"},ue=e=>{let{size:t,rounded:o,fillMode:a,themeColor:i,hover:n,focus:c,active:p,selected:u,disabled:h,icon:g,text:v,showArrow:f=Bl.showArrow,arrowIconName:M=Bl.arrowIconName,expanded:C,...E}=e;return nT(d,{...E,className:r(e.className,Sd),text:v,size:t,rounded:o,fillMode:a,themeColor:i,hover:n,focus:c,active:p,selected:u,disabled:h,icon:g,showArrow:f,arrowIconName:M,"aria-expanded":C?"true":"false",...!v&&g&&!e["aria-label"]&&{"aria-label":"Menu"},...h&&{"aria-disabled":"true"}})};ue.states=iT;ue.options=lT;ue.className=Sd;ue.defaultOptions=Bl;ue.moduleName=Ol;ue.folderName=yd;ue.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 PD}from"react/jsx-runtime";import{jsx as GD}from"react/jsx-runtime";import{jsx as UD}from"react/jsx-runtime";var Ct="menu",Gt=Ct;import{jsx as ur,jsxs as Ed}from"react/jsx-runtime";var Pl="k-menu-item",sT=[l.hover,l.focus,l.active,l.selected,l.disabled],dT={},Ad={iconPosition:"before"},Ve=e=>{let{hover:t,focus:o,active:a,selected:i,disabled:n,icon:c,text:p,first:u,last:h,showArrow:g,arrowIconName:v,iconPosition:f=Ad.iconPosition,dir:M,children:C,expanded:E,...O}=e,R=v;return R\|\|(R=M==="rtl"?"caret-alt-left":"caret-alt-right"),Ed("li",{...O,className:r(e.className,Pl,"k-item",L(Pl,{focus:o,disabled:n,hover:t,active:a,selected:i}),{"k-first":u,"k-last":h}),role:"menuitem",...g&&{"aria-haspopup":"menu"},...g&&{"aria-expanded":E?"true":"false"},...n&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Ed("span",{className:r("k-link k-menu-link"),children:[c&&f==="before"&&ur(b,{className:"k-menu-link-icon",icon:c}),ur("span",{className:"k-menu-link-text",children:p}),c&&f==="after"&&ur(b,{className:"k-menu-link-icon",icon:c}),g&&ur("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:ur(b,{icon:R})})]}),C]})};Ve.states=sT;Ve.options=dT;Ve.className=Pl;Ve.defaultOptions=Ad;Ve.moduleName=Ct;Ve.folderName=Gt;import{jsx as br,jsxs as Id}from"react/jsx-runtime";var Kl="k-menu-item",cT=[l.hover,l.focus,l.active,l.selected,l.disabled],mT={},Hl={dir:"ltr",iconPosition:"before"},Le=e=>{let{hover:t,focus:o,active:a,selected:i,disabled:n,icon:c,text:p,first:u,last:h,showArrow:g,arrowIconName:v,iconPosition:f=Hl.iconPosition,dir:M=Hl.dir,children:C,popup:E,expanded:O,...R}=e,_=v;return _\|\|(_=M==="rtl"?"caret-alt-left":"caret-alt-right"),Id("li",{...R,className:r(e.className,Kl,"k-item",L(Kl,{focus:o,disabled:n}),{"k-first":u,"k-last":h}),role:"menuitem",...g&&{"aria-haspopup":"menu"},...g&&{"aria-expanded":O?"true":"false"},...n&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Id("span",{className:r("k-link k-menu-link",L("k-menu-link",{hover:t,active:a,selected:i,disabled:n})),children:[c&&f==="before"&&br(b,{className:"k-menu-link-icon",icon:c}),br("span",{className:"k-menu-link-text",children:p}),c&&f==="after"&&br(b,{className:"k-menu-link-icon",icon:c}),g&&br("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:br(b,{icon:_})})]}),C,E]})};Le.states=cT;Le.options=mT;Le.className=Kl;Le.defaultOptions=Hl;Le.moduleName=Ct;Le.folderName=Gt;import{jsx as fT}from"react/jsx-runtime";var Rd="k-menu-scroll-wrapper",pT=[],uT={},bT={},Wo=e=>{let{className:t,children:o,orientation:a,...i}=e;return fT("div",{...i,className:r(t,Rd,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};Wo.states=pT;Wo.options=uT;Wo.className=Rd;Wo.defaultOptions=bT;Wo.moduleName=Ct;Wo.folderName=Gt;var Od=Wo;import{Fragment as Dl,jsx as Xo,jsxs as ii}from"react/jsx-runtime";var Gl="k-menu",TT=[],hT={},li={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},ze=e=>{let{children:t,orientation:o=li.orientation,header:a=li.header,scrollable:i,scrollButtonsPosition:n=li.scrollButtonsPosition,wrapperStyles:c,dir:p,popup:u,contextMenu:h,...g}=e,v={horizontal:{prev:p!=="rtl"?"left":"right",next:p!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},f=Xo("ul",{dir:p,...g,className:r(e.className,"k-reset",Gl,{[`${Gl}-${o}`]:o,"k-header":a}),role:h?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return ii(Dl,{children:[i?ii(Od,{orientation:o,style:c,dir:e.dir,children:[n==="start"&&ii(Dl,{children:[Xo(d,{fillMode:"flat",icon:`caret-alt-${v[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Xo(d,{fillMode:"flat",icon:`caret-alt-${v[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),n==="around"&&Xo(d,{fillMode:"flat",icon:`caret-alt-${v[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),f,n==="end"&&ii(Dl,{children:[Xo(d,{fillMode:"flat",icon:`caret-alt-${v[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),Xo(d,{fillMode:"flat",icon:`caret-alt-${v[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),n==="around"&&Xo(d,{fillMode:"flat",icon:`caret-alt-${v[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):f,u]})};ze.states=TT;ze.options=hT;ze.className=Gl;ze.defaultOptions=li;ze.moduleName=Ct;ze.folderName=Gt;ze.ariaSpec={selector:".k-menu",rules:[{selector:".k-menu:not(.k-context-menu)",attribute:"role=menubar",usage:"Announces the Menu menubar role."},{selector:".k-menu.k-menu-vertical",attribute:"aria-orientation=vertical",usage:"Announces the Menu orientation when vertical."},{selector:".k-menu-item",attribute:"role=menuitem",usage:"Announces the Menu item role."},{selector:".k-menu-item[aria-haspopup]",attribute:"aria-haspopup=menu",usage:"Indicates a popup menu is associated with the item."},{selector:".k-menu-item[aria-haspopup]",attribute:"aria-expanded=true/false",usage:"Indicates whether the submenu is expanded."},{selector:".k-menu-item.k-disabled",attribute:"aria-disabled=true",usage:"Informs assistive technologies that a Menu item is disabled."},{selector:".k-menu-expand-arrow",attribute:"aria-hidden=true",usage:"Expand arrow elements are hidden from assistive technologies."},{selector:".k-menu-popup .k-menu-group",attribute:"role=menu",usage:"The role of the nested menu displayed in a popup."},{selector:".k-menu-scroll-button",attribute:"tabindex=-1",usage:"Scroll buttons are removed from the tab sequence."},{selector:".k-menu-scroll-button",attribute:"aria-label",usage:"Scroll buttons have an accessible label."},{selector:".k-menu-item.k-focus",attribute:"tabindex=0",usage:"The focused item has tabindex 0."},{selector:".k-menu-item[aria-haspopup][aria-controls]",attribute:"aria-controls=ul.k-menu-group id",usage:"Points to the ID of the submenu. Only present when the item controls a submenu element."},{selector:".k-menu-popup .k-menu-group",attribute:"id",usage:"Each nested menu has a deterministic id linked to the parent aria-controls."}]};import{jsx as xT}from"react/jsx-runtime";var _l="k-separator",Bd={orientation:"horizontal"},fa=e=>{let{orientation:t=Bd.orientation,...o}=e;return xT("li",{...o,className:r(e.className,"k-item",_l,{[`${_l}-${t}`]:t}),role:"separator"})};fa.className=_l;fa.defaultOptions=Bd;fa.moduleName=Ct;fa.folderName=Gt;import{Fragment as xG,jsx as NG}from"react/jsx-runtime";import{jsx as vT}from"react/jsx-runtime";var zl="k-menu-group",NT=[],kT={size:[s.undefined,s.small,s.medium,s.large]},gT={},$e=e=>{let{children:t,size:o,...a}=e;return vT("ul",{...a,className:r(e.className,zl,y(zl,{size:o})),role:"menu",children:t})};$e.states=NT;$e.options=kT;$e.className=zl;$e.defaultOptions=gT;$e.moduleName=Ct;$e.folderName=Gt;import{Fragment as LT,jsx as Ta,jsxs as CT}from"react/jsx-runtime";var Fl=e=>Ta(ze,{children:CT(LT,{children:[Ta(Ve,{first:!0,text:"Item 1"}),Ta(Ve,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 2"}),Ta(Ve,{showArrow:!0,arrowIconName:"caret-alt-down",text:"Item 3"}),Ta(Ve,{text:"Item 4"}),Ta(Ve,{last:!0,text:"Item 5"})]}),...e});import{Fragment as OG,jsx as IG,jsxs as RG}from"react/jsx-runtime";import{Fragment as DG,jsx as HG,jsxs as GG}from"react/jsx-runtime";import{Fragment as VG,jsx as UG,jsxs as $G}from"react/jsx-runtime";import{Fragment as YG,jsx as qG,jsxs as QG}from"react/jsx-runtime";import{jsx as Jo,jsxs as ET}from"react/jsx-runtime";var MT=ze.options,wT=ze.states,Pd={...ze.defaultOptions,variant:"horizontal"},yT=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],ST=[{name:"scrollable",title:"Scrollable"},{name:"opened",title:"Opened"}],fr=e=>{let{variant:t,modifiers:o,...a}={...Pd,...e},i={};return Object.keys(o\|\|{}).forEach(n=>{switch(n){case"scrollable":i.scrollable=!!o?.[n];break;case"opened":i.opened=!!o?.[n],i.popup=Jo(he,{className:"k-menu-popup",children:ET($e,{children:[Jo(Le,{text:"Item 1"}),Jo(Le,{text:"Item 2"}),Jo(fa,{}),Jo(Le,{text:"Item 3"})]})});break}}),t==="vertical"?Jo(Fl,{...a,...i,orientation:"vertical",style:{width:"200px"}}):Jo(Fl,{...a,...i})};fr.options=MT;fr.states=wT;fr.variants=yT;fr.defaultOptions=Pd;fr.modifiers=ST;import{Fragment as E_,jsx as y_,jsxs as S_}from"react/jsx-runtime";import{jsx as O_}from"react/jsx-runtime";import{Fragment as BT,jsx as Zt,jsxs as Kd}from"react/jsx-runtime";var AT=d.states,Hd={...d.defaultOptions,variant:"text"},IT=d.options,RT=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],OT=[{name:"opened",title:"Opened"}],Tr=e=>{let{variant:t,modifiers:o,...a}={...Hd,...e},i={},n=Zt(he,{className:"k-menu-popup",children:Kd($e,{size:a.size,children:[Zt(Le,{first:!0,text:"Menu Item"}),Zt(Le,{text:"Menu Item"}),Zt(Le,{last:!0,text:"Menu Item"})]})}),c;switch(t){case"icon-only":c=Zt("div",{children:Zt(ue,{...a,...i,icon:"star"})});break;case"icon-and-text":c=Zt("div",{children:Zt(ue,{...a,...i,icon:"star",children:"Dropdown Button"})});break;default:c=Zt("div",{children:Zt(ue,{...a,...i,children:"Dropdown Button"})});break}return Kd(BT,{children:[c,o?.opened&&n]})};Tr.options=IT;Tr.states=AT;Tr.variants=RT;Tr.defaultOptions=Hd;Tr.modifiers=OT;var Ul="split-button",Dd=Ul;import{Fragment as HT,jsx as Vl,jsxs as Gd}from"react/jsx-runtime";var $l="k-split-button",PT=[l.hover,l.focus,l.active,l.selected,l.disabled],KT={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[k.undefined,k.solid,k.flat,k.outline,k.clear,k.link],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark,N.inverse]},_d={arrowIconName:"caret-alt-down"},D=e=>{let{size:t,rounded:o,fillMode:a,themeColor:i,hover:n,focus:c,active:p,selected:u,disabled:h,icon:g,text:v,arrowIconName:f=_d.arrowIconName,popup:M,opened:C,popupId:E,...O}=e;return Gd(HT,{children:[Gd("div",{...O,className:r(e.className,$l,"k-button-group",y($l,{rounded:o})),children:[Vl(d,{text:v,icon:g,size:t,rounded:o,fillMode:a,themeColor:i,hover:n,focus:c,active:p,selected:u,disabled:h,...!v&&!e.children&&g&&{"aria-label":"Action"},children:e.children}),Vl(d,{className:"k-split-button-arrow",icon:f,size:t,rounded:o,fillMode:a,disabled:h,"aria-label":"Toggle dropdown","aria-expanded":C?"true":"false","aria-controls":C?E:void 0,tabIndex:-1,...h&&{"aria-disabled":"true"}})]}),C&&M&&Vl(he,{className:"k-menu-popup",children:M})]})};D.states=PT;D.options=KT;D.className=$l;D.defaultOptions=_d;D.moduleName=Ul;D.folderName=Dd;D.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 Wl=D;import{jsx as GT}from"react/jsx-runtime";var DT="k-toolbar-separator",Ut=e=>GT("div",{className:r(DT,e.className,"k-separator")});var no="toolbar",wo=no;import{Fragment as Xl,jsx as Y,jsxs as ha}from"react/jsx-runtime";var so="k-toolbar",_T=[l.focus],zT={size:[s.undefined,s.small,s.medium,s.large],fillMode:[k.undefined,k.solid,k.outline,k.flat]},FT={scrollButtons:"around"},ne=e=>{let{size:t,fillMode:o,focus:a,resizable:i,scrollable:n,scrollButtons:c,scrollingPosition:p,section:u,...h}=e,g=[],v=(f,M)=>{let C=[];if(f.type===d&&f.props.className&&f.props.className.includes("k-toolbar-overflow-button"))C.push(Y(d,{...f.props,className:`${f.props.className?f.props.className:""}`},`${M}-${new Date().getTime()}`));else if(f.type===d)C.push(Y(d,{...f.props,className:`k-toolbar-button ${f.props.className?f.props.className:""}`},`${M}-${new Date().getTime()}`));else if(f.type===Pa)C.push(Y(Pa,{...f.props,className:`k-toolbar-button ${f.props.className?f.props.className:""}`},`${M}-${new Date().getTime()}`));else if(f.type===bo)C.push(Y(bo,{...f.props,className:`k-toolbar-button ${f.props.className?f.props.className:""}`},`${M}-${new Date().getTime()}`));else if(f.type===ue)C.push(Y(ue,{...f.props,className:`k-toolbar-menu-button ${f.props.className?f.props.className:""}`},`${M}-${new Date().getTime()}`));else if(f.type===Wl)C.push(Y(Wl,{...f.props,className:`k-toolbar-split-button ${f.props.className?f.props.className:""}`},`${M}-${new Date().getTime()}`));else if(f.type===I\|\|f.props.className&&f.props.className.includes("k-button-group")){let E=[];(Array.isArray(f.props.children)?f.props.children:[f.props.children]).forEach((R,_)=>{E.push(Y(d,{...R.props,className:`${R.props.className?R.props.className:""}`},`${_}-${new Date().getTime()}`))}),C.push(Y(I,{...f.props,className:`k-toolbar-button-group ${f.props.className?f.props.className:""}`,children:E},`${M}-${new Date().getTime()}`))}else f.type===tt?C.push(Y(tt,{...f.props,className:`k-toolbar-combobox ${f.props.className?f.props.className:""}`},`${M}-${new Date().getTime()}`)):f.type===pe?C.push(Y(pe,{...f.props,className:`k-toolbar-dropdownlist ${f.props.className?f.props.className:""}`},`${M}-${new Date().getTime()}`)):f.type===vt?C.push(Y(vt,{...f.props,className:`k-toolbar-colorpicker ${f.props.className?f.props.className:""}`},`${M}-${new Date().getTime()}`)):C.push(f);C.forEach(E=>{g.push(E)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((M,C)=>{v(M,C)}),ha("div",{...h,className:r(e.className,so,y(so,{size:t,fillMode:o}),L(so,{focus:a}),{[`${so}-resizable`]:i,[`${so}-scrollable`]:n,[`${so}-scrollable-overlay`]:n&&c==="hidden",[`${so}-scrollable-${p}`]:p&&p!=="both",[`${so}-section`]:u}),role:"toolbar","aria-label":"Toolbar",children:[!n&&g,n&&c==="hidden"&&Y("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:g}),n&&c==="start"&&ha(Xl,{children:[ha(I,{children:[Y("span",{className:r("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Y(b,{className:"k-button-icon",icon:"caret-alt-left"})}),Y("span",{className:r("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Y(b,{className:"k-button-icon",icon:"caret-alt-right"})})]}),Y(Ut,{className:"k-toolbar-button-separator"}),Y("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:g})]}),n&&c==="end"&&ha(Xl,{children:[Y("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:g}),Y(Ut,{className:"k-toolbar-button-separator"}),ha(I,{children:[Y("span",{className:r("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Y(b,{className:"k-button-icon",icon:"caret-alt-left"})}),Y("span",{className:r("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Y(b,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),n&&(c==="around"\|\|!c)&&ha(Xl,{children:[Y("span",{className:r("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Y(b,{className:"k-button-icon",icon:"caret-alt-left"})}),Y(Ut,{className:"k-toolbar-button-separator"}),Y("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:g}),Y(Ut,{className:"k-toolbar-button-separator"}),Y("span",{className:r("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:Y(b,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};ne.states=_T;ne.options=zT;ne.className=so;ne.defaultOptions=FT;ne.moduleName=no;ne.folderName=wo;ne.ariaSpec={selector:".k-toolbar",rules:[{selector:".k-toolbar",attribute:"role=toolbar",usage:"The component role."},{selector:".k-toolbar",attribute:"aria-label or aria-labelledby",usage:"Must be supplied when multiple toolbars exist."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-haspopup=menu",usage:"The overflow button opens a menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-expanded=true/false",usage:"Announces popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])[aria-controls]',attribute:"aria-controls=.k-toolbar-popup .k-menu-group id",usage:"Indicates the connection between the toggle button and the menu popup."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-vertical"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:".k-toolbar-popup .k-menu-group",attribute:"role=menu",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-menu-group[aria-labelledby]",attribute:"aria-labelledby=.k-toolbar-overflow-button id",usage:"Associates the title of the menu toggle button."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-expanded=true/false",usage:"Announces section popup visibility state."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])',attribute:"aria-label or title",usage:"Icon-only button must have accessible text."},{selector:'.k-toolbar .k-toolbar-overflow-button:has([class="i-more-horizontal"])[aria-controls]',attribute:"aria-controls=.k-toolbar-popup .k-toolbar-items-list id",usage:"Indicates the connection between the toggle button and the section popup."},{selector:".k-toolbar-popup .k-toolbar-items-list",attribute:"role=toolbar",usage:"The role of the tools wrapper in the overflow section."},{selector:".k-toolbar-popup .k-toolbar-items-list[aria-labelledby]",attribute:"aria-labelledby=.k-toolbar-overflow-button id",usage:"Associates the title of the section toggle button."}]};import{jsx as WT}from"react/jsx-runtime";var zd="k-floating-toolbar",UT=[],VT={},$T={},xa=e=>{let{...t}=e;return WT("div",{...t,className:r(e.className,zd),children:e.children})};xa.states=UT;xa.options=VT;xa.className=zd;xa.defaultOptions=$T;xa.moduleName=no;xa.folderName=wo;import{jsx as YT}from"react/jsx-runtime";var Jl="k-toolbar-item",XT=[l.focus],JT={},qT={},Na=e=>{let{focus:t,...o}=e;return YT("div",{...o,className:r(e.className,Jl,L(Jl,{focus:t})),children:e.children})};Na.states=XT;Na.options=JT;Na.className=Jl;Na.defaultOptions=qT;Na.moduleName=no;Na.folderName=wo;import{jsx as Fd}from"react/jsx-runtime";var Ud="k-toolbar-popup",QT=[],ZT={size:[s.undefined,s.small,s.medium,s.large],fillMode:[k.undefined,k.solid,k.outline,k.flat]},jT={},qo=e=>{let{size:t,fillMode:o,section:a,...i}=e;return Fd(he,{...i,className:r(e.className,Ud),children:a?Fd("span",{className:r("k-toolbar-items-list",y("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};qo.states=QT;qo.options=ZT;qo.className=Ud;qo.defaultOptions=jT;qo.moduleName=no;qo.folderName=wo;var ni=qo;import{jsx as K1}from"react/jsx-runtime";import{jsx as _1}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 t2}from"react/jsx-runtime";import{jsx as co,jsxs as rh}from"react/jsx-runtime";var eh=D.states,Vd={...D.defaultOptions,variant:"text"},th=D.options,oh=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ah=[{name:"opened",title:"Opened"}],hr=e=>{let{variant:t,modifiers:o,...a}={...Vd,...e},i={},n=rh($e,{size:a.size,children:[co(Le,{first:!0,text:"Menu Item"}),co(Le,{text:"Menu Item"}),co(Le,{last:!0,text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(c=>{c==="opened"&&(i.opened=!!o?.[c],i.popup=o?.[c]?n:"")}),t){case"icon-only":return co("div",{children:co(D,{...a,...i,icon:"star"})});case"icon-and-text":return co("div",{children:co(D,{...a,...i,icon:"star",children:"Split Button"})});default:return co("div",{children:co(D,{...a,...i,children:"Split Button"})})}};hr.options=th;hr.states=eh;hr.variants=oh;hr.defaultOptions=Vd;hr.modifiers=ah;import{jsx as Yo,jsxs as ih}from"react/jsx-runtime";var $d=e=>Yo(ne,{children:[Yo(d,{children:"Button"},"toolbar-button"),Yo(ue,{text:"Menu button"},"toolbar-menu-button"),Yo(D,{children:"Split button"},"toolbar-split-button"),ih(I,{children:[Yo(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Yo(d,{icon:"align-center",children:"Center"}),Yo(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as A2,jsxs as I2}from"react/jsx-runtime";import{jsx as Mt,jsxs as Wd}from"react/jsx-runtime";var Xd=e=>Mt(ne,{scrollable:!0,...e,children:[Mt(d,{children:"Button"},"toolbar-button"),Mt(ue,{text:"Menu button"},"toolbar-menu-button"),Mt(D,{children:"Split button"},"toolbar-split-button"),Wd(I,{children:[Mt(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Mt(d,{icon:"align-center",children:"Center"}),Mt(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Mt(d,{children:"Button"},"toolbar-button"),Mt(ue,{text:"Menu button"},"toolbar-menu-button"),Mt(D,{children:"Split button"},"toolbar-split-button"),Wd(I,{children:[Mt(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Mt(d,{icon:"align-center",children:"Center"}),Mt(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as wt,jsxs as Jd}from"react/jsx-runtime";var qd=({scrollingPosition:e="start",...t})=>wt(ne,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[wt(d,{children:"Button"},"toolbar-button"),wt(ue,{text:"Menu button"},"toolbar-menu-button"),wt(D,{children:"Split button"},"toolbar-split-button"),Jd(I,{children:[wt(d,{className:"k-group-start",icon:"align-left",children:"Left"}),wt(d,{icon:"align-center",children:"Center"}),wt(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),wt(d,{children:"Button"},"toolbar-button"),wt(ue,{text:"Menu button"},"toolbar-menu-button"),wt(D,{children:"Split button"},"toolbar-split-button"),Jd(I,{children:[wt(d,{className:"k-group-start",icon:"align-left",children:"Left"}),wt(d,{icon:"align-center",children:"Center"}),wt(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as lh,jsx as st,jsxs as si}from"react/jsx-runtime";var Yd=({fillMode:e,size:t,...o})=>si(lh,{children:[st(ne,{section:!0,fillMode:e,size:t,children:[st(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),si(I,{fillMode:e,children:[st(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),st(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),st(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),st(Ut,{className:"k-toolbar-button-separator"}),st(d,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,rounded:"none","aria-label":"More options","aria-expanded":"false"})],...o}),si(ni,{size:t,fillMode:e,section:!0,...o,children:[st(D,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),st(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),st(Ut,{}),st(ue,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),si(I,{fillMode:e,children:[st(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),st(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),st(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as c3,jsx as s3,jsxs as d3}from"react/jsx-runtime";import{Fragment as g3,jsx as N3,jsxs as k3}from"react/jsx-runtime";import{jsx as yo}from"react/jsx-runtime";var nh=ne.options,sh=ne.states,Qd={...ne.defaultOptions,variant:"default"},dh=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],ch=[],xr=e=>{let{variant:t,...o}={...Qd,...e};switch(t){case"responsive":return yo("div",{children:yo(Yd,{style:{width:"583px"},...o})});case"overlay":return yo("div",{children:yo(qd,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return yo("div",{children:yo(Xd,{style:{width:"583px"},...o})});default:return yo("div",{children:yo($d,{style:{width:"583px"},...o})})}};xr.options=nh;xr.states=sh;xr.variants=dh;xr.defaultOptions=Qd;xr.modifiers=ch;var jt="file-manager",eo="filemanager";import{jsx as bh}from"react/jsx-runtime";var Zd="k-filemanager-toolbar",mh=[],ph={},uh={},We=e=>{let{children:t,...o}=e;return bh(ne,{...o,className:r(e.className,Zd),children:t})};We.states=mh;We.options=ph;We.className=Zd;We.defaultOptions=uh;We.moduleName=jt;We.folderName=eo;var ql="switch",jd=ql;import{jsx as di,jsxs as ec}from"react/jsx-runtime";var So="k-switch",fh=[l.hover,l.focus,l.disabled,l.readonly,l.checked],Th={size:[s.undefined,s.small,s.medium,s.large],trackRounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],thumbRounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full]},hh={},ke=e=>{let{checked:t,onLabel:o,offLabel:a,size:i,trackRounded:n,thumbRounded:c,hover:p,focus:u,disabled:h,readonly:g,...v}=e;return ec("span",{...v,className:r(e.className,So,y(So,{size:i}),L(So,{hover:p,focus:u,disabled:h,readonly:g}),{[`${So}-on`]:t,[`${So}-off`]:!t}),role:"switch","aria-checked":t?"true":"false",tabIndex:h?void 0:0,"aria-disabled":h?"true":void 0,"aria-readonly":g?"true":void 0,children:[ec("span",{className:r("k-switch-track",y(So,{rounded:n})),children:[o&&di("span",{className:"k-switch-label-on",children:o}),a&&di("span",{className:"k-switch-label-off",children:a})]}),di("span",{className:"k-switch-thumb-wrap",children:di("span",{className:r("k-switch-thumb",y(So,{rounded:c}))})})]})};ke.states=fh;ke.options=Th;ke.className=So;ke.defaultOptions=hh;ke.moduleName=ql;ke.folderName=jd;ke.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 iz}from"react/jsx-runtime";import{jsx as dz}from"react/jsx-runtime";import{jsx as uz}from"react/jsx-runtime";import{jsx as hz}from"react/jsx-runtime";import{jsx as tc}from"react/jsx-runtime";var xh=ke.options,Nh=ke.states,kh={...ke.defaultOptions,variant:"on"},gh=[{name:"on",title:"On"},{name:"off",title:"Off"}],vh=[],Nr=e=>{let{variant:t,...o}=e;return t==="off"?tc(ke,{checked:!1,onLabel:"On",offLabel:"Off",...o}):tc(ke,{checked:!0,onLabel:"On",offLabel:"Off",...o})};Nr.options=xh;Nr.states=Nh;Nr.variants=gh;Nr.defaultOptions=kh;Nr.modifiers=vh;import{Fragment as wh,jsx as dt,jsxs as kr}from"react/jsx-runtime";var Ql="k-filemanager",Lh=[l.disabled],Ch={},Mh=dt(wh,{children:kr(We,{children:[dt(d,{children:"New Folder"}),dt(d,{children:"Upload"}),kr(I,{children:[dt(d,{className:"k-group-start",icon:"sort-asc-small"}),dt(d,{className:"k-group-end",icon:"sort-desc-small"})]}),dt(D,{text:"Sort By"}),kr(I,{children:[dt(d,{className:"k-group-start",icon:"grid-layout"}),dt(d,{className:"k-group-end",icon:"grid"})]}),dt("div",{className:"k-spacer"}),kr("div",{className:"k-filemanager-details-toggle",children:[dt("label",{children:"View Details"}),dt(ke,{})]}),dt(ve,{className:"k-filemanager-search-tool",placeholder:"Search..."})]})}),oc={toolbar:Mh},Ke=e=>{let{disabled:t,toolbar:o=oc.toolbar,...a}=e;return kr("div",{...a,className:r(e.className,Ql,L(Ql,{disabled:t})),children:[dt("div",{className:"k-filemanager-header",children:o}),dt("div",{className:"k-filemanager-content-container",children:e.children})]})};Ke.states=Lh;Ke.options=Ch;Ke.className=Ql;Ke.defaultOptions=oc;Ke.moduleName=jt;Ke.folderName=eo;var Zl="breadcrumb",ac=Zl;import{jsx as Eh}from"react/jsx-runtime";var ci="k-breadcrumb",yh=[l.focus],Sh={size:[s.undefined,s.small,s.medium,s.large]},rc={collapsing:"auto"},Re=e=>{let{size:t,collapsing:o=rc.collapsing,focus:a,...i}=e;return Eh("nav",{...i,className:r(e.className,ci,L(ci,{focus:a}),y(ci,{size:t}),{"k-breadcrumb-wrap":o==="wrap"}),"aria-label":"Breadcrumb",children:e.children})};Re.states=yh;Re.options=Sh;Re.className=ci;Re.defaultOptions=rc;Re.moduleName=Zl;Re.folderName=ac;Re.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 Xz}from"react/jsx-runtime";import{jsx as Qz}from"react/jsx-runtime";import{jsx as Rh}from"react/jsx-runtime";var Ah="k-breadcrumb-container",Ih={collapsing:"auto"},ot=e=>{let{collapsing:t=Ih.collapsing,...o}=e;return Rh("ol",{...o,className:r(e.className,Ah,{"!k-flex-wrap":t==="wrap","k-flex-none":t==="none"}),children:e.children})};import{jsx as Bh}from"react/jsx-runtime";var Oh="k-breadcrumb-item",Te=e=>{let{root:t,last:o,...a}=e;return Bh("li",{...a,className:r(e.className,Oh,{"k-breadcrumb-root-item":t,"k-breadcrumb-last-item":o}),children:e.children})};import{jsx as Hh}from"react/jsx-runtime";var Ph="",Kh=[l.hover,l.focus,l.disabled],be=e=>{let{root:t,icon:o,icontext:a,hover:i,focus:n,disabled:c,last:p,...u}=e;return Hh("a",{href:"#",...u,className:r(e.className,L(Ph,{hover:i,focus:n,disabled:c}),{"k-breadcrumb-link":!t,"k-breadcrumb-root-link":t,"k-breadcrumb-icon-link":o,"k-breadcrumb-icontext-link":a}),...p&&{"aria-current":"page"},...p&&{"aria-disabled":"true"},children:e.children})};be.states=Kh;import{jsx as Gh}from"react/jsx-runtime";var Dh="k-breadcrumb-item-text",_t=e=>{let{text:t,...o}=e,a=t\|\|e.children;return Gh("span",{...o,className:r(e.className,Dh),children:a})};import{Fragment as T5,jsx as b5,jsxs as f5}from"react/jsx-runtime";import{Fragment as L5,jsx as g5,jsxs as v5}from"react/jsx-runtime";import{Fragment as I5,jsx as E5,jsxs as A5}from"react/jsx-runtime";import{jsx as z,jsxs as Xe}from"react/jsx-runtime";var _h=Re.options,zh=Re.states,Fh={...Re.defaultOptions,variant:"text"},Uh=[{name:"text",title:"Text"},{name:"icon",title:"Icon"},{name:"icon-and-text",title:"Icon & Text"}],Vh=[],gr=e=>{let{variant:t,...o}=e;switch(t){case"icon":return z(Re,{...o,children:Xe(ot,{children:[Xe(Te,{root:!0,children:[z(be,{root:!0,icon:!0,onClick:a=>a.preventDefault(),children:z(b,{icon:"cart"})}),z(b,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),Xe(Te,{children:[z(be,{icon:!0,onClick:a=>a.preventDefault(),children:z(b,{icon:"js"})}),z(b,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),Xe(Te,{children:[z(be,{icon:!0,onClick:a=>a.preventDefault(),children:z(b,{icon:"truck"})}),z(b,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),z(Te,{last:!0,children:z(be,{icon:!0,onClick:a=>a.preventDefault(),children:z(b,{icon:"wallet-outline"})})})]})});case"icon-and-text":return z(Re,{...o,children:Xe(ot,{children:[Xe(Te,{root:!0,children:[Xe(be,{root:!0,icontext:!0,onClick:a=>a.preventDefault(),children:[z(b,{icon:"cart"}),z(_t,{text:"Cart"})]}),z(b,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),Xe(Te,{children:[Xe(be,{icontext:!0,onClick:a=>a.preventDefault(),children:[z(b,{icon:"js"}),z(_t,{text:"Billing"})]}),z(b,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),Xe(Te,{children:[Xe(be,{icontext:!0,onClick:a=>a.preventDefault(),children:[z(b,{icon:"truck"}),z(_t,{text:"Shipping"})]}),z(b,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),z(Te,{last:!0,children:Xe(be,{icontext:!0,onClick:a=>a.preventDefault(),children:[z(b,{icon:"wallet-outline"}),z(_t,{text:"Payment"})]})})]})});default:return z(Re,{...o,children:Xe(ot,{children:[Xe(Te,{root:!0,children:[z(be,{root:!0,onClick:a=>a.preventDefault(),children:z(_t,{text:"Cart"})}),z(b,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),Xe(Te,{children:[z(be,{onClick:a=>a.preventDefault(),children:z(_t,{text:"Billing"})}),z(b,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),Xe(Te,{children:[z(be,{onClick:a=>a.preventDefault(),children:z(_t,{text:"Shipping"})}),z(b,{className:"k-breadcrumb-delimiter-icon",icon:"chevron-right",size:"xsmall"})]}),z(Te,{last:!0,children:z(be,{onClick:a=>a.preventDefault(),children:z(_t,{text:"Payment"})})})]})})}};gr.options=_h;gr.states=zh;gr.variants=Uh;gr.defaultOptions=Fh;gr.modifiers=Vh;import{jsx as Jh}from"react/jsx-runtime";var ic="k-filemanager-breadcrumb",$h=[],Wh={},Xh={},ct=e=>{let{children:t,...o}=e;return Jh(Re,{className:r(e.className,ic),...o,children:t})};ct.states=$h;ct.options=Wh;ct.className=ic;ct.defaultOptions=Xh;ct.moduleName=jt;ct.folderName=eo;var jl="pager",lc=jl;import{Fragment as nc,jsx as mt,jsxs as ka}from"react/jsx-runtime";var mi="k-pager",qh=[l.focus,l.disabled],Yh={size:[s.undefined,s.small,s.medium,s.large]},yt={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},Se=e=>{let{responsive:t=yt.responsive,size:o,pagerSizeInfo:a=yt.pagerSizeInfo,pageTitleInfo:i=yt.pageTitleInfo,maxPagesInfo:n=yt.maxPagesInfo,itemsPerPage:c=yt.itemsPerPage,maxPages:p=yt.maxPages,currentPage:u=yt.currentPage,previousNext:h=yt.previousNext,type:g=yt.type,pageSizes:v=yt.pageSizes,refresh:f=yt.refresh,info:M=yt.info,focus:C,disabled:E,dir:O,...R}=e,_=[],fe=[];for(let Ee=1;Ee<=p;Ee++)_.push(mt(d,{selected:Ee===u,fillMode:"flat",themeColor:"primary",size:o,children:Ee})),fe.push(mt("option",{selected:Ee===u,children:Ee}));return ka("div",{dir:O,...R,className:r(e.className,mi,y(mi,{size:o}),L(mi,{focus:C,disabled:E}),{"k-pager-responsive":t}),children:[ka("div",{className:r("k-pager-numbers-wrap"),children:[h&&ka(nc,{children:[mt(d,{className:r("k-pager-nav","k-pager-first"),disabled:u===1&&!E,fillMode:"flat",size:o,icon:O==="rtl"?"caret-alt-to-right":"caret-alt-to-left"}),mt(d,{className:r("k-pager-nav"),disabled:u===1&&!E,fillMode:"flat",size:o,icon:O==="rtl"?"caret-alt-right":"caret-alt-left"})]}),g==="numeric"&&mt("div",{className:r("k-pager-numbers"),children:_}),g==="input"&&ka("span",{className:r("k-pager-input"),children:[i&&mt("span",{children:"Page"}),mt(V,{value:`${u}`,size:o,showSpinButton:!1,showClearButton:!1}),mt("span",{children:n&&`of ${p}`})]}),h&&ka(nc,{children:[mt(d,{className:r("k-pager-nav"),disabled:u===p&&!E,fillMode:"flat",size:o,icon:O==="rtl"?"caret-alt-left":"caret-alt-right"}),mt(d,{className:r("k-pager-nav","k-pager-last"),disabled:u===p&&!E,fillMode:"flat",size:o,icon:O==="rtl"?"caret-alt-to-left":"caret-alt-to-right"})]})]}),v&&ka("span",{className:r("k-pager-sizes"),children:[mt(pe,{value:`${c}`,size:o}),a&&mt("span",{children:"items per page"})]}),f&&mt(d,{className:r("k-pager-refresh"),fillMode:"flat",size:o,icon:"arrow-rotate-cw"}),M&&mt("span",{className:r("k-pager-info"),children:M})]})};Se.states=qh;Se.options=Yh;Se.className=mi;Se.defaultOptions=yt;Se.moduleName=jl;Se.folderName=lc;import{jsx as Qh}from"react/jsx-runtime";var sc=e=>Qh(Se,{...e,responsive:!1});import{jsx as NF}from"react/jsx-runtime";import{jsx as LF}from"react/jsx-runtime";import{jsx as dc}from"react/jsx-runtime";var Zh=Se.options,jh=Se.states,ex={...Se.defaultOptions,variant:"numeric"},tx=[{name:"numeric",title:"Numeric"},{name:"input",title:"Input"}],ox=[],vr=e=>{let{variant:t,...o}=e;return t==="input"?dc(Se,{...o,type:"input"}):dc(Se,{...o,type:"numeric"})};vr.options=Zh;vr.states=jh;vr.variants=tx;vr.defaultOptions=ex;vr.modifiers=ox;var Lr="listview",pi=Lr;import{Fragment as ix,jsx as Eo,jsxs as cc}from"react/jsx-runtime";var en="k-listview",ax=[l.loading,l.disabled],rx={},mc={pagerPosition:"bottom"},pt=e=>{let{header:t,footer:o,pageable:a,pagerPosition:i=mc.pagerPosition,bordered:n,layout:c,flexDirection:p,flexWrap:u,gridColumns:h,loading:g,disabled:v,...f}=e,M=Eo(sc,{className:`k-listview-pager k-listview-pager-${i}`}),C=Eo(ix,{children:cc("div",{className:"k-loading-mask",style:{height:"100%",width:"100%"},children:[Eo("span",{className:"k-loading-text",children:"Loading..."}),Eo("div",{className:"k-loading-image"}),Eo("div",{className:"k-loading-color"})]})});return cc("div",{...f,className:r(e.className,en,{"k-listview-bordered":n},L(en,{disabled:v,loading:g})),children:[a&&i==="top"&&M,t&&Eo("div",{className:"k-listview-header",children:"Header"}),Eo("div",{className:r("k-listview-content",{[`k-d-${c}`]:c,[`k-flex-${p}`]:p,[`k-flex-${u}`]:u,[`k-grid-cols-${h}`]:h}),children:e.children}),g&&C,o&&Eo("div",{className:"k-listview-footer",children:"Footer"}),a&&i==="bottom"&&M]})};pt.states=ax;pt.options=rx;pt.className=en;pt.defaultOptions=mc;pt.moduleName=Lr;pt.folderName=pi;import{jsx as dx}from"react/jsx-runtime";var tn="k-listview-item",lx=[l.focus,l.selected],nx={},sx={},Z=e=>{let{focus:t,selected:o,...a}=e;return dx("div",{...a,className:r(e.className,tn,L(tn,{focus:t,selected:o})),children:e.children})};Z.states=lx;Z.options=nx;Z.className=tn;Z.defaultOptions=sx;Z.moduleName=Lr;Z.folderName=pi;import{Fragment as cx,jsx as Qo,jsxs as mx}from"react/jsx-runtime";var on=e=>Qo(pt,{children:mx(cx,{children:[Qo(Z,{children:Qo("div",{children:"Listview Item"})}),Qo(Z,{children:Qo("div",{children:"Listview Item"})}),Qo(Z,{children:Qo("div",{children:"Listview Item"})})]}),...e});import{jsx as Vt,jsxs as pc}from"react/jsx-runtime";var px=pt.options,ux=pt.states,uc={...pt.defaultOptions,variant:"flex"},bx=[{name:"flex",title:"Flex"},{name:"grid",title:"Grid"}],fx=[{name:"loading",title:"Loading"},{name:"pageable",title:"Pager"}],Cr=e=>{let{variant:t,modifiers:o,...a}={...uc,...e},i={};return Object.keys(o\|\|{}).forEach(n=>{switch(n){case"loading":i.loading=!!o?.[n];break;case"pageable":i.pageable=!!o?.[n];break;default:break}}),t==="grid"?pc(on,{style:{width:"324px"},...a,...i,bordered:!0,layout:"grid",gridColumns:2,children:[Vt(Z,{className:"k-p-2",children:"Listview Item"}),Vt(Z,{className:"k-p-2",children:"Listview Item"}),Vt(Z,{className:"k-p-2",selected:!0,children:"Listview Item"}),Vt(Z,{className:"k-p-2",children:"Listview Item"}),Vt(Z,{className:"k-p-2",children:"Listview Item"}),Vt(Z,{className:"k-p-2",children:"Listview Item"})]}):pc(on,{style:{width:"324px"},...a,...i,bordered:!0,layout:"flex",flexDirection:"col",children:[Vt(Z,{className:"k-p-2",children:"Listview Item"}),Vt(Z,{className:"k-p-2",children:"Listview Item"}),Vt(Z,{className:"k-p-2",selected:!0,children:"Listview Item"}),Vt(Z,{className:"k-p-2",children:"Listview Item"}),Vt(Z,{className:"k-p-2",children:"Listview Item"})]})};Cr.options=px;Cr.states=ux;Cr.variants=bx;Cr.defaultOptions=uc;Cr.modifiers=fx;import{jsx as Nx}from"react/jsx-runtime";var bc="k-filemanager-listview",Tx=[],hx={},xx={},to=e=>{let{children:t,...o}=e;return Nx(pt,{className:r(e.className,bc,"k-selectable"),layout:"flex",flexDirection:"row",flexWrap:"wrap",...o,children:t})};to.states=Tx;to.options=hx;to.className=bc;to.defaultOptions=xx;to.moduleName=jt;to.folderName=eo;import rn from"react";import an from"react";import{jsx as gx}from"react/jsx-runtime";var kx="k-treeview-group",Ao=e=>{let{children:t,dir:o,level:a=1,...i}=e;return gx("ul",{...i,className:r(e.className,kx),children:an.Children.map(t,(n,c)=>an.isValidElement(n)?an.cloneElement(n,{dir:o,level:a,key:c}):n)})};var Mr="treeview",ui=Mr;import{jsx as fc}from"react/jsx-runtime";var ln="k-treeview",vx=[],Lx={size:[s.undefined,s.small,s.medium,s.large]},Cx={},He=e=>{let{size:t,children:o,dir:a,...i}=e;return fc("div",{...i,dir:a,className:r(e.className,ln,y(ln,{size:t})),children:fc(Ao,{className:"k-treeview-lines",dir:a,children:rn.Children.map(o,(n,c)=>rn.isValidElement(n)?rn.cloneElement(n,{dir:a,key:c}):n)})})};He.states=vx;He.options=Lx;He.className=ln;He.defaultOptions=Cx;He.moduleName=Mr;He.folderName=ui;import sn from"react";import{jsx as Tc,jsxs as yx}from"react/jsx-runtime";var nn="k-treeview-leaf",Mx=[l.hover,l.focus,l.selected],wx={},bi=e=>{let{text:t,showIcon:o,icon:a,hover:i,focus:n,selected:c,...p}=e;return yx("span",{...p,className:r(e.className,nn,L(nn,{hover:i,focus:n,selected:c})),children:[o&&Tc(b,{icon:a}),Tc("span",{className:"k-treeview-leaf-text",children:t})]})};bi.states=Mx;bi.options=wx;bi.className=nn;var hc=bi;import{jsx as fi,jsxs as xc}from"react/jsx-runtime";var Nc="k-treeview-item",Sx=[l.hover,l.focus,l.selected,l.disabled],Ex={},Ax={},j=e=>{let{leafClassName:t,children:o,hasChildren:a,expanded:i,text:n,showIcon:c,icon:p,showCheckbox:u,checked:h,hover:g,focus:v,selected:f,disabled:M,dir:C,level:E=1,...O}=e,R=a\|\|o;return xc("li",{...O,className:r(e.className,Nc),style:{"--kendo-treeview-level":E},children:[xc("span",{className:r("k-treeview-item-content",L("k-treeview-item-content",{hover:g,focus:v,selected:f,disabled:M})),children:[R&&fi("span",{className:r("k-treeview-toggle",L("k-treeview-toggle",{disabled:M})),children:fi(b,{icon:i?"chevron-down":C==="rtl"?"chevron-left":"chevron-right"})}),u&&fi(Ue,{checked:h,disabled:M}),fi(hc,{className:t,text:n,showIcon:c,icon:p})]}),i&&R&&sn.Children.map(o,(_,fe)=>sn.isValidElement(_)?sn.cloneElement(_,{dir:C,level:E+1,key:fe}):_)]})};j.states=Sx;j.options=Ex;j.className=Nc;j.defaultOptions=Ax;j.moduleName=Mr;j.folderName=ui;import{jsx as KU}from"react/jsx-runtime";import{jsx as _U,jsxs as zU}from"react/jsx-runtime";import{jsx as $U,jsxs as WU}from"react/jsx-runtime";import{jsx as YU,jsxs as QU}from"react/jsx-runtime";import{jsx as t6,jsxs as o6}from"react/jsx-runtime";import{jsx as Zo,jsxs as dn}from"react/jsx-runtime";var Ix=He.options,Rx=He.states,Ox=He.defaultOptions,Bx=[{name:"checkboxes",title:"Show `Checkbox`",default:!1}],Px=[],wr=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(i=>{i==="checkboxes"&&(a.showCheckbox=t?.[i])}),dn(He,{...o,children:[Zo(j,{text:"Furniture",expanded:!0,...a,children:dn(Ao,{children:[Zo(j,{text:"Tables & Chairs",...a}),Zo(j,{text:"Sofas",...a}),Zo(j,{text:"Occasional Furniture",...a})]})}),dn(j,{text:"Decor",expanded:!1,...a,children:[Zo(j,{text:"Bed Linen",...a}),Zo(j,{text:"Curtains & Blinds",...a}),Zo(j,{text:"Carpets",...a})]})]})};wr.options=Ix;wr.states=Rx;wr.variants=Px;wr.defaultOptions=Ox;wr.modifiers=Bx;import{jsx as Gx}from"react/jsx-runtime";var kc="k-filemanager-treeview",Kx=[],Hx={},Dx={},ut=e=>{let{children:t,...o}=e;return Gx(He,{className:r(e.className,kc),...o,children:t})};ut.states=Kx;ut.options=Hx;ut.className=kc;ut.defaultOptions=Dx;ut.moduleName=jt;ut.folderName=eo;import{jsx as gc,jsxs as Fx}from"react/jsx-runtime";var vc="k-filemanager-drag-hint",_x=[],zx={},Lc={icon:"file"},Ti=e=>{let{hint:t,icon:o=Lc.icon,...a}=e;return Fx("div",{className:r(e.className,vc,"k-drag-clue"),...a,children:[gc(b,{icon:o}),gc("span",{children:t})]})};Ti.states=_x;Ti.options=zx;Ti.className=vc;Ti.defaultOptions=Lc;import{Fragment as yr,jsx as bt,jsxs as ga}from"react/jsx-runtime";var Cc="k-file-info",Ux=[],Vx={},cn={name:"No File Selected",icon:"file"},Io=e=>{let{selection:t,name:o=cn.name,icon:a=cn.icon,fileType:i,fileSize:n,fileDateCreated:c,fileDateModified:p,...u}=e;return ga("div",{...u,className:r(e.className,Cc),children:[bt(De,{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"&&bt(yr,{children:ga("dl",{className:"k-file-meta",children:[i&&ga(yr,{children:[bt("dt",{className:"k-file-meta-label",children:"Type: "}),bt("dd",{className:"k-file-meta-value k-file-type",children:i}),bt("dd",{className:"k-line-break"})]}),n&&ga(yr,{children:[bt("dt",{className:"k-file-meta-label",children:"Size: "}),bt("dd",{className:"k-file-meta-value k-file-size",children:n}),bt("dd",{className:"k-line-break"})]}),c&&ga(yr,{children:[bt("dt",{className:"k-file-meta-label",children:"Date Created: "}),bt("dd",{className:"k-file-meta-value k-file-created",children:c}),bt("dd",{className:"k-line-break"})]}),p&&ga(yr,{children:[bt("dt",{className:"k-file-meta-label",children:"Date Modified: "}),bt("dd",{className:"k-file-meta-value k-file-modified",children:p}),bt("dd",{className:"k-line-break"})]})]})})]})};Io.states=Ux;Io.options=Vx;Io.className=Cc;Io.defaultOptions=cn;import{Fragment as Jx,jsx as mn,jsxs as qx}from"react/jsx-runtime";var Mc="k-file-preview",$x=[],Wx={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge]},Xx={},De=e=>{let{size:t,icon:o,name:a,...i}=e;return qx(Jx,{children:[mn("span",{...i,className:r(Mc),children:mn(b,{className:"k-file-icon",icon:o,size:t})}),mn("span",{className:r(e.className,"k-file-name"),children:a})]})};De.states=$x;De.options=Wx;De.className=Mc;De.defaultOptions=Xx;import{jsx as Zx}from"react/jsx-runtime";var jo="k-pane",Yx=[],Qx={},pn={resizable:!0,flex:!1},te=e=>{let{scrollable:t,flexBasis:o,flex:a=pn.flex,collapsible:i,resizable:n=pn.resizable,pinned:c,unpinned:p,tabbed:u,...h}=e;return Zx("div",{...h,style:{flexBasis:o,...e.style},className:r(e.className,jo,{[`${jo}-static`]:o,[`${jo}-flex`]:a,"k-scrollable":t,[`${jo}-pinned`]:c,[`${jo}-unpinned`]:p,[`${jo}-tabbed`]:u}),role:"group",children:e.children})};te.states=Yx;te.options=Qx;te.className=jo;te.defaultOptions=pn;import{Fragment as wc,jsx as ea,jsxs as tN}from"react/jsx-runtime";var va="k-splitbar",jx=[l.hover,l.focus],eN={},un={orientation:"horizontal",draggable:!0},La=e=>{let{hover:t,focus:o,orientation:a=un.orientation,draggable:i=un.draggable,collapsePrev:n,collapseNext:c,ariaLabel:p,...u}=e;return tN("div",{...u,className:r(e.className,va,L(va,{hover:t,focus:o}),{[`${va}-${a}`]:a,[`${va}-draggable-${a}`]:i,[`${va}-static-${a}`]:!i&&!n&&!c}),role:"separator","aria-label":p,...a==="horizontal"&&{"aria-orientation":"vertical"},"aria-keyshortcuts":"ArrowLeft ArrowRight ArrowUp ArrowDown",children:[n&&ea(wc,{children:ea("div",{className:"k-collapse-prev",children:ea(b,{icon:`caret-alt-${a==="horizontal"?"left":"up"}`,size:"xsmall"})})}),ea("div",{className:"k-resize-handle"}),c&&ea(wc,{children:ea("div",{className:"k-collapse-next",children:ea(b,{icon:`caret-alt-${a==="horizontal"?"right":"down"}`,size:"xsmall"})})})]})};La.states=jx;La.options=eN;La.className=va;La.defaultOptions=un;var bn="splitter",yc=bn;import{jsx as rN,jsxs as iN}from"react/jsx-runtime";import{createElement as aN}from"react";var fn="k-splitter",oN={},Sc={orientation:"horizontal"},Ce=e=>{let{orientation:t=Sc.orientation,children:o,panes:a,...i}=e,n=[];return a&&a.forEach((c,p)=>{let u=a[p+1],h=c.props,g=u?.props;n.push(aN(te,{...h,key:p})),u&&n.push(rN(La,{draggable:h.resizable!==!1&&g.resizable!==!1,collapsePrev:h.collapsible,collapseNext:g.collapsible,orientation:t,ariaLabel:"Pane separator"},`splitbar-${p}`))}),iN("div",{...i,className:r(e.className,fn,{[`${fn}-${t}`]:t},"k-splitter-flex"),children:[n,o]})};Ce.options=oN;Ce.className=fn;Ce.defaultOptions=Sc;Ce.moduleName=bn;Ce.folderName=yc;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 a9,jsxs as r9}from"react/jsx-runtime";import{jsx as s9,jsxs as d9}from"react/jsx-runtime";import{jsx as Ca}from"react/jsx-runtime";import{createElement as hi}from"react";var lN=Ce.options,nN=Ce.states,Ec={...Ce.defaultOptions,variant:"horizontal",firstPaneProps:!0,secondPaneProps:!0},sN=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],dN=[{name:"firstPaneProps",title:"Collapsible Left"},{name:"secondPaneProps",title:"Collapsible Right"}],Sr=e=>{let{variant:t,modifiers:o,...a}={...Ec,...e},i=u=>({collapsible:u,content:u?"Resizable and collapsible":"Resizable only"}),n=i(!0),c=i(!0),p={display:"flex",justifyContent:"center",alignItems:"center"};return Object.keys(o\|\|{}).forEach(u=>{let h=o?.[u];switch(u){case"secondPaneProps":c=i(!!h);break;case"firstPaneProps":n=i(!!h);break;default:break}}),t==="vertical"?Ca(Ce,{style:{height:"238px"},...a,orientation:"vertical",panes:[hi(te,{...n,flexBasis:"50%",style:p,key:"pane-1"},Ca("p",{children:n.content})),hi(te,{...c,flexBasis:"50%",style:p,key:"pane-2"},Ca("p",{children:c.content}))]}):Ca(Ce,{style:{height:"238px"},...a,orientation:"horizontal",panes:[hi(te,{...n,flexBasis:"50%",style:p,key:"pane-1"},Ca("p",{children:n.content})),hi(te,{...c,flexBasis:"50%",style:p,key:"pane-2"},Ca("p",{children:c.content}))]})};Sr.options=lN;Sr.states=nN;Sr.variants=sN;Sr.defaultOptions=Ec;Sr.modifiers=dN;import{Fragment as cN,jsx as se,jsxs as Ma}from"react/jsx-runtime";var Ac=e=>se(Ke,{toolbar:Ma(We,{children:[se(d,{children:"New Folder"}),se(d,{children:"Upload"}),Ma(I,{children:[se(d,{className:"k-group-start",icon:"sort-asc-small"}),se(d,{className:"k-group-end",icon:"sort-desc-small"})]}),se(D,{text:"Sort By"}),Ma(I,{children:[se(d,{className:"k-group-start",icon:"grid"}),se(d,{className:"k-group-end",icon:"grid-layout",selected:!0})]}),se("div",{className:"k-spacer"}),Ma("div",{className:"k-filemanager-details-toggle",children:[se("label",{children:"View Details"}),se(ke,{})]}),se(ve,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:se(cN,{children:se(Ce,{className:"k-filemanager-splitter",panes:[se(te,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:se(ut,{children:se(j,{text:"Folder"})})},"pane-1"),Ma(te,{className:"k-filemanager-content",scrollable:!0,children:[se(ct,{children:se(ot,{children:se(Te,{root:!0,children:se(be,{root:!0,icon:!0,children:se(b,{icon:"home"})})})})}),Ma(to,{children:[se(Z,{children:se(De,{name:"Folder",icon:"folder",size:"xxxlarge"})}),se(Z,{children:se(De,{name:"file.png",icon:"file-image",size:"xxxlarge"})})]})]},"pane-2")]})}),...e});import{Fragment as mN,jsx as ee,jsxs as wa}from"react/jsx-runtime";var Ic=e=>ee(Ke,{toolbar:wa(We,{children:[ee(d,{children:"New Folder"}),ee(d,{children:"Upload"}),wa(I,{children:[ee(d,{className:"k-group-start",icon:"sort-asc-small"}),ee(d,{className:"k-group-end",icon:"sort-desc-small"})]}),ee(D,{text:"Sort By"}),wa(I,{children:[ee(d,{className:"k-group-start",icon:"grid"}),ee(d,{className:"k-group-end",icon:"grid-layout",selected:!0})]}),ee("div",{className:"k-spacer"}),wa("div",{className:"k-filemanager-details-toggle",children:[ee("label",{children:"View Details"}),ee(ke,{checked:!0})]}),ee(ve,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:ee(mN,{children:ee(Ce,{className:"k-filemanager-splitter",panes:[ee(te,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:ee(ut,{children:ee(j,{text:"Folder"})})},"pane-1"),wa(te,{className:"k-filemanager-content",scrollable:!0,children:[ee(ct,{children:ee(ot,{children:ee(Te,{root:!0,children:ee(be,{root:!0,icon:!0,children:ee(b,{icon:"home"})})})})}),wa(to,{children:[ee(Z,{children:ee(De,{name:"Folder",icon:"folder",size:"xxxlarge"})}),ee(Z,{children:ee(De,{name:"file.png",icon:"file-image",size:"xxxlarge"})})]})]},"pane-2"),ee(te,{className:"k-filemanager-preview",collapsible:!0,scrollable:!0,flexBasis:"25%",children:ee(Io,{selection:"none",name:"No File Selected"})},"pane-3")]})}),...e});var Fe="table",Je=Fe;import{jsx as fN}from"react/jsx-runtime";var Rc="k-data-table",pN=[],uN={size:[s.undefined,s.small,s.medium,s.large]},bN={},mo=e=>{let{size:t,...o}=e;return fN("div",{...o,className:r(e.className,Rc,y("k-table",{size:t})),children:e.children})};mo.states=pN;mo.options=uN;mo.className=Rc;mo.defaultOptions=bN;mo.moduleName=Fe;mo.folderName=Je;import{jsx as NN}from"react/jsx-runtime";var Tn="k-table-header-wrap",TN=[l.hover,l.focus,l.disabled],hN={},xN={},Ro=e=>{let{children:t,hover:o,focus:a,disabled:i,...n}=e;return NN("div",{...n,className:r(e.className,Tn,L(Tn,{hover:o,focus:a,disabled:i})),children:t})};Ro.states=TN;Ro.options=hN;Ro.className=Tn;Ro.defaultOptions=xN;Ro.moduleName=Fe;Ro.folderName=Je;import{jsx as LN}from"react/jsx-runtime";var hn="k-table",kN=[],gN={size:[s.undefined,s.small,s.medium,s.large]},vN={},qe=e=>{let{size:t,...o}=e;return LN("table",{...o,className:r(e.className,hn,y(hn,{size:t})),children:e.children})};qe.states=kN;qe.options=gN;qe.className=hn;qe.defaultOptions=vN;qe.moduleName=Fe;qe.folderName=Je;import{jsx as xn}from"react/jsx-runtime";var Nn="k-table-header",CN=[l.hover,l.focus,l.disabled],MN={},wN={},po=e=>{let{children:t,hover:o,focus:a,disabled:i,...n}=e;return xn("div",{...n,className:r(e.className,Nn,L(Nn,{hover:o,focus:a,disabled:i})),children:xn(Ro,{children:xn(qe,{children:t})})})};po.states=CN;po.options=MN;po.className=Nn;po.defaultOptions=wN;po.moduleName=Fe;po.folderName=Je;import{jsx as AN}from"react/jsx-runtime";var Oc="k-table-scroller",yN=[],SN={},EN={},ya=e=>{let{children:t,...o}=e;return AN("div",{...o,className:r(e.className,Oc),children:t})};ya.states=yN;ya.options=SN;ya.className=Oc;ya.defaultOptions=EN;ya.moduleName=Fe;ya.folderName=Je;import{jsx as g7}from"react/jsx-runtime";import{jsx as BN}from"react/jsx-runtime";var Bc="k-table-footer",IN=[],RN={},ON={},Oo=e=>{let{children:t,...o}=e;return BN("div",{...o,className:r(e.className,Bc),children:t})};Oo.states=IN;Oo.options=RN;Oo.className=Bc;Oo.defaultOptions=ON;Oo.moduleName=Fe;Oo.folderName=Je;import{jsx as DN}from"react/jsx-runtime";var kn="k-table-list",PN=[],KN={size:[s.undefined,s.small,s.medium,s.large]},HN={},Bo=e=>{let{size:t,virtualization:o,...a}=e;return DN("ul",{...a,className:r(e.className,"k-table",kn,y(kn,{size:t}),{"k-virtual-table":o}),children:e.children})};Bo.states=PN;Bo.options=KN;Bo.className=kn;Bo.defaultOptions=HN;Bo.moduleName=Fe;Bo.folderName=Je;import{jsx as _N}from"react/jsx-runtime";var GN="k-table-thead",oe=e=>_N("thead",{className:r(e.className,GN),children:e.children});import{jsx as FN}from"react/jsx-runtime";var zN="k-table-tbody",de=e=>FN("tbody",{className:r(e.className,zN),children:e.children});import{jsx as G7}from"react/jsx-runtime";import{jsx as VN}from"react/jsx-runtime";var gn="k-table-row",UN=[l.hover,l.focus,l.selected,l.disabled,l.highlighted],S=e=>{let{hover:t,focus:o,selected:a,highlighted:i,disabled:n,alt:c,...p}=e;return VN("tr",{...p,className:r(e.className,gn,{"k-table-alt-row":c},L(gn,{hover:t,focus:o,disabled:n,selected:a,highlighted:i})),children:e.children})};S.states=UN;S.className=gn;import{jsx as WN}from"react/jsx-runtime";var vn="k-table-row",$N=[l.hover,l.focus,l.selected,l.disabled],xi=e=>{let{hover:t,focus:o,selected:a,disabled:i,alt:n,...c}=e;return WN("li",{...c,className:r(e.className,vn,{"k-table-alt-row":n},L(vn,{hover:t,focus:o,disabled:i,selected:a})),children:e.children})};xi.states=$N;xi.className=vn;import{jsx as XN}from"react/jsx-runtime";var Pc="k-table-th",uo=e=>{let{text:t,colspan:o,rowspan:a,...i}=e,n=t\|\|e.children;return XN("th",{colSpan:o,rowSpan:a,...i,className:r(e.className,Pc),children:n})};uo.className=Pc;uo.moduleName=Fe;uo.folderName=Je;import{jsx as j7}from"react/jsx-runtime";import{jsx as qN}from"react/jsx-runtime";var Ln="k-table-td",JN=[l.focus,l.selected,l.highlighted],m=e=>{let{focus:t,selected:o,highlighted:a,text:i,colspan:n,rowspan:c,...p}=e,u=i\|\|e.children;return qN("td",{colSpan:n,rowSpan:c,...p,className:r(e.className,Ln,L(Ln,{focus:t,selected:o,highlighted:a})),children:u})};m.states=JN;m.className=Ln;import{jsx as l4}from"react/jsx-runtime";import{jsx as c4}from"react/jsx-runtime";import{jsx as b4}from"react/jsx-runtime";import{jsx as x4}from"react/jsx-runtime";import{jsx as v4}from"react/jsx-runtime";import{jsx as E4,jsxs as A4}from"react/jsx-runtime";import{jsx as B4,jsxs as P4}from"react/jsx-runtime";import{jsx as G4,jsxs as _4}from"react/jsx-runtime";import{Fragment as W4,jsx as V4,jsxs as $4}from"react/jsx-runtime";var X="grid",q=X;import{jsx as ok,jsxs as ak}from"react/jsx-runtime";var Ni="k-grid",jN=[],ek={size:[s.undefined,s.small,s.medium,s.large]},tk=[],Hc={pagerPosition:"bottom"},$=e=>{let{size:t,pagerPosition:o=Hc.pagerPosition,toolbar:a,pager:i,groupingHeader:n,gridSelectionAggregates:c,_renderAriaRoot:p,resizable:u,...h}=e;return ak("div",{...h,className:r(e.className,Ni,{[`${Ni}-resizable`]:u},y(Ni,{size:t})),children:[a,o==="top"&&i,n,e.children&&p?ok("div",{className:"k-grid-aria-root",children:e.children}):e.children,c,o==="bottom"&&i]})};$.states=jN;$.options=ek;$.variants=tk;$.className=Ni;$.defaultOptions=Hc;$.moduleName=X;$.folderName=q;import{jsx as rk}from"react/jsx-runtime";var Dc="k-grid-header",ce=e=>{let{draggable:t,...o}=e;return rk("div",{...o,className:r(e.className,Dc,{"k-grid-draggable-header":t}),children:e.children})};ce.className=Dc;ce.moduleName=X;ce.folderName=q;import{jsx as Gc,jsxs as ik}from"react/jsx-runtime";var _c="k-grouping-header",Po=e=>{let{dropHint:t,dropClue:o,...a}=e;return ik("div",{...a,className:r(e.className,_c),children:[o&&Gc("div",{className:"k-grouping-dropclue"}),e.children,Gc("div",{className:"k-grouping-drop-container",children:t})]})};Po.className=_c;Po.moduleName=X;Po.folderName=q;import{jsx as lk}from"react/jsx-runtime";var zc="k-grid-pinned-container",Cn=e=>{let{position:t,...o}=e;return lk("div",{...o,className:r(e.className,zc,{"k-pos-bottom":t==="bottom"}),children:e.children})};Cn.className=zc;Cn.moduleName=X;Cn.folderName=q;import{jsx as nk}from"react/jsx-runtime";var Fc="k-grid-sticky-container",Mn=e=>{let{position:t,...o}=e;return nk("div",{...o,className:r(e.className,Fc,{"k-pos-bottom":t==="bottom"}),children:e.children})};Mn.className=Fc;Mn.moduleName=X;Mn.folderName=q;import{jsx as sk}from"react/jsx-runtime";var Uc="k-grid-header-table",me=e=>sk(qe,{...e,className:r(e.className,Uc),children:e.children});me.className=Uc;me.moduleName=X;me.folderName=q;import{jsx as Ko,jsxs as wn}from"react/jsx-runtime";var yn="k-header",dk=[l.hover,l.focus,l.active],Vc={sortIcon:"sort-asc-small"},A=e=>{let{menu:t,sortable:o,filterable:a,sticky:i,resizable:n,columnTitle:c,hover:p,focus:u,active:h,sortIcon:g=Vc.sortIcon,sortOrder:v,accessibleLabel:f,...M}=e;return wn(uo,{...M,className:r(e.className,yn,{"k-filterable":t\|\|a,"k-sorted":o,"k-grid-header-sticky":i,"k-touch-action-none":n},L(yn,{hover:p,focus:u,active:h})),children:[c&&wn("span",{className:"k-cell-inner",children:[wn("span",{className:"k-link",children:[Ko("span",{className:"k-column-title",children:c}),o&&Ko("span",{className:"k-sort-icon",children:Ko(b,{icon:g})}),v&&Ko("span",{className:"k-sort-order",children:v})]}),t&&Ko("a",{href:"#",className:r("k-grid-header-menu",{"k-active":h,"k-grid-filter-menu":t==="filter","k-grid-column-menu":t==="column"}),children:Ko(b,{icon:t==="filter"?"filter":"more-vertical"})})]}),!c&&f&&Ko("span",{className:"k-sr-only",children:f}),e.children,n&&Ko("span",{className:"k-column-resizer k-touch-action-none"})]})};A.states=dk;A.className=yn;A.defaultOptions=Vc;A.moduleName=X;A.folderName=q;import{jsx as ck}from"react/jsx-runtime";var $c="k-grid-container",ae=e=>ck("div",{...e,className:r(e.className,$c),children:e.children});ae.className=$c;ae.moduleName=X;ae.folderName=q;import{jsx as mk}from"react/jsx-runtime";var Wc="k-grid-content",re=e=>mk("div",{...e,className:r(e.className,Wc),children:e.children});re.className=Wc;re.moduleName=X;re.folderName=q;import{jsx as pk}from"react/jsx-runtime";var Xc="k-grid-table",ie=e=>pk(qe,{...e,className:r(e.className,Xc),children:e.children});ie.className=Xc;ie.moduleName=X;ie.folderName=q;import{jsx as uk}from"react/jsx-runtime";var Jc="k-grid-footer",Sn=e=>uk("div",{...e,className:r(e.className,Jc),children:e.children});Sn.className=Jc;Sn.moduleName=X;Sn.folderName=q;import{jsx as bk}from"react/jsx-runtime";var qc="k-grid-footer-table",En=e=>bk(qe,{...e,className:r(e.className,qc),children:e.children});En.className=qc;En.moduleName=X;En.folderName=q;import{jsx as fk}from"react/jsx-runtime";var Yc="k-grid-pager",oo=e=>fk(Se,{...e,className:r(e.className,Yc),children:e.children});oo.className=Yc;oo.moduleName=X;oo.folderName=q;import{jsx as Tk}from"react/jsx-runtime";var Qc="k-grid-toolbar",ta=e=>Tk(ne,{...e,className:r(e.className,Qc),children:e.children});ta.className=Qc;ta.moduleName=X;ta.folderName=q;import{jsx as An,jsxs as xk}from"react/jsx-runtime";var In="k-grid-stack-cell",hk=[l.focus,l.selected],ki=e=>{let{cellHeader:t,cellContent:o,edit:a,commandCell:i,dirty:n,focus:c,selected:p,...u}=e;return xk("div",{...u,className:r(e.className,In,{"k-grid-stack-edit-cell":a,"k-command-cell":i,"k-dirty-cell":n},L(In,{focus:c,selected:p})),children:[n&&An("span",{className:"k-dirty"}),t&&An("div",{className:"k-grid-stack-header",children:t}),An("div",{className:"k-grid-stack-content",children:o}),e.children]})};ki.states=hk;ki.className=In;ki.moduleName=X;ki.folderName=q;import{jsx as Nk}from"react/jsx-runtime";var Zc="k-grid-stack-row",gi=e=>{let{cols:t,...o}=e;return Nk("div",{...o,className:r(e.className,Zc,{[`k-grid-cols-${t}`]:t}),children:e.children})};gi.className=Zc;gi.moduleName=X;gi.folderName=q;import{Fragment as qV,jsx as XV,jsxs as JV}from"react/jsx-runtime";import{Fragment as o$,jsx as e$,jsxs as t$}from"react/jsx-runtime";import{Fragment as d$,jsx as n$,jsxs as s$}from"react/jsx-runtime";import{Fragment as kk,jsx as w,jsxs as ge}from"react/jsx-runtime";var jc=({contentClassName:e,...t})=>w($,{_renderAriaRoot:!0,pager:w(oo,{refresh:!1}),children:ge(kk,{children:[w(ce,{children:w("div",{className:"k-grid-header-wrap",children:ge(me,{children:[ge("colgroup",{children:[w("col",{}),w("col",{style:{width:"225px"}}),w("col",{}),w("col",{}),w("col",{})]}),ge(oe,{children:[ge(S,{children:[w(A,{rowspan:1,colspan:1,columnTitle:"Product Id"}),w(A,{rowspan:1,colspan:1,columnTitle:"Name"}),w(A,{rowspan:1,colspan:1,columnTitle:"Quantity"}),w(A,{rowspan:1,colspan:1,columnTitle:"Unit Price"}),w(A,{rowspan:1,colspan:1,columnTitle:"Discontinued"})]}),ge(S,{className:"k-filter-row",children:[w(m,{children:w("div",{className:"k-filtercell",children:ge("div",{className:"k-filtercell-wrapper",children:[w(V,{}),ge("div",{className:"k-filtercell-operator",children:[w(pe,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",w(d,{disabled:!0,icon:"filter-clear"})]})]})})}),w(m,{children:w("div",{className:"k-filtercell",children:ge("div",{className:"k-filtercell-wrapper",children:[w(xe,{}),ge("div",{className:"k-filtercell-operator",children:[w(pe,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",w(d,{disabled:!0,icon:"filter-clear"})]})]})})}),w(m,{children:w("div",{className:"k-filtercell",children:ge("div",{className:"k-filtercell-wrapper",children:[w(xe,{}),ge("div",{className:"k-filtercell-operator",children:[w(pe,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",w(d,{disabled:!0,icon:"filter-clear"})]})]})})}),w(m,{children:w("div",{className:"k-filtercell",children:ge("div",{className:"k-filtercell-wrapper",children:[w(V,{}),ge("div",{className:"k-filtercell-operator",children:[w(pe,{className:"k-dropdown-operator",arrowIconName:"filter"})," ",w(d,{disabled:!0,icon:"filter-clear"})]})]})})}),w(m,{children:w("div",{className:"k-filtercell",children:ge("div",{className:"k-filtercell-wrapper",children:[w(pe,{}),w("div",{className:"k-filtercell-operator",children:w(d,{disabled:!0,icon:"filter-clear"})})]})})})]})]})]})})}),w(ae,{children:w(re,{className:e,children:ge(ie,{children:[ge("colgroup",{children:[w("col",{}),w("col",{style:{width:"225px"}}),w("col",{}),w("col",{}),w("col",{})]}),ge(de,{children:[ge(S,{className:"k-master-row",children:[w(m,{children:"1"}),w(m,{children:"Chai"}),w(m,{children:"10 boxes x 20 bags"}),w(m,{children:"18"}),w(m,{children:"false"})]}),ge(S,{className:"k-master-row",alt:!0,children:[w(m,{children:"2"}),w(m,{children:"Chang"}),w(m,{children:"24 - 12 oz bottles"}),w(m,{children:"19"}),w(m,{children:"false"})]}),ge(S,{className:"k-master-row",children:[w(m,{children:"3"}),w(m,{children:"Aniseed Syrup"}),w(m,{children:"12 - 550 ml bottles"}),w(m,{children:"10"}),w(m,{children:"false"})]}),ge(S,{className:"k-master-row",alt:!0,children:[w(m,{children:"4"}),w(m,{children:"Chef Anton's Cajun Seasoning"}),w(m,{children:"48 - 6 oz jars"}),w(m,{children:"22"}),w(m,{children:"false"})]}),ge(S,{className:"k-master-row",children:[w(m,{children:"5"}),w(m,{children:"Grandma's Boysenberry Spread"}),w(m,{children:"12 - 8 oz jars"}),w(m,{children:"25"}),w(m,{children:"false"})]})]})]})})})]}),...t});import{jsx as vi}from"react/jsx-runtime";var gk="k-chip-action";var Oe=e=>{let{type:t,...o}=e,a;switch(t){case"remove":a=vi(b,{icon:"x-circle",size:"small"});break;case"more":a=vi(b,{icon:"more-vertical",size:"small"});break;default:return vi(b,{icon:t,size:"small"})}return vi("span",{...o,className:r(e.className,gk,`k-chip-${t}-action`),children:a})};var Rn="avatar",em=Rn;import{jsx as tm}from"react/jsx-runtime";var Er="k-avatar";var vk=[l.hover,l.focus,l.active,l.selected,l.disabled],Lk={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[k.undefined,k.solid,k.outline],themeColor:[N.undefined,N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark,N.inverse]},On={type:"text",border:!1},ft=e=>{let{size:t,rounded:o,fillMode:a,themeColor:i,type:n=On.type,border:c=On.border,...p}=e;return tm("div",{...p,className:r(e.className,Er,y(Er,{size:t,rounded:o,fillMode:a,themeColor:i}),{[`${Er}-bordered`]:c}),children:tm("span",{className:`${Er}-${n}`,children:e.children})})};ft.states=vk;ft.options=Lk;ft.className=Er;ft.defaultOptions=On;ft.moduleName=Rn;ft.folderName=em;ft.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var oa=ft;import{jsx as Ck}from"react/jsx-runtime";var om=e=>Ck(oa,{type:"icon",...e});import{jsx as Mk}from"react/jsx-runtime";var am=e=>Mk(oa,{type:"text",...e});import{jsx as wk}from"react/jsx-runtime";var rm=e=>wk(oa,{type:"image",...e});import{jsx as G$}from"react/jsx-runtime";import{jsx as Ar}from"react/jsx-runtime";var yk=ft.options,Sk=ft.states,Ek={...ft.defaultOptions,variant:"image"},Ak=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],Ik=[],Ir=e=>{let{variant:t,...o}=e;switch(t){case"icon":return Ar(om,{...o,children:Ar(b,{icon:"star"})});case"text":return Ar(am,{...o,children:"JO"});default:return Ar(rm,{...o,children:Ar("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};Ir.options=yk;Ir.states=Sk;Ir.variants=Ak;Ir.defaultOptions=Ek;Ir.modifiers=Ik;var Rr="chip",Li=Rr;import{jsx as Sa,jsxs as Bk}from"react/jsx-runtime";var Ci="k-chip",Rk=[l.hover,l.focus,l.active,l.selected,l.disabled],Ok={size:[s.undefined,s.small,s.medium,s.large],rounded:[T.undefined,T.none,T.small,T.medium,T.large,T.full],fillMode:[k.undefined,k.solid,k.outline],themeColor:[N.undefined,N.base,N.success,N.warning,N.error,N.info]},im={avatarImage:"/packages/html/assets/avatar.jpg"},Be=e=>{let{size:t,rounded:o,fillMode:a,themeColor:i,text:n,icon:c,actions:p,showAvatar:u,avatarImage:h=im.avatarImage,hover:g,focus:v,active:f,selected:M,disabled:C,...E}=e;return Bk("div",{...E,className:r(e.className,Ci,y(Ci,{size:t,rounded:o,fillMode:a,themeColor:i}),L(Ci,{hover:g,focus:v,active:f,disabled:C,selected:M})),role:e.role\|\|"button","aria-pressed":e.role==="option"?void 0:M?"true":"false","aria-selected":e.role==="option"?M?"true":"false":void 0,"aria-disabled":C?"true":void 0,children:[c&&Sa(b,{className:"k-chip-icon",icon:c,size:"small"}),u&&Sa(ft,{className:"k-chip-avatar",type:"image",children:Sa("img",{src:h,alt:""})}),Sa("span",{className:"k-chip-content",children:e.children?e.children:n&&Sa("span",{className:"k-chip-label",children:n})}),p&&Sa("span",{className:"k-chip-actions",children:p})]})};Be.states=Rk;Be.options=Ok;Be.className=Ci;Be.defaultOptions=im;Be.moduleName=Rr;Be.folderName=Li;Be.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 zt=Be;import{jsx as Dk}from"react/jsx-runtime";var Bn="k-chip-list",Pk=[],Kk={size:[s.undefined,s.small,s.medium,s.large]},Hk={},Pe=e=>{let{size:t,multiselectable:o,ariaLabel:a,...i}=e;return Dk("div",{...i,className:r(e.className,Bn,y(Bn,{size:t})),role:"listbox","aria-label":a\|\|"chip list","aria-orientation":"horizontal","aria-multiselectable":o?"true":void 0,children:e.children})};Pe.states=Pk;Pe.options=Kk;Pe.className=Bn;Pe.defaultOptions=Hk;Pe.moduleName=Rr;Pe.folderName=Li;Pe.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 fW}from"react/jsx-runtime";import{jsx as NW}from"react/jsx-runtime";import{jsx as Gk}from"react/jsx-runtime";var Mi=e=>Gk(zt,{text:"text",...e});import{jsx as yW}from"react/jsx-runtime";import{jsx as IW}from"react/jsx-runtime";import{Fragment as HW,jsx as KW,jsxs as DW}from"react/jsx-runtime";import{jsx as UW,jsxs as VW}from"react/jsx-runtime";import{jsx as qW,jsxs as YW}from"react/jsx-runtime";import{jsx as oX,jsxs as aX}from"react/jsx-runtime";import{jsx as Ea,jsxs as $k}from"react/jsx-runtime";var _k={...zt.options,...Pe.options},zk=[],Fk=Pe.states,Uk={...zt.defaultOptions,...Pe.defaultOptions},Vk=[{name:"icon",title:"Icon",type:"boolean"},{name:"actions",title:"Actions",type:"boolean"},{name:"avatar",title:"Avatar",type:"boolean"}],Or=e=>{let{modifiers:t,className:o,...a}=e,i=t?.icon,n=t?.actions,c=t?.avatar;return $k(Pe,{size:a.size,className:o,children:[Ea(Mi,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:i?"star":void 0,actions:n?Ea(Oe,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),Ea(Mi,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:i?"star":void 0,actions:n?Ea(Oe,{type:"remove"}):void 0,showAvatar:c,children:"Chip"}),Ea(Mi,{...a,role:"option","aria-selected":"false","aria-pressed":void 0,icon:i?"star":void 0,actions:n?Ea(Oe,{type:"remove"}):void 0,showAvatar:c,children:"Chip"})]})};Or.options=_k;Or.states=Fk;Or.variants=zk;Or.defaultOptions=Uk;Or.modifiers=Vk;import{jsx as Pn}from"react/jsx-runtime";var Wk=Be.states,Xk=Be.defaultOptions,Jk=Be.options,qk=[],Yk=[{name:"icon",title:"Icon"},{name:"avatar",title:"Avatar"},{name:"remove-icon",title:"`Remove` Icon"},{name:"more-options",title:"`More options` Icon"}],Br=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"icon":a.icon=t?.[i]?"arrow-down":void 0;break;case"avatar":a.showAvatar=!!t?.[i],a.avatarImage=t?.[i]?"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?.[i]?Pn(Oe,{type:"more"}):void 0;break;case"remove-icon":a.actions\|\|(a.actions=[]),a.actions[1]=t?.[i]?Pn(Oe,{type:"remove"}):void 0;break;default:break}}),Pn(Be,{...o,...a,children:"Chip component"})};Br.options=Jk;Br.states=Wk;Br.variants=qk;Br.defaultOptions=Xk;Br.modifiers=Yk;import{Fragment as Kn,jsx as B,jsxs as at}from"react/jsx-runtime";var lm=({dropClue:e,contentClassName:t,...o})=>B($,{_renderAriaRoot:!0,groupingHeader:B(Po,{dropClue:e,children:at(Pe,{children:[B(Be,{icon:"sort-asc-small",text:"ID",actions:at(Kn,{children:[B(Oe,{type:"more"}),B(Oe,{type:"remove"})]})}),B(Be,{icon:"sort-desc-small",text:"Name",actions:at(Kn,{children:[B(Oe,{type:"more"}),B(Oe,{type:"remove"})]})})]})}),children:at(Kn,{children:[B(ce,{draggable:!0,children:B("div",{className:"k-grid-header-wrap",children:at(me,{children:[at("colgroup",{children:[B("col",{className:"k-group-col"}),B("col",{className:"k-group-col"}),B("col",{}),B("col",{}),B("col",{}),B("col",{})]}),B(oe,{children:at(S,{children:[B(A,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),B(A,{colspan:1,rowspan:1,className:"k-group-cell",accessibleLabel:"Group"}),B(A,{colspan:1,columnTitle:"ID"}),B(A,{colspan:1,columnTitle:"Name"}),B(A,{colspan:1,columnTitle:"Price"}),B(A,{colspan:1,columnTitle:"Category"})]})})]})})}),B(ae,{children:B(re,{className:t,children:at(ie,{children:[at("colgroup",{children:[B("col",{className:"k-group-col"}),B("col",{className:"k-group-col"}),B("col",{}),B("col",{}),B("col",{}),B("col",{})]}),at(de,{children:[B(S,{className:"k-table-group-row k-grouping-row",children:B(m,{colspan:6,children:at("p",{className:"k-reset",children:[B(b,{icon:"caret-alt-right"}),"ID: 1"]})})}),B(S,{className:"k-table-group-row k-grouping-row",children:B(m,{colspan:6,children:at("p",{className:"k-reset",children:[B(b,{icon:"caret-alt-down"}),"ID: 2"]})})}),at(S,{className:"k-table-group-row k-grouping-row",children:[B(m,{className:"k-table-group-td k-group-cell"}),B(m,{colspan:5,children:at("p",{className:"k-reset",children:[B(b,{icon:"caret-alt-down"}),"Name: Chang"]})})]}),at(S,{className:"k-master-row",alt:!0,children:[B(m,{className:"k-table-group-td k-group-cell"}),B(m,{className:"k-table-group-td k-group-cell"}),B(m,{colspan:0,children:"2"}),B(m,{colspan:0,children:"Chang"}),B(m,{colspan:0,children:"$19.00"}),B(m,{colspan:0,children:"Beverages"})]})]})]})})})]}),...o});import{Fragment as $X,jsx as UX,jsxs as VX}from"react/jsx-runtime";import{Fragment as jX,jsx as QX,jsxs as ZX}from"react/jsx-runtime";import{Fragment as lJ,jsx as rJ,jsxs as iJ}from"react/jsx-runtime";import{Fragment as Qk,jsx as F,jsxs as rt}from"react/jsx-runtime";var nm=({headerWrapClassName:e,contentClassName:t,...o})=>F($,{_renderAriaRoot:!0,children:rt(Qk,{children:[F(ce,{children:F("div",{className:`k-grid-header-wrap ${e}`,children:rt(me,{children:[rt("colgroup",{children:[F("col",{}),F("col",{}),F("col",{}),F("col",{})]}),rt(oe,{children:[rt(S,{children:[F(A,{rowspan:3,colspan:1,columnTitle:"ID"}),F(A,{rowspan:1,colspan:3,columnTitle:"Product Information"})]}),rt(S,{children:[F(A,{rowspan:2,colspan:1,columnTitle:"Product Name",className:"k-first"}),F(A,{rowspan:1,colspan:2,columnTitle:"Unit"})]}),rt(S,{children:[F(A,{rowspan:1,colspan:1,columnTitle:"Units In Stock",className:"k-first"}),F(A,{rowspan:1,colspan:1,columnTitle:"Units Price"})]})]})]})})}),F(ae,{children:F(re,{className:t,children:rt(ie,{children:[rt("colgroup",{children:[F("col",{}),F("col",{}),F("col",{}),F("col",{})]}),rt(de,{children:[rt(S,{className:"k-master-row",children:[F(m,{children:"1"}),F(m,{children:"Chai"}),F(m,{children:"39"}),F(m,{children:"18"})]}),rt(S,{className:"k-master-row",alt:!0,children:[F(m,{children:"2"}),F(m,{children:"Chang"}),F(m,{children:"17"}),F(m,{children:"19"})]}),rt(S,{className:"k-master-row",children:[F(m,{children:"3"}),F(m,{children:"Aniseed Syrup"}),F(m,{children:"13"}),F(m,{children:"10"})]}),rt(S,{className:"k-master-row",alt:!0,children:[F(m,{children:"4"}),F(m,{children:"Chef Anton's Cajun Seasoning"}),F(m,{children:"53"}),F(m,{children:"22"})]}),rt(S,{className:"k-master-row",children:[F(m,{children:"5"}),F(m,{children:"Chef Anton's Gumbo Mix"}),F(m,{children:"0"}),F(m,{children:"21.35"})]})]})]})})})]}),...o});import{Fragment as xJ,jsx as TJ,jsxs as hJ}from"react/jsx-runtime";import{Fragment as MJ,jsx as LJ,jsxs as CJ}from"react/jsx-runtime";import{Fragment as Zk,jsx as G,jsxs as Ft}from"react/jsx-runtime";var sm=e=>G($,{_renderAriaRoot:!0,toolbar:Ft(ta,{children:[G(d,{children:"Add new"}),G(d,{children:"Save Changes"}),G(d,{children:"Cancel Changes"})]}),children:Ft(Zk,{children:[G(ce,{children:G("div",{className:"k-grid-header-wrap",children:Ft(me,{children:[Ft("colgroup",{children:[G("col",{}),G("col",{}),G("col",{}),G("col",{style:{width:"300px"}})]}),G(oe,{children:Ft(S,{children:[G(A,{columnTitle:"Name"}),G(A,{columnTitle:"Price"}),G(A,{columnTitle:"Available"}),G(A,{accessibleLabel:"Commands"})]})})]})})}),G(ae,{children:G(re,{children:G("div",{children:Ft(ie,{children:[Ft("colgroup",{children:[G("col",{}),G("col",{}),G("col",{}),G("col",{style:{width:"300px"}})]}),Ft(de,{children:[Ft(S,{className:"k-master-row k-grid-add-row k-grid-edit-row",children:[G(m,{children:G(xe,{value:"Towel"})}),G(m,{children:G(V,{value:"42"})}),G(m,{children:G(Ue,{})}),Ft(m,{className:"k-command-cell",children:[G(d,{children:"Add"}),G(d,{children:"Cancel"})]})]}),Ft(S,{className:"k-master-row",children:[G(m,{children:"Chai"}),G(m,{children:"18"}),G(m,{children:"false"}),G(m,{className:"k-command-cell",children:G(d,{children:"Remove"})})]}),Ft(S,{className:"k-master-row",alt:!0,children:[G(m,{children:"Chang"}),G(m,{children:"19"}),G(m,{children:"false"}),G(m,{className:"k-command-cell",children:G(d,{children:"Remove"})})]})]})]})})})})]}),...e});import{Fragment as YJ,jsx as qJ,jsxs as QJ}from"react/jsx-runtime";import{Fragment as wi,jsx as x,jsxs as Q}from"react/jsx-runtime";var jk=$.options,eg=$.states,dm={...$.defaultOptions,variant:"normal"},tg=[{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"}],og=[{name:"toolbar",title:"Toolbar",type:"boolean"},{name:"pager",title:"Pager",type:"boolean"}],Pr=e=>{let{variant:t,modifiers:o,...a}={...dm,...e},i={toolbar:void 0,pager:void 0},n=Q(ta,{children:[x(d,{icon:"plus",children:"Add New"}),x(d,{icon:"file-pdf",children:"Export to PDF"}),x("span",{className:"k-spacer"}),x(xe,{prefix:x(b,{icon:"search"}),separators:!1,placeholder:"Search..."})]}),c=x(Se,{pageSizes:!1,refresh:!1});Object.keys(o\|\|{}).forEach(h=>{switch(h){case"toolbar":i.toolbar=o?.[h]?n:void 0;break;case"pager":i.pager=o?.[h]?c:void 0;break;default:return}});let p={"column-menu":{menu:"column"},"filter-menu":{menu:"filter"},"filter-row":{}},u=Q(wi,{children:[x(ce,{children:x("div",{className:"k-grid-header-wrap",children:Q(me,{children:[Q("colgroup",{children:[x("col",{}),x("col",{}),x("col",{}),x("col",{})]}),x(oe,{children:Q(S,{children:[x(A,{...p[t],columnTitle:"ID"}),x(A,{...p[t],columnTitle:"Product Name"}),x(A,{...p[t],columnTitle:"Units in Stock"}),x(A,{...p[t],columnTitle:"Units Price"})]})})]})})}),x(ae,{children:x(re,{children:Q(ie,{children:[Q("colgroup",{children:[x("col",{}),x("col",{}),x("col",{}),x("col",{})]}),Q(de,{children:[Q(S,{children:[x(m,{children:"1"}),x(m,{children:"Chai"}),x(m,{children:"39"}),x(m,{children:"18"})]}),Q(S,{className:"k-alt",alt:!0,children:[x(m,{children:"2"}),x(m,{children:"Chang"}),x(m,{children:"17"}),x(m,{children:"19"})]}),Q(S,{children:[x(m,{children:"3"}),x(m,{children:"Aniseed Syrup"}),x(m,{children:"13"}),x(m,{children:"10"})]}),Q(S,{className:"k-alt",alt:!0,children:[x(m,{children:"4"}),x(m,{children:"Chef Anton's Cajun Seasoning"}),x(m,{children:"53"}),x(m,{children:"22"})]}),Q(S,{children:[x(m,{children:"5"}),x(m,{children:"Chef Anton's Gumbo Mix"}),x(m,{children:"0"}),x(m,{children:"21.35"})]})]})]})})})]});switch(t){case"multicolumn-headers":return x(nm,{...a,...i});case"editing":return x(sm,{...a,...i});case"grouping":return x(lm,{...a,...i,groupingHeader:x(Po,{children:Q(Pe,{children:[x(Be,{icon:"sort-asc-small",actions:Q(wi,{children:[x(Oe,{type:"more"}),x(Oe,{type:"remove"})]}),children:"ID"}),x(Be,{icon:"sort-desc-small",actions:Q(wi,{children:[x(Oe,{type:"more"}),x(Oe,{type:"remove"})]}),children:"Name"})]})})});case"row-reordering":return x($,{...a,...i,children:Q(wi,{children:[x(ce,{children:Q("div",{className:"k-grid-header-wrap",children:[" ",Q(me,{children:[Q("colgroup",{children:[x("col",{className:"k-drag-col"}),x("col",{}),x("col",{}),x("col",{}),x("col",{})]}),x(oe,{children:Q(S,{children:[x(A,{className:"k-drag-cell",accessibleLabel:"Reorder"}),x(A,{columnTitle:"ID"}),x(A,{columnTitle:"Product Name"}),x(A,{columnTitle:"Units in Stock"}),x(A,{columnTitle:"Units Price"})]})})]})]})}),x(ae,{children:x(re,{children:Q(ie,{children:[Q("colgroup",{children:[x("col",{className:"k-drag-col"}),x("col",{}),x("col",{}),x("col",{}),x("col",{})]}),Q(de,{children:[Q(S,{children:[x(m,{className:"k-drag-cell",children:x(b,{icon:"reorder"})}),x(m,{children:"1"}),x(m,{children:"Chai"}),x(m,{children:"39"}),x(m,{children:"18"})]}),Q(S,{className:"k-alt",alt:!0,children:[x(m,{className:"k-drag-cell",children:x(b,{icon:"reorder"})}),x(m,{children:"2"}),x(m,{children:"Chang"}),x(m,{children:"17"}),x(m,{children:"19"})]}),Q(S,{children:[x(m,{className:"k-drag-cell",children:x(b,{icon:"reorder"})}),x(m,{children:"3"}),x(m,{children:"Aniseed Syrup"}),x(m,{children:"13"}),x(m,{children:"10"})]}),Q(S,{className:"k-alt",alt:!0,children:[x(m,{className:"k-drag-cell",children:x(b,{icon:"reorder"})}),x(m,{children:"4"}),x(m,{children:"Chef Anton's Cajun Seasoning"}),x(m,{children:"53"}),x(m,{children:"22"})]}),Q(S,{children:[x(m,{className:"k-drag-cell",children:x(b,{icon:"reorder"})}),x(m,{children:"5"}),x(m,{children:"Chef Anton's Gumbo Mix"}),x(m,{children:"0"}),x(m,{children:"21.35"})]})]})]})})})]})});case"filter-row":return x(jc,{...a,...i});default:return x($,{...a,...i,children:u})}};Pr.options=jk;Pr.states=eg;Pr.variants=tg;Pr.defaultOptions=dm;Pr.modifiers=og;import{Fragment as ag,jsx as K,jsxs as Tt}from"react/jsx-runtime";var cm=e=>K(Ke,{toolbar:Tt(We,{children:[K(d,{children:"New Folder"}),K(d,{children:"Upload"}),Tt(I,{children:[K(d,{className:"k-group-start",icon:"sort-asc-small"}),K(d,{className:"k-group-end",icon:"sort-desc-small"})]}),K(D,{text:"Sort By"}),Tt(I,{children:[K(d,{className:"k-group-start",icon:"grid",selected:!0}),K(d,{className:"k-group-end",icon:"grid-layout"})]}),K("div",{className:"k-spacer"}),Tt("div",{className:"k-filemanager-details-toggle",children:[K("label",{children:"View Details"}),K(ke,{})]}),K(ve,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:K(ag,{children:K(Ce,{className:"k-filemanager-splitter",panes:[K(te,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:K(ut,{children:K(j,{text:"Folder"})})},"pane-1"),Tt(te,{className:"k-filemanager-content",scrollable:!0,children:[K(ct,{children:K(ot,{children:K(Te,{root:!0,children:K(be,{root:!0,icon:!0,children:K(b,{icon:"home"})})})})}),Tt($,{_renderAriaRoot:!0,className:"k-filemanager-grid k-grid-display-block",children:[K(ce,{children:K("div",{className:"k-grid-header-wrap k-auto-scrollable",children:Tt(me,{children:[Tt("colgroup",{children:[K("col",{}),K("col",{}),K("col",{})]}),K(oe,{children:Tt(S,{children:[K(A,{columnTitle:"Name",sortable:!0}),K(A,{columnTitle:"Date Created"}),K(A,{columnTitle:"File Size"})]})})]})})}),K(ae,{children:K(re,{className:"k-auto-scrollable",children:Tt(ie,{className:"k-selectable",children:[Tt("colgroup",{children:[K("col",{className:"k-sorted"}),K("col",{}),K("col",{})]}),Tt(de,{children:[Tt(S,{className:"k-master-row",children:[K(m,{children:K(De,{name:"Folder",icon:"folder"})}),K(m,{children:"13/12/2019 at 12:22:04 PM"}),K(m,{children:"0"})]}),Tt(S,{className:"k-master-row",alt:!0,children:[K(m,{children:K(De,{name:"file.png",icon:"file"})}),K(m,{children:"13/12/2019 at 12:22:04 PM"}),K(m,{children:"73289"})]})]})]})})})]})]},"pane-2")]})}),...e});import{jsx as yi}from"react/jsx-runtime";var rg=Ke.options,ig=Ke.states,lg={...Ke.defaultOptions,variant:"listview"},ng=[{name:"listview",title:"ListView"},{name:"grid",title:"Grid"}],sg=[{name:"preview",title:"Preview"}],Kr=e=>{let{variant:t,modifiers:o,...a}={...e},i=!1;return Object.keys(o\|\|{}).forEach(n=>{n==="preview"&&(i=!!o?.[n])}),t==="grid"?i?yi(mm,{...a}):yi(cm,{...a}):i?yi(Ic,{...a}):yi(Ac,{...a})};Kr.options=rg;Kr.states=ig;Kr.variants=ng;Kr.defaultOptions=lg;Kr.modifiers=sg;import{Fragment as dg,jsx as P,jsxs as ht}from"react/jsx-runtime";var mm=e=>P(Ke,{toolbar:ht(We,{children:[P(d,{children:"New Folder"}),P(d,{children:"Upload"}),ht(I,{children:[P(d,{className:"k-group-start",icon:"sort-asc-small"}),P(d,{className:"k-group-end",icon:"sort-desc-small"})]}),P(D,{text:"Sort By"}),ht(I,{children:[P(d,{className:"k-group-start",icon:"grid",selected:!0}),P(d,{className:"k-group-end",icon:"grid-layout"})]}),P("div",{className:"k-spacer"}),ht("div",{className:"k-filemanager-details-toggle",children:[P("label",{children:"View Details"}),P(ke,{checked:!0})]}),P(ve,{className:"k-filemanager-search-tool",placeholder:"Search..."})]}),children:P(dg,{children:P(Ce,{className:"k-filemanager-splitter",panes:[P(te,{className:"k-filemanager-navigation",collapsible:!0,scrollable:!0,flexBasis:"25%",children:P(ut,{children:P(j,{text:"Folder"})})},"pane-1"),ht(te,{className:"k-filemanager-content",scrollable:!0,children:[P(ct,{children:P(ot,{children:P(Te,{root:!0,children:P(be,{root:!0,icon:!0,children:P(b,{icon:"home"})})})})}),ht($,{_renderAriaRoot:!0,className:"k-filemanager-grid k-grid-display-block",children:[P(ce,{children:P("div",{className:"k-grid-header-wrap k-auto-scrollable",children:ht(me,{children:[ht("colgroup",{children:[P("col",{}),P("col",{}),P("col",{})]}),P(oe,{children:ht(S,{children:[P(A,{sortable:!0,columnTitle:"Name"}),P(A,{columnTitle:"Date Created"}),P(A,{columnTitle:"File Size"})]})})]})})}),P(ae,{children:P(re,{className:"k-auto-scrollable",children:ht(ie,{className:"k-selectable",children:[ht("colgroup",{children:[P("col",{className:"k-sorted"}),P("col",{}),P("col",{})]}),ht(de,{children:[ht(S,{className:"k-master-row",children:[P(m,{children:P(De,{name:"Folder",icon:"folder"})}),P(m,{children:"13/12/2019 at 12:22:04 PM"}),P(m,{children:"0"})]}),ht(S,{className:"k-master-row",alt:!0,children:[P(m,{children:P(De,{name:"file.png",icon:"file"})}),P(m,{children:"13/12/2019 at 12:22:04 PM"}),P(m,{children:"73289"})]})]})]})})})]})]},"pane-2"),P(te,{className:"k-filemanager-preview",collapsible:!0,scrollable:!0,flexBasis:"25%",children:P(Io,{selection:"none",name:"No File Selected"})},"pane-3")]})}),...e});export{mm as FileManagerGridPreview};