@progress/kendo-themes-html/dist/esm/prompt/prompt-stop-fab.mjs

A collection of HTML helpers used for developing Kendo UI themes

var a=(...e)=>e.filter(t=>t!==!0&&!!t).map(t=>Array.isArray(t)?a(...t):typeof t=="object"?Object.keys(t).map((i,s)=>t[s]||t[i]&&i||null).filter(i=>i!==null).join(" "):t).filter(t=>!!t).join(" ");var A=(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"}),k=(e,t)=>{let{valid:i,invalid:s,hover:m,focus:l,checked:r,active:g,selected:d,disabled:b,indeterminate:C,loading:O,empty:S,readonly:B,highlighted:N,...F}=t;return a({"k-valid":i,"k-invalid":s,"k-hover":m,"k-focus":l,"k-checked":r,"k-active":g,"k-selected":d,"k-disabled":b,"k-indeterminate":C&&!r,"k-loading":O,"k-empty":S,"k-readonly":B,"k-highlighted":N},Object.keys(F).reduce((T,y)=>(y.startsWith("k-")?T[y]=F[y]:T[`k-${y}`]=F[y],T),{}))};function q(e,t){if(!t)return{};let i=Array.isArray(t)?t:[t];return Object.fromEntries(i.map(s=>[`k-${s}`,!0]))}var n={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},x={small:"small",medium:"medium",large:"large",full:"full"},p={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},o={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"},c={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 mt,jsx as W}from"react/jsx-runtime";var R="k-font-icon",at=[],lt={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},ct={},I=e=>{let{size:t,themeColor:i,icon:s,rotate:m,flip:l,...r}=e;return s?W("span",{...r,className:a(e.className,R,A(R,{size:t}),{[`k-i-${s}`]:s,[`k-color-${i}`]:i,[`k-rotate-${m}`]:m,"k-flip-h":l==="h"||l==="both","k-flip-v":l==="v"||l==="both"})}):W(mt,{})};I.states=at;I.options=lt;I.className=R;I.defaultOptions=ct;var J=I;import{Fragment as ut,jsx as w}from"react/jsx-runtime";var H="k-svg-icon",dt=[],pt={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},Q={viewBox:"0 0 24 24"},K=e=>{let{size:t,themeColor:i,rotate:s,flip:m,viewBox:l=Q.viewBox,icon:r,...g}=e;if(!r)return w(ut,{});r==="none"&&{...g,className:a(e.className,H,"k-none")};let d=typeof r=="object"&&r.name&&r.name;return w("span",{...g,className:a(e.className,H,A("k-icon",{size:t}),{[`k-svg-i-${d}`]:d,[`k-color-${i}`]:i,[`k-rotate-${s}`]:s,"k-flip-h":m==="h"||m==="both","k-flip-v":m==="v"||m==="both"}),children:w("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof r=="object"?r.viewBox:l,dangerouslySetInnerHTML:typeof r=="object"?{__html:r.content}:void 0,children:r?void 0:e.children})})};K.states=dt;K.options=pt;K.className=H;K.defaultOptions=Q;var U=K;import*as D from"@progress/kendo-svg-icons";var X="icon",Y="icons";import{Fragment as Z,jsx as L}from"react/jsx-runtime";var P="k-icon",ft=e=>e.replace(/([-_][a-z0-9])/gi,t=>t.toUpperCase().replace("-","").replace("_","")),gt=[],xt={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark]},V={viewBox:"0 0 24 24",type:"svg"},u=e=>{let{size:t,themeColor:i,icon:s,type:m=V.type,rotate:l,flip:r,viewBox:g=V.viewBox,...d}=e;if(!s)return L(Z,{});if(m==="svg"){if(s==="none")return L(U,{...d,className:a(e.className,P),icon:s,size:t});let b=D[s]?s:ft(`${s}-icon`);return D[b]?L(U,{...d,className:a(e.className,P),icon:D[b],size:t,themeColor:i,rotate:l,flip:r,viewBox:g}):L(Z,{})}return L(J,{...d,className:a(e.className,P),icon:s,size:t,themeColor:i,rotate:l,flip:r})};u.states=gt;u.options=xt;u.defaultOptions=V;u.className=P;u.moduleName=X;u.folderName=Y;var G="button",j=G;import{Fragment as At,jsx as E,jsxs as tt}from"react/jsx-runtime";var z="k-button",ht=["icon-button"],bt=[c.hover,c.focus,c.active,c.selected,c.disabled,c.generating],Nt={size:[n.small,n.medium,n.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[p.solid,p.flat,p.outline,p.clear,p.link],themeColor:[o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark,o.inverse]},M={size:n.medium,rounded:x.medium,fillMode:p.solid,themeColor:o.base,showArrow:!1,arrowIconName:"caret-alt-down"},f=e=>{let{size:t=M.size,rounded:i=M.rounded,fillMode:s=M.fillMode,themeColor:m=M.themeColor,showArrow:l=M.showArrow,arrowIconName:r=M.arrowIconName,variant:g,hover:d,focus:b,active:C,selected:O,disabled:S,icon:B,text:N,iconClassName:F,...T}=e,y=B!==void 0,rt=e.children!==void 0;return tt("button",{...T,className:a(e.className,z,q(z,g),A(z,{size:t,rounded:i,fillMode:s,themeColor:m}),k(z,{hover:d,focus:b,active:C,disabled:S,selected:O}),{"k-icon-button":!N&&!rt&&y}),children:[B&&E(u,{className:a(F,"k-button-icon"),icon:B}),N?tt(At,{children:[N&&E("span",{className:"k-button-text",children:N}),e.children]}):e.children&&E("span",{className:"k-button-text",children:e.children}),l&&E("span",{className:"k-menu-button-arrow k-button-arrow",children:E(u,{icon:r})})]})};f.states=bt;f.options=Nt;f.variants=ht;f.className=z;f.defaultOptions=M;f.moduleName=G;f.folderName=j;import{jsx as co}from"react/jsx-runtime";import{jsx as fo}from"react/jsx-runtime";import{jsx as bo}from"react/jsx-runtime";import{jsx as ot,jsxs as vt}from"react/jsx-runtime";var $="k-fab",Mt=[c.hover,c.focus,c.active,c.selected,c.disabled],kt={size:[n.small,n.medium,n.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[p.solid,p.flat,p.outline,p.clear,p.link],themeColor:[o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info,o.light,o.dark,o.inverse]},v={size:n.medium,rounded:x.full,fillMode:p.solid,themeColor:o.primary,type:"button"},h=e=>{let{size:t=v.size,rounded:i=v.rounded,fillMode:s=v.fillMode,themeColor:m=v.themeColor,text:l,icon:r,type:g=v.type,position:d,hover:b,focus:C,active:O,selected:S,disabled:B,...N}=e;return vt("button",{...N,type:g,className:a(e.className,$,A($,{size:t,rounded:i,fillMode:s,themeColor:m}),k($,{hover:b,focus:C,active:O,disabled:B,selected:S}),{[`!k-pos-absolute k-${d}`]:d}),children:[r&&ot(u,{className:"k-fab-icon",icon:r}),l&&ot("span",{className:"k-fab-text",children:l})]})};h.states=Mt;h.options=kt;h.className=$;h.defaultOptions=v;h.moduleName="fab";h.folderName="fab";import{jsx as Lo}from"react/jsx-runtime";import{jsx as nt,jsxs as St}from"react/jsx-runtime";var et="k-fab-item",Ct=[c.hover,c.focus,c.active,c.disabled],Ot=e=>{let{text:t,icon:i,align:s,hover:m,focus:l,active:r,disabled:g,...d}=e;return St("li",{...d,className:a(e.className,et,{[`k-text-${s}`]:s},k(et,{hover:m,focus:l,active:r,disabled:g})),children:[nt("span",{className:"k-fab-item-text",children:t}),nt(u,{className:"k-fab-item-icon",icon:i})]})};Ot.states=Ct;import{jsx as Ho}from"react/jsx-runtime";import{jsx as Go}from"react/jsx-runtime";import{jsx as Qo}from"react/jsx-runtime";import{jsx as Ft}from"react/jsx-runtime";var st="k-prompt-stop-fab",it={generating:!0},_=e=>{let{generating:t=it.generating,icon:i,...s}=e;return Ft(h,{...s,className:a(e.className,st,{"k-generating":t}),style:{bottom:"16px",right:"16px"},position:"bottom-end",icon:t?"stop-sm":i,active:t})};_.states=f.states;_.options=f.options;_.className=st;_.defaultOptions=it;var de=_;export{_ as PromptStopFloatingActionButton,de as default};