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

A collection of HTML helpers used for developing Kendo UI themes

var wo=Object.create;var Pe=Object.defineProperty;var Go=Object.getOwnPropertyDescriptor;var Vo=Object.getOwnPropertyNames;var $o=Object.getPrototypeOf,Bo=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 Vo(t))!Bo.call(e,r)&&r!==o&&Pe(e,r,{get:()=>t[r],enumerable:!(a=Go(t,r))||a.enumerable});return e};var Xo=(e,t,o)=>(o=e!=null?wo($o(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,{MultiSelectGrouping:()=>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 N=(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",ge=e=>(0,Kt.jsx)("span",{className:n(Fo,e.className),children:e.children});var w=require("react/jsx-runtime"),je="k-list",Jo=[],qo={size:[i.small,i.medium,i.large]},Rt={size:i.medium},O=e=>{let{size:t=Rt.size,virtualization:o,children:a,optionLabel:r,customValue:p,screenReaders:c,...u}=e,d,f,v,L,S=[];return a?a.map((y,T)=>{y.type===z?(y.props.root===!0?(d=y.props.label,y.props.children.map((C,R)=>{S.push((0,w.jsx)(b,{...C.props},`optChild-${R}-${new Date().getTime()}`))})):y.props.children.forEach((C,R)=>{let M="";R===0&&(M=y.props.label),S.push((0,w.jsx)(b,{className:R===0?"k-first":"",...C.props,groupLabel:M},`groupLabel-${R}-${new Date().getTime()}`))}),f=(0,w.jsx)(z,{label:d,virtualization:o,children:S})):y.type===b&&(S.push((0,w.jsx)(b,{...y.props},`${y.type}-${T}`)),v=(0,w.jsx)(ae,{virtualization:o,children:S}),c&&(L=(0,w.jsxs)(ge,{className:"k-sr-only",children:[S.length," items found."]})))}):L=(0,w.jsx)(ge,{children:"No data found."}),(0,w.jsxs)("div",{...u,className:n(e.className,je,N(je,{size:t}),{"k-virtual-list":o}),children:[r,p,f,v,L]})};O.states=Jo;O.options=qo;O.className=je;O.defaultOptions=Rt;var G=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,v)=>{f.type===z?(f.props.root===!0?(p=f.props.label,f.props.children.map((L,S)=>{d.push((0,G.jsx)(b,{...L.props},`optChild-${S}-${new Date().getTime()}`))})):(d.push((0,G.jsx)(wt,{...f.props,children:f.props.label},`listChild-${v}`)),f.props.children.map((L,S)=>{d.push((0,G.jsx)(b,{...L.props},`fwOptChild-${S}-${new Date().getTime()}`))})),c=(0,G.jsx)(z,{label:p,virtualization:o,children:d})):f.type===b&&(d.push((0,G.jsx)(b,{...f.props},`${f.type}-${v}`)),u=(0,G.jsx)(ae,{virtualization:o,children:d}))}):u=(0,G.jsx)(ge,{children:"No data found."}),(0,G.jsxs)("div",{...r,className:n(e.className,et,N(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},J=e=>{let{id:t,checked:o,indeterminate:a,hover:r,focus:p,disabled:c,invalid:u,valid:d,required:f,size:v=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,N(we,{size:v,rounded:L}),k(we,{hover:r,focus:p,disabled:c,invalid:u,valid:d,indeterminate:a,checked:o}))})})};J.states=Qo;J.options=Yo;J.className=we;J.defaultOptions=tt;var $t=require("react/jsx-runtime"),Gt="k-checkbox-list",Zo=[],jo={},Vt={layout:"vertical"},re=e=>{let{layout:t=Vt.layout,...o}=e;return(0,$t.jsx)("ul",{...o,className:n(e.className,Gt,{[`k-list-${t}`]:t}),children:e.children})};re.states=Zo;re.options=jo;re.className=Gt;re.defaultOptions=Vt;var _t=require("react/jsx-runtime"),Bt="k-checkbox-list-item",es=[],ts={},os={},le=e=>{let{...t}=e;return(0,_t.jsx)("li",{...t,className:n(e.className,Bt),children:e.children})};le.states=es;le.options=ts;le.className=Bt;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 Ie=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,Ie.jsx)("span",{...c,className:n(e.className,lt,N(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,Ie.jsx)(Ie.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,N("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"},g=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})};g.states=ms;g.options=ds;g.defaultOptions=mt;var j=require("react/jsx-runtime"),dt="k-list-item",us=[s.hover,s.focus,s.selected,s.disabled],fs={},hs={},b=e=>{let{text:t,groupLabel:o,group:a,showIcon:r,iconName:p,showCheckbox:c,checked:u,hover:d,focus:f,selected:v,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:v})),children:[c&&(0,j.jsx)(J,{checked:u}),r&&(0,j.jsx)(g,{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})]})};b.states=us;b.options=fs;b.className=dt;b.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"),z=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={},Ge=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})};Ge.states=Ns;Ge.options=Ls;Ge.className=ht;Ge.defaultOptions=Ss;var Ut=require("react/jsx-runtime"),xt="k-list-custom-value",ys=[s.hover,s.focus,s.selected,s.disabled],gs={},Is={},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=gs;ce.className=xt;ce.defaultOptions=Is;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"),Ve="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]},$e={size:i.medium,rounded:i.medium,fillMode:h.solid},I=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:v=$e.fillMode,...L}=e;return(0,jt.jsx)("span",{...L,className:n(e.className,Ve,N(Ve,{size:d,rounded:f,fillMode:v}),k(Ve,{hover:t,focus:o,disabled:a,invalid:r,valid:p,loading:c,readonly:u}))})};I.states=Ms;I.options=Ts;I.className=Ve;I.defaultOptions=$e;var eo=require("react/jsx-runtime"),Be="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:v=_e.fillMode,...L}=e;return(0,eo.jsx)("span",{...L,className:n(e.className,Be,N(Be,{size:d,rounded:f,fillMode:v}),k(Be,{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=Be;Xe.defaultOptions=_e;var me=require("react/jsx-runtime"),to="k-clear-value",Os=[s.disabled,s.loading,s.readonly],Hs={},_=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)(g,{icon:"x"})})};_.states=Os;_.options=Hs;_.className=to;var oo=require("react/jsx-runtime"),bt="k-input-inner",Ks=[],Rs={},De={type:"text",autocomplete:"off",value:"",placeholder:""},X=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,N(bt,e)),placeholder:a,autoComplete:r,defaultValue:t})};X.states=Ks;X.options=Rs;X.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,N(vt,e)),children:[r,!r&&p&&(0,Ce.jsx)(g,{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",Gs=[],Vs={},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,N(Lt,e)),placeholder:o,rows:a,defaultValue:t})};St.states=Gs;St.options=Vs;St.className=Lt;var Me=require("react/jsx-runtime"),io="k-input-loading-icon",$s=[s.disabled,s.loading],q=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")})};q.states=$s;q.className=io;var Te=require("react/jsx-runtime"),ao="k-input-validation-icon",Bs=[s.valid,s.invalid,s.disabled,s.loading],_s={},D=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)(g,{className:n(ao),icon:p})};D.states=Bs;D.options=_s;D.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 P=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:v,disabled:L,icon:S,text:y,iconClassName:T,...C}=e,R=S!==void 0,M=e.children!==void 0;return(0,P.jsxs)("button",{...C,className:n(e.className,qe,N(qe,{size:t,rounded:o,fillMode:a,themeColor:r}),k(qe,{hover:u,focus:d,active:f,disabled:L,selected:v}),{"k-icon-button":!y&&!M&&R}),children:[S&&(0,P.jsx)(g,{className:n(T,"k-button-icon"),icon:S}),y?(0,P.jsxs)(P.Fragment,{children:[y&&(0,P.jsx)("span",{className:"k-button-text",children:y}),e.children]}):e.children&&(0,P.jsx)("span",{className:"k-button-text",children:e.children}),p&&(0,P.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,P.jsx)(g,{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,N(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 F=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:v,focus:L,active:S,selected:y,disabled:T,...C}=e;return(0,F.jsxs)("div",{...C,className:n(e.className,Ue,N(Ue,{size:t,rounded:o,fillMode:a,themeColor:r}),k(Ue,{hover:v,focus:L,active:S,disabled:T,selected:y})),children:[c&&(0,F.jsx)(g,{className:"k-chip-icon",icon:c,size:"small"}),d&&(0,F.jsx)(ue,{className:"k-chip-avatar",type:"image",children:(0,F.jsx)("img",{src:f})}),(0,F.jsx)("span",{className:"k-chip-content",children:e.children?e.children:p&&(0,F.jsx)("span",{className:"k-chip-label",children:p})}),u&&(0,F.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"),gt="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,gt,N(gt,{size:t})),children:e.children})};he.states=cn;he.options=mn;he.className=gt;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 It=require("react/jsx-runtime");var kt=require("react/jsx-runtime"),uo="k-animation-container",bn=[],vn={},fo={positionMode:"absolute"},U=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})})};U.states=bn;U.options=vn;U.className=uo;U.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)(U,{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"),gn="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,gn),children:e.children})};var W=require("react/jsx-runtime"),Lo="k-searchbox",In=[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:I.defaultOptions.size,rounded:I.defaultOptions.rounded,fillMode:I.defaultOptions.fillMode},ve=e=>{let{value:t,placeholder:o,size:a,rounded:r,fillMode:p,hover:c,focus:u,valid:d,invalid:f,required:v,loading:L,disabled:S,showIcon:y=Tt.showIcon,icon:T=Tt.icon,...C}=e;return(0,W.jsxs)(I,{...C,size:a,rounded:r,fillMode:p,hover:c,focus:u,valid:d,invalid:f,required:v,loading:L,disabled:S,className:n(e.className,Lo),children:[y&&(0,W.jsx)(g,{className:"k-input-icon",icon:T}),(0,W.jsx)(X,{placeholder:o,value:t}),(0,W.jsx)(q,{...e}),(0,W.jsx)(D,{...e}),(0,W.jsx)(_,{...e})]})};ve.states=In;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:I.defaultOptions.size,rounded:I.defaultOptions.rounded,fillMode:I.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:v,placeholder:L,hover:S,focus:y,valid:T,invalid:C,required:R,loading:M,disabled:$,readonly:ye,...Ze}=e;return(0,A.jsxs)(I,{...Ze,size:t,rounded:o,fillMode:a,hover:S,focus:y,valid:T,invalid:C,required:R,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)(X,{placeholder:L,value:v,type:f}),c&&(0,A.jsx)(D,{valid:T,invalid:C,loading:M,disabled:$}),(0,A.jsx)(q,{loading:M,disabled:$}),p&&(0,A.jsx)(_,{loading:M,disabled:$,readonly:ye,value:v}),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 go=require("react/jsx-runtime");var Io=require("react/jsx-runtime");var E=require("react/jsx-runtime"),ko="k-actionsheet-titlebar",zn={},Q=e=>{let{title:t,subtitle:o,actionsStart:a,actionsEnd:r,filter:p,input:c,inputValue:u,inputPlaceholder:d,adaptive:f,children:v,...L}=e;return(0,E.jsxs)("div",{...L,className:n(e.className,ko),children:[(0,E.jsxs)("div",{className:"k-actionsheet-titlebar-group",children:[a&&(0,E.jsx)("div",{className:"k-actionsheet-actions",children:a}),!v&&(0,E.jsxs)("div",{className:"k-actionsheet-title",children:[t&&(0,E.jsx)("div",{className:"k-text-center",children:t}),o&&(0,E.jsx)("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),v&&(0,E.jsx)("div",{className:"k-actionsheet-title",children:v}),r&&(0,E.jsx)("div",{className:"k-actionsheet-actions",children:r})]}),(c||p)&&(0,E.jsx)("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?(0,E.jsx)(Ne,{value:u,placeholder:d,size:f?"large":"medium"}):(0,E.jsx)(ve,{placeholder:"Filter",size:f?"large":"medium"})})]})};Q.className=ko;Q.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)===Q&&(0,Le.jsx)(Q,{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)(U,{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 H=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,H.jsxs)("span",{...d,className:n(e.className,Et,k(Et,{hover:r,focus:p,selected:c,disabled:u})),children:[!e.children&&(0,H.jsx)(H.Fragment,{children:(0,H.jsxs)("span",{className:"k-actionsheet-action",children:[t&&(0,H.jsx)("span",{className:"k-icon-wrap",children:(0,H.jsx)(g,{className:"k-actionsheet-item-icon",icon:t})}),(0,H.jsxs)("span",{className:"k-actionsheet-item-text",children:[o&&(0,H.jsx)("span",{className:"k-actionsheet-item-title",children:o}),a&&(0,H.jsx)("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};Ot.states=wn;Ot.className=Et;var Co=require("react/jsx-runtime");var Gn=require("react/jsx-runtime");var Vn=require("react/jsx-runtime");var $n=require("react/jsx-runtime");var x=require("react/jsx-runtime"),To="k-multiselect",Bn=[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:I.defaultOptions.size,rounded:I.defaultOptions.rounded,fillMode:I.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:v,showArrowButton:L,hover:S,focus:y,valid:T,invalid:C,required:R,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)(I,{...Po,size:t,rounded:o,fillMode:a,hover:S,focus:y,valid:T,invalid:C,required:R,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)(X,{placeholder:d,value:u})]}),(0,x.jsx)(D,{valid:T,invalid:C,loading:M,disabled:$}),(0,x.jsx)(q,{loading:M,disabled:$}),(0,x.jsx)(_,{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&&v&&(0,x.jsx)(xe,{className:"k-list-container k-multiselect-popup",children:v}),Eo&&(0,x.jsx)(ie,{adaptive:!0,...Oo,header:(0,x.jsx)(Q,{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)(O,{customValue:Ro?(0,x.jsx)(ce,{text:`Use "${u}"`}):void 0,size:"large",children:[(0,x.jsx)(b,{text:"List item"}),(0,x.jsx)(b,{text:"List item"}),(0,x.jsx)(b,{text:"List item"})]})})})]})};Re.states=Bn;Re.options=_n;Re.className=To;Re.defaultOptions=Ke;var zo=Re;var K=require("react/jsx-runtime"),Xn=e=>(0,K.jsx)(zo,{opened:!0,popup:(0,K.jsxs)(O,{children:[(0,K.jsxs)(z,{label:"Group 1",root:!0,children:[(0,K.jsx)(b,{children:"List group 1 item 1"}),(0,K.jsx)(b,{children:"List group 1 item 2"}),(0,K.jsx)(b,{children:"List group 1 item 3"})]}),(0,K.jsxs)(z,{label:"Group 2",children:[(0,K.jsx)(b,{children:"List group 1 item 1"}),(0,K.jsx)(b,{children:"List group 1 item 2"}),(0,K.jsx)(b,{children:"List group 1 item 3"})]})]}),...e});