@progress/kendo-themes-html/dist/cjs/multiselect/templates/multiselect-grouping.js

A collection of HTML helpers used for developing Kendo UI themes

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