@formio/js 5.0.0-dev.5672.279701a → 5.0.0-dev.5673.3d062b9

package/dist/formio.form.js

@@ -4899,7 +4899,7 @@ eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst Field_1 = __importDefault(__webpack_require__(/*! ../field/Field */ \"./lib/cjs/components/_classes/field/Field.js\"));\nconst lodash_1 = __importDefault(__webpack_require__(/*! lodash */ \"./node_modules/lodash/lodash.js\"));\nclass Multivalue extends Field_1.default {\n    get dataValue() {\n        const parent = super.dataValue;\n        if (!parent && this.component.multiple) {\n            return [];\n        }\n        return parent;\n    }\n    set dataValue(value) {\n        super.dataValue = value;\n    }\n    get defaultValue() {\n        let value = super.defaultValue;\n        if (this.component.multiple) {\n            if (lodash_1.default.isArray(value)) {\n                value = !value.length ? [super.emptyValue] : value;\n            }\n            else {\n                value = [value];\n            }\n        }\n        return value;\n    }\n    get addAnother() {\n        return this.t(this.component.addAnother || 'Add Another');\n    }\n    useWrapper() {\n        return this.component.hasOwnProperty('multiple') && this.component.multiple;\n    }\n    /**\n     * @returns {Field} - The created field.\n     */\n    render() {\n        // If single value field.\n        if (!this.useWrapper()) {\n            return super.render(`<div ${this._referenceAttributeName}=\"element\">\n          ${this.renderElement(this.component.type !== 'hidden' ? this.dataValue : '')}\n        </div>`);\n        }\n        // Make sure dataValue is in the correct array format.\n        let dataValue = this.dataValue;\n        if (!Array.isArray(dataValue)) {\n            dataValue = dataValue ? [dataValue] : [];\n        }\n        // If multiple value field.\n        return super.render(this.renderTemplate('multiValueTable', {\n            rows: dataValue.map(this.renderRow.bind(this)).join(''),\n            disabled: this.disabled,\n            addAnother: this.addAnother,\n        }));\n    }\n    renderElement() {\n        return '';\n    }\n    /**\n     * Renders a single row for multi-value components.\n     * @param {any} value - The value associated with the row to render.\n     * @param {number} index - The index of the row in the multi-value list.\n     * @returns {any} Returns the HTML string representation of the row.\n     */\n    renderRow(value, index) {\n        return this.renderTemplate('multiValueRow', {\n            index,\n            disabled: this.disabled,\n            element: `${this.renderElement(value, index)}`,\n        });\n    }\n    /**\n     * @param {HTMLElement} dom - The DOM element to which the component will attach.\n     * @returns {Promise} - Promise that resolves when all asynchronous tasks that have finished.\n     */\n    attach(dom) {\n        const superAttach = super.attach(dom);\n        this.loadRefs(dom, {\n            addButton: 'multiple',\n            input: 'multiple',\n            removeRow: 'multiple',\n            mask: 'multiple',\n            select: 'multiple',\n        });\n        const promises = [];\n        this.refs.input.forEach((element, index) => {\n            promises.push(this.attachElement.call(this, element, index));\n        });\n        if (!this.component.multiple) {\n            return Promise.all(promises);\n        }\n        this.refs.removeRow.forEach((removeButton, index) => {\n            this.addEventListener(removeButton, 'click', (event) => {\n                event.preventDefault();\n                this.removeValue(index);\n            });\n        });\n        // If single value field.\n        this.refs.addButton.forEach((addButton) => {\n            this.addEventListener(addButton, 'click', (event) => {\n                event.preventDefault();\n                this.addValue();\n            });\n        });\n        return superAttach.then(() => {\n            return Promise.all(promises);\n        });\n    }\n    /**\n     * Remove all event handlers.\n     */\n    detach() {\n        if (this.refs.input && this.refs.input.length) {\n            this.refs.input.forEach((input) => {\n                if (input.mask) {\n                    input.mask.destroy ? input.mask.destroy() : input.mask.remove();\n                }\n                if (input.widget) {\n                    input.widget.destroy();\n                }\n            });\n        }\n        if (this.refs.mask && this.refs.mask.length) {\n            this.refs.mask.forEach((input) => {\n                if (input.mask) {\n                    input.mask.destroy ? input.mask.destroy() : input.mask.remove();\n                }\n            });\n        }\n        super.detach();\n    }\n    /**\n     * Attach inputs to the element.\n     * @param {HTMLElement} element - The element to attach.\n     * @param {number} index - The index of the element to attach.\n     */\n    attachElement(element, index) {\n        this.addEventListener(element, this.inputInfo.changeEvent, () => {\n            // Delay update slightly to give input mask a chance to run.\n            const textCase = lodash_1.default.get(this.component, 'case', 'mixed');\n            if (textCase !== 'mixed') {\n                const { selectionStart, selectionEnd, } = element;\n                if (textCase === 'uppercase' && element.value) {\n                    element.value = element.value.toUpperCase();\n                }\n                if (textCase === 'lowercase' && element.value) {\n                    element.value = element.value.toLowerCase();\n                }\n                if (element.selectionStart && element.selectionEnd) {\n                    element.selectionStart = selectionStart;\n                    element.selectionEnd = selectionEnd;\n                }\n            }\n            try {\n                this.saveCaretPosition(element, index);\n            }\n            catch (err) {\n                console.warn('An error occurred while trying to save caret position', err);\n            }\n            // If a mask is present, delay the update to allow mask to update first.\n            if (element.mask) {\n                setTimeout(() => {\n                    return this.updateValue(null, {\n                        modified: (this.component.type !== 'hidden')\n                    }, index);\n                }, 1);\n            }\n            else {\n                return this.updateValue(null, {\n                    modified: (this.component.type !== 'hidden')\n                }, index);\n            }\n        });\n        if (!this.attachMultiMask(index)) {\n            const applyMask = () => {\n                this.setInputMask(element);\n                const valueMask = this.component.inputMask;\n                const displayMask = this.component.displayMask;\n                if (valueMask && displayMask && displayMask !== valueMask && this.refs.valueMaskInput) {\n                    this.setInputMask(this.refs.valueMaskInput, valueMask);\n                }\n            };\n            if (this.inputInfo.changeEvent === 'blur') {\n                this.addEventListener(element, this.inputInfo.changeEvent, () => {\n                    applyMask();\n                    this.dataValue = this.refs.input[0].value;\n                    if (this.checkComponentValidity()) {\n                        this.updateComponentValue(this.refs.input[0].value);\n                    }\n                });\n            }\n            else {\n                applyMask();\n            }\n        }\n    }\n    /**\n     * Event handler for selecting a mask from a dropdown.\n     * @param {Event} event - Event triggered by changing the selected option in mask.\n     */\n    onSelectMaskHandler(event) {\n        this.updateMask(event.target.maskInput, this.getMaskPattern(event.target.value));\n    }\n    /**\n     * Retrieves the mask pattern for a given mask name\n     * @param {string} maskName - The name of the mask to retrieve.\n     * @returns {any} The mask pattern associated with the given mask name.\n     */\n    getMaskPattern(maskName) {\n        if (!this.multiMasks) {\n            this.multiMasks = {};\n        }\n        if (this.multiMasks[maskName]) {\n            return this.multiMasks[maskName];\n        }\n        const mask = this.component.inputMasks.find(inputMask => inputMask.label === maskName);\n        this.multiMasks[maskName] = mask ? mask.mask : this.component.inputMasks[0].mask;\n        return this.multiMasks[maskName];\n    }\n    /**\n     * Attaches a selectable mask to an input field based on its configuration.\n     * @param {number} index - The index of the select or input in component array.\n     * @returns {boolean} - Returns true if the mask was successfully attached\n     */\n    attachMultiMask(index) {\n        if (!(this.isMultipleMasksField && this.component.inputMasks.length && this.refs.input.length)) {\n            return false;\n        }\n        const maskSelect = this.refs.select[index];\n        maskSelect.onchange = this.onSelectMaskHandler.bind(this);\n        maskSelect.maskInput = this.refs.mask[index];\n        this.setInputMask(maskSelect.maskInput, this.component.inputMasks[0].mask);\n        return true;\n    }\n    /**\n     * @param {any} input - The input element on which the mask is to be applied.\n     * @param {string} mask - The mask pattern to apply to the input element. Exit early and remove previous mask if no mask.\n     */\n    updateMask(input, mask) {\n        if (!mask) {\n            if (input.mask) {\n                input.mask.destroy();\n            }\n            if (!this.component.placeholder) {\n                input.removeAttribute('placeholder');\n            }\n            input.value = '';\n            return;\n        }\n        this.setInputMask(input, mask, !this.component.placeholder);\n        this.updateValue();\n    }\n    /**\n     * Adds a new empty value to the data array.\n     * @param {any} value -A value to be added to the data array.\n     */\n    addNewValue(value) {\n        if (value === undefined) {\n            value = this.component.defaultValue ?\n                this.component.defaultValue : this.emptyValue;\n            // If default is an empty aray, default back to empty value.\n            if (Array.isArray(value) && value.length === 0) {\n                value = this.emptyValue;\n            }\n        }\n        let dataValue = this.dataValue || [];\n        if (!Array.isArray(dataValue)) {\n            dataValue = [dataValue];\n        }\n        if (Array.isArray(value)) {\n            dataValue = dataValue.concat(value);\n        }\n        else {\n            dataValue.push(value);\n        }\n        this.dataValue = dataValue;\n    }\n    /**\n     * Adds a new empty value to the data array, and add a new row to contain it.\n     */\n    addValue() {\n        this.addNewValue();\n        this.redraw();\n        this.checkConditions();\n        if (!this.isEmpty(this.dataValue)) {\n            this.restoreValue();\n        }\n        if (this.root) {\n            this.root.onChange();\n        }\n    }\n}\nexports[\"default\"] = Multivalue;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/components/_classes/multivalue/Multivalue.js?");
+eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst Field_1 = __importDefault(__webpack_require__(/*! ../field/Field */ \"./lib/cjs/components/_classes/field/Field.js\"));\nconst lodash_1 = __importDefault(__webpack_require__(/*! lodash */ \"./node_modules/lodash/lodash.js\"));\nclass Multivalue extends Field_1.default {\n    get dataValue() {\n        const parent = super.dataValue;\n        if (!parent && this.component.multiple) {\n            return [];\n        }\n        return parent;\n    }\n    set dataValue(value) {\n        super.dataValue = value;\n    }\n    get defaultValue() {\n        let value = super.defaultValue;\n        if (this.component.multiple) {\n            if (lodash_1.default.isArray(value)) {\n                value = !value.length ? [super.emptyValue] : value;\n            }\n            else {\n                value = [value];\n            }\n        }\n        return value;\n    }\n    get addAnother() {\n        return this.t(this.component.addAnother || 'Add Another');\n    }\n    useWrapper() {\n        return this.component.hasOwnProperty('multiple') && this.component.multiple;\n    }\n    /**\n     * @returns {Field} - The created field.\n     */\n    render() {\n        // If single value field.\n        if (!this.useWrapper()) {\n            return super.render(`<div ${this._referenceAttributeName}=\"element\">\n          ${this.renderElement(this.component.type !== 'hidden' ? this.dataValue : '')}\n        </div>`);\n        }\n        // Make sure dataValue is in the correct array format.\n        let dataValue = this.dataValue;\n        if (!Array.isArray(dataValue)) {\n            dataValue = dataValue ? [dataValue] : [];\n        }\n        // If multiple value field.\n        return super.render(this.renderTemplate('multiValueTable', {\n            rows: dataValue.map(this.renderRow.bind(this)).join(''),\n            disabled: this.disabled,\n            addAnother: this.addAnother,\n        }));\n    }\n    renderElement() {\n        return '';\n    }\n    /**\n     * Renders a single row for multi-value components.\n     * @param {any} value - The value associated with the row to render.\n     * @param {number} index - The index of the row in the multi-value list.\n     * @returns {any} Returns the HTML string representation of the row.\n     */\n    renderRow(value, index) {\n        return this.renderTemplate('multiValueRow', {\n            index,\n            disabled: this.disabled,\n            element: `${this.renderElement(value, index)}`,\n        });\n    }\n    /**\n     * @param {HTMLElement} dom - The DOM element to which the component will attach.\n     * @returns {Promise} - Promise that resolves when all asynchronous tasks that have finished.\n     */\n    attach(dom) {\n        const superAttach = super.attach(dom);\n        this.loadRefs(dom, {\n            addButton: 'multiple',\n            input: 'multiple',\n            removeRow: 'multiple',\n            mask: 'multiple',\n            select: 'multiple',\n        });\n        const promises = [];\n        this.refs.input.forEach((element, index) => {\n            promises.push(this.attachElement.call(this, element, index));\n        });\n        if (!this.component.multiple) {\n            return Promise.all(promises);\n        }\n        this.refs.removeRow.forEach((removeButton, index) => {\n            this.addEventListener(removeButton, 'click', (event) => {\n                event.preventDefault();\n                this.removeValue(index);\n            });\n        });\n        // If single value field.\n        this.refs.addButton.forEach((addButton) => {\n            this.addEventListener(addButton, 'click', (event) => {\n                event.preventDefault();\n                this.addValue();\n            });\n        });\n        return superAttach.then(() => {\n            return Promise.all(promises);\n        });\n    }\n    /**\n     * Remove all event handlers.\n     */\n    detach() {\n        if (this.refs.input && this.refs.input.length) {\n            this.refs.input.forEach((input) => {\n                if (input.mask) {\n                    input.mask.destroy ? input.mask.destroy() : input.mask.remove();\n                }\n                if (input.widget) {\n                    input.widget.destroy();\n                }\n            });\n        }\n        if (this.refs.mask && this.refs.mask.length) {\n            this.refs.mask.forEach((input) => {\n                if (input.mask) {\n                    input.mask.destroy ? input.mask.destroy() : input.mask.remove();\n                }\n            });\n        }\n        super.detach();\n    }\n    /**\n     * Attach inputs to the element.\n     * @param {HTMLElement} element - The element to attach.\n     * @param {number} index - The index of the element to attach.\n     */\n    attachElement(element, index) {\n        this.addEventListener(element, this.inputInfo.changeEvent, () => {\n            // Delay update slightly to give input mask a chance to run.\n            const textCase = lodash_1.default.get(this.component, 'case', 'mixed');\n            if (textCase !== 'mixed') {\n                const { selectionStart, selectionEnd, } = element;\n                if (textCase === 'uppercase' && element.value) {\n                    element.value = element.value.toUpperCase();\n                }\n                if (textCase === 'lowercase' && element.value) {\n                    element.value = element.value.toLowerCase();\n                }\n                if (element.selectionStart && element.selectionEnd) {\n                    element.selectionStart = selectionStart;\n                    element.selectionEnd = selectionEnd;\n                }\n            }\n            try {\n                this.saveCaretPosition(element, index);\n            }\n            catch (err) {\n                console.warn('An error occurred while trying to save caret position', err);\n            }\n            // If a mask is present, delay the update to allow mask to update first.\n            if (element.mask) {\n                setTimeout(() => {\n                    return this.updateValue(null, {\n                        modified: (this.component.type !== 'hidden')\n                    }, index);\n                }, 1);\n            }\n            else {\n                return this.updateValue(null, {\n                    modified: (this.component.type !== 'hidden')\n                }, index);\n            }\n        });\n        if (!this.attachMultiMask(index)) {\n            const applyMask = () => {\n                this.setInputMask(element);\n                const valueMask = this.component.inputMask;\n                const displayMask = this.component.displayMask;\n                if (valueMask && displayMask && displayMask !== valueMask && this.refs.valueMaskInput) {\n                    this.setInputMask(this.refs.valueMaskInput, valueMask);\n                }\n            };\n            if (this.inputInfo.changeEvent === 'blur') {\n                this.addEventListener(element, this.inputInfo.changeEvent, () => {\n                    applyMask();\n                    this.dataValue = this.refs.input[0].value;\n                    if (this.checkComponentValidity()) {\n                        this.updateComponentValue(this.refs.input[0].value);\n                    }\n                });\n            }\n            else {\n                applyMask();\n            }\n        }\n    }\n    /**\n     * Event handler for selecting a mask from a dropdown.\n     * @param {Event} event - Event triggered by changing the selected option in mask.\n     */\n    onSelectMaskHandler(event) {\n        this.updateMask(event.target.maskInput, this.getMaskPattern(event.target.value));\n    }\n    /**\n     * Retrieves the mask pattern for a given mask name\n     * @param {string} maskName - The name of the mask to retrieve.\n     * @returns {any} The mask pattern associated with the given mask name.\n     */\n    getMaskPattern(maskName) {\n        if (!this.multiMasks) {\n            this.multiMasks = {};\n        }\n        if (this.multiMasks[maskName]) {\n            return this.multiMasks[maskName];\n        }\n        const mask = this.component.inputMasks.find(inputMask => inputMask.label === maskName);\n        this.multiMasks[maskName] = mask ? mask.mask : this.component.inputMasks[0].mask;\n        return this.multiMasks[maskName];\n    }\n    /**\n     * Attaches a selectable mask to an input field based on its configuration.\n     * @param {number} index - The index of the select or input in component array.\n     * @returns {boolean} - Returns true if the mask was successfully attached\n     */\n    attachMultiMask(index) {\n        if (!(this.isMultipleMasksField && this.component.inputMasks.length && this.refs.input.length)) {\n            return false;\n        }\n        const maskSelect = this.refs.select[index];\n        maskSelect.onchange = this.onSelectMaskHandler.bind(this);\n        maskSelect.maskInput = this.refs.mask[index];\n        this.setInputMask(maskSelect.maskInput, this.component.inputMasks[0].mask);\n        return true;\n    }\n    /**\n     * @param {any} input - The input element on which the mask is to be applied.\n     * @param {string} mask - The mask pattern to apply to the input element. Exit early if no mask.\n     */\n    updateMask(input, mask) {\n        if (!mask) {\n            return;\n        }\n        this.setInputMask(input, mask, !this.component.placeholder);\n        this.updateValue();\n    }\n    /**\n     * Adds a new empty value to the data array.\n     * @param {any} value -A value to be added to the data array.\n     */\n    addNewValue(value) {\n        if (value === undefined) {\n            value = this.component.defaultValue ?\n                this.component.defaultValue : this.emptyValue;\n            // If default is an empty aray, default back to empty value.\n            if (Array.isArray(value) && value.length === 0) {\n                value = this.emptyValue;\n            }\n        }\n        let dataValue = this.dataValue || [];\n        if (!Array.isArray(dataValue)) {\n            dataValue = [dataValue];\n        }\n        if (Array.isArray(value)) {\n            dataValue = dataValue.concat(value);\n        }\n        else {\n            dataValue.push(value);\n        }\n        this.dataValue = dataValue;\n    }\n    /**\n     * Adds a new empty value to the data array, and add a new row to contain it.\n     */\n    addValue() {\n        this.addNewValue();\n        this.redraw();\n        this.checkConditions();\n        if (!this.isEmpty(this.dataValue)) {\n            this.restoreValue();\n        }\n        if (this.root) {\n            this.root.onChange();\n        }\n    }\n}\nexports[\"default\"] = Multivalue;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/components/_classes/multivalue/Multivalue.js?");
 
 /***/ }),
 
