@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines • 75.9 kB
JavaScript
var n=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?n(...t):typeof t=="object"?Object.keys(t).map((o,s)=>t[s]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var E=(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.fillMode}-${t.themeColor}`]:t.fillMode&&t.themeColor},{[`${e}-${t.themeColor}`]:t.themeColor&&t.fillMode===void 0},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full"}),g=(e,t)=>{let{valid:o,invalid:s,hover:i,focus:p,checked:l,active:u,selected:c,disabled:N,indeterminate:L,loading:k,empty:m,readonly:M,highlighted:h,...S}=t;return n({"k-valid":o,"k-invalid":s,"k-hover":i,"k-focus":p,"k-checked":l,"k-active":u,"k-selected":c,"k-disabled":N,"k-indeterminate":L&&!l,"k-loading":k,"k-empty":m,"k-readonly":M,"k-highlighted":h},Object.keys(S).reduce((C,T)=>(T.startsWith("k-")?C[T]=S[T]:C[`k-${T}`]=S[T],C),{}))};function jn(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(s=>[`k-${s}`,!0]))}var r={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},x={small:"small",medium:"medium",large:"large",full:"full"},f={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},b={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},a={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};import{Fragment as cs,jsx as ea}from"react/jsx-runtime";var Bo="k-font-icon",ps=[],ms={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[b.base,b.primary,b.secondary,b.tertiary,b.success,b.warning,b.error,b.info,b.light,b.dark]},ds={},Pt=e=>{let{size:t,themeColor:o,icon:s,rotate:i,flip:p,...l}=e;return s?ea("span",{...l,className:n(e.className,Bo,E(Bo,{size:t}),{[`k-i-${s}`]:s,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":p==="h"||p==="both","k-flip-v":p==="v"||p==="both"})}):ea(cs,{})};Pt.states=ps;Pt.options=ms;Pt.className=Bo;Pt.defaultOptions=ds;var ta=Pt;import{Fragment as bs,jsx as io}from"react/jsx-runtime";var Ko="k-svg-icon",us=[],fs={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[b.base,b.primary,b.secondary,b.tertiary,b.success,b.warning,b.error,b.info,b.light,b.dark]},oa={viewBox:"0 0 24 24"},zt=e=>{let{size:t,themeColor:o,rotate:s,flip:i,viewBox:p=oa.viewBox,icon:l,...u}=e;if(!l)return io(bs,{});l==="none"&&{...u,className:n(e.className,Ko,"k-none")};let c=typeof l=="object"&&l.name&&l.name;return io("span",{...u,className:n(e.className,Ko,E("k-icon",{size:t}),{[`k-svg-i-${c}`]:c,[`k-color-${o}`]:o,[`k-rotate-${s}`]:s,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),children:io("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof l=="object"?l.viewBox:p,dangerouslySetInnerHTML:typeof l=="object"?{__html:l.content}:void 0,children:l?void 0:e.children})})};zt.states=us;zt.options=fs;zt.className=Ko;zt.defaultOptions=oa;var _o=zt;import*as Po from"@progress/kendo-svg-icons";var na="icon",aa="icons";import{Fragment as ra,jsx as wt}from"react/jsx-runtime";var lo="k-icon",Ns=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Ls=[],xs={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[b.base,b.primary,b.secondary,b.tertiary,b.success,b.warning,b.error,b.info,b.light,b.dark]},zo={viewBox:"0 0 24 24",type:"svg"},v=e=>{let{size:t,themeColor:o,icon:s,type:i=zo.type,rotate:p,flip:l,viewBox:u=zo.viewBox,...c}=e;if(!s)return wt(ra,{});if(i==="svg"){if(s==="none")return wt(_o,{...c,className:n(e.className,lo),icon:s,size:t});let N=Po[s]?s:Ns(`${s}-icon`);return Po[N]?wt(_o,{...c,className:n(e.className,lo),icon:Po[N],size:t,themeColor:o,rotate:p,flip:l,viewBox:u}):wt(ra,{})}return wt(ta,{...c,className:n(e.className,lo),icon:s,size:t,themeColor:o,rotate:p,flip:l})};v.states=Ls;v.options=xs;v.defaultOptions=zo;v.className=lo;v.moduleName=na;v.folderName=aa;var wo="button",sa=wo;import{Fragment as Ss,jsx as Ht,jsxs as ia}from"react/jsx-runtime";var Dt="k-button",Ms=["icon-button"],hs=[a.hover,a.focus,a.active,a.selected,a.disabled,a.generating],ks={size:[r.small,r.medium,r.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[f.solid,f.flat,f.outline,f.clear,f.link],themeColor:[b.base,b.primary,b.secondary,b.tertiary,b.success,b.warning,b.error,b.info,b.light,b.dark,b.inverse]},je={size:r.medium,rounded:x.medium,fillMode:f.solid,themeColor:b.base,showArrow:!1,arrowIconName:"caret-alt-down"},d=e=>{let{size:t=je.size,rounded:o=je.rounded,fillMode:s=je.fillMode,themeColor:i=je.themeColor,showArrow:p=je.showArrow,arrowIconName:l=je.arrowIconName,variant:u,hover:c,focus:N,active:L,selected:k,disabled:m,icon:M,text:h,iconClassName:S,...C}=e,T=M!==void 0,B=e.children!==void 0;return ia("button",{...C,className:n(e.className,Dt,jn(Dt,u),E(Dt,{size:t,rounded:o,fillMode:s,themeColor:i}),g(Dt,{hover:c,focus:N,active:L,disabled:m,selected:k}),{"k-icon-button":!h&&!B&&T}),children:[M&&Ht(v,{className:n(S,"k-button-icon"),icon:M}),h?ia(Ss,{children:[h&&Ht("span",{className:"k-button-text",children:h}),e.children]}):e.children&&Ht("span",{className:"k-button-text",children:e.children}),p&&Ht("span",{className:"k-menu-button-arrow k-button-arrow",children:Ht(v,{icon:l})})]})};d.states=hs;d.options=ks;d.variants=Ms;d.className=Dt;d.defaultOptions=je;d.moduleName=wo;d.folderName=sa;import{jsx as Es}from"react/jsx-runtime";var po=e=>Es(d,{icon:"folder",...e,children:void 0});import{jsx as vs}from"react/jsx-runtime";var Ho=e=>vs(d,{icon:"folder",children:"Button",...e});import{jsx as Ym}from"react/jsx-runtime";var Do="button",la=Do;import{jsx as Ts}from"react/jsx-runtime";var Ft="k-button-group",gs=[a.disabled],Is={fillMode:[f.solid,f.flat,f.outline,f.clear,f.link]},pa={fillMode:f.solid},P=e=>{let{fillMode:t=pa.fillMode,disabled:o,stretched:s,...i}=e;return Ts("div",{...i,className:n(e.className,Ft,E(Ft,{fillMode:t}),g(Ft,{disabled:o}),{[`${Ft}-stretched`]:s}),children:e.children})};P.states=gs;P.options=Is;P.className=Ft;P.defaultOptions=pa;P.moduleName=Do;P.folderName=la;import{Fragment as fd,jsx as ud,jsxs as bd}from"react/jsx-runtime";import{Fragment as kd,jsx as hd,jsxs as Sd}from"react/jsx-runtime";import{Fragment as Cd,jsx as Td,jsxs as Ad}from"react/jsx-runtime";import{Fragment as _d,jsx as Kd,jsxs as Pd}from"react/jsx-runtime";var Gt="input",mo=Gt;import{jsx as Os}from"react/jsx-runtime";var co="k-input",Cs=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],As={size:[r.small,r.medium,r.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[f.solid,f.flat,f.outline]},uo={size:r.medium,rounded:r.medium,fillMode:f.solid},R=e=>{let{hover:t,focus:o,disabled:s,invalid:i,valid:p,loading:l,readonly:u,size:c=uo.size,rounded:N=uo.rounded,fillMode:L=uo.fillMode,...k}=e;return Os("span",{...k,className:n(e.className,co,E(co,{size:c,rounded:N,fillMode:L}),g(co,{hover:t,focus:o,disabled:s,invalid:i,valid:p,loading:l,readonly:u}))})};R.states=Cs;R.options=As;R.className=co;R.defaultOptions=uo;R.moduleName=Gt;R.folderName=mo;import{jsx as Bs}from"react/jsx-runtime";var fo="k-picker",ys=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],Rs={size:[r.small,r.medium,r.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[f.solid,f.flat,f.outline]},bo={size:r.medium,rounded:x.medium,fillMode:f.solid},Q=e=>{let{hover:t,focus:o,disabled:s,invalid:i,valid:p,loading:l,readonly:u,size:c=bo.size,rounded:N=bo.rounded,fillMode:L=bo.fillMode,...k}=e;return Bs("span",{...k,className:n(e.className,fo,E(fo,{size:c,rounded:N,fillMode:L}),g(fo,{hover:t,focus:o,disabled:s,invalid:i,valid:p,loading:l,readonly:u})),children:e.children})};Q.states=ys;Q.options=Rs;Q.className=fo;Q.defaultOptions=bo;Q.moduleName=Gt;Q.folderName=mo;import{Fragment as Ps,jsx as Fo}from"react/jsx-runtime";var ma="k-clear-value",Ks=[a.disabled,a.loading,a.readonly],_s={},de=e=>{let{disabled:t,loading:o,readonly:s,value:i}=e;return t||s||o||!i?Fo(Ps,{}):Fo("span",{className:n(e.className,ma),children:Fo(v,{icon:"x"})})};de.states=Ks;de.options=_s;de.className=ma;import{jsx as Hs}from"react/jsx-runtime";var Go="k-input-inner",zs=[],ws={},No={type:"text",autocomplete:"off",value:"",placeholder:""},ce=e=>{let{value:t=No.value,type:o=No.type,placeholder:s=No.placeholder,autocomplete:i=No.autocomplete,...p}=e;return Hs("input",{...p,type:o,className:n(e.className,Go,E(Go,e)),placeholder:s,autoComplete:i,defaultValue:t})};ce.states=zs;ce.options=ws;ce.className=Go;import{jsx as da,jsxs as Gs}from"react/jsx-runtime";var Uo="k-input-inner",Ds=[],Fs={},et=e=>{let{value:t,placeholder:o,showValue:s,valueIcon:i,valueIconName:p,...l}=e;return Gs("span",{...l,className:n(e.className,Uo,E(Uo,e)),children:[i,!i&&p&&da(v,{className:"k-input-value-icon",icon:p}),s&&!t&&o,s&&t&&da("span",{className:"k-input-value-text",children:t})]})};et.states=Ds;et.options=Fs;et.className=Uo;import{jsx as Xs}from"react/jsx-runtime";var $o="k-input-inner",Us=[],$s={},ca={value:"",placeholder:""},Xo=e=>{let{value:t=ca.value,placeholder:o=ca.placeholder,rows:s,...i}=e;return Xs("textarea",{...i,className:n(e.className,$o,E($o,e)),placeholder:o,rows:s,defaultValue:t})};Xo.states=Us;Xo.options=$s;Xo.className=$o;import{Fragment as Js,jsx as ua}from"react/jsx-runtime";var fa="k-input-loading-icon",Vs=[a.disabled,a.loading],ne=e=>{let{disabled:t,loading:o}=e;return t||!o?ua(Js,{}):ua("span",{className:n(e.className,fa,"k-icon k-i-loading")})};ne.states=Vs;ne.className=fa;import{Fragment as Zs,jsx as ba}from"react/jsx-runtime";var Na="k-input-validation-icon",qs=[a.valid,a.invalid,a.disabled,a.loading],Ws={},Y=e=>{let{valid:t,invalid:o,disabled:s,loading:i}=e,p=o?"warning-circle":"check-circle";return s||i||!!!(t||o)?ba(Zs,{}):ba(v,{className:n(Na),icon:p})};Y.states=qs;Y.options=Ws;Y.className=Na;import{Fragment as js,jsx as La}from"react/jsx-runtime";var Qs="k-input-prefix",Ys={direction:"horizontal"},Se=e=>{let{direction:t=Ys.direction,...o}=e;return e.children?La("span",{...o,className:n(Qs,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):La(js,{})};import{Fragment as oi,jsx as xa}from"react/jsx-runtime";var ei="k-input-suffix",ti={direction:"horizontal"},Ee=e=>{let{direction:t=ti.direction,...o}=e;return e.children?xa("span",{...o,className:n(ei,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):xa(oi,{})};import{jsx as Cc}from"react/jsx-runtime";import{jsx as Rc}from"react/jsx-runtime";import{jsx as ai}from"react/jsx-runtime";var Ma="k-input-separator",ni={direction:"vertical"},Ae=e=>{let{direction:t=ni.direction,...o}=e;return ai("span",{...o,className:n(Ma,e.className,{[`${Ma}-${t}`]:t})})};import{jsx as ha,jsxs as ii}from"react/jsx-runtime";var ka="k-color-preview",ri=[],si={},we=e=>{let{color:t,iconName:o,...s}=e;return ii("span",{...s,className:n(e.className,ka,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&ha(v,{icon:o,className:"k-color-preview-icon"}),ha("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};we.states=ri;we.options=si;we.className=ka;var Vo="popup",Sa=Vo;import{jsx as Ea}from"react/jsx-runtime";var va="k-animation-container",li=[],pi={},ga={positionMode:"absolute"},ve=e=>{let{positionMode:t=ga.positionMode,animationStyle:o,offset:s,...i}=e;return Ea("div",{...i,style:{...s,...e.style},className:n(e.className,va,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Ea("div",{className:"k-child-animation-container",style:o,children:e.children})})};ve.states=li;ve.options=pi;ve.className=va;ve.defaultOptions=ga;ve.moduleName=Vo;ve.folderName=Sa;var Jo="popup",Ia=Jo;import{jsx as Ta}from"react/jsx-runtime";var Ca="k-popup",mi=[],di={},Aa={positionMode:"absolute"},D=e=>{let{offset:t,positionMode:o=Aa.positionMode,animationStyle:s,...i}=e;return Ta(ve,{positionMode:o,offset:t,animationStyle:s,children:Ta("div",{...i,className:n(e.className,Ca),children:e.children})})};D.states=mi;D.options=di;D.className=Ca;D.defaultOptions=Aa;D.moduleName=Jo;D.folderName=Ia;var qo="action-buttons",Oa=qo;import{jsx as fi}from"react/jsx-runtime";var Lo="k-actions",ci=[],ui={},Wo={alignment:"start",orientation:"horizontal"},ge=e=>{let{alignment:t=Wo.alignment,orientation:o=Wo.orientation,...s}=e;return fi("div",{...s,className:n(Lo,{[`${Lo}-${t}`]:t,[`${Lo}-${o}`]:o},e.className),children:e.children})};ge.states=ci;ge.options=ui;ge.className=Lo;ge.defaultOptions=Wo;ge.moduleName=qo;ge.folderName=Oa;import{jsx as Ni}from"react/jsx-runtime";var bi="k-actionsheet-footer",ya={alignment:"stretched",orientation:"horizontal"},Ut=e=>{let{alignment:t=ya.alignment,orientation:o=ya.orientation,template:s,as:i=s?"div":ge,...p}=e;return Ni(i,{...p,...!s&&{alignment:t,orientation:o},className:n(e.className,bi),children:e.children})};var Zo="searchbox",Ra=Zo;import{jsx as $t,jsxs as Mi}from"react/jsx-runtime";var Ba="k-searchbox",Li=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading],xi={size:[r.small,r.medium,r.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[f.solid,f.flat,f.outline]},Qo={showIcon:!0,icon:"search",size:R.defaultOptions.size,rounded:R.defaultOptions.rounded,fillMode:R.defaultOptions.fillMode},ue=e=>{let{value:t,placeholder:o,size:s,rounded:i,fillMode:p,hover:l,focus:u,valid:c,invalid:N,required:L,loading:k,disabled:m,showIcon:M=Qo.showIcon,icon:h=Qo.icon,...S}=e;return Mi(R,{...S,size:s,rounded:i,fillMode:p,hover:l,focus:u,valid:c,invalid:N,required:L,loading:k,disabled:m,className:n(e.className,Ba),children:[M&&$t(v,{className:"k-input-icon",icon:h}),$t(ce,{placeholder:o,value:t}),$t(ne,{...e}),$t(Y,{...e}),$t(de,{...e})]})};ue.states=Li;ue.options=xi;ue.className=Ba;ue.defaultOptions=Qo;ue.moduleName=Zo;ue.folderName=Ra;import{jsx as Hu}from"react/jsx-runtime";var Yo="textbox",Ka=Yo;import{Fragment as _a,jsx as He,jsxs as jo}from"react/jsx-runtime";var Pa="k-textbox",hi=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],ki={size:[r.small,r.medium,r.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[f.solid,f.flat,f.outline]},tt={showClearButton:!0,showValidationIcon:!0,size:R.defaultOptions.size,rounded:R.defaultOptions.rounded,fillMode:R.defaultOptions.fillMode,separators:!0},X=e=>{let{size:t=tt.size,rounded:o=tt.rounded,fillMode:s=tt.fillMode,separators:i=tt.separators,showClearButton:p=tt.showClearButton,showValidationIcon:l=tt.showValidationIcon,prefix:u,suffix:c,type:N,value:L,placeholder:k,hover:m,focus:M,valid:h,invalid:S,required:C,loading:T,disabled:B,readonly:$,...ze}=e;return jo(R,{...ze,size:t,rounded:o,fillMode:s,hover:m,focus:M,valid:h,invalid:S,required:C,loading:T,disabled:B,readonly:$,className:n(e.className,Pa),children:[u&&jo(_a,{children:[He(Se,{children:u}),i&&He(Ae,{})]}),He(ce,{placeholder:k,value:L,type:N}),l&&He(Y,{valid:h,invalid:S,loading:T,disabled:B}),He(ne,{loading:T,disabled:B}),p&&He(de,{loading:T,disabled:B,readonly:$,value:L}),c&&jo(_a,{children:[i&&He(Ae,{}),He(Ee,{children:c})]})]})};X.states=hi;X.options=ki;X.className=Pa;X.defaultOptions=tt;X.moduleName=Yo;X.folderName=Ka;import{jsx as Yu}from"react/jsx-runtime";import{Fragment as af,jsx as nf}from"react/jsx-runtime";import{Fragment as cf,jsx as df}from"react/jsx-runtime";import{jsx as De,jsxs as en}from"react/jsx-runtime";var wa="k-actionsheet-titlebar",Si={},ae=e=>{let{title:t,subtitle:o,actionsStart:s,actionsEnd:i,filter:p,input:l,inputValue:u,inputPlaceholder:c,adaptive:N,children:L,...k}=e;return en("div",{...k,className:n(e.className,wa),children:[en("div",{className:"k-actionsheet-titlebar-group",children:[s&&De("div",{className:"k-actionsheet-actions",children:s}),!L&&en("div",{className:"k-actionsheet-title",children:[t&&De("div",{className:"k-text-center",children:t}),o&&De("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),L&&De("div",{className:"k-actionsheet-title",children:L}),i&&De("div",{className:"k-actionsheet-actions",children:i})]}),(l||p)&&De("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?De(X,{value:u,placeholder:c,size:N?"large":"medium"}):De(ue,{placeholder:"Filter",size:N?"large":"medium"})})]})};ae.className=wa;ae.defaultOptions=Si;import{jsx as tn,jsxs as Ii}from"react/jsx-runtime";var on="k-actionsheet-view",Ei=[],vi={},gi={},ut=e=>{let{adaptive:t,animated:o,children:s,header:i,footer:p,...l}=e,u=i?.type===ae&&tn(ae,{adaptive:t,...i?.props}),c=p?.type===Ut&&tn(Ut,{...p?.props});return Ii("div",{...l,className:n(e.className,on,{[`${on}-animated`]:o}),children:[u,tn("div",{className:"k-actionsheet-content",children:s}),c]})};ut.states=Ei;ut.options=vi;ut.className=on;ut.defaultOptions=gi;var Xt="action-sheet",xo=Xt;import{jsx as Mo,jsxs as Ai}from"react/jsx-runtime";var Ha="k-actionsheet",Ti=[],Ci={},Vt={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},j=e=>{let{side:t=Vt.side,fullscreen:o=Vt.fullscreen,adaptive:s=Vt.adaptive,overlay:i=Vt.overlay,template:p,children:l,header:u,footer:c,...N}=e;return Ai("div",{className:"k-actionsheet-container",children:[i&&Mo("div",{className:"k-overlay"}),Mo(ve,{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:Mo("div",{...N,className:n(e.className,Ha,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":s}),children:p||Mo(ut,{header:u,footer:c,adaptive:s,...e,children:l})})})]})};j.states=Ti;j.options=Ci;j.className=Ha;j.defaultOptions=Vt;j.moduleName=Xt;j.folderName=xo;import{jsx as Bi}from"react/jsx-runtime";var Da="k-actionsheet-container",Oi=[],yi={},Ri={},ft=e=>{let{children:t,...o}=e;return Bi("div",{...o,className:Da,children:t})};ft.states=Oi;ft.options=yi;ft.className=Da;ft.defaultOptions=Ri;ft.moduleName=Xt;ft.folderName=xo;import{jsx as Ff}from"react/jsx-runtime";import{Fragment as _i,jsx as Jt,jsxs as nn}from"react/jsx-runtime";var an="k-actionsheet-item",Ki=[a.hover,a.focus,a.selected,a.disabled],rn=e=>{let{iconName:t,text:o,description:s,hover:i,focus:p,selected:l,disabled:u,...c}=e;return nn("span",{...c,className:n(e.className,an,g(an,{hover:i,focus:p,selected:l,disabled:u})),children:[!e.children&&Jt(_i,{children:nn("span",{className:"k-actionsheet-action",children:[t&&Jt("span",{className:"k-icon-wrap",children:Jt(v,{className:"k-actionsheet-item-icon",icon:t})}),nn("span",{className:"k-actionsheet-item-text",children:[o&&Jt("span",{className:"k-actionsheet-item-title",children:o}),s&&Jt("span",{className:"k-actionsheet-item-description",children:s})]})]})}),e.children]})};rn.states=Ki;rn.className=an;import{jsx as Zf,jsxs as Qf}from"react/jsx-runtime";import{jsx as tb}from"react/jsx-runtime";import{jsx as rb}from"react/jsx-runtime";import{jsx as pb}from"react/jsx-runtime";var sn="slider",Ga=sn;import{jsx as bt,jsxs as ln}from"react/jsx-runtime";var qt="k-slider",Pi=[a.hover,a.focus,a.active,a.disabled,a.readonly],zi={},Fe={type:"single",orientation:"horizontal",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0},V=e=>{let{type:t=Fe.type,orientation:o=Fe.orientation,readonly:s=Fe.readonly,disabled:i=Fe.disabled,handlePosition:p=Fe.handlePosition,showButtons:l=Fe.showButtons,showTicks:u=Fe.showTicks,hover:c,focus:N,active:L,trackStyle:k,dir:m,...M}=e,h,S;return o==="horizontal"?(h=m==="rtl"?"caret-alt-left":"caret-alt-right",S=m==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(h="caret-alt-up",S="caret-alt-down"),ln("div",{...M,className:n(qt,e.className,g(qt,{readonly:s,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:m,children:[l&&bt(d,{className:"k-button-decrease",rounded:"full",icon:S}),ln("div",{className:"k-slider-track-wrap",children:[u&&bt("ul",{className:"k-reset k-slider-items",children:e.children}),ln("div",{className:"k-slider-track",style:k,children:[bt("div",{className:"k-slider-selection"}),t==="range"&&bt("span",{className:n("k-draghandle","k-draghandle-start",g(qt,{hover:c,focus:N,active:L}))}),bt("span",{className:n("k-draghandle",`k-draghandle-${p}`,g(qt,{hover:c,focus:N,active:L}))})]})]}),l&&bt(d,{className:"k-button-increase",rounded:"full",icon:h})]})};V.states=Pi;V.options=zi;V.className=qt;V.defaultOptions=Fe;V.moduleName=sn;V.folderName=Ga;import{jsx as Ua}from"react/jsx-runtime";var $a="k-tick",wi=[],Hi={},Xa={label:!1},Ge=e=>{let{style:t,label:o=Xa.label,orientation:s,large:i,text:p,...l}=e;return Ua("li",{...l,className:n(e.className,$a,{[`k-tick-${s}`]:s,"k-tick-large":i}),style:t,children:o&&Ua("span",{className:"k-label",children:p})})};Ge.states=wi;Ge.options=Hi;Ge.className=$a;Ge.defaultOptions=Xa;import{Fragment as _b,jsx as Kb,jsxs as Pb}from"react/jsx-runtime";import{Fragment as Fb,jsx as Db,jsxs as Gb}from"react/jsx-runtime";import{Fragment as Jb,jsx as Vb,jsxs as qb}from"react/jsx-runtime";import{Fragment as jb,jsx as Yb,jsxs as eN}from"react/jsx-runtime";import{jsx as Di}from"react/jsx-runtime";var pn=e=>Di(V,{type:"gradient",showButtons:!1,showTicks:!1,...e});import{jsx as Fi}from"react/jsx-runtime";var mn=e=>Fi(V,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e});import{jsx as Va,jsxs as Vi}from"react/jsx-runtime";var Ja="k-spin-button",$i=[],Xi={size:[r.small,r.medium,r.large],fillMode:[f.solid,f.flat,f.outline,f.clear,f.link]},dn={size:r.medium,fillMode:f.solid},Ue=e=>{let{size:t=dn.size,fillMode:o=dn.fillMode,...s}=e;return Vi("span",{...s,className:n(Ja,e.className),children:[Va(d,{className:"k-spinner-increase",icon:"caret-alt-up",rounded:null,size:t,fillMode:o}),Va(d,{className:"k-spinner-decrease",icon:"caret-alt-down",rounded:null,size:t,fillMode:o})]})};Ue.states=$i;Ue.options=Xi;Ue.className=Ja;Ue.defaultOptions=dn;Ue.moduleName=null;Ue.folderName=null;var qa="numeric-textbox",Wa="numerictextbox";import{Fragment as Za,jsx as Oe,jsxs as cn}from"react/jsx-runtime";var Qa="k-numerictextbox",Ji=[a.hover,a.focus,a.valid,a.invalid,a.loading,a.required,a.disabled,a.readonly],qi={size:[r.small,r.medium,r.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[f.solid,f.flat,f.outline]},ot={showSpinButton:!0,showClearButton:!0,size:R.defaultOptions.size,rounded:R.defaultOptions.rounded,fillMode:R.defaultOptions.fillMode,separators:!0},K=e=>{let{size:t=ot.size,rounded:o=ot.rounded,fillMode:s=ot.fillMode,separators:i=ot.separators,showClearButton:p=ot.showClearButton,showSpinButton:l=ot.showSpinButton,prefix:u,suffix:c,value:N,placeholder:L,hover:k,focus:m,valid:M,invalid:h,required:S,loading:C,disabled:T,readonly:B,...$}=e;return cn(R,{...$,size:t,rounded:o,fillMode:s,hover:k,focus:m,valid:M,invalid:h,required:S,loading:C,disabled:T,readonly:B,className:n(e.className,Qa),children:[u&&cn(Za,{children:[Oe(Se,{children:u}),i&&Oe(Ae,{})]}),Oe(ce,{placeholder:L,value:N}),Oe(Y,{valid:M,invalid:h,loading:C,disabled:T}),Oe(ne,{loading:C,disabled:T}),p&&Oe(de,{loading:C,disabled:T,readonly:B,value:N}),c&&cn(Za,{children:[i&&Oe(Ae,{}),Oe(Ee,{children:c})]}),l&&Oe(Ue,{className:"k-input-spinner",size:t,fillMode:s})]})};K.states=Ji;K.options=qi;K.className=Qa;K.defaultOptions=ot;K.moduleName=qa;K.folderName=Wa;import{jsx as KN}from"react/jsx-runtime";import{jsx as Zi}from"react/jsx-runtime";var Wi="k-no-data",Wt=e=>Zi("span",{className:n(Wi,e.className),children:e.children});var ye="list",$e=ye;import{jsx as Nt,jsxs as ja}from"react/jsx-runtime";var un="k-list",Qi=[],Yi={size:[r.small,r.medium,r.large]},er={size:r.medium},_=e=>{let{size:t=er.size,virtualization:o,children:s,optionLabel:i,customValue:p,screenReaders:l,...u}=e,c,N,L,k,m=[];return s?s.map((M,h)=>{M.type===G?(M.props.root===!0?(c=M.props.label,M.props.children.map((S,C)=>{m.push(Nt(I,{...S.props},`optChild-${C}-${new Date().getTime()}`))})):M.props.children.forEach((S,C)=>{let T="";C===0&&(T=M.props.label),m.push(Nt(I,{className:C===0?"k-first":"",...S.props,groupLabel:T},`groupLabel-${C}-${new Date().getTime()}`))}),N=Nt(G,{label:c,virtualization:o,children:m})):M.type===I&&(m.push(Nt(I,{...M.props},`${M.type}-${h}`)),L=Nt(Lt,{virtualization:o,children:m}),l&&(k=ja(Wt,{className:"k-sr-only",children:[m.length," items found."]})))}):k=Nt(Wt,{children:"No data found."}),ja("div",{...u,className:n(e.className,un,E(un,{size:t}),{"k-virtual-list":o}),children:[i,p,N,L,k]})};_.states=Qi;_.options=Yi;_.className=un;_.defaultOptions=er;_.moduleName=ye;_.folderName=$e;import{jsx as ol}from"react/jsx-runtime";var tr="k-list-container",ji=[],el={},tl={},xt=e=>{let{...t}=e;return ol("div",{...t,className:n(e.className,tr),children:e.children})};xt.states=ji;xt.options=el;xt.className=tr;xt.defaultOptions=tl;xt.moduleName=ye;xt.folderName=$e;import{jsx as nt,jsxs as rl}from"react/jsx-runtime";var fn="k-list",nl=[],al={size:[r.small,r.medium,r.large]},or={size:r.medium},Re=e=>{let{size:t=or.size,virtualization:o,children:s,...i}=e,p,l,u,c=[];return s?s.map((N,L)=>{N.type===G?(N.props.root===!0?(p=N.props.label,N.props.children.map((k,m)=>{c.push(nt(I,{...k.props},`optChild-${m}-${new Date().getTime()}`))})):(c.push(nt(nr,{...N.props,children:N.props.label},`listChild-${L}`)),N.props.children.map((k,m)=>{c.push(nt(I,{...k.props},`fwOptChild-${m}-${new Date().getTime()}`))})),l=nt(G,{label:p,virtualization:o,children:c})):N.type===I&&(c.push(nt(I,{...N.props},`${N.type}-${L}`)),u=nt(Lt,{virtualization:o,children:c}))}):u=nt(Wt,{children:"No data found."}),rl("div",{...i,className:n(e.className,fn,E(fn,{size:t}),{"k-virtual-list":o}),children:[l,u]})};Re.states=nl;Re.options=al;Re.className=fn;Re.defaultOptions=or;Re.moduleName=ye;Re.folderName=$e;var at="checkbox",Mt=at;import{jsx as ar}from"react/jsx-runtime";var ho="k-checkbox",sl=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.checked,a.indeterminate],il={size:[r.small,r.medium,r.large],rounded:[x.small,x.medium,x.large,x.full]},bn={size:r.medium,rounded:x.medium},fe=e=>{let{id:t,checked:o,indeterminate:s,hover:i,focus:p,disabled:l,invalid:u,valid:c,required:N,size:L=bn.size,rounded:k=bn.rounded,...m}=e;return ar("span",{className:"k-checkbox-wrap",children:ar("input",{...m,id:t,type:"checkbox",defaultChecked:o,required:N,className:n(e.className,ho,E(ho,{size:L,rounded:k}),g(ho,{hover:i,focus:p,disabled:l,invalid:u,valid:c,indeterminate:s,checked:o}))})})};fe.states=sl;fe.options=il;fe.className=ho;fe.defaultOptions=bn;fe.moduleName=at;fe.folderName=Mt;var Zt=fe;import{jsx as ml}from"react/jsx-runtime";var rr="k-checkbox-list",ll=[],pl={},sr={layout:"vertical"},Xe=e=>{let{layout:t=sr.layout,...o}=e;return ml("ul",{...o,className:n(e.className,rr,{[`k-list-${t}`]:t}),children:e.children})};Xe.states=ll;Xe.options=pl;Xe.className=rr;Xe.defaultOptions=sr;Xe.moduleName=at;Xe.folderName=Mt;import{jsx as fl}from"react/jsx-runtime";var ir="k-checkbox-list-item",dl=[],cl={},ul={},Ve=e=>{let{...t}=e;return fl("li",{...t,className:n(e.className,ir),children:e.children})};Ve.states=dl;Ve.options=cl;Ve.className=ir;Ve.defaultOptions=ul;Ve.moduleName=at;Ve.folderName=Mt;import{Fragment as bl,jsx as lr,jsxs as Nl}from"react/jsx-runtime";var Nn=({children:e,id:t,...o})=>Nl(bl,{children:[lr(Zt,{id:t,...o}),lr("label",{className:"k-checkbox-label",htmlFor:t,children:e})]});import{Fragment as EL,jsx as SL,jsxs as vL}from"react/jsx-runtime";import{Fragment as AL,jsx as CL,jsxs as OL}from"react/jsx-runtime";import{Fragment as _L,jsx as KL,jsxs as PL}from"react/jsx-runtime";import{jsx as DL}from"react/jsx-runtime";import{jsx as $L}from"react/jsx-runtime";import{jsx as ko,jsxs as hl}from"react/jsx-runtime";var Ln="k-list-item",Ll=[a.hover,a.focus,a.selected,a.disabled],xl={},Ml={},I=e=>{let{text:t,groupLabel:o,group:s,showIcon:i,iconName:p,showCheckbox:l,checked:u,hover:c,focus:N,selected:L,disabled:k,...m}=e,M=t||e.children;return hl("li",{...m,className:n(e.className,s?"k-list-group-item":Ln,g(Ln,{hover:c,focus:N,disabled:k,selected:L})),children:[l&&ko(fe,{checked:u}),i&&ko(v,{icon:p}),ko("span",{className:"k-list-item-text",children:M}),o&&o!==""&&ko("div",{className:"k-list-item-group-label",children:o})]})};I.states=Ll;I.options=xl;I.className=Ln;I.defaultOptions=Ml;I.moduleName=ye;I.folderName=$e;import{jsx as xn,jsxs as Sl}from"react/jsx-runtime";var kl="k-list-content",Lt=e=>{let{virtualization:t,...o}=e;return Sl("div",{...o,className:n(kl,e.className),children:[xn("ul",{className:n("k-list-ul"),children:e.children}),t&&xn("div",{className:"k-height-container",children:xn("div",{})})]})};import{jsx as pr}from"react/jsx-runtime";var El="k-list-group-sticky-header",mr=e=>pr("div",{className:n(El,e.className),children:pr("div",{className:"k-list-header-text",children:e.children})});import{Fragment as vl,jsx as dr,jsxs as gl}from"react/jsx-runtime";var G=e=>{let{virtualization:t,label:o}=e;return gl(vl,{children:[o&&dr(mr,{children:o}),e.children&&dr(Lt,{virtualization:t,children:e.children})]})};import{jsx as cr}from"react/jsx-runtime";var Il="k-list-group-item",nr=e=>cr("li",{className:n(Il,e.className),children:cr("span",{className:"k-list-item-text",children:e.children})});import{jsx as Ol}from"react/jsx-runtime";var Mn="k-list-optionlabel",Tl=[a.hover,a.focus,a.selected,a.disabled],Cl={},Al={},So=e=>{let{text:t,hover:o,focus:s,selected:i,disabled:p,...l}=e;return Ol("div",{...l,className:n(Mn,g(Mn,{hover:o,focus:s,selected:i,disabled:p})),children:t})};So.states=Tl;So.options=Cl;So.className=Mn;So.defaultOptions=Al;import{jsx as Kl}from"react/jsx-runtime";var hn="k-list-custom-value",yl=[a.hover,a.focus,a.selected,a.disabled],Rl={},Bl={},Je=e=>{let{text:t,hover:o,focus:s,selected:i,disabled:p,...l}=e;return Kl("div",{...l,className:n(hn,g(hn,{hover:o,focus:s,selected:i,disabled:p})),children:t})};Je.states=yl;Je.options=Rl;Je.className=hn;Je.defaultOptions=Bl;import{jsx as Cx}from"react/jsx-runtime";import{jsx as Rx}from"react/jsx-runtime";import{jsx as Px,jsxs as zx}from"react/jsx-runtime";import{jsx as Fx,jsxs as Gx}from"react/jsx-runtime";import{jsx as Vx}from"react/jsx-runtime";import{jsx as Zx,jsxs as Qx}from"react/jsx-runtime";import{jsx as tM,jsxs as oM}from"react/jsx-runtime";var ur="dropdown-list",fr="dropdownlist";import{Fragment as zl,jsx as J,jsxs as kn}from"react/jsx-runtime";var br="k-dropdownlist",_l=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],Pl={size:[r.small,r.medium,r.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[f.solid,f.flat,f.outline]},ht={showValue:!0,arrowIconName:"caret-alt-down",size:r.medium,rounded:x.medium,fillMode:f.solid},z=e=>{let{size:t=ht.size,rounded:o=ht.rounded,fillMode:s=ht.fillMode,arrowIconName:i=ht.arrowIconName,showValue:p=ht.showValue,valueIconName:l,prefix:u,suffix:c,value:N,placeholder:L,hover:k,focus:m,valid:M,invalid:h,required:S,loading:C,disabled:T,readonly:B,popup:$,opened:ze,adaptive:Kt,adaptiveSettings:_t,adaptiveTitle:yo,adaptiveSubtitle:Ro,adaptiveFilter:is,...ls}=e;return kn(zl,{children:[kn(Q,{...ls,size:t,rounded:o,fillMode:s,hover:k,focus:m,valid:M,invalid:h,required:S,loading:C,disabled:T,readonly:B,className:n(e.className,br,{"k-icon-picker":!p&&l}),children:[J(Se,{children:u}),J(et,{placeholder:L,value:N,showValue:p,valueIconName:l}),J(Y,{valid:M,invalid:h,loading:C,disabled:T}),J(ne,{loading:C,disabled:T}),J(Ee,{children:c}),J(d,{className:"k-input-button",icon:i,rounded:null,size:e.size,fillMode:e.fillMode})]}),ze&&$&&J(D,{className:"k-list-container k-dropdownlist-popup",children:$}),Kt&&J(j,{adaptive:!0,..._t,header:J(ae,{actionsEnd:J(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:is,inputValue:N,inputPlaceholder:L,title:yo,subtitle:Ro}),children:J("div",{className:"k-list-container",children:kn(_,{size:"large",children:[J(I,{text:"List item"}),J(I,{text:"List item"}),J(I,{text:"List item"})]})})})]})};z.states=_l;z.options=Pl;z.className=br;z.defaultOptions=ht;z.moduleName=ur;z.folderName=fr;import{jsx as _M}from"react/jsx-runtime";import{jsx as DM,jsxs as FM}from"react/jsx-runtime";import{Fragment as WM,jsx as JM,jsxs as qM}from"react/jsx-runtime";import{jsx as jM}from"react/jsx-runtime";import{jsx as ah,jsxs as rh}from"react/jsx-runtime";import{jsx as mh,jsxs as dh}from"react/jsx-runtime";import{Fragment as Mh,jsx as Lh,jsxs as xh}from"react/jsx-runtime";import{Fragment as Th,jsx as gh,jsxs as Ih}from"react/jsx-runtime";import{Fragment as Uh,jsx as Gh}from"react/jsx-runtime";import{Fragment as Zh,jsx as Wh}from"react/jsx-runtime";import{Fragment as Qt,jsx as A,jsxs as w}from"react/jsx-runtime";var Nr="k-colorgradient-inputs",wl=[],Hl={size:[r.small,r.medium,r.large]},Lr={mode:"rgba",size:r.medium},kt=e=>{let{mode:t=Lr.mode,size:o,...s}=e;return w("div",{...s,className:n(Nr,"k-hstack"),children:[A("div",{className:"k-vstack",children:A(d,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o})}),t==="rgba"&&w(Qt,{children:[w("div",{className:"k-vstack",children:[A(K,{showSpinButton:!1,showClearButton:!1,value:"132",size:o}),A("label",{className:"k-colorgradient-input-label",children:"R"})]}),w("div",{className:"k-vstack",children:[A(K,{showSpinButton:!1,showClearButton:!1,value:"132",size:o}),A("label",{className:"k-colorgradient-input-label",children:"G"})]}),w("div",{className:"k-vstack",children:[A(K,{showSpinButton:!1,showClearButton:!1,value:"132",size:o}),A("label",{className:"k-colorgradient-input-label",children:"B"})]}),w("div",{className:"k-vstack",children:[A(K,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o}),A("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&w(Qt,{children:[w("div",{className:"k-vstack",children:[A(K,{showSpinButton:!1,showClearButton:!1,value:"132"}),A("label",{className:"k-colorgradient-input-label",children:"R"})]}),w("div",{className:"k-vstack",children:[A(K,{showSpinButton:!1,showClearButton:!1,value:"132"}),A("label",{className:"k-colorgradient-input-label",children:"G"})]}),w("div",{className:"k-vstack",children:[A(K,{showSpinButton:!1,showClearButton:!1,value:"132"}),A("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&w(Qt,{children:[w("div",{className:"k-vstack",children:[A(K,{showSpinButton:!1,showClearButton:!1,value:"132"}),A("label",{className:"k-colorgradient-input-label",children:"H"})]}),w("div",{className:"k-vstack",children:[A(K,{showSpinButton:!1,showClearButton:!1,value:"132"}),A("label",{className:"k-colorgradient-input-label",children:"S"})]}),w("div",{className:"k-vstack",children:[A(K,{showSpinButton:!1,showClearButton:!1,value:"132"}),A("label",{className:"k-colorgradient-input-label",children:"V"})]}),w("div",{className:"k-vstack",children:[A(K,{showSpinButton:!1,showClearButton:!1,value:"1.00"}),A("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&w(Qt,{children:[w("div",{className:"k-vstack",children:[A(K,{showSpinButton:!1,showClearButton:!1,value:"132"}),A("label",{className:"k-colorgradient-input-label",children:"H"})]}),w("div",{className:"k-vstack",children:[A(K,{showSpinButton:!1,showClearButton:!1,value:"132"}),A("label",{className:"k-colorgradient-input-label",children:"S"})]}),w("div",{className:"k-vstack",children:[A(K,{showSpinButton:!1,showClearButton:!1,value:"132"}),A("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&A(Qt,{children:w("div",{className:"k-vstack k-flex-1",children:[A(X,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),A("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};kt.states=wl;kt.options=Hl;kt.className=Nr;kt.defaultOptions=Lr;import{jsx as st,jsxs as it}from"react/jsx-runtime";var xr="k-colorgradient-color-contrast",Dl=[],Fl={},Gl={},St=()=>it("div",{className:n(xr,"k-vbox"),children:[it("div",{className:"k-contrast-ratio",children:[st("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),it("span",{className:"k-contrast-validation !k-text-success",children:[st(v,{icon:"check"}),st(v,{icon:"check"})]})]}),it("div",{children:[st("span",{children:"AA: 4.5"}),it("span",{className:"k-contrast-validation !k-text-success",children:["Pass",st(v,{icon:"check"})]})]}),it("div",{children:[st("span",{children:"AAA: 7.0"}),it("span",{className:"k-contrast-validation !k-text-error",children:["Fail",st(v,{icon:"x"})]})]})]});St.states=Dl;St.options=Fl;St.className=xr;St.defaultOptions=Gl;var Mr="color-gradient",hr="colorgradient";import{jsx as re,jsxs as Yt}from"react/jsx-runtime";var Eo="k-colorgradient",Ul=[a.hover,a.focus,a.readonly,a.disabled],$l={size:[r.small,r.medium,r.large]},be={size:r.medium,mode:"rgba",readonly:!1,disabled:!1,contrast:!1,gradientStyle:{background:"rgb(255, 0, 0 )"},dragHandleStyle:{top:"50px",left:"73px"},alphaStyle:{background:"linear-gradient(to top, transparent, rgb(255, 0, 0))"},alphaStyleHorizontal:{background:"linear-gradient(to right, transparent, rgb(255, 0, 0))"},canvasOrientation:"horizontal"},Ie=e=>{let{size:t=be.size,mode:o=be.mode,readonly:s=be.readonly,disabled:i=be.disabled,gradientStyle:p=be.gradientStyle,dragHandleStyle:l=be.dragHandleStyle,alphaStyle:u=be.alphaStyle,alphaStyleHorizontal:c=be.alphaStyleHorizontal,contrast:N=be.contrast,dir:L,hover:k,focus:m,hoverHandle:M,focusHandle:h,canvasOrientation:S=be.canvasOrientation,...C}=e;return Yt("div",{...C,className:n(e.className,Eo,E(Eo,{size:t}),g(Eo,{hover:k,focus:m,readonly:s,disabled:i})),dir:L,children:[!S||S==="horizontal"&&Yt("div",{className:"k-colorgradient-canvas k-hstack",children:[re("div",{className:"k-hsv-rectangle",style:p,children:re("div",{className:"k-hsv-gradient",children:re("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":h}),style:l})})}),Yt("div",{className:"k-hsv-controls k-hstack",children:[re(mn,{className:"k-hue-slider",hover:M,focus:h}),o!=="rgb"&&o!=="hsv"&&re(mn,{className:"k-alpha-slider",hover:M,focus:h,trackStyle:u})]})]}),S==="vertical"&&Yt("div",{className:"k-colorgradient-canvas k-vstack",children:[re("div",{className:"k-hsv-rectangle",style:p,children:re("div",{className:"k-hsv-gradient",children:re("div",{className:n("k-hsv-draghandle","k-draghandle",{"k-hover":M,"k-focus":h}),style:l})})}),Yt("div",{className:"k-hsv-controls k-vstack",children:[re(pn,{className:"k-hue-slider",hover:M,focus:h}),o!=="rgb"&&o!=="hsv"&&re(pn,{className:"k-alpha-slider",hover:M,focus:h,trackStyle:c})]})]}),re(kt,{mode:e.mode,size:t}),N&&re(St,{})]})};Ie.states=Ul;Ie.options=$l;Ie.className=Eo;Ie.defaultOptions=be;Ie.moduleName=Mr;Ie.folderName=hr;import{jsx as Ek}from"react/jsx-runtime";import{jsx as Tk}from"react/jsx-runtime";import{jsx as Xl}from"react/jsx-runtime";var kr=e=>Xl("tr",{children:e.children});import{jsx as ql}from"react/jsx-runtime";var Sn="k-colorpalette-tile",Vl=[a.hover,a.focus,a.selected],Jl={},jt=e=>{let{color:t,tileSize:o,hover:s,focus:i,selected:p,...l}=e,u={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return ql("td",{...l,className:n(e.className,Sn,g(Sn,{hover:s,focus:i,selected:p})),style:u})};jt.states=Vl;jt.options=Jl;jt.className=Sn;var Sr="color-palette",Er="colorpalette";import{jsx as eo}from"react/jsx-runtime";var vo="k-colorpalette",Wl=[a.disabled],Zl={size:[r.small,r.medium,r.large]},En={columns:10,size:r.medium},qe=e=>{let{size:t=En.size,palette:o,columns:s=En.columns,tileSize:i,disabled:p,...l}=e,u=[];if(o){let c=s||o.columns,N=o.colors?o.colors:o;Array.isArray(N)&&Array.from({length:Math.ceil(N.length/c)},(L,k)=>{let m=[];N.slice(k*c,(k+1)*c).map((h,S)=>{m.push(eo(jt,{color:h,tileSize:i},S))});let M=eo(kr,{children:m},k);u.push(M)})}return eo("div",{...l,className:n(e.className,vo,g(vo,{disabled:p}),E(vo,{size:t})),children:eo("table",{className:"k-colorpalette-table",children:eo("tbody",{children:u.length>0?u:e.children})})})};qe.states=Wl;qe.options=Zl;qe.className=vo;qe.defaultOptions=En;qe.moduleName=Sr;qe.folderName=Er;var vn={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 Yk}from"react/jsx-runtime";var vr="color-editor",gr="coloreditor";import{jsx as se,jsxs as Et}from"react/jsx-runtime";var go="k-coloreditor",Ql=[a.focus],Yl={size:[r.small,r.medium,r.large]},vt={size:r.medium,view:"gradient",palette:vn.office,actionButtons:!0,canvasOrientation:"horizontal"},ie=e=>{let{size:t=vt.size,view:o=vt.view,palette:s=vt.palette,color:i,currentColor:p,focus:l,focusView:u,dir:c,group:N,actionButtons:L=vt.actionButtons,canvasOrientation:k=vt.canvasOrientation,...m}=e;return Et("div",{...m,className:n(e.className,"k-flatcolorpicker",go,E(go,{size:t}),g(go,{focus:l})),dir:c,children:[Et("div",{className:"k-coloreditor-header k-hstack",children:[se("div",{className:"k-coloreditor-header-actions k-hstack",children:N&&Et(P,{fillMode:"flat",children:[se(d,{className:"k-group-start",size:t,fillMode:"flat",icon:"droplet-slider",selected:o==="gradient"}),se(d,{className:"k-group-end",size:t,fillMode:"flat",icon:"palette",selected:o==="palette"})]})}),se("div",{className:"k-spacer"}),Et("div",{className:"k-coloreditor-header-actions k-hstack",children:[se(d,{fillMode:"flat",icon:"droplet-slash",size:t}),Et("div",{className:"k-coloreditor-preview k-vstack",children:[se(we,{className:"k-coloreditor-preview-color",color:i}),se(we,{className:"k-coloreditor-current-color",color:p})]})]})]}),se("div",{className:"k-coloreditor-views k-vstack",children:o==="gradient"?se(Ie,{focus:u,size:t,canvasOrientation:k}):se(qe,{palette:s,size:t})}),L&&Et(ge,{className:"k-coloreditor-footer",alignment:"start",children:[se(d,{themeColor:"primary",size:t,className:"k-coloreditor-apply",children:"Apply"}),se(d,{className:"k-coloreditor-cancel",size:t,children:"Cancel"})]})]})};ie.states=Ql;ie.options=Yl;ie.className=go;ie.defaultOptions=vt;ie.moduleName=vr;ie.folderName=gr;import{jsx as MS}from"react/jsx-runtime";import{jsx as ES}from"react/jsx-runtime";import{jsx as TS}from"react/jsx-runtime";import{jsx as yS}from"react/jsx-runtime";var Ir="color-picker",Tr="colorpicker";import{Fragment as tp,jsx as le,jsxs as In}from"react/jsx-runtime";var Cr="k-colorpicker",jl=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled],ep={size:[r.small,r.medium,r.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[f.solid,f.flat,f.outline]},to={arrowIconName:"caret-alt-down",size:Q.defaultOptions.size,rounded:Q.defaultOptions.rounded,fillMode:Q.defaultOptions.fillMode},Ne=e=>{let{size:t=to.size,rounded:o=to.rounded,fillMode:s=to.fillMode,arrowIconName:i=to.arrowIconName,prefix:p,suffix:l,value:u,placeholder:c,hover:N,focus:L,valid:k,invalid:m,required:M,disabled:h,valueIconName:S,popup:C,opened:T,adaptive:B,adaptiveSettings:$,adaptiveTitle:ze,adaptiveSubtitle:Kt,..._t}=e;return In(tp,{children:[In(Q,{..._t,size:t,rounded:o,fillMode:s,hover:N,focus:L,valid:k,invalid:m,required:M,disabled:h,className:n(e.className,Cr,"k-icon-picker"),children:[le(Se,{children:p}),le(et,{placeholder:c,value:u,showValue:!1,valueIcon:le(we,{className:"k-value-icon",color:u,iconName:S}),valueIconName:S}),le(Ee,{children:l}),le(d,{className:"k-input-button",icon:i,rounded:null,size:t,fillMode:s})]}),T&&C&&le(D,{className:"k-colorpicker-popup",children:C}),B&&le(j,{adaptive:!0,...$,header:le(ae,{actionsEnd:le(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),title:ze,subtitle:Kt}),footer:In(Ut,{children:[le(d,{text:"Cancel",size:"large",themeColor:"base"}),le(d,{text:"Set",size:"large",themeColor:"primary"})]}),children:le(ie,{canvasOrientation:"vertical",size:"large",actionButtons:!1,group:!0})})]})};Ne.states=jl;Ne.options=ep;Ne.className=Cr;Ne.defaultOptions=to;Ne.moduleName=Ir;Ne.folderName=Tr;import{jsx as jS}from"react/jsx-runtime";import{jsx as aE}from"react/jsx-runtime";import{jsx as pE}from"react/jsx-runtime";import{jsx as uE}from"react/jsx-runtime";import{jsx as LE}from"react/jsx-runtime";import{jsx as kE}from"react/jsx-runtime";var Tn="combobox",Ar=Tn;import{Fragment as Cn,jsx as F,jsxs as oo}from"react/jsx-runtime";var Or="k-combobox",np=[a.hover,a.focus,a.valid,a.invalid,a.loading,a.required,a.disabled,a.readonly],ap={size:[r.small,r.medium,r.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[f.solid,f.flat,f.outline]},no={size:R.defaultOptions.size,rounded:R.defaultOptions.rounded,fillMode:R.defaultOptions.fillMode,separators:!0},Be=e=>{let{size:t=no.size,rounded:o=no.rounded,fillMode:s=no.fillMode,separators:i=no.separators,prefix:p,suffix:l,value:u,placeholder:c,hover:N,focus:L,valid:k,invalid:m,required:M,loading:h,disabled:S,popup:C,opened:T,readonly:B,adaptive:$,adaptiveSettings:ze,adaptiveTitle:Kt,adaptiveSubtitle:_t,adaptiveCustomValue:yo,...Ro}=e;return oo(Cn,{children:[oo(R,{...Ro,size:t,rounded:o,fillMode:s,hover:N,focus:L,valid:k,invalid:m,required:M,loading:h,disabled:S,readonly:B,className:n(e.className,Or),children:[p&&oo(Cn,{children:[F(Se,{children:p}),i&&F(Ae,{})]}),F(ce,{placeholder:c,value:u}),F(Y,{valid:k,invalid:m,loading:h,disabled:S}),F(ne,{loading:h,disabled:S}),F(de,{loading:h,disabled:S,readonly:B,value:u}),l&&oo(Cn,{children:[i&&F(Ae,{}),F(Ee,{children:l})]}),F(d,{className:"k-input-button",icon:"caret-alt-down",rounded:null,size:t,fillMode:s})]}),T&&C&&F(D,{className:"k-list-container k-combobox-popup",children:C}),$&&F(j,{adaptive:!0,...ze,header:F(ae,{actionsEnd:F(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),input:!0,inputValue:u,inputPlaceholder:c,title:Kt,subtitle:_t}),children:F("div",{className:"k-list-container",children:oo(_,{customValue:yo?F(Je,{text:`Use "${u}"`}):void 0,size:"large",children:[F(I,{text:"List item"}),F(I,{text:"List item"}),F(I,{text:"List item"})]})})})]})};Be.states=np;Be.options=ap;Be.className=Or;Be.defaultOptions=no;Be.moduleName=Tn;Be.folderName=Ar;import{jsx as $E}from"react/jsx-runtime";import{jsx as WE,jsxs as ZE}from"react/jsx-runtime";import{jsx as tv,jsxs as ov}from"react/jsx-runtime";import{jsx as iv,jsxs as lv}from"react/jsx-runtime";import{jsx as cv}from"react/jsx-runtime";import{Fragment as xv,jsx as Lv}from"react/jsx-runtime";import{Fragment as vv,jsx as Ev}from"react/jsx-runtime";import{jsx as Av,jsxs as Ov}from"react/jsx-runtime";import{Fragment as zv,jsx as _v,jsxs as Pv}from"react/jsx-runtime";var An="menu-button",yr=An;import{Fragment as ip,jsx as Rr,jsxs as lp}from"react/jsx-runtime";var Br="k-menu-button",rp=[a.hover,a.focus,a.active,a.selected,a.disabled],sp={size:[r.small,r.medium,r.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[f.solid,f.flat,f.outline,f.clear,f.link],themeColor:[b.base,b.primary,b.secondary,b.tertiary,b.success,b.warning,b.error,b.info,b.light,b.dark,b.inverse]},lt={size:r.medium,rounded:x.medium,fillMode:f.solid,themeColor:b.base,showArrow:!0,arrowIconName:"caret-alt-down"},q=e=>{let{size:t=lt.size,rounded:o=lt.rounded,fillMode:s=lt.fillMode,themeColor:i=lt.themeColor,hover:p,focus:l,active:u,selected:c,disabled:N,icon:L,text:k,showArrow:m=lt.showArrow,arrowIconName:M=lt.arrowIconName,popup:h,opened:S,...C}=e;return lp(ip,{children:[Rr(d,{...C,className:n(e.className,Br),text:k,size:t,rounded:o,fillMode:s,themeColor:i,hover:p,focus:l,active:u,selected:c,disabled:N,icon:L,showArrow:m,arrowIconName:M}),S&&h&&Rr(D,{className:"k-menu-popup",children:h})]})};q.states=rp;q.options=sp;q.className=Br;q.defaultOptions=lt;q.moduleName=An;q.folderName=yr;import{jsx as rg}from"react/jsx-runtime";import{jsx as pg}from"react/jsx-runtime";import{jsx as ug}from"react/jsx-runtime";var ee="menu",pe=ee;import{Fragment as dp,jsx as gt,jsxs as Kr}from"react/jsx-runtime";var yn="k-menu-item",pp=[a.hover,a.focus,a.active,a.selected,a.disabled],mp={},_r={iconPosition:"before"},Le=e=>{let{hover:t,focus:o,active:s,selected:i,disabled:p,icon:l,text:u,first:c,last:N,showArrow:L,arrowIconName:k,iconPosition:m=_r.iconPosition,dir:M,children:h,...S}=e,C=gt(dp,{});h&&h.forEach(B=>{if(B.type==="MenuItemContent"){C.props.children.push(B);return}});let T=k;return T||(T=M==="rtl"?"caret-alt-left":"caret-alt-right"),Kr("li",{...S,className:n(e.className,yn,"k-item",g(yn,{focus:o,disabled:p,hover:t,active:s,selected:i}),{"k-first":c,"k-last":N}),children:[Kr("span",{className:n("k-link k-menu-link"),children:[l&&m==="before"&>(v,{className:"k-menu-link-icon",icon:l}),gt("span",{className:"k-menu-link-text",children:u}),l&&m==="after"&>(v,{className:"k-menu-link-icon",icon:l}),L&>("span",{className:"k-menu-expand-arrow",children:gt(v,{icon:T})})]}),C]})};Le.states=pp;Le.options=mp;Le.className=yn;Le.defaultOptions=_r;Le.moduleName=ee;Le.folderName=pe;import{Fragment as fp,jsx as It,jsxs as Pr}from"react/jsx-runtime";var Rn="k-menu-item",cp=[a.hover,a.focus,a.active,a.selected,a.disabled],up={},Bn={dir:"ltr",iconPosition:"before"},me=e=>{let{hover:t,focus:o,active:s,selected:i,disabled:p,icon:l,text:u,first:c,last:N,showArrow:L,arrowIconName:k,iconPosition:m=Bn.iconPosition,dir:M=Bn.dir,children:h,popup:S,...C}=e,T=It(fp,{});h&&h.forEach($=>{if($.type==="MenuListItemContent"){T.props.children.push($);return}});let B=k;return B||(B=M==="rtl"?"caret-alt-left":"caret-alt-right"),Pr("li",{...C,className:n(e.className,Rn,"k-item",g(Rn,{focus:o,disabled:p}),{"k-first":c,"k-last":N}),children:[Pr("span",{className:n("k-link k-menu-link",g("k-menu-link",{hover:t,active:s,selected:i,disabled:p})),children:[l&&m==="before"&&It(v,{className:"k-menu-link-icon",icon:l}),It("span",{className:"k-menu-link-text",children:u}),l&&m==="after"&&It(v,{className:"k-menu-link-icon",icon:l}),L&&It("span",{className:"k-menu-expand-arrow",children:It(v,{icon:B})})]}),T,S]})};me.states=cp;me.options=up;me.className=Rn;me.defaultOptions=Bn;me.moduleName=ee;me.folderName=pe;import{jsx as xp}from"react/jsx-runtime";var zr="k-menu-scroll-wrapper",bp=[],Np={},Lp={},pt=e=>{let{className:t,children:o,orientation:s,...i}=e;return xp("div",{...i,className:n(t,zr,{"k-menu-scroll-wrapper-vertical":s==="vertical"}),children:o})};pt.states=bp;pt.options=Np;pt.className=zr;pt.defaultOptions=Lp;pt.moduleName=ee;pt.folderName=pe;var wr=pt;import{Fragment as Kn,jsx as mt,jsxs as Io}from"react/jsx-runtime";var _n="k-menu",Mp=[],hp={},To={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},xe=e=>{let{children:t,orientation:o=To.orientation,header:s=To.header,scrollable:i,scrollButtonsPosition:p=To.scrollButtonsPosition,wrapperStyles:l,dir:u,popup:c,...N}=e,L={horizontal:{prev:u!=="rtl"?"left":"right",next:u!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},k=mt("ul",{dir:u,...N,className:n(e.className,"k-reset",_n,{[`${_n}-${o}`]:o,"k-header":s}),children:t});return Io(Kn,{children:[i?Io(wr,{orientation:o,style:l,dir:e.dir,children:[p==="start"&&Io(Kn,{children:[mt(d,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${L[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev"}),mt(d,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${L[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next"})]}),p==="around"&&mt(d,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${L[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev"}),k,p==="end"&&Io(Kn,{children:[mt(d,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${L[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev"}),mt(d,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${L[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next"})]}),p==="around"&&mt(d,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${L[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next"})]}):k,c]})};xe.states=Mp;xe.options=hp;xe.className=_n;xe.defaultOptions=To;xe.moduleName=ee;xe.folderName=pe;import{jsx as kp}from"react/jsx-runtime";var Pn="k-separator",Hr={orientation:"horizontal"},dt=e=>{let{orientation:t=Hr.orientation,...o}=e;return kp("li",{...o,className:n(e.className,"k-item",Pn,{[`${Pn}-${t}`]:t})})};dt.className=Pn;dt.defaultOptions=Hr;dt.moduleName=ee;dt.folderName=pe;import{Fragment as Gg,jsx as Ug}from"react/jsx-runtime";import{jsx as Dr}from"react/jsx-runtime";import{createElement as vp}from"react";var zn="k-menu-group",Sp=[],Ep={size:[r.small,r.medium,r.large]},wn={size:r.medium,dir:"ltr"},Ke=e=>{let{children:t,size:o=wn.size,dir:s=wn.dir,...i}=e,p=[];return t&&Array.isArray(t)&&t.map((l,u)=>{l.type===me?p.push(vp(me,{...l.props,dir:s,key:u})):l.type===dt?p.push(Dr(dt,{})):p.push(l)}),Dr("ul",{...i,className:n(e.className,zn,E(zn,{size:o})),children:p})};Ke.states=Sp;Ke.options=Ep;Ke.className=zn;Ke.defaultOptions=wn;Ke.moduleName=ee;Ke.folderName=pe;import{Fragment as eI,jsx as jg,jsxs as tI}from"react/jsx-runtime";import{Fragment as lI,jsx as sI,jsxs as iI}from"react/jsx-runtime";import{Fragment as uI,jsx as cI,jsxs as fI}from"react/jsx-runtime";import{Fragment as MI,jsx as xI,jsxs as hI}from"react/jsx-runtime";import{Fragment as gI,jsx as vI,jsxs as II}from"react/jsx-runtime";import{jsx as $I,jsxs as XI}from"react/jsx-runtime";var Hn="split-button",Fr=Hn;import{Fragment as Tp,jsx as Dn,jsxs as Gr}from"react/jsx-runtime";var Fn="k-split-button",gp=[a.hover,a.focus,a.active,a.selected,a.disabled],Ip={size:[r.small,r.medium,r.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[f.solid,f.flat,f.outline,f.clear,f.link],themeColor:[b.base,b.primary,b.secondary,b.tertiary,b.success,b.warning,b.error,b.info,b.light,b.dark,b.inverse]},Tt={size:r.medium,rounded:x.medium,fillMode:f.solid,themeColor:b.base,arrowIconName:"caret-alt-down"},U=e=>{let{size:t=Tt.size,rounded:o=Tt.rounded,fillMode:s=Tt.fillMode,themeColor:i=Tt.themeColor,hover:p,focus:l,active:u,selected:c,disabled:N,icon:L,text:k,arrowIconName:m=Tt.arrowIconName,popup:M,opened:h,...S}=e;return Gr(Tp,{children:[Gr("div",{...S,className:n(e.className,Fn,"k-button-group",E(Fn,{rounded:o})),children:[Dn(d,{text:k,icon:L,size:t,rounded:o,fillMode:s,themeColor:i,hover:p,focus:l,active:u,selected:c,disabled:N,children:e.children}),Dn(d,{className:"k-split-button-arrow",icon:m,size:t,rounded:o,fillMode:s,disabled:N})]}),h&&M&&Dn(D,{className:"k-menu-popup",children:M})]})};U.states=gp;U.options=Ip;U.className=Fn;U.defaultOptions=Tt;U.moduleName=Hn;U.folderName=Fr;var Gn=U;import{jsx as Ap}from"react/jsx-runtime";var Cp="k-toolbar-separator",W=e=>Ap("div",{className:n(Cp,e.className,"k-separator")});var _e="toolbar",Ze=_e;import{Fragment as Un,jsx as O,jsxs as Ct}from"react/jsx-runtime";var Pe="k-toolbar",Op=[a.focus],yp={size:[r.small,r.medium,r.large],fillMode:[f.solid,f.outline,f.flat]},$n={size:r.medium,fillMode:f.solid,scrollButtons:"around"},te=e=>{let{size:t=$n.size,fillMode:o=$n.fillMode,focus:s,resizable:i,scrollable:p,scrollButtons:l,scrollingPosition:u,section:c,...N}=e,L=[],k=(m,M)=>{let h=[];if(m.type===d&&m.props.className&&m.props.className.includes("k-toolbar-overflow-button"))h.push(O(d,{...m.props,className:`${m.props.className?m.props.className:""}`},`${M}-${new Date().getTime()}`));else if(m.type===d)h.push(O(d,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${M}-${new Date().getTime()}`));else if(m.type===Ho)h.push(O(Ho,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${M}-${new Date().getTime()}`));else if(m.type===po)h.push(O(po,{...m.props,className:`k-toolbar-button ${m.props.className?m.props.className:""}`},`${M}-${new Date().getTime()}`));else if(m.type===q)h.push(O(q,{...m.props,className:`k-toolbar-menu-button ${m.props.className?m.props.className:""}`},`${M}-${new Date().getTime()}`));else if(m.type===Gn)h.push(O(Gn,{...m.props,className:`k-toolbar-split-button ${m.props.className?m.props.className:""}`},`${M}-${new Date().getTime()}`));else if(m.type===P||m.props.className&&m.props.className.includes("k-button-group")){let S=[];(Array.isArray(m.props.children)?m.props.children:[m.props.children]).forEach((T,B)=>{S.push(O(d,{...T.props,className:`${T.props.className?T.props.className:""}`},`${B}-${new Date().getTime()}`))}),h.push(O(P,{...m.props,className:`k-toolbar-button-group ${m.props.className?m.props.className:""}`,children:S},`${M}-${new Date().getTime()}`))}else m.type===Be?h.push(O(Be,{...m.props,className:`k-toolbar-combobox ${m.props.className?m.props.className:""}`},`${M}-${new Date().getTime()}`)):m.type===z?h.push(O(z,{...m.props,className:`k-toolbar-dropdownlist ${m.props.className?m.props.className:""}`},`${M}-${new Date().getTime()}`)):m.type===Ne?h.push(O(Ne,{...m.props,className:`k-toolbar-colorpicker ${m.props.className?m.props.className:""}`},`${M}-${new Date().getTime()}`)):h.push(m);h.forEach(S=>{L.push(S)})};return e.children&&(Array.isArray(e.children)?e.children:[e.children]).forEach((M,h)=>{k(M,h)}),Ct("div",{...N,className:n(e.className,Pe,E(Pe,{size:t,fillMode:o}),g(Pe,{focus:s}),{[`${Pe}-resizable`]:i,[`${Pe}-scrollable`]:p,[`${Pe}-scrollable-overlay`]:p&&l==="hidden",[`${Pe}-scrollable-${u}`]:u&&u!=="both",[`${Pe}-section`]:c}),children:[!p&&L,p&&l==="hidden"&&O("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L}),p&&l==="start"&&Ct(Un,{children:[Ct(P,{children:[O("span",{className:n("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o,themeColor:b.base,rounded:x.medium}),"k-icon-button"),children:O(v,{className:"k-button-icon",icon:"caret-alt-left"})}),O("span",{className:n("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o,themeColor:b.base,rounded:x.medium}),"k-icon-button"),children:O(v,{className:"k-button-icon",icon:"caret-alt-right"})})]}),O(W,{className:"k-toolbar-button-separator"}),O("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L})]}),p&&l==="end"&&Ct(Un,{children:[O("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L}),O(W,{className:"k-toolbar-button-separator"}),Ct(P,{children:[O("span",{className:n("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o,themeColor:b.base,rounded:x.medium}),"k-icon-button"),children:O(v,{className:"k-button-icon",icon:"caret-alt-left"})}),O("span",{className:n("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o,themeColor:b.base,rounded:x.medium}),"k-icon-button"),children:O(v,{className:"k-button-icon",icon:"caret-alt-right"})})]})]}),p&&(l==="around"||!l)&&Ct(Un,{children:[O("span",{className:n("k-toolbar-prev","k-button",E("k-button",{size:t,fillMode:o,themeColor:b.base,rounded:x.medium}),"k-icon-button"),children:O(v,{className:"k-button-icon",icon:"caret-alt-left"})}),O(W,{className:"k-toolbar-button-separator"}),O("div",{className:"k-toolbar-items k-toolbar-items-scroll",children:L}),O(W,{className:"k-toolbar-button-separator"}),O("span",{className:n("k-toolbar-next","k-button",E("k-button",{size:t,fillMode:o,themeColor:b.base,rounded:x.medium}),"k-icon-button"),children:O(v,{className:"k-button-icon",icon:"caret-alt-right"})})]})]})};te.states=Op;te.options=yp;te.className=Pe;te.defaultOptions=$n;te.moduleName=_e;te.folderName=Ze;import{jsx as _p}from"react/jsx-runtime";var Ur="k-floating-toolbar",Rp=[],Bp={},Kp={},At=e=>{let{...t}=e;return _p("div",{...t,className:n(e.className,Ur),children:e.children})};At.states=Rp;At.options=Bp;At.className=Ur;At.defaultOptions=Kp;At.moduleName=_e;At.folderName=Ze;import{jsx as Hp}from"react/jsx-runtime";var Xn="k-toolbar-item",Pp=[a.focus],zp={},wp={},Me=e=>{let{focus:t,...o}=e;return Hp("div",{...o,className:n(e.className,Xn,g(Xn,{focus:t})),children:e.children})};Me.states=Pp;Me.options=zp;Me.className=Xn;Me.defaultOptions=wp;Me.moduleName=_e;Me.folderName=Ze;import{jsx as $r}from"react/jsx-runtime";var Xr="k-toolbar-popup",Dp=[],Fp={size:[r.small,r.medium,r.large],fillMode:[f.solid,f.outline,f.flat]},Vn={size:r.medium,fillMode:f.solid},Ot=e=>{let{size:t=Vn.size,fillMode:o=Vn.fillMode,section:s,...i}=e;return $r(D,{...i,className:n(e.className,Xr),children:s?$r("span",{className:n("k-toolbar-items-list",E("k-toolbar-items-list",{size:t,fillMode:o})),children:e.children}):e.children})};Ot.states=Dp;Ot.options=Fp;Ot.className=Xr;Ot.defaultOptions=Vn;Ot.moduleName=_e;Ot.folderName=Ze;import{jsx as wT}from"react/jsx-runtime";import{jsx as GT}from"react/jsx-runtime";import{jsx as VT}from"react/jsx-runtime";import{jsx as QT,jsxs as YT}from"react/jsx-runtime";import{jsx as cC,jsxs as uC}from"react/jsx-runtime";import{jsx as SC,jsxs as EC}from"react/jsx-runtime";import{jsx as yC,jsxs as RC}from"react/jsx-runtime";import{jsx as DC,jsxs as FC}from"react/jsx-runtime";import{Fragment as eA,jsx as YC,jsxs as jC}from"react/jsx-runtime";import{jsx as oe}from"react/jsx-runtime";var Vr="k-imageeditor-toolbar",Gp=[],Up={},$p=[oe(d,{icon:"upload"},"toolbar-button-1"),oe(d,{disabled:!0,icon:"download"},"toolbar-button-2"),oe(W,{},"toolbar-separator-1"),oe(d,{disabled:!0,icon:"undo"},"toolbar-button-3"),oe(d,{disabled:!0,icon:"redo"},"toolbar-button-4"),oe(W,{},"toolbar-separator-2"),oe(d,{disabled:!0,icon:"crop"},"toolbar-button-5"),oe(d,{disabled:!0,icon:"image-resize"},"toolbar-button-6"),oe(d,{disabled:!0,icon:"zoom-in"},"toolbar-button-7"),oe(d,{disabled:!0,icon:"zoom-out"},"toolbar-button-8"),oe(Me,{children:oe(z,{disabled:!0,value:"Zoom options"})},"toolbar-item-1")],Jr={toolbarItems:$p},yt=e=>{let{toolbarItems:t=Jr.toolbarItems,...o}=e;return oe(te,{...o,className:n(e.className,Vr),children:t})};yt.states=Gp;yt.options=Up;yt.className=Vr;yt.defaultOptions=Jr;var qr="image-editor",Wr="imageeditor";import{jsx as ao,jsxs as Zr}from"react/jsx-runtime";var Qr="k-imageeditor",Xp=[],Vp={},Jp={},Te=e=>{let{toolbarItems:t,actionPane:o,contentHeight:s,children:i,...p}=e;return Zr("div",{...p,className:n(e.className,Qr),children:[ao("div",{className:"k-imageeditor-header",children:ao(yt,{toolbarItems:t})}),Zr("div",{className:"k-imageeditor-content",style:{height:s},children:[ao("div",{className:"k-imageeditor-canvas-container",children:ao("div",{className:"k-imageeditor-canvas",children:i})}),o&&ao("div",{className:"k-imageeditor-action-pane",children:o})]})]})};Te.states=Xp;Te.options=Vp;Te.className=Qr;Te.defaultOptions=Jp;Te.moduleName=qr;Te.folderName=Wr;import{jsx as CA}from"react/jsx-runtime";import{jsx as ro,jsxs as Jn}from"react/jsx-runtime";var qn="k-form-field",qp=[a.disabled],H=e=>{let{label:t,orientation:o,optional:s,editor:i,hint:p,error:l,info:u,disabled:c,dir:N,colSpan:L}=e;return Jn("div",{className:n(qn,e.className,g(qn,{disabled:c}),{[`k-col-span-${L}`]:L}),dir:N,children:[t&&Jn("label",{className:n("k-label","k-form-label"),children:[t,s&&ro("span",{className:"k-label-optional",children:"(Optional)"}),u&&ro("span",{className:"k-field-info",children:"(field info)"})]}),o==="horizontal"&&!t&&ro("span",{className:"k-label k-form-label k-label-empty"}),Jn("div",{className:"k-form-field-wrap",children:[i,p&&ro("div",{className:"k-form-hint",children:p}),l&&ro("div",{className:"k-form-error",children:l})]})]})};H.states=qp;H.className=qn;import{Fragment as Wp,jsx as Wn,jsxs as Zp}from"react/jsx-runtime";var Yr="k-form-fieldset",he=e=>{let{legend:t,layout:o,cols:s,gutters:i,colSpan:p}=e;return Zp("fieldset",{className:n(Yr,{[`k-col-span-${p}`]:p}),children:[t&&Wn("legend",{className:"k-form-legend",children:t}),o==="grid"?Wn("div",{className:n("k-form-layout","k-d-grid",{[`k-grid-cols-${s}`]:s}),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}):Wn(Wp,{children:e.children})]})};he.className=Yr;var jr="form",es="forms";import{Fragment as jp,jsx as so,jsxs as em}from"react/jsx-runtime";import{createElement as Zn}from"react";var Co="k-form",Qp=[],Yp={size:[r.small,r.medium,r.large]},Ao={size:r.medium,layout:"basic",tag:"form"},Ce=e=>{let{size:t=Ao.size,orientation:o,layout:s=Ao.layout,formButtons:i,cols:p,gutters:l,tag:u=Ao.tag,children:c}=e,N=({tag:k,className:m,children:M})=>k==="form"?so("form",{className:m,children:M}):so("div",{className:m,children:M}),L=[];return c&&(Array.isArray(c)?c.map((k,m)=>{k.type===H?L.push(Zn(H,{...k.props,orientation:o,key:m})):L.push(k)}):c.type===H?L.push(Zn(H,{...c.props,orientation:o,key:`${new Date().getTime()}`})):c.type===he&&L.push(Zn(he,{...c.props,key:`${new Date().getTime()}`}))),em(N,{tag:u,className:n(e.className,Co,E(Co,{size:t}),{[`${Co}-${o}`]:o}),children:[s==="grid"?so("div",{className:n("k-form-layout","k-d-grid",{[`k-grid-cols-${p}`]:p}),style:{...typeof l=="string"&&{gap:l},...typeof l=="object"&&l.rows&&{rowGap:l.rows},...typeof l=="object"&&l.cols&&{columnGap:l.cols}},children:L}):so(jp,{children:L}),i&&so("div",{className:"k-form-buttons",children:i})]})};Ce.states=Qp;Ce.options=Yp;Ce.className=Co;Ce.defaultOptions=Ao;Ce.moduleName=jr;Ce.folderName=es;var ct="radio",Rt=ct;import{jsx as ts}from"react/jsx-runtime";var Oo="k-radio",tm=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.checked],om={size:[r.small,r.medium,r.large]},os={size:r.medium},ke=e=>{let{id:t,checked:o,hover:s,focus:i,disabled:p,invalid:l,valid:u,required:c,size:N=os.size,...L}=e;return ts("span",{className:"k-radio-wrap",children:ts("input",{...L,id:t,type:"radio",checked:o,required:c,className:n(e.className,Oo,E(Oo,{size:N}),g(Oo,{hover:s,focus:i,disabled:p,invalid:l,valid:u,checked:o}))})})};ke.states=tm;ke.options=om;ke.className=Oo;ke.defaultOptions=os;ke.moduleName=ct;ke.folderName=Rt;import{jsx as rm}from"react/jsx-runtime";var ns="k-radio-list",nm=[],am={},as={layout:"vertical"},Qe=e=>{let{layout:t=as.layout,...o}=e;return rm("ul",{...o,className:n(e.className,ns,{[`k-list-${t}`]:t}),children:e.children})};Qe.states=nm;Qe.options=am;Qe.className=ns;Qe.defaultOptions=as;Qe.moduleName=ct;Qe.folderName=Rt;import{jsx as pm}from"react/jsx-runtime";var rs="k-radio-list-item",sm=[],im={},lm={},Ye=e=>{let{...t}=e;return pm("li",{...t,className:n(e.className,rs),children:e.children})};Ye.states=sm;Ye.options=im;Ye.className=rs;Ye.defaultOptions=lm;Ye.moduleName=ct;Ye.folderName=Rt;import{jsx as rO}from"react/jsx-runtime";import{Fragment as mO,jsx as pO,jsxs as dO}from"react/jsx-runtime";import{Fragment as NO,jsx as bO,jsxs as LO}from"react/jsx-runtime";import{Fragment as EO,jsx as kO,jsxs as SO}from"react/jsx-runtime";import{Fragment as CO,jsx as TO,jsxs as AO}from"react/jsx-runtime";import{Fragment as KO,jsx as BO,jsxs as _O}from"react/jsx-runtime";import{Fragment as dm,jsx as Z,jsxs as Bt}from"react/jsx-runtime";var Yn=({size:e,...t})=>Z(Ce,{formButtons:Bt(dm,{children:[Z(d,{className:"k-form-submit",themeColor:"primary",size:e,children:"Submit"}),Z(d,{className:"k-form-clear",size:e,children:"Clear"})]}),children:Bt(he,{legend:"Form Legend",children:[Z(H,{label:"Label",editor:Z(X,{size:e})}),Z(H,{label:"Label",hint:"Hint text",editor:Z(z,{value:"Dropdown List",size:e})}),Z(H,{label:"City",editor:Bt("ul",{className:"k-radio-list k-list-horizontal",children:[Bt("li",{className:"k-radio-list-item",children:[Z(ke,{checked:!0,size:e}),Z("label",{className:"k-radio-label",children:"Label"})]}),Bt("li",{className:"k-radio-list-item",children:[Z(ke,{size:e}),Z("label",{className:"k-radio-label",children:"Label"})]}),Bt("li",{className:"k-radio-list-item",children:[Z(ke,{size:e}),Z("label",{className:"k-radio-label",children:"Label"})]})]})})]}),size:e,...t});import{Fragment as iy,jsx as sy,jsxs as ly}from"react/jsx-runtime";import{Fragment as by,jsx as fy,jsxs as Ny}from"react/jsx-runtime";import{Fragment as _y,jsx as Ky,jsxs as Py}from"react/jsx-runtime";import{Fragment as cm,jsx as y,jsxs as ss}from"react/jsx-runtime";var Qy=e=>y(Te,{toolbarItems:[y(d,{icon:"upload"},"toolbar-button-1"),y(d,{icon:"download"},"toolbar-button-2"),y(W,{},"toolbar-separator-1"),y(d,{disabled:!0,icon:"undo"},"toolbar-button-3"),y(d,{disabled:!0,icon:"redo"},"toolbar-button-4"),y(W,{},"toolbar-separator-2"),y(d,{icon:"crop"},"toolbar-button-5"),y(d,{icon:"image-resize"},"toolbar-button-6"),y(d,{icon:"zoom-in"},"toolbar-button-7"),y(d,{icon:"zoom-out"},"toolbar-button-8"),y(Me,{children:y(z,{value:"Zoom options"})},"toolbar-item-1")],actionPane:y(Yn,{tag:"div",className:"k-imageeditor-pane-form",formButtons:ss(cm,{children:[y(d,{themeColor:"primary",icon:"check",children:"Confirm"}),y(d,{icon:"cancel-outline",children:"Cancel"})]}),children:ss(he,{layout:"grid",legend:"Resize Image",cols:2,gutters:{cols:"8px"},children:[y(H,{colSpan:"1",label:"Width:",editor:y(K,{showClearButton:!1,value:"61"})}),y(H,{colSpan:"1",label:"\xA0",editor:y(z,{value:"Pixels"})}),y(H,{colSpan:"1",label:"Height:",editor:y(K,{showClearButton:!1,value:"68"})}),y(H,{colSpan:"1",label:"\xA0",editor:y(z,{value:"Pixels"})}),y(H,{colSpan:"2",editor:y(Nn,{children:"Lock aspect ratio"})})]})}),children:y("canvas",{width:"61",height:"68"}),...e});export{Qy as ImageEditorResize};