@progress/kendo-vue-indicators 7.1.0-develop.6 → 7.1.0-develop.7

package/badge/Badge.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";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;
+"use strict";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["primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"].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;

package/badge/Badge.mjs

@@ -5,10 +5,10 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as n, createVNode as l } from "vue";
-import { getDefaultSlots as s, kendoThemeMaps as u, getDir as c, validatePackage as m } from "@progress/kendo-vue-common";
-import { packageMetadata as g } from "../package-metadata.mjs";
-const k = /* @__PURE__ */ n({
+import { defineComponent as d, createVNode as l } from "vue";
+import { getDefaultSlots as s, kendoThemeMaps as u, getDir as c, validatePackage as g } from "@progress/kendo-vue-common";
+import { packageMetadata as m } from "../package-metadata.mjs";
+const k = /* @__PURE__ */ d({
   name: "KendoBadge",
   props: {
     dir: String,
@@ -23,30 +23,26 @@ const k = /* @__PURE__ */ n({
     },
     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);
+        return ["none", "small", "medium", "large", "full"].includes(e);
       }
     },
     position: {
@@ -59,7 +55,7 @@ const k = /* @__PURE__ */ n({
     cutoutBorder: Boolean
   },
   created() {
-    m(g), this.currentDir = void 0;
+    g(m), this.currentDir = void 0;
   },
   mounted() {
     this.currentDir = c(this.$el, this.$props.dir);
@@ -68,22 +64,22 @@ const k = /* @__PURE__ */ n({
     badgeClasses() {
       const {
         size: e,
-        fillMode: r,
-        cutoutBorder: d,
+        fillMode: o,
+        cutoutBorder: a,
         position: i,
         align: t,
-        themeColor: a,
-        rounded: o
+        themeColor: n,
+        rounded: r
       } = 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}-${a}`]: !!(r && a),
-        [`k-rounded-${u.roundedMap[o] || o}`]: o,
-        "k-badge-border-cutout": d,
+        [`k-badge-${o}`]: o,
+        [`k-badge-${n}`]: n,
+        [`k-rounded-${u.roundedMap[r] || r}`]: r,
+        "k-badge-border-cutout": a,
         [`k-badge-${i}`]: i,
         "k-top-start": t.vertical === "top" && t.horizontal === "start",
         "k-top-end": t.vertical === "top" && t.horizontal === "end",

package/badge/BadgeContainer.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),n=require("@progress/kendo-vue-common"),l=require("../package-metadata.js"),u=o.defineComponent({name:"KendoBadgeContainer",props:{dir:String,align:{type:Object,default:function(){return{vertical:"top",horizontal:"end"}}},size:{type:String,validator:function(e){return["none","small","medium","large"].includes(e)}},fillMode:{type:String,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,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(l.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:i,position:d,align:t,themeColor:s,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}-${s}`]:!!(r&&s),[`k-rounded-${n.kendoThemeMaps.roundedMap[a]||a}`]:a,"k-badge-border-cutout":i,[`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)),i=n.getTemplate.call(this,{h:o.h,template:r,additionalProps:this.$props});return o.createVNode("span",{class:this.badgeContainerClasses,style:{display:"inline-block"},dir:this.currentDir},[e,o.createVNode("span",{class:this.badgeClasses,dir:this.currentDir},[i])])},methods:{focusElement(){this.$el&&this.$el.focus()}}});exports.BadgeContainer=u;

package/badge/BadgeContainer.mjs

@@ -5,10 +5,10 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as l, h as s, createVNode as d } from "vue";
-import { getDefaultSlots as u, templateRendering as c, getListeners as m, getTemplate as g, kendoThemeMaps as p, getDir as h, validatePackage as f } from "@progress/kendo-vue-common";
+import { defineComponent as d, h as s, createVNode as l } from "vue";
+import { getDefaultSlots as u, templateRendering as c, getListeners as g, getTemplate as p, kendoThemeMaps as m, getDir as h, validatePackage as f } from "@progress/kendo-vue-common";
 import { packageMetadata as b } from "../package-metadata.mjs";
-const C = /* @__PURE__ */ l({
+const C = /* @__PURE__ */ d({
   name: "KendoBadgeContainer",
   props: {
     dir: String,
@@ -23,37 +23,34 @@ const C = /* @__PURE__ */ l({
     },
     size: {
       type: String,
-      default: "medium",
-      validator: function(e) {
-        return ["small", "medium", "large"].includes(e);
+      validator: function(t) {
+        return ["none", "small", "medium", "large"].includes(t);
       }
     },
     fillMode: {
       type: String,
-      default: "solid",
-      validator: function(e) {
-        return ["solid", "outline"].includes(e);
+      validator: function(t) {
+        return ["solid", "outline"].includes(t);
       }
     },
     themeColor: {
       type: String,
       default: "primary",
-      validator: function(e) {
-        return ["primary", "secondary", "tertiary", "info", "success", "warning", "error", "dark", "light", "inverse"].includes(e);
+      validator: function(t) {
+        return ["primary", "secondary", "tertiary", "info", "success", "warning", "error", "dark", "light", "inverse"].includes(t);
       }
     },
     rounded: {
       type: String,
-      default: "medium",
-      validator: function(e) {
-        return [null, "small", "medium", "large", "full"].includes(e);
+      validator: function(t) {
+        return [null, "small", "medium", "large", "full"].includes(t);
       }
     },
     position: {
       type: String,
       default: "edge",
-      validator: function(e) {
-        return ["edge", "outside", "inside"].includes(e);
+      validator: function(t) {
+        return ["edge", "outside", "inside"].includes(t);
       }
     },
     cutoutBorder: Boolean,
@@ -73,44 +70,44 @@ const C = /* @__PURE__ */ l({
     },
     badgeClasses() {
       const {
-        size: e,
+        size: t,
         fillMode: r,
         cutoutBorder: n,
-        position: o,
-        align: t,
+        position: i,
+        align: e,
         themeColor: a,
-        rounded: i
+        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-sm": t === "small",
+        "k-badge-md": t === "medium",
+        "k-badge-lg": t === "large",
         [`k-badge-${r}`]: r,
         [`k-badge-${r}-${a}`]: !!(r && a),
-        [`k-rounded-${p.roundedMap[i] || i}`]: i,
+        [`k-rounded-${m.roundedMap[o] || o}`]: o,
         "k-badge-border-cutout": n,
-        [`k-badge-${o}`]: o,
-        "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"
+        [`k-badge-${i}`]: i,
+        "k-top-start": e.vertical === "top" && e.horizontal === "start",
+        "k-top-end": e.vertical === "top" && e.horizontal === "end",
+        "k-bottom-start": e.vertical === "bottom" && e.horizontal === "start",
+        "k-bottom-end": e.vertical === "bottom" && e.horizontal === "end"
       };
     }
   },
   render() {
-    const e = u(this), r = c.call(this, this.content, m.call(this)), n = g.call(this, {
+    const t = u(this), r = c.call(this, this.content, g.call(this)), n = p.call(this, {
       h: s,
       template: r,
       additionalProps: this.$props
     });
-    return d("span", {
+    return l("span", {
       class: this.badgeContainerClasses,
       style: {
         display: "inline-block"
       },
       dir: this.currentDir
-    }, [e, d("span", {
+    }, [t, l("span", {
       class: this.badgeClasses,
       dir: this.currentDir
     }, [n])]);

package/dist/cdn/js/kendo-vue-indicators.js

@@ -12,4 +12,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("@progress/kendo-vue-common")):"function"==typeof define&&define.amd?define(["exports","vue","@progress/kendo-vue-common"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoVueIndicators={},e.Vue,e.KendoVueCommon)}(this,(function(e,t,r){"use strict";const n={name:"@progress/kendo-vue-indicators",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate:1636623080,version:"7.1.0-develop.6",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"},i=t.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(){r.validatePackage(n),this.currentDir=void 0},mounted(){this.currentDir=r.getDir(this.$el,this.$props.dir)},computed:{badgeClasses(){const{size:e,fillMode:t,cutoutBorder:n,position:i,align:o,themeColor:a,rounded:s}=this.$props;return{"k-badge":!0,"k-badge-sm":"small"===e,"k-badge-md":"medium"===e,"k-badge-lg":"large"===e,[`k-badge-${t}`]:t,[`k-badge-${t}-${a}`]:!(!t||!a),[`k-rounded-${r.kendoThemeMaps.roundedMap[s]||s}`]:s,"k-badge-border-cutout":n,[`k-badge-${i}`]:i,"k-top-start":"top"===o.vertical&&"start"===o.horizontal,"k-top-end":"top"===o.vertical&&"end"===o.horizontal,"k-bottom-start":"bottom"===o.vertical&&"start"===o.horizontal,"k-bottom-end":"bottom"===o.vertical&&"end"===o.horizontal}}},render(){const e=r.getDefaultSlots(this);return t.createVNode("span",{class:this.badgeClasses,dir:this.currentDir},[e])},methods:{focusElement(){this.$el&&this.$el.focus()}}}),o=t.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(){r.validatePackage(n),this.currentDir=void 0},mounted(){this.currentDir=r.getDir(this.$el,this.$props.dir)},computed:{badgeContainerClasses:()=>({"k-badge-container":!0}),badgeClasses(){const{size:e,fillMode:t,cutoutBorder:n,position:i,align:o,themeColor:a,rounded:s}=this.$props;return{"k-badge":!0,"k-badge-sm":"small"===e,"k-badge-md":"medium"===e,"k-badge-lg":"large"===e,[`k-badge-${t}`]:t,[`k-badge-${t}-${a}`]:!(!t||!a),[`k-rounded-${r.kendoThemeMaps.roundedMap[s]||s}`]:s,"k-badge-border-cutout":n,[`k-badge-${i}`]:i,"k-top-start":"top"===o.vertical&&"start"===o.horizontal,"k-top-end":"top"===o.vertical&&"end"===o.horizontal,"k-bottom-start":"bottom"===o.vertical&&"start"===o.horizontal,"k-bottom-end":"bottom"===o.vertical&&"end"===o.horizontal}}},render(){const e=r.getDefaultSlots(this),n=r.templateRendering.call(this,this.content,r.getListeners.call(this)),i=r.getTemplate.call(this,{h:t.h,template:n,additionalProps:this.$props});return t.createVNode("span",{class:this.badgeContainerClasses,style:{display:"inline-block"},dir:this.currentDir},[e,t.createVNode("span",{class:this.badgeClasses,dir:this.currentDir},[i])])},methods:{focusElement(){this.$el&&this.$el.focus()}}}),a={pulsing:2,"infinite-spinner":3,"converging-spinner":4},s=t.defineComponent({name:"KendoLoader",props:{type:{type:String,default:"pulsing",validator:function(e){return["pulsing","infinite-spinner","converging-spinner"].includes(e)}},size:{type:String,default:"medium",validator:function(e){return["small","medium","large"].includes(e)}},themeColor:{type:String,default:"primary",validator:function(e){return["primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"].includes(e)}}},created(){r.validatePackage(n)},computed:{loaderClasses(){const{type:e,size:t,themeColor:r}=this.$props;return{"k-loader":!0,"k-loader-sm":"small"===t,"k-loader-md":"medium"===t,"k-loader-lg":"large"===t,"k-loader-primary":"primary"===r,"k-loader-secondary":"secondary"===r,"k-loader-tertiary":"tertiary"===r,"k-loader-info":"info"===r,"k-loader-success":"success"===r,"k-loader-warning":"warning"===r,"k-loader-error":"error"===r,"k-loader-dark":"dark"===r,"k-loader-light":"light"===r,"k-loader-inverse":"inverse"===r,"k-loader-pulsing-2":"pulsing"===e,"k-loader-spinner-3":"infinite-spinner"===e,"k-loader-spinner-4":"converging-spinner"===e}}},render(){const{type:e}=this.$props,r=new Array(a[e]);return r.fill(0,0,a[e]),t.createVNode("div",{class:this.loaderClasses},[t.createVNode("div",{class:"k-loader-canvas"},[r.map((function(e,r){return t.createVNode("span",{key:r,class:"k-loader-segment"},null)}),this)])])},methods:{focus(e){this.$el&&this.$el.focus(e)}}}),d=t.defineComponent({name:"KendoSkeleton",props:{animation:{type:[Object,Boolean],default:function(){return{type:"pulse"}},validator:function(e){return!1===e||["wave","pulse"].includes(e.type)}},shape:{type:String,default:"text",validator:function(e){return["circle","rectangle","text"].includes(e)}},ariaBusy:{type:Boolean,default:void 0},role:{type:String,default:void 0}},created(){r.validatePackage(n)},computed:{skeletonClasses(){return{"k-skeleton":!0,"k-skeleton-circle":"circle"===this.shape,"k-skeleton-rect":"rectangle"===this.shape,"k-skeleton-text":"text"===this.shape,"k-skeleton-pulse":r.isObject(this.animation)&&"pulse"===this.animation.type,"k-skeleton-wave":r.isObject(this.animation)&&"wave"===this.animation.type||!0===this.animation}}},render(){return t.createVNode("span",{role:this.$props.role,class:this.skeletonClasses,"aria-busy":this.$props.ariaBusy},null)}});e.Badge=i,e.BadgeContainer=o,e.Loader=s,e.Skeleton=d}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("@progress/kendo-vue-common")):"function"==typeof define&&define.amd?define(["exports","vue","@progress/kendo-vue-common"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoVueIndicators={},e.Vue,e.KendoVueCommon)}(this,(function(e,t,r){"use strict";const n={name:"@progress/kendo-vue-indicators",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate:1636623080,version:"7.1.0-develop.7",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"},i=t.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["primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"].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(n),this.currentDir=void 0},mounted(){this.currentDir=r.getDir(this.$el,this.$props.dir)},computed:{badgeClasses(){const{size:e,fillMode:t,cutoutBorder:n,position:i,align:o,themeColor:a,rounded:s}=this.$props;return{"k-badge":!0,"k-badge-sm":"small"===e,"k-badge-md":"medium"===e,"k-badge-lg":"large"===e,[`k-badge-${t}`]:t,[`k-badge-${a}`]:a,[`k-rounded-${r.kendoThemeMaps.roundedMap[s]||s}`]:s,"k-badge-border-cutout":n,[`k-badge-${i}`]:i,"k-top-start":"top"===o.vertical&&"start"===o.horizontal,"k-top-end":"top"===o.vertical&&"end"===o.horizontal,"k-bottom-start":"bottom"===o.vertical&&"start"===o.horizontal,"k-bottom-end":"bottom"===o.vertical&&"end"===o.horizontal}}},render(){const e=r.getDefaultSlots(this);return t.createVNode("span",{class:this.badgeClasses,dir:this.currentDir},[e])},methods:{focusElement(){this.$el&&this.$el.focus()}}}),o=t.defineComponent({name:"KendoBadgeContainer",props:{dir:String,align:{type:Object,default:function(){return{vertical:"top",horizontal:"end"}}},size:{type:String,validator:function(e){return["none","small","medium","large"].includes(e)}},fillMode:{type:String,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,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(){r.validatePackage(n),this.currentDir=void 0},mounted(){this.currentDir=r.getDir(this.$el,this.$props.dir)},computed:{badgeContainerClasses:()=>({"k-badge-container":!0}),badgeClasses(){const{size:e,fillMode:t,cutoutBorder:n,position:i,align:o,themeColor:a,rounded:s}=this.$props;return{"k-badge":!0,"k-badge-sm":"small"===e,"k-badge-md":"medium"===e,"k-badge-lg":"large"===e,[`k-badge-${t}`]:t,[`k-badge-${t}-${a}`]:!(!t||!a),[`k-rounded-${r.kendoThemeMaps.roundedMap[s]||s}`]:s,"k-badge-border-cutout":n,[`k-badge-${i}`]:i,"k-top-start":"top"===o.vertical&&"start"===o.horizontal,"k-top-end":"top"===o.vertical&&"end"===o.horizontal,"k-bottom-start":"bottom"===o.vertical&&"start"===o.horizontal,"k-bottom-end":"bottom"===o.vertical&&"end"===o.horizontal}}},render(){const e=r.getDefaultSlots(this),n=r.templateRendering.call(this,this.content,r.getListeners.call(this)),i=r.getTemplate.call(this,{h:t.h,template:n,additionalProps:this.$props});return t.createVNode("span",{class:this.badgeContainerClasses,style:{display:"inline-block"},dir:this.currentDir},[e,t.createVNode("span",{class:this.badgeClasses,dir:this.currentDir},[i])])},methods:{focusElement(){this.$el&&this.$el.focus()}}}),a={pulsing:2,"infinite-spinner":3,"converging-spinner":4},s=t.defineComponent({name:"KendoLoader",props:{type:{type:String,default:"pulsing",validator:function(e){return["pulsing","infinite-spinner","converging-spinner"].includes(e)}},size:{type:String,validator:function(e){return["none","small","medium","large"].includes(e)}},themeColor:{type:String,default:"primary",validator:function(e){return["primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"].includes(e)}}},created(){r.validatePackage(n)},computed:{loaderClasses(){const{type:e,size:t,themeColor:r}=this.$props;return{"k-loader":!0,"k-loader-sm":"small"===t,"k-loader-md":"medium"===t,"k-loader-lg":"large"===t,"k-loader-primary":"primary"===r,"k-loader-secondary":"secondary"===r,"k-loader-tertiary":"tertiary"===r,"k-loader-info":"info"===r,"k-loader-success":"success"===r,"k-loader-warning":"warning"===r,"k-loader-error":"error"===r,"k-loader-dark":"dark"===r,"k-loader-light":"light"===r,"k-loader-inverse":"inverse"===r,"k-loader-pulsing-2":"pulsing"===e,"k-loader-spinner-3":"infinite-spinner"===e,"k-loader-spinner-4":"converging-spinner"===e}}},render(){const{type:e}=this.$props,r=new Array(a[e]);return r.fill(0,0,a[e]),t.createVNode("div",{class:this.loaderClasses},[t.createVNode("div",{class:"k-loader-canvas"},[r.map((function(e,r){return t.createVNode("span",{key:r,class:"k-loader-segment"},null)}),this)])])},methods:{focus(e){this.$el&&this.$el.focus(e)}}}),d=t.defineComponent({name:"KendoSkeleton",props:{animation:{type:[Object,Boolean],default:function(){return{type:"pulse"}},validator:function(e){return!1===e||["wave","pulse"].includes(e.type)}},shape:{type:String,default:"text",validator:function(e){return["circle","rectangle","text"].includes(e)}},ariaBusy:{type:Boolean,default:void 0},role:{type:String,default:void 0}},created(){r.validatePackage(n)},computed:{skeletonClasses(){return{"k-skeleton":!0,"k-skeleton-circle":"circle"===this.shape,"k-skeleton-rect":"rectangle"===this.shape,"k-skeleton-text":"text"===this.shape,"k-skeleton-pulse":r.isObject(this.animation)&&"pulse"===this.animation.type,"k-skeleton-wave":r.isObject(this.animation)&&"wave"===this.animation.type||!0===this.animation}}},render(){return t.createVNode("span",{role:this.$props.role,class:this.skeletonClasses,"aria-busy":this.$props.ariaBusy},null)}});e.Badge=i,e.BadgeContainer=o,e.Loader=s,e.Skeleton=d}));

package/index.d.mts

@@ -29,23 +29,19 @@ default: () => BadgeAlign;
 };
 size: {
 type: PropType<"small" | "medium" | "large">;
-default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 fillMode: {
-type: PropType<string>;
-default: string;
-validator: (value: string) => any;
+type: PropType<"solid" | "outline">;
+validator: (value: string) => boolean;
 };
 themeColor: {
-type: PropType<string>;
-default: string;
-validator: (value: string) => any;
+type: PropType<"primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "error" | "dark" | "light" | "inverse" | "inherit">;
+validator: (value: string) => boolean;
 };
 rounded: {
-type: PropType<string>;
-default: string;
-validator: (value: string) => any;
+type: PropType<"small" | "medium" | "large" | "none" | "full">;
+validator: (value: string) => boolean;
 };
 position: {
 type: PropType<string>;
@@ -76,23 +72,19 @@ default: () => BadgeAlign;
 };
 size: {
 type: PropType<"small" | "medium" | "large">;
-default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 fillMode: {
-type: PropType<string>;
-default: string;
-validator: (value: string) => any;
+type: PropType<"solid" | "outline">;
+validator: (value: string) => boolean;
 };
 themeColor: {
-type: PropType<string>;
-default: string;
-validator: (value: string) => any;
+type: PropType<"primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "error" | "dark" | "light" | "inverse" | "inherit">;
+validator: (value: string) => boolean;
 };
 rounded: {
-type: PropType<string>;
-default: string;
-validator: (value: string) => any;
+type: PropType<"small" | "medium" | "large" | "none" | "full">;
+validator: (value: string) => boolean;
 };
 position: {
 type: PropType<string>;
@@ -101,10 +93,6 @@ validator: (value: string) => any;
 };
 cutoutBorder: PropType<boolean>;
 }>> & Readonly<{}>, {
-themeColor: string;
-size: "small" | "medium" | "large";
-rounded: string;
-fillMode: string;
 position: string;
 align: BadgeAlign;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
@@ -147,28 +135,25 @@ default: () => BadgeAlign;
 };
 size: {
 type: PropType<"small" | "medium" | "large">;
-default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 fillMode: {
-type: PropType<string>;
-default: string;
-validator: (value: string) => any;
+type: PropType<"solid" | "outline">;
+validator: (value: string) => boolean;
 };
 themeColor: {
-type: PropType<string>;
+type: PropType<"primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "error" | "dark" | "light" | "inverse" | "inherit">;
 default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 rounded: {
-type: PropType<string>;
-default: string;
-validator: (value: string) => any;
+type: PropType<"small" | "medium" | "large" | "none" | "full">;
+validator: (value: string) => boolean;
 };
 position: {
 type: PropType<string>;
 default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 cutoutBorder: PropType<boolean>;
 content: PropType<any>;
@@ -198,36 +183,30 @@ default: () => BadgeAlign;
 };
 size: {
 type: PropType<"small" | "medium" | "large">;
-default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 fillMode: {
-type: PropType<string>;
-default: string;
-validator: (value: string) => any;
+type: PropType<"solid" | "outline">;
+validator: (value: string) => boolean;
 };
 themeColor: {
-type: PropType<string>;
+type: PropType<"primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "error" | "dark" | "light" | "inverse" | "inherit">;
 default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 rounded: {
-type: PropType<string>;
-default: string;
-validator: (value: string) => any;
+type: PropType<"small" | "medium" | "large" | "none" | "full">;
+validator: (value: string) => boolean;
 };
 position: {
 type: PropType<string>;
 default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 cutoutBorder: PropType<boolean>;
 content: PropType<any>;
 }>> & Readonly<{}>, {
-themeColor: string;
-size: "small" | "medium" | "large";
-rounded: string;
-fillMode: string;
+themeColor: "primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "error" | "dark" | "light" | "inverse" | "inherit";
 position: string;
 align: BadgeAlign;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
@@ -276,42 +255,40 @@ export declare interface BadgeProps {
      *
      * The possible values are:
      * * `small`
-     * * `medium` (Default)
+     * * `medium`
      * * `large`
-     * * null&mdash;Does not set a size `className`
      *
-     * @default `medium`
+     * @default `undefined`
      */
-    size?: null | 'small' | 'medium' | 'large';
+    size?: 'small' | 'medium' | 'large';
     /**
      * Specifies the roundness of the Badge.
      *
      * The possible values are:
+     * - none
      * - small
-     * - medium (Default)
+     * - medium
      * - large
      * - full
-     * - null&mdash;Does not set a rounded `className`
      *
-     * @default `medium`
+     * @default `undefined`
      */
-    rounded?: null | 'small' | 'medium' | 'large' | 'full' | string;
+    rounded?: 'none' | 'small' | 'medium' | 'large' | 'full';
     /**
      * Specifies the appearance fill style of the Badge.
      *
      * The possible values are:
-     * * `solid` (Default)
+     * * `solid`
      * * `outline`
-     * * null&mdash;Does not set a fillMode `className`
      *
-     * @default `solid`
+     * @default `undefined`
      */
-    fillMode?: null | 'solid' | 'outline' | string;
+    fillMode?: 'solid' | 'outline';
     /**
      * Specifies the theme color of the Badge.
      *
      * The possible values are:
-     * * `primary` (Default)&mdash;Applies coloring based on primary theme color.
+     * * `primary`&mdash;Applies coloring based on primary theme color.
      * * `secondary`&mdash;Applies coloring based on secondary theme color.
      * * `tertiary`&mdash; Applies coloring based on tertiary theme color.
      * * `inherit`&mdash; Applies inherited coloring value.
@@ -322,11 +299,10 @@ export declare interface BadgeProps {
      * * `dark`&mdash; Applies coloring based on dark theme color.
      * * `light`&mdash; Applies coloring based on light theme color.
      * * `inverse`&mdash; Applies coloring based on inverse theme color.
-     * * null&mdash;Does not set a themeColor `className`.
      *
-     * @default `primary`
+     * @default `undefined`
      */
-    themeColor?: null | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse' | 'inherit' | string;
+    themeColor?: 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse' | 'inherit';
     /**
      * Specifies the alignment of the Badge.
      *
@@ -416,17 +392,16 @@ export declare const Loader: DefineComponent<ExtractPropTypes<    {
 type: {
 type: PropType<string>;
 default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 size: {
 type: PropType<string>;
-default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 themeColor: {
 type: PropType<string>;
 default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 }>, {}, {}, {
 loaderClasses(): {
@@ -454,22 +429,20 @@ focus(e: any): void;
 type: {
 type: PropType<string>;
 default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 size: {
 type: PropType<string>;
-default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 themeColor: {
 type: PropType<string>;
 default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 }>> & Readonly<{}>, {
 type: string;
 themeColor: string;
-size: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 /**

package/index.d.ts

@@ -29,23 +29,19 @@ default: () => BadgeAlign;
 };
 size: {
 type: PropType<"small" | "medium" | "large">;
-default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 fillMode: {
-type: PropType<string>;
-default: string;
-validator: (value: string) => any;
+type: PropType<"solid" | "outline">;
+validator: (value: string) => boolean;
 };
 themeColor: {
-type: PropType<string>;
-default: string;
-validator: (value: string) => any;
+type: PropType<"primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "error" | "dark" | "light" | "inverse" | "inherit">;
+validator: (value: string) => boolean;
 };
 rounded: {
-type: PropType<string>;
-default: string;
-validator: (value: string) => any;
+type: PropType<"small" | "medium" | "large" | "none" | "full">;
+validator: (value: string) => boolean;
 };
 position: {
 type: PropType<string>;
@@ -76,23 +72,19 @@ default: () => BadgeAlign;
 };
 size: {
 type: PropType<"small" | "medium" | "large">;
-default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 fillMode: {
-type: PropType<string>;
-default: string;
-validator: (value: string) => any;
+type: PropType<"solid" | "outline">;
+validator: (value: string) => boolean;
 };
 themeColor: {
-type: PropType<string>;
-default: string;
-validator: (value: string) => any;
+type: PropType<"primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "error" | "dark" | "light" | "inverse" | "inherit">;
+validator: (value: string) => boolean;
 };
 rounded: {
-type: PropType<string>;
-default: string;
-validator: (value: string) => any;
+type: PropType<"small" | "medium" | "large" | "none" | "full">;
+validator: (value: string) => boolean;
 };
 position: {
 type: PropType<string>;
@@ -101,10 +93,6 @@ validator: (value: string) => any;
 };
 cutoutBorder: PropType<boolean>;
 }>> & Readonly<{}>, {
-themeColor: string;
-size: "small" | "medium" | "large";
-rounded: string;
-fillMode: string;
 position: string;
 align: BadgeAlign;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
@@ -147,28 +135,25 @@ default: () => BadgeAlign;
 };
 size: {
 type: PropType<"small" | "medium" | "large">;
-default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 fillMode: {
-type: PropType<string>;
-default: string;
-validator: (value: string) => any;
+type: PropType<"solid" | "outline">;
+validator: (value: string) => boolean;
 };
 themeColor: {
-type: PropType<string>;
+type: PropType<"primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "error" | "dark" | "light" | "inverse" | "inherit">;
 default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 rounded: {
-type: PropType<string>;
-default: string;
-validator: (value: string) => any;
+type: PropType<"small" | "medium" | "large" | "none" | "full">;
+validator: (value: string) => boolean;
 };
 position: {
 type: PropType<string>;
 default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 cutoutBorder: PropType<boolean>;
 content: PropType<any>;
@@ -198,36 +183,30 @@ default: () => BadgeAlign;
 };
 size: {
 type: PropType<"small" | "medium" | "large">;
-default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 fillMode: {
-type: PropType<string>;
-default: string;
-validator: (value: string) => any;
+type: PropType<"solid" | "outline">;
+validator: (value: string) => boolean;
 };
 themeColor: {
-type: PropType<string>;
+type: PropType<"primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "error" | "dark" | "light" | "inverse" | "inherit">;
 default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 rounded: {
-type: PropType<string>;
-default: string;
-validator: (value: string) => any;
+type: PropType<"small" | "medium" | "large" | "none" | "full">;
+validator: (value: string) => boolean;
 };
 position: {
 type: PropType<string>;
 default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 cutoutBorder: PropType<boolean>;
 content: PropType<any>;
 }>> & Readonly<{}>, {
-themeColor: string;
-size: "small" | "medium" | "large";
-rounded: string;
-fillMode: string;
+themeColor: "primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "error" | "dark" | "light" | "inverse" | "inherit";
 position: string;
 align: BadgeAlign;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
@@ -276,42 +255,40 @@ export declare interface BadgeProps {
      *
      * The possible values are:
      * * `small`
-     * * `medium` (Default)
+     * * `medium`
      * * `large`
-     * * null&mdash;Does not set a size `className`
      *
-     * @default `medium`
+     * @default `undefined`
      */
-    size?: null | 'small' | 'medium' | 'large';
+    size?: 'small' | 'medium' | 'large';
     /**
      * Specifies the roundness of the Badge.
      *
      * The possible values are:
+     * - none
      * - small
-     * - medium (Default)
+     * - medium
      * - large
      * - full
-     * - null&mdash;Does not set a rounded `className`
      *
-     * @default `medium`
+     * @default `undefined`
      */
-    rounded?: null | 'small' | 'medium' | 'large' | 'full' | string;
+    rounded?: 'none' | 'small' | 'medium' | 'large' | 'full';
     /**
      * Specifies the appearance fill style of the Badge.
      *
      * The possible values are:
-     * * `solid` (Default)
+     * * `solid`
      * * `outline`
-     * * null&mdash;Does not set a fillMode `className`
      *
-     * @default `solid`
+     * @default `undefined`
      */
-    fillMode?: null | 'solid' | 'outline' | string;
+    fillMode?: 'solid' | 'outline';
     /**
      * Specifies the theme color of the Badge.
      *
      * The possible values are:
-     * * `primary` (Default)&mdash;Applies coloring based on primary theme color.
+     * * `primary`&mdash;Applies coloring based on primary theme color.
      * * `secondary`&mdash;Applies coloring based on secondary theme color.
      * * `tertiary`&mdash; Applies coloring based on tertiary theme color.
      * * `inherit`&mdash; Applies inherited coloring value.
@@ -322,11 +299,10 @@ export declare interface BadgeProps {
      * * `dark`&mdash; Applies coloring based on dark theme color.
      * * `light`&mdash; Applies coloring based on light theme color.
      * * `inverse`&mdash; Applies coloring based on inverse theme color.
-     * * null&mdash;Does not set a themeColor `className`.
      *
-     * @default `primary`
+     * @default `undefined`
      */
-    themeColor?: null | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse' | 'inherit' | string;
+    themeColor?: 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse' | 'inherit';
     /**
      * Specifies the alignment of the Badge.
      *
@@ -416,17 +392,16 @@ export declare const Loader: DefineComponent<ExtractPropTypes<    {
 type: {
 type: PropType<string>;
 default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 size: {
 type: PropType<string>;
-default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 themeColor: {
 type: PropType<string>;
 default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 }>, {}, {}, {
 loaderClasses(): {
@@ -454,22 +429,20 @@ focus(e: any): void;
 type: {
 type: PropType<string>;
 default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 size: {
 type: PropType<string>;
-default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 themeColor: {
 type: PropType<string>;
 default: string;
-validator: (value: string) => any;
+validator: (value: string) => boolean;
 };
 }>> & Readonly<{}>, {
 type: string;
 themeColor: string;
-size: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 /**

package/loader/Loader.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),s=require("@progress/kendo-vue-common"),t=require("../package-metadata.js"),i={pulsing:2,"infinite-spinner":3,"converging-spinner":4},l=a.defineComponent({name:"KendoLoader",props:{type:{type:String,default:"pulsing",validator:function(e){return["pulsing","infinite-spinner","converging-spinner"].includes(e)}},size:{type:String,default:"medium",validator:function(e){return["small","medium","large"].includes(e)}},themeColor:{type:String,default:"primary",validator:function(e){return["primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"].includes(e)}}},created(){s.validatePackage(t.packageMetadata)},computed:{loaderClasses(){const{type:e,size:n,themeColor:r}=this.$props;return{"k-loader":!0,"k-loader-sm":n==="small","k-loader-md":n==="medium","k-loader-lg":n==="large","k-loader-primary":r==="primary","k-loader-secondary":r==="secondary","k-loader-tertiary":r==="tertiary","k-loader-info":r==="info","k-loader-success":r==="success","k-loader-warning":r==="warning","k-loader-error":r==="error","k-loader-dark":r==="dark","k-loader-light":r==="light","k-loader-inverse":r==="inverse","k-loader-pulsing-2":e==="pulsing","k-loader-spinner-3":e==="infinite-spinner","k-loader-spinner-4":e==="converging-spinner"}}},render(){const{type:e}=this.$props,n=new Array(i[e]);return n.fill(0,0,i[e]),a.createVNode("div",{class:this.loaderClasses},[a.createVNode("div",{class:"k-loader-canvas"},[n.map(function(r,o){return a.createVNode("span",{key:o,class:"k-loader-segment"},null)},this)])])},methods:{focus(e){this.$el&&this.$el.focus(e)}}});exports.Loader=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),s=require("@progress/kendo-vue-common"),t=require("../package-metadata.js"),i={pulsing:2,"infinite-spinner":3,"converging-spinner":4},l=a.defineComponent({name:"KendoLoader",props:{type:{type:String,default:"pulsing",validator:function(e){return["pulsing","infinite-spinner","converging-spinner"].includes(e)}},size:{type:String,validator:function(e){return["none","small","medium","large"].includes(e)}},themeColor:{type:String,default:"primary",validator:function(e){return["primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"].includes(e)}}},created(){s.validatePackage(t.packageMetadata)},computed:{loaderClasses(){const{type:e,size:n,themeColor:r}=this.$props;return{"k-loader":!0,"k-loader-sm":n==="small","k-loader-md":n==="medium","k-loader-lg":n==="large","k-loader-primary":r==="primary","k-loader-secondary":r==="secondary","k-loader-tertiary":r==="tertiary","k-loader-info":r==="info","k-loader-success":r==="success","k-loader-warning":r==="warning","k-loader-error":r==="error","k-loader-dark":r==="dark","k-loader-light":r==="light","k-loader-inverse":r==="inverse","k-loader-pulsing-2":e==="pulsing","k-loader-spinner-3":e==="infinite-spinner","k-loader-spinner-4":e==="converging-spinner"}}},render(){const{type:e}=this.$props,n=new Array(i[e]);return n.fill(0,0,i[e]),a.createVNode("div",{class:this.loaderClasses},[a.createVNode("div",{class:"k-loader-canvas"},[n.map(function(r,o){return a.createVNode("span",{key:o,class:"k-loader-segment"},null)},this)])])},methods:{focus(e){this.$el&&this.$el.focus(e)}}});exports.Loader=l;

package/loader/Loader.mjs

@@ -5,14 +5,14 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as o, createVNode as i } from "vue";
+import { defineComponent as s, createVNode as i } from "vue";
 import { validatePackage as t } from "@progress/kendo-vue-common";
 import { packageMetadata as l } from "../package-metadata.mjs";
 const a = {
   pulsing: 2,
   "infinite-spinner": 3,
   "converging-spinner": 4
-}, u = /* @__PURE__ */ o({
+}, u = /* @__PURE__ */ s({
   name: "KendoLoader",
   props: {
     type: {
@@ -24,9 +24,8 @@ const a = {
     },
     size: {
       type: String,
-      default: "medium",
       validator: function(e) {
-        return ["small", "medium", "large"].includes(e);
+        return ["none", "small", "medium", "large"].includes(e);
       }
     },
     themeColor: {
@@ -76,9 +75,9 @@ const a = {
       class: this.loaderClasses
     }, [i("div", {
       class: "k-loader-canvas"
-    }, [n.map(function(r, s) {
+    }, [n.map(function(r, o) {
       return i("span", {
-        key: s,
+        key: o,
         class: "k-loader-segment"
       }, null);
     }, this)])]);

package/package-metadata.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-indicators",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1769676157,version:"7.1.0-develop.6",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"};exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-indicators",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1770355293,version:"7.1.0-develop.7",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"};exports.packageMetadata=e;

package/package-metadata.mjs

@@ -10,8 +10,8 @@ const e = {
   productName: "Kendo UI for Vue",
   productCode: "KENDOUIVUE",
   productCodes: ["KENDOUIVUE"],
-  publishDate: 1769676157,
-  version: "7.1.0-develop.6",
+  publishDate: 1770355293,
+  version: "7.1.0-develop.7",
   licensingDocsUrl: "https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-vue-indicators",
-  "version": "7.1.0-develop.6",
+  "version": "7.1.0-develop.7",
   "description": "TODO",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -19,7 +19,7 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-vue-common": "7.1.0-develop.6",
+    "@progress/kendo-vue-common": "7.1.0-develop.7",
     "vue": "^3.0.2"
   },
   "dependencies": {},
@@ -39,7 +39,7 @@
     "package": {
       "productName": "Kendo UI for Vue",
       "productCode": "KENDOUIVUE",
-      "publishDate": 1769676157,
+      "publishDate": 1770355293,
       "licensingDocsUrl": "https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"
     }
   },