@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
@@ -1,3 +0,0 @@
1
- import { Notification, NotificationProps, NotificationEvent } from './Notification';
2
- import { NotificationGroup, NotificationGroupProps } from './NotificationGroup';
3
- export { Notification, NotificationProps, NotificationEvent, NotificationGroup, NotificationGroupProps };
package/dist/esm/main.js DELETED
@@ -1,3 +0,0 @@
1
- import { Notification } from './Notification.js';
2
- import { NotificationGroup } from './NotificationGroup.js';
3
- export { Notification, NotificationGroup };
@@ -1,5 +0,0 @@
1
- import { PackageMetadata } from '@progress/kendo-licensing';
2
- /**
3
- * @hidden
4
- */
5
- export declare const packageMetadata: PackageMetadata;
@@ -1,11 +0,0 @@
1
- /**
2
- * @hidden
3
- */
4
- export var packageMetadata = {
5
- name: '@progress/kendo-vue-notification',
6
- productName: 'Kendo UI for Vue',
7
- productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
8
- publishDate: 1726209857,
9
- version: '',
10
- licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
11
- };
@@ -1,3 +0,0 @@
1
- {
2
- "type": "module"
3
- }
@@ -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 };
@@ -1,181 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.NotificationVue2 = exports.Notification = void 0;
7
- // @ts-ignore
8
- var Vue = require("vue");
9
- var allVue = Vue;
10
- var gh = allVue.h;
11
- var isV3 = allVue.version && allVue.version[0] === '3';
12
- var package_metadata_1 = require("./package-metadata");
13
- var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
14
- var kendo_vue_common_1 = require("@progress/kendo-vue-common");
15
- var buttonTitle = 'Close';
16
- /**
17
- * @hidden
18
- */
19
- var NotificationVue2 = {
20
- name: 'KendoNotification',
21
- props: {
22
- closable: {
23
- type: [Object, Boolean],
24
- default: function _default() {
25
- return false;
26
- }
27
- },
28
- dir: String,
29
- type: {
30
- type: Object,
31
- default: function _default() {
32
- return {
33
- style: 'none',
34
- icon: true
35
- };
36
- },
37
- validator: function validator(value) {
38
- return ['none', 'success', 'error', 'warning', 'info'].includes(value.style);
39
- }
40
- },
41
- themeColor: {
42
- type: String,
43
- default: 'base',
44
- validator: function validator(value) {
45
- return [null, 'base', 'error', 'info', 'success', 'warning'].includes(value);
46
- }
47
- },
48
- ariaLabel: {
49
- type: String,
50
- default: undefined
51
- }
52
- },
53
- created: function created() {
54
- (0, kendo_vue_common_1.validatePackage)(package_metadata_1.packageMetadata);
55
- this.notificationContentId = (0, kendo_vue_common_1.guid)();
56
- },
57
- computed: {
58
- computedTheme: function computedTheme() {
59
- var _a = this.$props,
60
- type = _a.type,
61
- themeColor = _a.themeColor;
62
- return type.style !== 'none' ? type.style : themeColor;
63
- },
64
- computedSvg: function computedSvg() {
65
- switch (this.computedTheme) {
66
- case 'success':
67
- return {
68
- name: 'check-outline',
69
- icon: kendo_svg_icons_1.checkOutlineIcon
70
- };
71
- case 'error':
72
- return {
73
- name: 'x-outline',
74
- icon: kendo_svg_icons_1.xOutlineIcon
75
- };
76
- case 'info':
77
- return {
78
- name: 'info-circle',
79
- icon: kendo_svg_icons_1.infoCircleIcon
80
- };
81
- case 'warning':
82
- return {
83
- name: 'exclamation-circle',
84
- icon: kendo_svg_icons_1.exclamationCircleIcon
85
- };
86
- default:
87
- return {};
88
- }
89
- },
90
- wrapperClass: function wrapperClass() {
91
- var _a;
92
- var closable = this.$props.closable;
93
- return _a = {
94
- 'k-notification': true
95
- }, _a["k-notification-".concat(this.computedTheme)] = this.computedTheme, _a['k-notification-closable'] = closable, _a;
96
- }
97
- },
98
- // @ts-ignore
99
- setup: !isV3 ? undefined : function () {
100
- var v3 = !!isV3;
101
- return {
102
- v3: v3
103
- };
104
- },
105
- // @ts-ignore
106
- render: function render(createElement) {
107
- var h = gh || createElement;
108
- var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
109
- var _a = this.$props,
110
- closable = _a.closable,
111
- type = _a.type;
112
- return h("div", {
113
- role: 'alert',
114
- attrs: this.v3 ? undefined : {
115
- role: 'alert',
116
- "aria-live": 'polite',
117
- "aria-label": this.$props.ariaLabel,
118
- "aria-describedby": this.notificationContentId
119
- },
120
- "class": this.wrapperClass,
121
- style: this.$props.style,
122
- "aria-live": 'polite',
123
- "aria-label": this.$props.ariaLabel,
124
- "aria-describedby": this.notificationContentId
125
- }, [type.icon && this.computedSvg.name && h(kendo_vue_common_1.Icon, {
126
- name: this.computedSvg.name,
127
- attrs: this.v3 ? undefined : {
128
- name: this.computedSvg.name,
129
- icon: this.computedSvg.icon
130
- },
131
- icon: this.computedSvg.icon,
132
- "class": 'k-notification-status'
133
- }), h("div", {
134
- "class": "k-notification-content",
135
- id: this.notificationContentId,
136
- attrs: this.v3 ? undefined : {
137
- id: this.notificationContentId
138
- }
139
- }, [defaultSlot]), closable && h("span", {
140
- "class": "k-notification-actions"
141
- }, [h("span", {
142
- "class": "k-notification-action k-notification-close-action",
143
- "aria-hidden": true,
144
- attrs: this.v3 ? undefined : {
145
- "aria-hidden": true
146
- }
147
- }, [h(kendo_vue_common_1.Icon, {
148
- name: "x",
149
- attrs: this.v3 ? undefined : {
150
- name: "x",
151
- icon: kendo_svg_icons_1.xIcon,
152
- title: buttonTitle
153
- },
154
- icon: kendo_svg_icons_1.xIcon,
155
- title: buttonTitle,
156
- onClick: this.handleClick,
157
- on: this.v3 ? undefined : {
158
- "click": this.handleClick
159
- }
160
- })])])]);
161
- },
162
- methods: {
163
- handleClick: function handleClick(event) {
164
- this.$emit('close', {
165
- component: this,
166
- event: event
167
- });
168
- }
169
- }
170
- };
171
- exports.NotificationVue2 = NotificationVue2;
172
- /**
173
- * Represents the [Kendo UI for Vue Native Notification component]({% slug overview_notification %}).
174
- *
175
- *
176
- * ### props <span class='code'>Readonly&lt;[NotificationProps]({% slug api_notification_notificationprops %})</span>
177
- * The props of the Notification component.
178
- *
179
- */
180
- var Notification = NotificationVue2;
181
- exports.Notification = Notification;
@@ -1,48 +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
- * Represents the props of the [Kendo UI for Vue NotificationGroup component]({% slug api_notification_notificationgroupprops %}).
9
- */
10
- export interface NotificationGroupProps {
11
- }
12
- /**
13
- * @hidden
14
- */
15
- export interface NotificationGroupState {
16
- }
17
- /**
18
- * @hidden
19
- */
20
- export interface NotificationGroupComputed {
21
- [key: string]: any;
22
- skeletonClasses: object;
23
- }
24
- /**
25
- * @hidden
26
- */
27
- export interface NotificationGroupMethods {
28
- [key: string]: any;
29
- }
30
- /**
31
- * @hidden
32
- */
33
- export interface NotificationGroupData {
34
- }
35
- /**
36
- * @hidden
37
- */
38
- export interface NotificationGroupAll extends Vue, NotificationGroupMethods, NotificationGroupData, NotificationGroupComputed, NotificationGroupState {
39
- }
40
- /**
41
- * @hidden
42
- */
43
- declare let NotificationGroupVue2: ComponentOptions<NotificationGroupAll, DefaultData<NotificationGroupData>, DefaultMethods<NotificationGroupAll>, NotificationGroupComputed, RecordPropsDefinition<NotificationGroupProps>>;
44
- /**
45
- * @hidden
46
- */
47
- declare const NotificationGroup: DefineComponent<NotificationGroupProps, any, NotificationGroupData, NotificationGroupComputed, NotificationGroupMethods, {}, {}, {}, string, NotificationGroupProps, NotificationGroupProps, {}>;
48
- export { NotificationGroup, NotificationGroupVue2 };
@@ -1,43 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.NotificationGroupVue2 = exports.NotificationGroup = void 0;
7
- // @ts-ignore
8
- var Vue = require("vue");
9
- var allVue = Vue;
10
- var gh = allVue.h;
11
- var isV3 = allVue.version && allVue.version[0] === '3';
12
- var kendo_vue_common_1 = require("@progress/kendo-vue-common");
13
- /**
14
- * @hidden
15
- */
16
- var NotificationGroupVue2 = {
17
- name: 'KendoNotificationGroup',
18
- // @ts-ignore
19
- setup: !isV3 ? undefined : function () {
20
- var v3 = !!isV3;
21
- return {
22
- v3: v3
23
- };
24
- },
25
- // @ts-ignore
26
- render: function render(createElement) {
27
- var h = gh || createElement;
28
- var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
29
- return h("div", {
30
- "class": 'k-notification-group',
31
- style: {
32
- alignItems: 'center',
33
- flexWrap: 'wrap'
34
- }
35
- }, [defaultSlot]);
36
- }
37
- };
38
- exports.NotificationGroupVue2 = NotificationGroupVue2;
39
- /**
40
- * @hidden
41
- */
42
- var NotificationGroup = NotificationGroupVue2;
43
- exports.NotificationGroup = NotificationGroup;
@@ -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,3 +0,0 @@
1
- import { Notification, NotificationProps, NotificationEvent } from './Notification';
2
- import { NotificationGroup, NotificationGroupProps } from './NotificationGroup';
3
- export { Notification, NotificationProps, NotificationEvent, NotificationGroup, NotificationGroupProps };
package/dist/npm/main.js DELETED
@@ -1,7 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.NotificationGroup = exports.Notification = void 0;
4
- var Notification_1 = require("./Notification");
5
- Object.defineProperty(exports, "Notification", { enumerable: true, get: function () { return Notification_1.Notification; } });
6
- var NotificationGroup_1 = require("./NotificationGroup");
7
- Object.defineProperty(exports, "NotificationGroup", { enumerable: true, get: function () { return NotificationGroup_1.NotificationGroup; } });
@@ -1,5 +0,0 @@
1
- import { PackageMetadata } from '@progress/kendo-licensing';
2
- /**
3
- * @hidden
4
- */
5
- export declare const packageMetadata: PackageMetadata;
@@ -1,14 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.packageMetadata = void 0;
4
- /**
5
- * @hidden
6
- */
7
- exports.packageMetadata = {
8
- name: '@progress/kendo-vue-notification',
9
- productName: 'Kendo UI for Vue',
10
- productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
11
- publishDate: 1726209857,
12
- version: '',
13
- 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'
14
- };