survey-creator-react 1.11.10 → 1.11.12

package/survey-creator-react.js

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator React v1.11.10
+ * SurveyJS Creator React v1.11.12
  * (c) 2015-2024 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -49,9 +49,9 @@ var ActionButton = /** @class */ (function (_super) {
         }
         if (this.props.disabled) {
             classes += " svc-action-button--disabled";
-            return react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", { className: classes }, this.props.text);
+            return react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: classes }, this.props.text);
         }
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", { role: "button", className: classes, onClick: function (e) {
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null, (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { role: "button", className: classes, onClick: function (e) {
                 if (!_this.props.allowBubble) {
                     e.stopPropagation();
                 }
@@ -96,7 +96,7 @@ var ImageItemValueAdornerComponent = /** @class */ (function (_super) {
         _this.preventDragHandler = function (e) {
             e.preventDefault();
         };
-        _this.rootRef = react__WEBPACK_IMPORTED_MODULE_2___default().createRef();
+        _this.rootRef = react__WEBPACK_IMPORTED_MODULE_2__.createRef();
         return _this;
     }
     ImageItemValueAdornerComponent.prototype.createModel = function (props) {
@@ -124,8 +124,8 @@ var ImageItemValueAdornerComponent = /** @class */ (function (_super) {
         this.model.itemsRoot = this.rootRef.current;
     };
     ImageItemValueAdornerComponent.prototype.renderLoadingIndicator = function () {
-        return react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", { className: "svc-image-item-value__loading" },
-            react__WEBPACK_IMPORTED_MODULE_2___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.LoadingIndicatorComponent, null));
+        return react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-image-item-value__loading" },
+            react__WEBPACK_IMPORTED_MODULE_2__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.LoadingIndicatorComponent, null));
     };
     ImageItemValueAdornerComponent.prototype.render = function () {
         var _this = this;
@@ -138,33 +138,33 @@ var ImageItemValueAdornerComponent = /** @class */ (function (_super) {
         var imageStyle = !this.model.getIsNewItemSingle() ? { width: this.question.renderedImageWidth, height: this.question.renderedImageHeight } : null;
         var content = null;
         if (isNew || this.model.isUploading) {
-            content = (react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null,
-                react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", { className: "svc-image-item-value__item", onDrop: this.model.onDrop, onDragOver: this.model.onDragOver, onDragLeave: this.model.onDragLeave },
-                    react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", { className: "sd-imagepicker__item sd-imagepicker__item--inline" },
-                        react__WEBPACK_IMPORTED_MODULE_2___default().createElement("label", { className: "sd-imagepicker__label" },
-                            react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", { style: imageStyle, className: "sd-imagepicker__image" }, this.model.isUploading ? this.renderLoadingIndicator() : null)))),
-                react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", { className: "svc-image-item-value-controls" }, this.model.allowAdd && !this.model.isUploading ? (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_2___default().createElement("span", { className: "svc-context-button svc-image-item-value-controls__add", onClick: function () { return _this.model.chooseNewFile(_this.model); } },
-                    react__WEBPACK_IMPORTED_MODULE_2___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { size: 24, iconName: "icon-add-lg", title: this.model.addFileTitle }))) : null)));
+            content = (react__WEBPACK_IMPORTED_MODULE_2__.createElement(react__WEBPACK_IMPORTED_MODULE_2__.Fragment, null,
+                react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-image-item-value__item", onDrop: this.model.onDrop, onDragOver: this.model.onDragOver, onDragLeave: this.model.onDragLeave },
+                    react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "sd-imagepicker__item sd-imagepicker__item--inline" },
+                        react__WEBPACK_IMPORTED_MODULE_2__.createElement("label", { className: "sd-imagepicker__label" },
+                            react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { style: imageStyle, className: "sd-imagepicker__image" }, this.model.isUploading ? this.renderLoadingIndicator() : null)))),
+                react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-image-item-value-controls" }, this.model.allowAdd && !this.model.isUploading ? (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_2__.createElement("span", { className: "svc-context-button svc-image-item-value-controls__add", onClick: function () { return _this.model.chooseNewFile(_this.model); } },
+                    react__WEBPACK_IMPORTED_MODULE_2__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { size: 24, iconName: "icon-add-lg", title: this.model.addFileTitle }))) : null)));
         }
         else {
-            content = (react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null,
-                react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", { className: "svc-image-item-value__item" }, this.props.element),
+            content = (react__WEBPACK_IMPORTED_MODULE_2__.createElement(react__WEBPACK_IMPORTED_MODULE_2__.Fragment, null,
+                react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-image-item-value__item" }, this.props.element),
                 this.model.isDraggable && this.model.canRenderControls ?
-                    react__WEBPACK_IMPORTED_MODULE_2___default().createElement("span", { className: "svc-context-button svc-image-item-value-controls__drag-area-indicator", onPointerDown: function (event) { return _this.model.onPointerDown(event); } },
-                        react__WEBPACK_IMPORTED_MODULE_2___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { size: 24, iconName: "icon-drag-area-indicator" }))
+                    react__WEBPACK_IMPORTED_MODULE_2__.createElement("span", { className: "svc-context-button svc-image-item-value-controls__drag-area-indicator", onPointerDown: function (event) { return _this.model.onPointerDown(event); } },
+                        react__WEBPACK_IMPORTED_MODULE_2__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { size: 24, iconName: "icon-drag-area-indicator" }))
                     : null,
                 this.model.canRenderControls ?
-                    react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", { className: "svc-context-container svc-image-item-value-controls" },
-                        this.model.allowRemove && !this.model.isUploading ? (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_2___default().createElement("span", { className: "svc-context-button", onClick: function () { return _this.model.chooseFile(_this.model); } },
-                            react__WEBPACK_IMPORTED_MODULE_2___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { role: "button", size: 24, iconName: "icon-file", title: this.model.selectFileTitle }))) : null,
-                        this.model.allowRemove && !this.model.isUploading ? (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_2___default().createElement("span", { className: "svc-context-button svc-context-button--danger", onClick: function () { return _this.model.remove(_this.model); } },
-                            react__WEBPACK_IMPORTED_MODULE_2___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { role: "button", size: 24, iconName: "icon-delete", title: this.model.removeFileTitle }))) : null)
+                    react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-context-container svc-image-item-value-controls" },
+                        this.model.allowRemove && !this.model.isUploading ? (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_2__.createElement("span", { className: "svc-context-button", onClick: function () { return _this.model.chooseFile(_this.model); } },
+                            react__WEBPACK_IMPORTED_MODULE_2__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { role: "button", size: 24, iconName: "icon-file", title: this.model.selectFileTitle }))) : null,
+                        this.model.allowRemove && !this.model.isUploading ? (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_2__.createElement("span", { className: "svc-context-button svc-context-button--danger", onClick: function () { return _this.model.remove(_this.model); } },
+                            react__WEBPACK_IMPORTED_MODULE_2__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { role: "button", size: 24, iconName: "icon-delete", title: this.model.removeFileTitle }))) : null)
                     : null));
         }
-        return (react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", { ref: this.rootRef, className: this.model.getRootCss(), key: this.props.element.key, "data-sv-drop-target-item-value": this.model.isDraggable ? this.model.item.value : undefined, onPointerDown: function (event) { return _this.model.onPointerDown(event); }, onDragStart: this.preventDragHandler },
-            react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", { className: "svc-image-item-value-wrapper__ghost", style: imageStyle }),
-            react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", { className: "svc-image-item-value-wrapper__content" },
-                react__WEBPACK_IMPORTED_MODULE_2___default().createElement("input", { type: "file", "aria-hidden": "true", tabIndex: -1, accept: this.model.acceptedTypes, className: "svc-choose-file-input", style: {
+        return (react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { ref: this.rootRef, className: this.model.getRootCss(), key: this.props.element.key, "data-sv-drop-target-item-value": this.model.isDraggable ? this.model.item.value : undefined, onPointerDown: function (event) { return _this.model.onPointerDown(event); }, onDragStart: this.preventDragHandler },
+            react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-image-item-value-wrapper__ghost", style: imageStyle }),
+            react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-image-item-value-wrapper__content" },
+                react__WEBPACK_IMPORTED_MODULE_2__.createElement("input", { type: "file", "aria-hidden": "true", tabIndex: -1, accept: this.model.acceptedTypes, className: "svc-choose-file-input", style: {
                         position: "absolute",
                         opacity: 0,
                         width: "1px",
@@ -177,7 +177,7 @@ var ImageItemValueAdornerComponent = /** @class */ (function (_super) {
 }(_ModelElement__WEBPACK_IMPORTED_MODULE_4__.CreatorModelElement));
 
 survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.registerElement("svc-image-item-value", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_2___default().createElement(ImageItemValueAdornerComponent, props);
+    return react__WEBPACK_IMPORTED_MODULE_2__.createElement(ImageItemValueAdornerComponent, props);
 });
 
 
@@ -230,32 +230,32 @@ var ItemValueAdornerComponent = /** @class */ (function (_super) {
         //   return null;
         // }
         this.model.item = this.props.item;
-        var button = this.model.allowAdd ? ((0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_2___default().createElement("span", { className: "svc-item-value-controls__button svc-item-value-controls__add", "aria-label": this.model.tooltip, onClick: function () {
+        var button = this.model.allowAdd ? ((0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_2__.createElement("span", { className: "svc-item-value-controls__button svc-item-value-controls__add", "aria-label": this.model.tooltip, onClick: function () {
                 _this.model.add(_this.model);
                 _this.model.isNew = false;
             } },
-            react__WEBPACK_IMPORTED_MODULE_2___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { size: 16, iconName: "icon-add_16x16", title: this.model.tooltip })))) : (react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null,
+            react__WEBPACK_IMPORTED_MODULE_2__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { size: 16, iconName: "icon-add_16x16", title: this.model.tooltip })))) : (react__WEBPACK_IMPORTED_MODULE_2__.createElement(react__WEBPACK_IMPORTED_MODULE_2__.Fragment, null,
             " ",
-            this.model.isDraggable ? (react__WEBPACK_IMPORTED_MODULE_2___default().createElement("span", { className: "svc-item-value-controls__button svc-item-value-controls__drag" },
-                react__WEBPACK_IMPORTED_MODULE_2___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { className: "svc-item-value-controls__drag-icon", size: 24, iconName: "icon-drag-area-indicator", title: this.model.dragTooltip }))) : null,
-            this.model.allowRemove ? (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_2___default().createElement("span", { className: "svc-item-value-controls__button svc-item-value-controls__remove", "aria-label": this.model.tooltip, onClick: function () { return _this.model.remove(_this.model); } },
-                react__WEBPACK_IMPORTED_MODULE_2___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { size: 16, iconName: "icon-remove_16x16", title: this.model.tooltip }))) : null));
+            this.model.isDraggable ? (react__WEBPACK_IMPORTED_MODULE_2__.createElement("span", { className: "svc-item-value-controls__button svc-item-value-controls__drag" },
+                react__WEBPACK_IMPORTED_MODULE_2__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { className: "svc-item-value-controls__drag-icon", size: 24, iconName: "icon-drag-area-indicator", title: this.model.dragTooltip }))) : null,
+            this.model.allowRemove ? (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_2__.createElement("span", { className: "svc-item-value-controls__button svc-item-value-controls__remove", "aria-label": this.model.tooltip, onClick: function () { return _this.model.remove(_this.model); } },
+                react__WEBPACK_IMPORTED_MODULE_2__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { size: 16, iconName: "icon-remove_16x16", title: this.model.tooltip }))) : null));
         var itemkey = this.props.element.key + (this.model.allowAdd ? "_new" : "");
-        return (react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", { className: "svc-item-value-wrapper" +
+        return (react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-item-value-wrapper" +
                 (this.model.allowAdd ? " svc-item-value--new" : "") +
                 (this.model.isDragging ? " svc-item-value--dragging" : "") +
                 (this.model.isDragDropGhost ? " svc-item-value--ghost" : "") +
                 (this.model.isDragDropMoveDown ? " svc-item-value--movedown" : "") +
                 (this.model.isDragDropMoveUp ? " svc-item-value--moveup" : ""), key: itemkey, "data-sv-drop-target-item-value": this.model.isDraggable ? this.model.item.value : undefined, onPointerDown: function (event) { return _this.model.onPointerDown(event); } },
-            react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", { className: "svc-item-value__ghost" }),
-            react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", { className: "svc-item-value-controls", onBlur: this.onBlur }, button),
-            react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", { className: "svc-item-value__item", onClick: function (event) { return _this.model.select(_this.model, event.nativeEvent); } }, this.props.element)));
+            react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-item-value__ghost" }),
+            react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-item-value-controls", onBlur: this.onBlur }, button),
+            react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-item-value__item", onClick: function (event) { return _this.model.select(_this.model, event.nativeEvent); } }, this.props.element)));
     };
     return ItemValueAdornerComponent;
 }(_ModelElement__WEBPACK_IMPORTED_MODULE_4__.CreatorModelElement));
 
 survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.registerElement("svc-item-value", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_2___default().createElement(ItemValueAdornerComponent, props);
+    return react__WEBPACK_IMPORTED_MODULE_2__.createElement(ItemValueAdornerComponent, props);
 });
 
 
@@ -288,7 +288,7 @@ var LogoImageComponent = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(LogoImageComponent, _super);
     function LogoImageComponent(props) {
         var _this = _super.call(this, props) || this;
-        _this.rootRef = react__WEBPACK_IMPORTED_MODULE_1___default().createRef();
+        _this.rootRef = react__WEBPACK_IMPORTED_MODULE_1__.createRef();
         return _this;
     }
     LogoImageComponent.prototype.createModel = function (props) {
@@ -310,36 +310,36 @@ var LogoImageComponent = /** @class */ (function (_super) {
     };
     LogoImageComponent.prototype.renderChooseButton = function () {
         var _this = this;
-        return (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", { className: "svc-context-button", onClick: function () { return _this.model.chooseFile(_this.model); } },
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { size: 24, iconName: "icon-file" })));
+        return (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-context-button", onClick: function () { return _this.model.chooseFile(_this.model); } },
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { size: 24, iconName: "icon-file" })));
     };
     LogoImageComponent.prototype.renderClearButton = function () {
         var _this = this;
-        return (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", { className: "svc-context-button svc-context-button--danger", onClick: function () { return _this.model.remove(_this.model); } },
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { size: 24, iconName: "icon-clear" })));
+        return (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-context-button svc-context-button--danger", onClick: function () { return _this.model.remove(_this.model); } },
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { size: 24, iconName: "icon-clear" })));
     };
     LogoImageComponent.prototype.renderButtons = function () {
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-context-container svc-logo-image-controls" },
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-context-container svc-logo-image-controls" },
             this.renderChooseButton(),
             this.renderClearButton()));
     };
     LogoImageComponent.prototype.renderImage = function () {
-        return react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: this.model.containerCss },
+        return react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: this.model.containerCss },
             this.renderButtons(),
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.LogoImage, { data: this.props.data.survey }));
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.LogoImage, { data: this.props.data.survey }));
     };
     LogoImageComponent.prototype.renderPlaceHolder = function () {
         var _this = this;
-        return this.model.allowEdit && !this.model.isUploading ? (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-logo-image-placeholder", onClick: function () { return _this.model.chooseFile(_this.model); } },
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("svg", null,
-                react__WEBPACK_IMPORTED_MODULE_1___default().createElement("use", { xlinkHref: "#icon-logo" })))) : null;
+        return this.model.allowEdit && !this.model.isUploading ? (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-logo-image-placeholder", onClick: function () { return _this.model.chooseFile(_this.model); } },
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("svg", null,
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement("use", { xlinkHref: "#icon-logo" })))) : null;
     };
     LogoImageComponent.prototype.renderInput = function () {
-        return react__WEBPACK_IMPORTED_MODULE_1___default().createElement("input", { "aria-hidden": "true", type: "file", tabIndex: -1, accept: this.model.acceptedTypes, className: "svc-choose-file-input" });
+        return react__WEBPACK_IMPORTED_MODULE_1__.createElement("input", { "aria-hidden": "true", type: "file", tabIndex: -1, accept: this.model.acceptedTypes, className: "svc-choose-file-input" });
     };
     LogoImageComponent.prototype.renderLoadingIndicator = function () {
-        return react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-logo-image__loading" },
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.LoadingIndicatorComponent, null));
+        return react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-logo-image__loading" },
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.LoadingIndicatorComponent, null));
     };
     LogoImageComponent.prototype.render = function () {
         var content = null;
@@ -352,7 +352,7 @@ var LogoImageComponent = /** @class */ (function (_super) {
         else {
             content = this.renderPlaceHolder();
         }
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { ref: this.rootRef, className: "svc-logo-image" },
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { ref: this.rootRef, className: "svc-logo-image" },
             this.renderInput(),
             content));
     };
