UNPKG

@progress/kendo-themes-html

Version:

A collection of HTML helpers used for developing Kendo UI themes

2 lines (1 loc) 25 kB
var s=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?s(...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 S=(e,t)=>s({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.fillMode}-${t.themeColor}`]:t.fillMode&&t.themeColor},{[`${e}-${t.themeColor}`]:t.themeColor&&t.fillMode===void 0},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full"}),g=(e,t)=>s({"k-valid":t.valid,"k-invalid":t.invalid,"k-hover":t.hover,"k-focus":t.focus,"k-checked":t.checked,"k-active":t.active,"k-selected":t.selected,"k-disabled":t.disabled,"k-indeterminate":t.indeterminate&&!t.checked,"k-loading":t.loading,"k-empty":t.empty,"k-readonly":t.readonly,"k-highlighted":t.highlighted});var a={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},m={small:"small",medium:"medium",large:"large",full:"full"},h={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},p={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},n={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 ao,jsx as rt}from"react/jsx-runtime";var Oe="k-icon k-font-icon",no=[],so={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[p.base,p.primary,p.secondary,p.tertiary,p.success,p.warning,p.error,p.info,p.light,p.dark]},io={},ae=e=>{let{size:t,themeColor:o,icon:i,rotate:r,flip:l,...c}=e;return i?rt("span",{...c,className:s(e.className,Oe,S(Oe,{size:t}),{[`k-i-${i}`]:i,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"})}):rt(ao,{})};ae.states=no;ae.options=so;ae.className=Oe;ae.defaultOptions=io;var lt=ae;import{Fragment as co,jsx as xe}from"react/jsx-runtime";var He="k-icon k-svg-icon",ro=[],lo={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[p.base,p.primary,p.secondary,p.tertiary,p.success,p.warning,p.error,p.info,p.light,p.dark]},ct={viewBox:"0 0 24 24"},re=e=>{let{size:t,themeColor:o,rotate:i,flip:r,viewBox:l=ct.viewBox,icon:c,...f}=e;if(!c)return xe(co,{});c==="none"&&{...f,className:s(e.className,He,"k-none")};let d=typeof c=="object"&&c.name&&c.name;return xe("span",{...f,className:s(e.className,He,S("k-icon",{size:t}),{[`k-svg-i-${d}`]:d,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),children:xe("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:l,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};re.states=ro;re.options=lo;re.className=He;re.defaultOptions=ct;var Ke=re;import*as pt from"@progress/kendo-svg-icons";import{Fragment as dt,jsx as le}from"react/jsx-runtime";var po=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),mo=[],uo={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[p.base,p.primary,p.secondary,p.tertiary,p.success,p.warning,p.error,p.info,p.light,p.dark]},Re={viewBox:"0 0 24 24",type:"svg"},I=e=>{let{size:t,themeColor:o,icon:i,type:r=Re.type,rotate:l,flip:c,viewBox:f=Re.viewBox,...d}=e;if(!i)return le(dt,{});if(r==="svg"){if(i==="none")return le(Ke,{...d,icon:i,size:t});let u=po(`${i}-icon`);return pt[u]?le(Ke,{...d,icon:pt[u],size:t,themeColor:o,rotate:l,flip:c,viewBox:f}):le(dt,{})}return le(lt,{...d,icon:i,size:t,themeColor:o,rotate:l,flip:c})};I.states=mo;I.options=uo;I.defaultOptions=Re;import{Fragment as xo,jsx as ce,jsxs as mt}from"react/jsx-runtime";var be="k-button",fo=[n.hover,n.focus,n.active,n.selected,n.disabled],ho={size:[a.small,a.medium,a.large],rounded:[m.small,m.medium,m.large,m.full],fillMode:[h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[p.base,p.primary,p.secondary,p.tertiary,p.success,p.warning,p.error,p.info,p.light,p.dark,p.inverse]},B={size:a.medium,rounded:m.medium,fillMode:h.solid,themeColor:p.base,showArrow:!1,arrowIconName:"caret-alt-down"},z=e=>{let{size:t=B.size,rounded:o=B.rounded,fillMode:i=B.fillMode,themeColor:r=B.themeColor,showArrow:l=B.showArrow,arrowIconName:c=B.arrowIconName,hover:f,focus:d,active:u,selected:x,disabled:b,icon:N,text:L,iconClassName:T,...C}=e,A=N!==void 0,M=e.children!==void 0;return mt("button",{...C,className:s(e.className,be,S(be,{size:t,rounded:o,fillMode:i,themeColor:r}),g(be,{hover:f,focus:d,active:u,disabled:b,selected:x}),{"k-icon-button":!L&&!M&&A}),children:[N&&ce(I,{className:s(T,"k-button-icon"),icon:N}),L?mt(xo,{children:[L&&ce("span",{className:"k-button-text",children:L}),e.children]}):e.children&&ce("span",{className:"k-button-text",children:e.children}),l&&ce("span",{className:"k-menu-button-arrow k-button-arrow",children:ce(I,{icon:c})})]})};z.states=fo;z.options=ho;z.className=be;z.defaultOptions=B;import{jsx as Os}from"react/jsx-runtime";import{jsx as ws}from"react/jsx-runtime";import{jsx as Bs}from"react/jsx-runtime";import{jsx as Lo}from"react/jsx-runtime";var Ne="k-input",bo=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],No={size:[a.small,a.medium,a.large],rounded:[m.small,m.medium,m.large,m.full],fillMode:[h.solid,h.flat,h.outline]},Le={size:a.medium,rounded:a.medium,fillMode:h.solid},k=e=>{let{hover:t,focus:o,disabled:i,invalid:r,valid:l,loading:c,readonly:f,size:d=Le.size,rounded:u=Le.rounded,fillMode:x=Le.fillMode,...b}=e;return Lo("span",{...b,className:s(e.className,Ne,S(Ne,{size:d,rounded:u,fillMode:x}),g(Ne,{hover:t,focus:o,disabled:i,invalid:r,valid:l,loading:c,readonly:f}))})};k.states=bo;k.options=No;k.className=Ne;k.defaultOptions=Le;import{jsx as Io}from"react/jsx-runtime";var ve="k-picker",vo=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],So={size:[a.small,a.medium,a.large],rounded:[m.small,m.medium,m.large,m.full],fillMode:[h.solid,h.flat,h.outline]},Se={size:a.medium,rounded:m.medium,fillMode:h.solid},U=e=>{let{hover:t,focus:o,disabled:i,invalid:r,valid:l,loading:c,readonly:f,size:d=Se.size,rounded:u=Se.rounded,fillMode:x=Se.fillMode,...b}=e;return Io("span",{...b,className:s(e.className,ve,S(ve,{size:d,rounded:u,fillMode:x}),g(ve,{hover:t,focus:o,disabled:i,invalid:r,valid:l,loading:c,readonly:f})),children:e.children})};U.states=vo;U.options=So;U.className=ve;U.defaultOptions=Se;import{Fragment as yo,jsx as we}from"react/jsx-runtime";var ut="k-clear-value",go=[n.disabled,n.loading,n.readonly],ko={},$=e=>{let{disabled:t,loading:o,readonly:i,value:r}=e;return t||i||o||!r?we(yo,{}):we("span",{className:s(e.className,ut),children:we(I,{icon:"x"})})};$.states=go;$.options=ko;$.className=ut;import{jsx as Co}from"react/jsx-runtime";var Pe="k-input-inner",Ao=[],Mo={},Ie={type:"text",autocomplete:"off",value:"",placeholder:""},D=e=>{let{value:t=Ie.value,type:o=Ie.type,placeholder:i=Ie.placeholder,autocomplete:r=Ie.autocomplete,...l}=e;return Co("input",{...l,type:o,className:s(e.className,Pe,S(Pe,e)),placeholder:i,autoComplete:r,defaultValue:t})};D.states=Ao;D.options=Mo;D.className=Pe;import{jsx as ft,jsxs as Eo}from"react/jsx-runtime";var Ve="k-input-inner",To=[],zo={},pe=e=>{let{value:t,placeholder:o,showValue:i,valueIcon:r,valueIconName:l,...c}=e;return Eo("span",{...c,className:s(e.className,Ve,S(Ve,e)),children:[r,!r&&l&&ft(I,{className:"k-input-value-icon",icon:l}),i&&!t&&o,i&&t&&ft("span",{className:"k-input-value-text",children:t})]})};pe.states=To;pe.options=zo;pe.className=Ve;import{jsx as Ko}from"react/jsx-runtime";var Ge="k-input-inner",Oo=[],Ho={},ht={value:"",placeholder:""},Be=e=>{let{value:t=ht.value,placeholder:o=ht.placeholder,rows:i,...r}=e;return Ko("textarea",{...r,className:s(e.className,Ge,S(Ge,e)),placeholder:o,rows:i,defaultValue:t})};Be.states=Oo;Be.options=Ho;Be.className=Ge;import{Fragment as wo,jsx as xt}from"react/jsx-runtime";var bt="k-input-loading-icon",Ro=[n.disabled,n.loading],K=e=>{let{disabled:t,loading:o}=e;return t||!o?xt(wo,{}):xt("span",{className:s(e.className,bt,"k-icon k-i-loading")})};K.states=Ro;K.className=bt;import{Fragment as Go,jsx as Nt}from"react/jsx-runtime";var Lt="k-input-validation-icon",Po=[n.valid,n.invalid,n.disabled,n.loading],Vo={},H=e=>{let{valid:t,invalid:o,disabled:i,loading:r}=e,l=o?"warning-circle":"check-circle";return i||r||!!!(t||o)?Nt(Go,{}):Nt(I,{className:s(Lt),icon:l})};H.states=Po;H.options=Vo;H.className=Lt;import{Fragment as Do,jsx as vt}from"react/jsx-runtime";var Bo="k-input-prefix",$o={direction:"horizontal"},ge=e=>{let{direction:t=$o.direction,...o}=e;return e.children?vt("span",{...o,className:s(Bo,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):vt(Do,{})};import{Fragment as Fo,jsx as St}from"react/jsx-runtime";var _o="k-input-suffix",Xo={direction:"horizontal"},ke=e=>{let{direction:t=Xo.direction,...o}=e;return e.children?St("span",{...o,className:s(_o,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):St(Fo,{})};import{jsx as Ci}from"react/jsx-runtime";import{jsx as Oi}from"react/jsx-runtime";import{jsx as qo}from"react/jsx-runtime";var It="k-input-separator",Jo={direction:"vertical"},$e=e=>{let{direction:t=Jo.direction,...o}=e;return qo("span",{...o,className:s(It,e.className,{[`${It}-${t}`]:t})})};import{jsx as gt}from"react/jsx-runtime";var kt="k-animation-container",Uo=[],Wo={},yt={positionMode:"absolute"},R=e=>{let{positionMode:t=yt.positionMode,animationStyle:o,offset:i,...r}=e;return gt("div",{...r,style:{...i,...e.style},className:s(e.className,kt,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:gt("div",{className:"k-child-animation-container",style:o,children:e.children})})};R.states=Uo;R.options=Wo;R.className=kt;R.defaultOptions=yt;import{jsx as At}from"react/jsx-runtime";var Mt="k-popup",Qo=[],Yo={},Ct={positionMode:"absolute"},W=e=>{let{offset:t,positionMode:o=Ct.positionMode,animationStyle:i,...r}=e;return At(R,{positionMode:o,offset:t,animationStyle:i,children:At("div",{...r,className:s(e.className,Mt),children:e.children})})};W.states=Qo;W.options=Yo;W.className=Mt;W.defaultOptions=Ct;import{jsx as en}from"react/jsx-runtime";var ye="k-actions",Zo=[],jo={},De={alignment:"start",orientation:"horizontal"},Q=e=>{let{alignment:t=De.alignment,orientation:o=De.orientation,...i}=e;return en("div",{...i,className:s(ye,{[`${ye}-${t}`]:t,[`${ye}-${o}`]:o},e.className),children:e.children})};Q.states=Zo;Q.options=jo;Q.className=ye;Q.defaultOptions=De;import{jsx as on}from"react/jsx-runtime";var tn="k-actionsheet-footer",Tt={alignment:"stretched",orientation:"horizontal"},_e=e=>{let{alignment:t=Tt.alignment,orientation:o=Tt.orientation,template:i,as:r=i?"div":Q,...l}=e;return on(r,{...l,...!i&&{alignment:t,orientation:o},className:s(e.className,tn),children:e.children})};import{jsx as de,jsxs as an}from"react/jsx-runtime";var zt="k-searchbox",nn=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],sn={size:[a.small,a.medium,a.large],rounded:[m.small,m.medium,m.large,m.full],fillMode:[h.solid,h.flat,h.outline]},Xe={showIcon:!0,icon:"search",size:k.defaultOptions.size,rounded:k.defaultOptions.rounded,fillMode:k.defaultOptions.fillMode},Y=e=>{let{value:t,placeholder:o,size:i,rounded:r,fillMode:l,hover:c,focus:f,valid:d,invalid:u,required:x,loading:b,disabled:N,showIcon:L=Xe.showIcon,icon:T=Xe.icon,...C}=e;return an(k,{...C,size:i,rounded:r,fillMode:l,hover:c,focus:f,valid:d,invalid:u,required:x,loading:b,disabled:N,className:s(e.className,zt),children:[L&&de(I,{className:"k-input-icon",icon:T}),de(D,{placeholder:o,value:t}),de(K,{...e}),de(H,{...e}),de($,{...e})]})};Y.states=nn;Y.options=sn;Y.className=zt;Y.defaultOptions=Xe;import{jsx as ya}from"react/jsx-runtime";import{Fragment as Et,jsx as w,jsxs as Fe}from"react/jsx-runtime";var Ot="k-textbox",rn=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],ln={size:[a.small,a.medium,a.large],rounded:[m.small,m.medium,m.large,m.full],fillMode:[h.solid,h.flat,h.outline]},_={showClearButton:!0,showValidationIcon:!0,size:k.defaultOptions.size,rounded:k.defaultOptions.rounded,fillMode:k.defaultOptions.fillMode,separators:!0},Z=e=>{let{size:t=_.size,rounded:o=_.rounded,fillMode:i=_.fillMode,separators:r=_.separators,showClearButton:l=_.showClearButton,showValidationIcon:c=_.showValidationIcon,prefix:f,suffix:d,type:u,value:x,placeholder:b,hover:N,focus:L,valid:T,invalid:C,required:A,loading:M,disabled:q,readonly:ie,...Ee}=e;return Fe(k,{...Ee,size:t,rounded:o,fillMode:i,hover:N,focus:L,valid:T,invalid:C,required:A,loading:M,disabled:q,readonly:ie,className:s(e.className,Ot),children:[f&&Fe(Et,{children:[w(ge,{children:f}),r&&w($e,{})]}),w(D,{placeholder:b,value:x,type:u}),c&&w(H,{valid:T,invalid:C,loading:M,disabled:q}),w(K,{loading:M,disabled:q}),l&&w($,{loading:M,disabled:q,readonly:ie,value:x}),d&&Fe(Et,{children:[r&&w($e,{}),w(ke,{children:d})]})]})};Z.states=rn;Z.options=ln;Z.className=Ot;Z.defaultOptions=_;import{jsx as wa}from"react/jsx-runtime";import{Fragment as Da,jsx as $a}from"react/jsx-runtime";import{Fragment as Wa,jsx as Ua}from"react/jsx-runtime";import{jsx as P,jsxs as Je}from"react/jsx-runtime";var Kt="k-actionsheet-titlebar",cn={},V=e=>{let{title:t,subtitle:o,actionsStart:i,actionsEnd:r,filter:l,input:c,inputValue:f,inputPlaceholder:d,adaptive:u,children:x,...b}=e;return Je("div",{...b,className:s(e.className,Kt),children:[Je("div",{className:"k-actionsheet-titlebar-group",children:[i&&P("div",{className:"k-actionsheet-actions",children:i}),!x&&Je("div",{className:"k-actionsheet-title",children:[t&&P("div",{className:"k-text-center",children:t}),o&&P("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),x&&P("div",{className:"k-actionsheet-title",children:x}),r&&P("div",{className:"k-actionsheet-actions",children:r})]}),(c||l)&&P("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?P(Z,{value:f,placeholder:d,size:u?"large":"medium"}):P(Y,{placeholder:"Filter",size:u?"large":"medium"})})]})};V.className=Kt;V.defaultOptions=cn;import{jsx as qe,jsxs as un}from"react/jsx-runtime";var Ue="k-actionsheet-view",pn=[],dn={},mn={},j=e=>{let{adaptive:t,animated:o,children:i,header:r,footer:l,...c}=e,f=r?.type===V&&qe(V,{adaptive:t,...r?.props}),d=l?.type===_e&&qe(_e,{...l?.props});return un("div",{...c,className:s(e.className,Ue,{[`${Ue}-animated`]:o}),children:[f,qe("div",{className:"k-actionsheet-content",children:i}),d]})};j.states=pn;j.options=dn;j.className=Ue;j.defaultOptions=mn;import{jsx as Ae,jsxs as xn}from"react/jsx-runtime";var Rt="k-actionsheet",fn=[],hn={},me={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},X=e=>{let{side:t=me.side,fullscreen:o=me.fullscreen,adaptive:i=me.adaptive,overlay:r=me.overlay,template:l,children:c,header:f,footer:d,...u}=e;return xn("div",{className:"k-actionsheet-container",children:[r&&Ae("div",{className:"k-overlay"}),Ae(R,{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:Ae("div",{...u,className:s(e.className,Rt,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":i}),children:l||Ae(j,{header:f,footer:d,adaptive:i,...e,children:c})})})]})};X.states=fn;X.options=hn;X.className=Rt;X.defaultOptions=me;import{jsx as Lr}from"react/jsx-runtime";import{Fragment as Nn,jsx as ue,jsxs as We}from"react/jsx-runtime";var Qe="k-actionsheet-item",bn=[n.hover,n.focus,n.selected,n.disabled],Ye=e=>{let{iconName:t,text:o,description:i,hover:r,focus:l,selected:c,disabled:f,...d}=e;return We("span",{...d,className:s(e.className,Qe,g(Qe,{hover:r,focus:l,selected:c,disabled:f})),children:[!e.children&&ue(Nn,{children:We("span",{className:"k-actionsheet-action",children:[t&&ue("span",{className:"k-icon-wrap",children:ue(I,{className:"k-actionsheet-item-icon",icon:t})}),We("span",{className:"k-actionsheet-item-text",children:[o&&ue("span",{className:"k-actionsheet-item-title",children:o}),i&&ue("span",{className:"k-actionsheet-item-description",children:i})]})]})}),e.children]})};Ye.states=bn;Ye.className=Qe;import{jsx as Cr,jsxs as Tr}from"react/jsx-runtime";import{jsx as Hr}from"react/jsx-runtime";import{jsx as Pr}from"react/jsx-runtime";import{jsx as $r}from"react/jsx-runtime";import{jsx as vn}from"react/jsx-runtime";var Ln="k-no-data",fe=e=>vn("span",{className:s(Ln,e.className),children:e.children});import{jsx as ee,jsxs as Pt}from"react/jsx-runtime";var Ze="k-list",Sn=[],In={size:[a.small,a.medium,a.large]},Vt={size:a.medium},O=e=>{let{size:t=Vt.size,virtualization:o,children:i,optionLabel:r,customValue:l,screenReaders:c,...f}=e,d,u,x,b,N=[];return i?i.map((L,T)=>{L.type===E?(L.props.root===!0?(d=L.props.label,L.props.children.map((C,A)=>{N.push(ee(v,{...C.props},`optChild-${A}-${new Date().getTime()}`))})):L.props.children.forEach((C,A)=>{let M="";A===0&&(M=L.props.label),N.push(ee(v,{className:A===0?"k-first":"",...C.props,groupLabel:M},`groupLabel-${A}-${new Date().getTime()}`))}),u=ee(E,{label:d,virtualization:o,children:N})):L.type===v&&(N.push(ee(v,{...L.props},`${L.type}-${T}`)),x=ee(te,{virtualization:o,children:N}),c&&(b=Pt(fe,{className:"k-sr-only",children:[N.length," items found."]})))}):b=ee(fe,{children:"No data found."}),Pt("div",{...f,className:s(e.className,Ze,S(Ze,{size:t}),{"k-virtual-list":o}),children:[r,l,u,x,b]})};O.states=Sn;O.options=In;O.className=Ze;O.defaultOptions=Vt;import{jsx as F,jsxs as yn}from"react/jsx-runtime";var je="k-list",gn=[],kn={size:[a.small,a.medium,a.large]},Gt={size:a.medium},J=e=>{let{size:t=Gt.size,virtualization:o,children:i,...r}=e,l,c,f,d=[];return i?i.map((u,x)=>{u.type===E?(u.props.root===!0?(l=u.props.label,u.props.children.map((b,N)=>{d.push(F(v,{...b.props},`optChild-${N}-${new Date().getTime()}`))})):(d.push(F(Bt,{...u.props,children:u.props.label},`listChild-${x}`)),u.props.children.map((b,N)=>{d.push(F(v,{...b.props},`fwOptChild-${N}-${new Date().getTime()}`))})),c=F(E,{label:l,virtualization:o,children:d})):u.type===v&&(d.push(F(v,{...u.props},`${u.type}-${x}`)),f=F(te,{virtualization:o,children:d}))}):f=F(fe,{children:"No data found."}),yn("div",{...r,className:s(e.className,je,S(je,{size:t}),{"k-virtual-list":o}),children:[c,f]})};J.states=gn;J.options=kn;J.className=je;J.defaultOptions=Gt;import{jsx as $t}from"react/jsx-runtime";var Me="k-checkbox",An=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],Mn={size:[a.small,a.medium,a.large],rounded:[m.small,m.medium,m.large,m.full]},et={size:a.medium,rounded:m.medium},G=e=>{let{id:t,checked:o,indeterminate:i,hover:r,focus:l,disabled:c,invalid:f,valid:d,required:u,size:x=et.size,rounded:b=et.rounded,...N}=e;return $t("span",{className:"k-checkbox-wrap",children:$t("input",{...N,id:t,type:"checkbox",defaultChecked:o,required:u,className:s(e.className,Me,S(Me,{size:x,rounded:b}),g(Me,{hover:r,focus:l,disabled:c,invalid:f,valid:d,indeterminate:i,checked:o}))})})};G.states=An;G.options=Mn;G.className=Me;G.defaultOptions=et;import{jsx as zn}from"react/jsx-runtime";var Dt="k-checkbox-list",Cn=[],Tn={},_t={layout:"vertical"},oe=e=>{let{layout:t=_t.layout,...o}=e;return zn("ul",{...o,className:s(e.className,Dt,{[`k-list-${t}`]:t}),children:e.children})};oe.states=Cn;oe.options=Tn;oe.className=Dt;oe.defaultOptions=_t;import{jsx as Kn}from"react/jsx-runtime";var Xt="k-checkbox-list-item",En=[],On={},Hn={},ne=e=>{let{...t}=e;return Kn("li",{...t,className:s(e.className,Xt),children:e.children})};ne.states=En;ne.options=On;ne.className=Xt;ne.defaultOptions=Hn;import{Fragment as Ml,jsx as Al,jsxs as Cl}from"react/jsx-runtime";import{Fragment as Hl,jsx as Ol,jsxs as Kl}from"react/jsx-runtime";import{Fragment as Gl,jsx as Vl,jsxs as Bl}from"react/jsx-runtime";import{Fragment as Fl,jsx as Xl,jsxs as Jl}from"react/jsx-runtime";import{jsx as Ql}from"react/jsx-runtime";import{jsx as ec}from"react/jsx-runtime";import{jsx as Ce,jsxs as Vn}from"react/jsx-runtime";var ot="k-list-item",Rn=[n.hover,n.focus,n.selected,n.disabled],wn={},Pn={},v=e=>{let{text:t,groupLabel:o,group:i,showIcon:r,iconName:l,showCheckbox:c,checked:f,hover:d,focus:u,selected:x,disabled:b,...N}=e,L=t||e.children;return Vn("li",{...N,className:s(e.className,i?"k-list-group-item":ot,g(ot,{hover:d,focus:u,disabled:b,selected:x})),children:[c&&Ce(G,{checked:f}),r&&Ce(I,{icon:l}),Ce("span",{className:"k-list-item-text",children:L}),o&&o!==""&&Ce("div",{className:"k-list-item-group-label",children:o})]})};v.states=Rn;v.options=wn;v.className=ot;v.defaultOptions=Pn;import{jsx as nt,jsxs as Bn}from"react/jsx-runtime";var Gn="k-list-content",te=e=>{let{virtualization:t,...o}=e;return Bn("div",{...o,className:s(Gn,e.className),children:[nt("ul",{className:s("k-list-ul"),children:e.children}),t&&nt("div",{className:"k-height-container",children:nt("div",{})})]})};import{jsx as Ft}from"react/jsx-runtime";var $n="k-list-group-sticky-header",Jt=e=>Ft("div",{className:s($n,e.className),children:Ft("div",{className:"k-list-header-text",children:e.children})});import{Fragment as Dn,jsx as qt,jsxs as _n}from"react/jsx-runtime";var E=e=>{let{virtualization:t,label:o}=e;return _n(Dn,{children:[o&&qt(Jt,{children:o}),e.children&&qt(te,{virtualization:t,children:e.children})]})};import{jsx as Ut}from"react/jsx-runtime";var Xn="k-list-group-item",Bt=e=>Ut("li",{className:s(Xn,e.className),children:Ut("span",{className:"k-list-item-text",children:e.children})});import{jsx as Un}from"react/jsx-runtime";var st="k-list-optionlabel",Fn=[n.hover,n.focus,n.selected,n.disabled],Jn={},qn={},Te=e=>{let{text:t,hover:o,focus:i,selected:r,disabled:l,...c}=e;return Un("div",{...c,className:s(st,g(st,{hover:o,focus:i,selected:r,disabled:l})),children:t})};Te.states=Fn;Te.options=Jn;Te.className=st;Te.defaultOptions=qn;import{jsx as Zn}from"react/jsx-runtime";var it="k-list-custom-value",Wn=[n.hover,n.focus,n.selected,n.disabled],Qn={},Yn={},ze=e=>{let{text:t,hover:o,focus:i,selected:r,disabled:l,...c}=e;return Zn("div",{...c,className:s(it,g(it,{hover:o,focus:i,selected:r,disabled:l})),children:t})};ze.states=Wn;ze.options=Qn;ze.className=it;ze.defaultOptions=Yn;import{jsx as Pc}from"react/jsx-runtime";import{jsx as $c}from"react/jsx-runtime";import{jsx as Fc,jsxs as Jc}from"react/jsx-runtime";import{jsx as Qc,jsxs as Yc}from"react/jsx-runtime";import{jsx as tp}from"react/jsx-runtime";import{jsx as ip,jsxs as ap}from"react/jsx-runtime";import{jsx as pp,jsxs as dp}from"react/jsx-runtime";import{Fragment as ts,jsx as y,jsxs as at}from"react/jsx-runtime";var Wt="k-dropdownlist",jn=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],es={size:[a.small,a.medium,a.large],rounded:[m.small,m.medium,m.large,m.full],fillMode:[h.solid,h.flat,h.outline]},se={showValue:!0,arrowIconName:"caret-alt-down",size:a.medium,rounded:m.medium,fillMode:h.solid},he=e=>{let{size:t=se.size,rounded:o=se.rounded,fillMode:i=se.fillMode,arrowIconName:r=se.arrowIconName,showValue:l=se.showValue,valueIconName:c,prefix:f,suffix:d,value:u,placeholder:x,hover:b,focus:N,valid:L,invalid:T,required:C,loading:A,disabled:M,readonly:q,popup:ie,opened:Ee,adaptive:Yt,adaptiveSettings:Zt,adaptiveTitle:jt,adaptiveSubtitle:eo,adaptiveFilter:to,...oo}=e;return at(ts,{children:[at(U,{...oo,size:t,rounded:o,fillMode:i,hover:b,focus:N,valid:L,invalid:T,required:C,loading:A,disabled:M,readonly:q,className:s(e.className,Wt,{"k-icon-picker":!l&&c}),children:[y(ge,{children:f}),y(pe,{placeholder:x,value:u,showValue:l,valueIconName:c}),y(H,{valid:L,invalid:T,loading:A,disabled:M}),y(K,{loading:A,disabled:M}),y(ke,{children:d}),y(z,{className:"k-input-button",icon:r,rounded:null,size:e.size,fillMode:e.fillMode})]}),Ee&&ie&&y(W,{className:"k-list-container k-dropdownlist-popup",children:ie}),Yt&&y(X,{adaptive:!0,...Zt,header:y(V,{actionsEnd:y(z,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:to,inputValue:u,inputPlaceholder:x,title:jt,subtitle:eo}),children:y("div",{className:"k-list-container",children:at(O,{size:"large",children:[y(v,{text:"List item"}),y(v,{text:"List item"}),y(v,{text:"List item"})]})})})]})};he.states=jn;he.options=es;he.className=Wt;he.defaultOptions=se;var Qt=he;import{jsx as os}from"react/jsx-runtime";var Bp=e=>os(Qt,{adaptive:!0,...e});export{Bp as DropdownListAdaptive};