survey-creator-react 1.9.81 → 1.9.83

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-creator-react",
-  "version": "1.9.81",
+  "version": "1.9.83",
   "description": "Use SurveyJS Creator to create or edit JSON for SurveyJS Library.",
   "keywords": [
     "Survey",
@@ -29,9 +29,9 @@
     "ace-builds": "^1.4.12"
   },
   "dependencies": {
-    "survey-core": "1.9.81",
-    "survey-react-ui": "1.9.81",
-    "survey-creator-core": "1.9.81",
+    "survey-core": "1.9.83",
+    "survey-react-ui": "1.9.83",
+    "survey-creator-core": "1.9.83",
     "react": "^16.5.0 || ^17.0.1 || ^18.1.0",
     "react-dom": "^16.5.0 || ^17.0.1 || ^18.1.0"
   },

package/survey-creator-react.d.ts

@@ -593,6 +593,7 @@ declare module "PageNavigator" {
         protected createModel(): void;
         protected getUpdatedModelProps(): string[];
         protected getStateElement(): Base;
+        private get scrollableContainer();
         componentDidMount(): void;
         componentWillUnmount(): void;
         renderElement(): JSX.Element;
@@ -739,6 +740,31 @@ declare module "PropertyGrid" {
     }
     export default PropertyGridComponent;
 }
+declare module "custom-questions/SpinEditor" {
+    import { QuestionSpinEditorModel } from "survey-creator-core";
+    import { SurveyQuestionText } from "survey-react-ui";
+    export class SurveyQuestionSpinEditor extends SurveyQuestionText {
+        constructor(props: any);
+        protected get question(): QuestionSpinEditorModel;
+        protected renderInput(): JSX.Element;
+        protected renderElement(): JSX.Element;
+        protected getValueCore(): string;
+        protected renderButtons(): JSX.Element;
+    }
+}
+declare module "custom-questions/ColorQuestion" {
+    import { QuestionColorModel } from "survey-creator-core";
+    import { SurveyQuestionText } from "survey-react-ui";
+    export class SurveyQuestionColor extends SurveyQuestionText {
+        constructor(props: any);
+        protected get question(): QuestionColorModel;
+        protected renderInput(): JSX.Element;
+        protected renderElement(): JSX.Element;
+        protected getValueCore(): string;
+        protected renderColorSwatch(): JSX.Element;
+        protected renderColorInput(): JSX.Element;
+    }
+}
 declare module "entries/index" {
     export let Version: string;
     export * from "SurveyCreator";
@@ -784,6 +810,8 @@ declare module "entries/index" {
     export * from "events";
     export * from "ObjectSelector";
     export * from "PropertyGrid";
+    export * from "custom-questions/SpinEditor";
+    export * from "custom-questions/ColorQuestion";
     export { editorLocalization, localization } from "survey-creator-core";
     export { settings } from "survey-creator-core";
     export { svgBundle } from "survey-creator-core";

package/survey-creator-react.js

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator React v1.9.81
+ * SurveyJS Creator React v1.9.83
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -223,7 +223,7 @@ var ImageItemValueAdornerComponent = /** @class */ (function (_super) {
                     react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: "sd-imagepicker__item sd-imagepicker__item--inline" },
                         react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("label", { className: "sd-imagepicker__label" },
                             react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { style: imageStyle, className: "sd-imagepicker__image" })))),
-                react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: "svc-image-item-value-controls" }, this.model.allowAdd ? Object(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", { className: "svc-image-item-value-controls__button svc-image-item-value-controls__add", onClick: function () { return _this.model.chooseNewFile(_this.model); } },
+                react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: "svc-image-item-value-controls" }, this.model.allowAdd && !this.model.isUploading ? Object(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", { className: "svc-image-item-value-controls__button svc-image-item-value-controls__add", onClick: function () { return _this.model.chooseNewFile(_this.model); } },
                     react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["SvgIcon"], { size: 24, iconName: "icon-add-lg" }))) : null)));
         }
         else {
@@ -232,9 +232,9 @@ var ImageItemValueAdornerComponent = /** @class */ (function (_super) {
                 react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", { className: "svc-image-item-value-controls__button svc-image-item-value-controls__drag-area-indicator", onPointerDown: function (event) { return _this.model.onPointerDown(event); } },
                     react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["SvgIcon"], { size: 24, iconName: "icon-drag-area-indicator" })),
                 react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: "svc-image-item-value-controls" },