@@ -360,7 +360,7 @@ var LogoImageComponent = /** @class */ (function (_super) {
 }(_ModelElement__WEBPACK_IMPORTED_MODULE_4__.CreatorModelElement));
 
 survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-logo-image", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(LogoImageComponent, props);
+    return react__WEBPACK_IMPORTED_MODULE_1__.createElement(LogoImageComponent, props);
 });
 
 
@@ -423,11 +423,11 @@ var MatrixCellAdornerComponent = /** @class */ (function (_super) {
         var _this = this;
         var controls = null;
         if (!!this.model.isSupportCellEditor) {
-            controls = react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-matrix-cell__question-controls" }, (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", { className: "svc-matrix-cell__question-controls-button", onClick: function (event) { return _this.model.editQuestion(_this.model, event); } },
-                react__WEBPACK_IMPORTED_MODULE_1___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { size: 24, iconName: "icon-edit" }))));
+            controls = react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-matrix-cell__question-controls" }, (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-matrix-cell__question-controls-button", onClick: function (event) { return _this.model.editQuestion(_this.model, event); } },
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { size: 24, iconName: "icon-edit" }))));
         }
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-matrix-cell", tabIndex: -1, key: this.props.element.key, onClick: function (e) { return !_this.props.question && _this.model.selectContext(_this.model, e); }, onMouseOut: function (e) { return _this.model.hover(e.nativeEvent, e.currentTarget); }, onMouseOver: function (e) { return _this.model.hover(e.nativeEvent, e.currentTarget); } },
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-matrix-cell--selected" + (this.model.isSelected ? " svc-visible" : "") }),
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-matrix-cell", tabIndex: -1, key: this.props.element.key, onClick: function (e) { return !_this.props.question && _this.model.selectContext(_this.model, e); }, onMouseOut: function (e) { return _this.model.hover(e.nativeEvent, e.currentTarget); }, onMouseOver: function (e) { return _this.model.hover(e.nativeEvent, e.currentTarget); } },
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-matrix-cell--selected" + (this.model.isSelected ? " svc-visible" : "") }),
             this.props.element,
             controls));
     };
@@ -435,7 +435,7 @@ var MatrixCellAdornerComponent = /** @class */ (function (_super) {
 }(_ModelElement__WEBPACK_IMPORTED_MODULE_4__.CreatorModelElement));
 
 survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.registerElement("svc-matrix-cell", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(MatrixCellAdornerComponent, props);
+    return react__WEBPACK_IMPORTED_MODULE_1__.createElement(MatrixCellAdornerComponent, props);
 });
 
 
@@ -621,12 +621,12 @@ var ObjectSelectorComponent = /** @class */ (function (_super) {
     ObjectSelectorComponent.prototype.renderElement = function () {
         if (!this.model.isVisible)
             return null;
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.List, { model: this.model.list }));
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.List, { model: this.model.list }));
     };
     return ObjectSelectorComponent;
 }(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
 survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-object-selector", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ObjectSelectorComponent, props);
+    return react__WEBPACK_IMPORTED_MODULE_1__.createElement(ObjectSelectorComponent, props);
 });
 
 
@@ -663,7 +663,7 @@ var SurveyPageNavigator = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(SurveyPageNavigator, _super);
     function SurveyPageNavigator(props) {
         var _this = _super.call(this, props) || this;
-        _this.containerRef = react__WEBPACK_IMPORTED_MODULE_4___default().createRef();
+        _this.containerRef = react__WEBPACK_IMPORTED_MODULE_4__.createRef();
         return _this;
     }
     SurveyPageNavigator.prototype.createModel = function (props) {
@@ -718,11 +718,11 @@ var SurveyPageNavigator = /** @class */ (function (_super) {
         var className = "svc-page-navigator__selector";
         if (this.model.isPopupOpened)
             className += " svc-page-navigator__selector--opened";
-        return (react__WEBPACK_IMPORTED_MODULE_4___default().createElement("div", { className: "svc-page-navigator", ref: this.containerRef, style: { display: this.model.visible ? "flex" : "none" } },
-            (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_4___default().createElement("div", { className: className, onClick: function () { return _this.model.togglePageSelector(); }, title: this.model.pageSelectorCaption },
-                react__WEBPACK_IMPORTED_MODULE_4___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { className: "svc-page-navigator__navigator-icon", iconName: this.model.icon, size: 24, title: this.model.pageSelectorCaption }),
-                react__WEBPACK_IMPORTED_MODULE_4___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.Popup, { model: this.model.popupModel }))),
-            react__WEBPACK_IMPORTED_MODULE_4___default().createElement("div", null, this.model.visibleItems.map(function (item) { return (react__WEBPACK_IMPORTED_MODULE_4___default().createElement(SurveyPageNavigatorItem, { key: item.id, item: item })); }))));
+        return (react__WEBPACK_IMPORTED_MODULE_4__.createElement("div", { className: "svc-page-navigator", ref: this.containerRef, style: { display: this.model.visible ? "flex" : "none" } },
+            (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_4__.createElement("div", { className: className, onClick: function () { return _this.model.togglePageSelector(); }, title: this.model.pageSelectorCaption },
+                react__WEBPACK_IMPORTED_MODULE_4__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { className: "svc-page-navigator__navigator-icon", iconName: this.model.icon, size: 24, title: this.model.pageSelectorCaption }),
+                react__WEBPACK_IMPORTED_MODULE_4__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.Popup, { model: this.model.popupModel }))),
+            react__WEBPACK_IMPORTED_MODULE_4__.createElement("div", null, this.model.visibleItems.map(function (item) { return (react__WEBPACK_IMPORTED_MODULE_4__.createElement(SurveyPageNavigatorItem, { key: item.id, item: item })); }))));
     };
     return SurveyPageNavigator;
 }(_ModelElement__WEBPACK_IMPORTED_MODULE_5__.CreatorModelElement));
@@ -744,14 +744,14 @@ var SurveyPageNavigatorItem = /** @class */ (function (_super) {
         if ((0,survey_core__WEBPACK_IMPORTED_MODULE_1__.unwrap)(item.disabled)) {
             className += " svc-page-navigator-item--disabled";
         }
-        return (react__WEBPACK_IMPORTED_MODULE_4___default().createElement("div", { className: "svc-page-navigator-item" }, (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_4___default().createElement("div", { className: className, onClick: function (e) {
+        return (react__WEBPACK_IMPORTED_MODULE_4__.createElement("div", { className: "svc-page-navigator-item" }, (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_4__.createElement("div", { className: className, onClick: function (e) {
                 item.action(item);
                 e.stopPropagation();
             } },
-            react__WEBPACK_IMPORTED_MODULE_4___default().createElement("div", { className: "svc-page-navigator-item__dot", title: item.title }),
-            react__WEBPACK_IMPORTED_MODULE_4___default().createElement("div", { className: "svc-page-navigator-item__banner" },
-                react__WEBPACK_IMPORTED_MODULE_4___default().createElement("span", { className: "svc-text svc-text--small svc-text--bold" }, item.title),
-                react__WEBPACK_IMPORTED_MODULE_4___default().createElement("span", { className: "svc-page-navigator-item__dot" }))))));
+            react__WEBPACK_IMPORTED_MODULE_4__.createElement("div", { className: "svc-page-navigator-item__dot", title: item.title }),
+            react__WEBPACK_IMPORTED_MODULE_4__.createElement("div", { className: "svc-page-navigator-item__banner" },
+                react__WEBPACK_IMPORTED_MODULE_4__.createElement("span", { className: "svc-text svc-text--small svc-text--bold" }, item.title),
+                react__WEBPACK_IMPORTED_MODULE_4__.createElement("span", { className: "svc-page-navigator-item__dot" }))))));
     };
     return SurveyPageNavigatorItem;
 }(_ModelElement__WEBPACK_IMPORTED_MODULE_5__.CreatorModelElement));
@@ -803,19 +803,19 @@ var PropertyGridComponent = /** @class */ (function (_super) {
     };
     PropertyGridComponent.prototype.renderElement = function () {
         var rootClassName = this.model.searchEnabled ? "spg-container spg-container_search" : "spg-container";
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: rootClassName },
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Search__WEBPACK_IMPORTED_MODULE_3__.SearchComponent, { model: this.model.searchManager }),
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.Survey, { model: this.model.survey })));
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: rootClassName },
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement(_Search__WEBPACK_IMPORTED_MODULE_3__.SearchComponent, { model: this.model.searchManager }),
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.Survey, { model: this.model.survey })));
     };
     return PropertyGridComponent;
 }(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
 
 survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactQuestionFactory.Instance.registerQuestion("buttongroup", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyQuestionButtonGroup, props);
+    return react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyQuestionButtonGroup, props);
 });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PropertyGridComponent);
 survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-property-grid", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(PropertyGridComponent, props);
+    return react__WEBPACK_IMPORTED_MODULE_1__.createElement(PropertyGridComponent, props);
 });
 
 
@@ -871,14 +871,14 @@ var QuestionEditorContentComponent = /** @class */ (function (_super) {
     };
     QuestionEditorContentComponent.prototype.render = function () {
         var question = this.survey.getAllQuestions()[0];
-        return (react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null,
-            react__WEBPACK_IMPORTED_MODULE_2___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_1__.SurveyQuestion, { creator: this, element: question })));
+        return (react__WEBPACK_IMPORTED_MODULE_2__.createElement(react__WEBPACK_IMPORTED_MODULE_2__.Fragment, null,
+            react__WEBPACK_IMPORTED_MODULE_2__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_1__.SurveyQuestion, { creator: this, element: question })));
     };
     return QuestionEditorContentComponent;
-}((react__WEBPACK_IMPORTED_MODULE_2___default().Component)));
+}(react__WEBPACK_IMPORTED_MODULE_2__.Component));
 
 survey_react_ui__WEBPACK_IMPORTED_MODULE_1__.ReactElementFactory.Instance.registerElement("svc-question-editor-content", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_2___default().createElement(QuestionEditorContentComponent, props);
+    return react__WEBPACK_IMPORTED_MODULE_2__.createElement(QuestionEditorContentComponent, props);
 });
 
 
@@ -927,13 +927,13 @@ var SurveyElementEmbeddedSurvey = /** @class */ (function (_super) {
         var survey = this.embeddedSurvey.embeddedSurvey;
         if (!survey || !survey.currentPage)
             return null;
-        return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyPage, { survey: survey, page: survey.currentPage, css: survey.css, creator: this.creator });
+        return react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyPage, { survey: survey, page: survey.currentPage, css: survey.css, creator: this.creator });
     };
     return SurveyElementEmbeddedSurvey;
 }(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyQuestionElementBase));
 
 survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactQuestionFactory.Instance.registerQuestion("embeddedsurvey", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(SurveyElementEmbeddedSurvey, props);
+    return react__WEBPACK_IMPORTED_MODULE_1__.createElement(SurveyElementEmbeddedSurvey, props);
 });
 
 
@@ -964,16 +964,16 @@ var QuestionErrorComponent = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     QuestionErrorComponent.prototype.render = function () {
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", null,
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { "aria-hidden": "true", iconName: "icon-alert_24x24", size: "24", className: this.props.cssClasses.error.icon }),
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", { className: this.props.cssClasses.error.item || undefined },
-                react__WEBPACK_IMPORTED_MODULE_1___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyLocStringViewer, { locStr: this.props.error.locText }))));
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", null,
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { "aria-hidden": "true", iconName: "icon-alert_24x24", size: "24", className: this.props.cssClasses.error.icon }),
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: this.props.cssClasses.error.item || undefined },
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyLocStringViewer, { locStr: this.props.error.locText }))));
     };
     return QuestionErrorComponent;
-}((react__WEBPACK_IMPORTED_MODULE_1___default().Component)));
+}(react__WEBPACK_IMPORTED_MODULE_1__.Component));
 
 survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-question-error", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(QuestionErrorComponent, props);
+    return react__WEBPACK_IMPORTED_MODULE_1__.createElement(QuestionErrorComponent, props);
 });
 
 
@@ -1018,7 +1018,7 @@ var SurveyQuestionLinkValue = /** @class */ (function (_super) {
         var _this = this;
         var showClear = this.questionBase.showClear;
         if (!this.questionBase.isReadOnly && showClear) {
-            return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ActionButton__WEBPACK_IMPORTED_MODULE_4__.ActionButton, { classes: this.question.linkClearButtonCssClasses, click: function () { return _this.question.doClearClick(); }, selected: this.question.isSelected, text: survey_creator_core__WEBPACK_IMPORTED_MODULE_3__.editorLocalization.getString("pe.clear") }));
+            return (react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ActionButton__WEBPACK_IMPORTED_MODULE_4__.ActionButton, { classes: this.question.linkClearButtonCssClasses, click: function () { return _this.question.doClearClick(); }, selected: this.question.isSelected, text: survey_creator_core__WEBPACK_IMPORTED_MODULE_3__.editorLocalization.getString("pe.clear") }));
         }
         else {
             return null;
@@ -1026,15 +1026,15 @@ var SurveyQuestionLinkValue = /** @class */ (function (_super) {
     };
     SurveyQuestionLinkValue.prototype.renderElement = function () {
         var _this = this;
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null,
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ActionButton__WEBPACK_IMPORTED_MODULE_4__.ActionButton, { classes: this.question.linkSetButtonCssClasses, click: function () { return _this.question.doLinkClick(); }, selected: this.question.isSelected, disabled: !this.question.isClickable, text: this.question.linkValueText, title: this.question.tooltip }),
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null,
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ActionButton__WEBPACK_IMPORTED_MODULE_4__.ActionButton, { classes: this.question.linkSetButtonCssClasses, click: function () { return _this.question.doLinkClick(); }, selected: this.question.isSelected, disabled: !this.question.isClickable, text: this.question.linkValueText, title: this.question.tooltip }),
             this.renderClear()));
     };
     return SurveyQuestionLinkValue;
 }(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyQuestionElementBase));
 
 survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactQuestionFactory.Instance.registerQuestion("linkvalue", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(SurveyQuestionLinkValue, props);
+    return react__WEBPACK_IMPORTED_MODULE_1__.createElement(SurveyQuestionLinkValue, props);
 });
 
 
@@ -1087,12 +1087,12 @@ var SurveyResults = /** @class */ (function (_super) {
         if (!this.model) {
             return null;
         }
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svd-test-results" },
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svd-test-results__header" },
-                react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svd-test-results__header-text" }, this.model.surveyResultsText),
-                react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svd-test-results__header-types" },
-                    react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ActionButton__WEBPACK_IMPORTED_MODULE_4__.ActionButton, { click: function () { return _this.model.selectTableClick(); }, text: this.model.surveyResultsTableText, selected: this.model.isTableSelected, disabled: false }),
-                    react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ActionButton__WEBPACK_IMPORTED_MODULE_4__.ActionButton, { click: function () { return _this.model.selectJsonClick(); }, text: this.model.surveyResultsJsonText, selected: this.model.isJsonSelected, disabled: false }))),
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svd-test-results" },
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svd-test-results__header" },
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svd-test-results__header-text" }, this.model.surveyResultsText),
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svd-test-results__header-types" },
+                    react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ActionButton__WEBPACK_IMPORTED_MODULE_4__.ActionButton, { click: function () { return _this.model.selectTableClick(); }, text: this.model.surveyResultsTableText, selected: this.model.isTableSelected, disabled: false }),
+                    react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ActionButton__WEBPACK_IMPORTED_MODULE_4__.ActionButton, { click: function () { return _this.model.selectJsonClick(); }, text: this.model.surveyResultsJsonText, selected: this.model.isJsonSelected, disabled: false }))),
             this.renderResultAsText(),
             this.renderResultAsTable()));
     };
