@progress/kendo-themes-html/dist/cjs/multiselect/templates/multiselect-custom-value.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,{MultiSelectCustomValue:()=>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 P=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===w?(y.props.root===!0?(d=y.props.label,y.props.children.map((A,K)=>{S.push((0,P.jsx)(N,{...A.props},`optChild-${K}-${new Date().getTime()}`))})):y.props.children.forEach((A,K)=>{let M="";K===0&&(M=y.props.label),S.push((0,P.jsx)(N,{className:K===0?"k-first":"",...A.props,groupLabel:M},`groupLabel-${K}-${new Date().getTime()}`))}),f=(0,P.jsx)(w,{label:d,virtualization:o,children:S})):y.type===N&&(S.push((0,P.jsx)(N,{...y.props},`${y.type}-${T}`)),b=(0,P.jsx)(re,{virtualization:o,children:S}),c&&(L=(0,P.jsxs)(Ie,{className:"k-sr-only",children:[S.length," items found."]})))}):L=(0,P.jsx)(Ie,{children:"No data found."}),(0,P.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 V=require("react/jsx-runtime"),et="k-list",Uo=[],Wo={size:[i.small,i.medium,i.large]},Pt={size:i.medium},Z=e=>{let{size:t=Pt.size,virtualization:o,children:a,...r}=e,p,c,u,d=[];return a?a.map((f,b)=>{f.type===w?(f.props.root===!0?(p=f.props.label,f.props.children.map((L,S)=>{d.push((0,V.jsx)(N,{...L.props},`optChild-${S}-${new Date().getTime()}`))})):(d.push((0,V.jsx)(wt,{...f.props,children:f.props.label},`listChild-${b}`)),f.props.children.map((L,S)=>{d.push((0,V.jsx)(N,{...L.props},`fwOptChild-${S}-${new Date().getTime()}`))})),c=(0,V.jsx)(w,{label:p,virtualization:o,children:d})):f.type===N&&(d.push((0,V.jsx)(N,{...f.props},`${f.type}-${b}`)),u=(0,V.jsx)(re,{virtualization:o,children:d}))}):u=(0,V.jsx)(Ie,{children:"No data found."}),(0,V.jsxs)("div",{...r,className:n(e.className,et,v(et,{size:t}),{"k-virtual-list":o}),children:[c,u]})};Z.states=Uo;Z.options=Wo;Z.className=et;Z.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: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}))})})};J.states=Qo;J.options=Yo;J.className=we;J.defaultOptions=tt;var Bt=require("react/jsx-runtime"),Vt="k-checkbox-list",Zo=[],jo={},$t={layout:"vertical"},le=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})};le.states=Zo;le.options=jo;le.className=Vt;le.defaultOptions=$t;var _t=require("react/jsx-runtime"),Gt="k-checkbox-list-item",es=[],ts={},os={},pe=e=>{let{...t}=e;return(0,_t.jsx)("li",{...t,className:n(e.className,Gt),children:e.children})};pe.states=es;pe.options=ts;pe.className=Gt;pe.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 j=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"},Ce=e=>{let{size:t,themeColor:o,rotate:a,flip:r,viewBox:p=Dt.viewBox,icon:c,...u}=e;if(!c)return(0,j.jsx)(j.Fragment,{});c==="none"&&{...u,className:n(e.className,pt,"k-none")};let d=typeof c=="object"&&c.name&&c.name;return(0,j.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,j.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})})};Ce.states=ls;Ce.options=ps;Ce.className=pt;Ce.defaultOptions=Dt;var ct=Ce;var Ft=Xo(require("@progress/kendo-svg-icons")),G=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,G.jsx)(G.Fragment,{});if(r==="svg"){if(a==="none")return(0,G.jsx)(ct,{...d,icon:a,size:t});let f=cs(`${a}-icon`);return Ft[f]?(0,G.jsx)(ct,{...d,icon:Ft[f],size:t,themeColor:o,rotate:p,flip:c,viewBox:u}):(0,G.jsx)(G.Fragment,{})}return(0,G.jsx)(Xt,{...d,icon:a,size:t,themeColor:o,rotate:p,flip:c})};I.states=ms;I.options=ds;I.defaultOptions=mt;var ee=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,ee.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,ee.jsx)(J,{checked:u}),r&&(0,ee.jsx)(I,{icon:p}),(0,ee.jsx)("span",{className:"k-list-item-text",children:y}),o&&o!==""&&(0,ee.jsx)("div",{className:"k-list-item-group-label",children:o})]})};N.states=us;N.options=fs;N.className=dt;N.defaultOptions=hs;var ce=require("react/jsx-runtime"),xs="k-list-content",re=e=>{let{virtualization:t,...o}=e;return(0,ce.jsxs)("div",{...o,className:n(xs,e.className),children:[(0,ce.jsx)("ul",{className:n("k-list-ul"),children:e.children}),t&&(0,ce.jsx)("div",{className:"k-height-container",children:(0,ce.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 te=require("react/jsx-runtime"),w=e=>{let{virtualization:t,label:o}=e;return(0,te.jsxs)(te.Fragment,{children:[o&&(0,te.jsx)(Jt,{children:o}),e.children&&(0,te.jsx)(re,{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={},q=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})};q.states=ys;q.options=Is;q.className=xt;q.defaultOptions=gs;var ks=require("react/jsx-runtime");var Cs=require("react/jsx-runtime");var Wt=require("react/jsx-runtime");var Qt=require("react/jsx-runtime");var As=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={},_=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"})})};_.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,v(bt,e)),placeholder:a,autoComplete:r,defaultValue:t})};X.states=Ks;X.options=Rs;X.className=bt;var Ae=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,Ae.jsxs)("span",{...c,className:n(e.className,vt,v(vt,e)),children:[r,!r&&p&&(0,Ae.jsx)(I,{className:"k-input-value-icon",icon:p}),a&&!t&&o,a&&t&&(0,Ae.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],U=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")})};U.states=Bs;U.className=io;var Te=require("react/jsx-runtime"),ao="k-input-validation-icon",Gs=[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)(I,{className:n(ao),icon:p})};D.states=Gs;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 R=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]},oe={size:i.medium,rounded:m.medium,fillMode:h.solid,themeColor:l.base,showArrow:!1,arrowIconName:"caret-alt-down"},$=e=>{let{size:t=oe.size,rounded:o=oe.rounded,fillMode:a=oe.fillMode,themeColor:r=oe.themeColor,showArrow:p=oe.showArrow,arrowIconName:c=oe.arrowIconName,hover:u,focus:d,active:f,selected:b,disabled:L,icon:S,text:y,iconClassName:T,...A}=e,K=S!==void 0,M=e.children!==void 0;return(0,R.jsxs)("button",{...A,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&&K}),children:[S&&(0,R.jsx)(I,{className:n(T,"k-button-icon"),icon:S}),y?(0,R.jsxs)(R.Fragment,{children:[y&&(0,R.jsx)("span",{className:"k-button-text",children:y}),e.children]}):e.children&&(0,R.jsx)("span",{className:"k-button-text",children:e.children}),p&&(0,R.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,R.jsx)(I,{icon:c})})]})};$.states=Qs;$.options=Ys;$.className=qe;$.defaultOptions=oe;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]},se={type:"text",size:i.medium,rounded:m.full,fillMode:h.solid,themeColor:l.primary,border:!1},ue=e=>{let{size:t=se.size,rounded:o=se.rounded,fillMode:a=se.fillMode,themeColor:r=se.themeColor,type:p=se.type,border:c=se.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=se;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:b,focus:L,active:S,selected:y,disabled:T,...A}=e;return(0,F.jsxs)("div",{...A,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,F.jsx)(I,{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"),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"},W=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})})};W.states=bn;W.options=vn;W.className=uo;W.defaultOptions=fo;var Ct=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,Ct.jsx)(W,{positionMode:o,offset:t,animationStyle:a,children:(0,Ct.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={},At={alignment:"start",orientation:"horizontal"},be=e=>{let{alignment:t=At.alignment,orientation:o=At.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=At;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 Q=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,...A}=e;return(0,Q.jsxs)(g,{...A,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,Q.jsx)(I,{className:"k-input-icon",icon:T}),(0,Q.jsx)(X,{placeholder:o,value:t}),(0,Q.jsx)(U,{...e}),(0,Q.jsx)(D,{...e}),(0,Q.jsx)(_,{...e})]})};ve.states=gn;ve.options=kn;ve.className=Lo;ve.defaultOptions=Tt;var Cn=require("react/jsx-runtime");var C=require("react/jsx-runtime"),So="k-textbox",An=[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]},ne={showClearButton:!0,showValidationIcon:!0,size:g.defaultOptions.size,rounded:g.defaultOptions.rounded,fillMode:g.defaultOptions.fillMode,separators:!0},Ne=e=>{let{size:t=ne.size,rounded:o=ne.rounded,fillMode:a=ne.fillMode,separators:r=ne.separators,showClearButton:p=ne.showClearButton,showValidationIcon:c=ne.showValidationIcon,prefix:u,suffix:d,type:f,value:b,placeholder:L,hover:S,focus:y,valid:T,invalid:A,required:K,loading:M,disabled:B,readonly:ye,...Ze}=e;return(0,C.jsxs)(g,{...Ze,size:t,rounded:o,fillMode:a,hover:S,focus:y,valid:T,invalid:A,required:K,loading:M,disabled:B,readonly:ye,className:n(e.className,So),children:[u&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(Fe,{children:u}),r&&(0,C.jsx)(de,{})]}),(0,C.jsx)(X,{placeholder:L,value:b,type:f}),c&&(0,C.jsx)(D,{valid:T,invalid:A,loading:M,disabled:B}),(0,C.jsx)(U,{loading:M,disabled:B}),p&&(0,C.jsx)(_,{loading:M,disabled:B,readonly:ye,value:b}),d&&(0,C.jsxs)(C.Fragment,{children:[r&&(0,C.jsx)(de,{}),(0,C.jsx)(Je,{children:d})]})]})};Ne.states=An;Ne.options=Mn;Ne.className=So;Ne.defaultOptions=ne;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={},Y=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"})})]})};Y.className=ko;Y.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)===Y&&(0,Le.jsx)(Y,{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 ie=require("react/jsx-runtime"),Co="k-actionsheet",Kn=[],Rn={},He={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},ae=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,ie.jsxs)("div",{className:"k-actionsheet-container",children:[r&&(0,ie.jsx)("div",{className:"k-overlay"}),(0,ie.jsx)(W,{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,ie.jsx)("div",{...f,className:n(e.className,Co,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":a}),children:p||(0,ie.jsx)(Se,{header:u,footer:d,adaptive:a,...e,children:c})})})]})};ae.states=Kn;ae.options=Rn;ae.className=Co;ae.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 Ao=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:A,required:K,loading:M,disabled:B,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:A,required:K,loading:M,disabled:B,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:A,loading:M,disabled:B}),(0,x.jsx)(U,{loading:M,disabled:B}),(0,x.jsx)(_,{loading:M,disabled:B,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)($,{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)(ae,{adaptive:!0,...Oo,header:(0,x.jsx)(Y,{actionsEnd:(0,x.jsx)($,{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)(q,{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 H=require("react/jsx-runtime"),Xn=({value:e="Custom value",...t})=>(0,H.jsx)(zo,{value:e,opened:!0,popup:(0,H.jsx)(H.Fragment,{children:(0,H.jsxs)(E,{customValue:(0,H.jsx)(q,{text:`Use "${e}"`}),children:[(0,H.jsx)(N,{children:"List item"}),(0,H.jsx)(N,{children:"List item"}),(0,H.jsx)(N,{children:"List item"}),(0,H.jsx)(N,{children:"List item"})]})}),...t});