@progress/kendo-themes-html/dist/cjs/multiselect/templates/multiselect-popup.js

A collection of HTML helpers used for developing Kendo UI themes

var wo=Object.create;var Pe=Object.defineProperty;var Vo=Object.getOwnPropertyDescriptor;var $o=Object.getOwnPropertyNames;var Bo=Object.getPrototypeOf,Go=Object.prototype.hasOwnProperty;var _o=(e,t)=>{for(var o in t)Pe(e,o,{get:t[o],enumerable:!0})},Ht=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of $o(t))!Go.call(e,r)&&r!==o&&Pe(e,r,{get:()=>t[r],enumerable:!(a=Vo(t,r))||a.enumerable});return e};var Xo=(e,t,o)=>(o=e!=null?wo(Bo(e)):{},Ht(t||!e||!e.__esModule?Pe(o,"default",{value:e,enumerable:!0}):o,e)),Do=e=>Ht(Pe({},"__esModule",{value:!0}),e);var Dn={};_o(Dn,{MultiSelectPopup:()=>Xn});module.exports=Do(Dn);var n=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?n(...t):typeof t=="object"?Object.keys(t).map((o,a)=>t[a]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var v=(e,t)=>n({[`${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"}),k=(e,t)=>n({"k-valid":t.valid,"k-invalid":t.invalid,"k-hover":t.hover,"k-focus":t.focus,"k-checked":t.checked,"k-active":t.active,"k-selected":t.selected,"k-disabled":t.disabled,"k-indeterminate":t.indeterminate&&!t.checked,"k-loading":t.loading,"k-empty":t.empty,"k-readonly":t.readonly,"k-highlighted":t.highlighted});var i={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},m={small:"small",medium:"medium",large:"large",full:"full"},h={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},l={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},s={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"};var Kt=require("react/jsx-runtime"),Fo="k-no-data",Ie=e=>(0,Kt.jsx)("span",{className:n(Fo,e.className),children:e.children});var R=require("react/jsx-runtime"),je="k-list",Jo=[],qo={size:[i.small,i.medium,i.large]},Rt={size:i.medium},E=e=>{let{size:t=Rt.size,virtualization:o,children:a,optionLabel:r,customValue:p,screenReaders:c,...u}=e,d,f,b,L,S=[];return a?a.map((y,T)=>{y.type===P?(y.props.root===!0?(d=y.props.label,y.props.children.map((C,H)=>{S.push((0,R.jsx)(N,{...C.props},`optChild-${H}-${new Date().getTime()}`))})):y.props.children.forEach((C,H)=>{let M="";H===0&&(M=y.props.label),S.push((0,R.jsx)(N,{className:H===0?"k-first":"",...C.props,groupLabel:M},`groupLabel-${H}-${new Date().getTime()}`))}),f=(0,R.jsx)(P,{label:d,virtualization:o,children:S})):y.type===N&&(S.push((0,R.jsx)(N,{...y.props},`${y.type}-${T}`)),b=(0,R.jsx)(ae,{virtualization:o,children:S}),c&&(L=(0,R.jsxs)(Ie,{className:"k-sr-only",children:[S.length," items found."]})))}):L=(0,R.jsx)(Ie,{children:"No data found."}),(0,R.jsxs)("div",{...u,className:n(e.className,je,v(je,{size:t}),{"k-virtual-list":o}),children:[r,p,f,b,L]})};E.states=Jo;E.options=qo;E.className=je;E.defaultOptions=Rt;var w=require("react/jsx-runtime"),et="k-list",Uo=[],Wo={size:[i.small,i.medium,i.large]},Pt={size:i.medium},Y=e=>{let{size:t=Pt.size,virtualization:o,children:a,...r}=e,p,c,u,d=[];return a?a.map((f,b)=>{f.type===P?(f.props.root===!0?(p=f.props.label,f.props.children.map((L,S)=>{d.push((0,w.jsx)(N,{...L.props},`optChild-${S}-${new Date().getTime()}`))})):(d.push((0,w.jsx)(wt,{...f.props,children:f.props.label},`listChild-${b}`)),f.props.children.map((L,S)=>{d.push((0,w.jsx)(N,{...L.props},`fwOptChild-${S}-${new Date().getTime()}`))})),c=(0,w.jsx)(P,{label:p,virtualization:o,children:d})):f.type===N&&(d.push((0,w.jsx)(N,{...f.props},`${f.type}-${b}`)),u=(0,w.jsx)(ae,{virtualization:o,children:d}))}):u=(0,w.jsx)(Ie,{children:"No data found."}),(0,w.jsxs)("div",{...r,className:n(e.className,et,v(et,{size:t}),{"k-virtual-list":o}),children:[c,u]})};Y.states=Uo;Y.options=Wo;Y.className=et;Y.defaultOptions=Pt;var ot=require("react/jsx-runtime"),we="k-checkbox",Qo=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.checked,s.indeterminate],Yo={size:[i.small,i.medium,i.large],rounded:[m.small,m.medium,m.large,m.full]},tt={size:i.medium,rounded:m.medium},F=e=>{let{id:t,checked:o,indeterminate:a,hover:r,focus:p,disabled:c,invalid:u,valid:d,required:f,size:b=tt.size,rounded:L=tt.rounded,...S}=e;return(0,ot.jsx)("span",{className:"k-checkbox-wrap",children:(0,ot.jsx)("input",{...S,id:t,type:"checkbox",defaultChecked:o,required:f,className:n(e.className,we,v(we,{size:b,rounded:L}),k(we,{hover:r,focus:p,disabled:c,invalid:u,valid:d,indeterminate:a,checked:o}))})})};F.states=Qo;F.options=Yo;F.className=we;F.defaultOptions=tt;var Bt=require("react/jsx-runtime"),Vt="k-checkbox-list",Zo=[],jo={},$t={layout:"vertical"},re=e=>{let{layout:t=$t.layout,...o}=e;return(0,Bt.jsx)("ul",{...o,className:n(e.className,Vt,{[`k-list-${t}`]:t}),children:e.children})};re.states=Zo;re.options=jo;re.className=Vt;re.defaultOptions=$t;var _t=require("react/jsx-runtime"),Gt="k-checkbox-list-item",es=[],ts={},os={},le=e=>{let{...t}=e;return(0,_t.jsx)("li",{...t,className:n(e.className,Gt),children:e.children})};le.states=es;le.options=ts;le.className=Gt;le.defaultOptions=os;var nt=require("react/jsx-runtime");var it=require("react/jsx-runtime");var at=require("react/jsx-runtime");var rt=require("react/jsx-runtime");var ss=require("react/jsx-runtime");var ns=require("react/jsx-runtime");var ge=require("react/jsx-runtime"),lt="k-icon k-font-icon",is=[],as={size:[i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[l.base,l.primary,l.secondary,l.tertiary,l.success,l.warning,l.error,l.info,l.light,l.dark]},rs={},ke=e=>{let{size:t,themeColor:o,icon:a,rotate:r,flip:p,...c}=e;return a?(0,ge.jsx)("span",{...c,className:n(e.className,lt,v(lt,{size:t}),{[`k-i-${a}`]:a,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":p==="h"||p==="both","k-flip-v":p==="v"||p==="both"})}):(0,ge.jsx)(ge.Fragment,{})};ke.states=is;ke.options=as;ke.className=lt;ke.defaultOptions=rs;var Xt=ke;var Z=require("react/jsx-runtime"),pt="k-icon k-svg-icon",ls=[],ps={size:[i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[l.base,l.primary,l.secondary,l.tertiary,l.success,l.warning,l.error,l.info,l.light,l.dark]},Dt={viewBox:"0 0 24 24"},Ae=e=>{let{size:t,themeColor:o,rotate:a,flip:r,viewBox:p=Dt.viewBox,icon:c,...u}=e;if(!c)return(0,Z.jsx)(Z.Fragment,{});c==="none"&&{...u,className:n(e.className,pt,"k-none")};let d=typeof c=="object"&&c.name&&c.name;return(0,Z.jsx)("span",{...u,className:n(e.className,pt,v("k-icon",{size:t}),{[`k-svg-i-${d}`]:d,[`k-color-${o}`]:o,[`k-rotate-${a}`]:a,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),children:(0,Z.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:p,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};Ae.states=ls;Ae.options=ps;Ae.className=pt;Ae.defaultOptions=Dt;var ct=Ae;var Ft=Xo(require("@progress/kendo-svg-icons")),B=require("react/jsx-runtime"),cs=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),ms=[],ds={size:[i.xsmall,i.small,i.medium,i.large,i.xlarge,i.xxlarge,i.xxxlarge],themeColor:[l.base,l.primary,l.secondary,l.tertiary,l.success,l.warning,l.error,l.info,l.light,l.dark]},mt={viewBox:"0 0 24 24",type:"svg"},I=e=>{let{size:t,themeColor:o,icon:a,type:r=mt.type,rotate:p,flip:c,viewBox:u=mt.viewBox,...d}=e;if(!a)return(0,B.jsx)(B.Fragment,{});if(r==="svg"){if(a==="none")return(0,B.jsx)(ct,{...d,icon:a,size:t});let f=cs(`${a}-icon`);return Ft[f]?(0,B.jsx)(ct,{...d,icon:Ft[f],size:t,themeColor:o,rotate:p,flip:c,viewBox:u}):(0,B.jsx)(B.Fragment,{})}return(0,B.jsx)(Xt,{...d,icon:a,size:t,themeColor:o,rotate:p,flip:c})};I.states=ms;I.options=ds;I.defaultOptions=mt;var j=require("react/jsx-runtime"),dt="k-list-item",us=[s.hover,s.focus,s.selected,s.disabled],fs={},hs={},N=e=>{let{text:t,groupLabel:o,group:a,showIcon:r,iconName:p,showCheckbox:c,checked:u,hover:d,focus:f,selected:b,disabled:L,...S}=e,y=t||e.children;return(0,j.jsxs)("li",{...S,className:n(e.className,a?"k-list-group-item":dt,k(dt,{hover:d,focus:f,disabled:L,selected:b})),children:[c&&(0,j.jsx)(F,{checked:u}),r&&(0,j.jsx)(I,{icon:p}),(0,j.jsx)("span",{className:"k-list-item-text",children:y}),o&&o!==""&&(0,j.jsx)("div",{className:"k-list-item-group-label",children:o})]})};N.states=us;N.options=fs;N.className=dt;N.defaultOptions=hs;var pe=require("react/jsx-runtime"),xs="k-list-content",ae=e=>{let{virtualization:t,...o}=e;return(0,pe.jsxs)("div",{...o,className:n(xs,e.className),children:[(0,pe.jsx)("ul",{className:n("k-list-ul"),children:e.children}),t&&(0,pe.jsx)("div",{className:"k-height-container",children:(0,pe.jsx)("div",{})})]})};var ut=require("react/jsx-runtime"),bs="k-list-group-sticky-header",Jt=e=>(0,ut.jsx)("div",{className:n(bs,e.className),children:(0,ut.jsx)("div",{className:"k-list-header-text",children:e.children})});var ee=require("react/jsx-runtime"),P=e=>{let{virtualization:t,label:o}=e;return(0,ee.jsxs)(ee.Fragment,{children:[o&&(0,ee.jsx)(Jt,{children:o}),e.children&&(0,ee.jsx)(ae,{virtualization:t,children:e.children})]})};var ft=require("react/jsx-runtime"),vs="k-list-group-item",wt=e=>(0,ft.jsx)("li",{className:n(vs,e.className),children:(0,ft.jsx)("span",{className:"k-list-item-text",children:e.children})});var qt=require("react/jsx-runtime"),ht="k-list-optionlabel",Ns=[s.hover,s.focus,s.selected,s.disabled],Ls={},Ss={},Ve=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:p,...c}=e;return(0,qt.jsx)("div",{...c,className:n(ht,k(ht,{hover:o,focus:a,selected:r,disabled:p})),children:t})};Ve.states=Ns;Ve.options=Ls;Ve.className=ht;Ve.defaultOptions=Ss;var Ut=require("react/jsx-runtime"),xt="k-list-custom-value",ys=[s.hover,s.focus,s.selected,s.disabled],Is={},gs={},ce=e=>{let{text:t,hover:o,focus:a,selected:r,disabled:p,...c}=e;return(0,Ut.jsx)("div",{...c,className:n(xt,k(xt,{hover:o,focus:a,selected:r,disabled:p})),children:t})};ce.states=ys;ce.options=Is;ce.className=xt;ce.defaultOptions=gs;var ks=require("react/jsx-runtime");var As=require("react/jsx-runtime");var Wt=require("react/jsx-runtime");var Qt=require("react/jsx-runtime");var Cs=require("react/jsx-runtime");var Yt=require("react/jsx-runtime");var Zt=require("react/jsx-runtime");var jt=require("react/jsx-runtime"),$e="k-input",Ms=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Ts={size:[i.small,i.medium,i.large],rounded:[m.small,m.medium,m.large,m.full],fillMode:[h.solid,h.flat,h.outline]},Be={size:i.medium,rounded:i.medium,fillMode:h.solid},g=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:p,loading:c,readonly:u,size:d=Be.size,rounded:f=Be.rounded,fillMode:b=Be.fillMode,...L}=e;return(0,jt.jsx)("span",{...L,className:n(e.className,$e,v($e,{size:d,rounded:f,fillMode:b}),k($e,{hover:t,focus:o,disabled:a,invalid:r,valid:p,loading:c,readonly:u}))})};g.states=Ms;g.options=Ts;g.className=$e;g.defaultOptions=Be;var eo=require("react/jsx-runtime"),Ge="k-picker",zs=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Es={size:[i.small,i.medium,i.large],rounded:[m.small,m.medium,m.large,m.full],fillMode:[h.solid,h.flat,h.outline]},_e={size:i.medium,rounded:m.medium,fillMode:h.solid},Xe=e=>{let{hover:t,focus:o,disabled:a,invalid:r,valid:p,loading:c,readonly:u,size:d=_e.size,rounded:f=_e.rounded,fillMode:b=_e.fillMode,...L}=e;return(0,eo.jsx)("span",{...L,className:n(e.className,Ge,v(Ge,{size:d,rounded:f,fillMode:b}),k(Ge,{hover:t,focus:o,disabled:a,invalid:r,valid:p,loading:c,readonly:u})),children:e.children})};Xe.states=zs;Xe.options=Es;Xe.className=Ge;Xe.defaultOptions=_e;var me=require("react/jsx-runtime"),to="k-clear-value",Os=[s.disabled,s.loading,s.readonly],Hs={},G=e=>{let{disabled:t,loading:o,readonly:a,value:r}=e;return t||a||o||!r?(0,me.jsx)(me.Fragment,{}):(0,me.jsx)("span",{className:n(e.className,to),children:(0,me.jsx)(I,{icon:"x"})})};G.states=Os;G.options=Hs;G.className=to;var oo=require("react/jsx-runtime"),bt="k-input-inner",Ks=[],Rs={},De={type:"text",autocomplete:"off",value:"",placeholder:""},_=e=>{let{value:t=De.value,type:o=De.type,placeholder:a=De.placeholder,autocomplete:r=De.autocomplete,...p}=e;return(0,oo.jsx)("input",{...p,type:o,className:n(e.className,bt,v(bt,e)),placeholder:a,autoComplete:r,defaultValue:t})};_.states=Ks;_.options=Rs;_.className=bt;var Ce=require("react/jsx-runtime"),vt="k-input-inner",Ps=[],ws={},Nt=e=>{let{value:t,placeholder:o,showValue:a,valueIcon:r,valueIconName:p,...c}=e;return(0,Ce.jsxs)("span",{...c,className:n(e.className,vt,v(vt,e)),children:[r,!r&&p&&(0,Ce.jsx)(I,{className:"k-input-value-icon",icon:p}),a&&!t&&o,a&&t&&(0,Ce.jsx)("span",{className:"k-input-value-text",children:t})]})};Nt.states=Ps;Nt.options=ws;Nt.className=vt;var no=require("react/jsx-runtime"),Lt="k-input-inner",Vs=[],$s={},so={value:"",placeholder:""},St=e=>{let{value:t=so.value,placeholder:o=so.placeholder,rows:a,...r}=e;return(0,no.jsx)("textarea",{...r,className:n(e.className,Lt,v(Lt,e)),placeholder:o,rows:a,defaultValue:t})};St.states=Vs;St.options=$s;St.className=Lt;var Me=require("react/jsx-runtime"),io="k-input-loading-icon",Bs=[s.disabled,s.loading],J=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,Me.jsx)(Me.Fragment,{}):(0,Me.jsx)("span",{className:n(e.className,io,"k-icon k-i-loading")})};J.states=Bs;J.className=io;var Te=require("react/jsx-runtime"),ao="k-input-validation-icon",Gs=[s.valid,s.invalid,s.disabled,s.loading],_s={},X=e=>{let{valid:t,invalid:o,disabled:a,loading:r}=e,p=o?"warning-circle":"check-circle";return a||r||!!!(t||o)?(0,Te.jsx)(Te.Fragment,{}):(0,Te.jsx)(I,{className:n(ao),icon:p})};X.states=Gs;X.options=_s;X.className=ao;var ze=require("react/jsx-runtime"),Xs="k-input-prefix",Ds={direction:"horizontal"},Fe=e=>{let{direction:t=Ds.direction,...o}=e;return e.children?(0,ze.jsx)("span",{...o,className:n(Xs,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,ze.jsx)(ze.Fragment,{})};var Ee=require("react/jsx-runtime"),Fs="k-input-suffix",Js={direction:"horizontal"},Je=e=>{let{direction:t=Js.direction,...o}=e;return e.children?(0,Ee.jsx)("span",{...o,className:n(Fs,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,Ee.jsx)(Ee.Fragment,{})};var qs=require("react/jsx-runtime");var Us=require("react/jsx-runtime");var lo=require("react/jsx-runtime"),ro="k-input-separator",Ws={direction:"vertical"},de=e=>{let{direction:t=Ws.direction,...o}=e;return(0,lo.jsx)("span",{...o,className:n(ro,e.className,{[`${ro}-${t}`]:t})})};var K=require("react/jsx-runtime"),qe="k-button",Qs=[s.hover,s.focus,s.active,s.selected,s.disabled],Ys={size:[i.small,i.medium,i.large],rounded:[m.small,m.medium,m.large,m.full],fillMode:[h.solid,h.flat,h.outline,h.clear,h.link],themeColor:[l.base,l.primary,l.secondary,l.tertiary,l.success,l.warning,l.error,l.info,l.light,l.dark,l.inverse]},te={size:i.medium,rounded:m.medium,fillMode:h.solid,themeColor:l.base,showArrow:!1,arrowIconName:"caret-alt-down"},V=e=>{let{size:t=te.size,rounded:o=te.rounded,fillMode:a=te.fillMode,themeColor:r=te.themeColor,showArrow:p=te.showArrow,arrowIconName:c=te.arrowIconName,hover:u,focus:d,active:f,selected:b,disabled:L,icon:S,text:y,iconClassName:T,...C}=e,H=S!==void 0,M=e.children!==void 0;return(0,K.jsxs)("button",{...C,className:n(e.className,qe,v(qe,{size:t,rounded:o,fillMode:a,themeColor:r}),k(qe,{hover:u,focus:d,active:f,disabled:L,selected:b}),{"k-icon-button":!y&&!M&&H}),children:[S&&(0,K.jsx)(I,{className:n(T,"k-button-icon"),icon:S}),y?(0,K.jsxs)(K.Fragment,{children:[y&&(0,K.jsx)("span",{className:"k-button-text",children:y}),e.children]}):e.children&&(0,K.jsx)("span",{className:"k-button-text",children:e.children}),p&&(0,K.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,K.jsx)(I,{icon:c})})]})};V.states=Qs;V.options=Ys;V.className=qe;V.defaultOptions=te;var Zs=require("react/jsx-runtime");var js=require("react/jsx-runtime");var en=require("react/jsx-runtime");var tn=require("react/jsx-runtime");var yt=require("react/jsx-runtime"),Oe="k-avatar";var on=[s.hover,s.focus,s.active,s.selected,s.disabled],sn={size:[i.small,i.medium,i.large],rounded:[m.small,m.medium,m.large,m.full],fillMode:[h.solid,h.flat,h.outline],themeColor:[l.base,l.primary,l.secondary,l.tertiary,l.success,l.warning,l.error,l.info,l.light,l.dark,l.inverse]},oe={type:"text",size:i.medium,rounded:m.full,fillMode:h.solid,themeColor:l.primary,border:!1},ue=e=>{let{size:t=oe.size,rounded:o=oe.rounded,fillMode:a=oe.fillMode,themeColor:r=oe.themeColor,type:p=oe.type,border:c=oe.border,...u}=e;return(0,yt.jsx)("div",{...u,className:n(e.className,Oe,v(Oe,{size:t,rounded:o,fillMode:a,themeColor:r}),{[`${Oe}-bordered`]:c}),children:(0,yt.jsx)("span",{className:`${Oe}-${p}`,children:e.children})})};ue.states=on;ue.options=sn;ue.className=Oe;ue.defaultOptions=oe;var nn=require("react/jsx-runtime");var an=require("react/jsx-runtime");var rn=require("react/jsx-runtime");var D=require("react/jsx-runtime"),Ue="k-chip",ln=[s.hover,s.focus,s.active,s.selected,s.disabled],pn={size:[i.small,i.medium,i.large],rounded:[m.small,m.medium,m.large,m.full],fillMode:[h.solid,h.outline],themeColor:[l.base,l.success,l.warning,l.error,l.info]},fe={size:i.medium,rounded:m.medium,fillMode:h.solid,themeColor:l.base,avatarImage:"/packages/html/assets/avatar.jpg"},We=e=>{let{size:t=fe.size,rounded:o=fe.rounded,fillMode:a=fe.fillMode,themeColor:r=fe.themeColor,text:p,icon:c,actions:u,showAvatar:d,avatarImage:f=fe.avatarImage,hover:b,focus:L,active:S,selected:y,disabled:T,...C}=e;return(0,D.jsxs)("div",{...C,className:n(e.className,Ue,v(Ue,{size:t,rounded:o,fillMode:a,themeColor:r}),k(Ue,{hover:b,focus:L,active:S,disabled:T,selected:y})),children:[c&&(0,D.jsx)(I,{className:"k-chip-icon",icon:c,size:"small"}),d&&(0,D.jsx)(ue,{className:"k-chip-avatar",type:"image",children:(0,D.jsx)("img",{src:f})}),(0,D.jsx)("span",{className:"k-chip-content",children:e.children?e.children:p&&(0,D.jsx)("span",{className:"k-chip-label",children:p})}),u&&(0,D.jsx)("span",{className:"k-chip-actions",children:u})]})};We.states=ln;We.options=pn;We.className=Ue;We.defaultOptions=fe;var mo=require("react/jsx-runtime"),It="k-chip-list",cn=[],mn={size:[i.small,i.medium,i.large]},co={size:i.medium},he=e=>{let{size:t=co.size,...o}=e;return(0,mo.jsx)("div",{...o,className:n(e.className,It,v(It,{size:t})),children:e.children})};he.states=cn;he.options=mn;he.className=It;he.defaultOptions=co;var dn=require("react/jsx-runtime");var un=require("react/jsx-runtime");var fn=require("react/jsx-runtime");var xn=require("react/jsx-runtime");var gt=require("react/jsx-runtime");var kt=require("react/jsx-runtime"),uo="k-animation-container",bn=[],vn={},fo={positionMode:"absolute"},q=e=>{let{positionMode:t=fo.positionMode,animationStyle:o,offset:a,...r}=e;return(0,kt.jsx)("div",{...r,style:{...a,...e.style},className:n(e.className,uo,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:(0,kt.jsx)("div",{className:"k-child-animation-container",style:o,children:e.children})})};q.states=bn;q.options=vn;q.className=uo;q.defaultOptions=fo;var At=require("react/jsx-runtime"),ho="k-popup",Nn=[],Ln={},xo={positionMode:"absolute"},xe=e=>{let{offset:t,positionMode:o=xo.positionMode,animationStyle:a,...r}=e;return(0,At.jsx)(q,{positionMode:o,offset:t,animationStyle:a,children:(0,At.jsx)("div",{...r,className:n(e.className,ho),children:e.children})})};xe.states=Nn;xe.options=Ln;xe.className=ho;xe.defaultOptions=xo;var bo=require("react/jsx-runtime"),Ye="k-actions",Sn=[],yn={},Ct={alignment:"start",orientation:"horizontal"},be=e=>{let{alignment:t=Ct.alignment,orientation:o=Ct.orientation,...a}=e;return(0,bo.jsx)("div",{...a,className:n(Ye,{[`${Ye}-${t}`]:t,[`${Ye}-${o}`]:o},e.className),children:e.children})};be.states=Sn;be.options=yn;be.className=Ye;be.defaultOptions=Ct;var No=require("react/jsx-runtime"),In="k-actionsheet-footer",vo={alignment:"stretched",orientation:"horizontal"},Mt=e=>{let{alignment:t=vo.alignment,orientation:o=vo.orientation,template:a,as:r=a?"div":be,...p}=e;return(0,No.jsx)(r,{...p,...!a&&{alignment:t,orientation:o},className:n(e.className,In),children:e.children})};var U=require("react/jsx-runtime"),Lo="k-searchbox",gn=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading],kn={size:[i.small,i.medium,i.large],rounded:[m.small,m.medium,m.large,m.full],fillMode:[h.solid,h.flat,h.outline]},Tt={showIcon:!0,icon:"search",size:g.defaultOptions.size,rounded:g.defaultOptions.rounded,fillMode:g.defaultOptions.fillMode},ve=e=>{let{value:t,placeholder:o,size:a,rounded:r,fillMode:p,hover:c,focus:u,valid:d,invalid:f,required:b,loading:L,disabled:S,showIcon:y=Tt.showIcon,icon:T=Tt.icon,...C}=e;return(0,U.jsxs)(g,{...C,size:a,rounded:r,fillMode:p,hover:c,focus:u,valid:d,invalid:f,required:b,loading:L,disabled:S,className:n(e.className,Lo),children:[y&&(0,U.jsx)(I,{className:"k-input-icon",icon:T}),(0,U.jsx)(_,{placeholder:o,value:t}),(0,U.jsx)(J,{...e}),(0,U.jsx)(X,{...e}),(0,U.jsx)(G,{...e})]})};ve.states=gn;ve.options=kn;ve.className=Lo;ve.defaultOptions=Tt;var An=require("react/jsx-runtime");var A=require("react/jsx-runtime"),So="k-textbox",Cn=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],Mn={size:[i.small,i.medium,i.large],rounded:[m.small,m.medium,m.large,m.full],fillMode:[h.solid,h.flat,h.outline]},se={showClearButton:!0,showValidationIcon:!0,size:g.defaultOptions.size,rounded:g.defaultOptions.rounded,fillMode:g.defaultOptions.fillMode,separators:!0},Ne=e=>{let{size:t=se.size,rounded:o=se.rounded,fillMode:a=se.fillMode,separators:r=se.separators,showClearButton:p=se.showClearButton,showValidationIcon:c=se.showValidationIcon,prefix:u,suffix:d,type:f,value:b,placeholder:L,hover:S,focus:y,valid:T,invalid:C,required:H,loading:M,disabled:$,readonly:ye,...Ze}=e;return(0,A.jsxs)(g,{...Ze,size:t,rounded:o,fillMode:a,hover:S,focus:y,valid:T,invalid:C,required:H,loading:M,disabled:$,readonly:ye,className:n(e.className,So),children:[u&&(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(Fe,{children:u}),r&&(0,A.jsx)(de,{})]}),(0,A.jsx)(_,{placeholder:L,value:b,type:f}),c&&(0,A.jsx)(X,{valid:T,invalid:C,loading:M,disabled:$}),(0,A.jsx)(J,{loading:M,disabled:$}),p&&(0,A.jsx)(G,{loading:M,disabled:$,readonly:ye,value:b}),d&&(0,A.jsxs)(A.Fragment,{children:[r&&(0,A.jsx)(de,{}),(0,A.jsx)(Je,{children:d})]})]})};Ne.states=Cn;Ne.options=Mn;Ne.className=So;Ne.defaultOptions=se;var Tn=require("react/jsx-runtime");var Io=require("react/jsx-runtime");var go=require("react/jsx-runtime");var z=require("react/jsx-runtime"),ko="k-actionsheet-titlebar",zn={},W=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:r,filter:p,input:c,inputValue:u,inputPlaceholder:d,adaptive:f,children:b,...L}=e;return(0,z.jsxs)("div",{...L,className:n(e.className,ko),children:[(0,z.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,z.jsx)("div",{className:"k-actionsheet-actions",children:a}),!b&&(0,z.jsxs)("div",{className:"k-actionsheet-title",children:[t&&(0,z.jsx)("div",{className:"k-text-center",children:t}),o&&(0,z.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),b&&(0,z.jsx)("div",{className:"k-actionsheet-title",children:b}),r&&(0,z.jsx)("div",{className:"k-actionsheet-actions",children:r})]}),(c||p)&&(0,z.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?(0,z.jsx)(Ne,{value:u,placeholder:d,size:f?"large":"medium"}):(0,z.jsx)(ve,{placeholder:"Filter",size:f?"large":"medium"})})]})};W.className=ko;W.defaultOptions=zn;var Le=require("react/jsx-runtime"),zt="k-actionsheet-view",En=[],On={},Hn={},Se=e=>{let{adaptive:t,animated:o,children:a,header:r,footer:p,...c}=e,u=(r==null?void 0:r.type)===W&&(0,Le.jsx)(W,{adaptive:t,...r==null?void 0:r.props}),d=(p==null?void 0:p.type)===Mt&&(0,Le.jsx)(Mt,{...p==null?void 0:p.props});return(0,Le.jsxs)("div",{...c,className:n(e.className,zt,{[`${zt}-animated`]:o}),children:[u,(0,Le.jsx)("div",{className:"k-actionsheet-content",children:a}),d]})};Se.states=En;Se.options=On;Se.className=zt;Se.defaultOptions=Hn;var ne=require("react/jsx-runtime"),Ao="k-actionsheet",Kn=[],Rn={},He={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},ie=e=>{let{side:t=He.side,fullscreen:o=He.fullscreen,adaptive:a=He.adaptive,overlay:r=He.overlay,template:p,children:c,header:u,footer:d,...f}=e;return(0,ne.jsxs)("div",{className:"k-actionsheet-container",children:[r&&(0,ne.jsx)("div",{className:"k-overlay"}),(0,ne.jsx)(q,{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:(0,ne.jsx)("div",{...f,className:n(e.className,Ao,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:p||(0,ne.jsx)(Se,{header:u,footer:d,adaptive:a,...e,children:c})})})]})};ie.states=Kn;ie.options=Rn;ie.className=Ao;ie.defaultOptions=He;var Pn=require("react/jsx-runtime");var O=require("react/jsx-runtime"),Et="k-actionsheet-item",wn=[s.hover,s.focus,s.selected,s.disabled],Ot=e=>{let{iconName:t,text:o,description:a,hover:r,focus:p,selected:c,disabled:u,...d}=e;return(0,O.jsxs)("span",{...d,className:n(e.className,Et,k(Et,{hover:r,focus:p,selected:c,disabled:u})),children:[!e.children&&(0,O.jsx)(O.Fragment,{children:(0,O.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,O.jsx)("span",{className:"k-icon-wrap",children:(0,O.jsx)(I,{className:"k-actionsheet-item-icon",icon:t})}),(0,O.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,O.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,O.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Ot.states=wn;Ot.className=Et;var Co=require("react/jsx-runtime");var Vn=require("react/jsx-runtime");var $n=require("react/jsx-runtime");var Bn=require("react/jsx-runtime");var x=require("react/jsx-runtime"),To="k-multiselect",Gn=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],_n={size:[i.small,i.medium,i.large],rounded:[m.small,m.medium,m.large,m.full],fillMode:[h.solid,h.flat,h.outline]},Ke={size:g.defaultOptions.size,rounded:g.defaultOptions.rounded,fillMode:g.defaultOptions.fillMode,separators:!0},Re=e=>{let{size:t=Ke.size,rounded:o=Ke.rounded,fillMode:a=Ke.fillMode,separators:r=Ke.separators,prefix:p,suffix:c,value:u,placeholder:d,tags:f,popup:b,showArrowButton:L,hover:S,focus:y,valid:T,invalid:C,required:H,loading:M,disabled:$,readonly:ye,opened:Ze,adaptive:Eo,adaptiveSettings:Oo,adaptiveTitle:Ho,adaptiveSubtitle:Ko,adaptiveCustomValue:Ro,...Po}=e;return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsxs)(g,{...Po,size:t,rounded:o,fillMode:a,hover:S,focus:y,valid:T,invalid:C,required:H,loading:M,disabled:$,readonly:ye,className:n(e.className,To),children:[p&&(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(Fe,{children:p}),r&&(0,x.jsx)(de,{})]}),(0,x.jsxs)("div",{className:"k-input-values",children:[(0,x.jsx)(he,{size:t,children:(0,x.jsx)(x.Fragment,{children:f})}),(0,x.jsx)(_,{placeholder:d,value:u})]}),(0,x.jsx)(X,{valid:T,invalid:C,loading:M,disabled:$}),(0,x.jsx)(J,{loading:M,disabled:$}),(0,x.jsx)(G,{loading:M,disabled:$,readonly:ye,value:f?"value":""}),c&&(0,x.jsxs)(x.Fragment,{children:[r&&(0,x.jsx)(de,{}),(0,x.jsx)(Je,{children:c})]}),L&&(0,x.jsx)(V,{className:"k-input-button",icon:"caret-alt-down",rounded:null,size:t,fillMode:a})]}),Ze&&b&&(0,x.jsx)(xe,{className:"k-list-container k-multiselect-popup",children:b}),Eo&&(0,x.jsx)(ie,{adaptive:!0,...Oo,header:(0,x.jsx)(W,{actionsEnd:(0,x.jsx)(V,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),input:!0,inputValue:u,inputPlaceholder:d,title:Ho,subtitle:Ko}),children:(0,x.jsx)("div",{className:"k-list-container",children:(0,x.jsxs)(E,{customValue:Ro?(0,x.jsx)(ce,{text:`Use "${u}"`}):void 0,size:"large",children:[(0,x.jsx)(N,{text:"List item"}),(0,x.jsx)(N,{text:"List item"}),(0,x.jsx)(N,{text:"List item"})]})})})]})};Re.states=Gn;Re.options=_n;Re.className=To;Re.defaultOptions=Ke;var zo=Re;var Q=require("react/jsx-runtime"),Xn=e=>(0,Q.jsx)(zo,{opened:!0,popup:(0,Q.jsxs)(E,{children:[(0,Q.jsx)(N,{children:"List item"}),(0,Q.jsx)(N,{children:"List item"}),(0,Q.jsx)(N,{children:"List item"}),(0,Q.jsx)(N,{children:"List item"})]}),...e});