@@ -1100,25 +1100,25 @@ var SurveyResults = /** @class */ (function (_super) {
         if (this.model.resultViewType !== "text") {
             return null;
         }
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svd-test-results__text svd-light-bg-color" },
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", null, this.model.resultText)));
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svd-test-results__text svd-light-bg-color" },
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", null, this.model.resultText)));
     };
     SurveyResults.prototype.renderResultAsTable = function () {
         if (this.model.resultViewType !== "table") {
             return null;
         }
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svd-test-results__table svd-light-bg-color" },
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("table", null,
-                react__WEBPACK_IMPORTED_MODULE_1___default().createElement("thead", null,
-                    react__WEBPACK_IMPORTED_MODULE_1___default().createElement("tr", { className: "svd-light-background-color" },
-                        react__WEBPACK_IMPORTED_MODULE_1___default().createElement("th", { key: 1, className: "svd-dark-border-color" }, this.model.resultsTitle),
-                        react__WEBPACK_IMPORTED_MODULE_1___default().createElement("th", { key: 2, className: "svd-dark-border-color" }, this.model.resultsDisplayValue))),
-                react__WEBPACK_IMPORTED_MODULE_1___default().createElement("tbody", null, SurveyResults.renderRows(this.model.resultData)))));
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svd-test-results__table svd-light-bg-color" },
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("table", null,
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement("thead", null,
+                    react__WEBPACK_IMPORTED_MODULE_1__.createElement("tr", { className: "svd-light-background-color" },
+                        react__WEBPACK_IMPORTED_MODULE_1__.createElement("th", { key: 1, className: "svd-dark-border-color" }, this.model.resultsTitle),
+                        react__WEBPACK_IMPORTED_MODULE_1__.createElement("th", { key: 2, className: "svd-dark-border-color" }, this.model.resultsDisplayValue))),
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement("tbody", null, SurveyResults.renderRows(this.model.resultData)))));
     };
     SurveyResults.renderRows = function (data) {
         var rows = [];
         for (var i = 0; i < data.length; i++) {
-            rows.push(react__WEBPACK_IMPORTED_MODULE_1___default().createElement(SurveyResultsByRow, { key: i + 1, row: data[i] }));
+            rows.push(react__WEBPACK_IMPORTED_MODULE_1__.createElement(SurveyResultsByRow, { key: i + 1, row: data[i] }));
         }
         return rows;
     };
@@ -1142,13 +1142,13 @@ var SurveyResultsByRow = /** @class */ (function (_super) {
     };
     SurveyResultsByRow.prototype.render = function () {
         var _this = this;
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null,
-            (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1___default().createElement("tr", { onClick: function () { return _this.row.toggle(); } },
-                react__WEBPACK_IMPORTED_MODULE_1___default().createElement("td", { key: 1, style: { paddingLeft: this.row.textMargin }, className: "svd-dark-border-color" },
-                    this.row.isNode ? (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", { style: { left: this.row.markerMargin }, className: "svd-test-results__marker " + (this.row.collapsed ? "" : "svd-test-results__marker--expanded") },
-                        react__WEBPACK_IMPORTED_MODULE_1___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { iconName: "icon-expand_16x16", size: 16 }))) : null,
-                    this.row.question ? react__WEBPACK_IMPORTED_MODULE_1___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SurveyLocStringViewer, { locStr: this.row.question.locTitle }) : react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", null, this.row.title)),
-                react__WEBPACK_IMPORTED_MODULE_1___default().createElement("td", { key: 2, className: this.row.isNode ? "svd-test-results__node-value" : "svd-dark-border-color" }, this.row.getString(this.row.displayValue)))),
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null,
+            (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("tr", { onClick: function () { return _this.row.toggle(); } },
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement("td", { key: 1, style: { paddingLeft: this.row.textMargin }, className: "svd-dark-border-color" },
+                    this.row.isNode ? (react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { style: { left: this.row.markerMargin }, className: "svd-test-results__marker " + (this.row.collapsed ? "" : "svd-test-results__marker--expanded") },
+                        react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { iconName: "icon-expand_16x16", size: 16 }))) : null,
+                    this.row.question ? react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SurveyLocStringViewer, { locStr: this.row.question.locTitle }) : react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", null, this.row.title)),
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement("td", { key: 2, className: this.row.isNode ? "svd-test-results__node-value" : "svd-dark-border-color" }, this.row.getString(this.row.displayValue)))),
             this.row.isNode && !this.row.collapsed ? SurveyResults.renderRows(this.row.data) : null));
     };
     return SurveyResultsByRow;
@@ -1208,19 +1208,19 @@ var SearchComponent = /** @class */ (function (_super) {
                 _this.model.filterString = e.target.value;
             }
         };
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "spg-search-editor_container" },
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "spg-search-editor_search-icon" },
-                react__WEBPACK_IMPORTED_MODULE_1___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { iconName: "icon-search", size: "auto" })),
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("input", { type: "text", className: "spg-search-editor_input", "aria-label": this.model.filterStringPlaceholder, placeholder: this.model.filterStringPlaceholder, value: this.state.filterString, onChange: onChange }),
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "spg-search-editor_toolbar" },
-                react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "spg-search-editor_toolbar-counter" }, this.model.matchCounterText),
-                react__WEBPACK_IMPORTED_MODULE_1___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SurveyActionBar, { model: this.model.searchActionBar }))));
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "spg-search-editor_container" },
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "spg-search-editor_search-icon" },
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { iconName: "icon-search", size: "auto" })),
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("input", { type: "text", className: "spg-search-editor_input", "aria-label": this.model.filterStringPlaceholder, placeholder: this.model.filterStringPlaceholder, value: this.state.filterString, onChange: onChange }),
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "spg-search-editor_toolbar" },
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "spg-search-editor_toolbar-counter" }, this.model.matchCounterText),
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SurveyActionBar, { model: this.model.searchActionBar }))));
     };
     return SearchComponent;
 }(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SurveyElementBase));
 
 survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.registerElement("svc-search", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(SearchComponent, props);
+    return react__WEBPACK_IMPORTED_MODULE_1__.createElement(SearchComponent, props);
 });
 
 
@@ -1249,7 +1249,7 @@ var SidebarComponent = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(SidebarComponent, _super);
     function SidebarComponent(props) {
         var _this = _super.call(this, props) || this;
-        _this.containerRef = react__WEBPACK_IMPORTED_MODULE_1___default().createRef();
+        _this.containerRef = react__WEBPACK_IMPORTED_MODULE_1__.createRef();
         return _this;
     }
     Object.defineProperty(SidebarComponent.prototype, "model", {
@@ -1279,18 +1279,18 @@ var SidebarComponent = /** @class */ (function (_super) {
         var _this = this;
         var style = { display: !this.model.visible ? "none" : "" };
         var className = "svc-side-bar" + (this.model.flyoutPanelMode ? " svc-flyout-side-bar" : "");
-        var items = this.model.tabs.map(function (item) { return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(SidebarTab, { item: item, key: item.id }); });
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: className, style: { display: !this.model.hasVisibleTabs ? "none" : "" } },
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-side-bar__shadow", onClick: function () { return _this.model.collapseSidebar(); } }),
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-flex-column svc-side-bar__wrapper" },
-                react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { ref: this.containerRef, style: style, className: "svc-side-bar__container" },
-                    react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-side-bar__container-header" },
-                        react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-side-bar__container-actions" },
-                            react__WEBPACK_IMPORTED_MODULE_1___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyActionBar, { model: this.model.toolbar })),
+        var items = this.model.tabs.map(function (item) { return react__WEBPACK_IMPORTED_MODULE_1__.createElement(SidebarTab, { item: item, key: item.id }); });
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: className, style: { display: !this.model.hasVisibleTabs ? "none" : "" } },
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-side-bar__shadow", onClick: function () { return _this.model.collapseSidebar(); } }),
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-flex-column svc-side-bar__wrapper" },
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { ref: this.containerRef, style: style, className: "svc-side-bar__container" },
+                    react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-side-bar__container-header" },
+                        react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-side-bar__container-actions" },
+                            react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyActionBar, { model: this.model.toolbar })),
                         (!!this.model.headerText ?
-                            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-side-bar__container-title" }, this.model.headerText)
+                            react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-side-bar__container-title" }, this.model.headerText)
                             : null)),
-                    react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-side-bar__container-content" }, items)))));
+                    react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-side-bar__container-content" }, items)))));
     };
     return SidebarComponent;
 }(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
@@ -1319,11 +1319,11 @@ var SidebarTab = /** @class */ (function (_super) {
     return SidebarTab;
 }(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
 survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactQuestionFactory.Instance.registerQuestion("svc-side-bar-tab", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(SidebarTab, props);
+    return react__WEBPACK_IMPORTED_MODULE_1__.createElement(SidebarTab, props);
 });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SidebarComponent);
 survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-side-bar", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(SidebarComponent, props);
+    return react__WEBPACK_IMPORTED_MODULE_1__.createElement(SidebarComponent, props);
 });
 
 
@@ -1360,7 +1360,9 @@ var SurveyLocStringEditor = /** @class */ (function (_super) {
             _this.setState({ changed: !!_this.state && _this.state.changed ? _this.state.changed + 1 : 1 });
         };
         _this.onBlur = function (event) {
-            _this.svStringEditorRef.current.spellcheck = false;
+            if (_this.svStringEditorRef.current) {
+                _this.svStringEditorRef.current.spellcheck = false;
+            }
             _this.locString["__isEditing"] = false;
             _this.justFocused = false;
             _this.baseModel.onBlur(event.nativeEvent);
@@ -1403,7 +1405,7 @@ var SurveyLocStringEditor = /** @class */ (function (_super) {
             _this.baseModel.onClick(event);
         };
         _this.state = { changed: 0 };
-        _this.svStringEditorRef = react__WEBPACK_IMPORTED_MODULE_1___default().createRef();
+        _this.svStringEditorRef = react__WEBPACK_IMPORTED_MODULE_1__.createRef();
         return _this;
     }
     SurveyLocStringEditor.prototype.createModel = function (props) {
@@ -1504,31 +1506,31 @@ var SurveyLocStringEditor = /** @class */ (function (_super) {
         var control = null;
         if (this.locString.hasHtml) {
             var htmlValue = { __html: this.locString.renderedHtml };
-            control = (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", { role: "textbox", ref: this.svStringEditorRef, className: "sv-string-editor sv-string-editor--html", contentEditable: this.contentEditable, spellCheck: false, "aria-placeholder": this.placeholder, "aria-label": this.placeholder || "content editable", suppressContentEditableWarning: true, 
+            control = (react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { role: "textbox", ref: this.svStringEditorRef, className: "sv-string-editor sv-string-editor--html", contentEditable: this.contentEditable, spellCheck: false, "aria-placeholder": this.placeholder, "aria-label": this.placeholder || "content editable", suppressContentEditableWarning: true, 
                 // style={this.style}
                 dangerouslySetInnerHTML: htmlValue, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown, onMouseUp: this.onMouseUp, onClick: this.edit }));
         }
         else {
-            control = (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", { role: "textbox", ref: this.svStringEditorRef, className: "sv-string-editor", contentEditable: this.contentEditable, spellCheck: false, "aria-placeholder": this.placeholder, "aria-label": this.placeholder || "content editable", suppressContentEditableWarning: true, 
+            control = (react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { role: "textbox", ref: this.svStringEditorRef, className: "sv-string-editor", contentEditable: this.contentEditable, spellCheck: false, "aria-placeholder": this.placeholder, "aria-label": this.placeholder || "content editable", suppressContentEditableWarning: true, 
                 // style={this.style}
-                onBlur: this.onBlur, onInput: this.onInput, onPaste: this.onPaste, onCompositionStart: this.onCompositionStart, onCompositionEnd: this.onCompositionEnd, onFocus: this.onFocus, onKeyDown: this.onKeyDown, onKeyUp: this.onKeyUp, onMouseUp: this.onMouseUp, onClick: this.edit }, this.locString.renderedHtml));
+                key: this.locString.renderedHtml, onBlur: this.onBlur, onInput: this.onInput, onPaste: this.onPaste, onCompositionStart: this.onCompositionStart, onCompositionEnd: this.onCompositionEnd, onFocus: this.onFocus, onKeyDown: this.onKeyDown, onKeyUp: this.onKeyUp, onMouseUp: this.onMouseUp, onClick: this.edit }, this.locString.renderedHtml));
         }
-        var counter = this.baseModel.showCharacterCounter ? (react__WEBPACK_IMPORTED_MODULE_1___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.CharacterCounterComponent, { counter: this.baseModel.characterCounter, remainingCharacterCounter: this.baseModel.getCharacterCounterClass })) : null;
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", { className: this.className },
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", { className: "svc-string-editor__content" },
-                react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-string-editor__border", onClick: this.edit },
-                    react__WEBPACK_IMPORTED_MODULE_1___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { className: "svc-string-editor__button svc-string-editor__button--edit", size: 16, iconName: "icon-edit" })),
-                react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", { className: "svc-string-editor__input" },
+        var counter = this.baseModel.showCharacterCounter ? (react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.CharacterCounterComponent, { counter: this.baseModel.characterCounter, remainingCharacterCounter: this.baseModel.getCharacterCounterClass })) : null;
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: this.className },
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-string-editor__content" },
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-string-editor__border", onClick: this.edit },
+                    react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { className: "svc-string-editor__button svc-string-editor__button--edit", size: 16, iconName: "icon-edit" })),
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-string-editor__input" },
                     control,
-                    react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-string-editor__controls", onClick: this.edit }),
+                    react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-string-editor__controls", onClick: this.edit }),
                     counter)),
-            this.errorText ? react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", { className: "svc-string-editor__error" }, this.errorText) : ""));
+            this.errorText ? react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-string-editor__error" }, this.errorText) : ""));
     };
     return SurveyLocStringEditor;
 }(_ModelElement__WEBPACK_IMPORTED_MODULE_4__.CreatorModelElement));
 
 survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement(survey_creator_core__WEBPACK_IMPORTED_MODULE_3__.editableStringRendererName, function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(SurveyLocStringEditor, props);
+    return react__WEBPACK_IMPORTED_MODULE_1__.createElement(SurveyLocStringEditor, props);
 });
 
 
@@ -1565,7 +1567,7 @@ var SurveyCreatorComponent = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(SurveyCreatorComponent, _super);
     function SurveyCreatorComponent(props) {
         var _this = _super.call(this, props) || this;
-        _this.rootNode = react__WEBPACK_IMPORTED_MODULE_1___default().createRef();
+        _this.rootNode = react__WEBPACK_IMPORTED_MODULE_1__.createRef();
         return _this;
     }
     Object.defineProperty(SurveyCreatorComponent.prototype, "creator", {
@@ -1615,32 +1617,32 @@ var SurveyCreatorComponent = /** @class */ (function (_super) {
         var licenseBanner = null;
         if (!this.props.creator.haveCommercialLicense) {
             var htmlValue = { __html: this.props.creator.licenseText };
-            licenseBanner = (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-creator__banner" },
-                react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", { className: "svc-creator__non-commercial-text", dangerouslySetInnerHTML: htmlValue })));
+            licenseBanner = (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-creator__banner" },
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-creator__non-commercial-text", dangerouslySetInnerHTML: htmlValue })));
         }
         //AM: width unrecognized by react
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: creatorClassName, ref: this.rootNode, style: this.style },
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgBundleComponent, null),
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: areaClassName },
-                react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: fullContainerClassName },
-                    react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-flex-column svc-flex-row__element svc-flex-row__element--growing" },
-                        react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-top-bar" },
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: creatorClassName, ref: this.rootNode, style: this.style },
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgBundleComponent, null),
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: areaClassName },
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: fullContainerClassName },
+                    react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-flex-column svc-flex-row__element svc-flex-row__element--growing" },
+                        react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-top-bar" },
                             (creator.showTabs ?
-                                react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-tabbed-menu-wrapper" },
-                                    react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_TabbedMenu__WEBPACK_IMPORTED_MODULE_5__.TabbedMenuComponent, { model: creator.tabbedMenu })) : null),
+                                react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-tabbed-menu-wrapper" },
+                                    react__WEBPACK_IMPORTED_MODULE_1__.createElement(_TabbedMenu__WEBPACK_IMPORTED_MODULE_5__.TabbedMenuComponent, { model: creator.tabbedMenu })) : null),
                             (creator.showToolbar ?
-                                react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-toolbar-wrapper" },
-                                    react__WEBPACK_IMPORTED_MODULE_1___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SurveyActionBar, { model: creator.toolbar }))
+                                react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-toolbar-wrapper" },
+                                    react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SurveyActionBar, { model: creator.toolbar }))
                                 : null)),
