@progress/kendo-vue-indicators 5.3.0-dev.202410141143 → 5.3.0-develop.2
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/README.md +24 -28
- package/badge/Badge.js +8 -0
- package/badge/Badge.mjs +110 -0
- package/badge/BadgeContainer.js +8 -0
- package/badge/BadgeContainer.mjs +126 -0
- package/dist/cdn/js/kendo-vue-indicators.js +8 -1
- package/index.d.mts +693 -0
- package/index.d.ts +693 -0
- package/index.js +8 -0
- package/index.mjs +17 -0
- package/loader/Loader.js +8 -0
- package/loader/Loader.mjs +94 -0
- package/package-metadata.js +8 -0
- package/package-metadata.mjs +18 -0
- package/package.json +22 -43
- package/skeleton/Skeleton.js +8 -0
- package/skeleton/Skeleton.mjs +66 -0
- package/dist/es/additionalTypes.ts +0 -21
- package/dist/es/badge/Badge.d.ts +0 -50
- package/dist/es/badge/Badge.js +0 -124
- package/dist/es/badge/BadgeContainer.d.ts +0 -50
- package/dist/es/badge/BadgeContainer.js +0 -145
- package/dist/es/badge/BadgeProps.d.ts +0 -192
- package/dist/es/badge/BadgeProps.js +0 -1
- package/dist/es/loader/Loader.d.ts +0 -57
- package/dist/es/loader/Loader.js +0 -112
- package/dist/es/loader/LoaderProps.d.ts +0 -43
- package/dist/es/loader/LoaderProps.js +0 -1
- package/dist/es/loader/models/size.d.ts +0 -11
- package/dist/es/loader/models/size.js +0 -1
- package/dist/es/loader/models/theme-color.d.ts +0 -18
- package/dist/es/loader/models/theme-color.js +0 -1
- package/dist/es/loader/models/type.d.ts +0 -10
- package/dist/es/loader/models/type.js +0 -1
- package/dist/es/main.d.ts +0 -10
- package/dist/es/main.js +0 -10
- package/dist/es/package-metadata.d.ts +0 -5
- package/dist/es/package-metadata.js +0 -11
- package/dist/es/skeleton/Skeleton.d.ts +0 -57
- package/dist/es/skeleton/Skeleton.js +0 -81
- package/dist/es/skeleton/SkeletonProps.d.ts +0 -70
- package/dist/es/skeleton/SkeletonProps.js +0 -1
- package/dist/esm/additionalTypes.ts +0 -21
- package/dist/esm/badge/Badge.d.ts +0 -50
- package/dist/esm/badge/Badge.js +0 -124
- package/dist/esm/badge/BadgeContainer.d.ts +0 -50
- package/dist/esm/badge/BadgeContainer.js +0 -145
- package/dist/esm/badge/BadgeProps.d.ts +0 -192
- package/dist/esm/badge/BadgeProps.js +0 -1
- package/dist/esm/loader/Loader.d.ts +0 -57
- package/dist/esm/loader/Loader.js +0 -112
- package/dist/esm/loader/LoaderProps.d.ts +0 -43
- package/dist/esm/loader/LoaderProps.js +0 -1
- package/dist/esm/loader/models/size.d.ts +0 -11
- package/dist/esm/loader/models/size.js +0 -1
- package/dist/esm/loader/models/theme-color.d.ts +0 -18
- package/dist/esm/loader/models/theme-color.js +0 -1
- package/dist/esm/loader/models/type.d.ts +0 -10
- package/dist/esm/loader/models/type.js +0 -1
- package/dist/esm/main.d.ts +0 -10
- package/dist/esm/main.js +0 -10
- package/dist/esm/package-metadata.d.ts +0 -5
- package/dist/esm/package-metadata.js +0 -11
- package/dist/esm/package.json +0 -3
- package/dist/esm/skeleton/Skeleton.d.ts +0 -57
- package/dist/esm/skeleton/Skeleton.js +0 -81
- package/dist/esm/skeleton/SkeletonProps.d.ts +0 -70
- package/dist/esm/skeleton/SkeletonProps.js +0 -1
- package/dist/npm/additionalTypes.ts +0 -21
- package/dist/npm/badge/Badge.d.ts +0 -50
- package/dist/npm/badge/Badge.js +0 -131
- package/dist/npm/badge/BadgeContainer.d.ts +0 -50
- package/dist/npm/badge/BadgeContainer.js +0 -152
- package/dist/npm/badge/BadgeProps.d.ts +0 -192
- package/dist/npm/badge/BadgeProps.js +0 -2
- package/dist/npm/loader/Loader.d.ts +0 -57
- package/dist/npm/loader/Loader.js +0 -119
- package/dist/npm/loader/LoaderProps.d.ts +0 -43
- package/dist/npm/loader/LoaderProps.js +0 -2
- package/dist/npm/loader/models/size.d.ts +0 -11
- package/dist/npm/loader/models/size.js +0 -2
- package/dist/npm/loader/models/theme-color.d.ts +0 -18
- package/dist/npm/loader/models/theme-color.js +0 -2
- package/dist/npm/loader/models/type.d.ts +0 -10
- package/dist/npm/loader/models/type.js +0 -2
- package/dist/npm/main.d.ts +0 -10
- package/dist/npm/main.js +0 -26
- package/dist/npm/package-metadata.d.ts +0 -5
- package/dist/npm/package-metadata.js +0 -14
- package/dist/npm/skeleton/Skeleton.d.ts +0 -57
- package/dist/npm/skeleton/Skeleton.js +0 -88
- package/dist/npm/skeleton/SkeletonProps.d.ts +0 -70
- package/dist/npm/skeleton/SkeletonProps.js +0 -2
package/loader/Loader.js
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
"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;
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import { defineComponent as o, createVNode as i } from "vue";
|
|
9
|
+
import { validatePackage as t } from "@progress/kendo-vue-common";
|
|
10
|
+
import { packageMetadata as l } from "../package-metadata.mjs";
|
|
11
|
+
const a = {
|
|
12
|
+
pulsing: 2,
|
|
13
|
+
"infinite-spinner": 3,
|
|
14
|
+
"converging-spinner": 4
|
|
15
|
+
}, u = /* @__PURE__ */ o({
|
|
16
|
+
name: "KendoLoader",
|
|
17
|
+
props: {
|
|
18
|
+
type: {
|
|
19
|
+
type: String,
|
|
20
|
+
default: "pulsing",
|
|
21
|
+
validator: function(e) {
|
|
22
|
+
return ["pulsing", "infinite-spinner", "converging-spinner"].includes(e);
|
|
23
|
+
}
|
|
24
|
+
},
|
|
25
|
+
size: {
|
|
26
|
+
type: String,
|
|
27
|
+
default: "medium",
|
|
28
|
+
validator: function(e) {
|
|
29
|
+
return ["small", "medium", "large"].includes(e);
|
|
30
|
+
}
|
|
31
|
+
},
|
|
32
|
+
themeColor: {
|
|
33
|
+
type: String,
|
|
34
|
+
default: "primary",
|
|
35
|
+
validator: function(e) {
|
|
36
|
+
return ["primary", "secondary", "tertiary", "info", "success", "warning", "error", "dark", "light", "inverse"].includes(e);
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
},
|
|
40
|
+
created() {
|
|
41
|
+
t(l);
|
|
42
|
+
},
|
|
43
|
+
computed: {
|
|
44
|
+
loaderClasses() {
|
|
45
|
+
const {
|
|
46
|
+
type: e,
|
|
47
|
+
size: n,
|
|
48
|
+
themeColor: r
|
|
49
|
+
} = this.$props;
|
|
50
|
+
return {
|
|
51
|
+
"k-loader": !0,
|
|
52
|
+
"k-loader-sm": n === "small",
|
|
53
|
+
"k-loader-md": n === "medium",
|
|
54
|
+
"k-loader-lg": n === "large",
|
|
55
|
+
"k-loader-primary": r === "primary",
|
|
56
|
+
"k-loader-secondary": r === "secondary",
|
|
57
|
+
"k-loader-tertiary": r === "tertiary",
|
|
58
|
+
"k-loader-info": r === "info",
|
|
59
|
+
"k-loader-success": r === "success",
|
|
60
|
+
"k-loader-warning": r === "warning",
|
|
61
|
+
"k-loader-error": r === "error",
|
|
62
|
+
"k-loader-dark": r === "dark",
|
|
63
|
+
"k-loader-light": r === "light",
|
|
64
|
+
"k-loader-inverse": r === "inverse",
|
|
65
|
+
"k-loader-pulsing-2": e === "pulsing",
|
|
66
|
+
"k-loader-spinner-3": e === "infinite-spinner",
|
|
67
|
+
"k-loader-spinner-4": e === "converging-spinner"
|
|
68
|
+
};
|
|
69
|
+
}
|
|
70
|
+
},
|
|
71
|
+
render() {
|
|
72
|
+
const {
|
|
73
|
+
type: e
|
|
74
|
+
} = this.$props, n = new Array(a[e]);
|
|
75
|
+
return n.fill(0, 0, a[e]), i("div", {
|
|
76
|
+
class: this.loaderClasses
|
|
77
|
+
}, [i("div", {
|
|
78
|
+
class: "k-loader-canvas"
|
|
79
|
+
}, [n.map(function(r, s) {
|
|
80
|
+
return i("span", {
|
|
81
|
+
key: s,
|
|
82
|
+
class: "k-loader-segment"
|
|
83
|
+
}, null);
|
|
84
|
+
}, this)])]);
|
|
85
|
+
},
|
|
86
|
+
methods: {
|
|
87
|
+
focus(e) {
|
|
88
|
+
this.$el && this.$el.focus(e);
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
});
|
|
92
|
+
export {
|
|
93
|
+
u as Loader
|
|
94
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-indicators",productName:"Kendo UI for Vue",productCodes:["KENDOUIVUE","KENDOUICOMPLETE"],publishDate:1636623080,version:"",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;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
const e = {
|
|
9
|
+
name: "@progress/kendo-vue-indicators",
|
|
10
|
+
productName: "Kendo UI for Vue",
|
|
11
|
+
productCodes: ["KENDOUIVUE", "KENDOUICOMPLETE"],
|
|
12
|
+
publishDate: 1731080465,
|
|
13
|
+
version: "",
|
|
14
|
+
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"
|
|
15
|
+
};
|
|
16
|
+
export {
|
|
17
|
+
e as packageMetadata
|
|
18
|
+
};
|
package/package.json
CHANGED
|
@@ -1,65 +1,44 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-vue-indicators",
|
|
3
|
-
"
|
|
4
|
-
"
|
|
5
|
-
"
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
"
|
|
10
|
-
"types": "dist/npm/main.d.ts",
|
|
11
|
-
"module": "dist/es/main.js",
|
|
12
|
-
"jsnext:main": "dist/es/main.js",
|
|
3
|
+
"version": "5.3.0-develop.2",
|
|
4
|
+
"description": "TODO",
|
|
5
|
+
"author": "Progress",
|
|
6
|
+
"license": "SEE LICENSE IN LICENSE.md",
|
|
7
|
+
"homepage": "https://www.telerik.com/kendo-vue-ui",
|
|
8
|
+
"main": "./index.js",
|
|
9
|
+
"types": "./index.d.ts",
|
|
13
10
|
"exports": {
|
|
14
|
-
"
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
11
|
+
".": {
|
|
12
|
+
"import": "./index.mjs",
|
|
13
|
+
"require": "./index.js"
|
|
14
|
+
}
|
|
18
15
|
},
|
|
19
|
-
"
|
|
20
|
-
|
|
21
|
-
"
|
|
22
|
-
"
|
|
23
|
-
"
|
|
16
|
+
"sideEffects": false,
|
|
17
|
+
"peerDependencies": {
|
|
18
|
+
"@progress/kendo-licensing": "^1.3.4",
|
|
19
|
+
"@progress/kendo-vue-common": "5.3.0-develop.2",
|
|
20
|
+
"vue": "^3.0.2"
|
|
24
21
|
},
|
|
25
|
-
"
|
|
22
|
+
"dependencies": {},
|
|
26
23
|
"keywords": [
|
|
27
24
|
"Kendo UI",
|
|
28
25
|
"Vue",
|
|
29
26
|
"Progress",
|
|
30
27
|
"Indicators",
|
|
31
|
-
"Badge",
|
|
32
|
-
"Kendo UI for Vue",
|
|
33
|
-
"vuejs",
|
|
34
28
|
"UI",
|
|
35
29
|
"components",
|
|
36
30
|
"Vue component",
|
|
37
31
|
"Telerik"
|
|
38
32
|
],
|
|
39
|
-
"peerDependencies": {
|
|
40
|
-
"@progress/kendo-licensing": "^1.3.0",
|
|
41
|
-
"vue": "^2.6.12 || ^3.0.2"
|
|
42
|
-
},
|
|
43
|
-
"devDependencies": {
|
|
44
|
-
"@progress/kendo-drawing": "^1.20.1",
|
|
45
|
-
"@progress/kendo-licensing": "^1.3.0",
|
|
46
|
-
"@progress/kendo-vue-animation": "5.3.0-dev.202410141143",
|
|
47
|
-
"@progress/kendo-vue-buttons": "5.3.0-dev.202410141143",
|
|
48
|
-
"@progress/kendo-vue-dropdowns": "5.3.0-dev.202410141143",
|
|
49
|
-
"@progress/kendo-vue-intl": "5.3.0-dev.202410141143",
|
|
50
|
-
"@progress/kendo-vue-layout": "5.3.0-dev.202410141143",
|
|
51
|
-
"@progress/kendo-vue-progressbars": "5.3.0-dev.202410141143"
|
|
52
|
-
},
|
|
53
|
-
"dependencies": {
|
|
54
|
-
"@progress/kendo-vue-common": "5.3.0-dev.202410141143"
|
|
55
|
-
},
|
|
56
33
|
"@progress": {
|
|
57
34
|
"friendlyName": "Indicators",
|
|
58
35
|
"framework": "Kendo UI for Vue"
|
|
59
36
|
},
|
|
60
|
-
"author": "Progress",
|
|
61
|
-
"license": "SEE LICENSE IN LICENSE.md",
|
|
62
37
|
"publishConfig": {
|
|
63
38
|
"access": "public"
|
|
39
|
+
},
|
|
40
|
+
"repository": {
|
|
41
|
+
"type": "git",
|
|
42
|
+
"url": "git+https://github.com/telerik/kendo-react.git"
|
|
64
43
|
}
|
|
65
|
-
}
|
|
44
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),t=require("@progress/kendo-vue-common"),a=require("../package-metadata.js"),s=n.defineComponent({name:"KendoSkeleton",props:{animation:{type:[Object,Boolean],default:function(){return{type:"pulse"}},validator:function(e){return e===!1||["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(){t.validatePackage(a.packageMetadata)},computed:{skeletonClasses(){return{"k-skeleton":!0,"k-skeleton-circle":this.shape==="circle","k-skeleton-rect":this.shape==="rectangle","k-skeleton-text":this.shape==="text","k-skeleton-pulse":t.isObject(this.animation)&&this.animation.type==="pulse","k-skeleton-wave":t.isObject(this.animation)&&this.animation.type==="wave"||this.animation===!0}}},render(){return n.createVNode("span",{role:this.$props.role,class:this.skeletonClasses,"aria-busy":this.$props.ariaBusy},null)}});exports.Skeleton=s;
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import { defineComponent as n, createVNode as a } from "vue";
|
|
9
|
+
import { validatePackage as s, isObject as t } from "@progress/kendo-vue-common";
|
|
10
|
+
import { packageMetadata as i } from "../package-metadata.mjs";
|
|
11
|
+
const p = /* @__PURE__ */ n({
|
|
12
|
+
name: "KendoSkeleton",
|
|
13
|
+
props: {
|
|
14
|
+
animation: {
|
|
15
|
+
type: [Object, Boolean],
|
|
16
|
+
default: function() {
|
|
17
|
+
return {
|
|
18
|
+
type: "pulse"
|
|
19
|
+
};
|
|
20
|
+
},
|
|
21
|
+
validator: function(e) {
|
|
22
|
+
return e === !1 || ["wave", "pulse"].includes(e.type);
|
|
23
|
+
}
|
|
24
|
+
},
|
|
25
|
+
shape: {
|
|
26
|
+
type: String,
|
|
27
|
+
default: "text",
|
|
28
|
+
validator: function(e) {
|
|
29
|
+
return ["circle", "rectangle", "text"].includes(e);
|
|
30
|
+
}
|
|
31
|
+
},
|
|
32
|
+
ariaBusy: {
|
|
33
|
+
type: Boolean,
|
|
34
|
+
default: void 0
|
|
35
|
+
},
|
|
36
|
+
role: {
|
|
37
|
+
type: String,
|
|
38
|
+
default: void 0
|
|
39
|
+
}
|
|
40
|
+
},
|
|
41
|
+
created() {
|
|
42
|
+
s(i);
|
|
43
|
+
},
|
|
44
|
+
computed: {
|
|
45
|
+
skeletonClasses() {
|
|
46
|
+
return {
|
|
47
|
+
"k-skeleton": !0,
|
|
48
|
+
"k-skeleton-circle": this.shape === "circle",
|
|
49
|
+
"k-skeleton-rect": this.shape === "rectangle",
|
|
50
|
+
"k-skeleton-text": this.shape === "text",
|
|
51
|
+
"k-skeleton-pulse": t(this.animation) && this.animation.type === "pulse",
|
|
52
|
+
"k-skeleton-wave": t(this.animation) && this.animation.type === "wave" || this.animation === !0
|
|
53
|
+
};
|
|
54
|
+
}
|
|
55
|
+
},
|
|
56
|
+
render() {
|
|
57
|
+
return a("span", {
|
|
58
|
+
role: this.$props.role,
|
|
59
|
+
class: this.skeletonClasses,
|
|
60
|
+
"aria-busy": this.$props.ariaBusy
|
|
61
|
+
}, null);
|
|
62
|
+
}
|
|
63
|
+
});
|
|
64
|
+
export {
|
|
65
|
+
p as Skeleton
|
|
66
|
+
};
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
// @ts-ignore
|
|
2
|
-
import { DefineComponent } from 'vue';
|
|
3
|
-
// @ts-ignore
|
|
4
|
-
import * as Vue from 'vue';
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* @hidden
|
|
8
|
-
*/
|
|
9
|
-
// @ts-ignore
|
|
10
|
-
type Vue2type = Vue.default;
|
|
11
|
-
|
|
12
|
-
/**
|
|
13
|
-
* @hidden
|
|
14
|
-
*/
|
|
15
|
-
// @ts-ignore
|
|
16
|
-
import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
|
|
17
|
-
/**
|
|
18
|
-
* @hidden
|
|
19
|
-
*/
|
|
20
|
-
// @ts-ignore
|
|
21
|
-
export { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type };
|
package/dist/es/badge/Badge.d.ts
DELETED
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import { DefineComponent } from '../additionalTypes';
|
|
2
|
-
import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
|
|
3
|
-
declare type DefaultData<V> = object | ((this: V) => {});
|
|
4
|
-
declare type DefaultMethods<V> = {
|
|
5
|
-
[key: string]: (this: V, ...args: any[]) => any;
|
|
6
|
-
};
|
|
7
|
-
import { BadgeProps } from './BadgeProps';
|
|
8
|
-
/**
|
|
9
|
-
* @hidden
|
|
10
|
-
*/
|
|
11
|
-
export interface BadgeState {
|
|
12
|
-
}
|
|
13
|
-
/**
|
|
14
|
-
* @hidden
|
|
15
|
-
*/
|
|
16
|
-
export interface BadgeComputed {
|
|
17
|
-
[key: string]: any;
|
|
18
|
-
badgeClasses: object;
|
|
19
|
-
}
|
|
20
|
-
/**
|
|
21
|
-
* @hidden
|
|
22
|
-
*/
|
|
23
|
-
export interface BadgeMethods {
|
|
24
|
-
[key: string]: any;
|
|
25
|
-
}
|
|
26
|
-
/**
|
|
27
|
-
* @hidden
|
|
28
|
-
*/
|
|
29
|
-
export interface BadgeData {
|
|
30
|
-
currentDir?: string;
|
|
31
|
-
}
|
|
32
|
-
/**
|
|
33
|
-
* @hidden
|
|
34
|
-
*/
|
|
35
|
-
export interface BadgeAll extends Vue, BadgeMethods, BadgeData, BadgeComputed, BadgeState {
|
|
36
|
-
}
|
|
37
|
-
/**
|
|
38
|
-
* @hidden
|
|
39
|
-
*/
|
|
40
|
-
declare let BadgeVue2: ComponentOptions<BadgeAll, DefaultData<BadgeData>, DefaultMethods<BadgeAll>, BadgeComputed, RecordPropsDefinition<BadgeProps>>;
|
|
41
|
-
/**
|
|
42
|
-
* Represents the [Kendo UI for Vue Badge component]({% slug api_indicators_badgeprops %}).
|
|
43
|
-
*
|
|
44
|
-
* @example
|
|
45
|
-
* ```jsx
|
|
46
|
-
* <Badge>99+</Badge>
|
|
47
|
-
* ```
|
|
48
|
-
*/
|
|
49
|
-
declare const Badge: DefineComponent<BadgeProps, any, BadgeData, BadgeComputed, BadgeMethods, {}, {}, {}, string, BadgeProps, BadgeProps, {}>;
|
|
50
|
-
export { Badge, BadgeVue2 };
|
package/dist/es/badge/Badge.js
DELETED
|
@@ -1,124 +0,0 @@
|
|
|
1
|
-
// @ts-ignore
|
|
2
|
-
import * as Vue from 'vue';
|
|
3
|
-
var allVue = Vue;
|
|
4
|
-
var gh = allVue.h;
|
|
5
|
-
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
6
|
-
import { getDefaultSlots, getDir, kendoThemeMaps } from '@progress/kendo-vue-common';
|
|
7
|
-
import { validatePackage } from '@progress/kendo-vue-common';
|
|
8
|
-
import { packageMetadata } from '../package-metadata';
|
|
9
|
-
/**
|
|
10
|
-
* @hidden
|
|
11
|
-
*/
|
|
12
|
-
var BadgeVue2 = {
|
|
13
|
-
name: 'KendoBadge',
|
|
14
|
-
props: {
|
|
15
|
-
dir: String,
|
|
16
|
-
align: {
|
|
17
|
-
type: Object,
|
|
18
|
-
default: function _default() {
|
|
19
|
-
return {
|
|
20
|
-
vertical: 'top',
|
|
21
|
-
horizontal: 'end'
|
|
22
|
-
};
|
|
23
|
-
}
|
|
24
|
-
},
|
|
25
|
-
size: {
|
|
26
|
-
type: String,
|
|
27
|
-
default: 'medium',
|
|
28
|
-
validator: function validator(value) {
|
|
29
|
-
return ['small', 'medium', 'large'].includes(value);
|
|
30
|
-
}
|
|
31
|
-
},
|
|
32
|
-
fillMode: {
|
|
33
|
-
type: String,
|
|
34
|
-
default: 'solid',
|
|
35
|
-
validator: function validator(value) {
|
|
36
|
-
return ['solid', 'outline'].includes(value);
|
|
37
|
-
}
|
|
38
|
-
},
|
|
39
|
-
themeColor: {
|
|
40
|
-
type: String,
|
|
41
|
-
default: 'primary',
|
|
42
|
-
validator: function validator(value) {
|
|
43
|
-
return ['primary', 'secondary', 'tertiary', 'info', 'success', 'warning', 'error', 'dark', 'light', 'inverse'].includes(value);
|
|
44
|
-
}
|
|
45
|
-
},
|
|
46
|
-
rounded: {
|
|
47
|
-
type: String,
|
|
48
|
-
default: 'medium',
|
|
49
|
-
validator: function validator(value) {
|
|
50
|
-
return [null, 'small', 'medium', 'large', 'full'].includes(value);
|
|
51
|
-
}
|
|
52
|
-
},
|
|
53
|
-
position: {
|
|
54
|
-
type: String,
|
|
55
|
-
default: 'edge',
|
|
56
|
-
validator: function validator(value) {
|
|
57
|
-
return ['edge', 'outside', 'inside'].includes(value);
|
|
58
|
-
}
|
|
59
|
-
},
|
|
60
|
-
cutoutBorder: Boolean
|
|
61
|
-
},
|
|
62
|
-
created: function created() {
|
|
63
|
-
validatePackage(packageMetadata);
|
|
64
|
-
this.currentDir = undefined;
|
|
65
|
-
},
|
|
66
|
-
mounted: function mounted() {
|
|
67
|
-
this.currentDir = getDir(this.$el, this.$props.dir);
|
|
68
|
-
},
|
|
69
|
-
computed: {
|
|
70
|
-
badgeClasses: function badgeClasses() {
|
|
71
|
-
var _a;
|
|
72
|
-
var _b = this.$props,
|
|
73
|
-
size = _b.size,
|
|
74
|
-
fillMode = _b.fillMode,
|
|
75
|
-
cutoutBorder = _b.cutoutBorder,
|
|
76
|
-
position = _b.position,
|
|
77
|
-
align = _b.align,
|
|
78
|
-
themeColor = _b.themeColor,
|
|
79
|
-
rounded = _b.rounded;
|
|
80
|
-
return _a = {
|
|
81
|
-
'k-badge': true,
|
|
82
|
-
'k-badge-sm': size === 'small',
|
|
83
|
-
'k-badge-md': size === 'medium',
|
|
84
|
-
'k-badge-lg': size === 'large'
|
|
85
|
-
}, _a["k-badge-".concat(fillMode)] = fillMode, _a["k-badge-".concat(fillMode, "-").concat(themeColor)] = Boolean(fillMode && themeColor), _a["k-rounded-".concat(kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded, _a['k-badge-border-cutout'] = cutoutBorder, _a["k-badge-".concat(position)] = position, _a['k-top-start'] = align.vertical === 'top' && align.horizontal === 'start', _a['k-top-end'] = align.vertical === 'top' && align.horizontal === 'end', _a['k-bottom-start'] = align.vertical === 'bottom' && align.horizontal === 'start', _a['k-bottom-end'] = align.vertical === 'bottom' && align.horizontal === 'end', _a;
|
|
86
|
-
}
|
|
87
|
-
},
|
|
88
|
-
// @ts-ignore
|
|
89
|
-
setup: !isV3 ? undefined : function () {
|
|
90
|
-
var v3 = !!isV3;
|
|
91
|
-
return {
|
|
92
|
-
v3: v3
|
|
93
|
-
};
|
|
94
|
-
},
|
|
95
|
-
// @ts-ignore
|
|
96
|
-
render: function render(createElement) {
|
|
97
|
-
var h = gh || createElement;
|
|
98
|
-
var defaultSlot = getDefaultSlots(this);
|
|
99
|
-
return h("span", {
|
|
100
|
-
"class": this.badgeClasses,
|
|
101
|
-
dir: this.currentDir,
|
|
102
|
-
attrs: this.v3 ? undefined : {
|
|
103
|
-
dir: this.currentDir
|
|
104
|
-
}
|
|
105
|
-
}, [defaultSlot]);
|
|
106
|
-
},
|
|
107
|
-
methods: {
|
|
108
|
-
focusElement: function focusElement() {
|
|
109
|
-
if (this.$el) {
|
|
110
|
-
this.$el.focus();
|
|
111
|
-
}
|
|
112
|
-
}
|
|
113
|
-
}
|
|
114
|
-
};
|
|
115
|
-
/**
|
|
116
|
-
* Represents the [Kendo UI for Vue Badge component]({% slug api_indicators_badgeprops %}).
|
|
117
|
-
*
|
|
118
|
-
* @example
|
|
119
|
-
* ```jsx
|
|
120
|
-
* <Badge>99+</Badge>
|
|
121
|
-
* ```
|
|
122
|
-
*/
|
|
123
|
-
var Badge = BadgeVue2;
|
|
124
|
-
export { Badge, BadgeVue2 };
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import { DefineComponent } from '../additionalTypes';
|
|
2
|
-
import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
|
|
3
|
-
declare type DefaultData<V> = object | ((this: V) => {});
|
|
4
|
-
declare type DefaultMethods<V> = {
|
|
5
|
-
[key: string]: (this: V, ...args: any[]) => any;
|
|
6
|
-
};
|
|
7
|
-
import { BadgeContainerProps } from './BadgeProps';
|
|
8
|
-
/**
|
|
9
|
-
* @hidden
|
|
10
|
-
*/
|
|
11
|
-
export interface BadgeContainerState {
|
|
12
|
-
}
|
|
13
|
-
/**
|
|
14
|
-
* @hidden
|
|
15
|
-
*/
|
|
16
|
-
export interface BadgeContainerComputed {
|
|
17
|
-
[key: string]: any;
|
|
18
|
-
badgeContainerClasses: object;
|
|
19
|
-
}
|
|
20
|
-
/**
|
|
21
|
-
* @hidden
|
|
22
|
-
*/
|
|
23
|
-
export interface BadgeContainerMethods {
|
|
24
|
-
[key: string]: any;
|
|
25
|
-
}
|
|
26
|
-
/**
|
|
27
|
-
* @hidden
|
|
28
|
-
*/
|
|
29
|
-
export interface BadgeContainerData {
|
|
30
|
-
currentDir?: string;
|
|
31
|
-
}
|
|
32
|
-
/**
|
|
33
|
-
* @hidden
|
|
34
|
-
*/
|
|
35
|
-
export interface BadgeContainerAll extends Vue, BadgeContainerMethods, BadgeContainerData, BadgeContainerComputed, BadgeContainerState {
|
|
36
|
-
}
|
|
37
|
-
/**
|
|
38
|
-
* @hidden
|
|
39
|
-
*/
|
|
40
|
-
declare let BadgeContainerVue2: ComponentOptions<BadgeContainerAll, DefaultData<BadgeContainerData>, DefaultMethods<BadgeContainerAll>, BadgeContainerComputed, RecordPropsDefinition<BadgeContainerProps>>;
|
|
41
|
-
/**
|
|
42
|
-
* Represents the [Kendo UI for Vue BadgeContainer component]({% slug api_indicators_badgeprops %}).
|
|
43
|
-
*
|
|
44
|
-
* @example
|
|
45
|
-
* ```jsx
|
|
46
|
-
* <BadgeContainer>99+</BadgeContainer>
|
|
47
|
-
* ```
|
|
48
|
-
*/
|
|
49
|
-
declare const BadgeContainer: DefineComponent<BadgeContainerProps, any, BadgeContainerData, BadgeContainerComputed, BadgeContainerMethods, {}, {}, {}, string, BadgeContainerProps, BadgeContainerProps, {}>;
|
|
50
|
-
export { BadgeContainer, BadgeContainerVue2 };
|