@progress/kendo-vue-notification 7.1.0-develop.6 → 8.0.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.
- package/Notification.js +1 -1
- package/Notification.mjs +7 -8
- package/dist/cdn/js/kendo-vue-notification.js +1 -1
- package/index.d.mts +4 -7
- package/index.d.ts +4 -7
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +3 -3
package/Notification.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 t=require("vue"),a=require("./package-metadata.js"),n=require("@progress/kendo-svg-icons"),o=require("@progress/kendo-vue-common"),
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),a=require("./package-metadata.js"),n=require("@progress/kendo-svg-icons"),o=require("@progress/kendo-vue-common"),r="Close",s=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(){o.validatePackage(a.packageMetadata),this.notificationContentId=o.guid()},computed:{computedTheme(){const{type:e,themeColor:i}=this.$props;return e.style!=="none"?e.style:i},computedSvg(){switch(this.computedTheme){case"success":return{name:"check-outline",icon:n.checkOutlineIcon};case"error":return{name:"x-outline",icon:n.xOutlineIcon};case"info":return{name:"info-circle",icon:n.infoCircleIcon};case"warning":return{name:"exclamation-circle",icon:n.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=o.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(o.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(o.Icon,{name:"x",icon:n.xIcon,title:r,onClick:this.handleClick},null)])])])},methods:{handleClick(e){this.$emit("close",{component:this,event:e})}}});exports.Notification=s;
|
package/Notification.mjs
CHANGED
|
@@ -7,9 +7,9 @@
|
|
|
7
7
|
*/
|
|
8
8
|
import { defineComponent as c, createVNode as e } from "vue";
|
|
9
9
|
import { packageMetadata as a } from "./package-metadata.mjs";
|
|
10
|
-
import { xIcon as s, exclamationCircleIcon as r, infoCircleIcon as l, xOutlineIcon as u, checkOutlineIcon as
|
|
11
|
-
import { getDefaultSlots as
|
|
12
|
-
const h = "Close",
|
|
10
|
+
import { xIcon as s, exclamationCircleIcon as r, infoCircleIcon as l, xOutlineIcon as u, checkOutlineIcon as p } from "@progress/kendo-svg-icons";
|
|
11
|
+
import { getDefaultSlots as d, Icon as i, validatePackage as m, guid as f } from "@progress/kendo-vue-common";
|
|
12
|
+
const h = "Close", b = /* @__PURE__ */ c({
|
|
13
13
|
name: "KendoNotification",
|
|
14
14
|
props: {
|
|
15
15
|
closable: {
|
|
@@ -33,9 +33,8 @@ const h = "Close", C = /* @__PURE__ */ c({
|
|
|
33
33
|
},
|
|
34
34
|
themeColor: {
|
|
35
35
|
type: String,
|
|
36
|
-
default: "base",
|
|
37
36
|
validator: function(t) {
|
|
38
|
-
return [
|
|
37
|
+
return ["base", "error", "info", "success", "warning"].includes(t);
|
|
39
38
|
}
|
|
40
39
|
},
|
|
41
40
|
ariaLabel: {
|
|
@@ -59,7 +58,7 @@ const h = "Close", C = /* @__PURE__ */ c({
|
|
|
59
58
|
case "success":
|
|
60
59
|
return {
|
|
61
60
|
name: "check-outline",
|
|
62
|
-
icon:
|
|
61
|
+
icon: p
|
|
63
62
|
};
|
|
64
63
|
case "error":
|
|
65
64
|
return {
|
|
@@ -92,7 +91,7 @@ const h = "Close", C = /* @__PURE__ */ c({
|
|
|
92
91
|
}
|
|
93
92
|
},
|
|
94
93
|
render() {
|
|
95
|
-
const t =
|
|
94
|
+
const t = d(this), {
|
|
96
95
|
closable: n,
|
|
97
96
|
type: o
|
|
98
97
|
} = this.$props;
|
|
@@ -132,5 +131,5 @@ const h = "Close", C = /* @__PURE__ */ c({
|
|
|
132
131
|
}
|
|
133
132
|
});
|
|
134
133
|
export {
|
|
135
|
-
|
|
134
|
+
b as Notification
|
|
136
135
|
};
|
|
@@ -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,(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:"
|
|
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.0-develop.1",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
|
@@ -36,12 +36,11 @@ default: () => {
|
|
|
36
36
|
style: string;
|
|
37
37
|
icon: boolean;
|
|
38
38
|
};
|
|
39
|
-
validator: (value: any) =>
|
|
39
|
+
validator: (value: any) => boolean;
|
|
40
40
|
};
|
|
41
41
|
themeColor: {
|
|
42
42
|
type: PropType<string>;
|
|
43
|
-
|
|
44
|
-
validator: (value: any) => any;
|
|
43
|
+
validator: (value: string) => boolean;
|
|
45
44
|
};
|
|
46
45
|
ariaLabel: {
|
|
47
46
|
type: PropType<string>;
|
|
@@ -78,12 +77,11 @@ default: () => {
|
|
|
78
77
|
style: string;
|
|
79
78
|
icon: boolean;
|
|
80
79
|
};
|
|
81
|
-
validator: (value: any) =>
|
|
80
|
+
validator: (value: any) => boolean;
|
|
82
81
|
};
|
|
83
82
|
themeColor: {
|
|
84
83
|
type: PropType<string>;
|
|
85
|
-
|
|
86
|
-
validator: (value: any) => any;
|
|
84
|
+
validator: (value: string) => boolean;
|
|
87
85
|
};
|
|
88
86
|
ariaLabel: {
|
|
89
87
|
type: PropType<string>;
|
|
@@ -95,7 +93,6 @@ style?: 'none' | 'success' | 'error' | 'warning' | 'info';
|
|
|
95
93
|
icon?: boolean;
|
|
96
94
|
};
|
|
97
95
|
ariaLabel: string;
|
|
98
|
-
themeColor: string;
|
|
99
96
|
closable: any;
|
|
100
97
|
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
101
98
|
export { Notification_2 as Notification }
|
package/index.d.ts
CHANGED
|
@@ -36,12 +36,11 @@ default: () => {
|
|
|
36
36
|
style: string;
|
|
37
37
|
icon: boolean;
|
|
38
38
|
};
|
|
39
|
-
validator: (value: any) =>
|
|
39
|
+
validator: (value: any) => boolean;
|
|
40
40
|
};
|
|
41
41
|
themeColor: {
|
|
42
42
|
type: PropType<string>;
|
|
43
|
-
|
|
44
|
-
validator: (value: any) => any;
|
|
43
|
+
validator: (value: string) => boolean;
|
|
45
44
|
};
|
|
46
45
|
ariaLabel: {
|
|
47
46
|
type: PropType<string>;
|
|
@@ -78,12 +77,11 @@ default: () => {
|
|
|
78
77
|
style: string;
|
|
79
78
|
icon: boolean;
|
|
80
79
|
};
|
|
81
|
-
validator: (value: any) =>
|
|
80
|
+
validator: (value: any) => boolean;
|
|
82
81
|
};
|
|
83
82
|
themeColor: {
|
|
84
83
|
type: PropType<string>;
|
|
85
|
-
|
|
86
|
-
validator: (value: any) => any;
|
|
84
|
+
validator: (value: string) => boolean;
|
|
87
85
|
};
|
|
88
86
|
ariaLabel: {
|
|
89
87
|
type: PropType<string>;
|
|
@@ -95,7 +93,6 @@ style?: 'none' | 'success' | 'error' | 'warning' | 'info';
|
|
|
95
93
|
icon?: boolean;
|
|
96
94
|
};
|
|
97
95
|
ariaLabel: string;
|
|
98
|
-
themeColor: string;
|
|
99
96
|
closable: any;
|
|
100
97
|
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
101
98
|
export { Notification_2 as Notification }
|
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: 1770361085,version:"8.0.0-develop.1",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: "
|
|
13
|
+
publishDate: 1770361085,
|
|
14
|
+
version: "8.0.0-develop.1",
|
|
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": "
|
|
3
|
+
"version": "8.0.0-develop.1",
|
|
4
4
|
"description": "TODO",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"sideEffects": false,
|
|
20
20
|
"peerDependencies": {
|
|
21
21
|
"@progress/kendo-licensing": "^1.7.2",
|
|
22
|
-
"@progress/kendo-vue-common": "
|
|
22
|
+
"@progress/kendo-vue-common": "8.0.0-develop.1",
|
|
23
23
|
"vue": "^3.0.2"
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {},
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
"package": {
|
|
40
40
|
"productName": "Kendo UI for Vue",
|
|
41
41
|
"productCode": "KENDOUIVUE",
|
|
42
|
-
"publishDate":
|
|
42
|
+
"publishDate": 1770361085,
|
|
43
43
|
"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
44
|
}
|
|
45
45
|
},
|