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