@progress/kendo-vue-dialogs 3.8.4 → 3.8.5

package/dist/es/Dialog.js

@@ -47,6 +47,7 @@ var DialogVue2 = {
   created: function created() {
     validatePackage(packageMetadata);
     this.titleId = this.generateTitleId();
+    this.contentId = this.generateContentId();
   },
   // @ts-ignore
   setup: !isV3 ? undefined : function () {
@@ -111,6 +112,9 @@ var DialogVue2 = {
     generateTitleId: function generateTitleId() {
       return 'dialog-title' + guid();
     },
+    generateContentId: function generateContentId() {
+      return 'dialog-content' + guid();
+    },
     handleClick: function handleClick(e) {
       this.$emit('overlayclick', e);
     }
@@ -165,8 +169,12 @@ var DialogVue2 = {
       "aria-labelledby": title || titleRender ? id : undefined,
       attrs: this.v3 ? undefined : {
         "aria-labelledby": title || titleRender ? id : undefined,
+        "aria-describedby": this.contentId,
+        "aria-modal": true,
         role: "dialog"
       },
+      "aria-describedby": this.contentId,
+      "aria-modal": true,
       "class": this.dialogElementClass,
       role: "dialog",
       style: {
@@ -193,7 +201,11 @@ var DialogVue2 = {
       titleRender: titleRender
     }), h("div", {
       "class": "k-window-content k-dialog-content",
-      style: contentStyle
+      style: contentStyle,
+      id: this.contentId,
+      attrs: this.v3 ? undefined : {
+        id: this.contentId
+      }
     }, [content]), actions])]);
     return this.$props.appendTo ? h("div", [dialog]) : dialog;
   }

package/dist/es/Window.js

@@ -128,6 +128,7 @@ var WindowVue2 = {
       widthBeforeAction: this.getInitialWidth(),
       heightBeforeAction: this.getInitialHeight()
     };
+    this.titleId = this.generateTitleId();
   },
   beforeDestroy: !!isV3 ? undefined : function () {
     if (this.$props.appendTo) {
@@ -147,8 +148,7 @@ var WindowVue2 = {
       currentLeft: this.getInitialLeft(),
       currentWidth: this.getInitialWidth(),
       currentHeight: this.getInitialHeight(),
-      _id: guid(),
-      titleId: this.generateTitleId()
+      titleId: undefined
     };
   },
   mounted: function mounted() {
@@ -380,9 +380,6 @@ var WindowVue2 = {
       }
       return height;
     },
-    generateTitleId: function generateTitleId() {
-      return 'window-title-' + this._id;
-    },
     handleMinimize: function handleMinimize(event) {
       event.preventDefault();
       this.windowCoordinatesState.leftBeforeAction = this.computedLeft;
@@ -494,6 +491,9 @@ var WindowVue2 = {
         return child && child.tag && child.tag.toLowerCase().indexOf('dialogactionsbar') !== -1 || child.componentOptions && child.componentOptions.tag && child.componentOptions.tag.toLowerCase().indexOf('actions-bar') !== -1 || child.type && child.type.name && child.type.name.toLowerCase().indexOf('dialogactionsbar') !== -1;
       });
       return actionBarIndex;
+    },
+    generateTitleId: function generateTitleId() {
+      return 'window-title-' + guid();
     }
   },
   // @ts-ignore