@@ -5735,7 +5735,7 @@ eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst ConditionOperator_1 = __importDefault(__webpack_require__(/*! ./ConditionOperator */ \"./lib/cjs/utils/conditionOperators/ConditionOperator.js\"));\nconst moment_1 = __importDefault(__webpack_require__(/*! moment */ \"./node_modules/moment/moment.js\"));\nclass DateGeaterThan extends ConditionOperator_1.default {\n    static get operatorKey() {\n        return 'dateGreaterThan';\n    }\n    static get displayedName() {\n        return 'Greater Than';\n    }\n    getFormattedDates({ value, comparedValue, conditionTriggerComponent }) {\n        const hasValidationFormat = conditionTriggerComponent ? conditionTriggerComponent.getValidationFormat : null;\n        const date = hasValidationFormat ? (0, moment_1.default)(value, conditionTriggerComponent.getValidationFormat()) : (0, moment_1.default)(value);\n        const comparedDate = hasValidationFormat ? (0, moment_1.default)(comparedValue, conditionTriggerComponent.getValidationFormat()) : (0, moment_1.default)(comparedValue);\n        return { date, comparedDate };\n    }\n    execute(options, functionName = 'isAfter') {\n        const { value, instance, conditionComponentPath } = options;\n        if (!value) {\n            return false;\n        }\n        let conditionTriggerComponent = null;\n        if (instance && instance.root) {\n            conditionTriggerComponent = instance.root.getComponent(conditionComponentPath);\n        }\n        if (conditionTriggerComponent && conditionTriggerComponent.isPartialDay && conditionTriggerComponent.isPartialDay(value)) {\n            return false;\n        }\n        const { date, comparedDate } = this.getFormattedDates(Object.assign(Object.assign({}, options), { conditionTriggerComponent }));\n        return date[functionName](comparedDate);\n    }\n}\nexports[\"default\"] = DateGeaterThan;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/utils/conditionOperators/DateGreaterThan.js?");
+eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst ConditionOperator_1 = __importDefault(__webpack_require__(/*! ./ConditionOperator */ \"./lib/cjs/utils/conditionOperators/ConditionOperator.js\"));\nconst moment_1 = __importDefault(__webpack_require__(/*! moment */ \"./node_modules/moment/moment.js\"));\nclass DateGeaterThan extends ConditionOperator_1.default {\n    static get operatorKey() {\n        return 'dateGreaterThan';\n    }\n    static get displayedName() {\n        return 'Greater Than';\n    }\n    getFormattedDates({ value, comparedValue, conditionTriggerComponent }) {\n        const hasValidationFormat = conditionTriggerComponent ? conditionTriggerComponent.getValidationFormat : null;\n        const date = hasValidationFormat ? (0, moment_1.default)(value, conditionTriggerComponent.getValidationFormat()) : (0, moment_1.default)(value);\n        const comparedDate = hasValidationFormat ? (0, moment_1.default)(comparedValue, conditionTriggerComponent.getValidationFormat()) : (0, moment_1.default)(comparedValue);\n        return { date, comparedDate };\n    }\n    execute(options, functionName = 'isAfter') {\n        var _a;\n        const { value, instance, conditionComponentPath } = options;\n        if (!value) {\n            return false;\n        }\n        let conditionTriggerComponent = null;\n        if ((_a = instance === null || instance === void 0 ? void 0 : instance.root) === null || _a === void 0 ? void 0 : _a.getComponent) {\n            conditionTriggerComponent = instance.root.getComponent(conditionComponentPath);\n        }\n        if (conditionTriggerComponent && conditionTriggerComponent.isPartialDay && conditionTriggerComponent.isPartialDay(value)) {\n            return false;\n        }\n        const { date, comparedDate } = this.getFormattedDates(Object.assign(Object.assign({}, options), { conditionTriggerComponent }));\n        return date[functionName](comparedDate);\n    }\n}\nexports[\"default\"] = DateGeaterThan;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/utils/conditionOperators/DateGreaterThan.js?");
 
 /***/ }),
 