-                        react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: contentWrapperClassName },
-                            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-creator__content-holder svc-flex-column" }, this.renderActiveTab())),
-                        react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-footer-bar" }, (creator.isMobileView ?
-                            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-toolbar-wrapper" },
-                                react__WEBPACK_IMPORTED_MODULE_1___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SurveyActionBar, { model: creator.footerToolbar }))
+                        react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: contentWrapperClassName },
+                            react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-creator__content-holder svc-flex-column" }, this.renderActiveTab())),
+                        react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-footer-bar" }, (creator.isMobileView ?
+                            react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-toolbar-wrapper" },
+                                react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SurveyActionBar, { model: creator.footerToolbar }))
                             : null))),
                     this.renderSidebar()),
                 licenseBanner,
-                react__WEBPACK_IMPORTED_MODULE_1___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.NotifierComponent, { notifier: creator.notifier }))));
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.NotifierComponent, { notifier: creator.notifier }))));
     };
     SurveyCreatorComponent.prototype.renderActiveTab = function () {
         var creator = this.props.creator;
@@ -1664,12 +1666,12 @@ var SurveyCreatorComponent = /** @class */ (function (_super) {
                 data: tab.data.model
             });
         var className = "svc-creator-tab" + (creator.toolboxLocation == "right" ? " svc-creator__toolbox--right" : "");
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { key: tab.id, id: "scrollableDiv-" + tab.id, className: className }, component));
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { key: tab.id, id: "scrollableDiv-" + tab.id, className: className }, component));
     };
     SurveyCreatorComponent.prototype.renderSidebar = function () {
         if (!!this.creator.sidebar) {
             var className = this.creator.isMobileView ? "sv-mobile-side-bar" : "";
-            return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: className }, survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.createElement("svc-side-bar", { model: this.creator.sidebar })));
+            return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: className }, survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.createElement("svc-side-bar", { model: this.creator.sidebar })));
         }
         else {
             return null;
@@ -1690,9 +1692,9 @@ var SurveyCreator = /** @class */ (function (_super) {
             node = document.getElementById(target);
         }
         /* eslint-disable react/no-deprecated */
-        react_dom__WEBPACK_IMPORTED_MODULE_2___default().unmountComponentAtNode(node);
-        react_dom__WEBPACK_IMPORTED_MODULE_2___default().render(react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().StrictMode), null,
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement(SurveyCreatorComponent, { creator: this })), node);
+        react_dom__WEBPACK_IMPORTED_MODULE_2__.unmountComponentAtNode(node);
+        react_dom__WEBPACK_IMPORTED_MODULE_2__.render(react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.StrictMode, null,
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement(SurveyCreatorComponent, { creator: this })), node);
         /* eslint-enable react/no-deprecated */
     };
     //ISurveyCreator
@@ -1706,10 +1708,10 @@ var SurveyCreator = /** @class */ (function (_super) {
         });
     };
     SurveyCreator.prototype.renderError = function (key, error, cssClasses) {
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { key: key },
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", { className: cssClasses.error.icon, "aria-hidden": "true" }),
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", { className: cssClasses.error.item },
-                react__WEBPACK_IMPORTED_MODULE_1___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SurveyLocStringViewer, { locStr: error.locText }))));
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { key: key },
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: cssClasses.error.icon, "aria-hidden": "true" }),
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: cssClasses.error.item },
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SurveyLocStringViewer, { locStr: error.locText }))));
     };
     SurveyCreator.prototype.questionTitleLocation = function () {
         return this.survey.questionTitleLocation;
@@ -1721,7 +1723,7 @@ var SurveyCreator = /** @class */ (function (_super) {
 }(survey_creator_core__WEBPACK_IMPORTED_MODULE_4__.SurveyCreatorModel));
 
 survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.registerElement("survey-widget", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.Survey, props);
+    return react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.Survey, props);
 });
 
 
@@ -1764,10 +1766,10 @@ var SwitcherComponent = /** @class */ (function (_super) {
     SwitcherComponent.prototype.renderElement = function () {
         var _this = this;
         var tooltip = this.item.tooltip || this.item.title;
-        var title = this.item.hasTitle ? react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", { className: "svc-switcher__title" }, this.item.title) : null;
-        var button = (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1___default().createElement("button", { className: this.item.getActionBarItemCss(), type: "button", disabled: this.item.disabled, onClick: function (args) { return _this.item.action(_this.item, _this.item.getIsTrusted(args)); }, title: tooltip, "aria-checked": this.item.ariaChecked, "aria-expanded": this.item.ariaExpanded, role: this.item.ariaRole },
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: this.item.getSwitcherIconCss() },
-                react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-switcher__icon-thumb" })),
+        var title = this.item.hasTitle ? react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-switcher__title" }, this.item.title) : null;
+        var button = (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("button", { className: this.item.getActionBarItemCss(), type: "button", disabled: this.item.disabled, onClick: function (args) { return _this.item.action(_this.item, _this.item.getIsTrusted(args)); }, title: tooltip, "aria-checked": this.item.ariaChecked, "aria-expanded": this.item.ariaExpanded, role: this.item.ariaRole },
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: this.item.getSwitcherIconCss() },
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-switcher__icon-thumb" })),
             title), this.item, { processEsc: false });
         return button;
     };
@@ -1776,7 +1778,7 @@ var SwitcherComponent = /** @class */ (function (_super) {
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SwitcherComponent);
 survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-switcher", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(SwitcherComponent, props);
+    return react__WEBPACK_IMPORTED_MODULE_1__.createElement(SwitcherComponent, props);
 });
 
 
@@ -1809,7 +1811,7 @@ var TabbedMenuComponent = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(TabbedMenuComponent, _super);
     function TabbedMenuComponent(props) {
         var _this = _super.call(this, props) || this;
-        _this.rootRef = react__WEBPACK_IMPORTED_MODULE_1___default().createRef();
+        _this.rootRef = react__WEBPACK_IMPORTED_MODULE_1__.createRef();
         return _this;
     }
     Object.defineProperty(TabbedMenuComponent.prototype, "model", {
@@ -1823,8 +1825,8 @@ var TabbedMenuComponent = /** @class */ (function (_super) {
         return this.model;
     };
     TabbedMenuComponent.prototype.renderElement = function () {
-        var items = this.model.renderedActions.map(function (item) { return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(TabbedMenuItemWrapper, { item: item, key: item.id }); });
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { ref: this.rootRef, className: "svc-tabbed-menu" }, items));
+        var items = this.model.renderedActions.map(function (item) { return react__WEBPACK_IMPORTED_MODULE_1__.createElement(TabbedMenuItemWrapper, { item: item, key: item.id }); });
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { ref: this.rootRef, className: "svc-tabbed-menu" }, items));
     };
     TabbedMenuComponent.prototype.componentDidMount = function () {
         _super.prototype.componentDidMount.call(this);
@@ -1862,8 +1864,8 @@ var TabbedMenuItemWrapper = /** @class */ (function (_super) {
         }
         css += (!this.item.isVisible ? " sv-action--hidden" : "");
         var component = survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.createElement(this.item.component || "svc-tabbed-menu-item", { item: this.item });
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", { key: this.item.id, className: css },
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "sv-action__content" }, component)));
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { key: this.item.id, className: css },
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "sv-action__content" }, component)));
     };
     return TabbedMenuItemWrapper;
 }(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SurveyElementBase));
@@ -1892,14 +1894,14 @@ var TabbedMenuItemComponent = /** @class */ (function (_super) {
         var titleClassName = "svc-text svc-tabbed-menu-item__text svc-text--normal";
         if (item.active)
             titleClassName += " svc-text--bold";
-        return ((0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: className, onClick: function () { return item.action(item); } },
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", { className: titleClassName }, item.title))));
+        return ((0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: className, onClick: function () { return item.action(item); } },
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: titleClassName }, item.title))));
     };
     return TabbedMenuItemComponent;
 }(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SurveyElementBase));
 
 survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.registerElement("svc-tabbed-menu-item", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(TabbedMenuItemComponent, props);
+    return react__WEBPACK_IMPORTED_MODULE_1__.createElement(TabbedMenuItemComponent, props);
 });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TabbedMenuComponent);
 
@@ -1947,15 +1949,15 @@ var CellQuestionAdornerComponent = /** @class */ (function (_super) {
         if (this.model.isDragged) {
             return null;
         }
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null,
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { "data-sv-drop-target-survey-element": this.model.element.name, className: "svc-question__adorner" },
-                react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: " svc-question__content--in-popup svc-question__content" }, this.props.element))));
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null,
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { "data-sv-drop-target-survey-element": this.model.element.name, className: "svc-question__adorner" },
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: " svc-question__content--in-popup svc-question__content" }, this.props.element))));
     };
     return CellQuestionAdornerComponent;
 }(_ModelElement__WEBPACK_IMPORTED_MODULE_3__.CreatorModelElement));
 
 survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-cell-question", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(CellQuestionAdornerComponent, props);
+    return react__WEBPACK_IMPORTED_MODULE_1__.createElement(CellQuestionAdornerComponent, props);
 });
 
 
@@ -2004,11 +2006,11 @@ var CellQuestionDropdownAdornerComponent = /** @class */ (function (_super) {
         }
         var question = this.props.question;
         var textStyle = this.props.question.textStyle;
-        return (react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null,
-            react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", { "data-sv-drop-target-survey-element": this.model.element.name, className: "svc-question__adorner" },
-                react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", { className: " svc-question__content--in-popup svc-question__content" },
+        return (react__WEBPACK_IMPORTED_MODULE_2__.createElement(react__WEBPACK_IMPORTED_MODULE_2__.Fragment, null,
+            react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { "data-sv-drop-target-survey-element": this.model.element.name, className: "svc-question__adorner" },
+                react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: " svc-question__content--in-popup svc-question__content" },
                     this.props.element,
-                    react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", { className: "svc-question__dropdown-choices" }, question.visibleChoices.map(function (item, index) { return (react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", { className: "svc-question__dropdown-choice", key: "editable_choice_".concat(index) }, survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactSurveyElementsWrapper.wrapItemValue(question.survey, survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.createElement("survey-radiogroup-item", {
+                    react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-question__dropdown-choices" }, question.visibleChoices.map(function (item, index) { return (react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-question__dropdown-choice", key: "editable_choice_".concat(index) }, survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactSurveyElementsWrapper.wrapItemValue(question.survey, survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.createElement("survey-radiogroup-item", {
                         question: question,
                         cssClasses: question.cssClasses,
                         isDisplayMode: true,
@@ -2022,7 +2024,7 @@ var CellQuestionDropdownAdornerComponent = /** @class */ (function (_super) {
 }(_ModelElement__WEBPACK_IMPORTED_MODULE_4__.CreatorModelElement));
 
 survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.registerElement("svc-cell-dropdown-question", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_2___default().createElement(CellQuestionDropdownAdornerComponent, props);
+    return react__WEBPACK_IMPORTED_MODULE_2__.createElement(CellQuestionDropdownAdornerComponent, props);
 });
 
 
@@ -2057,7 +2059,7 @@ var CreatorSurveyPageComponent = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(CreatorSurveyPageComponent, _super);
     function CreatorSurveyPageComponent(props) {
         var _this = _super.call(this, props) || this;
-        _this.rootRef = react__WEBPACK_IMPORTED_MODULE_4___default().createRef();
+        _this.rootRef = react__WEBPACK_IMPORTED_MODULE_4__.createRef();
         return _this;
     }
     CreatorSurveyPageComponent.prototype.createModel = function (props) {
@@ -2095,7 +2097,7 @@ var CreatorSurveyPageComponent = /** @class */ (function (_super) {
         var _this = this;
         if (!this.props.page)
             return null;
-        return ((0,survey_react_ui__WEBPACK_IMPORTED_MODULE_1__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_4___default().createElement("div", { ref: this.rootRef, className: "svc-page__content " + this.model.css, id: this.props.page.id, onClick: function (e) {
+        return ((0,survey_react_ui__WEBPACK_IMPORTED_MODULE_1__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_4__.createElement("div", { ref: this.rootRef, className: "svc-page__content " + this.model.css, id: this.props.page.id, onClick: function (e) {
                 return _this.model.select(_this.model, new _events__WEBPACK_IMPORTED_MODULE_5__.ReactMouseEvent(e));
             }, onDoubleClick: function (e) { return _this.model.dblclick(e.nativeEvent); }, onMouseLeave: function (e) { return _this.model.hover(e.nativeEvent, e.currentTarget); }, onMouseOver: function (e) { return _this.model.hover(e.nativeEvent, e.currentTarget); } },
             this.renderHeader(),
@@ -2106,25 +2108,25 @@ var CreatorSurveyPageComponent = /** @class */ (function (_super) {
     CreatorSurveyPageComponent.prototype.renderPlaceholder = function () {
         if (!this.model.showPlaceholder)
             return null;
-        return (react__WEBPACK_IMPORTED_MODULE_4___default().createElement("div", { className: "svc-page__placeholder_frame" },
-            react__WEBPACK_IMPORTED_MODULE_4___default().createElement("div", { className: "svc-panel__placeholder_frame" },
-                react__WEBPACK_IMPORTED_MODULE_4___default().createElement("div", { className: "svc-panel__placeholder" }, this.model.placeholderText))));
+        return (react__WEBPACK_IMPORTED_MODULE_4__.createElement("div", { className: "svc-page__placeholder_frame" },
+            react__WEBPACK_IMPORTED_MODULE_4__.createElement("div", { className: "svc-panel__placeholder_frame" },
+                react__WEBPACK_IMPORTED_MODULE_4__.createElement("div", { className: "svc-panel__placeholder" }, this.model.placeholderText))));
     };
     CreatorSurveyPageComponent.prototype.renderContent = function () {
-        return (react__WEBPACK_IMPORTED_MODULE_4___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_1__.SurveyPage, { page: this.props.page, survey: this.props.survey, creator: this.props.creator, css: this.model.css }));
+        return (react__WEBPACK_IMPORTED_MODULE_4__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_1__.SurveyPage, { page: this.props.page, survey: this.props.survey, creator: this.props.creator, css: this.model.css }));
     };
     CreatorSurveyPageComponent.prototype.renderHeader = function () {
-        return (react__WEBPACK_IMPORTED_MODULE_4___default().createElement("div", { className: "svc-page__content-actions" },
-            react__WEBPACK_IMPORTED_MODULE_4___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_1__.SurveyActionBar, { model: this.model.actionContainer })));
+        return (react__WEBPACK_IMPORTED_MODULE_4__.createElement("div", { className: "svc-page__content-actions" },
+            react__WEBPACK_IMPORTED_MODULE_4__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_1__.SurveyActionBar, { model: this.model.actionContainer })));
     };
     CreatorSurveyPageComponent.prototype.renderFooter = function () {
-        return react__WEBPACK_IMPORTED_MODULE_4___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_1__.SurveyActionBar, { model: this.model.footerActionsBar });
+        return react__WEBPACK_IMPORTED_MODULE_4__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_1__.SurveyActionBar, { model: this.model.footerActionsBar });
     };
     return CreatorSurveyPageComponent;
 }(_ModelElement__WEBPACK_IMPORTED_MODULE_2__.CreatorModelElement));
 
 survey_react_ui__WEBPACK_IMPORTED_MODULE_1__.ReactElementFactory.Instance.registerElement("svc-page", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_4___default().createElement(CreatorSurveyPageComponent, props);
+    return react__WEBPACK_IMPORTED_MODULE_4__.createElement(CreatorSurveyPageComponent, props);
 });
 var AddQuestionButtonComponent = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(AddQuestionButtonComponent, _super);
@@ -2141,23 +2143,23 @@ var AddQuestionButtonComponent = /** @class */ (function (_super) {
     AddQuestionButtonComponent.prototype.renderElement = function () {
         var _this = this;
         var questionTypeSelectorModel = this.model.questionTypeSelectorModel;
-        return (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_1__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_4___default().createElement("div", { className: "svc-page__add-new-question svc-btn", onClick: function (e) {
+        return (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_1__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_4__.createElement("div", { className: "svc-page__add-new-question svc-btn", onClick: function (e) {
                 e.stopPropagation();
                 _this.model.addNewQuestion(_this.model, new _events__WEBPACK_IMPORTED_MODULE_5__.ReactMouseEvent(e));
             }, onMouseOver: function (e) { return _this.model.hoverStopper(e.nativeEvent, e.currentTarget); } },
-            react__WEBPACK_IMPORTED_MODULE_4___default().createElement("span", { className: "svc-text svc-text--normal svc-text--bold" }, this.model.addNewQuestionText),
-            (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_1__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_4___default().createElement("button", { type: "button", onClick: function (e) {
+            react__WEBPACK_IMPORTED_MODULE_4__.createElement("span", { className: "svc-text svc-text--normal svc-text--bold" }, this.model.addNewQuestionText),
+            (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_1__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_4__.createElement("button", { type: "button", onClick: function (e) {
                     e.stopPropagation();
                     questionTypeSelectorModel.action();
                 }, className: "svc-page__question-type-selector", title: this.model.addNewQuestionText },
-                react__WEBPACK_IMPORTED_MODULE_4___default().createElement("span", { className: "svc-page__question-type-selector-icon" },
-                    react__WEBPACK_IMPORTED_MODULE_4___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_1__.SvgIcon, { iconName: questionTypeSelectorModel.iconName, size: 24, title: this.model.addNewQuestionText })),
-                react__WEBPACK_IMPORTED_MODULE_4___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_1__.Popup, { model: questionTypeSelectorModel.popupModel })))));
+                react__WEBPACK_IMPORTED_MODULE_4__.createElement("span", { className: "svc-page__question-type-selector-icon" },
+                    react__WEBPACK_IMPORTED_MODULE_4__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_1__.SvgIcon, { iconName: questionTypeSelectorModel.iconName, size: 24, title: this.model.addNewQuestionText })),
+                react__WEBPACK_IMPORTED_MODULE_4__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_1__.Popup, { model: questionTypeSelectorModel.popupModel })))));
     };
     return AddQuestionButtonComponent;
 }(survey_react_ui__WEBPACK_IMPORTED_MODULE_1__.SurveyElementBase));
 survey_react_ui__WEBPACK_IMPORTED_MODULE_1__.ReactElementFactory.Instance.registerElement("svc-add-new-question-btn", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_4___default().createElement(AddQuestionButtonComponent, props);
+    return react__WEBPACK_IMPORTED_MODULE_4__.createElement(AddQuestionButtonComponent, props);
 });
 
 
@@ -2193,45 +2195,45 @@ var PanelAdornerComponent = /** @class */ (function (_super) {
         if (!this.model.isEmptyElement) {
             return null;
         }
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-panel__placeholder_frame-wrapper" },
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-panel__placeholder_frame" },
-                react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-panel__placeholder" }, this.model.placeholderText),
-                this.model.showAddQuestionButton ? (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-panel__add-new-question svc-action-button", onClick: function (e) {
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-panel__placeholder_frame-wrapper" },
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-panel__placeholder_frame" },
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-panel__placeholder" }, this.model.placeholderText),
+                this.model.showAddQuestionButton ? (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-panel__add-new-question svc-action-button", onClick: function (e) {
                         e.stopPropagation();
                         _this.model.addNewQuestion();
                     } },
-                    react__WEBPACK_IMPORTED_MODULE_1___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { className: "svc-panel__add-new-question-icon", iconName: "icon-add_24x24", size: 24 }),
-                    react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", { className: "svc-text svc-text--normal svc-text--bold" }, this.model.addNewQuestionText))) : null)));
+                    react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { className: "svc-panel__add-new-question-icon", iconName: "icon-add_24x24", size: 24 }),
+                    react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-text svc-text--normal svc-text--bold" }, this.model.addNewQuestionText))) : null)));
     };
     PanelAdornerComponent.prototype.disableTabStop = function () {
         return true;
     };
     PanelAdornerComponent.prototype.renderFooter = function () {
         var _this = this;
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null,
-            !this.model.isEmptyElement && this.model.element.isPanel && this.model.showAddQuestionButton ? (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-panel__add-new-question-container" },
-                react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-panel__question-type-selector-popup" },
-                    react__WEBPACK_IMPORTED_MODULE_1___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.Popup, { model: this.model.questionTypeSelectorModel.popupModel })),
-                react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-panel__add-new-question-wrapper" },
-                    (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-panel__add-new-question svc-action-button", onClick: function (e) {
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null,
+            !this.model.isEmptyElement && this.model.element.isPanel && this.model.showAddQuestionButton ? (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-panel__add-new-question-container" },
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-panel__question-type-selector-popup" },
+                    react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.Popup, { model: this.model.questionTypeSelectorModel.popupModel })),
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-panel__add-new-question-wrapper" },
+                    (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-panel__add-new-question svc-action-button", onClick: function (e) {
                             e.stopPropagation();
                             _this.model.addNewQuestion();
                         } },
-                        react__WEBPACK_IMPORTED_MODULE_1___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { className: "svc-panel__add-new-question-icon", iconName: "icon-add_24x24", size: 24 }),
-                        react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", { className: "svc-text svc-text--normal svc-text--bold" }, this.model.addNewQuestionText)), undefined),
-                    (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1___default().createElement("button", { type: "button", onClick: function (e) {
+                        react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { className: "svc-panel__add-new-question-icon", iconName: "icon-add_24x24", size: 24 }),
+                        react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-text svc-text--normal svc-text--bold" }, this.model.addNewQuestionText)), undefined),
+                    (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("button", { type: "button", onClick: function (e) {
                             e.stopPropagation();
                             _this.model.questionTypeSelectorModel.action();
                         }, className: "svc-panel__question-type-selector", title: this.model.addNewQuestionText },
-                        react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", { className: "svc-panel__question-type-selector-icon" },
-                            react__WEBPACK_IMPORTED_MODULE_1___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { iconName: this.model.questionTypeSelectorModel.iconName, size: 24 }))))))) : null,
+                        react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-panel__question-type-selector-icon" },
+                            react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { iconName: this.model.questionTypeSelectorModel.iconName, size: 24 }))))))) : null,
             _super.prototype.renderFooter.call(this)));
     };
     return PanelAdornerComponent;
 }(_Question__WEBPACK_IMPORTED_MODULE_3__.QuestionAdornerComponent));
 
 survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-panel", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(PanelAdornerComponent, props);
