@formio/js 5.2.3 → 5.2.4-rc.0

package/lib/mjs/Form.js

@@ -3,90 +3,96 @@ import { Formio } from './Formio';
 import Displays from './displays';
 import templates from './templates';
 import FormioUtils from './utils';
+/**
+ * Represents a JSON value.
+ * @typedef {(string | number | boolean | null | JSONArray | JSONObject)} JSON
+ */
+/**
+ * Represents a JSON array.
+ * @typedef {Array<JSON>} JSONArray
+ */
+/**
+ * Represents a JSON object.
+ * @typedef {{[key: string]: JSON}} JSONObject
+ */
+/**
+ * @typedef {object} FormioHooks
+ * @property {Function} [beforeSubmit] - Called before a submission is made.
+ * @property {Function} [beforeCancel] - Called before a cancel is made.
+ * @property {Function} [beforeNext] - Called before the next page is navigated to.
+ * @property {Function} [beforePrev] - Called before the previous page is navigated to.
+ * @property {Function} [attachComponent] - Called when a component is attached.
+ * @property {Function} [setDataValue] - Called when a data value is set.
+ * @property {Function} [addComponents] - Called when components are added.
+ * @property {Function} [addComponent] - Called when a component is added.
+ * @property {Function} [customValidation] - Called when a custom validation is made.
+ * @property {Function} [attachWebform] - Called when a webform is attached.
+ */
+/**
+ * @typedef {object} SanitizeConfig
+ * @property {string[]} [addAttr] - The html attributes to allow with sanitization.
+ * @property {string[]} [addTags] - The html tags to allow with sanitization.
+ * @property {string[]} [allowedAttrs] - The html attributes to allow with sanitization.
+ * @property {string[]} [allowedTags] - The html tags to allow with sanitization.
+ * @property {string[]} [allowedUriRegex] - The regex for allowed URIs.
+ * @property {string[]} [addUriSafeAttr] - The URI attributes to allow with sanitization.
+ */
+/**
+ * @typedef {object} ButtonSettings
+ * @property {boolean} [showPrevious] - Show the previous button in wizard forms.
+ * @property {boolean} [showNext] - Show the next button in wizard forms.
+ * @property {boolean} [showCancel] - Show the cancel button in wizard forms.
+ * @property {boolean} [showSubmit] - Show the submit button in wizard forms.
+ */
+/**
+ * @typedef {object} FormOptions
+ * @property {boolean} [saveDraft] - Enable the save draft feature.
+ * @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 {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.
+ * @property {EventEmitter} [events] - The EventEmitter for this form.
+ * @property {string} [language] - The language to render this form in.
+ * @property {{[key: string]: string}} [i18next] - The i18next configuration for this form.
+ * @property {boolean} [viewAsHtml] - View the form as raw HTML.
+ * @property {'form' | 'html' | 'flat' | 'builder' | 'pdf'} [renderMode] - The render mode for this form.
+ * @property {boolean} [highlightErrors] - Highlight any errors on the form.
+ * @property {string} [componentErrorClass] - The error class for components.
+ * @property {any} [templates] - The templates for this form.
+ * @property {string} [iconset] - The iconset for this form.
+ * @property {import('@formio/core').Component[]} [components] - The components for this form.
+ * @property {{[key: string]: boolean}} [disabled] - Disabled components for this form.
+ * @property {boolean} [showHiddenFields] - Show hidden fields.
+ * @property {{[key: string]: boolean}} [hide] - Hidden components for this form.
+ * @property {{[key: string]: boolean}} [show] - Components to show for this form.
+ * @property {Formio} [formio] - The Formio instance for this form.
+ * @property {string} [decimalSeparator] - The decimal separator for this form.
+ * @property {string} [thousandsSeparator] - The thousands separator for this form.
+ * @property {FormioHooks} [hooks] - The hooks for this form.
+ * @property {boolean} [alwaysDirty] - Always be dirty.
+ * @property {boolean} [skipDraftRestore] - Skip restoring a draft.
+ * @property {'form' | 'wizard' | 'pdf'} [display] - The display for this form.
+ * @property {string} [cdnUrl] - The CDN url for this form.
+ * @property {boolean} [flatten] - Flatten the form.
+ * @property {boolean} [sanitize] - Sanitize the form.
+ * @property {SanitizeConfig} [sanitizeConfig] - The sanitize configuration for this form.
+ * @property {ButtonSettings} [buttonSettings] - The button settings for this form.
+ * @property {object} [breadcrumbSettings] - The breadcrumb settings for this form.
+ * @property {boolean} [allowPrevious] - Allow the previous button (for Wizard forms).
+ * @property {string[]} [wizardButtonOrder] - The order of the buttons (for Wizard forms).
+ * @property {boolean} [showCheckboxBackground] - Show the checkbox background.
+ * @property {number} [zoom] - The zoom for PDF forms.
+ * @property {boolean} [building] - Whether the form is in builder mode.
+ * @property {boolean} [inputsOnly] - Whether to render inputs only (for PDF forms).
+ */
+/**
+ * Form class for rendering webforms, pdfs, and wizards.
+ * @property {FormOptions} options - The options for this Form instance.
+ */
 export default class Form extends Element {
-    /**
-     * Represents a JSON value.
-     * @typedef {(string | number | boolean | null | JSONArray | JSONObject)} JSON
-     */
-    /**
-     * Represents a JSON array.
-     * @typedef {Array<JSON>} JSONArray
-     */
-    /**
-     * Represents a JSON object.
-     * @typedef {{[key: string]: JSON}} JSONObject
-     */
-    /**
-     * @typedef {object} FormioHooks
-     * @property {Function} [beforeSubmit] - Called before a submission is made.
-     * @property {Function} [beforeCancel] - Called before a cancel is made.
-     * @property {Function} [beforeNext] - Called before the next page is navigated to.
-     * @property {Function} [beforePrev] - Called before the previous page is navigated to.
-     * @property {Function} [attachComponent] - Called when a component is attached.
-     * @property {Function} [setDataValue] - Called when a data value is set.
-     * @property {Function} [addComponents] - Called when components are added.
-     * @property {Function} [addComponent] - Called when a component is added.
-     * @property {Function} [customValidation] - Called when a custom validation is made.
-     * @property {Function} [attachWebform] - Called when a webform is attached.
-     */
-    /**
-     * @typedef {object} SanitizeConfig
-     * @property {string[]} [addAttr] - The html attributes to allow with sanitization.
-     * @property {string[]} [addTags] - The html tags to allow with sanitization.
-     * @property {string[]} [allowedAttrs] - The html attributes to allow with sanitization.
-     * @property {string[]} [allowedTags] - The html tags to allow with sanitization.
-     * @property {string[]} [allowedUriRegex] - The regex for allowed URIs.
-     * @property {string[]} [addUriSafeAttr] - The URI attributes to allow with sanitization.
-     */
-    /**
-     * @typedef {object} ButtonSettings
-     * @property {boolean} [showPrevious] - Show the previous button in wizard forms.
-     * @property {boolean} [showNext] - Show the next button in wizard forms.
-     * @property {boolean} [showCancel] - Show the cancel button in wizard forms.
-     * @property {boolean} [showSubmit] - Show the submit button in wizard forms.
-     */
-    /**
-     * @typedef {object} FormOptions
-     * @property {boolean} [saveDraft] - Enable the save draft feature.
-     * @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 {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.
-     * @property {EventEmitter} [events] - The EventEmitter for this form.
-     * @property {string} [language] - The language to render this form in.
-     * @property {{[key: string]: string}} [i18next] - The i18next configuration for this form.
-     * @property {boolean} [viewAsHtml] - View the form as raw HTML.
-     * @property {'form' | 'html' | 'flat' | 'builder' | 'pdf'} [renderMode] - The render mode for this form.
-     * @property {boolean} [highlightErrors] - Highlight any errors on the form.
-     * @property {string} [componentErrorClass] - The error class for components.
-     * @property {any} [templates] - The templates for this form.
-     * @property {string} [iconset] - The iconset for this form.
-     * @property {import('@formio/core').Component[]} [components] - The components for this form.
-     * @property {{[key: string]: boolean}} [disabled] - Disabled components for this form.
-     * @property {boolean} [showHiddenFields] - Show hidden fields.
-     * @property {{[key: string]: boolean}} [hide] - Hidden components for this form.
-     * @property {{[key: string]: boolean}} [show] - Components to show for this form.
-     * @property {Formio} [formio] - The Formio instance for this form.
-     * @property {string} [decimalSeparator] - The decimal separator for this form.
-     * @property {string} [thousandsSeparator] - The thousands separator for this form.
-     * @property {FormioHooks} [hooks] - The hooks for this form.
-     * @property {boolean} [alwaysDirty] - Always be dirty.
-     * @property {boolean} [skipDraftRestore] - Skip restoring a draft.
-     * @property {'form' | 'wizard' | 'pdf'} [display] - The display for this form.
-     * @property {string} [cdnUrl] - The CDN url for this form.
-     * @property {boolean} [flatten] - Flatten the form.
-     * @property {boolean} [sanitize] - Sanitize the form.
-     * @property {SanitizeConfig} [sanitizeConfig] - The sanitize configuration for this form.
-     * @property {ButtonSettings} [buttonSettings] - The button settings for this form.
-     * @property {object} [breadcrumbSettings] - The breadcrumb settings for this form.
-     * @property {boolean} [allowPrevious] - Allow the previous button (for Wizard forms).
-     * @property {string[]} [wizardButtonOrder] - The order of the buttons (for Wizard forms).
-     * @property {boolean} [showCheckboxBackground] - Show the checkbox background.
-     * @property {number} [zoom] - The zoom for PDF forms.
-     */
     /**
      * Creates an easy to use interface for embedding webforms, pdfs, and wizards into your application.
      * @param {object} elementOrForm - The DOM element you wish to render this form within, or the form definition.
@@ -97,10 +103,6 @@ export default class Form extends Element {
      * const form = new Form(document.getElementById('formio'), 'https://examples.form.io/example');
      * form.build();
      */
-    /**
-     * @type {FormOptions} - the options for this Form.
-     */
-    options;
     constructor(elementOrForm, formOrOptions, options = {}) {
         let element, form, formOptions;
         if (elementOrForm instanceof HTMLElement) {
@@ -150,7 +152,7 @@ export default class Form extends Element {
                 element.setAttribute(attr, attrs[attr]);
             }
         }
-        (children || []).forEach(child => {
+        (children || []).forEach((child) => {
             element.appendChild(this.createElement(child.tag, child.attrs, child.children));
         });
         return element;
@@ -164,19 +166,23 @@ export default class Form extends Element {
                 return;
             }
             this.loader = this.createElement('div', {
-                'class': 'formio-loader'
-            }, [{
+                class: 'formio-loader',
+            }, [
+                {
                     tag: 'div',
                     attrs: {
-                        class: 'loader-wrapper'
+                        class: 'loader-wrapper',
                     },
-                    children: [{
+                    children: [
+                        {
                             tag: 'div',
                             attrs: {
-                                class: 'loader text-center'
-                            }
-                        }]
-                }]);
+                                class: 'loader text-center',
+                            },
+                        },
+                    ],
+                },
+            ]);
             this.element.appendChild(this.loader);
         }
         else if (this.loader) {
@@ -200,7 +206,6 @@ export default class Form extends Element {
             return new Displays.displays[display](this.element, this.options);
         }
         else {
-            // eslint-disable-next-line new-cap
             return new Displays.displays['webform'](this.element, this.options);
         }
     }
