@progress/kendo-themes-html/dist/esm/maskedtextbox/templates/maskedtextbox-prefix.mjs

A collection of HTML helpers used for developing Kendo UI themes

var i=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?i(...t):typeof t=="object"?Object.keys(t).map((s,n)=>t[n]||t[s]&&s||null).filter(s=>s!==null).join(" "):t).filter(t=>!!t).join(" ");var I=(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"}),A=(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});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"};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:s,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:i(e.className,ge,I(ge,{size:m,rounded:u,fillMode:h}),A(ge,{hover:t,focus:s,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:s,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:i(e.className,ye,I(ye,{size:m,rounded:u,fillMode:h}),A(ye,{hover:t,focus:s,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:s,icon:n,rotate:r,flip:l,...p}=e;return n?ut("span",{...p,className:i(e.className,Pe,I(Pe,{size:t}),{[`k-i-${n}`]:n,[`k-color-${s}`]:s,[`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:s,rotate:n,flip:r,viewBox:l=xt.viewBox,icon:p,...f}=e;if(!p)return Ae(ko,{});p==="none"&&{...f,className:i(e.className,Ge,"k-none")};let m=typeof p=="object"&&p.name&&p.name;return Ae("span",{...f,className:i(e.className,Ge,I("k-icon",{size:t}),{[`k-svg-i-${m}`]:m,[`k-color-${s}`]:s,[`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:s,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:s,rotate:l,flip:p,viewBox:f}):xe(Lt,{})}return xe(ft,{...m,icon:n,size:t,themeColor:s,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:s,readonly:n,value:r}=e;return t||n||s||!r?De(zo,{}):De("span",{className:i(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:s=Ce.type,placeholder:n=Ce.placeholder,autocomplete:r=Ce.autocomplete,...l}=e;return wo("input",{...l,type:s,className:i(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:s,showValue:n,valueIcon:r,valueIconName:l,...p}=e;return Ro("span",{...p,className:i(e.className,Xe,I(Xe,e)),children:[r,!r&&l&&Nt(g,{className:"k-input-value-icon",icon:l}),n&&!t&&s,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:s=vt.placeholder,rows:n,...r}=e;return Vo("textarea",{...r,className:i(e.className,_e,I(_e,e)),placeholder:s,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:s}=e;return t||!s?It(Do,{}):It("span",{className:i(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:s,disabled:n,loading:r}=e,l=s?"warning-circle":"check-circle";return n||r||!!!(t||s)?gt(_o,{}):gt(g,{className:i(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,...s}=e;return e.children?yt("span",{...s,className:i(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,...s}=e;return e.children?Mt("span",{...s,className:i(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,...s}=e;return Zo("span",{...s,className:i(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],es={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:s=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:s,fillMode:n,hover:h,focus:b,valid:N,invalid:v,required:O,loading:y,disabled:k,readonly:M,className:i(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=es;Le.className=Tt;Le.defaultOptions=te;var zt=Le;import{Fragment as ss,jsx as be,jsxs as Ot}from"react/jsx-runtime";var Te="k-button",ts=[o.hover,o.focus,o.active,o.selected,o.disabled],os={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:s=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:i(e.className,Te,I(Te,{size:t,rounded:s,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:i(O,"k-button-icon"),icon:N}),v?Ot(ss,{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=ts;H.options=os;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 ia}from"react/jsx-runtime";import{jsx as Et}from"react/jsx-runtime";var wt="k-animation-container",is=[],ns={},Ht={positionMode:"absolute"},B=e=>{let{positionMode:t=Ht.positionMode,animationStyle:s,offset:n,...r}=e;return Et("div",{...r,style:{...n,...e.style},className:i(e.className,wt,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Et("div",{className:"k-child-animation-container",style:s,children:e.children})})};B.states=is;B.options=ns;B.className=wt;B.defaultOptions=Ht;import{jsx as Kt}from"react/jsx-runtime";var Rt="k-popup",as=[],rs={},Pt={positionMode:"absolute"},oe=e=>{let{offset:t,positionMode:s=Pt.positionMode,animationStyle:n,...r}=e;return Kt(B,{positionMode:s,offset:t,animationStyle:n,children:Kt("div",{...r,className:i(e.className,Rt),children:e.children})})};oe.states=as;oe.options=rs;oe.className=Rt;oe.defaultOptions=Pt;import{jsx as ds}from"react/jsx-runtime";var ze="k-actions",ls=[],ps={},qe={alignment:"start",orientation:"horizontal"},se=e=>{let{alignment:t=qe.alignment,orientation:s=qe.orientation,...n}=e;return ds("div",{...n,className:i(ze,{[`${ze}-${t}`]:t,[`${ze}-${s}`]:s},e.className),children:e.children})};se.states=ls;se.options=ps;se.className=ze;se.defaultOptions=qe;import{jsx as cs}from"react/jsx-runtime";var ms="k-actionsheet-footer",Gt={alignment:"stretched",orientation:"horizontal"},Ue=e=>{let{alignment:t=Gt.alignment,orientation:s=Gt.orientation,template:n,as:r=n?"div":se,...l}=e;return cs(r,{...l,...!n&&{alignment:t,orientation:s},className:i(e.className,ms),children:e.children})};import{jsx as Ne,jsxs as xs}from"react/jsx-runtime";var Vt="k-searchbox",us=[o.hover,o.focus,o.valid,o.invalid,o.required,o.disabled,o.loading],fs={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:s,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 xs(S,{...y,size:n,rounded:r,fillMode:l,hover:p,focus:f,valid:m,invalid:u,required:h,loading:b,disabled:N,className:i(e.className,Vt),children:[v&&Ne(g,{className:"k-input-icon",icon:O}),Ne(R,{placeholder:s,value:t}),Ne(w,{...e}),Ne(E,{...e}),Ne(K,{...e})]})};P.states=us;P.options=fs;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",hs=[o.hover,o.focus,o.valid,o.invalid,o.required,o.disabled,o.loading,o.readonly],Ls={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},ie=e=>{let{size:t=J.size,rounded:s=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:s,fillMode:n,hover:N,focus:v,valid:O,invalid:y,required:k,loading:M,disabled:G,readonly:ce,className:i(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})]})]})};ie.states=hs;ie.options=Ls;ie.className=Dt;ie.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",bs={},X=e=>{let{title:t,subtitle:s,actionsStart:n,actionsEnd:r,filter:l,input:p,inputValue:f,inputPlaceholder:m,adaptive:u,children:h,...b}=e;return Ye("div",{...b,className:i(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}),s&&$("div",{className:"k-actionsheet-subtitle k-text-center",children:s})]}),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?$(ie,{value:f,placeholder:m,size:u?"large":"medium"}):$(P,{placeholder:"Filter",size:u?"large":"medium"})})]})};X.className=Xt;X.defaultOptions=bs;import{jsx as Ze,jsxs as Ss}from"react/jsx-runtime";var je="k-actionsheet-view",Ns=[],vs={},Is={},ne=e=>{let{adaptive:t,animated:s,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 Ss("div",{...p,className:i(e.className,je,{[`${je}-animated`]:s}),children:[f,Ze("div",{className:"k-actionsheet-content",children:n}),m]})};ne.states=Ns;ne.options=vs;ne.className=je;ne.defaultOptions=Is;import{jsx as Oe,jsxs as ys}from"react/jsx-runtime";var _t="k-actionsheet",gs=[],ks={},ve={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},q=e=>{let{side:t=ve.side,fullscreen:s=ve.fullscreen,adaptive:n=ve.adaptive,overlay:r=ve.overlay,template:l,children:p,header:f,footer:m,...u}=e;return ys("div",{className:"k-actionsheet-container",children:[r&&Oe("div",{className:"k-overlay"}),Oe(B,{animationStyle:{[`${s===!0?"top":t}`]:0,[`${s===!0?"width":null}`]:"100%",[`${s===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:Oe("div",{...u,className:i(e.className,_t,{[`k-actionsheet-${t}`]:s===!1,"k-actionsheet-fullscreen":s===!0,"k-adaptive-actionsheet":n}),children:l||Oe(ne,{header:f,footer:m,adaptive:n,...e,children:p})})})]})};q.states=gs;q.options=ks;q.className=_t;q.defaultOptions=ve;import{jsx as wr}from"react/jsx-runtime";import{Fragment as As,jsx as Ie,jsxs as et}from"react/jsx-runtime";var tt="k-actionsheet-item",Ms=[o.hover,o.focus,o.selected,o.disabled],ot=e=>{let{iconName:t,text:s,description:n,hover:r,focus:l,selected:p,disabled:f,...m}=e;return et("span",{...m,className:i(e.className,tt,A(tt,{hover:r,focus:l,selected:p,disabled:f})),children:[!e.children&&Ie(As,{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:[s&&Ie("span",{className:"k-actionsheet-item-title",children:s}),n&&Ie("span",{className:"k-actionsheet-item-description",children:n})]})]})}),e.children]})};ot.states=Ms;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 Ts}from"react/jsx-runtime";var Cs="k-no-data",Se=e=>Ts("span",{className:i(Cs,e.className),children:e.children});import{jsx as ae,jsxs as Jt}from"react/jsx-runtime";var st="k-list",zs=[],Os={size:[a.small,a.medium,a.large]},qt={size:a.medium},C=e=>{let{size:t=qt.size,virtualization:s,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:s,children:N})):v.type===L&&(N.push(ae(L,{...v.props},`${v.type}-${O}`)),h=ae(re,{virtualization:s,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:i(e.className,st,I(st,{size:t}),{"k-virtual-list":s}),children:[r,l,u,h,b]})};C.states=zs;C.options=Os;C.className=st;C.defaultOptions=qt;import{jsx as U,jsxs as Hs}from"react/jsx-runtime";var it="k-list",Es=[],ws={size:[a.small,a.medium,a.large]},Ut={size:a.medium},W=e=>{let{size:t=Ut.size,virtualization:s,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:s,children:m})):u.type===L&&(m.push(U(L,{...u.props},`${u.type}-${h}`)),f=U(re,{virtualization:s,children:m}))}):f=U(Se,{children:"No data found."}),Hs("div",{...r,className:i(e.className,it,I(it,{size:t}),{"k-virtual-list":s}),children:[p,f]})};W.states=Es;W.options=ws;W.className=it;W.defaultOptions=Ut;import{jsx as Qt}from"react/jsx-runtime";var Ee="k-checkbox",Ks=[o.hover,o.focus,o.valid,o.invalid,o.required,o.disabled,o.checked,o.indeterminate],Rs={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:s,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:s,required:u,className:i(e.className,Ee,I(Ee,{size:h,rounded:b}),A(Ee,{hover:r,focus:l,disabled:p,invalid:f,valid:m,indeterminate:n,checked:s}))})})};_.states=Ks;_.options=Rs;_.className=Ee;_.defaultOptions=nt;import{jsx as Vs}from"react/jsx-runtime";var Yt="k-checkbox-list",Ps=[],Gs={},Zt={layout:"vertical"},le=e=>{let{layout:t=Zt.layout,...s}=e;return Vs("ul",{...s,className:i(e.className,Yt,{[`k-list-${t}`]:t}),children:e.children})};le.states=Ps;le.options=Gs;le.className=Yt;le.defaultOptions=Zt;import{jsx as Xs}from"react/jsx-runtime";var jt="k-checkbox-list-item",Bs=[],Ds={},$s={},pe=e=>{let{...t}=e;return Xs("li",{...t,className:i(e.className,jt),children:e.children})};pe.states=Bs;pe.options=Ds;pe.className=jt;pe.defaultOptions=$s;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 ip,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 qs}from"react/jsx-runtime";var rt="k-list-item",_s=[o.hover,o.focus,o.selected,o.disabled],Fs={},Js={},L=e=>{let{text:t,groupLabel:s,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 qs("li",{...N,className:i(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}),s&&s!==""&&we("div",{className:"k-list-item-group-label",children:s})]})};L.states=_s;L.options=Fs;L.className=rt;L.defaultOptions=Js;import{jsx as lt,jsxs as Ws}from"react/jsx-runtime";var Us="k-list-content",re=e=>{let{virtualization:t,...s}=e;return Ws("div",{...s,className:i(Us,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 eo}from"react/jsx-runtime";var Qs="k-list-group-sticky-header",to=e=>eo("div",{className:i(Qs,e.className),children:eo("div",{className:"k-list-header-text",children:e.children})});import{Fragment as Ys,jsx as oo,jsxs as Zs}from"react/jsx-runtime";var T=e=>{let{virtualization:t,label:s}=e;return Zs(Ys,{children:[s&&oo(to,{children:s}),e.children&&oo(re,{virtualization:t,children:e.children})]})};import{jsx as so}from"react/jsx-runtime";var js="k-list-group-item",Wt=e=>so("li",{className:i(js,e.className),children:so("span",{className:"k-list-item-text",children:e.children})});import{jsx as si}from"react/jsx-runtime";var pt="k-list-optionlabel",ei=[o.hover,o.focus,o.selected,o.disabled],ti={},oi={},He=e=>{let{text:t,hover:s,focus:n,selected:r,disabled:l,...p}=e;return si("div",{...p,className:i(pt,A(pt,{hover:s,focus:n,selected:r,disabled:l})),children:t})};He.states=ei;He.options=ti;He.className=pt;He.defaultOptions=oi;import{jsx as ri}from"react/jsx-runtime";var dt="k-list-custom-value",ii=[o.hover,o.focus,o.selected,o.disabled],ni={},ai={},Ke=e=>{let{text:t,hover:s,focus:n,selected:r,disabled:l,...p}=e;return ri("div",{...p,className:i(dt,A(dt,{hover:s,focus:n,selected:r,disabled:l})),children:t})};Ke.states=ii;Ke.options=ni;Ke.className=dt;Ke.defaultOptions=ai;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 di,jsx as z,jsxs as mt}from"react/jsx-runtime";var io="k-dropdownlist",li=[o.hover,o.focus,o.valid,o.invalid,o.required,o.disabled,o.loading,o.readonly],pi={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:s=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(di,{children:[mt(Y,{...mo,size:t,rounded:s,fillMode:n,hover:b,focus:N,valid:v,invalid:O,required:y,loading:k,disabled:M,readonly:G,className:i(e.className,io,{"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=li;me.options=pi;me.className=io;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 mi,jsx as ct}from"react/jsx-runtime";var rc=e=>ct(zt,{prefix:ct(mi,{children:ct(me,{value:"Choose",fillMode:"flat"})}),...e});export{rc as MaskedTextboxPrefix};