@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
1 lines • 77.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"}),v=(e,t)=>{let{valid:o,invalid:s,hover:i,focus:p,checked:l,active:d,selected:u,disabled:f,indeterminate:x,loading:S,empty:m,readonly:M,highlighted:h,...k}=t;return n({"k-valid":o,"k-invalid":s,"k-hover":i,"k-focus":p,"k-checked":l,"k-active":d,"k-selected":u,"k-disabled":f,"k-indeterminate":x&&!l,"k-loading":S,"k-empty":m,"k-readonly":M,"k-highlighted":h},Object.keys(k).reduce((A,I)=>(I.startsWith("k-")?A[I]=k[I]:A[`k-${I}`]=k[I],A),{}))};function la(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"},L={small:"small",medium:"medium",large:"large",full:"full"},b={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},N={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 Lr,jsx as pa}from"react/jsx-runtime";var _o="k-font-icon",fr=[],br={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark]},Nr={},_t=e=>{let{size:t,themeColor:o,icon:s,rotate:i,flip:p,...l}=e;return s?pa("span",{...l,className:n(e.className,_o,E(_o,{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"})}):pa(Lr,{})};_t.states=fr;_t.options=br;_t.className=_o;_t.defaultOptions=Nr;var ma=_t;import{Fragment as hr,jsx as io}from"react/jsx-runtime";var zo="k-svg-icon",xr=[],Mr={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark]},ca={viewBox:"0 0 24 24"},zt=e=>{let{size:t,themeColor:o,rotate:s,flip:i,viewBox:p=ca.viewBox,icon:l,...d}=e;if(!l)return io(hr,{});l==="none"&&{...d,className:n(e.className,zo,"k-none")};let u=typeof l=="object"&&l.name&&l.name;return io("span",{...d,className:n(e.className,zo,E("k-icon",{size:t}),{[`k-svg-i-${u}`]:u,[`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=xr;zt.options=Mr;zt.className=zo;zt.defaultOptions=ca;var Do=zt;import*as wo from"@progress/kendo-svg-icons";var da="icon",ua="icons";import{Fragment as fa,jsx as Dt}from"react/jsx-runtime";var lo="k-icon",Sr=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),kr=[],vr={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark]},Ho={viewBox:"0 0 24 24",type:"svg"},g=e=>{let{size:t,themeColor:o,icon:s,type:i=Ho.type,rotate:p,flip:l,viewBox:d=Ho.viewBox,...u}=e;if(!s)return Dt(fa,{});if(i==="svg"){if(s==="none")return Dt(Do,{...u,className:n(e.className,lo),icon:s,size:t});let f=wo[s]?s:Sr(`${s}-icon`);return wo[f]?Dt(Do,{...u,className:n(e.className,lo),icon:wo[f],size:t,themeColor:o,rotate:p,flip:l,viewBox:d}):Dt(fa,{})}return Dt(ma,{...u,className:n(e.className,lo),icon:s,size:t,themeColor:o,rotate:p,flip:l})};g.states=kr;g.options=vr;g.defaultOptions=Ho;g.className=lo;g.moduleName=da;g.folderName=ua;var Uo="button",ba=Uo;import{Fragment as Cr,jsx as wt,jsxs as Na}from"react/jsx-runtime";var Ht="k-button",gr=["icon-button"],Er=[a.hover,a.focus,a.active,a.selected,a.disabled,a.generating],Ar={size:[r.small,r.medium,r.large],rounded:[L.small,L.medium,L.large,L.full],fillMode:[b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark,N.inverse]},Ye={size:r.medium,rounded:L.medium,fillMode:b.solid,themeColor:N.base,showArrow:!1,arrowIconName:"caret-alt-down"},c=e=>{let{size:t=Ye.size,rounded:o=Ye.rounded,fillMode:s=Ye.fillMode,themeColor:i=Ye.themeColor,showArrow:p=Ye.showArrow,arrowIconName:l=Ye.arrowIconName,variant:d,hover:u,focus:f,active:x,selected:S,disabled:m,icon:M,text:h,iconClassName:k,...A}=e,I=M!==void 0,P=e.children!==void 0;return Na("button",{...A,className:n(e.className,Ht,la(Ht,d),E(Ht,{size:t,rounded:o,fillMode:s,themeColor:i}),v(Ht,{hover:u,focus:f,active:x,disabled:m,selected:S}),{"k-icon-button":!h&&!P&&I}),children:[M&&wt(g,{className:n(k,"k-button-icon"),icon:M}),h?Na(Cr,{children:[h&&wt("span",{className:"k-button-text",children:h}),e.children]}):e.children&&wt("span",{className:"k-button-text",children:e.children}),p&&wt("span",{className:"k-menu-button-arrow k-button-arrow",children:wt(g,{icon:l})})]})};c.states=Er;c.options=Ar;c.variants=gr;c.className=Ht;c.defaultOptions=Ye;c.moduleName=Uo;c.folderName=ba;import{jsx as Ir}from"react/jsx-runtime";var po=e=>Ir(c,{icon:"folder",...e,children:void 0});import{jsx as Tr}from"react/jsx-runtime";var Go=e=>Tr(c,{icon:"folder",children:"Button",...e});import{jsx as Ym}from"react/jsx-runtime";var Fo="button",La=Fo;import{jsx as Pr}from"react/jsx-runtime";var Ut="k-button-group",Or=[a.disabled],yr={fillMode:[b.solid,b.flat,b.outline,b.clear,b.link]},xa={fillMode:b.solid},B=e=>{let{fillMode:t=xa.fillMode,disabled:o,stretched:s,...i}=e;return Pr("div",{...i,className:n(e.className,Ut,E(Ut,{fillMode:t}),v(Ut,{disabled:o}),{[`${Ut}-stretched`]:s}),children:e.children})};B.states=Or;B.options=yr;B.className=Ut;B.defaultOptions=xa;B.moduleName=Fo;B.folderName=La;import{Fragment as fc,jsx as uc,jsxs as bc}from"react/jsx-runtime";import{Fragment as Sc,jsx as hc,jsxs as kc}from"react/jsx-runtime";import{Fragment as Ic,jsx as Cc,jsxs as Tc}from"react/jsx-runtime";import{Fragment as Kc,jsx as Rc,jsxs as _c}from"react/jsx-runtime";var Gt="input",mo=Gt;import{jsx as Kr}from"react/jsx-runtime";var co="k-input",Br=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],Rr={size:[r.small,r.medium,r.large],rounded:[L.small,L.medium,L.large,L.full],fillMode:[b.solid,b.flat,b.outline]},uo={size:r.medium,rounded:r.medium,fillMode:b.solid},R=e=>{let{hover:t,focus:o,disabled:s,invalid:i,valid:p,loading:l,readonly:d,size:u=uo.size,rounded:f=uo.rounded,fillMode:x=uo.fillMode,...S}=e;return Kr("span",{...S,className:n(e.className,co,E(co,{size:u,rounded:f,fillMode:x}),v(co,{hover:t,focus:o,disabled:s,invalid:i,valid:p,loading:l,readonly:d}))})};R.states=Br;R.options=Rr;R.className=co;R.defaultOptions=uo;R.moduleName=Gt;R.folderName=mo;import{jsx as Dr}from"react/jsx-runtime";var fo="k-picker",_r=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],zr={size:[r.small,r.medium,r.large],rounded:[L.small,L.medium,L.large,L.full],fillMode:[b.solid,b.flat,b.outline]},bo={size:r.medium,rounded:L.medium,fillMode:b.solid},Q=e=>{let{hover:t,focus:o,disabled:s,invalid:i,valid:p,loading:l,readonly:d,size:u=bo.size,rounded:f=bo.rounded,fillMode:x=bo.fillMode,...S}=e;return Dr("span",{...S,className:n(e.className,fo,E(fo,{size:u,rounded:f,fillMode:x}),v(fo,{hover:t,focus:o,disabled:s,invalid:i,valid:p,loading:l,readonly:d})),children:e.children})};Q.states=_r;Q.options=zr;Q.className=fo;Q.defaultOptions=bo;Q.moduleName=Gt;Q.folderName=mo;import{Fragment as Ur,jsx as $o}from"react/jsx-runtime";var Ma="k-clear-value",wr=[a.disabled,a.loading,a.readonly],Hr={},de=e=>{let{disabled:t,loading:o,readonly:s,value:i}=e;return t||s||o||!i?$o(Ur,{}):$o("span",{className:n(e.className,Ma),children:$o(g,{icon:"x"})})};de.states=wr;de.options=Hr;de.className=Ma;import{jsx as $r}from"react/jsx-runtime";var Vo="k-input-inner",Gr=[],Fr={},No={type:"text",autocomplete:"off",value:"",placeholder:""},ue=e=>{let{value:t=No.value,type:o=No.type,placeholder:s=No.placeholder,autocomplete:i=No.autocomplete,...p}=e;return $r("input",{...p,type:o,className:n(e.className,Vo,E(Vo,e)),placeholder:s,autoComplete:i,defaultValue:t})};ue.states=Gr;ue.options=Fr;ue.className=Vo;import{jsx as ha,jsxs as Jr}from"react/jsx-runtime";var Xo="k-input-inner",Vr=[],Xr={},je=e=>{let{value:t,placeholder:o,showValue:s,valueIcon:i,valueIconName:p,...l}=e;return Jr("span",{...l,className:n(e.className,Xo,E(Xo,e)),children:[i,!i&&p&&ha(g,{className:"k-input-value-icon",icon:p}),s&&!t&&o,s&&t&&ha("span",{className:"k-input-value-text",children:t})]})};je.states=Vr;je.options=Xr;je.className=Xo;import{jsx as Zr}from"react/jsx-runtime";var Jo="k-input-inner",Wr=[],qr={},Sa={value:"",placeholder:""},Wo=e=>{let{value:t=Sa.value,placeholder:o=Sa.placeholder,rows:s,...i}=e;return Zr("textarea",{...i,className:n(e.className,Jo,E(Jo,e)),placeholder:o,rows:s,defaultValue:t})};Wo.states=Wr;Wo.options=qr;Wo.className=Jo;import{Fragment as Yr,jsx as ka}from"react/jsx-runtime";var va="k-input-loading-icon",Qr=[a.disabled,a.loading],te=e=>{let{disabled:t,loading:o}=e;return t||!o?ka(Yr,{}):ka("span",{className:n(e.className,va,"k-icon k-i-loading")})};te.states=Qr;te.className=va;import{Fragment as ti,jsx as ga}from"react/jsx-runtime";var Ea="k-input-validation-icon",jr=[a.valid,a.invalid,a.disabled,a.loading],ei={},Y=e=>{let{valid:t,invalid:o,disabled:s,loading:i}=e,p=o?"warning-circle":"check-circle";return s||i||!!!(t||o)?ga(ti,{}):ga(g,{className:n(Ea),icon:p})};Y.states=jr;Y.options=ei;Y.className=Ea;import{Fragment as ai,jsx as Aa}from"react/jsx-runtime";var oi="k-input-prefix",ni={direction:"horizontal"},ke=e=>{let{direction:t=ni.direction,...o}=e;return e.children?Aa("span",{...o,className:n(oi,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Aa(ai,{})};import{Fragment as ii,jsx as Ca}from"react/jsx-runtime";var si="k-input-suffix",ri={direction:"horizontal"},ve=e=>{let{direction:t=ri.direction,...o}=e;return e.children?Ca("span",{...o,className:n(si,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Ca(ii,{})};import{jsx as Id}from"react/jsx-runtime";import{jsx as Pd}from"react/jsx-runtime";import{jsx as pi}from"react/jsx-runtime";var Ia="k-input-separator",li={direction:"vertical"},Te=e=>{let{direction:t=li.direction,...o}=e;return pi("span",{...o,className:n(Ia,e.className,{[`${Ia}-${t}`]:t})})};var qo="popup",Ta=qo;import{jsx as Oa}from"react/jsx-runtime";var ya="k-animation-container",mi=[],ci={},Pa={positionMode:"absolute"},ge=e=>{let{positionMode:t=Pa.positionMode,animationStyle:o,offset:s,...i}=e;return Oa("div",{...i,style:{...s,...e.style},className:n(e.className,ya,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Oa("div",{className:"k-child-animation-container",style:o,children:e.children})})};ge.states=mi;ge.options=ci;ge.className=ya;ge.defaultOptions=Pa;ge.moduleName=qo;ge.folderName=Ta;var Zo="popup",Ba=Zo;import{jsx as Ra}from"react/jsx-runtime";var Ka="k-popup",di=[],ui={},_a={positionMode:"absolute"},D=e=>{let{offset:t,positionMode:o=_a.positionMode,animationStyle:s,...i}=e;return Ra(ge,{positionMode:o,offset:t,animationStyle:s,children:Ra("div",{...i,className:n(e.className,Ka),children:e.children})})};D.states=di;D.options=ui;D.className=Ka;D.defaultOptions=_a;D.moduleName=Zo;D.folderName=Ba;var Qo="action-buttons",za=Qo;import{jsx as Ni}from"react/jsx-runtime";var Lo="k-actions",fi=[],bi={},Yo={alignment:"start",orientation:"horizontal"},fe=e=>{let{alignment:t=Yo.alignment,orientation:o=Yo.orientation,...s}=e;return Ni("div",{...s,className:n(Lo,{[`${Lo}-${t}`]:t,[`${Lo}-${o}`]:o},e.className),children:e.children})};fe.states=fi;fe.options=bi;fe.className=Lo;fe.defaultOptions=Yo;fe.moduleName=Qo;fe.folderName=za;var Da=fe;import{jsx as xi}from"react/jsx-runtime";var Li="k-actionsheet-footer",wa={alignment:"stretched",orientation:"horizontal"},Ft=e=>{let{alignment:t=wa.alignment,orientation:o=wa.orientation,template:s,as:i=s?"div":fe,...p}=e;return xi(i,{...p,...!s&&{alignment:t,orientation:o},className:n(e.className,Li),children:e.children})};var jo="searchbox",Ha=jo;import{jsx as $t,jsxs as Si}from"react/jsx-runtime";var Ua="k-searchbox",Mi=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading],hi={size:[r.small,r.medium,r.large],rounded:[L.small,L.medium,L.large,L.full],fillMode:[b.solid,b.flat,b.outline]},en={showIcon:!0,icon:"search",size:R.defaultOptions.size,rounded:R.defaultOptions.rounded,fillMode:R.defaultOptions.fillMode},be=e=>{let{value:t,placeholder:o,size:s,rounded:i,fillMode:p,hover:l,focus:d,valid:u,invalid:f,required:x,loading:S,disabled:m,showIcon:M=en.showIcon,icon:h=en.icon,...k}=e;return Si(R,{...k,size:s,rounded:i,fillMode:p,hover:l,focus:d,valid:u,invalid:f,required:x,loading:S,disabled:m,className:n(e.className,Ua),children:[M&&$t(g,{className:"k-input-icon",icon:h}),$t(ue,{placeholder:o,value:t}),$t(te,{...e}),$t(Y,{...e}),$t(de,{...e})]})};be.states=Mi;be.options=hi;be.className=Ua;be.defaultOptions=en;be.moduleName=jo;be.folderName=Ha;import{jsx as Bu}from"react/jsx-runtime";var tn="textbox",Ga=tn;import{Fragment as Fa,jsx as De,jsxs as on}from"react/jsx-runtime";var $a="k-textbox",ki=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],vi={size:[r.small,r.medium,r.large],rounded:[L.small,L.medium,L.large,L.full],fillMode:[b.solid,b.flat,b.outline]},et={showClearButton:!0,showValidationIcon:!0,size:R.defaultOptions.size,rounded:R.defaultOptions.rounded,fillMode:R.defaultOptions.fillMode,separators:!0},oe=e=>{let{size:t=et.size,rounded:o=et.rounded,fillMode:s=et.fillMode,separators:i=et.separators,showClearButton:p=et.showClearButton,showValidationIcon:l=et.showValidationIcon,prefix:d,suffix:u,type:f,value:x,placeholder:S,hover:m,focus:M,valid:h,invalid:k,required:A,loading:I,disabled:P,readonly:U,...V}=e;return on(R,{...V,size:t,rounded:o,fillMode:s,hover:m,focus:M,valid:h,invalid:k,required:A,loading:I,disabled:P,readonly:U,className:n(e.className,$a),children:[d&&on(Fa,{children:[De(ke,{children:d}),i&&De(Te,{})]}),De(ue,{placeholder:S,value:x,type:f}),l&&De(Y,{valid:h,invalid:k,loading:I,disabled:P}),De(te,{loading:I,disabled:P}),p&&De(de,{loading:I,disabled:P,readonly:U,value:x}),u&&on(Fa,{children:[i&&De(Te,{}),De(ve,{children:u})]})]})};oe.states=ki;oe.options=vi;oe.className=$a;oe.defaultOptions=et;oe.moduleName=tn;oe.folderName=Ga;import{jsx as Xu}from"react/jsx-runtime";import{Fragment as Yu,jsx as Qu}from"react/jsx-runtime";import{Fragment as sf,jsx as af}from"react/jsx-runtime";import{jsx as we,jsxs as nn}from"react/jsx-runtime";var Xa="k-actionsheet-titlebar",gi={},ne=e=>{let{title:t,subtitle:o,actionsStart:s,actionsEnd:i,filter:p,input:l,inputValue:d,inputPlaceholder:u,adaptive:f,children:x,...S}=e;return nn("div",{...S,className:n(e.className,Xa),children:[nn("div",{className:"k-actionsheet-titlebar-group",children:[s&&we("div",{className:"k-actionsheet-actions",children:s}),!x&&nn("div",{className:"k-actionsheet-title",children:[t&&we("div",{className:"k-text-center",children:t}),o&&we("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),x&&we("div",{className:"k-actionsheet-title",children:x}),i&&we("div",{className:"k-actionsheet-actions",children:i})]}),(l||p)&&we("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?we(oe,{value:d,placeholder:u,size:f?"large":"medium"}):we(be,{placeholder:"Filter",size:f?"large":"medium"})})]})};ne.className=Xa;ne.defaultOptions=gi;import{jsx as an,jsxs as Ii}from"react/jsx-runtime";var sn="k-actionsheet-view",Ei=[],Ai={},Ci={},ut=e=>{let{adaptive:t,animated:o,children:s,header:i,footer:p,...l}=e,d=i?.type===ne&&an(ne,{adaptive:t,...i?.props}),u=p?.type===Ft&&an(Ft,{...p?.props});return Ii("div",{...l,className:n(e.className,sn,{[`${sn}-animated`]:o}),children:[d,an("div",{className:"k-actionsheet-content",children:s}),u]})};ut.states=Ei;ut.options=Ai;ut.className=sn;ut.defaultOptions=Ci;var Vt="action-sheet",xo=Vt;import{jsx as Mo,jsxs as yi}from"react/jsx-runtime";var Ja="k-actionsheet",Ti=[],Oi={},Xt={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},j=e=>{let{side:t=Xt.side,fullscreen:o=Xt.fullscreen,adaptive:s=Xt.adaptive,overlay:i=Xt.overlay,template:p,children:l,header:d,footer:u,...f}=e;return yi("div",{className:"k-actionsheet-container",children:[i&&Mo("div",{className:"k-overlay"}),Mo(ge,{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",{...f,className:n(e.className,Ja,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":s}),children:p||Mo(ut,{header:d,footer:u,adaptive:s,...e,children:l})})})]})};j.states=Ti;j.options=Oi;j.className=Ja;j.defaultOptions=Xt;j.moduleName=Vt;j.folderName=xo;import{jsx as Ki}from"react/jsx-runtime";var Wa="k-actionsheet-container",Pi=[],Bi={},Ri={},ft=e=>{let{children:t,...o}=e;return Ki("div",{...o,className:Wa,children:t})};ft.states=Pi;ft.options=Bi;ft.className=Wa;ft.defaultOptions=Ri;ft.moduleName=Vt;ft.folderName=xo;import{jsx as Kf}from"react/jsx-runtime";import{Fragment as zi,jsx as Jt,jsxs as rn}from"react/jsx-runtime";var ln="k-actionsheet-item",_i=[a.hover,a.focus,a.selected,a.disabled],pn=e=>{let{iconName:t,text:o,description:s,hover:i,focus:p,selected:l,disabled:d,...u}=e;return rn("span",{...u,className:n(e.className,ln,v(ln,{hover:i,focus:p,selected:l,disabled:d})),children:[!e.children&&Jt(zi,{children:rn("span",{className:"k-actionsheet-action",children:[t&&Jt("span",{className:"k-icon-wrap",children:Jt(g,{className:"k-actionsheet-item-icon",icon:t})}),rn("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]})};pn.states=_i;pn.className=ln;import{jsx as $f,jsxs as Vf}from"react/jsx-runtime";import{jsx as qf}from"react/jsx-runtime";import{jsx as jf}from"react/jsx-runtime";import{jsx as nb}from"react/jsx-runtime";import{jsx as wi}from"react/jsx-runtime";var Di="k-no-data",Wt=e=>wi("span",{className:n(Di,e.className),children:e.children});var Oe="list",He=Oe;import{jsx as bt,jsxs as Za}from"react/jsx-runtime";var mn="k-list",Hi=[],Ui={size:[r.small,r.medium,r.large]},Qa={size:r.medium},K=e=>{let{size:t=Qa.size,virtualization:o,children:s,optionLabel:i,customValue:p,screenReaders:l,...d}=e,u,f,x,S,m=[];return s?s.map((M,h)=>{M.type===G?(M.props.root===!0?(u=M.props.label,M.props.children.map((k,A)=>{m.push(bt(T,{...k.props},`optChild-${A}-${new Date().getTime()}`))})):M.props.children.forEach((k,A)=>{let I="";A===0&&(I=M.props.label),m.push(bt(T,{className:A===0?"k-first":"",...k.props,groupLabel:I},`groupLabel-${A}-${new Date().getTime()}`))}),f=bt(G,{label:u,virtualization:o,children:m})):M.type===T&&(m.push(bt(T,{...M.props},`${M.type}-${h}`)),x=bt(Nt,{virtualization:o,children:m}),l&&(S=Za(Wt,{className:"k-sr-only",children:[m.length," items found."]})))}):S=bt(Wt,{children:"No data found."}),Za("div",{...d,className:n(e.className,mn,E(mn,{size:t}),{"k-virtual-list":o}),children:[i,p,f,x,S]})};K.states=Hi;K.options=Ui;K.className=mn;K.defaultOptions=Qa;K.moduleName=Oe;K.folderName=He;import{jsx as Vi}from"react/jsx-runtime";var Ya="k-list-container",Gi=[],Fi={},$i={},Lt=e=>{let{...t}=e;return Vi("div",{...t,className:n(e.className,Ya),children:e.children})};Lt.states=Gi;Lt.options=Fi;Lt.className=Ya;Lt.defaultOptions=$i;Lt.moduleName=Oe;Lt.folderName=He;import{jsx as tt,jsxs as Wi}from"react/jsx-runtime";var cn="k-list",Xi=[],Ji={size:[r.small,r.medium,r.large]},ja={size:r.medium},ye=e=>{let{size:t=ja.size,virtualization:o,children:s,...i}=e,p,l,d,u=[];return s?s.map((f,x)=>{f.type===G?(f.props.root===!0?(p=f.props.label,f.props.children.map((S,m)=>{u.push(tt(T,{...S.props},`optChild-${m}-${new Date().getTime()}`))})):(u.push(tt(es,{...f.props,children:f.props.label},`listChild-${x}`)),f.props.children.map((S,m)=>{u.push(tt(T,{...S.props},`fwOptChild-${m}-${new Date().getTime()}`))})),l=tt(G,{label:p,virtualization:o,children:u})):f.type===T&&(u.push(tt(T,{...f.props},`${f.type}-${x}`)),d=tt(Nt,{virtualization:o,children:u}))}):d=tt(Wt,{children:"No data found."}),Wi("div",{...i,className:n(e.className,cn,E(cn,{size:t}),{"k-virtual-list":o}),children:[l,d]})};ye.states=Xi;ye.options=Ji;ye.className=cn;ye.defaultOptions=ja;ye.moduleName=Oe;ye.folderName=He;var ot="checkbox",xt=ot;import{jsx as ts}from"react/jsx-runtime";var ho="k-checkbox",qi=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.checked,a.indeterminate],Zi={size:[r.small,r.medium,r.large],rounded:[L.small,L.medium,L.large,L.full]},dn={size:r.medium,rounded:L.medium},Ee=e=>{let{id:t,checked:o,indeterminate:s,hover:i,focus:p,disabled:l,invalid:d,valid:u,required:f,size:x=dn.size,rounded:S=dn.rounded,...m}=e;return ts("span",{className:"k-checkbox-wrap",children:ts("input",{...m,id:t,type:"checkbox",defaultChecked:o,required:f,className:n(e.className,ho,E(ho,{size:x,rounded:S}),v(ho,{hover:i,focus:p,disabled:l,invalid:d,valid:u,indeterminate:s,checked:o}))})})};Ee.states=qi;Ee.options=Zi;Ee.className=ho;Ee.defaultOptions=dn;Ee.moduleName=ot;Ee.folderName=xt;import{jsx as ji}from"react/jsx-runtime";var os="k-checkbox-list",Qi=[],Yi={},ns={layout:"vertical"},Ue=e=>{let{layout:t=ns.layout,...o}=e;return ji("ul",{...o,className:n(e.className,os,{[`k-list-${t}`]:t}),children:e.children})};Ue.states=Qi;Ue.options=Yi;Ue.className=os;Ue.defaultOptions=ns;Ue.moduleName=ot;Ue.folderName=xt;import{jsx as nl}from"react/jsx-runtime";var as="k-checkbox-list-item",el=[],tl={},ol={},Ge=e=>{let{...t}=e;return nl("li",{...t,className:n(e.className,as),children:e.children})};Ge.states=el;Ge.options=tl;Ge.className=as;Ge.defaultOptions=ol;Ge.moduleName=ot;Ge.folderName=xt;import{Fragment as tN,jsx as eN,jsxs as oN}from"react/jsx-runtime";import{Fragment as iN,jsx as rN,jsxs as lN}from"react/jsx-runtime";import{Fragment as uN,jsx as dN,jsxs as fN}from"react/jsx-runtime";import{Fragment as MN,jsx as xN,jsxs as hN}from"react/jsx-runtime";import{jsx as gN}from"react/jsx-runtime";import{jsx as IN}from"react/jsx-runtime";import{jsx as So,jsxs as il}from"react/jsx-runtime";var fn="k-list-item",al=[a.hover,a.focus,a.selected,a.disabled],sl={},rl={},T=e=>{let{text:t,groupLabel:o,group:s,showIcon:i,iconName:p,showCheckbox:l,checked:d,hover:u,focus:f,selected:x,disabled:S,...m}=e,M=t||e.children;return il("li",{...m,className:n(e.className,s?"k-list-group-item":fn,v(fn,{hover:u,focus:f,disabled:S,selected:x})),children:[l&&So(Ee,{checked:d}),i&&So(g,{icon:p}),So("span",{className:"k-list-item-text",children:M}),o&&o!==""&&So("div",{className:"k-list-item-group-label",children:o})]})};T.states=al;T.options=sl;T.className=fn;T.defaultOptions=rl;T.moduleName=Oe;T.folderName=He;import{jsx as bn,jsxs as pl}from"react/jsx-runtime";var ll="k-list-content",Nt=e=>{let{virtualization:t,...o}=e;return pl("div",{...o,className:n(ll,e.className),children:[bn("ul",{className:n("k-list-ul"),children:e.children}),t&&bn("div",{className:"k-height-container",children:bn("div",{})})]})};import{jsx as ss}from"react/jsx-runtime";var ml="k-list-group-sticky-header",rs=e=>ss("div",{className:n(ml,e.className),children:ss("div",{className:"k-list-header-text",children:e.children})});import{Fragment as cl,jsx as is,jsxs as dl}from"react/jsx-runtime";var G=e=>{let{virtualization:t,label:o}=e;return dl(cl,{children:[o&&is(rs,{children:o}),e.children&&is(Nt,{virtualization:t,children:e.children})]})};import{jsx as ls}from"react/jsx-runtime";var ul="k-list-group-item",es=e=>ls("li",{className:n(ul,e.className),children:ls("span",{className:"k-list-item-text",children:e.children})});import{jsx as Ll}from"react/jsx-runtime";var Nn="k-list-optionlabel",fl=[a.hover,a.focus,a.selected,a.disabled],bl={},Nl={},ko=e=>{let{text:t,hover:o,focus:s,selected:i,disabled:p,...l}=e;return Ll("div",{...l,className:n(Nn,v(Nn,{hover:o,focus:s,selected:i,disabled:p})),children:t})};ko.states=fl;ko.options=bl;ko.className=Nn;ko.defaultOptions=Nl;import{jsx as Sl}from"react/jsx-runtime";var Ln="k-list-custom-value",xl=[a.hover,a.focus,a.selected,a.disabled],Ml={},hl={},Fe=e=>{let{text:t,hover:o,focus:s,selected:i,disabled:p,...l}=e;return Sl("div",{...l,className:n(Ln,v(Ln,{hover:o,focus:s,selected:i,disabled:p})),children:t})};Fe.states=xl;Fe.options=Ml;Fe.className=Ln;Fe.defaultOptions=hl;import{jsx as dL}from"react/jsx-runtime";import{jsx as NL}from"react/jsx-runtime";import{jsx as hL,jsxs as SL}from"react/jsx-runtime";import{jsx as EL,jsxs as AL}from"react/jsx-runtime";import{jsx as OL}from"react/jsx-runtime";import{jsx as RL,jsxs as KL}from"react/jsx-runtime";import{jsx as wL,jsxs as HL}from"react/jsx-runtime";var xn="combobox",ps=xn;import{Fragment as Mn,jsx as w,jsxs as qt}from"react/jsx-runtime";var ms="k-combobox",kl=[a.hover,a.focus,a.valid,a.invalid,a.loading,a.required,a.disabled,a.readonly],vl={size:[r.small,r.medium,r.large],rounded:[L.small,L.medium,L.large,L.full],fillMode:[b.solid,b.flat,b.outline]},Zt={size:R.defaultOptions.size,rounded:R.defaultOptions.rounded,fillMode:R.defaultOptions.fillMode,separators:!0},Ne=e=>{let{size:t=Zt.size,rounded:o=Zt.rounded,fillMode:s=Zt.fillMode,separators:i=Zt.separators,prefix:p,suffix:l,value:d,placeholder:u,hover:f,focus:x,valid:S,invalid:m,required:M,loading:h,disabled:k,popup:A,opened:I,readonly:P,adaptive:U,adaptiveSettings:V,adaptiveTitle:Rt,adaptiveSubtitle:Kt,adaptiveCustomValue:Ro,...Ko}=e;return qt(Mn,{children:[qt(R,{...Ko,size:t,rounded:o,fillMode:s,hover:f,focus:x,valid:S,invalid:m,required:M,loading:h,disabled:k,readonly:P,className:n(e.className,ms),children:[p&&qt(Mn,{children:[w(ke,{children:p}),i&&w(Te,{})]}),w(ue,{placeholder:u,value:d}),w(Y,{valid:S,invalid:m,loading:h,disabled:k}),w(te,{loading:h,disabled:k}),w(de,{loading:h,disabled:k,readonly:P,value:d}),l&&qt(Mn,{children:[i&&w(Te,{}),w(ve,{children:l})]}),w(c,{className:"k-input-button",icon:"caret-alt-down",rounded:null,size:t,fillMode:s})]}),I&&A&&w(D,{className:"k-list-container k-combobox-popup",children:A}),U&&w(j,{adaptive:!0,...V,header:w(ne,{actionsEnd:w(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),input:!0,inputValue:d,inputPlaceholder:u,title:Rt,subtitle:Kt}),children:w("div",{className:"k-list-container",children:qt(K,{customValue:Ro?w(Fe,{text:`Use "${d}"`}):void 0,size:"large",children:[w(T,{text:"List item"}),w(T,{text:"List item"}),w(T,{text:"List item"})]})})})]})};Ne.states=kl;Ne.options=vl;Ne.className=ms;Ne.defaultOptions=Zt;Ne.moduleName=xn;Ne.folderName=ps;import{jsx as Mx}from"react/jsx-runtime";import{jsx as gx,jsxs as Ex}from"react/jsx-runtime";import{jsx as Ox,jsxs as yx}from"react/jsx-runtime";import{jsx as _x,jsxs as zx}from"react/jsx-runtime";import{jsx as Ux}from"react/jsx-runtime";import{Fragment as Jx,jsx as Xx}from"react/jsx-runtime";import{Fragment as jx,jsx as Yx}from"react/jsx-runtime";import{jsx as aM,jsxs as sM}from"react/jsx-runtime";import{Fragment as dM,jsx as mM,jsxs as cM}from"react/jsx-runtime";var hn="dropzone",cs=hn;import{jsx as vo,jsxs as Al}from"react/jsx-runtime";var Sn="k-external-dropzone",gl=[a.disabled,a.hover],El={},kn={icon:"upload",hint:"Drag and drop files here to upload"},Pe=e=>{let{hover:t,disabled:o,icon:s=kn.icon,hint:i=kn.hint,note:p,...l}=e;return vo("div",{...l,className:n(e.className,Sn,v(Sn,{disabled:o}),{"k-external-dropzone-hover":t}),children:Al("div",{className:"k-dropzone-inner",children:[s&&vo(g,{icon:s,className:"k-dropzone-icon",size:"xxxlarge"}),i&&vo("span",{className:"k-dropzone-hint",children:i}),p&&vo("span",{className:"k-dropzone-note",children:p})]})})};Pe.states=gl;Pe.options=El;Pe.className=Sn;Pe.defaultOptions=kn;Pe.moduleName=hn;Pe.folderName=cs;import{jsx as Cl}from"react/jsx-runtime";var ds=e=>Cl(Pe,{...e});import{jsx as _M}from"react/jsx-runtime";var vn="menu-button",us=vn;import{Fragment as Ol,jsx as fs,jsxs as yl}from"react/jsx-runtime";var bs="k-menu-button",Il=[a.hover,a.focus,a.active,a.selected,a.disabled],Tl={size:[r.small,r.medium,r.large],rounded:[L.small,L.medium,L.large,L.full],fillMode:[b.solid,b.flat,b.outline,b.clear,b.link],themeColor:[N.base,N.primary,N.secondary,N.tertiary,N.success,N.warning,N.error,N.info,N.light,N.dark,N.inverse]},nt={size:r.medium,rounded:L.medium,fillMode:b.solid,themeColor:N.base,showArrow:!0,arrowIconName:"caret-alt-down"},H=e=>{let{size:t=nt.size,rounded:o=nt.rounded,fillMode:s=nt.fillMode,themeColor:i=nt.themeColor,hover:p,focus:l,active:d,selected:u,disabled:f,icon:x,text:S,showArrow:m=nt.showArrow,arrowIconName:M=nt.arrowIconName,popup:h,opened:k,...A}=e;return yl(Ol,{children:[fs(c,{...A,className:n(e.className,bs),text:S,size:t,rounded:o,fillMode:s,themeColor:i,hover:p,focus:l,active:d,selected:u,disabled:f,icon:x,showArrow:m,arrowIconName:M}),k&&h&&fs(D,{className:"k-menu-popup",children:h})]})};H.states=Il;H.options=Tl;H.className=bs;H.defaultOptions=nt;H.moduleName=vn;H.folderName=us;import{jsx as QM}from"react/jsx-runtime";import{jsx as th}from"react/jsx-runtime";import{jsx as sh}from"react/jsx-runtime";var ee="menu",ae=ee;import{Fragment as Rl,jsx as Mt,jsxs as Ns}from"react/jsx-runtime";var En="k-menu-item",Pl=[a.hover,a.focus,a.active,a.selected,a.disabled],Bl={},Ls={iconPosition:"before"},Le=e=>{let{hover:t,focus:o,active:s,selected:i,disabled:p,icon:l,text:d,first:u,last:f,showArrow:x,arrowIconName:S,iconPosition:m=Ls.iconPosition,dir:M,children:h,...k}=e,A=Mt(Rl,{});h&&h.forEach(P=>{if(P.type==="MenuItemContent"){A.props.children.push(P);return}});let I=S;return I||(I=M==="rtl"?"caret-alt-left":"caret-alt-right"),Ns("li",{...k,className:n(e.className,En,"k-item",v(En,{focus:o,disabled:p,hover:t,active:s,selected:i}),{"k-first":u,"k-last":f}),children:[Ns("span",{className:n("k-link k-menu-link"),children:[l&&m==="before"&&Mt(g,{className:"k-menu-link-icon",icon:l}),Mt("span",{className:"k-menu-link-text",children:d}),l&&m==="after"&&Mt(g,{className:"k-menu-link-icon",icon:l}),x&&Mt("span",{className:"k-menu-expand-arrow",children:Mt(g,{icon:I})})]}),A]})};Le.states=Pl;Le.options=Bl;Le.className=En;Le.defaultOptions=Ls;Le.moduleName=ee;Le.folderName=ae;import{Fragment as zl,jsx as ht,jsxs as xs}from"react/jsx-runtime";var An="k-menu-item",Kl=[a.hover,a.focus,a.active,a.selected,a.disabled],_l={},Cn={dir:"ltr",iconPosition:"before"},se=e=>{let{hover:t,focus:o,active:s,selected:i,disabled:p,icon:l,text:d,first:u,last:f,showArrow:x,arrowIconName:S,iconPosition:m=Cn.iconPosition,dir:M=Cn.dir,children:h,popup:k,...A}=e,I=ht(zl,{});h&&h.forEach(U=>{if(U.type==="MenuListItemContent"){I.props.children.push(U);return}});let P=S;return P||(P=M==="rtl"?"caret-alt-left":"caret-alt-right"),xs("li",{...A,className:n(e.className,An,"k-item",v(An,{focus:o,disabled:p}),{"k-first":u,"k-last":f}),children:[xs("span",{className:n("k-link k-menu-link",v("k-menu-link",{hover:t,active:s,selected:i,disabled:p})),children:[l&&m==="before"&&ht(g,{className:"k-menu-link-icon",icon:l}),ht("span",{className:"k-menu-link-text",children:d}),l&&m==="after"&&ht(g,{className:"k-menu-link-icon",icon:l}),x&&ht("span",{className:"k-menu-expand-arrow",children:ht(g,{icon:P})})]}),I,k]})};se.states=Kl;se.options=_l;se.className=An;se.defaultOptions=Cn;se.moduleName=ee;se.folderName=ae;import{jsx as Ul}from"react/jsx-runtime";var Ms="k-menu-scroll-wrapper",Dl=[],wl={},Hl={},at=e=>{let{className:t,children:o,orientation:s,...i}=e;return Ul("div",{...i,className:n(t,Ms,{"k-menu-scroll-wrapper-vertical":s==="vertical"}),children:o})};at.states=Dl;at.options=wl;at.className=Ms;at.defaultOptions=Hl;at.moduleName=ee;at.folderName=ae;var hs=at;import{Fragment as In,jsx as st,jsxs as go}from"react/jsx-runtime";var Tn="k-menu",Gl=[],Fl={},Eo={orientation:"horizontal",header:!0,scrollButtonsPosition:"around"},xe=e=>{let{children:t,orientation:o=Eo.orientation,header:s=Eo.header,scrollable:i,scrollButtonsPosition:p=Eo.scrollButtonsPosition,wrapperStyles:l,dir:d,popup:u,...f}=e,x={horizontal:{prev:d!=="rtl"?"left":"right",next:d!=="rtl"?"right":"left"},vertical:{prev:"up",next:"down"}},S=st("ul",{dir:d,...f,className:n(e.className,"k-reset",Tn,{[`${Tn}-${o}`]:o,"k-header":s}),children:t});return go(In,{children:[i?go(hs,{orientation:o,style:l,dir:e.dir,children:[p==="start"&&go(In,{children:[st(c,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev"}),st(c,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next"})]}),p==="around"&&st(c,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev"}),S,p==="end"&&go(In,{children:[st(c,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${x[o].prev}`,className:"k-menu-scroll-button k-menu-scroll-button-prev"}),st(c,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next"})]}),p==="around"&&st(c,{fillMode:"flat",rounded:null,size:"medium",icon:`caret-alt-${x[o].next}`,className:"k-menu-scroll-button k-menu-scroll-button-next"})]}):S,u]})};xe.states=Gl;xe.options=Fl;xe.className=Tn;xe.defaultOptions=Eo;xe.moduleName=ee;xe.folderName=ae;import{jsx as $l}from"react/jsx-runtime";var On="k-separator",Ss={orientation:"horizontal"},rt=e=>{let{orientation:t=Ss.orientation,...o}=e;return $l("li",{...o,className:n(e.className,"k-item",On,{[`${On}-${t}`]:t})})};rt.className=On;rt.defaultOptions=Ss;rt.moduleName=ee;rt.folderName=ae;import{Fragment as Rh,jsx as Kh}from"react/jsx-runtime";import{jsx as ks}from"react/jsx-runtime";import{createElement as Jl}from"react";var yn="k-menu-group",Vl=[],Xl={size:[r.small,r.medium,r.large]},Pn={size:r.medium,dir:"ltr"},Be=e=>{let{children:t,size:o=Pn.size,dir:s=Pn.dir,...i}=e,p=[];return t&&Array.isArray(t)&&t.map((l,d)=>{l.type===se?p.push(Jl(se,{...l.props,dir:s,key:d})):l.type===rt?p.push(ks(rt,{})):p.push(l)}),ks("ul",{...i,className:n(e.className,yn,E(yn,{size:o})),children:p})};Be.states=Vl;Be.options=Xl;Be.className=yn;Be.defaultOptions=Pn;Be.moduleName=ee;Be.folderName=ae;import{Fragment as Xh,jsx as Vh,jsxs as Jh}from"react/jsx-runtime";import{Fragment as eS,jsx as Yh,jsxs as jh}from"react/jsx-runtime";import{Fragment as sS,jsx as aS,jsxs as rS}from"react/jsx-runtime";import{Fragment as cS,jsx as mS,jsxs as dS}from"react/jsx-runtime";import{Fragment as LS,jsx as NS,jsxs as xS}from"react/jsx-runtime";import{jsx as _S,jsxs as zS}from"react/jsx-runtime";var vs="dropdown-list",gs="dropdownlist";import{Fragment as Zl,jsx as X,jsxs as Bn}from"react/jsx-runtime";var Es="k-dropdownlist",Wl=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],ql={size:[r.small,r.medium,r.large],rounded:[L.small,L.medium,L.large,L.full],fillMode:[b.solid,b.flat,b.outline]},St={showValue:!0,arrowIconName:"caret-alt-down",size:r.medium,rounded:L.medium,fillMode:b.solid},re=e=>{let{size:t=St.size,rounded:o=St.rounded,fillMode:s=St.fillMode,arrowIconName:i=St.arrowIconName,showValue:p=St.showValue,valueIconName:l,prefix:d,suffix:u,value:f,placeholder:x,hover:S,focus:m,valid:M,invalid:h,required:k,loading:A,disabled:I,readonly:P,popup:U,opened:V,adaptive:Rt,adaptiveSettings:Kt,adaptiveTitle:Ro,adaptiveSubtitle:Ko,adaptiveFilter:dr,...ur}=e;return Bn(Zl,{children:[Bn(Q,{...ur,size:t,rounded:o,fillMode:s,hover:S,focus:m,valid:M,invalid:h,required:k,loading:A,disabled:I,readonly:P,className:n(e.className,Es,{"k-icon-picker":!p&&l}),children:[X(ke,{children:d}),X(je,{placeholder:x,value:f,showValue:p,valueIconName:l}),X(Y,{valid:M,invalid:h,loading:A,disabled:I}),X(te,{loading:A,disabled:I}),X(ve,{children:u}),X(c,{className:"k-input-button",icon:i,rounded:null,size:e.size,fillMode:e.fillMode})]}),V&&U&&X(D,{className:"k-list-container k-dropdownlist-popup",children:U}),Rt&&X(j,{adaptive:!0,...Kt,header:X(ne,{actionsEnd:X(c,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:dr,inputValue:f,inputPlaceholder:x,title:Ro,subtitle:Ko}),children:X("div",{className:"k-list-container",children:Bn(K,{size:"large",children:[X(T,{text:"List item"}),X(T,{text:"List item"}),X(T,{text:"List item"})]})})})]})};re.states=Wl;re.options=ql;re.className=Es;re.defaultOptions=St;re.moduleName=vs;re.folderName=gs;import{jsx as ak}from"react/jsx-runtime";import{jsx as pk,jsxs as mk}from"react/jsx-runtime";import{Fragment as xk,jsx as Nk,jsxs as Lk}from"react/jsx-runtime";import{jsx as kk}from"react/jsx-runtime";import{jsx as Ck,jsxs as Ik}from"react/jsx-runtime";import{jsx as Bk,jsxs as Rk}from"react/jsx-runtime";import{Fragment as Gk,jsx as Hk,jsxs as Uk}from"react/jsx-runtime";import{Fragment as Zk,jsx as Wk,jsxs as qk}from"react/jsx-runtime";import{jsx as As,jsxs as tp}from"react/jsx-runtime";var Cs="k-spin-button",jl=[],ep={size:[r.small,r.medium,r.large],fillMode:[b.solid,b.flat,b.outline,b.clear,b.link]},Rn={size:r.medium,fillMode:b.solid},Ve=e=>{let{size:t=Rn.size,fillMode:o=Rn.fillMode,...s}=e;return tp("span",{...s,className:n(Cs,e.className),children:[As(c,{className:"k-spinner-increase",icon:"caret-alt-up",rounded:null,size:t,fillMode:o}),As(c,{className:"k-spinner-decrease",icon:"caret-alt-down",rounded:null,size:t,fillMode:o})]})};Ve.states=jl;Ve.options=ep;Ve.className=Cs;Ve.defaultOptions=Rn;Ve.moduleName=null;Ve.folderName=null;var Is="numeric-textbox",Ts="numerictextbox";import{Fragment as Os,jsx as Re,jsxs as Kn}from"react/jsx-runtime";var ys="k-numerictextbox",op=[a.hover,a.focus,a.valid,a.invalid,a.loading,a.required,a.disabled,a.readonly],np={size:[r.small,r.medium,r.large],rounded:[L.small,L.medium,L.large,L.full],fillMode:[b.solid,b.flat,b.outline]},lt={showSpinButton:!0,showClearButton:!0,size:R.defaultOptions.size,rounded:R.defaultOptions.rounded,fillMode:R.defaultOptions.fillMode,separators:!0},_=e=>{let{size:t=lt.size,rounded:o=lt.rounded,fillMode:s=lt.fillMode,separators:i=lt.separators,showClearButton:p=lt.showClearButton,showSpinButton:l=lt.showSpinButton,prefix:d,suffix:u,value:f,placeholder:x,hover:S,focus:m,valid:M,invalid:h,required:k,loading:A,disabled:I,readonly:P,...U}=e;return Kn(R,{...U,size:t,rounded:o,fillMode:s,hover:S,focus:m,valid:M,invalid:h,required:k,loading:A,disabled:I,readonly:P,className:n(e.className,ys),children:[d&&Kn(Os,{children:[Re(ke,{children:d}),i&&Re(Te,{})]}),Re(ue,{placeholder:x,value:f}),Re(Y,{valid:M,invalid:h,loading:A,disabled:I}),Re(te,{loading:A,disabled:I}),p&&Re(de,{loading:A,disabled:I,readonly:P,value:f}),u&&Kn(Os,{children:[i&&Re(Te,{}),Re(ve,{children:u})]}),l&&Re(Ve,{className:"k-input-spinner",size:t,fillMode:s})]})};_.states=op;_.options=np;_.className=ys;_.defaultOptions=lt;_.moduleName=Is;_.folderName=Ts;import{jsx as Ev}from"react/jsx-runtime";import{Fragment as yv,jsx as Ov}from"react/jsx-runtime";import{Fragment as Dv,jsx as zv}from"react/jsx-runtime";var _n="pager",Bs=_n;import{Fragment as Rs,jsx as J,jsxs as kt}from"react/jsx-runtime";var Ao="k-pager",ap=[a.focus,a.disabled],sp={size:[r.small,r.medium,r.large]},W={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},Ae=e=>{let{responsive:t=W.responsive,size:o=W.size,pagerSizeInfo:s=W.pagerSizeInfo,pageTitleInfo:i=W.pageTitleInfo,maxPagesInfo:p=W.maxPagesInfo,itemsPerPage:l=W.itemsPerPage,maxPages:d=W.maxPages,currentPage:u=W.currentPage,previousNext:f=W.previousNext,type:x=W.type,pageSizes:S=W.pageSizes,refresh:m=W.refresh,info:M=W.info,focus:h,disabled:k,dir:A,...I}=e,P=[],U=[];for(let V=1;V<=d;V++)P.push(J(c,{selected:V===u,fillMode:"flat",themeColor:"primary",size:o,rounded:null,children:V})),U.push(J("option",{selected:V===u,children:V}));return kt("div",{dir:A,...I,className:n(e.className,Ao,E(Ao,{size:o}),v(Ao,{focus:h,disabled:k}),{"k-pager-responsive":t}),children:[kt("div",{className:n("k-pager-numbers-wrap"),children:[f&&kt(Rs,{children:[J(c,{className:n("k-pager-nav","k-pager-first"),disabled:u===1&&!k,fillMode:"flat",size:o,rounded:null,icon:A==="rtl"?"caret-alt-to-right":"caret-alt-to-left"}),J(c,{className:n("k-pager-nav"),disabled:u===1&&!k,fillMode:"flat",size:o,rounded:null,icon:A==="rtl"?"caret-alt-right":"caret-alt-left"})]}),x==="numeric"&&J("div",{className:n("k-pager-numbers"),children:P}),x==="input"&&kt("span",{className:n("k-pager-input"),children:[i&&J("span",{children:"Page"}),J(_,{value:`${u}`,size:o,showSpinButton:!1,showClearButton:!1}),J("span",{children:p&&`of ${d}`})]}),f&&kt(Rs,{children:[J(c,{className:n("k-pager-nav"),disabled:u===d&&!k,fillMode:"flat",size:o,rounded:null,icon:A==="rtl"?"caret-alt-left":"caret-alt-right"}),J(c,{className:n("k-pager-nav","k-pager-last"),disabled:u===d&&!k,fillMode:"flat",size:o,rounded:null,icon:A==="rtl"?"caret-alt-to-left":"caret-alt-to-right"})]})]}),S&&kt("span",{className:n("k-pager-sizes"),children:[J(re,{value:`${l}`,size:o}),s&&J("span",{children:"items per page"})]}),m&&J(c,{className:n("k-pager-refresh"),fillMode:"flat",size:o,rounded:null,icon:"arrow-rotate-cw"}),M&&J("span",{className:n("k-pager-info"),children:M})]})};Ae.states=ap;Ae.options=sp;Ae.className=Ao;Ae.defaultOptions=W;Ae.moduleName=_n;Ae.folderName=Bs;import{jsx as tg}from"react/jsx-runtime";import{jsx as rp}from"react/jsx-runtime";var Ks=e=>rp(Ae,{type:"input",responsive:!1,...e});import{jsx as lg}from"react/jsx-runtime";import{jsx as _s,jsxs as pp}from"react/jsx-runtime";var zs="k-color-preview",ip=[],lp={},Xe=e=>{let{color:t,iconName:o,...s}=e;return pp("span",{...s,className:n(e.className,zs,{"k-icon-color-preview":o,"k-no-color":!t}),children:[o&&_s(g,{icon:o,className:"k-color-preview-icon"}),_s("span",{className:"k-color-preview-mask",style:{backgroundColor:t}})]})};Xe.states=ip;Xe.options=lp;Xe.className=zs;var zn="slider",Ds=zn;import{jsx as vt,jsxs as Dn}from"react/jsx-runtime";var Qt="k-slider",mp=[a.hover,a.focus,a.active,a.disabled,a.readonly],cp={},Je={type:"single",orientation:"horizontal",readonly:!1,disabled:!1,handlePosition:"end",showButtons:!0,showTicks:!0},q=e=>{let{type:t=Je.type,orientation:o=Je.orientation,readonly:s=Je.readonly,disabled:i=Je.disabled,handlePosition:p=Je.handlePosition,showButtons:l=Je.showButtons,showTicks:d=Je.showTicks,hover:u,focus:f,active:x,trackStyle:S,dir:m,...M}=e,h,k;return o==="horizontal"?(h=m==="rtl"?"caret-alt-left":"caret-alt-right",k=m==="rtl"?"caret-alt-right":"caret-alt-left"):o==="vertical"&&(h="caret-alt-up",k="caret-alt-down"),Dn("div",{...M,className:n(Qt,e.className,v(Qt,{readonly:s,disabled:i}),{[`k-slider-${o}`]:o,"k-colorgradient-slider":t==="gradient"}),dir:m,children:[l&&vt(c,{className:"k-button-decrease",rounded:"full",icon:k}),Dn("div",{className:"k-slider-track-wrap",children:[d&&vt("ul",{className:"k-reset k-slider-items",children:e.children}),Dn("div",{className:"k-slider-track",style:S,children:[vt("div",{className:"k-slider-selection"}),t==="range"&&vt("span",{className:n("k-draghandle","k-draghandle-start",v(Qt,{hover:u,focus:f,active:x}))}),vt("span",{className:n("k-draghandle",`k-draghandle-${p}`,v(Qt,{hover:u,focus:f,active:x}))})]})]}),l&&vt(c,{className:"k-button-increase",rounded:"full",icon:h})]})};q.states=mp;q.options=cp;q.className=Qt;q.defaultOptions=Je;q.moduleName=zn;q.folderName=Ds;import{jsx as ws}from"react/jsx-runtime";var Hs="k-tick",dp=[],up={},Us={label:!1},We=e=>{let{style:t,label:o=Us.label,orientation:s,large:i,text:p,...l}=e;return ws("li",{...l,className:n(e.className,Hs,{[`k-tick-${s}`]:s,"k-tick-large":i}),style:t,children:o&&ws("span",{className:"k-label",children:p})})};We.states=dp;We.options=up;We.className=Hs;We.defaultOptions=Us;import{Fragment as Bg,jsx as Pg,jsxs as Rg}from"react/jsx-runtime";import{Fragment as wg,jsx as Dg,jsxs as Hg}from"react/jsx-runtime";import{Fragment as Vg,jsx as $g,jsxs as Xg}from"react/jsx-runtime";import{Fragment as Qg,jsx as Zg,jsxs as Yg}from"react/jsx-runtime";import{jsx as fp}from"react/jsx-runtime";var wn=e=>fp(q,{type:"gradient",showButtons:!1,showTicks:!1,...e});import{jsx as bp}from"react/jsx-runtime";var Hn=e=>bp(q,{type:"gradient",orientation:"vertical",showButtons:!1,showTicks:!1,...e});import{Fragment as Yt,jsx as O,jsxs as z}from"react/jsx-runtime";var Gs="k-colorgradient-inputs",Np=[],Lp={size:[r.small,r.medium,r.large]},Fs={mode:"rgba",size:r.medium},gt=e=>{let{mode:t=Fs.mode,size:o,...s}=e;return z("div",{...s,className:n(Gs,"k-hstack"),children:[O("div",{className:"k-vstack",children:O(c,{fillMode:"flat",icon:"caret-alt-expand",className:"k-colorgradient-toggle-mode",size:o})}),t==="rgba"&&z(Yt,{children:[z("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o}),O("label",{className:"k-colorgradient-input-label",children:"R"})]}),z("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o}),O("label",{className:"k-colorgradient-input-label",children:"G"})]}),z("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132",size:o}),O("label",{className:"k-colorgradient-input-label",children:"B"})]}),z("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"1.00",size:o}),O("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="rgb"&&z(Yt,{children:[z("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132"}),O("label",{className:"k-colorgradient-input-label",children:"R"})]}),z("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132"}),O("label",{className:"k-colorgradient-input-label",children:"G"})]}),z("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132"}),O("label",{className:"k-colorgradient-input-label",children:"B"})]})]}),t==="hsva"&&z(Yt,{children:[z("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132"}),O("label",{className:"k-colorgradient-input-label",children:"H"})]}),z("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132"}),O("label",{className:"k-colorgradient-input-label",children:"S"})]}),z("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132"}),O("label",{className:"k-colorgradient-input-label",children:"V"})]}),z("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"1.00"}),O("label",{className:"k-colorgradient-input-label",children:"A"})]})]}),t==="hsv"&&z(Yt,{children:[z("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132"}),O("label",{className:"k-colorgradient-input-label",children:"H"})]}),z("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132"}),O("label",{className:"k-colorgradient-input-label",children:"S"})]}),z("div",{className:"k-vstack",children:[O(_,{showSpinButton:!1,showClearButton:!1,value:"132"}),O("label",{className:"k-colorgradient-input-label",children:"V"})]})]}),t==="hex"&&O(Yt,{children:z("div",{className:"k-vstack k-flex-1",children:[O(oe,{showClearButton:!1,value:"#b88484AA",className:"k-hex-value"}),O("label",{className:"k-colorgradient-input-label",children:"HEX"})]})})]})};gt.states=Np;gt.options=Lp;gt.className=Gs;gt.defaultOptions=Fs;import{jsx as pt,jsxs as mt}from"react/jsx-runtime";var $s="k-colorgradient-color-contrast",xp=[],Mp={},hp={},Et=()=>mt("div",{className:n($s,"k-vbox"),children:[mt("div",{className:"k-contrast-ratio",children:[pt("span",{className:"k-contrast-ratio-text",children:"Contrast ratio: 7.1"}),mt("span",{className:"k-contrast-validation !k-text-success",children:[pt(g,{icon:"check"}),pt(g,{icon:"check"})]})]}),mt("div",{children:[pt("span",{children:"AA: 4.5"}),mt("span",{className:"k-contrast-validation !k-text-success",children:["Pass",pt(g,{icon:"check"})]})]}),mt("div",{children:[pt("span",{children:"AAA: 7.0"}),mt("span",{className:"k-contrast-validation !k-text-error",children:["Fail",pt(g,{icon:"x"})]})]})]});Et.states=xp;Et.options=Mp;Et.className=$s;Et.defaultOptions=hp;var Vs="color-gradient",Xs="colorgradient";import{jsx as ie,jsxs as jt}from"react/jsx-runtime";var Co="k-colorgradient",Sp=[a.hover,a.focus,a.readonly,a.disabled],kp={size:[r.small,r.medium,r.large]},Me={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"},Ce=e=>{let{size:t=Me.size,mode:o=Me.mod