+    return react__WEBPACK_IMPORTED_MODULE_1__.createElement(PanelAdornerComponent, props);
 });
 
 
@@ -2297,7 +2299,7 @@ var QuestionAdornerComponent = /** @class */ (function (_super) {
         var allowInteractions = this.model.element
             .isInteractiveDesignElement;
         var content = this.renderContent(allowInteractions);
-        return (react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", { ref: this.rootRef, "data-sv-drop-target-survey-element": this.model.element.name || null, className: "svc-question__adorner " + this.model.rootCss(), onDoubleClick: function (e) { allowInteractions && _this.model.dblclick(e.nativeEvent); e.stopPropagation(); }, onMouseOut: function (e) { return allowInteractions && _this.model.hover(e.nativeEvent, e.currentTarget); }, onMouseOver: function (e) { return allowInteractions && _this.model.hover(e.nativeEvent, e.currentTarget); } }, content));
+        return (react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { ref: this.rootRef, "data-sv-drop-target-survey-element": this.model.element.name || null, className: "svc-question__adorner " + this.model.rootCss(), onDoubleClick: function (e) { allowInteractions && _this.model.dblclick(e.nativeEvent); e.stopPropagation(); }, onMouseOut: function (e) { return allowInteractions && _this.model.hover(e.nativeEvent, e.currentTarget); }, onMouseOver: function (e) { return allowInteractions && _this.model.hover(e.nativeEvent, e.currentTarget); } }, content));
     };
     QuestionAdornerComponent.prototype.disableTabStop = function () {
         return true;
@@ -2306,7 +2308,7 @@ var QuestionAdornerComponent = /** @class */ (function (_super) {
         var _this = this;
         var content = this.renderElementContent();
         //if (!allowInteractions) return <>{content}{this.renderFooter()}</>;
-        return (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_4__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", { className: this.model.css(), onClick: function (e) { return _this.model.select(_this.model, new _events__WEBPACK_IMPORTED_MODULE_3__.ReactMouseEvent(e)); } },
+        return (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_4__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: this.model.css(), onClick: function (e) { return _this.model.select(_this.model, new _events__WEBPACK_IMPORTED_MODULE_3__.ReactMouseEvent(e)); } },
             allowInteractions ? this.renderHeader() : null,
             content,
             this.renderFooter()), undefined, { disableTabStop: this.disableTabStop() });
@@ -2325,7 +2327,7 @@ var QuestionAdornerComponent = /** @class */ (function (_super) {
         return survey_react_ui__WEBPACK_IMPORTED_MODULE_4__.ReactElementFactory.Instance.createElement("svc-question-banner", this.model.createBannerParams());
     };
     QuestionAdornerComponent.prototype.renderElementContent = function () {
-        return (react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null,
+        return (react__WEBPACK_IMPORTED_MODULE_2__.createElement(react__WEBPACK_IMPORTED_MODULE_2__.Fragment, null,
             this.props.element,
             this.renderElementPlaceholder(),
             this.renderCarryForwardBanner()));
@@ -2334,15 +2336,15 @@ var QuestionAdornerComponent = /** @class */ (function (_super) {
         if (!this.model.isEmptyElement) {
             return null;
         }
-        return (react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", { className: "svc-panel__placeholder_frame-wrapper" },
-            react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", { className: "svc-panel__placeholder_frame" },
-                react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", { className: "svc-panel__placeholder" }, this.model.placeholderText))));
+        return (react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-panel__placeholder_frame-wrapper" },
+            react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-panel__placeholder_frame" },
+                react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-panel__placeholder" }, this.model.placeholderText))));
     };
     return QuestionAdornerComponent;
 }(_ModelElement__WEBPACK_IMPORTED_MODULE_5__.CreatorModelElement));
 
 survey_react_ui__WEBPACK_IMPORTED_MODULE_4__.ReactElementFactory.Instance.registerElement("svc-question", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_2___default().createElement(QuestionAdornerComponent, props);
+    return react__WEBPACK_IMPORTED_MODULE_2__.createElement(QuestionAdornerComponent, props);
 });
 
 
@@ -2375,19 +2377,19 @@ var QuestionBanner = /** @class */ (function (_super) {
     }
     QuestionBanner.prototype.render = function () {
         var _this = this;
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-carry-forward-panel-wrapper" },
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-carry-forward-panel" },
-                react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", null,
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-carry-forward-panel-wrapper" },
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-carry-forward-panel" },
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", null,
                     this.props.text,
                     " "),
-                react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", { className: "svc-carry-forward-panel__link" },
-                    react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ActionButton__WEBPACK_IMPORTED_MODULE_3__.ActionButton, { click: function () { return _this.props.onClick(); }, text: this.props.actionText })))));
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-carry-forward-panel__link" },
+                    react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ActionButton__WEBPACK_IMPORTED_MODULE_3__.ActionButton, { click: function () { return _this.props.onClick(); }, text: this.props.actionText })))));
     };
     return QuestionBanner;
-}((react__WEBPACK_IMPORTED_MODULE_1___default().Component)));
+}(react__WEBPACK_IMPORTED_MODULE_1__.Component));
 
 survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-question-banner", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(QuestionBanner, props);
+    return react__WEBPACK_IMPORTED_MODULE_1__.createElement(QuestionBanner, props);
 });
 
 
@@ -2443,9 +2445,9 @@ var QuestionDropdownAdornerComponent = /** @class */ (function (_super) {
     QuestionDropdownAdornerComponent.prototype.renderElementPlaceholder = function () {
         var _this = this;
         var textStyle = this.question.textStyle;
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-question__dropdown-choices--wrapper" },
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", null,
-                react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-question__dropdown-choices" }, (this.dropdownModel.getRenderedItems() || []).map(function (item, index) { return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: _this.dropdownModel.getChoiceCss(), key: "editable_choice_".concat(index) }, survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactSurveyElementsWrapper.wrapItemValue(_this.question.survey, survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.createElement(_this.dropdownModel.itemComponent, {
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-question__dropdown-choices--wrapper" },
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", null,
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-question__dropdown-choices" }, (this.dropdownModel.getRenderedItems() || []).map(function (item, index) { return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: _this.dropdownModel.getChoiceCss(), key: "editable_choice_".concat(index) }, survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactSurveyElementsWrapper.wrapItemValue(_this.question.survey, survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.createElement(_this.dropdownModel.itemComponent, {
                     key: item.value,
                     question: _this.question,
                     cssClasses: _this.question.cssClasses,
@@ -2456,14 +2458,14 @@ var QuestionDropdownAdornerComponent = /** @class */ (function (_super) {
                     isChecked: _this.question.value === item.value
                 }), _this.question, item))); })),
                 this.dropdownModel.needToCollapse ?
-                    react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ActionButton__WEBPACK_IMPORTED_MODULE_5__.ActionButton, { click: this.dropdownModel.switchCollapse, text: this.dropdownModel.getButtonText(), allowBubble: true }) :
+                    react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ActionButton__WEBPACK_IMPORTED_MODULE_5__.ActionButton, { click: this.dropdownModel.switchCollapse, text: this.dropdownModel.getButtonText(), allowBubble: true }) :
                     null)));
     };
     return QuestionDropdownAdornerComponent;
 }(_Question__WEBPACK_IMPORTED_MODULE_4__.QuestionAdornerComponent));
 
 survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.registerElement("svc-dropdown-question", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(QuestionDropdownAdornerComponent, props);
+    return react__WEBPACK_IMPORTED_MODULE_1__.createElement(QuestionDropdownAdornerComponent, props);
 });
 
 
@@ -2496,14 +2498,14 @@ var QuestionWrapperFooter = /** @class */ (function (_super) {
     }
     QuestionWrapperFooter.prototype.render = function () {
         var _this = this;
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: this.props.className, onFocus: function (e) { return _this.props.model.select(_this.props.model, new _events__WEBPACK_IMPORTED_MODULE_2__.ReactMouseEvent(e)); } },
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SurveyActionBar, { model: this.props.model.actionContainer, handleClick: false })));
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: this.props.className, onFocus: function (e) { return _this.props.model.select(_this.props.model, new _events__WEBPACK_IMPORTED_MODULE_2__.ReactMouseEvent(e)); } },
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SurveyActionBar, { model: this.props.model.actionContainer, handleClick: false })));
     };
     return QuestionWrapperFooter;
-}((react__WEBPACK_IMPORTED_MODULE_1___default().Component)));
+}(react__WEBPACK_IMPORTED_MODULE_1__.Component));
 
 survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.registerElement("svc-question-footer", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(QuestionWrapperFooter, props);
+    return react__WEBPACK_IMPORTED_MODULE_1__.createElement(QuestionWrapperFooter, props);
 });
 
 
@@ -2536,18 +2538,18 @@ var QuestionWrapperHeader = /** @class */ (function (_super) {
         var _this = this;
         if (!this.props.model.allowDragging)
             return null;
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-question__drag-area", onPointerDown: function (event) {
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-question__drag-area", onPointerDown: function (event) {
                 return _this.props.model.onPointerDown(event);
             } },
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { className: "svc-question__drag-element", size: 24, iconName: "icon-drag-area-indicator_24x16" }),
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-question__top-actions" },
-                react__WEBPACK_IMPORTED_MODULE_1___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyActionBar, { model: this.props.model.topActionContainer, handleClick: false }))));
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { className: "svc-question__drag-element", size: 24, iconName: "icon-drag-area-indicator_24x16" }),
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-question__top-actions" },
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyActionBar, { model: this.props.model.topActionContainer, handleClick: false }))));
     };
     return QuestionWrapperHeader;
