UNPKG

@progress/kendo-themes-html

Version:

A collection of HTML helpers used for developing Kendo UI themes

2 lines (1 loc) 26.7 kB
var s=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?s(...t):typeof t=="object"?Object.keys(t).map((i,n)=>t[n]||t[i]&&i||null).filter(i=>i!==null).join(" "):t).filter(t=>!!t).join(" ");var I=(e,t)=>s({[`${e}-xs`]:t.size==="xsmall",[`${e}-sm`]:t.size==="small",[`${e}-md`]:t.size==="medium",[`${e}-lg`]:t.size==="large",[`${e}-xl`]:t.size==="xlarge",[`${e}-xxl`]:t.size==="xxlarge",[`${e}-xxxl`]:t.size==="xxxlarge"},{[`${e}-${t.fillMode}`]:t.fillMode},{[`${e}-${t.fillMode}-${t.themeColor}`]:t.fillMode&&t.themeColor},{[`${e}-${t.themeColor}`]:t.themeColor&&t.fillMode===void 0},{"k-rounded-sm":t.rounded==="small","k-rounded-md":t.rounded==="medium","k-rounded-lg":t.rounded==="large","k-rounded-full":t.rounded==="full"}),A=(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"},c={small:"small",medium:"medium",large:"large",full:"full"},x={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},d={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},o={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{jsx as fo}from"react/jsx-runtime";var ge="k-input",co=[o.hover,o.focus,o.valid,o.invalid,o.required,o.disabled,o.loading,o.readonly],uo={size:[a.small,a.medium,a.large],rounded:[c.small,c.medium,c.large,c.full],fillMode:[x.solid,x.flat,x.outline]},ke={size:a.medium,rounded:a.medium,fillMode:x.solid},S=e=>{let{hover:t,focus:i,disabled:n,invalid:r,valid:l,loading:p,readonly:f,size:m=ke.size,rounded:u=ke.rounded,fillMode:h=ke.fillMode,...b}=e;return fo("span",{...b,className:s(e.className,ge,I(ge,{size:m,rounded:u,fillMode:h}),A(ge,{hover:t,focus:i,disabled:n,invalid:r,valid:l,loading:p,readonly:f}))})};S.states=co;S.options=uo;S.className=ge;S.defaultOptions=ke;import{jsx as Lo}from"react/jsx-runtime";var ye="k-picker",xo=[o.hover,o.focus,o.valid,o.invalid,o.required,o.disabled,o.loading,o.readonly],ho={size:[a.small,a.medium,a.large],rounded:[c.small,c.medium,c.large,c.full],fillMode:[x.solid,x.flat,x.outline]},Me={size:a.medium,rounded:c.medium,fillMode:x.solid},Y=e=>{let{hover:t,focus:i,disabled:n,invalid:r,valid:l,loading:p,readonly:f,size:m=Me.size,rounded:u=Me.rounded,fillMode:h=Me.fillMode,...b}=e;return Lo("span",{...b,className:s(e.className,ye,I(ye,{size:m,rounded:u,fillMode:h}),A(ye,{hover:t,focus:i,disabled:n,invalid:r,valid:l,loading:p,readonly:f})),children:e.children})};Y.states=xo;Y.options=ho;Y.className=ye;Y.defaultOptions=Me;import{Fragment as Io,jsx as ut}from"react/jsx-runtime";var Pe="k-icon k-font-icon",bo=[],No={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark]},vo={},ue=e=>{let{size:t,themeColor:i,icon:n,rotate:r,flip:l,...p}=e;return n?ut("span",{...p,className:s(e.className,Pe,I(Pe,{size:t}),{[`k-i-${n}`]:n,[`k-color-${i}`]:i,[`k-rotate-${r}`]:r,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"})}):ut(Io,{})};ue.states=bo;ue.options=No;ue.className=Pe;ue.defaultOptions=vo;var ft=ue;import{Fragment as ko,jsx as Ae}from"react/jsx-runtime";var Ge="k-icon k-svg-icon",So=[],go={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark]},xt={viewBox:"0 0 24 24"},fe=e=>{let{size:t,themeColor:i,rotate:n,flip:r,viewBox:l=xt.viewBox,icon:p,...f}=e;if(!p)return Ae(ko,{});p==="none"&&{...f,className:s(e.className,Ge,"k-none")};let m=typeof p=="object"&&p.name&&p.name;return Ae("span",{...f,className:s(e.className,Ge,I("k-icon",{size:t}),{[`k-svg-i-${m}`]:m,[`k-color-${i}`]:i,[`k-rotate-${n}`]:n,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),children:Ae("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})})};fe.states=So;fe.options=go;fe.className=Ge;fe.defaultOptions=xt;var Ve=fe;import*as ht from"@progress/kendo-svg-icons";import{Fragment as Lt,jsx as xe}from"react/jsx-runtime";var yo=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Mo=[],Ao={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark]},Be={viewBox:"0 0 24 24",type:"svg"},g=e=>{let{size:t,themeColor:i,icon:n,type:r=Be.type,rotate:l,flip:p,viewBox:f=Be.viewBox,...m}=e;if(!n)return xe(Lt,{});if(r==="svg"){if(n==="none")return xe(Ve,{...m,icon:n,size:t});let u=yo(`${n}-icon`);return ht[u]?xe(Ve,{...m,icon:ht[u],size:t,themeColor:i,rotate:l,flip:p,viewBox:f}):xe(Lt,{})}return xe(ft,{...m,icon:n,size:t,themeColor:i,rotate:l,flip:p})};g.states=Mo;g.options=Ao;g.defaultOptions=Be;import{Fragment as zo,jsx as De}from"react/jsx-runtime";var bt="k-clear-value",Co=[o.disabled,o.loading,o.readonly],To={},K=e=>{let{disabled:t,loading:i,readonly:n,value:r}=e;return t||n||i||!r?De(zo,{}):De("span",{className:s(e.className,bt),children:De(g,{icon:"x"})})};K.states=Co;K.options=To;K.className=bt;import{jsx as wo}from"react/jsx-runtime";var $e="k-input-inner",Oo=[],Eo={},Ce={type:"text",autocomplete:"off",value:"",placeholder:""},R=e=>{let{value:t=Ce.value,type:i=Ce.type,placeholder:n=Ce.placeholder,autocomplete:r=Ce.autocomplete,...l}=e;return wo("input",{...l,type:i,className:s(e.className,$e,I($e,e)),placeholder:n,autoComplete:r,defaultValue:t})};R.states=Oo;R.options=Eo;R.className=$e;import{jsx as Nt,jsxs as Ro}from"react/jsx-runtime";var Xe="k-input-inner",Ho=[],Ko={},he=e=>{let{value:t,placeholder:i,showValue:n,valueIcon:r,valueIconName:l,...p}=e;return Ro("span",{...p,className:s(e.className,Xe,I(Xe,e)),children:[r,!r&&l&&Nt(g,{className:"k-input-value-icon",icon:l}),n&&!t&&i,n&&t&&Nt("span",{className:"k-input-value-text",children:t})]})};he.states=Ho;he.options=Ko;he.className=Xe;import{jsx as Vo}from"react/jsx-runtime";var _e="k-input-inner",Po=[],Go={},vt={value:"",placeholder:""},Fe=e=>{let{value:t=vt.value,placeholder:i=vt.placeholder,rows:n,...r}=e;return Vo("textarea",{...r,className:s(e.className,_e,I(_e,e)),placeholder:i,rows:n,defaultValue:t})};Fe.states=Po;Fe.options=Go;Fe.className=_e;import{Fragment as Do,jsx as It}from"react/jsx-runtime";var St="k-input-loading-icon",Bo=[o.disabled,o.loading],w=e=>{let{disabled:t,loading:i}=e;return t||!i?It(Do,{}):It("span",{className:s(e.className,St,"k-icon k-i-loading")})};w.states=Bo;w.className=St;import{Fragment as _o,jsx as gt}from"react/jsx-runtime";var kt="k-input-validation-icon",$o=[o.valid,o.invalid,o.disabled,o.loading],Xo={},E=e=>{let{valid:t,invalid:i,disabled:n,loading:r}=e,l=i?"warning-circle":"check-circle";return n||r||!!!(t||i)?gt(_o,{}):gt(g,{className:s(kt),icon:l})};E.states=$o;E.options=Xo;E.className=kt;import{Fragment as qo,jsx as yt}from"react/jsx-runtime";var Fo="k-input-prefix",Jo={direction:"horizontal"},Z=e=>{let{direction:t=Jo.direction,...i}=e;return e.children?yt("span",{...i,className:s(Fo,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):yt(qo,{})};import{Fragment as Qo,jsx as Mt}from"react/jsx-runtime";var Uo="k-input-suffix",Wo={direction:"horizontal"},j=e=>{let{direction:t=Wo.direction,...i}=e;return e.children?Mt("span",{...i,className:s(Uo,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Mt(Qo,{})};import{jsx as Ln}from"react/jsx-runtime";import{jsx as In}from"react/jsx-runtime";import{jsx as Zo}from"react/jsx-runtime";var At="k-input-separator",Yo={direction:"vertical"},ee=e=>{let{direction:t=Yo.direction,...i}=e;return Zo("span",{...i,className:s(At,e.className,{[`${At}-${t}`]:t})})};import{Fragment as Ct,jsx as V,jsxs as Je}from"react/jsx-runtime";var Tt="k-maskedtextbox",jo=[o.hover,o.focus,o.valid,o.invalid,o.required,o.disabled,o.loading,o.readonly],ei={size:[a.small,a.medium,a.large],rounded:[c.small,c.medium,c.large,c.full],fillMode:[x.solid,x.flat,x.outline]},te={showClearButton:!0,size:S.defaultOptions.size,rounded:S.defaultOptions.rounded,fillMode:S.defaultOptions.fillMode,separators:!0},Le=e=>{let{size:t=te.size,rounded:i=te.rounded,fillMode:n=te.fillMode,separators:r=te.separators,showClearButton:l=te.showClearButton,prefix:p,suffix:f,value:m,placeholder:u,hover:h,focus:b,valid:N,invalid:v,required:O,loading:y,disabled:k,readonly:M,...G}=e;return Je(S,{...G,size:t,rounded:i,fillMode:n,hover:h,focus:b,valid:N,invalid:v,required:O,loading:y,disabled:k,readonly:M,className:s(e.className,Tt),children:[p&&Je(Ct,{children:[V(Z,{children:p}),r&&V(ee,{})]}),V(R,{placeholder:u,value:m}),V(E,{valid:N,invalid:v,loading:y,disabled:k}),V(w,{loading:y,disabled:k}),l&&V(K,{loading:y,disabled:k,readonly:M,value:m}),f&&Je(Ct,{children:[r&&V(ee,{}),V(j,{children:f})]})]})};Le.states=jo;Le.options=ei;Le.className=Tt;Le.defaultOptions=te;var zt=Le;import{Fragment as ii,jsx as be,jsxs as Ot}from"react/jsx-runtime";var Te="k-button",ti=[o.hover,o.focus,o.active,o.selected,o.disabled],oi={size:[a.small,a.medium,a.large],rounded:[c.small,c.medium,c.large,c.full],fillMode:[x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[d.base,d.primary,d.secondary,d.tertiary,d.success,d.warning,d.error,d.info,d.light,d.dark,d.inverse]},F={size:a.medium,rounded:c.medium,fillMode:x.solid,themeColor:d.base,showArrow:!1,arrowIconName:"caret-alt-down"},H=e=>{let{size:t=F.size,rounded:i=F.rounded,fillMode:n=F.fillMode,themeColor:r=F.themeColor,showArrow:l=F.showArrow,arrowIconName:p=F.arrowIconName,hover:f,focus:m,active:u,selected:h,disabled:b,icon:N,text:v,iconClassName:O,...y}=e,k=N!==void 0,M=e.children!==void 0;return Ot("button",{...y,className:s(e.className,Te,I(Te,{size:t,rounded:i,fillMode:n,themeColor:r}),A(Te,{hover:f,focus:m,active:u,disabled:b,selected:h}),{"k-icon-button":!v&&!M&&k}),children:[N&&be(g,{className:s(O,"k-button-icon"),icon:N}),v?Ot(ii,{children:[v&&be("span",{className:"k-button-text",children:v}),e.children]}):e.children&&be("span",{className:"k-button-text",children:e.children}),l&&be("span",{className:"k-menu-button-arrow k-button-arrow",children:be(g,{icon:p})})]})};H.states=ti;H.options=oi;H.className=Te;H.defaultOptions=F;import{jsx as Qn}from"react/jsx-runtime";import{jsx as ea}from"react/jsx-runtime";import{jsx as sa}from"react/jsx-runtime";import{jsx as Et}from"react/jsx-runtime";var wt="k-animation-container",si=[],ni={},Ht={positionMode:"absolute"},B=e=>{let{positionMode:t=Ht.positionMode,animationStyle:i,offset:n,...r}=e;return Et("div",{...r,style:{...n,...e.style},className:s(e.className,wt,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Et("div",{className:"k-child-animation-container",style:i,children:e.children})})};B.states=si;B.options=ni;B.className=wt;B.defaultOptions=Ht;import{jsx as Kt}from"react/jsx-runtime";var Rt="k-popup",ai=[],ri={},Pt={positionMode:"absolute"},oe=e=>{let{offset:t,positionMode:i=Pt.positionMode,animationStyle:n,...r}=e;return Kt(B,{positionMode:i,offset:t,animationStyle:n,children:Kt("div",{...r,className:s(e.className,Rt),children:e.children})})};oe.states=ai;oe.options=ri;oe.className=Rt;oe.defaultOptions=Pt;import{jsx as di}from"react/jsx-runtime";var ze="k-actions",li=[],pi={},qe={alignment:"start",orientation:"horizontal"},ie=e=>{let{alignment:t=qe.alignment,orientation:i=qe.orientation,...n}=e;return di("div",{...n,className:s(ze,{[`${ze}-${t}`]:t,[`${ze}-${i}`]:i},e.className),children:e.children})};ie.states=li;ie.options=pi;ie.className=ze;ie.defaultOptions=qe;import{jsx as ci}from"react/jsx-runtime";var mi="k-actionsheet-footer",Gt={alignment:"stretched",orientation:"horizontal"},Ue=e=>{let{alignment:t=Gt.alignment,orientation:i=Gt.orientation,template:n,as:r=n?"div":ie,...l}=e;return ci(r,{...l,...!n&&{alignment:t,orientation:i},className:s(e.className,mi),children:e.children})};import{jsx as Ne,jsxs as xi}from"react/jsx-runtime";var Vt="k-searchbox",ui=[o.hover,o.focus,o.valid,o.invalid,o.required,o.disabled,o.loading],fi={size:[a.small,a.medium,a.large],rounded:[c.small,c.medium,c.large,c.full],fillMode:[x.solid,x.flat,x.outline]},We={showIcon:!0,icon:"search",size:S.defaultOptions.size,rounded:S.defaultOptions.rounded,fillMode:S.defaultOptions.fillMode},P=e=>{let{value:t,placeholder:i,size:n,rounded:r,fillMode:l,hover:p,focus:f,valid:m,invalid:u,required:h,loading:b,disabled:N,showIcon:v=We.showIcon,icon:O=We.icon,...y}=e;return xi(S,{...y,size:n,rounded:r,fillMode:l,hover:p,focus:f,valid:m,invalid:u,required:h,loading:b,disabled:N,className:s(e.className,Vt),children:[v&&Ne(g,{className:"k-input-icon",icon:O}),Ne(R,{placeholder:i,value:t}),Ne(w,{...e}),Ne(E,{...e}),Ne(K,{...e})]})};P.states=ui;P.options=fi;P.className=Vt;P.defaultOptions=We;import{jsx as Va}from"react/jsx-runtime";import{Fragment as Bt,jsx as D,jsxs as Qe}from"react/jsx-runtime";var Dt="k-textbox",hi=[o.hover,o.focus,o.valid,o.invalid,o.required,o.disabled,o.loading,o.readonly],Li={size:[a.small,a.medium,a.large],rounded:[c.small,c.medium,c.large,c.full],fillMode:[x.solid,x.flat,x.outline]},J={showClearButton:!0,showValidationIcon:!0,size:S.defaultOptions.size,rounded:S.defaultOptions.rounded,fillMode:S.defaultOptions.fillMode,separators:!0},se=e=>{let{size:t=J.size,rounded:i=J.rounded,fillMode:n=J.fillMode,separators:r=J.separators,showClearButton:l=J.showClearButton,showValidationIcon:p=J.showValidationIcon,prefix:f,suffix:m,type:u,value:h,placeholder:b,hover:N,focus:v,valid:O,invalid:y,required:k,loading:M,disabled:G,readonly:ce,...Re}=e;return Qe(S,{...Re,size:t,rounded:i,fillMode:n,hover:N,focus:v,valid:O,invalid:y,required:k,loading:M,disabled:G,readonly:ce,className:s(e.className,Dt),children:[f&&Qe(Bt,{children:[D(Z,{children:f}),r&&D(ee,{})]}),D(R,{placeholder:b,value:h,type:u}),p&&D(E,{valid:O,invalid:y,loading:M,disabled:G}),D(w,{loading:M,disabled:G}),l&&D(K,{loading:M,disabled:G,readonly:ce,value:h}),m&&Qe(Bt,{children:[r&&D(ee,{}),D(j,{children:m})]})]})};se.states=hi;se.options=Li;se.className=Dt;se.defaultOptions=J;import{jsx as Qa}from"react/jsx-runtime";import{Fragment as or,jsx as tr}from"react/jsx-runtime";import{Fragment as pr,jsx as lr}from"react/jsx-runtime";import{jsx as $,jsxs as Ye}from"react/jsx-runtime";var Xt="k-actionsheet-titlebar",bi={},X=e=>{let{title:t,subtitle:i,actionsStart:n,actionsEnd:r,filter:l,input:p,inputValue:f,inputPlaceholder:m,adaptive:u,children:h,...b}=e;return Ye("div",{...b,className:s(e.className,Xt),children:[Ye("div",{className:"k-actionsheet-titlebar-group",children:[n&&$("div",{className:"k-actionsheet-actions",children:n}),!h&&Ye("div",{className:"k-actionsheet-title",children:[t&&$("div",{className:"k-text-center",children:t}),i&&$("div",{className:"k-actionsheet-subtitle k-text-center",children:i})]}),h&&$("div",{className:"k-actionsheet-title",children:h}),r&&$("div",{className:"k-actionsheet-actions",children:r})]}),(p||l)&&$("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?$(se,{value:f,placeholder:m,size:u?"large":"medium"}):$(P,{placeholder:"Filter",size:u?"large":"medium"})})]})};X.className=Xt;X.defaultOptions=bi;import{jsx as Ze,jsxs as Si}from"react/jsx-runtime";var je="k-actionsheet-view",Ni=[],vi={},Ii={},ne=e=>{let{adaptive:t,animated:i,children:n,header:r,footer:l,...p}=e,f=r?.type===X&&Ze(X,{adaptive:t,...r?.props}),m=l?.type===Ue&&Ze(Ue,{...l?.props});return Si("div",{...p,className:s(e.className,je,{[`${je}-animated`]:i}),children:[f,Ze("div",{className:"k-actionsheet-content",children:n}),m]})};ne.states=Ni;ne.options=vi;ne.className=je;ne.defaultOptions=Ii;import{jsx as Oe,jsxs as yi}from"react/jsx-runtime";var _t="k-actionsheet",gi=[],ki={},ve={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},q=e=>{let{side:t=ve.side,fullscreen:i=ve.fullscreen,adaptive:n=ve.adaptive,overlay:r=ve.overlay,template:l,children:p,header:f,footer:m,...u}=e;return yi("div",{className:"k-actionsheet-container",children:[r&&Oe("div",{className:"k-overlay"}),Oe(B,{animationStyle:{[`${i===!0?"top":t}`]:0,[`${i===!0?"width":null}`]:"100%",[`${i===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:Oe("div",{...u,className:s(e.className,_t,{[`k-actionsheet-${t}`]:i===!1,"k-actionsheet-fullscreen":i===!0,"k-adaptive-actionsheet":n}),children:l||Oe(ne,{header:f,footer:m,adaptive:n,...e,children:p})})})]})};q.states=gi;q.options=ki;q.className=_t;q.defaultOptions=ve;import{jsx as wr}from"react/jsx-runtime";import{Fragment as Ai,jsx as Ie,jsxs as et}from"react/jsx-runtime";var tt="k-actionsheet-item",Mi=[o.hover,o.focus,o.selected,o.disabled],ot=e=>{let{iconName:t,text:i,description:n,hover:r,focus:l,selected:p,disabled:f,...m}=e;return et("span",{...m,className:s(e.className,tt,A(tt,{hover:r,focus:l,selected:p,disabled:f})),children:[!e.children&&Ie(Ai,{children:et("span",{className:"k-actionsheet-action",children:[t&&Ie("span",{className:"k-icon-wrap",children:Ie(g,{className:"k-actionsheet-item-icon",icon:t})}),et("span",{className:"k-actionsheet-item-text",children:[i&&Ie("span",{className:"k-actionsheet-item-title",children:i}),n&&Ie("span",{className:"k-actionsheet-item-description",children:n})]})]})}),e.children]})};ot.states=Mi;ot.className=tt;import{jsx as $r,jsxs as Xr}from"react/jsx-runtime";import{jsx as qr}from"react/jsx-runtime";import{jsx as Yr}from"react/jsx-runtime";import{jsx as tl}from"react/jsx-runtime";import{jsx as Ti}from"react/jsx-runtime";var Ci="k-no-data",Se=e=>Ti("span",{className:s(Ci,e.className),children:e.children});import{jsx as ae,jsxs as Jt}from"react/jsx-runtime";var it="k-list",zi=[],Oi={size:[a.small,a.medium,a.large]},qt={size:a.medium},C=e=>{let{size:t=qt.size,virtualization:i,children:n,optionLabel:r,customValue:l,screenReaders:p,...f}=e,m,u,h,b,N=[];return n?n.map((v,O)=>{v.type===T?(v.props.root===!0?(m=v.props.label,v.props.children.map((y,k)=>{N.push(ae(L,{...y.props},`optChild-${k}-${new Date().getTime()}`))})):v.props.children.forEach((y,k)=>{let M="";k===0&&(M=v.props.label),N.push(ae(L,{className:k===0?"k-first":"",...y.props,groupLabel:M},`groupLabel-${k}-${new Date().getTime()}`))}),u=ae(T,{label:m,virtualization:i,children:N})):v.type===L&&(N.push(ae(L,{...v.props},`${v.type}-${O}`)),h=ae(re,{virtualization:i,children:N}),p&&(b=Jt(Se,{className:"k-sr-only",children:[N.length," items found."]})))}):b=ae(Se,{children:"No data found."}),Jt("div",{...f,className:s(e.className,it,I(it,{size:t}),{"k-virtual-list":i}),children:[r,l,u,h,b]})};C.states=zi;C.options=Oi;C.className=it;C.defaultOptions=qt;import{jsx as U,jsxs as Hi}from"react/jsx-runtime";var st="k-list",Ei=[],wi={size:[a.small,a.medium,a.large]},Ut={size:a.medium},W=e=>{let{size:t=Ut.size,virtualization:i,children:n,...r}=e,l,p,f,m=[];return n?n.map((u,h)=>{u.type===T?(u.props.root===!0?(l=u.props.label,u.props.children.map((b,N)=>{m.push(U(L,{...b.props},`optChild-${N}-${new Date().getTime()}`))})):(m.push(U(Wt,{...u.props,children:u.props.label},`listChild-${h}`)),u.props.children.map((b,N)=>{m.push(U(L,{...b.props},`fwOptChild-${N}-${new Date().getTime()}`))})),p=U(T,{label:l,virtualization:i,children:m})):u.type===L&&(m.push(U(L,{...u.props},`${u.type}-${h}`)),f=U(re,{virtualization:i,children:m}))}):f=U(Se,{children:"No data found."}),Hi("div",{...r,className:s(e.className,st,I(st,{size:t}),{"k-virtual-list":i}),children:[p,f]})};W.states=Ei;W.options=wi;W.className=st;W.defaultOptions=Ut;import{jsx as Qt}from"react/jsx-runtime";var Ee="k-checkbox",Ki=[o.hover,o.focus,o.valid,o.invalid,o.required,o.disabled,o.checked,o.indeterminate],Ri={size:[a.small,a.medium,a.large],rounded:[c.small,c.medium,c.large,c.full]},nt={size:a.medium,rounded:c.medium},_=e=>{let{id:t,checked:i,indeterminate:n,hover:r,focus:l,disabled:p,invalid:f,valid:m,required:u,size:h=nt.size,rounded:b=nt.rounded,...N}=e;return Qt("span",{className:"k-checkbox-wrap",children:Qt("input",{...N,id:t,type:"checkbox",defaultChecked:i,required:u,className:s(e.className,Ee,I(Ee,{size:h,rounded:b}),A(Ee,{hover:r,focus:l,disabled:p,invalid:f,valid:m,indeterminate:n,checked:i}))})})};_.states=Ki;_.options=Ri;_.className=Ee;_.defaultOptions=nt;import{jsx as Vi}from"react/jsx-runtime";var Yt="k-checkbox-list",Pi=[],Gi={},Zt={layout:"vertical"},le=e=>{let{layout:t=Zt.layout,...i}=e;return Vi("ul",{...i,className:s(e.className,Yt,{[`k-list-${t}`]:t}),children:e.children})};le.states=Pi;le.options=Gi;le.className=Yt;le.defaultOptions=Zt;import{jsx as Xi}from"react/jsx-runtime";var jt="k-checkbox-list-item",Bi=[],Di={},$i={},pe=e=>{let{...t}=e;return Xi("li",{...t,className:s(e.className,jt),children:e.children})};pe.states=Bi;pe.options=Di;pe.className=jt;pe.defaultOptions=$i;import{Fragment as Dl,jsx as Bl,jsxs as $l}from"react/jsx-runtime";import{Fragment as ql,jsx as Jl,jsxs as Ul}from"react/jsx-runtime";import{Fragment as jl,jsx as Zl,jsxs as ep}from"react/jsx-runtime";import{Fragment as np,jsx as sp,jsxs as ap}from"react/jsx-runtime";import{jsx as dp}from"react/jsx-runtime";import{jsx as fp}from"react/jsx-runtime";import{jsx as we,jsxs as qi}from"react/jsx-runtime";var rt="k-list-item",_i=[o.hover,o.focus,o.selected,o.disabled],Fi={},Ji={},L=e=>{let{text:t,groupLabel:i,group:n,showIcon:r,iconName:l,showCheckbox:p,checked:f,hover:m,focus:u,selected:h,disabled:b,...N}=e,v=t||e.children;return qi("li",{...N,className:s(e.className,n?"k-list-group-item":rt,A(rt,{hover:m,focus:u,disabled:b,selected:h})),children:[p&&we(_,{checked:f}),r&&we(g,{icon:l}),we("span",{className:"k-list-item-text",children:v}),i&&i!==""&&we("div",{className:"k-list-item-group-label",children:i})]})};L.states=_i;L.options=Fi;L.className=rt;L.defaultOptions=Ji;import{jsx as lt,jsxs as Wi}from"react/jsx-runtime";var Ui="k-list-content",re=e=>{let{virtualization:t,...i}=e;return Wi("div",{...i,className:s(Ui,e.className),children:[lt("ul",{className:s("k-list-ul"),children:e.children}),t&&lt("div",{className:"k-height-container",children:lt("div",{})})]})};import{jsx as eo}from"react/jsx-runtime";var Qi="k-list-group-sticky-header",to=e=>eo("div",{className:s(Qi,e.className),children:eo("div",{className:"k-list-header-text",children:e.children})});import{Fragment as Yi,jsx as oo,jsxs as Zi}from"react/jsx-runtime";var T=e=>{let{virtualization:t,label:i}=e;return Zi(Yi,{children:[i&&oo(to,{children:i}),e.children&&oo(re,{virtualization:t,children:e.children})]})};import{jsx as io}from"react/jsx-runtime";var ji="k-list-group-item",Wt=e=>io("li",{className:s(ji,e.className),children:io("span",{className:"k-list-item-text",children:e.children})});import{jsx as is}from"react/jsx-runtime";var pt="k-list-optionlabel",es=[o.hover,o.focus,o.selected,o.disabled],ts={},os={},He=e=>{let{text:t,hover:i,focus:n,selected:r,disabled:l,...p}=e;return is("div",{...p,className:s(pt,A(pt,{hover:i,focus:n,selected:r,disabled:l})),children:t})};He.states=es;He.options=ts;He.className=pt;He.defaultOptions=os;import{jsx as rs}from"react/jsx-runtime";var dt="k-list-custom-value",ss=[o.hover,o.focus,o.selected,o.disabled],ns={},as={},Ke=e=>{let{text:t,hover:i,focus:n,selected:r,disabled:l,...p}=e;return rs("div",{...p,className:s(dt,A(dt,{hover:i,focus:n,selected:r,disabled:l})),children:t})};Ke.states=ss;Ke.options=ns;Ke.className=dt;Ke.defaultOptions=as;import{jsx as Yp}from"react/jsx-runtime";import{jsx as td}from"react/jsx-runtime";import{jsx as nd,jsxs as ad}from"react/jsx-runtime";import{jsx as dd,jsxs as md}from"react/jsx-runtime";import{jsx as xd}from"react/jsx-runtime";import{jsx as Nd,jsxs as vd}from"react/jsx-runtime";import{jsx as kd,jsxs as yd}from"react/jsx-runtime";import{Fragment as ds,jsx as z,jsxs as mt}from"react/jsx-runtime";var so="k-dropdownlist",ls=[o.hover,o.focus,o.valid,o.invalid,o.required,o.disabled,o.loading,o.readonly],ps={size:[a.small,a.medium,a.large],rounded:[c.small,c.medium,c.large,c.full],fillMode:[x.solid,x.flat,x.outline]},de={showValue:!0,arrowIconName:"caret-alt-down",size:a.medium,rounded:c.medium,fillMode:x.solid},me=e=>{let{size:t=de.size,rounded:i=de.rounded,fillMode:n=de.fillMode,arrowIconName:r=de.arrowIconName,showValue:l=de.showValue,valueIconName:p,prefix:f,suffix:m,value:u,placeholder:h,hover:b,focus:N,valid:v,invalid:O,required:y,loading:k,disabled:M,readonly:G,popup:ce,opened:Re,adaptive:no,adaptiveSettings:ao,adaptiveTitle:ro,adaptiveSubtitle:lo,adaptiveFilter:po,...mo}=e;return mt(ds,{children:[mt(Y,{...mo,size:t,rounded:i,fillMode:n,hover:b,focus:N,valid:v,invalid:O,required:y,loading:k,disabled:M,readonly:G,className:s(e.className,so,{"k-icon-picker":!l&&p}),children:[z(Z,{children:f}),z(he,{placeholder:h,value:u,showValue:l,valueIconName:p}),z(E,{valid:v,invalid:O,loading:k,disabled:M}),z(w,{loading:k,disabled:M}),z(j,{children:m}),z(H,{className:"k-input-button",icon:r,rounded:null,size:e.size,fillMode:e.fillMode})]}),Re&&ce&&z(oe,{className:"k-list-container k-dropdownlist-popup",children:ce}),no&&z(q,{adaptive:!0,...ao,header:z(X,{actionsEnd:z(H,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:po,inputValue:u,inputPlaceholder:h,title:ro,subtitle:lo}),children:z("div",{className:"k-list-container",children:mt(C,{size:"large",children:[z(L,{text:"List item"}),z(L,{text:"List item"}),z(L,{text:"List item"})]})})})]})};me.states=ls;me.options=ps;me.className=so;me.defaultOptions=de;import{jsx as tm}from"react/jsx-runtime";import{jsx as am,jsxs as rm}from"react/jsx-runtime";import{Fragment as xm,jsx as um,jsxs as fm}from"react/jsx-runtime";import{jsx as Nm}from"react/jsx-runtime";import{jsx as km,jsxs as ym}from"react/jsx-runtime";import{jsx as zm,jsxs as Om}from"react/jsx-runtime";import{Fragment as Vm,jsx as Pm,jsxs as Gm}from"react/jsx-runtime";import{Fragment as qm,jsx as Fm,jsxs as Jm}from"react/jsx-runtime";import{Fragment as ms,jsx as ct}from"react/jsx-runtime";var rc=e=>ct(zt,{prefix:ct(ms,{children:ct(me,{value:"Choose",fillMode:"flat"})}),...e});export{rc as MaskedTextboxPrefix};