@progress/kendo-vue-indicators 5.3.0-dev.202409130647 → 5.3.0-develop.1

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.
Files changed (93) hide show
  1. package/README.md +24 -28
  2. package/badge/Badge.js +8 -0
  3. package/badge/Badge.mjs +110 -0
  4. package/badge/BadgeContainer.js +8 -0
  5. package/badge/BadgeContainer.mjs +126 -0
  6. package/dist/cdn/js/kendo-vue-indicators.js +8 -1
  7. package/index.d.mts +693 -0
  8. package/index.d.ts +693 -0
  9. package/index.js +8 -0
  10. package/index.mjs +17 -0
  11. package/loader/Loader.js +8 -0
  12. package/loader/Loader.mjs +94 -0
  13. package/package-metadata.js +8 -0
  14. package/package-metadata.mjs +18 -0
  15. package/package.json +22 -43
  16. package/skeleton/Skeleton.js +8 -0
  17. package/skeleton/Skeleton.mjs +66 -0
  18. package/dist/es/additionalTypes.ts +0 -21
  19. package/dist/es/badge/Badge.d.ts +0 -50
  20. package/dist/es/badge/Badge.js +0 -124
  21. package/dist/es/badge/BadgeContainer.d.ts +0 -50
  22. package/dist/es/badge/BadgeContainer.js +0 -145
  23. package/dist/es/badge/BadgeProps.d.ts +0 -192
  24. package/dist/es/badge/BadgeProps.js +0 -1
  25. package/dist/es/loader/Loader.d.ts +0 -57
  26. package/dist/es/loader/Loader.js +0 -112
  27. package/dist/es/loader/LoaderProps.d.ts +0 -43
  28. package/dist/es/loader/LoaderProps.js +0 -1
  29. package/dist/es/loader/models/size.d.ts +0 -11
  30. package/dist/es/loader/models/size.js +0 -1
  31. package/dist/es/loader/models/theme-color.d.ts +0 -18
  32. package/dist/es/loader/models/theme-color.js +0 -1
  33. package/dist/es/loader/models/type.d.ts +0 -10
  34. package/dist/es/loader/models/type.js +0 -1
  35. package/dist/es/main.d.ts +0 -10
  36. package/dist/es/main.js +0 -10
  37. package/dist/es/package-metadata.d.ts +0 -5
  38. package/dist/es/package-metadata.js +0 -11
  39. package/dist/es/skeleton/Skeleton.d.ts +0 -57
  40. package/dist/es/skeleton/Skeleton.js +0 -81
  41. package/dist/es/skeleton/SkeletonProps.d.ts +0 -70
  42. package/dist/es/skeleton/SkeletonProps.js +0 -1
  43. package/dist/esm/additionalTypes.ts +0 -21
  44. package/dist/esm/badge/Badge.d.ts +0 -50
  45. package/dist/esm/badge/Badge.js +0 -124
  46. package/dist/esm/badge/BadgeContainer.d.ts +0 -50
  47. package/dist/esm/badge/BadgeContainer.js +0 -145
  48. package/dist/esm/badge/BadgeProps.d.ts +0 -192
  49. package/dist/esm/badge/BadgeProps.js +0 -1
  50. package/dist/esm/loader/Loader.d.ts +0 -57
  51. package/dist/esm/loader/Loader.js +0 -112
  52. package/dist/esm/loader/LoaderProps.d.ts +0 -43
  53. package/dist/esm/loader/LoaderProps.js +0 -1
  54. package/dist/esm/loader/models/size.d.ts +0 -11
  55. package/dist/esm/loader/models/size.js +0 -1
  56. package/dist/esm/loader/models/theme-color.d.ts +0 -18
  57. package/dist/esm/loader/models/theme-color.js +0 -1
  58. package/dist/esm/loader/models/type.d.ts +0 -10
  59. package/dist/esm/loader/models/type.js +0 -1
  60. package/dist/esm/main.d.ts +0 -10
  61. package/dist/esm/main.js +0 -10
  62. package/dist/esm/package-metadata.d.ts +0 -5
  63. package/dist/esm/package-metadata.js +0 -11
  64. package/dist/esm/package.json +0 -3
  65. package/dist/esm/skeleton/Skeleton.d.ts +0 -57
  66. package/dist/esm/skeleton/Skeleton.js +0 -81
  67. package/dist/esm/skeleton/SkeletonProps.d.ts +0 -70
  68. package/dist/esm/skeleton/SkeletonProps.js +0 -1
  69. package/dist/npm/additionalTypes.ts +0 -21
  70. package/dist/npm/badge/Badge.d.ts +0 -50
  71. package/dist/npm/badge/Badge.js +0 -131
  72. package/dist/npm/badge/BadgeContainer.d.ts +0 -50
  73. package/dist/npm/badge/BadgeContainer.js +0 -152
  74. package/dist/npm/badge/BadgeProps.d.ts +0 -192
  75. package/dist/npm/badge/BadgeProps.js +0 -2
  76. package/dist/npm/loader/Loader.d.ts +0 -57
  77. package/dist/npm/loader/Loader.js +0 -119
  78. package/dist/npm/loader/LoaderProps.d.ts +0 -43
  79. package/dist/npm/loader/LoaderProps.js +0 -2
  80. package/dist/npm/loader/models/size.d.ts +0 -11
  81. package/dist/npm/loader/models/size.js +0 -2
  82. package/dist/npm/loader/models/theme-color.d.ts +0 -18
  83. package/dist/npm/loader/models/theme-color.js +0 -2
  84. package/dist/npm/loader/models/type.d.ts +0 -10
  85. package/dist/npm/loader/models/type.js +0 -2
  86. package/dist/npm/main.d.ts +0 -10
  87. package/dist/npm/main.js +0 -26
  88. package/dist/npm/package-metadata.d.ts +0 -5
  89. package/dist/npm/package-metadata.js +0 -14
  90. package/dist/npm/skeleton/Skeleton.d.ts +0 -57
  91. package/dist/npm/skeleton/Skeleton.js +0 -88
  92. package/dist/npm/skeleton/SkeletonProps.d.ts +0 -70
  93. package/dist/npm/skeleton/SkeletonProps.js +0 -2
