@formio/js 5.0.2-rc.3 → 5.1.0-dev.5522.066969f

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

@@ -18,9 +18,11 @@
  * MIT licensed
  */
 
-/*! @license DOMPurify 3.1.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.1.6/LICENSE */
+/*! @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 */
 
-/*! formiojs v5.0.2-rc.3 | https://unpkg.com/formiojs@5.0.2-rc.3/LICENSE.txt */
+/*! @license DOMPurify 3.2.5 | (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.5/LICENSE */
+
+/*! formiojs v5.1.0-dev.2 | https://unpkg.com/formiojs@5.1.0-dev.2/LICENSE.txt */
 
 /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
 
@@ -43,4 +45,4 @@
 
 //! moment.js
 
-//! version : 0.5.45
+//! version : 0.5.48

package/lib/cjs/CDN.d.ts

@@ -13,8 +13,8 @@ declare class CDN {
         bootswatch: string;
         'bootstrap-icons': string;
         ckeditor: string;
+        dragula: string;
         flatpickr: string;
-        'flatpickr-formio': string;
         'font-awesome': string;
         grid: string;
         'moment-timezone': string;

package/lib/cjs/CDN.js

@@ -17,8 +17,8 @@ class CDN {
             'bootswatch': '5.3.3',
             'bootstrap-icons': '1.11.1',
             'ckeditor': '19.0.0',
-            'flatpickr': '4.6.8',
-            'flatpickr-formio': '4.6.13-formio.3',
+            'dragula': '3.7.3',
+            'flatpickr': '4.6.13',
             'font-awesome': '4.7.0',
             'grid': 'latest',
             'moment-timezone': 'latest',

package/lib/cjs/Element.js

@@ -1,38 +1,15 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const EventEmitter_1 = __importDefault(require("./EventEmitter"));
-const Formio_1 = require("./Formio");
-const FormioUtils = __importStar(require("./utils/utils"));
-const i18n_1 = require("./utils/i18n");
 const lodash_1 = __importDefault(require("lodash"));
 const moment_1 = __importDefault(require("moment"));
 const vanilla_text_mask_1 = __importDefault(require("@formio/vanilla-text-mask"));
+const EventEmitter_1 = __importDefault(require("./EventEmitter"));
+const Formio_1 = require("./Formio");
+const i18n_1 = require("./utils/i18n");
+const utils_1 = __importDefault(require("./utils"));
 /**
  * The root component for all elements within the Form.io renderer.
  */
@@ -56,7 +33,7 @@ class Element {
          * can also be provided from the component.id value passed into the constructor.
          * @type {string}
          */
-        this.id = FormioUtils.getRandomComponentId();
+        this.id = utils_1.default.getRandomComponentId();
         /**
          * An array of event handlers so that the destry command can deregister them.
          * @type {Array}
@@ -385,7 +362,7 @@ class Element {
      */
     setInputMask(input, inputMask, usePlaceholder) {
         if (input && inputMask) {
-            const mask = FormioUtils.getInputMask(inputMask, this.placeholderChar);
+            const mask = utils_1.default.getInputMask(inputMask, this.placeholderChar);
             this.defaultMask = mask;
             try {
                 //destroy previous mask
@@ -522,8 +499,8 @@ class Element {
         var _a;
         return Object.assign({
             _: lodash_1.default,
-            utils: FormioUtils,
-            util: FormioUtils,
+            utils: utils_1.default,
+            util: utils_1.default,
             user: Formio_1.Formio.getUser(),
             moment: moment_1.default,
             instance: this,
@@ -548,15 +525,15 @@ class Element {
      */
     interpolate(string, data, options = {}) {
         if (typeof string !== 'function' && (this.component.content || this.component.html)
-            && !FormioUtils.Evaluator.templateSettings.interpolate.test(string)) {
-            string = FormioUtils.translateHTMLTemplate(String(string), (value) => this.t(value));
+            && !utils_1.default.Evaluator.templateSettings.interpolate.test(string)) {
+            string = utils_1.default.translateHTMLTemplate(String(string), (value) => this.t(value));
         }
         if (this.component.filter === string && !this.options.building) {
             const evalContext = this.evalContext(data);
             evalContext.data = lodash_1.default.mapValues(evalContext.data, (val) => lodash_1.default.isString(val) ? encodeURIComponent(val) : val);
-            return FormioUtils.interpolate(string, evalContext, options);
+            return utils_1.default.Evaluator.interpolate(string, evalContext, options);
         }
-        return FormioUtils.interpolate(string, this.evalContext(data), options);
+        return utils_1.default.Evaluator.interpolate(string, this.evalContext(data), options);
     }
     /**
      * Performs an evaluation using the evaluation context of this component.
@@ -568,7 +545,7 @@ class Element {
      * @returns {*} - The result of the evaluation.
      */
     evaluate(func, args, ret, interpolate, options = {}) {
-        return FormioUtils.evaluate(func, this.evalContext(args), ret, interpolate, options);
+        return utils_1.default.evaluate(func, this.evalContext(args), ret, interpolate, options);
     }
     /**
      * Allow for options to hook into the functionality of this renderer.

package/lib/cjs/Embed.js

@@ -418,7 +418,7 @@ Formio.formioReady = new Promise((ready, reject) => {
     _a._formioReady = ready;
     _a._formioReadyReject = reject;
 });
-Formio.version = '5.0.2-rc.3';
+Formio.version = '5.1.0-dev.2';
 // Create a report.
 Formio.Report = {
     create: (element, submission, options = {}) => __awaiter(void 0, void 0, void 0, function* () {

package/lib/cjs/EventEmitter.js

@@ -1,30 +1,7 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 const eventemitter3_1 = require("eventemitter3");
-const utils = __importStar(require("./utils/utils"));
+const utils_1 = require("./utils");
 class EventEmitter extends eventemitter3_1.EventEmitter {
     constructor(conf = {}) {
         const { loadLimit = 1000, eventsSafeInterval = 300 } = conf;
@@ -38,7 +15,7 @@ class EventEmitter extends eventemitter3_1.EventEmitter {
         const overloadHandler = () => {
             console.warn(`There were more than ${loadLimit} events emitted in ${eventsSafeInterval} ms. It might be caused by events' infinite loop`, this.id);
         };
-        const dispatch = utils.observeOverload(overloadHandler, {
+        const dispatch = (0, utils_1.observeOverload)(overloadHandler, {
             limit: loadLimit,
             delay: eventsSafeInterval
         });

package/lib/cjs/Form.d.ts

@@ -48,7 +48,7 @@ export default class Form extends Element {
      * @property {number} [saveDraftThrottle] - The throttle for the save draft feature.
      * @property {boolean} [readOnly] - Set this form to readOnly.
      * @property {boolean} [noAlerts] - Disable the alerts dialog.
-     * @property {{[key: string]: string}} [i18n] - The translation file for this rendering.
+     * @property {Record<string, Record<string, string>>} [i18n] - The translation file for this rendering.
      * @property {string} [template] - Custom logic for creation of elements.
      * @property {boolean} [noDefaults] - Exclude default values from the settings.
      * @property {any} [fileService] - The file service for this form.
@@ -117,9 +117,7 @@ export default class Form extends Element {
         /**
          * - The translation file for this rendering.
          */
-        i18n?: {
-            [key: string]: string;
-        } | undefined;
+        i18n?: Record<string, Record<string, string>> | undefined;
         /**
          * - Custom logic for creation of elements.
          */
@@ -398,10 +396,10 @@ export default class Form extends Element {
     getFormInitOptions(url: string, form: import('@formio/core').Form): object;
     /**
      * Sets the form to the JSON schema of a form.
-     * @param {import('@formio/core').Form} formParam - The form JSON to set this form to.
+     * @param {import('@formio/core').Form | string} formParam - The form JSON to set this form to.
      * @returns {Promise<Webform|Wizard|PDF>} - The webform instance that was created.
      */
-    setForm(formParam: import('@formio/core').Form): Promise<Webform | Wizard | PDF>;
+    setForm(formParam: import('@formio/core').Form | string): Promise<Webform | Wizard | PDF>;
     _form: any;
     getSubmission(formio: any, opts: any): any;
     /**

package/lib/cjs/Form.js

@@ -1,27 +1,4 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -30,7 +7,7 @@ const Element_1 = __importDefault(require("./Element"));
 const Formio_1 = require("./Formio");
 const displays_1 = __importDefault(require("./displays"));
 const templates_1 = __importDefault(require("./templates"));
-const FormioUtils = __importStar(require("./utils/utils"));
+const utils_1 = __importDefault(require("./utils"));
 class Form extends Element_1.default {
     constructor(elementOrForm, formOrOptions, options = {}) {
         let element, form, formOptions;
@@ -195,7 +172,7 @@ class Form extends Element_1.default {
     }
     /**
      * Sets the form to the JSON schema of a form.
-     * @param {import('@formio/core').Form} formParam - The form JSON to set this form to.
+     * @param {import('@formio/core').Form | string} formParam - The form JSON to set this form to.
      * @returns {Promise<Webform|Wizard|PDF>} - The webform instance that was created.
      */
     setForm(formParam) {
@@ -222,8 +199,14 @@ class Form extends Element_1.default {
                     }
                     this.loading = false;
                     this.instance = this.instance || this.create(form.display);
-                    const options = this.getFormInitOptions(formParam, form);
-                    this.instance.setUrl(formParam, options);
+                    // If we're in builder mode, instance.setUrl is not a function, so just manually set the URL.
+                    if (this.instance.setUrl) {
+                        const options = this.getFormInitOptions(formParam, form);
+                        this.instance.setUrl(formParam, options);
+                    }
+                    else {
+                        this.instance.url = formParam;
+                    }
                     this.instance.nosubmit = false;
                     this._form = this.instance.form = form;
                     if (submission) {
@@ -275,7 +258,9 @@ class Form extends Element_1.default {
         this.form.display = display;
         this.instance.destroy();
         this.instance = this.create(display);
-        return this.setForm(this.form);
+        return this.setForm(this.form).then(() => {
+            this.instance.emit('setDisplay', this.form.display);
+        });
     }
     empty() {
         if (this.element) {
@@ -316,7 +301,7 @@ class Form extends Element_1.default {
         if (this.options.sanitize === false && !forceSanitize) {
             return dirty;
         }
-        return FormioUtils.sanitize(dirty, this.options);
+        return utils_1.default.sanitize(dirty, this.options);
     }
     setContent(element, content, forceSanitize) {
         if (element instanceof HTMLElement) {
@@ -331,10 +316,10 @@ class Form extends Element_1.default {
      */
     build() {
         if (!this.instance) {
-            return Promise.reject('Form not ready. Use form.ready promise');
+            return Promise.reject(this.t('formNotReady'));
         }
         if (!this.element) {
-            return Promise.reject('No DOM element for form.');
+            return Promise.reject(this.t('noFormElement'));
         }
         // Add temporary loader.
         const template = (this.options && this.options.template) ? this.options.template : 'bootstrap';
@@ -351,7 +336,7 @@ class Form extends Element_1.default {
     }
     render() {
         if (!this.instance) {
-            return Promise.reject('Form not ready. Use form.ready promise');
+            return Promise.reject(this.t('formNotReady'));
         }
         return Promise.resolve(this.instance.render())
             .then((param) => {
@@ -361,7 +346,7 @@ class Form extends Element_1.default {
     }
     attach(element) {
         if (!this.instance) {
-            return Promise.reject('Form not ready. Use form.ready promise');
+            return Promise.reject(this.t('formNotReady'));
         }
         if (this.element) {
             delete this.element.component;

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.0.2-rc.3';
+sdk_1.Formio.version = '5.1.0-dev.2';
 CDN_1.default.defaultCDN = sdk_1.Formio.version.includes('rc') ? 'https://cdn.test-form.io' : 'https://cdn.form.io';
 const isNil = (val) => val === null || val === undefined;
 sdk_1.Formio.prototype.uploadFile = function (storage, file, fileName, dir, progressCallback, url, options, fileKey, groupPermissions, groupId, uploadStartCallback, abortCallback, multipartOptions) {

package/lib/cjs/PDF.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const Formio_1 = require("./Formio");
 const Webform_1 = __importDefault(require("./Webform"));
-const utils_1 = require("./utils/utils");
+const utils_1 = require("./utils");
 class PDF extends Webform_1.default {
     constructor(element, options) {
         options.display = 'pdf';

package/lib/cjs/PDFBuilder.js

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const lodash_1 = __importDefault(require("lodash"));
 const Formio_1 = require("./Formio");
 const WebformBuilder_1 = __importDefault(require("./WebformBuilder"));
-const utils_1 = require("./utils/utils");
-const formUtils_1 = require("./utils/formUtils");
+const utils_1 = require("./utils");
 const builder_1 = __importDefault(require("./utils/builder"));
 const PDF_1 = __importDefault(require("./PDF"));
 class PDFBuilder extends WebformBuilder_1.default {
@@ -201,10 +200,10 @@ class PDFBuilder extends WebformBuilder_1.default {
                 const progress = Math.floor((event.loaded / event.total) * 100);
                 this.refs.uploadProgress.style.width = `${progress}%`;
                 if (progress > 98) {
-                    this.refs.uploadProgress.innerHTML = this.t('Converting PDF. Please wait.');
+                    this.refs.uploadProgress.innerHTML = this.t('waitPdfConverting');
                 }
                 else {
-                    this.refs.uploadProgress.innerHTML = `${this.t('Uploading')} ${progress}%`;
+                    this.refs.uploadProgress.innerHTML = `${this.t('uploading')} ${progress}%`;
                 }
             }
         }, `${this.projectUrl}/upload`, {}, 'file')
@@ -242,7 +241,7 @@ class PDFBuilder extends WebformBuilder_1.default {
             return;
         }
         this.refs.uploadError.style.display = message ? '' : 'none';
-        this.refs.uploadError.innerHTML = message;
+        this.refs.uploadError.innerHTML = this.t(`${message}`);
     }
     createForm(options) {
         // Instantiate the webform from the PDF class instead of Webform
@@ -272,7 +271,7 @@ class PDFBuilder extends WebformBuilder_1.default {
     getParentContainer(component) {
         let container = [];
         let originalComponent = null;
-        (0, formUtils_1.eachComponent)(this.webform._form.components, (comp, path, components) => {
+        (0, utils_1.eachComponent)(this.webform._form.components, (comp, path, components) => {
             if (comp.id === component.component.id) {
                 container = components;
                 originalComponent = comp;
@@ -300,7 +299,7 @@ class PDFBuilder extends WebformBuilder_1.default {
                     height: schema.height,
                     width: schema.width
                 };
-                if (!this.options.noNewEdit && !component.component.noNewEdit) {
+                if (!this.options.noNewEdit && !component.component.noNewEdit && this.hasEditTabs(component.type)) {
                     this.editComponent(component.component, this.getParentContainer(component), isNew);
                 }
                 this.emit('updateComponent', component.component);
@@ -324,7 +323,7 @@ class PDFBuilder extends WebformBuilder_1.default {
         });
         this.webform.on('iframe-componentClick', schema => {
             const component = this.webform.getComponentById(schema.id);
-            if (component) {
+            if (component && this.hasEditTabs(component.type)) {
                 this.editComponent(component.component, this.getParentContainer(component));
             }
         }, true);
@@ -455,7 +454,7 @@ class PDFBuilder extends WebformBuilder_1.default {
         const repeatablePaths = this.findRepeatablePaths();
         // update elements which path was duplicated if any pathes have been changed
         if (!lodash_1.default.isEqual(this.repeatablePaths, repeatablePaths)) {
-            (0, formUtils_1.eachComponent)(this.webform.getComponents(), (comp, path) => {
+            (0, utils_1.eachComponent)(this.webform.getComponents(), (comp, path) => {
                 if (this.repeatablePaths.includes(path)) {
                     this.webform.postMessage({ name: 'updateElement', data: comp.component });
                 }
@@ -465,13 +464,13 @@ class PDFBuilder extends WebformBuilder_1.default {
         if (!repeatablePaths.length) {
             return;
         }
-        (0, formUtils_1.eachComponent)(this.webform.getComponents(), (comp, path) => {
+        (0, utils_1.eachComponent)(this.webform.getComponents(), (comp, path) => {
             if (this.repeatablePaths.includes(path)) {
                 this.webform.postMessage({
                     name: 'showBuilderErrors',
                     data: {
                         compId: comp.component.id,
-                        errorMessage: `API Key is not unique: ${comp.key}`,
+                        errorMessage: `${this.t('notUniqueKey')}: ${comp.key}`,
                     }
                 });
             }

package/lib/cjs/Webform.d.ts

@@ -34,10 +34,10 @@
  */
 /**
  * @typedef {object} ButtonSettings
- * @property {boolean} [showPrevious] - Show the "Previous" button.
- * @property {boolean} [showNext] - Show the "Next" button.
- * @property {boolean} [showCancel] - Show the "Cancel" button.
- * @property {boolean} [showSubmit] - Show the "Submit" button.
+ * @property {boolean} [showPrevious] - Show the 'Previous' button.
+ * @property {boolean} [showNext] - Show the 'Next' button.
+ * @property {boolean} [showCancel] - Show the 'Cancel' button.
+ * @property {boolean} [showSubmit] - Show the 'Submit' button.
  */
 /**
  * @typedef {object} FormOptions
@@ -190,7 +190,10 @@ declare class Webform extends NestedDataComponent {
     get language(): string;
     root: this;
     localRoot: this;
+    beforeInit(): void;
+    executeFormController: any;
     get emptyValue(): null;
+    get shouldCallFormController(): any;
     get shadowRoot(): any;
     /**
      * Add a language for translations
@@ -257,7 +260,7 @@ declare class Webform extends NestedDataComponent {
     get ready(): Promise<any>;
     /**
      * Set the loading state for this form, and also show the loader spinner.
-     * @param {boolean} loading - If this form should be "loading" or not.
+     * @param {boolean} loading - If this form should be 'loading' or not.
      */
     set loading(loading: boolean);
     /**
@@ -330,6 +333,13 @@ declare class Webform extends NestedDataComponent {
      * @returns {object} - The submission object.
      */
     get submission(): object;
+    /**
+     * Sets the submission value
+     * @param {object|null|undefined} submission - The submission to set.
+     * @param {object|null|undefined} flags - Any flags to apply when setting the submission.
+     * @returns {void}
+     */
+    onSetSubmission(submission: object | null | undefined, flags?: object | null | undefined): void;
     /**
      * Sets a submission and returns the promise when it is ready.
      * @param {any} submission - The submission to set.
@@ -353,16 +363,16 @@ declare class Webform extends NestedDataComponent {
      * @returns {Promise} - The promise that is triggered when the form is built.
      */
     init(): Promise<any>;
-    executeFormController(): false | undefined;
+    _executeFormController(): void;
     build(element: any): Promise<any>;
     getClassName(): string;
-    render(): import("./components/_classes/field/Field").default;
+    render(): string;
     redraw(): Promise<void> | Promise<boolean>;
     attach(element: any): Promise<boolean>;
     hasRequiredFields(): boolean;
     /**
      * Sets a new alert to display in the error dialog of the form.
-     * @param {string} type - The type of alert to display. "danger", "success", "warning", etc.
+     * @param {string} type - The type of alert to display. 'danger', 'success', 'warning', etc.
      * @param {string} message - The message to show in the alert.
      * @param {object} options - The options for the alert.
      */
@@ -419,7 +429,7 @@ declare class Webform extends NestedDataComponent {
      */
     cancel(noconfirm: boolean): boolean;
     setMetadata(submission: any): void;
-    submitForm(options?: {}): Promise<any>;
+    submitForm(options?: {}, local?: boolean): Promise<any>;
     setServerErrors(error: any): void;
     serverErrors: any;
     executeSubmit(options: any): Promise<object>;
@@ -445,7 +455,7 @@ declare class Webform extends NestedDataComponent {
      */
     submit(before?: boolean, options?: any): Promise<any>;
     submitUrl(URL: any, headers: any): void;
-    triggerCaptcha(): void;
+    triggerCaptcha(components?: null): void;
     _nosubmit: any;
     get conditions(): any;
     get variables(): any;
@@ -540,19 +550,19 @@ export type SanitizeConfig = {
 };
 export type ButtonSettings = {
     /**
-     * - Show the "Previous" button.
+     * - Show the 'Previous' button.
      */
     showPrevious?: boolean | undefined;
     /**
-     * - Show the "Next" button.
+     * - Show the 'Next' button.
      */
     showNext?: boolean | undefined;
     /**
-     * - Show the "Cancel" button.
+     * - Show the 'Cancel' button.
      */
     showCancel?: boolean | undefined;
     /**
-     * - Show the "Submit" button.
+     * - Show the 'Submit' button.
      */
     showSubmit?: boolean | undefined;
 };
@@ -732,5 +742,5 @@ export type FormOptions = {
      */
     zoom?: number | undefined;
 };
-import NestedDataComponent from "./components/_classes/nesteddata/NestedDataComponent";
-import EventEmitter from "./EventEmitter";
+import NestedDataComponent from './components/_classes/nesteddata/NestedDataComponent';
+import EventEmitter from './EventEmitter';