npm - @progress/kendo-themes-html - Versions diffs - 14.7.0-dev.14 → 14.7.0-dev.15 - Mend

@progress/kendo-themes-html 14.7.0-dev.14 → 14.7.0-dev.15

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 (152) hide show

package/dist/esm/imageeditor/templates/imageeditor-insert-shape.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 C=(e,t)=>r({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),E=(e,t)=>{let{valid:o,invalid:a,hover:i,focus:l,checked:d,active:m,selected:u,disabled:x,indeterminate:b,loading:N,empty:c,readonly:v,highlighted:L,...I}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":i,"k-focus":l,"k-checked":d,"k-active":m,"k-selected":u,"k-disabled":x,"k-indeterminate":b&&!d,"k-loading":N,"k-empty":c,"k-readonly":v,"k-highlighted":L},Object.keys(I).reduce((S,y)=>(y.startsWith("k-")?S[y]=I[y]:S[`k-${y}`]=I[y],S),{}))};function cl(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var p={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},f={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},h={undefined:void 0,solid:"solid",tint:"tint",flat:"flat",outline:"outline",clear:"clear",link:"link"},vt={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},k={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},n={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var lr={};function T(e){return lr[e]=(lr[e]\|\|0)+1,`k-${e}-${lr[e]}`}import{Fragment as Vp,jsx as ul}from"react/jsx-runtime";var sr="k-font-icon",Up=[],Gp={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info]},$p={},Ra=e=>{let{size:t,themeColor:o,icon:a,rotate:i,flip:l,...d}=e;return a?ul("span",{...d,className:r(e.className,sr,C(sr,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":l==="h"\|\|l==="both","k-flip-v":l==="v"\|\|l==="both"}),"aria-hidden":"true"}):ul(Vp,{})};Ra.states=Up;Ra.options=Gp;Ra.className=sr;Ra.defaultOptions=$p;var fl=Ra;import{Fragment as Jp,jsx as fi}from"react/jsx-runtime";var dr="k-svg-icon",Xp=[],Wp={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info],variant:[vt.outline,vt.solid,vt.duotone]},pr={viewBox:"0 0 24 24",variant:vt.outline},Pa=e=>{let{size:t,themeColor:o,rotate:a,flip:i,viewBox:l=pr.viewBox,variant:d=pr.variant,icon:m,...u}=e;if(!m)return fi(Jp,{});if(m==="none")return fi("span",{...u,className:r(e.className,dr,C("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let x=typeof m=="object"&&m.name&&m.name,b=typeof m=="object"?d&&m.variants?.[d]\|\|m.variants?.outline\|\|m.content:void 0;return fi("span",{...u,className:r(e.className,dr,C("k-icon",{size:t}),{[`k-svg-i-${x}`]:x,[`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:fi("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:l,dangerouslySetInnerHTML:b!==void 0?{__html:b}:void 0,children:m?void 0:e.children})})};Pa.states=Xp;Pa.options=Wp;Pa.className=dr;Pa.defaultOptions=pr;var mr=Pa;importas cr from"@progress/kendo-svg-icons";var bl="icon",xl="icons";import{useContext as Yp}from"react";import{createContext as qp}from"react";var hl=qp({iconsType:"svg"});import{Fragment as gl,jsx as wa}from"react/jsx-runtime";var bi="k-icon",Zp=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Qp=[],jp={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info],variant:[vt.outline,vt.solid,vt.duotone]},xi={viewBox:"0 0 24 24",type:"svg",variant:vt.outline},g=e=>{let{iconsType:t}=Yp(hl),{size:o,themeColor:a,icon:i,type:l=t\|\|xi.type,rotate:d,flip:m,viewBox:u=xi.viewBox,variant:x=xi.variant,...b}=e;if(!i)return wa(gl,{});if((t\|\|l)==="svg"){if(i==="none")return wa(mr,{...b,className:r(e.className,bi),icon:i,size:o,variant:x});let c=cr[i]?i:Zp(`${i}-icon`);return cr[c]?wa(mr,{...b,className:r(e.className,bi),icon:cr[c],size:o,themeColor:a,rotate:d,flip:m,viewBox:u,variant:x}):wa(gl,{})}return wa(fl,{...b,className:r(e.className,bi),icon:i,size:o,themeColor:a,rotate:d,flip:m})};g.states=Qp;g.options=jp;g.defaultOptions=xi;g.className=bi;g.moduleName=bl;g.folderName=xl;var ur="button",Nl=ur;import{Fragment as fr,jsx as Xt,jsxs as vl}from"react/jsx-runtime";var Ka="k-button",em=["icon-button"],tm=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],om={size:[p.undefined,p.xsmall,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info,k.inverse]},br={showArrow:!1,arrowIconName:"chevron-down"},s=e=>{let{as:t="button",size:o,rounded:a,fillMode:i,themeColor:l,showArrow:d=br.showArrow,arrowIconName:m=br.arrowIconName,variant:u,hover:x,focus:b,active:N,selected:c,disabled:v,togglable:L,ariaDisabled:I,icon:S,endIcon:y,iconSize:O,text:K,iconClassName:Y,className:oe,...ae}=e,me=S!=null,lo=e.children!==void 0;return vl(t,{className:r(oe,Ka,cl(Ka,u),C(Ka,{size:o,rounded:a,fillMode:i,themeColor:l}),E(Ka,{hover:x,focus:b,active:N,disabled:v\|\|I,selected:c}),{"k-icon-button":!K&&!lo&&me}),"aria-pressed":L?c?"true":"false":void 0,...ae,"aria-disabled":I?"true":void 0,disabled:v\|\|void 0,children:[typeof S=="string"&&S&&Xt(g,{className:r(Y,"k-button-icon"),icon:S,size:O}),S&&typeof S!="string"&&Xt(fr,{children:S}),K?vl(fr,{children:[K&&Xt("span",{className:"k-button-text",children:K}),e.children]}):e.children&&Xt("span",{className:"k-button-text",children:e.children}),typeof y=="string"&&y&&Xt(g,{className:r(Y,"k-button-icon"),icon:y,size:O}),y&&typeof y!="string"&&Xt(fr,{children:y}),d&&Xt("span",{className:"k-menu-button-arrow k-button-arrow",children:Xt(g,{icon:m})})]})};s.states=tm;s.options=om;s.variants=em;s.className=Ka;s.defaultOptions=br;s.moduleName=ur;s.folderName=Nl;import{jsx as am}from"react/jsx-runtime";var Kt=e=>am(s,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as im}from"react/jsx-runtime";var za=e=>im(s,{icon:"folder",children:"Button",...e});import{jsx as Bv}from"react/jsx-runtime";import{jsx as rm}from"react/jsx-runtime";var kt=e=>rm(s,{children:"Button",...e});import{jsx as xr}from"react/jsx-runtime";var nm=s.options,lm=s.states,sm={...s.defaultOptions,variant:"text"},dm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],pm=[],Co=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return xr(Kt,{...o,icon:"star"});case"icon-and-text":return xr(za,{...o,icon:"star",children:"Button"});default:return xr(kt,{...o,children:"Button"})}};Co.options=nm;Co.states=lm;Co.variants=dm;Co.defaultOptions=sm;Co.modifiers=pm;Co.className=s.className;var hr="button",kl=hr;import{jsx as fm}from"react/jsx-runtime";var _a="k-button-group",mm=[n.disabled],cm={fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},um={},A=e=>{let{fillMode:t,disabled:o,stretched:a,...i}=e;return fm("div",{role:"group",...i,className:r(e.className,_a,C(_a,{fillMode:t}),E(_a,{disabled:o}),{[`${_a}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};A.states=mm;A.options=cm;A.className=_a;A.defaultOptions=um;A.moduleName=hr;A.folderName=kl;import{Fragment as ak,jsx as ok,jsxs as ik}from"react/jsx-runtime";import{Fragment as pk,jsx as dk,jsxs as mk}from"react/jsx-runtime";import{Fragment as hk,jsx as xk,jsxs as gk}from"react/jsx-runtime";import{Fragment as Sk,jsx as Ik,jsxs as Mk}from"react/jsx-runtime";import{Fragment as Ak,jsx as Tk,jsxs as Ok}from"react/jsx-runtime";import{Fragment as _k,jsx as zk,jsxs as Dk}from"react/jsx-runtime";import{Fragment as Vk,jsx as $k,jsxs as Xk}from"react/jsx-runtime";import{jsx as zt,jsxs as gr}from"react/jsx-runtime";var bm={...s.options,...A.options},xm=s.states,hm={...s.defaultOptions,...A.defaultOptions,variant:"text-button"},gm=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Nm=[],Bo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?gr(A,{fillMode:a.fillMode,className:o,children:[zt(s,{...a,icon:"star"}),zt(s,{...a,icon:"star"}),zt(s,{...a,icon:"star"})]}):t==="icon-text-button"?gr(A,{fillMode:a.fillMode,className:o,children:[zt(s,{...a,icon:"star",children:"First"}),zt(s,{...a,icon:"star",children:"Middle"}),zt(s,{...a,icon:"star",children:"Last"})]}):gr(A,{fillMode:a.fillMode,className:o,children:[zt(s,{...a,children:"First"}),zt(s,{...a,children:"Middle"}),zt(s,{...a,children:"Last"})]})};Bo.options=bm;Bo.states=xm;Bo.variants=gm;Bo.defaultOptions=hm;Bo.modifiers=Nm;Bo.className=A.className;var Da="input",hi=Da;import{jsx as Im}from"react/jsx-runtime";var gi="k-input",vm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],km={size:[p.undefined,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Lm={},V=e=>{let{hover:t,focus:o,disabled:a,invalid:i,valid:l,loading:d,readonly:m,size:u,rounded:x,fillMode:b,...N}=e;return Im("span",{...N,className:r(e.className,gi,C(gi,{size:u,rounded:x,fillMode:b}),E(gi,{hover:t,focus:o,disabled:a,invalid:i,valid:l,loading:d,readonly:m}))})};V.states=vm;V.options=km;V.className=gi;V.defaultOptions=Lm;V.moduleName=Da;V.folderName=hi;import{jsx as Em}from"react/jsx-runtime";var Ni="k-picker",Sm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Mm={size:[p.undefined,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},ym={},Lt=e=>{let{hover:t,focus:o,disabled:a,invalid:i,valid:l,loading:d,readonly:m,size:u,rounded:x,fillMode:b,...N}=e;return Em("span",{...N,className:r(e.className,Ni,C(Ni,{size:u,rounded:x,fillMode:b}),E(Ni,{hover:t,focus:o,disabled:a,invalid:i,valid:l,loading:d,readonly:m})),children:e.children})};Lt.states=Sm;Lt.options=Mm;Lt.className=Ni;Lt.defaultOptions=ym;Lt.moduleName=Da;Lt.folderName=hi;import{Fragment as Tm,jsx as Nr}from"react/jsx-runtime";var Ll="k-clear-value",Cm=[n.disabled,n.loading,n.readonly],Bm={},ce=e=>{let{disabled:t,loading:o,readonly:a,value:i}=e;return t\|\|a\|\|o\|\|!i?Nr(Tm,{}):Nr("span",{className:r(e.className,Ll),children:Nr(g,{icon:"x"})})};ce.states=Cm;ce.options=Bm;ce.className=Ll;import{jsx as Rm}from"react/jsx-runtime";var vr="k-input-inner",Am=[],Om={},vi={type:"text",autocomplete:"off",value:"",placeholder:""},ue=e=>{let{value:t=vi.value,type:o=vi.type,placeholder:a=vi.placeholder,autocomplete:i=vi.autocomplete,disabled:l,readOnly:d,...m}=e;return Rm("input",{...m,type:o,className:r(e.className,vr,C(vr,e)),placeholder:a,autoComplete:i,defaultValue:t,disabled:l\|\|void 0,readOnly:d\|\|void 0})};ue.states=Am;ue.options=Om;ue.className=vr;import{jsx as Il,jsxs as Km}from"react/jsx-runtime";var kr="k-input-inner",Pm=[],wm={},so=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:i,valueIconName:l,...d}=e;return Km("span",{...d,className:r(e.className,kr,C(kr,e)),children:[i,!i&&l&&Il(g,{className:"k-input-value-icon",icon:l}),a&&!t&&o,a&&t&&Il("span",{className:"k-input-value-text",children:t})]})};so.states=Pm;so.options=wm;so.className=kr;import{jsx as Dm}from"react/jsx-runtime";var Lr="k-input-inner",zm=[],_m={},Sl={value:"",placeholder:""},Fa=e=>{let{value:t=Sl.value,placeholder:o=Sl.placeholder,rows:a,disabled:i,...l}=e;return Dm("textarea",{...l,className:r(e.className,Lr,C(Lr,e)),placeholder:o,rows:a,defaultValue:t,disabled:i\|\|void 0})};Fa.states=zm;Fa.options=_m;Fa.className=Lr;import{Fragment as Hm,jsx as Ml}from"react/jsx-runtime";var yl="k-input-loading-icon",Fm=[n.disabled,n.loading],ie=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?Ml(Hm,{}):Ml("span",{className:r(e.className,yl,"k-icon k-i-loading")})};ie.states=Fm;ie.className=yl;import{Fragment as $m,jsx as El}from"react/jsx-runtime";var Cl="k-input-validation-icon",Um=[n.valid,n.invalid,n.disabled,n.loading],Gm={},j=e=>{let{valid:t,invalid:o,disabled:a,loading:i}=e,l=o?"warning-circle":"check-circle";return a\|\|i\|\|!!!(t\|\|o)?El($m,{}):El(g,{className:r(Cl),icon:l})};j.states=Um;j.options=Gm;j.className=Cl;import{Fragment as Wm,jsx as Bl}from"react/jsx-runtime";var Vm="k-input-prefix",Xm={direction:"horizontal"},he=e=>{let{direction:t=Xm.direction,...o}=e;return e.children?Bl("span",{...o,className:r(Vm,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Bl(Wm,{})};import{Fragment as Ym,jsx as Tl}from"react/jsx-runtime";var Jm="k-input-suffix",qm={direction:"horizontal"},ge=e=>{let{direction:t=qm.direction,...o}=e;return e.children?Tl("span",{...o,className:r(Jm,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Tl(Ym,{})};import{jsx as WL}from"react/jsx-runtime";import{jsx as Qm}from"react/jsx-runtime";var Zm="k-input-suffix-text",It=e=>{let{children:t,...o}=e;return Qm("span",{...o,className:r(Zm,e.className),children:t})};import{jsx as ec}from"react/jsx-runtime";var Al="k-input-separator",jm={direction:"vertical"},ee=e=>{let{direction:t=jm.direction,...o}=e;return ec("span",{...o,className:r(Al,e.className,{[`${Al}-${t}`]:t})})};import{Fragment as Ol,jsx as St,jsxs as Ir}from"react/jsx-runtime";var tc=V.states,oc=V.defaultOptions,ac=V.options,ic=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],rc=[],To=e=>{let{modifiers:t,valid:o,invalid:a,loading:i,disabled:l,readonly:d,...m}=e,u=t?.prefix,x=t?.suffix,b=t?.["clear-button"],N=t?.["validation-icon"],c=t?.separators;return Ir(V,{...m,valid:o,invalid:a,loading:i,disabled:l,readonly:d,style:{width:300},children:[u&&Ir(Ol,{children:[St(he,{children:St(g,{icon:"lock"})}),c&&St(ee,{})]}),St(ue,{placeholder:"Placeholder",value:"Value"}),N&&St(j,{valid:o,invalid:a,loading:i,disabled:l}),St(ie,{loading:i,disabled:l}),b&&St(ce,{loading:i,disabled:l,readonly:d,value:"Value"}),x&&Ir(Ol,{children:[c&&St(ee,{}),St(ge,{children:St(kt,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};To.options=ac;To.states=tc;To.variants=rc;To.defaultOptions=oc;To.modifiers=ic;To.className=V.className;import{jsx as Rl,jsxs as sc}from"react/jsx-runtime";var Pl="k-color-preview",nc=[],lc={},Wt=e=>{let{color:t,iconName:o,...a}=e;return sc("span",{...a,className:r(e.className,Pl,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Rl(g,{icon:o,className:"k-color-preview-icon"}),Rl("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Wt.states=nc;Wt.options=lc;Wt.className=Pl;var Sr="popup",wl=Sr;import{jsx as Kl}from"react/jsx-runtime";var zl="k-animation-container",dc=[],pc={},Mr={positionMode:"absolute",shown:!0},Mt=e=>{let{positionMode:t=Mr.positionMode,shown:o=Mr.shown,animationStyle:a,offset:i,...l}=e;return Kl("div",{...l,style:{...i,...e.style},className:r(e.className,zl,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:Kl("div",{className:"k-child-animation-container",style:a,children:e.children})})};Mt.states=dc;Mt.options=pc;Mt.className=zl;Mt.defaultOptions=Mr;Mt.moduleName=Sr;Mt.folderName=wl;var yr="popup",_l=yr;import{jsx as Dl}from"react/jsx-runtime";var Fl="k-popup",mc=[],cc={},Hl={positionMode:"absolute"},J=e=>{let{offset:t,positionMode:o=Hl.positionMode,animationStyle:a,containerClassName:i,containerRole:l,containerAriaLabel:d,...m}=e;return Dl(Mt,{positionMode:o,offset:t,animationStyle:a,className:i,role:l,"aria-label":d,children:Dl("div",{...m,className:r(e.className,Fl),children:e.children})})};J.states=mc;J.options=cc;J.className=Fl;J.defaultOptions=Hl;J.moduleName=yr;J.folderName=_l;var Er="action-buttons",Ul=Er;import{jsx as bc}from"react/jsx-runtime";var ki="k-actions",uc=[],fc={},Cr={alignment:"start",orientation:"horizontal"},Ue=e=>{let{alignment:t=Cr.alignment,orientation:o=Cr.orientation,...a}=e;return bc("div",{...a,className:r(ki,{[`${ki}-${t}`]:t,[`${ki}-${o}`]:o},e.className),children:e.children})};Ue.states=uc;Ue.options=fc;Ue.className=ki;Ue.defaultOptions=Cr;Ue.moduleName=Er;Ue.folderName=Ul;var Gl=Ue;import{jsx as hc}from"react/jsx-runtime";var xc="k-actionsheet-footer",$l={alignment:"stretched",orientation:"horizontal"},Jt=e=>{let{alignment:t=$l.alignment,orientation:o=$l.orientation,template:a,as:i=a?"div":Ue,...l}=e;return hc(i,{...l,...!a&&{alignment:t,orientation:o},className:r(e.className,xc),children:e.children})};var Br="searchbox",Vl=Br;import{jsx as Ha,jsxs as vc}from"react/jsx-runtime";var Xl="k-searchbox",gc=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],Nc={size:[p.undefined,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Li={showIcon:!0,showClearButton:!0,icon:"search"},Qe=e=>{let{value:t,placeholder:o,size:a,rounded:i,fillMode:l,hover:d,focus:m,valid:u,invalid:x,required:b,loading:N,disabled:c,showIcon:v=Li.showIcon,showClearButton:L=Li.showClearButton,icon:I=Li.icon,"aria-label":S,...y}=e;return vc(V,{...y,size:a,rounded:i,fillMode:l,hover:d,focus:m,valid:u,invalid:x,required:b,loading:N,disabled:c,className:r(e.className,Xl),children:[v&&Ha(g,{className:"k-input-icon",icon:I}),Ha(ue,{placeholder:o,value:t,"aria-label":S}),Ha(ie,{...e}),Ha(j,{...e}),L&&Ha(ce,{...e})]})};Qe.states=gc;Qe.options=Nc;Qe.className=Xl;Qe.defaultOptions=Li;Qe.moduleName=Br;Qe.folderName=Vl;import{jsx as gS}from"react/jsx-runtime";var Tr="textbox",Wl=Tr;import{Fragment as Jl,jsx as qt,jsxs as Ar}from"react/jsx-runtime";var ql="k-textbox",kc=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Lc={size:[p.undefined,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Ii={showClearButton:!0,showValidationIcon:!0,separators:!0},G=e=>{let{size:t,rounded:o,fillMode:a,separators:i=Ii.separators,showClearButton:l=Ii.showClearButton,showValidationIcon:d=Ii.showValidationIcon,prefix:m,suffix:u,type:x,value:b,placeholder:N,hover:c,focus:v,valid:L,invalid:I,required:S,loading:y,disabled:O,readonly:K,id:Y,"aria-label":oe,"aria-describedby":ae,...me}=e;return Ar(V,{...me,size:t,rounded:o,fillMode:a,hover:c,focus:v,valid:L,invalid:I,required:S,loading:y,disabled:O,readonly:K,className:r(e.className,ql),children:[m&&Ar(Jl,{children:[qt(he,{children:m}),i&&qt(ee,{})]}),qt(ue,{id:Y,placeholder:N,value:b,type:x,disabled:O,"aria-label":oe,"aria-describedby":ae,"aria-invalid":I?"true":void 0}),d&&qt(j,{valid:L,invalid:I,loading:y,disabled:O}),qt(ie,{loading:y,disabled:O}),l&&qt(ce,{loading:y,disabled:O,readonly:K,value:b}),u&&Ar(Jl,{children:[i&&qt(ee,{}),qt(ge,{children:u})]})]})};G.states=kc;G.options=Lc;G.className=ql;G.defaultOptions=Ii;G.moduleName=Tr;G.folderName=Wl;var Ua=G;import{jsx as Ic}from"react/jsx-runtime";var Yl=e=>Ic(Ua,{...e});import{Fragment as KS,jsx as wS}from"react/jsx-runtime";import{Fragment as US,jsx as HS}from"react/jsx-runtime";import{jsx as XS}from"react/jsx-runtime";import{jsx as Or}from"react/jsx-runtime";var Sc=G.states,Mc=G.defaultOptions,yc=G.options,Ec=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Cc=[],Ao=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?Or(g,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[i]?Or(kt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[i];break;default:break}}),Or(Yl,{value:"Value",style:{width:300},...o,...a})};Ao.options=yc;Ao.states=Sc;Ao.variants=Cc;Ao.defaultOptions=Mc;Ao.modifiers=Ec;Ao.className=G.className;import{jsx as Yt,jsxs as Rr}from"react/jsx-runtime";var Zl="k-actionsheet-titlebar",Bc={},Le=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:i,filter:l,input:d,inputValue:m,inputPlaceholder:u,adaptive:x,titleId:b,children:N,...c}=e;return Rr("div",{...c,className:r(e.className,Zl),children:[Rr("div",{className:"k-actionsheet-titlebar-group",children:[a&&Yt("div",{className:"k-actionsheet-actions",children:a}),!N&&Rr("div",{className:"k-actionsheet-title",id:b,children:[t&&Yt("div",{className:"k-text-center",children:t}),o&&Yt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),N&&Yt("div",{className:"k-actionsheet-title",id:b,children:N}),i&&Yt("div",{className:"k-actionsheet-actions",children:i})]}),(d\|\|l)&&Yt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?Yt(G,{value:m,placeholder:u,size:x?"large":"medium","aria-label":t\|\|u\|\|"Input"}):Yt(Qe,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};Le.className=Zl;Le.defaultOptions=Bc;import{jsx as Pr,jsxs as Rc}from"react/jsx-runtime";var wr="k-actionsheet-view",Tc=[],Ac={},Oc={},Oo=e=>{let{adaptive:t,animated:o,children:a,header:i,footer:l,titleId:d,...m}=e,u=i?.type===Le&&Pr(Le,{adaptive:t,titleId:d,...i?.props}),x=l?.type===Jt&&Pr(Jt,{...l?.props});return Rc("div",{...m,className:r(e.className,wr,{[`${wr}-animated`]:o}),children:[u,Pr("div",{className:"k-actionsheet-content",children:a}),x]})};Oo.states=Tc;Oo.options=Ac;Oo.className=wr;Oo.defaultOptions=Oc;var Ga="action-sheet",Si=Ga;var Kr="overlay",Ql=Kr;import{jsx as zc}from"react/jsx-runtime";var jl="k-overlay",Pc=[],wc={},Kc={},bt=e=>{let{...t}=e;return zc("div",{...t,className:r(e.className,jl),children:e.children})};bt.states=Pc;bt.options=wc;bt.className=jl;bt.defaultOptions=Kc;bt.moduleName=Kr;bt.folderName=Ql;var es=bt;import{jsx as Mi,jsxs as Fc}from"react/jsx-runtime";var ts="k-actionsheet",_c=[],Dc={},$a={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Z=e=>{let{side:t=$a.side,fullscreen:o=$a.fullscreen,adaptive:a=$a.adaptive,overlay:i=$a.overlay,template:l,children:d,header:m,footer:u,id:x,...b}=e,N=x&&!l&&m?`${x}-title`:void 0;return Fc("div",{className:"k-actionsheet-container",children:[i&&Mi(bt,{}),Mi(Mt,{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:Mi("div",{...b,id:x,role:"dialog","aria-modal":i?"true":void 0,"aria-labelledby":N,className:r(e.className,ts,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:l\|\|Mi(Oo,{header:m,footer:u,adaptive:a,titleId:N,...e,children:d})})})]})};Z.states=_c;Z.options=Dc;Z.className=ts;Z.defaultOptions=$a;Z.moduleName=Ga;Z.folderName=Si;import{jsx as $c}from"react/jsx-runtime";var os="k-actionsheet-container",Hc=[],Uc={},Gc={},Ro=e=>{let{children:t,...o}=e;return $c("div",{...o,className:os,children:t})};Ro.states=Hc;Ro.options=Uc;Ro.className=os;Ro.defaultOptions=Gc;Ro.moduleName=Ga;Ro.folderName=Si;import{jsx as Vc}from"react/jsx-runtime";var zr=e=>{let{...t}=e;return Vc("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as Wc,jsx as Va,jsxs as _r}from"react/jsx-runtime";var Dr="k-actionsheet-item",Xc=[n.hover,n.focus,n.selected,n.disabled],Zt=e=>{let{iconName:t,text:o,description:a,hover:i,focus:l,selected:d,disabled:m,...u}=e;return _r("span",{...u,className:r(e.className,Dr,E(Dr,{hover:i,focus:l,selected:d,disabled:m})),children:[!e.children&&Va(Wc,{children:_r("span",{className:"k-actionsheet-action",children:[t&&Va("span",{className:"k-icon-wrap",children:Va(g,{className:"k-actionsheet-item-icon",icon:t})}),_r("span",{className:"k-actionsheet-item-text",children:[o&&Va("span",{className:"k-actionsheet-item-title",children:o}),a&&Va("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Zt.states=Xc;Zt.className=Dr;import{jsx as VM,jsxs as XM}from"react/jsx-runtime";import{jsx as YM}from"react/jsx-runtime";import{jsx as ey}from"react/jsx-runtime";import{jsx as iy}from"react/jsx-runtime";import{jsx as Ie,jsxs as Fr}from"react/jsx-runtime";var Jc=Z.options,qc=Z.states,is={...Z.defaultOptions,variant:"normal"},Yc=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Zc=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Po=e=>{let{variant:t,modifiers:o,...a}={...is,...e},i={},l=Fr(zr,{children:[Ie(Zt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),Ie(Zt,{text:"Add to Favorites",iconName:"heart"}),Ie(Zt,{text:"Upload New",iconName:"upload",disabled:!0}),Ie("hr",{className:"k-hr"}),Ie(Zt,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",m="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]?d:void 0;break;case"footer":i.footer=!!o?.[u];break;default:break}}),t==="adaptive"?Ie(Z,{...a,adaptive:!0,fullscreen:i.fullScreen,header:Ie(Le,{actionsStart:i.actionsStart?Ie(s,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:i.actionsEnd?Ie(s,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:i.subtitle}),footer:i.footer?Fr(Jt,{alignment:"stretched",children:[Ie(s,{text:"Cancel",size:"large",themeColor:"base"}),Ie(s,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:l}):Ie(Z,{...a,fullscreen:i.fullScreen,header:Ie(Le,{actionsStart:i.actionsStart?Ie(s,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:i.actionsEnd?Ie(s,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:i.subtitle}),footer:i.footer?Fr(Jt,{alignment:"stretched",children:[Ie(s,{text:"Apply",themeColor:"primary"}),Ie(s,{text:"Cancel",themeColor:"base"})]}):void 0,children:l})};Po.options=Jc;Po.states=qc;Po.variants=Yc;Po.defaultOptions=is;Po.modifiers=Zc;Po.className=Z.className;var Hr="slider",rs=Hr;import{jsx as wo,jsxs as Ur}from"react/jsx-runtime";var Xa="k-slider",Qc=[n.hover,n.focus,n.active,n.disabled,n.readonly],jc={},je={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},H=e=>{let{type:t=je.type,orientation:o=je.orientation,gradientType:a=je.gradientType,readonly:i=je.readonly,disabled:l=je.disabled,handlePosition:d=je.handlePosition,showButtons:m=je.showButtons,showTicks:u=je.showTicks,value:x=je.value,min:b=je.min,max:N=je.max,startValue:c,endValue:v,hover:L,focus:I,active:S,trackStyle:y,dir:O,...K}=e,oe=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),ae,me;return o==="horizontal"?(ae=O==="rtl"?"chevron-left":"chevron-right",me=O==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(ae="chevron-up",me="chevron-down"),Ur("div",{...K,className:r(Xa,e.className,E(Xa,{readonly:i,disabled:l}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:O,children:[m&&wo(s,{className:"k-button-decrease",rounded:"full",icon:me,tabIndex:-1,title:"Decrease"}),Ur("div",{className:"k-slider-track-wrap",children:[u&&wo("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Ur("div",{className:"k-slider-track",style:y,children:[wo("div",{className:"k-slider-selection"}),t==="range"&&wo("span",{className:r("k-draghandle","k-draghandle-start",E(Xa,{hover:L,focus:I,active:S})),role:"slider",tabIndex:l?void 0:0,"aria-valuenow":c??b,"aria-valuemin":b,"aria-valuemax":v??N,"aria-orientation":oe,"aria-disabled":l?"true":void 0,"aria-readonly":i?"true":void 0,"aria-label":K["aria-label"]?`${K["aria-label"]} start`:"Range start"}),wo("span",{className:r("k-draghandle",`k-draghandle-${d}`,E(Xa,{hover:L,focus:I,active:S})),role:"slider",tabIndex:l?void 0:0,"aria-valuenow":t==="range"?v??N:x,"aria-valuemin":t==="range"?c??b:b,"aria-valuemax":N,"aria-orientation":oe,"aria-disabled":l?"true":void 0,"aria-readonly":i?"true":void 0,"aria-label":t==="range"?K["aria-label"]?`${K["aria-label"]} end`:"Range end":K["aria-label"]})]})]}),m&&wo(s,{className:"k-button-increase",rounded:"full",icon:ae,tabIndex:-1,title:"Increase"})]})};H.states=Qc;H.options=jc;H.className=Xa;H.defaultOptions=je;H.moduleName=Hr;H.folderName=rs;import{jsx as ns}from"react/jsx-runtime";var ls="k-tick",eu=[],tu={},ss={label:!1},R=e=>{let{style:t,label:o=ss.label,orientation:a,large:i,text:l,...d}=e;return ns("li",{...d,role:"presentation",title:l\|\|"Tick",className:r(e.className,ls,{[`k-tick-${a}`]:a,"k-tick-large":i}),style:t,children:o&&ns("span",{className:"k-label",children:l})})};R.states=eu;R.options=tu;R.className=ls;R.defaultOptions=ss;import{Fragment as ou,jsx as et,jsxs as au}from"react/jsx-runtime";var ds=e=>et(H,{"aria-label":e["aria-label"]\|\|"Slider",children:au(ou,{children:[et(R,{className:"k-first",label:!0,large:!0,text:"0"}),et(R,{}),et(R,{}),et(R,{}),et(R,{}),et(R,{label:!0,large:!0,text:"5"}),et(R,{}),et(R,{}),et(R,{}),et(R,{}),et(R,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as iu,jsx as tt,jsxs as ru}from"react/jsx-runtime";var ps=e=>tt(H,{children:ru(iu,{children:[tt(R,{className:"k-first",label:!0,large:!0,text:"0"}),tt(R,{}),tt(R,{}),tt(R,{}),tt(R,{}),tt(R,{label:!0,large:!0,text:"5"}),tt(R,{}),tt(R,{}),tt(R,{}),tt(R,{}),tt(R,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});import{Fragment as Xy,jsx as Vy,jsxs as Wy}from"react/jsx-runtime";import{Fragment as Qy,jsx as Zy,jsxs as jy}from"react/jsx-runtime";import{jsx as nu}from"react/jsx-runtime";var Gr=e=>nu(H,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{jsx as lu}from"react/jsx-runtime";var $r=e=>lu(H,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{Fragment as pE,jsx as dE,jsxs as mE}from"react/jsx-runtime";import{Fragment as xE,jsx as bE,jsxs as hE}from"react/jsx-runtime";import{jsx as yt,jsxs as ms}from"react/jsx-runtime";var su=H.options,du=H.states,cs={...H.defaultOptions,variant:"horizontal",label:!0},pu=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],mu=[{name:"label",title:"Labels",default:!0},{name:"tick",title:"Ticks",default:!0},{name:"button",title:"Side Buttons",default:!0}],Ko=e=>{let{variant:t,modifiers:o,...a}=e,i=cs.label,l={};Object.keys(o\|\|{}).forEach(m=>{switch(m){case"button":{l.showButtons=!!o?.[m];break}case"label":{i=!!o?.[m];break}case"tick":{l.showTicks=!!o?.[m];break}}});let d={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?ms(ps,{style:{height:"300px",...d},...a,...l,children:[yt(R,{label:i,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),yt(R,{label:i,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),yt(R,{label:i,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),yt(R,{label:i,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),yt(R,{label:i,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):ms(ds,{style:{width:"400px",...d},...a,...l,children:[yt(R,{label:i,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),yt(R,{label:i,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),yt(R,{label:i,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),yt(R,{label:i,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),yt(R,{label:i,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Ko.options=su;Ko.states=du;Ko.variants=pu;Ko.defaultOptions=cs;Ko.modifiers=mu;Ko.className=H.className;import{jsx as us,jsxs as xu}from"react/jsx-runtime";var fs="k-spin-button",fu=[],bu={size:[p.undefined,p.small,p.medium,p.large],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},Vr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Et=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:i=Vr.increaseLabel,decreaseLabel:l=Vr.decreaseLabel,...d}=e;return xu("span",{...d,className:r(fs,e.className),children:[us(s,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":i}),us(s,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":l})]})};Et.states=fu;Et.options=bu;Et.className=fs;Et.defaultOptions=Vr;Et.moduleName=null;Et.folderName=null;var bs="numeric-textbox",xs="numerictextbox";import{Fragment as hs,jsx as _t,jsxs as Xr}from"react/jsx-runtime";var gs="k-numerictextbox",hu=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],gu={size:[p.undefined,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},yi={showSpinButton:!0,showClearButton:!0,separators:!0},P=e=>{let{size:t,rounded:o,fillMode:a,separators:i=yi.separators,showClearButton:l=yi.showClearButton,showSpinButton:d=yi.showSpinButton,prefix:m,suffix:u,value:x,placeholder:b,hover:N,focus:c,valid:v,invalid:L,required:I,loading:S,disabled:y,readonly:O,id:K,"aria-label":Y,"aria-describedby":oe,...ae}=e;return Xr(V,{...ae,size:t,rounded:o,fillMode:a,hover:N,focus:c,valid:v,invalid:L,required:I,loading:S,disabled:y,readonly:O,className:r(e.className,gs),children:[m&&Xr(hs,{children:[_t(he,{children:m}),i&&_t(ee,{})]}),_t(ue,{id:K,placeholder:b,value:x,role:"spinbutton",disabled:y,"aria-label":Y,"aria-describedby":oe,"aria-invalid":L?"true":void 0}),_t(j,{valid:v,invalid:L,loading:S,disabled:y}),_t(ie,{loading:S,disabled:y}),l&&_t(ce,{loading:S,disabled:y,readonly:O,value:x}),u&&Xr(hs,{children:[i&&_t(ee,{}),_t(ge,{children:u})]}),d&&_t(Et,{className:"k-input-spinner",size:t,fillMode:a,disabled:y})]})};P.states=hu;P.options=gu;P.className=gs;P.defaultOptions=yi;P.moduleName=bs;P.folderName=xs;var Wa=P;import{jsx as Nu}from"react/jsx-runtime";var Ns=e=>Nu(Wa,{...e});import Jr from"react";import{jsx as vs}from"react/jsx-runtime";var vu="k-list-group-sticky-header",Wr=e=>vs("div",{className:r(vu,e.className),children:vs("div",{className:"k-list-header-text",children:e.children})});import{jsx as Lu}from"react/jsx-runtime";var ku="k-no-data",Ei=e=>{let{live:t,...o}=e;return Lu("span",{...o,className:r(ku,e.className),"aria-live":t?"polite":void 0,children:e.children})};var po="list",zo=po;import{jsx as ks,jsxs as Ls}from"react/jsx-runtime";var qr="k-list",Iu=[],Su={size:[p.undefined,p.small,p.medium,p.large]},Mu={},w=e=>{let{size:t,virtualization:o,children:a,header:i,selectAll:l,optionLabel:d,customValue:m,noData:u,screenReaders:x,...b}=e,c=Jr.Children.toArray(a)[0],v=c?.props?.children?Jr.Children.count(c.props.children):Jr.Children.count(a);return Ls("div",{...b,className:r(e.className,qr,C(qr,{size:t}),{"k-virtual-list":o}),children:[d,l,m,i&&ks(Wr,{children:i}),a\|\|(u!==void 0?u:ks(Ei,{live:!0,children:"No data found."})),x&&a&&Ls(Ei,{className:"k-sr-only",live:!0,children:[v," items found."]})]})};w.states=Iu;w.options=Su;w.className=qr;w.defaultOptions=Mu;w.moduleName=po;w.folderName=zo;import{jsx as Bu}from"react/jsx-runtime";var Is="k-list-container",yu=[],Eu={},Cu={},_o=e=>{let{...t}=e;return Bu("div",{...t,className:r(e.className,Is),children:e.children})};_o.states=yu;_o.options=Eu;_o.className=Is;_o.defaultOptions=Cu;_o.moduleName=po;_o.folderName=zo;var mo="checkbox",Do=mo;import{jsx as Ss}from"react/jsx-runtime";var Ci="k-checkbox",Tu=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],Au={size:[p.undefined,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full]},Ou={},Ke=e=>{let{id:t,checked:o,indeterminate:a,hover:i,focus:l,disabled:d,invalid:m,valid:u,required:x,size:b,rounded:N,wrapperRole:c,...v}=e;return Ss("span",{className:"k-checkbox-wrap",role:c,children:Ss("input",{...v,id:t,type:"checkbox",defaultChecked:o,required:x,disabled:d\|\|void 0,"aria-invalid":m?"true":void 0,className:r(e.className,Ci,C(Ci,{size:b,rounded:N}),E(Ci,{hover:i,focus:l,disabled:d,invalid:m,valid:u,indeterminate:a,checked:o}))})})};Ke.states=Tu;Ke.options=Au;Ke.className=Ci;Ke.defaultOptions=Ou;Ke.moduleName=mo;Ke.folderName=Do;var xt=Ke;import{jsx as wu}from"react/jsx-runtime";var Ms="k-checkbox-list",Ru=[],Pu={},ys={layout:"vertical"},Te=e=>{let{layout:t=ys.layout,...o}=e;return wu("ul",{...o,className:r(e.className,Ms,{[`k-list-${t}`]:t}),children:e.children})};Te.states=Ru;Te.options=Pu;Te.className=Ms;Te.defaultOptions=ys;Te.moduleName=mo;Te.folderName=Do;import{jsx as Du}from"react/jsx-runtime";var Es="k-checkbox-list-item",Ku=[],zu={},_u={},Ae=e=>{let{...t}=e;return Du("li",{...t,className:r(e.className,Es),children:e.children})};Ae.states=Ku;Ae.options=zu;Ae.className=Es;Ae.defaultOptions=_u;Ae.moduleName=mo;Ae.folderName=Do;import{Fragment as Fu,jsx as Cs,jsxs as Hu}from"react/jsx-runtime";var ht=({children:e="Label",id:t="cb-label-after",...o})=>Hu(Fu,{children:[Cs(xt,{id:t,...o}),Cs("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as HC,jsx as FC,jsxs as UC}from"react/jsx-runtime";import{Fragment as WC,jsx as XC,jsxs as JC}from"react/jsx-runtime";import{Fragment as jC,jsx as QC,jsxs as eB}from"react/jsx-runtime";import{jsx as iB}from"react/jsx-runtime";import{jsx as sB}from"react/jsx-runtime";import{jsx as cB}from"react/jsx-runtime";import{jsx as ot,jsxs as Bs}from"react/jsx-runtime";var Uu=Te.options,Gu=Te.states,$u={...Te.defaultOptions,variant:"vertical"},Vu=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Xu=[],Fo=e=>{let{variant:t,...o}=e;return t==="horizontal"?Bs(Te,{layout:"horizontal",...o,children:[ot(Ae,{children:ot(ht,{id:T("cb"),defaultChecked:!0,children:"Label"})}),ot(Ae,{children:ot(ht,{id:T("cb"),children:"Label"})}),ot(Ae,{children:ot(ht,{id:T("cb"),children:"Label"})})]}):Bs(Te,{...o,children:[ot(Ae,{children:ot(ht,{id:T("cb"),defaultChecked:!0,children:"Label"})}),ot(Ae,{children:ot(ht,{id:T("cb"),children:"Label"})}),ot(Ae,{children:ot(ht,{id:T("cb"),children:"Label"})})]})};Fo.options=Uu;Fo.states=Gu;Fo.variants=Vu;Fo.defaultOptions=$u;Fo.modifiers=Xu;Fo.className=Te.className;import{jsx as Qu}from"react/jsx-runtime";var Wu=xt.options,Ju=xt.states,qu=xt.defaultOptions,Yu=[],Zu=[],Ho=e=>Qu(ht,{id:T("checkbox"),...e,defaultChecked:!0,children:"Label"});Ho.options=Wu;Ho.states=Ju;Ho.variants=Yu;Ho.defaultOptions=qu;Ho.modifiers=Zu;Ho.className=xt.className;import{jsx as Uo,jsxs as of}from"react/jsx-runtime";var Yr="k-list-item",ju=[n.hover,n.focus,n.selected,n.disabled],ef={},tf={},B=e=>{let{text:t,iconName:o,iconClassName:a,showCheckbox:i,checked:l,hover:d,focus:m,selected:u,disabled:x,actions:b,description:N,id:c,...v}=e,L=t\|\|e.children,I=t\|\|(typeof L=="string"?L:void 0);return of("li",{...v,id:c,role:"option",tabIndex:m?0:-1,"aria-selected":u?"true":"false","aria-disabled":x?"true":void 0,className:r(e.className,Yr,E(Yr,{hover:d,focus:m,disabled:x,selected:u})),children:[i&&Uo(Ke,{checked:l,disabled:x,"aria-label":I,tabIndex:-1}),o&&Uo("span",{className:"k-list-item-icon-wrapper",children:Uo(g,{icon:o,className:r("k-list-item-icon",a)})}),Uo("span",{className:"k-list-item-text",children:L}),b&&Uo("div",{className:"k-list-item-actions",children:b}),N&&Uo("span",{className:"k-list-item-description",children:N})]})};B.states=ju;B.options=ef;B.className=Yr;B.defaultOptions=tf;B.moduleName=po;B.folderName=zo;import{jsx as rf}from"react/jsx-runtime";var af="k-list-ul",Ct=e=>{let{children:t,role:o,id:a,...i}=e;return rf("ul",{...i,id:a,role:o,className:r(af,e.className),children:t})};import{jsx as Zr,jsxs as lf}from"react/jsx-runtime";var nf="k-list-content",_=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":i,listboxId:l,...d}=e;return lf("div",{...d,className:r(nf,e.className),role:o?"listbox":void 0,id:o?l:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?i:void 0,children:[o?e.children:Zr(Ct,{role:"listbox",id:l,"aria-label":a,"aria-labelledby":i,children:e.children}),t&&Zr("div",{className:"k-height-container",children:Zr("div",{})})]})};import{jsx as Qr,jsxs as mf}from"react/jsx-runtime";var Bi="k-list-sticky-header",sf=[n.hover,n.focus,n.selected],df={},pf={},Ti=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:i,hover:l,focus:d,selected:m,...u}=e;return Qr("div",{...u,className:r(Bi,e.className),children:mf("div",{className:r(`${Bi}-item`,E(`${Bi}-item`,{hover:l,focus:d,selected:m})),"aria-label":t,...!o&&{tabIndex:0,"aria-selected":m?"true":"false"},children:[o&&Qr(Ke,{checked:a,indeterminate:i,"aria-label":t}),Qr("span",{className:"k-list-item-text",children:t})]})})};Ti.states=sf;Ti.options=df;Ti.className=Bi;Ti.defaultOptions=pf;import{Fragment as nT,jsx as rT,jsxs as lT}from"react/jsx-runtime";import{jsx as cT,jsxs as uT}from"react/jsx-runtime";import{jsx as bf}from"react/jsx-runtime";var jr="k-list-optionlabel",cf=[n.hover,n.focus,n.selected,n.disabled],uf={},ff={},Ai=e=>{let{text:t,hover:o,focus:a,selected:i,disabled:l,...d}=e;return bf("div",{...d,className:r(jr,E(jr,{hover:o,focus:a,selected:i,disabled:l})),children:t})};Ai.states=cf;Ai.options=uf;Ai.className=jr;Ai.defaultOptions=ff;import{jsx as Nf}from"react/jsx-runtime";var en="k-list-custom-value",xf=[n.hover,n.focus,n.selected,n.disabled],hf={},gf={},at=e=>{let{text:t,hover:o,focus:a,selected:i,disabled:l,...d}=e;return Nf("div",{...d,className:r(en,E(en,{hover:o,focus:a,selected:i,disabled:l})),children:t})};at.states=xf;at.options=hf;at.className=en;at.defaultOptions=gf;import{Fragment as MT,jsx as ST,jsxs as yT}from"react/jsx-runtime";import{Fragment as OT,jsx as AT,jsxs as RT}from"react/jsx-runtime";import{Fragment as FT,jsx as _T,jsxs as DT}from"react/jsx-runtime";import{Fragment as WT,jsx as VT,jsxs as XT}from"react/jsx-runtime";import{jsx as ZT}from"react/jsx-runtime";import{Fragment as aA,jsx as oA,jsxs as iA}from"react/jsx-runtime";import{Fragment as pA,jsx as dA,jsxs as mA}from"react/jsx-runtime";var Ts="dropdown-list",As="dropdownlist";import{Fragment as Lf,jsx as Oe,jsxs as tn}from"react/jsx-runtime";var Os="k-dropdownlist",vf=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],kf={size:[p.undefined,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},on={showValue:!0,arrowIconName:"chevron-down"},X=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:i=on.arrowIconName,showValue:l=on.showValue,valueIconName:d,prefix:m,suffix:u,value:x,placeholder:b,hover:N,focus:c,valid:v,invalid:L,required:I,loading:S,disabled:y,readonly:O,popup:K,opened:Y,adaptive:oe,adaptiveSettings:ae,adaptiveTitle:me,adaptiveSubtitle:lo,adaptiveFilter:Nt,id:wt,activeDescendant:Vt,"aria-label":Ta,...Aa}=e,Oa=wt?`${wt}-listbox`:void 0,ml=wt?`${wt}-value`:void 0;return tn(Lf,{children:[tn(Lt,{...Aa,id:wt,size:t,rounded:o,fillMode:a,hover:N,focus:c,valid:v,invalid:L,required:I,loading:S,disabled:y,readonly:O,className:r(e.className,Os,{"k-icon-picker":!l&&d}),role:"combobox","aria-haspopup":"listbox","aria-expanded":Y?"true":"false","aria-controls":Y?Oa:void 0,"aria-activedescendant":Y&&Vt?Vt:void 0,"aria-describedby":Y?ml:void 0,"aria-disabled":y?"true":void 0,"aria-label":Ta,tabIndex:0,children:[Oe(he,{children:m}),Oe(so,{placeholder:b,value:x,showValue:l,valueIconName:d,id:ml}),Oe(j,{valid:v,invalid:L,loading:S,disabled:y}),Oe(ie,{loading:S,disabled:y}),Oe(ge,{children:u}),Oe(s,{className:"k-input-button",icon:i,size:e.size,fillMode:e.fillMode,"aria-label":b\|\|"Toggle dropdown",tabIndex:-1})]}),Y&&K&&Oe(J,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:K}),oe&&Oe(Z,{adaptive:!0,...ae,header:Oe(Le,{actionsEnd:Oe(s,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Nt,inputValue:x,inputPlaceholder:b,title:me,subtitle:lo}),children:Oe("div",{className:"k-list-container",children:Oe(w,{size:"large",children:tn(_,{"aria-label":"Options",children:[Oe(B,{text:"List item"}),Oe(B,{text:"List item"}),Oe(B,{text:"List item"})]})})})})]})};X.states=vf;X.options=kf;X.className=Os;X.defaultOptions=on;X.moduleName=Ts;X.folderName=As;import{jsx as XA}from"react/jsx-runtime";import{jsx as QA,jsxs as jA}from"react/jsx-runtime";import{Fragment as sO,jsx as nO,jsxs as lO}from"react/jsx-runtime";import{jsx as uO}from"react/jsx-runtime";import{jsx as NO,jsxs as vO}from"react/jsx-runtime";import{Fragment as BO,jsx as EO,jsxs as CO}from"react/jsx-runtime";import{jsx as PO}from"react/jsx-runtime";import{Fragment as Cf,jsx as Qt,jsxs as Rs}from"react/jsx-runtime";var If=X.states,Sf=X.defaultOptions,Mf=X.options,yf=[{name:"opened",title:"Opened"}],Ef=[],$o=e=>{let{modifiers:t,...o}=e,a={},i=Rs(Cf,{children:[Qt("div",{className:"k-list-filter",children:Qt(Qe,{})}),Qt(w,{style:{width:300},size:o.size,children:Rs(_,{children:[Qt(B,{children:"List item"}),Qt(B,{children:"List item"}),Qt(B,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(l=>{l==="opened"&&(a.opened=!!t?.[l],a.popup=t?.[l]?i:void 0)}),Qt("div",{children:Qt(X,{placeholder:"Value",style:{width:300},...o,...a})})};$o.options=Mf;$o.states=If;$o.variants=Ef;$o.defaultOptions=Sf;$o.modifiers=yf;$o.className=X.className;import{Fragment as oR,jsx as tR}from"react/jsx-runtime";import{Fragment as sR,jsx as lR}from"react/jsx-runtime";import{jsx as cR}from"react/jsx-runtime";import{jsx as an}from"react/jsx-runtime";var Bf=P.states,Tf=P.defaultOptions,Af=P.options,Of=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Rf=[],Vo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?an(X,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[i]?an(It,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[i];break;case"spin-button":a.showSpinButton=t?.[i];break;default:break}}),an(Ns,{value:"Value",style:{width:300},...o,...a})};Vo.options=Af;Vo.states=Bf;Vo.variants=Rf;Vo.defaultOptions=Tf;Vo.modifiers=Of;Vo.className=P.className;import{Fragment as Ja,jsx as D,jsxs as re}from"react/jsx-runtime";var Ps="k-colorgradient-inputs",Pf=[],wf={size:[p.undefined,p.small,p.medium,p.large]},ws={mode:"rgba"},Xo=e=>{let{mode:t=ws.mode,size:o,...a}=e;return re("div",{...a,className:r(Ps,"k-hstack"),children:[D("div",{className:"k-vstack",children:D(s,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&re(Ja,{children:[re("div",{className:"k-vstack",children:[D(P,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),D("label",{className:"k-colorgradient-input-label",children:"R"})]}),re("div",{className:"k-vstack",children:[D(P,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),D("label",{className:"k-colorgradient-input-label",children:"G"})]}),re("div",{className:"k-vstack",children:[D(P,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),D("label",{className:"k-colorgradient-input-label",children:"B"})]}),re("div",{className:"k-vstack",children:[D(P,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),D("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&re(Ja,{children:[re("div",{className:"k-vstack",children:[D(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),D("label",{className:"k-colorgradient-input-label",children:"R"})]}),re("div",{className:"k-vstack",children:[D(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),D("label",{className:"k-colorgradient-input-label",children:"G"})]}),re("div",{className:"k-vstack",children:[D(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),D("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&re(Ja,{children:[re("div",{className:"k-vstack",children:[D(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),D("label",{className:"k-colorgradient-input-label",children:"H"})]}),re("div",{className:"k-vstack",children:[D(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),D("label",{className:"k-colorgradient-input-label",children:"S"})]}),re("div",{className:"k-vstack",children:[D(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),D("label",{className:"k-colorgradient-input-label",children:"V"})]}),re("div",{className:"k-vstack",children:[D(P,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),D("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&re(Ja,{children:[re("div",{className:"k-vstack",children:[D(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),D("label",{className:"k-colorgradient-input-label",children:"H"})]}),re("div",{className:"k-vstack",children:[D(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),D("label",{className:"k-colorgradient-input-label",children:"S"})]}),re("div",{className:"k-vstack",children:[D(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),D("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&D(Ja,{children:re("div",{className:"k-vstack k-flex-1",children:[D(G,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),D("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Xo.states=Pf;Xo.options=wf;Xo.className=Ps;Xo.defaultOptions=ws;import{jsx as uo,jsxs as fo}from"react/jsx-runtime";var Ks="k-colorgradient-color-contrast",Kf=[],zf={},_f={},Wo=()=>fo("div",{className:r(Ks,"k-vbox"),children:[fo("div",{className:"k-contrast-ratio",children:[uo("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),fo("span",{className:"k-contrast-validation !k-text-success",children:[uo(g,{icon:"check"}),uo(g,{icon:"check"})]})]}),fo("div",{children:[uo("span",{children:"AA: 4.5"}),fo("span",{className:"k-contrast-validation !k-text-success",children:["Pass",uo(g,{icon:"check"})]})]}),fo("div",{children:[uo("span",{children:"AAA: 7.0"}),fo("span",{className:"k-contrast-validation !k-text-error",children:["Fail",uo(g,{icon:"x"})]})]})]});Wo.states=Kf;Wo.options=zf;Wo.className=Ks;Wo.defaultOptions=_f;var zs="color-gradient",_s="colorgradient";import{jsx as it,jsxs as qa}from"react/jsx-runtime";var Oi="k-colorgradient",Df=[n.hover,n.focus,n.readonly,n.disabled],Ff={size:[p.undefined,p.small,p.medium,p.large]},Bt={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},Se=e=>{let{size:t,mode:o=Bt.mode,readonly:a=Bt.readonly,disabled:i=Bt.disabled,gradientStyle:l=Bt.gradientStyle,dragHandleStyle:d=Bt.dragHandleStyle,alphaStyle:m=Bt.alphaStyle,alphaStyleHorizontal:u=Bt.alphaStyleHorizontal,contrast:x=Bt.contrast,dir:b,hover:N,focus:c,hoverHandle:v,focusHandle:L,canvasOrientation:I=Bt.canvasOrientation,role:S,tabIndex:y,...O}=e;return qa("div",{...O,role:S??"textbox","aria-label":S==="none"?void 0:"Color gradient",tabIndex:y??0,"aria-disabled":i?"true":void 0,className:r(e.className,Oi,C(Oi,{size:t}),E(Oi,{hover:N,focus:c,readonly:a,disabled:i})),dir:b,children:[!I\|\|I==="horizontal"&&qa("div",{className:"k-colorgradient-canvas k-hstack",children:[it("div",{className:"k-hsv-rectangle",style:l,children:it("div",{className:"k-hsv-gradient",children:it("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":v,"k-focus":L}),style:d,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),qa("div",{className:"k-hsv-controls k-hstack",children:[it($r,{className:"k-hue-slider",hover:v,focus:L}),o!=="rgb"&&o!=="hsv"&&it($r,{className:"k-alpha-slider",hover:v,focus:L,trackStyle:m})]})]}),I==="vertical"&&qa("div",{className:"k-colorgradient-canvas k-vstack",children:[it("div",{className:"k-hsv-rectangle",style:l,children:it("div",{className:"k-hsv-gradient",children:it("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":v,"k-focus":L}),style:d,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),qa("div",{className:"k-hsv-controls k-vstack",children:[it(Gr,{className:"k-hue-slider",hover:v,focus:L}),o!=="rgb"&&o!=="hsv"&&it(Gr,{className:"k-alpha-slider",hover:v,focus:L,trackStyle:u})]})]}),it(Xo,{mode:e.mode,size:t}),x&&it(Wo,{})]})};Se.states=Df;Se.options=Ff;Se.className=Oi;Se.defaultOptions=Bt;Se.moduleName=zs;Se.folderName=_s;import{jsx as Hf}from"react/jsx-runtime";var Ri=e=>Hf(Se,{...e});import{jsx as ZR}from"react/jsx-runtime";import{jsx as tP}from"react/jsx-runtime";import{jsx as rn}from"react/jsx-runtime";var Uf=Se.options,Gf=Se.states,$f={...Se.defaultOptions,variant:"rgba"},Vf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Xf=[],Jo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return rn(Ri,{...o,mode:t});case"rgb":return rn(Ri,{...o,mode:t});default:return rn(Ri,{...o,mode:t})}};Jo.options=Uf;Jo.states=Gf;Jo.variants=Vf;Jo.defaultOptions=$f;Jo.modifiers=Xf;Jo.className=Se.className;import{jsx as Wf}from"react/jsx-runtime";var nn=e=>Wf("tr",{role:"row",children:e.children});import{jsx as Yf}from"react/jsx-runtime";var ln="k-colorpalette-tile",Jf=[n.hover,n.focus,n.selected],qf={},jt=e=>{let{color:t,tileSize:o,hover:a,focus:i,selected:l,...d}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Yf("td",{...d,role:"gridcell","aria-label":t,"aria-selected":l?"true":void 0,className:r(e.className,ln,E(ln,{hover:a,focus:i,selected:l})),style:m})};jt.states=Jf;jt.options=qf;jt.className=ln;jt.moduleName=null;jt.folderName=null;var Ds="color-palette",Fs="colorpalette";import{jsx as Ya}from"react/jsx-runtime";var Pi="k-colorpalette",Zf=[n.disabled],Qf={size:[p.undefined,p.small,p.medium,p.large]},Hs={columns:10},ze=e=>{let{size:t,palette:o,columns:a=Hs.columns,tileSize:i,disabled:l,...d}=e,m=[];if(o){let u=a\|\|o.columns,x=o.colors?o.colors:o;Array.isArray(x)&&Array.from({length:Math.ceil(x.length/u)},(b,N)=>{let c=[];x.slice(Nu,(N+1)*u).map((L,I)=>{c.push(Ya(jt,{color:L,tileSize:i},I))});let v=Ya(nn,{children:c},N);m.push(v)})}return Ya("div",{...d,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":l?"true":void 0,className:r(e.className,Pi,E(Pi,{disabled:l}),C(Pi,{size:t})),children:Ya("table",{className:"k-colorpalette-table",role:"none",children:Ya("tbody",{children:m.length>0?m:e.children})})})};ze.states=Zf;ze.options=Qf;ze.className=Pi;ze.defaultOptions=Hs;ze.moduleName=Ds;ze.folderName=Fs;var wi=ze;var Za={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 jf}from"react/jsx-runtime";var Us=e=>jf(wi,{palette:Za.basic,...e});import{jsx as KP}from"react/jsx-runtime";import{jsx as UP,jsxs as GP}from"react/jsx-runtime";import{jsx as nb}from"react/jsx-runtime";var eb=ze.options,tb=ze.states,ob={...ze.defaultOptions,variant:"basic"},ab=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],ib={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}},rb=[],qo=e=>{let{variant:t="basic",...o}=e,a=ib[t];return nb(Us,{columns:a.columns,palette:a,...o})};qo.options=eb;qo.states=tb;qo.variants=ab;qo.defaultOptions=ob;qo.modifiers=rb;qo.className=ze.className;var Gs="color-editor",$s="coloreditor";import{jsx as rt,jsxs as Yo}from"react/jsx-runtime";var Ki="k-coloreditor",lb=[n.focus],sb={size:[p.undefined,p.small,p.medium,p.large]},Qa={view:"gradient",palette:Za.office,actionButtons:!0,canvasOrientation:"horizontal"},ne=e=>{let{size:t,view:o=Qa.view,palette:a=Qa.palette,color:i,currentColor:l,focus:d,focusView:m,dir:u,group:x,actionButtons:b=Qa.actionButtons,canvasOrientation:N=Qa.canvasOrientation,...c}=e;return Yo("div",{...c,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",Ki,C(Ki,{size:t}),E(Ki,{focus:d})),dir:u,children:[Yo("div",{className:"k-coloreditor-header k-hstack",children:[rt("div",{className:"k-coloreditor-header-actions k-hstack",children:x&&Yo(A,{fillMode:"flat",children:[rt(s,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),rt(s,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),rt("div",{className:"k-spacer"}),Yo("div",{className:"k-coloreditor-header-actions k-hstack",children:[rt(s,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Yo("div",{className:"k-coloreditor-preview k-vstack",children:[rt(Wt,{className:"k-coloreditor-preview-color",color:i}),rt(Wt,{className:"k-coloreditor-current-color",color:l})]})]})]}),rt("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?rt(Se,{focus:m,size:t,canvasOrientation:N,role:"none",tabIndex:-1}):rt(ze,{palette:a,size:t})}),b&&Yo(Ue,{className:"k-coloreditor-footer",alignment:"start",children:[rt(s,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),rt(s,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};ne.states=lb;ne.options=sb;ne.className=Ki;ne.defaultOptions=Qa;ne.moduleName=Gs;ne.folderName=$s;var Zo=ne;import{jsx as gw}from"react/jsx-runtime";import{jsx as Lw}from"react/jsx-runtime";import{jsx as db}from"react/jsx-runtime";var Vs=e=>db(Zo,{group:!0,currentColor:"fuchsia",...e});import{jsx as pb}from"react/jsx-runtime";var Xs=e=>pb(Zo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Ws}from"react/jsx-runtime";var mb=ne.options,cb=ne.states,ub={...ne.defaultOptions,variant:"gradient"},fb=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],bb=[],Qo=e=>{let{variant:t,...o}=e;return t==="palette"?Ws(Xs,{...o,color:"white"}):Ws(Vs,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Qo.options=mb;Qo.states=cb;Qo.variants=fb;Qo.defaultOptions=ub;Qo.modifiers=bb;Qo.className=ne.className;var Js="color-picker",qs="colorpicker";import{Fragment as gb,jsx as nt,jsxs as sn}from"react/jsx-runtime";var Ys="k-colorpicker",xb=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],hb={size:[p.undefined,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Zs={arrowIconName:"chevron-down"},le=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:i=Zs.arrowIconName,prefix:l,suffix:d,value:m,placeholder:u,hover:x,focus:b,valid:N,invalid:c,required:v,disabled:L,valueIconName:I,popup:S,opened:y,adaptive:O,adaptiveSettings:K,adaptiveTitle:Y,adaptiveSubtitle:oe,...ae}=e,me="colorpicker-popup";return sn(gb,{children:[sn(Lt,{...ae,size:t,rounded:o,fillMode:a,hover:x,focus:b,valid:N,invalid:c,required:v,disabled:L,role:"combobox","aria-haspopup":"dialog","aria-expanded":y?"true":"false","aria-controls":y\|\|O?me:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":L?"true":void 0,className:r(e.className,Ys,"k-icon-picker"),children:[nt(he,{children:l}),nt(so,{placeholder:u,value:m,showValue:!1,valueIcon:nt(Wt,{className:"k-value-icon",color:m,iconName:I}),valueIconName:I}),nt(ge,{children:d}),nt(s,{className:"k-input-button",icon:i,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:L})]}),y&&S&&nt(J,{id:me,className:"k-colorpicker-popup",children:S}),O&&nt(Z,{adaptive:!0,id:me,...K,header:nt(Le,{actionsEnd:nt(s,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:Y,subtitle:oe}),footer:sn(Jt,{children:[nt(s,{text:"Cancel",size:"large"}),nt(s,{text:"Set",size:"large",themeColor:"primary"})]}),children:nt(ne,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};le.states=xb;le.options=hb;le.className=Ys;le.defaultOptions=Zs;le.moduleName=Js;le.folderName=qs;var Dt=le;import{jsx as Nb}from"react/jsx-runtime";var zi=e=>Nb(Dt,{...e});import{jsx as r0}from"react/jsx-runtime";import{jsx as p0}from"react/jsx-runtime";import{jsx as f0}from"react/jsx-runtime";import{jsx as g0}from"react/jsx-runtime";import{jsx as L0}from"react/jsx-runtime";import{jsx as y0}from"react/jsx-runtime";import{jsx as bo}from"react/jsx-runtime";var vb=Dt.options,kb=Dt.states,Qs={...Dt.defaultOptions,variant:"color"},Lb=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Ib=[{name:"opened",title:"Opened"}],jo=e=>{let{variant:t,modifiers:o,...a}={...Qs,...e},i={};Object.keys(o\|\|{}).forEach(d=>{d==="opened"&&(i.opened=!!o?.[d],i.popup=o?.[d]?bo(ne,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let l=i.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return bo("div",{style:l,children:bo(zi,{...a,...i})});case"icon":return bo("div",{style:l,children:bo(zi,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...i})});default:return bo("div",{style:l,children:bo(zi,{value:"rgba(183, 118 , 118, 1.00)",...a,...i})})}};jo.options=vb;jo.states=kb;jo.variants=Lb;jo.defaultOptions=Qs;jo.modifiers=Ib;jo.className=Dt.className;var dn="combobox",js=dn;import{Fragment as pn,jsx as fe,jsxs as ja}from"react/jsx-runtime";var ed="k-combobox",Sb=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],Mb={size:[p.undefined,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},mn={separators:!0,showClearButton:!0},Ne=e=>{let{size:t,rounded:o,fillMode:a,separators:i=mn.separators,showClearButton:l=mn.showClearButton,prefix:d,suffix:m,value:u,placeholder:x,hover:b,focus:N,valid:c,invalid:v,required:L,loading:I,disabled:S,popup:y,opened:O,readonly:K,adaptive:Y,adaptiveSettings:oe,adaptiveTitle:ae,adaptiveSubtitle:me,adaptiveCustomValue:lo,id:Nt,autocomplete:wt,activeDescendant:Vt,"aria-label":Ta,...Aa}=e,Oa=Nt?`${Nt}-listbox`:void 0;return ja(pn,{children:[ja(V,{...Aa,size:t,rounded:o,fillMode:a,hover:b,focus:N,valid:c,invalid:v,required:L,loading:I,disabled:S,readonly:K,className:r(e.className,ed),children:[d&&ja(pn,{children:[fe(he,{children:d}),i&&fe(ee,{})]}),fe(ue,{id:Nt,placeholder:x,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":O?"true":"false","aria-controls":O?Oa:void 0,"aria-activedescendant":O&&Vt?Vt:void 0,"aria-autocomplete":wt,"aria-invalid":v?"true":void 0,"aria-busy":I?"true":void 0,"aria-label":Ta,disabled:S,readOnly:K}),fe(j,{valid:c,invalid:v,loading:I,disabled:S}),fe(ie,{loading:I,disabled:S}),l&&fe(ce,{loading:I,disabled:S,readonly:K,value:u}),m&&ja(pn,{children:[i&&fe(ee,{}),fe(ge,{children:m})]}),fe(s,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:S})]}),O&&y&&fe(J,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:y}),Y&&fe(Z,{adaptive:!0,id:Nt?`${Nt}-adaptive`:void 0,...oe,header:fe(Le,{actionsEnd:fe(s,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:x,title:ae,subtitle:me}),children:fe("div",{className:"k-list-container",children:fe(w,{customValue:lo?fe(at,{text:`Use "${u}"`}):void 0,size:"large",children:ja(_,{"aria-label":ae\|\|"Options",children:[fe(B,{text:"List item"}),fe(B,{text:"List item"}),fe(B,{text:"List item"})]})})})})]})};Ne.states=Sb;Ne.options=Mb;Ne.className=ed;Ne.defaultOptions=mn;Ne.moduleName=dn;Ne.folderName=js;var Ge=Ne;import{jsx as yb}from"react/jsx-runtime";var td=e=>yb(Ge,{...e});import{jsx as sK,jsxs as dK}from"react/jsx-runtime";import{jsx as bK,jsxs as xK}from"react/jsx-runtime";import{jsx as LK,jsxs as IK}from"react/jsx-runtime";import{Fragment as BK,jsx as CK}from"react/jsx-runtime";import{Fragment as wK,jsx as PK}from"react/jsx-runtime";import{jsx as HK,jsxs as UK}from"react/jsx-runtime";import{Fragment as YK,jsx as JK,jsxs as qK}from"react/jsx-runtime";import{jsx as ez}from"react/jsx-runtime";import{jsx as iz}from"react/jsx-runtime";import{jsx as pz,jsxs as mz}from"react/jsx-runtime";import{jsx as hz,jsxs as gz}from"react/jsx-runtime";import{jsx as eo,jsxs as Ob}from"react/jsx-runtime";var Eb=Ne.states,Cb=Ne.defaultOptions,Bb=Ne.options,Tb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Ab=[],ea=e=>{let{modifiers:t,...o}=e,a={},i=eo(w,{style:{width:300},size:o.size,children:Ob(_,{children:[eo(B,{children:"List item"}),eo(B,{children:"List item"}),eo(B,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?eo(g,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[l]?eo(Kt,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[l],a.popup=t?.[l]?i:void 0;break;default:break}}),eo("div",{children:eo(td,{value:"Value",style:{width:300},...o,...a})})};ea.options=Bb;ea.states=Eb;ea.variants=Ab;ea.defaultOptions=Cb;ea.modifiers=Tb;ea.className=Ne.className;var cn="menu-button",od=cn;import{jsx as wb}from"react/jsx-runtime";var ad="k-menu-button",Rb=[n.hover,n.focus,n.active,n.selected,n.disabled],Pb={size:[p.undefined,p.xsmall,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info,k.inverse]},un={showArrow:!0,arrowIconName:"chevron-down"},W=e=>{let{size:t,rounded:o,fillMode:a,themeColor:i,hover:l,focus:d,active:m,selected:u,disabled:x,icon:b,endIcon:N,text:c,showArrow:v=un.showArrow,arrowIconName:L=un.arrowIconName,expanded:I,...S}=e;return wb(s,{...S,className:r(e.className,ad),text:c,size:t,rounded:o,fillMode:a,themeColor:i,hover:l,focus:d,active:m,selected:u,disabled:x,ariaDisabled:x\|\|void 0,icon:b,endIcon:N,showArrow:v,arrowIconName:L,"aria-expanded":I?"true":"false",...!c&&b&&!e["aria-label"]&&{"aria-label":"Menu"}})};W.states=Rb;W.options=Pb;W.className=ad;W.defaultOptions=un;W.moduleName=cn;W.folderName=od;import{jsx as Zz}from"react/jsx-runtime";import{jsx as t_}from"react/jsx-runtime";import{jsx as r_}from"react/jsx-runtime";import{jsx as d_}from"react/jsx-runtime";var $e="menu",lt=$e;import{jsx as ti,jsxs as id}from"react/jsx-runtime";var fn="k-menu-item",Kb=[n.hover,n.focus,n.active,n.selected,n.disabled],zb={},rd={iconPosition:"before"},Ee=e=>{let{hover:t,focus:o,active:a,selected:i,disabled:l,icon:d,text:m,showArrow:u,arrowIconName:x,iconPosition:b=rd.iconPosition,dir:N,children:c,expanded:v,...L}=e,I=x;return I\|\|(I=N==="rtl"?"chevron-left":"chevron-right"),id("li",{...L,className:r(e.className,fn,"k-item",E(fn,{focus:o,disabled:l,hover:t,active:a,selected:i})),role:"menuitem",...u&&{"aria-haspopup":"menu"},...u&&{"aria-expanded":v?"true":"false"},...l&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[id("span",{className:r("k-link k-menu-link"),children:[d&&b==="before"&&ti(g,{className:"k-menu-link-icon",icon:d}),ti("span",{className:"k-menu-link-text",children:m}),d&&b==="after"&&ti(g,{className:"k-menu-link-icon",icon:d}),u&&ti("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:ti(g,{icon:I})})]}),c]})};Ee.states=Kb;Ee.options=zb;Ee.className=fn;Ee.defaultOptions=rd;Ee.moduleName=$e;Ee.folderName=lt;import{jsx as xo,jsxs as nd}from"react/jsx-runtime";var bn="k-menu-item",_b=[n.hover,n.focus,n.active,n.selected,n.disabled],Db={},xn={dir:"ltr",iconPosition:"before"},Q=e=>{let{hover:t,focus:o,active:a,selected:i,disabled:l,icon:d,text:m,showArrow:u,arrowIconName:x,iconPosition:b=xn.iconPosition,dir:N=xn.dir,children:c,popup:v,expanded:L,actions:I,description:S,...y}=e,O=x;return O\|\|(O=N==="rtl"?"chevron-left":"chevron-right"),nd("li",{role:"menuitem",...y,className:r(e.className,bn,"k-item",E(bn,{focus:o,disabled:l})),...u&&{"aria-haspopup":"menu"},...u&&{"aria-expanded":L?"true":"false"},...l&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[nd("span",{className:r("k-link k-menu-link",E("k-menu-link",{hover:t,active:a,selected:i,disabled:l})),children:[d&&b==="before"&&xo(g,{className:"k-menu-link-icon",icon:d}),xo("span",{className:"k-menu-link-text",children:m}),d&&b==="after"&&xo(g,{className:"k-menu-link-icon",icon:d}),I&&xo("span",{className:"k-menu-link-actions",children:I}),u&&xo("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:xo(g,{icon:O})}),S&&xo("span",{className:"k-menu-link-description",children:S})]}),c,v]})};Q.states=_b;Q.options=Db;Q.className=bn;Q.defaultOptions=xn;Q.moduleName=$e;Q.folderName=lt;import{jsx as Gb}from"react/jsx-runtime";var ld="k-menu-scroll-wrapper",Fb=[],Hb={},Ub={},ho=e=>{let{className:t,children:o,orientation:a,...i}=e;return Gb("div",{...i,className:r(t,ld,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};ho.states=Fb;ho.options=Hb;ho.className=ld;ho.defaultOptions=Ub;ho.moduleName=$e;ho.folderName=lt;var sd=ho;import{Fragment as hn,jsx as go,jsxs as _i}from"react/jsx-runtime";var Di="k-menu",$b=[],Vb={size:[p.undefined,p.small,p.medium,p.large]},Fi={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Me=e=>{let{children:t,orientation:o=Fi.orientation,header:a=Fi.header,scrollable:i,scrollButtonsPosition:l=Fi.scrollButtonsPosition,wrapperStyles:d,dir:m,size:u,popup:x,contextMenu:b,...N}=e,c={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},v=go("ul",{dir:m,...N,className:r(e.className,"k-reset",Di,{[`${Di}-${o}`]:o,"k-header":a},C(Di,{size:u})),role:b?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return _i(hn,{children:[i?_i(sd,{orientation:o,style:d,dir:e.dir,children:[l==="start"&&_i(hn,{children:[go(s,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),go(s,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),l==="around"&&go(s,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),v,l==="end"&&_i(hn,{children:[go(s,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),go(s,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),l==="around"&&go(s,{fillMode:"flat",size:"xsmall",icon:`chevron-${c[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):v,x]})};Me.states=$b;Me.options=Vb;Me.className=Di;Me.defaultOptions=Fi;Me.moduleName=$e;Me.folderName=lt;import{jsx as Xb}from"react/jsx-runtime";var gn="k-separator",dd={orientation:"horizontal"},ta=e=>{let{orientation:t=dd.orientation,...o}=e;return Xb("li",{...o,className:r(e.className,"k-item",gn,{[`${gn}-${t}`]:t}),role:"separator"})};ta.className=gn;ta.defaultOptions=dd;ta.moduleName=$e;ta.folderName=lt;import{Fragment as __,jsx as D_}from"react/jsx-runtime";import{jsx as Yb}from"react/jsx-runtime";var Nn="k-menu-group",Wb=[],Jb={size:[p.undefined,p.small,p.medium,p.large]},qb={},Ce=e=>{let{children:t,size:o,...a}=e;return Yb("ul",{role:"menu",...a,className:r(e.className,Nn,C(Nn,{size:o})),children:t})};Ce.states=Wb;Ce.options=Jb;Ce.className=Nn;Ce.defaultOptions=qb;Ce.moduleName=$e;Ce.folderName=lt;import{jsx as J_,jsxs as q_}from"react/jsx-runtime";import{Fragment as Zb,jsx as oa,jsxs as Qb}from"react/jsx-runtime";var vn=e=>oa(Me,{children:Qb(Zb,{children:[oa(Ee,{text:"Item 1"}),oa(Ee,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),oa(Ee,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),oa(Ee,{text:"Item 4"}),oa(Ee,{text:"Item 5"})]}),...e});import{Fragment as rD,jsx as aD,jsxs as iD}from"react/jsx-runtime";import{Fragment as pD,jsx as dD,jsxs as mD}from"react/jsx-runtime";import{Fragment as xD,jsx as bD,jsxs as hD}from"react/jsx-runtime";import{Fragment as LD,jsx as kD,jsxs as ID}from"react/jsx-runtime";import{jsx as No,jsxs as ax}from"react/jsx-runtime";var jb={...Me.options,scrollable:{type:"boolean"}},ex=Me.states,pd={...Me.defaultOptions,variant:"horizontal"},tx=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],ox=[{name:"opened",title:"Opened"}],aa=e=>{let{variant:t,modifiers:o,...a}={...pd,...e},i={},l=t==="vertical"?{left:"200px",top:"30px"}:{left:"90px",top:"auto"};return Object.keys(o\|\|{}).forEach(d=>{d==="opened"&&(i.opened=!!o?.[d],i.popup=o?.[d]?No(J,{className:"k-menu-popup",offset:l,children:ax(Ce,{children:[No(Q,{text:"Item 1"}),No(Q,{text:"Item 2"}),No(ta,{}),No(Q,{text:"Item 3"})]})}):null)}),t==="vertical"?No(vn,{...a,...i,orientation:"vertical",style:{width:"200px"}}):No(vn,{...a,...i})};aa.options=jb;aa.states=ex;aa.variants=tx;aa.defaultOptions=pd;aa.modifiers=ox;aa.className=Me.className;import{Fragment as o1,jsx as e1,jsxs as t1}from"react/jsx-runtime";import{jsx as n1}from"react/jsx-runtime";import{Fragment as sx,jsx as Tt,jsxs as md}from"react/jsx-runtime";var ix=s.states,cd={...s.defaultOptions,variant:"text"},rx=s.options,nx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],lx=[{name:"opened",title:"Opened"}],ia=e=>{let{variant:t,modifiers:o,...a}={...cd,...e},i={},l=Tt(J,{className:"k-menu-popup",children:md(Ce,{size:a.size,children:[Tt(Q,{text:"Menu Item"}),Tt(Q,{text:"Menu Item"}),Tt(Q,{text:"Menu Item"})]})}),d;switch(t){case"icon-only":d=Tt("div",{children:Tt(W,{...a,...i,icon:"star"})});break;case"icon-and-text":d=Tt("div",{children:Tt(W,{...a,...i,icon:"star",children:"Dropdown Button"})});break;default:d=Tt("div",{children:Tt(W,{...a,...i,children:"Dropdown Button"})});break}return md(sx,{children:[d,o?.opened&&l]})};ia.options=rx;ia.states=ix;ia.variants=nx;ia.defaultOptions=cd;ia.modifiers=lx;ia.className=W.className;var kn="split-button",ud=kn;import{Fragment as mx,jsx as Ln,jsxs as fd}from"react/jsx-runtime";var In="k-split-button",dx=[n.hover,n.focus,n.active,n.selected,n.disabled],px={size:[p.undefined,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary,k.success,k.warning,k.error,k.info,k.inverse]},bd={arrowIconName:"chevron-down"},F=e=>{let{size:t,rounded:o,fillMode:a,themeColor:i,hover:l,focus:d,active:m,selected:u,disabled:x,icon:b,endIcon:N,text:c,arrowIconName:v=bd.arrowIconName,popup:L,opened:I,popupId:S,...y}=e;return fd(mx,{children:[fd("div",{...y,className:r(e.className,In,"k-button-group",C(In,{rounded:o})),children:[Ln(s,{text:c,icon:b,endIcon:N,size:t,rounded:o,fillMode:a,themeColor:i,hover:l,focus:d,active:m,selected:u,disabled:x,...!c&&!e.children&&b&&{"aria-label":"Action"},children:e.children}),Ln(s,{className:"k-split-button-arrow",icon:v,size:t,rounded:o,fillMode:a,disabled:x,ariaDisabled:x\|\|void 0,"aria-label":"Toggle dropdown","aria-expanded":I?"true":"false","aria-controls":I?S:void 0,tabIndex:-1})]}),I&&L&&Ln(J,{className:"k-menu-popup",children:L})]})};F.states=dx;F.options=px;F.className=In;F.defaultOptions=bd;F.moduleName=kn;F.folderName=ud;var Sn=F;import{jsx as ux}from"react/jsx-runtime";var cx="k-toolbar-separator",Be=e=>ux("div",{className:r(cx,e.className,"k-separator")});var vo="toolbar",ra=vo;import{Fragment as Mn,jsx as U,jsxs as na}from"react/jsx-runtime";var Ft="k-toolbar",fx=[n.focus],bx={size:[p.undefined,p.small,p.medium,p.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},xx={scrollButtons:"around"},q=e=>{let{size:t,fillMode:o,focus:a,resizable:i,scrollable:l,scrollButtons:d,scrollingPosition:m,section:u,...x}=e,b=[],N=(c,v)=>{let L=[];if(c.type===s&&c.props.className&&c.props.className.includes("k-toolbar-overflow-button"))L.push(U(s,{...c.props,className:`${c.props.className?c.props.className:""}`},`${v}-${new Date().getTime()}`));else if(c.type===s)L.push(U(s,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${v}-${new Date().getTime()}`));else if(c.type===za)L.push(U(za,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${v}-${new Date().getTime()}`));else if(c.type===Kt)L.push(U(Kt,{...c.props,className:`k-toolbar-button ${c.props.className?c.props.className:""}`},`${v}-${new Date().getTime()}`));else if(c.type===W)L.push(U(W,{...c.props,className:`k-toolbar-menu-button ${c.props.className?c.props.className:""}`},`${v}-${new Date().getTime()}`));else if(c.type===Sn)L.push(U(Sn,{...c.props,className:`k-toolbar-split-button ${c.props.className?c.props.className:""}`},`${v}-${new Date().getTime()}`));else if(c.type===A\|\|c.props.className&&c.props.className.includes("k-button-group")){let I=[];(Array.isArray(c.props.children)?c.props.children:[c.props.children]).forEach((y,O)=>{I.push(U(s,{...y.props,className:`${y.props.className?y.props.className:""}`},`${O}-${new Date().getTime()}`))}),L.push(U(A,{...c.props,className:`k-toolbar-button-group ${c.props.className?c.props.className:""}`,children:I},`${v}-${new Date().getTime()}`))}else c.type===Ne?L.push(U(Ne,{...c.props,className:`k-toolbar-combobox ${c.props.className?c.props.className:""}`},`${v}-${new Date().getTime()}`)):c.type===X?L.push(U(X,{...c.props,className:`k-toolbar-dropdownlist ${c.props.className?c.props.className:""}`},`${v}-${new Date().getTime()}`)):c.type===le?L.push(U(le,{...c.props,className:`k-toolbar-colorpicker ${c.props.className?c.props.className:""}`},`${v}-${new Date().getTime()}`)):L.push(c);L.forEach(I=>{b.push(I)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((v,L)=>{N(v,L)}),na("div",{...x,className:r(e.className,Ft,C(Ft,{size:t,fillMode:o}),E(Ft,{focus:a}),{[`${Ft}-resizable`]:i,[`${Ft}-scrollable`]:l,[`${Ft}-scrollable-overlay`]:l&&d==="hidden",[`${Ft}-scrollable-${m}`]:m&&m!=="both",[`${Ft}-section`]:u}),role:"toolbar","aria-label":"Toolbar",children:[!l&&b,l&&d==="hidden"&&U("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:b}),l&&d==="start"&&na(Mn,{children:[na(A,{children:[U("span",{className:r("k-toolbar-prev","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:U(g,{className:"k-button-icon",icon:"chevron-left"})}),U("span",{className:r("k-toolbar-next","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:U(g,{className:"k-button-icon",icon:"chevron-right"})})]}),U(Be,{className:"k-toolbar-button-separator"}),U("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:b})]}),l&&d==="end"&&na(Mn,{children:[U("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:b}),U(Be,{className:"k-toolbar-button-separator"}),na(A,{children:[U("span",{className:r("k-toolbar-prev","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:U(g,{className:"k-button-icon",icon:"chevron-left"})}),U("span",{className:r("k-toolbar-next","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:U(g,{className:"k-button-icon",icon:"chevron-right"})})]})]}),l&&(d==="around"\|\|!d)&&na(Mn,{children:[U("span",{className:r("k-toolbar-prev","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:U(g,{className:"k-button-icon",icon:"chevron-left"})}),U(Be,{className:"k-toolbar-button-separator"}),U("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:b}),U(Be,{className:"k-toolbar-button-separator"}),U("span",{className:r("k-toolbar-next","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:U(g,{className:"k-button-icon",icon:"chevron-right"})})]})]})};q.states=fx;q.options=bx;q.className=Ft;q.defaultOptions=xx;q.moduleName=vo;q.folderName=ra;import{jsx as vx}from"react/jsx-runtime";var yn="k-toolbar-item",hx=[n.focus],gx={},Nx={},At=e=>{let{focus:t,...o}=e;return vx("div",{...o,className:r(e.className,yn,E(yn,{focus:t})),children:e.children})};At.states=hx;At.options=gx;At.className=yn;At.defaultOptions=Nx;At.moduleName=vo;At.folderName=ra;import{jsx as xd}from"react/jsx-runtime";var hd="k-toolbar-popup",kx=[],Lx={size:[p.undefined,p.small,p.medium,p.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},Ix={},ko=e=>{let{size:t,fillMode:o,section:a,...i}=e;return xd(J,{...i,className:r(e.className,hd),children:a?xd("span",{className:r("k-toolbar-items-list",C("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};ko.states=kx;ko.options=Lx;ko.className=hd;ko.defaultOptions=Ix;ko.moduleName=vo;ko.folderName=ra;var Hi=ko;import{jsx as nF}from"react/jsx-runtime";import{jsx as pF}from"react/jsx-runtime";import{jsx as fF}from"react/jsx-runtime";import{jsx as gF}from"react/jsx-runtime";import{jsx as SF,jsxs as MF}from"react/jsx-runtime";import{jsx as BF}from"react/jsx-runtime";import{jsx as Ht,jsxs as Cx}from"react/jsx-runtime";var Sx=F.states,gd={...F.defaultOptions,variant:"text"},Mx=F.options,yx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ex=[{name:"opened",title:"Opened"}],la=e=>{let{variant:t,modifiers:o,...a}={...gd,...e},i={},l=Cx(Ce,{size:a.size,children:[Ht(Q,{text:"Menu Item"}),Ht(Q,{text:"Menu Item"}),Ht(Q,{text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(d=>{d==="opened"&&(i.opened=!!o?.[d],i.popup=o?.[d]?l:"")}),t){case"icon-only":return Ht("div",{children:Ht(F,{...a,...i,icon:"star"})});case"icon-and-text":return Ht("div",{children:Ht(F,{...a,...i,icon:"star",children:"Split Button"})});default:return Ht("div",{children:Ht(F,{...a,...i,children:"Split Button"})})}};la.options=Mx;la.states=Sx;la.variants=yx;la.defaultOptions=gd;la.modifiers=Ex;la.className=F.className;import{jsx as Lo,jsxs as Bx}from"react/jsx-runtime";var Nd=e=>Lo(q,{children:[Lo(s,{children:"Button"},"toolbar-button"),Lo(W,{text:"Menu button"},"toolbar-menu-button"),Lo(F,{children:"Split button"},"toolbar-split-button"),Bx(A,{children:[Lo(s,{className:"k-group-start",icon:"align-left",children:"Left"}),Lo(s,{icon:"align-center",children:"Center"}),Lo(s,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as rH,jsxs as nH}from"react/jsx-runtime";import{jsx as Ve,jsxs as vd}from"react/jsx-runtime";var kd=e=>Ve(q,{scrollable:!0,...e,children:[Ve(s,{children:"Button"},"toolbar-button"),Ve(W,{text:"Menu button"},"toolbar-menu-button"),Ve(F,{children:"Split button"},"toolbar-split-button"),vd(A,{children:[Ve(s,{className:"k-group-start",icon:"align-left",children:"Left"}),Ve(s,{icon:"align-center",children:"Center"}),Ve(s,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Ve(s,{children:"Button"},"toolbar-button"),Ve(W,{text:"Menu button"},"toolbar-menu-button"),Ve(F,{children:"Split button"},"toolbar-split-button"),vd(A,{children:[Ve(s,{className:"k-group-start",icon:"align-left",children:"Left"}),Ve(s,{icon:"align-center",children:"Center"}),Ve(s,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Xe,jsxs as Ld}from"react/jsx-runtime";var Id=({scrollingPosition:e="start",...t})=>Xe(q,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[Xe(s,{children:"Button"},"toolbar-button"),Xe(W,{text:"Menu button"},"toolbar-menu-button"),Xe(F,{children:"Split button"},"toolbar-split-button"),Ld(A,{children:[Xe(s,{className:"k-group-start",icon:"align-left",children:"Left"}),Xe(s,{icon:"align-center",children:"Center"}),Xe(s,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Xe(s,{children:"Button"},"toolbar-button"),Xe(W,{text:"Menu button"},"toolbar-menu-button"),Xe(F,{children:"Split button"},"toolbar-split-button"),Ld(A,{children:[Xe(s,{className:"k-group-start",icon:"align-left",children:"Left"}),Xe(s,{icon:"align-center",children:"Center"}),Xe(s,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Tx,jsx as _e,jsxs as Ui}from"react/jsx-runtime";var Sd=({fillMode:e,size:t,...o})=>Ui(Tx,{children:[_e(q,{section:!0,fillMode:e,size:t,children:[_e(s,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Ui(A,{fillMode:e,children:[_e(s,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),_e(s,{icon:"align-center",fillMode:e,size:t,children:"Center"}),_e(s,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),_e(Be,{className:"k-toolbar-button-separator"}),_e(s,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,"aria-label":"More options","aria-expanded":"false"})],...o}),Ui(Hi,{size:t,fillMode:e,section:!0,...o,children:[_e(F,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),_e(s,{fillMode:e,size:t,children:"Button"},"toolbar-button"),_e(Be,{}),_e(W,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Ui(A,{fillMode:e,children:[_e(s,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),_e(s,{icon:"align-center",fillMode:e,size:t,children:"Center"}),_e(s,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as DH,jsx as zH,jsxs as _H}from"react/jsx-runtime";import{Fragment as YH,jsx as JH,jsxs as qH}from"react/jsx-runtime";import{jsx as to}from"react/jsx-runtime";var Ax=q.options,Ox=q.states,Md={...q.defaultOptions,variant:"default"},Rx=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Px=[],sa=e=>{let{variant:t,...o}={...Md,...e};switch(t){case"responsive":return to("div",{children:to(Sd,{style:{width:"583px"},...o})});case"overlay":return to("div",{children:to(Id,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return to("div",{children:to(kd,{style:{width:"583px"},...o})});default:return to("div",{children:to(Nd,{style:{width:"583px"},...o})})}};sa.options=Ax;sa.states=Ox;sa.variants=Rx;sa.defaultOptions=Md;sa.modifiers=Px;sa.className=q.className;var En="autocomplete",yd=En;import{Fragment as Cn,jsx as ve,jsxs as oi}from"react/jsx-runtime";var Ed="k-autocomplete",wx=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Kx={size:[p.undefined,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Bn={separators:!0,showClearButton:!0},We=e=>{let{size:t,rounded:o,fillMode:a,separators:i=Bn.separators,showClearButton:l=Bn.showClearButton,prefix:d,suffix:m,value:u,placeholder:x,hover:b,focus:N,valid:c,invalid:v,required:L,loading:I,disabled:S,popup:y,opened:O,readonly:K,adaptive:Y,adaptiveSettings:oe,adaptiveTitle:ae,adaptiveSubtitle:me,adaptiveCustomValue:lo,id:Nt,autocomplete:wt,activeDescendant:Vt,"aria-label":Ta,...Aa}=e,Oa=Nt?`${Nt}-listbox`:void 0;return oi(Cn,{children:[oi(V,{...Aa,size:t,rounded:o,fillMode:a,hover:b,focus:N,valid:c,invalid:v,required:L,loading:I,disabled:S,readonly:K,className:r(e.className,Ed),children:[d&&oi(Cn,{children:[ve(he,{children:d}),i&&ve(ee,{})]}),ve(ue,{placeholder:x,value:u,role:"combobox","aria-haspopup":"listbox","aria-expanded":O?"true":"false","aria-controls":O?Oa:void 0,"aria-activedescendant":O&&Vt?Vt:void 0,"aria-autocomplete":wt,"aria-invalid":v?"true":void 0,"aria-busy":I?"true":void 0,"aria-label":Ta,disabled:S,readOnly:K}),ve(j,{valid:c,invalid:v,loading:I,disabled:S}),ve(ie,{loading:I,disabled:S}),l&&ve(ce,{loading:I,disabled:S,readonly:K,value:u}),m&&oi(Cn,{children:[i&&ve(ee,{}),ve(ge,{children:m})]})]}),O&&y&&ve(J,{className:"k-list-container k-autocomplete-popup",containerRole:"region",containerAriaLabel:"Autocomplete suggestions",children:y}),Y&&ve(Z,{adaptive:!0,...oe,header:ve(Le,{actionsEnd:ve(s,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:u,inputPlaceholder:x,title:ae,subtitle:me}),children:ve("div",{className:"k-list-container",children:ve(w,{customValue:lo?ve(at,{text:`Use "${u}"`}):void 0,size:"large",children:oi(_,{"aria-label":"Options",children:[ve(B,{text:"List item"}),ve(B,{text:"List item"}),ve(B,{text:"List item"})]})})})})]})};We.states=wx;We.options=Kx;We.className=Ed;We.defaultOptions=Bn;We.moduleName=En;We.folderName=yd;var Ot=We;import{jsx as zx}from"react/jsx-runtime";var Cd=e=>zx(Ot,{id:T("ac"),"aria-label":"Search",...e});import{jsx as _2,jsxs as D2}from"react/jsx-runtime";import{jsx as $2}from"react/jsx-runtime";import{Fragment as Z2,jsx as Y2}from"react/jsx-runtime";import{Fragment as i3,jsx as a3}from"react/jsx-runtime";import{jsx as p3,jsxs as m3}from"react/jsx-runtime";import{jsx as h3,jsxs as g3}from"react/jsx-runtime";import{jsx as S3,jsxs as M3}from"react/jsx-runtime";import{jsx as T3}from"react/jsx-runtime";import{jsx as Io,jsxs as Gx}from"react/jsx-runtime";var _x=G.states,Dx=G.defaultOptions,Fx=G.options,Hx=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Ux=[],da=e=>{let{modifiers:t,...o}=e,a={},i=Io(w,{style:{width:300},size:o.size,children:Gx(_,{children:[Io(B,{children:"List item"}),Io(B,{children:"List item"}),Io(B,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?Io(g,{icon:"search"}):void 0;break;case"suffix":a.suffix=t?.[l]?Io(kt,{size:o.size,fillMode:"clear",children:"Search"}):void 0;break;case"opened":a.opened=!!t?.[l],a.popup=t?.[l]?i:void 0;break;default:break}}),Io(Cd,{value:"Value",style:{width:300},...o,...a})};da.options=Fx;da.states=_x;da.variants=Ux;da.defaultOptions=Dx;da.modifiers=Hx;da.className=We.className;import{jsx as st}from"react/jsx-runtime";var Bd="k-imageeditor-toolbar",$x=[],Vx={},Xx=[st(s,{fillMode:"flat",icon:"image-add","aria-label":"Image Add"},"toolbar-button-1"),st(Be,{},"toolbar-separator-1"),st(s,{fillMode:"flat",icon:"undo","aria-label":"Undo"},"toolbar-button-2"),st(s,{fillMode:"flat",icon:"redo","aria-label":"Redo"},"toolbar-button-3"),st(Be,{},"toolbar-separator-2"),st(s,{fillMode:"flat",icon:"download","aria-label":"Download"},"toolbar-button-4"),st("div",{className:"k-spacer"},"toolbar-spacer"),st(s,{fillMode:"flat",icon:"zoom-in","aria-label":"Zoom In"},"toolbar-button-5"),st(At,{children:st(We,{fillMode:"flat",value:"Fit",showClearButton:!1,"aria-label":"Zoom options"})},"toolbar-item-1"),st(s,{fillMode:"flat",icon:"zoom-out","aria-label":"Zoom Out"},"toolbar-button-6")],Td={toolbarItems:Xx},pa=e=>{let{toolbarItems:t=Td.toolbarItems,...o}=e;return st(q,{...o,className:r(e.className,Bd),fillMode:"flat",children:t})};pa.states=$x;pa.options=Vx;pa.className=Bd;pa.defaultOptions=Td;import{jsx as Re}from"react/jsx-runtime";var Tn="k-imageeditor-sidebar",Wx=[Re(s,{fillMode:"flat",icon:"image-resize","aria-label":"Resize"},"sidebar-button-1"),Re(s,{fillMode:"flat",icon:"crop","aria-label":"Crop"},"sidebar-button-2"),Re(s,{fillMode:"flat",icon:"rotate","aria-label":"Rotate"},"sidebar-button-3"),Re("div",{className:"k-separator"},"sidebar-separator-1"),Re(s,{fillMode:"flat",icon:"free-text","aria-label":"Text"},"sidebar-button-4"),Re(s,{fillMode:"flat",icon:"shapes","aria-label":"Shapes"},"sidebar-button-5"),Re("div",{className:"k-separator"},"sidebar-separator-2"),Re(s,{fillMode:"flat",icon:"drop-half-pixelated","aria-label":"Blur"},"sidebar-button-6"),Re(s,{fillMode:"flat",icon:"sliders-horizontal","aria-label":"Adjustments"},"sidebar-button-7"),Re(s,{fillMode:"flat",icon:"circles-three-intersecting","aria-label":"Filters"},"sidebar-button-8"),Re("div",{className:"k-separator"},"sidebar-separator-3"),Re(s,{fillMode:"flat",icon:"frame-corners","aria-label":"Frame"},"sidebar-button-9"),Re(s,{fillMode:"flat",icon:"circle-half-tilted","aria-label":"Shadow"},"sidebar-button-10")],Ad={sidebarItems:Wx,scrollable:!1},Od=e=>{let{sidebarItems:t=Ad.sidebarItems,scrollable:o=Ad.scrollable,scrollingPosition:a,...i}=e;return Re("div",{...i,className:r(e.className,Tn,{[`${Tn}-scrollable`]:o,[`${Tn}-scrollable-${a}`]:a&&a!=="both"}),children:Re("div",{className:"k-imageeditor-sidebar-items",role:"toolbar","aria-label":"Tools",children:t??e.children})})};var ai="loader",Gi=ai;import{Fragment as An,jsx as Rd,jsxs as $i}from"react/jsx-runtime";var On="k-loader",Jx={pulsing:"pulsing-2","infinite-spinner":"spinner-3","converging-spinner":"spinner-4"},qx=[],Yx={size:[p.undefined,p.small,p.medium,p.large],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary]},Pd={animation:"pulsing"},se=e=>{let{size:t,themeColor:o,animation:a=Pd.animation,...i}=e,l=Rd("span",{className:"k-loader-segment"});return Rd("div",{...i,className:r(e.className,On,{[`k-loader-${Jx[a]\|\|a}`]:a},C(On,{size:t,themeColor:o})),role:"status","aria-label":i["aria-label"]\|\|"Loading",children:$i("div",{className:"k-loader-canvas",children:[a==="pulsing"&&$i(An,{children:[l,l]}),a==="infinite-spinner"&&$i(An,{children:[l,l,l]}),a==="converging-spinner"&&$i(An,{children:[l,l,l,l]})]})})};se.states=qx;se.options=Yx;se.className=On;se.defaultOptions=Pd;se.moduleName=ai;se.folderName=Gi;var wd=se;import{jsx as Rn,jsxs as Kd}from"react/jsx-runtime";var Pn="k-loader-container",Zx=[],Qx={size:[p.undefined,p.small,p.medium,p.large],themeColor:[k.undefined,k.base,k.primary,k.secondary,k.tertiary]},Vi={loaderType:"pulsing",position:"top",panel:!1},So=e=>{let{size:t,themeColor:o,loaderType:a=Vi.loaderType,position:i=Vi.position,panel:l=Vi.panel,...d}=e;return Kd("div",{...d,className:r(e.className,Pn,C(Pn,{size:t}),{[`k-loader-${i}`]:i}),role:"status","aria-live":"polite","aria-label":d["aria-label"]\|\|"Loading",children:[Rn(es,{className:"k-loader-container-overlay"}),Kd("div",{className:r("k-loader-container-inner",{"k-loader-container-panel":l}),children:[Rn(wd,{size:t,themeColor:o,animation:a}),Rn("div",{className:"k-loader-container-label",children:"Loading..."})]})]})};So.states=Zx;So.options=Qx;So.className=Pn;So.defaultOptions=Vi;So.moduleName=ai;So.folderName=Gi;import{jsx as IU}from"react/jsx-runtime";import{jsx as EU}from"react/jsx-runtime";import{jsx as AU}from"react/jsx-runtime";import{jsx as wU}from"react/jsx-runtime";import{jsx as wn}from"react/jsx-runtime";var jx=se.options,eh=se.states,th={...se.defaultOptions,variant:"infinite-spinner"},oh=[{name:"infinite-spinner",title:"Infinite"},{name:"pulsing",title:"Pulsing"},{name:"converging-spinner",title:"Converging"}],ah=[],ma=e=>{let{variant:t,...o}=e;switch(t){case"pulsing":return wn(se,{animation:"pulsing",...o});case"converging-spinner":return wn(se,{animation:"converging-spinner",...o});default:return wn(se,{animation:"infinite-spinner",...o})}};ma.options=jx;ma.states=eh;ma.variants=oh;ma.defaultOptions=th;ma.modifiers=ah;ma.className=se.className;var zd="image-editor",_d="imageeditor";import{Fragment as Dd,jsx as Rt,jsxs as ii}from"react/jsx-runtime";var Kn="k-imageeditor",ih=[],rh={},nh={},te=e=>{let{toolbarItems:t,actionPane:o,sidebarItems:a,placeholder:i,contentHeight:l,exporting:d,adaptive:m,sidebarScrollable:u,sidebarScrollingPosition:x,children:b,...N}=e,c=Rt("div",{className:"k-imageeditor-canvas-container",children:i??Rt("div",{className:"k-imageeditor-canvas",children:b})}),v=o&&Rt("div",{className:"k-imageeditor-action-pane",children:o}),L=Rt(Od,{sidebarItems:a,scrollable:u,scrollingPosition:x});return ii("div",{...N,className:r(e.className,Kn,{[`${Kn}-adaptive`]:m}),children:[Rt("div",{className:"k-imageeditor-header",children:Rt(pa,{toolbarItems:t})}),Rt("div",{className:"k-imageeditor-content",style:{height:l},children:m?ii(Dd,{children:[c,v,L]}):ii(Dd,{children:[L,v,c]})}),d&&ii("div",{className:"k-loader-container k-loader-top",role:"status","aria-live":"polite","aria-label":"Exporting",children:[Rt(bt,{className:"k-loader-container-overlay"}),ii("div",{className:"k-loader-container-inner k-loader-container-panel",children:[Rt(se,{animation:"pulsing",themeColor:"base",size:"medium","aria-label":"Exporting"}),Rt("div",{className:"k-loader-container-label",children:"Exporting"})]})]})]})};te.states=ih;te.options=rh;te.className=Kn;te.defaultOptions=nh;te.moduleName=zd;te.folderName=_d;import{Fragment as Xi,jsx as oo,jsxs as ri}from"react/jsx-runtime";var zn="k-upload-dropzone",lh=[n.hover],Wi=e=>{let{hover:t,status:o,disabled:a,hasFiles:i,filesId:l,buttonText:d="Select files...",...m}=e,u;switch(o){case"uploading":u=ri(Xi,{children:[oo(g,{icon:"upload"}),"Uploading..."]});break;case"done":u=ri(Xi,{children:[oo(g,{icon:"check"}),"Done"]});break;case"failed":u=ri(Xi,{children:[oo(g,{icon:"exclamation-circle"}),"Done"]});break;default:u=oo(Xi,{});break}return ri("div",{...m,className:r(e.className,zn,"k-dropzone",E(zn,{hover:t})),children:[ri("div",{className:"k-upload-button-wrap",children:[oo(s,{className:"k-upload-button","aria-disabled":a?"true":"false",...i&&l?{"aria-controls":l}:{},children:d}),oo("input",{id:"upload-input",className:"k-hidden",tabIndex:-1,"aria-hidden":"true"})]}),oo("span",{className:r("k-dropzone-hint",{"k-hidden":o!=="upload"}),children:"Drop files here to upload"}),o!=="upload"&&oo("span",{className:"k-upload-status",children:u})]})};Wi.states=lh;Wi.className=zn;var _n="upload",Fd=_n;import{jsx as Ji,jsxs as Ud}from"react/jsx-runtime";var Dn="k-upload",sh=[n.hover,n.disabled],dh={},Gd={actionsLayout:"end"},Hd="upload-files-list",ke=e=>{let{async:t,empty:o,actions:a,actionsLayout:i=Gd.actionsLayout,hover:l,status:d,disabled:m,buttonText:u,...x}=e,b=!!e.children;return Ud("div",{...x,className:r(e.className,Dn,E(Dn,{disabled:m}),{"k-upload-async":t,"k-upload-empty":o}),children:[Ji(Wi,{status:d,hover:l,disabled:m,hasFiles:b,filesId:Hd,buttonText:u}),b&&Ji("ul",{className:"k-upload-files",role:"list",id:Hd,children:e.children}),a&&b&&Ud(Gl,{alignment:i,orientation:"horizontal",children:[Ji(s,{className:"k-clear-selected",children:"Clear"}),Ji(s,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};ke.states=sh;ke.options=dh;ke.className=Dn;ke.defaultOptions=Gd;ke.moduleName=_n;ke.folderName=Fd;var ni="progressbar",qi=ni;import{jsx as Hn,jsxs as Fn}from"react/jsx-runtime";var dt="k-progressbar",ph=[n.disabled,n.indeterminate],mh={orientation:["horizontal","vertical"]},Mo={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},Pe=e=>{let{disabled:t,height:o,indeterminate:a=Mo.indeterminate,label:i=Mo.label,labelPosition:l=Mo.labelPosition,orientation:d=Mo.orientation,reverse:m=Mo.reverse,value:u=Mo.value,width:x,style:b,ariaLabel:N,...c}=e;return Fn("div",{...c,className:r(e.className,dt,E(dt,{disabled:t}),{[`${dt}-${d}`]:d,[`${dt}-indeterminate`]:a,[`${dt}-reverse`]:m}),style:{...b,"--kendo-progressbar-value":u,[d==="horizontal"?"height":"width"]:d==="horizontal"?o:x},role:"progressbar","aria-label":N\|\|"progress","aria-valuenow":a?void 0:Number(u),"aria-valuemin":0,"aria-valuemax":100,children:[Hn("span",{className:r("k-progress-status-wrap",{[`k-progress-${l}`]:l&&!a}),children:i&&Fn("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&Hn("div",{className:"k-progressbar-value k-selected",children:Hn("span",{className:r("k-progress-status-wrap",{[`k-progress-${l}`]:l}),children:i&&Fn("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};Pe.states=ph;Pe.options=mh;Pe.className=dt;Pe.defaultOptions=Mo;Pe.moduleName=ni;Pe.folderName=qi;var $d=Pe;import{jsx as Un}from"react/jsx-runtime";var Vd="k-chunk-progressbar",ch=(e,t)=>t<=e-1,uh=[n.disabled,n.indeterminate],fh={},Yi={chunkCount:5,orientation:"horizontal",progress:0},ca=e=>{let{disabled:t,chunkCount:o=Yi.chunkCount,indeterminate:a,orientation:i=Yi.orientation,progress:l=Yi.progress,reverse:d,ariaLabel:m,...u}=e;return Un("div",{...u,className:r(e.className,dt,Vd,E(dt,{disabled:t}),{[`${dt}-${i}`]:i,[`${dt}-indeterminate`]:a,[`${dt}-reverse`]:d}),role:"progressbar","aria-label":m\|\|"progress","aria-valuenow":a?void 0:l,"aria-valuemin":0,"aria-valuemax":o,children:Un("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((x,b)=>Un("li",{className:r("k-progressbar-chunk",{"k-first":b===0,"k-last":b===[...Array(o)].length-1,"k-selected":ch(l,b)})},b))})})};ca.states=uh;ca.options=fh;ca.className=Vd;ca.defaultOptions=Yi;ca.moduleName=ni;ca.folderName=qi;import{jsx as bh}from"react/jsx-runtime";var li=e=>bh($d,{...e});import{jsx as R5}from"react/jsx-runtime";import{jsx as ao}from"react/jsx-runtime";var xh=Pe.options,hh=Pe.states,Xd={...Pe.defaultOptions,variant:"start"},gh=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],Nh=[],ua=e=>{let{variant:t,modifiers:o,...a}={...Xd,...e},i={},l={style:{width:"324px"}};switch(Object.keys(o\|\|{}).forEach(d=>{switch(d){case"reverse":i.reverse=!!o?.[d];break;case"vertical":i.orientation=o?.[d]?"vertical":void 0,l.style=o?.[d]?void 0:{width:"324px"};break}}),t){case"end":return ao("div",{...l,children:ao(li,{...a,...i,labelPosition:"end",value:"50"})});case"center":return ao("div",{...l,children:ao(li,{...a,...i,labelPosition:"center",value:"50"})});case"empty":return ao("div",{...l,children:ao(li,{...a,...i,label:!1,value:"50"})});default:return ao("div",{...l,children:ao(li,{...a,...i,labelPosition:"start",value:"50"})})}};ua.options=xh;ua.states=hh;ua.variants=gh;ua.defaultOptions=Xd;ua.modifiers=Nh;ua.className=Pe.className;import{jsx as Gn,jsxs as kh}from"react/jsx-runtime";var vh="k-file-info",$n=e=>{let{name:t,size:o,validationMsg:a,...i}=e;return kh("div",{...i,className:r(e.className,vh),children:[t&&Gn("span",{className:"k-file-name",children:t}),o&&Gn("span",{className:"k-file-size",children:o}),a&&Gn("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};import{Fragment as Ih,jsx as Ut,jsxs as Zi}from"react/jsx-runtime";var Lh="k-file",De=e=>{let{status:t,progress:o,name:a,icon:i,size:l,state:d,validationMsg:m,...u}=e;return Ut("li",{...u,className:r(e.className,Lh,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:Zi("div",{className:"k-file-single",children:[Ut(Pe,{className:r({"k-hidden":t!=="progress"}),value:o,label:!1}),Zi("span",{className:"k-file-icon-wrapper",children:[Ut(g,{className:"k-file-icon",icon:i,size:"xxlarge"}),d&&Ut("span",{className:"k-file-state",children:d})]}),Ut($n,{name:a,size:l,validationMsg:m}),Ut("div",{className:"k-upload-actions",children:t==="progress"?Zi(Ih,{children:[Zi("span",{className:"k-upload-pct",children:[o,"%"]}),Ut(s,{icon:"pause",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Pause upload",tabIndex:-1}),Ut(s,{icon:"cancel",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Cancel upload",tabIndex:-1})]}):Ut(s,{icon:"x",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Remove file",tabIndex:-1})})]})})};import{Fragment as d6,jsx as l6,jsxs as s6}from"react/jsx-runtime";import{Fragment as Sh,jsx as Vn,jsxs as Mh}from"react/jsx-runtime";var si=e=>Vn(ke,{async:!0,children:Mh(Sh,{children:[Vn(De,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),Vn(De,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});import{Fragment as N6,jsx as h6,jsxs as g6}from"react/jsx-runtime";import{jsx as yh}from"react/jsx-runtime";var Xn=e=>yh(ke,{async:!0,empty:!0,...e});import{Fragment as E6,jsx as y6,jsxs as C6}from"react/jsx-runtime";import{Fragment as R6,jsx as O6,jsxs as P6}from"react/jsx-runtime";import{jsx as Gt,jsxs as Qi}from"react/jsx-runtime";var Eh=ke.options,Ch=ke.states,Wd={...ke.defaultOptions,variant:"empty"},Bh=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],Th=[],fa=e=>{let{variant:t,...o}={...Wd,...e};switch(t){case"success":return Qi(si,{status:"done",style:{width:"586px"},...o,children:[Gt(De,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),Gt(De,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return Qi(si,{status:"failed",style:{width:"586px"},...o,children:[Gt(De,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),Gt(De,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return Qi(si,{status:"uploading",style:{width:"586px"},...o,children:[Gt(De,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),Gt(De,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return Qi(si,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[Gt(De,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),Gt(De,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return Gt(Xn,{async:!0,status:"upload",style:{width:"586px"},...o})}};fa.options=Eh;fa.states=Ch;fa.variants=Bh;fa.defaultOptions=Wd;fa.modifiers=Th;fa.className=ke.className;import{Fragment as l4,jsx as r4,jsxs as n4}from"react/jsx-runtime";import{jsx as ba,jsxs as Jd}from"react/jsx-runtime";var qd="k-imageeditor-pane",Ah=[],Oh={},Rh={},be=e=>{let{title:t,actions:o,adaptive:a,children:i,...l}=e;return Jd("div",{...l,className:r(e.className,qd),children:[Jd("div",{className:"k-imageeditor-pane-header",children:[a&&ba(s,{fillMode:"flat",icon:"x","aria-label":"Close",title:"Close"}),ba("div",{className:"k-imageeditor-pane-title",children:t}),a?ba(s,{fillMode:"flat",icon:"check","aria-label":"Confirm",title:"Confirm"}):ba(s,{fillMode:"flat",icon:"x","aria-label":"Close",title:"Close"})]}),ba("div",{className:"k-imageeditor-pane-content",children:i}),!a&&o&&ba(Ue,{alignment:"end",className:"k-imageeditor-pane-footer",children:o})]})};be.states=Ah;be.options=Oh;be.className=qd;be.moduleName=null;be.folderName=null;be.defaultOptions=Rh;import{jsx as zh}from"react/jsx-runtime";var Wn="k-imageeditor-option-preview",Ph=[n.hover,n.focus,n.selected],wh={},Kh={},gt=e=>{let{label:t,hover:o,focus:a,selected:i,children:l,...d}=e;return zh("div",{...d,className:r(e.className,Wn,E(Wn,{hover:o,focus:a,selected:i})),role:"button","aria-pressed":i?"true":"false",children:l??t})};gt.states=Ph;gt.options=wh;gt.className=Wn;gt.moduleName=null;gt.folderName=null;gt.defaultOptions=Kh;import{jsx as Yd}from"react/jsx-runtime";var ji="k-imageeditor-option-list",Zd={scrollable:!1},yo=e=>{let{scrollable:t=Zd.scrollable,scrollingPosition:o,children:a,...i}=e;return Yd("div",{...i,className:r(e.className,ji,{[`${ji}-scrollable`]:t,[`${ji}-scrollable-${o}`]:o&&o!=="both"}),children:Yd("div",{className:"k-imageeditor-option-list-items",children:a})})};yo.className=ji;yo.moduleName=null;yo.folderName=null;yo.defaultOptions=Zd;import{Fragment as Dh,jsx as Qd,jsxs as Fh}from"react/jsx-runtime";var _h={},di=e=>{let{label:t,style:o,children:a}=e;return Fh(Dh,{children:[Qd("span",{"aria-hidden":"true",style:{position:"relative",display:"block",width:"100%",height:"40px",borderRadius:"2px",backgroundImage:"url('/packages/html/assets/sofia.jpg')",backgroundSize:"cover",boxSizing:"border-box",...o},children:a}),t&&Qd("span",{className:"k-imageeditor-preview-thumbnail-label",children:t})]})};di.moduleName=null;di.folderName=null;di.defaultOptions=_h;import{Fragment as jd,jsx as $t,jsxs as ep}from"react/jsx-runtime";var tp={variant:"crop"},xa=e=>{let{variant:t=tp.variant,grid:o,corners:a=!0}=e,i=t==="crop"?"k-resize-handle":"k-scale-handle",l=t==="scale"?"k-scale-handle":"k-resize-handle";return ep(jd,{children:[o&&$t("div",{className:"k-imageeditor-crop-grid"}),a&&ep(jd,{children:[$t("span",{className:`${i} k-resize-nw`}),$t("span",{className:`${i} k-resize-ne`}),$t("span",{className:`${i} k-resize-sw`}),$t("span",{className:`${i} k-resize-se`})]}),$t("span",{className:`${l} k-resize-n`}),$t("span",{className:`${l} k-resize-s`}),$t("span",{className:`${l} k-resize-w`}),$t("span",{className:`${l} k-resize-e`})]})};xa.moduleName=null;xa.folderName=null;xa.defaultOptions=tp;import{jsx as op}from"react/jsx-runtime";var Hh="k-rotate-handle",Jn=e=>op("span",{...e,className:r(e.className,Hh),children:op(g,{icon:"rotate"})});Jn.moduleName=null;Jn.folderName=null;import{jsx as P4}from"react/jsx-runtime";var ap="form",ip="forms";import{Fragment as rp,jsx as er,jsxs as Vh}from"react/jsx-runtime";var tr="k-form",Gh=[],$h={size:[p.undefined,p.small,p.medium,p.large]},qn={layout:"basic",tag:"form"},$=e=>{let{size:t,orientation:o,layout:a=qn.layout,formButtons:i,cols:l,gutters:d,tag:m=qn.tag,children:u,style:x}=e,b=m,N=r(e.className,tr,C(tr,{size:t}),{[`${tr}-${o}`]:o}),c=Vh(rp,{children:[a==="grid"?er("div",{className:r("k-form-layout","k-d-grid",{[`k-grid-cols-${l}`]:l}),style:{...typeof d=="string"&&{gap:d},...typeof d=="object"&&d.rows&&{rowGap:d.rows},...typeof d=="object"&&d.cols&&{columnGap:d.cols},...x},children:u}):er(rp,{children:u}),i&&er("div",{className:"k-form-buttons",children:i})]}),{role:v,"aria-labelledby":L,"aria-label":I,id:S}=e;return er(b,{className:N,role:v,"aria-labelledby":L,"aria-label":I,id:S,children:c})};$.states=Gh;$.options=$h;$.className=tr;$.defaultOptions=qn;$.moduleName=ap;$.folderName=ip;var np="label",lp="label";import{jsx as sp,jsxs as qh}from"react/jsx-runtime";var Yn="k-label",Xh=[n.disabled],Wh={},Jh={},io=e=>{let{disabled:t,optional:o,info:a,text:i,children:l,...d}=e;return qh("label",{...d,className:r(e.className,Yn,E(Yn,{disabled:t})),children:[i\|\|l,o&&sp("span",{className:"k-label-optional",children:"(Optional)"}),a&&sp("span",{className:"k-field-info",children:a})]})};io.states=Xh;io.options=Wh;io.className=Yn;io.defaultOptions=Jh;io.moduleName=np;io.folderName=lp;import{jsx as jh}from"react/jsx-runtime";var dp="k-form-hint",Yh=[],Zh={},Qh={},pt=e=>{let{text:t,children:o,...a}=e;return jh("div",{...a,className:r(e.className,dp),children:t\|\|o})};pt.states=Yh;pt.options=Zh;pt.className=dp;pt.defaultOptions=Qh;import{jsx as ag}from"react/jsx-runtime";var pp="k-form-error",eg=[],tg={},og={},mt=e=>{let{text:t,children:o,...a}=e;return ag("div",{...a,className:r(e.className,pp),children:t\|\|o})};mt.states=eg;mt.options=tg;mt.className=pp;mt.defaultOptions=og;import{jsx as or,jsxs as mp}from"react/jsx-runtime";var Zn="k-form-field",ig=[n.disabled],z=e=>{let{editorId:t,label:o,orientation:a,optional:i,editor:l,hint:d,error:m,info:u,disabled:x,dir:b,colSpan:N,...c}=e;return mp("div",{...c,className:r(Zn,e.className,E(Zn,{disabled:x}),{[`k-col-span-${N}`]:N}),dir:b,children:[o&&or(io,{className:"k-form-label",id:t?`${t}-label`:void 0,htmlFor:t\|\|void 0,optional:i,info:u?"(field info)":void 0,children:o}),a==="horizontal"&&!o&&or("span",{className:"k-label k-form-label k-label-empty"}),mp("div",{className:"k-form-field-wrap",children:[l,d&&or(pt,{id:t?`${t}-hint`:void 0,children:d}),m&&or(mt,{id:t?`${t}-error`:void 0,children:m})]})]})};z.states=ig;z.className=Zn;import{Fragment as rg,jsx as Qn,jsxs as ng}from"react/jsx-runtime";var cp="k-form-fieldset",xe=e=>{let{legend:t,layout:o,cols:a,gutters:i,colSpan:l}=e;return ng("fieldset",{className:r(cp,{[`k-col-span-${l}`]:l}),children:[t&&Qn("legend",{className:"k-form-legend",children:t}),o==="grid"?Qn("div",{className:r("k-form-layout","k-d-grid",{[`k-grid-cols-${a}`]:a}),style:{...typeof i=="string"&&{gap:i},...typeof i=="object"&&i.rows&&{rowGap:i.rows},...typeof i=="object"&&i.cols&&{columnGap:i.cols}},children:e.children}):Qn(rg,{children:e.children})]})};xe.className=cp;var Eo="radio",ha=Eo;import{jsx as up}from"react/jsx-runtime";var ar="k-radio",lg=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked],sg={size:[p.undefined,p.small,p.medium,p.large]},dg={},Je=e=>{let{id:t,checked:o,hover:a,focus:i,disabled:l,invalid:d,valid:m,required:u,size:x,...b}=e;return up("span",{className:"k-radio-wrap",children:up("input",{...b,id:t,type:"radio",checked:o,required:u,disabled:l\|\|void 0,"aria-invalid":d?"true":void 0,className:r(e.className,ar,C(ar,{size:x}),E(ar,{hover:a,focus:i,disabled:l,invalid:d,valid:m,checked:o}))})})};Je.states=lg;Je.options=sg;Je.className=ar;Je.defaultOptions=dg;Je.moduleName=Eo;Je.folderName=ha;var ct=Je;import{jsx as cg}from"react/jsx-runtime";var fp="k-radio-list",pg=[],mg={},bp={layout:"vertical"},de=e=>{let{layout:t=bp.layout,...o}=e;return cg("ul",{...o,className:r(e.className,fp,{[`k-list-${t}`]:t}),role:"radiogroup",children:e.children})};de.states=pg;de.options=mg;de.className=fp;de.defaultOptions=bp;de.moduleName=Eo;de.folderName=ha;import{jsx as xg}from"react/jsx-runtime";var xp="k-radio-list-item",ug=[],fg={},bg={},pe=e=>{let{...t}=e;return xg("li",{...t,className:r(e.className,xp),role:"none",children:e.children})};pe.states=ug;pe.options=fg;pe.className=xp;pe.defaultOptions=bg;pe.moduleName=Eo;pe.folderName=ha;import{jsx as L9}from"react/jsx-runtime";import{Fragment as hg,jsx as hp,jsxs as gg}from"react/jsx-runtime";var qe=({children:e,id:t,...o})=>gg(hg,{children:[hp(ct,{...o,id:t}),hp("label",{className:"k-radio-label",htmlFor:t,children:e})]});import{Fragment as T9,jsx as B9,jsxs as A9}from"react/jsx-runtime";import{Fragment as z9,jsx as w9,jsxs as K9}from"react/jsx-runtime";import{Fragment as U9,jsx as H9,jsxs as G9}from"react/jsx-runtime";import{Fragment as J9,jsx as W9,jsxs as q9}from"react/jsx-runtime";import{Fragment as o7,jsx as t7,jsxs as a7}from"react/jsx-runtime";import{jsx as l7}from"react/jsx-runtime";import{jsx as Mg}from"react/jsx-runtime";var vg=ct.options,kg=ct.states,Lg=ct.defaultOptions,Ig=[],Sg=[],ga=e=>Mg(qe,{id:T("radio"),name:"value",...e,children:"Label"});ga.options=vg;ga.states=kg;ga.variants=Ig;ga.defaultOptions=Lg;ga.modifiers=Sg;ga.className=ct.className;import{jsx as ut,jsxs as gp}from"react/jsx-runtime";var yg=de.options,Eg=de.states,Cg={...de.defaultOptions,variant:"vertical"},Bg=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Tg=[],Na=e=>{let{variant:t,...o}=e;return t==="horizontal"?gp(de,{layout:"horizontal",...o,children:[ut(pe,{children:ut(qe,{id:T("rb"),name:"value",defaultChecked:!0,children:"Label"})}),ut(pe,{children:ut(qe,{id:T("rb"),name:"value",children:"Label"})}),ut(pe,{children:ut(qe,{id:T("rb"),name:"value",children:"Label"})})]}):gp(de,{...o,children:[ut(pe,{children:ut(qe,{id:T("rb"),name:"value",defaultChecked:!0,children:"Label"})}),ut(pe,{children:ut(qe,{id:T("rb"),name:"value",children:"Label"})}),ut(pe,{children:ut(qe,{id:T("rb"),name:"value",children:"Label"})})]})};Na.options=yg;Na.states=Eg;Na.variants=Bg;Na.defaultOptions=Cg;Na.modifiers=Tg;Na.className=de.className;import{Fragment as G7,jsx as U7,jsxs as $7}from"react/jsx-runtime";import{Fragment as j7,jsx as Q7,jsxs as eG}from"react/jsx-runtime";import{Fragment as lG,jsx as nG,jsxs as sG}from"react/jsx-runtime";var Np="date-input",vp="dateinput";import{jsx as pi,jsxs as Pg}from"react/jsx-runtime";var kp="k-dateinput",Ag=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Og={size:[p.undefined,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Rg={},Ye=e=>{let{size:t,rounded:o,fillMode:a,value:i,placeholder:l,hover:d,focus:m,valid:u,invalid:x,required:b,loading:N,disabled:c,readonly:v,showClearButton:L,showSpinButton:I,id:S,"aria-label":y,"aria-describedby":O,...K}=e;return Pg(V,{...K,size:t,rounded:o,fillMode:a,hover:d,focus:m,valid:u,invalid:x,required:b,loading:N,disabled:c,readonly:v,className:r(e.className,kp),children:[pi(ue,{id:S,placeholder:l,value:i,disabled:c,"aria-label":y,"aria-describedby":O,"aria-invalid":x?"true":void 0}),pi(j,{valid:u,invalid:x,loading:N,disabled:c}),pi(ie,{loading:N,disabled:c}),L&&pi(ce,{loading:N,disabled:c,readonly:v,value:i}),I&&pi(Et,{className:"k-input-spinner",size:t,fillMode:a,disabled:c})]})};Ye.states=Ag;Ye.options=Og;Ye.className=kp;Ye.defaultOptions=Rg;Ye.moduleName=Np;Ye.folderName=vp;var jn=Ye;import{jsx as wg}from"react/jsx-runtime";var Lp=e=>wg(jn,{...e});import{jsx as LG}from"react/jsx-runtime";import{jsx as Hg}from"react/jsx-runtime";var Kg=Ye.options,zg=Ye.states,_g=Ye.defaultOptions,Dg=[{name:"spin-button",title:"`Spin` Button"}],Fg=[],va=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(i=>{i==="spin-button"&&(a.showSpinButton=!!t?.[i])}),Hg(Lp,{value:"2/04/2021",style:{width:"300px"},...o,...a})};va.options=Kg;va.states=zg;va.variants=Fg;va.defaultOptions=_g;va.modifiers=Dg;va.className=Ye.className;var Ip="masked-textbox",Sp="maskedtextbox";import{Fragment as Mp,jsx as ro,jsxs as el}from"react/jsx-runtime";var yp="k-maskedtextbox",Ug=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Gg={size:[p.undefined,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},tl={showClearButton:!0,separators:!0},Ze=e=>{let{size:t,rounded:o,fillMode:a,separators:i=tl.separators,showClearButton:l=tl.showClearButton,prefix:d,suffix:m,value:u,placeholder:x,hover:b,focus:N,valid:c,invalid:v,required:L,loading:I,disabled:S,readonly:y,id:O,"aria-label":K,"aria-describedby":Y,...oe}=e;return el(V,{...oe,size:t,rounded:o,fillMode:a,hover:b,focus:N,valid:c,invalid:v,required:L,loading:I,disabled:S,readonly:y,className:r(e.className,yp),children:[d&&el(Mp,{children:[ro(he,{children:d}),i&&ro(ee,{})]}),ro(ue,{id:O,placeholder:x,value:u,disabled:S,"aria-label":K,"aria-describedby":Y,"aria-invalid":v?"true":void 0}),ro(j,{valid:c,invalid:v,loading:I,disabled:S}),ro(ie,{loading:I,disabled:S}),l&&ro(ce,{loading:I,disabled:S,readonly:y,value:u}),m&&el(Mp,{children:[i&&ro(ee,{}),ro(ge,{children:m})]})]})};Ze.states=Ug;Ze.options=Gg;Ze.className=yp;Ze.defaultOptions=tl;Ze.moduleName=Ip;Ze.folderName=Sp;var ka=Ze;import{jsx as $g}from"react/jsx-runtime";var Ep=e=>$g(ka,{...e});import{Fragment as WG,jsx as XG}from"react/jsx-runtime";import{Fragment as jG,jsx as QG}from"react/jsx-runtime";import{jsx as a8}from"react/jsx-runtime";import{jsx as l8}from"react/jsx-runtime";import{jsx as ol}from"react/jsx-runtime";var Vg=Ze.states,Xg=Ze.defaultOptions,Wg=Ze.options,Jg=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],qg=[],La=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?ol(X,{size:o.size,value:"Choose",fillMode:"flat"}):void 0;break;case"suffix":a.suffix=t?.[i]?ol(g,{icon:"lock"}):void 0;break;case"clear-button":a.showClearButton=t?.[i];break;default:break}}),ol(Ep,{value:"Value",style:{width:300},...o,...a})};La.options=Wg;La.states=Vg;La.variants=qg;La.defaultOptions=Xg;La.modifiers=Jg;La.className=Ze.className;var al="switch",Cp=al;import{jsx as ir,jsxs as Bp}from"react/jsx-runtime";var no="k-switch",Yg=[n.hover,n.focus,n.disabled,n.readonly,n.checked],Zg={size:[p.undefined,p.small,p.medium,p.large],trackRounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],thumbRounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full]},Qg={},Fe=e=>{let{checked:t,onLabel:o,offLabel:a,size:i,trackRounded:l,thumbRounded:d,hover:m,focus:u,disabled:x,readonly:b,...N}=e;return Bp("span",{...N,className:r(e.className,no,C(no,{size:i}),E(no,{hover:m,focus:u,disabled:x,readonly:b}),{[`${no}-on`]:t,[`${no}-off`]:!t}),role:"switch","aria-checked":t?"true":"false",tabIndex:x?void 0:0,"aria-disabled":x?"true":void 0,"aria-readonly":b?"true":void 0,children:[Bp("span",{className:r("k-switch-track",C(no,{rounded:l})),children:[o&&ir("span",{className:"k-switch-label-on",children:o}),a&&ir("span",{className:"k-switch-label-off",children:a})]}),ir("span",{className:"k-switch-thumb-wrap",children:ir("span",{className:r("k-switch-thumb",C(no,{rounded:d}))})})]})};Fe.states=Yg;Fe.options=Zg;Fe.className=no;Fe.defaultOptions=Qg;Fe.moduleName=al;Fe.folderName=Cp;import{jsx as A8}from"react/jsx-runtime";import{jsx as w8}from"react/jsx-runtime";import{jsx as D8}from"react/jsx-runtime";import{jsx as G8}from"react/jsx-runtime";import{jsx as Tp}from"react/jsx-runtime";var jg=Fe.options,eN=Fe.states,tN={...Fe.defaultOptions,variant:"on"},oN=[{name:"on",title:"On"},{name:"off",title:"Off"}],aN=[],Ia=e=>{let{variant:t,...o}=e;return t==="off"?Tp(Fe,{checked:!1,onLabel:"On",offLabel:"Off",...o}):Tp(Fe,{checked:!0,onLabel:"On",offLabel:"Off",...o})};Ia.options=jg;Ia.states=eN;Ia.variants=oN;Ia.defaultOptions=tN;Ia.modifiers=aN;Ia.className=Fe.className;var rl="textarea",Ap=rl;import{Fragment as Op,jsx as mi,jsxs as nl}from"react/jsx-runtime";var Rp="k-textarea",iN=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],rN={size:[p.undefined,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Sa={flow:"vertical",affixesOrientation:"horizontal",resize:"both",prefixSeparator:!0,suffixSeparator:!0},He=e=>{let{size:t,rounded:o,fillMode:a,prefixSeparator:i=Sa.prefixSeparator,suffixSeparator:l=Sa.prefixSeparator,affixesOrientation:d=Sa.affixesOrientation,flow:m=Sa.flow,resize:u=Sa.resize,prefix:x,suffix:b,rows:N,value:c,placeholder:v,hover:L,focus:I,valid:S,invalid:y,required:O,disabled:K,id:Y,"aria-label":oe,"aria-describedby":ae,...me}=e;return nl(V,{...me,size:t,rounded:o,fillMode:a,hover:L,focus:I,valid:S,invalid:y,required:O,disabled:K,className:r(e.className,Rp,{"!k-flex-col":m==="vertical","!k-flex-row":m==="horizontal"}),children:[x&&nl(Op,{children:[mi(he,{className:r({"!k-align-items-start":m===d}),direction:d,children:x}),i&&mi(ee,{direction:m==="horizontal"?"vertical":"horizontal"})]}),mi(Fa,{className:r("!k-overflow-auto",{"!k-flex-none":m==="vertical","k-resize-x":u==="x","k-resize-y":u==="y","k-resize":u==="both","k-resize-none":u==="none"}),value:c,placeholder:v,rows:N,disabled:K,id:Y,"aria-label":oe,"aria-describedby":ae,"aria-invalid":y?"true":void 0}),b&&nl(Op,{children:[l&&mi(ee,{direction:m==="horizontal"?"vertical":"horizontal"}),mi(ge,{className:r({"!k-align-items-start":m===d}),direction:d,children:b})]})]})};He.states=iN;He.options=rN;He.className=Rp;He.defaultOptions=Sa;He.moduleName=rl;He.folderName=Ap;import{jsx as p$}from"react/jsx-runtime";import{Fragment as x$,jsx as b$}from"react/jsx-runtime";import{Fragment as L$,jsx as k$}from"react/jsx-runtime";import{jsx as y$}from"react/jsx-runtime";import{jsx as rr}from"react/jsx-runtime";var nN=He.options,lN=He.states,Pp={...He.defaultOptions,variant:"vertical"},sN=[{name:"vertical",title:"Flow vertical"},{name:"horizontal",title:"Flow horizontal"}],dN=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"}],Ma=e=>{let{variant:t,modifiers:o,...a}={...Pp,...e},i={resize:"y"};return Object.keys(o\|\|{}).forEach(l=>{switch(l){case"prefix":i.prefix=o?.[l]?rr(g,{icon:"comment"}):void 0;break;case"suffix":i.suffix=o?.[l]?rr(g,{icon:"volume-up"}):void 0;break;default:break}}),t==="horizontal"?rr(He,{flow:"horizontal",placeholder:"Enter text...",style:{width:300},...a,...i}):rr(He,{flow:"vertical",placeholder:"Enter text...",style:{width:300},...a,...i})};Ma.options=nN;Ma.states=lN;Ma.variants=sN;Ma.defaultOptions=Pp;Ma.modifiers=dN;Ma.className=He.className;import{Fragment as Y$,jsx as q$,jsxs as Z$}from"react/jsx-runtime";import{Fragment as bN,jsx as we,jsxs as ya}from"react/jsx-runtime";var pN=$.options,mN=$.states,cN={...$.defaultOptions,variant:"vertical"},uN=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],fN=[],Ea=e=>{let{variant:t,size:o,...a}=e,i=ya(xe,{legend:"Form Legend",children:[we(z,{label:"Label",editor:we(G,{size:o})}),we(z,{label:"Label",hint:"Hint text",editor:we(X,{value:"Dropdown List",size:o})}),we(z,{label:"City",editor:ya("ul",{className:"k-radio-list k-list-horizontal",children:[ya("li",{className:"k-radio-list-item",children:[we(Je,{checked:!0,size:o}),we("label",{className:"k-radio-label",children:"Label"})]}),ya("li",{className:"k-radio-list-item",children:[we(Je,{size:o}),we("label",{className:"k-radio-label",children:"Label"})]}),ya("li",{className:"k-radio-list-item",children:[we(Je,{size:o}),we("label",{className:"k-radio-label",children:"Label"})]})]})})]}),l=ya(bN,{children:[we(s,{className:"k-form-submit",themeColor:"primary",size:o,children:"Submit"}),we(s,{className:"k-form-clear",size:o,children:"Clear"})]});return t==="horizontal"?we($,{orientation:"horizontal",size:o,...a,formButtons:l,children:i}):we($,{size:o,...a,formButtons:l,children:i})};Ea.options=pN;Ea.states=mN;Ea.variants=uN;Ea.defaultOptions=cN;Ea.modifiers=fN;Ea.className=$.className;import{jsx as wp,jsxs as vN}from"react/jsx-runtime";var xN=pt.options,hN=pt.states,Kp={...pt.defaultOptions},gN=[],NN=[{name:"showHint",title:"Show Hint"}],Ca=e=>{let{modifiers:t,...o}={...Kp,...e},a=t?.showHint??!0;return vN("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[wp(G,{placeholder:"Component",style:{width:"200px"}}),a&&wp(pt,{...o,children:"Hint text"})]})};Ca.options=xN;Ca.states=hN;Ca.variants=gN;Ca.defaultOptions=Kp;Ca.modifiers=NN;Ca.className=pt.className;import{jsx as zp,jsxs as MN}from"react/jsx-runtime";var kN=mt.options,LN=mt.states,_p={...mt.defaultOptions},IN=[],SN=[{name:"showError",title:"Show Error"}],Ba=e=>{let{modifiers:t,...o}={..._p,...e},a=t?.showError??!0;return MN("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[zp(G,{placeholder:"Component",invalid:a,style:{width:"200px"}}),a&&zp(mt,{...o,children:"Error text"})]})};Ba.options=kN;Ba.states=LN;Ba.variants=IN;Ba.defaultOptions=_p;Ba.modifiers=SN;Ba.className=mt.className;import{Fragment as HV,jsx as FV,jsxs as UV}from"react/jsx-runtime";import{Fragment as QV,jsx as ZV,jsxs as jV}from"react/jsx-runtime";import{Fragment as pX,jsx as dX,jsxs as mX}from"react/jsx-runtime";import{jsx as NX}from"react/jsx-runtime";import{Fragment as RX,jsx as OX,jsxs as PX}from"react/jsx-runtime";var sl="segmented-control",Dp=sl,Fp="segmented-control-button",Hp="segmented-control";import{jsx as CN,jsxs as BN}from"react/jsx-runtime";var nr="k-segmented-control",yN=[],EN={size:[p.undefined,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full]},Pt=e=>{let{size:t,rounded:o,stretched:a,children:i,thumbStyles:l,...d}=e;return BN("div",{...d,className:r(e.className,nr,C(nr,{size:t,rounded:o}),{[`${nr}-stretched`]:a}),role:"group",children:[CN("div",{className:"k-segmented-control-thumb","aria-hidden":"true",style:l}),i]})};Pt.states=yN;Pt.options=EN;Pt.className=nr;Pt.moduleName=sl;Pt.folderName=Dp;import{jsx as dl,jsxs as RN}from"react/jsx-runtime";var pl="k-segmented-control-button",TN=[n.selected,n.hover,n.focus,n.disabled],AN={},ON={},ft=e=>{let{hover:t,focus:o,selected:a,disabled:i,icon:l,endIcon:d,text:m,iconClassName:u,...x}=e;return RN("button",{...x,className:r(e.className,pl,E(pl,{hover:t,focus:o,disabled:i,selected:a})),"aria-pressed":a?"true":"false","aria-disabled":i?"true":void 0,tabIndex:a?0:-1,children:[l&&dl(g,{className:r(u,"k-segmented-control-button-icon"),icon:l}),(m\|\|e.children)&&dl("span",{className:"k-segmented-control-button-text",children:m\|\|e.children}),d&&dl(g,{className:r(u,"k-segmented-control-button-icon"),icon:d})]})};ft.states=TN;ft.options=AN;ft.className=pl;ft.defaultOptions=ON;ft.moduleName=Fp;ft.folderName=Hp;import{Fragment as YX,jsx as qX,jsxs as ZX}from"react/jsx-runtime";import{Fragment as aW,jsx as oW,jsxs as iW}from"react/jsx-runtime";import{Fragment as pW,jsx as dW,jsxs as mW}from"react/jsx-runtime";import{Fragment as hW,jsx as xW,jsxs as gW}from"react/jsx-runtime";import{Fragment as SW,jsx as IW,jsxs as MW}from"react/jsx-runtime";import{Fragment as AW,jsx as TW,jsxs as OW}from"react/jsx-runtime";import{Fragment as oJ,jsx as tJ,jsxs as aJ}from"react/jsx-runtime";import{Fragment as bJ,jsx as fJ,jsxs as xJ}from"react/jsx-runtime";import{Fragment as CJ,jsx as EJ,jsxs as BJ}from"react/jsx-runtime";import{Fragment as KJ,jsx as wJ,jsxs as zJ}from"react/jsx-runtime";import{Fragment as WJ,jsx as VJ,jsxs as XJ}from"react/jsx-runtime";import{Fragment as nq,jsx as iq,jsxs as rq}from"react/jsx-runtime";import{Fragment as gq,jsx as hq,jsxs as Nq}from"react/jsx-runtime";import{Fragment as zN,jsx as M,jsxs as ye}from"react/jsx-runtime";var PN=[M(s,{fillMode:"flat",icon:"image-resize","aria-label":"Resize"},"sidebar-button-1"),M(s,{fillMode:"flat",icon:"crop","aria-label":"Crop"},"sidebar-button-2"),M(s,{fillMode:"flat",icon:"rotate","aria-label":"Rotate"},"sidebar-button-3"),M("div",{className:"k-separator"},"sidebar-separator-1"),M(s,{fillMode:"flat",icon:"free-text","aria-label":"Text"},"sidebar-button-4"),M(s,{fillMode:"flat",icon:"shapes",selected:!0,"aria-label":"Shapes"},"sidebar-button-5"),M("div",{className:"k-separator"},"sidebar-separator-2"),M(s,{fillMode:"flat",icon:"drop-half-pixelated","aria-label":"Blur"},"sidebar-button-6"),M(s,{fillMode:"flat",icon:"sliders-horizontal","aria-label":"Adjustments"},"sidebar-button-7"),M(s,{fillMode:"flat",icon:"circles-three-intersecting","aria-label":"Filters"},"sidebar-button-8"),M("div",{className:"k-separator"},"sidebar-separator-3"),M(s,{fillMode:"flat",icon:"frame-corners","aria-label":"Frame"},"sidebar-button-9"),M(s,{fillMode:"flat",icon:"circle-half-tilted","aria-label":"Shadow"},"sidebar-button-10")],wN=[{label:"Square",icon:"checkbox"},{label:"Rectangle",icon:"rectangle-shape"},{label:"Circle",icon:"circle-shape"},{label:"Oval",icon:"oval-shape"},{label:"Triangle",icon:"kpi-status-hold"},{label:"Star",icon:"star"},{label:"Heart",icon:"heart"},{label:"Diamond",icon:"kpi-status-deny"},{label:"Hexagon",icon:"hexagon-shape"},{label:"Pentagon",icon:"pentagon-shape"},{label:"Arrow",icon:"arrow-right"}],KN=({selected:e=!1,shapeType:t="Oval",strokeColor:o="#000000",strokeWidth:a=2,fillColor:i="#ffffff93",textColor:l="#000000",fontFamily:d="Trebuchet MS",fontSize:m=48,alignment:u="center",...x})=>M(te,{sidebarItems:PN,actionPane:ye(be,{title:"Shapes and Lines",actions:ye(zN,{children:[M(s,{children:"Remove"}),M(s,{themeColor:"primary",children:"Insert"})]}),children:[ye(Pt,{thumbStyles:{width:"50%"},stretched:!0,"aria-label":"Shape or Line",style:{flexShrink:0},children:[M(ft,{icon:"shapes",selected:!0,children:"Shape"}),M(ft,{icon:"shape-line",children:"Line"})]}),ye($,{tag:"div",children:[M(z,{label:"Type",editor:M(yo,{scrollable:!0,scrollingPosition:"both",children:wN.map(b=>M(gt,{selected:b.label===t,children:ye("div",{className:"k-imageeditor-option-content",children:[M(g,{icon:b.icon}),M("span",{className:"k-imageeditor-option-label",children:b.label})]})},b.label))})}),ye(xe,{layout:"grid",cols:2,gutters:{cols:"16px"},children:[M(z,{label:"Stroke Color",editor:M(le,{id:"shape-stroke-color",value:o,"aria-label":"Stroke Color"})}),M(z,{label:"Stroke Width",editorId:"shape-stroke-width",editor:M(P,{id:"shape-stroke-width",showSpinButton:!1,value:String(a),prefix:M(g,{icon:"border-width"})})})]}),ye(xe,{layout:"grid",cols:2,gutters:{cols:"16px"},children:[M(z,{label:"Fill Color",editor:M(le,{id:"shape-fill-color",value:i,valueIconName:"droplet","aria-label":"Fill Color"})}),M(z,{label:"Text Color",editor:M(le,{disabled:!e,id:"shape-text-color",value:l,valueIconName:"foreground-color","aria-label":"Text Color"})})]}),M(z,{label:"Font Family",editorId:"shape-font-family",editor:M(Ne,{disabled:!e,id:"shape-font-family",prefix:M(g,{icon:"font-family"}),value:d})}),ye(xe,{layout:"grid",cols:2,gutters:{cols:"16px"},children:[M(z,{label:"Font Size",editorId:"shape-font-size",editor:M(P,{disabled:!e,id:"shape-font-size",showSpinButton:!1,value:String(m),prefix:M(g,{icon:"font-size"})})}),M(z,{label:"Alignment",editor:ye(A,{disabled:!e,children:[M(s,{disabled:!e,className:"k-group-start",icon:"align-left",selected:u==="left","aria-label":"Align Left"}),M(s,{disabled:!e,icon:"align-center",selected:u==="center","aria-label":"Align Center"}),M(s,{disabled:!e,className:"k-group-end",icon:"align-right",selected:u==="right","aria-label":"Align Right"})]})})]}),M(z,{label:"Format",editor:ye("div",{className:"k-imageeditor-controls",children:[M(s,{disabled:!e,icon:"bold","aria-label":"Bold"}),M(s,{disabled:!e,icon:"italic","aria-label":"Italic"}),M(s,{disabled:!e,icon:"underline","aria-label":"Underline"}),M(s,{disabled:!e,icon:"strikethrough","aria-label":"Strikethrough"}),M(s,{disabled:!e,icon:"convert-uppercase","aria-label":"Uppercase"}),M(s,{disabled:!e,icon:"convert-lowercase","aria-label":"Lowercase"})]})}),ye(xe,{layout:"grid",cols:2,gutters:{cols:"16px"},children:[M(z,{label:"Align Horizontal",editor:ye(A,{disabled:!e,children:[M(s,{disabled:!e,className:"k-group-start",icon:"align-items-start","aria-label":"Align Left"}),M(s,{disabled:!e,icon:"align-items-center","aria-label":"Align Center"}),M(s,{disabled:!e,className:"k-group-end",icon:"align-items-end","aria-label":"Align Right"})]})}),M(z,{label:"Align Vertical",editor:ye(A,{disabled:!e,children:[M(s,{disabled:!e,className:"k-group-start",icon:"align-items-start-alt","aria-label":"Align Top"}),M(s,{disabled:!e,icon:"align-items-center-alt","aria-label":"Align Middle"}),M(s,{disabled:!e,className:"k-group-end",icon:"align-items-end-alt","aria-label":"Align Bottom"})]})})]}),M(z,{label:"Rotation",editor:ye("div",{className:"k-imageeditor-field-row",children:[M(H,{disabled:!e,style:{flex:1},"aria-label":"Rotation",showButtons:!1,showTicks:!1,value:0,min:0,max:360}),M(P,{disabled:!e,style:{width:"80px",flex:"none"},"aria-label":"Rotation angle",showClearButton:!1,showSpinButton:!1,separators:!1,value:"0",suffix:M(It,{children:"\xB0"})})]})}),ye(xe,{layout:"grid",cols:2,gutters:{cols:"16px"},children:[M(z,{label:"Rotate Options",editor:ye("div",{className:"k-imageeditor-controls",children:[M(s,{disabled:!e,icon:"rotate-right","aria-label":"Rotate Right"}),M(s,{disabled:!e,icon:"rotate-left","aria-label":"Rotate Left"})]})}),M(z,{label:"Flip Options",editor:ye("div",{className:"k-imageeditor-controls",children:[M(s,{disabled:!e,icon:"flip-horizontal","aria-label":"Flip Horizontal"}),M(s,{disabled:!e,icon:"flip-vertical","aria-label":"Flip Vertical"})]})})]})]})]}),children:M("canvas",{width:"494",height:"307",role:"img","aria-label":"Image being edited",style:{backgroundImage:"url('/packages/html/assets/sofia.jpg')",backgroundSize:"cover"}}),...x}),aY=KN;export{KN as ImageEditorInsertShape,aY as default};
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"}),C=(e,t)=>{let{valid:o,invalid:a,hover:i,focus:s,checked:d,active:m,selected:c,disabled:b,indeterminate:x,loading:v,empty:u,readonly:L,highlighted:S,...k}=t;return r({"k-valid":o,"k-invalid":a,"k-hover":i,"k-focus":s,"k-checked":d,"k-active":m,"k-selected":c,"k-disabled":b,"k-indeterminate":x&&!d,"k-loading":v,"k-empty":u,"k-readonly":L,"k-highlighted":S},Object.keys(k).reduce((E,M)=>(M.startsWith("k-")?E[M]=k[M]:E[`k-${M}`]=k[M],E),{}))};function xs(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var p={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},f={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},h={undefined:void 0,solid:"solid",tint:"tint",flat:"flat",outline:"outline",clear:"clear",link:"link"},Lt={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},I={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},n={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};var pr={};function T(e){return pr[e]=(pr[e]\|\|0)+1,`k-${e}-${pr[e]}`}import{Fragment as Jp,jsx as hs}from"react/jsx-runtime";var mr="k-font-icon",Vp=[],Xp={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[I.undefined,I.base,I.primary,I.secondary,I.tertiary,I.success,I.warning,I.error,I.info]},Wp={},Pa=e=>{let{size:t,themeColor:o,icon:a,rotate:i,flip:s,...d}=e;return a?hs("span",{...d,className:r(e.className,mr,y(mr,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":s==="h"\|\|s==="both","k-flip-v":s==="v"\|\|s==="both"}),"aria-hidden":"true"}):hs(Jp,{})};Pa.states=Vp;Pa.options=Xp;Pa.className=mr;Pa.defaultOptions=Wp;var Ns=Pa;import{Fragment as Zp,jsx as bi}from"react/jsx-runtime";var cr="k-svg-icon",qp=[],Yp={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[I.undefined,I.base,I.primary,I.secondary,I.tertiary,I.success,I.warning,I.error,I.info],variant:[Lt.outline,Lt.solid,Lt.duotone]},ur={viewBox:"0 0 24 24",variant:Lt.outline},wa=e=>{let{size:t,themeColor:o,rotate:a,flip:i,viewBox:s=ur.viewBox,variant:d=ur.variant,icon:m,...c}=e;if(!m)return bi(Zp,{});if(m==="none")return bi("span",{...c,className:r(e.className,cr,y("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof m=="object"&&m.name&&m.name,x=typeof m=="object"?d&&m.variants?.[d]\|\|m.variants?.outline\|\|m.content:void 0;return bi("span",{...c,className:r(e.className,cr,y("k-icon",{size:t}),{[`k-svg-i-${b}`]:b,[`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:bi("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:s,dangerouslySetInnerHTML:x!==void 0?{__html:x}:void 0,children:m?void 0:e.children})})};wa.states=qp;wa.options=Yp;wa.className=cr;wa.defaultOptions=ur;var fr=wa;importas br from"@progress/kendo-svg-icons";var gs="icon",vs="icons";import{useContext as jp}from"react";import{createContext as Qp}from"react";var Ls=Qp({iconsType:"svg"});import{Fragment as Is,jsx as Ka}from"react/jsx-runtime";var xi="k-icon",em=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),tm=[],om={size:[p.undefined,p.xsmall,p.small,p.medium,p.large,p.xlarge,p.xxlarge,p.xxxlarge],themeColor:[I.undefined,I.base,I.primary,I.secondary,I.tertiary,I.success,I.warning,I.error,I.info],variant:[Lt.outline,Lt.solid,Lt.duotone]},hi={viewBox:"0 0 24 24",type:"svg",variant:Lt.outline},N=e=>{let{iconsType:t}=jp(Ls),{size:o,themeColor:a,icon:i,type:s=t\|\|hi.type,rotate:d,flip:m,viewBox:c=hi.viewBox,variant:b=hi.variant,...x}=e;if(!i)return Ka(Is,{});if((t\|\|s)==="svg"){if(i==="none")return Ka(fr,{...x,className:r(e.className,xi),icon:i,size:o,variant:b});let u=br[i]?i:em(`${i}-icon`);return br[u]?Ka(fr,{...x,className:r(e.className,xi),icon:br[u],size:o,themeColor:a,rotate:d,flip:m,viewBox:c,variant:b}):Ka(Is,{})}return Ka(Ns,{...x,className:r(e.className,xi),icon:i,size:o,themeColor:a,rotate:d,flip:m})};N.states=tm;N.options=om;N.defaultOptions=hi;N.className=xi;N.moduleName=gs;N.folderName=vs;var xr="button",Ss=xr;import{Fragment as hr,jsx as Xt,jsxs as ks}from"react/jsx-runtime";var Da="k-button",am=["icon-button"],im=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],rm={size:[p.undefined,p.xsmall,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[I.undefined,I.base,I.primary,I.secondary,I.tertiary,I.success,I.warning,I.error,I.info,I.inverse]},Nr={showArrow:!1,arrowIconName:"chevron-down"},l=e=>{let{as:t="button",size:o,rounded:a,fillMode:i,themeColor:s,showArrow:d=Nr.showArrow,arrowIconName:m=Nr.arrowIconName,variant:c,hover:b,focus:x,active:v,selected:u,disabled:L,togglable:S,ariaDisabled:k,icon:E,endIcon:M,iconSize:B,text:K,iconClassName:Z,className:ae,...ie}=e,ue=E!=null,lo=e.children!==void 0;return ks(t,{className:r(ae,Da,xs(Da,c),y(Da,{size:o,rounded:a,fillMode:i,themeColor:s}),C(Da,{hover:b,focus:x,active:v,disabled:L\|\|k,selected:u}),{"k-icon-button":!K&&!lo&&ue}),"aria-pressed":S?u?"true":"false":void 0,...ie,"aria-disabled":k?"true":void 0,disabled:L\|\|void 0,children:[typeof E=="string"&&E&&Xt(N,{className:r(Z,"k-button-icon"),icon:E,size:B}),E&&typeof E!="string"&&Xt(hr,{children:E}),K?ks(hr,{children:[K&&Xt("span",{className:"k-button-text",children:K}),e.children]}):e.children&&Xt("span",{className:"k-button-text",children:e.children}),typeof M=="string"&&M&&Xt(N,{className:r(Z,"k-button-icon"),icon:M,size:B}),M&&typeof M!="string"&&Xt(hr,{children:M}),d&&Xt("span",{className:"k-menu-button-arrow k-button-arrow",children:Xt(N,{icon:m})})]})};l.states=im;l.options=rm;l.variants=am;l.className=Da;l.defaultOptions=Nr;l.moduleName=xr;l.folderName=Ss;import{jsx as nm}from"react/jsx-runtime";var Kt=e=>nm(l,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as sm}from"react/jsx-runtime";var _a=e=>sm(l,{icon:"folder",children:"Button",...e});import{jsx as Bv}from"react/jsx-runtime";import{jsx as lm}from"react/jsx-runtime";var It=e=>lm(l,{children:"Button",...e});import{jsx as gr}from"react/jsx-runtime";var dm=l.options,pm=l.states,mm={...l.defaultOptions,variant:"text"},cm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],um=[],Ao=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return gr(Kt,{...o,icon:"star"});case"icon-and-text":return gr(_a,{...o,icon:"star",children:"Button"});default:return gr(It,{...o,children:"Button"})}};Ao.options=dm;Ao.states=pm;Ao.variants=cm;Ao.defaultOptions=mm;Ao.modifiers=um;Ao.className=l.className;var vr="button",Es=vr;import{jsx as hm}from"react/jsx-runtime";var za="k-button-group",fm=[n.disabled],bm={fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},xm={},O=e=>{let{fillMode:t,disabled:o,stretched:a,...i}=e;return hm("div",{role:"group",...i,className:r(e.className,za,y(za,{fillMode:t}),C(za,{disabled:o}),{[`${za}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};O.states=fm;O.options=bm;O.className=za;O.defaultOptions=xm;O.moduleName=vr;O.folderName=Es;import{Fragment as nL,jsx as rL,jsxs as sL}from"react/jsx-runtime";import{Fragment as uL,jsx as cL,jsxs as fL}from"react/jsx-runtime";import{Fragment as vL,jsx as gL,jsxs as LL}from"react/jsx-runtime";import{Fragment as CL,jsx as ML,jsxs as yL}from"react/jsx-runtime";import{Fragment as PL,jsx as RL,jsxs as wL}from"react/jsx-runtime";import{Fragment as FL,jsx as HL,jsxs as UL}from"react/jsx-runtime";import{Fragment as JL,jsx as WL,jsxs as qL}from"react/jsx-runtime";import{jsx as Dt,jsxs as Lr}from"react/jsx-runtime";var Nm={...l.options,...O.options},gm=l.states,vm={...l.defaultOptions,...O.defaultOptions,variant:"text-button"},Lm=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Im=[],To=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Lr(O,{fillMode:a.fillMode,className:o,children:[Dt(l,{...a,icon:"star"}),Dt(l,{...a,icon:"star"}),Dt(l,{...a,icon:"star"})]}):t==="icon-text-button"?Lr(O,{fillMode:a.fillMode,className:o,children:[Dt(l,{...a,icon:"star",children:"First"}),Dt(l,{...a,icon:"star",children:"Middle"}),Dt(l,{...a,icon:"star",children:"Last"})]}):Lr(O,{fillMode:a.fillMode,className:o,children:[Dt(l,{...a,children:"First"}),Dt(l,{...a,children:"Middle"}),Dt(l,{...a,children:"Last"})]})};To.options=Nm;To.states=gm;To.variants=Lm;To.defaultOptions=vm;To.modifiers=Im;To.className=O.className;var Ha="input",Ni=Ha;import{jsx as Mm}from"react/jsx-runtime";var gi="k-input",Sm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],km={size:[p.undefined,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Em={},X=e=>{let{hover:t,focus:o,disabled:a,invalid:i,valid:s,loading:d,readonly:m,size:c,rounded:b,fillMode:x,...v}=e;return Mm("span",{...v,className:r(e.className,gi,y(gi,{size:c,rounded:b,fillMode:x}),C(gi,{hover:t,focus:o,disabled:a,invalid:i,valid:s,loading:d,readonly:m}))})};X.states=Sm;X.options=km;X.className=gi;X.defaultOptions=Em;X.moduleName=Ha;X.folderName=Ni;import{jsx as Tm}from"react/jsx-runtime";var vi="k-picker",Cm=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],ym={size:[p.undefined,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Am={},St=e=>{let{hover:t,focus:o,disabled:a,invalid:i,valid:s,loading:d,readonly:m,size:c,rounded:b,fillMode:x,...v}=e;return Tm("span",{...v,className:r(e.className,vi,y(vi,{size:c,rounded:b,fillMode:x}),C(vi,{hover:t,focus:o,disabled:a,invalid:i,valid:s,loading:d,readonly:m})),children:e.children})};St.states=Cm;St.options=ym;St.className=vi;St.defaultOptions=Am;St.moduleName=Ha;St.folderName=Ni;import{Fragment as Rm,jsx as Ir}from"react/jsx-runtime";var Ms="k-clear-value",Om=[n.disabled,n.loading,n.readonly],Bm={},fe=e=>{let{disabled:t,loading:o,readonly:a,value:i}=e;return t\|\|a\|\|o\|\|!i?Ir(Rm,{}):Ir("span",{className:r(e.className,Ms),children:Ir(N,{icon:"x"})})};fe.states=Om;fe.options=Bm;fe.className=Ms;import{jsx as Km}from"react/jsx-runtime";var Sr="k-input-inner",Pm=[],wm={},Li={type:"text",autocomplete:"off",value:"",placeholder:""},be=e=>{let{value:t=Li.value,type:o=Li.type,placeholder:a=Li.placeholder,autocomplete:i=Li.autocomplete,disabled:s,readOnly:d,...m}=e;return Km("input",{...m,type:o,className:r(e.className,Sr,y(Sr,e)),placeholder:a,autoComplete:i,defaultValue:t,disabled:s\|\|void 0,readOnly:d\|\|void 0})};be.states=Pm;be.options=wm;be.className=Sr;import{jsx as Cs,jsxs as zm}from"react/jsx-runtime";var kr="k-input-inner",Dm=[],_m={},po=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:i,valueIconName:s,...d}=e;return zm("span",{...d,className:r(e.className,kr,y(kr,e)),children:[i,!i&&s&&Cs(N,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&Cs("span",{className:"k-input-value-text",children:t})]})};po.states=Dm;po.options=_m;po.className=kr;import{jsx as Um}from"react/jsx-runtime";var Er="k-input-inner",Hm=[],Fm={},ys={value:"",placeholder:""},Fa=e=>{let{value:t=ys.value,placeholder:o=ys.placeholder,rows:a,disabled:i,...s}=e;return Um("textarea",{...s,className:r(e.className,Er,y(Er,e)),placeholder:o,rows:a,defaultValue:t,disabled:i\|\|void 0})};Fa.states=Hm;Fa.options=Fm;Fa.className=Er;import{Fragment as $m,jsx as As}from"react/jsx-runtime";var Ts="k-input-loading-icon",Gm=[n.disabled,n.loading],re=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?As($m,{}):As("span",{className:r(e.className,Ts,"k-icon k-i-loading")})};re.states=Gm;re.className=Ts;import{Fragment as Wm,jsx as Os}from"react/jsx-runtime";var Bs="k-input-validation-icon",Vm=[n.valid,n.invalid,n.disabled,n.loading],Xm={},ee=e=>{let{valid:t,invalid:o,disabled:a,loading:i}=e,s=o?"warning-circle":"check-circle";return a\|\|i\|\|!!!(t\|\|o)?Os(Wm,{}):Os(N,{className:r(Bs),icon:s})};ee.states=Vm;ee.options=Xm;ee.className=Bs;import{Fragment as Ym,jsx as Rs}from"react/jsx-runtime";var Jm="k-input-prefix",qm={direction:"horizontal"},ve=e=>{let{direction:t=qm.direction,...o}=e;return e.children?Rs("span",{...o,className:r(Jm,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Rs(Ym,{})};import{Fragment as jm,jsx as Ps}from"react/jsx-runtime";var Zm="k-input-suffix",Qm={direction:"horizontal"},Le=e=>{let{direction:t=Qm.direction,...o}=e;return e.children?Ps("span",{...o,className:r(Zm,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ps(jm,{})};import{jsx as YI}from"react/jsx-runtime";import{jsx as tc}from"react/jsx-runtime";var ec="k-input-suffix-text",kt=e=>{let{children:t,...o}=e;return tc("span",{...o,className:r(ec,e.className),children:t})};import{jsx as ac}from"react/jsx-runtime";var ws="k-input-separator",oc={direction:"vertical"},te=e=>{let{direction:t=oc.direction,...o}=e;return ac("span",{...o,className:r(ws,e.className,{[`${ws}-${t}`]:t})})};import{Fragment as Ks,jsx as Et,jsxs as Mr}from"react/jsx-runtime";var ic=X.states,rc=X.defaultOptions,nc=X.options,sc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],lc=[],Oo=e=>{let{modifiers:t,valid:o,invalid:a,loading:i,disabled:s,readonly:d,...m}=e,c=t?.prefix,b=t?.suffix,x=t?.["clear-button"],v=t?.["validation-icon"],u=t?.separators;return Mr(X,{...m,valid:o,invalid:a,loading:i,disabled:s,readonly:d,style:{width:300},children:[c&&Mr(Ks,{children:[Et(ve,{children:Et(N,{icon:"lock"})}),u&&Et(te,{})]}),Et(be,{placeholder:"Placeholder",value:"Value"}),v&&Et(ee,{valid:o,invalid:a,loading:i,disabled:s}),Et(re,{loading:i,disabled:s}),x&&Et(fe,{loading:i,disabled:s,readonly:d,value:"Value"}),b&&Mr(Ks,{children:[u&&Et(te,{}),Et(Le,{children:Et(It,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};Oo.options=nc;Oo.states=ic;Oo.variants=lc;Oo.defaultOptions=rc;Oo.modifiers=sc;Oo.className=X.className;import{jsx as Ds,jsxs as mc}from"react/jsx-runtime";var _s="k-color-preview",dc=[],pc={},Wt=e=>{let{color:t,iconName:o,...a}=e;return mc("span",{...a,className:r(e.className,_s,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Ds(N,{icon:o,className:"k-color-preview-icon"}),Ds("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Wt.states=dc;Wt.options=pc;Wt.className=_s;var Cr="popup",zs=Cr;import{jsx as Hs}from"react/jsx-runtime";var Fs="k-animation-container",cc=[],uc={},yr={positionMode:"absolute",shown:!0},Mt=e=>{let{positionMode:t=yr.positionMode,shown:o=yr.shown,animationStyle:a,offset:i,...s}=e;return Hs("div",{...s,style:{...i,...e.style},className:r(e.className,Fs,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:Hs("div",{className:"k-child-animation-container",style:a,children:e.children})})};Mt.states=cc;Mt.options=uc;Mt.className=Fs;Mt.defaultOptions=yr;Mt.moduleName=Cr;Mt.folderName=zs;var Ar="popup",Us=Ar;import{jsx as Gs}from"react/jsx-runtime";var $s="k-popup",fc=[],bc={},Vs={positionMode:"absolute"},q=e=>{let{offset:t,positionMode:o=Vs.positionMode,animationStyle:a,containerClassName:i,containerRole:s,containerAriaLabel:d,...m}=e;return Gs(Mt,{positionMode:o,offset:t,animationStyle:a,className:i,role:s,"aria-label":d,children:Gs("div",{...m,className:r(e.className,$s),children:e.children})})};q.states=fc;q.options=bc;q.className=$s;q.defaultOptions=Vs;q.moduleName=Ar;q.folderName=Us;var Tr="action-buttons",Xs=Tr;import{jsx as Nc}from"react/jsx-runtime";var Ii="k-actions",xc=[],hc={},Or={alignment:"start",orientation:"horizontal"},$e=e=>{let{alignment:t=Or.alignment,orientation:o=Or.orientation,...a}=e;return Nc("div",{...a,className:r(Ii,{[`${Ii}-${t}`]:t,[`${Ii}-${o}`]:o},e.className),children:e.children})};$e.states=xc;$e.options=hc;$e.className=Ii;$e.defaultOptions=Or;$e.moduleName=Tr;$e.folderName=Xs;var Ws=$e;import{jsx as vc}from"react/jsx-runtime";var gc="k-actionsheet-footer",Js={alignment:"stretched",orientation:"horizontal"},Jt=e=>{let{alignment:t=Js.alignment,orientation:o=Js.orientation,template:a,as:i=a?"div":$e,...s}=e;return vc(i,{...s,...!a&&{alignment:t,orientation:o},className:r(e.className,gc),children:e.children})};var Br="searchbox",qs=Br;import{jsx as Ua,jsxs as Sc}from"react/jsx-runtime";var Ys="k-searchbox",Lc=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],Ic={size:[p.undefined,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Si={showIcon:!0,showClearButton:!0,icon:"search"},je=e=>{let{value:t,placeholder:o,size:a,rounded:i,fillMode:s,hover:d,focus:m,valid:c,invalid:b,required:x,loading:v,disabled:u,showIcon:L=Si.showIcon,showClearButton:S=Si.showClearButton,icon:k=Si.icon,"aria-label":E,...M}=e;return Sc(X,{...M,size:a,rounded:i,fillMode:s,hover:d,focus:m,valid:c,invalid:b,required:x,loading:v,disabled:u,className:r(e.className,Ys),children:[L&&Ua(N,{className:"k-input-icon",icon:k}),Ua(be,{placeholder:o,value:t,"aria-label":E}),Ua(re,{...e}),Ua(ee,{...e}),S&&Ua(fe,{...e})]})};je.states=Lc;je.options=Ic;je.className=Ys;je.defaultOptions=Si;je.moduleName=Br;je.folderName=qs;import{jsx as Lk}from"react/jsx-runtime";var Rr="textbox",Zs=Rr;import{Fragment as Qs,jsx as qt,jsxs as Pr}from"react/jsx-runtime";var js="k-textbox",kc=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Ec={size:[p.undefined,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},ki={showClearButton:!0,showValidationIcon:!0,separators:!0},G=e=>{let{size:t,rounded:o,fillMode:a,separators:i=ki.separators,showClearButton:s=ki.showClearButton,showValidationIcon:d=ki.showValidationIcon,prefix:m,suffix:c,type:b,value:x,placeholder:v,hover:u,focus:L,valid:S,invalid:k,required:E,loading:M,disabled:B,readonly:K,id:Z,"aria-label":ae,"aria-describedby":ie,...ue}=e;return Pr(X,{...ue,size:t,rounded:o,fillMode:a,hover:u,focus:L,valid:S,invalid:k,required:E,loading:M,disabled:B,readonly:K,className:r(e.className,js),children:[m&&Pr(Qs,{children:[qt(ve,{children:m}),i&&qt(te,{})]}),qt(be,{id:Z,placeholder:v,value:x,type:b,disabled:B,"aria-label":ae,"aria-describedby":ie,"aria-invalid":k?"true":void 0}),d&&qt(ee,{valid:S,invalid:k,loading:M,disabled:B}),qt(re,{loading:M,disabled:B}),s&&qt(fe,{loading:M,disabled:B,readonly:K,value:x}),c&&Pr(Qs,{children:[i&&qt(te,{}),qt(Le,{children:c})]})]})};G.states=kc;G.options=Ec;G.className=js;G.defaultOptions=ki;G.moduleName=Rr;G.folderName=Zs;var Ga=G;import{jsx as Mc}from"react/jsx-runtime";var el=e=>Mc(Ga,{...e});import{Fragment as zk,jsx as _k}from"react/jsx-runtime";import{Fragment as Vk,jsx as $k}from"react/jsx-runtime";import{jsx as qk}from"react/jsx-runtime";import{jsx as wr}from"react/jsx-runtime";var Cc=G.states,yc=G.defaultOptions,Ac=G.options,Tc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Oc=[],Bo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?wr(N,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[i]?wr(It,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[i];break;default:break}}),wr(el,{value:"Value",style:{width:300},...o,...a})};Bo.options=Ac;Bo.states=Cc;Bo.variants=Oc;Bo.defaultOptions=yc;Bo.modifiers=Tc;Bo.className=G.className;import{jsx as Yt,jsxs as Kr}from"react/jsx-runtime";var tl="k-actionsheet-titlebar",Bc={},Ee=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:i,filter:s,input:d,inputValue:m,inputPlaceholder:c,adaptive:b,titleId:x,children:v,...u}=e;return Kr("div",{...u,className:r(e.className,tl),children:[Kr("div",{className:"k-actionsheet-titlebar-group",children:[a&&Yt("div",{className:"k-actionsheet-actions",children:a}),!v&&Kr("div",{className:"k-actionsheet-title",id:x,children:[t&&Yt("div",{className:"k-text-center",children:t}),o&&Yt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),v&&Yt("div",{className:"k-actionsheet-title",id:x,children:v}),i&&Yt("div",{className:"k-actionsheet-actions",children:i})]}),(d\|\|s)&&Yt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?Yt(G,{value:m,placeholder:c,size:b?"large":"medium","aria-label":t\|\|c\|\|"Input"}):Yt(je,{placeholder:"Filter",size:b?"large":"medium","aria-label":"Filter options"})})]})};Ee.className=tl;Ee.defaultOptions=Bc;import{jsx as Dr,jsxs as Kc}from"react/jsx-runtime";var _r="k-actionsheet-view",Rc=[],Pc={},wc={},Ro=e=>{let{adaptive:t,animated:o,children:a,header:i,footer:s,titleId:d,...m}=e,c=i?.type===Ee&&Dr(Ee,{adaptive:t,titleId:d,...i?.props}),b=s?.type===Jt&&Dr(Jt,{...s?.props});return Kc("div",{...m,className:r(e.className,_r,{[`${_r}-animated`]:o}),children:[c,Dr("div",{className:"k-actionsheet-content",children:a}),b]})};Ro.states=Rc;Ro.options=Pc;Ro.className=_r;Ro.defaultOptions=wc;var $a="action-sheet",Ei=$a;var zr="overlay",ol=zr;import{jsx as Hc}from"react/jsx-runtime";var al="k-overlay",Dc=[],_c={},zc={},xt=e=>{let{...t}=e;return Hc("div",{...t,className:r(e.className,al),children:e.children})};xt.states=Dc;xt.options=_c;xt.className=al;xt.defaultOptions=zc;xt.moduleName=zr;xt.folderName=ol;var il=xt;import{jsx as Mi,jsxs as Gc}from"react/jsx-runtime";var rl="k-actionsheet",Fc=[],Uc={},Va={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Q=e=>{let{side:t=Va.side,fullscreen:o=Va.fullscreen,adaptive:a=Va.adaptive,overlay:i=Va.overlay,template:s,children:d,header:m,footer:c,id:b,...x}=e,v=b&&!s&&m?`${b}-title`:void 0;return Gc("div",{className:"k-actionsheet-container",children:[i&&Mi(xt,{}),Mi(Mt,{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:Mi("div",{...x,id:b,role:"dialog","aria-modal":i?"true":void 0,"aria-labelledby":v,className:r(e.className,rl,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s\|\|Mi(Ro,{header:m,footer:c,adaptive:a,titleId:v,...e,children:d})})})]})};Q.states=Fc;Q.options=Uc;Q.className=rl;Q.defaultOptions=Va;Q.moduleName=$a;Q.folderName=Ei;import{jsx as Wc}from"react/jsx-runtime";var nl="k-actionsheet-container",$c=[],Vc={},Xc={},Po=e=>{let{children:t,...o}=e;return Wc("div",{...o,className:nl,children:t})};Po.states=$c;Po.options=Vc;Po.className=nl;Po.defaultOptions=Xc;Po.moduleName=$a;Po.folderName=Ei;import{jsx as Jc}from"react/jsx-runtime";var Hr=e=>{let{...t}=e;return Jc("div",{...t,className:r(e.className,"k-list-ul"),children:e.children})};import{Fragment as Yc,jsx as Xa,jsxs as Fr}from"react/jsx-runtime";var Ur="k-actionsheet-item",qc=[n.hover,n.focus,n.selected,n.disabled],Zt=e=>{let{iconName:t,text:o,description:a,hover:i,focus:s,selected:d,disabled:m,...c}=e;return Fr("span",{...c,className:r(e.className,Ur,C(Ur,{hover:i,focus:s,selected:d,disabled:m})),children:[!e.children&&Xa(Yc,{children:Fr("span",{className:"k-actionsheet-action",children:[t&&Xa("span",{className:"k-icon-wrap",children:Xa(N,{className:"k-actionsheet-item-icon",icon:t})}),Fr("span",{className:"k-actionsheet-item-text",children:[o&&Xa("span",{className:"k-actionsheet-item-title",children:o}),a&&Xa("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Zt.states=qc;Zt.className=Ur;import{jsx as JE,jsxs as qE}from"react/jsx-runtime";import{jsx as jE}from"react/jsx-runtime";import{jsx as aM}from"react/jsx-runtime";import{jsx as sM}from"react/jsx-runtime";import{jsx as Me,jsxs as Gr}from"react/jsx-runtime";var Zc=Q.options,Qc=Q.states,ll={...Q.defaultOptions,variant:"normal"},jc=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],eu=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],wo=e=>{let{variant:t,modifiers:o,...a}={...ll,...e},i={},s=Gr(Hr,{children:[Me(Zt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),Me(Zt,{text:"Add to Favorites",iconName:"heart"}),Me(Zt,{text:"Upload New",iconName:"upload",disabled:!0}),Me("hr",{className:"k-hr"}),Me(Zt,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",m="Select Item";return t==="fullScreen"&&(i.fullScreen=!0),Object.keys(o\|\|{}).forEach(c=>{switch(c){case"actions":i.actionsStart=!!o?.[c],i.actionsEnd=!!o?.[c];break;case"subtitle":i.subtitle=o?.[c]?d:void 0;break;case"footer":i.footer=!!o?.[c];break;default:break}}),t==="adaptive"?Me(Q,{...a,adaptive:!0,fullscreen:i.fullScreen,header:Me(Ee,{actionsStart:i.actionsStart?Me(l,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:i.actionsEnd?Me(l,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:i.subtitle}),footer:i.footer?Gr(Jt,{alignment:"stretched",children:[Me(l,{text:"Cancel",size:"large",themeColor:"base"}),Me(l,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):Me(Q,{...a,fullscreen:i.fullScreen,header:Me(Ee,{actionsStart:i.actionsStart?Me(l,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:i.actionsEnd?Me(l,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:i.subtitle}),footer:i.footer?Gr(Jt,{alignment:"stretched",children:[Me(l,{text:"Apply",themeColor:"primary"}),Me(l,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};wo.options=Zc;wo.states=Qc;wo.variants=jc;wo.defaultOptions=ll;wo.modifiers=eu;wo.className=Q.className;var $r="slider",dl=$r;import{jsx as Ko,jsxs as Vr}from"react/jsx-runtime";var Wa="k-slider",tu=[n.hover,n.focus,n.active,n.disabled,n.readonly],ou={},et={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},F=e=>{let{type:t=et.type,orientation:o=et.orientation,gradientType:a=et.gradientType,readonly:i=et.readonly,disabled:s=et.disabled,handlePosition:d=et.handlePosition,showButtons:m=et.showButtons,showTicks:c=et.showTicks,value:b=et.value,min:x=et.min,max:v=et.max,startValue:u,endValue:L,hover:S,focus:k,active:E,trackStyle:M,dir:B,...K}=e,ae=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),ie,ue;return o==="horizontal"?(ie=B==="rtl"?"chevron-left":"chevron-right",ue=B==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(ie="chevron-up",ue="chevron-down"),Vr("div",{...K,className:r(Wa,e.className,C(Wa,{readonly:i,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:B,children:[m&&Ko(l,{className:"k-button-decrease",rounded:"full",icon:ue,tabIndex:-1,title:"Decrease"}),Vr("div",{className:"k-slider-track-wrap",children:[c&&Ko("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Vr("div",{className:"k-slider-track",style:M,children:[Ko("div",{className:"k-slider-selection"}),t==="range"&&Ko("span",{className:r("k-draghandle","k-draghandle-start",C(Wa,{hover:S,focus:k,active:E})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":u??x,"aria-valuemin":x,"aria-valuemax":L??v,"aria-orientation":ae,"aria-disabled":s?"true":void 0,"aria-readonly":i?"true":void 0,"aria-label":K["aria-label"]?`${K["aria-label"]} start`:"Range start"}),Ko("span",{className:r("k-draghandle",`k-draghandle-${d}`,C(Wa,{hover:S,focus:k,active:E})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?L??v:b,"aria-valuemin":t==="range"?u??x:x,"aria-valuemax":v,"aria-orientation":ae,"aria-disabled":s?"true":void 0,"aria-readonly":i?"true":void 0,"aria-label":t==="range"?K["aria-label"]?`${K["aria-label"]} end`:"Range end":K["aria-label"]})]})]}),m&&Ko(l,{className:"k-button-increase",rounded:"full",icon:ie,tabIndex:-1,title:"Increase"})]})};F.states=tu;F.options=ou;F.className=Wa;F.defaultOptions=et;F.moduleName=$r;F.folderName=dl;import{jsx as pl}from"react/jsx-runtime";var ml="k-tick",au=[],iu={},cl={label:!1},R=e=>{let{style:t,label:o=cl.label,orientation:a,large:i,text:s,...d}=e;return pl("li",{...d,role:"presentation",title:s\|\|"Tick",className:r(e.className,ml,{[`k-tick-${a}`]:a,"k-tick-large":i}),style:t,children:o&&pl("span",{className:"k-label",children:s})})};R.states=au;R.options=iu;R.className=ml;R.defaultOptions=cl;import{Fragment as ru,jsx as tt,jsxs as nu}from"react/jsx-runtime";var ul=e=>tt(F,{"aria-label":e["aria-label"]\|\|"Slider",children:nu(ru,{children:[tt(R,{className:"k-first",label:!0,large:!0,text:"0"}),tt(R,{}),tt(R,{}),tt(R,{}),tt(R,{}),tt(R,{label:!0,large:!0,text:"5"}),tt(R,{}),tt(R,{}),tt(R,{}),tt(R,{}),tt(R,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as su,jsx as ot,jsxs as lu}from"react/jsx-runtime";var fl=e=>ot(F,{children:lu(su,{children:[ot(R,{className:"k-first",label:!0,large:!0,text:"0"}),ot(R,{}),ot(R,{}),ot(R,{}),ot(R,{}),ot(R,{label:!0,large:!0,text:"5"}),ot(R,{}),ot(R,{}),ot(R,{}),ot(R,{}),ot(R,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});import{Fragment as qM,jsx as JM,jsxs as YM}from"react/jsx-runtime";import{Fragment as tC,jsx as eC,jsxs as oC}from"react/jsx-runtime";import{jsx as du}from"react/jsx-runtime";var Xr=e=>du(F,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{jsx as pu}from"react/jsx-runtime";var Wr=e=>pu(F,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{Fragment as uC,jsx as cC,jsxs as fC}from"react/jsx-runtime";import{Fragment as gC,jsx as NC,jsxs as vC}from"react/jsx-runtime";import{jsx as Ct,jsxs as bl}from"react/jsx-runtime";var mu=F.options,cu=F.states,xl={...F.defaultOptions,variant:"horizontal",label:!0},uu=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],fu=[{name:"label",title:"Labels",default:!0},{name:"tick",title:"Ticks",default:!0},{name:"button",title:"Side Buttons",default:!0}],Do=e=>{let{variant:t,modifiers:o,...a}=e,i=xl.label,s={};Object.keys(o\|\|{}).forEach(m=>{switch(m){case"button":{s.showButtons=!!o?.[m];break}case"label":{i=!!o?.[m];break}case"tick":{s.showTicks=!!o?.[m];break}}});let d={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?bl(fl,{style:{height:"300px",...d},...a,...s,children:[Ct(R,{label:i,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),Ct(R,{label:i,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),Ct(R,{label:i,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),Ct(R,{label:i,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),Ct(R,{label:i,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):bl(ul,{style:{width:"400px",...d},...a,...s,children:[Ct(R,{label:i,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),Ct(R,{label:i,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),Ct(R,{label:i,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),Ct(R,{label:i,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),Ct(R,{label:i,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Do.options=mu;Do.states=cu;Do.variants=uu;Do.defaultOptions=xl;Do.modifiers=fu;Do.className=F.className;import{jsx as hl,jsxs as gu}from"react/jsx-runtime";var Nl="k-spin-button",hu=[],Nu={size:[p.undefined,p.small,p.medium,p.large],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},Jr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},yt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:i=Jr.increaseLabel,decreaseLabel:s=Jr.decreaseLabel,...d}=e;return gu("span",{...d,className:r(Nl,e.className),children:[hl(l,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":i}),hl(l,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};yt.states=hu;yt.options=Nu;yt.className=Nl;yt.defaultOptions=Jr;yt.moduleName=null;yt.folderName=null;var gl="numeric-textbox",vl="numerictextbox";import{Fragment as Ll,jsx as _t,jsxs as qr}from"react/jsx-runtime";var Il="k-numerictextbox",vu=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],Lu={size:[p.undefined,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Ci={showSpinButton:!0,showClearButton:!0,separators:!0},P=e=>{let{size:t,rounded:o,fillMode:a,separators:i=Ci.separators,showClearButton:s=Ci.showClearButton,showSpinButton:d=Ci.showSpinButton,prefix:m,suffix:c,value:b,placeholder:x,hover:v,focus:u,valid:L,invalid:S,required:k,loading:E,disabled:M,readonly:B,id:K,"aria-label":Z,"aria-describedby":ae,...ie}=e;return qr(X,{...ie,size:t,rounded:o,fillMode:a,hover:v,focus:u,valid:L,invalid:S,required:k,loading:E,disabled:M,readonly:B,className:r(e.className,Il),children:[m&&qr(Ll,{children:[_t(ve,{children:m}),i&&_t(te,{})]}),_t(be,{id:K,placeholder:x,value:b,role:"spinbutton",disabled:M,"aria-label":Z,"aria-describedby":ae,"aria-invalid":S?"true":void 0}),_t(ee,{valid:L,invalid:S,loading:E,disabled:M}),_t(re,{loading:E,disabled:M}),s&&_t(fe,{loading:E,disabled:M,readonly:B,value:b}),c&&qr(Ll,{children:[i&&_t(te,{}),_t(Le,{children:c})]}),d&&_t(yt,{className:"k-input-spinner",size:t,fillMode:a,disabled:M})]})};P.states=vu;P.options=Lu;P.className=Il;P.defaultOptions=Ci;P.moduleName=gl;P.folderName=vl;var Ja=P;import{jsx as Iu}from"react/jsx-runtime";var Sl=e=>Iu(Ja,{...e});import Zr from"react";import{jsx as kl}from"react/jsx-runtime";var Su="k-list-group-sticky-header",Yr=e=>kl("div",{className:r(Su,e.className),children:kl("div",{className:"k-list-header-text",children:e.children})});import{jsx as Eu}from"react/jsx-runtime";var ku="k-no-data",yi=e=>{let{live:t,...o}=e;return Eu("span",{...o,className:r(ku,e.className),"aria-live":t?"polite":void 0,children:e.children})};var mo="list",_o=mo;import{jsx as El,jsxs as Ml}from"react/jsx-runtime";var Qr="k-list",Mu=[],Cu={size:[p.undefined,p.small,p.medium,p.large]},yu={},w=e=>{let{size:t,virtualization:o,children:a,header:i,selectAll:s,optionLabel:d,customValue:m,noData:c,screenReaders:b,...x}=e,u=Zr.Children.toArray(a)[0],L=u?.props?.children?Zr.Children.count(u.props.children):Zr.Children.count(a);return Ml("div",{...x,className:r(e.className,Qr,y(Qr,{size:t}),{"k-virtual-list":o}),children:[d,s,m,i&&El(Yr,{children:i}),a\|\|(c!==void 0?c:El(yi,{live:!0,children:"No data found."})),b&&a&&Ml(yi,{className:"k-sr-only",live:!0,children:[L," items found."]})]})};w.states=Mu;w.options=Cu;w.className=Qr;w.defaultOptions=yu;w.moduleName=mo;w.folderName=_o;import{jsx as Bu}from"react/jsx-runtime";var Cl="k-list-container",Au=[],Tu={},Ou={},zo=e=>{let{...t}=e;return Bu("div",{...t,className:r(e.className,Cl),children:e.children})};zo.states=Au;zo.options=Tu;zo.className=Cl;zo.defaultOptions=Ou;zo.moduleName=mo;zo.folderName=_o;var co="checkbox",Ho=co;import{jsx as yl}from"react/jsx-runtime";var Ai="k-checkbox",Ru=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],Pu={size:[p.undefined,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full]},wu={},_e=e=>{let{id:t,checked:o,indeterminate:a,hover:i,focus:s,disabled:d,invalid:m,valid:c,required:b,size:x,rounded:v,wrapperRole:u,...L}=e;return yl("span",{className:"k-checkbox-wrap",role:u,children:yl("input",{...L,id:t,type:"checkbox",defaultChecked:o,required:b,disabled:d\|\|void 0,"aria-invalid":m?"true":void 0,className:r(e.className,Ai,y(Ai,{size:x,rounded:v}),C(Ai,{hover:i,focus:s,disabled:d,invalid:m,valid:c,indeterminate:a,checked:o}))})})};_e.states=Ru;_e.options=Pu;_e.className=Ai;_e.defaultOptions=wu;_e.moduleName=co;_e.folderName=Ho;var ht=_e;import{jsx as _u}from"react/jsx-runtime";var Al="k-checkbox-list",Ku=[],Du={},Tl={layout:"vertical"},Oe=e=>{let{layout:t=Tl.layout,...o}=e;return _u("ul",{...o,className:r(e.className,Al,{[`k-list-${t}`]:t}),children:e.children})};Oe.states=Ku;Oe.options=Du;Oe.className=Al;Oe.defaultOptions=Tl;Oe.moduleName=co;Oe.folderName=Ho;import{jsx as Uu}from"react/jsx-runtime";var Ol="k-checkbox-list-item",zu=[],Hu={},Fu={},Be=e=>{let{...t}=e;return Uu("li",{...t,className:r(e.className,Ol),children:e.children})};Be.states=zu;Be.options=Hu;Be.className=Ol;Be.defaultOptions=Fu;Be.moduleName=co;Be.folderName=Ho;import{Fragment as Gu,jsx as Bl,jsxs as $u}from"react/jsx-runtime";var Nt=({children:e="Label",id:t="cb-label-after",...o})=>$u(Gu,{children:[Bl(ht,{id:t,...o}),Bl("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as $y,jsx as Gy,jsxs as Vy}from"react/jsx-runtime";import{Fragment as Yy,jsx as qy,jsxs as Zy}from"react/jsx-runtime";import{Fragment as oA,jsx as tA,jsxs as aA}from"react/jsx-runtime";import{jsx as sA}from"react/jsx-runtime";import{jsx as mA}from"react/jsx-runtime";import{jsx as bA}from"react/jsx-runtime";import{jsx as at,jsxs as Rl}from"react/jsx-runtime";var Vu=Oe.options,Xu=Oe.states,Wu={...Oe.defaultOptions,variant:"vertical"},Ju=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],qu=[],Fo=e=>{let{variant:t,...o}=e;return t==="horizontal"?Rl(Oe,{layout:"horizontal",...o,children:[at(Be,{children:at(Nt,{id:T("cb"),defaultChecked:!0,children:"Label"})}),at(Be,{children:at(Nt,{id:T("cb"),children:"Label"})}),at(Be,{children:at(Nt,{id:T("cb"),children:"Label"})})]}):Rl(Oe,{...o,children:[at(Be,{children:at(Nt,{id:T("cb"),defaultChecked:!0,children:"Label"})}),at(Be,{children:at(Nt,{id:T("cb"),children:"Label"})}),at(Be,{children:at(Nt,{id:T("cb"),children:"Label"})})]})};Fo.options=Vu;Fo.states=Xu;Fo.variants=Ju;Fo.defaultOptions=Wu;Fo.modifiers=qu;Fo.className=Oe.className;import{jsx as tf}from"react/jsx-runtime";var Yu=ht.options,Zu=ht.states,Qu=ht.defaultOptions,ju=[],ef=[],Uo=e=>tf(Nt,{id:T("checkbox"),...e,defaultChecked:!0,children:"Label"});Uo.options=Yu;Uo.states=Zu;Uo.variants=ju;Uo.defaultOptions=Qu;Uo.modifiers=ef;Uo.className=ht.className;import{jsx as Go,jsxs as nf}from"react/jsx-runtime";var jr="k-list-item",of=[n.hover,n.focus,n.selected,n.disabled],af={},rf={},A=e=>{let{text:t,iconName:o,iconClassName:a,showCheckbox:i,checked:s,hover:d,focus:m,selected:c,disabled:b,actions:x,description:v,id:u,...L}=e,S=t\|\|e.children,k=t\|\|(typeof S=="string"?S:void 0);return nf("li",{...L,id:u,role:"option",tabIndex:m?0:-1,"aria-selected":c?"true":"false","aria-disabled":b?"true":void 0,className:r(e.className,jr,C(jr,{hover:d,focus:m,disabled:b,selected:c})),children:[i&&Go(_e,{checked:s,disabled:b,"aria-label":k,tabIndex:-1}),o&&Go("span",{className:"k-list-item-icon-wrapper",children:Go(N,{icon:o,className:r("k-list-item-icon",a)})}),Go("span",{className:"k-list-item-text",children:S}),x&&Go("div",{className:"k-list-item-actions",children:x}),v&&Go("span",{className:"k-list-item-description",children:v})]})};A.states=of;A.options=af;A.className=jr;A.defaultOptions=rf;A.moduleName=mo;A.folderName=_o;import{jsx as lf}from"react/jsx-runtime";var sf="k-list-ul",At=e=>{let{children:t,role:o,id:a,...i}=e;return lf("ul",{...i,id:a,role:o,className:r(sf,e.className),children:t})};import{jsx as en,jsxs as pf}from"react/jsx-runtime";var df="k-list-content",_=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":i,listboxId:s,...d}=e;return pf("div",{...d,className:r(df,e.className),role:o?"listbox":void 0,id:o?s:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?i:void 0,children:[o?e.children:en(At,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":i,children:e.children}),t&&en("div",{className:"k-height-container",children:en("div",{})})]})};import{jsx as tn,jsxs as ff}from"react/jsx-runtime";var Ti="k-list-sticky-header",mf=[n.hover,n.focus,n.selected],cf={},uf={},Oi=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:i,hover:s,focus:d,selected:m,...c}=e;return tn("div",{...c,className:r(Ti,e.className),children:ff("div",{className:r(`${Ti}-item`,C(`${Ti}-item`,{hover:s,focus:d,selected:m})),"aria-label":t,...!o&&{tabIndex:0,"aria-selected":m?"true":"false"},children:[o&&tn(_e,{checked:a,indeterminate:i,"aria-label":t}),tn("span",{className:"k-list-item-text",children:t})]})})};Oi.states=mf;Oi.options=cf;Oi.className=Ti;Oi.defaultOptions=uf;import{Fragment as dT,jsx as lT,jsxs as pT}from"react/jsx-runtime";import{jsx as bT,jsxs as xT}from"react/jsx-runtime";import{jsx as Nf}from"react/jsx-runtime";var on="k-list-optionlabel",bf=[n.hover,n.focus,n.selected,n.disabled],xf={},hf={},Bi=e=>{let{text:t,hover:o,focus:a,selected:i,disabled:s,...d}=e;return Nf("div",{...d,className:r(on,C(on,{hover:o,focus:a,selected:i,disabled:s})),children:t})};Bi.states=bf;Bi.options=xf;Bi.className=on;Bi.defaultOptions=hf;import{jsx as If}from"react/jsx-runtime";var an="k-list-custom-value",gf=[n.hover,n.focus,n.selected,n.disabled],vf={},Lf={},it=e=>{let{text:t,hover:o,focus:a,selected:i,disabled:s,...d}=e;return If("div",{...d,className:r(an,C(an,{hover:o,focus:a,selected:i,disabled:s})),children:t})};it.states=gf;it.options=vf;it.className=an;it.defaultOptions=Lf;import{Fragment as yT,jsx as CT,jsxs as AT}from"react/jsx-runtime";import{Fragment as wT,jsx as PT,jsxs as KT}from"react/jsx-runtime";import{Fragment as GT,jsx as FT,jsxs as UT}from"react/jsx-runtime";import{Fragment as YT,jsx as JT,jsxs as qT}from"react/jsx-runtime";import{jsx as eO}from"react/jsx-runtime";import{Fragment as nO,jsx as rO,jsxs as sO}from"react/jsx-runtime";import{Fragment as uO,jsx as cO,jsxs as fO}from"react/jsx-runtime";var Pl="dropdown-list",wl="dropdownlist";import{Fragment as Ef,jsx as Re,jsxs as rn}from"react/jsx-runtime";var Kl="k-dropdownlist",Sf=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],kf={size:[p.undefined,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},nn={showValue:!0,arrowIconName:"chevron-down"},W=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:i=nn.arrowIconName,showValue:s=nn.showValue,valueIconName:d,prefix:m,suffix:c,value:b,placeholder:x,hover:v,focus:u,valid:L,invalid:S,required:k,loading:E,disabled:M,readonly:B,popup:K,opened:Z,adaptive:ae,adaptiveSettings:ie,adaptiveTitle:ue,adaptiveSubtitle:lo,adaptiveFilter:vt,id:wt,activeDescendant:Vt,"aria-label":Oa,...Ba}=e,Ra=wt?`${wt}-listbox`:void 0,bs=wt?`${wt}-value`:void 0;return rn(Ef,{children:[rn(St,{...Ba,id:wt,size:t,rounded:o,fillMode:a,hover:v,focus:u,valid:L,invalid:S,required:k,loading:E,disabled:M,readonly:B,className:r(e.className,Kl,{"k-icon-picker":!s&&d}),role:"combobox","aria-haspopup":"listbox","aria-expanded":Z?"true":"false","aria-controls":Z?Ra:void 0,"aria-activedescendant":Z&&Vt?Vt:void 0,"aria-describedby":Z?bs:void 0,"aria-disabled":M?"true":void 0,"aria-label":Oa,tabIndex:0,children:[Re(ve,{children:m}),Re(po,{placeholder:x,value:b,showValue:s,valueIconName:d,id:bs}),Re(ee,{valid:L,invalid:S,loading:E,disabled:M}),Re(re,{loading:E,disabled:M}),Re(Le,{children:c}),Re(l,{className:"k-input-button",icon:i,size:e.size,fillMode:e.fillMode,"aria-label":x\|\|"Toggle dropdown",tabIndex:-1})]}),Z&&K&&Re(q,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:K}),ae&&Re(Q,{adaptive:!0,...ie,header:Re(Ee,{actionsEnd:Re(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:vt,inputValue:b,inputPlaceholder:x,title:ue,subtitle:lo}),children:Re("div",{className:"k-list-container",children:Re(w,{size:"large",children:rn(_,{"aria-label":"Options",children:[Re(A,{text:"List item"}),Re(A,{text:"List item"}),Re(A,{text:"List item"})]})})})})]})};W.states=Sf;W.options=kf;W.className=Kl;W.defaultOptions=nn;W.moduleName=Pl;W.folderName=wl;import{jsx as qO}from"react/jsx-runtime";import{jsx as tB,jsxs as oB}from"react/jsx-runtime";import{Fragment as mB,jsx as dB,jsxs as pB}from"react/jsx-runtime";import{jsx as xB}from"react/jsx-runtime";import{jsx as IB,jsxs as SB}from"react/jsx-runtime";import{Fragment as BB,jsx as TB,jsxs as OB}from"react/jsx-runtime";import{jsx as DB}from"react/jsx-runtime";import{Fragment as Of,jsx as Qt,jsxs as Dl}from"react/jsx-runtime";var Mf=W.states,Cf=W.defaultOptions,yf=W.options,Af=[{name:"opened",title:"Opened"}],Tf=[],Vo=e=>{let{modifiers:t,...o}=e,a={},i=Dl(Of,{children:[Qt("div",{className:"k-list-filter",children:Qt(je,{})}),Qt(w,{style:{width:300},size:o.size,children:Dl(_,{children:[Qt(A,{children:"List item"}),Qt(A,{children:"List item"}),Qt(A,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?i:void 0)}),Qt("div",{children:Qt(W,{placeholder:"Value",style:{width:300},...o,...a})})};Vo.options=yf;Vo.states=Mf;Vo.variants=Tf;Vo.defaultOptions=Cf;Vo.modifiers=Af;Vo.className=W.className;import{Fragment as rR,jsx as iR}from"react/jsx-runtime";import{Fragment as mR,jsx as pR}from"react/jsx-runtime";import{jsx as bR}from"react/jsx-runtime";import{jsx as sn}from"react/jsx-runtime";var Bf=P.states,Rf=P.defaultOptions,Pf=P.options,wf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Kf=[],Xo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?sn(W,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[i]?sn(kt,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[i];break;case"spin-button":a.showSpinButton=t?.[i];break;default:break}}),sn(Sl,{value:"Value",style:{width:300},...o,...a})};Xo.options=Pf;Xo.states=Bf;Xo.variants=Kf;Xo.defaultOptions=Rf;Xo.modifiers=wf;Xo.className=P.className;import{Fragment as qa,jsx as z,jsxs as ne}from"react/jsx-runtime";var _l="k-colorgradient-inputs",Df=[],_f={size:[p.undefined,p.small,p.medium,p.large]},zl={mode:"rgba"},Wo=e=>{let{mode:t=zl.mode,size:o,...a}=e;return ne("div",{...a,className:r(_l,"k-hstack"),children:[z("div",{className:"k-vstack",children:z(l,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&ne(qa,{children:[ne("div",{className:"k-vstack",children:[z(P,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),z("label",{className:"k-colorgradient-input-label",children:"R"})]}),ne("div",{className:"k-vstack",children:[z(P,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),z("label",{className:"k-colorgradient-input-label",children:"G"})]}),ne("div",{className:"k-vstack",children:[z(P,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),z("label",{className:"k-colorgradient-input-label",children:"B"})]}),ne("div",{className:"k-vstack",children:[z(P,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),z("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&ne(qa,{children:[ne("div",{className:"k-vstack",children:[z(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),z("label",{className:"k-colorgradient-input-label",children:"R"})]}),ne("div",{className:"k-vstack",children:[z(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),z("label",{className:"k-colorgradient-input-label",children:"G"})]}),ne("div",{className:"k-vstack",children:[z(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),z("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&ne(qa,{children:[ne("div",{className:"k-vstack",children:[z(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),z("label",{className:"k-colorgradient-input-label",children:"H"})]}),ne("div",{className:"k-vstack",children:[z(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),z("label",{className:"k-colorgradient-input-label",children:"S"})]}),ne("div",{className:"k-vstack",children:[z(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),z("label",{className:"k-colorgradient-input-label",children:"V"})]}),ne("div",{className:"k-vstack",children:[z(P,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),z("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&ne(qa,{children:[ne("div",{className:"k-vstack",children:[z(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),z("label",{className:"k-colorgradient-input-label",children:"H"})]}),ne("div",{className:"k-vstack",children:[z(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),z("label",{className:"k-colorgradient-input-label",children:"S"})]}),ne("div",{className:"k-vstack",children:[z(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),z("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&z(qa,{children:ne("div",{className:"k-vstack k-flex-1",children:[z(G,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),z("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Wo.states=Df;Wo.options=_f;Wo.className=_l;Wo.defaultOptions=zl;import{jsx as fo,jsxs as bo}from"react/jsx-runtime";var Hl="k-colorgradient-color-contrast",zf=[],Hf={},Ff={},Jo=()=>bo("div",{className:r(Hl,"k-vbox"),children:[bo("div",{className:"k-contrast-ratio",children:[fo("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),bo("span",{className:"k-contrast-validation !k-text-success",children:[fo(N,{icon:"check"}),fo(N,{icon:"check"})]})]}),bo("div",{children:[fo("span",{children:"AA: 4.5"}),bo("span",{className:"k-contrast-validation !k-text-success",children:["Pass",fo(N,{icon:"check"})]})]}),bo("div",{children:[fo("span",{children:"AAA: 7.0"}),bo("span",{className:"k-contrast-validation !k-text-error",children:["Fail",fo(N,{icon:"x"})]})]})]});Jo.states=zf;Jo.options=Hf;Jo.className=Hl;Jo.defaultOptions=Ff;var Fl="color-gradient",Ul="colorgradient";import{jsx as rt,jsxs as Ya}from"react/jsx-runtime";var Ri="k-colorgradient",Uf=[n.hover,n.focus,n.readonly,n.disabled],Gf={size:[p.undefined,p.small,p.medium,p.large]},Tt={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"},Ce=e=>{let{size:t,mode:o=Tt.mode,readonly:a=Tt.readonly,disabled:i=Tt.disabled,gradientStyle:s=Tt.gradientStyle,dragHandleStyle:d=Tt.dragHandleStyle,alphaStyle:m=Tt.alphaStyle,alphaStyleHorizontal:c=Tt.alphaStyleHorizontal,contrast:b=Tt.contrast,dir:x,hover:v,focus:u,hoverHandle:L,focusHandle:S,canvasOrientation:k=Tt.canvasOrientation,role:E,tabIndex:M,...B}=e;return Ya("div",{...B,role:E??"textbox","aria-label":E==="none"?void 0:"Color gradient",tabIndex:M??0,"aria-disabled":i?"true":void 0,className:r(e.className,Ri,y(Ri,{size:t}),C(Ri,{hover:v,focus:u,readonly:a,disabled:i})),dir:x,children:[!k\|\|k==="horizontal"&&Ya("div",{className:"k-colorgradient-canvas k-hstack",children:[rt("div",{className:"k-hsv-rectangle",style:s,children:rt("div",{className:"k-hsv-gradient",children:rt("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":S}),style:d,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Ya("div",{className:"k-hsv-controls k-hstack",children:[rt(Wr,{className:"k-hue-slider",hover:L,focus:S}),o!=="rgb"&&o!=="hsv"&&rt(Wr,{className:"k-alpha-slider",hover:L,focus:S,trackStyle:m})]})]}),k==="vertical"&&Ya("div",{className:"k-colorgradient-canvas k-vstack",children:[rt("div",{className:"k-hsv-rectangle",style:s,children:rt("div",{className:"k-hsv-gradient",children:rt("div",{className:r("k-hsv-draghandle","k-draghandle",{"k-hover":L,"k-focus":S}),style:d,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Ya("div",{className:"k-hsv-controls k-vstack",children:[rt(Xr,{className:"k-hue-slider",hover:L,focus:S}),o!=="rgb"&&o!=="hsv"&&rt(Xr,{className:"k-alpha-slider",hover:L,focus:S,trackStyle:c})]})]}),rt(Wo,{mode:e.mode,size:t}),b&&rt(Jo,{})]})};Ce.states=Uf;Ce.options=Gf;Ce.className=Ri;Ce.defaultOptions=Tt;Ce.moduleName=Fl;Ce.folderName=Ul;import{jsx as $f}from"react/jsx-runtime";var Pi=e=>$f(Ce,{...e});import{jsx as eP}from"react/jsx-runtime";import{jsx as iP}from"react/jsx-runtime";import{jsx as ln}from"react/jsx-runtime";var Vf=Ce.options,Xf=Ce.states,Wf={...Ce.defaultOptions,variant:"rgba"},Jf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],qf=[],qo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return ln(Pi,{...o,mode:t});case"rgb":return ln(Pi,{...o,mode:t});default:return ln(Pi,{...o,mode:t})}};qo.options=Vf;qo.states=Xf;qo.variants=Jf;qo.defaultOptions=Wf;qo.modifiers=qf;qo.className=Ce.className;import{jsx as Yf}from"react/jsx-runtime";var dn=e=>Yf("tr",{role:"row",children:e.children});import{jsx as jf}from"react/jsx-runtime";var pn="k-colorpalette-tile",Zf=[n.hover,n.focus,n.selected],Qf={},jt=e=>{let{color:t,tileSize:o,hover:a,focus:i,selected:s,...d}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return jf("td",{...d,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:r(e.className,pn,C(pn,{hover:a,focus:i,selected:s})),style:m})};jt.states=Zf;jt.options=Qf;jt.className=pn;jt.moduleName=null;jt.folderName=null;var Gl="color-palette",$l="colorpalette";import{jsx as Za}from"react/jsx-runtime";var wi="k-colorpalette",eb=[n.disabled],tb={size:[p.undefined,p.small,p.medium,p.large]},Vl={columns:10},ze=e=>{let{size:t,palette:o,columns:a=Vl.columns,tileSize:i,disabled:s,...d}=e,m=[];if(o){let c=a\|\|o.columns,b=o.colors?o.colors:o;Array.isArray(b)&&Array.from({length:Math.ceil(b.length/c)},(x,v)=>{let u=[];b.slice(vc,(v+1)*c).map((S,k)=>{u.push(Za(jt,{color:S,tileSize:i},k))});let L=Za(dn,{children:u},v);m.push(L)})}return Za("div",{...d,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:r(e.className,wi,C(wi,{disabled:s}),y(wi,{size:t})),children:Za("table",{className:"k-colorpalette-table",role:"none",children:Za("tbody",{children:m.length>0?m:e.children})})})};ze.states=eb;ze.options=tb;ze.className=wi;ze.defaultOptions=Vl;ze.moduleName=Gl;ze.folderName=$l;var Ki=ze;var Qa={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 ob}from"react/jsx-runtime";var Xl=e=>ob(Ki,{palette:Qa.basic,...e});import{jsx as zP}from"react/jsx-runtime";import{jsx as VP,jsxs as XP}from"react/jsx-runtime";import{jsx as db}from"react/jsx-runtime";var ab=ze.options,ib=ze.states,rb={...ze.defaultOptions,variant:"basic"},nb=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],sb={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}},lb=[],Yo=e=>{let{variant:t="basic",...o}=e,a=sb[t];return db(Xl,{columns:a.columns,palette:a,...o})};Yo.options=ab;Yo.states=ib;Yo.variants=nb;Yo.defaultOptions=rb;Yo.modifiers=lb;Yo.className=ze.className;var Wl="color-editor",Jl="coloreditor";import{jsx as nt,jsxs as Zo}from"react/jsx-runtime";var Di="k-coloreditor",pb=[n.focus],mb={size:[p.undefined,p.small,p.medium,p.large]},ja={view:"gradient",palette:Qa.office,actionButtons:!0,canvasOrientation:"horizontal"},se=e=>{let{size:t,view:o=ja.view,palette:a=ja.palette,color:i,currentColor:s,focus:d,focusView:m,dir:c,group:b,actionButtons:x=ja.actionButtons,canvasOrientation:v=ja.canvasOrientation,...u}=e;return Zo("div",{...u,role:"textbox","aria-label":"Color editor",tabIndex:0,className:r(e.className,"k-flatcolorpicker",Di,y(Di,{size:t}),C(Di,{focus:d})),dir:c,children:[Zo("div",{className:"k-coloreditor-header k-hstack",children:[nt("div",{className:"k-coloreditor-header-actions k-hstack",children:b&&Zo(O,{fillMode:"flat",children:[nt(l,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),nt(l,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),nt("div",{className:"k-spacer"}),Zo("div",{className:"k-coloreditor-header-actions k-hstack",children:[nt(l,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Zo("div",{className:"k-coloreditor-preview k-vstack",children:[nt(Wt,{className:"k-coloreditor-preview-color",color:i}),nt(Wt,{className:"k-coloreditor-current-color",color:s})]})]})]}),nt("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?nt(Ce,{focus:m,size:t,canvasOrientation:v,role:"none",tabIndex:-1}):nt(ze,{palette:a,size:t})}),x&&Zo($e,{className:"k-coloreditor-footer",alignment:"start",children:[nt(l,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),nt(l,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};se.states=pb;se.options=mb;se.className=Di;se.defaultOptions=ja;se.moduleName=Wl;se.folderName=Jl;var Qo=se;import{jsx as Lw}from"react/jsx-runtime";import{jsx as Ew}from"react/jsx-runtime";import{jsx as cb}from"react/jsx-runtime";var ql=e=>cb(Qo,{group:!0,currentColor:"fuchsia",...e});import{jsx as ub}from"react/jsx-runtime";var Yl=e=>ub(Qo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Zl}from"react/jsx-runtime";var fb=se.options,bb=se.states,xb={...se.defaultOptions,variant:"gradient"},hb=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Nb=[],jo=e=>{let{variant:t,...o}=e;return t==="palette"?Zl(Yl,{...o,color:"white"}):Zl(ql,{...o,color:"rgba(183, 118 , 118, 1.00)"})};jo.options=fb;jo.states=bb;jo.variants=hb;jo.defaultOptions=xb;jo.modifiers=Nb;jo.className=se.className;var Ql="color-picker",jl="colorpicker";import{Fragment as Lb,jsx as st,jsxs as mn}from"react/jsx-runtime";var ed="k-colorpicker",gb=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],vb={size:[p.undefined,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},td={arrowIconName:"chevron-down"},le=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:i=td.arrowIconName,prefix:s,suffix:d,value:m,placeholder:c,hover:b,focus:x,valid:v,invalid:u,required:L,disabled:S,valueIconName:k,popup:E,opened:M,adaptive:B,adaptiveSettings:K,adaptiveTitle:Z,adaptiveSubtitle:ae,...ie}=e,ue="colorpicker-popup";return mn(Lb,{children:[mn(St,{...ie,size:t,rounded:o,fillMode:a,hover:b,focus:x,valid:v,invalid:u,required:L,disabled:S,role:"combobox","aria-haspopup":"dialog","aria-expanded":M?"true":"false","aria-controls":M\|\|B?ue:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":S?"true":void 0,className:r(e.className,ed,"k-icon-picker"),children:[st(ve,{children:s}),st(po,{placeholder:c,value:m,showValue:!1,valueIcon:st(Wt,{className:"k-value-icon",color:m,iconName:k}),valueIconName:k}),st(Le,{children:d}),st(l,{className:"k-input-button",icon:i,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:S})]}),M&&E&&st(q,{id:ue,className:"k-colorpicker-popup",children:E}),B&&st(Q,{adaptive:!0,id:ue,...K,header:st(Ee,{actionsEnd:st(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:Z,subtitle:ae}),footer:mn(Jt,{children:[st(l,{text:"Cancel",size:"large"}),st(l,{text:"Set",size:"large",themeColor:"primary"})]}),children:st(se,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};le.states=gb;le.options=vb;le.className=ed;le.defaultOptions=td;le.moduleName=Ql;le.folderName=jl;var zt=le;import{jsx as Ib}from"react/jsx-runtime";var _i=e=>Ib(zt,{...e});import{jsx as l0}from"react/jsx-runtime";import{jsx as u0}from"react/jsx-runtime";import{jsx as h0}from"react/jsx-runtime";import{jsx as L0}from"react/jsx-runtime";import{jsx as E0}from"react/jsx-runtime";import{jsx as A0}from"react/jsx-runtime";import{jsx as xo}from"react/jsx-runtime";var Sb=zt.options,kb=zt.states,od={...zt.defaultOptions,variant:"color"},Eb=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Mb=[{name:"opened",title:"Opened"}],ea=e=>{let{variant:t,modifiers:o,...a}={...od,...e},i={};Object.keys(o\|\|{}).forEach(d=>{d==="opened"&&(i.opened=!!o?.[d],i.popup=o?.[d]?xo(se,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let s=i.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return xo("div",{style:s,children:xo(_i,{...a,...i})});case"icon":return xo("div",{style:s,children:xo(_i,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...i})});default:return xo("div",{style:s,children:xo(_i,{value:"rgba(183, 118 , 118, 1.00)",...a,...i})})}};ea.options=Sb;ea.states=kb;ea.variants=Eb;ea.defaultOptions=od;ea.modifiers=Mb;ea.className=zt.className;var cn="combobox",ad=cn;import{Fragment as un,jsx as xe,jsxs as ei}from"react/jsx-runtime";var id="k-combobox",Cb=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],yb={size:[p.undefined,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},fn={separators:!0,showClearButton:!0},Ie=e=>{let{size:t,rounded:o,fillMode:a,separators:i=fn.separators,showClearButton:s=fn.showClearButton,prefix:d,suffix:m,value:c,placeholder:b,hover:x,focus:v,valid:u,invalid:L,required:S,loading:k,disabled:E,popup:M,opened:B,readonly:K,adaptive:Z,adaptiveSettings:ae,adaptiveTitle:ie,adaptiveSubtitle:ue,adaptiveCustomValue:lo,id:vt,autocomplete:wt,activeDescendant:Vt,"aria-label":Oa,...Ba}=e,Ra=vt?`${vt}-listbox`:void 0;return ei(un,{children:[ei(X,{...Ba,size:t,rounded:o,fillMode:a,hover:x,focus:v,valid:u,invalid:L,required:S,loading:k,disabled:E,readonly:K,className:r(e.className,id),children:[d&&ei(un,{children:[xe(ve,{children:d}),i&&xe(te,{})]}),xe(be,{id:vt,placeholder:b,value:c,role:"combobox","aria-haspopup":"listbox","aria-expanded":B?"true":"false","aria-controls":B?Ra:void 0,"aria-activedescendant":B&&Vt?Vt:void 0,"aria-autocomplete":wt,"aria-invalid":L?"true":void 0,"aria-busy":k?"true":void 0,"aria-label":Oa,disabled:E,readOnly:K}),xe(ee,{valid:u,invalid:L,loading:k,disabled:E}),xe(re,{loading:k,disabled:E}),s&&xe(fe,{loading:k,disabled:E,readonly:K,value:c}),m&&ei(un,{children:[i&&xe(te,{}),xe(Le,{children:m})]}),xe(l,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:E})]}),B&&M&&xe(q,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:M}),Z&&xe(Q,{adaptive:!0,id:vt?`${vt}-adaptive`:void 0,...ae,header:xe(Ee,{actionsEnd:xe(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:c,inputPlaceholder:b,title:ie,subtitle:ue}),children:xe("div",{className:"k-list-container",children:xe(w,{customValue:lo?xe(it,{text:`Use "${c}"`}):void 0,size:"large",children:ei(_,{"aria-label":ie\|\|"Options",children:[xe(A,{text:"List item"}),xe(A,{text:"List item"}),xe(A,{text:"List item"})]})})})})]})};Ie.states=Cb;Ie.options=yb;Ie.className=id;Ie.defaultOptions=fn;Ie.moduleName=cn;Ie.folderName=ad;var Ve=Ie;import{jsx as Ab}from"react/jsx-runtime";var rd=e=>Ab(Ve,{...e});import{jsx as mK,jsxs as cK}from"react/jsx-runtime";import{jsx as NK,jsxs as gK}from"react/jsx-runtime";import{jsx as EK,jsxs as MK}from"react/jsx-runtime";import{Fragment as BK,jsx as OK}from"react/jsx-runtime";import{Fragment as _K,jsx as DK}from"react/jsx-runtime";import{jsx as $K,jsxs as VK}from"react/jsx-runtime";import{Fragment as jK,jsx as ZK,jsxs as QK}from"react/jsx-runtime";import{jsx as aD}from"react/jsx-runtime";import{jsx as sD}from"react/jsx-runtime";import{jsx as uD,jsxs as fD}from"react/jsx-runtime";import{jsx as vD,jsxs as LD}from"react/jsx-runtime";import{jsx as eo,jsxs as wb}from"react/jsx-runtime";var Tb=Ie.states,Ob=Ie.defaultOptions,Bb=Ie.options,Rb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Pb=[],ta=e=>{let{modifiers:t,...o}=e,a={},i=eo(w,{style:{width:300},size:o.size,children:wb(_,{children:[eo(A,{children:"List item"}),eo(A,{children:"List item"}),eo(A,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?eo(N,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?eo(Kt,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[s],a.popup=t?.[s]?i:void 0;break;default:break}}),eo("div",{children:eo(rd,{value:"Value",style:{width:300},...o,...a})})};ta.options=Bb;ta.states=Tb;ta.variants=Pb;ta.defaultOptions=Ob;ta.modifiers=Rb;ta.className=Ie.className;var bn="menu-button",nd=bn;import{jsx as _b}from"react/jsx-runtime";var sd="k-menu-button",Kb=[n.hover,n.focus,n.active,n.selected,n.disabled],Db={size:[p.undefined,p.xsmall,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[I.undefined,I.base,I.primary,I.secondary,I.tertiary,I.success,I.warning,I.error,I.info,I.inverse]},xn={showArrow:!0,arrowIconName:"chevron-down"},J=e=>{let{size:t,rounded:o,fillMode:a,themeColor:i,hover:s,focus:d,active:m,selected:c,disabled:b,icon:x,endIcon:v,text:u,showArrow:L=xn.showArrow,arrowIconName:S=xn.arrowIconName,expanded:k,...E}=e;return _b(l,{...E,className:r(e.className,sd),text:u,size:t,rounded:o,fillMode:a,themeColor:i,hover:s,focus:d,active:m,selected:c,disabled:b,ariaDisabled:b\|\|void 0,icon:x,endIcon:v,showArrow:L,arrowIconName:S,"aria-expanded":k?"true":"false",...!u&&x&&!e["aria-label"]&&{"aria-label":"Menu"}})};J.states=Kb;J.options=Db;J.className=sd;J.defaultOptions=xn;J.moduleName=bn;J.folderName=nd;import{jsx as e_}from"react/jsx-runtime";import{jsx as i_}from"react/jsx-runtime";import{jsx as l_}from"react/jsx-runtime";import{jsx as c_}from"react/jsx-runtime";var Xe="menu",lt=Xe;import{jsx as oi,jsxs as ld}from"react/jsx-runtime";var hn="k-menu-item",zb=[n.hover,n.focus,n.active,n.selected,n.disabled],Hb={},dd={iconPosition:"before"},Ae=e=>{let{hover:t,focus:o,active:a,selected:i,disabled:s,icon:d,text:m,showArrow:c,arrowIconName:b,iconPosition:x=dd.iconPosition,dir:v,children:u,expanded:L,...S}=e,k=b;return k\|\|(k=v==="rtl"?"chevron-left":"chevron-right"),ld("li",{...S,className:r(e.className,hn,"k-item",C(hn,{focus:o,disabled:s,hover:t,active:a,selected:i})),role:"menuitem",...c&&{"aria-haspopup":"menu"},...c&&{"aria-expanded":L?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[ld("span",{className:r("k-link k-menu-link"),children:[d&&x==="before"&&oi(N,{className:"k-menu-link-icon",icon:d}),oi("span",{className:"k-menu-link-text",children:m}),d&&x==="after"&&oi(N,{className:"k-menu-link-icon",icon:d}),c&&oi("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:oi(N,{icon:k})})]}),u]})};Ae.states=zb;Ae.options=Hb;Ae.className=hn;Ae.defaultOptions=dd;Ae.moduleName=Xe;Ae.folderName=lt;import{jsx as ho,jsxs as pd}from"react/jsx-runtime";var Nn="k-menu-item",Fb=[n.hover,n.focus,n.active,n.selected,n.disabled],Ub={},gn={dir:"ltr",iconPosition:"before"},j=e=>{let{hover:t,focus:o,active:a,selected:i,disabled:s,icon:d,text:m,showArrow:c,arrowIconName:b,iconPosition:x=gn.iconPosition,dir:v=gn.dir,children:u,popup:L,expanded:S,actions:k,description:E,...M}=e,B=b;return B\|\|(B=v==="rtl"?"chevron-left":"chevron-right"),pd("li",{role:"menuitem",...M,className:r(e.className,Nn,"k-item",C(Nn,{focus:o,disabled:s})),...c&&{"aria-haspopup":"menu"},...c&&{"aria-expanded":S?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[pd("span",{className:r("k-link k-menu-link",C("k-menu-link",{hover:t,active:a,selected:i,disabled:s})),children:[d&&x==="before"&&ho(N,{className:"k-menu-link-icon",icon:d}),ho("span",{className:"k-menu-link-text",children:m}),d&&x==="after"&&ho(N,{className:"k-menu-link-icon",icon:d}),k&&ho("span",{className:"k-menu-link-actions",children:k}),c&&ho("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:ho(N,{icon:B})}),E&&ho("span",{className:"k-menu-link-description",children:E})]}),u,L]})};j.states=Fb;j.options=Ub;j.className=Nn;j.defaultOptions=gn;j.moduleName=Xe;j.folderName=lt;import{jsx as Xb}from"react/jsx-runtime";var md="k-menu-scroll-wrapper",Gb=[],$b={},Vb={},No=e=>{let{className:t,children:o,orientation:a,...i}=e;return Xb("div",{...i,className:r(t,md,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};No.states=Gb;No.options=$b;No.className=md;No.defaultOptions=Vb;No.moduleName=Xe;No.folderName=lt;var cd=No;import{Fragment as vn,jsx as go,jsxs as zi}from"react/jsx-runtime";var Hi="k-menu",Wb=[],Jb={size:[p.undefined,p.small,p.medium,p.large]},Fi={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},ye=e=>{let{children:t,orientation:o=Fi.orientation,header:a=Fi.header,scrollable:i,scrollButtonsPosition:s=Fi.scrollButtonsPosition,wrapperStyles:d,dir:m,size:c,popup:b,contextMenu:x,...v}=e,u={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},L=go("ul",{dir:m,...v,className:r(e.className,"k-reset",Hi,{[`${Hi}-${o}`]:o,"k-header":a},y(Hi,{size:c})),role:x?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return zi(vn,{children:[i?zi(cd,{orientation:o,style:d,dir:e.dir,children:[s==="start"&&zi(vn,{children:[go(l,{fillMode:"flat",size:"xsmall",icon:`chevron-${u[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),go(l,{fillMode:"flat",size:"xsmall",icon:`chevron-${u[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&go(l,{fillMode:"flat",size:"xsmall",icon:`chevron-${u[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),L,s==="end"&&zi(vn,{children:[go(l,{fillMode:"flat",size:"xsmall",icon:`chevron-${u[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev",tabIndex:-1,"aria-label":"Scroll previous"}),go(l,{fillMode:"flat",size:"xsmall",icon:`chevron-${u[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),s==="around"&&go(l,{fillMode:"flat",size:"xsmall",icon:`chevron-${u[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}):L,b]})};ye.states=Wb;ye.options=Jb;ye.className=Hi;ye.defaultOptions=Fi;ye.moduleName=Xe;ye.folderName=lt;import{jsx as qb}from"react/jsx-runtime";var Ln="k-separator",ud={orientation:"horizontal"},oa=e=>{let{orientation:t=ud.orientation,...o}=e;return qb("li",{...o,className:r(e.className,"k-item",Ln,{[`${Ln}-${t}`]:t}),role:"separator"})};oa.className=Ln;oa.defaultOptions=ud;oa.moduleName=Xe;oa.folderName=lt;import{Fragment as F_,jsx as U_}from"react/jsx-runtime";import{jsx as jb}from"react/jsx-runtime";var In="k-menu-group",Yb=[],Zb={size:[p.undefined,p.small,p.medium,p.large]},Qb={},Te=e=>{let{children:t,size:o,...a}=e;return jb("ul",{role:"menu",...a,className:r(e.className,In,y(In,{size:o})),children:t})};Te.states=Yb;Te.options=Zb;Te.className=In;Te.defaultOptions=Qb;Te.moduleName=Xe;Te.folderName=lt;import{jsx as Z_,jsxs as Q_}from"react/jsx-runtime";import{Fragment as ex,jsx as aa,jsxs as tx}from"react/jsx-runtime";var Sn=e=>aa(ye,{children:tx(ex,{children:[aa(Ae,{text:"Item 1"}),aa(Ae,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),aa(Ae,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),aa(Ae,{text:"Item 4"}),aa(Ae,{text:"Item 5"})]}),...e});import{Fragment as lz,jsx as nz,jsxs as sz}from"react/jsx-runtime";import{Fragment as uz,jsx as cz,jsxs as fz}from"react/jsx-runtime";import{Fragment as gz,jsx as Nz,jsxs as vz}from"react/jsx-runtime";import{Fragment as Ez,jsx as kz,jsxs as Mz}from"react/jsx-runtime";import{jsx as vo,jsxs as nx}from"react/jsx-runtime";var ox={...ye.options,scrollable:{type:"boolean"}},ax=ye.states,fd={...ye.defaultOptions,variant:"horizontal"},ix=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],rx=[{name:"opened",title:"Opened"}],ia=e=>{let{variant:t,modifiers:o,...a}={...fd,...e},i={},s=t==="vertical"?{left:"200px",top:"30px"}:{left:"90px",top:"auto"};return Object.keys(o\|\|{}).forEach(d=>{d==="opened"&&(i.opened=!!o?.[d],i.popup=o?.[d]?vo(q,{className:"k-menu-popup",offset:s,children:nx(Te,{children:[vo(j,{text:"Item 1"}),vo(j,{text:"Item 2"}),vo(oa,{}),vo(j,{text:"Item 3"})]})}):null)}),t==="vertical"?vo(Sn,{...a,...i,orientation:"vertical",style:{width:"200px"}}):vo(Sn,{...a,...i})};ia.options=ox;ia.states=ax;ia.variants=ix;ia.defaultOptions=fd;ia.modifiers=rx;ia.className=ye.className;import{Fragment as rH,jsx as aH,jsxs as iH}from"react/jsx-runtime";import{jsx as dH}from"react/jsx-runtime";import{Fragment as mx,jsx as Ot,jsxs as bd}from"react/jsx-runtime";var sx=l.states,xd={...l.defaultOptions,variant:"text"},lx=l.options,dx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],px=[{name:"opened",title:"Opened"}],ra=e=>{let{variant:t,modifiers:o,...a}={...xd,...e},i={},s=Ot(q,{className:"k-menu-popup",children:bd(Te,{size:a.size,children:[Ot(j,{text:"Menu Item"}),Ot(j,{text:"Menu Item"}),Ot(j,{text:"Menu Item"})]})}),d;switch(t){case"icon-only":d=Ot("div",{children:Ot(J,{...a,...i,icon:"star"})});break;case"icon-and-text":d=Ot("div",{children:Ot(J,{...a,...i,icon:"star",children:"Dropdown Button"})});break;default:d=Ot("div",{children:Ot(J,{...a,...i,children:"Dropdown Button"})});break}return bd(mx,{children:[d,o?.opened&&s]})};ra.options=lx;ra.states=sx;ra.variants=dx;ra.defaultOptions=xd;ra.modifiers=px;ra.className=J.className;var kn="split-button",hd=kn;import{Fragment as fx,jsx as En,jsxs as Nd}from"react/jsx-runtime";var Mn="k-split-button",cx=[n.hover,n.focus,n.active,n.selected,n.disabled],ux={size:[p.undefined,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[I.undefined,I.base,I.primary,I.secondary,I.tertiary,I.success,I.warning,I.error,I.info,I.inverse]},gd={arrowIconName:"chevron-down"},H=e=>{let{size:t,rounded:o,fillMode:a,themeColor:i,hover:s,focus:d,active:m,selected:c,disabled:b,icon:x,endIcon:v,text:u,arrowIconName:L=gd.arrowIconName,popup:S,opened:k,popupId:E,...M}=e;return Nd(fx,{children:[Nd("div",{...M,className:r(e.className,Mn,"k-button-group",y(Mn,{rounded:o})),children:[En(l,{text:u,icon:x,endIcon:v,size:t,rounded:o,fillMode:a,themeColor:i,hover:s,focus:d,active:m,selected:c,disabled:b,...!u&&!e.children&&x&&{"aria-label":"Action"},children:e.children}),En(l,{className:"k-split-button-arrow",icon:L,size:t,rounded:o,fillMode:a,disabled:b,ariaDisabled:b\|\|void 0,"aria-label":"Toggle dropdown","aria-expanded":k?"true":"false","aria-controls":k?E:void 0,tabIndex:-1})]}),k&&S&&En(q,{className:"k-menu-popup",children:S})]})};H.states=cx;H.options=ux;H.className=Mn;H.defaultOptions=gd;H.moduleName=kn;H.folderName=hd;var Cn=H;import{jsx as xx}from"react/jsx-runtime";var bx="k-toolbar-separator",he=e=>xx("div",{className:r(bx,e.className,"k-separator")});var Lo="toolbar",na=Lo;import{Fragment as yn,jsx as U,jsxs as sa}from"react/jsx-runtime";var Ht="k-toolbar",hx=[n.focus],Nx={size:[p.undefined,p.small,p.medium,p.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},gx={scrollButtons:"around"},Y=e=>{let{size:t,fillMode:o,focus:a,resizable:i,scrollable:s,scrollButtons:d,scrollingPosition:m,section:c,...b}=e,x=[],v=(u,L)=>{let S=[];if(u.type===l&&u.props.className&&u.props.className.includes("k-toolbar-overflow-button"))S.push(U(l,{...u.props,className:`${u.props.className?u.props.className:""}`},`${L}-${new Date().getTime()}`));else if(u.type===l)S.push(U(l,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${L}-${new Date().getTime()}`));else if(u.type===_a)S.push(U(_a,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${L}-${new Date().getTime()}`));else if(u.type===Kt)S.push(U(Kt,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${L}-${new Date().getTime()}`));else if(u.type===J)S.push(U(J,{...u.props,className:`k-toolbar-menu-button ${u.props.className?u.props.className:""}`},`${L}-${new Date().getTime()}`));else if(u.type===Cn)S.push(U(Cn,{...u.props,className:`k-toolbar-split-button ${u.props.className?u.props.className:""}`},`${L}-${new Date().getTime()}`));else if(u.type===O\|\|u.props.className&&u.props.className.includes("k-button-group")){let k=[];(Array.isArray(u.props.children)?u.props.children:[u.props.children]).forEach((M,B)=>{k.push(U(l,{...M.props,className:`${M.props.className?M.props.className:""}`},`${B}-${new Date().getTime()}`))}),S.push(U(O,{...u.props,className:`k-toolbar-button-group ${u.props.className?u.props.className:""}`,children:k},`${L}-${new Date().getTime()}`))}else u.type===Ie?S.push(U(Ie,{...u.props,className:`k-toolbar-combobox ${u.props.className?u.props.className:""}`},`${L}-${new Date().getTime()}`)):u.type===W?S.push(U(W,{...u.props,className:`k-toolbar-dropdownlist ${u.props.className?u.props.className:""}`},`${L}-${new Date().getTime()}`)):u.type===le?S.push(U(le,{...u.props,className:`k-toolbar-colorpicker ${u.props.className?u.props.className:""}`},`${L}-${new Date().getTime()}`)):S.push(u);S.forEach(k=>{x.push(k)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((L,S)=>{v(L,S)}),sa("div",{...b,className:r(e.className,Ht,y(Ht,{size:t,fillMode:o}),C(Ht,{focus:a}),{[`${Ht}-resizable`]:i,[`${Ht}-scrollable`]:s,[`${Ht}-scrollable-overlay`]:s&&d==="hidden",[`${Ht}-scrollable-${m}`]:m&&m!=="both",[`${Ht}-section`]:c}),role:"toolbar","aria-label":"Toolbar",children:[!s&&x,s&&d==="hidden"&&U("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),s&&d==="start"&&sa(yn,{children:[sa(O,{children:[U("span",{className:r("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:U(N,{className:"k-button-icon",icon:"chevron-left"})}),U("span",{className:r("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:U(N,{className:"k-button-icon",icon:"chevron-right"})})]}),U(he,{className:"k-toolbar-button-separator"}),U("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x})]}),s&&d==="end"&&sa(yn,{children:[U("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),U(he,{className:"k-toolbar-button-separator"}),sa(O,{children:[U("span",{className:r("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:U(N,{className:"k-button-icon",icon:"chevron-left"})}),U("span",{className:r("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:U(N,{className:"k-button-icon",icon:"chevron-right"})})]})]}),s&&(d==="around"\|\|!d)&&sa(yn,{children:[U("span",{className:r("k-toolbar-prev","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:U(N,{className:"k-button-icon",icon:"chevron-left"})}),U(he,{className:"k-toolbar-button-separator"}),U("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),U(he,{className:"k-toolbar-button-separator"}),U("span",{className:r("k-toolbar-next","k-button",y("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:U(N,{className:"k-button-icon",icon:"chevron-right"})})]})]})};Y.states=hx;Y.options=Nx;Y.className=Ht;Y.defaultOptions=gx;Y.moduleName=Lo;Y.folderName=na;import{jsx as Sx}from"react/jsx-runtime";var An="k-toolbar-item",vx=[n.focus],Lx={},Ix={},to=e=>{let{focus:t,...o}=e;return Sx("div",{...o,className:r(e.className,An,C(An,{focus:t})),children:e.children})};to.states=vx;to.options=Lx;to.className=An;to.defaultOptions=Ix;to.moduleName=Lo;to.folderName=na;import{jsx as vd}from"react/jsx-runtime";var Ld="k-toolbar-popup",kx=[],Ex={size:[p.undefined,p.small,p.medium,p.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},Mx={},Io=e=>{let{size:t,fillMode:o,section:a,...i}=e;return vd(q,{...i,className:r(e.className,Ld),children:a?vd("span",{className:r("k-toolbar-items-list",y("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};Io.states=kx;Io.options=Ex;Io.className=Ld;Io.defaultOptions=Mx;Io.moduleName=Lo;Io.folderName=na;var Ui=Io;import{jsx as d1}from"react/jsx-runtime";import{jsx as u1}from"react/jsx-runtime";import{jsx as h1}from"react/jsx-runtime";import{jsx as L1}from"react/jsx-runtime";import{jsx as C1,jsxs as y1}from"react/jsx-runtime";import{jsx as B1}from"react/jsx-runtime";import{jsx as Ft,jsxs as Ox}from"react/jsx-runtime";var Cx=H.states,Id={...H.defaultOptions,variant:"text"},yx=H.options,Ax=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Tx=[{name:"opened",title:"Opened"}],la=e=>{let{variant:t,modifiers:o,...a}={...Id,...e},i={},s=Ox(Te,{size:a.size,children:[Ft(j,{text:"Menu Item"}),Ft(j,{text:"Menu Item"}),Ft(j,{text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(d=>{d==="opened"&&(i.opened=!!o?.[d],i.popup=o?.[d]?s:"")}),t){case"icon-only":return Ft("div",{children:Ft(H,{...a,...i,icon:"star"})});case"icon-and-text":return Ft("div",{children:Ft(H,{...a,...i,icon:"star",children:"Split Button"})});default:return Ft("div",{children:Ft(H,{...a,...i,children:"Split Button"})})}};la.options=yx;la.states=Cx;la.variants=Ax;la.defaultOptions=Id;la.modifiers=Tx;la.className=H.className;import{jsx as So,jsxs as Bx}from"react/jsx-runtime";var Sd=e=>So(Y,{children:[So(l,{children:"Button"},"toolbar-button"),So(J,{text:"Menu button"},"toolbar-menu-button"),So(H,{children:"Split button"},"toolbar-split-button"),Bx(O,{children:[So(l,{className:"k-group-start",icon:"align-left",children:"Left"}),So(l,{icon:"align-center",children:"Center"}),So(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as lF,jsxs as dF}from"react/jsx-runtime";import{jsx as We,jsxs as kd}from"react/jsx-runtime";var Ed=e=>We(Y,{scrollable:!0,...e,children:[We(l,{children:"Button"},"toolbar-button"),We(J,{text:"Menu button"},"toolbar-menu-button"),We(H,{children:"Split button"},"toolbar-split-button"),kd(O,{children:[We(l,{className:"k-group-start",icon:"align-left",children:"Left"}),We(l,{icon:"align-center",children:"Center"}),We(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),We(l,{children:"Button"},"toolbar-button"),We(J,{text:"Menu button"},"toolbar-menu-button"),We(H,{children:"Split button"},"toolbar-split-button"),kd(O,{children:[We(l,{className:"k-group-start",icon:"align-left",children:"Left"}),We(l,{icon:"align-center",children:"Center"}),We(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Je,jsxs as Md}from"react/jsx-runtime";var Cd=({scrollingPosition:e="start",...t})=>Je(Y,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[Je(l,{children:"Button"},"toolbar-button"),Je(J,{text:"Menu button"},"toolbar-menu-button"),Je(H,{children:"Split button"},"toolbar-split-button"),Md(O,{children:[Je(l,{className:"k-group-start",icon:"align-left",children:"Left"}),Je(l,{icon:"align-center",children:"Center"}),Je(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Je(l,{children:"Button"},"toolbar-button"),Je(J,{text:"Menu button"},"toolbar-menu-button"),Je(H,{children:"Split button"},"toolbar-split-button"),Md(O,{children:[Je(l,{className:"k-group-start",icon:"align-left",children:"Left"}),Je(l,{icon:"align-center",children:"Center"}),Je(l,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Rx,jsx as He,jsxs as Gi}from"react/jsx-runtime";var yd=({fillMode:e,size:t,...o})=>Gi(Rx,{children:[He(Y,{section:!0,fillMode:e,size:t,children:[He(l,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Gi(O,{fillMode:e,children:[He(l,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),He(l,{icon:"align-center",fillMode:e,size:t,children:"Center"}),He(l,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),He(he,{className:"k-toolbar-button-separator"}),He(l,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,"aria-label":"More options","aria-expanded":"false"})],...o}),Gi(Ui,{size:t,fillMode:e,section:!0,...o,children:[He(H,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),He(l,{fillMode:e,size:t,children:"Button"},"toolbar-button"),He(he,{}),He(J,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Gi(O,{fillMode:e,children:[He(l,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),He(l,{icon:"align-center",fillMode:e,size:t,children:"Center"}),He(l,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as UF,jsx as HF,jsxs as FF}from"react/jsx-runtime";import{Fragment as jF,jsx as ZF,jsxs as QF}from"react/jsx-runtime";import{jsx as oo}from"react/jsx-runtime";var Px=Y.options,wx=Y.states,Ad={...Y.defaultOptions,variant:"default"},Kx=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Dx=[],da=e=>{let{variant:t,...o}={...Ad,...e};switch(t){case"responsive":return oo("div",{children:oo(yd,{style:{width:"583px"},...o})});case"overlay":return oo("div",{children:oo(Cd,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return oo("div",{children:oo(Ed,{style:{width:"583px"},...o})});default:return oo("div",{children:oo(Sd,{style:{width:"583px"},...o})})}};da.options=Px;da.states=wx;da.variants=Kx;da.defaultOptions=Ad;da.modifiers=Dx;da.className=Y.className;var Tn="autocomplete",Td=Tn;import{Fragment as On,jsx as Se,jsxs as ai}from"react/jsx-runtime";var Od="k-autocomplete",_x=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],zx={size:[p.undefined,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Bn={separators:!0,showClearButton:!0},gt=e=>{let{size:t,rounded:o,fillMode:a,separators:i=Bn.separators,showClearButton:s=Bn.showClearButton,prefix:d,suffix:m,value:c,placeholder:b,hover:x,focus:v,valid:u,invalid:L,required:S,loading:k,disabled:E,popup:M,opened:B,readonly:K,adaptive:Z,adaptiveSettings:ae,adaptiveTitle:ie,adaptiveSubtitle:ue,adaptiveCustomValue:lo,id:vt,autocomplete:wt,activeDescendant:Vt,"aria-label":Oa,...Ba}=e,Ra=vt?`${vt}-listbox`:void 0;return ai(On,{children:[ai(X,{...Ba,size:t,rounded:o,fillMode:a,hover:x,focus:v,valid:u,invalid:L,required:S,loading:k,disabled:E,readonly:K,className:r(e.className,Od),children:[d&&ai(On,{children:[Se(ve,{children:d}),i&&Se(te,{})]}),Se(be,{placeholder:b,value:c,role:"combobox","aria-haspopup":"listbox","aria-expanded":B?"true":"false","aria-controls":B?Ra:void 0,"aria-activedescendant":B&&Vt?Vt:void 0,"aria-autocomplete":wt,"aria-invalid":L?"true":void 0,"aria-busy":k?"true":void 0,"aria-label":Oa,disabled:E,readOnly:K}),Se(ee,{valid:u,invalid:L,loading:k,disabled:E}),Se(re,{loading:k,disabled:E}),s&&Se(fe,{loading:k,disabled:E,readonly:K,value:c}),m&&ai(On,{children:[i&&Se(te,{}),Se(Le,{children:m})]})]}),B&&M&&Se(q,{className:"k-list-container k-autocomplete-popup",containerRole:"region",containerAriaLabel:"Autocomplete suggestions",children:M}),Z&&Se(Q,{adaptive:!0,...ae,header:Se(Ee,{actionsEnd:Se(l,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:c,inputPlaceholder:b,title:ie,subtitle:ue}),children:Se("div",{className:"k-list-container",children:Se(w,{customValue:lo?Se(it,{text:`Use "${c}"`}):void 0,size:"large",children:ai(_,{"aria-label":"Options",children:[Se(A,{text:"List item"}),Se(A,{text:"List item"}),Se(A,{text:"List item"})]})})})})]})};gt.states=_x;gt.options=zx;gt.className=Od;gt.defaultOptions=Bn;gt.moduleName=Tn;gt.folderName=Td;var Bt=gt;import{jsx as Hx}from"react/jsx-runtime";var Bd=e=>Hx(Bt,{id:T("ac"),"aria-label":"Search",...e});import{jsx as F2,jsxs as U2}from"react/jsx-runtime";import{jsx as W2}from"react/jsx-runtime";import{Fragment as eU,jsx as j2}from"react/jsx-runtime";import{Fragment as sU,jsx as nU}from"react/jsx-runtime";import{jsx as uU,jsxs as fU}from"react/jsx-runtime";import{jsx as vU,jsxs as LU}from"react/jsx-runtime";import{jsx as CU,jsxs as yU}from"react/jsx-runtime";import{jsx as RU}from"react/jsx-runtime";import{jsx as ko,jsxs as Xx}from"react/jsx-runtime";var Fx=G.states,Ux=G.defaultOptions,Gx=G.options,$x=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Vx=[],pa=e=>{let{modifiers:t,...o}=e,a={},i=ko(w,{style:{width:300},size:o.size,children:Xx(_,{children:[ko(A,{children:"List item"}),ko(A,{children:"List item"}),ko(A,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?ko(N,{icon:"search"}):void 0;break;case"suffix":a.suffix=t?.[s]?ko(It,{size:o.size,fillMode:"clear",children:"Search"}):void 0;break;case"opened":a.opened=!!t?.[s],a.popup=t?.[s]?i:void 0;break;default:break}}),ko(Bd,{value:"Value",style:{width:300},...o,...a})};pa.options=Gx;pa.states=Fx;pa.variants=Vx;pa.defaultOptions=Ux;pa.modifiers=$x;pa.className=gt.className;import{Fragment as Yx,jsx as dt,jsxs as Zx}from"react/jsx-runtime";var Rd="k-imageeditor-toolbar",Wx=[],Jx={},qx={},ma=e=>{let{toolbarItems:t,adaptive:o,disabled:a,...i}=e;return dt(Y,{...i,className:r(e.className,Rd),fillMode:"flat",children:t??Zx(Yx,{children:[dt(l,{fillMode:"flat",icon:"image-add","aria-label":"Image Add"}),dt(he,{}),dt(l,{fillMode:"flat",disabled:!0,icon:"undo","aria-label":"Undo"}),dt(l,{fillMode:"flat",disabled:!0,icon:"redo","aria-label":"Redo"}),dt(he,{}),dt(l,{fillMode:"flat",disabled:a,icon:"download","aria-label":"Download"}),dt("div",{className:"k-spacer"}),dt(l,{fillMode:"flat",disabled:a,icon:"zoom-in","aria-label":"Zoom In"}),!o&&dt(to,{children:dt(gt,{fillMode:"flat",disabled:a,value:"Fit",showClearButton:!1,"aria-label":"Zoom options"})}),dt(l,{fillMode:"flat",disabled:a,icon:"zoom-out","aria-label":"Zoom Out"})]})})};ma.states=Wx;ma.options=Jx;ma.className=Rd;ma.defaultOptions=qx;import{Fragment as jx,jsx as Pe,jsxs as eh}from"react/jsx-runtime";var Rn="k-imageeditor-sidebar",Qx={scrollable:!1},Pd=e=>{let{sidebarItems:t,activeTool:o,disabled:a,adaptive:i,scrollable:s=Qx.scrollable,scrollingPosition:d,...m}=e,c=i?"k-separator k-separator-vertical":"k-separator";return Pe("div",{...m,className:r(e.className,Rn,{[`${Rn}-scrollable`]:s,[`${Rn}-scrollable-${d}`]:d&&d!=="both"}),children:Pe("div",{className:"k-imageeditor-sidebar-items",role:"toolbar","aria-label":"Tools",children:t??eh(jx,{children:[Pe(l,{fillMode:"flat",togglable:!0,icon:"image-resize","aria-label":"Resize",selected:o==="Resize",disabled:a}),Pe(l,{fillMode:"flat",togglable:!0,icon:"crop","aria-label":"Crop",selected:o==="Crop",disabled:a}),Pe(l,{fillMode:"flat",togglable:!0,icon:"rotate","aria-label":"Rotate",selected:o==="Rotate",disabled:a}),Pe("div",{className:c}),Pe(l,{fillMode:"flat",togglable:!0,icon:"free-text","aria-label":"Text",selected:o==="Text",disabled:a}),Pe(l,{fillMode:"flat",togglable:!0,icon:"shapes","aria-label":"Shapes",selected:o==="Shapes",disabled:a}),Pe("div",{className:c}),Pe(l,{fillMode:"flat",togglable:!0,icon:"drop-half-pixelated","aria-label":"Blur",selected:o==="Blur",disabled:a}),Pe(l,{fillMode:"flat",togglable:!0,icon:"sliders-horizontal","aria-label":"Adjustments",selected:o==="Adjustments",disabled:a}),Pe(l,{fillMode:"flat",togglable:!0,icon:"circles-three-intersecting","aria-label":"Filters",selected:o==="Filters",disabled:a}),Pe("div",{className:c}),Pe(l,{fillMode:"flat",togglable:!0,icon:"frame-corners","aria-label":"Frame",selected:o==="Frame",disabled:a}),Pe(l,{fillMode:"flat",togglable:!0,icon:"circle-half-tilted","aria-label":"Shadow",selected:o==="Shadow",disabled:a})]})})})};var ii="loader",$i=ii;import{Fragment as Pn,jsx as wd,jsxs as Vi}from"react/jsx-runtime";var wn="k-loader",th={pulsing:"pulsing-2","infinite-spinner":"spinner-3","converging-spinner":"spinner-4"},oh=[],ah={size:[p.undefined,p.small,p.medium,p.large],themeColor:[I.undefined,I.base,I.primary,I.secondary,I.tertiary]},Kd={animation:"pulsing"},de=e=>{let{size:t,themeColor:o,animation:a=Kd.animation,...i}=e,s=wd("span",{className:"k-loader-segment"});return wd("div",{...i,className:r(e.className,wn,{[`k-loader-${th[a]\|\|a}`]:a},y(wn,{size:t,themeColor:o})),role:"status","aria-label":i["aria-label"]\|\|"Loading",children:Vi("div",{className:"k-loader-canvas",children:[a==="pulsing"&&Vi(Pn,{children:[s,s]}),a==="infinite-spinner"&&Vi(Pn,{children:[s,s,s]}),a==="converging-spinner"&&Vi(Pn,{children:[s,s,s,s]})]})})};de.states=oh;de.options=ah;de.className=wn;de.defaultOptions=Kd;de.moduleName=ii;de.folderName=$i;var Dd=de;import{jsx as Kn,jsxs as _d}from"react/jsx-runtime";var Dn="k-loader-container",ih=[],rh={size:[p.undefined,p.small,p.medium,p.large],themeColor:[I.undefined,I.base,I.primary,I.secondary,I.tertiary]},Xi={loaderType:"pulsing",position:"top",panel:!1},Eo=e=>{let{size:t,themeColor:o,loaderType:a=Xi.loaderType,position:i=Xi.position,panel:s=Xi.panel,...d}=e;return _d("div",{...d,className:r(e.className,Dn,y(Dn,{size:t}),{[`k-loader-${i}`]:i}),role:"status","aria-live":"polite","aria-label":d["aria-label"]\|\|"Loading",children:[Kn(il,{className:"k-loader-container-overlay"}),_d("div",{className:r("k-loader-container-inner",{"k-loader-container-panel":s}),children:[Kn(Dd,{size:t,themeColor:o,animation:a}),Kn("div",{className:"k-loader-container-label",children:"Loading..."})]})]})};Eo.states=ih;Eo.options=rh;Eo.className=Dn;Eo.defaultOptions=Xi;Eo.moduleName=ii;Eo.folderName=$i;import{jsx as M3}from"react/jsx-runtime";import{jsx as T3}from"react/jsx-runtime";import{jsx as P3}from"react/jsx-runtime";import{jsx as _3}from"react/jsx-runtime";import{jsx as _n}from"react/jsx-runtime";var nh=de.options,sh=de.states,lh={...de.defaultOptions,variant:"infinite-spinner"},dh=[{name:"infinite-spinner",title:"Infinite"},{name:"pulsing",title:"Pulsing"},{name:"converging-spinner",title:"Converging"}],ph=[],ca=e=>{let{variant:t,...o}=e;switch(t){case"pulsing":return _n(de,{animation:"pulsing",...o});case"converging-spinner":return _n(de,{animation:"converging-spinner",...o});default:return _n(de,{animation:"infinite-spinner",...o})}};ca.options=nh;ca.states=sh;ca.variants=dh;ca.defaultOptions=lh;ca.modifiers=ph;ca.className=de.className;var zd="image-editor",Hd="imageeditor",Wi={width:494,height:307},Ji={width:326,height:203};import{Fragment as Fd,jsx as Rt,jsxs as ri}from"react/jsx-runtime";var zn="k-imageeditor",mh=[],ch={},uh={},pe=e=>{let{toolbarItems:t,actionPane:o,sidebarItems:a,activeTool:i,placeholder:s,contentHeight:d,exporting:m,adaptive:c,sidebarScrollable:b,sidebarScrollingPosition:x,children:v,...u}=e,L=!!s,S=Rt("div",{className:"k-imageeditor-canvas-container",children:s??Rt("div",{className:"k-imageeditor-canvas",children:v})}),k=o&&Rt("div",{className:"k-imageeditor-action-pane",children:o}),E=Rt(Pd,{sidebarItems:a,activeTool:i,disabled:L,adaptive:c,scrollable:b,scrollingPosition:x});return ri("div",{role:"application","aria-label":"Image Editor",...u,className:r(e.className,zn,{[`${zn}-adaptive`]:c}),children:[Rt("div",{className:"k-imageeditor-header",children:Rt(ma,{toolbarItems:t,adaptive:c,disabled:L})}),Rt("div",{className:"k-imageeditor-content",style:{height:d},children:c?ri(Fd,{children:[S,k,E]}):ri(Fd,{children:[E,k,S]})}),m&&ri("div",{className:"k-loader-container k-loader-top",role:"status","aria-live":"polite","aria-label":"Exporting",children:[Rt(xt,{className:"k-loader-container-overlay"}),ri("div",{className:"k-loader-container-inner k-loader-container-panel",children:[Rt(de,{animation:"pulsing",themeColor:"base",size:"medium","aria-label":"Exporting"}),Rt("div",{className:"k-loader-container-label",children:"Exporting"})]})]})]})};pe.states=mh;pe.options=ch;pe.className=zn;pe.defaultOptions=uh;pe.moduleName=zd;pe.folderName=Hd;import{Fragment as qi,jsx as ao,jsxs as ni}from"react/jsx-runtime";var Hn="k-upload-dropzone",fh=[n.hover],Yi=e=>{let{hover:t,status:o,disabled:a,hasFiles:i,filesId:s,buttonText:d="Select files...",...m}=e,c;switch(o){case"uploading":c=ni(qi,{children:[ao(N,{icon:"upload"}),"Uploading..."]});break;case"done":c=ni(qi,{children:[ao(N,{icon:"check"}),"Done"]});break;case"failed":c=ni(qi,{children:[ao(N,{icon:"exclamation-circle"}),"Done"]});break;default:c=ao(qi,{});break}return ni("div",{...m,className:r(e.className,Hn,"k-dropzone",C(Hn,{hover:t})),children:[ni("div",{className:"k-upload-button-wrap",children:[ao(l,{className:"k-upload-button","aria-disabled":a?"true":"false",...i&&s?{"aria-controls":s}:{},children:d}),ao("input",{id:"upload-input",className:"k-hidden",tabIndex:-1,"aria-hidden":"true"})]}),ao("span",{className:r("k-dropzone-hint",{"k-hidden":o!=="upload"}),children:"Drop files here to upload"}),o!=="upload"&&ao("span",{className:"k-upload-status",children:c})]})};Yi.states=fh;Yi.className=Hn;var Fn="upload",Ud=Fn;import{jsx as Zi,jsxs as $d}from"react/jsx-runtime";var Un="k-upload",bh=[n.hover,n.disabled],xh={},Vd={actionsLayout:"end"},Gd="upload-files-list",ke=e=>{let{async:t,empty:o,actions:a,actionsLayout:i=Vd.actionsLayout,hover:s,status:d,disabled:m,buttonText:c,...b}=e,x=!!e.children;return $d("div",{...b,className:r(e.className,Un,C(Un,{disabled:m}),{"k-upload-async":t,"k-upload-empty":o}),children:[Zi(Yi,{status:d,hover:s,disabled:m,hasFiles:x,filesId:Gd,buttonText:c}),x&&Zi("ul",{className:"k-upload-files",role:"list",id:Gd,children:e.children}),a&&x&&$d(Ws,{alignment:i,orientation:"horizontal",children:[Zi(l,{className:"k-clear-selected",children:"Clear"}),Zi(l,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};ke.states=bh;ke.options=xh;ke.className=Un;ke.defaultOptions=Vd;ke.moduleName=Fn;ke.folderName=Ud;var si="progressbar",Qi=si;import{jsx as $n,jsxs as Gn}from"react/jsx-runtime";var pt="k-progressbar",hh=[n.disabled,n.indeterminate],Nh={orientation:["horizontal","vertical"]},Mo={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},we=e=>{let{disabled:t,height:o,indeterminate:a=Mo.indeterminate,label:i=Mo.label,labelPosition:s=Mo.labelPosition,orientation:d=Mo.orientation,reverse:m=Mo.reverse,value:c=Mo.value,width:b,style:x,ariaLabel:v,...u}=e;return Gn("div",{...u,className:r(e.className,pt,C(pt,{disabled:t}),{[`${pt}-${d}`]:d,[`${pt}-indeterminate`]:a,[`${pt}-reverse`]:m}),style:{...x,"--kendo-progressbar-value":c,[d==="horizontal"?"height":"width"]:d==="horizontal"?o:b},role:"progressbar","aria-label":v\|\|"progress","aria-valuenow":a?void 0:Number(c),"aria-valuemin":0,"aria-valuemax":100,children:[$n("span",{className:r("k-progress-status-wrap",{[`k-progress-${s}`]:s&&!a}),children:i&&Gn("span",{className:"k-progress-status",children:[c,"%"]})}),!a&&$n("div",{className:"k-progressbar-value k-selected",children:$n("span",{className:r("k-progress-status-wrap",{[`k-progress-${s}`]:s}),children:i&&Gn("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};we.states=hh;we.options=Nh;we.className=pt;we.defaultOptions=Mo;we.moduleName=si;we.folderName=Qi;var Xd=we;import{jsx as Vn}from"react/jsx-runtime";var Wd="k-chunk-progressbar",gh=(e,t)=>t<=e-1,vh=[n.disabled,n.indeterminate],Lh={},ji={chunkCount:5,orientation:"horizontal",progress:0},ua=e=>{let{disabled:t,chunkCount:o=ji.chunkCount,indeterminate:a,orientation:i=ji.orientation,progress:s=ji.progress,reverse:d,ariaLabel:m,...c}=e;return Vn("div",{...c,className:r(e.className,pt,Wd,C(pt,{disabled:t}),{[`${pt}-${i}`]:i,[`${pt}-indeterminate`]:a,[`${pt}-reverse`]:d}),role:"progressbar","aria-label":m\|\|"progress","aria-valuenow":a?void 0:s,"aria-valuemin":0,"aria-valuemax":o,children:Vn("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((b,x)=>Vn("li",{className:r("k-progressbar-chunk",{"k-first":x===0,"k-last":x===[...Array(o)].length-1,"k-selected":gh(s,x)})},x))})})};ua.states=vh;ua.options=Lh;ua.className=Wd;ua.defaultOptions=ji;ua.moduleName=si;ua.folderName=Qi;import{jsx as Ih}from"react/jsx-runtime";var li=e=>Ih(Xd,{...e});import{jsx as D5}from"react/jsx-runtime";import{jsx as io}from"react/jsx-runtime";var Sh=we.options,kh=we.states,Jd={...we.defaultOptions,variant:"start"},Eh=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],Mh=[],fa=e=>{let{variant:t,modifiers:o,...a}={...Jd,...e},i={},s={style:{width:"324px"}};switch(Object.keys(o\|\|{}).forEach(d=>{switch(d){case"reverse":i.reverse=!!o?.[d];break;case"vertical":i.orientation=o?.[d]?"vertical":void 0,s.style=o?.[d]?void 0:{width:"324px"};break}}),t){case"end":return io("div",{...s,children:io(li,{...a,...i,labelPosition:"end",value:"50"})});case"center":return io("div",{...s,children:io(li,{...a,...i,labelPosition:"center",value:"50"})});case"empty":return io("div",{...s,children:io(li,{...a,...i,label:!1,value:"50"})});default:return io("div",{...s,children:io(li,{...a,...i,labelPosition:"start",value:"50"})})}};fa.options=Sh;fa.states=kh;fa.variants=Eh;fa.defaultOptions=Jd;fa.modifiers=Mh;fa.className=we.className;import{jsx as Xn,jsxs as yh}from"react/jsx-runtime";var Ch="k-file-info",Wn=e=>{let{name:t,size:o,validationMsg:a,...i}=e;return yh("div",{...i,className:r(e.className,Ch),children:[t&&Xn("span",{className:"k-file-name",children:t}),o&&Xn("span",{className:"k-file-size",children:o}),a&&Xn("span",{className:"k-file-validation-message","aria-live":"polite",children:a})]})};import{Fragment as Th,jsx as Ut,jsxs as er}from"react/jsx-runtime";var Ah="k-file",Fe=e=>{let{status:t,progress:o,name:a,icon:i,size:s,state:d,validationMsg:m,...c}=e;return Ut("li",{...c,className:r(e.className,Ah,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:er("div",{className:"k-file-single",children:[Ut(we,{className:r({"k-hidden":t!=="progress"}),value:o,label:!1}),er("span",{className:"k-file-icon-wrapper",children:[Ut(N,{className:"k-file-icon",icon:i,size:"xxlarge"}),d&&Ut("span",{className:"k-file-state",children:d})]}),Ut(Wn,{name:a,size:s,validationMsg:m}),Ut("div",{className:"k-upload-actions",children:t==="progress"?er(Th,{children:[er("span",{className:"k-upload-pct",children:[o,"%"]}),Ut(l,{icon:"pause",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Pause upload",tabIndex:-1}),Ut(l,{icon:"cancel",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Cancel upload",tabIndex:-1})]}):Ut(l,{icon:"x",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Remove file",tabIndex:-1})})]})})};import{Fragment as uG,jsx as mG,jsxs as cG}from"react/jsx-runtime";import{Fragment as Oh,jsx as Jn,jsxs as Bh}from"react/jsx-runtime";var di=e=>Jn(ke,{async:!0,children:Bh(Oh,{children:[Jn(Fe,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),Jn(Fe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});import{Fragment as SG,jsx as LG,jsxs as IG}from"react/jsx-runtime";import{jsx as Rh}from"react/jsx-runtime";var qn=e=>Rh(ke,{async:!0,empty:!0,...e});import{Fragment as OG,jsx as TG,jsxs as BG}from"react/jsx-runtime";import{Fragment as DG,jsx as KG,jsxs as _G}from"react/jsx-runtime";import{jsx as Gt,jsxs as tr}from"react/jsx-runtime";var Ph=ke.options,wh=ke.states,qd={...ke.defaultOptions,variant:"empty"},Kh=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],Dh=[],ba=e=>{let{variant:t,...o}={...qd,...e};switch(t){case"success":return tr(di,{status:"done",style:{width:"586px"},...o,children:[Gt(Fe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),Gt(Fe,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return tr(di,{status:"failed",style:{width:"586px"},...o,children:[Gt(Fe,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),Gt(Fe,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return tr(di,{status:"uploading",style:{width:"586px"},...o,children:[Gt(Fe,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),Gt(Fe,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return tr(di,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[Gt(Fe,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),Gt(Fe,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return Gt(qn,{async:!0,status:"upload",style:{width:"586px"},...o})}};ba.options=Ph;ba.states=wh;ba.variants=Kh;ba.defaultOptions=qd;ba.modifiers=Dh;ba.className=ke.className;import{Fragment as m6,jsx as d6,jsxs as p6}from"react/jsx-runtime";import{jsx as xa,jsxs as Yd}from"react/jsx-runtime";var Zd="k-imageeditor-pane",_h=[],zh={},Hh={},Ne=e=>{let{title:t,actions:o,adaptive:a,confirmDisabled:i,children:s,...d}=e;return Yd("div",{...d,className:r(e.className,Zd),children:[Yd("div",{className:"k-imageeditor-pane-header",children:[a&&xa(l,{fillMode:"flat",icon:"x","aria-label":"Close",title:"Close"}),xa("div",{className:"k-imageeditor-pane-title",children:t}),a?xa(l,{fillMode:"flat",icon:"check",disabled:i,"aria-label":"Confirm",title:"Confirm"}):xa(l,{fillMode:"flat",icon:"x","aria-label":"Close",title:"Close"})]}),xa("div",{className:"k-imageeditor-pane-content",children:s}),!a&&o&&xa($e,{alignment:"end",className:"k-imageeditor-pane-footer",children:o})]})};Ne.states=_h;Ne.options=zh;Ne.className=Zd;Ne.moduleName=null;Ne.folderName=null;Ne.defaultOptions=Hh;import{jsx as $h}from"react/jsx-runtime";var Yn="k-imageeditor-option-preview",Fh=[n.hover,n.focus,n.selected],Uh={},Gh={},oe=e=>{let{label:t,hover:o,focus:a,selected:i,children:s,...d}=e;return $h("div",{...d,className:r(e.className,Yn,C(Yn,{hover:o,focus:a,selected:i})),role:"button","aria-pressed":i?"true":"false",children:s??t})};oe.states=Fh;oe.options=Uh;oe.className=Yn;oe.moduleName=null;oe.folderName=null;oe.defaultOptions=Gh;import{jsx as Qd}from"react/jsx-runtime";var or="k-imageeditor-option-list",Zn={scrollable:!1,scrollingPosition:"start"},Co=e=>{let{scrollable:t=Zn.scrollable,scrollingPosition:o=Zn.scrollingPosition,children:a,...i}=e;return Qd("div",{...i,className:r(e.className,or,{[`${or}-scrollable`]:t,[`${or}-scrollable-${o}`]:o&&o!=="both"}),children:Qd("div",{className:"k-imageeditor-option-list-items",children:a})})};Co.className=or;Co.moduleName=null;Co.folderName=null;Co.defaultOptions=Zn;import{Fragment as Xh,jsx as jd,jsxs as Wh}from"react/jsx-runtime";var Vh={},pi=e=>{let{label:t,style:o,children:a,imageSrc:i}=e;return Wh(Xh,{children:[jd("span",{"aria-hidden":"true",style:{position:"relative",display:"block",width:"100%",height:"40px",borderRadius:"2px",backgroundImage:i?`url('${i}')`:void 0,backgroundSize:"cover",boxSizing:"border-box",...o},children:a}),t&&jd("span",{className:"k-imageeditor-preview-thumbnail-label",children:t})]})};pi.moduleName=null;pi.folderName=null;pi.defaultOptions=Vh;import{jsx as Jh}from"react/jsx-runtime";var Ke=e=>{let{imageSrc:t,adaptive:o,style:a,...i}=e;return Jh("canvas",{role:"img","aria-label":"Image being edited",...o?Ji:Wi,...i,style:{...t&&{backgroundImage:`url('${t}')`},backgroundSize:"cover",...a}})};Ke.moduleName=null;Ke.folderName=null;import{Fragment as ep,jsx as $t,jsxs as tp}from"react/jsx-runtime";var op={variant:"crop"},ha=e=>{let{variant:t=op.variant,grid:o,corners:a=!0}=e,i=t==="crop"?"k-resize-handle":"k-scale-handle",s=t==="scale"?"k-scale-handle":"k-resize-handle";return tp(ep,{children:[o&&$t("div",{className:"k-imageeditor-crop-grid"}),a&&tp(ep,{children:[$t("span",{className:`${i} k-resize-nw`}),$t("span",{className:`${i} k-resize-ne`}),$t("span",{className:`${i} k-resize-sw`}),$t("span",{className:`${i} k-resize-se`})]}),$t("span",{className:`${s} k-resize-n`}),$t("span",{className:`${s} k-resize-s`}),$t("span",{className:`${s} k-resize-w`}),$t("span",{className:`${s} k-resize-e`})]})};ha.moduleName=null;ha.folderName=null;ha.defaultOptions=op;import{jsx as ap}from"react/jsx-runtime";var qh="k-rotate-handle",Qn=e=>ap("span",{...e,className:r(e.className,qh),children:ap(N,{icon:"rotate"})});Qn.moduleName=null;Qn.folderName=null;import{jsx as z6}from"react/jsx-runtime";var ip="form",rp="forms";import{Fragment as np,jsx as ar,jsxs as Qh}from"react/jsx-runtime";var ir="k-form",Yh=[],Zh={size:[p.undefined,p.small,p.medium,p.large]},jn={layout:"basic",tag:"form"},$=e=>{let{size:t,orientation:o,layout:a=jn.layout,formButtons:i,cols:s,gutters:d,tag:m=jn.tag,children:c,style:b}=e,x=m,v=r(e.className,ir,y(ir,{size:t}),{[`${ir}-${o}`]:o}),u=Qh(np,{children:[a==="grid"?ar("div",{className:r("k-form-layout","k-d-grid",{[`k-grid-cols-${s}`]:s}),style:{...typeof d=="string"&&{gap:d},...typeof d=="object"&&d.rows&&{rowGap:d.rows},...typeof d=="object"&&d.cols&&{columnGap:d.cols},...b},children:c}):ar(np,{children:c}),i&&ar("div",{className:"k-form-buttons",children:i})]}),{role:L,"aria-labelledby":S,"aria-label":k,id:E}=e;return ar(x,{className:v,role:L,"aria-labelledby":S,"aria-label":k,id:E,children:u})};$.states=Yh;$.options=Zh;$.className=ir;$.defaultOptions=jn;$.moduleName=ip;$.folderName=rp;var sp="label",lp="label";import{jsx as dp,jsxs as oN}from"react/jsx-runtime";var es="k-label",jh=[n.disabled],eN={},tN={},ro=e=>{let{disabled:t,optional:o,info:a,text:i,children:s,...d}=e;return oN("label",{...d,className:r(e.className,es,C(es,{disabled:t})),children:[i\|\|s,o&&dp("span",{className:"k-label-optional",children:"(Optional)"}),a&&dp("span",{className:"k-field-info",children:a})]})};ro.states=jh;ro.options=eN;ro.className=es;ro.defaultOptions=tN;ro.moduleName=sp;ro.folderName=lp;import{jsx as nN}from"react/jsx-runtime";var pp="k-form-hint",aN=[],iN={},rN={},mt=e=>{let{text:t,children:o,...a}=e;return nN("div",{...a,className:r(e.className,pp),children:t\|\|o})};mt.states=aN;mt.options=iN;mt.className=pp;mt.defaultOptions=rN;import{jsx as pN}from"react/jsx-runtime";var mp="k-form-error",sN=[],lN={},dN={},ct=e=>{let{text:t,children:o,...a}=e;return pN("div",{...a,className:r(e.className,mp),children:t\|\|o})};ct.states=sN;ct.options=lN;ct.className=mp;ct.defaultOptions=dN;import{jsx as rr,jsxs as cp}from"react/jsx-runtime";var ts="k-form-field",mN=[n.disabled],D=e=>{let{editorId:t,label:o,orientation:a,optional:i,editor:s,hint:d,error:m,info:c,disabled:b,dir:x,colSpan:v,...u}=e;return cp("div",{...u,className:r(ts,e.className,C(ts,{disabled:b}),{[`k-col-span-${v}`]:v}),dir:x,children:[o&&rr(ro,{className:"k-form-label",id:t?`${t}-label`:void 0,htmlFor:t\|\|void 0,optional:i,info:c?"(field info)":void 0,children:o}),a==="horizontal"&&!o&&rr("span",{className:"k-label k-form-label k-label-empty"}),cp("div",{className:"k-form-field-wrap",children:[s,d&&rr(mt,{id:t?`${t}-hint`:void 0,children:d}),m&&rr(ct,{id:t?`${t}-error`:void 0,children:m})]})]})};D.states=mN;D.className=ts;import{Fragment as cN,jsx as os,jsxs as uN}from"react/jsx-runtime";var up="k-form-fieldset",ge=e=>{let{legend:t,layout:o,cols:a,gutters:i,colSpan:s}=e;return uN("fieldset",{className:r(up,{[`k-col-span-${s}`]:s}),children:[t&&os("legend",{className:"k-form-legend",children:t}),o==="grid"?os("div",{className:r("k-form-layout","k-d-grid",{[`k-grid-cols-${a}`]:a}),style:{...typeof i=="string"&&{gap:i},...typeof i=="object"&&i.rows&&{rowGap:i.rows},...typeof i=="object"&&i.cols&&{columnGap:i.cols}},children:e.children}):os(cN,{children:e.children})]})};ge.className=up;var yo="radio",Na=yo;import{jsx as fp}from"react/jsx-runtime";var nr="k-radio",fN=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked],bN={size:[p.undefined,p.small,p.medium,p.large]},xN={},qe=e=>{let{id:t,checked:o,hover:a,focus:i,disabled:s,invalid:d,valid:m,required:c,size:b,...x}=e;return fp("span",{className:"k-radio-wrap",children:fp("input",{...x,id:t,type:"radio",checked:o,required:c,disabled:s\|\|void 0,"aria-invalid":d?"true":void 0,className:r(e.className,nr,y(nr,{size:b}),C(nr,{hover:a,focus:i,disabled:s,invalid:d,valid:m,checked:o}))})})};qe.states=fN;qe.options=bN;qe.className=nr;qe.defaultOptions=xN;qe.moduleName=yo;qe.folderName=Na;var ut=qe;import{jsx as gN}from"react/jsx-runtime";var bp="k-radio-list",hN=[],NN={},xp={layout:"vertical"},me=e=>{let{layout:t=xp.layout,...o}=e;return gN("ul",{...o,className:r(e.className,bp,{[`k-list-${t}`]:t}),role:"radiogroup",children:e.children})};me.states=hN;me.options=NN;me.className=bp;me.defaultOptions=xp;me.moduleName=yo;me.folderName=Na;import{jsx as SN}from"react/jsx-runtime";var hp="k-radio-list-item",vN=[],LN={},IN={},ce=e=>{let{...t}=e;return SN("li",{...t,className:r(e.className,hp),role:"none",children:e.children})};ce.states=vN;ce.options=LN;ce.className=hp;ce.defaultOptions=IN;ce.moduleName=yo;ce.folderName=Na;import{jsx as C9}from"react/jsx-runtime";import{Fragment as kN,jsx as Np,jsxs as EN}from"react/jsx-runtime";var Ye=({children:e,id:t,...o})=>EN(kN,{children:[Np(ut,{...o,id:t}),Np("label",{className:"k-radio-label",htmlFor:t,children:e})]});import{Fragment as w9,jsx as P9,jsxs as K9}from"react/jsx-runtime";import{Fragment as U9,jsx as H9,jsxs as F9}from"react/jsx-runtime";import{Fragment as W9,jsx as X9,jsxs as J9}from"react/jsx-runtime";import{Fragment as j9,jsx as Q9,jsxs as e7}from"react/jsx-runtime";import{Fragment as s7,jsx as n7,jsxs as l7}from"react/jsx-runtime";import{jsx as c7}from"react/jsx-runtime";import{jsx as BN}from"react/jsx-runtime";var CN=ut.options,yN=ut.states,AN=ut.defaultOptions,TN=[],ON=[],ga=e=>BN(Ye,{id:T("radio"),name:"value",...e,children:"Label"});ga.options=CN;ga.states=yN;ga.variants=TN;ga.defaultOptions=AN;ga.modifiers=ON;ga.className=ut.className;import{jsx as ft,jsxs as gp}from"react/jsx-runtime";var RN=me.options,PN=me.states,wN={...me.defaultOptions,variant:"vertical"},KN=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],DN=[],va=e=>{let{variant:t,...o}=e;return t==="horizontal"?gp(me,{layout:"horizontal",...o,children:[ft(ce,{children:ft(Ye,{id:T("rb"),name:"value",defaultChecked:!0,children:"Label"})}),ft(ce,{children:ft(Ye,{id:T("rb"),name:"value",children:"Label"})}),ft(ce,{children:ft(Ye,{id:T("rb"),name:"value",children:"Label"})})]}):gp(me,{...o,children:[ft(ce,{children:ft(Ye,{id:T("rb"),name:"value",defaultChecked:!0,children:"Label"})}),ft(ce,{children:ft(Ye,{id:T("rb"),name:"value",children:"Label"})}),ft(ce,{children:ft(Ye,{id:T("rb"),name:"value",children:"Label"})})]})};va.options=RN;va.states=PN;va.variants=KN;va.defaultOptions=wN;va.modifiers=DN;va.className=me.className;import{Fragment as J7,jsx as W7,jsxs as q7}from"react/jsx-runtime";import{Fragment as i4,jsx as a4,jsxs as r4}from"react/jsx-runtime";import{Fragment as c4,jsx as m4,jsxs as u4}from"react/jsx-runtime";var vp="date-input",Lp="dateinput";import{jsx as mi,jsxs as FN}from"react/jsx-runtime";var Ip="k-dateinput",_N=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],zN={size:[p.undefined,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},HN={},Ze=e=>{let{size:t,rounded:o,fillMode:a,value:i,placeholder:s,hover:d,focus:m,valid:c,invalid:b,required:x,loading:v,disabled:u,readonly:L,showClearButton:S,showSpinButton:k,id:E,"aria-label":M,"aria-describedby":B,...K}=e;return FN(X,{...K,size:t,rounded:o,fillMode:a,hover:d,focus:m,valid:c,invalid:b,required:x,loading:v,disabled:u,readonly:L,className:r(e.className,Ip),children:[mi(be,{id:E,placeholder:s,value:i,disabled:u,"aria-label":M,"aria-describedby":B,"aria-invalid":b?"true":void 0}),mi(ee,{valid:c,invalid:b,loading:v,disabled:u}),mi(re,{loading:v,disabled:u}),S&&mi(fe,{loading:v,disabled:u,readonly:L,value:i}),k&&mi(yt,{className:"k-input-spinner",size:t,fillMode:a,disabled:u})]})};Ze.states=_N;Ze.options=zN;Ze.className=Ip;Ze.defaultOptions=HN;Ze.moduleName=vp;Ze.folderName=Lp;var as=Ze;import{jsx as UN}from"react/jsx-runtime";var Sp=e=>UN(as,{...e});import{jsx as C4}from"react/jsx-runtime";import{jsx as JN}from"react/jsx-runtime";var GN=Ze.options,$N=Ze.states,VN=Ze.defaultOptions,XN=[{name:"spin-button",title:"`Spin` Button"}],WN=[],La=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(i=>{i==="spin-button"&&(a.showSpinButton=!!t?.[i])}),JN(Sp,{value:"2/04/2021",style:{width:"300px"},...o,...a})};La.options=GN;La.states=$N;La.variants=WN;La.defaultOptions=VN;La.modifiers=XN;La.className=Ze.className;var kp="masked-textbox",Ep="maskedtextbox";import{Fragment as Mp,jsx as no,jsxs as is}from"react/jsx-runtime";var Cp="k-maskedtextbox",qN=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],YN={size:[p.undefined,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},rs={showClearButton:!0,separators:!0},Qe=e=>{let{size:t,rounded:o,fillMode:a,separators:i=rs.separators,showClearButton:s=rs.showClearButton,prefix:d,suffix:m,value:c,placeholder:b,hover:x,focus:v,valid:u,invalid:L,required:S,loading:k,disabled:E,readonly:M,id:B,"aria-label":K,"aria-describedby":Z,...ae}=e;return is(X,{...ae,size:t,rounded:o,fillMode:a,hover:x,focus:v,valid:u,invalid:L,required:S,loading:k,disabled:E,readonly:M,className:r(e.className,Cp),children:[d&&is(Mp,{children:[no(ve,{children:d}),i&&no(te,{})]}),no(be,{id:B,placeholder:b,value:c,disabled:E,"aria-label":K,"aria-describedby":Z,"aria-invalid":L?"true":void 0}),no(ee,{valid:u,invalid:L,loading:k,disabled:E}),no(re,{loading:k,disabled:E}),s&&no(fe,{loading:k,disabled:E,readonly:M,value:c}),m&&is(Mp,{children:[i&&no(te,{}),no(Le,{children:m})]})]})};Qe.states=qN;Qe.options=YN;Qe.className=Cp;Qe.defaultOptions=rs;Qe.moduleName=kp;Qe.folderName=Ep;var Ia=Qe;import{jsx as ZN}from"react/jsx-runtime";var yp=e=>ZN(Ia,{...e});import{Fragment as Q4,jsx as Z4}from"react/jsx-runtime";import{Fragment as i8,jsx as a8}from"react/jsx-runtime";import{jsx as l8}from"react/jsx-runtime";import{jsx as c8}from"react/jsx-runtime";import{jsx as ns}from"react/jsx-runtime";var QN=Qe.states,jN=Qe.defaultOptions,eg=Qe.options,tg=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],og=[],Sa=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?ns(W,{size:o.size,value:"Choose",fillMode:"flat"}):void 0;break;case"suffix":a.suffix=t?.[i]?ns(N,{icon:"lock"}):void 0;break;case"clear-button":a.showClearButton=t?.[i];break;default:break}}),ns(yp,{value:"Value",style:{width:300},...o,...a})};Sa.options=eg;Sa.states=QN;Sa.variants=og;Sa.defaultOptions=jN;Sa.modifiers=tg;Sa.className=Qe.className;var ss="switch",Ap=ss;import{jsx as sr,jsxs as Tp}from"react/jsx-runtime";var so="k-switch",ag=[n.hover,n.focus,n.disabled,n.readonly,n.checked],ig={size:[p.undefined,p.small,p.medium,p.large],trackRounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],thumbRounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full]},rg={},Ue=e=>{let{checked:t,onLabel:o,offLabel:a,size:i,trackRounded:s,thumbRounded:d,hover:m,focus:c,disabled:b,readonly:x,...v}=e;return Tp("span",{...v,className:r(e.className,so,y(so,{size:i}),C(so,{hover:m,focus:c,disabled:b,readonly:x}),{[`${so}-on`]:t,[`${so}-off`]:!t}),role:"switch","aria-checked":t?"true":"false",tabIndex:b?void 0:0,"aria-disabled":b?"true":void 0,"aria-readonly":x?"true":void 0,children:[Tp("span",{className:r("k-switch-track",y(so,{rounded:s})),children:[o&&sr("span",{className:"k-switch-label-on",children:o}),a&&sr("span",{className:"k-switch-label-off",children:a})]}),sr("span",{className:"k-switch-thumb-wrap",children:sr("span",{className:r("k-switch-thumb",y(so,{rounded:d}))})})]})};Ue.states=ag;Ue.options=ig;Ue.className=so;Ue.defaultOptions=rg;Ue.moduleName=ss;Ue.folderName=Ap;import{jsx as K8}from"react/jsx-runtime";import{jsx as H8}from"react/jsx-runtime";import{jsx as $8}from"react/jsx-runtime";import{jsx as J8}from"react/jsx-runtime";import{jsx as Op}from"react/jsx-runtime";var ng=Ue.options,sg=Ue.states,lg={...Ue.defaultOptions,variant:"on"},dg=[{name:"on",title:"On"},{name:"off",title:"Off"}],pg=[],ka=e=>{let{variant:t,...o}=e;return t==="off"?Op(Ue,{checked:!1,onLabel:"On",offLabel:"Off",...o}):Op(Ue,{checked:!0,onLabel:"On",offLabel:"Off",...o})};ka.options=ng;ka.states=sg;ka.variants=dg;ka.defaultOptions=lg;ka.modifiers=pg;ka.className=Ue.className;var ds="textarea",Bp=ds;import{Fragment as Rp,jsx as ci,jsxs as ps}from"react/jsx-runtime";var Pp="k-textarea",mg=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled],cg={size:[p.undefined,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Ea={flow:"vertical",affixesOrientation:"horizontal",resize:"both",prefixSeparator:!0,suffixSeparator:!0},Ge=e=>{let{size:t,rounded:o,fillMode:a,prefixSeparator:i=Ea.prefixSeparator,suffixSeparator:s=Ea.prefixSeparator,affixesOrientation:d=Ea.affixesOrientation,flow:m=Ea.flow,resize:c=Ea.resize,prefix:b,suffix:x,rows:v,value:u,placeholder:L,hover:S,focus:k,valid:E,invalid:M,required:B,disabled:K,id:Z,"aria-label":ae,"aria-describedby":ie,...ue}=e;return ps(X,{...ue,size:t,rounded:o,fillMode:a,hover:S,focus:k,valid:E,invalid:M,required:B,disabled:K,className:r(e.className,Pp,{"!k-flex-col":m==="vertical","!k-flex-row":m==="horizontal"}),children:[b&&ps(Rp,{children:[ci(ve,{className:r({"!k-align-items-start":m===d}),direction:d,children:b}),i&&ci(te,{direction:m==="horizontal"?"vertical":"horizontal"})]}),ci(Fa,{className:r("!k-overflow-auto",{"!k-flex-none":m==="vertical","k-resize-x":c==="x","k-resize-y":c==="y","k-resize":c==="both","k-resize-none":c==="none"}),value:u,placeholder:L,rows:v,disabled:K,id:Z,"aria-label":ae,"aria-describedby":ie,"aria-invalid":M?"true":void 0}),x&&ps(Rp,{children:[s&&ci(te,{direction:m==="horizontal"?"vertical":"horizontal"}),ci(Le,{className:r({"!k-align-items-start":m===d}),direction:d,children:x})]})]})};Ge.states=mg;Ge.options=cg;Ge.className=Pp;Ge.defaultOptions=Ea;Ge.moduleName=ds;Ge.folderName=Bp;import{jsx as b$}from"react/jsx-runtime";import{Fragment as L$,jsx as v$}from"react/jsx-runtime";import{Fragment as C$,jsx as M$}from"react/jsx-runtime";import{jsx as O$}from"react/jsx-runtime";import{jsx as lr}from"react/jsx-runtime";var ug=Ge.options,fg=Ge.states,wp={...Ge.defaultOptions,variant:"vertical"},bg=[{name:"vertical",title:"Flow vertical"},{name:"horizontal",title:"Flow horizontal"}],xg=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"}],Ma=e=>{let{variant:t,modifiers:o,...a}={...wp,...e},i={resize:"y"};return Object.keys(o\|\|{}).forEach(s=>{switch(s){case"prefix":i.prefix=o?.[s]?lr(N,{icon:"comment"}):void 0;break;case"suffix":i.suffix=o?.[s]?lr(N,{icon:"volume-up"}):void 0;break;default:break}}),t==="horizontal"?lr(Ge,{flow:"horizontal",placeholder:"Enter text...",style:{width:300},...a,...i}):lr(Ge,{flow:"vertical",placeholder:"Enter text...",style:{width:300},...a,...i})};Ma.options=ug;Ma.states=fg;Ma.variants=bg;Ma.defaultOptions=wp;Ma.modifiers=xg;Ma.className=Ge.className;import{Fragment as tV,jsx as eV,jsxs as oV}from"react/jsx-runtime";import{Fragment as Ig,jsx as De,jsxs as Ca}from"react/jsx-runtime";var hg=$.options,Ng=$.states,gg={...$.defaultOptions,variant:"vertical"},vg=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Lg=[],ya=e=>{let{variant:t,size:o,...a}=e,i=Ca(ge,{legend:"Form Legend",children:[De(D,{label:"Label",editor:De(G,{size:o})}),De(D,{label:"Label",hint:"Hint text",editor:De(W,{value:"Dropdown List",size:o})}),De(D,{label:"City",editor:Ca("ul",{className:"k-radio-list k-list-horizontal",children:[Ca("li",{className:"k-radio-list-item",children:[De(qe,{checked:!0,size:o}),De("label",{className:"k-radio-label",children:"Label"})]}),Ca("li",{className:"k-radio-list-item",children:[De(qe,{size:o}),De("label",{className:"k-radio-label",children:"Label"})]}),Ca("li",{className:"k-radio-list-item",children:[De(qe,{size:o}),De("label",{className:"k-radio-label",children:"Label"})]})]})})]}),s=Ca(Ig,{children:[De(l,{className:"k-form-submit",themeColor:"primary",size:o,children:"Submit"}),De(l,{className:"k-form-clear",size:o,children:"Clear"})]});return t==="horizontal"?De($,{orientation:"horizontal",size:o,...a,formButtons:s,children:i}):De($,{size:o,...a,formButtons:s,children:i})};ya.options=hg;ya.states=Ng;ya.variants=vg;ya.defaultOptions=gg;ya.modifiers=Lg;ya.className=$.className;import{jsx as Kp,jsxs as Cg}from"react/jsx-runtime";var Sg=mt.options,kg=mt.states,Dp={...mt.defaultOptions},Eg=[],Mg=[{name:"showHint",title:"Show Hint"}],Aa=e=>{let{modifiers:t,...o}={...Dp,...e},a=t?.showHint??!0;return Cg("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[Kp(G,{placeholder:"Component",style:{width:"200px"}}),a&&Kp(mt,{...o,children:"Hint text"})]})};Aa.options=Sg;Aa.states=kg;Aa.variants=Eg;Aa.defaultOptions=Dp;Aa.modifiers=Mg;Aa.className=mt.className;import{jsx as _p,jsxs as Bg}from"react/jsx-runtime";var yg=ct.options,Ag=ct.states,zp={...ct.defaultOptions},Tg=[],Og=[{name:"showError",title:"Show Error"}],Ta=e=>{let{modifiers:t,...o}={...zp,...e},a=t?.showError??!0;return Bg("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[_p(G,{placeholder:"Component",invalid:a,style:{width:"200px"}}),a&&_p(ct,{...o,children:"Error text"})]})};Ta.options=yg;Ta.states=Ag;Ta.variants=Tg;Ta.defaultOptions=zp;Ta.modifiers=Og;Ta.className=ct.className;import{Fragment as XV,jsx as VV,jsxs as WV}from"react/jsx-runtime";import{Fragment as aX,jsx as oX,jsxs as iX}from"react/jsx-runtime";import{Fragment as xX,jsx as bX,jsxs as hX}from"react/jsx-runtime";import{Fragment as BX,jsx as OX,jsxs as RX}from"react/jsx-runtime";var cs="segmented-control",Hp=cs,Fp="segmented-control-button",Up="segmented-control";import{jsx as wg,jsxs as Kg}from"react/jsx-runtime";var dr="k-segmented-control",Rg=[],Pg={size:[p.undefined,p.small,p.medium,p.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full]},Pt=e=>{let{size:t,rounded:o,stretched:a,children:i,thumbStyles:s,...d}=e;return Kg("div",{...d,className:r(e.className,dr,y(dr,{size:t,rounded:o}),{[`${dr}-stretched`]:a}),role:"group",children:[wg("div",{className:"k-segmented-control-thumb","aria-hidden":"true",style:s}),i]})};Pt.states=Rg;Pt.options=Pg;Pt.className=dr;Pt.moduleName=cs;Pt.folderName=Hp;import{jsx as us,jsxs as Hg}from"react/jsx-runtime";var fs="k-segmented-control-button",Dg=[n.selected,n.hover,n.focus,n.disabled],_g={},zg={},bt=e=>{let{hover:t,focus:o,selected:a,disabled:i,icon:s,endIcon:d,text:m,iconClassName:c,...b}=e;return Hg("button",{...b,className:r(e.className,fs,C(fs,{hover:t,focus:o,disabled:i,selected:a})),"aria-pressed":a?"true":"false","aria-disabled":i?"true":void 0,tabIndex:a?0:-1,children:[s&&us(N,{className:r(c,"k-segmented-control-button-icon"),icon:s}),(m\|\|e.children)&&us("span",{className:"k-segmented-control-button-text",children:m\|\|e.children}),d&&us(N,{className:r(c,"k-segmented-control-button-icon"),icon:d})]})};bt.states=Dg;bt.options=_g;bt.className=fs;bt.defaultOptions=zg;bt.moduleName=Fp;bt.folderName=Up;import{Fragment as qX,jsx as JX,jsxs as YX}from"react/jsx-runtime";import{Fragment as oW,jsx as tW,jsxs as aW}from"react/jsx-runtime";import{Fragment as dW,jsx as lW,jsxs as pW}from"react/jsx-runtime";import{Fragment as xW,jsx as bW,jsxs as hW}from"react/jsx-runtime";import{Fragment as SW,jsx as IW,jsxs as kW}from"react/jsx-runtime";import{Fragment as TW,jsx as AW,jsxs as OW}from"react/jsx-runtime";import{Fragment as oJ,jsx as tJ,jsxs as aJ}from"react/jsx-runtime";import{Fragment as bJ,jsx as fJ,jsxs as xJ}from"react/jsx-runtime";import{Fragment as yJ,jsx as CJ,jsxs as AJ}from"react/jsx-runtime";import{Fragment as KJ,jsx as wJ,jsxs as DJ}from"react/jsx-runtime";import{Fragment as XJ,jsx as VJ,jsxs as WJ}from"react/jsx-runtime";import{Fragment as nq,jsx as rq,jsxs as sq}from"react/jsx-runtime";import{Fragment as gq,jsx as Nq,jsxs as vq}from"react/jsx-runtime";import{jsx as Eq}from"react/jsx-runtime";import{jsx as Tq}from"react/jsx-runtime";import{jsx as wq}from"react/jsx-runtime";import{jsx as Hq}from"react/jsx-runtime";import{jsx as $q}from"react/jsx-runtime";import{jsx as qq}from"react/jsx-runtime";import{jsx as eY}from"react/jsx-runtime";import{jsx as rY}from"react/jsx-runtime";import{jsx as pY}from"react/jsx-runtime";import{jsx as bY}from"react/jsx-runtime";import{jsx as vY}from"react/jsx-runtime";import{jsx as EY}from"react/jsx-runtime";import{Fragment as $p,jsx as g,jsxs as V}from"react/jsx-runtime";var Gp=({selected:e=!1,shapeType:t="Oval",strokeColor:o="#000000",strokeWidth:a=2,fillColor:i="#ffffff93",textColor:s="#000000",fontFamily:d="Trebuchet MS",fontSize:m=48,alignment:c,adaptive:b,imageSrc:x,...v})=>g(pe,{adaptive:b,activeTool:"Shapes",toolbarItems:b&&e?V($p,{children:[g(l,{fillMode:"flat",icon:"squares-overlapping-plus","aria-label":"Duplicate"}),g(l,{fillMode:"flat",icon:"pencil","aria-label":"Edit"}),g(he,{}),g(l,{fillMode:"flat",icon:"flip-horizontal","aria-label":"Flip Horizontal"}),g(l,{fillMode:"flat",icon:"flip-vertical","aria-label":"Flip Vertical"}),g(he,{}),g(l,{fillMode:"flat",icon:"trash","aria-label":"Delete"})]}):void 0,actionPane:V(Ne,{title:"Shapes and Lines",adaptive:b,confirmDisabled:!e,actions:V($p,{children:[g(l,{disabled:!e,children:"Remove"}),g(l,{themeColor:"primary",disabled:!e,children:"Insert"})]}),children:[V(Pt,{thumbStyles:{width:"50%"},stretched:!0,"aria-label":"Shape or Line",children:[g(bt,{icon:"shapes",selected:!0,children:"Shape"}),g(bt,{icon:"shape-line",children:"Line"})]}),V($,{tag:"div",children:[g(D,{label:"Type",editor:V(Co,{scrollable:!0,children:[g(oe,{selected:t==="Square",children:V("div",{className:"k-imageeditor-option-content",children:[g(N,{icon:"checkbox"}),g("span",{className:"k-imageeditor-option-label",children:"Square"})]})}),g(oe,{selected:t==="Rectangle",children:V("div",{className:"k-imageeditor-option-content",children:[g(N,{icon:"rectangle-shape"}),g("span",{className:"k-imageeditor-option-label",children:"Rectangle"})]})}),g(oe,{selected:t==="Circle",children:V("div",{className:"k-imageeditor-option-content",children:[g(N,{icon:"circle-shape"}),g("span",{className:"k-imageeditor-option-label",children:"Circle"})]})}),g(oe,{selected:t==="Oval",children:V("div",{className:"k-imageeditor-option-content",children:[g(N,{icon:"oval-shape"}),g("span",{className:"k-imageeditor-option-label",children:"Oval"})]})}),g(oe,{selected:t==="Triangle",children:V("div",{className:"k-imageeditor-option-content",children:[g(N,{icon:"kpi-status-hold"}),g("span",{className:"k-imageeditor-option-label",children:"Triangle"})]})}),g(oe,{selected:t==="Star",children:V("div",{className:"k-imageeditor-option-content",children:[g(N,{icon:"star"}),g("span",{className:"k-imageeditor-option-label",children:"Star"})]})}),g(oe,{selected:t==="Heart",children:V("div",{className:"k-imageeditor-option-content",children:[g(N,{icon:"heart"}),g("span",{className:"k-imageeditor-option-label",children:"Heart"})]})}),g(oe,{selected:t==="Diamond",children:V("div",{className:"k-imageeditor-option-content",children:[g(N,{icon:"kpi-status-deny"}),g("span",{className:"k-imageeditor-option-label",children:"Diamond"})]})}),g(oe,{selected:t==="Hexagon",children:V("div",{className:"k-imageeditor-option-content",children:[g(N,{icon:"hexagon-shape"}),g("span",{className:"k-imageeditor-option-label",children:"Hexagon"})]})}),g(oe,{selected:t==="Pentagon",children:V("div",{className:"k-imageeditor-option-content",children:[g(N,{icon:"pentagon-shape"}),g("span",{className:"k-imageeditor-option-label",children:"Pentagon"})]})}),g(oe,{selected:t==="Arrow",children:V("div",{className:"k-imageeditor-option-content",children:[g(N,{icon:"arrow-right"}),g("span",{className:"k-imageeditor-option-label",children:"Arrow"})]})})]})}),V(ge,{layout:"grid",cols:2,gutters:{cols:"16px"},children:[g(D,{label:"Stroke Color",editor:g(le,{id:"shape-stroke-color",value:o,"aria-label":"Stroke Color"})}),g(D,{label:"Stroke Width",editorId:"shape-stroke-width",editor:g(P,{id:"shape-stroke-width",showClearButton:!1,showSpinButton:!1,value:String(a),prefix:g(N,{icon:"border-width"})})})]}),V(ge,{layout:"grid",cols:2,gutters:{cols:"16px"},children:[g(D,{label:"Fill Color",editor:g(le,{id:"shape-fill-color",value:i,valueIconName:"droplet","aria-label":"Fill Color"})}),g(D,{label:"Text Color",editor:g(le,{disabled:!e,id:"shape-text-color",value:s,valueIconName:"foreground-color","aria-label":"Text Color"})})]}),g(D,{label:"Font Family",editorId:"shape-font-family",editor:g(Ie,{disabled:!e,id:"shape-font-family",showClearButton:!1,prefix:g(N,{icon:"font-family"}),value:d})}),V(ge,{layout:"grid",cols:2,gutters:{cols:"16px"},children:[g(D,{label:"Font Size",editorId:"shape-font-size",editor:g(P,{disabled:!e,id:"shape-font-size",showClearButton:!1,showSpinButton:!1,value:String(m),prefix:g(N,{icon:"font-size"})})}),g(D,{label:"Alignment",editor:V(O,{disabled:!e,children:[g(l,{disabled:!e,className:"k-group-start",icon:"align-left",selected:c==="left","aria-label":"Align Left"}),g(l,{disabled:!e,icon:"align-center",selected:c==="center","aria-label":"Align Center"}),g(l,{disabled:!e,className:"k-group-end",icon:"align-right",selected:c==="right","aria-label":"Align Right"})]})})]}),g(D,{label:"Format",editor:V("div",{className:"k-imageeditor-controls",children:[g(l,{disabled:!e,icon:"bold","aria-label":"Bold"}),g(l,{disabled:!e,icon:"italic","aria-label":"Italic"}),g(l,{disabled:!e,icon:"underline","aria-label":"Underline"}),g(l,{disabled:!e,icon:"strikethrough","aria-label":"Strikethrough"}),g(l,{disabled:!e,icon:"convert-uppercase","aria-label":"Uppercase"}),g(l,{disabled:!e,icon:"convert-lowercase","aria-label":"Lowercase"})]})}),V(ge,{layout:"grid",cols:2,gutters:{cols:"16px"},children:[g(D,{label:"Align Horizontal",editor:V(O,{disabled:!e,children:[g(l,{disabled:!e,className:"k-group-start",icon:"align-items-start","aria-label":"Align Left"}),g(l,{disabled:!e,icon:"align-items-center","aria-label":"Align Center"}),g(l,{disabled:!e,className:"k-group-end",icon:"align-items-end","aria-label":"Align Right"})]})}),g(D,{label:"Align Vertical",editor:V(O,{disabled:!e,children:[g(l,{disabled:!e,className:"k-group-start",icon:"align-items-start-alt","aria-label":"Align Top"}),g(l,{disabled:!e,icon:"align-items-center-alt","aria-label":"Align Middle"}),g(l,{disabled:!e,className:"k-group-end",icon:"align-items-end-alt","aria-label":"Align Bottom"})]})})]}),g(D,{label:"Rotation",editor:V("div",{className:"k-imageeditor-field-row",children:[g(F,{disabled:!e,style:{flex:1},"aria-label":"Rotation",showButtons:!1,showTicks:!1,value:0,min:0,max:360}),g(P,{disabled:!e,style:{width:"80px",flex:"none"},"aria-label":"Rotation angle",showClearButton:!1,showSpinButton:!1,separators:!1,value:"0",suffix:g(kt,{children:"\xB0"})})]})}),V(ge,{layout:"grid",cols:2,gutters:{cols:"16px"},children:[g(D,{label:"Rotate Options",editor:V("div",{className:"k-imageeditor-controls",children:[g(l,{disabled:!e,icon:"rotate-right","aria-label":"Rotate Right"}),g(l,{disabled:!e,icon:"rotate-left","aria-label":"Rotate Left"})]})}),g(D,{label:"Flip Options",editor:V("div",{className:"k-imageeditor-controls",children:[g(l,{disabled:!e,icon:"flip-horizontal","aria-label":"Flip Horizontal"}),g(l,{disabled:!e,icon:"flip-vertical","aria-label":"Flip Vertical"})]})})]})]})]}),children:g(Ke,{adaptive:b,imageSrc:x}),...v}),IZ=Gp;export{Gp as ImageEditorInsertShape,IZ as default};