@formio/js 5.1.0-dev.6055.13dee3b → 5.1.0-dev.6056.ba6432d

package/dist/formio.full.js

@@ -5699,7 +5699,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 Components_1 = __importDefault(__webpack_require__(/*! ../../Components */ \"./lib/cjs/components/Components.js\"));\n/**\n * The Edit Form function.\n * @param {...any} extend - The components that extend the edit form.\n * @returns {import('@formio/core').Component[]} - The edit form components.\n */\nfunction default_1(...extend) {\n    return Components_1.default.baseEditForm([\n        {\n            key: 'data',\n            ignore: true\n        },\n        {\n            key: 'validation',\n            ignore: true\n        }\n    ], ...extend);\n}\nexports[\"default\"] = default_1;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/components/_classes/nested/NestedComponent.form.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 Components_1 = __importDefault(__webpack_require__(/*! ../../Components */ \"./lib/cjs/components/Components.js\"));\n/**\n * The Edit Form function.\n * @param {...any} extend - The components that extend the edit form.\n * @returns {import('@formio/core').Component[]} - The edit form components.\n */\nfunction default_1(...extend) {\n    return Components_1.default.baseEditForm([\n        {\n            key: 'display',\n            components: [\n                {\n                    key: 'labelWidth',\n                    ignore: true\n                },\n                {\n                    key: 'labelMargin',\n                    ignore: true\n                }\n            ]\n        },\n        {\n            key: 'data',\n            ignore: true\n        },\n        {\n            key: 'validation',\n            ignore: true\n        }\n    ], ...extend);\n}\nexports[\"default\"] = default_1;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/components/_classes/nested/NestedComponent.form.js?");
 
 /***/ }),
 
