@progress/kendo-themes-html/dist/esm/speech-to-text-button/speech-to-text-button.spec.mjs

A collection of HTML helpers used for developing Kendo UI themes

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