@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 31.8 kB
JavaScript
var i=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?i(...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 S=(e,t)=>i({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.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"}),I=(e,t)=>i({"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 a={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},f={small:"small",medium:"medium",large:"large",full:"full"},x={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},u={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},s={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 Oo,jsx as yt}from"react/jsx-runtime";var qe="k-icon k-font-icon",wo=[],Eo={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.light,u.dark]},Po={},Se=e=>{let{size:t,themeColor:o,icon:n,rotate:r,flip:l,...p}=e;return n?yt("span",{...p,className:i(e.className,qe,S(qe,{size:t}),{[`k-i-${n}`]:n,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"})}):yt(Oo,{})};Se.states=wo;Se.options=Eo;Se.className=qe;Se.defaultOptions=Po;var Mt=Se;import{Fragment as Ro,jsx as Pe}from"react/jsx-runtime";var Ue="k-icon k-svg-icon",Ko=[],Ho={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.light,u.dark]},At={viewBox:"0 0 24 24"},Ie=e=>{let{size:t,themeColor:o,rotate:n,flip:r,viewBox:l=At.viewBox,icon:p,...c}=e;if(!p)return Pe(Ro,{});p==="none"&&{...c,className:i(e.className,Ue,"k-none")};let m=typeof p=="object"&&p.name&&p.name;return Pe("span",{...c,className:i(e.className,Ue,S("k-icon",{size:t}),{[`k-svg-i-${m}`]:m,[`k-color-${o}`]:o,[`k-rotate-${n}`]:n,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),children:Pe("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})})};Ie.states=Ko;Ie.options=Ho;Ie.className=Ue;Ie.defaultOptions=At;var We=Ie;import*as Ct from"@progress/kendo-svg-icons";import{Fragment as Tt,jsx as ke}from"react/jsx-runtime";var Bo=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Vo=[],Go={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.light,u.dark]},Qe={viewBox:"0 0 24 24",type:"svg"},A=e=>{let{size:t,themeColor:o,icon:n,type:r=Qe.type,rotate:l,flip:p,viewBox:c=Qe.viewBox,...m}=e;if(!n)return ke(Tt,{});if(r==="svg"){if(n==="none")return ke(We,{...m,icon:n,size:t});let d=Bo(`${n}-icon`);return Ct[d]?ke(We,{...m,icon:Ct[d],size:t,themeColor:o,rotate:l,flip:p,viewBox:c}):ke(Tt,{})}return ke(Mt,{...m,icon:n,size:t,themeColor:o,rotate:l,flip:p})};A.states=Vo;A.options=Go;A.defaultOptions=Qe;import{Fragment as _o,jsx as ye,jsxs as zt}from"react/jsx-runtime";var Oe="k-button",Do=[s.hover,s.focus,s.active,s.selected,s.disabled],$o={size:[a.small,a.medium,a.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.light,u.dark,u.inverse]},Y={size:a.medium,rounded:f.medium,fillMode:x.solid,themeColor:u.base,showArrow:!1,arrowIconName:"caret-alt-down"},M=e=>{let{size:t=Y.size,rounded:o=Y.rounded,fillMode:n=Y.fillMode,themeColor:r=Y.themeColor,showArrow:l=Y.showArrow,arrowIconName:p=Y.arrowIconName,hover:c,focus:m,active:d,selected:h,disabled:b,icon:N,text:L,iconClassName:T,...k}=e,g=N!==void 0,y=e.children!==void 0;return zt("button",{...k,className:i(e.className,Oe,S(Oe,{size:t,rounded:o,fillMode:n,themeColor:r}),I(Oe,{hover:c,focus:m,active:d,disabled:b,selected:h}),{"k-icon-button":!L&&!y&&g}),children:[N&&ye(A,{className:i(T,"k-button-icon"),icon:N}),L?zt(_o,{children:[L&&ye("span",{className:"k-button-text",children:L}),e.children]}):e.children&&ye("span",{className:"k-button-text",children:e.children}),l&&ye("span",{className:"k-menu-button-arrow k-button-arrow",children:ye(A,{icon:p})})]})};M.states=Do;M.options=$o;M.className=Oe;M.defaultOptions=Y;import{jsx as In}from"react/jsx-runtime";import{jsx as An}from"react/jsx-runtime";import{jsx as wn}from"react/jsx-runtime";import{jsx as Jo}from"react/jsx-runtime";var Ke="k-input",Fo=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Xo={size:[a.small,a.medium,a.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[x.solid,x.flat,x.outline]},He={size:a.medium,rounded:a.medium,fillMode:x.solid},C=e=>{let{hover:t,focus:o,disabled:n,invalid:r,valid:l,loading:p,readonly:c,size:m=He.size,rounded:d=He.rounded,fillMode:h=He.fillMode,...b}=e;return Jo("span",{...b,className:i(e.className,Ke,S(Ke,{size:m,rounded:d,fillMode:h}),I(Ke,{hover:t,focus:o,disabled:n,invalid:r,valid:l,loading:p,readonly:c}))})};C.states=Fo;C.options=Xo;C.className=Ke;C.defaultOptions=He;import{jsx as Wo}from"react/jsx-runtime";var Re="k-picker",qo=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Uo={size:[a.small,a.medium,a.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[x.solid,x.flat,x.outline]},Be={size:a.medium,rounded:f.medium,fillMode:x.solid},ae=e=>{let{hover:t,focus:o,disabled:n,invalid:r,valid:l,loading:p,readonly:c,size:m=Be.size,rounded:d=Be.rounded,fillMode:h=Be.fillMode,...b}=e;return Wo("span",{...b,className:i(e.className,Re,S(Re,{size:m,rounded:d,fillMode:h}),I(Re,{hover:t,focus:o,disabled:n,invalid:r,valid:l,loading:p,readonly:c})),children:e.children})};ae.states=qo;ae.options=Uo;ae.className=Re;ae.defaultOptions=Be;import{Fragment as Zo,jsx as Ye}from"react/jsx-runtime";var wt="k-clear-value",Qo=[s.disabled,s.loading,s.readonly],Yo={},G=e=>{let{disabled:t,loading:o,readonly:n,value:r}=e;return t||n||o||!r?Ye(Zo,{}):Ye("span",{className:i(e.className,wt),children:Ye(A,{icon:"x"})})};G.states=Qo;G.options=Yo;G.className=wt;import{jsx as ts}from"react/jsx-runtime";var Ze="k-input-inner",jo=[],es={},Ve={type:"text",autocomplete:"off",value:"",placeholder:""},D=e=>{let{value:t=Ve.value,type:o=Ve.type,placeholder:n=Ve.placeholder,autocomplete:r=Ve.autocomplete,...l}=e;return ts("input",{...l,type:o,className:i(e.className,Ze,S(Ze,e)),placeholder:n,autoComplete:r,defaultValue:t})};D.states=jo;D.options=es;D.className=Ze;import{jsx as Et,jsxs as is}from"react/jsx-runtime";var je="k-input-inner",os=[],ss={},Me=e=>{let{value:t,placeholder:o,showValue:n,valueIcon:r,valueIconName:l,...p}=e;return is("span",{...p,className:i(e.className,je,S(je,e)),children:[r,!r&&l&&Et(A,{className:"k-input-value-icon",icon:l}),n&&!t&&o,n&&t&&Et("span",{className:"k-input-value-text",children:t})]})};Me.states=os;Me.options=ss;Me.className=je;import{jsx as rs}from"react/jsx-runtime";var et="k-input-inner",ns=[],as={},Pt={value:"",placeholder:""},tt=e=>{let{value:t=Pt.value,placeholder:o=Pt.placeholder,rows:n,...r}=e;return rs("textarea",{...r,className:i(e.className,et,S(et,e)),placeholder:o,rows:n,defaultValue:t})};tt.states=ns;tt.options=as;tt.className=et;import{Fragment as ps,jsx as Ot}from"react/jsx-runtime";var Kt="k-input-loading-icon",ls=[s.disabled,s.loading],B=e=>{let{disabled:t,loading:o}=e;return t||!o?Ot(ps,{}):Ot("span",{className:i(e.className,Kt,"k-icon k-i-loading")})};B.states=ls;B.className=Kt;import{Fragment as cs,jsx as Ht}from"react/jsx-runtime";var Rt="k-input-validation-icon",ms=[s.valid,s.invalid,s.disabled,s.loading],ds={},H=e=>{let{valid:t,invalid:o,disabled:n,loading:r}=e,l=o?"warning-circle":"check-circle";return n||r||!!!(t||o)?Ht(cs,{}):Ht(A,{className:i(Rt),icon:l})};H.states=ms;H.options=ds;H.className=Rt;import{Fragment as xs,jsx as Bt}from"react/jsx-runtime";var us="k-input-prefix",fs={direction:"horizontal"},re=e=>{let{direction:t=fs.direction,...o}=e;return e.children?Bt("span",{...o,className:i(us,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Bt(xs,{})};import{Fragment as bs,jsx as Vt}from"react/jsx-runtime";var hs="k-input-suffix",Ls={direction:"horizontal"},le=e=>{let{direction:t=Ls.direction,...o}=e;return e.children?Vt("span",{...o,className:i(hs,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Vt(bs,{})};import{jsx as Na}from"react/jsx-runtime";import{jsx as Ia}from"react/jsx-runtime";import{jsx as vs}from"react/jsx-runtime";var Gt="k-input-separator",Ns={direction:"vertical"},pe=e=>{let{direction:t=Ns.direction,...o}=e;return vs("span",{...o,className:i(Gt,e.className,{[`${Gt}-${t}`]:t})})};import{jsx as Dt}from"react/jsx-runtime";var $t="k-animation-container",gs=[],Ss={},_t={positionMode:"absolute"},F=e=>{let{positionMode:t=_t.positionMode,animationStyle:o,offset:n,...r}=e;return Dt("div",{...r,style:{...n,...e.style},className:i(e.className,$t,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Dt("div",{className:"k-child-animation-container",style:o,children:e.children})})};F.states=gs;F.options=Ss;F.className=$t;F.defaultOptions=_t;import{jsx as Ft}from"react/jsx-runtime";var Xt="k-popup",Is=[],ks={},Jt={positionMode:"absolute"},me=e=>{let{offset:t,positionMode:o=Jt.positionMode,animationStyle:n,...r}=e;return Ft(F,{positionMode:o,offset:t,animationStyle:n,children:Ft("div",{...r,className:i(e.className,Xt),children:e.children})})};me.states=Is;me.options=ks;me.className=Xt;me.defaultOptions=Jt;import{jsx as As}from"react/jsx-runtime";var Ge="k-actions",ys=[],Ms={},ot={alignment:"start",orientation:"horizontal"},de=e=>{let{alignment:t=ot.alignment,orientation:o=ot.orientation,...n}=e;return As("div",{...n,className:i(Ge,{[`${Ge}-${t}`]:t,[`${Ge}-${o}`]:o},e.className),children:e.children})};de.states=ys;de.options=Ms;de.className=Ge;de.defaultOptions=ot;import{jsx as Ts}from"react/jsx-runtime";var Cs="k-actionsheet-footer",qt={alignment:"stretched",orientation:"horizontal"},st=e=>{let{alignment:t=qt.alignment,orientation:o=qt.orientation,template:n,as:r=n?"div":de,...l}=e;return Ts(r,{...l,...!n&&{alignment:t,orientation:o},className:i(e.className,Cs),children:e.children})};import{jsx as Ae,jsxs as Es}from"react/jsx-runtime";var Ut="k-searchbox",zs=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],ws={size:[a.small,a.medium,a.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[x.solid,x.flat,x.outline]},it={showIcon:!0,icon:"search",size:C.defaultOptions.size,rounded:C.defaultOptions.rounded,fillMode:C.defaultOptions.fillMode},$=e=>{let{value:t,placeholder:o,size:n,rounded:r,fillMode:l,hover:p,focus:c,valid:m,invalid:d,required:h,loading:b,disabled:N,showIcon:L=it.showIcon,icon:T=it.icon,...k}=e;return Es(C,{...k,size:n,rounded:r,fillMode:l,hover:p,focus:c,valid:m,invalid:d,required:h,loading:b,disabled:N,className:i(e.className,Ut),children:[L&&Ae(A,{className:"k-input-icon",icon:T}),Ae(D,{placeholder:o,value:t}),Ae(B,{...e}),Ae(H,{...e}),Ae(G,{...e})]})};$.states=zs;$.options=ws;$.className=Ut;$.defaultOptions=it;import{jsx as hr}from"react/jsx-runtime";import{Fragment as Wt,jsx as X,jsxs as nt}from"react/jsx-runtime";var Qt="k-textbox",Ps=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Os={size:[a.small,a.medium,a.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[x.solid,x.flat,x.outline]},Z={showClearButton:!0,showValidationIcon:!0,size:C.defaultOptions.size,rounded:C.defaultOptions.rounded,fillMode:C.defaultOptions.fillMode,separators:!0},ce=e=>{let{size:t=Z.size,rounded:o=Z.rounded,fillMode:n=Z.fillMode,separators:r=Z.separators,showClearButton:l=Z.showClearButton,showValidationIcon:p=Z.showValidationIcon,prefix:c,suffix:m,type:d,value:h,placeholder:b,hover:N,focus:L,valid:T,invalid:k,required:g,loading:y,disabled:K,readonly:V,...R}=e;return nt(C,{...R,size:t,rounded:o,fillMode:n,hover:N,focus:L,valid:T,invalid:k,required:g,loading:y,disabled:K,readonly:V,className:i(e.className,Qt),children:[c&&nt(Wt,{children:[X(re,{children:c}),r&&X(pe,{})]}),X(D,{placeholder:b,value:h,type:d}),p&&X(H,{valid:T,invalid:k,loading:y,disabled:K}),X(B,{loading:y,disabled:K}),l&&X(G,{loading:y,disabled:K,readonly:V,value:h}),m&&nt(Wt,{children:[r&&X(pe,{}),X(le,{children:m})]})]})};ce.states=Ps;ce.options=Os;ce.className=Qt;ce.defaultOptions=Z;import{jsx as Ar}from"react/jsx-runtime";import{Fragment as Pr,jsx as Er}from"react/jsx-runtime";import{Fragment as Gr,jsx as Vr}from"react/jsx-runtime";import{jsx as J,jsxs as at}from"react/jsx-runtime";var Zt="k-actionsheet-titlebar",Ks={},q=e=>{let{title:t,subtitle:o,actionsStart:n,actionsEnd:r,filter:l,input:p,inputValue:c,inputPlaceholder:m,adaptive:d,children:h,...b}=e;return at("div",{...b,className:i(e.className,Zt),children:[at("div",{className:"k-actionsheet-titlebar-group",children:[n&&J("div",{className:"k-actionsheet-actions",children:n}),!h&&at("div",{className:"k-actionsheet-title",children:[t&&J("div",{className:"k-text-center",children:t}),o&&J("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),h&&J("div",{className:"k-actionsheet-title",children:h}),r&&J("div",{className:"k-actionsheet-actions",children:r})]}),(p||l)&&J("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?J(ce,{value:c,placeholder:m,size:d?"large":"medium"}):J($,{placeholder:"Filter",size:d?"large":"medium"})})]})};q.className=Zt;q.defaultOptions=Ks;import{jsx as rt,jsxs as Vs}from"react/jsx-runtime";var lt="k-actionsheet-view",Hs=[],Rs={},Bs={},ue=e=>{let{adaptive:t,animated:o,children:n,header:r,footer:l,...p}=e,c=r?.type===q&&rt(q,{adaptive:t,...r?.props}),m=l?.type===st&&rt(st,{...l?.props});return Vs("div",{...p,className:i(e.className,lt,{[`${lt}-animated`]:o}),children:[c,rt("div",{className:"k-actionsheet-content",children:n}),m]})};ue.states=Hs;ue.options=Rs;ue.className=lt;ue.defaultOptions=Bs;import{jsx as De,jsxs as $s}from"react/jsx-runtime";var jt="k-actionsheet",Gs=[],Ds={},Ce={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},j=e=>{let{side:t=Ce.side,fullscreen:o=Ce.fullscreen,adaptive:n=Ce.adaptive,overlay:r=Ce.overlay,template:l,children:p,header:c,footer:m,...d}=e;return $s("div",{className:"k-actionsheet-container",children:[r&&De("div",{className:"k-overlay"}),De(F,{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:De("div",{...d,className:i(e.className,jt,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":n}),children:l||De(ue,{header:c,footer:m,adaptive:n,...e,children:p})})})]})};j.states=Gs;j.options=Ds;j.className=jt;j.defaultOptions=Ce;import{jsx as ml}from"react/jsx-runtime";import{Fragment as Fs,jsx as Te,jsxs as pt}from"react/jsx-runtime";var mt="k-actionsheet-item",_s=[s.hover,s.focus,s.selected,s.disabled],dt=e=>{let{iconName:t,text:o,description:n,hover:r,focus:l,selected:p,disabled:c,...m}=e;return pt("span",{...m,className:i(e.className,mt,I(mt,{hover:r,focus:l,selected:p,disabled:c})),children:[!e.children&&Te(Fs,{children:pt("span",{className:"k-actionsheet-action",children:[t&&Te("span",{className:"k-icon-wrap",children:Te(A,{className:"k-actionsheet-item-icon",icon:t})}),pt("span",{className:"k-actionsheet-item-text",children:[o&&Te("span",{className:"k-actionsheet-item-title",children:o}),n&&Te("span",{className:"k-actionsheet-item-description",children:n})]})]})}),e.children]})};dt.states=_s;dt.className=mt;import{jsx as Nl,jsxs as vl}from"react/jsx-runtime";import{jsx as kl}from"react/jsx-runtime";import{jsx as Cl}from"react/jsx-runtime";import{jsx as El}from"react/jsx-runtime";import{jsx as Js}from"react/jsx-runtime";var Xs="k-no-data",ze=e=>Js("span",{className:i(Xs,e.className),children:e.children});import{jsx as fe,jsxs as to}from"react/jsx-runtime";var ct="k-list",qs=[],Us={size:[a.small,a.medium,a.large]},oo={size:a.medium},z=e=>{let{size:t=oo.size,virtualization:o,children:n,optionLabel:r,customValue:l,screenReaders:p,...c}=e,m,d,h,b,N=[];return n?n.map((L,T)=>{L.type===w?(L.props.root===!0?(m=L.props.label,L.props.children.map((k,g)=>{N.push(fe(v,{...k.props},`optChild-${g}-${new Date().getTime()}`))})):L.props.children.forEach((k,g)=>{let y="";g===0&&(y=L.props.label),N.push(fe(v,{className:g===0?"k-first":"",...k.props,groupLabel:y},`groupLabel-${g}-${new Date().getTime()}`))}),d=fe(w,{label:m,virtualization:o,children:N})):L.type===v&&(N.push(fe(v,{...L.props},`${L.type}-${T}`)),h=fe(xe,{virtualization:o,children:N}),p&&(b=to(ze,{className:"k-sr-only",children:[N.length," items found."]})))}):b=fe(ze,{children:"No data found."}),to("div",{...c,className:i(e.className,ct,S(ct,{size:t}),{"k-virtual-list":o}),children:[r,l,d,h,b]})};z.states=qs;z.options=Us;z.className=ct;z.defaultOptions=oo;import{jsx as ee,jsxs as Ys}from"react/jsx-runtime";var ut="k-list",Ws=[],Qs={size:[a.small,a.medium,a.large]},so={size:a.medium},te=e=>{let{size:t=so.size,virtualization:o,children:n,...r}=e,l,p,c,m=[];return n?n.map((d,h)=>{d.type===w?(d.props.root===!0?(l=d.props.label,d.props.children.map((b,N)=>{m.push(ee(v,{...b.props},`optChild-${N}-${new Date().getTime()}`))})):(m.push(ee(io,{...d.props,children:d.props.label},`listChild-${h}`)),d.props.children.map((b,N)=>{m.push(ee(v,{...b.props},`fwOptChild-${N}-${new Date().getTime()}`))})),p=ee(w,{label:l,virtualization:o,children:m})):d.type===v&&(m.push(ee(v,{...d.props},`${d.type}-${h}`)),c=ee(xe,{virtualization:o,children:m}))}):c=ee(ze,{children:"No data found."}),Ys("div",{...r,className:i(e.className,ut,S(ut,{size:t}),{"k-virtual-list":o}),children:[p,c]})};te.states=Ws;te.options=Qs;te.className=ut;te.defaultOptions=so;import{jsx as no}from"react/jsx-runtime";var $e="k-checkbox",Zs=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],js={size:[a.small,a.medium,a.large],rounded:[f.small,f.medium,f.large,f.full]},ft={size:a.medium,rounded:f.medium},U=e=>{let{id:t,checked:o,indeterminate:n,hover:r,focus:l,disabled:p,invalid:c,valid:m,required:d,size:h=ft.size,rounded:b=ft.rounded,...N}=e;return no("span",{className:"k-checkbox-wrap",children:no("input",{...N,id:t,type:"checkbox",defaultChecked:o,required:d,className:i(e.className,$e,S($e,{size:h,rounded:b}),I($e,{hover:r,focus:l,disabled:p,invalid:c,valid:m,indeterminate:n,checked:o}))})})};U.states=Zs;U.options=js;U.className=$e;U.defaultOptions=ft;import{jsx as oi}from"react/jsx-runtime";var ao="k-checkbox-list",ei=[],ti={},ro={layout:"vertical"},he=e=>{let{layout:t=ro.layout,...o}=e;return oi("ul",{...o,className:i(e.className,ao,{[`k-list-${t}`]:t}),children:e.children})};he.states=ei;he.options=ti;he.className=ao;he.defaultOptions=ro;import{jsx as ai}from"react/jsx-runtime";var lo="k-checkbox-list-item",si=[],ii={},ni={},Le=e=>{let{...t}=e;return ai("li",{...t,className:i(e.className,lo),children:e.children})};Le.states=si;Le.options=ii;Le.className=lo;Le.defaultOptions=ni;import{Fragment as bp,jsx as Lp,jsxs as Np}from"react/jsx-runtime";import{Fragment as kp,jsx as Ip,jsxs as yp}from"react/jsx-runtime";import{Fragment as zp,jsx as Tp,jsxs as wp}from"react/jsx-runtime";import{Fragment as Hp,jsx as Kp,jsxs as Rp}from"react/jsx-runtime";import{jsx as Dp}from"react/jsx-runtime";import{jsx as Xp}from"react/jsx-runtime";import{jsx as _e,jsxs as mi}from"react/jsx-runtime";var ht="k-list-item",ri=[s.hover,s.focus,s.selected,s.disabled],li={},pi={},v=e=>{let{text:t,groupLabel:o,group:n,showIcon:r,iconName:l,showCheckbox:p,checked:c,hover:m,focus:d,selected:h,disabled:b,...N}=e,L=t||e.children;return mi("li",{...N,className:i(e.className,n?"k-list-group-item":ht,I(ht,{hover:m,focus:d,disabled:b,selected:h})),children:[p&&_e(U,{checked:c}),r&&_e(A,{icon:l}),_e("span",{className:"k-list-item-text",children:L}),o&&o!==""&&_e("div",{className:"k-list-item-group-label",children:o})]})};v.states=ri;v.options=li;v.className=ht;v.defaultOptions=pi;import{jsx as Lt,jsxs as ci}from"react/jsx-runtime";var di="k-list-content",xe=e=>{let{virtualization:t,...o}=e;return ci("div",{...o,className:i(di,e.className),children:[Lt("ul",{className:i("k-list-ul"),children:e.children}),t&&Lt("div",{className:"k-height-container",children:Lt("div",{})})]})};import{jsx as po}from"react/jsx-runtime";var ui="k-list-group-sticky-header",mo=e=>po("div",{className:i(ui,e.className),children:po("div",{className:"k-list-header-text",children:e.children})});import{Fragment as fi,jsx as co,jsxs as xi}from"react/jsx-runtime";var w=e=>{let{virtualization:t,label:o}=e;return xi(fi,{children:[o&&co(mo,{children:o}),e.children&&co(xe,{virtualization:t,children:e.children})]})};import{jsx as uo}from"react/jsx-runtime";var hi="k-list-group-item",io=e=>uo("li",{className:i(hi,e.className),children:uo("span",{className:"k-list-item-text",children:e.children})});import{jsx as vi}from"react/jsx-runtime";var bt="k-list-optionlabel",Li=[s.hover,s.focus,s.selected,s.disabled],bi={},Ni={},Fe=e=>{let{text:t,hover:o,focus:n,selected:r,disabled:l,...p}=e;return vi("div",{...p,className:i(bt,I(bt,{hover:o,focus:n,selected:r,disabled:l})),children:t})};Fe.states=Li;Fe.options=bi;Fe.className=bt;Fe.defaultOptions=Ni;import{jsx as ki}from"react/jsx-runtime";var Nt="k-list-custom-value",gi=[s.hover,s.focus,s.selected,s.disabled],Si={},Ii={},Xe=e=>{let{text:t,hover:o,focus:n,selected:r,disabled:l,...p}=e;return ki("div",{...p,className:i(Nt,I(Nt,{hover:o,focus:n,selected:r,disabled:l})),children:t})};Xe.states=gi;Xe.options=Si;Xe.className=Nt;Xe.defaultOptions=Ii;import{jsx as Cm}from"react/jsx-runtime";import{jsx as Em}from"react/jsx-runtime";import{jsx as Hm,jsxs as Rm}from"react/jsx-runtime";import{jsx as Dm,jsxs as $m}from"react/jsx-runtime";import{jsx as Jm}from"react/jsx-runtime";import{jsx as Qm,jsxs as Ym}from"react/jsx-runtime";import{jsx as td,jsxs as od}from"react/jsx-runtime";import{Fragment as Ai,jsx as E,jsxs as vt}from"react/jsx-runtime";var fo="k-dropdownlist",yi=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Mi={size:[a.small,a.medium,a.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[x.solid,x.flat,x.outline]},be={showValue:!0,arrowIconName:"caret-alt-down",size:a.medium,rounded:f.medium,fillMode:x.solid},oe=e=>{let{size:t=be.size,rounded:o=be.rounded,fillMode:n=be.fillMode,arrowIconName:r=be.arrowIconName,showValue:l=be.showValue,valueIconName:p,prefix:c,suffix:m,value:d,placeholder:h,hover:b,focus:N,valid:L,invalid:T,required:k,loading:g,disabled:y,readonly:K,popup:V,opened:R,adaptive:yo,adaptiveSettings:Mo,adaptiveTitle:Ao,adaptiveSubtitle:Co,adaptiveFilter:To,...zo}=e;return vt(Ai,{children:[vt(ae,{...zo,size:t,rounded:o,fillMode:n,hover:b,focus:N,valid:L,invalid:T,required:k,loading:g,disabled:y,readonly:K,className:i(e.className,fo,{"k-icon-picker":!l&&p}),children:[E(re,{children:c}),E(Me,{placeholder:h,value:d,showValue:l,valueIconName:p}),E(H,{valid:L,invalid:T,loading:g,disabled:y}),E(B,{loading:g,disabled:y}),E(le,{children:m}),E(M,{className:"k-input-button",icon:r,rounded:null,size:e.size,fillMode:e.fillMode})]}),R&&V&&E(me,{className:"k-list-container k-dropdownlist-popup",children:V}),yo&&E(j,{adaptive:!0,...Mo,header:E(q,{actionsEnd:E(M,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:To,inputValue:d,inputPlaceholder:h,title:Ao,subtitle:Co}),children:E("div",{className:"k-list-container",children:vt(z,{size:"large",children:[E(v,{text:"List item"}),E(v,{text:"List item"}),E(v,{text:"List item"})]})})})]})};oe.states=yi;oe.options=Mi;oe.className=fo;oe.defaultOptions=be;import{jsx as Ed}from"react/jsx-runtime";import{jsx as Rd,jsxs as Bd}from"react/jsx-runtime";import{Fragment as Jd,jsx as Fd,jsxs as Xd}from"react/jsx-runtime";import{jsx as Qd}from"react/jsx-runtime";import{jsx as tc,jsxs as oc}from"react/jsx-runtime";import{jsx as rc,jsxs as lc}from"react/jsx-runtime";import{Fragment as hc,jsx as fc,jsxs as xc}from"react/jsx-runtime";import{Fragment as kc,jsx as Sc,jsxs as Ic}from"react/jsx-runtime";import{jsx as xo,jsxs as zi}from"react/jsx-runtime";var ho="k-spin-button",Ci=[],Ti={size:[a.small,a.medium,a.large],fillMode:[x.solid,x.flat,x.outline,x.clear,x.link]},gt={size:a.medium,fillMode:x.solid},Ne=e=>{let{size:t=gt.size,fillMode:o=gt.fillMode,...n}=e;return zi("span",{...n,className:i(ho,e.className),children:[xo(M,{className:"k-spinner-increase",icon:"caret-alt-up",rounded:null,size:t,fillMode:o}),xo(M,{className:"k-spinner-decrease",icon:"caret-alt-down",rounded:null,size:t,fillMode:o})]})};Ne.states=Ci;Ne.options=Ti;Ne.className=ho;Ne.defaultOptions=gt;import{Fragment as Lo,jsx as _,jsxs as St}from"react/jsx-runtime";var bo="k-numerictextbox",wi=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Ei={size:[a.small,a.medium,a.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[x.solid,x.flat,x.outline]},ie={showSpinButton:!0,showClearButton:!0,size:C.defaultOptions.size,rounded:C.defaultOptions.rounded,fillMode:C.defaultOptions.fillMode,separators:!0},ve=e=>{let{size:t=ie.size,rounded:o=ie.rounded,fillMode:n=ie.fillMode,separators:r=ie.separators,showClearButton:l=ie.showClearButton,showSpinButton:p=ie.showSpinButton,prefix:c,suffix:m,value:d,placeholder:h,hover:b,focus:N,valid:L,invalid:T,required:k,loading:g,disabled:y,readonly:K,...V}=e;return St(C,{...V,size:t,rounded:o,fillMode:n,hover:b,focus:N,valid:L,invalid:T,required:k,loading:g,disabled:y,readonly:K,className:i(e.className,bo),children:[c&&St(Lo,{children:[_(re,{children:c}),r&&_(pe,{})]}),_(D,{placeholder:h,value:d}),_(H,{valid:L,invalid:T,loading:g,disabled:y}),_(B,{loading:g,disabled:y}),l&&_(G,{loading:g,disabled:y,readonly:K,value:d}),m&&St(Lo,{children:[r&&_(pe,{}),_(le,{children:m})]}),p&&_(Ne,{className:"k-input-spinner",size:t,fillMode:n})]})};ve.states=wi;ve.options=Ei;ve.className=bo;ve.defaultOptions=ie;import{jsx as Wc}from"react/jsx-runtime";import{Fragment as tu,jsx as eu}from"react/jsx-runtime";import{Fragment as lu,jsx as ru}from"react/jsx-runtime";import{Fragment as vo,jsx as P,jsxs as ge}from"react/jsx-runtime";var Je="k-pager",Pi=[s.focus,s.disabled],Oi={size:[a.small,a.medium,a.large]},O={responsive:!0,size:a.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},W=e=>{let{responsive:t=O.responsive,size:o=O.size,pagerSizeInfo:n=O.pagerSizeInfo,pageTitleInfo:r=O.pageTitleInfo,maxPagesInfo:l=O.maxPagesInfo,itemsPerPage:p=O.itemsPerPage,maxPages:c=O.maxPages,currentPage:m=O.currentPage,previousNext:d=O.previousNext,type:h=O.type,pageSizes:b=O.pageSizes,refresh:N=O.refresh,info:L=O.info,focus:T,disabled:k,dir:g,...y}=e,K=[],V=[];for(let R=1;R<=c;R++)K.push(P(M,{selected:R===m,fillMode:"flat",themeColor:"primary",size:o,rounded:null,children:R})),V.push(P("option",{selected:R===m,children:R}));return ge("div",{dir:g,...y,className:i(e.className,Je,S(Je,{size:o}),I(Je,{focus:T,disabled:k}),{"k-pager-responsive":t}),children:[ge("div",{className:i("k-pager-numbers-wrap"),children:[d&&ge(vo,{children:[P(M,{className:i("k-pager-nav","k-pager-first"),disabled:m===1&&!k,fillMode:"flat",size:o,rounded:null,icon:g==="rtl"?"caret-alt-to-right":"caret-alt-to-left"}),P(M,{className:i("k-pager-nav"),disabled:m===1&&!k,fillMode:"flat",size:o,rounded:null,icon:g==="rtl"?"caret-alt-right":"caret-alt-left"})]}),h==="numeric"&&P("div",{className:i("k-pager-numbers"),children:K}),h==="input"&&ge("span",{className:i("k-pager-input"),children:[r&&P("span",{children:"Page"}),P(ve,{value:`${m}`,size:o,showSpinButton:!1,showClearButton:!1}),P("span",{children:l&&`of ${c}`})]}),d&&ge(vo,{children:[P(M,{className:i("k-pager-nav"),disabled:m===c&&!k,fillMode:"flat",size:o,rounded:null,icon:g==="rtl"?"caret-alt-left":"caret-alt-right"}),P(M,{className:i("k-pager-nav","k-pager-last"),disabled:m===c&&!k,fillMode:"flat",size:o,rounded:null,icon:g==="rtl"?"caret-alt-to-left":"caret-alt-to-right"})]})]}),b&&ge("span",{className:i("k-pager-sizes"),children:[P(oe,{value:`${p}`,size:o}),n&&P("span",{children:"items per page"})]}),N&&P(M,{className:i("k-pager-refresh"),fillMode:"flat",size:o,rounded:null,icon:"arrow-rotate-cw"}),L&&P("span",{className:i("k-pager-info"),children:L})]})};W.states=Pi;W.options=Oi;W.className=Je;W.defaultOptions=O;import{jsx as Ki}from"react/jsx-runtime";var go=e=>Ki(W,{...e,responsive:!1});import{jsx as Mu}from"react/jsx-runtime";import{jsx as zu}from"react/jsx-runtime";import{Fragment as Bi,jsx as Q,jsxs as So}from"react/jsx-runtime";var It="k-listview",Hi=[s.loading,s.disabled],Ri={},Io={pagerPosition:"bottom"},ne=e=>{let{header:t,footer:o,pageable:n,pagerPosition:r=Io.pagerPosition,bordered:l,layout:p,flexDirection:c,flexWrap:m,gridColumns:d,loading:h,disabled:b,...N}=e,L=Q(go,{className:`k-listview-pager k-listview-pager-${r}`}),T=Q(Bi,{children:So("div",{className:"k-loading-mask",style:{height:"100%",width:"100%"},children:[Q("span",{className:"k-loading-text",children:"Loading..."}),Q("div",{className:"k-loading-image"}),Q("div",{className:"k-loading-color"})]})});return So("div",{...N,className:i(e.className,It,{"k-listview-bordered":l},I(It,{disabled:b,loading:h})),children:[n&&r==="top"&&L,t&&Q("div",{className:"k-listview-header",children:"Header"}),Q("div",{className:i("k-listview-content",{[`k-d-${p}`]:p,[`k-flex-${c}`]:c,[`k-flex-${m}`]:m,[`k-grid-cols-${d}`]:d}),children:e.children}),h&&T,o&&Q("div",{className:"k-listview-footer",children:"Footer"}),n&&r==="bottom"&&L]})};ne.states=Hi;ne.options=Ri;ne.className=It;ne.defaultOptions=Io;import{jsx as $i}from"react/jsx-runtime";var kt="k-listview-item",Vi=[s.focus,s.selected],Gi={},Di={},we=e=>{let{focus:t,selected:o,...n}=e;return $i("div",{...n,className:i(e.className,kt,I(kt,{focus:t,selected:o})),children:e.children})};we.states=Vi;we.options=Gi;we.className=kt;we.defaultOptions=Di;import{Fragment as qu,jsx as Ju,jsxs as Uu}from"react/jsx-runtime";import{jsx as Ji}from"react/jsx-runtime";var ko="k-filemanager-listview",_i=[],Fi={},Xi={},Ee=e=>{let{children:t,...o}=e;return Ji(ne,{className:i(e.className,ko,"k-selectable"),layout:"flex",flexDirection:"row",flexWrap:"wrap",...o,children:t})};Ee.states=_i;Ee.options=Fi;Ee.className=ko;Ee.defaultOptions=Xi;var sf=Ee;export{ko as FILEMANAGERLISTVIEW_CLASSNAME,Ee as FileManagerListView,sf as default};