@@ -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: 1731077750,
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
- "description": "Kendo UI for Vue Indicators package",
4
- "version": "5.3.0-dev.202409130647",
5
- "repository": {
6
- "type": "git",
7
- "url": "https://github.com/telerik/kendo-vue.git"
8
- },
9
- "main": "dist/npm/main.js",
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.1",
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
- "node": "./dist/esm/main.js",
15
- "import": "./dist/es/main.js",
16
- "require": "./dist/npm/main.js",
17
- "default": "./dist/npm/main.js"
11
+ ".": {
12
+ "import": "./index.mjs",
13
+ "require": "./index.js"
14
+ }
18
15
  },
19
- "scripts": {
20
- "build-package": "gulp build-package",
21
- "start": "gulp start --notsc",
22
- "test": "cd ../../ && npm run test -- --testPathPattern=/packages/indicators/.*",
23
- "e2e": "cd ../../ && npx jest --maxWorkers=4 --config jest.config.e2e.js packages/indicators"
16
+ "sideEffects": false,
17
+ "peerDependencies": {
18
+ "@progress/kendo-licensing": "^1.3.4",
19
+ "@progress/kendo-vue-common": "5.3.0-develop.1",
20
+ "vue": "^3.0.2"
24
21
  },
25
- "homepage": "https://www.telerik.com/kendo-vue-ui/",
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.202409130647",
47
- "@progress/kendo-vue-buttons": "5.3.0-dev.202409130647",
48
- "@progress/kendo-vue-dropdowns": "5.3.0-dev.202409130647",
49
- "@progress/kendo-vue-intl": "5.3.0-dev.202409130647",
50
- "@progress/kendo-vue-layout": "5.3.0-dev.202409130647",
51
- "@progress/kendo-vue-progressbars": "5.3.0-dev.202409130647"
52
- },
53
- "dependencies": {
54
- "@progress/kendo-vue-common": "5.3.0-dev.202409130647"
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 };
@@ -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 };
@@ -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 };