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