@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 33.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,i)=>t[i]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var v=(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"}),T=(e,t)=>{let{valid:o,invalid:i,hover:a,focus:p,checked:l,active:c,selected:m,disabled:d,indeterminate:N,loading:x,empty:M,readonly:h,highlighted:A,...E}=t;return n({"k-valid":o,"k-invalid":i,"k-hover":a,"k-focus":p,"k-checked":l,"k-active":c,"k-selected":m,"k-disabled":d,"k-indeterminate":N&&!l,"k-loading":x,"k-empty":M,"k-readonly":h,"k-highlighted":A},Object.keys(E).reduce((I,S)=>(S.startsWith("k-")?I[S]=E[S]:I[`k-${S}`]=E[S],I),{}))};function $t(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(i=>[`k-${i}`,!0]))}var r={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},f={small:"small",medium:"medium",large:"large",full:"full"},L={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",generating:"generating",expanded:"expanded"};import{Fragment as bn,jsx as Jt}from"react/jsx-runtime";var rt="k-font-icon",Nn=[],xn={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.light,u.dark]},hn={},ke=e=>{let{size:t,themeColor:o,icon:i,rotate:a,flip:p,...l}=e;return i?Jt("span",{...l,className:n(e.className,rt,v(rt,{size:t}),{[`k-i-${i}`]:i,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":p==="h"||p==="both","k-flip-v":p==="v"||p==="both"})}):Jt(bn,{})};ke.states=Nn;ke.options=xn;ke.className=rt;ke.defaultOptions=hn;var Wt=ke;import{Fragment as Sn,jsx as Ue}from"react/jsx-runtime";var at="k-svg-icon",Mn=[],In={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.light,u.dark]},qt={viewBox:"0 0 24 24"},ye=e=>{let{size:t,themeColor:o,rotate:i,flip:a,viewBox:p=qt.viewBox,icon:l,...c}=e;if(!l)return Ue(Sn,{});l==="none"&&{...c,className:n(e.className,at,"k-none")};let m=typeof l=="object"&&l.name&&l.name;return Ue("span",{...c,className:n(e.className,at,v("k-icon",{size:t}),{[`k-svg-i-${m}`]:m,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":a==="h"||a==="both","k-flip-v":a==="v"||a==="both"}),children:Ue("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})})};ye.states=Mn;ye.options=In;ye.className=at;ye.defaultOptions=qt;var lt=ye;import*as pt from"@progress/kendo-svg-icons";var Qt="icon",Yt="icons";import{Fragment as Zt,jsx as _e}from"react/jsx-runtime";var Fe="k-icon",En=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),vn=[],An={size:[r.xsmall,r.small,r.medium,r.large,r.xlarge,r.xxlarge,r.xxxlarge],themeColor:[u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.light,u.dark]},mt={viewBox:"0 0 24 24",type:"svg"},O=e=>{let{size:t,themeColor:o,icon:i,type:a=mt.type,rotate:p,flip:l,viewBox:c=mt.viewBox,...m}=e;if(!i)return _e(Zt,{});if(a==="svg"){if(i==="none")return _e(lt,{...m,className:n(e.className,Fe),icon:i,size:t});let d=pt[i]?i:En(`${i}-icon`);return pt[d]?_e(lt,{...m,className:n(e.className,Fe),icon:pt[d],size:t,themeColor:o,rotate:p,flip:l,viewBox:c}):_e(Zt,{})}return _e(Wt,{...m,className:n(e.className,Fe),icon:i,size:t,themeColor:o,rotate:p,flip:l})};O.states=vn;O.options=An;O.defaultOptions=mt;O.className=Fe;O.moduleName=Qt;O.folderName=Yt;var dt="button",jt=dt;import{Fragment as Cn,jsx as Ke,jsxs as eo}from"react/jsx-runtime";var Re="k-button",gn=["icon-button"],Tn=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],On={size:[r.small,r.medium,r.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[L.solid,L.flat,L.outline,L.clear,L.link],themeColor:[u.base,u.primary,u.secondary,u.tertiary,u.success,u.warning,u.error,u.info,u.light,u.dark,u.inverse]},de={size:r.medium,rounded:f.medium,fillMode:L.solid,themeColor:u.base,showArrow:!1,arrowIconName:"caret-alt-down"},g=e=>{let{size:t=de.size,rounded:o=de.rounded,fillMode:i=de.fillMode,themeColor:a=de.themeColor,showArrow:p=de.showArrow,arrowIconName:l=de.arrowIconName,variant:c,hover:m,focus:d,active:N,selected:x,disabled:M,icon:h,text:A,iconClassName:E,...I}=e,S=h!==void 0,y=e.children!==void 0;return eo("button",{...I,className:n(e.className,Re,$t(Re,c),v(Re,{size:t,rounded:o,fillMode:i,themeColor:a}),T(Re,{hover:m,focus:d,active:N,disabled:M,selected:x}),{"k-icon-button":!A&&!y&&S}),children:[h&&Ke(O,{className:n(E,"k-button-icon"),icon:h}),A?eo(Cn,{children:[A&&Ke("span",{className:"k-button-text",children:A}),e.children]}):e.children&&Ke("span",{className:"k-button-text",children:e.children}),p&&Ke("span",{className:"k-menu-button-arrow k-button-arrow",children:Ke(O,{icon:l})})]})};g.states=Tn;g.options=On;g.variants=gn;g.className=Re;g.defaultOptions=de;g.moduleName=dt;g.folderName=jt;import{jsx as Sr}from"react/jsx-runtime";import{jsx as gr}from"react/jsx-runtime";import{jsx as kr}from"react/jsx-runtime";var Pe="input",Xe=Pe;import{jsx as _n}from"react/jsx-runtime";var $e="k-input",kn=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],yn={size:[r.small,r.medium,r.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[L.solid,L.flat,L.outline]},Je={size:r.medium,rounded:r.medium,fillMode:L.solid},C=e=>{let{hover:t,focus:o,disabled:i,invalid:a,valid:p,loading:l,readonly:c,size:m=Je.size,rounded:d=Je.rounded,fillMode:N=Je.fillMode,...x}=e;return _n("span",{...x,className:n(e.className,$e,v($e,{size:m,rounded:d,fillMode:N}),T($e,{hover:t,focus:o,disabled:i,invalid:a,valid:p,loading:l,readonly:c}))})};C.states=kn;C.options=yn;C.className=$e;C.defaultOptions=Je;C.moduleName=Pe;C.folderName=Xe;import{jsx as Pn}from"react/jsx-runtime";var We="k-picker",Kn=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Rn={size:[r.small,r.medium,r.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[L.solid,L.flat,L.outline]},qe={size:r.medium,rounded:f.medium,fillMode:L.solid},Z=e=>{let{hover:t,focus:o,disabled:i,invalid:a,valid:p,loading:l,readonly:c,size:m=qe.size,rounded:d=qe.rounded,fillMode:N=qe.fillMode,...x}=e;return Pn("span",{...x,className:n(e.className,We,v(We,{size:m,rounded:d,fillMode:N}),T(We,{hover:t,focus:o,disabled:i,invalid:a,valid:p,loading:l,readonly:c})),children:e.children})};Z.states=Kn;Z.options=Rn;Z.className=We;Z.defaultOptions=qe;Z.moduleName=Pe;Z.folderName=Xe;import{Fragment as zn,jsx as ct}from"react/jsx-runtime";var to="k-clear-value",Hn=[s.disabled,s.loading,s.readonly],wn={},F=e=>{let{disabled:t,loading:o,readonly:i,value:a}=e;return t||i||o||!a?ct(zn,{}):ct("span",{className:n(e.className,to),children:ct(O,{icon:"x"})})};F.states=Hn;F.options=wn;F.className=to;import{jsx as Vn}from"react/jsx-runtime";var ut="k-input-inner",Dn=[],Bn={},Qe={type:"text",autocomplete:"off",value:"",placeholder:""},X=e=>{let{value:t=Qe.value,type:o=Qe.type,placeholder:i=Qe.placeholder,autocomplete:a=Qe.autocomplete,...p}=e;return Vn("input",{...p,type:o,className:n(e.className,ut,v(ut,e)),placeholder:i,autoComplete:a,defaultValue:t})};X.states=Dn;X.options=Bn;X.className=ut;import{jsx as oo,jsxs as Fn}from"react/jsx-runtime";var ft="k-input-inner",Gn=[],Un={},He=e=>{let{value:t,placeholder:o,showValue:i,valueIcon:a,valueIconName:p,...l}=e;return Fn("span",{...l,className:n(e.className,ft,v(ft,e)),children:[a,!a&&p&&oo(O,{className:"k-input-value-icon",icon:p}),i&&!t&&o,i&&t&&oo("span",{className:"k-input-value-text",children:t})]})};He.states=Gn;He.options=Un;He.className=ft;import{jsx as Jn}from"react/jsx-runtime";var Lt="k-input-inner",Xn=[],$n={},no={value:"",placeholder:""},Nt=e=>{let{value:t=no.value,placeholder:o=no.placeholder,rows:i,...a}=e;return Jn("textarea",{...a,className:n(e.className,Lt,v(Lt,e)),placeholder:o,rows:i,defaultValue:t})};Nt.states=Xn;Nt.options=$n;Nt.className=Lt;import{Fragment as qn,jsx as so}from"react/jsx-runtime";var io="k-input-loading-icon",Wn=[s.disabled,s.loading],D=e=>{let{disabled:t,loading:o}=e;return t||!o?so(qn,{}):so("span",{className:n(e.className,io,"k-icon k-i-loading")})};D.states=Wn;D.className=io;import{Fragment as Zn,jsx as ro}from"react/jsx-runtime";var ao="k-input-validation-icon",Qn=[s.valid,s.invalid,s.disabled,s.loading],Yn={},H=e=>{let{valid:t,invalid:o,disabled:i,loading:a}=e,p=o?"warning-circle":"check-circle";return i||a||!!!(t||o)?ro(Zn,{}):ro(O,{className:n(ao),icon:p})};H.states=Qn;H.options=Yn;H.className=ao;import{Fragment as ts,jsx as lo}from"react/jsx-runtime";var jn="k-input-prefix",es={direction:"horizontal"},be=e=>{let{direction:t=es.direction,...o}=e;return e.children?lo("span",{...o,className:n(jn,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):lo(ts,{})};import{Fragment as ss,jsx as po}from"react/jsx-runtime";var os="k-input-suffix",ns={direction:"horizontal"},Me=e=>{let{direction:t=ns.direction,...o}=e;return e.children?po("span",{...o,className:n(os,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):po(ss,{})};import{jsx as Ia}from"react/jsx-runtime";import{jsx as Aa}from"react/jsx-runtime";import{jsx as rs}from"react/jsx-runtime";var mo="k-input-separator",is={direction:"vertical"},Ie=e=>{let{direction:t=is.direction,...o}=e;return rs("span",{...o,className:n(mo,e.className,{[`${mo}-${t}`]:t})})};var xt="popup",co=xt;import{jsx as uo}from"react/jsx-runtime";var fo="k-animation-container",as=[],ls={},Lo={positionMode:"absolute"},B=e=>{let{positionMode:t=Lo.positionMode,animationStyle:o,offset:i,...a}=e;return uo("div",{...a,style:{...i,...e.style},className:n(e.className,fo,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:uo("div",{className:"k-child-animation-container",style:o,children:e.children})})};B.states=as;B.options=ls;B.className=fo;B.defaultOptions=Lo;B.moduleName=xt;B.folderName=co;var ht="popup",No=ht;import{jsx as xo}from"react/jsx-runtime";var ho="k-popup",ps=[],ms={},bo={positionMode:"absolute"},j=e=>{let{offset:t,positionMode:o=bo.positionMode,animationStyle:i,...a}=e;return xo(B,{positionMode:o,offset:t,animationStyle:i,children:xo("div",{...a,className:n(e.className,ho),children:e.children})})};j.states=ps;j.options=ms;j.className=ho;j.defaultOptions=bo;j.moduleName=ht;j.folderName=No;var bt="action-buttons",Mo=bt;import{jsx as us}from"react/jsx-runtime";var Ye="k-actions",ds=[],cs={},Mt={alignment:"start",orientation:"horizontal"},ee=e=>{let{alignment:t=Mt.alignment,orientation:o=Mt.orientation,...i}=e;return us("div",{...i,className:n(Ye,{[`${Ye}-${t}`]:t,[`${Ye}-${o}`]:o},e.className),children:e.children})};ee.states=ds;ee.options=cs;ee.className=Ye;ee.defaultOptions=Mt;ee.moduleName=bt;ee.folderName=Mo;import{jsx as Ls}from"react/jsx-runtime";var fs="k-actionsheet-footer",Io={alignment:"stretched",orientation:"horizontal"},It=e=>{let{alignment:t=Io.alignment,orientation:o=Io.orientation,template:i,as:a=i?"div":ee,...p}=e;return Ls(a,{...p,...!i&&{alignment:t,orientation:o},className:n(e.className,fs),children:e.children})};var St="searchbox",So=St;import{jsx as we,jsxs as hs}from"react/jsx-runtime";var Eo="k-searchbox",Ns=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],xs={size:[r.small,r.medium,r.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[L.solid,L.flat,L.outline]},Et={showIcon:!0,icon:"search",size:C.defaultOptions.size,rounded:C.defaultOptions.rounded,fillMode:C.defaultOptions.fillMode},w=e=>{let{value:t,placeholder:o,size:i,rounded:a,fillMode:p,hover:l,focus:c,valid:m,invalid:d,required:N,loading:x,disabled:M,showIcon:h=Et.showIcon,icon:A=Et.icon,...E}=e;return hs(C,{...E,size:i,rounded:a,fillMode:p,hover:l,focus:c,valid:m,invalid:d,required:N,loading:x,disabled:M,className:n(e.className,Eo),children:[h&&we(O,{className:"k-input-icon",icon:A}),we(X,{placeholder:o,value:t}),we(D,{...e}),we(H,{...e}),we(F,{...e})]})};w.states=Ns;w.options=xs;w.className=Eo;w.defaultOptions=Et;w.moduleName=St;w.folderName=So;import{jsx as gl}from"react/jsx-runtime";var vt="textbox",vo=vt;import{Fragment as Ao,jsx as te,jsxs as At}from"react/jsx-runtime";var go="k-textbox",bs=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Ms={size:[r.small,r.medium,r.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[L.solid,L.flat,L.outline]},ce={showClearButton:!0,showValidationIcon:!0,size:C.defaultOptions.size,rounded:C.defaultOptions.rounded,fillMode:C.defaultOptions.fillMode,separators:!0},oe=e=>{let{size:t=ce.size,rounded:o=ce.rounded,fillMode:i=ce.fillMode,separators:a=ce.separators,showClearButton:p=ce.showClearButton,showValidationIcon:l=ce.showValidationIcon,prefix:c,suffix:m,type:d,value:N,placeholder:x,hover:M,focus:h,valid:A,invalid:E,required:I,loading:S,disabled:y,readonly:U,...z}=e;return At(C,{...z,size:t,rounded:o,fillMode:i,hover:M,focus:h,valid:A,invalid:E,required:I,loading:S,disabled:y,readonly:U,className:n(e.className,go),children:[c&&At(Ao,{children:[te(be,{children:c}),a&&te(Ie,{})]}),te(X,{placeholder:x,value:N,type:d}),l&&te(H,{valid:A,invalid:E,loading:S,disabled:y}),te(D,{loading:S,disabled:y}),p&&te(F,{loading:S,disabled:y,readonly:U,value:N}),m&&At(Ao,{children:[a&&te(Ie,{}),te(Me,{children:m})]})]})};oe.states=bs;oe.options=Ms;oe.className=go;oe.defaultOptions=ce;oe.moduleName=vt;oe.folderName=vo;import{jsx as Dl}from"react/jsx-runtime";import{Fragment as Xl,jsx as Fl}from"react/jsx-runtime";import{Fragment as Zl,jsx as Yl}from"react/jsx-runtime";import{jsx as ne,jsxs as gt}from"react/jsx-runtime";var Oo="k-actionsheet-titlebar",Is={},se=e=>{let{title:t,subtitle:o,actionsStart:i,actionsEnd:a,filter:p,input:l,inputValue:c,inputPlaceholder:m,adaptive:d,children:N,...x}=e;return gt("div",{...x,className:n(e.className,Oo),children:[gt("div",{className:"k-actionsheet-titlebar-group",children:[i&&ne("div",{className:"k-actionsheet-actions",children:i}),!N&>("div",{className:"k-actionsheet-title",children:[t&&ne("div",{className:"k-text-center",children:t}),o&&ne("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),N&&ne("div",{className:"k-actionsheet-title",children:N}),a&&ne("div",{className:"k-actionsheet-actions",children:a})]}),(l||p)&&ne("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:l?ne(oe,{value:c,placeholder:m,size:d?"large":"medium"}):ne(w,{placeholder:"Filter",size:d?"large":"medium"})})]})};se.className=Oo;se.defaultOptions=Is;import{jsx as Tt,jsxs as As}from"react/jsx-runtime";var Ot="k-actionsheet-view",Ss=[],Es={},vs={},Se=e=>{let{adaptive:t,animated:o,children:i,header:a,footer:p,...l}=e,c=a?.type===se&&Tt(se,{adaptive:t,...a?.props}),m=p?.type===It&&Tt(It,{...p?.props});return As("div",{...l,className:n(e.className,Ot,{[`${Ot}-animated`]:o}),children:[c,Tt("div",{className:"k-actionsheet-content",children:i}),m]})};Se.states=Ss;Se.options=Es;Se.className=Ot;Se.defaultOptions=vs;var ze="action-sheet",Ze=ze;import{jsx as je,jsxs as Os}from"react/jsx-runtime";var Co="k-actionsheet",gs=[],Ts={},De={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},$=e=>{let{side:t=De.side,fullscreen:o=De.fullscreen,adaptive:i=De.adaptive,overlay:a=De.overlay,template:p,children:l,header:c,footer:m,...d}=e;return Os("div",{className:"k-actionsheet-container",children:[a&&je("div",{className:"k-overlay"}),je(B,{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:je("div",{...d,className:n(e.className,Co,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":i}),children:p||je(Se,{header:c,footer:m,adaptive:i,...e,children:l})})})]})};$.states=gs;$.options=Ts;$.className=Co;$.defaultOptions=De;$.moduleName=ze;$.folderName=Ze;import{jsx as _s}from"react/jsx-runtime";var ko="k-actionsheet-container",Cs=[],ks={},ys={},Ee=e=>{let{children:t,...o}=e;return _s("div",{...o,className:ko,children:t})};Ee.states=Cs;Ee.options=ks;Ee.className=ko;Ee.defaultOptions=ys;Ee.moduleName=ze;Ee.folderName=Ze;import{jsx as Tp}from"react/jsx-runtime";import{Fragment as Rs,jsx as Be,jsxs as Ct}from"react/jsx-runtime";var kt="k-actionsheet-item",Ks=[s.hover,s.focus,s.selected,s.disabled],yt=e=>{let{iconName:t,text:o,description:i,hover:a,focus:p,selected:l,disabled:c,...m}=e;return Ct("span",{...m,className:n(e.className,kt,T(kt,{hover:a,focus:p,selected:l,disabled:c})),children:[!e.children&&Be(Rs,{children:Ct("span",{className:"k-actionsheet-action",children:[t&&Be("span",{className:"k-icon-wrap",children:Be(O,{className:"k-actionsheet-item-icon",icon:t})}),Ct("span",{className:"k-actionsheet-item-text",children:[o&&Be("span",{className:"k-actionsheet-item-title",children:o}),i&&Be("span",{className:"k-actionsheet-item-description",children:i})]})]})}),e.children]})};yt.states=Ks;yt.className=kt;import{jsx as Hp,jsxs as wp}from"react/jsx-runtime";import{jsx as Vp}from"react/jsx-runtime";import{jsx as Xp}from"react/jsx-runtime";import{jsx as qp}from"react/jsx-runtime";import{jsx as Hs}from"react/jsx-runtime";var Ps="k-no-data",Ve=e=>Hs("span",{className:n(Ps,e.className),children:e.children});var J="list",ie=J;import{jsx as ve,jsxs as _o}from"react/jsx-runtime";var _t="k-list",ws=[],zs={size:[r.small,r.medium,r.large]},Ko={size:r.medium},k=e=>{let{size:t=Ko.size,virtualization:o,children:i,optionLabel:a,customValue:p,screenReaders:l,...c}=e,m,d,N,x,M=[];return i?i.map((h,A)=>{h.type===_?(h.props.root===!0?(m=h.props.label,h.props.children.map((E,I)=>{M.push(ve(b,{...E.props},`optChild-${I}-${new Date().getTime()}`))})):h.props.children.forEach((E,I)=>{let S="";I===0&&(S=h.props.label),M.push(ve(b,{className:I===0?"k-first":"",...E.props,groupLabel:S},`groupLabel-${I}-${new Date().getTime()}`))}),d=ve(_,{label:m,virtualization:o,children:M})):h.type===b&&(M.push(ve(b,{...h.props},`${h.type}-${A}`)),N=ve(Ae,{virtualization:o,children:M}),l&&(x=_o(Ve,{className:"k-sr-only",children:[M.length," items found."]})))}):x=ve(Ve,{children:"No data found."}),_o("div",{...c,className:n(e.className,_t,v(_t,{size:t}),{"k-virtual-list":o}),children:[a,p,d,N,x]})};k.states=ws;k.options=zs;k.className=_t;k.defaultOptions=Ko;k.moduleName=J;k.folderName=ie;import{jsx as Gs}from"react/jsx-runtime";var Ro="k-list-container",Ds=[],Bs={},Vs={},ge=e=>{let{...t}=e;return Gs("div",{...t,className:n(e.className,Ro),children:e.children})};ge.states=Ds;ge.options=Bs;ge.className=Ro;ge.defaultOptions=Vs;ge.moduleName=J;ge.folderName=ie;import{jsx as ue,jsxs as Xs}from"react/jsx-runtime";var Kt="k-list",Us=[],Fs={size:[r.small,r.medium,r.large]},Po={size:r.medium},W=e=>{let{size:t=Po.size,virtualization:o,children:i,...a}=e,p,l,c,m=[];return i?i.map((d,N)=>{d.type===_?(d.props.root===!0?(p=d.props.label,d.props.children.map((x,M)=>{m.push(ue(b,{...x.props},`optChild-${M}-${new Date().getTime()}`))})):(m.push(ue(Ho,{...d.props,children:d.props.label},`listChild-${N}`)),d.props.children.map((x,M)=>{m.push(ue(b,{...x.props},`fwOptChild-${M}-${new Date().getTime()}`))})),l=ue(_,{label:p,virtualization:o,children:m})):d.type===b&&(m.push(ue(b,{...d.props},`${d.type}-${N}`)),c=ue(Ae,{virtualization:o,children:m}))}):c=ue(Ve,{children:"No data found."}),Xs("div",{...a,className:n(e.className,Kt,v(Kt,{size:t}),{"k-virtual-list":o}),children:[l,c]})};W.states=Us;W.options=Fs;W.className=Kt;W.defaultOptions=Po;W.moduleName=J;W.folderName=ie;var fe="checkbox",Te=fe;import{jsx as wo}from"react/jsx-runtime";var et="k-checkbox",$s=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],Js={size:[r.small,r.medium,r.large],rounded:[f.small,f.medium,f.large,f.full]},Rt={size:r.medium,rounded:f.medium},V=e=>{let{id:t,checked:o,indeterminate:i,hover:a,focus:p,disabled:l,invalid:c,valid:m,required:d,size:N=Rt.size,rounded:x=Rt.rounded,...M}=e;return wo("span",{className:"k-checkbox-wrap",children:wo("input",{...M,id:t,type:"checkbox",defaultChecked:o,required:d,className:n(e.className,et,v(et,{size:N,rounded:x}),T(et,{hover:a,focus:p,disabled:l,invalid:c,valid:m,indeterminate:i,checked:o}))})})};V.states=$s;V.options=Js;V.className=et;V.defaultOptions=Rt;V.moduleName=fe;V.folderName=Te;import{jsx as Qs}from"react/jsx-runtime";var zo="k-checkbox-list",Ws=[],qs={},Do={layout:"vertical"},re=e=>{let{layout:t=Do.layout,...o}=e;return Qs("ul",{...o,className:n(e.className,zo,{[`k-list-${t}`]:t}),children:e.children})};re.states=Ws;re.options=qs;re.className=zo;re.defaultOptions=Do;re.moduleName=fe;re.folderName=Te;import{jsx as ei}from"react/jsx-runtime";var Bo="k-checkbox-list-item",Ys=[],Zs={},js={},ae=e=>{let{...t}=e;return ei("li",{...t,className:n(e.className,Bo),children:e.children})};ae.states=Ys;ae.options=Zs;ae.className=Bo;ae.defaultOptions=js;ae.moduleName=fe;ae.folderName=Te;import{Fragment as Jm,jsx as $m,jsxs as Wm}from"react/jsx-runtime";import{Fragment as jm,jsx as Zm,jsxs as ed}from"react/jsx-runtime";import{Fragment as id,jsx as sd,jsxs as rd}from"react/jsx-runtime";import{Fragment as dd,jsx as md,jsxs as cd}from"react/jsx-runtime";import{jsx as Nd}from"react/jsx-runtime";import{jsx as Md}from"react/jsx-runtime";import{jsx as tt,jsxs as si}from"react/jsx-runtime";var Ht="k-list-item",ti=[s.hover,s.focus,s.selected,s.disabled],oi={},ni={},b=e=>{let{text:t,groupLabel:o,group:i,showIcon:a,iconName:p,showCheckbox:l,checked:c,hover:m,focus:d,selected:N,disabled:x,...M}=e,h=t||e.children;return si("li",{...M,className:n(e.className,i?"k-list-group-item":Ht,T(Ht,{hover:m,focus:d,disabled:x,selected:N})),children:[l&&tt(V,{checked:c}),a&&tt(O,{icon:p}),tt("span",{className:"k-list-item-text",children:h}),o&&o!==""&&tt("div",{className:"k-list-item-group-label",children:o})]})};b.states=ti;b.options=oi;b.className=Ht;b.defaultOptions=ni;b.moduleName=J;b.folderName=ie;import{jsx as wt,jsxs as ri}from"react/jsx-runtime";var ii="k-list-content",Ae=e=>{let{virtualization:t,...o}=e;return ri("div",{...o,className:n(ii,e.className),children:[wt("ul",{className:n("k-list-ul"),children:e.children}),t&&wt("div",{className:"k-height-container",children:wt("div",{})})]})};import{jsx as Vo}from"react/jsx-runtime";var ai="k-list-group-sticky-header",Go=e=>Vo("div",{className:n(ai,e.className),children:Vo("div",{className:"k-list-header-text",children:e.children})});import{Fragment as li,jsx as Uo,jsxs as pi}from"react/jsx-runtime";var _=e=>{let{virtualization:t,label:o}=e;return pi(li,{children:[o&&Uo(Go,{children:o}),e.children&&Uo(Ae,{virtualization:t,children:e.children})]})};import{jsx as Fo}from"react/jsx-runtime";var mi="k-list-group-item",Ho=e=>Fo("li",{className:n(mi,e.className),children:Fo("span",{className:"k-list-item-text",children:e.children})});import{jsx as fi}from"react/jsx-runtime";var zt="k-list-optionlabel",di=[s.hover,s.focus,s.selected,s.disabled],ci={},ui={},ot=e=>{let{text:t,hover:o,focus:i,selected:a,disabled:p,...l}=e;return fi("div",{...l,className:n(zt,T(zt,{hover:o,focus:i,selected:a,disabled:p})),children:t})};ot.states=di;ot.options=ci;ot.className=zt;ot.defaultOptions=ui;import{jsx as hi}from"react/jsx-runtime";var Dt="k-list-custom-value",Li=[s.hover,s.focus,s.selected,s.disabled],Ni={},xi={},nt=e=>{let{text:t,hover:o,focus:i,selected:a,disabled:p,...l}=e;return hi("div",{...l,className:n(Dt,T(Dt,{hover:o,focus:i,selected:a,disabled:p})),children:t})};nt.states=Li;nt.options=Ni;nt.className=Dt;nt.defaultOptions=xi;import{jsx as sc}from"react/jsx-runtime";import{jsx as lc}from"react/jsx-runtime";import{jsx as cc,jsxs as uc}from"react/jsx-runtime";import{jsx as xc,jsxs as hc}from"react/jsx-runtime";import{jsx as Sc}from"react/jsx-runtime";import{jsx as gc,jsxs as Tc}from"react/jsx-runtime";import{jsx as yc,jsxs as _c}from"react/jsx-runtime";var Xo="dropdown-list",$o="dropdownlist";import{Fragment as Ii,jsx as K,jsxs as Bt}from"react/jsx-runtime";var Jo="k-dropdownlist",bi=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Mi={size:[r.small,r.medium,r.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[L.solid,L.flat,L.outline]},Oe={showValue:!0,arrowIconName:"caret-alt-down",size:r.medium,rounded:f.medium,fillMode:L.solid},q=e=>{let{size:t=Oe.size,rounded:o=Oe.rounded,fillMode:i=Oe.fillMode,arrowIconName:a=Oe.arrowIconName,showValue:p=Oe.showValue,valueIconName:l,prefix:c,suffix:m,value:d,placeholder:N,hover:x,focus:M,valid:h,invalid:A,required:E,loading:I,disabled:S,readonly:y,popup:U,opened:z,adaptive:mn,adaptiveSettings:dn,adaptiveTitle:cn,adaptiveSubtitle:un,adaptiveFilter:fn,...Ln}=e;return Bt(Ii,{children:[Bt(Z,{...Ln,size:t,rounded:o,fillMode:i,hover:x,focus:M,valid:h,invalid:A,required:E,loading:I,disabled:S,readonly:y,className:n(e.className,Jo,{"k-icon-picker":!p&&l}),children:[K(be,{children:c}),K(He,{placeholder:N,value:d,showValue:p,valueIconName:l}),K(H,{valid:h,invalid:A,loading:I,disabled:S}),K(D,{loading:I,disabled:S}),K(Me,{children:m}),K(g,{className:"k-input-button",icon:a,rounded:null,size:e.size,fillMode:e.fillMode})]}),z&&U&&K(j,{className:"k-list-container k-dropdownlist-popup",children:U}),mn&&K($,{adaptive:!0,...dn,header:K(se,{actionsEnd:K(g,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:fn,inputValue:d,inputPlaceholder:N,title:cn,subtitle:un}),children:K("div",{className:"k-list-container",children:Bt(k,{size:"large",children:[K(b,{text:"List item"}),K(b,{text:"List item"}),K(b,{text:"List item"})]})})})]})};q.states=bi;q.options=Mi;q.className=Jo;q.defaultOptions=Oe;q.moduleName=Xo;q.folderName=$o;import{jsx as du}from"react/jsx-runtime";import{jsx as Nu,jsxs as xu}from"react/jsx-runtime";import{Fragment as Au,jsx as Eu,jsxs as vu}from"react/jsx-runtime";import{jsx as Cu}from"react/jsx-runtime";import{jsx as Ru,jsxs as Pu}from"react/jsx-runtime";import{jsx as Bu,jsxs as Vu}from"react/jsx-runtime";import{Fragment as qu,jsx as Ju,jsxs as Wu}from"react/jsx-runtime";import{Fragment as nf,jsx as tf,jsxs as of}from"react/jsx-runtime";import{jsx as Wo,jsxs as gi}from"react/jsx-runtime";var qo="k-spin-button",vi=[],Ai={size:[r.small,r.medium,r.large],fillMode:[L.solid,L.flat,L.outline,L.clear,L.link]},Vt={size:r.medium,fillMode:L.solid},le=e=>{let{size:t=Vt.size,fillMode:o=Vt.fillMode,...i}=e;return gi("span",{...i,className:n(qo,e.className),children:[Wo(g,{className:"k-spinner-increase",icon:"caret-alt-up",rounded:null,size:t,fillMode:o}),Wo(g,{className:"k-spinner-decrease",icon:"caret-alt-down",rounded:null,size:t,fillMode:o})]})};le.states=vi;le.options=Ai;le.className=qo;le.defaultOptions=Vt;le.moduleName=null;le.folderName=null;var Qo="numeric-textbox",Yo="numerictextbox";import{Fragment as Zo,jsx as Q,jsxs as Gt}from"react/jsx-runtime";var jo="k-numerictextbox",Ti=[s.hover,s.focus,s.valid,s.invalid,s.loading,s.required,s.disabled,s.readonly],Oi={size:[r.small,r.medium,r.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[L.solid,L.flat,L.outline]},Ne={showSpinButton:!0,showClearButton:!0,size:C.defaultOptions.size,rounded:C.defaultOptions.rounded,fillMode:C.defaultOptions.fillMode,separators:!0},pe=e=>{let{size:t=Ne.size,rounded:o=Ne.rounded,fillMode:i=Ne.fillMode,separators:a=Ne.separators,showClearButton:p=Ne.showClearButton,showSpinButton:l=Ne.showSpinButton,prefix:c,suffix:m,value:d,placeholder:N,hover:x,focus:M,valid:h,invalid:A,required:E,loading:I,disabled:S,readonly:y,...U}=e;return Gt(C,{...U,size:t,rounded:o,fillMode:i,hover:x,focus:M,valid:h,invalid:A,required:E,loading:I,disabled:S,readonly:y,className:n(e.className,jo),children:[c&&Gt(Zo,{children:[Q(be,{children:c}),a&&Q(Ie,{})]}),Q(X,{placeholder:N,value:d}),Q(H,{valid:h,invalid:A,loading:I,disabled:S}),Q(D,{loading:I,disabled:S}),p&&Q(F,{loading:I,disabled:S,readonly:y,value:d}),m&&Gt(Zo,{children:[a&&Q(Ie,{}),Q(Me,{children:m})]}),l&&Q(le,{className:"k-input-spinner",size:t,fillMode:i})]})};pe.states=Ti;pe.options=Oi;pe.className=jo;pe.defaultOptions=Ne;pe.moduleName=Qo;pe.folderName=Yo;import{jsx as Kf}from"react/jsx-runtime";import{Fragment as Df,jsx as zf}from"react/jsx-runtime";import{Fragment as $f,jsx as Xf}from"react/jsx-runtime";var Ut="pager",tn=Ut;import{Fragment as on,jsx as R,jsxs as Ce}from"react/jsx-runtime";var st="k-pager",Ci=[s.focus,s.disabled],ki={size:[r.small,r.medium,r.large]},P={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},G=e=>{let{responsive:t=P.responsive,size:o=P.size,pagerSizeInfo:i=P.pagerSizeInfo,pageTitleInfo:a=P.pageTitleInfo,maxPagesInfo:p=P.maxPagesInfo,itemsPerPage:l=P.itemsPerPage,maxPages:c=P.maxPages,currentPage:m=P.currentPage,previousNext:d=P.previousNext,type:N=P.type,pageSizes:x=P.pageSizes,refresh:M=P.refresh,info:h=P.info,focus:A,disabled:E,dir:I,...S}=e,y=[],U=[];for(let z=1;z<=c;z++)y.push(R(g,{selected:z===m,fillMode:"flat",themeColor:"primary",size:o,rounded:null,children:z})),U.push(R("option",{selected:z===m,children:z}));return Ce("div",{dir:I,...S,className:n(e.className,st,v(st,{size:o}),T(st,{focus:A,disabled:E}),{"k-pager-responsive":t}),children:[Ce("div",{className:n("k-pager-numbers-wrap"),children:[d&&Ce(on,{children:[R(g,{className:n("k-pager-nav","k-pager-first"),disabled:m===1&&!E,fillMode:"flat",size:o,rounded:null,icon:I==="rtl"?"caret-alt-to-right":"caret-alt-to-left"}),R(g,{className:n("k-pager-nav"),disabled:m===1&&!E,fillMode:"flat",size:o,rounded:null,icon:I==="rtl"?"caret-alt-right":"caret-alt-left"})]}),N==="numeric"&&R("div",{className:n("k-pager-numbers"),children:y}),N==="input"&&Ce("span",{className:n("k-pager-input"),children:[a&&R("span",{children:"Page"}),R(pe,{value:`${m}`,size:o,showSpinButton:!1,showClearButton:!1}),R("span",{children:p&&`of ${c}`})]}),d&&Ce(on,{children:[R(g,{className:n("k-pager-nav"),disabled:m===c&&!E,fillMode:"flat",size:o,rounded:null,icon:I==="rtl"?"caret-alt-left":"caret-alt-right"}),R(g,{className:n("k-pager-nav","k-pager-last"),disabled:m===c&&!E,fillMode:"flat",size:o,rounded:null,icon:I==="rtl"?"caret-alt-to-left":"caret-alt-to-right"})]})]}),x&&Ce("span",{className:n("k-pager-sizes"),children:[R(q,{value:`${l}`,size:o}),i&&R("span",{children:"items per page"})]}),M&&R(g,{className:n("k-pager-refresh"),fillMode:"flat",size:o,rounded:null,icon:"arrow-rotate-cw"}),h&&R("span",{className:n("k-pager-info"),children:h})]})};G.states=Ci;G.options=ki;G.className=st;G.defaultOptions=P;G.moduleName=Ut;G.folderName=tn;import{jsx as yi}from"react/jsx-runtime";var nn=e=>yi(G,{...e,responsive:!1});import{jsx as cL}from"react/jsx-runtime";import{jsx as NL}from"react/jsx-runtime";var Ge="listview",it=Ge;import{Fragment as Ri,jsx as me,jsxs as sn}from"react/jsx-runtime";var Ft="k-listview",_i=[s.loading,s.disabled],Ki={},rn={pagerPosition:"bottom"},Y=e=>{let{header:t,footer:o,pageable:i,pagerPosition:a=rn.pagerPosition,bordered:p,layout:l,flexDirection:c,flexWrap:m,gridColumns:d,loading:N,disabled:x,...M}=e,h=me(nn,{className:`k-listview-pager k-listview-pager-${a}`}),A=me(Ri,{children:sn("div",{className:"k-loading-mask",style:{height:"100%",width:"100%"},children:[me("span",{className:"k-loading-text",children:"Loading..."}),me("div",{className:"k-loading-image"}),me("div",{className:"k-loading-color"})]})});return sn("div",{...M,className:n(e.className,Ft,{"k-listview-bordered":p},T(Ft,{disabled:x,loading:N})),children:[i&&a==="top"&&h,t&&me("div",{className:"k-listview-header",children:"Header"}),me("div",{className:n("k-listview-content",{[`k-d-${l}`]:l,[`k-flex-${c}`]:c,[`k-flex-${m}`]:m,[`k-grid-cols-${d}`]:d}),children:e.children}),N&&A,o&&me("div",{className:"k-listview-footer",children:"Footer"}),i&&a==="bottom"&&h]})};Y.states=_i;Y.options=Ki;Y.className=Ft;Y.defaultOptions=rn;Y.moduleName=Ge;Y.folderName=it;import{jsx as zi}from"react/jsx-runtime";var Xt="k-listview-item",Pi=[s.focus,s.selected],Hi={},wi={},xe=e=>{let{focus:t,selected:o,...i}=e;return zi("div",{...i,className:n(e.className,Xt,T(Xt,{focus:t,selected:o})),children:e.children})};xe.states=Pi;xe.options=Hi;xe.className=Xt;xe.defaultOptions=wi;xe.moduleName=Ge;xe.folderName=it;import{Fragment as HL,jsx as PL,jsxs as wL}from"react/jsx-runtime";var an="file-manager",ln="filemanager";import{jsx as Gi}from"react/jsx-runtime";var pn="k-filemanager-listview",Di=[],Bi={},Vi={},he=e=>{let{children:t,...o}=e;return Gi(Y,{className:n(e.className,pn,"k-selectable"),layout:"flex",flexDirection:"row",flexWrap:"wrap",...o,children:t})};he.states=Di;he.options=Bi;he.className=pn;he.defaultOptions=Vi;he.moduleName=an;he.folderName=ln;var WL=he;export{pn as FILEMANAGERLISTVIEW_CLASSNAME,he as FileManagerListView,WL as default};