@progress/kendo-themes-html/dist/esm/searchbar/searchbar.spec.mjs

A collection of HTML helpers used for developing Kendo UI themes

var o=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?o(...e):typeof e=="object"?Object.keys(e).map((s,a)=>e[a]||e[s]&&s||null).filter(s=>s!==null).join(" "):e).filter(e=>!!e).join(" ");var m=(t,e)=>o({[`${t}-xs`]:e.size==="xsmall",[`${t}-sm`]:e.size==="small",[`${t}-md`]:e.size==="medium",[`${t}-lg`]:e.size==="large",[`${t}-xl`]:e.size==="xlarge",[`${t}-xxl`]:e.size==="xxlarge",[`${t}-xxxl`]:e.size==="xxxlarge"},{[`${t}-${e.fillMode}`]:e.fillMode},{[`${t}-${e.fillMode}-${e.themeColor}`]:e.fillMode&&e.themeColor},{[`${t}-${e.themeColor}`]:e.themeColor&&e.fillMode===void 0},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full"}),T=(t,e)=>{let{valid:s,invalid:a,hover:i,focus:p,checked:c,active:x,selected:d,disabled:h,indeterminate:v,loading:y,empty:he,readonly:Ie,highlighted:ge,...$}=e;return o({"k-valid":s,"k-invalid":a,"k-hover":i,"k-focus":p,"k-checked":c,"k-active":x,"k-selected":d,"k-disabled":h,"k-indeterminate":v&&!c,"k-loading":y,"k-empty":he,"k-readonly":Ie,"k-highlighted":ge},Object.keys($).reduce((B,S)=>(S.startsWith("k-")?B[S]=$[S]:B[`k-${S}`]=$[S],B),{}))};var n={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"},r={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},l={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 b="input",E=b;import{jsx as ye}from"react/jsx-runtime";var O="k-input",Me=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],ve={size:[n.small,n.medium,n.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[N.solid,N.flat,N.outline]},H={size:n.medium,rounded:n.medium,fillMode:N.solid},g=t=>{let{hover:e,focus:s,disabled:a,invalid:i,valid:p,loading:c,readonly:x,size:d=H.size,rounded:h=H.rounded,fillMode:v=H.fillMode,...y}=t;return ye("span",{...y,className:o(t.className,O,m(O,{size:d,rounded:h,fillMode:v}),T(O,{hover:e,focus:s,disabled:a,invalid:i,valid:p,loading:c,readonly:x}))})};g.states=Me;g.options=ve;g.className=O;g.defaultOptions=H;g.moduleName=b;g.folderName=E;import{jsx as ke}from"react/jsx-runtime";var z="k-picker",Se=[l.hover,l.focus,l.valid,l.invalid,l.required,l.disabled,l.loading,l.readonly],be={size:[n.small,n.medium,n.large],rounded:[f.small,f.medium,f.large,f.full],fillMode:[N.solid,N.flat,N.outline]},R={size:n.medium,rounded:f.medium,fillMode:N.solid},M=t=>{let{hover:e,focus:s,disabled:a,invalid:i,valid:p,loading:c,readonly:x,size:d=R.size,rounded:h=R.rounded,fillMode:v=R.fillMode,...y}=t;return ke("span",{...y,className:o(t.className,z,m(z,{size:d,rounded:h,fillMode:v}),T(z,{hover:e,focus:s,disabled:a,invalid:i,valid:p,loading:c,readonly:x})),children:t.children})};M.states=Se;M.options=be;M.className=z;M.defaultOptions=R;M.moduleName=b;M.folderName=E;import{Fragment as Te,jsx as ee}from"react/jsx-runtime";var K="k-font-icon",Le=[],Ae={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info,r.light,r.dark]},Ce={},k=t=>{let{size:e,themeColor:s,icon:a,rotate:i,flip:p,...c}=t;return a?ee("span",{...c,className:o(t.className,K,m(K,{size:e}),{[`k-i-${a}`]:a,[`k-color-${s}`]:s,[`k-rotate-${i}`]:i,"k-flip-h":p==="h"||p==="both","k-flip-v":p==="v"||p==="both"})}):ee(Te,{})};k.states=Le;k.options=Ae;k.className=K;k.defaultOptions=Ce;var te=k;import{Fragment as He,jsx as P}from"react/jsx-runtime";var V="k-svg-icon",Ee=[],Oe={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info,r.light,r.dark]},oe={viewBox:"0 0 24 24"},L=t=>{let{size:e,themeColor:s,rotate:a,flip:i,viewBox:p=oe.viewBox,icon:c,...x}=t;if(!c)return P(He,{});c==="none"&&{...x,className:o(t.className,V,"k-none")};let d=typeof c=="object"&&c.name&&c.name;return P("span",{...x,className:o(t.className,V,m("k-icon",{size:e}),{[`k-svg-i-${d}`]:d,[`k-color-${s}`]:s,[`k-rotate-${a}`]:a,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),children:P("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof c=="object"?c.viewBox:p,dangerouslySetInnerHTML:typeof c=="object"?{__html:c.content}:void 0,children:c?void 0:t.children})})};L.states=Ee;L.options=Oe;L.className=V;L.defaultOptions=oe;var F=L;import*as U from"@progress/kendo-svg-icons";var ne="icon",se="icons";import{Fragment as ae,jsx as A}from"react/jsx-runtime";var _="k-icon",ze=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),Re=[],Pe={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[r.base,r.primary,r.secondary,r.tertiary,r.success,r.warning,r.error,r.info,r.light,r.dark]},D={viewBox:"0 0 24 24",type:"svg"},u=t=>{let{size:e,themeColor:s,icon:a,type:i=D.type,rotate:p,flip:c,viewBox:x=D.viewBox,...d}=t;if(!a)return A(ae,{});if(i==="svg"){if(a==="none")return A(F,{...d,className:o(t.className,_),icon:a,size:e});let h=U[a]?a:ze(`${a}-icon`);return U[h]?A(F,{...d,className:o(t.className,_),icon:U[h],size:e,themeColor:s,rotate:p,flip:c,viewBox:x}):A(ae,{})}return A(te,{...d,className:o(t.className,_),icon:a,size:e,themeColor:s,rotate:p,flip:c})};u.states=Re;u.options=Pe;u.defaultOptions=D;u.className=_;u.moduleName=ne;u.folderName=se;import{Fragment as $e,jsx as G}from"react/jsx-runtime";var re="k-clear-value",_e=[l.disabled,l.loading,l.readonly],we={},q=t=>{let{disabled:e,loading:s,readonly:a,value:i}=t;return e||a||s||!i?G($e,{}):G("span",{className:o(t.className,re),children:G(u,{icon:"x"})})};q.states=_e;q.options=we;q.className=re;import{jsx as Ve}from"react/jsx-runtime";var W="k-input-inner",Be=[],Ke={},w={type:"text",autocomplete:"off",value:"",placeholder:""},C=t=>{let{value:e=w.value,type:s=w.type,placeholder:a=w.placeholder,autocomplete:i=w.autocomplete,...p}=t;return Ve("input",{...p,type:s,className:o(t.className,W,m(W,t)),placeholder:a,autoComplete:i,defaultValue:e})};C.states=Be;C.options=Ke;C.className=W;import{jsx as le,jsxs as De}from"react/jsx-runtime";var J="k-input-inner",Fe=[],Ue={},Q=t=>{let{value:e,placeholder:s,showValue:a,valueIcon:i,valueIconName:p,...c}=t;return De("span",{...c,className:o(t.className,J,m(J,t)),children:[i,!i&&p&&le(u,{className:"k-input-value-icon",icon:p}),a&&!e&&s,a&&e&&le("span",{className:"k-input-value-text",children:e})]})};Q.states=Fe;Q.options=Ue;Q.className=J;import{jsx as We}from"react/jsx-runtime";var X="k-input-inner",Ge=[],qe={},ie={value:"",placeholder:""},Y=t=>{let{value:e=ie.value,placeholder:s=ie.placeholder,rows:a,...i}=t;return We("textarea",{...i,className:o(t.className,X,m(X,t)),placeholder:s,rows:a,defaultValue:e})};Y.states=Ge;Y.options=qe;Y.className=X;import{Fragment as Qe,jsx as ce}from"react/jsx-runtime";var pe="k-input-loading-icon",Je=[l.disabled,l.loading],me=t=>{let{disabled:e,loading:s}=t;return e||!s?ce(Qe,{}):ce("span",{className:o(t.className,pe,"k-icon k-i-loading")})};me.states=Je;me.className=pe;import{Fragment as Ze,jsx as de}from"react/jsx-runtime";var ue="k-input-validation-icon",Xe=[l.valid,l.invalid,l.disabled,l.loading],Ye={},Z=t=>{let{valid:e,invalid:s,disabled:a,loading:i}=t,p=s?"warning-circle":"check-circle";return a||i||!!!(e||s)?de(Ze,{}):de(u,{className:o(ue),icon:p})};Z.states=Xe;Z.options=Ye;Z.className=ue;import{Fragment as ao,jsx as ro}from"react/jsx-runtime";import{Fragment as po,jsx as mo}from"react/jsx-runtime";import{jsx as No}from"react/jsx-runtime";import{jsx as Mo}from"react/jsx-runtime";import{jsx as bo}from"react/jsx-runtime";var j="searchbar",fe=j;import{jsx as xe}from"react/jsx-runtime";var Ne="k-searchbar",je=[],et={},tt={},I=t=>{let{placeholder:e,...s}=t;return xe("span",{...s,className:o(t.className,Ne),children:xe(C,{placeholder:e})})};I.states=je;I.options=et;I.className=Ne;I.defaultOptions=tt;I.moduleName=j;I.folderName=fe;var Do=I;export{Ne as SEARCHBAR_CLASSNAME,I as SearchBar,Do as default};