@progress/kendo-vue-indicators
Version:
9 lines (8 loc) • 2.25 kB
JavaScript
/**
* @license
*-------------------------------------------------------------------------------------------
* Copyright © 2025 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"),o=require("@progress/kendo-vue-common"),u=require("../package-metadata.js"),s=d.defineComponent({name:"KendoBadge",props:{dir:String,align:{type:Object,default:function(){return{vertical:"top",horizontal:"end"}}},size:{type:String,default:"medium",validator:function(e){return["small","medium","large"].includes(e)}},fillMode:{type:String,default:"solid",validator:function(e){return["solid","outline"].includes(e)}},themeColor:{type:String,default:"primary",validator:function(e){return["primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"].includes(e)}},rounded:{type:String,default:"medium",validator:function(e){return[null,"small","medium","large","full"].includes(e)}},position:{type:String,default:"edge",validator:function(e){return["edge","outside","inside"].includes(e)}},cutoutBorder:Boolean},created(){o.validatePackage(u.packageMetadata),this.currentDir=void 0},mounted(){this.currentDir=o.getDir(this.$el,this.$props.dir)},computed:{badgeClasses(){const{size:e,fillMode:r,cutoutBorder:l,position:a,align:t,themeColor:n,rounded:i}=this.$props;return{"k-badge":!0,"k-badge-sm":e==="small","k-badge-md":e==="medium","k-badge-lg":e==="large",[`k-badge-${r}`]:r,[`k-badge-${r}-${n}`]:!!(r&&n),[`k-rounded-${o.kendoThemeMaps.roundedMap[i]||i}`]:i,"k-badge-border-cutout":l,[`k-badge-${a}`]:a,"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=o.getDefaultSlots(this);return d.createVNode("span",{class:this.badgeClasses,dir:this.currentDir},[e])},methods:{focusElement(){this.$el&&this.$el.focus()}}});exports.Badge=s;