@progress/kendo-vue-indicators 10.1.1-develop.2 → 10.2.0-develop.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/badge/Badge.d.ts +7 -7
- package/badge/Badge.js +1 -1
- package/badge/Badge.mjs +25 -25
- package/badge/BadgeContainer.d.ts +5 -5
- package/badge/BadgeContainer.js +1 -1
- package/badge/BadgeContainer.mjs +43 -43
- package/badge/BadgeProps.d.ts +8 -4
- package/dist/cdn/js/kendo-vue-indicators.js +1 -1
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +4 -4
package/badge/Badge.d.ts
CHANGED
|
@@ -26,7 +26,7 @@ declare const Badge: import('vue').DefineComponent<import('vue').ExtractPropType
|
|
|
26
26
|
validator: (value: string) => boolean;
|
|
27
27
|
};
|
|
28
28
|
fillMode: {
|
|
29
|
-
type: PropType<"solid" | "outline">;
|
|
29
|
+
type: PropType<"solid" | "tint" | "outline">;
|
|
30
30
|
validator: (value: string) => boolean;
|
|
31
31
|
};
|
|
32
32
|
themeColor: {
|
|
@@ -38,9 +38,9 @@ declare const Badge: import('vue').DefineComponent<import('vue').ExtractPropType
|
|
|
38
38
|
validator: (value: string) => boolean;
|
|
39
39
|
};
|
|
40
40
|
position: {
|
|
41
|
-
type: PropType<
|
|
41
|
+
type: PropType<"edge" | "outside" | "inside" | "inline">;
|
|
42
42
|
default: any;
|
|
43
|
-
validator: (value: string) =>
|
|
43
|
+
validator: (value: string) => boolean;
|
|
44
44
|
};
|
|
45
45
|
cutoutBorder: PropType<boolean>;
|
|
46
46
|
}>, {}, {}, {
|
|
@@ -69,7 +69,7 @@ declare const Badge: import('vue').DefineComponent<import('vue').ExtractPropType
|
|
|
69
69
|
validator: (value: string) => boolean;
|
|
70
70
|
};
|
|
71
71
|
fillMode: {
|
|
72
|
-
type: PropType<"solid" | "outline">;
|
|
72
|
+
type: PropType<"solid" | "tint" | "outline">;
|
|
73
73
|
validator: (value: string) => boolean;
|
|
74
74
|
};
|
|
75
75
|
themeColor: {
|
|
@@ -81,13 +81,13 @@ declare const Badge: import('vue').DefineComponent<import('vue').ExtractPropType
|
|
|
81
81
|
validator: (value: string) => boolean;
|
|
82
82
|
};
|
|
83
83
|
position: {
|
|
84
|
-
type: PropType<
|
|
84
|
+
type: PropType<"edge" | "outside" | "inside" | "inline">;
|
|
85
85
|
default: any;
|
|
86
|
-
validator: (value: string) =>
|
|
86
|
+
validator: (value: string) => boolean;
|
|
87
87
|
};
|
|
88
88
|
cutoutBorder: PropType<boolean>;
|
|
89
89
|
}>> & Readonly<{}>, {
|
|
90
|
-
position:
|
|
90
|
+
position: "edge" | "outside" | "inside" | "inline";
|
|
91
91
|
align: BadgeAlign;
|
|
92
92
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
93
93
|
export { Badge };
|
package/badge/Badge.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue"),o=require("@progress/kendo-vue-common"),l=require("../package-metadata.js"),c=s.defineComponent({name:"KendoBadge",props:{dir:String,align:{type:Object,default:void 0},size:{type:String,validator:function(t){return["small","medium","large"].includes(t)}},fillMode:{type:String,validator:function(t){return["solid","tint","outline"].includes(t)}},themeColor:{type:String,validator:function(t){return["base","primary","secondary","tertiary","info","success","warning","error"].includes(t)}},rounded:{type:String,validator:function(t){return["none","small","medium","large","full"].includes(t)}},position:{type:String,default:void 0,validator:function(t){return["edge","outside","inside","inline"].includes(t)}},cutoutBorder:Boolean},created(){o.validatePackage(l.packageMetadata),this.currentDir=void 0},mounted(){this.currentDir=o.getDir(this.$el,this.$props.dir)},computed:{badgeClasses(){const{size:t,fillMode:i,cutoutBorder:u,position:d,align:e,themeColor:a,rounded:n}=this.$props,r=d==="inline";return{"k-badge":!0,"k-badge-sm":t==="small","k-badge-md":t==="medium","k-badge-lg":t==="large",[`k-badge-${i}`]:i,[`k-badge-${a}`]:a,[`k-rounded-${o.kendoThemeMaps.roundedMap[n]||n}`]:n,"k-badge-border-cutout":u,[`k-badge-${d}`]:d&&!r,"k-top-start":!r&&(e==null?void 0:e.vertical)==="top"&&(e==null?void 0:e.horizontal)==="start","k-top-end":!r&&(e==null?void 0:e.vertical)==="top"&&(e==null?void 0:e.horizontal)==="end","k-bottom-start":!r&&(e==null?void 0:e.vertical)==="bottom"&&(e==null?void 0:e.horizontal)==="start","k-bottom-end":!r&&(e==null?void 0:e.vertical)==="bottom"&&(e==null?void 0:e.horizontal)==="end"}}},render(){const t=o.getDefaultSlots(this);return s.createVNode("span",{class:this.badgeClasses,dir:this.currentDir},[t])},methods:{focusElement(){this.$el&&this.$el.focus()}}});exports.Badge=c;
|
package/badge/Badge.mjs
CHANGED
|
@@ -5,10 +5,10 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import { defineComponent as
|
|
9
|
-
import { getDefaultSlots as
|
|
10
|
-
import { packageMetadata as
|
|
11
|
-
const
|
|
8
|
+
import { defineComponent as a, createVNode as u } from "vue";
|
|
9
|
+
import { getDefaultSlots as l, kendoThemeMaps as c, getDir as m, validatePackage as p } from "@progress/kendo-vue-common";
|
|
10
|
+
import { packageMetadata as f } from "../package-metadata.mjs";
|
|
11
|
+
const g = /* @__PURE__ */ a({
|
|
12
12
|
name: "KendoBadge",
|
|
13
13
|
props: {
|
|
14
14
|
dir: String,
|
|
@@ -25,7 +25,7 @@ const k = /* @__PURE__ */ s({
|
|
|
25
25
|
fillMode: {
|
|
26
26
|
type: String,
|
|
27
27
|
validator: function(t) {
|
|
28
|
-
return ["solid", "outline"].includes(t);
|
|
28
|
+
return ["solid", "tint", "outline"].includes(t);
|
|
29
29
|
}
|
|
30
30
|
},
|
|
31
31
|
themeColor: {
|
|
@@ -44,48 +44,48 @@ const k = /* @__PURE__ */ s({
|
|
|
44
44
|
type: String,
|
|
45
45
|
default: void 0,
|
|
46
46
|
validator: function(t) {
|
|
47
|
-
return ["edge", "outside", "inside"].includes(t);
|
|
47
|
+
return ["edge", "outside", "inside", "inline"].includes(t);
|
|
48
48
|
}
|
|
49
49
|
},
|
|
50
50
|
cutoutBorder: Boolean
|
|
51
51
|
},
|
|
52
52
|
created() {
|
|
53
|
-
|
|
53
|
+
p(f), this.currentDir = void 0;
|
|
54
54
|
},
|
|
55
55
|
mounted() {
|
|
56
|
-
this.currentDir =
|
|
56
|
+
this.currentDir = m(this.$el, this.$props.dir);
|
|
57
57
|
},
|
|
58
58
|
computed: {
|
|
59
59
|
badgeClasses() {
|
|
60
60
|
const {
|
|
61
61
|
size: t,
|
|
62
|
-
fillMode:
|
|
63
|
-
cutoutBorder:
|
|
64
|
-
position:
|
|
62
|
+
fillMode: i,
|
|
63
|
+
cutoutBorder: s,
|
|
64
|
+
position: o,
|
|
65
65
|
align: e,
|
|
66
|
-
themeColor:
|
|
67
|
-
rounded:
|
|
68
|
-
} = this.$props;
|
|
66
|
+
themeColor: n,
|
|
67
|
+
rounded: d
|
|
68
|
+
} = this.$props, r = o === "inline";
|
|
69
69
|
return {
|
|
70
70
|
"k-badge": !0,
|
|
71
71
|
"k-badge-sm": t === "small",
|
|
72
72
|
"k-badge-md": t === "medium",
|
|
73
73
|
"k-badge-lg": t === "large",
|
|
74
|
-
[`k-badge-${o}`]: o,
|
|
75
74
|
[`k-badge-${i}`]: i,
|
|
76
|
-
[`k-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
"k-top-
|
|
81
|
-
"k-
|
|
82
|
-
"k-bottom-
|
|
75
|
+
[`k-badge-${n}`]: n,
|
|
76
|
+
[`k-rounded-${c.roundedMap[d] || d}`]: d,
|
|
77
|
+
"k-badge-border-cutout": s,
|
|
78
|
+
[`k-badge-${o}`]: o && !r,
|
|
79
|
+
"k-top-start": !r && (e == null ? void 0 : e.vertical) === "top" && (e == null ? void 0 : e.horizontal) === "start",
|
|
80
|
+
"k-top-end": !r && (e == null ? void 0 : e.vertical) === "top" && (e == null ? void 0 : e.horizontal) === "end",
|
|
81
|
+
"k-bottom-start": !r && (e == null ? void 0 : e.vertical) === "bottom" && (e == null ? void 0 : e.horizontal) === "start",
|
|
82
|
+
"k-bottom-end": !r && (e == null ? void 0 : e.vertical) === "bottom" && (e == null ? void 0 : e.horizontal) === "end"
|
|
83
83
|
};
|
|
84
84
|
}
|
|
85
85
|
},
|
|
86
86
|
render() {
|
|
87
|
-
const t =
|
|
88
|
-
return
|
|
87
|
+
const t = l(this);
|
|
88
|
+
return u("span", {
|
|
89
89
|
class: this.badgeClasses,
|
|
90
90
|
dir: this.currentDir
|
|
91
91
|
}, [t]);
|
|
@@ -97,5 +97,5 @@ const k = /* @__PURE__ */ s({
|
|
|
97
97
|
}
|
|
98
98
|
});
|
|
99
99
|
export {
|
|
100
|
-
|
|
100
|
+
g as Badge
|
|
101
101
|
};
|
|
@@ -26,7 +26,7 @@ declare const BadgeContainer: import('vue').DefineComponent<import('vue').Extrac
|
|
|
26
26
|
validator: (value: string) => boolean;
|
|
27
27
|
};
|
|
28
28
|
fillMode: {
|
|
29
|
-
type: PropType<"solid" | "outline">;
|
|
29
|
+
type: PropType<"solid" | "tint" | "outline">;
|
|
30
30
|
validator: (value: string) => boolean;
|
|
31
31
|
};
|
|
32
32
|
themeColor: {
|
|
@@ -39,7 +39,7 @@ declare const BadgeContainer: import('vue').DefineComponent<import('vue').Extrac
|
|
|
39
39
|
validator: (value: string) => boolean;
|
|
40
40
|
};
|
|
41
41
|
position: {
|
|
42
|
-
type: PropType<
|
|
42
|
+
type: PropType<"edge" | "outside" | "inside" | "inline">;
|
|
43
43
|
default: string;
|
|
44
44
|
validator: (value: string) => boolean;
|
|
45
45
|
};
|
|
@@ -74,7 +74,7 @@ declare const BadgeContainer: import('vue').DefineComponent<import('vue').Extrac
|
|
|
74
74
|
validator: (value: string) => boolean;
|
|
75
75
|
};
|
|
76
76
|
fillMode: {
|
|
77
|
-
type: PropType<"solid" | "outline">;
|
|
77
|
+
type: PropType<"solid" | "tint" | "outline">;
|
|
78
78
|
validator: (value: string) => boolean;
|
|
79
79
|
};
|
|
80
80
|
themeColor: {
|
|
@@ -87,7 +87,7 @@ declare const BadgeContainer: import('vue').DefineComponent<import('vue').Extrac
|
|
|
87
87
|
validator: (value: string) => boolean;
|
|
88
88
|
};
|
|
89
89
|
position: {
|
|
90
|
-
type: PropType<
|
|
90
|
+
type: PropType<"edge" | "outside" | "inside" | "inline">;
|
|
91
91
|
default: string;
|
|
92
92
|
validator: (value: string) => boolean;
|
|
93
93
|
};
|
|
@@ -95,7 +95,7 @@ declare const BadgeContainer: import('vue').DefineComponent<import('vue').Extrac
|
|
|
95
95
|
content: PropType<any>;
|
|
96
96
|
}>> & Readonly<{}>, {
|
|
97
97
|
themeColor: "primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "error" | "inverse" | "inherit";
|
|
98
|
-
position:
|
|
98
|
+
position: "edge" | "outside" | "inside" | "inline";
|
|
99
99
|
align: BadgeAlign;
|
|
100
100
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
101
101
|
export { BadgeContainer };
|
package/badge/BadgeContainer.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),r=require("@progress/kendo-vue-common"),u=require("../package-metadata.js"),c=a.defineComponent({name:"KendoBadgeContainer",props:{dir:String,align:{type:Object,default:function(){return{vertical:"top",horizontal:"end"}}},size:{type:String,validator:function(t){return["none","small","medium","large"].includes(t)}},fillMode:{type:String,validator:function(t){return["solid","tint","outline"].includes(t)}},themeColor:{type:String,default:"base",validator:function(t){return["base","primary","secondary","tertiary","info","success","warning","error","inverse"].includes(t)}},rounded:{type:String,validator:function(t){return[null,"small","medium","large","full"].includes(t)}},position:{type:String,default:"edge",validator:function(t){return["edge","outside","inside","inline"].includes(t)}},cutoutBorder:Boolean,content:[String,Function,Object]},created(){r.validatePackage(u.packageMetadata),this.currentDir=void 0},mounted(){this.currentDir=r.getDir(this.$el,this.$props.dir)},computed:{badgeContainerClasses(){return{"k-badge-container":!0}},badgeClasses(){const{size:t,fillMode:n,cutoutBorder:s,position:d,align:e,themeColor:i,rounded:l}=this.$props,o=d==="inline";return{"k-badge":!0,"k-badge-sm":t==="small","k-badge-md":t==="medium","k-badge-lg":t==="large",[`k-badge-${n}`]:n,[`k-badge-${i}`]:i,[`k-badge-${n}-${i}`]:!!(n&&i),[`k-rounded-${r.kendoThemeMaps.roundedMap[l]||l}`]:l,"k-badge-border-cutout":s,[`k-badge-${d}`]:d&&!o,"k-top-start":!o&&(e==null?void 0:e.vertical)==="top"&&(e==null?void 0:e.horizontal)==="start","k-top-end":!o&&(e==null?void 0:e.vertical)==="top"&&(e==null?void 0:e.horizontal)==="end","k-bottom-start":!o&&(e==null?void 0:e.vertical)==="bottom"&&(e==null?void 0:e.horizontal)==="start","k-bottom-end":!o&&(e==null?void 0:e.vertical)==="bottom"&&(e==null?void 0:e.horizontal)==="end"}}},render(){const t=r.getDefaultSlots(this),n=r.templateRendering.call(this,this.content,r.getListeners.call(this)),s=r.getTemplate.call(this,{h:a.h,template:n,additionalProps:this.$props});return a.createVNode("span",{class:this.badgeContainerClasses,style:{display:"inline-block"},dir:this.currentDir},[t,a.createVNode("span",{class:this.badgeClasses,dir:this.currentDir},[s])])},methods:{focusElement(){this.$el&&this.$el.focus()}}});exports.BadgeContainer=c;
|
package/badge/BadgeContainer.mjs
CHANGED
|
@@ -5,10 +5,10 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import { defineComponent as
|
|
9
|
-
import { getDefaultSlots as
|
|
10
|
-
import { packageMetadata as
|
|
11
|
-
const
|
|
8
|
+
import { defineComponent as l, h as u, createVNode as d } from "vue";
|
|
9
|
+
import { getDefaultSlots as c, templateRendering as p, getListeners as m, getTemplate as h, kendoThemeMaps as b, getDir as f, validatePackage as g } from "@progress/kendo-vue-common";
|
|
10
|
+
import { packageMetadata as k } from "../package-metadata.mjs";
|
|
11
|
+
const C = /* @__PURE__ */ l({
|
|
12
12
|
name: "KendoBadgeContainer",
|
|
13
13
|
props: {
|
|
14
14
|
dir: String,
|
|
@@ -23,44 +23,44 @@ const y = /* @__PURE__ */ d({
|
|
|
23
23
|
},
|
|
24
24
|
size: {
|
|
25
25
|
type: String,
|
|
26
|
-
validator: function(
|
|
27
|
-
return ["none", "small", "medium", "large"].includes(
|
|
26
|
+
validator: function(t) {
|
|
27
|
+
return ["none", "small", "medium", "large"].includes(t);
|
|
28
28
|
}
|
|
29
29
|
},
|
|
30
30
|
fillMode: {
|
|
31
31
|
type: String,
|
|
32
|
-
validator: function(
|
|
33
|
-
return ["solid", "outline"].includes(
|
|
32
|
+
validator: function(t) {
|
|
33
|
+
return ["solid", "tint", "outline"].includes(t);
|
|
34
34
|
}
|
|
35
35
|
},
|
|
36
36
|
themeColor: {
|
|
37
37
|
type: String,
|
|
38
38
|
default: "base",
|
|
39
|
-
validator: function(
|
|
40
|
-
return ["base", "primary", "secondary", "tertiary", "info", "success", "warning", "error", "inverse"].includes(
|
|
39
|
+
validator: function(t) {
|
|
40
|
+
return ["base", "primary", "secondary", "tertiary", "info", "success", "warning", "error", "inverse"].includes(t);
|
|
41
41
|
}
|
|
42
42
|
},
|
|
43
43
|
rounded: {
|
|
44
44
|
type: String,
|
|
45
|
-
validator: function(
|
|
46
|
-
return [null, "small", "medium", "large", "full"].includes(
|
|
45
|
+
validator: function(t) {
|
|
46
|
+
return [null, "small", "medium", "large", "full"].includes(t);
|
|
47
47
|
}
|
|
48
48
|
},
|
|
49
49
|
position: {
|
|
50
50
|
type: String,
|
|
51
51
|
default: "edge",
|
|
52
|
-
validator: function(
|
|
53
|
-
return ["edge", "outside", "inside"].includes(
|
|
52
|
+
validator: function(t) {
|
|
53
|
+
return ["edge", "outside", "inside", "inline"].includes(t);
|
|
54
54
|
}
|
|
55
55
|
},
|
|
56
56
|
cutoutBorder: Boolean,
|
|
57
57
|
content: [String, Function, Object]
|
|
58
58
|
},
|
|
59
59
|
created() {
|
|
60
|
-
|
|
60
|
+
g(k), this.currentDir = void 0;
|
|
61
61
|
},
|
|
62
62
|
mounted() {
|
|
63
|
-
this.currentDir =
|
|
63
|
+
this.currentDir = f(this.$el, this.$props.dir);
|
|
64
64
|
},
|
|
65
65
|
computed: {
|
|
66
66
|
badgeContainerClasses() {
|
|
@@ -70,48 +70,48 @@ const y = /* @__PURE__ */ d({
|
|
|
70
70
|
},
|
|
71
71
|
badgeClasses() {
|
|
72
72
|
const {
|
|
73
|
-
size:
|
|
74
|
-
fillMode:
|
|
75
|
-
cutoutBorder:
|
|
76
|
-
position:
|
|
77
|
-
align:
|
|
78
|
-
themeColor:
|
|
79
|
-
rounded:
|
|
80
|
-
} = this.$props;
|
|
73
|
+
size: t,
|
|
74
|
+
fillMode: r,
|
|
75
|
+
cutoutBorder: i,
|
|
76
|
+
position: s,
|
|
77
|
+
align: e,
|
|
78
|
+
themeColor: n,
|
|
79
|
+
rounded: a
|
|
80
|
+
} = this.$props, o = s === "inline";
|
|
81
81
|
return {
|
|
82
82
|
"k-badge": !0,
|
|
83
|
-
"k-badge-sm":
|
|
84
|
-
"k-badge-md":
|
|
85
|
-
"k-badge-lg":
|
|
86
|
-
[`k-badge-${n}`]: n,
|
|
83
|
+
"k-badge-sm": t === "small",
|
|
84
|
+
"k-badge-md": t === "medium",
|
|
85
|
+
"k-badge-lg": t === "large",
|
|
87
86
|
[`k-badge-${r}`]: r,
|
|
88
|
-
[`k-badge-${n}
|
|
89
|
-
[`k-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
"k-top-
|
|
94
|
-
"k-
|
|
95
|
-
"k-bottom-
|
|
87
|
+
[`k-badge-${n}`]: n,
|
|
88
|
+
[`k-badge-${r}-${n}`]: !!(r && n),
|
|
89
|
+
[`k-rounded-${b.roundedMap[a] || a}`]: a,
|
|
90
|
+
"k-badge-border-cutout": i,
|
|
91
|
+
[`k-badge-${s}`]: s && !o,
|
|
92
|
+
"k-top-start": !o && (e == null ? void 0 : e.vertical) === "top" && (e == null ? void 0 : e.horizontal) === "start",
|
|
93
|
+
"k-top-end": !o && (e == null ? void 0 : e.vertical) === "top" && (e == null ? void 0 : e.horizontal) === "end",
|
|
94
|
+
"k-bottom-start": !o && (e == null ? void 0 : e.vertical) === "bottom" && (e == null ? void 0 : e.horizontal) === "start",
|
|
95
|
+
"k-bottom-end": !o && (e == null ? void 0 : e.vertical) === "bottom" && (e == null ? void 0 : e.horizontal) === "end"
|
|
96
96
|
};
|
|
97
97
|
}
|
|
98
98
|
},
|
|
99
99
|
render() {
|
|
100
|
-
const
|
|
101
|
-
h:
|
|
102
|
-
template:
|
|
100
|
+
const t = c(this), r = p.call(this, this.content, m.call(this)), i = h.call(this, {
|
|
101
|
+
h: u,
|
|
102
|
+
template: r,
|
|
103
103
|
additionalProps: this.$props
|
|
104
104
|
});
|
|
105
|
-
return
|
|
105
|
+
return d("span", {
|
|
106
106
|
class: this.badgeContainerClasses,
|
|
107
107
|
style: {
|
|
108
108
|
display: "inline-block"
|
|
109
109
|
},
|
|
110
110
|
dir: this.currentDir
|
|
111
|
-
}, [
|
|
111
|
+
}, [t, d("span", {
|
|
112
112
|
class: this.badgeClasses,
|
|
113
113
|
dir: this.currentDir
|
|
114
|
-
}, [
|
|
114
|
+
}, [i])]);
|
|
115
115
|
},
|
|
116
116
|
methods: {
|
|
117
117
|
focusElement() {
|
|
@@ -120,5 +120,5 @@ const y = /* @__PURE__ */ d({
|
|
|
120
120
|
}
|
|
121
121
|
});
|
|
122
122
|
export {
|
|
123
|
-
|
|
123
|
+
C as BadgeContainer
|
|
124
124
|
};
|
package/badge/BadgeProps.d.ts
CHANGED
|
@@ -42,11 +42,12 @@ export interface BadgeProps {
|
|
|
42
42
|
*
|
|
43
43
|
* The possible values are:
|
|
44
44
|
* * `solid`
|
|
45
|
+
* * `tint`
|
|
45
46
|
* * `outline`
|
|
46
47
|
*
|
|
47
48
|
* @default `undefined`
|
|
48
49
|
*/
|
|
49
|
-
fillMode?: 'solid' | 'outline';
|
|
50
|
+
fillMode?: 'solid' | 'tint' | 'outline';
|
|
50
51
|
/**
|
|
51
52
|
* Specifies the theme color of the Badge.
|
|
52
53
|
*
|
|
@@ -101,10 +102,11 @@ export interface BadgeProps {
|
|
|
101
102
|
* * `edge` (Default)—The center of the Badge is positioned on the edge of the container element.
|
|
102
103
|
* * `outside`—The Badge is entirely positioned outside the edge of the container element.
|
|
103
104
|
* * `inside`—The Badge is entirely positioned inside the edge of the the container element.
|
|
105
|
+
* * `inline`—The Badge is positioned inline without position or alignment classes.
|
|
104
106
|
*
|
|
105
107
|
* @default `edge`
|
|
106
108
|
*/
|
|
107
|
-
position?: 'edge' | 'outside' | 'inside' |
|
|
109
|
+
position?: 'edge' | 'outside' | 'inside' | 'inline';
|
|
108
110
|
/**
|
|
109
111
|
* Specifies wether or not to render additional "cutout" border around the Badge.
|
|
110
112
|
*
|
|
@@ -175,10 +177,11 @@ export interface BadgeAlign {
|
|
|
175
177
|
*
|
|
176
178
|
* The possible values are:
|
|
177
179
|
* * `solid` (Default)
|
|
180
|
+
* * `tint`
|
|
178
181
|
* * `outline`
|
|
179
182
|
*
|
|
180
183
|
*/
|
|
181
|
-
export type BadgeFill = 'solid' | 'outline';
|
|
184
|
+
export type BadgeFill = 'solid' | 'tint' | 'outline';
|
|
182
185
|
/**
|
|
183
186
|
* Specifies the position of the Badge relative to the edge of the container element.
|
|
184
187
|
*
|
|
@@ -186,6 +189,7 @@ export type BadgeFill = 'solid' | 'outline';
|
|
|
186
189
|
* * `edge` (Default)—The center of the Badge is positioned on the edge of the container element.
|
|
187
190
|
* * `outside`—The Badge is entirely positioned outside the edge of the container element.
|
|
188
191
|
* * `inside`—The Badge is entirely positioned inside the edge of the the container element.
|
|
192
|
+
* * `inline`—The Badge is positioned inline without position or alignment classes.
|
|
189
193
|
*
|
|
190
194
|
*/
|
|
191
|
-
export type BadgePosition = 'edge' | 'outside' | 'inside';
|
|
195
|
+
export type BadgePosition = 'edge' | 'outside' | 'inside' | 'inline';
|
|
@@ -12,4 +12,4 @@
|
|
|
12
12
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
13
13
|
*-------------------------------------------------------------------------------------------
|
|
14
14
|
*/
|
|
15
|
-
!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,n){"use strict";const
|
|
15
|
+
!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,n){"use strict";const i={name:"@progress/kendo-vue-indicators",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate:1636623080,version:"10.2.0-develop.10",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"},o=t.defineComponent({name:"KendoBadge",props:{dir:String,align:{type:Object,default:void 0},size:{type:String,validator:function(e){return["small","medium","large"].includes(e)}},fillMode:{type:String,validator:function(e){return["solid","tint","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:void 0,validator:function(e){return["edge","outside","inside","inline"].includes(e)}},cutoutBorder:Boolean},created(){n.validatePackage(i),this.currentDir=void 0},mounted(){this.currentDir=n.getDir(this.$el,this.$props.dir)},computed:{badgeClasses(){const{size:e,fillMode:t,cutoutBorder:i,position:o,align:r,themeColor:a,rounded:l}=this.$props,s="inline"===o;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-${n.kendoThemeMaps.roundedMap[l]||l}`]:l,"k-badge-border-cutout":i,[`k-badge-${o}`]:o&&!s,"k-top-start":!s&&"top"===(null==r?void 0:r.vertical)&&"start"===(null==r?void 0:r.horizontal),"k-top-end":!s&&"top"===(null==r?void 0:r.vertical)&&"end"===(null==r?void 0:r.horizontal),"k-bottom-start":!s&&"bottom"===(null==r?void 0:r.vertical)&&"start"===(null==r?void 0:r.horizontal),"k-bottom-end":!s&&"bottom"===(null==r?void 0:r.vertical)&&"end"===(null==r?void 0:r.horizontal)}}},render(){const e=n.getDefaultSlots(this);return t.createVNode("span",{class:this.badgeClasses,dir:this.currentDir},[e])},methods:{focusElement(){this.$el&&this.$el.focus()}}}),r=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","tint","outline"].includes(e)}},themeColor:{type:String,default:"base",validator:function(e){return["base","primary","secondary","tertiary","info","success","warning","error","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","inline"].includes(e)}},cutoutBorder:Boolean,content:[String,Function,Object]},created(){n.validatePackage(i),this.currentDir=void 0},mounted(){this.currentDir=n.getDir(this.$el,this.$props.dir)},computed:{badgeContainerClasses:()=>({"k-badge-container":!0}),badgeClasses(){const{size:e,fillMode:t,cutoutBorder:i,position:o,align:r,themeColor:a,rounded:l}=this.$props,s="inline"===o;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-badge-${t}-${a}`]:!(!t||!a),[`k-rounded-${n.kendoThemeMaps.roundedMap[l]||l}`]:l,"k-badge-border-cutout":i,[`k-badge-${o}`]:o&&!s,"k-top-start":!s&&"top"===(null==r?void 0:r.vertical)&&"start"===(null==r?void 0:r.horizontal),"k-top-end":!s&&"top"===(null==r?void 0:r.vertical)&&"end"===(null==r?void 0:r.horizontal),"k-bottom-start":!s&&"bottom"===(null==r?void 0:r.vertical)&&"start"===(null==r?void 0:r.horizontal),"k-bottom-end":!s&&"bottom"===(null==r?void 0:r.vertical)&&"end"===(null==r?void 0:r.horizontal)}}},render(){const e=n.getDefaultSlots(this),i=n.templateRendering.call(this,this.content,n.getListeners.call(this)),o=n.getTemplate.call(this,{h:t.h,template:i,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},[o])])},methods:{focusElement(){this.$el&&this.$el.focus()}}}),a={pulsing:2,"infinite-spinner":3,"converging-spinner":4},l=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:void 0,validator:function(e){return["base","primary","secondary","tertiary"].includes(e)}}},created(){n.validatePackage(i)},computed:{loaderClasses(){const{type:e,size:t,themeColor:n}=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"===n,"k-loader-secondary":"secondary"===n,"k-loader-tertiary":"tertiary"===n,"k-loader-base":"base"===n,"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,n=new Array(a[e]);return n.fill(0,0,a[e]),t.createVNode("div",{class:this.loaderClasses,role:"status","aria-label":this.$attrs["aria-label"]||"Loading"},[t.createVNode("div",{class:"k-loader-canvas"},[n.map(function(e,n){return t.createVNode("span",{key:n,class:"k-loader-segment"},null)},this)])])},methods:{focus(e){this.$el&&this.$el.focus(e)}}}),s=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(){n.validatePackage(i)},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":n.isObject(this.animation)&&"pulse"===this.animation.type,"k-skeleton-wave":n.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=o,e.BadgeContainer=r,e.Loader=l,e.Skeleton=s});
|
package/package-metadata.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"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:
|
|
8
|
+
"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: 1793620509,version:"10.2.0-develop.10",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
CHANGED
|
@@ -10,8 +10,8 @@ const e = {
|
|
|
10
10
|
productName: "Kendo UI for Vue",
|
|
11
11
|
productCode: "KENDOUIVUE",
|
|
12
12
|
productCodes: ["KENDOUIVUE"],
|
|
13
|
-
publishDate:
|
|
14
|
-
version: "10.
|
|
13
|
+
publishDate: 1793620509,
|
|
14
|
+
version: "10.2.0-develop.10",
|
|
15
15
|
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"
|
|
16
16
|
};
|
|
17
17
|
export {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-vue-indicators",
|
|
3
|
-
"version": "10.
|
|
3
|
+
"version": "10.2.0-develop.10",
|
|
4
4
|
"description": "TODO",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
@@ -24,8 +24,8 @@
|
|
|
24
24
|
},
|
|
25
25
|
"sideEffects": false,
|
|
26
26
|
"peerDependencies": {
|
|
27
|
-
"@progress/kendo-licensing": "^1.
|
|
28
|
-
"@progress/kendo-vue-common": "10.
|
|
27
|
+
"@progress/kendo-licensing": "^1.12.0",
|
|
28
|
+
"@progress/kendo-vue-common": "10.2.0-develop.10",
|
|
29
29
|
"vue": "^3.0.2"
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {},
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
"package": {
|
|
46
46
|
"productName": "Kendo UI for Vue",
|
|
47
47
|
"productCode": "KENDOUIVUE",
|
|
48
|
-
"publishDate":
|
|
48
|
+
"publishDate": 1793620509,
|
|
49
49
|
"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"
|
|
50
50
|
}
|
|
51
51
|
},
|