@progress/kendo-vue-notification 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 (41) hide show
  1. package/Notification.js +8 -0
  2. package/Notification.mjs +136 -0
  3. package/NotificationGroup.js +8 -0
  4. package/NotificationGroup.mjs +25 -0
  5. package/README.md +24 -27
  6. package/dist/cdn/js/kendo-vue-notification.js +8 -1
  7. package/index.d.mts +168 -0
  8. package/index.d.ts +168 -0
  9. package/index.js +8 -0
  10. package/index.mjs +13 -0
  11. package/package-metadata.js +8 -0
  12. package/package-metadata.mjs +18 -0
  13. package/package.json +23 -40
  14. package/dist/es/Notification.d.ts +0 -106
  15. package/dist/es/Notification.js +0 -174
  16. package/dist/es/NotificationGroup.d.ts +0 -48
  17. package/dist/es/NotificationGroup.js +0 -36
  18. package/dist/es/additionalTypes.ts +0 -21
  19. package/dist/es/main.d.ts +0 -3
  20. package/dist/es/main.js +0 -3
  21. package/dist/es/package-metadata.d.ts +0 -5
  22. package/dist/es/package-metadata.js +0 -11
  23. package/dist/esm/Notification.d.ts +0 -106
  24. package/dist/esm/Notification.js +0 -174
  25. package/dist/esm/NotificationGroup.d.ts +0 -48
  26. package/dist/esm/NotificationGroup.js +0 -36
  27. package/dist/esm/additionalTypes.ts +0 -21
  28. package/dist/esm/main.d.ts +0 -3
  29. package/dist/esm/main.js +0 -3
  30. package/dist/esm/package-metadata.d.ts +0 -5
  31. package/dist/esm/package-metadata.js +0 -11
  32. package/dist/esm/package.json +0 -3
  33. package/dist/npm/Notification.d.ts +0 -106
  34. package/dist/npm/Notification.js +0 -181
  35. package/dist/npm/NotificationGroup.d.ts +0 -48
  36. package/dist/npm/NotificationGroup.js +0 -43
  37. package/dist/npm/additionalTypes.ts +0 -21
  38. package/dist/npm/main.d.ts +0 -3
  39. package/dist/npm/main.js +0 -7
  40. package/dist/npm/package-metadata.d.ts +0 -5
  41. package/dist/npm/package-metadata.js +0 -14
