@progress/kendo-vue-notification 8.4.0-develop.3 → 8.4.0-develop.5

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 (7) hide show
  1. package/Notification.d.ts +5 -5
  2. package/Notification.js +1 -1
  3. package/Notification.mjs +34 -33
  4. package/dist/cdn/js/kendo-vue-notification.js +1 -1
  5. package/package-metadata.js +1 -1
  6. package/package-metadata.mjs +2 -2
  7. package/package.json +3 -3
package/Notification.d.ts CHANGED
@@ -44,11 +44,11 @@ export interface NotificationProps {
44
44
  * ([see example]({% slug types_notification %})).
45
45
  *
46
46
  * The possible values are:
47
- * * `style: 'none'|'success'|'error'|'warning'|'info'`. Defaults to `none`.
47
+ * * `style: 'none'|'base'|'primary'|'secondary'|'tertiary'|'success'|'error'|'warning'|'info'|'inverse'`. Defaults to `none`.
48
48
  * * `icon?: 'true'|'false'`. Defaults to `true`.
49
49
  */
50
50
  type?: {
51
- style?: 'none' | 'success' | 'error' | 'warning' | 'info';
51
+ style?: 'none' | 'base' | 'primary' | 'secondary' | 'tertiary' | 'success' | 'error' | 'warning' | 'info' | 'inverse';
52
52
  icon?: boolean;
53
53
  };
54
54
  /**
@@ -80,7 +80,7 @@ declare const Notification: import('vue').DefineComponent<import('vue').ExtractP
80
80
  dir: PropType<string>;
81
81
  type: {
82
82
  type: PropType<{
83
- style?: 'none' | 'success' | 'error' | 'warning' | 'info';
83
+ style?: 'none' | 'base' | 'primary' | 'secondary' | 'tertiary' | 'success' | 'error' | 'warning' | 'info' | 'inverse';
84
84
  icon?: boolean;
85
85
  }>;
86
86
  default: () => {
@@ -121,7 +121,7 @@ declare const Notification: import('vue').DefineComponent<import('vue').ExtractP
121
121
  dir: PropType<string>;
122
122
  type: {
123
123
  type: PropType<{
124
- style?: 'none' | 'success' | 'error' | 'warning' | 'info';
124
+ style?: 'none' | 'base' | 'primary' | 'secondary' | 'tertiary' | 'success' | 'error' | 'warning' | 'info' | 'inverse';
125
125
  icon?: boolean;
126
126
  }>;
127
127
  default: () => {
@@ -140,7 +140,7 @@ declare const Notification: import('vue').DefineComponent<import('vue').ExtractP
140
140
  };
141
141
  }>> & Readonly<{}>, {
142
142
  type: {
143
- style?: 'none' | 'success' | 'error' | 'warning' | 'info';
143
+ style?: 'none' | 'base' | 'primary' | 'secondary' | 'tertiary' | 'success' | 'error' | 'warning' | 'info' | 'inverse';
144
144
  icon?: boolean;
145
145
  };
146
146
  ariaLabel: string;
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"),s="Close",r=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:"status",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"},[t.createVNode(o.Icon,{name:"x",icon:n.xIcon,title:s,onClick:this.handleClick},null)])])])},methods:{handleClick(e){this.$emit("close",{component:this,event:e})}}});exports.Notification=r;
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","base","primary","secondary","tertiary","success","error","warning","info","inverse"].includes(e.style)}},themeColor:{type:String,validator:function(e){return["base","primary","secondary","tertiary","error","info","success","warning","inverse"].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",icon:n.checkIcon};case"error":return{name:"x",icon:n.xIcon};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
@@ -5,11 +5,11 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- import { defineComponent as c, createVNode as e } from "vue";
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 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({
8
+ import { defineComponent as c, createVNode as t } from "vue";
9
+ import { packageMetadata as r } from "./package-metadata.mjs";
10
+ import { xIcon as i, exclamationCircleIcon as s, infoCircleIcon as l, checkIcon as p } from "@progress/kendo-svg-icons";
11
+ import { getDefaultSlots as u, Icon as o, validatePackage as d, guid as m } from "@progress/kendo-vue-common";
12
+ const f = "Close", g = /* @__PURE__ */ c({
13
13
  name: "KendoNotification",
14
14
  props: {
15
15
  closable: {
@@ -27,14 +27,14 @@ const h = "Close", b = /* @__PURE__ */ c({
27
27
  icon: !0
28
28
  };
29
29
  },
30
- validator: function(t) {
31
- return ["none", "success", "error", "warning", "info"].includes(t.style);
30
+ validator: function(e) {
31
+ return ["none", "base", "primary", "secondary", "tertiary", "success", "error", "warning", "info", "inverse"].includes(e.style);
32
32
  }
33
33
  },
34
34
  themeColor: {
35
35
  type: String,
36
- validator: function(t) {
37
- return ["base", "error", "info", "success", "warning"].includes(t);
36
+ validator: function(e) {
37
+ return ["base", "primary", "secondary", "tertiary", "error", "info", "success", "warning", "inverse"].includes(e);
38
38
  }
39
39
  },
40
40
  ariaLabel: {
@@ -43,27 +43,27 @@ const h = "Close", b = /* @__PURE__ */ c({
43
43
  }
44
44
  },
45
45
  created() {
46
- m(a), this.notificationContentId = f();
46
+ d(r), this.notificationContentId = m();
47
47
  },
48
48
  computed: {
49
49
  computedTheme() {
50
50
  const {
51
- type: t,
51
+ type: e,
52
52
  themeColor: n
53
53
  } = this.$props;
54
- return t.style !== "none" ? t.style : n;
54
+ return e.style !== "none" ? e.style : n;
55
55
  },
56
56
  computedSvg() {
57
57
  switch (this.computedTheme) {
58
58
  case "success":
59
59
  return {
60
- name: "check-outline",
60
+ name: "check",
61
61
  icon: p
62
62
  };
63
63
  case "error":
64
64
  return {
65
- name: "x-outline",
66
- icon: u
65
+ name: "x",
66
+ icon: i
67
67
  };
68
68
  case "info":
69
69
  return {
@@ -73,7 +73,7 @@ const h = "Close", b = /* @__PURE__ */ c({
73
73
  case "warning":
74
74
  return {
75
75
  name: "exclamation-circle",
76
- icon: r
76
+ icon: s
77
77
  };
78
78
  default:
79
79
  return {};
@@ -81,54 +81,55 @@ const h = "Close", b = /* @__PURE__ */ c({
81
81
  },
82
82
  wrapperClass() {
83
83
  const {
84
- closable: t
84
+ closable: e
85
85
  } = this.$props;
86
86
  return {
87
87
  "k-notification": !0,
88
88
  [`k-notification-${this.computedTheme}`]: this.computedTheme,
89
- "k-notification-closable": t
89
+ "k-notification-closable": e
90
90
  };
91
91
  }
92
92
  },
93
93
  render() {
94
- const t = d(this), {
94
+ const e = u(this), {
95
95
  closable: n,
96
- type: o
96
+ type: a
97
97
  } = this.$props;
98
- return e("div", {
99
- role: "status",
98
+ return t("div", {
99
+ role: "alert",
100
100
  class: this.wrapperClass,
101
101
  style: this.$props.style,
102
102
  "aria-live": "polite",
103
103
  "aria-label": this.$props.ariaLabel,
104
104
  "aria-describedby": this.notificationContentId
105
- }, [o.icon && this.computedSvg.name && e(i, {
105
+ }, [a.icon && this.computedSvg.name && t(o, {
106
106
  name: this.computedSvg.name,
107
107
  icon: this.computedSvg.icon,
108
108
  class: "k-notification-status"
109
- }, null), e("div", {
109
+ }, null), t("div", {
110
110
  class: "k-notification-content",
111
111
  id: this.notificationContentId
112
- }, [t]), n && e("span", {
112
+ }, [e]), n && t("span", {
113
113
  class: "k-notification-actions"
114
- }, [e("span", {
115
- class: "k-notification-action k-notification-close-action"
116
- }, [e(i, {
114
+ }, [t("span", {
115
+ class: "k-notification-action k-notification-close-action",
116
+ "aria-hidden": !0
117
+ }, [t(o, {
117
118
  name: "x",
118
- icon: s,
119
- title: h,
119
+ icon: i,
120
+ title: f,
120
121
  onClick: this.handleClick
121
122
  }, null)])])]);
122
123
  },
123
124
  methods: {
124
- handleClick(t) {
125
+ handleClick(e) {
125
126
  this.$emit("close", {
126
127
  component: this,
127
- event: t
128
+ event: e
128
129
  });
129
130
  }
130
131
  }
131
132
  });
132
133
  export {
133
- b as Notification
134
+ g as Notification
134
135
  };
package/dist/cdn/js/kendo-vue-notification.js CHANGED
@@ -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:"8.4.0-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:"status",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"},[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});
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.4.0-develop.5",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","base","primary","secondary","tertiary","success","error","warning","info","inverse"].includes(e.style)}},themeColor:{type:String,validator:function(e){return["base","primary","secondary","tertiary","error","info","success","warning","inverse"].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",icon:o.checkIcon};case"error":return{name:"x",icon:o.xIcon};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/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: 1779097755,version:"8.4.0-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;
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: 1779202363,version:"8.4.0-develop.5",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: 1779097755,
14
- version: "8.4.0-develop.3",
13
+ publishDate: 1779202363,
14
+ version: "8.4.0-develop.5",
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.4.0-develop.3",
3
+ "version": "8.4.0-develop.5",
4
4
  "description": "TODO",
5
5
  "author": "Progress",
6
6
  "license": "SEE LICENSE IN LICENSE.md",
@@ -25,7 +25,7 @@
25
25
  "sideEffects": false,
26
26
  "peerDependencies": {
27
27
  "@progress/kendo-licensing": "^1.7.2",
28
- "@progress/kendo-vue-common": "8.4.0-develop.3",
28
+ "@progress/kendo-vue-common": "8.4.0-develop.5",
29
29
  "vue": "^3.0.2"
30
30
  },
31
31
  "dependencies": {},
@@ -45,7 +45,7 @@
45
45
  "package": {
46
46
  "productName": "Kendo UI for Vue",
47
47
  "productCode": "KENDOUIVUE",
48
- "publishDate": 1779097755,
48
+ "publishDate": 1779202363,
49
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"
50
50
  }
51
51
  },