@formio/js 5.2.4-rc.0 → 5.2.5

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

@@ -22,7 +22,7 @@
 
 /*! @license DOMPurify 3.2.6 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.6/LICENSE */
 
-/*! formiojs v5.3.0-rc.0 | https://unpkg.com/formiojs@5.3.0-rc.0/LICENSE.txt */
+/*! formiojs v5.2.5 | https://unpkg.com/formiojs@5.2.5/LICENSE.txt */
 
 /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
 

package/lib/cjs/CDN.js

@@ -9,23 +9,23 @@ class CDN {
         this.baseUrl = baseUrl || CDN.defaultCDN;
         this.overrides = overrides;
         this.libs = {
-            js: '',
-            ace: '1.4.12',
-            bootstrap: '5.3.3',
-            bootstrap4: '4.6.2',
-            bootstrap5: '5.3.3',
-            bootswatch: '5.3.3',
+            'js': '',
+            'ace': '1.4.12',
+            'bootstrap': '5.3.3',
+            'bootstrap4': '4.6.2',
+            'bootstrap5': '5.3.3',
+            'bootswatch': '5.3.3',
             'bootstrap-icons': '1.11.1',
-            ckeditor: '19.0.0',
-            flatpickr: '4.6.8',
+            'ckeditor': '19.0.0',
+            'flatpickr': '4.6.8',
             'flatpickr-formio': '4.6.13-formio.3',
             'font-awesome': '4.7.0',
-            grid: 'latest',
+            'grid': 'latest',
             'moment-timezone': 'latest',
-            quill: '2.0.0-dev.3',
+            'quill': '2.0.0-dev.3',
             'shortcut-buttons-flatpickr': '0.4.0',
-            uswds: '2.4.8',
-            core: '',
+            'uswds': '2.4.8',
+            'core': ''
         };
         this.updateUrls();
     }

package/lib/cjs/Element.d.ts

