@progress/kendo-vue-indicators 8.4.0-develop.3 → 8.4.0-develop.5
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 +6 -6
- package/badge/Badge.js +1 -1
- package/badge/Badge.mjs +40 -35
- package/badge/BadgeContainer.d.ts +3 -3
- package/badge/BadgeContainer.js +1 -1
- package/badge/BadgeContainer.mjs +17 -17
- package/badge/BadgeProps.d.ts +4 -9
- package/dist/cdn/js/kendo-vue-indicators.js +1 -1
- package/loader/Loader.d.ts +1 -7
- package/loader/Loader.js +1 -1
- package/loader/Loader.mjs +17 -23
- package/loader/LoaderProps.d.ts +0 -2
- package/loader/models/theme-color.d.ts +3 -9
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +3 -3
package/badge/Badge.d.ts
CHANGED
|
@@ -19,7 +19,7 @@ declare const Badge: import('vue').DefineComponent<import('vue').ExtractPropType
|
|
|
19
19
|
dir: PropType<string>;
|
|
20
20
|
align: {
|
|
21
21
|
type: PropType<BadgeAlign>;
|
|
22
|
-
default:
|
|
22
|
+
default: () => BadgeAlign;
|
|
23
23
|
};
|
|
24
24
|
size: {
|
|
25
25
|
type: PropType<"small" | "medium" | "large">;
|
|
@@ -30,7 +30,7 @@ declare const Badge: import('vue').DefineComponent<import('vue').ExtractPropType
|
|
|
30
30
|
validator: (value: string) => boolean;
|
|
31
31
|
};
|
|
32
32
|
themeColor: {
|
|
33
|
-
type: PropType<"primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "error" | "
|
|
33
|
+
type: PropType<"primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "error" | "inverse" | "inherit">;
|
|
34
34
|
validator: (value: string) => boolean;
|
|
35
35
|
};
|
|
36
36
|
rounded: {
|
|
@@ -39,7 +39,7 @@ declare const Badge: import('vue').DefineComponent<import('vue').ExtractPropType
|
|
|
39
39
|
};
|
|
40
40
|
position: {
|
|
41
41
|
type: PropType<string>;
|
|
42
|
-
default:
|
|
42
|
+
default: string;
|
|
43
43
|
validator: (value: string) => any;
|
|
44
44
|
};
|
|
45
45
|
cutoutBorder: PropType<boolean>;
|
|
@@ -62,7 +62,7 @@ declare const Badge: import('vue').DefineComponent<import('vue').ExtractPropType
|
|
|
62
62
|
dir: PropType<string>;
|
|
63
63
|
align: {
|
|
64
64
|
type: PropType<BadgeAlign>;
|
|
65
|
-
default:
|
|
65
|
+
default: () => BadgeAlign;
|
|
66
66
|
};
|
|
67
67
|
size: {
|
|
68
68
|
type: PropType<"small" | "medium" | "large">;
|
|
@@ -73,7 +73,7 @@ declare const Badge: import('vue').DefineComponent<import('vue').ExtractPropType
|
|
|
73
73
|
validator: (value: string) => boolean;
|
|
74
74
|
};
|
|
75
75
|
themeColor: {
|
|
76
|
-
type: PropType<"primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "error" | "
|
|
76
|
+
type: PropType<"primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "error" | "inverse" | "inherit">;
|
|
77
77
|
validator: (value: string) => boolean;
|
|
78
78
|
};
|
|
79
79
|
rounded: {
|
|
@@ -82,7 +82,7 @@ declare const Badge: import('vue').DefineComponent<import('vue').ExtractPropType
|
|
|
82
82
|
};
|
|
83
83
|
position: {
|
|
84
84
|
type: PropType<string>;
|
|
85
|
-
default:
|
|
85
|
+
default: string;
|
|
86
86
|
validator: (value: string) => any;
|
|
87
87
|
};
|
|
88
88
|
cutoutBorder: PropType<boolean>;
|
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 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;
|
package/badge/Badge.mjs
CHANGED
|
@@ -5,52 +5,57 @@
|
|
|
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 b = /* @__PURE__ */
|
|
8
|
+
import { defineComponent as d, createVNode as l } from "vue";
|
|
9
|
+
import { getDefaultSlots as s, kendoThemeMaps as u, getDir as c, validatePackage as g } from "@progress/kendo-vue-common";
|
|
10
|
+
import { packageMetadata as m } from "../package-metadata.mjs";
|
|
11
|
+
const b = /* @__PURE__ */ d({
|
|
12
12
|
name: "KendoBadge",
|
|
13
13
|
props: {
|
|
14
14
|
dir: String,
|
|
15
15
|
align: {
|
|
16
16
|
type: Object,
|
|
17
|
-
default:
|
|
17
|
+
default: function() {
|
|
18
|
+
return {
|
|
19
|
+
vertical: "top",
|
|
20
|
+
horizontal: "end"
|
|
21
|
+
};
|
|
22
|
+
}
|
|
18
23
|
},
|
|
19
24
|
size: {
|
|
20
25
|
type: String,
|
|
21
|
-
validator: function(
|
|
22
|
-
return ["small", "medium", "large"].includes(
|
|
26
|
+
validator: function(e) {
|
|
27
|
+
return ["small", "medium", "large"].includes(e);
|
|
23
28
|
}
|
|
24
29
|
},
|
|
25
30
|
fillMode: {
|
|
26
31
|
type: String,
|
|
27
|
-
validator: function(
|
|
28
|
-
return ["solid", "outline"].includes(
|
|
32
|
+
validator: function(e) {
|
|
33
|
+
return ["solid", "outline"].includes(e);
|
|
29
34
|
}
|
|
30
35
|
},
|
|
31
36
|
themeColor: {
|
|
32
37
|
type: String,
|
|
33
|
-
validator: function(
|
|
34
|
-
return ["primary", "secondary", "tertiary", "info", "success", "warning", "error"
|
|
38
|
+
validator: function(e) {
|
|
39
|
+
return ["base", "primary", "secondary", "tertiary", "info", "success", "warning", "error"].includes(e);
|
|
35
40
|
}
|
|
36
41
|
},
|
|
37
42
|
rounded: {
|
|
38
43
|
type: String,
|
|
39
|
-
validator: function(
|
|
40
|
-
return ["none", "small", "medium", "large", "full"].includes(
|
|
44
|
+
validator: function(e) {
|
|
45
|
+
return ["none", "small", "medium", "large", "full"].includes(e);
|
|
41
46
|
}
|
|
42
47
|
},
|
|
43
48
|
position: {
|
|
44
49
|
type: String,
|
|
45
|
-
default:
|
|
46
|
-
validator: function(
|
|
47
|
-
return ["edge", "outside", "inside"].includes(
|
|
50
|
+
default: "edge",
|
|
51
|
+
validator: function(e) {
|
|
52
|
+
return ["edge", "outside", "inside"].includes(e);
|
|
48
53
|
}
|
|
49
54
|
},
|
|
50
55
|
cutoutBorder: Boolean
|
|
51
56
|
},
|
|
52
57
|
created() {
|
|
53
|
-
m
|
|
58
|
+
g(m), this.currentDir = void 0;
|
|
54
59
|
},
|
|
55
60
|
mounted() {
|
|
56
61
|
this.currentDir = c(this.$el, this.$props.dir);
|
|
@@ -58,37 +63,37 @@ const b = /* @__PURE__ */ s({
|
|
|
58
63
|
computed: {
|
|
59
64
|
badgeClasses() {
|
|
60
65
|
const {
|
|
61
|
-
size:
|
|
66
|
+
size: e,
|
|
62
67
|
fillMode: o,
|
|
63
|
-
cutoutBorder:
|
|
64
|
-
position:
|
|
65
|
-
align:
|
|
66
|
-
themeColor:
|
|
68
|
+
cutoutBorder: a,
|
|
69
|
+
position: i,
|
|
70
|
+
align: t,
|
|
71
|
+
themeColor: n,
|
|
67
72
|
rounded: r
|
|
68
73
|
} = this.$props;
|
|
69
74
|
return {
|
|
70
75
|
"k-badge": !0,
|
|
71
|
-
"k-badge-sm":
|
|
72
|
-
"k-badge-md":
|
|
73
|
-
"k-badge-lg":
|
|
76
|
+
"k-badge-sm": e === "small",
|
|
77
|
+
"k-badge-md": e === "medium",
|
|
78
|
+
"k-badge-lg": e === "large",
|
|
74
79
|
[`k-badge-${o}`]: o,
|
|
80
|
+
[`k-badge-${n}`]: n,
|
|
81
|
+
[`k-rounded-${u.roundedMap[r] || r}`]: r,
|
|
82
|
+
"k-badge-border-cutout": a,
|
|
75
83
|
[`k-badge-${i}`]: i,
|
|
76
|
-
|
|
77
|
-
"k-
|
|
78
|
-
|
|
79
|
-
"k-
|
|
80
|
-
"k-top-end": (e == null ? void 0 : e.vertical) === "top" && (e == null ? void 0 : e.horizontal) === "end",
|
|
81
|
-
"k-bottom-start": (e == null ? void 0 : e.vertical) === "bottom" && (e == null ? void 0 : e.horizontal) === "start",
|
|
82
|
-
"k-bottom-end": (e == null ? void 0 : e.vertical) === "bottom" && (e == null ? void 0 : e.horizontal) === "end"
|
|
84
|
+
"k-top-start": t.vertical === "top" && t.horizontal === "start",
|
|
85
|
+
"k-top-end": t.vertical === "top" && t.horizontal === "end",
|
|
86
|
+
"k-bottom-start": t.vertical === "bottom" && t.horizontal === "start",
|
|
87
|
+
"k-bottom-end": t.vertical === "bottom" && t.horizontal === "end"
|
|
83
88
|
};
|
|
84
89
|
}
|
|
85
90
|
},
|
|
86
91
|
render() {
|
|
87
|
-
const
|
|
88
|
-
return
|
|
92
|
+
const e = s(this);
|
|
93
|
+
return l("span", {
|
|
89
94
|
class: this.badgeClasses,
|
|
90
95
|
dir: this.currentDir
|
|
91
|
-
}, [
|
|
96
|
+
}, [e]);
|
|
92
97
|
},
|
|
93
98
|
methods: {
|
|
94
99
|
focusElement() {
|
|
@@ -30,7 +30,7 @@ declare const BadgeContainer: import('vue').DefineComponent<import('vue').Extrac
|
|
|
30
30
|
validator: (value: string) => boolean;
|
|
31
31
|
};
|
|
32
32
|
themeColor: {
|
|
33
|
-
type: PropType<"primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "error" | "
|
|
33
|
+
type: PropType<"primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "error" | "inverse" | "inherit">;
|
|
34
34
|
default: string;
|
|
35
35
|
validator: (value: string) => boolean;
|
|
36
36
|
};
|
|
@@ -78,7 +78,7 @@ declare const BadgeContainer: import('vue').DefineComponent<import('vue').Extrac
|
|
|
78
78
|
validator: (value: string) => boolean;
|
|
79
79
|
};
|
|
80
80
|
themeColor: {
|
|
81
|
-
type: PropType<"primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "error" | "
|
|
81
|
+
type: PropType<"primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "error" | "inverse" | "inherit">;
|
|
82
82
|
default: string;
|
|
83
83
|
validator: (value: string) => boolean;
|
|
84
84
|
};
|
|
@@ -94,7 +94,7 @@ declare const BadgeContainer: import('vue').DefineComponent<import('vue').Extrac
|
|
|
94
94
|
cutoutBorder: PropType<boolean>;
|
|
95
95
|
content: PropType<any>;
|
|
96
96
|
}>> & Readonly<{}>, {
|
|
97
|
-
themeColor: "primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "error" | "
|
|
97
|
+
themeColor: "primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "error" | "inverse" | "inherit";
|
|
98
98
|
position: string;
|
|
99
99
|
align: BadgeAlign;
|
|
100
100
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
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
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),n=require("@progress/kendo-vue-common"),l=require("../package-metadata.js"),u=a.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:"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"].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:o,rounded:s}=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-${o}`]:o,[`k-badge-${r}-${o}`]:!!(r&&o),[`k-rounded-${n.kendoThemeMaps.roundedMap[s]||s}`]:s,"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:a.h,template:r,additionalProps:this.$props});return a.createVNode("span",{class:this.badgeContainerClasses,style:{display:"inline-block"},dir:this.currentDir},[e,a.createVNode("span",{class:this.badgeClasses,dir:this.currentDir},[i])])},methods:{focusElement(){this.$el&&this.$el.focus()}}});exports.BadgeContainer=u;
|
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 u, templateRendering as c, getListeners as g, getTemplate as p, kendoThemeMaps as m, getDir as h, validatePackage as
|
|
10
|
-
import { packageMetadata as
|
|
11
|
-
const
|
|
8
|
+
import { defineComponent as d, h as l, createVNode as s } from "vue";
|
|
9
|
+
import { getDefaultSlots as u, templateRendering as c, getListeners as g, getTemplate as p, kendoThemeMaps as m, getDir as h, validatePackage as b } from "@progress/kendo-vue-common";
|
|
10
|
+
import { packageMetadata as f } from "../package-metadata.mjs";
|
|
11
|
+
const y = /* @__PURE__ */ d({
|
|
12
12
|
name: "KendoBadgeContainer",
|
|
13
13
|
props: {
|
|
14
14
|
dir: String,
|
|
@@ -35,9 +35,9 @@ const $ = /* @__PURE__ */ l({
|
|
|
35
35
|
},
|
|
36
36
|
themeColor: {
|
|
37
37
|
type: String,
|
|
38
|
-
default: "
|
|
38
|
+
default: "base",
|
|
39
39
|
validator: function(e) {
|
|
40
|
-
return ["primary", "secondary", "tertiary", "info", "success", "warning", "error", "
|
|
40
|
+
return ["base", "primary", "secondary", "tertiary", "info", "success", "warning", "error", "inverse"].includes(e);
|
|
41
41
|
}
|
|
42
42
|
},
|
|
43
43
|
rounded: {
|
|
@@ -57,7 +57,7 @@ const $ = /* @__PURE__ */ l({
|
|
|
57
57
|
content: [String, Function, Object]
|
|
58
58
|
},
|
|
59
59
|
created() {
|
|
60
|
-
f
|
|
60
|
+
b(f), this.currentDir = void 0;
|
|
61
61
|
},
|
|
62
62
|
mounted() {
|
|
63
63
|
this.currentDir = h(this.$el, this.$props.dir);
|
|
@@ -71,11 +71,11 @@ const $ = /* @__PURE__ */ l({
|
|
|
71
71
|
badgeClasses() {
|
|
72
72
|
const {
|
|
73
73
|
size: e,
|
|
74
|
-
fillMode:
|
|
74
|
+
fillMode: n,
|
|
75
75
|
cutoutBorder: o,
|
|
76
76
|
position: a,
|
|
77
77
|
align: t,
|
|
78
|
-
themeColor:
|
|
78
|
+
themeColor: r,
|
|
79
79
|
rounded: i
|
|
80
80
|
} = this.$props;
|
|
81
81
|
return {
|
|
@@ -83,9 +83,9 @@ const $ = /* @__PURE__ */ l({
|
|
|
83
83
|
"k-badge-sm": e === "small",
|
|
84
84
|
"k-badge-md": e === "medium",
|
|
85
85
|
"k-badge-lg": e === "large",
|
|
86
|
-
[`k-badge-${r}`]: r,
|
|
87
86
|
[`k-badge-${n}`]: n,
|
|
88
|
-
[`k-badge-${r}
|
|
87
|
+
[`k-badge-${r}`]: r,
|
|
88
|
+
[`k-badge-${n}-${r}`]: !!(n && r),
|
|
89
89
|
[`k-rounded-${m.roundedMap[i] || i}`]: i,
|
|
90
90
|
"k-badge-border-cutout": o,
|
|
91
91
|
[`k-badge-${a}`]: a,
|
|
@@ -97,18 +97,18 @@ const $ = /* @__PURE__ */ l({
|
|
|
97
97
|
}
|
|
98
98
|
},
|
|
99
99
|
render() {
|
|
100
|
-
const e = u(this),
|
|
101
|
-
h:
|
|
102
|
-
template:
|
|
100
|
+
const e = u(this), n = c.call(this, this.content, g.call(this)), o = p.call(this, {
|
|
101
|
+
h: l,
|
|
102
|
+
template: n,
|
|
103
103
|
additionalProps: this.$props
|
|
104
104
|
});
|
|
105
|
-
return
|
|
105
|
+
return s("span", {
|
|
106
106
|
class: this.badgeContainerClasses,
|
|
107
107
|
style: {
|
|
108
108
|
display: "inline-block"
|
|
109
109
|
},
|
|
110
110
|
dir: this.currentDir
|
|
111
|
-
}, [e,
|
|
111
|
+
}, [e, s("span", {
|
|
112
112
|
class: this.badgeClasses,
|
|
113
113
|
dir: this.currentDir
|
|
114
114
|
}, [o])]);
|
|
@@ -120,5 +120,5 @@ const $ = /* @__PURE__ */ l({
|
|
|
120
120
|
}
|
|
121
121
|
});
|
|
122
122
|
export {
|
|
123
|
-
|
|
123
|
+
y as BadgeContainer
|
|
124
124
|
};
|
package/badge/BadgeProps.d.ts
CHANGED
|
@@ -59,13 +59,11 @@ export interface BadgeProps {
|
|
|
59
59
|
* * `success`— Applies coloring based on success theme color.
|
|
60
60
|
* * `warning`— Applies coloring based on warning theme color.
|
|
61
61
|
* * `error`— Applies coloring based on error theme color.
|
|
62
|
-
* * `dark`— Applies coloring based on dark theme color.
|
|
63
|
-
* * `light`— Applies coloring based on light theme color.
|
|
64
62
|
* * `inverse`— Applies coloring based on inverse theme color.
|
|
65
63
|
*
|
|
66
64
|
* @default `undefined`
|
|
67
65
|
*/
|
|
68
|
-
themeColor?: 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | '
|
|
66
|
+
themeColor?: 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'inverse' | 'inherit';
|
|
69
67
|
/**
|
|
70
68
|
* Specifies the alignment of the Badge.
|
|
71
69
|
*
|
|
@@ -130,20 +128,17 @@ export interface BadgeContainerProps extends BadgeProps {
|
|
|
130
128
|
* Specifies the theme color of the Badge.
|
|
131
129
|
*
|
|
132
130
|
* The possible values are:
|
|
133
|
-
* * `
|
|
131
|
+
* * `base` (Default)—Applies base coloring.
|
|
132
|
+
* * `primary`—Applies coloring based on primary theme color.
|
|
134
133
|
* * `secondary`—Applies coloring based on secondary theme color.
|
|
135
134
|
* * `tertiary`— Applies coloring based on tertiary theme color.
|
|
136
|
-
* * `inherit`— Applies inherited coloring value.
|
|
137
135
|
* * `info`—Applies coloring based on info theme color.
|
|
138
136
|
* * `success`— Applies coloring based on success theme color.
|
|
139
137
|
* * `warning`— Applies coloring based on warning theme color.
|
|
140
138
|
* * `error`— Applies coloring based on error theme color.
|
|
141
|
-
* * `dark`— Applies coloring based on dark theme color.
|
|
142
|
-
* * `light`— Applies coloring based on light theme color.
|
|
143
|
-
* * `inverse`— Applies coloring based on inverse theme color.
|
|
144
139
|
*
|
|
145
140
|
*/
|
|
146
|
-
export type BadgeThemeColor = 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error'
|
|
141
|
+
export type BadgeThemeColor = 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error';
|
|
147
142
|
/**
|
|
148
143
|
* Specifies the size of the Badge.
|
|
149
144
|
*
|
|
@@ -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,
|
|
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 r={name:"@progress/kendo-vue-indicators",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate:1636623080,version:"8.4.0-develop.5",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: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(){n.validatePackage(r),this.currentDir=void 0},mounted(){this.currentDir=n.getDir(this.$el,this.$props.dir)},computed:{badgeClasses(){const{size:e,fillMode:t,cutoutBorder:r,position:o,align:i,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-${n.kendoThemeMaps.roundedMap[s]||s}`]:s,"k-badge-border-cutout":r,[`k-badge-${o}`]:o,"k-top-start":"top"===i.vertical&&"start"===i.horizontal,"k-top-end":"top"===i.vertical&&"end"===i.horizontal,"k-bottom-start":"bottom"===i.vertical&&"start"===i.horizontal,"k-bottom-end":"bottom"===i.vertical&&"end"===i.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()}}}),i=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:"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"].includes(e)}},cutoutBorder:Boolean,content:[String,Function,Object]},created(){n.validatePackage(r),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:r,position:o,align:i,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-badge-${t}-${a}`]:!(!t||!a),[`k-rounded-${n.kendoThemeMaps.roundedMap[s]||s}`]:s,"k-badge-border-cutout":r,[`k-badge-${o}`]:o,"k-top-start":"top"===i.vertical&&"start"===i.horizontal,"k-top-end":"top"===i.vertical&&"end"===i.horizontal,"k-bottom-start":"bottom"===i.vertical&&"start"===i.horizontal,"k-bottom-end":"bottom"===i.vertical&&"end"===i.horizontal}}},render(){const e=n.getDefaultSlots(this),r=n.templateRendering.call(this,this.content,n.getListeners.call(this)),o=n.getTemplate.call(this,{h:t.h,template:r,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},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:void 0,validator:function(e){return["base","primary","secondary","tertiary"].includes(e)}}},created(){n.validatePackage(r)},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)}}}),l=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(r)},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=i,e.Loader=s,e.Skeleton=l});
|
package/loader/Loader.d.ts
CHANGED
|
@@ -33,13 +33,7 @@ declare const Loader: import('vue').DefineComponent<import('vue').ExtractPropTyp
|
|
|
33
33
|
'k-loader-primary': boolean;
|
|
34
34
|
'k-loader-secondary': boolean;
|
|
35
35
|
'k-loader-tertiary': boolean;
|
|
36
|
-
'k-loader-
|
|
37
|
-
'k-loader-success': boolean;
|
|
38
|
-
'k-loader-warning': boolean;
|
|
39
|
-
'k-loader-error': boolean;
|
|
40
|
-
'k-loader-dark': boolean;
|
|
41
|
-
'k-loader-light': boolean;
|
|
42
|
-
'k-loader-inverse': boolean;
|
|
36
|
+
'k-loader-base': boolean;
|
|
43
37
|
'k-loader-pulsing-2': boolean;
|
|
44
38
|
'k-loader-spinner-3': boolean;
|
|
45
39
|
'k-loader-spinner-4': boolean;
|
package/loader/Loader.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"),s=require("@progress/kendo-vue-common"),o=require("../package-metadata.js"),t={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:void 0,validator:function(e){return["base","primary","secondary","tertiary"].includes(e)}}},created(){s.validatePackage(o.packageMetadata)},computed:{loaderClasses(){const{type:e,size:r,themeColor:n}=this.$props;return{"k-loader":!0,"k-loader-sm":r==="small","k-loader-md":r==="medium","k-loader-lg":r==="large","k-loader-primary":n==="primary","k-loader-secondary":n==="secondary","k-loader-tertiary":n==="tertiary","k-loader-base":n==="base","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,r=new Array(t[e]);return r.fill(0,0,t[e]),a.createVNode("div",{class:this.loaderClasses,role:"status","aria-label":this.$attrs["aria-label"]||"Loading"},[a.createVNode("div",{class:"k-loader-canvas"},[r.map(function(n,i){return a.createVNode("span",{key:i,class:"k-loader-segment"},null)},this)])])},methods:{focus(e){this.$el&&this.$el.focus(e)}}});exports.Loader=l;
|
package/loader/Loader.mjs
CHANGED
|
@@ -5,14 +5,14 @@
|
|
|
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 { validatePackage as
|
|
8
|
+
import { defineComponent as t, createVNode as a } from "vue";
|
|
9
|
+
import { validatePackage as o } from "@progress/kendo-vue-common";
|
|
10
10
|
import { packageMetadata as l } from "../package-metadata.mjs";
|
|
11
11
|
const i = {
|
|
12
12
|
pulsing: 2,
|
|
13
13
|
"infinite-spinner": 3,
|
|
14
14
|
"converging-spinner": 4
|
|
15
|
-
}, u = /* @__PURE__ */
|
|
15
|
+
}, u = /* @__PURE__ */ t({
|
|
16
16
|
name: "KendoLoader",
|
|
17
17
|
props: {
|
|
18
18
|
type: {
|
|
@@ -32,35 +32,29 @@ const i = {
|
|
|
32
32
|
type: String,
|
|
33
33
|
default: void 0,
|
|
34
34
|
validator: function(e) {
|
|
35
|
-
return ["
|
|
35
|
+
return ["base", "primary", "secondary", "tertiary"].includes(e);
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
38
|
},
|
|
39
39
|
created() {
|
|
40
|
-
|
|
40
|
+
o(l);
|
|
41
41
|
},
|
|
42
42
|
computed: {
|
|
43
43
|
loaderClasses() {
|
|
44
44
|
const {
|
|
45
45
|
type: e,
|
|
46
|
-
size:
|
|
47
|
-
themeColor:
|
|
46
|
+
size: r,
|
|
47
|
+
themeColor: n
|
|
48
48
|
} = this.$props;
|
|
49
49
|
return {
|
|
50
50
|
"k-loader": !0,
|
|
51
|
-
"k-loader-sm":
|
|
52
|
-
"k-loader-md":
|
|
53
|
-
"k-loader-lg":
|
|
54
|
-
"k-loader-primary":
|
|
55
|
-
"k-loader-secondary":
|
|
56
|
-
"k-loader-tertiary":
|
|
57
|
-
"k-loader-
|
|
58
|
-
"k-loader-success": r === "success",
|
|
59
|
-
"k-loader-warning": r === "warning",
|
|
60
|
-
"k-loader-error": r === "error",
|
|
61
|
-
"k-loader-dark": r === "dark",
|
|
62
|
-
"k-loader-light": r === "light",
|
|
63
|
-
"k-loader-inverse": r === "inverse",
|
|
51
|
+
"k-loader-sm": r === "small",
|
|
52
|
+
"k-loader-md": r === "medium",
|
|
53
|
+
"k-loader-lg": r === "large",
|
|
54
|
+
"k-loader-primary": n === "primary",
|
|
55
|
+
"k-loader-secondary": n === "secondary",
|
|
56
|
+
"k-loader-tertiary": n === "tertiary",
|
|
57
|
+
"k-loader-base": n === "base",
|
|
64
58
|
"k-loader-pulsing-2": e === "pulsing",
|
|
65
59
|
"k-loader-spinner-3": e === "infinite-spinner",
|
|
66
60
|
"k-loader-spinner-4": e === "converging-spinner"
|
|
@@ -70,14 +64,14 @@ const i = {
|
|
|
70
64
|
render() {
|
|
71
65
|
const {
|
|
72
66
|
type: e
|
|
73
|
-
} = this.$props,
|
|
74
|
-
return
|
|
67
|
+
} = this.$props, r = new Array(i[e]);
|
|
68
|
+
return r.fill(0, 0, i[e]), a("div", {
|
|
75
69
|
class: this.loaderClasses,
|
|
76
70
|
role: "status",
|
|
77
71
|
"aria-label": this.$attrs["aria-label"] || "Loading"
|
|
78
72
|
}, [a("div", {
|
|
79
73
|
class: "k-loader-canvas"
|
|
80
|
-
}, [
|
|
74
|
+
}, [r.map(function(n, s) {
|
|
81
75
|
return a("span", {
|
|
82
76
|
key: s,
|
|
83
77
|
class: "k-loader-segment"
|
package/loader/LoaderProps.d.ts
CHANGED
|
@@ -33,8 +33,6 @@ export interface LoaderProps {
|
|
|
33
33
|
* * `success`— Applies coloring based on success theme color.
|
|
34
34
|
* * `warning`— Applies coloring based on warning theme color.
|
|
35
35
|
* * `error`— Applies coloring based on error theme color.
|
|
36
|
-
* * `dark`— Applies coloring based on dark theme color.
|
|
37
|
-
* * `light`— Applies coloring based on light theme color.
|
|
38
36
|
* * `inverse`— Applies coloring based on inverse theme color.
|
|
39
37
|
*/
|
|
40
38
|
themeColor?: LoaderThemeColor | string;
|
|
@@ -10,16 +10,10 @@
|
|
|
10
10
|
* ([see example]({% slug appearance_loader %}#toc-theme-color)).
|
|
11
11
|
*
|
|
12
12
|
* The possible values are:
|
|
13
|
-
* * `
|
|
13
|
+
* * `base` (Default)—Applies base coloring.
|
|
14
|
+
* * `primary`—Applies coloring based on primary theme color.
|
|
14
15
|
* * `secondary`—Applies coloring based on secondary theme color.
|
|
15
16
|
* * `tertiary`— Applies coloring based on tertiary theme color.
|
|
16
|
-
* * `info`—Applies coloring based on info theme color.
|
|
17
|
-
* * `success`— Applies coloring based on success theme color.
|
|
18
|
-
* * `warning`— Applies coloring based on warning theme color.
|
|
19
|
-
* * `error`— Applies coloring based on error theme color.
|
|
20
|
-
* * `dark`— Applies coloring based on dark theme color.
|
|
21
|
-
* * `light`— Applies coloring based on light theme color.
|
|
22
|
-
* * `inverse`— Applies coloring based on inverted theme color.
|
|
23
17
|
*
|
|
24
18
|
*/
|
|
25
|
-
export type LoaderThemeColor = '
|
|
19
|
+
export type LoaderThemeColor = 'base' | 'primary' | 'secondary' | 'tertiary';
|
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: 1779202137,version:"8.4.0-develop.5",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: "8.4.0-develop.
|
|
13
|
+
publishDate: 1779202137,
|
|
14
|
+
version: "8.4.0-develop.5",
|
|
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": "8.4.0-develop.
|
|
3
|
+
"version": "8.4.0-develop.5",
|
|
4
4
|
"description": "TODO",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"sideEffects": false,
|
|
26
26
|
"peerDependencies": {
|
|
27
27
|
"@progress/kendo-licensing": "^1.7.2",
|
|
28
|
-
"@progress/kendo-vue-common": "8.4.0-develop.
|
|
28
|
+
"@progress/kendo-vue-common": "8.4.0-develop.5",
|
|
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": 1779202137,
|
|
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
|
},
|