@progress/kendo-themes-html/dist/cjs/badge/templates/icon-badge.js

A collection of HTML helpers used for developing Kendo UI themes

var ue=Object.create;var w=Object.defineProperty;var fe=Object.getOwnPropertyDescriptor;var ge=Object.getOwnPropertyNames;var xe=Object.getPrototypeOf,ve=Object.prototype.hasOwnProperty;var he=(e,o)=>{for(var r in o)w(e,r,{get:o[r],enumerable:!0})},Q=(e,o,r,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of ge(o))!ve.call(e,a)&&a!==r&&w(e,a,{get:()=>o[a],enumerable:!(i=fe(o,a))||i.enumerable});return e};var ye=(e,o,r)=>(r=e!=null?ue(xe(e)):{},Q(o||!e||!e.__esModule?w(r,"default",{value:e,enumerable:!0}):r,e)),Ae=e=>Q(w({},"__esModule",{value:!0}),e);var Ge={};he(Ge,{IconBadge:()=>Ve});module.exports=Ae(Ge);var d=(...e)=>e.filter(o=>o!==!0&&!!o).map(o=>Array.isArray(o)?d(...o):typeof o=="object"?Object.keys(o).map((r,i)=>o[i]||o[r]&&r||null).filter(r=>r!==null).join(" "):o).filter(o=>!!o).join(" ");var v=(e,o)=>d({[`${e}-xs`]:o.size==="xsmall",[`${e}-sm`]:o.size==="small",[`${e}-md`]:o.size==="medium",[`${e}-lg`]:o.size==="large",[`${e}-xl`]:o.size==="xlarge",[`${e}-xxl`]:o.size==="xxlarge",[`${e}-xxxl`]:o.size==="xxxlarge"},{[`${e}-${o.fillMode}`]:o.fillMode},{[`${e}-${o.themeColor}`]:o.themeColor},{"k-rounded-sm":o.rounded==="small","k-rounded-md":o.rounded==="medium","k-rounded-lg":o.rounded==="large","k-rounded-full":o.rounded==="full","k-rounded-none":o.rounded==="none"});var n={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},c={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},y={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"},x={undefined:void 0,outline:"outline",solid:"solid",duotone:"duotone"},t={undefined:void 0,inherit:"inherit",base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inverse:"inverse"},k={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 P="badge",Y=P;var j=require("react/jsx-runtime"),S="k-badge",be=[],Ne={size:[n.undefined,n.small,n.medium,n.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[y.undefined,y.solid,y.outline],themeColor:[t.undefined,t.base,t.primary,t.secondary,t.tertiary,t.info,t.success,t.warning,t.error]},Z={cutoutBorder:!1},l=e=>{let{size:o,fillMode:r,themeColor:i,cutoutBorder:a=Z.cutoutBorder,rounded:u,position:f,align:s,...N}=e;return(0,j.jsx)("span",{...N,className:d(e.className,S,v(S,{size:o,rounded:u,fillMode:r,themeColor:i}),{[`${S}-${f}`]:f,[`k-${s}`]:s,[`${S}-border-cutout`]:a}),children:e.children})};l.states=be;l.options=Ne;l.className=S;l.defaultOptions=Z;l.moduleName=P;l.folderName=Y;l.ariaSpec={selector:".k-badge",rules:[]};var Ce=require("react/jsx-runtime");var B=require("react/jsx-runtime"),H="k-font-icon",ke=[],Me={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[t.undefined,t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info]},Ie={},z=e=>{let{size:o,themeColor:r,icon:i,rotate:a,flip:u,...f}=e;return i?(0,B.jsx)("span",{...f,className:d(e.className,H,v(H,{size:o}),{[`k-i-${i}`]:i,[`k-color-${r}`]:r,[`k-rotate-${a}`]:a,"k-flip-h":u==="h"||u==="both","k-flip-v":u==="v"||u==="both"}),"aria-hidden":"true"}):(0,B.jsx)(B.Fragment,{})};z.states=ke;z.options=Me;z.className=H;z.defaultOptions=Ie;var ee=z;var A=require("react/jsx-runtime"),F="k-svg-icon",Oe=[],Ee={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[t.undefined,t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info],variant:[x.outline,x.solid,x.duotone]},V={viewBox:"0 0 24 24",variant:x.outline},_=e=>{var D,T;let{size:o,themeColor:r,rotate:i,flip:a,viewBox:u=V.viewBox,variant:f=V.variant,icon:s,...N}=e;if(!s)return(0,A.jsx)(A.Fragment,{});if(s==="none")return(0,A.jsx)("span",{...N,className:d(e.className,F,v("k-icon",{size:o}),"k-none"),"aria-hidden":"true"});let E=typeof s=="object"&&s.name&&s.name,C=typeof s=="object"?f&&((D=s.variants)==null?void 0:D[f])||((T=s.variants)==null?void 0:T.outline)||s.content:void 0;return(0,A.jsx)("span",{...N,className:d(e.className,F,v("k-icon",{size:o}),{[`k-svg-i-${E}`]:E,[`k-color-${r}`]:r,[`k-rotate-${i}`]:i,"k-flip-h":a==="h"||a==="both","k-flip-v":a==="v"||a==="both"}),"aria-hidden":"true",children:(0,A.jsx)("svg",{"aria-hidden":!0,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:typeof s=="object"?s.viewBox:u,dangerouslySetInnerHTML:C!==void 0?{__html:C}:void 0,children:s?void 0:e.children})})};_.states=Oe;_.options=Ee;_.className=F;_.defaultOptions=V;var G=_;var U=ye(require("@progress/kendo-svg-icons"));var oe="icon",te="icons";var ae=require("react");var ne=require("react"),re=(0,ne.createContext)({iconsType:"svg"});var h=require("react/jsx-runtime"),K="k-icon",Te=e=>e.replace(/([-_][a-z0-9])/gi,o=>o.toUpperCase().replace("-","").replace("_","")),Se=[],Be={size:[n.undefined,n.xsmall,n.small,n.medium,n.large,n.xlarge,n.xxlarge,n.xxxlarge],themeColor:[t.undefined,t.base,t.primary,t.secondary,t.tertiary,t.success,t.warning,t.error,t.info],variant:[x.outline,x.solid,x.duotone]},R={viewBox:"0 0 24 24",type:"svg",variant:x.outline},m=e=>{let{iconsType:o}=(0,ae.useContext)(re),{size:r,themeColor:i,icon:a,type:u=o||R.type,rotate:f,flip:s,viewBox:N=R.viewBox,variant:E=R.variant,...C}=e;if(!a)return(0,h.jsx)(h.Fragment,{});if((o||u)==="svg"){if(a==="none")return(0,h.jsx)(G,{...C,className:d(e.className,K),icon:a,size:r,variant:E});let T=U[a]?a:Te(`${a}-icon`);return U[T]?(0,h.jsx)(G,{...C,className:d(e.className,K),icon:U[T],size:r,themeColor:i,rotate:f,flip:s,viewBox:N,variant:E}):(0,h.jsx)(h.Fragment,{})}return(0,h.jsx)(ee,{...C,className:d(e.className,K),icon:a,size:r,themeColor:i,rotate:f,flip:s})};m.states=Se;m.options=Be;m.defaultOptions=R;m.className=K;m.moduleName=oe;m.folderName=te;m.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 q="avatar",ie=q;var J=require("react/jsx-runtime"),L="k-avatar";var ze=[k.hover,k.focus,k.active,k.selected,k.disabled],_e={size:[n.undefined,n.small,n.medium,n.large],rounded:[c.undefined,c.none,c.small,c.medium,c.large,c.full],fillMode:[y.undefined,y.solid,y.outline],themeColor:[t.undefined,t.base,t.primary,t.secondary,t.tertiary]},X={type:"text",border:!1},p=e=>{let{size:o,rounded:r,fillMode:i,themeColor:a,type:u=X.type,border:f=X.border,...s}=e;return(0,J.jsx)("div",{...s,className:d(e.className,L,v(L,{size:o,rounded:r,fillMode:i,themeColor:a}),{[`${L}-bordered`]:f}),children:(0,J.jsx)("span",{className:`${L}-${u}`,children:e.children})})};p.states=ze;p.options=_e;p.className=L;p.defaultOptions=X;p.moduleName=q;p.folderName=ie;p.ariaSpec={selector:".k-avatar",rules:[{selector:".k-avatar img",attribute:"alt",usage:"Images inside Avatar must have alt text for screen readers."}]};var b=p;var se=require("react/jsx-runtime"),$=e=>(0,se.jsx)(b,{type:"icon",...e});var de=require("react/jsx-runtime"),le=e=>(0,de.jsx)(b,{type:"text",...e});var ce=require("react/jsx-runtime"),me=e=>(0,ce.jsx)(b,{type:"image",...e});var Le=require("react/jsx-runtime");var M=require("react/jsx-runtime"),$e=p.options,we=p.states,Ke={...p.defaultOptions,variant:"image"},Re=[{name:"image",title:"Image"},{name:"icon",title:"Icon Avatar"},{name:"text",title:"Text Avatar"}],De=[],I=e=>{let{variant:o,...r}=e;switch(o){case"icon":return(0,M.jsx)($,{...r,children:(0,M.jsx)(m,{icon:"star"})});case"text":return(0,M.jsx)(le,{...r,children:"JO"});default:return(0,M.jsx)(me,{...r,children:(0,M.jsx)("img",{src:"https://demos.telerik.com/kendo-ui/content/web/Customers/RICSU.jpg"})})}};I.options=$e;I.states=we;I.variants=Re;I.defaultOptions=Ke;I.modifiers=De;I.className=p.className;var g=require("react/jsx-runtime"),Pe={...l.options,cutoutBorder:{type:"boolean"}},He=l.states,pe={...l.defaultOptions,themeColor:"error",variant:"icon"},Fe=[{name:"icon",title:"Icon Badge"},{name:"text",title:"Text Badge"}],O=e=>{let{variant:o,...r}={...pe,...e},i={};return o==="text"?(0,g.jsxs)("div",{className:"k-badge-container",children:[(0,g.jsx)($,{children:(0,g.jsx)(m,{icon:"user"})}),(0,g.jsx)(l,{align:"bottom-end",position:"edge",...r,...i,children:"26"})]}):(0,g.jsxs)("div",{className:"k-badge-container",children:[(0,g.jsx)($,{children:(0,g.jsx)(m,{icon:"user"})}),(0,g.jsx)(l,{align:"bottom-end",position:"edge",...r,...i,children:(0,g.jsx)(m,{icon:"minus"})})]})};O.options=Pe;O.states=He;O.variants=Fe;O.defaultOptions=pe;O.modifiers=[];O.className=l.className;var W=require("react/jsx-runtime"),Ve=e=>(0,W.jsx)(l,{children:(0,W.jsx)(m,{className:"k-badge-icon",icon:"x-circle"}),...e});