@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
1 lines • 74.4 kB
JavaScript
var s=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?s(...t):typeof t=="object"?Object.keys(t).map((o,n)=>t[n]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var I=(e,t)=>s({[`${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"}),S=(e,t)=>s({"k-valid":t.valid,"k-invalid":t.invalid,"k-hover":t.hover,"k-focus":t.focus,"k-checked":t.checked,"k-active":t.active,"k-selected":t.selected,"k-disabled":t.disabled,"k-indeterminate":t.indeterminate&&!t.checked,"k-loading":t.loading,"k-empty":t.empty,"k-readonly":t.readonly,"k-highlighted":t.highlighted});var r={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},h={small:"small",medium:"medium",large:"large",full:"full"},f={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},x={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"};import{Fragment as sn,jsx as Ca}from"react/jsx-runtime";var No="k-icon k-font-icon",tn=[],on={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.light,x.dark]},an={},kt=e=>{let{size:t,themeColor:o,icon:n,rotate:i,flip:l,...p}=e;return n?Ca("span",{...p,className:s(e.className,No,I(No,{size:t}),{[`k-i-${n}`]:n,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"})}):Ca(sn,{})};kt.states=tn;kt.options=on;kt.className=No;kt.defaultOptions=an;var Aa=kt;import{Fragment as ln,jsx as _t}from"react/jsx-runtime";var ko="k-icon k-svg-icon",nn=[],rn={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.light,x.dark]},Ta={viewBox:"0 0 24 24"},gt=e=>{let{size:t,themeColor:o,rotate:n,flip:i,viewBox:l=Ta.viewBox,icon:p,...m}=e;if(!p)return _t(ln,{});p==="none"&&{...m,className:s(e.className,ko,"k-none")};let u=typeof p=="object"&&p.name&&p.name;return _t("span",{...m,className:s(e.className,ko,I("k-icon",{size:t}),{[`k-svg-i-${u}`]:u,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),children:_t("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof p=="object"?p.viewBox:l,dangerouslySetInnerHTML:typeof p=="object"?{__html:p.content}:void 0,children:p?void 0:e.children})})};gt.states=nn;gt.options=rn;gt.className=ko;gt.defaultOptions=Ta;var go=gt;import*as Ba from"@progress/kendo-svg-icons";import{Fragment as Pa,jsx as vt}from"react/jsx-runtime";var pn=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),cn=[],dn={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.light,x.dark]},vo={viewBox:"0 0 24 24",type:"svg"},M=e=>{let{size:t,themeColor:o,icon:n,type:i=vo.type,rotate:l,flip:p,viewBox:m=vo.viewBox,...u}=e;if(!n)return vt(Pa,{});if(i==="svg"){if(n==="none")return vt(go,{...u,icon:n,size:t});let b=pn(`${n}-icon`);return Ba[b]?vt(go,{...u,icon:Ba[b],size:t,themeColor:o,rotate:l,flip:p,viewBox:m}):vt(Pa,{})}return vt(Aa,{...u,icon:n,size:t,themeColor:o,rotate:l,flip:p})};M.states=cn;M.options=dn;M.defaultOptions=vo;import{Fragment as fn,jsx as St,jsxs as za}from"react/jsx-runtime";var Ut="k-button",mn=[a.hover,a.focus,a.active,a.selected,a.disabled],un={size:[r.small,r.medium,r.large],rounded:[h.small,h.medium,h.large,h.full],fillMode:[f.solid,f.flat,f.outline,f.clear,f.link],themeColor:[x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.light,x.dark,x.inverse]},He={size:r.medium,rounded:h.medium,fillMode:f.solid,themeColor:x.base,showArrow:!1,arrowIconName:"caret-alt-down"},d=e=>{let{size:t=He.size,rounded:o=He.rounded,fillMode:n=He.fillMode,themeColor:i=He.themeColor,showArrow:l=He.showArrow,arrowIconName:p=He.arrowIconName,hover:m,focus:u,active:b,selected:N,disabled:v,icon:c,text:k,iconClassName:g,...L}=e,C=c!==void 0,T=e.children!==void 0;return za("button",{...L,className:s(e.className,Ut,I(Ut,{size:t,rounded:o,fillMode:n,themeColor:i}),S(Ut,{hover:m,focus:u,active:b,disabled:v,selected:N}),{"k-icon-button":!k&&!T&&C}),children:[c&&St(M,{className:s(g,"k-button-icon"),icon:c}),k?za(fn,{children:[k&&St("span",{className:"k-button-text",children:k}),e.children]}):e.children&&St("span",{className:"k-button-text",children:e.children}),l&&St("span",{className:"k-menu-button-arrow k-button-arrow",children:St(M,{icon:p})})]})};d.states=mn;d.options=un;d.className=Ut;d.defaultOptions=He;import{jsx as bn}from"react/jsx-runtime";var Ft=e=>bn(d,{icon:"folder",...e,children:void 0});import{jsx as xn}from"react/jsx-runtime";var So=e=>xn(d,{icon:"folder",children:"Button",...e});import{jsx as vp}from"react/jsx-runtime";import{jsx as kn}from"react/jsx-runtime";var Lt="k-button-group",hn=[a.disabled],Nn={fillMode:[f.solid,f.flat,f.outline,f.clear,f.link]},wa={fillMode:f.solid},w=e=>{let{fillMode:t=wa.fillMode,disabled:o,stretched:n,...i}=e;return kn("div",{...i,className:s(e.className,Lt,I(Lt,{fillMode:t}),S(Lt,{disabled:o}),{[`${Lt}-stretched`]:n}),children:e.children})};w.states=hn;w.options=Nn;w.className=Lt;w.defaultOptions=wa;import{Fragment as Op,jsx as Ep,jsxs as Kp}from"react/jsx-runtime";import{Fragment as Vp,jsx as $p,jsxs as _p}from"react/jsx-runtime";import{Fragment as Wp,jsx as qp,jsxs as Zp}from"react/jsx-runtime";import{Fragment as oc,jsx as tc,jsxs as ac}from"react/jsx-runtime";import{jsx as Sn}from"react/jsx-runtime";var Xt="k-input",gn=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],vn={size:[r.small,r.medium,r.large],rounded:[h.small,h.medium,h.large,h.full],fillMode:[f.solid,f.flat,f.outline]},Jt={size:r.medium,rounded:r.medium,fillMode:f.solid},E=e=>{let{hover:t,focus:o,disabled:n,invalid:i,valid:l,loading:p,readonly:m,size:u=Jt.size,rounded:b=Jt.rounded,fillMode:N=Jt.fillMode,...v}=e;return Sn("span",{...v,className:s(e.className,Xt,I(Xt,{size:u,rounded:b,fillMode:N}),S(Xt,{hover:t,focus:o,disabled:n,invalid:i,valid:l,loading:p,readonly:m}))})};E.states=gn;E.options=vn;E.className=Xt;E.defaultOptions=Jt;import{jsx as In}from"react/jsx-runtime";var qt="k-picker",Ln=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],Mn={size:[r.small,r.medium,r.large],rounded:[h.small,h.medium,h.large,h.full],fillMode:[f.solid,f.flat,f.outline]},Wt={size:r.medium,rounded:h.medium,fillMode:f.solid},se=e=>{let{hover:t,focus:o,disabled:n,invalid:i,valid:l,loading:p,readonly:m,size:u=Wt.size,rounded:b=Wt.rounded,fillMode:N=Wt.fillMode,...v}=e;return In("span",{...v,className:s(e.className,qt,I(qt,{size:u,rounded:b,fillMode:N}),S(qt,{hover:t,focus:o,disabled:n,invalid:i,valid:l,loading:p,readonly:m})),children:e.children})};se.states=Ln;se.options=Mn;se.className=qt;se.defaultOptions=Wt;import{Fragment as An,jsx as Lo}from"react/jsx-runtime";var Ea="k-clear-value",yn=[a.disabled,a.loading,a.readonly],Cn={},ne=e=>{let{disabled:t,loading:o,readonly:n,value:i}=e;return t||n||o||!i?Lo(An,{}):Lo("span",{className:s(e.className,Ea),children:Lo(M,{icon:"x"})})};ne.states=yn;ne.options=Cn;ne.className=Ea;import{jsx as Pn}from"react/jsx-runtime";var Mo="k-input-inner",Tn=[],Bn={},Zt={type:"text",autocomplete:"off",value:"",placeholder:""},re=e=>{let{value:t=Zt.value,type:o=Zt.type,placeholder:n=Zt.placeholder,autocomplete:i=Zt.autocomplete,...l}=e;return Pn("input",{...l,type:o,className:s(e.className,Mo,I(Mo,e)),placeholder:n,autoComplete:i,defaultValue:t})};re.states=Tn;re.options=Bn;re.className=Mo;import{jsx as Oa,jsxs as En}from"react/jsx-runtime";var Io="k-input-inner",zn=[],wn={},Ge=e=>{let{value:t,placeholder:o,showValue:n,valueIcon:i,valueIconName:l,...p}=e;return En("span",{...p,className:s(e.className,Io,I(Io,e)),children:[i,!i&&l&&Oa(M,{className:"k-input-value-icon",icon:l}),n&&!t&&o,n&&t&&Oa("span",{className:"k-input-value-text",children:t})]})};Ge.states=zn;Ge.options=wn;Ge.className=Io;import{jsx as Rn}from"react/jsx-runtime";var yo="k-input-inner",On=[],Kn={},Ka={value:"",placeholder:""},Co=e=>{let{value:t=Ka.value,placeholder:o=Ka.placeholder,rows:n,...i}=e;return Rn("textarea",{...i,className:s(e.className,yo,I(yo,e)),placeholder:o,rows:n,defaultValue:t})};Co.states=On;Co.options=Kn;Co.className=yo;import{Fragment as Gn,jsx as Ra}from"react/jsx-runtime";var Ha="k-input-loading-icon",Hn=[a.disabled,a.loading],Z=e=>{let{disabled:t,loading:o}=e;return t||!o?Ra(Gn,{}):Ra("span",{className:s(e.className,Ha,"k-icon k-i-loading")})};Z.states=Hn;Z.className=Ha;import{Fragment as Vn,jsx as Ga}from"react/jsx-runtime";var Da="k-input-validation-icon",Dn=[a.valid,a.invalid,a.disabled,a.loading],$n={},W=e=>{let{valid:t,invalid:o,disabled:n,loading:i}=e,l=o?"warning-circle":"check-circle";return n||i||!!!(t||o)?Ga(Vn,{}):Ga(M,{className:s(Da),icon:l})};W.states=Dn;W.options=$n;W.className=Da;import{Fragment as Fn,jsx as $a}from"react/jsx-runtime";var _n="k-input-prefix",Un={direction:"horizontal"},pe=e=>{let{direction:t=Un.direction,...o}=e;return e.children?$a("span",{...o,className:s(_n,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):$a(Fn,{})};import{Fragment as qn,jsx as Va}from"react/jsx-runtime";var Xn="k-input-suffix",Jn={direction:"horizontal"},ce=e=>{let{direction:t=Jn.direction,...o}=e;return e.children?Va("span",{...o,className:s(Xn,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Va(qn,{})};import{jsx as Xc}from"react/jsx-runtime";import{jsx as Zc}from"react/jsx-runtime";import{jsx as Zn}from"react/jsx-runtime";var _a="k-input-separator",Wn={direction:"vertical"},xe=e=>{let{direction:t=Wn.direction,...o}=e;return Zn("span",{...o,className:s(_a,e.className,{[`${_a}-${t}`]:t})})};import{jsx as Ua}from"react/jsx-runtime";var Fa="k-animation-container",Qn=[],Yn={},Xa={positionMode:"absolute"},Ce=e=>{let{positionMode:t=Xa.positionMode,animationStyle:o,offset:n,...i}=e;return Ua("div",{...i,style:{...n,...e.style},className:s(e.className,Fa,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Ua("div",{className:"k-child-animation-container",style:o,children:e.children})})};Ce.states=Qn;Ce.options=Yn;Ce.className=Fa;Ce.defaultOptions=Xa;import{jsx as Ja}from"react/jsx-runtime";var qa="k-popup",jn=[],er={},Wa={positionMode:"absolute"},D=e=>{let{offset:t,positionMode:o=Wa.positionMode,animationStyle:n,...i}=e;return Ja(Ce,{positionMode:o,offset:t,animationStyle:n,children:Ja("div",{...i,className:s(e.className,qa),children:e.children})})};D.states=jn;D.options=er;D.className=qa;D.defaultOptions=Wa;import{jsx as ar}from"react/jsx-runtime";var Qt="k-actions",tr=[],or={},Ao={alignment:"start",orientation:"horizontal"},he=e=>{let{alignment:t=Ao.alignment,orientation:o=Ao.orientation,...n}=e;return ar("div",{...n,className:s(Qt,{[`${Qt}-${t}`]:t,[`${Qt}-${o}`]:o},e.className),children:e.children})};he.states=tr;he.options=or;he.className=Qt;he.defaultOptions=Ao;var Za=he;import{jsx as nr}from"react/jsx-runtime";var sr="k-actionsheet-footer",Qa={alignment:"stretched",orientation:"horizontal"},Mt=e=>{let{alignment:t=Qa.alignment,orientation:o=Qa.orientation,template:n,as:i=n?"div":he,...l}=e;return nr(i,{...l,...!n&&{alignment:t,orientation:o},className:s(e.className,sr),children:e.children})};import{jsx as It,jsxs as lr}from"react/jsx-runtime";var Ya="k-searchbox",rr=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading],ir={size:[r.small,r.medium,r.large],rounded:[h.small,h.medium,h.large,h.full],fillMode:[f.solid,f.flat,f.outline]},To={showIcon:!0,icon:"search",size:E.defaultOptions.size,rounded:E.defaultOptions.rounded,fillMode:E.defaultOptions.fillMode},Ne=e=>{let{value:t,placeholder:o,size:n,rounded:i,fillMode:l,hover:p,focus:m,valid:u,invalid:b,required:N,loading:v,disabled:c,showIcon:k=To.showIcon,icon:g=To.icon,...L}=e;return lr(E,{...L,size:n,rounded:i,fillMode:l,hover:p,focus:m,valid:u,invalid:b,required:N,loading:v,disabled:c,className:s(e.className,Ya),children:[k&&It(M,{className:"k-input-icon",icon:g}),It(re,{placeholder:o,value:t}),It(Z,{...e}),It(W,{...e}),It(ne,{...e})]})};Ne.states=rr;Ne.options=ir;Ne.className=Ya;Ne.defaultOptions=To;import{jsx as _d}from"react/jsx-runtime";import{Fragment as ja,jsx as Ae,jsxs as Bo}from"react/jsx-runtime";var es="k-textbox",pr=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],cr={size:[r.small,r.medium,r.large],rounded:[h.small,h.medium,h.large,h.full],fillMode:[f.solid,f.flat,f.outline]},De={showClearButton:!0,showValidationIcon:!0,size:E.defaultOptions.size,rounded:E.defaultOptions.rounded,fillMode:E.defaultOptions.fillMode,separators:!0},de=e=>{let{size:t=De.size,rounded:o=De.rounded,fillMode:n=De.fillMode,separators:i=De.separators,showClearButton:l=De.showClearButton,showValidationIcon:p=De.showValidationIcon,prefix:m,suffix:u,type:b,value:N,placeholder:v,hover:c,focus:k,valid:g,invalid:L,required:C,loading:T,disabled:z,readonly:G,...U}=e;return Bo(E,{...U,size:t,rounded:o,fillMode:n,hover:c,focus:k,valid:g,invalid:L,required:C,loading:T,disabled:z,readonly:G,className:s(e.className,es),children:[m&&Bo(ja,{children:[Ae(pe,{children:m}),i&&Ae(xe,{})]}),Ae(re,{placeholder:v,value:N,type:b}),p&&Ae(W,{valid:g,invalid:L,loading:T,disabled:z}),Ae(Z,{loading:T,disabled:z}),l&&Ae(ne,{loading:T,disabled:z,readonly:G,value:N}),u&&Bo(ja,{children:[i&&Ae(xe,{}),Ae(ce,{children:u})]})]})};de.states=pr;de.options=cr;de.className=es;de.defaultOptions=De;import{jsx as em}from"react/jsx-runtime";import{Fragment as rm,jsx as nm}from"react/jsx-runtime";import{Fragment as um,jsx as mm}from"react/jsx-runtime";import{jsx as Te,jsxs as Po}from"react/jsx-runtime";var os="k-actionsheet-titlebar",dr={},Q=e=>{let{title:t,subtitle:o,actionsStart:n,actionsEnd:i,filter:l,input:p,inputValue:m,inputPlaceholder:u,adaptive:b,children:N,...v}=e;return Po("div",{...v,className:s(e.className,os),children:[Po("div",{className:"k-actionsheet-titlebar-group",children:[n&&Te("div",{className:"k-actionsheet-actions",children:n}),!N&&Po("div",{className:"k-actionsheet-title",children:[t&&Te("div",{className:"k-text-center",children:t}),o&&Te("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),N&&Te("div",{className:"k-actionsheet-title",children:N}),i&&Te("div",{className:"k-actionsheet-actions",children:i})]}),(p||l)&&Te("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?Te(de,{value:m,placeholder:u,size:b?"large":"medium"}):Te(Ne,{placeholder:"Filter",size:b?"large":"medium"})})]})};Q.className=os;Q.defaultOptions=dr;import{jsx as zo,jsxs as br}from"react/jsx-runtime";var wo="k-actionsheet-view",mr=[],ur={},fr={},Ye=e=>{let{adaptive:t,animated:o,children:n,header:i,footer:l,...p}=e,m=i?.type===Q&&zo(Q,{adaptive:t,...i?.props}),u=l?.type===Mt&&zo(Mt,{...l?.props});return br("div",{...p,className:s(e.className,wo,{[`${wo}-animated`]:o}),children:[m,zo("div",{className:"k-actionsheet-content",children:n}),u]})};Ye.states=mr;Ye.options=ur;Ye.className=wo;Ye.defaultOptions=fr;import{jsx as Yt,jsxs as Nr}from"react/jsx-runtime";var as="k-actionsheet",xr=[],hr={},yt={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},ie=e=>{let{side:t=yt.side,fullscreen:o=yt.fullscreen,adaptive:n=yt.adaptive,overlay:i=yt.overlay,template:l,children:p,header:m,footer:u,...b}=e;return Nr("div",{className:"k-actionsheet-container",children:[i&&Yt("div",{className:"k-overlay"}),Yt(Ce,{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:Yt("div",{...b,className:s(e.className,as,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":n}),children:l||Yt(Ye,{header:m,footer:u,adaptive:n,...e,children:p})})})]})};ie.states=xr;ie.options=hr;ie.className=as;ie.defaultOptions=yt;import{jsx as Rm}from"react/jsx-runtime";import{Fragment as gr,jsx as Ct,jsxs as Eo}from"react/jsx-runtime";var Oo="k-actionsheet-item",kr=[a.hover,a.focus,a.selected,a.disabled],Ko=e=>{let{iconName:t,text:o,description:n,hover:i,focus:l,selected:p,disabled:m,...u}=e;return Eo("span",{...u,className:s(e.className,Oo,S(Oo,{hover:i,focus:l,selected:p,disabled:m})),children:[!e.children&&Ct(gr,{children:Eo("span",{className:"k-actionsheet-action",children:[t&&Ct("span",{className:"k-icon-wrap",children:Ct(M,{className:"k-actionsheet-item-icon",icon:t})}),Eo("span",{className:"k-actionsheet-item-text",children:[o&&Ct("span",{className:"k-actionsheet-item-title",children:o}),n&&Ct("span",{className:"k-actionsheet-item-description",children:n})]})]})}),e.children]})};Ko.states=kr;Ko.className=Oo;import{jsx as Xm,jsxs as Jm}from"react/jsx-runtime";import{jsx as Qm}from"react/jsx-runtime";import{jsx as tu}from"react/jsx-runtime";import{jsx as nu}from"react/jsx-runtime";import{jsx as Sr}from"react/jsx-runtime";var vr="k-no-data",At=e=>Sr("span",{className:s(vr,e.className),children:e.children});import{jsx as je,jsxs as ns}from"react/jsx-runtime";var Ro="k-list",Lr=[],Mr={size:[r.small,r.medium,r.large]},rs={size:r.medium},O=e=>{let{size:t=rs.size,virtualization:o,children:n,optionLabel:i,customValue:l,screenReaders:p,...m}=e,u,b,N,v,c=[];return n?n.map((k,g)=>{k.type===$?(k.props.root===!0?(u=k.props.label,k.props.children.map((L,C)=>{c.push(je(A,{...L.props},`optChild-${C}-${new Date().getTime()}`))})):k.props.children.forEach((L,C)=>{let T="";C===0&&(T=k.props.label),c.push(je(A,{className:C===0?"k-first":"",...L.props,groupLabel:T},`groupLabel-${C}-${new Date().getTime()}`))}),b=je($,{label:u,virtualization:o,children:c})):k.type===A&&(c.push(je(A,{...k.props},`${k.type}-${g}`)),N=je(et,{virtualization:o,children:c}),p&&(v=ns(At,{className:"k-sr-only",children:[c.length," items found."]})))}):v=je(At,{children:"No data found."}),ns("div",{...m,className:s(e.className,Ro,I(Ro,{size:t}),{"k-virtual-list":o}),children:[i,l,b,N,v]})};O.states=Lr;O.options=Mr;O.className=Ro;O.defaultOptions=rs;import{jsx as $e,jsxs as Cr}from"react/jsx-runtime";var Ho="k-list",Ir=[],yr={size:[r.small,r.medium,r.large]},is={size:r.medium},Ve=e=>{let{size:t=is.size,virtualization:o,children:n,...i}=e,l,p,m,u=[];return n?n.map((b,N)=>{b.type===$?(b.props.root===!0?(l=b.props.label,b.props.children.map((v,c)=>{u.push($e(A,{...v.props},`optChild-${c}-${new Date().getTime()}`))})):(u.push($e(ls,{...b.props,children:b.props.label},`listChild-${N}`)),b.props.children.map((v,c)=>{u.push($e(A,{...v.props},`fwOptChild-${c}-${new Date().getTime()}`))})),p=$e($,{label:l,virtualization:o,children:u})):b.type===A&&(u.push($e(A,{...b.props},`${b.type}-${N}`)),m=$e(et,{virtualization:o,children:u}))}):m=$e(At,{children:"No data found."}),Cr("div",{...i,className:s(e.className,Ho,I(Ho,{size:t}),{"k-virtual-list":o}),children:[p,m]})};Ve.states=Ir;Ve.options=yr;Ve.className=Ho;Ve.defaultOptions=is;import{jsx as ps}from"react/jsx-runtime";var jt="k-checkbox",Ar=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.checked,a.indeterminate],Tr={size:[r.small,r.medium,r.large],rounded:[h.small,h.medium,h.large,h.full]},Go={size:r.medium,rounded:h.medium},Be=e=>{let{id:t,checked:o,indeterminate:n,hover:i,focus:l,disabled:p,invalid:m,valid:u,required:b,size:N=Go.size,rounded:v=Go.rounded,...c}=e;return ps("span",{className:"k-checkbox-wrap",children:ps("input",{...c,id:t,type:"checkbox",defaultChecked:o,required:b,className:s(e.className,jt,I(jt,{size:N,rounded:v}),S(jt,{hover:i,focus:l,disabled:p,invalid:m,valid:u,indeterminate:n,checked:o}))})})};Be.states=Ar;Be.options=Tr;Be.className=jt;Be.defaultOptions=Go;import{jsx as zr}from"react/jsx-runtime";var cs="k-checkbox-list",Br=[],Pr={},ds={layout:"vertical"},tt=e=>{let{layout:t=ds.layout,...o}=e;return zr("ul",{...o,className:s(e.className,cs,{[`k-list-${t}`]:t}),children:e.children})};tt.states=Br;tt.options=Pr;tt.className=cs;tt.defaultOptions=ds;import{jsx as Kr}from"react/jsx-runtime";var ms="k-checkbox-list-item",wr=[],Er={},Or={},ot=e=>{let{...t}=e;return Kr("li",{...t,className:s(e.className,ms),children:e.children})};ot.states=wr;ot.options=Er;ot.className=ms;ot.defaultOptions=Or;import{Fragment as Fu,jsx as Uu,jsxs as Xu}from"react/jsx-runtime";import{Fragment as Qu,jsx as Zu,jsxs as Yu}from"react/jsx-runtime";import{Fragment as af,jsx as of,jsxs as sf}from"react/jsx-runtime";import{Fragment as cf,jsx as pf,jsxs as df}from"react/jsx-runtime";import{jsx as bf}from"react/jsx-runtime";import{jsx as kf}from"react/jsx-runtime";import{jsx as eo,jsxs as Dr}from"react/jsx-runtime";var $o="k-list-item",Rr=[a.hover,a.focus,a.selected,a.disabled],Hr={},Gr={},A=e=>{let{text:t,groupLabel:o,group:n,showIcon:i,iconName:l,showCheckbox:p,checked:m,hover:u,focus:b,selected:N,disabled:v,...c}=e,k=t||e.children;return Dr("li",{...c,className:s(e.className,n?"k-list-group-item":$o,S($o,{hover:u,focus:b,disabled:v,selected:N})),children:[p&&eo(Be,{checked:m}),i&&eo(M,{icon:l}),eo("span",{className:"k-list-item-text",children:k}),o&&o!==""&&eo("div",{className:"k-list-item-group-label",children:o})]})};A.states=Rr;A.options=Hr;A.className=$o;A.defaultOptions=Gr;import{jsx as Vo,jsxs as Vr}from"react/jsx-runtime";var $r="k-list-content",et=e=>{let{virtualization:t,...o}=e;return Vr("div",{...o,className:s($r,e.className),children:[Vo("ul",{className:s("k-list-ul"),children:e.children}),t&&Vo("div",{className:"k-height-container",children:Vo("div",{})})]})};import{jsx as us}from"react/jsx-runtime";var _r="k-list-group-sticky-header",fs=e=>us("div",{className:s(_r,e.className),children:us("div",{className:"k-list-header-text",children:e.children})});import{Fragment as Ur,jsx as bs,jsxs as Fr}from"react/jsx-runtime";var $=e=>{let{virtualization:t,label:o}=e;return Fr(Ur,{children:[o&&bs(fs,{children:o}),e.children&&bs(et,{virtualization:t,children:e.children})]})};import{jsx as xs}from"react/jsx-runtime";var Xr="k-list-group-item",ls=e=>xs("li",{className:s(Xr,e.className),children:xs("span",{className:"k-list-item-text",children:e.children})});import{jsx as Zr}from"react/jsx-runtime";var _o="k-list-optionlabel",Jr=[a.hover,a.focus,a.selected,a.disabled],qr={},Wr={},to=e=>{let{text:t,hover:o,focus:n,selected:i,disabled:l,...p}=e;return Zr("div",{...p,className:s(_o,S(_o,{hover:o,focus:n,selected:i,disabled:l})),children:t})};to.states=Jr;to.options=qr;to.className=_o;to.defaultOptions=Wr;import{jsx as ei}from"react/jsx-runtime";var Uo="k-list-custom-value",Qr=[a.hover,a.focus,a.selected,a.disabled],Yr={},jr={},Pe=e=>{let{text:t,hover:o,focus:n,selected:i,disabled:l,...p}=e;return ei("div",{...p,className:s(Uo,S(Uo,{hover:o,focus:n,selected:i,disabled:l})),children:t})};Pe.states=Qr;Pe.options=Yr;Pe.className=Uo;Pe.defaultOptions=jr;import{jsx as ob}from"react/jsx-runtime";import{jsx as rb}from"react/jsx-runtime";import{jsx as cb,jsxs as db}from"react/jsx-runtime";import{jsx as bb,jsxs as xb}from"react/jsx-runtime";import{jsx as gb}from"react/jsx-runtime";import{jsx as Mb,jsxs as Ib}from"react/jsx-runtime";import{jsx as Tb,jsxs as Bb}from"react/jsx-runtime";import{Fragment as Fo,jsx as H,jsxs as Tt}from"react/jsx-runtime";var hs="k-combobox",ti=[a.hover,a.focus,a.valid,a.invalid,a.loading,a.required,a.disabled,a.readonly],oi={size:[r.small,r.medium,r.large],rounded:[h.small,h.medium,h.large,h.full],fillMode:[f.solid,f.flat,f.outline]},Bt={size:E.defaultOptions.size,rounded:E.defaultOptions.rounded,fillMode:E.defaultOptions.fillMode,separators:!0},ke=e=>{let{size:t=Bt.size,rounded:o=Bt.rounded,fillMode:n=Bt.fillMode,separators:i=Bt.separators,prefix:l,suffix:p,value:m,placeholder:u,hover:b,focus:N,valid:v,invalid:c,required:k,loading:g,disabled:L,popup:C,opened:T,readonly:z,adaptive:G,adaptiveSettings:U,adaptiveTitle:ht,adaptiveSubtitle:Nt,adaptiveCustomValue:xo,...ho}=e;return Tt(Fo,{children:[Tt(E,{...ho,size:t,rounded:o,fillMode:n,hover:b,focus:N,valid:v,invalid:c,required:k,loading:g,disabled:L,readonly:z,className:s(e.className,hs),children:[l&&Tt(Fo,{children:[H(pe,{children:l}),i&&H(xe,{})]}),H(re,{placeholder:u,value:m}),H(W,{valid:v,invalid:c,loading:g,disabled:L}),H(Z,{loading:g,disabled:L}),H(ne,{loading:g,disabled:L,readonly:z,value:m}),p&&Tt(Fo,{children:[i&&H(xe,{}),H(ce,{children:p})]}),H(d,{className:"k-input-button",icon:"caret-alt-down",rounded:null,size:t,fillMode:n})]}),T&&C&&H(D,{className:"k-list-container k-combobox-popup",children:C}),G&&H(ie,{adaptive:!0,...U,header:H(Q,{actionsEnd:H(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),input:!0,inputValue:m,inputPlaceholder:u,title:ht,subtitle:Nt}),children:H("div",{className:"k-list-container",children:Tt(O,{customValue:xo?H(Pe,{text:`Use "${m}"`}):void 0,size:"large",children:[H(A,{text:"List item"}),H(A,{text:"List item"}),H(A,{text:"List item"})]})})})]})};ke.states=ti;ke.options=oi;ke.className=hs;ke.defaultOptions=Bt;import{jsx as rx}from"react/jsx-runtime";import{jsx as dx,jsxs as mx}from"react/jsx-runtime";import{jsx as hx,jsxs as Nx}from"react/jsx-runtime";import{jsx as Lx,jsxs as Mx}from"react/jsx-runtime";import{jsx as Ax}from"react/jsx-runtime";import{Fragment as Ex,jsx as wx}from"react/jsx-runtime";import{Fragment as Dx,jsx as Gx}from"react/jsx-runtime";import{jsx as Fx,jsxs as Xx}from"react/jsx-runtime";import{Fragment as jx,jsx as Qx,jsxs as Yx}from"react/jsx-runtime";import{jsx as oo,jsxs as ni}from"react/jsx-runtime";var Xo="k-external-dropzone",ai=[a.disabled,a.hover],si={},Jo={icon:"upload",hint:"Drag and drop files here to upload"},_e=e=>{let{hover:t,disabled:o,icon:n=Jo.icon,hint:i=Jo.hint,note:l,...p}=e;return oo("div",{...p,className:s(e.className,Xo,S(Xo,{disabled:o}),{"k-external-dropzone-hover":t}),children:ni("div",{className:"k-dropzone-inner",children:[n&&oo(M,{icon:n,className:"k-dropzone-icon",size:"xxxlarge"}),i&&oo("span",{className:"k-dropzone-hint",children:i}),l&&oo("span",{className:"k-dropzone-note",children:l})]})})};_e.states=ai;_e.options=si;_e.className=Xo;_e.defaultOptions=Jo;import{jsx as ri}from"react/jsx-runtime";var Ns=e=>ri(_e,{...e});import{jsx as vh}from"react/jsx-runtime";import{Fragment as pi,jsx as ks,jsxs as ci}from"react/jsx-runtime";var gs="k-menu-button",ii=[a.hover,a.focus,a.active,a.selected,a.disabled],li={size:[r.small,r.medium,r.large],rounded:[h.small,h.medium,h.large,h.full],fillMode:[f.solid,f.flat,f.outline,f.clear,f.link],themeColor:[x.base,x.primary,x.secondary,x.tertiary,x.success,x.warning,x.error,x.info,x.light,x.dark,x.inverse]},Ue={size:r.medium,rounded:h.medium,fillMode:f.solid,themeColor:x.base,showArrow:!0,arrowIconName:"caret-alt-down"},V=e=>{let{size:t=Ue.size,rounded:o=Ue.rounded,fillMode:n=Ue.fillMode,themeColor:i=Ue.themeColor,hover:l,focus:p,active:m,selected:u,disabled:b,icon:N,text:v,showArrow:c=Ue.showArrow,arrowIconName:k=Ue.arrowIconName,popup:g,opened:L,...C}=e;return ci(pi,{children:[ks(d,{...C,className:s(e.className,gs),text:v,size:t,rounded:o,fillMode:n,themeColor:i,hover:l,focus:p,active:m,selected:u,disabled:b,icon:N,showArrow:c,arrowIconName:k}),L&&g&&ks(D,{className:"k-menu-popup",children:g})]})};V.states=ii;V.options=li;V.className=gs;V.defaultOptions=Ue;import{jsx as Eh}from"react/jsx-runtime";import{jsx as Hh}from"react/jsx-runtime";import{jsx as Vh}from"react/jsx-runtime";import{Fragment as ui,jsx as at,jsxs as vs}from"react/jsx-runtime";var Wo="k-menu-item",di=[a.hover,a.focus,a.active,a.selected,a.disabled],mi={},Ss={iconPosition:"before"},ge=e=>{let{hover:t,focus:o,active:n,selected:i,disabled:l,icon:p,text:m,first:u,last:b,showArrow:N,arrowIconName:v,iconPosition:c=Ss.iconPosition,dir:k,children:g,...L}=e,C=at(ui,{});g&&g.forEach(z=>{if(z.type==="MenuItemContent"){C.props.children.push(z);return}});let T=v;return T||(T=k==="rtl"?"caret-alt-left":"caret-alt-right"),vs("li",{...L,className:s(e.className,Wo,"k-item",S(Wo,{focus:o,disabled:l,hover:t,active:n,selected:i}),{"k-first":u,"k-last":b}),children:[vs("span",{className:s("k-link k-menu-link"),children:[p&&c==="before"&&at(M,{className:"k-menu-link-icon",icon:p}),at("span",{className:"k-menu-link-text",children:m}),p&&c==="after"&&at(M,{className:"k-menu-link-icon",icon:p}),N&&at("span",{className:"k-menu-expand-arrow",children:at(M,{icon:T})})]}),C]})};ge.states=di;ge.options=mi;ge.className=Wo;ge.defaultOptions=Ss;import{Fragment as xi,jsx as st,jsxs as Ls}from"react/jsx-runtime";var Zo="k-menu-item",fi=[a.hover,a.focus,a.active,a.selected,a.disabled],bi={},Qo={dir:"ltr",iconPosition:"before"},me=e=>{let{hover:t,focus:o,active:n,selected:i,disabled:l,icon:p,text:m,first:u,last:b,showArrow:N,arrowIconName:v,iconPosition:c=Qo.iconPosition,dir:k=Qo.dir,children:g,popup:L,...C}=e,T=st(xi,{});g&&g.forEach(G=>{if(G.type==="MenuListItemContent"){T.props.children.push(G);return}});let z=v;return z||(z=k==="rtl"?"caret-alt-left":"caret-alt-right"),Ls("li",{...C,className:s(e.className,Zo,"k-item",S(Zo,{focus:o,disabled:l}),{"k-first":u,"k-last":b}),children:[Ls("span",{className:s("k-link k-menu-link",S("k-menu-link",{hover:t,active:n,selected:i,disabled:l})),children:[p&&c==="before"&&st(M,{className:"k-menu-link-icon",icon:p}),st("span",{className:"k-menu-link-text",children:m}),p&&c==="after"&&st(M,{className:"k-menu-link-icon",icon:p}),N&&st("span",{className:"k-menu-expand-arrow",children:st(M,{icon:z})})]}),T,L]})};me.states=fi;me.options=bi;me.className=Zo;me.defaultOptions=Qo;import{jsx as gi}from"react/jsx-runtime";var Ms="k-menu-scroll-wrapper",hi=[],Ni={},ki={},Pt=e=>{let{className:t,children:o,orientation:n,...i}=e;return gi("div",{...i,className:s(t,Ms,{"k-menu-scroll-wrapper-vertical":n==="vertical"}),children:o})};Pt.states=hi;Pt.options=Ni;Pt.className=Ms;Pt.defaultOptions=ki;var Is=Pt;import{Fragment as Yo,jsx as Fe,jsxs as ao}from"react/jsx-runtime";var jo="k-menu",vi=[],Si={},so={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},ve=e=>{let{children:t,orientation:o=so.orientation,header:n=so.header,scrollable:i,scrollButtonsPosition:l=so.scrollButtonsPosition,wrapperStyles:p,dir:m,popup:u,...b}=e,N={horizontal:{prev:m!=="rtl"?"left":"right",next:m!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},v=Fe("ul",{dir:m,...b,className:s(e.className,"k-reset",jo,{[`${jo}-${o}`]:o,"k-header":n}),children:t});return ao(Yo,{children:[i?ao(Is,{orientation:o,style:p,dir:e.dir,children:[l==="start"&&ao(Yo,{children:[Fe(d,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev"}),Fe(d,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next"})]}),l==="around"&&Fe(d,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev"}),v,l==="end"&&ao(Yo,{children:[Fe(d,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${N[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev"}),Fe(d,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next"})]}),l==="around"&&Fe(d,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${N[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next"})]}):v,u]})};ve.states=vi;ve.options=Si;ve.className=jo;ve.defaultOptions=so;import{jsx as Li}from"react/jsx-runtime";var ea="k-separator",ys={orientation:"horizontal"},zt=e=>{let{orientation:t=ys.orientation,...o}=e;return Li("li",{...o,className:s(e.className,"k-item",ea,{[`${ea}-${t}`]:t})})};zt.className=ea;zt.defaultOptions=ys;import{Fragment as dN,jsx as mN}from"react/jsx-runtime";import{jsx as Cs}from"react/jsx-runtime";import{createElement as yi}from"react";var ta="k-menu-group",Mi=[],Ii={size:[r.small,r.medium,r.large]},oa={size:r.medium,dir:"ltr"},Xe=e=>{let{children:t,size:o=oa.size,dir:n=oa.dir,...i}=e,l=[];return t&&Array.isArray(t)&&t.map((p,m)=>{p.type===me?l.push(yi(me,{...p.props,dir:n,key:m})):p.type===zt?l.push(Cs(zt,{})):l.push(p)}),Cs("ul",{...i,className:s(e.className,ta,I(ta,{size:o})),children:l})};Xe.states=Mi;Xe.options=Ii;Xe.className=ta;Xe.defaultOptions=oa;import{Fragment as SN,jsx as vN,jsxs as LN}from"react/jsx-runtime";import{Fragment as BN,jsx as AN,jsxs as TN}from"react/jsx-runtime";import{Fragment as ON,jsx as EN,jsxs as KN}from"react/jsx-runtime";import{Fragment as $N,jsx as DN,jsxs as VN}from"react/jsx-runtime";import{Fragment as JN,jsx as XN,jsxs as qN}from"react/jsx-runtime";import{jsx as mk,jsxs as uk}from"react/jsx-runtime";import{Fragment as Ti,jsx as F,jsxs as aa}from"react/jsx-runtime";var As="k-dropdownlist",Ci=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],Ai={size:[r.small,r.medium,r.large],rounded:[h.small,h.medium,h.large,h.full],fillMode:[f.solid,f.flat,f.outline]},nt={showValue:!0,arrowIconName:"caret-alt-down",size:r.medium,rounded:h.medium,fillMode:f.solid},ue=e=>{let{size:t=nt.size,rounded:o=nt.rounded,fillMode:n=nt.fillMode,arrowIconName:i=nt.arrowIconName,showValue:l=nt.showValue,valueIconName:p,prefix:m,suffix:u,value:b,placeholder:N,hover:v,focus:c,valid:k,invalid:g,required:L,loading:C,disabled:T,readonly:z,popup:G,opened:U,adaptive:ht,adaptiveSettings:Nt,adaptiveTitle:xo,adaptiveSubtitle:ho,adaptiveFilter:js,...en}=e;return aa(Ti,{children:[aa(se,{...en,size:t,rounded:o,fillMode:n,hover:v,focus:c,valid:k,invalid:g,required:L,loading:C,disabled:T,readonly:z,className:s(e.className,As,{"k-icon-picker":!l&&p}),children:[F(pe,{children:m}),F(Ge,{placeholder:N,value:b,showValue:l,valueIconName:p}),F(W,{valid:k,invalid:g,loading:C,disabled:T}),F(Z,{loading:C,disabled:T}),F(ce,{children:u}),F(d,{className:"k-input-button",icon:i,rounded:null,size:e.size,fillMode:e.fillMode})]}),U&&G&&F(D,{className:"k-list-container k-dropdownlist-popup",children:G}),ht&&F(ie,{adaptive:!0,...Nt,header:F(Q,{actionsEnd:F(d,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:js,inputValue:b,inputPlaceholder:N,title:xo,subtitle:ho}),children:F("div",{className:"k-list-container",children:aa(O,{size:"large",children:[F(A,{text:"List item"}),F(A,{text:"List item"}),F(A,{text:"List item"})]})})})]})};ue.states=Ci;ue.options=Ai;ue.className=As;ue.defaultOptions=nt;import{jsx as zk}from"react/jsx-runtime";import{jsx as Rk,jsxs as Hk}from"react/jsx-runtime";import{Fragment as Xk,jsx as Uk,jsxs as Fk}from"react/jsx-runtime";import{jsx as Zk}from"react/jsx-runtime";import{jsx as tg,jsxs as og}from"react/jsx-runtime";import{jsx as ig,jsxs as lg}from"react/jsx-runtime";import{Fragment as xg,jsx as fg,jsxs as bg}from"react/jsx-runtime";import{Fragment as Mg,jsx as Sg,jsxs as Lg}from"react/jsx-runtime";import{jsx as Ts,jsxs as zi}from"react/jsx-runtime";var Bs="k-spin-button",Bi=[],Pi={size:[r.small,r.medium,r.large],fillMode:[f.solid,f.flat,f.outline,f.clear,f.link]},sa={size:r.medium,fillMode:f.solid},rt=e=>{let{size:t=sa.size,fillMode:o=sa.fillMode,...n}=e;return zi("span",{...n,className:s(Bs,e.className),children:[Ts(d,{className:"k-spinner-increase",icon:"caret-alt-up",rounded:null,size:t,fillMode:o}),Ts(d,{className:"k-spinner-decrease",icon:"caret-alt-down",rounded:null,size:t,fillMode:o})]})};rt.states=Bi;rt.options=Pi;rt.className=Bs;rt.defaultOptions=sa;import{Fragment as Ps,jsx as Se,jsxs as na}from"react/jsx-runtime";var zs="k-numerictextbox",wi=[a.hover,a.focus,a.valid,a.invalid,a.loading,a.required,a.disabled,a.readonly],Ei={size:[r.small,r.medium,r.large],rounded:[h.small,h.medium,h.large,h.full],fillMode:[f.solid,f.flat,f.outline]},qe={showSpinButton:!0,showClearButton:!0,size:E.defaultOptions.size,rounded:E.defaultOptions.rounded,fillMode:E.defaultOptions.fillMode,separators:!0},K=e=>{let{size:t=qe.size,rounded:o=qe.rounded,fillMode:n=qe.fillMode,separators:i=qe.separators,showClearButton:l=qe.showClearButton,showSpinButton:p=qe.showSpinButton,prefix:m,suffix:u,value:b,placeholder:N,hover:v,focus:c,valid:k,invalid:g,required:L,loading:C,disabled:T,readonly:z,...G}=e;return na(E,{...G,size:t,rounded:o,fillMode:n,hover:v,focus:c,valid:k,invalid:g,required:L,loading:C,disabled:T,readonly:z,className:s(e.className,zs),children:[m&&na(Ps,{children:[Se(pe,{children:m}),i&&Se(xe,{})]}),Se(re,{placeholder:N,value:b}),Se(W,{valid:k,invalid:g,loading:C,disabled:T}),Se(Z,{loading:C,disabled:T}),l&&Se(ne,{loading:C,disabled:T,readonly:z,value:b}),u&&na(Ps,{children:[i&&Se(xe,{}),Se(ce,{children:u})]}),p&&Se(rt,{className:"k-input-spinner",size:t,fillMode:n})]})};K.states=wi;K.options=Ei;K.className=zs;K.defaultOptions=qe;import{jsx as Wg}from"react/jsx-runtime";import{Fragment as tv,jsx as ev}from"react/jsx-runtime";import{Fragment as lv,jsx as iv}from"react/jsx-runtime";import{Fragment as Es,jsx as X,jsxs as it}from"react/jsx-runtime";var no="k-pager",Oi=[a.focus,a.disabled],Ki={size:[r.small,r.medium,r.large]},J={responsive:!0,size:r.medium,pagerSizeInfo:!0,pageTitleInfo:!0,maxPagesInfo:!0,type:"numeric",pageSizes:!0,refresh:!0,previousNext:!0,info:"1 - 5 of 20 items",itemsPerPage:5,maxPages:6,currentPage:1},we=e=>{let{responsive:t=J.responsive,size:o=J.size,pagerSizeInfo:n=J.pagerSizeInfo,pageTitleInfo:i=J.pageTitleInfo,maxPagesInfo:l=J.maxPagesInfo,itemsPerPage:p=J.itemsPerPage,maxPages:m=J.maxPages,currentPage:u=J.currentPage,previousNext:b=J.previousNext,type:N=J.type,pageSizes:v=J.pageSizes,refresh:c=J.refresh,info:k=J.info,focus:g,disabled:L,dir:C,...T}=e,z=[],G=[];for(let U=1;U<=m;U++)z.push(X(d,{selected:U===u,fillMode:"flat",themeColor:"primary",size:o,rounded:null,children:U})),G.push(X("option",{selected:U===u,children:U}));return it("div",{dir:C,...T,className:s(e.className,no,I(no,{size:o}),S(no,{focus:g,disabled:L}),{"k-pager-responsive":t}),children:[it("div",{className:s("k-pager-numbers-wrap"),children:[b&&it(Es,{children:[X(d,{className:s("k-pager-nav","k-pager-first"),disabled:u===1&&!L,fillMode:"flat",size:o,rounded:null,icon:C==="rtl"?"caret-alt-to-right":"caret-alt-to-left"}),X(d,{className:s("k-pager-nav"),disabled:u===1&&!L,fillMode:"flat",size:o,rounded:null,icon:C==="rtl"?"caret-alt-right":"caret-alt-left"})]}),N==="numeric"&&X("div",{className:s("k-pager-numbers"),children:z}),N==="input"&&it("span",{className:s("k-pager-input"),children:[i&&X("span",{children:"Page"}),X(K,{value:`${u}`,size:o,showSpinButton:!1,showClearButton:!1}),X("span",{children:l&&`of ${m}`})]}),b&&it(Es,{children:[X(d,{className:s("k-pager-nav"),disabled:u===m&&!L,fillMode:"flat",size:o,rounded:null,icon:C==="rtl"?"caret-alt-left":"caret-alt-right"}),X(d,{className:s("k-pager-nav","k-pager-last"),disabled:u===m&&!L,fillMode:"flat",size:o,rounded:null,icon:C==="rtl"?"caret-alt-to-left":"caret-alt-to-right"})]})]}),v&&it("span",{className:s("k-pager-sizes"),children:[X(ue,{value:`${p}`,size:o}),n&&X("span",{children:"items per page"})]}),c&&X(d,{className:s("k-pager-refresh"),fillMode:"flat",size:o,rounded:null,icon:"arrow-rotate-cw"}),k&&X("span",{className:s("k-pager-info"),children:k})]})};we.states=Oi;we.options=Ki;we.className=no;we.defaultOptions=J;import{jsx as Lv}from"react/jsx-runtime";import{jsx as Ri}from"react/jsx-runtime";var Os=e=>Ri(we,{type:"input",responsive:!1,...e});import{jsx as Bv}from"react/jsx-runtime";import{jsx as Ks,jsxs as Di}from"react/jsx-runtime";var Rs="k-color-preview",Hi=[],Gi={},Ee=e=>{let{color:t,iconName:o,...n}=e;return Di("span",{...n,className:s(e.className,Rs,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&Ks(M,{icon:o,className:"k-color-preview-icon"}),Ks("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Ee.states=Hi;Ee.options=Gi;Ee.className=Rs;import{jsx as lt,jsxs as ra}from"react/jsx-runtime";var wt="k-slider",$i=[a.hover,a.focus,a.active,a.disabled,a.readonly],Vi={},Oe={type:"single",orientation:"horizontal",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0},Y=e=>{let{type:t=Oe.type,orientation:o=Oe.orientation,readonly:n=Oe.readonly,disabled:i=Oe.disabled,handlePosition:l=Oe.handlePosition,showButtons:p=Oe.showButtons,showTicks:m=Oe.showTicks,hover:u,focus:b,active:N,trackStyle:v,dir:c,...k}=e,g,L;return o==="horizontal"?(g=c==="rtl"?"caret-alt-left":"caret-alt-right",L=c==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(g="caret-alt-up",L="caret-alt-down"),ra("div",{...k,className:s(wt,e.className,S(wt,{readonly:n,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:c,children:[p&<(d,{className:"k-button-decrease",rounded:"full",icon:L}),ra("div",{className:"k-slider-track-wrap",children:[m&<("ul",{className:"k-reset k-slider-items",children:e.children}),ra("div",{className:"k-slider-track",style:v,children:[lt("div",{className:"k-slider-selection"}),t==="range"&<("span",{className:s("k-draghandle","k-draghandle-start",S(wt,{hover:u,focus:b,active:N}))}),lt("span",{className:s("k-draghandle",`k-draghandle-${l}`,S(wt,{hover:u,focus:b,active:N}))})]})]}),p&<(d,{className:"k-button-increase",rounded:"full",icon:g})]})};Y.states=$i;Y.options=Vi;Y.className=wt;Y.defaultOptions=Oe;import{jsx as Hs}from"react/jsx-runtime";var Gs="k-tick",_i=[],Ui={},Ds={label:!1},Ke=e=>{let{style:t,label:o=Ds.label,orientation:n,large:i,text:l,...p}=e;return Hs("li",{...p,className:s(e.className,Gs,{[`k-tick-${n}`]:n,"k-tick-large":i}),style:t,children:o&&Hs("span",{className:"k-label",children:l})})};Ke.states=_i;Ke.options=Ui;Ke.className=Gs;Ke.defaultOptions=Ds;import{Fragment as jv,jsx as Yv,jsxs as eS}from"react/jsx-runtime";import{Fragment as nS,jsx as sS,jsxs as rS}from"react/jsx-runtime";import{Fragment as dS,jsx as cS,jsxs as mS}from"react/jsx-runtime";import{Fragment as hS,jsx as xS,jsxs as NS}from"react/jsx-runtime";import{jsx as Fi}from"react/jsx-runtime";var ia=e=>Fi(Y,{type:"gradient",showButtons:!1,showTicks:!1,...e});import{jsx as Xi}from"react/jsx-runtime";var la=e=>Xi(Y,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e});import{Fragment as Et,jsx as B,jsxs as R}from"react/jsx-runtime";var $s="k-colorgradient-inputs",Ji=[],qi={size:[r.small,r.medium,r.large]},Vs={mode:"rgba",size:r.medium},pt=e=>{let{mode:t=Vs.mode,size:o,...n}=e;return R("div",{...n,className:s($s,"k-hstack"),children:[B("div",{className:"k-vstack",children:B(d,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o})}),t==="rgba"&&R(Et,{children:[R("div",{className:"k-vstack",children:[B(K,{showSpinButton:!1,showClearButton:!1,value:"132",size:o}),B("label",{className:"k-colorgradient-input-label",children:"R"})]}),R("div",{className:"k-vstack",children:[B(K,{showSpinButton:!1,showClearButton:!1,value:"132",size:o}),B("label",{className:"k-colorgradient-input-label",children:"G"})]}),R("div",{className:"k-vstack",children:[B(K,{showSpinButton:!1,showClearButton:!1,value:"132",size:o}),B("label",{className:"k-colorgradient-input-label",children:"B"})]}),R("div",{className:"k-vstack",children:[B(K,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o}),B("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&R(Et,{children:[R("div",{className:"k-vstack",children:[B(K,{showSpinButton:!1,showClearButton:!1,value:"132"}),B("label",{className:"k-colorgradient-input-label",children:"R"})]}),R("div",{className:"k-vstack",children:[B(K,{showSpinButton:!1,showClearButton:!1,value:"132"}),B("label",{className:"k-colorgradient-input-label",children:"G"})]}),R("div",{className:"k-vstack",children:[B(K,{showSpinButton:!1,showClearButton:!1,value:"132"}),B("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&R(Et,{children:[R("div",{className:"k-vstack",children:[B(K,{showSpinButton:!1,showClearButton:!1,value:"132"}),B("label",{className:"k-colorgradient-input-label",children:"H"})]}),R("div",{className:"k-vstack",children:[B(K,{showSpinButton:!1,showClearButton:!1,value:"132"}),B("label",{className:"k-colorgradient-input-label",children:"S"})]}),R("div",{className:"k-vstack",children:[B(K,{showSpinButton:!1,showClearButton:!1,value:"132"}),B("label",{className:"k-colorgradient-input-label",children:"V"})]}),R("div",{className:"k-vstack",children:[B(K,{showSpinButton:!1,showClearButton:!1,value:"1.00"}),B("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&R(Et,{children:[R("div",{className:"k-vstack",children:[B(K,{showSpinButton:!1,showClearButton:!1,value:"132"}),B("label",{className:"k-colorgradient-input-label",children:"H"})]}),R("div",{className:"k-vstack",children:[B(K,{showSpinButton:!1,showClearButton:!1,value:"132"}),B("label",{className:"k-colorgradient-input-label",children:"S"})]}),R("div",{className:"k-vstack",children:[B(K,{showSpinButton:!1,showClearButton:!1,value:"132"}),B("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&B(Et,{children:R("div",{className:"k-vstack k-flex-1",children:[B(de,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),B("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};pt.states=Ji;pt.options=qi;pt.className=$s;pt.defaultOptions=Vs;import{jsx as We,jsxs as Ze}from"react/jsx-runtime";var _s="k-colorgradient-color-contrast",Wi=[],Zi={},Qi={},ct=()=>Ze("div",{className:s(_s,"k-vbox"),children:[Ze("div",{className:"k-contrast-ratio",children:[We("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),Ze("span",{className:"k-contrast-validation !k-text-success",children:[We(M,{icon:"check"}),We(M,{icon:"check"})]})]}),Ze("div",{children:[We("span",{children:"AA: 4.5"}),Ze("span",{className:"k-contrast-validation !k-text-success",children:["Pass",We(M,{icon:"check"})]})]}),Ze("div",{children:[We("span",{children:"AAA: 7.0"}),Ze("span",{className:"k-contrast-validation !k-text-error",children:["Fail",We(M,{icon:"x"})]})]})]});ct.states=Wi;ct.options=Zi;ct.className=_s;ct.defaultOptions=Qi;import{jsx as j,jsxs as Ot}from"react/jsx-runtime";var ro="k-colorgradient",Yi=[a.hover,a.focus,a.readonly,a.disabled],ji={size:[r.small,r.medium,r.large]},le={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"},Re=e=>{let{size:t=le.size,mode:o=le.mode,readonly:n=le.readonly,disabled:i=le.disabled,gradientStyle:l=le.gradientStyle,dragHandleStyle:p=le.dragHandleStyle,alphaStyle:m=le.alphaStyle,alphaStyleHorizontal:u=le.alphaStyleHorizontal,contrast:b=le.contrast,dir:N,hover:v,focus:c,hoverHandle:k,focusHandle:g,canvasOrientation:L=le.canvasOrientation,...C}=e;return Ot("div",{...C,className:s(e.className,ro,I(ro,{size:t}),S(ro,{hover:v,focus:c,readonly:n,disabled:i})),dir:N,children:[!L||L==="horizontal"&&Ot("div",{className:"k-colorgradient-canvas k-hstack",children:[j("div",{className:"k-hsv-rectangle",style:l,children:j("div",{className:"k-hsv-gradient",children:j("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":k,"k-focus":g}),style:p})})}),Ot("div",{className:"k-hsv-controls k-hstack",children:[j(la,{className:"k-hue-slider",hover:k,focus:g}),o!=="rgb"&&o!=="hsv"&&j(la,{className:"k-alpha-slider",hover:k,focus:g,trackStyle:m})]})]}),L==="vertical"&&Ot("div",{className:"k-colorgradient-canvas k-vstack",children:[j("div",{className:"k-hsv-rectangle",style:l,children:j("div",{className:"k-hsv-gradient",children:j("div",{className:s("k-hsv-draghandle","k-draghandle",{"k-hover":k,"k-focus":g}),style:p})})}),Ot("div",{className:"k-hsv-controls k-vstack",children:[j(ia,{className:"k-hue-slider",hover:k,focus:g}),o!=="rgb"&&o!=="hsv"&&j(ia,{className:"k-alpha-slider",hover:k,focus:g,trackStyle:u})]})]}),j(pt,{mode:e.mode,size:t}),b&&j(ct,{})]})};Re.states=Yi;Re.options=ji;Re.className=ro;Re.defaultOptions=le;import{jsx as jS}from"react/jsx-runtime";import{jsx as aL}from"react/jsx-runtime";import{jsx as el}from"react/jsx-runtime";var Us=e=>el("tr",{children:e.children});import{jsx as al}from"react/jsx-runtime";var pa="k-colorpalette-tile",tl=[a.hover,a.focus,a.selected],ol={},Kt=e=>{let{color:t,tileSize:o,hover:n,focus:i,selected:l,...p}=e,m={backgroundColor:t,width:o?o+"px":"",height:o?o+"px":""};return al("td",{...p,className:s(e.className,pa,S(pa,{hover:n,focus:i,selected:l})),style:m})};Kt.states=tl;Kt.options=ol;Kt.className=pa;import{jsx as Rt}from"react/jsx-runtime";var io="k-colorpalette",sl=[a.disabled],nl={size:[r.small,r.medium,r.large]},ca={columns:10,size:r.medium},dt=e=>{let{size:t=ca.size,palette:o,columns:n=ca.columns,tileSize:i,disabled:l,...p}=e,m=[];if(o){let u=n||o.columns,b=o.colors?o.colors:o;Array.isArray(b)&&Array.from({length:Math.ceil(b.length/u)},(N,v)=>{let c=[];b.slice(v*u,(v+1)*u).map((g,L)=>{c.push(Rt(Kt,{color:g,tileSize:i},L))});let k=Rt(Us,{children:c},v);m.push(k)})}return Rt("div",{...p,className:s(e.className,io,S(io,{disabled:l}),I