@formio/js 5.3.1 → 5.3.2

package/dist/formio.utils.min.js.LICENSE.txt

@@ -18,11 +18,9 @@
  * MIT licensed
  */
 
-/*! @license DOMPurify 3.2.4 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.4/LICENSE */
+/*! @license DOMPurify 3.3.3 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.3.3/LICENSE */
 
-/*! @license DOMPurify 3.2.6 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.6/LICENSE */
-
-/*! formiojs v5.3.1 | https://unpkg.com/formiojs@5.3.1/LICENSE.txt */
+/*! formiojs v5.3.2 | https://unpkg.com/formiojs@5.3.2/LICENSE.txt */
 
 /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
 

package/lib/cjs/Embed.js

@@ -154,6 +154,34 @@ class Formio {
             if (successMessage && successMessage.toLowerCase() !== 'false' && instance.element) {
                 instance.element.innerHTML = `<div class="alert-success" role="alert">${successMessage}</div>`;
             }
+            const announcementMessage = successMessage && successMessage.toLowerCase() !== 'false'
+                ? successMessage
+                : 'Form submission complete';
+            let liveRegion = document.getElementById('formio-announcements');
+            if (!liveRegion) {
+                liveRegion = _a.createElement('div', {
+                    id: 'formio-announcements',
+                    'role': 'status',
+                    'aria-live': 'polite',
+                    'aria-atomic': 'true',
+                    style: 'position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0);'
+                });
+                document.body.appendChild(liveRegion);
+            }
+            // Announce the submission completion using VPAT clear-and-reset technique
+            liveRegion.textContent = '';
+            liveRegion.setAttribute('aria-live', 'off');
+            requestAnimationFrame(() => {
+                setTimeout(() => {
+                    liveRegion.setAttribute('aria-live', 'polite');
+                    liveRegion.textContent = announcementMessage;
+                    setTimeout(() => {
+                        if (liveRegion) {
+                            liveRegion.textContent = '';
+                        }
+                    }, 1000);
+                }, 100);
+            });
             let returnUrl = _a.config.redirect;
             // Allow form based configuration for return url.
             if (!returnUrl &&
@@ -453,7 +481,7 @@ Formio.formioReady = new Promise((ready, reject) => {
     _a._formioReady = ready;
     _a._formioReadyReject = reject;
 });
-Formio.version = '5.3.1';
+Formio.version = '5.3.2';
 // Create a report.
 Formio.Report = {
     create: (element, submission, options = {}) => __awaiter(void 0, void 0, void 0, function* () {

package/lib/cjs/Formio.js

@@ -11,7 +11,7 @@ const CDN_1 = __importDefault(require("./CDN"));
 const providers_1 = __importDefault(require("./providers"));
 sdk_1.Formio.cdn = new CDN_1.default();
 sdk_1.Formio.Providers = providers_1.default;
-sdk_1.Formio.version = '5.3.1';
+sdk_1.Formio.version = '5.3.2';
 CDN_1.default.defaultCDN = sdk_1.Formio.version.includes('rc')
     ? 'https://cdn.test-form.io'
     : 'https://cdn.form.io';

package/lib/cjs/Webform.js

@@ -1130,6 +1130,32 @@ class Webform extends NestedDataComponent_1.default {
         if (this.draftEnabled && ((_a = this.triggerSaveDraft) === null || _a === void 0 ? void 0 : _a.cancel)) {
             this.triggerSaveDraft.cancel();
         }
+        if (typeof document !== 'undefined' && document.body) {
+            const announcementMessage = this.t ? this.t('complete') : 'Form submission complete';
+            // Get or create ARIA live region for announcements
+            let liveRegion = document.getElementById('formio-announcements');
+            if (!liveRegion) {
+                liveRegion = document.createElement('div');
+                liveRegion.id = 'formio-announcements';
+                liveRegion.setAttribute('role', 'status');
+                liveRegion.setAttribute('aria-live', 'polite');
+                liveRegion.setAttribute('aria-atomic', 'true');
+                liveRegion.style.cssText = 'position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0);';
+                document.body.appendChild(liveRegion);
+            }
+            // Announce the submission completion using VPAT clear-and-reset technique
+            liveRegion.textContent = '';
+            liveRegion.setAttribute('aria-live', 'off');
+            requestAnimationFrame(() => {
+                setTimeout(() => {
+                    liveRegion.setAttribute('aria-live', 'polite');
+                    liveRegion.textContent = announcementMessage;
+                    setTimeout(() => {
+                        liveRegion.textContent = '';
+                    }, 1000);
+                }, 100);
+            });
+        }
         this.emit('submit', submission, saved);
         if (saved) {
             this.emit('submitDone', submission);

package/lib/cjs/components/datetime/editForm/DateTime.edit.date.d.ts

@@ -5,8 +5,10 @@ declare const _default: ({
     label: string;
     weight: number;
     tooltip: string;
+    validate: {
+        custom: string;
+    };
     placeholder?: undefined;
-    validate?: undefined;
     title?: undefined;
     collapsible?: undefined;
     collapsed?: undefined;
@@ -57,7 +59,22 @@ declare const _default: ({
     label?: undefined;
     weight?: undefined;
     tooltip?: undefined;
+    validate?: undefined;
     placeholder?: undefined;
+} | {
+    type: string;
+    input: boolean;
+    key: string;
+    label: string;
+    tooltip: string;
+    weight: number;
     validate?: undefined;
+    placeholder?: undefined;
+    title?: undefined;
+    collapsible?: undefined;
+    collapsed?: undefined;
+    style?: undefined;
+    customConditional?: undefined;
+    components?: undefined;
 })[];
 export default _default;

package/lib/cjs/components/datetime/editForm/DateTime.edit.date.js

@@ -13,6 +13,9 @@ exports.default = [
         label: 'Enable Date Input',
         weight: 0,
         tooltip: 'Enables date input for this field.',
+        validate: {
+            custom: "valid = !data.enableTime && !input ? 'Cannot disable both Date and Time inputs at the same time' : true",
+        },
     },
     {
         type: 'tags',

package/lib/cjs/components/datetime/editForm/DateTime.edit.time.d.ts

@@ -1,9 +1,20 @@
-declare const _default: {
+declare const _default: ({
     type: string;
     input: boolean;
     key: string;
     label: string;
     tooltip: string;
     weight: number;
-}[];
+    validate: {
+        custom: string;
+    };
+} | {
+    type: string;
+    input: boolean;
+    key: string;
+    label: string;
+    tooltip: string;
+    weight: number;
+    validate?: undefined;
+})[];
 export default _default;

package/lib/cjs/components/datetime/editForm/DateTime.edit.time.js

@@ -8,6 +8,9 @@ exports.default = [
         label: 'Enable Time Input',
         tooltip: 'Enables time input for this field.',
         weight: 0,
+        validate: {
+            custom: "valid = !data.enableDate && !input ? 'Cannot disable both Date and Time inputs at the same time' : true",
+        },
     },
     {
         type: 'number',

package/lib/cjs/package.json

@@ -1,4 +1,4 @@
 {
     "type": "commonjs",
-    "version": "5.3.1"
+    "version": "5.3.2"
 }

package/lib/mjs/Embed.js

@@ -14,7 +14,7 @@ export class Formio {
         Formio._formioReady = ready;
         Formio._formioReadyReject = reject;
     });
-    static version = '5.3.1';
+    static version = '5.3.2';
     static setLicense(license, norecurse = false) {
         Formio.license = license;
         if (!norecurse && Formio.FormioClass) {
@@ -148,6 +148,34 @@ export class Formio {
         if (successMessage && successMessage.toLowerCase() !== 'false' && instance.element) {
             instance.element.innerHTML = `<div class="alert-success" role="alert">${successMessage}</div>`;
         }
+        const announcementMessage = successMessage && successMessage.toLowerCase() !== 'false'
+            ? successMessage
+            : 'Form submission complete';
+        let liveRegion = document.getElementById('formio-announcements');
+        if (!liveRegion) {
+            liveRegion = Formio.createElement('div', {
+                id: 'formio-announcements',
+                'role': 'status',
+                'aria-live': 'polite',
+                'aria-atomic': 'true',
+                style: 'position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0);'
+            });
+            document.body.appendChild(liveRegion);
+        }
+        // Announce the submission completion using VPAT clear-and-reset technique
+        liveRegion.textContent = '';
+        liveRegion.setAttribute('aria-live', 'off');
+        requestAnimationFrame(() => {
+            setTimeout(() => {
+                liveRegion.setAttribute('aria-live', 'polite');
+                liveRegion.textContent = announcementMessage;
+                setTimeout(() => {
+                    if (liveRegion) {
+                        liveRegion.textContent = '';
+                    }
+                }, 1000);
+            }, 100);
+        });
         let returnUrl = Formio.config.redirect;
         // Allow form based configuration for return url.
         if (!returnUrl &&

package/lib/mjs/Formio.js

@@ -4,7 +4,7 @@ import CDN from './CDN';
 import Providers from './providers';
 FormioCore.cdn = new CDN();
 FormioCore.Providers = Providers;
-FormioCore.version = '5.3.1';
+FormioCore.version = '5.3.2';
 CDN.defaultCDN = FormioCore.version.includes('rc')
     ? 'https://cdn.test-form.io'
     : 'https://cdn.form.io';

package/lib/mjs/Webform.js

@@ -1120,6 +1120,32 @@ export default class Webform extends NestedDataComponent {
         if (this.draftEnabled && this.triggerSaveDraft?.cancel) {
             this.triggerSaveDraft.cancel();
         }
+        if (typeof document !== 'undefined' && document.body) {
+            const announcementMessage = this.t ? this.t('complete') : 'Form submission complete';
+            // Get or create ARIA live region for announcements
+            let liveRegion = document.getElementById('formio-announcements');
+            if (!liveRegion) {
+                liveRegion = document.createElement('div');
+                liveRegion.id = 'formio-announcements';
+                liveRegion.setAttribute('role', 'status');
+                liveRegion.setAttribute('aria-live', 'polite');
+                liveRegion.setAttribute('aria-atomic', 'true');
+                liveRegion.style.cssText = 'position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0);';
+                document.body.appendChild(liveRegion);
+            }
+            // Announce the submission completion using VPAT clear-and-reset technique
+            liveRegion.textContent = '';
+            liveRegion.setAttribute('aria-live', 'off');
+            requestAnimationFrame(() => {
+                setTimeout(() => {
+                    liveRegion.setAttribute('aria-live', 'polite');
+                    liveRegion.textContent = announcementMessage;
+                    setTimeout(() => {
+                        liveRegion.textContent = '';
+                    }, 1000);
+                }, 100);
+            });
+        }
         this.emit('submit', submission, saved);
         if (saved) {
             this.emit('submitDone', submission);

package/lib/mjs/components/datetime/editForm/DateTime.edit.date.d.ts

@@ -5,8 +5,10 @@ declare const _default: ({
     label: string;
     weight: number;
     tooltip: string;
+    validate: {
+        custom: string;
+    };
     placeholder?: undefined;
-    validate?: undefined;
     title?: undefined;
     collapsible?: undefined;
     collapsed?: undefined;
@@ -57,7 +59,22 @@ declare const _default: ({
     label?: undefined;
     weight?: undefined;
     tooltip?: undefined;
+    validate?: undefined;
     placeholder?: undefined;
+} | {
+    type: string;
+    input: boolean;
+    key: string;
+    label: string;
+    tooltip: string;
+    weight: number;
     validate?: undefined;
+    placeholder?: undefined;
+    title?: undefined;
+    collapsible?: undefined;
+    collapsed?: undefined;
+    style?: undefined;
+    customConditional?: undefined;
+    components?: undefined;
 })[];
 export default _default;

package/lib/mjs/components/datetime/editForm/DateTime.edit.date.js

@@ -8,6 +8,9 @@ export default [
         label: 'Enable Date Input',
         weight: 0,
         tooltip: 'Enables date input for this field.',
+        validate: {
+            custom: "valid = !data.enableTime && !input ? 'Cannot disable both Date and Time inputs at the same time' : true",
+        },
     },
     {
         type: 'tags',

package/lib/mjs/components/datetime/editForm/DateTime.edit.time.d.ts

@@ -1,9 +1,20 @@
-declare const _default: {
+declare const _default: ({
     type: string;
     input: boolean;
     key: string;
     label: string;
     tooltip: string;
     weight: number;
-}[];
+    validate: {
+        custom: string;
+    };
+} | {
+    type: string;
+    input: boolean;
+    key: string;
+    label: string;
+    tooltip: string;
+    weight: number;
+    validate?: undefined;
+})[];
 export default _default;

package/lib/mjs/components/datetime/editForm/DateTime.edit.time.js

@@ -6,6 +6,9 @@ export default [
         label: 'Enable Time Input',
         tooltip: 'Enables time input for this field.',
         weight: 0,
+        validate: {
+            custom: "valid = !data.enableDate && !input ? 'Cannot disable both Date and Time inputs at the same time' : true",
+        },
     },
     {
         type: 'number',

package/lib/mjs/package.json

@@ -1,5 +1,5 @@
 {
     "type": "module",
-    "version": "5.3.1"
+    "version": "5.3.2"
     
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@formio/js",
-  "version": "5.3.1",
+  "version": "5.3.2",
   "description": "JavaScript powered Forms with JSON Form Builder",
   "main": "lib/cjs/index.js",
   "exports": {
@@ -67,7 +67,7 @@
     "core-js": "^3.37.1",
     "dialog-polyfill": "^0.5.6",
     "dom-autoscroller": "^2.3.4",
-    "dompurify": "^3.2.4",
+    "dompurify": "^3.3.3",
     "downloadjs": "^1.4.7",
     "dragula": "^3.7.3",
     "eventemitter3": "^5.0.1",
@@ -88,8 +88,8 @@
     "tippy.js": "^6.3.7",
     "uuid": "^9.0.0",
     "vanilla-picker": "^2.12.3",
-    "@formio/bootstrap": "^3.2.1",
-    "@formio/core": "^2.6.1"
+    "@formio/bootstrap": "^3.2.2",
+    "@formio/core": "^2.6.2"
   },
   "devDependencies": {
     "@types/node": "^22.15.19",