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