-}((react__WEBPACK_IMPORTED_MODULE_1___default().Component)));
+}(react__WEBPACK_IMPORTED_MODULE_1__.Component));
 
 survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-question-header", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(QuestionWrapperHeader, props);
+    return react__WEBPACK_IMPORTED_MODULE_1__.createElement(QuestionWrapperHeader, props);
 });
 
 
@@ -2580,7 +2582,7 @@ var QuestionImageAdornerComponent = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(QuestionImageAdornerComponent, _super);
     function QuestionImageAdornerComponent(props) {
         var _this = _super.call(this, props) || this;
-        _this.rootRef = react__WEBPACK_IMPORTED_MODULE_2___default().createRef();
+        _this.rootRef = react__WEBPACK_IMPORTED_MODULE_2__.createRef();
         return _this;
     }
     QuestionImageAdornerComponent.prototype.createQuestionViewModel = function (props) {
@@ -2598,8 +2600,8 @@ var QuestionImageAdornerComponent = /** @class */ (function (_super) {
         this.imageModel.questionRoot = this.rootRef.current;
     };
     QuestionImageAdornerComponent.prototype.renderHeader = function () {
-        return (react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null,
-            react__WEBPACK_IMPORTED_MODULE_2___default().createElement("input", { type: "file", "aria-hidden": "true", tabIndex: -1, accept: this.imageModel.acceptedTypes, className: "svc-choose-file-input", style: {
+        return (react__WEBPACK_IMPORTED_MODULE_2__.createElement(react__WEBPACK_IMPORTED_MODULE_2__.Fragment, null,
+            react__WEBPACK_IMPORTED_MODULE_2__.createElement("input", { type: "file", "aria-hidden": "true", tabIndex: -1, accept: this.imageModel.acceptedTypes, className: "svc-choose-file-input", style: {
                     position: "absolute",
                     opacity: 0,
                     width: "1px",
@@ -2609,14 +2611,14 @@ var QuestionImageAdornerComponent = /** @class */ (function (_super) {
             _super.prototype.renderHeader.call(this)));
     };
     QuestionImageAdornerComponent.prototype.renderLoadingPlaceholder = function () {
-        return (react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", { className: "svc-image-question__loading-placeholder" },
-            react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", { className: "svc-image-question__loading" },
-                react__WEBPACK_IMPORTED_MODULE_2___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.LoadingIndicatorComponent, null))));
+        return (react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-image-question__loading-placeholder" },
+            react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-image-question__loading" },
+                react__WEBPACK_IMPORTED_MODULE_2__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.LoadingIndicatorComponent, null))));
     };
     QuestionImageAdornerComponent.prototype.renderChooseButton = function () {
         var _this = this;
-        return (react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", { className: "svc-image-question-controls" }, this.model.allowEdit ? (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_2___default().createElement("span", { className: "svc-context-button", onClick: function () { return _this.imageModel.chooseFile(_this.imageModel); } },
-            react__WEBPACK_IMPORTED_MODULE_2___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { size: 24, iconName: "icon-file" }))) : null));
+        return (react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-image-question-controls" }, this.model.allowEdit ? (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_2__.createElement("span", { className: "svc-context-button", onClick: function () { return _this.imageModel.chooseFile(_this.imageModel); } },
+            react__WEBPACK_IMPORTED_MODULE_2__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { size: 24, iconName: "icon-file" }))) : null));
     };
     QuestionImageAdornerComponent.prototype.renderElementPlaceholder = function () {
         return this.imageModel.isUploading ? this.renderLoadingPlaceholder() : this.renderChooseButton();
@@ -2634,7 +2636,7 @@ var QuestionImageAdornerComponent = /** @class */ (function (_super) {
             return fileQuestion;
         }
         else {
-            return (react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null,
+            return (react__WEBPACK_IMPORTED_MODULE_2__.createElement(react__WEBPACK_IMPORTED_MODULE_2__.Fragment, null,
                 this.props.element,
                 this.renderElementPlaceholder()));
         }
@@ -2643,7 +2645,7 @@ var QuestionImageAdornerComponent = /** @class */ (function (_super) {
 }(_Question__WEBPACK_IMPORTED_MODULE_4__.QuestionAdornerComponent));
 
 survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.registerElement("svc-image-question", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_2___default().createElement(QuestionImageAdornerComponent, props);
+    return react__WEBPACK_IMPORTED_MODULE_2__.createElement(QuestionImageAdornerComponent, props);
 });
 
 
@@ -2705,23 +2707,23 @@ var QuestionRatingAdornerComponent = /** @class */ (function (_super) {
     };
     QuestionRatingAdornerComponent.prototype.renderElement = function () {
         var model = this.ratingModel;
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null,
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-rating-question-content" },
-                react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: model.controlsClassNames },
-                    model.allowRemove ? (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", { className: model.removeClassNames, "aria-label": model.removeTooltip, onClick: function () { return model.removeItem(model); } },
-                        react__WEBPACK_IMPORTED_MODULE_1___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { size: 16, iconName: "icon-remove_16x16", title: model.removeTooltip }))) : null,
-                    model.allowAdd ? (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", { className: model.addClassNames, "aria-label": model.addTooltip, onClick: function () { return model.addItem(model); } },
-                        react__WEBPACK_IMPORTED_MODULE_1___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { size: 16, iconName: "icon-add_16x16", title: model.addTooltip }))) : null),
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null,
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-rating-question-content" },
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: model.controlsClassNames },
+                    model.allowRemove ? (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: model.removeClassNames, "aria-label": model.removeTooltip, onClick: function () { return model.removeItem(model); } },
+                        react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { size: 16, iconName: "icon-remove_16x16", title: model.removeTooltip }))) : null,
+                    model.allowAdd ? (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: model.addClassNames, "aria-label": model.addTooltip, onClick: function () { return model.addItem(model); } },
+                        react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { size: 16, iconName: "icon-add_16x16", title: model.addTooltip }))) : null),
                 this.props.element)));
     };
     return QuestionRatingAdornerComponent;
 }(_ModelElement__WEBPACK_IMPORTED_MODULE_4__.CreatorModelElement));
 
 survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.registerElement("svc-rating-question", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(QuestionRatingAdornerComponent, props);
+    return react__WEBPACK_IMPORTED_MODULE_1__.createElement(QuestionRatingAdornerComponent, props);
 });
 survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.registerElement("svc-rating-question-content", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(QuestionRatingAdornerComponent, props);
+    return react__WEBPACK_IMPORTED_MODULE_1__.createElement(QuestionRatingAdornerComponent, props);
 });
 
 
@@ -2766,13 +2768,13 @@ var QuestionWidgetAdornerComponent = /** @class */ (function (_super) {
         configurable: true
     });
     QuestionWidgetAdornerComponent.prototype.renderElementContent = function () {
-        return (react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", { className: "svc-widget__content" }, this.props.element));
+        return (react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-widget__content" }, this.props.element));
     };
     return QuestionWidgetAdornerComponent;
 }(_Question__WEBPACK_IMPORTED_MODULE_3__.QuestionAdornerComponent));
 
 survey_react_ui__WEBPACK_IMPORTED_MODULE_4__.ReactElementFactory.Instance.registerElement("svc-widget-question", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_2___default().createElement(QuestionWidgetAdornerComponent, props);
+    return react__WEBPACK_IMPORTED_MODULE_2__.createElement(QuestionWidgetAdornerComponent, props);
 });
 
 
@@ -2816,13 +2818,13 @@ var RowWrapper = /** @class */ (function (_super) {
         return this.model;
     };
     RowWrapper.prototype.render = function () {
-        return (react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", { key: "svc-row-" + this.props.row.id, className: this.model.cssClasses }, this.props.element));
+        return (react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { key: "svc-row-" + this.props.row.id, className: this.model.cssClasses }, this.props.element));
     };
     return RowWrapper;
 }(_ModelElement__WEBPACK_IMPORTED_MODULE_4__.CreatorModelElement));
 
 survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.registerElement("svc-row", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_2___default().createElement(RowWrapper, props);
+    return react__WEBPACK_IMPORTED_MODULE_2__.createElement(RowWrapper, props);
 });
 
 
@@ -2850,14 +2852,14 @@ var ItemTemplateComponent = /** @class */ (function (_super) {
     }
     ItemTemplateComponent.prototype.render = function () {
         var item = this.props.item;
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null,
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", { className: "spg-color-editor__color-swatch", style: { backgroundColor: item.value } }),
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", { key: 2 }, this.renderLocString(item.locTitle, undefined, "locString"))));
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null,
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "spg-color-editor__color-swatch", style: { backgroundColor: item.value } }),
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { key: 2 }, this.renderLocString(item.locTitle, undefined, "locString"))));
     };
     return ItemTemplateComponent;
 }(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
 survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("color-item", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ItemTemplateComponent, props);
+    return react__WEBPACK_IMPORTED_MODULE_1__.createElement(ItemTemplateComponent, props);
 });
 
 
@@ -3394,12 +3396,12 @@ var TabDesignerComponent = /** @class */ (function (_super) {
         return renderedPages;
     };
     TabDesignerComponent.prototype.createRenderedPage = function (page, index, isGhostPage) {
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-page", "data-sv-drop-target-page": page.name, "data-sv-drop-target-survey-element": isGhostPage ? "newGhostPage" : page.name, key: page.id + "-" + index }, this.renderPage(page)));
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-page", "data-sv-drop-target-page": page.name, "data-sv-drop-target-survey-element": isGhostPage ? "newGhostPage" : page.name, key: page.id + "-" + index }, this.renderPage(page)));
     };
     TabDesignerComponent.prototype.renderNewPage = function (className, key) {
         if (key === void 0) { key = ""; }
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), { key: key },
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: className, "data-sv-drop-target-survey-element": "newGhostPage" }, !!this.model.newPage ? this.renderPage(this.model.newPage) : null)));
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, { key: key },
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: className, "data-sv-drop-target-survey-element": "newGhostPage" }, !!this.model.newPage ? this.renderPage(this.model.newPage) : null)));
     };
     TabDesignerComponent.prototype.renderPage = function (pageV) {
         return survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.createElement("svc-page", { survey: this.creator.survey, page: pageV, creator: this.creator });
@@ -3407,29 +3409,29 @@ var TabDesignerComponent = /** @class */ (function (_super) {
     TabDesignerComponent.prototype.renderElement = function () {
         var _this = this;
         var designerTabClassName = "svc-tab-designer " + this.model.getRootCss();
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null,
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-flex-column" }, this.model.isToolboxVisible ? survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.createElement("svc-adaptive-toolbox", { model: this.creator }) : null),
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: designerTabClassName, onClick: function () { return _this.model.clickDesigner(); } },
-                react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-tab-designer_content" }, this.model.showPlaceholder ? this.renderPlaceHolder() : this.renderTabContent()))));
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null,
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-flex-column" }, this.model.isToolboxVisible ? survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.createElement("svc-adaptive-toolbox", { model: this.creator }) : null),
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: designerTabClassName, onClick: function () { return _this.model.clickDesigner(); } },
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-tab-designer_content" }, this.model.showPlaceholder ? this.renderPlaceHolder() : this.renderTabContent()))));
     };
     TabDesignerComponent.prototype.renderHeader = function (condition) {
         if (!condition)
             return null;
         var survey = this.creator.survey;
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null,
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-designer-header" },
-                react__WEBPACK_IMPORTED_MODULE_1___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyHeader, { survey: survey }))));
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null,
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-designer-header" },
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyHeader, { survey: survey }))));
     };
     TabDesignerComponent.prototype.renderPlaceHolder = function () {
         var surveyHeader = this.renderHeader(this.creator.allowEditSurveyTitle && this.creator.showHeaderInEmptySurvey);
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null,
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null,
             surveyHeader,
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-designer__placeholder-container", "data-sv-drop-target-survey-element": "newGhostPage" },
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-designer__placeholder-container", "data-sv-drop-target-survey-element": "newGhostPage" },
                 this.renderPlaceHolderContent(),
                 this.renderNewPage("svc-designer-placeholder-page"))));
     };
     TabDesignerComponent.prototype.renderPlaceHolderContent = function () {
-        return react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", { className: "svc-designer-placeholder-text svc-text svc-text--normal" }, this.model.placeholderText);
+        return react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-designer-placeholder-text svc-text svc-text--normal" }, this.model.placeholderText);
     };
     TabDesignerComponent.prototype.renderTabContent = function () {
         var survey = this.creator.survey;
@@ -3438,20 +3440,20 @@ var TabDesignerComponent = /** @class */ (function (_super) {
         if (!!survey.width) {
             style.maxWidth = survey.renderedWidth;
         }
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null,
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: this.model.designerCss, style: style },
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null,
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: this.model.designerCss, style: style },
                 surveyHeader,
                 this.getRenderedPages()),
             this.creator.showPageNavigator ?
-                react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-tab-designer__page-navigator" },
-                    react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_PageNavigator__WEBPACK_IMPORTED_MODULE_3__.SurveyPageNavigator, { pagesController: this.model.pagesController, pageEditMode: this.model.creator.pageEditMode }))
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-tab-designer__page-navigator" },
+                    react__WEBPACK_IMPORTED_MODULE_1__.createElement(_PageNavigator__WEBPACK_IMPORTED_MODULE_3__.SurveyPageNavigator, { pagesController: this.model.pagesController, pageEditMode: this.model.creator.pageEditMode }))
                 : null));
     };
     return TabDesignerComponent;
 }(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
 
 survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-tab-designer", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(TabDesignerComponent, props);
+    return react__WEBPACK_IMPORTED_MODULE_1__.createElement(TabDesignerComponent, props);
 });
 
 
@@ -3481,7 +3483,7 @@ var TabJsonEditorAceComponent = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(TabJsonEditorAceComponent, _super);
     function TabJsonEditorAceComponent(props) {
         var _this = _super.call(this, props) || this;
-        _this.aceEditorrRef = react__WEBPACK_IMPORTED_MODULE_1___default().createRef();
+        _this.aceEditorrRef = react__WEBPACK_IMPORTED_MODULE_1__.createRef();
         return _this;
     }
     TabJsonEditorAceComponent.prototype.getStateElement = function () {
@@ -3498,17 +3500,17 @@ var TabJsonEditorAceComponent = /** @class */ (function (_super) {
         this.model.init(ace.edit(this.aceEditorrRef.current));
     };
     TabJsonEditorAceComponent.prototype.renderElement = function () {
-        var errors = react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_JsonEditorTextarea__WEBPACK_IMPORTED_MODULE_3__.TabJsonEditorErrorsComponent, { data: this.model });
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-creator-tab__content" },
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-json-editor-tab__content" },
-                react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-json-editor-tab__ace-editor", ref: this.aceEditorrRef }),
+        var errors = react__WEBPACK_IMPORTED_MODULE_1__.createElement(_JsonEditorTextarea__WEBPACK_IMPORTED_MODULE_3__.TabJsonEditorErrorsComponent, { data: this.model });
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-creator-tab__content" },
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-json-editor-tab__content" },
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-json-editor-tab__ace-editor", ref: this.aceEditorrRef }),
                 errors)));
     };
     return TabJsonEditorAceComponent;
 }(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
 
 survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-tab-json-editor-ace", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(TabJsonEditorAceComponent, props);
+    return react__WEBPACK_IMPORTED_MODULE_1__.createElement(TabJsonEditorAceComponent, props);
 });
 
 
