@formio/js 5.2.1-rc.2 → 5.2.1-rc.3

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

@@ -27,7 +27,7 @@
 
 /*! choices.js v11.0.6 | © 2025 Josh Johnson | https://github.com/jshjohnson/Choices#readme */
 
-/*! formiojs v5.2.1-rc.2 | https://unpkg.com/formiojs@5.2.1-rc.2/LICENSE.txt */
+/*! formiojs v5.2.1-rc.3 | https://unpkg.com/formiojs@5.2.1-rc.3/LICENSE.txt */
 
 /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
 

package/dist/formio.full.js

@@ -5380,7 +5380,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\");\nconst WebformBuilder_1 = __importDefault(__webpack_require__(/*! ./WebformBuilder */ \"./lib/cjs/WebformBuilder.js\"));\nconst utils_1 = __webpack_require__(/*! ./utils */ \"./lib/cjs/utils/index.js\");\nconst builder_1 = __importDefault(__webpack_require__(/*! ./utils/builder */ \"./lib/cjs/utils/builder.js\"));\nconst PDF_1 = __importDefault(__webpack_require__(/*! ./PDF */ \"./lib/cjs/PDF.js\"));\nclass PDFBuilder extends WebformBuilder_1.default {\n    constructor() {\n        let element, options;\n        if (arguments[0] instanceof HTMLElement || arguments[1]) {\n            element = arguments[0];\n            options = arguments[1];\n        }\n        else {\n            options = arguments[0];\n        }\n        // Force superclass to skip the automatic init; we'll trigger it manually\n        options.skipInit = true;\n        options.display = 'pdf';\n        if (element) {\n            super(element, options);\n        }\n        else {\n            super(options);\n        }\n        this.dragDropEnabled = false;\n    }\n    get defaultGroups() {\n        return {\n            pdf: {\n                title: 'PDF Fields',\n                weight: 0,\n                default: true,\n                components: {\n                    textfield: true,\n                    number: true,\n                    password: true,\n                    email: true,\n                    phoneNumber: true,\n                    currency: true,\n                    checkbox: true,\n                    signature: true,\n                    select: true,\n                    textarea: true,\n                    datetime: true,\n                    file: true,\n                    htmlelement: true,\n                    signrequestsignature: true\n                }\n            },\n            basic: false,\n            advanced: false,\n            layout: false,\n            data: false,\n            premium: false,\n            resource: false\n        };\n    }\n    get hasPDF() {\n        return lodash_1.default.has(this.webform.form, 'settings.pdf');\n    }\n    get projectUrl() {\n        return this.options.projectUrl || Formio_1.Formio.getProjectUrl();\n    }\n    init() {\n        this.options.attachMode = 'builder';\n        this.webform = this.webform || this.createForm(this.options);\n        this.webform.init();\n    }\n    render() {\n        const result = this.renderTemplate('pdfBuilder', {\n            sidebar: this.renderTemplate('builderSidebar', {\n                scrollEnabled: this.sideBarScroll,\n                groupOrder: this.groupOrder,\n                groupId: `builder-sidebar-${this.id}`,\n                groups: this.groupOrder.map((groupKey) => this.renderTemplate('builderSidebarGroup', {\n                    group: this.groups[groupKey],\n                    groupKey,\n                    groupId: `builder-sidebar-${this.id}`,\n                    subgroups: this.groups[groupKey].subgroups.map((group) => this.renderTemplate('builderSidebarGroup', {\n                        group,\n                        groupKey: group.key,\n                        groupId: `group-container-${groupKey}`,\n                        subgroups: []\n                    })),\n                })),\n            }),\n            form: this.hasPDF ?\n                this.webform.render() :\n                this.renderTemplate('pdfBuilderUpload', {})\n        });\n        return result;\n    }\n    attach(element) {\n        // PDF Upload\n        if (!this.hasPDF) {\n            this.loadRefs(element, {\n                'fileDrop': 'single',\n                'fileBrowse': 'single',\n                'hiddenFileInputElement': 'single',\n                'uploadError': 'single',\n                'uploadProgress': 'single',\n                'uploadProgressWrapper': 'single',\n                'dragDropText': 'single'\n            });\n            this.addEventListener(this.refs['pdf-upload-button'], 'click', (event) => {\n                event.preventDefault();\n            });\n            // Init the upload error.\n            if (!this.projectUrl) {\n                this.setUploadError('Form options.projectUrl not set. Please set the \"projectUrl\" property of the options for this form or use Formio.setProjectUrl(). This setting is necessary to upload a pdf background.');\n            }\n            else {\n                this.setUploadError();\n            }\n            if (this.refs.fileDrop) {\n                const element = this;\n                this.addEventListener(this.refs.fileDrop, 'dragover', function (event) {\n                    this.className = 'fileSelector fileDragOver';\n                    event.preventDefault();\n                });\n                this.addEventListener(this.refs.fileDrop, 'dragleave', function (event) {\n                    this.className = 'fileSelector';\n                    event.preventDefault();\n                });\n                this.addEventListener(this.refs.fileDrop, 'drop', function (event) {\n                    this.className = 'fileSelector';\n                    event.preventDefault();\n                    element.upload(event.dataTransfer.files[0]);\n                    return false;\n                });\n            }\n            if (this.refs.fileBrowse && this.refs.hiddenFileInputElement) {\n                this.addEventListener(this.refs.fileBrowse, 'click', (event) => {\n                    event.preventDefault();\n                    // There is no direct way to trigger a file dialog. To work around this, create an input of type file and trigger\n                    // a click event on it.\n                    if (typeof this.refs.hiddenFileInputElement.trigger === 'function') {\n                        this.refs.hiddenFileInputElement.trigger('click');\n                    }\n                    else {\n                        this.refs.hiddenFileInputElement.click();\n                    }\n                });\n                this.addEventListener(this.refs.hiddenFileInputElement, 'change', () => {\n                    if (!this.refs.hiddenFileInputElement.value) {\n                        return;\n                    }\n                    this.upload(this.refs.hiddenFileInputElement.files[0]);\n                    this.refs.hiddenFileInputElement.value = '';\n                });\n            }\n            return Promise.resolve();\n        }\n        // Normal PDF Builder\n        return super.attach(element).then(() => {\n            this.loadRefs(this.element, {\n                iframeDropzone: 'single',\n                'sidebar-container': 'multiple',\n                'sidebar': 'single',\n            });\n            this.afterAttach();\n            return this.element;\n        });\n    }\n    afterAttach() {\n        this.on('saveComponent', (component) => {\n            this.webform.postMessage({ name: 'updateElement', data: component });\n        });\n        this.on('removeComponent', (component) => {\n            this.webform.postMessage({ name: 'removeElement', data: component });\n        });\n        this.initIframeEvents();\n        this.updateDropzoneDimensions();\n        const sidebar = this.refs.sidebar;\n        if (sidebar) {\n            this.addClass(sidebar, 'disabled');\n            this.webform.on('iframe-ready', () => {\n                this.pdfLoaded = true;\n                this.updateDragAndDrop();\n                this.removeClass(sidebar, 'disabled');\n            }, true);\n        }\n    }\n    upload(file) {\n        const formio = new Formio_1.Formio(this.projectUrl);\n        if (this.refs.dragDropText) {\n            this.refs.dragDropText.style.display = 'none';\n        }\n        if (this.refs.uploadProgressWrapper) {\n            this.refs.uploadProgressWrapper.style.display = 'inherit';\n        }\n        formio.uploadFile('url', file, file, '', (event) => {\n            if (this.refs.uploadProgress) {\n                const progress = Math.floor((event.loaded / event.total) * 100);\n                this.refs.uploadProgress.style.width = `${progress}%`;\n                if (progress > 98) {\n                    this.refs.uploadProgress.innerHTML = this.t('Converting PDF. Please wait.');\n                }\n                else {\n                    this.refs.uploadProgress.innerHTML = `${this.t('Uploading')} ${progress}%`;\n                }\n            }\n        }, `${this.projectUrl}/upload`, {}, 'file')\n            .then((result) => {\n            var _a, _b, _c, _d;\n            let autoConversionComponentsAssigned = false;\n            if (((_a = result.data.formfields) === null || _a === void 0 ? void 0 : _a.components) && result.data.formfields.components.length) {\n                const formInitState = ((_b = this.webform.form.components[0]) === null || _b === void 0 ? void 0 : _b.key) === 'submit';\n                const wizardInitState = ((_c = this.webform.form.components[0]) === null || _c === void 0 ? void 0 : _c.key) === 'page1' &&\n                    ((_d = this.webform.form.components[0]) === null || _d === void 0 ? void 0 : _d.components.length) === 0;\n                const emptyFormState = this.webform.form.components.length === 0;\n                if (formInitState || wizardInitState || emptyFormState) {\n                    autoConversionComponentsAssigned = true;\n                    this.webform.form.components = result.data.formfields.components;\n                }\n            }\n            if (this.refs.dragDropText) {\n                this.refs.dragDropText.style.display = 'inherit';\n            }\n            if (this.refs.uploadProgressWrapper) {\n                this.refs.uploadProgressWrapper.style.display = 'none';\n            }\n            lodash_1.default.set(this.webform.form, 'settings.pdf', {\n                id: result.data.file,\n                src: result.data.filesServer ? `${result.data.filesServer}${result.data.path}` : `${new URL(this.projectUrl).origin}/pdf-proxy${result.data.path}`,\n                nonFillableConversionUsed: autoConversionComponentsAssigned && result.data.formfields.nonFillableConversionUsed\n            });\n            this.emit('pdfUploaded', result.data);\n            this.redraw();\n        })\n            .catch((err) => this.setUploadError(err));\n    }\n    setUploadError(message) {\n        if (!this.refs.uploadError) {\n            return;\n        }\n        this.refs.uploadError.style.display = message ? '' : 'none';\n        this.refs.uploadError.innerHTML = message;\n    }\n    createForm(options) {\n        // Instantiate the webform from the PDF class instead of Webform\n        options.skipInit = false;\n        options.hideLoader = true;\n        this.webform = new PDF_1.default(this.element, options);\n        this.webform.on('attach', () => {\n            // If the dropzone exists but has been removed in a PDF rebuild, reinstate it\n            if (this.refs.iframeDropzone && ![...this.refs.form.children].includes(this.refs.iframeDropzone)) {\n                this.prependTo(this.refs.iframeDropzone, this.refs.form);\n            }\n        });\n        return this.webform;\n    }\n    destroy(all = false) {\n        super.destroy(all);\n        this.webform.destroy(all);\n    }\n    // d8b 8888888888                                                                              888\n    // Y8P 888                                                                                     888\n    //     888                                                                                     888\n    // 888 8888888 888d888 8888b.  88888b.d88b.   .d88b.        .d88b.  888  888  .d88b.  88888b.  888888 .d8888b\n    // 888 888     888P\"      \"88b 888 \"888 \"88b d8P  Y8b      d8P  Y8b 888  888 d8P  Y8b 888 \"88b 888    88K\n    // 888 888     888    .d888888 888  888  888 88888888      88888888 Y88  88P 88888888 888  888 888    \"Y8888b.\n    // 888 888     888    888  888 888  888  888 Y8b.          Y8b.      Y8bd8P  Y8b.     888  888 Y88b.       X88\n    // 888 888     888    \"Y888888 888  888  888  \"Y8888        \"Y8888    Y88P    \"Y8888  888  888  \"Y888  88888P'\n    getParentContainer(component) {\n        let container = [];\n        let originalComponent = null;\n        (0, utils_1.eachComponent)(this.webform._form.components, (comp, path, components) => {\n            if (comp.id === component.component.id) {\n                container = components;\n                originalComponent = comp;\n                return true;\n            }\n        }, true);\n        return {\n            formioComponent: component.parent,\n            formioContainer: container,\n            originalComponent\n        };\n    }\n    initIframeEvents() {\n        this.webform.off('iframe-elementUpdate');\n        this.webform.off('iframe-componentUpdate');\n        this.webform.off('iframe-componentClick');\n        this.webform.on('iframe-elementUpdate', schema => {\n            const component = this.webform.getComponentById(schema.id);\n            if (component && component.component) {\n                const isNew = true;\n                component.component.overlay = {\n                    page: schema.page,\n                    left: schema.left,\n                    top: schema.top,\n                    height: schema.height,\n                    width: schema.width\n                };\n                if (!this.options.noNewEdit && !component.component.noNewEdit && this.hasEditTabs(component.type)) {\n                    this.editComponent(component.component, this.getParentContainer(component), isNew);\n                }\n                this.emit('updateComponent', component.component);\n            }\n            return component;\n        });\n        this.webform.on('iframe-componentUpdate', schema => {\n            const component = this.webform.getComponentById(schema.id);\n            if (component && component.component) {\n                component.component.overlay = {\n                    page: schema.overlay.page,\n                    left: schema.overlay.left,\n                    top: schema.overlay.top,\n                    height: schema.overlay.height,\n                    width: schema.overlay.width\n                };\n                this.emit('updateComponent', component.component);\n                this.emit('change', this.form);\n            }\n            return component;\n        });\n        this.webform.on('iframe-componentClick', schema => {\n            const component = this.webform.getComponentById(schema.id);\n            if (component && this.hasEditTabs(component.type)) {\n                this.editComponent(component.component, this.getParentContainer(component));\n            }\n        }, true);\n    }\n    // 8888888b.                                                                   888                   d8b\n    // 888  \"Y88b                                                                  888                   Y8P\n    // 888    888                                                                  888\n    // 888    888 888d888 .d88b.  88888b. 88888888  .d88b.  88888b.   .d88b.       888  .d88b.   .d88b.  888  .d8888b\n    // 888    888 888P\"  d88\"\"88b 888 \"88b   d88P  d88\"\"88b 888 \"88b d8P  Y8b      888 d88\"\"88b d88P\"88b 888 d88P\"\n    // 888    888 888    888  888 888  888  d88P   888  888 888  888 88888888      888 888  888 888  888 888 888\n    // 888  .d88P 888    Y88..88P 888 d88P d88P    Y88..88P 888  888 Y8b.          888 Y88..88P Y88b 888 888 Y88b.\n    // 8888888P\"  888     \"Y88P\"  88888P\" 88888888  \"Y88P\"  888  888  \"Y8888       888  \"Y88P\"   \"Y88888 888  \"Y8888P\n    //                            888                                                                888\n    //                            888                                                           Y8b d88P\n    //                            888                                                            \"Y88P\"\n    initDropzoneEvents() {\n        if (!this.refs.iframeDropzone) {\n            return;\n        }\n        // This is required per HTML spec in order for the drop event to fire\n        this.removeEventListener(this.refs.iframeDropzone, 'dragover');\n        this.removeEventListener(this.refs.iframeDropzone, 'drop');\n        this.addEventListener(this.refs.iframeDropzone, 'dragover', (e) => {\n            e.preventDefault();\n            return false;\n        });\n        this.addEventListener(this.refs.iframeDropzone, 'drop', this.onDropzoneDrop.bind(this));\n    }\n    updateDragAndDrop() {\n        if (!this.pdfLoaded) {\n            return;\n        }\n        this.initDropzoneEvents();\n        this.prepSidebarComponentsForDrag();\n    }\n    prepSidebarComponentsForDrag() {\n        if (!this.refs['sidebar-container']) {\n            return;\n        }\n        this.refs['sidebar-container'].forEach(container => {\n            [...container.children].forEach(el => {\n                el.draggable = true;\n                el.setAttribute('draggable', true);\n                this.removeEventListener(el, 'dragstart');\n                this.removeEventListener(el, 'dragend');\n                this.addEventListener(el, 'dragstart', this.onDragStart.bind(this), true);\n                this.addEventListener(el, 'dragend', this.onDragEnd.bind(this), true);\n                this.addEventListener(el, 'drag', (e) => {\n                    e.target.style.cursor = 'none';\n                });\n            });\n        });\n    }\n    updateDropzoneDimensions() {\n        if (!this.refs.iframeDropzone) {\n            return;\n        }\n        const iframeRect = (0, utils_1.getElementRect)(this.webform.refs.iframeContainer);\n        this.refs.iframeDropzone.style.height = iframeRect && iframeRect.height ? `${iframeRect.height}px` : '1000px';\n        this.refs.iframeDropzone.style.width = iframeRect && iframeRect.width ? `${iframeRect.width}px` : '100%';\n    }\n    onDragStart(e) {\n        // Taking the current offset of a dragged item relative to the cursor\n        const { offsetX = 0, offsetY = 0 } = e;\n        this.itemOffsetX = offsetX;\n        this.itemOffsetY = offsetY;\n        e.dataTransfer.setData('text', '');\n        this.updateDropzoneDimensions();\n        this.addClass(this.refs.iframeDropzone, 'enabled');\n        this.dropEmitted = false;\n    }\n    onDropzoneDrop(e) {\n        this.dropEmitted = true;\n        this.dropEvent = e;\n        e.preventDefault();\n        return false;\n    }\n    onDragEnd(e) {\n        var _a;\n        // IMPORTANT - must retrieve offsets BEFORE disabling the dropzone - offsets will\n        // reflect absolute positioning if accessed after the target element is hidden\n        const iframeRect = this.webform.refs.iframeContainer.getBoundingClientRect();\n        const layerX = this.dropEvent ? this.dropEvent.layerX : null;\n        const layerY = this.dropEvent ? this.dropEvent.layerY : null;\n        const WIDTH = 100;\n        const HEIGHT = 20;\n        // Always disable the dropzone on drag end\n        this.removeClass(this.refs.iframeDropzone, 'enabled');\n        // If there hasn't been a drop event on the dropzone, we're done\n        if (!this.dropEvent) {\n            // a 'drop' event may not be emited in the chrome browser when using a Mac, therefore an additional check has been added\n            // eslint-disable-next-line no-undef\n            if (!this.dropEmitted && ((0, utils_1.getBrowserInfo)().chrome || (0, utils_1.getBrowserInfo)().edge) && globalThis.navigator.userAgentData.platform === 'macOS' && iframeRect.left < e.clientX && iframeRect.top < e.clientY) {\n                this.dropEvent = e;\n                this.dropEvent.dataTransfer.effectAllowed = 'all';\n                this.dropEmitted = true;\n            }\n            else {\n                return;\n            }\n        }\n        const element = e.target;\n        const type = element.getAttribute('data-type');\n        const key = element.getAttribute('data-key');\n        const group = element.getAttribute('data-group');\n        const schema = (0, utils_1.fastCloneDeep)(this.schemas[type]);\n        if (key && group) {\n            const info = this.getComponentInfo(key, group);\n            lodash_1.default.merge(schema, info);\n        }\n        // Set a unique key for this component.\n        builder_1.default.uniquify(((_a = this.webform._form) === null || _a === void 0 ? void 0 : _a.components) || [], schema);\n        this.webform._form.components.push(schema);\n        schema.overlay = {\n            top: layerY ? (layerY - this.itemOffsetY + HEIGHT) : (e.clientY - iframeRect.top - (this.itemOffsetY - HEIGHT) * 2),\n            left: layerX ? (layerX - this.itemOffsetX) : (e.clientX - iframeRect.left - this.itemOffsetX * 2),\n            width: WIDTH,\n            height: HEIGHT\n        };\n        this.webform.addComponent(schema, {}, null, true);\n        this.webform.postMessage({ name: 'addElement', data: schema });\n        this.emit('addComponent', schema, this.webform, schema.key, this.webform.component.components.length, !this.options.noNewEdit && !schema.noNewEdit);\n        // Delete the stored drop event now that it's been handled\n        this.dropEvent = null;\n        e.target.style.cursor = 'default';\n    }\n    highlightInvalidComponents() {\n        const repeatablePathsComps = this.findComponentsWithRepeatablePaths();\n        // update elements which path was duplicated if any pathes have been changed\n        if (!lodash_1.default.isEqual(this.repeatablePathsComps, repeatablePathsComps)) {\n            (0, utils_1.eachComponent)(this.webform.getComponents(), (comp) => {\n                if (this.repeatablePathsComps.includes(comp.component)) {\n                    this.webform.postMessage({ name: 'updateElement', data: comp.component });\n                }\n            });\n            this.repeatablePathsComps = repeatablePathsComps;\n        }\n        if (!repeatablePathsComps.length) {\n            return;\n        }\n        (0, utils_1.eachComponent)(this.webform.getComponents(), (comp) => {\n            if (this.repeatablePathsComps.includes(comp)) {\n                this.webform.postMessage({\n                    name: 'showBuilderErrors',\n                    data: {\n                        compId: comp.component.id,\n                        errorMessage: `API Key is not unique: ${comp.key}`,\n                    }\n                });\n            }\n        });\n    }\n}\nexports[\"default\"] = PDFBuilder;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/PDFBuilder.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\");\nconst WebformBuilder_1 = __importDefault(__webpack_require__(/*! ./WebformBuilder */ \"./lib/cjs/WebformBuilder.js\"));\nconst utils_1 = __webpack_require__(/*! ./utils */ \"./lib/cjs/utils/index.js\");\nconst builder_1 = __importDefault(__webpack_require__(/*! ./utils/builder */ \"./lib/cjs/utils/builder.js\"));\nconst PDF_1 = __importDefault(__webpack_require__(/*! ./PDF */ \"./lib/cjs/PDF.js\"));\nclass PDFBuilder extends WebformBuilder_1.default {\n    constructor() {\n        let element, options;\n        if (arguments[0] instanceof HTMLElement || arguments[1]) {\n            element = arguments[0];\n            options = arguments[1];\n        }\n        else {\n            options = arguments[0];\n        }\n        // Force superclass to skip the automatic init; we'll trigger it manually\n        options.skipInit = true;\n        options.display = 'pdf';\n        if (element) {\n            super(element, options);\n        }\n        else {\n            super(options);\n        }\n        this.dragDropEnabled = false;\n    }\n    get defaultGroups() {\n        return {\n            pdf: {\n                title: 'PDF Fields',\n                weight: 0,\n                default: true,\n                components: {\n                    textfield: true,\n                    number: true,\n                    password: true,\n                    email: true,\n                    phoneNumber: true,\n                    currency: true,\n                    checkbox: true,\n                    signature: true,\n                    select: true,\n                    textarea: true,\n                    datetime: true,\n                    file: true,\n                    htmlelement: true,\n                    signrequestsignature: true\n                }\n            },\n            basic: false,\n            advanced: false,\n            layout: false,\n            data: false,\n            premium: false,\n            resource: false\n        };\n    }\n    get hasPDF() {\n        return lodash_1.default.has(this.webform.form, 'settings.pdf');\n    }\n    get projectUrl() {\n        return this.options.projectUrl || Formio_1.Formio.getProjectUrl();\n    }\n    init() {\n        this.options.attachMode = 'builder';\n        this.webform = this.webform || this.createForm(this.options);\n        this.webform.init();\n    }\n    render() {\n        const result = this.renderTemplate('pdfBuilder', {\n            sidebar: this.renderTemplate('builderSidebar', {\n                scrollEnabled: this.sideBarScroll,\n                groupOrder: this.groupOrder,\n                groupId: `builder-sidebar-${this.id}`,\n                groups: this.groupOrder.map((groupKey) => this.renderTemplate('builderSidebarGroup', {\n                    group: this.groups[groupKey],\n                    groupKey,\n                    groupId: `builder-sidebar-${this.id}`,\n                    subgroups: this.groups[groupKey].subgroups.map((group) => this.renderTemplate('builderSidebarGroup', {\n                        group,\n                        groupKey: group.key,\n                        groupId: `group-container-${groupKey}`,\n                        subgroups: []\n                    })),\n                })),\n            }),\n            form: this.hasPDF ?\n                this.webform.render() :\n                this.renderTemplate('pdfBuilderUpload', {})\n        });\n        return result;\n    }\n    attach(element) {\n        // PDF Upload\n        if (!this.hasPDF) {\n            this.loadRefs(element, {\n                'fileDrop': 'single',\n                'fileBrowse': 'single',\n                'hiddenFileInputElement': 'single',\n                'uploadError': 'single',\n                'uploadProgress': 'single',\n                'uploadProgressWrapper': 'single',\n                'dragDropText': 'single'\n            });\n            this.addEventListener(this.refs['pdf-upload-button'], 'click', (event) => {\n                event.preventDefault();\n            });\n            // Init the upload error.\n            if (!this.projectUrl) {\n                this.setUploadError('Form options.projectUrl not set. Please set the \"projectUrl\" property of the options for this form or use Formio.setProjectUrl(). This setting is necessary to upload a pdf background.');\n            }\n            else {\n                this.setUploadError();\n            }\n            if (this.refs.fileDrop) {\n                const element = this;\n                this.addEventListener(this.refs.fileDrop, 'dragover', function (event) {\n                    this.className = 'fileSelector fileDragOver';\n                    event.preventDefault();\n                });\n                this.addEventListener(this.refs.fileDrop, 'dragleave', function (event) {\n                    this.className = 'fileSelector';\n                    event.preventDefault();\n                });\n                this.addEventListener(this.refs.fileDrop, 'drop', function (event) {\n                    this.className = 'fileSelector';\n                    event.preventDefault();\n                    element.upload(event.dataTransfer.files[0]);\n                    return false;\n                });\n            }\n            if (this.refs.fileBrowse && this.refs.hiddenFileInputElement) {\n                this.addEventListener(this.refs.fileBrowse, 'click', (event) => {\n                    event.preventDefault();\n                    // There is no direct way to trigger a file dialog. To work around this, create an input of type file and trigger\n                    // a click event on it.\n                    if (typeof this.refs.hiddenFileInputElement.trigger === 'function') {\n                        this.refs.hiddenFileInputElement.trigger('click');\n                    }\n                    else {\n                        this.refs.hiddenFileInputElement.click();\n                    }\n                });\n                this.addEventListener(this.refs.hiddenFileInputElement, 'change', () => {\n                    if (!this.refs.hiddenFileInputElement.value) {\n                        return;\n                    }\n                    this.upload(this.refs.hiddenFileInputElement.files[0]);\n                    this.refs.hiddenFileInputElement.value = '';\n                });\n            }\n            return Promise.resolve();\n        }\n        // Normal PDF Builder\n        return super.attach(element).then(() => {\n            this.loadRefs(this.element, {\n                iframeDropzone: 'single',\n                'sidebar-container': 'multiple',\n                'sidebar': 'single',\n            });\n            this.afterAttach();\n            return this.element;\n        });\n    }\n    afterAttach() {\n        this.on('saveComponent', (component) => {\n            this.webform.postMessage({ name: 'updateElement', data: component });\n        });\n        this.on('removeComponent', (component) => {\n            this.webform.postMessage({ name: 'removeElement', data: component });\n        });\n        this.initIframeEvents();\n        this.updateDropzoneDimensions();\n        const sidebar = this.refs.sidebar;\n        if (sidebar) {\n            this.addClass(sidebar, 'disabled');\n            this.webform.on('iframe-ready', () => {\n                this.pdfLoaded = true;\n                this.updateDragAndDrop();\n                this.removeClass(sidebar, 'disabled');\n            }, true);\n        }\n    }\n    upload(file) {\n        const formio = new Formio_1.Formio(this.projectUrl);\n        if (this.refs.dragDropText) {\n            this.refs.dragDropText.style.display = 'none';\n        }\n        if (this.refs.uploadProgressWrapper) {\n            this.refs.uploadProgressWrapper.style.display = 'inherit';\n        }\n        formio.uploadFile('url', file, file, '', (event) => {\n            if (this.refs.uploadProgress) {\n                const progress = Math.floor((event.loaded / event.total) * 100);\n                this.refs.uploadProgress.style.width = `${progress}%`;\n                if (progress > 98) {\n                    this.refs.uploadProgress.innerHTML = this.t('Converting PDF. Please wait.');\n                }\n                else {\n                    this.refs.uploadProgress.innerHTML = `${this.t('Uploading')} ${progress}%`;\n                }\n            }\n        }, `${this.projectUrl}/upload`, {}, 'file')\n            .then((result) => {\n            var _a, _b, _c, _d;\n            let autoConversionComponentsAssigned = false;\n            if (((_a = result.data.formfields) === null || _a === void 0 ? void 0 : _a.components) && result.data.formfields.components.length) {\n                const formInitState = ((_b = this.webform.form.components[0]) === null || _b === void 0 ? void 0 : _b.key) === 'submit';\n                const wizardInitState = ((_c = this.webform.form.components[0]) === null || _c === void 0 ? void 0 : _c.key) === 'page1' &&\n                    ((_d = this.webform.form.components[0]) === null || _d === void 0 ? void 0 : _d.components.length) === 0;\n                const emptyFormState = this.webform.form.components.length === 0;\n                if (formInitState || wizardInitState || emptyFormState) {\n                    autoConversionComponentsAssigned = true;\n                    this.webform.form.components = result.data.formfields.components;\n                }\n            }\n            if (this.refs.dragDropText) {\n                this.refs.dragDropText.style.display = 'inherit';\n            }\n            if (this.refs.uploadProgressWrapper) {\n                this.refs.uploadProgressWrapper.style.display = 'none';\n            }\n            lodash_1.default.set(this.webform.form, 'settings.pdf', {\n                id: result.data.file,\n                src: result.data.filesServer ? `${result.data.filesServer}${result.data.path}` : `${new URL(this.projectUrl).origin}/pdf-proxy${result.data.path}`,\n                nonFillableConversionUsed: autoConversionComponentsAssigned && result.data.formfields.nonFillableConversionUsed\n            });\n            this.emit('pdfUploaded', result.data);\n            this.redraw();\n        })\n            .catch((err) => this.setUploadError(err));\n    }\n    setUploadError(message) {\n        if (!this.refs.uploadError) {\n            return;\n        }\n        this.refs.uploadError.style.display = message ? '' : 'none';\n        this.refs.uploadError.innerHTML = message;\n    }\n    createForm(options) {\n        // Instantiate the webform from the PDF class instead of Webform\n        options.skipInit = false;\n        options.hideLoader = true;\n        this.webform = new PDF_1.default(this.element, options);\n        this.webform.on('attach', () => {\n            // If the dropzone exists but has been removed in a PDF rebuild, reinstate it\n            if (this.refs.iframeDropzone && ![...this.refs.form.children].includes(this.refs.iframeDropzone)) {\n                this.prependTo(this.refs.iframeDropzone, this.refs.form);\n            }\n        });\n        return this.webform;\n    }\n    destroy(all = false) {\n        super.destroy(all);\n        this.webform.destroy(all);\n    }\n    // d8b 8888888888                                                                              888\n    // Y8P 888                                                                                     888\n    //     888                                                                                     888\n    // 888 8888888 888d888 8888b.  88888b.d88b.   .d88b.        .d88b.  888  888  .d88b.  88888b.  888888 .d8888b\n    // 888 888     888P\"      \"88b 888 \"888 \"88b d8P  Y8b      d8P  Y8b 888  888 d8P  Y8b 888 \"88b 888    88K\n    // 888 888     888    .d888888 888  888  888 88888888      88888888 Y88  88P 88888888 888  888 888    \"Y8888b.\n    // 888 888     888    888  888 888  888  888 Y8b.          Y8b.      Y8bd8P  Y8b.     888  888 Y88b.       X88\n    // 888 888     888    \"Y888888 888  888  888  \"Y8888        \"Y8888    Y88P    \"Y8888  888  888  \"Y888  88888P'\n    getParentContainer(component) {\n        let container = [];\n        let originalComponent = null;\n        (0, utils_1.eachComponent)(this.webform._form.components, (comp, path, components) => {\n            if (comp.id === component.component.id) {\n                container = components;\n                originalComponent = comp;\n                return true;\n            }\n        }, true);\n        return {\n            formioComponent: component.parent,\n            formioContainer: container,\n            originalComponent\n        };\n    }\n    initIframeEvents() {\n        this.webform.off('iframe-elementUpdate');\n        this.webform.off('iframe-componentUpdate');\n        this.webform.off('iframe-componentClick');\n        this.webform.on('iframe-elementUpdate', schema => {\n            const component = this.webform.getComponentById(schema.id);\n            if (component && component.component) {\n                const isNew = true;\n                component.component.overlay = {\n                    page: schema.page,\n                    left: schema.left,\n                    top: schema.top,\n                    height: schema.height,\n                    width: schema.width\n                };\n                if (!this.options.noNewEdit && !component.component.noNewEdit && this.hasEditTabs(component.type)) {\n                    this.editComponent(component.component, this.getParentContainer(component), isNew);\n                }\n                this.emit('updateComponent', component.component);\n            }\n            return component;\n        });\n        this.webform.on('iframe-componentUpdate', schema => {\n            const component = this.webform.getComponentById(schema.id);\n            if (component && component.component) {\n                component.component.overlay = {\n                    page: schema.overlay.page,\n                    left: schema.overlay.left,\n                    top: schema.overlay.top,\n                    height: schema.overlay.height,\n                    width: schema.overlay.width\n                };\n                this.emit('updateComponent', component.component);\n                this.emit('change', this.form);\n            }\n            return component;\n        });\n        this.webform.on('iframe-componentClick', schema => {\n            const component = this.webform.getComponentById(schema.id);\n            if (component && this.hasEditTabs(component.type)) {\n                this.editComponent(component.component, this.getParentContainer(component));\n            }\n        }, true);\n    }\n    // 8888888b.                                                                   888                   d8b\n    // 888  \"Y88b                                                                  888                   Y8P\n    // 888    888                                                                  888\n    // 888    888 888d888 .d88b.  88888b. 88888888  .d88b.  88888b.   .d88b.       888  .d88b.   .d88b.  888  .d8888b\n    // 888    888 888P\"  d88\"\"88b 888 \"88b   d88P  d88\"\"88b 888 \"88b d8P  Y8b      888 d88\"\"88b d88P\"88b 888 d88P\"\n    // 888    888 888    888  888 888  888  d88P   888  888 888  888 88888888      888 888  888 888  888 888 888\n    // 888  .d88P 888    Y88..88P 888 d88P d88P    Y88..88P 888  888 Y8b.          888 Y88..88P Y88b 888 888 Y88b.\n    // 8888888P\"  888     \"Y88P\"  88888P\" 88888888  \"Y88P\"  888  888  \"Y8888       888  \"Y88P\"   \"Y88888 888  \"Y8888P\n    //                            888                                                                888\n    //                            888                                                           Y8b d88P\n    //                            888                                                            \"Y88P\"\n    initDropzoneEvents() {\n        if (!this.refs.iframeDropzone) {\n            return;\n        }\n        // This is required per HTML spec in order for the drop event to fire\n        this.removeEventListener(this.refs.iframeDropzone, 'dragover');\n        this.removeEventListener(this.refs.iframeDropzone, 'drop');\n        this.addEventListener(this.refs.iframeDropzone, 'dragover', (e) => {\n            e.preventDefault();\n            return false;\n        });\n        this.addEventListener(this.refs.iframeDropzone, 'drop', this.onDropzoneDrop.bind(this));\n    }\n    updateDragAndDrop() {\n        if (!this.pdfLoaded) {\n            return;\n        }\n        this.initDropzoneEvents();\n        this.prepSidebarComponentsForDrag();\n    }\n    prepSidebarComponentsForDrag() {\n        if (!this.refs['sidebar-container']) {\n            return;\n        }\n        this.refs['sidebar-container'].forEach(container => {\n            [...container.children].forEach(el => {\n                el.draggable = true;\n                el.setAttribute('draggable', true);\n                this.removeEventListener(el, 'dragstart');\n                this.removeEventListener(el, 'dragend');\n                this.addEventListener(el, 'dragstart', this.onDragStart.bind(this), true);\n                this.addEventListener(el, 'dragend', this.onDragEnd.bind(this), true);\n                this.addEventListener(el, 'drag', (e) => {\n                    e.target.style.cursor = 'none';\n                });\n            });\n        });\n    }\n    updateDropzoneDimensions() {\n        if (!this.refs.iframeDropzone) {\n            return;\n        }\n        const iframeRect = (0, utils_1.getElementRect)(this.webform.refs.iframeContainer);\n        this.refs.iframeDropzone.style.height = iframeRect && iframeRect.height ? `${iframeRect.height}px` : '1000px';\n        this.refs.iframeDropzone.style.width = iframeRect && iframeRect.width ? `${iframeRect.width}px` : '100%';\n    }\n    onDragStart(e) {\n        // Taking the current offset of a dragged item relative to the cursor\n        const { offsetX = 0, offsetY = 0 } = e;\n        this.itemOffsetX = offsetX;\n        this.itemOffsetY = offsetY;\n        e.dataTransfer.setData('text', '');\n        this.updateDropzoneDimensions();\n        this.addClass(this.refs.iframeDropzone, 'enabled');\n        this.dropEmitted = false;\n    }\n    onDropzoneDrop(e) {\n        this.dropEmitted = true;\n        this.dropEvent = e;\n        e.preventDefault();\n        return false;\n    }\n    onDragEnd(e) {\n        var _a;\n        // IMPORTANT - must retrieve offsets BEFORE disabling the dropzone - offsets will\n        // reflect absolute positioning if accessed after the target element is hidden\n        const iframeRect = this.webform.refs.iframeContainer.getBoundingClientRect();\n        const layerX = this.dropEvent ? this.dropEvent.layerX : null;\n        const layerY = this.dropEvent ? this.dropEvent.layerY : null;\n        const WIDTH = 100;\n        const HEIGHT = 20;\n        // Always disable the dropzone on drag end\n        this.removeClass(this.refs.iframeDropzone, 'enabled');\n        // If there hasn't been a drop event on the dropzone, we're done\n        if (!this.dropEvent) {\n            // a 'drop' event may not be emited in the chrome browser when using a Mac, therefore an additional check has been added\n            // eslint-disable-next-line no-undef\n            if (!this.dropEmitted && ((0, utils_1.getBrowserInfo)().chrome || (0, utils_1.getBrowserInfo)().edge) && globalThis.navigator.userAgentData.platform === 'macOS' && iframeRect.left < e.clientX && iframeRect.top < e.clientY) {\n                this.dropEvent = e;\n                this.dropEvent.dataTransfer.effectAllowed = 'all';\n                this.dropEmitted = true;\n            }\n            else {\n                return;\n            }\n        }\n        const element = e.target;\n        const type = element.getAttribute('data-type');\n        const key = element.getAttribute('data-key');\n        const group = element.getAttribute('data-group');\n        const schema = (0, utils_1.fastCloneDeep)(this.schemas[type]);\n        if (key && group) {\n            const info = this.getComponentInfo(key, group);\n            lodash_1.default.merge(schema, info);\n        }\n        // Set a unique key for this component.\n        builder_1.default.uniquify(((_a = this.webform._form) === null || _a === void 0 ? void 0 : _a.components) || [], schema);\n        this.webform._form.components.push(schema);\n        schema.overlay = {\n            top: layerY ? (layerY - this.itemOffsetY + HEIGHT) : (e.clientY - iframeRect.top - (this.itemOffsetY - HEIGHT) * 2),\n            left: layerX ? (layerX - this.itemOffsetX) : (e.clientX - iframeRect.left - this.itemOffsetX * 2),\n            width: WIDTH,\n            height: HEIGHT\n        };\n        this.webform.addComponent(schema, {}, null, true);\n        this.webform.postMessage({ name: 'addElement', data: schema });\n        this.emit('addComponent', schema, this.webform, schema.key, this.webform.component.components.length, !this.options.noNewEdit && !schema.noNewEdit);\n        // Delete the stored drop event now that it's been handled\n        this.dropEvent = null;\n        e.target.style.cursor = 'default';\n    }\n    highlightInvalidComponents() {\n        const repeatablePathsComps = this.findComponentsWithRepeatablePaths();\n        // update elements which path was duplicated if any pathes have been changed\n        if (!lodash_1.default.isEqual(this.repeatablePathsComps, repeatablePathsComps)) {\n            if (!lodash_1.default.isEmpty(this.repeatablePathsComps)) {\n                (0, utils_1.eachComponent)(this.webform.getComponents(), (comp) => {\n                    if (this.repeatablePathsComps.includes(comp.component)) {\n                        this.webform.postMessage({ name: 'updateElement', data: comp.component });\n                    }\n                });\n            }\n            this.repeatablePathsComps = repeatablePathsComps;\n        }\n        if (!repeatablePathsComps.length) {\n            return;\n        }\n        (0, utils_1.eachComponent)(this.webform.getComponents(), (comp) => {\n            if (this.repeatablePathsComps.includes(comp.component)) {\n                this.webform.postMessage({\n                    name: 'showBuilderErrors',\n                    data: {\n                        compId: comp.component.id,\n                        errorMessage: `API Key is not unique: ${comp.key}`,\n                    }\n                });\n            }\n        });\n    }\n}\nexports[\"default\"] = PDFBuilder;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/PDFBuilder.js?");
 
 /***/ }),
 
