@formio/js 5.1.0-dev.6102.8eddaab → 5.1.0-dev.6104.98e707b

package/lib/cjs/Element.js

@@ -1,15 +1,38 @@
 "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 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 FormioUtils = __importStar(require("./utils/utils"));
 const i18n_1 = require("./utils/i18n");
-const utils_1 = __importDefault(require("./utils"));
+const lodash_1 = __importDefault(require("lodash"));
+const moment_1 = __importDefault(require("moment"));
+const vanilla_text_mask_1 = __importDefault(require("@formio/vanilla-text-mask"));
 /**
  * The root component for all elements within the Form.io renderer.
  */
@@ -33,7 +56,7 @@ class Element {
          * can also be provided from the component.id value passed into the constructor.
          * @type {string}
          */
-        this.id = utils_1.default.getRandomComponentId();
+        this.id = FormioUtils.getRandomComponentId();
         /**
          * An array of event handlers so that the destry command can deregister them.
          * @type {Array}
@@ -362,7 +385,7 @@ class Element {
      */
     setInputMask(input, inputMask, usePlaceholder) {
         if (input && inputMask) {
-            const mask = utils_1.default.getInputMask(inputMask, this.placeholderChar);
+            const mask = FormioUtils.getInputMask(inputMask, this.placeholderChar);
             this.defaultMask = mask;
             try {
                 //destroy previous mask
@@ -499,8 +522,8 @@ class Element {
         var _a;
         return Object.assign({
             _: lodash_1.default,
-            utils: utils_1.default,
-            util: utils_1.default,
+            utils: FormioUtils,
+            util: FormioUtils,
             user: Formio_1.Formio.getUser(),
             moment: moment_1.default,
             instance: this,
@@ -525,15 +548,15 @@ class Element {
      */
     interpolate(string, data, options = {}) {
         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));
+            && !FormioUtils.Evaluator.templateSettings.interpolate.test(string)) {
+            string = FormioUtils.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 utils_1.default.Evaluator.interpolate(string, evalContext, options);
+            return FormioUtils.interpolate(string, evalContext, options);
         }
-        return utils_1.default.Evaluator.interpolate(string, this.evalContext(data), options);
+        return FormioUtils.interpolate(string, this.evalContext(data), options);
     }
     /**
      * Performs an evaluation using the evaluation context of this component.
@@ -545,7 +568,7 @@ class Element {
      * @returns {*} - The result of the evaluation.
      */
     evaluate(func, args, ret, interpolate, options = {}) {
-        return utils_1.default.evaluate(func, this.evalContext(args), ret, interpolate, options);
+        return FormioUtils.evaluate(func, this.evalContext(args), ret, interpolate, options);
     }
     /**
      * Allow for options to hook into the functionality of this renderer.

package/lib/cjs/EventEmitter.js

@@ -1,7 +1,30 @@
 "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_1 = require("./utils");
+const utils = __importStar(require("./utils/utils"));
 class EventEmitter extends eventemitter3_1.EventEmitter {
     constructor(conf = {}) {
         const { loadLimit = 1000, eventsSafeInterval = 300 } = conf;
@@ -15,7 +38,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 = (0, utils_1.observeOverload)(overloadHandler, {
+        const dispatch = utils.observeOverload(overloadHandler, {
             limit: loadLimit,
             delay: eventsSafeInterval
         });

package/lib/cjs/Form.js

@@ -1,4 +1,27 @@
 "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 };
 };
@@ -7,7 +30,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 utils_1 = __importDefault(require("./utils"));
+const FormioUtils = __importStar(require("./utils/utils"));
 class Form extends Element_1.default {
     constructor(elementOrForm, formOrOptions, options = {}) {
         let element, form, formOptions;
@@ -301,7 +324,7 @@ class Form extends Element_1.default {
         if (this.options.sanitize === false && !forceSanitize) {
             return dirty;
         }
-        return utils_1.default.sanitize(dirty, this.options);
+        return FormioUtils.sanitize(dirty, this.options);
     }
     setContent(element, content, forceSanitize) {
         if (element instanceof HTMLElement) {

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");
+const utils_1 = require("./utils/utils");
 class PDF extends Webform_1.default {
     constructor(element, options) {
         options.display = 'pdf';

package/lib/cjs/PDFBuilder.js

@@ -6,7 +6,8 @@ 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");
+const utils_1 = require("./utils/utils");
+const formUtils_1 = require("./utils/formUtils");
 const builder_1 = __importDefault(require("./utils/builder"));
 const PDF_1 = __importDefault(require("./PDF"));
 class PDFBuilder extends WebformBuilder_1.default {
@@ -271,7 +272,7 @@ class PDFBuilder extends WebformBuilder_1.default {
     getParentContainer(component) {
         let container = [];
         let originalComponent = null;
-        (0, utils_1.eachComponent)(this.webform._form.components, (comp, path, components) => {
+        (0, formUtils_1.eachComponent)(this.webform._form.components, (comp, path, components) => {
             if (comp.id === component.component.id) {
                 container = components;
                 originalComponent = comp;
@@ -454,7 +455,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, utils_1.eachComponent)(this.webform.getComponents(), (comp, path) => {
+            (0, formUtils_1.eachComponent)(this.webform.getComponents(), (comp, path) => {
                 if (this.repeatablePaths.includes(path)) {
                     this.webform.postMessage({ name: 'updateElement', data: comp.component });
                 }
@@ -464,7 +465,7 @@ class PDFBuilder extends WebformBuilder_1.default {
         if (!repeatablePaths.length) {
             return;
         }
-        (0, utils_1.eachComponent)(this.webform.getComponents(), (comp, path) => {
+        (0, formUtils_1.eachComponent)(this.webform.getComponents(), (comp, path) => {
             if (this.repeatablePaths.includes(path)) {
                 this.webform.postMessage({
                     name: 'showBuilderErrors',

package/lib/cjs/Webform.js

@@ -11,7 +11,8 @@ const i18n_1 = __importDefault(require("./i18n"));
 const Formio_1 = require("./Formio");
 const Components_1 = __importDefault(require("./components/Components"));
 const NestedDataComponent_1 = __importDefault(require("./components/_classes/nesteddata/NestedDataComponent"));
-const utils_1 = require("./utils");
+const utils_1 = require("./utils/utils");
+const formUtils_1 = require("./utils/formUtils");
 // We need this here because dragula pulls in CustomEvent class that requires global to exist.
 if (typeof window !== 'undefined' && typeof window.global === 'undefined') {
     window.global = window;
@@ -991,7 +992,7 @@ class Webform extends NestedDataComponent_1.default {
     }
     hasRequiredFields() {
         let result = false;
-        (0, utils_1.eachComponent)(this.form.components, (component) => {
+        (0, formUtils_1.eachComponent)(this.form.components, (component) => {
             if (component.validate.required) {
                 result = true;
                 return true;
@@ -1537,7 +1538,7 @@ class Webform extends NestedDataComponent_1.default {
             return;
         }
         const captchaComponent = [];
-        (0, utils_1.eachComponent)(components || this.components, (component) => {
+        (0, formUtils_1.eachComponent)(components || this.components, (component) => {
             if (/^(re)?captcha$/.test(component.type) && component.component.eventType === 'formLoad') {
                 captchaComponent.push(component);
             }

package/lib/cjs/WebformBuilder.js

@@ -8,7 +8,8 @@ const Component_1 = __importDefault(require("./components/_classes/component/Com
 const tippy_js_1 = __importDefault(require("tippy.js"));
 const Components_1 = __importDefault(require("./components/Components"));
 const Formio_1 = require("./Formio");
-const utils_1 = require("./utils");
+const utils_1 = require("./utils/utils");
+const formUtils_1 = require("./utils/formUtils");
 const builder_1 = __importDefault(require("./utils/builder"));
 const lodash_1 = __importDefault(require("lodash"));
 const dom_autoscroller_1 = __importDefault(require("dom-autoscroller"));
@@ -283,7 +284,7 @@ class WebformBuilder extends Component_1.default {
                 componentOrder: [],
                 default: index === 0,
             };
-            (0, utils_1.eachComponent)(resource.components, (component) => {
+            (0, formUtils_1.eachComponent)(resource.components, (component) => {
                 if (component.type === 'button')
                     return;
                 if (this.options &&
@@ -449,7 +450,7 @@ class WebformBuilder extends Component_1.default {
             return [...componentSchema.components, componentSchema];
         }
         // Get the namespace component so we have the original object.
-        const namespaceComponent = (0, utils_1.getComponent)(this.form.components, namespaceKey, true);
+        const namespaceComponent = (0, formUtils_1.getComponent)(this.form.components, namespaceKey, true);
         return namespaceComponent ? namespaceComponent.components : comp.components;
     }
     recurseNamespace(component) {
@@ -811,7 +812,7 @@ class WebformBuilder extends Component_1.default {
         const draggableComponent = ((_a = this.groups[group]) === null || _a === void 0 ? void 0 : _a.components[compKey]) || {};
         if (draggableComponent.disableSiblings || draggableComponent.uniqueComponent) {
             let isCompAlreadyExists = false;
-            (0, utils_1.eachComponent)(this.webform.components, (component) => {
+            (0, formUtils_1.eachComponent)(this.webform.components, (component) => {
                 if ((draggableComponent.disableSiblings && component.type === draggableComponent.schema.type) ||
                     (draggableComponent.uniqueComponent && component.component.key === draggableComponent.schema.key)) {
                     isCompAlreadyExists = true;
@@ -946,7 +947,7 @@ class WebformBuilder extends Component_1.default {
         //populate isEnabled for captcha form settings
         let isCaptchaEnabled = false;
         if (this.form.components) {
-            (0, utils_1.eachComponent)(form.components, component => {
+            (0, formUtils_1.eachComponent)(form.components, component => {
                 if (isCaptchaEnabled) {
                     return;
                 }
@@ -1041,7 +1042,7 @@ class WebformBuilder extends Component_1.default {
             }
         }
         // Change the "default value" field to be reflective of this component.
-        const defaultValueComponent = (0, utils_1.getComponent)(this.editForm.components, 'defaultValue', true);
+        const defaultValueComponent = (0, formUtils_1.getComponent)(this.editForm.components, 'defaultValue', true);
         if (defaultValueComponent && component.type !== 'hidden') {
             const defaultChanged = changed && ((changed.component && changed.component.key === 'defaultValue')
                 || (changed.instance && defaultValueComponent.hasComponent && defaultValueComponent.hasComponent(changed.instance)));
@@ -1073,7 +1074,7 @@ class WebformBuilder extends Component_1.default {
                     if (!this.originalDefaultValue) {
                         this.originalDefaultValue = (0, utils_1.fastCloneDeep)(defaultValueComponent.component);
                     }
-                    (0, utils_1.eachComponent)(defaultValueComponent.component.components, (comp => {
+                    (0, formUtils_1.eachComponent)(defaultValueComponent.component.components, (comp => {
                         var _a;
                         if ((_a = comp.validate) === null || _a === void 0 ? void 0 : _a.required) {
                             comp.validate.required = false;
@@ -1128,7 +1129,7 @@ class WebformBuilder extends Component_1.default {
     findRepeatablePaths() {
         const repeatablePaths = [];
         const keys = new Map();
-        (0, utils_1.eachComponent)(this.form.components, (comp, path, components, parent, paths) => {
+        (0, formUtils_1.eachComponent)(this.form.components, (comp, path, components, parent, paths) => {
             if (keys.has(paths.dataPath)) {
                 repeatablePaths.push(paths.dataPath);
             }
@@ -1640,7 +1641,7 @@ class WebformBuilder extends Component_1.default {
         if (!Components_1.default.components[type === 'custom' ? 'unknown' : type]) {
             return false;
         }
-        const editTabs = (0, utils_1.getComponent)(Components_1.default.components[type === 'custom' ? 'unknown' : type].editForm().components, 'tabs', true).components;
+        const editTabs = (0, formUtils_1.getComponent)(Components_1.default.components[type === 'custom' ? 'unknown' : type].editForm().components, 'tabs', true).components;
         const hiddenEditTabs = lodash_1.default.filter(lodash_1.default.get(this.options, `editForm.${type}`, []), 'ignore');
         return lodash_1.default.intersectionBy(editTabs, hiddenEditTabs, 'key').length !== editTabs.length;
     }

package/lib/cjs/Wizard.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const lodash_1 = __importDefault(require("lodash"));
 const Webform_1 = __importDefault(require("./Webform"));
 const Formio_1 = require("./Formio");
-const utils_1 = require("./utils");
+const utils_1 = require("./utils/utils");
 class Wizard extends Webform_1.default {
     /**
      * Constructor for wizard-based forms.

package/lib/cjs/WizardBuilder.js

@@ -7,7 +7,7 @@ const WebformBuilder_1 = __importDefault(require("./WebformBuilder"));
 const Webform_1 = __importDefault(require("./Webform"));
 const builder_1 = __importDefault(require("./utils/builder"));
 const lodash_1 = __importDefault(require("lodash"));
-const utils_1 = require("./utils");
+const utils_1 = require("./utils/utils");
 class WizardBuilder extends WebformBuilder_1.default {
     constructor() {
         let element, options;

package/lib/cjs/components/_classes/component/Component.d.ts

@@ -165,6 +165,7 @@ declare class Component extends Element {
     get componentsMap(): object;
     /**
      * Returns if the parent should conditionally clear.
+     *
      * @returns {boolean} - If the parent should conditionally clear.
      */
     parentShouldConditionallyClear(): boolean;

package/lib/cjs/components/_classes/component/Component.js

@@ -1,4 +1,27 @@
 "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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -19,8 +42,8 @@ const lodash_1 = __importDefault(require("lodash"));
 const ismobilejs_1 = __importDefault(require("ismobilejs"));
 const process_1 = require("@formio/core/process");
 const Formio_1 = require("../../../Formio");
-const utils_1 = __importDefault(require("../../../utils"));
-const utils_2 = require("../../../utils");
+const FormioUtils = __importStar(require("../../../utils/utils"));
+const utils_1 = require("../../../utils/utils");
 const Element_1 = __importDefault(require("../../../Element"));
 const ComponentModal_1 = __importDefault(require("../componentModal/ComponentModal"));
 const widgets_1 = __importDefault(require("../../../widgets"));
@@ -28,7 +51,7 @@ const addons_1 = __importDefault(require("../../../addons"));
 const uploadAdapter_1 = require("../../../providers/storage/uploadAdapter");
 const en_1 = __importDefault(require("../../../translations/en"));
 const Templates_1 = __importDefault(require("../../../templates/Templates"));
-const isIEBrowser = utils_1.default.getBrowserInfo().ie;
+const isIEBrowser = FormioUtils.getBrowserInfo().ie;
 /**
  * This is the Component class
  which all elements within the FormioForm derive from.
@@ -202,7 +225,7 @@ class Component extends Element_1.default {
      */
     static savedValueTypes(schema) {
         schema = schema || {};
-        return utils_1.default.getComponentSavedTypes(schema) || [utils_1.default.componentValueTypes.any];
+        return FormioUtils.getComponentSavedTypes(schema) || [FormioUtils.componentValueTypes.any];
     }
     /**
      * Provides a table view for this component. Override if you wish to do something different than using getView
@@ -269,7 +292,7 @@ class Component extends Element_1.default {
         this.component.id = this.id;
         this.afterComponentAssign();
         // Save off the original component to be used in logic.
-        this.originalComponent = (0, utils_2.fastCloneDeep)(this.component);
+        this.originalComponent = (0, utils_1.fastCloneDeep)(this.component);
         /**
          * If the component has been attached
          */
@@ -302,7 +325,7 @@ class Component extends Element_1.default {
          * Determines if this component is disabled, or not.
          * @type {boolean}
          */
-        this._disabled = (0, utils_2.boolValue)(this.component.disabled) ? this.component.disabled : false;
+        this._disabled = (0, utils_1.boolValue)(this.component.disabled) ? this.component.disabled : false;
         /**
          * Points to the root component, usually the FormComponent.
          * @type {Component}
@@ -323,7 +346,7 @@ class Component extends Element_1.default {
          * The component paths for this component.
          * @type {import('@formio/core').ComponentPaths} - The component paths.
          */
-        this.paths = utils_1.default.getComponentPaths(this.component, (_a = this.parent) === null || _a === void 0 ? void 0 : _a.component, Object.assign(Object.assign({}, (_b = this.parent) === null || _b === void 0 ? void 0 : _b.paths), { dataIndex: this.options.rowIndex === undefined ? (_d = (_c = this.parent) === null || _c === void 0 ? void 0 : _c.paths) === null || _d === void 0 ? void 0 : _d.dataIndex : this.options.rowIndex }));
+        this.paths = FormioUtils.getComponentPaths(this.component, (_a = this.parent) === null || _a === void 0 ? void 0 : _a.component, Object.assign(Object.assign({}, (_b = this.parent) === null || _b === void 0 ? void 0 : _b.paths), { dataIndex: this.options.rowIndex === undefined ? (_d = (_c = this.parent) === null || _c === void 0 ? void 0 : _c.paths) === null || _d === void 0 ? void 0 : _d.dataIndex : this.options.rowIndex }));
         this.options.name = this.options.name || 'data';
         this._path = '';
         // Needs for Nextgen Rules Engine
@@ -437,6 +460,7 @@ class Component extends Element_1.default {
     }
     /**
      * Returns if the parent should conditionally clear.
+     *
      * @returns {boolean} - If the parent should conditionally clear.
      */
     parentShouldConditionallyClear() {
@@ -500,7 +524,7 @@ class Component extends Element_1.default {
         label.labelPosition = this.component.labelPosition;
         label.tooltipClass = `${this.iconClass('question-sign')} text-muted`;
         const isPDFReadOnlyMode = this.isPDFReadOnlyMode;
-        if (this.hasInput && this.component.validate && (0, utils_2.boolValue)(this.component.validate.required) && !isPDFReadOnlyMode) {
+        if (this.hasInput && this.component.validate && (0, utils_1.boolValue)(this.component.validate.required) && !isPDFReadOnlyMode) {
             label.className += ' field-required';
         }
         if (label.hidden) {
@@ -533,7 +557,7 @@ class Component extends Element_1.default {
      */
     set rowIndex(value) {
         var _a, _b;
-        this.paths = utils_1.default.getComponentPaths(this.component, (_a = this.parent) === null || _a === void 0 ? void 0 : _a.component, Object.assign(Object.assign({}, (((_b = this.parent) === null || _b === void 0 ? void 0 : _b.paths) || {})), { dataIndex: value }));
+        this.paths = FormioUtils.getComponentPaths(this.component, (_a = this.parent) === null || _a === void 0 ? void 0 : _a.component, Object.assign(Object.assign({}, (((_b = this.parent) === null || _b === void 0 ? void 0 : _b.paths) || {})), { dataIndex: value }));
         this._rowIndex = value;
     }
     afterComponentAssign() {
@@ -853,7 +877,7 @@ class Component extends Element_1.default {
      * @returns {object} - The JSON schema for this component.
      */
     get schema() {
-        return (0, utils_2.fastCloneDeep)(this.getModifiedSchema(lodash_1.default.omit(this.component, 'id'), this.defaultSchema));
+        return (0, utils_1.fastCloneDeep)(this.getModifiedSchema(lodash_1.default.omit(this.component, 'id'), this.defaultSchema));
     }
     /**
      * Returns true if component is inside DataGrid
@@ -1005,7 +1029,7 @@ class Component extends Element_1.default {
         if (!this.shouldSanitizeValue && !forceSanitize) {
             return dirty;
         }
-        return utils_1.default.sanitize(dirty, {
+        return FormioUtils.sanitize(dirty, {
             sanitizeConfig: lodash_1.default.merge(((_a = this.options) === null || _a === void 0 ? void 0 : _a.sanitizeConfig) || {}, options || {}),
         });
     }
@@ -1124,7 +1148,7 @@ class Component extends Element_1.default {
             return submissionTimezone;
         }
         // Return current timezone if none are provided.
-        return (0, utils_2.currentTimezone)();
+        return (0, utils_1.currentTimezone)();
     }
     /**
      *
@@ -1429,7 +1453,7 @@ class Component extends Element_1.default {
         else {
             this.refreshOnChanged = true;
         }
-        this.refreshOnValue = (0, utils_2.fastCloneDeep)(value);
+        this.refreshOnValue = (0, utils_1.fastCloneDeep)(value);
         if (this.refreshOnChanged) {
             if (this.component.clearOnRefresh) {
                 this.setValue(null);
@@ -1671,7 +1695,7 @@ class Component extends Element_1.default {
         if (this.component.customClass) {
             className += this.component.customClass;
         }
-        if (this.hasInput && this.component.validate && (0, utils_2.boolValue)(this.component.validate.required)) {
+        if (this.hasInput && this.component.validate && (0, utils_1.boolValue)(this.component.validate.required)) {
             className += ' required';
         }
         if (this.labelIsHidden()) {
@@ -1959,7 +1983,7 @@ class Component extends Element_1.default {
         if (this._hasCondition !== null) {
             return this._hasCondition;
         }
-        this._hasCondition = utils_1.default.hasCondition(this.component);
+        this._hasCondition = FormioUtils.hasCondition(this.component);
         return this._hasCondition;
     }
     /**
@@ -1986,7 +2010,7 @@ class Component extends Element_1.default {
      * @returns {boolean} - True if the condition applies to this component.
      */
     checkCondition(row, data) {
-        return utils_1.default.checkCondition(this.component, row || this.data, data || this.rootValue, this.root ? this.root._form : {}, this);
+        return FormioUtils.checkCondition(this.component, row || this.data, data || this.rootValue, this.root ? this.root._form : {}, this);
     }
     /**
      * Check for conditionals and hide/show the element based on those conditions.
@@ -2042,9 +2066,9 @@ class Component extends Element_1.default {
         if (logics.length === 0) {
             return;
         }
-        const newComponent = (0, utils_2.fastCloneDeep)(this.originalComponent);
+        const newComponent = (0, utils_1.fastCloneDeep)(this.originalComponent);
         let changed = logics.reduce((changed, logic) => {
-            const result = utils_1.default.checkTrigger(newComponent, logic.trigger, row, data, this.root ? this.root._form : {}, this);
+            const result = FormioUtils.checkTrigger(newComponent, logic.trigger, row, data, this.root ? this.root._form : {}, this);
             return (result ? this.applyActions(newComponent, logic.actions, result, row, data) : false) || changed;
         }, false);
         // If component definition changed, replace and mark as changed.
@@ -2111,7 +2135,7 @@ class Component extends Element_1.default {
         return actions.reduce((changed, action) => {
             switch (action.type) {
                 case 'property': {
-                    utils_1.default.setActionProperty(newComponent, action, result, row, data, this);
+                    FormioUtils.setActionProperty(newComponent, action, result, row, data, this);
                     const property = action.property.value;
                     if (!lodash_1.default.isEqual(lodash_1.default.get(this.component, property), lodash_1.default.get(newComponent, property))) {
                         // Advanced Logic can modify the component's hidden property; because we track conditionally hidden state
@@ -2624,7 +2648,7 @@ class Component extends Element_1.default {
                 if (this.component.type !== 'textfield') {
                     const placeholderChar = this.placeholderChar;
                     value = (0, vanilla_text_mask_1.conformToMask)(value, this.defaultMask, { placeholderChar }).conformedValue;
-                    if (!utils_1.default.matchInputMask(value, this.defaultMask)) {
+                    if (!FormioUtils.matchInputMask(value, this.defaultMask)) {
                         value = '';
                     }
                 }
@@ -2942,7 +2966,7 @@ class Component extends Element_1.default {
             }
             if (fromSubmission) {
                 // If we set value from submission and it differs from calculated one, set the calculated value to prevent overriding dataValue in the next pass
-                this.calculatedValue = (0, utils_2.fastCloneDeep)(calculatedValue);
+                this.calculatedValue = (0, utils_1.fastCloneDeep)(calculatedValue);
                 return false;
             }
             // If this is the firstPass, and the dataValue is different than to the calculatedValue.
@@ -2951,7 +2975,7 @@ class Component extends Element_1.default {
                 return true;
             }
         }
-        this.calculatedValue = (0, utils_2.fastCloneDeep)(calculatedValue);
+        this.calculatedValue = (0, utils_1.fastCloneDeep)(calculatedValue);
         if (changed) {
             if (!flags.noPristineChangeOnModified && this.root.initialized) {
                 this.pristine = false;
@@ -3012,7 +3036,7 @@ class Component extends Element_1.default {
         var _a;
         const { local } = options;
         if (!row) {
-            row = (0, utils_2.getContextualRowData)(this.component, data, this.paths);
+            row = (0, utils_1.getContextualRowData)(this.component, data, this.paths);
         }
         if (!ignoreCondition && !this.checkCondition(row, data)) {
             return '';
@@ -3041,7 +3065,7 @@ class Component extends Element_1.default {
             ]
         });
         const errors = validationScope.errors;
-        const interpolatedErrors = utils_1.default.interpolateErrors(this.component, errors, this.t.bind(this));
+        const interpolatedErrors = FormioUtils.interpolateErrors(this.component, errors, this.t.bind(this));
         return lodash_1.default.map(interpolatedErrors, 'message').join('\n\n');
     }
     /**
@@ -3072,7 +3096,7 @@ class Component extends Element_1.default {
      */
     interpolateErrors(errors) {
         var _a;
-        const interpolatedErrors = utils_1.default.interpolateErrors(this.component, errors, this.t.bind(this));
+        const interpolatedErrors = FormioUtils.interpolateErrors(this.component, errors, this.t.bind(this));
         return ((_a = this.serverErrors) === null || _a === void 0 ? void 0 : _a.length) ? [...interpolatedErrors, ...this.serverErrors] : interpolatedErrors;
     }
     /**
@@ -3292,7 +3316,7 @@ class Component extends Element_1.default {
             }
         });
         this.addEventListener(element, 'blur', () => {
-            this.root.pendingBlur = utils_1.default.delay(() => {
+            this.root.pendingBlur = FormioUtils.delay(() => {
                 this.emit('blur', this);
                 if (this.component.validateOn === 'blur') {
                     this.root.triggerChange({ fromBlur: true }, {
@@ -3540,7 +3564,7 @@ class Component extends Element_1.default {
             if (logic.trigger.type === 'event') {
                 const event = this.interpolate(logic.trigger.event);
                 this.on(event, (...args) => {
-                    const newComponent = (0, utils_2.fastCloneDeep)(this.originalComponent);
+                    const newComponent = (0, utils_1.fastCloneDeep)(this.originalComponent);
                     if (this.applyActions(newComponent, logic.actions, args)) {
                         // If component definition changed, replace it.
                         if (!lodash_1.default.isEqual(this.component, newComponent)) {
@@ -3675,7 +3699,7 @@ Component.requireLibrary = function (name, property, src, polling) {
             }.bind(Component.externalLibraries[name]);
         }
         // See if the plugin already exists.
-        const plugin = (0, utils_2.getScriptPlugin)(property);
+        const plugin = (0, utils_1.getScriptPlugin)(property);
         if (plugin) {
             Component.externalLibraries[name].resolve(plugin);
         }
@@ -3718,7 +3742,7 @@ Component.requireLibrary = function (name, property, src, polling) {
             // if no callback is provided, then check periodically for the script.
             if (polling) {
                 setTimeout(function checkLibrary() {
-                    const plugin = (0, utils_2.getScriptPlugin)(property);
+                    const plugin = (0, utils_1.getScriptPlugin)(property);
                     if (plugin) {
                         Component.externalLibraries[name].resolve(plugin);
                     }