@json-editor/json-editor 2.9.0-beta.0 → 2.9.0

package/dist/nonmin/jsoneditor.js

@@ -3,7 +3,7 @@
  * * @name JSON Editor
  * * @description JSON Schema Based Editor
  * * This library is the continuation of jdorn's great work (see also https://github.com/jdorn/json-editor/issues/800)
- * * @version "2.9.0-beta.0"
+ * * @version "2.9.0"
  * * @author Jeremy Dorn
  * * @see https://github.com/jdorn/json-editor/
  * * @see https://github.com/json-editor/json-editor
@@ -8342,6 +8342,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! core-js/modules/es.array.from.js */ "./node_modules/core-js/modules/es.array.from.js");
 /* harmony import */ var core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_17__);
 /* harmony import */ var _resolvers_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./resolvers.js */ "./src/resolvers.js");
+/* harmony import */ var _editors_index_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./editors/index.js */ "./src/editors/index.js");
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -8372,6 +8373,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 
 
+
 
 /* default theme */
 
@@ -8385,7 +8387,6 @@ var callbacks = {};
 var themes = {};
 var templates = {};
 var iconlibs = {};
-var editors = {};
 var languages = {}; // eslint-disable-next-line camelcase
 
 var custom_validators = [];
@@ -8645,6 +8646,16 @@ languages.en = {
   */
   error_hostname: 'The hostname has the wrong format',
 
+  /**
+   * When uploads max size limit is exceeded
+   */
+  upload_max_size: 'Filesize too large. Max size is ',
+
+  /**
+   * When the mime type does not match the type of the file
+   */
+  upload_wrong_file_format: 'Wrong file format. Allowed format(s): ',
+
   /**
   * Text/Title on Save button
   */
@@ -8782,12 +8793,12 @@ languages.en = {
 };
 /* Default per-editor options */
 
-Object.entries(editors).forEach(function (_ref) {
+Object.entries(_editors_index_js__WEBPACK_IMPORTED_MODULE_19__["editors"]).forEach(function (_ref) {
   var _ref2 = _slicedToArray(_ref, 2),
       i = _ref2[0],
       editor = _ref2[1];
 
-  editors[i].options = editor.options || {};
+  _editors_index_js__WEBPACK_IMPORTED_MODULE_19__["editors"][i].options = editor.options || {};
 });
 /* Default upload handler */
 
@@ -8843,7 +8854,7 @@ var defaults = {
   callbacks: callbacks,
   templates: templates,
   iconlibs: iconlibs,
-  editors: editors,
+  editors: _editors_index_js__WEBPACK_IMPORTED_MODULE_19__["editors"],
   languages: languages,
   resolvers: _resolvers_js__WEBPACK_IMPORTED_MODULE_18__["resolvers"],
   custom_validators: custom_validators,
@@ -9187,6 +9198,7 @@ var AbstractEditor = /*#__PURE__*/function () {
     key: "setContainer",
     value: function setContainer(container) {
       this.container = container;
+      this.setContainerAttributes();
       if (this.schema.id) this.container.setAttribute('data-schemaid', this.schema.id);
       if (this.schema.type && typeof this.schema.type === 'string') this.container.setAttribute('data-schematype', this.schema.type);
       this.container.setAttribute('data-schemapath', this.path);
@@ -9617,12 +9629,13 @@ var AbstractEditor = /*#__PURE__*/function () {
         if (type === 'number') return this.isDefaultRequired() ? 0.0 : undefined;
         if (type === 'boolean') return this.isDefaultRequired() ? false : undefined;
         if (type === 'integer') return this.isDefaultRequired() ? 0 : undefined;
-        if (type === 'string') return '';
+        if (type === 'string') return this.isDefaultRequired() ? '' : undefined;
+        if (type === 'null') return null;
         if (type === 'object') return {};
         if (type === 'array') return [];
       }
 
-      return null;
+      return undefined;
     }
   }, {
     key: "getTitle",
@@ -9687,7 +9700,7 @@ var AbstractEditor = /*#__PURE__*/function () {
 
         if (typeof el === 'string') name = el;
         /* Object */
-        else if (el.title && used[el.title] <= 1) name = el.title;else if (el.format && used[el.format] <= 1) name = el.format;else if (el.type && used[el.type] <= 1) name = el.type;else if (el.description && used[el.description] <= 1) name = el.descripton;else if (el.title) name = el.title;else if (el.format) name = el.format;else if (el.type) name = el.type;else if (el.description) name = el.description;else if (JSON.stringify(el).length < 500) name = JSON.stringify(el);else name = 'type';
+        else if (el.title && used[el.title] <= 1) name = el.title;else if (el.format && used[el.format] <= 1) name = el.format;else if (el.type && used[el.type] <= 1) name = el.type;else if (el.description && used[el.description] <= 1) name = el.description;else if (el.title) name = el.title;else if (el.format) name = el.format;else if (el.type) name = el.type;else if (el.description) name = el.description;else if (JSON.stringify(el).length < 500) name = JSON.stringify(el);else name = 'type';
         disp.push(name);
       });
       /* Replace identical display text with "text 1", "text 2", etc. */
@@ -9723,10 +9736,25 @@ var AbstractEditor = /*#__PURE__*/function () {
         });
       }
     }
+  }, {
+    key: "setContainerAttributes",
+    value: function setContainerAttributes() {
+      var _this9 = this;
+
+      if (this.schema.options && this.schema.options.containerAttributes) {
+        var containerAttributes = this.schema.options.containerAttributes;
+        var protectedAttributes = ['data-schemapath', 'data-schematype', 'data-schemaid'];
+        Object.keys(containerAttributes).forEach(function (key) {
+          if (!protectedAttributes.includes(key.toLowerCase())) {
+            _this9.container.setAttribute(key, containerAttributes[key]);
+          }
+        });
+      }
+    }
   }, {
     key: "expandCallbacks",
     value: function expandCallbacks(scope, options) {
-      var _this9 = this;
+      var _this10 = this;
 
       var callback = this.defaults.callbacks[scope];
       Object.entries(options).forEach(function (_ref) {
@@ -9735,9 +9763,9 @@ var AbstractEditor = /*#__PURE__*/function () {
             value = _ref2[1];
 
         if (value === Object(value)) {
-          options[key] = _this9.expandCallbacks(scope, value);
+          options[key] = _this10.expandCallbacks(scope, value);
         } else if (typeof value === 'string' && _typeof(callback) === 'object' && typeof callback[value] === 'function') {
-          options[key] = callback[value].bind(null, _this9);
+          options[key] = callback[value].bind(null, _this10);
         }
       });
       return options;
@@ -10705,6 +10733,7 @@ var ArrayEditor = /*#__PURE__*/function (_AbstractEditor) {
 
         var newActiveTab = null;
         var editor = _this8.rows[i];
+        var editorValue = editor.getValue();
 
         _this8.setValue(newval);
 
@@ -10722,7 +10751,7 @@ var ArrayEditor = /*#__PURE__*/function (_AbstractEditor) {
 
         _this8.onChange(true);
 
-        _this8.jsoneditor.trigger('deleteRow', editor);
+        _this8.jsoneditor.trigger('deleteRow', editorValue);
       });
 
       if (holder) {
@@ -10968,7 +10997,7 @@ var ArrayEditor = /*#__PURE__*/function (_AbstractEditor) {
         var rows = _this14.getValue();
 
         var newActiveTab = null;
-        var editor = rows.pop();
+        var editorValue = rows.pop();
 
         _this14.setValue(rows);
 
@@ -10984,7 +11013,7 @@ var ArrayEditor = /*#__PURE__*/function (_AbstractEditor) {
 
         _this14.onChange(true);
 
-        _this14.jsoneditor.trigger('deleteRow', editor);
+        _this14.jsoneditor.trigger('deleteRow', editorValue);
       });
       this.controls.appendChild(button);
       return button;
@@ -11004,13 +11033,15 @@ var ArrayEditor = /*#__PURE__*/function (_AbstractEditor) {
           return false;
         }
 
+        var values = _this15.getValue();
+
         _this15.empty(true);
 
         _this15.setValue([]);
 
         _this15.onChange(true);
 
-        _this15.jsoneditor.trigger('deleteAllRows');
+        _this15.jsoneditor.trigger('deleteAllRows', values);
       });
       this.controls.appendChild(button);
       return button;
@@ -15580,6 +15611,7 @@ var MultiSelectEditor = /*#__PURE__*/function (_AbstractEditor) {
 
       this.select_options = {};
       this.select_values = {};
+      this.option_titles = [];
       this.option_keys = [];
       this.option_enum = [];
       var i;
@@ -16107,7 +16139,7 @@ __webpack_require__.r(__webpack_exports__);
   ".property-selector": "width:295px;max-height:160px;padding:5px%200;overflow-y:auto;overflow-x:hidden;padding-left:5px",
   ".property-selector-input": "width:220px;margin-bottom:0;display:inline-block",
   ".json-editor-btntype-toggle": "margin:0%2010px%200%200",
-  ".je-edit-json--textarea": "height:170px%20!important;width:300px%20!important;display:block"
+  ".je-edit-json--textarea": "height:170px;width:300px;display:block"
 });
 /* eslint-enable */
 
@@ -16920,6 +16952,7 @@ var ObjectEditor = /*#__PURE__*/function (_AbstractEditor) {
           editor.build();
           editor.postBuild();
           editor.setOptInCheckbox(editor.header);
+          editor.setValue(editor.getDefault(), true);
 
           if (_this7.editors[key].options.hidden) {
             holder.style.display = 'none';
@@ -17028,7 +17061,8 @@ var ObjectEditor = /*#__PURE__*/function (_AbstractEditor) {
         this.addproperty_holder.appendChild(spacer);
         /* Close properties modal if clicked outside modal */
 
-        document.addEventListener('click', this.onOutsideModalClick.bind(this));
+        this.onOutsideModalClickListener = this.onOutsideModalClick.bind(this);
+        document.addEventListener('click', this.onOutsideModalClickListener, true);
         /* Description */
 
         if (this.schema.description) {
@@ -17509,7 +17543,7 @@ var ObjectEditor = /*#__PURE__*/function (_AbstractEditor) {
       this.cached_editors = null;
       if (this.editor_holder && this.editor_holder.parentNode) this.editor_holder.parentNode.removeChild(this.editor_holder);
       this.editor_holder = null;
-      document.removeEventListener('click', this.onOutsideModalClick);
+      document.removeEventListener('click', this.onOutsideModalClickListener, true);
 
       _get(_getPrototypeOf(ObjectEditor.prototype), "destroy", this).call(this);
     }
@@ -21119,6 +21153,7 @@ var TableEditor = /*#__PURE__*/function (_ArrayEditor) {
       }
 
       if (typeof value !== 'undefined') this.rows[i].setValue(value);
+      return this.rows[i];
     }
   }, {
     key: "_createDeleteButton",
@@ -21140,13 +21175,16 @@ var TableEditor = /*#__PURE__*/function (_ArrayEditor) {
 
         var value = _this4.getValue();
 
+        var rows = _this4.getValue();
+
+        var editorValue = rows[j];
         value.splice(j, 1);
 
         _this4.setValue(value);
 
         _this4.onChange(true);
 
-        _this4.jsoneditor.trigger('deleteRow', _this4.rows[j]);
+        _this4.jsoneditor.trigger('deleteRow', editorValue);
       });
       holder.appendChild(button);
       return button;
@@ -21345,13 +21383,13 @@ var TableEditor = /*#__PURE__*/function (_ArrayEditor) {
 
         var rows = _this10.getValue();
 
-        var editor = rows.pop();
+        var editorValue = rows.pop();
 
         _this10.setValue(rows);
 
         _this10.onChange(true);
 
-        _this10.jsoneditor.trigger('deleteRow', editor);
+        _this10.jsoneditor.trigger('deleteRow', editorValue);
       });
       this.controls.appendChild(button);
       return button;
@@ -21371,11 +21409,13 @@ var TableEditor = /*#__PURE__*/function (_ArrayEditor) {
           return false;
         }
 
+        var values = _this11.getValue();
+
         _this11.setValue([]);
 
         _this11.onChange(true);
 
-        _this11.jsoneditor.trigger('deleteAllRows');
+        _this11.jsoneditor.trigger('deleteAllRows', values);
       });
       this.controls.appendChild(button);
       return button;