@@ -5834,7 +5834,7 @@ eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst ConditionOperator_1 = __importDefault(__webpack_require__(/*! ./ConditionOperator */ \"./lib/cjs/utils/conditionOperators/ConditionOperator.js\"));\nconst lodash_1 = __importDefault(__webpack_require__(/*! lodash */ \"./node_modules/lodash/lodash.js\"));\nclass IsEmptyValue extends ConditionOperator_1.default {\n    static get operatorKey() {\n        return 'isEmpty';\n    }\n    static get displayedName() {\n        return 'Is Empty';\n    }\n    static get requireValue() {\n        return false;\n    }\n    execute({ value, instance, conditionComponentPath }) {\n        const isEmptyValue = lodash_1.default.isEmpty(value);\n        if (instance && instance.root) {\n            const conditionTriggerComponent = instance.root.getComponent(conditionComponentPath);\n            return conditionTriggerComponent ? conditionTriggerComponent.isEmpty() : isEmptyValue;\n        }\n        return isEmptyValue;\n    }\n    getResult(options) {\n        return this.execute(options);\n    }\n}\nexports[\"default\"] = IsEmptyValue;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/utils/conditionOperators/IsEmptyValue.js?");
+eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst ConditionOperator_1 = __importDefault(__webpack_require__(/*! ./ConditionOperator */ \"./lib/cjs/utils/conditionOperators/ConditionOperator.js\"));\nconst lodash_1 = __importDefault(__webpack_require__(/*! lodash */ \"./node_modules/lodash/lodash.js\"));\nclass IsEmptyValue extends ConditionOperator_1.default {\n    static get operatorKey() {\n        return 'isEmpty';\n    }\n    static get displayedName() {\n        return 'Is Empty';\n    }\n    static get requireValue() {\n        return false;\n    }\n    execute({ value, instance, conditionComponentPath }) {\n        var _a;\n        const isEmptyValue = lodash_1.default.isEmpty(value);\n        if ((_a = instance === null || instance === void 0 ? void 0 : instance.root) === null || _a === void 0 ? void 0 : _a.getComponent) {\n            const conditionTriggerComponent = instance.root.getComponent(conditionComponentPath);\n            return conditionTriggerComponent ? conditionTriggerComponent.isEmpty() : isEmptyValue;\n        }\n        return isEmptyValue;\n    }\n    getResult(options) {\n        return this.execute(options);\n    }\n}\nexports[\"default\"] = IsEmptyValue;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/utils/conditionOperators/IsEmptyValue.js?");
 
 /***/ }),
 