@@ -3549,8 +3551,8 @@ var TabJsonEditorErrorsComponent = /** @class */ (function (_super) {
         configurable: true
     });
     TabJsonEditorErrorsComponent.prototype.renderElement = function () {
-        return react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-json-editor-tab__errros_list", style: { display: this.model.hasErrors ? "block" : "none" } },
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.List, { model: this.model.errorList }));
+        return react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-json-editor-tab__errros_list", style: { display: this.model.hasErrors ? "block" : "none" } },
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.List, { model: this.model.errorList }));
     };
     return TabJsonEditorErrorsComponent;
 }(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
@@ -3575,10 +3577,10 @@ var TabJsonEditorTextareaComponent = /** @class */ (function (_super) {
         var setControl = function (el) {
             _this.model.textElement = el;
         };
-        var errors = react__WEBPACK_IMPORTED_MODULE_1___default().createElement(TabJsonEditorErrorsComponent, { data: this.model });
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-creator-tab__content" },
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-json-editor-tab__content" },
-                react__WEBPACK_IMPORTED_MODULE_1___default().createElement("textarea", { ref: function (input) { return (setControl(input)); }, className: "svc-json-editor-tab__content-area", value: this.model.text, onChange: function (e) {
+        var errors = react__WEBPACK_IMPORTED_MODULE_1__.createElement(TabJsonEditorErrorsComponent, { data: this.model });
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-creator-tab__content" },
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-json-editor-tab__content" },
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement("textarea", { ref: function (input) { return (setControl(input)); }, className: "svc-json-editor-tab__content-area", value: this.model.text, onChange: function (e) {
                         return (_this.model.text = e.target.value);
                     }, onKeyDown: function (e) { return _this.model.checkKey(e, e); }, disabled: this.model.readOnly, "aria-label": this.model.ariaLabel }),
                 errors)));
@@ -3587,7 +3589,7 @@ var TabJsonEditorTextareaComponent = /** @class */ (function (_super) {
 }(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
 
 survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-tab-json-editor-textarea", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(TabJsonEditorTextareaComponent, props);
+    return react__WEBPACK_IMPORTED_MODULE_1__.createElement(TabJsonEditorTextareaComponent, props);
 });
 
 
@@ -3615,24 +3617,24 @@ var ItemTemplateComponent = /** @class */ (function (_super) {
     }
     ItemTemplateComponent.prototype.render = function () {
         var item = this.props.item;
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null,
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { iconName: item.iconName, iconSize: item.iconSize, className: "svc-json-error__icon" }),
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-json-error__container" },
-                react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-json-error__title" },
-                    react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", { key: 2 }, this.renderLocString(item.locTitle, undefined, "locString"))),
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null,
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { iconName: item.iconName, iconSize: item.iconSize, className: "svc-json-error__icon" }),
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-json-error__container" },
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-json-error__title" },
+                    react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { key: 2 }, this.renderLocString(item.locTitle, undefined, "locString"))),
                 this.renderFixButton())));
     };
     ItemTemplateComponent.prototype.renderFixButton = function () {
         if (!this.props.item.data.showFixButton)
             return null;
         var item = this.props.item;
-        return ((0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1___default().createElement("button", { type: "button", onClick: function (event) { event.stopPropagation(); item.data.fixError(); }, title: item.data.fixButtonTitle, className: "svc-json-error__fix-button" },
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { iconName: item.data.fixButtonIcon, size: "auto" }))));
+        return ((0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("button", { type: "button", onClick: function (event) { event.stopPropagation(); item.data.fixError(); }, title: item.data.fixButtonTitle, className: "svc-json-error__fix-button" },
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { iconName: item.data.fixButtonIcon, size: "auto" }))));
     };
     return ItemTemplateComponent;
 }(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
 survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("json-error-item", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ItemTemplateComponent, props);
+    return react__WEBPACK_IMPORTED_MODULE_1__.createElement(ItemTemplateComponent, props);
 });
 
 
@@ -3657,6 +3659,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 var TabLogicAddButtonComponent = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(TabLogicAddButtonComponent, _super);
     function TabLogicAddButtonComponent() {
@@ -3675,17 +3678,17 @@ var TabLogicAddButtonComponent = /** @class */ (function (_super) {
     TabLogicAddButtonComponent.prototype.renderElement = function () {
         var _this = this;
         var buttonClassName = "svc-logic-tab__content-action svc-btn" + ((this.model.enabled !== undefined && !this.model.enabled) ? " svc-logic-tab__content-action--disabled" : "");
-        return (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { role: "button", onClick: function (e) {
+        return (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { role: "button", onClick: function (e) {
                 e.stopPropagation();
                 _this.model.action();
             }, className: buttonClassName, title: this.model.title },
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", { className: "svc-text svc-text--normal svc-text--bold" }, this.model.title)));
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-text svc-text--normal svc-text--bold" }, this.model.title)));
     };
     return TabLogicAddButtonComponent;
 }(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
 
 survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-tab-logic-add-button", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(TabLogicAddButtonComponent, props);
+    return react__WEBPACK_IMPORTED_MODULE_1__.createElement(TabLogicAddButtonComponent, props);
 });
 var TabLogicComponent = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(TabLogicComponent, _super);
@@ -3706,23 +3709,23 @@ var TabLogicComponent = /** @class */ (function (_super) {
         var logic = this.model;
         var rootClass = "svc-creator-tab__content";
         var content = this.renderViewContent();
-        return react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: rootClass }, content);
+        return react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: rootClass }, content);
     };
     TabLogicComponent.prototype.renderViewContent = function () {
         var logicTabClassName = "svc-plugin-tab__content svc-logic-tab__content " + (this.model.hasItems ? "" : "svc-logic-tab__empty");
-        var addLogic = !this.model.readOnly ? react__WEBPACK_IMPORTED_MODULE_1___default().createElement(TabLogicAddButtonComponent, { button: this.model.addNewButton }) : undefined;
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null,
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: logicTabClassName },
-                react__WEBPACK_IMPORTED_MODULE_1___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.Survey, { model: this.model.itemsSurvey }),
-                this.model.hasItems ? null : (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-logic-tab__content-empty" },
-                    react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", { className: "svc-text" }, this.model.emptyTabPlaceholder))),
+        var addLogic = !this.model.readOnly ? react__WEBPACK_IMPORTED_MODULE_1__.createElement(TabLogicAddButtonComponent, { button: this.model.addNewButton }) : undefined;
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null,
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: logicTabClassName },
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.Survey, { model: this.model.itemsSurvey }),
+                this.model.hasItems ? null : (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-logic-tab__content-empty" },
+                    react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-text" }, this.model.emptyTabPlaceholder))),
                 addLogic)));
     };
     return TabLogicComponent;
 }(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
 
 survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-tab-logic", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(TabLogicComponent, props);
+    return react__WEBPACK_IMPORTED_MODULE_1__.createElement(TabLogicComponent, props);
 });
 
 
@@ -3769,17 +3772,17 @@ var TabPreviewTestSurveyAgainComponent = /** @class */ (function (_super) {
     TabPreviewTestSurveyAgainComponent.prototype.renderElement = function () {
         var _this = this;
         var buttonClassName = "svc-preview__test-again svc-btn";
-        return (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { role: "button", onClick: function (e) {
+        return (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { role: "button", onClick: function (e) {
                 e.stopPropagation();
                 _this.model.action();
             }, className: buttonClassName, title: this.model.title },
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", { className: "svc-text svc-text--normal svc-text--bold" }, this.model.title)));
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-text svc-text--normal svc-text--bold" }, this.model.title)));
     };
     return TabPreviewTestSurveyAgainComponent;
 }(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
 
 survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-complete-page", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(TabPreviewTestSurveyAgainComponent, props);
+    return react__WEBPACK_IMPORTED_MODULE_1__.createElement(TabPreviewTestSurveyAgainComponent, props);
 });
 var TabPreviewSurveyComponent = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(TabPreviewSurveyComponent, _super);
@@ -3798,16 +3801,16 @@ var TabPreviewSurveyComponent = /** @class */ (function (_super) {
     };
     TabPreviewSurveyComponent.prototype.renderElement = function () {
         var tabContentClassName = "svc-creator-tab__content svc-test-tab__content" + (this.model.isPageToolbarVisible ? " svc-creator-tab__content--with-toolbar" : "");
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: tabContentClassName },
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-plugin-tab__content" },
-                react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_SurveySimulator__WEBPACK_IMPORTED_MODULE_3__.SurveySimulator, { model: this.model.simulator }),
-                this.model.showResults ? react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Results__WEBPACK_IMPORTED_MODULE_4__.SurveyResults, { survey: this.model.simulator.survey }) : null),
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: tabContentClassName },
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-plugin-tab__content" },
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement(_SurveySimulator__WEBPACK_IMPORTED_MODULE_3__.SurveySimulator, { model: this.model.simulator }),
+                this.model.showResults ? react__WEBPACK_IMPORTED_MODULE_1__.createElement(_Results__WEBPACK_IMPORTED_MODULE_4__.SurveyResults, { survey: this.model.simulator.survey }) : null),
             this.getBottomToolbar()));
     };
     TabPreviewSurveyComponent.prototype.getBottomToolbar = function () {
         if (this.model.isPageToolbarVisible) {
-            return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-test-tab__content-actions" },
-                react__WEBPACK_IMPORTED_MODULE_1___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyActionBar, { model: this.model.pages })));
+            return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-test-tab__content-actions" },
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyActionBar, { model: this.model.pages })));
         }
         else {
             return null;
@@ -3817,7 +3820,7 @@ var TabPreviewSurveyComponent = /** @class */ (function (_super) {
 }(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
 
 survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-tab-test", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(TabPreviewSurveyComponent, props);
+    return react__WEBPACK_IMPORTED_MODULE_1__.createElement(TabPreviewSurveyComponent, props);
 });
 
 
@@ -3860,28 +3863,28 @@ var SurveySimulator = /** @class */ (function (_super) {
         var _this = this;
         var mainSimulatorClass = this.model.getRootCss();
         if (!this.model.survey) {
-            return react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", { className: mainSimulatorClass });
+            return react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: mainSimulatorClass });
         }
         if (this.model.hasFrame) {
-            return (react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", { className: mainSimulatorClass, onKeyDown: function (e) { return _this.model.tryToZoom(e, e); }, onMouseEnter: this.model.device === "desktop" ? null : this.model.activateZoom, onMouseLeave: this.model.device === "desktop" ? null : this.model.deactivateZoom },
-                react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", { className: "svd-simulator-wrapper", id: "svd-simulator-wrapper", style: {
+            return (react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: mainSimulatorClass, onKeyDown: function (e) { return _this.model.tryToZoom(e, e); }, onMouseEnter: this.model.device === "desktop" ? null : this.model.activateZoom, onMouseLeave: this.model.device === "desktop" ? null : this.model.deactivateZoom },
+                react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svd-simulator-wrapper", id: "svd-simulator-wrapper", style: {
                         width: this.model.simulatorFrame.frameWidth + "px",
                         height: this.model.simulatorFrame.frameHeight + "px"
                     } },
-                    react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", { className: "svd-simulator", style: {
+                    react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svd-simulator", style: {
                             width: this.model.simulatorFrame.deviceWidth + "px",
                             height: this.model.simulatorFrame.deviceHeight + "px",
                             transform: "scale(" +
                                 this.model.simulatorFrame.scale +
                                 ") translate(-50%, -50%)"
                         } },
-                        react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", { className: "svd-simulator-content" },
-                            react__WEBPACK_IMPORTED_MODULE_2___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_1__.Survey, { model: this.model.survey }))))));
+                        react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svd-simulator-content" },
+                            react__WEBPACK_IMPORTED_MODULE_2__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_1__.Survey, { model: this.model.survey }))))));
         }
         else {
-            return (react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", { className: mainSimulatorClass },
-                react__WEBPACK_IMPORTED_MODULE_2___default().createElement("div", { className: "svd-simulator-content" },
-                    react__WEBPACK_IMPORTED_MODULE_2___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_1__.Survey, { model: this.model.survey }))));
+            return (react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: mainSimulatorClass },
+                react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svd-simulator-content" },
+                    react__WEBPACK_IMPORTED_MODULE_2__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_1__.Survey, { model: this.model.survey }))));
         }
     };
     return SurveySimulator;
@@ -3930,16 +3933,16 @@ var TabThemeSurveyComponent = /** @class */ (function (_super) {
     };
     TabThemeSurveyComponent.prototype.renderElement = function () {
         var tabContentClassName = "svc-creator-tab__content svc-test-tab__content" + (this.model.isPageToolbarVisible ? " svc-creator-tab__content--with-toolbar" : "");
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: tabContentClassName },
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-plugin-tab__content" },
-                react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_SurveySimulator__WEBPACK_IMPORTED_MODULE_3__.SurveySimulator, { model: this.model.simulator }),
-                this.model.showResults ? react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Results__WEBPACK_IMPORTED_MODULE_4__.SurveyResults, { survey: this.model.simulator.survey }) : null),
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: tabContentClassName },
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-plugin-tab__content" },
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement(_SurveySimulator__WEBPACK_IMPORTED_MODULE_3__.SurveySimulator, { model: this.model.simulator }),
+                this.model.showResults ? react__WEBPACK_IMPORTED_MODULE_1__.createElement(_Results__WEBPACK_IMPORTED_MODULE_4__.SurveyResults, { survey: this.model.simulator.survey }) : null),
             this.getBottomToolbar()));
     };
     TabThemeSurveyComponent.prototype.getBottomToolbar = function () {
         if (this.model.isPageToolbarVisible) {
-            return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-test-tab__content-actions" },
-                react__WEBPACK_IMPORTED_MODULE_1___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyActionBar, { model: this.model.pages })));
+            return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-test-tab__content-actions" },
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyActionBar, { model: this.model.pages })));
         }
         else {
             return null;
@@ -3949,7 +3952,7 @@ var TabThemeSurveyComponent = /** @class */ (function (_super) {
 }(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
 
 survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-tab-theme", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(TabThemeSurveyComponent, props);
+    return react__WEBPACK_IMPORTED_MODULE_1__.createElement(TabThemeSurveyComponent, props);
 });
 
 
@@ -4043,15 +4046,15 @@ var TranslateFromAction = /** @class */ (function (_super) {
     };
     TranslateFromAction.prototype.renderElement = function () {
         var item = this.item;
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: item.data.containerCss },
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", { className: item.data.additionalTitleCss }, item.data.additionalTitle),
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: item.data.containerCss },
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: item.data.additionalTitleCss }, item.data.additionalTitle),
             survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.createElement("sv-action-bar-item-dropdown", { item: this.item })));
     };
     return TranslateFromAction;
 }(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
 
 survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-translate-from-action", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(TranslateFromAction, props);
+    return react__WEBPACK_IMPORTED_MODULE_1__.createElement(TranslateFromAction, props);
 });
 
 
@@ -4093,27 +4096,27 @@ var TabTranslationComponent = /** @class */ (function (_super) {
     TabTranslationComponent.prototype.renderElement = function () {
         if (!this.model)
             return null;
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-creator-tab__content svc-translation-tab" }, this.renderElementContent()));
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-creator-tab__content svc-translation-tab" }, this.renderElementContent()));
     };
     TabTranslationComponent.prototype.renderElementContent = function () {
         if (this.model.isEmpty) {
-            return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "st-no-strings" },
-                react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", null, this.model.noStringsText)));
+            return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "st-no-strings" },
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", null, this.model.noStringsText)));
         }
         else {
-            return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "st-content" },
-                react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-flex-column st-strings-wrapper" },
-                    react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-flex-row st-strings-header" },
-                        react__WEBPACK_IMPORTED_MODULE_1___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.Survey, { model: this.model.stringsHeaderSurvey })),
-                    react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-flex-row svc-plugin-tab__content st-strings" },
-                        react__WEBPACK_IMPORTED_MODULE_1___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.Survey, { model: this.model.stringsSurvey })))));
+            return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "st-content" },
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-flex-column st-strings-wrapper" },
+                    react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-flex-row st-strings-header" },
+                        react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.Survey, { model: this.model.stringsHeaderSurvey })),
+                    react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-flex-row svc-plugin-tab__content st-strings" },
+                        react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.Survey, { model: this.model.stringsSurvey })))));
         }
     };
     return TabTranslationComponent;
 }(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
 
 survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-tab-translation", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(TabTranslationComponent, props);
+    return react__WEBPACK_IMPORTED_MODULE_1__.createElement(TabTranslationComponent, props);
 });
 
 
@@ -4143,13 +4146,13 @@ var TranslationLineSkeleton = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     TranslationLineSkeleton.prototype.render = function () {
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "sd-translation-line-skeleton" }));
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "sd-translation-line-skeleton" }));
     };
     return TranslationLineSkeleton;
-}((react__WEBPACK_IMPORTED_MODULE_1___default().Component)));
+}(react__WEBPACK_IMPORTED_MODULE_1__.Component));
 
 survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("sd-translation-line-skeleton", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(TranslationLineSkeleton, props);
+    return react__WEBPACK_IMPORTED_MODULE_1__.createElement(TranslationLineSkeleton, props);
 });
 
 
