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

A collection of HTML helpers used for developing Kendo UI themes

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