@@ -21530,6 +21570,7 @@ var UploadEditor = /*#__PURE__*/function (_AbstractEditor) {
       if (!this.options.compact) this.header = this.label = this.theme.getFormInputLabel(this.getTitle(), this.isRequired());
       if (this.schema.description) this.description = this.theme.getFormInputDescription(this.translateProperty(this.schema.description));
       if (this.options.infoText) this.infoButton = this.theme.getInfoButton(this.translateProperty(this.options.infoText));
+      if (this.options.hidden) this.container.style.display = 'none';
       /* Editor options */
 
       this.options = this.expandCallbacks('upload', Object(_utilities_js__WEBPACK_IMPORTED_MODULE_27__["extend"])({}, {
@@ -21633,9 +21674,9 @@ var UploadEditor = /*#__PURE__*/function (_AbstractEditor) {
 
           if (files && files.length) {
             if (_this.options.max_upload_size !== 0 && files[0].size > _this.options.max_upload_size) {
-              _this.theme.addInputError(_this.uploader, "Filesize too large. Max size is ".concat(_this.options.max_upload_size));
+              _this.theme.addInputError(_this.uploader, "".concat(_this.translate('upload_max_size'), " ").concat(_this.options.max_upload_size));
             } else if (_this.options.mime_type.length !== 0 && !_this.isValidMimeType(files[0].type, _this.options.mime_type)) {
-              _this.theme.addInputError(_this.uploader, "Wrong file format. Allowed format(s): ".concat(_this.options.mime_type.toString()));
+              _this.theme.addInputError(_this.uploader, "".concat(_this.translate('upload_wrong_file_format'), " ").concat(_this.options.mime_type.toString()));
             } else {
               if (_this.fileDisplay) _this.fileDisplay.value = files[0].name;
               var fr = new window.FileReader();
@@ -25446,7 +25487,10 @@ var barebonesTheme = /*#__PURE__*/function (_AbstractTheme) {
         var group = this.closest(input, '.form-control');
         input.errmsg = document.createElement('div');
         input.errmsg.setAttribute('class', 'errmsg');
-        group.appendChild(input.errmsg);
+
+        if (group.nodeName) {
+          group.appendChild(input.errmsg);
+        }
       } else {
         input.errmsg.style.display = 'block';
       }
@@ -26814,10 +26858,10 @@ bootstrap4Theme.rules = _bootstrap4_css_js__WEBPACK_IMPORTED_MODULE_24__["defaul
 
 /***/ }),
 
-/***/ "./src/themes/html.css.js":
-/*!********************************!*\
-  !*** ./src/themes/html.css.js ***!
-  \********************************/
+/***/ "./src/themes/bootstrap5.css.js":
+/*!**************************************!*\
+  !*** ./src/themes/bootstrap5.css.js ***!
+  \**************************************/
 /*! exports provided: default */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -26825,12 +26869,19 @@ bootstrap4Theme.rules = _bootstrap4_css_js__WEBPACK_IMPORTED_MODULE_24__["defaul
 __webpack_require__.r(__webpack_exports__);
 /* eslint-disable */
 /* harmony default export */ __webpack_exports__["default"] = ({
-  ".je-form-input-label": "display:block;margin-bottom:3px;font-weight:bold",
-  ".je-form-input-description": "display:inline-block;margin:0;font-size:0.8em;font-style:italic",
-  ".je-indented-panel": "padding:5px;margin:10px;border-radius:3px;border:1px%20solid%20%23ddd",
-  ".je-child-editor-holder": "margin-bottom:8px",
-  ".je-header-button-holder": "display:inline-block;margin-left:10px;font-size:0.8em;vertical-align:middle",
-  ".je-table": "margin-bottom:5px;border-bottom:1px%20solid%20%23ccc",
+  ".form-group": "margin-bottom:1rem",
+  ".form-text": "display:block",
+  ".jsoneditor-twbs5-text-button": "background:none;padding:0;border:0;color:currentColor",
+  "td > .form-group": "margin-bottom:0",
+  ".json-editor-btn-upload": "margin-top:1rem",
+  ".je-noindent .card": "padding:0;border:0",
+  ".je-tooltip:hover::before": "display:block;position:absolute;font-size:0.8em;color:%23fff;border-radius:0.2em;content:attr(title);background-color:%23000;margin-top:-2.5em;padding:0.3em",
+  ".je-tooltip:hover::after": "display:block;position:absolute;font-size:0.8em;color:%23fff",
+  ".select2-container--default .select2-selection--single": "height:calc(1.5em%20%2B%200.75rem%20%2B%202px)",
+  ".select2-container--default   .select2-selection--single   .select2-selection__arrow": "height:calc(1.5em%20%2B%200.75rem%20%2B%202px)",
+  ".select2-container--default   .select2-selection--single   .select2-selection__rendered": "line-height:calc(1.5em%20%2B%200.75rem%20%2B%202px)",
+  ".selectize-control.form-control": "padding:0",
+  ".selectize-dropdown.form-control": "padding:0;height:auto",
   ".je-upload-preview img": "float:left;margin:0%200.5rem%200.5rem%200;max-width:100%25;max-height:5rem",
   ".je-dropzone": "position:relative;margin:0.5rem%200;border:2px%20dashed%20black;width:100%25;height:60px;background:teal;transition:all%200.5s",
   ".je-dropzone:before": "position:absolute;content:attr(data-text);color:rgba(0%2C%200%2C%200%2C%200.6);left:50%25;top:50%25;transform:translate(-50%25%2C%20-50%25)",
@@ -26841,46 +26892,65 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ "./src/themes/html.js":
-/*!****************************!*\
-  !*** ./src/themes/html.js ***!
-  \****************************/
-/*! exports provided: htmlTheme */
+/***/ "./src/themes/bootstrap5.js":
+/*!**********************************!*\
+  !*** ./src/themes/bootstrap5.js ***!
+  \**********************************/
+/*! exports provided: bootstrap5Theme */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "htmlTheme", function() { return htmlTheme; });
-/* harmony import */ var core_js_modules_es_object_set_prototype_of_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.object.set-prototype-of.js */ "./node_modules/core-js/modules/es.object.set-prototype-of.js");
-/* harmony import */ var core_js_modules_es_object_set_prototype_of_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_set_prototype_of_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var core_js_modules_es_object_get_prototype_of_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.object.get-prototype-of.js */ "./node_modules/core-js/modules/es.object.get-prototype-of.js");
-/* harmony import */ var core_js_modules_es_object_get_prototype_of_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_prototype_of_js__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var core_js_modules_es_reflect_construct_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.reflect.construct.js */ "./node_modules/core-js/modules/es.reflect.construct.js");
-/* harmony import */ var core_js_modules_es_reflect_construct_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_reflect_construct_js__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var core_js_modules_es_object_create_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.object.create.js */ "./node_modules/core-js/modules/es.object.create.js");
-/* harmony import */ var core_js_modules_es_object_create_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_create_js__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var core_js_modules_es_reflect_get_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.reflect.get.js */ "./node_modules/core-js/modules/es.reflect.get.js");
-/* harmony import */ var core_js_modules_es_reflect_get_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_reflect_get_js__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptor.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptor.js");
-/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var core_js_modules_es_object_define_property_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.object.define-property.js */ "./node_modules/core-js/modules/es.object.define-property.js");
-/* harmony import */ var core_js_modules_es_object_define_property_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_define_property_js__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.symbol.js */ "./node_modules/core-js/modules/es.symbol.js");
-/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/es.symbol.description.js */ "./node_modules/core-js/modules/es.symbol.description.js");
-/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
-/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_9__);
-/* harmony import */ var core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core-js/modules/es.symbol.iterator.js */ "./node_modules/core-js/modules/es.symbol.iterator.js");
-/* harmony import */ var core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_10__);
-/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! core-js/modules/es.array.iterator.js */ "./node_modules/core-js/modules/es.array.iterator.js");
-/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_11__);
-/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! core-js/modules/es.string.iterator.js */ "./node_modules/core-js/modules/es.string.iterator.js");
-/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_12__);
-/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! core-js/modules/web.dom-collections.iterator.js */ "./node_modules/core-js/modules/web.dom-collections.iterator.js");
-/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_13__);
-/* harmony import */ var _theme_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../theme.js */ "./src/theme.js");
-/* harmony import */ var _html_css_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./html.css.js */ "./src/themes/html.css.js");
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "bootstrap5Theme", function() { return bootstrap5Theme; });
+/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.function.name.js */ "./node_modules/core-js/modules/es.function.name.js");
+/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.number.constructor.js */ "./node_modules/core-js/modules/es.number.constructor.js");
+/* harmony import */ var core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_constructor_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var core_js_modules_es_number_to_fixed_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.number.to-fixed.js */ "./node_modules/core-js/modules/es.number.to-fixed.js");
+/* harmony import */ var core_js_modules_es_number_to_fixed_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_number_to_fixed_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var core_js_modules_es_date_now_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.date.now.js */ "./node_modules/core-js/modules/es.date.now.js");
+/* harmony import */ var core_js_modules_es_date_now_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_date_now_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var core_js_modules_es_date_to_string_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.date.to-string.js */ "./node_modules/core-js/modules/es.date.to-string.js");
+/* harmony import */ var core_js_modules_es_date_to_string_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_date_to_string_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var core_js_modules_es_array_for_each_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.array.for-each.js */ "./node_modules/core-js/modules/es.array.for-each.js");
+/* harmony import */ var core_js_modules_es_array_for_each_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_for_each_js__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var core_js_modules_es_object_values_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.object.values.js */ "./node_modules/core-js/modules/es.object.values.js");
+/* harmony import */ var core_js_modules_es_object_values_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_values_js__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
+/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var core_js_modules_es_object_set_prototype_of_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! core-js/modules/es.object.set-prototype-of.js */ "./node_modules/core-js/modules/es.object.set-prototype-of.js");
+/* harmony import */ var core_js_modules_es_object_set_prototype_of_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_set_prototype_of_js__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var core_js_modules_es_object_get_prototype_of_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core-js/modules/es.object.get-prototype-of.js */ "./node_modules/core-js/modules/es.object.get-prototype-of.js");
+/* harmony import */ var core_js_modules_es_object_get_prototype_of_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_prototype_of_js__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var core_js_modules_es_reflect_construct_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! core-js/modules/es.reflect.construct.js */ "./node_modules/core-js/modules/es.reflect.construct.js");
+/* harmony import */ var core_js_modules_es_reflect_construct_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_reflect_construct_js__WEBPACK_IMPORTED_MODULE_11__);
+/* harmony import */ var core_js_modules_es_object_create_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! core-js/modules/es.object.create.js */ "./node_modules/core-js/modules/es.object.create.js");
+/* harmony import */ var core_js_modules_es_object_create_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_create_js__WEBPACK_IMPORTED_MODULE_12__);
+/* harmony import */ var core_js_modules_es_reflect_get_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! core-js/modules/es.reflect.get.js */ "./node_modules/core-js/modules/es.reflect.get.js");
+/* harmony import */ var core_js_modules_es_reflect_get_js__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_reflect_get_js__WEBPACK_IMPORTED_MODULE_13__);
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptor.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptor.js");
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_14__);
+/* harmony import */ var core_js_modules_es_object_define_property_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! core-js/modules/es.object.define-property.js */ "./node_modules/core-js/modules/es.object.define-property.js");
+/* harmony import */ var core_js_modules_es_object_define_property_js__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_define_property_js__WEBPACK_IMPORTED_MODULE_15__);
+/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! core-js/modules/es.symbol.js */ "./node_modules/core-js/modules/es.symbol.js");
+/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_16__);
+/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! core-js/modules/es.symbol.description.js */ "./node_modules/core-js/modules/es.symbol.description.js");
+/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_17__);
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_18__);
+/* harmony import */ var core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! core-js/modules/es.symbol.iterator.js */ "./node_modules/core-js/modules/es.symbol.iterator.js");
+/* harmony import */ var core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_19___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_19__);
+/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! core-js/modules/es.array.iterator.js */ "./node_modules/core-js/modules/es.array.iterator.js");
+/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_20___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_20__);
+/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! core-js/modules/es.string.iterator.js */ "./node_modules/core-js/modules/es.string.iterator.js");
+/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_21___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_21__);
+/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! core-js/modules/web.dom-collections.iterator.js */ "./node_modules/core-js/modules/web.dom-collections.iterator.js");
+/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_22___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_22__);
+/* harmony import */ var _theme_js__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../theme.js */ "./src/theme.js");
+/* harmony import */ var _bootstrap5_css_js__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./bootstrap5.css.js */ "./src/themes/bootstrap5.css.js");
+/* harmony import */ var _utilities__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../utilities */ "./src/utilities.js");
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
 
