@progress/kendo-themes-html 14.5.1-dev.7 → 14.5.1-dev.8

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

@@ -0,0 +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 Un(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"},ht={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"},Gn={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 vp,jsx as $n}from"react/jsx-runtime";var Gi="k-font-icon",hp=[],Np={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]},gp={},Ma=e=>{let{size:t,themeColor:o,icon:a,rotate:i,flip:l,...p}=e;return a?$n("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"}):$n(vp,{})};Ma.states=hp;Ma.options=Np;Ma.className=Gi;Ma.defaultOptions=gp;var Vn=Ma;import{Fragment as Mp,jsx as Qa}from"react/jsx-runtime";var $i="k-svg-icon",Lp=[],kp={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:[ht.outline,ht.solid,ht.duotone]},Vi={viewBox:"0 0 24 24",variant:ht.outline},Ia=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(Mp,{});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})})};Ia.states=Lp;Ia.options=kp;Ia.className=$i;Ia.defaultOptions=Vi;var Xi=Ia;import*as Wi from"@progress/kendo-svg-icons";var Xn="icon",Wn="icons";import{useContext as Sp}from"react";import{createContext as Ip}from"react";var Jn=Ip({iconsType:"svg"});import{Fragment as qn,jsx as Sa}from"react/jsx-runtime";var ja="k-icon",yp=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Ep=[],Cp={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:[ht.outline,ht.solid,ht.duotone]},ei={viewBox:"0 0 24 24",type:"svg",variant:ht.outline},L=e=>{let{iconsType:t}=Sp(Jn),{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 Sa(qn,{});if((t||l)==="svg"){if(i==="none")return Sa(Xi,{...h,className:n(e.className,ja),icon:i,size:o,variant:x});let u=Wi[i]?i:yp(`${i}-icon`);return Wi[u]?Sa(Xi,{...h,className:n(e.className,ja),icon:Wi[u],size:o,themeColor:a,rotate:p,flip:m,viewBox:f,variant:x}):Sa(qn,{})}return Sa(Vn,{...h,className:n(e.className,ja),icon:i,size:o,themeColor:a,rotate:p,flip:m})};L.states=Ep;L.options=Cp;L.defaultOptions=ei;L.className=ja;L.moduleName=Xn;L.folderName=Wn;var Ji="button",Yn=Ji;import{Fragment as Zn,jsx as No,jsxs as Qn}from"react/jsx-runtime";var ya="k-button",Tp=["icon-button"],Op=[r.hover,r.focus,r.active,r.selected,r.disabled,r.generating],Ap={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,...j}=e,de=S!=null,pe=e.children!==void 0;return Qn(t,{className:n(Y,ya,Un(ya,f),I(ya,{size:o,rounded:a,fillMode:i,themeColor:l}),E(ya,{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,...j,"aria-disabled":M?"true":void 0,disabled:k||void 0,children:[typeof S=="string"&&S&&No(L,{className:n(U,"k-button-icon"),icon:S,size:y}),S&&typeof S!="string"&&No(Zn,{children:S}),O?Qn(Zn,{children:[O&&No("span",{className:"k-button-text",children:O}),e.children]}):e.children&&No("span",{className:"k-button-text",children:e.children}),p&&No("span",{className:"k-menu-button-arrow k-button-arrow",children:No(L,{icon:m})})]})};d.states=Op;d.options=Ap;d.variants=Tp;d.className=ya;d.defaultOptions=qi;d.moduleName=Ji;d.folderName=Yn;import{jsx as Bp}from"react/jsx-runtime";var Ot=e=>Bp(d,{icon:"folder",...e,"aria-label":e["aria-label"]||"Folder",children:void 0});import{jsx as Rp}from"react/jsx-runtime";var Ea=e=>Rp(d,{icon:"folder",children:"Button",...e});import{jsx as Pp}from"react/jsx-runtime";var Nt=e=>Pp(d,{children:"Button",...e});import{jsx as Yi}from"react/jsx-runtime";var wp=d.options,Kp=d.states,zp={...d.defaultOptions,variant:"text"},Dp=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],_p=[],go=e=>{let{variant:t,...o}=e;switch(t){case"icon-only":return Yi(Ot,{...o,icon:"star"});case"icon-and-text":return Yi(Ea,{...o,icon:"star",children:"Button"});default:return Yi(Nt,{...o,children:"Button"})}};go.options=wp;go.states=Kp;go.variants=Dp;go.defaultOptions=zp;go.modifiers=_p;go.className=d.className;var Zi="button",jn=Zi;import{jsx as Gp}from"react/jsx-runtime";var Ca="k-button-group",Hp=[r.disabled],Fp={fillMode:[b.undefined,b.solid,b.flat,b.outline,b.clear,b.link]},Up={},R=e=>{let{fillMode:t,disabled:o,stretched:a,...i}=e;return Gp("div",{role:"group",...i,className:n(e.className,Ca,I(Ca,{fillMode:t}),E(Ca,{disabled:o}),{[`${Ca}-stretched`]:a}),...o&&{"aria-disabled":"true"},children:e.children})};R.states=Hp;R.options=Fp;R.className=Ca;R.defaultOptions=Up;R.moduleName=Zi;R.folderName=jn;import{Fragment as uv,jsx as cv,jsxs as fv}from"react/jsx-runtime";import{Fragment as vv,jsx as gv,jsxs as Lv}from"react/jsx-runtime";import{Fragment as Ev,jsx as yv,jsxs as Cv}from"react/jsx-runtime";import{Fragment as Pv,jsx as Rv,jsxs as wv}from"react/jsx-runtime";import{Fragment as Fv,jsx as Hv,jsxs as Uv}from"react/jsx-runtime";import{Fragment as Jv,jsx as Wv,jsxs as qv}from"react/jsx-runtime";import{jsx as At,jsxs as Qi}from"react/jsx-runtime";var $p={...d.options,...R.options},Vp=d.states,Xp={...d.defaultOptions,...R.defaultOptions,variant:"text-button"},Wp=[{name:"icon-button",title:"Icon Only"},{name:"text-button",title:"Text"},{name:"icon-text-button",title:"Icon Text"}],Jp=[],vo=e=>{let{variant:t,className:o,...a}=e;return t==="icon-button"?Qi(R,{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(R,{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(R,{fillMode:a.fillMode,className:o,children:[At(d,{...a,children:"First"}),At(d,{...a,children:"Middle"}),At(d,{...a,children:"Last"})]})};vo.options=$p;vo.states=Vp;vo.variants=Wp;vo.defaultOptions=Xp;vo.modifiers=Jp;vo.className=R.className;var Ta="input",ti=Ta;import{jsx as Qp}from"react/jsx-runtime";var oi="k-input",qp=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Yp={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]},Zp={},V=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 Qp("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}))})};V.states=qp;V.options=Yp;V.className=oi;V.defaultOptions=Zp;V.moduleName=Ta;V.folderName=ti;import{jsx as om}from"react/jsx-runtime";var ai="k-picker",jp=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],em={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]},tm={},gt=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 om("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})};gt.states=jp;gt.options=em;gt.className=ai;gt.defaultOptions=tm;gt.moduleName=Ta;gt.folderName=ti;import{Fragment as rm,jsx as ji}from"react/jsx-runtime";var el="k-clear-value",am=[r.disabled,r.loading,r.readonly],im={},me=e=>{let{disabled:t,loading:o,readonly:a,value:i}=e;return t||a||o||!i?ji(rm,{}):ji("span",{className:n(e.className,el),children:ji(L,{icon:"x"})})};me.states=am;me.options=im;me.className=el;import{jsx as sm}from"react/jsx-runtime";var er="k-input-inner",nm=[],lm={},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 sm("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=nm;ce.options=lm;ce.className=er;import{jsx as tl,jsxs as mm}from"react/jsx-runtime";var tr="k-input-inner",dm=[],pm={},Qt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:i,valueIconName:l,...p}=e;return mm("span",{...p,className:n(e.className,tr,I(tr,e)),children:[i,!i&&l&&tl(L,{className:"k-input-value-icon",icon:l}),a&&!t&&o,a&&t&&tl("span",{className:"k-input-value-text",children:t})]})};Qt.states=dm;Qt.options=pm;Qt.className=tr;import{jsx as fm}from"react/jsx-runtime";var or="k-input-inner",cm=[],um={},ol={value:"",placeholder:""},Oa=e=>{let{value:t=ol.value,placeholder:o=ol.placeholder,rows:a,disabled:i,...l}=e;return fm("textarea",{...l,className:n(e.className,or,I(or,e)),placeholder:o,rows:a,defaultValue:t,disabled:i||void 0})};Oa.states=cm;Oa.options=um;Oa.className=or;import{Fragment as xm,jsx as al}from"react/jsx-runtime";var il="k-input-loading-icon",bm=[r.disabled,r.loading],ae=e=>{let{disabled:t,loading:o}=e;return t||!o?al(xm,{}):al("span",{className:n(e.className,il,"k-icon k-i-loading")})};ae.states=bm;ae.className=il;import{Fragment as gm,jsx as rl}from"react/jsx-runtime";var nl="k-input-validation-icon",hm=[r.valid,r.invalid,r.disabled,r.loading],Nm={},ee=e=>{let{valid:t,invalid:o,disabled:a,loading:i}=e,l=o?"warning-circle":"check-circle";return a||i||!!!(t||o)?rl(gm,{}):rl(L,{className:n(nl),icon:l})};ee.states=hm;ee.options=Nm;ee.className=nl;import{Fragment as km,jsx as ll}from"react/jsx-runtime";var vm="k-input-prefix",Lm={direction:"horizontal"},be=e=>{let{direction:t=Lm.direction,...o}=e;return e.children?ll("span",{...o,className:n(vm,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):ll(km,{})};import{Fragment as Sm,jsx as sl}from"react/jsx-runtime";var Mm="k-input-suffix",Im={direction:"horizontal"},xe=e=>{let{direction:t=Im.direction,...o}=e;return e.children?sl("span",{...o,className:n(Mm,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):sl(Sm,{})};import{jsx as qL}from"react/jsx-runtime";import{jsx as Em}from"react/jsx-runtime";var ym="k-input-suffix-text",ri=e=>{let{children:t,...o}=e;return Em("span",{...o,className:n(ym,e.className),children:t})};import{jsx as Tm}from"react/jsx-runtime";var dl="k-input-separator",Cm={direction:"vertical"},te=e=>{let{direction:t=Cm.direction,...o}=e;return Tm("span",{...o,className:n(dl,e.className,{[`${dl}-${t}`]:t})})};import{Fragment as pl,jsx as vt,jsxs as ar}from"react/jsx-runtime";var Om=V.states,Am=V.defaultOptions,Bm=V.options,Rm=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"validation-icon",title:"Validation Icon"},{name:"separators",title:"Separators"}],Pm=[],Lo=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(V,{...m,valid:o,invalid:a,loading:i,disabled:l,readonly:p,style:{width:300},children:[f&&ar(pl,{children:[vt(be,{children:vt(L,{icon:"lock"})}),u&&vt(te,{})]}),vt(ce,{placeholder:"Placeholder",value:"Value"}),N&&vt(ee,{valid:o,invalid:a,loading:i,disabled:l}),vt(ae,{loading:i,disabled:l}),h&&vt(me,{loading:i,disabled:l,readonly:p,value:"Value"}),x&&ar(pl,{children:[u&&vt(te,{}),vt(xe,{children:vt(Nt,{size:m.size,fillMode:"clear",children:"Send"})})]})]})};Lo.options=Bm;Lo.states=Om;Lo.variants=Pm;Lo.defaultOptions=Am;Lo.modifiers=Rm;Lo.className=V.className;import{jsx as ml,jsxs as zm}from"react/jsx-runtime";var cl="k-color-preview",wm=[],Km={},_t=e=>{let{color:t,iconName:o,...a}=e;return zm("span",{...a,className:n(e.className,cl,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&ml(L,{icon:o,className:"k-color-preview-icon"}),ml("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};_t.states=wm;_t.options=Km;_t.className=cl;var ir="popup",ul=ir;import{jsx as fl}from"react/jsx-runtime";var bl="k-animation-container",Dm=[],_m={},rr={positionMode:"absolute",shown:!0},Je=e=>{let{positionMode:t=rr.positionMode,shown:o=rr.shown,animationStyle:a,offset:i,...l}=e;return fl("div",{...l,style:{...i,...e.style},className:n(e.className,bl,{"k-animation-container-shown":o,"k-animation-container-fixed":t==="fixed"}),children:fl("div",{className:"k-child-animation-container",style:a,children:e.children})})};Je.states=Dm;Je.options=_m;Je.className=bl;Je.defaultOptions=rr;Je.moduleName=ir;Je.folderName=ul;var nr="popup",xl=nr;import{jsx as hl}from"react/jsx-runtime";var Nl="k-popup",Hm=[],Fm={},gl={positionMode:"absolute"},W=e=>{let{offset:t,positionMode:o=gl.positionMode,animationStyle:a,containerClassName:i,containerRole:l,containerAriaLabel:p,...m}=e;return hl(Je,{positionMode:o,offset:t,animationStyle:a,className:i,role:l,"aria-label":p,children:hl("div",{...m,className:n(e.className,Nl),children:e.children})})};W.states=Hm;W.options=Fm;W.className=Nl;W.defaultOptions=gl;W.moduleName=nr;W.folderName=xl;var lr="action-buttons",vl=lr;import{jsx as $m}from"react/jsx-runtime";var ni="k-actions",Um=[],Gm={},sr={alignment:"start",orientation:"horizontal"},qe=e=>{let{alignment:t=sr.alignment,orientation:o=sr.orientation,...a}=e;return $m("div",{...a,className:n(ni,{[`${ni}-${t}`]:t,[`${ni}-${o}`]:o},e.className),children:e.children})};qe.states=Um;qe.options=Gm;qe.className=ni;qe.defaultOptions=sr;qe.moduleName=lr;qe.folderName=vl;import{jsx as Xm}from"react/jsx-runtime";var Vm="k-actionsheet-footer",Ll={alignment:"stretched",orientation:"horizontal"},Ht=e=>{let{alignment:t=Ll.alignment,orientation:o=Ll.orientation,template:a,as:i=a?"div":qe,...l}=e;return Xm(i,{...l,...!a&&{alignment:t,orientation:o},className:n(e.className,Vm),children:e.children})};var dr="searchbox",kl=dr;import{jsx as Aa,jsxs as qm}from"react/jsx-runtime";var Ml="k-searchbox",Wm=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading],Jm={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 qm(V,{...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,Ml),children:[k&&Aa(L,{className:"k-input-icon",icon:g}),Aa(ce,{placeholder:o,value:t,"aria-label":M}),Aa(ae,{...e}),Aa(ee,{...e}),Aa(me,{...e})]})};Ye.states=Wm;Ye.options=Jm;Ye.className=Ml;Ye.defaultOptions=pr;Ye.moduleName=dr;Ye.folderName=kl;import{jsx as vM}from"react/jsx-runtime";var mr="textbox",Il=mr;import{Fragment as Sl,jsx as Ft,jsxs as cr}from"react/jsx-runtime";var yl="k-textbox",Ym=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Zm={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":j,"aria-describedby":de,...pe}=e;return cr(V,{...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,yl),children:[m&&cr(Sl,{children:[Ft(be,{children:m}),i&&Ft(te,{})]}),Ft(ce,{id:Y,placeholder:N,value:h,type:x,disabled:O,"aria-label":j,"aria-describedby":de,"aria-invalid":M?"true":void 0}),p&&Ft(ee,{valid:g,invalid:M,loading:y,disabled:O}),Ft(ae,{loading:y,disabled:O}),l&&Ft(me,{loading:y,disabled:O,readonly:U,value:h}),f&&cr(Sl,{children:[i&&Ft(te,{}),Ft(xe,{children:f})]})]})};H.states=Ym;H.options=Zm;H.className=yl;H.defaultOptions=li;H.moduleName=mr;H.folderName=Il;var Ba=H;import{jsx as Qm}from"react/jsx-runtime";var El=e=>Qm(Ba,{...e});import{Fragment as DM,jsx as zM}from"react/jsx-runtime";import{Fragment as $M,jsx as GM}from"react/jsx-runtime";import{jsx as JM}from"react/jsx-runtime";import{jsx as ur}from"react/jsx-runtime";var jm=H.states,ec=H.defaultOptions,tc=H.options,oc=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],ac=[],ko=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(Nt,{size:o.size,fillMode:"clear",children:"Send"}):void 0;break;case"clear-button":a.showClearButton=t?.[i];break;default:break}}),ur(El,{value:"Value",style:{width:300},...o,...a})};ko.options=tc;ko.states=jm;ko.variants=ac;ko.defaultOptions=ec;ko.modifiers=oc;ko.className=H.className;import{jsx as Ut,jsxs as fr}from"react/jsx-runtime";var Cl="k-actionsheet-titlebar",ic={},ge=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,Cl),children:[fr("div",{className:"k-actionsheet-titlebar-group",children:[a&&Ut("div",{className:"k-actionsheet-actions",children:a}),!N&&fr("div",{className:"k-actionsheet-title",id:h,children:[t&&Ut("div",{className:"k-text-center",children:t}),o&&Ut("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),N&&Ut("div",{className:"k-actionsheet-title",id:h,children:N}),i&&Ut("div",{className:"k-actionsheet-actions",children:i})]}),(p||l)&&Ut("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?Ut(H,{value:m,placeholder:f,size:x?"large":"medium","aria-label":t||f||"Input"}):Ut(Ye,{placeholder:"Filter",size:x?"large":"medium","aria-label":"Filter options"})})]})};ge.className=Cl;ge.defaultOptions=ic;import{jsx as br,jsxs as sc}from"react/jsx-runtime";var xr="k-actionsheet-view",rc=[],nc={},lc={},Mo=e=>{let{adaptive:t,animated:o,children:a,header:i,footer:l,titleId:p,...m}=e,f=i?.type===ge&&br(ge,{adaptive:t,titleId:p,...i?.props}),x=l?.type===Ht&&br(Ht,{...l?.props});return sc("div",{...m,className:n(e.className,xr,{[`${xr}-animated`]:o}),children:[f,br("div",{className:"k-actionsheet-content",children:a}),x]})};Mo.states=rc;Mo.options=nc;Mo.className=xr;Mo.defaultOptions=lc;var Ra="action-sheet",si=Ra;var hr="overlay",Tl=hr;import{jsx as cc}from"react/jsx-runtime";var Ol="k-overlay",dc=[],pc={},mc={},ct=e=>{let{...t}=e;return cc("div",{...t,className:n(e.className,Ol),children:e.children})};ct.states=dc;ct.options=pc;ct.className=Ol;ct.defaultOptions=mc;ct.moduleName=hr;ct.folderName=Tl;var Al=ct;import{jsx as di,jsxs as bc}from"react/jsx-runtime";var Bl="k-actionsheet",uc=[],fc={},Pa={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},Z=e=>{let{side:t=Pa.side,fullscreen:o=Pa.fullscreen,adaptive:a=Pa.adaptive,overlay:i=Pa.overlay,template:l,children:p,header:m,footer:f,id:x,...h}=e,N=x&&!l&&m?`${x}-title`:void 0;return bc("div",{className:"k-actionsheet-container",children:[i&&di(ct,{}),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,Bl,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:l||di(Mo,{header:m,footer:f,adaptive:a,titleId:N,...e,children:p})})})]})};Z.states=uc;Z.options=fc;Z.className=Bl;Z.defaultOptions=Pa;Z.moduleName=Ra;Z.folderName=si;import{jsx as gc}from"react/jsx-runtime";var Rl="k-actionsheet-container",xc=[],hc={},Nc={},Io=e=>{let{children:t,...o}=e;return gc("div",{...o,className:Rl,children:t})};Io.states=xc;Io.options=hc;Io.className=Rl;Io.defaultOptions=Nc;Io.moduleName=Ra;Io.folderName=si;import{jsx as vc}from"react/jsx-runtime";var Nr=e=>{let{...t}=e;return vc("div",{...t,className:n(e.className,"k-list-ul"),children:e.children})};import{Fragment as kc,jsx as wa,jsxs as gr}from"react/jsx-runtime";var vr="k-actionsheet-item",Lc=[r.hover,r.focus,r.selected,r.disabled],Gt=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&&wa(kc,{children:gr("span",{className:"k-actionsheet-action",children:[t&&wa("span",{className:"k-icon-wrap",children:wa(L,{className:"k-actionsheet-item-icon",icon:t})}),gr("span",{className:"k-actionsheet-item-text",children:[o&&wa("span",{className:"k-actionsheet-item-title",children:o}),a&&wa("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Gt.states=Lc;Gt.className=vr;import{jsx as WI,jsxs as JI}from"react/jsx-runtime";import{jsx as QI}from"react/jsx-runtime";import{jsx as oS}from"react/jsx-runtime";import{jsx as nS}from"react/jsx-runtime";import{jsx as ve,jsxs as Lr}from"react/jsx-runtime";var Mc=Z.options,Ic=Z.states,wl={...Z.defaultOptions,variant:"normal"},Sc=[{name:"normal",title:"Normal"},{name:"adaptive",title:"Adaptive"},{name:"fullScreen",title:"Full Screen"}],yc=[{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}={...wl,...e},i={},l=Lr(Nr,{children:[ve(Gt,{text:"Edit Item",description:"Click to edit",iconName:"edit-tools"}),ve(Gt,{text:"Add to Favorites",iconName:"heart"}),ve(Gt,{text:"Upload New",iconName:"upload",disabled:!0}),ve("hr",{className:"k-hr"}),ve(Gt,{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"?ve(Z,{...a,adaptive:!0,fullscreen:i.fullScreen,header:ve(ge,{actionsStart:i.actionsStart?ve(d,{icon:"chevron-left",size:"large",fillMode:"flat"}):void 0,actionsEnd:i.actionsEnd?ve(d,{icon:"x",size:"large",fillMode:"flat"}):void 0,title:m,subtitle:i.subtitle}),footer:i.footer?Lr(Ht,{alignment:"stretched",children:[ve(d,{text:"Cancel",size:"large",themeColor:"base"}),ve(d,{text:"Apply",size:"large",themeColor:"primary"})]}):void 0,children:l}):ve(Z,{...a,fullscreen:i.fullScreen,header:ve(ge,{actionsStart:i.actionsStart?ve(d,{icon:"chevron-left",fillMode:"flat"}):void 0,actionsEnd:i.actionsEnd?ve(d,{icon:"x",fillMode:"flat"}):void 0,title:"Select Item",subtitle:i.subtitle}),footer:i.footer?Lr(Ht,{alignment:"stretched",children:[ve(d,{text:"Apply",themeColor:"primary"}),ve(d,{text:"Cancel",themeColor:"base"})]}):void 0,children:l})};So.options=Mc;So.states=Ic;So.variants=Sc;So.defaultOptions=wl;So.modifiers=yc;So.className=Z.className;var kr="slider",Kl=kr;import{jsx as yo,jsxs as Mr}from"react/jsx-runtime";var Ka="k-slider",Ec=[r.hover,r.focus,r.active,r.disabled,r.readonly],Cc={},Ze={type:"single",orientation:"horizontal",gradientType:"1d",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0,value:50,min:0,max:100},G=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,j=(()=>{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(Ka,e.className,E(Ka,{readonly:i,disabled:l}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:O,children:[m&&yo(d,{className:"k-button-decrease",rounded:"full",icon:pe,tabIndex:-1,title:"Decrease"}),Mr("div",{className:"k-slider-track-wrap",children:[f&&yo("ul",{className:"k-reset k-slider-items","aria-hidden":"true",children:e.children}),Mr("div",{className:"k-slider-track",style:y,children:[yo("div",{className:"k-slider-selection"}),t==="range"&&yo("span",{className:n("k-draghandle","k-draghandle-start",E(Ka,{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":j,"aria-disabled":l?"true":void 0,"aria-readonly":i?"true":void 0,"aria-label":U["aria-label"]?`${U["aria-label"]} start`:"Range start"}),yo("span",{className:n("k-draghandle",`k-draghandle-${p}`,E(Ka,{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":j,"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&&yo(d,{className:"k-button-increase",rounded:"full",icon:de,tabIndex:-1,title:"Increase"})]})};G.states=Ec;G.options=Cc;G.className=Ka;G.defaultOptions=Ze;G.moduleName=kr;G.folderName=Kl;import{jsx as zl}from"react/jsx-runtime";var Dl="k-tick",Tc=[],Oc={},_l={label:!1},B=e=>{let{style:t,label:o=_l.label,orientation:a,large:i,text:l,...p}=e;return zl("li",{...p,role:"presentation",title:l||"Tick",className:n(e.className,Dl,{[`k-tick-${a}`]:a,"k-tick-large":i}),style:t,children:o&&zl("span",{className:"k-label",children:l})})};B.states=Tc;B.options=Oc;B.className=Dl;B.defaultOptions=_l;import{Fragment as Ac,jsx as Qe,jsxs as Bc}from"react/jsx-runtime";var Hl=e=>Qe(G,{"aria-label":e["aria-label"]||"Slider",children:Bc(Ac,{children:[Qe(B,{className:"k-first",label:!0,large:!0,text:"0"}),Qe(B,{}),Qe(B,{}),Qe(B,{}),Qe(B,{}),Qe(B,{label:!0,large:!0,text:"5"}),Qe(B,{}),Qe(B,{}),Qe(B,{}),Qe(B,{}),Qe(B,{className:"k-last",label:!0,large:!0,text:"10"})]}),...e});import{Fragment as Rc,jsx as je,jsxs as Pc}from"react/jsx-runtime";var Fl=e=>je(G,{children:Pc(Rc,{children:[je(B,{className:"k-first",label:!0,large:!0,text:"0"}),je(B,{}),je(B,{}),je(B,{}),je(B,{}),je(B,{label:!0,large:!0,text:"5"}),je(B,{}),je(B,{}),je(B,{}),je(B,{}),je(B,{className:"k-last",label:!0,large:!0,text:"10"})]}),"aria-label":e["aria-label"]||"Vertical slider",...e,orientation:"vertical"});import{Fragment as JS,jsx as WS,jsxs as qS}from"react/jsx-runtime";import{Fragment as ey,jsx as jS,jsxs as ty}from"react/jsx-runtime";import{jsx as wc}from"react/jsx-runtime";var Ir=e=>wc(G,{type:"gradient",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{jsx as Kc}from"react/jsx-runtime";var Sr=e=>Kc(G,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e,"aria-label":e["aria-label"]||"Color slider"});import{Fragment as cy,jsx as my,jsxs as uy}from"react/jsx-runtime";import{Fragment as Ny,jsx as hy,jsxs as gy}from"react/jsx-runtime";import{jsx as Lt,jsxs as Ul}from"react/jsx-runtime";var zc=G.options,Dc=G.states,Gl={...G.defaultOptions,variant:"horizontal",label:!0},_c=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Hc=[{name:"label",title:"Labels",default:!0},{name:"tick",title:"Ticks",default:!0},{name:"button",title:"Side Buttons",default:!0}],Eo=e=>{let{variant:t,modifiers:o,...a}=e,i=Gl.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"?Ul(Fl,{style:{height:"300px",...p},...a,...l,children:[Lt(B,{label:i,large:!0,orientation:"vertical",text:"0",style:{position:"absolute",bottom:"0%"}}),Lt(B,{label:i,large:!0,orientation:"vertical",text:"2",style:{position:"absolute",bottom:"25%"}}),Lt(B,{label:i,large:!0,orientation:"vertical",text:"4",style:{position:"absolute",bottom:"50%"}}),Lt(B,{label:i,large:!0,orientation:"vertical",text:"6",style:{position:"absolute",bottom:"75%"}}),Lt(B,{label:i,large:!0,orientation:"vertical",text:"8",style:{position:"absolute",bottom:"100%"}})]}):Ul(Hl,{style:{width:"400px",...p},...a,...l,children:[Lt(B,{label:i,large:!0,orientation:"horizontal",text:"0",style:{position:"absolute",left:"0%"}}),Lt(B,{label:i,large:!0,orientation:"horizontal",text:"2",style:{position:"absolute",left:"25%"}}),Lt(B,{label:i,large:!0,orientation:"horizontal",text:"4",style:{position:"absolute",left:"50%"}}),Lt(B,{label:i,large:!0,orientation:"horizontal",text:"6",style:{position:"absolute",left:"75%"}}),Lt(B,{label:i,large:!0,orientation:"horizontal",text:"8",style:{position:"absolute",left:"100%"}})]})};Eo.options=zc;Eo.states=Dc;Eo.variants=_c;Eo.defaultOptions=Gl;Eo.modifiers=Hc;Eo.className=G.className;import{jsx as $l,jsxs as Vc}from"react/jsx-runtime";var Vl="k-spin-button",Gc=[],$c={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"},kt=e=>{let{size:t,fillMode:o,disabled:a,increaseLabel:i=yr.increaseLabel,decreaseLabel:l=yr.decreaseLabel,...p}=e;return Vc("span",{...p,className:n(Vl,e.className),children:[$l(d,{className:"k-spinner-increase",icon:"chevron-up",size:t,fillMode:o,disabled:a,"aria-label":i}),$l(d,{className:"k-spinner-decrease",icon:"chevron-down",size:t,fillMode:o,disabled:a,"aria-label":l})]})};kt.states=Gc;kt.options=$c;kt.className=Vl;kt.defaultOptions=yr;kt.moduleName=null;kt.folderName=null;var Xl="numeric-textbox",Wl="numerictextbox";import{Fragment as Jl,jsx as Bt,jsxs as Er}from"react/jsx-runtime";var ql="k-numerictextbox",Xc=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],Wc={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},P=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":j,...de}=e;return Er(V,{...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,ql),children:[m&&Er(Jl,{children:[Bt(be,{children:m}),i&&Bt(te,{})]}),Bt(ce,{id:U,placeholder:h,value:x,role:"spinbutton",disabled:y,"aria-label":Y,"aria-describedby":j,"aria-invalid":g?"true":void 0}),Bt(ee,{valid:k,invalid:g,loading:S,disabled:y}),Bt(ae,{loading:S,disabled:y}),l&&Bt(me,{loading:S,disabled:y,readonly:O,value:x}),f&&Er(Jl,{children:[i&&Bt(te,{}),Bt(xe,{children:f})]}),p&&Bt(kt,{className:"k-input-spinner",size:t,fillMode:a,disabled:y})]})};P.states=Xc;P.options=Wc;P.className=ql;P.defaultOptions=pi;P.moduleName=Xl;P.folderName=Wl;var za=P;import{jsx as Jc}from"react/jsx-runtime";var Yl=e=>Jc(za,{...e});import Tr from"react";import{jsx as Zl}from"react/jsx-runtime";var qc="k-list-group-sticky-header",Cr=e=>Zl("div",{className:n(qc,e.className),children:Zl("div",{className:"k-list-header-text",children:e.children})});import{jsx as Zc}from"react/jsx-runtime";var Yc="k-no-data",mi=e=>{let{live:t,...o}=e;return Zc("span",{...o,className:n(Yc,e.className),"aria-live":t?"polite":void 0,children:e.children})};var jt="list",Co=jt;import{jsx as Ql,jsxs as jl}from"react/jsx-runtime";var Or="k-list",Qc=[],jc={size:[s.undefined,s.small,s.medium,s.large]},eu={},w=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 jl("div",{...h,className:n(e.className,Or,I(Or,{size:t}),{"k-virtual-list":o}),children:[p,l,m,i&&Ql(Cr,{children:i}),a||(f!==void 0?f:Ql(mi,{live:!0,children:"No data found."})),x&&a&&jl(mi,{className:"k-sr-only",live:!0,children:[k," items found."]})]})};w.states=Qc;w.options=jc;w.className=Or;w.defaultOptions=eu;w.moduleName=jt;w.folderName=Co;import{jsx as iu}from"react/jsx-runtime";var es="k-list-container",tu=[],ou={},au={},To=e=>{let{...t}=e;return iu("div",{...t,className:n(e.className,es),children:e.children})};To.states=tu;To.options=ou;To.className=es;To.defaultOptions=au;To.moduleName=jt;To.folderName=Co;var eo="checkbox",Oo=eo;import{jsx as ts}from"react/jsx-runtime";var ci="k-checkbox",ru=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.checked,r.indeterminate],nu={size:[s.undefined,s.small,s.medium,s.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full]},lu={},Re=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 ts("span",{className:"k-checkbox-wrap",role:u,children:ts("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}))})})};Re.states=ru;Re.options=nu;Re.className=ci;Re.defaultOptions=lu;Re.moduleName=eo;Re.folderName=Oo;var ut=Re;import{jsx as pu}from"react/jsx-runtime";var os="k-checkbox-list",su=[],du={},as={layout:"vertical"},Ee=e=>{let{layout:t=as.layout,...o}=e;return pu("ul",{...o,className:n(e.className,os,{[`k-list-${t}`]:t}),children:e.children})};Ee.states=su;Ee.options=du;Ee.className=os;Ee.defaultOptions=as;Ee.moduleName=eo;Ee.folderName=Oo;import{jsx as fu}from"react/jsx-runtime";var is="k-checkbox-list-item",mu=[],cu={},uu={},Ce=e=>{let{...t}=e;return fu("li",{...t,className:n(e.className,is),children:e.children})};Ce.states=mu;Ce.options=cu;Ce.className=is;Ce.defaultOptions=uu;Ce.moduleName=eo;Ce.folderName=Oo;import{Fragment as bu,jsx as rs,jsxs as xu}from"react/jsx-runtime";var ft=({children:e="Label",id:t="cb-label-after",...o})=>xu(bu,{children:[rs(ut,{id:t,...o}),rs("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as GE,jsx as UE,jsxs as $E}from"react/jsx-runtime";import{Fragment as qE,jsx as JE,jsxs as YE}from"react/jsx-runtime";import{Fragment as tC,jsx as eC,jsxs as oC}from"react/jsx-runtime";import{jsx as nC}from"react/jsx-runtime";import{jsx as pC}from"react/jsx-runtime";import{jsx as fC}from"react/jsx-runtime";import{jsx as et,jsxs as ns}from"react/jsx-runtime";var hu=Ee.options,Nu=Ee.states,gu={...Ee.defaultOptions,variant:"vertical"},vu=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],Lu=[],Ao=e=>{let{variant:t,...o}=e;return t==="horizontal"?ns(Ee,{layout:"horizontal",...o,children:[et(Ce,{children:et(ft,{id:C("cb"),defaultChecked:!0,children:"Label"})}),et(Ce,{children:et(ft,{id:C("cb"),children:"Label"})}),et(Ce,{children:et(ft,{id:C("cb"),children:"Label"})})]}):ns(Ee,{...o,children:[et(Ce,{children:et(ft,{id:C("cb"),defaultChecked:!0,children:"Label"})}),et(Ce,{children:et(ft,{id:C("cb"),children:"Label"})}),et(Ce,{children:et(ft,{id:C("cb"),children:"Label"})})]})};Ao.options=hu;Ao.states=Nu;Ao.variants=vu;Ao.defaultOptions=gu;Ao.modifiers=Lu;Ao.className=Ee.className;import{jsx as Eu}from"react/jsx-runtime";var ku=ut.options,Mu=ut.states,Iu=ut.defaultOptions,Su=[],yu=[],Bo=e=>Eu(ft,{id:C("checkbox"),...e,defaultChecked:!0,children:"Label"});Bo.options=ku;Bo.states=Mu;Bo.variants=Su;Bo.defaultOptions=Iu;Bo.modifiers=yu;Bo.className=ut.className;import{jsx as Ro,jsxs as Au}from"react/jsx-runtime";var Ar="k-list-item",Cu=[r.hover,r.focus,r.selected,r.disabled],Tu={},Ou={},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 Au("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&&Ro(Re,{checked:l,disabled:x,"aria-label":M,tabIndex:-1}),o&&Ro("span",{className:"k-list-item-icon-wrapper",children:Ro(L,{icon:o,className:n("k-list-item-icon",a)})}),Ro("span",{className:"k-list-item-text",children:g}),h&&Ro("div",{className:"k-list-item-actions",children:h}),N&&Ro("span",{className:"k-list-item-description",children:N})]})};T.states=Cu;T.options=Tu;T.className=Ar;T.defaultOptions=Ou;T.moduleName=jt;T.folderName=Co;import{jsx as Ru}from"react/jsx-runtime";var Bu="k-list-ul",Mt=e=>{let{children:t,role:o,id:a,...i}=e;return Ru("ul",{...i,id:a,role:o,className:n(Bu,e.className),children:t})};import{jsx as Br,jsxs as wu}from"react/jsx-runtime";var Pu="k-list-content",K=e=>{let{virtualization:t,grouping:o,"aria-label":a,"aria-labelledby":i,listboxId:l,...p}=e;return wu("div",{...p,className:n(Pu,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(Mt,{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 _u}from"react/jsx-runtime";var ui="k-list-sticky-header",Ku=[r.hover,r.focus,r.selected],zu={},Du={},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:_u("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(Re,{checked:a,indeterminate:i,"aria-label":t}),Rr("span",{className:"k-list-item-text",children:t})]})})};fi.states=Ku;fi.options=zu;fi.className=ui;fi.defaultOptions=Du;import{Fragment as sT,jsx as lT,jsxs as dT}from"react/jsx-runtime";import{jsx as fT,jsxs as bT}from"react/jsx-runtime";import{jsx as Gu}from"react/jsx-runtime";var Pr="k-list-optionlabel",Hu=[r.hover,r.focus,r.selected,r.disabled],Fu={},Uu={},bi=e=>{let{text:t,hover:o,focus:a,selected:i,disabled:l,...p}=e;return Gu("div",{...p,className:n(Pr,E(Pr,{hover:o,focus:a,selected:i,disabled:l})),children:t})};bi.states=Hu;bi.options=Fu;bi.className=Pr;bi.defaultOptions=Uu;import{jsx as Wu}from"react/jsx-runtime";var wr="k-list-custom-value",$u=[r.hover,r.focus,r.selected,r.disabled],Vu={},Xu={},tt=e=>{let{text:t,hover:o,focus:a,selected:i,disabled:l,...p}=e;return Wu("div",{...p,className:n(wr,E(wr,{hover:o,focus:a,selected:i,disabled:l})),children:t})};tt.states=$u;tt.options=Vu;tt.className=wr;tt.defaultOptions=Xu;import{Fragment as ET,jsx as yT,jsxs as CT}from"react/jsx-runtime";import{Fragment as PT,jsx as RT,jsxs as wT}from"react/jsx-runtime";import{Fragment as UT,jsx as HT,jsxs as FT}from"react/jsx-runtime";import{Fragment as qT,jsx as WT,jsxs as JT}from"react/jsx-runtime";import{jsx as jT}from"react/jsx-runtime";import{Fragment as rO,jsx as iO,jsxs as nO}from"react/jsx-runtime";import{Fragment as cO,jsx as mO,jsxs as uO}from"react/jsx-runtime";var ls="dropdown-list",ss="dropdownlist";import{Fragment as Yu,jsx as Te,jsxs as Kr}from"react/jsx-runtime";var ds="k-dropdownlist",Ju=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],qu={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"},$=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:j,adaptiveSettings:de,adaptiveTitle:pe,adaptiveSubtitle:xt,adaptiveFilter:va,id:mt,activeDescendant:ho,"aria-label":La,...ka}=e,xp=mt?`${mt}-listbox`:void 0,Fn=mt?`${mt}-value`:void 0;return Kr(Yu,{children:[Kr(gt,{...ka,id:mt,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,ds,{"k-icon-picker":!l&&p}),role:"combobox","aria-haspopup":"listbox","aria-expanded":Y?"true":"false","aria-controls":Y?xp:void 0,"aria-activedescendant":Y&&ho?ho:void 0,"aria-describedby":Y?Fn:void 0,"aria-disabled":y?"true":void 0,"aria-label":La,tabIndex:0,children:[Te(be,{children:m}),Te(Qt,{placeholder:h,value:x,showValue:l,valueIconName:p,id:Fn}),Te(ee,{valid:k,invalid:g,loading:S,disabled:y}),Te(ae,{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(W,{className:"k-list-container k-dropdownlist-popup",containerRole:"region",containerAriaLabel:"Dropdown suggestions",children:U}),j&&Te(Z,{adaptive:!0,...de,header:Te(ge,{actionsEnd:Te(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),filter:va,inputValue:x,inputPlaceholder:h,title:pe,subtitle:xt}),children:Te("div",{className:"k-list-container",children:Te(w,{size:"large",children:Kr(K,{"aria-label":"Options",children:[Te(T,{text:"List item"}),Te(T,{text:"List item"}),Te(T,{text:"List item"})]})})})})]})};$.states=Ju;$.options=qu;$.className=ds;$.defaultOptions=zr;$.moduleName=ls;$.folderName=ss;import{jsx as JO}from"react/jsx-runtime";import{jsx as eA,jsxs as tA}from"react/jsx-runtime";import{Fragment as pA,jsx as sA,jsxs as dA}from"react/jsx-runtime";import{jsx as bA}from"react/jsx-runtime";import{jsx as LA,jsxs as kA}from"react/jsx-runtime";import{Fragment as AA,jsx as TA,jsxs as OA}from"react/jsx-runtime";import{jsx as KA}from"react/jsx-runtime";import{Fragment as of,jsx as $t,jsxs as ps}from"react/jsx-runtime";var Zu=$.states,Qu=$.defaultOptions,ju=$.options,ef=[{name:"opened",title:"Opened"}],tf=[],wo=e=>{let{modifiers:t,...o}=e,a={},i=ps(of,{children:[$t("div",{className:"k-list-filter",children:$t(Ye,{})}),$t(w,{style:{width:300},size:o.size,children:ps(K,{children:[$t(T,{children:"List item"}),$t(T,{children:"List item"}),$t(T,{children:"List item"})]})})]});return Object.keys(t||{}).forEach(l=>{l==="opened"&&(a.opened=!!t?.[l],a.popup=t?.[l]?i:void 0)}),$t("div",{children:$t($,{placeholder:"Value",style:{width:300},...o,...a})})};wo.options=ju;wo.states=Zu;wo.variants=tf;wo.defaultOptions=Qu;wo.modifiers=ef;wo.className=$.className;import{Fragment as iB,jsx as aB}from"react/jsx-runtime";import{Fragment as pB,jsx as dB}from"react/jsx-runtime";import{jsx as fB}from"react/jsx-runtime";import{jsx as Dr}from"react/jsx-runtime";var af=P.states,rf=P.defaultOptions,nf=P.options,lf=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"},{name:"spin-button",title:"`Spin` Button"}],sf=[],Ko=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?Dr($,{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(Yl,{value:"Value",style:{width:300},...o,...a})};Ko.options=nf;Ko.states=af;Ko.variants=sf;Ko.defaultOptions=rf;Ko.modifiers=lf;Ko.className=P.className;import{Fragment as Da,jsx as z,jsxs as ie}from"react/jsx-runtime";var ms="k-colorgradient-inputs",df=[],pf={size:[s.undefined,s.small,s.medium,s.large]},cs={mode:"rgba"},zo=e=>{let{mode:t=cs.mode,size:o,...a}=e;return ie("div",{...a,className:n(ms,"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"&&ie(Da,{children:[ie("div",{className:"k-vstack",children:[z(P,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Red channel"}),z("label",{className:"k-colorgradient-input-label",children:"R"})]}),ie("div",{className:"k-vstack",children:[z(P,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Green channel"}),z("label",{className:"k-colorgradient-input-label",children:"G"})]}),ie("div",{className:"k-vstack",children:[z(P,{showSpinButton:!1,showClearButton:!1,value:"132",size:o,"aria-label":"Blue channel"}),z("label",{className:"k-colorgradient-input-label",children:"B"})]}),ie("div",{className:"k-vstack",children:[z(P,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o,"aria-label":"Alpha channel"}),z("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&ie(Da,{children:[ie("div",{className:"k-vstack",children:[z(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Red channel"}),z("label",{className:"k-colorgradient-input-label",children:"R"})]}),ie("div",{className:"k-vstack",children:[z(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Green channel"}),z("label",{className:"k-colorgradient-input-label",children:"G"})]}),ie("div",{className:"k-vstack",children:[z(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Blue channel"}),z("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&ie(Da,{children:[ie("div",{className:"k-vstack",children:[z(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),z("label",{className:"k-colorgradient-input-label",children:"H"})]}),ie("div",{className:"k-vstack",children:[z(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),z("label",{className:"k-colorgradient-input-label",children:"S"})]}),ie("div",{className:"k-vstack",children:[z(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),z("label",{className:"k-colorgradient-input-label",children:"V"})]}),ie("div",{className:"k-vstack",children:[z(P,{showSpinButton:!1,showClearButton:!1,value:"1.00","aria-label":"Alpha channel"}),z("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&ie(Da,{children:[ie("div",{className:"k-vstack",children:[z(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Hue channel"}),z("label",{className:"k-colorgradient-input-label",children:"H"})]}),ie("div",{className:"k-vstack",children:[z(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Saturation channel"}),z("label",{className:"k-colorgradient-input-label",children:"S"})]}),ie("div",{className:"k-vstack",children:[z(P,{showSpinButton:!1,showClearButton:!1,value:"132","aria-label":"Value channel"}),z("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&z(Da,{children:ie("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"})]})})]})};zo.states=df;zo.options=pf;zo.className=ms;zo.defaultOptions=cs;import{jsx as oo,jsxs as ao}from"react/jsx-runtime";var us="k-colorgradient-color-contrast",mf=[],cf={},uf={},Do=()=>ao("div",{className:n(us,"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"})]})]})]});Do.states=mf;Do.options=cf;Do.className=us;Do.defaultOptions=uf;var fs="color-gradient",bs="colorgradient";import{jsx as ot,jsxs as _a}from"react/jsx-runtime";var xi="k-colorgradient",ff=[r.hover,r.focus,r.readonly,r.disabled],bf={size:[s.undefined,s.small,s.medium,s.large]},It={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"},Le=e=>{let{size:t,mode:o=It.mode,readonly:a=It.readonly,disabled:i=It.disabled,gradientStyle:l=It.gradientStyle,dragHandleStyle:p=It.dragHandleStyle,alphaStyle:m=It.alphaStyle,alphaStyleHorizontal:f=It.alphaStyleHorizontal,contrast:x=It.contrast,dir:h,hover:N,focus:u,hoverHandle:k,focusHandle:g,canvasOrientation:M=It.canvasOrientation,role:S,tabIndex:y,...O}=e;return _a("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"&&_a("div",{className:"k-colorgradient-canvas k-hstack",children:[ot("div",{className:"k-hsv-rectangle",style:l,children:ot("div",{className:"k-hsv-gradient",children:ot("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})})}),_a("div",{className:"k-hsv-controls k-hstack",children:[ot(Sr,{className:"k-hue-slider",hover:k,focus:g}),o!=="rgb"&&o!=="hsv"&&ot(Sr,{className:"k-alpha-slider",hover:k,focus:g,trackStyle:m})]})]}),M==="vertical"&&_a("div",{className:"k-colorgradient-canvas k-vstack",children:[ot("div",{className:"k-hsv-rectangle",style:l,children:ot("div",{className:"k-hsv-gradient",children:ot("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})})}),_a("div",{className:"k-hsv-controls k-vstack",children:[ot(Ir,{className:"k-hue-slider",hover:k,focus:g}),o!=="rgb"&&o!=="hsv"&&ot(Ir,{className:"k-alpha-slider",hover:k,focus:g,trackStyle:f})]})]}),ot(zo,{mode:e.mode,size:t}),x&&ot(Do,{})]})};Le.states=ff;Le.options=bf;Le.className=xi;Le.defaultOptions=It;Le.moduleName=fs;Le.folderName=bs;import{jsx as xf}from"react/jsx-runtime";var hi=e=>xf(Le,{...e});import{jsx as jB}from"react/jsx-runtime";import{jsx as aR}from"react/jsx-runtime";import{jsx as _r}from"react/jsx-runtime";var hf=Le.options,Nf=Le.states,gf={...Le.defaultOptions,variant:"rgba"},vf=[{name:"rgba",title:"RGBA"},{name:"rgb",title:"RGB"},{name:"hex",title:"HEX"}],Lf=[],_o=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})}};_o.options=hf;_o.states=Nf;_o.variants=vf;_o.defaultOptions=gf;_o.modifiers=Lf;_o.className=Le.className;import{jsx as kf}from"react/jsx-runtime";var Hr=e=>kf("tr",{role:"row",children:e.children});import{jsx as Sf}from"react/jsx-runtime";var Fr="k-colorpalette-tile",Mf=[r.hover,r.focus,r.selected],If={},Vt=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 Sf("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})};Vt.states=Mf;Vt.options=If;Vt.className=Fr;Vt.moduleName=null;Vt.folderName=null;var xs="color-palette",hs="colorpalette";import{jsx as Ha}from"react/jsx-runtime";var Ni="k-colorpalette",yf=[r.disabled],Ef={size:[s.undefined,s.small,s.medium,s.large]},Ns={columns:10},Pe=e=>{let{size:t,palette:o,columns:a=Ns.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(N*f,(N+1)*f).map((g,M)=>{u.push(Ha(Vt,{color:g,tileSize:i},M))});let k=Ha(Hr,{children:u},N);m.push(k)})}return Ha("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:Ha("table",{className:"k-colorpalette-table",role:"none",children:Ha("tbody",{children:m.length>0?m:e.children})})})};Pe.states=yf;Pe.options=Ef;Pe.className=Ni;Pe.defaultOptions=Ns;Pe.moduleName=xs;Pe.folderName=hs;var gi=Pe;var Fa={basic:{colors:["#000000","#7f7f7f","#880015","#ed1c24","#ff7f27","#fff200","#22b14c","#00a2e8","#3f48cc","#a349a4","#ffffff","#c3c3c3","#b97a57","#ffaec9","#ffc90e","#efe4b0","#b5e61d","#99d9ea","#7092be","#c8bfe7"],columns:10},office:{colors:["#ffffff","#000000","#e6e6e6","#435569","#4371c4","#ed7e32","#a5a4a5","#febf04","#5a9bd5","#71ae48","#f2f2f3","#7f7f7f","#d1cece","#d5dde3","#dae1f4","#fce5d4","#deeded","#fff2cc","#deeaf6","#e1efd9","#d7d8d8","#585959","#aeabab","#adbaca","#b4c5e7","#f6caac","#dbdbdb","#ffe498","#bcd6ee","#c5e0b2","#bfbfc0","#3f3f3f","#767070","#8595b1","#8fabdb","#f5b183","#c9c8c9","#fed965","#9bc4e5","#a8d08d","#a5a5a6","#262625","#393939","#334050","#2e5496","#c45a11","#7b7b7a","#bf9000","#2f75b5","#548235","#7f7f7f","#0b0c0c","#161616","#222a34","#203764","#843d0b","#525252","#7f6000","#1d4d79","#375623"],columns:10},apex:{colors:["#ffffff","#000000","#c9c2d1","#69676d","#ceb966","#9cb084","#6bb1c9","#6585cf","#7e6bc9","#a379bb","#f2f2f2","#7f7f7f","#f4f2f5","#e0e0e2","#f5f1e0","#ebefe6","#e1eff4","#e0e6f5","#e5e1f4","#ece4f1","#d8d8d8","#595959","#e9e6ec","#c2c1c5","#ebe3c1","#d7dfcd","#c3dfe9","#c1ceeb","#cbc3e9","#dac9e3","#bfbfbf","#3f3f3f","#dedae3","#a4a3a8","#e1d5a3","#c3cfb5","#a6d0de","#a2b5e2","#b1a6de","#c7aed6","#a5a5a5","#262626","#9688a5","#4e4d51","#ae9638","#758c5a","#3d8da9","#365bb0","#533da9","#7d4d99","#7f7f7f","#0c0c0c","#635672","#343336","#746425","#4e5d3c","#295e70","#243c75","#372970","#533366"],columns:10},austin:{colors:["#ffffff","#000000","#caf278","#3e3d2d","#94c600","#71685a","#ff6700","#909465","#956b43","#fea022","#f2f2f2","#7f7f7f","#f4fce4","#dddcd0","#efffc0","#e3e1dc","#ffe0cb","#e8e9df","#ece1d6","#feecd2","#d8d8d8","#595959","#e9f9c9","#bbb9a1","#dfff82","#c8c3ba","#ffc299","#d2d4c0","#dac3ad","#fed9a6","#bfbfbf","#3f3f3f","#dff7ae","#ada598","#cfff43","#ada598","#ffa365","#bcbfa1","#c8a585","#fec67a","#a5a5a5","#262626","#a9ea25","#2e2d21","#6f9400","#544e43","#bf4d00","#6c6f4b","#6f5032","#d77b00","#7f7f7f","#0c0c0c","#74a50f","#1f1e16","#4a6300","#38342d","#7f3300","#484a32","#4a3521","#8f5200"],columns:10},clarity:{colors:["#ffffff","#292934","#f3f2dc","#d2533c","#93a299","#ad8f67","#726056","#4c5a6a","#808da0","#79463d","#f2f2f2","#e7e7ec","#e7e5b9","#f6dcd8","#e9ecea","#eee8e0","#e4dedb","#d8dde3","#e5e8ec","#e9d6d3","#d8d8d8","#c4c4d1","#d5d185","#edbab1","#d3d9d6","#ded2c2","#c9beb8","#b2bcc8","#ccd1d9","#d3aea7","#bfbfbf","#8a8aa3","#aca73b","#e4978a","#bec7c1","#cdbba3","#af9e94","#8c9bac","#b2bac6","#bd857c","#a5a5a5","#56566e","#56531d","#a43925","#6b7c72","#866b48","#554840","#39434f","#5c697b","#5a342d","#7f7f7f","#3b3b4b","#22210b","#6d2619","#47534c","#594730","#39302b","#262d35","#3d4652","#3c231e"],columns:10},slipstream:{colors:["#ffffff","#000000","#b4dcfa","#212745","#4e67c8","#5eccf3","#a7ea52","#5dceaf","#ff8021","#f14124","#f2f2f2","#7f7f7f","#8bc9f7","#c7cce4","#dbe0f4","#def4fc","#edfadc","#def5ef","#ffe5d2","#fcd9d3","#d8d8d8","#595959","#4facf3","#909aca","#b8c2e9","#beeafa","#dbf6b9","#beebdf","#ffcca6","#f9b3a7","#bfbfbf","#3f3f3f","#0d78c9","#5967af","#94a3de","#9ee0f7","#caf297","#9de1cf","#ffb279","#f68d7b","#a5a5a5","#262626","#063c64","#181d33","#31479f","#11b2eb","#81d319","#34ac8b","#d85c00","#c3260c","#7f7f7f","#0c0c0c","#021828","#101322","#202f6a","#0b769c","#568c11","#22725c","#903d00","#821908"],columns:10},metro:{colors:["#ffffff","#000000","#d6ecff","#4e5b6f","#7fd13b","#ea157a","#feb80a","#00addc","#738ac8","#1ab39f","#f2f2f2","#7f7f7f","#a7d6ff","#d9dde4","#e5f5d7","#fad0e4","#fef0cd","#c5f2ff","#e2e7f4","#c9f7f1","#d8d8d8","#595959","#60b5ff","#b3bcca","#cbecb0","#f6a1c9","#fee29c","#8be6ff","#c7d0e9","#94efe3","#bfbfbf","#3f3f3f","#007dea","#8d9baf","#b2e389","#f272af","#fed46b","#51d9ff","#aab8de","#5fe7d5","#a5a5a5","#262626","#003e75","#3a4453","#5ea226","#af0f5b","#c58c00","#0081a5","#425ea9","#138677","#7f7f7f","#0c0c0c","#00192e","#272d37","#3f6c19","#750a3d","#835d00","#00566e","#2c3f71","#0c594f"],columns:10},flow:{colors:["#ffffff","#000000","#dbf5f9","#04617b","#0f6fc6","#009dd9","#0bd0d9","#10cf9b","#7cca62","#a5c249","#f2f2f2","#7f7f7f","#b2e9f2","#b4ecfc","#c7e2fa","#c4eeff","#c9fafc","#c9faed","#e4f4df","#edf2da","#d8d8d8","#595959","#76d9e8","#6adafa","#90c6f6","#89deff","#93f5f9","#94f6db","#cae9c0","#dbe6b6","#bfbfbf","#3f3f3f","#21b2c8","#20c8f7","#59a9f2","#4fceff","#5df0f6","#5ff2ca","#b0dfa0","#c9da91","#a5a5a5","#262626","#105964","#02485c","#0b5394","#0075a2","#089ca2","#0b9b74","#54a838","#7e9532","#7f7f7f","#0c0c0c","#062328","#01303d","#073763","#004e6c","#05686c","#07674d","#387025","#546321"],columns:10},hardcover:{colors:["#ffffff","#000000","#ece9c6","#895d1d","#873624","#d6862d","#d0be40","#877f6c","#972109","#aeb795","#f2f2f2","#7f7f7f","#e1dca5","#f2e0c6","#f0d0c9","#f6e6d5","#f5f2d8","#e7e5e1","#fbc7bc","#eef0e9","#d8d8d8","#595959","#d0c974","#e6c28d","#e2a293","#eeceaa","#ece5b2","#cfccc3","#f78f7a","#dee2d4","#bfbfbf","#3f3f3f","#a29a36","#daa454","#d4735e","#e6b681","#e2d88c","#b7b2a5","#f35838","#ced3bf","#a5a5a5","#262626","#514d1b","#664515","#65281a","#a2641f","#a39428","#655f50","#711806","#879464","#7f7f7f","#0c0c0c","#201e0a","#442e0e","#431b11","#6c4315","#6d621a","#433f35","#4b1004","#5a6243"],columns:10},trek:{colors:["#ffffff","#000000","#fbeec9","#4e3b30","#f0a22e","#a5644e","#b58b80","#c3986d","#a19574","#c17529","#f2f2f2","#7f7f7f","#f7e09e","#e1d6cf","#fcecd5","#eddfda","#f0e7e5","#f3eae1","#ece9e3","#f5e3d1","#d8d8d8","#595959","#f3cc5f","#c4ad9f","#f9d9ab","#dcc0b6","#e1d0cc","#e7d5c4","#d9d4c7","#ebc7a3","#bfbfbf","#3f3f3f","#d29f0f","#a78470","#f6c781","#cba092","#d2b9b2","#dbc1a7","#c6bfab","#e1ac76","#a5a5a5","#262626","#694f07","#3a2c24","#c87d0e","#7b4b3a","#926255","#a17242","#7b7153","#90571e","#7f7f7f","#0c0c0c","#2a1f03","#271d18","#855309","#523226","#614138","#6b4c2c","#524b37","#603a14"],columns:10},verve:{colors:["#ffffff","#000000","#d2d2d2","#666666","#ff388c","#e40059","#9c007f","#68007f","#005bd3","#00349e","#f2f2f2","#7f7f7f","#bdbdbd","#e0e0e0","#ffd7e8","#ffc6dc","#ffb8f1","#f1b2ff","#c3dcff","#b8cfff","#d8d8d8","#595959","#9d9d9d","#c1c1c1","#ffafd1","#ff8eba","#ff71e4","#e365ff","#87baff","#72a0ff","#bfbfbf","#3f3f3f","#696969","#a3a3a3","#ff87ba","#ff5597","#ff2ad7","#d519ff","#4b98ff","#2b71ff","#a5a5a5","#262626","#343434","#4c4c4c","#e90062","#ab0042","#75005f","#4e005f","#00449e","#002676","#7f7f7f","#0c0c0c","#151515","#333333","#9b0041","#72002c","#4e003f","#34003f","#002d69","#00194f"],columns:10},monochrome:{colors:["#000000","#1a1a1a","#333333","#4d4d4d","#666666","#808080","#999999","#b3b3b3","#cccccc","#e6e6e6","#f2f2f2","#ffffff"],columns:12}};import{jsx as Cf}from"react/jsx-runtime";var gs=e=>Cf(gi,{palette:Fa.basic,...e});import{jsx as DR}from"react/jsx-runtime";import{jsx as $R,jsxs as VR}from"react/jsx-runtime";import{jsx as wf}from"react/jsx-runtime";var Tf=Pe.options,Of=Pe.states,Af={...Pe.defaultOptions,variant:"basic"},Bf=[{name:"basic",title:"Basic"},{name:"monochrome",title:"Monochrome"}],Rf={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}},Pf=[],Ho=e=>{let{variant:t="basic",...o}=e,a=Rf[t];return wf(gs,{columns:a.columns,palette:a,...o})};Ho.options=Tf;Ho.states=Of;Ho.variants=Bf;Ho.defaultOptions=Af;Ho.modifiers=Pf;Ho.className=Pe.className;var vs="color-editor",Ls="coloreditor";import{jsx as at,jsxs as Fo}from"react/jsx-runtime";var vi="k-coloreditor",Kf=[r.focus],zf={size:[s.undefined,s.small,s.medium,s.large]},Ua={view:"gradient",palette:Fa.office,actionButtons:!0,canvasOrientation:"horizontal"},re=e=>{let{size:t,view:o=Ua.view,palette:a=Ua.palette,color:i,currentColor:l,focus:p,focusView:m,dir:f,group:x,actionButtons:h=Ua.actionButtons,canvasOrientation:N=Ua.canvasOrientation,...u}=e;return Fo("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:[Fo("div",{className:"k-coloreditor-header k-hstack",children:[at("div",{className:"k-coloreditor-header-actions k-hstack",children:x&&Fo(R,{fillMode:"flat",children:[at(d,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient","aria-label":"Color gradient view"}),at(d,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette","aria-label":"Color palette view"})]})}),at("div",{className:"k-spacer"}),Fo("div",{className:"k-coloreditor-header-actions k-hstack",children:[at(d,{fillMode:"flat",icon:"droplet-slash",size:t,"aria-label":"Reset color"}),Fo("div",{className:"k-coloreditor-preview k-vstack",children:[at(_t,{className:"k-coloreditor-preview-color",color:i}),at(_t,{className:"k-coloreditor-current-color",color:l})]})]})]}),at("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?at(Le,{focus:m,size:t,canvasOrientation:N,role:"none",tabIndex:-1}):at(Pe,{palette:a,size:t})}),h&&Fo(qe,{className:"k-coloreditor-footer",alignment:"start",children:[at(d,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),at(d,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};re.states=Kf;re.options=zf;re.className=vi;re.defaultOptions=Ua;re.moduleName=vs;re.folderName=Ls;var Uo=re;import{jsx as vP}from"react/jsx-runtime";import{jsx as IP}from"react/jsx-runtime";import{jsx as Df}from"react/jsx-runtime";var ks=e=>Df(Uo,{group:!0,currentColor:"fuchsia",...e});import{jsx as _f}from"react/jsx-runtime";var Ms=e=>_f(Uo,{view:"palette",group:!0,currentColor:"fuchsia",...e});import{jsx as Is}from"react/jsx-runtime";var Hf=re.options,Ff=re.states,Uf={...re.defaultOptions,variant:"gradient"},Gf=[{name:"gradient",title:"Gradient"},{name:"palette",title:"Palette"}],$f=[],Go=e=>{let{variant:t,...o}=e;return t==="palette"?Is(Ms,{...o,color:"white"}):Is(ks,{...o,color:"rgba(183, 118 , 118, 1.00)"})};Go.options=Hf;Go.states=Ff;Go.variants=Gf;Go.defaultOptions=Uf;Go.modifiers=$f;Go.className=re.className;var Ss="color-picker",ys="colorpicker";import{Fragment as Wf,jsx as it,jsxs as Ur}from"react/jsx-runtime";var Es="k-colorpicker",Vf=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled],Xf={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]},Cs={arrowIconName:"chevron-down"},he=e=>{let{size:t,rounded:o,fillMode:a,arrowIconName:i=Cs.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:j,...de}=e,pe="colorpicker-popup";return Ur(Wf,{children:[Ur(gt,{...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,Es,"k-icon-picker"),children:[it(be,{children:l}),it(Qt,{placeholder:f,value:m,showValue:!1,valueIcon:it(_t,{className:"k-value-icon",color:m,iconName:M}),valueIconName:M}),it(xe,{children:p}),it(d,{className:"k-input-button",icon:i,size:t,fillMode:a,tabIndex:-1,"aria-label":"Open color picker",disabled:g})]}),y&&S&&it(W,{id:pe,className:"k-colorpicker-popup",children:S}),O&&it(Z,{adaptive:!0,id:pe,...U,header:it(ge,{actionsEnd:it(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply"}),title:Y,subtitle:j}),footer:Ur(Ht,{children:[it(d,{text:"Cancel",size:"large"}),it(d,{text:"Set",size:"large",themeColor:"primary"})]}),children:it(re,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};he.states=Vf;he.options=Xf;he.className=Es;he.defaultOptions=Cs;he.moduleName=Ss;he.folderName=ys;var Rt=he;import{jsx as Jf}from"react/jsx-runtime";var Li=e=>Jf(Rt,{...e});import{jsx as lw}from"react/jsx-runtime";import{jsx as cw}from"react/jsx-runtime";import{jsx as xw}from"react/jsx-runtime";import{jsx as vw}from"react/jsx-runtime";import{jsx as Iw}from"react/jsx-runtime";import{jsx as Cw}from"react/jsx-runtime";import{jsx as io}from"react/jsx-runtime";var qf=Rt.options,Yf=Rt.states,Ts={...Rt.defaultOptions,variant:"color"},Zf=[{name:"color",title:"Color",default:!0},{name:"no color",title:"No color"},{name:"icon",title:"Icon"}],Qf=[{name:"opened",title:"Opened"}],$o=e=>{let{variant:t,modifiers:o,...a}={...Ts,...e},i={};Object.keys(o||{}).forEach(p=>{p==="opened"&&(i.opened=!!o?.[p],i.popup=o?.[p]?io(re,{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})})}};$o.options=qf;$o.states=Yf;$o.variants=Zf;$o.defaultOptions=Ts;$o.modifiers=Qf;$o.className=Rt.className;var Gr="combobox",Os=Gr;import{Fragment as $r,jsx as ue,jsxs as Ga}from"react/jsx-runtime";var As="k-combobox",jf=[r.hover,r.focus,r.valid,r.invalid,r.loading,r.required,r.disabled,r.readonly],eb={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]},Bs={separators:!0},ke=e=>{let{size:t,rounded:o,fillMode:a,separators:i=Bs.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:j,adaptiveSubtitle:de,adaptiveCustomValue:pe,id:xt,autocomplete:va,activeDescendant:mt,"aria-label":ho,...La}=e,ka=xt?`${xt}-listbox`:void 0;return Ga($r,{children:[Ga(V,{...La,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,As),children:[l&&Ga($r,{children:[ue(be,{children:l}),i&&ue(te,{})]}),ue(ce,{id:xt,placeholder:f,value:m,role:"combobox","aria-haspopup":"listbox","aria-expanded":y?"true":"false","aria-controls":y?ka:void 0,"aria-activedescendant":y&&mt?mt:void 0,"aria-autocomplete":va,"aria-invalid":u?"true":void 0,"aria-busy":g?"true":void 0,"aria-label":ho,disabled:M,readOnly:O}),ue(ee,{valid:N,invalid:u,loading:g,disabled:M}),ue(ae,{loading:g,disabled:M}),ue(me,{loading:g,disabled:M,readonly:O,value:m}),p&&Ga($r,{children:[i&&ue(te,{}),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(W,{className:"k-list-container k-combobox-popup",containerRole:"region",containerAriaLabel:"Combobox suggestions",children:S}),U&&ue(Z,{adaptive:!0,id:xt?`${xt}-adaptive`:void 0,...Y,header:ue(ge,{actionsEnd:ue(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:m,inputPlaceholder:f,title:j,subtitle:de}),children:ue("div",{className:"k-list-container",children:ue(w,{customValue:pe?ue(tt,{text:`Use "${m}"`}):void 0,size:"large",children:Ga(K,{"aria-label":j||"Options",children:[ue(T,{text:"List item"}),ue(T,{text:"List item"}),ue(T,{text:"List item"})]})})})})]})};ke.states=jf;ke.options=eb;ke.className=As;ke.defaultOptions=Bs;ke.moduleName=Gr;ke.folderName=Os;var _e=ke;import{jsx as tb}from"react/jsx-runtime";var Rs=e=>tb(_e,{...e});import{jsx as p0,jsxs as m0}from"react/jsx-runtime";import{jsx as h0,jsxs as N0}from"react/jsx-runtime";import{jsx as I0,jsxs as S0}from"react/jsx-runtime";import{Fragment as A0,jsx as O0}from"react/jsx-runtime";import{Fragment as z0,jsx as K0}from"react/jsx-runtime";import{jsx as G0,jsxs as $0}from"react/jsx-runtime";import{Fragment as Q0,jsx as Y0,jsxs as Z0}from"react/jsx-runtime";import{jsx as oK}from"react/jsx-runtime";import{jsx as nK}from"react/jsx-runtime";import{jsx as cK,jsxs as uK}from"react/jsx-runtime";import{jsx as gK,jsxs as vK}from"react/jsx-runtime";import{jsx as Xt,jsxs as lb}from"react/jsx-runtime";var ob=ke.states,ab=ke.defaultOptions,ib=ke.options,rb=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],nb=[],Vo=e=>{let{modifiers:t,...o}=e,a={},i=Xt(w,{style:{width:300},size:o.size,children:lb(K,{children:[Xt(T,{children:"List item"}),Xt(T,{children:"List item"}),Xt(T,{children:"List item"})]})});return Object.keys(t||{}).forEach(l=>{switch(l){case"prefix":a.prefix=t?.[l]?Xt(L,{icon:"map-marker-target"}):void 0;break;case"suffix":a.suffix=t?.[l]?Xt(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}}),Xt("div",{children:Xt(Rs,{value:"Value",style:{width:300},...o,...a})})};Vo.options=ib;Vo.states=ob;Vo.variants=nb;Vo.defaultOptions=ab;Vo.modifiers=rb;Vo.className=ke.className;var Vr="menu-button",Ps=Vr;import{jsx as pb}from"react/jsx-runtime";var ws="k-menu-button",sb=[r.hover,r.focus,r.active,r.selected,r.disabled],db={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 pb(d,{...M,className:n(e.className,ws),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=sb;q.options=db;q.className=ws;q.defaultOptions=Xr;q.moduleName=Vr;q.folderName=Ps;import{jsx as jK}from"react/jsx-runtime";import{jsx as az}from"react/jsx-runtime";import{jsx as lz}from"react/jsx-runtime";var He="menu",rt=He;import{jsx as $a,jsxs as Ks}from"react/jsx-runtime";var Wr="k-menu-item",mb=[r.hover,r.focus,r.active,r.selected,r.disabled],cb={},zs={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=zs.iconPosition,dir:N,children:u,expanded:k,...g}=e,M=x;return M||(M=N==="rtl"?"chevron-left":"chevron-right"),Ks("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:[Ks("span",{className:n("k-link k-menu-link"),children:[p&&h==="before"&&$a(L,{className:"k-menu-link-icon",icon:p}),$a("span",{className:"k-menu-link-text",children:m}),p&&h==="after"&&$a(L,{className:"k-menu-link-icon",icon:p}),f&&$a("span",{className:"k-menu-expand-arrow","aria-hidden":"true",children:$a(L,{icon:M})})]}),u]})};Ie.states=mb;Ie.options=cb;Ie.className=Wr;Ie.defaultOptions=zs;Ie.moduleName=He;Ie.folderName=rt;import{jsx as ro,jsxs as Ds}from"react/jsx-runtime";var Jr="k-menu-item",ub=[r.hover,r.focus,r.active,r.selected,r.disabled],fb={},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"),Ds("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:[Ds("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=ub;Q.options=fb;Q.className=Jr;Q.defaultOptions=qr;Q.moduleName=He;Q.folderName=rt;import{jsx as Nb}from"react/jsx-runtime";var _s="k-menu-scroll-wrapper",bb=[],xb={},hb={},no=e=>{let{className:t,children:o,orientation:a,...i}=e;return Nb("div",{...i,className:n(t,_s,{"k-menu-scroll-wrapper-vertical":a==="vertical"}),children:o})};no.states=bb;no.options=xb;no.className=_s;no.defaultOptions=hb;no.moduleName=He;no.folderName=rt;var Hs=no;import{Fragment as Yr,jsx as lo,jsxs as Mi}from"react/jsx-runtime";var Ii="k-menu",gb=[],vb={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(Hs,{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=gb;Me.options=vb;Me.className=Ii;Me.defaultOptions=Si;Me.moduleName=He;Me.folderName=rt;import{jsx as Lb}from"react/jsx-runtime";var Zr="k-separator",Fs={orientation:"horizontal"},Xo=e=>{let{orientation:t=Fs.orientation,...o}=e;return Lb("li",{...o,className:n(e.className,"k-item",Zr,{[`${Zr}-${t}`]:t}),role:"separator"})};Xo.className=Zr;Xo.defaultOptions=Fs;Xo.moduleName=He;Xo.folderName=rt;import{Fragment as Kz,jsx as zz}from"react/jsx-runtime";import{jsx as Sb}from"react/jsx-runtime";var Qr="k-menu-group",kb=[],Mb={size:[s.undefined,s.small,s.medium,s.large]},Ib={},Se=e=>{let{children:t,size:o,...a}=e;return Sb("ul",{role:"menu",...a,className:n(e.className,Qr,I(Qr,{size:o})),children:t})};Se.states=kb;Se.options=Mb;Se.className=Qr;Se.defaultOptions=Ib;Se.moduleName=He;Se.folderName=rt;import{jsx as Xz,jsxs as Wz}from"react/jsx-runtime";import{Fragment as yb,jsx as Wo,jsxs as Eb}from"react/jsx-runtime";var jr=e=>Wo(Me,{children:Eb(yb,{children:[Wo(Ie,{text:"Item 1"}),Wo(Ie,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 2"}),Wo(Ie,{showArrow:!0,arrowIconName:"chevron-down",text:"Item 3"}),Wo(Ie,{text:"Item 4"}),Wo(Ie,{text:"Item 5"})]}),...e});import{Fragment as aD,jsx as tD,jsxs as oD}from"react/jsx-runtime";import{Fragment as sD,jsx as lD,jsxs as dD}from"react/jsx-runtime";import{Fragment as fD,jsx as uD,jsxs as bD}from"react/jsx-runtime";import{Fragment as vD,jsx as gD,jsxs as LD}from"react/jsx-runtime";import{jsx as so,jsxs as Bb}from"react/jsx-runtime";var Cb={...Me.options,scrollable:{type:"boolean"}},Tb=Me.states,Us={...Me.defaultOptions,variant:"horizontal"},Ob=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],Ab=[{name:"opened",title:"Opened"}],Jo=e=>{let{variant:t,modifiers:o,...a}={...Us,...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(W,{className:"k-menu-popup",offset:l,children:Bb(Se,{children:[so(Q,{text:"Item 1"}),so(Q,{text:"Item 2"}),so(Xo,{}),so(Q,{text:"Item 3"})]})}):null)}),t==="vertical"?so(jr,{...a,...i,orientation:"vertical",style:{width:"200px"}}):so(jr,{...a,...i})};Jo.options=Cb;Jo.states=Tb;Jo.variants=Ob;Jo.defaultOptions=Us;Jo.modifiers=Ab;Jo.className=Me.className;import{Fragment as e_,jsx as QD,jsxs as jD}from"react/jsx-runtime";import{jsx as i_}from"react/jsx-runtime";import{Fragment as zb,jsx as St,jsxs as Gs}from"react/jsx-runtime";var Rb=d.states,$s={...d.defaultOptions,variant:"text"},Pb=d.options,wb=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],Kb=[{name:"opened",title:"Opened"}],qo=e=>{let{variant:t,modifiers:o,...a}={...$s,...e},i={},l=St(W,{className:"k-menu-popup",children:Gs(Se,{size:a.size,children:[St(Q,{text:"Menu Item"}),St(Q,{text:"Menu Item"}),St(Q,{text:"Menu Item"})]})}),p;switch(t){case"icon-only":p=St("div",{children:St(q,{...a,...i,icon:"star"})});break;case"icon-and-text":p=St("div",{children:St(q,{...a,...i,icon:"star",children:"Dropdown Button"})});break;default:p=St("div",{children:St(q,{...a,...i,children:"Dropdown Button"})});break}return Gs(zb,{children:[p,o?.opened&&l]})};qo.options=Pb;qo.states=Rb;qo.variants=wb;qo.defaultOptions=$s;qo.modifiers=Kb;qo.className=q.className;var en="split-button",Vs=en;import{Fragment as Hb,jsx as tn,jsxs as Xs}from"react/jsx-runtime";var on="k-split-button",Db=[r.hover,r.focus,r.active,r.selected,r.disabled],_b={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]},Ws={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=Ws.arrowIconName,popup:k,opened:g,popupId:M,...S}=e;return Xs(Hb,{children:[Xs("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(W,{className:"k-menu-popup",children:k})]})};D.states=Db;D.options=_b;D.className=on;D.defaultOptions=Ws;D.moduleName=en;D.folderName=Vs;var an=D;import{jsx as Ub}from"react/jsx-runtime";var Fb="k-toolbar-separator",ye=e=>Ub("div",{className:n(Fb,e.className,"k-separator")});var po="toolbar",Yo=po;import{Fragment as rn,jsx as _,jsxs as Zo}from"react/jsx-runtime";var Pt="k-toolbar",Gb=[r.focus],$b={size:[s.undefined,s.small,s.medium,s.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},Vb={scrollButtons:"around"},J=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===Ea)g.push(_(Ea,{...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===R||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(_(R,{...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===$?g.push(_($,{...u.props,className:`k-toolbar-dropdownlist ${u.props.className?u.props.className:""}`},`${k}-${new Date().getTime()}`)):u.type===he?g.push(_(he,{...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)}),Zo("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"&&Zo(rn,{children:[Zo(R,{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"&&Zo(rn,{children:[_("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:h}),_(ye,{className:"k-toolbar-button-separator"}),Zo(R,{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)&&Zo(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"})})]})]})};J.states=Gb;J.options=$b;J.className=Pt;J.defaultOptions=Vb;J.moduleName=po;J.folderName=Yo;import{jsx as qb}from"react/jsx-runtime";var nn="k-toolbar-item",Xb=[r.focus],Wb={},Jb={},yt=e=>{let{focus:t,...o}=e;return qb("div",{...o,className:n(e.className,nn,E(nn,{focus:t})),children:e.children})};yt.states=Xb;yt.options=Wb;yt.className=nn;yt.defaultOptions=Jb;yt.moduleName=po;yt.folderName=Yo;import{jsx as Js}from"react/jsx-runtime";var qs="k-toolbar-popup",Yb=[],Zb={size:[s.undefined,s.small,s.medium,s.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},Qb={},mo=e=>{let{size:t,fillMode:o,section:a,...i}=e;return Js(W,{...i,className:n(e.className,qs),children:a?Js("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=Yb;mo.options=Zb;mo.className=qs;mo.defaultOptions=Qb;mo.moduleName=po;mo.folderName=Yo;var yi=mo;import{jsx as a1}from"react/jsx-runtime";import{jsx as l1}from"react/jsx-runtime";import{jsx as m1}from"react/jsx-runtime";import{jsx as h1,jsxs as N1}from"react/jsx-runtime";import{jsx as k1}from"react/jsx-runtime";import{jsx as wt,jsxs as ax}from"react/jsx-runtime";var jb=D.states,Ys={...D.defaultOptions,variant:"text"},ex=D.options,tx=[{name:"icon-only",title:"Icon Only"},{name:"icon-and-text",title:"Icon & Text"},{name:"text",title:"Text"}],ox=[{name:"opened",title:"Opened"}],Qo=e=>{let{variant:t,modifiers:o,...a}={...Ys,...e},i={},l=ax(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"})})}};Qo.options=ex;Qo.states=jb;Qo.variants=tx;Qo.defaultOptions=Ys;Qo.modifiers=ox;Qo.className=D.className;import{jsx as co,jsxs as ix}from"react/jsx-runtime";var Zs=e=>co(J,{children:[co(d,{children:"Button"},"toolbar-button"),co(q,{text:"Menu button"},"toolbar-menu-button"),co(D,{children:"Split button"},"toolbar-split-button"),ix(R,{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 Z1,jsxs as Q1}from"react/jsx-runtime";import{jsx as Fe,jsxs as Qs}from"react/jsx-runtime";var js=e=>Fe(J,{scrollable:!0,...e,children:[Fe(d,{children:"Button"},"toolbar-button"),Fe(q,{text:"Menu button"},"toolbar-menu-button"),Fe(D,{children:"Split button"},"toolbar-split-button"),Qs(R,{children:[Fe(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Fe(d,{icon:"align-center",children:"Center"}),Fe(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group"),Fe(d,{children:"Button"},"toolbar-button"),Fe(q,{text:"Menu button"},"toolbar-menu-button"),Fe(D,{children:"Split button"},"toolbar-split-button"),Qs(R,{children:[Fe(d,{className:"k-group-start",icon:"align-left",children:"Left"}),Fe(d,{icon:"align-center",children:"Center"}),Fe(d,{className:"k-group-end",icon:"align-right",children:"Right"})]},"toolbar-button-group")],...e});import{jsx as Ue,jsxs as ed}from"react/jsx-runtime";var td=({scrollingPosition:e="start",...t})=>Ue(J,{scrollable:!0,scrollButtons:"hidden",scrollingPosition:e,...t,children:[Ue(d,{children:"Button"},"toolbar-button"),Ue(q,{text:"Menu button"},"toolbar-menu-button"),Ue(D,{children:"Split button"},"toolbar-split-button"),ed(R,{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"),ed(R,{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")],...t});import{Fragment as rx,jsx as we,jsxs as Ei}from"react/jsx-runtime";var od=({fillMode:e,size:t,...o})=>Ei(rx,{children:[we(J,{section:!0,fillMode:e,size:t,children:[we(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),Ei(R,{fillMode:e,children:[we(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),we(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),we(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group"),we(ye,{className:"k-toolbar-button-separator"}),we(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:[we(D,{fillMode:e,size:t,children:"Split button"},"toolbar-split-button"),we(d,{fillMode:e,size:t,children:"Button"},"toolbar-button"),we(ye,{}),we(q,{text:"Menu button",fillMode:e,size:t},"toolbar-menu-button"),Ei(R,{fillMode:e,children:[we(d,{className:"k-group-start",icon:"align-left",fillMode:e,size:t,children:"Left"}),we(d,{icon:"align-center",fillMode:e,size:t,children:"Center"}),we(d,{className:"k-group-end",icon:"align-right",fillMode:e,size:t,children:"Right"})]},"toolbar-button-group")]})]});import{Fragment as A2,jsx as T2,jsxs as O2}from"react/jsx-runtime";import{Fragment as U2,jsx as H2,jsxs as F2}from"react/jsx-runtime";import{jsx as Wt}from"react/jsx-runtime";var nx=J.options,lx=J.states,ad={...J.defaultOptions,variant:"default"},sx=[{name:"default",title:"Default"},{name:"scrollable",title:"Scrollable"},{name:"overlay",title:"Overlay"},{name:"responsive",title:"Responsive"}],dx=[],jo=e=>{let{variant:t,...o}={...ad,...e};switch(t){case"responsive":return Wt("div",{children:Wt(od,{style:{width:"583px"},...o})});case"overlay":return Wt("div",{children:Wt(td,{style:{width:"583px"},...o,scrollingPosition:"start",scrollButtons:"hidden"})});case"scrollable":return Wt("div",{children:Wt(js,{style:{width:"583px"},...o})});default:return Wt("div",{children:Wt(Zs,{style:{width:"583px"},...o})})}};jo.options=nx;jo.states=lx;jo.variants=sx;jo.defaultOptions=ad;jo.modifiers=dx;jo.className=J.className;var ln="autocomplete",id=ln;import{Fragment as sn,jsx as Ne,jsxs as Va}from"react/jsx-runtime";var rd="k-autocomplete",px=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],mx={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]},nd={separators:!0},Ge=e=>{let{size:t,rounded:o,fillMode:a,separators:i=nd.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:j,adaptiveSubtitle:de,adaptiveCustomValue:pe,id:xt,autocomplete:va,activeDescendant:mt,"aria-label":ho,...La}=e,ka=xt?`${xt}-listbox`:void 0;return Va(sn,{children:[Va(V,{...La,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,rd),children:[l&&Va(sn,{children:[Ne(be,{children:l}),i&&Ne(te,{})]}),Ne(ce,{placeholder:f,value:m,role:"combobox","aria-haspopup":"listbox","aria-expanded":y?"true":"false","aria-controls":y?ka:void 0,"aria-activedescendant":y&&mt?mt:void 0,"aria-autocomplete":va,"aria-invalid":u?"true":void 0,"aria-busy":g?"true":void 0,"aria-label":ho,disabled:M,readOnly:O}),Ne(ee,{valid:N,invalid:u,loading:g,disabled:M}),Ne(ae,{loading:g,disabled:M}),Ne(me,{loading:g,disabled:M,readonly:O,value:m}),p&&Va(sn,{children:[i&&Ne(te,{}),Ne(xe,{children:p})]})]}),y&&S&&Ne(W,{className:"k-list-container k-autocomplete-popup",containerRole:"region",containerAriaLabel:"Autocomplete suggestions",children:S}),U&&Ne(Z,{adaptive:!0,...Y,header:Ne(ge,{actionsEnd:Ne(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat","aria-label":"Apply selection"}),input:!0,inputValue:m,inputPlaceholder:f,title:j,subtitle:de}),children:Ne("div",{className:"k-list-container",children:Ne(w,{customValue:pe?Ne(tt,{text:`Use "${m}"`}):void 0,size:"large",children:Va(K,{"aria-label":"Options",children:[Ne(T,{text:"List item"}),Ne(T,{text:"List item"}),Ne(T,{text:"List item"})]})})})})]})};Ge.states=px;Ge.options=mx;Ge.className=rd;Ge.defaultOptions=nd;Ge.moduleName=ln;Ge.folderName=id;var Et=Ge;import{jsx as cx}from"react/jsx-runtime";var ld=e=>cx(Et,{id:C("ac"),"aria-label":"Search",...e});import{jsx as OH,jsxs as AH}from"react/jsx-runtime";import{jsx as KH}from"react/jsx-runtime";import{Fragment as GH,jsx as UH}from"react/jsx-runtime";import{Fragment as YH,jsx as qH}from"react/jsx-runtime";import{jsx as oF,jsxs as aF}from"react/jsx-runtime";import{jsx as dF,jsxs as pF}from"react/jsx-runtime";import{jsx as xF,jsxs as hF}from"react/jsx-runtime";import{jsx as kF}from"react/jsx-runtime";import{jsx as uo,jsxs as Nx}from"react/jsx-runtime";var ux=H.states,fx=H.defaultOptions,bx=H.options,xx=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"opened",title:"Opened"}],hx=[],ea=e=>{let{modifiers:t,...o}=e,a={},i=uo(w,{style:{width:300},size:o.size,children:Nx(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(Nt,{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(ld,{value:"Value",style:{width:300},...o,...a})};ea.options=bx;ea.states=ux;ea.variants=hx;ea.defaultOptions=fx;ea.modifiers=xx;ea.className=Ge.className;import{jsx as nt}from"react/jsx-runtime";var sd="k-imageeditor-toolbar",gx=[],vx={},Lx=[nt(d,{fillMode:"flat",icon:"image-add","aria-label":"Image Add"},"toolbar-button-1"),nt(ye,{},"toolbar-separator-1"),nt(d,{fillMode:"flat",icon:"undo","aria-label":"Undo"},"toolbar-button-2"),nt(d,{fillMode:"flat",icon:"redo","aria-label":"Redo"},"toolbar-button-3"),nt(ye,{},"toolbar-separator-2"),nt(d,{fillMode:"flat",icon:"download","aria-label":"Download"},"toolbar-button-4"),nt("div",{className:"k-spacer"},"toolbar-spacer"),nt(d,{fillMode:"flat",icon:"zoom-in","aria-label":"Zoom In"},"toolbar-button-5"),nt(yt,{children:nt(Ge,{fillMode:"flat",value:"Fit","aria-label":"Zoom options"})},"toolbar-item-1"),nt(d,{fillMode:"flat",icon:"zoom-out","aria-label":"Zoom Out"},"toolbar-button-6")],dd={toolbarItems:Lx},ta=e=>{let{toolbarItems:t=dd.toolbarItems,...o}=e;return nt(J,{...o,className:n(e.className,sd),fillMode:"flat",children:t})};ta.states=gx;ta.options=vx;ta.className=sd;ta.defaultOptions=dd;import{jsx as Oe}from"react/jsx-runtime";var dn="k-imageeditor-sidebar",kx=[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:kx,scrollable:!1,scrollingPosition:"start"},pd=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 Xa="loader",Ci=Xa;import{Fragment as mn,jsx as md,jsxs as Ti}from"react/jsx-runtime";var cn="k-loader",Mx={pulsing:"pulsing-2","infinite-spinner":"spinner-3","converging-spinner":"spinner-4"},Ix=[],Sx={size:[s.undefined,s.small,s.medium,s.large],themeColor:[v.undefined,v.base,v.primary,v.secondary,v.tertiary]},cd={animation:"pulsing"},ne=e=>{let{size:t,themeColor:o,animation:a=cd.animation,...i}=e,l=md("span",{className:"k-loader-segment"});return md("div",{...i,className:n(e.className,cn,{[`k-loader-${Mx[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]})]})})};ne.states=Ix;ne.options=Sx;ne.className=cn;ne.defaultOptions=cd;ne.moduleName=Xa;ne.folderName=Ci;var ud=ne;import{jsx as un,jsxs as fd}from"react/jsx-runtime";var fn="k-loader-container",yx=[],Ex={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 fd("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(Al,{className:"k-loader-container-overlay"}),fd("div",{className:n("k-loader-container-inner",{"k-loader-container-panel":l}),children:[un(ud,{size:t,themeColor:o,animation:a}),un("div",{className:"k-loader-container-label",children:"Loading..."})]})]})};fo.states=yx;fo.options=Ex;fo.className=fn;fo.defaultOptions=Oi;fo.moduleName=Xa;fo.folderName=Ci;import{jsx as b3}from"react/jsx-runtime";import{jsx as g3}from"react/jsx-runtime";import{jsx as M3}from"react/jsx-runtime";import{jsx as E3}from"react/jsx-runtime";import{jsx as bn}from"react/jsx-runtime";var Cx=ne.options,Tx=ne.states,Ox={...ne.defaultOptions,variant:"infinite-spinner"},Ax=[{name:"infinite-spinner",title:"Infinite"},{name:"pulsing",title:"Pulsing"},{name:"converging-spinner",title:"Converging"}],Bx=[],oa=e=>{let{variant:t,...o}=e;switch(t){case"pulsing":return bn(ne,{animation:"pulsing",...o});case"converging-spinner":return bn(ne,{animation:"converging-spinner",...o});default:return bn(ne,{animation:"infinite-spinner",...o})}};oa.options=Cx;oa.states=Tx;oa.variants=Ax;oa.defaultOptions=Ox;oa.modifiers=Bx;oa.className=ne.className;var bd="image-editor",xd="imageeditor";import{Fragment as hd,jsx as Ct,jsxs as Wa}from"react/jsx-runtime";var xn="k-imageeditor",Rx=[],Px={},wx={},oe=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=Ct("div",{className:"k-imageeditor-canvas-container",children:i??Ct("div",{className:"k-imageeditor-canvas",children:h})}),k=o&&Ct("div",{className:"k-imageeditor-action-pane",children:o}),g=Ct(pd,{sidebarItems:a,scrollable:f,scrollingPosition:x});return Wa("div",{...N,className:n(e.className,xn,{[`${xn}-adaptive`]:m}),children:[Ct("div",{className:"k-imageeditor-header",children:Ct(ta,{toolbarItems:t})}),Ct("div",{className:"k-imageeditor-content",style:{height:l},children:m?Wa(hd,{children:[u,k,g]}):Wa(hd,{children:[g,k,u]})}),p&&Wa("div",{className:"k-loader-container k-loader-top",role:"status","aria-live":"polite","aria-label":"Exporting",children:[Ct(ct,{className:"k-loader-container-overlay"}),Wa("div",{className:"k-loader-container-inner k-loader-container-panel",children:[Ct(ne,{animation:"pulsing",themeColor:"base",size:"medium","aria-label":"Exporting"}),Ct("div",{className:"k-loader-container-label",children:"Exporting"})]})]})]})};oe.states=Rx;oe.options=Px;oe.className=xn;oe.defaultOptions=wx;oe.moduleName=bd;oe.folderName=xd;import{Fragment as t5,jsx as j3,jsxs as e5}from"react/jsx-runtime";import{jsx as aa,jsxs as Nd}from"react/jsx-runtime";var gd="k-imageeditor-pane",Kx=[],zx={},Dx={},fe=e=>{let{title:t,actions:o,adaptive:a,children:i,...l}=e;return Nd("div",{...l,className:n(e.className,gd),children:[Nd("div",{className:"k-imageeditor-pane-header",children:[a&&aa(d,{fillMode:"flat",icon:"x","aria-label":"Close",title:"Close"}),aa("div",{className:"k-imageeditor-pane-title",children:t}),a?aa(d,{fillMode:"flat",icon:"check","aria-label":"Confirm",title:"Confirm"}):aa(d,{fillMode:"flat",icon:"x","aria-label":"Close",title:"Close"})]}),aa("div",{className:"k-imageeditor-pane-content",children:i}),!a&&o&&aa(qe,{alignment:"end",className:"k-imageeditor-pane-footer",children:o})]})};fe.states=Kx;fe.options=zx;fe.className=gd;fe.moduleName=null;fe.folderName=null;fe.defaultOptions=Dx;import{jsx as Ux}from"react/jsx-runtime";var hn="k-imageeditor-option-preview",_x=[r.hover,r.focus,r.selected],Hx={},Fx={},bt=e=>{let{label:t,hover:o,focus:a,selected:i,children:l,...p}=e;return Ux("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})};bt.states=_x;bt.options=Hx;bt.className=hn;bt.moduleName=null;bt.folderName=null;bt.defaultOptions=Fx;import{jsx as vd}from"react/jsx-runtime";var Ja="k-imageeditor-option-list",Ai={scrollable:!1,scrollableStart:!1,scrollableEnd:!1},ia=e=>{let{scrollable:t=Ai.scrollable,scrollableStart:o=Ai.scrollableStart,scrollableEnd:a=Ai.scrollableEnd,children:i,...l}=e;return vd("div",{...l,className:n(e.className,Ja,{[`${Ja}-scrollable`]:t,[`${Ja}-scrollable-start`]:o,[`${Ja}-scrollable-end`]:a}),children:vd("div",{className:"k-imageeditor-option-list-items",children:i})})};ia.className=Ja;ia.moduleName=null;ia.folderName=null;ia.defaultOptions=Ai;import{Fragment as $x,jsx as Ld,jsxs as Vx}from"react/jsx-runtime";var Gx={},ra=e=>{let{label:t,style:o,children:a}=e;return Vx($x,{children:[Ld("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&&Ld("span",{className:"k-imageeditor-preview-thumbnail-label",children:t})]})};ra.moduleName=null;ra.folderName=null;ra.defaultOptions=Gx;import{Fragment as Xx,jsx as Kt,jsxs as Wx}from"react/jsx-runtime";var kd={variant:"crop"},Jt=e=>{let{variant:t=kd.variant,grid:o}=e,a=t==="crop"?"k-resize-handle":"k-scale-handle",i=t==="scale"?"k-scale-handle":"k-resize-handle";return Wx(Xx,{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`})]})};Jt.moduleName=null;Jt.folderName=null;Jt.defaultOptions=kd;import{jsx as M5}from"react/jsx-runtime";var Md="form",Id="forms";import{Fragment as Sd,jsx as Bi,jsxs as Yx}from"react/jsx-runtime";var Ri="k-form",Jx=[],qx={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=Yx(Sd,{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(Sd,{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=Jx;F.options=qx;F.className=Ri;F.defaultOptions=Nn;F.moduleName=Md;F.folderName=Id;var yd="label",Ed="label";import{jsx as Cd,jsxs as eh}from"react/jsx-runtime";var gn="k-label",Zx=[r.disabled],Qx={},jx={},qt=e=>{let{disabled:t,optional:o,info:a,text:i,children:l,...p}=e;return eh("label",{...p,className:n(e.className,gn,E(gn,{disabled:t})),children:[i||l,o&&Cd("span",{className:"k-label-optional",children:"(Optional)"}),a&&Cd("span",{className:"k-field-info",children:a})]})};qt.states=Zx;qt.options=Qx;qt.className=gn;qt.defaultOptions=jx;qt.moduleName=yd;qt.folderName=Ed;import{jsx as ih}from"react/jsx-runtime";var Td="k-form-hint",th=[],oh={},ah={},lt=e=>{let{text:t,children:o,...a}=e;return ih("div",{...a,className:n(e.className,Td),children:t||o})};lt.states=th;lt.options=oh;lt.className=Td;lt.defaultOptions=ah;import{jsx as sh}from"react/jsx-runtime";var Od="k-form-error",rh=[],nh={},lh={},st=e=>{let{text:t,children:o,...a}=e;return sh("div",{...a,className:n(e.className,Od),children:t||o})};st.states=rh;st.options=nh;st.className=Od;st.defaultOptions=lh;import{jsx as Pi,jsxs as Ad}from"react/jsx-runtime";var vn="k-form-field",dh=[r.disabled],X=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 Ad("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"}),Ad("div",{className:"k-form-field-wrap",children:[l,p&&Pi(lt,{id:t?`${t}-hint`:void 0,children:p}),m&&Pi(st,{id:t?`${t}-error`:void 0,children:m})]})]})};X.states=dh;X.className=vn;import{Fragment as ph,jsx as Ln,jsxs as mh}from"react/jsx-runtime";var Bd="k-form-fieldset",Ae=e=>{let{legend:t,layout:o,cols:a,gutters:i,colSpan:l}=e;return mh("fieldset",{className:n(Bd,{[`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(ph,{children:e.children})]})};Ae.className=Bd;var bo="radio",na=bo;import{jsx as Rd}from"react/jsx-runtime";var wi="k-radio",ch=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.checked],uh={size:[s.undefined,s.small,s.medium,s.large]},fh={},$e=e=>{let{id:t,checked:o,hover:a,focus:i,disabled:l,invalid:p,valid:m,required:f,size:x,...h}=e;return Rd("span",{className:"k-radio-wrap",children:Rd("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}))})})};$e.states=ch;$e.options=uh;$e.className=wi;$e.defaultOptions=fh;$e.moduleName=bo;$e.folderName=na;var dt=$e;import{jsx as hh}from"react/jsx-runtime";var Pd="k-radio-list",bh=[],xh={},wd={layout:"vertical"},le=e=>{let{layout:t=wd.layout,...o}=e;return hh("ul",{...o,className:n(e.className,Pd,{[`k-list-${t}`]:t}),role:"radiogroup",children:e.children})};le.states=bh;le.options=xh;le.className=Pd;le.defaultOptions=wd;le.moduleName=bo;le.folderName=na;import{jsx as Lh}from"react/jsx-runtime";var Kd="k-radio-list-item",Nh=[],gh={},vh={},se=e=>{let{...t}=e;return Lh("li",{...t,className:n(e.className,Kd),role:"none",children:e.children})};se.states=Nh;se.options=gh;se.className=Kd;se.defaultOptions=vh;se.moduleName=bo;se.folderName=na;import{jsx as m6}from"react/jsx-runtime";import{Fragment as kh,jsx as zd,jsxs as Mh}from"react/jsx-runtime";var Ve=({children:e,id:t,...o})=>Mh(kh,{children:[zd(dt,{...o,id:t}),zd("label",{className:"k-radio-label",htmlFor:t,children:e})]});import{Fragment as g6,jsx as N6,jsxs as v6}from"react/jsx-runtime";import{Fragment as y6,jsx as I6,jsxs as S6}from"react/jsx-runtime";import{Fragment as A6,jsx as O6,jsxs as B6}from"react/jsx-runtime";import{Fragment as z6,jsx as K6,jsxs as D6}from"react/jsx-runtime";import{Fragment as V6,jsx as $6,jsxs as X6}from"react/jsx-runtime";import{jsx as Y6}from"react/jsx-runtime";import{jsx as Oh}from"react/jsx-runtime";var Sh=dt.options,yh=dt.states,Eh=dt.defaultOptions,Ch=[],Th=[],la=e=>Oh(Ve,{id:C("radio"),name:"value",...e,children:"Label"});la.options=Sh;la.states=yh;la.variants=Ch;la.defaultOptions=Eh;la.modifiers=Th;la.className=dt.className;import{jsx as pt,jsxs as Dd}from"react/jsx-runtime";var Ah=le.options,Bh=le.states,Rh={...le.defaultOptions,variant:"vertical"},Ph=[{name:"vertical",title:"Vertical"},{name:"horizontal",title:"Horizontal"}],wh=[],sa=e=>{let{variant:t,...o}=e;return t==="horizontal"?Dd(le,{layout:"horizontal",...o,children:[pt(se,{children:pt(Ve,{id:C("rb"),name:"value",defaultChecked:!0,children:"Label"})}),pt(se,{children:pt(Ve,{id:C("rb"),name:"value",children:"Label"})}),pt(se,{children:pt(Ve,{id:C("rb"),name:"value",children:"Label"})})]}):Dd(le,{...o,children:[pt(se,{children:pt(Ve,{id:C("rb"),name:"value",defaultChecked:!0,children:"Label"})}),pt(se,{children:pt(Ve,{id:C("rb"),name:"value",children:"Label"})}),pt(se,{children:pt(Ve,{id:C("rb"),name:"value",children:"Label"})})]})};sa.options=Ah;sa.states=Bh;sa.variants=Ph;sa.defaultOptions=Rh;sa.modifiers=wh;sa.className=le.className;import{Fragment as B4,jsx as A4,jsxs as R4}from"react/jsx-runtime";import{Fragment as U4,jsx as F4,jsxs as G4}from"react/jsx-runtime";import{Fragment as Y4,jsx as q4,jsxs as Z4}from"react/jsx-runtime";var _d="date-input",Hd="dateinput";import{jsx as qa,jsxs as _h}from"react/jsx-runtime";var Fd="k-dateinput",Kh=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],zh={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]},Dh={},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 _h(V,{...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,Fd),children:[qa(ce,{id:S,placeholder:l,value:i,disabled:u,"aria-label":y,"aria-describedby":O,"aria-invalid":x?"true":void 0}),qa(ee,{valid:f,invalid:x,loading:N,disabled:u}),qa(ae,{loading:N,disabled:u}),g&&qa(me,{loading:N,disabled:u,readonly:k,value:i}),M&&qa(kt,{className:"k-input-spinner",size:t,fillMode:a,disabled:u})]})};Xe.states=Kh;Xe.options=zh;Xe.className=Fd;Xe.defaultOptions=Dh;Xe.moduleName=_d;Xe.folderName=Hd;var kn=Xe;import{jsx as Hh}from"react/jsx-runtime";var Ud=e=>Hh(kn,{...e});import{jsx as m7}from"react/jsx-runtime";import{jsx as Xh}from"react/jsx-runtime";var Fh=Xe.options,Uh=Xe.states,Gh=Xe.defaultOptions,$h=[{name:"spin-button",title:"`Spin` Button"}],Vh=[],da=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(i=>{i==="spin-button"&&(a.showSpinButton=!!t?.[i])}),Xh(Ud,{value:"2/04/2021",style:{width:"300px"},...o,...a})};da.options=Fh;da.states=Uh;da.variants=Vh;da.defaultOptions=Gh;da.modifiers=$h;da.className=Xe.className;var Gd="masked-textbox",$d="maskedtextbox";import{Fragment as Vd,jsx as Yt,jsxs as Mn}from"react/jsx-runtime";var Xd="k-maskedtextbox",Wh=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled,r.loading,r.readonly],Jh={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,...j}=e;return Mn(V,{...j,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,Xd),children:[p&&Mn(Vd,{children:[Yt(be,{children:p}),i&&Yt(te,{})]}),Yt(ce,{id:O,placeholder:x,value:f,disabled:S,"aria-label":U,"aria-describedby":Y,"aria-invalid":k?"true":void 0}),Yt(ee,{valid:u,invalid:k,loading:M,disabled:S}),Yt(ae,{loading:M,disabled:S}),l&&Yt(me,{loading:M,disabled:S,readonly:y,value:f}),m&&Mn(Vd,{children:[i&&Yt(te,{}),Yt(xe,{children:m})]})]})};We.states=Wh;We.options=Jh;We.className=Xd;We.defaultOptions=In;We.moduleName=Gd;We.folderName=$d;var pa=We;import{jsx as qh}from"react/jsx-runtime";var Wd=e=>qh(pa,{...e});import{Fragment as K7,jsx as w7}from"react/jsx-runtime";import{Fragment as U7,jsx as F7}from"react/jsx-runtime";import{jsx as X7}from"react/jsx-runtime";import{jsx as Y7}from"react/jsx-runtime";import{jsx as Sn}from"react/jsx-runtime";var Yh=We.states,Zh=We.defaultOptions,Qh=We.options,jh=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"},{name:"clear-button",title:"`Clear` Button"}],eN=[],ma=e=>{let{modifiers:t,...o}=e,a={};return Object.keys(t||{}).forEach(i=>{switch(i){case"prefix":a.prefix=t?.[i]?Sn($,{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(Wd,{value:"Value",style:{width:300},...o,...a})};ma.options=Qh;ma.states=Yh;ma.variants=eN;ma.defaultOptions=Zh;ma.modifiers=jh;ma.className=We.className;var yn="switch",Jd=yn;import{jsx as Ki,jsxs as qd}from"react/jsx-runtime";var Zt="k-switch",tN=[r.hover,r.focus,r.disabled,r.readonly,r.checked],oN={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]},aN={},Ke=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 qd("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:[qd("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}))})})]})};Ke.states=tN;Ke.options=oN;Ke.className=Zt;Ke.defaultOptions=aN;Ke.moduleName=yn;Ke.folderName=Jd;import{jsx as v9}from"react/jsx-runtime";import{jsx as I9}from"react/jsx-runtime";import{jsx as C9}from"react/jsx-runtime";import{jsx as B9}from"react/jsx-runtime";import{jsx as Yd}from"react/jsx-runtime";var iN=Ke.options,rN=Ke.states,nN={...Ke.defaultOptions,variant:"on"},lN=[{name:"on",title:"On"},{name:"off",title:"Off"}],sN=[],ca=e=>{let{variant:t,...o}=e;return t==="off"?Yd(Ke,{checked:!1,onLabel:"On",offLabel:"Off",...o}):Yd(Ke,{checked:!0,onLabel:"On",offLabel:"Off",...o})};ca.options=iN;ca.states=rN;ca.variants=lN;ca.defaultOptions=nN;ca.modifiers=sN;ca.className=Ke.className;var Cn="textarea",Zd=Cn;import{Fragment as Qd,jsx as Ya,jsxs as Tn}from"react/jsx-runtime";var jd="k-textarea",dN=[r.hover,r.focus,r.valid,r.invalid,r.required,r.disabled],pN={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]},ua={flow:"vertical",affixesOrientation:"horizontal",resize:"both",prefixSeparator:!0,suffixSeparator:!0},ze=e=>{let{size:t,rounded:o,fillMode:a,prefixSeparator:i=ua.prefixSeparator,suffixSeparator:l=ua.prefixSeparator,affixesOrientation:p=ua.affixesOrientation,flow:m=ua.flow,resize:f=ua.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":j,"aria-describedby":de,...pe}=e;return Tn(V,{...pe,size:t,rounded:o,fillMode:a,hover:g,focus:M,valid:S,invalid:y,required:O,disabled:U,className:n(e.className,jd,{"!k-flex-col":m==="vertical","!k-flex-row":m==="horizontal"}),children:[x&&Tn(Qd,{children:[Ya(be,{className:n({"!k-align-items-start":m===p}),direction:p,children:x}),i&&Ya(te,{direction:m==="horizontal"?"vertical":"horizontal"})]}),Ya(Oa,{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":j,"aria-describedby":de,"aria-invalid":y?"true":void 0}),h&&Tn(Qd,{children:[l&&Ya(te,{direction:m==="horizontal"?"vertical":"horizontal"}),Ya(xe,{className:n({"!k-align-items-start":m===p}),direction:p,children:h})]})]})};ze.states=dN;ze.options=pN;ze.className=jd;ze.defaultOptions=ua;ze.moduleName=Cn;ze.folderName=Zd;import{jsx as j9}from"react/jsx-runtime";import{Fragment as rU,jsx as iU}from"react/jsx-runtime";import{Fragment as mU,jsx as pU}from"react/jsx-runtime";import{jsx as bU}from"react/jsx-runtime";import{jsx as zi}from"react/jsx-runtime";var mN=ze.options,cN=ze.states,ep={...ze.defaultOptions,variant:"vertical"},uN=[{name:"vertical",title:"Flow vertical"},{name:"horizontal",title:"Flow horizontal"}],fN=[{name:"prefix",title:"Prefix"},{name:"suffix",title:"Suffix"}],fa=e=>{let{variant:t,modifiers:o,...a}={...ep,...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(ze,{flow:"horizontal",placeholder:"Enter text...",style:{width:300},...a,...i}):zi(ze,{flow:"vertical",placeholder:"Enter text...",style:{width:300},...a,...i})};fa.options=mN;fa.states=cN;fa.variants=uN;fa.defaultOptions=ep;fa.modifiers=fN;fa.className=ze.className;import{Fragment as _U,jsx as DU,jsxs as HU}from"react/jsx-runtime";import{Fragment as vN,jsx as Be,jsxs as ba}from"react/jsx-runtime";var bN=F.options,xN=F.states,hN={...F.defaultOptions,variant:"vertical"},NN=[{name:"horizontal",title:"Horizontal"},{name:"vertical",title:"Vertical"}],gN=[],xa=e=>{let{variant:t,size:o,...a}=e,i=ba(Ae,{legend:"Form Legend",children:[Be(X,{label:"Label",editor:Be(H,{size:o})}),Be(X,{label:"Label",hint:"Hint text",editor:Be($,{value:"Dropdown List",size:o})}),Be(X,{label:"City",editor:ba("ul",{className:"k-radio-list k-list-horizontal",children:[ba("li",{className:"k-radio-list-item",children:[Be($e,{checked:!0,size:o}),Be("label",{className:"k-radio-label",children:"Label"})]}),ba("li",{className:"k-radio-list-item",children:[Be($e,{size:o}),Be("label",{className:"k-radio-label",children:"Label"})]}),ba("li",{className:"k-radio-list-item",children:[Be($e,{size:o}),Be("label",{className:"k-radio-label",children:"Label"})]})]})})]}),l=ba(vN,{children:[Be(d,{className:"k-form-submit",themeColor:"primary",size:o,children:"Submit"}),Be(d,{className:"k-form-clear",size:o,children:"Clear"})]});return t==="horizontal"?Be(F,{orientation:"horizontal",size:o,...a,formButtons:l,children:i}):Be(F,{size:o,...a,formButtons:l,children:i})};xa.options=bN;xa.states=xN;xa.variants=NN;xa.defaultOptions=hN;xa.modifiers=gN;xa.className=F.className;import{jsx as tp,jsxs as SN}from"react/jsx-runtime";var LN=lt.options,kN=lt.states,op={...lt.defaultOptions},MN=[],IN=[{name:"showHint",title:"Show Hint"}],ha=e=>{let{modifiers:t,...o}={...op,...e},a=t?.showHint??!0;return SN("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[tp(H,{placeholder:"Component",style:{width:"200px"}}),a&&tp(lt,{...o,children:"Hint text"})]})};ha.options=LN;ha.states=kN;ha.variants=MN;ha.defaultOptions=op;ha.modifiers=IN;ha.className=lt.className;import{jsx as ap,jsxs as ON}from"react/jsx-runtime";var yN=st.options,EN=st.states,ip={...st.defaultOptions},CN=[],TN=[{name:"showError",title:"Show Error"}],Na=e=>{let{modifiers:t,...o}={...ip,...e},a=t?.showError??!0;return ON("div",{style:{display:"flex",flexDirection:"column",gap:"4px"},children:[ap(H,{placeholder:"Component",invalid:a,style:{width:"200px"}}),a&&ap(st,{...o,children:"Error text"})]})};Na.options=yN;Na.states=EN;Na.variants=CN;Na.defaultOptions=ip;Na.modifiers=TN;Na.className=st.className;var An="tooltip",rp=An;import{jsx as Za,jsxs as np}from"react/jsx-runtime";var Bn="k-tooltip",AN=[],BN={themeColor:[v.undefined,v.base,v.inverse,v.info,v.success,v.warning,v.error]},lp={closable:!1},De=e=>{let{closable:t=lp.closable,callout:o,themeColor:a,title:i,content:l,icon:p,id:m=C("tooltip"),...f}=e;return np("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}),np("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-${Gn.calloutMap[o]||o}`]:o})})]})};De.states=AN;De.options=BN;De.className=Bn;De.defaultOptions=lp;De.moduleName=An;De.folderName=rp;var Rn=De;import{jsx as RN}from"react/jsx-runtime";var sp=e=>RN(Rn,{content:"Tooltip Content",...e});import{jsx as BG}from"react/jsx-runtime";import{jsx as Pn,jsxs as zN}from"react/jsx-runtime";var PN={...De.options,closable:{type:"boolean"},callout:["none","top","bottom","left","right"]},wN=De.states,dp={...De.defaultOptions,callout:"top"},KN=[],ga=e=>{let{callout:t="top",...o}={...dp,...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 zN("div",{style:{position:"absolute"},children:[Pn(Je,{style:{top:i,left:l},children:Pn(sp,{style:{width:"86px",textAlign:"center"},callout:p,content:"Content",...o})}),Pn(d,{text:"Show"})]})};ga.options=PN;ga.states=wN;ga.variants=KN;ga.defaultOptions=dp;ga.modifiers=[];ga.className=De.className;import{Fragment as o8,jsx as t8,jsxs as a8}from"react/jsx-runtime";import{Fragment as f8,jsx as u8,jsxs as b8}from"react/jsx-runtime";import{Fragment as y8,jsx as S8,jsxs as E8}from"react/jsx-runtime";import{jsx as P8}from"react/jsx-runtime";var wn="floating-toolbar",pp=wn;import{jsx as Di,jsxs as UN}from"react/jsx-runtime";var Kn="k-floating-toolbar",DN="k-floating-toolbar-drag-handle",_N=[],HN={size:[s.undefined,s.small,s.medium,s.large],fillMode:[b.undefined,b.solid,b.outline,b.flat]},FN={scrollButtons:"around"},zt=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:DN,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 UN(W,{...h,className:n(e.className,Kn,I(Kn,{size:t,fillMode:o})),children:[N,Di(J,{size:t,fillMode:o,resizable:a,scrollable:i,scrollButtons:l,scrollingPosition:p,section:m,children:e.children})]})};zt.states=_N;zt.options=HN;zt.className=Kn;zt.defaultOptions=FN;zt.moduleName=wn;zt.folderName=pp;import{Fragment as i$,jsx as a$,jsxs as r$}from"react/jsx-runtime";var zn="segmented-control",mp=zn,cp="segmented-control-button",up="segmented-control";import{jsx as VN,jsxs as XN}from"react/jsx-runtime";var _i="k-segmented-control",GN=[],$N={size:[s.undefined,s.small,s.medium,s.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full]},Dt=e=>{let{size:t,rounded:o,stretched:a,children:i,thumbStyles:l,...p}=e;return XN("div",{...p,className:n(e.className,_i,I(_i,{size:t,rounded:o}),{[`${_i}-stretched`]:a}),role:"group",children:[VN("div",{className:"k-segmented-control-thumb","aria-hidden":"true",style:l}),i]})};Dt.states=GN;Dt.options=$N;Dt.className=_i;Dt.moduleName=zn;Dt.folderName=mp;import{jsx as fp,jsxs as YN}from"react/jsx-runtime";var Dn="k-segmented-control-button",WN=[r.selected,r.hover,r.focus,r.disabled],JN={},qN={},Tt=e=>{let{hover:t,focus:o,selected:a,disabled:i,icon:l,text:p,iconClassName:m,...f}=e;return YN("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&&fp(L,{className:n(m,"k-segmented-control-button-icon"),icon:l}),(p||e.children)&&fp("span",{className:"k-segmented-control-button-text",children:p||e.children})]})};Tt.states=WN;Tt.options=JN;Tt.className=Dn;Tt.defaultOptions=qN;Tt.moduleName=cp;Tt.folderName=up;import{Fragment as L$,jsx as v$,jsxs as k$}from"react/jsx-runtime";import{Fragment as C$,jsx as E$,jsxs as T$}from"react/jsx-runtime";import{Fragment as w$,jsx as P$,jsxs as K$}from"react/jsx-runtime";import{Fragment as U$,jsx as F$,jsxs as G$}from"react/jsx-runtime";import{Fragment as q$,jsx as J$,jsxs as Y$}from"react/jsx-runtime";import{Fragment as NV,jsx as hV,jsxs as gV}from"react/jsx-runtime";import{Fragment as RV,jsx as BV,jsxs as PV}from"react/jsx-runtime";import{Fragment as VV,jsx as $V,jsxs as XV}from"react/jsx-runtime";import{Fragment as aX,jsx as oX,jsxs as iX}from"react/jsx-runtime";import{Fragment as mX,jsx as pX,jsxs as cX}from"react/jsx-runtime";import{Fragment as kX,jsx as vX,jsxs as LX}from"react/jsx-runtime";import{Fragment as PX,jsx as RX,jsxs as wX}from"react/jsx-runtime";import{Fragment as bp,jsx as A,jsxs as xo}from"react/jsx-runtime";var ZN=[A(d,{fillMode:"flat",icon:"image-resize","aria-label":"Resize"},"sidebar-button-1"),A(d,{fillMode:"flat",icon:"crop","aria-label":"Crop"},"sidebar-button-2"),A(d,{fillMode:"flat",icon:"rotate","aria-label":"Rotate"},"sidebar-button-3"),A("div",{className:"k-separator"},"sidebar-separator-1"),A(d,{fillMode:"flat",icon:"free-text","aria-label":"Text"},"sidebar-button-4"),A(d,{fillMode:"flat",icon:"shapes","aria-label":"Shapes"},"sidebar-button-5"),A("div",{className:"k-separator"},"sidebar-separator-2"),A(d,{fillMode:"flat",icon:"drop-half-pixelated","aria-label":"Blur"},"sidebar-button-6"),A(d,{fillMode:"flat",icon:"sliders-horizontal","aria-label":"Adjustments"},"sidebar-button-7"),A(d,{fillMode:"flat",icon:"circles-three-intersecting","aria-label":"Filters"},"sidebar-button-8"),A("div",{className:"k-separator"},"sidebar-separator-3"),A(d,{fillMode:"flat",icon:"frame-corners",selected:!0,"aria-label":"Frame"},"sidebar-button-9"),A(d,{fillMode:"flat",icon:"circle-half-tilted","aria-label":"Shadow"},"sidebar-button-10")],_n=({id:e,label:t,value:o})=>A(X,{label:t,editorId:e,editor:xo("div",{className:"k-imageeditor-field-row",children:[A(G,{style:{flex:1,"--kendo-slider-start":0,"--kendo-slider-end":o},"aria-label":t,showButtons:!1,showTicks:!1,value:o,min:0,max:100}),A(P,{id:e,style:{width:"80px",flex:"none"},showClearButton:!1,showSpinButton:!1,value:String(o)})]})}),QN={none:{},single:{border:"3px dashed #b0e855",borderRadius:"4px"},multiple:{border:"3px dashed #b0e855",borderRadius:"4px"}},Hn=({styleKey:e,label:t,selected:o})=>A(bt,{selected:o,"aria-label":t,children:A(ra,{label:t,style:QN[e],children:e==="multiple"&&A("span",{style:{position:"absolute",inset:"6px",border:"3px dashed #b0e855",borderRadius:"1px",boxSizing:"border-box",pointerEvents:"none"}})})}),bW=({style:e="single",imageRoundness:t=24,framesAmount:o=3,frameThickness:a=12,frameRoundness:i=e==="multiple"?40:16,offset:l=12,strokeColor:p="#b0e855",...m})=>A(oe,{sidebarItems:ZN,actionPane:A(fe,{title:"Frame",actions:xo(bp,{children:[A(d,{children:"Reset"}),A(d,{themeColor:"primary",children:"Apply"})]}),children:xo(F,{tag:"div",children:[A(X,{label:"Frame Style",editor:xo("div",{className:"k-imageeditor-option-grid",children:[A(Hn,{styleKey:"none",label:"None",selected:e==="none"}),A(Hn,{styleKey:"single",label:"Single",selected:e==="single"}),A(Hn,{styleKey:"multiple",label:"Multiple",selected:e==="multiple"})]})}),A(_n,{id:"frame-image-roundness",label:"Image Roundness",value:t}),e==="multiple"&&A(X,{label:"Frames Amount",editorId:"frame-frames-amount",editor:A(P,{id:"frame-frames-amount",showClearButton:!1,value:String(o)})}),e!=="none"&&xo(bp,{children:[A(_n,{id:"frame-thickness",label:"Frame Thickness",value:a}),A(_n,{id:"frame-roundness",label:"Frame Roundness",value:i}),xo(Ae,{layout:"grid",cols:2,gutters:{cols:"16px"},children:[A(X,{label:"Stroke Type",editor:A($,{id:"frame-stroke-type",value:"Dashed",prefix:A(L,{icon:"border-style"}),"aria-label":"Stroke Type"})}),A(X,{label:"Offset",editorId:"frame-offset",editor:A(P,{id:"frame-offset",showSpinButton:!1,value:String(l),prefix:A(L,{icon:"max-width"})})})]}),A(X,{label:"Stroke Color",editor:A(he,{id:"frame-stroke-color",value:p,"aria-label":"Stroke Color"})})]})]})}),children:e==="none"?A("canvas",{width:"494",height:"307",role:"img","aria-label":"Image being edited",style:{backgroundImage:"url('/packages/html/assets/sofia.jpg')",backgroundSize:"cover",borderRadius:`${t}px`}}):xo("div",{style:{position:"relative",width:"494px",height:"307px"},children:[A("canvas",{width:"494",height:"307",role:"img","aria-label":"Image being edited",style:{position:"absolute",top:"0px",left:"0px",backgroundImage:"url('/packages/html/assets/sofia.jpg')",backgroundSize:"cover",borderRadius:`${t}px`}}),A("div",{style:{position:"absolute",top:"0px",left:"0px",width:"494px",height:"307px",border:`${a}px dashed ${p}`,borderRadius:`${i}px`,boxSizing:"border-box",pointerEvents:"none"}}),e==="multiple"&&A("div",{style:{position:"absolute",top:`${0+a+l}px`,left:`${0+a+l}px`,width:`${494-(a+l)*2}px`,height:`${307-(a+l)*2}px`,border:`${a}px dashed ${p}`,borderRadius:`${Math.max(i-a-l,0)}px`,boxSizing:"border-box",pointerEvents:"none"}})]}),...m});export{bW as ImageEditorFrames};