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

A collection of HTML helpers used for developing Kendo UI themes

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