@@ -1,14 +1,13 @@
 /**
  * The root component for all elements within the Form.io renderer.
- * @property {object} options - The options for this component. Subclasses should override this type with more specific options.
  */
 export default class Element {
     constructor(options: any);
     /**
      * The options for this component.
-     * @type {object}
+     * @type {{}}
      */
-    options: object;
+    options: {};
     /**
      * The ID of this component. This value is auto-generated when the component is created, but
      * can also be provided from the component.id value passed into the constructor.

package/lib/cjs/Element.js

@@ -12,14 +12,13 @@ const i18n_1 = require("./utils/i18n");
 const utils_1 = __importDefault(require("./utils"));
 /**
  * The root component for all elements within the Form.io renderer.
- * @property {object} options - The options for this component. Subclasses should override this type with more specific options.
  */
 class Element {
     constructor(options) {
         var _a;
         /**
          * The options for this component.
-         * @type {object}
+         * @type {{}}
          */
         this.options = Object.assign({
             language: 'en',
@@ -27,7 +26,7 @@ class Element {
             componentErrorClass: 'formio-error-wrapper',
             componentWarningClass: 'formio-warning-wrapper',
             row: '',
-            namespace: 'formio',
+            namespace: 'formio'
         }, options || {});
         /**
          * The ID of this component. This value is auto-generated when the component is created, but
@@ -50,14 +49,13 @@ class Element {
          * An instance of the EventEmitter class to handle the emitting and registration of events.
          * @type {EventEmitter}
          */
-        this.events = options && options.events ? options.events : new EventEmitter_1.default();
+        this.events = (options && options.events) ? options.events : new EventEmitter_1.default();
         this.defaultMask = null;
         /**
          * Conditional to show or hide helplinks in editForm
          * @type {*|boolean}
          */
-        this.helplinks =
-            this.options.helplinks === 'false' ? false : this.options.helplinks || 'https://help.form.io';
+        this.helplinks = (this.options.helplinks === 'false') ? false : (this.options.helplinks || 'https://help.form.io');
     }
     /**
      * Register for a new event within this component.
@@ -126,11 +124,13 @@ class Element {
      * @param {Function | undefined} cb - The callback handler to handle this event.
      */
     off(event, cb) {
+        var _a;
         if (!this.events) {
             return;
         }
         const type = `${this.options.namespace}.${event}`;
-        this.events.listeners(type).forEach((listener) => {
+        (_a = this.events) === null || _a === void 0 ? void 0 : _a.listeners(type).forEach((listener) => {
+            var _a;
             // Ensure the listener is for this element
             if (!listener || listener.id !== this.id) {
                 return;
@@ -139,7 +139,7 @@ class Element {
             if (cb && cb !== listener) {
                 return;
             }
-            this.events.off(type, listener);
+            (_a = this.events) === null || _a === void 0 ? void 0 : _a.off(type, listener);
         });
     }
     /**
@@ -206,10 +206,10 @@ class Element {
             return;
         }
         this.eventHandlers.forEach((handler, index) => {
-            if (handler.id === this.id &&
-                obj.removeEventListener &&
-                handler.type === type &&
-                (!func || handler.func === func)) {
+            if ((handler.id === this.id)
+                && obj.removeEventListener
+                && (handler.type === type)
+                && (!func || handler.func === func)) {
                 obj.removeEventListener(type, handler.func);
                 indexes.push(index);
             }
@@ -220,11 +220,8 @@ class Element {
         return this;
     }
     removeEventListeners() {
-        this.eventHandlers.forEach((handler) => {
-            if (this.id === handler.id &&
-                handler.type &&
-                handler.obj &&
-                handler.obj.removeEventListener) {
+        this.eventHandlers.forEach(handler => {
+            if ((this.id === handler.id) && handler.type && handler.obj && handler.obj.removeEventListener) {
                 handler.obj.removeEventListener(handler.type, handler.func);
             }
         });
@@ -234,7 +231,7 @@ class Element {
         if (this.events) {
             lodash_1.default.each(this.events._events, (events, type) => {
                 lodash_1.default.each(events, (listener) => {
-                    if (listener && this.id === listener.id && (includeExternal || listener.internal)) {
+                    if (listener && (this.id === listener.id) && (includeExternal || listener.internal)) {
                         this.events.off(type, listener);
                     }
                 });
@@ -349,7 +346,7 @@ class Element {
      * @returns {string} - The placeholder that will exist within the input as they type.
      */
     maskPlaceholder(mask) {
-        return mask.map((char) => (char instanceof RegExp ? this.placeholderChar : char)).join('');
+        return mask.map((char) => (char instanceof RegExp) ? this.placeholderChar : char).join('');
     }
     /**
      * Get the placeholder character for the input mask.
@@ -366,6 +363,7 @@ class Element {
      * @param {boolean} usePlaceholder - Set the mask placeholder on the input.
      */
     setInputMask(input, inputMask, usePlaceholder) {
+        var _a;
         if (input && inputMask) {
             const mask = utils_1.default.getInputMask(inputMask, this.placeholderChar);
             this.defaultMask = mask;
@@ -378,7 +376,7 @@ class Element {
                     inputElement: input,
                     mask,
                     placeholderChar: this.placeholderChar,
-                    shadowRoot: this.root ? this.root.shadowRoot : null,
+                    shadowRoot: this.root ? (_a = this.root) === null || _a === void 0 ? void 0 : _a.shadowRoot : null,
                 });
             }
             catch (e) {
@@ -447,7 +445,7 @@ class Element {
         }
         // Allow templates to intercept.
         className = ` ${className} `;
-        return ` ${element.className} `.replace(/[\n\t\r]/g, ' ').indexOf(className) > -1;
+        return ((` ${element.className} `).replace(/[\n\t\r]/g, ' ').indexOf(className) > -1);
     }
     /**
      * Adds a class to a DOM element.
@@ -511,7 +509,7 @@ class Element {
             instance: this,
             self: this,
             token: Formio_1.Formio.getToken({
-                decode: true,
+                decode: true
             }),
             options: this.options,
             config: this.root && this.root.form && this.root.form.config
@@ -529,9 +527,8 @@ class Element {
      * @returns {XML|string|*|void} - The interpolated string.
      */
     interpolate(string, data, options = {}) {
-        if (typeof string !== 'function' &&
-            (this.component.content || this.component.html) &&
-            !utils_1.default.Evaluator.templateSettings.interpolate.test(string)) {
+        if (typeof string !== 'function' && (this.component.content || this.component.html)
+            && !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) {
@@ -559,14 +556,14 @@ class Element {
      */
     hook() {
         const name = arguments[0];
-        if (this.options && this.options.hooks && this.options.hooks[name]) {
+        if (this.options &&
+            this.options.hooks &&
+            this.options.hooks[name]) {
             return this.options.hooks[name].apply(this, Array.prototype.slice.call(arguments, 1));
         }
         else {
             // If this is an async hook instead of a sync.
-            const fn = typeof arguments[arguments.length - 1] === 'function'
-                ? arguments[arguments.length - 1]
-                : null;
+            const fn = (typeof arguments[arguments.length - 1] === 'function') ? arguments[arguments.length - 1] : null;
             if (fn) {
                 return fn(null, arguments[1]);
             }

package/lib/cjs/Embed.js

@@ -83,10 +83,10 @@ class Formio {
         if (!attrs) {
             return element;
         }
-        Object.keys(attrs).forEach((key) => {
+        Object.keys(attrs).forEach(key => {
             element.setAttribute(key, attrs[key]);
         });
-        (children || []).forEach((child) => {
+        (children || []).forEach(child => {
             element.appendChild(_a.createElement(child.tag, child.attrs, child.children));
         });
         return element;
@@ -97,7 +97,7 @@ class Formio {
                 return Promise.resolve();
             }
             if (typeof src !== 'string' && src.length) {
-                return Promise.all(src.map((ref) => _a.addScript(wrapper, ref)));
+                return Promise.all(src.map(ref => _a.addScript(wrapper, ref)));
             }
             if (name && _a.global(name, flag)) {
                 _a.debug(`${name} already loaded.`);
@@ -106,7 +106,7 @@ class Formio {
             _a.debug('Adding Script', src);
             try {
                 wrapper.appendChild(_a.createElement('script', {
-                    src,
+                    src
                 }));
             }
             catch (err) {
@@ -134,13 +134,13 @@ class Formio {
                 return;
             }
             if (typeof href !== 'string' && href.length) {
-                href.forEach((ref) => _a.addStyles(wrapper, ref));
+                href.forEach(ref => _a.addStyles(wrapper, ref));
                 return;
             }
             _a.debug('Adding Styles', href);
             wrapper.appendChild(_a.createElement('link', {
                 rel: 'stylesheet',
-                href,
+                href
             }));
         });
     }
@@ -157,9 +157,10 @@ class Formio {
             let returnUrl = _a.config.redirect;
             // Allow form based configuration for return url.
             if (!returnUrl &&
-                instance._form &&
-                instance._form.settings &&
-                (instance._form.settings.returnUrl || instance._form.settings.redirect)) {
+                (instance._form &&
+                    instance._form.settings &&
+                    (instance._form.settings.returnUrl ||
+                        instance._form.settings.redirect))) {
                 _a.debug('Return url found in form configuration');
                 returnUrl = instance._form.settings.returnUrl || instance._form.settings.redirect;
             }
@@ -201,17 +202,17 @@ class Formio {
                 }
             }
             if (lib.css) {
-                yield _a.addStyles(lib.global ? document.body : libWrapper, lib.css);
+                yield _a.addStyles((lib.global ? document.body : libWrapper), lib.css);
             }
             if (lib.js) {
-                const module = yield _a.addScript(lib.global ? document.body : libWrapper, lib.js, lib.use ? name : false);
+                const module = yield _a.addScript((lib.global ? document.body : libWrapper), lib.js, lib.use ? name : false);
                 if (lib.use) {
                     _a.debug(`Using ${name}`);
                     const options = lib.options || {};
                     if (!options.license && _a.license) {
                         options.license = _a.license;
                     }
-                    _a.use(typeof lib.use === 'function' ? lib.use(module) : module, options);
+                    _a.use((typeof lib.use === 'function' ? lib.use(module) : module), options);
                 }
             }
             if (lib.globalStyle) {
@@ -225,36 +226,31 @@ class Formio {
     static addLoader(wrapper) {
         return __awaiter(this, void 0, void 0, function* () {
             wrapper.appendChild(_a.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'
+                            }
+                        }]
+                }]));
         });
     }
+    // eslint-disable-next-line max-statements
     static init(element, options = {}, builder = false) {
         return __awaiter(this, void 0, void 0, function* () {
             _a.cdn = new CDN_js_1.default(_a.config.cdn, _a.config.cdnUrls || {});
             _a.config.libs = _a.config.libs || {
                 uswds: {
-                    dependencies: [
-                        'fontawesome',
-                    ],
+                    dependencies: ['fontawesome'],
                     js: `${_a.cdn.uswds}/uswds.min.js`,
                     css: `${_a.cdn.uswds}/uswds.min.css`,
-                    use: true,
+                    use: true
                 },
                 fontawesome: {
                     // Due to an issue with font-face not loading in the shadowdom (https://issues.chromium.org/issues/41085401), we need
@@ -266,19 +262,15 @@ class Formio {
                     src: url('https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
                     font-weight: normal;
                     font-style: normal;
-                  }`,
+                  }`
                 },
                 bootstrap4: {
-                    dependencies: [
-                        'fontawesome',
-                    ],
-                    css: `${_a.cdn.bootstrap4}/css/bootstrap.min.css`,
+                    dependencies: ['fontawesome'],
+                    css: `${_a.cdn.bootstrap4}/css/bootstrap.min.css`
                 },
                 bootstrap: {
-                    dependencies: [
-                        'bootstrap-icons',
-                    ],
-                    css: `${_a.cdn.bootstrap}/css/bootstrap.min.css`,
+                    dependencies: ['bootstrap-icons'],
+                    css: `${_a.cdn.bootstrap}/css/bootstrap.min.css`
                 },
                 'bootstrap-icons': {
                     // Due to an issue with font-face not loading in the shadowdom (https://issues.chromium.org/issues/41085401), we need
@@ -289,53 +281,27 @@ class Formio {
                     font-family: "bootstrap-icons";
                     src: url("https://cdn.jsdelivr.net/npm/bootstrap-icons/font/fonts/bootstrap-icons.woff2?dd67030699838ea613ee6dbda90effa6") format("woff2"),
                          url("https://cdn.jsdelivr.net/npm/bootstrap-icons/font/fonts/bootstrap-icons.woff?dd67030699838ea613ee6dbda90effa6") format("woff");
-                }`,
-                },
+                }`
+                }
             };
             // Add all bootswatch templates.
-            [
-                'cerulean',
-                'cosmo',
-                'cyborg',
-                'darkly',
-                'flatly',
-                'journal',
-                'litera',
-                'lumen',
-                'lux',
-                'materia',
-                'minty',
-                'pulse',
-                'sandstone',
-                'simplex',
-                'sketchy',
-                'slate',
-                'solar',
-                'spacelab',
-                'superhero',
-                'united',
-                'yeti',
-            ].forEach((template) => {
+            ['cerulean', 'cosmo', 'cyborg', 'darkly', 'flatly', 'journal', 'litera', 'lumen', 'lux', 'materia', 'minty', 'pulse', 'sandstone', 'simplex', 'sketchy', 'slate', 'solar', 'spacelab', 'superhero', 'united', 'yeti'].forEach((template) => {
                 _a.config.libs[template] = {
-                    dependencies: [
-                        'bootstrap-icons',
-                    ],
-                    css: `${_a.cdn.bootswatch}/dist/${template}/bootstrap.min.css`,
+                    dependencies: ['bootstrap-icons'],
+                    css: `${_a.cdn.bootswatch}/dist/${template}/bootstrap.min.css`
                 };
             });
             const id = _a.config.id || `formio-${Math.random().toString(36).substring(7)}`;
             // Create a new wrapper and add the element inside of a new wrapper.
             let wrapper = _a.createElement('div', {
-                id: `${id}-wrapper`,
+                'id': `${id}-wrapper`
             });
             element.parentNode.insertBefore(wrapper, element);
             // If we include the libraries, then we will attempt to run this in shadow dom.
-            const useShadowDom = _a.config.includeLibs &&
-                !_a.config.noshadow &&
-                typeof wrapper.attachShadow === 'function';
+            const useShadowDom = _a.config.includeLibs && !_a.config.noshadow && (typeof wrapper.attachShadow === 'function');
             if (useShadowDom) {
                 wrapper = wrapper.attachShadow({
-                    mode: 'open',
+                    mode: 'open'
                 });
                 options.shadowRoot = wrapper;
             }
@@ -394,12 +360,13 @@ class Formio {
     }
     // Called after an instance has been created.
     static afterCreate(instance, wrapper, readyEvent) {
+        var _b;
         return __awaiter(this, void 0, void 0, function* () {
             const loader = wrapper.querySelector('.formio-loader');
             if (loader) {
                 wrapper.removeChild(loader);
             }
-            _a.FormioClass.events.emit(readyEvent, instance);
+            (_b = _a.FormioClass.events) === null || _b === void 0 ? void 0 : _b.emit(readyEvent, instance);
             if (_a.config.after) {
                 _a.debug('Calling ready callback');
                 _a.config.after(instance, _a.config);
@@ -452,7 +419,7 @@ Formio.formioReady = new Promise((ready, reject) => {
     _a._formioReady = ready;
     _a._formioReadyReject = reject;
 });
-Formio.version = '5.3.0-rc.0';
+Formio.version = '5.2.5';
 // Create a report.
 Formio.Report = {
     create: (element, submission, options = {}) => __awaiter(void 0, void 0, void 0, function* () {
@@ -465,7 +432,7 @@ Formio.Report = {
             _a.afterCreate(instance, wrapper, 'reportEmbedded');
             return instance;
         });
-    }),
+    })
 };
 CDN_js_1.default.defaultCDN = Formio.version.includes('rc') ? 'https://cdn.test-form.io' : 'https://cdn.form.io';
 class Form {
@@ -477,7 +444,7 @@ class Form {
         this.instance = {
             proxy: true,
             ready: this.ready,
-            destroy: () => { },
+            destroy: () => { }
         };
     }
     init() {

package/lib/cjs/EventEmitter.js

@@ -17,7 +17,7 @@ class EventEmitter extends eventemitter3_1.EventEmitter {
         };
         const dispatch = (0, utils_1.observeOverload)(overloadHandler, {
             limit: loadLimit,
-            delay: eventsSafeInterval,
+            delay: eventsSafeInterval
         });
         this.emit = (...args) => {
             super.emit(...args);