@@ -4174,7 +4177,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_react_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__);
 /* harmony import */ var _Toolbox__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Toolbox */ "./src/toolbox/Toolbox.tsx");
 /* harmony import */ var _ToolboxItem__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./ToolboxItem */ "./src/toolbox/ToolboxItem.tsx");
-/* harmony import */ var src_Search__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! src/Search */ "./src/Search.tsx");
+/* harmony import */ var _Search__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../Search */ "./src/Search.tsx");
 
 
 
@@ -4186,7 +4189,7 @@ var AdaptiveToolbox = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(AdaptiveToolbox, _super);
     function AdaptiveToolbox(props) {
         var _this = _super.call(this, props) || this;
-        _this.rootRef = react__WEBPACK_IMPORTED_MODULE_1___default().createRef();
+        _this.rootRef = react__WEBPACK_IMPORTED_MODULE_1__.createRef();
         return _this;
     }
     AdaptiveToolbox.prototype.componentDidMount = function () {
@@ -4203,34 +4206,34 @@ var AdaptiveToolbox = /** @class */ (function (_super) {
     };
     AdaptiveToolbox.prototype.renderSearch = function () {
         var searchButton = this.toolbox.isCompactRendered ?
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null,
-                react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ToolboxItem__WEBPACK_IMPORTED_MODULE_5__.SurveyCreatorToolboxTool, { item: this.toolbox.searchItem, creator: this.creator, parentModel: this.toolbox, isCompact: this.toolbox.isCompactRendered, key: "searchitem" }),
-                react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-toolbox__category-separator svc-toolbox__category-separator--search" })) :
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null,
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ToolboxItem__WEBPACK_IMPORTED_MODULE_5__.SurveyCreatorToolboxTool, { item: this.toolbox.searchItem, creator: this.creator, parentModel: this.toolbox, isCompact: this.toolbox.isCompactRendered, key: "searchitem" }),
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-toolbox__category-separator svc-toolbox__category-separator--search" })) :
             null;
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-toolbox__search-container" },
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-toolbox__search-container" },
             searchButton,
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement(src_Search__WEBPACK_IMPORTED_MODULE_6__.SearchComponent, { model: this.toolbox.searchManager })));
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement(_Search__WEBPACK_IMPORTED_MODULE_6__.SearchComponent, { model: this.toolbox.searchManager })));
     };
     AdaptiveToolbox.prototype.render = function () {
         var _this = this;
         if (!this.toolbox.hasActions)
             return null;
         var search = this.toolbox.showSearch ? this.renderSearch() : null;
-        var placeholder = this.toolbox.showPlaceholder ? react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-toolbox__placeholder" }, this.toolbox.toolboxNoResultsFound) : null;
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { ref: this.rootRef, className: this.toolbox.classNames },
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { onBlur: function (e) { return _this.toolbox.focusOut(e); }, className: "svc-toolbox__panel" },
-                react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-toolbox__scroller", onScroll: function (event) { return _this.toolbox.onScroll(_this.toolbox, event); } },
+        var placeholder = this.toolbox.showPlaceholder ? react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-toolbox__placeholder" }, this.toolbox.toolboxNoResultsFound) : null;
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { ref: this.rootRef, className: this.toolbox.classNames },
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { onBlur: function (e) { return _this.toolbox.focusOut(e); }, className: "svc-toolbox__panel" },
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-toolbox__scroller", onScroll: function (event) { return _this.toolbox.onScroll(_this.toolbox, event); } },
                     search,
                     placeholder,
-                    react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-toolbox__container" }, (this.toolbox.showInSingleCategory) ?
-                        (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-toolbox__category" }, this.renderItems(this.toolbox.renderedActions, this.toolbox.isCompactRendered)))
+                    react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-toolbox__container" }, (this.toolbox.showInSingleCategory) ?
+                        (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-toolbox__category" }, this.renderItems(this.toolbox.renderedActions, this.toolbox.isCompactRendered)))
                         : this.renderCategories())))));
     };
     return AdaptiveToolbox;
 }(_Toolbox__WEBPACK_IMPORTED_MODULE_4__.Toolbox));
 
 survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.registerElement("svc-adaptive-toolbox", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(AdaptiveToolbox, props);
+    return react__WEBPACK_IMPORTED_MODULE_1__.createElement(AdaptiveToolbox, props);
 });
 
 
@@ -4283,9 +4286,9 @@ var Toolbox = /** @class */ (function (_super) {
     Toolbox.prototype.render = function () {
         if (!this.toolbox.hasActions)
             return null;
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-toolbox" },
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-toolbox__container" }, (this.toolbox.categories.length == 1 || !this.toolbox.showCategoryTitles) ?
-                (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-toolbox__category" }, this.renderItems(this.toolbox.visibleActions)))
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-toolbox" },
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-toolbox__container" }, (this.toolbox.categories.length == 1 || !this.toolbox.showCategoryTitles) ?
+                (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-toolbox__category" }, this.renderItems(this.toolbox.visibleActions)))
                 : this.renderCategories())));
     };
     Toolbox.prototype.renderItems = function (items, isCompact) {
@@ -4293,7 +4296,7 @@ var Toolbox = /** @class */ (function (_super) {
         if (isCompact === void 0) { isCompact = false; }
         var result = [];
         items.forEach(function (item, itemIndex) {
-            var tool = react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ToolboxItem__WEBPACK_IMPORTED_MODULE_3__.SurveyCreatorToolboxTool, { item: item, creator: _this.creator, parentModel: _this.toolbox, isCompact: isCompact, key: "item" + itemIndex });
+            var tool = react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ToolboxItem__WEBPACK_IMPORTED_MODULE_3__.SurveyCreatorToolboxTool, { item: item, creator: _this.creator, parentModel: _this.toolbox, isCompact: isCompact, key: "item" + itemIndex });
             result.push(tool);
         });
         return result;
@@ -4301,14 +4304,14 @@ var Toolbox = /** @class */ (function (_super) {
     Toolbox.prototype.renderCategories = function () {
         var _this = this;
         return this.toolbox.categories.map(function (category, index) {
-            return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ToolboxCategory__WEBPACK_IMPORTED_MODULE_4__.SurveyCreatorToolboxCategory, { category: category, toolbox: _this.toolbox, key: "category" + index });
+            return react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ToolboxCategory__WEBPACK_IMPORTED_MODULE_4__.SurveyCreatorToolboxCategory, { category: category, toolbox: _this.toolbox, key: "category" + index });
         });
     };
     return Toolbox;
 }(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
 
 survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-toolbox", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Toolbox, props);
+    return react__WEBPACK_IMPORTED_MODULE_1__.createElement(Toolbox, props);
 });
 
 
@@ -4368,7 +4371,7 @@ var SurveyCreatorToolboxCategory = /** @class */ (function (_super) {
     SurveyCreatorToolboxCategory.prototype.render = function () {
         var header = this.renderCategoryHeader();
         var items = this.renderCategoryContent();
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: this.class, key: this.category.name },
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: this.class, key: this.category.name },
             header,
             items));
     };
@@ -4378,8 +4381,8 @@ var SurveyCreatorToolboxCategory = /** @class */ (function (_super) {
         if (this.toolbox.canCollapseCategories) {
             className += " svc-toolbox__category-header--collapsed";
         }
-        return (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: className, onClick: function (e) { return _this.category.toggleState(); } },
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", { className: "svc-toolbox__category-title" }, this.category.title),
+        return (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: className, onClick: function (e) { return _this.category.toggleState(); } },
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-toolbox__category-title" }, this.category.title),
             this.renderButton()));
     };
     SurveyCreatorToolboxCategory.prototype.renderButton = function () {
@@ -4388,8 +4391,8 @@ var SurveyCreatorToolboxCategory = /** @class */ (function (_super) {
         var iconName = this.category.collapsed ? "arrow-down" : "arrow-up";
         var suffixName = this.category.collapsed ? "expand" : "collapse";
         var svgIconClassName = "svc-toolbox__category-header__button svc-string-editor__button--" + suffixName;
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-toolbox__category-header__controls" },
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { className: svgIconClassName, iconName: "icon-" + iconName, size: 24 })));
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-toolbox__category-header__controls" },
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { className: svgIconClassName, iconName: "icon-" + iconName, size: 24 })));
     };
     SurveyCreatorToolboxCategory.prototype.renderCategoryContent = function () {
         return this.renderItems(this.category.items);
@@ -4398,14 +4401,14 @@ var SurveyCreatorToolboxCategory = /** @class */ (function (_super) {
         var _this = this;
         if (isCompact === void 0) { isCompact = false; }
         return items.map(function (item, itemIndex) {
-            return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ToolboxItem__WEBPACK_IMPORTED_MODULE_3__.SurveyCreatorToolboxTool, { item: item, creator: _this.toolbox.creator, parentModel: _this.toolbox, isCompact: isCompact, key: "item" + itemIndex });
+            return react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ToolboxItem__WEBPACK_IMPORTED_MODULE_3__.SurveyCreatorToolboxTool, { item: item, creator: _this.toolbox.creator, parentModel: _this.toolbox, isCompact: isCompact, key: "item" + itemIndex });
         });
     };
     return SurveyCreatorToolboxCategory;
 }(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
 
 survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-toolbox-category", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(SurveyCreatorToolboxCategory, props);
+    return react__WEBPACK_IMPORTED_MODULE_1__.createElement(SurveyCreatorToolboxCategory, props);
 });
 
 
@@ -4435,6 +4438,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 var SurveyCreatorToolboxTool = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(SurveyCreatorToolboxTool, _super);
     function SurveyCreatorToolboxTool(props) {
@@ -4473,15 +4477,15 @@ var SurveyCreatorToolboxTool = /** @class */ (function (_super) {
     SurveyCreatorToolboxTool.prototype.render = function () {
         var _this = this;
         var item = this.item;
-        var itemComponent = survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.createElement(item.component || "svc-toolbox-item", {
+        var itemComponent = survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.createElement(this.model.itemComponent, {
             item: item,
             creator: this.creator,
             parentModel: this.creator.toolbox,
             isCompact: this.isCompact
         });
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: item.css, key: item.id },
-            (item.needSeparator && !this.creator.toolbox.showCategoryTitles) ? (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-toolbox__category-separator" })) : null,
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "sv-action__content", onPointerDown: function (event) {
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: item.css, key: item.id },
+            (item.needSeparator && !this.creator.toolbox.showCategoryTitles) ? (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-toolbox__category-separator" })) : null,
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "sv-action__content", onPointerDown: function (event) {
                     event.persist();
                     _this.model.onPointerDown(event);
                 }, onMouseOver: function (event) {
@@ -4524,23 +4528,23 @@ var SurveyCreatorToolboxItem = /** @class */ (function (_super) {
     };
     SurveyCreatorToolboxItem.prototype.render = function () {
         var _this = this;
-        return (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: "svc-toolbox__item " + this.item.className, tabIndex: 0, role: "button", "aria-label": this.item.tooltip, title: this.item.tooltip, onClick: function (event) {
+        return (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-toolbox__item " + this.item.className, tabIndex: 0, role: "button", "aria-label": this.item.tooltip, title: this.item.tooltip, onClick: function (event) {
                 event.persist();
                 _this.model.click(event);
             } },
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", { className: "svc-toolbox__item-container" }, !!this.item.iconName ? react__WEBPACK_IMPORTED_MODULE_1___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { size: 24, iconName: this.item.iconName, title: this.item.tooltip }) : null),
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-toolbox__item-container" }, !!this.item.iconName ? react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { size: 24, iconName: this.item.iconName, title: this.item.tooltip }) : null),
             (this.props.isCompact ?
-                react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", { className: "svc-toolbox__item-banner svc-item__banner" },
-                    react__WEBPACK_IMPORTED_MODULE_1___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { size: 24, iconName: this.item.iconName, className: "svc-toolbox__item-icon", title: this.item.tooltip }),
-                    react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", { className: "svc-toolbox__item-title" }, this.item.title))
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-toolbox__item-banner svc-item__banner" },
+                    react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { size: 24, iconName: this.item.iconName, className: "svc-toolbox__item-icon", title: this.item.tooltip }),
+                    react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-toolbox__item-title" }, this.item.title))
                 :
-                    react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", { className: "svc-toolbox__item-title" }, this.item.title))));
+                    react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-toolbox__item-title" }, this.item.title))));
     };
     return SurveyCreatorToolboxItem;
 }(_ModelElement__WEBPACK_IMPORTED_MODULE_4__.CreatorModelElement));
 
 survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.registerElement("svc-toolbox-item", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(SurveyCreatorToolboxItem, props);
+    return (0,react__WEBPACK_IMPORTED_MODULE_1__.createElement)(SurveyCreatorToolboxItem, props);
 });
 
 
@@ -4608,15 +4612,15 @@ var SurveyCreatorToolboxItemGroup = /** @class */ (function (_super) {
         return this.item;
     };
     SurveyCreatorToolboxItemGroup.prototype.render = function () {
-        return react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null,
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ToolboxItem__WEBPACK_IMPORTED_MODULE_4__.SurveyCreatorToolboxItem, { item: this.item, creator: this.creator, parentModel: this.parentModel, isCompact: this.isCompact }),
-            react__WEBPACK_IMPORTED_MODULE_1___default().createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.Popup, { model: this.item.popupModel, getArea: this.item.getArea }));
+        return react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null,
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ToolboxItem__WEBPACK_IMPORTED_MODULE_4__.SurveyCreatorToolboxItem, { item: this.item, creator: this.creator, parentModel: this.parentModel, isCompact: this.isCompact }),
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.Popup, { model: this.item.popupModel, getArea: this.item.getArea }));
     };
     return SurveyCreatorToolboxItemGroup;
 }(_ModelElement__WEBPACK_IMPORTED_MODULE_3__.CreatorModelElement));
 
 survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-toolbox-item-group", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(SurveyCreatorToolboxItemGroup, props);
+    return react__WEBPACK_IMPORTED_MODULE_1__.createElement(SurveyCreatorToolboxItemGroup, props);
 });
 
 
@@ -4654,9 +4658,9 @@ var ToolboxList = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(ToolboxList.prototype, "toolbox", {
+    Object.defineProperty(ToolboxList.prototype, "creator", {
         get: function () {
-            return this.props.toolbox;
+            return this.props.creator;
         },
         enumerable: false,
         configurable: true
@@ -4668,20 +4672,20 @@ var ToolboxList = /** @class */ (function (_super) {
         if (!this.model || !this.model.renderElements)
             return null;
         var items = this.renderItems();
-        return (react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", { className: this.model.cssClasses.root }, items));
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: this.model.cssClasses.root }, items));
     };
     ToolboxList.prototype.renderItems = function () {
         var _this = this;
         var items = this.model.renderedActions;
         return items.map(function (item, itemIndex) {
-            return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_ToolboxItem__WEBPACK_IMPORTED_MODULE_3__.SurveyCreatorToolboxTool, { item: item, creator: _this.toolbox.creator, parentModel: _this.model, isCompact: false, key: "item" + itemIndex });
+            return react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ToolboxItem__WEBPACK_IMPORTED_MODULE_3__.SurveyCreatorToolboxTool, { item: item, creator: _this.creator, parentModel: _this.model, isCompact: false, key: "item" + itemIndex });
         });
     };
     return ToolboxList;
 }(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
 
 survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-toolbox-list", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ToolboxList, props);
+    return react__WEBPACK_IMPORTED_MODULE_1__.createElement(ToolboxList, props);
 });
 
 
@@ -4945,7 +4949,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_57__ = __webpack_require__(/*! survey-core */ "survey-core");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_57___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_57__);
 var Version;
-Version = "".concat("1.11.10");
+Version = "".concat("1.11.12");
 // import "@survey/creator/survey-creator-core.css";
 
 
@@ -5012,7 +5016,7 @@ Version = "".concat("1.11.10");
 
 
 
-(0,survey_core__WEBPACK_IMPORTED_MODULE_57__.checkLibraryVersion)("".concat("1.11.10"), "survey-creator-react");
+(0,survey_core__WEBPACK_IMPORTED_MODULE_57__.checkLibraryVersion)("".concat("1.11.12"), "survey-creator-react");
 
 /******/ 	return __webpack_exports__;
 /******/ })()