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