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