@progress/kendo-vue-indicators
Version:
9 lines (8 loc) • 2.61 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 i=require("vue"),n=require("@progress/kendo-vue-common"),s=require("../package-metadata.js"),u=i.defineComponent({name:"KendoBadgeContainer",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,content:[String,Function,Object]},created(){n.validatePackage(s.packageMetadata),this.currentDir=void 0},mounted(){this.currentDir=n.getDir(this.$el,this.$props.dir)},computed:{badgeContainerClasses(){return{"k-badge-container":!0}},badgeClasses(){const{size:e,fillMode:r,cutoutBorder:o,position:d,align:t,themeColor:l,rounded:a}=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}-${l}`]:!!(r&&l),[`k-rounded-${n.kendoThemeMaps.roundedMap[a]||a}`]:a,"k-badge-border-cutout":o,[`k-badge-${d}`]:d,"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=n.getDefaultSlots(this),r=n.templateRendering.call(this,this.content,n.getListeners.call(this)),o=n.getTemplate.call(this,{h:i.h,template:r,additionalProps:this.$props});return i.createVNode("span",{class:this.badgeContainerClasses,style:{display:"inline-block"},dir:this.currentDir},[e,i.createVNode("span",{class:this.badgeClasses,dir:this.currentDir},[o])])},methods:{focusElement(){this.$el&&this.$el.focus()}}});exports.BadgeContainer=u;