@@ -527,6 +527,7 @@ var WindowVue2 = {
       attrs: this.v3 ? undefined : {
         tabindex: 0,
         role: 'dialog',
+        "aria-modal": this.$props.modal ? true : undefined,
         "aria-labelledby": this.titleId
       },
       onFocus: function onFocus(e) {
@@ -548,6 +549,7 @@ var WindowVue2 = {
       ref: 'windowElement',
       "class": this.windowElementClass,
       role: 'dialog',
+      "aria-modal": this.$props.modal ? true : undefined,
       "aria-labelledby": this.titleId,
       style: __assign({
         top: this.computedTop + 'px',

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-dialogs',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1677570574,
+    publishDate: 1678367538,
     version: '',
     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'
 };

package/dist/esm/Dialog.js

@@ -47,6 +47,7 @@ var DialogVue2 = {
   created: function created() {
     validatePackage(packageMetadata);
     this.titleId = this.generateTitleId();
+    this.contentId = this.generateContentId();
   },
   // @ts-ignore
   setup: !isV3 ? undefined : function () {
@@ -111,6 +112,9 @@ var DialogVue2 = {
     generateTitleId: function generateTitleId() {
       return 'dialog-title' + guid();
     },
+    generateContentId: function generateContentId() {
+      return 'dialog-content' + guid();
+    },
     handleClick: function handleClick(e) {
       this.$emit('overlayclick', e);
     }
@@ -165,8 +169,12 @@ var DialogVue2 = {
       "aria-labelledby": title || titleRender ? id : undefined,
       attrs: this.v3 ? undefined : {
         "aria-labelledby": title || titleRender ? id : undefined,
+        "aria-describedby": this.contentId,
+        "aria-modal": true,
         role: "dialog"
       },
+      "aria-describedby": this.contentId,
+      "aria-modal": true,
       "class": this.dialogElementClass,
       role: "dialog",
       style: {
@@ -193,7 +201,11 @@ var DialogVue2 = {
       titleRender: titleRender
     }), h("div", {
       "class": "k-window-content k-dialog-content",
-      style: contentStyle
+      style: contentStyle,
+      id: this.contentId,
+      attrs: this.v3 ? undefined : {
+        id: this.contentId
+      }
     }, [content]), actions])]);
     return this.$props.appendTo ? h("div", [dialog]) : dialog;
   }

package/dist/esm/Window.js

@@ -128,6 +128,7 @@ var WindowVue2 = {
       widthBeforeAction: this.getInitialWidth(),
       heightBeforeAction: this.getInitialHeight()
     };
+    this.titleId = this.generateTitleId();
   },
   beforeDestroy: !!isV3 ? undefined : function () {
     if (this.$props.appendTo) {
@@ -147,8 +148,7 @@ var WindowVue2 = {
       currentLeft: this.getInitialLeft(),
       currentWidth: this.getInitialWidth(),
       currentHeight: this.getInitialHeight(),
-      _id: guid(),
-      titleId: this.generateTitleId()
+      titleId: undefined
     };
   },
   mounted: function mounted() {
@@ -380,9 +380,6 @@ var WindowVue2 = {
       }
       return height;
     },
-    generateTitleId: function generateTitleId() {
-      return 'window-title-' + this._id;
-    },
     handleMinimize: function handleMinimize(event) {
       event.preventDefault();
       this.windowCoordinatesState.leftBeforeAction = this.computedLeft;
@@ -494,6 +491,9 @@ var WindowVue2 = {
         return child && child.tag && child.tag.toLowerCase().indexOf('dialogactionsbar') !== -1 || child.componentOptions && child.componentOptions.tag && child.componentOptions.tag.toLowerCase().indexOf('actions-bar') !== -1 || child.type && child.type.name && child.type.name.toLowerCase().indexOf('dialogactionsbar') !== -1;
       });
       return actionBarIndex;
+    },
+    generateTitleId: function generateTitleId() {
+      return 'window-title-' + guid();
     }
   },
   // @ts-ignore
@@ -527,6 +527,7 @@ var WindowVue2 = {
       attrs: this.v3 ? undefined : {
         tabindex: 0,
         role: 'dialog',
+        "aria-modal": this.$props.modal ? true : undefined,
         "aria-labelledby": this.titleId
       },
       onFocus: function onFocus(e) {
@@ -548,6 +549,7 @@ var WindowVue2 = {
       ref: 'windowElement',
       "class": this.windowElementClass,
       role: 'dialog',
+      "aria-modal": this.$props.modal ? true : undefined,
       "aria-labelledby": this.titleId,
       style: __assign({
         top: this.computedTop + 'px',

package/dist/esm/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-dialogs',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1677570574,
+    publishDate: 1678367538,
     version: '',
     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'
 };

package/dist/npm/Dialog.js

@@ -53,6 +53,7 @@ var DialogVue2 = {
   created: function created() {
     (0, kendo_vue_common_1.validatePackage)(package_metadata_1.packageMetadata);
     this.titleId = this.generateTitleId();
+    this.contentId = this.generateContentId();
   },
   // @ts-ignore
   setup: !isV3 ? undefined : function () {
@@ -117,6 +118,9 @@ var DialogVue2 = {
     generateTitleId: function generateTitleId() {
       return 'dialog-title' + (0, kendo_vue_common_1.guid)();
     },
+    generateContentId: function generateContentId() {
+      return 'dialog-content' + (0, kendo_vue_common_1.guid)();
+    },
     handleClick: function handleClick(e) {
       this.$emit('overlayclick', e);
     }
@@ -171,8 +175,12 @@ var DialogVue2 = {
       "aria-labelledby": title || titleRender ? id : undefined,
       attrs: this.v3 ? undefined : {
         "aria-labelledby": title || titleRender ? id : undefined,
+        "aria-describedby": this.contentId,
+        "aria-modal": true,
         role: "dialog"
       },
+      "aria-describedby": this.contentId,
+      "aria-modal": true,
       "class": this.dialogElementClass,
       role: "dialog",
       style: {
@@ -199,7 +207,11 @@ var DialogVue2 = {
       titleRender: titleRender
     }), h("div", {
       "class": "k-window-content k-dialog-content",
-      style: contentStyle
+      style: contentStyle,
+      id: this.contentId,
+      attrs: this.v3 ? undefined : {
+        id: this.contentId
+      }
     }, [content]), actions])]);
     return this.$props.appendTo ? h("div", [dialog]) : dialog;
   }

package/dist/npm/Window.js

@@ -134,6 +134,7 @@ var WindowVue2 = {
       widthBeforeAction: this.getInitialWidth(),
       heightBeforeAction: this.getInitialHeight()
     };
+    this.titleId = this.generateTitleId();
   },
   beforeDestroy: !!isV3 ? undefined : function () {
     if (this.$props.appendTo) {
@@ -153,8 +154,7 @@ var WindowVue2 = {
       currentLeft: this.getInitialLeft(),
       currentWidth: this.getInitialWidth(),
       currentHeight: this.getInitialHeight(),
-      _id: (0, kendo_vue_common_1.guid)(),
-      titleId: this.generateTitleId()
+      titleId: undefined
     };
   },
   mounted: function mounted() {
@@ -386,9 +386,6 @@ var WindowVue2 = {
       }
       return height;
     },
-    generateTitleId: function generateTitleId() {
-      return 'window-title-' + this._id;
-    },
     handleMinimize: function handleMinimize(event) {
       event.preventDefault();
       this.windowCoordinatesState.leftBeforeAction = this.computedLeft;
@@ -500,6 +497,9 @@ var WindowVue2 = {
         return child && child.tag && child.tag.toLowerCase().indexOf('dialogactionsbar') !== -1 || child.componentOptions && child.componentOptions.tag && child.componentOptions.tag.toLowerCase().indexOf('actions-bar') !== -1 || child.type && child.type.name && child.type.name.toLowerCase().indexOf('dialogactionsbar') !== -1;
       });
       return actionBarIndex;
+    },
+    generateTitleId: function generateTitleId() {
+      return 'window-title-' + (0, kendo_vue_common_1.guid)();
     }
   },
   // @ts-ignore
@@ -533,6 +533,7 @@ var WindowVue2 = {
       attrs: this.v3 ? undefined : {
         tabindex: 0,
         role: 'dialog',
+        "aria-modal": this.$props.modal ? true : undefined,
         "aria-labelledby": this.titleId
       },
       onFocus: function onFocus(e) {
@@ -554,6 +555,7 @@ var WindowVue2 = {
       ref: 'windowElement',
       "class": this.windowElementClass,
       role: 'dialog',
+      "aria-modal": this.$props.modal ? true : undefined,
       "aria-labelledby": this.titleId,
       style: __assign({
         top: this.computedTop + 'px',

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-dialogs',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1677570574,
+    publishDate: 1678367538,
     version: '',
     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'
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-dialogs",
   "description": "Kendo UI for Vue Dialogs package",
-  "version": "3.8.4",
+  "version": "3.8.5",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -44,13 +44,13 @@
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-buttons": "3.8.4",
-    "@progress/kendo-vue-common": "3.8.4"
+    "@progress/kendo-vue-buttons": "3.8.5",
+    "@progress/kendo-vue-common": "3.8.5"
   },
   "devDependencies": {
     "@progress/kendo-licensing": "^1.3.0",
     "@progress/kendo-svg-icons": "^1.0.0",
-    "@progress/kendo-vue-intl": "3.8.4"
+    "@progress/kendo-vue-intl": "3.8.5"
   },
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",