@@ -10887,7 +10887,7 @@ eval("\nvar parent = __webpack_require__(/*! ../../es/object/from-entries */ \".
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nvar _a;\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.FormBuilder = exports.Form = exports.Formio = void 0;\nconst CDN_js_1 = __importDefault(__webpack_require__(/*! ./CDN.js */ \"./lib/cjs/CDN.js\"));\nclass Formio {\n    static setLicense(license, norecurse = false) {\n        _a.license = license;\n        if (!norecurse && _a.FormioClass) {\n            _a.FormioClass.setLicense(license);\n        }\n    }\n    static setBaseUrl(url, norecurse = false) {\n        _a.baseUrl = url;\n        if (!norecurse && _a.FormioClass) {\n            _a.FormioClass.setBaseUrl(url);\n        }\n    }\n    static setApiUrl(url, norecurse = false) {\n        _a.baseUrl = url;\n        if (!norecurse && _a.FormioClass) {\n            _a.FormioClass.setApiUrl(url);\n        }\n    }\n    static setProjectUrl(url, norecurse = false) {\n        _a.projectUrl = url;\n        if (!norecurse && _a.FormioClass) {\n            _a.FormioClass.setProjectUrl(url);\n        }\n    }\n    static setAppUrl(url, norecurse = false) {\n        _a.projectUrl = url;\n        if (!norecurse && _a.FormioClass) {\n            _a.FormioClass.setAppUrl(url);\n        }\n    }\n    static setPathType(type, norecurse = false) {\n        _a.pathType = type;\n        if (!norecurse && _a.FormioClass) {\n            _a.FormioClass.setPathType(type);\n        }\n    }\n    static debug(...args) {\n        if (_a.config.debug) {\n            console.log(...args);\n        }\n    }\n    static clearCache() {\n        if (_a.FormioClass) {\n            _a.FormioClass.clearCache();\n        }\n    }\n    static global(prop, flag = '') {\n        const globalValue = window[prop];\n        if (flag && globalValue && !globalValue[flag]) {\n            return null;\n        }\n        _a.debug(`Getting global ${prop}`, globalValue);\n        return globalValue;\n    }\n    static use(module) {\n        if (_a.FormioClass && _a.FormioClass.isRenderer) {\n            _a.FormioClass.use(module);\n        }\n        else {\n            _a.modules.push(module);\n        }\n    }\n    static createElement(type, attrs, children) {\n        const element = document.createElement(type);\n        if (!attrs) {\n            return element;\n        }\n        Object.keys(attrs).forEach(key => {\n            element.setAttribute(key, attrs[key]);\n        });\n        (children || []).forEach(child => {\n            element.appendChild(_a.createElement(child.tag, child.attrs, child.children));\n        });\n        return element;\n    }\n    static addScript(wrapper, src, name, flag = '') {\n        return __awaiter(this, void 0, void 0, function* () {\n            if (!src) {\n                return Promise.resolve();\n            }\n            if (typeof src !== 'string' && src.length) {\n                return Promise.all(src.map(ref => _a.addScript(wrapper, ref)));\n            }\n            if (name && _a.global(name, flag)) {\n                _a.debug(`${name} already loaded.`);\n                return Promise.resolve(_a.global(name));\n            }\n            _a.debug('Adding Script', src);\n            try {\n                wrapper.appendChild(_a.createElement('script', {\n                    src\n                }));\n            }\n            catch (err) {\n                _a.debug(err);\n                return Promise.resolve();\n            }\n            if (!name) {\n                return Promise.resolve();\n            }\n            return new Promise((resolve) => {\n                _a.debug(`Waiting to load ${name}`);\n                const wait = setInterval(() => {\n                    if (_a.global(name, flag)) {\n                        clearInterval(wait);\n                        _a.debug(`${name} loaded.`);\n                        resolve(_a.global(name));\n                    }\n                }, 100);\n            });\n        });\n    }\n    static addStyles(wrapper, href) {\n        return __awaiter(this, void 0, void 0, function* () {\n            if (!href) {\n                return;\n            }\n            if (typeof href !== 'string' && href.length) {\n                href.forEach(ref => _a.addStyles(wrapper, ref));\n                return;\n            }\n            _a.debug('Adding Styles', href);\n            wrapper.appendChild(_a.createElement('link', {\n                rel: 'stylesheet',\n                href\n            }));\n        });\n    }\n    static submitDone(instance, submission) {\n        return __awaiter(this, void 0, void 0, function* () {\n            _a.debug('Submision Complete', submission);\n            if (_a.config.submitDone) {\n                _a.config.submitDone(submission, instance);\n            }\n            const successMessage = (_a.config.success || '').toString();\n            if (successMessage && successMessage.toLowerCase() !== 'false' && instance.element) {\n                instance.element.innerHTML = `<div class=\"alert-success\" role=\"alert\">${successMessage}</div>`;\n            }\n            let returnUrl = _a.config.redirect;\n            // Allow form based configuration for return url.\n            if (!returnUrl &&\n                (instance._form &&\n                    instance._form.settings &&\n                    (instance._form.settings.returnUrl ||\n                        instance._form.settings.redirect))) {\n                _a.debug('Return url found in form configuration');\n                returnUrl = instance._form.settings.returnUrl || instance._form.settings.redirect;\n            }\n            if (returnUrl) {\n                const formSrc = instance.formio ? instance.formio.formUrl : '';\n                const hasQuery = !!returnUrl.match(/\\?/);\n                const isOrigin = returnUrl.indexOf(location.origin) === 0;\n                returnUrl += hasQuery ? '&' : '?';\n                returnUrl += `sub=${submission._id}`;\n                if (!isOrigin && formSrc) {\n                    returnUrl += `&form=${encodeURIComponent(formSrc)}`;\n                }\n                _a.debug('Return URL', returnUrl);\n                window.location.href = returnUrl;\n                if (isOrigin) {\n                    window.location.reload();\n                }\n            }\n        });\n    }\n    // Return the full script if the builder is being used.\n    static formioScript(script, builder) {\n        builder = builder || _a.config.includeBuilder;\n        if (_a.fullAdded || builder) {\n            _a.fullAdded = true;\n            return script.replace('formio.form', 'formio.full');\n        }\n        return script;\n    }\n    static addLibrary(libWrapper, lib, name) {\n        return __awaiter(this, void 0, void 0, function* () {\n            if (!lib) {\n                return;\n            }\n            if (lib.dependencies) {\n                for (let i = 0; i < lib.dependencies.length; i++) {\n                    const libName = lib.dependencies[i];\n                    yield _a.addLibrary(libWrapper, _a.config.libs[libName], libName);\n                }\n            }\n            if (lib.css) {\n                yield _a.addStyles((lib.global ? document.body : libWrapper), lib.css);\n            }\n            if (lib.js) {\n                const module = yield _a.addScript((lib.global ? document.body : libWrapper), lib.js, lib.use ? name : false);\n                if (lib.use) {\n                    _a.debug(`Using ${name}`);\n                    const options = lib.options || {};\n                    if (!options.license && _a.license) {\n                        options.license = _a.license;\n                    }\n                    _a.use((typeof lib.use === 'function' ? lib.use(module) : module), options);\n                }\n            }\n            if (lib.globalStyle) {\n                const style = _a.createElement('style');\n                style.type = 'text/css';\n                style.innerHTML = lib.globalStyle;\n                document.body.appendChild(style);\n            }\n        });\n    }\n    static addLoader(wrapper) {\n        return __awaiter(this, void 0, void 0, function* () {\n            wrapper.appendChild(_a.createElement('div', {\n                'class': 'formio-loader'\n            }, [{\n                    tag: 'div',\n                    attrs: {\n                        class: 'loader-wrapper'\n                    },\n                    children: [{\n                            tag: 'div',\n                            attrs: {\n                                class: 'loader text-center'\n                            }\n                        }]\n                }]));\n        });\n    }\n    // eslint-disable-next-line max-statements\n    static init(element, options = {}, builder = false) {\n        return __awaiter(this, void 0, void 0, function* () {\n            _a.cdn = new CDN_js_1.default(_a.config.cdn, _a.config.cdnUrls || {});\n            _a.config.libs = _a.config.libs || {\n                uswds: {\n                    dependencies: ['fontawesome'],\n                    js: `${_a.cdn.uswds}/uswds.min.js`,\n                    css: `${_a.cdn.uswds}/uswds.min.css`,\n                    use: true\n                },\n                fontawesome: {\n                    // Due to an issue with font-face not loading in the shadowdom (https://issues.chromium.org/issues/41085401), we need\n                    // to do 2 things. 1.) Load the fonts from the global cdn, and 2.) add the font-face to the global styles on the page.\n                    css: `https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css`,\n                    globalStyle: `@font-face {\n                    font-family: 'FontAwesome';\n                    src: url('https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0');\n                    src: url('https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');\n                    font-weight: normal;\n                    font-style: normal;\n                  }`\n                },\n                bootstrap4: {\n                    dependencies: ['fontawesome'],\n                    css: `${_a.cdn.bootstrap4}/css/bootstrap.min.css`\n                },\n                bootstrap: {\n                    dependencies: ['bootstrap-icons'],\n                    css: `${_a.cdn.bootstrap}/css/bootstrap.min.css`\n                },\n                'bootstrap-icons': {\n                    // Due to an issue with font-face not loading in the shadowdom (https://issues.chromium.org/issues/41085401), we need\n                    // to do 2 things. 1.) Load the fonts from the global cdn, and 2.) add the font-face to the global styles on the page.\n                    css: 'https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.min.css',\n                    globalStyle: `@font-face {\n                    font-display: block;\n                    font-family: \"bootstrap-icons\";\n                    src: url(\"https://cdn.jsdelivr.net/npm/bootstrap-icons/font/fonts/bootstrap-icons.woff2?dd67030699838ea613ee6dbda90effa6\") format(\"woff2\"),\n                         url(\"https://cdn.jsdelivr.net/npm/bootstrap-icons/font/fonts/bootstrap-icons.woff?dd67030699838ea613ee6dbda90effa6\") format(\"woff\");\n                }`\n                }\n            };\n            // Add all bootswatch templates.\n            ['cerulean', 'cosmo', 'cyborg', 'darkly', 'flatly', 'journal', 'litera', 'lumen', 'lux', 'materia', 'minty', 'pulse', 'sandstone', 'simplex', 'sketchy', 'slate', 'solar', 'spacelab', 'superhero', 'united', 'yeti'].forEach((template) => {\n                _a.config.libs[template] = {\n                    dependencies: ['bootstrap-icons'],\n                    css: `${_a.cdn.bootswatch}/dist/${template}/bootstrap.min.css`\n                };\n            });\n            const id = _a.config.id || `formio-${Math.random().toString(36).substring(7)}`;\n            // Create a new wrapper and add the element inside of a new wrapper.\n            let wrapper = _a.createElement('div', {\n                'id': `${id}-wrapper`\n            });\n            element.parentNode.insertBefore(wrapper, element);\n            // If we include the libraries, then we will attempt to run this in shadow dom.\n            const useShadowDom = _a.config.includeLibs && !_a.config.noshadow && (typeof wrapper.attachShadow === 'function');\n            if (useShadowDom) {\n                wrapper = wrapper.attachShadow({\n                    mode: 'open'\n                });\n                options.shadowRoot = wrapper;\n            }\n            element.parentNode.removeChild(element);\n            wrapper.appendChild(element);\n            // If this is inside of shadow dom, then we need to add the styles and scripts to the shadow dom.\n            const libWrapper = useShadowDom ? wrapper : document.body;\n            // Load the renderer styles.\n            yield _a.addStyles(libWrapper, _a.config.embedCSS || `${_a.cdn.js}/formio.embed.css`);\n            // Add a loader.\n            _a.addLoader(wrapper);\n            const formioSrc = _a.config.full ? 'formio.full' : 'formio.form';\n            const renderer = _a.config.debug ? formioSrc : `${formioSrc}.min`;\n            _a.FormioClass = yield _a.addScript(libWrapper, _a.formioScript(_a.config.script || `${_a.cdn.js}/${renderer}.js`, builder), 'Formio', builder ? 'isBuilder' : 'isRenderer');\n            _a.FormioClass.cdn = _a.cdn;\n            _a.FormioClass.setBaseUrl(options.baseUrl || _a.baseUrl || _a.config.base);\n            _a.FormioClass.setProjectUrl(options.projectUrl || _a.projectUrl || _a.config.project);\n            _a.FormioClass.language = _a.language;\n            _a.setLicense(_a.license || _a.config.license || false);\n            _a.modules.forEach((module) => {\n                _a.FormioClass.use(module);\n            });\n            if (_a.icons) {\n                _a.FormioClass.icons = _a.icons;\n            }\n            if (_a.pathType) {\n                _a.FormioClass.setPathType(_a.pathType);\n            }\n            // Add libraries if they wish to include the libs.\n            if (_a.config.template && _a.config.includeLibs) {\n                yield _a.addLibrary(libWrapper, _a.config.libs[_a.config.template], _a.config.template);\n            }\n            if (!_a.config.libraries) {\n                _a.config.libraries = _a.config.modules || {};\n            }\n            // Adding premium if it is provided via the config.\n            if (_a.config.premium) {\n                _a.config.libraries.premium = _a.config.premium;\n            }\n            // Allow adding dynamic modules.\n            if (_a.config.libraries) {\n                for (const name in _a.config.libraries) {\n                    const lib = _a.config.libraries[name];\n                    lib.use = lib.use || true;\n                    yield _a.addLibrary(libWrapper, lib, name);\n                }\n            }\n            yield _a.addStyles(libWrapper, _a.formioScript(_a.config.style || `${_a.cdn.js}/${renderer}.css`, builder));\n            if (_a.config.before) {\n                yield _a.config.before(_a.FormioClass, element, _a.config);\n            }\n            _a.FormioClass.license = true;\n            _a._formioReady(_a.FormioClass);\n            return wrapper;\n        });\n    }\n    // Called after an instance has been created.\n    static afterCreate(instance, wrapper, readyEvent) {\n        return __awaiter(this, void 0, void 0, function* () {\n            const loader = wrapper.querySelector('.formio-loader');\n            if (loader) {\n                wrapper.removeChild(loader);\n            }\n            _a.FormioClass.events.emit(readyEvent, instance);\n            if (_a.config.after) {\n                _a.debug('Calling ready callback');\n                _a.config.after(instance, _a.config);\n            }\n            return instance;\n        });\n    }\n    // Create a new form.\n    static createForm(element, form, options = {}) {\n        return __awaiter(this, void 0, void 0, function* () {\n            if (_a.FormioClass) {\n                return _a.FormioClass.createForm(element, form, Object.assign(Object.assign({}, options), { noLoader: true }));\n            }\n            const wrapper = yield _a.init(element, options);\n            return _a.FormioClass.createForm(element, form, Object.assign(Object.assign({}, options), { noLoader: true })).then((instance) => {\n                // Set the default submission data.\n                if (_a.config.submission) {\n                    _a.debug('Setting submission', _a.config.submission);\n                    instance.submission = _a.config.submission;\n                }\n                // Call the after create method.\n                _a.afterCreate(instance, wrapper, 'formEmbedded');\n                return instance;\n            });\n        });\n    }\n    // Create a form builder.\n    static builder(element, form, options = {}) {\n        var _b;\n        return __awaiter(this, void 0, void 0, function* () {\n            if ((_b = _a.FormioClass) === null || _b === void 0 ? void 0 : _b.builder) {\n                return _a.FormioClass.builder(element, form, options);\n            }\n            const wrapper = yield _a.init(element, options, true);\n            return _a.FormioClass.builder(element, form, options).then((instance) => {\n                _a.afterCreate(instance, wrapper, 'builderEmbedded');\n                return instance;\n            });\n        });\n    }\n}\nexports.Formio = Formio;\n_a = Formio;\nFormio.FormioClass = null;\nFormio.config = {};\nFormio.modules = [];\nFormio.icons = '';\nFormio.license = '';\nFormio.formioReady = new Promise((ready, reject) => {\n    _a._formioReady = ready;\n    _a._formioReadyReject = reject;\n});\nFormio.version = '5.2.1-rc.2';\n// Create a report.\nFormio.Report = {\n    create: (element, submission, options = {}) => __awaiter(void 0, void 0, void 0, function* () {\n        var _b;\n        if ((_b = _a.FormioClass) === null || _b === void 0 ? void 0 : _b.Report) {\n            return _a.FormioClass.Report.create(element, submission, options);\n        }\n        const wrapper = yield _a.init(element, options, true);\n        return _a.FormioClass.Report.create(element, submission, options).then((instance) => {\n            _a.afterCreate(instance, wrapper, 'reportEmbedded');\n            return instance;\n        });\n    })\n};\nCDN_js_1.default.defaultCDN = Formio.version.includes('rc') ? 'https://cdn.test-form.io' : 'https://cdn.form.io';\nclass Form {\n    constructor(element, form, options) {\n        this.form = form;\n        this.element = element;\n        this.options = options || {};\n        this.init();\n        this.instance = {\n            proxy: true,\n            ready: this.ready,\n            destroy: () => { }\n        };\n    }\n    init() {\n        if (this.instance && !this.instance.proxy) {\n            this.instance.destroy();\n        }\n        this.element.innerHTML = '';\n        this.ready = this.create().then((instance) => {\n            this.instance = instance;\n            this.form = instance.form;\n            return instance;\n        });\n    }\n    create() {\n        return Formio.createForm(this.element, this.form, this.options);\n    }\n    setForm(form) {\n        this.form = form;\n        if (this.instance) {\n            this.instance.setForm(form);\n        }\n    }\n    setDisplay(display) {\n        if (this.instance.proxy) {\n            return this.ready;\n        }\n        this.form.display = display;\n        this.instance.destroy();\n        this.ready = this.create().then((instance) => {\n            this.instance = instance;\n            this.setForm(this.form);\n        });\n        return this.ready;\n    }\n}\nexports.Form = Form;\nclass FormBuilder extends Form {\n    create() {\n        return Formio.builder(this.element, this.form, this.options);\n    }\n}\nexports.FormBuilder = FormBuilder;\nFormio.Form = Form;\nFormio.FormBuilder = FormBuilder;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/Embed.js?");
+eval("\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nvar _a;\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.FormBuilder = exports.Form = exports.Formio = void 0;\nconst CDN_js_1 = __importDefault(__webpack_require__(/*! ./CDN.js */ \"./lib/cjs/CDN.js\"));\nclass Formio {\n    static setLicense(license, norecurse = false) {\n        _a.license = license;\n        if (!norecurse && _a.FormioClass) {\n            _a.FormioClass.setLicense(license);\n        }\n    }\n    static setBaseUrl(url, norecurse = false) {\n        _a.baseUrl = url;\n        if (!norecurse && _a.FormioClass) {\n            _a.FormioClass.setBaseUrl(url);\n        }\n    }\n    static setApiUrl(url, norecurse = false) {\n        _a.baseUrl = url;\n        if (!norecurse && _a.FormioClass) {\n            _a.FormioClass.setApiUrl(url);\n        }\n    }\n    static setProjectUrl(url, norecurse = false) {\n        _a.projectUrl = url;\n        if (!norecurse && _a.FormioClass) {\n            _a.FormioClass.setProjectUrl(url);\n        }\n    }\n    static setAppUrl(url, norecurse = false) {\n        _a.projectUrl = url;\n        if (!norecurse && _a.FormioClass) {\n            _a.FormioClass.setAppUrl(url);\n        }\n    }\n    static setPathType(type, norecurse = false) {\n        _a.pathType = type;\n        if (!norecurse && _a.FormioClass) {\n            _a.FormioClass.setPathType(type);\n        }\n    }\n    static debug(...args) {\n        if (_a.config.debug) {\n            console.log(...args);\n        }\n    }\n    static clearCache() {\n        if (_a.FormioClass) {\n            _a.FormioClass.clearCache();\n        }\n    }\n    static global(prop, flag = '') {\n        const globalValue = window[prop];\n        if (flag && globalValue && !globalValue[flag]) {\n            return null;\n        }\n        _a.debug(`Getting global ${prop}`, globalValue);\n        return globalValue;\n    }\n    static use(module) {\n        if (_a.FormioClass && _a.FormioClass.isRenderer) {\n            _a.FormioClass.use(module);\n        }\n        else {\n            _a.modules.push(module);\n        }\n    }\n    static createElement(type, attrs, children) {\n        const element = document.createElement(type);\n        if (!attrs) {\n            return element;\n        }\n        Object.keys(attrs).forEach(key => {\n            element.setAttribute(key, attrs[key]);\n        });\n        (children || []).forEach(child => {\n            element.appendChild(_a.createElement(child.tag, child.attrs, child.children));\n        });\n        return element;\n    }\n    static addScript(wrapper, src, name, flag = '') {\n        return __awaiter(this, void 0, void 0, function* () {\n            if (!src) {\n                return Promise.resolve();\n            }\n            if (typeof src !== 'string' && src.length) {\n                return Promise.all(src.map(ref => _a.addScript(wrapper, ref)));\n            }\n            if (name && _a.global(name, flag)) {\n                _a.debug(`${name} already loaded.`);\n                return Promise.resolve(_a.global(name));\n            }\n            _a.debug('Adding Script', src);\n            try {\n                wrapper.appendChild(_a.createElement('script', {\n                    src\n                }));\n            }\n            catch (err) {\n                _a.debug(err);\n                return Promise.resolve();\n            }\n            if (!name) {\n                return Promise.resolve();\n            }\n            return new Promise((resolve) => {\n                _a.debug(`Waiting to load ${name}`);\n                const wait = setInterval(() => {\n                    if (_a.global(name, flag)) {\n                        clearInterval(wait);\n                        _a.debug(`${name} loaded.`);\n                        resolve(_a.global(name));\n                    }\n                }, 100);\n            });\n        });\n    }\n    static addStyles(wrapper, href) {\n        return __awaiter(this, void 0, void 0, function* () {\n            if (!href) {\n                return;\n            }\n            if (typeof href !== 'string' && href.length) {\n                href.forEach(ref => _a.addStyles(wrapper, ref));\n                return;\n            }\n            _a.debug('Adding Styles', href);\n            wrapper.appendChild(_a.createElement('link', {\n                rel: 'stylesheet',\n                href\n            }));\n        });\n    }\n    static submitDone(instance, submission) {\n        return __awaiter(this, void 0, void 0, function* () {\n            _a.debug('Submision Complete', submission);\n            if (_a.config.submitDone) {\n                _a.config.submitDone(submission, instance);\n            }\n            const successMessage = (_a.config.success || '').toString();\n            if (successMessage && successMessage.toLowerCase() !== 'false' && instance.element) {\n                instance.element.innerHTML = `<div class=\"alert-success\" role=\"alert\">${successMessage}</div>`;\n            }\n            let returnUrl = _a.config.redirect;\n            // Allow form based configuration for return url.\n            if (!returnUrl &&\n                (instance._form &&\n                    instance._form.settings &&\n                    (instance._form.settings.returnUrl ||\n                        instance._form.settings.redirect))) {\n                _a.debug('Return url found in form configuration');\n                returnUrl = instance._form.settings.returnUrl || instance._form.settings.redirect;\n            }\n            if (returnUrl) {\n                const formSrc = instance.formio ? instance.formio.formUrl : '';\n                const hasQuery = !!returnUrl.match(/\\?/);\n                const isOrigin = returnUrl.indexOf(location.origin) === 0;\n                returnUrl += hasQuery ? '&' : '?';\n                returnUrl += `sub=${submission._id}`;\n                if (!isOrigin && formSrc) {\n                    returnUrl += `&form=${encodeURIComponent(formSrc)}`;\n                }\n                _a.debug('Return URL', returnUrl);\n                window.location.href = returnUrl;\n                if (isOrigin) {\n                    window.location.reload();\n                }\n            }\n        });\n    }\n    // Return the full script if the builder is being used.\n    static formioScript(script, builder) {\n        builder = builder || _a.config.includeBuilder;\n        if (_a.fullAdded || builder) {\n            _a.fullAdded = true;\n            return script.replace('formio.form', 'formio.full');\n        }\n        return script;\n    }\n    static addLibrary(libWrapper, lib, name) {\n        return __awaiter(this, void 0, void 0, function* () {\n            if (!lib) {\n                return;\n            }\n            if (lib.dependencies) {\n                for (let i = 0; i < lib.dependencies.length; i++) {\n                    const libName = lib.dependencies[i];\n                    yield _a.addLibrary(libWrapper, _a.config.libs[libName], libName);\n                }\n            }\n            if (lib.css) {\n                yield _a.addStyles((lib.global ? document.body : libWrapper), lib.css);\n            }\n            if (lib.js) {\n                const module = yield _a.addScript((lib.global ? document.body : libWrapper), lib.js, lib.use ? name : false);\n                if (lib.use) {\n                    _a.debug(`Using ${name}`);\n                    const options = lib.options || {};\n                    if (!options.license && _a.license) {\n                        options.license = _a.license;\n                    }\n                    _a.use((typeof lib.use === 'function' ? lib.use(module) : module), options);\n                }\n            }\n            if (lib.globalStyle) {\n                const style = _a.createElement('style');\n                style.type = 'text/css';\n                style.innerHTML = lib.globalStyle;\n                document.body.appendChild(style);\n            }\n        });\n    }\n    static addLoader(wrapper) {\n        return __awaiter(this, void 0, void 0, function* () {\n            wrapper.appendChild(_a.createElement('div', {\n                'class': 'formio-loader'\n            }, [{\n                    tag: 'div',\n                    attrs: {\n                        class: 'loader-wrapper'\n                    },\n                    children: [{\n                            tag: 'div',\n                            attrs: {\n                                class: 'loader text-center'\n                            }\n                        }]\n                }]));\n        });\n    }\n    // eslint-disable-next-line max-statements\n    static init(element, options = {}, builder = false) {\n        return __awaiter(this, void 0, void 0, function* () {\n            _a.cdn = new CDN_js_1.default(_a.config.cdn, _a.config.cdnUrls || {});\n            _a.config.libs = _a.config.libs || {\n                uswds: {\n                    dependencies: ['fontawesome'],\n                    js: `${_a.cdn.uswds}/uswds.min.js`,\n                    css: `${_a.cdn.uswds}/uswds.min.css`,\n                    use: true\n                },\n                fontawesome: {\n                    // Due to an issue with font-face not loading in the shadowdom (https://issues.chromium.org/issues/41085401), we need\n                    // to do 2 things. 1.) Load the fonts from the global cdn, and 2.) add the font-face to the global styles on the page.\n                    css: `https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css`,\n                    globalStyle: `@font-face {\n                    font-family: 'FontAwesome';\n                    src: url('https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0');\n                    src: url('https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');\n                    font-weight: normal;\n                    font-style: normal;\n                  }`\n                },\n                bootstrap4: {\n                    dependencies: ['fontawesome'],\n                    css: `${_a.cdn.bootstrap4}/css/bootstrap.min.css`\n                },\n                bootstrap: {\n                    dependencies: ['bootstrap-icons'],\n                    css: `${_a.cdn.bootstrap}/css/bootstrap.min.css`\n                },\n                'bootstrap-icons': {\n                    // Due to an issue with font-face not loading in the shadowdom (https://issues.chromium.org/issues/41085401), we need\n                    // to do 2 things. 1.) Load the fonts from the global cdn, and 2.) add the font-face to the global styles on the page.\n                    css: 'https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.min.css',\n                    globalStyle: `@font-face {\n                    font-display: block;\n                    font-family: \"bootstrap-icons\";\n                    src: url(\"https://cdn.jsdelivr.net/npm/bootstrap-icons/font/fonts/bootstrap-icons.woff2?dd67030699838ea613ee6dbda90effa6\") format(\"woff2\"),\n                         url(\"https://cdn.jsdelivr.net/npm/bootstrap-icons/font/fonts/bootstrap-icons.woff?dd67030699838ea613ee6dbda90effa6\") format(\"woff\");\n                }`\n                }\n            };\n            // Add all bootswatch templates.\n            ['cerulean', 'cosmo', 'cyborg', 'darkly', 'flatly', 'journal', 'litera', 'lumen', 'lux', 'materia', 'minty', 'pulse', 'sandstone', 'simplex', 'sketchy', 'slate', 'solar', 'spacelab', 'superhero', 'united', 'yeti'].forEach((template) => {\n                _a.config.libs[template] = {\n                    dependencies: ['bootstrap-icons'],\n                    css: `${_a.cdn.bootswatch}/dist/${template}/bootstrap.min.css`\n                };\n            });\n            const id = _a.config.id || `formio-${Math.random().toString(36).substring(7)}`;\n            // Create a new wrapper and add the element inside of a new wrapper.\n            let wrapper = _a.createElement('div', {\n                'id': `${id}-wrapper`\n            });\n            element.parentNode.insertBefore(wrapper, element);\n            // If we include the libraries, then we will attempt to run this in shadow dom.\n            const useShadowDom = _a.config.includeLibs && !_a.config.noshadow && (typeof wrapper.attachShadow === 'function');\n            if (useShadowDom) {\n                wrapper = wrapper.attachShadow({\n                    mode: 'open'\n                });\n                options.shadowRoot = wrapper;\n            }\n            element.parentNode.removeChild(element);\n            wrapper.appendChild(element);\n            // If this is inside of shadow dom, then we need to add the styles and scripts to the shadow dom.\n            const libWrapper = useShadowDom ? wrapper : document.body;\n            // Load the renderer styles.\n            yield _a.addStyles(libWrapper, _a.config.embedCSS || `${_a.cdn.js}/formio.embed.css`);\n            // Add a loader.\n            _a.addLoader(wrapper);\n            const formioSrc = _a.config.full ? 'formio.full' : 'formio.form';\n            const renderer = _a.config.debug ? formioSrc : `${formioSrc}.min`;\n            _a.FormioClass = yield _a.addScript(libWrapper, _a.formioScript(_a.config.script || `${_a.cdn.js}/${renderer}.js`, builder), 'Formio', builder ? 'isBuilder' : 'isRenderer');\n            _a.FormioClass.cdn = _a.cdn;\n            _a.FormioClass.setBaseUrl(options.baseUrl || _a.baseUrl || _a.config.base);\n            _a.FormioClass.setProjectUrl(options.projectUrl || _a.projectUrl || _a.config.project);\n            _a.FormioClass.language = _a.language;\n            _a.setLicense(_a.license || _a.config.license || false);\n            _a.modules.forEach((module) => {\n                _a.FormioClass.use(module);\n            });\n            if (_a.icons) {\n                _a.FormioClass.icons = _a.icons;\n            }\n            if (_a.pathType) {\n                _a.FormioClass.setPathType(_a.pathType);\n            }\n            // Add libraries if they wish to include the libs.\n            if (_a.config.template && _a.config.includeLibs) {\n                yield _a.addLibrary(libWrapper, _a.config.libs[_a.config.template], _a.config.template);\n            }\n            if (!_a.config.libraries) {\n                _a.config.libraries = _a.config.modules || {};\n            }\n            // Adding premium if it is provided via the config.\n            if (_a.config.premium) {\n                _a.config.libraries.premium = _a.config.premium;\n            }\n            // Allow adding dynamic modules.\n            if (_a.config.libraries) {\n                for (const name in _a.config.libraries) {\n                    const lib = _a.config.libraries[name];\n                    lib.use = lib.use || true;\n                    yield _a.addLibrary(libWrapper, lib, name);\n                }\n            }\n            yield _a.addStyles(libWrapper, _a.formioScript(_a.config.style || `${_a.cdn.js}/${renderer}.css`, builder));\n            if (_a.config.before) {\n                yield _a.config.before(_a.FormioClass, element, _a.config);\n            }\n            _a.FormioClass.license = true;\n            _a._formioReady(_a.FormioClass);\n            return wrapper;\n        });\n    }\n    // Called after an instance has been created.\n    static afterCreate(instance, wrapper, readyEvent) {\n        return __awaiter(this, void 0, void 0, function* () {\n            const loader = wrapper.querySelector('.formio-loader');\n            if (loader) {\n                wrapper.removeChild(loader);\n            }\n            _a.FormioClass.events.emit(readyEvent, instance);\n            if (_a.config.after) {\n                _a.debug('Calling ready callback');\n                _a.config.after(instance, _a.config);\n            }\n            return instance;\n        });\n    }\n    // Create a new form.\n    static createForm(element, form, options = {}) {\n        return __awaiter(this, void 0, void 0, function* () {\n            if (_a.FormioClass) {\n                return _a.FormioClass.createForm(element, form, Object.assign(Object.assign({}, options), { noLoader: true }));\n            }\n            const wrapper = yield _a.init(element, options);\n            return _a.FormioClass.createForm(element, form, Object.assign(Object.assign({}, options), { noLoader: true })).then((instance) => {\n                // Set the default submission data.\n                if (_a.config.submission) {\n                    _a.debug('Setting submission', _a.config.submission);\n                    instance.submission = _a.config.submission;\n                }\n                // Call the after create method.\n                _a.afterCreate(instance, wrapper, 'formEmbedded');\n                return instance;\n            });\n        });\n    }\n    // Create a form builder.\n    static builder(element, form, options = {}) {\n        var _b;\n        return __awaiter(this, void 0, void 0, function* () {\n            if ((_b = _a.FormioClass) === null || _b === void 0 ? void 0 : _b.builder) {\n                return _a.FormioClass.builder(element, form, options);\n            }\n            const wrapper = yield _a.init(element, options, true);\n            return _a.FormioClass.builder(element, form, options).then((instance) => {\n                _a.afterCreate(instance, wrapper, 'builderEmbedded');\n                return instance;\n            });\n        });\n    }\n}\nexports.Formio = Formio;\n_a = Formio;\nFormio.FormioClass = null;\nFormio.config = {};\nFormio.modules = [];\nFormio.icons = '';\nFormio.license = '';\nFormio.formioReady = new Promise((ready, reject) => {\n    _a._formioReady = ready;\n    _a._formioReadyReject = reject;\n});\nFormio.version = '5.2.1-rc.3';\n// Create a report.\nFormio.Report = {\n    create: (element, submission, options = {}) => __awaiter(void 0, void 0, void 0, function* () {\n        var _b;\n        if ((_b = _a.FormioClass) === null || _b === void 0 ? void 0 : _b.Report) {\n            return _a.FormioClass.Report.create(element, submission, options);\n        }\n        const wrapper = yield _a.init(element, options, true);\n        return _a.FormioClass.Report.create(element, submission, options).then((instance) => {\n            _a.afterCreate(instance, wrapper, 'reportEmbedded');\n            return instance;\n        });\n    })\n};\nCDN_js_1.default.defaultCDN = Formio.version.includes('rc') ? 'https://cdn.test-form.io' : 'https://cdn.form.io';\nclass Form {\n    constructor(element, form, options) {\n        this.form = form;\n        this.element = element;\n        this.options = options || {};\n        this.init();\n        this.instance = {\n            proxy: true,\n            ready: this.ready,\n            destroy: () => { }\n        };\n    }\n    init() {\n        if (this.instance && !this.instance.proxy) {\n            this.instance.destroy();\n        }\n        this.element.innerHTML = '';\n        this.ready = this.create().then((instance) => {\n            this.instance = instance;\n            this.form = instance.form;\n            return instance;\n        });\n    }\n    create() {\n        return Formio.createForm(this.element, this.form, this.options);\n    }\n    setForm(form) {\n        this.form = form;\n        if (this.instance) {\n            this.instance.setForm(form);\n        }\n    }\n    setDisplay(display) {\n        if (this.instance.proxy) {\n            return this.ready;\n        }\n        this.form.display = display;\n        this.instance.destroy();\n        this.ready = this.create().then((instance) => {\n            this.instance = instance;\n            this.setForm(this.form);\n        });\n        return this.ready;\n    }\n}\nexports.Form = Form;\nclass FormBuilder extends Form {\n    create() {\n        return Formio.builder(this.element, this.form, this.options);\n    }\n}\nexports.FormBuilder = FormBuilder;\nFormio.Form = Form;\nFormio.FormBuilder = FormBuilder;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/Embed.js?");
 
 /***/ }),
 
