@progress/kendo-themes-html/dist/esm/multiselect/templates/multiselect-prefix.mjs

A collection of HTML helpers used for developing Kendo UI themes

var n=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?n(...t):typeof t=="object"?Object.keys(t).map((s,a)=>t[a]||t[s]&&s||null).filter(s=>s!==null).join(" "):t).filter(t=>!!t).join(" ");var b=(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"},o={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"};import{jsx as Io}from"react/jsx-runtime";var ke="k-input",yo=[o.hover,o.focus,o.valid,o.invalid,o.required,o.disabled,o.loading,o.readonly],go={size:[i.small,i.medium,i.large],rounded:[m.small,m.medium,m.large,m.full],fillMode:[h.solid,h.flat,h.outline]},Ae={size:i.medium,rounded:i.medium,fillMode:h.solid},I=e=>{let{hover:t,focus:s,disabled:a,invalid:r,valid:p,loading:c,readonly:u,size:d=Ae.size,rounded:f=Ae.rounded,fillMode:x=Ae.fillMode,...v}=e;return Io("span",{...v,className:n(e.className,ke,b(ke,{size:d,rounded:f,fillMode:x}),k(ke,{hover:t,focus:s,disabled:a,invalid:r,valid:p,loading:c,readonly:u}))})};I.states=yo;I.options=go;I.className=ke;I.defaultOptions=Ae;import{jsx as Co}from"react/jsx-runtime";var Ce="k-picker",ko=[o.hover,o.focus,o.valid,o.invalid,o.required,o.disabled,o.loading,o.readonly],Ao={size:[i.small,i.medium,i.large],rounded:[m.small,m.medium,m.large,m.full],fillMode:[h.solid,h.flat,h.outline]},Me={size:i.medium,rounded:m.medium,fillMode:h.solid},Te=e=>{let{hover:t,focus:s,disabled:a,invalid:r,valid:p,loading:c,readonly:u,size:d=Me.size,rounded:f=Me.rounded,fillMode:x=Me.fillMode,...v}=e;return Co("span",{...v,className:n(e.className,Ce,b(Ce,{size:d,rounded:f,fillMode:x}),k(Ce,{hover:t,focus:s,disabled:a,invalid:r,valid:p,loading:c,readonly:u})),children:e.children})};Te.states=ko;Te.options=Ao;Te.className=Ce;Te.defaultOptions=Me;import{Fragment as Eo,jsx as St}from"react/jsx-runtime";var Je="k-icon k-font-icon",Mo=[],To={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]},zo={},fe=e=>{let{size:t,themeColor:s,icon:a,rotate:r,flip:p,...c}=e;return a?St("span",{...c,className:n(e.className,Je,b(Je,{size:t}),{[`k-i-${a}`]:a,[`k-color-${s}`]:s,[`k-rotate-${r}`]:r,"k-flip-h":p==="h"||p==="both","k-flip-v":p==="v"||p==="both"})}):St(Eo,{})};fe.states=Mo;fe.options=To;fe.className=Je;fe.defaultOptions=zo;var yt=fe;import{Fragment as Ko,jsx as ze}from"react/jsx-runtime";var qe="k-icon k-svg-icon",Oo=[],Ho={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]},gt={viewBox:"0 0 24 24"},he=e=>{let{size:t,themeColor:s,rotate:a,flip:r,viewBox:p=gt.viewBox,icon:c,...u}=e;if(!c)return ze(Ko,{});c==="none"&&{...u,className:n(e.className,qe,"k-none")};let d=typeof c=="object"&&c.name&&c.name;return ze("span",{...u,className:n(e.className,qe,b("k-icon",{size:t}),{[`k-svg-i-${d}`]:d,[`k-color-${s}`]:s,[`k-rotate-${a}`]:a,"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 c=="object"?c.viewBox:p,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:e.children})})};he.states=Oo;he.options=Ho;he.className=qe;he.defaultOptions=gt;var Ue=he;import*as It from"@progress/kendo-svg-icons";import{Fragment as kt,jsx as xe}from"react/jsx-runtime";var Ro=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),Po=[],wo={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]},We={viewBox:"0 0 24 24",type:"svg"},N=e=>{let{size:t,themeColor:s,icon:a,type:r=We.type,rotate:p,flip:c,viewBox:u=We.viewBox,...d}=e;if(!a)return xe(kt,{});if(r==="svg"){if(a==="none")return xe(Ue,{...d,icon:a,size:t});let f=Ro(`${a}-icon`);return It[f]?xe(Ue,{...d,icon:It[f],size:t,themeColor:s,rotate:p,flip:c,viewBox:u}):xe(kt,{})}return xe(yt,{...d,icon:a,size:t,themeColor:s,rotate:p,flip:c})};N.states=Po;N.options=wo;N.defaultOptions=We;import{Fragment as Bo,jsx as Qe}from"react/jsx-runtime";var At="k-clear-value",Vo=[o.disabled,o.loading,o.readonly],$o={},K=e=>{let{disabled:t,loading:s,readonly:a,value:r}=e;return t||a||s||!r?Qe(Bo,{}):Qe("span",{className:n(e.className,At),children:Qe(N,{icon:"x"})})};K.states=Vo;K.options=$o;K.className=At;import{jsx as Xo}from"react/jsx-runtime";var Ye="k-input-inner",Go=[],_o={},Ee={type:"text",autocomplete:"off",value:"",placeholder:""},R=e=>{let{value:t=Ee.value,type:s=Ee.type,placeholder:a=Ee.placeholder,autocomplete:r=Ee.autocomplete,...p}=e;return Xo("input",{...p,type:s,className:n(e.className,Ye,b(Ye,e)),placeholder:a,autoComplete:r,defaultValue:t})};R.states=Go;R.options=_o;R.className=Ye;import{jsx as Ct,jsxs as Jo}from"react/jsx-runtime";var Ze="k-input-inner",Do=[],Fo={},je=e=>{let{value:t,placeholder:s,showValue:a,valueIcon:r,valueIconName:p,...c}=e;return Jo("span",{...c,className:n(e.className,Ze,b(Ze,e)),children:[r,!r&&p&&Ct(N,{className:"k-input-value-icon",icon:p}),a&&!t&&s,a&&t&&Ct("span",{className:"k-input-value-text",children:t})]})};je.states=Do;je.options=Fo;je.className=Ze;import{jsx as Wo}from"react/jsx-runtime";var et="k-input-inner",qo=[],Uo={},Mt={value:"",placeholder:""},tt=e=>{let{value:t=Mt.value,placeholder:s=Mt.placeholder,rows:a,...r}=e;return Wo("textarea",{...r,className:n(e.className,et,b(et,e)),placeholder:s,rows:a,defaultValue:t})};tt.states=qo;tt.options=Uo;tt.className=et;import{Fragment as Yo,jsx as Tt}from"react/jsx-runtime";var zt="k-input-loading-icon",Qo=[o.disabled,o.loading],w=e=>{let{disabled:t,loading:s}=e;return t||!s?Tt(Yo,{}):Tt("span",{className:n(e.className,zt,"k-icon k-i-loading")})};w.states=Qo;w.className=zt;import{Fragment as es,jsx as Et}from"react/jsx-runtime";var Ot="k-input-validation-icon",Zo=[o.valid,o.invalid,o.disabled,o.loading],jo={},P=e=>{let{valid:t,invalid:s,disabled:a,loading:r}=e,p=s?"warning-circle":"check-circle";return a||r||!!!(t||s)?Et(es,{}):Et(N,{className:n(Ot),icon:p})};P.states=Zo;P.options=jo;P.className=Ot;import{Fragment as ss,jsx as Ht}from"react/jsx-runtime";var ts="k-input-prefix",os={direction:"horizontal"},Oe=e=>{let{direction:t=os.direction,...s}=e;return e.children?Ht("span",{...s,className:n(ts,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):Ht(ss,{})};import{Fragment as as,jsx as Kt}from"react/jsx-runtime";var ns="k-input-suffix",is={direction:"horizontal"},He=e=>{let{direction:t=is.direction,...s}=e;return e.children?Kt("span",{...s,className:n(ns,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):Kt(as,{})};import{jsx as Oi}from"react/jsx-runtime";import{jsx as Pi}from"react/jsx-runtime";import{jsx as ls}from"react/jsx-runtime";var Rt="k-input-separator",rs={direction:"vertical"},W=e=>{let{direction:t=rs.direction,...s}=e;return ls("span",{...s,className:n(Rt,e.className,{[`${Rt}-${t}`]:t})})};import{Fragment as ms,jsx as be,jsxs as Pt}from"react/jsx-runtime";var Ke="k-button",ps=[o.hover,o.focus,o.active,o.selected,o.disabled],cs={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]},X={size:i.medium,rounded:m.medium,fillMode:h.solid,themeColor:l.base,showArrow:!1,arrowIconName:"caret-alt-down"},z=e=>{let{size:t=X.size,rounded:s=X.rounded,fillMode:a=X.fillMode,themeColor:r=X.themeColor,showArrow:p=X.showArrow,arrowIconName:c=X.arrowIconName,hover:u,focus:d,active:f,selected:x,disabled:v,icon:L,text:S,iconClassName:M,...A}=e,T=L!==void 0,C=e.children!==void 0;return Pt("button",{...A,className:n(e.className,Ke,b(Ke,{size:t,rounded:s,fillMode:a,themeColor:r}),k(Ke,{hover:u,focus:d,active:f,disabled:v,selected:x}),{"k-icon-button":!S&&!C&&T}),children:[L&&be(N,{className:n(M,"k-button-icon"),icon:L}),S?Pt(ms,{children:[S&&be("span",{className:"k-button-text",children:S}),e.children]}):e.children&&be("span",{className:"k-button-text",children:e.children}),p&&be("span",{className:"k-menu-button-arrow k-button-arrow",children:be(N,{icon:c})})]})};z.states=ps;z.options=cs;z.className=Ke;z.defaultOptions=X;import{jsx as ra}from"react/jsx-runtime";import{jsx as ma}from"react/jsx-runtime";import{jsx as ha}from"react/jsx-runtime";import{jsx as Re}from"react/jsx-runtime";var ds="k-chip-action";var Pe=e=>{let{type:t,...s}=e,a;switch(t){case"remove":a=Re(N,{icon:"x-circle",size:"small"});break;case"more":a=Re(N,{icon:"more-vertical",size:"small"});break;default:return Re(N,{icon:t,size:"small"})}return Re("span",{...s,className:n(e.className,ds,`k-chip-${t}-action`),children:a})};import{jsx as wt}from"react/jsx-runtime";var ve="k-avatar";var us=[o.hover,o.focus,o.active,o.selected,o.disabled],fs={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]},D={type:"text",size:i.medium,rounded:m.full,fillMode:h.solid,themeColor:l.primary,border:!1},Q=e=>{let{size:t=D.size,rounded:s=D.rounded,fillMode:a=D.fillMode,themeColor:r=D.themeColor,type:p=D.type,border:c=D.border,...u}=e;return wt("div",{...u,className:n(e.className,ve,b(ve,{size:t,rounded:s,fillMode:a,themeColor:r}),{[`${ve}-bordered`]:c}),children:wt("span",{className:`${ve}-${p}`,children:e.children})})};Q.states=us;Q.options=fs;Q.className=ve;Q.defaultOptions=D;import{jsx as Ea}from"react/jsx-runtime";import{jsx as Ra}from"react/jsx-runtime";import{jsx as $a}from"react/jsx-runtime";import{jsx as Y,jsxs as bs}from"react/jsx-runtime";var we="k-chip",hs=[o.hover,o.focus,o.active,o.selected,o.disabled],xs={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]},Z={size:i.medium,rounded:m.medium,fillMode:h.solid,themeColor:l.base,avatarImage:"/packages/html/assets/avatar.jpg"},j=e=>{let{size:t=Z.size,rounded:s=Z.rounded,fillMode:a=Z.fillMode,themeColor:r=Z.themeColor,text:p,icon:c,actions:u,showAvatar:d,avatarImage:f=Z.avatarImage,hover:x,focus:v,active:L,selected:S,disabled:M,...A}=e;return bs("div",{...A,className:n(e.className,we,b(we,{size:t,rounded:s,fillMode:a,themeColor:r}),k(we,{hover:x,focus:v,active:L,disabled:M,selected:S})),children:[c&&Y(N,{className:"k-chip-icon",icon:c,size:"small"}),d&&Y(Q,{className:"k-chip-avatar",type:"image",children:Y("img",{src:f})}),Y("span",{className:"k-chip-content",children:e.children?e.children:p&&Y("span",{className:"k-chip-label",children:p})}),u&&Y("span",{className:"k-chip-actions",children:u})]})};j.states=hs;j.options=xs;j.className=we;j.defaultOptions=Z;import{jsx as Ls}from"react/jsx-runtime";var ot="k-chip-list",vs=[],Ns={size:[i.small,i.medium,i.large]},$t={size:i.medium},ee=e=>{let{size:t=$t.size,...s}=e;return Ls("div",{...s,className:n(e.className,ot,b(ot,{size:t})),children:e.children})};ee.states=vs;ee.options=Ns;ee.className=ot;ee.defaultOptions=$t;import{jsx as or}from"react/jsx-runtime";import{jsx as ar}from"react/jsx-runtime";import{jsx as cr}from"react/jsx-runtime";import{jsx as hr}from"react/jsx-runtime";import{Fragment as Sr,jsx as Lr,jsxs as yr}from"react/jsx-runtime";import{jsx as Bt}from"react/jsx-runtime";var Gt="k-animation-container",Ss=[],ys={},_t={positionMode:"absolute"},V=e=>{let{positionMode:t=_t.positionMode,animationStyle:s,offset:a,...r}=e;return Bt("div",{...r,style:{...a,...e.style},className:n(e.className,Gt,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:Bt("div",{className:"k-child-animation-container",style:s,children:e.children})})};V.states=Ss;V.options=ys;V.className=Gt;V.defaultOptions=_t;import{jsx as Xt}from"react/jsx-runtime";var Dt="k-popup",gs=[],Is={},Ft={positionMode:"absolute"},te=e=>{let{offset:t,positionMode:s=Ft.positionMode,animationStyle:a,...r}=e;return Xt(V,{positionMode:s,offset:t,animationStyle:a,children:Xt("div",{...r,className:n(e.className,Dt),children:e.children})})};te.states=gs;te.options=Is;te.className=Dt;te.defaultOptions=Ft;import{jsx as Cs}from"react/jsx-runtime";var $e="k-actions",ks=[],As={},st={alignment:"start",orientation:"horizontal"},oe=e=>{let{alignment:t=st.alignment,orientation:s=st.orientation,...a}=e;return Cs("div",{...a,className:n($e,{[`${$e}-${t}`]:t,[`${$e}-${s}`]:s},e.className),children:e.children})};oe.states=ks;oe.options=As;oe.className=$e;oe.defaultOptions=st;import{jsx as Ts}from"react/jsx-runtime";var Ms="k-actionsheet-footer",Jt={alignment:"stretched",orientation:"horizontal"},nt=e=>{let{alignment:t=Jt.alignment,orientation:s=Jt.orientation,template:a,as:r=a?"div":oe,...p}=e;return Ts(r,{...p,...!a&&{alignment:t,orientation:s},className:n(e.className,Ms),children:e.children})};import{jsx as Ne,jsxs as Os}from"react/jsx-runtime";var qt="k-searchbox",zs=[o.hover,o.focus,o.valid,o.invalid,o.required,o.disabled,o.loading],Es={size:[i.small,i.medium,i.large],rounded:[m.small,m.medium,m.large,m.full],fillMode:[h.solid,h.flat,h.outline]},it={showIcon:!0,icon:"search",size:I.defaultOptions.size,rounded:I.defaultOptions.rounded,fillMode:I.defaultOptions.fillMode},se=e=>{let{value:t,placeholder:s,size:a,rounded:r,fillMode:p,hover:c,focus:u,valid:d,invalid:f,required:x,loading:v,disabled:L,showIcon:S=it.showIcon,icon:M=it.icon,...A}=e;return Os(I,{...A,size:a,rounded:r,fillMode:p,hover:c,focus:u,valid:d,invalid:f,required:x,loading:v,disabled:L,className:n(e.className,qt),children:[S&&Ne(N,{className:"k-input-icon",icon:M}),Ne(R,{placeholder:s,value:t}),Ne(w,{...e}),Ne(P,{...e}),Ne(K,{...e})]})};se.states=zs;se.options=Es;se.className=qt;se.defaultOptions=it;import{jsx as rl}from"react/jsx-runtime";import{Fragment as Ut,jsx as $,jsxs as at}from"react/jsx-runtime";var Wt="k-textbox",Hs=[o.hover,o.focus,o.valid,o.invalid,o.required,o.disabled,o.loading,o.readonly],Ks={size:[i.small,i.medium,i.large],rounded:[m.small,m.medium,m.large,m.full],fillMode:[h.solid,h.flat,h.outline]},F={showClearButton:!0,showValidationIcon:!0,size:I.defaultOptions.size,rounded:I.defaultOptions.rounded,fillMode:I.defaultOptions.fillMode,separators:!0},ne=e=>{let{size:t=F.size,rounded:s=F.rounded,fillMode:a=F.fillMode,separators:r=F.separators,showClearButton:p=F.showClearButton,showValidationIcon:c=F.showValidationIcon,prefix:u,suffix:d,type:f,value:x,placeholder:v,hover:L,focus:S,valid:M,invalid:A,required:T,loading:C,disabled:H,readonly:ue,...Fe}=e;return at(I,{...Fe,size:t,rounded:s,fillMode:a,hover:L,focus:S,valid:M,invalid:A,required:T,loading:C,disabled:H,readonly:ue,className:n(e.className,Wt),children:[u&&at(Ut,{children:[$(Oe,{children:u}),r&&$(W,{})]}),$(R,{placeholder:v,value:x,type:f}),c&&$(P,{valid:M,invalid:A,loading:C,disabled:H}),$(w,{loading:C,disabled:H}),p&&$(K,{loading:C,disabled:H,readonly:ue,value:x}),d&&at(Ut,{children:[r&&$(W,{}),$(He,{children:d})]})]})};ne.states=Hs;ne.options=Ks;ne.className=Wt;ne.defaultOptions=F;import{jsx as vl}from"react/jsx-runtime";import{Fragment as Il,jsx as gl}from"react/jsx-runtime";import{Fragment as El,jsx as zl}from"react/jsx-runtime";import{jsx as B,jsxs as rt}from"react/jsx-runtime";var Yt="k-actionsheet-titlebar",Rs={},G=e=>{let{title:t,subtitle:s,actionsStart:a,actionsEnd:r,filter:p,input:c,inputValue:u,inputPlaceholder:d,adaptive:f,children:x,...v}=e;return rt("div",{...v,className:n(e.className,Yt),children:[rt("div",{className:"k-actionsheet-titlebar-group",children:[a&&B("div",{className:"k-actionsheet-actions",children:a}),!x&&rt("div",{className:"k-actionsheet-title",children:[t&&B("div",{className:"k-text-center",children:t}),s&&B("div",{className:"k-actionsheet-subtitle k-text-center",children:s})]}),x&&B("div",{className:"k-actionsheet-title",children:x}),r&&B("div",{className:"k-actionsheet-actions",children:r})]}),(c||p)&&B("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:c?B(ne,{value:u,placeholder:d,size:f?"large":"medium"}):B(se,{placeholder:"Filter",size:f?"large":"medium"})})]})};G.className=Yt;G.defaultOptions=Rs;import{jsx as lt,jsxs as $s}from"react/jsx-runtime";var pt="k-actionsheet-view",Ps=[],ws={},Vs={},ie=e=>{let{adaptive:t,animated:s,children:a,header:r,footer:p,...c}=e,u=r?.type===G&&lt(G,{adaptive:t,...r?.props}),d=p?.type===nt&&lt(nt,{...p?.props});return $s("div",{...c,className:n(e.className,pt,{[`${pt}-animated`]:s}),children:[u,lt("div",{className:"k-actionsheet-content",children:a}),d]})};ie.states=Ps;ie.options=ws;ie.className=pt;ie.defaultOptions=Vs;import{jsx as Be,jsxs as _s}from"react/jsx-runtime";var Zt="k-actionsheet",Bs=[],Gs={},Le={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},J=e=>{let{side:t=Le.side,fullscreen:s=Le.fullscreen,adaptive:a=Le.adaptive,overlay:r=Le.overlay,template:p,children:c,header:u,footer:d,...f}=e;return _s("div",{className:"k-actionsheet-container",children:[r&&Be("div",{className:"k-overlay"}),Be(V,{animationStyle:{[`${s===!0?"top":t}`]:0,[`${s===!0?"width":null}`]:"100%",[`${s===!0?"height":null}`]:"100%",[`${t==="top"||t==="bottom"?"width":null}`]:"100%",[`${t==="left"||t==="right"?"height":null}`]:"100%"},children:Be("div",{...f,className:n(e.className,Zt,{[`k-actionsheet-${t}`]:s===!1,"k-actionsheet-fullscreen":s===!0,"k-adaptive-actionsheet":a}),children:p||Be(ie,{header:u,footer:d,adaptive:a,...e,children:c})})})]})};J.states=Bs;J.options=Gs;J.className=Zt;J.defaultOptions=Le;import{jsx as tp}from"react/jsx-runtime";import{Fragment as Ds,jsx as Se,jsxs as ct}from"react/jsx-runtime";var mt="k-actionsheet-item",Xs=[o.hover,o.focus,o.selected,o.disabled],dt=e=>{let{iconName:t,text:s,description:a,hover:r,focus:p,selected:c,disabled:u,...d}=e;return ct("span",{...d,className:n(e.className,mt,k(mt,{hover:r,focus:p,selected:c,disabled:u})),children:[!e.children&&Se(Ds,{children:ct("span",{className:"k-actionsheet-action",children:[t&&Se("span",{className:"k-icon-wrap",children:Se(N,{className:"k-actionsheet-item-icon",icon:t})}),ct("span",{className:"k-actionsheet-item-text",children:[s&&Se("span",{className:"k-actionsheet-item-title",children:s}),a&&Se("span",{className:"k-actionsheet-item-description",children:a})]})]})}),e.children]})};dt.states=Xs;dt.className=mt;import{jsx as cp,jsxs as mp}from"react/jsx-runtime";import{jsx as hp}from"react/jsx-runtime";import{jsx as Np}from"react/jsx-runtime";import{jsx as gp}from"react/jsx-runtime";import{jsx as Js}from"react/jsx-runtime";var Fs="k-no-data",ye=e=>Js("span",{className:n(Fs,e.className),children:e.children});import{jsx as ae,jsxs as eo}from"react/jsx-runtime";var ut="k-list",qs=[],Us={size:[i.small,i.medium,i.large]},to={size:i.medium},O=e=>{let{size:t=to.size,virtualization:s,children:a,optionLabel:r,customValue:p,screenReaders:c,...u}=e,d,f,x,v,L=[];return a?a.map((S,M)=>{S.type===E?(S.props.root===!0?(d=S.props.label,S.props.children.map((A,T)=>{L.push(ae(y,{...A.props},`optChild-${T}-${new Date().getTime()}`))})):S.props.children.forEach((A,T)=>{let C="";T===0&&(C=S.props.label),L.push(ae(y,{className:T===0?"k-first":"",...A.props,groupLabel:C},`groupLabel-${T}-${new Date().getTime()}`))}),f=ae(E,{label:d,virtualization:s,children:L})):S.type===y&&(L.push(ae(y,{...S.props},`${S.type}-${M}`)),x=ae(re,{virtualization:s,children:L}),c&&(v=eo(ye,{className:"k-sr-only",children:[L.length," items found."]})))}):v=ae(ye,{children:"No data found."}),eo("div",{...u,className:n(e.className,ut,b(ut,{size:t}),{"k-virtual-list":s}),children:[r,p,f,x,v]})};O.states=qs;O.options=Us;O.className=ut;O.defaultOptions=to;import{jsx as q,jsxs as Ys}from"react/jsx-runtime";var ft="k-list",Ws=[],Qs={size:[i.small,i.medium,i.large]},oo={size:i.medium},U=e=>{let{size:t=oo.size,virtualization:s,children:a,...r}=e,p,c,u,d=[];return a?a.map((f,x)=>{f.type===E?(f.props.root===!0?(p=f.props.label,f.props.children.map((v,L)=>{d.push(q(y,{...v.props},`optChild-${L}-${new Date().getTime()}`))})):(d.push(q(so,{...f.props,children:f.props.label},`listChild-${x}`)),f.props.children.map((v,L)=>{d.push(q(y,{...v.props},`fwOptChild-${L}-${new Date().getTime()}`))})),c=q(E,{label:p,virtualization:s,children:d})):f.type===y&&(d.push(q(y,{...f.props},`${f.type}-${x}`)),u=q(re,{virtualization:s,children:d}))}):u=q(ye,{children:"No data found."}),Ys("div",{...r,className:n(e.className,ft,b(ft,{size:t}),{"k-virtual-list":s}),children:[c,u]})};U.states=Ws;U.options=Qs;U.className=ft;U.defaultOptions=oo;import{jsx as no}from"react/jsx-runtime";var Ge="k-checkbox",Zs=[o.hover,o.focus,o.valid,o.invalid,o.required,o.disabled,o.checked,o.indeterminate],js={size:[i.small,i.medium,i.large],rounded:[m.small,m.medium,m.large,m.full]},ht={size:i.medium,rounded:m.medium},_=e=>{let{id:t,checked:s,indeterminate:a,hover:r,focus:p,disabled:c,invalid:u,valid:d,required:f,size:x=ht.size,rounded:v=ht.rounded,...L}=e;return no("span",{className:"k-checkbox-wrap",children:no("input",{...L,id:t,type:"checkbox",defaultChecked:s,required:f,className:n(e.className,Ge,b(Ge,{size:x,rounded:v}),k(Ge,{hover:r,focus:p,disabled:c,invalid:u,valid:d,indeterminate:a,checked:s}))})})};_.states=Zs;_.options=js;_.className=Ge;_.defaultOptions=ht;import{jsx as on}from"react/jsx-runtime";var io="k-checkbox-list",en=[],tn={},ao={layout:"vertical"},le=e=>{let{layout:t=ao.layout,...s}=e;return on("ul",{...s,className:n(e.className,io,{[`k-list-${t}`]:t}),children:e.children})};le.states=en;le.options=tn;le.className=io;le.defaultOptions=ao;import{jsx as rn}from"react/jsx-runtime";var ro="k-checkbox-list-item",sn=[],nn={},an={},pe=e=>{let{...t}=e;return rn("li",{...t,className:n(e.className,ro),children:e.children})};pe.states=sn;pe.options=nn;pe.className=ro;pe.defaultOptions=an;import{Fragment as pc,jsx as lc,jsxs as cc}from"react/jsx-runtime";import{Fragment as hc,jsx as fc,jsxs as xc}from"react/jsx-runtime";import{Fragment as Sc,jsx as Lc,jsxs as yc}from"react/jsx-runtime";import{Fragment as Cc,jsx as Ac,jsxs as Mc}from"react/jsx-runtime";import{jsx as Oc}from"react/jsx-runtime";import{jsx as Pc}from"react/jsx-runtime";import{jsx as _e,jsxs as mn}from"react/jsx-runtime";var bt="k-list-item",ln=[o.hover,o.focus,o.selected,o.disabled],pn={},cn={},y=e=>{let{text:t,groupLabel:s,group:a,showIcon:r,iconName:p,showCheckbox:c,checked:u,hover:d,focus:f,selected:x,disabled:v,...L}=e,S=t||e.children;return mn("li",{...L,className:n(e.className,a?"k-list-group-item":bt,k(bt,{hover:d,focus:f,disabled:v,selected:x})),children:[c&&_e(_,{checked:u}),r&&_e(N,{icon:p}),_e("span",{className:"k-list-item-text",children:S}),s&&s!==""&&_e("div",{className:"k-list-item-group-label",children:s})]})};y.states=ln;y.options=pn;y.className=bt;y.defaultOptions=cn;import{jsx as vt,jsxs as un}from"react/jsx-runtime";var dn="k-list-content",re=e=>{let{virtualization:t,...s}=e;return un("div",{...s,className:n(dn,e.className),children:[vt("ul",{className:n("k-list-ul"),children:e.children}),t&&vt("div",{className:"k-height-container",children:vt("div",{})})]})};import{jsx as lo}from"react/jsx-runtime";var fn="k-list-group-sticky-header",po=e=>lo("div",{className:n(fn,e.className),children:lo("div",{className:"k-list-header-text",children:e.children})});import{Fragment as hn,jsx as co,jsxs as xn}from"react/jsx-runtime";var E=e=>{let{virtualization:t,label:s}=e;return xn(hn,{children:[s&&co(po,{children:s}),e.children&&co(re,{virtualization:t,children:e.children})]})};import{jsx as mo}from"react/jsx-runtime";var bn="k-list-group-item",so=e=>mo("li",{className:n(bn,e.className),children:mo("span",{className:"k-list-item-text",children:e.children})});import{jsx as Sn}from"react/jsx-runtime";var Nt="k-list-optionlabel",vn=[o.hover,o.focus,o.selected,o.disabled],Nn={},Ln={},Xe=e=>{let{text:t,hover:s,focus:a,selected:r,disabled:p,...c}=e;return Sn("div",{...c,className:n(Nt,k(Nt,{hover:s,focus:a,selected:r,disabled:p})),children:t})};Xe.states=vn;Xe.options=Nn;Xe.className=Nt;Xe.defaultOptions=Ln;import{jsx as kn}from"react/jsx-runtime";var Lt="k-list-custom-value",yn=[o.hover,o.focus,o.selected,o.disabled],gn={},In={},ce=e=>{let{text:t,hover:s,focus:a,selected:r,disabled:p,...c}=e;return kn("div",{...c,className:n(Lt,k(Lt,{hover:s,focus:a,selected:r,disabled:p})),children:t})};ce.states=yn;ce.options=gn;ce.className=Lt;ce.defaultOptions=In;import{jsx as Nm}from"react/jsx-runtime";import{jsx as gm}from"react/jsx-runtime";import{jsx as Cm,jsxs as Mm}from"react/jsx-runtime";import{jsx as Om,jsxs as Hm}from"react/jsx-runtime";import{jsx as wm}from"react/jsx-runtime";import{jsx as Gm,jsxs as _m}from"react/jsx-runtime";import{jsx as Jm,jsxs as qm}from"react/jsx-runtime";import{Fragment as De,jsx as g,jsxs as me}from"react/jsx-runtime";var uo="k-multiselect",An=[o.hover,o.focus,o.valid,o.invalid,o.required,o.disabled,o.loading,o.readonly],Cn={size:[i.small,i.medium,i.large],rounded:[m.small,m.medium,m.large,m.full],fillMode:[h.solid,h.flat,h.outline]},ge={size:I.defaultOptions.size,rounded:I.defaultOptions.rounded,fillMode:I.defaultOptions.fillMode,separators:!0},Ie=e=>{let{size:t=ge.size,rounded:s=ge.rounded,fillMode:a=ge.fillMode,separators:r=ge.separators,prefix:p,suffix:c,value:u,placeholder:d,tags:f,popup:x,showArrowButton:v,hover:L,focus:S,valid:M,invalid:A,required:T,loading:C,disabled:H,readonly:ue,opened:Fe,adaptive:xo,adaptiveSettings:bo,adaptiveTitle:vo,adaptiveSubtitle:No,adaptiveCustomValue:Lo,...So}=e;return me(De,{children:[me(I,{...So,size:t,rounded:s,fillMode:a,hover:L,focus:S,valid:M,invalid:A,required:T,loading:C,disabled:H,readonly:ue,className:n(e.className,uo),children:[p&&me(De,{children:[g(Oe,{children:p}),r&&g(W,{})]}),me("div",{className:"k-input-values",children:[g(ee,{size:t,children:g(De,{children:f})}),g(R,{placeholder:d,value:u})]}),g(P,{valid:M,invalid:A,loading:C,disabled:H}),g(w,{loading:C,disabled:H}),g(K,{loading:C,disabled:H,readonly:ue,value:f?"value":""}),c&&me(De,{children:[r&&g(W,{}),g(He,{children:c})]}),v&&g(z,{className:"k-input-button",icon:"caret-alt-down",rounded:null,size:t,fillMode:a})]}),Fe&&x&&g(te,{className:"k-list-container k-multiselect-popup",children:x}),xo&&g(J,{adaptive:!0,...bo,header:g(G,{actionsEnd:g(z,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),input:!0,inputValue:u,inputPlaceholder:d,title:vo,subtitle:No}),children:g("div",{className:"k-list-container",children:me(O,{customValue:Lo?g(ce,{text:`Use "${u}"`}):void 0,size:"large",children:[g(y,{text:"List item"}),g(y,{text:"List item"}),g(y,{text:"List item"})]})})})]})};Ie.states=An;Ie.options=Cn;Ie.className=uo;Ie.defaultOptions=ge;var fo=Ie;import{Fragment as ho,jsx as de}from"react/jsx-runtime";var kd=e=>de(fo,{prefix:de(ho,{children:de(N,{icon:"user"})}),tags:de(ho,{children:de(j,{text:"Prefix",actions:de(Pe,{type:"remove"})})}),...e});export{kd as MultiSelectPrefix};