@progress/kendo-themes-html/dist/cjs/fab/fab.spec.js

A collection of HTML helpers used for developing Kendo UI themes

var X=Object.create;var T=Object.defineProperty;var Y=Object.getOwnPropertyDescriptor;var Z=Object.getOwnPropertyNames;var ee=Object.getPrototypeOf,te=Object.prototype.hasOwnProperty;var oe=(t,e)=>{for(var i in e)T(t,i,{get:e[i],enumerable:!0})},D=(t,e,i,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of Z(e))!te.call(t,r)&&r!==i&&T(t,r,{get:()=>e[r],enumerable:!(a=Y(e,r))||a.enumerable});return t};var ne=(t,e,i)=>(i=t!=null?X(ee(t)):{},D(e||!t||!t.__esModule?T(i,"default",{value:t,enumerable:!0}):i,t)),ie=t=>D(T({},"__esModule",{value:!0}),t);var be={};oe(be,{FLOATINGACTIONBUTTON_CLASSNAME:()=>S,FloatingActionButton:()=>h,default:()=>he});module.exports=ie(be);var l=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?l(...e):typeof e=="object"?Object.keys(e).map((i,a)=>e[a]||e[i]&&i||null).filter(i=>i!==null).join(" "):e).filter(e=>!!e).join(" ");var y=(t,e)=>l({[`${t}-xs`]:e.size==="xsmall",[`${t}-sm`]:e.size==="small",[`${t}-md`]:e.size==="medium",[`${t}-lg`]:e.size==="large",[`${t}-xl`]:e.size==="xlarge",[`${t}-xxl`]:e.size==="xxlarge",[`${t}-xxxl`]:e.size==="xxxlarge"},{[`${t}-${e.fillMode}`]:e.fillMode},{[`${t}-${e.themeColor}`]:e.themeColor},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full","k-rounded-none":e.rounded==="none"}),P=(t,e)=>{let{valid:i,invalid:a,hover:r,focus:d,checked:c,active:s,selected:b,disabled:f,indeterminate:m,loading:v,empty:u,readonly:_,highlighted:Q,...F}=e;return l({"k-valid":i,"k-invalid":a,"k-hover":r,"k-focus":d,"k-checked":c,"k-active":s,"k-selected":b,"k-disabled":f,"k-indeterminate":m&&!c,"k-loading":v,"k-empty":u,"k-readonly":_,"k-highlighted":Q},Object.keys(F).reduce((L,A)=>(A.startsWith("k-")?L[A]=F[A]:L[`k-${A}`]=F[A],L),{}))};var n={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},k={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"};var p={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},o={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},N={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 O=require("react/jsx-runtime"),w="k-font-icon",re=[],se={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info]},ae={},M=t=>{let{size:e,themeColor:i,icon:a,rotate:r,flip:d,...c}=t;return a?(0,O.jsx)("span",{...c,className:l(t.className,w,y(w,{size:e}),{[`k-i-${a}`]:a,[`k-color-${i}`]:i,[`k-rotate-${r}`]:r,"k-flip-h":d==="h"||d==="both","k-flip-v":d==="v"||d==="both"}),"aria-hidden":"true"}):(0,O.jsx)(O.Fragment,{})};M.states=re;M.options=se;M.className=w;M.defaultOptions=ae;var V=M;var C=require("react/jsx-runtime"),$="k-svg-icon",le=[],de={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info],variant:[p.outline,p.solid,p.duotone]},R={viewBox:"0 0 24 24",variant:p.outline},I=t=>{var v,u;let{size:e,themeColor:i,rotate:a,flip:r,viewBox:d=R.viewBox,variant:c=R.variant,icon:s,...b}=t;if(!s)return(0,C.jsx)(C.Fragment,{});if(s==="none")return(0,C.jsx)("span",{...b,className:l(t.className,$,y("k-icon",{size:e}),"k-none"),"aria-hidden":"true"});let f=typeof s=="object"&&s.name&&s.name,m=typeof s=="object"?c&&((v=s.variants)==null?void 0:v[c])||((u=s.variants)==null?void 0:u.outline)||s.content:void 0;return(0,C.jsx)("span",{...b,className:l(t.className,$,y("k-icon",{size:e}),{[`k-svg-i-${f}`]:f,[`k-color-${i}`]:i,[`k-rotate-${a}`]:a,"k-flip-h":r==="h"||r==="both","k-flip-v":r==="v"||r==="both"}),"aria-hidden":"true",children:(0,C.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof s=="object"?s.viewBox:d,dangerouslySetInnerHTML:m!==void 0?{__html:m}:void 0,children:s?void 0:t.children})})};I.states=le;I.options=de;I.className=$;I.defaultOptions=R;var H=I;var K=ne(require("@progress/kendo-svg-icons"));var G="icon",U="icons";var W=require("react");var j=require("react"),q=(0,j.createContext)({iconsType:"svg"});var x=require("react/jsx-runtime"),B="k-icon",ce=t=>t.replace(/([-_][a-z0-9])/gi,e=>e.toUpperCase().replace("-","").replace("_","")),ue=[],me={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary,o.success,o.warning,o.error,o.info],variant:[p.outline,p.solid,p.duotone]},E={viewBox:"0 0 24 24",type:"svg",variant:p.outline},g=t=>{let{iconsType:e}=(0,W.useContext)(q),{size:i,themeColor:a,icon:r,type:d=e||E.type,rotate:c,flip:s,viewBox:b=E.viewBox,variant:f=E.variant,...m}=t;if(!r)return(0,x.jsx)(x.Fragment,{});if((e||d)==="svg"){if(r==="none")return(0,x.jsx)(H,{...m,className:l(t.className,B),icon:r,size:i,variant:f});let u=K[r]?r:ce(`${r}-icon`);return K[u]?(0,x.jsx)(H,{...m,className:l(t.className,B),icon:K[u],size:i,themeColor:a,rotate:c,flip:s,viewBox:b,variant:f}):(0,x.jsx)(x.Fragment,{})}return(0,x.jsx)(V,{...m,className:l(t.className,B),icon:r,size:i,themeColor:a,rotate:c,flip:s})};g.states=ue;g.options=me;g.defaultOptions=E;g.className=B;g.moduleName=G;g.folderName=U;g.ariaSpec={selector:".k-icon, .k-svg-icon",rules:[{selector:".k-icon, .k-svg-icon",attribute:"aria-hidden=true",usage:"Hides the icon element and all its children from assistive technologies."}]};var z=require("react/jsx-runtime"),S="k-fab",xe=[N.hover,N.focus,N.active,N.selected,N.disabled],ge={size:[n.undefined,n.small,n.medium,n.large],rounded:[k.undefined,k.none,k.small,k.medium,k.large,k.full],themeColor:[o.undefined,o.base,o.primary,o.secondary,o.tertiary]},J={type:"button"},h=t=>{let{size:e,rounded:i,themeColor:a,text:r,icon:d,type:c=J.type,position:s,hover:b,focus:f,active:m,selected:v,disabled:u,..._}=t;return(0,z.jsxs)("button",{..._,type:c,className:l(t.className,S,y(S,{size:e,rounded:i,themeColor:a}),P(S,{hover:b,focus:f,active:m,disabled:u,selected:v}),{[`!k-pos-absolute k-${s}`]:s}),...!r&&d&&!t["aria-label"]&&{"aria-label":"Action"},...u&&{"aria-disabled":"true"},disabled:u||void 0,children:[d&&(0,z.jsx)(g,{className:"k-fab-icon",icon:d}),r&&(0,z.jsx)("span",{className:"k-fab-text",children:r})]})};h.states=xe;h.options=ge;h.className=S;h.defaultOptions=J;h.moduleName="fab";h.folderName="fab";h.ariaSpec={selector:".k-fab",rules:[{selector:".k-fab",attribute:"role=button or nodeName=button",usage:"Omitted if the <button> DOM element is used."},{selector:".k-fab",attribute:"aria-label or title (when icon-only)",usage:"The attribute must be present when no text is initially visible in the button."},{selector:".k-fab.k-disabled",attribute:"aria-disabled=true",usage:"Rendered only when the button is disabled."}]};var he=h;