@progress/kendo-themes-html/dist/esm/badge/templates/badge-normal.mjs

A collection of HTML helpers used for developing Kendo UI themes

var l=(...t)=>t.filter(o=>o!==!0&&!!o).map(o=>Array.isArray(o)?l(...o):typeof o=="object"?Object.keys(o).map((i,r)=>o[r]||o[i]&&i||null).filter(i=>i!==null).join(" "):o).filter(o=>!!o).join(" ");var f=(t,o)=>l({[`${t}-xs`]:o.size==="xsmall",[`${t}-sm`]:o.size==="small",[`${t}-md`]:o.size==="medium",[`${t}-lg`]:o.size==="large",[`${t}-xl`]:o.size==="xlarge",[`${t}-xxl`]:o.size==="xxlarge",[`${t}-xxxl`]:o.size==="xxxlarge"},{[`${t}-${o.fillMode}`]:o.fillMode},{[`${t}-${o.fillMode}-${o.themeColor}`]:o.fillMode&&o.themeColor},{[`${t}-${o.themeColor}`]:o.themeColor&&o.fillMode===void 0},{"k-rounded-sm":o.rounded==="small","k-rounded-md":o.rounded==="medium","k-rounded-lg":o.rounded==="large","k-rounded-full":o.rounded==="full"});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"},k={solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},e={inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inverse:"inverse"};var M="badge",I=M;import{jsx as R}from"react/jsx-runtime";var g="k-badge",F=[],H={size:[n.small,n.medium,n.large],rounded:[x.small,x.medium,x.large,x.full],fillMode:[k.solid,k.outline],themeColor:[e.base,e.primary,e.secondary,e.tertiary,e.success,e.warning,e.error,e.info,e.light,e.dark,e.inverse]},h={size:n.medium,fillMode:k.solid,themeColor:e.primary,cutoutBorder:!1},m=t=>{let{size:o=h.size,fillMode:i=h.fillMode,themeColor:r=h.themeColor,cutoutBorder:a=h.cutoutBorder,rounded:d,position:s,align:p,...c}=t;return R("span",{...c,className:l(t.className,g,f(g,{size:o,rounded:d,fillMode:i,themeColor:r}),{[`${g}-${s}`]:s,[`k-${p}`]:p,[`${g}-border-cutout`]:a}),children:t.children})};m.states=F;m.options=H;m.className=g;m.defaultOptions=h;m.moduleName=M;m.folderName=I;import{Fragment as V,jsx as $}from"react/jsx-runtime";var O="k-font-icon",G=[],K={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[e.base,e.primary,e.secondary,e.tertiary,e.success,e.warning,e.error,e.info,e.light,e.dark]},P={},y=t=>{let{size:o,themeColor:i,icon:r,rotate:a,flip:d,...s}=t;return r?$("span",{...s,className:l(t.className,O,f(O,{size:o}),{[`k-i-${r}`]:r,[`k-color-${i}`]:i,[`k-rotate-${a}`]:a,"k-flip-h":d==="h"||d==="both","k-flip-v":d==="v"||d==="both"})}):$(V,{})};y.states=G;y.options=K;y.className=O;y.defaultOptions=P;var _=y;import{Fragment as q,jsx as N}from"react/jsx-runtime";var z="k-svg-icon",U=[],j={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[e.base,e.primary,e.secondary,e.tertiary,e.success,e.warning,e.error,e.info,e.light,e.dark]},L={viewBox:"0 0 24 24"},b=t=>{let{size:o,themeColor:i,rotate:r,flip:a,viewBox:d=L.viewBox,icon:s,...p}=t;if(!s)return N(q,{});s==="none"&&{...p,className:l(t.className,z,"k-none")};let c=typeof s=="object"&&s.name&&s.name;return N("span",{...p,className:l(t.className,z,f("k-icon",{size:o}),{[`k-svg-i-${c}`]:c,[`k-color-${i}`]:i,[`k-rotate-${r}`]:r,"k-flip-h":a==="h"||a==="both","k-flip-v":a==="v"||a==="both"}),children:N("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof s=="object"?s.viewBox:d,dangerouslySetInnerHTML:typeof s=="object"?{__html:s.content}:void 0,children:s?void 0:t.children})})};b.states=U;b.options=j;b.className=z;b.defaultOptions=L;var B=b;import*as S from"@progress/kendo-svg-icons";var w="icon",T="icons";import{Fragment as D,jsx as v}from"react/jsx-runtime";var C="k-icon",W=t=>t.replace(/([-_][a-z0-9])/gi,o=>o.toUpperCase().replace("-","").replace("_","")),J=[],Q={size:[n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[e.base,e.primary,e.secondary,e.tertiary,e.success,e.warning,e.error,e.info,e.light,e.dark]},A={viewBox:"0 0 24 24",type:"svg"},u=t=>{let{size:o,themeColor:i,icon:r,type:a=A.type,rotate:d,flip:s,viewBox:p=A.viewBox,...c}=t;if(!r)return v(D,{});if(a==="svg"){if(r==="none")return v(B,{...c,className:l(t.className,C),icon:r,size:o});let E=S[r]?r:W(`${r}-icon`);return S[E]?v(B,{...c,className:l(t.className,C),icon:S[E],size:o,themeColor:i,rotate:d,flip:s,viewBox:p}):v(D,{})}return v(_,{...c,className:l(t.className,C),icon:r,size:o,themeColor:i,rotate:d,flip:s})};u.states=J;u.options=Q;u.defaultOptions=A;u.className=C;u.moduleName=w;u.folderName=T;import{jsx as Ie}from"react/jsx-runtime";import{jsx as X}from"react/jsx-runtime";var Fe=t=>X(m,{...t});export{Fe as BadgeNormal};