@formio/js 5.0.0-rc.15 → 5.0.0-rc.17

package/dist/formio.full.js

@@ -1531,16 +1531,6 @@ eval("// Production steps of ECMA-262, Edition 6, 22.1.2.1\n// Reference: http:/
 
 /***/ }),
 
-/***/ "./node_modules/atoa/atoa.js":
-/*!***********************************!*\
-  !*** ./node_modules/atoa/atoa.js ***!
-  \***********************************/
-/***/ (function(module) {
-
-eval("module.exports = function atoa (a, n) { return Array.prototype.slice.call(a, n); }\n\n\n//# sourceURL=webpack://Formio/./node_modules/atoa/atoa.js?");
-
-/***/ }),
-
 /***/ "./node_modules/autocompleter/autocomplete.js":
 /*!****************************************************!*\
   !*** ./node_modules/autocompleter/autocomplete.js ***!
@@ -1582,28 +1572,6 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 
 /***/ }),
 
-/***/ "./node_modules/contra/debounce.js":
-/*!*****************************************!*\
-  !*** ./node_modules/contra/debounce.js ***!
-  \*****************************************/
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-eval("\n\nvar ticky = __webpack_require__(/*! ticky */ \"./node_modules/ticky/ticky-browser.js\");\n\nmodule.exports = function debounce (fn, args, ctx) {\n  if (!fn) { return; }\n  ticky(function run () {\n    fn.apply(ctx || null, args || []);\n  });\n};\n\n\n//# sourceURL=webpack://Formio/./node_modules/contra/debounce.js?");
-
-/***/ }),
-
-/***/ "./node_modules/contra/emitter.js":
-/*!****************************************!*\
-  !*** ./node_modules/contra/emitter.js ***!
-  \****************************************/
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-eval("\n\nvar atoa = __webpack_require__(/*! atoa */ \"./node_modules/atoa/atoa.js\");\nvar debounce = __webpack_require__(/*! ./debounce */ \"./node_modules/contra/debounce.js\");\n\nmodule.exports = function emitter (thing, options) {\n  var opts = options || {};\n  var evt = {};\n  if (thing === undefined) { thing = {}; }\n  thing.on = function (type, fn) {\n    if (!evt[type]) {\n      evt[type] = [fn];\n    } else {\n      evt[type].push(fn);\n    }\n    return thing;\n  };\n  thing.once = function (type, fn) {\n    fn._once = true; // thing.off(fn) still works!\n    thing.on(type, fn);\n    return thing;\n  };\n  thing.off = function (type, fn) {\n    var c = arguments.length;\n    if (c === 1) {\n      delete evt[type];\n    } else if (c === 0) {\n      evt = {};\n    } else {\n      var et = evt[type];\n      if (!et) { return thing; }\n      et.splice(et.indexOf(fn), 1);\n    }\n    return thing;\n  };\n  thing.emit = function () {\n    var args = atoa(arguments);\n    return thing.emitterSnapshot(args.shift()).apply(this, args);\n  };\n  thing.emitterSnapshot = function (type) {\n    var et = (evt[type] || []).slice(0);\n    return function () {\n      var args = atoa(arguments);\n      var ctx = this || thing;\n      if (type === 'error' && opts.throws !== false && !et.length) { throw args.length === 1 ? args[0] : args; }\n      et.forEach(function emitter (listen) {\n        if (opts.async) { debounce(listen, args, ctx); } else { listen.apply(ctx, args); }\n        if (listen._once) { thing.off(type, listen); }\n      });\n      return thing;\n    };\n  };\n  return thing;\n};\n\n\n//# sourceURL=webpack://Formio/./node_modules/contra/emitter.js?");
-
-/***/ }),
-
 /***/ "./node_modules/core-js/actual/object/from-entries.js":
 /*!************************************************************!*\
   !*** ./node_modules/core-js/actual/object/from-entries.js ***!
@@ -2651,38 +2619,6 @@ eval("\n\nvar typeFunc = __webpack_require__(/*! type-func */ \"./node_modules/t
 
 /***/ }),
 
-/***/ "./node_modules/crossvent/src/crossvent.js":
-/*!*************************************************!*\
-  !*** ./node_modules/crossvent/src/crossvent.js ***!
-  \*************************************************/
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-eval("\n\nvar customEvent = __webpack_require__(/*! custom-event */ \"./node_modules/custom-event/index.js\");\nvar eventmap = __webpack_require__(/*! ./eventmap */ \"./node_modules/crossvent/src/eventmap.js\");\nvar doc = __webpack_require__.g.document;\nvar addEvent = addEventEasy;\nvar removeEvent = removeEventEasy;\nvar hardCache = [];\n\nif (!__webpack_require__.g.addEventListener) {\n  addEvent = addEventHard;\n  removeEvent = removeEventHard;\n}\n\nmodule.exports = {\n  add: addEvent,\n  remove: removeEvent,\n  fabricate: fabricateEvent\n};\n\nfunction addEventEasy (el, type, fn, capturing) {\n  return el.addEventListener(type, fn, capturing);\n}\n\nfunction addEventHard (el, type, fn) {\n  return el.attachEvent('on' + type, wrap(el, type, fn));\n}\n\nfunction removeEventEasy (el, type, fn, capturing) {\n  return el.removeEventListener(type, fn, capturing);\n}\n\nfunction removeEventHard (el, type, fn) {\n  var listener = unwrap(el, type, fn);\n  if (listener) {\n    return el.detachEvent('on' + type, listener);\n  }\n}\n\nfunction fabricateEvent (el, type, model) {\n  var e = eventmap.indexOf(type) === -1 ? makeCustomEvent() : makeClassicEvent();\n  if (el.dispatchEvent) {\n    el.dispatchEvent(e);\n  } else {\n    el.fireEvent('on' + type, e);\n  }\n  function makeClassicEvent () {\n    var e;\n    if (doc.createEvent) {\n      e = doc.createEvent('Event');\n      e.initEvent(type, true, true);\n    } else if (doc.createEventObject) {\n      e = doc.createEventObject();\n    }\n    return e;\n  }\n  function makeCustomEvent () {\n    return new customEvent(type, { detail: model });\n  }\n}\n\nfunction wrapperFactory (el, type, fn) {\n  return function wrapper (originalEvent) {\n    var e = originalEvent || __webpack_require__.g.event;\n    e.target = e.target || e.srcElement;\n    e.preventDefault = e.preventDefault || function preventDefault () { e.returnValue = false; };\n    e.stopPropagation = e.stopPropagation || function stopPropagation () { e.cancelBubble = true; };\n    e.which = e.which || e.keyCode;\n    fn.call(el, e);\n  };\n}\n\nfunction wrap (el, type, fn) {\n  var wrapper = unwrap(el, type, fn) || wrapperFactory(el, type, fn);\n  hardCache.push({\n    wrapper: wrapper,\n    element: el,\n    type: type,\n    fn: fn\n  });\n  return wrapper;\n}\n\nfunction unwrap (el, type, fn) {\n  var i = find(el, type, fn);\n  if (i) {\n    var wrapper = hardCache[i].wrapper;\n    hardCache.splice(i, 1); // free up a tad of memory\n    return wrapper;\n  }\n}\n\nfunction find (el, type, fn) {\n  var i, item;\n  for (i = 0; i < hardCache.length; i++) {\n    item = hardCache[i];\n    if (item.element === el && item.type === type && item.fn === fn) {\n      return i;\n    }\n  }\n}\n\n\n//# sourceURL=webpack://Formio/./node_modules/crossvent/src/crossvent.js?");
-
-/***/ }),
-
-/***/ "./node_modules/crossvent/src/eventmap.js":
-/*!************************************************!*\
-  !*** ./node_modules/crossvent/src/eventmap.js ***!
-  \************************************************/
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-eval("\n\nvar eventmap = [];\nvar eventname = '';\nvar ron = /^on/;\n\nfor (eventname in __webpack_require__.g) {\n  if (ron.test(eventname)) {\n    eventmap.push(eventname.slice(2));\n  }\n}\n\nmodule.exports = eventmap;\n\n\n//# sourceURL=webpack://Formio/./node_modules/crossvent/src/eventmap.js?");
-
-/***/ }),
-
-/***/ "./node_modules/custom-event/index.js":
-/*!********************************************!*\
-  !*** ./node_modules/custom-event/index.js ***!
-  \********************************************/
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-eval("\nvar NativeCustomEvent = __webpack_require__.g.CustomEvent;\n\nfunction useNative () {\n  try {\n    var p = new NativeCustomEvent('cat', { detail: { foo: 'bar' } });\n    return  'cat' === p.type && 'bar' === p.detail.foo;\n  } catch (e) {\n  }\n  return false;\n}\n\n/**\n * Cross-browser `CustomEvent` constructor.\n *\n * https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent.CustomEvent\n *\n * @public\n */\n\nmodule.exports = useNative() ? NativeCustomEvent :\n\n// IE >= 9\n'undefined' !== typeof document && 'function' === typeof document.createEvent ? function CustomEvent (type, params) {\n  var e = document.createEvent('CustomEvent');\n  if (params) {\n    e.initCustomEvent(type, params.bubbles, params.cancelable, params.detail);\n  } else {\n    e.initCustomEvent(type, false, false, void 0);\n  }\n  return e;\n} :\n\n// IE <= 8\nfunction CustomEvent (type, params) {\n  var e = document.createEventObject();\n  e.type = type;\n  if (params) {\n    e.bubbles = Boolean(params.bubbles);\n    e.cancelable = Boolean(params.cancelable);\n    e.detail = params.detail;\n  } else {\n    e.bubbles = false;\n    e.cancelable = false;\n    e.detail = void 0;\n  }\n  return e;\n}\n\n\n//# sourceURL=webpack://Formio/./node_modules/custom-event/index.js?");
-
-/***/ }),
-
 /***/ "./node_modules/dayjs/dayjs.min.js":
 /*!*****************************************!*\
   !*** ./node_modules/dayjs/dayjs.min.js ***!
@@ -2777,25 +2713,23 @@ eval("var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPAC
 
 /***/ }),
 
-/***/ "./node_modules/dragula/classes.js":
-/*!*****************************************!*\
-  !*** ./node_modules/dragula/classes.js ***!
-  \*****************************************/
-/***/ (function(module) {
+/***/ "./node_modules/dragula/dist/dragula.min.js":
+/*!**************************************************!*\
+  !*** ./node_modules/dragula/dist/dragula.min.js ***!
+  \**************************************************/
+/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
 
-"use strict";
-eval("\n\nvar cache = {};\nvar start = '(?:^|\\\\s)';\nvar end = '(?:\\\\s|$)';\n\nfunction lookupClass (className) {\n  var cached = cache[className];\n  if (cached) {\n    cached.lastIndex = 0;\n  } else {\n    cache[className] = cached = new RegExp(start + className + end, 'g');\n  }\n  return cached;\n}\n\nfunction addClass (el, className) {\n  var current = el.className;\n  if (!current.length) {\n    el.className = className;\n  } else if (!lookupClass(className).test(current)) {\n    el.className += ' ' + className;\n  }\n}\n\nfunction rmClass (el, className) {\n  el.className = el.className.replace(lookupClass(className), ' ').trim();\n}\n\nmodule.exports = {\n  add: addClass,\n  rm: rmClass\n};\n\n\n//# sourceURL=webpack://Formio/./node_modules/dragula/classes.js?");
+eval("var require;!function(e){ true?module.exports=e():0}(function(){return function o(r,i,u){function c(t,e){if(!i[t]){if(!r[t]){var n=undefined;if(!e&&n)return require(t,!0);if(a)return a(t,!0);throw(n=new Error(\"Cannot find module '\"+t+\"'\")).code=\"MODULE_NOT_FOUND\",__webpack_require__(\"./node_modules/dragula/dist sync recursive\")}n=i[t]={exports:{}},r[t][0].call(n.exports,function(e){return c(r[t][1][e]||e)},n,n.exports,o,r,i,u)}return i[t].exports}for(var a=undefined,e=0;e<u.length;e++)c(u[e]);return c}({1:[function(e,t,n){\"use strict\";var o={},r=\"(?:^|\\\\s)\",i=\"(?:\\\\s|$)\";function u(e){var t=o[e];return t?t.lastIndex=0:o[e]=t=new RegExp(r+e+i,\"g\"),t}t.exports={add:function(e,t){var n=e.className;n.length?u(t).test(n)||(e.className+=\" \"+t):e.className=t},rm:function(e,t){e.className=e.className.replace(u(t),\" \").trim()}}},{}],2:[function(e,t,n){(function(r){\"use strict\";var M=e(\"contra/emitter\"),k=e(\"crossvent\"),j=e(\"./classes\"),R=document,q=R.documentElement;function U(e,t,n,o){r.navigator.pointerEnabled?k[t](e,{mouseup:\"pointerup\",mousedown:\"pointerdown\",mousemove:\"pointermove\"}[n],o):r.navigator.msPointerEnabled?k[t](e,{mouseup:\"MSPointerUp\",mousedown:\"MSPointerDown\",mousemove:\"MSPointerMove\"}[n],o):(k[t](e,{mouseup:\"touchend\",mousedown:\"touchstart\",mousemove:\"touchmove\"}[n],o),k[t](e,n,o))}function K(e){if(void 0!==e.touches)return e.touches.length;if(void 0!==e.which&&0!==e.which)return e.which;if(void 0!==e.buttons)return e.buttons;e=e.button;return void 0!==e?1&e?1:2&e?3:4&e?2:0:void 0}function z(e,t){return void 0!==r[t]?r[t]:(q.clientHeight?q:R.body)[e]}function H(e,t,n){var o=(e=e||{}).className||\"\";return e.className+=\" gu-hide\",n=R.elementFromPoint(t,n),e.className=o,n}function V(){return!1}function $(){return!0}function G(e){return e.width||e.right-e.left}function J(e){return e.height||e.bottom-e.top}function Q(e){return e.parentNode===R?null:e.parentNode}function W(e){return\"INPUT\"===e.tagName||\"TEXTAREA\"===e.tagName||\"SELECT\"===e.tagName||function e(t){if(!t)return!1;if(\"false\"===t.contentEditable)return!1;if(\"true\"===t.contentEditable)return!0;return e(Q(t))}(e)}function Z(t){return t.nextElementSibling||function(){var e=t;for(;e=e.nextSibling,e&&1!==e.nodeType;);return e}()}function ee(e,t){var t=(n=t).targetTouches&&n.targetTouches.length?n.targetTouches[0]:n.changedTouches&&n.changedTouches.length?n.changedTouches[0]:n,n={pageX:\"clientX\",pageY:\"clientY\"};return e in n&&!(e in t)&&n[e]in t&&(e=n[e]),t[e]}t.exports=function(e,t){var l,f,s,d,m,o,r,v,p,h,n;1===arguments.length&&!1===Array.isArray(e)&&(t=e,e=[]);var i,g=null,y=t||{};void 0===y.moves&&(y.moves=$),void 0===y.accepts&&(y.accepts=$),void 0===y.invalid&&(y.invalid=function(){return!1}),void 0===y.containers&&(y.containers=e||[]),void 0===y.isContainer&&(y.isContainer=V),void 0===y.copy&&(y.copy=!1),void 0===y.copySortSource&&(y.copySortSource=!1),void 0===y.revertOnSpill&&(y.revertOnSpill=!1),void 0===y.removeOnSpill&&(y.removeOnSpill=!1),void 0===y.direction&&(y.direction=\"vertical\"),void 0===y.ignoreInputTextSelection&&(y.ignoreInputTextSelection=!0),void 0===y.mirrorContainer&&(y.mirrorContainer=R.body);var w=M({containers:y.containers,start:function(e){e=S(e);e&&C(e)},end:O,cancel:L,remove:X,destroy:function(){c(!0),N({})},canMove:function(e){return!!S(e)},dragging:!1});return!0===y.removeOnSpill&&w.on(\"over\",function(e){j.rm(e,\"gu-hide\")}).on(\"out\",function(e){w.dragging&&j.add(e,\"gu-hide\")}),c(),w;function u(e){return-1!==w.containers.indexOf(e)||y.isContainer(e)}function c(e){e=e?\"remove\":\"add\";U(q,e,\"mousedown\",E),U(q,e,\"mouseup\",N)}function a(e){U(q,e?\"remove\":\"add\",\"mousemove\",x)}function b(e){e=e?\"remove\":\"add\";k[e](q,\"selectstart\",T),k[e](q,\"click\",T)}function T(e){i&&e.preventDefault()}function E(e){var t,n;o=e.clientX,r=e.clientY,1!==K(e)||e.metaKey||e.ctrlKey||(n=S(t=e.target))&&(i=n,a(),\"mousedown\"===e.type&&(W(t)?t.focus():e.preventDefault()))}function x(e){if(i)if(0!==K(e)){if(!(void 0!==e.clientX&&Math.abs(e.clientX-o)<=(y.slideFactorX||0)&&void 0!==e.clientY&&Math.abs(e.clientY-r)<=(y.slideFactorY||0))){if(y.ignoreInputTextSelection){var t=ee(\"clientX\",e)||0,n=ee(\"clientY\",e)||0;if(W(R.elementFromPoint(t,n)))return}n=i;a(!0),b(),O(),C(n);n=function(e){e=e.getBoundingClientRect();return{left:e.left+z(\"scrollLeft\",\"pageXOffset\"),top:e.top+z(\"scrollTop\",\"pageYOffset\")}}(s);d=ee(\"pageX\",e)-n.left,m=ee(\"pageY\",e)-n.top,j.add(h||s,\"gu-transit\"),function(){if(l)return;var e=s.getBoundingClientRect();(l=s.cloneNode(!0)).style.width=G(e)+\"px\",l.style.height=J(e)+\"px\",j.rm(l,\"gu-transit\"),j.add(l,\"gu-mirror\"),y.mirrorContainer.appendChild(l),U(q,\"add\",\"mousemove\",P),j.add(y.mirrorContainer,\"gu-unselectable\"),w.emit(\"cloned\",l,s,\"mirror\")}(),P(e)}}else N({})}function S(e){if(!(w.dragging&&l||u(e))){for(var t=e;Q(e)&&!1===u(Q(e));){if(y.invalid(e,t))return;if(!(e=Q(e)))return}var n=Q(e);if(n)if(!y.invalid(e,t))if(y.moves(e,n,t,Z(e)))return{item:e,source:n}}}function C(e){var t,n;t=e.item,n=e.source,(\"boolean\"==typeof y.copy?y.copy:y.copy(t,n))&&(h=e.item.cloneNode(!0),w.emit(\"cloned\",h,e.item,\"copy\")),f=e.source,s=e.item,v=p=Z(e.item),w.dragging=!0,w.emit(\"drag\",s,f)}function O(){var e;w.dragging&&_(e=h||s,Q(e))}function I(){a(!(i=!1)),b(!0)}function N(e){var t,n;I(),w.dragging&&(t=h||s,n=ee(\"clientX\",e)||0,e=ee(\"clientY\",e)||0,(e=B(H(l,n,e),n,e))&&(h&&y.copySortSource||!h||e!==f)?_(t,e):(y.removeOnSpill?X:L)())}function _(e,t){var n=Q(e);h&&y.copySortSource&&t===f&&n.removeChild(s),A(t)?w.emit(\"cancel\",e,f,f):w.emit(\"drop\",e,t,f,p),Y()}function X(){var e,t;w.dragging&&((t=Q(e=h||s))&&t.removeChild(e),w.emit(h?\"cancel\":\"remove\",e,t,f),Y())}function L(e){var t,n,o;w.dragging&&(t=0<arguments.length?e:y.revertOnSpill,!1===(e=A(o=Q(n=h||s)))&&t&&(h?o&&o.removeChild(h):f.insertBefore(n,v)),e||t?w.emit(\"cancel\",n,f,f):w.emit(\"drop\",n,o,f,p),Y())}function Y(){var e=h||s;I(),l&&(j.rm(y.mirrorContainer,\"gu-unselectable\"),U(q,\"remove\",\"mousemove\",P),Q(l).removeChild(l),l=null),e&&j.rm(e,\"gu-transit\"),n&&clearTimeout(n),w.dragging=!1,g&&w.emit(\"out\",e,g,f),w.emit(\"dragend\",e),f=s=h=v=p=n=g=null}function A(e,t){t=void 0!==t?t:l?p:Z(h||s);return e===f&&t===v}function B(t,n,o){for(var r=t;r&&!function(){if(!1===u(r))return!1;var e=D(r,t),e=F(r,e,n,o);if(A(r,e))return!0;return y.accepts(s,r,f,e)}();)r=Q(r);return r}function P(e){if(l){e.preventDefault();var t=ee(\"clientX\",e)||0,n=ee(\"clientY\",e)||0,o=t-d,r=n-m;l.style.left=o+\"px\",l.style.top=r+\"px\";var i=h||s,e=H(l,t,n),o=B(e,t,n),u=null!==o&&o!==g;!u&&null!==o||(g&&a(\"out\"),g=o,u&&a(\"over\"));r=Q(i);if(o!==f||!h||y.copySortSource){var c,e=D(o,e);if(null!==e)c=F(o,e,t,n);else{if(!0!==y.revertOnSpill||h)return void(h&&r&&r.removeChild(i));c=v,o=f}(null===c&&u||c!==i&&c!==Z(i))&&(p=c,o.insertBefore(i,c),w.emit(\"shadow\",i,o,f))}else r&&r.removeChild(i)}function a(e){w.emit(e,i,g,f)}}function D(e,t){for(var n=t;n!==e&&Q(n)!==e;)n=Q(n);return n===q?null:n}function F(r,t,i,u){var c=\"horizontal\"===y.direction;return(t!==r?function(){var e=t.getBoundingClientRect();if(c)return n(i>e.left+G(e)/2);return n(u>e.top+J(e)/2)}:function(){var e,t,n,o=r.children.length;for(e=0;e<o;e++){if(t=r.children[e],n=t.getBoundingClientRect(),c&&n.left+n.width/2>i)return t;if(!c&&n.top+n.height/2>u)return t}return null})();function n(e){return e?Z(t):t}}}}).call(this,\"undefined\"!=typeof __webpack_require__.g?__webpack_require__.g:\"undefined\"!=typeof self?self:\"undefined\"!=typeof window?window:{})},{\"./classes\":1,\"contra/emitter\":5,crossvent:6}],3:[function(e,t,n){t.exports=function(e,t){return Array.prototype.slice.call(e,t)}},{}],4:[function(e,t,n){\"use strict\";var o=e(\"ticky\");t.exports=function(e,t,n){e&&o(function(){e.apply(n||null,t||[])})}},{ticky:10}],5:[function(e,t,n){\"use strict\";var c=e(\"atoa\"),a=e(\"./debounce\");t.exports=function(r,e){var i=e||{},u={};return void 0===r&&(r={}),r.on=function(e,t){return u[e]?u[e].push(t):u[e]=[t],r},r.once=function(e,t){return t._once=!0,r.on(e,t),r},r.off=function(e,t){var n=arguments.length;if(1===n)delete u[e];else if(0===n)u={};else{e=u[e];if(!e)return r;e.splice(e.indexOf(t),1)}return r},r.emit=function(){var e=c(arguments);return r.emitterSnapshot(e.shift()).apply(this,e)},r.emitterSnapshot=function(o){var e=(u[o]||[]).slice(0);return function(){var t=c(arguments),n=this||r;if(\"error\"===o&&!1!==i.throws&&!e.length)throw 1===t.length?t[0]:t;return e.forEach(function(e){i.async?a(e,t,n):e.apply(n,t),e._once&&r.off(o,e)}),r}},r}},{\"./debounce\":4,atoa:3}],6:[function(n,o,e){(function(r){\"use strict\";var i=n(\"custom-event\"),u=n(\"./eventmap\"),c=r.document,e=function(e,t,n,o){return e.addEventListener(t,n,o)},t=function(e,t,n,o){return e.removeEventListener(t,n,o)},a=[];function l(e,t,n){t=function(e,t,n){var o,r;for(o=0;o<a.length;o++)if((r=a[o]).element===e&&r.type===t&&r.fn===n)return o}(e,t,n);if(t){n=a[t].wrapper;return a.splice(t,1),n}}r.addEventListener||(e=function(e,t,n){return e.attachEvent(\"on\"+t,function(e,t,n){var o=l(e,t,n)||function(n,o){return function(e){var t=e||r.event;t.target=t.target||t.srcElement,t.preventDefault=t.preventDefault||function(){t.returnValue=!1},t.stopPropagation=t.stopPropagation||function(){t.cancelBubble=!0},t.which=t.which||t.keyCode,o.call(n,t)}}(e,n);return a.push({wrapper:o,element:e,type:t,fn:n}),o}(e,t,n))},t=function(e,t,n){n=l(e,t,n);if(n)return e.detachEvent(\"on\"+t,n)}),o.exports={add:e,remove:t,fabricate:function(e,t,n){var o=-1===u.indexOf(t)?new i(t,{detail:n}):function(){var e;c.createEvent?(e=c.createEvent(\"Event\")).initEvent(t,!0,!0):c.createEventObject&&(e=c.createEventObject());return e}();e.dispatchEvent?e.dispatchEvent(o):e.fireEvent(\"on\"+t,o)}}}).call(this,\"undefined\"!=typeof __webpack_require__.g?__webpack_require__.g:\"undefined\"!=typeof self?self:\"undefined\"!=typeof window?window:{})},{\"./eventmap\":7,\"custom-event\":8}],7:[function(e,r,t){(function(e){\"use strict\";var t=[],n=\"\",o=/^on/;for(n in e)o.test(n)&&t.push(n.slice(2));r.exports=t}).call(this,\"undefined\"!=typeof __webpack_require__.g?__webpack_require__.g:\"undefined\"!=typeof self?self:\"undefined\"!=typeof window?window:{})},{}],8:[function(e,n,t){(function(e){var t=e.CustomEvent;n.exports=function(){try{var e=new t(\"cat\",{detail:{foo:\"bar\"}});return\"cat\"===e.type&&\"bar\"===e.detail.foo}catch(e){}}()?t:\"undefined\"!=typeof document&&\"function\"==typeof document.createEvent?function(e,t){var n=document.createEvent(\"CustomEvent\");return t?n.initCustomEvent(e,t.bubbles,t.cancelable,t.detail):n.initCustomEvent(e,!1,!1,void 0),n}:function(e,t){var n=document.createEventObject();return n.type=e,t?(n.bubbles=Boolean(t.bubbles),n.cancelable=Boolean(t.cancelable),n.detail=t.detail):(n.bubbles=!1,n.cancelable=!1,n.detail=void 0),n}}).call(this,\"undefined\"!=typeof __webpack_require__.g?__webpack_require__.g:\"undefined\"!=typeof self?self:\"undefined\"!=typeof window?window:{})},{}],9:[function(e,t,n){var o,r,t=t.exports={};function i(){throw new Error(\"setTimeout has not been defined\")}function u(){throw new Error(\"clearTimeout has not been defined\")}function c(t){if(o===setTimeout)return setTimeout(t,0);if((o===i||!o)&&setTimeout)return o=setTimeout,setTimeout(t,0);try{return o(t,0)}catch(e){try{return o.call(null,t,0)}catch(e){return o.call(this,t,0)}}}!function(){try{o=\"function\"==typeof setTimeout?setTimeout:i}catch(e){o=i}try{r=\"function\"==typeof clearTimeout?clearTimeout:u}catch(e){r=u}}();var a,l=[],f=!1,s=-1;function d(){f&&a&&(f=!1,a.length?l=a.concat(l):s=-1,l.length&&m())}function m(){if(!f){var e=c(d);f=!0;for(var t=l.length;t;){for(a=l,l=[];++s<t;)a&&a[s].run();s=-1,t=l.length}a=null,f=!1,function(t){if(r===clearTimeout)return clearTimeout(t);if((r===u||!r)&&clearTimeout)return r=clearTimeout,clearTimeout(t);try{r(t)}catch(e){try{return r.call(null,t)}catch(e){return r.call(this,t)}}}(e)}}function v(e,t){this.fun=e,this.array=t}function p(){}t.nextTick=function(e){var t=new Array(arguments.length-1);if(1<arguments.length)for(var n=1;n<arguments.length;n++)t[n-1]=arguments[n];l.push(new v(e,t)),1!==l.length||f||c(m)},v.prototype.run=function(){this.fun.apply(null,this.array)},t.title=\"browser\",t.browser=!0,t.env={},t.argv=[],t.version=\"\",t.versions={},t.on=p,t.addListener=p,t.once=p,t.off=p,t.removeListener=p,t.removeAllListeners=p,t.emit=p,t.prependListener=p,t.prependOnceListener=p,t.listeners=function(e){return[]},t.binding=function(e){throw new Error(\"process.binding is not supported\")},t.cwd=function(){return\"/\"},t.chdir=function(e){throw new Error(\"process.chdir is not supported\")},t.umask=function(){return 0}},{}],10:[function(e,n,t){(function(t){var e=\"function\"==typeof t?function(e){t(e)}:function(e){setTimeout(e,0)};n.exports=e}).call(this,e(\"timers\").setImmediate)},{timers:11}],11:[function(a,e,l){(function(e,t){var o=a(\"process/browser.js\").nextTick,n=Function.prototype.apply,r=Array.prototype.slice,i={},u=0;function c(e,t){this._id=e,this._clearFn=t}l.setTimeout=function(){return new c(n.call(setTimeout,window,arguments),clearTimeout)},l.setInterval=function(){return new c(n.call(setInterval,window,arguments),clearInterval)},l.clearTimeout=l.clearInterval=function(e){e.close()},c.prototype.unref=c.prototype.ref=function(){},c.prototype.close=function(){this._clearFn.call(window,this._id)},l.enroll=function(e,t){clearTimeout(e._idleTimeoutId),e._idleTimeout=t},l.unenroll=function(e){clearTimeout(e._idleTimeoutId),e._idleTimeout=-1},l._unrefActive=l.active=function(e){clearTimeout(e._idleTimeoutId);var t=e._idleTimeout;0<=t&&(e._idleTimeoutId=setTimeout(function(){e._onTimeout&&e._onTimeout()},t))},l.setImmediate=\"function\"==typeof e?e:function(e){var t=u++,n=!(arguments.length<2)&&r.call(arguments,1);return i[t]=!0,o(function(){i[t]&&(n?e.apply(null,n):e.call(null),l.clearImmediate(t))}),t},l.clearImmediate=\"function\"==typeof t?t:function(e){delete i[e]}}).call(this,a(\"timers\").setImmediate,a(\"timers\").clearImmediate)},{\"process/browser.js\":9,timers:11}]},{},[2])(2)});\n\n//# sourceURL=webpack://Formio/./node_modules/dragula/dist/dragula.min.js?");
 
 /***/ }),
 
-/***/ "./node_modules/dragula/dragula.js":
+/***/ "./node_modules/dragula/dist sync recursive":
 /*!*****************************************!*\
-  !*** ./node_modules/dragula/dragula.js ***!
+  !*** ./node_modules/dragula/dist/ sync ***!
   \*****************************************/
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
+/***/ (function(module) {
 
-"use strict";
-eval("\n\nvar emitter = __webpack_require__(/*! contra/emitter */ \"./node_modules/contra/emitter.js\");\nvar crossvent = __webpack_require__(/*! crossvent */ \"./node_modules/crossvent/src/crossvent.js\");\nvar classes = __webpack_require__(/*! ./classes */ \"./node_modules/dragula/classes.js\");\nvar doc = document;\nvar documentElement = doc.documentElement;\n\nfunction dragula (initialContainers, options) {\n  var len = arguments.length;\n  if (len === 1 && Array.isArray(initialContainers) === false) {\n    options = initialContainers;\n    initialContainers = [];\n  }\n  var _mirror; // mirror image\n  var _source; // source container\n  var _item; // item being dragged\n  var _offsetX; // reference x\n  var _offsetY; // reference y\n  var _moveX; // reference move x\n  var _moveY; // reference move y\n  var _initialSibling; // reference sibling when grabbed\n  var _currentSibling; // reference sibling now\n  var _copy; // item used for copying\n  var _renderTimer; // timer for setTimeout renderMirrorImage\n  var _lastDropTarget = null; // last container item was over\n  var _grabbed; // holds mousedown context until first mousemove\n\n  var o = options || {};\n  if (o.moves === void 0) { o.moves = always; }\n  if (o.accepts === void 0) { o.accepts = always; }\n  if (o.invalid === void 0) { o.invalid = invalidTarget; }\n  if (o.containers === void 0) { o.containers = initialContainers || []; }\n  if (o.isContainer === void 0) { o.isContainer = never; }\n  if (o.copy === void 0) { o.copy = false; }\n  if (o.copySortSource === void 0) { o.copySortSource = false; }\n  if (o.revertOnSpill === void 0) { o.revertOnSpill = false; }\n  if (o.removeOnSpill === void 0) { o.removeOnSpill = false; }\n  if (o.direction === void 0) { o.direction = 'vertical'; }\n  if (o.ignoreInputTextSelection === void 0) { o.ignoreInputTextSelection = true; }\n  if (o.mirrorContainer === void 0) { o.mirrorContainer = doc.body; }\n\n  var drake = emitter({\n    containers: o.containers,\n    start: manualStart,\n    end: end,\n    cancel: cancel,\n    remove: remove,\n    destroy: destroy,\n    canMove: canMove,\n    dragging: false\n  });\n\n  if (o.removeOnSpill === true) {\n    drake.on('over', spillOver).on('out', spillOut);\n  }\n\n  events();\n\n  return drake;\n\n  function isContainer (el) {\n    return drake.containers.indexOf(el) !== -1 || o.isContainer(el);\n  }\n\n  function events (remove) {\n    var op = remove ? 'remove' : 'add';\n    touchy(documentElement, op, 'mousedown', grab);\n    touchy(documentElement, op, 'mouseup', release);\n  }\n\n  function eventualMovements (remove) {\n    var op = remove ? 'remove' : 'add';\n    touchy(documentElement, op, 'mousemove', startBecauseMouseMoved);\n  }\n\n  function movements (remove) {\n    var op = remove ? 'remove' : 'add';\n    crossvent[op](documentElement, 'selectstart', preventGrabbed); // IE8\n    crossvent[op](documentElement, 'click', preventGrabbed);\n  }\n\n  function destroy () {\n    events(true);\n    release({});\n  }\n\n  function preventGrabbed (e) {\n    if (_grabbed) {\n      e.preventDefault();\n    }\n  }\n\n  function grab (e) {\n    _moveX = e.clientX;\n    _moveY = e.clientY;\n\n    var ignore = whichMouseButton(e) !== 1 || e.metaKey || e.ctrlKey;\n    if (ignore) {\n      return; // we only care about honest-to-god left clicks and touch events\n    }\n    var item = e.target;\n    var context = canStart(item);\n    if (!context) {\n      return;\n    }\n    _grabbed = context;\n    eventualMovements();\n    if (e.type === 'mousedown') {\n      if (isInput(item)) { // see also: https://github.com/bevacqua/dragula/issues/208\n        item.focus(); // fixes https://github.com/bevacqua/dragula/issues/176\n      } else {\n        e.preventDefault(); // fixes https://github.com/bevacqua/dragula/issues/155\n      }\n    }\n  }\n\n  function startBecauseMouseMoved (e) {\n    if (!_grabbed) {\n      return;\n    }\n    if (whichMouseButton(e) === 0) {\n      release({});\n      return; // when text is selected on an input and then dragged, mouseup doesn't fire. this is our only hope\n    }\n\n    // truthy check fixes #239, equality fixes #207, fixes #501\n    if ((e.clientX !== void 0 && Math.abs(e.clientX - _moveX) <= (o.slideFactorX || 0)) &&\n      (e.clientY !== void 0 && Math.abs(e.clientY - _moveY) <= (o.slideFactorY || 0))) {\n      return;\n    }\n\n    if (o.ignoreInputTextSelection) {\n      var clientX = getCoord('clientX', e) || 0;\n      var clientY = getCoord('clientY', e) || 0;\n      var elementBehindCursor = doc.elementFromPoint(clientX, clientY);\n      if (isInput(elementBehindCursor)) {\n        return;\n      }\n    }\n\n    var grabbed = _grabbed; // call to end() unsets _grabbed\n    eventualMovements(true);\n    movements();\n    end();\n    start(grabbed);\n\n    var offset = getOffset(_item);\n    _offsetX = getCoord('pageX', e) - offset.left;\n    _offsetY = getCoord('pageY', e) - offset.top;\n\n    classes.add(_copy || _item, 'gu-transit');\n    renderMirrorImage();\n    drag(e);\n  }\n\n  function canStart (item) {\n    if (drake.dragging && _mirror) {\n      return;\n    }\n    if (isContainer(item)) {\n      return; // don't drag container itself\n    }\n    var handle = item;\n    while (getParent(item) && isContainer(getParent(item)) === false) {\n      if (o.invalid(item, handle)) {\n        return;\n      }\n      item = getParent(item); // drag target should be a top element\n      if (!item) {\n        return;\n      }\n    }\n    var source = getParent(item);\n    if (!source) {\n      return;\n    }\n    if (o.invalid(item, handle)) {\n      return;\n    }\n\n    var movable = o.moves(item, source, handle, nextEl(item));\n    if (!movable) {\n      return;\n    }\n\n    return {\n      item: item,\n      source: source\n    };\n  }\n\n  function canMove (item) {\n    return !!canStart(item);\n  }\n\n  function manualStart (item) {\n    var context = canStart(item);\n    if (context) {\n      start(context);\n    }\n  }\n\n  function start (context) {\n    if (isCopy(context.item, context.source)) {\n      _copy = context.item.cloneNode(true);\n      drake.emit('cloned', _copy, context.item, 'copy');\n    }\n\n    _source = context.source;\n    _item = context.item;\n    _initialSibling = _currentSibling = nextEl(context.item);\n\n    drake.dragging = true;\n    drake.emit('drag', _item, _source);\n  }\n\n  function invalidTarget () {\n    return false;\n  }\n\n  function end () {\n    if (!drake.dragging) {\n      return;\n    }\n    var item = _copy || _item;\n    drop(item, getParent(item));\n  }\n\n  function ungrab () {\n    _grabbed = false;\n    eventualMovements(true);\n    movements(true);\n  }\n\n  function release (e) {\n    ungrab();\n\n    if (!drake.dragging) {\n      return;\n    }\n    var item = _copy || _item;\n    var clientX = getCoord('clientX', e) || 0;\n    var clientY = getCoord('clientY', e) || 0;\n    var elementBehindCursor = getElementBehindPoint(_mirror, clientX, clientY);\n    var dropTarget = findDropTarget(elementBehindCursor, clientX, clientY);\n    if (dropTarget && ((_copy && o.copySortSource) || (!_copy || dropTarget !== _source))) {\n      drop(item, dropTarget);\n    } else if (o.removeOnSpill) {\n      remove();\n    } else {\n      cancel();\n    }\n  }\n\n  function drop (item, target) {\n    var parent = getParent(item);\n    if (_copy && o.copySortSource && target === _source) {\n      parent.removeChild(_item);\n    }\n    if (isInitialPlacement(target)) {\n      drake.emit('cancel', item, _source, _source);\n    } else {\n      drake.emit('drop', item, target, _source, _currentSibling);\n    }\n    cleanup();\n  }\n\n  function remove () {\n    if (!drake.dragging) {\n      return;\n    }\n    var item = _copy || _item;\n    var parent = getParent(item);\n    if (parent) {\n      parent.removeChild(item);\n    }\n    drake.emit(_copy ? 'cancel' : 'remove', item, parent, _source);\n    cleanup();\n  }\n\n  function cancel (revert) {\n    if (!drake.dragging) {\n      return;\n    }\n    var reverts = arguments.length > 0 ? revert : o.revertOnSpill;\n    var item = _copy || _item;\n    var parent = getParent(item);\n    var initial = isInitialPlacement(parent);\n    if (initial === false && reverts) {\n      if (_copy) {\n        if (parent) {\n          parent.removeChild(_copy);\n        }\n      } else {\n        _source.insertBefore(item, _initialSibling);\n      }\n    }\n    if (initial || reverts) {\n      drake.emit('cancel', item, _source, _source);\n    } else {\n      drake.emit('drop', item, parent, _source, _currentSibling);\n    }\n    cleanup();\n  }\n\n  function cleanup () {\n    var item = _copy || _item;\n    ungrab();\n    removeMirrorImage();\n    if (item) {\n      classes.rm(item, 'gu-transit');\n    }\n    if (_renderTimer) {\n      clearTimeout(_renderTimer);\n    }\n    drake.dragging = false;\n    if (_lastDropTarget) {\n      drake.emit('out', item, _lastDropTarget, _source);\n    }\n    drake.emit('dragend', item);\n    _source = _item = _copy = _initialSibling = _currentSibling = _renderTimer = _lastDropTarget = null;\n  }\n\n  function isInitialPlacement (target, s) {\n    var sibling;\n    if (s !== void 0) {\n      sibling = s;\n    } else if (_mirror) {\n      sibling = _currentSibling;\n    } else {\n      sibling = nextEl(_copy || _item);\n    }\n    return target === _source && sibling === _initialSibling;\n  }\n\n  function findDropTarget (elementBehindCursor, clientX, clientY) {\n    var target = elementBehindCursor;\n    while (target && !accepted()) {\n      target = getParent(target);\n    }\n    return target;\n\n    function accepted () {\n      var droppable = isContainer(target);\n      if (droppable === false) {\n        return false;\n      }\n\n      var immediate = getImmediateChild(target, elementBehindCursor);\n      var reference = getReference(target, immediate, clientX, clientY);\n      var initial = isInitialPlacement(target, reference);\n      if (initial) {\n        return true; // should always be able to drop it right back where it was\n      }\n      return o.accepts(_item, target, _source, reference);\n    }\n  }\n\n  function drag (e) {\n    if (!_mirror) {\n      return;\n    }\n    e.preventDefault();\n\n    var clientX = getCoord('clientX', e) || 0;\n    var clientY = getCoord('clientY', e) || 0;\n    var x = clientX - _offsetX;\n    var y = clientY - _offsetY;\n\n    _mirror.style.left = x + 'px';\n    _mirror.style.top = y + 'px';\n\n    var item = _copy || _item;\n    var elementBehindCursor = getElementBehindPoint(_mirror, clientX, clientY);\n    var dropTarget = findDropTarget(elementBehindCursor, clientX, clientY);\n    var changed = dropTarget !== null && dropTarget !== _lastDropTarget;\n    if (changed || dropTarget === null) {\n      out();\n      _lastDropTarget = dropTarget;\n      over();\n    }\n    var parent = getParent(item);\n    if (dropTarget === _source && _copy && !o.copySortSource) {\n      if (parent) {\n        parent.removeChild(item);\n      }\n      return;\n    }\n    var reference;\n    var immediate = getImmediateChild(dropTarget, elementBehindCursor);\n    if (immediate !== null) {\n      reference = getReference(dropTarget, immediate, clientX, clientY);\n    } else if (o.revertOnSpill === true && !_copy) {\n      reference = _initialSibling;\n      dropTarget = _source;\n    } else {\n      if (_copy && parent) {\n        parent.removeChild(item);\n      }\n      return;\n    }\n    if (\n      (reference === null && changed) ||\n      reference !== item &&\n      reference !== nextEl(item)\n    ) {\n      _currentSibling = reference;\n      dropTarget.insertBefore(item, reference);\n      drake.emit('shadow', item, dropTarget, _source);\n    }\n    function moved (type) { drake.emit(type, item, _lastDropTarget, _source); }\n    function over () { if (changed) { moved('over'); } }\n    function out () { if (_lastDropTarget) { moved('out'); } }\n  }\n\n  function spillOver (el) {\n    classes.rm(el, 'gu-hide');\n  }\n\n  function spillOut (el) {\n    if (drake.dragging) { classes.add(el, 'gu-hide'); }\n  }\n\n  function renderMirrorImage () {\n    if (_mirror) {\n      return;\n    }\n    var rect = _item.getBoundingClientRect();\n    _mirror = _item.cloneNode(true);\n    _mirror.style.width = getRectWidth(rect) + 'px';\n    _mirror.style.height = getRectHeight(rect) + 'px';\n    classes.rm(_mirror, 'gu-transit');\n    classes.add(_mirror, 'gu-mirror');\n    o.mirrorContainer.appendChild(_mirror);\n    touchy(documentElement, 'add', 'mousemove', drag);\n    classes.add(o.mirrorContainer, 'gu-unselectable');\n    drake.emit('cloned', _mirror, _item, 'mirror');\n  }\n\n  function removeMirrorImage () {\n    if (_mirror) {\n      classes.rm(o.mirrorContainer, 'gu-unselectable');\n      touchy(documentElement, 'remove', 'mousemove', drag);\n      getParent(_mirror).removeChild(_mirror);\n      _mirror = null;\n    }\n  }\n\n  function getImmediateChild (dropTarget, target) {\n    var immediate = target;\n    while (immediate !== dropTarget && getParent(immediate) !== dropTarget) {\n      immediate = getParent(immediate);\n    }\n    if (immediate === documentElement) {\n      return null;\n    }\n    return immediate;\n  }\n\n  function getReference (dropTarget, target, x, y) {\n    var horizontal = o.direction === 'horizontal';\n    var reference = target !== dropTarget ? inside() : outside();\n    return reference;\n\n    function outside () { // slower, but able to figure out any position\n      var len = dropTarget.children.length;\n      var i;\n      var el;\n      var rect;\n      for (i = 0; i < len; i++) {\n        el = dropTarget.children[i];\n        rect = el.getBoundingClientRect();\n        if (horizontal && (rect.left + rect.width / 2) > x) { return el; }\n        if (!horizontal && (rect.top + rect.height / 2) > y) { return el; }\n      }\n      return null;\n    }\n\n    function inside () { // faster, but only available if dropped inside a child element\n      var rect = target.getBoundingClientRect();\n      if (horizontal) {\n        return resolve(x > rect.left + getRectWidth(rect) / 2);\n      }\n      return resolve(y > rect.top + getRectHeight(rect) / 2);\n    }\n\n    function resolve (after) {\n      return after ? nextEl(target) : target;\n    }\n  }\n\n  function isCopy (item, container) {\n    return typeof o.copy === 'boolean' ? o.copy : o.copy(item, container);\n  }\n}\n\nfunction touchy (el, op, type, fn) {\n  var touch = {\n    mouseup: 'touchend',\n    mousedown: 'touchstart',\n    mousemove: 'touchmove'\n  };\n  var pointers = {\n    mouseup: 'pointerup',\n    mousedown: 'pointerdown',\n    mousemove: 'pointermove'\n  };\n  var microsoft = {\n    mouseup: 'MSPointerUp',\n    mousedown: 'MSPointerDown',\n    mousemove: 'MSPointerMove'\n  };\n  if (__webpack_require__.g.navigator.pointerEnabled) {\n    crossvent[op](el, pointers[type], fn);\n  } else if (__webpack_require__.g.navigator.msPointerEnabled) {\n    crossvent[op](el, microsoft[type], fn);\n  } else {\n    crossvent[op](el, touch[type], fn);\n    crossvent[op](el, type, fn);\n  }\n}\n\nfunction whichMouseButton (e) {\n  if (e.touches !== void 0) { return e.touches.length; }\n  if (e.which !== void 0 && e.which !== 0) { return e.which; } // see https://github.com/bevacqua/dragula/issues/261\n  if (e.buttons !== void 0) { return e.buttons; }\n  var button = e.button;\n  if (button !== void 0) { // see https://github.com/jquery/jquery/blob/99e8ff1baa7ae341e94bb89c3e84570c7c3ad9ea/src/event.js#L573-L575\n    return button & 1 ? 1 : button & 2 ? 3 : (button & 4 ? 2 : 0);\n  }\n}\n\nfunction getOffset (el) {\n  var rect = el.getBoundingClientRect();\n  return {\n    left: rect.left + getScroll('scrollLeft', 'pageXOffset'),\n    top: rect.top + getScroll('scrollTop', 'pageYOffset')\n  };\n}\n\nfunction getScroll (scrollProp, offsetProp) {\n  if (typeof __webpack_require__.g[offsetProp] !== 'undefined') {\n    return __webpack_require__.g[offsetProp];\n  }\n  if (documentElement.clientHeight) {\n    return documentElement[scrollProp];\n  }\n  return doc.body[scrollProp];\n}\n\nfunction getElementBehindPoint (point, x, y) {\n  point = point || {};\n  var state = point.className || '';\n  var el;\n  point.className += ' gu-hide';\n  el = doc.elementFromPoint(x, y);\n  point.className = state;\n  return el;\n}\n\nfunction never () { return false; }\nfunction always () { return true; }\nfunction getRectWidth (rect) { return rect.width || (rect.right - rect.left); }\nfunction getRectHeight (rect) { return rect.height || (rect.bottom - rect.top); }\nfunction getParent (el) { return el.parentNode === doc ? null : el.parentNode; }\nfunction isInput (el) { return el.tagName === 'INPUT' || el.tagName === 'TEXTAREA' || el.tagName === 'SELECT' || isEditable(el); }\nfunction isEditable (el) {\n  if (!el) { return false; } // no parents were editable\n  if (el.contentEditable === 'false') { return false; } // stop the lookup\n  if (el.contentEditable === 'true') { return true; } // found a contentEditable element in the chain\n  return isEditable(getParent(el)); // contentEditable is set to 'inherit'\n}\n\nfunction nextEl (el) {\n  return el.nextElementSibling || manually();\n  function manually () {\n    var sibling = el;\n    do {\n      sibling = sibling.nextSibling;\n    } while (sibling && sibling.nodeType !== 1);\n    return sibling;\n  }\n}\n\nfunction getEventHost (e) {\n  // on touchend event, we have to use `e.changedTouches`\n  // see http://stackoverflow.com/questions/7192563/touchend-event-properties\n  // see https://github.com/bevacqua/dragula/issues/34\n  if (e.targetTouches && e.targetTouches.length) {\n    return e.targetTouches[0];\n  }\n  if (e.changedTouches && e.changedTouches.length) {\n    return e.changedTouches[0];\n  }\n  return e;\n}\n\nfunction getCoord (coord, e) {\n  var host = getEventHost(e);\n  var missMap = {\n    pageX: 'clientX', // IE8\n    pageY: 'clientY' // IE8\n  };\n  if (coord in missMap && !(coord in host) && missMap[coord] in host) {\n    coord = missMap[coord];\n  }\n  return host[coord];\n}\n\nmodule.exports = dragula;\n\n\n//# sourceURL=webpack://Formio/./node_modules/dragula/dragula.js?");
+eval("function webpackEmptyContext(req) {\n\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\te.code = 'MODULE_NOT_FOUND';\n\tthrow e;\n}\nwebpackEmptyContext.keys = function() { return []; };\nwebpackEmptyContext.resolve = webpackEmptyContext;\nwebpackEmptyContext.id = \"./node_modules/dragula/dist sync recursive\";\nmodule.exports = webpackEmptyContext;\n\n//# sourceURL=webpack://Formio/./node_modules/dragula/dist/_sync?");
 
 /***/ }),
 
@@ -4984,17 +4918,7 @@ eval("\n\nfunction hash(str) {\n  var hash = 5381,\n      i    = str.length;\n\n
 /***/ (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 = exports.FormioPathType = void 0;\nconst fetch_ponyfill_1 = __importDefault(__webpack_require__(/*! fetch-ponyfill */ \"./node_modules/fetch-ponyfill/build/fetch-browser.js\"));\nconst lodash_1 = __webpack_require__(/*! @formio/lodash */ \"./node_modules/@formio/lodash/lib/index.js\");\nconst formUtil_1 = __webpack_require__(/*! ../utils/formUtil */ \"./node_modules/@formio/core/lib/utils/formUtil.js\");\nconst jwtDecode_1 = __webpack_require__(/*! ../utils/jwtDecode */ \"./node_modules/@formio/core/lib/utils/jwtDecode.js\");\nconst eventemitter3_1 = __importDefault(__webpack_require__(/*! eventemitter3 */ \"./node_modules/eventemitter3/index.js\"));\nconst browser_cookies_1 = __importDefault(__webpack_require__(/*! browser-cookies */ \"./node_modules/browser-cookies/src/browser-cookies.js\"));\nconst { fetch, Headers } = (0, fetch_ponyfill_1.default)();\nconst Plugins_1 = __importDefault(__webpack_require__(/*! ./Plugins */ \"./node_modules/@formio/core/lib/sdk/Plugins.js\"));\n/**\n * The different path types for a project.\n */\nvar FormioPathType;\n(function (FormioPathType) {\n    FormioPathType[\"Subdirectories\"] = \"Subdirectories\";\n    FormioPathType[\"Subdomains\"] = \"Subdomains\";\n})(FormioPathType || (exports.FormioPathType = FormioPathType = {}));\n/**\n * The Formio interface class. This is a minimalistic API library that allows you to work with the Form.io API's within JavaScript.\n *\n * ## Usage\n * Creating an instance of Formio is simple, and takes only a path (URL String). The path can be different, depending on the desired output.\n * The Formio instance can also access higher level operations, depending on how granular of a path you start with.\n *\n * ```ts\n * var formio = new Formio(<endpoint>, [options]);\n * ```\n *\n * Where **endpoint** is any valid API endpoint within Form.io. These URL's can provide a number of different methods depending on the granularity of the endpoint. This allows you to use the same interface but have access to different methods depending on how granular the endpoint url is.\n * **options** is defined within the {link Formio.constructor} documentation.\n *\n * Here is an example of how this library can be used to load a form JSON from the Form.io API's\n *\n * ```ts\n * const formio = new Formio('https://examples.form.io/example');\n * formio.loadForm().then((form) => {\n *   console.log(form);\n * });\n * ```\n */\nclass Formio {\n    /* eslint-disable max-statements */\n    /**\n     * @constructor\n     * @param {string} path - A project, form, and submission API Url.\n     * @param {FormioOptions} options - Available options to configure the Javascript API.\n     */\n    constructor(path, options = {}) {\n        this.path = path;\n        this.options = options;\n        /**\n         * The base API url of the Form.io Platform. Example: https://api.form.io\n         */\n        this.base = '';\n        /**\n         * The Projects Endpoint derived from the provided source.\n         *\n         * @example https://api.form.io/project\n         */\n        this.projectsUrl = '';\n        /**\n         * A specific project endpoint derived from the provided source.\n         *\n         * @example https://examples.form.io\n         */\n        this.projectUrl = '';\n        /**\n         * The Project ID found within the provided source.\n         */\n        this.projectId = '';\n        /**\n         * A specific Role URL provided the source.\n         *\n         * @example https://examples.form.io/role/2342343234234234\n         */\n        this.roleUrl = '';\n        /**\n         * The roles endpoint derived from the provided source.\n         *\n         * @example https://examples.form.io/role\n         */\n        this.rolesUrl = '';\n        /**\n         * The roleID derieved from the provided source.\n         */\n        this.roleId = '';\n        /**\n         * A specific form url derived from the provided source.\n         *\n         * @example https://examples.form.io/example\n         */\n        this.formUrl = '';\n        /**\n         * The forms url derived from the provided source.\n         *\n         * @example https://example.form.io/form\n         */\n        this.formsUrl = '';\n        /**\n         * The Form ID derived from the provided source.\n         */\n        this.formId = '';\n        /**\n         * The submissions URL derived from the provided source.\n         *\n         * @example https://examples.form.io/example/submission\n         */\n        this.submissionsUrl = '';\n        /**\n         * A specific submissions URL derived from a provided source.\n         *\n         * @example https://examples.form.io/example/submission/223423423423\n         */\n        this.submissionUrl = '';\n        /**\n         * The submission ID provided a submission url.\n         */\n        this.submissionId = '';\n        /**\n         * The actions url provided a form url as the source.\n         *\n         * @example https://examples.form.io/example/action\n         */\n        this.actionsUrl = '';\n        /**\n         * The Action ID derived from a provided Action url.\n         */\n        this.actionId = '';\n        /**\n         * A specific action api endoint.\n         */\n        this.actionUrl = '';\n        this.vsUrl = '';\n        this.vId = '';\n        this.vUrl = '';\n        /**\n         * The query string derived from the provided src url.\n         */\n        this.query = '';\n        /**\n         * If this is a non-project url, such is the case for Open Source API.\n         */\n        this.noProject = false;\n        // Ensure we have an instance of Formio.\n        if (!(this instanceof Formio)) {\n            return new Formio(path);\n        }\n        if (options.useSessionToken) {\n            Formio.useSessionToken(options);\n        }\n        if (options.hasOwnProperty('base') && options.base) {\n            this.base = options.base;\n        }\n        else if (Formio.baseUrl) {\n            this.base = Formio.baseUrl;\n        }\n        else if (window && window.location) {\n            this.base = window.location.href.match(/http[s]?:\\/\\/api./)[0];\n        }\n        if (!path) {\n            // Allow user to create new projects if this was instantiated without\n            // a url\n            this.projectUrl = Formio.projectUrl || `${this.base}/project`;\n            this.projectsUrl = `${this.base}/project`;\n            this.projectId = '';\n            this.query = '';\n            return;\n        }\n        if (options.hasOwnProperty('project') && options.project) {\n            this.projectUrl = options.project;\n        }\n        const project = this.projectUrl || Formio.projectUrl;\n        const projectRegEx = /(^|\\/)(project)($|\\/[^/]+)/;\n        const isProjectUrl = (path.search(projectRegEx) !== -1);\n        // The baseURL is the same as the projectUrl, and does not contain \"/project/MONGO_ID\" in\n        // its domain. This is almost certainly against the Open Source server.\n        if (project && this.base === project && !isProjectUrl) {\n            this.noProject = true;\n            this.projectUrl = this.base;\n        }\n        // Normalize to an absolute path.\n        if ((path.indexOf('http') !== 0) && (path.indexOf('//') !== 0)) {\n            path = this.base + path;\n        }\n        const hostparts = this.getUrlParts(path);\n        let hostName = '';\n        let parts = [];\n        if (hostparts) {\n            hostName = hostparts[1] + hostparts[2];\n            path = hostparts.length > 3 ? hostparts[3] : '';\n            const queryparts = path.split('?');\n            if (queryparts.length > 1) {\n                path = queryparts[0];\n                this.query = `?${queryparts[1]}`;\n            }\n        }\n        // Register a specific path.\n        const registerPath = (name, base) => {\n            this[`${name}sUrl`] = `${base}/${name}`;\n            const regex = new RegExp(`/${name}/([^/]+)`);\n            if (path && path.search(regex) !== -1) {\n                parts = path.match(regex);\n                this[`${name}Url`] = parts ? (base + parts[0]) : '';\n                this[`${name}Id`] = (parts.length > 1) ? parts[1] : '';\n                base += parts[0];\n            }\n            return base;\n        };\n        // Register an array of items.\n        const registerItems = (items, base, staticBase) => {\n            for (const i in items) {\n                if (items.hasOwnProperty(i)) {\n                    const item = items[i];\n                    if (Array.isArray(item)) {\n                        registerItems(item, base, true);\n                    }\n                    else {\n                        const newBase = registerPath(item, base);\n                        base = staticBase ? base : newBase;\n                    }\n                }\n            }\n        };\n        if (!this.projectUrl || (this.projectUrl === this.base)) {\n            // If a project uses Subdirectories path type, we need to specify a projectUrl\n            if (!this.projectUrl && !isProjectUrl && Formio.pathType === 'Subdirectories') {\n                const regex = `^${hostName.replace(/\\//g, '\\\\/')}.[^/]+`;\n                const match = project.match(new RegExp(regex));\n                this.projectUrl = match ? match[0] : hostName;\n            }\n            else {\n                this.projectUrl = hostName;\n            }\n        }\n        // Check if we have a specified path type.\n        let isNotSubdomainType = false;\n        if (Formio.pathType) {\n            isNotSubdomainType = Formio.pathType !== 'Subdomains';\n        }\n        if (!this.noProject) {\n            // Determine the projectUrl and projectId\n            if (isProjectUrl) {\n                // Get project id as project/:projectId.\n                registerItems(['project'], hostName);\n                path = path.replace(projectRegEx, '');\n            }\n            else if (hostName === this.base) {\n                // Get project id as first part of path (subdirectory).\n                if (hostparts && hostparts.length > 3 && path.split('/').length > 1) {\n                    const isFile = path.match(/.json/);\n                    const pathParts = path.split('/');\n                    if (isFile) {\n                        this.projectUrl = hostName;\n                    }\n                    else {\n                        pathParts.shift(); // Throw away the first /.\n                        const projectId = pathParts.shift();\n                        if (projectId) {\n                            this.projectId = projectId;\n                            path = `/${pathParts.join('/')}`;\n                            this.projectUrl = `${hostName}/${this.projectId}`;\n                        }\n                    }\n                }\n            }\n            else {\n                // Get project id from subdomain.\n                if (hostparts && hostparts.length > 2 && (hostparts[2].split('.').length > 2 || hostName.includes('localhost')) && !isNotSubdomainType) {\n                    this.projectUrl = hostName;\n                    this.projectId = hostparts[2].split('.')[0];\n                }\n            }\n            this.projectsUrl = this.projectsUrl || `${this.base}/project`;\n        }\n        // Configure Role urls and role ids.\n        registerItems(['role'], this.projectUrl);\n        // Configure Form urls and form ids.\n        if (/(^|\\/)(form)($|\\/)/.test(path)) {\n            registerItems(['form', ['submission', 'action', 'v']], this.projectUrl);\n        }\n        else {\n            const subRegEx = new RegExp('/(submission|action|v)($|/.*)');\n            const subs = path.match(subRegEx);\n            if ((subs && (subs.length > 1))) {\n                this.pathType = subs[1];\n            }\n            path = path.replace(subRegEx, '');\n            path = path.replace(/\\/$/, '');\n            this.formsUrl = `${this.projectUrl}/form`;\n            this.formUrl = path ? this.projectUrl + path : '';\n            this.formId = path.replace(/^\\/+|\\/+$/g, '');\n            const items = ['submission', 'action', 'v'];\n            for (const i in items) {\n                if (items.hasOwnProperty(i)) {\n                    const item = items[i];\n                    this[`${item}sUrl`] = `${this.projectUrl + path}/${item}`;\n                    if ((this.pathType === item) && subs && (subs.length > 2) && subs[2]) {\n                        this[`${item}Id`] = subs[2].replace(/^\\/+|\\/+$/g, '');\n                        this[`${item}Url`] = this.projectUrl + path + subs[0];\n                    }\n                }\n            }\n        }\n        // Set the app url if it is not set.\n        if (!Formio.projectUrlSet) {\n            Formio.projectUrl = this.projectUrl;\n        }\n    }\n    /* eslint-enable max-statements */\n    /**\n     * Deletes a remote resource of any provided type.\n     *\n     * @param {string} type - The type of resource to delete. \"submission\", \"form\", etc.\n     * @param {object} options - The options passed to {@link Formio.request}\n     * @return {Promise<Response>}\n     */\n    delete(type, opts) {\n        const _id = `${type}Id`;\n        const _url = `${type}Url`;\n        if (!this[_id]) {\n            return Promise.reject('Nothing to delete');\n        }\n        Formio.cache = {};\n        return this.makeRequest(type, this[_url], 'delete', null, opts);\n    }\n    /**\n     * Returns the index (array of records) for any provided type.\n     *\n     * @param {string} type - The type of resource to fetch the index of. \"submission\", \"form\", etc.\n     * @param {object} query - A query object to pass to the request.\n     * @param {object} query.params - A map (key-value pairs) of URL query parameters to add to the url.\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {Promise<Response>}\n     */\n    index(type, query, opts) {\n        const _url = `${type}Url`;\n        query = query || '';\n        if (query && (0, lodash_1.isObject)(query)) {\n            query = `?${Formio.serialize(query.params)}`;\n        }\n        return this.makeRequest(type, this[_url] + query, 'get', null, opts);\n    }\n    /**\n     * Save a document record using \"upsert\". If the document does not exist, it will be created, if the _id is provided,\n     * it will be updated.\n     *\n     * @param {string} type - The type of resource to fetch the index of. \"submission\", \"form\", etc.\n     * @param {object} data - The resource data object.\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {Promise<object>}\n     */\n    save(type, data, opts) {\n        const _id = `${type}Id`;\n        const _url = `${type}Url`;\n        const method = (this[_id] || data._id) ? 'put' : 'post';\n        let reqUrl = this[_id] ? this[_url] : this[`${type}sUrl`];\n        if (!this[_id] && data._id && (method === 'put') && !reqUrl.includes(data._id)) {\n            reqUrl += `/${data._id}`;\n        }\n        Formio.cache = {};\n        return this.makeRequest(type, reqUrl + this.query, method, data, opts);\n    }\n    /**\n     * @summary Load (GET) a document record.\n     *\n     * @param {string} type - The type of resource to fetch the index of. \"submission\", \"form\", etc.\n     * @param {object} query - A query object to pass to the request.\n     * @param {object} query.params - A map (key-value pairs) of URL query parameters to add to the url.\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {Promise<object>}\n     */\n    load(type, query, opts) {\n        const _id = `${type}Id`;\n        const _url = `${type}Url`;\n        if (query && (0, lodash_1.isObject)(query)) {\n            query = Formio.serialize(query.params);\n        }\n        if (query) {\n            query = this.query ? (`${this.query}&${query}`) : (`?${query}`);\n        }\n        else {\n            query = this.query;\n        }\n        if (!this[_id]) {\n            return Promise.reject(`Missing ${_id}`);\n        }\n        let url = this[_url] + query;\n        if (type === 'form' && !isNaN(parseInt(this.vId))) {\n            url += url.indexOf('?') === -1 ? '?' : '&';\n            url += `formRevision=${this.vId}`;\n        }\n        return this.makeRequest(type, url, 'get', null, opts);\n    }\n    /**\n     * @summary Call {@link Formio.makeRequest} for this Formio instance.\n     *\n     * @param {string} type - The request resource type. \"submission\", \"form\", etc.\n     * @param {string} url - The URL to request.\n     * @param {string} method - The request method. GET, PUT, POST, DELETE, or PATCH\n     * @param {object} data - The data to pass to the request (for PUT, POST, and PATCH methods)\n     * @param {object} options - An object of options to pass to the request method.\n     * @param {boolean} options.ignoreCache - To ignore internal caching of the request.\n     * @param {object} options.headers - An object of headers to pass along to the request.\n     * @param {boolean} options.noToken - If set to true, this will not include the Form.io x-jwt-token along with the request.\n     * @param {string} options.namespace - The Form.io namespace to prepend to all LocalStorage variables such as formioToken.\n     * @param {boolean} options.getHeaders - Set this if you wish to include the response headers with the return of this method.\n     * @return {Promise<Response>}\n     */\n    makeRequest(type, url, method, data, opts) {\n        return Formio.makeRequest(this, type, url, method, data, opts);\n    }\n    /**\n     * @summary Loads a project.\n     *\n     * ```ts\n     * const formio = new Formio('https://examples.form.io');\n     * formio.loadProject().then((project) => {\n     *   console.log(project);\n     * });\n     * ```\n     *\n     * @param {object} query - Query parameters to pass to {@link Formio#load}.\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {Promise<Object>}\n     */\n    loadProject(query, opts) {\n        return this.load('project', query, opts);\n    }\n    /**\n     * Saves or Updates a project.\n     *\n     * ### Create a new project\n     * ```ts\n     * const formio = new Formio();\n     * formio.saveProject({\n     *   title: 'My Project',\n     *   path: 'myproject',\n     *   name: 'myproject'\n     * });\n     * ```\n     *\n     * ### Update an existing project\n     * ```ts\n     * const formio = new Formio('https://examples.form.io');\n     * formio.loadProject().then((project) => {\n     *   project.title = 'Title changed';\n     *   formio.saveProject(project).then(() => {\n     *     console.log('Done saving project!');\n     *   });\n     * });\n     * ```\n     *\n     * @param {object} data - The project JSON to create or update.\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {Promise<Object>}\n     */\n    saveProject(data, opts) {\n        return this.save('project', data, opts);\n    }\n    /**\n     * Deletes a project\n     *\n     * ```ts\n     * const formio = new Formio('https://examples.form.io');\n     * formio.deleteProject();\n     * ```\n     *\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {Promise<Object>}\n     */\n    deleteProject(opts) {\n        return this.delete('project', opts);\n    }\n    /**\n     * Loads a list of all projects.\n     *\n     * ```ts\n     * Formio.loadProjects().then((projects) => {\n     *   console.log(projects);\n     * });\n     * ```\n     *\n     * @param {object} query - Query parameters similar to {@link Formio#load}.\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {*}\n     */\n    static loadProjects(query, opts) {\n        query = query || '';\n        if ((0, lodash_1.isObject)(query)) {\n            query = `?${Formio.serialize(query.params)}`;\n        }\n        return Formio.makeStaticRequest(`${Formio.baseUrl}/project${query}`, 'GET', null, opts);\n    }\n    /**\n     * Loads a role within a project.\n     *\n     * ```ts\n     * const formio = new Formio('https://examples.form.io/role/234234234234');\n     * formio.loadRole().then((role) => {\n     *   console.log(role);\n     * });\n     * ```\n     *\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {Promise<Object>}\n     */\n    loadRole(opts) {\n        return this.load('role', null, opts);\n    }\n    /**\n     * Create a new or Update an existing role within a project.\n     *\n     * ### Create new Role example\n     * ```ts\n     * const formio = new Formio('https://examples.form.io');\n     * formio.saveRole({\n     *   title: 'Employee',\n     *   description: 'A person who belongs to a company.'\n     * }).then((role) => {\n     *   console.log(role);\n     * });\n     * ```\n     *\n     * ### Update existing role example\n     * ```ts\n     * const formio = new Formio('https://examples.form.io/role/234234234234234');\n     * formio.loadRole().then((role) => {\n     *   role.title = 'Manager';\n     *   formio.saveRole(role).then(() => {\n     *     console.log('DONE');\n     *   });\n     * });\n     * ```\n     *\n     * @param {object} role - The Role JSON to create or update.\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {Promise<Object>}\n     */\n    saveRole(data, opts) {\n        return this.save('role', data, opts);\n    }\n    /**\n     * Deletes a role within a project.\n     *\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {Promise<Response>}\n     */\n    deleteRole(opts) {\n        return this.delete('role', opts);\n    }\n    /**\n     * Load all roles within a project.\n     *\n     * ```ts\n     * const formio = new Formio('https://examples.form.io');\n     * formio.loadRoles().then((roles) => {\n     *   console.log(roles);\n     * });\n     * ```\n     *\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {Promise<Response>}\n     */\n    loadRoles(opts) {\n        return this.index('roles', null, opts);\n    }\n    /**\n     * Loads a form.\n     *\n     * ```ts\n     * const formio = new Formio('https://examples.form.io/example');\n     * formio.loadForm().then((form) => {\n     *   console.log(form);\n     * });\n     * ```\n     *\n     * @param {object} query - Query parameters similar to {@link Formio#load}.\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {Promise<object>}\n     */\n    loadForm(query, opts) {\n        return this.load('form', query, opts)\n            .then((currentForm) => {\n            // Check to see if there isn't a number in vId.\n            if (!currentForm.revisions || isNaN(parseInt(this.vId))) {\n                return currentForm;\n            }\n            // If a submission already exists but form is marked to load current version of form.\n            if (currentForm.revisions === 'current' && this.submissionId) {\n                return currentForm;\n            }\n            // eslint-disable-next-line eqeqeq\n            if (currentForm._vid == this.vId || currentForm.revisionId === this.vId) {\n                return currentForm;\n            }\n            // If they specified a revision form, load the revised form components.\n            if (query && (0, lodash_1.isObject)(query)) {\n                query = Formio.serialize(query.params);\n            }\n            if (query) {\n                query = this.query ? (`${this.query}&${query}`) : (`?${query}`);\n            }\n            else {\n                query = this.query;\n            }\n            return this.makeRequest('form', this.vUrl + query, 'get', null, opts)\n                .then((revisionForm) => {\n                currentForm._vid = revisionForm._vid;\n                currentForm.components = revisionForm.components;\n                currentForm.settings = revisionForm.settings;\n                currentForm.revisionId = revisionForm.revisionId;\n                // Using object.assign so we don't cross polinate multiple form loads.\n                return Object.assign({}, currentForm);\n            })\n                // If we couldn't load the revision, just return the original form.\n                .catch(() => Object.assign({}, currentForm));\n        });\n    }\n    /**\n     * Create or Update a specific form.\n     *\n     * ### Create form example\n     * ```ts\n     * const formio = new Formio('https://examples.form.io');\n     * formio.saveForm({\n     *   title: 'Employee',\n     *   type: 'resource',\n     *   path: 'employee',\n     *   name: 'employee',\n     *   components: [\n     *     {\n     *       type: 'textfield',\n     *       key: 'firstName',\n     *       label: 'First Name'\n     *     },\n     *     {\n     *       type: 'textfield',\n     *       key: 'lastName',\n     *       label: 'Last Name'\n     *     }\n     *   ]\n     * });\n     * ```\n     *\n     * ### Update a form example\n     * ```ts\n     * const formio = new Formio('https://examples.form.io/example');\n     * formio.loadForm().then((form) => {\n     *   form.title = 'Changed Title';\n     *   formio.saveForm(form).then(() => {\n     *     console.log('DONE!!!');\n     *   });\n     * });\n     * ```\n     *\n     * @param {object} data - The Form JSON to create or update.\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {Promise<Object>}\n     */\n    saveForm(data, opts) {\n        return this.save('form', data, opts);\n    }\n    /**\n     * Deletes a form.\n     *\n     * ```ts\n     * const formio = new Formio('https://examples.form.io/example');\n     * formio.deleteForm().then(() => {\n     *   console.log('Deleted!');\n     * });\n     * ```\n     *\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {Promise<Response>}\n     */\n    deleteForm(opts) {\n        return this.delete('form', opts);\n    }\n    /**\n     * Loads all forms within a project.\n     *\n     * ```ts\n     * const formio = new Formio('https://examples.form.io');\n     * formio.loadForms().then((forms) => {\n     *   console.log(forms);\n     * });\n     * ```\n     *\n     * @param {object} query - Query parameters similar to {@link Formio#load}.\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {Promise<Response>}\n     */\n    loadForms(query, opts) {\n        return this.index('forms', query, opts);\n    }\n    /**\n     * Loads a specific submissionn.\n     *\n     * ```ts\n     * const formio = new Formio('https://examples.form.io/example/submission/23423423423423423');\n     * formio.loadSubmission().then((submission) => {\n     *   console.log(submission);\n     * });\n     * ```\n     *\n     * @param {object} query - Query parameters similar to {@link Formio#load}.\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {Promise<object>}\n     */\n    loadSubmission(query, opts) {\n        return this.load('submission', query, opts)\n            .then((submission) => {\n            this.vId = submission._frid || submission._fvid;\n            this.vUrl = `${this.formUrl}/v/${this.vId}`;\n            return submission;\n        });\n    }\n    /**\n     * Creates a new or Updates an existing submission.\n     *\n     * ### Create a new submission\n     * ```ts\n     * const formio = new Formio('https://examples.form.io/example');\n     * formio.saveSubmission({\n     *   data: {\n     *     firstName: 'Joe',\n     *     lastName: 'Smith'\n     *   }\n     * }).then((submission) => {\n     *   // This will now be the complete submission object saved on the server.\n     *   console.log(submission);\n     * });\n     * ```\n     *\n     * ### Update an existing submission\n     * ```ts\n     * const formio = new Formio('https://examples.form.io/example/submission/23423423423423423');\n     * formio.loadSubmission().then((submission) => {\n     *   submission.data.lastName = 'Thompson';\n     *   formio.saveSubmission(submission).then(() => {\n     *     console.log('DONE');\n     *   });\n     * });\n     * ```\n     *\n     * @param {object} data - The submission JSON object.\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {Promise<Object>}\n     */\n    saveSubmission(data, opts) {\n        if (!isNaN(parseInt(this.vId)) && !data._fvid) {\n            data._fvid = this.vId;\n        }\n        return this.save('submission', data, opts);\n    }\n    /**\n     * Deletes a submission.\n     *\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {Promise<Response>}\n     */\n    deleteSubmission(opts) {\n        return this.delete('submission', opts);\n    }\n    /**\n     * Loads all submissions within a form.\n     *\n     * ```ts\n     * const formio = new Formio('https://examples.form.io/example');\n     * formio.loadSubmissions({\n     *   params: {\n     *     limit: 25,\n     *     'data.lastName__regex': 'smith'\n     *   }\n     * }).then((submissions) => {\n     *   // Should print out 25 submissions where the last name contains \"smith\".\n     *   console.log(submissions);\n     * });\n     * ```\n     *\n     * @param {object} query - Query parameters similar to {@link Formio#load}.\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {Promise<Response>}\n     */\n    loadSubmissions(query, opts) {\n        return this.index('submissions', query, opts);\n    }\n    /**\n     * Loads a form action.\n     *\n     * ```ts\n     * const formio = new Formio('https://examples.form.io/example/action/234234234234');\n     * formio.loadAction().then((action) => {\n     *   console.log(action);\n     * });\n     * ```\n     *\n     * @param {object} query - Query parameters similar to {@link Formio#load}.\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {Promise<Object>}\n     */\n    loadAction(query, opts) {\n        return this.load('action', query, opts);\n    }\n    /**\n     * Create a new or update an existing action.\n     *\n     * ### Create a new action for a form.\n     * ```ts\n     * const formio = new Formio('https://examples.form.io/example');\n     * formio.saveAction({\n     *   data: {\n     *     name: 'webhook',\n     *     title: 'Webhook Action',\n     *     method: ['create', 'update', 'delete'],\n     *     handler: ['after'],\n     *     condition: {},\n     *     settings: {\n     *       url: 'https://example.com',\n     *       headers: [{}],\n     *       block: false,\n     *       forwardHeaders: false\n     *     }\n     *   }\n     * }).then((action) => {\n     *   console.log(action);\n     * });\n     * ```\n     *\n     * ### Update an action\n     * ```ts\n     * const formio = new Formio('https://examples.form.io/example/action/234234234234');\n     * formio.loadAction().then((action) => {\n     *   action.title = 'Updated title';\n     *   formio.saveAction(action).then(() => {\n     *     console.log('Done!');\n     *   });\n     * });\n     * ```\n     *\n     * @param {object} data - The action JSON\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {Promise<Object>}\n     */\n    saveAction(data, opts) {\n        return this.save('action', data, opts);\n    }\n    /**\n     * Delete an action\n     *\n     * ```ts\n     * const formio = new Formio('https://examples.form.io/example/action/234234234234');\n     * formio.deleteAction().then(() => {\n     *   console.log('Action was deleted.');\n     * });\n     * ```\n     *\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {Promise<Response>}\n     */\n    deleteAction(opts) {\n        return this.delete('action', opts);\n    }\n    /**\n     * Loads all actions within a form.\n     *\n     * ```ts\n     * const formio = new Formio('https://examples.form.io/example');\n     * formio.loadActions().then((actions) => {\n     *   console.log(actions);\n     * });\n     * ```\n     *\n     * @param {object} query - Query parameters similar to {@link Formio#load}.\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {Promise<Response>}\n     */\n    loadActions(query, opts) {\n        return this.index('actions', query, opts);\n    }\n    /**\n     * Returns a list of available actions\n     *\n     * @return {Promise<Response>}\n     */\n    availableActions() {\n        return this.makeRequest('availableActions', `${this.formUrl}/actions`);\n    }\n    /**\n     * Returns the action information for a specific action, such as \"save\".\n     *\n     * ```ts\n     * const formio = new Formio('https://examples.form.io/example/actions/save');\n     * formio.actionInfo().then((info) => {\n     *   console.log(info);\n     * });\n     * ```\n     *\n     * @param {string} name - The name of the action you would like to get information for. i.e. \"save\", \"webhook\", etc.\n     * @return {Promise<Response>}\n     */\n    actionInfo(name) {\n        return this.makeRequest('actionInfo', `${this.formUrl}/actions/${name}`);\n    }\n    /**\n     * Determine if a string ID is a valid MongoID.\n     *\n     * @param {string} id - The id that should be tested if it is avalid id.\n     * @return {boolean} - true if it is a valid MongoId, false otherwise.\n     */\n    isObjectId(id) {\n        const checkForHexRegExp = new RegExp('^[0-9a-fA-F]{24}$');\n        return checkForHexRegExp.test(id);\n    }\n    /**\n     * Get the project ID of project.\n     *\n     * ```ts\n     * const formio = new Formio('https://examples.form.io');\n     * formio.getProjectId().then((projectId) => {\n     *   console.log(projectId);\n     * };\n     * ```\n     *\n     * @return {Promise<string>}\n     */\n    getProjectId() {\n        if (!this.projectId) {\n            return Promise.resolve('');\n        }\n        if (this.isObjectId(this.projectId)) {\n            return Promise.resolve(this.projectId);\n        }\n        else {\n            return this.loadProject().then((project) => {\n                return project._id;\n            });\n        }\n    }\n    /**\n     * Get the ID of a form.\n     *\n     * ```ts\n     * const formio = new Formio('https://examples.form.io/example');\n     * formio.getFormId().then((formId) => {\n     *   console.log(formId);\n     * });\n     * ```\n     *\n     * @return {Promise<string>}\n     */\n    getFormId() {\n        if (!this.formId) {\n            return Promise.resolve('');\n        }\n        if (this.isObjectId(this.formId)) {\n            return Promise.resolve(this.formId);\n        }\n        else {\n            return this.loadForm().then((form) => {\n                return form._id;\n            });\n        }\n    }\n    /**\n     * Instance method for {@link Formio.currentUser}\n     *\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {Promise<object>}\n     */\n    currentUser(options) {\n        return Formio.currentUser(this, options);\n    }\n    /**\n     * Instance method for {@link Formio.accessInfo}\n     *\n     * @return {Promise<Response>}\n     */\n    accessInfo() {\n        return Formio.accessInfo(this);\n    }\n    /**\n     * Sets OAuth Logout URL.\n     *\n     * @param {string} uri - Logout URL.\n     * @param {string} options.namespace - The localStorage namespace to use when retrieving tokens from storage.\n     * @return {string}\n     */\n    oauthLogoutURI(uri, options) {\n        return Formio.oauthLogoutURI(uri, Object.assign({ formio: this }, this.options, options));\n    }\n    /**\n     * Returns the JWT token for this instance.\n     *\n     * @param {object} options - The following options are provided.\n     * @param {string} options.namespace - The localStorage namespace to use when retrieving tokens from storage.\n     * @return {string} - The JWT token for this user.\n     */\n    getToken(options) {\n        return Formio.getToken(Object.assign({ formio: this }, this.options, options));\n    }\n    /**\n     * Sets the JWT token for this instance.\n     *\n     * @param {string} token - The JWT token to set.\n     * @param {object} options - The following options are provided.\n     * @param {string} options.namespace - The localStorage namespace to use when retrieving tokens from storage.\n     * @return {string} - The JWT token that was set.\n     */\n    setToken(token, options) {\n        return Formio.setToken(token, Object.assign({ formio: this }, this.options, options));\n    }\n    /**\n     * Returns a temporary authentication token for single purpose token generation.\n     *\n     * @param {number|string} expire - The amount of seconds to wait before this temp token expires.\n     * @param {string} allowed - The allowed path string inn the format GET:/path\n     * @param {object} options - The options passed to {@link Formio#getToken}\n     */\n    getTempToken(expire, allowed, options) {\n        const token = Formio.getToken(options);\n        if (!token) {\n            return Promise.reject('You must be authenticated to generate a temporary auth token.');\n        }\n        const authUrl = Formio.authUrl || this.projectUrl;\n        return this.makeRequest('tempToken', `${authUrl}/token`, 'GET', null, {\n            ignoreCache: true,\n            header: new Headers({\n                'x-expire': expire,\n                'x-allow': allowed\n            })\n        });\n    }\n    /**\n     * Get a PDF download url for a submission, which will generate a new PDF of the submission. This method will first\n     * fetch a temporary download token, and then append this to the download url for this form.\n     *\n     * ```ts\n     * const formio = new Formio('https://examples.form.io/example/submission/324234234234234');\n     * formio.getDownloadUrl().then((url) => {\n     *   console.log(url);\n     * });\n     * ```\n     *\n     * @param {object} [form] - The form JSON to fetch a download url for.\n     * @return {Promise<string>} - The download url.\n     */\n    getDownloadUrl(form) {\n        if (!this.submissionId) {\n            return Promise.resolve('');\n        }\n        if (!form) {\n            // Make sure to load the form first.\n            return this.loadForm().then((_form) => {\n                if (!_form) {\n                    return '';\n                }\n                return this.getDownloadUrl(_form);\n            });\n        }\n        let apiUrl = `/project/${form.project}`;\n        apiUrl += `/form/${form._id}`;\n        apiUrl += `/submission/${this.submissionId}`;\n        const postfix = form.submissionRevisions && form.settings.changeLog ? '/download/changelog' : '/download';\n        apiUrl += postfix;\n        let download = this.base + apiUrl;\n        return new Promise((resolve, reject) => {\n            this.getTempToken(3600, `GET:${apiUrl}`).then((tempToken) => {\n                download += `?token=${tempToken.key}`;\n                resolve(download);\n            }, () => {\n                resolve(download);\n            }).catch(reject);\n        });\n    }\n    /**\n     * Returns the user permissions to a form and submission.\n     *\n     * @param user - The user or current user if undefined. For anonymous, use \"null\"\n     * @param form - The form or current form if undefined. For no form check, use \"null\"\n     * @param submission - The submisison or \"index\" if undefined.\n     *\n     * @return {{create: boolean, read: boolean, edit: boolean, delete: boolean}}\n     */\n    userPermissions(user, form, submission) {\n        return Promise.all([\n            (form !== undefined) ? Promise.resolve(form) : this.loadForm(),\n            (user !== undefined) ? Promise.resolve(user) : this.currentUser(),\n            (submission !== undefined || !this.submissionId) ? Promise.resolve(submission) : this.loadSubmission(),\n            this.accessInfo()\n        ]).then((results) => {\n            const form = results.shift();\n            const user = results.shift() || { _id: false, roles: [] };\n            const submission = results.shift();\n            const access = results.shift();\n            const permMap = {\n                create: 'create',\n                read: 'read',\n                update: 'edit',\n                delete: 'delete'\n            };\n            const perms = {\n                user: user,\n                form: form,\n                access: access,\n                create: false,\n                read: false,\n                edit: false,\n                delete: false\n            };\n            for (const roleName in access.roles) {\n                if (access.roles.hasOwnProperty(roleName)) {\n                    const role = access.roles[roleName];\n                    if (role.default && (user._id === false)) {\n                        // User is anonymous. Add the anonymous role.\n                        user.roles.push(role._id);\n                    }\n                    else if (role.admin && user.roles.indexOf(role._id) !== -1) {\n                        perms.create = true;\n                        perms.read = true;\n                        perms.delete = true;\n                        perms.edit = true;\n                        return perms;\n                    }\n                }\n            }\n            if (form && form.submissionAccess) {\n                for (let i = 0; i < form.submissionAccess.length; i++) {\n                    const permission = form.submissionAccess[i];\n                    const [perm, scope] = permission.type.split('_');\n                    if (['create', 'read', 'update', 'delete'].includes(perm)) {\n                        if ((0, lodash_1.intersection)(permission.roles, user.roles).length) {\n                            perms[permMap[perm]] = (scope === 'all') || (!submission || (user._id === submission.owner));\n                        }\n                    }\n                }\n            }\n            // check for Group Permissions\n            if (submission) {\n                // we would anyway need to loop through components for create permission, so we'll do that for all of them\n                (0, formUtil_1.eachComponent)(form.components, (component, path) => {\n                    if (component && component.defaultPermission) {\n                        const value = (0, lodash_1.get)(submission.data, path);\n                        // make it work for single-select Group and multi-select Group\n                        const groups = Array.isArray(value) ? value : [value];\n                        groups.forEach(group => {\n                            if (group && group._id && // group id is present\n                                user.roles.indexOf(group._id) > -1 // user has group id in his roles\n                            ) {\n                                if (component.defaultPermission === 'read') {\n                                    perms[permMap.read] = true;\n                                }\n                                if (component.defaultPermission === 'create') {\n                                    perms[permMap.create] = true;\n                                    perms[permMap.read] = true;\n                                }\n                                if (component.defaultPermission === 'write') {\n                                    perms[permMap.create] = true;\n                                    perms[permMap.read] = true;\n                                    perms[permMap.update] = true;\n                                }\n                                if (component.defaultPermission === 'admin') {\n                                    perms[permMap.create] = true;\n                                    perms[permMap.read] = true;\n                                    perms[permMap.update] = true;\n                                    perms[permMap.delete] = true;\n                                }\n                            }\n                        });\n                    }\n                });\n            }\n            return perms;\n        });\n    }\n    /**\n     * `Determine if the current user can submit a form.\n     * @return {*}\n     */\n    canSubmit() {\n        return this.userPermissions().then((perms) => {\n            // If there is user and they cannot create, then check anonymous user permissions.\n            if (!perms.create && Formio.getUser()) {\n                return this.userPermissions(null).then((anonPerms) => {\n                    if (anonPerms.create) {\n                        Formio.setUser(null);\n                        return true;\n                    }\n                    return false;\n                });\n            }\n            return perms.create;\n        });\n    }\n    getUrlParts(url) {\n        return Formio.getUrlParts(url, this);\n    }\n    static getUrlParts(url, formio) {\n        const base = (formio && formio.base) ? formio.base : Formio.baseUrl;\n        let regex = '^(http[s]?:\\\\/\\\\/)';\n        if (base && url.indexOf(base) === 0) {\n            regex += `(${base.replace(/^http[s]?:\\/\\//, '')})`;\n        }\n        else {\n            regex += '([^/]+)';\n        }\n        regex += '($|\\\\/.*)';\n        return url.match(new RegExp(regex));\n    }\n    static serialize(obj, _interpolate) {\n        const str = [];\n        const interpolate = (item) => {\n            return _interpolate ? _interpolate(item) : item;\n        };\n        for (const p in obj) {\n            if (obj.hasOwnProperty(p)) {\n                str.push(`${encodeURIComponent(p)}=${encodeURIComponent(interpolate(obj[p]))}`);\n            }\n        }\n        return str.join('&');\n    }\n    static getRequestArgs(formio, type, url, method, data, opts) {\n        method = (method || 'GET').toUpperCase();\n        if (!opts || !(0, lodash_1.isObject)(opts)) {\n            opts = {};\n        }\n        const requestArgs = {\n            url,\n            method,\n            data: data || null,\n            opts\n        };\n        if (type) {\n            requestArgs.type = type;\n        }\n        if (formio) {\n            requestArgs.formio = formio;\n        }\n        return requestArgs;\n    }\n    static makeStaticRequest(url, method, data, opts) {\n        const requestArgs = Formio.getRequestArgs(null, '', url, method, data, opts);\n        const request = Plugins_1.default.pluginWait('preRequest', requestArgs)\n            .then(() => Plugins_1.default.pluginGet('staticRequest', requestArgs)\n            .then((result) => {\n            if ((0, lodash_1.isNil)(result)) {\n                return Formio.request(requestArgs.url, requestArgs.method, requestArgs.data, requestArgs.opts.header, requestArgs.opts);\n            }\n            return result;\n        }));\n        return Plugins_1.default.pluginAlter('wrapStaticRequestPromise', request, requestArgs);\n    }\n    /**\n     * Make an API request and wrap that request with the Form.io Request plugin system.  This is very similar to the\n     * {Formio.request} method with a difference being that it will pass the request through the Form.io request plugin.\n     *\n     * @param {Formio} formio - An instance of the Formio class.\n     * @param {string} type - The request resource type. \"submission\", \"form\", etc.\n     * @param {string} url - The URL to request.\n     * @param {string} method - The request method. GET, PUT, POST, DELETE, or PATCH\n     * @param {object} data - The data to pass to the request (for PUT, POST, and PATCH methods)\n     * @param {object} options - An object of options to pass to the request method.\n     * @param {boolean} options.ignoreCache - To ignore internal caching of the request.\n     * @param {object} options.headers - An object of headers to pass along to the request.\n     * @param {boolean} options.noToken - If set to true, this will not include the Form.io x-jwt-token along with the request.\n     * @param {string} options.namespace - The Form.io namespace to prepend to all LocalStorage variables such as formioToken.\n     * @param {boolean} options.getHeaders - Set this if you wish to include the response headers with the return of this method.\n     * @return {Promise<Response>}\n     */\n    static makeRequest(formio, type, url, method, data, opts) {\n        if (!formio) {\n            return Formio.makeStaticRequest(url, method, data, opts);\n        }\n        const requestArgs = Formio.getRequestArgs(formio, type, url, method, data, opts);\n        requestArgs.opts = requestArgs.opts || {};\n        requestArgs.opts.formio = formio;\n        //for Formio requests default Accept and Content-type headers\n        if (!requestArgs.opts.headers) {\n            requestArgs.opts.headers = {};\n        }\n        requestArgs.opts.headers = (0, lodash_1.defaults)(requestArgs.opts.headers, {\n            'Accept': 'application/json',\n            'Content-type': 'application/json'\n        });\n        const request = Plugins_1.default.pluginWait('preRequest', requestArgs)\n            .then(() => Plugins_1.default.pluginGet('request', requestArgs)\n            .then((result) => {\n            if ((0, lodash_1.isNil)(result)) {\n                return Formio.request(requestArgs.url, requestArgs.method, requestArgs.data, requestArgs.opts.header, requestArgs.opts);\n            }\n            return result;\n        }));\n        return Plugins_1.default.pluginAlter('wrapRequestPromise', request, requestArgs);\n    }\n    /**\n     * Execute an API request to any external system. This is a wrapper around the Web fetch method.\n     *\n     * ```ts\n     * Formio.request('https://examples.form.io').then((form) => {\n     *   console.log(form);\n     * });\n     * ```\n     *\n     * @param {string} url - The URL to request.\n     * @param {string} method - The request method. GET, PUT, POST, DELETE, or PATCH\n     * @param {object} data - The data to pass to the request (for PUT, POST, and PATCH methods)\n     * @param {Headers} header - An object of headers to pass to the request.\n     * @param {object} options - An object of options to pass to the request method.\n     * @param {boolean} options.ignoreCache - To ignore internal caching of the request.\n     * @param {object} options.headers - An object of headers to pass along to the request.\n     * @param {boolean} options.noToken - If set to true, this will not include the Form.io x-jwt-token along with the request.\n     * @param {string} options.namespace - The Form.io namespace to prepend to all LocalStorage variables such as formioToken.\n     * @param {boolean} options.getHeaders - Set this if you wish to include the response headers with the return of this method.\n     * @return {Promise<Response>|*}\n     */\n    static request(url, method, data, header, opts) {\n        if (!url) {\n            return Promise.reject('No url provided');\n        }\n        method = (method || 'GET').toUpperCase();\n        // For reverse compatibility, if they provided the ignoreCache parameter,\n        // then change it back to the options format where that is a parameter.\n        if ((0, lodash_1.isBoolean)(opts)) {\n            opts = { ignoreCache: opts };\n        }\n        if (!opts || !(0, lodash_1.isObject)(opts)) {\n            opts = {};\n        }\n        // Generate a cachekey.\n        const cacheKey = btoa(encodeURI(url));\n        // Get the cached promise to save multiple loads.\n        if (!opts.ignoreCache && method === 'GET' && Formio.cache.hasOwnProperty(cacheKey)) {\n            return Promise.resolve(Formio.cloneResponse(Formio.cache[cacheKey]));\n        }\n        if (url[0] === '/') {\n            url = Formio.baseUrl + url;\n        }\n        // Set up and fetch request\n        const headers = header || new Headers(opts.headers || {\n            'Accept': 'application/json',\n            'Content-type': 'application/json'\n        });\n        const token = Formio.getToken(opts);\n        if (token && !opts.noToken) {\n            headers.append('x-jwt-token', token);\n        }\n        // The fetch-ponyfill can't handle a proper Headers class anymore. Change it back to an object.\n        const headerObj = {};\n        headers.forEach(function (value, name) {\n            headerObj[name] = value;\n        });\n        let options = {\n            method: method,\n            headers: headerObj,\n            mode: 'cors'\n        };\n        if (data) {\n            options.body = JSON.stringify(data);\n        }\n        // Allow plugins to alter the options.\n        options = Plugins_1.default.pluginAlter('requestOptions', options, url);\n        if (options.namespace || Formio.namespace) {\n            opts.namespace = options.namespace || Formio.namespace;\n        }\n        const requestToken = options.headers['x-jwt-token'];\n        const result = Plugins_1.default.pluginAlter('wrapFetchRequestPromise', Formio.fetch(url, options), { url, method, data, opts }).then((response) => {\n            // Allow plugins to respond.\n            response = Plugins_1.default.pluginAlter('requestResponse', response, Formio, data);\n            if (!response.ok) {\n                if (response.status === 440) {\n                    Formio.setToken(null, opts);\n                    Formio.events.emit('formio.sessionExpired', response.body);\n                }\n                else if (response.status === 401) {\n                    Formio.events.emit('formio.unauthorized', response.body);\n                }\n                else if (response.status === 416) {\n                    Formio.events.emit('formio.rangeIsNotSatisfiable', response.body);\n                }\n                else if (response.status === 504) {\n                    return Promise.reject(new Error('Network request failed'));\n                }\n                // Parse and return the error as a rejected promise to reject this promise\n                return (response.headers.get('content-type').includes('application/json')\n                    ? response.json()\n                    : response.text())\n                    .then((error) => {\n                    return Promise.reject(error);\n                });\n            }\n            // Handle fetch results\n            const token = response.headers.get('x-jwt-token');\n            // In some strange cases, the fetch library will return an x-jwt-token without sending\n            // one to the server. This has even been debugged on the server to verify that no token\n            // was introduced with the request, but the response contains a token. This is an Invalid\n            // case where we do not send an x-jwt-token and get one in return for any GET request.\n            let tokenIntroduced = false;\n            if ((method === 'GET') &&\n                !requestToken &&\n                token &&\n                !opts.external &&\n                !url.includes('token=') &&\n                !url.includes('x-jwt-token=')) {\n                console.warn('Token was introduced in request.');\n                tokenIntroduced = true;\n            }\n            if (response.status >= 200 &&\n                response.status < 300 &&\n                token &&\n                token !== '' &&\n                !tokenIntroduced) {\n                Formio.setToken(token, opts);\n            }\n            // 204 is no content. Don't try to .json() it.\n            if (response.status === 204) {\n                return {};\n            }\n            const getResult = response.headers.get('content-type').includes('application/json')\n                ? response.json()\n                : response.text();\n            return getResult.then((result) => {\n                // Add some content-range metadata to the result here\n                let range = response.headers.get('content-range');\n                if (range && (0, lodash_1.isObject)(result)) {\n                    range = range.split('/');\n                    if (range[0] !== '*') {\n                        const skipLimit = range[0].split('-');\n                        result.skip = Number(skipLimit[0]);\n                        result.limit = skipLimit[1] - skipLimit[0] + 1;\n                    }\n                    result.serverCount = range[1] === '*' ? range[1] : Number(range[1]);\n                }\n                if (!opts.getHeaders) {\n                    return result;\n                }\n                const headers = {};\n                response.headers.forEach((item, key) => {\n                    headers[key] = item;\n                });\n                // Return the result with the headers.\n                return {\n                    result,\n                    headers,\n                };\n            });\n        })\n            .then((result) => {\n            if (opts.getHeaders) {\n                return result;\n            }\n            // Cache the response.\n            if (method === 'GET') {\n                Formio.cache[cacheKey] = result;\n            }\n            return Formio.cloneResponse(result);\n        })\n            .catch((err) => {\n            if (err === 'Bad Token' && opts.noToken !== false) {\n                Formio.setToken(null, opts);\n                Formio.events.emit('formio.badToken', err);\n            }\n            if (err.message) {\n                err = new Error(`Could not connect to API server (${err.message}): ${url}`);\n                err.networkError = true;\n            }\n            if (method === 'GET') {\n                delete Formio.cache[cacheKey];\n            }\n            return Promise.reject(err);\n        });\n        return result;\n    }\n    // Needed to maintain reverse compatability...\n    static get token() {\n        return Formio.tokens.formioToken || '';\n    }\n    // Needed to maintain reverse compatability...\n    static set token(token) {\n        Formio.tokens.formioToken = token || '';\n    }\n    static useSessionToken(options) {\n        let namespace = options;\n        if (typeof options === 'object') {\n            options = options.namespace;\n        }\n        const tokenName = `${namespace || Formio.namespace || 'formio'}Token`;\n        const token = localStorage.getItem(tokenName);\n        if (token) {\n            localStorage.removeItem(tokenName);\n            sessionStorage.setItem(tokenName, token);\n        }\n        const userName = `${namespace || Formio.namespace || 'formio'}User`;\n        const user = localStorage.getItem(userName);\n        if (user) {\n            localStorage.removeItem(userName);\n            sessionStorage.setItem(userName, user);\n        }\n        localStorage.setItem('useSessionToken', 'true');\n    }\n    /**\n     * Sets the JWT in storage to be used within an application.\n     *\n     * @param {string} token - The JWT token to set.\n     * @param {object} options - Options as follows\n     * @param {string} options.namespace - The namespace to save the token within. i.e. \"formio\"\n     * @param {Formio} options.formio - The Formio instance.\n     * @return {Promise<object>|void}\n     */\n    static setToken(token = '', opts = {}) {\n        token = token || '';\n        opts = (typeof opts === 'string') ? { namespace: opts } : opts || {};\n        const tokenName = `${opts.namespace || Formio.namespace || 'formio'}Token`;\n        if (!Formio.tokens) {\n            Formio.tokens = {};\n        }\n        const storage = localStorage.getItem('useSessionToken') ? sessionStorage : localStorage;\n        if (!token) {\n            if (!opts.fromUser) {\n                opts.fromToken = true;\n                Formio.setUser(null, opts);\n            }\n            // iOS in private browse mode will throw an error but we can't detect ahead of time that we are in private mode.\n            try {\n                storage.removeItem(tokenName);\n            }\n            catch (err) {\n                browser_cookies_1.default.erase(tokenName, { path: '/' });\n            }\n            Formio.tokens[tokenName] = token;\n            return Promise.resolve(null);\n        }\n        if (Formio.tokens[tokenName] !== token) {\n            Formio.tokens[tokenName] = token;\n            // iOS in private browse mode will throw an error but we can't detect ahead of time that we are in private mode.\n            try {\n                storage.setItem(tokenName, token);\n            }\n            catch (err) {\n                browser_cookies_1.default.set(tokenName, token, { path: '/' });\n            }\n        }\n        // Return or updates the current user\n        return Formio.currentUser(opts.formio, opts);\n    }\n    /**\n     * Returns the token set within the application for the user.\n     *\n     * @param {object} options - The options as follows.\n     * @param {string} options.namespace - The namespace of the token you wish to fetch.\n     * @param {boolean} options.decode - If you would like the token returned as decoded JSON.\n     * @return {*}\n     */\n    static getToken(options) {\n        options = (typeof options === 'string') ? { namespace: options } : options || {};\n        const tokenName = `${options.namespace || Formio.namespace || 'formio'}Token`;\n        const decodedTokenName = options.decode ? `${tokenName}Decoded` : tokenName;\n        if (!Formio.tokens) {\n            Formio.tokens = {};\n        }\n        if (Formio.tokens[decodedTokenName]) {\n            return Formio.tokens[decodedTokenName];\n        }\n        try {\n            const token = localStorage.getItem('useSessionToken')\n                ? sessionStorage.getItem(tokenName)\n                : localStorage.getItem(tokenName);\n            Formio.tokens[tokenName] = token || '';\n            if (options.decode) {\n                Formio.tokens[decodedTokenName] = Formio.tokens[tokenName] ? (0, jwtDecode_1.jwtDecode)(Formio.tokens[tokenName]) : {};\n                return Formio.tokens[decodedTokenName];\n            }\n            return Formio.tokens[tokenName];\n        }\n        catch (e) {\n            Formio.tokens[tokenName] = browser_cookies_1.default.get(tokenName);\n            return '';\n        }\n    }\n    /**\n     * Sets the current user within the application cache.\n     *\n     * @param {object} user - JSON object of the user you wish to set.\n     * @param {object} options - Options as follows\n     * @param {string} options.namespace - The namespace of the tokens\n     */\n    static setUser(user, opts = {}) {\n        const userName = `${opts.namespace || Formio.namespace || 'formio'}User`;\n        const storage = localStorage.getItem('useSessionToken') ? sessionStorage : localStorage;\n        if (!user) {\n            if (!opts.fromToken) {\n                opts.fromUser = true;\n                Formio.setToken(null, opts);\n            }\n            // Emit an event on the cleared user.\n            Formio.events.emit('formio.user', null);\n            // iOS in private browse mode will throw an error but we can't detect ahead of time that we are in private mode.\n            try {\n                return storage.removeItem(userName);\n            }\n            catch (err) {\n                return browser_cookies_1.default.erase(userName, { path: '/' });\n            }\n        }\n        // iOS in private browse mode will throw an error but we can't detect ahead of time that we are in private mode.\n        try {\n            storage.setItem(userName, JSON.stringify(user));\n        }\n        catch (err) {\n            browser_cookies_1.default.set(userName, JSON.stringify(user), { path: '/' });\n        }\n        // Emit an event on the authenticated user.\n        Formio.events.emit('formio.user', user);\n    }\n    /**\n     * Returns the user JSON.\n     *\n     * @param {object} options - Options as follows\n     * @param {string} namespace - The namespace of the tokens stored within this application.\n     * @return {object} - The user object.\n     */\n    static getUser(options) {\n        options = options || {};\n        const userName = `${options.namespace || Formio.namespace || 'formio'}User`;\n        try {\n            return JSON.parse((localStorage.getItem('useSessionToken')\n                ? sessionStorage\n                : localStorage).getItem(userName) || '');\n        }\n        catch (e) {\n            return JSON.parse(browser_cookies_1.default.get(userName));\n        }\n    }\n    /**\n     * Sets the BaseURL for the application.\n     *\n     * @description Every application developed using the JavaScript SDK must set both the {@link Formio.setBaseUrl} and\n     * {@link Formio.setProjectUrl} methods. These two functions ensure that every URL passed into the constructor of this\n     * class can determine the \"project\" context for which the application is running.\n     *\n     * Any Open Source server applications will set both the {@link Formio.setBaseUrl} and {@link Formio.setProjectUrl}\n     * values will be the same value.\n     *\n     * ```ts\n     * Formio.setBaseUrl('https://yourwebsite.com/forms');\n     * Formio.setProjectUrl('https://yourwebsite.com/forms/project');\n     *\n     * // Now the Formio constructor will know what is the \"project\" and what is the form alias name. Without setBaseUrl\n     * // and setProjectUrl, this would throw an error.\n     *\n     * const formio = new Formio('https://yourwebsite.com/forms/project/user');\n     * formio.loadForm().then((form) => {\n     *   console.log(form);\n     * });\n     * ```\n     *\n     * @param {string} url - The URL of the Base API url.\n     */\n    static setBaseUrl(url) {\n        Formio.baseUrl = url;\n        if (!Formio.projectUrlSet) {\n            Formio.projectUrl = url;\n        }\n    }\n    /**\n     * Returns the current base url described at {@link Formio.setBaseUrl}\n     *\n     * @return {string} - The base url of the application.\n     */\n    static getBaseUrl() {\n        return Formio.baseUrl;\n    }\n    static setApiUrl(url) {\n        return Formio.setBaseUrl(url);\n    }\n    static getApiUrl() {\n        return Formio.getBaseUrl();\n    }\n    static setAppUrl(url) {\n        console.warn('Formio.setAppUrl() is deprecated. Use Formio.setProjectUrl instead.');\n        Formio.projectUrl = url;\n        Formio.projectUrlSet = true;\n    }\n    /**\n     * Sets the Project Url for the application. This is an important method that needs to be set for all applications. It\n     * is documented @ {@link Formio.setBaseUrl}.\n     *\n     * @param {string} url - The project api url.\n     */\n    static setProjectUrl(url) {\n        Formio.projectUrl = url;\n        Formio.projectUrlSet = true;\n    }\n    /**\n     * The Auth URL can be set to customize the authentication requests made from an application. By default, this is\n     * just the same value as {@link Formio.projectUrl}\n     *\n     * @param {string} url - The authentication url\n     */\n    static setAuthUrl(url) {\n        Formio.authUrl = url;\n    }\n    static getAppUrl() {\n        console.warn('Formio.getAppUrl() is deprecated. Use Formio.getProjectUrl instead.');\n        return Formio.projectUrl;\n    }\n    /**\n     * Returns the Project url described at {@link Formio.setProjectUrl}\n     *\n     * @return {string|string} - The Project Url.\n     */\n    static getProjectUrl() {\n        return Formio.projectUrl;\n    }\n    /**\n     * Clears the runtime internal API cache.\n     *\n     * @description By default, the Formio class will cache all API requests in memory so that any subsequent requests\n     * using GET method will return the cached results as long as the API URl is the same as what was cached previously.\n     * This cache can be cleared using this method as follows.\n     *\n     * ```ts\n     * Formio.clearCache();\n     * ```\n     *\n     * Or, if you just wish to clear a single request, then the {@link Formio.request#options.ignoreCache} option can be\n     * provided when making an API request as follows.\n     *\n     * ```ts\n     * Formio.loadForm({}, {\n     *   ignoreCache: true\n     * }).then((form) => {\n     *   console.log(form);\n     * });\n     * ```\n     *\n     * Both of the following will ensure that a new request is made to the API server and that the results will not be\n     * from the cached result.\n     */\n    static clearCache() {\n        Formio.cache = {};\n    }\n    /**\n     * Return the access information about a Project, such as the Role ID's for that project, and if the server is\n     * configured to do so, the Form and Resource access configurations that the authenticated user has access to.\n     *\n     * @description This is useful for an application to determine the UI for a specific user to identify which forms they have\n     * access to submit or read.\n     *\n     * @param {Formio} formio - The Formio instance.\n     * @return {Promise<Response>}\n     */\n    static accessInfo(formio) {\n        const projectUrl = formio ? formio.projectUrl : Formio.projectUrl;\n        return Formio.makeRequest(formio, 'accessInfo', `${projectUrl}/access`);\n    }\n    /**\n     * Returns an array of roles for the project, which includes the ID's and names of those roles.\n     *\n     * @param {Formio} formio - The Formio instance.\n     * @return {Promise<Response>}\n     */\n    static projectRoles(formio) {\n        const projectUrl = formio ? formio.projectUrl : Formio.projectUrl;\n        return Formio.makeRequest(formio, 'projectRoles', `${projectUrl}/role`);\n    }\n    /**\n     * Return the currentUser object. This will fetch the user from the server and respond with the Submission JSON\n     * of that user object.\n     *\n     * @param {Formio} formio - The Formio instance\n     * @param {object} options - The options passed to {@link Formio.getUser}\n     * @return {Promise<R>|*}\n     */\n    static currentUser(formio, options = {}) {\n        let authUrl = Formio.authUrl;\n        if (!authUrl) {\n            authUrl = formio ? formio.projectUrl : (Formio.projectUrl || Formio.baseUrl);\n        }\n        authUrl += '/current';\n        if (!options.ignoreCache) {\n            const user = Formio.getUser(options);\n            if (user) {\n                return Plugins_1.default.pluginAlter('wrapStaticRequestPromise', Promise.resolve(user), {\n                    url: authUrl,\n                    method: 'GET',\n                    options\n                });\n            }\n        }\n        const token = Formio.getToken(options);\n        if ((!options || !options.external) && !token) {\n            return Plugins_1.default.pluginAlter('wrapStaticRequestPromise', Promise.resolve(null), {\n                url: authUrl,\n                method: 'GET',\n                options\n            });\n        }\n        return Formio.makeRequest(formio, 'currentUser', authUrl, 'GET', null, options)\n            .then((response) => {\n            Formio.setUser(response, options);\n            return response;\n        });\n    }\n    /**\n     * Performs a logout of the Form.io application. This will reset all cache, as well as make a request to the logout\n     * endpoint of the Form.io api platform.\n     *\n     * @param {Formio} formio - A Formio instance.\n     * @param {object} options - Options passed to both {@link Formio.setToken} as well as {@link Formio.setUser}\n     * @return {Promise<Response>}\n     */\n    static logout(formio, options = {}) {\n        options.formio = formio;\n        const projectUrl = Formio.authUrl ? Formio.authUrl : (formio ? formio.projectUrl : Formio.baseUrl);\n        const logout = () => {\n            Formio.setToken(null, options);\n            Formio.setUser(null, options);\n            Formio.clearCache();\n            localStorage.removeItem('useSessionToken');\n        };\n        return Formio.makeRequest(formio, 'logout', `${projectUrl}/logout`)\n            .then(function (result) {\n            logout();\n            if (result.shouldRedirect && result.url) {\n                window.location.href = result.url;\n            }\n            return result;\n        })\n            .catch(function (err) {\n            logout();\n            throw err;\n        });\n    }\n    /**\n     * Returns the query passed to a page in JSON object format.\n     *\n     * @description For example, lets say you visit your application using\n     * the url as follows.\n     *\n     * ```\n     *   https://yourapplication.com/?token=23423423423&username=Joe\n     * ```\n     *\n     * The following code will provide your application with the following.\n     *\n     * ```ts\n     * const query Formio.pageQuery();\n     * console.log(query.token); // Will print 23423423423\n     * console.log(query.username); // Will print Joe\n     * ```\n     *\n     * @return {{}} - A JSON object representation of the query that was passed to the URL of an application.\n     */\n    static pageQuery() {\n        const pageQuery = {};\n        pageQuery.paths = [];\n        const hashes = location.hash.substr(1).replace(/\\?/g, '&').split('&');\n        let parts = [];\n        location.search.substr(1).split('&').forEach(function (item) {\n            parts = item.split('=');\n            if (parts.length > 1) {\n                pageQuery[parts[0]] = parts[1] && decodeURIComponent(parts[1]);\n            }\n        });\n        hashes.forEach(function (item) {\n            parts = item.split('=');\n            if (parts.length > 1) {\n                pageQuery[parts[0]] = parts[1] && decodeURIComponent(parts[1]);\n            }\n            else if (item.indexOf('/') === 0) {\n                pageQuery.paths = item.substr(1).split('/');\n            }\n        });\n        return pageQuery;\n    }\n    /**\n     * Much like {@link Formio.currentUser}, but instead automatically injects the Bearer tokens into the headers to\n     * perform a Token swap of the OAuth token which will then return the JWT token for that user.\n     *\n     * @param {Formio} formio - The Formio instance\n     * @param {string} token - An OAuth Bearer token to use for a token swap between the OAuth provider and Form.io\n     * @return {Promise<R>|*}\n     */\n    static oAuthCurrentUser(formio, token) {\n        return Formio.currentUser(formio, {\n            external: true,\n            headers: {\n                Authorization: `Bearer ${token}`\n            }\n        });\n    }\n    static oauthLogoutURI(uri, options) {\n        options = (typeof options === 'string') ? { namespace: options } : options || {};\n        const logoutURIName = `${options.namespace || Formio.namespace || 'formio'}LogoutAuthUrl`;\n        Formio.tokens[logoutURIName];\n        localStorage.setItem(logoutURIName, uri);\n        return Formio.tokens[logoutURIName];\n    }\n    /**\n     * Perform a SAML initialization.\n     *\n     * @description Typically, you would use the {@link Formio.ssoInit} method to perform this function\n     * since this method is an alias for the following.\n     *\n     * ```ts\n     * Formio.samlInit();\n     * Formio.ssoInit('saml');  // This is the exact same thing as calling Formio.samlInit\n     * ```\n     *\n     * This method will return false if the process is just starting. The code below is a typical block of code that is\n     * used to automatically trigger the SAML authentication process within your application using a Button component.\n     *\n     * ```ts\n     * if (Formio.pageQuery().saml) {\n     *   const sso = Formio.samlInit();\n     *   if (sso) {\n     *     sso.then((user) => {\n     *       // The SSO user is now loaded!\n     *       console.log(user);\n     *     });\n     *   }\n     * }\n     * ```\n     *\n     * You can then place the following code withiin the \"Custom\" action of a Button component on your form.\n     *\n     * ```ts\n     * Formio.samlInit();\n     * ```\n     *\n     * Now when you click on this button, it will start the handshake process with SAML, and once it returns, will pass\n     * a \"saml\" query parameter back to your application which will execute the code to load the current user from SAML.\n     *\n     * @param {object} options - Options to pass to the SAML initialization process.\n     * @param {string} options.relay - The URL that will be used as the authentication \"relay\" that occurs during a SAML handshake process.\n     * @return {boolean|Promise<Object>|void}\n     */\n    static samlInit(options = {}) {\n        const query = Formio.pageQuery();\n        if (query.saml) {\n            Formio.setUser(null);\n            const retVal = Formio.setToken(query.saml);\n            let uri = window.location.toString();\n            uri = uri.substring(0, uri.indexOf('?'));\n            if (window.location.hash) {\n                uri += window.location.hash;\n            }\n            window.history.replaceState({}, document.title, uri);\n            return retVal;\n        }\n        // Set the relay if not provided.\n        if (!options.relay) {\n            options.relay = window.location.href;\n        }\n        // go to the saml sso endpoint for this project.\n        const authUrl = Formio.authUrl || Formio.projectUrl;\n        window.location.href = `${authUrl}/saml/sso?relay=${encodeURI(options.relay)}`;\n        return false;\n    }\n    /**\n     * Perform an Okta Authentication process using the {@link https://developer.okta.com/code/javascript/okta_auth_sdk|Okta SDK}.\n     *\n     * @description This method does require that you first include the Okta JavaScript SDK within your application as follows.\n     *\n     * First you need to include the Okta Authentication script.\n     *\n     * ```html\n     * <script src=\"https://ok1static.oktacdn.com/assets/js/sdk/okta-auth-js/2.0.1/okta-auth-js.min.js\" type=\"text/javascript\"></script>\n     * ```\n     *\n     * Then you can call this method as follows.\n     *\n     * ```ts\n     * Formio.oktaInit();\n     * ```\n     *\n     * @param {object} options - Options that are passed directly to the {@link https://github.com/okta/okta-auth-js#configuration-reference|Okta SDK constructor}\n     * @param {constructor} options.OktaAuth - If the OktaAuth constructor is not provided global to the application, it can be provided to this method using this property.\n     * @param {Formio} options.formio - The Formio instance.\n     * @param {Array<string>} options.scopes - Scopes that are passed to the {@link https://github.com/okta/okta-auth-js#tokengetwithredirectoptions|getWithRedirect} method from the Okta SDK.\n     * @return {Promise<Object>}\n     */\n    static oktaInit(options = {}) {\n        if (typeof OktaAuth !== undefined) {\n            options.OktaAuth = OktaAuth;\n        }\n        if (typeof options.OktaAuth === undefined) {\n            const errorMessage = 'Cannot find OktaAuth. Please include the Okta JavaScript SDK within your application. See https://developer.okta.com/code/javascript/okta_auth_sdk for an example.';\n            console.warn(errorMessage);\n            return Promise.reject(errorMessage);\n        }\n        return new Promise((resolve, reject) => {\n            const Okta = options.OktaAuth;\n            delete options.OktaAuth;\n            const authClient = new Okta(options);\n            authClient.tokenManager.get('accessToken')\n                .then((accessToken) => {\n                if (accessToken) {\n                    resolve(Formio.oAuthCurrentUser(options.formio, accessToken.accessToken));\n                }\n                else if (location.hash) {\n                    authClient.token.parseFromUrl()\n                        .then((token) => {\n                        authClient.tokenManager.add('accessToken', token);\n                        resolve(Formio.oAuthCurrentUser(options.formio, token.accessToken));\n                    })\n                        .catch((err) => {\n                        console.warn(err);\n                        reject(err);\n                    });\n                }\n                else {\n                    authClient.token.getWithRedirect({\n                        responseType: 'token',\n                        scopes: options.scopes\n                    });\n                    resolve(false);\n                }\n            })\n                .catch((error) => {\n                reject(error);\n            });\n        });\n    }\n    /**\n     * A common static method to trigger any SSO processes. This method is really just an alias for other static methods.\n     *\n     * @param {('saml'|'okta')} type - The type of SSO to trigger. 'saml' is an alias for {@link Formio.samlInit}, and 'okta' is an alias for {@link Formio.oktaInit}.\n     * @param {object} options - Options to pass to the specific sso methods\n     * @return {*|Promise<Object>|boolean|void}\n     */\n    static ssoInit(type, options = {}) {\n        switch (type) {\n            case 'saml':\n                return Formio.samlInit(options);\n            case 'okta':\n                return Formio.oktaInit(options);\n            default:\n                console.warn('Unknown SSO type');\n                return Promise.reject('Unknown SSO type');\n        }\n    }\n    /**\n     * Lazy load a remote library dependency.\n     *\n     * @description This is useful for components that wish to lazy load a required library\n     * by adding that library to the <scripts> section of the HTML webpage, and then provide a promise that will resolve\n     * when the library becomes available for use.\n     *\n     * @example Load Google Maps API.\n     * ```ts\n     * Formio.requireLibrary('googleMaps', 'google.maps.Map', 'https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap', true).then(() => {\n     *   // Once the promise resolves, the following can now be used within your application.\n     *   const map = new google.maps.Map(document.getElementById(\"map\"), {...});\n     * });\n     * ```\n     *\n     * @param {string} name - The internal name to give to the library you are loading. This is useful for caching the library for later use.\n     * @param {string} property - The name of the global property that will be added to the global namespace once the library has been loaded. This is used to check to see if the property exists before resolving the promise that the library is ready for use.\n     * @param {string} src - The URL of the library to lazy load.\n     * @param {boolean} polling - Determines if polling should be used to determine if they library is ready to use. If set to false, then it will rely on a global callback called ${name}Callback where \"name\" is the first property passed to this method. When this is called, that will indicate when the library is ready. In most cases, you will want to pass true to this parameter to initiate a polling method to check for the library availability in the global context.\n     * @return {Promise<object>} - A promise that will resolve when the plugin is ready to be used.\n     */\n    static requireLibrary(name, property, src, polling = false, onload) {\n        if (!Formio.libraries.hasOwnProperty(name)) {\n            Formio.libraries[name] = {};\n            Formio.libraries[name].ready = new Promise((resolve, reject) => {\n                Formio.libraries[name].resolve = resolve;\n                Formio.libraries[name].reject = reject;\n            });\n            const callbackName = `${name}Callback`;\n            if (!polling && !window[callbackName]) {\n                window[callbackName] = () => Formio.libraries[name].resolve();\n            }\n            // See if the plugin already exists.\n            const plugin = (0, lodash_1.get)(window, property);\n            if (plugin) {\n                Formio.libraries[name].resolve(plugin);\n            }\n            else {\n                src = Array.isArray(src) ? src : [src];\n                src.forEach((lib) => {\n                    let attrs = {};\n                    let elementType = '';\n                    if (typeof lib === 'string') {\n                        lib = {\n                            type: 'script',\n                            src: lib,\n                        };\n                    }\n                    switch (lib.type) {\n                        case 'script':\n                            elementType = 'script';\n                            attrs = {\n                                src: lib.src,\n                                type: 'text/javascript',\n                                defer: true,\n                                async: true,\n                                referrerpolicy: 'origin',\n                            };\n                            break;\n                        case 'styles':\n                            elementType = 'link';\n                            attrs = {\n                                href: lib.src,\n                                rel: 'stylesheet',\n                            };\n                            break;\n                    }\n                    // Add the script to the top of the page.\n                    const element = document.createElement(elementType);\n                    if (element.setAttribute) {\n                        for (const attr in attrs) {\n                            element.setAttribute(attr, attrs[attr]);\n                        }\n                    }\n                    if (onload) {\n                        element.addEventListener('load', () => {\n                            Formio.libraries[name].loaded = true;\n                            onload(Formio.libraries[name].ready);\n                        });\n                    }\n                    const { head } = document;\n                    if (head) {\n                        head.appendChild(element);\n                    }\n                });\n                // if no callback is provided, then check periodically for the script.\n                if (polling) {\n                    const interval = setInterval(() => {\n                        const plugin = (0, lodash_1.get)(window, property);\n                        if (plugin) {\n                            clearInterval(interval);\n                            Formio.libraries[name].resolve(plugin);\n                        }\n                    }, 200);\n                }\n            }\n        }\n        const lib = Formio.libraries[name];\n        return onload && lib.loaded ? onload(lib.ready) : lib.ready;\n    }\n    /**\n     * Determines if a lazy loaded library is ready to be used.\n     *\n     * @description Example: Let's assume that the example provided at {@link Formio.requireLibrary} was used elsewhere in your application.\n     * You could now use the following within a separate place that will also resolve once the library is ready to be used.\n     *\n     * ```js\n     * Formio.libraryReady('googleMaps').then(() => {\n     *   // Once the promise resolves, the following can now be used within your application.\n     *   const map = new google.maps.Map(document.getElementById(\"map\"), {...});\n     * });\n     * ```\n     *\n     * @param {string} name - The name of the library to check.\n     * @return {Promise<object>} - A promise that will resolve when the library is ready to be used.\n     */\n    static libraryReady(name) {\n        if (Formio.libraries.hasOwnProperty(name) &&\n            Formio.libraries[name].ready) {\n            return Formio.libraries[name].ready;\n        }\n        return Promise.reject(`${name} library was not required.`);\n    }\n    /**\n     * Clones the response from the API so that it cannot be mutated.\n     *\n     * @param response\n     */\n    static cloneResponse(response) {\n        const copy = (0, lodash_1.fastCloneDeep)(response);\n        if (Array.isArray(response)) {\n            copy.skip = response.skip;\n            copy.limit = response.limit;\n            copy.serverCount = response.serverCount;\n        }\n        return copy;\n    }\n    /**\n     * Sets the project path type.\n     *\n     * @param type\n     */\n    static setPathType(type) {\n        if (typeof type === 'string') {\n            Formio.pathType = type;\n        }\n    }\n    /**\n     * Gets the project path type.\n     */\n    static getPathType() {\n        return Formio.pathType;\n    }\n}\nexports.Formio = Formio;\n/**\n * The base API url of the Form.io Platform. Example: https://api.form.io\n */\nFormio.baseUrl = 'https://api.form.io';\n/**\n * The project API url of the Form.io Project. Example: https://examples.form.io\n */\nFormio.projectUrl = '';\n/**\n * The project url to use for Authentication.\n */\nFormio.authUrl = '';\n/**\n * Set to true if the project url has been established with ```Formio.setProjectUrl()```\n */\nFormio.projectUrlSet = false;\n/**\n * The Form.io API Cache. This ensures that requests to the same API endpoint are cached.\n */\nFormio.cache = {};\n/**\n * The namespace used to save the Form.io Token's and variables within an application.\n */\nFormio.namespace = '';\n/**\n * Handles events fired within this SDK library.\n */\nFormio.events = new eventemitter3_1.default();\n/**\n * Stores all of the libraries lazy loaded with ```Formio.requireLibrary``` method.\n */\nFormio.libraries = {};\n/**\n * A direct interface to the Form.io fetch polyfill.\n */\nFormio.fetch = fetch;\n/**\n * A direct interface to the Form.io fetch Headers polyfill.\n */\nFormio.Headers = Headers;\n/**\n * All of the auth tokens for this session.\n */\nFormio.tokens = {};\n/**\n * The version of this library.\n */\nFormio.version = '---VERSION---';\n// Add Plugin methods.\nFormio.plugins = Plugins_1.default.plugins;\nFormio.deregisterPlugin = Plugins_1.default.deregisterPlugin;\nFormio.registerPlugin = Plugins_1.default.registerPlugin;\nFormio.getPlugin = Plugins_1.default.getPlugin;\nFormio.pluginWait = Plugins_1.default.pluginWait;\nFormio.pluginGet = Plugins_1.default.pluginGet;\nFormio.pluginAlter = Plugins_1.default.pluginAlter;\n// Adds Formio to the Plugins Interface.\nPlugins_1.default.Formio = Formio;\n\n\n//# sourceURL=webpack://Formio/./node_modules/@formio/core/lib/sdk/Formio.js?");
-
-/***/ }),
-
-/***/ "./node_modules/ticky/ticky-browser.js":
-/*!*********************************************!*\
-  !*** ./node_modules/ticky/ticky-browser.js ***!
-  \*********************************************/
-/***/ (function(module) {
-
-eval("var si = typeof setImmediate === 'function', tick;\nif (si) {\n  tick = function (fn) { setImmediate(fn); };\n} else {\n  tick = function (fn) { setTimeout(fn, 0); };\n}\n\nmodule.exports = tick;\n\n//# sourceURL=webpack://Formio/./node_modules/ticky/ticky-browser.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 = exports.FormioPathType = void 0;\nconst fetch_ponyfill_1 = __importDefault(__webpack_require__(/*! fetch-ponyfill */ \"./node_modules/fetch-ponyfill/build/fetch-browser.js\"));\nconst lodash_1 = __webpack_require__(/*! @formio/lodash */ \"./node_modules/@formio/lodash/lib/index.js\");\nconst formUtil_1 = __webpack_require__(/*! ../utils/formUtil */ \"./node_modules/@formio/core/lib/utils/formUtil.js\");\nconst jwtDecode_1 = __webpack_require__(/*! ../utils/jwtDecode */ \"./node_modules/@formio/core/lib/utils/jwtDecode.js\");\nconst eventemitter3_1 = __importDefault(__webpack_require__(/*! eventemitter3 */ \"./node_modules/eventemitter3/index.js\"));\nconst browser_cookies_1 = __importDefault(__webpack_require__(/*! browser-cookies */ \"./node_modules/browser-cookies/src/browser-cookies.js\"));\nconst { fetch, Headers } = (0, fetch_ponyfill_1.default)();\nconst Plugins_1 = __importDefault(__webpack_require__(/*! ./Plugins */ \"./node_modules/@formio/core/lib/sdk/Plugins.js\"));\n/**\n * The different path types for a project.\n */\nvar FormioPathType;\n(function (FormioPathType) {\n    FormioPathType[\"Subdirectories\"] = \"Subdirectories\";\n    FormioPathType[\"Subdomains\"] = \"Subdomains\";\n})(FormioPathType || (exports.FormioPathType = FormioPathType = {}));\n/**\n * The Formio interface class. This is a minimalistic API library that allows you to work with the Form.io API's within JavaScript.\n *\n * ## Usage\n * Creating an instance of Formio is simple, and takes only a path (URL String). The path can be different, depending on the desired output.\n * The Formio instance can also access higher level operations, depending on how granular of a path you start with.\n *\n * ```ts\n * var formio = new Formio(<endpoint>, [options]);\n * ```\n *\n * Where **endpoint** is any valid API endpoint within Form.io. These URL's can provide a number of different methods depending on the granularity of the endpoint. This allows you to use the same interface but have access to different methods depending on how granular the endpoint url is.\n * **options** is defined within the {link Formio.constructor} documentation.\n *\n * Here is an example of how this library can be used to load a form JSON from the Form.io API's\n *\n * ```ts\n * const formio = new Formio('https://examples.form.io/example');\n * formio.loadForm().then((form) => {\n *   console.log(form);\n * });\n * ```\n */\nclass Formio {\n    /* eslint-disable max-statements */\n    /**\n     * @constructor\n     * @param {string} path - A project, form, and submission API Url.\n     * @param {FormioOptions} options - Available options to configure the Javascript API.\n     */\n    constructor(path, options = {}) {\n        this.path = path;\n        this.options = options;\n        /**\n         * The base API url of the Form.io Platform. Example: https://api.form.io\n         */\n        this.base = '';\n        /**\n         * The Projects Endpoint derived from the provided source.\n         *\n         * @example https://api.form.io/project\n         */\n        this.projectsUrl = '';\n        /**\n         * A specific project endpoint derived from the provided source.\n         *\n         * @example https://examples.form.io\n         */\n        this.projectUrl = '';\n        /**\n         * The Project ID found within the provided source.\n         */\n        this.projectId = '';\n        /**\n         * A specific Role URL provided the source.\n         *\n         * @example https://examples.form.io/role/2342343234234234\n         */\n        this.roleUrl = '';\n        /**\n         * The roles endpoint derived from the provided source.\n         *\n         * @example https://examples.form.io/role\n         */\n        this.rolesUrl = '';\n        /**\n         * The roleID derieved from the provided source.\n         */\n        this.roleId = '';\n        /**\n         * A specific form url derived from the provided source.\n         *\n         * @example https://examples.form.io/example\n         */\n        this.formUrl = '';\n        /**\n         * The forms url derived from the provided source.\n         *\n         * @example https://example.form.io/form\n         */\n        this.formsUrl = '';\n        /**\n         * The Form ID derived from the provided source.\n         */\n        this.formId = '';\n        /**\n         * The submissions URL derived from the provided source.\n         *\n         * @example https://examples.form.io/example/submission\n         */\n        this.submissionsUrl = '';\n        /**\n         * A specific submissions URL derived from a provided source.\n         *\n         * @example https://examples.form.io/example/submission/223423423423\n         */\n        this.submissionUrl = '';\n        /**\n         * The submission ID provided a submission url.\n         */\n        this.submissionId = '';\n        /**\n         * The actions url provided a form url as the source.\n         *\n         * @example https://examples.form.io/example/action\n         */\n        this.actionsUrl = '';\n        /**\n         * The Action ID derived from a provided Action url.\n         */\n        this.actionId = '';\n        /**\n         * A specific action api endoint.\n         */\n        this.actionUrl = '';\n        this.vsUrl = '';\n        this.vId = '';\n        this.vUrl = '';\n        /**\n         * The query string derived from the provided src url.\n         */\n        this.query = '';\n        /**\n         * If this is a non-project url, such is the case for Open Source API.\n         */\n        this.noProject = false;\n        // Ensure we have an instance of Formio.\n        if (!(this instanceof Formio)) {\n            return new Formio(path);\n        }\n        if (options.useSessionToken) {\n            Formio.useSessionToken(options);\n        }\n        if (options.hasOwnProperty('base') && options.base) {\n            this.base = options.base;\n        }\n        else if (Formio.baseUrl) {\n            this.base = Formio.baseUrl;\n        }\n        else if (window && window.location) {\n            this.base = window.location.href.match(/http[s]?:\\/\\/api./)[0];\n        }\n        if (!path) {\n            // Allow user to create new projects if this was instantiated without\n            // a url\n            this.projectUrl = Formio.projectUrl || `${this.base}/project`;\n            this.projectsUrl = `${this.base}/project`;\n            this.projectId = '';\n            this.query = '';\n            return;\n        }\n        if (options.hasOwnProperty('project') && options.project) {\n            this.projectUrl = options.project;\n        }\n        const project = this.projectUrl || Formio.projectUrl;\n        const projectRegEx = /(^|\\/)(project)($|\\/[^/]+)/;\n        const isProjectUrl = (path.search(projectRegEx) !== -1);\n        // The baseURL is the same as the projectUrl, and does not contain \"/project/MONGO_ID\" in\n        // its domain. This is almost certainly against the Open Source server.\n        if (project && this.base === project && !isProjectUrl) {\n            this.noProject = true;\n            this.projectUrl = this.base;\n        }\n        // Normalize to an absolute path.\n        if ((path.indexOf('http') !== 0) && (path.indexOf('//') !== 0)) {\n            path = this.base + path;\n        }\n        const hostparts = this.getUrlParts(path);\n        let hostName = '';\n        let parts = [];\n        if (hostparts) {\n            hostName = hostparts[1] + hostparts[2];\n            path = hostparts.length > 3 ? hostparts[3] : '';\n            const queryparts = path.split('?');\n            if (queryparts.length > 1) {\n                path = queryparts[0];\n                this.query = `?${queryparts[1]}`;\n            }\n        }\n        // Register a specific path.\n        const registerPath = (name, base) => {\n            this[`${name}sUrl`] = `${base}/${name}`;\n            const regex = new RegExp(`/${name}/([^/]+)`);\n            if (path && path.search(regex) !== -1) {\n                parts = path.match(regex);\n                this[`${name}Url`] = parts ? (base + parts[0]) : '';\n                this[`${name}Id`] = (parts.length > 1) ? parts[1] : '';\n                base += parts[0];\n            }\n            return base;\n        };\n        // Register an array of items.\n        const registerItems = (items, base, staticBase) => {\n            for (const i in items) {\n                if (items.hasOwnProperty(i)) {\n                    const item = items[i];\n                    if (Array.isArray(item)) {\n                        registerItems(item, base, true);\n                    }\n                    else {\n                        const newBase = registerPath(item, base);\n                        base = staticBase ? base : newBase;\n                    }\n                }\n            }\n        };\n        if (!this.projectUrl || (this.projectUrl === this.base)) {\n            // If a project uses Subdirectories path type, we need to specify a projectUrl\n            if (!this.projectUrl && !isProjectUrl && Formio.pathType === 'Subdirectories') {\n                const regex = `^${hostName.replace(/\\//g, '\\\\/')}.[^/]+`;\n                const match = project.match(new RegExp(regex));\n                this.projectUrl = match ? match[0] : hostName;\n            }\n            else {\n                this.projectUrl = hostName;\n            }\n        }\n        // Check if we have a specified path type.\n        let isNotSubdomainType = false;\n        if (Formio.pathType) {\n            isNotSubdomainType = Formio.pathType !== 'Subdomains';\n        }\n        if (!this.noProject) {\n            // Determine the projectUrl and projectId\n            if (isProjectUrl) {\n                // Get project id as project/:projectId.\n                registerItems(['project'], hostName);\n                path = path.replace(projectRegEx, '');\n            }\n            else if (hostName === this.base) {\n                // Get project id as first part of path (subdirectory).\n                if (hostparts && hostparts.length > 3 && path.split('/').length > 1) {\n                    const isFile = path.match(/.json/);\n                    const pathParts = path.split('/');\n                    if (isFile) {\n                        this.projectUrl = hostName;\n                    }\n                    else {\n                        pathParts.shift(); // Throw away the first /.\n                        const projectId = pathParts.shift();\n                        if (projectId) {\n                            this.projectId = projectId;\n                            path = `/${pathParts.join('/')}`;\n                            this.projectUrl = `${hostName}/${this.projectId}`;\n                        }\n                    }\n                }\n            }\n            else {\n                // Get project id from subdomain.\n                if (hostparts && hostparts.length > 2 && (hostparts[2].split('.').length > 2 || hostName.includes('localhost')) && !isNotSubdomainType) {\n                    this.projectUrl = hostName;\n                    this.projectId = hostparts[2].split('.')[0];\n                }\n            }\n            this.projectsUrl = this.projectsUrl || `${this.base}/project`;\n        }\n        // Configure Role urls and role ids.\n        registerItems(['role'], this.projectUrl);\n        // Configure Form urls and form ids.\n        if (/(^|\\/)(form)($|\\/)/.test(path)) {\n            registerItems(['form', ['submission', 'action', 'v']], this.projectUrl);\n        }\n        else {\n            const subRegEx = new RegExp('/(submission|action|v)($|/.*)');\n            const subs = path.match(subRegEx);\n            if ((subs && (subs.length > 1))) {\n                this.pathType = subs[1];\n            }\n            path = path.replace(subRegEx, '');\n            path = path.replace(/\\/$/, '');\n            this.formsUrl = `${this.projectUrl}/form`;\n            this.formUrl = path ? this.projectUrl + path : '';\n            this.formId = path.replace(/^\\/+|\\/+$/g, '');\n            const items = ['submission', 'action', 'v'];\n            for (const i in items) {\n                if (items.hasOwnProperty(i)) {\n                    const item = items[i];\n                    this[`${item}sUrl`] = `${this.projectUrl + path}/${item}`;\n                    if ((this.pathType === item) && subs && (subs.length > 2) && subs[2]) {\n                        this[`${item}Id`] = subs[2].replace(/^\\/+|\\/+$/g, '');\n                        this[`${item}Url`] = this.projectUrl + path + subs[0];\n                    }\n                }\n            }\n        }\n        // Set the app url if it is not set.\n        if (!Formio.projectUrlSet) {\n            Formio.projectUrl = this.projectUrl;\n        }\n    }\n    /* eslint-enable max-statements */\n    /**\n     * Deletes a remote resource of any provided type.\n     *\n     * @param {string} type - The type of resource to delete. \"submission\", \"form\", etc.\n     * @param {object} options - The options passed to {@link Formio.request}\n     * @return {Promise<Response>}\n     */\n    delete(type, opts) {\n        const _id = `${type}Id`;\n        const _url = `${type}Url`;\n        if (!this[_id]) {\n            return Promise.reject('Nothing to delete');\n        }\n        Formio.cache = {};\n        return this.makeRequest(type, this[_url], 'delete', null, opts);\n    }\n    /**\n     * Returns the index (array of records) for any provided type.\n     *\n     * @param {string} type - The type of resource to fetch the index of. \"submission\", \"form\", etc.\n     * @param {object} query - A query object to pass to the request.\n     * @param {object} query.params - A map (key-value pairs) of URL query parameters to add to the url.\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {Promise<Response>}\n     */\n    index(type, query, opts) {\n        const _url = `${type}Url`;\n        query = query || '';\n        if (query && (0, lodash_1.isObject)(query)) {\n            query = `?${Formio.serialize(query.params)}`;\n        }\n        return this.makeRequest(type, this[_url] + query, 'get', null, opts);\n    }\n    /**\n     * Save a document record using \"upsert\". If the document does not exist, it will be created, if the _id is provided,\n     * it will be updated.\n     *\n     * @param {string} type - The type of resource to fetch the index of. \"submission\", \"form\", etc.\n     * @param {object} data - The resource data object.\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {Promise<object>}\n     */\n    save(type, data, opts) {\n        const _id = `${type}Id`;\n        const _url = `${type}Url`;\n        const method = (this[_id] || data._id) ? 'put' : 'post';\n        let reqUrl = this[_id] ? this[_url] : this[`${type}sUrl`];\n        if (!this[_id] && data._id && (method === 'put') && !reqUrl.includes(data._id)) {\n            reqUrl += `/${data._id}`;\n        }\n        Formio.cache = {};\n        return this.makeRequest(type, reqUrl + this.query, method, data, opts);\n    }\n    /**\n     * @summary Load (GET) a document record.\n     *\n     * @param {string} type - The type of resource to fetch the index of. \"submission\", \"form\", etc.\n     * @param {object} query - A query object to pass to the request.\n     * @param {object} query.params - A map (key-value pairs) of URL query parameters to add to the url.\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {Promise<object>}\n     */\n    load(type, query, opts) {\n        const _id = `${type}Id`;\n        const _url = `${type}Url`;\n        if (query && (0, lodash_1.isObject)(query)) {\n            query = Formio.serialize(query.params);\n        }\n        if (query) {\n            query = this.query ? (`${this.query}&${query}`) : (`?${query}`);\n        }\n        else {\n            query = this.query;\n        }\n        if (!this[_id]) {\n            return Promise.reject(`Missing ${_id}`);\n        }\n        let url = this[_url] + query;\n        if (type === 'form' && !isNaN(parseInt(this.vId))) {\n            url += url.indexOf('?') === -1 ? '?' : '&';\n            url += `formRevision=${this.vId}`;\n        }\n        return this.makeRequest(type, url, 'get', null, opts);\n    }\n    /**\n     * @summary Call {@link Formio.makeRequest} for this Formio instance.\n     *\n     * @param {string} type - The request resource type. \"submission\", \"form\", etc.\n     * @param {string} url - The URL to request.\n     * @param {string} method - The request method. GET, PUT, POST, DELETE, or PATCH\n     * @param {object} data - The data to pass to the request (for PUT, POST, and PATCH methods)\n     * @param {object} options - An object of options to pass to the request method.\n     * @param {boolean} options.ignoreCache - To ignore internal caching of the request.\n     * @param {object} options.headers - An object of headers to pass along to the request.\n     * @param {boolean} options.noToken - If set to true, this will not include the Form.io x-jwt-token along with the request.\n     * @param {string} options.namespace - The Form.io namespace to prepend to all LocalStorage variables such as formioToken.\n     * @param {boolean} options.getHeaders - Set this if you wish to include the response headers with the return of this method.\n     * @return {Promise<Response>}\n     */\n    makeRequest(type, url, method, data, opts) {\n        return Formio.makeRequest(this, type, url, method, data, opts);\n    }\n    /**\n     * @summary Loads a project.\n     *\n     * ```ts\n     * const formio = new Formio('https://examples.form.io');\n     * formio.loadProject().then((project) => {\n     *   console.log(project);\n     * });\n     * ```\n     *\n     * @param {object} query - Query parameters to pass to {@link Formio#load}.\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {Promise<Object>}\n     */\n    loadProject(query, opts) {\n        return this.load('project', query, opts);\n    }\n    /**\n     * Saves or Updates a project.\n     *\n     * ### Create a new project\n     * ```ts\n     * const formio = new Formio();\n     * formio.saveProject({\n     *   title: 'My Project',\n     *   path: 'myproject',\n     *   name: 'myproject'\n     * });\n     * ```\n     *\n     * ### Update an existing project\n     * ```ts\n     * const formio = new Formio('https://examples.form.io');\n     * formio.loadProject().then((project) => {\n     *   project.title = 'Title changed';\n     *   formio.saveProject(project).then(() => {\n     *     console.log('Done saving project!');\n     *   });\n     * });\n     * ```\n     *\n     * @param {object} data - The project JSON to create or update.\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {Promise<Object>}\n     */\n    saveProject(data, opts) {\n        return this.save('project', data, opts);\n    }\n    /**\n     * Deletes a project\n     *\n     * ```ts\n     * const formio = new Formio('https://examples.form.io');\n     * formio.deleteProject();\n     * ```\n     *\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {Promise<Object>}\n     */\n    deleteProject(opts) {\n        return this.delete('project', opts);\n    }\n    /**\n     * Loads a list of all projects.\n     *\n     * ```ts\n     * Formio.loadProjects().then((projects) => {\n     *   console.log(projects);\n     * });\n     * ```\n     *\n     * @param {object} query - Query parameters similar to {@link Formio#load}.\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {*}\n     */\n    static loadProjects(query, opts) {\n        query = query || '';\n        if ((0, lodash_1.isObject)(query)) {\n            query = `?${Formio.serialize(query.params)}`;\n        }\n        return Formio.makeStaticRequest(`${Formio.baseUrl}/project${query}`, 'GET', null, opts);\n    }\n    /**\n     * Loads a role within a project.\n     *\n     * ```ts\n     * const formio = new Formio('https://examples.form.io/role/234234234234');\n     * formio.loadRole().then((role) => {\n     *   console.log(role);\n     * });\n     * ```\n     *\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {Promise<Object>}\n     */\n    loadRole(opts) {\n        return this.load('role', null, opts);\n    }\n    /**\n     * Create a new or Update an existing role within a project.\n     *\n     * ### Create new Role example\n     * ```ts\n     * const formio = new Formio('https://examples.form.io');\n     * formio.saveRole({\n     *   title: 'Employee',\n     *   description: 'A person who belongs to a company.'\n     * }).then((role) => {\n     *   console.log(role);\n     * });\n     * ```\n     *\n     * ### Update existing role example\n     * ```ts\n     * const formio = new Formio('https://examples.form.io/role/234234234234234');\n     * formio.loadRole().then((role) => {\n     *   role.title = 'Manager';\n     *   formio.saveRole(role).then(() => {\n     *     console.log('DONE');\n     *   });\n     * });\n     * ```\n     *\n     * @param {object} role - The Role JSON to create or update.\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {Promise<Object>}\n     */\n    saveRole(data, opts) {\n        return this.save('role', data, opts);\n    }\n    /**\n     * Deletes a role within a project.\n     *\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {Promise<Response>}\n     */\n    deleteRole(opts) {\n        return this.delete('role', opts);\n    }\n    /**\n     * Load all roles within a project.\n     *\n     * ```ts\n     * const formio = new Formio('https://examples.form.io');\n     * formio.loadRoles().then((roles) => {\n     *   console.log(roles);\n     * });\n     * ```\n     *\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {Promise<Response>}\n     */\n    loadRoles(opts) {\n        return this.index('roles', null, opts);\n    }\n    /**\n     * Loads a form.\n     *\n     * ```ts\n     * const formio = new Formio('https://examples.form.io/example');\n     * formio.loadForm().then((form) => {\n     *   console.log(form);\n     * });\n     * ```\n     *\n     * @param {object} query - Query parameters similar to {@link Formio#load}.\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {Promise<object>}\n     */\n    loadForm(query, opts) {\n        return this.load('form', query, opts)\n            .then((currentForm) => {\n            // Check to see if there isn't a number in vId.\n            if (!currentForm.revisions || isNaN(parseInt(this.vId))) {\n                return currentForm;\n            }\n            // If a submission already exists but form is marked to load current version of form.\n            if (currentForm.revisions === 'current' && this.submissionId) {\n                return currentForm;\n            }\n            // eslint-disable-next-line eqeqeq\n            if (currentForm._vid == this.vId || currentForm.revisionId === this.vId) {\n                return currentForm;\n            }\n            // If they specified a revision form, load the revised form components.\n            if (query && (0, lodash_1.isObject)(query)) {\n                query = Formio.serialize(query.params);\n            }\n            if (query) {\n                query = this.query ? (`${this.query}&${query}`) : (`?${query}`);\n            }\n            else {\n                query = this.query;\n            }\n            return this.makeRequest('form', this.vUrl + query, 'get', null, opts)\n                .then((revisionForm) => {\n                currentForm._vid = revisionForm._vid;\n                currentForm.components = revisionForm.components;\n                currentForm.settings = revisionForm.settings;\n                currentForm.revisionId = revisionForm.revisionId;\n                // Using object.assign so we don't cross polinate multiple form loads.\n                return Object.assign({}, currentForm);\n            })\n                // If we couldn't load the revision, just return the original form.\n                .catch(() => Object.assign({}, currentForm));\n        });\n    }\n    /**\n     * Create or Update a specific form.\n     *\n     * ### Create form example\n     * ```ts\n     * const formio = new Formio('https://examples.form.io');\n     * formio.saveForm({\n     *   title: 'Employee',\n     *   type: 'resource',\n     *   path: 'employee',\n     *   name: 'employee',\n     *   components: [\n     *     {\n     *       type: 'textfield',\n     *       key: 'firstName',\n     *       label: 'First Name'\n     *     },\n     *     {\n     *       type: 'textfield',\n     *       key: 'lastName',\n     *       label: 'Last Name'\n     *     }\n     *   ]\n     * });\n     * ```\n     *\n     * ### Update a form example\n     * ```ts\n     * const formio = new Formio('https://examples.form.io/example');\n     * formio.loadForm().then((form) => {\n     *   form.title = 'Changed Title';\n     *   formio.saveForm(form).then(() => {\n     *     console.log('DONE!!!');\n     *   });\n     * });\n     * ```\n     *\n     * @param {object} data - The Form JSON to create or update.\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {Promise<Object>}\n     */\n    saveForm(data, opts) {\n        return this.save('form', data, opts);\n    }\n    /**\n     * Deletes a form.\n     *\n     * ```ts\n     * const formio = new Formio('https://examples.form.io/example');\n     * formio.deleteForm().then(() => {\n     *   console.log('Deleted!');\n     * });\n     * ```\n     *\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {Promise<Response>}\n     */\n    deleteForm(opts) {\n        return this.delete('form', opts);\n    }\n    /**\n     * Loads all forms within a project.\n     *\n     * ```ts\n     * const formio = new Formio('https://examples.form.io');\n     * formio.loadForms().then((forms) => {\n     *   console.log(forms);\n     * });\n     * ```\n     *\n     * @param {object} query - Query parameters similar to {@link Formio#load}.\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {Promise<Response>}\n     */\n    loadForms(query, opts) {\n        return this.index('forms', query, opts);\n    }\n    /**\n     * Loads a specific submissionn.\n     *\n     * ```ts\n     * const formio = new Formio('https://examples.form.io/example/submission/23423423423423423');\n     * formio.loadSubmission().then((submission) => {\n     *   console.log(submission);\n     * });\n     * ```\n     *\n     * @param {object} query - Query parameters similar to {@link Formio#load}.\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {Promise<object>}\n     */\n    loadSubmission(query, opts) {\n        return this.load('submission', query, opts)\n            .then((submission) => {\n            this.vId = submission._frid || submission._fvid;\n            this.vUrl = `${this.formUrl}/v/${this.vId}`;\n            return submission;\n        });\n    }\n    /**\n     * Creates a new or Updates an existing submission.\n     *\n     * ### Create a new submission\n     * ```ts\n     * const formio = new Formio('https://examples.form.io/example');\n     * formio.saveSubmission({\n     *   data: {\n     *     firstName: 'Joe',\n     *     lastName: 'Smith'\n     *   }\n     * }).then((submission) => {\n     *   // This will now be the complete submission object saved on the server.\n     *   console.log(submission);\n     * });\n     * ```\n     *\n     * ### Update an existing submission\n     * ```ts\n     * const formio = new Formio('https://examples.form.io/example/submission/23423423423423423');\n     * formio.loadSubmission().then((submission) => {\n     *   submission.data.lastName = 'Thompson';\n     *   formio.saveSubmission(submission).then(() => {\n     *     console.log('DONE');\n     *   });\n     * });\n     * ```\n     *\n     * @param {object} data - The submission JSON object.\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {Promise<Object>}\n     */\n    saveSubmission(data, opts) {\n        if (!isNaN(parseInt(this.vId)) && !data._fvid) {\n            data._fvid = this.vId;\n        }\n        return this.save('submission', data, opts);\n    }\n    /**\n     * Deletes a submission.\n     *\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {Promise<Response>}\n     */\n    deleteSubmission(opts) {\n        return this.delete('submission', opts);\n    }\n    /**\n     * Loads all submissions within a form.\n     *\n     * ```ts\n     * const formio = new Formio('https://examples.form.io/example');\n     * formio.loadSubmissions({\n     *   params: {\n     *     limit: 25,\n     *     'data.lastName__regex': 'smith'\n     *   }\n     * }).then((submissions) => {\n     *   // Should print out 25 submissions where the last name contains \"smith\".\n     *   console.log(submissions);\n     * });\n     * ```\n     *\n     * @param {object} query - Query parameters similar to {@link Formio#load}.\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {Promise<Response>}\n     */\n    loadSubmissions(query, opts) {\n        return this.index('submissions', query, opts);\n    }\n    /**\n     * Loads a form action.\n     *\n     * ```ts\n     * const formio = new Formio('https://examples.form.io/example/action/234234234234');\n     * formio.loadAction().then((action) => {\n     *   console.log(action);\n     * });\n     * ```\n     *\n     * @param {object} query - Query parameters similar to {@link Formio#load}.\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {Promise<Object>}\n     */\n    loadAction(query, opts) {\n        return this.load('action', query, opts);\n    }\n    /**\n     * Create a new or update an existing action.\n     *\n     * ### Create a new action for a form.\n     * ```ts\n     * const formio = new Formio('https://examples.form.io/example');\n     * formio.saveAction({\n     *   data: {\n     *     name: 'webhook',\n     *     title: 'Webhook Action',\n     *     method: ['create', 'update', 'delete'],\n     *     handler: ['after'],\n     *     condition: {},\n     *     settings: {\n     *       url: 'https://example.com',\n     *       headers: [{}],\n     *       block: false,\n     *       forwardHeaders: false\n     *     }\n     *   }\n     * }).then((action) => {\n     *   console.log(action);\n     * });\n     * ```\n     *\n     * ### Update an action\n     * ```ts\n     * const formio = new Formio('https://examples.form.io/example/action/234234234234');\n     * formio.loadAction().then((action) => {\n     *   action.title = 'Updated title';\n     *   formio.saveAction(action).then(() => {\n     *     console.log('Done!');\n     *   });\n     * });\n     * ```\n     *\n     * @param {object} data - The action JSON\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {Promise<Object>}\n     */\n    saveAction(data, opts) {\n        return this.save('action', data, opts);\n    }\n    /**\n     * Delete an action\n     *\n     * ```ts\n     * const formio = new Formio('https://examples.form.io/example/action/234234234234');\n     * formio.deleteAction().then(() => {\n     *   console.log('Action was deleted.');\n     * });\n     * ```\n     *\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {Promise<Response>}\n     */\n    deleteAction(opts) {\n        return this.delete('action', opts);\n    }\n    /**\n     * Loads all actions within a form.\n     *\n     * ```ts\n     * const formio = new Formio('https://examples.form.io/example');\n     * formio.loadActions().then((actions) => {\n     *   console.log(actions);\n     * });\n     * ```\n     *\n     * @param {object} query - Query parameters similar to {@link Formio#load}.\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {Promise<Response>}\n     */\n    loadActions(query, opts) {\n        return this.index('actions', query, opts);\n    }\n    /**\n     * Returns a list of available actions\n     *\n     * @return {Promise<Response>}\n     */\n    availableActions() {\n        return this.makeRequest('availableActions', `${this.formUrl}/actions`);\n    }\n    /**\n     * Returns the action information for a specific action, such as \"save\".\n     *\n     * ```ts\n     * const formio = new Formio('https://examples.form.io/example/actions/save');\n     * formio.actionInfo().then((info) => {\n     *   console.log(info);\n     * });\n     * ```\n     *\n     * @param {string} name - The name of the action you would like to get information for. i.e. \"save\", \"webhook\", etc.\n     * @return {Promise<Response>}\n     */\n    actionInfo(name) {\n        return this.makeRequest('actionInfo', `${this.formUrl}/actions/${name}`);\n    }\n    /**\n     * Determine if a string ID is a valid MongoID.\n     *\n     * @param {string} id - The id that should be tested if it is avalid id.\n     * @return {boolean} - true if it is a valid MongoId, false otherwise.\n     */\n    isObjectId(id) {\n        const checkForHexRegExp = new RegExp('^[0-9a-fA-F]{24}$');\n        return checkForHexRegExp.test(id);\n    }\n    /**\n     * Get the project ID of project.\n     *\n     * ```ts\n     * const formio = new Formio('https://examples.form.io');\n     * formio.getProjectId().then((projectId) => {\n     *   console.log(projectId);\n     * };\n     * ```\n     *\n     * @return {Promise<string>}\n     */\n    getProjectId() {\n        if (!this.projectId) {\n            return Promise.resolve('');\n        }\n        if (this.isObjectId(this.projectId)) {\n            return Promise.resolve(this.projectId);\n        }\n        else {\n            return this.loadProject().then((project) => {\n                return project._id;\n            });\n        }\n    }\n    /**\n     * Get the ID of a form.\n     *\n     * ```ts\n     * const formio = new Formio('https://examples.form.io/example');\n     * formio.getFormId().then((formId) => {\n     *   console.log(formId);\n     * });\n     * ```\n     *\n     * @return {Promise<string>}\n     */\n    getFormId() {\n        if (!this.formId) {\n            return Promise.resolve('');\n        }\n        if (this.isObjectId(this.formId)) {\n            return Promise.resolve(this.formId);\n        }\n        else {\n            return this.loadForm().then((form) => {\n                return form._id;\n            });\n        }\n    }\n    /**\n     * Instance method for {@link Formio.currentUser}\n     *\n     * @param {object} options - Options to pass to {@link Formio.request}\n     * @return {Promise<object>}\n     */\n    currentUser(options) {\n        return Formio.currentUser(this, options);\n    }\n    /**\n     * Instance method for {@link Formio.accessInfo}\n     *\n     * @return {Promise<Response>}\n     */\n    accessInfo() {\n        return Formio.accessInfo(this);\n    }\n    /**\n     * Sets OAuth Logout URL.\n     *\n     * @param {string} uri - Logout URL.\n     * @param {string} options.namespace - The localStorage namespace to use when retrieving tokens from storage.\n     * @return {string}\n     */\n    oauthLogoutURI(uri, options) {\n        return Formio.oauthLogoutURI(uri, Object.assign({ formio: this }, this.options, options));\n    }\n    /**\n     * Returns the JWT token for this instance.\n     *\n     * @param {object} options - The following options are provided.\n     * @param {string} options.namespace - The localStorage namespace to use when retrieving tokens from storage.\n     * @return {string} - The JWT token for this user.\n     */\n    getToken(options) {\n        return Formio.getToken(Object.assign({ formio: this }, this.options, options));\n    }\n    /**\n     * Sets the JWT token for this instance.\n     *\n     * @param {string} token - The JWT token to set.\n     * @param {object} options - The following options are provided.\n     * @param {string} options.namespace - The localStorage namespace to use when retrieving tokens from storage.\n     * @return {string} - The JWT token that was set.\n     */\n    setToken(token, options) {\n        return Formio.setToken(token, Object.assign({ formio: this }, this.options, options));\n    }\n    /**\n     * Returns a temporary authentication token for single purpose token generation.\n     *\n     * @param {number|string} expire - The amount of seconds to wait before this temp token expires.\n     * @param {string} allowed - The allowed path string inn the format GET:/path\n     * @param {object} options - The options passed to {@link Formio#getToken}\n     */\n    getTempToken(expire, allowed, options) {\n        const token = Formio.getToken(options);\n        if (!token) {\n            return Promise.reject('You must be authenticated to generate a temporary auth token.');\n        }\n        const authUrl = Formio.authUrl || this.projectUrl;\n        return this.makeRequest('tempToken', `${authUrl}/token`, 'GET', null, {\n            ignoreCache: true,\n            header: new Headers({\n                'x-expire': expire,\n                'x-allow': allowed\n            })\n        });\n    }\n    /**\n     * Get a PDF download url for a submission, which will generate a new PDF of the submission. This method will first\n     * fetch a temporary download token, and then append this to the download url for this form.\n     *\n     * ```ts\n     * const formio = new Formio('https://examples.form.io/example/submission/324234234234234');\n     * formio.getDownloadUrl().then((url) => {\n     *   console.log(url);\n     * });\n     * ```\n     *\n     * @param {object} [form] - The form JSON to fetch a download url for.\n     * @return {Promise<string>} - The download url.\n     */\n    getDownloadUrl(form) {\n        if (!this.submissionId) {\n            return Promise.resolve('');\n        }\n        if (!form) {\n            // Make sure to load the form first.\n            return this.loadForm().then((_form) => {\n                if (!_form) {\n                    return '';\n                }\n                return this.getDownloadUrl(_form);\n            });\n        }\n        let apiUrl = `/project/${form.project}`;\n        apiUrl += `/form/${form._id}`;\n        apiUrl += `/submission/${this.submissionId}`;\n        const postfix = form.submissionRevisions && form.settings.changeLog ? '/download/changelog' : '/download';\n        apiUrl += postfix;\n        let download = this.base + apiUrl;\n        return new Promise((resolve, reject) => {\n            this.getTempToken(3600, `GET:${apiUrl}`).then((tempToken) => {\n                download += `?token=${tempToken.key}`;\n                resolve(download);\n            }, () => {\n                resolve(download);\n            }).catch(reject);\n        });\n    }\n    /**\n     * Returns the user permissions to a form and submission.\n     *\n     * @param user - The user or current user if undefined. For anonymous, use \"null\"\n     * @param form - The form or current form if undefined. For no form check, use \"null\"\n     * @param submission - The submisison or \"index\" if undefined.\n     *\n     * @return {{create: boolean, read: boolean, edit: boolean, delete: boolean}}\n     */\n    userPermissions(user, form, submission) {\n        return Promise.all([\n            (form !== undefined) ? Promise.resolve(form) : this.loadForm(),\n            (user !== undefined) ? Promise.resolve(user) : this.currentUser(),\n            (submission !== undefined || !this.submissionId) ? Promise.resolve(submission) : this.loadSubmission(),\n            this.accessInfo()\n        ]).then((results) => {\n            const form = results.shift();\n            const user = results.shift() || { _id: false, roles: [] };\n            const submission = results.shift();\n            const access = results.shift();\n            const permMap = {\n                create: 'create',\n                read: 'read',\n                update: 'edit',\n                delete: 'delete'\n            };\n            const perms = {\n                user: user,\n                form: form,\n                access: access,\n                create: false,\n                read: false,\n                edit: false,\n                delete: false\n            };\n            for (const roleName in access.roles) {\n                if (access.roles.hasOwnProperty(roleName)) {\n                    const role = access.roles[roleName];\n                    if (role.default && (user._id === false)) {\n                        // User is anonymous. Add the anonymous role.\n                        user.roles.push(role._id);\n                    }\n                    else if (role.admin && user.roles.indexOf(role._id) !== -1) {\n                        perms.create = true;\n                        perms.read = true;\n                        perms.delete = true;\n                        perms.edit = true;\n                        return perms;\n                    }\n                }\n            }\n            if (form && form.submissionAccess) {\n                for (let i = 0; i < form.submissionAccess.length; i++) {\n                    const permission = form.submissionAccess[i];\n                    const [perm, scope] = permission.type.split('_');\n                    if (['create', 'read', 'update', 'delete'].includes(perm)) {\n                        if ((0, lodash_1.intersection)(permission.roles, user.roles).length) {\n                            perms[permMap[perm]] = (scope === 'all') || (!submission || (user._id === submission.owner));\n                        }\n                    }\n                }\n            }\n            // check for Group Permissions\n            if (submission) {\n                // we would anyway need to loop through components for create permission, so we'll do that for all of them\n                (0, formUtil_1.eachComponent)(form.components, (component, path) => {\n                    if (component && component.defaultPermission) {\n                        const value = (0, lodash_1.get)(submission.data, path);\n                        // make it work for single-select Group and multi-select Group\n                        const groups = Array.isArray(value) ? value : [value];\n                        groups.forEach(group => {\n                            if (group && group._id && // group id is present\n                                user.roles.indexOf(group._id) > -1 // user has group id in his roles\n                            ) {\n                                if (component.defaultPermission === 'read') {\n                                    perms[permMap.read] = true;\n                                }\n                                if (component.defaultPermission === 'create') {\n                                    perms[permMap.create] = true;\n                                    perms[permMap.read] = true;\n                                }\n                                if (component.defaultPermission === 'write') {\n                                    perms[permMap.create] = true;\n                                    perms[permMap.read] = true;\n                                    perms[permMap.update] = true;\n                                }\n                                if (component.defaultPermission === 'admin') {\n                                    perms[permMap.create] = true;\n                                    perms[permMap.read] = true;\n                                    perms[permMap.update] = true;\n                                    perms[permMap.delete] = true;\n                                }\n                            }\n                        });\n                    }\n                });\n            }\n            return perms;\n        });\n    }\n    /**\n     * `Determine if the current user can submit a form.\n     * @return {*}\n     */\n    canSubmit() {\n        return this.userPermissions().then((perms) => {\n            // If there is user and they cannot create, then check anonymous user permissions.\n            if (!perms.create && Formio.getUser()) {\n                return this.userPermissions(null).then((anonPerms) => {\n                    if (anonPerms.create) {\n                        Formio.setUser(null);\n                        return true;\n                    }\n                    return false;\n                });\n            }\n            return perms.create;\n        });\n    }\n    getUrlParts(url) {\n        return Formio.getUrlParts(url, this);\n    }\n    static getUrlParts(url, formio) {\n        const base = (formio && formio.base) ? formio.base : Formio.baseUrl;\n        let regex = '^(http[s]?:\\\\/\\\\/)';\n        if (base && url.indexOf(base) === 0) {\n            regex += `(${base.replace(/^http[s]?:\\/\\//, '')})`;\n        }\n        else {\n            regex += '([^/]+)';\n        }\n        regex += '($|\\\\/.*)';\n        return url.match(new RegExp(regex));\n    }\n    static serialize(obj, _interpolate) {\n        const str = [];\n        const interpolate = (item) => {\n            return _interpolate ? _interpolate(item) : item;\n        };\n        for (const p in obj) {\n            if (obj.hasOwnProperty(p)) {\n                str.push(`${encodeURIComponent(p)}=${encodeURIComponent(interpolate(obj[p]))}`);\n            }\n        }\n        return str.join('&');\n    }\n    static getRequestArgs(formio, type, url, method, data, opts) {\n        method = (method || 'GET').toUpperCase();\n        if (!opts || !(0, lodash_1.isObject)(opts)) {\n            opts = {};\n        }\n        const requestArgs = {\n            url,\n            method,\n            data: data || null,\n            opts\n        };\n        if (type) {\n            requestArgs.type = type;\n        }\n        if (formio) {\n            requestArgs.formio = formio;\n        }\n        return requestArgs;\n    }\n    static makeStaticRequest(url, method, data, opts) {\n        const requestArgs = Formio.getRequestArgs(null, '', url, method, data, opts);\n        const request = Plugins_1.default.pluginWait('preRequest', requestArgs)\n            .then(() => Plugins_1.default.pluginGet('staticRequest', requestArgs)\n            .then((result) => {\n            if ((0, lodash_1.isNil)(result)) {\n                return Formio.request(requestArgs.url, requestArgs.method, requestArgs.data, requestArgs.opts.header, requestArgs.opts);\n            }\n            return result;\n        }));\n        return Plugins_1.default.pluginAlter('wrapStaticRequestPromise', request, requestArgs);\n    }\n    /**\n     * Make an API request and wrap that request with the Form.io Request plugin system.  This is very similar to the\n     * {Formio.request} method with a difference being that it will pass the request through the Form.io request plugin.\n     *\n     * @param {Formio} formio - An instance of the Formio class.\n     * @param {string} type - The request resource type. \"submission\", \"form\", etc.\n     * @param {string} url - The URL to request.\n     * @param {string} method - The request method. GET, PUT, POST, DELETE, or PATCH\n     * @param {object} data - The data to pass to the request (for PUT, POST, and PATCH methods)\n     * @param {object} options - An object of options to pass to the request method.\n     * @param {boolean} options.ignoreCache - To ignore internal caching of the request.\n     * @param {object} options.headers - An object of headers to pass along to the request.\n     * @param {boolean} options.noToken - If set to true, this will not include the Form.io x-jwt-token along with the request.\n     * @param {string} options.namespace - The Form.io namespace to prepend to all LocalStorage variables such as formioToken.\n     * @param {boolean} options.getHeaders - Set this if you wish to include the response headers with the return of this method.\n     * @return {Promise<Response>}\n     */\n    static makeRequest(formio, type, url, method, data, opts) {\n        if (!formio) {\n            return Formio.makeStaticRequest(url, method, data, opts);\n        }\n        const requestArgs = Formio.getRequestArgs(formio, type, url, method, data, opts);\n        requestArgs.opts = requestArgs.opts || {};\n        requestArgs.opts.formio = formio;\n        //for Formio requests default Accept and Content-type headers\n        if (!requestArgs.opts.headers) {\n            requestArgs.opts.headers = {};\n        }\n        requestArgs.opts.headers = (0, lodash_1.defaults)(requestArgs.opts.headers, {\n            'Accept': 'application/json',\n            'Content-type': 'application/json'\n        });\n        const request = Plugins_1.default.pluginWait('preRequest', requestArgs)\n            .then(() => Plugins_1.default.pluginGet('request', requestArgs)\n            .then((result) => {\n            if ((0, lodash_1.isNil)(result)) {\n                return Formio.request(requestArgs.url, requestArgs.method, requestArgs.data, requestArgs.opts.header, requestArgs.opts);\n            }\n            return result;\n        }));\n        return Plugins_1.default.pluginAlter('wrapRequestPromise', request, requestArgs);\n    }\n    /**\n     * Execute an API request to any external system. This is a wrapper around the Web fetch method.\n     *\n     * ```ts\n     * Formio.request('https://examples.form.io').then((form) => {\n     *   console.log(form);\n     * });\n     * ```\n     *\n     * @param {string} url - The URL to request.\n     * @param {string} method - The request method. GET, PUT, POST, DELETE, or PATCH\n     * @param {object} data - The data to pass to the request (for PUT, POST, and PATCH methods)\n     * @param {Headers} header - An object of headers to pass to the request.\n     * @param {object} options - An object of options to pass to the request method.\n     * @param {boolean} options.ignoreCache - To ignore internal caching of the request.\n     * @param {object} options.headers - An object of headers to pass along to the request.\n     * @param {boolean} options.noToken - If set to true, this will not include the Form.io x-jwt-token along with the request.\n     * @param {string} options.namespace - The Form.io namespace to prepend to all LocalStorage variables such as formioToken.\n     * @param {boolean} options.getHeaders - Set this if you wish to include the response headers with the return of this method.\n     * @return {Promise<Response>|*}\n     */\n    static request(url, method, data, header, opts) {\n        if (!url) {\n            return Promise.reject('No url provided');\n        }\n        method = (method || 'GET').toUpperCase();\n        // For reverse compatibility, if they provided the ignoreCache parameter,\n        // then change it back to the options format where that is a parameter.\n        if ((0, lodash_1.isBoolean)(opts)) {\n            opts = { ignoreCache: opts };\n        }\n        if (!opts || !(0, lodash_1.isObject)(opts)) {\n            opts = {};\n        }\n        // Generate a cachekey.\n        const cacheKey = btoa(encodeURI(url));\n        // Get the cached promise to save multiple loads.\n        if (!opts.ignoreCache && method === 'GET' && Formio.cache.hasOwnProperty(cacheKey)) {\n            return Promise.resolve(Formio.cloneResponse(Formio.cache[cacheKey]));\n        }\n        if (url[0] === '/') {\n            url = Formio.baseUrl + url;\n        }\n        // Set up and fetch request\n        const headers = header || new Headers(opts.headers || {\n            'Accept': 'application/json',\n            'Content-type': 'application/json'\n        });\n        const token = Formio.getToken(opts);\n        if (token && !opts.noToken) {\n            headers.append('x-jwt-token', token);\n        }\n        // The fetch-ponyfill can't handle a proper Headers class anymore. Change it back to an object.\n        const headerObj = {};\n        headers.forEach(function (value, name) {\n            headerObj[name] = value;\n        });\n        let options = {\n            method: method,\n            headers: headerObj,\n            mode: 'cors'\n        };\n        if (data) {\n            options.body = JSON.stringify(data);\n        }\n        // Allow plugins to alter the options.\n        options = Plugins_1.default.pluginAlter('requestOptions', options, url);\n        if (options.namespace || Formio.namespace) {\n            opts.namespace = options.namespace || Formio.namespace;\n        }\n        const requestToken = options.headers['x-jwt-token'];\n        const result = Plugins_1.default.pluginAlter('wrapFetchRequestPromise', Formio.fetch(url, options), { url, method, data, opts }).then((response) => {\n            // Allow plugins to respond.\n            response = Plugins_1.default.pluginAlter('requestResponse', response, Formio, data);\n            if (!response.ok) {\n                if (response.status === 440) {\n                    Formio.setToken(null, opts);\n                    Formio.events.emit('formio.sessionExpired', response.body);\n                }\n                else if (response.status === 401) {\n                    Formio.events.emit('formio.unauthorized', response.body);\n                }\n                else if (response.status === 416) {\n                    Formio.events.emit('formio.rangeIsNotSatisfiable', response.body);\n                }\n                else if (response.status === 504) {\n                    return Promise.reject(new Error('Network request failed'));\n                }\n                // Parse and return the error as a rejected promise to reject this promise\n                return (response.headers.get('content-type').includes('application/json')\n                    ? response.json()\n                    : response.text())\n                    .then((error) => {\n                    return Promise.reject(error);\n                });\n            }\n            // Handle fetch results\n            const token = response.headers.get('x-jwt-token');\n            // In some strange cases, the fetch library will return an x-jwt-token without sending\n            // one to the server. This has even been debugged on the server to verify that no token\n            // was introduced with the request, but the response contains a token. This is an Invalid\n            // case where we do not send an x-jwt-token and get one in return for any GET request.\n            let tokenIntroduced = false;\n            if ((method === 'GET') &&\n                !requestToken &&\n                token &&\n                !opts.external &&\n                !url.includes('token=') &&\n                !url.includes('x-jwt-token=')) {\n                console.warn('Token was introduced in request.');\n                tokenIntroduced = true;\n            }\n            if (response.status >= 200 &&\n                response.status < 300 &&\n                token &&\n                token !== '' &&\n                !tokenIntroduced) {\n                Formio.setToken(token, opts);\n            }\n            // 204 is no content. Don't try to .json() it.\n            if (response.status === 204) {\n                return {};\n            }\n            const getResult = response.headers.get('content-type').includes('application/json')\n                ? response.json()\n                : response.text();\n            return getResult.then((result) => {\n                // Add some content-range metadata to the result here\n                let range = response.headers.get('content-range');\n                if (range && (0, lodash_1.isObject)(result)) {\n                    range = range.split('/');\n                    if (range[0] !== '*') {\n                        const skipLimit = range[0].split('-');\n                        result.skip = Number(skipLimit[0]);\n                        result.limit = skipLimit[1] - skipLimit[0] + 1;\n                    }\n                    result.serverCount = range[1] === '*' ? range[1] : Number(range[1]);\n                }\n                if (!opts.getHeaders) {\n                    return result;\n                }\n                const headers = {};\n                response.headers.forEach((item, key) => {\n                    headers[key] = item;\n                });\n                // Return the result with the headers.\n                return {\n                    result,\n                    headers,\n                };\n            });\n        })\n            .then((result) => {\n            if (opts.getHeaders) {\n                return result;\n            }\n            // Cache the response.\n            if (method === 'GET') {\n                Formio.cache[cacheKey] = result;\n            }\n            return Formio.cloneResponse(result);\n        })\n            .catch((err) => {\n            if (err === 'Bad Token' && opts.noToken !== false) {\n                Formio.setToken(null, opts);\n                Formio.events.emit('formio.badToken', err);\n            }\n            if (err.message) {\n                err = new Error(`Could not connect to API server (${err.message}): ${url}`);\n                err.networkError = true;\n            }\n            if (method === 'GET') {\n                delete Formio.cache[cacheKey];\n            }\n            return Promise.reject(err);\n        });\n        return result;\n    }\n    // Needed to maintain reverse compatability...\n    static get token() {\n        return Formio.tokens.formioToken || '';\n    }\n    // Needed to maintain reverse compatability...\n    static set token(token) {\n        Formio.tokens.formioToken = token || '';\n    }\n    static useSessionToken(options) {\n        let namespace = options;\n        if (typeof options === 'object') {\n            options = options.namespace;\n        }\n        const tokenName = `${namespace || Formio.namespace || 'formio'}Token`;\n        const token = localStorage.getItem(tokenName);\n        if (token) {\n            localStorage.removeItem(tokenName);\n            sessionStorage.setItem(tokenName, token);\n        }\n        const userName = `${namespace || Formio.namespace || 'formio'}User`;\n        const user = localStorage.getItem(userName);\n        if (user) {\n            localStorage.removeItem(userName);\n            sessionStorage.setItem(userName, user);\n        }\n        localStorage.setItem('useSessionToken', 'true');\n    }\n    /**\n     * Sets the JWT in storage to be used within an application.\n     *\n     * @param {string} token - The JWT token to set.\n     * @param {object} options - Options as follows\n     * @param {string} options.namespace - The namespace to save the token within. i.e. \"formio\"\n     * @param {Formio} options.formio - The Formio instance.\n     * @return {Promise<object>|void}\n     */\n    static setToken(token = '', opts = {}) {\n        token = token || '';\n        opts = (typeof opts === 'string') ? { namespace: opts } : opts || {};\n        const tokenName = `${opts.namespace || Formio.namespace || 'formio'}Token`;\n        if (!Formio.tokens) {\n            Formio.tokens = {};\n        }\n        const storage = localStorage.getItem('useSessionToken') ? sessionStorage : localStorage;\n        if (!token) {\n            if (!opts.fromUser) {\n                opts.fromToken = true;\n                Formio.setUser(null, opts);\n            }\n            // iOS in private browse mode will throw an error but we can't detect ahead of time that we are in private mode.\n            try {\n                storage.removeItem(tokenName);\n            }\n            catch (err) {\n                browser_cookies_1.default.erase(tokenName, { path: '/' });\n            }\n            Formio.tokens[tokenName] = token;\n            return Promise.resolve(null);\n        }\n        if (Formio.tokens[tokenName] !== token) {\n            Formio.tokens[tokenName] = token;\n            // iOS in private browse mode will throw an error but we can't detect ahead of time that we are in private mode.\n            try {\n                storage.setItem(tokenName, token);\n            }\n            catch (err) {\n                browser_cookies_1.default.set(tokenName, token, { path: '/' });\n            }\n        }\n        // Return or updates the current user\n        return Formio.currentUser(opts.formio, opts);\n    }\n    /**\n     * Returns the token set within the application for the user.\n     *\n     * @param {object} options - The options as follows.\n     * @param {string} options.namespace - The namespace of the token you wish to fetch.\n     * @param {boolean} options.decode - If you would like the token returned as decoded JSON.\n     * @return {*}\n     */\n    static getToken(options) {\n        options = (typeof options === 'string') ? { namespace: options } : options || {};\n        const tokenName = `${options.namespace || Formio.namespace || 'formio'}Token`;\n        const decodedTokenName = options.decode ? `${tokenName}Decoded` : tokenName;\n        if (!Formio.tokens) {\n            Formio.tokens = {};\n        }\n        if (Formio.tokens[decodedTokenName]) {\n            return Formio.tokens[decodedTokenName];\n        }\n        try {\n            const token = localStorage.getItem('useSessionToken')\n                ? sessionStorage.getItem(tokenName)\n                : localStorage.getItem(tokenName);\n            Formio.tokens[tokenName] = token || '';\n            if (options.decode) {\n                Formio.tokens[decodedTokenName] = Formio.tokens[tokenName] ? (0, jwtDecode_1.jwtDecode)(Formio.tokens[tokenName]) : {};\n                return Formio.tokens[decodedTokenName];\n            }\n            return Formio.tokens[tokenName];\n        }\n        catch (e) {\n            Formio.tokens[tokenName] = browser_cookies_1.default.get(tokenName);\n            return '';\n        }\n    }\n    /**\n     * Sets the current user within the application cache.\n     *\n     * @param {object} user - JSON object of the user you wish to set.\n     * @param {object} options - Options as follows\n     * @param {string} options.namespace - The namespace of the tokens\n     */\n    static setUser(user, opts = {}) {\n        const userName = `${opts.namespace || Formio.namespace || 'formio'}User`;\n        const storage = localStorage.getItem('useSessionToken') ? sessionStorage : localStorage;\n        if (!user) {\n            if (!opts.fromToken) {\n                opts.fromUser = true;\n                Formio.setToken(null, opts);\n            }\n            // Emit an event on the cleared user.\n            Formio.events.emit('formio.user', null);\n            // iOS in private browse mode will throw an error but we can't detect ahead of time that we are in private mode.\n            try {\n                return storage.removeItem(userName);\n            }\n            catch (err) {\n                return browser_cookies_1.default.erase(userName, { path: '/' });\n            }\n        }\n        // iOS in private browse mode will throw an error but we can't detect ahead of time that we are in private mode.\n        try {\n            storage.setItem(userName, JSON.stringify(user));\n        }\n        catch (err) {\n            browser_cookies_1.default.set(userName, JSON.stringify(user), { path: '/' });\n        }\n        // Emit an event on the authenticated user.\n        Formio.events.emit('formio.user', user);\n    }\n    /**\n     * Returns the user JSON.\n     *\n     * @param {object} options - Options as follows\n     * @param {string} namespace - The namespace of the tokens stored within this application.\n     * @return {object} - The user object.\n     */\n    static getUser(options) {\n        options = options || {};\n        const userName = `${options.namespace || Formio.namespace || 'formio'}User`;\n        try {\n            return JSON.parse((localStorage.getItem('useSessionToken')\n                ? sessionStorage\n                : localStorage).getItem(userName) || '');\n        }\n        catch (e) {\n            return JSON.parse(browser_cookies_1.default.get(userName));\n        }\n    }\n    /**\n     * Sets the BaseURL for the application.\n     *\n     * @description Every application developed using the JavaScript SDK must set both the {@link Formio.setBaseUrl} and\n     * {@link Formio.setProjectUrl} methods. These two functions ensure that every URL passed into the constructor of this\n     * class can determine the \"project\" context for which the application is running.\n     *\n     * Any Open Source server applications will set both the {@link Formio.setBaseUrl} and {@link Formio.setProjectUrl}\n     * values will be the same value.\n     *\n     * ```ts\n     * Formio.setBaseUrl('https://yourwebsite.com/forms');\n     * Formio.setProjectUrl('https://yourwebsite.com/forms/project');\n     *\n     * // Now the Formio constructor will know what is the \"project\" and what is the form alias name. Without setBaseUrl\n     * // and setProjectUrl, this would throw an error.\n     *\n     * const formio = new Formio('https://yourwebsite.com/forms/project/user');\n     * formio.loadForm().then((form) => {\n     *   console.log(form);\n     * });\n     * ```\n     *\n     * @param {string} url - The URL of the Base API url.\n     */\n    static setBaseUrl(url) {\n        Formio.baseUrl = url;\n        if (!Formio.projectUrlSet) {\n            Formio.projectUrl = url;\n        }\n    }\n    /**\n     * Returns the current base url described at {@link Formio.setBaseUrl}\n     *\n     * @return {string} - The base url of the application.\n     */\n    static getBaseUrl() {\n        return Formio.baseUrl;\n    }\n    static setApiUrl(url) {\n        return Formio.setBaseUrl(url);\n    }\n    static getApiUrl() {\n        return Formio.getBaseUrl();\n    }\n    static setAppUrl(url) {\n        console.warn('Formio.setAppUrl() is deprecated. Use Formio.setProjectUrl instead.');\n        Formio.projectUrl = url;\n        Formio.projectUrlSet = true;\n    }\n    /**\n     * Sets the Project Url for the application. This is an important method that needs to be set for all applications. It\n     * is documented @ {@link Formio.setBaseUrl}.\n     *\n     * @param {string} url - The project api url.\n     */\n    static setProjectUrl(url) {\n        Formio.projectUrl = url;\n        Formio.projectUrlSet = true;\n    }\n    /**\n     * The Auth URL can be set to customize the authentication requests made from an application. By default, this is\n     * just the same value as {@link Formio.projectUrl}\n     *\n     * @param {string} url - The authentication url\n     */\n    static setAuthUrl(url) {\n        Formio.authUrl = url;\n    }\n    static getAppUrl() {\n        console.warn('Formio.getAppUrl() is deprecated. Use Formio.getProjectUrl instead.');\n        return Formio.projectUrl;\n    }\n    /**\n     * Returns the Project url described at {@link Formio.setProjectUrl}\n     *\n     * @return {string|string} - The Project Url.\n     */\n    static getProjectUrl() {\n        return Formio.projectUrl;\n    }\n    /**\n     * Clears the runtime internal API cache.\n     *\n     * @description By default, the Formio class will cache all API requests in memory so that any subsequent requests\n     * using GET method will return the cached results as long as the API URl is the same as what was cached previously.\n     * This cache can be cleared using this method as follows.\n     *\n     * ```ts\n     * Formio.clearCache();\n     * ```\n     *\n     * Or, if you just wish to clear a single request, then the {@link Formio.request#options.ignoreCache} option can be\n     * provided when making an API request as follows.\n     *\n     * ```ts\n     * Formio.loadForm({}, {\n     *   ignoreCache: true\n     * }).then((form) => {\n     *   console.log(form);\n     * });\n     * ```\n     *\n     * Both of the following will ensure that a new request is made to the API server and that the results will not be\n     * from the cached result.\n     */\n    static clearCache() {\n        Formio.cache = {};\n    }\n    /**\n     * Return the access information about a Project, such as the Role ID's for that project, and if the server is\n     * configured to do so, the Form and Resource access configurations that the authenticated user has access to.\n     *\n     * @description This is useful for an application to determine the UI for a specific user to identify which forms they have\n     * access to submit or read.\n     *\n     * @param {Formio} formio - The Formio instance.\n     * @return {Promise<Response>}\n     */\n    static accessInfo(formio) {\n        const projectUrl = formio ? formio.projectUrl : Formio.projectUrl;\n        return Formio.makeRequest(formio, 'accessInfo', `${projectUrl}/access`);\n    }\n    /**\n     * Returns an array of roles for the project, which includes the ID's and names of those roles.\n     *\n     * @param {Formio} formio - The Formio instance.\n     * @return {Promise<Response>}\n     */\n    static projectRoles(formio) {\n        const projectUrl = formio ? formio.projectUrl : Formio.projectUrl;\n        return Formio.makeRequest(formio, 'projectRoles', `${projectUrl}/role`);\n    }\n    /**\n     * Return the currentUser object. This will fetch the user from the server and respond with the Submission JSON\n     * of that user object.\n     *\n     * @param {Formio} formio - The Formio instance\n     * @param {object} options - The options passed to {@link Formio.getUser}\n     * @return {Promise<R>|*}\n     */\n    static currentUser(formio, options = {}) {\n        let authUrl = Formio.authUrl;\n        if (!authUrl) {\n            authUrl = formio ? formio.projectUrl : (Formio.projectUrl || Formio.baseUrl);\n        }\n        authUrl += '/current';\n        if (!options.ignoreCache || options.fromCurrent) {\n            const user = Formio.getUser(options);\n            if (user) {\n                return Plugins_1.default.pluginAlter('wrapStaticRequestPromise', Promise.resolve(user), {\n                    url: authUrl,\n                    method: 'GET',\n                    options\n                });\n            }\n        }\n        const token = Formio.getToken(options);\n        if ((!options || !options.external) && !token) {\n            return Plugins_1.default.pluginAlter('wrapStaticRequestPromise', Promise.resolve(null), {\n                url: authUrl,\n                method: 'GET',\n                options\n            });\n        }\n        options.fromCurrent = true;\n        return Formio.makeRequest(formio, 'currentUser', authUrl, 'GET', null, options)\n            .then((response) => {\n            Formio.setUser(response, options);\n            return response;\n        });\n    }\n    /**\n     * Performs a logout of the Form.io application. This will reset all cache, as well as make a request to the logout\n     * endpoint of the Form.io api platform.\n     *\n     * @param {Formio} formio - A Formio instance.\n     * @param {object} options - Options passed to both {@link Formio.setToken} as well as {@link Formio.setUser}\n     * @return {Promise<Response>}\n     */\n    static logout(formio, options = {}) {\n        options.formio = formio;\n        const projectUrl = Formio.authUrl ? Formio.authUrl : (formio ? formio.projectUrl : Formio.baseUrl);\n        const logout = () => {\n            Formio.setToken(null, options);\n            Formio.setUser(null, options);\n            Formio.clearCache();\n            localStorage.removeItem('useSessionToken');\n        };\n        return Formio.makeRequest(formio, 'logout', `${projectUrl}/logout`)\n            .then(function (result) {\n            logout();\n            if (result.shouldRedirect && result.url) {\n                window.location.href = result.url;\n            }\n            return result;\n        })\n            .catch(function (err) {\n            logout();\n            throw err;\n        });\n    }\n    /**\n     * Returns the query passed to a page in JSON object format.\n     *\n     * @description For example, lets say you visit your application using\n     * the url as follows.\n     *\n     * ```\n     *   https://yourapplication.com/?token=23423423423&username=Joe\n     * ```\n     *\n     * The following code will provide your application with the following.\n     *\n     * ```ts\n     * const query Formio.pageQuery();\n     * console.log(query.token); // Will print 23423423423\n     * console.log(query.username); // Will print Joe\n     * ```\n     *\n     * @return {{}} - A JSON object representation of the query that was passed to the URL of an application.\n     */\n    static pageQuery() {\n        const pageQuery = {};\n        pageQuery.paths = [];\n        const hashes = location.hash.substr(1).replace(/\\?/g, '&').split('&');\n        let parts = [];\n        location.search.substr(1).split('&').forEach(function (item) {\n            parts = item.split('=');\n            if (parts.length > 1) {\n                pageQuery[parts[0]] = parts[1] && decodeURIComponent(parts[1]);\n            }\n        });\n        hashes.forEach(function (item) {\n            parts = item.split('=');\n            if (parts.length > 1) {\n                pageQuery[parts[0]] = parts[1] && decodeURIComponent(parts[1]);\n            }\n            else if (item.indexOf('/') === 0) {\n                pageQuery.paths = item.substr(1).split('/');\n            }\n        });\n        return pageQuery;\n    }\n    /**\n     * Much like {@link Formio.currentUser}, but instead automatically injects the Bearer tokens into the headers to\n     * perform a Token swap of the OAuth token which will then return the JWT token for that user.\n     *\n     * @param {Formio} formio - The Formio instance\n     * @param {string} token - An OAuth Bearer token to use for a token swap between the OAuth provider and Form.io\n     * @return {Promise<R>|*}\n     */\n    static oAuthCurrentUser(formio, token) {\n        return Formio.currentUser(formio, {\n            external: true,\n            headers: {\n                Authorization: `Bearer ${token}`\n            }\n        });\n    }\n    static oauthLogoutURI(uri, options) {\n        options = (typeof options === 'string') ? { namespace: options } : options || {};\n        const logoutURIName = `${options.namespace || Formio.namespace || 'formio'}LogoutAuthUrl`;\n        Formio.tokens[logoutURIName];\n        localStorage.setItem(logoutURIName, uri);\n        return Formio.tokens[logoutURIName];\n    }\n    /**\n     * Perform a SAML initialization.\n     *\n     * @description Typically, you would use the {@link Formio.ssoInit} method to perform this function\n     * since this method is an alias for the following.\n     *\n     * ```ts\n     * Formio.samlInit();\n     * Formio.ssoInit('saml');  // This is the exact same thing as calling Formio.samlInit\n     * ```\n     *\n     * This method will return false if the process is just starting. The code below is a typical block of code that is\n     * used to automatically trigger the SAML authentication process within your application using a Button component.\n     *\n     * ```ts\n     * if (Formio.pageQuery().saml) {\n     *   const sso = Formio.samlInit();\n     *   if (sso) {\n     *     sso.then((user) => {\n     *       // The SSO user is now loaded!\n     *       console.log(user);\n     *     });\n     *   }\n     * }\n     * ```\n     *\n     * You can then place the following code withiin the \"Custom\" action of a Button component on your form.\n     *\n     * ```ts\n     * Formio.samlInit();\n     * ```\n     *\n     * Now when you click on this button, it will start the handshake process with SAML, and once it returns, will pass\n     * a \"saml\" query parameter back to your application which will execute the code to load the current user from SAML.\n     *\n     * @param {object} options - Options to pass to the SAML initialization process.\n     * @param {string} options.relay - The URL that will be used as the authentication \"relay\" that occurs during a SAML handshake process.\n     * @return {boolean|Promise<Object>|void}\n     */\n    static samlInit(options = {}) {\n        const query = Formio.pageQuery();\n        if (query.saml) {\n            Formio.setUser(null);\n            const retVal = Formio.setToken(query.saml);\n            let uri = window.location.toString();\n            uri = uri.substring(0, uri.indexOf('?'));\n            if (window.location.hash) {\n                uri += window.location.hash;\n            }\n            window.history.replaceState({}, document.title, uri);\n            return retVal;\n        }\n        // Set the relay if not provided.\n        if (!options.relay) {\n            options.relay = window.location.href;\n        }\n        // go to the saml sso endpoint for this project.\n        const authUrl = Formio.authUrl || Formio.projectUrl;\n        window.location.href = `${authUrl}/saml/sso?relay=${encodeURI(options.relay)}`;\n        return false;\n    }\n    /**\n     * Perform an Okta Authentication process using the {@link https://developer.okta.com/code/javascript/okta_auth_sdk|Okta SDK}.\n     *\n     * @description This method does require that you first include the Okta JavaScript SDK within your application as follows.\n     *\n     * First you need to include the Okta Authentication script.\n     *\n     * ```html\n     * <script src=\"https://ok1static.oktacdn.com/assets/js/sdk/okta-auth-js/2.0.1/okta-auth-js.min.js\" type=\"text/javascript\"></script>\n     * ```\n     *\n     * Then you can call this method as follows.\n     *\n     * ```ts\n     * Formio.oktaInit();\n     * ```\n     *\n     * @param {object} options - Options that are passed directly to the {@link https://github.com/okta/okta-auth-js#configuration-reference|Okta SDK constructor}\n     * @param {constructor} options.OktaAuth - If the OktaAuth constructor is not provided global to the application, it can be provided to this method using this property.\n     * @param {Formio} options.formio - The Formio instance.\n     * @param {Array<string>} options.scopes - Scopes that are passed to the {@link https://github.com/okta/okta-auth-js#tokengetwithredirectoptions|getWithRedirect} method from the Okta SDK.\n     * @return {Promise<Object>}\n     */\n    static oktaInit(options = {}) {\n        if (typeof OktaAuth !== undefined) {\n            options.OktaAuth = OktaAuth;\n        }\n        if (typeof options.OktaAuth === undefined) {\n            const errorMessage = 'Cannot find OktaAuth. Please include the Okta JavaScript SDK within your application. See https://developer.okta.com/code/javascript/okta_auth_sdk for an example.';\n            console.warn(errorMessage);\n            return Promise.reject(errorMessage);\n        }\n        return new Promise((resolve, reject) => {\n            const Okta = options.OktaAuth;\n            delete options.OktaAuth;\n            const authClient = new Okta(options);\n            authClient.tokenManager.get('accessToken')\n                .then((accessToken) => {\n                if (accessToken) {\n                    resolve(Formio.oAuthCurrentUser(options.formio, accessToken.accessToken));\n                }\n                else if (location.hash) {\n                    authClient.token.parseFromUrl()\n                        .then((token) => {\n                        authClient.tokenManager.add('accessToken', token);\n                        resolve(Formio.oAuthCurrentUser(options.formio, token.accessToken));\n                    })\n                        .catch((err) => {\n                        console.warn(err);\n                        reject(err);\n                    });\n                }\n                else {\n                    authClient.token.getWithRedirect({\n                        responseType: 'token',\n                        scopes: options.scopes\n                    });\n                    resolve(false);\n                }\n            })\n                .catch((error) => {\n                reject(error);\n            });\n        });\n    }\n    /**\n     * A common static method to trigger any SSO processes. This method is really just an alias for other static methods.\n     *\n     * @param {('saml'|'okta')} type - The type of SSO to trigger. 'saml' is an alias for {@link Formio.samlInit}, and 'okta' is an alias for {@link Formio.oktaInit}.\n     * @param {object} options - Options to pass to the specific sso methods\n     * @return {*|Promise<Object>|boolean|void}\n     */\n    static ssoInit(type, options = {}) {\n        switch (type) {\n            case 'saml':\n                return Formio.samlInit(options);\n            case 'okta':\n                return Formio.oktaInit(options);\n            default:\n                console.warn('Unknown SSO type');\n                return Promise.reject('Unknown SSO type');\n        }\n    }\n    /**\n     * Lazy load a remote library dependency.\n     *\n     * @description This is useful for components that wish to lazy load a required library\n     * by adding that library to the <scripts> section of the HTML webpage, and then provide a promise that will resolve\n     * when the library becomes available for use.\n     *\n     * @example Load Google Maps API.\n     * ```ts\n     * Formio.requireLibrary('googleMaps', 'google.maps.Map', 'https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap', true).then(() => {\n     *   // Once the promise resolves, the following can now be used within your application.\n     *   const map = new google.maps.Map(document.getElementById(\"map\"), {...});\n     * });\n     * ```\n     *\n     * @param {string} name - The internal name to give to the library you are loading. This is useful for caching the library for later use.\n     * @param {string} property - The name of the global property that will be added to the global namespace once the library has been loaded. This is used to check to see if the property exists before resolving the promise that the library is ready for use.\n     * @param {string} src - The URL of the library to lazy load.\n     * @param {boolean} polling - Determines if polling should be used to determine if they library is ready to use. If set to false, then it will rely on a global callback called ${name}Callback where \"name\" is the first property passed to this method. When this is called, that will indicate when the library is ready. In most cases, you will want to pass true to this parameter to initiate a polling method to check for the library availability in the global context.\n     * @return {Promise<object>} - A promise that will resolve when the plugin is ready to be used.\n     */\n    static requireLibrary(name, property, src, polling = false, onload) {\n        if (!Formio.libraries.hasOwnProperty(name)) {\n            Formio.libraries[name] = {};\n            Formio.libraries[name].ready = new Promise((resolve, reject) => {\n                Formio.libraries[name].resolve = resolve;\n                Formio.libraries[name].reject = reject;\n            });\n            const callbackName = `${name}Callback`;\n            if (!polling && !window[callbackName]) {\n                window[callbackName] = () => Formio.libraries[name].resolve();\n            }\n            // See if the plugin already exists.\n            const plugin = (0, lodash_1.get)(window, property);\n            if (plugin) {\n                Formio.libraries[name].resolve(plugin);\n            }\n            else {\n                src = Array.isArray(src) ? src : [src];\n                src.forEach((lib) => {\n                    let attrs = {};\n                    let elementType = '';\n                    if (typeof lib === 'string') {\n                        lib = {\n                            type: 'script',\n                            src: lib,\n                        };\n                    }\n                    switch (lib.type) {\n                        case 'script':\n                            elementType = 'script';\n                            attrs = {\n                                src: lib.src,\n                                type: 'text/javascript',\n                                defer: true,\n                                async: true,\n                                referrerpolicy: 'origin',\n                            };\n                            break;\n                        case 'styles':\n                            elementType = 'link';\n                            attrs = {\n                                href: lib.src,\n                                rel: 'stylesheet',\n                            };\n                            break;\n                    }\n                    // Add the script to the top of the page.\n                    const element = document.createElement(elementType);\n                    if (element.setAttribute) {\n                        for (const attr in attrs) {\n                            element.setAttribute(attr, attrs[attr]);\n                        }\n                    }\n                    if (onload) {\n                        element.addEventListener('load', () => {\n                            Formio.libraries[name].loaded = true;\n                            onload(Formio.libraries[name].ready);\n                        });\n                    }\n                    const { head } = document;\n                    if (head) {\n                        head.appendChild(element);\n                    }\n                });\n                // if no callback is provided, then check periodically for the script.\n                if (polling) {\n                    const interval = setInterval(() => {\n                        const plugin = (0, lodash_1.get)(window, property);\n                        if (plugin) {\n                            clearInterval(interval);\n                            Formio.libraries[name].resolve(plugin);\n                        }\n                    }, 200);\n                }\n            }\n        }\n        const lib = Formio.libraries[name];\n        return onload && lib.loaded ? onload(lib.ready) : lib.ready;\n    }\n    /**\n     * Determines if a lazy loaded library is ready to be used.\n     *\n     * @description Example: Let's assume that the example provided at {@link Formio.requireLibrary} was used elsewhere in your application.\n     * You could now use the following within a separate place that will also resolve once the library is ready to be used.\n     *\n     * ```js\n     * Formio.libraryReady('googleMaps').then(() => {\n     *   // Once the promise resolves, the following can now be used within your application.\n     *   const map = new google.maps.Map(document.getElementById(\"map\"), {...});\n     * });\n     * ```\n     *\n     * @param {string} name - The name of the library to check.\n     * @return {Promise<object>} - A promise that will resolve when the library is ready to be used.\n     */\n    static libraryReady(name) {\n        if (Formio.libraries.hasOwnProperty(name) &&\n            Formio.libraries[name].ready) {\n            return Formio.libraries[name].ready;\n        }\n        return Promise.reject(`${name} library was not required.`);\n    }\n    /**\n     * Clones the response from the API so that it cannot be mutated.\n     *\n     * @param response\n     */\n    static cloneResponse(response) {\n        const copy = (0, lodash_1.fastCloneDeep)(response);\n        if (Array.isArray(response)) {\n            copy.skip = response.skip;\n            copy.limit = response.limit;\n            copy.serverCount = response.serverCount;\n        }\n        return copy;\n    }\n    /**\n     * Sets the project path type.\n     *\n     * @param type\n     */\n    static setPathType(type) {\n        if (typeof type === 'string') {\n            Formio.pathType = type;\n        }\n    }\n    /**\n     * Gets the project path type.\n     */\n    static getPathType() {\n        return Formio.pathType;\n    }\n}\nexports.Formio = Formio;\n/**\n * The base API url of the Form.io Platform. Example: https://api.form.io\n */\nFormio.baseUrl = 'https://api.form.io';\n/**\n * The project API url of the Form.io Project. Example: https://examples.form.io\n */\nFormio.projectUrl = '';\n/**\n * The project url to use for Authentication.\n */\nFormio.authUrl = '';\n/**\n * Set to true if the project url has been established with ```Formio.setProjectUrl()```\n */\nFormio.projectUrlSet = false;\n/**\n * The Form.io API Cache. This ensures that requests to the same API endpoint are cached.\n */\nFormio.cache = {};\n/**\n * The namespace used to save the Form.io Token's and variables within an application.\n */\nFormio.namespace = '';\n/**\n * Handles events fired within this SDK library.\n */\nFormio.events = new eventemitter3_1.default();\n/**\n * Stores all of the libraries lazy loaded with ```Formio.requireLibrary``` method.\n */\nFormio.libraries = {};\n/**\n * A direct interface to the Form.io fetch polyfill.\n */\nFormio.fetch = fetch;\n/**\n * A direct interface to the Form.io fetch Headers polyfill.\n */\nFormio.Headers = Headers;\n/**\n * All of the auth tokens for this session.\n */\nFormio.tokens = {};\n/**\n * The version of this library.\n */\nFormio.version = '---VERSION---';\n// Add Plugin methods.\nFormio.plugins = Plugins_1.default.plugins;\nFormio.deregisterPlugin = Plugins_1.default.deregisterPlugin;\nFormio.registerPlugin = Plugins_1.default.registerPlugin;\nFormio.getPlugin = Plugins_1.default.getPlugin;\nFormio.pluginWait = Plugins_1.default.pluginWait;\nFormio.pluginGet = Plugins_1.default.pluginGet;\nFormio.pluginAlter = Plugins_1.default.pluginAlter;\n// Adds Formio to the Plugins Interface.\nPlugins_1.default.Formio = Formio;\n\n\n//# sourceURL=webpack://Formio/./node_modules/@formio/core/lib/sdk/Formio.js?");
 
 /***/ }),
 
@@ -5291,7 +5215,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 Webform_1 = __importDefault(__webpack_require__(/*! ./Webform */ \"./lib/cjs/Webform.js\"));\nconst Component_1 = __importDefault(__webpack_require__(/*! ./components/_classes/component/Component */ \"./lib/cjs/components/_classes/component/Component.js\"));\nconst tippy_js_1 = __importDefault(__webpack_require__(/*! tippy.js */ \"./node_modules/tippy.js/dist/tippy.esm.js\"));\nconst native_promise_only_1 = __importDefault(__webpack_require__(/*! native-promise-only */ \"./node_modules/native-promise-only/lib/npo.src.js\"));\nconst Components_1 = __importDefault(__webpack_require__(/*! ./components/Components */ \"./lib/cjs/components/Components.js\"));\nconst Formio_1 = __webpack_require__(/*! ./Formio */ \"./lib/cjs/Formio.js\");\nconst utils_1 = __webpack_require__(/*! ./utils/utils */ \"./lib/cjs/utils/utils.js\");\nconst formUtils_1 = __webpack_require__(/*! ./utils/formUtils */ \"./lib/cjs/utils/formUtils.js\");\nconst builder_1 = __importDefault(__webpack_require__(/*! ./utils/builder */ \"./lib/cjs/utils/builder.js\"));\nconst lodash_1 = __importDefault(__webpack_require__(/*! lodash */ \"./node_modules/lodash/lodash.js\"));\nconst dom_autoscroller_1 = __importDefault(__webpack_require__(/*! dom-autoscroller */ \"./node_modules/dom-autoscroller/dist/bundle.js\"));\nconst Templates_1 = __importDefault(__webpack_require__(/*! ./templates/Templates */ \"./lib/cjs/templates/Templates.js\"));\n__webpack_require__(/*! ./components/builder */ \"./lib/cjs/components/builder.js\");\n// We need this here because dragula pulls in CustomEvent class that requires global to exist.\nif (typeof window !== 'undefined' && typeof window.global === 'undefined') {\n    window.global = window;\n}\nconst dragula_1 = __importDefault(__webpack_require__(/*! dragula */ \"./node_modules/dragula/dragula.js\"));\nclass WebformBuilder extends Component_1.default {\n    // eslint-disable-next-line max-statements\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        // Reset skipInit in case PDFBuilder has set it.\n        options.skipInit = false;\n        options.display = options.display || 'form';\n        super(null, options);\n        this.moveHandler = (e) => {\n            e.stopPropagation();\n            e.preventDefault();\n            if (e.keyCode === 38) {\n                this.updateComponentPlacement(true);\n            }\n            if (e.keyCode === 40) {\n                this.updateComponentPlacement(false);\n            }\n            if (e.keyCode === 13) {\n                this.stopMoving(this.selectedElement);\n            }\n        };\n        this.setElement(element);\n        this.dragulaLib = dragula_1.default;\n        this.builderHeight = 0;\n        this.schemas = {};\n        this.repeatablePaths = [];\n        this.sideBarScroll = lodash_1.default.get(this.options, 'sideBarScroll', true);\n        this.sideBarScrollOffset = lodash_1.default.get(this.options, 'sideBarScrollOffset', 0);\n        this.dragDropEnabled = true;\n        // Setup the builder options.\n        this.builder = lodash_1.default.defaultsDeep({}, this.options.builder, this.defaultGroups);\n        // Turn off if explicitely said to do so...\n        lodash_1.default.each(this.defaultGroups, (config, key) => {\n            if (config === false) {\n                this.builder[key] = false;\n            }\n        });\n        // Add the groups.////\n        this.groups = {};\n        this.groupOrder = [];\n        for (const group in this.builder) {\n            if (this.builder[group]) {\n                this.builder[group].key = group;\n                this.groups[group] = this.builder[group];\n                this.groups[group].components = this.groups[group].components || {};\n                this.groups[group].componentOrder = this.groups[group].componentOrder || [];\n                this.groups[group].subgroups = Object.keys(this.groups[group].groups || {}).map((groupKey) => {\n                    this.groups[group].groups[groupKey].componentOrder = Object.keys(this.groups[group].groups[groupKey].components).map((key) => key);\n                    return this.groups[group].groups[groupKey];\n                });\n                this.groupOrder.push(this.groups[group]);\n            }\n        }\n        this.groupOrder = this.groupOrder\n            .filter(group => group && !group.ignore)\n            .sort((a, b) => a.weight - b.weight)\n            .map(group => group.key);\n        for (const type in Components_1.default.components) {\n            const component = Components_1.default.components[type];\n            if (component.builderInfo && component.builderInfo.schema) {\n                this.schemas[type] = component.builderInfo.schema;\n                component.type = type;\n                const builderInfo = component.builderInfo;\n                builderInfo.key = component.type;\n                this.addBuilderComponentInfo(builderInfo);\n            }\n        }\n        // Filter out any extra components.\n        // Add the components in each group.\n        for (const group in this.groups) {\n            const info = this.groups[group];\n            for (const key in info.components) {\n                const compKey = group === 'resource' ? `component-${key}` : key;\n                let comp = info.components[compKey];\n                if (comp === true &&\n                    Components_1.default.components[key] &&\n                    Components_1.default.components[key].builderInfo) {\n                    comp = Components_1.default.components[key].builderInfo;\n                }\n                if (comp && comp.schema) {\n                    this.schemas[key] = comp.schema;\n                    info.components[compKey] = comp;\n                    info.components[compKey].key = key;\n                }\n                else {\n                    // Do not include this component in the components array.\n                    delete info.components[compKey];\n                }\n            }\n            // Order the components.\n            this.orderComponents(info);\n        }\n        this.options.hooks = this.options.hooks || {};\n        this.options.hooks.renderComponent = (html, { component, self }) => {\n            var _a;\n            if (self.type === 'form' && !self.key) {\n                const template = this.hook('renderComponentFormTemplate', html.replace('formio-component-form', ''));\n                // The main webform shouldn't have this class as it adds extra styles.\n                return template;\n            }\n            if (this.options.disabled && this.options.disabled.includes(self.key) || self.parent.noDragDrop) {\n                return html;\n            }\n            return this.renderTemplate('builderComponent', {\n                html,\n                disableBuilderActions: (_a = self === null || self === void 0 ? void 0 : self.component) === null || _a === void 0 ? void 0 : _a.disableBuilderActions,\n                childComponent: component,\n            });\n        };\n        this.options.hooks.renderComponents = (html, { components, self }) => {\n            // if Datagrid and already has a component, don't make it droppable.\n            if (self.type === 'datagrid' && components.length > 0 || self.noDragDrop) {\n                return html;\n            }\n            if (!components ||\n                (!components.length && !components.nodrop) ||\n                (self.type === 'form' && components.length <= 1 && (components.length === 0 || components[0].type === 'button'))) {\n                html = this.renderTemplate('builderPlaceholder', {\n                    position: 0\n                }) + html;\n            }\n            return this.renderTemplate('builderComponents', {\n                key: self.key,\n                type: self.type,\n                html,\n            });\n        };\n        this.options.hooks.renderInput = (html, { self }) => {\n            if (self.type === 'hidden') {\n                return html + self.name;\n            }\n            return html;\n        };\n        this.options.hooks.renderLoading = (html, { self }) => {\n            if (self.type === 'form' && self.key) {\n                return self.name;\n            }\n            return html;\n        };\n        this.options.hooks.attachComponents = (element, components, container, component) => {\n            // Don't attach if no element was found or component doesn't participate in drag'n'drop.\n            if (!element) {\n                return;\n            }\n            if (component.noDragDrop) {\n                return element;\n            }\n            // Attach container and component to element for later reference.\n            const containerElement = element.querySelector(`[ref=\"${component.component.key}-container\"]`) || element;\n            containerElement.formioContainer = container;\n            containerElement.formioComponent = component;\n            // Add container to draggable list.\n            if (this.dragula && this.allowDrop(element)) {\n                this.dragula.containers.push(containerElement);\n            }\n            // If this is an existing datagrid element, don't make it draggable.\n            if ((component.type === 'datagrid' || component.type === 'datamap') && components.length > 0) {\n                return element;\n            }\n            // Since we added a wrapper, need to return the original element so that we can find the components inside it.\n            return element.children[0];\n        };\n        this.options.hooks.attachDatagrid = (element, component) => {\n            component.loadRefs(element, {\n                [`${component.key}-container`]: 'single',\n            });\n            const dataGridContainer = component.refs[`${component.key}-container`];\n            if (dataGridContainer) {\n                component.attachComponents(dataGridContainer.parentNode, [], component.component.components);\n            }\n            // Need to set up horizontal rearrangement of fields.\n        };\n        this.options.hooks.attachComponent = this.attachComponent.bind(this);\n        // Load resources tagged as 'builder'\n        const query = {\n            params: {\n                type: 'resource',\n                limit: 1000000,\n                select: '_id,title,name,components'\n            }\n        };\n        if (this.options && this.options.resourceTag) {\n            query.params.tags = [this.options.resourceTag];\n        }\n        else if (!this.options || !this.options.hasOwnProperty('resourceTag')) {\n            query.params.tags = ['builder'];\n        }\n        const formio = new Formio_1.Formio(Formio_1.Formio.projectUrl);\n        const isResourcesDisabled = this.options.builder && this.options.builder.resource === false;\n        formio.loadProject().then((project) => {\n            if (project && (lodash_1.default.get(project, 'settings.addConfigToForms', false) || lodash_1.default.get(project, 'addConfigToForms', false))) {\n                const config = project.config || {};\n                this.options.formConfig = config;\n                const pathToFormConfig = 'webform._form.config';\n                const webformConfig = lodash_1.default.get(this, pathToFormConfig);\n                if (this.webform && !webformConfig) {\n                    lodash_1.default.set(this, pathToFormConfig, config);\n                }\n            }\n        }).catch((err) => {\n            console.warn(`Could not load project settings: ${err.message || err}`);\n        });\n        if (!formio.noProject && !isResourcesDisabled && formio.formsUrl) {\n            const resourceOptions = this.options.builder && this.options.builder.resource;\n            formio.loadForms(query)\n                .then((resources) => {\n                if (resources.length) {\n                    this.builder.resource = {\n                        title: resourceOptions ? resourceOptions.title : 'Existing Resource Fields',\n                        key: 'resource',\n                        weight: resourceOptions ? resourceOptions.weight : 50,\n                        subgroups: [],\n                        components: [],\n                        componentOrder: []\n                    };\n                    this.groups.resource = {\n                        title: resourceOptions ? resourceOptions.title : 'Existing Resource Fields',\n                        key: 'resource',\n                        weight: resourceOptions ? resourceOptions.weight : 50,\n                        subgroups: [],\n                        components: [],\n                        componentOrder: []\n                    };\n                    if (!this.groupOrder.includes('resource')) {\n                        this.groupOrder.push('resource');\n                    }\n                    this.addExistingResourceFields(resources);\n                }\n            });\n        }\n        // Notify components if they need to modify their render.\n        this.options.attachMode = 'builder';\n        this.webform = this.webform || this.createForm(this.options);\n        this.pathComponentsMapping = {};\n        this.arrayDataComponentPaths = [];\n        this.nestedDataComponents = [];\n        this.arrayDataComponents = [];\n    }\n    allowDrop() {\n        return true;\n    }\n    addExistingResourceFields(resources) {\n        lodash_1.default.each(resources, (resource, index) => {\n            const resourceKey = `resource-${resource.name}`;\n            const subgroup = {\n                key: resourceKey,\n                title: resource.title,\n                components: [],\n                componentOrder: [],\n                default: index === 0,\n            };\n            (0, formUtils_1.eachComponent)(resource.components, (component) => {\n                if (component.type === 'button')\n                    return;\n                if (this.options &&\n                    this.options.resourceFilter &&\n                    (!component.tags || component.tags.indexOf(this.options.resourceFilter) === -1))\n                    return;\n                let componentName = component.label;\n                if (!componentName && component.key) {\n                    componentName = lodash_1.default.upperFirst(component.key);\n                }\n                subgroup.componentOrder.push(`component-${component.key}`);\n                subgroup.components[`component-${component.key}`] = lodash_1.default.merge((0, utils_1.fastCloneDeep)(Components_1.default.components[component.type]\n                    ? Components_1.default.components[component.type].builderInfo\n                    : Components_1.default.components['unknown'].builderInfo), {\n                    key: component.key,\n                    title: componentName,\n                    group: 'resource',\n                    subgroup: resourceKey,\n                }, {\n                    schema: Object.assign(Object.assign({}, component), { label: component.label, key: component.key, lockKey: true, source: (!this.options.noSource ? resource._id : undefined), isNew: true })\n                });\n            }, true);\n            this.groups.resource.subgroups.push(subgroup);\n        });\n        this.triggerRedraw();\n    }\n    attachTooltip(component, title) {\n        return (0, tippy_js_1.default)(component, {\n            allowHTML: true,\n            trigger: 'mouseenter focus',\n            placement: 'top',\n            delay: [200, 0],\n            zIndex: 10000,\n            content: title\n        });\n    }\n    attachComponent(element, component) {\n        // Add component to element for later reference.\n        element.formioComponent = component;\n        component.loadRefs(element, {\n            removeComponent: 'single',\n            editComponent: 'single',\n            moveComponent: 'single',\n            copyComponent: 'single',\n            pasteComponent: 'single',\n            editJson: 'single'\n        });\n        if (component.refs.copyComponent) {\n            this.attachTooltip(component.refs.copyComponent, this.t('Copy'));\n            component.addEventListener(component.refs.copyComponent, 'click', () => this.copyComponent(component));\n        }\n        if (component.refs.pasteComponent) {\n            const pasteToolTip = this.attachTooltip(component.refs.pasteComponent, this.t('Paste below'));\n            component.addEventListener(component.refs.pasteComponent, 'click', () => {\n                pasteToolTip.hide();\n                this.pasteComponent(component);\n            });\n        }\n        if (component.refs.moveComponent) {\n            this.attachTooltip(component.refs.moveComponent, this.t('Move'));\n            if (this.keyboardActionsEnabled) {\n                component.addEventListener(component.refs.moveComponent, 'click', () => {\n                    this.moveComponent(component);\n                });\n            }\n        }\n        const parent = this.getParentElement(element);\n        if (component.refs.editComponent) {\n            this.attachTooltip(component.refs.editComponent, this.t('Edit'));\n            component.addEventListener(component.refs.editComponent, 'click', () => this.editComponent(component.schema, parent, false, false, component.component, { inDataGrid: component.isInDataGrid }));\n        }\n        if (component.refs.editJson) {\n            this.attachTooltip(component.refs.editJson, this.t('Edit JSON'));\n            component.addEventListener(component.refs.editJson, 'click', () => this.editComponent(component.schema, parent, false, true, component.component));\n        }\n        if (component.refs.removeComponent) {\n            this.attachTooltip(component.refs.removeComponent, this.t('Remove'));\n            component.addEventListener(component.refs.removeComponent, 'click', () => this.removeComponent(component.schema, parent, component.component));\n        }\n        return element;\n    }\n    createForm(options) {\n        this.webform = new Webform_1.default(this.element, options);\n        if (this.element) {\n            this.loadRefs(this.element, {\n                form: 'single'\n            });\n            if (this.refs.form) {\n                this.webform.element = this.refs.form;\n            }\n        }\n        return this.webform;\n    }\n    /**\n     * Called when everything is ready.\n     *\n     * @returns {Promise} - Wait for webform to be ready.\n     */\n    get ready() {\n        return this.webform.ready;\n    }\n    get defaultGroups() {\n        return {\n            basic: {\n                title: 'Basic',\n                weight: 0,\n                default: true,\n            },\n            advanced: {\n                title: 'Advanced',\n                weight: 10\n            },\n            layout: {\n                title: 'Layout',\n                weight: 20\n            },\n            data: {\n                title: 'Data',\n                weight: 30\n            },\n            premium: {\n                title: 'Premium',\n                weight: 40\n            },\n        };\n    }\n    redraw() {\n        return Webform_1.default.prototype.redraw.call(this);\n    }\n    get form() {\n        return this.webform.form;\n    }\n    get schema() {\n        return this.webform.schema;\n    }\n    set form(value) {\n        this.setForm(value);\n    }\n    get container() {\n        return this.webform.form.components;\n    }\n    /**\n     * When a component sets its api key, we need to check if it is unique within its namespace. Find the namespace root\n     * so we can calculate this correctly.\n     * @param component\n     */\n    findNamespaceRoot(component) {\n        const path = (0, utils_1.getArrayFromComponentPath)(component.path);\n        // First get the component with nested parents.\n        let comp = this.webform.getComponent(path);\n        comp = Array.isArray(comp) ? comp[0] : comp;\n        const namespaceKey = this.recurseNamespace(comp);\n        // If there is no key, it is the root form.\n        if (!namespaceKey || this.form.key === namespaceKey) {\n            return this.form.components;\n        }\n        const componentSchema = component.component;\n        // If the current component is the namespace, we don't need to find it again.\n        if (namespaceKey === component.key) {\n            return [...componentSchema.components, componentSchema];\n        }\n        // Get the namespace component so we have the original object.\n        const namespaceComponent = (0, formUtils_1.getComponent)(this.form.components, namespaceKey, true);\n        return namespaceComponent ? namespaceComponent.components : comp.components;\n    }\n    recurseNamespace(component) {\n        // If there is no parent, we are at the root level.\n        if (!component) {\n            return null;\n        }\n        // Some components are their own namespace.\n        if (['address', 'container', 'datagrid', 'editgrid', 'dynamicWizard', 'tree'].includes(component.type) || component.tree || component.arrayTree) {\n            return component.key;\n        }\n        // Anything else, keep going up.\n        return this.recurseNamespace(component.parent);\n    }\n    render() {\n        return this.renderTemplate('builder', {\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                    keyboardActionsEnabled: this.keyboardActionsEnabled,\n                })),\n            }),\n            form: this.webform.render(),\n        });\n    }\n    attach(element) {\n        this.on('change', (form) => {\n            this.populateRecaptchaSettings(form);\n        });\n        return super.attach(element).then(() => {\n            this.loadRefs(element, {\n                form: 'single',\n                sidebar: 'single',\n                'sidebar-search': 'single',\n                'sidebar-groups': 'single',\n                'container': 'multiple',\n                'sidebar-anchor': 'multiple',\n                'sidebar-group': 'multiple',\n                'sidebar-container': 'multiple',\n                'sidebar-component': 'multiple',\n            });\n            if (this.sideBarScroll && Templates_1.default.current.handleBuilderSidebarScroll) {\n                Templates_1.default.current.handleBuilderSidebarScroll.call(this, this);\n            }\n            // Add the paste status in form\n            if (typeof window !== 'undefined' && window.sessionStorage) {\n                const data = window.sessionStorage.getItem('formio.clipboard');\n                if (data) {\n                    this.addClass(this.refs.form, 'builder-paste-mode');\n                }\n            }\n            if (!(0, utils_1.bootstrapVersion)(this.options)) {\n                const getAttribute = (anchor, attribute) => {\n                    let elem = anchor.getAttribute(`data-${attribute}`);\n                    if (!elem) {\n                        elem = anchor.getAttribute(`data-bs-${attribute}`);\n                    }\n                    return elem;\n                };\n                const hideShow = (group, show) => {\n                    if (show) {\n                        group.classList.add(['show']);\n                        group.style.display = 'inherit';\n                    }\n                    else {\n                        group.classList.remove(['show']);\n                        group.style.display = 'none';\n                    }\n                };\n                // Initialize\n                this.refs['sidebar-group'].forEach((group) => {\n                    hideShow(group, getAttribute(group, 'default') === 'true');\n                });\n                // Click event\n                this.refs['sidebar-anchor'].forEach((anchor, index) => {\n                    this.addEventListener(anchor, 'click', () => {\n                        const clickedParentId = getAttribute(anchor, 'parent').slice('#builder-sidebar-'.length);\n                        const clickedId = getAttribute(anchor, 'target').slice('#group-'.length);\n                        this.refs['sidebar-group'].forEach((group, groupIndex) => {\n                            const openByDefault = getAttribute(group, 'default') === 'true';\n                            const groupId = group.getAttribute('id').slice('group-'.length);\n                            const groupParent = getAttribute(group, 'parent').slice('#builder-sidebar-'.length);\n                            hideShow(group, ((openByDefault && groupParent === clickedId) || groupId === clickedParentId || groupIndex === index));\n                        });\n                    }, true);\n                });\n            }\n            if (this.keyboardActionsEnabled) {\n                this.refs['sidebar-component'].forEach((component) => {\n                    this.addEventListener(component, 'keydown', (event) => {\n                        if (event.keyCode === 13) {\n                            this.addNewComponent(component);\n                        }\n                    });\n                });\n            }\n            this.addEventListener(this.refs['sidebar-search'], 'input', lodash_1.default.debounce((e) => {\n                const searchString = e.target.value;\n                this.searchFields(searchString);\n            }, 300));\n            if (this.dragDropEnabled) {\n                this.initDragula();\n            }\n            const drake = this.dragula;\n            if (this.refs.form) {\n                (0, dom_autoscroller_1.default)([window], {\n                    margin: 20,\n                    maxSpeed: 6,\n                    scrollWhenOutside: true,\n                    autoScroll: function () {\n                        return this.down && (drake === null || drake === void 0 ? void 0 : drake.dragging);\n                    }\n                });\n                return this.webform.attach(this.refs.form);\n            }\n        });\n    }\n    searchFields(searchString = '') {\n        const searchValue = searchString.toLowerCase();\n        const sidebar = this.refs['sidebar'];\n        const sidebarGroups = this.refs['sidebar-groups'];\n        if (!sidebar || !sidebarGroups) {\n            return;\n        }\n        const filterGroupBy = (group, searchValue = '') => {\n            const result = lodash_1.default.toPlainObject(group);\n            const { subgroups = [], components } = result;\n            const filteredComponents = [];\n            for (const key in components) {\n                const isMatchedToTitle = components[key].title.toLowerCase().match(searchValue);\n                const isMatchedToKey = components[key].key.toLowerCase().match(searchValue);\n                if (isMatchedToTitle || isMatchedToKey) {\n                    filteredComponents.push(components[key]);\n                }\n            }\n            this.orderComponents(result, filteredComponents);\n            if (searchValue) {\n                result.default = true;\n            }\n            if (result.componentOrder.length || subgroups.length) {\n                return result;\n            }\n            return null;\n        };\n        const filterGroupOrder = (groupOrder, searchValue) => {\n            const result = lodash_1.default.cloneDeep(groupOrder);\n            return result.filter(key => filterGroupBy(this.groups[key], searchValue));\n        };\n        const filterSubgroups = (groups, searchValue) => {\n            const result = lodash_1.default.clone(groups);\n            return result\n                .map(subgroup => filterGroupBy(subgroup, searchValue))\n                .filter(subgroup => !lodash_1.default.isNull(subgroup));\n        };\n        const toTemplate = groupKey => {\n            return {\n                group: filterGroupBy(this.groups[groupKey], searchValue),\n                groupKey,\n                groupId: sidebar.id || sidebarGroups.id,\n                subgroups: filterSubgroups(this.groups[groupKey].subgroups, searchValue)\n                    .map((group) => this.renderTemplate('builderSidebarGroup', {\n                    group,\n                    groupKey: group.key,\n                    groupId: `group-container-${groupKey}`,\n                    subgroups: []\n                })),\n            };\n        };\n        sidebarGroups.innerHTML = filterGroupOrder(this.groupOrder, searchValue)\n            .map(groupKey => this.renderTemplate('builderSidebarGroup', toTemplate(groupKey)))\n            .join('');\n        this.loadRefs(this.element, {\n            'sidebar-groups': 'single',\n            'sidebar-anchor': 'multiple',\n            'sidebar-group': 'multiple',\n            'sidebar-container': 'multiple',\n        });\n        this.updateDragAndDrop();\n        if (searchValue === '') {\n            this.triggerRedraw();\n        }\n    }\n    orderComponents(groupInfo, foundComponents) {\n        const components = foundComponents || groupInfo.components;\n        const isResource = groupInfo.key.indexOf('resource-') === 0;\n        if (components) {\n            groupInfo.componentOrder = Object.keys(components)\n                .map(key => components[key])\n                .filter(component => component && !component.ignore && !component.ignoreForForm)\n                .sort((a, b) => a.weight - b.weight)\n                .map(component => isResource ? `component-${component.key}` : component.key);\n        }\n    }\n    updateDragAndDrop() {\n        if (this.dragDropEnabled) {\n            this.initDragula();\n        }\n        if (this.refs.form) {\n            return this.webform.attach(this.refs.form);\n        }\n    }\n    initDragula() {\n        const options = this.options;\n        if (this.dragula) {\n            this.dragula.destroy();\n        }\n        const containersArray = Array.prototype.slice.call(this.refs['sidebar-container']).filter(item => {\n            return item.id !== 'group-container-resource';\n        });\n        if (!dragula_1.default) {\n            return;\n        }\n        this.dragula = (0, dragula_1.default)(containersArray, {\n            moves(el) {\n                let moves = true;\n                const list = Array.from(el.classList).filter(item => item.indexOf('formio-component-') === 0);\n                list.forEach(item => {\n                    const key = item.slice('formio-component-'.length);\n                    if (options.disabled && options.disabled.includes(key)) {\n                        moves = false;\n                    }\n                });\n                if (el.classList.contains('no-drag')) {\n                    moves = false;\n                }\n                return moves;\n            },\n            copy(el) {\n                return el.classList.contains('drag-copy');\n            },\n            accepts(el, target) {\n                return !el.contains(target) && !target.classList.contains('no-drop');\n            }\n        }).on('drop', (element, target, source, sibling) => this.onDrop(element, target, source, sibling));\n    }\n    detach() {\n        if (this.dragula) {\n            this.dragula.destroy();\n        }\n        this.dragula = null;\n        if (this.sideBarScroll && Templates_1.default.current.clearBuilderSidebarScroll) {\n            Templates_1.default.current.clearBuilderSidebarScroll.call(this, this);\n        }\n        super.detach();\n    }\n    getComponentInfo(key, group) {\n        let info;\n        // This is a new component\n        if (this.schemas.hasOwnProperty(key)) {\n            info = (0, utils_1.fastCloneDeep)(this.schemas[key]);\n        }\n        else if (this.groups.hasOwnProperty(group)) {\n            const groupComponents = this.groups[group].components;\n            if (groupComponents.hasOwnProperty(key)) {\n                info = (0, utils_1.fastCloneDeep)(groupComponents[key].schema);\n            }\n        }\n        else if (group.slice(0, group.indexOf('-')) === 'resource') {\n            // This is an existing resource field.\n            const resourceGroups = this.groups.resource.subgroups;\n            const resourceGroup = lodash_1.default.find(resourceGroups, { key: group });\n            if (resourceGroup && resourceGroup.components.hasOwnProperty(`component-${key}`)) {\n                info = (0, utils_1.fastCloneDeep)(resourceGroup.components[`component-${key}`].schema);\n            }\n        }\n        else if (group === 'searchFields') { //Search components go into this group\n            const resourceGroups = this.groups.resource.subgroups;\n            for (let ix = 0; ix < resourceGroups.length; ix++) {\n                const resourceGroup = resourceGroups[ix];\n                if (resourceGroup.components.hasOwnProperty(`component-${key}`)) {\n                    info = (0, utils_1.fastCloneDeep)(resourceGroup.components[`component-${key}`].schema);\n                    break;\n                }\n            }\n        }\n        if (info) {\n            info.key = this.generateKey(info);\n        }\n        return info;\n    }\n    getComponentsPath(component, parent) {\n        // Get path to the component in the parent component.\n        let path = 'components';\n        let columnIndex = 0;\n        let tableRowIndex = 0;\n        let tableColumnIndex = 0;\n        let tabIndex = 0;\n        switch (parent.type) {\n            case 'table':\n                tableRowIndex = lodash_1.default.findIndex(parent.rows, row => row.some(column => column.components.some(comp => comp.key === component.key)));\n                tableColumnIndex = lodash_1.default.findIndex(parent.rows[tableRowIndex], (column => column.components.some(comp => comp.key === component.key)));\n                path = `rows[${tableRowIndex}][${tableColumnIndex}].components`;\n                break;\n            case 'columns':\n                columnIndex = lodash_1.default.findIndex(parent.columns, column => column.components.some(comp => comp.key === component.key));\n                path = `columns[${columnIndex}].components`;\n                break;\n            case 'tabs':\n                tabIndex = lodash_1.default.findIndex(parent.components, tab => tab.components.some(comp => comp.key === component.key));\n                path = `components[${tabIndex}].components`;\n                break;\n        }\n        return path;\n    }\n    /* eslint-disable max-statements */\n    onDrop(element, target, source, sibling) {\n        var _a;\n        if (!target) {\n            return;\n        }\n        // If you try to drop within itself.\n        if (element.contains(target)) {\n            return;\n        }\n        const key = element.getAttribute('data-key');\n        const type = element.getAttribute('data-type');\n        const group = element.getAttribute('data-group');\n        let info, isNew, path, index;\n        if (key && group) {\n            // This is a new component.\n            info = this.getComponentInfo(key, group);\n            if (!info && type) {\n                info = this.getComponentInfo(type, group);\n            }\n            isNew = true;\n        }\n        else if (source.formioContainer) {\n            index = lodash_1.default.findIndex(source.formioContainer, { key: element.formioComponent.component.key });\n            if (index !== -1) {\n                // Grab and remove the component from the source container.\n                info = source.formioContainer.splice(lodash_1.default.findIndex(source.formioContainer, { key: element.formioComponent.component.key }), 1);\n                // Since splice returns an array of one object, we need to destructure it.\n                info = info[0];\n            }\n        }\n        // If we haven't found the component, stop.\n        if (!info) {\n            return;\n        }\n        // Show an error if siblings are disabled for a component and such a component already exists.\n        const compKey = (group === 'resource') ? `component-${key}` : key;\n        const draggableComponent = ((_a = this.groups[group]) === null || _a === void 0 ? void 0 : _a.components[compKey]) || {};\n        if (draggableComponent.disableSiblings) {\n            let isCompAlreadyExists = false;\n            (0, formUtils_1.eachComponent)(this.webform.components, (component) => {\n                if (component.type === draggableComponent.schema.type) {\n                    isCompAlreadyExists = true;\n                    return;\n                }\n            }, true);\n            if (isCompAlreadyExists) {\n                this.webform.redraw();\n                this.webform.setAlert('danger', `You cannot add more than one ${draggableComponent.key} component to one page.`);\n                return;\n            }\n        }\n        if (target !== source) {\n            // Ensure the key remains unique in its new container.\n            builder_1.default.uniquify(this.findNamespaceRoot(target.formioComponent), info);\n        }\n        const parent = target.formioComponent;\n        // Insert in the new container.\n        if (target.formioContainer) {\n            if (sibling) {\n                if (!sibling.getAttribute('data-noattach')) {\n                    index = lodash_1.default.findIndex(target.formioContainer, { key: lodash_1.default.get(sibling, 'formioComponent.component.key') });\n                    index = (index === -1) ? 0 : index;\n                }\n                else {\n                    index = sibling.getAttribute('data-position');\n                }\n                if (index !== -1) {\n                    target.formioContainer.splice(index, 0, info);\n                }\n            }\n            else {\n                target.formioContainer.push(info);\n            }\n            path = this.getComponentsPath(info, parent.component);\n            index = lodash_1.default.findIndex(lodash_1.default.get(parent.schema, path), { key: info.key });\n            if (index === -1) {\n                index = 0;\n            }\n        }\n        if (parent && parent.addChildComponent) {\n            parent.addChildComponent(info, element, target, source, sibling);\n        }\n        const componentInDataGrid = parent.type === 'datagrid';\n        if (isNew && !this.options.noNewEdit && !info.noNewEdit) {\n            this.editComponent(info, target, isNew, null, null, { inDataGrid: componentInDataGrid });\n        }\n        // Only rebuild the parts needing to be rebuilt.\n        let rebuild;\n        if (target !== source) {\n            if (source.formioContainer && source.contains(target)) {\n                rebuild = source.formioComponent.rebuild();\n            }\n            else if (target.contains(source)) {\n                rebuild = target.formioComponent.rebuild();\n            }\n            else {\n                if (source.formioContainer) {\n                    rebuild = source.formioComponent.rebuild();\n                }\n                rebuild = target.formioComponent.rebuild();\n            }\n        }\n        else {\n            // If they are the same, only rebuild one.\n            rebuild = target.formioComponent.rebuild();\n        }\n        if (!rebuild) {\n            rebuild = native_promise_only_1.default.resolve();\n        }\n        return rebuild.then(() => {\n            this.emit('addComponent', info, parent, path, index, isNew && !this.options.noNewEdit && !info.noNewEdit);\n            if (!isNew || this.options.noNewEdit || info.noNewEdit) {\n                this.emit('change', this.form);\n            }\n        });\n    }\n    setForm(form) {\n        var _a;\n        if (!form.components) {\n            form.components = [];\n        }\n        if (form && form.properties) {\n            this.options.properties = form.properties;\n        }\n        this.keyboardActionsEnabled = lodash_1.default.get(this.options, 'keyboardBuilder', false) || ((_a = this.options.properties) === null || _a === void 0 ? void 0 : _a.keyboardBuilder);\n        const isShowSubmitButton = !this.options.noDefaultSubmitButton\n            && !form.components.length;\n        // Ensure there is at least a submit button.\n        if (isShowSubmitButton) {\n            form.components.push({\n                type: 'button',\n                label: 'Submit',\n                key: 'submit',\n                size: 'md',\n                block: false,\n                action: 'submit',\n                disableOnInvalid: true,\n                theme: 'primary'\n            });\n        }\n        if (this.webform) {\n            const shouldRebuild = !this.webform.form.components ||\n                (form.components.length !== this.webform.form.components.length);\n            return this.webform.setForm(form, { keepAsReference: true }).then(() => {\n                if (this.refs.form) {\n                    this.builderHeight = this.refs.form.offsetHeight;\n                }\n                if (!shouldRebuild) {\n                    return this.form;\n                }\n                return this.rebuild().then(() => this.form);\n            });\n        }\n        return native_promise_only_1.default.resolve(form);\n    }\n    populateRecaptchaSettings(form) {\n        //populate isEnabled for recaptcha form settings\n        let isRecaptchaEnabled = false;\n        if (this.form.components) {\n            (0, formUtils_1.eachComponent)(form.components, component => {\n                if (isRecaptchaEnabled) {\n                    return;\n                }\n                if (component.type === 'recaptcha') {\n                    isRecaptchaEnabled = true;\n                    return false;\n                }\n            });\n            if (isRecaptchaEnabled) {\n                lodash_1.default.set(form, 'settings.recaptcha.isEnabled', true);\n            }\n            else if (lodash_1.default.get(form, 'settings.recaptcha.isEnabled')) {\n                lodash_1.default.set(form, 'settings.recaptcha.isEnabled', false);\n            }\n        }\n    }\n    removeComponent(component, parent, original) {\n        if (!parent) {\n            return;\n        }\n        let remove = true;\n        const removingComponentsGroup = !component.skipRemoveConfirm &&\n            ((Array.isArray(component.components) && component.components.length) ||\n                (Array.isArray(component.rows) && component.rows.length) ||\n                (Array.isArray(component.columns) && component.columns.length));\n        if (this.options.alwaysConfirmComponentRemoval || removingComponentsGroup) {\n            const message = removingComponentsGroup ? 'Removing this component will also remove all of its children. Are you sure you want to do this?'\n                : 'Are you sure you want to remove this component?';\n            remove = window.confirm(this.t(message));\n        }\n        if (!original) {\n            original = parent.formioContainer.find((comp) => comp.id === component.id);\n        }\n        const index = parent.formioContainer ? parent.formioContainer.indexOf(original) : 0;\n        if (remove && index !== -1) {\n            const path = this.getComponentsPath(component, parent.formioComponent.component);\n            if (parent.formioContainer) {\n                parent.formioContainer.splice(index, 1);\n            }\n            else if (parent.formioComponent && parent.formioComponent.removeChildComponent) {\n                parent.formioComponent.removeChildComponent(component);\n            }\n            const rebuild = parent.formioComponent.rebuild() || native_promise_only_1.default.resolve();\n            rebuild.then(() => {\n                this.emit('removeComponent', component, parent.formioComponent.schema, path, index);\n                this.emit('change', this.form);\n            });\n        }\n        return remove;\n    }\n    replaceDoubleQuotes(data, fieldsToRemoveDoubleQuotes = []) {\n        if (data) {\n            fieldsToRemoveDoubleQuotes.forEach((key) => {\n                if (data[key]) {\n                    data[key] = data[key].replace(/\"/g, \"'\");\n                }\n            });\n            return data;\n        }\n    }\n    updateComponent(component, changed) {\n        // Update the preview.\n        if (this.preview) {\n            this.preview.form = {\n                components: [lodash_1.default.omit(Object.assign({}, component), [\n                        'hidden',\n                        'conditional',\n                        'calculateValue',\n                        'logic',\n                        'autofocus',\n                        'customConditional',\n                    ])],\n                config: this.options.formConfig || {}\n            };\n            const fieldsToRemoveDoubleQuotes = ['label', 'tooltip'];\n            this.preview.form.components.forEach(component => this.replaceDoubleQuotes(component, fieldsToRemoveDoubleQuotes));\n            const previewElement = this.componentEdit.querySelector('[ref=\"preview\"]');\n            if (previewElement) {\n                this.setContent(previewElement, this.preview.render());\n                this.preview.attach(previewElement);\n            }\n        }\n        // Change the \"default value\" field to be reflective of this component.\n        const defaultValueComponent = (0, formUtils_1.getComponent)(this.editForm.components, 'defaultValue', true);\n        if (defaultValueComponent && component.type !== 'hidden') {\n            const defaultChanged = changed && ((changed.component && changed.component.key === 'defaultValue')\n                || (changed.instance && defaultValueComponent.hasComponent && defaultValueComponent.hasComponent(changed.instance)));\n            if (!defaultChanged) {\n                lodash_1.default.assign(defaultValueComponent.component, lodash_1.default.omit(Object.assign({}, component), [\n                    'key',\n                    'label',\n                    'placeholder',\n                    'tooltip',\n                    'hidden',\n                    'autofocus',\n                    'validate',\n                    'disabled',\n                    'defaultValue',\n                    'customDefaultValue',\n                    'calculateValue',\n                    'conditional',\n                    'customConditional',\n                    'id'\n                ]));\n                const parentComponent = defaultValueComponent.parent;\n                let tabIndex = -1;\n                let index = -1;\n                parentComponent.tabs.some((tab, tIndex) => {\n                    tab.some((comp, compIndex) => {\n                        if (comp.id === defaultValueComponent.id) {\n                            tabIndex = tIndex;\n                            index = compIndex;\n                            return true;\n                        }\n                        return false;\n                    });\n                });\n                if (tabIndex !== -1 && index !== -1 && changed && changed.value) {\n                    const sibling = parentComponent.tabs[tabIndex][index + 1];\n                    parentComponent.removeComponent(defaultValueComponent);\n                    const newComp = parentComponent.addComponent(defaultValueComponent.component, defaultValueComponent.data, sibling);\n                    lodash_1.default.pull(newComp.validators, 'required');\n                    parentComponent.tabs[tabIndex].splice(index, 1, newComp);\n                    newComp.checkValidity = () => true;\n                    newComp.build(defaultValueComponent.element);\n                }\n            }\n            else {\n                let dataPath = changed.instance._data.key;\n                const path = (0, utils_1.getArrayFromComponentPath)(changed.instance.path);\n                path.shift();\n                if (path.length) {\n                    path.unshift(component.key);\n                    dataPath = (0, utils_1.getStringFromComponentPath)(path);\n                }\n                lodash_1.default.set(this.preview._data, dataPath, changed.value);\n                lodash_1.default.set(this.webform._data, dataPath, changed.value);\n            }\n        }\n        // Called when we update a component.\n        this.emit('updateComponent', component);\n    }\n    findRepeatablePaths() {\n        const repeatablePaths = [];\n        const keys = new Map();\n        (0, formUtils_1.eachComponent)(this.form.components, (comp, path) => {\n            if (!comp.key) {\n                return;\n            }\n            if (keys.has(comp.key)) {\n                if (keys.get(comp.key).includes(path)) {\n                    repeatablePaths.push(path);\n                }\n                else {\n                    keys.set(comp.key, [...keys.get(comp.key), path]);\n                }\n            }\n            else {\n                keys.set(comp.key, [path]);\n            }\n        }, true);\n        return repeatablePaths;\n    }\n    highlightInvalidComponents() {\n        const repeatablePaths = this.findRepeatablePaths();\n        let hasInvalidComponents = false;\n        this.webform.everyComponent((comp) => {\n            var _a, _b;\n            const path = comp.path;\n            if (repeatablePaths.includes(path)) {\n                comp.setCustomValidity(`API Key is not unique: ${comp.key}`);\n                hasInvalidComponents = true;\n            }\n            else if ((_b = (_a = comp.error) === null || _a === void 0 ? void 0 : _a.message) === null || _b === void 0 ? void 0 : _b.startsWith('API Key is not unique')) {\n                comp.setCustomValidity('');\n            }\n        });\n        this.emit('builderFormValidityChange', hasInvalidComponents);\n    }\n    /**\n     * Called when a new component is saved.\n     *\n     * @param parent\n     * @param component\n     * @return {boolean}\n     */\n    saveComponent(component, parent, isNew, original) {\n        this.editForm.detach();\n        const parentContainer = parent ? parent.formioContainer : this.container;\n        const parentComponent = parent ? parent.formioComponent : this;\n        this.dialog.close();\n        const path = parentContainer ? this.getComponentsPath(component, parentComponent.component) : '';\n        if (!original) {\n            original = parent.formioContainer.find((comp) => comp.id === component.id);\n        }\n        const index = parentContainer ? parentContainer.indexOf(original) : 0;\n        if (index !== -1) {\n            let submissionData = this.editForm.submission.data;\n            submissionData = submissionData.componentJson || submissionData;\n            const fieldsToRemoveDoubleQuotes = ['label', 'tooltip'];\n            this.replaceDoubleQuotes(submissionData, fieldsToRemoveDoubleQuotes);\n            this.hook('beforeSaveComponentSettings', submissionData);\n            let comp = null;\n            parentComponent.getComponents().forEach((component) => {\n                if (component.component.key === original.key) {\n                    comp = component;\n                }\n            });\n            const originalComp = comp.component;\n            const originalComponentSchema = comp.schema;\n            const isParentSaveChildMethod = this.isParentSaveChildMethod(parent.formioComponent);\n            if (parentContainer && !isParentSaveChildMethod) {\n                parentContainer[index] = submissionData;\n                if (comp) {\n                    comp.component = submissionData;\n                }\n            }\n            else if (isParentSaveChildMethod) {\n                parent.formioComponent.saveChildComponent(submissionData);\n            }\n            const rebuild = parentComponent.rebuild() || native_promise_only_1.default.resolve();\n            return rebuild.then(() => {\n                const schema = parentContainer ? parentContainer[index] : (comp ? comp.schema : []);\n                this.emitSaveComponentEvent(schema, originalComp, parentComponent.schema, path, index, isNew, originalComponentSchema);\n                this.emit('change', this.form);\n                this.highlightInvalidComponents();\n                if (this.isComponentCreated) {\n                    const component = parent.formioComponent.components[0];\n                    this.moveComponent(component);\n                    this.isComponentCreated = false;\n                }\n            });\n        }\n        this.highlightInvalidComponents();\n        return native_promise_only_1.default.resolve();\n    }\n    emitSaveComponentEvent(schema, originalComp, parentComponentSchema, path, index, isNew, originalComponentSchema) {\n        this.emit('saveComponent', schema, originalComp, parentComponentSchema, path, index, isNew, originalComponentSchema);\n    }\n    editComponent(component, parent, isNew, isJsonEdit, original, flags = {}) {\n        if (!component.key) {\n            return;\n        }\n        let saved = false;\n        const componentCopy = (0, utils_1.fastCloneDeep)(component);\n        let ComponentClass = Components_1.default.components[componentCopy.type];\n        const isCustom = ComponentClass === undefined;\n        isJsonEdit = isJsonEdit || isCustom;\n        ComponentClass = isCustom ? Components_1.default.components.unknown : ComponentClass;\n        // Make sure we only have one dialog open at a time.\n        if (this.dialog) {\n            this.dialog.close();\n            this.highlightInvalidComponents();\n        }\n        // This is the render step.\n        const editFormOptions = lodash_1.default.clone(lodash_1.default.get(this, 'options.editForm', {}));\n        if (this.editForm) {\n            this.editForm.destroy();\n        }\n        // Allow editForm overrides per component.\n        const overrides = lodash_1.default.get(this.options, `editForm.${componentCopy.type}`, {});\n        // Pass along the form being edited.\n        editFormOptions.editForm = this.form;\n        editFormOptions.editComponent = component;\n        editFormOptions.flags = flags;\n        this.hook('editComponentParentInstance', editFormOptions, parent);\n        this.editForm = new Webform_1.default(Object.assign(Object.assign(Object.assign({}, lodash_1.default.omit(this.options, ['hooks', 'builder', 'events', 'attachMode', 'skipInit'])), { language: this.options.language }), editFormOptions));\n        this.hook('editFormProperties', parent);\n        this.editForm.form = (isJsonEdit && !isCustom) ? {\n            components: [\n                {\n                    type: 'textarea',\n                    as: 'json',\n                    editor: 'ace',\n                    weight: 10,\n                    input: true,\n                    key: 'componentJson',\n                    label: 'Component JSON',\n                    tooltip: 'Edit the JSON for this component.'\n                },\n                {\n                    type: 'checkbox',\n                    key: 'showFullSchema',\n                    label: 'Full Schema'\n                }\n            ]\n        } : ComponentClass.editForm(lodash_1.default.cloneDeep(overrides));\n        const instanceOptions = {};\n        this.hook('instanceOptionsPreview', instanceOptions);\n        const instance = new ComponentClass(componentCopy, instanceOptions);\n        const schema = this.hook('builderComponentSchema', component, instance);\n        this.editForm.submission = isJsonEdit ? {\n            data: {\n                componentJson: schema,\n                showFullSchema: this.options.showFullJsonSchema\n            },\n        } : {\n            data: instance.component,\n        };\n        if (this.preview) {\n            this.preview.destroy();\n        }\n        if (!ComponentClass.builderInfo.hasOwnProperty('preview') || ComponentClass.builderInfo.preview) {\n            this.preview = new Webform_1.default(lodash_1.default.omit(Object.assign(Object.assign({}, this.options), { preview: true }), [\n                'hooks',\n                'builder',\n                'events',\n                'attachMode',\n                'calculateValue'\n            ]));\n            this.hook('previewFormSettitngs', schema, isJsonEdit);\n        }\n        this.componentEdit = this.ce('div', { 'class': 'component-edit-container' });\n        this.setContent(this.componentEdit, this.renderTemplate('builderEditForm', {\n            componentInfo: ComponentClass.builderInfo,\n            editForm: this.editForm.render(),\n            preview: this.preview ? this.preview.render() : false,\n            helplinks: this.helplinks,\n        }));\n        this.dialog = this.createModal(this.componentEdit, lodash_1.default.get(this.options, 'dialogAttr', {}));\n        // This is the attach step.\n        this.editForm.attach(this.componentEdit.querySelector('[ref=\"editForm\"]'));\n        this.hook('editFormWrapper');\n        this.updateComponent(componentCopy);\n        this.editForm.on('change', (event) => {\n            if (event.changed) {\n                if (event.changed.component && event.changed.component.key === 'showFullSchema') {\n                    const { value } = event.changed;\n                    this.editForm.submission = {\n                        data: {\n                            componentJson: value ? instance.component : component,\n                            showFullSchema: value\n                        },\n                    };\n                    return;\n                }\n                // See if this is a manually modified key. Treat custom component keys as manually modified\n                if ((event.changed.component && (event.changed.component.key === 'key')) || isJsonEdit) {\n                    componentCopy.keyModified = true;\n                }\n                let isComponentLabelChanged = false;\n                if (event.changed.instance) {\n                    isComponentLabelChanged = ['label', 'title'].includes(event.changed.instance.path);\n                }\n                else if (event.changed.component) {\n                    isComponentLabelChanged = ['label', 'title'].includes(event.changed.component.key);\n                }\n                if (isComponentLabelChanged) {\n                    // Ensure this component has a key.\n                    if (isNew) {\n                        if (!event.data.keyModified) {\n                            this.editForm.everyComponent(component => {\n                                if (component.key === 'key' && component.parent.component.key === 'tabs') {\n                                    component.setValue(this.updateComponentKey(event.data));\n                                    return false;\n                                }\n                            });\n                        }\n                        if (this.form) {\n                            let formComponents = this.findNamespaceRoot(parent.formioComponent);\n                            // excluding component which key uniqueness is to be checked to prevent the comparing of the same keys\n                            formComponents = formComponents.filter(comp => editFormOptions.editComponent.id !== comp.id);\n                            // Set a unique key for this component.\n                            builder_1.default.uniquify(formComponents, event.data);\n                        }\n                    }\n                }\n                // Update the component.\n                this.updateComponent(event.data.componentJson || event.data, event.changed);\n            }\n        });\n        const cancelButtons = this.componentEdit.querySelectorAll('[ref=\"cancelButton\"]');\n        cancelButtons.forEach((cancelButton) => {\n            this.addEventListener(cancelButton, 'click', (event) => {\n                event.preventDefault();\n                this.editForm.detach();\n                this.emit('cancelComponent', component);\n                this.dialog.close();\n                this.highlightInvalidComponents();\n            });\n        });\n        const removeButtons = this.componentEdit.querySelectorAll('[ref=\"removeButton\"]');\n        removeButtons.forEach((removeButton) => {\n            this.addEventListener(removeButton, 'click', (event) => {\n                event.preventDefault();\n                // Since we are already removing the component, don't trigger another remove.\n                saved = true;\n                this.editForm.detach();\n                this.removeComponent(component, parent, original);\n                this.dialog.close();\n                this.highlightInvalidComponents();\n            });\n        });\n        const saveButtons = this.componentEdit.querySelectorAll('[ref=\"saveButton\"]');\n        saveButtons.forEach((saveButton) => {\n            this.addEventListener(saveButton, 'click', (event) => {\n                event.preventDefault();\n                if (!this.editForm.checkValidity(this.editForm.data, true, this.editForm.data)) {\n                    this.editForm.setPristine(false);\n                    this.editForm.showErrors();\n                    return false;\n                }\n                saved = true;\n                this.saveComponent(component, parent, isNew, original);\n            });\n        });\n        const dialogClose = () => {\n            this.editForm.destroy(true);\n            if (this.preview) {\n                this.preview.destroy(true);\n                this.preview = null;\n            }\n            if (isNew && !saved) {\n                this.removeComponent(component, parent, original);\n                this.highlightInvalidComponents();\n            }\n            // Clean up.\n            this.removeEventListener(this.dialog, 'close', dialogClose);\n            this.dialog = null;\n        };\n        this.addEventListener(this.dialog, 'close', dialogClose);\n        // Called when we edit a component.\n        this.emit('editComponent', component);\n    }\n    updateComponentKey(data) {\n        return lodash_1.default.camelCase(data.title ||\n            data.label ||\n            data.placeholder ||\n            data.type).replace(/^[0-9]*/, '');\n    }\n    moveComponent(component) {\n        component.element.focus();\n        component.element.classList.add('builder-selected');\n        this.selectedElement = component;\n        this.removeEventListener(component.element, 'keydown');\n        this.addEventListener(component.element, 'keydown', this.moveHandler.bind(this));\n    }\n    updateComponentPlacement(direction) {\n        const component = this.selectedElement;\n        let index, info;\n        const step = direction ? -1 : 1;\n        if (component) {\n            const element = component.element;\n            const sibling = direction ? element.previousElementSibling : element.nextElementSibling;\n            const source = element.parentNode;\n            const containerLength = source.formioContainer.length;\n            if (containerLength && containerLength <= 1) {\n                return;\n            }\n            if (source.formioContainer) {\n                index = lodash_1.default.findIndex(source.formioContainer, { key: element.formioComponent.component.key });\n                if (index !== -1) {\n                    info = source.formioContainer.splice(lodash_1.default.findIndex(source.formioContainer, { key: element.formioComponent.component.key }), 1);\n                    info = info[0];\n                    source.removeChild(element);\n                }\n            }\n            const len = source.formioComponent.components.length;\n            index = (index === -1) ? 0 : index + step;\n            if (index === -1) {\n                source.formioContainer.push(info);\n                source.appendChild(element);\n            }\n            else if (index === len) {\n                const key = source.formioContainer[0].key;\n                index = lodash_1.default.findIndex(source.formioComponent.components, { key: key });\n                const firstElement = source.formioComponent.components[index].element;\n                source.formioContainer.splice(0, 0, info);\n                source.insertBefore(element, firstElement);\n            }\n            else if (index !== -1) {\n                source.formioContainer.splice(index, 0, info);\n                direction\n                    ? source.insertBefore(element, sibling)\n                    : source.insertBefore(element, sibling.nextElementSibling);\n            }\n            element.focus();\n        }\n    }\n    stopMoving(comp) {\n        const parent = comp.element.parentNode;\n        parent.formioComponent.rebuild();\n    }\n    addNewComponent(element) {\n        var _a;\n        const source = document.querySelector('.formio-builder-form');\n        const key = element.getAttribute('data-key');\n        const group = element.getAttribute('data-group');\n        const isNew = true;\n        let info;\n        if (key && group) {\n            info = this.getComponentInfo(key, group);\n        }\n        if (isNew && !this.options.noNewEdit && !info.noNewEdit) {\n            builder_1.default.uniquify(this.findNamespaceRoot(source.formioComponent), info);\n            this.editComponent(info, source, isNew, null, null);\n        }\n        const firstComponent = (_a = source.formioComponent.components[0]) === null || _a === void 0 ? void 0 : _a.element;\n        if (firstComponent) {\n            source.formioContainer.splice(0, 0, info);\n        }\n        else {\n            source.formioContainer.push(info);\n        }\n        source.formioComponent.rebuild().then(() => {\n            this.isComponentCreated = true;\n        });\n    }\n    /**\n     * Creates copy of component schema and stores it under sessionStorage.\n     * @param {Component} component\n     * @return {*}\n     */\n    copyComponent(component) {\n        if (!window.sessionStorage) {\n            return console.warn('Session storage is not supported in this browser.');\n        }\n        this.addClass(this.refs.form, 'builder-paste-mode');\n        window.sessionStorage.setItem('formio.clipboard', JSON.stringify(component.schema));\n    }\n    /**\n     * Paste copied component after the current component.\n     * @param {Component} component\n     * @return {*}\n     */\n    pasteComponent(component) {\n        if (!window.sessionStorage) {\n            return console.warn('Session storage is not supported in this browser.');\n        }\n        this.removeClass(this.refs.form, 'builder-paste-mode');\n        if (window.sessionStorage) {\n            const data = window.sessionStorage.getItem('formio.clipboard');\n            if (data) {\n                const schema = JSON.parse(data);\n                const parent = this.getParentElement(component.element);\n                if (parent) {\n                    builder_1.default.uniquify(this.findNamespaceRoot(parent.formioComponent), schema);\n                    let path = '';\n                    let index = 0;\n                    const isParentSaveChildMethod = this.isParentSaveChildMethod(parent.formioComponent);\n                    if (parent.formioContainer && !isParentSaveChildMethod) {\n                        index = parent.formioContainer.indexOf(component.component);\n                        path = this.getComponentsPath(schema, parent.formioComponent.component);\n                        parent.formioContainer.splice(index + 1, 0, schema);\n                    }\n                    else if (isParentSaveChildMethod) {\n                        parent.formioComponent.saveChildComponent(schema, false);\n                    }\n                    parent.formioComponent.rebuild();\n                    this.emitSaveComponentEvent(schema, schema, parent.formioComponent.component, path, (index + 1), true, schema);\n                }\n                this.emit('change', this.form);\n            }\n        }\n    }\n    isParentSaveChildMethod(parentComp) {\n        return !!(parentComp && parentComp.saveChildComponent);\n    }\n    getParentElement(element) {\n        let container = element;\n        do {\n            container = container.parentNode;\n        } while (container && !container.formioComponent);\n        return container;\n    }\n    addBuilderComponentInfo(component) {\n        if (!component || !component.group || !this.groups[component.group]) {\n            return;\n        }\n        component = lodash_1.default.clone(component);\n        const groupInfo = this.groups[component.group];\n        if (!groupInfo.components.hasOwnProperty(component.key)) {\n            groupInfo.components[component.key] = component;\n        }\n        return component;\n    }\n    init() {\n        if (this.webform) {\n            this.webform.init();\n        }\n        return super.init();\n    }\n    clear() {\n        if (this.webform.initialized) {\n            this.webform.clear();\n        }\n    }\n    destroy(all = false) {\n        if (this.webform.initialized) {\n            this.webform.destroy(all);\n        }\n        super.destroy(all);\n    }\n    addBuilderGroup(name, group) {\n        if (!this.groups[name]) {\n            this.groups[name] = group;\n            this.groupOrder.push(name);\n            this.triggerRedraw();\n        }\n        else {\n            this.updateBuilderGroup(name, group);\n        }\n    }\n    updateBuilderGroup(name, group) {\n        if (this.groups[name]) {\n            this.groups[name] = group;\n            this.triggerRedraw();\n        }\n    }\n    generateKey(info) {\n        return info.key || lodash_1.default.camelCase(info.title ||\n            info.label ||\n            info.placeholder ||\n            info.type);\n    }\n}\nexports[\"default\"] = WebformBuilder;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/WebformBuilder.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 Webform_1 = __importDefault(__webpack_require__(/*! ./Webform */ \"./lib/cjs/Webform.js\"));\nconst Component_1 = __importDefault(__webpack_require__(/*! ./components/_classes/component/Component */ \"./lib/cjs/components/_classes/component/Component.js\"));\nconst tippy_js_1 = __importDefault(__webpack_require__(/*! tippy.js */ \"./node_modules/tippy.js/dist/tippy.esm.js\"));\nconst native_promise_only_1 = __importDefault(__webpack_require__(/*! native-promise-only */ \"./node_modules/native-promise-only/lib/npo.src.js\"));\nconst Components_1 = __importDefault(__webpack_require__(/*! ./components/Components */ \"./lib/cjs/components/Components.js\"));\nconst Formio_1 = __webpack_require__(/*! ./Formio */ \"./lib/cjs/Formio.js\");\nconst utils_1 = __webpack_require__(/*! ./utils/utils */ \"./lib/cjs/utils/utils.js\");\nconst formUtils_1 = __webpack_require__(/*! ./utils/formUtils */ \"./lib/cjs/utils/formUtils.js\");\nconst builder_1 = __importDefault(__webpack_require__(/*! ./utils/builder */ \"./lib/cjs/utils/builder.js\"));\nconst lodash_1 = __importDefault(__webpack_require__(/*! lodash */ \"./node_modules/lodash/lodash.js\"));\nconst dom_autoscroller_1 = __importDefault(__webpack_require__(/*! dom-autoscroller */ \"./node_modules/dom-autoscroller/dist/bundle.js\"));\nconst Templates_1 = __importDefault(__webpack_require__(/*! ./templates/Templates */ \"./lib/cjs/templates/Templates.js\"));\n__webpack_require__(/*! ./components/builder */ \"./lib/cjs/components/builder.js\");\n// We need this here because dragula pulls in CustomEvent class that requires global to exist.\nif (typeof window !== 'undefined' && typeof window.global === 'undefined') {\n    window.global = window;\n}\nconst dragula_min_js_1 = __importDefault(__webpack_require__(/*! dragula/dist/dragula.min.js */ \"./node_modules/dragula/dist/dragula.min.js\"));\nclass WebformBuilder extends Component_1.default {\n    // eslint-disable-next-line max-statements\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        // Reset skipInit in case PDFBuilder has set it.\n        options.skipInit = false;\n        options.display = options.display || 'form';\n        super(null, options);\n        this.moveHandler = (e) => {\n            e.stopPropagation();\n            e.preventDefault();\n            if (e.keyCode === 38) {\n                this.updateComponentPlacement(true);\n            }\n            if (e.keyCode === 40) {\n                this.updateComponentPlacement(false);\n            }\n            if (e.keyCode === 13) {\n                this.stopMoving(this.selectedElement);\n            }\n        };\n        this.setElement(element);\n        this.dragulaLib = dragula_min_js_1.default;\n        this.builderHeight = 0;\n        this.schemas = {};\n        this.repeatablePaths = [];\n        this.sideBarScroll = lodash_1.default.get(this.options, 'sideBarScroll', true);\n        this.sideBarScrollOffset = lodash_1.default.get(this.options, 'sideBarScrollOffset', 0);\n        this.dragDropEnabled = true;\n        // Setup the builder options.\n        this.builder = lodash_1.default.defaultsDeep({}, this.options.builder, this.defaultGroups);\n        // Turn off if explicitely said to do so...\n        lodash_1.default.each(this.defaultGroups, (config, key) => {\n            if (config === false) {\n                this.builder[key] = false;\n            }\n        });\n        // Add the groups.////\n        this.groups = {};\n        this.groupOrder = [];\n        for (const group in this.builder) {\n            if (this.builder[group]) {\n                this.builder[group].key = group;\n                this.groups[group] = this.builder[group];\n                this.groups[group].components = this.groups[group].components || {};\n                this.groups[group].componentOrder = this.groups[group].componentOrder || [];\n                this.groups[group].subgroups = Object.keys(this.groups[group].groups || {}).map((groupKey) => {\n                    this.groups[group].groups[groupKey].componentOrder = Object.keys(this.groups[group].groups[groupKey].components).map((key) => key);\n                    return this.groups[group].groups[groupKey];\n                });\n                this.groupOrder.push(this.groups[group]);\n            }\n        }\n        this.groupOrder = this.groupOrder\n            .filter(group => group && !group.ignore)\n            .sort((a, b) => a.weight - b.weight)\n            .map(group => group.key);\n        for (const type in Components_1.default.components) {\n            const component = Components_1.default.components[type];\n            if (component.builderInfo && component.builderInfo.schema) {\n                this.schemas[type] = component.builderInfo.schema;\n                component.type = type;\n                const builderInfo = component.builderInfo;\n                builderInfo.key = component.type;\n                this.addBuilderComponentInfo(builderInfo);\n            }\n        }\n        // Filter out any extra components.\n        // Add the components in each group.\n        for (const group in this.groups) {\n            const info = this.groups[group];\n            for (const key in info.components) {\n                const compKey = group === 'resource' ? `component-${key}` : key;\n                let comp = info.components[compKey];\n                if (comp === true &&\n                    Components_1.default.components[key] &&\n                    Components_1.default.components[key].builderInfo) {\n                    comp = Components_1.default.components[key].builderInfo;\n                }\n                if (comp && comp.schema) {\n                    this.schemas[key] = comp.schema;\n                    info.components[compKey] = comp;\n                    info.components[compKey].key = key;\n                }\n                else {\n                    // Do not include this component in the components array.\n                    delete info.components[compKey];\n                }\n            }\n            // Order the components.\n            this.orderComponents(info);\n        }\n        this.options.hooks = this.options.hooks || {};\n        this.options.hooks.renderComponent = (html, { component, self }) => {\n            var _a;\n            if (self.type === 'form' && !self.key) {\n                const template = this.hook('renderComponentFormTemplate', html.replace('formio-component-form', ''));\n                // The main webform shouldn't have this class as it adds extra styles.\n                return template;\n            }\n            if (this.options.disabled && this.options.disabled.includes(self.key) || self.parent.noDragDrop) {\n                return html;\n            }\n            return this.renderTemplate('builderComponent', {\n                html,\n                disableBuilderActions: (_a = self === null || self === void 0 ? void 0 : self.component) === null || _a === void 0 ? void 0 : _a.disableBuilderActions,\n                childComponent: component,\n            });\n        };\n        this.options.hooks.renderComponents = (html, { components, self }) => {\n            // if Datagrid and already has a component, don't make it droppable.\n            if (self.type === 'datagrid' && components.length > 0 || self.noDragDrop) {\n                return html;\n            }\n            if (!components ||\n                (!components.length && !components.nodrop) ||\n                (self.type === 'form' && components.length <= 1 && (components.length === 0 || components[0].type === 'button'))) {\n                html = this.renderTemplate('builderPlaceholder', {\n                    position: 0\n                }) + html;\n            }\n            return this.renderTemplate('builderComponents', {\n                key: self.key,\n                type: self.type,\n                html,\n            });\n        };\n        this.options.hooks.renderInput = (html, { self }) => {\n            if (self.type === 'hidden') {\n                return html + self.name;\n            }\n            return html;\n        };\n        this.options.hooks.renderLoading = (html, { self }) => {\n            if (self.type === 'form' && self.key) {\n                return self.name;\n            }\n            return html;\n        };\n        this.options.hooks.attachComponents = (element, components, container, component) => {\n            // Don't attach if no element was found or component doesn't participate in drag'n'drop.\n            if (!element) {\n                return;\n            }\n            if (component.noDragDrop) {\n                return element;\n            }\n            // Attach container and component to element for later reference.\n            const containerElement = element.querySelector(`[ref=\"${component.component.key}-container\"]`) || element;\n            containerElement.formioContainer = container;\n            containerElement.formioComponent = component;\n            // Add container to draggable list.\n            if (this.dragula && this.allowDrop(element)) {\n                this.dragula.containers.push(containerElement);\n            }\n            // If this is an existing datagrid element, don't make it draggable.\n            if ((component.type === 'datagrid' || component.type === 'datamap') && components.length > 0) {\n                return element;\n            }\n            // Since we added a wrapper, need to return the original element so that we can find the components inside it.\n            return element.children[0];\n        };\n        this.options.hooks.attachDatagrid = (element, component) => {\n            component.loadRefs(element, {\n                [`${component.key}-container`]: 'single',\n            });\n            const dataGridContainer = component.refs[`${component.key}-container`];\n            if (dataGridContainer) {\n                component.attachComponents(dataGridContainer.parentNode, [], component.component.components);\n            }\n            // Need to set up horizontal rearrangement of fields.\n        };\n        this.options.hooks.attachComponent = this.attachComponent.bind(this);\n        // Load resources tagged as 'builder'\n        const query = {\n            params: {\n                type: 'resource',\n                limit: 1000000,\n                select: '_id,title,name,components'\n            }\n        };\n        if (this.options && this.options.resourceTag) {\n            query.params.tags = [this.options.resourceTag];\n        }\n        else if (!this.options || !this.options.hasOwnProperty('resourceTag')) {\n            query.params.tags = ['builder'];\n        }\n        const formio = new Formio_1.Formio(Formio_1.Formio.projectUrl);\n        const isResourcesDisabled = this.options.builder && this.options.builder.resource === false;\n        formio.loadProject().then((project) => {\n            if (project && (lodash_1.default.get(project, 'settings.addConfigToForms', false) || lodash_1.default.get(project, 'addConfigToForms', false))) {\n                const config = project.config || {};\n                this.options.formConfig = config;\n                const pathToFormConfig = 'webform._form.config';\n                const webformConfig = lodash_1.default.get(this, pathToFormConfig);\n                if (this.webform && !webformConfig) {\n                    lodash_1.default.set(this, pathToFormConfig, config);\n                }\n            }\n        }).catch((err) => {\n            console.warn(`Could not load project settings: ${err.message || err}`);\n        });\n        if (!formio.noProject && !isResourcesDisabled && formio.formsUrl) {\n            const resourceOptions = this.options.builder && this.options.builder.resource;\n            formio.loadForms(query)\n                .then((resources) => {\n                if (resources.length) {\n                    this.builder.resource = {\n                        title: resourceOptions ? resourceOptions.title : 'Existing Resource Fields',\n                        key: 'resource',\n                        weight: resourceOptions ? resourceOptions.weight : 50,\n                        subgroups: [],\n                        components: [],\n                        componentOrder: []\n                    };\n                    this.groups.resource = {\n                        title: resourceOptions ? resourceOptions.title : 'Existing Resource Fields',\n                        key: 'resource',\n                        weight: resourceOptions ? resourceOptions.weight : 50,\n                        subgroups: [],\n                        components: [],\n                        componentOrder: []\n                    };\n                    if (!this.groupOrder.includes('resource')) {\n                        this.groupOrder.push('resource');\n                    }\n                    this.addExistingResourceFields(resources);\n                }\n            });\n        }\n        // Notify components if they need to modify their render.\n        this.options.attachMode = 'builder';\n        this.webform = this.webform || this.createForm(this.options);\n        this.pathComponentsMapping = {};\n        this.arrayDataComponentPaths = [];\n        this.nestedDataComponents = [];\n        this.arrayDataComponents = [];\n    }\n    allowDrop() {\n        return true;\n    }\n    addExistingResourceFields(resources) {\n        lodash_1.default.each(resources, (resource, index) => {\n            const resourceKey = `resource-${resource.name}`;\n            const subgroup = {\n                key: resourceKey,\n                title: resource.title,\n                components: [],\n                componentOrder: [],\n                default: index === 0,\n            };\n            (0, formUtils_1.eachComponent)(resource.components, (component) => {\n                if (component.type === 'button')\n                    return;\n                if (this.options &&\n                    this.options.resourceFilter &&\n                    (!component.tags || component.tags.indexOf(this.options.resourceFilter) === -1))\n                    return;\n                let componentName = component.label;\n                if (!componentName && component.key) {\n                    componentName = lodash_1.default.upperFirst(component.key);\n                }\n                subgroup.componentOrder.push(`component-${component.key}`);\n                subgroup.components[`component-${component.key}`] = lodash_1.default.merge((0, utils_1.fastCloneDeep)(Components_1.default.components[component.type]\n                    ? Components_1.default.components[component.type].builderInfo\n                    : Components_1.default.components['unknown'].builderInfo), {\n                    key: component.key,\n                    title: componentName,\n                    group: 'resource',\n                    subgroup: resourceKey,\n                }, {\n                    schema: Object.assign(Object.assign({}, component), { label: component.label, key: component.key, lockKey: true, source: (!this.options.noSource ? resource._id : undefined), isNew: true })\n                });\n            }, true);\n            this.groups.resource.subgroups.push(subgroup);\n        });\n        this.triggerRedraw();\n    }\n    attachTooltip(component, title) {\n        return (0, tippy_js_1.default)(component, {\n            allowHTML: true,\n            trigger: 'mouseenter focus',\n            placement: 'top',\n            delay: [200, 0],\n            zIndex: 10000,\n            content: title\n        });\n    }\n    attachComponent(element, component) {\n        // Add component to element for later reference.\n        element.formioComponent = component;\n        component.loadRefs(element, {\n            removeComponent: 'single',\n            editComponent: 'single',\n            moveComponent: 'single',\n            copyComponent: 'single',\n            pasteComponent: 'single',\n            editJson: 'single'\n        });\n        if (component.refs.copyComponent) {\n            this.attachTooltip(component.refs.copyComponent, this.t('Copy'));\n            component.addEventListener(component.refs.copyComponent, 'click', () => this.copyComponent(component));\n        }\n        if (component.refs.pasteComponent) {\n            const pasteToolTip = this.attachTooltip(component.refs.pasteComponent, this.t('Paste below'));\n            component.addEventListener(component.refs.pasteComponent, 'click', () => {\n                pasteToolTip.hide();\n                this.pasteComponent(component);\n            });\n        }\n        if (component.refs.moveComponent) {\n            this.attachTooltip(component.refs.moveComponent, this.t('Move'));\n            if (this.keyboardActionsEnabled) {\n                component.addEventListener(component.refs.moveComponent, 'click', () => {\n                    this.moveComponent(component);\n                });\n            }\n        }\n        const parent = this.getParentElement(element);\n        if (component.refs.editComponent) {\n            this.attachTooltip(component.refs.editComponent, this.t('Edit'));\n            component.addEventListener(component.refs.editComponent, 'click', () => this.editComponent(component.schema, parent, false, false, component.component, { inDataGrid: component.isInDataGrid }));\n        }\n        if (component.refs.editJson) {\n            this.attachTooltip(component.refs.editJson, this.t('Edit JSON'));\n            component.addEventListener(component.refs.editJson, 'click', () => this.editComponent(component.schema, parent, false, true, component.component));\n        }\n        if (component.refs.removeComponent) {\n            this.attachTooltip(component.refs.removeComponent, this.t('Remove'));\n            component.addEventListener(component.refs.removeComponent, 'click', () => this.removeComponent(component.schema, parent, component.component));\n        }\n        return element;\n    }\n    createForm(options) {\n        this.webform = new Webform_1.default(this.element, options);\n        if (this.element) {\n            this.loadRefs(this.element, {\n                form: 'single'\n            });\n            if (this.refs.form) {\n                this.webform.element = this.refs.form;\n            }\n        }\n        return this.webform;\n    }\n    /**\n     * Called when everything is ready.\n     *\n     * @returns {Promise} - Wait for webform to be ready.\n     */\n    get ready() {\n        return this.webform.ready;\n    }\n    get defaultGroups() {\n        return {\n            basic: {\n                title: 'Basic',\n                weight: 0,\n                default: true,\n            },\n            advanced: {\n                title: 'Advanced',\n                weight: 10\n            },\n            layout: {\n                title: 'Layout',\n                weight: 20\n            },\n            data: {\n                title: 'Data',\n                weight: 30\n            },\n            premium: {\n                title: 'Premium',\n                weight: 40\n            },\n        };\n    }\n    redraw() {\n        return Webform_1.default.prototype.redraw.call(this);\n    }\n    get form() {\n        return this.webform.form;\n    }\n    get schema() {\n        return this.webform.schema;\n    }\n    set form(value) {\n        this.setForm(value);\n    }\n    get container() {\n        return this.webform.form.components;\n    }\n    /**\n     * When a component sets its api key, we need to check if it is unique within its namespace. Find the namespace root\n     * so we can calculate this correctly.\n     * @param component\n     */\n    findNamespaceRoot(component) {\n        const path = (0, utils_1.getArrayFromComponentPath)(component.path);\n        // First get the component with nested parents.\n        let comp = this.webform.getComponent(path);\n        comp = Array.isArray(comp) ? comp[0] : comp;\n        const namespaceKey = this.recurseNamespace(comp);\n        // If there is no key, it is the root form.\n        if (!namespaceKey || this.form.key === namespaceKey) {\n            return this.form.components;\n        }\n        const componentSchema = component.component;\n        // If the current component is the namespace, we don't need to find it again.\n        if (namespaceKey === component.key) {\n            return [...componentSchema.components, componentSchema];\n        }\n        // Get the namespace component so we have the original object.\n        const namespaceComponent = (0, formUtils_1.getComponent)(this.form.components, namespaceKey, true);\n        return namespaceComponent ? namespaceComponent.components : comp.components;\n    }\n    recurseNamespace(component) {\n        // If there is no parent, we are at the root level.\n        if (!component) {\n            return null;\n        }\n        // Some components are their own namespace.\n        if (['address', 'container', 'datagrid', 'editgrid', 'dynamicWizard', 'tree'].includes(component.type) || component.tree || component.arrayTree) {\n            return component.key;\n        }\n        // Anything else, keep going up.\n        return this.recurseNamespace(component.parent);\n    }\n    render() {\n        return this.renderTemplate('builder', {\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                    keyboardActionsEnabled: this.keyboardActionsEnabled,\n                })),\n            }),\n            form: this.webform.render(),\n        });\n    }\n    attach(element) {\n        this.on('change', (form) => {\n            this.populateRecaptchaSettings(form);\n        });\n        return super.attach(element).then(() => {\n            this.loadRefs(element, {\n                form: 'single',\n                sidebar: 'single',\n                'sidebar-search': 'single',\n                'sidebar-groups': 'single',\n                'container': 'multiple',\n                'sidebar-anchor': 'multiple',\n                'sidebar-group': 'multiple',\n                'sidebar-container': 'multiple',\n                'sidebar-component': 'multiple',\n            });\n            if (this.sideBarScroll && Templates_1.default.current.handleBuilderSidebarScroll) {\n                Templates_1.default.current.handleBuilderSidebarScroll.call(this, this);\n            }\n            // Add the paste status in form\n            if (typeof window !== 'undefined' && window.sessionStorage) {\n                const data = window.sessionStorage.getItem('formio.clipboard');\n                if (data) {\n                    this.addClass(this.refs.form, 'builder-paste-mode');\n                }\n            }\n            if (!(0, utils_1.bootstrapVersion)(this.options)) {\n                const getAttribute = (anchor, attribute) => {\n                    let elem = anchor.getAttribute(`data-${attribute}`);\n                    if (!elem) {\n                        elem = anchor.getAttribute(`data-bs-${attribute}`);\n                    }\n                    return elem;\n                };\n                const hideShow = (group, show) => {\n                    if (show) {\n                        group.classList.add(['show']);\n                        group.style.display = 'inherit';\n                    }\n                    else {\n                        group.classList.remove(['show']);\n                        group.style.display = 'none';\n                    }\n                };\n                // Initialize\n                this.refs['sidebar-group'].forEach((group) => {\n                    hideShow(group, getAttribute(group, 'default') === 'true');\n                });\n                // Click event\n                this.refs['sidebar-anchor'].forEach((anchor, index) => {\n                    this.addEventListener(anchor, 'click', () => {\n                        const clickedParentId = getAttribute(anchor, 'parent').slice('#builder-sidebar-'.length);\n                        const clickedId = getAttribute(anchor, 'target').slice('#group-'.length);\n                        this.refs['sidebar-group'].forEach((group, groupIndex) => {\n                            const openByDefault = getAttribute(group, 'default') === 'true';\n                            const groupId = group.getAttribute('id').slice('group-'.length);\n                            const groupParent = getAttribute(group, 'parent').slice('#builder-sidebar-'.length);\n                            hideShow(group, ((openByDefault && groupParent === clickedId) || groupId === clickedParentId || groupIndex === index));\n                        });\n                    }, true);\n                });\n            }\n            if (this.keyboardActionsEnabled) {\n                this.refs['sidebar-component'].forEach((component) => {\n                    this.addEventListener(component, 'keydown', (event) => {\n                        if (event.keyCode === 13) {\n                            this.addNewComponent(component);\n                        }\n                    });\n                });\n            }\n            this.addEventListener(this.refs['sidebar-search'], 'input', lodash_1.default.debounce((e) => {\n                const searchString = e.target.value;\n                this.searchFields(searchString);\n            }, 300));\n            if (this.dragDropEnabled) {\n                this.initDragula();\n            }\n            const drake = this.dragula;\n            if (this.refs.form) {\n                (0, dom_autoscroller_1.default)([window], {\n                    margin: 20,\n                    maxSpeed: 6,\n                    scrollWhenOutside: true,\n                    autoScroll: function () {\n                        return this.down && (drake === null || drake === void 0 ? void 0 : drake.dragging);\n                    }\n                });\n                return this.webform.attach(this.refs.form);\n            }\n        });\n    }\n    searchFields(searchString = '') {\n        const searchValue = searchString.toLowerCase();\n        const sidebar = this.refs['sidebar'];\n        const sidebarGroups = this.refs['sidebar-groups'];\n        if (!sidebar || !sidebarGroups) {\n            return;\n        }\n        const filterGroupBy = (group, searchValue = '') => {\n            const result = lodash_1.default.toPlainObject(group);\n            const { subgroups = [], components } = result;\n            const filteredComponents = [];\n            for (const key in components) {\n                const isMatchedToTitle = components[key].title.toLowerCase().match(searchValue);\n                const isMatchedToKey = components[key].key.toLowerCase().match(searchValue);\n                if (isMatchedToTitle || isMatchedToKey) {\n                    filteredComponents.push(components[key]);\n                }\n            }\n            this.orderComponents(result, filteredComponents);\n            if (searchValue) {\n                result.default = true;\n            }\n            if (result.componentOrder.length || subgroups.length) {\n                return result;\n            }\n            return null;\n        };\n        const filterGroupOrder = (groupOrder, searchValue) => {\n            const result = lodash_1.default.cloneDeep(groupOrder);\n            return result.filter(key => filterGroupBy(this.groups[key], searchValue));\n        };\n        const filterSubgroups = (groups, searchValue) => {\n            const result = lodash_1.default.clone(groups);\n            return result\n                .map(subgroup => filterGroupBy(subgroup, searchValue))\n                .filter(subgroup => !lodash_1.default.isNull(subgroup));\n        };\n        const toTemplate = groupKey => {\n            return {\n                group: filterGroupBy(this.groups[groupKey], searchValue),\n                groupKey,\n                groupId: sidebar.id || sidebarGroups.id,\n                subgroups: filterSubgroups(this.groups[groupKey].subgroups, searchValue)\n                    .map((group) => this.renderTemplate('builderSidebarGroup', {\n                    group,\n                    groupKey: group.key,\n                    groupId: `group-container-${groupKey}`,\n                    subgroups: []\n                })),\n            };\n        };\n        sidebarGroups.innerHTML = filterGroupOrder(this.groupOrder, searchValue)\n            .map(groupKey => this.renderTemplate('builderSidebarGroup', toTemplate(groupKey)))\n            .join('');\n        this.loadRefs(this.element, {\n            'sidebar-groups': 'single',\n            'sidebar-anchor': 'multiple',\n            'sidebar-group': 'multiple',\n            'sidebar-container': 'multiple',\n        });\n        this.updateDragAndDrop();\n        if (searchValue === '') {\n            this.triggerRedraw();\n        }\n    }\n    orderComponents(groupInfo, foundComponents) {\n        const components = foundComponents || groupInfo.components;\n        const isResource = groupInfo.key.indexOf('resource-') === 0;\n        if (components) {\n            groupInfo.componentOrder = Object.keys(components)\n                .map(key => components[key])\n                .filter(component => component && !component.ignore && !component.ignoreForForm)\n                .sort((a, b) => a.weight - b.weight)\n                .map(component => isResource ? `component-${component.key}` : component.key);\n        }\n    }\n    updateDragAndDrop() {\n        if (this.dragDropEnabled) {\n            this.initDragula();\n        }\n        if (this.refs.form) {\n            return this.webform.attach(this.refs.form);\n        }\n    }\n    initDragula() {\n        const options = this.options;\n        if (this.dragula) {\n            this.dragula.destroy();\n        }\n        const containersArray = Array.prototype.slice.call(this.refs['sidebar-container']).filter(item => {\n            return item.id !== 'group-container-resource';\n        });\n        if (!dragula_min_js_1.default) {\n            return;\n        }\n        this.dragula = (0, dragula_min_js_1.default)(containersArray, {\n            moves(el) {\n                let moves = true;\n                const list = Array.from(el.classList).filter(item => item.indexOf('formio-component-') === 0);\n                list.forEach(item => {\n                    const key = item.slice('formio-component-'.length);\n                    if (options.disabled && options.disabled.includes(key)) {\n                        moves = false;\n                    }\n                });\n                if (el.classList.contains('no-drag')) {\n                    moves = false;\n                }\n                return moves;\n            },\n            copy(el) {\n                return el.classList.contains('drag-copy');\n            },\n            accepts(el, target) {\n                return !el.contains(target) && !target.classList.contains('no-drop');\n            }\n        }).on('drop', (element, target, source, sibling) => this.onDrop(element, target, source, sibling));\n    }\n    detach() {\n        if (this.dragula) {\n            this.dragula.destroy();\n        }\n        this.dragula = null;\n        if (this.sideBarScroll && Templates_1.default.current.clearBuilderSidebarScroll) {\n            Templates_1.default.current.clearBuilderSidebarScroll.call(this, this);\n        }\n        super.detach();\n    }\n    getComponentInfo(key, group) {\n        let info;\n        // This is a new component\n        if (this.schemas.hasOwnProperty(key)) {\n            info = (0, utils_1.fastCloneDeep)(this.schemas[key]);\n        }\n        else if (this.groups.hasOwnProperty(group)) {\n            const groupComponents = this.groups[group].components;\n            if (groupComponents.hasOwnProperty(key)) {\n                info = (0, utils_1.fastCloneDeep)(groupComponents[key].schema);\n            }\n        }\n        else if (group.slice(0, group.indexOf('-')) === 'resource') {\n            // This is an existing resource field.\n            const resourceGroups = this.groups.resource.subgroups;\n            const resourceGroup = lodash_1.default.find(resourceGroups, { key: group });\n            if (resourceGroup && resourceGroup.components.hasOwnProperty(`component-${key}`)) {\n                info = (0, utils_1.fastCloneDeep)(resourceGroup.components[`component-${key}`].schema);\n            }\n        }\n        else if (group === 'searchFields') { //Search components go into this group\n            const resourceGroups = this.groups.resource.subgroups;\n            for (let ix = 0; ix < resourceGroups.length; ix++) {\n                const resourceGroup = resourceGroups[ix];\n                if (resourceGroup.components.hasOwnProperty(`component-${key}`)) {\n                    info = (0, utils_1.fastCloneDeep)(resourceGroup.components[`component-${key}`].schema);\n                    break;\n                }\n            }\n        }\n        if (info) {\n            info.key = this.generateKey(info);\n        }\n        return info;\n    }\n    getComponentsPath(component, parent) {\n        // Get path to the component in the parent component.\n        let path = 'components';\n        let columnIndex = 0;\n        let tableRowIndex = 0;\n        let tableColumnIndex = 0;\n        let tabIndex = 0;\n        switch (parent.type) {\n            case 'table':\n                tableRowIndex = lodash_1.default.findIndex(parent.rows, row => row.some(column => column.components.some(comp => comp.key === component.key)));\n                tableColumnIndex = lodash_1.default.findIndex(parent.rows[tableRowIndex], (column => column.components.some(comp => comp.key === component.key)));\n                path = `rows[${tableRowIndex}][${tableColumnIndex}].components`;\n                break;\n            case 'columns':\n                columnIndex = lodash_1.default.findIndex(parent.columns, column => column.components.some(comp => comp.key === component.key));\n                path = `columns[${columnIndex}].components`;\n                break;\n            case 'tabs':\n                tabIndex = lodash_1.default.findIndex(parent.components, tab => tab.components.some(comp => comp.key === component.key));\n                path = `components[${tabIndex}].components`;\n                break;\n        }\n        return path;\n    }\n    /* eslint-disable max-statements */\n    onDrop(element, target, source, sibling) {\n        var _a;\n        if (!target) {\n            return;\n        }\n        // If you try to drop within itself.\n        if (element.contains(target)) {\n            return;\n        }\n        const key = element.getAttribute('data-key');\n        const type = element.getAttribute('data-type');\n        const group = element.getAttribute('data-group');\n        let info, isNew, path, index;\n        if (key && group) {\n            // This is a new component.\n            info = this.getComponentInfo(key, group);\n            if (!info && type) {\n                info = this.getComponentInfo(type, group);\n            }\n            isNew = true;\n        }\n        else if (source.formioContainer) {\n            index = lodash_1.default.findIndex(source.formioContainer, { key: element.formioComponent.component.key });\n            if (index !== -1) {\n                // Grab and remove the component from the source container.\n                info = source.formioContainer.splice(lodash_1.default.findIndex(source.formioContainer, { key: element.formioComponent.component.key }), 1);\n                // Since splice returns an array of one object, we need to destructure it.\n                info = info[0];\n            }\n        }\n        // If we haven't found the component, stop.\n        if (!info) {\n            return;\n        }\n        // Show an error if siblings are disabled for a component and such a component already exists.\n        const compKey = (group === 'resource') ? `component-${key}` : key;\n        const draggableComponent = ((_a = this.groups[group]) === null || _a === void 0 ? void 0 : _a.components[compKey]) || {};\n        if (draggableComponent.disableSiblings) {\n            let isCompAlreadyExists = false;\n            (0, formUtils_1.eachComponent)(this.webform.components, (component) => {\n                if (component.type === draggableComponent.schema.type) {\n                    isCompAlreadyExists = true;\n                    return;\n                }\n            }, true);\n            if (isCompAlreadyExists) {\n                this.webform.redraw();\n                this.webform.setAlert('danger', `You cannot add more than one ${draggableComponent.key} component to one page.`);\n                return;\n            }\n        }\n        if (target !== source) {\n            // Ensure the key remains unique in its new container.\n            builder_1.default.uniquify(this.findNamespaceRoot(target.formioComponent), info);\n        }\n        const parent = target.formioComponent;\n        // Insert in the new container.\n        if (target.formioContainer) {\n            if (sibling) {\n                if (!sibling.getAttribute('data-noattach')) {\n                    index = lodash_1.default.findIndex(target.formioContainer, { key: lodash_1.default.get(sibling, 'formioComponent.component.key') });\n                    index = (index === -1) ? 0 : index;\n                }\n                else {\n                    index = sibling.getAttribute('data-position');\n                }\n                if (index !== -1) {\n                    target.formioContainer.splice(index, 0, info);\n                }\n            }\n            else {\n                target.formioContainer.push(info);\n            }\n            path = this.getComponentsPath(info, parent.component);\n            index = lodash_1.default.findIndex(lodash_1.default.get(parent.schema, path), { key: info.key });\n            if (index === -1) {\n                index = 0;\n            }\n        }\n        if (parent && parent.addChildComponent) {\n            parent.addChildComponent(info, element, target, source, sibling);\n        }\n        const componentInDataGrid = parent.type === 'datagrid';\n        if (isNew && !this.options.noNewEdit && !info.noNewEdit) {\n            this.editComponent(info, target, isNew, null, null, { inDataGrid: componentInDataGrid });\n        }\n        // Only rebuild the parts needing to be rebuilt.\n        let rebuild;\n        if (target !== source) {\n            if (source.formioContainer && source.contains(target)) {\n                rebuild = source.formioComponent.rebuild();\n            }\n            else if (target.contains(source)) {\n                rebuild = target.formioComponent.rebuild();\n            }\n            else {\n                if (source.formioContainer) {\n                    rebuild = source.formioComponent.rebuild();\n                }\n                rebuild = target.formioComponent.rebuild();\n            }\n        }\n        else {\n            // If they are the same, only rebuild one.\n            rebuild = target.formioComponent.rebuild();\n        }\n        if (!rebuild) {\n            rebuild = native_promise_only_1.default.resolve();\n        }\n        return rebuild.then(() => {\n            this.emit('addComponent', info, parent, path, index, isNew && !this.options.noNewEdit && !info.noNewEdit);\n            if (!isNew || this.options.noNewEdit || info.noNewEdit) {\n                this.emit('change', this.form);\n            }\n        });\n    }\n    setForm(form) {\n        var _a;\n        if (!form.components) {\n            form.components = [];\n        }\n        if (form && form.properties) {\n            this.options.properties = form.properties;\n        }\n        this.keyboardActionsEnabled = lodash_1.default.get(this.options, 'keyboardBuilder', false) || ((_a = this.options.properties) === null || _a === void 0 ? void 0 : _a.keyboardBuilder);\n        const isShowSubmitButton = !this.options.noDefaultSubmitButton\n            && !form.components.length;\n        // Ensure there is at least a submit button.\n        if (isShowSubmitButton) {\n            form.components.push({\n                type: 'button',\n                label: 'Submit',\n                key: 'submit',\n                size: 'md',\n                block: false,\n                action: 'submit',\n                disableOnInvalid: true,\n                theme: 'primary'\n            });\n        }\n        if (this.webform) {\n            const shouldRebuild = !this.webform.form.components ||\n                (form.components.length !== this.webform.form.components.length);\n            return this.webform.setForm(form, { keepAsReference: true }).then(() => {\n                if (this.refs.form) {\n                    this.builderHeight = this.refs.form.offsetHeight;\n                }\n                if (!shouldRebuild) {\n                    return this.form;\n                }\n                return this.rebuild().then(() => this.form);\n            });\n        }\n        return native_promise_only_1.default.resolve(form);\n    }\n    populateRecaptchaSettings(form) {\n        //populate isEnabled for recaptcha form settings\n        let isRecaptchaEnabled = false;\n        if (this.form.components) {\n            (0, formUtils_1.eachComponent)(form.components, component => {\n                if (isRecaptchaEnabled) {\n                    return;\n                }\n                if (component.type === 'recaptcha') {\n                    isRecaptchaEnabled = true;\n                    return false;\n                }\n            });\n            if (isRecaptchaEnabled) {\n                lodash_1.default.set(form, 'settings.recaptcha.isEnabled', true);\n            }\n            else if (lodash_1.default.get(form, 'settings.recaptcha.isEnabled')) {\n                lodash_1.default.set(form, 'settings.recaptcha.isEnabled', false);\n            }\n        }\n    }\n    removeComponent(component, parent, original) {\n        if (!parent) {\n            return;\n        }\n        let remove = true;\n        const removingComponentsGroup = !component.skipRemoveConfirm &&\n            ((Array.isArray(component.components) && component.components.length) ||\n                (Array.isArray(component.rows) && component.rows.length) ||\n                (Array.isArray(component.columns) && component.columns.length));\n        if (this.options.alwaysConfirmComponentRemoval || removingComponentsGroup) {\n            const message = removingComponentsGroup ? 'Removing this component will also remove all of its children. Are you sure you want to do this?'\n                : 'Are you sure you want to remove this component?';\n            remove = window.confirm(this.t(message));\n        }\n        if (!original) {\n            original = parent.formioContainer.find((comp) => comp.id === component.id);\n        }\n        const index = parent.formioContainer ? parent.formioContainer.indexOf(original) : 0;\n        if (remove && index !== -1) {\n            const path = this.getComponentsPath(component, parent.formioComponent.component);\n            if (parent.formioContainer) {\n                parent.formioContainer.splice(index, 1);\n            }\n            else if (parent.formioComponent && parent.formioComponent.removeChildComponent) {\n                parent.formioComponent.removeChildComponent(component);\n            }\n            const rebuild = parent.formioComponent.rebuild() || native_promise_only_1.default.resolve();\n            rebuild.then(() => {\n                this.emit('removeComponent', component, parent.formioComponent.schema, path, index);\n                this.emit('change', this.form);\n            });\n        }\n        return remove;\n    }\n    replaceDoubleQuotes(data, fieldsToRemoveDoubleQuotes = []) {\n        if (data) {\n            fieldsToRemoveDoubleQuotes.forEach((key) => {\n                if (data[key]) {\n                    data[key] = data[key].replace(/\"/g, \"'\");\n                }\n            });\n            return data;\n        }\n    }\n    updateComponent(component, changed) {\n        // Update the preview.\n        if (this.preview) {\n            this.preview.form = {\n                components: [lodash_1.default.omit(Object.assign({}, component), [\n                        'hidden',\n                        'conditional',\n                        'calculateValue',\n                        'logic',\n                        'autofocus',\n                        'customConditional',\n                    ])],\n                config: this.options.formConfig || {}\n            };\n            const fieldsToRemoveDoubleQuotes = ['label', 'tooltip'];\n            this.preview.form.components.forEach(component => this.replaceDoubleQuotes(component, fieldsToRemoveDoubleQuotes));\n            const previewElement = this.componentEdit.querySelector('[ref=\"preview\"]');\n            if (previewElement) {\n                this.setContent(previewElement, this.preview.render());\n                this.preview.attach(previewElement);\n            }\n        }\n        // Change the \"default value\" field to be reflective of this component.\n        const defaultValueComponent = (0, formUtils_1.getComponent)(this.editForm.components, 'defaultValue', true);\n        if (defaultValueComponent && component.type !== 'hidden') {\n            const defaultChanged = changed && ((changed.component && changed.component.key === 'defaultValue')\n                || (changed.instance && defaultValueComponent.hasComponent && defaultValueComponent.hasComponent(changed.instance)));\n            if (!defaultChanged) {\n                lodash_1.default.assign(defaultValueComponent.component, lodash_1.default.omit(Object.assign({}, component), [\n                    'key',\n                    'label',\n                    'placeholder',\n                    'tooltip',\n                    'hidden',\n                    'autofocus',\n                    'validate',\n                    'disabled',\n                    'defaultValue',\n                    'customDefaultValue',\n                    'calculateValue',\n                    'conditional',\n                    'customConditional',\n                    'id'\n                ]));\n                const parentComponent = defaultValueComponent.parent;\n                let tabIndex = -1;\n                let index = -1;\n                parentComponent.tabs.some((tab, tIndex) => {\n                    tab.some((comp, compIndex) => {\n                        if (comp.id === defaultValueComponent.id) {\n                            tabIndex = tIndex;\n                            index = compIndex;\n                            return true;\n                        }\n                        return false;\n                    });\n                });\n                if (tabIndex !== -1 && index !== -1 && changed && changed.value) {\n                    const sibling = parentComponent.tabs[tabIndex][index + 1];\n                    parentComponent.removeComponent(defaultValueComponent);\n                    const newComp = parentComponent.addComponent(defaultValueComponent.component, defaultValueComponent.data, sibling);\n                    lodash_1.default.pull(newComp.validators, 'required');\n                    parentComponent.tabs[tabIndex].splice(index, 1, newComp);\n                    newComp.checkValidity = () => true;\n                    newComp.build(defaultValueComponent.element);\n                }\n            }\n            else {\n                let dataPath = changed.instance._data.key;\n                const path = (0, utils_1.getArrayFromComponentPath)(changed.instance.path);\n                path.shift();\n                if (path.length) {\n                    path.unshift(component.key);\n                    dataPath = (0, utils_1.getStringFromComponentPath)(path);\n                }\n                lodash_1.default.set(this.preview._data, dataPath, changed.value);\n                lodash_1.default.set(this.webform._data, dataPath, changed.value);\n            }\n        }\n        // Called when we update a component.\n        this.emit('updateComponent', component);\n    }\n    findRepeatablePaths() {\n        const repeatablePaths = [];\n        const keys = new Map();\n        (0, formUtils_1.eachComponent)(this.form.components, (comp, path) => {\n            if (!comp.key) {\n                return;\n            }\n            if (keys.has(comp.key)) {\n                if (keys.get(comp.key).includes(path)) {\n                    repeatablePaths.push(path);\n                }\n                else {\n                    keys.set(comp.key, [...keys.get(comp.key), path]);\n                }\n            }\n            else {\n                keys.set(comp.key, [path]);\n            }\n        }, true);\n        return repeatablePaths;\n    }\n    highlightInvalidComponents() {\n        const repeatablePaths = this.findRepeatablePaths();\n        let hasInvalidComponents = false;\n        this.webform.everyComponent((comp) => {\n            var _a, _b;\n            const path = comp.path;\n            if (repeatablePaths.includes(path)) {\n                comp.setCustomValidity(`API Key is not unique: ${comp.key}`);\n                hasInvalidComponents = true;\n            }\n            else if ((_b = (_a = comp.error) === null || _a === void 0 ? void 0 : _a.message) === null || _b === void 0 ? void 0 : _b.startsWith('API Key is not unique')) {\n                comp.setCustomValidity('');\n            }\n        });\n        this.emit('builderFormValidityChange', hasInvalidComponents);\n    }\n    /**\n     * Called when a new component is saved.\n     *\n     * @param parent\n     * @param component\n     * @return {boolean}\n     */\n    saveComponent(component, parent, isNew, original) {\n        this.editForm.detach();\n        const parentContainer = parent ? parent.formioContainer : this.container;\n        const parentComponent = parent ? parent.formioComponent : this;\n        this.dialog.close();\n        const path = parentContainer ? this.getComponentsPath(component, parentComponent.component) : '';\n        if (!original) {\n            original = parent.formioContainer.find((comp) => comp.id === component.id);\n        }\n        const index = parentContainer ? parentContainer.indexOf(original) : 0;\n        if (index !== -1) {\n            let submissionData = this.editForm.submission.data;\n            submissionData = submissionData.componentJson || submissionData;\n            const fieldsToRemoveDoubleQuotes = ['label', 'tooltip'];\n            this.replaceDoubleQuotes(submissionData, fieldsToRemoveDoubleQuotes);\n            this.hook('beforeSaveComponentSettings', submissionData);\n            let comp = null;\n            parentComponent.getComponents().forEach((component) => {\n                if (component.component.key === original.key) {\n                    comp = component;\n                }\n            });\n            const originalComp = comp.component;\n            const originalComponentSchema = comp.schema;\n            const isParentSaveChildMethod = this.isParentSaveChildMethod(parent.formioComponent);\n            if (parentContainer && !isParentSaveChildMethod) {\n                parentContainer[index] = submissionData;\n                if (comp) {\n                    comp.component = submissionData;\n                }\n            }\n            else if (isParentSaveChildMethod) {\n                parent.formioComponent.saveChildComponent(submissionData);\n            }\n            const rebuild = parentComponent.rebuild() || native_promise_only_1.default.resolve();\n            return rebuild.then(() => {\n                const schema = parentContainer ? parentContainer[index] : (comp ? comp.schema : []);\n                this.emitSaveComponentEvent(schema, originalComp, parentComponent.schema, path, index, isNew, originalComponentSchema);\n                this.emit('change', this.form);\n                this.highlightInvalidComponents();\n                if (this.isComponentCreated) {\n                    const component = parent.formioComponent.components[0];\n                    this.moveComponent(component);\n                    this.isComponentCreated = false;\n                }\n            });\n        }\n        this.highlightInvalidComponents();\n        return native_promise_only_1.default.resolve();\n    }\n    emitSaveComponentEvent(schema, originalComp, parentComponentSchema, path, index, isNew, originalComponentSchema) {\n        this.emit('saveComponent', schema, originalComp, parentComponentSchema, path, index, isNew, originalComponentSchema);\n    }\n    editComponent(component, parent, isNew, isJsonEdit, original, flags = {}) {\n        if (!component.key) {\n            return;\n        }\n        let saved = false;\n        const componentCopy = (0, utils_1.fastCloneDeep)(component);\n        let ComponentClass = Components_1.default.components[componentCopy.type];\n        const isCustom = ComponentClass === undefined;\n        isJsonEdit = isJsonEdit || isCustom;\n        ComponentClass = isCustom ? Components_1.default.components.unknown : ComponentClass;\n        // Make sure we only have one dialog open at a time.\n        if (this.dialog) {\n            this.dialog.close();\n            this.highlightInvalidComponents();\n        }\n        // This is the render step.\n        const editFormOptions = lodash_1.default.clone(lodash_1.default.get(this, 'options.editForm', {}));\n        if (this.editForm) {\n            this.editForm.destroy();\n        }\n        // Allow editForm overrides per component.\n        const overrides = lodash_1.default.get(this.options, `editForm.${componentCopy.type}`, {});\n        // Pass along the form being edited.\n        editFormOptions.editForm = this.form;\n        editFormOptions.editComponent = component;\n        editFormOptions.flags = flags;\n        this.hook('editComponentParentInstance', editFormOptions, parent);\n        this.editForm = new Webform_1.default(Object.assign(Object.assign(Object.assign({}, lodash_1.default.omit(this.options, ['hooks', 'builder', 'events', 'attachMode', 'skipInit'])), { language: this.options.language }), editFormOptions));\n        this.hook('editFormProperties', parent);\n        this.editForm.form = (isJsonEdit && !isCustom) ? {\n            components: [\n                {\n                    type: 'textarea',\n                    as: 'json',\n                    editor: 'ace',\n                    weight: 10,\n                    input: true,\n                    key: 'componentJson',\n                    label: 'Component JSON',\n                    tooltip: 'Edit the JSON for this component.'\n                },\n                {\n                    type: 'checkbox',\n                    key: 'showFullSchema',\n                    label: 'Full Schema'\n                }\n            ]\n        } : ComponentClass.editForm(lodash_1.default.cloneDeep(overrides));\n        const instanceOptions = {};\n        this.hook('instanceOptionsPreview', instanceOptions);\n        const instance = new ComponentClass(componentCopy, instanceOptions);\n        const schema = this.hook('builderComponentSchema', component, instance);\n        this.editForm.submission = isJsonEdit ? {\n            data: {\n                componentJson: schema,\n                showFullSchema: this.options.showFullJsonSchema\n            },\n        } : {\n            data: instance.component,\n        };\n        if (this.preview) {\n            this.preview.destroy();\n        }\n        if (!ComponentClass.builderInfo.hasOwnProperty('preview') || ComponentClass.builderInfo.preview) {\n            this.preview = new Webform_1.default(lodash_1.default.omit(Object.assign(Object.assign({}, this.options), { preview: true }), [\n                'hooks',\n                'builder',\n                'events',\n                'attachMode',\n                'calculateValue'\n            ]));\n            this.hook('previewFormSettitngs', schema, isJsonEdit);\n        }\n        this.componentEdit = this.ce('div', { 'class': 'component-edit-container' });\n        this.setContent(this.componentEdit, this.renderTemplate('builderEditForm', {\n            componentInfo: ComponentClass.builderInfo,\n            editForm: this.editForm.render(),\n            preview: this.preview ? this.preview.render() : false,\n            helplinks: this.helplinks,\n        }));\n        this.dialog = this.createModal(this.componentEdit, lodash_1.default.get(this.options, 'dialogAttr', {}));\n        // This is the attach step.\n        this.editForm.attach(this.componentEdit.querySelector('[ref=\"editForm\"]'));\n        this.hook('editFormWrapper');\n        this.updateComponent(componentCopy);\n        this.editForm.on('change', (event) => {\n            if (event.changed) {\n                if (event.changed.component && event.changed.component.key === 'showFullSchema') {\n                    const { value } = event.changed;\n                    this.editForm.submission = {\n                        data: {\n                            componentJson: value ? instance.component : component,\n                            showFullSchema: value\n                        },\n                    };\n                    return;\n                }\n                // See if this is a manually modified key. Treat custom component keys as manually modified\n                if ((event.changed.component && (event.changed.component.key === 'key')) || isJsonEdit) {\n                    componentCopy.keyModified = true;\n                }\n                let isComponentLabelChanged = false;\n                if (event.changed.instance) {\n                    isComponentLabelChanged = ['label', 'title'].includes(event.changed.instance.path);\n                }\n                else if (event.changed.component) {\n                    isComponentLabelChanged = ['label', 'title'].includes(event.changed.component.key);\n                }\n                if (isComponentLabelChanged) {\n                    // Ensure this component has a key.\n                    if (isNew) {\n                        if (!event.data.keyModified) {\n                            this.editForm.everyComponent(component => {\n                                if (component.key === 'key' && component.parent.component.key === 'tabs') {\n                                    component.setValue(this.updateComponentKey(event.data));\n                                    return false;\n                                }\n                            });\n                        }\n                        if (this.form) {\n                            let formComponents = this.findNamespaceRoot(parent.formioComponent);\n                            // excluding component which key uniqueness is to be checked to prevent the comparing of the same keys\n                            formComponents = formComponents.filter(comp => editFormOptions.editComponent.id !== comp.id);\n                            // Set a unique key for this component.\n                            builder_1.default.uniquify(formComponents, event.data);\n                        }\n                    }\n                }\n                // Update the component.\n                this.updateComponent(event.data.componentJson || event.data, event.changed);\n            }\n        });\n        const cancelButtons = this.componentEdit.querySelectorAll('[ref=\"cancelButton\"]');\n        cancelButtons.forEach((cancelButton) => {\n            this.addEventListener(cancelButton, 'click', (event) => {\n                event.preventDefault();\n                this.editForm.detach();\n                this.emit('cancelComponent', component);\n                this.dialog.close();\n                this.highlightInvalidComponents();\n            });\n        });\n        const removeButtons = this.componentEdit.querySelectorAll('[ref=\"removeButton\"]');\n        removeButtons.forEach((removeButton) => {\n            this.addEventListener(removeButton, 'click', (event) => {\n                event.preventDefault();\n                // Since we are already removing the component, don't trigger another remove.\n                saved = true;\n                this.editForm.detach();\n                this.removeComponent(component, parent, original);\n                this.dialog.close();\n                this.highlightInvalidComponents();\n            });\n        });\n        const saveButtons = this.componentEdit.querySelectorAll('[ref=\"saveButton\"]');\n        saveButtons.forEach((saveButton) => {\n            this.addEventListener(saveButton, 'click', (event) => {\n                event.preventDefault();\n                if (!this.editForm.checkValidity(this.editForm.data, true, this.editForm.data)) {\n                    this.editForm.setPristine(false);\n                    this.editForm.showErrors();\n                    return false;\n                }\n                saved = true;\n                this.saveComponent(component, parent, isNew, original);\n            });\n        });\n        const dialogClose = () => {\n            this.editForm.destroy(true);\n            if (this.preview) {\n                this.preview.destroy(true);\n                this.preview = null;\n            }\n            if (isNew && !saved) {\n                this.removeComponent(component, parent, original);\n                this.highlightInvalidComponents();\n            }\n            // Clean up.\n            this.removeEventListener(this.dialog, 'close', dialogClose);\n            this.dialog = null;\n        };\n        this.addEventListener(this.dialog, 'close', dialogClose);\n        // Called when we edit a component.\n        this.emit('editComponent', component);\n    }\n    updateComponentKey(data) {\n        return lodash_1.default.camelCase(data.title ||\n            data.label ||\n            data.placeholder ||\n            data.type).replace(/^[0-9]*/, '');\n    }\n    moveComponent(component) {\n        component.element.focus();\n        component.element.classList.add('builder-selected');\n        this.selectedElement = component;\n        this.removeEventListener(component.element, 'keydown');\n        this.addEventListener(component.element, 'keydown', this.moveHandler.bind(this));\n    }\n    updateComponentPlacement(direction) {\n        const component = this.selectedElement;\n        let index, info;\n        const step = direction ? -1 : 1;\n        if (component) {\n            const element = component.element;\n            const sibling = direction ? element.previousElementSibling : element.nextElementSibling;\n            const source = element.parentNode;\n            const containerLength = source.formioContainer.length;\n            if (containerLength && containerLength <= 1) {\n                return;\n            }\n            if (source.formioContainer) {\n                index = lodash_1.default.findIndex(source.formioContainer, { key: element.formioComponent.component.key });\n                if (index !== -1) {\n                    info = source.formioContainer.splice(lodash_1.default.findIndex(source.formioContainer, { key: element.formioComponent.component.key }), 1);\n                    info = info[0];\n                    source.removeChild(element);\n                }\n            }\n            const len = source.formioComponent.components.length;\n            index = (index === -1) ? 0 : index + step;\n            if (index === -1) {\n                source.formioContainer.push(info);\n                source.appendChild(element);\n            }\n            else if (index === len) {\n                const key = source.formioContainer[0].key;\n                index = lodash_1.default.findIndex(source.formioComponent.components, { key: key });\n                const firstElement = source.formioComponent.components[index].element;\n                source.formioContainer.splice(0, 0, info);\n                source.insertBefore(element, firstElement);\n            }\n            else if (index !== -1) {\n                source.formioContainer.splice(index, 0, info);\n                direction\n                    ? source.insertBefore(element, sibling)\n                    : source.insertBefore(element, sibling.nextElementSibling);\n            }\n            element.focus();\n        }\n    }\n    stopMoving(comp) {\n        const parent = comp.element.parentNode;\n        parent.formioComponent.rebuild();\n    }\n    addNewComponent(element) {\n        var _a;\n        const source = document.querySelector('.formio-builder-form');\n        const key = element.getAttribute('data-key');\n        const group = element.getAttribute('data-group');\n        const isNew = true;\n        let info;\n        if (key && group) {\n            info = this.getComponentInfo(key, group);\n        }\n        if (isNew && !this.options.noNewEdit && !info.noNewEdit) {\n            builder_1.default.uniquify(this.findNamespaceRoot(source.formioComponent), info);\n            this.editComponent(info, source, isNew, null, null);\n        }\n        const firstComponent = (_a = source.formioComponent.components[0]) === null || _a === void 0 ? void 0 : _a.element;\n        if (firstComponent) {\n            source.formioContainer.splice(0, 0, info);\n        }\n        else {\n            source.formioContainer.push(info);\n        }\n        source.formioComponent.rebuild().then(() => {\n            this.isComponentCreated = true;\n        });\n    }\n    /**\n     * Creates copy of component schema and stores it under sessionStorage.\n     * @param {Component} component\n     * @return {*}\n     */\n    copyComponent(component) {\n        if (!window.sessionStorage) {\n            return console.warn('Session storage is not supported in this browser.');\n        }\n        this.addClass(this.refs.form, 'builder-paste-mode');\n        window.sessionStorage.setItem('formio.clipboard', JSON.stringify(component.schema));\n    }\n    /**\n     * Paste copied component after the current component.\n     * @param {Component} component\n     * @return {*}\n     */\n    pasteComponent(component) {\n        if (!window.sessionStorage) {\n            return console.warn('Session storage is not supported in this browser.');\n        }\n        this.removeClass(this.refs.form, 'builder-paste-mode');\n        if (window.sessionStorage) {\n            const data = window.sessionStorage.getItem('formio.clipboard');\n            if (data) {\n                const schema = JSON.parse(data);\n                const parent = this.getParentElement(component.element);\n                if (parent) {\n                    builder_1.default.uniquify(this.findNamespaceRoot(parent.formioComponent), schema);\n                    let path = '';\n                    let index = 0;\n                    const isParentSaveChildMethod = this.isParentSaveChildMethod(parent.formioComponent);\n                    if (parent.formioContainer && !isParentSaveChildMethod) {\n                        index = parent.formioContainer.indexOf(component.component);\n                        path = this.getComponentsPath(schema, parent.formioComponent.component);\n                        parent.formioContainer.splice(index + 1, 0, schema);\n                    }\n                    else if (isParentSaveChildMethod) {\n                        parent.formioComponent.saveChildComponent(schema, false);\n                    }\n                    parent.formioComponent.rebuild();\n                    this.emitSaveComponentEvent(schema, schema, parent.formioComponent.component, path, (index + 1), true, schema);\n                }\n                this.emit('change', this.form);\n            }\n        }\n    }\n    isParentSaveChildMethod(parentComp) {\n        return !!(parentComp && parentComp.saveChildComponent);\n    }\n    getParentElement(element) {\n        let container = element;\n        do {\n            container = container.parentNode;\n        } while (container && !container.formioComponent);\n        return container;\n    }\n    addBuilderComponentInfo(component) {\n        if (!component || !component.group || !this.groups[component.group]) {\n            return;\n        }\n        component = lodash_1.default.clone(component);\n        const groupInfo = this.groups[component.group];\n        if (!groupInfo.components.hasOwnProperty(component.key)) {\n            groupInfo.components[component.key] = component;\n        }\n        return component;\n    }\n    init() {\n        if (this.webform) {\n            this.webform.init();\n        }\n        return super.init();\n    }\n    clear() {\n        if (this.webform.initialized) {\n            this.webform.clear();\n        }\n    }\n    destroy(all = false) {\n        if (this.webform.initialized) {\n            this.webform.destroy(all);\n        }\n        super.destroy(all);\n    }\n    addBuilderGroup(name, group) {\n        if (!this.groups[name]) {\n            this.groups[name] = group;\n            this.groupOrder.push(name);\n            this.triggerRedraw();\n        }\n        else {\n            this.updateBuilderGroup(name, group);\n        }\n    }\n    updateBuilderGroup(name, group) {\n        if (this.groups[name]) {\n            this.groups[name] = group;\n            this.triggerRedraw();\n        }\n    }\n    generateKey(info) {\n        return info.key || lodash_1.default.camelCase(info.title ||\n            info.label ||\n            info.placeholder ||\n            info.type);\n    }\n}\nexports[\"default\"] = WebformBuilder;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/WebformBuilder.js?");
 
 /***/ }),
 
@@ -7766,7 +7690,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\"));\nclass Templates {\n    static get templates() {\n        return Templates._templates;\n    }\n    static addTemplate(name, template) {\n        Templates.templates[name] = template;\n    }\n    static extendTemplate(name, template) {\n        Templates.templates[name] = lodash_1.default.merge({}, Templates.templates[name], template);\n    }\n    static setTemplate(name, template) {\n        Templates.addTemplate(name, template);\n    }\n    static set current(templates) {\n        const defaultTemplates = Templates.current;\n        Templates._current = lodash_1.default.merge({}, defaultTemplates, templates);\n    }\n    static get current() {\n        if (Templates._current) {\n            return Templates._current;\n        }\n        return Templates.defaultTemplates;\n    }\n    static get defaultTemplates() {\n        return Templates.templates.hasOwnProperty('bootstrap') ? Templates.templates.bootstrap : {};\n    }\n    static set framework(framework) {\n        if (Templates.templates.hasOwnProperty(framework)) {\n            Templates._framework = framework;\n            Templates._current = Templates.templates[framework];\n        }\n    }\n    static get framework() {\n        return Templates._framework;\n    }\n}\nexports[\"default\"] = Templates;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/templates/Templates.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 index_1 = __importDefault(__webpack_require__(/*! ./index */ \"./lib/cjs/templates/index.js\"));\nclass Templates {\n    static get templates() {\n        if (!Templates._templates) {\n            Templates._templates = index_1.default;\n        }\n        return Templates._templates;\n    }\n    static addTemplate(name, template) {\n        Templates.templates[name] = template;\n    }\n    static extendTemplate(name, template) {\n        Templates.templates[name] = lodash_1.default.merge({}, Templates.templates[name], template);\n    }\n    static setTemplate(name, template) {\n        Templates.addTemplate(name, template);\n    }\n    static set current(templates) {\n        const defaultTemplates = Templates.current;\n        Templates._current = lodash_1.default.merge({}, defaultTemplates, templates);\n    }\n    static get current() {\n        if (Templates._current) {\n            return Templates._current;\n        }\n        return Templates.defaultTemplates;\n    }\n    static get defaultTemplates() {\n        return Templates.templates.hasOwnProperty('bootstrap') ? Templates.templates.bootstrap : {};\n    }\n    static set framework(framework) {\n        if (Templates.templates.hasOwnProperty(framework)) {\n            Templates._framework = framework;\n            Templates._current = Templates.templates[framework];\n        }\n    }\n    static get framework() {\n        return Templates._framework;\n    }\n}\nexports[\"default\"] = Templates;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/templates/Templates.js?");
 
 /***/ }),
 
@@ -10209,7 +10133,7 @@ eval("\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexpo
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n    return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", ({ value: true }));\nexports.Formio = void 0;\nconst core_1 = __webpack_require__(/*! @formio/core */ \"./node_modules/@formio/core/lib/index.js\");\nObject.defineProperty(exports, \"Formio\", ({ enumerable: true, get: function () { return core_1.Formio; } }));\nconst CDN_1 = __importDefault(__webpack_require__(/*! ./CDN */ \"./lib/cjs/CDN.js\"));\nconst providers_1 = __importDefault(__webpack_require__(/*! ./providers */ \"./lib/cjs/providers/index.js\"));\ncore_1.Formio.cdn = new CDN_1.default();\ncore_1.Formio.Providers = providers_1.default;\ncore_1.Formio.version = '5.0.0-rc.14';\nconst isNil = (val) => val === null || val === undefined;\ncore_1.Formio.prototype.uploadFile = function (storage, file, fileName, dir, progressCallback, url, options, fileKey, groupPermissions, groupId, uploadStartCallback, abortCallback) {\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 = core_1.Formio.pluginWait('preRequest', requestArgs)\n        .then(() => {\n        return core_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);\n                }\n                else {\n                    throw ('Storage provider not found');\n                }\n            }\n            return result || { url: '' };\n        });\n    });\n    return core_1.Formio.pluginAlter('wrapFileRequestPromise', request, requestArgs);\n};\ncore_1.Formio.prototype.downloadFile = function (file, options) {\n    const requestArgs = {\n        method: 'download',\n        file: file\n    };\n    const request = core_1.Formio.pluginWait('preRequest', requestArgs)\n        .then(() => {\n        return core_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 core_1.Formio.pluginAlter('wrapFileRequestPromise', request, requestArgs);\n};\ncore_1.Formio.prototype.deleteFile = function (file, options) {\n    const requestArgs = {\n        method: 'delete',\n        file: file\n    };\n    const request = core_1.Formio.pluginWait('preRequest', requestArgs)\n        .then(() => {\n        return core_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 core_1.Formio.pluginAlter('wrapFileRequestPromise', request, requestArgs);\n};\n// For reverse compatability.\ncore_1.Formio.Promise = Promise;\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 core_1 = __webpack_require__(/*! @formio/core */ \"./node_modules/@formio/core/lib/index.js\");\nObject.defineProperty(exports, \"Formio\", ({ enumerable: true, get: function () { return core_1.Formio; } }));\nconst CDN_1 = __importDefault(__webpack_require__(/*! ./CDN */ \"./lib/cjs/CDN.js\"));\nconst providers_1 = __importDefault(__webpack_require__(/*! ./providers */ \"./lib/cjs/providers/index.js\"));\ncore_1.Formio.cdn = new CDN_1.default();\ncore_1.Formio.Providers = providers_1.default;\ncore_1.Formio.version = '5.0.0-rc.17';\nconst isNil = (val) => val === null || val === undefined;\ncore_1.Formio.prototype.uploadFile = function (storage, file, fileName, dir, progressCallback, url, options, fileKey, groupPermissions, groupId, uploadStartCallback, abortCallback) {\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 = core_1.Formio.pluginWait('preRequest', requestArgs)\n        .then(() => {\n        return core_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);\n                }\n                else {\n                    throw ('Storage provider not found');\n                }\n            }\n            return result || { url: '' };\n        });\n    });\n    return core_1.Formio.pluginAlter('wrapFileRequestPromise', request, requestArgs);\n};\ncore_1.Formio.prototype.downloadFile = function (file, options) {\n    const requestArgs = {\n        method: 'download',\n        file: file\n    };\n    const request = core_1.Formio.pluginWait('preRequest', requestArgs)\n        .then(() => {\n        return core_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 core_1.Formio.pluginAlter('wrapFileRequestPromise', request, requestArgs);\n};\ncore_1.Formio.prototype.deleteFile = function (file, options) {\n    const requestArgs = {\n        method: 'delete',\n        file: file\n    };\n    const request = core_1.Formio.pluginWait('preRequest', requestArgs)\n        .then(() => {\n        return core_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 core_1.Formio.pluginAlter('wrapFileRequestPromise', request, requestArgs);\n};\n// For reverse compatability.\ncore_1.Formio.Promise = Promise;\n\n\n//# sourceURL=webpack://Formio/./lib/cjs/Formio.js?");
 
 /***/ }),