@@ -216,21 +221,21 @@ export default class Form extends Element {
         return {
             components: [
                 {
-                    'label': 'HTML',
-                    'tag': 'div',
-                    'className': 'error error-message alert alert-danger ui red message',
-                    'attrs': [
+                    label: 'HTML',
+                    tag: 'div',
+                    className: 'error error-message alert alert-danger ui red message',
+                    attrs: [
                         {
-                            'attr': 'role',
-                            'value': 'alert'
-                        }
+                            attr: 'role',
+                            value: 'alert',
+                        },
                     ],
-                    'key': 'errorMessage',
-                    'type': 'htmlelement',
-                    'input': false,
-                    'content': typeof err === 'string' ? err : err.message,
-                }
-            ]
+                    key: 'errorMessage',
+                    type: 'htmlelement',
+                    input: false,
+                    content: typeof err === 'string' ? err : err.message,
+                },
+            ],
         };
     }
     /**
@@ -249,7 +254,7 @@ export default class Form extends Element {
         const projectUrl = url.substring(0, index - 1);
         const urlParts = Formio.getUrlParts(projectUrl);
         // project url doesn't include subdirectories path
-        if (!urlParts || urlParts.filter(part => !!part).length < 4) {
+        if (!urlParts || urlParts.filter((part) => !!part).length < 4) {
             return options;
         }
         const baseUrl = `${urlParts[1]}${urlParts[2]}`;
@@ -264,7 +269,7 @@ export default class Form extends Element {
     }
     /**
      * 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) {
@@ -279,9 +284,10 @@ export default class Form extends Element {
                 error = err;
             })
                 .then((submission) => {
-                return formio.loadForm()
+                return (formio
+                    .loadForm()
                     // If the form returned an error, show it instead of the form.
-                    .catch(err => {
+                    .catch((err) => {
                     error = err;
                 })
                     .then((form) => {
@@ -291,8 +297,14 @@ export default class Form extends Element {
                     }
                     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) {
@@ -302,7 +314,7 @@ export default class Form extends Element {
                         throw error;
                     }
                     return this.instance;
-                });
+                }));
             });
         }
         else {
@@ -338,13 +350,15 @@ export default class Form extends Element {
      * @returns {Promise<Webform|Wizard|PDF>} - The form instance that was created after changing the display.
      */
     setDisplay(display) {
-        if ((this.display === display) && this.instance) {
+        if (this.display === display && this.instance) {
             return Promise.resolve(this.instance);
         }
         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) {
@@ -406,10 +420,11 @@ export default class Form extends Element {
             return Promise.reject('No DOM element for form.');
         }
         // Add temporary loader.
-        const template = (this.options && this.options.template) ? this.options.template : 'bootstrap';
+        const template = this.options && this.options.template ? this.options.template : 'bootstrap';
         const loader = templates[template].loader || templates.bootstrap.loader;
         this.setContent(this.element, loader.form);
-        return this.render().then(html => {
+        return this.render()
+            .then((html) => {
             this.setContent(this.element, html);
             return this.attach(this.element).then(() => this.instance);
         })
@@ -422,8 +437,7 @@ export default class Form extends Element {
         if (!this.instance) {
             return Promise.reject('Form not ready. Use form.ready promise');
         }
-        return Promise.resolve(this.instance.render())
-            .then((param) => {
+        return Promise.resolve(this.instance.render()).then((param) => {
             this.emit('render', param);
             return param;
         });
@@ -436,8 +450,7 @@ export default class Form extends Element {
             delete this.element.component;
         }
         this.element = element;
-        return this.instance.attach(this.element)
-            .then((param) => {
+        return this.instance.attach(this.element).then((param) => {
             this.emit('attach', param);
             return param;
         });
@@ -461,6 +474,9 @@ Formio.embedForm = (embed) => Form.embed(embed);
  * Formio.createForm(document.getElementById('formio'), 'https://examples.form.io/example');
  */
 Formio.createForm = (elementOrForm, formOrOptions, options) => {
-    return (new Form(elementOrForm, formOrOptions, options)).ready;
+    return new Form(elementOrForm, formOrOptions, options).ready;
 };
 Formio.Form = Form;
+// Export a dummy for TypeScript type resolution
+const FormOptions = undefined;
+export { FormOptions };

package/lib/mjs/FormBuilder.d.ts

@@ -44,7 +44,7 @@ export default class FormBuilder extends Form {
         /**
          * - The options to apply to the Edit Form (the form that shows inside the modal when you edit a component).
          */
-        editForm?: any;
+        editForm?: import("./Form").FormOptions | undefined;
         /**
          * - The language to load into the form builder.
          */
@@ -105,7 +105,7 @@ export default class FormBuilder extends Form {
         /**
          * - The options to apply to the Edit Form (the form that shows inside the modal when you edit a component).
          */
-        editForm?: any;
+        editForm?: import("./Form").FormOptions | undefined;
         /**
          * - The language to load into the form builder.
          */
@@ -160,7 +160,7 @@ export default class FormBuilder extends Form {
         /**
          * - The options to apply to the Edit Form (the form that shows inside the modal when you edit a component).
          */
-        editForm?: any;
+        editForm?: import("./Form").FormOptions | undefined;
         /**
          * - The language to load into the form builder.
          */

package/lib/mjs/FormBuilder.js

@@ -32,14 +32,13 @@ export default class FormBuilder extends Form {
     constructor(element, form, options) {
         form = form || {};
         options = options || {};
-        super(element, form, Object.assign(options, FormBuilder.options, ((Formio.options && Formio.options.builder) ? Formio.options.builder : {})));
+        super(element, form, Object.assign(options, FormBuilder.options, Formio.options && Formio.options.builder ? Formio.options.builder : {}));
     }
     create(display) {
         if (Builders.builders[display]) {
             return new Builders.builders[display](this.element, this.options);
         }
         else {
-            // eslint-disable-next-line new-cap
             return new Builders.builders['webform'](this.element, this.options);
         }
     }
@@ -52,6 +51,6 @@ export default class FormBuilder extends Form {
  * @returns {Promise} - When the form is instance is ready.
  */
 Formio.builder = (element, form, options) => {
-    return (new FormBuilder(element, form, options)).ready;
+    return new FormBuilder(element, form, options).ready;
 };
 Formio.FormBuilder = FormBuilder;

package/lib/mjs/Formio.js

@@ -4,8 +4,10 @@ import CDN from './CDN';
 import Providers from './providers';
 FormioCore.cdn = new CDN();
 FormioCore.Providers = Providers;
-FormioCore.version = '5.2.3';
-CDN.defaultCDN = FormioCore.version.includes('rc') ? 'https://cdn.test-form.io' : 'https://cdn.form.io';
+FormioCore.version = '5.3.0-rc.0';
+CDN.defaultCDN = FormioCore.version.includes('rc')
+    ? 'https://cdn.test-form.io'
+    : 'https://cdn.form.io';
 const isNil = (val) => val === null || val === undefined;
 FormioCore.prototype.uploadFile = function (storage, file, fileName, dir, progressCallback, url, options, fileKey, groupPermissions, groupId, uploadStartCallback, abortCallback, multipartOptions) {
     const requestArgs = {
@@ -13,13 +15,11 @@ FormioCore.prototype.uploadFile = function (storage, file, fileName, dir, progre
         method: 'upload',
         file: file,
         fileName: fileName,
-        dir: dir
+        dir: dir,
     };
     fileKey = fileKey || 'file';
-    const request = FormioCore.pluginWait('preRequest', requestArgs)
-        .then(() => {
-        return FormioCore.pluginGet('fileRequest', requestArgs)
-            .then((result) => {
+    const request = FormioCore.pluginWait('preRequest', requestArgs).then(() => {
+        return FormioCore.pluginGet('fileRequest', requestArgs).then((result) => {
             if (storage && isNil(result)) {
                 const Provider = Providers.getProvider('storage', storage);
                 if (Provider) {
@@ -30,7 +30,7 @@ FormioCore.prototype.uploadFile = function (storage, file, fileName, dir, progre
                     return provider.uploadFile(file, fileName, dir, progressCallback, url, options, fileKey, groupPermissions, groupId, abortCallback, multipartOptions);
                 }
                 else {
-                    throw ('Storage provider not found');
+                    throw 'Storage provider not found';
                 }
             }
             return result || { url: '' };
@@ -41,12 +41,10 @@ FormioCore.prototype.uploadFile = function (storage, file, fileName, dir, progre
 FormioCore.prototype.downloadFile = function (file, options) {
     const requestArgs = {
         method: 'download',
-        file: file
+        file: file,
     };
-    const request = FormioCore.pluginWait('preRequest', requestArgs)
-        .then(() => {
-        return FormioCore.pluginGet('fileRequest', requestArgs)
-            .then((result) => {
+    const request = FormioCore.pluginWait('preRequest', requestArgs).then(() => {
+        return FormioCore.pluginGet('fileRequest', requestArgs).then((result) => {
             if (file.storage && isNil(result)) {
                 const Provider = Providers.getProvider('storage', file.storage);
                 if (Provider) {
@@ -54,7 +52,7 @@ FormioCore.prototype.downloadFile = function (file, options) {
                     return provider.downloadFile(file, options);
                 }
                 else {
-                    throw ('Storage provider not found');
+                    throw 'Storage provider not found';
                 }
             }
             return result || { url: '' };
@@ -65,12 +63,10 @@ FormioCore.prototype.downloadFile = function (file, options) {
 FormioCore.prototype.deleteFile = function (file, options) {
     const requestArgs = {
         method: 'delete',
-        file: file
+        file: file,
     };
-    const request = FormioCore.pluginWait('preRequest', requestArgs)
-        .then(() => {
-        return FormioCore.pluginGet('fileRequest', requestArgs)
-            .then((result) => {
+    const request = FormioCore.pluginWait('preRequest', requestArgs).then(() => {
+        return FormioCore.pluginGet('fileRequest', requestArgs).then((result) => {
             if (file.storage && isNil(result)) {
                 const Provider = Providers.getProvider('storage', file.storage);
                 if (Provider) {
@@ -78,7 +74,7 @@ FormioCore.prototype.deleteFile = function (file, options) {
                     return provider.deleteFile(file, options);
                 }
                 else {
-                    throw ('Storage provider not found');
+                    throw 'Storage provider not found';
                 }
             }
             return result || { url: '' };
@@ -87,7 +83,14 @@ FormioCore.prototype.deleteFile = function (file, options) {
     return FormioCore.pluginAlter('wrapFileRequestPromise', request, requestArgs);
 };
 // Esnure we proxy the following methods to the FormioEmbed class.
-['setBaseUrl', 'setApiUrl', 'setAppUrl', 'setProjectUrl', 'setPathType', 'setLicense'].forEach((fn) => {
+[
+    'setBaseUrl',
+    'setApiUrl',
+    'setAppUrl',
+    'setProjectUrl',
+    'setPathType',
+    'setLicense',
+].forEach((fn) => {
     const baseFn = FormioCore[fn];
     FormioCore[fn] = function (arg) {
         const retVal = FormioEmbed[fn](arg, true);
@@ -112,8 +115,8 @@ FormioCore.addToGlobal = (global) => {
         global.Formio = FormioCore;
     }
 };
-if (typeof global !== 'undefined') {
-    FormioCore.addToGlobal(global);
+if (typeof globalThis !== 'undefined') {
+    FormioCore.addToGlobal(globalThis);
 }
 if (typeof window !== 'undefined') {
     FormioCore.addToGlobal(window);

package/lib/mjs/InlineEmbed.js

@@ -10,7 +10,7 @@ export function embed(config = {}) {
     let i = scripts.length;
     const scriptName = config.scriptName || 'formio.embed.';
     while (i--) {
-        if (scripts[i].src && (scripts[i].src.indexOf(scriptName) !== -1)) {
+        if (scripts[i].src && scripts[i].src.indexOf(scriptName) !== -1) {
             thisScript = scripts[i];
             break;
         }
@@ -18,13 +18,19 @@ export function embed(config = {}) {
     if (thisScript) {
         const query = {};
         const queryString = thisScript.src.replace(/^[^?]+\??/, '');
-        queryString.replace(/\?/g, '&').split('&').forEach((item) => {
+        queryString
+            .replace(/\?/g, '&')
+            .split('&')
+            .forEach((item) => {
             query[item.split('=')[0]] = item.split('=')[1] && decodeURIComponent(item.split('=')[1]);
         });
         let scriptSrc = thisScript.src.replace(/^([^?]+).*/, '$1').split('/');
         scriptSrc.pop();
         let cdnSrc = '';
-        if (['js', 'offline'].includes(scriptSrc[scriptSrc.length - 1])) {
+        if ([
+            'js',
+            'offline',
+        ].includes(scriptSrc[scriptSrc.length - 1])) {
             scriptSrc.pop();
             scriptSrc = cdnSrc = scriptSrc.join('/');
             scriptSrc += '/js';
@@ -32,42 +38,42 @@ export function embed(config = {}) {
         else {
             scriptSrc = scriptSrc.join('/');
         }
-        const debug = (query.debug === 'true' || query.debug === '1');
+        const debug = query.debug === 'true' || query.debug === '1';
         const renderer = debug ? 'formio.form' : 'formio.form.min';
         Formio.config = Object.assign({
-            script: query.script || (`${scriptSrc}/${renderer}.js`),
-            style: query.styles || (`${scriptSrc}/${renderer}.css`),
+            script: query.script || `${scriptSrc}/${renderer}.js`,
+            style: query.styles || `${scriptSrc}/${renderer}.css`,
             cdn: query.cdn || cdnSrc,
-            class: (query.class || 'formio-form-wrapper'),
+            class: query.class || 'formio-form-wrapper',
             src: query.src,
             form: null,
             submission: null,
             project: query.project,
             base: query.base || 'https://api.form.io',
             submit: query.submit,
-            includeLibs: (query.libs === 'true' || query.libs === '1'),
-            noshadow: (query.shadow === 'false' || query.shadow === '0'),
+            includeLibs: query.libs === 'true' || query.libs === '1',
+            noshadow: query.shadow === 'false' || query.shadow === '0',
             template: query.template || 'bootstrap',
             debug: debug,
             config: {},
-            redirect: (query.return || query.redirect),
-            embedCSS: (`${scriptSrc}/formio.embed.css`),
+            redirect: query.return || query.redirect,
+            embedCSS: `${scriptSrc}/formio.embed.css`,
             success: query.success || 'Thank you for your submission!',
             before: null,
-            after: null
+            after: null,
         }, config);
         if (Formio.config.alter) {
             Formio.config.alter(Formio.config);
         }
-        const form = (Formio.config.form || Formio.config.src);
+        const form = Formio.config.form || Formio.config.src;
         if (form) {
             Formio.debug('Embedding Configuration', config);
             // The id for this embedded form.
             Formio.config.id = `formio-${Math.random().toString(36).substring(7)}`;
             Formio.debug('Creating form element');
             const element = Formio.createElement('div', {
-                'id': Formio.config.id,
-                class: Formio.config.class
+                id: Formio.config.id,
+                class: Formio.config.class,
             });
             // insertAfter doesn't exist, but effect is identical.
             thisScript.parentNode.insertBefore(element, thisScript.parentNode.firstElementChild.nextSibling);
@@ -83,7 +89,7 @@ export function embed(config = {}) {
                     if (Formio.config.submit) {
                         Formio.debug(`Sending submission to ${Formio.config.submit}`);
                         const headers = {
-                            'content-type': 'application/json'
+                            'content-type': 'application/json',
                         };
                         const token = Formio.FormioClass.getToken();
                         if (token) {
@@ -95,7 +101,7 @@ export function embed(config = {}) {
                             method: 'POST',
                             mode: 'cors',
                         })
-                            .then(resp => resp.json())
+                            .then((resp) => resp.json())
                             .then((submission) => {
                             Formio.submitDone(instance, submission);
                         });

package/lib/mjs/PDF.d.ts

@@ -1,4 +1,5 @@
 export default class PDF extends Webform {
+    constructor(element: any, options: any);
     components: any[];
     init(): void;
     render(): any;