@progress/kendo-themes-html/dist/cjs/searchbox/searchbox.spec.js

A collection of HTML helpers used for developing Kendo UI themes

var Ce=Object.create;var $=Object.defineProperty;var Te=Object.getOwnPropertyDescriptor;var Ee=Object.getOwnPropertyNames;var Ae=Object.getPrototypeOf,ze=Object.prototype.hasOwnProperty;var He=(t,e)=>{for(var o in e)$(t,o,{get:e[o],enumerable:!0})},me=(t,e,o,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of Ee(e))!ze.call(t,l)&&l!==o&&$(t,l,{get:()=>e[l],enumerable:!(s=Te(e,l))||s.enumerable});return t};var Pe=(t,e,o)=>(o=t!=null?Ce(Ae(t)):{},me(e||!t||!t.__esModule?$(o,"default",{value:t,enumerable:!0}):o,t)),Re=t=>me($({},"__esModule",{value:!0}),t);var dt={};He(dt,{SEARCHBOX_CLASSNAME:()=>de,Searchbox:()=>v,default:()=>pt});module.exports=Re(dt);var r=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?r(...e):typeof e=="object"?Object.keys(e).map((o,s)=>e[s]||e[o]&&o||null).filter(o=>o!==null).join(" "):e).filter(e=>!!e).join(" ");var u=(t,e)=>r({[`${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"}),V=(t,e)=>{let{valid:o,invalid:s,hover:l,focus:p,checked:c,active:h,selected:m,disabled:I,indeterminate:M,loading:S,empty:J,readonly:Q,highlighted:Y,...L}=e;return r({"k-valid":o,"k-invalid":s,"k-hover":l,"k-focus":p,"k-checked":c,"k-active":h,"k-selected":m,"k-disabled":I,"k-indeterminate":M&&!c,"k-loading":S,"k-empty":J,"k-readonly":Q,"k-highlighted":Y},Object.keys(L).reduce((Z,C)=>(C.startsWith("k-")?Z[C]=L[C]:Z[`k-${C}`]=L[C],Z),{}))};var n={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},d={small:"small",medium:"medium",large:"large",full:"full"},f={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},i={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},a={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 T="input",B=T;var ue=require("react/jsx-runtime"),F="k-input",_e=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],we={size:[n.small,n.medium,n.large],rounded:[d.small,d.medium,d.large,d.full],fillMode:[f.solid,f.flat,f.outline]},U={size:n.medium,rounded:n.medium,fillMode:f.solid},N=t=>{let{hover:e,focus:o,disabled:s,invalid:l,valid:p,loading:c,readonly:h,size:m=U.size,rounded:I=U.rounded,fillMode:M=U.fillMode,...S}=t;return(0,ue.jsx)("span",{...S,className:r(t.className,F,u(F,{size:m,rounded:I,fillMode:M}),V(F,{hover:e,focus:o,disabled:s,invalid:l,valid:p,loading:c,readonly:h}))})};N.states=_e;N.options=we;N.className=F;N.defaultOptions=U;N.moduleName=T;N.folderName=B;var fe=require("react/jsx-runtime"),D="k-picker",Ke=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading,a.readonly],$e={size:[n.small,n.medium,n.large],rounded:[d.small,d.medium,d.large,d.full],fillMode:[f.solid,f.flat,f.outline]},q={size:n.medium,rounded:d.medium,fillMode:f.solid},k=t=>{let{hover:e,focus:o,disabled:s,invalid:l,valid:p,loading:c,readonly:h,size:m=q.size,rounded:I=q.rounded,fillMode:M=q.fillMode,...S}=t;return(0,fe.jsx)("span",{...S,className:r(t.className,D,u(D,{size:m,rounded:I,fillMode:M}),V(D,{hover:e,focus:o,disabled:s,invalid:l,valid:p,loading:c,readonly:h})),children:t.children})};k.states=Ke;k.options=$e;k.className=D;k.defaultOptions=q;k.moduleName=T;k.folderName=B;var E=require("react/jsx-runtime"),j="k-font-icon",Ve=[],Be={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[i.base,i.primary,i.secondary,i.tertiary,i.success,i.warning,i.error,i.info,i.light,i.dark]},Fe={},A=t=>{let{size:e,themeColor:o,icon:s,rotate:l,flip:p,...c}=t;return s?(0,E.jsx)("span",{...c,className:r(t.className,j,u(j,{size:e}),{[`k-i-${s}`]:s,[`k-color-${o}`]:o,[`k-rotate-${l}`]:l,"k-flip-h":p==="h"||p==="both","k-flip-v":p==="v"||p==="both"})}):(0,E.jsx)(E.Fragment,{})};A.states=Ve;A.options=Be;A.className=j;A.defaultOptions=Fe;var xe=A;var y=require("react/jsx-runtime"),ee="k-svg-icon",Ue=[],De={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[i.base,i.primary,i.secondary,i.tertiary,i.success,i.warning,i.error,i.info,i.light,i.dark]},he={viewBox:"0 0 24 24"},z=t=>{let{size:e,themeColor:o,rotate:s,flip:l,viewBox:p=he.viewBox,icon:c,...h}=t;if(!c)return(0,y.jsx)(y.Fragment,{});c==="none"&&{...h,className:r(t.className,ee,"k-none")};let m=typeof c=="object"&&c.name&&c.name;return(0,y.jsx)("span",{...h,className:r(t.className,ee,u("k-icon",{size:e}),{[`k-svg-i-${m}`]:m,[`k-color-${o}`]:o,[`k-rotate-${s}`]:s,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"}),children:(0,y.jsx)("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})})};z.states=Ue;z.options=De;z.className=ee;z.defaultOptions=he;var te=z;var oe=Pe(require("@progress/kendo-svg-icons"));var Ne="icon",Ie="icons";var g=require("react/jsx-runtime"),G="k-icon",qe=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),Ge=[],Xe={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[i.base,i.primary,i.secondary,i.tertiary,i.success,i.warning,i.error,i.info,i.light,i.dark]},ne={viewBox:"0 0 24 24",type:"svg"},x=t=>{let{size:e,themeColor:o,icon:s,type:l=ne.type,rotate:p,flip:c,viewBox:h=ne.viewBox,...m}=t;if(!s)return(0,g.jsx)(g.Fragment,{});if(l==="svg"){if(s==="none")return(0,g.jsx)(te,{...m,className:r(t.className,G),icon:s,size:e});let I=oe[s]?s:qe(`${s}-icon`);return oe[I]?(0,g.jsx)(te,{...m,className:r(t.className,G),icon:oe[I],size:e,themeColor:o,rotate:p,flip:c,viewBox:h}):(0,g.jsx)(g.Fragment,{})}return(0,g.jsx)(xe,{...m,className:r(t.className,G),icon:s,size:e,themeColor:o,rotate:p,flip:c})};x.states=Ge;x.options=Xe;x.defaultOptions=ne;x.className=G;x.moduleName=Ne;x.folderName=Ie;var O=require("react/jsx-runtime"),ge="k-clear-value",We=[a.disabled,a.loading,a.readonly],Je={},H=t=>{let{disabled:e,loading:o,readonly:s,value:l}=t;return e||s||o||!l?(0,O.jsx)(O.Fragment,{}):(0,O.jsx)("span",{className:r(t.className,ge),children:(0,O.jsx)(x,{icon:"x"})})};H.states=We;H.options=Je;H.className=ge;var be=require("react/jsx-runtime"),se="k-input-inner",Qe=[],Ye={},X={type:"text",autocomplete:"off",value:"",placeholder:""},P=t=>{let{value:e=X.value,type:o=X.type,placeholder:s=X.placeholder,autocomplete:l=X.autocomplete,...p}=t;return(0,be.jsx)("input",{...p,type:o,className:r(t.className,se,u(se,t)),placeholder:s,autoComplete:l,defaultValue:e})};P.states=Qe;P.options=Ye;P.className=se;var R=require("react/jsx-runtime"),ae="k-input-inner",Ze=[],je={},re=t=>{let{value:e,placeholder:o,showValue:s,valueIcon:l,valueIconName:p,...c}=t;return(0,R.jsxs)("span",{...c,className:r(t.className,ae,u(ae,t)),children:[l,!l&&p&&(0,R.jsx)(x,{className:"k-input-value-icon",icon:p}),s&&!e&&o,s&&e&&(0,R.jsx)("span",{className:"k-input-value-text",children:e})]})};re.states=Ze;re.options=je;re.className=ae;var Me=require("react/jsx-runtime"),le="k-input-inner",et=[],tt={},ve={value:"",placeholder:""},ie=t=>{let{value:e=ve.value,placeholder:o=ve.placeholder,rows:s,...l}=t;return(0,Me.jsx)("textarea",{...l,className:r(t.className,le,u(le,t)),placeholder:o,rows:s,defaultValue:e})};ie.states=et;ie.options=tt;ie.className=le;var _=require("react/jsx-runtime"),Se="k-input-loading-icon",ot=[a.disabled,a.loading],W=t=>{let{disabled:e,loading:o}=t;return e||!o?(0,_.jsx)(_.Fragment,{}):(0,_.jsx)("span",{className:r(t.className,Se,"k-icon k-i-loading")})};W.states=ot;W.className=Se;var w=require("react/jsx-runtime"),ye="k-input-validation-icon",nt=[a.valid,a.invalid,a.disabled,a.loading],st={},K=t=>{let{valid:e,invalid:o,disabled:s,loading:l}=t,p=o?"warning-circle":"check-circle";return s||l||!!!(e||o)?(0,w.jsx)(w.Fragment,{}):(0,w.jsx)(x,{className:r(ye),icon:p})};K.states=nt;K.options=st;K.className=ye;var ke=require("react/jsx-runtime");var Oe=require("react/jsx-runtime");var at=require("react/jsx-runtime");var rt=require("react/jsx-runtime");var lt=require("react/jsx-runtime");var ce="searchbox",Le=ce;var b=require("react/jsx-runtime"),de="k-searchbox",it=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.loading],ct={size:[n.small,n.medium,n.large],rounded:[d.small,d.medium,d.large,d.full],fillMode:[f.solid,f.flat,f.outline]},pe={showIcon:!0,icon:"search",size:N.defaultOptions.size,rounded:N.defaultOptions.rounded,fillMode:N.defaultOptions.fillMode},v=t=>{let{value:e,placeholder:o,size:s,rounded:l,fillMode:p,hover:c,focus:h,valid:m,invalid:I,required:M,loading:S,disabled:J,showIcon:Q=pe.showIcon,icon:Y=pe.icon,...L}=t;return(0,b.jsxs)(N,{...L,size:s,rounded:l,fillMode:p,hover:c,focus:h,valid:m,invalid:I,required:M,loading:S,disabled:J,className:r(t.className,de),children:[Q&&(0,b.jsx)(x,{className:"k-input-icon",icon:Y}),(0,b.jsx)(P,{placeholder:o,value:e}),(0,b.jsx)(W,{...t}),(0,b.jsx)(K,{...t}),(0,b.jsx)(H,{...t})]})};v.states=it;v.options=ct;v.className=de;v.defaultOptions=pe;v.moduleName=ce;v.folderName=Le;var pt=v;