package/index.d.mts ADDED
@@ -0,0 +1,168 @@
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 { ComponentOptionsMixin } from 'vue';
9
+ import { ComponentProvideOptions } from 'vue';
10
+ import { DefineComponent } from 'vue';
11
+ import { ExtractPropTypes } from 'vue';
12
+ import { PropType } from 'vue';
13
+ import { PublicProps } from 'vue';
14
+ import { SVGIcon } from '@progress/kendo-svg-icons';
15
+
16
+ /**
17
+ * Represents the [Kendo UI for Vue Native Notification component]({% slug overview_notification %}).
18
+ *
19
+ *
20
+ * ### props <span class='code'>Readonly&lt;[NotificationProps]({% slug api_notification_notificationprops %})</span>
21
+ * The props of the Notification component.
22
+ *
23
+ */
24
+ declare const Notification_2: DefineComponent<ExtractPropTypes< {
25
+ closable: {
26
+ type: PropType<any>;
27
+ default: () => boolean;
28
+ };
29
+ dir: PropType<string>;
30
+ type: {
31
+ type: PropType<{
32
+ style?: 'none' | 'success' | 'error' | 'warning' | 'info';
33
+ icon?: boolean;
34
+ }>;
35
+ default: () => {
36
+ style: string;
37
+ icon: boolean;
38
+ };
39
+ validator: (value: any) => any;
40
+ };
41
+ themeColor: {
42
+ type: PropType<string>;
43
+ default: string;
44
+ validator: (value: any) => any;
45
+ };
46
+ ariaLabel: {
47
+ type: PropType<string>;
48
+ default: any;
49
+ };
50
+ }>, {}, {}, {
51
+ computedTheme(): any;
52
+ computedSvg(): {
53
+ name: string;
54
+ icon: SVGIcon;
55
+ } | {
56
+ name?: undefined;
57
+ icon?: undefined;
58
+ };
59
+ wrapperClass(): {
60
+ [x: string]: any;
61
+ 'k-notification': boolean;
62
+ 'k-notification-closable': any;
63
+ };
64
+ }, {
65
+ handleClick(event: any): void;
66
+ }, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes< {
67
+ closable: {
68
+ type: PropType<any>;
69
+ default: () => boolean;
70
+ };
71
+ dir: PropType<string>;
72
+ type: {
73
+ type: PropType<{
74
+ style?: 'none' | 'success' | 'error' | 'warning' | 'info';
75
+ icon?: boolean;
76
+ }>;
77
+ default: () => {
78
+ style: string;
79
+ icon: boolean;
80
+ };
81
+ validator: (value: any) => any;
82
+ };
83
+ themeColor: {
84
+ type: PropType<string>;
85
+ default: string;
86
+ validator: (value: any) => any;
87
+ };
88
+ ariaLabel: {
89
+ type: PropType<string>;
90
+ default: any;
91
+ };
92
+ }>> & Readonly<{}>, {
93
+ type: {
94
+ style?: 'none' | 'success' | 'error' | 'warning' | 'info';
95
+ icon?: boolean;
96
+ };
97
+ ariaLabel: string;
98
+ themeColor: string;
99
+ closable: any;
100
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
101
+ export { Notification_2 as Notification }
102
+
103
+ /**
104
+ * The `close` event object of the Notification.
105
+ */
106
+ export declare interface NotificationEvent {
107
+ /**
108
+ * A native DOM event.
109
+ */
110
+ event: Event;
111
+ /**
112
+ * An event target.
113
+ */
114
+ target: Notification;
115
+ }
116
+
117
+ /**
118
+ * @hidden
119
+ */
120
+ export declare const NotificationGroup: DefineComponent< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
121
+
122
+ /**
123
+ * Represents the props of the [Kendo UI for Vue Notification component]({% slug overview_notification %}).
124
+ */
125
+ export declare interface NotificationProps {
126
+ /**
127
+ * Specifies if the Notification will require a user action to hide.
128
+ * If the property is set to `true`, the Notification renders a **Close** button.
129
+ * If the property is set to `object`, the Notification renders a **Close** button
130
+ * by extending the default props with the provided object.
131
+ *
132
+ * The possible values are:
133
+ * * (Default) `false`
134
+ * * `true`
135
+ * * `{ title: 'Hide', ... }`
136
+ */
137
+ closable?: boolean | any;
138
+ /**
139
+ * The `dir` HTML attribute.
140
+ */
141
+ dir?: string;
142
+ /**
143
+ * The Notification type
144
+ * ([see example]({% slug types_notification %})).
145
+ *
146
+ * The possible values are:
147
+ * * `style: 'none'|'success'|'error'|'warning'|'info'`. Defaults to `none`.
148
+ * * `icon?: 'true'|'false'`. Defaults to `true`.
149
+ */
150
+ type?: {
151
+ style?: 'none' | 'success' | 'error' | 'warning' | 'info';
152
+ icon?: boolean;
153
+ };
154
+ /**
155
+ * Configures the `themeColor` of the Notification.
156
+ */
157
+ themeColor?: string;
158
+ /**
159
+ * The `close` event which will be triggered when the **Close** button is clicked.
160
+ */
161
+ onClose?: (event: NotificationEvent) => void;
162
+ /**
163
+ * Defines the aria-label attribute of the Notification component. Defaults to `undefined`.
164
+ */
165
+ ariaLabel?: string;
166
+ }
167
+
168
+ export { }
package/index.d.ts ADDED
@@ -0,0 +1,168 @@
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 { ComponentOptionsMixin } from 'vue';
9
+ import { ComponentProvideOptions } from 'vue';
10
+ import { DefineComponent } from 'vue';
11
+ import { ExtractPropTypes } from 'vue';
12
+ import { PropType } from 'vue';
13
+ import { PublicProps } from 'vue';
14
+ import { SVGIcon } from '@progress/kendo-svg-icons';
15
+
16
+ /**
17
+ * Represents the [Kendo UI for Vue Native Notification component]({% slug overview_notification %}).
18
+ *
19
+ *
20
+ * ### props <span class='code'>Readonly&lt;[NotificationProps]({% slug api_notification_notificationprops %})</span>
21
+ * The props of the Notification component.
22
+ *
23
+ */
24
+ declare const Notification_2: DefineComponent<ExtractPropTypes< {
25
+ closable: {
26
+ type: PropType<any>;
27
+ default: () => boolean;
28
+ };
29
+ dir: PropType<string>;
30
+ type: {
31
+ type: PropType<{
32
+ style?: 'none' | 'success' | 'error' | 'warning' | 'info';
33
+ icon?: boolean;
34
+ }>;
35
+ default: () => {
36
+ style: string;
37
+ icon: boolean;
38
+ };
39
+ validator: (value: any) => any;
40
+ };
41
+ themeColor: {
42
+ type: PropType<string>;
43
+ default: string;
44
+ validator: (value: any) => any;
45
+ };
46
+ ariaLabel: {
47
+ type: PropType<string>;
48
+ default: any;
49
+ };
50
+ }>, {}, {}, {
51
+ computedTheme(): any;
52
+ computedSvg(): {
53
+ name: string;
54
+ icon: SVGIcon;
55
+ } | {
56
+ name?: undefined;
57
+ icon?: undefined;
58
+ };
59
+ wrapperClass(): {
60
+ [x: string]: any;
61
+ 'k-notification': boolean;
62
+ 'k-notification-closable': any;
63
+ };
64
+ }, {
65
+ handleClick(event: any): void;
66
+ }, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes< {
67
+ closable: {
68
+ type: PropType<any>;
69
+ default: () => boolean;
70
+ };
71
+ dir: PropType<string>;
72
+ type: {
73
+ type: PropType<{
74
+ style?: 'none' | 'success' | 'error' | 'warning' | 'info';
75
+ icon?: boolean;
76
+ }>;
77
+ default: () => {
78
+ style: string;
79
+ icon: boolean;
80
+ };
81
+ validator: (value: any) => any;
82
+ };
83
+ themeColor: {
84
+ type: PropType<string>;
85
+ default: string;
86
+ validator: (value: any) => any;
87
+ };
88
+ ariaLabel: {
89
+ type: PropType<string>;
90
+ default: any;
91
+ };
92
+ }>> & Readonly<{}>, {
93
+ type: {
94
+ style?: 'none' | 'success' | 'error' | 'warning' | 'info';
95
+ icon?: boolean;
96
+ };
97
+ ariaLabel: string;
98
+ themeColor: string;
99
+ closable: any;
100
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
101
+ export { Notification_2 as Notification }
102
+
103
+ /**
104
+ * The `close` event object of the Notification.
105
+ */
106
+ export declare interface NotificationEvent {
107
+ /**
108
+ * A native DOM event.
109
+ */
110
+ event: Event;
111
+ /**
112
+ * An event target.
113
+ */
114
+ target: Notification;
115
+ }
116
+
117
+ /**
118
+ * @hidden
119
+ */
120
+ export declare const NotificationGroup: DefineComponent< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
121
+
122
+ /**
123
+ * Represents the props of the [Kendo UI for Vue Notification component]({% slug overview_notification %}).
124
+ */
125
+ export declare interface NotificationProps {
126
+ /**
127
+ * Specifies if the Notification will require a user action to hide.
128
+ * If the property is set to `true`, the Notification renders a **Close** button.
129
+ * If the property is set to `object`, the Notification renders a **Close** button
130
+ * by extending the default props with the provided object.
131
+ *
132
+ * The possible values are:
133
+ * * (Default) `false`
134
+ * * `true`
135
+ * * `{ title: 'Hide', ... }`
136
+ */
137
+ closable?: boolean | any;
138
+ /**
139
+ * The `dir` HTML attribute.
140
+ */
141
+ dir?: string;
142
+ /**
143
+ * The Notification type
144
+ * ([see example]({% slug types_notification %})).
145
+ *
146
+ * The possible values are:
147
+ * * `style: 'none'|'success'|'error'|'warning'|'info'`. Defaults to `none`.
148
+ * * `icon?: 'true'|'false'`. Defaults to `true`.
149
+ */
150
+ type?: {
151
+ style?: 'none' | 'success' | 'error' | 'warning' | 'info';
152
+ icon?: boolean;
153
+ };
154
+ /**
155
+ * Configures the `themeColor` of the Notification.
156
+ */
157
+ themeColor?: string;
158
+ /**
159
+ * The `close` event which will be triggered when the **Close** button is clicked.
160
+ */
161
+ onClose?: (event: NotificationEvent) => void;
162
+ /**
163
+ * Defines the aria-label attribute of the Notification component. Defaults to `undefined`.
164
+ */
165
+ ariaLabel?: string;
166
+ }
167
+
168
+ export { }
package/index.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 i=require("./Notification.js"),o=require("./NotificationGroup.js");exports.Notification=i.Notification;exports.NotificationGroup=o.NotificationGroup;
package/index.mjs ADDED
@@ -0,0 +1,13 @@
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 { Notification as t } from "./Notification.mjs";
9
+ import { NotificationGroup as f } from "./NotificationGroup.mjs";
10
+ export {
11
+ t as Notification,
12
+ f as NotificationGroup
13
+ };
@@ -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-notification",productName:"Kendo UI for Vue",productCodes:["KENDOUIVUE","KENDOUICOMPLETE"],publishDate:0,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=vue&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-notification",
10
+ productName: "Kendo UI for Vue",
11
+ productCodes: ["KENDOUIVUE", "KENDOUICOMPLETE"],
12
+ publishDate: 1731077996,
13
+ version: "",
14
+ licensingDocsUrl: "https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=vue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"
15
+ };
16
+ export {
17
+ e as packageMetadata
18
+ };
package/package.json CHANGED
@@ -1,61 +1,44 @@
1
1
  {
2
2
  "name": "@progress/kendo-vue-notification",
3
- "description": "Kendo UI for Vue Notification 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/notification/.*",
23
- "e2e": "cd ../../ && npx jest --maxWorkers=4 --config jest.config.e2e.js packages/notification"
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
- "notification",
31
- "Kendo UI for Vue",
32
- "vuejs",
27
+ "Notification",
33
28
  "UI",
34
29
  "components",
35
30
  "Vue component",
36
31
  "Telerik"
37
32
  ],
38
- "peerDependencies": {
39
- "@progress/kendo-licensing": "^1.3.0",
40
- "@progress/kendo-svg-icons": "^3.0.0",
41
- "vue": "^2.6.12 || ^3.0.2"
42
- },
43
- "dependencies": {
44
- "@progress/kendo-vue-common": "5.3.0-dev.202409130647"
45
- },
46
- "devDependencies": {
47
- "@progress/kendo-licensing": "^1.3.0",
48
- "@progress/kendo-svg-icons": "^3.0.0",
49
- "@progress/kendo-vue-animation": "5.3.0-dev.202409130647"
50
- },
51
33
  "@progress": {
52
34
  "friendlyName": "Notification",
53
35
  "framework": "Kendo UI for Vue"
54
36
  },
55
- "author": "Progress",
56
- "license": "SEE LICENSE IN LICENSE.md",
57
37
  "publishConfig": {
58
38
  "access": "public"
59
39
  },
60
- "sideEffects": false
61
- }
40
+ "repository": {
41
+ "type": "git",
42
+ "url": "git+https://github.com/telerik/kendo-react.git"
43
+ }
44
+ }
@@ -1,106 +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
- /**
8
- * The `close` event object of the Notification.
9
- */
10
- export interface NotificationEvent {
11
- /**
12
- * A native DOM event.
13
- */
14
- event: Event;
15
- /**
16
- * An event target.
17
- */
18
- target: Notification;
19
- }
20
- /**
21
- * Represents the props of the [Kendo UI for Vue Notification component]({% slug overview_notification %}).
22
- */
23
- export interface NotificationProps {
24
- /**
25
- * Specifies if the Notification will require a user action to hide.
26
- * If the property is set to `true`, the Notification renders a **Close** button.
27
- * If the property is set to `object`, the Notification renders a **Close** button
28
- * by extending the default props with the provided object.
29
- *
30
- * The possible values are:
31
- * * (Default) `false`
32
- * * `true`
33
- * * `{ title: 'Hide', ... }`
34
- */
35
- closable?: boolean | any;
36
- /**
37
- * The `dir` HTML attribute.
38
- */
39
- dir?: string;
40
- /**
41
- * The Notification type
42
- * ([see example]({% slug types_notification %})).
43
- *
44
- * The possible values are:
45
- * * `style: 'none'|'success'|'error'|'warning'|'info'`. Defaults to `none`.
46
- * * `icon?: 'true'|'false'`. Defaults to `true`.
47
- */
48
- type?: {
49
- style?: 'none' | 'success' | 'error' | 'warning' | 'info';
50
- icon?: boolean;
51
- };
52
- /**
53
- * Configures the `themeColor` of the Notification.
54
- */
55
- themeColor?: string;
56
- /**
57
- * The `close` event which will be triggered when the **Close** button is clicked.
58
- */
59
- onClose?: (event: NotificationEvent) => void;
60
- /**
61
- * Defines the aria-label attribute of the Notification component. Defaults to `undefined`.
62
- */
63
- ariaLabel?: string;
64
- }
65
- /**
66
- * @hidden
67
- */
68
- export interface NotificationState {
69
- }
70
- /**
71
- * @hidden
72
- */
73
- export interface NotificationComputed {
74
- [key: string]: any;
75
- wrapperClass: object;
76
- }
77
- /**
78
- * @hidden
79
- */
80
- export interface NotificationMethods {
81
- [key: string]: any;
82
- }
83
- /**
84
- * @hidden
85
- */
86
- export interface NotificationData {
87
- }
88
- /**
89
- * @hidden
90
- */
91
- export interface NotificationAll extends Vue, NotificationMethods, NotificationData, NotificationComputed, NotificationState {
92
- }
93
- /**
94
- * @hidden
95
- */
96
- declare let NotificationVue2: ComponentOptions<NotificationAll, DefaultData<NotificationData>, DefaultMethods<NotificationAll>, NotificationComputed, RecordPropsDefinition<NotificationProps>>;
97
- /**
98
- * Represents the [Kendo UI for Vue Native Notification component]({% slug overview_notification %}).
99
- *
100
- *
101
- * ### props <span class='code'>Readonly&lt;[NotificationProps]({% slug api_notification_notificationprops %})</span>
102
- * The props of the Notification component.
103
- *
104
- */
105
- declare const Notification: DefineComponent<NotificationProps, any, NotificationData, NotificationComputed, NotificationMethods, {}, {}, {}, string, NotificationProps, NotificationProps, {}>;
106
- export { Notification, NotificationVue2 };