@formio/js 5.2.4-rc.0 → 5.2.5

package/lib/mjs/Form.js

@@ -3,96 +3,90 @@ 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.
@@ -103,6 +97,10 @@ 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) {
@@ -152,7 +150,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;
@@ -166,23 +164,19 @@ 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) {
@@ -206,6 +200,7 @@ 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);
         }
     }
@@ -221,21 +216,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,
+                }
+            ]
         };
     }
     /**
@@ -254,7 +249,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]}`;
@@ -269,7 +264,7 @@ export default class Form extends Element {
     }
     /**
      * Sets the form to the JSON schema of a form.
-     * @param {import('@formio/core').Form | string} formParam - The form JSON to set this form to.
+     * @param {import('@formio/core').Form} formParam - The form JSON to set this form to.
      * @returns {Promise<Webform|Wizard|PDF>} - The webform instance that was created.
      */
     setForm(formParam) {
@@ -284,10 +279,9 @@ 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) => {
@@ -297,14 +291,8 @@ export default class Form extends Element {
                     }
                     this.loading = false;
                     this.instance = this.instance || this.create(form.display);
-                    // 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;
-                    }
+                    const options = this.getFormInitOptions(formParam, form);
+                    this.instance.setUrl(formParam, options);
                     this.instance.nosubmit = false;
                     this._form = this.instance.form = form;
                     if (submission) {
@@ -314,7 +302,7 @@ export default class Form extends Element {
                         throw error;
                     }
                     return this.instance;
-                }));
+                });
             });
         }
         else {
@@ -350,15 +338,13 @@ 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).then(() => {
-            this.instance.emit('setDisplay', this.form.display);
-        });
+        return this.setForm(this.form);
     }
     empty() {
         if (this.element) {
@@ -420,11 +406,10 @@ 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);
         })
@@ -437,7 +422,8 @@ 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;
         });
@@ -450,7 +436,8 @@ 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;
         });
@@ -474,9 +461,6 @@ 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?: import("./Form").FormOptions | undefined;
+        editForm?: any;
         /**
          * - 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?: import("./Form").FormOptions | undefined;
+        editForm?: any;
         /**
          * - 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?: import("./Form").FormOptions | undefined;
+        editForm?: any;
         /**
          * - The language to load into the form builder.
          */

package/lib/mjs/FormBuilder.js

@@ -32,13 +32,14 @@ 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);
         }
     }
@@ -51,6 +52,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,10 +4,8 @@ import CDN from './CDN';
 import Providers from './providers';
 FormioCore.cdn = new CDN();
 FormioCore.Providers = Providers;
-FormioCore.version = '5.3.0-rc.0';
-CDN.defaultCDN = FormioCore.version.includes('rc')
-    ? 'https://cdn.test-form.io'
-    : 'https://cdn.form.io';
+FormioCore.version = '5.2.5';
+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 = {
@@ -15,11 +13,13 @@ 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,10 +41,12 @@ 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) {
@@ -52,7 +54,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: '' };
@@ -63,10 +65,12 @@ 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) {
@@ -74,7 +78,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: '' };
@@ -83,14 +87,7 @@ 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);
@@ -115,8 +112,8 @@ FormioCore.addToGlobal = (global) => {
         global.Formio = FormioCore;
     }
 };
-if (typeof globalThis !== 'undefined') {
-    FormioCore.addToGlobal(globalThis);
+if (typeof global !== 'undefined') {
+    FormioCore.addToGlobal(global);
 }
 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,19 +18,13 @@ 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';
@@ -38,42 +32,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);
@@ -89,7 +83,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) {
@@ -101,7 +95,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,5 +1,4 @@
 export default class PDF extends Webform {
-    constructor(element: any, options: any);
     components: any[];
     init(): void;
     render(): any;