@progress/kendo-vue-notification 8.0.3-develop.2 → 8.0.3-develop.3
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/Notification.d.ts +149 -0
- package/NotificationGroup.d.ts +32 -0
- package/dist/cdn/js/kendo-vue-notification.js +1 -1
- package/index.d.mts +3 -164
- package/index.d.ts +3 -164
- package/package-metadata.d.ts +12 -0
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +11 -5
|
@@ -0,0 +1,149 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 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 { PropType } from 'vue';
|
|
9
|
+
/**
|
|
10
|
+
* The `close` event object of the Notification.
|
|
11
|
+
*/
|
|
12
|
+
export interface NotificationEvent {
|
|
13
|
+
/**
|
|
14
|
+
* A native DOM event.
|
|
15
|
+
*/
|
|
16
|
+
event: Event;
|
|
17
|
+
/**
|
|
18
|
+
* An event target.
|
|
19
|
+
*/
|
|
20
|
+
target: Notification;
|
|
21
|
+
}
|
|
22
|
+
/**
|
|
23
|
+
* Represents the props of the [Kendo UI for Vue Notification component]({% slug overview_notification %}).
|
|
24
|
+
*/
|
|
25
|
+
export interface NotificationProps {
|
|
26
|
+
/**
|
|
27
|
+
* Specifies if the Notification will require a user action to hide.
|
|
28
|
+
* If the property is set to `true`, the Notification renders a **Close** button.
|
|
29
|
+
* If the property is set to `object`, the Notification renders a **Close** button
|
|
30
|
+
* by extending the default props with the provided object.
|
|
31
|
+
*
|
|
32
|
+
* The possible values are:
|
|
33
|
+
* * (Default) `false`
|
|
34
|
+
* * `true`
|
|
35
|
+
* * `{ title: 'Hide', ... }`
|
|
36
|
+
*/
|
|
37
|
+
closable?: boolean | any;
|
|
38
|
+
/**
|
|
39
|
+
* The `dir` HTML attribute.
|
|
40
|
+
*/
|
|
41
|
+
dir?: string;
|
|
42
|
+
/**
|
|
43
|
+
* The Notification type
|
|
44
|
+
* ([see example]({% slug types_notification %})).
|
|
45
|
+
*
|
|
46
|
+
* The possible values are:
|
|
47
|
+
* * `style: 'none'|'success'|'error'|'warning'|'info'`. Defaults to `none`.
|
|
48
|
+
* * `icon?: 'true'|'false'`. Defaults to `true`.
|
|
49
|
+
*/
|
|
50
|
+
type?: {
|
|
51
|
+
style?: 'none' | 'success' | 'error' | 'warning' | 'info';
|
|
52
|
+
icon?: boolean;
|
|
53
|
+
};
|
|
54
|
+
/**
|
|
55
|
+
* Configures the `themeColor` of the Notification.
|
|
56
|
+
*/
|
|
57
|
+
themeColor?: string;
|
|
58
|
+
/**
|
|
59
|
+
* The `close` event which will be triggered when the **Close** button is clicked.
|
|
60
|
+
*/
|
|
61
|
+
onClose?: (event: NotificationEvent) => void;
|
|
62
|
+
/**
|
|
63
|
+
* Defines the aria-label attribute of the Notification component. Defaults to `undefined`.
|
|
64
|
+
*/
|
|
65
|
+
ariaLabel?: string;
|
|
66
|
+
}
|
|
67
|
+
/**
|
|
68
|
+
* Represents the [Kendo UI for Vue Native Notification component]({% slug overview_notification %}).
|
|
69
|
+
*
|
|
70
|
+
*
|
|
71
|
+
* ### props <span class='code'>Readonly<[NotificationProps]({% slug api_notification_notificationprops %})</span>
|
|
72
|
+
* The props of the Notification component.
|
|
73
|
+
*
|
|
74
|
+
*/
|
|
75
|
+
declare const Notification: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
76
|
+
closable: {
|
|
77
|
+
type: PropType<any>;
|
|
78
|
+
default: () => boolean;
|
|
79
|
+
};
|
|
80
|
+
dir: PropType<string>;
|
|
81
|
+
type: {
|
|
82
|
+
type: PropType<{
|
|
83
|
+
style?: 'none' | 'success' | 'error' | 'warning' | 'info';
|
|
84
|
+
icon?: boolean;
|
|
85
|
+
}>;
|
|
86
|
+
default: () => {
|
|
87
|
+
style: string;
|
|
88
|
+
icon: boolean;
|
|
89
|
+
};
|
|
90
|
+
validator: (value: any) => boolean;
|
|
91
|
+
};
|
|
92
|
+
themeColor: {
|
|
93
|
+
type: PropType<string>;
|
|
94
|
+
validator: (value: string) => boolean;
|
|
95
|
+
};
|
|
96
|
+
ariaLabel: {
|
|
97
|
+
type: PropType<string>;
|
|
98
|
+
default: any;
|
|
99
|
+
};
|
|
100
|
+
}>, {}, {}, {
|
|
101
|
+
computedTheme(): any;
|
|
102
|
+
computedSvg(): {
|
|
103
|
+
name: string;
|
|
104
|
+
icon: import('@progress/kendo-svg-icons').SVGIcon;
|
|
105
|
+
} | {
|
|
106
|
+
name?: undefined;
|
|
107
|
+
icon?: undefined;
|
|
108
|
+
};
|
|
109
|
+
wrapperClass(): {
|
|
110
|
+
[x: string]: any;
|
|
111
|
+
'k-notification': boolean;
|
|
112
|
+
'k-notification-closable': any;
|
|
113
|
+
};
|
|
114
|
+
}, {
|
|
115
|
+
handleClick(event: any): void;
|
|
116
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
117
|
+
closable: {
|
|
118
|
+
type: PropType<any>;
|
|
119
|
+
default: () => boolean;
|
|
120
|
+
};
|
|
121
|
+
dir: PropType<string>;
|
|
122
|
+
type: {
|
|
123
|
+
type: PropType<{
|
|
124
|
+
style?: 'none' | 'success' | 'error' | 'warning' | 'info';
|
|
125
|
+
icon?: boolean;
|
|
126
|
+
}>;
|
|
127
|
+
default: () => {
|
|
128
|
+
style: string;
|
|
129
|
+
icon: boolean;
|
|
130
|
+
};
|
|
131
|
+
validator: (value: any) => boolean;
|
|
132
|
+
};
|
|
133
|
+
themeColor: {
|
|
134
|
+
type: PropType<string>;
|
|
135
|
+
validator: (value: string) => boolean;
|
|
136
|
+
};
|
|
137
|
+
ariaLabel: {
|
|
138
|
+
type: PropType<string>;
|
|
139
|
+
default: any;
|
|
140
|
+
};
|
|
141
|
+
}>> & Readonly<{}>, {
|
|
142
|
+
type: {
|
|
143
|
+
style?: 'none' | 'success' | 'error' | 'warning' | 'info';
|
|
144
|
+
icon?: boolean;
|
|
145
|
+
};
|
|
146
|
+
ariaLabel: string;
|
|
147
|
+
closable: any;
|
|
148
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
149
|
+
export { Notification };
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 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 { PropType } from 'vue';
|
|
9
|
+
/**
|
|
10
|
+
* Represents the props of the [Kendo UI for Vue NotificationGroup component]({% slug api_notification_notificationgroup %}).
|
|
11
|
+
*/
|
|
12
|
+
export interface NotificationGroupProps {
|
|
13
|
+
/**
|
|
14
|
+
* Sets additional classes to the Notification group.
|
|
15
|
+
*/
|
|
16
|
+
className?: string;
|
|
17
|
+
/**
|
|
18
|
+
* The styles that are applied to the Notification group.
|
|
19
|
+
*/
|
|
20
|
+
style?: object;
|
|
21
|
+
}
|
|
22
|
+
/**
|
|
23
|
+
* Represents the [Kendo UI for Vue NotificationGroup component]({% slug positioning_notification %}) that can set the position of the Notification component.
|
|
24
|
+
*/
|
|
25
|
+
declare const NotificationGroup: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
26
|
+
style: PropType<object>;
|
|
27
|
+
className: PropType<string>;
|
|
28
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
29
|
+
style: PropType<object>;
|
|
30
|
+
className: PropType<string>;
|
|
31
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
32
|
+
export { NotificationGroup };
|
|
@@ -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-svg-icons"),require("@progress/kendo-vue-common")):"function"==typeof define&&define.amd?define(["exports","vue","@progress/kendo-svg-icons","@progress/kendo-vue-common"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoVueNotification={},e.Vue,e.KendoSVGIcons,e.KendoVueCommon)}(this,
|
|
15
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("@progress/kendo-svg-icons"),require("@progress/kendo-vue-common")):"function"==typeof define&&define.amd?define(["exports","vue","@progress/kendo-svg-icons","@progress/kendo-vue-common"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoVueNotification={},e.Vue,e.KendoSVGIcons,e.KendoVueCommon)}(this,function(e,t,o,n){"use strict";const i={name:"@progress/kendo-vue-notification",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate:0,version:"8.0.3-develop.3",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"},c=t.defineComponent({name:"KendoNotification",props:{closable:{type:[Object,Boolean],default:function(){return!1}},dir:String,type:{type:Object,default:function(){return{style:"none",icon:!0}},validator:function(e){return["none","success","error","warning","info"].includes(e.style)}},themeColor:{type:String,validator:function(e){return["base","error","info","success","warning"].includes(e)}},ariaLabel:{type:String,default:void 0}},created(){n.validatePackage(i),this.notificationContentId=n.guid()},computed:{computedTheme(){const{type:e,themeColor:t}=this.$props;return"none"!==e.style?e.style:t},computedSvg(){switch(this.computedTheme){case"success":return{name:"check-outline",icon:o.checkOutlineIcon};case"error":return{name:"x-outline",icon:o.xOutlineIcon};case"info":return{name:"info-circle",icon:o.infoCircleIcon};case"warning":return{name:"exclamation-circle",icon:o.exclamationCircleIcon};default:return{}}},wrapperClass(){const{closable:e}=this.$props;return{"k-notification":!0,[`k-notification-${this.computedTheme}`]:this.computedTheme,"k-notification-closable":e}}},render(){const e=n.getDefaultSlots(this),{closable:i,type:c}=this.$props;return t.createVNode("div",{role:"alert",class:this.wrapperClass,style:this.$props.style,"aria-live":"polite","aria-label":this.$props.ariaLabel,"aria-describedby":this.notificationContentId},[c.icon&&this.computedSvg.name&&t.createVNode(n.Icon,{name:this.computedSvg.name,icon:this.computedSvg.icon,class:"k-notification-status"},null),t.createVNode("div",{class:"k-notification-content",id:this.notificationContentId},[e]),i&&t.createVNode("span",{class:"k-notification-actions"},[t.createVNode("span",{class:"k-notification-action k-notification-close-action","aria-hidden":!0},[t.createVNode(n.Icon,{name:"x",icon:o.xIcon,title:"Close",onClick:this.handleClick},null)])])])},methods:{handleClick(e){this.$emit("close",{component:this,event:e})}}}),s=t.defineComponent({name:"KendoNotificationGroup",props:{style:Object,className:String},render(){const e=n.getDefaultSlots(this);return t.createVNode("div",{class:"k-notification-group",style:{alignItems:"center",flexWrap:"wrap",...this.$props.style}},[e])}});e.Notification=c,e.NotificationGroup=s});
|
package/index.d.mts
CHANGED
|
@@ -5,167 +5,6 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
|
|
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<[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) => boolean;
|
|
40
|
-
};
|
|
41
|
-
themeColor: {
|
|
42
|
-
type: PropType<string>;
|
|
43
|
-
validator: (value: string) => boolean;
|
|
44
|
-
};
|
|
45
|
-
ariaLabel: {
|
|
46
|
-
type: PropType<string>;
|
|
47
|
-
default: any;
|
|
48
|
-
};
|
|
49
|
-
}>, {}, {}, {
|
|
50
|
-
computedTheme(): any;
|
|
51
|
-
computedSvg(): {
|
|
52
|
-
name: string;
|
|
53
|
-
icon: SVGIcon;
|
|
54
|
-
} | {
|
|
55
|
-
name?: undefined;
|
|
56
|
-
icon?: undefined;
|
|
57
|
-
};
|
|
58
|
-
wrapperClass(): {
|
|
59
|
-
[x: string]: any;
|
|
60
|
-
'k-notification': boolean;
|
|
61
|
-
'k-notification-closable': any;
|
|
62
|
-
};
|
|
63
|
-
}, {
|
|
64
|
-
handleClick(event: any): void;
|
|
65
|
-
}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes< {
|
|
66
|
-
closable: {
|
|
67
|
-
type: PropType<any>;
|
|
68
|
-
default: () => boolean;
|
|
69
|
-
};
|
|
70
|
-
dir: PropType<string>;
|
|
71
|
-
type: {
|
|
72
|
-
type: PropType<{
|
|
73
|
-
style?: 'none' | 'success' | 'error' | 'warning' | 'info';
|
|
74
|
-
icon?: boolean;
|
|
75
|
-
}>;
|
|
76
|
-
default: () => {
|
|
77
|
-
style: string;
|
|
78
|
-
icon: boolean;
|
|
79
|
-
};
|
|
80
|
-
validator: (value: any) => boolean;
|
|
81
|
-
};
|
|
82
|
-
themeColor: {
|
|
83
|
-
type: PropType<string>;
|
|
84
|
-
validator: (value: string) => boolean;
|
|
85
|
-
};
|
|
86
|
-
ariaLabel: {
|
|
87
|
-
type: PropType<string>;
|
|
88
|
-
default: any;
|
|
89
|
-
};
|
|
90
|
-
}>> & Readonly<{}>, {
|
|
91
|
-
type: {
|
|
92
|
-
style?: 'none' | 'success' | 'error' | 'warning' | 'info';
|
|
93
|
-
icon?: boolean;
|
|
94
|
-
};
|
|
95
|
-
ariaLabel: string;
|
|
96
|
-
closable: any;
|
|
97
|
-
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
98
|
-
export { Notification_2 as Notification }
|
|
99
|
-
|
|
100
|
-
/**
|
|
101
|
-
* The `close` event object of the Notification.
|
|
102
|
-
*/
|
|
103
|
-
export declare interface NotificationEvent {
|
|
104
|
-
/**
|
|
105
|
-
* A native DOM event.
|
|
106
|
-
*/
|
|
107
|
-
event: Event;
|
|
108
|
-
/**
|
|
109
|
-
* An event target.
|
|
110
|
-
*/
|
|
111
|
-
target: Notification;
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
/**
|
|
115
|
-
* Represents the [Kendo UI for Vue NotificationGroup component]({% slug positioning_notification %}) that can set the position of the Notification component.
|
|
116
|
-
*/
|
|
117
|
-
export declare const NotificationGroup: DefineComponent<ExtractPropTypes< {
|
|
118
|
-
style: PropType<object>;
|
|
119
|
-
className: PropType<string>;
|
|
120
|
-
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes< {
|
|
121
|
-
style: PropType<object>;
|
|
122
|
-
className: PropType<string>;
|
|
123
|
-
}>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
124
|
-
|
|
125
|
-
/**
|
|
126
|
-
* Represents the props of the [Kendo UI for Vue Notification component]({% slug overview_notification %}).
|
|
127
|
-
*/
|
|
128
|
-
export declare interface NotificationProps {
|
|
129
|
-
/**
|
|
130
|
-
* Specifies if the Notification will require a user action to hide.
|
|
131
|
-
* If the property is set to `true`, the Notification renders a **Close** button.
|
|
132
|
-
* If the property is set to `object`, the Notification renders a **Close** button
|
|
133
|
-
* by extending the default props with the provided object.
|
|
134
|
-
*
|
|
135
|
-
* The possible values are:
|
|
136
|
-
* * (Default) `false`
|
|
137
|
-
* * `true`
|
|
138
|
-
* * `{ title: 'Hide', ... }`
|
|
139
|
-
*/
|
|
140
|
-
closable?: boolean | any;
|
|
141
|
-
/**
|
|
142
|
-
* The `dir` HTML attribute.
|
|
143
|
-
*/
|
|
144
|
-
dir?: string;
|
|
145
|
-
/**
|
|
146
|
-
* The Notification type
|
|
147
|
-
* ([see example]({% slug types_notification %})).
|
|
148
|
-
*
|
|
149
|
-
* The possible values are:
|
|
150
|
-
* * `style: 'none'|'success'|'error'|'warning'|'info'`. Defaults to `none`.
|
|
151
|
-
* * `icon?: 'true'|'false'`. Defaults to `true`.
|
|
152
|
-
*/
|
|
153
|
-
type?: {
|
|
154
|
-
style?: 'none' | 'success' | 'error' | 'warning' | 'info';
|
|
155
|
-
icon?: boolean;
|
|
156
|
-
};
|
|
157
|
-
/**
|
|
158
|
-
* Configures the `themeColor` of the Notification.
|
|
159
|
-
*/
|
|
160
|
-
themeColor?: string;
|
|
161
|
-
/**
|
|
162
|
-
* The `close` event which will be triggered when the **Close** button is clicked.
|
|
163
|
-
*/
|
|
164
|
-
onClose?: (event: NotificationEvent) => void;
|
|
165
|
-
/**
|
|
166
|
-
* Defines the aria-label attribute of the Notification component. Defaults to `undefined`.
|
|
167
|
-
*/
|
|
168
|
-
ariaLabel?: string;
|
|
169
|
-
}
|
|
170
|
-
|
|
171
|
-
export { }
|
|
8
|
+
import { Notification, NotificationProps, NotificationEvent } from './Notification.js';
|
|
9
|
+
import { NotificationGroup } from './NotificationGroup.js';
|
|
10
|
+
export { Notification, type NotificationProps, type NotificationEvent, NotificationGroup };
|
package/index.d.ts
CHANGED
|
@@ -5,167 +5,6 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
|
|
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<[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) => boolean;
|
|
40
|
-
};
|
|
41
|
-
themeColor: {
|
|
42
|
-
type: PropType<string>;
|
|
43
|
-
validator: (value: string) => boolean;
|
|
44
|
-
};
|
|
45
|
-
ariaLabel: {
|
|
46
|
-
type: PropType<string>;
|
|
47
|
-
default: any;
|
|
48
|
-
};
|
|
49
|
-
}>, {}, {}, {
|
|
50
|
-
computedTheme(): any;
|
|
51
|
-
computedSvg(): {
|
|
52
|
-
name: string;
|
|
53
|
-
icon: SVGIcon;
|
|
54
|
-
} | {
|
|
55
|
-
name?: undefined;
|
|
56
|
-
icon?: undefined;
|
|
57
|
-
};
|
|
58
|
-
wrapperClass(): {
|
|
59
|
-
[x: string]: any;
|
|
60
|
-
'k-notification': boolean;
|
|
61
|
-
'k-notification-closable': any;
|
|
62
|
-
};
|
|
63
|
-
}, {
|
|
64
|
-
handleClick(event: any): void;
|
|
65
|
-
}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes< {
|
|
66
|
-
closable: {
|
|
67
|
-
type: PropType<any>;
|
|
68
|
-
default: () => boolean;
|
|
69
|
-
};
|
|
70
|
-
dir: PropType<string>;
|
|
71
|
-
type: {
|
|
72
|
-
type: PropType<{
|
|
73
|
-
style?: 'none' | 'success' | 'error' | 'warning' | 'info';
|
|
74
|
-
icon?: boolean;
|
|
75
|
-
}>;
|
|
76
|
-
default: () => {
|
|
77
|
-
style: string;
|
|
78
|
-
icon: boolean;
|
|
79
|
-
};
|
|
80
|
-
validator: (value: any) => boolean;
|
|
81
|
-
};
|
|
82
|
-
themeColor: {
|
|
83
|
-
type: PropType<string>;
|
|
84
|
-
validator: (value: string) => boolean;
|
|
85
|
-
};
|
|
86
|
-
ariaLabel: {
|
|
87
|
-
type: PropType<string>;
|
|
88
|
-
default: any;
|
|
89
|
-
};
|
|
90
|
-
}>> & Readonly<{}>, {
|
|
91
|
-
type: {
|
|
92
|
-
style?: 'none' | 'success' | 'error' | 'warning' | 'info';
|
|
93
|
-
icon?: boolean;
|
|
94
|
-
};
|
|
95
|
-
ariaLabel: string;
|
|
96
|
-
closable: any;
|
|
97
|
-
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
98
|
-
export { Notification_2 as Notification }
|
|
99
|
-
|
|
100
|
-
/**
|
|
101
|
-
* The `close` event object of the Notification.
|
|
102
|
-
*/
|
|
103
|
-
export declare interface NotificationEvent {
|
|
104
|
-
/**
|
|
105
|
-
* A native DOM event.
|
|
106
|
-
*/
|
|
107
|
-
event: Event;
|
|
108
|
-
/**
|
|
109
|
-
* An event target.
|
|
110
|
-
*/
|
|
111
|
-
target: Notification;
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
/**
|
|
115
|
-
* Represents the [Kendo UI for Vue NotificationGroup component]({% slug positioning_notification %}) that can set the position of the Notification component.
|
|
116
|
-
*/
|
|
117
|
-
export declare const NotificationGroup: DefineComponent<ExtractPropTypes< {
|
|
118
|
-
style: PropType<object>;
|
|
119
|
-
className: PropType<string>;
|
|
120
|
-
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes< {
|
|
121
|
-
style: PropType<object>;
|
|
122
|
-
className: PropType<string>;
|
|
123
|
-
}>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
124
|
-
|
|
125
|
-
/**
|
|
126
|
-
* Represents the props of the [Kendo UI for Vue Notification component]({% slug overview_notification %}).
|
|
127
|
-
*/
|
|
128
|
-
export declare interface NotificationProps {
|
|
129
|
-
/**
|
|
130
|
-
* Specifies if the Notification will require a user action to hide.
|
|
131
|
-
* If the property is set to `true`, the Notification renders a **Close** button.
|
|
132
|
-
* If the property is set to `object`, the Notification renders a **Close** button
|
|
133
|
-
* by extending the default props with the provided object.
|
|
134
|
-
*
|
|
135
|
-
* The possible values are:
|
|
136
|
-
* * (Default) `false`
|
|
137
|
-
* * `true`
|
|
138
|
-
* * `{ title: 'Hide', ... }`
|
|
139
|
-
*/
|
|
140
|
-
closable?: boolean | any;
|
|
141
|
-
/**
|
|
142
|
-
* The `dir` HTML attribute.
|
|
143
|
-
*/
|
|
144
|
-
dir?: string;
|
|
145
|
-
/**
|
|
146
|
-
* The Notification type
|
|
147
|
-
* ([see example]({% slug types_notification %})).
|
|
148
|
-
*
|
|
149
|
-
* The possible values are:
|
|
150
|
-
* * `style: 'none'|'success'|'error'|'warning'|'info'`. Defaults to `none`.
|
|
151
|
-
* * `icon?: 'true'|'false'`. Defaults to `true`.
|
|
152
|
-
*/
|
|
153
|
-
type?: {
|
|
154
|
-
style?: 'none' | 'success' | 'error' | 'warning' | 'info';
|
|
155
|
-
icon?: boolean;
|
|
156
|
-
};
|
|
157
|
-
/**
|
|
158
|
-
* Configures the `themeColor` of the Notification.
|
|
159
|
-
*/
|
|
160
|
-
themeColor?: string;
|
|
161
|
-
/**
|
|
162
|
-
* The `close` event which will be triggered when the **Close** button is clicked.
|
|
163
|
-
*/
|
|
164
|
-
onClose?: (event: NotificationEvent) => void;
|
|
165
|
-
/**
|
|
166
|
-
* Defines the aria-label attribute of the Notification component. Defaults to `undefined`.
|
|
167
|
-
*/
|
|
168
|
-
ariaLabel?: string;
|
|
169
|
-
}
|
|
170
|
-
|
|
171
|
-
export { }
|
|
8
|
+
import { Notification, NotificationProps, NotificationEvent } from './Notification';
|
|
9
|
+
import { NotificationGroup } from './NotificationGroup';
|
|
10
|
+
export { Notification, type NotificationProps, type NotificationEvent, NotificationGroup };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 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 { PackageMetadata } from '@progress/kendo-licensing';
|
|
9
|
+
/**
|
|
10
|
+
* @hidden
|
|
11
|
+
*/
|
|
12
|
+
export declare const packageMetadata: PackageMetadata;
|
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-notification",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-notification",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1773401805,version:"8.0.3-develop.3",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;
|
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.0.3-develop.
|
|
13
|
+
publishDate: 1773401805,
|
|
14
|
+
version: "8.0.3-develop.3",
|
|
15
15
|
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"
|
|
16
16
|
};
|
|
17
17
|
export {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-vue-notification",
|
|
3
|
-
"version": "8.0.3-develop.
|
|
3
|
+
"version": "8.0.3-develop.3",
|
|
4
4
|
"description": "TODO",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
@@ -9,8 +9,14 @@
|
|
|
9
9
|
"types": "./index.d.ts",
|
|
10
10
|
"exports": {
|
|
11
11
|
".": {
|
|
12
|
-
"import":
|
|
13
|
-
|
|
12
|
+
"import": {
|
|
13
|
+
"types": "./index.d.mts",
|
|
14
|
+
"default": "./index.mjs"
|
|
15
|
+
},
|
|
16
|
+
"require": {
|
|
17
|
+
"types": "./index.d.ts",
|
|
18
|
+
"default": "./index.js"
|
|
19
|
+
}
|
|
14
20
|
},
|
|
15
21
|
"./package.json": {
|
|
16
22
|
"default": "./package.json"
|
|
@@ -19,7 +25,7 @@
|
|
|
19
25
|
"sideEffects": false,
|
|
20
26
|
"peerDependencies": {
|
|
21
27
|
"@progress/kendo-licensing": "^1.7.2",
|
|
22
|
-
"@progress/kendo-vue-common": "8.0.3-develop.
|
|
28
|
+
"@progress/kendo-vue-common": "8.0.3-develop.3",
|
|
23
29
|
"vue": "^3.0.2"
|
|
24
30
|
},
|
|
25
31
|
"dependencies": {},
|
|
@@ -39,7 +45,7 @@
|
|
|
39
45
|
"package": {
|
|
40
46
|
"productName": "Kendo UI for Vue",
|
|
41
47
|
"productCode": "KENDOUIVUE",
|
|
42
|
-
"publishDate":
|
|
48
|
+
"publishDate": 1773401805,
|
|
43
49
|
"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"
|
|
44
50
|
}
|
|
45
51
|
},
|