@@ -5754,7 +5754,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 }));\nexports.AddressComponentMode = void 0;\nconst autocompleter_1 = __importDefault(__webpack_require__(/*! autocompleter */ \"./node_modules/autocompleter/autocomplete.js\"));\nconst lodash_1 = __importDefault(__webpack_require__(/*! lodash */ \"./node_modules/lodash/lodash.js\"));\nconst Formio_1 = __webpack_require__(/*! ../../Formio */ \"./lib/cjs/Formio.js\");\nconst GoogleAddressProvider_1 = __webpack_require__(/*! ../../providers/address/GoogleAddressProvider */ \"./lib/cjs/providers/address/GoogleAddressProvider.js\");\nconst Field_1 = __importDefault(__webpack_require__(/*! ../_classes/field/Field */ \"./lib/cjs/components/_classes/field/Field.js\"));\nconst NestedComponent_1 = __importDefault(__webpack_require__(/*! ../_classes/nested/NestedComponent */ \"./lib/cjs/components/_classes/nested/NestedComponent.js\"));\nconst Container_1 = __importDefault(__webpack_require__(/*! ../container/Container */ \"./lib/cjs/components/container/Container.js\"));\nconst utils_1 = __webpack_require__(/*! ../../utils/utils */ \"./lib/cjs/utils/utils.js\");\nexports.AddressComponentMode = {\n    Autocomplete: 'autocomplete',\n    Manual: 'manual',\n};\nconst RemoveValueIconHiddenClass = 'address-autocomplete-remove-value-icon--hidden';\nconst ChildConditional = 'show = _.get(instance, \\'parent.manualMode\\', false);';\nclass AddressComponent extends Container_1.default {\n    static schema(...extend) {\n        return Container_1.default.schema({\n            type: 'address',\n            label: 'Address',\n            key: 'address',\n            switchToManualModeLabel: 'Can\\'t find address? Switch to manual mode.',\n            provider: '',\n            manualModeViewString: '',\n            hideLabel: false,\n            disableClearIcon: false,\n            enableManualMode: false,\n            components: [\n                {\n                    label: 'Address 1',\n                    tableView: false,\n                    key: 'address1',\n                    type: 'textfield',\n                    input: true,\n                    customConditional: ChildConditional,\n                },\n                {\n                    label: 'Address 2',\n                    tableView: false,\n                    key: 'address2',\n                    type: 'textfield',\n                    input: true,\n                    customConditional: ChildConditional,\n                },\n                {\n                    label: 'City',\n                    tableView: false,\n                    key: 'city',\n                    type: 'textfield',\n                    input: true,\n                    customConditional: ChildConditional,\n                },\n                {\n                    label: 'State',\n                    tableView: false,\n                    key: 'state',\n                    type: 'textfield',\n                    input: true,\n                    customConditional: ChildConditional,\n                },\n                {\n                    label: 'Country',\n                    tableView: false,\n                    key: 'country',\n                    type: 'textfield',\n                    input: true,\n                    customConditional: ChildConditional,\n                },\n                {\n                    label: 'Zip Code',\n                    tableView: false,\n                    key: 'zip',\n                    type: 'textfield',\n                    input: true,\n                    customConditional: ChildConditional,\n                },\n            ],\n        }, ...extend);\n    }\n    static savedValueTypes(schema) {\n        schema = schema || {};\n        return (0, utils_1.getComponentSavedTypes)(schema) || [utils_1.componentValueTypes.object];\n    }\n    static get builderInfo() {\n        return {\n            title: 'Address',\n            group: 'advanced',\n            icon: 'home',\n            documentation: '/userguide/form-building/advanced-components#address',\n            weight: 35,\n            schema: AddressComponent.schema(),\n        };\n    }\n    static get serverConditionSettings() {\n        return AddressComponent.conditionOperatorsSettings;\n    }\n    static get conditionOperatorsSettings() {\n        return Object.assign(Object.assign({}, super.conditionOperatorsSettings), { operators: ['isEmpty', 'isNotEmpty'] });\n    }\n    mergeSchema(component = {}) {\n        let { defaultSchema } = this;\n        if (component.components) {\n            defaultSchema = lodash_1.default.omit(defaultSchema, 'components');\n        }\n        return lodash_1.default.defaultsDeep(component, defaultSchema);\n    }\n    init() {\n        this.components = this.components || [];\n        if (this.builderMode || this.manualModeEnabled) {\n            NestedComponent_1.default.prototype.addComponents.call(this, this.manualMode ? this.address : {});\n        }\n        Field_1.default.prototype.init.call(this);\n        // Added for backwards compatibility\n        if (this.component.providerOptions) {\n            const { params, url, queryProperty, responseProperty, displayValueProperty } = this.component.providerOptions;\n            const key = params === null || params === void 0 ? void 0 : params.key;\n            const autocompleteOptions = params === null || params === void 0 ? void 0 : params.autocompleteOptions;\n            delete this.component.providerOptions;\n            this.component.url = url;\n            this.component.queryProperty = queryProperty;\n            this.component.responseProperty = responseProperty;\n            this.component.displayValueProperty = displayValueProperty;\n            this.component.apiKey = key;\n            this.component.autocompleteOptions = autocompleteOptions;\n        }\n        let provider = this.component.provider;\n        const providerOptions = this.providerOptions;\n        const map = this.component.map;\n        if (!this.builderMode) {\n            if (provider) {\n                if (lodash_1.default.get(providerOptions, 'params.subscriptionKey')) {\n                    lodash_1.default.set(providerOptions, \"params['subscription-key']\", lodash_1.default.get(providerOptions, 'params.subscriptionKey'));\n                    lodash_1.default.unset(providerOptions, 'params.subscriptionKey');\n                }\n                this.provider = this.initializeProvider(provider, providerOptions);\n            }\n            else if (map) {\n                // Fallback to legacy version where Google Maps was the only provider.\n                provider = this.component.provider = GoogleAddressProvider_1.GoogleAddressProvider.name;\n                const { key, region, } = map;\n                if (key) {\n                    lodash_1.default.set(providerOptions, 'params.key', key);\n                }\n                if (region) {\n                    lodash_1.default.set(providerOptions, 'params.region', region);\n                }\n                this.provider = this.initializeProvider(provider, providerOptions);\n            }\n        }\n    }\n    initializeProvider(provider, options = {}) {\n        const url = this.interpolate(options.url);\n        const Provider = Formio_1.Formio.Providers.getProvider('address', provider);\n        return new Provider(Object.assign(Object.assign({}, options), { url }));\n    }\n    get emptyValue() {\n        return this.manualModeEnabled\n            ? {\n                mode: exports.AddressComponentMode.Autocomplete,\n                address: {},\n            }\n            : {};\n    }\n    get mode() {\n        var _a, _b;\n        if (!this.manualModeEnabled) {\n            return exports.AddressComponentMode.Autocomplete;\n        }\n        return (_b = (_a = this.dataValue) === null || _a === void 0 ? void 0 : _a.mode) !== null && _b !== void 0 ? _b : exports.AddressComponentMode.Autocomplete;\n    }\n    set mode(value) {\n        if (this.manualModeEnabled) {\n            this.dataValue.mode = value;\n        }\n    }\n    get autocompleteMode() {\n        return this.mode === exports.AddressComponentMode.Autocomplete;\n    }\n    get manualMode() {\n        return this.mode === exports.AddressComponentMode.Manual;\n    }\n    get manualModeEnabled() {\n        return !this.isMultiple && Boolean(this.component.enableManualMode);\n    }\n    restoreComponentsContext() {\n        this.getComponents().forEach((component) => {\n            component.data = this.address;\n            component.setValue(component.dataValue, {\n                noUpdateEvent: true,\n            });\n        });\n    }\n    get isMultiple() {\n        return Boolean(this.component.multiple);\n    }\n    get address() {\n        if (this.isMultiple) {\n            return lodash_1.default.isArray(this.dataValue) ? this.dataValue : [this.dataValue];\n        }\n        // Manual mode is not implementing for multiple value\n        return (this.manualModeEnabled && this.dataValue) ? this.dataValue.address : this.dataValue;\n    }\n    set address(value) {\n        if (this.manualModeEnabled && !this.isMultiple && !lodash_1.default.isEqual(value, this.emptyValue)) {\n            this.dataValue.address = value;\n        }\n        else {\n            this.dataValue = value;\n        }\n    }\n    get defaultValue() {\n        let defaultValue = super.defaultValue;\n        if (this.isMultiple) {\n            defaultValue = lodash_1.default.isArray(defaultValue) ? defaultValue : [defaultValue];\n        }\n        return defaultValue;\n    }\n    get defaultSchema() {\n        return AddressComponent.schema();\n    }\n    isValueInLegacyFormat(value) {\n        return value && !value.mode;\n    }\n    set dataValue(value) {\n        super.dataValue = value;\n    }\n    get dataValue() {\n        const resultValue = lodash_1.default.get(this._data, this.path);\n        if (!lodash_1.default.isArray(resultValue) && this.component.multiple) {\n            return [resultValue];\n        }\n        return super.dataValue;\n    }\n    normalizeValue(value) {\n        return (this.manualModeEnabled && this.isValueInLegacyFormat(value))\n            ? {\n                mode: exports.AddressComponentMode.Autocomplete,\n                address: value,\n            }\n            : value;\n    }\n    setValue(value, flags = {}) {\n        const changed = Field_1.default.prototype.setValue.call(this, value, flags);\n        if (this.manualMode) {\n            this.restoreComponentsContext();\n        }\n        if (changed || !lodash_1.default.isEmpty(value) && flags.fromSubmission) {\n            this.redraw();\n        }\n        return changed;\n    }\n    static get modeSwitcherRef() {\n        return 'modeSwitcher';\n    }\n    static get removeValueIconRef() {\n        return 'removeValueIcon';\n    }\n    static get searchInputRef() {\n        return 'searchInput';\n    }\n    static get addRowButtonRef() {\n        return 'addButton';\n    }\n    static get removeRowButtonRef() {\n        return 'removeRow';\n    }\n    get modeSwitcher() {\n        return this.refs\n            ? (this.refs[AddressComponent.modeSwitcherRef] || null)\n            : null;\n    }\n    get providerOptions() {\n        return {\n            params: Object.assign({ subscriptionKey: this.component.subscriptionKey, key: this.component.apiKey }, this.component.params),\n            url: this.component.url,\n            queryProperty: this.component.queryProperty,\n            responseProperty: this.component.responseProperty,\n            displayValueProperty: this.component.displayValueProperty,\n            autocompleteOptions: this.component.autocompleteOptions\n        };\n    }\n    get removeValueIcon() {\n        return this.refs\n            ? (this.refs[AddressComponent.removeValueIconRef] || null)\n            : null;\n    }\n    get searchInput() {\n        return this.refs\n            ? (this.refs[AddressComponent.searchInputRef] || null)\n            : null;\n    }\n    get addRowButton() {\n        return this.refs\n            ? (this.refs[AddressComponent.addRowButtonRef] || null)\n            : null;\n    }\n    get removeRowButton() {\n        return this.refs\n            ? (this.refs[AddressComponent.removeRowButtonRef] || null)\n            : null;\n    }\n    get searchInputAttributes() {\n        const attr = {\n            name: this.options.name,\n            type: 'text',\n            class: 'form-control',\n            lang: this.options.language,\n            tabindex: this.component.tabindex || 0,\n        };\n        if (this.component.placeholder) {\n            attr.placeholder = this.t(this.component.placeholder), { _userInput: true };\n        }\n        if (this.disabled) {\n            attr.disabled = 'disabled';\n        }\n        lodash_1.default.defaults(attr, this.component.attributes);\n        return attr;\n    }\n    get templateName() {\n        return 'address';\n    }\n    get gridTemplateName() {\n        return 'multiValueTable';\n    }\n    get rowTemplateName() {\n        return 'multiValueRow';\n    }\n    get hasChildren() {\n        return !this.isMultiple && (this.builderMode || this.manualModeEnabled);\n    }\n    get addAnother() {\n        return this.t(this.component.addAnother || 'addAnother');\n    }\n    renderElement(value) {\n        return this.renderTemplate(this.templateName, {\n            children: this.hasChildren ? this.renderComponents() : '',\n            nestedKey: this.nestedKey,\n            inputAttributes: this.searchInputAttributes,\n            ref: {\n                modeSwitcher: AddressComponent.modeSwitcherRef,\n                removeValueIcon: AddressComponent.removeValueIconRef,\n                searchInput: AddressComponent.searchInputRef,\n            },\n            displayValue: this.getDisplayValue(value),\n            mode: {\n                autocomplete: this.autocompleteMode,\n                manual: this.manualMode,\n            },\n        });\n    }\n    renderRow(value, index) {\n        return this.renderTemplate(this.rowTemplateName, {\n            index,\n            disabled: this.disabled,\n            element: `${this.renderElement(value, index)}`,\n        });\n    }\n    renderGrid() {\n        return this.renderTemplate(this.gridTemplateName, {\n            rows: this.address.map(this.renderRow.bind(this)).join(''),\n            disabled: this.disabled,\n            addAnother: this.addAnother,\n        });\n    }\n    render() {\n        if (this.isMultiple) {\n            return super.render(this.renderGrid());\n        }\n        return super.render(this.renderElement());\n    }\n    onSelectAddress(address, element, index) {\n        if (this.isMultiple) {\n            this.address[index] = address;\n            this.address = [...this.address];\n        }\n        else {\n            this.address = address;\n        }\n        this.triggerChange({\n            modified: true,\n        });\n        if (element) {\n            element.value = this.getDisplayValue(this.isMultiple ? this.address[index] : this.address);\n        }\n        this.updateRemoveIcon(index);\n    }\n    addRow() {\n        this.address = this.address.concat(this.emptyValue);\n        super.redraw();\n    }\n    attach(element) {\n        const result = ((this.builderMode || this.manualMode) ? super.attach : Field_1.default.prototype.attach).call(this, element);\n        if (!this.builderMode) {\n            if (!this.provider && this.component.provider) {\n                const provider = this.component.provider;\n                const providerOptions = this.providerOptions;\n                this.provider = this.initializeProvider(provider, providerOptions);\n            }\n        }\n        this.loadRefs(element, {\n            [AddressComponent.addRowButtonRef]: 'single',\n            [AddressComponent.modeSwitcherRef]: 'single',\n            [AddressComponent.removeRowButtonRef]: 'multiple',\n            [AddressComponent.removeValueIconRef]: 'multiple',\n            [AddressComponent.searchInputRef]: 'multiple',\n        });\n        this.searchInput.forEach((element, index) => {\n            if (!this.builderMode && element && this.provider) {\n                if (this.component.provider === 'google') {\n                    this.provider.attachAutocomplete(element, index, this.onSelectAddress.bind(this));\n                }\n                else {\n                    (0, autocompleter_1.default)({\n                        input: element,\n                        debounceWaitMs: 300,\n                        fetch: (text, update) => {\n                            const query = text;\n                            this.provider.search(query).then(update);\n                        },\n                        render: (address) => {\n                            const div = this.ce('div');\n                            div.textContent = this.getDisplayValue(address);\n                            return div;\n                        },\n                        onSelect: (address) => {\n                            this.onSelectAddress(address, element, index);\n                        },\n                    });\n                }\n                this.addEventListener(element, 'blur', () => {\n                    if (!element) {\n                        return;\n                    }\n                    if (element.value) {\n                        element.value = this.getDisplayValue(this.isMultiple ? this.address[index] : this.address);\n                    }\n                });\n                this.addEventListener(element, 'keyup', () => {\n                    if (!element) {\n                        return;\n                    }\n                    if (!element.value) {\n                        this.clearAddress(element, index);\n                    }\n                });\n            }\n        });\n        if (this.addRowButton) {\n            this.addEventListener(this.addRowButton, 'click', event => {\n                event.preventDefault();\n                this.addRow();\n            });\n        }\n        this.removeRowButton.forEach((removeRowButton, index) => {\n            this.addEventListener(removeRowButton, 'click', event => {\n                event.preventDefault();\n                this.removeValue(index);\n            });\n        });\n        if (this.modeSwitcher) {\n            this.addEventListener(this.modeSwitcher, 'change', () => {\n                if (!this.modeSwitcher) {\n                    return;\n                }\n                this.dataValue = this.emptyValue;\n                this.mode = this.modeSwitcher.checked\n                    ? exports.AddressComponentMode.Manual\n                    : exports.AddressComponentMode.Autocomplete;\n                if (!this.builderMode) {\n                    if (this.manualMode) {\n                        this.restoreComponentsContext();\n                    }\n                    this.triggerChange({\n                        modified: true,\n                    });\n                }\n                this.redraw();\n            });\n        }\n        if (!this.builderMode) {\n            this.removeValueIcon.forEach((removeValueIcon, index) => {\n                this.updateRemoveIcon(index);\n                const removeValueHandler = () => {\n                    var _a;\n                    const searchInput = (_a = this.searchInput) === null || _a === void 0 ? void 0 : _a[index];\n                    this.clearAddress(searchInput, index);\n                    if (searchInput) {\n                        searchInput.focus();\n                    }\n                };\n                this.addEventListener(removeValueIcon, 'click', removeValueHandler);\n                this.addEventListener(removeValueIcon, 'keydown', ({ key }) => {\n                    if (key === 'Enter') {\n                        removeValueHandler();\n                    }\n                });\n            });\n            lodash_1.default.each(this.refs.searchInput || [], el => this.addFocusBlurEvents(el));\n        }\n        return result;\n    }\n    addChildComponent(component) {\n        component.customConditional = ChildConditional;\n    }\n    redraw() {\n        const modeSwitcherInFocus = (this.modeSwitcher && (document.activeElement === this.modeSwitcher));\n        return super.redraw()\n            .then((result) => {\n            if (modeSwitcherInFocus && this.modeSwitcher) {\n                this.modeSwitcher.focus();\n            }\n            return result;\n        });\n    }\n    clearAddress(element, index) {\n        var _a;\n        if (!this.isEmpty()) {\n            this.triggerChange();\n        }\n        if ((_a = this.address) === null || _a === void 0 ? void 0 : _a[index]) {\n            this.address[index] = this.emptyValue;\n        }\n        else {\n            this.address = this.emptyValue;\n        }\n        if (element) {\n            element.value = '';\n        }\n        this.updateRemoveIcon(index);\n    }\n    getDisplayValue(value = this.address) {\n        return (this.provider && !this.manualMode)\n            ? this.provider.getDisplayValue(value)\n            : '';\n    }\n    validateMultiple() {\n        return this.isMultiple;\n    }\n    updateRemoveIcon(index) {\n        var _a;\n        const removeValueIcon = (_a = this.removeValueIcon) === null || _a === void 0 ? void 0 : _a[index];\n        if (removeValueIcon) {\n            const value = this.isMultiple ? this.address[index] : this.address;\n            if (this.isEmpty(value) || this.disabled) {\n                this.addClass(removeValueIcon, RemoveValueIconHiddenClass);\n            }\n            else {\n                this.removeClass(removeValueIcon, RemoveValueIconHiddenClass);\n            }\n        }\n    }\n    getValueAsString(value, options) {\n        if (!value) {\n            return '';\n        }\n        const normalizedValue = this.normalizeValue(value);\n        const { address, mode, } = (this.manualModeEnabled\n            ? normalizedValue\n            : {\n                address: normalizedValue,\n                mode: exports.AddressComponentMode.Autocomplete,\n            });\n        const valueInManualMode = (mode === exports.AddressComponentMode.Manual);\n        if (this.provider && !valueInManualMode) {\n            return this.getDisplayValue(address);\n        }\n        if (valueInManualMode) {\n            if (this.component.manualModeViewString) {\n                return this.interpolate(this.component.manualModeViewString, {\n                    address,\n                    data: this.data,\n                    component: this.component,\n                });\n            }\n            return this.getComponents()\n                .filter((component) => component.hasValue(address))\n                .map((component) => [component, lodash_1.default.get(address, component.key)])\n                .filter(([component, componentValue]) => !component.isEmpty(componentValue))\n                .map(([component, componentValue]) => component.getValueAsString(componentValue, options))\n                .join(', ');\n        }\n        return super.getValueAsString(address, options);\n    }\n    focus() {\n        if (this.searchInput && this.searchInput[0]) {\n            this.searchInput[0].focus();\n        }\n    }\n}\nexports[\"default\"] = AddressComponent;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/components/address/Address.js?");
+eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.AddressComponentMode = void 0;\nconst autocompleter_1 = __importDefault(__webpack_require__(/*! autocompleter */ \"./node_modules/autocompleter/autocomplete.js\"));\nconst lodash_1 = __importDefault(__webpack_require__(/*! lodash */ \"./node_modules/lodash/lodash.js\"));\nconst Formio_1 = __webpack_require__(/*! ../../Formio */ \"./lib/cjs/Formio.js\");\nconst GoogleAddressProvider_1 = __webpack_require__(/*! ../../providers/address/GoogleAddressProvider */ \"./lib/cjs/providers/address/GoogleAddressProvider.js\");\nconst Field_1 = __importDefault(__webpack_require__(/*! ../_classes/field/Field */ \"./lib/cjs/components/_classes/field/Field.js\"));\nconst NestedComponent_1 = __importDefault(__webpack_require__(/*! ../_classes/nested/NestedComponent */ \"./lib/cjs/components/_classes/nested/NestedComponent.js\"));\nconst Container_1 = __importDefault(__webpack_require__(/*! ../container/Container */ \"./lib/cjs/components/container/Container.js\"));\nconst utils_1 = __webpack_require__(/*! ../../utils/utils */ \"./lib/cjs/utils/utils.js\");\nexports.AddressComponentMode = {\n    Autocomplete: 'autocomplete',\n    Manual: 'manual',\n};\nconst RemoveValueIconHiddenClass = 'address-autocomplete-remove-value-icon--hidden';\nconst ChildConditional = 'show = _.get(instance, \\'parent.manualMode\\', false);';\nclass AddressComponent extends Container_1.default {\n    static schema(...extend) {\n        return Container_1.default.schema({\n            type: 'address',\n            label: 'Address',\n            key: 'address',\n            switchToManualModeLabel: 'Can\\'t find address? Switch to manual mode.',\n            provider: '',\n            manualModeViewString: '',\n            hideLabel: false,\n            disableClearIcon: false,\n            enableManualMode: false,\n            components: [\n                {\n                    label: 'Address 1',\n                    tableView: false,\n                    key: 'address1',\n                    type: 'textfield',\n                    input: true,\n                    customConditional: ChildConditional,\n                },\n                {\n                    label: 'Address 2',\n                    tableView: false,\n                    key: 'address2',\n                    type: 'textfield',\n                    input: true,\n                    customConditional: ChildConditional,\n                },\n                {\n                    label: 'City',\n                    tableView: false,\n                    key: 'city',\n                    type: 'textfield',\n                    input: true,\n                    customConditional: ChildConditional,\n                },\n                {\n                    label: 'State',\n                    tableView: false,\n                    key: 'state',\n                    type: 'textfield',\n                    input: true,\n                    customConditional: ChildConditional,\n                },\n                {\n                    label: 'Country',\n                    tableView: false,\n                    key: 'country',\n                    type: 'textfield',\n                    input: true,\n                    customConditional: ChildConditional,\n                },\n                {\n                    label: 'Zip Code',\n                    tableView: false,\n                    key: 'zip',\n                    type: 'textfield',\n                    input: true,\n                    customConditional: ChildConditional,\n                },\n            ],\n        }, ...extend);\n    }\n    static savedValueTypes(schema) {\n        schema = schema || {};\n        return (0, utils_1.getComponentSavedTypes)(schema) || [utils_1.componentValueTypes.object];\n    }\n    static get builderInfo() {\n        return {\n            title: 'Address',\n            group: 'advanced',\n            icon: 'home',\n            documentation: '/userguide/form-building/advanced-components#address',\n            weight: 35,\n            schema: AddressComponent.schema(),\n        };\n    }\n    static get serverConditionSettings() {\n        return AddressComponent.conditionOperatorsSettings;\n    }\n    static get conditionOperatorsSettings() {\n        return Object.assign(Object.assign({}, super.conditionOperatorsSettings), { operators: ['isEmpty', 'isNotEmpty'] });\n    }\n    mergeSchema(component = {}) {\n        let { defaultSchema } = this;\n        if (component.components) {\n            defaultSchema = lodash_1.default.omit(defaultSchema, 'components');\n        }\n        return lodash_1.default.defaultsDeep(component, defaultSchema);\n    }\n    init() {\n        this.components = this.components || [];\n        if (this.builderMode || this.manualModeEnabled) {\n            NestedComponent_1.default.prototype.addComponents.call(this, this.manualMode ? this.address : {});\n        }\n        Field_1.default.prototype.init.call(this);\n        let provider = this.component.provider;\n        const providerOptions = this.providerOptions;\n        const map = this.component.map;\n        if (!this.builderMode) {\n            if (provider) {\n                if (lodash_1.default.get(providerOptions, 'params.subscriptionKey')) {\n                    lodash_1.default.set(providerOptions, \"params['subscription-key']\", lodash_1.default.get(providerOptions, 'params.subscriptionKey'));\n                    lodash_1.default.unset(providerOptions, 'params.subscriptionKey');\n                }\n                this.provider = this.initializeProvider(provider, providerOptions);\n            }\n            else if (map) {\n                // Fallback to legacy version where Google Maps was the only provider.\n                provider = this.component.provider = GoogleAddressProvider_1.GoogleAddressProvider.name;\n                const { key, region, } = map;\n                if (key) {\n                    lodash_1.default.set(providerOptions, 'params.key', key);\n                }\n                if (region) {\n                    lodash_1.default.set(providerOptions, 'params.region', region);\n                }\n                this.provider = this.initializeProvider(provider, providerOptions);\n            }\n        }\n    }\n    initializeProvider(provider, options = {}) {\n        const url = this.interpolate(options.url);\n        const Provider = Formio_1.Formio.Providers.getProvider('address', provider);\n        return new Provider(Object.assign(Object.assign({}, options), { url }));\n    }\n    get emptyValue() {\n        return this.manualModeEnabled\n            ? {\n                mode: exports.AddressComponentMode.Autocomplete,\n                address: {},\n            }\n            : {};\n    }\n    get mode() {\n        var _a, _b;\n        if (!this.manualModeEnabled) {\n            return exports.AddressComponentMode.Autocomplete;\n        }\n        return (_b = (_a = this.dataValue) === null || _a === void 0 ? void 0 : _a.mode) !== null && _b !== void 0 ? _b : exports.AddressComponentMode.Autocomplete;\n    }\n    set mode(value) {\n        if (this.manualModeEnabled) {\n            this.dataValue.mode = value;\n        }\n    }\n    get autocompleteMode() {\n        return this.mode === exports.AddressComponentMode.Autocomplete;\n    }\n    get manualMode() {\n        return this.mode === exports.AddressComponentMode.Manual;\n    }\n    get manualModeEnabled() {\n        return !this.isMultiple && Boolean(this.component.enableManualMode);\n    }\n    restoreComponentsContext() {\n        this.getComponents().forEach((component) => {\n            component.data = this.address;\n            component.setValue(component.dataValue, {\n                noUpdateEvent: true,\n            });\n        });\n    }\n    get isMultiple() {\n        return Boolean(this.component.multiple);\n    }\n    get address() {\n        if (this.isMultiple) {\n            return lodash_1.default.isArray(this.dataValue) ? this.dataValue : [this.dataValue];\n        }\n        // Manual mode is not implementing for multiple value\n        return (this.manualModeEnabled && this.dataValue) ? this.dataValue.address : this.dataValue;\n    }\n    set address(value) {\n        if (this.manualModeEnabled && !this.isMultiple && !lodash_1.default.isEqual(value, this.emptyValue)) {\n            this.dataValue.address = value;\n        }\n        else {\n            this.dataValue = value;\n        }\n    }\n    get defaultValue() {\n        let defaultValue = super.defaultValue;\n        if (this.isMultiple) {\n            defaultValue = lodash_1.default.isArray(defaultValue) ? defaultValue : [defaultValue];\n        }\n        return defaultValue;\n    }\n    get defaultSchema() {\n        return AddressComponent.schema();\n    }\n    isValueInLegacyFormat(value) {\n        return value && !value.mode;\n    }\n    set dataValue(value) {\n        super.dataValue = value;\n    }\n    get dataValue() {\n        const resultValue = lodash_1.default.get(this._data, this.path);\n        if (!lodash_1.default.isArray(resultValue) && this.component.multiple) {\n            return [resultValue];\n        }\n        return super.dataValue;\n    }\n    normalizeValue(value) {\n        return (this.manualModeEnabled && this.isValueInLegacyFormat(value))\n            ? {\n                mode: exports.AddressComponentMode.Autocomplete,\n                address: value,\n            }\n            : value;\n    }\n    setValue(value, flags = {}) {\n        const changed = Field_1.default.prototype.setValue.call(this, value, flags);\n        if (this.manualMode) {\n            this.restoreComponentsContext();\n        }\n        if (changed || !lodash_1.default.isEmpty(value) && flags.fromSubmission) {\n            this.redraw();\n        }\n        return changed;\n    }\n    static get modeSwitcherRef() {\n        return 'modeSwitcher';\n    }\n    static get removeValueIconRef() {\n        return 'removeValueIcon';\n    }\n    static get searchInputRef() {\n        return 'searchInput';\n    }\n    static get addRowButtonRef() {\n        return 'addButton';\n    }\n    static get removeRowButtonRef() {\n        return 'removeRow';\n    }\n    get modeSwitcher() {\n        return this.refs\n            ? (this.refs[AddressComponent.modeSwitcherRef] || null)\n            : null;\n    }\n    get providerOptions() {\n        return {\n            params: Object.assign({ subscriptionKey: this.component.subscriptionKey, key: this.component.apiKey }, this.component.params),\n            url: this.component.url,\n            queryProperty: this.component.queryProperty,\n            responseProperty: this.component.responseProperty,\n            displayValueProperty: this.component.displayValueProperty,\n            autocompleteOptions: this.component.autocompleteOptions\n        };\n    }\n    get removeValueIcon() {\n        return this.refs\n            ? (this.refs[AddressComponent.removeValueIconRef] || null)\n            : null;\n    }\n    get searchInput() {\n        return this.refs\n            ? (this.refs[AddressComponent.searchInputRef] || null)\n            : null;\n    }\n    get addRowButton() {\n        return this.refs\n            ? (this.refs[AddressComponent.addRowButtonRef] || null)\n            : null;\n    }\n    get removeRowButton() {\n        return this.refs\n            ? (this.refs[AddressComponent.removeRowButtonRef] || null)\n            : null;\n    }\n    get searchInputAttributes() {\n        const attr = {\n            name: this.options.name,\n            type: 'text',\n            class: 'form-control',\n            lang: this.options.language,\n            tabindex: this.component.tabindex || 0,\n        };\n        if (this.component.placeholder) {\n            attr.placeholder = this.t(this.component.placeholder), { _userInput: true };\n        }\n        if (this.disabled) {\n            attr.disabled = 'disabled';\n        }\n        lodash_1.default.defaults(attr, this.component.attributes);\n        return attr;\n    }\n    get templateName() {\n        return 'address';\n    }\n    get gridTemplateName() {\n        return 'multiValueTable';\n    }\n    get rowTemplateName() {\n        return 'multiValueRow';\n    }\n    get hasChildren() {\n        return !this.isMultiple && (this.builderMode || this.manualModeEnabled);\n    }\n    get addAnother() {\n        return this.t(this.component.addAnother || 'addAnother');\n    }\n    renderElement(value) {\n        return this.renderTemplate(this.templateName, {\n            children: this.hasChildren ? this.renderComponents() : '',\n            nestedKey: this.nestedKey,\n            inputAttributes: this.searchInputAttributes,\n            ref: {\n                modeSwitcher: AddressComponent.modeSwitcherRef,\n                removeValueIcon: AddressComponent.removeValueIconRef,\n                searchInput: AddressComponent.searchInputRef,\n            },\n            displayValue: this.getDisplayValue(value),\n            mode: {\n                autocomplete: this.autocompleteMode,\n                manual: this.manualMode,\n            },\n        });\n    }\n    renderRow(value, index) {\n        return this.renderTemplate(this.rowTemplateName, {\n            index,\n            disabled: this.disabled,\n            element: `${this.renderElement(value, index)}`,\n        });\n    }\n    renderGrid() {\n        return this.renderTemplate(this.gridTemplateName, {\n            rows: this.address.map(this.renderRow.bind(this)).join(''),\n            disabled: this.disabled,\n            addAnother: this.addAnother,\n        });\n    }\n    render() {\n        if (this.isMultiple) {\n            return super.render(this.renderGrid());\n        }\n        return super.render(this.renderElement());\n    }\n    onSelectAddress(address, element, index) {\n        if (this.isMultiple) {\n            this.address[index] = address;\n            this.address = [...this.address];\n        }\n        else {\n            this.address = address;\n        }\n        this.triggerChange({\n            modified: true,\n        });\n        if (element) {\n            element.value = this.getDisplayValue(this.isMultiple ? this.address[index] : this.address);\n        }\n        this.updateRemoveIcon(index);\n    }\n    addRow() {\n        this.address = this.address.concat(this.emptyValue);\n        super.redraw();\n    }\n    attach(element) {\n        const result = ((this.builderMode || this.manualMode) ? super.attach : Field_1.default.prototype.attach).call(this, element);\n        if (!this.builderMode) {\n            if (!this.provider && this.component.provider) {\n                const provider = this.component.provider;\n                const providerOptions = this.providerOptions;\n                this.provider = this.initializeProvider(provider, providerOptions);\n            }\n        }\n        this.loadRefs(element, {\n            [AddressComponent.addRowButtonRef]: 'single',\n            [AddressComponent.modeSwitcherRef]: 'single',\n            [AddressComponent.removeRowButtonRef]: 'multiple',\n            [AddressComponent.removeValueIconRef]: 'multiple',\n            [AddressComponent.searchInputRef]: 'multiple',\n        });\n        this.searchInput.forEach((element, index) => {\n            if (!this.builderMode && element && this.provider) {\n                if (this.component.provider === 'google') {\n                    this.provider.attachAutocomplete(element, index, this.onSelectAddress.bind(this));\n                }\n                else {\n                    (0, autocompleter_1.default)({\n                        input: element,\n                        debounceWaitMs: 300,\n                        fetch: (text, update) => {\n                            const query = text;\n                            this.provider.search(query).then(update);\n                        },\n                        render: (address) => {\n                            const div = this.ce('div');\n                            div.textContent = this.getDisplayValue(address);\n                            return div;\n                        },\n                        onSelect: (address) => {\n                            this.onSelectAddress(address, element, index);\n                        },\n                    });\n                }\n                this.addEventListener(element, 'blur', () => {\n                    if (!element) {\n                        return;\n                    }\n                    if (element.value) {\n                        element.value = this.getDisplayValue(this.isMultiple ? this.address[index] : this.address);\n                    }\n                });\n                this.addEventListener(element, 'keyup', () => {\n                    if (!element) {\n                        return;\n                    }\n                    if (!element.value) {\n                        this.clearAddress(element, index);\n                    }\n                });\n            }\n        });\n        if (this.addRowButton) {\n            this.addEventListener(this.addRowButton, 'click', event => {\n                event.preventDefault();\n                this.addRow();\n            });\n        }\n        this.removeRowButton.forEach((removeRowButton, index) => {\n            this.addEventListener(removeRowButton, 'click', event => {\n                event.preventDefault();\n                this.removeValue(index);\n            });\n        });\n        if (this.modeSwitcher) {\n            this.addEventListener(this.modeSwitcher, 'change', () => {\n                if (!this.modeSwitcher) {\n                    return;\n                }\n                this.dataValue = this.emptyValue;\n                this.mode = this.modeSwitcher.checked\n                    ? exports.AddressComponentMode.Manual\n                    : exports.AddressComponentMode.Autocomplete;\n                if (!this.builderMode) {\n                    if (this.manualMode) {\n                        this.restoreComponentsContext();\n                    }\n                    this.triggerChange({\n                        modified: true,\n                    });\n                }\n                this.redraw();\n            });\n        }\n        if (!this.builderMode) {\n            this.removeValueIcon.forEach((removeValueIcon, index) => {\n                this.updateRemoveIcon(index);\n                const removeValueHandler = () => {\n                    var _a;\n                    const searchInput = (_a = this.searchInput) === null || _a === void 0 ? void 0 : _a[index];\n                    this.clearAddress(searchInput, index);\n                    if (searchInput) {\n                        searchInput.focus();\n                    }\n                };\n                this.addEventListener(removeValueIcon, 'click', removeValueHandler);\n                this.addEventListener(removeValueIcon, 'keydown', ({ key }) => {\n                    if (key === 'Enter') {\n                        removeValueHandler();\n                    }\n                });\n            });\n            lodash_1.default.each(this.refs.searchInput || [], el => this.addFocusBlurEvents(el));\n        }\n        return result;\n    }\n    addChildComponent(component) {\n        component.customConditional = ChildConditional;\n    }\n    redraw() {\n        const modeSwitcherInFocus = (this.modeSwitcher && (document.activeElement === this.modeSwitcher));\n        return super.redraw()\n            .then((result) => {\n            if (modeSwitcherInFocus && this.modeSwitcher) {\n                this.modeSwitcher.focus();\n            }\n            return result;\n        });\n    }\n    clearAddress(element, index) {\n        var _a;\n        if (!this.isEmpty()) {\n            this.triggerChange();\n        }\n        if ((_a = this.address) === null || _a === void 0 ? void 0 : _a[index]) {\n            this.address[index] = this.emptyValue;\n        }\n        else {\n            this.address = this.emptyValue;\n        }\n        if (element) {\n            element.value = '';\n        }\n        this.updateRemoveIcon(index);\n    }\n    getDisplayValue(value = this.address) {\n        return (this.provider && !this.manualMode)\n            ? this.provider.getDisplayValue(value)\n            : '';\n    }\n    validateMultiple() {\n        return this.isMultiple;\n    }\n    updateRemoveIcon(index) {\n        var _a;\n        const removeValueIcon = (_a = this.removeValueIcon) === null || _a === void 0 ? void 0 : _a[index];\n        if (removeValueIcon) {\n            const value = this.isMultiple ? this.address[index] : this.address;\n            if (this.isEmpty(value) || this.disabled) {\n                this.addClass(removeValueIcon, RemoveValueIconHiddenClass);\n            }\n            else {\n                this.removeClass(removeValueIcon, RemoveValueIconHiddenClass);\n            }\n        }\n    }\n    getValueAsString(value, options) {\n        if (!value) {\n            return '';\n        }\n        const normalizedValue = this.normalizeValue(value);\n        const { address, mode, } = (this.manualModeEnabled\n            ? normalizedValue\n            : {\n                address: normalizedValue,\n                mode: exports.AddressComponentMode.Autocomplete,\n            });\n        const valueInManualMode = (mode === exports.AddressComponentMode.Manual);\n        if (this.provider && !valueInManualMode) {\n            return this.getDisplayValue(address);\n        }\n        if (valueInManualMode) {\n            if (this.component.manualModeViewString) {\n                return this.interpolate(this.component.manualModeViewString, {\n                    address,\n                    data: this.data,\n                    component: this.component,\n                });\n            }\n            return this.getComponents()\n                .filter((component) => component.hasValue(address))\n                .map((component) => [component, lodash_1.default.get(address, component.key)])\n                .filter(([component, componentValue]) => !component.isEmpty(componentValue))\n                .map(([component, componentValue]) => component.getValueAsString(componentValue, options))\n                .join(', ');\n        }\n        return super.getValueAsString(address, options);\n    }\n    focus() {\n        if (this.searchInput && this.searchInput[0]) {\n            this.searchInput[0].focus();\n        }\n    }\n}\nexports[\"default\"] = AddressComponent;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/components/address/Address.js?");
 
 /***/ }),
 