-                    this.model.allowRemove ? Object(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", { className: "svc-image-item-value-controls__button svc-image-item-value-controls__choose-file", onClick: function () { return _this.model.chooseFile(_this.model); } },
+                    this.model.allowRemove && !this.model.isUploading ? Object(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", { className: "svc-image-item-value-controls__button svc-image-item-value-controls__choose-file", onClick: function () { return _this.model.chooseFile(_this.model); } },
                         react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["SvgIcon"], { size: 24, iconName: "icon-file" }))) : null,
-                    this.model.allowRemove ? Object(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", { className: "svc-image-item-value-controls__button svc-image-item-value-controls__remove ddd", onClick: function () { return _this.model.remove(_this.model); } },
+                    this.model.allowRemove && !this.model.isUploading ? Object(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", { className: "svc-image-item-value-controls__button svc-image-item-value-controls__remove ddd", onClick: function () { return _this.model.remove(_this.model); } },
                         react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["SvgIcon"], { size: 24, iconName: "icon-delete" }))) : null)));
         }
         return (react__WEBPACK_IMPORTED_MODULE_2___default.a.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 },
@@ -387,7 +387,7 @@ var LogoImageComponent = /** @class */ (function (_super) {
                 react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["LogoImage"], { data: this.props.data.survey })));
         }
         else {
-            content = this.model.allowEdit ? Object(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { className: "svc-logo-image-placeholder", onClick: function () { return _this.model.chooseFile(_this.model); } },
+            content = this.model.allowEdit && !this.model.isUploading ? Object(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", { className: "svc-logo-image-placeholder", onClick: function () { return _this.model.chooseFile(_this.model); } },
                 react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("svg", null,
                     react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("use", { xlinkHref: "#icon-logo" })))) : null;
         }
@@ -707,16 +707,29 @@ var SurveyPageNavigator = /** @class */ (function (_super) {
     SurveyPageNavigator.prototype.getStateElement = function () {
         return this.model;
     };
+    Object.defineProperty(SurveyPageNavigator.prototype, "scrollableContainer", {
+        get: function () {
+            var el = this.containerRef.current;
+            if (!!el) {
+                var self_1 = this;
+                return el.parentElement.parentElement.parentElement;
+            }
+            return el;
+        },
+        enumerable: false,
+        configurable: true
+    });
     SurveyPageNavigator.prototype.componentDidMount = function () {
         _super.prototype.componentDidMount.call(this);
         if (this.props.pageEditMode !== "bypage") {
             var el = this.containerRef.current;
             if (!!el) {
-                var self_1 = this;
+                var self_2 = this;
                 el.parentElement.parentElement.parentElement.onscroll = function (ev) {
-                    return self_1.model.onContainerScroll(ev.currentTarget);
+                    return self_2.model.onContainerScroll(ev.currentTarget);
                 };
-                self_1.model.setItemsContainer(el.parentElement);
+                self_2.model.setItemsContainer(el.parentElement);
+                self_2.model.setScrollableContainer(el.parentElement.parentElement.parentElement);
             }
         }
     };
@@ -2394,7 +2407,7 @@ var QuestionImageAdornerComponent = /** @class */ (function (_super) {
     };
     QuestionImageAdornerComponent.prototype.renderElementPlaceholder = function () {
         var _this = this;
-        return (react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: "svc-image-question-controls" }, this.model.allowEdit ? Object(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", { className: "svc-image-question-controls__button svc-image-question-controls__choose-file", onClick: function () { return _this.imageModel.chooseFile(_this.imageModel); } },
+        return (react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("div", { className: "svc-image-question-controls" }, this.model.allowEdit && !this.model.isUploading ? Object(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", { className: "svc-image-question-controls__button svc-image-question-controls__choose-file", onClick: function () { return _this.imageModel.chooseFile(_this.imageModel); } },
             react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["SvgIcon"], { size: 24, iconName: "icon-file" }))) : null));
     };
     return QuestionImageAdornerComponent;
@@ -2584,6 +2597,131 @@ survey_react_ui__WEBPACK_IMPORTED_MODULE_3__["ReactElementFactory"].Instance.reg
 });
 
 
