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

A collection of HTML helpers used for developing Kendo UI themes

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