@@ -6007,7 +6007,7 @@ eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {
 /***/ (function(__unused_webpack_module, exports) {
 
 "use strict";
-eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports[\"default\"] = [\n    {\n        key: 'labelPosition',\n        ignore: true\n    },\n    {\n        key: 'placeholder',\n        ignore: true\n    },\n    {\n        key: 'description',\n        ignore: true\n    },\n    {\n        key: 'tooltip',\n        ignore: true\n    },\n    {\n        key: 'hideLabel',\n        ignore: true\n    },\n    {\n        key: 'autofocus',\n        ignore: true\n    },\n    {\n        key: 'disabled',\n        ignore: true\n    },\n    {\n        key: 'tabindex',\n        ignore: true\n    },\n    {\n        key: 'tableView',\n        ignore: true\n    },\n    {\n        weight: 700,\n        type: 'checkbox',\n        label: 'Refresh On Change',\n        tooltip: 'Rerender the field whenever a value on the form changes.',\n        key: 'refreshOnChange',\n        input: true\n    },\n];\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/components/content/editForm/Content.edit.display.js?");
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports[\"default\"] = [\n    {\n        key: 'labelPosition',\n        ignore: true\n    },\n    {\n        key: 'labelWidth',\n        ignore: true\n    },\n    {\n        key: 'labelMargin',\n        ignore: true\n    },\n    {\n        key: 'placeholder',\n        ignore: true\n    },\n    {\n        key: 'description',\n        ignore: true\n    },\n    {\n        key: 'tooltip',\n        ignore: true\n    },\n    {\n        key: 'hideLabel',\n        ignore: true\n    },\n    {\n        key: 'autofocus',\n        ignore: true\n    },\n    {\n        key: 'disabled',\n        ignore: true\n    },\n    {\n        key: 'tabindex',\n        ignore: true\n    },\n    {\n        key: 'tableView',\n        ignore: true\n    },\n    {\n        weight: 700,\n        type: 'checkbox',\n        label: 'Refresh On Change',\n        tooltip: 'Rerender the field whenever a value on the form changes.',\n        key: 'refreshOnChange',\n        input: true\n    },\n];\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/components/content/editForm/Content.edit.display.js?");
 
 /***/ }),
 
@@ -6062,7 +6062,7 @@ eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexpo
 /***/ (function(__unused_webpack_module, exports) {
 
 "use strict";
-eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports[\"default\"] = [\n    {\n        key: 'inputMask',\n        ignore: true\n    },\n    {\n        key: 'allowMultipleMasks',\n        ignore: true\n    },\n    {\n        key: 'showWordCount',\n        ignore: true\n    },\n    {\n        key: 'showCharCount',\n        ignore: true\n    },\n    {\n        key: 'spellcheck',\n        ignore: true\n    },\n    {\n        type: 'textfield',\n        input: true,\n        weight: 310,\n        key: 'prefix',\n        label: 'prefix',\n        tooltip: 'Specify the prefix symbol after the component (e.g.: USD, EUR)'\n    },\n    {\n        type: 'textfield',\n        input: true,\n        weight: 320,\n        key: 'suffix',\n        label: 'suffix',\n        tooltip: 'Specify the suffix symbol after the component (e.g.: USD, EUR).'\n    }\n];\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/components/currency/editForm/Currency.edit.display.js?");
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports[\"default\"] = [\n    {\n        key: 'inputMask',\n        ignore: true\n    },\n    {\n        key: 'allowMultipleMasks',\n        ignore: true\n    },\n    {\n        key: 'inputMasks',\n        ignore: true\n    },\n    {\n        key: 'widget.type',\n        ignore: true\n    },\n    {\n        key: 'widget',\n        ignore: true\n    },\n    {\n        key: 'showWordCount',\n        ignore: true\n    },\n    {\n        key: 'showCharCount',\n        ignore: true\n    },\n    {\n        key: 'spellcheck',\n        ignore: true\n    },\n    {\n        type: 'textfield',\n        input: true,\n        weight: 310,\n        key: 'prefix',\n        label: 'prefix',\n        tooltip: 'Specify the prefix symbol after the component (e.g.: USD, EUR)'\n    },\n    {\n        type: 'textfield',\n        input: true,\n        weight: 320,\n        key: 'suffix',\n        label: 'suffix',\n        tooltip: 'Specify the suffix symbol after the component (e.g.: USD, EUR).'\n    }\n];\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/components/currency/editForm/Currency.edit.display.js?");
 
 /***/ }),
 
@@ -6293,7 +6293,7 @@ eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {
 /***/ (function(__unused_webpack_module, exports) {
 
 "use strict";
-eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports[\"default\"] = [\n    {\n        key: 'labelPosition',\n        ignore: true\n    },\n    {\n        weight: 15,\n        type: 'checkbox',\n        label: 'Hide Input Labels',\n        tooltip: 'Hide the labels of component inputs. This allows you to show the labels in the form builder, but not when it is rendered.',\n        key: 'hideInputLabels',\n        input: true\n    },\n    {\n        type: 'select',\n        input: true,\n        key: 'inputsLabelPosition',\n        label: 'Inputs Label Position',\n        tooltip: 'Position for the labels for inputs for this field.',\n        weight: 40,\n        defaultValue: 'top',\n        dataSrc: 'values',\n        data: {\n            values: [\n                { label: 'Top', value: 'top' },\n                { label: 'Left', value: 'left' },\n                { label: 'Right', value: 'right' },\n                { label: 'Bottom', value: 'bottom' }\n            ]\n        }\n    },\n    {\n        key: 'placeholder',\n        ignore: true\n    },\n    {\n        weight: 213,\n        type: 'checkbox',\n        label: 'Use Locale Settings',\n        tooltip: 'Use locale settings to display day.',\n        key: 'useLocaleSettings',\n        input: true\n    },\n];\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/components/day/editForm/Day.edit.display.js?");
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports[\"default\"] = [\n    {\n        key: 'labelPosition',\n        ignore: true\n    },\n    {\n        key: 'labelWidth',\n        ignore: true\n    },\n    {\n        key: 'labelMargin',\n        ignore: true\n    },\n    {\n        weight: 15,\n        type: 'checkbox',\n        label: 'Hide Input Labels',\n        tooltip: 'Hide the labels of component inputs. This allows you to show the labels in the form builder, but not when it is rendered.',\n        key: 'hideInputLabels',\n        input: true\n    },\n    {\n        type: 'select',\n        input: true,\n        key: 'inputsLabelPosition',\n        label: 'Inputs Label Position',\n        tooltip: 'Position for the labels for inputs for this field.',\n        weight: 40,\n        defaultValue: 'top',\n        dataSrc: 'values',\n        data: {\n            values: [\n                { label: 'Top', value: 'top' },\n                { label: 'Left', value: 'left' },\n                { label: 'Right', value: 'right' },\n                { label: 'Bottom', value: 'bottom' }\n            ]\n        }\n    },\n    {\n        key: 'placeholder',\n        ignore: true\n    },\n    {\n        weight: 213,\n        type: 'checkbox',\n        label: 'Use Locale Settings',\n        tooltip: 'Use locale settings to display day.',\n        key: 'useLocaleSettings',\n        input: true\n    },\n];\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/components/day/editForm/Day.edit.display.js?");
 
 /***/ }),
 
@@ -6425,7 +6425,7 @@ eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {
 /***/ (function(__unused_webpack_module, exports) {
 
 "use strict";
-eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports[\"default\"] = [\n    {\n        key: 'inputMask',\n        ignore: true,\n    },\n    {\n        key: 'allowMultipleMasks',\n        ignore: true,\n    },\n    {\n        key: 'showWordCount',\n        ignore: true\n    },\n    {\n        key: 'showCharCount',\n        ignore: true\n    }\n];\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/components/email/editForm/Email.edit.display.js?");
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports[\"default\"] = [\n    {\n        key: 'inputMask',\n        ignore: true,\n    },\n    {\n        key: 'allowMultipleMasks',\n        ignore: true,\n    },\n    {\n        key: 'inputMasks',\n        ignore: true\n    },\n    {\n        key: 'widget.type',\n        ignore: true\n    },\n    {\n        key: 'widget',\n        ignore: true\n    },\n    {\n        key: 'showWordCount',\n        ignore: true\n    },\n    {\n        key: 'showCharCount',\n        ignore: true\n    }\n];\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/components/email/editForm/Email.edit.display.js?");
 
 /***/ }),
 
@@ -6469,7 +6469,7 @@ eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {
 /***/ (function(__unused_webpack_module, exports) {
 
 "use strict";
-eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports[\"default\"] = [\n    {\n        key: 'labelPosition',\n        ignore: true\n    },\n    {\n        key: 'placeholder',\n        ignore: true\n    },\n    {\n        key: 'description',\n        ignore: true\n    },\n    {\n        key: 'hideLabel',\n        ignore: true\n    },\n    {\n        key: 'autofocus',\n        ignore: true\n    },\n    {\n        key: 'tableView',\n        ignore: true\n    },\n    {\n        key: 'label',\n        hidden: true,\n        calculateValue(context) {\n            return context.data.legend;\n        }\n    },\n    {\n        weight: 1,\n        type: 'textfield',\n        input: true,\n        key: 'legend',\n        label: 'Legend',\n        placeholder: 'Legend',\n        tooltip: 'The legend for this Fieldset.'\n    },\n];\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/components/fieldset/editForm/Fieldset.edit.display.js?");
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports[\"default\"] = [\n    {\n        key: 'labelPosition',\n        ignore: true\n    },\n    {\n        key: 'labelWidth',\n        ignore: true\n    },\n    {\n        key: 'labelMargin',\n        ignore: true\n    },\n    {\n        key: 'placeholder',\n        ignore: true\n    },\n    {\n        key: 'description',\n        ignore: true\n    },\n    {\n        key: 'hideLabel',\n        ignore: true\n    },\n    {\n        key: 'autofocus',\n        ignore: true\n    },\n    {\n        key: 'tableView',\n        ignore: true\n    },\n    {\n        key: 'label',\n        hidden: true,\n        calculateValue(context) {\n            return context.data.legend;\n        }\n    },\n    {\n        weight: 1,\n        type: 'textfield',\n        input: true,\n        key: 'legend',\n        label: 'Legend',\n        placeholder: 'Legend',\n        tooltip: 'The legend for this Fieldset.'\n    },\n];\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/components/fieldset/editForm/Fieldset.edit.display.js?");
 
 /***/ }),
 
@@ -6634,7 +6634,7 @@ eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexpo
 /***/ (function(__unused_webpack_module, exports) {
 
 "use strict";
-eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports[\"default\"] = [\n    {\n        key: 'labelPosition',\n        ignore: true\n    },\n    {\n        key: 'placeholder',\n        ignore: true\n    },\n    {\n        key: 'description',\n        ignore: true\n    },\n    {\n        key: 'tooltip',\n        ignore: true\n    },\n    {\n        key: 'hideLabel',\n        ignore: true\n    },\n    {\n        key: 'autofocus',\n        ignore: true\n    },\n    {\n        key: 'tabindex',\n        ignore: true\n    },\n    {\n        key: 'hidden',\n        ignore: true\n    },\n    {\n        key: 'tableView',\n        ignore: true\n    },\n    {\n        key: 'disabled',\n        ignore: true\n    },\n];\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/components/hidden/editForm/Hidden.edit.display.js?");
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports[\"default\"] = [\n    {\n        key: 'labelPosition',\n        ignore: true\n    },\n    {\n        key: 'labelWidth',\n        ignore: true\n    },\n    {\n        key: 'labelMargin',\n        ignore: true\n    },\n    {\n        key: 'placeholder',\n        ignore: true\n    },\n    {\n        key: 'description',\n        ignore: true\n    },\n    {\n        key: 'tooltip',\n        ignore: true\n    },\n    {\n        key: 'hideLabel',\n        ignore: true\n    },\n    {\n        key: 'autofocus',\n        ignore: true\n    },\n    {\n        key: 'tabindex',\n        ignore: true\n    },\n    {\n        key: 'hidden',\n        ignore: true\n    },\n    {\n        key: 'tableView',\n        ignore: true\n    },\n    {\n        key: 'disabled',\n        ignore: true\n    },\n];\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/components/hidden/editForm/Hidden.edit.display.js?");
 
 /***/ }),
 
@@ -6667,7 +6667,7 @@ eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {
 /***/ (function(__unused_webpack_module, exports) {
 
 "use strict";
-eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports[\"default\"] = [\n    {\n        key: 'labelPosition',\n        ignore: true\n    },\n    {\n        key: 'placeholder',\n        ignore: true\n    },\n    {\n        key: 'description',\n        ignore: true\n    },\n    {\n        key: 'tooltip',\n        ignore: true\n    },\n    {\n        key: 'hideLabel',\n        ignore: true\n    },\n    {\n        key: 'autofocus',\n        ignore: true\n    },\n    {\n        key: 'disabled',\n        ignore: true\n    },\n    {\n        key: 'tabindex',\n        ignore: true\n    },\n    {\n        key: 'tableView',\n        ignore: true\n    },\n    {\n        type: 'textfield',\n        input: true,\n        key: 'tag',\n        weight: 50,\n        label: 'HTML Tag',\n        placeholder: 'HTML Element Tag',\n        tooltip: 'The tag of this HTML element.'\n    },\n    {\n        type: 'textfield',\n        input: true,\n        key: 'className',\n        weight: 60,\n        label: 'CSS Class',\n        placeholder: 'CSS Class',\n        tooltip: 'The CSS class for this HTML element.'\n    },\n    {\n        type: 'datagrid',\n        input: true,\n        label: 'Attributes',\n        key: 'attrs',\n        tooltip: 'The attributes for this HTML element. Only safe attributes are allowed, such as src, href, and title.',\n        weight: 70,\n        components: [\n            {\n                label: 'Attribute',\n                key: 'attr',\n                input: true,\n                type: 'textfield'\n            },\n            {\n                label: 'Value',\n                key: 'value',\n                input: true,\n                type: 'textfield'\n            }\n        ]\n    },\n    {\n        type: 'textarea',\n        input: true,\n        editor: 'ace',\n        rows: 10,\n        as: 'html',\n        label: 'Content',\n        tooltip: 'The content of this HTML element.',\n        defaultValue: '<div class=\"well\">Content</div>',\n        key: 'content',\n        weight: 80\n    },\n    {\n        weight: 85,\n        type: 'checkbox',\n        label: 'Refresh On Change',\n        tooltip: 'Rerender the field whenever a value on the form changes.',\n        key: 'refreshOnChange',\n        input: true\n    },\n];\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/components/html/editForm/HTML.edit.display.js?");
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports[\"default\"] = [\n    {\n        key: 'labelPosition',\n        ignore: true\n    },\n    {\n        key: 'labelWidth',\n        ignore: true\n    },\n    {\n        key: 'labelMargin',\n        ignore: true\n    },\n    {\n        key: 'placeholder',\n        ignore: true\n    },\n    {\n        key: 'description',\n        ignore: true\n    },\n    {\n        key: 'tooltip',\n        ignore: true\n    },\n    {\n        key: 'hideLabel',\n        ignore: true\n    },\n    {\n        key: 'autofocus',\n        ignore: true\n    },\n    {\n        key: 'disabled',\n        ignore: true\n    },\n    {\n        key: 'tabindex',\n        ignore: true\n    },\n    {\n        key: 'tableView',\n        ignore: true\n    },\n    {\n        type: 'textfield',\n        input: true,\n        key: 'tag',\n        weight: 50,\n        label: 'HTML Tag',\n        placeholder: 'HTML Element Tag',\n        tooltip: 'The tag of this HTML element.'\n    },\n    {\n        type: 'textfield',\n        input: true,\n        key: 'className',\n        weight: 60,\n        label: 'CSS Class',\n        placeholder: 'CSS Class',\n        tooltip: 'The CSS class for this HTML element.'\n    },\n    {\n        type: 'datagrid',\n        input: true,\n        label: 'Attributes',\n        key: 'attrs',\n        tooltip: 'The attributes for this HTML element. Only safe attributes are allowed, such as src, href, and title.',\n        weight: 70,\n        components: [\n            {\n                label: 'Attribute',\n                key: 'attr',\n                input: true,\n                type: 'textfield'\n            },\n            {\n                label: 'Value',\n                key: 'value',\n                input: true,\n                type: 'textfield'\n            }\n        ]\n    },\n    {\n        type: 'textarea',\n        input: true,\n        editor: 'ace',\n        rows: 10,\n        as: 'html',\n        label: 'Content',\n        tooltip: 'The content of this HTML element.',\n        defaultValue: '<div class=\"well\">Content</div>',\n        key: 'content',\n        weight: 80\n    },\n    {\n        weight: 85,\n        type: 'checkbox',\n        label: 'Refresh On Change',\n        tooltip: 'Rerender the field whenever a value on the form changes.',\n        key: 'refreshOnChange',\n        input: true\n    },\n];\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/components/html/editForm/HTML.edit.display.js?");
 
 /***/ }),
 
@@ -6733,7 +6733,7 @@ eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexpo
 /***/ (function(__unused_webpack_module, exports) {
 
 "use strict";
-eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports[\"default\"] = [\n    {\n        key: 'spellcheck',\n        ignore: true\n    },\n    {\n        key: 'inputMask',\n        ignore: true\n    },\n    {\n        key: 'allowMultipleMasks',\n        ignore: true\n    },\n    {\n        key: 'showWordCount',\n        ignore: true,\n    },\n    {\n        key: 'showCharCount',\n        ignore: true,\n    }\n];\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/components/number/editForm/Number.edit.display.js?");
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports[\"default\"] = [\n    {\n        key: 'spellcheck',\n        ignore: true\n    },\n    {\n        key: 'inputMask',\n        ignore: true\n    },\n    {\n        key: 'allowMultipleMasks',\n        ignore: true\n    },\n    {\n        key: 'inputMasks',\n        ignore: true\n    },\n    {\n        key: 'widget.type',\n        ignore: true\n    },\n    {\n        key: 'widget',\n        ignore: true\n    },\n    {\n        key: 'showWordCount',\n        ignore: true,\n    },\n    {\n        key: 'showCharCount',\n        ignore: true,\n    }\n];\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/components/number/editForm/Number.edit.display.js?");
 
 /***/ }),
 
@@ -6832,7 +6832,7 @@ eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexpo
 /***/ (function(__unused_webpack_module, exports) {
 
 "use strict";
-eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports[\"default\"] = [\n    {\n        ignore: true,\n        key: 'mask',\n    },\n    {\n        key: 'inputMask',\n        ignore: true\n    },\n    {\n        key: 'allowMultipleMasks',\n        ignore: true\n    }\n];\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/components/password/editForm/Password.edit.display.js?");
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports[\"default\"] = [\n    {\n        ignore: true,\n        key: 'mask',\n    },\n    {\n        key: 'inputMask',\n        ignore: true\n    },\n    {\n        key: 'allowMultipleMasks',\n        ignore: true\n    },\n    {\n        key: 'inputMasks',\n        ignore: true\n    },\n    {\n        key: 'widget.type',\n        ignore: true\n    },\n    {\n        key: 'widget',\n        ignore: true\n    },\n];\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/components/password/editForm/Password.edit.display.js?");
 
 /***/ }),
 
@@ -6854,7 +6854,7 @@ eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexpo
 /***/ (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 TextField_form_1 = __importDefault(__webpack_require__(/*! ../textfield/TextField.form */ \"./lib/cjs/components/textfield/TextField.form.js\"));\nconst PhoneNumber_edit_validation_1 = __importDefault(__webpack_require__(/*! ./editForm/PhoneNumber.edit.validation */ \"./lib/cjs/components/phonenumber/editForm/PhoneNumber.edit.validation.js\"));\n/**\n * The Edit Form function.\n * @param {...any} extend - The components that extend the edit form.\n * @returns {import('@formio/core').Component[]} - The edit form components.\n */\nfunction default_1(...extend) {\n    return (0, TextField_form_1.default)([\n        {\n            key: 'display',\n            components: [\n                {\n                    key: 'showWordCount',\n                    ignore: true\n                },\n                {\n                    key: 'showCharCount',\n                    ignore: true\n                }\n            ]\n        },\n        {\n            key: 'data',\n            components: [\n                {\n                    key: 'case',\n                    ignore: true\n                }\n            ]\n        },\n        {\n            key: 'validation',\n            components: PhoneNumber_edit_validation_1.default\n        },\n    ], ...extend);\n}\nexports[\"default\"] = default_1;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/components/phonenumber/PhoneNumber.form.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 TextField_form_1 = __importDefault(__webpack_require__(/*! ../textfield/TextField.form */ \"./lib/cjs/components/textfield/TextField.form.js\"));\nconst PhoneNumber_edit_validation_1 = __importDefault(__webpack_require__(/*! ./editForm/PhoneNumber.edit.validation */ \"./lib/cjs/components/phonenumber/editForm/PhoneNumber.edit.validation.js\"));\n/**\n * The Edit Form function.\n * @param {...any} extend - The components that extend the edit form.\n * @returns {import('@formio/core').Component[]} - The edit form components.\n */\nfunction default_1(...extend) {\n    return (0, TextField_form_1.default)([\n        {\n            key: 'display',\n            components: [\n                {\n                    key: 'showWordCount',\n                    ignore: true\n                },\n                {\n                    key: 'showCharCount',\n                    ignore: true\n                },\n                {\n                    key: 'widget.type',\n                    ignore: true\n                },\n                {\n                    key: 'widget',\n                    ignore: true\n                },\n            ]\n        },\n        {\n            key: 'data',\n            components: [\n                {\n                    key: 'case',\n                    ignore: true\n                }\n            ]\n        },\n        {\n            key: 'validation',\n            components: PhoneNumber_edit_validation_1.default\n        },\n    ], ...extend);\n}\nexports[\"default\"] = default_1;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/components/phonenumber/PhoneNumber.form.js?");
 
 /***/ }),
 
@@ -7228,7 +7228,7 @@ eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {
 /***/ (function(__unused_webpack_module, exports) {
 
 "use strict";
-eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports[\"default\"] = [\n    {\n        key: 'labelPosition',\n        ignore: true\n    },\n    {\n        key: 'placeholder',\n        ignore: true\n    },\n    {\n        key: 'description',\n        ignore: true\n    },\n    {\n        key: 'autofocus',\n        ignore: true\n    },\n    {\n        key: 'tooltip',\n        ignore: true\n    },\n    {\n        key: 'tabindex',\n        ignore: true\n    },\n    {\n        key: 'disabled',\n        ignore: true\n    },\n    {\n        key: 'tableView',\n        ignore: true\n    },\n    {\n        key: 'hideLabel',\n        ignore: true\n    },\n    {\n        weight: 0,\n        type: 'textfield',\n        input: true,\n        key: 'label',\n        label: 'Label',\n        placeholder: 'Field Label',\n        tooltip: 'The label for this field.',\n        validate: {\n            required: true\n        },\n        autofocus: true,\n        overrideEditForm: true\n    },\n    {\n        key: 'components',\n        type: 'datagrid',\n        input: true,\n        label: 'Tabs',\n        weight: 50,\n        reorder: true,\n        components: [\n            {\n                type: 'textfield',\n                input: true,\n                key: 'label',\n                label: 'Label'\n            },\n            {\n                type: 'textfield',\n                input: true,\n                key: 'key',\n                label: 'Key',\n                allowCalculateOverride: true,\n                calculateValue: { _camelCase: [{ var: 'row.label' }] }\n            }\n        ]\n    },\n    {\n        weight: 1100,\n        type: 'checkbox',\n        label: 'Vertical Layout',\n        tooltip: 'Make this field display in vertical orientation.',\n        key: 'verticalLayout',\n        input: true\n    },\n    {\n        key: 'hideLabel',\n        ignore: true\n    },\n];\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/components/tabs/editForm/Tabs.edit.display.js?");
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports[\"default\"] = [\n    {\n        key: 'labelPosition',\n        ignore: true\n    },\n    {\n        key: 'labelWidth',\n        ignore: true\n    },\n    {\n        key: 'labelMargin',\n        ignore: true\n    },\n    {\n        key: 'placeholder',\n        ignore: true\n    },\n    {\n        key: 'description',\n        ignore: true\n    },\n    {\n        key: 'autofocus',\n        ignore: true\n    },\n    {\n        key: 'tooltip',\n        ignore: true\n    },\n    {\n        key: 'tabindex',\n        ignore: true\n    },\n    {\n        key: 'disabled',\n        ignore: true\n    },\n    {\n        key: 'tableView',\n        ignore: true\n    },\n    {\n        key: 'hideLabel',\n        ignore: true\n    },\n    {\n        weight: 0,\n        type: 'textfield',\n        input: true,\n        key: 'label',\n        label: 'Label',\n        placeholder: 'Field Label',\n        tooltip: 'The label for this field.',\n        validate: {\n            required: true\n        },\n        autofocus: true,\n        overrideEditForm: true\n    },\n    {\n        key: 'components',\n        type: 'datagrid',\n        input: true,\n        label: 'Tabs',\n        weight: 50,\n        reorder: true,\n        components: [\n            {\n                type: 'textfield',\n                input: true,\n                key: 'label',\n                label: 'Label'\n            },\n            {\n                type: 'textfield',\n                input: true,\n                key: 'key',\n                label: 'Key',\n                allowCalculateOverride: true,\n                calculateValue: { _camelCase: [{ var: 'row.label' }] }\n            }\n        ]\n    },\n    {\n        weight: 1100,\n        type: 'checkbox',\n        label: 'Vertical Layout',\n        tooltip: 'Make this field display in vertical orientation.',\n        key: 'verticalLayout',\n        input: true\n    },\n    {\n        key: 'hideLabel',\n        ignore: true\n    },\n];\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/components/tabs/editForm/Tabs.edit.display.js?");
 
 /***/ }),
 
@@ -7294,7 +7294,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 lodash_1 = __importDefault(__webpack_require__(/*! lodash */ \"./node_modules/lodash/lodash.js\"));\nconst Formio_1 = __webpack_require__(/*! ../../../Formio */ \"./lib/cjs/Formio.js\");\nexports[\"default\"] = [\n    {\n        key: 'inputMask',\n        ignore: true\n    },\n    {\n        key: 'allowMultipleMasks',\n        ignore: true\n    },\n    {\n        key: 'mask',\n        ignore: true\n    },\n    {\n        type: 'number',\n        input: true,\n        key: 'rows',\n        label: 'Rows',\n        weight: 210,\n        tooltip: 'This allows control over how many rows are visible in the text area.',\n        placeholder: 'Enter the amount of rows'\n    },\n    {\n        weight: 1350,\n        type: 'checkbox',\n        input: true,\n        key: 'spellcheck',\n        defaultValue: true,\n        label: 'Allow Spellcheck'\n    },\n    {\n        type: 'select',\n        input: true,\n        key: 'editor',\n        label: 'Editor',\n        tooltip: 'Select the type of WYSIWYG editor to use for this text area.',\n        dataSrc: 'values',\n        data: {\n            values: [\n                { label: 'None', value: '' },\n                { label: 'ACE', value: 'ace' },\n                { label: 'CKEditor', value: 'ckeditor' },\n                { label: 'Quill', value: 'quill' },\n            ]\n        },\n        weight: 415\n    },\n    {\n        type: 'checkbox',\n        input: true,\n        key: 'autoExpand',\n        label: 'Auto Expand',\n        tooltip: 'This will make the TextArea auto expand it\\'s height as the user is typing into the area.',\n        weight: 415,\n        conditional: {\n            json: {\n                '==': [\n                    { var: 'data.editor' },\n                    ''\n                ]\n            }\n        }\n    },\n    {\n        type: 'checkbox',\n        input: true,\n        key: 'isUploadEnabled',\n        label: 'Enable Image Upload',\n        weight: 415.1,\n        conditional: {\n            json: {\n                or: [\n                    {\n                        '===': [\n                            { var: 'data.editor' },\n                            'quill'\n                        ],\n                    },\n                    {\n                        '===': [\n                            { var: 'data.editor' },\n                            'ckeditor'\n                        ],\n                    }\n                ]\n            }\n        }\n    },\n    {\n        type: 'select',\n        input: true,\n        key: 'uploadStorage',\n        label: 'Image Upload Storage',\n        placeholder: 'Select your file storage provider',\n        weight: 415.2,\n        tooltip: 'Which storage to save the files in.',\n        valueProperty: 'value',\n        dataSrc: 'custom',\n        data: {\n            custom() {\n                return lodash_1.default.map(Formio_1.Formio.Providers.getProviders('storage'), (storage, key) => ({\n                    label: storage.title,\n                    value: key\n                }));\n            }\n        },\n        conditional: {\n            json: {\n                '===': [\n                    { var: 'data.isUploadEnabled' },\n                    true\n                ]\n            }\n        }\n    },\n    {\n        type: 'textfield',\n        input: true,\n        key: 'uploadUrl',\n        label: 'Image Upload Url',\n        weight: 415.3,\n        placeholder: 'Enter the url to post the files to.',\n        tooltip: 'See <a href=\\'https://github.com/danialfarid/ng-file-upload#server-side\\' target=\\'_blank\\'>https://github.com/danialfarid/ng-file-upload#server-side</a> for how to set up the server.',\n        conditional: {\n            json: { '===': [{ var: 'data.uploadStorage' }, 'url'] }\n        }\n    },\n    {\n        type: 'textarea',\n        key: 'uploadOptions',\n        label: 'Image Upload Custom request options',\n        tooltip: 'Pass your custom xhr options(optional)',\n        rows: 5,\n        editor: 'ace',\n        input: true,\n        weight: 415.4,\n        placeholder: `{\n      \"withCredentials\": true\n    }`,\n        conditional: {\n            json: {\n                '===': [{\n                        var: 'data.uploadStorage'\n                    }, 'url']\n            }\n        }\n    },\n    {\n        type: 'textfield',\n        input: true,\n        key: 'uploadDir',\n        label: 'Image Upload Directory',\n        placeholder: '(optional) Enter a directory for the files',\n        tooltip: 'This will place all the files uploaded in this field in the directory',\n        weight: 415.5,\n        conditional: {\n            json: {\n                '===': [\n                    { var: 'data.isUploadEnabled' },\n                    true\n                ]\n            }\n        }\n    },\n    {\n        type: 'textfield',\n        key: 'fileKey',\n        input: true,\n        label: 'File form-data Key',\n        tooltip: 'Key name that you would like to modify for the file while calling API request.',\n        rows: 5,\n        weight: 415.6,\n        placeholder: 'Enter the key name of a file for form data.',\n        conditional: {\n            json: {\n                and: [\n                    { '===': [\n                            { var: 'data.editor' },\n                            'quill'\n                        ] },\n                    { '===': [\n                            { var: 'data.isUploadEnabled' },\n                            true\n                        ] },\n                    { '===': [\n                            { var: 'data.uploadStorage' },\n                            'url'\n                        ] },\n                ]\n            }\n        }\n    },\n    {\n        type: 'select',\n        input: true,\n        key: 'as',\n        label: 'Save As',\n        dataSrc: 'values',\n        tooltip: 'This setting determines how the value should be entered and stored in the database.',\n        clearOnHide: true,\n        data: {\n            values: [\n                { label: 'String', value: 'string' },\n                { label: 'JSON', value: 'json' },\n                { label: 'HTML', value: 'html' }\n            ]\n        },\n        conditional: {\n            json: {\n                or: [\n                    { '===': [\n                            { var: 'data.editor' },\n                            'quill'\n                        ] },\n                    { '===': [\n                            { var: 'data.editor' },\n                            'ace'\n                        ] }\n                ]\n            }\n        },\n        weight: 416\n    },\n    {\n        type: 'textarea',\n        input: true,\n        editor: 'ace',\n        rows: 10,\n        as: 'json',\n        label: 'Editor Settings',\n        tooltip: 'Enter the WYSIWYG editor JSON configuration.',\n        key: 'wysiwyg',\n        customDefaultValue(value, component, row, data, instance) {\n            return instance ? instance.wysiwygDefault : '';\n        },\n        conditional: {\n            json: {\n                or: [\n                    { '===': [\n                            { var: 'data.editor' },\n                            'ace'\n                        ] },\n                    { '===': [\n                            { var: 'data.editor' },\n                            'ckeditor'\n                        ] },\n                    { '===': [\n                            { var: 'data.editor' },\n                            'quill'\n                        ] },\n                ]\n            }\n        },\n        weight: 417\n    }\n];\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/components/textarea/editForm/TextArea.edit.display.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 lodash_1 = __importDefault(__webpack_require__(/*! lodash */ \"./node_modules/lodash/lodash.js\"));\nconst Formio_1 = __webpack_require__(/*! ../../../Formio */ \"./lib/cjs/Formio.js\");\nexports[\"default\"] = [\n    {\n        key: 'inputMask',\n        ignore: true\n    },\n    {\n        key: 'allowMultipleMasks',\n        ignore: true\n    },\n    {\n        key: 'inputMasks',\n        ignore: true\n    },\n    {\n        key: 'mask',\n        ignore: true\n    },\n    {\n        key: 'widget.type',\n        ignore: true\n    },\n    {\n        key: 'widget',\n        ignore: true\n    },\n    {\n        type: 'number',\n        input: true,\n        key: 'rows',\n        label: 'Rows',\n        weight: 210,\n        tooltip: 'This allows control over how many rows are visible in the text area.',\n        placeholder: 'Enter the amount of rows'\n    },\n    {\n        weight: 1350,\n        type: 'checkbox',\n        input: true,\n        key: 'spellcheck',\n        defaultValue: true,\n        label: 'Allow Spellcheck'\n    },\n    {\n        type: 'select',\n        input: true,\n        key: 'editor',\n        label: 'Editor',\n        tooltip: 'Select the type of WYSIWYG editor to use for this text area.',\n        dataSrc: 'values',\n        data: {\n            values: [\n                { label: 'None', value: '' },\n                { label: 'ACE', value: 'ace' },\n                { label: 'CKEditor', value: 'ckeditor' },\n                { label: 'Quill', value: 'quill' },\n            ]\n        },\n        weight: 415\n    },\n    {\n        type: 'checkbox',\n        input: true,\n        key: 'autoExpand',\n        label: 'Auto Expand',\n        tooltip: 'This will make the TextArea auto expand it\\'s height as the user is typing into the area.',\n        weight: 415,\n        conditional: {\n            json: {\n                '==': [\n                    { var: 'data.editor' },\n                    ''\n                ]\n            }\n        }\n    },\n    {\n        type: 'checkbox',\n        input: true,\n        key: 'isUploadEnabled',\n        label: 'Enable Image Upload',\n        weight: 415.1,\n        conditional: {\n            json: {\n                or: [\n                    {\n                        '===': [\n                            { var: 'data.editor' },\n                            'quill'\n                        ],\n                    },\n                    {\n                        '===': [\n                            { var: 'data.editor' },\n                            'ckeditor'\n                        ],\n                    }\n                ]\n            }\n        }\n    },\n    {\n        type: 'select',\n        input: true,\n        key: 'uploadStorage',\n        label: 'Image Upload Storage',\n        placeholder: 'Select your file storage provider',\n        weight: 415.2,\n        tooltip: 'Which storage to save the files in.',\n        valueProperty: 'value',\n        dataSrc: 'custom',\n        data: {\n            custom() {\n                return lodash_1.default.map(Formio_1.Formio.Providers.getProviders('storage'), (storage, key) => ({\n                    label: storage.title,\n                    value: key\n                }));\n            }\n        },\n        conditional: {\n            json: {\n                '===': [\n                    { var: 'data.isUploadEnabled' },\n                    true\n                ]\n            }\n        }\n    },\n    {\n        type: 'textfield',\n        input: true,\n        key: 'uploadUrl',\n        label: 'Image Upload Url',\n        weight: 415.3,\n        placeholder: 'Enter the url to post the files to.',\n        tooltip: 'See <a href=\\'https://github.com/danialfarid/ng-file-upload#server-side\\' target=\\'_blank\\'>https://github.com/danialfarid/ng-file-upload#server-side</a> for how to set up the server.',\n        conditional: {\n            json: { '===': [{ var: 'data.uploadStorage' }, 'url'] }\n        }\n    },\n    {\n        type: 'textarea',\n        key: 'uploadOptions',\n        label: 'Image Upload Custom request options',\n        tooltip: 'Pass your custom xhr options(optional)',\n        rows: 5,\n        editor: 'ace',\n        input: true,\n        weight: 415.4,\n        placeholder: `{\n      \"withCredentials\": true\n    }`,\n        conditional: {\n            json: {\n                '===': [{\n                        var: 'data.uploadStorage'\n                    }, 'url']\n            }\n        }\n    },\n    {\n        type: 'textfield',\n        input: true,\n        key: 'uploadDir',\n        label: 'Image Upload Directory',\n        placeholder: '(optional) Enter a directory for the files',\n        tooltip: 'This will place all the files uploaded in this field in the directory',\n        weight: 415.5,\n        conditional: {\n            json: {\n                '===': [\n                    { var: 'data.isUploadEnabled' },\n                    true\n                ]\n            }\n        }\n    },\n    {\n        type: 'textfield',\n        key: 'fileKey',\n        input: true,\n        label: 'File form-data Key',\n        tooltip: 'Key name that you would like to modify for the file while calling API request.',\n        rows: 5,\n        weight: 415.6,\n        placeholder: 'Enter the key name of a file for form data.',\n        conditional: {\n            json: {\n                and: [\n                    { '===': [\n                            { var: 'data.editor' },\n                            'quill'\n                        ] },\n                    { '===': [\n                            { var: 'data.isUploadEnabled' },\n                            true\n                        ] },\n                    { '===': [\n                            { var: 'data.uploadStorage' },\n                            'url'\n                        ] },\n                ]\n            }\n        }\n    },\n    {\n        type: 'select',\n        input: true,\n        key: 'as',\n        label: 'Save As',\n        dataSrc: 'values',\n        tooltip: 'This setting determines how the value should be entered and stored in the database.',\n        clearOnHide: true,\n        data: {\n            values: [\n                { label: 'String', value: 'string' },\n                { label: 'JSON', value: 'json' },\n                { label: 'HTML', value: 'html' }\n            ]\n        },\n        conditional: {\n            json: {\n                or: [\n                    { '===': [\n                            { var: 'data.editor' },\n                            'quill'\n                        ] },\n                    { '===': [\n                            { var: 'data.editor' },\n                            'ace'\n                        ] }\n                ]\n            }\n        },\n        weight: 416\n    },\n    {\n        type: 'textarea',\n        input: true,\n        editor: 'ace',\n        rows: 10,\n        as: 'json',\n        label: 'Editor Settings',\n        tooltip: 'Enter the WYSIWYG editor JSON configuration.',\n        key: 'wysiwyg',\n        customDefaultValue(value, component, row, data, instance) {\n            return instance ? instance.wysiwygDefault : '';\n        },\n        conditional: {\n            json: {\n                or: [\n                    { '===': [\n                            { var: 'data.editor' },\n                            'ace'\n                        ] },\n                    { '===': [\n                            { var: 'data.editor' },\n                            'ckeditor'\n                        ] },\n                    { '===': [\n                            { var: 'data.editor' },\n                            'quill'\n                        ] },\n                ]\n            }\n        },\n        weight: 417\n    }\n];\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/components/textarea/editForm/TextArea.edit.display.js?");
 
 /***/ }),
 
@@ -7481,7 +7481,7 @@ eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexpo
 /***/ (function(__unused_webpack_module, exports) {
 
 "use strict";
-eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports[\"default\"] = [\n    {\n        key: 'inputMask',\n        ignore: true\n    },\n    {\n        key: 'allowMultipleMasks',\n        ignore: true\n    },\n    {\n        key: 'showWordCount',\n        ignore: true,\n    },\n    {\n        key: 'showCharCount',\n        ignore: true,\n    }\n];\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/components/url/editForm/Url.edit.display.js?");
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports[\"default\"] = [\n    {\n        key: 'inputMask',\n        ignore: true\n    },\n    {\n        key: 'allowMultipleMasks',\n        ignore: true\n    },\n    {\n        key: 'inputMasks',\n        ignore: true\n    },\n    {\n        key: 'widget.type',\n        ignore: true\n    },\n    {\n        key: 'widget',\n        ignore: true\n    },\n    {\n        key: 'showWordCount',\n        ignore: true,\n    },\n    {\n        key: 'showCharCount',\n        ignore: true,\n    }\n];\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/components/url/editForm/Url.edit.display.js?");
 
 /***/ }),
 
@@ -7525,7 +7525,7 @@ eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {
 /***/ (function(__unused_webpack_module, exports) {
 
 "use strict";
-eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports[\"default\"] = [\n    {\n        key: 'labelPosition',\n        ignore: true\n    },\n    {\n        key: 'placeholder',\n        ignore: true\n    },\n    {\n        key: 'description',\n        ignore: true\n    },\n    {\n        key: 'autofocus',\n        ignore: true\n    },\n    {\n        key: 'tooltip',\n        ignore: true\n    },\n    {\n        key: 'tabindex',\n        ignore: true\n    },\n    {\n        key: 'tableView',\n        ignore: true\n    },\n    {\n        key: 'hideLabel',\n        ignore: true\n    },\n    {\n        weight: 0,\n        type: 'textfield',\n        input: true,\n        key: 'label',\n        label: 'Label',\n        placeholder: 'Field Label',\n        tooltip: 'The label for this field.',\n        validate: {\n            required: true\n        },\n        autofocus: true,\n        overrideEditForm: true\n    },\n];\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/components/well/editForm/Well.edit.display.js?");
+eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports[\"default\"] = [\n    {\n        key: 'labelPosition',\n        ignore: true\n    },\n    {\n        key: 'labelWidth',\n        ignore: true\n    },\n    {\n        key: 'labelMargin',\n        ignore: true\n    },\n    {\n        key: 'placeholder',\n        ignore: true\n    },\n    {\n        key: 'description',\n        ignore: true\n    },\n    {\n        key: 'autofocus',\n        ignore: true\n    },\n    {\n        key: 'tooltip',\n        ignore: true\n    },\n    {\n        key: 'tabindex',\n        ignore: true\n    },\n    {\n        key: 'tableView',\n        ignore: true\n    },\n    {\n        key: 'hideLabel',\n        ignore: true\n    },\n    {\n        weight: 0,\n        type: 'textfield',\n        input: true,\n        key: 'label',\n        label: 'Label',\n        placeholder: 'Field Label',\n        tooltip: 'The label for this field.',\n        validate: {\n            required: true\n        },\n        autofocus: true,\n        overrideEditForm: true\n    },\n];\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/components/well/editForm/Well.edit.display.js?");
 
 /***/ }),