+/***/ }),
+
+/***/ "./src/custom-questions/ColorQuestion.tsx":
+/*!************************************************!*\
+  !*** ./src/custom-questions/ColorQuestion.tsx ***!
+  \************************************************/
+/*! exports provided: SurveyQuestionColor */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionColor", function() { return SurveyQuestionColor; });
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./src/entries/helpers.ts");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var survey_react_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! survey-react-ui */ "survey-react-ui");
+/* harmony import */ var survey_react_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__);
+
+
+
+var SurveyQuestionColor = /** @class */ (function (_super) {
+    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(SurveyQuestionColor, _super);
+    function SurveyQuestionColor(props) {
+        return _super.call(this, props) || this;
+    }
+    Object.defineProperty(SurveyQuestionColor.prototype, "question", {
+        get: function () {
+            return this.questionBase;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    SurveyQuestionColor.prototype.renderInput = function () {
+        var _this = this;
+        return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](react__WEBPACK_IMPORTED_MODULE_1__["Fragment"], null,
+            react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("input", { id: this.question.inputId, disabled: this.isDisplayMode, className: this.question.cssClasses.control, ref: function (input) { return (_this.setControl(input)); }, placeholder: this.question.renderedPlaceholder, autoComplete: "off", onBlur: function (event) { return _this.question.onBlur(event.nativeEvent); }, onChange: this.question.onChange, onBeforeInput: function (event) { return _this.question.onBeforeInput(event.nativeEvent); }, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-describedby": this.question.ariaDescribedBy })));
+    };
+    SurveyQuestionColor.prototype.renderElement = function () {
+        return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: this.question.cssClasses.root },
+            this.renderColorSwatch(),
+            this.renderInput(),
+            this.renderColorInput()));
+    };
+    SurveyQuestionColor.prototype.getValueCore = function () {
+        return this.question.renderedValue;
+    };
+    SurveyQuestionColor.prototype.renderColorSwatch = function () {
+        return react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("span", { className: this.question.cssClasses.swatch, style: this.question.getSwatchStyle() });
+    };
+    SurveyQuestionColor.prototype.renderColorInput = function () {
+        var _this = this;
+        return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("label", { className: this.question.cssClasses.colorDropdown },
+            react__WEBPACK_IMPORTED_MODULE_1__["createElement"](survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["SvgIcon"], { iconName: this.question.cssClasses.colorDrodownIcon, size: "auto" }),
+            react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("input", { type: "color", value: this.question.renderedValue, className: this.question.cssClasses.colorInput, onChange: function (event) { return _this.question.onColorInputChange(event.nativeEvent); } })));
+    };
+    return SurveyQuestionColor;
+}(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["SurveyQuestionText"]));
+
+survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["ReactQuestionFactory"].Instance.registerQuestion("color", function (props) {
+    return react__WEBPACK_IMPORTED_MODULE_1__["createElement"](SurveyQuestionColor, props);
+});
+
+
+/***/ }),
+
+/***/ "./src/custom-questions/SpinEditor.tsx":
+/*!*********************************************!*\
+  !*** ./src/custom-questions/SpinEditor.tsx ***!
+  \*********************************************/
+/*! exports provided: SurveyQuestionSpinEditor */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionSpinEditor", function() { return SurveyQuestionSpinEditor; });
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./src/entries/helpers.ts");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var survey_react_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! survey-react-ui */ "survey-react-ui");
+/* harmony import */ var survey_react_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__);
+
+
+
+var SurveyQuestionSpinEditor = /** @class */ (function (_super) {
+    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(SurveyQuestionSpinEditor, _super);
+    function SurveyQuestionSpinEditor(props) {
+        return _super.call(this, props) || this;
+    }
+    Object.defineProperty(SurveyQuestionSpinEditor.prototype, "question", {
+        get: function () {
+            return this.questionBase;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    SurveyQuestionSpinEditor.prototype.renderInput = function () {
+        var _this = this;
+        return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"](react__WEBPACK_IMPORTED_MODULE_1__["Fragment"], null,
+            react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("input", { id: this.question.inputId, disabled: this.isDisplayMode, className: this.question.cssClasses.control, ref: function (input) { return (_this.setControl(input)); }, placeholder: this.question.renderedPlaceholder, autoComplete: "off", onBlur: function (event) { return _this.question.onBlur(event.nativeEvent); }, onFocus: function (event) { return _this.question.onFocus(event.nativeEvent); }, onChange: this.question.onChange, onBeforeInput: function (event) { return _this.question.onBeforeInput(event.nativeEvent); }, onKeyDown: function (event) { return _this.question.onInputKeyDown(event.nativeEvent); }, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-describedby": this.question.ariaDescribedBy })));
+    };
+    SurveyQuestionSpinEditor.prototype.renderElement = function () {
+        var _this = this;
+        return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("div", { className: this.question.cssClasses.root, onKeyDown: function (event) { return _this.question.onKeyDown(event.nativeEvent); } },
+            this.renderInput(),
+            this.renderButtons()));
+    };
+    SurveyQuestionSpinEditor.prototype.getValueCore = function () {
+        return this.question.renderedValue;
+    };
+    SurveyQuestionSpinEditor.prototype.renderButtons = function () {
+        var _this = this;
+        return (react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("span", { className: this.question.cssClasses.buttonsContainer },
+            react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("button", { className: this.question.cssClasses.arrowButton, onMouseDown: this.question.onDownButtonMouseDown, onMouseUp: this.question.onButtonMouseUp, onBlur: function (event) { return _this.question.onBlur(event.nativeEvent); }, onFocus: function (event) { return _this.question.onFocus(event.nativeEvent); } },
+                react__WEBPACK_IMPORTED_MODULE_1__["createElement"](survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["SvgIcon"], { iconName: this.question.cssClasses.decreaseButtonIcon, size: "auto" })),
+            react__WEBPACK_IMPORTED_MODULE_1__["createElement"]("button", { className: this.question.cssClasses.arrowButton, onMouseDown: this.question.onUpButtonMouseDown, onMouseUp: this.question.onButtonMouseUp, onBlur: function (event) { return _this.question.onBlur(event.nativeEvent); }, onFocus: function (event) { return _this.question.onFocus(event.nativeEvent); } },
+                react__WEBPACK_IMPORTED_MODULE_1__["createElement"](survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["SvgIcon"], { iconName: this.question.cssClasses.increaseButtonIcon, size: "auto" }))));
+    };
+    return SurveyQuestionSpinEditor;
+}(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["SurveyQuestionText"]));
+
+survey_react_ui__WEBPACK_IMPORTED_MODULE_2__["ReactQuestionFactory"].Instance.registerQuestion("spinedit", function (props) {
+    return react__WEBPACK_IMPORTED_MODULE_1__["createElement"](SurveyQuestionSpinEditor, props);
+});
+
+
 /***/ }),
 
 /***/ "./src/entries/helpers.ts":
@@ -2651,7 +2789,7 @@ var __spreadArrays = function () {
 /*!******************************!*\
   !*** ./src/entries/index.ts ***!
   \******************************/
-/*! exports provided: Version, SurveyCreatorComponent, SurveyCreator, RowWrapper, QuestionAdornerComponent, QuestionWrapperHeader, QuestionWrapperFooter, QuestionDropdownAdornerComponent, QuestionImageAdornerComponent, QuestionRatingAdornerComponent, QuestionWidgetAdornerComponent, CellQuestionAdornerComponent, CellQuestionDropdownAdornerComponent, CreatorSurveyPageComponent, PanelAdornerComponent, LogoImageComponent, SurveyQuestionLinkValue, SurveyElementEmbeddedSurvey, QuestionEditorContentComponent, ItemValueAdornerComponent, ImageItemValueAdornerComponent, MatrixCellAdornerComponent, SurveyResults, SurveyResultsByRow, SurveyCreatorToolboxTool, SurveyCreatorToolboxItem, SurveyCreatorToolboxCategory, Toolbox, AdaptiveToolbox, TabbedMenuComponent, TabbedMenuItemComponent, SurveyNavigation, SidebarComponent, TranslationLineSkeleton, ActionButton, SurveyLocStringEditor, SurveyLogicOpertor, TabDesignerComponent, TabEmbedComponent, TabJsonEditorAceComponent, TabJsonEditorTextareaComponent, TabLogicAddButtonComponent, TabLogicComponent, TabPreviewTestSurveyAgainComponent, TabPreviewSurveyComponent, TabTranslationComponent, SurveySimulator, ReactMouseEvent, ReactDragEvent, PropertyGridComponent, editorLocalization, localization, settings, svgBundle, SurveyLogic, SurveyLogicUI, SurveyQuestionEditorDefinition, ToolboxToolViewModel, PropertyGridEditorCollection, StylesManager */
+/*! exports provided: Version, SurveyCreatorComponent, SurveyCreator, RowWrapper, QuestionAdornerComponent, QuestionWrapperHeader, QuestionWrapperFooter, QuestionDropdownAdornerComponent, QuestionImageAdornerComponent, QuestionRatingAdornerComponent, QuestionWidgetAdornerComponent, CellQuestionAdornerComponent, CellQuestionDropdownAdornerComponent, CreatorSurveyPageComponent, PanelAdornerComponent, LogoImageComponent, SurveyQuestionLinkValue, SurveyElementEmbeddedSurvey, QuestionEditorContentComponent, ItemValueAdornerComponent, ImageItemValueAdornerComponent, MatrixCellAdornerComponent, SurveyResults, SurveyResultsByRow, SurveyCreatorToolboxTool, SurveyCreatorToolboxItem, SurveyCreatorToolboxCategory, Toolbox, AdaptiveToolbox, TabbedMenuComponent, TabbedMenuItemComponent, SurveyNavigation, SidebarComponent, TranslationLineSkeleton, ActionButton, SurveyLocStringEditor, SurveyLogicOpertor, TabDesignerComponent, TabEmbedComponent, TabJsonEditorAceComponent, TabJsonEditorTextareaComponent, TabLogicAddButtonComponent, TabLogicComponent, TabPreviewTestSurveyAgainComponent, TabPreviewSurveyComponent, TabTranslationComponent, SurveySimulator, ReactMouseEvent, ReactDragEvent, PropertyGridComponent, SurveyQuestionSpinEditor, SurveyQuestionColor, editorLocalization, localization, settings, svgBundle, SurveyLogic, SurveyLogicUI, SurveyQuestionEditorDefinition, ToolboxToolViewModel, PropertyGridEditorCollection, StylesManager */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -2798,32 +2936,38 @@ __webpack_require__.r(__webpack_exports__);
 /* empty/unused harmony star reexport *//* harmony import */ var _PropertyGrid__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ../PropertyGrid */ "./src/PropertyGrid.tsx");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridComponent", function() { return _PropertyGrid__WEBPACK_IMPORTED_MODULE_42__["PropertyGridComponent"]; });
 
-/* harmony import */ var survey_creator_core__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! survey-creator-core */ "survey-creator-core");
-/* harmony import */ var survey_creator_core__WEBPACK_IMPORTED_MODULE_43___default = /*#__PURE__*/__webpack_require__.n(survey_creator_core__WEBPACK_IMPORTED_MODULE_43__);
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "editorLocalization", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_43__["editorLocalization"]; });
+/* harmony import */ var _custom_questions_SpinEditor__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! ../custom-questions/SpinEditor */ "./src/custom-questions/SpinEditor.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionSpinEditor", function() { return _custom_questions_SpinEditor__WEBPACK_IMPORTED_MODULE_43__["SurveyQuestionSpinEditor"]; });
+
+/* harmony import */ var _custom_questions_ColorQuestion__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__(/*! ../custom-questions/ColorQuestion */ "./src/custom-questions/ColorQuestion.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionColor", function() { return _custom_questions_ColorQuestion__WEBPACK_IMPORTED_MODULE_44__["SurveyQuestionColor"]; });
+
+/* harmony import */ var survey_creator_core__WEBPACK_IMPORTED_MODULE_45__ = __webpack_require__(/*! survey-creator-core */ "survey-creator-core");
+/* harmony import */ var survey_creator_core__WEBPACK_IMPORTED_MODULE_45___default = /*#__PURE__*/__webpack_require__.n(survey_creator_core__WEBPACK_IMPORTED_MODULE_45__);
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "editorLocalization", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_45__["editorLocalization"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "localization", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_43__["localization"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "localization", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_45__["localization"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "settings", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_43__["settings"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "settings", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_45__["settings"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "svgBundle", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_43__["svgBundle"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "svgBundle", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_45__["svgBundle"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyLogic", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_43__["SurveyLogic"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyLogic", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_45__["SurveyLogic"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyLogicUI", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_43__["SurveyLogicUI"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyLogicUI", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_45__["SurveyLogicUI"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionEditorDefinition", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_43__["SurveyQuestionEditorDefinition"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionEditorDefinition", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_45__["SurveyQuestionEditorDefinition"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ToolboxToolViewModel", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_43__["ToolboxToolViewModel"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ToolboxToolViewModel", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_45__["ToolboxToolViewModel"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorCollection", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_43__["PropertyGridEditorCollection"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorCollection", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_45__["PropertyGridEditorCollection"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "StylesManager", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_43__["StylesManager"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "StylesManager", function() { return survey_creator_core__WEBPACK_IMPORTED_MODULE_45__["StylesManager"]; });
 
-/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__(/*! survey-core */ "survey-core");
-/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_44___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_44__);
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_46__ = __webpack_require__(/*! survey-core */ "survey-core");
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_46___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_46__);
 var Version;
-Version = "".concat("1.9.81");
+Version = "".concat("1.9.83");
 // import "@survey/creator/survey-creator-core.css";
 
 
@@ -2866,6 +3010,9 @@ Version = "".concat("1.9.81");
 
 
 
+
+
+//custom questions
 
 
 
@@ -2876,7 +3023,7 @@ Version = "".concat("1.9.81");
 
 
 
-Object(survey_core__WEBPACK_IMPORTED_MODULE_44__["checkLibraryVersion"])("".concat("1.9.81"), "survey-creator-react");
+Object(survey_core__WEBPACK_IMPORTED_MODULE_46__["checkLibraryVersion"])("".concat("1.9.83"), "survey-creator-react");
 
 
 /***/ }),