@progress/kendo-themes-html/dist/cjs/textbox/templates/textbox-suffix.js

A collection of HTML helpers used for developing Kendo UI themes

var Ge=Object.create;var j=Object.defineProperty;var Je=Object.getOwnPropertyDescriptor;var We=Object.getOwnPropertyNames;var Qe=Object.getPrototypeOf,Ye=Object.prototype.hasOwnProperty;var Ze=(e,t)=>{for(var o in t)j(e,o,{get:t[o],enumerable:!0})},ve=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of We(t))!Ye.call(e,i)&&i!==o&&j(e,i,{get:()=>t[i],enumerable:!(r=Je(t,i))||r.enumerable});return e};var je=(e,t,o)=>(o=e!=null?Ge(Qe(e)):{},ve(t||!e||!e.__esModule?j(o,"default",{value:e,enumerable:!0}):o,e)),et=e=>ve(j({},"__esModule",{value:!0}),e);var Kt={};Ze(Kt,{TextboxSuffix:()=>Rt});module.exports=et(Kt);var l=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?l(...t):typeof t=="object"?Object.keys(t).map((o,r)=>t[r]||t[o]&&o||null).filter(o=>o!==null).join(" "):t).filter(t=>!!t).join(" ");var f=(e,t)=>l({[`${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"}),_=(e,t)=>{let{valid:o,invalid:r,hover:i,focus:c,checked:d,active:N,selected:m,disabled:I,indeterminate:y,loading:T,empty:K,readonly:C,highlighted:S,...O}=t;return l({"k-valid":o,"k-invalid":r,"k-hover":i,"k-focus":c,"k-checked":d,"k-active":N,"k-selected":m,"k-disabled":I,"k-indeterminate":y&&!d,"k-loading":T,"k-empty":K,"k-readonly":C,"k-highlighted":S},Object.keys(O).reduce((L,b)=>(b.startsWith("k-")?L[b]=O[b]:L[`k-${b}`]=O[b],L),{}))};function ye(e,t){if(!t)return{};let o=Array.isArray(t)?t:[t];return Object.fromEntries(o.map(r=>[`k-${r}`,!0]))}var a={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},p={small:"small",medium:"medium",large:"large",full:"full"},u={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},n={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",generating:"generating",expanded:"expanded"};var ie="textbox",Te=ie;var V="input",ee=V;var Se=require("react/jsx-runtime"),te="k-input",tt=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],ot={size:[a.small,a.medium,a.large],rounded:[p.small,p.medium,p.large,p.full],fillMode:[u.solid,u.flat,u.outline]},oe={size:a.medium,rounded:a.medium,fillMode:u.solid},g=e=>{let{hover:t,focus:o,disabled:r,invalid:i,valid:c,loading:d,readonly:N,size:m=oe.size,rounded:I=oe.rounded,fillMode:y=oe.fillMode,...T}=e;return(0,Se.jsx)("span",{...T,className:l(e.className,te,f(te,{size:m,rounded:I,fillMode:y}),_(te,{hover:t,focus:o,disabled:r,invalid:i,valid:c,loading:d,readonly:N}))})};g.states=tt;g.options=ot;g.className=te;g.defaultOptions=oe;g.moduleName=V;g.folderName=ee;var ke=require("react/jsx-runtime"),ne="k-picker",nt=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],st={size:[a.small,a.medium,a.large],rounded:[p.small,p.medium,p.large,p.full],fillMode:[u.solid,u.flat,u.outline]},se={size:a.medium,rounded:p.medium,fillMode:u.solid},H=e=>{let{hover:t,focus:o,disabled:r,invalid:i,valid:c,loading:d,readonly:N,size:m=se.size,rounded:I=se.rounded,fillMode:y=se.fillMode,...T}=e;return(0,ke.jsx)("span",{...T,className:l(e.className,ne,f(ne,{size:m,rounded:I,fillMode:y}),_(ne,{hover:t,focus:o,disabled:r,invalid:i,valid:c,loading:d,readonly:N})),children:e.children})};H.states=nt;H.options=st;H.className=ne;H.defaultOptions=se;H.moduleName=V;H.folderName=ee;var $=require("react/jsx-runtime"),de="k-font-icon",at=[],rt={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info,n.light,n.dark]},lt={},U=e=>{let{size:t,themeColor:o,icon:r,rotate:i,flip:c,...d}=e;return r?(0,$.jsx)("span",{...d,className:l(e.className,de,f(de,{size:t}),{[`k-i-${r}`]:r,[`k-color-${o}`]:o,[`k-rotate-${i}`]:i,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"})}):(0,$.jsx)($.Fragment,{})};U.states=at;U.options=rt;U.className=de;U.defaultOptions=lt;var Oe=U;var E=require("react/jsx-runtime"),ce="k-svg-icon",it=[],dt={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info,n.light,n.dark]},Ce={viewBox:"0 0 24 24"},F=e=>{let{size:t,themeColor:o,rotate:r,flip:i,viewBox:c=Ce.viewBox,icon:d,...N}=e;if(!d)return(0,E.jsx)(E.Fragment,{});d==="none"&&{...N,className:l(e.className,ce,"k-none")};let m=typeof d=="object"&&d.name&&d.name;return(0,E.jsx)("span",{...N,className:l(e.className,ce,f("k-icon",{size:t}),{[`k-svg-i-${m}`]:m,[`k-color-${o}`]:o,[`k-rotate-${r}`]:r,"k-flip-h":i==="h"||i==="both","k-flip-v":i==="v"||i==="both"}),children:(0,E.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof d=="object"?d.viewBox:c,dangerouslySetInnerHTML:typeof d=="object"?{__html:d.content}:void 0,children:d?void 0:e.children})})};F.states=it;F.options=dt;F.className=ce;F.defaultOptions=Ce;var pe=F;var ue=je(require("@progress/kendo-svg-icons"));var Le="icon",Ee="icons";var k=require("react/jsx-runtime"),ae="k-icon",ct=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),pt=[],ut={size:[a.xsmall,a.small,a.medium,a.large,a.xlarge,a.xxlarge,a.xxxlarge],themeColor:[n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info,n.light,n.dark]},me={viewBox:"0 0 24 24",type:"svg"},h=e=>{let{size:t,themeColor:o,icon:r,type:i=me.type,rotate:c,flip:d,viewBox:N=me.viewBox,...m}=e;if(!r)return(0,k.jsx)(k.Fragment,{});if(i==="svg"){if(r==="none")return(0,k.jsx)(pe,{...m,className:l(e.className,ae),icon:r,size:t});let I=ue[r]?r:ct(`${r}-icon`);return ue[I]?(0,k.jsx)(pe,{...m,className:l(e.className,ae),icon:ue[I],size:t,themeColor:o,rotate:c,flip:d,viewBox:N}):(0,k.jsx)(k.Fragment,{})}return(0,k.jsx)(Oe,{...m,className:l(e.className,ae),icon:r,size:t,themeColor:o,rotate:c,flip:d})};h.states=pt;h.options=ut;h.defaultOptions=me;h.className=ae;h.moduleName=Le;h.folderName=Ee;var P=require("react/jsx-runtime"),Ae="k-clear-value",mt=[s.disabled,s.loading,s.readonly],ft={},D=e=>{let{disabled:t,loading:o,readonly:r,value:i}=e;return t||r||o||!i?(0,P.jsx)(P.Fragment,{}):(0,P.jsx)("span",{className:l(e.className,Ae),children:(0,P.jsx)(h,{icon:"x"})})};D.states=mt;D.options=ft;D.className=Ae;var ze=require("react/jsx-runtime"),fe="k-input-inner",xt=[],Nt={},re={type:"text",autocomplete:"off",value:"",placeholder:""},X=e=>{let{value:t=re.value,type:o=re.type,placeholder:r=re.placeholder,autocomplete:i=re.autocomplete,...c}=e;return(0,ze.jsx)("input",{...c,type:o,className:l(e.className,fe,f(fe,e)),placeholder:r,autoComplete:i,defaultValue:t})};X.states=xt;X.options=Nt;X.className=fe;var q=require("react/jsx-runtime"),xe="k-input-inner",ht=[],It={},Ne=e=>{let{value:t,placeholder:o,showValue:r,valueIcon:i,valueIconName:c,...d}=e;return(0,q.jsxs)("span",{...d,className:l(e.className,xe,f(xe,e)),children:[i,!i&&c&&(0,q.jsx)(h,{className:"k-input-value-icon",icon:c}),r&&!t&&o,r&&t&&(0,q.jsx)("span",{className:"k-input-value-text",children:t})]})};Ne.states=ht;Ne.options=It;Ne.className=xe;var Be=require("react/jsx-runtime"),he="k-input-inner",bt=[],gt={},we={value:"",placeholder:""},Ie=e=>{let{value:t=we.value,placeholder:o=we.placeholder,rows:r,...i}=e;return(0,Be.jsx)("textarea",{...i,className:l(e.className,he,f(he,e)),placeholder:o,rows:r,defaultValue:t})};Ie.states=bt;Ie.options=gt;Ie.className=he;var G=require("react/jsx-runtime"),_e="k-input-loading-icon",Mt=[s.disabled,s.loading],le=e=>{let{disabled:t,loading:o}=e;return t||!o?(0,G.jsx)(G.Fragment,{}):(0,G.jsx)("span",{className:l(e.className,_e,"k-icon k-i-loading")})};le.states=Mt;le.className=_e;var J=require("react/jsx-runtime"),He="k-input-validation-icon",vt=[s.valid,s.invalid,s.disabled,s.loading],yt={},W=e=>{let{valid:t,invalid:o,disabled:r,loading:i}=e,c=o?"warning-circle":"check-circle";return r||i||!!!(t||o)?(0,J.jsx)(J.Fragment,{}):(0,J.jsx)(h,{className:l(He),icon:c})};W.states=vt;W.options=yt;W.className=He;var Q=require("react/jsx-runtime"),Tt="k-input-prefix",St={direction:"horizontal"},Pe=e=>{let{direction:t=St.direction,...o}=e;return e.children?(0,Q.jsx)("span",{...o,className:l(Tt,e.className,{[`k-input-prefix-${t}`]:t}),children:e.children}):(0,Q.jsx)(Q.Fragment,{})};var Y=require("react/jsx-runtime"),kt="k-input-suffix",Ot={direction:"horizontal"},Re=e=>{let{direction:t=Ot.direction,...o}=e;return e.children?(0,Y.jsx)("span",{...o,className:l(kt,e.className,{[`k-input-suffix-${t}`]:t}),children:e.children}):(0,Y.jsx)(Y.Fragment,{})};var Ct=require("react/jsx-runtime");var Lt=require("react/jsx-runtime");var Ve=require("react/jsx-runtime"),Ke="k-input-separator",Et={direction:"vertical"},be=e=>{let{direction:t=Et.direction,...o}=e;return(0,Ve.jsx)("span",{...o,className:l(Ke,e.className,{[`${Ke}-${t}`]:t})})};var x=require("react/jsx-runtime"),$e="k-textbox",At=[s.hover,s.focus,s.valid,s.invalid,s.required,s.disabled,s.loading,s.readonly],zt={size:[a.small,a.medium,a.large],rounded:[p.small,p.medium,p.large,p.full],fillMode:[u.solid,u.flat,u.outline]},A={showClearButton:!0,showValidationIcon:!0,size:g.defaultOptions.size,rounded:g.defaultOptions.rounded,fillMode:g.defaultOptions.fillMode,separators:!0},z=e=>{let{size:t=A.size,rounded:o=A.rounded,fillMode:r=A.fillMode,separators:i=A.separators,showClearButton:c=A.showClearButton,showValidationIcon:d=A.showValidationIcon,prefix:N,suffix:m,type:I,value:y,placeholder:T,hover:K,focus:C,valid:S,invalid:O,required:L,loading:b,disabled:B,readonly:Me,...qe}=e;return(0,x.jsxs)(g,{...qe,size:t,rounded:o,fillMode:r,hover:K,focus:C,valid:S,invalid:O,required:L,loading:b,disabled:B,readonly:Me,className:l(e.className,$e),children:[N&&(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(Pe,{children:N}),i&&(0,x.jsx)(be,{})]}),(0,x.jsx)(X,{placeholder:T,value:y,type:I}),d&&(0,x.jsx)(W,{valid:S,invalid:O,loading:b,disabled:B}),(0,x.jsx)(le,{loading:b,disabled:B}),c&&(0,x.jsx)(D,{loading:b,disabled:B,readonly:Me,value:y}),m&&(0,x.jsxs)(x.Fragment,{children:[i&&(0,x.jsx)(be,{}),(0,x.jsx)(Re,{children:m})]})]})};z.states=At;z.options=zt;z.className=$e;z.defaultOptions=A;z.moduleName=ie;z.folderName=Te;var Ue=z;var ge="button",Fe=ge;var M=require("react/jsx-runtime"),Z="k-button",wt=["icon-button"],Bt=[s.hover,s.focus,s.active,s.selected,s.disabled,s.generating],_t={size:[a.small,a.medium,a.large],rounded:[p.small,p.medium,p.large,p.full],fillMode:[u.solid,u.flat,u.outline,u.clear,u.link],themeColor:[n.base,n.primary,n.secondary,n.tertiary,n.success,n.warning,n.error,n.info,n.light,n.dark,n.inverse]},w={size:a.medium,rounded:p.medium,fillMode:u.solid,themeColor:n.base,showArrow:!1,arrowIconName:"caret-alt-down"},v=e=>{let{size:t=w.size,rounded:o=w.rounded,fillMode:r=w.fillMode,themeColor:i=w.themeColor,showArrow:c=w.showArrow,arrowIconName:d=w.arrowIconName,variant:N,hover:m,focus:I,active:y,selected:T,disabled:K,icon:C,text:S,iconClassName:O,...L}=e,b=C!==void 0,B=e.children!==void 0;return(0,M.jsxs)("button",{...L,className:l(e.className,Z,ye(Z,N),f(Z,{size:t,rounded:o,fillMode:r,themeColor:i}),_(Z,{hover:m,focus:I,active:y,disabled:K,selected:T}),{"k-icon-button":!S&&!B&&b}),children:[C&&(0,M.jsx)(h,{className:l(O,"k-button-icon"),icon:C}),S?(0,M.jsxs)(M.Fragment,{children:[S&&(0,M.jsx)("span",{className:"k-button-text",children:S}),e.children]}):e.children&&(0,M.jsx)("span",{className:"k-button-text",children:e.children}),c&&(0,M.jsx)("span",{className:"k-menu-button-arrow k-button-arrow",children:(0,M.jsx)(h,{icon:d})})]})};v.states=Bt;v.options=_t;v.variants=wt;v.className=Z;v.defaultOptions=w;v.moduleName=ge;v.folderName=Fe;var Ht=require("react/jsx-runtime");var Pt=require("react/jsx-runtime");var Xe=require("react/jsx-runtime"),De=e=>(0,Xe.jsx)(v,{children:"Button",...e});var R=require("react/jsx-runtime"),Rt=e=>(0,R.jsx)(Ue,{suffix:(0,R.jsx)(R.Fragment,{children:(0,R.jsx)(De,{fillMode:"clear",children:"Send"})}),...e});