@progress/kendo-themes-html/dist/esm/combobox/templates/combobox-grouping-modern.mjs

A collection of HTML helpers used for developing Kendo UI themes

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 M=(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)=>{let{valid:o,invalid:i,hover:r,focus:l,checked:p,active:d,selected:c,disabled:u,indeterminate:h,loading:L,empty:b,readonly:S,highlighted:v,...I}=t;return s({"k-valid":o,"k-invalid":i,"k-hover":r,"k-focus":l,"k-checked":p,"k-active":d,"k-selected":c,"k-disabled":u,"k-indeterminate":h&&!p,"k-loading":L,"k-empty":b,"k-readonly":S,"k-highlighted":v},Object.keys(I).reduce((O,T)=>(T.startsWith("k-")?O[T]=I[T]:O[`k-${T}`]=I[T],O),{}))};function gt(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(i=>[`k-${i}`,!0]))}var a={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},f={small:"small",medium:"medium",large:"large",full:"full"},N={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},m={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",generating:"generating",expanded:"expanded"};import{jsx as Po}from"react/jsx-runtime";var Ro="k-no-data",fe=e=>Po("span",{className:s(Ro,e.className),children:e.children});var P="list",F=P;import{jsx as ie,jsxs as kt}from"react/jsx-runtime";var Xe="k-list",zo=[],Do={size:[a.small,a.medium,a.large]},yt={size:a.medium},k=e=>{let{size:t=yt.size,virtualization:o,children:i,optionLabel:r,customValue:l,screenReaders:p,...d}=e,c,u,h,L,b=[];return i?i.map((S,v)=>{S.type===y?(S.props.root===!0?(c=S.props.label,S.props.children.map((I,O)=>{b.push(ie(x,{...I.props},`optChild-${O}-${new Date().getTime()}`))})):S.props.children.forEach((I,O)=>{let T="";O===0&&(T=S.props.label),b.push(ie(x,{className:O===0?"k-first":"",...I.props,groupLabel:T},`groupLabel-${O}-${new Date().getTime()}`))}),u=ie(y,{label:c,virtualization:o,children:b})):S.type===x&&(b.push(ie(x,{...S.props},`${S.type}-${v}`)),h=ie(ae,{virtualization:o,children:b}),p&&(L=kt(fe,{className:"k-sr-only",children:[b.length," items found."]})))}):L=ie(fe,{children:"No data found."}),kt("div",{...d,className:s(e.className,Xe,M(Xe,{size:t}),{"k-virtual-list":o}),children:[r,l,u,h,L]})};k.states=zo;k.options=Do;k.className=Xe;k.defaultOptions=yt;k.moduleName=P;k.folderName=F;import{jsx as Fo}from"react/jsx-runtime";var _t="k-list-container",Bo=[],wo={},Uo={},re=e=>{let{...t}=e;return Fo("div",{...t,className:s(e.className,_t),children:e.children})};re.states=Bo;re.options=wo;re.className=_t;re.defaultOptions=Uo;re.moduleName=P;re.folderName=F;import{jsx as ee,jsxs as Xo}from"react/jsx-runtime";var $e="k-list",Go=[],Vo={size:[a.small,a.medium,a.large]},Kt={size:a.medium},z=e=>{let{size:t=Kt.size,virtualization:o,children:i,...r}=e,l,p,d,c=[];return i?i.map((u,h)=>{u.type===y?(u.props.root===!0?(l=u.props.label,u.props.children.map((L,b)=>{c.push(ee(x,{...L.props},`optChild-${b}-${new Date().getTime()}`))})):(c.push(ee(Ht,{...u.props,children:u.props.label},`listChild-${h}`)),u.props.children.map((L,b)=>{c.push(ee(x,{...L.props},`fwOptChild-${b}-${new Date().getTime()}`))})),p=ee(y,{label:l,virtualization:o,children:c})):u.type===x&&(c.push(ee(x,{...u.props},`${u.type}-${h}`)),d=ee(ae,{virtualization:o,children:c}))}):d=ee(fe,{children:"No data found."}),Xo("div",{...r,className:s(e.className,$e,M($e,{size:t}),{"k-virtual-list":o}),children:[p,d]})};z.states=Go;z.options=Vo;z.className=$e;z.defaultOptions=Kt;z.moduleName=P;z.folderName=F;var te="checkbox",le=te;import{jsx as Rt}from"react/jsx-runtime";var Oe="k-checkbox",$o=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],Jo={size:[a.small,a.medium,a.large],rounded:[f.small,f.medium,f.large,f.full]},Je={size:a.medium,rounded:f.medium},K=e=>{let{id:t,checked:o,indeterminate:i,hover:r,focus:l,disabled:p,invalid:d,valid:c,required:u,size:h=Je.size,rounded:L=Je.rounded,...b}=e;return Rt("span",{className:"k-checkbox-wrap",children:Rt("input",{...b,id:t,type:"checkbox",defaultChecked:o,required:u,className:s(e.className,Oe,M(Oe,{size:h,rounded:L}),g(Oe,{hover:r,focus:l,disabled:p,invalid:d,valid:c,indeterminate:i,checked:o}))})})};K.states=$o;K.options=Jo;K.className=Oe;K.defaultOptions=Je;K.moduleName=te;K.folderName=le;import{jsx as Qo}from"react/jsx-runtime";var Pt="k-checkbox-list",qo=[],Wo={},zt={layout:"vertical"},G=e=>{let{layout:t=zt.layout,...o}=e;return Qo("ul",{...o,className:s(e.className,Pt,{[`k-list-${t}`]:t}),children:e.children})};G.states=qo;G.options=Wo;G.className=Pt;G.defaultOptions=zt;G.moduleName=te;G.folderName=le;import{jsx as en}from"react/jsx-runtime";var Dt="k-checkbox-list-item",Yo=[],Zo={},jo={},V=e=>{let{...t}=e;return en("li",{...t,className:s(e.className,Dt),children:e.children})};V.states=Yo;V.options=Zo;V.className=Dt;V.defaultOptions=jo;V.moduleName=te;V.folderName=le;import{Fragment as Ki,jsx as _i,jsxs as Hi}from"react/jsx-runtime";import{Fragment as Bi,jsx as Di,jsxs as wi}from"react/jsx-runtime";import{Fragment as Xi,jsx as Vi,jsxs as $i}from"react/jsx-runtime";import{Fragment as Yi,jsx as Qi,jsxs as Zi}from"react/jsx-runtime";import{jsx as oa}from"react/jsx-runtime";import{jsx as aa}from"react/jsx-runtime";import{Fragment as sn,jsx as Bt}from"react/jsx-runtime";var We="k-font-icon",tn=[],on={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info,m.light,m.dark]},nn={},xe=e=>{let{size:t,themeColor:o,icon:i,rotate:r,flip:l,...p}=e;return i?Bt("span",{...p,className:s(e.className,We,M(We,{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"})}):Bt(sn,{})};xe.states=tn;xe.options=on;xe.className=We;xe.defaultOptions=nn;var wt=xe;import{Fragment as ln,jsx as ge}from"react/jsx-runtime";var Qe="k-svg-icon",an=[],rn={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info,m.light,m.dark]},Ut={viewBox:"0 0 24 24"},Ne=e=>{let{size:t,themeColor:o,rotate:i,flip:r,viewBox:l=Ut.viewBox,icon:p,...d}=e;if(!p)return ge(ln,{});p==="none"&&{...d,className:s(e.className,Qe,"k-none")};let c=typeof p=="object"&&p.name&&p.name;return ge("span",{...d,className:s(e.className,Qe,M("k-icon",{size:t}),{[`k-svg-i-${c}`]:c,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),children:ge("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})})};Ne.states=an;Ne.options=rn;Ne.className=Qe;Ne.defaultOptions=Ut;var Ye=Ne;import*as Ze from"@progress/kendo-svg-icons";var Ft="icon",Gt="icons";import{Fragment as Vt,jsx as he}from"react/jsx-runtime";var ke="k-icon",pn=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),mn=[],cn={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info,m.light,m.dark]},je={viewBox:"0 0 24 24",type:"svg"},A=e=>{let{size:t,themeColor:o,icon:i,type:r=je.type,rotate:l,flip:p,viewBox:d=je.viewBox,...c}=e;if(!i)return he(Vt,{});if(r==="svg"){if(i==="none")return he(Ye,{...c,className:s(e.className,ke),icon:i,size:t});let u=Ze[i]?i:pn(`${i}-icon`);return Ze[u]?he(Ye,{...c,className:s(e.className,ke),icon:Ze[u],size:t,themeColor:o,rotate:l,flip:p,viewBox:d}):he(Vt,{})}return he(wt,{...c,className:s(e.className,ke),icon:i,size:t,themeColor:o,rotate:l,flip:p})};A.states=mn;A.options=cn;A.defaultOptions=je;A.className=ke;A.moduleName=Ft;A.folderName=Gt;import{jsx as ye,jsxs as xn}from"react/jsx-runtime";var et="k-list-item",dn=[n.hover,n.focus,n.selected,n.disabled],un={},fn={},x=e=>{let{text:t,groupLabel:o,group:i,showIcon:r,iconName:l,showCheckbox:p,checked:d,hover:c,focus:u,selected:h,disabled:L,...b}=e,S=t||e.children;return xn("li",{...b,className:s(e.className,i?"k-list-group-item":et,g(et,{hover:c,focus:u,disabled:L,selected:h})),children:[p&&ye(K,{checked:d}),r&&ye(A,{icon:l}),ye("span",{className:"k-list-item-text",children:S}),o&&o!==""&&ye("div",{className:"k-list-item-group-label",children:o})]})};x.states=dn;x.options=un;x.className=et;x.defaultOptions=fn;x.moduleName=P;x.folderName=F;import{jsx as tt,jsxs as hn}from"react/jsx-runtime";var Nn="k-list-content",ae=e=>{let{virtualization:t,...o}=e;return hn("div",{...o,className:s(Nn,e.className),children:[tt("ul",{className:s("k-list-ul"),children:e.children}),t&&tt("div",{className:"k-height-container",children:tt("div",{})})]})};import{jsx as Xt}from"react/jsx-runtime";var Ln="k-list-group-sticky-header",$t=e=>Xt("div",{className:s(Ln,e.className),children:Xt("div",{className:"k-list-header-text",children:e.children})});import{Fragment as bn,jsx as Jt,jsxs as Sn}from"react/jsx-runtime";var y=e=>{let{virtualization:t,label:o}=e;return Sn(bn,{children:[o&&Jt($t,{children:o}),e.children&&Jt(ae,{virtualization:t,children:e.children})]})};import{jsx as qt}from"react/jsx-runtime";var Mn="k-list-group-item",Ht=e=>qt("li",{className:s(Mn,e.className),children:qt("span",{className:"k-list-item-text",children:e.children})});import{jsx as vn}from"react/jsx-runtime";var ot="k-list-optionlabel",An=[n.hover,n.focus,n.selected,n.disabled],En={},In={},_e=e=>{let{text:t,hover:o,focus:i,selected:r,disabled:l,...p}=e;return vn("div",{...p,className:s(ot,g(ot,{hover:o,focus:i,selected:r,disabled:l})),children:t})};_e.states=An;_e.options=En;_e.className=ot;_e.defaultOptions=In;import{jsx as gn}from"react/jsx-runtime";var nt="k-list-custom-value",Cn=[n.hover,n.focus,n.selected,n.disabled],Tn={},On={},pe=e=>{let{text:t,hover:o,focus:i,selected:r,disabled:l,...p}=e;return gn("div",{...p,className:s(nt,g(nt,{hover:o,focus:i,selected:r,disabled:l})),children:t})};pe.states=Cn;pe.options=Tn;pe.className=nt;pe.defaultOptions=On;import{jsx as rr}from"react/jsx-runtime";import{jsx as cr}from"react/jsx-runtime";import{jsx as xr,jsxs as Nr}from"react/jsx-runtime";import{jsx as Sr,jsxs as Mr}from"react/jsx-runtime";import{jsx as vr}from"react/jsx-runtime";import{jsx as gr,jsxs as kr}from"react/jsx-runtime";import{jsx as Hr,jsxs as Rr}from"react/jsx-runtime";var Le="input",Ke=Le;import{jsx as _n}from"react/jsx-runtime";var He="k-input",kn=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],yn={size:[a.small,a.medium,a.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[N.solid,N.flat,N.outline]},Re={size:a.medium,rounded:a.medium,fillMode:N.solid},E=e=>{let{hover:t,focus:o,disabled:i,invalid:r,valid:l,loading:p,readonly:d,size:c=Re.size,rounded:u=Re.rounded,fillMode:h=Re.fillMode,...L}=e;return _n("span",{...L,className:s(e.className,He,M(He,{size:c,rounded:u,fillMode:h}),g(He,{hover:t,focus:o,disabled:i,invalid:r,valid:l,loading:p,readonly:d}))})};E.states=kn;E.options=yn;E.className=He;E.defaultOptions=Re;E.moduleName=Le;E.folderName=Ke;import{jsx as Rn}from"react/jsx-runtime";var Pe="k-picker",Kn=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Hn={size:[a.small,a.medium,a.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[N.solid,N.flat,N.outline]},ze={size:a.medium,rounded:f.medium,fillMode:N.solid},me=e=>{let{hover:t,focus:o,disabled:i,invalid:r,valid:l,loading:p,readonly:d,size:c=ze.size,rounded:u=ze.rounded,fillMode:h=ze.fillMode,...L}=e;return Rn("span",{...L,className:s(e.className,Pe,M(Pe,{size:c,rounded:u,fillMode:h}),g(Pe,{hover:t,focus:o,disabled:i,invalid:r,valid:l,loading:p,readonly:d})),children:e.children})};me.states=Kn;me.options=Hn;me.className=Pe;me.defaultOptions=ze;me.moduleName=Le;me.folderName=Ke;import{Fragment as Dn,jsx as st}from"react/jsx-runtime";var Wt="k-clear-value",Pn=[n.disabled,n.loading,n.readonly],zn={},D=e=>{let{disabled:t,loading:o,readonly:i,value:r}=e;return t||i||o||!r?st(Dn,{}):st("span",{className:s(e.className,Wt),children:st(A,{icon:"x"})})};D.states=Pn;D.options=zn;D.className=Wt;import{jsx as Un}from"react/jsx-runtime";var it="k-input-inner",Bn=[],wn={},De={type:"text",autocomplete:"off",value:"",placeholder:""},B=e=>{let{value:t=De.value,type:o=De.type,placeholder:i=De.placeholder,autocomplete:r=De.autocomplete,...l}=e;return Un("input",{...l,type:o,className:s(e.className,it,M(it,e)),placeholder:i,autoComplete:r,defaultValue:t})};B.states=Bn;B.options=wn;B.className=it;import{jsx as Qt,jsxs as Vn}from"react/jsx-runtime";var at="k-input-inner",Fn=[],Gn={},rt=e=>{let{value:t,placeholder:o,showValue:i,valueIcon:r,valueIconName:l,...p}=e;return Vn("span",{...p,className:s(e.className,at,M(at,e)),children:[r,!r&&l&&Qt(A,{className:"k-input-value-icon",icon:l}),i&&!t&&o,i&&t&&Qt("span",{className:"k-input-value-text",children:t})]})};rt.states=Fn;rt.options=Gn;rt.className=at;import{jsx as Jn}from"react/jsx-runtime";var lt="k-input-inner",Xn=[],$n={},Yt={value:"",placeholder:""},pt=e=>{let{value:t=Yt.value,placeholder:o=Yt.placeholder,rows:i,...r}=e;return Jn("textarea",{...r,className:s(e.className,lt,M(lt,e)),placeholder:o,rows:i,defaultValue:t})};pt.states=Xn;pt.options=$n;pt.className=lt;import{Fragment as Wn,jsx as Zt}from"react/jsx-runtime";var jt="k-input-loading-icon",qn=[n.disabled,n.loading],X=e=>{let{disabled:t,loading:o}=e;return t||!o?Zt(Wn,{}):Zt("span",{className:s(e.className,jt,"k-icon k-i-loading")})};X.states=qn;X.className=jt;import{Fragment as Zn,jsx as eo}from"react/jsx-runtime";var to="k-input-validation-icon",Qn=[n.valid,n.invalid,n.disabled,n.loading],Yn={},w=e=>{let{valid:t,invalid:o,disabled:i,loading:r}=e,l=o?"warning-circle":"check-circle";return i||r||!!!(t||o)?eo(Zn,{}):eo(A,{className:s(to),icon:l})};w.states=Qn;w.options=Yn;w.className=to;import{Fragment as ts,jsx as oo}from"react/jsx-runtime";var jn="k-input-prefix",es={direction:"horizontal"},Be=e=>{let{direction:t=es.direction,...o}=e;return e.children?oo("span",{...o,className:s(jn,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):oo(ts,{})};import{Fragment as ss,jsx as no}from"react/jsx-runtime";var os="k-input-suffix",ns={direction:"horizontal"},we=e=>{let{direction:t=ns.direction,...o}=e;return e.children?no("span",{...o,className:s(os,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):no(ss,{})};import{jsx as Bl}from"react/jsx-runtime";import{jsx as Gl}from"react/jsx-runtime";import{jsx as as}from"react/jsx-runtime";var so="k-input-separator",is={direction:"vertical"},ce=e=>{let{direction:t=is.direction,...o}=e;return as("span",{...o,className:s(so,e.className,{[`${so}-${t}`]:t})})};var mt="button",io=mt;import{Fragment as ms,jsx as be,jsxs as ao}from"react/jsx-runtime";var Se="k-button",rs=["icon-button"],ls=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],ps={size:[a.small,a.medium,a.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[N.solid,N.flat,N.outline,N.clear,N.link],themeColor:[m.base,m.primary,m.secondary,m.tertiary,m.success,m.warning,m.error,m.info,m.light,m.dark,m.inverse]},oe={size:a.medium,rounded:f.medium,fillMode:N.solid,themeColor:m.base,showArrow:!1,arrowIconName:"caret-alt-down"},_=e=>{let{size:t=oe.size,rounded:o=oe.rounded,fillMode:i=oe.fillMode,themeColor:r=oe.themeColor,showArrow:l=oe.showArrow,arrowIconName:p=oe.arrowIconName,variant:d,hover:c,focus:u,active:h,selected:L,disabled:b,icon:S,text:v,iconClassName:I,...O}=e,T=S!==void 0,R=e.children!==void 0;return ao("button",{...O,className:s(e.className,Se,gt(Se,d),M(Se,{size:t,rounded:o,fillMode:i,themeColor:r}),g(Se,{hover:c,focus:u,active:h,disabled:b,selected:L}),{"k-icon-button":!v&&!R&&T}),children:[S&&be(A,{className:s(I,"k-button-icon"),icon:S}),v?ao(ms,{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(A,{icon:p})})]})};_.states=ls;_.options=ps;_.variants=rs;_.className=Se;_.defaultOptions=oe;_.moduleName=mt;_.folderName=io;import{jsx as Np}from"react/jsx-runtime";import{jsx as Sp}from"react/jsx-runtime";import{jsx as Ip}from"react/jsx-runtime";var ct="popup",ro=ct;import{jsx as lo}from"react/jsx-runtime";var po="k-animation-container",cs=[],ds={},mo={positionMode:"absolute"},H=e=>{let{positionMode:t=mo.positionMode,animationStyle:o,offset:i,...r}=e;return lo("div",{...r,style:{...i,...e.style},className:s(e.className,po,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:lo("div",{className:"k-child-animation-container",style:o,children:e.children})})};H.states=cs;H.options=ds;H.className=po;H.defaultOptions=mo;H.moduleName=ct;H.folderName=ro;var dt="popup",co=dt;import{jsx as uo}from"react/jsx-runtime";var fo="k-popup",us=[],fs={},xo={positionMode:"absolute"},$=e=>{let{offset:t,positionMode:o=xo.positionMode,animationStyle:i,...r}=e;return uo(H,{positionMode:o,offset:t,animationStyle:i,children:uo("div",{...r,className:s(e.className,fo),children:e.children})})};$.states=us;$.options=fs;$.className=fo;$.defaultOptions=xo;$.moduleName=dt;$.folderName=co;var ut="action-buttons",No=ut;import{jsx as hs}from"react/jsx-runtime";var Ue="k-actions",xs=[],Ns={},ft={alignment:"start",orientation:"horizontal"},J=e=>{let{alignment:t=ft.alignment,orientation:o=ft.orientation,...i}=e;return hs("div",{...i,className:s(Ue,{[`${Ue}-${t}`]:t,[`${Ue}-${o}`]:o},e.className),children:e.children})};J.states=xs;J.options=Ns;J.className=Ue;J.defaultOptions=ft;J.moduleName=ut;J.folderName=No;import{jsx as bs}from"react/jsx-runtime";var Ls="k-actionsheet-footer",ho={alignment:"stretched",orientation:"horizontal"},xt=e=>{let{alignment:t=ho.alignment,orientation:o=ho.orientation,template:i,as:r=i?"div":J,...l}=e;return bs(r,{...l,...!i&&{alignment:t,orientation:o},className:s(e.className,Ls),children:e.children})};var Nt="searchbox",Lo=Nt;import{jsx as Me,jsxs as As}from"react/jsx-runtime";var bo="k-searchbox",Ss=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],Ms={size:[a.small,a.medium,a.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[N.solid,N.flat,N.outline]},ht={showIcon:!0,icon:"search",size:E.defaultOptions.size,rounded:E.defaultOptions.rounded,fillMode:E.defaultOptions.fillMode},q=e=>{let{value:t,placeholder:o,size:i,rounded:r,fillMode:l,hover:p,focus:d,valid:c,invalid:u,required:h,loading:L,disabled:b,showIcon:S=ht.showIcon,icon:v=ht.icon,...I}=e;return As(E,{...I,size:i,rounded:r,fillMode:l,hover:p,focus:d,valid:c,invalid:u,required:h,loading:L,disabled:b,className:s(e.className,bo),children:[S&&Me(A,{className:"k-input-icon",icon:v}),Me(B,{placeholder:o,value:t}),Me(X,{...e}),Me(w,{...e}),Me(D,{...e})]})};q.states=Ss;q.options=Ms;q.className=bo;q.defaultOptions=ht;q.moduleName=Nt;q.folderName=Lo;import{jsx as um}from"react/jsx-runtime";var Lt="textbox",So=Lt;import{Fragment as Mo,jsx as W,jsxs as bt}from"react/jsx-runtime";var Ao="k-textbox",Es=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Is={size:[a.small,a.medium,a.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[N.solid,N.flat,N.outline]},ne={showClearButton:!0,showValidationIcon:!0,size:E.defaultOptions.size,rounded:E.defaultOptions.rounded,fillMode:E.defaultOptions.fillMode,separators:!0},Q=e=>{let{size:t=ne.size,rounded:o=ne.rounded,fillMode:i=ne.fillMode,separators:r=ne.separators,showClearButton:l=ne.showClearButton,showValidationIcon:p=ne.showValidationIcon,prefix:d,suffix:c,type:u,value:h,placeholder:L,hover:b,focus:S,valid:v,invalid:I,required:O,loading:T,disabled:R,readonly:Te,...Ve}=e;return bt(E,{...Ve,size:t,rounded:o,fillMode:i,hover:b,focus:S,valid:v,invalid:I,required:O,loading:T,disabled:R,readonly:Te,className:s(e.className,Ao),children:[d&&bt(Mo,{children:[W(Be,{children:d}),r&&W(ce,{})]}),W(B,{placeholder:L,value:h,type:u}),p&&W(w,{valid:v,invalid:I,loading:T,disabled:R}),W(X,{loading:T,disabled:R}),l&&W(D,{loading:T,disabled:R,readonly:Te,value:h}),c&&bt(Mo,{children:[r&&W(ce,{}),W(we,{children:c})]})]})};Q.states=Es;Q.options=Is;Q.className=Ao;Q.defaultOptions=ne;Q.moduleName=Lt;Q.folderName=So;import{jsx as Cm}from"react/jsx-runtime";import{Fragment as _m,jsx as ym}from"react/jsx-runtime";import{Fragment as Bm,jsx as Dm}from"react/jsx-runtime";import{jsx as Y,jsxs as St}from"react/jsx-runtime";var Io="k-actionsheet-titlebar",vs={},Z=e=>{let{title:t,subtitle:o,actionsStart:i,actionsEnd:r,filter:l,input:p,inputValue:d,inputPlaceholder:c,adaptive:u,children:h,...L}=e;return St("div",{...L,className:s(e.className,Io),children:[St("div",{className:"k-actionsheet-titlebar-group",children:[i&&Y("div",{className:"k-actionsheet-actions",children:i}),!h&&St("div",{className:"k-actionsheet-title",children:[t&&Y("div",{className:"k-text-center",children:t}),o&&Y("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),h&&Y("div",{className:"k-actionsheet-title",children:h}),r&&Y("div",{className:"k-actionsheet-actions",children:r})]}),(p||l)&&Y("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?Y(Q,{value:d,placeholder:c,size:u?"large":"medium"}):Y(q,{placeholder:"Filter",size:u?"large":"medium"})})]})};Z.className=Io;Z.defaultOptions=vs;import{jsx as Mt,jsxs as gs}from"react/jsx-runtime";var At="k-actionsheet-view",Cs=[],Ts={},Os={},de=e=>{let{adaptive:t,animated:o,children:i,header:r,footer:l,...p}=e,d=r?.type===Z&&Mt(Z,{adaptive:t,...r?.props}),c=l?.type===xt&&Mt(xt,{...l?.props});return gs("div",{...p,className:s(e.className,At,{[`${At}-animated`]:o}),children:[d,Mt("div",{className:"k-actionsheet-content",children:i}),c]})};de.states=Cs;de.options=Ts;de.className=At;de.defaultOptions=Os;var Ae="action-sheet",Fe=Ae;import{jsx as Ge,jsxs as _s}from"react/jsx-runtime";var vo="k-actionsheet",ks=[],ys={},Ee={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},U=e=>{let{side:t=Ee.side,fullscreen:o=Ee.fullscreen,adaptive:i=Ee.adaptive,overlay:r=Ee.overlay,template:l,children:p,header:d,footer:c,...u}=e;return _s("div",{className:"k-actionsheet-container",children:[r&&Ge("div",{className:"k-overlay"}),Ge(H,{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:Ge("div",{...u,className:s(e.className,vo,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":i}),children:l||Ge(de,{header:d,footer:c,adaptive:i,...e,children:p})})})]})};U.states=ks;U.options=ys;U.className=vo;U.defaultOptions=Ee;U.moduleName=Ae;U.folderName=Fe;import{jsx as Ps}from"react/jsx-runtime";var Co="k-actionsheet-container",Ks=[],Hs={},Rs={},ue=e=>{let{children:t,...o}=e;return Ps("div",{...o,className:Co,children:t})};ue.states=Ks;ue.options=Hs;ue.className=Co;ue.defaultOptions=Rs;ue.moduleName=Ae;ue.folderName=Fe;import{jsx as fc}from"react/jsx-runtime";import{Fragment as Ds,jsx as Ie,jsxs as Et}from"react/jsx-runtime";var It="k-actionsheet-item",zs=[n.hover,n.focus,n.selected,n.disabled],vt=e=>{let{iconName:t,text:o,description:i,hover:r,focus:l,selected:p,disabled:d,...c}=e;return Et("span",{...c,className:s(e.className,It,g(It,{hover:r,focus:l,selected:p,disabled:d})),children:[!e.children&&Ie(Ds,{children:Et("span",{className:"k-actionsheet-action",children:[t&&Ie("span",{className:"k-icon-wrap",children:Ie(A,{className:"k-actionsheet-item-icon",icon:t})}),Et("span",{className:"k-actionsheet-item-text",children:[o&&Ie("span",{className:"k-actionsheet-item-title",children:o}),i&&Ie("span",{className:"k-actionsheet-item-description",children:i})]})]})}),e.children]})};vt.states=zs;vt.className=It;import{jsx as Ec,jsxs as Ic}from"react/jsx-runtime";import{jsx as Oc}from"react/jsx-runtime";import{jsx as _c}from"react/jsx-runtime";import{jsx as Pc}from"react/jsx-runtime";var Ct="combobox",Oo=Ct;import{Fragment as Tt,jsx as C,jsxs as ve}from"react/jsx-runtime";var go="k-combobox",Bs=[n.hover,n.focus,n.valid,n.invalid,n.loading,n.required,n.disabled,n.readonly],ws={size:[a.small,a.medium,a.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[N.solid,N.flat,N.outline]},Ce={size:E.defaultOptions.size,rounded:E.defaultOptions.rounded,fillMode:E.defaultOptions.fillMode,separators:!0},se=e=>{let{size:t=Ce.size,rounded:o=Ce.rounded,fillMode:i=Ce.fillMode,separators:r=Ce.separators,prefix:l,suffix:p,value:d,placeholder:c,hover:u,focus:h,valid:L,invalid:b,required:S,loading:v,disabled:I,popup:O,opened:T,readonly:R,adaptive:Te,adaptiveSettings:Ve,adaptiveTitle:yo,adaptiveSubtitle:_o,adaptiveCustomValue:Ko,...Ho}=e;return ve(Tt,{children:[ve(E,{...Ho,size:t,rounded:o,fillMode:i,hover:u,focus:h,valid:L,invalid:b,required:S,loading:v,disabled:I,readonly:R,className:s(e.className,go),children:[l&&ve(Tt,{children:[C(Be,{children:l}),r&&C(ce,{})]}),C(B,{placeholder:c,value:d}),C(w,{valid:L,invalid:b,loading:v,disabled:I}),C(X,{loading:v,disabled:I}),C(D,{loading:v,disabled:I,readonly:R,value:d}),p&&ve(Tt,{children:[r&&C(ce,{}),C(we,{children:p})]}),C(_,{className:"k-input-button",icon:"caret-alt-down",rounded:null,size:t,fillMode:i})]}),T&&O&&C($,{className:"k-list-container k-combobox-popup",children:O}),Te&&C(U,{adaptive:!0,...Ve,header:C(Z,{actionsEnd:C(_,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),input:!0,inputValue:d,inputPlaceholder:c,title:yo,subtitle:_o}),children:C("div",{className:"k-list-container",children:ve(k,{customValue:Ko?C(pe,{text:`Use "${d}"`}):void 0,size:"large",children:[C(x,{text:"List item"}),C(x,{text:"List item"}),C(x,{text:"List item"})]})})})]})};se.states=Bs;se.options=ws;se.className=go;se.defaultOptions=Ce;se.moduleName=Ct;se.folderName=Oo;var ko=se;import{jsx as j,jsxs as Ot}from"react/jsx-runtime";var pd=e=>j(ko,{opened:!0,popup:Ot(k,{children:[Ot(y,{label:"Group 1",root:!0,children:[j(x,{children:"List group 1 item 1"}),j(x,{children:"List group 1 item 2"}),j(x,{children:"List group 1 item 3"})]}),Ot(y,{children:[j(x,{group:!0,children:"Group 2"}),j(x,{children:"List group 1 item 1"}),j(x,{children:"List group 1 item 2"}),j(x,{children:"List group 1 item 3"})]})]}),...e});export{pd as ComboboxGroupingModern};