@progress/kendo-themes-html/dist/esm/multiselecttree/templates/multiselecttree-value.mjs

A collection of HTML helpers used for developing Kendo UI themes

var s=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?s(...t):typeof t=="object"?Object.keys(t).map((o,i)=>t[i]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var v=(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"}),k=(e,t)=>s({"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 a={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},d={small:"small",medium:"medium",large:"large",full:"full"},u={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},r={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"};import{jsx as uo}from"react/jsx-runtime";var Ne="k-input",po=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],mo={size:[a.small,a.medium,a.large],rounded:[d.small,d.medium,d.large,d.full],fillMode:[u.solid,u.flat,u.outline]},Se={size:a.medium,rounded:a.medium,fillMode:u.solid},C=e=>{let{hover:t,focus:o,disabled:i,invalid:l,valid:c,loading:p,readonly:m,size:f=Se.size,rounded:N=Se.rounded,fillMode:S=Se.fillMode,...y}=e;return uo("span",{...y,className:s(e.className,Ne,v(Ne,{size:f,rounded:N,fillMode:S}),k(Ne,{hover:t,focus:o,disabled:i,invalid:l,valid:c,loading:p,readonly:m}))})};C.states=po;C.options=mo;C.className=Ne;C.defaultOptions=Se;import{jsx as xo}from"react/jsx-runtime";var ye="k-picker",fo=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],ho={size:[a.small,a.medium,a.large],rounded:[d.small,d.medium,d.large,d.full],fillMode:[u.solid,u.flat,u.outline]},Ce={size:a.medium,rounded:d.medium,fillMode:u.solid},Te=e=>{let{hover:t,focus:o,disabled:i,invalid:l,valid:c,loading:p,readonly:m,size:f=Ce.size,rounded:N=Ce.rounded,fillMode:S=Ce.fillMode,...y}=e;return xo("span",{...y,className:s(e.className,ye,v(ye,{size:f,rounded:N,fillMode:S}),k(ye,{hover:t,focus:o,disabled:i,invalid:l,valid:c,loading:p,readonly:m})),children:e.children})};Te.states=fo;Te.options=ho;Te.className=ye;Te.defaultOptions=Ce;import{Fragment as So,jsx as ut}from"react/jsx-runtime";var $e="k-icon k-font-icon",vo=[],bo={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info,r.light,r.dark]},No={},le=e=>{let{size:t,themeColor:o,icon:i,rotate:l,flip:c,...p}=e;return i?ut("span",{...p,className:s(e.className,$e,v($e,{size:t}),{[`k-i-${i}`]:i,[`k-color-${o}`]:o,[`k-rotate-${l}`]:l,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"})}):ut(So,{})};le.states=vo;le.options=bo;le.className=$e;le.defaultOptions=No;var ft=le;import{Fragment as To,jsx as Ie}from"react/jsx-runtime";var _e="k-icon k-svg-icon",yo=[],Co={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info,r.light,r.dark]},ht={viewBox:"0 0 24 24"},ce=e=>{let{size:t,themeColor:o,rotate:i,flip:l,viewBox:c=ht.viewBox,icon:p,...m}=e;if(!p)return Ie(To,{});p==="none"&&{...m,className:s(e.className,_e,"k-none")};let f=typeof p=="object"&&p.name&&p.name;return Ie("span",{...m,className:s(e.className,_e,v("k-icon",{size:t}),{[`k-svg-i-${f}`]:f,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),children:Ie("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof p=="object"?p.viewBox:c,dangerouslySetInnerHTML:typeof p=="object"?{__html:p.content}:void 0,children:p?void 0:e.children})})};ce.states=yo;ce.options=Co;ce.className=_e;ce.defaultOptions=ht;var Xe=ce;import*as xt from"@progress/kendo-svg-icons";import{Fragment as vt,jsx as pe}from"react/jsx-runtime";var Io=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),ko=[],go={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info,r.light,r.dark]},Fe={viewBox:"0 0 24 24",type:"svg"},h=e=>{let{size:t,themeColor:o,icon:i,type:l=Fe.type,rotate:c,flip:p,viewBox:m=Fe.viewBox,...f}=e;if(!i)return pe(vt,{});if(l==="svg"){if(i==="none")return pe(Xe,{...f,icon:i,size:t});let N=Io(`${i}-icon`);return xt[N]?pe(Xe,{...f,icon:xt[N],size:t,themeColor:o,rotate:c,flip:p,viewBox:m}):pe(vt,{})}return pe(ft,{...f,icon:i,size:t,themeColor:o,rotate:c,flip:p})};h.states=ko;h.options=go;h.defaultOptions=Fe;import{Fragment as Mo,jsx as Je}from"react/jsx-runtime";var bt="k-clear-value",wo=[n.disabled,n.loading,n.readonly],Ao={},K=e=>{let{disabled:t,loading:o,readonly:i,value:l}=e;return t||i||o||!l?Je(Mo,{}):Je("span",{className:s(e.className,bt),children:Je(h,{icon:"x"})})};K.states=wo;K.options=Ao;K.className=bt;import{jsx as zo}from"react/jsx-runtime";var qe="k-input-inner",Eo=[],Lo={},ke={type:"text",autocomplete:"off",value:"",placeholder:""},F=e=>{let{value:t=ke.value,type:o=ke.type,placeholder:i=ke.placeholder,autocomplete:l=ke.autocomplete,...c}=e;return zo("input",{...c,type:o,className:s(e.className,qe,v(qe,e)),placeholder:i,autoComplete:l,defaultValue:t})};F.states=Eo;F.options=Lo;F.className=qe;import{jsx as Nt,jsxs as Ko}from"react/jsx-runtime";var De="k-input-inner",Oo=[],Ro={},Ue=e=>{let{value:t,placeholder:o,showValue:i,valueIcon:l,valueIconName:c,...p}=e;return Ko("span",{...p,className:s(e.className,De,v(De,e)),children:[l,!l&&c&&Nt(h,{className:"k-input-value-icon",icon:c}),i&&!t&&o,i&&t&&Nt("span",{className:"k-input-value-text",children:t})]})};Ue.states=Oo;Ue.options=Ro;Ue.className=De;import{jsx as Bo}from"react/jsx-runtime";var We="k-input-inner",Ho=[],Po={},St={value:"",placeholder:""},Qe=e=>{let{value:t=St.value,placeholder:o=St.placeholder,rows:i,...l}=e;return Bo("textarea",{...l,className:s(e.className,We,v(We,e)),placeholder:o,rows:i,defaultValue:t})};Qe.states=Ho;Qe.options=Po;Qe.className=We;import{Fragment as Go,jsx as yt}from"react/jsx-runtime";var Ct="k-input-loading-icon",Vo=[n.disabled,n.loading],P=e=>{let{disabled:t,loading:o}=e;return t||!o?yt(Go,{}):yt("span",{className:s(e.className,Ct,"k-icon k-i-loading")})};P.states=Vo;P.className=Ct;import{Fragment as Xo,jsx as Tt}from"react/jsx-runtime";var It="k-input-validation-icon",$o=[n.valid,n.invalid,n.disabled,n.loading],_o={},H=e=>{let{valid:t,invalid:o,disabled:i,loading:l}=e,c=o?"warning-circle":"check-circle";return i||l||!!!(t||o)?Tt(Xo,{}):Tt(h,{className:s(It),icon:c})};H.states=$o;H.options=_o;H.className=It;import{Fragment as qo,jsx as kt}from"react/jsx-runtime";var Fo="k-input-prefix",Jo={direction:"horizontal"},ge=e=>{let{direction:t=Jo.direction,...o}=e;return e.children?kt("span",{...o,className:s(Fo,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):kt(qo,{})};import{Fragment as Wo,jsx as gt}from"react/jsx-runtime";var Do="k-input-suffix",Uo={direction:"horizontal"},we=e=>{let{direction:t=Uo.direction,...o}=e;return e.children?gt("span",{...o,className:s(Do,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):gt(Wo,{})};import{jsx as cs}from"react/jsx-runtime";import{jsx as us}from"react/jsx-runtime";import{jsx as Yo}from"react/jsx-runtime";var wt="k-input-separator",Qo={direction:"vertical"},Ye=e=>{let{direction:t=Qo.direction,...o}=e;return Yo("span",{...o,className:s(wt,e.className,{[`${wt}-${t}`]:t})})};import{Fragment as en,jsx as de,jsxs as At}from"react/jsx-runtime";var Ae="k-button",Zo=[n.hover,n.focus,n.active,n.selected,n.disabled],jo={size:[a.small,a.medium,a.large],rounded:[d.small,d.medium,d.large,d.full],fillMode:[u.solid,u.flat,u.outline,u.clear,u.link],themeColor:[r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info,r.light,r.dark,r.inverse]},J={size:a.medium,rounded:d.medium,fillMode:u.solid,themeColor:r.base,showArrow:!1,arrowIconName:"caret-alt-down"},z=e=>{let{size:t=J.size,rounded:o=J.rounded,fillMode:i=J.fillMode,themeColor:l=J.themeColor,showArrow:c=J.showArrow,arrowIconName:p=J.arrowIconName,hover:m,focus:f,active:N,selected:S,disabled:y,icon:g,text:I,iconClassName:A,...w}=e,M=g!==void 0,E=e.children!==void 0;return At("button",{...w,className:s(e.className,Ae,v(Ae,{size:t,rounded:o,fillMode:i,themeColor:l}),k(Ae,{hover:m,focus:f,active:N,disabled:y,selected:S}),{"k-icon-button":!I&&!E&&M}),children:[g&&de(h,{className:s(A,"k-button-icon"),icon:g}),I?At(en,{children:[I&&de("span",{className:"k-button-text",children:I}),e.children]}):e.children&&de("span",{className:"k-button-text",children:e.children}),c&&de("span",{className:"k-menu-button-arrow k-button-arrow",children:de(h,{icon:p})})]})};z.states=Zo;z.options=jo;z.className=Ae;z.defaultOptions=J;import{jsx as Bs}from"react/jsx-runtime";import{jsx as _s}from"react/jsx-runtime";import{jsx as qs}from"react/jsx-runtime";import{jsx as Me}from"react/jsx-runtime";var tn="k-chip-action";var Ee=e=>{let{type:t,...o}=e,i;switch(t){case"remove":i=Me(h,{icon:"x-circle",size:"small"});break;case"more":i=Me(h,{icon:"more-vertical",size:"small"});break;default:return Me(h,{icon:t,size:"small"})}return Me("span",{...o,className:s(e.className,tn,`k-chip-${t}-action`),children:i})};import{jsx as Mt}from"react/jsx-runtime";var me="k-avatar";var on=[n.hover,n.focus,n.active,n.selected,n.disabled],nn={size:[a.small,a.medium,a.large],rounded:[d.small,d.medium,d.large,d.full],fillMode:[u.solid,u.flat,u.outline],themeColor:[r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info,r.light,r.dark,r.inverse]},q={type:"text",size:a.medium,rounded:d.full,fillMode:u.solid,themeColor:r.primary,border:!1},W=e=>{let{size:t=q.size,rounded:o=q.rounded,fillMode:i=q.fillMode,themeColor:l=q.themeColor,type:c=q.type,border:p=q.border,...m}=e;return Mt("div",{...m,className:s(e.className,me,v(me,{size:t,rounded:o,fillMode:i,themeColor:l}),{[`${me}-bordered`]:p}),children:Mt("span",{className:`${me}-${c}`,children:e.children})})};W.states=on;W.options=nn;W.className=me;W.defaultOptions=q;import{jsx as la}from"react/jsx-runtime";import{jsx as ma}from"react/jsx-runtime";import{jsx as xa}from"react/jsx-runtime";import{jsx as Q,jsxs as rn}from"react/jsx-runtime";var Le="k-chip",sn=[n.hover,n.focus,n.active,n.selected,n.disabled],an={size:[a.small,a.medium,a.large],rounded:[d.small,d.medium,d.large,d.full],fillMode:[u.solid,u.outline],themeColor:[r.base,r.success,r.warning,r.error,r.info]},Y={size:a.medium,rounded:d.medium,fillMode:u.solid,themeColor:r.base,avatarImage:"/packages/html/assets/avatar.jpg"},Z=e=>{let{size:t=Y.size,rounded:o=Y.rounded,fillMode:i=Y.fillMode,themeColor:l=Y.themeColor,text:c,icon:p,actions:m,showAvatar:f,avatarImage:N=Y.avatarImage,hover:S,focus:y,active:g,selected:I,disabled:A,...w}=e;return rn("div",{...w,className:s(e.className,Le,v(Le,{size:t,rounded:o,fillMode:i,themeColor:l}),k(Le,{hover:S,focus:y,active:g,disabled:A,selected:I})),children:[p&&Q(h,{className:"k-chip-icon",icon:p,size:"small"}),f&&Q(W,{className:"k-chip-avatar",type:"image",children:Q("img",{src:N})}),Q("span",{className:"k-chip-content",children:e.children?e.children:c&&Q("span",{className:"k-chip-label",children:c})}),m&&Q("span",{className:"k-chip-actions",children:m})]})};Z.states=sn;Z.options=an;Z.className=Le;Z.defaultOptions=Y;import{jsx as pn}from"react/jsx-runtime";var Ze="k-chip-list",ln=[],cn={size:[a.small,a.medium,a.large]},Lt={size:a.medium},j=e=>{let{size:t=Lt.size,...o}=e;return pn("div",{...o,className:s(e.className,Ze,v(Ze,{size:t})),children:e.children})};j.states=ln;j.options=cn;j.className=Ze;j.defaultOptions=Lt;import{jsx as Oa}from"react/jsx-runtime";import{jsx as Pa}from"react/jsx-runtime";import{jsx as $a}from"react/jsx-runtime";import{jsx as qa}from"react/jsx-runtime";import{Fragment as Za,jsx as Ya,jsxs as ja}from"react/jsx-runtime";import{jsx as zt}from"react/jsx-runtime";var Ot="k-animation-container",dn=[],mn={},Rt={positionMode:"absolute"},B=e=>{let{positionMode:t=Rt.positionMode,animationStyle:o,offset:i,...l}=e;return zt("div",{...l,style:{...i,...e.style},className:s(e.className,Ot,"k-animation-container-shown",{"k-animation-container-fixed":t==="fixed"}),children:zt("div",{className:"k-child-animation-container",style:o,children:e.children})})};B.states=dn;B.options=mn;B.className=Ot;B.defaultOptions=Rt;import{jsx as Kt}from"react/jsx-runtime";var Ht="k-popup",un=[],fn={},Pt={positionMode:"absolute"},ee=e=>{let{offset:t,positionMode:o=Pt.positionMode,animationStyle:i,...l}=e;return Kt(B,{positionMode:o,offset:t,animationStyle:i,children:Kt("div",{...l,className:s(e.className,Ht),children:e.children})})};ee.states=un;ee.options=fn;ee.className=Ht;ee.defaultOptions=Pt;import{jsx as vn}from"react/jsx-runtime";var Oe="k-actions",hn=[],xn={},je={alignment:"start",orientation:"horizontal"},te=e=>{let{alignment:t=je.alignment,orientation:o=je.orientation,...i}=e;return vn("div",{...i,className:s(Oe,{[`${Oe}-${t}`]:t,[`${Oe}-${o}`]:o},e.className),children:e.children})};te.states=hn;te.options=xn;te.className=Oe;te.defaultOptions=je;import{jsx as Nn}from"react/jsx-runtime";var bn="k-actionsheet-footer",Bt={alignment:"stretched",orientation:"horizontal"},et=e=>{let{alignment:t=Bt.alignment,orientation:o=Bt.orientation,template:i,as:l=i?"div":te,...c}=e;return Nn(l,{...c,...!i&&{alignment:t,orientation:o},className:s(e.className,bn),children:e.children})};import{jsx as ue,jsxs as Cn}from"react/jsx-runtime";var Vt="k-searchbox",Sn=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading],yn={size:[a.small,a.medium,a.large],rounded:[d.small,d.medium,d.large,d.full],fillMode:[u.solid,u.flat,u.outline]},tt={showIcon:!0,icon:"search",size:C.defaultOptions.size,rounded:C.defaultOptions.rounded,fillMode:C.defaultOptions.fillMode},oe=e=>{let{value:t,placeholder:o,size:i,rounded:l,fillMode:c,hover:p,focus:m,valid:f,invalid:N,required:S,loading:y,disabled:g,showIcon:I=tt.showIcon,icon:A=tt.icon,...w}=e;return Cn(C,{...w,size:i,rounded:l,fillMode:c,hover:p,focus:m,valid:f,invalid:N,required:S,loading:y,disabled:g,className:s(e.className,Vt),children:[I&&ue(h,{className:"k-input-icon",icon:A}),ue(F,{placeholder:o,value:t}),ue(P,{...e}),ue(H,{...e}),ue(K,{...e})]})};oe.states=Sn;oe.options=yn;oe.className=Vt;oe.defaultOptions=tt;import{jsx as Br}from"react/jsx-runtime";import{Fragment as Gt,jsx as V,jsxs as ot}from"react/jsx-runtime";var $t="k-textbox",Tn=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],In={size:[a.small,a.medium,a.large],rounded:[d.small,d.medium,d.large,d.full],fillMode:[u.solid,u.flat,u.outline]},D={showClearButton:!0,showValidationIcon:!0,size:C.defaultOptions.size,rounded:C.defaultOptions.rounded,fillMode:C.defaultOptions.fillMode,separators:!0},ne=e=>{let{size:t=D.size,rounded:o=D.rounded,fillMode:i=D.fillMode,separators:l=D.separators,showClearButton:c=D.showClearButton,showValidationIcon:p=D.showValidationIcon,prefix:m,suffix:f,type:N,value:S,placeholder:y,hover:g,focus:I,valid:A,invalid:w,required:M,loading:E,disabled:O,readonly:R,...X}=e;return ot(C,{...X,size:t,rounded:o,fillMode:i,hover:g,focus:I,valid:A,invalid:w,required:M,loading:E,disabled:O,readonly:R,className:s(e.className,$t),children:[m&&ot(Gt,{children:[V(ge,{children:m}),l&&V(Ye,{})]}),V(F,{placeholder:y,value:S,type:N}),p&&V(H,{valid:A,invalid:w,loading:E,disabled:O}),V(P,{loading:E,disabled:O}),c&&V(K,{loading:E,disabled:O,readonly:R,value:S}),f&&ot(Gt,{children:[l&&V(Ye,{}),V(we,{children:f})]})]})};ne.states=Tn;ne.options=In;ne.className=$t;ne.defaultOptions=D;import{jsx as Wr}from"react/jsx-runtime";import{Fragment as tl,jsx as el}from"react/jsx-runtime";import{Fragment as ll,jsx as rl}from"react/jsx-runtime";import{jsx as G,jsxs as nt}from"react/jsx-runtime";var Xt="k-actionsheet-titlebar",kn={},$=e=>{let{title:t,subtitle:o,actionsStart:i,actionsEnd:l,filter:c,input:p,inputValue:m,inputPlaceholder:f,adaptive:N,children:S,...y}=e;return nt("div",{...y,className:s(e.className,Xt),children:[nt("div",{className:"k-actionsheet-titlebar-group",children:[i&&G("div",{className:"k-actionsheet-actions",children:i}),!S&&nt("div",{className:"k-actionsheet-title",children:[t&&G("div",{className:"k-text-center",children:t}),o&&G("div",{className:"k-actionsheet-subtitle k-text-center",children:o})]}),S&&G("div",{className:"k-actionsheet-title",children:S}),l&&G("div",{className:"k-actionsheet-actions",children:l})]}),(p||c)&&G("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter",children:p?G(ne,{value:m,placeholder:f,size:N?"large":"medium"}):G(oe,{placeholder:"Filter",size:N?"large":"medium"})})]})};$.className=Xt;$.defaultOptions=kn;import{jsx as it,jsxs as Mn}from"react/jsx-runtime";var st="k-actionsheet-view",gn=[],wn={},An={},ie=e=>{let{adaptive:t,animated:o,children:i,header:l,footer:c,...p}=e,m=l?.type===$&&it($,{adaptive:t,...l?.props}),f=c?.type===et&&it(et,{...c?.props});return Mn("div",{...p,className:s(e.className,st,{[`${st}-animated`]:o}),children:[m,it("div",{className:"k-actionsheet-content",children:i}),f]})};ie.states=gn;ie.options=wn;ie.className=st;ie.defaultOptions=An;import{jsx as Re,jsxs as zn}from"react/jsx-runtime";var Ft="k-actionsheet",En=[],Ln={},fe={side:"bottom",fullscreen:!1,adaptive:!1,overlay:!0},U=e=>{let{side:t=fe.side,fullscreen:o=fe.fullscreen,adaptive:i=fe.adaptive,overlay:l=fe.overlay,template:c,children:p,header:m,footer:f,...N}=e;return zn("div",{className:"k-actionsheet-container",children:[l&&Re("div",{className:"k-overlay"}),Re(B,{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:Re("div",{...N,className:s(e.className,Ft,{[`k-actionsheet-${t}`]:o===!1,"k-actionsheet-fullscreen":o===!0,"k-adaptive-actionsheet":i}),children:c||Re(ie,{header:m,footer:f,adaptive:i,...e,children:p})})})]})};U.states=En;U.options=Ln;U.className=Ft;U.defaultOptions=fe;import{jsx as zl}from"react/jsx-runtime";import{Fragment as Rn,jsx as he,jsxs as at}from"react/jsx-runtime";var rt="k-actionsheet-item",On=[n.hover,n.focus,n.selected,n.disabled],lt=e=>{let{iconName:t,text:o,description:i,hover:l,focus:c,selected:p,disabled:m,...f}=e;return at("span",{...f,className:s(e.className,rt,k(rt,{hover:l,focus:c,selected:p,disabled:m})),children:[!e.children&&he(Rn,{children:at("span",{className:"k-actionsheet-action",children:[t&&he("span",{className:"k-icon-wrap",children:he(h,{className:"k-actionsheet-item-icon",icon:t})}),at("span",{className:"k-actionsheet-item-text",children:[o&&he("span",{className:"k-actionsheet-item-title",children:o}),i&&he("span",{className:"k-actionsheet-item-description",children:i})]})]})}),e.children]})};lt.states=On;lt.className=rt;import{jsx as $l,jsxs as _l}from"react/jsx-runtime";import{jsx as ql}from"react/jsx-runtime";import{jsx as Ql}from"react/jsx-runtime";import{jsx as ec}from"react/jsx-runtime";import{jsx as Ke}from"react/jsx-runtime";import{createElement as qt}from"react";var ct="k-treeview",Kn=[],Hn={size:[a.small,a.medium,a.large]},Dt={size:a.medium},L=e=>{let{size:t=Dt.size,children:o,dir:i,...l}=e,c=[];return o&&(Array.isArray(o)?o.map((p,m)=>{p.type===x&&c.push(qt(x,{...p.props,dir:i,key:m})),p.type===T&&c.push(qt(T,{...p.props,dir:i,key:m}))}):(o.type===x&&c.push(Ke(x,{...o.props,dir:i})),o.type===T&&c.push(Ke(T,{...o.props,dir:i})))),Ke("div",{...l,dir:i,className:s(e.className,ct,v(ct,{size:t})),children:Ke(T,{className:"k-treeview-lines",dir:i,children:c})})};L.states=Kn;L.options=Hn;L.className=ct;L.defaultOptions=Dt;import{jsx as Ut}from"react/jsx-runtime";var He="k-checkbox",Pn=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.checked,n.indeterminate],Bn={size:[a.small,a.medium,a.large],rounded:[d.small,d.medium,d.large,d.full]},pt={size:a.medium,rounded:d.medium},_=e=>{let{id:t,checked:o,indeterminate:i,hover:l,focus:c,disabled:p,invalid:m,valid:f,required:N,size:S=pt.size,rounded:y=pt.rounded,...g}=e;return Ut("span",{className:"k-checkbox-wrap",children:Ut("input",{...g,id:t,type:"checkbox",defaultChecked:o,required:N,className:s(e.className,He,v(He,{size:S,rounded:y}),k(He,{hover:l,focus:c,disabled:p,invalid:m,valid:f,indeterminate:i,checked:o}))})})};_.states=Pn;_.options=Bn;_.className=He;_.defaultOptions=pt;import{jsx as $n}from"react/jsx-runtime";var Wt="k-checkbox-list",Vn=[],Gn={},Qt={layout:"vertical"},se=e=>{let{layout:t=Qt.layout,...o}=e;return $n("ul",{...o,className:s(e.className,Wt,{[`k-list-${t}`]:t}),children:e.children})};se.states=Vn;se.options=Gn;se.className=Wt;se.defaultOptions=Qt;import{jsx as Jn}from"react/jsx-runtime";var Yt="k-checkbox-list-item",_n=[],Xn={},Fn={},ae=e=>{let{...t}=e;return Jn("li",{...t,className:s(e.className,Yt),children:e.children})};ae.states=_n;ae.options=Xn;ae.className=Yt;ae.defaultOptions=Fn;import{Fragment as Ec,jsx as Mc,jsxs as Lc}from"react/jsx-runtime";import{Fragment as Hc,jsx as Kc,jsxs as Pc}from"react/jsx-runtime";import{Fragment as _c,jsx as $c,jsxs as Xc}from"react/jsx-runtime";import{Fragment as Uc,jsx as Dc,jsxs as Wc}from"react/jsx-runtime";import{jsx as jc}from"react/jsx-runtime";import{jsx as np}from"react/jsx-runtime";import{jsx as Zt}from"react/jsx-runtime";import{createElement as Dn}from"react";var qn="k-treeview-group",T=e=>{let{children:t,dir:o}=e,i=[];return t&&(Array.isArray(t)?t.map((l,c)=>{l.type===xe&&i.push(Dn(xe,{...l.props,dir:o,key:c}))}):t.type===xe&&i.push(Zt(xe,{...t.props,dir:o}))),Zt("ul",{className:s(e.className,qn),children:i})};import{jsx as jt,jsxs as Qn}from"react/jsx-runtime";var mt="k-treeview-leaf",Un=[n.hover,n.focus,n.selected],Wn={},Pe=e=>{let{text:t,showIcon:o,icon:i,hover:l,focus:c,selected:p,...m}=e;return Qn("span",{...m,className:s(e.className,mt,k(mt,{hover:l,focus:c,selected:p})),children:[o&&jt(h,{icon:i}),jt("span",{className:"k-treeview-leaf-text",children:t})]})};Pe.states=Un;Pe.options=Wn;Pe.className=mt;var eo=Pe;import{Fragment as ti,jsx as re,jsxs as to}from"react/jsx-runtime";import{createElement as ei}from"react";var oo="k-treeview-item",Yn=[n.hover,n.focus,n.selected,n.disabled],Zn={},jn={},x=e=>{let{leafClassName:t,children:o,hasChildren:i,expanded:l,text:c,showIcon:p,icon:m,showCheckbox:f,checked:N,hover:S,focus:y,selected:g,disabled:I,top:A,bottom:w,dir:M,...E}=e,O=i||o,R=[];return o&&(Array.isArray(o)?o.map((X,Ge)=>{X.type===T&&R.push(ei(T,{...X.props,dir:M,key:Ge},X.props.children))}):o.type===T&&R.push(re(T,{...o.props,dir:M,children:o.props.children}))),to("li",{...E,className:s(e.className,oo),children:[to("span",{className:s({"k-treeview-top":A,"k-treeview-bot":w,"k-treeview-mid":!A&&!w}),children:[O&&re("span",{className:s("k-treeview-toggle",k("k-treeview-toggle",{disabled:I})),children:re(h,{icon:l?"caret-alt-down":M==="rtl"?"caret-alt-left":"caret-alt-right"})}),f&&re(_,{checked:N,disabled:I}),re(eo,{className:s(t,k(t,{disabled:I})),text:c,showIcon:p,icon:m,hover:S,focus:y,selected:g})]}),l&&O&&re(ti,{children:R})]})};x.states=Yn;x.options=Zn;x.className=oo;x.defaultOptions=jn;var xe=x;import{jsx as Rp}from"react/jsx-runtime";import{jsx as Bp,jsxs as Vp}from"react/jsx-runtime";import{jsx as Xp,jsxs as Fp}from"react/jsx-runtime";import{jsx as Up,jsxs as Wp}from"react/jsx-runtime";import{jsx as jp,jsxs as ed}from"react/jsx-runtime";import{Fragment as no,jsx as b,jsxs as ve}from"react/jsx-runtime";var io="k-multiselecttree",oi=[n.hover,n.focus,n.valid,n.invalid,n.required,n.disabled,n.loading,n.readonly],ni={size:[a.small,a.medium,a.large],rounded:[d.small,d.medium,d.large,d.full],fillMode:[u.solid,u.flat,u.outline]},Be={size:C.defaultOptions.size,rounded:C.defaultOptions.rounded,fillMode:C.defaultOptions.fillMode},be=e=>{let{size:t=Be.size,rounded:o=Be.rounded,fillMode:i=Be.fillMode,prefix:l,suffix:c,placeholder:p,tags:m,popup:f,showArrowButton:N,hover:S,focus:y,valid:g,invalid:I,required:A,loading:w,disabled:M,readonly:E,opened:O,dir:R,adaptive:X,adaptiveSettings:Ge,adaptiveTitle:ao,adaptiveSubtitle:ro,adaptiveFilter:lo,...co}=e;return ve(no,{children:[ve(C,{...co,dir:R,size:t,rounded:o,fillMode:i,hover:S,focus:y,valid:g,invalid:I,required:A,loading:w,disabled:M,readonly:E,className:s(e.className,io),children:[b(ge,{children:l}),b(j,{size:t,className:"k-input-values",children:b(no,{children:m})}),b("span",{className:"k-input-inner",children:!m&&b("span",{className:"k-input-value-text",children:p})}),b(H,{valid:g,invalid:I,loading:w,disabled:M}),b(P,{loading:w,disabled:M}),b(K,{loading:w,disabled:M,readonly:E,value:m?"value":""}),b(we,{children:c}),N&&b(z,{className:"k-input-button",icon:"caret-alt-down",rounded:null,size:t,fillMode:i})]}),O&&f&&b(ee,{className:"k-multiselecttree-popup",dir:R,children:f}),X&&b(U,{adaptive:!0,...Ge,header:b($,{actionsEnd:b(z,{icon:"check",themeColor:"primary",size:"large",fillMode:"flat"}),filter:lo,inputPlaceholder:p,title:ao,subtitle:ro}),children:ve(L,{size:"large",children:[b(x,{top:!0,text:"Root 1"}),b(x,{text:"Root 2",expanded:!0,children:ve(T,{children:[b(x,{top:!0,text:"Child 2.1"}),b(x,{text:"Child 2.2",children:b(T,{children:b(x,{bottom:!0,text:"Child 2.2.1"})})}),b(x,{text:"Child 2.3"}),b(x,{bottom:!0,leafClassName:"k-treeview-load-more-button",text:"Load more ..."})]})}),b(x,{bottom:!0,text:"Root 3",children:ve(T,{children:[b(x,{top:!0,text:"Child 3.1"}),b(x,{text:"Child 3.2"}),b(x,{bottom:!0,text:"Child 3.3"})]})})]})})]})};be.states=oi;be.options=ni;be.className=io;be.defaultOptions=Be;var so=be;import{Fragment as ii,jsx as Ve}from"react/jsx-runtime";var Id=({size:e,rounded:t,children:o,...i})=>Ve(ii,{children:Ve(so,{size:e,rounded:t,tags:Ve(Z,{text:o,actions:Ve(Ee,{type:"remove"}),size:e,rounded:t}),...i})});export{Id as MultiSelectTreeValue};