@progress/kendo-vue-indicators
Version:
9 lines (8 loc) • 2.15 kB
JavaScript
/**
* @license
*-------------------------------------------------------------------------------------------
* Copyright © 2026 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the package root for more information
*-------------------------------------------------------------------------------------------
*/
;Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("vue"),r=require("@progress/kendo-vue-common"),s=require("../package-metadata.js"),u=d.defineComponent({name:"KendoBadge",props:{dir:String,align:{type:Object,default:function(){return{vertical:"top",horizontal:"end"}}},size:{type:String,validator:function(e){return["small","medium","large"].includes(e)}},fillMode:{type:String,validator:function(e){return["solid","outline"].includes(e)}},themeColor:{type:String,validator:function(e){return["base","primary","secondary","tertiary","info","success","warning","error"].includes(e)}},rounded:{type:String,validator:function(e){return["none","small","medium","large","full"].includes(e)}},position:{type:String,default:"edge",validator:function(e){return["edge","outside","inside"].includes(e)}},cutoutBorder:Boolean},created(){r.validatePackage(s.packageMetadata),this.currentDir=void 0},mounted(){this.currentDir=r.getDir(this.$el,this.$props.dir)},computed:{badgeClasses(){const{size:e,fillMode:n,cutoutBorder:l,position:i,align:t,themeColor:a,rounded:o}=this.$props;return{"k-badge":!0,"k-badge-sm":e==="small","k-badge-md":e==="medium","k-badge-lg":e==="large",[`k-badge-${n}`]:n,[`k-badge-${a}`]:a,[`k-rounded-${r.kendoThemeMaps.roundedMap[o]||o}`]:o,"k-badge-border-cutout":l,[`k-badge-${i}`]:i,"k-top-start":t.vertical==="top"&&t.horizontal==="start","k-top-end":t.vertical==="top"&&t.horizontal==="end","k-bottom-start":t.vertical==="bottom"&&t.horizontal==="start","k-bottom-end":t.vertical==="bottom"&&t.horizontal==="end"}}},render(){const e=r.getDefaultSlots(this);return d.createVNode("span",{class:this.badgeClasses,dir:this.currentDir},[e])},methods:{focusElement(){this.$el&&this.$el.focus()}}});exports.Badge=u;