@@ -5845,7 +5845,7 @@ eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst ConditionOperator_1 = __importDefault(__webpack_require__(/*! ./ConditionOperator */ \"./lib/cjs/utils/conditionOperators/ConditionOperator.js\"));\nconst lodash_1 = __importDefault(__webpack_require__(/*! lodash */ \"./node_modules/lodash/lodash.js\"));\nconst utils_1 = __webpack_require__(/*! ../utils */ \"./lib/cjs/utils/utils.js\");\nclass IsEqualTo extends ConditionOperator_1.default {\n    static get operatorKey() {\n        return 'isEqual';\n    }\n    static get displayedName() {\n        return 'Is Equal To';\n    }\n    execute({ value, comparedValue, instance, conditionComponentPath }) {\n        var _a;\n        if ((value || value === false) && comparedValue && typeof value !== typeof comparedValue && lodash_1.default.isString(comparedValue)) {\n            try {\n                comparedValue = JSON.parse(comparedValue);\n            }\n            // eslint-disable-next-line no-empty\n            catch (e) { }\n        }\n        if (instance && instance.root) {\n            const conditionTriggerComponent = instance.root.getComponent(conditionComponentPath);\n            if (conditionTriggerComponent\n                && (0, utils_1.isSelectResourceWithObjectValue)(conditionTriggerComponent.component)\n                && ((_a = conditionTriggerComponent.component) === null || _a === void 0 ? void 0 : _a.template)) {\n                if (!value || !lodash_1.default.isPlainObject(value)) {\n                    return false;\n                }\n                const { template, valueProperty } = conditionTriggerComponent.component;\n                if (valueProperty === 'data') {\n                    value = { data: value };\n                    comparedValue = { data: comparedValue };\n                }\n                return lodash_1.default.every((0, utils_1.getItemTemplateKeys)(template) || [], k => lodash_1.default.isEqual(lodash_1.default.get(value, k), lodash_1.default.get(comparedValue, k)));\n            }\n        }\n        //special check for select boxes\n        if (lodash_1.default.isObject(value) && comparedValue && lodash_1.default.isBoolean(value[comparedValue])) {\n            return value[comparedValue];\n        }\n        return lodash_1.default.isEqual(value, comparedValue);\n    }\n}\nexports[\"default\"] = IsEqualTo;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/utils/conditionOperators/IsEqualTo.js?");
+eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nconst ConditionOperator_1 = __importDefault(__webpack_require__(/*! ./ConditionOperator */ \"./lib/cjs/utils/conditionOperators/ConditionOperator.js\"));\nconst lodash_1 = __importDefault(__webpack_require__(/*! lodash */ \"./node_modules/lodash/lodash.js\"));\nconst utils_1 = __webpack_require__(/*! ../utils */ \"./lib/cjs/utils/utils.js\");\nclass IsEqualTo extends ConditionOperator_1.default {\n    static get operatorKey() {\n        return 'isEqual';\n    }\n    static get displayedName() {\n        return 'Is Equal To';\n    }\n    execute({ value, comparedValue, instance, conditionComponentPath }) {\n        var _a, _b;\n        if ((value || value === false) && comparedValue && typeof value !== typeof comparedValue && lodash_1.default.isString(comparedValue)) {\n            try {\n                comparedValue = JSON.parse(comparedValue);\n            }\n            // eslint-disable-next-line no-empty\n            catch (e) { }\n        }\n        if ((_a = instance === null || instance === void 0 ? void 0 : instance.root) === null || _a === void 0 ? void 0 : _a.getComponent) {\n            const conditionTriggerComponent = instance.root.getComponent(conditionComponentPath);\n            if (conditionTriggerComponent\n                && (0, utils_1.isSelectResourceWithObjectValue)(conditionTriggerComponent.component)\n                && ((_b = conditionTriggerComponent.component) === null || _b === void 0 ? void 0 : _b.template)) {\n                if (!value || !lodash_1.default.isPlainObject(value)) {\n                    return false;\n                }\n                const { template, valueProperty } = conditionTriggerComponent.component;\n                if (valueProperty === 'data') {\n                    value = { data: value };\n                    comparedValue = { data: comparedValue };\n                }\n                return lodash_1.default.every((0, utils_1.getItemTemplateKeys)(template) || [], k => lodash_1.default.isEqual(lodash_1.default.get(value, k), lodash_1.default.get(comparedValue, k)));\n            }\n        }\n        //special check for select boxes\n        if (lodash_1.default.isObject(value) && comparedValue && lodash_1.default.isBoolean(value[comparedValue])) {\n            return value[comparedValue];\n        }\n        return lodash_1.default.isEqual(value, comparedValue);\n    }\n}\nexports[\"default\"] = IsEqualTo;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/utils/conditionOperators/IsEqualTo.js?");
 
 /***/ }),