npm - @progress/kendo-themes-html - Versions diffs - 14.7.0 → 14.7.1-dev.0 - Mend

@progress/kendo-themes-html 14.7.0 → 14.7.1-dev.0

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

package/dist/esm/imageeditor/templates/imageeditor-frames.mjs CHANGED Viewed

	@@ -1 +1 @@
1	- var n=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?n(...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)=>n({[`${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"}),M=(e,t)=>{let{valid:o,invalid:a,hover:i,focus:r,checked:l,active:m,selected:c,disabled:b,indeterminate:x,loading:g,empty:u,readonly:v,highlighted:I,...S}=t;return n({"k-valid":o,"k-invalid":a,"k-hover":i,"k-focus":r,"k-checked":l,"k-active":m,"k-selected":c,"k-disabled":b,"k-indeterminate":x&&!l,"k-loading":g,"k-empty":u,"k-readonly":v,"k-highlighted":I},Object.keys(S).reduce((k,E)=>(E.startsWith("k-")?k[E]=S[E]:k[`k-${E}`]=S[E],k),{}))};function xs(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},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"},gt={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},L={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},s={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 A(e){return pr[e]=(pr[e]\|\|0)+1,`k-${e}-${pr[e]}`}import{Fragment as Wp,jsx as hs}from"react/jsx-runtime";var mr="k-font-icon",$p=[],Vp={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[L.undefined,L.base,L.primary,L.secondary,L.tertiary,L.success,L.warning,L.error,L.info]},Xp={},wa=e=>{let{size:t,themeColor:o,icon:a,rotate:i,flip:r,...l}=e;return a?hs("span",{...l,className:n(e.className,mr,C(mr,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":r==="h"\|\|r==="both","k-flip-v":r==="v"\|\|r==="both"}),"aria-hidden":"true"}):hs(Wp,{})};wa.states=$p;wa.options=Vp;wa.className=mr;wa.defaultOptions=Xp;var Ns=wa;import{Fragment as Yp,jsx as hi}from"react/jsx-runtime";var cr="k-svg-icon",Jp=[],qp={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[L.undefined,L.base,L.primary,L.secondary,L.tertiary,L.success,L.warning,L.error,L.info],variant:[gt.outline,gt.solid,gt.duotone]},ur={viewBox:"0 0 24 24",variant:gt.outline},Ka=e=>{let{size:t,themeColor:o,rotate:a,flip:i,viewBox:r=ur.viewBox,variant:l=ur.variant,icon:m,...c}=e;if(!m)return hi(Yp,{});if(m==="none")return hi("span",{...c,className:n(e.className,cr,C("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof m=="object"&&m.name&&m.name,x=typeof m=="object"?l&&m.variants?.[l]\|\|m.variants?.outline\|\|m.content:void 0;return hi("span",{...c,className:n(e.className,cr,C("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:hi("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:r,dangerouslySetInnerHTML:x!==void 0?{__html:x}:void 0,children:m?void 0:e.children})})};Ka.states=Jp;Ka.options=qp;Ka.className=cr;Ka.defaultOptions=ur;var fr=Ka;importas br from"@progress/kendo-svg-icons";var gs="icon",vs="icons";import{useContext as Qp}from"react";import{createContext as Zp}from"react";var Ls=Zp({iconsType:"svg"});import{Fragment as Is,jsx as Da}from"react/jsx-runtime";var Ni="k-icon",jp=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),em=[],tm={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[L.undefined,L.base,L.primary,L.secondary,L.tertiary,L.success,L.warning,L.error,L.info],variant:[gt.outline,gt.solid,gt.duotone]},gi={viewBox:"0 0 24 24",type:"svg",variant:gt.outline},N=e=>{let{iconsType:t}=Qp(Ls),{size:o,themeColor:a,icon:i,type:r=t\|\|gi.type,rotate:l,flip:m,viewBox:c=gi.viewBox,variant:b=gi.variant,...x}=e;if(!i)return Da(Is,{});if((t\|\|r)==="svg"){if(i==="none")return Da(fr,{...x,className:n(e.className,Ni),icon:i,size:o,variant:b});let u=br[i]?i:jp(`${i}-icon`);return br[u]?Da(fr,{...x,className:n(e.className,Ni),icon:br[u],size:o,themeColor:a,rotate:l,flip:m,viewBox:c,variant:b}):Da(Is,{})}return Da(Ns,{...x,className:n(e.className,Ni),icon:i,size:o,themeColor:a,rotate:l,flip:m})};N.states=em;N.options=tm;N.defaultOptions=gi;N.className=Ni;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 _a="k-button",om=["icon-button"],am=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],im={size:[d.undefined,d.xsmall,d.small,d.medium,d.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:[L.undefined,L.base,L.primary,L.secondary,L.tertiary,L.success,L.warning,L.error,L.info,L.inverse]},Nr={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:i,themeColor:r,showArrow:l=Nr.showArrow,arrowIconName:m=Nr.arrowIconName,variant:c,hover:b,focus:x,active:g,selected:u,disabled:v,togglable:I,ariaDisabled:S,icon:k,endIcon:E,iconSize:T,text:w,iconClassName:Y,className:te,...oe}=e,pe=k!=null,po=e.children!==void 0;return ks(t,{className:n(te,_a,xs(_a,c),C(_a,{size:o,rounded:a,fillMode:i,themeColor:r}),M(_a,{hover:b,focus:x,active:g,disabled:v\|\|S,selected:u}),{"k-icon-button":!w&&!po&&pe}),"aria-pressed":I?u?"true":"false":void 0,...oe,"aria-disabled":S?"true":void 0,disabled:v\|\|void 0,children:[typeof k=="string"&&k&&Xt(N,{className:n(Y,"k-button-icon"),icon:k,size:T}),k&&typeof k!="string"&&Xt(hr,{children:k}),w?ks(hr,{children:[w&&Xt("span",{className:"k-button-text",children:w}),e.children]}):e.children&&Xt("span",{className:"k-button-text",children:e.children}),typeof E=="string"&&E&&Xt(N,{className:n(Y,"k-button-icon"),icon:E,size:T}),E&&typeof E!="string"&&Xt(hr,{children:E}),l&&Xt("span",{className:"k-menu-button-arrow k-button-arrow",children:Xt(N,{icon:m})})]})};p.states=am;p.options=im;p.variants=om;p.className=_a;p.defaultOptions=Nr;p.moduleName=xr;p.folderName=Ss;import{jsx as rm}from"react/jsx-runtime";var Rt=e=>rm(p,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as nm}from"react/jsx-runtime";var za=e=>nm(p,{icon:"folder",children:"Button",...e});import{jsx as Bv}from"react/jsx-runtime";import{jsx as sm}from"react/jsx-runtime";var vt=e=>sm(p,{children:"Button",...e});import{jsx as gr}from"react/jsx-runtime";var lm=p.options,dm=p.states,pm={...p.defaultOptions,variant:"text"},mm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],cm=[],Ao=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return gr(Rt,{...o,icon:"star"});case"icon-and-text":return gr(za,{...o,icon:"star",children:"Button"});default:return gr(vt,{...o,children:"Button"})}};Ao.options=lm;Ao.states=dm;Ao.variants=mm;Ao.defaultOptions=pm;Ao.modifiers=cm;Ao.className=p.className;var vr="button",Es=vr;import{jsx as xm}from"react/jsx-runtime";var Ha="k-button-group",um=[s.disabled],fm={fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},bm={},B=e=>{let{fillMode:t,disabled:o,stretched:a,...i}=e;return xm("div",{role:"group",...i,className:n(e.className,Ha,C(Ha,{fillMode:t}),M(Ha,{disabled:o}),{[`${Ha}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};B.states=um;B.options=fm;B.className=Ha;B.defaultOptions=bm;B.moduleName=vr;B.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 Pt,jsxs as Lr}from"react/jsx-runtime";var hm={...p.options,...B.options},Nm=p.states,gm={...p.defaultOptions,...B.defaultOptions,variant:"text-button"},vm=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Lm=[],To=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Lr(B,{fillMode:a.fillMode,className:o,children:[Pt(p,{...a,icon:"star"}),Pt(p,{...a,icon:"star"}),Pt(p,{...a,icon:"star"})]}):t==="icon-text-button"?Lr(B,{fillMode:a.fillMode,className:o,children:[Pt(p,{...a,icon:"star",children:"First"}),Pt(p,{...a,icon:"star",children:"Middle"}),Pt(p,{...a,icon:"star",children:"Last"})]}):Lr(B,{fillMode:a.fillMode,className:o,children:[Pt(p,{...a,children:"First"}),Pt(p,{...a,children:"Middle"}),Pt(p,{...a,children:"Last"})]})};To.options=hm;To.states=Nm;To.variants=vm;To.defaultOptions=gm;To.modifiers=Lm;To.className=B.className;var Fa="input",vi=Fa;import{jsx as Em}from"react/jsx-runtime";var Li="k-input",Im=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Sm={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},km={},X=e=>{let{hover:t,focus:o,disabled:a,invalid:i,valid:r,loading:l,readonly:m,size:c,rounded:b,fillMode:x,...g}=e;return Em("span",{...g,className:n(e.className,Li,C(Li,{size:c,rounded:b,fillMode:x}),M(Li,{hover:t,focus:o,disabled:a,invalid:i,valid:r,loading:l,readonly:m}))})};X.states=Im;X.options=Sm;X.className=Li;X.defaultOptions=km;X.moduleName=Fa;X.folderName=vi;import{jsx as Am}from"react/jsx-runtime";var Ii="k-picker",Mm=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Cm={size:[d.undefined,d.small,d.medium,d.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:r,loading:l,readonly:m,size:c,rounded:b,fillMode:x,...g}=e;return Am("span",{...g,className:n(e.className,Ii,C(Ii,{size:c,rounded:b,fillMode:x}),M(Ii,{hover:t,focus:o,disabled:a,invalid:i,valid:r,loading:l,readonly:m})),children:e.children})};Lt.states=Mm;Lt.options=Cm;Lt.className=Ii;Lt.defaultOptions=ym;Lt.moduleName=Fa;Lt.folderName=vi;import{Fragment as Bm,jsx as Ir}from"react/jsx-runtime";var Ms="k-clear-value",Tm=[s.disabled,s.loading,s.readonly],Om={},me=e=>{let{disabled:t,loading:o,readonly:a,value:i}=e;return t\|\|a\|\|o\|\|!i?Ir(Bm,{}):Ir("span",{className:n(e.className,Ms),children:Ir(N,{icon:"x"})})};me.states=Tm;me.options=Om;me.className=Ms;import{jsx as wm}from"react/jsx-runtime";var Sr="k-input-inner",Rm=[],Pm={},Si={type:"text",autocomplete:"off",value:"",placeholder:""},ce=e=>{let{value:t=Si.value,type:o=Si.type,placeholder:a=Si.placeholder,autocomplete:i=Si.autocomplete,disabled:r,readOnly:l,...m}=e;return wm("input",{...m,type:o,className:n(e.className,Sr,C(Sr,e)),placeholder:a,autoComplete:i,defaultValue:t,disabled:r\|\|void 0,readOnly:l\|\|void 0})};ce.states=Rm;ce.options=Pm;ce.className=Sr;import{jsx as Cs,jsxs as _m}from"react/jsx-runtime";var kr="k-input-inner",Km=[],Dm={},mo=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:i,valueIconName:r,...l}=e;return _m("span",{...l,className:n(e.className,kr,C(kr,e)),children:[i,!i&&r&&Cs(N,{className:"k-input-value-icon",icon:r}),a&&!t&&o,a&&t&&Cs("span",{className:"k-input-value-text",children:t})]})};mo.states=Km;mo.options=Dm;mo.className=kr;import{jsx as Fm}from"react/jsx-runtime";var Er="k-input-inner",zm=[],Hm={},ys={value:"",placeholder:""},Ua=e=>{let{value:t=ys.value,placeholder:o=ys.placeholder,rows:a,disabled:i,...r}=e;return Fm("textarea",{...r,className:n(e.className,Er,C(Er,e)),placeholder:o,rows:a,defaultValue:t,disabled:i\|\|void 0})};Ua.states=zm;Ua.options=Hm;Ua.className=Er;import{Fragment as Gm,jsx as As}from"react/jsx-runtime";var Ts="k-input-loading-icon",Um=[s.disabled,s.loading],ae=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?As(Gm,{}):As("span",{className:n(e.className,Ts,"k-icon k-i-loading")})};ae.states=Um;ae.className=Ts;import{Fragment as Xm,jsx as Os}from"react/jsx-runtime";var Bs="k-input-validation-icon",$m=[s.valid,s.invalid,s.disabled,s.loading],Vm={},j=e=>{let{valid:t,invalid:o,disabled:a,loading:i}=e,r=o?"warning-circle":"check-circle";return a\|\|i\|\|!!!(t\|\|o)?Os(Xm,{}):Os(N,{className:n(Bs),icon:r})};j.states=$m;j.options=Vm;j.className=Bs;import{Fragment as qm,jsx as Rs}from"react/jsx-runtime";var Wm="k-input-prefix",Jm={direction:"horizontal"},be=e=>{let{direction:t=Jm.direction,...o}=e;return e.children?Rs("span",{...o,className:n(Wm,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Rs(qm,{})};import{Fragment as Qm,jsx as Ps}from"react/jsx-runtime";var Ym="k-input-suffix",Zm={direction:"horizontal"},xe=e=>{let{direction:t=Zm.direction,...o}=e;return e.children?Ps("span",{...o,className:n(Ym,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ps(Qm,{})};import{jsx as YI}from"react/jsx-runtime";import{jsx as ec}from"react/jsx-runtime";var jm="k-input-suffix-text",wt=e=>{let{children:t,...o}=e;return ec("span",{...o,className:n(jm,e.className),children:t})};import{jsx as oc}from"react/jsx-runtime";var ws="k-input-separator",tc={direction:"vertical"},ee=e=>{let{direction:t=tc.direction,...o}=e;return oc("span",{...o,className:n(ws,e.className,{[`${ws}-${t}`]:t})})};import{Fragment as Ks,jsx as It,jsxs as Mr}from"react/jsx-runtime";var ac=X.states,ic=X.defaultOptions,rc=X.options,nc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],sc=[],Oo=e=>{let{modifiers:t,valid:o,invalid:a,loading:i,disabled:r,readonly:l,...m}=e,c=t?.prefix,b=t?.suffix,x=t?.["clear-button"],g=t?.["validation-icon"],u=t?.separators;return Mr(X,{...m,valid:o,invalid:a,loading:i,disabled:r,readonly:l,style:{width:300},children:[c&&Mr(Ks,{children:[It(be,{children:It(N,{icon:"lock"})}),u&&It(ee,{})]}),It(ce,{placeholder:"Placeholder",value:"Value"}),g&&It(j,{valid:o,invalid:a,loading:i,disabled:r}),It(ae,{loading:i,disabled:r}),x&&It(me,{loading:i,disabled:r,readonly:l,value:"Value"}),b&&Mr(Ks,{children:[u&&It(ee,{}),It(xe,{children:It(vt,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};Oo.options=rc;Oo.states=ac;Oo.variants=sc;Oo.defaultOptions=ic;Oo.modifiers=nc;Oo.className=X.className;import{jsx as Ds,jsxs as pc}from"react/jsx-runtime";var _s="k-color-preview",lc=[],dc={},Wt=e=>{let{color:t,iconName:o,...a}=e;return pc("span",{...a,className:n(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=lc;Wt.options=dc;Wt.className=_s;var Cr="popup",zs=Cr;import{jsx as Hs}from"react/jsx-runtime";var Fs="k-animation-container",mc=[],cc={},yr={positionMode:"absolute",shown:!0},St=e=>{let{positionMode:t=yr.positionMode,shown:o=yr.shown,animationStyle:a,offset:i,...r}=e;return Hs("div",{...r,style:{...i,...e.style},className:n(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})})};St.states=mc;St.options=cc;St.className=Fs;St.defaultOptions=yr;St.moduleName=Cr;St.folderName=zs;var Ar="popup",Us=Ar;import{jsx as Gs}from"react/jsx-runtime";var $s="k-popup",uc=[],fc={},Vs={positionMode:"absolute"},J=e=>{let{offset:t,positionMode:o=Vs.positionMode,animationStyle:a,containerClassName:i,containerRole:r,containerAriaLabel:l,...m}=e;return Gs(St,{positionMode:o,offset:t,animationStyle:a,className:i,role:r,"aria-label":l,children:Gs("div",{...m,className:n(e.className,$s),children:e.children})})};J.states=uc;J.options=fc;J.className=$s;J.defaultOptions=Vs;J.moduleName=Ar;J.folderName=Us;var Tr="action-buttons",Xs=Tr;import{jsx as hc}from"react/jsx-runtime";var ki="k-actions",bc=[],xc={},Or={alignment:"start",orientation:"horizontal"},Ue=e=>{let{alignment:t=Or.alignment,orientation:o=Or.orientation,...a}=e;return hc("div",{...a,className:n(ki,{[`${ki}-${t}`]:t,[`${ki}-${o}`]:o},e.className),children:e.children})};Ue.states=bc;Ue.options=xc;Ue.className=ki;Ue.defaultOptions=Or;Ue.moduleName=Tr;Ue.folderName=Xs;var Ws=Ue;import{jsx as gc}from"react/jsx-runtime";var Nc="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":Ue,...r}=e;return gc(i,{...r,...!a&&{alignment:t,orientation:o},className:n(e.className,Nc),children:e.children})};var Br="searchbox",qs=Br;import{jsx as Ga,jsxs as Ic}from"react/jsx-runtime";var Ys="k-searchbox",vc=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],Lc={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Ei={showIcon:!0,showClearButton:!0,icon:"search"},Qe=e=>{let{value:t,placeholder:o,size:a,rounded:i,fillMode:r,hover:l,focus:m,valid:c,invalid:b,required:x,loading:g,disabled:u,showIcon:v=Ei.showIcon,showClearButton:I=Ei.showClearButton,icon:S=Ei.icon,"aria-label":k,...E}=e;return Ic(X,{...E,size:a,rounded:i,fillMode:r,hover:l,focus:m,valid:c,invalid:b,required:x,loading:g,disabled:u,className:n(e.className,Ys),children:[v&&Ga(N,{className:"k-input-icon",icon:S}),Ga(ce,{placeholder:o,value:t,"aria-label":k}),Ga(ae,{...e}),Ga(j,{...e}),I&&Ga(me,{...e})]})};Qe.states=vc;Qe.options=Lc;Qe.className=Ys;Qe.defaultOptions=Ei;Qe.moduleName=Br;Qe.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",Sc=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],kc={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Mi={showClearButton:!0,showValidationIcon:!0,separators:!0},U=e=>{let{size:t,rounded:o,fillMode:a,separators:i=Mi.separators,showClearButton:r=Mi.showClearButton,showValidationIcon:l=Mi.showValidationIcon,prefix:m,suffix:c,type:b,value:x,placeholder:g,hover:u,focus:v,valid:I,invalid:S,required:k,loading:E,disabled:T,readonly:w,id:Y,"aria-label":te,"aria-describedby":oe,...pe}=e;return Pr(X,{...pe,size:t,rounded:o,fillMode:a,hover:u,focus:v,valid:I,invalid:S,required:k,loading:E,disabled:T,readonly:w,className:n(e.className,js),children:[m&&Pr(Qs,{children:[qt(be,{children:m}),i&&qt(ee,{})]}),qt(ce,{id:Y,placeholder:g,value:x,type:b,disabled:T,"aria-label":te,"aria-describedby":oe,"aria-invalid":S?"true":void 0}),l&&qt(j,{valid:I,invalid:S,loading:E,disabled:T}),qt(ae,{loading:E,disabled:T}),r&&qt(me,{loading:E,disabled:T,readonly:w,value:x}),c&&Pr(Qs,{children:[i&&qt(ee,{}),qt(xe,{children:c})]})]})};U.states=Sc;U.options=kc;U.className=js;U.defaultOptions=Mi;U.moduleName=Rr;U.folderName=Zs;var $a=U;import{jsx as Ec}from"react/jsx-runtime";var el=e=>Ec($a,{...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 Mc=U.states,Cc=U.defaultOptions,yc=U.options,Ac=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Tc=[],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(vt,{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=yc;Bo.states=Mc;Bo.variants=Tc;Bo.defaultOptions=Cc;Bo.modifiers=Ac;Bo.className=U.className;import{jsx as Yt,jsxs as Kr}from"react/jsx-runtime";var tl="k-actionsheet-titlebar",Oc={},ve=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:i,filter:r,input:l,inputValue:m,inputPlaceholder:c,adaptive:b,titleId:x,children:g,...u}=e;return Kr("div",{...u,className:n(e.className,tl),children:[Kr("div",{className:"k-actionsheet-titlebar-group",children:[a&&Yt("div",{className:"k-actionsheet-actions",children:a}),!g&&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})]}),g&&Yt("div",{className:"k-actionsheet-title",id:x,children:g}),i&&Yt("div",{className:"k-actionsheet-actions",children:i})]}),(l\|\|r)&&Yt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?Yt(U,{value:m,placeholder:c,size:b?"large":"medium","aria-label":t\|\|c\|\|"Input"}):Yt(Qe,{placeholder:"Filter",size:b?"large":"medium","aria-label":"Filter options"})})]})};ve.className=tl;ve.defaultOptions=Oc;import{jsx as Dr,jsxs as wc}from"react/jsx-runtime";var _r="k-actionsheet-view",Bc=[],Rc={},Pc={},Ro=e=>{let{adaptive:t,animated:o,children:a,header:i,footer:r,titleId:l,...m}=e,c=i?.type===ve&&Dr(ve,{adaptive:t,titleId:l,...i?.props}),b=r?.type===Jt&&Dr(Jt,{...r?.props});return wc("div",{...m,className:n(e.className,_r,{[`${_r}-animated`]:o}),children:[c,Dr("div",{className:"k-actionsheet-content",children:a}),b]})};Ro.states=Bc;Ro.options=Rc;Ro.className=_r;Ro.defaultOptions=Pc;var Va="action-sheet",Ci=Va;var zr="overlay",ol=zr;import{jsx as zc}from"react/jsx-runtime";var al="k-overlay",Kc=[],Dc={},_c={},ft=e=>{let{...t}=e;return zc("div",{...t,className:n(e.className,al),children:e.children})};ft.states=Kc;ft.options=Dc;ft.className=al;ft.defaultOptions=_c;ft.moduleName=zr;ft.folderName=ol;var il=ft;import{jsx as yi,jsxs as Uc}from"react/jsx-runtime";var rl="k-actionsheet",Hc=[],Fc={},Xa={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Z=e=>{let{side:t=Xa.side,fullscreen:o=Xa.fullscreen,adaptive:a=Xa.adaptive,overlay:i=Xa.overlay,template:r,children:l,header:m,footer:c,id:b,...x}=e,g=b&&!r&&m?`${b}-title`:void 0;return Uc("div",{className:"k-actionsheet-container",children:[i&&yi(ft,{}),yi(St,{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:yi("div",{...x,id:b,role:"dialog","aria-modal":i?"true":void 0,"aria-labelledby":g,className:n(e.className,rl,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:r\|\|yi(Ro,{header:m,footer:c,adaptive:a,titleId:g,...e,children:l})})})]})};Z.states=Hc;Z.options=Fc;Z.className=rl;Z.defaultOptions=Xa;Z.moduleName=Va;Z.folderName=Ci;import{jsx as Xc}from"react/jsx-runtime";var nl="k-actionsheet-container",Gc=[],$c={},Vc={},Po=e=>{let{children:t,...o}=e;return Xc("div",{...o,className:nl,children:t})};Po.states=Gc;Po.options=$c;Po.className=nl;Po.defaultOptions=Vc;Po.moduleName=Va;Po.folderName=Ci;import{jsx as Wc}from"react/jsx-runtime";var Hr=e=>{let{...t}=e;return Wc("div",{...t,className:n(e.className,"k-list-ul"),children:e.children})};import{Fragment as qc,jsx as Wa,jsxs as Fr}from"react/jsx-runtime";var Ur="k-actionsheet-item",Jc=[s.hover,s.focus,s.selected,s.disabled],Zt=e=>{let{iconName:t,text:o,description:a,hover:i,focus:r,selected:l,disabled:m,...c}=e;return Fr("span",{...c,className:n(e.className,Ur,M(Ur,{hover:i,focus:r,selected:l,disabled:m})),children:[!e.children&&Wa(qc,{children:Fr("span",{className:"k-actionsheet-action",children:[t&&Wa("span",{className:"k-icon-wrap",children:Wa(N,{className:"k-actionsheet-item-icon",icon:t})}),Fr("span",{className:"k-actionsheet-item-text",children:[o&&Wa("span",{className:"k-actionsheet-item-title",children:o}),a&&Wa("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Zt.states=Jc;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 Le,jsxs as Gr}from"react/jsx-runtime";var Yc=Z.options,Zc=Z.states,ll={...Z.defaultOptions,variant:"normal"},Qc=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],jc=[{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={},r=Gr(Hr,{children:[Le(Zt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),Le(Zt,{text:"Add to Favorites",iconName:"heart"}),Le(Zt,{text:"Upload New",iconName:"upload",disabled:!0}),Le("hr",{className:"k-hr"}),Le(Zt,{text:"Cancel",iconName:"cancel"})]}),l="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]?l:void 0;break;case"footer":i.footer=!!o?.[c];break;default:break}}),t==="adaptive"?Le(Z,{...a,adaptive:!0,fullscreen:i.fullScreen,header:Le(ve,{actionsStart:i.actionsStart?Le(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:i.actionsEnd?Le(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:i.subtitle}),footer:i.footer?Gr(Jt,{alignment:"stretched",children:[Le(p,{text:"Cancel",size:"large",themeColor:"base"}),Le(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:r}):Le(Z,{...a,fullscreen:i.fullScreen,header:Le(ve,{actionsStart:i.actionsStart?Le(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:i.actionsEnd?Le(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:i.subtitle}),footer:i.footer?Gr(Jt,{alignment:"stretched",children:[Le(p,{text:"Apply",themeColor:"primary"}),Le(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:r})};wo.options=Yc;wo.states=Zc;wo.variants=Qc;wo.defaultOptions=ll;wo.modifiers=jc;wo.className=Z.className;var $r="slider",dl=$r;import{jsx as Ko,jsxs as Vr}from"react/jsx-runtime";var Ja="k-slider",eu=[s.hover,s.focus,s.active,s.disabled,s.readonly],tu={},je={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},K=e=>{let{type:t=je.type,orientation:o=je.orientation,gradientType:a=je.gradientType,readonly:i=je.readonly,disabled:r=je.disabled,handlePosition:l=je.handlePosition,showButtons:m=je.showButtons,showTicks:c=je.showTicks,value:b=je.value,min:x=je.min,max:g=je.max,startValue:u,endValue:v,hover:I,focus:S,active:k,trackStyle:E,dir:T,...w}=e,te=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),oe,pe;return o==="horizontal"?(oe=T==="rtl"?"chevron-left":"chevron-right",pe=T==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(oe="chevron-up",pe="chevron-down"),Vr("div",{...w,className:n(Ja,e.className,M(Ja,{readonly:i,disabled:r}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:T,children:[m&&Ko(p,{className:"k-button-decrease",rounded:"full",icon:pe,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:E,children:[Ko("div",{className:"k-slider-selection"}),t==="range"&&Ko("span",{className:n("k-draghandle","k-draghandle-start",M(Ja,{hover:I,focus:S,active:k})),role:"slider",tabIndex:r?void 0:0,"aria-valuenow":u??x,"aria-valuemin":x,"aria-valuemax":v??g,"aria-orientation":te,"aria-disabled":r?"true":void 0,"aria-readonly":i?"true":void 0,"aria-label":w["aria-label"]?`${w["aria-label"]} start`:"Range start"}),Ko("span",{className:n("k-draghandle",`k-draghandle-${l}`,M(Ja,{hover:I,focus:S,active:k})),role:"slider",tabIndex:r?void 0:0,"aria-valuenow":t==="range"?v??g:b,"aria-valuemin":t==="range"?u??x:x,"aria-valuemax":g,"aria-orientation":te,"aria-disabled":r?"true":void 0,"aria-readonly":i?"true":void 0,"aria-label":t==="range"?w["aria-label"]?`${w["aria-label"]} end`:"Range end":w["aria-label"]})]})]}),m&&Ko(p,{className:"k-button-increase",rounded:"full",icon:oe,tabIndex:-1,title:"Increase"})]})};K.states=eu;K.options=tu;K.className=Ja;K.defaultOptions=je;K.moduleName=$r;K.folderName=dl;import{jsx as pl}from"react/jsx-runtime";var ml="k-tick",ou=[],au={},cl={label:!1},R=e=>{let{style:t,label:o=cl.label,orientation:a,large:i,text:r,...l}=e;return pl("li",{...l,role:"presentation",title:r\|\|"Tick",className:n(e.className,ml,{[`k-tick-${a}`]:a,"k-tick-large":i}),style:t,children:o&&pl("span",{className:"k-label",children:r})})};R.states=ou;R.options=au;R.className=ml;R.defaultOptions=cl;import{Fragment as iu,jsx as et,jsxs as ru}from"react/jsx-runtime";var ul=e=>et(K,{"aria-label":e["aria-label"]\|\|"Slider",children:ru(iu,{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 nu,jsx as tt,jsxs as su}from"react/jsx-runtime";var fl=e=>tt(K,{children:su(nu,{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 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 lu}from"react/jsx-runtime";var Xr=e=>lu(K,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{jsx as du}from"react/jsx-runtime";var Wr=e=>du(K,{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 kt,jsxs as bl}from"react/jsx-runtime";var pu=K.options,mu=K.states,xl={...K.defaultOptions,variant:"horizontal",label:!0},cu=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],uu=[{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,r={};Object.keys(o\|\|{}).forEach(m=>{switch(m){case"button":{r.showButtons=!!o?.[m];break}case"label":{i=!!o?.[m];break}case"tick":{r.showTicks=!!o?.[m];break}}});let l={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?bl(fl,{style:{height:"300px",...l},...a,...r,children:[kt(R,{label:i,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),kt(R,{label:i,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),kt(R,{label:i,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),kt(R,{label:i,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),kt(R,{label:i,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):bl(ul,{style:{width:"400px",...l},...a,...r,children:[kt(R,{label:i,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),kt(R,{label:i,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),kt(R,{label:i,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),kt(R,{label:i,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),kt(R,{label:i,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Do.options=pu;Do.states=mu;Do.variants=cu;Do.defaultOptions=xl;Do.modifiers=uu;Do.className=K.className;import{jsx as hl,jsxs as Nu}from"react/jsx-runtime";var Nl="k-spin-button",xu=[],hu={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},Jr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Et=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:i=Jr.increaseLabel,decreaseLabel:r=Jr.decreaseLabel,...l}=e;return Nu("span",{...l,className:n(Nl,e.className),children:[hl(p,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":i}),hl(p,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":r})]})};Et.states=xu;Et.options=hu;Et.className=Nl;Et.defaultOptions=Jr;Et.moduleName=null;Et.folderName=null;var gl="numeric-textbox",vl="numerictextbox";import{Fragment as Ll,jsx as Kt,jsxs as qr}from"react/jsx-runtime";var Il="k-numerictextbox",gu=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],vu={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Ai={showSpinButton:!0,showClearButton:!0,separators:!0},O=e=>{let{size:t,rounded:o,fillMode:a,separators:i=Ai.separators,showClearButton:r=Ai.showClearButton,showSpinButton:l=Ai.showSpinButton,prefix:m,suffix:c,value:b,placeholder:x,hover:g,focus:u,valid:v,invalid:I,required:S,loading:k,disabled:E,readonly:T,id:w,"aria-label":Y,"aria-describedby":te,...oe}=e;return qr(X,{...oe,size:t,rounded:o,fillMode:a,hover:g,focus:u,valid:v,invalid:I,required:S,loading:k,disabled:E,readonly:T,className:n(e.className,Il),children:[m&&qr(Ll,{children:[Kt(be,{children:m}),i&&Kt(ee,{})]}),Kt(ce,{id:w,placeholder:x,value:b,role:"spinbutton",disabled:E,"aria-label":Y,"aria-describedby":te,"aria-invalid":I?"true":void 0}),Kt(j,{valid:v,invalid:I,loading:k,disabled:E}),Kt(ae,{loading:k,disabled:E}),r&&Kt(me,{loading:k,disabled:E,readonly:T,value:b}),c&&qr(Ll,{children:[i&&Kt(ee,{}),Kt(xe,{children:c})]}),l&&Kt(Et,{className:"k-input-spinner",size:t,fillMode:a,disabled:E})]})};O.states=gu;O.options=vu;O.className=Il;O.defaultOptions=Ai;O.moduleName=gl;O.folderName=vl;var qa=O;import{jsx as Lu}from"react/jsx-runtime";var Sl=e=>Lu(qa,{...e});import Zr from"react";import{jsx as kl}from"react/jsx-runtime";var Iu="k-list-group-sticky-header",Yr=e=>kl("div",{className:n(Iu,e.className),children:kl("div",{className:"k-list-header-text",children:e.children})});import{jsx as ku}from"react/jsx-runtime";var Su="k-no-data",Ti=e=>{let{live:t,...o}=e;return ku("span",{...o,className:n(Su,e.className),"aria-live":t?"polite":void 0,children:e.children})};var co="list",_o=co;import{jsx as El,jsxs as Ml}from"react/jsx-runtime";var Qr="k-list",Eu=[],Mu={size:[d.undefined,d.small,d.medium,d.large]},Cu={},P=e=>{let{size:t,virtualization:o,children:a,header:i,selectAll:r,optionLabel:l,customValue:m,noData:c,screenReaders:b,...x}=e,u=Zr.Children.toArray(a)[0],v=u?.props?.children?Zr.Children.count(u.props.children):Zr.Children.count(a);return Ml("div",{...x,className:n(e.className,Qr,C(Qr,{size:t}),{"k-virtual-list":o}),children:[l,r,m,i&&El(Yr,{children:i}),a\|\|(c!==void 0?c:El(Ti,{live:!0,children:"No data found."})),b&&a&&Ml(Ti,{className:"k-sr-only",live:!0,children:[v," items found."]})]})};P.states=Eu;P.options=Mu;P.className=Qr;P.defaultOptions=Cu;P.moduleName=co;P.folderName=_o;import{jsx as Ou}from"react/jsx-runtime";var Cl="k-list-container",yu=[],Au={},Tu={},zo=e=>{let{...t}=e;return Ou("div",{...t,className:n(e.className,Cl),children:e.children})};zo.states=yu;zo.options=Au;zo.className=Cl;zo.defaultOptions=Tu;zo.moduleName=co;zo.folderName=_o;var uo="checkbox",Ho=uo;import{jsx as yl}from"react/jsx-runtime";var Oi="k-checkbox",Bu=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],Ru={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full]},Pu={},Ke=e=>{let{id:t,checked:o,indeterminate:a,hover:i,focus:r,disabled:l,invalid:m,valid:c,required:b,size:x,rounded:g,wrapperRole:u,...v}=e;return yl("span",{className:"k-checkbox-wrap",role:u,children:yl("input",{...v,id:t,type:"checkbox",defaultChecked:o,required:b,disabled:l\|\|void 0,"aria-invalid":m?"true":void 0,className:n(e.className,Oi,C(Oi,{size:x,rounded:g}),M(Oi,{hover:i,focus:r,disabled:l,invalid:m,valid:c,indeterminate:a,checked:o}))})})};Ke.states=Bu;Ke.options=Ru;Ke.className=Oi;Ke.defaultOptions=Pu;Ke.moduleName=uo;Ke.folderName=Ho;var bt=Ke;import{jsx as Du}from"react/jsx-runtime";var Al="k-checkbox-list",wu=[],Ku={},Tl={layout:"vertical"},Ae=e=>{let{layout:t=Tl.layout,...o}=e;return Du("ul",{...o,className:n(e.className,Al,{[`k-list-${t}`]:t}),children:e.children})};Ae.states=wu;Ae.options=Ku;Ae.className=Al;Ae.defaultOptions=Tl;Ae.moduleName=uo;Ae.folderName=Ho;import{jsx as Fu}from"react/jsx-runtime";var Ol="k-checkbox-list-item",_u=[],zu={},Hu={},Te=e=>{let{...t}=e;return Fu("li",{...t,className:n(e.className,Ol),children:e.children})};Te.states=_u;Te.options=zu;Te.className=Ol;Te.defaultOptions=Hu;Te.moduleName=uo;Te.folderName=Ho;import{Fragment as Uu,jsx as Bl,jsxs as Gu}from"react/jsx-runtime";var xt=({children:e="Label",id:t="cb-label-after",...o})=>Gu(Uu,{children:[Bl(bt,{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 ot,jsxs as Rl}from"react/jsx-runtime";var $u=Ae.options,Vu=Ae.states,Xu={...Ae.defaultOptions,variant:"vertical"},Wu=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Ju=[],Fo=e=>{let{variant:t,...o}=e;return t==="horizontal"?Rl(Ae,{layout:"horizontal",...o,children:[ot(Te,{children:ot(xt,{id:A("cb"),defaultChecked:!0,children:"Label"})}),ot(Te,{children:ot(xt,{id:A("cb"),children:"Label"})}),ot(Te,{children:ot(xt,{id:A("cb"),children:"Label"})})]}):Rl(Ae,{...o,children:[ot(Te,{children:ot(xt,{id:A("cb"),defaultChecked:!0,children:"Label"})}),ot(Te,{children:ot(xt,{id:A("cb"),children:"Label"})}),ot(Te,{children:ot(xt,{id:A("cb"),children:"Label"})})]})};Fo.options=$u;Fo.states=Vu;Fo.variants=Wu;Fo.defaultOptions=Xu;Fo.modifiers=Ju;Fo.className=Ae.className;import{jsx as ef}from"react/jsx-runtime";var qu=bt.options,Yu=bt.states,Zu=bt.defaultOptions,Qu=[],ju=[],Uo=e=>ef(xt,{id:A("checkbox"),...e,defaultChecked:!0,children:"Label"});Uo.options=qu;Uo.states=Yu;Uo.variants=Qu;Uo.defaultOptions=Zu;Uo.modifiers=ju;Uo.className=bt.className;import{jsx as Go,jsxs as rf}from"react/jsx-runtime";var jr="k-list-item",tf=[s.hover,s.focus,s.selected,s.disabled],of={},af={},y=e=>{let{text:t,iconName:o,iconClassName:a,showCheckbox:i,checked:r,hover:l,focus:m,selected:c,disabled:b,actions:x,description:g,id:u,...v}=e,I=t\|\|e.children,S=t\|\|(typeof I=="string"?I:void 0);return rf("li",{...v,id:u,role:"option",tabIndex:m?0:-1,"aria-selected":c?"true":"false","aria-disabled":b?"true":void 0,className:n(e.className,jr,M(jr,{hover:l,focus:m,disabled:b,selected:c})),children:[i&&Go(Ke,{checked:r,disabled:b,"aria-label":S,tabIndex:-1}),o&&Go("span",{className:"k-list-item-icon-wrapper",children:Go(N,{icon:o,className:n("k-list-item-icon",a)})}),Go("span",{className:"k-list-item-text",children:I}),x&&Go("div",{className:"k-list-item-actions",children:x}),g&&Go("span",{className:"k-list-item-description",children:g})]})};y.states=tf;y.options=of;y.className=jr;y.defaultOptions=af;y.moduleName=co;y.folderName=_o;import{jsx as sf}from"react/jsx-runtime";var nf="k-list-ul",Mt=e=>{let{children:t,role:o,id:a,...i}=e;return sf("ul",{...i,id:a,role:o,className:n(nf,e.className),children:t})};import{jsx as en,jsxs as df}from"react/jsx-runtime";var lf="k-list-content",D=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":i,listboxId:r,...l}=e;return df("div",{...l,className:n(lf,e.className),role:o?"listbox":void 0,id:o?r:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?i:void 0,children:[o?e.children:en(Mt,{role:"listbox",id:r,"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 uf}from"react/jsx-runtime";var Bi="k-list-sticky-header",pf=[s.hover,s.focus,s.selected],mf={},cf={},Ri=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:i,hover:r,focus:l,selected:m,...c}=e;return tn("div",{...c,className:n(Bi,e.className),children:uf("div",{className:n(`${Bi}-item`,M(`${Bi}-item`,{hover:r,focus:l,selected:m})),"aria-label":t,...!o&&{tabIndex:0,"aria-selected":m?"true":"false"},children:[o&&tn(Ke,{checked:a,indeterminate:i,"aria-label":t}),tn("span",{className:"k-list-item-text",children:t})]})})};Ri.states=pf;Ri.options=mf;Ri.className=Bi;Ri.defaultOptions=cf;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 hf}from"react/jsx-runtime";var on="k-list-optionlabel",ff=[s.hover,s.focus,s.selected,s.disabled],bf={},xf={},Pi=e=>{let{text:t,hover:o,focus:a,selected:i,disabled:r,...l}=e;return hf("div",{...l,className:n(on,M(on,{hover:o,focus:a,selected:i,disabled:r})),children:t})};Pi.states=ff;Pi.options=bf;Pi.className=on;Pi.defaultOptions=xf;import{jsx as Lf}from"react/jsx-runtime";var an="k-list-custom-value",Nf=[s.hover,s.focus,s.selected,s.disabled],gf={},vf={},at=e=>{let{text:t,hover:o,focus:a,selected:i,disabled:r,...l}=e;return Lf("div",{...l,className:n(an,M(an,{hover:o,focus:a,selected:i,disabled:r})),children:t})};at.states=Nf;at.options=gf;at.className=an;at.defaultOptions=vf;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 kf,jsx as Oe,jsxs as rn}from"react/jsx-runtime";var Kl="k-dropdownlist",If=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Sf={size:[d.undefined,d.small,d.medium,d.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"},V=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:i=nn.arrowIconName,showValue:r=nn.showValue,valueIconName:l,prefix:m,suffix:c,value:b,placeholder:x,hover:g,focus:u,valid:v,invalid:I,required:S,loading:k,disabled:E,readonly:T,popup:w,opened:Y,adaptive:te,adaptiveSettings:oe,adaptiveTitle:pe,adaptiveSubtitle:po,adaptiveFilter:Nt,id:Bt,activeDescendant:Vt,"aria-label":Ba,...Ra}=e,Pa=Bt?`${Bt}-listbox`:void 0,bs=Bt?`${Bt}-value`:void 0;return rn(kf,{children:[rn(Lt,{...Ra,id:Bt,size:t,rounded:o,fillMode:a,hover:g,focus:u,valid:v,invalid:I,required:S,loading:k,disabled:E,readonly:T,className:n(e.className,Kl,{"k-icon-picker":!r&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":Y?"true":"false","aria-controls":Y?Pa:void 0,"aria-activedescendant":Y&&Vt?Vt:void 0,"aria-describedby":Y?bs:void 0,"aria-disabled":E?"true":void 0,"aria-label":Ba,tabIndex:0,children:[Oe(be,{children:m}),Oe(mo,{placeholder:x,value:b,showValue:r,valueIconName:l,id:bs}),Oe(j,{valid:v,invalid:I,loading:k,disabled:E}),Oe(ae,{loading:k,disabled:E}),Oe(xe,{children:c}),Oe(p,{className:"k-input-button",icon:i,size:e.size,fillMode:e.fillMode,"aria-label":x\|\|"Toggle dropdown",tabIndex:-1})]}),Y&&w&&Oe(J,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:w}),te&&Oe(Z,{adaptive:!0,...oe,header:Oe(ve,{actionsEnd:Oe(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Nt,inputValue:b,inputPlaceholder:x,title:pe,subtitle:po}),children:Oe("div",{className:"k-list-container",children:Oe(P,{size:"large",children:rn(D,{"aria-label":"Options",children:[Oe(y,{text:"List item"}),Oe(y,{text:"List item"}),Oe(y,{text:"List item"})]})})})})]})};V.states=If;V.options=Sf;V.className=Kl;V.defaultOptions=nn;V.moduleName=Pl;V.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 Tf,jsx as Qt,jsxs as Dl}from"react/jsx-runtime";var Ef=V.states,Mf=V.defaultOptions,Cf=V.options,yf=[{name:"opened",title:"Opened"}],Af=[],Vo=e=>{let{modifiers:t,...o}=e,a={},i=Dl(Tf,{children:[Qt("div",{className:"k-list-filter",children:Qt(Qe,{})}),Qt(P,{style:{width:300},size:o.size,children:Dl(D,{children:[Qt(y,{children:"List item"}),Qt(y,{children:"List item"}),Qt(y,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(r=>{r==="opened"&&(a.opened=!!t?.[r],a.popup=t?.[r]?i:void 0)}),Qt("div",{children:Qt(V,{placeholder:"Value",style:{width:300},...o,...a})})};Vo.options=Cf;Vo.states=Ef;Vo.variants=Af;Vo.defaultOptions=Mf;Vo.modifiers=yf;Vo.className=V.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 Of=O.states,Bf=O.defaultOptions,Rf=O.options,Pf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],wf=[],Xo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?sn(V,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[i]?sn(wt,{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=Rf;Xo.states=Of;Xo.variants=wf;Xo.defaultOptions=Bf;Xo.modifiers=Pf;Xo.className=O.className;import{Fragment as Ya,jsx as z,jsxs as ie}from"react/jsx-runtime";var _l="k-colorgradient-inputs",Kf=[],Df={size:[d.undefined,d.small,d.medium,d.large]},zl={mode:"rgba"},Wo=e=>{let{mode:t=zl.mode,size:o,...a}=e;return ie("div",{...a,className:n(_l,"k-hstack"),children:[z("div",{className:"k-vstack",children:z(p,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&ie(Ya,{children:[ie("div",{className:"k-vstack",children:[z(O,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),z("label",{className:"k-colorgradient-input-label",children:"R"})]}),ie("div",{className:"k-vstack",children:[z(O,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),z("label",{className:"k-colorgradient-input-label",children:"G"})]}),ie("div",{className:"k-vstack",children:[z(O,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),z("label",{className:"k-colorgradient-input-label",children:"B"})]}),ie("div",{className:"k-vstack",children:[z(O,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),z("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&ie(Ya,{children:[ie("div",{className:"k-vstack",children:[z(O,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),z("label",{className:"k-colorgradient-input-label",children:"R"})]}),ie("div",{className:"k-vstack",children:[z(O,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),z("label",{className:"k-colorgradient-input-label",children:"G"})]}),ie("div",{className:"k-vstack",children:[z(O,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),z("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&ie(Ya,{children:[ie("div",{className:"k-vstack",children:[z(O,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),z("label",{className:"k-colorgradient-input-label",children:"H"})]}),ie("div",{className:"k-vstack",children:[z(O,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),z("label",{className:"k-colorgradient-input-label",children:"S"})]}),ie("div",{className:"k-vstack",children:[z(O,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),z("label",{className:"k-colorgradient-input-label",children:"V"})]}),ie("div",{className:"k-vstack",children:[z(O,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),z("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&ie(Ya,{children:[ie("div",{className:"k-vstack",children:[z(O,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),z("label",{className:"k-colorgradient-input-label",children:"H"})]}),ie("div",{className:"k-vstack",children:[z(O,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),z("label",{className:"k-colorgradient-input-label",children:"S"})]}),ie("div",{className:"k-vstack",children:[z(O,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),z("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&z(Ya,{children:ie("div",{className:"k-vstack k-flex-1",children:[z(U,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),z("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Wo.states=Kf;Wo.options=Df;Wo.className=_l;Wo.defaultOptions=zl;import{jsx as bo,jsxs as xo}from"react/jsx-runtime";var Hl="k-colorgradient-color-contrast",_f=[],zf={},Hf={},Jo=()=>xo("div",{className:n(Hl,"k-vbox"),children:[xo("div",{className:"k-contrast-ratio",children:[bo("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),xo("span",{className:"k-contrast-validation !k-text-success",children:[bo(N,{icon:"check"}),bo(N,{icon:"check"})]})]}),xo("div",{children:[bo("span",{children:"AA: 4.5"}),xo("span",{className:"k-contrast-validation !k-text-success",children:["Pass",bo(N,{icon:"check"})]})]}),xo("div",{children:[bo("span",{children:"AAA: 7.0"}),xo("span",{className:"k-contrast-validation !k-text-error",children:["Fail",bo(N,{icon:"x"})]})]})]});Jo.states=_f;Jo.options=zf;Jo.className=Hl;Jo.defaultOptions=Hf;var Fl="color-gradient",Ul="colorgradient";import{jsx as it,jsxs as Za}from"react/jsx-runtime";var wi="k-colorgradient",Ff=[s.hover,s.focus,s.readonly,s.disabled],Uf={size:[d.undefined,d.small,d.medium,d.large]},Ct={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"},Ie=e=>{let{size:t,mode:o=Ct.mode,readonly:a=Ct.readonly,disabled:i=Ct.disabled,gradientStyle:r=Ct.gradientStyle,dragHandleStyle:l=Ct.dragHandleStyle,alphaStyle:m=Ct.alphaStyle,alphaStyleHorizontal:c=Ct.alphaStyleHorizontal,contrast:b=Ct.contrast,dir:x,hover:g,focus:u,hoverHandle:v,focusHandle:I,canvasOrientation:S=Ct.canvasOrientation,role:k,tabIndex:E,...T}=e;return Za("div",{...T,role:k??"textbox","aria-label":k==="none"?void 0:"Color gradient",tabIndex:E??0,"aria-disabled":i?"true":void 0,className:n(e.className,wi,C(wi,{size:t}),M(wi,{hover:g,focus:u,readonly:a,disabled:i})),dir:x,children:[!S\|\|S==="horizontal"&&Za("div",{className:"k-colorgradient-canvas k-hstack",children:[it("div",{className:"k-hsv-rectangle",style:r,children:it("div",{className:"k-hsv-gradient",children:it("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":v,"k-focus":I}),style:l,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})})}),Za("div",{className:"k-hsv-controls k-hstack",children:[it(Wr,{className:"k-hue-slider",hover:v,focus:I}),o!=="rgb"&&o!=="hsv"&&it(Wr,{className:"k-alpha-slider",hover:v,focus:I,trackStyle:m})]})]}),S==="vertical"&&Za("div",{className:"k-colorgradient-canvas k-vstack",children:[it("div",{className:"k-hsv-rectangle",style:r,children:it("div",{className:"k-hsv-gradient",children:it("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":v,"k-focus":I}),style:l,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})})}),Za("div",{className:"k-hsv-controls k-vstack",children:[it(Xr,{className:"k-hue-slider",hover:v,focus:I}),o!=="rgb"&&o!=="hsv"&&it(Xr,{className:"k-alpha-slider",hover:v,focus:I,trackStyle:c})]})]}),it(Wo,{mode:e.mode,size:t}),b&&it(Jo,{})]})};Ie.states=Ff;Ie.options=Uf;Ie.className=wi;Ie.defaultOptions=Ct;Ie.moduleName=Fl;Ie.folderName=Ul;import{jsx as Gf}from"react/jsx-runtime";var Ki=e=>Gf(Ie,{...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 $f=Ie.options,Vf=Ie.states,Xf={...Ie.defaultOptions,variant:"rgba"},Wf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Jf=[],qo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return ln(Ki,{...o,mode:t});case"rgb":return ln(Ki,{...o,mode:t});default:return ln(Ki,{...o,mode:t})}};qo.options=$f;qo.states=Vf;qo.variants=Wf;qo.defaultOptions=Xf;qo.modifiers=Jf;qo.className=Ie.className;import{jsx as qf}from"react/jsx-runtime";var dn=e=>qf("tr",{role:"row",children:e.children});import{jsx as Qf}from"react/jsx-runtime";var pn="k-colorpalette-tile",Yf=[s.hover,s.focus,s.selected],Zf={},jt=e=>{let{color:t,tileSize:o,hover:a,focus:i,selected:r,...l}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Qf("td",{...l,role:"gridcell","aria-label":t,"aria-selected":r?"true":void 0,className:n(e.className,pn,M(pn,{hover:a,focus:i,selected:r})),style:m})};jt.states=Yf;jt.options=Zf;jt.className=pn;jt.moduleName=null;jt.folderName=null;var Gl="color-palette",$l="colorpalette";import{jsx as Qa}from"react/jsx-runtime";var Di="k-colorpalette",jf=[s.disabled],eb={size:[d.undefined,d.small,d.medium,d.large]},Vl={columns:10},De=e=>{let{size:t,palette:o,columns:a=Vl.columns,tileSize:i,disabled:r,...l}=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,g)=>{let u=[];b.slice(gc,(g+1)c).map((I,S)=>{u.push(Qa(jt,{color:I,tileSize:i},S))});let v=Qa(dn,{children:u},g);m.push(v)})}return Qa("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":r?"true":void 0,className:n(e.className,Di,M(Di,{disabled:r}),C(Di,{size:t})),children:Qa("table",{className:"k-colorpalette-table",role:"none",children:Qa("tbody",{children:m.length>0?m:e.children})})})};De.states=jf;De.options=eb;De.className=Di;De.defaultOptions=Vl;De.moduleName=Gl;De.folderName=$l;var _i=De;var ja={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 tb}from"react/jsx-runtime";var Xl=e=>tb(_i,{palette:ja.basic,...e});import{jsx as zP}from"react/jsx-runtime";import{jsx as VP,jsxs as XP}from"react/jsx-runtime";import{jsx as lb}from"react/jsx-runtime";var ob=De.options,ab=De.states,ib={...De.defaultOptions,variant:"basic"},rb=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],nb={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}},sb=[],Yo=e=>{let{variant:t="basic",...o}=e,a=nb[t];return lb(Xl,{columns:a.columns,palette:a,...o})};Yo.options=ob;Yo.states=ab;Yo.variants=rb;Yo.defaultOptions=ib;Yo.modifiers=sb;Yo.className=De.className;var Wl="color-editor",Jl="coloreditor";import{jsx as rt,jsxs as Zo}from"react/jsx-runtime";var zi="k-coloreditor",db=[s.focus],pb={size:[d.undefined,d.small,d.medium,d.large]},ei={view:"gradient",palette:ja.office,actionButtons:!0,canvasOrientation:"horizontal"},re=e=>{let{size:t,view:o=ei.view,palette:a=ei.palette,color:i,currentColor:r,focus:l,focusView:m,dir:c,group:b,actionButtons:x=ei.actionButtons,canvasOrientation:g=ei.canvasOrientation,...u}=e;return Zo("div",{...u,role:"textbox","aria-label":"Color editor",tabIndex:0,className:n(e.className,"k-flatcolorpicker",zi,C(zi,{size:t}),M(zi,{focus:l})),dir:c,children:[Zo("div",{className:"k-coloreditor-header k-hstack",children:[rt("div",{className:"k-coloreditor-header-actions k-hstack",children:b&&Zo(B,{fillMode:"flat",children:[rt(p,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),rt(p,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),rt("div",{className:"k-spacer"}),Zo("div",{className:"k-coloreditor-header-actions k-hstack",children:[rt(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Zo("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:r})]})]})]}),rt("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?rt(Ie,{focus:m,size:t,canvasOrientation:g,role:"none",tabIndex:-1}):rt(De,{palette:a,size:t})}),x&&Zo(Ue,{className:"k-coloreditor-footer",alignment:"start",children:[rt(p,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),rt(p,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};re.states=db;re.options=pb;re.className=zi;re.defaultOptions=ei;re.moduleName=Wl;re.folderName=Jl;var Qo=re;import{jsx as Lw}from"react/jsx-runtime";import{jsx as Ew}from"react/jsx-runtime";import{jsx as mb}from"react/jsx-runtime";var ql=e=>mb(Qo,{group:!0,currentColor:"fuchsia",...e});import{jsx as cb}from"react/jsx-runtime";var Yl=e=>cb(Qo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Zl}from"react/jsx-runtime";var ub=re.options,fb=re.states,bb={...re.defaultOptions,variant:"gradient"},xb=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],hb=[],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=ub;jo.states=fb;jo.variants=xb;jo.defaultOptions=bb;jo.modifiers=hb;jo.className=re.className;var Ql="color-picker",jl="colorpicker";import{Fragment as vb,jsx as nt,jsxs as mn}from"react/jsx-runtime";var ed="k-colorpicker",Nb=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled],gb={size:[d.undefined,d.small,d.medium,d.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"},he=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:i=td.arrowIconName,prefix:r,suffix:l,value:m,placeholder:c,hover:b,focus:x,valid:g,invalid:u,required:v,disabled:I,valueIconName:S,popup:k,opened:E,adaptive:T,adaptiveSettings:w,adaptiveTitle:Y,adaptiveSubtitle:te,...oe}=e,pe="colorpicker-popup";return mn(vb,{children:[mn(Lt,{...oe,size:t,rounded:o,fillMode:a,hover:b,focus:x,valid:g,invalid:u,required:v,disabled:I,role:"combobox","aria-haspopup":"dialog","aria-expanded":E?"true":"false","aria-controls":E\|\|T?pe:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":I?"true":void 0,className:n(e.className,ed,"k-icon-picker"),children:[nt(be,{children:r}),nt(mo,{placeholder:c,value:m,showValue:!1,valueIcon:nt(Wt,{className:"k-value-icon",color:m,iconName:S}),valueIconName:S}),nt(xe,{children:l}),nt(p,{className:"k-input-button",icon:i,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:I})]}),E&&k&&nt(J,{id:pe,className:"k-colorpicker-popup",children:k}),T&&nt(Z,{adaptive:!0,id:pe,...w,header:nt(ve,{actionsEnd:nt(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:Y,subtitle:te}),footer:mn(Jt,{children:[nt(p,{text:"Cancel",size:"large"}),nt(p,{text:"Set",size:"large",themeColor:"primary"})]}),children:nt(re,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};he.states=Nb;he.options=gb;he.className=ed;he.defaultOptions=td;he.moduleName=Ql;he.folderName=jl;var Dt=he;import{jsx as Lb}from"react/jsx-runtime";var Hi=e=>Lb(Dt,{...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 ho}from"react/jsx-runtime";var Ib=Dt.options,Sb=Dt.states,od={...Dt.defaultOptions,variant:"color"},kb=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Eb=[{name:"opened",title:"Opened"}],ea=e=>{let{variant:t,modifiers:o,...a}={...od,...e},i={};Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(i.opened=!!o?.[l],i.popup=o?.[l]?ho(re,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let r=i.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return ho("div",{style:r,children:ho(Hi,{...a,...i})});case"icon":return ho("div",{style:r,children:ho(Hi,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...i})});default:return ho("div",{style:r,children:ho(Hi,{value:"rgba(183, 118 , 118, 1.00)",...a,...i})})}};ea.options=Ib;ea.states=Sb;ea.variants=kb;ea.defaultOptions=od;ea.modifiers=Eb;ea.className=Dt.className;var cn="combobox",ad=cn;import{Fragment as un,jsx as ue,jsxs as ti}from"react/jsx-runtime";var id="k-combobox",Mb=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Cb={size:[d.undefined,d.small,d.medium,d.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},Se=e=>{let{size:t,rounded:o,fillMode:a,separators:i=fn.separators,showClearButton:r=fn.showClearButton,prefix:l,suffix:m,value:c,placeholder:b,hover:x,focus:g,valid:u,invalid:v,required:I,loading:S,disabled:k,popup:E,opened:T,readonly:w,adaptive:Y,adaptiveSettings:te,adaptiveTitle:oe,adaptiveSubtitle:pe,adaptiveCustomValue:po,id:Nt,autocomplete:Bt,activeDescendant:Vt,"aria-label":Ba,...Ra}=e,Pa=Nt?`${Nt}-listbox`:void 0;return ti(un,{children:[ti(X,{...Ra,size:t,rounded:o,fillMode:a,hover:x,focus:g,valid:u,invalid:v,required:I,loading:S,disabled:k,readonly:w,className:n(e.className,id),children:[l&&ti(un,{children:[ue(be,{children:l}),i&&ue(ee,{})]}),ue(ce,{id:Nt,placeholder:b,value:c,role:"combobox","aria-haspopup":"listbox","aria-expanded":T?"true":"false","aria-controls":T?Pa:void 0,"aria-activedescendant":T&&Vt?Vt:void 0,"aria-autocomplete":Bt,"aria-invalid":v?"true":void 0,"aria-busy":S?"true":void 0,"aria-label":Ba,disabled:k,readOnly:w}),ue(j,{valid:u,invalid:v,loading:S,disabled:k}),ue(ae,{loading:S,disabled:k}),r&&ue(me,{loading:S,disabled:k,readonly:w,value:c}),m&&ti(un,{children:[i&&ue(ee,{}),ue(xe,{children:m})]}),ue(p,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:k})]}),T&&E&&ue(J,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:E}),Y&&ue(Z,{adaptive:!0,id:Nt?`${Nt}-adaptive`:void 0,...te,header:ue(ve,{actionsEnd:ue(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:c,inputPlaceholder:b,title:oe,subtitle:pe}),children:ue("div",{className:"k-list-container",children:ue(P,{customValue:po?ue(at,{text:`Use "${c}"`}):void 0,size:"large",children:ti(D,{"aria-label":oe\|\|"Options",children:[ue(y,{text:"List item"}),ue(y,{text:"List item"}),ue(y,{text:"List item"})]})})})})]})};Se.states=Mb;Se.options=Cb;Se.className=id;Se.defaultOptions=fn;Se.moduleName=cn;Se.folderName=ad;var Ge=Se;import{jsx as yb}from"react/jsx-runtime";var rd=e=>yb(Ge,{...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 Pb}from"react/jsx-runtime";var Ab=Se.states,Tb=Se.defaultOptions,Ob=Se.options,Bb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Rb=[],ta=e=>{let{modifiers:t,...o}=e,a={},i=eo(P,{style:{width:300},size:o.size,children:Pb(D,{children:[eo(y,{children:"List item"}),eo(y,{children:"List item"}),eo(y,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?eo(N,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[r]?eo(Rt,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[r],a.popup=t?.[r]?i:void 0;break;default:break}}),eo("div",{children:eo(rd,{value:"Value",style:{width:300},...o,...a})})};ta.options=Ob;ta.states=Ab;ta.variants=Rb;ta.defaultOptions=Tb;ta.modifiers=Bb;ta.className=Se.className;var bn="menu-button",nd=bn;import{jsx as Db}from"react/jsx-runtime";var sd="k-menu-button",wb=[s.hover,s.focus,s.active,s.selected,s.disabled],Kb={size:[d.undefined,d.xsmall,d.small,d.medium,d.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:[L.undefined,L.base,L.primary,L.secondary,L.tertiary,L.success,L.warning,L.error,L.info,L.inverse]},xn={showArrow:!0,arrowIconName:"chevron-down"},W=e=>{let{size:t,rounded:o,fillMode:a,themeColor:i,hover:r,focus:l,active:m,selected:c,disabled:b,icon:x,endIcon:g,text:u,showArrow:v=xn.showArrow,arrowIconName:I=xn.arrowIconName,expanded:S,...k}=e;return Db(p,{...k,className:n(e.className,sd),text:u,size:t,rounded:o,fillMode:a,themeColor:i,hover:r,focus:l,active:m,selected:c,disabled:b,ariaDisabled:b\|\|void 0,icon:x,endIcon:g,showArrow:v,arrowIconName:I,"aria-expanded":S?"true":"false",...!u&&x&&!e["aria-label"]&&{"aria-label":"Menu"}})};W.states=wb;W.options=Kb;W.className=sd;W.defaultOptions=xn;W.moduleName=bn;W.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 $e="menu",st=$e;import{jsx as ai,jsxs as ld}from"react/jsx-runtime";var hn="k-menu-item",_b=[s.hover,s.focus,s.active,s.selected,s.disabled],zb={},dd={iconPosition:"before"},Me=e=>{let{hover:t,focus:o,active:a,selected:i,disabled:r,icon:l,text:m,showArrow:c,arrowIconName:b,iconPosition:x=dd.iconPosition,dir:g,children:u,expanded:v,...I}=e,S=b;return S\|\|(S=g==="rtl"?"chevron-left":"chevron-right"),ld("li",{...I,className:n(e.className,hn,"k-item",M(hn,{focus:o,disabled:r,hover:t,active:a,selected:i})),role:"menuitem",...c&&{"aria-haspopup":"menu"},...c&&{"aria-expanded":v?"true":"false"},...r&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[ld("span",{className:n("k-link k-menu-link"),children:[l&&x==="before"&&ai(N,{className:"k-menu-link-icon",icon:l}),ai("span",{className:"k-menu-link-text",children:m}),l&&x==="after"&&ai(N,{className:"k-menu-link-icon",icon:l}),c&&ai("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:ai(N,{icon:S})})]}),u]})};Me.states=_b;Me.options=zb;Me.className=hn;Me.defaultOptions=dd;Me.moduleName=$e;Me.folderName=st;import{jsx as No,jsxs as pd}from"react/jsx-runtime";var Nn="k-menu-item",Hb=[s.hover,s.focus,s.active,s.selected,s.disabled],Fb={},gn={dir:"ltr",iconPosition:"before"},Q=e=>{let{hover:t,focus:o,active:a,selected:i,disabled:r,icon:l,text:m,showArrow:c,arrowIconName:b,iconPosition:x=gn.iconPosition,dir:g=gn.dir,children:u,popup:v,expanded:I,actions:S,description:k,...E}=e,T=b;return T\|\|(T=g==="rtl"?"chevron-left":"chevron-right"),pd("li",{role:"menuitem",...E,className:n(e.className,Nn,"k-item",M(Nn,{focus:o,disabled:r})),...c&&{"aria-haspopup":"menu"},...c&&{"aria-expanded":I?"true":"false"},...r&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[pd("span",{className:n("k-link k-menu-link",M("k-menu-link",{hover:t,active:a,selected:i,disabled:r})),children:[l&&x==="before"&&No(N,{className:"k-menu-link-icon",icon:l}),No("span",{className:"k-menu-link-text",children:m}),l&&x==="after"&&No(N,{className:"k-menu-link-icon",icon:l}),S&&No("span",{className:"k-menu-link-actions",children:S}),c&&No("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:No(N,{icon:T})}),k&&No("span",{className:"k-menu-link-description",children:k})]}),u,v]})};Q.states=Hb;Q.options=Fb;Q.className=Nn;Q.defaultOptions=gn;Q.moduleName=$e;Q.folderName=st;import{jsx as Vb}from"react/jsx-runtime";var md="k-menu-scroll-wrapper",Ub=[],Gb={},$b={},go=e=>{let{className:t,children:o,orientation:a,...i}=e;return Vb("div",{...i,className:n(t,md,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};go.states=Ub;go.options=Gb;go.className=md;go.defaultOptions=$b;go.moduleName=$e;go.folderName=st;var cd=go;import{Fragment as vn,jsx as vo,jsxs as Fi}from"react/jsx-runtime";var Ui="k-menu",Xb=[],Wb={size:[d.undefined,d.small,d.medium,d.large]},Gi={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},ke=e=>{let{children:t,orientation:o=Gi.orientation,header:a=Gi.header,scrollable:i,scrollButtonsPosition:r=Gi.scrollButtonsPosition,wrapperStyles:l,dir:m,size:c,popup:b,contextMenu:x,...g}=e,u={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},v=vo("ul",{dir:m,...g,className:n(e.className,"k-reset",Ui,{[`${Ui}-${o}`]:o,"k-header":a},C(Ui,{size:c})),role:x?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Fi(vn,{children:[i?Fi(cd,{orientation:o,style:l,dir:e.dir,children:[r==="start"&&Fi(vn,{children:[vo(p,{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"}),vo(p,{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"})]}),r==="around"&&vo(p,{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"}),v,r==="end"&&Fi(vn,{children:[vo(p,{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"}),vo(p,{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"})]}),r==="around"&&vo(p,{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"})]}):v,b]})};ke.states=Xb;ke.options=Wb;ke.className=Ui;ke.defaultOptions=Gi;ke.moduleName=$e;ke.folderName=st;import{jsx as Jb}from"react/jsx-runtime";var Ln="k-separator",ud={orientation:"horizontal"},oa=e=>{let{orientation:t=ud.orientation,...o}=e;return Jb("li",{...o,className:n(e.className,"k-item",Ln,{[`${Ln}-${t}`]:t}),role:"separator"})};oa.className=Ln;oa.defaultOptions=ud;oa.moduleName=$e;oa.folderName=st;import{Fragment as F_,jsx as U_}from"react/jsx-runtime";import{jsx as Qb}from"react/jsx-runtime";var In="k-menu-group",qb=[],Yb={size:[d.undefined,d.small,d.medium,d.large]},Zb={},Ce=e=>{let{children:t,size:o,...a}=e;return Qb("ul",{role:"menu",...a,className:n(e.className,In,C(In,{size:o})),children:t})};Ce.states=qb;Ce.options=Yb;Ce.className=In;Ce.defaultOptions=Zb;Ce.moduleName=$e;Ce.folderName=st;import{jsx as Z_,jsxs as Q_}from"react/jsx-runtime";import{Fragment as jb,jsx as aa,jsxs as ex}from"react/jsx-runtime";var Sn=e=>aa(ke,{children:ex(jb,{children:[aa(Me,{text:"Item 1"}),aa(Me,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),aa(Me,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),aa(Me,{text:"Item 4"}),aa(Me,{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 Lo,jsxs as rx}from"react/jsx-runtime";var tx={...ke.options,scrollable:{type:"boolean"}},ox=ke.states,fd={...ke.defaultOptions,variant:"horizontal"},ax=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],ix=[{name:"opened",title:"Opened"}],ia=e=>{let{variant:t,modifiers:o,...a}={...fd,...e},i={},r=t==="vertical"?{left:"200px",top:"30px"}:{left:"90px",top:"auto"};return Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(i.opened=!!o?.[l],i.popup=o?.[l]?Lo(J,{className:"k-menu-popup",offset:r,children:rx(Ce,{children:[Lo(Q,{text:"Item 1"}),Lo(Q,{text:"Item 2"}),Lo(oa,{}),Lo(Q,{text:"Item 3"})]})}):null)}),t==="vertical"?Lo(Sn,{...a,...i,orientation:"vertical",style:{width:"200px"}}):Lo(Sn,{...a,...i})};ia.options=tx;ia.states=ox;ia.variants=ax;ia.defaultOptions=fd;ia.modifiers=ix;ia.className=ke.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 px,jsx as yt,jsxs as bd}from"react/jsx-runtime";var nx=p.states,xd={...p.defaultOptions,variant:"text"},sx=p.options,lx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],dx=[{name:"opened",title:"Opened"}],ra=e=>{let{variant:t,modifiers:o,...a}={...xd,...e},i={},r=yt(J,{className:"k-menu-popup",children:bd(Ce,{size:a.size,children:[yt(Q,{text:"Menu Item"}),yt(Q,{text:"Menu Item"}),yt(Q,{text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=yt("div",{children:yt(W,{...a,...i,icon:"star"})});break;case"icon-and-text":l=yt("div",{children:yt(W,{...a,...i,icon:"star",children:"Dropdown Button"})});break;default:l=yt("div",{children:yt(W,{...a,...i,children:"Dropdown Button"})});break}return bd(px,{children:[l,o?.opened&&r]})};ra.options=sx;ra.states=nx;ra.variants=lx;ra.defaultOptions=xd;ra.modifiers=dx;ra.className=W.className;var kn="split-button",hd=kn;import{Fragment as ux,jsx as En,jsxs as Nd}from"react/jsx-runtime";var Mn="k-split-button",mx=[s.hover,s.focus,s.active,s.selected,s.disabled],cx={size:[d.undefined,d.small,d.medium,d.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:[L.undefined,L.base,L.primary,L.secondary,L.tertiary,L.success,L.warning,L.error,L.info,L.inverse]},gd={arrowIconName:"chevron-down"},H=e=>{let{size:t,rounded:o,fillMode:a,themeColor:i,hover:r,focus:l,active:m,selected:c,disabled:b,icon:x,endIcon:g,text:u,arrowIconName:v=gd.arrowIconName,popup:I,opened:S,popupId:k,...E}=e;return Nd(ux,{children:[Nd("div",{...E,className:n(e.className,Mn,"k-button-group",C(Mn,{rounded:o})),children:[En(p,{text:u,icon:x,endIcon:g,size:t,rounded:o,fillMode:a,themeColor:i,hover:r,focus:l,active:m,selected:c,disabled:b,...!u&&!e.children&&x&&{"aria-label":"Action"},children:e.children}),En(p,{className:"k-split-button-arrow",icon:v,size:t,rounded:o,fillMode:a,disabled:b,ariaDisabled:b\|\|void 0,"aria-label":"Toggle dropdown","aria-expanded":S?"true":"false","aria-controls":S?k:void 0,tabIndex:-1})]}),S&&I&&En(J,{className:"k-menu-popup",children:I})]})};H.states=mx;H.options=cx;H.className=Mn;H.defaultOptions=gd;H.moduleName=kn;H.folderName=hd;var Cn=H;import{jsx as bx}from"react/jsx-runtime";var fx="k-toolbar-separator",Ee=e=>bx("div",{className:n(fx,e.className,"k-separator")});var Io="toolbar",na=Io;import{Fragment as yn,jsx as F,jsxs as sa}from"react/jsx-runtime";var _t="k-toolbar",xx=[s.focus],hx={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},Nx={scrollButtons:"around"},q=e=>{let{size:t,fillMode:o,focus:a,resizable:i,scrollable:r,scrollButtons:l,scrollingPosition:m,section:c,...b}=e,x=[],g=(u,v)=>{let I=[];if(u.type===p&&u.props.className&&u.props.className.includes("k-toolbar-overflow-button"))I.push(F(p,{...u.props,className:`${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`));else if(u.type===p)I.push(F(p,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`));else if(u.type===za)I.push(F(za,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`));else if(u.type===Rt)I.push(F(Rt,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`));else if(u.type===W)I.push(F(W,{...u.props,className:`k-toolbar-menu-button ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`));else if(u.type===Cn)I.push(F(Cn,{...u.props,className:`k-toolbar-split-button ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`));else if(u.type===B\|\|u.props.className&&u.props.className.includes("k-button-group")){let S=[];(Array.isArray(u.props.children)?u.props.children:[u.props.children]).forEach((E,T)=>{S.push(F(p,{...E.props,className:`${E.props.className?E.props.className:""}`},`${T}-${new Date().getTime()}`))}),I.push(F(B,{...u.props,className:`k-toolbar-button-group ${u.props.className?u.props.className:""}`,children:S},`${v}-${new Date().getTime()}`))}else u.type===Se?I.push(F(Se,{...u.props,className:`k-toolbar-combobox ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`)):u.type===V?I.push(F(V,{...u.props,className:`k-toolbar-dropdownlist ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`)):u.type===he?I.push(F(he,{...u.props,className:`k-toolbar-colorpicker ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`)):I.push(u);I.forEach(S=>{x.push(S)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((v,I)=>{g(v,I)}),sa("div",{...b,className:n(e.className,_t,C(_t,{size:t,fillMode:o}),M(_t,{focus:a}),{[`${_t}-resizable`]:i,[`${_t}-scrollable`]:r,[`${_t}-scrollable-overlay`]:r&&l==="hidden",[`${_t}-scrollable-${m}`]:m&&m!=="both",[`${_t}-section`]:c}),role:"toolbar","aria-label":"Toolbar",children:[!r&&x,r&&l==="hidden"&&F("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),r&&l==="start"&&sa(yn,{children:[sa(B,{children:[F("span",{className:n("k-toolbar-prev","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:F(N,{className:"k-button-icon",icon:"chevron-left"})}),F("span",{className:n("k-toolbar-next","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:F(N,{className:"k-button-icon",icon:"chevron-right"})})]}),F(Ee,{className:"k-toolbar-button-separator"}),F("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x})]}),r&&l==="end"&&sa(yn,{children:[F("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),F(Ee,{className:"k-toolbar-button-separator"}),sa(B,{children:[F("span",{className:n("k-toolbar-prev","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:F(N,{className:"k-button-icon",icon:"chevron-left"})}),F("span",{className:n("k-toolbar-next","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:F(N,{className:"k-button-icon",icon:"chevron-right"})})]})]}),r&&(l==="around"\|\|!l)&&sa(yn,{children:[F("span",{className:n("k-toolbar-prev","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:F(N,{className:"k-button-icon",icon:"chevron-left"})}),F(Ee,{className:"k-toolbar-button-separator"}),F("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),F(Ee,{className:"k-toolbar-button-separator"}),F("span",{className:n("k-toolbar-next","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:F(N,{className:"k-button-icon",icon:"chevron-right"})})]})]})};q.states=xx;q.options=hx;q.className=_t;q.defaultOptions=Nx;q.moduleName=Io;q.folderName=na;import{jsx as Ix}from"react/jsx-runtime";var An="k-toolbar-item",gx=[s.focus],vx={},Lx={},to=e=>{let{focus:t,...o}=e;return Ix("div",{...o,className:n(e.className,An,M(An,{focus:t})),children:e.children})};to.states=gx;to.options=vx;to.className=An;to.defaultOptions=Lx;to.moduleName=Io;to.folderName=na;import{jsx as vd}from"react/jsx-runtime";var Ld="k-toolbar-popup",Sx=[],kx={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},Ex={},So=e=>{let{size:t,fillMode:o,section:a,...i}=e;return vd(J,{...i,className:n(e.className,Ld),children:a?vd("span",{className:n("k-toolbar-items-list",C("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};So.states=Sx;So.options=kx;So.className=Ld;So.defaultOptions=Ex;So.moduleName=Io;So.folderName=na;var $i=So;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 zt,jsxs as Tx}from"react/jsx-runtime";var Mx=H.states,Id={...H.defaultOptions,variant:"text"},Cx=H.options,yx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ax=[{name:"opened",title:"Opened"}],la=e=>{let{variant:t,modifiers:o,...a}={...Id,...e},i={},r=Tx(Ce,{size:a.size,children:[zt(Q,{text:"Menu Item"}),zt(Q,{text:"Menu Item"}),zt(Q,{text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(i.opened=!!o?.[l],i.popup=o?.[l]?r:"")}),t){case"icon-only":return zt("div",{children:zt(H,{...a,...i,icon:"star"})});case"icon-and-text":return zt("div",{children:zt(H,{...a,...i,icon:"star",children:"Split Button"})});default:return zt("div",{children:zt(H,{...a,...i,children:"Split Button"})})}};la.options=Cx;la.states=Mx;la.variants=yx;la.defaultOptions=Id;la.modifiers=Ax;la.className=H.className;import{jsx as ko,jsxs as Ox}from"react/jsx-runtime";var Sd=e=>ko(q,{children:[ko(p,{children:"Button"},"toolbar-button"),ko(W,{text:"Menu button"},"toolbar-menu-button"),ko(H,{children:"Split button"},"toolbar-split-button"),Ox(B,{children:[ko(p,{className:"k-group-start",icon:"align-left",children:"Left"}),ko(p,{icon:"align-center",children:"Center"}),ko(p,{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 Ve,jsxs as kd}from"react/jsx-runtime";var Ed=e=>Ve(q,{scrollable:!0,...e,children:[Ve(p,{children:"Button"},"toolbar-button"),Ve(W,{text:"Menu button"},"toolbar-menu-button"),Ve(H,{children:"Split button"},"toolbar-split-button"),kd(B,{children:[Ve(p,{className:"k-group-start",icon:"align-left",children:"Left"}),Ve(p,{icon:"align-center",children:"Center"}),Ve(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Ve(p,{children:"Button"},"toolbar-button"),Ve(W,{text:"Menu button"},"toolbar-menu-button"),Ve(H,{children:"Split button"},"toolbar-split-button"),kd(B,{children:[Ve(p,{className:"k-group-start",icon:"align-left",children:"Left"}),Ve(p,{icon:"align-center",children:"Center"}),Ve(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Xe,jsxs as Md}from"react/jsx-runtime";var Cd=({scrollingPosition:e="start",...t})=>Xe(q,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[Xe(p,{children:"Button"},"toolbar-button"),Xe(W,{text:"Menu button"},"toolbar-menu-button"),Xe(H,{children:"Split button"},"toolbar-split-button"),Md(B,{children:[Xe(p,{className:"k-group-start",icon:"align-left",children:"Left"}),Xe(p,{icon:"align-center",children:"Center"}),Xe(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Xe(p,{children:"Button"},"toolbar-button"),Xe(W,{text:"Menu button"},"toolbar-menu-button"),Xe(H,{children:"Split button"},"toolbar-split-button"),Md(B,{children:[Xe(p,{className:"k-group-start",icon:"align-left",children:"Left"}),Xe(p,{icon:"align-center",children:"Center"}),Xe(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Bx,jsx as _e,jsxs as Vi}from"react/jsx-runtime";var yd=({fillMode:e,size:t,...o})=>Vi(Bx,{children:[_e(q,{section:!0,fillMode:e,size:t,children:[_e(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Vi(B,{fillMode:e,children:[_e(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),_e(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),_e(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),_e(Ee,{className:"k-toolbar-button-separator"}),_e(p,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,"aria-label":"More options","aria-expanded":"false"})],...o}),Vi($i,{size:t,fillMode:e,section:!0,...o,children:[_e(H,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),_e(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),_e(Ee,{}),_e(W,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Vi(B,{fillMode:e,children:[_e(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),_e(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),_e(p,{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 Rx=q.options,Px=q.states,Ad={...q.defaultOptions,variant:"default"},wx=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Kx=[],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=Rx;da.states=Px;da.variants=wx;da.defaultOptions=Ad;da.modifiers=Kx;da.className=q.className;var Tn="autocomplete",Td=Tn;import{Fragment as On,jsx as Ne,jsxs as ii}from"react/jsx-runtime";var Od="k-autocomplete",Dx=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],_x={size:[d.undefined,d.small,d.medium,d.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},ht=e=>{let{size:t,rounded:o,fillMode:a,separators:i=Bn.separators,showClearButton:r=Bn.showClearButton,prefix:l,suffix:m,value:c,placeholder:b,hover:x,focus:g,valid:u,invalid:v,required:I,loading:S,disabled:k,popup:E,opened:T,readonly:w,adaptive:Y,adaptiveSettings:te,adaptiveTitle:oe,adaptiveSubtitle:pe,adaptiveCustomValue:po,id:Nt,autocomplete:Bt,activeDescendant:Vt,"aria-label":Ba,...Ra}=e,Pa=Nt?`${Nt}-listbox`:void 0;return ii(On,{children:[ii(X,{...Ra,size:t,rounded:o,fillMode:a,hover:x,focus:g,valid:u,invalid:v,required:I,loading:S,disabled:k,readonly:w,className:n(e.className,Od),children:[l&&ii(On,{children:[Ne(be,{children:l}),i&&Ne(ee,{})]}),Ne(ce,{placeholder:b,value:c,role:"combobox","aria-haspopup":"listbox","aria-expanded":T?"true":"false","aria-controls":T?Pa:void 0,"aria-activedescendant":T&&Vt?Vt:void 0,"aria-autocomplete":Bt,"aria-invalid":v?"true":void 0,"aria-busy":S?"true":void 0,"aria-label":Ba,disabled:k,readOnly:w}),Ne(j,{valid:u,invalid:v,loading:S,disabled:k}),Ne(ae,{loading:S,disabled:k}),r&&Ne(me,{loading:S,disabled:k,readonly:w,value:c}),m&&ii(On,{children:[i&&Ne(ee,{}),Ne(xe,{children:m})]})]}),T&&E&&Ne(J,{className:"k-list-container k-autocomplete-popup",containerRole:"region",containerAriaLabel:"Autocomplete suggestions",children:E}),Y&&Ne(Z,{adaptive:!0,...te,header:Ne(ve,{actionsEnd:Ne(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:c,inputPlaceholder:b,title:oe,subtitle:pe}),children:Ne("div",{className:"k-list-container",children:Ne(P,{customValue:po?Ne(at,{text:`Use "${c}"`}):void 0,size:"large",children:ii(D,{"aria-label":"Options",children:[Ne(y,{text:"List item"}),Ne(y,{text:"List item"}),Ne(y,{text:"List item"})]})})})})]})};ht.states=Dx;ht.options=_x;ht.className=Od;ht.defaultOptions=Bn;ht.moduleName=Tn;ht.folderName=Td;var At=ht;import{jsx as zx}from"react/jsx-runtime";var Bd=e=>zx(At,{id:A("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 Eo,jsxs as Vx}from"react/jsx-runtime";var Hx=U.states,Fx=U.defaultOptions,Ux=U.options,Gx=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],$x=[],pa=e=>{let{modifiers:t,...o}=e,a={},i=Eo(P,{style:{width:300},size:o.size,children:Vx(D,{children:[Eo(y,{children:"List item"}),Eo(y,{children:"List item"}),Eo(y,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?Eo(N,{icon:"search"}):void 0;break;case"suffix":a.suffix=t?.[r]?Eo(vt,{size:o.size,fillMode:"clear",children:"Search"}):void 0;break;case"opened":a.opened=!!t?.[r],a.popup=t?.[r]?i:void 0;break;default:break}}),Eo(Bd,{value:"Value",style:{width:300},...o,...a})};pa.options=Ux;pa.states=Hx;pa.variants=$x;pa.defaultOptions=Fx;pa.modifiers=Gx;pa.className=ht.className;import{Fragment as qx,jsx as lt,jsxs as Yx}from"react/jsx-runtime";var Rd="k-imageeditor-toolbar",Xx=[],Wx={},Jx={},ma=e=>{let{toolbarItems:t,adaptive:o,disabled:a,...i}=e;return lt(q,{...i,className:n(e.className,Rd),fillMode:"flat",children:t??Yx(qx,{children:[lt(p,{fillMode:"flat",icon:"image-add","aria-label":"Image Add"}),lt(Ee,{}),lt(p,{fillMode:"flat",disabled:!0,icon:"undo","aria-label":"Undo"}),lt(p,{fillMode:"flat",disabled:!0,icon:"redo","aria-label":"Redo"}),lt(Ee,{}),lt(p,{fillMode:"flat",disabled:a,icon:"download","aria-label":"Download"}),lt("div",{className:"k-spacer"}),lt(p,{fillMode:"flat",disabled:a,icon:"zoom-in","aria-label":"Zoom In"}),!o&&lt(to,{children:lt(ht,{fillMode:"flat",disabled:a,value:"Fit",showClearButton:!1,"aria-label":"Zoom options"})}),lt(p,{fillMode:"flat",disabled:a,icon:"zoom-out","aria-label":"Zoom Out"})]})})};ma.states=Xx;ma.options=Wx;ma.className=Rd;ma.defaultOptions=Jx;import{Fragment as Qx,jsx as Be,jsxs as jx}from"react/jsx-runtime";var Rn="k-imageeditor-sidebar",Zx={scrollable:!1},Pd=e=>{let{sidebarItems:t,activeTool:o,disabled:a,adaptive:i,scrollable:r=Zx.scrollable,scrollingPosition:l,...m}=e,c=i?"k-separator k-separator-vertical":"k-separator";return Be("div",{...m,className:n(e.className,Rn,{[`${Rn}-scrollable`]:r,[`${Rn}-scrollable-${l}`]:l&&l!=="both"}),children:Be("div",{className:"k-imageeditor-sidebar-items",role:"toolbar","aria-label":"Tools",children:t??jx(Qx,{children:[Be(p,{fillMode:"flat",togglable:!0,icon:"image-resize","aria-label":"Resize",selected:o==="Resize",disabled:a}),Be(p,{fillMode:"flat",togglable:!0,icon:"crop","aria-label":"Crop",selected:o==="Crop",disabled:a}),Be(p,{fillMode:"flat",togglable:!0,icon:"rotate","aria-label":"Rotate",selected:o==="Rotate",disabled:a}),Be("div",{className:c}),Be(p,{fillMode:"flat",togglable:!0,icon:"free-text","aria-label":"Text",selected:o==="Text",disabled:a}),Be(p,{fillMode:"flat",togglable:!0,icon:"shapes","aria-label":"Shapes",selected:o==="Shapes",disabled:a}),Be("div",{className:c}),Be(p,{fillMode:"flat",togglable:!0,icon:"drop-half-pixelated","aria-label":"Blur",selected:o==="Blur",disabled:a}),Be(p,{fillMode:"flat",togglable:!0,icon:"sliders-horizontal","aria-label":"Adjustments",selected:o==="Adjustments",disabled:a}),Be(p,{fillMode:"flat",togglable:!0,icon:"circles-three-intersecting","aria-label":"Filters",selected:o==="Filters",disabled:a}),Be("div",{className:c}),Be(p,{fillMode:"flat",togglable:!0,icon:"frame-corners","aria-label":"Frame",selected:o==="Frame",disabled:a}),Be(p,{fillMode:"flat",togglable:!0,icon:"circle-half-tilted","aria-label":"Shadow",selected:o==="Shadow",disabled:a})]})})})};var ri="loader",Xi=ri;import{Fragment as Pn,jsx as wd,jsxs as Wi}from"react/jsx-runtime";var wn="k-loader",eh={pulsing:"pulsing-2","infinite-spinner":"spinner-3","converging-spinner":"spinner-4"},th=[],oh={size:[d.undefined,d.small,d.medium,d.large],themeColor:[L.undefined,L.base,L.primary,L.secondary,L.tertiary]},Kd={animation:"pulsing"},ne=e=>{let{size:t,themeColor:o,animation:a=Kd.animation,...i}=e,r=wd("span",{className:"k-loader-segment"});return wd("div",{...i,className:n(e.className,wn,{[`k-loader-${eh[a]\|\|a}`]:a},C(wn,{size:t,themeColor:o})),role:"status","aria-label":i["aria-label"]\|\|"Loading",children:Wi("div",{className:"k-loader-canvas",children:[a==="pulsing"&&Wi(Pn,{children:[r,r]}),a==="infinite-spinner"&&Wi(Pn,{children:[r,r,r]}),a==="converging-spinner"&&Wi(Pn,{children:[r,r,r,r]})]})})};ne.states=th;ne.options=oh;ne.className=wn;ne.defaultOptions=Kd;ne.moduleName=ri;ne.folderName=Xi;var Dd=ne;import{jsx as Kn,jsxs as _d}from"react/jsx-runtime";var Dn="k-loader-container",ah=[],ih={size:[d.undefined,d.small,d.medium,d.large],themeColor:[L.undefined,L.base,L.primary,L.secondary,L.tertiary]},Ji={loaderType:"pulsing",position:"top",panel:!1},Mo=e=>{let{size:t,themeColor:o,loaderType:a=Ji.loaderType,position:i=Ji.position,panel:r=Ji.panel,...l}=e;return _d("div",{...l,className:n(e.className,Dn,C(Dn,{size:t}),{[`k-loader-${i}`]:i}),role:"status","aria-live":"polite","aria-label":l["aria-label"]\|\|"Loading",children:[Kn(il,{className:"k-loader-container-overlay"}),_d("div",{className:n("k-loader-container-inner",{"k-loader-container-panel":r}),children:[Kn(Dd,{size:t,themeColor:o,animation:a}),Kn("div",{className:"k-loader-container-label",children:"Loading..."})]})]})};Mo.states=ah;Mo.options=ih;Mo.className=Dn;Mo.defaultOptions=Ji;Mo.moduleName=ri;Mo.folderName=Xi;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 rh=ne.options,nh=ne.states,sh={...ne.defaultOptions,variant:"infinite-spinner"},lh=[{name:"infinite-spinner",title:"Infinite"},{name:"pulsing",title:"Pulsing"},{name:"converging-spinner",title:"Converging"}],dh=[],ca=e=>{let{variant:t,...o}=e;switch(t){case"pulsing":return _n(ne,{animation:"pulsing",...o});case"converging-spinner":return _n(ne,{animation:"converging-spinner",...o});default:return _n(ne,{animation:"infinite-spinner",...o})}};ca.options=rh;ca.states=nh;ca.variants=lh;ca.defaultOptions=sh;ca.modifiers=dh;ca.className=ne.className;var zd="image-editor",Hd="imageeditor",ni={width:494,height:307},si={width:326,height:203};import{Fragment as Fd,jsx as Tt,jsxs as li}from"react/jsx-runtime";var zn="k-imageeditor",ph=[],mh={},ch={},se=e=>{let{toolbarItems:t,actionPane:o,sidebarItems:a,activeTool:i,placeholder:r,contentHeight:l,exporting:m,adaptive:c,sidebarScrollable:b,sidebarScrollingPosition:x,children:g,...u}=e,v=!!r,I=Tt("div",{className:"k-imageeditor-canvas-container",children:r??Tt("div",{className:"k-imageeditor-canvas",children:g})}),S=o&&Tt("div",{className:"k-imageeditor-action-pane",children:o}),k=Tt(Pd,{sidebarItems:a,activeTool:i,disabled:v,adaptive:c,scrollable:b,scrollingPosition:x});return li("div",{role:"application","aria-label":"Image Editor",...u,className:n(e.className,zn,{[`${zn}-adaptive`]:c}),children:[Tt("div",{className:"k-imageeditor-header",children:Tt(ma,{toolbarItems:t,adaptive:c,disabled:v})}),Tt("div",{className:"k-imageeditor-content",style:{height:l},children:c?li(Fd,{children:[I,S,k]}):li(Fd,{children:[k,S,I]})}),m&&li("div",{className:"k-loader-container k-loader-top",role:"status","aria-live":"polite","aria-label":"Exporting",children:[Tt(ft,{className:"k-loader-container-overlay"}),li("div",{className:"k-loader-container-inner k-loader-container-panel",children:[Tt(ne,{animation:"pulsing",themeColor:"base",size:"medium","aria-label":"Exporting"}),Tt("div",{className:"k-loader-container-label",children:"Exporting"})]})]})]})};se.states=ph;se.options=mh;se.className=zn;se.defaultOptions=ch;se.moduleName=zd;se.folderName=Hd;import{Fragment as qi,jsx as ao,jsxs as di}from"react/jsx-runtime";var Hn="k-upload-dropzone",uh=[s.hover],Yi=e=>{let{hover:t,status:o,disabled:a,hasFiles:i,filesId:r,buttonText:l="Select files...",...m}=e,c;switch(o){case"uploading":c=di(qi,{children:[ao(N,{icon:"upload"}),"Uploading..."]});break;case"done":c=di(qi,{children:[ao(N,{icon:"check"}),"Done"]});break;case"failed":c=di(qi,{children:[ao(N,{icon:"exclamation-circle"}),"Done"]});break;default:c=ao(qi,{});break}return di("div",{...m,className:n(e.className,Hn,"k-dropzone",M(Hn,{hover:t})),children:[di("div",{className:"k-upload-button-wrap",children:[ao(p,{className:"k-upload-button","aria-disabled":a?"true":"false",...i&&r?{"aria-controls":r}:{},children:l}),ao("input",{id:"upload-input",className:"k-hidden",tabIndex:-1,"aria-hidden":"true"})]}),ao("span",{className:n("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=uh;Yi.className=Hn;var Fn="upload",Ud=Fn;import{jsx as Zi,jsxs as $d}from"react/jsx-runtime";var Un="k-upload",fh=[s.hover,s.disabled],bh={},Vd={actionsLayout:"end"},Gd="upload-files-list",ge=e=>{let{async:t,empty:o,actions:a,actionsLayout:i=Vd.actionsLayout,hover:r,status:l,disabled:m,buttonText:c,...b}=e,x=!!e.children;return $d("div",{...b,className:n(e.className,Un,M(Un,{disabled:m}),{"k-upload-async":t,"k-upload-empty":o}),children:[Zi(Yi,{status:l,hover:r,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(p,{className:"k-clear-selected",children:"Clear"}),Zi(p,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};ge.states=fh;ge.options=bh;ge.className=Un;ge.defaultOptions=Vd;ge.moduleName=Fn;ge.folderName=Ud;var pi="progressbar",Qi=pi;import{jsx as $n,jsxs as Gn}from"react/jsx-runtime";var dt="k-progressbar",xh=[s.disabled,s.indeterminate],hh={orientation:["horizontal","vertical"]},Co={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},Re=e=>{let{disabled:t,height:o,indeterminate:a=Co.indeterminate,label:i=Co.label,labelPosition:r=Co.labelPosition,orientation:l=Co.orientation,reverse:m=Co.reverse,value:c=Co.value,width:b,style:x,ariaLabel:g,...u}=e;return Gn("div",{...u,className:n(e.className,dt,M(dt,{disabled:t}),{[`${dt}-${l}`]:l,[`${dt}-indeterminate`]:a,[`${dt}-reverse`]:m}),style:{...x,"--kendo-progressbar-value":c,[l==="horizontal"?"height":"width"]:l==="horizontal"?o:b},role:"progressbar","aria-label":g\|\|"progress","aria-valuenow":a?void 0:Number(c),"aria-valuemin":0,"aria-valuemax":100,children:[$n("span",{className:n("k-progress-status-wrap",{[`k-progress-${r}`]:r&&!a}),children:i&&Gn("span",{className:"k-progress-status",children:[c,"%"]})}),!a&&$n("div",{className:"k-progressbar-value k-selected",children:$n("span",{className:n("k-progress-status-wrap",{[`k-progress-${r}`]:r}),children:i&&Gn("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};Re.states=xh;Re.options=hh;Re.className=dt;Re.defaultOptions=Co;Re.moduleName=pi;Re.folderName=Qi;var Xd=Re;import{jsx as Vn}from"react/jsx-runtime";var Wd="k-chunk-progressbar",Nh=(e,t)=>t<=e-1,gh=[s.disabled,s.indeterminate],vh={},ji={chunkCount:5,orientation:"horizontal",progress:0},ua=e=>{let{disabled:t,chunkCount:o=ji.chunkCount,indeterminate:a,orientation:i=ji.orientation,progress:r=ji.progress,reverse:l,ariaLabel:m,...c}=e;return Vn("div",{...c,className:n(e.className,dt,Wd,M(dt,{disabled:t}),{[`${dt}-${i}`]:i,[`${dt}-indeterminate`]:a,[`${dt}-reverse`]:l}),role:"progressbar","aria-label":m\|\|"progress","aria-valuenow":a?void 0:r,"aria-valuemin":0,"aria-valuemax":o,children:Vn("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((b,x)=>Vn("li",{className:n("k-progressbar-chunk",{"k-first":x===0,"k-last":x===[...Array(o)].length-1,"k-selected":Nh(r,x)})},x))})})};ua.states=gh;ua.options=vh;ua.className=Wd;ua.defaultOptions=ji;ua.moduleName=pi;ua.folderName=Qi;import{jsx as Lh}from"react/jsx-runtime";var mi=e=>Lh(Xd,{...e});import{jsx as D5}from"react/jsx-runtime";import{jsx as io}from"react/jsx-runtime";var Ih=Re.options,Sh=Re.states,Jd={...Re.defaultOptions,variant:"start"},kh=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],Eh=[],fa=e=>{let{variant:t,modifiers:o,...a}={...Jd,...e},i={},r={style:{width:"324px"}};switch(Object.keys(o\|\|{}).forEach(l=>{switch(l){case"reverse":i.reverse=!!o?.[l];break;case"vertical":i.orientation=o?.[l]?"vertical":void 0,r.style=o?.[l]?void 0:{width:"324px"};break}}),t){case"end":return io("div",{...r,children:io(mi,{...a,...i,labelPosition:"end",value:"50"})});case"center":return io("div",{...r,children:io(mi,{...a,...i,labelPosition:"center",value:"50"})});case"empty":return io("div",{...r,children:io(mi,{...a,...i,label:!1,value:"50"})});default:return io("div",{...r,children:io(mi,{...a,...i,labelPosition:"start",value:"50"})})}};fa.options=Ih;fa.states=Sh;fa.variants=kh;fa.defaultOptions=Jd;fa.modifiers=Eh;fa.className=Re.className;import{jsx as Xn,jsxs as Ch}from"react/jsx-runtime";var Mh="k-file-info",Wn=e=>{let{name:t,size:o,validationMsg:a,...i}=e;return Ch("div",{...i,className:n(e.className,Mh),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 Ah,jsx as Ht,jsxs as er}from"react/jsx-runtime";var yh="k-file",ze=e=>{let{status:t,progress:o,name:a,icon:i,size:r,state:l,validationMsg:m,...c}=e;return Ht("li",{...c,className:n(e.className,yh,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:er("div",{className:"k-file-single",children:[Ht(Re,{className:n({"k-hidden":t!=="progress"}),value:o,label:!1}),er("span",{className:"k-file-icon-wrapper",children:[Ht(N,{className:"k-file-icon",icon:i,size:"xxlarge"}),l&&Ht("span",{className:"k-file-state",children:l})]}),Ht(Wn,{name:a,size:r,validationMsg:m}),Ht("div",{className:"k-upload-actions",children:t==="progress"?er(Ah,{children:[er("span",{className:"k-upload-pct",children:[o,"%"]}),Ht(p,{icon:"pause",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Pause upload",tabIndex:-1}),Ht(p,{icon:"cancel",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Cancel upload",tabIndex:-1})]}):Ht(p,{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 Th,jsx as Jn,jsxs as Oh}from"react/jsx-runtime";var ci=e=>Jn(ge,{async:!0,children:Oh(Th,{children:[Jn(ze,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),Jn(ze,{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 Bh}from"react/jsx-runtime";var qn=e=>Bh(ge,{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 Ft,jsxs as tr}from"react/jsx-runtime";var Rh=ge.options,Ph=ge.states,qd={...ge.defaultOptions,variant:"empty"},wh=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],Kh=[],ba=e=>{let{variant:t,...o}={...qd,...e};switch(t){case"success":return tr(ci,{status:"done",style:{width:"586px"},...o,children:[Ft(ze,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),Ft(ze,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return tr(ci,{status:"failed",style:{width:"586px"},...o,children:[Ft(ze,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),Ft(ze,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return tr(ci,{status:"uploading",style:{width:"586px"},...o,children:[Ft(ze,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),Ft(ze,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return tr(ci,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[Ft(ze,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),Ft(ze,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return Ft(qn,{async:!0,status:"upload",style:{width:"586px"},...o})}};ba.options=Rh;ba.states=Ph;ba.variants=wh;ba.defaultOptions=qd;ba.modifiers=Kh;ba.className=ge.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",Dh=[],_h={},zh={},fe=e=>{let{title:t,actions:o,adaptive:a,confirmDisabled:i,children:r,...l}=e;return Yd("div",{...l,className:n(e.className,Zd),children:[Yd("div",{className:"k-imageeditor-pane-header",children:[a&&xa(p,{fillMode:"flat",icon:"x","aria-label":"Close",title:"Close"}),xa("div",{className:"k-imageeditor-pane-title",children:t}),a?xa(p,{fillMode:"flat",icon:"check",disabled:i,"aria-label":"Confirm",title:"Confirm"}):xa(p,{fillMode:"flat",icon:"x","aria-label":"Close",title:"Close"})]}),xa("div",{className:"k-imageeditor-pane-content",children:r}),!a&&o&&xa(Ue,{alignment:"end",className:"k-imageeditor-pane-footer",children:o})]})};fe.states=Dh;fe.options=_h;fe.className=Zd;fe.moduleName=null;fe.folderName=null;fe.defaultOptions=zh;import{jsx as Gh}from"react/jsx-runtime";var Yn="k-imageeditor-option-preview",Hh=[s.hover,s.focus,s.selected],Fh={},Uh={},We=e=>{let{label:t,hover:o,focus:a,selected:i,children:r,...l}=e;return Gh("div",{...l,className:n(e.className,Yn,M(Yn,{hover:o,focus:a,selected:i})),role:"button","aria-pressed":i?"true":"false",children:r??t})};We.states=Hh;We.options=Fh;We.className=Yn;We.moduleName=null;We.folderName=null;We.defaultOptions=Uh;import{jsx as Qd}from"react/jsx-runtime";var or="k-imageeditor-option-list",Zn={scrollable:!1,scrollingPosition:"start"},ha=e=>{let{scrollable:t=Zn.scrollable,scrollingPosition:o=Zn.scrollingPosition,children:a,...i}=e;return Qd("div",{...i,className:n(e.className,or,{[`${or}-scrollable`]:t,[`${or}-scrollable-${o}`]:o&&o!=="both"}),children:Qd("div",{className:"k-imageeditor-option-list-items",children:a})})};ha.className=or;ha.moduleName=null;ha.folderName=null;ha.defaultOptions=Zn;import{Fragment as Vh,jsx as jd,jsxs as Xh}from"react/jsx-runtime";var $h={},ro=e=>{let{label:t,style:o,children:a,imageSrc:i}=e;return Xh(Vh,{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})]})};ro.moduleName=null;ro.folderName=null;ro.defaultOptions=$h;import{jsx as Wh}from"react/jsx-runtime";var ye=e=>{let{imageSrc:t,adaptive:o,style:a,...i}=e;return Wh("canvas",{role:"img","aria-label":"Image being edited",...o?si:ni,...i,style:{...t&&{backgroundImage:`url('${t}')`},backgroundSize:"cover",...a}})};ye.moduleName=null;ye.folderName=null;import{Fragment as ep,jsx as Ut,jsxs as tp}from"react/jsx-runtime";var op={variant:"crop"},Na=e=>{let{variant:t=op.variant,grid:o,corners:a=!0}=e,i=t==="crop"?"k-resize-handle":"k-scale-handle",r=t==="scale"?"k-scale-handle":"k-resize-handle";return tp(ep,{children:[o&&Ut("div",{className:"k-imageeditor-crop-grid"}),a&&tp(ep,{children:[Ut("span",{className:`${i} k-resize-nw`}),Ut("span",{className:`${i} k-resize-ne`}),Ut("span",{className:`${i} k-resize-sw`}),Ut("span",{className:`${i} k-resize-se`})]}),Ut("span",{className:`${r} k-resize-n`}),Ut("span",{className:`${r} k-resize-s`}),Ut("span",{className:`${r} k-resize-w`}),Ut("span",{className:`${r} k-resize-e`})]})};Na.moduleName=null;Na.folderName=null;Na.defaultOptions=op;import{jsx as ap}from"react/jsx-runtime";var Jh="k-rotate-handle",Qn=e=>ap("span",{...e,className:n(e.className,Jh),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 Zh}from"react/jsx-runtime";var ir="k-form",qh=[],Yh={size:[d.undefined,d.small,d.medium,d.large]},jn={layout:"basic",tag:"form"},G=e=>{let{size:t,orientation:o,layout:a=jn.layout,formButtons:i,cols:r,gutters:l,tag:m=jn.tag,children:c,style:b}=e,x=m,g=n(e.className,ir,C(ir,{size:t}),{[`${ir}-${o}`]:o}),u=Zh(np,{children:[a==="grid"?ar("div",{className:n("k-form-layout","k-d-grid",{[`k-grid-cols-${r}`]:r}),style:{...typeof l=="string"&&{gap:l},...typeof l=="object"&&l.rows&&{rowGap:l.rows},...typeof l=="object"&&l.cols&&{columnGap:l.cols},...b},children:c}):ar(np,{children:c}),i&&ar("div",{className:"k-form-buttons",children:i})]}),{role:v,"aria-labelledby":I,"aria-label":S,id:k}=e;return ar(x,{className:g,role:v,"aria-labelledby":I,"aria-label":S,id:k,children:u})};G.states=qh;G.options=Yh;G.className=ir;G.defaultOptions=jn;G.moduleName=ip;G.folderName=rp;var sp="label",lp="label";import{jsx as dp,jsxs as tN}from"react/jsx-runtime";var es="k-label",Qh=[s.disabled],jh={},eN={},no=e=>{let{disabled:t,optional:o,info:a,text:i,children:r,...l}=e;return tN("label",{...l,className:n(e.className,es,M(es,{disabled:t})),children:[i\|\|r,o&&dp("span",{className:"k-label-optional",children:"(Optional)"}),a&&dp("span",{className:"k-field-info",children:a})]})};no.states=Qh;no.options=jh;no.className=es;no.defaultOptions=eN;no.moduleName=sp;no.folderName=lp;import{jsx as rN}from"react/jsx-runtime";var pp="k-form-hint",oN=[],aN={},iN={},pt=e=>{let{text:t,children:o,...a}=e;return rN("div",{...a,className:n(e.className,pp),children:t\|\|o})};pt.states=oN;pt.options=aN;pt.className=pp;pt.defaultOptions=iN;import{jsx as dN}from"react/jsx-runtime";var mp="k-form-error",nN=[],sN={},lN={},mt=e=>{let{text:t,children:o,...a}=e;return dN("div",{...a,className:n(e.className,mp),children:t\|\|o})};mt.states=nN;mt.options=sN;mt.className=mp;mt.defaultOptions=lN;import{jsx as rr,jsxs as cp}from"react/jsx-runtime";var ts="k-form-field",pN=[s.disabled],$=e=>{let{editorId:t,label:o,orientation:a,optional:i,editor:r,hint:l,error:m,info:c,disabled:b,dir:x,colSpan:g,...u}=e;return cp("div",{...u,className:n(ts,e.className,M(ts,{disabled:b}),{[`k-col-span-${g}`]:g}),dir:x,children:[o&&rr(no,{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:[r,l&&rr(pt,{id:t?`${t}-hint`:void 0,children:l}),m&&rr(mt,{id:t?`${t}-error`:void 0,children:m})]})]})};$.states=pN;$.className=ts;import{Fragment as mN,jsx as os,jsxs as cN}from"react/jsx-runtime";var up="k-form-fieldset",Pe=e=>{let{legend:t,layout:o,cols:a,gutters:i,colSpan:r}=e;return cN("fieldset",{className:n(up,{[`k-col-span-${r}`]:r}),children:[t&&os("legend",{className:"k-form-legend",children:t}),o==="grid"?os("div",{className:n("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(mN,{children:e.children})]})};Pe.className=up;var yo="radio",ga=yo;import{jsx as fp}from"react/jsx-runtime";var nr="k-radio",uN=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked],fN={size:[d.undefined,d.small,d.medium,d.large]},bN={},Je=e=>{let{id:t,checked:o,hover:a,focus:i,disabled:r,invalid:l,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:r\|\|void 0,"aria-invalid":l?"true":void 0,className:n(e.className,nr,C(nr,{size:b}),M(nr,{hover:a,focus:i,disabled:r,invalid:l,valid:m,checked:o}))})})};Je.states=uN;Je.options=fN;Je.className=nr;Je.defaultOptions=bN;Je.moduleName=yo;Je.folderName=ga;var ct=Je;import{jsx as NN}from"react/jsx-runtime";var bp="k-radio-list",xN=[],hN={},xp={layout:"vertical"},le=e=>{let{layout:t=xp.layout,...o}=e;return NN("ul",{...o,className:n(e.className,bp,{[`k-list-${t}`]:t}),role:"radiogroup",children:e.children})};le.states=xN;le.options=hN;le.className=bp;le.defaultOptions=xp;le.moduleName=yo;le.folderName=ga;import{jsx as IN}from"react/jsx-runtime";var hp="k-radio-list-item",gN=[],vN={},LN={},de=e=>{let{...t}=e;return IN("li",{...t,className:n(e.className,hp),role:"none",children:e.children})};de.states=gN;de.options=vN;de.className=hp;de.defaultOptions=LN;de.moduleName=yo;de.folderName=ga;import{jsx as C9}from"react/jsx-runtime";import{Fragment as SN,jsx as Np,jsxs as kN}from"react/jsx-runtime";var qe=({children:e,id:t,...o})=>kN(SN,{children:[Np(ct,{...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 ON}from"react/jsx-runtime";var MN=ct.options,CN=ct.states,yN=ct.defaultOptions,AN=[],TN=[],va=e=>ON(qe,{id:A("radio"),name:"value",...e,children:"Label"});va.options=MN;va.states=CN;va.variants=AN;va.defaultOptions=yN;va.modifiers=TN;va.className=ct.className;import{jsx as ut,jsxs as gp}from"react/jsx-runtime";var BN=le.options,RN=le.states,PN={...le.defaultOptions,variant:"vertical"},wN=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],KN=[],La=e=>{let{variant:t,...o}=e;return t==="horizontal"?gp(le,{layout:"horizontal",...o,children:[ut(de,{children:ut(qe,{id:A("rb"),name:"value",defaultChecked:!0,children:"Label"})}),ut(de,{children:ut(qe,{id:A("rb"),name:"value",children:"Label"})}),ut(de,{children:ut(qe,{id:A("rb"),name:"value",children:"Label"})})]}):gp(le,{...o,children:[ut(de,{children:ut(qe,{id:A("rb"),name:"value",defaultChecked:!0,children:"Label"})}),ut(de,{children:ut(qe,{id:A("rb"),name:"value",children:"Label"})}),ut(de,{children:ut(qe,{id:A("rb"),name:"value",children:"Label"})})]})};La.options=BN;La.states=RN;La.variants=wN;La.defaultOptions=PN;La.modifiers=KN;La.className=le.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 ui,jsxs as HN}from"react/jsx-runtime";var Ip="k-dateinput",DN=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],_N={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},zN={},Ye=e=>{let{size:t,rounded:o,fillMode:a,value:i,placeholder:r,hover:l,focus:m,valid:c,invalid:b,required:x,loading:g,disabled:u,readonly:v,showClearButton:I,showSpinButton:S,id:k,"aria-label":E,"aria-describedby":T,...w}=e;return HN(X,{...w,size:t,rounded:o,fillMode:a,hover:l,focus:m,valid:c,invalid:b,required:x,loading:g,disabled:u,readonly:v,className:n(e.className,Ip),children:[ui(ce,{id:k,placeholder:r,value:i,disabled:u,"aria-label":E,"aria-describedby":T,"aria-invalid":b?"true":void 0}),ui(j,{valid:c,invalid:b,loading:g,disabled:u}),ui(ae,{loading:g,disabled:u}),I&&ui(me,{loading:g,disabled:u,readonly:v,value:i}),S&&ui(Et,{className:"k-input-spinner",size:t,fillMode:a,disabled:u})]})};Ye.states=DN;Ye.options=_N;Ye.className=Ip;Ye.defaultOptions=zN;Ye.moduleName=vp;Ye.folderName=Lp;var as=Ye;import{jsx as FN}from"react/jsx-runtime";var Sp=e=>FN(as,{...e});import{jsx as C4}from"react/jsx-runtime";import{jsx as WN}from"react/jsx-runtime";var UN=Ye.options,GN=Ye.states,$N=Ye.defaultOptions,VN=[{name:"spin-button",title:"`Spin` Button"}],XN=[],Ia=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(i=>{i==="spin-button"&&(a.showSpinButton=!!t?.[i])}),WN(Sp,{value:"2/04/2021",style:{width:"300px"},...o,...a})};Ia.options=UN;Ia.states=GN;Ia.variants=XN;Ia.defaultOptions=$N;Ia.modifiers=VN;Ia.className=Ye.className;var kp="masked-textbox",Ep="maskedtextbox";import{Fragment as Mp,jsx as so,jsxs as is}from"react/jsx-runtime";var Cp="k-maskedtextbox",JN=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],qN={size:[d.undefined,d.small,d.medium,d.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},Ze=e=>{let{size:t,rounded:o,fillMode:a,separators:i=rs.separators,showClearButton:r=rs.showClearButton,prefix:l,suffix:m,value:c,placeholder:b,hover:x,focus:g,valid:u,invalid:v,required:I,loading:S,disabled:k,readonly:E,id:T,"aria-label":w,"aria-describedby":Y,...te}=e;return is(X,{...te,size:t,rounded:o,fillMode:a,hover:x,focus:g,valid:u,invalid:v,required:I,loading:S,disabled:k,readonly:E,className:n(e.className,Cp),children:[l&&is(Mp,{children:[so(be,{children:l}),i&&so(ee,{})]}),so(ce,{id:T,placeholder:b,value:c,disabled:k,"aria-label":w,"aria-describedby":Y,"aria-invalid":v?"true":void 0}),so(j,{valid:u,invalid:v,loading:S,disabled:k}),so(ae,{loading:S,disabled:k}),r&&so(me,{loading:S,disabled:k,readonly:E,value:c}),m&&is(Mp,{children:[i&&so(ee,{}),so(xe,{children:m})]})]})};Ze.states=JN;Ze.options=qN;Ze.className=Cp;Ze.defaultOptions=rs;Ze.moduleName=kp;Ze.folderName=Ep;var Sa=Ze;import{jsx as YN}from"react/jsx-runtime";var yp=e=>YN(Sa,{...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 ZN=Ze.states,QN=Ze.defaultOptions,jN=Ze.options,eg=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],tg=[],ka=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?ns(V,{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})};ka.options=jN;ka.states=ZN;ka.variants=tg;ka.defaultOptions=QN;ka.modifiers=eg;ka.className=Ze.className;var ss="switch",Ap=ss;import{jsx as sr,jsxs as Tp}from"react/jsx-runtime";var lo="k-switch",og=[s.hover,s.focus,s.disabled,s.readonly,s.checked],ag={size:[d.undefined,d.small,d.medium,d.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]},ig={},He=e=>{let{checked:t,onLabel:o,offLabel:a,size:i,trackRounded:r,thumbRounded:l,hover:m,focus:c,disabled:b,readonly:x,...g}=e;return Tp("span",{...g,className:n(e.className,lo,C(lo,{size:i}),M(lo,{hover:m,focus:c,disabled:b,readonly:x}),{[`${lo}-on`]:t,[`${lo}-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:n("k-switch-track",C(lo,{rounded:r})),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:n("k-switch-thumb",C(lo,{rounded:l}))})})]})};He.states=og;He.options=ag;He.className=lo;He.defaultOptions=ig;He.moduleName=ss;He.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 rg=He.options,ng=He.states,sg={...He.defaultOptions,variant:"on"},lg=[{name:"on",title:"On"},{name:"off",title:"Off"}],dg=[],Ea=e=>{let{variant:t,...o}=e;return t==="off"?Op(He,{checked:!1,onLabel:"On",offLabel:"Off",...o}):Op(He,{checked:!0,onLabel:"On",offLabel:"Off",...o})};Ea.options=rg;Ea.states=ng;Ea.variants=lg;Ea.defaultOptions=sg;Ea.modifiers=dg;Ea.className=He.className;var ds="textarea",Bp=ds;import{Fragment as Rp,jsx as fi,jsxs as ps}from"react/jsx-runtime";var Pp="k-textarea",pg=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled],mg={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Ma={flow:"vertical",affixesOrientation:"horizontal",resize:"both",prefixSeparator:!0,suffixSeparator:!0},Fe=e=>{let{size:t,rounded:o,fillMode:a,prefixSeparator:i=Ma.prefixSeparator,suffixSeparator:r=Ma.prefixSeparator,affixesOrientation:l=Ma.affixesOrientation,flow:m=Ma.flow,resize:c=Ma.resize,prefix:b,suffix:x,rows:g,value:u,placeholder:v,hover:I,focus:S,valid:k,invalid:E,required:T,disabled:w,id:Y,"aria-label":te,"aria-describedby":oe,...pe}=e;return ps(X,{...pe,size:t,rounded:o,fillMode:a,hover:I,focus:S,valid:k,invalid:E,required:T,disabled:w,className:n(e.className,Pp,{"!k-flex-col":m==="vertical","!k-flex-row":m==="horizontal"}),children:[b&&ps(Rp,{children:[fi(be,{className:n({"!k-align-items-start":m===l}),direction:l,children:b}),i&&fi(ee,{direction:m==="horizontal"?"vertical":"horizontal"})]}),fi(Ua,{className:n("!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:v,rows:g,disabled:w,id:Y,"aria-label":te,"aria-describedby":oe,"aria-invalid":E?"true":void 0}),x&&ps(Rp,{children:[r&&fi(ee,{direction:m==="horizontal"?"vertical":"horizontal"}),fi(xe,{className:n({"!k-align-items-start":m===l}),direction:l,children:x})]})]})};Fe.states=pg;Fe.options=mg;Fe.className=Pp;Fe.defaultOptions=Ma;Fe.moduleName=ds;Fe.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 cg=Fe.options,ug=Fe.states,wp={...Fe.defaultOptions,variant:"vertical"},fg=[{name:"vertical",title:"Flow vertical"},{name:"horizontal",title:"Flow horizontal"}],bg=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"}],Ca=e=>{let{variant:t,modifiers:o,...a}={...wp,...e},i={resize:"y"};return Object.keys(o\|\|{}).forEach(r=>{switch(r){case"prefix":i.prefix=o?.[r]?lr(N,{icon:"comment"}):void 0;break;case"suffix":i.suffix=o?.[r]?lr(N,{icon:"volume-up"}):void 0;break;default:break}}),t==="horizontal"?lr(Fe,{flow:"horizontal",placeholder:"Enter text...",style:{width:300},...a,...i}):lr(Fe,{flow:"vertical",placeholder:"Enter text...",style:{width:300},...a,...i})};Ca.options=cg;Ca.states=ug;Ca.variants=fg;Ca.defaultOptions=wp;Ca.modifiers=bg;Ca.className=Fe.className;import{Fragment as tV,jsx as eV,jsxs as oV}from"react/jsx-runtime";import{Fragment as Lg,jsx as we,jsxs as ya}from"react/jsx-runtime";var xg=G.options,hg=G.states,Ng={...G.defaultOptions,variant:"vertical"},gg=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],vg=[],Aa=e=>{let{variant:t,size:o,...a}=e,i=ya(Pe,{legend:"Form Legend",children:[we($,{label:"Label",editor:we(U,{size:o})}),we($,{label:"Label",hint:"Hint text",editor:we(V,{value:"Dropdown List",size:o})}),we($,{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"})]})]})})]}),r=ya(Lg,{children:[we(p,{className:"k-form-submit",themeColor:"primary",size:o,children:"Submit"}),we(p,{className:"k-form-clear",size:o,children:"Clear"})]});return t==="horizontal"?we(G,{orientation:"horizontal",size:o,...a,formButtons:r,children:i}):we(G,{size:o,...a,formButtons:r,children:i})};Aa.options=xg;Aa.states=hg;Aa.variants=gg;Aa.defaultOptions=Ng;Aa.modifiers=vg;Aa.className=G.className;import{jsx as Kp,jsxs as Mg}from"react/jsx-runtime";var Ig=pt.options,Sg=pt.states,Dp={...pt.defaultOptions},kg=[],Eg=[{name:"showHint",title:"Show Hint"}],Ta=e=>{let{modifiers:t,...o}={...Dp,...e},a=t?.showHint??!0;return Mg("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[Kp(U,{placeholder:"Component",style:{width:"200px"}}),a&&Kp(pt,{...o,children:"Hint text"})]})};Ta.options=Ig;Ta.states=Sg;Ta.variants=kg;Ta.defaultOptions=Dp;Ta.modifiers=Eg;Ta.className=pt.className;import{jsx as _p,jsxs as Og}from"react/jsx-runtime";var Cg=mt.options,yg=mt.states,zp={...mt.defaultOptions},Ag=[],Tg=[{name:"showError",title:"Show Error"}],Oa=e=>{let{modifiers:t,...o}={...zp,...e},a=t?.showError??!0;return Og("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[_p(U,{placeholder:"Component",invalid:a,style:{width:"200px"}}),a&&_p(mt,{...o,children:"Error text"})]})};Oa.options=Cg;Oa.states=yg;Oa.variants=Ag;Oa.defaultOptions=zp;Oa.modifiers=Tg;Oa.className=mt.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 Pg,jsxs as wg}from"react/jsx-runtime";var dr="k-segmented-control",Bg=[],Rg={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full]},Gt=e=>{let{size:t,rounded:o,stretched:a,children:i,thumbStyles:r,...l}=e;return wg("div",{...l,className:n(e.className,dr,C(dr,{size:t,rounded:o}),{[`${dr}-stretched`]:a}),role:"group",children:[Pg("div",{className:"k-segmented-control-thumb","aria-hidden":"true",style:r}),i]})};Gt.states=Bg;Gt.options=Rg;Gt.className=dr;Gt.moduleName=cs;Gt.folderName=Hp;import{jsx as us,jsxs as zg}from"react/jsx-runtime";var fs="k-segmented-control-button",Kg=[s.selected,s.hover,s.focus,s.disabled],Dg={},_g={},Ot=e=>{let{hover:t,focus:o,selected:a,disabled:i,icon:r,endIcon:l,text:m,iconClassName:c,...b}=e;return zg("button",{...b,className:n(e.className,fs,M(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:[r&&us(N,{className:n(c,"k-segmented-control-button-icon"),icon:r}),(m\|\|e.children)&&us("span",{className:"k-segmented-control-button-text",children:m\|\|e.children}),l&&us(N,{className:n(c,"k-segmented-control-button-icon"),icon:l})]})};Ot.states=Kg;Ot.options=Dg;Ot.className=fs;Ot.defaultOptions=_g;Ot.moduleName=Fp;Ot.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 gJ,jsx as NJ,jsxs as vJ}from"react/jsx-runtime";import{Fragment as BJ,jsx as OJ,jsxs as RJ}from"react/jsx-runtime";import{Fragment as VJ,jsx as $J,jsxs as XJ}from"react/jsx-runtime";import{Fragment as jJ,jsx as QJ,jsxs as eq}from"react/jsx-runtime";import{Fragment as dq,jsx as lq,jsxs as pq}from"react/jsx-runtime";import{Fragment as Iq,jsx as Lq,jsxs as Sq}from"react/jsx-runtime";import{jsx as yq}from"react/jsx-runtime";import{jsx as Rq}from"react/jsx-runtime";import{jsx as _q}from"react/jsx-runtime";import{jsx as Gq}from"react/jsx-runtime";import{jsx as Jq}from"react/jsx-runtime";import{jsx as jq}from"react/jsx-runtime";import{jsx as iY}from"react/jsx-runtime";import{jsx as dY}from"react/jsx-runtime";import{jsx as fY}from"react/jsx-runtime";import{jsx as gY}from"react/jsx-runtime";import{jsx as SY}from"react/jsx-runtime";import{jsx as yY}from"react/jsx-runtime";import{Fragment as Gp,jsx as _,jsxs as $t}from"react/jsx-runtime";var Hg=({style:e="none",imageRoundness:t=0,isPristine:o=e==="none"&&t===0,framesAmount:a=3,frameThickness:i=0,frameRoundness:r=0,offset:l=0,strokeColor:m="#b0e855",adaptive:c,canvas:b=c?si:ni,imageSrc:x,...g})=>_(se,{adaptive:c,activeTool:"Frame",actionPane:_(fe,{title:"Frame",adaptive:c,confirmDisabled:o,actions:$t(Gp,{children:[_(p,{disabled:o,children:"Reset"}),_(p,{themeColor:"primary",disabled:o,children:"Apply"})]}),children:$t(G,{tag:"div",children:[_($,{label:"Frame Style",editor:$t("div",{className:"k-imageeditor-option-grid",children:[_(We,{selected:e==="none","aria-label":"None",children:_(ro,{label:"None",imageSrc:x})}),_(We,{selected:e==="single","aria-label":"Single",children:_(ro,{label:"Single",imageSrc:x,style:{border:"3px dashed #b0e855",borderRadius:"4px"}})}),_(We,{selected:e==="multiple","aria-label":"Multiple",children:_(ro,{label:"Multiple",imageSrc:x,style:{border:"3px dashed #b0e855",borderRadius:"4px"},children:_("span",{style:{position:"absolute",inset:"6px",border:"3px dashed #b0e855",borderRadius:"1px",boxSizing:"border-box",pointerEvents:"none"}})})})]})}),_($,{label:"Image Roundness",editorId:"frame-image-roundness",editor:$t("div",{className:"k-imageeditor-field-row",children:[_(K,{style:{flex:1,"--kendo-slider-start":0,"--kendo-slider-end":t},"aria-label":"Image Roundness",showButtons:!1,showTicks:!1,value:t,min:0,max:100}),_(O,{id:"frame-image-roundness",style:{width:"80px",flex:"none"},showClearButton:!1,showSpinButton:!1,value:String(t)})]})}),e==="multiple"&&_($,{label:"Frames Amount",editorId:"frame-frames-amount",editor:_(O,{id:"frame-frames-amount",showClearButton:!1,showSpinButton:!1,value:String(a)})}),e!=="none"&&$t(Gp,{children:[_($,{label:"Frame Thickness",editorId:"frame-thickness",editor:$t("div",{className:"k-imageeditor-field-row",children:[_(K,{style:{flex:1,"--kendo-slider-start":0,"--kendo-slider-end":i},"aria-label":"Frame Thickness",showButtons:!1,showTicks:!1,value:i,min:0,max:100}),_(O,{id:"frame-thickness",style:{width:"80px",flex:"none"},showClearButton:!1,showSpinButton:!1,value:String(i)})]})}),_($,{label:"Frame Roundness",editorId:"frame-roundness",editor:$t("div",{className:"k-imageeditor-field-row",children:[_(K,{style:{flex:1,"--kendo-slider-start":0,"--kendo-slider-end":r},"aria-label":"Frame Roundness",showButtons:!1,showTicks:!1,value:r,min:0,max:100}),_(O,{id:"frame-roundness",style:{width:"80px",flex:"none"},showClearButton:!1,showSpinButton:!1,value:String(r)})]})}),$t(Pe,{layout:"grid",cols:2,gutters:{cols:"16px"},children:[_($,{label:"Stroke Type",editor:_(V,{id:"frame-stroke-type",value:"Dashed","aria-label":"Stroke Type"})}),_($,{label:"Offset",editorId:"frame-offset",editor:_(O,{id:"frame-offset",showClearButton:!1,showSpinButton:!1,value:String(l),prefix:_(N,{icon:"max-width"})})})]}),_($,{label:"Stroke Color",editor:_(he,{id:"frame-stroke-color",value:m,"aria-label":"Stroke Color"})})]})]})}),children:e==="none"?_(ye,{...b,imageSrc:x,style:{borderRadius:`${t}px`}}):$t("div",{style:{position:"relative",width:`${b.width}px`,height:`${b.height}px`},children:[_(ye,{...b,imageSrc:x,style:{position:"absolute",top:0,left:0,borderRadius:`${t}px`}}),_("div",{style:{position:"absolute",top:0,left:0,width:`${b.width}px`,height:`${b.height}px`,border:`${i}px dashed ${m}`,borderRadius:`${r}px`,boxSizing:"border-box",pointerEvents:"none"}}),e==="multiple"&&_("div",{style:{position:"absolute",top:`${i+l}px`,left:`${i+l}px`,width:`${b.width-(i+l)2}px`,height:`${b.height-(i+l)*2}px`,border:`${i}px dashed ${m}`,borderRadius:`${Math.max(r-i-l,0)}px`,boxSizing:"border-box",pointerEvents:"none"}})]}),...g});export{Hg as ImageEditorFrames};
1	+ var n=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?n(...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)=>n({[`${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"}),M=(e,t)=>{let{valid:o,invalid:a,hover:i,focus:r,checked:l,active:m,selected:c,disabled:b,indeterminate:x,loading:g,empty:u,readonly:v,highlighted:I,...S}=t;return n({"k-valid":o,"k-invalid":a,"k-hover":i,"k-focus":r,"k-checked":l,"k-active":m,"k-selected":c,"k-disabled":b,"k-indeterminate":x&&!l,"k-loading":g,"k-empty":u,"k-readonly":v,"k-highlighted":I},Object.keys(S).reduce((k,E)=>(E.startsWith("k-")?k[E]=S[E]:k[`k-${E}`]=S[E],k),{}))};function xs(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var d={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},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"},gt={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},L={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},s={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 A(e){return pr[e]=(pr[e]\|\|0)+1,`k-${e}-${pr[e]}`}import{Fragment as Wp,jsx as hs}from"react/jsx-runtime";var mr="k-font-icon",$p=[],Vp={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[L.undefined,L.base,L.primary,L.secondary,L.tertiary,L.success,L.warning,L.error,L.info]},Xp={},wa=e=>{let{size:t,themeColor:o,icon:a,rotate:i,flip:r,...l}=e;return a?hs("span",{...l,className:n(e.className,mr,C(mr,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":r==="h"\|\|r==="both","k-flip-v":r==="v"\|\|r==="both"}),"aria-hidden":"true"}):hs(Wp,{})};wa.states=$p;wa.options=Vp;wa.className=mr;wa.defaultOptions=Xp;var Ns=wa;import{Fragment as Yp,jsx as hi}from"react/jsx-runtime";var cr="k-svg-icon",Jp=[],qp={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[L.undefined,L.base,L.primary,L.secondary,L.tertiary,L.success,L.warning,L.error,L.info],variant:[gt.outline,gt.solid,gt.duotone]},ur={viewBox:"0 0 24 24",variant:gt.outline},Ka=e=>{let{size:t,themeColor:o,rotate:a,flip:i,viewBox:r=ur.viewBox,variant:l=ur.variant,icon:m,...c}=e;if(!m)return hi(Yp,{});if(m==="none")return hi("span",{...c,className:n(e.className,cr,C("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let b=typeof m=="object"&&m.name&&m.name,x=typeof m=="object"?l&&m.variants?.[l]\|\|m.variants?.outline\|\|m.content:void 0;return hi("span",{...c,className:n(e.className,cr,C("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:hi("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:r,dangerouslySetInnerHTML:x!==void 0?{__html:x}:void 0,children:m?void 0:e.children})})};Ka.states=Jp;Ka.options=qp;Ka.className=cr;Ka.defaultOptions=ur;var fr=Ka;importas br from"@progress/kendo-svg-icons";var gs="icon",vs="icons";import{useContext as Qp}from"react";import{createContext as Zp}from"react";var Ls=Zp({iconsType:"svg"});import{Fragment as Is,jsx as Da}from"react/jsx-runtime";var Ni="k-icon",jp=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),em=[],tm={size:[d.undefined,d.xsmall,d.small,d.medium,d.large,d.xlarge,d.xxlarge,d.xxxlarge],themeColor:[L.undefined,L.base,L.primary,L.secondary,L.tertiary,L.success,L.warning,L.error,L.info],variant:[gt.outline,gt.solid,gt.duotone]},gi={viewBox:"0 0 24 24",type:"svg",variant:gt.outline},N=e=>{let{iconsType:t}=Qp(Ls),{size:o,themeColor:a,icon:i,type:r=t\|\|gi.type,rotate:l,flip:m,viewBox:c=gi.viewBox,variant:b=gi.variant,...x}=e;if(!i)return Da(Is,{});if((t\|\|r)==="svg"){if(i==="none")return Da(fr,{...x,className:n(e.className,Ni),icon:i,size:o,variant:b});let u=br[i]?i:jp(`${i}-icon`);return br[u]?Da(fr,{...x,className:n(e.className,Ni),icon:br[u],size:o,themeColor:a,rotate:l,flip:m,viewBox:c,variant:b}):Da(Is,{})}return Da(Ns,{...x,className:n(e.className,Ni),icon:i,size:o,themeColor:a,rotate:l,flip:m})};N.states=em;N.options=tm;N.defaultOptions=gi;N.className=Ni;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 _a="k-button",om=["icon-button"],am=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],im={size:[d.undefined,d.xsmall,d.small,d.medium,d.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:[L.undefined,L.base,L.primary,L.secondary,L.tertiary,L.success,L.warning,L.error,L.info,L.inverse]},Nr={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:i,themeColor:r,showArrow:l=Nr.showArrow,arrowIconName:m=Nr.arrowIconName,variant:c,hover:b,focus:x,active:g,selected:u,disabled:v,togglable:I,ariaDisabled:S,icon:k,endIcon:E,iconSize:T,text:w,iconClassName:Y,className:te,...oe}=e,pe=k!=null,po=e.children!==void 0;return ks(t,{className:n(te,_a,xs(_a,c),C(_a,{size:o,rounded:a,fillMode:i,themeColor:r}),M(_a,{hover:b,focus:x,active:g,disabled:v\|\|S,selected:u}),{"k-icon-button":!w&&!po&&pe}),"aria-pressed":I?u?"true":"false":void 0,...oe,"aria-disabled":S?"true":void 0,disabled:v\|\|void 0,children:[typeof k=="string"&&k&&Xt(N,{className:n(Y,"k-button-icon"),icon:k,size:T}),k&&typeof k!="string"&&Xt(hr,{children:k}),w?ks(hr,{children:[w&&Xt("span",{className:"k-button-text",children:w}),e.children]}):e.children&&Xt("span",{className:"k-button-text",children:e.children}),typeof E=="string"&&E&&Xt(N,{className:n(Y,"k-button-icon"),icon:E,size:T}),E&&typeof E!="string"&&Xt(hr,{children:E}),l&&Xt("span",{className:"k-menu-button-arrow k-button-arrow",children:Xt(N,{icon:m})})]})};p.states=am;p.options=im;p.variants=om;p.className=_a;p.defaultOptions=Nr;p.moduleName=xr;p.folderName=Ss;import{jsx as rm}from"react/jsx-runtime";var Rt=e=>rm(p,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as nm}from"react/jsx-runtime";var za=e=>nm(p,{icon:"folder",children:"Button",...e});import{jsx as Tv}from"react/jsx-runtime";import{jsx as sm}from"react/jsx-runtime";var vt=e=>sm(p,{children:"Button",...e});import{jsx as gr}from"react/jsx-runtime";var lm=p.options,dm=p.states,pm={...p.defaultOptions,variant:"text"},mm=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],cm=[],Ao=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return gr(Rt,{...o,icon:"star"});case"icon-and-text":return gr(za,{...o,icon:"star",children:"Button"});default:return gr(vt,{...o,children:"Button"})}};Ao.options=lm;Ao.states=dm;Ao.variants=mm;Ao.defaultOptions=pm;Ao.modifiers=cm;Ao.className=p.className;var vr="button",Es=vr;import{jsx as xm}from"react/jsx-runtime";var Ha="k-button-group",um=[s.disabled],fm={fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},bm={},B=e=>{let{fillMode:t,disabled:o,stretched:a,...i}=e;return xm("div",{role:"group",...i,className:n(e.className,Ha,C(Ha,{fillMode:t}),M(Ha,{disabled:o}),{[`${Ha}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};B.states=um;B.options=fm;B.className=Ha;B.defaultOptions=bm;B.moduleName=vr;B.folderName=Es;import{Fragment as iL,jsx as aL,jsxs as rL}from"react/jsx-runtime";import{Fragment as mL,jsx as pL,jsxs as cL}from"react/jsx-runtime";import{Fragment as NL,jsx as hL,jsxs as gL}from"react/jsx-runtime";import{Fragment as EL,jsx as kL,jsxs as ML}from"react/jsx-runtime";import{Fragment as BL,jsx as OL,jsxs as RL}from"react/jsx-runtime";import{Fragment as zL,jsx as _L,jsxs as HL}from"react/jsx-runtime";import{Fragment as XL,jsx as VL,jsxs as WL}from"react/jsx-runtime";import{jsx as Pt,jsxs as Lr}from"react/jsx-runtime";var hm={...p.options,...B.options},Nm=p.states,gm={...p.defaultOptions,...B.defaultOptions,variant:"text-button"},vm=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Lm=[],To=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Lr(B,{fillMode:a.fillMode,className:o,children:[Pt(p,{...a,icon:"star"}),Pt(p,{...a,icon:"star"}),Pt(p,{...a,icon:"star"})]}):t==="icon-text-button"?Lr(B,{fillMode:a.fillMode,className:o,children:[Pt(p,{...a,icon:"star",children:"First"}),Pt(p,{...a,icon:"star",children:"Middle"}),Pt(p,{...a,icon:"star",children:"Last"})]}):Lr(B,{fillMode:a.fillMode,className:o,children:[Pt(p,{...a,children:"First"}),Pt(p,{...a,children:"Middle"}),Pt(p,{...a,children:"Last"})]})};To.options=hm;To.states=Nm;To.variants=vm;To.defaultOptions=gm;To.modifiers=Lm;To.className=B.className;var Fa="input",vi=Fa;import{jsx as Em}from"react/jsx-runtime";var Li="k-input",Im=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Sm={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},km={},X=e=>{let{hover:t,focus:o,disabled:a,invalid:i,valid:r,loading:l,readonly:m,size:c,rounded:b,fillMode:x,...g}=e;return Em("span",{...g,className:n(e.className,Li,C(Li,{size:c,rounded:b,fillMode:x}),M(Li,{hover:t,focus:o,disabled:a,invalid:i,valid:r,loading:l,readonly:m}))})};X.states=Im;X.options=Sm;X.className=Li;X.defaultOptions=km;X.moduleName=Fa;X.folderName=vi;import{jsx as Am}from"react/jsx-runtime";var Ii="k-picker",Mm=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Cm={size:[d.undefined,d.small,d.medium,d.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:r,loading:l,readonly:m,size:c,rounded:b,fillMode:x,...g}=e;return Am("span",{...g,className:n(e.className,Ii,C(Ii,{size:c,rounded:b,fillMode:x}),M(Ii,{hover:t,focus:o,disabled:a,invalid:i,valid:r,loading:l,readonly:m})),children:e.children})};Lt.states=Mm;Lt.options=Cm;Lt.className=Ii;Lt.defaultOptions=ym;Lt.moduleName=Fa;Lt.folderName=vi;import{Fragment as Bm,jsx as Ir}from"react/jsx-runtime";var Ms="k-clear-value",Tm=[s.disabled,s.loading,s.readonly],Om={},me=e=>{let{disabled:t,loading:o,readonly:a,value:i}=e;return t\|\|a\|\|o\|\|!i?Ir(Bm,{}):Ir("span",{className:n(e.className,Ms),children:Ir(N,{icon:"x"})})};me.states=Tm;me.options=Om;me.className=Ms;import{jsx as wm}from"react/jsx-runtime";var Sr="k-input-inner",Rm=[],Pm={},Si={type:"text",autocomplete:"off",value:"",placeholder:""},ce=e=>{let{value:t=Si.value,type:o=Si.type,placeholder:a=Si.placeholder,autocomplete:i=Si.autocomplete,disabled:r,readOnly:l,...m}=e;return wm("input",{...m,type:o,className:n(e.className,Sr,C(Sr,e)),placeholder:a,autoComplete:i,defaultValue:t,disabled:r\|\|void 0,readOnly:l\|\|void 0})};ce.states=Rm;ce.options=Pm;ce.className=Sr;import{jsx as Cs,jsxs as _m}from"react/jsx-runtime";var kr="k-input-inner",Km=[],Dm={},mo=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:i,valueIconName:r,...l}=e;return _m("span",{...l,className:n(e.className,kr,C(kr,e)),children:[i,!i&&r&&Cs(N,{className:"k-input-value-icon",icon:r}),a&&!t&&o,a&&t&&Cs("span",{className:"k-input-value-text",children:t})]})};mo.states=Km;mo.options=Dm;mo.className=kr;import{jsx as Fm}from"react/jsx-runtime";var Er="k-input-inner",zm=[],Hm={},ys={value:"",placeholder:""},Ua=e=>{let{value:t=ys.value,placeholder:o=ys.placeholder,rows:a,disabled:i,...r}=e;return Fm("textarea",{...r,className:n(e.className,Er,C(Er,e)),placeholder:o,rows:a,defaultValue:t,disabled:i\|\|void 0})};Ua.states=zm;Ua.options=Hm;Ua.className=Er;import{Fragment as Gm,jsx as As}from"react/jsx-runtime";var Ts="k-input-loading-icon",Um=[s.disabled,s.loading],ae=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?As(Gm,{}):As("span",{className:n(e.className,Ts,"k-icon k-i-loading")})};ae.states=Um;ae.className=Ts;import{Fragment as Xm,jsx as Os}from"react/jsx-runtime";var Bs="k-input-validation-icon",$m=[s.valid,s.invalid,s.disabled,s.loading],Vm={},j=e=>{let{valid:t,invalid:o,disabled:a,loading:i}=e,r=o?"warning-circle":"check-circle";return a\|\|i\|\|!!!(t\|\|o)?Os(Xm,{}):Os(N,{className:n(Bs),icon:r})};j.states=$m;j.options=Vm;j.className=Bs;import{Fragment as qm,jsx as Rs}from"react/jsx-runtime";var Wm="k-input-prefix",Jm={direction:"horizontal"},be=e=>{let{direction:t=Jm.direction,...o}=e;return e.children?Rs("span",{...o,className:n(Wm,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Rs(qm,{})};import{Fragment as Qm,jsx as Ps}from"react/jsx-runtime";var Ym="k-input-suffix",Zm={direction:"horizontal"},xe=e=>{let{direction:t=Zm.direction,...o}=e;return e.children?Ps("span",{...o,className:n(Ym,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ps(Qm,{})};import{jsx as JI}from"react/jsx-runtime";import{jsx as ec}from"react/jsx-runtime";var jm="k-input-suffix-text",wt=e=>{let{children:t,...o}=e;return ec("span",{...o,className:n(jm,e.className),children:t})};import{jsx as oc}from"react/jsx-runtime";var ws="k-input-separator",tc={direction:"vertical"},ee=e=>{let{direction:t=tc.direction,...o}=e;return oc("span",{...o,className:n(ws,e.className,{[`${ws}-${t}`]:t})})};import{Fragment as Ks,jsx as It,jsxs as Mr}from"react/jsx-runtime";var ac=X.states,ic=X.defaultOptions,rc=X.options,nc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],sc=[],Oo=e=>{let{modifiers:t,valid:o,invalid:a,loading:i,disabled:r,readonly:l,...m}=e,c=t?.prefix,b=t?.suffix,x=t?.["clear-button"],g=t?.["validation-icon"],u=t?.separators;return Mr(X,{...m,valid:o,invalid:a,loading:i,disabled:r,readonly:l,style:{width:300},children:[c&&Mr(Ks,{children:[It(be,{children:It(N,{icon:"lock"})}),u&&It(ee,{})]}),It(ce,{placeholder:"Placeholder",value:"Value"}),g&&It(j,{valid:o,invalid:a,loading:i,disabled:r}),It(ae,{loading:i,disabled:r}),x&&It(me,{loading:i,disabled:r,readonly:l,value:"Value"}),b&&Mr(Ks,{children:[u&&It(ee,{}),It(xe,{children:It(vt,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};Oo.options=rc;Oo.states=ac;Oo.variants=sc;Oo.defaultOptions=ic;Oo.modifiers=nc;Oo.className=X.className;import{jsx as Ds,jsxs as pc}from"react/jsx-runtime";var _s="k-color-preview",lc=[],dc={},Wt=e=>{let{color:t,iconName:o,...a}=e;return pc("span",{...a,className:n(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=lc;Wt.options=dc;Wt.className=_s;var Cr="popup",zs=Cr;import{jsx as Hs}from"react/jsx-runtime";var Fs="k-animation-container",mc=[],cc={},yr={positionMode:"absolute",shown:!0},St=e=>{let{positionMode:t=yr.positionMode,shown:o=yr.shown,animationStyle:a,offset:i,...r}=e;return Hs("div",{...r,style:{...i,...e.style},className:n(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})})};St.states=mc;St.options=cc;St.className=Fs;St.defaultOptions=yr;St.moduleName=Cr;St.folderName=zs;var Ar="popup",Us=Ar;import{jsx as Gs}from"react/jsx-runtime";var $s="k-popup",uc=[],fc={},Vs={positionMode:"absolute"},J=e=>{let{offset:t,positionMode:o=Vs.positionMode,animationStyle:a,containerClassName:i,containerRole:r,containerAriaLabel:l,...m}=e;return Gs(St,{positionMode:o,offset:t,animationStyle:a,className:i,role:r,"aria-label":l,children:Gs("div",{...m,className:n(e.className,$s),children:e.children})})};J.states=uc;J.options=fc;J.className=$s;J.defaultOptions=Vs;J.moduleName=Ar;J.folderName=Us;var Tr="action-buttons",Xs=Tr;import{jsx as hc}from"react/jsx-runtime";var ki="k-actions",bc=[],xc={},Or={alignment:"start",orientation:"horizontal"},Ue=e=>{let{alignment:t=Or.alignment,orientation:o=Or.orientation,...a}=e;return hc("div",{...a,className:n(ki,{[`${ki}-${t}`]:t,[`${ki}-${o}`]:o},e.className),children:e.children})};Ue.states=bc;Ue.options=xc;Ue.className=ki;Ue.defaultOptions=Or;Ue.moduleName=Tr;Ue.folderName=Xs;var Ws=Ue;import{jsx as gc}from"react/jsx-runtime";var Nc="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":Ue,...r}=e;return gc(i,{...r,...!a&&{alignment:t,orientation:o},className:n(e.className,Nc),children:e.children})};var Br="searchbox",qs=Br;import{jsx as Ga,jsxs as Ic}from"react/jsx-runtime";var Ys="k-searchbox",vc=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],Lc={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Ei={showIcon:!0,showClearButton:!0,icon:"search"},Qe=e=>{let{value:t,placeholder:o,size:a,rounded:i,fillMode:r,hover:l,focus:m,valid:c,invalid:b,required:x,loading:g,disabled:u,showIcon:v=Ei.showIcon,showClearButton:I=Ei.showClearButton,icon:S=Ei.icon,"aria-label":k,...E}=e;return Ic(X,{...E,size:a,rounded:i,fillMode:r,hover:l,focus:m,valid:c,invalid:b,required:x,loading:g,disabled:u,className:n(e.className,Ys),children:[v&&Ga(N,{className:"k-input-icon",icon:S}),Ga(ce,{placeholder:o,value:t,"aria-label":k}),Ga(ae,{...e}),Ga(j,{...e}),I&&Ga(me,{...e})]})};Qe.states=vc;Qe.options=Lc;Qe.className=Ys;Qe.defaultOptions=Ei;Qe.moduleName=Br;Qe.folderName=qs;import{jsx as gk}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",Sc=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],kc={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Mi={showClearButton:!0,showValidationIcon:!0,separators:!0},U=e=>{let{size:t,rounded:o,fillMode:a,separators:i=Mi.separators,showClearButton:r=Mi.showClearButton,showValidationIcon:l=Mi.showValidationIcon,prefix:m,suffix:c,type:b,value:x,placeholder:g,hover:u,focus:v,valid:I,invalid:S,required:k,loading:E,disabled:T,readonly:w,id:Y,"aria-label":te,"aria-describedby":oe,...pe}=e;return Pr(X,{...pe,size:t,rounded:o,fillMode:a,hover:u,focus:v,valid:I,invalid:S,required:k,loading:E,disabled:T,readonly:w,className:n(e.className,js),children:[m&&Pr(Qs,{children:[qt(be,{children:m}),i&&qt(ee,{})]}),qt(ce,{id:Y,placeholder:g,value:x,type:b,disabled:T,"aria-label":te,"aria-describedby":oe,"aria-invalid":S?"true":void 0}),l&&qt(j,{valid:I,invalid:S,loading:E,disabled:T}),qt(ae,{loading:E,disabled:T}),r&&qt(me,{loading:E,disabled:T,readonly:w,value:x}),c&&Pr(Qs,{children:[i&&qt(ee,{}),qt(xe,{children:c})]})]})};U.states=Sc;U.options=kc;U.className=js;U.defaultOptions=Mi;U.moduleName=Rr;U.folderName=Zs;var $a=U;import{jsx as Ec}from"react/jsx-runtime";var el=e=>Ec($a,{...e});import{Fragment as Dk,jsx as Kk}from"react/jsx-runtime";import{Fragment as Gk,jsx as Uk}from"react/jsx-runtime";import{jsx as Wk}from"react/jsx-runtime";import{jsx as wr}from"react/jsx-runtime";var Mc=U.states,Cc=U.defaultOptions,yc=U.options,Ac=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Tc=[],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(vt,{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=yc;Bo.states=Mc;Bo.variants=Tc;Bo.defaultOptions=Cc;Bo.modifiers=Ac;Bo.className=U.className;import{jsx as Yt,jsxs as Kr}from"react/jsx-runtime";var tl="k-actionsheet-titlebar",Oc={},ve=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:i,filter:r,input:l,inputValue:m,inputPlaceholder:c,adaptive:b,titleId:x,children:g,...u}=e;return Kr("div",{...u,className:n(e.className,tl),children:[Kr("div",{className:"k-actionsheet-titlebar-group",children:[a&&Yt("div",{className:"k-actionsheet-actions",children:a}),!g&&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})]}),g&&Yt("div",{className:"k-actionsheet-title",id:x,children:g}),i&&Yt("div",{className:"k-actionsheet-actions",children:i})]}),(l\|\|r)&&Yt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?Yt(U,{value:m,placeholder:c,size:b?"large":"medium","aria-label":t\|\|c\|\|"Input"}):Yt(Qe,{placeholder:"Filter",size:b?"large":"medium","aria-label":"Filter options"})})]})};ve.className=tl;ve.defaultOptions=Oc;import{jsx as Dr,jsxs as wc}from"react/jsx-runtime";var _r="k-actionsheet-view",Bc=[],Rc={},Pc={},Ro=e=>{let{adaptive:t,animated:o,children:a,header:i,footer:r,titleId:l,...m}=e,c=i?.type===ve&&Dr(ve,{adaptive:t,titleId:l,...i?.props}),b=r?.type===Jt&&Dr(Jt,{...r?.props});return wc("div",{...m,className:n(e.className,_r,{[`${_r}-animated`]:o}),children:[c,Dr("div",{className:"k-actionsheet-content",children:a}),b]})};Ro.states=Bc;Ro.options=Rc;Ro.className=_r;Ro.defaultOptions=Pc;var Va="action-sheet",Ci=Va;var zr="overlay",ol=zr;import{jsx as zc}from"react/jsx-runtime";var al="k-overlay",Kc=[],Dc={},_c={},ft=e=>{let{...t}=e;return zc("div",{...t,className:n(e.className,al),children:e.children})};ft.states=Kc;ft.options=Dc;ft.className=al;ft.defaultOptions=_c;ft.moduleName=zr;ft.folderName=ol;var il=ft;import{jsx as yi,jsxs as Uc}from"react/jsx-runtime";var rl="k-actionsheet",Hc=[],Fc={},Xa={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Z=e=>{let{side:t=Xa.side,fullscreen:o=Xa.fullscreen,adaptive:a=Xa.adaptive,overlay:i=Xa.overlay,template:r,children:l,header:m,footer:c,id:b,...x}=e,g=b&&!r&&m?`${b}-title`:void 0;return Uc("div",{className:"k-actionsheet-container",children:[i&&yi(ft,{}),yi(St,{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:yi("div",{...x,id:b,role:"dialog","aria-modal":i?"true":void 0,"aria-labelledby":g,className:n(e.className,rl,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:r\|\|yi(Ro,{header:m,footer:c,adaptive:a,titleId:g,...e,children:l})})})]})};Z.states=Hc;Z.options=Fc;Z.className=rl;Z.defaultOptions=Xa;Z.moduleName=Va;Z.folderName=Ci;import{jsx as Xc}from"react/jsx-runtime";var nl="k-actionsheet-container",Gc=[],$c={},Vc={},Po=e=>{let{children:t,...o}=e;return Xc("div",{...o,className:nl,children:t})};Po.states=Gc;Po.options=$c;Po.className=nl;Po.defaultOptions=Vc;Po.moduleName=Va;Po.folderName=Ci;import{jsx as Wc}from"react/jsx-runtime";var Hr=e=>{let{...t}=e;return Wc("div",{...t,className:n(e.className,"k-list-ul"),children:e.children})};import{Fragment as qc,jsx as Wa,jsxs as Fr}from"react/jsx-runtime";var Ur="k-actionsheet-item",Jc=[s.hover,s.focus,s.selected,s.disabled],Zt=e=>{let{iconName:t,text:o,description:a,hover:i,focus:r,selected:l,disabled:m,...c}=e;return Fr("span",{...c,className:n(e.className,Ur,M(Ur,{hover:i,focus:r,selected:l,disabled:m})),children:[!e.children&&Wa(qc,{children:Fr("span",{className:"k-actionsheet-action",children:[t&&Wa("span",{className:"k-icon-wrap",children:Wa(N,{className:"k-actionsheet-item-icon",icon:t})}),Fr("span",{className:"k-actionsheet-item-text",children:[o&&Wa("span",{className:"k-actionsheet-item-title",children:o}),a&&Wa("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Zt.states=Jc;Zt.className=Ur;import{jsx as XE,jsxs as WE}from"react/jsx-runtime";import{jsx as ZE}from"react/jsx-runtime";import{jsx as tM}from"react/jsx-runtime";import{jsx as rM}from"react/jsx-runtime";import{jsx as Le,jsxs as Gr}from"react/jsx-runtime";var Yc=Z.options,Zc=Z.states,ll={...Z.defaultOptions,variant:"normal"},Qc=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],jc=[{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={},r=Gr(Hr,{children:[Le(Zt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),Le(Zt,{text:"Add to Favorites",iconName:"heart"}),Le(Zt,{text:"Upload New",iconName:"upload",disabled:!0}),Le("hr",{className:"k-hr"}),Le(Zt,{text:"Cancel",iconName:"cancel"})]}),l="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]?l:void 0;break;case"footer":i.footer=!!o?.[c];break;default:break}}),t==="adaptive"?Le(Z,{...a,adaptive:!0,fullscreen:i.fullScreen,header:Le(ve,{actionsStart:i.actionsStart?Le(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:i.actionsEnd?Le(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:i.subtitle}),footer:i.footer?Gr(Jt,{alignment:"stretched",children:[Le(p,{text:"Cancel",size:"large",themeColor:"base"}),Le(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:r}):Le(Z,{...a,fullscreen:i.fullScreen,header:Le(ve,{actionsStart:i.actionsStart?Le(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:i.actionsEnd?Le(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:i.subtitle}),footer:i.footer?Gr(Jt,{alignment:"stretched",children:[Le(p,{text:"Apply",themeColor:"primary"}),Le(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:r})};wo.options=Yc;wo.states=Zc;wo.variants=Qc;wo.defaultOptions=ll;wo.modifiers=jc;wo.className=Z.className;var $r="slider",dl=$r;import{jsx as Ko,jsxs as Vr}from"react/jsx-runtime";var Ja="k-slider",eu=[s.hover,s.focus,s.active,s.disabled,s.readonly],tu={},je={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},K=e=>{let{type:t=je.type,orientation:o=je.orientation,gradientType:a=je.gradientType,readonly:i=je.readonly,disabled:r=je.disabled,handlePosition:l=je.handlePosition,showButtons:m=je.showButtons,showTicks:c=je.showTicks,value:b=je.value,min:x=je.min,max:g=je.max,startValue:u,endValue:v,hover:I,focus:S,active:k,trackStyle:E,dir:T,...w}=e,te=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),oe,pe;return o==="horizontal"?(oe=T==="rtl"?"chevron-left":"chevron-right",pe=T==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(oe="chevron-up",pe="chevron-down"),Vr("div",{...w,className:n(Ja,e.className,M(Ja,{readonly:i,disabled:r}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:T,children:[m&&Ko(p,{className:"k-button-decrease",rounded:"full",icon:pe,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:E,children:[Ko("div",{className:"k-slider-selection"}),t==="range"&&Ko("span",{className:n("k-draghandle","k-draghandle-start",M(Ja,{hover:I,focus:S,active:k})),role:"slider",tabIndex:r?void 0:0,"aria-valuenow":u??x,"aria-valuemin":x,"aria-valuemax":v??g,"aria-orientation":te,"aria-disabled":r?"true":void 0,"aria-readonly":i?"true":void 0,"aria-label":w["aria-label"]?`${w["aria-label"]} start`:"Range start"}),Ko("span",{className:n("k-draghandle",`k-draghandle-${l}`,M(Ja,{hover:I,focus:S,active:k})),role:"slider",tabIndex:r?void 0:0,"aria-valuenow":t==="range"?v??g:b,"aria-valuemin":t==="range"?u??x:x,"aria-valuemax":g,"aria-orientation":te,"aria-disabled":r?"true":void 0,"aria-readonly":i?"true":void 0,"aria-label":t==="range"?w["aria-label"]?`${w["aria-label"]} end`:"Range end":w["aria-label"]})]})]}),m&&Ko(p,{className:"k-button-increase",rounded:"full",icon:oe,tabIndex:-1,title:"Increase"})]})};K.states=eu;K.options=tu;K.className=Ja;K.defaultOptions=je;K.moduleName=$r;K.folderName=dl;import{jsx as pl}from"react/jsx-runtime";var ml="k-tick",ou=[],au={},cl={label:!1},R=e=>{let{style:t,label:o=cl.label,orientation:a,large:i,text:r,...l}=e;return pl("li",{...l,role:"presentation",title:r\|\|"Tick",className:n(e.className,ml,{[`k-tick-${a}`]:a,"k-tick-large":i}),style:t,children:o&&pl("span",{className:"k-label",children:r})})};R.states=ou;R.options=au;R.className=ml;R.defaultOptions=cl;import{Fragment as iu,jsx as et,jsxs as ru}from"react/jsx-runtime";var ul=e=>et(K,{"aria-label":e["aria-label"]\|\|"Slider",children:ru(iu,{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 nu,jsx as tt,jsxs as su}from"react/jsx-runtime";var fl=e=>tt(K,{children:su(nu,{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 WM,jsx as XM,jsxs as JM}from"react/jsx-runtime";import{Fragment as jM,jsx as QM,jsxs as eC}from"react/jsx-runtime";import{jsx as lu}from"react/jsx-runtime";var Xr=e=>lu(K,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{jsx as du}from"react/jsx-runtime";var Wr=e=>du(K,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{Fragment as mC,jsx as pC,jsxs as cC}from"react/jsx-runtime";import{Fragment as hC,jsx as xC,jsxs as NC}from"react/jsx-runtime";import{jsx as kt,jsxs as bl}from"react/jsx-runtime";var pu=K.options,mu=K.states,xl={...K.defaultOptions,variant:"horizontal",label:!0},cu=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],uu=[{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,r={};Object.keys(o\|\|{}).forEach(m=>{switch(m){case"button":{r.showButtons=!!o?.[m];break}case"label":{i=!!o?.[m];break}case"tick":{r.showTicks=!!o?.[m];break}}});let l={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?bl(fl,{style:{height:"300px",...l},...a,...r,children:[kt(R,{label:i,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),kt(R,{label:i,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),kt(R,{label:i,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),kt(R,{label:i,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),kt(R,{label:i,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):bl(ul,{style:{width:"400px",...l},...a,...r,children:[kt(R,{label:i,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),kt(R,{label:i,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),kt(R,{label:i,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),kt(R,{label:i,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),kt(R,{label:i,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Do.options=pu;Do.states=mu;Do.variants=cu;Do.defaultOptions=xl;Do.modifiers=uu;Do.className=K.className;import{jsx as hl,jsxs as Nu}from"react/jsx-runtime";var Nl="k-spin-button",xu=[],hu={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.flat,h.outline,h.clear,h.link]},Jr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Et=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:i=Jr.increaseLabel,decreaseLabel:r=Jr.decreaseLabel,...l}=e;return Nu("span",{...l,className:n(Nl,e.className),children:[hl(p,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":i}),hl(p,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":r})]})};Et.states=xu;Et.options=hu;Et.className=Nl;Et.defaultOptions=Jr;Et.moduleName=null;Et.folderName=null;var gl="numeric-textbox",vl="numerictextbox";import{Fragment as Ll,jsx as Kt,jsxs as qr}from"react/jsx-runtime";var Il="k-numerictextbox",gu=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],vu={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Ai={showSpinButton:!0,showClearButton:!0,separators:!0},O=e=>{let{size:t,rounded:o,fillMode:a,separators:i=Ai.separators,showClearButton:r=Ai.showClearButton,showSpinButton:l=Ai.showSpinButton,prefix:m,suffix:c,value:b,placeholder:x,hover:g,focus:u,valid:v,invalid:I,required:S,loading:k,disabled:E,readonly:T,id:w,"aria-label":Y,"aria-describedby":te,...oe}=e;return qr(X,{...oe,size:t,rounded:o,fillMode:a,hover:g,focus:u,valid:v,invalid:I,required:S,loading:k,disabled:E,readonly:T,className:n(e.className,Il),children:[m&&qr(Ll,{children:[Kt(be,{children:m}),i&&Kt(ee,{})]}),Kt(ce,{id:w,placeholder:x,value:b,role:"spinbutton",disabled:E,"aria-label":Y,"aria-describedby":te,"aria-invalid":I?"true":void 0}),Kt(j,{valid:v,invalid:I,loading:k,disabled:E}),Kt(ae,{loading:k,disabled:E}),r&&Kt(me,{loading:k,disabled:E,readonly:T,value:b}),c&&qr(Ll,{children:[i&&Kt(ee,{}),Kt(xe,{children:c})]}),l&&Kt(Et,{className:"k-input-spinner",size:t,fillMode:a,disabled:E})]})};O.states=gu;O.options=vu;O.className=Il;O.defaultOptions=Ai;O.moduleName=gl;O.folderName=vl;var qa=O;import{jsx as Lu}from"react/jsx-runtime";var Sl=e=>Lu(qa,{...e});import Zr from"react";import{jsx as kl}from"react/jsx-runtime";var Iu="k-list-group-sticky-header",Yr=e=>kl("div",{className:n(Iu,e.className),children:kl("div",{className:"k-list-header-text",children:e.children})});import{jsx as ku}from"react/jsx-runtime";var Su="k-no-data",Ti=e=>{let{live:t,...o}=e;return ku("span",{...o,className:n(Su,e.className),"aria-live":t?"polite":void 0,children:e.children})};var co="list",_o=co;import{jsx as El,jsxs as Ml}from"react/jsx-runtime";var Qr="k-list",Eu=[],Mu={size:[d.undefined,d.small,d.medium,d.large]},Cu={},P=e=>{let{size:t,virtualization:o,children:a,header:i,selectAll:r,optionLabel:l,customValue:m,noData:c,screenReaders:b,...x}=e,u=Zr.Children.toArray(a)[0],v=u?.props?.children?Zr.Children.count(u.props.children):Zr.Children.count(a);return Ml("div",{...x,className:n(e.className,Qr,C(Qr,{size:t}),{"k-virtual-list":o}),children:[l,r,m,i&&El(Yr,{children:i}),a\|\|(c!==void 0?c:El(Ti,{live:!0,children:"No data found."})),b&&a&&Ml(Ti,{className:"k-sr-only",live:!0,children:[v," items found."]})]})};P.states=Eu;P.options=Mu;P.className=Qr;P.defaultOptions=Cu;P.moduleName=co;P.folderName=_o;import{jsx as Ou}from"react/jsx-runtime";var Cl="k-list-container",yu=[],Au={},Tu={},zo=e=>{let{...t}=e;return Ou("div",{...t,className:n(e.className,Cl),children:e.children})};zo.states=yu;zo.options=Au;zo.className=Cl;zo.defaultOptions=Tu;zo.moduleName=co;zo.folderName=_o;var uo="checkbox",Ho=uo;import{jsx as yl}from"react/jsx-runtime";var Oi="k-checkbox",Bu=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],Ru={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full]},Pu={},Ke=e=>{let{id:t,checked:o,indeterminate:a,hover:i,focus:r,disabled:l,invalid:m,valid:c,required:b,size:x,rounded:g,wrapperRole:u,...v}=e;return yl("span",{className:"k-checkbox-wrap",role:u,children:yl("input",{...v,id:t,type:"checkbox",defaultChecked:o,required:b,disabled:l\|\|void 0,"aria-invalid":m?"true":void 0,className:n(e.className,Oi,C(Oi,{size:x,rounded:g}),M(Oi,{hover:i,focus:r,disabled:l,invalid:m,valid:c,indeterminate:a,checked:o}))})})};Ke.states=Bu;Ke.options=Ru;Ke.className=Oi;Ke.defaultOptions=Pu;Ke.moduleName=uo;Ke.folderName=Ho;var bt=Ke;import{jsx as Du}from"react/jsx-runtime";var Al="k-checkbox-list",wu=[],Ku={},Tl={layout:"vertical"},Ae=e=>{let{layout:t=Tl.layout,...o}=e;return Du("ul",{...o,className:n(e.className,Al,{[`k-list-${t}`]:t}),children:e.children})};Ae.states=wu;Ae.options=Ku;Ae.className=Al;Ae.defaultOptions=Tl;Ae.moduleName=uo;Ae.folderName=Ho;import{jsx as Fu}from"react/jsx-runtime";var Ol="k-checkbox-list-item",_u=[],zu={},Hu={},Te=e=>{let{...t}=e;return Fu("li",{...t,className:n(e.className,Ol),children:e.children})};Te.states=_u;Te.options=zu;Te.className=Ol;Te.defaultOptions=Hu;Te.moduleName=uo;Te.folderName=Ho;import{Fragment as Uu,jsx as Bl,jsxs as Gu}from"react/jsx-runtime";var xt=({children:e="Label",id:t="cb-label-after",...o})=>Gu(Uu,{children:[Bl(bt,{id:t,...o}),Bl("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as Uy,jsx as Fy,jsxs as Gy}from"react/jsx-runtime";import{Fragment as Jy,jsx as Wy,jsxs as qy}from"react/jsx-runtime";import{Fragment as eA,jsx as jy,jsxs as tA}from"react/jsx-runtime";import{jsx as rA}from"react/jsx-runtime";import{jsx as dA}from"react/jsx-runtime";import{jsx as uA}from"react/jsx-runtime";import{jsx as ot,jsxs as Rl}from"react/jsx-runtime";var $u=Ae.options,Vu=Ae.states,Xu={...Ae.defaultOptions,variant:"vertical"},Wu=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Ju=[],Fo=e=>{let{variant:t,...o}=e;return t==="horizontal"?Rl(Ae,{layout:"horizontal",...o,children:[ot(Te,{children:ot(xt,{id:A("cb"),defaultChecked:!0,children:"Label"})}),ot(Te,{children:ot(xt,{id:A("cb"),children:"Label"})}),ot(Te,{children:ot(xt,{id:A("cb"),children:"Label"})})]}):Rl(Ae,{...o,children:[ot(Te,{children:ot(xt,{id:A("cb"),defaultChecked:!0,children:"Label"})}),ot(Te,{children:ot(xt,{id:A("cb"),children:"Label"})}),ot(Te,{children:ot(xt,{id:A("cb"),children:"Label"})})]})};Fo.options=$u;Fo.states=Vu;Fo.variants=Wu;Fo.defaultOptions=Xu;Fo.modifiers=Ju;Fo.className=Ae.className;import{jsx as ef}from"react/jsx-runtime";var qu=bt.options,Yu=bt.states,Zu=bt.defaultOptions,Qu=[],ju=[],Uo=e=>ef(xt,{id:A("checkbox"),...e,defaultChecked:!0,children:"Label"});Uo.options=qu;Uo.states=Yu;Uo.variants=Qu;Uo.defaultOptions=Zu;Uo.modifiers=ju;Uo.className=bt.className;import{jsx as Go,jsxs as rf}from"react/jsx-runtime";var jr="k-list-item",tf=[s.hover,s.focus,s.selected,s.disabled],of={},af={},y=e=>{let{text:t,iconName:o,iconClassName:a,showCheckbox:i,checked:r,hover:l,focus:m,selected:c,disabled:b,actions:x,description:g,id:u,...v}=e,I=t\|\|e.children,S=t\|\|(typeof I=="string"?I:void 0);return rf("li",{...v,id:u,role:"option",tabIndex:m?0:-1,"aria-selected":c?"true":"false","aria-disabled":b?"true":void 0,className:n(e.className,jr,M(jr,{hover:l,focus:m,disabled:b,selected:c})),children:[i&&Go(Ke,{checked:r,disabled:b,"aria-label":S,tabIndex:-1}),o&&Go("span",{className:"k-list-item-icon-wrapper",children:Go(N,{icon:o,className:n("k-list-item-icon",a)})}),Go("span",{className:"k-list-item-text",children:I}),x&&Go("div",{className:"k-list-item-actions",children:x}),g&&Go("span",{className:"k-list-item-description",children:g})]})};y.states=tf;y.options=of;y.className=jr;y.defaultOptions=af;y.moduleName=co;y.folderName=_o;import{jsx as sf}from"react/jsx-runtime";var nf="k-list-ul",Mt=e=>{let{children:t,role:o,id:a,...i}=e;return sf("ul",{...i,id:a,role:o,className:n(nf,e.className),children:t})};import{jsx as en,jsxs as df}from"react/jsx-runtime";var lf="k-list-content",D=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":i,listboxId:r,...l}=e;return df("div",{...l,className:n(lf,e.className),role:o?"listbox":void 0,id:o?r:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?i:void 0,children:[o?e.children:en(Mt,{role:"listbox",id:r,"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 uf}from"react/jsx-runtime";var Bi="k-list-sticky-header",pf=[s.hover,s.focus,s.selected],mf={},cf={},Ri=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:i,hover:r,focus:l,selected:m,...c}=e;return tn("div",{...c,className:n(Bi,e.className),children:uf("div",{className:n(`${Bi}-item`,M(`${Bi}-item`,{hover:r,focus:l,selected:m})),"aria-label":t,...!o&&{tabIndex:0,"aria-selected":m?"true":"false"},children:[o&&tn(Ke,{checked:a,indeterminate:i,"aria-label":t}),tn("span",{className:"k-list-item-text",children:t})]})})};Ri.states=pf;Ri.options=mf;Ri.className=Bi;Ri.defaultOptions=cf;import{Fragment as sT,jsx as nT,jsxs as lT}from"react/jsx-runtime";import{jsx as uT,jsxs as fT}from"react/jsx-runtime";import{jsx as hf}from"react/jsx-runtime";var on="k-list-optionlabel",ff=[s.hover,s.focus,s.selected,s.disabled],bf={},xf={},Pi=e=>{let{text:t,hover:o,focus:a,selected:i,disabled:r,...l}=e;return hf("div",{...l,className:n(on,M(on,{hover:o,focus:a,selected:i,disabled:r})),children:t})};Pi.states=ff;Pi.options=bf;Pi.className=on;Pi.defaultOptions=xf;import{jsx as Lf}from"react/jsx-runtime";var an="k-list-custom-value",Nf=[s.hover,s.focus,s.selected,s.disabled],gf={},vf={},at=e=>{let{text:t,hover:o,focus:a,selected:i,disabled:r,...l}=e;return Lf("div",{...l,className:n(an,M(an,{hover:o,focus:a,selected:i,disabled:r})),children:t})};at.states=Nf;at.options=gf;at.className=an;at.defaultOptions=vf;import{Fragment as MT,jsx as ET,jsxs as CT}from"react/jsx-runtime";import{Fragment as RT,jsx as BT,jsxs as PT}from"react/jsx-runtime";import{Fragment as FT,jsx as zT,jsxs as HT}from"react/jsx-runtime";import{Fragment as JT,jsx as XT,jsxs as WT}from"react/jsx-runtime";import{jsx as QT}from"react/jsx-runtime";import{Fragment as iO,jsx as aO,jsxs as rO}from"react/jsx-runtime";import{Fragment as mO,jsx as pO,jsxs as cO}from"react/jsx-runtime";var Pl="dropdown-list",wl="dropdownlist";import{Fragment as kf,jsx as Oe,jsxs as rn}from"react/jsx-runtime";var Kl="k-dropdownlist",If=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Sf={size:[d.undefined,d.small,d.medium,d.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"},V=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:i=nn.arrowIconName,showValue:r=nn.showValue,valueIconName:l,prefix:m,suffix:c,value:b,placeholder:x,hover:g,focus:u,valid:v,invalid:I,required:S,loading:k,disabled:E,readonly:T,popup:w,opened:Y,adaptive:te,adaptiveSettings:oe,adaptiveTitle:pe,adaptiveSubtitle:po,adaptiveFilter:Nt,id:Bt,activeDescendant:Vt,"aria-label":Ba,...Ra}=e,Pa=Bt?`${Bt}-listbox`:void 0,bs=Bt?`${Bt}-value`:void 0;return rn(kf,{children:[rn(Lt,{...Ra,id:Bt,size:t,rounded:o,fillMode:a,hover:g,focus:u,valid:v,invalid:I,required:S,loading:k,disabled:E,readonly:T,className:n(e.className,Kl,{"k-icon-picker":!r&&l}),role:"combobox","aria-haspopup":"listbox","aria-expanded":Y?"true":"false","aria-controls":Y?Pa:void 0,"aria-activedescendant":Y&&Vt?Vt:void 0,"aria-describedby":Y?bs:void 0,"aria-disabled":E?"true":void 0,"aria-label":Ba,tabIndex:0,children:[Oe(be,{children:m}),Oe(mo,{placeholder:x,value:b,showValue:r,valueIconName:l,id:bs}),Oe(j,{valid:v,invalid:I,loading:k,disabled:E}),Oe(ae,{loading:k,disabled:E}),Oe(xe,{children:c}),Oe(p,{className:"k-input-button",icon:i,size:e.size,fillMode:e.fillMode,"aria-label":x\|\|"Toggle dropdown",tabIndex:-1})]}),Y&&w&&Oe(J,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:w}),te&&Oe(Z,{adaptive:!0,...oe,header:Oe(ve,{actionsEnd:Oe(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:Nt,inputValue:b,inputPlaceholder:x,title:pe,subtitle:po}),children:Oe("div",{className:"k-list-container",children:Oe(P,{size:"large",children:rn(D,{"aria-label":"Options",children:[Oe(y,{text:"List item"}),Oe(y,{text:"List item"}),Oe(y,{text:"List item"})]})})})})]})};V.states=If;V.options=Sf;V.className=Kl;V.defaultOptions=nn;V.moduleName=Pl;V.folderName=wl;import{jsx as WO}from"react/jsx-runtime";import{jsx as jO,jsxs as eB}from"react/jsx-runtime";import{Fragment as dB,jsx as sB,jsxs as lB}from"react/jsx-runtime";import{jsx as fB}from"react/jsx-runtime";import{jsx as vB,jsxs as LB}from"react/jsx-runtime";import{Fragment as TB,jsx as yB,jsxs as AB}from"react/jsx-runtime";import{jsx as wB}from"react/jsx-runtime";import{Fragment as Tf,jsx as Qt,jsxs as Dl}from"react/jsx-runtime";var Ef=V.states,Mf=V.defaultOptions,Cf=V.options,yf=[{name:"opened",title:"Opened"}],Af=[],Vo=e=>{let{modifiers:t,...o}=e,a={},i=Dl(Tf,{children:[Qt("div",{className:"k-list-filter",children:Qt(Qe,{})}),Qt(P,{style:{width:300},size:o.size,children:Dl(D,{children:[Qt(y,{children:"List item"}),Qt(y,{children:"List item"}),Qt(y,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(r=>{r==="opened"&&(a.opened=!!t?.[r],a.popup=t?.[r]?i:void 0)}),Qt("div",{children:Qt(V,{placeholder:"Value",style:{width:300},...o,...a})})};Vo.options=Cf;Vo.states=Ef;Vo.variants=Af;Vo.defaultOptions=Mf;Vo.modifiers=yf;Vo.className=V.className;import{Fragment as aR,jsx as oR}from"react/jsx-runtime";import{Fragment as dR,jsx as lR}from"react/jsx-runtime";import{jsx as uR}from"react/jsx-runtime";import{jsx as sn}from"react/jsx-runtime";var Of=O.states,Bf=O.defaultOptions,Rf=O.options,Pf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],wf=[],Xo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?sn(V,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[i]?sn(wt,{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=Rf;Xo.states=Of;Xo.variants=wf;Xo.defaultOptions=Bf;Xo.modifiers=Pf;Xo.className=O.className;import{Fragment as Ya,jsx as z,jsxs as ie}from"react/jsx-runtime";var _l="k-colorgradient-inputs",Kf=[],Df={size:[d.undefined,d.small,d.medium,d.large]},zl={mode:"rgba"},Wo=e=>{let{mode:t=zl.mode,size:o,...a}=e;return ie("div",{...a,className:n(_l,"k-hstack"),children:[z("div",{className:"k-vstack",children:z(p,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&ie(Ya,{children:[ie("div",{className:"k-vstack",children:[z(O,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),z("label",{className:"k-colorgradient-input-label",children:"R"})]}),ie("div",{className:"k-vstack",children:[z(O,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),z("label",{className:"k-colorgradient-input-label",children:"G"})]}),ie("div",{className:"k-vstack",children:[z(O,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),z("label",{className:"k-colorgradient-input-label",children:"B"})]}),ie("div",{className:"k-vstack",children:[z(O,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),z("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&ie(Ya,{children:[ie("div",{className:"k-vstack",children:[z(O,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),z("label",{className:"k-colorgradient-input-label",children:"R"})]}),ie("div",{className:"k-vstack",children:[z(O,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),z("label",{className:"k-colorgradient-input-label",children:"G"})]}),ie("div",{className:"k-vstack",children:[z(O,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),z("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&ie(Ya,{children:[ie("div",{className:"k-vstack",children:[z(O,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),z("label",{className:"k-colorgradient-input-label",children:"H"})]}),ie("div",{className:"k-vstack",children:[z(O,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),z("label",{className:"k-colorgradient-input-label",children:"S"})]}),ie("div",{className:"k-vstack",children:[z(O,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),z("label",{className:"k-colorgradient-input-label",children:"V"})]}),ie("div",{className:"k-vstack",children:[z(O,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),z("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&ie(Ya,{children:[ie("div",{className:"k-vstack",children:[z(O,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),z("label",{className:"k-colorgradient-input-label",children:"H"})]}),ie("div",{className:"k-vstack",children:[z(O,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),z("label",{className:"k-colorgradient-input-label",children:"S"})]}),ie("div",{className:"k-vstack",children:[z(O,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),z("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&z(Ya,{children:ie("div",{className:"k-vstack k-flex-1",children:[z(U,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),z("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Wo.states=Kf;Wo.options=Df;Wo.className=_l;Wo.defaultOptions=zl;import{jsx as bo,jsxs as xo}from"react/jsx-runtime";var Hl="k-colorgradient-color-contrast",_f=[],zf={},Hf={},Jo=()=>xo("div",{className:n(Hl,"k-vbox"),children:[xo("div",{className:"k-contrast-ratio",children:[bo("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),xo("span",{className:"k-contrast-validation !k-text-success",children:[bo(N,{icon:"check"}),bo(N,{icon:"check"})]})]}),xo("div",{children:[bo("span",{children:"AA: 4.5"}),xo("span",{className:"k-contrast-validation !k-text-success",children:["Pass",bo(N,{icon:"check"})]})]}),xo("div",{children:[bo("span",{children:"AAA: 7.0"}),xo("span",{className:"k-contrast-validation !k-text-error",children:["Fail",bo(N,{icon:"x"})]})]})]});Jo.states=_f;Jo.options=zf;Jo.className=Hl;Jo.defaultOptions=Hf;var Fl="color-gradient",Ul="colorgradient";import{jsx as it,jsxs as Za}from"react/jsx-runtime";var wi="k-colorgradient",Ff=[s.hover,s.focus,s.readonly,s.disabled],Uf={size:[d.undefined,d.small,d.medium,d.large]},Ct={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"},Ie=e=>{let{size:t,mode:o=Ct.mode,readonly:a=Ct.readonly,disabled:i=Ct.disabled,gradientStyle:r=Ct.gradientStyle,dragHandleStyle:l=Ct.dragHandleStyle,alphaStyle:m=Ct.alphaStyle,alphaStyleHorizontal:c=Ct.alphaStyleHorizontal,contrast:b=Ct.contrast,dir:x,hover:g,focus:u,hoverHandle:v,focusHandle:I,canvasOrientation:S=Ct.canvasOrientation,role:k,tabIndex:E,...T}=e;return Za("div",{...T,role:k??"textbox","aria-label":k==="none"?void 0:"Color gradient",tabIndex:E??0,"aria-disabled":i?"true":void 0,className:n(e.className,wi,C(wi,{size:t}),M(wi,{hover:g,focus:u,readonly:a,disabled:i})),dir:x,children:[!S\|\|S==="horizontal"&&Za("div",{className:"k-colorgradient-canvas k-hstack",children:[it("div",{className:"k-hsv-rectangle",style:r,children:it("div",{className:"k-hsv-gradient",children:it("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":v,"k-focus":I}),style:l,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})})}),Za("div",{className:"k-hsv-controls k-hstack",children:[it(Wr,{className:"k-hue-slider",hover:v,focus:I}),o!=="rgb"&&o!=="hsv"&&it(Wr,{className:"k-alpha-slider",hover:v,focus:I,trackStyle:m})]})]}),S==="vertical"&&Za("div",{className:"k-colorgradient-canvas k-vstack",children:[it("div",{className:"k-hsv-rectangle",style:r,children:it("div",{className:"k-hsv-gradient",children:it("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":v,"k-focus":I}),style:l,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})})}),Za("div",{className:"k-hsv-controls k-vstack",children:[it(Xr,{className:"k-hue-slider",hover:v,focus:I}),o!=="rgb"&&o!=="hsv"&&it(Xr,{className:"k-alpha-slider",hover:v,focus:I,trackStyle:c})]})]}),it(Wo,{mode:e.mode,size:t}),b&&it(Jo,{})]})};Ie.states=Ff;Ie.options=Uf;Ie.className=wi;Ie.defaultOptions=Ct;Ie.moduleName=Fl;Ie.folderName=Ul;import{jsx as Gf}from"react/jsx-runtime";var Ki=e=>Gf(Ie,{...e});import{jsx as QR}from"react/jsx-runtime";import{jsx as oP}from"react/jsx-runtime";import{jsx as ln}from"react/jsx-runtime";var $f=Ie.options,Vf=Ie.states,Xf={...Ie.defaultOptions,variant:"rgba"},Wf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Jf=[],qo=e=>{let{variant:t,...o}=e;switch(t){case"hex":return ln(Ki,{...o,mode:t});case"rgb":return ln(Ki,{...o,mode:t});default:return ln(Ki,{...o,mode:t})}};qo.options=$f;qo.states=Vf;qo.variants=Wf;qo.defaultOptions=Xf;qo.modifiers=Jf;qo.className=Ie.className;import{jsx as qf}from"react/jsx-runtime";var dn=e=>qf("tr",{role:"row",children:e.children});import{jsx as Qf}from"react/jsx-runtime";var pn="k-colorpalette-tile",Yf=[s.hover,s.focus,s.selected],Zf={},jt=e=>{let{color:t,tileSize:o,hover:a,focus:i,selected:r,...l}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Qf("td",{...l,role:"gridcell","aria-label":t,"aria-selected":r?"true":void 0,className:n(e.className,pn,M(pn,{hover:a,focus:i,selected:r})),style:m})};jt.states=Yf;jt.options=Zf;jt.className=pn;jt.moduleName=null;jt.folderName=null;var Gl="color-palette",$l="colorpalette";import{jsx as Qa}from"react/jsx-runtime";var Di="k-colorpalette",jf=[s.disabled],eb={size:[d.undefined,d.small,d.medium,d.large]},Vl={columns:10},De=e=>{let{size:t,palette:o,columns:a=Vl.columns,tileSize:i,disabled:r,...l}=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,g)=>{let u=[];b.slice(gc,(g+1)c).map((I,S)=>{u.push(Qa(jt,{color:I,tileSize:i},S))});let v=Qa(dn,{children:u},g);m.push(v)})}return Qa("div",{...l,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":r?"true":void 0,className:n(e.className,Di,M(Di,{disabled:r}),C(Di,{size:t})),children:Qa("table",{className:"k-colorpalette-table",role:"none",children:Qa("tbody",{children:m.length>0?m:e.children})})})};De.states=jf;De.options=eb;De.className=Di;De.defaultOptions=Vl;De.moduleName=Gl;De.folderName=$l;var _i=De;var ja={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 tb}from"react/jsx-runtime";var Xl=e=>tb(_i,{palette:ja.basic,...e});import{jsx as DP}from"react/jsx-runtime";import{jsx as GP,jsxs as $P}from"react/jsx-runtime";import{jsx as lb}from"react/jsx-runtime";var ob=De.options,ab=De.states,ib={...De.defaultOptions,variant:"basic"},rb=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],nb={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}},sb=[],Yo=e=>{let{variant:t="basic",...o}=e,a=nb[t];return lb(Xl,{columns:a.columns,palette:a,...o})};Yo.options=ob;Yo.states=ab;Yo.variants=rb;Yo.defaultOptions=ib;Yo.modifiers=sb;Yo.className=De.className;var Wl="color-editor",Jl="coloreditor";import{jsx as rt,jsxs as Zo}from"react/jsx-runtime";var zi="k-coloreditor",db=[s.focus],pb={size:[d.undefined,d.small,d.medium,d.large]},ei={view:"gradient",palette:ja.office,actionButtons:!0,canvasOrientation:"horizontal"},re=e=>{let{size:t,view:o=ei.view,palette:a=ei.palette,color:i,currentColor:r,focus:l,focusView:m,dir:c,group:b,actionButtons:x=ei.actionButtons,canvasOrientation:g=ei.canvasOrientation,...u}=e;return Zo("div",{...u,role:"textbox","aria-label":"Color editor",tabIndex:0,className:n(e.className,"k-flatcolorpicker",zi,C(zi,{size:t}),M(zi,{focus:l})),dir:c,children:[Zo("div",{className:"k-coloreditor-header k-hstack",children:[rt("div",{className:"k-coloreditor-header-actions k-hstack",children:b&&Zo(B,{fillMode:"flat",children:[rt(p,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),rt(p,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),rt("div",{className:"k-spacer"}),Zo("div",{className:"k-coloreditor-header-actions k-hstack",children:[rt(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Zo("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:r})]})]})]}),rt("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?rt(Ie,{focus:m,size:t,canvasOrientation:g,role:"none",tabIndex:-1}):rt(De,{palette:a,size:t})}),x&&Zo(Ue,{className:"k-coloreditor-footer",alignment:"start",children:[rt(p,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),rt(p,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};re.states=db;re.options=pb;re.className=zi;re.defaultOptions=ei;re.moduleName=Wl;re.folderName=Jl;var Qo=re;import{jsx as gw}from"react/jsx-runtime";import{jsx as Sw}from"react/jsx-runtime";import{jsx as mb}from"react/jsx-runtime";var ql=e=>mb(Qo,{group:!0,currentColor:"fuchsia",...e});import{jsx as cb}from"react/jsx-runtime";var Yl=e=>cb(Qo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Zl}from"react/jsx-runtime";var ub=re.options,fb=re.states,bb={...re.defaultOptions,variant:"gradient"},xb=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],hb=[],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=ub;jo.states=fb;jo.variants=xb;jo.defaultOptions=bb;jo.modifiers=hb;jo.className=re.className;var Ql="color-picker",jl="colorpicker";import{Fragment as vb,jsx as nt,jsxs as mn}from"react/jsx-runtime";var ed="k-colorpicker",Nb=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled],gb={size:[d.undefined,d.small,d.medium,d.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"},he=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:i=td.arrowIconName,prefix:r,suffix:l,value:m,placeholder:c,hover:b,focus:x,valid:g,invalid:u,required:v,disabled:I,valueIconName:S,popup:k,opened:E,adaptive:T,adaptiveSettings:w,adaptiveTitle:Y,adaptiveSubtitle:te,...oe}=e,pe="colorpicker-popup";return mn(vb,{children:[mn(Lt,{...oe,size:t,rounded:o,fillMode:a,hover:b,focus:x,valid:g,invalid:u,required:v,disabled:I,role:"combobox","aria-haspopup":"dialog","aria-expanded":E?"true":"false","aria-controls":E\|\|T?pe:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":I?"true":void 0,className:n(e.className,ed,"k-icon-picker"),children:[nt(be,{children:r}),nt(mo,{placeholder:c,value:m,showValue:!1,valueIcon:nt(Wt,{className:"k-value-icon",color:m,iconName:S}),valueIconName:S}),nt(xe,{children:l}),nt(p,{className:"k-input-button",icon:i,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:I})]}),E&&k&&nt(J,{id:pe,className:"k-colorpicker-popup",children:k}),T&&nt(Z,{adaptive:!0,id:pe,...w,header:nt(ve,{actionsEnd:nt(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:Y,subtitle:te}),footer:mn(Jt,{children:[nt(p,{text:"Cancel",size:"large"}),nt(p,{text:"Set",size:"large",themeColor:"primary"})]}),children:nt(re,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};he.states=Nb;he.options=gb;he.className=ed;he.defaultOptions=td;he.moduleName=Ql;he.folderName=jl;var Dt=he;import{jsx as Lb}from"react/jsx-runtime";var Hi=e=>Lb(Dt,{...e});import{jsx as n0}from"react/jsx-runtime";import{jsx as m0}from"react/jsx-runtime";import{jsx as b0}from"react/jsx-runtime";import{jsx as g0}from"react/jsx-runtime";import{jsx as S0}from"react/jsx-runtime";import{jsx as C0}from"react/jsx-runtime";import{jsx as ho}from"react/jsx-runtime";var Ib=Dt.options,Sb=Dt.states,od={...Dt.defaultOptions,variant:"color"},kb=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Eb=[{name:"opened",title:"Opened"}],ea=e=>{let{variant:t,modifiers:o,...a}={...od,...e},i={};Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(i.opened=!!o?.[l],i.popup=o?.[l]?ho(re,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let r=i.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return ho("div",{style:r,children:ho(Hi,{...a,...i})});case"icon":return ho("div",{style:r,children:ho(Hi,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...i})});default:return ho("div",{style:r,children:ho(Hi,{value:"rgba(183, 118 , 118, 1.00)",...a,...i})})}};ea.options=Ib;ea.states=Sb;ea.variants=kb;ea.defaultOptions=od;ea.modifiers=Eb;ea.className=Dt.className;var cn="combobox",ad=cn;import{Fragment as un,jsx as ue,jsxs as ti}from"react/jsx-runtime";var id="k-combobox",Mb=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Cb={size:[d.undefined,d.small,d.medium,d.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},Se=e=>{let{size:t,rounded:o,fillMode:a,separators:i=fn.separators,showClearButton:r=fn.showClearButton,prefix:l,suffix:m,value:c,placeholder:b,hover:x,focus:g,valid:u,invalid:v,required:I,loading:S,disabled:k,popup:E,opened:T,readonly:w,adaptive:Y,adaptiveSettings:te,adaptiveTitle:oe,adaptiveSubtitle:pe,adaptiveCustomValue:po,id:Nt,autocomplete:Bt,activeDescendant:Vt,"aria-label":Ba,...Ra}=e,Pa=Nt?`${Nt}-listbox`:void 0;return ti(un,{children:[ti(X,{...Ra,size:t,rounded:o,fillMode:a,hover:x,focus:g,valid:u,invalid:v,required:I,loading:S,disabled:k,readonly:w,className:n(e.className,id),children:[l&&ti(un,{children:[ue(be,{children:l}),i&&ue(ee,{})]}),ue(ce,{id:Nt,placeholder:b,value:c,role:"combobox","aria-haspopup":"listbox","aria-expanded":T?"true":"false","aria-controls":T?Pa:void 0,"aria-activedescendant":T&&Vt?Vt:void 0,"aria-autocomplete":Bt,"aria-invalid":v?"true":void 0,"aria-busy":S?"true":void 0,"aria-label":Ba,disabled:k,readOnly:w}),ue(j,{valid:u,invalid:v,loading:S,disabled:k}),ue(ae,{loading:S,disabled:k}),r&&ue(me,{loading:S,disabled:k,readonly:w,value:c}),m&&ti(un,{children:[i&&ue(ee,{}),ue(xe,{children:m})]}),ue(p,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:k})]}),T&&E&&ue(J,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:E}),Y&&ue(Z,{adaptive:!0,id:Nt?`${Nt}-adaptive`:void 0,...te,header:ue(ve,{actionsEnd:ue(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:c,inputPlaceholder:b,title:oe,subtitle:pe}),children:ue("div",{className:"k-list-container",children:ue(P,{customValue:po?ue(at,{text:`Use "${c}"`}):void 0,size:"large",children:ti(D,{"aria-label":oe\|\|"Options",children:[ue(y,{text:"List item"}),ue(y,{text:"List item"}),ue(y,{text:"List item"})]})})})})]})};Se.states=Mb;Se.options=Cb;Se.className=id;Se.defaultOptions=fn;Se.moduleName=cn;Se.folderName=ad;var Ge=Se;import{jsx as yb}from"react/jsx-runtime";var rd=e=>yb(Ge,{...e});import{jsx as dK,jsxs as pK}from"react/jsx-runtime";import{jsx as xK,jsxs as hK}from"react/jsx-runtime";import{jsx as SK,jsxs as kK}from"react/jsx-runtime";import{Fragment as TK,jsx as AK}from"react/jsx-runtime";import{Fragment as KK,jsx as wK}from"react/jsx-runtime";import{jsx as UK,jsxs as GK}from"react/jsx-runtime";import{Fragment as ZK,jsx as qK,jsxs as YK}from"react/jsx-runtime";import{jsx as tD}from"react/jsx-runtime";import{jsx as rD}from"react/jsx-runtime";import{jsx as mD,jsxs as cD}from"react/jsx-runtime";import{jsx as ND,jsxs as gD}from"react/jsx-runtime";import{jsx as eo,jsxs as Pb}from"react/jsx-runtime";var Ab=Se.states,Tb=Se.defaultOptions,Ob=Se.options,Bb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Rb=[],ta=e=>{let{modifiers:t,...o}=e,a={},i=eo(P,{style:{width:300},size:o.size,children:Pb(D,{children:[eo(y,{children:"List item"}),eo(y,{children:"List item"}),eo(y,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?eo(N,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[r]?eo(Rt,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[r],a.popup=t?.[r]?i:void 0;break;default:break}}),eo("div",{children:eo(rd,{value:"Value",style:{width:300},...o,...a})})};ta.options=Ob;ta.states=Ab;ta.variants=Rb;ta.defaultOptions=Tb;ta.modifiers=Bb;ta.className=Se.className;var bn="menu-button",nd=bn;import{jsx as Db}from"react/jsx-runtime";var sd="k-menu-button",wb=[s.hover,s.focus,s.active,s.selected,s.disabled],Kb={size:[d.undefined,d.xsmall,d.small,d.medium,d.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:[L.undefined,L.base,L.primary,L.secondary,L.tertiary,L.success,L.warning,L.error,L.info,L.inverse]},xn={showArrow:!0,arrowIconName:"chevron-down"},W=e=>{let{size:t,rounded:o,fillMode:a,themeColor:i,hover:r,focus:l,active:m,selected:c,disabled:b,icon:x,endIcon:g,text:u,showArrow:v=xn.showArrow,arrowIconName:I=xn.arrowIconName,expanded:S,...k}=e;return Db(p,{...k,className:n(e.className,sd),text:u,size:t,rounded:o,fillMode:a,themeColor:i,hover:r,focus:l,active:m,selected:c,disabled:b,ariaDisabled:b\|\|void 0,icon:x,endIcon:g,showArrow:v,arrowIconName:I,"aria-expanded":S?"true":"false",...!u&&x&&!e["aria-label"]&&{"aria-label":"Menu"}})};W.states=wb;W.options=Kb;W.className=sd;W.defaultOptions=xn;W.moduleName=bn;W.folderName=nd;import{jsx as QD}from"react/jsx-runtime";import{jsx as o_}from"react/jsx-runtime";import{jsx as n_}from"react/jsx-runtime";import{jsx as p_}from"react/jsx-runtime";var $e="menu",st=$e;import{jsx as ai,jsxs as ld}from"react/jsx-runtime";var hn="k-menu-item",_b=[s.hover,s.focus,s.active,s.selected,s.disabled],zb={},dd={iconPosition:"before"},Me=e=>{let{hover:t,focus:o,active:a,selected:i,disabled:r,icon:l,text:m,showArrow:c,arrowIconName:b,iconPosition:x=dd.iconPosition,dir:g,children:u,expanded:v,...I}=e,S=b;return S\|\|(S=g==="rtl"?"chevron-left":"chevron-right"),ld("li",{...I,className:n(e.className,hn,"k-item",M(hn,{focus:o,disabled:r,hover:t,active:a,selected:i})),role:"menuitem",...c&&{"aria-haspopup":"menu"},...c&&{"aria-expanded":v?"true":"false"},...r&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[ld("span",{className:n("k-link k-menu-link"),children:[l&&x==="before"&&ai(N,{className:"k-menu-link-icon",icon:l}),ai("span",{className:"k-menu-link-text",children:m}),l&&x==="after"&&ai(N,{className:"k-menu-link-icon",icon:l}),c&&ai("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:ai(N,{icon:S})})]}),u]})};Me.states=_b;Me.options=zb;Me.className=hn;Me.defaultOptions=dd;Me.moduleName=$e;Me.folderName=st;import{jsx as No,jsxs as pd}from"react/jsx-runtime";var Nn="k-menu-item",Hb=[s.hover,s.focus,s.active,s.selected,s.disabled],Fb={},gn={dir:"ltr",iconPosition:"before"},Q=e=>{let{hover:t,focus:o,active:a,selected:i,disabled:r,icon:l,text:m,showArrow:c,arrowIconName:b,iconPosition:x=gn.iconPosition,dir:g=gn.dir,children:u,popup:v,expanded:I,actions:S,description:k,...E}=e,T=b;return T\|\|(T=g==="rtl"?"chevron-left":"chevron-right"),pd("li",{role:"menuitem",...E,className:n(e.className,Nn,"k-item",M(Nn,{focus:o,disabled:r})),...c&&{"aria-haspopup":"menu"},...c&&{"aria-expanded":I?"true":"false"},...r&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[pd("span",{className:n("k-link k-menu-link",M("k-menu-link",{hover:t,active:a,selected:i,disabled:r})),children:[l&&x==="before"&&No(N,{className:"k-menu-link-icon",icon:l}),No("span",{className:"k-menu-link-text",children:m}),l&&x==="after"&&No(N,{className:"k-menu-link-icon",icon:l}),S&&No("span",{className:"k-menu-link-actions",children:S}),c&&No("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:No(N,{icon:T})}),k&&No("span",{className:"k-menu-link-description",children:k})]}),u,v]})};Q.states=Hb;Q.options=Fb;Q.className=Nn;Q.defaultOptions=gn;Q.moduleName=$e;Q.folderName=st;import{jsx as Vb}from"react/jsx-runtime";var md="k-menu-scroll-wrapper",Ub=[],Gb={},$b={},go=e=>{let{className:t,children:o,orientation:a,...i}=e;return Vb("div",{...i,className:n(t,md,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};go.states=Ub;go.options=Gb;go.className=md;go.defaultOptions=$b;go.moduleName=$e;go.folderName=st;var cd=go;import{Fragment as vn,jsx as vo,jsxs as Fi}from"react/jsx-runtime";var Ui="k-menu",Xb=[],Wb={size:[d.undefined,d.small,d.medium,d.large]},Gi={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},ke=e=>{let{children:t,orientation:o=Gi.orientation,header:a=Gi.header,scrollable:i,scrollButtonsPosition:r=Gi.scrollButtonsPosition,wrapperStyles:l,dir:m,size:c,popup:b,contextMenu:x,...g}=e,u={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},v=vo("ul",{dir:m,...g,className:n(e.className,"k-reset",Ui,{[`${Ui}-${o}`]:o,"k-header":a},C(Ui,{size:c})),role:x?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Fi(vn,{children:[i?Fi(cd,{orientation:o,style:l,dir:e.dir,children:[r==="start"&&Fi(vn,{children:[vo(p,{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"}),vo(p,{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"})]}),r==="around"&&vo(p,{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"}),v,r==="end"&&Fi(vn,{children:[vo(p,{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"}),vo(p,{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"})]}),r==="around"&&vo(p,{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"})]}):v,b]})};ke.states=Xb;ke.options=Wb;ke.className=Ui;ke.defaultOptions=Gi;ke.moduleName=$e;ke.folderName=st;import{jsx as Jb}from"react/jsx-runtime";var Ln="k-separator",ud={orientation:"horizontal"},oa=e=>{let{orientation:t=ud.orientation,...o}=e;return Jb("li",{...o,className:n(e.className,"k-item",Ln,{[`${Ln}-${t}`]:t}),role:"separator"})};oa.className=Ln;oa.defaultOptions=ud;oa.moduleName=$e;oa.folderName=st;import{Fragment as z_,jsx as H_}from"react/jsx-runtime";import{jsx as Qb}from"react/jsx-runtime";var In="k-menu-group",qb=[],Yb={size:[d.undefined,d.small,d.medium,d.large]},Zb={},Ce=e=>{let{children:t,size:o,...a}=e;return Qb("ul",{role:"menu",...a,className:n(e.className,In,C(In,{size:o})),children:t})};Ce.states=qb;Ce.options=Yb;Ce.className=In;Ce.defaultOptions=Zb;Ce.moduleName=$e;Ce.folderName=st;import{jsx as q_,jsxs as Y_}from"react/jsx-runtime";import{Fragment as jb,jsx as aa,jsxs as ex}from"react/jsx-runtime";var Sn=e=>aa(ke,{children:ex(jb,{children:[aa(Me,{text:"Item 1"}),aa(Me,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),aa(Me,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),aa(Me,{text:"Item 4"}),aa(Me,{text:"Item 5"})]}),...e});import{Fragment as nz,jsx as iz,jsxs as rz}from"react/jsx-runtime";import{Fragment as mz,jsx as pz,jsxs as cz}from"react/jsx-runtime";import{Fragment as hz,jsx as xz,jsxs as Nz}from"react/jsx-runtime";import{Fragment as Sz,jsx as Iz,jsxs as kz}from"react/jsx-runtime";import{jsx as Lo,jsxs as rx}from"react/jsx-runtime";var tx={...ke.options,scrollable:{type:"boolean"}},ox=ke.states,fd={...ke.defaultOptions,variant:"horizontal"},ax=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],ix=[{name:"opened",title:"Opened"}],ia=e=>{let{variant:t,modifiers:o,...a}={...fd,...e},i={},r=t==="vertical"?{left:"200px",top:"30px"}:{left:"90px",top:"auto"};return Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(i.opened=!!o?.[l],i.popup=o?.[l]?Lo(J,{className:"k-menu-popup",offset:r,children:rx(Ce,{children:[Lo(Q,{text:"Item 1"}),Lo(Q,{text:"Item 2"}),Lo(oa,{}),Lo(Q,{text:"Item 3"})]})}):null)}),t==="vertical"?Lo(Sn,{...a,...i,orientation:"vertical",style:{width:"200px"}}):Lo(Sn,{...a,...i})};ia.options=tx;ia.states=ox;ia.variants=ax;ia.defaultOptions=fd;ia.modifiers=ix;ia.className=ke.className;import{Fragment as aH,jsx as tH,jsxs as oH}from"react/jsx-runtime";import{jsx as sH}from"react/jsx-runtime";import{Fragment as px,jsx as yt,jsxs as bd}from"react/jsx-runtime";var nx=p.states,xd={...p.defaultOptions,variant:"text"},sx=p.options,lx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],dx=[{name:"opened",title:"Opened"}],ra=e=>{let{variant:t,modifiers:o,...a}={...xd,...e},i={},r=yt(J,{className:"k-menu-popup",children:bd(Ce,{size:a.size,children:[yt(Q,{text:"Menu Item"}),yt(Q,{text:"Menu Item"}),yt(Q,{text:"Menu Item"})]})}),l;switch(t){case"icon-only":l=yt("div",{children:yt(W,{...a,...i,icon:"star"})});break;case"icon-and-text":l=yt("div",{children:yt(W,{...a,...i,icon:"star",children:"Dropdown Button"})});break;default:l=yt("div",{children:yt(W,{...a,...i,children:"Dropdown Button"})});break}return bd(px,{children:[l,o?.opened&&r]})};ra.options=sx;ra.states=nx;ra.variants=lx;ra.defaultOptions=xd;ra.modifiers=dx;ra.className=W.className;var kn="split-button",hd=kn;import{Fragment as ux,jsx as En,jsxs as Nd}from"react/jsx-runtime";var Mn="k-split-button",mx=[s.hover,s.focus,s.active,s.selected,s.disabled],cx={size:[d.undefined,d.small,d.medium,d.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:[L.undefined,L.base,L.primary,L.secondary,L.tertiary,L.success,L.warning,L.error,L.info,L.inverse]},gd={arrowIconName:"chevron-down"},H=e=>{let{size:t,rounded:o,fillMode:a,themeColor:i,hover:r,focus:l,active:m,selected:c,disabled:b,icon:x,endIcon:g,text:u,arrowIconName:v=gd.arrowIconName,popup:I,opened:S,popupId:k,...E}=e;return Nd(ux,{children:[Nd("div",{...E,className:n(e.className,Mn,"k-button-group",C(Mn,{rounded:o})),children:[En(p,{text:u,icon:x,endIcon:g,size:t,rounded:o,fillMode:a,themeColor:i,hover:r,focus:l,active:m,selected:c,disabled:b,...!u&&!e.children&&x&&{"aria-label":"Action"},children:e.children}),En(p,{className:"k-split-button-arrow",icon:v,size:t,rounded:o,fillMode:a,disabled:b,ariaDisabled:b\|\|void 0,"aria-label":"Toggle dropdown","aria-expanded":S?"true":"false","aria-controls":S?k:void 0,tabIndex:-1})]}),S&&I&&En(J,{className:"k-menu-popup",children:I})]})};H.states=mx;H.options=cx;H.className=Mn;H.defaultOptions=gd;H.moduleName=kn;H.folderName=hd;var Cn=H;import{jsx as bx}from"react/jsx-runtime";var fx="k-toolbar-separator",Ee=e=>bx("div",{className:n(fx,e.className,"k-separator")});var Io="toolbar",na=Io;import{Fragment as yn,jsx as F,jsxs as sa}from"react/jsx-runtime";var _t="k-toolbar",xx=[s.focus],hx={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},Nx={scrollButtons:"around"},q=e=>{let{size:t,fillMode:o,focus:a,resizable:i,scrollable:r,scrollButtons:l,scrollingPosition:m,section:c,...b}=e,x=[],g=(u,v)=>{let I=[];if(u.type===p&&u.props.className&&u.props.className.includes("k-toolbar-overflow-button"))I.push(F(p,{...u.props,className:`${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`));else if(u.type===p)I.push(F(p,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`));else if(u.type===za)I.push(F(za,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`));else if(u.type===Rt)I.push(F(Rt,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`));else if(u.type===W)I.push(F(W,{...u.props,className:`k-toolbar-menu-button ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`));else if(u.type===Cn)I.push(F(Cn,{...u.props,className:`k-toolbar-split-button ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`));else if(u.type===B\|\|u.props.className&&u.props.className.includes("k-button-group")){let S=[];(Array.isArray(u.props.children)?u.props.children:[u.props.children]).forEach((E,T)=>{S.push(F(p,{...E.props,className:`${E.props.className?E.props.className:""}`},`${T}-${new Date().getTime()}`))}),I.push(F(B,{...u.props,className:`k-toolbar-button-group ${u.props.className?u.props.className:""}`,children:S},`${v}-${new Date().getTime()}`))}else u.type===Se?I.push(F(Se,{...u.props,className:`k-toolbar-combobox ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`)):u.type===V?I.push(F(V,{...u.props,className:`k-toolbar-dropdownlist ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`)):u.type===he?I.push(F(he,{...u.props,className:`k-toolbar-colorpicker ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`)):I.push(u);I.forEach(S=>{x.push(S)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((v,I)=>{g(v,I)}),sa("div",{...b,className:n(e.className,_t,C(_t,{size:t,fillMode:o}),M(_t,{focus:a}),{[`${_t}-resizable`]:i,[`${_t}-scrollable`]:r,[`${_t}-scrollable-overlay`]:r&&l==="hidden",[`${_t}-scrollable-${m}`]:m&&m!=="both",[`${_t}-section`]:c}),role:"toolbar","aria-label":"Toolbar",children:[!r&&x,r&&l==="hidden"&&F("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),r&&l==="start"&&sa(yn,{children:[sa(B,{children:[F("span",{className:n("k-toolbar-prev","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:F(N,{className:"k-button-icon",icon:"chevron-left"})}),F("span",{className:n("k-toolbar-next","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:F(N,{className:"k-button-icon",icon:"chevron-right"})})]}),F(Ee,{className:"k-toolbar-button-separator"}),F("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x})]}),r&&l==="end"&&sa(yn,{children:[F("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),F(Ee,{className:"k-toolbar-button-separator"}),sa(B,{children:[F("span",{className:n("k-toolbar-prev","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:F(N,{className:"k-button-icon",icon:"chevron-left"})}),F("span",{className:n("k-toolbar-next","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:F(N,{className:"k-button-icon",icon:"chevron-right"})})]})]}),r&&(l==="around"\|\|!l)&&sa(yn,{children:[F("span",{className:n("k-toolbar-prev","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:F(N,{className:"k-button-icon",icon:"chevron-left"})}),F(Ee,{className:"k-toolbar-button-separator"}),F("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:x}),F(Ee,{className:"k-toolbar-button-separator"}),F("span",{className:n("k-toolbar-next","k-button",C("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:F(N,{className:"k-button-icon",icon:"chevron-right"})})]})]})};q.states=xx;q.options=hx;q.className=_t;q.defaultOptions=Nx;q.moduleName=Io;q.folderName=na;import{jsx as Ix}from"react/jsx-runtime";var An="k-toolbar-item",gx=[s.focus],vx={},Lx={},to=e=>{let{focus:t,...o}=e;return Ix("div",{...o,className:n(e.className,An,M(An,{focus:t})),children:e.children})};to.states=gx;to.options=vx;to.className=An;to.defaultOptions=Lx;to.moduleName=Io;to.folderName=na;import{jsx as vd}from"react/jsx-runtime";var Ld="k-toolbar-popup",Sx=[],kx={size:[d.undefined,d.small,d.medium,d.large],fillMode:[h.undefined,h.solid,h.outline,h.flat]},Ex={},So=e=>{let{size:t,fillMode:o,section:a,...i}=e;return vd(J,{...i,className:n(e.className,Ld),children:a?vd("span",{className:n("k-toolbar-items-list",C("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};So.states=Sx;So.options=kx;So.className=Ld;So.defaultOptions=Ex;So.moduleName=Io;So.folderName=na;var $i=So;import{jsx as s1}from"react/jsx-runtime";import{jsx as m1}from"react/jsx-runtime";import{jsx as b1}from"react/jsx-runtime";import{jsx as g1}from"react/jsx-runtime";import{jsx as E1,jsxs as M1}from"react/jsx-runtime";import{jsx as T1}from"react/jsx-runtime";import{jsx as zt,jsxs as Tx}from"react/jsx-runtime";var Mx=H.states,Id={...H.defaultOptions,variant:"text"},Cx=H.options,yx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ax=[{name:"opened",title:"Opened"}],la=e=>{let{variant:t,modifiers:o,...a}={...Id,...e},i={},r=Tx(Ce,{size:a.size,children:[zt(Q,{text:"Menu Item"}),zt(Q,{text:"Menu Item"}),zt(Q,{text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(l=>{l==="opened"&&(i.opened=!!o?.[l],i.popup=o?.[l]?r:"")}),t){case"icon-only":return zt("div",{children:zt(H,{...a,...i,icon:"star"})});case"icon-and-text":return zt("div",{children:zt(H,{...a,...i,icon:"star",children:"Split Button"})});default:return zt("div",{children:zt(H,{...a,...i,children:"Split Button"})})}};la.options=Cx;la.states=Mx;la.variants=yx;la.defaultOptions=Id;la.modifiers=Ax;la.className=H.className;import{jsx as ko,jsxs as Ox}from"react/jsx-runtime";var Sd=e=>ko(q,{children:[ko(p,{children:"Button"},"toolbar-button"),ko(W,{text:"Menu button"},"toolbar-menu-button"),ko(H,{children:"Split button"},"toolbar-split-button"),Ox(B,{children:[ko(p,{className:"k-group-start",icon:"align-left",children:"Left"}),ko(p,{icon:"align-center",children:"Center"}),ko(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as nF,jsxs as sF}from"react/jsx-runtime";import{jsx as Ve,jsxs as kd}from"react/jsx-runtime";var Ed=e=>Ve(q,{scrollable:!0,...e,children:[Ve(p,{children:"Button"},"toolbar-button"),Ve(W,{text:"Menu button"},"toolbar-menu-button"),Ve(H,{children:"Split button"},"toolbar-split-button"),kd(B,{children:[Ve(p,{className:"k-group-start",icon:"align-left",children:"Left"}),Ve(p,{icon:"align-center",children:"Center"}),Ve(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Ve(p,{children:"Button"},"toolbar-button"),Ve(W,{text:"Menu button"},"toolbar-menu-button"),Ve(H,{children:"Split button"},"toolbar-split-button"),kd(B,{children:[Ve(p,{className:"k-group-start",icon:"align-left",children:"Left"}),Ve(p,{icon:"align-center",children:"Center"}),Ve(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Xe,jsxs as Md}from"react/jsx-runtime";var Cd=({scrollingPosition:e="start",...t})=>Xe(q,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[Xe(p,{children:"Button"},"toolbar-button"),Xe(W,{text:"Menu button"},"toolbar-menu-button"),Xe(H,{children:"Split button"},"toolbar-split-button"),Md(B,{children:[Xe(p,{className:"k-group-start",icon:"align-left",children:"Left"}),Xe(p,{icon:"align-center",children:"Center"}),Xe(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Xe(p,{children:"Button"},"toolbar-button"),Xe(W,{text:"Menu button"},"toolbar-menu-button"),Xe(H,{children:"Split button"},"toolbar-split-button"),Md(B,{children:[Xe(p,{className:"k-group-start",icon:"align-left",children:"Left"}),Xe(p,{icon:"align-center",children:"Center"}),Xe(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Bx,jsx as _e,jsxs as Vi}from"react/jsx-runtime";var yd=({fillMode:e,size:t,...o})=>Vi(Bx,{children:[_e(q,{section:!0,fillMode:e,size:t,children:[_e(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Vi(B,{fillMode:e,children:[_e(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),_e(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),_e(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),_e(Ee,{className:"k-toolbar-button-separator"}),_e(p,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,"aria-label":"More options","aria-expanded":"false"})],...o}),Vi($i,{size:t,fillMode:e,section:!0,...o,children:[_e(H,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),_e(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),_e(Ee,{}),_e(W,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Vi(B,{fillMode:e,children:[_e(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),_e(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),_e(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as HF,jsx as _F,jsxs as zF}from"react/jsx-runtime";import{Fragment as ZF,jsx as qF,jsxs as YF}from"react/jsx-runtime";import{jsx as oo}from"react/jsx-runtime";var Rx=q.options,Px=q.states,Ad={...q.defaultOptions,variant:"default"},wx=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Kx=[],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=Rx;da.states=Px;da.variants=wx;da.defaultOptions=Ad;da.modifiers=Kx;da.className=q.className;var Tn="autocomplete",Td=Tn;import{Fragment as On,jsx as Ne,jsxs as ii}from"react/jsx-runtime";var Od="k-autocomplete",Dx=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],_x={size:[d.undefined,d.small,d.medium,d.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},ht=e=>{let{size:t,rounded:o,fillMode:a,separators:i=Bn.separators,showClearButton:r=Bn.showClearButton,prefix:l,suffix:m,value:c,placeholder:b,hover:x,focus:g,valid:u,invalid:v,required:I,loading:S,disabled:k,popup:E,opened:T,readonly:w,adaptive:Y,adaptiveSettings:te,adaptiveTitle:oe,adaptiveSubtitle:pe,adaptiveCustomValue:po,id:Nt,autocomplete:Bt,activeDescendant:Vt,"aria-label":Ba,...Ra}=e,Pa=Nt?`${Nt}-listbox`:void 0;return ii(On,{children:[ii(X,{...Ra,size:t,rounded:o,fillMode:a,hover:x,focus:g,valid:u,invalid:v,required:I,loading:S,disabled:k,readonly:w,className:n(e.className,Od),children:[l&&ii(On,{children:[Ne(be,{children:l}),i&&Ne(ee,{})]}),Ne(ce,{placeholder:b,value:c,role:"combobox","aria-haspopup":"listbox","aria-expanded":T?"true":"false","aria-controls":T?Pa:void 0,"aria-activedescendant":T&&Vt?Vt:void 0,"aria-autocomplete":Bt,"aria-invalid":v?"true":void 0,"aria-busy":S?"true":void 0,"aria-label":Ba,disabled:k,readOnly:w}),Ne(j,{valid:u,invalid:v,loading:S,disabled:k}),Ne(ae,{loading:S,disabled:k}),r&&Ne(me,{loading:S,disabled:k,readonly:w,value:c}),m&&ii(On,{children:[i&&Ne(ee,{}),Ne(xe,{children:m})]})]}),T&&E&&Ne(J,{className:"k-list-container k-autocomplete-popup",containerRole:"region",containerAriaLabel:"Autocomplete suggestions",children:E}),Y&&Ne(Z,{adaptive:!0,...te,header:Ne(ve,{actionsEnd:Ne(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:c,inputPlaceholder:b,title:oe,subtitle:pe}),children:Ne("div",{className:"k-list-container",children:Ne(P,{customValue:po?Ne(at,{text:`Use "${c}"`}):void 0,size:"large",children:ii(D,{"aria-label":"Options",children:[Ne(y,{text:"List item"}),Ne(y,{text:"List item"}),Ne(y,{text:"List item"})]})})})})]})};ht.states=Dx;ht.options=_x;ht.className=Od;ht.defaultOptions=Bn;ht.moduleName=Tn;ht.folderName=Td;var At=ht;import{jsx as zx}from"react/jsx-runtime";var Bd=e=>zx(At,{id:A("ac"),"aria-label":"Search",...e});import{jsx as z2,jsxs as H2}from"react/jsx-runtime";import{jsx as V2}from"react/jsx-runtime";import{Fragment as Q2,jsx as Z2}from"react/jsx-runtime";import{Fragment as rU,jsx as iU}from"react/jsx-runtime";import{jsx as mU,jsxs as cU}from"react/jsx-runtime";import{jsx as NU,jsxs as gU}from"react/jsx-runtime";import{jsx as EU,jsxs as MU}from"react/jsx-runtime";import{jsx as OU}from"react/jsx-runtime";import{jsx as Eo,jsxs as Vx}from"react/jsx-runtime";var Hx=U.states,Fx=U.defaultOptions,Ux=U.options,Gx=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],$x=[],pa=e=>{let{modifiers:t,...o}=e,a={},i=Eo(P,{style:{width:300},size:o.size,children:Vx(D,{children:[Eo(y,{children:"List item"}),Eo(y,{children:"List item"}),Eo(y,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(r=>{switch(r){case"prefix":a.prefix=t?.[r]?Eo(N,{icon:"search"}):void 0;break;case"suffix":a.suffix=t?.[r]?Eo(vt,{size:o.size,fillMode:"clear",children:"Search"}):void 0;break;case"opened":a.opened=!!t?.[r],a.popup=t?.[r]?i:void 0;break;default:break}}),Eo(Bd,{value:"Value",style:{width:300},...o,...a})};pa.options=Ux;pa.states=Hx;pa.variants=$x;pa.defaultOptions=Fx;pa.modifiers=Gx;pa.className=ht.className;import{jsx as lt}from"react/jsx-runtime";var Rd="k-imageeditor-toolbar",Xx=[],Wx={},Jx={},ma=e=>{let{toolbarItems:t,adaptive:o,disabled:a,...i}=e;return lt(q,{...i,className:n(e.className,Rd),fillMode:"flat",children:t??[lt(p,{fillMode:"flat",icon:"image-add","aria-label":"Image Add"},"image-add"),lt(Ee,{},"separator-1"),lt(p,{fillMode:"flat",disabled:!0,icon:"undo","aria-label":"Undo"},"undo"),lt(p,{fillMode:"flat",disabled:!0,icon:"redo","aria-label":"Redo"},"redo"),lt(Ee,{},"separator-2"),lt(p,{fillMode:"flat",disabled:a,icon:"download","aria-label":"Download"},"download"),lt("div",{className:"k-spacer"},"spacer"),lt(p,{fillMode:"flat",disabled:a,icon:"zoom-in","aria-label":"Zoom In"},"zoom-in"),...o?[]:[lt(to,{children:lt(ht,{fillMode:"flat",disabled:a,value:"Fit",showClearButton:!1,"aria-label":"Zoom options"})},"zoom-options")],lt(p,{fillMode:"flat",disabled:a,icon:"zoom-out","aria-label":"Zoom Out"},"zoom-out")]})};ma.states=Xx;ma.options=Wx;ma.className=Rd;ma.defaultOptions=Jx;import{Fragment as Yx,jsx as Be,jsxs as Zx}from"react/jsx-runtime";var Rn="k-imageeditor-sidebar",qx={scrollable:!1},Pd=e=>{let{sidebarItems:t,activeTool:o,disabled:a,adaptive:i,scrollable:r=qx.scrollable,scrollingPosition:l,...m}=e,c=i?"k-separator k-separator-vertical":"k-separator";return Be("div",{...m,className:n(e.className,Rn,{[`${Rn}-scrollable`]:r,[`${Rn}-scrollable-${l}`]:l&&l!=="both"}),children:Be("div",{className:"k-imageeditor-sidebar-items",role:"toolbar","aria-label":"Tools",children:t??Zx(Yx,{children:[Be(p,{fillMode:"flat",togglable:!0,icon:"image-resize","aria-label":"Resize",selected:o==="Resize",disabled:a}),Be(p,{fillMode:"flat",togglable:!0,icon:"crop","aria-label":"Crop",selected:o==="Crop",disabled:a}),Be(p,{fillMode:"flat",togglable:!0,icon:"rotate","aria-label":"Rotate",selected:o==="Rotate",disabled:a}),Be("div",{className:c}),Be(p,{fillMode:"flat",togglable:!0,icon:"free-text","aria-label":"Text",selected:o==="Text",disabled:a}),Be(p,{fillMode:"flat",togglable:!0,icon:"shapes","aria-label":"Shapes",selected:o==="Shapes",disabled:a}),Be("div",{className:c}),Be(p,{fillMode:"flat",togglable:!0,icon:"drop-half-pixelated","aria-label":"Blur",selected:o==="Blur",disabled:a}),Be(p,{fillMode:"flat",togglable:!0,icon:"sliders-horizontal","aria-label":"Adjustments",selected:o==="Adjustments",disabled:a}),Be(p,{fillMode:"flat",togglable:!0,icon:"circles-three-intersecting","aria-label":"Filters",selected:o==="Filters",disabled:a}),Be("div",{className:c}),Be(p,{fillMode:"flat",togglable:!0,icon:"frame-corners","aria-label":"Frame",selected:o==="Frame",disabled:a}),Be(p,{fillMode:"flat",togglable:!0,icon:"circle-half-tilted","aria-label":"Shadow",selected:o==="Shadow",disabled:a})]})})})};var ri="loader",Xi=ri;import{Fragment as Pn,jsx as wd,jsxs as Wi}from"react/jsx-runtime";var wn="k-loader",Qx={pulsing:"pulsing-2","infinite-spinner":"spinner-3","converging-spinner":"spinner-4"},jx=[],eh={size:[d.undefined,d.small,d.medium,d.large],themeColor:[L.undefined,L.base,L.primary,L.secondary,L.tertiary]},Kd={animation:"pulsing"},ne=e=>{let{size:t,themeColor:o,animation:a=Kd.animation,...i}=e,r=wd("span",{className:"k-loader-segment"});return wd("div",{...i,className:n(e.className,wn,{[`k-loader-${Qx[a]\|\|a}`]:a},C(wn,{size:t,themeColor:o})),role:"status","aria-label":i["aria-label"]\|\|"Loading",children:Wi("div",{className:"k-loader-canvas",children:[a==="pulsing"&&Wi(Pn,{children:[r,r]}),a==="infinite-spinner"&&Wi(Pn,{children:[r,r,r]}),a==="converging-spinner"&&Wi(Pn,{children:[r,r,r,r]})]})})};ne.states=jx;ne.options=eh;ne.className=wn;ne.defaultOptions=Kd;ne.moduleName=ri;ne.folderName=Xi;var Dd=ne;import{jsx as Kn,jsxs as _d}from"react/jsx-runtime";var Dn="k-loader-container",th=[],oh={size:[d.undefined,d.small,d.medium,d.large],themeColor:[L.undefined,L.base,L.primary,L.secondary,L.tertiary]},Ji={loaderType:"pulsing",position:"top",panel:!1},Mo=e=>{let{size:t,themeColor:o,loaderType:a=Ji.loaderType,position:i=Ji.position,panel:r=Ji.panel,...l}=e;return _d("div",{...l,className:n(e.className,Dn,C(Dn,{size:t}),{[`k-loader-${i}`]:i}),role:"status","aria-live":"polite","aria-label":l["aria-label"]\|\|"Loading",children:[Kn(il,{className:"k-loader-container-overlay"}),_d("div",{className:n("k-loader-container-inner",{"k-loader-container-panel":r}),children:[Kn(Dd,{size:t,themeColor:o,animation:a}),Kn("div",{className:"k-loader-container-label",children:"Loading..."})]})]})};Mo.states=th;Mo.options=oh;Mo.className=Dn;Mo.defaultOptions=Ji;Mo.moduleName=ri;Mo.folderName=Xi;import{jsx as k3}from"react/jsx-runtime";import{jsx as y3}from"react/jsx-runtime";import{jsx as B3}from"react/jsx-runtime";import{jsx as K3}from"react/jsx-runtime";import{jsx as _n}from"react/jsx-runtime";var ah=ne.options,ih=ne.states,rh={...ne.defaultOptions,variant:"infinite-spinner"},nh=[{name:"infinite-spinner",title:"Infinite"},{name:"pulsing",title:"Pulsing"},{name:"converging-spinner",title:"Converging"}],sh=[],ca=e=>{let{variant:t,...o}=e;switch(t){case"pulsing":return _n(ne,{animation:"pulsing",...o});case"converging-spinner":return _n(ne,{animation:"converging-spinner",...o});default:return _n(ne,{animation:"infinite-spinner",...o})}};ca.options=ah;ca.states=ih;ca.variants=nh;ca.defaultOptions=rh;ca.modifiers=sh;ca.className=ne.className;var zd="image-editor",Hd="imageeditor",ni={width:494,height:307},si={width:326,height:203};import{Fragment as Fd,jsx as Tt,jsxs as li}from"react/jsx-runtime";var zn="k-imageeditor",lh=[],dh={},ph={},se=e=>{let{toolbarItems:t,actionPane:o,sidebarItems:a,activeTool:i,placeholder:r,contentHeight:l,exporting:m,adaptive:c,sidebarScrollable:b,sidebarScrollingPosition:x,children:g,...u}=e,v=!!r,I=Tt("div",{className:"k-imageeditor-canvas-container",children:r??Tt("div",{className:"k-imageeditor-canvas",children:g})}),S=o&&Tt("div",{className:"k-imageeditor-action-pane",children:o}),k=Tt(Pd,{sidebarItems:a,activeTool:i,disabled:v,adaptive:c,scrollable:b,scrollingPosition:x});return li("div",{role:"application","aria-label":"Image Editor",...u,className:n(e.className,zn,{[`${zn}-adaptive`]:c}),children:[Tt("div",{className:"k-imageeditor-header",children:Tt(ma,{toolbarItems:t,adaptive:c,disabled:v})}),Tt("div",{className:"k-imageeditor-content",style:{height:l},children:c?li(Fd,{children:[I,S,k]}):li(Fd,{children:[k,S,I]})}),m&&li("div",{className:"k-loader-container k-loader-top",role:"status","aria-live":"polite","aria-label":"Exporting",children:[Tt(ft,{className:"k-loader-container-overlay"}),li("div",{className:"k-loader-container-inner k-loader-container-panel",children:[Tt(ne,{animation:"pulsing",themeColor:"base",size:"medium","aria-label":"Exporting"}),Tt("div",{className:"k-loader-container-label",children:"Exporting"})]})]})]})};se.states=lh;se.options=dh;se.className=zn;se.defaultOptions=ph;se.moduleName=zd;se.folderName=Hd;import{Fragment as qi,jsx as ao,jsxs as di}from"react/jsx-runtime";var Hn="k-upload-dropzone",mh=[s.hover],Yi=e=>{let{hover:t,status:o,disabled:a,hasFiles:i,filesId:r,buttonText:l="Select files...",...m}=e,c;switch(o){case"uploading":c=di(qi,{children:[ao(N,{icon:"upload"}),"Uploading..."]});break;case"done":c=di(qi,{children:[ao(N,{icon:"check"}),"Done"]});break;case"failed":c=di(qi,{children:[ao(N,{icon:"exclamation-circle"}),"Done"]});break;default:c=ao(qi,{});break}return di("div",{...m,className:n(e.className,Hn,"k-dropzone",M(Hn,{hover:t})),children:[di("div",{className:"k-upload-button-wrap",children:[ao(p,{className:"k-upload-button","aria-disabled":a?"true":"false",...i&&r?{"aria-controls":r}:{},children:l}),ao("input",{id:"upload-input",className:"k-hidden",tabIndex:-1,"aria-hidden":"true"})]}),ao("span",{className:n("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=mh;Yi.className=Hn;var Fn="upload",Ud=Fn;import{jsx as Zi,jsxs as $d}from"react/jsx-runtime";var Un="k-upload",ch=[s.hover,s.disabled],uh={},Vd={actionsLayout:"end"},Gd="upload-files-list",ge=e=>{let{async:t,empty:o,actions:a,actionsLayout:i=Vd.actionsLayout,hover:r,status:l,disabled:m,buttonText:c,...b}=e,x=!!e.children;return $d("div",{...b,className:n(e.className,Un,M(Un,{disabled:m}),{"k-upload-async":t,"k-upload-empty":o}),children:[Zi(Yi,{status:l,hover:r,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(p,{className:"k-clear-selected",children:"Clear"}),Zi(p,{themeColor:"primary",className:"k-upload-selected",children:"Upload"})]})]})};ge.states=ch;ge.options=uh;ge.className=Un;ge.defaultOptions=Vd;ge.moduleName=Fn;ge.folderName=Ud;var pi="progressbar",Qi=pi;import{jsx as $n,jsxs as Gn}from"react/jsx-runtime";var dt="k-progressbar",fh=[s.disabled,s.indeterminate],bh={orientation:["horizontal","vertical"]},Co={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},Re=e=>{let{disabled:t,height:o,indeterminate:a=Co.indeterminate,label:i=Co.label,labelPosition:r=Co.labelPosition,orientation:l=Co.orientation,reverse:m=Co.reverse,value:c=Co.value,width:b,style:x,ariaLabel:g,...u}=e;return Gn("div",{...u,className:n(e.className,dt,M(dt,{disabled:t}),{[`${dt}-${l}`]:l,[`${dt}-indeterminate`]:a,[`${dt}-reverse`]:m}),style:{...x,"--kendo-progressbar-value":c,[l==="horizontal"?"height":"width"]:l==="horizontal"?o:b},role:"progressbar","aria-label":g\|\|"progress","aria-valuenow":a?void 0:Number(c),"aria-valuemin":0,"aria-valuemax":100,children:[$n("span",{className:n("k-progress-status-wrap",{[`k-progress-${r}`]:r&&!a}),children:i&&Gn("span",{className:"k-progress-status",children:[c,"%"]})}),!a&&$n("div",{className:"k-progressbar-value k-selected",children:$n("span",{className:n("k-progress-status-wrap",{[`k-progress-${r}`]:r}),children:i&&Gn("span",{className:"k-progress-status",children:[e.value,"%"]})})})]})};Re.states=fh;Re.options=bh;Re.className=dt;Re.defaultOptions=Co;Re.moduleName=pi;Re.folderName=Qi;var Xd=Re;import{jsx as Vn}from"react/jsx-runtime";var Wd="k-chunk-progressbar",xh=(e,t)=>t<=e-1,hh=[s.disabled,s.indeterminate],Nh={},ji={chunkCount:5,orientation:"horizontal",progress:0},ua=e=>{let{disabled:t,chunkCount:o=ji.chunkCount,indeterminate:a,orientation:i=ji.orientation,progress:r=ji.progress,reverse:l,ariaLabel:m,...c}=e;return Vn("div",{...c,className:n(e.className,dt,Wd,M(dt,{disabled:t}),{[`${dt}-${i}`]:i,[`${dt}-indeterminate`]:a,[`${dt}-reverse`]:l}),role:"progressbar","aria-label":m\|\|"progress","aria-valuenow":a?void 0:r,"aria-valuemin":0,"aria-valuemax":o,children:Vn("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(o)].map((b,x)=>Vn("li",{className:n("k-progressbar-chunk",{"k-first":x===0,"k-last":x===[...Array(o)].length-1,"k-selected":xh(r,x)})},x))})})};ua.states=hh;ua.options=Nh;ua.className=Wd;ua.defaultOptions=ji;ua.moduleName=pi;ua.folderName=Qi;import{jsx as gh}from"react/jsx-runtime";var mi=e=>gh(Xd,{...e});import{jsx as w5}from"react/jsx-runtime";import{jsx as io}from"react/jsx-runtime";var vh=Re.options,Lh=Re.states,Jd={...Re.defaultOptions,variant:"start"},Ih=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],Sh=[],fa=e=>{let{variant:t,modifiers:o,...a}={...Jd,...e},i={},r={style:{width:"324px"}};switch(Object.keys(o\|\|{}).forEach(l=>{switch(l){case"reverse":i.reverse=!!o?.[l];break;case"vertical":i.orientation=o?.[l]?"vertical":void 0,r.style=o?.[l]?void 0:{width:"324px"};break}}),t){case"end":return io("div",{...r,children:io(mi,{...a,...i,labelPosition:"end",value:"50"})});case"center":return io("div",{...r,children:io(mi,{...a,...i,labelPosition:"center",value:"50"})});case"empty":return io("div",{...r,children:io(mi,{...a,...i,label:!1,value:"50"})});default:return io("div",{...r,children:io(mi,{...a,...i,labelPosition:"start",value:"50"})})}};fa.options=vh;fa.states=Lh;fa.variants=Ih;fa.defaultOptions=Jd;fa.modifiers=Sh;fa.className=Re.className;import{jsx as Xn,jsxs as Eh}from"react/jsx-runtime";var kh="k-file-info",Wn=e=>{let{name:t,size:o,validationMsg:a,...i}=e;return Eh("div",{...i,className:n(e.className,kh),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 Ch,jsx as Ht,jsxs as er}from"react/jsx-runtime";var Mh="k-file",ze=e=>{let{status:t,progress:o,name:a,icon:i,size:r,state:l,validationMsg:m,...c}=e;return Ht("li",{...c,className:n(e.className,Mh,{[`k-file-${t}`]:t}),role:"listitem",tabIndex:0,children:er("div",{className:"k-file-single",children:[Ht(Re,{className:n({"k-hidden":t!=="progress"}),value:o,label:!1}),er("span",{className:"k-file-icon-wrapper",children:[Ht(N,{className:"k-file-icon",icon:i,size:"xxlarge"}),l&&Ht("span",{className:"k-file-state",children:l})]}),Ht(Wn,{name:a,size:r,validationMsg:m}),Ht("div",{className:"k-upload-actions",children:t==="progress"?er(Ch,{children:[er("span",{className:"k-upload-pct",children:[o,"%"]}),Ht(p,{icon:"pause",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Pause upload",tabIndex:-1}),Ht(p,{icon:"cancel",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Cancel upload",tabIndex:-1})]}):Ht(p,{icon:"x",fillMode:"flat",size:"xsmall",className:"k-upload-action","aria-label":"Remove file",tabIndex:-1})})]})})};import{Fragment as mG,jsx as dG,jsxs as pG}from"react/jsx-runtime";import{Fragment as yh,jsx as Jn,jsxs as Ah}from"react/jsx-runtime";var ci=e=>Jn(ge,{async:!0,children:Ah(yh,{children:[Jn(ze,{name:"Image_With_Very_Very_Very_Very_Very_Long_Name1.png",icon:"file-image",size:"51.23 KB"}),Jn(ze,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]}),...e});import{Fragment as LG,jsx as gG,jsxs as vG}from"react/jsx-runtime";import{jsx as Th}from"react/jsx-runtime";var qn=e=>Th(ge,{async:!0,empty:!0,...e});import{Fragment as AG,jsx as yG,jsxs as TG}from"react/jsx-runtime";import{Fragment as wG,jsx as PG,jsxs as KG}from"react/jsx-runtime";import{jsx as Ft,jsxs as tr}from"react/jsx-runtime";var Oh=ge.options,Bh=ge.states,qd={...ge.defaultOptions,variant:"empty"},Rh=[{name:"empty",title:"Empty"},{name:"upload",title:"Upload"},{name:"uploading",title:"Uploading"},{name:"success",title:"Success"},{name:"failed",title:"Failed"}],Ph=[],ba=e=>{let{variant:t,...o}={...qd,...e};switch(t){case"success":return tr(ci,{status:"done",style:{width:"586px"},...o,children:[Ft(ze,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image1.png",icon:"file-image"}),Ft(ze,{status:"success",validationMsg:"File(s) uploaded successfully.",name:"Image2.png",icon:"file-image"})]});case"failed":return tr(ci,{status:"failed",style:{width:"586px"},...o,children:[Ft(ze,{status:"error",validationMsg:"File type not allowed.",name:"Movie1.mkv",icon:"file-image"}),Ft(ze,{status:"error",validationMsg:"File type not allowed.",name:"Video2.mkv",icon:"file-image"})]});case"uploading":return tr(ci,{status:"uploading",style:{width:"586px"},...o,children:[Ft(ze,{progress:"50",status:"progress",name:"Document1.txt",icon:"file-pdf",size:"328.92 KB"}),Ft(ze,{progress:"70",status:"progress",name:"Document2.txt",icon:"file-pdf",size:"225.68 KB"})]});case"upload":return tr(ci,{actions:!0,status:"upload",style:{width:"586px"},...o,children:[Ft(ze,{name:"Image1.png",icon:"file-image",size:"51.23 KB"}),Ft(ze,{name:"Image2.jpg",icon:"file-image",size:"106.43 KB"})]});default:return Ft(qn,{async:!0,status:"upload",style:{width:"586px"},...o})}};ba.options=Oh;ba.states=Bh;ba.variants=Rh;ba.defaultOptions=qd;ba.modifiers=Ph;ba.className=ge.className;import{Fragment as d6,jsx as s6,jsxs as l6}from"react/jsx-runtime";import{jsx as xa,jsxs as Yd}from"react/jsx-runtime";var Zd="k-imageeditor-pane",wh=[],Kh={},Dh={},fe=e=>{let{title:t,actions:o,adaptive:a,confirmDisabled:i,children:r,...l}=e;return Yd("div",{...l,className:n(e.className,Zd),children:[Yd("div",{className:"k-imageeditor-pane-header",children:[a&&xa(p,{fillMode:"flat",icon:"x","aria-label":"Close",title:"Close"}),xa("div",{className:"k-imageeditor-pane-title",children:t}),a?xa(p,{fillMode:"flat",icon:"check",disabled:i,"aria-label":"Confirm",title:"Confirm"}):xa(p,{fillMode:"flat",icon:"x","aria-label":"Close",title:"Close"})]}),xa("div",{className:"k-imageeditor-pane-content",children:r}),!a&&o&&xa(Ue,{alignment:"end",className:"k-imageeditor-pane-footer",children:o})]})};fe.states=wh;fe.options=Kh;fe.className=Zd;fe.moduleName=null;fe.folderName=null;fe.defaultOptions=Dh;import{jsx as Fh}from"react/jsx-runtime";var Yn="k-imageeditor-option-preview",_h=[s.hover,s.focus,s.selected],zh={},Hh={},We=e=>{let{label:t,hover:o,focus:a,selected:i,children:r,...l}=e;return Fh("div",{...l,className:n(e.className,Yn,M(Yn,{hover:o,focus:a,selected:i})),role:"button","aria-pressed":i?"true":"false",children:r??t})};We.states=_h;We.options=zh;We.className=Yn;We.moduleName=null;We.folderName=null;We.defaultOptions=Hh;import{jsx as Qd}from"react/jsx-runtime";var or="k-imageeditor-option-list",Zn={scrollable:!1,scrollingPosition:"start"},ha=e=>{let{scrollable:t=Zn.scrollable,scrollingPosition:o=Zn.scrollingPosition,children:a,...i}=e;return Qd("div",{...i,className:n(e.className,or,{[`${or}-scrollable`]:t,[`${or}-scrollable-${o}`]:o&&o!=="both"}),children:Qd("div",{className:"k-imageeditor-option-list-items",children:a})})};ha.className=or;ha.moduleName=null;ha.folderName=null;ha.defaultOptions=Zn;import{Fragment as Gh,jsx as jd,jsxs as $h}from"react/jsx-runtime";var Uh={},ro=e=>{let{label:t,style:o,children:a,imageSrc:i}=e;return $h(Gh,{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})]})};ro.moduleName=null;ro.folderName=null;ro.defaultOptions=Uh;import{jsx as Vh}from"react/jsx-runtime";var ye=e=>{let{imageSrc:t,adaptive:o,style:a,...i}=e;return Vh("canvas",{role:"img","aria-label":"Image being edited",...o?si:ni,...i,style:{...t&&{backgroundImage:`url('${t}')`},backgroundSize:"cover",...a}})};ye.moduleName=null;ye.folderName=null;import{Fragment as ep,jsx as Ut,jsxs as tp}from"react/jsx-runtime";var op={variant:"crop"},Na=e=>{let{variant:t=op.variant,grid:o,corners:a=!0}=e,i=t==="crop"?"k-resize-handle":"k-scale-handle",r=t==="scale"?"k-scale-handle":"k-resize-handle";return tp(ep,{children:[o&&Ut("div",{className:"k-imageeditor-crop-grid"}),a&&tp(ep,{children:[Ut("span",{className:`${i} k-resize-nw`}),Ut("span",{className:`${i} k-resize-ne`}),Ut("span",{className:`${i} k-resize-sw`}),Ut("span",{className:`${i} k-resize-se`})]}),Ut("span",{className:`${r} k-resize-n`}),Ut("span",{className:`${r} k-resize-s`}),Ut("span",{className:`${r} k-resize-w`}),Ut("span",{className:`${r} k-resize-e`})]})};Na.moduleName=null;Na.folderName=null;Na.defaultOptions=op;import{jsx as ap}from"react/jsx-runtime";var Xh="k-rotate-handle",Qn=e=>ap("span",{...e,className:n(e.className,Xh),children:ap(N,{icon:"rotate"})});Qn.moduleName=null;Qn.folderName=null;import{jsx as D6}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",Wh=[],Jh={size:[d.undefined,d.small,d.medium,d.large]},jn={layout:"basic",tag:"form"},G=e=>{let{size:t,orientation:o,layout:a=jn.layout,formButtons:i,cols:r,gutters:l,tag:m=jn.tag,children:c,style:b}=e,x=m,g=n(e.className,ir,C(ir,{size:t}),{[`${ir}-${o}`]:o}),u=qh(np,{children:[a==="grid"?ar("div",{className:n("k-form-layout","k-d-grid",{[`k-grid-cols-${r}`]:r}),style:{...typeof l=="string"&&{gap:l},...typeof l=="object"&&l.rows&&{rowGap:l.rows},...typeof l=="object"&&l.cols&&{columnGap:l.cols},...b},children:c}):ar(np,{children:c}),i&&ar("div",{className:"k-form-buttons",children:i})]}),{role:v,"aria-labelledby":I,"aria-label":S,id:k}=e;return ar(x,{className:g,role:v,"aria-labelledby":I,"aria-label":S,id:k,children:u})};G.states=Wh;G.options=Jh;G.className=ir;G.defaultOptions=jn;G.moduleName=ip;G.folderName=rp;var sp="label",lp="label";import{jsx as dp,jsxs as jh}from"react/jsx-runtime";var es="k-label",Yh=[s.disabled],Zh={},Qh={},no=e=>{let{disabled:t,optional:o,info:a,text:i,children:r,...l}=e;return jh("label",{...l,className:n(e.className,es,M(es,{disabled:t})),children:[i\|\|r,o&&dp("span",{className:"k-label-optional",children:"(Optional)"}),a&&dp("span",{className:"k-field-info",children:a})]})};no.states=Yh;no.options=Zh;no.className=es;no.defaultOptions=Qh;no.moduleName=sp;no.folderName=lp;import{jsx as aN}from"react/jsx-runtime";var pp="k-form-hint",eN=[],tN={},oN={},pt=e=>{let{text:t,children:o,...a}=e;return aN("div",{...a,className:n(e.className,pp),children:t\|\|o})};pt.states=eN;pt.options=tN;pt.className=pp;pt.defaultOptions=oN;import{jsx as sN}from"react/jsx-runtime";var mp="k-form-error",iN=[],rN={},nN={},mt=e=>{let{text:t,children:o,...a}=e;return sN("div",{...a,className:n(e.className,mp),children:t\|\|o})};mt.states=iN;mt.options=rN;mt.className=mp;mt.defaultOptions=nN;import{jsx as rr,jsxs as cp}from"react/jsx-runtime";var ts="k-form-field",lN=[s.disabled],$=e=>{let{editorId:t,label:o,orientation:a,optional:i,editor:r,hint:l,error:m,info:c,disabled:b,dir:x,colSpan:g,...u}=e;return cp("div",{...u,className:n(ts,e.className,M(ts,{disabled:b}),{[`k-col-span-${g}`]:g}),dir:x,children:[o&&rr(no,{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:[r,l&&rr(pt,{id:t?`${t}-hint`:void 0,children:l}),m&&rr(mt,{id:t?`${t}-error`:void 0,children:m})]})]})};$.states=lN;$.className=ts;import{Fragment as dN,jsx as os,jsxs as pN}from"react/jsx-runtime";var up="k-form-fieldset",Pe=e=>{let{legend:t,layout:o,cols:a,gutters:i,colSpan:r}=e;return pN("fieldset",{className:n(up,{[`k-col-span-${r}`]:r}),children:[t&&os("legend",{className:"k-form-legend",children:t}),o==="grid"?os("div",{className:n("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(dN,{children:e.children})]})};Pe.className=up;var yo="radio",ga=yo;import{jsx as fp}from"react/jsx-runtime";var nr="k-radio",mN=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked],cN={size:[d.undefined,d.small,d.medium,d.large]},uN={},Je=e=>{let{id:t,checked:o,hover:a,focus:i,disabled:r,invalid:l,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:r\|\|void 0,"aria-invalid":l?"true":void 0,className:n(e.className,nr,C(nr,{size:b}),M(nr,{hover:a,focus:i,disabled:r,invalid:l,valid:m,checked:o}))})})};Je.states=mN;Je.options=cN;Je.className=nr;Je.defaultOptions=uN;Je.moduleName=yo;Je.folderName=ga;var ct=Je;import{jsx as xN}from"react/jsx-runtime";var bp="k-radio-list",fN=[],bN={},xp={layout:"vertical"},le=e=>{let{layout:t=xp.layout,...o}=e;return xN("ul",{...o,className:n(e.className,bp,{[`k-list-${t}`]:t}),role:"radiogroup",children:e.children})};le.states=fN;le.options=bN;le.className=bp;le.defaultOptions=xp;le.moduleName=yo;le.folderName=ga;import{jsx as vN}from"react/jsx-runtime";var hp="k-radio-list-item",hN=[],NN={},gN={},de=e=>{let{...t}=e;return vN("li",{...t,className:n(e.className,hp),role:"none",children:e.children})};de.states=hN;de.options=NN;de.className=hp;de.defaultOptions=gN;de.moduleName=yo;de.folderName=ga;import{jsx as E9}from"react/jsx-runtime";import{Fragment as LN,jsx as Np,jsxs as IN}from"react/jsx-runtime";var qe=({children:e,id:t,...o})=>IN(LN,{children:[Np(ct,{...o,id:t}),Np("label",{className:"k-radio-label",htmlFor:t,children:e})]});import{Fragment as R9,jsx as B9,jsxs as P9}from"react/jsx-runtime";import{Fragment as H9,jsx as _9,jsxs as z9}from"react/jsx-runtime";import{Fragment as V9,jsx as $9,jsxs as X9}from"react/jsx-runtime";import{Fragment as Z9,jsx as Y9,jsxs as Q9}from"react/jsx-runtime";import{Fragment as r7,jsx as i7,jsxs as n7}from"react/jsx-runtime";import{jsx as p7}from"react/jsx-runtime";import{jsx as AN}from"react/jsx-runtime";var kN=ct.options,EN=ct.states,MN=ct.defaultOptions,CN=[],yN=[],va=e=>AN(qe,{id:A("radio"),name:"value",...e,children:"Label"});va.options=kN;va.states=EN;va.variants=CN;va.defaultOptions=MN;va.modifiers=yN;va.className=ct.className;import{jsx as ut,jsxs as gp}from"react/jsx-runtime";var TN=le.options,ON=le.states,BN={...le.defaultOptions,variant:"vertical"},RN=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],PN=[],La=e=>{let{variant:t,...o}=e;return t==="horizontal"?gp(le,{layout:"horizontal",...o,children:[ut(de,{children:ut(qe,{id:A("rb"),name:"value",defaultChecked:!0,children:"Label"})}),ut(de,{children:ut(qe,{id:A("rb"),name:"value",children:"Label"})}),ut(de,{children:ut(qe,{id:A("rb"),name:"value",children:"Label"})})]}):gp(le,{...o,children:[ut(de,{children:ut(qe,{id:A("rb"),name:"value",defaultChecked:!0,children:"Label"})}),ut(de,{children:ut(qe,{id:A("rb"),name:"value",children:"Label"})}),ut(de,{children:ut(qe,{id:A("rb"),name:"value",children:"Label"})})]})};La.options=TN;La.states=ON;La.variants=RN;La.defaultOptions=BN;La.modifiers=PN;La.className=le.className;import{Fragment as X7,jsx as V7,jsxs as W7}from"react/jsx-runtime";import{Fragment as o4,jsx as t4,jsxs as a4}from"react/jsx-runtime";import{Fragment as p4,jsx as d4,jsxs as m4}from"react/jsx-runtime";var vp="date-input",Lp="dateinput";import{jsx as ui,jsxs as _N}from"react/jsx-runtime";var Ip="k-dateinput",wN=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],KN={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},DN={},Ye=e=>{let{size:t,rounded:o,fillMode:a,value:i,placeholder:r,hover:l,focus:m,valid:c,invalid:b,required:x,loading:g,disabled:u,readonly:v,showClearButton:I,showSpinButton:S,id:k,"aria-label":E,"aria-describedby":T,...w}=e;return _N(X,{...w,size:t,rounded:o,fillMode:a,hover:l,focus:m,valid:c,invalid:b,required:x,loading:g,disabled:u,readonly:v,className:n(e.className,Ip),children:[ui(ce,{id:k,placeholder:r,value:i,disabled:u,"aria-label":E,"aria-describedby":T,"aria-invalid":b?"true":void 0}),ui(j,{valid:c,invalid:b,loading:g,disabled:u}),ui(ae,{loading:g,disabled:u}),I&&ui(me,{loading:g,disabled:u,readonly:v,value:i}),S&&ui(Et,{className:"k-input-spinner",size:t,fillMode:a,disabled:u})]})};Ye.states=wN;Ye.options=KN;Ye.className=Ip;Ye.defaultOptions=DN;Ye.moduleName=vp;Ye.folderName=Lp;var as=Ye;import{jsx as zN}from"react/jsx-runtime";var Sp=e=>zN(as,{...e});import{jsx as E4}from"react/jsx-runtime";import{jsx as VN}from"react/jsx-runtime";var HN=Ye.options,FN=Ye.states,UN=Ye.defaultOptions,GN=[{name:"spin-button",title:"`Spin` Button"}],$N=[],Ia=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(i=>{i==="spin-button"&&(a.showSpinButton=!!t?.[i])}),VN(Sp,{value:"2/04/2021",style:{width:"300px"},...o,...a})};Ia.options=HN;Ia.states=FN;Ia.variants=$N;Ia.defaultOptions=UN;Ia.modifiers=GN;Ia.className=Ye.className;var kp="masked-textbox",Ep="maskedtextbox";import{Fragment as Mp,jsx as so,jsxs as is}from"react/jsx-runtime";var Cp="k-maskedtextbox",XN=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],WN={size:[d.undefined,d.small,d.medium,d.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},Ze=e=>{let{size:t,rounded:o,fillMode:a,separators:i=rs.separators,showClearButton:r=rs.showClearButton,prefix:l,suffix:m,value:c,placeholder:b,hover:x,focus:g,valid:u,invalid:v,required:I,loading:S,disabled:k,readonly:E,id:T,"aria-label":w,"aria-describedby":Y,...te}=e;return is(X,{...te,size:t,rounded:o,fillMode:a,hover:x,focus:g,valid:u,invalid:v,required:I,loading:S,disabled:k,readonly:E,className:n(e.className,Cp),children:[l&&is(Mp,{children:[so(be,{children:l}),i&&so(ee,{})]}),so(ce,{id:T,placeholder:b,value:c,disabled:k,"aria-label":w,"aria-describedby":Y,"aria-invalid":v?"true":void 0}),so(j,{valid:u,invalid:v,loading:S,disabled:k}),so(ae,{loading:S,disabled:k}),r&&so(me,{loading:S,disabled:k,readonly:E,value:c}),m&&is(Mp,{children:[i&&so(ee,{}),so(xe,{children:m})]})]})};Ze.states=XN;Ze.options=WN;Ze.className=Cp;Ze.defaultOptions=rs;Ze.moduleName=kp;Ze.folderName=Ep;var Sa=Ze;import{jsx as JN}from"react/jsx-runtime";var yp=e=>JN(Sa,{...e});import{Fragment as Y4,jsx as q4}from"react/jsx-runtime";import{Fragment as o8,jsx as t8}from"react/jsx-runtime";import{jsx as n8}from"react/jsx-runtime";import{jsx as p8}from"react/jsx-runtime";import{jsx as ns}from"react/jsx-runtime";var qN=Ze.states,YN=Ze.defaultOptions,ZN=Ze.options,QN=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],jN=[],ka=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?ns(V,{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})};ka.options=ZN;ka.states=qN;ka.variants=jN;ka.defaultOptions=YN;ka.modifiers=QN;ka.className=Ze.className;var ss="switch",Ap=ss;import{jsx as sr,jsxs as Tp}from"react/jsx-runtime";var lo="k-switch",eg=[s.hover,s.focus,s.disabled,s.readonly,s.checked],tg={size:[d.undefined,d.small,d.medium,d.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]},og={},He=e=>{let{checked:t,onLabel:o,offLabel:a,size:i,trackRounded:r,thumbRounded:l,hover:m,focus:c,disabled:b,readonly:x,...g}=e;return Tp("span",{...g,className:n(e.className,lo,C(lo,{size:i}),M(lo,{hover:m,focus:c,disabled:b,readonly:x}),{[`${lo}-on`]:t,[`${lo}-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:n("k-switch-track",C(lo,{rounded:r})),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:n("k-switch-thumb",C(lo,{rounded:l}))})})]})};He.states=eg;He.options=tg;He.className=lo;He.defaultOptions=og;He.moduleName=ss;He.folderName=Ap;import{jsx as P8}from"react/jsx-runtime";import{jsx as _8}from"react/jsx-runtime";import{jsx as U8}from"react/jsx-runtime";import{jsx as X8}from"react/jsx-runtime";import{jsx as Op}from"react/jsx-runtime";var ag=He.options,ig=He.states,rg={...He.defaultOptions,variant:"on"},ng=[{name:"on",title:"On"},{name:"off",title:"Off"}],sg=[],Ea=e=>{let{variant:t,...o}=e;return t==="off"?Op(He,{checked:!1,onLabel:"On",offLabel:"Off",...o}):Op(He,{checked:!0,onLabel:"On",offLabel:"Off",...o})};Ea.options=ag;Ea.states=ig;Ea.variants=ng;Ea.defaultOptions=rg;Ea.modifiers=sg;Ea.className=He.className;var ds="textarea",Bp=ds;import{Fragment as Rp,jsx as fi,jsxs as ps}from"react/jsx-runtime";var Pp="k-textarea",lg=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled],dg={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full],fillMode:[h.undefined,h.solid,h.flat,h.outline]},Ma={flow:"vertical",affixesOrientation:"horizontal",resize:"both",prefixSeparator:!0,suffixSeparator:!0},Fe=e=>{let{size:t,rounded:o,fillMode:a,prefixSeparator:i=Ma.prefixSeparator,suffixSeparator:r=Ma.prefixSeparator,affixesOrientation:l=Ma.affixesOrientation,flow:m=Ma.flow,resize:c=Ma.resize,prefix:b,suffix:x,rows:g,value:u,placeholder:v,hover:I,focus:S,valid:k,invalid:E,required:T,disabled:w,id:Y,"aria-label":te,"aria-describedby":oe,...pe}=e;return ps(X,{...pe,size:t,rounded:o,fillMode:a,hover:I,focus:S,valid:k,invalid:E,required:T,disabled:w,className:n(e.className,Pp,{"!k-flex-col":m==="vertical","!k-flex-row":m==="horizontal"}),children:[b&&ps(Rp,{children:[fi(be,{className:n({"!k-align-items-start":m===l}),direction:l,children:b}),i&&fi(ee,{direction:m==="horizontal"?"vertical":"horizontal"})]}),fi(Ua,{className:n("!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:v,rows:g,disabled:w,id:Y,"aria-label":te,"aria-describedby":oe,"aria-invalid":E?"true":void 0}),x&&ps(Rp,{children:[r&&fi(ee,{direction:m==="horizontal"?"vertical":"horizontal"}),fi(xe,{className:n({"!k-align-items-start":m===l}),direction:l,children:x})]})]})};Fe.states=lg;Fe.options=dg;Fe.className=Pp;Fe.defaultOptions=Ma;Fe.moduleName=ds;Fe.folderName=Bp;import{jsx as u$}from"react/jsx-runtime";import{Fragment as g$,jsx as N$}from"react/jsx-runtime";import{Fragment as E$,jsx as k$}from"react/jsx-runtime";import{jsx as A$}from"react/jsx-runtime";import{jsx as lr}from"react/jsx-runtime";var pg=Fe.options,mg=Fe.states,wp={...Fe.defaultOptions,variant:"vertical"},cg=[{name:"vertical",title:"Flow vertical"},{name:"horizontal",title:"Flow horizontal"}],ug=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"}],Ca=e=>{let{variant:t,modifiers:o,...a}={...wp,...e},i={resize:"y"};return Object.keys(o\|\|{}).forEach(r=>{switch(r){case"prefix":i.prefix=o?.[r]?lr(N,{icon:"comment"}):void 0;break;case"suffix":i.suffix=o?.[r]?lr(N,{icon:"volume-up"}):void 0;break;default:break}}),t==="horizontal"?lr(Fe,{flow:"horizontal",placeholder:"Enter text...",style:{width:300},...a,...i}):lr(Fe,{flow:"vertical",placeholder:"Enter text...",style:{width:300},...a,...i})};Ca.options=pg;Ca.states=mg;Ca.variants=cg;Ca.defaultOptions=wp;Ca.modifiers=ug;Ca.className=Fe.className;import{Fragment as j$,jsx as Q$,jsxs as eV}from"react/jsx-runtime";import{Fragment as gg,jsx as we,jsxs as ya}from"react/jsx-runtime";var fg=G.options,bg=G.states,xg={...G.defaultOptions,variant:"vertical"},hg=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Ng=[],Aa=e=>{let{variant:t,size:o,...a}=e,i=ya(Pe,{legend:"Form Legend",children:[we($,{label:"Label",editor:we(U,{size:o})}),we($,{label:"Label",hint:"Hint text",editor:we(V,{value:"Dropdown List",size:o})}),we($,{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"})]})]})})]}),r=ya(gg,{children:[we(p,{className:"k-form-submit",themeColor:"primary",size:o,children:"Submit"}),we(p,{className:"k-form-clear",size:o,children:"Clear"})]});return t==="horizontal"?we(G,{orientation:"horizontal",size:o,...a,formButtons:r,children:i}):we(G,{size:o,...a,formButtons:r,children:i})};Aa.options=fg;Aa.states=bg;Aa.variants=hg;Aa.defaultOptions=xg;Aa.modifiers=Ng;Aa.className=G.className;import{jsx as Kp,jsxs as kg}from"react/jsx-runtime";var vg=pt.options,Lg=pt.states,Dp={...pt.defaultOptions},Ig=[],Sg=[{name:"showHint",title:"Show Hint"}],Ta=e=>{let{modifiers:t,...o}={...Dp,...e},a=t?.showHint??!0;return kg("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[Kp(U,{placeholder:"Component",style:{width:"200px"}}),a&&Kp(pt,{...o,children:"Hint text"})]})};Ta.options=vg;Ta.states=Lg;Ta.variants=Ig;Ta.defaultOptions=Dp;Ta.modifiers=Sg;Ta.className=pt.className;import{jsx as _p,jsxs as Ag}from"react/jsx-runtime";var Eg=mt.options,Mg=mt.states,zp={...mt.defaultOptions},Cg=[],yg=[{name:"showError",title:"Show Error"}],Oa=e=>{let{modifiers:t,...o}={...zp,...e},a=t?.showError??!0;return Ag("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[_p(U,{placeholder:"Component",invalid:a,style:{width:"200px"}}),a&&_p(mt,{...o,children:"Error text"})]})};Oa.options=Eg;Oa.states=Mg;Oa.variants=Cg;Oa.defaultOptions=zp;Oa.modifiers=yg;Oa.className=mt.className;import{Fragment as $V,jsx as GV,jsxs as VV}from"react/jsx-runtime";import{Fragment as tX,jsx as eX,jsxs as oX}from"react/jsx-runtime";import{Fragment as fX,jsx as uX,jsxs as bX}from"react/jsx-runtime";import{Fragment as TX,jsx as AX,jsxs as OX}from"react/jsx-runtime";var cs="segmented-control",Hp=cs,Fp="segmented-control-button",Up="segmented-control";import{jsx as Bg,jsxs as Rg}from"react/jsx-runtime";var dr="k-segmented-control",Tg=[],Og={size:[d.undefined,d.small,d.medium,d.large],rounded:[f.undefined,f.none,f.small,f.medium,f.large,f.full]},Gt=e=>{let{size:t,rounded:o,stretched:a,children:i,thumbStyles:r,...l}=e;return Rg("div",{...l,className:n(e.className,dr,C(dr,{size:t,rounded:o}),{[`${dr}-stretched`]:a}),role:"group",children:[Bg("div",{className:"k-segmented-control-thumb","aria-hidden":"true",style:r}),i]})};Gt.states=Tg;Gt.options=Og;Gt.className=dr;Gt.moduleName=cs;Gt.folderName=Hp;import{jsx as us,jsxs as Dg}from"react/jsx-runtime";var fs="k-segmented-control-button",Pg=[s.selected,s.hover,s.focus,s.disabled],wg={},Kg={},Ot=e=>{let{hover:t,focus:o,selected:a,disabled:i,icon:r,endIcon:l,text:m,iconClassName:c,...b}=e;return Dg("button",{...b,className:n(e.className,fs,M(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:[r&&us(N,{className:n(c,"k-segmented-control-button-icon"),icon:r}),(m\|\|e.children)&&us("span",{className:"k-segmented-control-button-text",children:m\|\|e.children}),l&&us(N,{className:n(c,"k-segmented-control-button-icon"),icon:l})]})};Ot.states=Pg;Ot.options=wg;Ot.className=fs;Ot.defaultOptions=Kg;Ot.moduleName=Fp;Ot.folderName=Up;import{Fragment as WX,jsx as XX,jsxs as JX}from"react/jsx-runtime";import{Fragment as eW,jsx as jX,jsxs as tW}from"react/jsx-runtime";import{Fragment as sW,jsx as nW,jsxs as lW}from"react/jsx-runtime";import{Fragment as fW,jsx as uW,jsxs as bW}from"react/jsx-runtime";import{Fragment as LW,jsx as vW,jsxs as IW}from"react/jsx-runtime";import{Fragment as yW,jsx as CW,jsxs as AW}from"react/jsx-runtime";import{Fragment as eJ,jsx as jW,jsxs as tJ}from"react/jsx-runtime";import{Fragment as hJ,jsx as xJ,jsxs as NJ}from"react/jsx-runtime";import{Fragment as TJ,jsx as AJ,jsxs as OJ}from"react/jsx-runtime";import{Fragment as GJ,jsx as UJ,jsxs as $J}from"react/jsx-runtime";import{Fragment as ZJ,jsx as YJ,jsxs as QJ}from"react/jsx-runtime";import{Fragment as sq,jsx as nq,jsxs as lq}from"react/jsx-runtime";import{Fragment as vq,jsx as gq,jsxs as Lq}from"react/jsx-runtime";import{jsx as Mq}from"react/jsx-runtime";import{jsx as Oq}from"react/jsx-runtime";import{jsx as Kq}from"react/jsx-runtime";import{jsx as Fq}from"react/jsx-runtime";import{jsx as Xq}from"react/jsx-runtime";import{jsx as Zq}from"react/jsx-runtime";import{jsx as oY}from"react/jsx-runtime";import{jsx as sY}from"react/jsx-runtime";import{jsx as cY}from"react/jsx-runtime";import{jsx as hY}from"react/jsx-runtime";import{jsx as LY}from"react/jsx-runtime";import{jsx as MY}from"react/jsx-runtime";import{Fragment as Gp,jsx as _,jsxs as $t}from"react/jsx-runtime";var _g=({style:e="none",imageRoundness:t=0,isPristine:o=e==="none"&&t===0,framesAmount:a=3,frameThickness:i=0,frameRoundness:r=0,offset:l=0,strokeColor:m="#b0e855",adaptive:c,canvas:b=c?si:ni,imageSrc:x,...g})=>_(se,{adaptive:c,activeTool:"Frame",actionPane:_(fe,{title:"Frame",adaptive:c,confirmDisabled:o,actions:$t(Gp,{children:[_(p,{disabled:o,children:"Reset"}),_(p,{themeColor:"primary",disabled:o,children:"Apply"})]}),children:$t(G,{tag:"div",children:[_($,{label:"Frame Style",editor:$t("div",{className:"k-imageeditor-option-grid",children:[_(We,{selected:e==="none","aria-label":"None",children:_(ro,{label:"None",imageSrc:x})}),_(We,{selected:e==="single","aria-label":"Single",children:_(ro,{label:"Single",imageSrc:x,style:{border:"3px dashed #b0e855",borderRadius:"4px"}})}),_(We,{selected:e==="multiple","aria-label":"Multiple",children:_(ro,{label:"Multiple",imageSrc:x,style:{border:"3px dashed #b0e855",borderRadius:"4px"},children:_("span",{style:{position:"absolute",inset:"6px",border:"3px dashed #b0e855",borderRadius:"1px",boxSizing:"border-box",pointerEvents:"none"}})})})]})}),_($,{label:"Image Roundness",editorId:"frame-image-roundness",editor:$t("div",{className:"k-imageeditor-field-row",children:[_(K,{style:{flex:1,"--kendo-slider-start":0,"--kendo-slider-end":t},"aria-label":"Image Roundness",showButtons:!1,showTicks:!1,value:t,min:0,max:100}),_(O,{id:"frame-image-roundness",style:{width:"80px",flex:"none"},showClearButton:!1,showSpinButton:!1,value:String(t)})]})}),e==="multiple"&&_($,{label:"Frames Amount",editorId:"frame-frames-amount",editor:_(O,{id:"frame-frames-amount",showClearButton:!1,showSpinButton:!1,value:String(a)})}),e!=="none"&&$t(Gp,{children:[_($,{label:"Frame Thickness",editorId:"frame-thickness",editor:$t("div",{className:"k-imageeditor-field-row",children:[_(K,{style:{flex:1,"--kendo-slider-start":0,"--kendo-slider-end":i},"aria-label":"Frame Thickness",showButtons:!1,showTicks:!1,value:i,min:0,max:100}),_(O,{id:"frame-thickness",style:{width:"80px",flex:"none"},showClearButton:!1,showSpinButton:!1,value:String(i)})]})}),_($,{label:"Frame Roundness",editorId:"frame-roundness",editor:$t("div",{className:"k-imageeditor-field-row",children:[_(K,{style:{flex:1,"--kendo-slider-start":0,"--kendo-slider-end":r},"aria-label":"Frame Roundness",showButtons:!1,showTicks:!1,value:r,min:0,max:100}),_(O,{id:"frame-roundness",style:{width:"80px",flex:"none"},showClearButton:!1,showSpinButton:!1,value:String(r)})]})}),$t(Pe,{layout:"grid",cols:2,gutters:{cols:"16px"},children:[_($,{label:"Stroke Type",editor:_(V,{id:"frame-stroke-type",value:"Dashed","aria-label":"Stroke Type"})}),_($,{label:"Offset",editorId:"frame-offset",editor:_(O,{id:"frame-offset",showClearButton:!1,showSpinButton:!1,value:String(l),prefix:_(N,{icon:"max-width"})})})]}),_($,{label:"Stroke Color",editor:_(he,{id:"frame-stroke-color",value:m,"aria-label":"Stroke Color"})})]})]})}),children:e==="none"?_(ye,{...b,imageSrc:x,style:{borderRadius:`${t}px`}}):$t("div",{style:{position:"relative",width:`${b.width}px`,height:`${b.height}px`},children:[_(ye,{...b,imageSrc:x,style:{position:"absolute",top:0,left:0,borderRadius:`${t}px`}}),_("div",{style:{position:"absolute",top:0,left:0,width:`${b.width}px`,height:`${b.height}px`,border:`${i}px dashed ${m}`,borderRadius:`${r}px`,boxSizing:"border-box",pointerEvents:"none"}}),e==="multiple"&&_("div",{style:{position:"absolute",top:`${i+l}px`,left:`${i+l}px`,width:`${b.width-(i+l)2}px`,height:`${b.height-(i+l)*2}px`,border:`${i}px dashed ${m}`,borderRadius:`${Math.max(r-i-l,0)}px`,boxSizing:"border-box",pointerEvents:"none"}})]}),...g});export{_g as ImageEditorFrames};