@@ -26893,6 +26963,15 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
 
 
+
+
+
+
+
+
+
+
+
 
 
 
@@ -26924,77 +27003,857 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 
 
-var htmlTheme = /*#__PURE__*/function (_AbstractTheme) {
-  _inherits(htmlTheme, _AbstractTheme);
 
-  var _super = _createSuper(htmlTheme);
+/* Theme config options that allows changing various aspects of the output */
 
-  function htmlTheme() {
-    _classCallCheck(this, htmlTheme);
+var options = {
+  disable_theme_rules: false,
+  input_size: 'normal',
 
-    return _super.apply(this, arguments);
+  /* Size of input and select elements. "small", "normal", "large" */
+  object_indent: true,
+
+  /* Indent nested object elements (use nested .card layout) */
+  object_background: 'bg-light',
+
+  /* Bootstrap 4 card background modifier class */
+  object_text: '',
+
+  /* Bootstrap 5 card text color modifier class */
+  table_border: false,
+
+  /* Add border to array "table" row and cells */
+  table_zebrastyle: false,
+
+  /* Add "zebra style" to array "table" rows */
+  tooltip: 'bootstrap'
+  /* how to display tooltips (infoText). Can be `browser` for native `title`, `css` for simple CSS Styling, or `bootstrap` for TWBS/Popper.js handling */
+
+};
+var bootstrap5Theme = /*#__PURE__*/function (_AbstractTheme) {
+  _inherits(bootstrap5Theme, _AbstractTheme);
+
+  var _super = _createSuper(bootstrap5Theme);
+
+  function bootstrap5Theme(jsoneditor) {
+    _classCallCheck(this, bootstrap5Theme);
+
+    return _super.call(this, jsoneditor, options);
   }
 
-  _createClass(htmlTheme, [{
-    key: "getFormInputLabel",
-    value: function getFormInputLabel(text, req) {
-      var el = _get(_getPrototypeOf(htmlTheme.prototype), "getFormInputLabel", this).call(this, text, req);
+  _createClass(bootstrap5Theme, [{
+    key: "getSelectInput",
+    value: function getSelectInput(options, multiple) {
+      var el = _get(_getPrototypeOf(bootstrap5Theme.prototype), "getSelectInput", this).call(this, options);
 
-      el.classList.add('je-form-input-label');
+      el.classList.add('form-control');
+      el.classList.add('form-select');
+      if (this.options.input_size === 'small') el.classList.add('form-control-sm');
+      if (this.options.input_size === 'large') el.classList.add('form-control-lg');
       return el;
     }
   }, {
-    key: "getFormInputDescription",
-    value: function getFormInputDescription(text) {
-      var el = _get(_getPrototypeOf(htmlTheme.prototype), "getFormInputDescription", this).call(this, text);
-
-      el.classList.add('je-form-input-label');
+    key: "getContainer",
+    value: function getContainer() {
+      var el = document.createElement('div');
+      if (!this.options.object_indent) el.classList.add('je-noindent');
       return el;
     }
   }, {
-    key: "getIndentedPanel",
-    value: function getIndentedPanel() {
-      var el = _get(_getPrototypeOf(htmlTheme.prototype), "getIndentedPanel", this).call(this);
+    key: "setGridColumnSize",
+    value: function setGridColumnSize(el, size, offset) {
+      el.classList.add("col-md-".concat(size));
 
-      el.classList.add('je-indented-panel');
-      return el;
-    }
-  }, {
-    key: "getTopIndentedPanel",
-    value: function getTopIndentedPanel() {
-      return this.getIndentedPanel();
+      if (offset) {
+        el.classList.add("offset-md-".concat(offset));
+      }
     }
   }, {
-    key: "getChildEditorHolder",
-    value: function getChildEditorHolder() {
-      var el = _get(_getPrototypeOf(htmlTheme.prototype), "getChildEditorHolder", this).call(this);
+    key: "afterInputReady",
+    value: function afterInputReady(input) {
+      if (input.controlgroup) return;
+      /* set id/for */
 
-      el.classList.add('je-child-editor-holder');
-      return el;
+      /* is not working for: [type=file], [type=checkbox] */
+
+      var id = input.name;
+      input.id = id;
+      /* 2x parentNode, b/c range input has an <div> wrapper */
+
+      var label = input.parentNode.parentNode.getElementsByTagName('label')[0];
+
+      if (label) {
+        label.classList.add('form-label');
+        label.htmlFor = id;
+      }
+
+      input.controlgroup = this.closest(input, '.form-group');
     }
   }, {
-    key: "getHeaderButtonHolder",
-    value: function getHeaderButtonHolder() {
-      var el = this.getButtonHolder();
-      el.classList.add('je-header-button-holder');
+    key: "getTextareaInput",
+    value: function getTextareaInput() {
+      var el = document.createElement('textarea');
+      el.classList.add('form-control');
+      if (this.options.input_size === 'small') el.classList.add('form-control-sm');
+      if (this.options.input_size === 'large') el.classList.add('form-control-lg');
       return el;
     }
   }, {
-    key: "getTable",
-    value: function getTable() {
-      var el = _get(_getPrototypeOf(htmlTheme.prototype), "getTable", this).call(this);
+    key: "getRangeInput",
+    value: function getRangeInput(min, max, step) {
+      var el = _get(_getPrototypeOf(bootstrap5Theme.prototype), "getRangeInput", this).call(this, min, max, step);
 
-      el.classList.add('je-table');
+      el.classList.remove('form-control');
+      el.classList.add('form-range');
       return el;
     }
   }, {
-    key: "addInputError",
-    value: function addInputError(input, text) {
-      var group = this.closest(input, '.form-control') || input.controlgroup;
-
-      if (!input.errmsg) {
-        input.errmsg = document.createElement('div');
-        input.errmsg.setAttribute('class', 'errmsg');
+    key: "getStepperButtons",
+    value: function getStepperButtons(input) {
+      var inputGroup = document.createElement('div');
+      var minusBtn = document.createElement('button');
+      minusBtn.setAttribute('type', 'button');
+      var plusBtn = document.createElement('button');
+      plusBtn.setAttribute('type', 'button');
+      inputGroup.appendChild(minusBtn);
+      inputGroup.appendChild(input);
+      inputGroup.appendChild(plusBtn);
+      inputGroup.classList.add('input-group');
+      minusBtn.classList.add('btn');
+      minusBtn.classList.add('btn-secondary');
+      minusBtn.classList.add('stepper-down');
+      plusBtn.classList.add('btn');
+      plusBtn.classList.add('btn-secondary');
+      plusBtn.classList.add('stepper-up');
+      var readonly = input.getAttribute('readonly');
+
+      if (readonly) {
+        minusBtn.setAttribute('disabled', true);
+        plusBtn.setAttribute('disabled', true);
+      }
+
+      minusBtn.textContent = '-';
+      plusBtn.textContent = '+';
+
+      var initialize = function initialize(input, min) {
+        if (min) {
+          input.value = Number(min);
+        } else {
+          input.value = Number(input.value);
+        }
+
+        input.setAttribute('initialized', '1');
+      };
+
+      var min = input.getAttribute('min');
+      var max = input.getAttribute('max');
+      input.addEventListener('change', function () {
+        if (!input.getAttribute('initialized')) {
+          input.setAttribute('initialized', '1');
+        }
+      });
+      minusBtn.addEventListener('click', function () {
+        if (!input.getAttribute('initialized')) {
+          initialize(input, min);
+        } else if (min) {
+          if (Number(input.value) > Number(min)) {
+            input.stepDown();
+          }
+        } else {
+          input.stepDown();
+        }
+
+        Object(_utilities__WEBPACK_IMPORTED_MODULE_25__["trigger"])(input, 'change');
+      });
+      plusBtn.addEventListener('click', function () {
+        if (!input.getAttribute('initialized')) {
+          initialize(input, min);
+        } else if (max) {
+          if (Number(input.value) < Number(max)) {
+            input.stepUp();
+          }
+        } else {
+          input.stepUp();
+        }
+
+        Object(_utilities__WEBPACK_IMPORTED_MODULE_25__["trigger"])(input, 'change');
+      });
+      return inputGroup;
+    }
+  }, {
+    key: "getFormInputField",
+    value: function getFormInputField(type) {
+      var el = _get(_getPrototypeOf(bootstrap5Theme.prototype), "getFormInputField", this).call(this, type);
+
+      if (type !== 'checkbox' && type !== 'radio') {
+        el.classList.add('form-control');
+        if (this.options.input_size === 'small') el.classList.add('form-control-sm');
+        if (this.options.input_size === 'large') el.classList.add('form-control-lg');
+      }
+
+      return el;
+    }
+  }, {
+    key: "getFormControl",
+    value: function getFormControl(label, input, description, infoText) {
+      var group = document.createElement('div');
+      group.classList.add('form-group');
+
+      if (label && (input.type === 'checkbox' || input.type === 'radio')) {
+        var check = document.createElement('div');
+        check.classList.add('form-check');
+        input.classList.add('form-check-input');
+        label.classList.add('form-check-label');
+        var unique = (Date.now() * Math.random()).toFixed(0);
+        input.setAttribute('id', unique);
+        label.setAttribute('for', unique);
+        check.appendChild(input);
+        check.appendChild(label);
+        if (infoText) check.appendChild(infoText);
+        group.appendChild(check);
+      } else {
+        if (label) {
+          label.classList.add('form-label');
+          group.appendChild(label);
+          if (infoText) group.appendChild(infoText);
+        }
+
+        group.appendChild(input);
+      }
+
+      if (description) {
+        group.appendChild(description);
+      }
+
+      return group;
+    }
+  }, {
+    key: "getInfoButton",
+    value: function getInfoButton(text) {
+      var button = document.createElement('button');
+      /* shoud be a <button> but no fitting tbws style... */
+
+      button.type = 'button';
+      button.classList.add('ms-3', 'jsoneditor-twbs5-text-button');
+      button.setAttribute('data-toggle', 'tooltip');
+      button.setAttribute('data-placement', 'auto');
+      button.title = text;
+      var icon = document.createTextNode('ⓘ');
+      button.appendChild(icon);
+
+      if (this.options.tooltip === 'bootstrap') {
+        if (window.jQuery && window.jQuery().tooltip) {
+          window.jQuery(button).tooltip();
+        } else {
+          // eslint-disable-next-line no-console
+          console.warn('Could not find popper jQuery plugin of Bootstrap.');
+        }
+      } else if (this.options.tooltip === 'css') {
+        button.classList.add('je-tooltip');
+      }
+      /* else -> nothing todo for native [title] handling */
+
+
+      return button;
+    }
+    /**
+     * Generates a checkbox...
+     *
+     * Overwriten from master theme to get rid of inline styles.
+     */
+
+  }, {
+    key: "getCheckbox",
+    value: function getCheckbox() {
+      var el = this.getFormInputField('checkbox');
+      return el;
+    }
+    /**
+     * Multiple checkboxes in a row.
+     *
+     */
+
+  }, {
+    key: "getMultiCheckboxHolder",
+    value: function getMultiCheckboxHolder(controls, label, description, infoText) {
+      var el = document.createElement('div');
+      el.classList.add('form-group');
+
+      if (label) {
+        el.appendChild(label);
+
+        if (infoText) {
+          label.appendChild(infoText);
+        }
+      }
+      /* for inline view we need an container so it doesnt wrap in the "row" of the <label> */
+
+
+      var container = document.createElement('div');
+      Object.values(controls).forEach(function (c) {
+        /* controls are already parsed by getFormControl() so they have an .form-group */
+
+        /* wrapper we need to get rid of... */
+        var ctrl = c.firstChild;
+        container.appendChild(ctrl);
+      });
+      el.appendChild(container);
+      if (description) el.appendChild(description);
+      return el;
+    }
+    /**
+     * Single radio element
+     */
+
+  }, {
+    key: "getFormRadio",
+    value: function getFormRadio(attributes) {
+      var el = this.getFormInputField('radio');
+
+      for (var key in attributes) {
+        el.setAttribute(key, attributes[key]);
+      }
+
+      el.classList.add('form-check-input');
+      return el;
+    }
+    /**
+     * Add the <label> for the single radio from getFormRadio()
+     *
+     */
+
+  }, {
+    key: "getFormRadioLabel",
+    value: function getFormRadioLabel(text, req) {
+      var el = document.createElement('label');
+      el.classList.add('form-check-label');
+      el.appendChild(document.createTextNode(text));
+      return el;
+    }
+    /**
+     * Stack the radios from getFormRadio()/getFormRadioLabel()
+     *
+     */
+
+  }, {
+    key: "getFormRadioControl",
+    value: function getFormRadioControl(label, input, compact) {
+      var el = document.createElement('div');
+      el.classList.add('form-check');
+      el.appendChild(input);
+      el.appendChild(label);
+
+      if (compact) {
+        el.classList.add('form-check-inline');
+      }
+
+      return el;
+    }
+  }, {
+    key: "getIndentedPanel",
+    value: function getIndentedPanel() {
+      var el = document.createElement('div');
+      el.classList.add('card', 'card-body', 'my-3');
+
+      if (this.options.object_background) {
+        el.classList.add(this.options.object_background);
+      }
+
+      if (this.options.object_text) {
+        el.classList.add(this.options.object_text);
+      }
+      /* for better twbs card styling we should be able to return a nested div */
+
+
+      return el;
+    }
+  }, {
+    key: "getFormInputDescription",
+    value: function getFormInputDescription(text) {
+      var el = document.createElement('small');
+      el.classList.add('form-text');
+      el.classList.add('d-block');
+
+      if (window.DOMPurify) {
+        el.innerHTML = window.DOMPurify.sanitize(text);
+      } else {
+        el.textContent = this.cleanText(text);
+      }
+
+      return el;
+    }
+  }, {
+    key: "getHeader",
+    value: function getHeader(text, pathDepth) {
+      var el = document.createElement('h3');
+      el.classList.add('card-title');
+      el.classList.add('level-' + pathDepth);
+
+      if (typeof text === 'string') {
+        el.textContent = text;
+      } else {
+        el.appendChild(text);
+      }
+
+      el.style.display = 'inline-block';
+      return el;
+    }
+  }, {
+    key: "getHeaderButtonHolder",
+    value: function getHeaderButtonHolder() {
+      var el = this.getButtonHolder();
+      return el;
+    }
+  }, {
+    key: "getButtonHolder",
+    value: function getButtonHolder() {
+      var el = document.createElement('span');
+      el.classList.add('btn-group');
+      return el;
+    }
+  }, {
+    key: "getFormButtonHolder",
+    value: function getFormButtonHolder(buttonAlign) {
+      var el = this.getButtonHolder();
+      el.classList.add('d-block');
+      if (buttonAlign === 'center') el.classList.add('text-center');else if (buttonAlign === 'right') el.classList.add('text-end');
+      return el;
+    }
+  }, {
+    key: "getButton",
+    value: function getButton(text, icon, title) {
+      var el = _get(_getPrototypeOf(bootstrap5Theme.prototype), "getButton", this).call(this, text, icon, title);
+
+      el.classList.add('btn', 'btn-secondary', 'btn-sm');
+      return el;
+    }
+  }, {
+    key: "getTable",
+    value: function getTable() {
+      var el = document.createElement('table');
+      el.classList.add('table', 'table-sm');
+
+      if (this.options.table_border) {
+        el.classList.add('table-bordered');
+      }
+
+      if (this.options.table_zebrastyle) {
+        el.classList.add('table-striped');
+      }
+
+      return el;
+    }
+  }, {
+    key: "getErrorMessage",
+    value: function getErrorMessage(text) {
+      var el = document.createElement('div');
+      el.classList.add('alert', 'alert-danger');
+      el.setAttribute('role', 'alert');
+      el.appendChild(document.createTextNode(text));
+      return el;
+    }
+    /**
+     * input validation on <input>
+     */
+
+  }, {
+    key: "addInputError",
+    value: function addInputError(input, text) {
+      if (!input.controlgroup) return;
+      input.controlgroup.classList.add('is-invalid');
+
+      if (!input.errmsg) {
+        input.errmsg = document.createElement('p');
+        input.errmsg.classList.add('invalid-feedback');
+        input.controlgroup.appendChild(input.errmsg);
+        input.errmsg.style.display = 'block';
+      }
+
+      input.errmsg.style.display = 'block';
+      input.errmsg.textContent = text;
+    }
+  }, {
+    key: "removeInputError",
+    value: function removeInputError(input) {
+      if (!input.errmsg) return;
+      input.errmsg.style.display = 'none';
+      input.controlgroup.classList.remove('is-invalid');
+    }
+  }, {
+    key: "getTabHolder",
+    value: function getTabHolder(propertyName) {
+      var el = document.createElement('div');
+      var pName = typeof propertyName === 'undefined' ? '' : propertyName;
+      el.innerHTML = "<div class='col-md-2' id='".concat(pName, "'><ul class='nav flex-column nav-pills'></ul></div><div class='col-md-10'><div class='tab-content' id='").concat(pName, "'></div></div>");
+      el.classList.add('row');
+      return el;
+    }
+  }, {
+    key: "addTab",
+    value: function addTab(holder, tab) {
+      holder.children[0].children[0].appendChild(tab);
+    }
+  }, {
+    key: "getTabContentHolder",
+    value: function getTabContentHolder(tabHolder) {
+      return tabHolder.children[1].children[0];
+    }
+  }, {
+    key: "getTopTabHolder",
+    value: function getTopTabHolder(propertyName) {
+      var pName = typeof propertyName === 'undefined' ? '' : propertyName;
+      var el = document.createElement('div');
+      el.classList.add('card');
+      el.innerHTML = "<div class='card-header'><ul class='nav nav-tabs card-header-tabs' id='".concat(pName, "'></ul></div><div class='card-body'><div class='tab-content' id='").concat(pName, "'></div></div>");
+      return el;
+    }
+  }, {
+    key: "getTab",
+    value: function getTab(text, tabId) {
+      var liel = document.createElement('li');
+      liel.classList.add('nav-item');
+      var ael = document.createElement('a');
+      ael.classList.add('nav-link');
+      ael.setAttribute('href', "#".concat(tabId));
+      ael.setAttribute('data-toggle', 'tab');
+      ael.appendChild(text);
+      liel.appendChild(ael);
+      return liel;
+    }
+  }, {
+    key: "getTopTab",
+    value: function getTopTab(text, tabId) {
+      var el = document.createElement('li');
+      el.classList.add('nav-item');
+      var a = document.createElement('a');
+      a.classList.add('nav-link');
+      a.setAttribute('href', "#".concat(tabId));
+      a.setAttribute('data-toggle', 'tab');
+      a.appendChild(text);
+      el.appendChild(a);
+      return el;
+    }
+  }, {
+    key: "getTabContent",
+    value: function getTabContent() {
+      var el = document.createElement('div');
+      el.classList.add('tab-pane');
+      el.setAttribute('role', 'tabpanel');
+      return el;
+    }
+  }, {
+    key: "getTopTabContent",
+    value: function getTopTabContent() {
+      var el = document.createElement('div');
+      el.classList.add('tab-pane');
+      el.setAttribute('role', 'tabpanel');
+      return el;
+    }
+  }, {
+    key: "markTabActive",
+    value: function markTabActive(row) {
+      row.tab.firstChild.classList.add('active');
+
+      if (typeof row.rowPane !== 'undefined') {
+        row.rowPane.classList.add('active');
+      } else {
+        row.container.classList.add('active');
+      }
+    }
+  }, {
+    key: "markTabInactive",
+    value: function markTabInactive(row) {
+      row.tab.firstChild.classList.remove('active');
+
+      if (typeof row.rowPane !== 'undefined') {
+        row.rowPane.classList.remove('active');
+      } else {
+        row.container.classList.remove('active');
+      }
+    }
+  }, {
+    key: "insertBasicTopTab",
+    value: function insertBasicTopTab(tab, newTabsHolder) {
+      newTabsHolder.children[0].children[0].insertBefore(tab, newTabsHolder.children[0].children[0].firstChild);
+    }
+  }, {
+    key: "addTopTab",
+    value: function addTopTab(holder, tab) {
+      holder.children[0].children[0].appendChild(tab);
+    }
+  }, {
+    key: "getTopTabContentHolder",
+    value: function getTopTabContentHolder(tabHolder) {
+      return tabHolder.children[1].children[0];
+    }
+  }, {
+    key: "getFirstTab",
+    value: function getFirstTab(holder) {
+      return holder.firstChild.firstChild.firstChild;
+    }
+  }, {
+    key: "getProgressBar",
+    value: function getProgressBar() {
+      var min = 0;
+      var max = 100;
+      var start = 0;
+      var container = document.createElement('div');
+      container.classList.add('progress');
+      var bar = document.createElement('div');
+      bar.classList.add('progress-bar');
+      bar.setAttribute('role', 'progressbar');
+      bar.setAttribute('aria-valuenow', start);
+      bar.setAttribute('aria-valuemin', min);
+      bar.setAttribute('aria-valuenax', max);
+      bar.innerHTML = "".concat(start, "%");
+      container.appendChild(bar);
+      return container;
+    }
+  }, {
+    key: "updateProgressBar",
+    value: function updateProgressBar(progressBar, progress) {
+      if (!progressBar) return;
+      var bar = progressBar.firstChild;
+      var percentage = "".concat(progress, "%");
+      bar.setAttribute('aria-valuenow', progress);
+      bar.style.width = percentage;
+      bar.innerHTML = percentage;
+    }
+  }, {
+    key: "updateProgressBarUnknown",
+    value: function updateProgressBarUnknown(progressBar) {
+      if (!progressBar) return;
+      var bar = progressBar.firstChild;
+      progressBar.classList.add('progress', 'progress-striped', 'active');
+      bar.removeAttribute('aria-valuenow');
+      bar.style.width = '100%';
+      bar.innerHTML = '';
+    }
+  }, {
+    key: "getBlockLink",
+    value: function getBlockLink() {
+      var link = document.createElement('a');
+      link.classList.add('mb-3', 'd-inline-block');
+      return link;
+    }
+    /**
+     * Link after successfull upload
+     */
+
+  }, {
+    key: "getLinksHolder",
+    value: function getLinksHolder() {
+      var el = document.createElement('div');
+      return el;
+    }
+  }, {
+    key: "getInputGroup",
+    value: function getInputGroup(input, buttons) {
+      if (!input) return;
+      var inputGroupContainer = document.createElement('div');
+      inputGroupContainer.classList.add('input-group');
+      inputGroupContainer.appendChild(input);
+
+      for (var i = 0; i < buttons.length; i++) {
+        /* this uses the getButton() wrapper, so we have to remove the panel/ctrl spacing for this case */
+        buttons[i].classList.remove('me-2', 'btn-secondary');
+        buttons[i].classList.add('btn-outline-secondary');
+        inputGroupContainer.appendChild(buttons[i]);
+      }
+
+      return inputGroupContainer;
+    }
+  }]);
+
+  return bootstrap5Theme;
+}(_theme_js__WEBPACK_IMPORTED_MODULE_23__["AbstractTheme"]);
+/* Custom stylesheet rules. format: "selector" : "CSS rules" */
+
+bootstrap5Theme.rules = _bootstrap5_css_js__WEBPACK_IMPORTED_MODULE_24__["default"];
+
+/***/ }),
+
+/***/ "./src/themes/html.css.js":
+/*!********************************!*\
+  !*** ./src/themes/html.css.js ***!
+  \********************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* eslint-disable */
+/* harmony default export */ __webpack_exports__["default"] = ({
+  ".je-form-input-label": "display:block;margin-bottom:3px;font-weight:bold",
+  ".je-form-input-description": "display:inline-block;margin:0;font-size:0.8em;font-style:italic",
+  ".je-indented-panel": "padding:5px;margin:10px;border-radius:3px;border:1px%20solid%20%23ddd",
+  ".je-child-editor-holder": "margin-bottom:8px",
+  ".je-header-button-holder": "display:inline-block;margin-left:10px;font-size:0.8em;vertical-align:middle",
+  ".je-table": "margin-bottom:5px;border-bottom:1px%20solid%20%23ccc",
+  ".je-upload-preview img": "float:left;margin:0%200.5rem%200.5rem%200;max-width:100%25;max-height:5rem",
+  ".je-dropzone": "position:relative;margin:0.5rem%200;border:2px%20dashed%20black;width:100%25;height:60px;background:teal;transition:all%200.5s",
+  ".je-dropzone:before": "position:absolute;content:attr(data-text);color:rgba(0%2C%200%2C%200%2C%200.6);left:50%25;top:50%25;transform:translate(-50%25%2C%20-50%25)",
+  ".je-dropzone.valid-dropzone": "background:green",
+  ".je-dropzone.invalid-dropzone": "background:red"
+});
+/* eslint-enable */
+
+/***/ }),
+
+/***/ "./src/themes/html.js":
+/*!****************************!*\
+  !*** ./src/themes/html.js ***!
+  \****************************/
+/*! exports provided: htmlTheme */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "htmlTheme", function() { return htmlTheme; });
+/* harmony import */ var core_js_modules_es_object_set_prototype_of_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.object.set-prototype-of.js */ "./node_modules/core-js/modules/es.object.set-prototype-of.js");
+/* harmony import */ var core_js_modules_es_object_set_prototype_of_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_set_prototype_of_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var core_js_modules_es_object_get_prototype_of_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.object.get-prototype-of.js */ "./node_modules/core-js/modules/es.object.get-prototype-of.js");
+/* harmony import */ var core_js_modules_es_object_get_prototype_of_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_prototype_of_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var core_js_modules_es_reflect_construct_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es.reflect.construct.js */ "./node_modules/core-js/modules/es.reflect.construct.js");
+/* harmony import */ var core_js_modules_es_reflect_construct_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_reflect_construct_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var core_js_modules_es_object_create_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.object.create.js */ "./node_modules/core-js/modules/es.object.create.js");
+/* harmony import */ var core_js_modules_es_object_create_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_create_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var core_js_modules_es_reflect_get_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.reflect.get.js */ "./node_modules/core-js/modules/es.reflect.get.js");
+/* harmony import */ var core_js_modules_es_reflect_get_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_reflect_get_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptor.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptor.js");
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var core_js_modules_es_object_define_property_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.object.define-property.js */ "./node_modules/core-js/modules/es.object.define-property.js");
+/* harmony import */ var core_js_modules_es_object_define_property_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_define_property_js__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.symbol.js */ "./node_modules/core-js/modules/es.symbol.js");
+/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/es.symbol.description.js */ "./node_modules/core-js/modules/es.symbol.description.js");
+/* harmony import */ var core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
+/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core-js/modules/es.symbol.iterator.js */ "./node_modules/core-js/modules/es.symbol.iterator.js");
+/* harmony import */ var core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! core-js/modules/es.array.iterator.js */ "./node_modules/core-js/modules/es.array.iterator.js");
+/* harmony import */ var core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_11__);
+/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! core-js/modules/es.string.iterator.js */ "./node_modules/core-js/modules/es.string.iterator.js");
+/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_12__);
+/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! core-js/modules/web.dom-collections.iterator.js */ "./node_modules/core-js/modules/web.dom-collections.iterator.js");
+/* harmony import */ var core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_13__);
+/* harmony import */ var _theme_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../theme.js */ "./src/theme.js");
+/* harmony import */ var _html_css_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./html.css.js */ "./src/themes/html.css.js");
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _get(target, property, receiver) { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(receiver); } return desc.value; }; } return _get(target, property, receiver || target); }
+
+function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+
+
+var htmlTheme = /*#__PURE__*/function (_AbstractTheme) {
+  _inherits(htmlTheme, _AbstractTheme);
+
+  var _super = _createSuper(htmlTheme);
+
+  function htmlTheme() {
+    _classCallCheck(this, htmlTheme);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(htmlTheme, [{
+    key: "getFormInputLabel",
+    value: function getFormInputLabel(text, req) {
+      var el = _get(_getPrototypeOf(htmlTheme.prototype), "getFormInputLabel", this).call(this, text, req);
+
+      el.classList.add('je-form-input-label');
+      return el;
+    }
+  }, {
+    key: "getFormInputDescription",
+    value: function getFormInputDescription(text) {
+      var el = _get(_getPrototypeOf(htmlTheme.prototype), "getFormInputDescription", this).call(this, text);
+
+      el.classList.add('je-form-input-label');
+      return el;
+    }
+  }, {
+    key: "getIndentedPanel",
+    value: function getIndentedPanel() {
+      var el = _get(_getPrototypeOf(htmlTheme.prototype), "getIndentedPanel", this).call(this);
+
+      el.classList.add('je-indented-panel');
+      return el;
+    }
+  }, {
+    key: "getTopIndentedPanel",
+    value: function getTopIndentedPanel() {
+      return this.getIndentedPanel();
+    }
+  }, {
+    key: "getChildEditorHolder",
+    value: function getChildEditorHolder() {
+      var el = _get(_getPrototypeOf(htmlTheme.prototype), "getChildEditorHolder", this).call(this);
+
+      el.classList.add('je-child-editor-holder');
+      return el;
+    }
+  }, {
+    key: "getHeaderButtonHolder",
+    value: function getHeaderButtonHolder() {
+      var el = this.getButtonHolder();
+      el.classList.add('je-header-button-holder');
+      return el;
+    }
+  }, {
+    key: "getTable",
+    value: function getTable() {
+      var el = _get(_getPrototypeOf(htmlTheme.prototype), "getTable", this).call(this);
+
+      el.classList.add('je-table');
+      return el;
+    }
+  }, {
+    key: "addInputError",
+    value: function addInputError(input, text) {
+      var group = this.closest(input, '.form-control') || input.controlgroup;
+
+      if (!input.errmsg) {
+        input.errmsg = document.createElement('div');
+        input.errmsg.setAttribute('class', 'errmsg');
         input.errmsg.style = input.errmsg.style || {};
         input.errmsg.style.color = 'red';
         group.appendChild(input.errmsg);
@@ -27037,13 +27896,15 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _html_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./html.js */ "./src/themes/html.js");
 /* harmony import */ var _bootstrap3_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./bootstrap3.js */ "./src/themes/bootstrap3.js");
 /* harmony import */ var _bootstrap4_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./bootstrap4.js */ "./src/themes/bootstrap4.js");
-/* harmony import */ var _jqueryui_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./jqueryui.js */ "./src/themes/jqueryui.js");
-/* harmony import */ var _barebones_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./barebones.js */ "./src/themes/barebones.js");
-/* harmony import */ var _spectre_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./spectre.js */ "./src/themes/spectre.js");
-/* harmony import */ var _tailwind_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./tailwind.js */ "./src/themes/tailwind.js");
+/* harmony import */ var _bootstrap5_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./bootstrap5.js */ "./src/themes/bootstrap5.js");
+/* harmony import */ var _jqueryui_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./jqueryui.js */ "./src/themes/jqueryui.js");
+/* harmony import */ var _barebones_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./barebones.js */ "./src/themes/barebones.js");
+/* harmony import */ var _spectre_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./spectre.js */ "./src/themes/spectre.js");
+/* harmony import */ var _tailwind_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./tailwind.js */ "./src/themes/tailwind.js");
  // import  { bootstrap2Theme } from  './bootstrap2'
 
 
