@progress/kendo-themes-html/dist/esm/multiselect/templates/multiselect-suffix.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 L=(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:x,loading:N,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":x&&!m,"k-loading":N,"k-empty":A,"k-readonly":M,"k-highlighted":T},Object.keys(I).reduce((y,C)=>(C.startsWith("k-")?y[C]=I[C]:y[`k-${C}`]=I[C],y),{}))};function $t(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{Fragment as rn,jsx as Xt}from"react/jsx-runtime";var it="k-font-icon",nn=[],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]},an={},Se=e=>{let{size:t,themeColor:o,icon:i,rotate:r,flip:p,...m}=e;return i?Xt("span",{...m,className:s(e.className,it,L(it,{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"})}):Xt(rn,{})};Se.states=nn;Se.options=sn;Se.className=it;Se.defaultOptions=an;var Gt=Se;import{Fragment as mn,jsx as ze}from"react/jsx-runtime";var at="k-svg-icon",ln=[],pn={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]},Jt={viewBox:"0 0 24 24"},Ee=e=>{let{size:t,themeColor:o,rotate:i,flip:r,viewBox:p=Jt.viewBox,icon:m,...u}=e;if(!m)return ze(mn,{});m==="none"&&{...u,className:s(e.className,at,"k-none")};let d=typeof m=="object"&&m.name&&m.name;return ze("span",{...u,className:s(e.className,at,L("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:ze("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})})};Ee.states=ln;Ee.options=pn;Ee.className=at;Ee.defaultOptions=Jt;var rt=Ee;import*as lt from"@progress/kendo-svg-icons";var qt="icon",Wt="icons";import{Fragment as Qt,jsx as Ce}from"react/jsx-runtime";var Pe="k-icon",cn=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),dn=[],un={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]},pt={viewBox:"0 0 24 24",type:"svg"},b=e=>{let{size:t,themeColor:o,icon:i,type:r=pt.type,rotate:p,flip:m,viewBox:u=pt.viewBox,...d}=e;if(!i)return Ce(Qt,{});if(r==="svg"){if(i==="none")return Ce(rt,{...d,className:s(e.className,Pe),icon:i,size:t});let f=lt[i]?i:cn(`${i}-icon`);return lt[f]?Ce(rt,{...d,className:s(e.className,Pe),icon:lt[f],size:t,themeColor:o,rotate:p,flip:m,viewBox:u}):Ce(Qt,{})}return Ce(Gt,{...d,className:s(e.className,Pe),icon:i,size:t,themeColor:o,rotate:p,flip:m})};b.states=dn;b.options=un;b.defaultOptions=pt;b.className=Pe;b.moduleName=qt;b.folderName=Wt;var mt="button",Yt=mt;import{Fragment as Nn,jsx as ve,jsxs as Zt}from"react/jsx-runtime";var Ie="k-button",fn=["icon-button"],hn=[n.hover,n.focus,n.active,n.selected,n.disabled,n.generating],xn={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]},oe={size:a.medium,rounded:c.medium,fillMode:h.solid,themeColor:l.base,showArrow:!1,arrowIconName:"caret-alt-down"},g=e=>{let{size:t=oe.size,rounded:o=oe.rounded,fillMode:i=oe.fillMode,themeColor:r=oe.themeColor,showArrow:p=oe.showArrow,arrowIconName:m=oe.arrowIconName,variant:u,hover:d,focus:f,active:x,selected:N,disabled:A,icon:M,text:T,iconClassName:I,...y}=e,C=M!==void 0,K=e.children!==void 0;return Zt("button",{...y,className:s(e.className,Ie,$t(Ie,u),L(Ie,{size:t,rounded:o,fillMode:i,themeColor:r}),O(Ie,{hover:d,focus:f,active:x,disabled:A,selected:N}),{"k-icon-button":!T&&!K&&C}),children:[M&&ve(b,{className:s(I,"k-button-icon"),icon:M}),T?Zt(Nn,{children:[T&&ve("span",{className:"k-button-text",children:T}),e.children]}):e.children&&ve("span",{className:"k-button-text",children:e.children}),p&&ve("span",{className:"k-menu-button-arrow k-button-arrow",children:ve(b,{icon:m})})]})};g.states=hn;g.options=xn;g.variants=fn;g.className=Ie;g.defaultOptions=oe;g.moduleName=mt;g.folderName=Yt;import{jsx as Zi}from"react/jsx-runtime";import{jsx as oa}from"react/jsx-runtime";import{jsx as Ln}from"react/jsx-runtime";var ct=e=>Ln(g,{children:"Button",...e});import{jsx as De}from"react/jsx-runtime";var bn="k-chip-action";var we=e=>{let{type:t,...o}=e,i;switch(t){case"remove":i=De(b,{icon:"x-circle",size:"small"});break;case"more":i=De(b,{icon:"more-vertical",size:"small"});break;default:return De(b,{icon:t,size:"small"})}return De("span",{...o,className:s(e.className,bn,`k-chip-${t}-action`),children:i})};var dt="avatar",jt=dt;import{jsx as eo}from"react/jsx-runtime";var Te="k-avatar";var An=[n.hover,n.focus,n.active,n.selected,n.disabled],Mn={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]},ne={type:"text",size:a.medium,rounded:c.full,fillMode:h.solid,themeColor:l.primary,border:!1},F=e=>{let{size:t=ne.size,rounded:o=ne.rounded,fillMode:i=ne.fillMode,themeColor:r=ne.themeColor,type:p=ne.type,border:m=ne.border,...u}=e;return eo("div",{...u,className:s(e.className,Te,L(Te,{size:t,rounded:o,fillMode:i,themeColor:r}),{[`${Te}-bordered`]:m}),children:eo("span",{className:`${Te}-${p}`,children:e.children})})};F.states=An;F.options=Mn;F.className=Te;F.defaultOptions=ne;F.moduleName=dt;F.folderName=jt;import{jsx as Ea}from"react/jsx-runtime";import{jsx as Ta}from"react/jsx-runtime";import{jsx as ka}from"react/jsx-runtime";var Oe="chip",Be=Oe;import{jsx as le,jsxs as Cn}from"react/jsx-runtime";var Ue="k-chip",Sn=[n.hover,n.focus,n.active,n.selected,n.disabled],En={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]},pe={size:a.medium,rounded:c.medium,fillMode:h.solid,themeColor:l.base,avatarImage:"/packages/html/assets/avatar.jpg"},V=e=>{let{size:t=pe.size,rounded:o=pe.rounded,fillMode:i=pe.fillMode,themeColor:r=pe.themeColor,text:p,icon:m,actions:u,showAvatar:d,avatarImage:f=pe.avatarImage,hover:x,focus:N,active:A,selected:M,disabled:T,...I}=e;return Cn("div",{...I,className:s(e.className,Ue,L(Ue,{size:t,rounded:o,fillMode:i,themeColor:r}),O(Ue,{hover:x,focus:N,active:A,disabled:T,selected:M})),children:[m&&le(b,{className:"k-chip-icon",icon:m,size:"small"}),d&&le(F,{className:"k-chip-avatar",type:"image",children:le("img",{src:f})}),le("span",{className:"k-chip-content",children:e.children?e.children:p&&le("span",{className:"k-chip-label",children:p})}),u&&le("span",{className:"k-chip-actions",children:u})]})};V.states=Sn;V.options=En;V.className=Ue;V.defaultOptions=pe;V.moduleName=Oe;V.folderName=Be;import{jsx as Tn}from"react/jsx-runtime";var ut="k-chip-list",vn=[],In={size:[a.small,a.medium,a.large]},oo={size:a.medium},$=e=>{let{size:t=oo.size,...o}=e;return Tn("div",{...o,className:s(e.className,ut,L(ut,{size:t})),children:e.children})};$.states=vn;$.options=In;$.className=ut;$.defaultOptions=oo;$.moduleName=Oe;$.folderName=Be;import{jsx as Ya}from"react/jsx-runtime";import{jsx as tr}from"react/jsx-runtime";import{jsx as ir}from"react/jsx-runtime";import{jsx as mr}from"react/jsx-runtime";import{Fragment as xr,jsx as hr,jsxs as Nr}from"react/jsx-runtime";var ye="input",Ve=ye;import{jsx as gn}from"react/jsx-runtime";var $e="k-input",On=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],yn={size:[a.small,a.medium,a.large],rounded:[c.small,c.medium,c.large,c.full],fillMode:[h.solid,h.flat,h.outline]},Xe={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=Xe.size,rounded:f=Xe.rounded,fillMode:x=Xe.fillMode,...N}=e;return gn("span",{...N,className:s(e.className,$e,L($e,{size:d,rounded:f,fillMode:x}),O($e,{hover:t,focus:o,disabled:i,invalid:r,valid:p,loading:m,readonly:u}))})};E.states=On;E.options=yn;E.className=$e;E.defaultOptions=Xe;E.moduleName=ye;E.folderName=Ve;import{jsx as _n}from"react/jsx-runtime";var Ge="k-picker",kn=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Kn={size:[a.small,a.medium,a.large],rounded:[c.small,c.medium,c.large,c.full],fillMode:[h.solid,h.flat,h.outline]},Je={size:a.medium,rounded:c.medium,fillMode:h.solid},me=e=>{let{hover:t,focus:o,disabled:i,invalid:r,valid:p,loading:m,readonly:u,size:d=Je.size,rounded:f=Je.rounded,fillMode:x=Je.fillMode,...N}=e;return _n("span",{...N,className:s(e.className,Ge,L(Ge,{size:d,rounded:f,fillMode:x}),O(Ge,{hover:t,focus:o,disabled:i,invalid:r,valid:p,loading:m,readonly:u})),children:e.children})};me.states=kn;me.options=Kn;me.className=Ge;me.defaultOptions=Je;me.moduleName=ye;me.folderName=Ve;import{Fragment as zn,jsx as ft}from"react/jsx-runtime";var no="k-clear-value",Rn=[n.disabled,n.loading,n.readonly],Hn={},z=e=>{let{disabled:t,loading:o,readonly:i,value:r}=e;return t||i||o||!r?ft(zn,{}):ft("span",{className:s(e.className,no),children:ft(b,{icon:"x"})})};z.states=Rn;z.options=Hn;z.className=no;import{jsx as wn}from"react/jsx-runtime";var ht="k-input-inner",Pn=[],Dn={},qe={type:"text",autocomplete:"off",value:"",placeholder:""},P=e=>{let{value:t=qe.value,type:o=qe.type,placeholder:i=qe.placeholder,autocomplete:r=qe.autocomplete,...p}=e;return wn("input",{...p,type:o,className:s(e.className,ht,L(ht,e)),placeholder:i,autoComplete:r,defaultValue:t})};P.states=Pn;P.options=Dn;P.className=ht;import{jsx as so,jsxs as Fn}from"react/jsx-runtime";var xt="k-input-inner",Bn=[],Un={},Nt=e=>{let{value:t,placeholder:o,showValue:i,valueIcon:r,valueIconName:p,...m}=e;return Fn("span",{...m,className:s(e.className,xt,L(xt,e)),children:[r,!r&&p&&so(b,{className:"k-input-value-icon",icon:p}),i&&!t&&o,i&&t&&so("span",{className:"k-input-value-text",children:t})]})};Nt.states=Bn;Nt.options=Un;Nt.className=xt;import{jsx as Xn}from"react/jsx-runtime";var Lt="k-input-inner",Vn=[],$n={},io={value:"",placeholder:""},bt=e=>{let{value:t=io.value,placeholder:o=io.placeholder,rows:i,...r}=e;return Xn("textarea",{...r,className:s(e.className,Lt,L(Lt,e)),placeholder:o,rows:i,defaultValue:t})};bt.states=Vn;bt.options=$n;bt.className=Lt;import{Fragment as Jn,jsx as ao}from"react/jsx-runtime";var ro="k-input-loading-icon",Gn=[n.disabled,n.loading],X=e=>{let{disabled:t,loading:o}=e;return t||!o?ao(Jn,{}):ao("span",{className:s(e.className,ro,"k-icon k-i-loading")})};X.states=Gn;X.className=ro;import{Fragment as Qn,jsx as lo}from"react/jsx-runtime";var po="k-input-validation-icon",qn=[n.valid,n.invalid,n.disabled,n.loading],Wn={},D=e=>{let{valid:t,invalid:o,disabled:i,loading:r}=e,p=o?"warning-circle":"check-circle";return i||r||!!!(t||o)?lo(Qn,{}):lo(b,{className:s(po),icon:p})};D.states=qn;D.options=Wn;D.className=po;import{Fragment as jn,jsx as mo}from"react/jsx-runtime";var Yn="k-input-prefix",Zn={direction:"horizontal"},We=e=>{let{direction:t=Zn.direction,...o}=e;return e.children?mo("span",{...o,className:s(Yn,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):mo(jn,{})};import{Fragment as os,jsx as co}from"react/jsx-runtime";var es="k-input-suffix",ts={direction:"horizontal"},Qe=e=>{let{direction:t=ts.direction,...o}=e;return e.children?co("span",{...o,className:s(es,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):co(os,{})};import{jsx as dl}from"react/jsx-runtime";import{jsx as xl}from"react/jsx-runtime";import{jsx as ss}from"react/jsx-runtime";var uo="k-input-separator",ns={direction:"vertical"},ce=e=>{let{direction:t=ns.direction,...o}=e;return ss("span",{...o,className:s(uo,e.className,{[`${uo}-${t}`]:t})})};var At="popup",fo=At;import{jsx as ho}from"react/jsx-runtime";var xo="k-animation-container",is=[],as={},No={positionMode:"absolute"},_=e=>{let{positionMode:t=No.positionMode,animationStyle:o,offset:i,...r}=e;return ho("div",{...r,style:{...i,...e.style},className:s(e.className,xo,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:ho("div",{className:"k-child-animation-container",style:o,children:e.children})})};_.states=is;_.options=as;_.className=xo;_.defaultOptions=No;_.moduleName=At;_.folderName=fo;var Mt="popup",Lo=Mt;import{jsx as bo}from"react/jsx-runtime";var Ao="k-popup",rs=[],ls={},Mo={positionMode:"absolute"},G=e=>{let{offset:t,positionMode:o=Mo.positionMode,animationStyle:i,...r}=e;return bo(_,{positionMode:o,offset:t,animationStyle:i,children:bo("div",{...r,className:s(e.className,Ao),children:e.children})})};G.states=rs;G.options=ls;G.className=Ao;G.defaultOptions=Mo;G.moduleName=Mt;G.folderName=Lo;var St="action-buttons",So=St;import{jsx as cs}from"react/jsx-runtime";var Ye="k-actions",ps=[],ms={},Et={alignment:"start",orientation:"horizontal"},J=e=>{let{alignment:t=Et.alignment,orientation:o=Et.orientation,...i}=e;return cs("div",{...i,className:s(Ye,{[`${Ye}-${t}`]:t,[`${Ye}-${o}`]:o},e.className),children:e.children})};J.states=ps;J.options=ms;J.className=Ye;J.defaultOptions=Et;J.moduleName=St;J.folderName=So;import{jsx as us}from"react/jsx-runtime";var ds="k-actionsheet-footer",Eo={alignment:"stretched",orientation:"horizontal"},Ct=e=>{let{alignment:t=Eo.alignment,orientation:o=Eo.orientation,template:i,as:r=i?"div":J,...p}=e;return us(r,{...p,...!i&&{alignment:t,orientation:o},className:s(e.className,ds),children:e.children})};var vt="searchbox",Co=vt;import{jsx as ge,jsxs as xs}from"react/jsx-runtime";var vo="k-searchbox",fs=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],hs={size:[a.small,a.medium,a.large],rounded:[c.small,c.medium,c.large,c.full],fillMode:[h.solid,h.flat,h.outline]},It={showIcon:!0,icon:"search",size:E.defaultOptions.size,rounded:E.defaultOptions.rounded,fillMode:E.defaultOptions.fillMode},q=e=>{let{value:t,placeholder:o,size:i,rounded:r,fillMode:p,hover:m,focus:u,valid:d,invalid:f,required:x,loading:N,disabled:A,showIcon:M=It.showIcon,icon:T=It.icon,...I}=e;return xs(E,{...I,size:i,rounded:r,fillMode:p,hover:m,focus:u,valid:d,invalid:f,required:x,loading:N,disabled:A,className:s(e.className,vo),children:[M&&ge(b,{className:"k-input-icon",icon:T}),ge(P,{placeholder:o,value:t}),ge(X,{...e}),ge(D,{...e}),ge(z,{...e})]})};q.states=fs;q.options=hs;q.className=vo;q.defaultOptions=It;q.moduleName=vt;q.folderName=Co;import{jsx as Np}from"react/jsx-runtime";var Tt="textbox",Io=Tt;import{Fragment as To,jsx as W,jsxs as Ot}from"react/jsx-runtime";var Oo="k-textbox",Ns=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Ls={size:[a.small,a.medium,a.large],rounded:[c.small,c.medium,c.large,c.full],fillMode:[h.solid,h.flat,h.outline]},se={showClearButton:!0,showValidationIcon:!0,size:E.defaultOptions.size,rounded:E.defaultOptions.rounded,fillMode:E.defaultOptions.fillMode,separators:!0},Q=e=>{let{size:t=se.size,rounded:o=se.rounded,fillMode:i=se.fillMode,separators:r=se.separators,showClearButton:p=se.showClearButton,showValidationIcon:m=se.showValidationIcon,prefix:u,suffix:d,type:f,value:x,placeholder:N,hover:A,focus:M,valid:T,invalid:I,required:y,loading:C,disabled:K,readonly:Me,...st}=e;return Ot(E,{...st,size:t,rounded:o,fillMode:i,hover:A,focus:M,valid:T,invalid:I,required:y,loading:C,disabled:K,readonly:Me,className:s(e.className,Oo),children:[u&&Ot(To,{children:[W(We,{children:u}),r&&W(ce,{})]}),W(P,{placeholder:N,value:x,type:f}),m&&W(D,{valid:T,invalid:I,loading:C,disabled:K}),W(X,{loading:C,disabled:K}),p&&W(z,{loading:C,disabled:K,readonly:Me,value:x}),d&&Ot(To,{children:[r&&W(ce,{}),W(Qe,{children:d})]})]})};Q.states=Ns;Q.options=Ls;Q.className=Oo;Q.defaultOptions=se;Q.moduleName=Tt;Q.folderName=Io;import{jsx as gp}from"react/jsx-runtime";import{Fragment as zp,jsx as Hp}from"react/jsx-runtime";import{Fragment as Fp,jsx as Up}from"react/jsx-runtime";import{jsx as Y,jsxs as yt}from"react/jsx-runtime";var go="k-actionsheet-titlebar",bs={},Z=e=>{let{title:t,subtitle:o,actionsStart:i,actionsEnd:r,filter:p,input:m,inputValue:u,inputPlaceholder:d,adaptive:f,children:x,...N}=e;return yt("div",{...N,className:s(e.className,go),children:[yt("div",{className:"k-actionsheet-titlebar-group",children:[i&&Y("div",{className:"k-actionsheet-actions",children:i}),!x&&yt("div",{className:"k-actionsheet-title",children:[t&&Y("div",{className:"k-text-center",children:t}),o&&Y("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),x&&Y("div",{className:"k-actionsheet-title",children:x}),r&&Y("div",{className:"k-actionsheet-actions",children:r})]}),(m||p)&&Y("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:m?Y(Q,{value:u,placeholder:d,size:f?"large":"medium"}):Y(q,{placeholder:"Filter",size:f?"large":"medium"})})]})};Z.className=go;Z.defaultOptions=bs;import{jsx as gt,jsxs as Es}from"react/jsx-runtime";var kt="k-actionsheet-view",As=[],Ms={},Ss={},de=e=>{let{adaptive:t,animated:o,children:i,header:r,footer:p,...m}=e,u=r?.type===Z&&gt(Z,{adaptive:t,...r?.props}),d=p?.type===Ct&&gt(Ct,{...p?.props});return Es("div",{...m,className:s(e.className,kt,{[`${kt}-animated`]:o}),children:[u,gt("div",{className:"k-actionsheet-content",children:i}),d]})};de.states=As;de.options=Ms;de.className=kt;de.defaultOptions=Ss;var ke="action-sheet",Ze=ke;import{jsx as je,jsxs as Is}from"react/jsx-runtime";var ko="k-actionsheet",Cs=[],vs={},Ke={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},w=e=>{let{side:t=Ke.side,fullscreen:o=Ke.fullscreen,adaptive:i=Ke.adaptive,overlay:r=Ke.overlay,template:p,children:m,header:u,footer:d,...f}=e;return Is("div",{className:"k-actionsheet-container",children:[r&&je("div",{className:"k-overlay"}),je(_,{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:je("div",{...f,className:s(e.className,ko,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":i}),children:p||je(de,{header:u,footer:d,adaptive:i,...e,children:m})})})]})};w.states=Cs;w.options=vs;w.className=ko;w.defaultOptions=Ke;w.moduleName=ke;w.folderName=Ze;import{jsx as gs}from"react/jsx-runtime";var Ko="k-actionsheet-container",Ts=[],Os={},ys={},ue=e=>{let{children:t,...o}=e;return gs("div",{...o,className:Ko,children:t})};ue.states=Ts;ue.options=Os;ue.className=Ko;ue.defaultOptions=ys;ue.moduleName=ke;ue.folderName=Ze;import{jsx as Nm}from"react/jsx-runtime";import{Fragment as Ks,jsx as _e,jsxs as Kt}from"react/jsx-runtime";var _t="k-actionsheet-item",ks=[n.hover,n.focus,n.selected,n.disabled],Rt=e=>{let{iconName:t,text:o,description:i,hover:r,focus:p,selected:m,disabled:u,...d}=e;return Kt("span",{...d,className:s(e.className,_t,O(_t,{hover:r,focus:p,selected:m,disabled:u})),children:[!e.children&&_e(Ks,{children:Kt("span",{className:"k-actionsheet-action",children:[t&&_e("span",{className:"k-icon-wrap",children:_e(b,{className:"k-actionsheet-item-icon",icon:t})}),Kt("span",{className:"k-actionsheet-item-text",children:[o&&_e("span",{className:"k-actionsheet-item-title",children:o}),i&&_e("span",{className:"k-actionsheet-item-description",children:i})]})]})}),e.children]})};Rt.states=ks;Rt.className=_t;import{jsx as Im,jsxs as Tm}from"react/jsx-runtime";import{jsx as km}from"react/jsx-runtime";import{jsx as Hm}from"react/jsx-runtime";import{jsx as wm}from"react/jsx-runtime";import{jsx as Rs}from"react/jsx-runtime";var _s="k-no-data",Re=e=>Rs("span",{className:s(_s,e.className),children:e.children});var B="list",j=B;import{jsx as fe,jsxs as Ro}from"react/jsx-runtime";var Ht="k-list",Hs=[],zs={size:[a.small,a.medium,a.large]},Ho={size:a.medium},k=e=>{let{size:t=Ho.size,virtualization:o,children:i,optionLabel:r,customValue:p,screenReaders:m,...u}=e,d,f,x,N,A=[];return i?i.map((M,T)=>{M.type===R?(M.props.root===!0?(d=M.props.label,M.props.children.map((I,y)=>{A.push(fe(S,{...I.props},`optChild-${y}-${new Date().getTime()}`))})):M.props.children.forEach((I,y)=>{let C="";y===0&&(C=M.props.label),A.push(fe(S,{className:y===0?"k-first":"",...I.props,groupLabel:C},`groupLabel-${y}-${new Date().getTime()}`))}),f=fe(R,{label:d,virtualization:o,children:A})):M.type===S&&(A.push(fe(S,{...M.props},`${M.type}-${T}`)),x=fe(he,{virtualization:o,children:A}),m&&(N=Ro(Re,{className:"k-sr-only",children:[A.length," items found."]})))}):N=fe(Re,{children:"No data found."}),Ro("div",{...u,className:s(e.className,Ht,L(Ht,{size:t}),{"k-virtual-list":o}),children:[r,p,f,x,N]})};k.states=Hs;k.options=zs;k.className=Ht;k.defaultOptions=Ho;k.moduleName=B;k.folderName=j;import{jsx as Bs}from"react/jsx-runtime";var zo="k-list-container",Ps=[],Ds={},ws={},xe=e=>{let{...t}=e;return Bs("div",{...t,className:s(e.className,zo),children:e.children})};xe.states=Ps;xe.options=Ds;xe.className=zo;xe.defaultOptions=ws;xe.moduleName=B;xe.folderName=j;import{jsx as ie,jsxs as Vs}from"react/jsx-runtime";var zt="k-list",Us=[],Fs={size:[a.small,a.medium,a.large]},Po={size:a.medium},U=e=>{let{size:t=Po.size,virtualization:o,children:i,...r}=e,p,m,u,d=[];return i?i.map((f,x)=>{f.type===R?(f.props.root===!0?(p=f.props.label,f.props.children.map((N,A)=>{d.push(ie(S,{...N.props},`optChild-${A}-${new Date().getTime()}`))})):(d.push(ie(Do,{...f.props,children:f.props.label},`listChild-${x}`)),f.props.children.map((N,A)=>{d.push(ie(S,{...N.props},`fwOptChild-${A}-${new Date().getTime()}`))})),m=ie(R,{label:p,virtualization:o,children:d})):f.type===S&&(d.push(ie(S,{...f.props},`${f.type}-${x}`)),u=ie(he,{virtualization:o,children:d}))}):u=ie(Re,{children:"No data found."}),Vs("div",{...r,className:s(e.className,zt,L(zt,{size:t}),{"k-virtual-list":o}),children:[m,u]})};U.states=Us;U.options=Fs;U.className=zt;U.defaultOptions=Po;U.moduleName=B;U.folderName=j;var ae="checkbox",Ne=ae;import{jsx as wo}from"react/jsx-runtime";var et="k-checkbox",$s=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],Xs={size:[a.small,a.medium,a.large],rounded:[c.small,c.medium,c.large,c.full]},Pt={size:a.medium,rounded:c.medium},H=e=>{let{id:t,checked:o,indeterminate:i,hover:r,focus:p,disabled:m,invalid:u,valid:d,required:f,size:x=Pt.size,rounded:N=Pt.rounded,...A}=e;return wo("span",{className:"k-checkbox-wrap",children:wo("input",{...A,id:t,type:"checkbox",defaultChecked:o,required:f,className:s(e.className,et,L(et,{size:x,rounded:N}),O(et,{hover:r,focus:p,disabled:m,invalid:u,valid:d,indeterminate:i,checked:o}))})})};H.states=$s;H.options=Xs;H.className=et;H.defaultOptions=Pt;H.moduleName=ae;H.folderName=Ne;import{jsx as qs}from"react/jsx-runtime";var Bo="k-checkbox-list",Gs=[],Js={},Uo={layout:"vertical"},ee=e=>{let{layout:t=Uo.layout,...o}=e;return qs("ul",{...o,className:s(e.className,Bo,{[`k-list-${t}`]:t}),children:e.children})};ee.states=Gs;ee.options=Js;ee.className=Bo;ee.defaultOptions=Uo;ee.moduleName=ae;ee.folderName=Ne;import{jsx as Zs}from"react/jsx-runtime";var Fo="k-checkbox-list-item",Ws=[],Qs={},Ys={},te=e=>{let{...t}=e;return Zs("li",{...t,className:s(e.className,Fo),children:e.children})};te.states=Ws;te.options=Qs;te.className=Fo;te.defaultOptions=Ys;te.moduleName=ae;te.folderName=Ne;import{Fragment as Pc,jsx as zc,jsxs as Dc}from"react/jsx-runtime";import{Fragment as Vc,jsx as Fc,jsxs as $c}from"react/jsx-runtime";import{Fragment as Wc,jsx as qc,jsxs as Qc}from"react/jsx-runtime";import{Fragment as td,jsx as ed,jsxs as od}from"react/jsx-runtime";import{jsx as ad}from"react/jsx-runtime";import{jsx as md}from"react/jsx-runtime";import{jsx as tt,jsxs as oi}from"react/jsx-runtime";var wt="k-list-item",js=[n.hover,n.focus,n.selected,n.disabled],ei={},ti={},S=e=>{let{text:t,groupLabel:o,group:i,showIcon:r,iconName:p,showCheckbox:m,checked:u,hover:d,focus:f,selected:x,disabled:N,...A}=e,M=t||e.children;return oi("li",{...A,className:s(e.className,i?"k-list-group-item":wt,O(wt,{hover:d,focus:f,disabled:N,selected:x})),children:[m&&tt(H,{checked:u}),r&&tt(b,{icon:p}),tt("span",{className:"k-list-item-text",children:M}),o&&o!==""&&tt("div",{className:"k-list-item-group-label",children:o})]})};S.states=js;S.options=ei;S.className=wt;S.defaultOptions=ti;S.moduleName=B;S.folderName=j;import{jsx as Bt,jsxs as si}from"react/jsx-runtime";var ni="k-list-content",he=e=>{let{virtualization:t,...o}=e;return si("div",{...o,className:s(ni,e.className),children:[Bt("ul",{className:s("k-list-ul"),children:e.children}),t&&Bt("div",{className:"k-height-container",children:Bt("div",{})})]})};import{jsx as Vo}from"react/jsx-runtime";var ii="k-list-group-sticky-header",$o=e=>Vo("div",{className:s(ii,e.className),children:Vo("div",{className:"k-list-header-text",children:e.children})});import{Fragment as ai,jsx as Xo,jsxs as ri}from"react/jsx-runtime";var R=e=>{let{virtualization:t,label:o}=e;return ri(ai,{children:[o&&Xo($o,{children:o}),e.children&&Xo(he,{virtualization:t,children:e.children})]})};import{jsx as Go}from"react/jsx-runtime";var li="k-list-group-item",Do=e=>Go("li",{className:s(li,e.className),children:Go("span",{className:"k-list-item-text",children:e.children})});import{jsx as di}from"react/jsx-runtime";var Ut="k-list-optionlabel",pi=[n.hover,n.focus,n.selected,n.disabled],mi={},ci={},ot=e=>{let{text:t,hover:o,focus:i,selected:r,disabled:p,...m}=e;return di("div",{...m,className:s(Ut,O(Ut,{hover:o,focus:i,selected:r,disabled:p})),children:t})};ot.states=pi;ot.options=mi;ot.className=Ut;ot.defaultOptions=ci;import{jsx as xi}from"react/jsx-runtime";var Ft="k-list-custom-value",ui=[n.hover,n.focus,n.selected,n.disabled],fi={},hi={},Le=e=>{let{text:t,hover:o,focus:i,selected:r,disabled:p,...m}=e;return xi("div",{...m,className:s(Ft,O(Ft,{hover:o,focus:i,selected:r,disabled:p})),children:t})};Le.states=ui;Le.options=fi;Le.className=Ft;Le.defaultOptions=hi;import{jsx as qd}from"react/jsx-runtime";import{jsx as Zd}from"react/jsx-runtime";import{jsx as ou,jsxs as nu}from"react/jsx-runtime";import{jsx as ru,jsxs as lu}from"react/jsx-runtime";import{jsx as du}from"react/jsx-runtime";import{jsx as xu,jsxs as Nu}from"react/jsx-runtime";import{jsx as Mu,jsxs as Su}from"react/jsx-runtime";var Vt="multiselect",Jo=Vt;import{Fragment as nt,jsx as v,jsxs as be}from"react/jsx-runtime";var qo="k-multiselect",Ni=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],Li={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:x,showArrowButton:N,hover:A,focus:M,valid:T,invalid:I,required:y,loading:C,disabled:K,readonly:Me,opened:st,adaptive:Yo,adaptiveSettings:Zo,adaptiveTitle:jo,adaptiveSubtitle:en,adaptiveCustomValue:tn,...on}=e;return be(nt,{children:[be(E,{...on,size:t,rounded:o,fillMode:i,hover:A,focus:M,valid:T,invalid:I,required:y,loading:C,disabled:K,readonly:Me,className:s(e.className,qo),children:[p&&be(nt,{children:[v(We,{children:p}),r&&v(ce,{})]}),be("div",{className:"k-input-values",children:[v($,{size:t,children:v(nt,{children:f})}),v(P,{placeholder:d,value:u})]}),v(D,{valid:T,invalid:I,loading:C,disabled:K}),v(X,{loading:C,disabled:K}),v(z,{loading:C,disabled:K,readonly:Me,value:f?"value":""}),m&&be(nt,{children:[r&&v(ce,{}),v(Qe,{children:m})]}),N&&v(g,{className:"k-input-button",icon:"caret-alt-down",rounded:null,size:t,fillMode:i})]}),st&&x&&v(G,{className:"k-list-container k-multiselect-popup",children:x}),Yo&&v(w,{adaptive:!0,...Zo,header:v(Z,{actionsEnd:v(g,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),input:!0,inputValue:u,inputPlaceholder:d,title:jo,subtitle:en}),children:v("div",{className:"k-list-container",children:be(k,{customValue:tn?v(Le,{text:`Use "${u}"`}):void 0,size:"large",children:[v(S,{text:"List item"}),v(S,{text:"List item"}),v(S,{text:"List item"})]})})})]})};re.states=Ni;re.options=Li;re.className=qo;re.defaultOptions=He;re.moduleName=Vt;re.folderName=Jo;var Wo=re;import{Fragment as Qo,jsx as Ae}from"react/jsx-runtime";var nf=e=>Ae(Wo,{suffix:Ae(Qo,{children:Ae(ct,{fillMode:"clear",children:"Cc"})}),tags:Ae(Qo,{children:Ae(V,{text:"Suffix",actions:Ae(we,{type:"remove"})})}),...e});export{nf as MultiSelectSuffix};