@progress/kendo-themes-html/dist/cjs/combobox/templates/combobox-grouping-modern-custom-value.js

A collection of HTML helpers used for developing Kendo UI themes

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