npm - @progress/kendo-themes-html - Versions diffs - 14.5.1-dev.7 → 14.6.0 - Mend

@progress/kendo-themes-html 14.5.1-dev.7 → 14.6.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 (171) hide show

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

	@@ -1 +1 @@
1	- var i=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?i(...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 I=(e,t)=>i({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.themeColor}`]:t.themeColor},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full","k-rounded-none":t.rounded==="none"}),C=(e,t)=>{let{valid:o,invalid:a,hover:n,focus:s,checked:d,active:m,selected:f,disabled:x,indeterminate:N,loading:h,empty:u,readonly:v,highlighted:L,...M}=t;return i({"k-valid":o,"k-invalid":a,"k-hover":n,"k-focus":s,"k-checked":d,"k-active":m,"k-selected":f,"k-disabled":x,"k-indeterminate":N&&!d,"k-loading":h,"k-empty":u,"k-readonly":v,"k-highlighted":L},Object.keys(M).reduce((g,E)=>(E.startsWith("k-")?g[E]=M[E]:g[`k-${E}`]=M[E],g),{}))};function Yr(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var l={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},c={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},b={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},at={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},S={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},r={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 fn={};function O(e){return fn[e]=(fn[e]\|\|0)+1,`k-${e}-${fn[e]}`}import{Fragment as sd,jsx as Zr}from"react/jsx-runtime";var bn="k-font-icon",nd=[],rd={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info]},id={},jo=e=>{let{size:t,themeColor:o,icon:a,rotate:n,flip:s,...d}=e;return a?Zr("span",{...d,className:i(e.className,bn,I(bn,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":s==="h"\|\|s==="both","k-flip-v":s==="v"\|\|s==="both"}),"aria-hidden":"true"}):Zr(sd,{})};jo.states=nd;jo.options=rd;jo.className=bn;jo.defaultOptions=id;var Qr=jo;import{Fragment as pd,jsx as Ea}from"react/jsx-runtime";var xn="k-svg-icon",ld=[],dd={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info],variant:[at.outline,at.solid,at.duotone]},Nn={viewBox:"0 0 24 24",variant:at.outline},ea=e=>{let{size:t,themeColor:o,rotate:a,flip:n,viewBox:s=Nn.viewBox,variant:d=Nn.variant,icon:m,...f}=e;if(!m)return Ea(pd,{});if(m==="none")return Ea("span",{...f,className:i(e.className,xn,I("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let x=typeof m=="object"&&m.name&&m.name,N=typeof m=="object"?d&&m.variants?.[d]\|\|m.variants?.outline\|\|m.content:void 0;return Ea("span",{...f,className:i(e.className,xn,I("k-icon",{size:t}),{[`k-svg-i-${x}`]:x,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":n==="h"\|\|n==="both","k-flip-v":n==="v"\|\|n==="both"}),"aria-hidden":"true",children:Ea("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:s,dangerouslySetInnerHTML:N!==void 0?{__html:N}:void 0,children:m?void 0:e.children})})};ea.states=ld;ea.options=dd;ea.className=xn;ea.defaultOptions=Nn;var hn=ea;importas Ln from"@progress/kendo-svg-icons";var jr="icon",ei="icons";import{useContext as cd}from"react";import{createContext as md}from"react";var ti=md({iconsType:"svg"});import{Fragment as oi,jsx as ta}from"react/jsx-runtime";var Ca="k-icon",ud=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),fd=[],bd={size:[l.undefined,l.xsmall,l.small,l.medium,l.large,l.xlarge,l.xxlarge,l.xxxlarge],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info],variant:[at.outline,at.solid,at.duotone]},ya={viewBox:"0 0 24 24",type:"svg",variant:at.outline},k=e=>{let{iconsType:t}=cd(ti),{size:o,themeColor:a,icon:n,type:s=t\|\|ya.type,rotate:d,flip:m,viewBox:f=ya.viewBox,variant:x=ya.variant,...N}=e;if(!n)return ta(oi,{});if((t\|\|s)==="svg"){if(n==="none")return ta(hn,{...N,className:i(e.className,Ca),icon:n,size:o,variant:x});let u=Ln[n]?n:ud(`${n}-icon`);return Ln[u]?ta(hn,{...N,className:i(e.className,Ca),icon:Ln[u],size:o,themeColor:a,rotate:d,flip:m,viewBox:f,variant:x}):ta(oi,{})}return ta(Qr,{...N,className:i(e.className,Ca),icon:n,size:o,themeColor:a,rotate:d,flip:m})};k.states=fd;k.options=bd;k.defaultOptions=ya;k.className=Ca;k.moduleName=jr;k.folderName=ei;var vn="button",ai=vn;import{Fragment as ni,jsx as eo,jsxs as ri}from"react/jsx-runtime";var oa="k-button",xd=["icon-button"],Nd=[r.hover,r.focus,r.active,r.selected,r.disabled,r.generating],hd={size:[l.undefined,l.xsmall,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info,S.inverse]},Mn={showArrow:!1,arrowIconName:"chevron-down"},p=e=>{let{as:t="button",size:o,rounded:a,fillMode:n,themeColor:s,showArrow:d=Mn.showArrow,arrowIconName:m=Mn.arrowIconName,variant:f,hover:x,focus:N,active:h,selected:u,disabled:v,togglable:L,ariaDisabled:M,icon:g,iconSize:E,text:T,iconClassName:z,className:q,...ee}=e,se=g!=null,le=e.children!==void 0;return ri(t,{className:i(q,oa,Yr(oa,f),I(oa,{size:o,rounded:a,fillMode:n,themeColor:s}),C(oa,{hover:x,focus:N,active:h,disabled:v\|\|M,selected:u}),{"k-icon-button":!T&&!le&&se}),"aria-pressed":L?u?"true":"false":void 0,...ee,"aria-disabled":M?"true":void 0,disabled:v\|\|void 0,children:[typeof g=="string"&&g&&eo(k,{className:i(z,"k-button-icon"),icon:g,size:E}),g&&typeof g!="string"&&eo(ni,{children:g}),T?ri(ni,{children:[T&&eo("span",{className:"k-button-text",children:T}),e.children]}):e.children&&eo("span",{className:"k-button-text",children:e.children}),d&&eo("span",{className:"k-menu-button-arrow k-button-arrow",children:eo(k,{icon:m})})]})};p.states=Nd;p.options=hd;p.variants=xd;p.className=oa;p.defaultOptions=Mn;p.moduleName=vn;p.folderName=ai;import{jsx as Ld}from"react/jsx-runtime";var ft=e=>Ld(p,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as vd}from"react/jsx-runtime";var aa=e=>vd(p,{icon:"folder",children:"Button",...e});import{jsx as Md}from"react/jsx-runtime";var Dt=e=>Md(p,{children:"Button",...e});import{jsx as Sn}from"react/jsx-runtime";var Sd=p.options,kd=p.states,gd={...p.defaultOptions,variant:"text"},Id=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Ed=[],to=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Sn(ft,{...o,icon:"star"});case"icon-and-text":return Sn(aa,{...o,icon:"star",children:"Button"});default:return Sn(Dt,{...o,children:"Button"})}};to.options=Sd;to.states=kd;to.variants=Id;to.defaultOptions=gd;to.modifiers=Ed;to.className=p.className;var kn="button",ii=kn;import{jsx as Od}from"react/jsx-runtime";var na="k-button-group",Cd=[r.disabled],yd={fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},Td={},A=e=>{let{fillMode:t,disabled:o,stretched:a,...n}=e;return Od("div",{role:"group",...n,className:i(e.className,na,I(na,{fillMode:t}),C(na,{disabled:o}),{[`${na}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};A.states=Cd;A.options=yd;A.className=na;A.defaultOptions=Td;A.moduleName=kn;A.folderName=ii;import{Fragment as ph,jsx as dh,jsxs as mh}from"react/jsx-runtime";import{Fragment as Nh,jsx as xh,jsxs as hh}from"react/jsx-runtime";import{Fragment as gh,jsx as kh,jsxs as Ih}from"react/jsx-runtime";import{Fragment as Ah,jsx as Oh,jsxs as Bh}from"react/jsx-runtime";import{Fragment as Dh,jsx as _h,jsxs as zh}from"react/jsx-runtime";import{Fragment as $h,jsx as Vh,jsxs as Xh}from"react/jsx-runtime";import{jsx as bt,jsxs as gn}from"react/jsx-runtime";var Ad={...p.options,...A.options},Bd=p.states,Rd={...p.defaultOptions,...A.defaultOptions,variant:"text-button"},Pd=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Kd=[],oo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?gn(A,{fillMode:a.fillMode,className:o,children:[bt(p,{...a,icon:"star"}),bt(p,{...a,icon:"star"}),bt(p,{...a,icon:"star"})]}):t==="icon-text-button"?gn(A,{fillMode:a.fillMode,className:o,children:[bt(p,{...a,icon:"star",children:"First"}),bt(p,{...a,icon:"star",children:"Middle"}),bt(p,{...a,icon:"star",children:"Last"})]}):gn(A,{fillMode:a.fillMode,className:o,children:[bt(p,{...a,children:"First"}),bt(p,{...a,children:"Middle"}),bt(p,{...a,children:"Last"})]})};oo.options=Ad;oo.states=Bd;oo.variants=Pd;oo.defaultOptions=Rd;oo.modifiers=Kd;oo.className=A.className;var ra="input",Ta=ra;import{jsx as zd}from"react/jsx-runtime";var Oa="k-input",wd=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],_d={size:[l.undefined,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Dd={},U=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:d,readonly:m,size:f,rounded:x,fillMode:N,...h}=e;return zd("span",{...h,className:i(e.className,Oa,I(Oa,{size:f,rounded:x,fillMode:N}),C(Oa,{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:d,readonly:m}))})};U.states=wd;U.options=_d;U.className=Oa;U.defaultOptions=Dd;U.moduleName=ra;U.folderName=Ta;import{jsx as Gd}from"react/jsx-runtime";var Aa="k-picker",Hd=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Fd={size:[l.undefined,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Ud={},nt=e=>{let{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:d,readonly:m,size:f,rounded:x,fillMode:N,...h}=e;return Gd("span",{...h,className:i(e.className,Aa,I(Aa,{size:f,rounded:x,fillMode:N}),C(Aa,{hover:t,focus:o,disabled:a,invalid:n,valid:s,loading:d,readonly:m})),children:e.children})};nt.states=Hd;nt.options=Fd;nt.className=Aa;nt.defaultOptions=Ud;nt.moduleName=ra;nt.folderName=Ta;import{Fragment as Xd,jsx as In}from"react/jsx-runtime";var si="k-clear-value",Vd=[r.disabled,r.loading,r.readonly],$d={},de=e=>{let{disabled:t,loading:o,readonly:a,value:n}=e;return t\|\|a\|\|o\|\|!n?In(Xd,{}):In("span",{className:i(e.className,si),children:In(k,{icon:"x"})})};de.states=Vd;de.options=$d;de.className=si;import{jsx as qd}from"react/jsx-runtime";var En="k-input-inner",Wd=[],Jd={},Ba={type:"text",autocomplete:"off",value:"",placeholder:""},pe=e=>{let{value:t=Ba.value,type:o=Ba.type,placeholder:a=Ba.placeholder,autocomplete:n=Ba.autocomplete,disabled:s,readOnly:d,...m}=e;return qd("input",{...m,type:o,className:i(e.className,En,I(En,e)),placeholder:a,autoComplete:n,defaultValue:t,disabled:s\|\|void 0,readOnly:d\|\|void 0})};pe.states=Wd;pe.options=Jd;pe.className=En;import{jsx as li,jsxs as Qd}from"react/jsx-runtime";var Cn="k-input-inner",Yd=[],Zd={},zt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:n,valueIconName:s,...d}=e;return Qd("span",{...d,className:i(e.className,Cn,I(Cn,e)),children:[n,!n&&s&&li(k,{className:"k-input-value-icon",icon:s}),a&&!t&&o,a&&t&&li("span",{className:"k-input-value-text",children:t})]})};zt.states=Yd;zt.options=Zd;zt.className=Cn;import{jsx as tp}from"react/jsx-runtime";var yn="k-input-inner",jd=[],ep={},di={value:"",placeholder:""},ia=e=>{let{value:t=di.value,placeholder:o=di.placeholder,rows:a,disabled:n,...s}=e;return tp("textarea",{...s,className:i(e.className,yn,I(yn,e)),placeholder:o,rows:a,defaultValue:t,disabled:n\|\|void 0})};ia.states=jd;ia.options=ep;ia.className=yn;import{Fragment as ap,jsx as pi}from"react/jsx-runtime";var mi="k-input-loading-icon",op=[r.disabled,r.loading],ae=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?pi(ap,{}):pi("span",{className:i(e.className,mi,"k-icon k-i-loading")})};ae.states=op;ae.className=mi;import{Fragment as ip,jsx as ci}from"react/jsx-runtime";var ui="k-input-validation-icon",np=[r.valid,r.invalid,r.disabled,r.loading],rp={},te=e=>{let{valid:t,invalid:o,disabled:a,loading:n}=e,s=o?"warning-circle":"check-circle";return a\|\|n\|\|!!!(t\|\|o)?ci(ip,{}):ci(k,{className:i(ui),icon:s})};te.states=np;te.options=rp;te.className=ui;import{Fragment as dp,jsx as fi}from"react/jsx-runtime";var sp="k-input-prefix",lp={direction:"horizontal"},fe=e=>{let{direction:t=lp.direction,...o}=e;return e.children?fi("span",{...o,className:i(sp,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):fi(dp,{})};import{Fragment as cp,jsx as bi}from"react/jsx-runtime";var pp="k-input-suffix",mp={direction:"horizontal"},be=e=>{let{direction:t=mp.direction,...o}=e;return e.children?bi("span",{...o,className:i(pp,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):bi(cp,{})};import{jsx as XL}from"react/jsx-runtime";import{jsx as fp}from"react/jsx-runtime";var up="k-input-suffix-text",Tn=e=>{let{children:t,...o}=e;return fp("span",{...o,className:i(up,e.className),children:t})};import{jsx as xp}from"react/jsx-runtime";var xi="k-input-separator",bp={direction:"vertical"},ne=e=>{let{direction:t=bp.direction,...o}=e;return xp("span",{...o,className:i(xi,e.className,{[`${xi}-${t}`]:t})})};import{Fragment as Ni,jsx as rt,jsxs as On}from"react/jsx-runtime";var Np=U.states,hp=U.defaultOptions,Lp=U.options,vp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Mp=[],ao=e=>{let{modifiers:t,valid:o,invalid:a,loading:n,disabled:s,readonly:d,...m}=e,f=t?.prefix,x=t?.suffix,N=t?.["clear-button"],h=t?.["validation-icon"],u=t?.separators;return On(U,{...m,valid:o,invalid:a,loading:n,disabled:s,readonly:d,style:{width:300},children:[f&&On(Ni,{children:[rt(fe,{children:rt(k,{icon:"lock"})}),u&&rt(ne,{})]}),rt(pe,{placeholder:"Placeholder",value:"Value"}),h&&rt(te,{valid:o,invalid:a,loading:n,disabled:s}),rt(ae,{loading:n,disabled:s}),N&&rt(de,{loading:n,disabled:s,readonly:d,value:"Value"}),x&&On(Ni,{children:[u&&rt(ne,{}),rt(be,{children:rt(Dt,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};ao.options=Lp;ao.states=Np;ao.variants=Mp;ao.defaultOptions=hp;ao.modifiers=vp;ao.className=U.className;import{jsx as hi,jsxs as gp}from"react/jsx-runtime";var Li="k-color-preview",Sp=[],kp={},St=e=>{let{color:t,iconName:o,...a}=e;return gp("span",{...a,className:i(e.className,Li,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&hi(k,{icon:o,className:"k-color-preview-icon"}),hi("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};St.states=Sp;St.options=kp;St.className=Li;var An="popup",vi=An;import{jsx as Mi}from"react/jsx-runtime";var Si="k-animation-container",Ip=[],Ep={},Bn={positionMode:"absolute",shown:!0},it=e=>{let{positionMode:t=Bn.positionMode,shown:o=Bn.shown,animationStyle:a,offset:n,...s}=e;return Mi("div",{...s,style:{...n,...e.style},className:i(e.className,Si,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:Mi("div",{className:"k-child-animation-container",style:a,children:e.children})})};it.states=Ip;it.options=Ep;it.className=Si;it.defaultOptions=Bn;it.moduleName=An;it.folderName=vi;var Rn="popup",ki=Rn;import{jsx as gi}from"react/jsx-runtime";var Ii="k-popup",Cp=[],yp={},Ei={positionMode:"absolute"},W=e=>{let{offset:t,positionMode:o=Ei.positionMode,animationStyle:a,containerClassName:n,containerRole:s,containerAriaLabel:d,...m}=e;return gi(it,{positionMode:o,offset:t,animationStyle:a,className:n,role:s,"aria-label":d,children:gi("div",{...m,className:i(e.className,Ii),children:e.children})})};W.states=Cp;W.options=yp;W.className=Ii;W.defaultOptions=Ei;W.moduleName=Rn;W.folderName=ki;var Pn="action-buttons",Ci=Pn;import{jsx as Ap}from"react/jsx-runtime";var Ra="k-actions",Tp=[],Op={},Kn={alignment:"start",orientation:"horizontal"},st=e=>{let{alignment:t=Kn.alignment,orientation:o=Kn.orientation,...a}=e;return Ap("div",{...a,className:i(Ra,{[`${Ra}-${t}`]:t,[`${Ra}-${o}`]:o},e.className),children:e.children})};st.states=Tp;st.options=Op;st.className=Ra;st.defaultOptions=Kn;st.moduleName=Pn;st.folderName=Ci;import{jsx as Rp}from"react/jsx-runtime";var Bp="k-actionsheet-footer",yi={alignment:"stretched",orientation:"horizontal"},kt=e=>{let{alignment:t=yi.alignment,orientation:o=yi.orientation,template:a,as:n=a?"div":st,...s}=e;return Rp(n,{...s,...!a&&{alignment:t,orientation:o},className:i(e.className,Bp),children:e.children})};var wn="searchbox",Ti=wn;import{jsx as sa,jsxs as wp}from"react/jsx-runtime";var Oi="k-searchbox",Pp=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading],Kp={size:[l.undefined,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},_n={showIcon:!0,icon:"search"},He=e=>{let{value:t,placeholder:o,size:a,rounded:n,fillMode:s,hover:d,focus:m,valid:f,invalid:x,required:N,loading:h,disabled:u,showIcon:v=_n.showIcon,icon:L=_n.icon,"aria-label":M,...g}=e;return wp(U,{...g,size:a,rounded:n,fillMode:s,hover:d,focus:m,valid:f,invalid:x,required:N,loading:h,disabled:u,className:i(e.className,Oi),children:[v&&sa(k,{className:"k-input-icon",icon:L}),sa(pe,{placeholder:o,value:t,"aria-label":M}),sa(ae,{...e}),sa(te,{...e}),sa(de,{...e})]})};He.states=Pp;He.options=Kp;He.className=Oi;He.defaultOptions=_n;He.moduleName=wn;He.folderName=Ti;import{jsx as NM}from"react/jsx-runtime";var Dn="textbox",Ai=Dn;import{Fragment as Bi,jsx as gt,jsxs as zn}from"react/jsx-runtime";var Ri="k-textbox",_p=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Dp={size:[l.undefined,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Pa={showClearButton:!0,showValidationIcon:!0,separators:!0},H=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Pa.separators,showClearButton:s=Pa.showClearButton,showValidationIcon:d=Pa.showValidationIcon,prefix:m,suffix:f,type:x,value:N,placeholder:h,hover:u,focus:v,valid:L,invalid:M,required:g,loading:E,disabled:T,readonly:z,id:q,"aria-label":ee,"aria-describedby":se,...le}=e;return zn(U,{...le,size:t,rounded:o,fillMode:a,hover:u,focus:v,valid:L,invalid:M,required:g,loading:E,disabled:T,readonly:z,className:i(e.className,Ri),children:[m&&zn(Bi,{children:[gt(fe,{children:m}),n&&gt(ne,{})]}),gt(pe,{id:q,placeholder:h,value:N,type:x,disabled:T,"aria-label":ee,"aria-describedby":se,"aria-invalid":M?"true":void 0}),d&&gt(te,{valid:L,invalid:M,loading:E,disabled:T}),gt(ae,{loading:E,disabled:T}),s&&gt(de,{loading:E,disabled:T,readonly:z,value:N}),f&&zn(Bi,{children:[n&&gt(ne,{}),gt(be,{children:f})]})]})};H.states=_p;H.options=Dp;H.className=Ri;H.defaultOptions=Pa;H.moduleName=Dn;H.folderName=Ai;var la=H;import{jsx as zp}from"react/jsx-runtime";var Pi=e=>zp(la,{...e});import{Fragment as KM,jsx as PM}from"react/jsx-runtime";import{Fragment as FM,jsx as HM}from"react/jsx-runtime";import{jsx as $M}from"react/jsx-runtime";import{jsx as Hn}from"react/jsx-runtime";var Hp=H.states,Fp=H.defaultOptions,Up=H.options,Gp=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Vp=[],no=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Hn(k,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[n]?Hn(Dt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Hn(Pi,{value:"Value",style:{width:300},...o,...a})};no.options=Up;no.states=Hp;no.variants=Vp;no.defaultOptions=Fp;no.modifiers=Gp;no.className=H.className;import{jsx as It,jsxs as Fn}from"react/jsx-runtime";var Ki="k-actionsheet-titlebar",$p={},Me=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:n,filter:s,input:d,inputValue:m,inputPlaceholder:f,adaptive:x,titleId:N,children:h,...u}=e;return Fn("div",{...u,className:i(e.className,Ki),children:[Fn("div",{className:"k-actionsheet-titlebar-group",children:[a&&It("div",{className:"k-actionsheet-actions",children:a}),!h&&Fn("div",{className:"k-actionsheet-title",id:N,children:[t&&It("div",{className:"k-text-center",children:t}),o&&It("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),h&&It("div",{className:"k-actionsheet-title",id:N,children:h}),n&&It("div",{className:"k-actionsheet-actions",children:n})]}),(d\|\|s)&&It("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:d?It(H,{value:m,placeholder:f,size:x?"large":"medium","aria-label":t\|\|f\|\|"Input"}):It(He,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};Me.className=Ki;Me.defaultOptions=$p;import{jsx as Un,jsxs as qp}from"react/jsx-runtime";var Gn="k-actionsheet-view",Xp=[],Wp={},Jp={},ro=e=>{let{adaptive:t,animated:o,children:a,header:n,footer:s,titleId:d,...m}=e,f=n?.type===Me&&Un(Me,{adaptive:t,titleId:d,...n?.props}),x=s?.type===kt&&Un(kt,{...s?.props});return qp("div",{...m,className:i(e.className,Gn,{[`${Gn}-animated`]:o}),children:[f,Un("div",{className:"k-actionsheet-content",children:a}),x]})};ro.states=Xp;ro.options=Wp;ro.className=Gn;ro.defaultOptions=Jp;var da="action-sheet",Ka=da;var Vn="overlay",wi=Vn;import{jsx as jp}from"react/jsx-runtime";var _i="k-overlay",Yp=[],Zp={},Qp={},Et=e=>{let{...t}=e;return jp("div",{...t,className:i(e.className,_i),children:e.children})};Et.states=Yp;Et.options=Zp;Et.className=_i;Et.defaultOptions=Qp;Et.moduleName=Vn;Et.folderName=wi;import{jsx as wa,jsxs as om}from"react/jsx-runtime";var Di="k-actionsheet",em=[],tm={},pa={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Y=e=>{let{side:t=pa.side,fullscreen:o=pa.fullscreen,adaptive:a=pa.adaptive,overlay:n=pa.overlay,template:s,children:d,header:m,footer:f,id:x,...N}=e,h=x&&!s&&m?`${x}-title`:void 0;return om("div",{className:"k-actionsheet-container",children:[n&&wa(Et,{}),wa(it,{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:wa("div",{...N,id:x,role:"dialog","aria-modal":n?"true":void 0,"aria-labelledby":h,className:i(e.className,Di,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:s\|\|wa(ro,{header:m,footer:f,adaptive:a,titleId:h,...e,children:d})})})]})};Y.states=em;Y.options=tm;Y.className=Di;Y.defaultOptions=pa;Y.moduleName=da;Y.folderName=Ka;import{jsx as im}from"react/jsx-runtime";var zi="k-actionsheet-container",am=[],nm={},rm={},io=e=>{let{children:t,...o}=e;return im("div",{...o,className:zi,children:t})};io.states=am;io.options=nm;io.className=zi;io.defaultOptions=rm;io.moduleName=da;io.folderName=Ka;import{jsx as sm}from"react/jsx-runtime";var $n=e=>{let{...t}=e;return sm("div",{...t,className:i(e.className,"k-list-ul"),children:e.children})};import{Fragment as dm,jsx as ma,jsxs as Xn}from"react/jsx-runtime";var Wn="k-actionsheet-item",lm=[r.hover,r.focus,r.selected,r.disabled],Ct=e=>{let{iconName:t,text:o,description:a,hover:n,focus:s,selected:d,disabled:m,...f}=e;return Xn("span",{...f,className:i(e.className,Wn,C(Wn,{hover:n,focus:s,selected:d,disabled:m})),children:[!e.children&&ma(dm,{children:Xn("span",{className:"k-actionsheet-action",children:[t&&ma("span",{className:"k-icon-wrap",children:ma(k,{className:"k-actionsheet-item-icon",icon:t})}),Xn("span",{className:"k-actionsheet-item-text",children:[o&&ma("span",{className:"k-actionsheet-item-title",children:o}),a&&ma("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Ct.states=lm;Ct.className=Wn;import{jsx as VS,jsxs as $S}from"react/jsx-runtime";import{jsx as qS}from"react/jsx-runtime";import{jsx as jS}from"react/jsx-runtime";import{jsx as ak}from"react/jsx-runtime";import{jsx as me,jsxs as Jn}from"react/jsx-runtime";var pm=Y.options,mm=Y.states,Fi={...Y.defaultOptions,variant:"normal"},cm=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],um=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],so=e=>{let{variant:t,modifiers:o,...a}={...Fi,...e},n={},s=Jn($n,{children:[me(Ct,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),me(Ct,{text:"Add to Favorites",iconName:"heart"}),me(Ct,{text:"Upload New",iconName:"upload",disabled:!0}),me("hr",{className:"k-hr"}),me(Ct,{text:"Cancel",iconName:"cancel"})]}),d="Choose from the items below",m="Select Item";return t==="fullScreen"&&(n.fullScreen=!0),Object.keys(o\|\|{}).forEach(f=>{switch(f){case"actions":n.actionsStart=!!o?.[f],n.actionsEnd=!!o?.[f];break;case"subtitle":n.subtitle=o?.[f]?d:void 0;break;case"footer":n.footer=!!o?.[f];break;default:break}}),t==="adaptive"?me(Y,{...a,adaptive:!0,fullscreen:n.fullScreen,header:me(Me,{actionsStart:n.actionsStart?me(p,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?me(p,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:n.subtitle}),footer:n.footer?Jn(kt,{alignment:"stretched",children:[me(p,{text:"Cancel",size:"large",themeColor:"base"}),me(p,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:s}):me(Y,{...a,fullscreen:n.fullScreen,header:me(Me,{actionsStart:n.actionsStart?me(p,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:n.actionsEnd?me(p,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:n.subtitle}),footer:n.footer?Jn(kt,{alignment:"stretched",children:[me(p,{text:"Apply",themeColor:"primary"}),me(p,{text:"Cancel",themeColor:"base"})]}):void 0,children:s})};so.options=pm;so.states=mm;so.variants=cm;so.defaultOptions=Fi;so.modifiers=um;so.className=Y.className;var qn="slider",Ui=qn;import{jsx as lo,jsxs as Yn}from"react/jsx-runtime";var ca="k-slider",fm=[r.hover,r.focus,r.active,r.disabled,r.readonly],bm={},Fe={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},X=e=>{let{type:t=Fe.type,orientation:o=Fe.orientation,gradientType:a=Fe.gradientType,readonly:n=Fe.readonly,disabled:s=Fe.disabled,handlePosition:d=Fe.handlePosition,showButtons:m=Fe.showButtons,showTicks:f=Fe.showTicks,value:x=Fe.value,min:N=Fe.min,max:h=Fe.max,startValue:u,endValue:v,hover:L,focus:M,active:g,trackStyle:E,dir:T,...z}=e,ee=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),se,le;return o==="horizontal"?(se=T==="rtl"?"chevron-left":"chevron-right",le=T==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(se="chevron-up",le="chevron-down"),Yn("div",{...z,className:i(ca,e.className,C(ca,{readonly:n,disabled:s}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:T,children:[m&&lo(p,{className:"k-button-decrease",rounded:"full",icon:le,tabIndex:-1,title:"Decrease"}),Yn("div",{className:"k-slider-track-wrap",children:[f&&lo("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Yn("div",{className:"k-slider-track",style:E,children:[lo("div",{className:"k-slider-selection"}),t==="range"&&lo("span",{className:i("k-draghandle","k-draghandle-start",C(ca,{hover:L,focus:M,active:g})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":u??N,"aria-valuemin":N,"aria-valuemax":v??h,"aria-orientation":ee,"aria-disabled":s?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":z["aria-label"]?`${z["aria-label"]} start`:"Range start"}),lo("span",{className:i("k-draghandle",`k-draghandle-${d}`,C(ca,{hover:L,focus:M,active:g})),role:"slider",tabIndex:s?void 0:0,"aria-valuenow":t==="range"?v??h:x,"aria-valuemin":t==="range"?u??N:N,"aria-valuemax":h,"aria-orientation":ee,"aria-disabled":s?"true":void 0,"aria-readonly":n?"true":void 0,"aria-label":t==="range"?z["aria-label"]?`${z["aria-label"]} end`:"Range end":z["aria-label"]})]})]}),m&&lo(p,{className:"k-button-increase",rounded:"full",icon:se,tabIndex:-1,title:"Increase"})]})};X.states=fm;X.options=bm;X.className=ca;X.defaultOptions=Fe;X.moduleName=qn;X.folderName=Ui;import{jsx as Gi}from"react/jsx-runtime";var Vi="k-tick",xm=[],Nm={},$i={label:!1},y=e=>{let{style:t,label:o=$i.label,orientation:a,large:n,text:s,...d}=e;return Gi("li",{...d,role:"presentation",title:s\|\|"Tick",className:i(e.className,Vi,{[`k-tick-${a}`]:a,"k-tick-large":n}),style:t,children:o&&Gi("span",{className:"k-label",children:s})})};y.states=xm;y.options=Nm;y.className=Vi;y.defaultOptions=$i;import{Fragment as hm,jsx as Ue,jsxs as Lm}from"react/jsx-runtime";var Xi=e=>Ue(X,{"aria-label":e["aria-label"]\|\|"Slider",children:Lm(hm,{children:[Ue(y,{className:"k-first",label:!0,large:!0,text:"0"}),Ue(y,{}),Ue(y,{}),Ue(y,{}),Ue(y,{}),Ue(y,{label:!0,large:!0,text:"5"}),Ue(y,{}),Ue(y,{}),Ue(y,{}),Ue(y,{}),Ue(y,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as vm,jsx as Ge,jsxs as Mm}from"react/jsx-runtime";var Wi=e=>Ge(X,{children:Mm(vm,{children:[Ge(y,{className:"k-first",label:!0,large:!0,text:"0"}),Ge(y,{}),Ge(y,{}),Ge(y,{}),Ge(y,{}),Ge(y,{label:!0,large:!0,text:"5"}),Ge(y,{}),Ge(y,{}),Ge(y,{}),Ge(y,{}),Ge(y,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});import{Fragment as $k,jsx as Vk,jsxs as Xk}from"react/jsx-runtime";import{Fragment as Zk,jsx as Yk,jsxs as Qk}from"react/jsx-runtime";import{jsx as Sm}from"react/jsx-runtime";var Zn=e=>Sm(X,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{jsx as km}from"react/jsx-runtime";var Qn=e=>km(X,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{Fragment as dg,jsx as lg,jsxs as pg}from"react/jsx-runtime";import{Fragment as bg,jsx as fg,jsxs as xg}from"react/jsx-runtime";import{jsx as lt,jsxs as Ji}from"react/jsx-runtime";var gm=X.options,Im=X.states,qi={...X.defaultOptions,variant:"horizontal",label:!0},Em=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Cm=[{name:"label",title:"Labels",default:!0},{name:"tick",title:"Ticks",default:!0},{name:"button",title:"Side Buttons",default:!0}],po=e=>{let{variant:t,modifiers:o,...a}=e,n=qi.label,s={};Object.keys(o\|\|{}).forEach(m=>{switch(m){case"button":{s.showButtons=!!o?.[m];break}case"label":{n=!!o?.[m];break}case"tick":{s.showTicks=!!o?.[m];break}}});let d={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?Ji(Wi,{style:{height:"300px",...d},...a,...s,children:[lt(y,{label:n,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),lt(y,{label:n,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),lt(y,{label:n,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),lt(y,{label:n,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),lt(y,{label:n,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Ji(Xi,{style:{width:"400px",...d},...a,...s,children:[lt(y,{label:n,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),lt(y,{label:n,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),lt(y,{label:n,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),lt(y,{label:n,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),lt(y,{label:n,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};po.options=gm;po.states=Im;po.variants=Em;po.defaultOptions=qi;po.modifiers=Cm;po.className=X.className;import{jsx as Yi,jsxs as Bm}from"react/jsx-runtime";var Zi="k-spin-button",Om=[],Am={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},jn={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},dt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:n=jn.increaseLabel,decreaseLabel:s=jn.decreaseLabel,...d}=e;return Bm("span",{...d,className:i(Zi,e.className),children:[Yi(p,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":n}),Yi(p,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":s})]})};dt.states=Om;dt.options=Am;dt.className=Zi;dt.defaultOptions=jn;dt.moduleName=null;dt.folderName=null;var Qi="numeric-textbox",ji="numerictextbox";import{Fragment as es,jsx as xt,jsxs as er}from"react/jsx-runtime";var ts="k-numerictextbox",Rm=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],Pm={size:[l.undefined,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},_a={showSpinButton:!0,showClearButton:!0,separators:!0},K=e=>{let{size:t,rounded:o,fillMode:a,separators:n=_a.separators,showClearButton:s=_a.showClearButton,showSpinButton:d=_a.showSpinButton,prefix:m,suffix:f,value:x,placeholder:N,hover:h,focus:u,valid:v,invalid:L,required:M,loading:g,disabled:E,readonly:T,id:z,"aria-label":q,"aria-describedby":ee,...se}=e;return er(U,{...se,size:t,rounded:o,fillMode:a,hover:h,focus:u,valid:v,invalid:L,required:M,loading:g,disabled:E,readonly:T,className:i(e.className,ts),children:[m&&er(es,{children:[xt(fe,{children:m}),n&&xt(ne,{})]}),xt(pe,{id:z,placeholder:N,value:x,role:"spinbutton",disabled:E,"aria-label":q,"aria-describedby":ee,"aria-invalid":L?"true":void 0}),xt(te,{valid:v,invalid:L,loading:g,disabled:E}),xt(ae,{loading:g,disabled:E}),s&&xt(de,{loading:g,disabled:E,readonly:T,value:x}),f&&er(es,{children:[n&&xt(ne,{}),xt(be,{children:f})]}),d&&xt(dt,{className:"k-input-spinner",size:t,fillMode:a,disabled:E})]})};K.states=Rm;K.options=Pm;K.className=ts;K.defaultOptions=_a;K.moduleName=Qi;K.folderName=ji;var ua=K;import{jsx as Km}from"react/jsx-runtime";var os=e=>Km(ua,{...e});import or from"react";import{jsx as as}from"react/jsx-runtime";var wm="k-list-group-sticky-header",tr=e=>as("div",{className:i(wm,e.className),children:as("div",{className:"k-list-header-text",children:e.children})});import{jsx as Dm}from"react/jsx-runtime";var _m="k-no-data",Da=e=>{let{live:t,...o}=e;return Dm("span",{...o,className:i(_m,e.className),"aria-live":t?"polite":void 0,children:e.children})};var Ht="list",mo=Ht;import{jsx as ns,jsxs as rs}from"react/jsx-runtime";var ar="k-list",zm=[],Hm={size:[l.undefined,l.small,l.medium,l.large]},Fm={},w=e=>{let{size:t,virtualization:o,children:a,header:n,selectAll:s,optionLabel:d,customValue:m,noData:f,screenReaders:x,...N}=e,u=or.Children.toArray(a)[0],v=u?.props?.children?or.Children.count(u.props.children):or.Children.count(a);return rs("div",{...N,className:i(e.className,ar,I(ar,{size:t}),{"k-virtual-list":o}),children:[d,s,m,n&&ns(tr,{children:n}),a\|\|(f!==void 0?f:ns(Da,{live:!0,children:"No data found."})),x&&a&&rs(Da,{className:"k-sr-only",live:!0,children:[v," items found."]})]})};w.states=zm;w.options=Hm;w.className=ar;w.defaultOptions=Fm;w.moduleName=Ht;w.folderName=mo;import{jsx as $m}from"react/jsx-runtime";var is="k-list-container",Um=[],Gm={},Vm={},co=e=>{let{...t}=e;return $m("div",{...t,className:i(e.className,is),children:e.children})};co.states=Um;co.options=Gm;co.className=is;co.defaultOptions=Vm;co.moduleName=Ht;co.folderName=mo;var Ft="checkbox",uo=Ft;import{jsx as ss}from"react/jsx-runtime";var za="k-checkbox",Xm=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.checked,r.indeterminate],Wm={size:[l.undefined,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full]},Jm={},Ce=e=>{let{id:t,checked:o,indeterminate:a,hover:n,focus:s,disabled:d,invalid:m,valid:f,required:x,size:N,rounded:h,wrapperRole:u,...v}=e;return ss("span",{className:"k-checkbox-wrap",role:u,children:ss("input",{...v,id:t,type:"checkbox",defaultChecked:o,required:x,disabled:d\|\|void 0,"aria-invalid":m?"true":void 0,className:i(e.className,za,I(za,{size:N,rounded:h}),C(za,{hover:n,focus:s,disabled:d,invalid:m,valid:f,indeterminate:a,checked:o}))})})};Ce.states=Xm;Ce.options=Wm;Ce.className=za;Ce.defaultOptions=Jm;Ce.moduleName=Ft;Ce.folderName=uo;var tt=Ce;import{jsx as Zm}from"react/jsx-runtime";var ls="k-checkbox-list",qm=[],Ym={},ds={layout:"vertical"},Se=e=>{let{layout:t=ds.layout,...o}=e;return Zm("ul",{...o,className:i(e.className,ls,{[`k-list-${t}`]:t}),children:e.children})};Se.states=qm;Se.options=Ym;Se.className=ls;Se.defaultOptions=ds;Se.moduleName=Ft;Se.folderName=uo;import{jsx as tc}from"react/jsx-runtime";var ps="k-checkbox-list-item",Qm=[],jm={},ec={},ke=e=>{let{...t}=e;return tc("li",{...t,className:i(e.className,ps),children:e.children})};ke.states=Qm;ke.options=jm;ke.className=ps;ke.defaultOptions=ec;ke.moduleName=Ft;ke.folderName=uo;import{Fragment as oc,jsx as ms,jsxs as ac}from"react/jsx-runtime";var Ve=({children:e="Label",id:t="cb-label-after",...o})=>ac(oc,{children:[ms(tt,{id:t,...o}),ms("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as HI,jsx as zI,jsxs as FI}from"react/jsx-runtime";import{Fragment as XI,jsx as $I,jsxs as WI}from"react/jsx-runtime";import{Fragment as QI,jsx as ZI,jsxs as jI}from"react/jsx-runtime";import{jsx as aE}from"react/jsx-runtime";import{jsx as sE}from"react/jsx-runtime";import{jsx as mE}from"react/jsx-runtime";import{jsx as $e,jsxs as cs}from"react/jsx-runtime";var nc=Se.options,rc=Se.states,ic={...Se.defaultOptions,variant:"vertical"},sc=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],lc=[],fo=e=>{let{variant:t,...o}=e;return t==="horizontal"?cs(Se,{layout:"horizontal",...o,children:[$e(ke,{children:$e(Ve,{id:O("cb"),defaultChecked:!0,children:"Label"})}),$e(ke,{children:$e(Ve,{id:O("cb"),children:"Label"})}),$e(ke,{children:$e(Ve,{id:O("cb"),children:"Label"})})]}):cs(Se,{...o,children:[$e(ke,{children:$e(Ve,{id:O("cb"),defaultChecked:!0,children:"Label"})}),$e(ke,{children:$e(Ve,{id:O("cb"),children:"Label"})}),$e(ke,{children:$e(Ve,{id:O("cb"),children:"Label"})})]})};fo.options=nc;fo.states=rc;fo.variants=sc;fo.defaultOptions=ic;fo.modifiers=lc;fo.className=Se.className;import{jsx as fc}from"react/jsx-runtime";var dc=tt.options,pc=tt.states,mc=tt.defaultOptions,cc=[],uc=[],bo=e=>fc(Ve,{id:O("checkbox"),...e,defaultChecked:!0,children:"Label"});bo.options=dc;bo.states=pc;bo.variants=cc;bo.defaultOptions=mc;bo.modifiers=uc;bo.className=tt.className;import{jsx as xo,jsxs as hc}from"react/jsx-runtime";var nr="k-list-item",bc=[r.hover,r.focus,r.selected,r.disabled],xc={},Nc={},B=e=>{let{text:t,iconName:o,iconClassName:a,showCheckbox:n,checked:s,hover:d,focus:m,selected:f,disabled:x,actions:N,description:h,id:u,...v}=e,L=t\|\|e.children,M=t\|\|(typeof L=="string"?L:void 0);return hc("li",{...v,id:u,role:"option",tabIndex:m?0:-1,"aria-selected":f?"true":"false","aria-disabled":x?"true":void 0,className:i(e.className,nr,C(nr,{hover:d,focus:m,disabled:x,selected:f})),children:[n&&xo(Ce,{checked:s,disabled:x,"aria-label":M,tabIndex:-1}),o&&xo("span",{className:"k-list-item-icon-wrapper",children:xo(k,{icon:o,className:i("k-list-item-icon",a)})}),xo("span",{className:"k-list-item-text",children:L}),N&&xo("div",{className:"k-list-item-actions",children:N}),h&&xo("span",{className:"k-list-item-description",children:h})]})};B.states=bc;B.options=xc;B.className=nr;B.defaultOptions=Nc;B.moduleName=Ht;B.folderName=mo;import{jsx as vc}from"react/jsx-runtime";var Lc="k-list-ul",yt=e=>{let{children:t,role:o,id:a,...n}=e;return vc("ul",{...n,id:a,role:o,className:i(Lc,e.className),children:t})};import{jsx as rr,jsxs as Sc}from"react/jsx-runtime";var Mc="k-list-content",G=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":n,listboxId:s,...d}=e;return Sc("div",{...d,className:i(Mc,e.className),role:o?"listbox":void 0,id:o?s:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?n:void 0,children:[o?e.children:rr(yt,{role:"listbox",id:s,"aria-label":a,"aria-labelledby":n,children:e.children}),t&&rr("div",{className:"k-height-container",children:rr("div",{})})]})};import{jsx as ir,jsxs as Ec}from"react/jsx-runtime";var Ha="k-list-sticky-header",kc=[r.hover,r.focus,r.selected],gc={},Ic={},Fa=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:n,hover:s,focus:d,selected:m,...f}=e;return ir("div",{...f,className:i(Ha,e.className),children:Ec("div",{className:i(`${Ha}-item`,C(`${Ha}-item`,{hover:s,focus:d,selected:m})),"aria-label":t,...!o&&{tabIndex:0,"aria-selected":m?"true":"false"},children:[o&&ir(Ce,{checked:a,indeterminate:n,"aria-label":t}),ir("span",{className:"k-list-item-text",children:t})]})})};Fa.states=kc;Fa.options=gc;Fa.className=Ha;Fa.defaultOptions=Ic;import{Fragment as rC,jsx as nC,jsxs as iC}from"react/jsx-runtime";import{jsx as mC,jsxs as cC}from"react/jsx-runtime";import{jsx as Oc}from"react/jsx-runtime";var sr="k-list-optionlabel",Cc=[r.hover,r.focus,r.selected,r.disabled],yc={},Tc={},Ua=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:s,...d}=e;return Oc("div",{...d,className:i(sr,C(sr,{hover:o,focus:a,selected:n,disabled:s})),children:t})};Ua.states=Cc;Ua.options=yc;Ua.className=sr;Ua.defaultOptions=Tc;import{jsx as Pc}from"react/jsx-runtime";var lr="k-list-custom-value",Ac=[r.hover,r.focus,r.selected,r.disabled],Bc={},Rc={},Tt=e=>{let{text:t,hover:o,focus:a,selected:n,disabled:s,...d}=e;return Pc("div",{...d,className:i(lr,C(lr,{hover:o,focus:a,selected:n,disabled:s})),children:t})};Tt.states=Ac;Tt.options=Bc;Tt.className=lr;Tt.defaultOptions=Rc;import{Fragment as gC,jsx as kC,jsxs as IC}from"react/jsx-runtime";import{Fragment as AC,jsx as OC,jsxs as BC}from"react/jsx-runtime";import{Fragment as zC,jsx as _C,jsxs as DC}from"react/jsx-runtime";import{Fragment as XC,jsx as VC,jsxs as $C}from"react/jsx-runtime";import{jsx as YC}from"react/jsx-runtime";import{Fragment as oy,jsx as ty,jsxs as ay}from"react/jsx-runtime";import{Fragment as dy,jsx as ly,jsxs as py}from"react/jsx-runtime";var us="dropdown-list",fs="dropdownlist";import{Fragment as _c,jsx as ge,jsxs as dr}from"react/jsx-runtime";var bs="k-dropdownlist",Kc=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],wc={size:[l.undefined,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},pr={showValue:!0,arrowIconName:"chevron-down"},R=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=pr.arrowIconName,showValue:s=pr.showValue,valueIconName:d,prefix:m,suffix:f,value:x,placeholder:N,hover:h,focus:u,valid:v,invalid:L,required:M,loading:g,disabled:E,readonly:T,popup:z,opened:q,adaptive:ee,adaptiveSettings:se,adaptiveTitle:le,adaptiveSubtitle:_t,adaptiveFilter:mn,id:Mt,activeDescendant:Ia,"aria-label":cn,...un}=e,ad=Mt?`${Mt}-listbox`:void 0,qr=Mt?`${Mt}-value`:void 0;return dr(_c,{children:[dr(nt,{...un,id:Mt,size:t,rounded:o,fillMode:a,hover:h,focus:u,valid:v,invalid:L,required:M,loading:g,disabled:E,readonly:T,className:i(e.className,bs,{"k-icon-picker":!s&&d}),role:"combobox","aria-haspopup":"listbox","aria-expanded":q?"true":"false","aria-controls":q?ad:void 0,"aria-activedescendant":q&&Ia?Ia:void 0,"aria-describedby":q?qr:void 0,"aria-disabled":E?"true":void 0,"aria-label":cn,tabIndex:0,children:[ge(fe,{children:m}),ge(zt,{placeholder:N,value:x,showValue:s,valueIconName:d,id:qr}),ge(te,{valid:v,invalid:L,loading:g,disabled:E}),ge(ae,{loading:g,disabled:E}),ge(be,{children:f}),ge(p,{className:"k-input-button",icon:n,size:e.size,fillMode:e.fillMode,"aria-label":N\|\|"Toggle dropdown",tabIndex:-1})]}),q&&z&&ge(W,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:z}),ee&&ge(Y,{adaptive:!0,...se,header:ge(Me,{actionsEnd:ge(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:mn,inputValue:x,inputPlaceholder:N,title:le,subtitle:_t}),children:ge("div",{className:"k-list-container",children:ge(w,{size:"large",children:dr(G,{"aria-label":"Options",children:[ge(B,{text:"List item"}),ge(B,{text:"List item"}),ge(B,{text:"List item"})]})})})})]})};R.states=Kc;R.options=wc;R.className=bs;R.defaultOptions=pr;R.moduleName=us;R.folderName=fs;import{jsx as $y}from"react/jsx-runtime";import{jsx as Zy,jsxs as Qy}from"react/jsx-runtime";import{Fragment as sT,jsx as rT,jsxs as iT}from"react/jsx-runtime";import{jsx as cT}from"react/jsx-runtime";import{jsx as hT,jsxs as LT}from"react/jsx-runtime";import{Fragment as yT,jsx as ET,jsxs as CT}from"react/jsx-runtime";import{jsx as RT}from"react/jsx-runtime";import{Fragment as Gc,jsx as Ot,jsxs as xs}from"react/jsx-runtime";var Dc=R.states,zc=R.defaultOptions,Hc=R.options,Fc=[{name:"opened",title:"Opened"}],Uc=[],ho=e=>{let{modifiers:t,...o}=e,a={},n=xs(Gc,{children:[Ot("div",{className:"k-list-filter",children:Ot(He,{})}),Ot(w,{style:{width:300},size:o.size,children:xs(G,{children:[Ot(B,{children:"List item"}),Ot(B,{children:"List item"}),Ot(B,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(s=>{s==="opened"&&(a.opened=!!t?.[s],a.popup=t?.[s]?n:void 0)}),Ot("div",{children:Ot(R,{placeholder:"Value",style:{width:300},...o,...a})})};ho.options=Hc;ho.states=Dc;ho.variants=Uc;ho.defaultOptions=zc;ho.modifiers=Fc;ho.className=R.className;import{Fragment as tO,jsx as eO}from"react/jsx-runtime";import{Fragment as sO,jsx as iO}from"react/jsx-runtime";import{jsx as mO}from"react/jsx-runtime";import{jsx as mr}from"react/jsx-runtime";var Vc=K.states,$c=K.defaultOptions,Xc=K.options,Wc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],Jc=[],Lo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?mr(R,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[n]?mr(Tn,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;case"spin-button":a.showSpinButton=t?.[n];break;default:break}}),mr(os,{value:"Value",style:{width:300},...o,...a})};Lo.options=Xc;Lo.states=Vc;Lo.variants=Jc;Lo.defaultOptions=$c;Lo.modifiers=Wc;Lo.className=K.className;import{Fragment as ba,jsx as P,jsxs as Z}from"react/jsx-runtime";var Ns="k-colorgradient-inputs",qc=[],Yc={size:[l.undefined,l.small,l.medium,l.large]},hs={mode:"rgba"},vo=e=>{let{mode:t=hs.mode,size:o,...a}=e;return Z("div",{...a,className:i(Ns,"k-hstack"),children:[P("div",{className:"k-vstack",children:P(p,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&Z(ba,{children:[Z("div",{className:"k-vstack",children:[P(K,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),P("label",{className:"k-colorgradient-input-label",children:"R"})]}),Z("div",{className:"k-vstack",children:[P(K,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),P("label",{className:"k-colorgradient-input-label",children:"G"})]}),Z("div",{className:"k-vstack",children:[P(K,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),P("label",{className:"k-colorgradient-input-label",children:"B"})]}),Z("div",{className:"k-vstack",children:[P(K,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),P("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&Z(ba,{children:[Z("div",{className:"k-vstack",children:[P(K,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),P("label",{className:"k-colorgradient-input-label",children:"R"})]}),Z("div",{className:"k-vstack",children:[P(K,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),P("label",{className:"k-colorgradient-input-label",children:"G"})]}),Z("div",{className:"k-vstack",children:[P(K,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),P("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&Z(ba,{children:[Z("div",{className:"k-vstack",children:[P(K,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),P("label",{className:"k-colorgradient-input-label",children:"H"})]}),Z("div",{className:"k-vstack",children:[P(K,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),P("label",{className:"k-colorgradient-input-label",children:"S"})]}),Z("div",{className:"k-vstack",children:[P(K,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),P("label",{className:"k-colorgradient-input-label",children:"V"})]}),Z("div",{className:"k-vstack",children:[P(K,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),P("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&Z(ba,{children:[Z("div",{className:"k-vstack",children:[P(K,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),P("label",{className:"k-colorgradient-input-label",children:"H"})]}),Z("div",{className:"k-vstack",children:[P(K,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),P("label",{className:"k-colorgradient-input-label",children:"S"})]}),Z("div",{className:"k-vstack",children:[P(K,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),P("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&P(ba,{children:Z("div",{className:"k-vstack k-flex-1",children:[P(H,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),P("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};vo.states=qc;vo.options=Yc;vo.className=Ns;vo.defaultOptions=hs;import{jsx as Ut,jsxs as Gt}from"react/jsx-runtime";var Ls="k-colorgradient-color-contrast",Zc=[],Qc={},jc={},Mo=()=>Gt("div",{className:i(Ls,"k-vbox"),children:[Gt("div",{className:"k-contrast-ratio",children:[Ut("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),Gt("span",{className:"k-contrast-validation !k-text-success",children:[Ut(k,{icon:"check"}),Ut(k,{icon:"check"})]})]}),Gt("div",{children:[Ut("span",{children:"AA: 4.5"}),Gt("span",{className:"k-contrast-validation !k-text-success",children:["Pass",Ut(k,{icon:"check"})]})]}),Gt("div",{children:[Ut("span",{children:"AAA: 7.0"}),Gt("span",{className:"k-contrast-validation !k-text-error",children:["Fail",Ut(k,{icon:"x"})]})]})]});Mo.states=Zc;Mo.options=Qc;Mo.className=Ls;Mo.defaultOptions=jc;var vs="color-gradient",Ms="colorgradient";import{jsx as Xe,jsxs as xa}from"react/jsx-runtime";var Ga="k-colorgradient",eu=[r.hover,r.focus,r.readonly,r.disabled],tu={size:[l.undefined,l.small,l.medium,l.large]},pt={mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},ce=e=>{let{size:t,mode:o=pt.mode,readonly:a=pt.readonly,disabled:n=pt.disabled,gradientStyle:s=pt.gradientStyle,dragHandleStyle:d=pt.dragHandleStyle,alphaStyle:m=pt.alphaStyle,alphaStyleHorizontal:f=pt.alphaStyleHorizontal,contrast:x=pt.contrast,dir:N,hover:h,focus:u,hoverHandle:v,focusHandle:L,canvasOrientation:M=pt.canvasOrientation,role:g,tabIndex:E,...T}=e;return xa("div",{...T,role:g??"textbox","aria-label":g==="none"?void 0:"Color gradient",tabIndex:E??0,"aria-disabled":n?"true":void 0,className:i(e.className,Ga,I(Ga,{size:t}),C(Ga,{hover:h,focus:u,readonly:a,disabled:n})),dir:N,children:[!M\|\|M==="horizontal"&&xa("div",{className:"k-colorgradient-canvas k-hstack",children:[Xe("div",{className:"k-hsv-rectangle",style:s,children:Xe("div",{className:"k-hsv-gradient",children:Xe("div",{className:i("k-hsv-draghandle","k-draghandle",{"k-hover":v,"k-focus":L}),style:d,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),xa("div",{className:"k-hsv-controls k-hstack",children:[Xe(Qn,{className:"k-hue-slider",hover:v,focus:L}),o!=="rgb"&&o!=="hsv"&&Xe(Qn,{className:"k-alpha-slider",hover:v,focus:L,trackStyle:m})]})]}),M==="vertical"&&xa("div",{className:"k-colorgradient-canvas k-vstack",children:[Xe("div",{className:"k-hsv-rectangle",style:s,children:Xe("div",{className:"k-hsv-gradient",children:Xe("div",{className:i("k-hsv-draghandle","k-draghandle",{"k-hover":v,"k-focus":L}),style:d,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),xa("div",{className:"k-hsv-controls k-vstack",children:[Xe(Zn,{className:"k-hue-slider",hover:v,focus:L}),o!=="rgb"&&o!=="hsv"&&Xe(Zn,{className:"k-alpha-slider",hover:v,focus:L,trackStyle:f})]})]}),Xe(vo,{mode:e.mode,size:t}),x&&Xe(Mo,{})]})};ce.states=eu;ce.options=tu;ce.className=Ga;ce.defaultOptions=pt;ce.moduleName=vs;ce.folderName=Ms;import{jsx as ou}from"react/jsx-runtime";var Va=e=>ou(ce,{...e});import{jsx as YO}from"react/jsx-runtime";import{jsx as eA}from"react/jsx-runtime";import{jsx as cr}from"react/jsx-runtime";var au=ce.options,nu=ce.states,ru={...ce.defaultOptions,variant:"rgba"},iu=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],su=[],So=e=>{let{variant:t,...o}=e;switch(t){case"hex":return cr(Va,{...o,mode:t});case"rgb":return cr(Va,{...o,mode:t});default:return cr(Va,{...o,mode:t})}};So.options=au;So.states=nu;So.variants=iu;So.defaultOptions=ru;So.modifiers=su;So.className=ce.className;import{jsx as lu}from"react/jsx-runtime";var ur=e=>lu("tr",{role:"row",children:e.children});import{jsx as mu}from"react/jsx-runtime";var fr="k-colorpalette-tile",du=[r.hover,r.focus,r.selected],pu={},At=e=>{let{color:t,tileSize:o,hover:a,focus:n,selected:s,...d}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return mu("td",{...d,role:"gridcell","aria-label":t,"aria-selected":s?"true":void 0,className:i(e.className,fr,C(fr,{hover:a,focus:n,selected:s})),style:m})};At.states=du;At.options=pu;At.className=fr;At.moduleName=null;At.folderName=null;var Ss="color-palette",ks="colorpalette";import{jsx as Na}from"react/jsx-runtime";var $a="k-colorpalette",cu=[r.disabled],uu={size:[l.undefined,l.small,l.medium,l.large]},gs={columns:10},ye=e=>{let{size:t,palette:o,columns:a=gs.columns,tileSize:n,disabled:s,...d}=e,m=[];if(o){let f=a\|\|o.columns,x=o.colors?o.colors:o;Array.isArray(x)&&Array.from({length:Math.ceil(x.length/f)},(N,h)=>{let u=[];x.slice(hf,(h+1)*f).map((L,M)=>{u.push(Na(At,{color:L,tileSize:n},M))});let v=Na(ur,{children:u},h);m.push(v)})}return Na("div",{...d,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":s?"true":void 0,className:i(e.className,$a,C($a,{disabled:s}),I($a,{size:t})),children:Na("table",{className:"k-colorpalette-table",role:"none",children:Na("tbody",{children:m.length>0?m:e.children})})})};ye.states=cu;ye.options=uu;ye.className=$a;ye.defaultOptions=gs;ye.moduleName=Ss;ye.folderName=ks;var Xa=ye;var ha={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 fu}from"react/jsx-runtime";var Is=e=>fu(Xa,{palette:ha.basic,...e});import{jsx as KA}from"react/jsx-runtime";import{jsx as FA,jsxs as UA}from"react/jsx-runtime";import{jsx as Mu}from"react/jsx-runtime";var bu=ye.options,xu=ye.states,Nu={...ye.defaultOptions,variant:"basic"},hu=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Lu={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}},vu=[],ko=e=>{let{variant:t="basic",...o}=e,a=Lu[t];return Mu(Is,{columns:a.columns,palette:a,...o})};ko.options=bu;ko.states=xu;ko.variants=hu;ko.defaultOptions=Nu;ko.modifiers=vu;ko.className=ye.className;var Es="color-editor",Cs="coloreditor";import{jsx as We,jsxs as go}from"react/jsx-runtime";var Wa="k-coloreditor",Su=[r.focus],ku={size:[l.undefined,l.small,l.medium,l.large]},La={view:"gradient",palette:ha.office,actionButtons:!0,canvasOrientation:"horizontal"},Q=e=>{let{size:t,view:o=La.view,palette:a=La.palette,color:n,currentColor:s,focus:d,focusView:m,dir:f,group:x,actionButtons:N=La.actionButtons,canvasOrientation:h=La.canvasOrientation,...u}=e;return go("div",{...u,role:"textbox","aria-label":"Color editor",tabIndex:0,className:i(e.className,"k-flatcolorpicker",Wa,I(Wa,{size:t}),C(Wa,{focus:d})),dir:f,children:[go("div",{className:"k-coloreditor-header k-hstack",children:[We("div",{className:"k-coloreditor-header-actions k-hstack",children:x&&go(A,{fillMode:"flat",children:[We(p,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),We(p,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),We("div",{className:"k-spacer"}),go("div",{className:"k-coloreditor-header-actions k-hstack",children:[We(p,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),go("div",{className:"k-coloreditor-preview k-vstack",children:[We(St,{className:"k-coloreditor-preview-color",color:n}),We(St,{className:"k-coloreditor-current-color",color:s})]})]})]}),We("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?We(ce,{focus:m,size:t,canvasOrientation:h,role:"none",tabIndex:-1}):We(ye,{palette:a,size:t})}),N&&go(st,{className:"k-coloreditor-footer",alignment:"start",children:[We(p,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),We(p,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};Q.states=Su;Q.options=ku;Q.className=Wa;Q.defaultOptions=La;Q.moduleName=Es;Q.folderName=Cs;var Io=Q;import{jsx as NB}from"react/jsx-runtime";import{jsx as MB}from"react/jsx-runtime";import{jsx as gu}from"react/jsx-runtime";var ys=e=>gu(Io,{group:!0,currentColor:"fuchsia",...e});import{jsx as Iu}from"react/jsx-runtime";var Ts=e=>Iu(Io,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Os}from"react/jsx-runtime";var Eu=Q.options,Cu=Q.states,yu={...Q.defaultOptions,variant:"gradient"},Tu=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Ou=[],Eo=e=>{let{variant:t,...o}=e;return t==="palette"?Os(Ts,{...o,color:"white"}):Os(ys,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Eo.options=Eu;Eo.states=Cu;Eo.variants=Tu;Eo.defaultOptions=yu;Eo.modifiers=Ou;Eo.className=Q.className;var As="color-picker",Bs="colorpicker";import{Fragment as Ru,jsx as Je,jsxs as br}from"react/jsx-runtime";var Rs="k-colorpicker",Au=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled],Bu={size:[l.undefined,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Ps={arrowIconName:"chevron-down"},qe=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:n=Ps.arrowIconName,prefix:s,suffix:d,value:m,placeholder:f,hover:x,focus:N,valid:h,invalid:u,required:v,disabled:L,valueIconName:M,popup:g,opened:E,adaptive:T,adaptiveSettings:z,adaptiveTitle:q,adaptiveSubtitle:ee,...se}=e,le="colorpicker-popup";return br(Ru,{children:[br(nt,{...se,size:t,rounded:o,fillMode:a,hover:x,focus:N,valid:h,invalid:u,required:v,disabled:L,role:"combobox","aria-haspopup":"dialog","aria-expanded":E?"true":"false","aria-controls":E\|\|T?le:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":L?"true":void 0,className:i(e.className,Rs,"k-icon-picker"),children:[Je(fe,{children:s}),Je(zt,{placeholder:f,value:m,showValue:!1,valueIcon:Je(St,{className:"k-value-icon",color:m,iconName:M}),valueIconName:M}),Je(be,{children:d}),Je(p,{className:"k-input-button",icon:n,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:L})]}),E&&g&&Je(W,{id:le,className:"k-colorpicker-popup",children:g}),T&&Je(Y,{adaptive:!0,id:le,...z,header:Je(Me,{actionsEnd:Je(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:q,subtitle:ee}),footer:br(kt,{children:[Je(p,{text:"Cancel",size:"large"}),Je(p,{text:"Set",size:"large",themeColor:"primary"})]}),children:Je(Q,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};qe.states=Au;qe.options=Bu;qe.className=Rs;qe.defaultOptions=Ps;qe.moduleName=As;qe.folderName=Bs;var Nt=qe;import{jsx as Pu}from"react/jsx-runtime";var Ja=e=>Pu(Nt,{...e});import{jsx as nR}from"react/jsx-runtime";import{jsx as dR}from"react/jsx-runtime";import{jsx as uR}from"react/jsx-runtime";import{jsx as NR}from"react/jsx-runtime";import{jsx as MR}from"react/jsx-runtime";import{jsx as IR}from"react/jsx-runtime";import{jsx as Vt}from"react/jsx-runtime";var Ku=Nt.options,wu=Nt.states,Ks={...Nt.defaultOptions,variant:"color"},_u=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Du=[{name:"opened",title:"Opened"}],Co=e=>{let{variant:t,modifiers:o,...a}={...Ks,...e},n={};Object.keys(o\|\|{}).forEach(d=>{d==="opened"&&(n.opened=!!o?.[d],n.popup=o?.[d]?Vt(Q,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let s=n.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return Vt("div",{style:s,children:Vt(Ja,{...a,...n})});case"icon":return Vt("div",{style:s,children:Vt(Ja,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...n})});default:return Vt("div",{style:s,children:Vt(Ja,{value:"rgba(183, 118 , 118, 1.00)",...a,...n})})}};Co.options=Ku;Co.states=wu;Co.variants=_u;Co.defaultOptions=Ks;Co.modifiers=Du;Co.className=Nt.className;var xr="combobox",ws=xr;import{Fragment as Nr,jsx as oe,jsxs as va}from"react/jsx-runtime";var _s="k-combobox",zu=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],Hu={size:[l.undefined,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Ds={separators:!0},Ie=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Ds.separators,prefix:s,suffix:d,value:m,placeholder:f,hover:x,focus:N,valid:h,invalid:u,required:v,loading:L,disabled:M,popup:g,opened:E,readonly:T,adaptive:z,adaptiveSettings:q,adaptiveTitle:ee,adaptiveSubtitle:se,adaptiveCustomValue:le,id:_t,autocomplete:mn,activeDescendant:Mt,"aria-label":Ia,...cn}=e,un=_t?`${_t}-listbox`:void 0;return va(Nr,{children:[va(U,{...cn,size:t,rounded:o,fillMode:a,hover:x,focus:N,valid:h,invalid:u,required:v,loading:L,disabled:M,readonly:T,className:i(e.className,_s),children:[s&&va(Nr,{children:[oe(fe,{children:s}),n&&oe(ne,{})]}),oe(pe,{id:_t,placeholder:f,value:m,role:"combobox","aria-haspopup":"listbox","aria-expanded":E?"true":"false","aria-controls":E?un:void 0,"aria-activedescendant":E&&Mt?Mt:void 0,"aria-autocomplete":mn,"aria-invalid":u?"true":void 0,"aria-busy":L?"true":void 0,"aria-label":Ia,disabled:M,readOnly:T}),oe(te,{valid:h,invalid:u,loading:L,disabled:M}),oe(ae,{loading:L,disabled:M}),oe(de,{loading:L,disabled:M,readonly:T,value:m}),d&&va(Nr,{children:[n&&oe(ne,{}),oe(be,{children:d})]}),oe(p,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:M})]}),E&&g&&oe(W,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:g}),z&&oe(Y,{adaptive:!0,id:_t?`${_t}-adaptive`:void 0,...q,header:oe(Me,{actionsEnd:oe(p,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:m,inputPlaceholder:f,title:ee,subtitle:se}),children:oe("div",{className:"k-list-container",children:oe(w,{customValue:le?oe(Tt,{text:`Use "${m}"`}):void 0,size:"large",children:va(G,{"aria-label":ee\|\|"Options",children:[oe(B,{text:"List item"}),oe(B,{text:"List item"}),oe(B,{text:"List item"})]})})})})]})};Ie.states=zu;Ie.options=Hu;Ie.className=_s;Ie.defaultOptions=Ds;Ie.moduleName=xr;Ie.folderName=ws;var Re=Ie;import{jsx as Fu}from"react/jsx-runtime";var zs=e=>Fu(Re,{...e});import{jsx as sP,jsxs as lP}from"react/jsx-runtime";import{jsx as fP,jsxs as bP}from"react/jsx-runtime";import{jsx as MP,jsxs as SP}from"react/jsx-runtime";import{Fragment as yP,jsx as CP}from"react/jsx-runtime";import{Fragment as PP,jsx as RP}from"react/jsx-runtime";import{jsx as HP,jsxs as FP}from"react/jsx-runtime";import{Fragment as qP,jsx as WP,jsxs as JP}from"react/jsx-runtime";import{jsx as jP}from"react/jsx-runtime";import{jsx as aK}from"react/jsx-runtime";import{jsx as dK,jsxs as pK}from"react/jsx-runtime";import{jsx as xK,jsxs as NK}from"react/jsx-runtime";import{jsx as Bt,jsxs as Wu}from"react/jsx-runtime";var Uu=Ie.states,Gu=Ie.defaultOptions,Vu=Ie.options,$u=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],Xu=[],yo=e=>{let{modifiers:t,...o}=e,a={},n=Bt(w,{style:{width:300},size:o.size,children:Wu(G,{children:[Bt(B,{children:"List item"}),Bt(B,{children:"List item"}),Bt(B,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(s=>{switch(s){case"prefix":a.prefix=t?.[s]?Bt(k,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[s]?Bt(ft,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[s],a.popup=t?.[s]?n:void 0;break;default:break}}),Bt("div",{children:Bt(zs,{value:"Value",style:{width:300},...o,...a})})};yo.options=Vu;yo.states=Uu;yo.variants=Xu;yo.defaultOptions=Gu;yo.modifiers=$u;yo.className=Ie.className;var hr="menu-button",Hs=hr;import{jsx as Yu}from"react/jsx-runtime";var Fs="k-menu-button",Ju=[r.hover,r.focus,r.active,r.selected,r.disabled],qu={size:[l.undefined,l.xsmall,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info,S.inverse]},Lr={showArrow:!0,arrowIconName:"chevron-down"},V=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:d,active:m,selected:f,disabled:x,icon:N,text:h,showArrow:u=Lr.showArrow,arrowIconName:v=Lr.arrowIconName,expanded:L,...M}=e;return Yu(p,{...M,className:i(e.className,Fs),text:h,size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:d,active:m,selected:f,disabled:x,ariaDisabled:x\|\|void 0,icon:N,showArrow:u,arrowIconName:v,"aria-expanded":L?"true":"false",...!h&&N&&!e["aria-label"]&&{"aria-label":"Menu"}})};V.states=Ju;V.options=qu;V.className=Fs;V.defaultOptions=Lr;V.moduleName=hr;V.folderName=Hs;import{jsx as YK}from"react/jsx-runtime";import{jsx as ew}from"react/jsx-runtime";import{jsx as nw}from"react/jsx-runtime";var Pe="menu",Ye=Pe;import{jsx as Ma,jsxs as Us}from"react/jsx-runtime";var vr="k-menu-item",Zu=[r.hover,r.focus,r.active,r.selected,r.disabled],Qu={},Gs={iconPosition:"before"},xe=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:s,icon:d,text:m,showArrow:f,arrowIconName:x,iconPosition:N=Gs.iconPosition,dir:h,children:u,expanded:v,...L}=e,M=x;return M\|\|(M=h==="rtl"?"chevron-left":"chevron-right"),Us("li",{...L,className:i(e.className,vr,"k-item",C(vr,{focus:o,disabled:s,hover:t,active:a,selected:n})),role:"menuitem",...f&&{"aria-haspopup":"menu"},...f&&{"aria-expanded":v?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Us("span",{className:i("k-link k-menu-link"),children:[d&&N==="before"&&Ma(k,{className:"k-menu-link-icon",icon:d}),Ma("span",{className:"k-menu-link-text",children:m}),d&&N==="after"&&Ma(k,{className:"k-menu-link-icon",icon:d}),f&&Ma("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ma(k,{icon:M})})]}),u]})};xe.states=Zu;xe.options=Qu;xe.className=vr;xe.defaultOptions=Gs;xe.moduleName=Pe;xe.folderName=Ye;import{jsx as $t,jsxs as Vs}from"react/jsx-runtime";var Mr="k-menu-item",ju=[r.hover,r.focus,r.active,r.selected,r.disabled],ef={},Sr={dir:"ltr",iconPosition:"before"},J=e=>{let{hover:t,focus:o,active:a,selected:n,disabled:s,icon:d,text:m,showArrow:f,arrowIconName:x,iconPosition:N=Sr.iconPosition,dir:h=Sr.dir,children:u,popup:v,expanded:L,actions:M,description:g,...E}=e,T=x;return T\|\|(T=h==="rtl"?"chevron-left":"chevron-right"),Vs("li",{role:"menuitem",...E,className:i(e.className,Mr,"k-item",C(Mr,{focus:o,disabled:s})),...f&&{"aria-haspopup":"menu"},...f&&{"aria-expanded":L?"true":"false"},...s&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[Vs("span",{className:i("k-link k-menu-link",C("k-menu-link",{hover:t,active:a,selected:n,disabled:s})),children:[d&&N==="before"&&$t(k,{className:"k-menu-link-icon",icon:d}),$t("span",{className:"k-menu-link-text",children:m}),d&&N==="after"&&$t(k,{className:"k-menu-link-icon",icon:d}),M&&$t("span",{className:"k-menu-link-actions",children:M}),f&&$t("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:$t(k,{icon:T})}),g&&$t("span",{className:"k-menu-link-description",children:g})]}),u,v]})};J.states=ju;J.options=ef;J.className=Mr;J.defaultOptions=Sr;J.moduleName=Pe;J.folderName=Ye;import{jsx as nf}from"react/jsx-runtime";var $s="k-menu-scroll-wrapper",tf=[],of={},af={},Xt=e=>{let{className:t,children:o,orientation:a,...n}=e;return nf("div",{...n,className:i(t,$s,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};Xt.states=tf;Xt.options=of;Xt.className=$s;Xt.defaultOptions=af;Xt.moduleName=Pe;Xt.folderName=Ye;var Xs=Xt;import{Fragment as kr,jsx as Wt,jsxs as Ya}from"react/jsx-runtime";var Za="k-menu",rf=[],sf={size:[l.undefined,l.small,l.medium,l.large]},Qa={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},ue=e=>{let{children:t,orientation:o=Qa.orientation,header:a=Qa.header,scrollable:n,scrollButtonsPosition:s=Qa.scrollButtonsPosition,wrapperStyles:d,dir:m,size:f,popup:x,contextMenu:N,...h}=e,u={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},v=Wt("ul",{dir:m,...h,className:i(e.className,"k-reset",Za,{[`${Za}-${o}`]:o,"k-header":a},I(Za,{size:f})),role:N?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Ya(kr,{children:[n?Ya(Xs,{orientation:o,style:d,dir:e.dir,children:[s==="start"&&Ya(kr,{children:[Wt(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"}),Wt(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"})]}),s==="around"&&Wt(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,s==="end"&&Ya(kr,{children:[Wt(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"}),Wt(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"})]}),s==="around"&&Wt(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,x]})};ue.states=rf;ue.options=sf;ue.className=Za;ue.defaultOptions=Qa;ue.moduleName=Pe;ue.folderName=Ye;import{jsx as lf}from"react/jsx-runtime";var gr="k-separator",Ws={orientation:"horizontal"},To=e=>{let{orientation:t=Ws.orientation,...o}=e;return lf("li",{...o,className:i(e.className,"k-item",gr,{[`${gr}-${t}`]:t}),role:"separator"})};To.className=gr;To.defaultOptions=Ws;To.moduleName=Pe;To.folderName=Ye;import{Fragment as Rw,jsx as Pw}from"react/jsx-runtime";import{jsx as cf}from"react/jsx-runtime";var Ir="k-menu-group",df=[],pf={size:[l.undefined,l.small,l.medium,l.large]},mf={},Ne=e=>{let{children:t,size:o,...a}=e;return cf("ul",{role:"menu",...a,className:i(e.className,Ir,I(Ir,{size:o})),children:t})};Ne.states=df;Ne.options=pf;Ne.className=Ir;Ne.defaultOptions=mf;Ne.moduleName=Pe;Ne.folderName=Ye;import{jsx as Gw,jsxs as Vw}from"react/jsx-runtime";import{Fragment as uf,jsx as Oo,jsxs as ff}from"react/jsx-runtime";var Er=e=>Oo(ue,{children:ff(uf,{children:[Oo(xe,{text:"Item 1"}),Oo(xe,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),Oo(xe,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),Oo(xe,{text:"Item 4"}),Oo(xe,{text:"Item 5"})]}),...e});import{Fragment as e0,jsx as Qw,jsxs as jw}from"react/jsx-runtime";import{Fragment as r0,jsx as n0,jsxs as i0}from"react/jsx-runtime";import{Fragment as m0,jsx as p0,jsxs as c0}from"react/jsx-runtime";import{Fragment as N0,jsx as x0,jsxs as h0}from"react/jsx-runtime";import{jsx as Jt,jsxs as Lf}from"react/jsx-runtime";var bf={...ue.options,scrollable:{type:"boolean"}},xf=ue.states,Js={...ue.defaultOptions,variant:"horizontal"},Nf=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],hf=[{name:"opened",title:"Opened"}],Ao=e=>{let{variant:t,modifiers:o,...a}={...Js,...e},n={},s=t==="vertical"?{left:"200px",top:"30px"}:{left:"90px",top:"auto"};return Object.keys(o\|\|{}).forEach(d=>{d==="opened"&&(n.opened=!!o?.[d],n.popup=o?.[d]?Jt(W,{className:"k-menu-popup",offset:s,children:Lf(Ne,{children:[Jt(J,{text:"Item 1"}),Jt(J,{text:"Item 2"}),Jt(To,{}),Jt(J,{text:"Item 3"})]})}):null)}),t==="vertical"?Jt(Er,{...a,...n,orientation:"vertical",style:{width:"200px"}}):Jt(Er,{...a,...n})};Ao.options=bf;Ao.states=xf;Ao.variants=Nf;Ao.defaultOptions=Js;Ao.modifiers=hf;Ao.className=ue.className;import{Fragment as Z0,jsx as q0,jsxs as Y0}from"react/jsx-runtime";import{jsx as t_}from"react/jsx-runtime";import{Fragment as gf,jsx as mt,jsxs as qs}from"react/jsx-runtime";var vf=p.states,Ys={...p.defaultOptions,variant:"text"},Mf=p.options,Sf=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],kf=[{name:"opened",title:"Opened"}],Bo=e=>{let{variant:t,modifiers:o,...a}={...Ys,...e},n={},s=mt(W,{className:"k-menu-popup",children:qs(Ne,{size:a.size,children:[mt(J,{text:"Menu Item"}),mt(J,{text:"Menu Item"}),mt(J,{text:"Menu Item"})]})}),d;switch(t){case"icon-only":d=mt("div",{children:mt(V,{...a,...n,icon:"star"})});break;case"icon-and-text":d=mt("div",{children:mt(V,{...a,...n,icon:"star",children:"Dropdown Button"})});break;default:d=mt("div",{children:mt(V,{...a,...n,children:"Dropdown Button"})});break}return qs(gf,{children:[d,o?.opened&&s]})};Bo.options=Mf;Bo.states=vf;Bo.variants=Sf;Bo.defaultOptions=Ys;Bo.modifiers=kf;Bo.className=V.className;var Cr="split-button",Zs=Cr;import{Fragment as Cf,jsx as yr,jsxs as Qs}from"react/jsx-runtime";var Tr="k-split-button",If=[r.hover,r.focus,r.active,r.selected,r.disabled],Ef={size:[l.undefined,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[S.undefined,S.base,S.primary,S.secondary,S.tertiary,S.success,S.warning,S.error,S.info,S.inverse]},js={arrowIconName:"chevron-down"},_=e=>{let{size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:d,active:m,selected:f,disabled:x,icon:N,text:h,arrowIconName:u=js.arrowIconName,popup:v,opened:L,popupId:M,...g}=e;return Qs(Cf,{children:[Qs("div",{...g,className:i(e.className,Tr,"k-button-group",I(Tr,{rounded:o})),children:[yr(p,{text:h,icon:N,size:t,rounded:o,fillMode:a,themeColor:n,hover:s,focus:d,active:m,selected:f,disabled:x,...!h&&!e.children&&N&&{"aria-label":"Action"},children:e.children}),yr(p,{className:"k-split-button-arrow",icon:u,size:t,rounded:o,fillMode:a,disabled:x,ariaDisabled:x\|\|void 0,"aria-label":"Toggle dropdown","aria-expanded":L?"true":"false","aria-controls":L?M:void 0,tabIndex:-1})]}),L&&v&&yr(W,{className:"k-menu-popup",children:v})]})};_.states=If;_.options=Ef;_.className=Tr;_.defaultOptions=js;_.moduleName=Cr;_.folderName=Zs;var Or=_;import{jsx as Tf}from"react/jsx-runtime";var yf="k-toolbar-separator",re=e=>Tf("div",{className:i(yf,e.className,"k-separator")});var qt="toolbar",Ro=qt;import{Fragment as Ar,jsx as D,jsxs as Po}from"react/jsx-runtime";var ht="k-toolbar",Of=[r.focus],Af={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},Bf={scrollButtons:"around"},$=e=>{let{size:t,fillMode:o,focus:a,resizable:n,scrollable:s,scrollButtons:d,scrollingPosition:m,section:f,...x}=e,N=[],h=(u,v)=>{let L=[];if(u.type===p&&u.props.className&&u.props.className.includes("k-toolbar-overflow-button"))L.push(D(p,{...u.props,className:`${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`));else if(u.type===p)L.push(D(p,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`));else if(u.type===aa)L.push(D(aa,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`));else if(u.type===ft)L.push(D(ft,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`));else if(u.type===V)L.push(D(V,{...u.props,className:`k-toolbar-menu-button ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`));else if(u.type===Or)L.push(D(Or,{...u.props,className:`k-toolbar-split-button ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`));else if(u.type===A\|\|u.props.className&&u.props.className.includes("k-button-group")){let M=[];(Array.isArray(u.props.children)?u.props.children:[u.props.children]).forEach((E,T)=>{M.push(D(p,{...E.props,className:`${E.props.className?E.props.className:""}`},`${T}-${new Date().getTime()}`))}),L.push(D(A,{...u.props,className:`k-toolbar-button-group ${u.props.className?u.props.className:""}`,children:M},`${v}-${new Date().getTime()}`))}else u.type===Ie?L.push(D(Ie,{...u.props,className:`k-toolbar-combobox ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`)):u.type===R?L.push(D(R,{...u.props,className:`k-toolbar-dropdownlist ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`)):u.type===qe?L.push(D(qe,{...u.props,className:`k-toolbar-colorpicker ${u.props.className?u.props.className:""}`},`${v}-${new Date().getTime()}`)):L.push(u);L.forEach(M=>{N.push(M)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((v,L)=>{h(v,L)}),Po("div",{...x,className:i(e.className,ht,I(ht,{size:t,fillMode:o}),C(ht,{focus:a}),{[`${ht}-resizable`]:n,[`${ht}-scrollable`]:s,[`${ht}-scrollable-overlay`]:s&&d==="hidden",[`${ht}-scrollable-${m}`]:m&&m!=="both",[`${ht}-section`]:f}),role:"toolbar","aria-label":"Toolbar",children:[!s&&N,s&&d==="hidden"&&D("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),s&&d==="start"&&Po(Ar,{children:[Po(A,{children:[D("span",{className:i("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:D(k,{className:"k-button-icon",icon:"chevron-left"})}),D("span",{className:i("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:D(k,{className:"k-button-icon",icon:"chevron-right"})})]}),D(re,{className:"k-toolbar-button-separator"}),D("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N})]}),s&&d==="end"&&Po(Ar,{children:[D("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),D(re,{className:"k-toolbar-button-separator"}),Po(A,{children:[D("span",{className:i("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:D(k,{className:"k-button-icon",icon:"chevron-left"})}),D("span",{className:i("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:D(k,{className:"k-button-icon",icon:"chevron-right"})})]})]}),s&&(d==="around"\|\|!d)&&Po(Ar,{children:[D("span",{className:i("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:D(k,{className:"k-button-icon",icon:"chevron-left"})}),D(re,{className:"k-toolbar-button-separator"}),D("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:N}),D(re,{className:"k-toolbar-button-separator"}),D("span",{className:i("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:D(k,{className:"k-button-icon",icon:"chevron-right"})})]})]})};$.states=Of;$.options=Af;$.className=ht;$.defaultOptions=Bf;$.moduleName=qt;$.folderName=Ro;import{jsx as wf}from"react/jsx-runtime";var Br="k-toolbar-item",Rf=[r.focus],Pf={},Kf={},ot=e=>{let{focus:t,...o}=e;return wf("div",{...o,className:i(e.className,Br,C(Br,{focus:t})),children:e.children})};ot.states=Rf;ot.options=Pf;ot.className=Br;ot.defaultOptions=Kf;ot.moduleName=qt;ot.folderName=Ro;import{jsx as el}from"react/jsx-runtime";var tl="k-toolbar-popup",_f=[],Df={size:[l.undefined,l.small,l.medium,l.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},zf={},Yt=e=>{let{size:t,fillMode:o,section:a,...n}=e;return el(W,{...n,className:i(e.className,tl),children:a?el("span",{className:i("k-toolbar-items-list",I("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};Yt.states=_f;Yt.options=Df;Yt.className=tl;Yt.defaultOptions=zf;Yt.moduleName=qt;Yt.folderName=Ro;var ja=Yt;import{jsx as eD}from"react/jsx-runtime";import{jsx as nD}from"react/jsx-runtime";import{jsx as lD}from"react/jsx-runtime";import{jsx as fD,jsxs as bD}from"react/jsx-runtime";import{jsx as LD}from"react/jsx-runtime";import{jsx as Lt,jsxs as Vf}from"react/jsx-runtime";var Hf=_.states,ol={..._.defaultOptions,variant:"text"},Ff=_.options,Uf=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Gf=[{name:"opened",title:"Opened"}],Ko=e=>{let{variant:t,modifiers:o,...a}={...ol,...e},n={},s=Vf(Ne,{size:a.size,children:[Lt(J,{text:"Menu Item"}),Lt(J,{text:"Menu Item"}),Lt(J,{text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(d=>{d==="opened"&&(n.opened=!!o?.[d],n.popup=o?.[d]?s:"")}),t){case"icon-only":return Lt("div",{children:Lt(_,{...a,...n,icon:"star"})});case"icon-and-text":return Lt("div",{children:Lt(_,{...a,...n,icon:"star",children:"Split Button"})});default:return Lt("div",{children:Lt(_,{...a,...n,children:"Split Button"})})}};Ko.options=Ff;Ko.states=Hf;Ko.variants=Uf;Ko.defaultOptions=ol;Ko.modifiers=Gf;Ko.className=_.className;import{jsx as Zt,jsxs as $f}from"react/jsx-runtime";var al=e=>Zt($,{children:[Zt(p,{children:"Button"},"toolbar-button"),Zt(V,{text:"Menu button"},"toolbar-menu-button"),Zt(_,{children:"Split button"},"toolbar-split-button"),$f(A,{children:[Zt(p,{className:"k-group-start",icon:"align-left",children:"Left"}),Zt(p,{icon:"align-center",children:"Center"}),Zt(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as JD,jsxs as qD}from"react/jsx-runtime";import{jsx as Ke,jsxs as nl}from"react/jsx-runtime";var rl=e=>Ke($,{scrollable:!0,...e,children:[Ke(p,{children:"Button"},"toolbar-button"),Ke(V,{text:"Menu button"},"toolbar-menu-button"),Ke(_,{children:"Split button"},"toolbar-split-button"),nl(A,{children:[Ke(p,{className:"k-group-start",icon:"align-left",children:"Left"}),Ke(p,{icon:"align-center",children:"Center"}),Ke(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Ke(p,{children:"Button"},"toolbar-button"),Ke(V,{text:"Menu button"},"toolbar-menu-button"),Ke(_,{children:"Split button"},"toolbar-split-button"),nl(A,{children:[Ke(p,{className:"k-group-start",icon:"align-left",children:"Left"}),Ke(p,{icon:"align-center",children:"Center"}),Ke(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as we,jsxs as il}from"react/jsx-runtime";var sl=({scrollingPosition:e="start",...t})=>we($,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[we(p,{children:"Button"},"toolbar-button"),we(V,{text:"Menu button"},"toolbar-menu-button"),we(_,{children:"Split button"},"toolbar-split-button"),il(A,{children:[we(p,{className:"k-group-start",icon:"align-left",children:"Left"}),we(p,{icon:"align-center",children:"Center"}),we(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),we(p,{children:"Button"},"toolbar-button"),we(V,{text:"Menu button"},"toolbar-menu-button"),we(_,{children:"Split button"},"toolbar-split-button"),il(A,{children:[we(p,{className:"k-group-start",icon:"align-left",children:"Left"}),we(p,{icon:"align-center",children:"Center"}),we(p,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as Xf,jsx as Te,jsxs as en}from"react/jsx-runtime";var ll=({fillMode:e,size:t,...o})=>en(Xf,{children:[Te($,{section:!0,fillMode:e,size:t,children:[Te(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),en(A,{fillMode:e,children:[Te(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Te(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Te(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),Te(re,{className:"k-toolbar-button-separator"}),Te(p,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,"aria-label":"More options","aria-expanded":"false"})],...o}),en(ja,{size:t,fillMode:e,section:!0,...o,children:[Te(_,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),Te(p,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Te(re,{}),Te(V,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),en(A,{fillMode:e,children:[Te(p,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),Te(p,{icon:"align-center",fillMode:e,size:t,children:"Center"}),Te(p,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as yz,jsx as Ez,jsxs as Cz}from"react/jsx-runtime";import{Fragment as zz,jsx as _z,jsxs as Dz}from"react/jsx-runtime";import{jsx as Rt}from"react/jsx-runtime";var Wf=$.options,Jf=$.states,dl={...$.defaultOptions,variant:"default"},qf=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],Yf=[],wo=e=>{let{variant:t,...o}={...dl,...e};switch(t){case"responsive":return Rt("div",{children:Rt(ll,{style:{width:"583px"},...o})});case"overlay":return Rt("div",{children:Rt(sl,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Rt("div",{children:Rt(rl,{style:{width:"583px"},...o})});default:return Rt("div",{children:Rt(al,{style:{width:"583px"},...o})})}};wo.options=Wf;wo.states=Jf;wo.variants=qf;wo.defaultOptions=dl;wo.modifiers=Yf;wo.className=$.className;import{jsx as _e}from"react/jsx-runtime";var pl="k-imageeditor-toolbar",Zf=[],Qf={},jf=[_e(p,{icon:"upload","aria-label":"Upload"},"toolbar-button-1"),_e(p,{disabled:!0,icon:"download","aria-label":"Download"},"toolbar-button-2"),_e(re,{},"toolbar-separator-1"),_e(p,{disabled:!0,icon:"undo","aria-label":"Undo"},"toolbar-button-3"),_e(p,{disabled:!0,icon:"redo","aria-label":"Redo"},"toolbar-button-4"),_e(re,{},"toolbar-separator-2"),_e(p,{disabled:!0,icon:"crop","aria-label":"Crop"},"toolbar-button-5"),_e(p,{disabled:!0,icon:"image-resize","aria-label":"Resize"},"toolbar-button-6"),_e(p,{disabled:!0,icon:"zoom-in","aria-label":"Zoom in"},"toolbar-button-7"),_e(p,{disabled:!0,icon:"zoom-out","aria-label":"Zoom out"},"toolbar-button-8"),_e(ot,{children:_e(R,{disabled:!0,value:"Zoom options","aria-label":"Zoom options"})},"toolbar-item-1")],ml={toolbarItems:jf},_o=e=>{let{toolbarItems:t=ml.toolbarItems,...o}=e;return _e($,{...o,className:i(e.className,pl),children:t})};_o.states=Zf;_o.options=Qf;_o.className=pl;_o.defaultOptions=ml;var cl="image-editor",ul="imageeditor";import{jsx as Sa,jsxs as fl}from"react/jsx-runtime";var bl="k-imageeditor",eb=[],tb={},ob={},ct=e=>{let{toolbarItems:t,actionPane:o,contentHeight:a,children:n,...s}=e;return fl("div",{...s,className:i(e.className,bl),children:[Sa("div",{className:"k-imageeditor-header",children:Sa(_o,{toolbarItems:t})}),fl("div",{className:"k-imageeditor-content",style:{height:a},children:[Sa("div",{className:"k-imageeditor-canvas-container",children:Sa("div",{className:"k-imageeditor-canvas",children:n})}),o&&Sa("div",{className:"k-imageeditor-action-pane",children:o})]})]})};ct.states=eb;ct.options=tb;ct.className=bl;ct.defaultOptions=ob;ct.moduleName=cl;ct.folderName=ul;import{jsx as kH}from"react/jsx-runtime";var xl="form",Nl="forms";import{Fragment as hl,jsx as tn,jsxs as rb}from"react/jsx-runtime";var on="k-form",ab=[],nb={size:[l.undefined,l.small,l.medium,l.large]},Rr={layout:"basic",tag:"form"},ie=e=>{let{size:t,orientation:o,layout:a=Rr.layout,formButtons:n,cols:s,gutters:d,tag:m=Rr.tag,children:f,style:x}=e,N=m,h=i(e.className,on,I(on,{size:t}),{[`${on}-${o}`]:o}),u=rb(hl,{children:[a==="grid"?tn("div",{className:i("k-form-layout","k-d-grid",{[`k-grid-cols-${s}`]:s}),style:{...typeof d=="string"&&{gap:d},...typeof d=="object"&&d.rows&&{rowGap:d.rows},...typeof d=="object"&&d.cols&&{columnGap:d.cols},...x},children:f}):tn(hl,{children:f}),n&&tn("div",{className:"k-form-buttons",children:n})]}),{role:v,"aria-labelledby":L,"aria-label":M,id:g}=e;return tn(N,{className:h,role:v,"aria-labelledby":L,"aria-label":M,id:g,children:u})};ie.states=ab;ie.options=nb;ie.className=on;ie.defaultOptions=Rr;ie.moduleName=xl;ie.folderName=Nl;var Ll="label",vl="label";import{jsx as Ml,jsxs as db}from"react/jsx-runtime";var Pr="k-label",ib=[r.disabled],sb={},lb={},Pt=e=>{let{disabled:t,optional:o,info:a,text:n,children:s,...d}=e;return db("label",{...d,className:i(e.className,Pr,C(Pr,{disabled:t})),children:[n\|\|s,o&&Ml("span",{className:"k-label-optional",children:"(Optional)"}),a&&Ml("span",{className:"k-field-info",children:a})]})};Pt.states=ib;Pt.options=sb;Pt.className=Pr;Pt.defaultOptions=lb;Pt.moduleName=Ll;Pt.folderName=vl;import{jsx as ub}from"react/jsx-runtime";var Sl="k-form-hint",pb=[],mb={},cb={},Ze=e=>{let{text:t,children:o,...a}=e;return ub("div",{...a,className:i(e.className,Sl),children:t\|\|o})};Ze.states=pb;Ze.options=mb;Ze.className=Sl;Ze.defaultOptions=cb;import{jsx as Nb}from"react/jsx-runtime";var kl="k-form-error",fb=[],bb={},xb={},Qe=e=>{let{text:t,children:o,...a}=e;return Nb("div",{...a,className:i(e.className,kl),children:t\|\|o})};Qe.states=fb;Qe.options=bb;Qe.className=kl;Qe.defaultOptions=xb;import{jsx as an,jsxs as gl}from"react/jsx-runtime";var Kr="k-form-field",hb=[r.disabled],j=e=>{let{editorId:t,label:o,orientation:a,optional:n,editor:s,hint:d,error:m,info:f,disabled:x,dir:N,colSpan:h,...u}=e;return gl("div",{...u,className:i(Kr,e.className,C(Kr,{disabled:x}),{[`k-col-span-${h}`]:h}),dir:N,children:[o&&an(Pt,{className:"k-form-label",id:t?`${t}-label`:void 0,htmlFor:t\|\|void 0,optional:n,info:f?"(field info)":void 0,children:o}),a==="horizontal"&&!o&&an("span",{className:"k-label k-form-label k-label-empty"}),gl("div",{className:"k-form-field-wrap",children:[s,d&&an(Ze,{id:t?`${t}-hint`:void 0,children:d}),m&&an(Qe,{id:t?`${t}-error`:void 0,children:m})]})]})};j.states=hb;j.className=Kr;import{Fragment as Lb,jsx as wr,jsxs as vb}from"react/jsx-runtime";var Il="k-form-fieldset",ut=e=>{let{legend:t,layout:o,cols:a,gutters:n,colSpan:s}=e;return vb("fieldset",{className:i(Il,{[`k-col-span-${s}`]:s}),children:[t&&wr("legend",{className:"k-form-legend",children:t}),o==="grid"?wr("div",{className:i("k-form-layout","k-d-grid",{[`k-grid-cols-${a}`]:a}),style:{...typeof n=="string"&&{gap:n},...typeof n=="object"&&n.rows&&{rowGap:n.rows},...typeof n=="object"&&n.cols&&{columnGap:n.cols}},children:e.children}):wr(Lb,{children:e.children})]})};ut.className=Il;var Qt="radio",Do=Qt;import{jsx as El}from"react/jsx-runtime";var nn="k-radio",Mb=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.checked],Sb={size:[l.undefined,l.small,l.medium,l.large]},kb={},he=e=>{let{id:t,checked:o,hover:a,focus:n,disabled:s,invalid:d,valid:m,required:f,size:x,...N}=e;return El("span",{className:"k-radio-wrap",children:El("input",{...N,id:t,type:"radio",checked:o,required:f,disabled:s\|\|void 0,"aria-invalid":d?"true":void 0,className:i(e.className,nn,I(nn,{size:x}),C(nn,{hover:a,focus:n,disabled:s,invalid:d,valid:m,checked:o}))})})};he.states=Mb;he.options=Sb;he.className=nn;he.defaultOptions=kb;he.moduleName=Qt;he.folderName=Do;var je=he;import{jsx as Eb}from"react/jsx-runtime";var Cl="k-radio-list",gb=[],Ib={},yl={layout:"vertical"},Le=e=>{let{layout:t=yl.layout,...o}=e;return Eb("ul",{...o,className:i(e.className,Cl,{[`k-list-${t}`]:t}),role:"radiogroup",children:e.children})};Le.states=gb;Le.options=Ib;Le.className=Cl;Le.defaultOptions=yl;Le.moduleName=Qt;Le.folderName=Do;import{jsx as Ob}from"react/jsx-runtime";var Tl="k-radio-list-item",Cb=[],yb={},Tb={},ve=e=>{let{...t}=e;return Ob("li",{...t,className:i(e.className,Tl),role:"none",children:e.children})};ve.states=Cb;ve.options=yb;ve.className=Tl;ve.defaultOptions=Tb;ve.moduleName=Qt;ve.folderName=Do;import{jsx as m2}from"react/jsx-runtime";import{Fragment as Ab,jsx as Ol,jsxs as Bb}from"react/jsx-runtime";var vt=({children:e,id:t,...o})=>Bb(Ab,{children:[Ol(je,{...o,id:t}),Ol("label",{className:"k-radio-label",htmlFor:t,children:e})]});import{Fragment as L2,jsx as h2,jsxs as v2}from"react/jsx-runtime";import{Fragment as E2,jsx as g2,jsxs as I2}from"react/jsx-runtime";import{Fragment as A2,jsx as O2,jsxs as B2}from"react/jsx-runtime";import{Fragment as _2,jsx as w2,jsxs as D2}from"react/jsx-runtime";import{Fragment as $2,jsx as V2,jsxs as X2}from"react/jsx-runtime";import{jsx as Y2}from"react/jsx-runtime";import{jsx as zb}from"react/jsx-runtime";var Pb=je.options,Kb=je.states,wb=je.defaultOptions,_b=[],Db=[],zo=e=>zb(vt,{id:O("radio"),name:"value",...e,children:"Label"});zo.options=Pb;zo.states=Kb;zo.variants=_b;zo.defaultOptions=wb;zo.modifiers=Db;zo.className=je.className;import{jsx as et,jsxs as Al}from"react/jsx-runtime";var Hb=Le.options,Fb=Le.states,Ub={...Le.defaultOptions,variant:"vertical"},Gb=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Vb=[],Ho=e=>{let{variant:t,...o}=e;return t==="horizontal"?Al(Le,{layout:"horizontal",...o,children:[et(ve,{children:et(vt,{id:O("rb"),name:"value",defaultChecked:!0,children:"Label"})}),et(ve,{children:et(vt,{id:O("rb"),name:"value",children:"Label"})}),et(ve,{children:et(vt,{id:O("rb"),name:"value",children:"Label"})})]}):Al(Le,{...o,children:[et(ve,{children:et(vt,{id:O("rb"),name:"value",defaultChecked:!0,children:"Label"})}),et(ve,{children:et(vt,{id:O("rb"),name:"value",children:"Label"})}),et(ve,{children:et(vt,{id:O("rb"),name:"value",children:"Label"})})]})};Ho.options=Hb;Ho.states=Fb;Ho.variants=Gb;Ho.defaultOptions=Ub;Ho.modifiers=Vb;Ho.className=Le.className;import{Fragment as $b,jsx as Oe,jsxs as Fo}from"react/jsx-runtime";var _r=e=>{let{size:t,children:o,...a}=e;return Oe(ie,{formButtons:Fo($b,{children:[Oe(p,{className:"k-form-submit",themeColor:"primary",size:t,children:"Submit"}),Oe(p,{className:"k-form-clear",size:t,children:"Clear"})]}),size:t,...a,children:o\|\|Fo(ut,{legend:"Form Legend",children:[Oe(j,{label:"Label",editor:Oe(H,{size:t})}),Oe(j,{label:"Label",hint:"Hint text",editor:Oe(R,{value:"Dropdown List",size:t,"aria-label":"Label"})}),Oe(j,{label:"City",editor:Fo("ul",{className:"k-radio-list k-list-horizontal",children:[Fo("li",{className:"k-radio-list-item",children:[Oe(he,{defaultChecked:!0,size:t}),Oe("label",{className:"k-radio-label",children:"Label"})]}),Fo("li",{className:"k-radio-list-item",children:[Oe(he,{size:t}),Oe("label",{className:"k-radio-label",children:"Label"})]}),Fo("li",{className:"k-radio-list-item",children:[Oe(he,{size:t}),Oe("label",{className:"k-radio-label",children:"Label"})]})]})})]})})};import{Fragment as z1,jsx as D1,jsxs as H1}from"react/jsx-runtime";import{Fragment as W1,jsx as X1,jsxs as J1}from"react/jsx-runtime";var Bl="date-input",Rl="dateinput";import{jsx as ka,jsxs as qb}from"react/jsx-runtime";var Pl="k-dateinput",Xb=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Wb={size:[l.undefined,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Jb={},De=e=>{let{size:t,rounded:o,fillMode:a,value:n,placeholder:s,hover:d,focus:m,valid:f,invalid:x,required:N,loading:h,disabled:u,readonly:v,showClearButton:L,showSpinButton:M,id:g,"aria-label":E,"aria-describedby":T,...z}=e;return qb(U,{...z,size:t,rounded:o,fillMode:a,hover:d,focus:m,valid:f,invalid:x,required:N,loading:h,disabled:u,readonly:v,className:i(e.className,Pl),children:[ka(pe,{id:g,placeholder:s,value:n,disabled:u,"aria-label":E,"aria-describedby":T,"aria-invalid":x?"true":void 0}),ka(te,{valid:f,invalid:x,loading:h,disabled:u}),ka(ae,{loading:h,disabled:u}),L&&ka(de,{loading:h,disabled:u,readonly:v,value:n}),M&&ka(dt,{className:"k-input-spinner",size:t,fillMode:a,disabled:u})]})};De.states=Xb;De.options=Wb;De.className=Pl;De.defaultOptions=Jb;De.moduleName=Bl;De.folderName=Rl;var Dr=De;import{jsx as Yb}from"react/jsx-runtime";var Kl=e=>Yb(Dr,{...e});import{jsx as l3}from"react/jsx-runtime";import{jsx as ox}from"react/jsx-runtime";var Zb=De.options,Qb=De.states,jb=De.defaultOptions,ex=[{name:"spin-button",title:"`Spin` Button"}],tx=[],Uo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{n==="spin-button"&&(a.showSpinButton=!!t?.[n])}),ox(Kl,{value:"2/04/2021",style:{width:"300px"},...o,...a})};Uo.options=Zb;Uo.states=Qb;Uo.variants=tx;Uo.defaultOptions=jb;Uo.modifiers=ex;Uo.className=De.className;var wl="masked-textbox",_l="maskedtextbox";import{Fragment as Dl,jsx as Kt,jsxs as zr}from"react/jsx-runtime";var zl="k-maskedtextbox",ax=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],nx={size:[l.undefined,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Hr={showClearButton:!0,separators:!0},ze=e=>{let{size:t,rounded:o,fillMode:a,separators:n=Hr.separators,showClearButton:s=Hr.showClearButton,prefix:d,suffix:m,value:f,placeholder:x,hover:N,focus:h,valid:u,invalid:v,required:L,loading:M,disabled:g,readonly:E,id:T,"aria-label":z,"aria-describedby":q,...ee}=e;return zr(U,{...ee,size:t,rounded:o,fillMode:a,hover:N,focus:h,valid:u,invalid:v,required:L,loading:M,disabled:g,readonly:E,className:i(e.className,zl),children:[d&&zr(Dl,{children:[Kt(fe,{children:d}),n&&Kt(ne,{})]}),Kt(pe,{id:T,placeholder:x,value:f,disabled:g,"aria-label":z,"aria-describedby":q,"aria-invalid":v?"true":void 0}),Kt(te,{valid:u,invalid:v,loading:M,disabled:g}),Kt(ae,{loading:M,disabled:g}),s&&Kt(de,{loading:M,disabled:g,readonly:E,value:f}),m&&zr(Dl,{children:[n&&Kt(ne,{}),Kt(be,{children:m})]})]})};ze.states=ax;ze.options=nx;ze.className=zl;ze.defaultOptions=Hr;ze.moduleName=wl;ze.folderName=_l;var Go=ze;import{jsx as rx}from"react/jsx-runtime";var Hl=e=>rx(Go,{...e});import{Fragment as R3,jsx as B3}from"react/jsx-runtime";import{Fragment as z3,jsx as D3}from"react/jsx-runtime";import{jsx as G3}from"react/jsx-runtime";import{jsx as W3}from"react/jsx-runtime";import{jsx as Fr}from"react/jsx-runtime";var ix=ze.states,sx=ze.defaultOptions,lx=ze.options,dx=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],px=[],Vo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(n=>{switch(n){case"prefix":a.prefix=t?.[n]?Fr(R,{size:o.size,value:"Choose",fillMode:"flat"}):void 0;break;case"suffix":a.suffix=t?.[n]?Fr(k,{icon:"lock"}):void 0;break;case"clear-button":a.showClearButton=t?.[n];break;default:break}}),Fr(Hl,{value:"Value",style:{width:300},...o,...a})};Vo.options=lx;Vo.states=ix;Vo.variants=px;Vo.defaultOptions=sx;Vo.modifiers=dx;Vo.className=ze.className;var Ur="switch",Fl=Ur;import{jsx as rn,jsxs as Ul}from"react/jsx-runtime";var wt="k-switch",mx=[r.hover,r.focus,r.disabled,r.readonly,r.checked],cx={size:[l.undefined,l.small,l.medium,l.large],trackRounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],thumbRounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full]},ux={},Ae=e=>{let{checked:t,onLabel:o,offLabel:a,size:n,trackRounded:s,thumbRounded:d,hover:m,focus:f,disabled:x,readonly:N,...h}=e;return Ul("span",{...h,className:i(e.className,wt,I(wt,{size:n}),C(wt,{hover:m,focus:f,disabled:x,readonly:N}),{[`${wt}-on`]:t,[`${wt}-off`]:!t}),role:"switch","aria-checked":t?"true":"false",tabIndex:x?void 0:0,"aria-disabled":x?"true":void 0,"aria-readonly":N?"true":void 0,children:[Ul("span",{className:i("k-switch-track",I(wt,{rounded:s})),children:[o&&rn("span",{className:"k-switch-label-on",children:o}),a&&rn("span",{className:"k-switch-label-off",children:a})]}),rn("span",{className:"k-switch-thumb-wrap",children:rn("span",{className:i("k-switch-thumb",I(wt,{rounded:d}))})})]})};Ae.states=mx;Ae.options=cx;Ae.className=wt;Ae.defaultOptions=ux;Ae.moduleName=Ur;Ae.folderName=Fl;import{jsx as N5}from"react/jsx-runtime";import{jsx as M5}from"react/jsx-runtime";import{jsx as I5}from"react/jsx-runtime";import{jsx as T5}from"react/jsx-runtime";import{jsx as Gl}from"react/jsx-runtime";var fx=Ae.options,bx=Ae.states,xx={...Ae.defaultOptions,variant:"on"},Nx=[{name:"on",title:"On"},{name:"off",title:"Off"}],hx=[],$o=e=>{let{variant:t,...o}=e;return t==="off"?Gl(Ae,{checked:!1,onLabel:"On",offLabel:"Off",...o}):Gl(Ae,{checked:!0,onLabel:"On",offLabel:"Off",...o})};$o.options=fx;$o.states=bx;$o.variants=Nx;$o.defaultOptions=xx;$o.modifiers=hx;$o.className=Ae.className;var Vr="textarea",Vl=Vr;import{Fragment as $l,jsx as ga,jsxs as $r}from"react/jsx-runtime";var Xl="k-textarea",Lx=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled],vx={size:[l.undefined,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Xo={flow:"vertical",affixesOrientation:"horizontal",resize:"both",prefixSeparator:!0,suffixSeparator:!0},Be=e=>{let{size:t,rounded:o,fillMode:a,prefixSeparator:n=Xo.prefixSeparator,suffixSeparator:s=Xo.prefixSeparator,affixesOrientation:d=Xo.affixesOrientation,flow:m=Xo.flow,resize:f=Xo.resize,prefix:x,suffix:N,rows:h,value:u,placeholder:v,hover:L,focus:M,valid:g,invalid:E,required:T,disabled:z,id:q,"aria-label":ee,"aria-describedby":se,...le}=e;return $r(U,{...le,size:t,rounded:o,fillMode:a,hover:L,focus:M,valid:g,invalid:E,required:T,disabled:z,className:i(e.className,Xl,{"!k-flex-col":m==="vertical","!k-flex-row":m==="horizontal"}),children:[x&&$r($l,{children:[ga(fe,{className:i({"!k-align-items-start":m===d}),direction:d,children:x}),n&&ga(ne,{direction:m==="horizontal"?"vertical":"horizontal"})]}),ga(ia,{className:i("!k-overflow-auto",{"!k-flex-none":m==="vertical","k-resize-x":f==="x","k-resize-y":f==="y","k-resize":f==="both","k-resize-none":f==="none"}),value:u,placeholder:v,rows:h,disabled:z,id:q,"aria-label":ee,"aria-describedby":se,"aria-invalid":E?"true":void 0}),N&&$r($l,{children:[s&&ga(ne,{direction:m==="horizontal"?"vertical":"horizontal"}),ga(be,{className:i({"!k-align-items-start":m===d}),direction:d,children:N})]})]})};Be.states=Lx;Be.options=vx;Be.className=Xl;Be.defaultOptions=Xo;Be.moduleName=Vr;Be.folderName=Vl;import{jsx as Y5}from"react/jsx-runtime";import{Fragment as oF,jsx as tF}from"react/jsx-runtime";import{Fragment as lF,jsx as sF}from"react/jsx-runtime";import{jsx as cF}from"react/jsx-runtime";import{jsx as sn}from"react/jsx-runtime";var Mx=Be.options,Sx=Be.states,Wl={...Be.defaultOptions,variant:"vertical"},kx=[{name:"vertical",title:"Flow vertical"},{name:"horizontal",title:"Flow horizontal"}],gx=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"}],Wo=e=>{let{variant:t,modifiers:o,...a}={...Wl,...e},n={resize:"y"};return Object.keys(o\|\|{}).forEach(s=>{switch(s){case"prefix":n.prefix=o?.[s]?sn(k,{icon:"comment"}):void 0;break;case"suffix":n.suffix=o?.[s]?sn(k,{icon:"volume-up"}):void 0;break;default:break}}),t==="horizontal"?sn(Be,{flow:"horizontal",placeholder:"Enter text...",style:{width:300},...a,...n}):sn(Be,{flow:"vertical",placeholder:"Enter text...",style:{width:300},...a,...n})};Wo.options=Mx;Wo.states=Sx;Wo.variants=kx;Wo.defaultOptions=Wl;Wo.modifiers=gx;Wo.className=Be.className;import{Fragment as wF,jsx as KF,jsxs as _F}from"react/jsx-runtime";import{Fragment as Ox,jsx as Ee,jsxs as Jo}from"react/jsx-runtime";var Ix=ie.options,Ex=ie.states,Cx={...ie.defaultOptions,variant:"vertical"},yx=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Tx=[],qo=e=>{let{variant:t,size:o,...a}=e,n=Jo(ut,{legend:"Form Legend",children:[Ee(j,{label:"Label",editor:Ee(H,{size:o})}),Ee(j,{label:"Label",hint:"Hint text",editor:Ee(R,{value:"Dropdown List",size:o})}),Ee(j,{label:"City",editor:Jo("ul",{className:"k-radio-list k-list-horizontal",children:[Jo("li",{className:"k-radio-list-item",children:[Ee(he,{checked:!0,size:o}),Ee("label",{className:"k-radio-label",children:"Label"})]}),Jo("li",{className:"k-radio-list-item",children:[Ee(he,{size:o}),Ee("label",{className:"k-radio-label",children:"Label"})]}),Jo("li",{className:"k-radio-list-item",children:[Ee(he,{size:o}),Ee("label",{className:"k-radio-label",children:"Label"})]})]})})]}),s=Jo(Ox,{children:[Ee(p,{className:"k-form-submit",themeColor:"primary",size:o,children:"Submit"}),Ee(p,{className:"k-form-clear",size:o,children:"Clear"})]});return t==="horizontal"?Ee(ie,{orientation:"horizontal",size:o,...a,formButtons:s,children:n}):Ee(ie,{size:o,...a,formButtons:s,children:n})};qo.options=Ix;qo.states=Ex;qo.variants=yx;qo.defaultOptions=Cx;qo.modifiers=Tx;qo.className=ie.className;import{jsx as Jl,jsxs as Kx}from"react/jsx-runtime";var Ax=Ze.options,Bx=Ze.states,ql={...Ze.defaultOptions},Rx=[],Px=[{name:"showHint",title:"Show Hint"}],Yo=e=>{let{modifiers:t,...o}={...ql,...e},a=t?.showHint??!0;return Kx("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[Jl(H,{placeholder:"Component",style:{width:"200px"}}),a&&Jl(Ze,{...o,children:"Hint text"})]})};Yo.options=Ax;Yo.states=Bx;Yo.variants=Rx;Yo.defaultOptions=ql;Yo.modifiers=Px;Yo.className=Ze.className;import{jsx as Yl,jsxs as Hx}from"react/jsx-runtime";var wx=Qe.options,_x=Qe.states,Zl={...Qe.defaultOptions},Dx=[],zx=[{name:"showError",title:"Show Error"}],Zo=e=>{let{modifiers:t,...o}={...Zl,...e},a=t?.showError??!0;return Hx("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[Yl(H,{placeholder:"Component",invalid:a,style:{width:"200px"}}),a&&Yl(Qe,{...o,children:"Error text"})]})};Zo.options=wx;Zo.states=_x;Zo.variants=Dx;Zo.defaultOptions=Zl;Zo.modifiers=zx;Zo.className=Qe.className;var Wr="segmented-control",Ql=Wr,jl="segmented-control-button",ed="segmented-control";import{jsx as Gx,jsxs as Vx}from"react/jsx-runtime";var ln="k-segmented-control",Fx=[],Ux={size:[l.undefined,l.small,l.medium,l.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full]},Qo=e=>{let{size:t,rounded:o,stretched:a,children:n,thumbStyles:s,...d}=e;return Vx("div",{...d,className:i(e.className,ln,I(ln,{size:t,rounded:o}),{[`${ln}-stretched`]:a}),role:"group",children:[Gx("div",{className:"k-segmented-control-thumb","aria-hidden":"true",style:s}),n]})};Qo.states=Fx;Qo.options=Ux;Qo.className=ln;Qo.moduleName=Wr;Qo.folderName=Ql;import{jsx as td,jsxs as Jx}from"react/jsx-runtime";var Jr="k-segmented-control-button",$x=[r.selected,r.hover,r.focus,r.disabled],Xx={},Wx={},jt=e=>{let{hover:t,focus:o,selected:a,disabled:n,icon:s,text:d,iconClassName:m,...f}=e;return Jx("button",{...f,className:i(e.className,Jr,C(Jr,{hover:t,focus:o,disabled:n,selected:a})),"aria-pressed":a?"true":"false","aria-disabled":n?"true":void 0,tabIndex:a?0:-1,children:[s&&td(k,{className:i(m,"k-segmented-control-button-icon"),icon:s}),(d\|\|e.children)&&td("span",{className:"k-segmented-control-button-text",children:d\|\|e.children})]})};jt.states=$x;jt.options=Xx;jt.className=Jr;jt.defaultOptions=Wx;jt.moduleName=jl;jt.folderName=ed;import{Fragment as B6,jsx as A6,jsxs as R6}from"react/jsx-runtime";import{Fragment as z6,jsx as D6,jsxs as H6}from"react/jsx-runtime";import{Fragment as X6,jsx as $6,jsxs as W6}from"react/jsx-runtime";import{Fragment as j6,jsx as Q6,jsxs as e7}from"react/jsx-runtime";import{Fragment as i7,jsx as r7,jsxs as s7}from"react/jsx-runtime";import{Fragment as C7,jsx as E7,jsxs as y7}from"react/jsx-runtime";import{Fragment as qx,jsx as F,jsxs as od}from"react/jsx-runtime";var G7=e=>F(ct,{toolbarItems:[F(p,{icon:"upload","aria-label":"Upload"},"toolbar-button-1"),F(p,{icon:"download","aria-label":"Download"},"toolbar-button-2"),F(re,{},"toolbar-separator-1"),F(p,{disabled:!0,icon:"undo","aria-label":"Undo"},"toolbar-button-3"),F(p,{disabled:!0,icon:"redo","aria-label":"Redo"},"toolbar-button-4"),F(re,{},"toolbar-separator-2"),F(p,{icon:"crop","aria-label":"Crop"},"toolbar-button-5"),F(p,{icon:"image-resize","aria-label":"Resize"},"toolbar-button-6"),F(p,{icon:"zoom-in","aria-label":"Zoom in"},"toolbar-button-7"),F(p,{icon:"zoom-out","aria-label":"Zoom out"},"toolbar-button-8"),F(ot,{children:F(R,{value:"Zoom options","aria-label":"Zoom options"})},"toolbar-item-1")],actionPane:F(_r,{tag:"div",className:"k-imageeditor-pane-form",formButtons:od(qx,{children:[F(p,{themeColor:"primary",icon:"check",children:"Confirm"}),F(p,{icon:"cancel",children:"Cancel"})]}),children:od(ut,{layout:"grid",legend:"Resize Image",cols:2,gutters:{cols:"8px"},children:[F(j,{colSpan:"1",label:"Width:",editorId:"resize-width",editor:F(K,{id:"resize-width",showClearButton:!1,value:"61"})}),F(j,{colSpan:"1",label:"\xA0",editor:F(R,{value:"Pixels","aria-label":"Width unit"})}),F(j,{colSpan:"1",label:"Height:",editorId:"resize-height",editor:F(K,{id:"resize-height",showClearButton:!1,value:"68"})}),F(j,{colSpan:"1",label:"\xA0",editor:F(R,{value:"Pixels","aria-label":"Height unit"})}),F(j,{colSpan:"2",editor:F(Ve,{id:"resize-lock",children:"Lock aspect ratio"})})]})}),children:F("canvas",{width:"61",height:"68",role:"img","aria-label":"Image being edited"}),...e});export{G7 as ImageEditorResize};
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 I=(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"}),E=(e,t)=>{let{valid:o,invalid:a,hover:i,focus:l,checked:p,active:m,selected:f,disabled:x,indeterminate:h,loading:N,empty:u,readonly:k,highlighted:g,...M}=t;return n({"k-valid":o,"k-invalid":a,"k-hover":i,"k-focus":l,"k-checked":p,"k-active":m,"k-selected":f,"k-disabled":x,"k-indeterminate":h&&!p,"k-loading":N,"k-empty":u,"k-readonly":k,"k-highlighted":g},Object.keys(M).reduce((S,y)=>(y.startsWith("k-")?S[y]=M[y]:S[`k-${y}`]=M[y],S),{}))};function Fn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(a=>[`k-${a}`,!0]))}var s={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},c={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},b={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},xt={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},v={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},r={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"},Un={calloutMap:{top:"n",bottom:"s",left:"w",right:"e"},orientationMap:{vertical:"vstack",horizontal:"hstack"}};var Ui={};function C(e){return Ui[e]=(Ui[e]\|\|0)+1,`k-${e}-${Ui[e]}`}import{Fragment as Np,jsx as Gn}from"react/jsx-runtime";var Gi="k-font-icon",bp=[],xp={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info]},hp={},ka=e=>{let{size:t,themeColor:o,icon:a,rotate:i,flip:l,...p}=e;return a?Gn("span",{...p,className:n(e.className,Gi,I(Gi,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":l==="h"\|\|l==="both","k-flip-v":l==="v"\|\|l==="both"}),"aria-hidden":"true"}):Gn(Np,{})};ka.states=bp;ka.options=xp;ka.className=Gi;ka.defaultOptions=hp;var $n=ka;import{Fragment as Lp,jsx as Qa}from"react/jsx-runtime";var $i="k-svg-icon",gp=[],vp={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info],variant:[xt.outline,xt.solid,xt.duotone]},Vi={viewBox:"0 0 24 24",variant:xt.outline},Ma=e=>{let{size:t,themeColor:o,rotate:a,flip:i,viewBox:l=Vi.viewBox,variant:p=Vi.variant,icon:m,...f}=e;if(!m)return Qa(Lp,{});if(m==="none")return Qa("span",{...f,className:n(e.className,$i,I("k-icon",{size:t}),"k-none"),"aria-hidden":"true"});let x=typeof m=="object"&&m.name&&m.name,h=typeof m=="object"?p&&m.variants?.[p]\|\|m.variants?.outline\|\|m.content:void 0;return Qa("span",{...f,className:n(e.className,$i,I("k-icon",{size:t}),{[`k-svg-i-${x}`]:x,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":i==="h"\|\|i==="both","k-flip-v":i==="v"\|\|i==="both"}),"aria-hidden":"true",children:Qa("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof m=="object"?m.viewBox:l,dangerouslySetInnerHTML:h!==void 0?{__html:h}:void 0,children:m?void 0:e.children})})};Ma.states=gp;Ma.options=vp;Ma.className=$i;Ma.defaultOptions=Vi;var Xi=Ma;importas Wi from"@progress/kendo-svg-icons";var Vn="icon",Xn="icons";import{useContext as Mp}from"react";import{createContext as kp}from"react";var Wn=kp({iconsType:"svg"});import{Fragment as Jn,jsx as Ia}from"react/jsx-runtime";var ja="k-icon",Ip=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Sp=[],yp={size:[s.undefined,s.xsmall,s.small,s.medium,s.large,s.xlarge,s.xxlarge,s.xxxlarge],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info],variant:[xt.outline,xt.solid,xt.duotone]},ei={viewBox:"0 0 24 24",type:"svg",variant:xt.outline},L=e=>{let{iconsType:t}=Mp(Wn),{size:o,themeColor:a,icon:i,type:l=t\|\|ei.type,rotate:p,flip:m,viewBox:f=ei.viewBox,variant:x=ei.variant,...h}=e;if(!i)return Ia(Jn,{});if((t\|\|l)==="svg"){if(i==="none")return Ia(Xi,{...h,className:n(e.className,ja),icon:i,size:o,variant:x});let u=Wi[i]?i:Ip(`${i}-icon`);return Wi[u]?Ia(Xi,{...h,className:n(e.className,ja),icon:Wi[u],size:o,themeColor:a,rotate:p,flip:m,viewBox:f,variant:x}):Ia(Jn,{})}return Ia($n,{...h,className:n(e.className,ja),icon:i,size:o,themeColor:a,rotate:p,flip:m})};L.states=Sp;L.options=yp;L.defaultOptions=ei;L.className=ja;L.moduleName=Vn;L.folderName=Xn;var Ji="button",qn=Ji;import{Fragment as Yn,jsx as ho,jsxs as Zn}from"react/jsx-runtime";var Sa="k-button",Ep=["icon-button"],Cp=[r.hover,r.focus,r.active,r.selected,r.disabled,r.generating],Tp={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info,v.inverse]},qi={showArrow:!1,arrowIconName:"chevron-down"},d=e=>{let{as:t="button",size:o,rounded:a,fillMode:i,themeColor:l,showArrow:p=qi.showArrow,arrowIconName:m=qi.arrowIconName,variant:f,hover:x,focus:h,active:N,selected:u,disabled:k,togglable:g,ariaDisabled:M,icon:S,iconSize:y,text:O,iconClassName:U,className:Y,...ee}=e,de=S!=null,pe=e.children!==void 0;return Zn(t,{className:n(Y,Sa,Fn(Sa,f),I(Sa,{size:o,rounded:a,fillMode:i,themeColor:l}),E(Sa,{hover:x,focus:h,active:N,disabled:k\|\|M,selected:u}),{"k-icon-button":!O&&!pe&&de}),"aria-pressed":g?u?"true":"false":void 0,...ee,"aria-disabled":M?"true":void 0,disabled:k\|\|void 0,children:[typeof S=="string"&&S&&ho(L,{className:n(U,"k-button-icon"),icon:S,size:y}),S&&typeof S!="string"&&ho(Yn,{children:S}),O?Zn(Yn,{children:[O&&ho("span",{className:"k-button-text",children:O}),e.children]}):e.children&&ho("span",{className:"k-button-text",children:e.children}),p&&ho("span",{className:"k-menu-button-arrow k-button-arrow",children:ho(L,{icon:m})})]})};d.states=Cp;d.options=Tp;d.variants=Ep;d.className=Sa;d.defaultOptions=qi;d.moduleName=Ji;d.folderName=qn;import{jsx as Op}from"react/jsx-runtime";var Ot=e=>Op(d,{icon:"folder",...e,"aria-label":e["aria-label"]\|\|"Folder",children:void 0});import{jsx as Ap}from"react/jsx-runtime";var ya=e=>Ap(d,{icon:"folder",children:"Button",...e});import{jsx as Bp}from"react/jsx-runtime";var ht=e=>Bp(d,{children:"Button",...e});import{jsx as Yi}from"react/jsx-runtime";var Rp=d.options,Pp=d.states,wp={...d.defaultOptions,variant:"text"},Kp=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],zp=[],No=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Yi(Ot,{...o,icon:"star"});case"icon-and-text":return Yi(ya,{...o,icon:"star",children:"Button"});default:return Yi(ht,{...o,children:"Button"})}};No.options=Rp;No.states=Pp;No.variants=Kp;No.defaultOptions=wp;No.modifiers=zp;No.className=d.className;var Zi="button",Qn=Zi;import{jsx as Fp}from"react/jsx-runtime";var Ea="k-button-group",Dp=[r.disabled],_p={fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},Hp={},B=e=>{let{fillMode:t,disabled:o,stretched:a,...i}=e;return Fp("div",{role:"group",...i,className:n(e.className,Ea,I(Ea,{fillMode:t}),E(Ea,{disabled:o}),{[`${Ea}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};B.states=Dp;B.options=_p;B.className=Ea;B.defaultOptions=Hp;B.moduleName=Zi;B.folderName=Qn;import{Fragment as pv,jsx as dv,jsxs as mv}from"react/jsx-runtime";import{Fragment as hv,jsx as xv,jsxs as Nv}from"react/jsx-runtime";import{Fragment as Iv,jsx as Mv,jsxs as Sv}from"react/jsx-runtime";import{Fragment as Av,jsx as Ov,jsxs as Bv}from"react/jsx-runtime";import{Fragment as Dv,jsx as zv,jsxs as _v}from"react/jsx-runtime";import{Fragment as Vv,jsx as $v,jsxs as Xv}from"react/jsx-runtime";import{jsx as At,jsxs as Qi}from"react/jsx-runtime";var Up={...d.options,...B.options},Gp=d.states,$p={...d.defaultOptions,...B.defaultOptions,variant:"text-button"},Vp=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Xp=[],go=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Qi(B,{fillMode:a.fillMode,className:o,children:[At(d,{...a,icon:"star"}),At(d,{...a,icon:"star"}),At(d,{...a,icon:"star"})]}):t==="icon-text-button"?Qi(B,{fillMode:a.fillMode,className:o,children:[At(d,{...a,icon:"star",children:"First"}),At(d,{...a,icon:"star",children:"Middle"}),At(d,{...a,icon:"star",children:"Last"})]}):Qi(B,{fillMode:a.fillMode,className:o,children:[At(d,{...a,children:"First"}),At(d,{...a,children:"Middle"}),At(d,{...a,children:"Last"})]})};go.options=Up;go.states=Gp;go.variants=Vp;go.defaultOptions=$p;go.modifiers=Xp;go.className=B.className;var Ca="input",ti=Ca;import{jsx as Yp}from"react/jsx-runtime";var oi="k-input",Wp=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Jp={size:[s.undefined,s.small,s.medium,s.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},qp={},G=e=>{let{hover:t,focus:o,disabled:a,invalid:i,valid:l,loading:p,readonly:m,size:f,rounded:x,fillMode:h,...N}=e;return Yp("span",{...N,className:n(e.className,oi,I(oi,{size:f,rounded:x,fillMode:h}),E(oi,{hover:t,focus:o,disabled:a,invalid:i,valid:l,loading:p,readonly:m}))})};G.states=Wp;G.options=Jp;G.className=oi;G.defaultOptions=qp;G.moduleName=Ca;G.folderName=ti;import{jsx as em}from"react/jsx-runtime";var ai="k-picker",Zp=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Qp={size:[s.undefined,s.small,s.medium,s.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},jp={},Nt=e=>{let{hover:t,focus:o,disabled:a,invalid:i,valid:l,loading:p,readonly:m,size:f,rounded:x,fillMode:h,...N}=e;return em("span",{...N,className:n(e.className,ai,I(ai,{size:f,rounded:x,fillMode:h}),E(ai,{hover:t,focus:o,disabled:a,invalid:i,valid:l,loading:p,readonly:m})),children:e.children})};Nt.states=Zp;Nt.options=Qp;Nt.className=ai;Nt.defaultOptions=jp;Nt.moduleName=Ca;Nt.folderName=ti;import{Fragment as am,jsx as ji}from"react/jsx-runtime";var jn="k-clear-value",tm=[r.disabled,r.loading,r.readonly],om={},me=e=>{let{disabled:t,loading:o,readonly:a,value:i}=e;return t\|\|a\|\|o\|\|!i?ji(am,{}):ji("span",{className:n(e.className,jn),children:ji(L,{icon:"x"})})};me.states=tm;me.options=om;me.className=jn;import{jsx as nm}from"react/jsx-runtime";var er="k-input-inner",im=[],rm={},ii={type:"text",autocomplete:"off",value:"",placeholder:""},ce=e=>{let{value:t=ii.value,type:o=ii.type,placeholder:a=ii.placeholder,autocomplete:i=ii.autocomplete,disabled:l,readOnly:p,...m}=e;return nm("input",{...m,type:o,className:n(e.className,er,I(er,e)),placeholder:a,autoComplete:i,defaultValue:t,disabled:l\|\|void 0,readOnly:p\|\|void 0})};ce.states=im;ce.options=rm;ce.className=er;import{jsx as el,jsxs as dm}from"react/jsx-runtime";var tr="k-input-inner",lm=[],sm={},Qt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:i,valueIconName:l,...p}=e;return dm("span",{...p,className:n(e.className,tr,I(tr,e)),children:[i,!i&&l&&el(L,{className:"k-input-value-icon",icon:l}),a&&!t&&o,a&&t&&el("span",{className:"k-input-value-text",children:t})]})};Qt.states=lm;Qt.options=sm;Qt.className=tr;import{jsx as cm}from"react/jsx-runtime";var or="k-input-inner",pm=[],mm={},tl={value:"",placeholder:""},Ta=e=>{let{value:t=tl.value,placeholder:o=tl.placeholder,rows:a,disabled:i,...l}=e;return cm("textarea",{...l,className:n(e.className,or,I(or,e)),placeholder:o,rows:a,defaultValue:t,disabled:i\|\|void 0})};Ta.states=pm;Ta.options=mm;Ta.className=or;import{Fragment as fm,jsx as ol}from"react/jsx-runtime";var al="k-input-loading-icon",um=[r.disabled,r.loading],re=e=>{let{disabled:t,loading:o}=e;return t\|\|!o?ol(fm,{}):ol("span",{className:n(e.className,al,"k-icon k-i-loading")})};re.states=um;re.className=al;import{Fragment as hm,jsx as il}from"react/jsx-runtime";var rl="k-input-validation-icon",bm=[r.valid,r.invalid,r.disabled,r.loading],xm={},te=e=>{let{valid:t,invalid:o,disabled:a,loading:i}=e,l=o?"warning-circle":"check-circle";return a\|\|i\|\|!!!(t\|\|o)?il(hm,{}):il(L,{className:n(rl),icon:l})};te.states=bm;te.options=xm;te.className=rl;import{Fragment as vm,jsx as nl}from"react/jsx-runtime";var Nm="k-input-prefix",gm={direction:"horizontal"},be=e=>{let{direction:t=gm.direction,...o}=e;return e.children?nl("span",{...o,className:n(Nm,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):nl(vm,{})};import{Fragment as Mm,jsx as ll}from"react/jsx-runtime";var Lm="k-input-suffix",km={direction:"horizontal"},xe=e=>{let{direction:t=km.direction,...o}=e;return e.children?ll("span",{...o,className:n(Lm,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):ll(Mm,{})};import{jsx as XL}from"react/jsx-runtime";import{jsx as Sm}from"react/jsx-runtime";var Im="k-input-suffix-text",ri=e=>{let{children:t,...o}=e;return Sm("span",{...o,className:n(Im,e.className),children:t})};import{jsx as Em}from"react/jsx-runtime";var sl="k-input-separator",ym={direction:"vertical"},oe=e=>{let{direction:t=ym.direction,...o}=e;return Em("span",{...o,className:n(sl,e.className,{[`${sl}-${t}`]:t})})};import{Fragment as dl,jsx as gt,jsxs as ar}from"react/jsx-runtime";var Cm=G.states,Tm=G.defaultOptions,Om=G.options,Am=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Bm=[],vo=e=>{let{modifiers:t,valid:o,invalid:a,loading:i,disabled:l,readonly:p,...m}=e,f=t?.prefix,x=t?.suffix,h=t?.["clear-button"],N=t?.["validation-icon"],u=t?.separators;return ar(G,{...m,valid:o,invalid:a,loading:i,disabled:l,readonly:p,style:{width:300},children:[f&&ar(dl,{children:[gt(be,{children:gt(L,{icon:"lock"})}),u&&gt(oe,{})]}),gt(ce,{placeholder:"Placeholder",value:"Value"}),N&&gt(te,{valid:o,invalid:a,loading:i,disabled:l}),gt(re,{loading:i,disabled:l}),h&&gt(me,{loading:i,disabled:l,readonly:p,value:"Value"}),x&&ar(dl,{children:[u&&gt(oe,{}),gt(xe,{children:gt(ht,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};vo.options=Om;vo.states=Cm;vo.variants=Bm;vo.defaultOptions=Tm;vo.modifiers=Am;vo.className=G.className;import{jsx as pl,jsxs as wm}from"react/jsx-runtime";var ml="k-color-preview",Rm=[],Pm={},Ht=e=>{let{color:t,iconName:o,...a}=e;return wm("span",{...a,className:n(e.className,ml,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&pl(L,{icon:o,className:"k-color-preview-icon"}),pl("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Ht.states=Rm;Ht.options=Pm;Ht.className=ml;var ir="popup",cl=ir;import{jsx as ul}from"react/jsx-runtime";var fl="k-animation-container",Km=[],zm={},rr={positionMode:"absolute",shown:!0},Je=e=>{let{positionMode:t=rr.positionMode,shown:o=rr.shown,animationStyle:a,offset:i,...l}=e;return ul("div",{...l,style:{...i,...e.style},className:n(e.className,fl,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:ul("div",{className:"k-child-animation-container",style:a,children:e.children})})};Je.states=Km;Je.options=zm;Je.className=fl;Je.defaultOptions=rr;Je.moduleName=ir;Je.folderName=cl;var nr="popup",bl=nr;import{jsx as xl}from"react/jsx-runtime";var hl="k-popup",Dm=[],_m={},Nl={positionMode:"absolute"},X=e=>{let{offset:t,positionMode:o=Nl.positionMode,animationStyle:a,containerClassName:i,containerRole:l,containerAriaLabel:p,...m}=e;return xl(Je,{positionMode:o,offset:t,animationStyle:a,className:i,role:l,"aria-label":p,children:xl("div",{...m,className:n(e.className,hl),children:e.children})})};X.states=Dm;X.options=_m;X.className=hl;X.defaultOptions=Nl;X.moduleName=nr;X.folderName=bl;var lr="action-buttons",gl=lr;import{jsx as Um}from"react/jsx-runtime";var ni="k-actions",Hm=[],Fm={},sr={alignment:"start",orientation:"horizontal"},qe=e=>{let{alignment:t=sr.alignment,orientation:o=sr.orientation,...a}=e;return Um("div",{...a,className:n(ni,{[`${ni}-${t}`]:t,[`${ni}-${o}`]:o},e.className),children:e.children})};qe.states=Hm;qe.options=Fm;qe.className=ni;qe.defaultOptions=sr;qe.moduleName=lr;qe.folderName=gl;import{jsx as $m}from"react/jsx-runtime";var Gm="k-actionsheet-footer",vl={alignment:"stretched",orientation:"horizontal"},Ft=e=>{let{alignment:t=vl.alignment,orientation:o=vl.orientation,template:a,as:i=a?"div":qe,...l}=e;return $m(i,{...l,...!a&&{alignment:t,orientation:o},className:n(e.className,Gm),children:e.children})};var dr="searchbox",Ll=dr;import{jsx as Oa,jsxs as Wm}from"react/jsx-runtime";var kl="k-searchbox",Vm=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading],Xm={size:[s.undefined,s.small,s.medium,s.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},pr={showIcon:!0,icon:"search"},Ye=e=>{let{value:t,placeholder:o,size:a,rounded:i,fillMode:l,hover:p,focus:m,valid:f,invalid:x,required:h,loading:N,disabled:u,showIcon:k=pr.showIcon,icon:g=pr.icon,"aria-label":M,...S}=e;return Wm(G,{...S,size:a,rounded:i,fillMode:l,hover:p,focus:m,valid:f,invalid:x,required:h,loading:N,disabled:u,className:n(e.className,kl),children:[k&&Oa(L,{className:"k-input-icon",icon:g}),Oa(ce,{placeholder:o,value:t,"aria-label":M}),Oa(re,{...e}),Oa(te,{...e}),Oa(me,{...e})]})};Ye.states=Vm;Ye.options=Xm;Ye.className=kl;Ye.defaultOptions=pr;Ye.moduleName=dr;Ye.folderName=Ll;import{jsx as hM}from"react/jsx-runtime";var mr="textbox",Ml=mr;import{Fragment as Il,jsx as Ut,jsxs as cr}from"react/jsx-runtime";var Sl="k-textbox",Jm=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],qm={size:[s.undefined,s.small,s.medium,s.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},li={showClearButton:!0,showValidationIcon:!0,separators:!0},H=e=>{let{size:t,rounded:o,fillMode:a,separators:i=li.separators,showClearButton:l=li.showClearButton,showValidationIcon:p=li.showValidationIcon,prefix:m,suffix:f,type:x,value:h,placeholder:N,hover:u,focus:k,valid:g,invalid:M,required:S,loading:y,disabled:O,readonly:U,id:Y,"aria-label":ee,"aria-describedby":de,...pe}=e;return cr(G,{...pe,size:t,rounded:o,fillMode:a,hover:u,focus:k,valid:g,invalid:M,required:S,loading:y,disabled:O,readonly:U,className:n(e.className,Sl),children:[m&&cr(Il,{children:[Ut(be,{children:m}),i&&Ut(oe,{})]}),Ut(ce,{id:Y,placeholder:N,value:h,type:x,disabled:O,"aria-label":ee,"aria-describedby":de,"aria-invalid":M?"true":void 0}),p&&Ut(te,{valid:g,invalid:M,loading:y,disabled:O}),Ut(re,{loading:y,disabled:O}),l&&Ut(me,{loading:y,disabled:O,readonly:U,value:h}),f&&cr(Il,{children:[i&&Ut(oe,{}),Ut(xe,{children:f})]})]})};H.states=Jm;H.options=qm;H.className=Sl;H.defaultOptions=li;H.moduleName=mr;H.folderName=Ml;var Aa=H;import{jsx as Ym}from"react/jsx-runtime";var yl=e=>Ym(Aa,{...e});import{Fragment as wM,jsx as PM}from"react/jsx-runtime";import{Fragment as FM,jsx as HM}from"react/jsx-runtime";import{jsx as VM}from"react/jsx-runtime";import{jsx as ur}from"react/jsx-runtime";var Zm=H.states,Qm=H.defaultOptions,jm=H.options,ec=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],tc=[],Lo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?ur(L,{icon:"lock"}):void 0;break;case"suffix":a.suffix=t?.[i]?ur(ht,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[i];break;default:break}}),ur(yl,{value:"Value",style:{width:300},...o,...a})};Lo.options=jm;Lo.states=Zm;Lo.variants=tc;Lo.defaultOptions=Qm;Lo.modifiers=ec;Lo.className=H.className;import{jsx as Gt,jsxs as fr}from"react/jsx-runtime";var El="k-actionsheet-titlebar",oc={},Ne=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:i,filter:l,input:p,inputValue:m,inputPlaceholder:f,adaptive:x,titleId:h,children:N,...u}=e;return fr("div",{...u,className:n(e.className,El),children:[fr("div",{className:"k-actionsheet-titlebar-group",children:[a&&Gt("div",{className:"k-actionsheet-actions",children:a}),!N&&fr("div",{className:"k-actionsheet-title",id:h,children:[t&&Gt("div",{className:"k-text-center",children:t}),o&&Gt("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),N&&Gt("div",{className:"k-actionsheet-title",id:h,children:N}),i&&Gt("div",{className:"k-actionsheet-actions",children:i})]}),(p\|\|l)&&Gt("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?Gt(H,{value:m,placeholder:f,size:x?"large":"medium","aria-label":t\|\|f\|\|"Input"}):Gt(Ye,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};Ne.className=El;Ne.defaultOptions=oc;import{jsx as br,jsxs as nc}from"react/jsx-runtime";var xr="k-actionsheet-view",ac=[],ic={},rc={},ko=e=>{let{adaptive:t,animated:o,children:a,header:i,footer:l,titleId:p,...m}=e,f=i?.type===Ne&&br(Ne,{adaptive:t,titleId:p,...i?.props}),x=l?.type===Ft&&br(Ft,{...l?.props});return nc("div",{...m,className:n(e.className,xr,{[`${xr}-animated`]:o}),children:[f,br("div",{className:"k-actionsheet-content",children:a}),x]})};ko.states=ac;ko.options=ic;ko.className=xr;ko.defaultOptions=rc;var Ba="action-sheet",si=Ba;var hr="overlay",Cl=hr;import{jsx as pc}from"react/jsx-runtime";var Tl="k-overlay",lc=[],sc={},dc={},ut=e=>{let{...t}=e;return pc("div",{...t,className:n(e.className,Tl),children:e.children})};ut.states=lc;ut.options=sc;ut.className=Tl;ut.defaultOptions=dc;ut.moduleName=hr;ut.folderName=Cl;var Ol=ut;import{jsx as di,jsxs as uc}from"react/jsx-runtime";var Al="k-actionsheet",mc=[],cc={},Ra={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Z=e=>{let{side:t=Ra.side,fullscreen:o=Ra.fullscreen,adaptive:a=Ra.adaptive,overlay:i=Ra.overlay,template:l,children:p,header:m,footer:f,id:x,...h}=e,N=x&&!l&&m?`${x}-title`:void 0;return uc("div",{className:"k-actionsheet-container",children:[i&&di(ut,{}),di(Je,{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:di("div",{...h,id:x,role:"dialog","aria-modal":i?"true":void 0,"aria-labelledby":N,className:n(e.className,Al,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:l\|\|di(ko,{header:m,footer:f,adaptive:a,titleId:N,...e,children:p})})})]})};Z.states=mc;Z.options=cc;Z.className=Al;Z.defaultOptions=Ra;Z.moduleName=Ba;Z.folderName=si;import{jsx as hc}from"react/jsx-runtime";var Bl="k-actionsheet-container",fc=[],bc={},xc={},Mo=e=>{let{children:t,...o}=e;return hc("div",{...o,className:Bl,children:t})};Mo.states=fc;Mo.options=bc;Mo.className=Bl;Mo.defaultOptions=xc;Mo.moduleName=Ba;Mo.folderName=si;import{jsx as Nc}from"react/jsx-runtime";var Nr=e=>{let{...t}=e;return Nc("div",{...t,className:n(e.className,"k-list-ul"),children:e.children})};import{Fragment as vc,jsx as Pa,jsxs as gr}from"react/jsx-runtime";var vr="k-actionsheet-item",gc=[r.hover,r.focus,r.selected,r.disabled],$t=e=>{let{iconName:t,text:o,description:a,hover:i,focus:l,selected:p,disabled:m,...f}=e;return gr("span",{...f,className:n(e.className,vr,E(vr,{hover:i,focus:l,selected:p,disabled:m})),children:[!e.children&&Pa(vc,{children:gr("span",{className:"k-actionsheet-action",children:[t&&Pa("span",{className:"k-icon-wrap",children:Pa(L,{className:"k-actionsheet-item-icon",icon:t})}),gr("span",{className:"k-actionsheet-item-text",children:[o&&Pa("span",{className:"k-actionsheet-item-title",children:o}),a&&Pa("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};$t.states=gc;$t.className=vr;import{jsx as $I,jsxs as VI}from"react/jsx-runtime";import{jsx as qI}from"react/jsx-runtime";import{jsx as jI}from"react/jsx-runtime";import{jsx as aS}from"react/jsx-runtime";import{jsx as ge,jsxs as Lr}from"react/jsx-runtime";var Lc=Z.options,kc=Z.states,Pl={...Z.defaultOptions,variant:"normal"},Mc=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],Ic=[{name:"actions",title:"Titlebar Actions",type:"boolean"},{name:"subtitle",title:"Subtitle",type:"boolean"},{name:"footer",title:"Footer",type:"boolean"}],Io=e=>{let{variant:t,modifiers:o,...a}={...Pl,...e},i={},l=Lr(Nr,{children:[ge($t,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),ge($t,{text:"Add to Favorites",iconName:"heart"}),ge($t,{text:"Upload New",iconName:"upload",disabled:!0}),ge("hr",{className:"k-hr"}),ge($t,{text:"Cancel",iconName:"cancel"})]}),p="Choose from the items below",m="Select Item";return t==="fullScreen"&&(i.fullScreen=!0),Object.keys(o\|\|{}).forEach(f=>{switch(f){case"actions":i.actionsStart=!!o?.[f],i.actionsEnd=!!o?.[f];break;case"subtitle":i.subtitle=o?.[f]?p:void 0;break;case"footer":i.footer=!!o?.[f];break;default:break}}),t==="adaptive"?ge(Z,{...a,adaptive:!0,fullscreen:i.fullScreen,header:ge(Ne,{actionsStart:i.actionsStart?ge(d,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:i.actionsEnd?ge(d,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:i.subtitle}),footer:i.footer?Lr(Ft,{alignment:"stretched",children:[ge(d,{text:"Cancel",size:"large",themeColor:"base"}),ge(d,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:l}):ge(Z,{...a,fullscreen:i.fullScreen,header:ge(Ne,{actionsStart:i.actionsStart?ge(d,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:i.actionsEnd?ge(d,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:i.subtitle}),footer:i.footer?Lr(Ft,{alignment:"stretched",children:[ge(d,{text:"Apply",themeColor:"primary"}),ge(d,{text:"Cancel",themeColor:"base"})]}):void 0,children:l})};Io.options=Lc;Io.states=kc;Io.variants=Mc;Io.defaultOptions=Pl;Io.modifiers=Ic;Io.className=Z.className;var kr="slider",wl=kr;import{jsx as So,jsxs as Mr}from"react/jsx-runtime";var wa="k-slider",Sc=[r.hover,r.focus,r.active,r.disabled,r.readonly],yc={},Ze={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},$=e=>{let{type:t=Ze.type,orientation:o=Ze.orientation,gradientType:a=Ze.gradientType,readonly:i=Ze.readonly,disabled:l=Ze.disabled,handlePosition:p=Ze.handlePosition,showButtons:m=Ze.showButtons,showTicks:f=Ze.showTicks,value:x=Ze.value,min:h=Ze.min,max:N=Ze.max,startValue:u,endValue:k,hover:g,focus:M,active:S,trackStyle:y,dir:O,...U}=e,ee=(()=>{if(t==="gradient"&&a==="2d")return"undefined";if(o==="vertical")return"vertical"})(),de,pe;return o==="horizontal"?(de=O==="rtl"?"chevron-left":"chevron-right",pe=O==="rtl"?"chevron-right":"chevron-left"):o==="vertical"&&(de="chevron-up",pe="chevron-down"),Mr("div",{...U,className:n(wa,e.className,E(wa,{readonly:i,disabled:l}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:O,children:[m&&So(d,{className:"k-button-decrease",rounded:"full",icon:pe,tabIndex:-1,title:"Decrease"}),Mr("div",{className:"k-slider-track-wrap",children:[f&&So("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Mr("div",{className:"k-slider-track",style:y,children:[So("div",{className:"k-slider-selection"}),t==="range"&&So("span",{className:n("k-draghandle","k-draghandle-start",E(wa,{hover:g,focus:M,active:S})),role:"slider",tabIndex:l?void 0:0,"aria-valuenow":u??h,"aria-valuemin":h,"aria-valuemax":k??N,"aria-orientation":ee,"aria-disabled":l?"true":void 0,"aria-readonly":i?"true":void 0,"aria-label":U["aria-label"]?`${U["aria-label"]} start`:"Range start"}),So("span",{className:n("k-draghandle",`k-draghandle-${p}`,E(wa,{hover:g,focus:M,active:S})),role:"slider",tabIndex:l?void 0:0,"aria-valuenow":t==="range"?k??N:x,"aria-valuemin":t==="range"?u??h:h,"aria-valuemax":N,"aria-orientation":ee,"aria-disabled":l?"true":void 0,"aria-readonly":i?"true":void 0,"aria-label":t==="range"?U["aria-label"]?`${U["aria-label"]} end`:"Range end":U["aria-label"]})]})]}),m&&So(d,{className:"k-button-increase",rounded:"full",icon:de,tabIndex:-1,title:"Increase"})]})};$.states=Sc;$.options=yc;$.className=wa;$.defaultOptions=Ze;$.moduleName=kr;$.folderName=wl;import{jsx as Kl}from"react/jsx-runtime";var zl="k-tick",Ec=[],Cc={},Dl={label:!1},A=e=>{let{style:t,label:o=Dl.label,orientation:a,large:i,text:l,...p}=e;return Kl("li",{...p,role:"presentation",title:l\|\|"Tick",className:n(e.className,zl,{[`k-tick-${a}`]:a,"k-tick-large":i}),style:t,children:o&&Kl("span",{className:"k-label",children:l})})};A.states=Ec;A.options=Cc;A.className=zl;A.defaultOptions=Dl;import{Fragment as Tc,jsx as Qe,jsxs as Oc}from"react/jsx-runtime";var _l=e=>Qe($,{"aria-label":e["aria-label"]\|\|"Slider",children:Oc(Tc,{children:[Qe(A,{className:"k-first",label:!0,large:!0,text:"0"}),Qe(A,{}),Qe(A,{}),Qe(A,{}),Qe(A,{}),Qe(A,{label:!0,large:!0,text:"5"}),Qe(A,{}),Qe(A,{}),Qe(A,{}),Qe(A,{}),Qe(A,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Ac,jsx as je,jsxs as Bc}from"react/jsx-runtime";var Hl=e=>je($,{children:Bc(Ac,{children:[je(A,{className:"k-first",label:!0,large:!0,text:"0"}),je(A,{}),je(A,{}),je(A,{}),je(A,{}),je(A,{label:!0,large:!0,text:"5"}),je(A,{}),je(A,{}),je(A,{}),je(A,{}),je(A,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]\|\|"Vertical slider",...e,orientation:"vertical"});import{Fragment as VS,jsx as $S,jsxs as XS}from"react/jsx-runtime";import{Fragment as ZS,jsx as YS,jsxs as QS}from"react/jsx-runtime";import{jsx as Rc}from"react/jsx-runtime";var Ir=e=>Rc($,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{jsx as Pc}from"react/jsx-runtime";var Sr=e=>Pc($,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]\|\|"Color slider"});import{Fragment as dy,jsx as sy,jsxs as py}from"react/jsx-runtime";import{Fragment as by,jsx as fy,jsxs as xy}from"react/jsx-runtime";import{jsx as vt,jsxs as Fl}from"react/jsx-runtime";var wc=$.options,Kc=$.states,Ul={...$.defaultOptions,variant:"horizontal",label:!0},zc=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Dc=[{name:"label",title:"Labels",default:!0},{name:"tick",title:"Ticks",default:!0},{name:"button",title:"Side Buttons",default:!0}],yo=e=>{let{variant:t,modifiers:o,...a}=e,i=Ul.label,l={};Object.keys(o\|\|{}).forEach(m=>{switch(m){case"button":{l.showButtons=!!o?.[m];break}case"label":{i=!!o?.[m];break}case"tick":{l.showTicks=!!o?.[m];break}}});let p={"--kendo-slider-start":0,"--kendo-slider-end":60};return t==="vertical"?Fl(Hl,{style:{height:"300px",...p},...a,...l,children:[vt(A,{label:i,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),vt(A,{label:i,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),vt(A,{label:i,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),vt(A,{label:i,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),vt(A,{label:i,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Fl(_l,{style:{width:"400px",...p},...a,...l,children:[vt(A,{label:i,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),vt(A,{label:i,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),vt(A,{label:i,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),vt(A,{label:i,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),vt(A,{label:i,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};yo.options=wc;yo.states=Kc;yo.variants=zc;yo.defaultOptions=Ul;yo.modifiers=Dc;yo.className=$.className;import{jsx as Gl,jsxs as Gc}from"react/jsx-runtime";var $l="k-spin-button",Fc=[],Uc={size:[s.undefined,s.small,s.medium,s.large],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},yr={increaseLabel:"Increase value",decreaseLabel:"Decrease value"},Lt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:i=yr.increaseLabel,decreaseLabel:l=yr.decreaseLabel,...p}=e;return Gc("span",{...p,className:n($l,e.className),children:[Gl(d,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":i}),Gl(d,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":l})]})};Lt.states=Fc;Lt.options=Uc;Lt.className=$l;Lt.defaultOptions=yr;Lt.moduleName=null;Lt.folderName=null;var Vl="numeric-textbox",Xl="numerictextbox";import{Fragment as Wl,jsx as Bt,jsxs as Er}from"react/jsx-runtime";var Jl="k-numerictextbox",$c=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],Vc={size:[s.undefined,s.small,s.medium,s.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},pi={showSpinButton:!0,showClearButton:!0,separators:!0},R=e=>{let{size:t,rounded:o,fillMode:a,separators:i=pi.separators,showClearButton:l=pi.showClearButton,showSpinButton:p=pi.showSpinButton,prefix:m,suffix:f,value:x,placeholder:h,hover:N,focus:u,valid:k,invalid:g,required:M,loading:S,disabled:y,readonly:O,id:U,"aria-label":Y,"aria-describedby":ee,...de}=e;return Er(G,{...de,size:t,rounded:o,fillMode:a,hover:N,focus:u,valid:k,invalid:g,required:M,loading:S,disabled:y,readonly:O,className:n(e.className,Jl),children:[m&&Er(Wl,{children:[Bt(be,{children:m}),i&&Bt(oe,{})]}),Bt(ce,{id:U,placeholder:h,value:x,role:"spinbutton",disabled:y,"aria-label":Y,"aria-describedby":ee,"aria-invalid":g?"true":void 0}),Bt(te,{valid:k,invalid:g,loading:S,disabled:y}),Bt(re,{loading:S,disabled:y}),l&&Bt(me,{loading:S,disabled:y,readonly:O,value:x}),f&&Er(Wl,{children:[i&&Bt(oe,{}),Bt(xe,{children:f})]}),p&&Bt(Lt,{className:"k-input-spinner",size:t,fillMode:a,disabled:y})]})};R.states=$c;R.options=Vc;R.className=Jl;R.defaultOptions=pi;R.moduleName=Vl;R.folderName=Xl;var Ka=R;import{jsx as Xc}from"react/jsx-runtime";var ql=e=>Xc(Ka,{...e});import Tr from"react";import{jsx as Yl}from"react/jsx-runtime";var Wc="k-list-group-sticky-header",Cr=e=>Yl("div",{className:n(Wc,e.className),children:Yl("div",{className:"k-list-header-text",children:e.children})});import{jsx as qc}from"react/jsx-runtime";var Jc="k-no-data",mi=e=>{let{live:t,...o}=e;return qc("span",{...o,className:n(Jc,e.className),"aria-live":t?"polite":void 0,children:e.children})};var jt="list",Eo=jt;import{jsx as Zl,jsxs as Ql}from"react/jsx-runtime";var Or="k-list",Yc=[],Zc={size:[s.undefined,s.small,s.medium,s.large]},Qc={},P=e=>{let{size:t,virtualization:o,children:a,header:i,selectAll:l,optionLabel:p,customValue:m,noData:f,screenReaders:x,...h}=e,u=Tr.Children.toArray(a)[0],k=u?.props?.children?Tr.Children.count(u.props.children):Tr.Children.count(a);return Ql("div",{...h,className:n(e.className,Or,I(Or,{size:t}),{"k-virtual-list":o}),children:[p,l,m,i&&Zl(Cr,{children:i}),a\|\|(f!==void 0?f:Zl(mi,{live:!0,children:"No data found."})),x&&a&&Ql(mi,{className:"k-sr-only",live:!0,children:[k," items found."]})]})};P.states=Yc;P.options=Zc;P.className=Or;P.defaultOptions=Qc;P.moduleName=jt;P.folderName=Eo;import{jsx as ou}from"react/jsx-runtime";var jl="k-list-container",jc=[],eu={},tu={},Co=e=>{let{...t}=e;return ou("div",{...t,className:n(e.className,jl),children:e.children})};Co.states=jc;Co.options=eu;Co.className=jl;Co.defaultOptions=tu;Co.moduleName=jt;Co.folderName=Eo;var eo="checkbox",To=eo;import{jsx as es}from"react/jsx-runtime";var ci="k-checkbox",au=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.checked,r.indeterminate],iu={size:[s.undefined,s.small,s.medium,s.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full]},ru={},we=e=>{let{id:t,checked:o,indeterminate:a,hover:i,focus:l,disabled:p,invalid:m,valid:f,required:x,size:h,rounded:N,wrapperRole:u,...k}=e;return es("span",{className:"k-checkbox-wrap",role:u,children:es("input",{...k,id:t,type:"checkbox",defaultChecked:o,required:x,disabled:p\|\|void 0,"aria-invalid":m?"true":void 0,className:n(e.className,ci,I(ci,{size:h,rounded:N}),E(ci,{hover:i,focus:l,disabled:p,invalid:m,valid:f,indeterminate:a,checked:o}))})})};we.states=au;we.options=iu;we.className=ci;we.defaultOptions=ru;we.moduleName=eo;we.folderName=To;var ft=we;import{jsx as su}from"react/jsx-runtime";var ts="k-checkbox-list",nu=[],lu={},os={layout:"vertical"},Ee=e=>{let{layout:t=os.layout,...o}=e;return su("ul",{...o,className:n(e.className,ts,{[`k-list-${t}`]:t}),children:e.children})};Ee.states=nu;Ee.options=lu;Ee.className=ts;Ee.defaultOptions=os;Ee.moduleName=eo;Ee.folderName=To;import{jsx as cu}from"react/jsx-runtime";var as="k-checkbox-list-item",du=[],pu={},mu={},Ce=e=>{let{...t}=e;return cu("li",{...t,className:n(e.className,as),children:e.children})};Ce.states=du;Ce.options=pu;Ce.className=as;Ce.defaultOptions=mu;Ce.moduleName=eo;Ce.folderName=To;import{Fragment as uu,jsx as is,jsxs as fu}from"react/jsx-runtime";var et=({children:e="Label",id:t="cb-label-after",...o})=>fu(uu,{children:[is(ft,{id:t,...o}),is("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as HE,jsx as _E,jsxs as FE}from"react/jsx-runtime";import{Fragment as XE,jsx as VE,jsxs as WE}from"react/jsx-runtime";import{Fragment as QE,jsx as ZE,jsxs as jE}from"react/jsx-runtime";import{jsx as aC}from"react/jsx-runtime";import{jsx as lC}from"react/jsx-runtime";import{jsx as mC}from"react/jsx-runtime";import{jsx as tt,jsxs as rs}from"react/jsx-runtime";var bu=Ee.options,xu=Ee.states,hu={...Ee.defaultOptions,variant:"vertical"},Nu=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],gu=[],Oo=e=>{let{variant:t,...o}=e;return t==="horizontal"?rs(Ee,{layout:"horizontal",...o,children:[tt(Ce,{children:tt(et,{id:C("cb"),defaultChecked:!0,children:"Label"})}),tt(Ce,{children:tt(et,{id:C("cb"),children:"Label"})}),tt(Ce,{children:tt(et,{id:C("cb"),children:"Label"})})]}):rs(Ee,{...o,children:[tt(Ce,{children:tt(et,{id:C("cb"),defaultChecked:!0,children:"Label"})}),tt(Ce,{children:tt(et,{id:C("cb"),children:"Label"})}),tt(Ce,{children:tt(et,{id:C("cb"),children:"Label"})})]})};Oo.options=bu;Oo.states=xu;Oo.variants=Nu;Oo.defaultOptions=hu;Oo.modifiers=gu;Oo.className=Ee.className;import{jsx as Su}from"react/jsx-runtime";var vu=ft.options,Lu=ft.states,ku=ft.defaultOptions,Mu=[],Iu=[],Ao=e=>Su(et,{id:C("checkbox"),...e,defaultChecked:!0,children:"Label"});Ao.options=vu;Ao.states=Lu;Ao.variants=Mu;Ao.defaultOptions=ku;Ao.modifiers=Iu;Ao.className=ft.className;import{jsx as Bo,jsxs as Tu}from"react/jsx-runtime";var Ar="k-list-item",yu=[r.hover,r.focus,r.selected,r.disabled],Eu={},Cu={},T=e=>{let{text:t,iconName:o,iconClassName:a,showCheckbox:i,checked:l,hover:p,focus:m,selected:f,disabled:x,actions:h,description:N,id:u,...k}=e,g=t\|\|e.children,M=t\|\|(typeof g=="string"?g:void 0);return Tu("li",{...k,id:u,role:"option",tabIndex:m?0:-1,"aria-selected":f?"true":"false","aria-disabled":x?"true":void 0,className:n(e.className,Ar,E(Ar,{hover:p,focus:m,disabled:x,selected:f})),children:[i&&Bo(we,{checked:l,disabled:x,"aria-label":M,tabIndex:-1}),o&&Bo("span",{className:"k-list-item-icon-wrapper",children:Bo(L,{icon:o,className:n("k-list-item-icon",a)})}),Bo("span",{className:"k-list-item-text",children:g}),h&&Bo("div",{className:"k-list-item-actions",children:h}),N&&Bo("span",{className:"k-list-item-description",children:N})]})};T.states=yu;T.options=Eu;T.className=Ar;T.defaultOptions=Cu;T.moduleName=jt;T.folderName=Eo;import{jsx as Au}from"react/jsx-runtime";var Ou="k-list-ul",kt=e=>{let{children:t,role:o,id:a,...i}=e;return Au("ul",{...i,id:a,role:o,className:n(Ou,e.className),children:t})};import{jsx as Br,jsxs as Ru}from"react/jsx-runtime";var Bu="k-list-content",K=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":i,listboxId:l,...p}=e;return Ru("div",{...p,className:n(Bu,e.className),role:o?"listbox":void 0,id:o?l:void 0,"aria-label":o?a:void 0,"aria-labelledby":o?i:void 0,children:[o?e.children:Br(kt,{role:"listbox",id:l,"aria-label":a,"aria-labelledby":i,children:e.children}),t&&Br("div",{className:"k-height-container",children:Br("div",{})})]})};import{jsx as Rr,jsxs as zu}from"react/jsx-runtime";var ui="k-list-sticky-header",Pu=[r.hover,r.focus,r.selected],wu={},Ku={},fi=e=>{let{label:t="Select all",showCheckbox:o=!0,checked:a,indeterminate:i,hover:l,focus:p,selected:m,...f}=e;return Rr("div",{...f,className:n(ui,e.className),children:zu("div",{className:n(`${ui}-item`,E(`${ui}-item`,{hover:l,focus:p,selected:m})),"aria-label":t,...!o&&{tabIndex:0,"aria-selected":m?"true":"false"},children:[o&&Rr(we,{checked:a,indeterminate:i,"aria-label":t}),Rr("span",{className:"k-list-item-text",children:t})]})})};fi.states=Pu;fi.options=wu;fi.className=ui;fi.defaultOptions=Ku;import{Fragment as rT,jsx as iT,jsxs as nT}from"react/jsx-runtime";import{jsx as mT,jsxs as cT}from"react/jsx-runtime";import{jsx as Fu}from"react/jsx-runtime";var Pr="k-list-optionlabel",Du=[r.hover,r.focus,r.selected,r.disabled],_u={},Hu={},bi=e=>{let{text:t,hover:o,focus:a,selected:i,disabled:l,...p}=e;return Fu("div",{...p,className:n(Pr,E(Pr,{hover:o,focus:a,selected:i,disabled:l})),children:t})};bi.states=Du;bi.options=_u;bi.className=Pr;bi.defaultOptions=Hu;import{jsx as Vu}from"react/jsx-runtime";var wr="k-list-custom-value",Uu=[r.hover,r.focus,r.selected,r.disabled],Gu={},$u={},ot=e=>{let{text:t,hover:o,focus:a,selected:i,disabled:l,...p}=e;return Vu("div",{...p,className:n(wr,E(wr,{hover:o,focus:a,selected:i,disabled:l})),children:t})};ot.states=Uu;ot.options=Gu;ot.className=wr;ot.defaultOptions=$u;import{Fragment as IT,jsx as MT,jsxs as ST}from"react/jsx-runtime";import{Fragment as AT,jsx as OT,jsxs as BT}from"react/jsx-runtime";import{Fragment as _T,jsx as zT,jsxs as DT}from"react/jsx-runtime";import{Fragment as XT,jsx as $T,jsxs as VT}from"react/jsx-runtime";import{jsx as YT}from"react/jsx-runtime";import{Fragment as oO,jsx as tO,jsxs as aO}from"react/jsx-runtime";import{Fragment as dO,jsx as sO,jsxs as pO}from"react/jsx-runtime";var ns="dropdown-list",ls="dropdownlist";import{Fragment as Ju,jsx as Te,jsxs as Kr}from"react/jsx-runtime";var ss="k-dropdownlist",Xu=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Wu={size:[s.undefined,s.small,s.medium,s.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},zr={showValue:!0,arrowIconName:"chevron-down"},V=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:i=zr.arrowIconName,showValue:l=zr.showValue,valueIconName:p,prefix:m,suffix:f,value:x,placeholder:h,hover:N,focus:u,valid:k,invalid:g,required:M,loading:S,disabled:y,readonly:O,popup:U,opened:Y,adaptive:ee,adaptiveSettings:de,adaptiveTitle:pe,adaptiveSubtitle:bt,adaptiveFilter:ga,id:ct,activeDescendant:xo,"aria-label":va,...La}=e,fp=ct?`${ct}-listbox`:void 0,Hn=ct?`${ct}-value`:void 0;return Kr(Ju,{children:[Kr(Nt,{...La,id:ct,size:t,rounded:o,fillMode:a,hover:N,focus:u,valid:k,invalid:g,required:M,loading:S,disabled:y,readonly:O,className:n(e.className,ss,{"k-icon-picker":!l&&p}),role:"combobox","aria-haspopup":"listbox","aria-expanded":Y?"true":"false","aria-controls":Y?fp:void 0,"aria-activedescendant":Y&&xo?xo:void 0,"aria-describedby":Y?Hn:void 0,"aria-disabled":y?"true":void 0,"aria-label":va,tabIndex:0,children:[Te(be,{children:m}),Te(Qt,{placeholder:h,value:x,showValue:l,valueIconName:p,id:Hn}),Te(te,{valid:k,invalid:g,loading:S,disabled:y}),Te(re,{loading:S,disabled:y}),Te(xe,{children:f}),Te(d,{className:"k-input-button",icon:i,size:e.size,fillMode:e.fillMode,"aria-label":h\|\|"Toggle dropdown",tabIndex:-1})]}),Y&&U&&Te(X,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:U}),ee&&Te(Z,{adaptive:!0,...de,header:Te(Ne,{actionsEnd:Te(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:ga,inputValue:x,inputPlaceholder:h,title:pe,subtitle:bt}),children:Te("div",{className:"k-list-container",children:Te(P,{size:"large",children:Kr(K,{"aria-label":"Options",children:[Te(T,{text:"List item"}),Te(T,{text:"List item"}),Te(T,{text:"List item"})]})})})})]})};V.states=Xu;V.options=Wu;V.className=ss;V.defaultOptions=zr;V.moduleName=ns;V.folderName=ls;import{jsx as VO}from"react/jsx-runtime";import{jsx as ZO,jsxs as QO}from"react/jsx-runtime";import{Fragment as lA,jsx as rA,jsxs as nA}from"react/jsx-runtime";import{jsx as cA}from"react/jsx-runtime";import{jsx as NA,jsxs as gA}from"react/jsx-runtime";import{Fragment as CA,jsx as yA,jsxs as EA}from"react/jsx-runtime";import{jsx as RA}from"react/jsx-runtime";import{Fragment as ef,jsx as Vt,jsxs as ds}from"react/jsx-runtime";var qu=V.states,Yu=V.defaultOptions,Zu=V.options,Qu=[{name:"opened",title:"Opened"}],ju=[],Po=e=>{let{modifiers:t,...o}=e,a={},i=ds(ef,{children:[Vt("div",{className:"k-list-filter",children:Vt(Ye,{})}),Vt(P,{style:{width:300},size:o.size,children:ds(K,{children:[Vt(T,{children:"List item"}),Vt(T,{children:"List item"}),Vt(T,{children:"List item"})]})})]});return Object.keys(t\|\|{}).forEach(l=>{l==="opened"&&(a.opened=!!t?.[l],a.popup=t?.[l]?i:void 0)}),Vt("div",{children:Vt(V,{placeholder:"Value",style:{width:300},...o,...a})})};Po.options=Zu;Po.states=qu;Po.variants=ju;Po.defaultOptions=Yu;Po.modifiers=Qu;Po.className=V.className;import{Fragment as tB,jsx as eB}from"react/jsx-runtime";import{Fragment as lB,jsx as nB}from"react/jsx-runtime";import{jsx as mB}from"react/jsx-runtime";import{jsx as Dr}from"react/jsx-runtime";var tf=R.states,of=R.defaultOptions,af=R.options,rf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],nf=[],wo=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?Dr(V,{size:o.size,fillMode:"flat",value:"mm"}):void 0;break;case"suffix":a.suffix=t?.[i]?Dr(ri,{children:"mm"}):void 0;break;case"clear-button":a.showClearButton=t?.[i];break;case"spin-button":a.showSpinButton=t?.[i];break;default:break}}),Dr(ql,{value:"Value",style:{width:300},...o,...a})};wo.options=af;wo.states=tf;wo.variants=nf;wo.defaultOptions=of;wo.modifiers=rf;wo.className=R.className;import{Fragment as za,jsx as z,jsxs as ne}from"react/jsx-runtime";var ps="k-colorgradient-inputs",lf=[],sf={size:[s.undefined,s.small,s.medium,s.large]},ms={mode:"rgba"},Ko=e=>{let{mode:t=ms.mode,size:o,...a}=e;return ne("div",{...a,className:n(ps,"k-hstack"),children:[z("div",{className:"k-vstack",children:z(d,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o,"aria-label":"Toggle color input format"})}),t==="rgba"&&ne(za,{children:[ne("div",{className:"k-vstack",children:[z(R,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),z("label",{className:"k-colorgradient-input-label",children:"R"})]}),ne("div",{className:"k-vstack",children:[z(R,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),z("label",{className:"k-colorgradient-input-label",children:"G"})]}),ne("div",{className:"k-vstack",children:[z(R,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),z("label",{className:"k-colorgradient-input-label",children:"B"})]}),ne("div",{className:"k-vstack",children:[z(R,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),z("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&ne(za,{children:[ne("div",{className:"k-vstack",children:[z(R,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),z("label",{className:"k-colorgradient-input-label",children:"R"})]}),ne("div",{className:"k-vstack",children:[z(R,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),z("label",{className:"k-colorgradient-input-label",children:"G"})]}),ne("div",{className:"k-vstack",children:[z(R,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),z("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&ne(za,{children:[ne("div",{className:"k-vstack",children:[z(R,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),z("label",{className:"k-colorgradient-input-label",children:"H"})]}),ne("div",{className:"k-vstack",children:[z(R,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),z("label",{className:"k-colorgradient-input-label",children:"S"})]}),ne("div",{className:"k-vstack",children:[z(R,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),z("label",{className:"k-colorgradient-input-label",children:"V"})]}),ne("div",{className:"k-vstack",children:[z(R,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),z("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&ne(za,{children:[ne("div",{className:"k-vstack",children:[z(R,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),z("label",{className:"k-colorgradient-input-label",children:"H"})]}),ne("div",{className:"k-vstack",children:[z(R,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),z("label",{className:"k-colorgradient-input-label",children:"S"})]}),ne("div",{className:"k-vstack",children:[z(R,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),z("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&z(za,{children:ne("div",{className:"k-vstack k-flex-1",children:[z(H,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),z("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};Ko.states=lf;Ko.options=sf;Ko.className=ps;Ko.defaultOptions=ms;import{jsx as oo,jsxs as ao}from"react/jsx-runtime";var cs="k-colorgradient-color-contrast",df=[],pf={},mf={},zo=()=>ao("div",{className:n(cs,"k-vbox"),children:[ao("div",{className:"k-contrast-ratio",children:[oo("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),ao("span",{className:"k-contrast-validation !k-text-success",children:[oo(L,{icon:"check"}),oo(L,{icon:"check"})]})]}),ao("div",{children:[oo("span",{children:"AA: 4.5"}),ao("span",{className:"k-contrast-validation !k-text-success",children:["Pass",oo(L,{icon:"check"})]})]}),ao("div",{children:[oo("span",{children:"AAA: 7.0"}),ao("span",{className:"k-contrast-validation !k-text-error",children:["Fail",oo(L,{icon:"x"})]})]})]});zo.states=df;zo.options=pf;zo.className=cs;zo.defaultOptions=mf;var us="color-gradient",fs="colorgradient";import{jsx as at,jsxs as Da}from"react/jsx-runtime";var xi="k-colorgradient",cf=[r.hover,r.focus,r.readonly,r.disabled],uf={size:[s.undefined,s.small,s.medium,s.large]},Mt={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"},ve=e=>{let{size:t,mode:o=Mt.mode,readonly:a=Mt.readonly,disabled:i=Mt.disabled,gradientStyle:l=Mt.gradientStyle,dragHandleStyle:p=Mt.dragHandleStyle,alphaStyle:m=Mt.alphaStyle,alphaStyleHorizontal:f=Mt.alphaStyleHorizontal,contrast:x=Mt.contrast,dir:h,hover:N,focus:u,hoverHandle:k,focusHandle:g,canvasOrientation:M=Mt.canvasOrientation,role:S,tabIndex:y,...O}=e;return Da("div",{...O,role:S??"textbox","aria-label":S==="none"?void 0:"Color gradient",tabIndex:y??0,"aria-disabled":i?"true":void 0,className:n(e.className,xi,I(xi,{size:t}),E(xi,{hover:N,focus:u,readonly:a,disabled:i})),dir:h,children:[!M\|\|M==="horizontal"&&Da("div",{className:"k-colorgradient-canvas k-hstack",children:[at("div",{className:"k-hsv-rectangle",style:l,children:at("div",{className:"k-hsv-gradient",children:at("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":k,"k-focus":g}),style:p,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Da("div",{className:"k-hsv-controls k-hstack",children:[at(Sr,{className:"k-hue-slider",hover:k,focus:g}),o!=="rgb"&&o!=="hsv"&&at(Sr,{className:"k-alpha-slider",hover:k,focus:g,trackStyle:m})]})]}),M==="vertical"&&Da("div",{className:"k-colorgradient-canvas k-vstack",children:[at("div",{className:"k-hsv-rectangle",style:l,children:at("div",{className:"k-hsv-gradient",children:at("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":k,"k-focus":g}),style:p,role:"slider","aria-orientation":"undefined","aria-label":"Color well with two-dimensional slider for selecting saturation and lightness","aria-valuetext":"X: 73, Y: 50","aria-valuenow":50,"aria-valuemin":0,"aria-valuemax":100})})}),Da("div",{className:"k-hsv-controls k-vstack",children:[at(Ir,{className:"k-hue-slider",hover:k,focus:g}),o!=="rgb"&&o!=="hsv"&&at(Ir,{className:"k-alpha-slider",hover:k,focus:g,trackStyle:f})]})]}),at(Ko,{mode:e.mode,size:t}),x&&at(zo,{})]})};ve.states=cf;ve.options=uf;ve.className=xi;ve.defaultOptions=Mt;ve.moduleName=us;ve.folderName=fs;import{jsx as ff}from"react/jsx-runtime";var hi=e=>ff(ve,{...e});import{jsx as YB}from"react/jsx-runtime";import{jsx as eR}from"react/jsx-runtime";import{jsx as _r}from"react/jsx-runtime";var bf=ve.options,xf=ve.states,hf={...ve.defaultOptions,variant:"rgba"},Nf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],gf=[],Do=e=>{let{variant:t,...o}=e;switch(t){case"hex":return _r(hi,{...o,mode:t});case"rgb":return _r(hi,{...o,mode:t});default:return _r(hi,{...o,mode:t})}};Do.options=bf;Do.states=xf;Do.variants=Nf;Do.defaultOptions=hf;Do.modifiers=gf;Do.className=ve.className;import{jsx as vf}from"react/jsx-runtime";var Hr=e=>vf("tr",{role:"row",children:e.children});import{jsx as Mf}from"react/jsx-runtime";var Fr="k-colorpalette-tile",Lf=[r.hover,r.focus,r.selected],kf={},Xt=e=>{let{color:t,tileSize:o,hover:a,focus:i,selected:l,...p}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return Mf("td",{...p,role:"gridcell","aria-label":t,"aria-selected":l?"true":void 0,className:n(e.className,Fr,E(Fr,{hover:a,focus:i,selected:l})),style:m})};Xt.states=Lf;Xt.options=kf;Xt.className=Fr;Xt.moduleName=null;Xt.folderName=null;var bs="color-palette",xs="colorpalette";import{jsx as _a}from"react/jsx-runtime";var Ni="k-colorpalette",If=[r.disabled],Sf={size:[s.undefined,s.small,s.medium,s.large]},hs={columns:10},Ke=e=>{let{size:t,palette:o,columns:a=hs.columns,tileSize:i,disabled:l,...p}=e,m=[];if(o){let f=a\|\|o.columns,x=o.colors?o.colors:o;Array.isArray(x)&&Array.from({length:Math.ceil(x.length/f)},(h,N)=>{let u=[];x.slice(Nf,(N+1)*f).map((g,M)=>{u.push(_a(Xt,{color:g,tileSize:i},M))});let k=_a(Hr,{children:u},N);m.push(k)})}return _a("div",{...p,role:"grid","aria-label":"Color palette",tabIndex:0,"aria-disabled":l?"true":void 0,className:n(e.className,Ni,E(Ni,{disabled:l}),I(Ni,{size:t})),children:_a("table",{className:"k-colorpalette-table",role:"none",children:_a("tbody",{children:m.length>0?m:e.children})})})};Ke.states=If;Ke.options=Sf;Ke.className=Ni;Ke.defaultOptions=hs;Ke.moduleName=bs;Ke.folderName=xs;var gi=Ke;var Ha={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 yf}from"react/jsx-runtime";var Ns=e=>yf(gi,{palette:Ha.basic,...e});import{jsx as wR}from"react/jsx-runtime";import{jsx as FR,jsxs as UR}from"react/jsx-runtime";import{jsx as Rf}from"react/jsx-runtime";var Ef=Ke.options,Cf=Ke.states,Tf={...Ke.defaultOptions,variant:"basic"},Of=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Af={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}},Bf=[],_o=e=>{let{variant:t="basic",...o}=e,a=Af[t];return Rf(Ns,{columns:a.columns,palette:a,...o})};_o.options=Ef;_o.states=Cf;_o.variants=Of;_o.defaultOptions=Tf;_o.modifiers=Bf;_o.className=Ke.className;var gs="color-editor",vs="coloreditor";import{jsx as it,jsxs as Ho}from"react/jsx-runtime";var vi="k-coloreditor",Pf=[r.focus],wf={size:[s.undefined,s.small,s.medium,s.large]},Fa={view:"gradient",palette:Ha.office,actionButtons:!0,canvasOrientation:"horizontal"},le=e=>{let{size:t,view:o=Fa.view,palette:a=Fa.palette,color:i,currentColor:l,focus:p,focusView:m,dir:f,group:x,actionButtons:h=Fa.actionButtons,canvasOrientation:N=Fa.canvasOrientation,...u}=e;return Ho("div",{...u,role:"textbox","aria-label":"Color editor",tabIndex:0,className:n(e.className,"k-flatcolorpicker",vi,I(vi,{size:t}),E(vi,{focus:p})),dir:f,children:[Ho("div",{className:"k-coloreditor-header k-hstack",children:[it("div",{className:"k-coloreditor-header-actions k-hstack",children:x&&Ho(B,{fillMode:"flat",children:[it(d,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),it(d,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),it("div",{className:"k-spacer"}),Ho("div",{className:"k-coloreditor-header-actions k-hstack",children:[it(d,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Ho("div",{className:"k-coloreditor-preview k-vstack",children:[it(Ht,{className:"k-coloreditor-preview-color",color:i}),it(Ht,{className:"k-coloreditor-current-color",color:l})]})]})]}),it("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?it(ve,{focus:m,size:t,canvasOrientation:N,role:"none",tabIndex:-1}):it(Ke,{palette:a,size:t})}),h&&Ho(qe,{className:"k-coloreditor-footer",alignment:"start",children:[it(d,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),it(d,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};le.states=Pf;le.options=wf;le.className=vi;le.defaultOptions=Fa;le.moduleName=gs;le.folderName=vs;var Fo=le;import{jsx as hP}from"react/jsx-runtime";import{jsx as LP}from"react/jsx-runtime";import{jsx as Kf}from"react/jsx-runtime";var Ls=e=>Kf(Fo,{group:!0,currentColor:"fuchsia",...e});import{jsx as zf}from"react/jsx-runtime";var ks=e=>zf(Fo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Ms}from"react/jsx-runtime";var Df=le.options,_f=le.states,Hf={...le.defaultOptions,variant:"gradient"},Ff=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],Uf=[],Uo=e=>{let{variant:t,...o}=e;return t==="palette"?Ms(ks,{...o,color:"white"}):Ms(Ls,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Uo.options=Df;Uo.states=_f;Uo.variants=Ff;Uo.defaultOptions=Hf;Uo.modifiers=Uf;Uo.className=le.className;var Is="color-picker",Ss="colorpicker";import{Fragment as Vf,jsx as rt,jsxs as Ur}from"react/jsx-runtime";var ys="k-colorpicker",Gf=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled],$f={size:[s.undefined,s.small,s.medium,s.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Es={arrowIconName:"chevron-down"},Le=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:i=Es.arrowIconName,prefix:l,suffix:p,value:m,placeholder:f,hover:x,focus:h,valid:N,invalid:u,required:k,disabled:g,valueIconName:M,popup:S,opened:y,adaptive:O,adaptiveSettings:U,adaptiveTitle:Y,adaptiveSubtitle:ee,...de}=e,pe="colorpicker-popup";return Ur(Vf,{children:[Ur(Nt,{...de,size:t,rounded:o,fillMode:a,hover:x,focus:h,valid:N,invalid:u,required:k,disabled:g,role:"combobox","aria-haspopup":"dialog","aria-expanded":y?"true":"false","aria-controls":y\|\|O?pe:void 0,"aria-label":"Color picker",tabIndex:0,"aria-disabled":g?"true":void 0,className:n(e.className,ys,"k-icon-picker"),children:[rt(be,{children:l}),rt(Qt,{placeholder:f,value:m,showValue:!1,valueIcon:rt(Ht,{className:"k-value-icon",color:m,iconName:M}),valueIconName:M}),rt(xe,{children:p}),rt(d,{className:"k-input-button",icon:i,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:g})]}),y&&S&&rt(X,{id:pe,className:"k-colorpicker-popup",children:S}),O&&rt(Z,{adaptive:!0,id:pe,...U,header:rt(Ne,{actionsEnd:rt(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:Y,subtitle:ee}),footer:Ur(Ft,{children:[rt(d,{text:"Cancel",size:"large"}),rt(d,{text:"Set",size:"large",themeColor:"primary"})]}),children:rt(le,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Le.states=Gf;Le.options=$f;Le.className=ys;Le.defaultOptions=Es;Le.moduleName=Is;Le.folderName=Ss;var Rt=Le;import{jsx as Xf}from"react/jsx-runtime";var Li=e=>Xf(Rt,{...e});import{jsx as iw}from"react/jsx-runtime";import{jsx as dw}from"react/jsx-runtime";import{jsx as uw}from"react/jsx-runtime";import{jsx as hw}from"react/jsx-runtime";import{jsx as Lw}from"react/jsx-runtime";import{jsx as Sw}from"react/jsx-runtime";import{jsx as io}from"react/jsx-runtime";var Wf=Rt.options,Jf=Rt.states,Cs={...Rt.defaultOptions,variant:"color"},qf=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Yf=[{name:"opened",title:"Opened"}],Go=e=>{let{variant:t,modifiers:o,...a}={...Cs,...e},i={};Object.keys(o\|\|{}).forEach(p=>{p==="opened"&&(i.opened=!!o?.[p],i.popup=o?.[p]?io(le,{size:a.size,color:"rgba(183, 118 , 118, 1.00)",group:!0}):"")});let l=i.opened?{width:"272px",height:"390px"}:{};switch(t){case"no color":return io("div",{style:l,children:io(Li,{...a,...i})});case"icon":return io("div",{style:l,children:io(Li,{value:"rgba(183, 118 , 118, 1.00)",valueIconName:"edit-tools",...a,...i})});default:return io("div",{style:l,children:io(Li,{value:"rgba(183, 118 , 118, 1.00)",...a,...i})})}};Go.options=Wf;Go.states=Jf;Go.variants=qf;Go.defaultOptions=Cs;Go.modifiers=Yf;Go.className=Rt.className;var Gr="combobox",Ts=Gr;import{Fragment as $r,jsx as ue,jsxs as Ua}from"react/jsx-runtime";var Os="k-combobox",Zf=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],Qf={size:[s.undefined,s.small,s.medium,s.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},As={separators:!0},ke=e=>{let{size:t,rounded:o,fillMode:a,separators:i=As.separators,prefix:l,suffix:p,value:m,placeholder:f,hover:x,focus:h,valid:N,invalid:u,required:k,loading:g,disabled:M,popup:S,opened:y,readonly:O,adaptive:U,adaptiveSettings:Y,adaptiveTitle:ee,adaptiveSubtitle:de,adaptiveCustomValue:pe,id:bt,autocomplete:ga,activeDescendant:ct,"aria-label":xo,...va}=e,La=bt?`${bt}-listbox`:void 0;return Ua($r,{children:[Ua(G,{...va,size:t,rounded:o,fillMode:a,hover:x,focus:h,valid:N,invalid:u,required:k,loading:g,disabled:M,readonly:O,className:n(e.className,Os),children:[l&&Ua($r,{children:[ue(be,{children:l}),i&&ue(oe,{})]}),ue(ce,{id:bt,placeholder:f,value:m,role:"combobox","aria-haspopup":"listbox","aria-expanded":y?"true":"false","aria-controls":y?La:void 0,"aria-activedescendant":y&&ct?ct:void 0,"aria-autocomplete":ga,"aria-invalid":u?"true":void 0,"aria-busy":g?"true":void 0,"aria-label":xo,disabled:M,readOnly:O}),ue(te,{valid:N,invalid:u,loading:g,disabled:M}),ue(re,{loading:g,disabled:M}),ue(me,{loading:g,disabled:M,readonly:O,value:m}),p&&Ua($r,{children:[i&&ue(oe,{}),ue(xe,{children:p})]}),ue(d,{className:"k-input-button",icon:"chevron-down",size:t,fillMode:a,"aria-label":"Open popup",tabIndex:-1,disabled:M})]}),y&&S&&ue(X,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:S}),U&&ue(Z,{adaptive:!0,id:bt?`${bt}-adaptive`:void 0,...Y,header:ue(Ne,{actionsEnd:ue(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:m,inputPlaceholder:f,title:ee,subtitle:de}),children:ue("div",{className:"k-list-container",children:ue(P,{customValue:pe?ue(ot,{text:`Use "${m}"`}):void 0,size:"large",children:Ua(K,{"aria-label":ee\|\|"Options",children:[ue(T,{text:"List item"}),ue(T,{text:"List item"}),ue(T,{text:"List item"})]})})})})]})};ke.states=Zf;ke.options=Qf;ke.className=Os;ke.defaultOptions=As;ke.moduleName=Gr;ke.folderName=Ts;var He=ke;import{jsx as jf}from"react/jsx-runtime";var Bs=e=>jf(He,{...e});import{jsx as l0,jsxs as s0}from"react/jsx-runtime";import{jsx as f0,jsxs as b0}from"react/jsx-runtime";import{jsx as L0,jsxs as k0}from"react/jsx-runtime";import{Fragment as C0,jsx as E0}from"react/jsx-runtime";import{Fragment as P0,jsx as R0}from"react/jsx-runtime";import{jsx as H0,jsxs as F0}from"react/jsx-runtime";import{Fragment as q0,jsx as W0,jsxs as J0}from"react/jsx-runtime";import{jsx as j0}from"react/jsx-runtime";import{jsx as aK}from"react/jsx-runtime";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 Wt,jsxs as rb}from"react/jsx-runtime";var eb=ke.states,tb=ke.defaultOptions,ob=ke.options,ab=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],ib=[],$o=e=>{let{modifiers:t,...o}=e,a={},i=Wt(P,{style:{width:300},size:o.size,children:rb(K,{children:[Wt(T,{children:"List item"}),Wt(T,{children:"List item"}),Wt(T,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?Wt(L,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[l]?Wt(Ot,{size:o.size,icon:"copy",fillMode:"clear"}):void 0;break;case"opened":a.opened=!!t?.[l],a.popup=t?.[l]?i:void 0;break;default:break}}),Wt("div",{children:Wt(Bs,{value:"Value",style:{width:300},...o,...a})})};$o.options=ob;$o.states=eb;$o.variants=ib;$o.defaultOptions=tb;$o.modifiers=ab;$o.className=ke.className;var Vr="menu-button",Rs=Vr;import{jsx as sb}from"react/jsx-runtime";var Ps="k-menu-button",nb=[r.hover,r.focus,r.active,r.selected,r.disabled],lb={size:[s.undefined,s.xsmall,s.small,s.medium,s.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info,v.inverse]},Xr={showArrow:!0,arrowIconName:"chevron-down"},q=e=>{let{size:t,rounded:o,fillMode:a,themeColor:i,hover:l,focus:p,active:m,selected:f,disabled:x,icon:h,text:N,showArrow:u=Xr.showArrow,arrowIconName:k=Xr.arrowIconName,expanded:g,...M}=e;return sb(d,{...M,className:n(e.className,Ps),text:N,size:t,rounded:o,fillMode:a,themeColor:i,hover:l,focus:p,active:m,selected:f,disabled:x,ariaDisabled:x\|\|void 0,icon:h,showArrow:u,arrowIconName:k,"aria-expanded":g?"true":"false",...!N&&h&&!e["aria-label"]&&{"aria-label":"Menu"}})};q.states=nb;q.options=lb;q.className=Ps;q.defaultOptions=Xr;q.moduleName=Vr;q.folderName=Rs;import{jsx as YK}from"react/jsx-runtime";import{jsx as ez}from"react/jsx-runtime";import{jsx as iz}from"react/jsx-runtime";var Fe="menu",nt=Fe;import{jsx as Ga,jsxs as ws}from"react/jsx-runtime";var Wr="k-menu-item",db=[r.hover,r.focus,r.active,r.selected,r.disabled],pb={},Ks={iconPosition:"before"},Ie=e=>{let{hover:t,focus:o,active:a,selected:i,disabled:l,icon:p,text:m,showArrow:f,arrowIconName:x,iconPosition:h=Ks.iconPosition,dir:N,children:u,expanded:k,...g}=e,M=x;return M\|\|(M=N==="rtl"?"chevron-left":"chevron-right"),ws("li",{...g,className:n(e.className,Wr,"k-item",E(Wr,{focus:o,disabled:l,hover:t,active:a,selected:i})),role:"menuitem",...f&&{"aria-haspopup":"menu"},...f&&{"aria-expanded":k?"true":"false"},...l&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[ws("span",{className:n("k-link k-menu-link"),children:[p&&h==="before"&&Ga(L,{className:"k-menu-link-icon",icon:p}),Ga("span",{className:"k-menu-link-text",children:m}),p&&h==="after"&&Ga(L,{className:"k-menu-link-icon",icon:p}),f&&Ga("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:Ga(L,{icon:M})})]}),u]})};Ie.states=db;Ie.options=pb;Ie.className=Wr;Ie.defaultOptions=Ks;Ie.moduleName=Fe;Ie.folderName=nt;import{jsx as ro,jsxs as zs}from"react/jsx-runtime";var Jr="k-menu-item",mb=[r.hover,r.focus,r.active,r.selected,r.disabled],cb={},qr={dir:"ltr",iconPosition:"before"},Q=e=>{let{hover:t,focus:o,active:a,selected:i,disabled:l,icon:p,text:m,showArrow:f,arrowIconName:x,iconPosition:h=qr.iconPosition,dir:N=qr.dir,children:u,popup:k,expanded:g,actions:M,description:S,...y}=e,O=x;return O\|\|(O=N==="rtl"?"chevron-left":"chevron-right"),zs("li",{role:"menuitem",...y,className:n(e.className,Jr,"k-item",E(Jr,{focus:o,disabled:l})),...f&&{"aria-haspopup":"menu"},...f&&{"aria-expanded":g?"true":"false"},...l&&{"aria-disabled":"true"},...o&&{tabIndex:0},children:[zs("span",{className:n("k-link k-menu-link",E("k-menu-link",{hover:t,active:a,selected:i,disabled:l})),children:[p&&h==="before"&&ro(L,{className:"k-menu-link-icon",icon:p}),ro("span",{className:"k-menu-link-text",children:m}),p&&h==="after"&&ro(L,{className:"k-menu-link-icon",icon:p}),M&&ro("span",{className:"k-menu-link-actions",children:M}),f&&ro("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:ro(L,{icon:O})}),S&&ro("span",{className:"k-menu-link-description",children:S})]}),u,k]})};Q.states=mb;Q.options=cb;Q.className=Jr;Q.defaultOptions=qr;Q.moduleName=Fe;Q.folderName=nt;import{jsx as xb}from"react/jsx-runtime";var Ds="k-menu-scroll-wrapper",ub=[],fb={},bb={},no=e=>{let{className:t,children:o,orientation:a,...i}=e;return xb("div",{...i,className:n(t,Ds,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};no.states=ub;no.options=fb;no.className=Ds;no.defaultOptions=bb;no.moduleName=Fe;no.folderName=nt;var _s=no;import{Fragment as Yr,jsx as lo,jsxs as Mi}from"react/jsx-runtime";var Ii="k-menu",hb=[],Nb={size:[s.undefined,s.small,s.medium,s.large]},Si={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},Me=e=>{let{children:t,orientation:o=Si.orientation,header:a=Si.header,scrollable:i,scrollButtonsPosition:l=Si.scrollButtonsPosition,wrapperStyles:p,dir:m,size:f,popup:x,contextMenu:h,...N}=e,u={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},k=lo("ul",{dir:m,...N,className:n(e.className,"k-reset",Ii,{[`${Ii}-${o}`]:o,"k-header":a},I(Ii,{size:f})),role:h?"menu":"menubar",...o==="vertical"&&{"aria-orientation":"vertical"},children:t});return Mi(Yr,{children:[i?Mi(_s,{orientation:o,style:p,dir:e.dir,children:[l==="start"&&Mi(Yr,{children:[lo(d,{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"}),lo(d,{fillMode:"flat",size:"xsmall",icon:`chevron-${u[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),l==="around"&&lo(d,{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"}),k,l==="end"&&Mi(Yr,{children:[lo(d,{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"}),lo(d,{fillMode:"flat",size:"xsmall",icon:`chevron-${u[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next",tabIndex:-1,"aria-label":"Scroll next"})]}),l==="around"&&lo(d,{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"})]}):k,x]})};Me.states=hb;Me.options=Nb;Me.className=Ii;Me.defaultOptions=Si;Me.moduleName=Fe;Me.folderName=nt;import{jsx as gb}from"react/jsx-runtime";var Zr="k-separator",Hs={orientation:"horizontal"},Vo=e=>{let{orientation:t=Hs.orientation,...o}=e;return gb("li",{...o,className:n(e.className,"k-item",Zr,{[`${Zr}-${t}`]:t}),role:"separator"})};Vo.className=Zr;Vo.defaultOptions=Hs;Vo.moduleName=Fe;Vo.folderName=nt;import{Fragment as Rz,jsx as Pz}from"react/jsx-runtime";import{jsx as Mb}from"react/jsx-runtime";var Qr="k-menu-group",vb=[],Lb={size:[s.undefined,s.small,s.medium,s.large]},kb={},Se=e=>{let{children:t,size:o,...a}=e;return Mb("ul",{role:"menu",...a,className:n(e.className,Qr,I(Qr,{size:o})),children:t})};Se.states=vb;Se.options=Lb;Se.className=Qr;Se.defaultOptions=kb;Se.moduleName=Fe;Se.folderName=nt;import{jsx as Gz,jsxs as $z}from"react/jsx-runtime";import{Fragment as Ib,jsx as Xo,jsxs as Sb}from"react/jsx-runtime";var jr=e=>Xo(Me,{children:Sb(Ib,{children:[Xo(Ie,{text:"Item 1"}),Xo(Ie,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),Xo(Ie,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),Xo(Ie,{text:"Item 4"}),Xo(Ie,{text:"Item 5"})]}),...e});import{Fragment as eD,jsx as Qz,jsxs as jz}from"react/jsx-runtime";import{Fragment as rD,jsx as iD,jsxs as nD}from"react/jsx-runtime";import{Fragment as mD,jsx as pD,jsxs as cD}from"react/jsx-runtime";import{Fragment as hD,jsx as xD,jsxs as ND}from"react/jsx-runtime";import{jsx as so,jsxs as Ob}from"react/jsx-runtime";var yb={...Me.options,scrollable:{type:"boolean"}},Eb=Me.states,Fs={...Me.defaultOptions,variant:"horizontal"},Cb=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Tb=[{name:"opened",title:"Opened"}],Wo=e=>{let{variant:t,modifiers:o,...a}={...Fs,...e},i={},l=t==="vertical"?{left:"200px",top:"30px"}:{left:"90px",top:"auto"};return Object.keys(o\|\|{}).forEach(p=>{p==="opened"&&(i.opened=!!o?.[p],i.popup=o?.[p]?so(X,{className:"k-menu-popup",offset:l,children:Ob(Se,{children:[so(Q,{text:"Item 1"}),so(Q,{text:"Item 2"}),so(Vo,{}),so(Q,{text:"Item 3"})]})}):null)}),t==="vertical"?so(jr,{...a,...i,orientation:"vertical",style:{width:"200px"}}):so(jr,{...a,...i})};Wo.options=yb;Wo.states=Eb;Wo.variants=Cb;Wo.defaultOptions=Fs;Wo.modifiers=Tb;Wo.className=Me.className;import{Fragment as ZD,jsx as qD,jsxs as YD}from"react/jsx-runtime";import{jsx as t_}from"react/jsx-runtime";import{Fragment as wb,jsx as It,jsxs as Us}from"react/jsx-runtime";var Ab=d.states,Gs={...d.defaultOptions,variant:"text"},Bb=d.options,Rb=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Pb=[{name:"opened",title:"Opened"}],Jo=e=>{let{variant:t,modifiers:o,...a}={...Gs,...e},i={},l=It(X,{className:"k-menu-popup",children:Us(Se,{size:a.size,children:[It(Q,{text:"Menu Item"}),It(Q,{text:"Menu Item"}),It(Q,{text:"Menu Item"})]})}),p;switch(t){case"icon-only":p=It("div",{children:It(q,{...a,...i,icon:"star"})});break;case"icon-and-text":p=It("div",{children:It(q,{...a,...i,icon:"star",children:"Dropdown Button"})});break;default:p=It("div",{children:It(q,{...a,...i,children:"Dropdown Button"})});break}return Us(wb,{children:[p,o?.opened&&l]})};Jo.options=Bb;Jo.states=Ab;Jo.variants=Rb;Jo.defaultOptions=Gs;Jo.modifiers=Pb;Jo.className=q.className;var en="split-button",$s=en;import{Fragment as Db,jsx as tn,jsxs as Vs}from"react/jsx-runtime";var on="k-split-button",Kb=[r.hover,r.focus,r.active,r.selected,r.disabled],zb={size:[s.undefined,s.small,s.medium,s.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary,v.success,v.warning,v.error,v.info,v.inverse]},Xs={arrowIconName:"chevron-down"},D=e=>{let{size:t,rounded:o,fillMode:a,themeColor:i,hover:l,focus:p,active:m,selected:f,disabled:x,icon:h,text:N,arrowIconName:u=Xs.arrowIconName,popup:k,opened:g,popupId:M,...S}=e;return Vs(Db,{children:[Vs("div",{...S,className:n(e.className,on,"k-button-group",I(on,{rounded:o})),children:[tn(d,{text:N,icon:h,size:t,rounded:o,fillMode:a,themeColor:i,hover:l,focus:p,active:m,selected:f,disabled:x,...!N&&!e.children&&h&&{"aria-label":"Action"},children:e.children}),tn(d,{className:"k-split-button-arrow",icon:u,size:t,rounded:o,fillMode:a,disabled:x,ariaDisabled:x\|\|void 0,"aria-label":"Toggle dropdown","aria-expanded":g?"true":"false","aria-controls":g?M:void 0,tabIndex:-1})]}),g&&k&&tn(X,{className:"k-menu-popup",children:k})]})};D.states=Kb;D.options=zb;D.className=on;D.defaultOptions=Xs;D.moduleName=en;D.folderName=$s;var an=D;import{jsx as Hb}from"react/jsx-runtime";var _b="k-toolbar-separator",ye=e=>Hb("div",{className:n(_b,e.className,"k-separator")});var po="toolbar",qo=po;import{Fragment as rn,jsx as _,jsxs as Yo}from"react/jsx-runtime";var Pt="k-toolbar",Fb=[r.focus],Ub={size:[s.undefined,s.small,s.medium,s.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},Gb={scrollButtons:"around"},W=e=>{let{size:t,fillMode:o,focus:a,resizable:i,scrollable:l,scrollButtons:p,scrollingPosition:m,section:f,...x}=e,h=[],N=(u,k)=>{let g=[];if(u.type===d&&u.props.className&&u.props.className.includes("k-toolbar-overflow-button"))g.push(_(d,{...u.props,className:`${u.props.className?u.props.className:""}`},`${k}-${new Date().getTime()}`));else if(u.type===d)g.push(_(d,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${k}-${new Date().getTime()}`));else if(u.type===ya)g.push(_(ya,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${k}-${new Date().getTime()}`));else if(u.type===Ot)g.push(_(Ot,{...u.props,className:`k-toolbar-button ${u.props.className?u.props.className:""}`},`${k}-${new Date().getTime()}`));else if(u.type===q)g.push(_(q,{...u.props,className:`k-toolbar-menu-button ${u.props.className?u.props.className:""}`},`${k}-${new Date().getTime()}`));else if(u.type===an)g.push(_(an,{...u.props,className:`k-toolbar-split-button ${u.props.className?u.props.className:""}`},`${k}-${new Date().getTime()}`));else if(u.type===B\|\|u.props.className&&u.props.className.includes("k-button-group")){let M=[];(Array.isArray(u.props.children)?u.props.children:[u.props.children]).forEach((y,O)=>{M.push(_(d,{...y.props,className:`${y.props.className?y.props.className:""}`},`${O}-${new Date().getTime()}`))}),g.push(_(B,{...u.props,className:`k-toolbar-button-group ${u.props.className?u.props.className:""}`,children:M},`${k}-${new Date().getTime()}`))}else u.type===ke?g.push(_(ke,{...u.props,className:`k-toolbar-combobox ${u.props.className?u.props.className:""}`},`${k}-${new Date().getTime()}`)):u.type===V?g.push(_(V,{...u.props,className:`k-toolbar-dropdownlist ${u.props.className?u.props.className:""}`},`${k}-${new Date().getTime()}`)):u.type===Le?g.push(_(Le,{...u.props,className:`k-toolbar-colorpicker ${u.props.className?u.props.className:""}`},`${k}-${new Date().getTime()}`)):g.push(u);g.forEach(M=>{h.push(M)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((k,g)=>{N(k,g)}),Yo("div",{...x,className:n(e.className,Pt,I(Pt,{size:t,fillMode:o}),E(Pt,{focus:a}),{[`${Pt}-resizable`]:i,[`${Pt}-scrollable`]:l,[`${Pt}-scrollable-overlay`]:l&&p==="hidden",[`${Pt}-scrollable-${m}`]:m&&m!=="both",[`${Pt}-section`]:f}),role:"toolbar","aria-label":"Toolbar",children:[!l&&h,l&&p==="hidden"&&_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:h}),l&&p==="start"&&Yo(rn,{children:[Yo(B,{children:[_("span",{className:n("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(L,{className:"k-button-icon",icon:"chevron-left"})}),_("span",{className:n("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(L,{className:"k-button-icon",icon:"chevron-right"})})]}),_(ye,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:h})]}),l&&p==="end"&&Yo(rn,{children:[_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:h}),_(ye,{className:"k-toolbar-button-separator"}),Yo(B,{children:[_("span",{className:n("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(L,{className:"k-button-icon",icon:"chevron-left"})}),_("span",{className:n("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(L,{className:"k-button-icon",icon:"chevron-right"})})]})]}),l&&(p==="around"\|\|!p)&&Yo(rn,{children:[_("span",{className:n("k-toolbar-prev","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(L,{className:"k-button-icon",icon:"chevron-left"})}),_(ye,{className:"k-toolbar-button-separator"}),_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:h}),_(ye,{className:"k-toolbar-button-separator"}),_("span",{className:n("k-toolbar-next","k-button",I("k-button",{size:t,fillMode:o}),"k-icon-button"),"aria-hidden":"true",children:_(L,{className:"k-button-icon",icon:"chevron-right"})})]})]})};W.states=Fb;W.options=Ub;W.className=Pt;W.defaultOptions=Gb;W.moduleName=po;W.folderName=qo;import{jsx as Wb}from"react/jsx-runtime";var nn="k-toolbar-item",$b=[r.focus],Vb={},Xb={},St=e=>{let{focus:t,...o}=e;return Wb("div",{...o,className:n(e.className,nn,E(nn,{focus:t})),children:e.children})};St.states=$b;St.options=Vb;St.className=nn;St.defaultOptions=Xb;St.moduleName=po;St.folderName=qo;import{jsx as Ws}from"react/jsx-runtime";var Js="k-toolbar-popup",Jb=[],qb={size:[s.undefined,s.small,s.medium,s.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},Yb={},mo=e=>{let{size:t,fillMode:o,section:a,...i}=e;return Ws(X,{...i,className:n(e.className,Js),children:a?Ws("span",{className:n("k-toolbar-items-list",I("k-toolbar-items-list",{size:t,fillMode:o})),role:"toolbar",children:e.children}):e.children})};mo.states=Jb;mo.options=qb;mo.className=Js;mo.defaultOptions=Yb;mo.moduleName=po;mo.folderName=qo;var yi=mo;import{jsx as e1}from"react/jsx-runtime";import{jsx as i1}from"react/jsx-runtime";import{jsx as s1}from"react/jsx-runtime";import{jsx as f1,jsxs as b1}from"react/jsx-runtime";import{jsx as g1}from"react/jsx-runtime";import{jsx as wt,jsxs as tx}from"react/jsx-runtime";var Zb=D.states,qs={...D.defaultOptions,variant:"text"},Qb=D.options,jb=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ex=[{name:"opened",title:"Opened"}],Zo=e=>{let{variant:t,modifiers:o,...a}={...qs,...e},i={},l=tx(Se,{size:a.size,children:[wt(Q,{text:"Menu Item"}),wt(Q,{text:"Menu Item"}),wt(Q,{text:"Menu Item"})]});switch(Object.keys(o\|\|{}).forEach(p=>{p==="opened"&&(i.opened=!!o?.[p],i.popup=o?.[p]?l:"")}),t){case"icon-only":return wt("div",{children:wt(D,{...a,...i,icon:"star"})});case"icon-and-text":return wt("div",{children:wt(D,{...a,...i,icon:"star",children:"Split Button"})});default:return wt("div",{children:wt(D,{...a,...i,children:"Split Button"})})}};Zo.options=Qb;Zo.states=Zb;Zo.variants=jb;Zo.defaultOptions=qs;Zo.modifiers=ex;Zo.className=D.className;import{jsx as co,jsxs as ox}from"react/jsx-runtime";var Ys=e=>co(W,{children:[co(d,{children:"Button"},"toolbar-button"),co(q,{text:"Menu button"},"toolbar-menu-button"),co(D,{children:"Split button"},"toolbar-split-button"),ox(B,{children:[co(d,{className:"k-group-start",icon:"align-left",children:"Left"}),co(d,{icon:"align-center",children:"Center"}),co(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as J1,jsxs as q1}from"react/jsx-runtime";import{jsx as Ue,jsxs as Zs}from"react/jsx-runtime";var Qs=e=>Ue(W,{scrollable:!0,...e,children:[Ue(d,{children:"Button"},"toolbar-button"),Ue(q,{text:"Menu button"},"toolbar-menu-button"),Ue(D,{children:"Split button"},"toolbar-split-button"),Zs(B,{children:[Ue(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Ue(d,{icon:"align-center",children:"Center"}),Ue(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Ue(d,{children:"Button"},"toolbar-button"),Ue(q,{text:"Menu button"},"toolbar-menu-button"),Ue(D,{children:"Split button"},"toolbar-split-button"),Zs(B,{children:[Ue(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Ue(d,{icon:"align-center",children:"Center"}),Ue(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Ge,jsxs as js}from"react/jsx-runtime";var ed=({scrollingPosition:e="start",...t})=>Ge(W,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[Ge(d,{children:"Button"},"toolbar-button"),Ge(q,{text:"Menu button"},"toolbar-menu-button"),Ge(D,{children:"Split button"},"toolbar-split-button"),js(B,{children:[Ge(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Ge(d,{icon:"align-center",children:"Center"}),Ge(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Ge(d,{children:"Button"},"toolbar-button"),Ge(q,{text:"Menu button"},"toolbar-menu-button"),Ge(D,{children:"Split button"},"toolbar-split-button"),js(B,{children:[Ge(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Ge(d,{icon:"align-center",children:"Center"}),Ge(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...t});import{Fragment as ax,jsx as ze,jsxs as Ei}from"react/jsx-runtime";var td=({fillMode:e,size:t,...o})=>Ei(ax,{children:[ze(W,{section:!0,fillMode:e,size:t,children:[ze(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Ei(B,{fillMode:e,children:[ze(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),ze(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),ze(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),ze(ye,{className:"k-toolbar-button-separator"}),ze(d,{icon:"more-horizontal",className:"k-toolbar-overflow-button",fillMode:"flat",size:t,"aria-label":"More options","aria-expanded":"false"})],...o}),Ei(yi,{size:t,fillMode:e,section:!0,...o,children:[ze(D,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),ze(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),ze(ye,{}),ze(q,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Ei(B,{fillMode:e,children:[ze(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),ze(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),ze(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as C2,jsx as y2,jsxs as E2}from"react/jsx-runtime";import{Fragment as _2,jsx as z2,jsxs as D2}from"react/jsx-runtime";import{jsx as Jt}from"react/jsx-runtime";var ix=W.options,rx=W.states,od={...W.defaultOptions,variant:"default"},nx=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],lx=[],Qo=e=>{let{variant:t,...o}={...od,...e};switch(t){case"responsive":return Jt("div",{children:Jt(td,{style:{width:"583px"},...o})});case"overlay":return Jt("div",{children:Jt(ed,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Jt("div",{children:Jt(Qs,{style:{width:"583px"},...o})});default:return Jt("div",{children:Jt(Ys,{style:{width:"583px"},...o})})}};Qo.options=ix;Qo.states=rx;Qo.variants=nx;Qo.defaultOptions=od;Qo.modifiers=lx;Qo.className=W.className;var ln="autocomplete",ad=ln;import{Fragment as sn,jsx as he,jsxs as $a}from"react/jsx-runtime";var id="k-autocomplete",sx=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],dx={size:[s.undefined,s.small,s.medium,s.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},rd={separators:!0},$e=e=>{let{size:t,rounded:o,fillMode:a,separators:i=rd.separators,prefix:l,suffix:p,value:m,placeholder:f,hover:x,focus:h,valid:N,invalid:u,required:k,loading:g,disabled:M,popup:S,opened:y,readonly:O,adaptive:U,adaptiveSettings:Y,adaptiveTitle:ee,adaptiveSubtitle:de,adaptiveCustomValue:pe,id:bt,autocomplete:ga,activeDescendant:ct,"aria-label":xo,...va}=e,La=bt?`${bt}-listbox`:void 0;return $a(sn,{children:[$a(G,{...va,size:t,rounded:o,fillMode:a,hover:x,focus:h,valid:N,invalid:u,required:k,loading:g,disabled:M,readonly:O,className:n(e.className,id),children:[l&&$a(sn,{children:[he(be,{children:l}),i&&he(oe,{})]}),he(ce,{placeholder:f,value:m,role:"combobox","aria-haspopup":"listbox","aria-expanded":y?"true":"false","aria-controls":y?La:void 0,"aria-activedescendant":y&&ct?ct:void 0,"aria-autocomplete":ga,"aria-invalid":u?"true":void 0,"aria-busy":g?"true":void 0,"aria-label":xo,disabled:M,readOnly:O}),he(te,{valid:N,invalid:u,loading:g,disabled:M}),he(re,{loading:g,disabled:M}),he(me,{loading:g,disabled:M,readonly:O,value:m}),p&&$a(sn,{children:[i&&he(oe,{}),he(xe,{children:p})]})]}),y&&S&&he(X,{className:"k-list-container k-autocomplete-popup",containerRole:"region",containerAriaLabel:"Autocomplete suggestions",children:S}),U&&he(Z,{adaptive:!0,...Y,header:he(Ne,{actionsEnd:he(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:m,inputPlaceholder:f,title:ee,subtitle:de}),children:he("div",{className:"k-list-container",children:he(P,{customValue:pe?he(ot,{text:`Use "${m}"`}):void 0,size:"large",children:$a(K,{"aria-label":"Options",children:[he(T,{text:"List item"}),he(T,{text:"List item"}),he(T,{text:"List item"})]})})})})]})};$e.states=sx;$e.options=dx;$e.className=id;$e.defaultOptions=rd;$e.moduleName=ln;$e.folderName=ad;var yt=$e;import{jsx as px}from"react/jsx-runtime";var nd=e=>px(yt,{id:C("ac"),"aria-label":"Search",...e});import{jsx as EH,jsxs as CH}from"react/jsx-runtime";import{jsx as RH}from"react/jsx-runtime";import{Fragment as HH,jsx as _H}from"react/jsx-runtime";import{Fragment as WH,jsx as XH}from"react/jsx-runtime";import{jsx as jH,jsxs as eF}from"react/jsx-runtime";import{jsx as nF,jsxs as lF}from"react/jsx-runtime";import{jsx as uF,jsxs as fF}from"react/jsx-runtime";import{jsx as gF}from"react/jsx-runtime";import{jsx as uo,jsxs as xx}from"react/jsx-runtime";var mx=H.states,cx=H.defaultOptions,ux=H.options,fx=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],bx=[],jo=e=>{let{modifiers:t,...o}=e,a={},i=uo(P,{style:{width:300},size:o.size,children:xx(K,{children:[uo(T,{children:"List item"}),uo(T,{children:"List item"}),uo(T,{children:"List item"})]})});return Object.keys(t\|\|{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?uo(L,{icon:"search"}):void 0;break;case"suffix":a.suffix=t?.[l]?uo(ht,{size:o.size,fillMode:"clear",children:"Search"}):void 0;break;case"opened":a.opened=!!t?.[l],a.popup=t?.[l]?i:void 0;break;default:break}}),uo(nd,{value:"Value",style:{width:300},...o,...a})};jo.options=ux;jo.states=mx;jo.variants=bx;jo.defaultOptions=cx;jo.modifiers=fx;jo.className=$e.className;import{jsx as lt}from"react/jsx-runtime";var ld="k-imageeditor-toolbar",hx=[],Nx={},gx=[lt(d,{fillMode:"flat",icon:"image-add","aria-label":"Image Add"},"toolbar-button-1"),lt(ye,{},"toolbar-separator-1"),lt(d,{fillMode:"flat",icon:"undo","aria-label":"Undo"},"toolbar-button-2"),lt(d,{fillMode:"flat",icon:"redo","aria-label":"Redo"},"toolbar-button-3"),lt(ye,{},"toolbar-separator-2"),lt(d,{fillMode:"flat",icon:"download","aria-label":"Download"},"toolbar-button-4"),lt("div",{className:"k-spacer"},"toolbar-spacer"),lt(d,{fillMode:"flat",icon:"zoom-in","aria-label":"Zoom In"},"toolbar-button-5"),lt(St,{children:lt($e,{fillMode:"flat",value:"Fit","aria-label":"Zoom options"})},"toolbar-item-1"),lt(d,{fillMode:"flat",icon:"zoom-out","aria-label":"Zoom Out"},"toolbar-button-6")],sd={toolbarItems:gx},ea=e=>{let{toolbarItems:t=sd.toolbarItems,...o}=e;return lt(W,{...o,className:n(e.className,ld),fillMode:"flat",children:t})};ea.states=hx;ea.options=Nx;ea.className=ld;ea.defaultOptions=sd;import{jsx as Oe}from"react/jsx-runtime";var dn="k-imageeditor-sidebar",vx=[Oe(d,{fillMode:"flat",icon:"image-resize","aria-label":"Resize"},"sidebar-button-1"),Oe(d,{fillMode:"flat",icon:"crop","aria-label":"Crop"},"sidebar-button-2"),Oe(d,{fillMode:"flat",icon:"rotate","aria-label":"Rotate"},"sidebar-button-3"),Oe("div",{className:"k-separator"},"sidebar-separator-1"),Oe(d,{fillMode:"flat",icon:"free-text","aria-label":"Text"},"sidebar-button-4"),Oe(d,{fillMode:"flat",icon:"shapes","aria-label":"Shapes"},"sidebar-button-5"),Oe("div",{className:"k-separator"},"sidebar-separator-2"),Oe(d,{fillMode:"flat",icon:"drop-half-pixelated","aria-label":"Blur"},"sidebar-button-6"),Oe(d,{fillMode:"flat",icon:"sliders-horizontal","aria-label":"Adjustments"},"sidebar-button-7"),Oe(d,{fillMode:"flat",icon:"circles-three-intersecting","aria-label":"Filters"},"sidebar-button-8"),Oe("div",{className:"k-separator"},"sidebar-separator-3"),Oe(d,{fillMode:"flat",icon:"frame-corners","aria-label":"Frame"},"sidebar-button-9"),Oe(d,{fillMode:"flat",icon:"circle-half-tilted","aria-label":"Shadow"},"sidebar-button-10")],pn={sidebarItems:vx,scrollable:!1,scrollingPosition:"start"},dd=e=>{let{sidebarItems:t=pn.sidebarItems,scrollable:o=pn.scrollable,scrollingPosition:a=pn.scrollingPosition,...i}=e;return Oe("div",{...i,className:n(e.className,dn,{[`${dn}-scrollable`]:o,[`${dn}-scrollable-${a}`]:o}),children:Oe("div",{className:"k-imageeditor-sidebar-items",role:"toolbar","aria-label":"Tools",children:t??e.children})})};var Va="loader",Ci=Va;import{Fragment as mn,jsx as pd,jsxs as Ti}from"react/jsx-runtime";var cn="k-loader",Lx={pulsing:"pulsing-2","infinite-spinner":"spinner-3","converging-spinner":"spinner-4"},kx=[],Mx={size:[s.undefined,s.small,s.medium,s.large],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary]},md={animation:"pulsing"},se=e=>{let{size:t,themeColor:o,animation:a=md.animation,...i}=e,l=pd("span",{className:"k-loader-segment"});return pd("div",{...i,className:n(e.className,cn,{[`k-loader-${Lx[a]\|\|a}`]:a},I(cn,{size:t,themeColor:o})),role:"status","aria-label":i["aria-label"]\|\|"Loading",children:Ti("div",{className:"k-loader-canvas",children:[a==="pulsing"&&Ti(mn,{children:[l,l]}),a==="infinite-spinner"&&Ti(mn,{children:[l,l,l]}),a==="converging-spinner"&&Ti(mn,{children:[l,l,l,l]})]})})};se.states=kx;se.options=Mx;se.className=cn;se.defaultOptions=md;se.moduleName=Va;se.folderName=Ci;var cd=se;import{jsx as un,jsxs as ud}from"react/jsx-runtime";var fn="k-loader-container",Ix=[],Sx={size:[s.undefined,s.small,s.medium,s.large],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary]},Oi={loaderType:"pulsing",position:"top",panel:!1},fo=e=>{let{size:t,themeColor:o,loaderType:a=Oi.loaderType,position:i=Oi.position,panel:l=Oi.panel,...p}=e;return ud("div",{...p,className:n(e.className,fn,I(fn,{size:t}),{[`k-loader-${i}`]:i}),role:"status","aria-live":"polite","aria-label":p["aria-label"]\|\|"Loading",children:[un(Ol,{className:"k-loader-container-overlay"}),ud("div",{className:n("k-loader-container-inner",{"k-loader-container-panel":l}),children:[un(cd,{size:t,themeColor:o,animation:a}),un("div",{className:"k-loader-container-label",children:"Loading..."})]})]})};fo.states=Ix;fo.options=Sx;fo.className=fn;fo.defaultOptions=Oi;fo.moduleName=Va;fo.folderName=Ci;import{jsx as c3}from"react/jsx-runtime";import{jsx as x3}from"react/jsx-runtime";import{jsx as v3}from"react/jsx-runtime";import{jsx as I3}from"react/jsx-runtime";import{jsx as bn}from"react/jsx-runtime";var yx=se.options,Ex=se.states,Cx={...se.defaultOptions,variant:"infinite-spinner"},Tx=[{name:"infinite-spinner",title:"Infinite"},{name:"pulsing",title:"Pulsing"},{name:"converging-spinner",title:"Converging"}],Ox=[],ta=e=>{let{variant:t,...o}=e;switch(t){case"pulsing":return bn(se,{animation:"pulsing",...o});case"converging-spinner":return bn(se,{animation:"converging-spinner",...o});default:return bn(se,{animation:"infinite-spinner",...o})}};ta.options=yx;ta.states=Ex;ta.variants=Tx;ta.defaultOptions=Cx;ta.modifiers=Ox;ta.className=se.className;var fd="image-editor",bd="imageeditor";import{Fragment as xd,jsx as Et,jsxs as Xa}from"react/jsx-runtime";var xn="k-imageeditor",Ax=[],Bx={},Rx={},ae=e=>{let{toolbarItems:t,actionPane:o,sidebarItems:a,placeholder:i,contentHeight:l,exporting:p,adaptive:m,sidebarScrollable:f,sidebarScrollingPosition:x,children:h,...N}=e,u=Et("div",{className:"k-imageeditor-canvas-container",children:i??Et("div",{className:"k-imageeditor-canvas",children:h})}),k=o&&Et("div",{className:"k-imageeditor-action-pane",children:o}),g=Et(dd,{sidebarItems:a,scrollable:f,scrollingPosition:x});return Xa("div",{...N,className:n(e.className,xn,{[`${xn}-adaptive`]:m}),children:[Et("div",{className:"k-imageeditor-header",children:Et(ea,{toolbarItems:t})}),Et("div",{className:"k-imageeditor-content",style:{height:l},children:m?Xa(xd,{children:[u,k,g]}):Xa(xd,{children:[g,k,u]})}),p&&Xa("div",{className:"k-loader-container k-loader-top",role:"status","aria-live":"polite","aria-label":"Exporting",children:[Et(ut,{className:"k-loader-container-overlay"}),Xa("div",{className:"k-loader-container-inner k-loader-container-panel",children:[Et(se,{animation:"pulsing",themeColor:"base",size:"medium","aria-label":"Exporting"}),Et("div",{className:"k-loader-container-label",children:"Exporting"})]})]})]})};ae.states=Ax;ae.options=Bx;ae.className=xn;ae.defaultOptions=Rx;ae.moduleName=fd;ae.folderName=bd;import{Fragment as Q3,jsx as Y3,jsxs as Z3}from"react/jsx-runtime";import{jsx as oa,jsxs as hd}from"react/jsx-runtime";var Nd="k-imageeditor-pane",Px=[],wx={},Kx={},fe=e=>{let{title:t,actions:o,adaptive:a,children:i,...l}=e;return hd("div",{...l,className:n(e.className,Nd),children:[hd("div",{className:"k-imageeditor-pane-header",children:[a&&oa(d,{fillMode:"flat",icon:"x","aria-label":"Close",title:"Close"}),oa("div",{className:"k-imageeditor-pane-title",children:t}),a?oa(d,{fillMode:"flat",icon:"check","aria-label":"Confirm",title:"Confirm"}):oa(d,{fillMode:"flat",icon:"x","aria-label":"Close",title:"Close"})]}),oa("div",{className:"k-imageeditor-pane-content",children:i}),!a&&o&&oa(qe,{alignment:"end",className:"k-imageeditor-pane-footer",children:o})]})};fe.states=Px;fe.options=wx;fe.className=Nd;fe.moduleName=null;fe.folderName=null;fe.defaultOptions=Kx;import{jsx as Hx}from"react/jsx-runtime";var hn="k-imageeditor-option-preview",zx=[r.hover,r.focus,r.selected],Dx={},_x={},Ct=e=>{let{label:t,hover:o,focus:a,selected:i,children:l,...p}=e;return Hx("div",{...p,className:n(e.className,hn,E(hn,{hover:o,focus:a,selected:i})),role:"button","aria-pressed":i?"true":"false",children:l??t})};Ct.states=zx;Ct.options=Dx;Ct.className=hn;Ct.moduleName=null;Ct.folderName=null;Ct.defaultOptions=_x;import{jsx as gd}from"react/jsx-runtime";var Wa="k-imageeditor-option-list",Ai={scrollable:!1,scrollableStart:!1,scrollableEnd:!1},aa=e=>{let{scrollable:t=Ai.scrollable,scrollableStart:o=Ai.scrollableStart,scrollableEnd:a=Ai.scrollableEnd,children:i,...l}=e;return gd("div",{...l,className:n(e.className,Wa,{[`${Wa}-scrollable`]:t,[`${Wa}-scrollable-start`]:o,[`${Wa}-scrollable-end`]:a}),children:gd("div",{className:"k-imageeditor-option-list-items",children:i})})};aa.className=Wa;aa.moduleName=null;aa.folderName=null;aa.defaultOptions=Ai;import{Fragment as Ux,jsx as vd,jsxs as Gx}from"react/jsx-runtime";var Fx={},Ja=e=>{let{label:t,style:o,children:a}=e;return Gx(Ux,{children:[vd("span",{"aria-hidden":"true",style:{position:"relative",display:"block",width:"100%",height:"40px",borderRadius:"2px",backgroundImage:"url('/packages/html/assets/sofia.jpg')",backgroundSize:"cover",boxSizing:"border-box",...o},children:a}),t&&vd("span",{className:"k-imageeditor-preview-thumbnail-label",children:t})]})};Ja.moduleName=null;Ja.folderName=null;Ja.defaultOptions=Fx;import{Fragment as $x,jsx as Kt,jsxs as Vx}from"react/jsx-runtime";var Ld={variant:"crop"},zt=e=>{let{variant:t=Ld.variant,grid:o}=e,a=t==="crop"?"k-resize-handle":"k-scale-handle",i=t==="scale"?"k-scale-handle":"k-resize-handle";return Vx($x,{children:[o&&Kt("div",{className:"k-imageeditor-crop-grid"}),Kt("span",{className:`${a} k-resize-nw`}),Kt("span",{className:`${a} k-resize-ne`}),Kt("span",{className:`${a} k-resize-sw`}),Kt("span",{className:`${a} k-resize-se`}),Kt("span",{className:`${i} k-resize-n`}),Kt("span",{className:`${i} k-resize-s`}),Kt("span",{className:`${i} k-resize-w`}),Kt("span",{className:`${i} k-resize-e`})]})};zt.moduleName=null;zt.folderName=null;zt.defaultOptions=Ld;import{jsx as v5}from"react/jsx-runtime";var kd="form",Md="forms";import{Fragment as Id,jsx as Bi,jsxs as Jx}from"react/jsx-runtime";var Ri="k-form",Xx=[],Wx={size:[s.undefined,s.small,s.medium,s.large]},Nn={layout:"basic",tag:"form"},F=e=>{let{size:t,orientation:o,layout:a=Nn.layout,formButtons:i,cols:l,gutters:p,tag:m=Nn.tag,children:f,style:x}=e,h=m,N=n(e.className,Ri,I(Ri,{size:t}),{[`${Ri}-${o}`]:o}),u=Jx(Id,{children:[a==="grid"?Bi("div",{className:n("k-form-layout","k-d-grid",{[`k-grid-cols-${l}`]:l}),style:{...typeof p=="string"&&{gap:p},...typeof p=="object"&&p.rows&&{rowGap:p.rows},...typeof p=="object"&&p.cols&&{columnGap:p.cols},...x},children:f}):Bi(Id,{children:f}),i&&Bi("div",{className:"k-form-buttons",children:i})]}),{role:k,"aria-labelledby":g,"aria-label":M,id:S}=e;return Bi(h,{className:N,role:k,"aria-labelledby":g,"aria-label":M,id:S,children:u})};F.states=Xx;F.options=Wx;F.className=Ri;F.defaultOptions=Nn;F.moduleName=kd;F.folderName=Md;var Sd="label",yd="label";import{jsx as Ed,jsxs as Qx}from"react/jsx-runtime";var gn="k-label",qx=[r.disabled],Yx={},Zx={},qt=e=>{let{disabled:t,optional:o,info:a,text:i,children:l,...p}=e;return Qx("label",{...p,className:n(e.className,gn,E(gn,{disabled:t})),children:[i\|\|l,o&&Ed("span",{className:"k-label-optional",children:"(Optional)"}),a&&Ed("span",{className:"k-field-info",children:a})]})};qt.states=qx;qt.options=Yx;qt.className=gn;qt.defaultOptions=Zx;qt.moduleName=Sd;qt.folderName=yd;import{jsx as oh}from"react/jsx-runtime";var Cd="k-form-hint",jx=[],eh={},th={},st=e=>{let{text:t,children:o,...a}=e;return oh("div",{...a,className:n(e.className,Cd),children:t\|\|o})};st.states=jx;st.options=eh;st.className=Cd;st.defaultOptions=th;import{jsx as nh}from"react/jsx-runtime";var Td="k-form-error",ah=[],ih={},rh={},dt=e=>{let{text:t,children:o,...a}=e;return nh("div",{...a,className:n(e.className,Td),children:t\|\|o})};dt.states=ah;dt.options=ih;dt.className=Td;dt.defaultOptions=rh;import{jsx as Pi,jsxs as Od}from"react/jsx-runtime";var vn="k-form-field",lh=[r.disabled],J=e=>{let{editorId:t,label:o,orientation:a,optional:i,editor:l,hint:p,error:m,info:f,disabled:x,dir:h,colSpan:N,...u}=e;return Od("div",{...u,className:n(vn,e.className,E(vn,{disabled:x}),{[`k-col-span-${N}`]:N}),dir:h,children:[o&&Pi(qt,{className:"k-form-label",id:t?`${t}-label`:void 0,htmlFor:t\|\|void 0,optional:i,info:f?"(field info)":void 0,children:o}),a==="horizontal"&&!o&&Pi("span",{className:"k-label k-form-label k-label-empty"}),Od("div",{className:"k-form-field-wrap",children:[l,p&&Pi(st,{id:t?`${t}-hint`:void 0,children:p}),m&&Pi(dt,{id:t?`${t}-error`:void 0,children:m})]})]})};J.states=lh;J.className=vn;import{Fragment as sh,jsx as Ln,jsxs as dh}from"react/jsx-runtime";var Ad="k-form-fieldset",Ae=e=>{let{legend:t,layout:o,cols:a,gutters:i,colSpan:l}=e;return dh("fieldset",{className:n(Ad,{[`k-col-span-${l}`]:l}),children:[t&&Ln("legend",{className:"k-form-legend",children:t}),o==="grid"?Ln("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}):Ln(sh,{children:e.children})]})};Ae.className=Ad;var bo="radio",ia=bo;import{jsx as Bd}from"react/jsx-runtime";var wi="k-radio",ph=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.checked],mh={size:[s.undefined,s.small,s.medium,s.large]},ch={},Ve=e=>{let{id:t,checked:o,hover:a,focus:i,disabled:l,invalid:p,valid:m,required:f,size:x,...h}=e;return Bd("span",{className:"k-radio-wrap",children:Bd("input",{...h,id:t,type:"radio",checked:o,required:f,disabled:l\|\|void 0,"aria-invalid":p?"true":void 0,className:n(e.className,wi,I(wi,{size:x}),E(wi,{hover:a,focus:i,disabled:l,invalid:p,valid:m,checked:o}))})})};Ve.states=ph;Ve.options=mh;Ve.className=wi;Ve.defaultOptions=ch;Ve.moduleName=bo;Ve.folderName=ia;var pt=Ve;import{jsx as bh}from"react/jsx-runtime";var Rd="k-radio-list",uh=[],fh={},Pd={layout:"vertical"},ie=e=>{let{layout:t=Pd.layout,...o}=e;return bh("ul",{...o,className:n(e.className,Rd,{[`k-list-${t}`]:t}),role:"radiogroup",children:e.children})};ie.states=uh;ie.options=fh;ie.className=Rd;ie.defaultOptions=Pd;ie.moduleName=bo;ie.folderName=ia;import{jsx as gh}from"react/jsx-runtime";var wd="k-radio-list-item",xh=[],hh={},Nh={},j=e=>{let{...t}=e;return gh("li",{...t,className:n(e.className,wd),role:"none",children:e.children})};j.states=xh;j.options=hh;j.className=wd;j.defaultOptions=Nh;j.moduleName=bo;j.folderName=ia;import{jsx as s6}from"react/jsx-runtime";import{Fragment as vh,jsx as Kd,jsxs as Lh}from"react/jsx-runtime";var Be=({children:e,id:t,...o})=>Lh(vh,{children:[Kd(pt,{...o,id:t}),Kd("label",{className:"k-radio-label",htmlFor:t,children:e})]});import{Fragment as x6,jsx as b6,jsxs as h6}from"react/jsx-runtime";import{Fragment as M6,jsx as L6,jsxs as k6}from"react/jsx-runtime";import{Fragment as C6,jsx as E6,jsxs as T6}from"react/jsx-runtime";import{Fragment as P6,jsx as R6,jsxs as w6}from"react/jsx-runtime";import{Fragment as U6,jsx as F6,jsxs as G6}from"react/jsx-runtime";import{jsx as W6}from"react/jsx-runtime";import{jsx as Ch}from"react/jsx-runtime";var Mh=pt.options,Ih=pt.states,Sh=pt.defaultOptions,yh=[],Eh=[],ra=e=>Ch(Be,{id:C("radio"),name:"value",...e,children:"Label"});ra.options=Mh;ra.states=Ih;ra.variants=yh;ra.defaultOptions=Sh;ra.modifiers=Eh;ra.className=pt.className;import{jsx as mt,jsxs as zd}from"react/jsx-runtime";var Th=ie.options,Oh=ie.states,Ah={...ie.defaultOptions,variant:"vertical"},Bh=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Rh=[],na=e=>{let{variant:t,...o}=e;return t==="horizontal"?zd(ie,{layout:"horizontal",...o,children:[mt(j,{children:mt(Be,{id:C("rb"),name:"value",defaultChecked:!0,children:"Label"})}),mt(j,{children:mt(Be,{id:C("rb"),name:"value",children:"Label"})}),mt(j,{children:mt(Be,{id:C("rb"),name:"value",children:"Label"})})]}):zd(ie,{...o,children:[mt(j,{children:mt(Be,{id:C("rb"),name:"value",defaultChecked:!0,children:"Label"})}),mt(j,{children:mt(Be,{id:C("rb"),name:"value",children:"Label"})}),mt(j,{children:mt(Be,{id:C("rb"),name:"value",children:"Label"})})]})};na.options=Th;na.states=Oh;na.variants=Bh;na.defaultOptions=Ah;na.modifiers=Rh;na.className=ie.className;import{Fragment as T4,jsx as C4,jsxs as O4}from"react/jsx-runtime";import{Fragment as _4,jsx as D4,jsxs as H4}from"react/jsx-runtime";import{Fragment as W4,jsx as X4,jsxs as J4}from"react/jsx-runtime";var Dd="date-input",_d="dateinput";import{jsx as qa,jsxs as zh}from"react/jsx-runtime";var Hd="k-dateinput",Ph=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],wh={size:[s.undefined,s.small,s.medium,s.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},Kh={},Xe=e=>{let{size:t,rounded:o,fillMode:a,value:i,placeholder:l,hover:p,focus:m,valid:f,invalid:x,required:h,loading:N,disabled:u,readonly:k,showClearButton:g,showSpinButton:M,id:S,"aria-label":y,"aria-describedby":O,...U}=e;return zh(G,{...U,size:t,rounded:o,fillMode:a,hover:p,focus:m,valid:f,invalid:x,required:h,loading:N,disabled:u,readonly:k,className:n(e.className,Hd),children:[qa(ce,{id:S,placeholder:l,value:i,disabled:u,"aria-label":y,"aria-describedby":O,"aria-invalid":x?"true":void 0}),qa(te,{valid:f,invalid:x,loading:N,disabled:u}),qa(re,{loading:N,disabled:u}),g&&qa(me,{loading:N,disabled:u,readonly:k,value:i}),M&&qa(Lt,{className:"k-input-spinner",size:t,fillMode:a,disabled:u})]})};Xe.states=Ph;Xe.options=wh;Xe.className=Hd;Xe.defaultOptions=Kh;Xe.moduleName=Dd;Xe.folderName=_d;var kn=Xe;import{jsx as Dh}from"react/jsx-runtime";var Fd=e=>Dh(kn,{...e});import{jsx as s7}from"react/jsx-runtime";import{jsx as $h}from"react/jsx-runtime";var _h=Xe.options,Hh=Xe.states,Fh=Xe.defaultOptions,Uh=[{name:"spin-button",title:"`Spin` Button"}],Gh=[],la=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t\|\|{}).forEach(i=>{i==="spin-button"&&(a.showSpinButton=!!t?.[i])}),$h(Fd,{value:"2/04/2021",style:{width:"300px"},...o,...a})};la.options=_h;la.states=Hh;la.variants=Gh;la.defaultOptions=Fh;la.modifiers=Uh;la.className=Xe.className;var Ud="masked-textbox",Gd="maskedtextbox";import{Fragment as $d,jsx as Yt,jsxs as Mn}from"react/jsx-runtime";var Vd="k-maskedtextbox",Vh=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Xh={size:[s.undefined,s.small,s.medium,s.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},In={showClearButton:!0,separators:!0},We=e=>{let{size:t,rounded:o,fillMode:a,separators:i=In.separators,showClearButton:l=In.showClearButton,prefix:p,suffix:m,value:f,placeholder:x,hover:h,focus:N,valid:u,invalid:k,required:g,loading:M,disabled:S,readonly:y,id:O,"aria-label":U,"aria-describedby":Y,...ee}=e;return Mn(G,{...ee,size:t,rounded:o,fillMode:a,hover:h,focus:N,valid:u,invalid:k,required:g,loading:M,disabled:S,readonly:y,className:n(e.className,Vd),children:[p&&Mn($d,{children:[Yt(be,{children:p}),i&&Yt(oe,{})]}),Yt(ce,{id:O,placeholder:x,value:f,disabled:S,"aria-label":U,"aria-describedby":Y,"aria-invalid":k?"true":void 0}),Yt(te,{valid:u,invalid:k,loading:M,disabled:S}),Yt(re,{loading:M,disabled:S}),l&&Yt(me,{loading:M,disabled:S,readonly:y,value:f}),m&&Mn($d,{children:[i&&Yt(oe,{}),Yt(xe,{children:m})]})]})};We.states=Vh;We.options=Xh;We.className=Vd;We.defaultOptions=In;We.moduleName=Ud;We.folderName=Gd;var sa=We;import{jsx as Wh}from"react/jsx-runtime";var Xd=e=>Wh(sa,{...e});import{Fragment as R7,jsx as B7}from"react/jsx-runtime";import{Fragment as _7,jsx as D7}from"react/jsx-runtime";import{jsx as G7}from"react/jsx-runtime";import{jsx as W7}from"react/jsx-runtime";import{jsx as Sn}from"react/jsx-runtime";var Jh=We.states,qh=We.defaultOptions,Yh=We.options,Zh=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],Qh=[],da=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,value:"Choose",fillMode:"flat"}):void 0;break;case"suffix":a.suffix=t?.[i]?Sn(L,{icon:"lock"}):void 0;break;case"clear-button":a.showClearButton=t?.[i];break;default:break}}),Sn(Xd,{value:"Value",style:{width:300},...o,...a})};da.options=Yh;da.states=Jh;da.variants=Qh;da.defaultOptions=qh;da.modifiers=Zh;da.className=We.className;var yn="switch",Wd=yn;import{jsx as Ki,jsxs as Jd}from"react/jsx-runtime";var Zt="k-switch",jh=[r.hover,r.focus,r.disabled,r.readonly,r.checked],eN={size:[s.undefined,s.small,s.medium,s.large],trackRounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],thumbRounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full]},tN={},De=e=>{let{checked:t,onLabel:o,offLabel:a,size:i,trackRounded:l,thumbRounded:p,hover:m,focus:f,disabled:x,readonly:h,...N}=e;return Jd("span",{...N,className:n(e.className,Zt,I(Zt,{size:i}),E(Zt,{hover:m,focus:f,disabled:x,readonly:h}),{[`${Zt}-on`]:t,[`${Zt}-off`]:!t}),role:"switch","aria-checked":t?"true":"false",tabIndex:x?void 0:0,"aria-disabled":x?"true":void 0,"aria-readonly":h?"true":void 0,children:[Jd("span",{className:n("k-switch-track",I(Zt,{rounded:l})),children:[o&&Ki("span",{className:"k-switch-label-on",children:o}),a&&Ki("span",{className:"k-switch-label-off",children:a})]}),Ki("span",{className:"k-switch-thumb-wrap",children:Ki("span",{className:n("k-switch-thumb",I(Zt,{rounded:p}))})})]})};De.states=jh;De.options=eN;De.className=Zt;De.defaultOptions=tN;De.moduleName=yn;De.folderName=Wd;import{jsx as h9}from"react/jsx-runtime";import{jsx as L9}from"react/jsx-runtime";import{jsx as S9}from"react/jsx-runtime";import{jsx as T9}from"react/jsx-runtime";import{jsx as qd}from"react/jsx-runtime";var oN=De.options,aN=De.states,iN={...De.defaultOptions,variant:"on"},rN=[{name:"on",title:"On"},{name:"off",title:"Off"}],nN=[],pa=e=>{let{variant:t,...o}=e;return t==="off"?qd(De,{checked:!1,onLabel:"On",offLabel:"Off",...o}):qd(De,{checked:!0,onLabel:"On",offLabel:"Off",...o})};pa.options=oN;pa.states=aN;pa.variants=rN;pa.defaultOptions=iN;pa.modifiers=nN;pa.className=De.className;var Cn="textarea",Yd=Cn;import{Fragment as Zd,jsx as Ya,jsxs as Tn}from"react/jsx-runtime";var Qd="k-textarea",lN=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled],sN={size:[s.undefined,s.small,s.medium,s.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[b.undefined,b.solid,b.flat,b.outline]},ma={flow:"vertical",affixesOrientation:"horizontal",resize:"both",prefixSeparator:!0,suffixSeparator:!0},_e=e=>{let{size:t,rounded:o,fillMode:a,prefixSeparator:i=ma.prefixSeparator,suffixSeparator:l=ma.prefixSeparator,affixesOrientation:p=ma.affixesOrientation,flow:m=ma.flow,resize:f=ma.resize,prefix:x,suffix:h,rows:N,value:u,placeholder:k,hover:g,focus:M,valid:S,invalid:y,required:O,disabled:U,id:Y,"aria-label":ee,"aria-describedby":de,...pe}=e;return Tn(G,{...pe,size:t,rounded:o,fillMode:a,hover:g,focus:M,valid:S,invalid:y,required:O,disabled:U,className:n(e.className,Qd,{"!k-flex-col":m==="vertical","!k-flex-row":m==="horizontal"}),children:[x&&Tn(Zd,{children:[Ya(be,{className:n({"!k-align-items-start":m===p}),direction:p,children:x}),i&&Ya(oe,{direction:m==="horizontal"?"vertical":"horizontal"})]}),Ya(Ta,{className:n("!k-overflow-auto",{"!k-flex-none":m==="vertical","k-resize-x":f==="x","k-resize-y":f==="y","k-resize":f==="both","k-resize-none":f==="none"}),value:u,placeholder:k,rows:N,disabled:U,id:Y,"aria-label":ee,"aria-describedby":de,"aria-invalid":y?"true":void 0}),h&&Tn(Zd,{children:[l&&Ya(oe,{direction:m==="horizontal"?"vertical":"horizontal"}),Ya(xe,{className:n({"!k-align-items-start":m===p}),direction:p,children:h})]})]})};_e.states=lN;_e.options=sN;_e.className=Qd;_e.defaultOptions=ma;_e.moduleName=Cn;_e.folderName=Yd;import{jsx as Y9}from"react/jsx-runtime";import{Fragment as oU,jsx as tU}from"react/jsx-runtime";import{Fragment as sU,jsx as lU}from"react/jsx-runtime";import{jsx as cU}from"react/jsx-runtime";import{jsx as zi}from"react/jsx-runtime";var dN=_e.options,pN=_e.states,jd={..._e.defaultOptions,variant:"vertical"},mN=[{name:"vertical",title:"Flow vertical"},{name:"horizontal",title:"Flow horizontal"}],cN=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"}],ca=e=>{let{variant:t,modifiers:o,...a}={...jd,...e},i={resize:"y"};return Object.keys(o\|\|{}).forEach(l=>{switch(l){case"prefix":i.prefix=o?.[l]?zi(L,{icon:"comment"}):void 0;break;case"suffix":i.suffix=o?.[l]?zi(L,{icon:"volume-up"}):void 0;break;default:break}}),t==="horizontal"?zi(_e,{flow:"horizontal",placeholder:"Enter text...",style:{width:300},...a,...i}):zi(_e,{flow:"vertical",placeholder:"Enter text...",style:{width:300},...a,...i})};ca.options=dN;ca.states=pN;ca.variants=mN;ca.defaultOptions=jd;ca.modifiers=cN;ca.className=_e.className;import{Fragment as KU,jsx as wU,jsxs as zU}from"react/jsx-runtime";import{Fragment as NN,jsx as Re,jsxs as ua}from"react/jsx-runtime";var uN=F.options,fN=F.states,bN={...F.defaultOptions,variant:"vertical"},xN=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],hN=[],fa=e=>{let{variant:t,size:o,...a}=e,i=ua(Ae,{legend:"Form Legend",children:[Re(J,{label:"Label",editor:Re(H,{size:o})}),Re(J,{label:"Label",hint:"Hint text",editor:Re(V,{value:"Dropdown List",size:o})}),Re(J,{label:"City",editor:ua("ul",{className:"k-radio-list k-list-horizontal",children:[ua("li",{className:"k-radio-list-item",children:[Re(Ve,{checked:!0,size:o}),Re("label",{className:"k-radio-label",children:"Label"})]}),ua("li",{className:"k-radio-list-item",children:[Re(Ve,{size:o}),Re("label",{className:"k-radio-label",children:"Label"})]}),ua("li",{className:"k-radio-list-item",children:[Re(Ve,{size:o}),Re("label",{className:"k-radio-label",children:"Label"})]})]})})]}),l=ua(NN,{children:[Re(d,{className:"k-form-submit",themeColor:"primary",size:o,children:"Submit"}),Re(d,{className:"k-form-clear",size:o,children:"Clear"})]});return t==="horizontal"?Re(F,{orientation:"horizontal",size:o,...a,formButtons:l,children:i}):Re(F,{size:o,...a,formButtons:l,children:i})};fa.options=uN;fa.states=fN;fa.variants=xN;fa.defaultOptions=bN;fa.modifiers=hN;fa.className=F.className;import{jsx as ep,jsxs as MN}from"react/jsx-runtime";var gN=st.options,vN=st.states,tp={...st.defaultOptions},LN=[],kN=[{name:"showHint",title:"Show Hint"}],ba=e=>{let{modifiers:t,...o}={...tp,...e},a=t?.showHint??!0;return MN("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[ep(H,{placeholder:"Component",style:{width:"200px"}}),a&&ep(st,{...o,children:"Hint text"})]})};ba.options=gN;ba.states=vN;ba.variants=LN;ba.defaultOptions=tp;ba.modifiers=kN;ba.className=st.className;import{jsx as op,jsxs as CN}from"react/jsx-runtime";var IN=dt.options,SN=dt.states,ap={...dt.defaultOptions},yN=[],EN=[{name:"showError",title:"Show Error"}],xa=e=>{let{modifiers:t,...o}={...ap,...e},a=t?.showError??!0;return CN("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[op(H,{placeholder:"Component",invalid:a,style:{width:"200px"}}),a&&op(dt,{...o,children:"Error text"})]})};xa.options=IN;xa.states=SN;xa.variants=yN;xa.defaultOptions=ap;xa.modifiers=EN;xa.className=dt.className;var An="tooltip",ip=An;import{jsx as Za,jsxs as rp}from"react/jsx-runtime";var Bn="k-tooltip",TN=[],ON={themeColor:[v.undefined,v.base,v.inverse,v.info,v.success,v.warning,v.error]},np={closable:!1},Pe=e=>{let{closable:t=np.closable,callout:o,themeColor:a,title:i,content:l,icon:p,id:m=C("tooltip"),...f}=e;return rp("div",{...f,className:n(e.className,Bn,I(Bn,{themeColor:a}),{"k-tooltip-closable":t}),role:"tooltip",id:m,children:[p&&Za(L,{className:"k-tooltip-icon",icon:p}),rp("div",{className:"k-tooltip-content",children:[i&&Za("div",{className:"k-tooltip-title",children:i}),l]}),t&&Za("div",{className:"k-tooltip-button",role:"button","aria-label":"Close",tabIndex:0,children:Za(L,{icon:"x"})}),o&&Za("div",{className:n("k-callout",{[`k-callout-${Un.calloutMap[o]\|\|o}`]:o})})]})};Pe.states=TN;Pe.options=ON;Pe.className=Bn;Pe.defaultOptions=np;Pe.moduleName=An;Pe.folderName=ip;var Rn=Pe;import{jsx as AN}from"react/jsx-runtime";var lp=e=>AN(Rn,{content:"Tooltip Content",...e});import{jsx as TG}from"react/jsx-runtime";import{jsx as Pn,jsxs as wN}from"react/jsx-runtime";var BN={...Pe.options,closable:{type:"boolean"},callout:["none","top","bottom","left","right"]},RN=Pe.states,sp={...Pe.defaultOptions,callout:"top"},PN=[],ha=e=>{let{callout:t="top",...o}={...sp,...e},a={none:{top:"-33px",left:"-17px",calloutDirection:null},right:{top:"2px",left:"61px",calloutDirection:"left"},left:{top:"2px",left:"-94px",calloutDirection:"right"},bottom:{top:"38px",left:"-17px",calloutDirection:"top"},top:{top:"-33px",left:"-17px",calloutDirection:"bottom"}},{top:i,left:l,calloutDirection:p}=a[t]\|\|{};return wN("div",{style:{position:"absolute"},children:[Pn(Je,{style:{top:i,left:l},children:Pn(lp,{style:{width:"86px",textAlign:"center"},callout:p,content:"Content",...o})}),Pn(d,{text:"Show"})]})};ha.options=BN;ha.states=RN;ha.variants=PN;ha.defaultOptions=sp;ha.modifiers=[];ha.className=Pe.className;import{Fragment as QG,jsx as ZG,jsxs as jG}from"react/jsx-runtime";import{Fragment as p8,jsx as d8,jsxs as m8}from"react/jsx-runtime";import{jsx as N8}from"react/jsx-runtime";var wn="floating-toolbar",dp=wn;import{jsx as Di,jsxs as HN}from"react/jsx-runtime";var Kn="k-floating-toolbar",KN="k-floating-toolbar-drag-handle",zN=[],DN={size:[s.undefined,s.small,s.medium,s.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},_N={scrollButtons:"around"},Dt=e=>{let{size:t,fillMode:o,resizable:a,scrollable:i,scrollButtons:l,scrollingPosition:p,section:m,draggable:f,dragHandleAriaLabel:x="Drag to reposition",...h}=e,N=f?[Di("div",{className:KN,role:"button",tabIndex:0,"aria-label":x,children:Di(L,{icon:"handle-drag-dots"})},"drag-handle"),Di("div",{className:n("k-separator","k-separator-vertical")},"drag-handle-separator")]:[];return HN(X,{...h,className:n(e.className,Kn,I(Kn,{size:t,fillMode:o})),children:[N,Di(W,{size:t,fillMode:o,resizable:a,scrollable:i,scrollButtons:l,scrollingPosition:p,section:m,children:e.children})]})};Dt.states=zN;Dt.options=DN;Dt.className=Kn;Dt.defaultOptions=_N;Dt.moduleName=wn;Dt.folderName=dp;import{Fragment as U8,jsx as F8,jsxs as G8}from"react/jsx-runtime";var zn="segmented-control",pp=zn,mp="segmented-control-button",cp="segmented-control";import{jsx as GN,jsxs as $N}from"react/jsx-runtime";var _i="k-segmented-control",FN=[],UN={size:[s.undefined,s.small,s.medium,s.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full]},_t=e=>{let{size:t,rounded:o,stretched:a,children:i,thumbStyles:l,...p}=e;return $N("div",{...p,className:n(e.className,_i,I(_i,{size:t,rounded:o}),{[`${_i}-stretched`]:a}),role:"group",children:[GN("div",{className:"k-segmented-control-thumb","aria-hidden":"true",style:l}),i]})};_t.states=FN;_t.options=UN;_t.className=_i;_t.moduleName=zn;_t.folderName=pp;import{jsx as up,jsxs as JN}from"react/jsx-runtime";var Dn="k-segmented-control-button",VN=[r.selected,r.hover,r.focus,r.disabled],XN={},WN={},Tt=e=>{let{hover:t,focus:o,selected:a,disabled:i,icon:l,text:p,iconClassName:m,...f}=e;return JN("button",{...f,className:n(e.className,Dn,E(Dn,{hover:t,focus:o,disabled:i,selected:a})),"aria-pressed":a?"true":"false","aria-disabled":i?"true":void 0,tabIndex:a?0:-1,children:[l&&up(L,{className:n(m,"k-segmented-control-button-icon"),icon:l}),(p\|\|e.children)&&up("span",{className:"k-segmented-control-button-text",children:p\|\|e.children})]})};Tt.states=VN;Tt.options=XN;Tt.className=Dn;Tt.defaultOptions=WN;Tt.moduleName=mp;Tt.folderName=cp;import{Fragment as r$,jsx as i$,jsxs as n$}from"react/jsx-runtime";import{Fragment as c$,jsx as m$,jsxs as u$}from"react/jsx-runtime";import{Fragment as g$,jsx as N$,jsxs as v$}from"react/jsx-runtime";import{Fragment as y$,jsx as S$,jsxs as E$}from"react/jsx-runtime";import{Fragment as R$,jsx as B$,jsxs as P$}from"react/jsx-runtime";import{Fragment as oV,jsx as tV,jsxs as aV}from"react/jsx-runtime";import{Fragment as hV,jsx as xV,jsxs as NV}from"react/jsx-runtime";import{Fragment as TV,jsx as CV,jsxs as OV}from"react/jsx-runtime";import{Fragment as FV,jsx as HV,jsxs as UV}from"react/jsx-runtime";import{Fragment as qV,jsx as JV,jsxs as YV}from"react/jsx-runtime";import{Fragment as nX,jsx as iX,jsxs as rX}from"react/jsx-runtime";import{Fragment as gX,jsx as hX,jsxs as NX}from"react/jsx-runtime";import{Fragment as AX,jsx as OX,jsxs as BX}from"react/jsx-runtime";import{Fragment as _n,jsx as w,jsxs as Na}from"react/jsx-runtime";var qN=[w(d,{fillMode:"flat",icon:"image-resize",selected:!0,"aria-label":"Resize"},"sidebar-button-1"),w(d,{fillMode:"flat",icon:"crop","aria-label":"Crop"},"sidebar-button-2"),w(d,{fillMode:"flat",icon:"rotate","aria-label":"Rotate"},"sidebar-button-3"),w("div",{className:"k-separator"},"sidebar-separator-1"),w(d,{fillMode:"flat",icon:"free-text","aria-label":"Text"},"sidebar-button-4"),w(d,{fillMode:"flat",icon:"shapes","aria-label":"Shapes"},"sidebar-button-5"),w("div",{className:"k-separator"},"sidebar-separator-2"),w(d,{fillMode:"flat",icon:"drop-half-pixelated","aria-label":"Blur"},"sidebar-button-6"),w(d,{fillMode:"flat",icon:"sliders-horizontal","aria-label":"Adjustments"},"sidebar-button-7"),w(d,{fillMode:"flat",icon:"circles-three-intersecting","aria-label":"Filters"},"sidebar-button-8"),w("div",{className:"k-separator"},"sidebar-separator-3"),w(d,{fillMode:"flat",icon:"frame-corners","aria-label":"Frame"},"sidebar-button-9"),w(d,{fillMode:"flat",icon:"circle-half-tilted","aria-label":"Shadow"},"sidebar-button-10")],cW=e=>w(ae,{sidebarItems:qN,actionPane:w(fe,{title:"Resize",actions:Na(_n,{children:[w(d,{children:"Reset"}),w(d,{themeColor:"primary",children:"Apply"})]}),children:Na(F,{tag:"div",children:[w(J,{label:"Scale Unit",editor:Na(ie,{layout:"horizontal",children:[w(j,{children:w(Be,{id:"resize-scale-unit-pixel",name:"resize-scale-unit",checked:!0,children:"Pixel"})}),w(j,{children:w(Be,{id:"resize-scale-unit-percentage",name:"resize-scale-unit",children:"Percentage"})})]})}),Na(Ae,{layout:"grid",cols:2,gutters:{cols:"8px"},children:[w(J,{label:"Width",editorId:"resize-width",editor:w(R,{id:"resize-width",showClearButton:!1,value:"494",prefix:w(L,{icon:"arrows-left-right"})})}),w(J,{label:"Height",editorId:"resize-height",editor:w(R,{id:"resize-height",showClearButton:!1,value:"307",prefix:w(L,{icon:"arrows-top-bottom"})})})]}),w(J,{editor:w(et,{id:"resize-lock",checked:!0,children:"Lock Aspect Ratio"})})]})}),children:Na(_n,{children:[w("canvas",{width:"494",height:"307",role:"img","aria-label":"Image being edited",style:{backgroundImage:"url('/packages/html/assets/sofia.jpg')",backgroundSize:"cover"}}),w("div",{className:"k-imageeditor-resize",children:w(zt,{variant:"mixed"})}),w(Pe,{themeColor:"inverse",style:{position:"absolute",insetBlockEnd:"-52px",insetInlineEnd:"0"},content:Na(_n,{children:[w("div",{children:"W: 494"}),w("div",{children:"H: 307"})]})})]}),...e});export{cW as ImageEditorResize};