+
  // import  { foundationTheme, foundation3Theme, foundation4Theme, foundation5Theme, foundation6Theme } from  './foundation.js'
 
 
@@ -27056,16 +27917,17 @@ var themes = {
   // bootstrap2: bootstrap2Theme,
   bootstrap3: _bootstrap3_js__WEBPACK_IMPORTED_MODULE_1__["bootstrap3Theme"],
   bootstrap4: _bootstrap4_js__WEBPACK_IMPORTED_MODULE_2__["bootstrap4Theme"],
+  bootstrap5: _bootstrap5_js__WEBPACK_IMPORTED_MODULE_3__["bootstrap5Theme"],
   // foundation: foundationTheme,
   // foundation3: foundation3Theme,
   // foundation4: foundation4Theme,
   // foundation5: foundation5Theme,
   // foundation6: foundation6Theme,
-  jqueryui: _jqueryui_js__WEBPACK_IMPORTED_MODULE_3__["jqueryuiTheme"],
-  barebones: _barebones_js__WEBPACK_IMPORTED_MODULE_4__["barebonesTheme"],
+  jqueryui: _jqueryui_js__WEBPACK_IMPORTED_MODULE_4__["jqueryuiTheme"],
+  barebones: _barebones_js__WEBPACK_IMPORTED_MODULE_5__["barebonesTheme"],
   // materialize: materializeTheme,
-  spectre: _spectre_js__WEBPACK_IMPORTED_MODULE_5__["spectreTheme"],
-  tailwind: _tailwind_js__WEBPACK_IMPORTED_MODULE_6__["tailwindTheme"]
+  spectre: _spectre_js__WEBPACK_IMPORTED_MODULE_6__["spectreTheme"],
+  tailwind: _tailwind_js__WEBPACK_IMPORTED_MODULE_7__["tailwindTheme"]
 };
 
 /***/ }),
@@ -28562,7 +29424,7 @@ var tailwindTheme = /*#__PURE__*/function (_AbstractTheme) {
     value: function addInputError(input, text) {
       if (!input.controlgroup) return;
       input.controlgroup.classList.add('has-error');
-      input.classList.add('bg-red-600');
+      input.controlgroup.classList.add('text-red-600');
 
       if (!input.errmsg) {
         input.errmsg = document.createElement('p');
@@ -28579,7 +29441,7 @@ var tailwindTheme = /*#__PURE__*/function (_AbstractTheme) {
     value: function removeInputError(input) {
       if (!input.errmsg) return;
       input.errmsg.style.display = 'none';
-      input.classList.remove('bg-red-600');
+      input.controlgroup.classList.remove('text-red-600');
       input.controlgroup.classList.remove('has-error');
     }
   }, {