@progress/kendo-vue-notification 8.4.0-develop.2 → 8.4.0-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.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"),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;
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;
package/Notification.mjs CHANGED
@@ -96,7 +96,7 @@ const h = "Close", b = /* @__PURE__ */ c({
96
96
  type: o
97
97
  } = this.$props;
98
98
  return e("div", {
99
- role: "alert",
99
+ role: "status",
100
100
  class: this.wrapperClass,
101
101
  style: this.$props.style,
102
102
  "aria-live": "polite",
@@ -112,8 +112,7 @@ const h = "Close", b = /* @__PURE__ */ c({
112
112
  }, [t]), n && e("span", {
113
113
  class: "k-notification-actions"
114
114
  }, [e("span", {
115
- class: "k-notification-action k-notification-close-action",
116
- "aria-hidden": !0
115
+ class: "k-notification-action k-notification-close-action"
117
116
  }, [e(i, {
118
117
  name: "x",
119
118
  icon: s,
@@ -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.2",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});
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});
@@ -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: 1778759664,version:"8.4.0-develop.2",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: 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;
@@ -10,8 +10,8 @@ const e = {
10
10
  productName: "Kendo UI for Vue",
11
11
  productCode: "KENDOUIVUE",
12
12
  productCodes: ["KENDOUIVUE"],
13
- publishDate: 1778759664,
14
- version: "8.4.0-develop.2",
13
+ publishDate: 1779097755,
14
+ version: "8.4.0-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.4.0-develop.2",
3
+ "version": "8.4.0-develop.3",
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.2",
28
+ "@progress/kendo-vue-common": "8.4.0-develop.3",
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": 1778759664,
48
+ "publishDate": 1779097755,
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
  },