@@ -10898,7 +10898,7 @@ eval("\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _argument
 /***/ (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.Formio = void 0;\nconst sdk_1 = __webpack_require__(/*! @formio/core/sdk */ \"./node_modules/@formio/core/lib/sdk/index.js\");\nObject.defineProperty(exports, \"Formio\", ({ enumerable: true, get: function () { return sdk_1.Formio; } }));\nconst Embed_1 = __webpack_require__(/*! ./Embed */ \"./lib/cjs/Embed.js\");\nconst CDN_1 = __importDefault(__webpack_require__(/*! ./CDN */ \"./lib/cjs/CDN.js\"));\nconst providers_1 = __importDefault(__webpack_require__(/*! ./providers */ \"./lib/cjs/providers/index.js\"));\nsdk_1.Formio.cdn = new CDN_1.default();\nsdk_1.Formio.Providers = providers_1.default;\nsdk_1.Formio.version = '5.2.1-rc.2';\nCDN_1.default.defaultCDN = sdk_1.Formio.version.includes('rc') ? 'https://cdn.test-form.io' : 'https://cdn.form.io';\nconst isNil = (val) => val === null || val === undefined;\nsdk_1.Formio.prototype.uploadFile = function (storage, file, fileName, dir, progressCallback, url, options, fileKey, groupPermissions, groupId, uploadStartCallback, abortCallback, multipartOptions) {\n    const requestArgs = {\n        provider: storage,\n        method: 'upload',\n        file: file,\n        fileName: fileName,\n        dir: dir\n    };\n    fileKey = fileKey || 'file';\n    const request = sdk_1.Formio.pluginWait('preRequest', requestArgs)\n        .then(() => {\n        return sdk_1.Formio.pluginGet('fileRequest', requestArgs)\n            .then((result) => {\n            if (storage && isNil(result)) {\n                const Provider = providers_1.default.getProvider('storage', storage);\n                if (Provider) {\n                    const provider = new Provider(this);\n                    if (uploadStartCallback) {\n                        uploadStartCallback();\n                    }\n                    return provider.uploadFile(file, fileName, dir, progressCallback, url, options, fileKey, groupPermissions, groupId, abortCallback, multipartOptions);\n                }\n                else {\n                    throw ('Storage provider not found');\n                }\n            }\n            return result || { url: '' };\n        });\n    });\n    return sdk_1.Formio.pluginAlter('wrapFileRequestPromise', request, requestArgs);\n};\nsdk_1.Formio.prototype.downloadFile = function (file, options) {\n    const requestArgs = {\n        method: 'download',\n        file: file\n    };\n    const request = sdk_1.Formio.pluginWait('preRequest', requestArgs)\n        .then(() => {\n        return sdk_1.Formio.pluginGet('fileRequest', requestArgs)\n            .then((result) => {\n            if (file.storage && isNil(result)) {\n                const Provider = providers_1.default.getProvider('storage', file.storage);\n                if (Provider) {\n                    const provider = new Provider(this);\n                    return provider.downloadFile(file, options);\n                }\n                else {\n                    throw ('Storage provider not found');\n                }\n            }\n            return result || { url: '' };\n        });\n    });\n    return sdk_1.Formio.pluginAlter('wrapFileRequestPromise', request, requestArgs);\n};\nsdk_1.Formio.prototype.deleteFile = function (file, options) {\n    const requestArgs = {\n        method: 'delete',\n        file: file\n    };\n    const request = sdk_1.Formio.pluginWait('preRequest', requestArgs)\n        .then(() => {\n        return sdk_1.Formio.pluginGet('fileRequest', requestArgs)\n            .then((result) => {\n            if (file.storage && isNil(result)) {\n                const Provider = providers_1.default.getProvider('storage', file.storage);\n                if (Provider) {\n                    const provider = new Provider(this);\n                    return provider.deleteFile(file, options);\n                }\n                else {\n                    throw ('Storage provider not found');\n                }\n            }\n            return result || { url: '' };\n        });\n    });\n    return sdk_1.Formio.pluginAlter('wrapFileRequestPromise', request, requestArgs);\n};\n// Esnure we proxy the following methods to the FormioEmbed class.\n['setBaseUrl', 'setApiUrl', 'setAppUrl', 'setProjectUrl', 'setPathType', 'setLicense'].forEach((fn) => {\n    const baseFn = sdk_1.Formio[fn];\n    sdk_1.Formio[fn] = function (arg) {\n        const retVal = Embed_1.Formio[fn](arg, true);\n        return baseFn ? baseFn.call(this, arg) : retVal;\n    };\n});\n// For reverse compatability.\nsdk_1.Formio.Promise = Promise;\nsdk_1.Formio.formioReady = Embed_1.Formio.formioReady;\nsdk_1.Formio.config = Embed_1.Formio.config;\nsdk_1.Formio.builder = Embed_1.Formio.builder;\nsdk_1.Formio.Report = Embed_1.Formio.Report;\nsdk_1.Formio.Form = Embed_1.Formio.Form;\nsdk_1.Formio.FormBuilder = Embed_1.Formio.FormBuilder;\nsdk_1.Formio.use = Embed_1.Formio.use;\nsdk_1.Formio.createForm = Embed_1.Formio.createForm;\nsdk_1.Formio.submitDone = Embed_1.Formio.submitDone;\nsdk_1.Formio.addLibrary = Embed_1.Formio.addLibrary;\nsdk_1.Formio.addLoader = Embed_1.Formio.addLoader;\nsdk_1.Formio.addToGlobal = (global) => {\n    if (typeof global === 'object' && !global.Formio) {\n        global.Formio = sdk_1.Formio;\n    }\n};\nif (typeof __webpack_require__.g !== 'undefined') {\n    sdk_1.Formio.addToGlobal(__webpack_require__.g);\n}\nif (typeof window !== 'undefined') {\n    sdk_1.Formio.addToGlobal(window);\n}\nEmbed_1.Formio._formioReady(sdk_1.Formio);\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/Formio.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.Formio = void 0;\nconst sdk_1 = __webpack_require__(/*! @formio/core/sdk */ \"./node_modules/@formio/core/lib/sdk/index.js\");\nObject.defineProperty(exports, \"Formio\", ({ enumerable: true, get: function () { return sdk_1.Formio; } }));\nconst Embed_1 = __webpack_require__(/*! ./Embed */ \"./lib/cjs/Embed.js\");\nconst CDN_1 = __importDefault(__webpack_require__(/*! ./CDN */ \"./lib/cjs/CDN.js\"));\nconst providers_1 = __importDefault(__webpack_require__(/*! ./providers */ \"./lib/cjs/providers/index.js\"));\nsdk_1.Formio.cdn = new CDN_1.default();\nsdk_1.Formio.Providers = providers_1.default;\nsdk_1.Formio.version = '5.2.1-rc.3';\nCDN_1.default.defaultCDN = sdk_1.Formio.version.includes('rc') ? 'https://cdn.test-form.io' : 'https://cdn.form.io';\nconst isNil = (val) => val === null || val === undefined;\nsdk_1.Formio.prototype.uploadFile = function (storage, file, fileName, dir, progressCallback, url, options, fileKey, groupPermissions, groupId, uploadStartCallback, abortCallback, multipartOptions) {\n    const requestArgs = {\n        provider: storage,\n        method: 'upload',\n        file: file,\n        fileName: fileName,\n        dir: dir\n    };\n    fileKey = fileKey || 'file';\n    const request = sdk_1.Formio.pluginWait('preRequest', requestArgs)\n        .then(() => {\n        return sdk_1.Formio.pluginGet('fileRequest', requestArgs)\n            .then((result) => {\n            if (storage && isNil(result)) {\n                const Provider = providers_1.default.getProvider('storage', storage);\n                if (Provider) {\n                    const provider = new Provider(this);\n                    if (uploadStartCallback) {\n                        uploadStartCallback();\n                    }\n                    return provider.uploadFile(file, fileName, dir, progressCallback, url, options, fileKey, groupPermissions, groupId, abortCallback, multipartOptions);\n                }\n                else {\n                    throw ('Storage provider not found');\n                }\n            }\n            return result || { url: '' };\n        });\n    });\n    return sdk_1.Formio.pluginAlter('wrapFileRequestPromise', request, requestArgs);\n};\nsdk_1.Formio.prototype.downloadFile = function (file, options) {\n    const requestArgs = {\n        method: 'download',\n        file: file\n    };\n    const request = sdk_1.Formio.pluginWait('preRequest', requestArgs)\n        .then(() => {\n        return sdk_1.Formio.pluginGet('fileRequest', requestArgs)\n            .then((result) => {\n            if (file.storage && isNil(result)) {\n                const Provider = providers_1.default.getProvider('storage', file.storage);\n                if (Provider) {\n                    const provider = new Provider(this);\n                    return provider.downloadFile(file, options);\n                }\n                else {\n                    throw ('Storage provider not found');\n                }\n            }\n            return result || { url: '' };\n        });\n    });\n    return sdk_1.Formio.pluginAlter('wrapFileRequestPromise', request, requestArgs);\n};\nsdk_1.Formio.prototype.deleteFile = function (file, options) {\n    const requestArgs = {\n        method: 'delete',\n        file: file\n    };\n    const request = sdk_1.Formio.pluginWait('preRequest', requestArgs)\n        .then(() => {\n        return sdk_1.Formio.pluginGet('fileRequest', requestArgs)\n            .then((result) => {\n            if (file.storage && isNil(result)) {\n                const Provider = providers_1.default.getProvider('storage', file.storage);\n                if (Provider) {\n                    const provider = new Provider(this);\n                    return provider.deleteFile(file, options);\n                }\n                else {\n                    throw ('Storage provider not found');\n                }\n            }\n            return result || { url: '' };\n        });\n    });\n    return sdk_1.Formio.pluginAlter('wrapFileRequestPromise', request, requestArgs);\n};\n// Esnure we proxy the following methods to the FormioEmbed class.\n['setBaseUrl', 'setApiUrl', 'setAppUrl', 'setProjectUrl', 'setPathType', 'setLicense'].forEach((fn) => {\n    const baseFn = sdk_1.Formio[fn];\n    sdk_1.Formio[fn] = function (arg) {\n        const retVal = Embed_1.Formio[fn](arg, true);\n        return baseFn ? baseFn.call(this, arg) : retVal;\n    };\n});\n// For reverse compatability.\nsdk_1.Formio.Promise = Promise;\nsdk_1.Formio.formioReady = Embed_1.Formio.formioReady;\nsdk_1.Formio.config = Embed_1.Formio.config;\nsdk_1.Formio.builder = Embed_1.Formio.builder;\nsdk_1.Formio.Report = Embed_1.Formio.Report;\nsdk_1.Formio.Form = Embed_1.Formio.Form;\nsdk_1.Formio.FormBuilder = Embed_1.Formio.FormBuilder;\nsdk_1.Formio.use = Embed_1.Formio.use;\nsdk_1.Formio.createForm = Embed_1.Formio.createForm;\nsdk_1.Formio.submitDone = Embed_1.Formio.submitDone;\nsdk_1.Formio.addLibrary = Embed_1.Formio.addLibrary;\nsdk_1.Formio.addLoader = Embed_1.Formio.addLoader;\nsdk_1.Formio.addToGlobal = (global) => {\n    if (typeof global === 'object' && !global.Formio) {\n        global.Formio = sdk_1.Formio;\n    }\n};\nif (typeof __webpack_require__.g !== 'undefined') {\n    sdk_1.Formio.addToGlobal(__webpack_require__.g);\n}\nif (typeof window !== 'undefined') {\n    sdk_1.Formio.addToGlobal(window);\n}\nEmbed_1.Formio._formioReady(sdk_1.Formio);\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/Formio.js?");
 
 /***/ }),