@progress/kendo-themes-html/dist/esm/chat/chat-send-button.mjs

A collection of HTML helpers used for developing Kendo UI themes

var a=(...o)=>o.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?a(...e):typeof e=="object"?Object.keys(e).map((s,r)=>e[r]||e[s]&&s||null).filter(s=>s!==null).join(" "):e).filter(e=>!!e).join(" ");var b=(o,e)=>a({[`${o}-xs`]:e.size==="xsmall",[`${o}-sm`]:e.size==="small",[`${o}-md`]:e.size==="medium",[`${o}-lg`]:e.size==="large",[`${o}-xl`]:e.size==="xlarge",[`${o}-xxl`]:e.size==="xxlarge",[`${o}-xxxl`]:e.size==="xxxlarge"},{[`${o}-${e.fillMode}`]:e.fillMode},{[`${o}-${e.fillMode}-${e.themeColor}`]:e.fillMode&&e.themeColor},{[`${o}-${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"}),U=(o,e)=>{let{valid:s,invalid:r,hover:c,focus:d,checked:i,active:p,selected:m,disabled:N,indeterminate:_,loading:E,empty:L,readonly:C,highlighted:y,...k}=e;return a({"k-valid":s,"k-invalid":r,"k-hover":c,"k-focus":d,"k-checked":i,"k-active":p,"k-selected":m,"k-disabled":N,"k-indeterminate":_&&!i,"k-loading":E,"k-empty":L,"k-readonly":C,"k-highlighted":y},Object.keys(k).reduce((B,f)=>(f.startsWith("k-")?B[f]=k[f]:B[`k-${f}`]=k[f],B),{}))};function D(o,e){if(!e)return{};let s=Array.isArray(e)?e:[e];return Object.fromEntries(s.map(r=>[`k-${r}`,!0]))}var n={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},v={small:"small",medium:"medium",large:"large",full:"full"},x={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},t={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},h={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"};import{Fragment as re,jsx as V}from"react/jsx-runtime";var K="k-font-icon",te=[],oe={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info,t.light,t.dark]},ne={},S=o=>{let{size:e,themeColor:s,icon:r,rotate:c,flip:d,...i}=o;return r?V("span",{...i,className:a(o.className,K,b(K,{size:e}),{[`k-i-${r}`]:r,[`k-color-${s}`]:s,[`k-rotate-${c}`]:c,"k-flip-h":d==="h"||d==="both","k-flip-v":d==="v"||d==="both"})}):V(re,{})};S.states=te;S.options=oe;S.className=K;S.defaultOptions=ne;var G=S;import{Fragment as ae,jsx as w}from"react/jsx-runtime";var $="k-svg-icon",se=[],ie={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info,t.light,t.dark]},q={viewBox:"0 0 24 24"},O=o=>{let{size:e,themeColor:s,rotate:r,flip:c,viewBox:d=q.viewBox,icon:i,...p}=o;if(!i)return w(ae,{});i==="none"&&{...p,className:a(o.className,$,"k-none")};let m=typeof i=="object"&&i.name&&i.name;return w("span",{...p,className:a(o.className,$,b("k-icon",{size:e}),{[`k-svg-i-${m}`]:m,[`k-color-${s}`]:s,[`k-rotate-${r}`]:r,"k-flip-h":c==="h"||c==="both","k-flip-v":c==="v"||c==="both"}),children:w("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof i=="object"?i.viewBox:d,dangerouslySetInnerHTML:typeof i=="object"?{__html:i.content}:void 0,children:i?void 0:o.children})})};O.states=se;O.options=ie;O.className=$;O.defaultOptions=q;var H=O;import*as R from"@progress/kendo-svg-icons";var j="icon",W="icons";import{Fragment as J,jsx as M}from"react/jsx-runtime";var z="k-icon",le=o=>o.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),ce=[],de={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info,t.light,t.dark]},P={viewBox:"0 0 24 24",type:"svg"},u=o=>{let{size:e,themeColor:s,icon:r,type:c=P.type,rotate:d,flip:i,viewBox:p=P.viewBox,...m}=o;if(!r)return M(J,{});if(c==="svg"){if(r==="none")return M(H,{...m,className:a(o.className,z),icon:r,size:e});let N=R[r]?r:le(`${r}-icon`);return R[N]?M(H,{...m,className:a(o.className,z),icon:R[N],size:e,themeColor:s,rotate:d,flip:i,viewBox:p}):M(J,{})}return M(G,{...m,className:a(o.className,z),icon:r,size:e,themeColor:s,rotate:d,flip:i})};u.states=ce;u.options=de;u.defaultOptions=P;u.className=z;u.moduleName=j;u.folderName=W;var F="button",Q=F;import{Fragment as fe,jsx as T,jsxs as X}from"react/jsx-runtime";var I="k-button",me=["icon-button"],ue=[h.hover,h.focus,h.active,h.selected,h.disabled,h.generating],pe={size:[n.small,n.medium,n.large],rounded:[v.small,v.medium,v.large,v.full],fillMode:[x.solid,x.flat,x.outline,x.clear,x.link],themeColor:[t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info,t.light,t.dark,t.inverse]},g={size:n.medium,rounded:v.medium,fillMode:x.solid,themeColor:t.base,showArrow:!1,arrowIconName:"caret-alt-down"},l=o=>{let{size:e=g.size,rounded:s=g.rounded,fillMode:r=g.fillMode,themeColor:c=g.themeColor,showArrow:d=g.showArrow,arrowIconName:i=g.arrowIconName,variant:p,hover:m,focus:N,active:_,selected:E,disabled:L,icon:C,text:y,iconClassName:k,...B}=o,f=C!==void 0,ee=o.children!==void 0;return X("button",{...B,className:a(o.className,I,D(I,p),b(I,{size:e,rounded:s,fillMode:r,themeColor:c}),U(I,{hover:m,focus:N,active:_,disabled:L,selected:E}),{"k-icon-button":!y&&!ee&&f}),children:[C&&T(u,{className:a(k,"k-button-icon"),icon:C}),y?X(fe,{children:[y&&T("span",{className:"k-button-text",children:y}),o.children]}):o.children&&T("span",{className:"k-button-text",children:o.children}),d&&T("span",{className:"k-menu-button-arrow k-button-arrow",children:T(u,{icon:i})})]})};l.states=ue;l.options=pe;l.variants=me;l.className=I;l.defaultOptions=g;l.moduleName=F;l.folderName=Q;import{jsx as Je}from"react/jsx-runtime";import{jsx as Ze}from"react/jsx-runtime";import{jsx as nt}from"react/jsx-runtime";import{jsx as xe}from"react/jsx-runtime";var Y="k-chat-send",Z={generating:!1},A=o=>{let{generating:e=Z.generating,...s}=o;return xe(l,{...s,fillMode:"solid",themeColor:"primary",rounded:"full",icon:e?"stop-sm":"paper-plane",active:e,className:a(o.className,Y,{"k-generating":e})})};A.states=l.states;A.options=l.options;A.className=Y;A.defaultOptions=Z;var xt=A;export{Y as CHAT_SEND_BUTTON_CLASSNAME,A as ChatSendButton,xt as default};