maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
1 lines • 1.51 kB
JavaScript
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{t as getColor}from"./types.CpBj759L.js";import{computed,createElementBlock,defineComponent,normalizeClass,normalizeStyle,openBlock,renderSlot}from"vue";import '../assets/MazBadge.DZNwLyVu.css';var MazBadge_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazBadge`,props:{color:{default:`primary`},size:{default:`0.8em`},nowrap:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1},pastel:{type:Boolean,default:!1},roundedSize:{default:`md`}},setup(__props){let resolvedColor=computed(()=>getColor(__props.color));let badgeStyle=computed(()=>{let c=resolvedColor.value;let base={fontSize:__props.size};if(c===`surface`||c===`transparent`)return base;let pastelFg=c===`contrast`?`contrast-foreground`:`${c}-700`;let pastelShade=c===`destructive`?`200`:`50`;return{...base,"--m-badge-bg":`var(--maz-${c})`,"--m-badge-fg":`var(--maz-${c}-foreground)`,...__props.pastel&&{"--m-badge-pastel-bg":`var(--maz-${c}-${pastelShade})`,"--m-badge-pastel-fg":`var(--maz-${pastelFg})`}}});return(_ctx,_cache)=>(openBlock(),createElementBlock(`span`,{class:normalizeClass([`m-badge m-reset-css`,[`--${resolvedColor.value}`,{"--outlined":__props.outlined,"--pastel":__props.pastel,"--nowrap":__props.nowrap},`--rounded-${__props.roundedSize}`]]),style:normalizeStyle(badgeStyle.value)},[renderSlot(_ctx.$slots,`default`,{},void 0,!0)],6))}}),[[`__scopeId`,`data-v-bfd87348`]]);export{MazBadge_default as t};